@charset "utf-8";




.kyusw {position:absolute; top:70px; left:55%;}

.kyusw a{padding:11px 13px; background: linear-gradient(to right,  rgb(36, 140, 196), rgb(41, 149, 145)); transition: all .2s;  color:#ffffff; font-size:9pt; text-align:center; font-weight:bold; border-radius:7px;}

.kyusw a:hover{background: linear-gradient(to right,  rgb(50, 151, 57), rgb(130, 190, 45));}


@media all and (min-width:768px){

	.kyusw { left:70%;}


}

@media all and (min-width:1000px){

	.kyusw {position:absolute; top:123px; left:80%; margin:0;}
	.kyusw a{padding:11px 13px;  font-size:9pt;}


}

@media all and (min-width:1400px){

	.kyusw {position:absolute; top:63px; left:85%; margin:0; z-index:1200;}
	.kyusw a{padding:15px 20px; font-size:11pt; }


}

@media all and (min-width:1800px){

	.kyusw {left:77%;}


}



h3{margin:0;padding:0;background:none;}
.sect3 ul li.mo_hide{display:none}

.snb_box .snb .global_l{width:50%;}
.snb_box .snb .global_r{display:block}
/*.snb_box .snb .global_r a.pop_btn{display:block}*/

.wrapper #container{padding:50px 4% 0;background:url(/images/mie/main/main_bg.png) no-repeat 450px 0}

#container h2{display:none;background:none;font-size:40px;color:#121212;font-weight:400;text-align:right}
#container h2:before{background:none;}
#container h2 b{display:block;margin:0 0 0px;font-weight:300; /*font-family:"Nanum Myeongjo";*/}
#container h2 span{display:block;margin-top:10px;margin-bottom:17px;font-size:16px;color:#ff7800}

.sectwrap:after{display:block;clear:both;content:'';}
/*비주얼*/
.sect1 .mcnt1{position:relative;}
.sect1 .mcnt1 .grap{overflow:hidden;}
.sect1 .mcnt1 .grap .obj{position:relative;height:169px;background:#dcdcdc;}
.sect1 .mcnt1 .grap .obj li{ position:absolute;top:0;left:0;/*margin-left:-149px;*/width:100%;text-align:center;}
.sect1 .mcnt1 .grap .obj li img{/*max-height:169px;*/width:100%}

.sect1 .mcnt1 .pnote{position:absolute;top:-35px;left:22px;}
.sect1 .mcnt1 .pnote a{display:block;float:left;margin-left:5px;width:17px;height:17px;background:url(/images/mie/main/mvs_cont.png) no-repeat 0 -27px;font-size:0;line-height:0;}
.sect1 .mcnt1 .pnote a.ov{width:57px;background-position:0 0}
.sect1 .mcnt1 .pnote a:first-child{margin:0;}

.sect1 .mcnt1 .control{position:absolute;top:-35px;left:0;}
.sect1 .mcnt1 .control a{display:block;float:left;width:20px;height:20px;background:url(/images/mie/main/mvs_cont.png) no-repeat;font-size:0;line-height:0;}
.sect1 .mcnt1 .control a[data-control="prev"],
.sect1 .mcnt1 .control a[data-control="next"]{display:none}
.sect1 .mcnt1 .control a[data-control="stop"]{background-position:0 -55px}
.sect1 .mcnt1 .control a[data-control="play"]{display:none;background-position:0 -82px;}
/*공지사항*/
.sect1 .mcnt2{position:relative;height:215px;background:#fff url(/images/mie/main/mcnt2_bar.gif) repeat-x}
.sect1 .mcnt2:after{display:block;clear:both;content:'';}

.sect1 .mcnt2 h3{float:left;position:relative;}
.sect1 .mcnt2 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
.sect1 .mcnt2 h3:first-child:after{display:none;}
.sect1 .mcnt2 h3 a{display:block;padding:10px 17px 6px;font-size:15px;color:#fff;}
.sect1 .mcnt2 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-40px;width:80px;height:3px;background:#ff7800;content:'';}
.sect1 .mcnt2 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#ff7800;content:'';}

.sect1 .mcnt2 .grap{position:absolute;top:65px;left:0;padding:0 5%;width:90%;background:#fff;}
.sect1 .mcnt2 .grap li{position:relative;margin:10px 0 0;padding:0 0 0 13px;font-size:13px;color:#999}
.sect1 .mcnt2 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
.sect1 .mcnt2 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/mie/main/notice_new.png) no-repeat;}
.sect1 .mcnt2 .grap li:first-child{margin:0;}
.sect1 .mcnt2 .grap li:after{display:block;clear:both;content:'';}
.sect1 .mcnt2 .grap li a{display:block;float:left;overflow:hidden;width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}
.sect1 .mcnt2 .grap li a:hover,
.sect1 .mcnt2 .grap li a:focus{text-decoration:underline;}
.sect1 .mcnt2 .grap li span{float:right;}

.sect1 .mcnt2 .grap .more{/*display:none;*/position:absolute;top:-55px;right:5px}
.sect1 .mcnt2 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/mie/main/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}
/*중앙 박스 컨텐츠*/
.sect2{margin:10px 0 0;}
.sect2 ul li{;height:100px;}
.sect2 ul li a{display:block;position:relative;padding:10px 0 0;height:90px}
.sect2 ul li a h3{margin:5px 0;padding:0 0 0 118px;font-size:18px;font-weight:400;}
.sect2 ul li a:hover h3,
.sect2 ul li a:active h3{color:#fff;}
.sect2 ul li a span{display:block;line-height:1.3;}
.sect2 ul li a span span{display:inline;line-height:1;}
.sect2 ul li a .ico{position:absolute;}
.sect2 ul li a .txt{padding:0 10px 0 118px;}

.sect2 .mcnt3 a{background:#fff;color:#121212;}
.sect2 .mcnt3 a:hover,
.sect2 .mcnt3 a:focus{background:#444c58;color:#fff;}
.sect2 .mcnt3 a .ico{top:21px;left:13px;width:97px;height:75px;background:url(/images/mie/main/mcnt3_ico01.png) no-repeat 50% 0 / 70%;}
.sect2 .mcnt3 a:hover .ico,
.sect2 .mcnt3 a:focus .ico{background-image:url(/images/mie/main/mcnt3_ico01_ov.png)}

.sect2 .mcnt4{background:#ff7800 url(/images/mie/main/mcnt4_bg.png) no-repeat;}
.sect2 .mcnt4 h3,
.sect2 .mcnt4 a{color:#fff;}
.sect2 .mcnt4 a:hover{background:#3B424C;}
.sect2 .mcnt4 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/mie/main/mcnt4_ico01.png) no-repeat 50% 0 / 70%;}

.sect2 .mcnt5{background:#d2d2d2 }
.sect2 .mcnt5 a{color:#333;}
.sect2 .mcnt5 a:hover,
.sect2 .mcnt5 a:focus{background:#ff7800;color:#fff;}
.sect2 .mcnt5 a .ico{top:22px;left:11px;width:78px;height:65px;background:url(/images/mie/main/mcnt5_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt5 a:hover .ico,
.sect2 .mcnt5 a:focus .ico{color:#000;background-image:url(/images/mie/main/mcnt5_ico01_ov.png)}


.sect2 .mcnt6{overflow:hidden;position:relative;margin:10px 0 0;padding:0;height:266px;}
.sect2 .mcnt6 > a{overflow:hidden;padding:0;height:100%}
.sect2 .mcnt6 > a span.ov{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/mie/main/mcnt6_ov_bg.png);}
.sect2 .mcnt6 > a span.ov:after{display:block;position:absolute;top:85px;left:50%;margin-left:-21px;width:43px;height:43px;background:url(/images/mie/main/mcnt6_ov.png) no-repeat;content:'';}
.sect2 .mcnt6 > a:hover span.ov{display:block;z-index:10}

.sect2 .mcnt6 > a figure{background:#dcdcdc;text-align:center;}
.sect2 .mcnt6 > a figure img{/*max-height:266px;width:100%;*/position:absolute;top:50%;left:50%;max-width:none;height:100%;}
.sect2 .mcnt6 > a figure figcaption{position:absolute;bottom:0;left:0;padding:10px 3%;width:94%;background:#000;text-align: left;z-index:10;}
.sect2 .mcnt6 > a figure figcaption b{display:block;overflow:hidden;color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.sect2 .mcnt6 > a figure figcaption span{display:block;color:#fff;font-size:13px}

.sect2 .mcnt6 .more{position:absolute;bottom:62px;left:0;}
.sect2 .mcnt6 .more a{display:block;padding:0;width:24px;height:24px;background:#2b2c2e url(/images/mie/main/more.png) no-repeat 50% 5px;font-size:0;line-height:0;}
.sect2 .mcnt6 > a:hover + .more a{background-color:#ff7800;z-index:10;}



.sect2 .mcnt7{background:#ff7800 url(/images/mie/main/mcnt4_bg.png) no-repeat;}
.sect2 .mcnt7 h3,
.sect2 .mcnt7 a{color:#fff;}
.sect2 .mcnt7 a:hover{background:#3B424C;}
.sect2 .mcnt7 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/mie/main/mcnt7_ico01.png) no-repeat 50% 0 / 70%;}






/*즐겨찾는메뉴*/
.sect3{position:relative;margin:35px 0 45px;text-align:center;}
.sect3 .grap{overflow:hidden;margin:0 auto;width:235px}
.sect3 ul{position:relative;width:10000px;}
.sect3 ul:after{display:block;clear:both;content:'';}
.sect3 ul li{float:left;position:relative;}
.sect3 ul li:first-child{margin:0;} 
.sect3 ul li:before{;display:block;position:absolute;top:15px;left:0;width:2px;height:32px;background:url(/images/mie/main/sect3_bar.gif) repeat-y;content:'';}
.sect3 ul li:first-child:before{display:none;}
.sect3 ul li a{display:block;padding:0;width:118px;height:80px;text-align:center;}
.sect3 ul li a span{display:block;margin:0 auto 5px;width:45px;height:45px;background:url(/images/mie/main/sect3_ico_2022.png) no-repeat;transition:all 0.7s;}

.sect3 .btn1 span{background-position:7px 0;}
.sect3 .btn2 span{background-position:-121px 0;}
.sect3 .btn3 span{background-position:-244px 0;}
.sect3 .btn4 span{background-position:-370px 0;}
.sect3 .btn5 span{background-position:-496px 0;}
.sect3 .btn6 span{background-position:-618px 0;}
.sect3 .btn7 span{background-position:-740px 0;}
.sect3 .btn8 span{background-position:-871px 0;}
.sect3 .btn1:hover span,
.sect3 .btn1:focus span{background-position:7px -88px;}
.sect3 .btn2:hover span,
.sect3 .btn2:focus span{background-position:-121px -88px;}
.sect3 .btn3:hover span,
.sect3 .btn3:focus span{background-position:-247px -88px;}
.sect3 .btn4:hover span,
.sect3 .btn4:focus span{background-position:-370px -88px;}
.sect3 .btn5:hover span,
.sect3 .btn5:focus span{background-position:-496px -88px;}
.sect3 .btn6:hover span,
.sect3 .btn6:focus span{background-position:-618px -88px;}
.sect3 .btn7:hover span,
.sect3 .btn7:focus span{background-position:-740px -88px;}
.sect3 .btn8:hover span,
.sect3 .btn8:focus span{background-position:-871px -88px;}

.sect3 .control{position:absolute;top:0;left:0;width:100%;}
.sect3 .control a{display:block;position:absolute;top:13px;width:35px;height:60px;background:url(/images/mie/main/sect3_cont.png) no-repeat;font-size:0;line-height:0;}
.sect3 .control a[data-control="prev"]{left:0;background-position:50% 14px;}
.sect3 .control a[data-control="next"]{right:0;background-position:50% -54px;}
/*배너*/
.bannerWrap .grap:after,
.bannerWrap .grap .control:after,
.bannerWrap  .grap .banner:after{display:block;clear:both;content:'';}
.bannerWrap{padding:0 4%;background:#343941}
.bannerWrap .grap h3{float:left;margin-right:3%;padding:15px 0 11px;background:none;color:#fff;font-size:16px;}
.bannerWrap .grap{margin:0 auto;max-width:1000px;}
.bannerWrap .grap .control{float:left;position:relative;margin-right:3%;}
.bannerWrap .grap .control a{display:block;float:left;padding:18px 0 12px;width:20px;height:17px;font-size:0;line-height:0;}
.bannerWrap .grap .control a[data-control="play"]{display:none;}

.bannerWrap .grap .control a span{display:block;margin:0 auto;width:9px;height:17px;background:url(/images/mie/main/banner_cont.png) no-repeat;}
.bannerWrap .grap .control a[data-control="prev"] span{background-position:50% 0;}
.bannerWrap .grap .control a[data-control="stop"] span{background-position:50% -23px;}
.bannerWrap .grap .control a[data-control="play"] span{background-position:50% -68px;}
.bannerWrap .grap .control a[data-control="next"] span{background-position:50% -45px;}

.bannerWrap  .grap .banner{overflow:hidden;float:left;position:relative;width:55%;}
.bannerWrap  .grap .banner .obj{position:relative;width:10000px;}
.bannerWrap  .grap .banner .obj li{float:left;position:relative;}
.bannerWrap  .grap .banner .obj li:first-child{margin-left:0;}
.bannerWrap  .grap .banner .obj li:after{position:absolute;top:24px;left:0;width:2px;height:5px;background:#94969b;content:'';}
.bannerWrap  .grap .banner .obj li:first-child:after{display:none;}
.bannerWrap  .grap .banner .obj a{display:block;padding:16px 20px 12px;color:#fff;}
.bannerWrap  .grap .banner .obj li:first-child a{padding-left:0;}

@media only screen and (min-width:360px){
.sect1 .mcnt2 .grap .more{right:10px}
}
@media only screen and (min-width:480px){
.sect1 .mcnt1 .grap .obj{height:252px;}
/*.sect1 .mcnt1 .grap .obj li{margin-left:-221px;}*/
.sect1 .mcnt1 .grap .obj li img{/*max-height:252px*/}
.sect1 .mcnt2 .grap .more{right:28px}

.sect2 .mcnt3 a .ico,
.sect2 .mcnt4 a .ico{top:14px;}
.sect2 .mcnt5 a .ico{top:20px;}

.sect3 .grap{width:354px;}

.bannerWrap .grap .banner{width:69%;}
}

@media only screen and (min-width:768px){
.sect1 .mcnt1 .grap .obj{height:285px;}
/*.sect1 .mcnt1 .grap .obj li{margin-left:-250px;}*/
.sect1 .mcnt1 .grap .obj li img{/*max-height:285px;*/}

.sect2{margin:10px 0 0;}
.sect2 ul:after{display:block;clear:both;content:'';}
.sect2 ul li{float:left;width:50%;height:250px;text-align:center}
.sect2 ul li a{padding:15px 0 0;height:235px;}
.sect2 ul li a h3{margin:15px 0 0;padding:0;}
.sect2 ul li a span,
.sect2 ul li a span span{display:block;line-height:1.3;}
.sect2 ul li a .ico{position:static;}
.sect2 ul li a .txt{padding:0;}

.sect2 .mcnt3 a .ico{margin:30px auto 25px;background:url(/images/mie/main/mcnt3_ico01.png) no-repeat 50% 0;}

.sect2 .mcnt4{background:#ff7800 url(/images/mie/main/mcnt4_bg.png) no-repeat;}
.sect2 .mcnt4 a .ico{margin:8px auto 17px;background:url(/images/mie/main/mcnt4_ico01.png) no-repeat 50% 0;}

.sect2 .mcnt5 a .ico{margin:25px auto 35px;background:url(/images/mie/main/mcnt5_ico01.png) no-repeat 50% 0;}

.sect2 .mcnt6{margin:0;height:250px;}
.sect2 .mcnt6 > a figure img{/*max-height:250px;*/}
/*.sect2 .mcnt6 .more{bottom:66px;}*/

.sect3 .grap{width:590px;}
}

@media only screen and (min-width:1000px){
.sect3 ul li.mo_hide{display:block;}

.snb_box .snb .global_r a[class^="pop_btn"]{display:none}
.snb_box .snb .global_r a.pop_btn_x{display:block;}
.wrapper #container{padding:45px 0 0;}
#container h2{display:block;}
#container h2 span{letter-spacing:1px;}

.sectwrap:after{display:block;clear:both;content:'';}

.sect1,
.sect2{float:left;width:50%}

.sect1 .mcnt1 .grap .obj li img{width:auto;}

.sect1 .mcnt2 h3:first-child{padding-left:20px;}
.sect1 .mcnt2 h3:first-child:after{display:none;}
.sect1 .mcnt2 h3:first-child a.ov:before{margin-left:-30px;}
.sect1 .mcnt2 h3:first-child a.ov:after{margin-left:3px;}
.sect1 .mcnt2 h3 a{font-size:16px;}
.sect1 .mcnt2 .grap{top:65px;}
.sect1 .mcnt2 .grap li a{width:70%;}
.sect1 .mcnt2 .grap .more{display:block;}

.sect2{margin:0;}
.sect2 .mcnt6 > a figure figcaption{padding:10px 0 10px 15px;width:235px;}

.sect3{margin:23px 0 30px;text-align:center;}
.sect3 .grap,
.sect3 ul{width:auto;}
.sect3 ul:after{display:block;clear:both;content:'';}
.sect3 ul li{float:left;position:relative;width:12.5%;}
.sect3 ul li:first-child{margin:0;} 
.sect3 ul li:before{display:block;position:absolute;top:7px;left:0;width:2px;height:32px;background:url(/images/mie/main/sect3_bar.gif) repeat-y;content:'';}
.sect3 ul li:first-child:before{display:none;}
.sect3 ul li a{width:auto;height:auto;}

.sect3 .control{display:none}

.bannerWrap{padding:0;background:#343941; color:#ddd;}
.bannerWrap .grap h3{margin-right:20px;}
.bannerWrap .grap .control{margin-right:35px;}
.bannerWrap .grap .banner{width:839px;}
}