@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
body,div,td,th,p,textarea{margin:0; padding:0;font:12px/160% "Nanum Gothic","NanumGothic","Georgia", Dotum,'µ¸¿ò',sans-serif; color:#594F40;}
ul, ol, li ,dl , dt , dd { list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, h7 ,form { font-size:100%; font-weight:normal;  margin:0; padding:0 }
em{ font-style:normal;}
/*caption{ font-size:0px; height:0px; overflow:hidden; line-height:0px;}*/
table{padding:0; border-spacing:0px; border:0; border-collapse:collapse; empty-cells:show}
fieldset{margin:0; padding:0; border:none;}
legend{ position:absolute; left:-9999%;}
img, fieldset{border:none; vertical-align:middle}
a{text-decoration:none; color:#555}
label:focus{outline: 1px dotted #0066FF; *border: 1px dotted #0066FF;}
.radio.focus{outline: 1px dotted #0066FF; *border: 1px dotted #0066FF;}
.gm ul li a:focus{outline: 1px dotted #0066FF; *border: 1px dotted #0066FF;}
input,textarea,select,button{border:1px solid #D8C3C2;color:#594F40;font-family:"Nanum Gothic","NanumGothic","Georgia",Dotum,AppleGothic,sans-serif; font-size:12px}
input,select {vertical-align:middle; margin:0; padding:0;}


#wrap { width:100%; min-width:1500px; margin:0 auto; }
#wrap #header { width:100%; height:200px; position:relative; min-width:1500px; repeat-x; z-index:100; background:#fff;  }
/* »ó´Ü ·Î±×ÀÎ ºÎºÐ */
#wrap #header .top {width:1500px; margin:0 auto; height:19px; }
#wrap #header .top ul { float:right; width:120px; }
#wrap #header .top ul li { float:left; line-height:19px; padding:0 5px; font-size:11px;}
#wrap #header .top ul li a {color:#343434; }
/* ·Î°í */
#wrap #header h1 { width:287px; margin:0 auto;  text-align:center; }
#wrap #header h1 a { display:block;  }
/* º´¿ø¼Ò°³ ¸Þ´º */
#wrap #header #menu {width:100%; background:url('/base/img/miel/images/common/menu.png') repeat-x; height:40px; position:relative;}
#wrap #header #menu ul {  width:506px; margin:0 auto; text-align:center; line-height:40px; height:40px;  }
#wrap #header #menu ul li { float:left; }
#wrap #header #menu ul li a { padding:0 20px; }
#wrap #header #menu ul li.dot { color:#9c1f95; }
#wrap #header #menu .view {position:absolute;top:0; left:330px;}
/* ¸Þ´º */
#Gnb { position:relative;width:100%; height:42px; background:#a964cd;  }
#Gnb .sGnb{position:relative;left:50%;width:1200px;margin-left:-600px/*widthÀý¹Ý*/;height:42px}
#Gnb .sGnb h1{float:left;}
#Gnb .sGnb .sGnb_m {float:right; line-height:42px; text-align:center; }
#Gnb .sGnb .sGnb_m li{float:left;width:120px; background:url('/base/img/miel/images/common/gnbnew.png') no-repeat; text-indent:-9999px; height:42px;   }
#Gnb .sGnb  sGnb_m li.view { background-position:0px 0px; float:left;width:120px; background:url('/base/img/miel/images/common/gnbnew.png') no-repeat; text-indent:-9999px; height:42px;  }
#Gnb .sGnb  sGnb_m li.s1 { background-position:0px 0px; }
#Gnb .sGnb .sGnb_m li.s2 { background-position:-120px 0px; }
#Gnb .sGnb .sGnb_m li.s3 { background-position:-240px 0px; }
#Gnb .sGnb .sGnb_m li.s4 { background-position:-360px 0px; }
#Gnb .sGnb .sGnb_m li.s5 { background-position:-480px 0px; }
#Gnb .sGnb .sGnb_m li.s6 { background-position:-600px 0px; }
#Gnb .sGnb .sGnb_m li.s7 { background-position:-720px 0px; }
#Gnb .sGnb .sGnb_m li.s8 { background-position:-840px 0px; }
#Gnb .sGnb .sGnb_m li.s9 { background-position:-960px 0px; }
#Gnb .sGnb .sGnb_m li.s10 { background-position:-1080px 0px; }

#Gnb .sGnb .sGnb_m li a{display:block;width:100%;height:100%;}
#Gnb .sGnb .sGnb_m li.sGnb_select{}
#Gnb .sGnb_mask{display:none;position:absolute/*relative º»¹®À» ¹Ð¾î³¿*/;width:100%;overflow:hidden; top:42px;  background:url(/base/img/miel/images/common/sm_bg.png); }
#Gnb .sGnb_mask .sGnb_subSet {position:relative;left:50%;width:1200px;margin-left:-600px/*widthÀý¹Ý*/; }
#Gnb .sGnb_mask .sGnb_subSet ul{float:left;width:120px; text-align:center; box-sizing:border-box;  max-height:415px/*¼­ºê³ôÀÌÇʼö*/;}
/*#Gnb .sGnb_mask .sGnb_subSet ul:first-child{margin-left:120px}ºñÇ¥ÁØÀΰæ¿ì Ŭ·¡½º·ÎÀû¿ë*/
#Gnb .sGnb_mask .sGnb_subSet ul li{height:34px; line-height:34px;  }
#Gnb .sGnb_mask .sGnb_subSet ul li a{display:block;color:#333;}
#Gnb .sGnb_mask .sGnb_subSet ul li a:hover{background:#8a65aa;letter-spacing:-1px; color:#fff; }

#main { width:100%; min-width:1500px; }
#main #main_slide { position:relative; height:647px; min-width:1500px;  }
#main .flexslider ul li.main_sl1 { width:100%; height:647px; background:url(/base/img/miel/images/main/main_img1.png) no-repeat 50% 50%;   }
#main .flexslider ul li.main_sl2 { width:100%; height:647px; background:url(/base/img/miel/images/main/main_img2.png) no-repeat 50% 50%;   }


#main #visual { width:1500px; margin:0 auto; position:relative; z-index:10;  }
#main #visual #main_cts_bg {width:600px;height:225px;z-index:100; float:left; right:140px; position:absolute;  bottom:30px;  }
#main #visual #image_list_1 {width:287px;height:225px;text-align:center; display:block;float:left;  POSITION: relative; z-index:100; padding-right:26px; }
#main #visual #image_list_1 .clsBannerScreen { POSITION: relative; width:287px; HEIGHT: 225px; CLEAR: both; OVERFLOW: hidden; CURSOR: pointer;}
#main #visual #image_list_1 .clsBannerScreen .images { POSITION: absolute; DISPLAY: none;}
#main #visual #image_list_1 .clsBannerButton { Z-INDEX: 1; POSITION: absolute; WIDTH: 45px; CURSOR: pointer; right: 140px; bottom:20px; }
#main #visual #image_list_1 .clsBannerButton LI { PADDING-BOTTOM: 0px; WIDTH: 9px; height:9px; PADDING-RIGHT: 6px; float:left;  PADDING-TOP: 0px;}

#main #icon { width:100%; background:url(/base/img/miel/images/main/icon_bg.png) 50% 50% no-repeat; height:124px; }
#main #icon ul { width:1500px; margin:0 auto; }
#main #icon ul li { float:left; background:url(/base/img/miel/images/main/icon.png) no-repeat; height:124px; line-height:124px; text-indent:-9999px; }
#main #icon ul li:first-child {margin-left:-110px;}
#main #icon ul li a { display:block; }
#main #icon ul li.i1 { width:372px; background-position:0px 0px;  }
#main #icon ul li.i2 { width:96px; background-position:-374px 0px;  }
#main #icon ul li.i3 { width:110px; background-position:-470px 0px;  }
#main #icon ul li.i4 { width:110px; background-position:-580px 0px;  }
#main #icon ul li.i5 { width:110px; background-position:-690px 0px;  }
#main #icon ul li.i6 { width:110px; background-position:-801px 0px;  }
#main #icon ul li.i7 { width:110px; background-position:-912px 0px;  }
#main #icon ul li.i8 { width:110px; background-position:-1021px 0px;  }
#main #icon ul li.i9 { width:110px; background-position:-1131px 0px;  }
#main #icon ul li.i10 { width:110px; background-position:-1241px 0px;  }
#main #icon ul li.i11 { width:110px; background-position:-1351px 0px;  }

#main #section { width:1200px; margin:15px auto 26px auto; height:222px;  }
#main #section ul { }
#main #section ul li { float:left; }
#main #section ul li.b1 { width:293px; border:1px solid #e6899c; height:220px; margin-right:5px; } 
#main #section ul li.b2 { width:293px; border:1px solid #c96a7e; height:220px; margin-right:4px; } 
#main #section ul li.b3 { width:293px; border:1px solid #af5165; height:220px; margin-right:4px; } 

#main #section ul li .bbs { width:290px; margin-left:3px; padding-top:10px; }
tr.board_output_10_tr, tr.board_output_8_tr, tr.board_output_11_tr { height:22px; line-height:22px; }


#footer { width:100%; position:relative; background:url(/base/img/miel/images/common/footer_bg.png) repeat-x; background-position:top; height:158px;  }
#footer #line { margin:0 auto; width:1200px; height:61px; }
#footer #line ul { width:450px; float:right; }
#footer #line ul li { float:left; }
#footer #copy {  background-position:0px 15px;  width:1200px; margin:0 auto; height:78px; }




/* ¼­ºê °¶·¯¸® */
.slidePhotoBox{ margin:0 0 0px 0;}
.slidePhotoBox .ad-gallery { width:912px; overflow:hidden; zoom:1; position:relative;}
.slidePhotoBox .ad-gallery .ad-image-wrapper{ width:912px; height:605px; margin-bottom:5px; overflow:visible; z-index:8; zoom:1;}
.slidePhotoBox .ad-gallery .ad-image-wrapper img  {  }
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image { }
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image img {display:block;width:912px;height:605px}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-prev{top:250px; left:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slidePrev.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-prev:hover{background-position:0 -100px}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-next{top:250px; right:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slideNext.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-next:hover{background-position:0 -100px}
.slidePhotoBox .ad-gallery .ad-nav{ width:697px; overflow:hidden; height:72px; margin:0 auto; }
.slidePhotoBox .ad-gallery .ad-nav .ad-thumbs{ width:697px; zoom:1;}
.slidePhotoBox .ad-gallery .ad-thumbs li {margin-right:1px; background:#000; position:relative;}
.slidePhotoBox .ad-gallery .ad-thumbs li .mask{ width:105px; height:62px; border:#d4bf99 solid 5px; display:none; position:absolute; left:0px; top:0px;}
.slidePhotoBox .ad-gallery .ad-thumbs li a:hover .mask,
.slidePhotoBox .ad-gallery .ad-thumbs li a.ad-active .mask{ display:block;}
.slidePhotoBox .ad-gallery .ad-thumbs li a.ad-active img { border:none;}
.slidePhotoBox .ad-gallery .ad-thumbs li a img{ border:none;width:115px;}
.slidePhotoBox .ad-gallery .ad-controls{ display:none;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{ height:100px; padding:0px; color:#FFF; bottom:0px !important;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .mask{ width:912px; height:101px; display:block; position:absolute; left:0px; top:0; background:#000; opacity:0.7; filter: alpha(opacity = 70);}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .btnFullScreen{ position:absolute; right:22px; top:22px; padding:0 0 0 17px; z-index:10; display:block; color:#FFF; font-size:11px; }
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{ position:relative; z-index:10; padding:20px 0 0 25px;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .desc{ position:relative; z-index:10; padding:2px 0 0 25px; display:block;color:#FFF;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .desc p{color:#FFF;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{ display:none;}
.slidePhotoBox .ad-gallery .ad-forward{ display:none;top:0px; right:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slideNext.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-forward:hover{  background-position:0 -100px}
.slidePhotoBox .ad-gallery .ad-back{ display:none; top:0px; left:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slidePrev.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-back:hover{ background-position:0 -100px}




/**** ¼­ºê ******/

#sub {  }
#sub #sub_tit1 { background:url(/base/img/miel/images/sub/sub_tit1.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit2 { background:url(/base/img/miel/images/sub/sub_tit2.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit3 { background:url(/base/img/miel/images/sub/sub_tit3.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit4 { background:url(/base/img/miel/images/sub/sub_tit4.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit5 { background:url(/base/img/miel/images/sub/sub_tit5.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit6 { background:url(/base/img/miel/images/sub/sub_tit6.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit7 { background:url(/base/img/miel/images/sub/sub_tit7.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit8 { background:url(/base/img/miel/images/sub/sub_tit8.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit9 { background:url(/base/img/miel/images/sub/sub_tit9.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit10 { background:url(/base/img/miel/images/sub/sub_tit10.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit11 { background:url(/base/img/miel/images/sub/sub_tit11.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit12 { background:url(/base/img/miel/images/sub/sub_tit12.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }
#sub #sub_tit13 { background:url(/base/img/miel/images/sub/sub_tit13.jpg) no-repeat 50% 50%; height:187px; width:100%; min-width:1200px; }


#sub #content { width:1200px; margin:40px auto; overflow:hidden;  }
#sub #content .subm { width:240px; float:left;  }
#sub #content .subm h2 {background:url(/base/img/miel/images/sub/sub_title.png) no-repeat; height:90px; width:240px; font-size: 20px;  font-weight: bold; color:#fff; line-height:90px; text-indent:20px;  letter-spacing:-1px; }
#sub #content .subm ul {    border-bottom: 2px solid #999;}
#sub #content .subm ul li a {    display: inline-block;    border: 1px solid #ddd;    border-top: none;    width: 208px;    padding: 10px 15px;    font-size: 13px; letter-spacing:-1px;    background: #fff;}
#sub #content .subm ul li a.on, #sub #content .subm ul li a:hover  {      background: #f6f6f6;    color: #f66197;    font-weight: bold;} 
#sub #content #contain { float:right; width:912px; }
#sub #content #contain .top {height:40px; line-height:40px; border-bottom:1px dashed #aaa; padding-bottom:20px;   }
#sub #content #contain .top h2 { float:left; font-size:33px; font-weight:bold; letter-spacing:-2px;  }
#sub #content #contain .top span { float:right; }
#sub #content #contain .inner { padding-top:30px; }

#sub #content #contain .inner ul.map { width:912px; height:59px;  }
#sub #content #contain .inner ul.map li { float:left; }

/* ȸ¿ø */

#sub #content #contain .inner .member { width:900px;padding:40px 0 40px 12px; overflow:hidden;  }
#sub #content #contain .inner .member .txt { width:100%; height:180px; padding-top:60px;  text-align:center; background:#fcfcfc;  border-top:2px solid #F7F3F0; }
#sub #content #contain .inner .member .txt h2 { border:none; line-height:34px; height:68px; font-weight:normal;    }
#sub #content #contain .inner.member .txt p { color:#aaa; }

#all { width:900px;  border:1px solid #ddd; background:#555; padding:20px; position:absolute; top:240px; z-index:20; margin-left:450px; display:none; }
#all .close { width:44px; height:44px; background:#F69; line-height:44px; text-align:center; position:absolute; right:-44px; top:-1px;   }
#all .close a { font-size:30px; color:#fff;   }
#all ul { float:left; width:150px; text-align:center;  }
#all ul h2 { font-size:16px; font-weight:bold; color:#F69; padding-bottom:20px; }
#all ul li { height:22px; line-height:22px; width:150px;  }
#all ul li a { color:#fff; display:block;  }
#all ul li a:hover { background:#fff; color:#555; }
ul.p1, ul.p2, ul.p3, ul.p4, ul.p5, ul.p6 { height:260px; }


#quick_menu { position:absolute; top:102px; right:10px; width:129px; z-index:100; text-align:center; }
#quick_menu .top {margin-top:15px; text-align:center}

/*
#quick_menu {width:129px; position:absolute; top:102px; right:0; z-index:9999;}
*/
#quick_menu .top img {display:inline;}


ul.sub5_02 { height:40px; line-height:40px; border-bottom:2px solid #e8e8e8; margin-bottom:20px; }
ul.sub5_02 li { float:left; width:100px; margin-right:5px; }
ul.sub5_02 li a { border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; display:block; text-align:center; }
ul.sub5_02 li a.on, ul.sub5_02 li a:hover { background:#c4407c; color:#fff; }