@charset "utf-8";

/* .wrap_area {background:url(../image/area/bg_img.jpg) no-repeat center top;font-family:"돋움",Dotum;} */
body {background-repeat:repeat-x;background-attachment:fixed;background-size:100% 100%; background-size:cover; }

.wrap_area {font-family:"돋움",Dotum;}
.mainbody {min-height:900px !important;}

 /* 메인 */
.top {height:31px;background-color:#30333e;padding:4px 0 0 10px;		/*position:fixed;*/ position:relative; width:100%;z-index:100;}
.top.awards-area {background-color:#5e22bc}

.top h1 {float:left;margin-top:3px;width:73px;}
.top h1 img {width:100%;}
.top .area_search {margin-top:4px;float:right; padding-right: 12px;background:url('../image/common/bg_area_search01.png') no-repeat;}
.top .area_search label{display: none;}
.top .area_search input{vertical-align: middle;border:none;background:transparent;width:119px;height:19px;line-height:19px;padding-left:15px;}
.top .area_search .btn_search{margin-left: -7px;vertical-align: middle;}
.top .area_search .btn_search img{/* width: 25px; */ }
.container {width:998px;margin:0 auto;padding:65px 0 80px;}
.container:after {content:"";clear:both;display:block;}
.gnb {float:left;width:167px;position:relative;}
.gnb h2 {margin-top:12px; margin-right:-3px; width:170px;height:0;background-color:#fff;}
.gnb h3 {position: relative; right:-3px; background-color:#F7F7F7;border:1px solid #3c3c3c;}
.gnb ul li {background-color:#6e717d;width:137px;margin-left:33px}

.mainbody {z-index:1;float:left;background:url(../image/area/bg_shdw.png) repeat-y left top;width:709px;padding:38px 54px 0 55px;*zoom:1;position:relative;border-top:solid 1px black;}
.mainbody {min-height:900px !important;}
.mainbody:after {content:"";clear:both;display:block;}
.mainbody #layout1 {padding: 0px 0px 100px 0px;}
.top_area {border-bottom:1px solid #30333e;*zoom:1;padding-bottom:4px;height:76px;position:relative}
.top_area:after {content:"";clear:both;display:block;}
.top_area h3 {float:left;width:500px;font-size:28px;font-family:Nanum Gothic,"나눔고딕";line-height:1.7;font-weight:normal}
.top_area h3 span {font-size:14px;display:block}
.top_area .local {float:left;width:200px;margin:22px 0 0;font-weight:bold}
.top_area .local p {font-size:17px;;text-align:right;margin-bottom:4px;font-family:Nanum Gothic,"나눔고딕"}
.top_area .local span {display:inline-block;*display:inline;zoom:1;padding:0 3px;float:right;}
.top_area .local p+span {border-left:0;}
.top_area .local em {color:#0f9ba0;padding:0 1px;}
.top_area .local span.area_tab {border-right:solid 1px #D1D3DD;height:12px;}

.top_area .local .border_right{border-right:1px solid #d5d7da;}
.visual_read {margin:50px 0 40px;*zoom:1;position:relative}
.visual_read:after {content:"";clear:both;display:block;}
.visual_read h4 {border-bottom:1px solid #30333e;background:url(../image/area/icon_read.jpg) no-repeat ;margin:0 0 10px;height:30px}
.visual_read h4 strong {font-size:16px;padding:0 0 0 10px;letter-spacing:-1px}
.visual_read h4 em {border-right:1px solid #d5d7da;padding:0 10px 0 35px;font-size:14px;font-weight:bold;}
.visual_read p {position:absolute;top:7px;right:0}
.visual_read dl {overflow:hidden;font-family:Nanum Gothic,"나눔고딕";line-height:1.4}
.visual_read dl dt {float:left;width:430px;height:250px}
.visual_read dl dd {float:left;background-color:#6e717d;width:238px;padding:40px 20px;height:170px;color:#fff}
.visual_read dl dd strong {color:#f1e23e;font-weight:bold;display:block;font-size:14px;margin-bottom:10px}
.visual_feel {position:relative;margin-bottom:40px;*zoom:1;overflow:hidden;display:block}
.visual_feel:after {content:"";clear:both;display:block;}
.visual_feel h4 {border-bottom:1px solid #30333e;background:url(../image/area/icon_feel.jpg) no-repeat ;margin:0 0 10px;height:30px;}
.visual_feel h4 em {padding:0 10px 0 35px;font-size:14px;padding-top:5px;display:block;font-weight:bold;}
.visual_feel p {position:absolute;top:5px;right:0}
.visual_feel ul {width:2000px;}
.visual_feel ul li {float:left;font-size:11px;} 
.visual_feel ul li a {float:left;margin-left:15px;width:166px;}
.visual_feel ul li:first-child a {margin-left:0}
.visual_feel li a img {width:164px;height:98px;border:1px solid #ccc}
.visual_feel li a strong {border-bottom:1px solid #30333e;width:166px;display:block;margin:8px 0;font-size:12px;color:#30333e}
.visual_feel li a span {display:block;width:166px;color:#737683}
.visual_feel li a span em{display:inline-block;*display:inline;zoom:1;padding-right:6px;font-weight:bold;color:#30333e}

.visual_feel .sliderWrap {width:100%;overflow:hidden;}
.tour {margin-bottom:40px;*zoom:1;position:relative;}
.tour:after {content:"";clear:both;display:block;}
.tour h4 {border-bottom:1px solid #30333e;padding-bottom:5px;margin-bottom:10px;font-weight:bold;font-size:14px;background:url('/image/area/icon_traveli.png') 0 0 no-repeat;padding:8px 0 5px 35px;    background-size: 26px 28px;}
.tour .f1{float:left;width:522px;margin:0 0 1px -1px}
/*.tour .f1 li {float:left;position:relative;margin:0 0 1px 1px;}*/
.tour .f1 li a, .tour .f2 li a {float:left;}
.tour .f1 li.title {background:url(../image/area/tourtt1.jpg) repeat;width:346px;height:141px}
.tour .f1 li.title span {display:block;font-family:Nanum Gothic,"나눔고딕";font-size:22px;letter-spacing:-1px;color:#fff;font-weight:bold;padding:62px 5px 5px 140px;}
.tour .f2 li.tour_go {width:187px;height:202px;background-color:#8abe1a;text-align:center;}
.tour .f2 li.tour_go a span {display:block;font-family:Nanum Gothic,"나눔고딕";font-size:22px;letter-spacing:-1px;font-weight:bold;padding:70px 5px 5px 5px;width:172px;color:#fff;}
.tour .f2 li {position:relative;margin:0 0 1px 1px;float:left}
.tour .f2 li.center span {display:block;padding:50px 0 0 50px;font-size:14px;font-weight:bold;}
.tour .f2{float:left;margin:0 1px 1px 0;overflow:hidden;width:187px}
.tour .f1 li dl, .tour .f2 li dl {background:url(../image/area/bg_mask50.png) repeat;width:100%;height:36px;position:absolute;bottom:0;left:0}
.tour .f1 li dl dd.icon, .tour .f2 li dl dd.icon {position:absolute;left:5px;bottom:6px}
.tour .f1 li dl dt, .tour .f2 li dl dt {padding:10px 0 0 38px;color:#f3f2f1;font-size:11px;letter-spacing:-1px}
.tour .f1 li dl dt strong, .tour .f2 li dl dt strong {border-right:1px solid #ccc;padding-right:5px;margin-right:5px}

.box.type1 a > img {width:470px;height:165px}
.box.type2 a > img {width:234px;height:332px}
.box.type3 a > img {width:234px;height:165px}


.staff{position:relative;padding-top:10px;overflow:hidden;display:block;width:708px;}
.staff h4 {border-bottom:1px solid #30333e;padding-bottom:5px;font-weight:bold;font-size:14px;margin-bottom:10px;background:url('/image/area/icon_traveli.png') 0 0 no-repeat;padding:8px 0 5px 35px;    background-size: 26px 28px;}
.staff h4 span {padding:0 8px;border-right:solid 1px #C2C4CC;}
.staff h4 a:hover {background-color:#EB9C7D;}
.staff h4 span.last_span {border:0;}
.staff h4 img {margin-right:5px;}
.staff ul {padding:0 0 10px 0;overflow:hidden;border-bottom:1px solid #30333e;margin-bottom:30px}
.staff ul.p_slider {width:3000px;}
.staff ul li {float:left;display:block;width:70px;text-align:center;margin-left:20px}
.staff ul li:first-child {margin-left:0;}
.staff ul li img {width:55px;height:55px;border:1px solid #ccc}
.staff ul li span {display:block;text-align:center;margin-top:4px;font-size:11px}
.btn_next {position:absolute; right:0;}
.visual_feel .btn_next {top:5px;}
.staff .btn_next {top:18px;}
.btn_next >span {float:left; padding:4px 10px 0;font-size:11px;color:#767676;}
.btn_next >span em {font-weight:bold;color:#333333}
.btn_next a {background:url(../image/area/btn_next.jpg) no-repeat 0 0;height:19px;float:left;text-indent:-9999px;}
.btn_next a.prev {width:21px;}
.btn_next a.next {width:20px;background-position:-21px 0;}
.btn_next a.p_prev {width:21px;}
.btn_next a.p_next {width:20px;background-position:-21px 0;}
.btn_next a:hover.prev {width:21px;background-position:-41px 0;}
.btn_next a:hover.next {width:20px;background-position:-62px 0;}
.btn_next a:hover.p_prev {width:21px;background-position:-41px 0;}
.btn_next a:hover.p_next {width:20px;background-position:-62px 0;}


 /* 서브 */

.mainbody .share {position:absolute;top:10px;right:15px;*zoom:1}
.mainbody .share ul li {float:left;margin-left:4px}
.sub_lst {*zoom:1;margin:30px 0 30px;}
.sub_lst:after {content:"";clear:both;display:block;}
.sub_lst ul li {font-family:Nanum Gothic,"나눔고딕";line-height:1.5;border-bottom:1px solid #ccc;overflow:hidden;padding-bottom:20px;position:relative;margin-bottom:20px}
.sub_lst li h4 {font-size:11px;font-family:"돋움",Dotum;position:absolute;top:3px;left:215px;color:#78797d;letter-spacing:-1px;width:495px;border-bottom:1px dashed #cccccc;padding-bottom:10px;}
.sub_lst li h4 span {display:inline-block;*display:inline;zoom:1;padding:0 4px;color:#fff;margin-left:8px;font-size:11px;height:14px;}
.sub_lst li h4 span.cartoons {background-color:#8c4ce0;}
.sub_lst li h4 span.drama {background-color:#5ba700;}
.sub_lst li h4 span.mission {background-color:#fa0a96;}
.sub_lst li h4 span.essay {background-color:#49bcb0;}
.sub_lst li h4 p {position:absolute;top:0;left:150px;}
.sub_lst li div.hotmark {margin-top:35px;}
.sub_lst li h4:after {content:'';display:block;clear:both;}

.sub_lst li a>img {float:left;width:178px;height:108px;border:1px solid #ccc;margin-right:36px;position:relative;}
.sub_lst li a>img +span {background:url(../image/area/bg_shdwplay.png) no-repeat;position:absolute;left:0;bottom:21px;width:178px;height:25px}
.sub_lst li a em {position:absolute;left:0;top:90px;font-size:11px;color:#fff;padding:0 7px}
.sub_lst li a strong {font-size:15px;display:block;margin:3px 0;color:#30333e;font-weight:normal}

.areaRate {width:709px;text-align:center;}
.areaRate .rateTitle {background-color:#6f717e;padding:5px;text-align:left;margin-bottom:5px;}
.areaRate .rateTitle p {color:#fff;font-size:13px;font-weight:bold;}
.areaRate {  border-bottom: 1px solid #30333e;padding-bottom:2px;}
.areaRate ul:after {content:'';display:block;clear:both;}
.areaRate li.list {float:left;display:block;width:8.33%;}
.areaRate li ul li {font-weight:bold;}
.areaRate li ul li img {width:15px;height:18px;}
.areaRate li ul li span {font-weight:normal;vertical-align:bottom;font-size:11px;display:inline-block;margin-top:6px;}


 /* footer */
/*.footer {clear:both;background-color:#30333e;height:120px}*/

.footer {width:100%;background:#262731;color:#505367;}
.footer .wrap {width:650px;margin:0 auto;padding:10px 0 20px;font-size:12px;}
.footer .wrap > div,
.footer .wrap > p {padding-left:115px;}
.footer .wrap > div {height:49px;background:url('../image/area/txt_foot03.png') no-repeat;}
.footer .wrap > div p,
.footer .wrap > div span {color:#939dc7;}



/* 트래블 아울렛 연동 */
.gnb .outlet-sticker {margin:30px 0 0 35px;}
.about-outlet {margin-top:50px;}
.about-outlet h4 {font-size:14px;font-weight:bold;padding:6px 0 6px 35px;background:url('/image/rel-outlet/bull_outlet.png') 0 0 no-repeat;margin-bottom:15px;}
.about-outlet h4 span {margin-left:15px;padding-left:15px;color:#5a5a5a;font-weight:normal;background:url('/image/rel-outlet/introduce_bar.png') 0 center no-repeat;}
.about-outlet .introduce {position:relative;padding:0 10px}
.about-outlet .type1 p {padding:15px 40px;width:470px;position:relative;}
.about-outlet .type1 p:before {background:url('/image/rel-outlet/quote_left.png') 0 0 no-repeat;content:'';position:absolute;left:0;top:0;display:block;width:32px;height:28px;}
.about-outlet .type1 p:after {background:url('/image/rel-outlet/quote_right.png') 0 0 no-repeat;content:'';position:absolute;bottom:0;right:0;display:block;width:32px;height:28px;}
.about-outlet .type1 .go-goods {position:absolute;right:0;top:-40px;width:130px;height:130px;display:block;text-align:center;background:url('/image/rel-outlet/quote_sticker.png') 0 0 no-repeat;}
.about-outlet .type1 .go-goods span {display:block;width:80%;margin:105px auto 0 auto;color:#fff;font-weight:bold;background:#222432;border-radius:10px;padding:3px 7px;}
.about-outlet .type2 {position:relative;}
.about-outlet .type2 ul {border-top:1px solid #404040;background:#dedede;height:29px;overflow:hidden;}

.about-outlet .type2 li a {padding:7px;width:100%;display:block;}
.about-outlet .type2 li span.cat {font-weight: bold;margin-right: 10px;vertical-align: top;display: inline-block;}
.about-outlet .type2 li span.sub { display: inline-block;height: 15px; width: 380px; overflow: hidden;}
.about-outlet .type2 .go-areaGoods {position:absolute;right:0;top:0;padding:7px 20px 7px 40px;color:#fff;font-weight:bold;text-align:right;background:#460165 url('/image/rel-outlet/bg_icon_outlet.png') 10px 7px no-repeat;letter-spacing:-1px;}

.sub_lst a.go-goods {position:absolute;top:0;right:0;display:block;width:120px;height:22px;color:#fff;background:url('/image/rel-outlet/sub-link.png') 0 0 no-repeat;line-height:22px;}
.sub_lst a.go-goods span {margin-left:33px;}

.top-banner {/*margin-top:42px;*/overflow:hidden;width:100%;}
.top-banner li {position:relative;}
.top-banner li a img{width:100%;}
.ban-close {position:absolute;display:block;width:40px;height:40px;top:30px;right:23px;}
.ban-close img {width:100%;}

@media all and (min-width:768px){
	.top-banner {margin-top:0;}
}


@media all and (max-width:478px){
.ban-close {position:absolute;display:block;width:20px;height:20px;top:8px;right:23px;}
}
@media all and (min-width:768px){
	.top-banner {margin-top:0;}
}



@media all and (max-width:1024px) {
body {background-size:auto;}

body {background:rgba(0,0,0,0.5) url('/repository/area/m_pattern.png') !important;}

}