@charset "utf-8";
html{font-size:14px;}
a{transition:none;}

#wrap{/*overflow:hidden;*/position:relative;background:#eee;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:1030}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}

/*헤더*/
#header {display:block;width:100%;height:124px;padding:0;background:url(/images/mie/common/top_menu.png) repeat-x left 40px;z-index:10; }
.snb_box {background:#444c58; }
/*로고*/
.snb_box .snb {position:relative;}
.snb_box .snb:after {content:"";display:block;clear:both; }
.snb_box .snb .global_l{float:left;width:100%;}
.snb_box .snb .global_l a {display:none;float:left;width:100%;padding:11px 20px 10px 20px;background:url(/images/mie/common/top_arr.png) no-repeat 143px 19px;color:#fff;}
.snb_box .snb .global_l ul{display:none;position:absolute;top:40px;padding:5px 0;background:#444c58;border-top:1px solid #7c828a;border-radius:0 0 5px 5px;color:#fff;z-index:1000;}
.snb_box .snb .global_l .simple{left:135px; z-index:2000;}
.snb_box .snb .global_l .major{left:311px;}
.snb_box .snb .global_l ul a{float:none;padding:3px 20px 0;background:none;border-width:0;}
.snb_box .snb .global_l ul a:hover,
.snb_box .snb .global_l ul a:focus{text-decoration:underline;}
.snb_box .snb .global_l a.img_logo {display:inline-block;padding:12px 0 8px 20px;background:none;text-align:left;}

.snb_box .snb .global_r {display:none;float:right;width:50%; }
.snb_box .snb .global_r a {display:none; float:left; width:100%; padding:11px 0px; background:url(/images/mie/common/top_patten.gif) repeat left top; text-align:center; color:#fff; }
.snb_box .snb .global_r a.gr_sitemap { display:none; width:40px; height:40px; padding:0; background:url(/images/mie/common/icon_sitemap.png) no-repeat center 15px #2f353d; }
.snb_box .snb .global_r a.gr_sitemap:hover,
.snb_box .snb .global_r a.gr_sitemap:focus,
.snb_box .snb .global_r a.gr_sitemap:active { background-color:#17625e; }
.snb_box .snb .global_r a.pop_btn {display:none;background:url(/images/mie/popup/pop_arr_on.png) no-repeat 80% 19px #3c424b; }
.snb_box .snb .global_r a.pop_btn_x {display:inline-block;background:url(/images/mie/popup/pop_arr_off.png) no-repeat 80% 19px #2b2c2e; }
.snb_box .snb .global_r a[class^="pop_btn"]{display:none}

.snb_box .snb h1 { position:absolute;top:63px;left:4%;font-size:24px;z-index:100; }
.snb_box .snb h1 a{color:#000;}

	
/*메인 메뉴*/
#gnb{display:none; z-index:7000;}
.nav_mobile{position:absolute;top:61px;right:4%;}
.nav_mobile a{display:block;padding:8px 0;width:39px;background:#fff;border:1px solid #ddd;font-size:0;line-height:0;}
.nav_mobile a span{display:block;margin:0 auto;width:22px;height:23px;background:url(/images/mec/common/mobile_menu.gif) no-repeat 50% 50%;}


/* 모바일 메뉴 */
#topmenu{display:none;position:absolute;top:0;right:-199px;overflow:auto;width:224px;height:100%;opacity:0;background:#fff;z-index:7000;}
#topmenu a{display:block}
#topmenu .tmc a.tmcd{padding:10px;color:#fff}
#topmenu .tmc a.ov{font-size:1.43em;font-weight:700}
#topmenu .tmc .thm{padding:10px;background:#f9f9f9}
#topmenu .tmc .thm a{padding:5px 10px;line-height:1.2}

/*#topmenu a{display:block;background:url(/images/mie/header/mobile_topmenu.png) no-repeat;color:#444c57}*/
#topmenu .mobile_global{overflow:hidden;width:100%;border-bottom:1px solid #435688}
#topmenu .mobile_global:after{display:block;clear:both;content:'';}
#topmenu .mobile_global > a{display:block;float:left;width:100%;height:40px;background:#444c57 url(/images/mie/common/mo_btn_arw.png) no-repeat 190px 18px;color:#fff;line-height:42px;text-indent:18px}
#topmenu .mobile_global > a:first-child{width:50%;background:#008e7e;border:0;text-align:center;text-indent:0}
#topmenu .mobile_global .mgr_sitemap{width:50%;background:#17625e;text-align:center;text-indent:0;}
#topmenu .mobile_global a.sim,
#topmenu .mobile_global a.maj{border-bottom:1px solid #697078;}

#topmenu .mobile_global ul{position:absolute;left:0;padding:11px 0 10px;width:100%;background:#444c58;border-radius:0 0 5px 5px;color:#fff;z-index:1010;}
#topmenu .mobile_global .simple{top:88px;}
#topmenu .mobile_global .major{top:121px;}
#topmenu .mobile_global ul a{float:none;padding:5px 0 5px 25px;background:none;border-right:none;color:#fff;text-align:left;}



#topmenu #gnb_device .th1{}
#topmenu #gnb_device .th1 a.th1_lnk{position:relative;padding:13px 0 13px 25px;background:#fff;border:solid #ddd;border-width:0 0 1px;color:#444c57;font-size:1.14em;}
#topmenu #gnb_device .th1:first-child a.th1_lnk{border-top-width:0}
#topmenu #gnb_device .th1 a.th1_lnk.ov:after,
#topmenu #gnb_device .th1 a.th1_lnk:active:after{display:block;position:absolute;top:0;left:0;width:5px;height:100%;background:#ff7800;content:'';}
#topmenu #gnb_device .th2{z-index:5000; padding:17px 0 15px;background:#f4f4f4;border-bottom:1px solid #ddd;}
#topmenu #gnb_device .th2 li{}
#topmenu #gnb_device .th2 li a{position:relative;padding:10px 0 0 30px;}
#topmenu #gnb_device .th2 li:first-child a{padding-top:0;}
#topmenu #gnb_device .th2> li >a:after{display:block;position:absolute;top:18px;left:20px;width:3px;height:3px;background:#ff7800;content:'';}
#topmenu #gnb_device .th2> li:first-child >a:after{top:9px;}
#topmenu #gnb_device .th2 li a.ov,
#topmenu #gnb_device .th2 li a:active{color:#ff7800}
#topmenu #gnb_device .th2 li li{background:none;border-top:0} 
#topmenu #gnb_device .th2 li li a{padding:3px 0;padding-left:32px;border-top:0;color:#666;}
#topmenu #gnb_device .th2 li li a:hover,
#topmenu #gnb_device .th2 li li a:active{color:#000;}
#topmenu #gnb_device .th2 li li a:before{content:"-";display:inline;margin-right:5px;color:#7183b1}
#topmenu #gnb_device .th3{display:none;padding:10px 0 0;}




/***********************************************************************************/

#container:after{content:"";clear:both;display:block}
#lnb{display:none;}
#contentswrap{padding:0 4%;background:url(/images/mie/common/loca_bg_mo.gif) no-repeat 100% 0;}
#contentswrap:after{content:"";clear:both;display:block}

/*네비*/
#location{position:relative;width:100%;padding:25px 0 15px;}
#location:after{content:"";clear:both;display:block}
#location h3{margin:0;padding:0;background:none;font-size:22px;font-weight:normal;color:#0d0d0d;letter-spacing:-1px}
#location .dir{margin:5px 0 0;}
#location .dir a{display:inline-block;margin-left:12px;font-size:14px;vertical-align:middle;}
#location .dir a.home{padding:0;margin:0;}
#location .dir a span{display:inline-block;margin:-3px 12px 0 0;width:7px;height:13px;background:url(/images/mie/common/common_ico.png) no-repeat -36px -14px;vertical-align:middle;}
#location .location_buttons{display:none;}
#location .location_buttons a{float:left;width:27px;height:26px;margin-left:2px;overflow:hidden;text-indent:-999px;background:#acacac}
#location .location_buttons a[target="_blank"]{padding-right:0}
#location .location_buttons a.icon1{}
#location .location_buttons a.icon2{}
#location .location_buttons a.icon3{}
#location .location_buttons a.icon4{}
#location .location_buttons a#print{}

#contents{margin:0 0 20px;padding:15px 4%;background:#fff;}

/******************************************************************************/

/*담당자*/
.charge{margin:50px 0 0 0;background:none;border:1px solid #ddd;}
.charge:after{content:"";clear:both;display:block}
.charge dt{margin-left:40px;color:#464646;}
.charge dt span{display:none;}
.charge .admin_info dt{position:relative;}
.charge .admin_info dt:after{display:block;position:absolute;top:6px;left:-18px;width:1px;height:8px;background:#878787;content:'';}
.charge .admin_info dt.dept{margin-left:30px;}
.charge .admin_info dt.dept:after{display:none;}
.charge .modDate dd{color:#cf2202;}

/*만족도조사*/
.satisfaction{padding:15px 0 20px;width:auto;background:none;border:1px solid #ddd;}
.satisfaction .research{margin:0 30px;}
.satisfaction p{float:none;position:relative;padding-left:20px;width:100%;background:none;font-weight:700;}
.satisfaction p:after{display:block;position:absolute;top:0;left:0;width:13px;height:14px;background:url(/images/mie/common/ipsi_ico.png) no-repeat -91px 0;content:'';}
.satisfaction .survey_txt{margin-top:-3px;}
.satisfaction .survey_txt label{display:none;}
.satisfaction .survey_txt input[type="text"]{margin-right:0;width:525px;height:20px;border-radius:0;}
.satisfaction .survey_txt input[type="button"]{height:30px;background:#545454;border-radius:0;font-weight:700;}

/*푸터*/
#footerwrap { display:block; background:#444c58; font-size:1em; }
.footer { position:relative; width:auto; height:195px; margin:0 auto; padding:68px 0; color:#dadbde; }
.footer address { display:block; font-size:0.875em; }
.footer address span { display:inline-block; margin-left:10px; line-height:20px; }
.footer address span.ky_name { display:block; font-weight:bold; color:#fff; }
.footer address ul li span{ margin-left: 0; }
.footer address b{ color:#fff; margin-left:8px; }
.footer address span.br_none { display:none; }
.footer .copyright { margin:5px 0 0 10px; font-size:0.813em; color:#dadbde; }
.footer .copyright span { display:inline-block; }
.footer .copyright span.c_gy { display:inline-block; font-weight:bold; color:#fff;  }
.footer .copyright span.privacy{  margin-left:0px; display:block;}
.footer .copyright span.privacy a{ color:#7dc242;}

.footer .b_logo { display:block; position:static; margin:35px 0 0 10px; }
.footer address ul li a.btn_cms { background:#008F7F; color:#fff; padding:1px 2px 0 2px; font-size:0.875em;}
.footer address ul li a,
.footer address ul li a:hover,
.footer address ul li a:focus,
.footer address ul li a:active { color:#ffffff; }
.footer a,
.footer a:hover,
.footer a:focus,
.footer a:active { font-weight:bold; color:#dadbde; }

/*모바일_맨위로가기*/
.footer .btn_top { display:block; position:absolute; bottom:296px; right:0; width:100%; background:#2b2c2e; text-align:center; }
.footer .btn_top a { display:block; width:100%; padding:7px 0 6px 0; }
.footer .btn_top a span { display:inline-block; padding-right:27px; background:url(/images/mec/common/top_bul.png) no-repeat center 4px; font-size:0.929em; color:#fff; }


@media only screen and (min-width:640px){
/*푸터*/
.footer { height:160px; }
/*모바일_맨위로가기*/
.footer .btn_top { display:block; position:absolute; bottom:261px; }
.footer address ul li{ display:inline-block; vertical-align:middle; }
.footer .copyright span.privacy{ display:inline-block; margin-left:20px;}
}


@media only screen and (min-width:1000px){
.wrapper{margin:0 auto;max-width:1000px;}

#wrap{min-width:1000px;}

#header {height:107px;}
.snb_box { background:#444c58; }
/*로고*/
.snb_box .snb { position:relative; width:1000px; margin:0 auto;font-size:0.9em}
.snb_box .snb:after { content:""; display:block; clear:both; }
.snb_box .snb .global_l,
.snb_box .snb .global_r{display:block;width:auto;}
.snb_box .snb .global_l a {width:100%;padding:11px 20px 10px 20px;}

.snb_box .snb .global_l a{ display:inline-block;float:left;width:135px;padding:11px 20px 10px 20px;background:url(/images/mie/common/top_arr.png) no-repeat 143px 19px; border-right:1px solid #7c828a;}
.snb_box .snb .global_l a.on { background:url(/images/mec/common/top_arr_ov.png) no-repeat 143px 19px #2f353d; text-decoration:none; }
.snb_box .snb .global_l a.img_logo{ padding:12px 0 8px 0; background:none; text-align:left;}
.snb_box .snb .global_r {float:right; }
.snb_box .snb .global_r a{display:inline-block; float:left; width:75px; padding:11px 20px 11px 20px; background:url(/images/mie/common/top_patten.gif) repeat left top; text-align:center; color:#fff; }
.snb_box .snb .global_r a.gr_sitemap { display:block; width:40px; height:40px; padding:0; background:url(/images/mie/common/icon_sitemap.png) no-repeat center 15px #2f353d; }
.snb_box .snb .global_r a.pop_btn{ padding-right:30px; background:url(/images/mie/popup/pop_arr_on.png) no-repeat 100px 19px #3c424b; }
.snb_box .snb .global_r a.pop_btn_x{ padding-right:30px; background:url(/images/mie/popup/pop_arr_off.png) no-repeat 100px 19px #2b2c2e; }
.snb_box .snb h1 { position:absolute; top:57px; left:0; font-size:24px; font-weight:bold; z-index:1200; }

/*메뉴 _ 새로작업*/
#gnb{display:block;position:absolute;top:42px;left:0;width:100%; height:65px; z-index:999; }
#animate{overflow:hidden;position:relative;width:100%;height:65px;background:url(/images/mie/common/fulldown.jpg) no-repeat 50% 65px;z-index:998;}
#animate .animateLine{display:none;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#444c58;z-index:998;}
#animate #tm{position:absolute;top:0;right:50%;margin-right:-500px;width:754px; z-index:950;}
#animate #tm:after{display:block;clear:both;content:'';}
#animate #tm .th1{float:left;width:16.6%;height:auto;font-size:18px; }
#animate #tm .th1 .th1_lnk{display:block;/*padding:0 30px;*/height:65px;color:#121212;line-height:67px;text-align:center;}
#animate #tm .th1 .th1_lnk.current,
#animate #tm .th1 .th1_lnk:hover,
#animate #tm .th1 .th1_lnk:focus{color:#f27200;text-decoration:none;}
#animate #tm .th1 .th1_lnk.current+.th2{background:#f27200;}
#animate #tm .th1 .th1_lnk.current+.th2 li a{color:#fff;}
#animate #tm .th2{padding:13px 0;}
#animate #tm .th2 li{float:none;height:auto;margin:10px 0;padding:0 15px 0 15px;font-size:0.778em;line-height:18px;}
#animate #tm .th2 li a{display:block;height:auto;padding:0 0 0 12px;letter-spacing:0px; z-index:997;}
#animate #tm .th2 li a:hover,
#animate #tm .th2 li a:focus{text-decoration:underline;}
#animate #tm .th3{display:none;}

#open_search,.nav_mobile,#topmenu{display:none}



#lnb{display:block;float:left;padding:60px 0 0;width:20%}
#lnb h2{position:relative;padding:0;height:115px;background:#444c58;color:#fff;font-size:1.9em;font-weight:400;text-align:center;}
#lnb h2:before{position:absolute;top:0;left:50%;margin-left:-43px;width:87px;height:10px;background:#ff7800;content:'';}
#lnb h2:after{display:inline-block;height:125px;vertical-align:middle;content:'';}
#lnb h2 span{display:inline-block;vertical-align:middle;}
#lnb .lm_2th>li{}
#lnb .lm_2th>li:first-child{border-top-width:1px;}
#lnb .lm_2th>li>a{display:block;padding:10px 20px;font-weight:400;background:#fff url(/images/mie/common/link_2th.gif) no-repeat 190px 50%;font-size:16px;border:solid #ddd;border-width:0 0 1px;}
#lnb .lm_2th>li>a.link_2th_ov{color:#ff7800;background:none;background-color:#fff;}

#lnb .lm_3th{padding:10px 20px;background:url(/images/mie/common/lnb_3th_bg.png);border:solid #ddd;border-width:0 0 1px;}
#lnb .lm_3th>li{margin-top:5px;}
#lnb .lm_3th>li:first-child{margin:0;}
#lnb .lm_3th>li>a{display:block;position:relative;padding-left:15px;background:url(/images/mie/common/link_3th.gif) no-repeat 0 50%;color:#666;}
#lnb .lm_3th>li>a:after{position:absolute;top:9px;left:0;width:4px;height:4px;background:#666;content:'';}
#lnb .lm_3th>li>.link_3th_ov,
#lnb .lm_3th>li>a:hover,
#lnb .lm_3th>li>a:focus,
#lnb .lm_3th>li>a:active{color:#333;}
#lnb .lm_3th>li>.link_3th_ov:after,
#lnb .lm_3th>li>a:hover:after,
#lnb .lm_3th>li>a:focus:after,
#lnb .lm_3th>li>a:active:after{background:#333}


#containerwrap{padding:0;}
#container{margin:0;padding:0 0 40px;background:url(/images/mie/common/lnb_bg.gif) no-repeat 0 0}
#contentswrap{margin-left:226px;padding:60px 0 0;background:url(/images/mie/common/loca_bg_pc.gif) no-repeat 220px 0}
#contentswrap:after{content:"";clear:both;display:block}

/*네비*/
#location{float:right;width:94%;padding:17px 3% 0;}
#location:after{content:"";clear:both;display:block}
#location h3{margin:0;padding:0;background:none;font-size:2.6em;font-weight:normal;color:#0d0d0d;letter-spacing:-1px}
#location .dir{}
#location .dir a{display:inline-block;margin-left:10px;vertical-align:middle;background:url(/images/mie/common/location_arw.png) no-repeat 0 50%}
#location .location_buttons{display:block;position:absolute;bottom:0;right:24px;}
#location .location_buttons a{float:left;width:38px;height:38px;margin-left:5px;overflow:hidden;text-indent:-999px;background:#acacac url(/images/mie/common/loca_btn.png?ver=1.1) no-repeat 13px 9px}
#location .location_buttons a[target="_blank"]{padding-right:0}
#location .location_buttons a.icon2{background-position:-34px 9px}
#location .location_buttons a#print{background-position:-88px 9px}
#location .location_buttons a:hover,
#location .location_buttons a:focus{background-color:#3a5795;transition:all 0.7s;}
#location .location_buttons a.icon2:hover,
#location .location_buttons a.icon2:focus{background-color:#E1306C }
#location .location_buttons a#print:hover,
#location .location_buttons a#print:focus{background-color:#008072}

/*실제 컨텐츠 영역*/
#contents{float:right;margin:13px 0 0;padding:30px 3%;width:94%;min-height:500px;}

/*푸터*/
.footer { width:1000px; height:auto; padding:35px 0; }
.footer address { display:block; }
.footer address b.first{ margin-left:0 }
.footer address span { display:inline-block; margin-left:0; }
.footer address span.ky_name { display:inline-block; }
.footer address span.br_none { display:block; }
.footer .copyright { margin:5px 0 0 0; }
.footer .b_logo { position:absolute; top:50px; left:83.5%; margin:0; }

/*모바일_맨위로가기*/
.footer .btn_top { position:fixed; bottom:78px; right:50%; margin-right:-496px;width:53px; height:53px; background:none; text-align:center; }
.footer .btn_top a { display:inline-block; width:53px; height:53px; padding:0; background:url(/images/mec/common/btn_top.gif) no-repeat center 20px #fff; border:1px solid #ddd; border-radius:5px; }
.footer .btn_top a span { display:inline-block; padding-right:15px; background:none; font-size:0; color:#fff; }

}


@media only screen and (min-width:1160px){
.footer .btn_top{bottom:260px;right:2%;margin-right:0;}
}