﻿
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,figure{margin:0;padding:0;-webkit-text-size-adjust:none}
body{margin-top: 0px;font: 1em 나눔명조, Nanum Myeongjo;font-family:나눔명조, Nanum Myeongjo;color: #333;word-wrap:break-word; word-break:break-all;}

img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none outside;}
a{text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
.clear{clear:both;}

.preheader{margin-top: 140px;}
.jesatop1{margin-top: 20px;}
.header{width: 100%;margin-top: 32px;font-size: 1.5em;font-family:나눔명조, Nanum Myeongjo;line-height: 38px;text-align: center; font-weight:bold}
.subheader1{width: 100%;margin-top: 0px;font-family:나눔명조, Nanum Myeongjo;line-height: 38px;text-align: center;visibility: hidden;}
.subheader2{width: 100%;margin-top: 0px;font-size:1em;font-family:나눔명조, Nanum Myeongjo;line-height: 38px;text-align: center;visibility: visible;}
.jesa{width: 100%;margin-top: 0px;font-size:1em;font-family:나눔명조, Nanum Myeongjo;line-height: 38px;text-align: right;visibility: visible;}
.author{width: 100%;margin-top: 40px;font-size:1em;font-family:나눔명조, Nanum Myeongjo;line-height: 22px;text-align: right;}
.sisuncontent{width: 100%;margin-top: 30px;font-size:18px; ;font-family:나눔명조, Nanum Myeongjo;line-height: 39px;text-align: justify;}
.sisun_gmju{font-size: 80%;line-height: 39px;text-align: left;}
.gothic1{font-family: 'KoPubDotumLight';text-indent: 18.0px;font-weight: 800;}
.sisuncontent p{text-indent: 18.0px; margin:0px; text-decoration: none!important;}

#siyoil_top {background:#a892c4; padding:4px 0 2px 0;}
#siyoil_top .width1{padding:7px 0 5px 0; width:90%; margin:0 auto}
#siyoil_top .logo a {font-family:나눔명조, Nanum Myeongjo; font-size:1.9em; color:#fff}

#siyoil_contant{ width:100%; position:relative;}
#siyoil_contant .bg1{ background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg01_h350.jpg) no-repeat center bottom;background-size:100% auto;height:350px; overflow:hidden}
#siyoil_contant .bg2{ background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg02_h350.jpg) no-repeat center bottom;background-size:100% auto;height:350px; overflow:hidden}
#siyoil_contant .bg3{ background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg03_h350.jpg) no-repeat center bottom;background-size:100% auto;height:350px; overflow:hidden}
#siyoil_contant .bg03{ background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg03_h350.jpg) no-repeat center bottom;background-size:100% auto;height:350px; overflow:hidden}
#siyoil_contant .bg4{ background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg04_h350.jpg) no-repeat center bottom;background-size:100% auto;height:350px; overflow:hidden}
#siyoil_contant .bg5{ background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg05_h350.jpg) no-repeat center bottom;background-size:100% auto;height:350px; overflow:hidden}
#siyoil_contant .date1{ text-align:left; font-size:0.9em;font-family:Arial, Helvetica, sans-serif;  padding:25px 25px 0 25px; letter-spacing:1px;color:#666666;}
#siyoil_contant .date2{ text-align:left; font-size:1em;font-family:Arial, Helvetica, sans-serif; padding:24px 0 0px 0; letter-spacing:1px;color:#666666; letter-spacing:-0.5px}
#siyoil_contant .text1{ text-align:left;font-family:나눔명조, Nanum Myeongjo; line-height:1.4em; font-size:1.3em; padding:30px 0 20px 0; color:#333; width:90%; margin:0 auto}
#siyoil_contant .text2{ text-align:right;font-family:나눔명조, Nanum Myeongjo; line-height:1.7em; font-size:0.8em; color:#333 ; width:90%; margin:0 auto}
#siyoil_contant .text3{ text-align:left;font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:1em; padding:0px 0; color:#333; font-weight:bold;letter-spacing:-1px}
#siyoil_contant .text4{ text-align:left;font-family:나눔명조, Nanum Myeongjo; line-height:1.4em; font-size:1.3em; padding:20px 0 0 0; color:#333; font-weight:normal}
#siyoil_contant .text5{ text-align:right;font-family:Arial, Helvetica, sans-serif; line-height:1.5em; font-size:1em; font-weight:normal;padding:20px 0;}
#siyoil_contant .width2{ width:90%; margin:0 auto; height:210px}
#siyoil_contant .l_arrow { position:absolute; left:0; top:200px;}
#siyoil_contant .l_arrow img { width:40px;}
#siyoil_contant .r_arrow {position:absolute; right:0; top:200px;}
#siyoil_contant .r_arrow img { width:40px;}

#siyoil_contant2{ width:85%; margin:0 auto;}

#siyoil_tag{ width:100%; margin:0 auto ; text-align:center; padding:15px 0 18px 0}
#siyoil_tag .hashtag1 { background:#f4f4f4; border:1px solid #dbdadb;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; padding:7px 15px; margin:5px 1px}
#siyoil_tag .hashtag1 a{ color:#787878; font-family:Arial, Helvetica, sans-serif; font-size:1em}
.hashtag1 { background:#f4f4f4; border:1px solid #dbdadb;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; padding:7px 20px; margin:7px 2px}
.hashtag1 a{ color:#787878; font-family:Arial, Helvetica, sans-serif; font-size:1em} 

.siyoil_line1{ border-top:1px solid #dcdcdc; border-bottom:1px solid #eeeded;background:#f6f6f6; height:8px}
.siyoil_line2{ border-bottom:1px solid #dcdcdc;} 

.siyoil_title{ padding:5px 0 0px 0; width:90%; margin:0 auto}
.siyoil_title_left1{ float:left; width:70%;font-family:나눔명조, Nanum Myeongjo;line-height:2em; font-size:1.6em; letter-spacing:-1px}
.siyoil_title_right1{ float:right; width:25%;padding:15px 0 0 0px; text-align:right}
.siyoil_title_right1 a{ color:#787878; font-size:0.9em}

.siyoil_title2{ padding:30px 0; width:90%; margin:0 auto}
.siyoil_title_left2{ float:left; width:70%;font-family:나눔명조, Nanum Myeongjo;line-height:1.7em; font-size:1.6em; letter-spacing:-1px; color:#333}
.siyoil_title_right2{ float:right; width:30%;padding:0px 0 0 0px; text-align:right}
.siyoil_title_right2 a{ color:#787878}
.siyoil_title2 .text1{ font-size:0.65em; color:#333;line-height:1.4em; }


.siyoil_img{}
.siyoil_img ul{ padding:0; margin:0}
.siyoil_img ul li{ padding-top:1px}

.siyoil_thema{ width:640px; overflow:hidden}
.siyoil_thema ul{ padding:0; margin:0}
.siyoil_thema ul li{ float:left; width:110px; background:#333;position:relative}
.siyoil_thema .bg_thema1{background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_thema_01.jpg) no-repeat; opacity:0.5;background-size:100%;height:65px; text-align:center;color:#fff; }
.siyoil_thema .bg_thema2{background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_thema_02.jpg) no-repeat; opacity:0.5;background-size:100%;height:65px;text-align:center;color:#fff; }
.siyoil_thema .bg_thema3{background:url(//image.aladin.co.kr/img/m/siyoil/siyoil_thema_03.jpg) no-repeat; opacity:0.5;background-size:100%;height:65px; text-align:center;color:#fff; }
.text_white1 {font-family:나눔명조, Nanum Myeongjo;line-height:1.3em; text-align:center; position:absolute; z-index:999;color:#fff;font-size:1em; width:90%; margin:0 auto; left:5%;padding:15px 0 0 0}


.siyoil_thema_list { clear:both; }
.siyoil_thema_list .list_t1{ font-size:1em;color:#333; padding:10px 0;font-family:Arial, Helvetica, sans-serif; width:90%; margin:0 auto;}
.siyoil_thema_list .list_t2{ font-family:나눔명조, Nanum Myeongjo; line-height:1.7em; font-size:1.5em; padding:15px 0 0 0;width:90%; margin:0 auto; font-weight:bold;color:#333;}
.siyoil_thema_list .list_t3{ font-size:0.9em;color:#999; padding:5px 0 20px 0; font-family:Arial, Helvetica, sans-serif;width:90%; margin:0 auto; line-height:1.5em}

.siyoil_thema_list_box{padding:12px 0 10px 0; text-align:center; background:#fff}
.siyoil_thema_list_box .input1{padding:8px; width:95%; margin:0 auto; font-size:1.1em; line-height:1.7em; background:#f15d72; color:#fff; border:1px solid #ea2e79}


#siyoil_view{ width:90%; margin:10px auto 0 auto;}
#siyoil_view .left1{ float:left; width:50%;font-family:나눔명조, Nanum Myeongjo; line-height:1.3em; font-size:1em; padding:10px 0; color:#666; letter-spacing:1px; padding:15px 0 0 0}
#siyoil_view .right1{ float:right; width:50%; text-align:right}
#siyoil_view .sitext1{text-align:center;font-family:나눔명조, Nanum Myeongjo; line-height:1.6em; font-size:1.8em; padding:40px 0 0 0; color:#333; font-weight:bold}
#siyoil_view .sitext2{text-align:center;font-family:나눔명조, Nanum Myeongjo; line-height:1.3em; font-size:1em; padding:10px 0; color:#787878}
#siyoil_view .sitext3{text-align:center;font-family:나눔명조, Nanum Myeongjo; line-height:1.9em; font-size:1em; padding:30px 0 40px 0; color:#333}


.siyoil_book{ width:90%; margin:30px auto;}
.siyoil_book .left1{float:left; width:35%;}
.siyoil_book .right1{float:right; width:65%;}
.siyoil_book_box1{ background:#f4f4f3; border:1px solid #e5e1e1; height:180px;}
.siyoil_book .titlebg{ color:#fff; letter-spacing:-0.5; background: -moz-linear-gradient(left, #6e7cd1 0%, #6fa0e8 100%);background: -webkit-linear-gradient(left, #6e7cd1 0%,#6fa0e8 100%);background: linear-gradient(to right, #6e7cd1 0%,#6fa0e8 100%); text-align:center; padding:7px 0; font-family:Arial, Helvetica, sans-serif}
.siyoil_book ul{ width:95%; margin:0 auto;}
.siyoil_book ul li{ display:inline; float:left; width:33%; text-align:center; padding:20px 0; position:relative; margin-bottom:20px;}
.siyoil_book .h1{ position:absolute; bottom:-115px;}
.siyoil_book .sitext4{font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:1.3em; padding:5px 0 0 0; color:#333}
.siyoil_book .sitext5{font-family:Arial, Helvetica, sans-serif; line-height:1.4em; font-size:1em; padding:30px 0 0 0; color:#333}
.siyoil_book .sitext6{font-family:Arial, Helvetica, sans-serif; line-height:1.4em; font-size:0.9em; padding:0; color:#999}
.siyoil_book a{ color:#333}
.siyoil_book .gray{color:#999}

.siyoil_alarm_text1{ padding:15px 0; width:85%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.4em}
.siyoil_alarm_text2{ padding:15px 0 0 0; width:85%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:1em}
.siyoil_alarm_form{ padding:7px; color:#666666; margin-right:10px; background:#fff; border:1px solid #dddddd}
#siyoil_ch{display:none;}
#siyoil_ch + label{display:inline-block;cursor:pointer; position:relative; padding-left:20px; margin-right:5px; font-size:13px }
#siyoil_ch + label:before{content:""; display:inline-block; width:18px; height:18px; position:absolute; left:0; bottom:-3px; background:#fff; border:1px solid #CCCCCC;}
#siyoil_ch:checked + label:before{content:"\2713"; font-size:12px; font-weight:800; color:#FFFFFF; background:#0099FF; text-align:center;  border:1px solid #0099FF; line-height:18px;}

.siyoil_btn1 {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #0080ff;text-align: center;overflow: hidden ;background-color: #0080ff; font-family:Arial, Helvetica, sans-serif }
.siyoil_btn1 a:link { text-decoration: none!important;  font-size:1em; display: block;  padding:4px 10px;  color:#ffffff; font-weight:normal;line-height:23px}
.siyoil_btn1 a:hover { text-decoration: none!important;  text-align:center; color:#ffffff; background:#1566b6!important;}
.siyoil_btn1 a:visited { text-decoration: none!important;  display: block;color:#ffffff;} 

.s_list{    width:95%;height:45px;border:1px solid #ccc;background:url(//image.aladin.co.kr/img/search/btn_down1_3.jpg) no-repeat 100% 50%,-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fafafa));vertical-align:middle;-webkit-appearance:none;border-radius:0px;font-size: 1em;line-height: 1.77em;border-spacing: 0;	color:#027d86;	padding:0px 35px 0 15px; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5x; }	

.s_list2{width:50%;height:33px;border:1px solid #ccc;background:url(//image.aladin.co.kr/img/search/btn_down1_3.jpg) no-repeat 100% 50%,-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fafafa));vertical-align:middle;-webkit-appearance:none;border-radius:0px;font-size: 0.9em;line-height: 1.77em;border-spacing: 0;	color:#333;	padding:0px 35px 0 15px; font-weight:bold; margin-right:5px }