@charset "utf-8";

.ir-logo{background:url(/images/common/ir-logo.png) no-repeat}
#wrap{position:relative;width:100%;overflow:hidden}

#header{position:relative;width:100%;height:111px;background-color:#fff;z-index:100;}
#animate{
	position:relative;height:111px;background-color:#fff;overflow:hidden;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}

#animate .style{
	height:111px;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}

#animate.action{background-color:#393b41}
#animate .style.action{background-color:#fff;border-bottom:1px solid #ddd;}

#header #logo,#header #sitelink{position:relative;z-index:1}
#header #logo{float:left}
#header #sitelink{float:right;height:47px}

#logo{padding-top:21px;}
#logo a{display:inline-block;vertical-align:bottom;/*font-size:26px;*/color:#313131;font-size:22px;line-height:1.2}
#logo .kor{width:99px;height:64px;background-position:-231px -67px;font-size:0;line-height:0;}

#sitelink{}
#sitelink:before,#sitelink .icon{content:"";display:inline-block;height:100%;vertical-align:middle}
#sitelink a{display:inline-block;margin-left:8px;line-height:16px;vertical-align:middle;color:#6f6f6f;font-size:12px;transition:color 0.1s ease;}
#sitelink a .ir{display:block;width:29px;height:29px;font-size:0;line-height:0;}
#sitelink a .radius{display:inline-block;position:relative;margin-right:5px;background-position:0 0;vertical-align:middle;}
#sitelink a .radius .ir{position:absolute;top:0;left:0;}
#sitelink a:hover .radius,
#sitelink a:focus .radius{background-position:0 -29px;}
#sitelink .home .radius .ir{background-position:-29px 0;}
#sitelink .home:hover .radius .ir,
#sitelink .home:focus .radius .ir{background-position:-29px -29px;}
#sitelink .kor .radius .ir{background-position:-58px 0;}
#sitelink .kor:hover .radius .ir,
#sitelink .kor:focus .radius .ir{background-position:-58px -29px;}
#sitelink #open_mn .ir{width:44px;height:44px;background-position:-87px 0;}
#sitelink #open_mn:hover .ir,
#sitelink #open_mn:focus .ir{background-position:-131px 0;}
#sitelink #open_mn{display:none}

#sitelink .sitemap .ir{background-position:-151px -259px;}
#sitelink .sitemap:hover .ir,
#sitelink .sitemap:focus .ir{background-position:-184px -259px;}


#header .action #sitelink a{color:#565656}
#header .action #sitelink a:hover,
#header .action #sitelink a:focus{color:#de402e}

#header .action #sitelink .ustsite a:after{border-color:#565656}

#sitelink .fireinthefinger{position:relative;display:inline-block;width:27px;height:16px;line-height:1;vertical-align:middle}
#sitelink .fireinthefinger span{position:absolute;left:0;top:0;width:100%;height:3px;line-height:1;background-color:#ffdbd4}
#sitelink .fireinthefinger .bar1{left:0;top:0}
#sitelink .fireinthefinger .bar2{left:0;top:7px}
#sitelink .fireinthefinger .bar3{left:0;top:14px}


#header .action #sitelink .login .icon{background-position:-58px 0}
#header .action #sitelink .english .icon{background-position:-58px -30px}
#header .action #sitelink .sitemap .icon{background-position:-58px -60px}


#gnb{position:absolute;top:45px;left:0;width:100%;}
#gnb .layout{padding-left:220px;}

/*
#tm{float:right;margin-right:-20px;height:100%;}
#tm .th1{float:left;}
#tm .th1 .th1_lnk{display:block;position:relative;padding:18px 20px;color:#3b3b3b;font-size:18px;line-height:1.2;text-align:center;}
#tm .th1 .th1_lnk .line{position:absolute; display:block; bottom:-2px; height:2px; width:0%; background-color:#3073d5; left:40%;}
#tm .th1>a.current,
#tm .th1>a:hover,#tm .th1>a:focus{color:#222}
#tm .th1 .current .line{margin-left:-30%;width:80%;}

#tm .th2{display:block;padding:15px 20px;max-width:150px;min-height:140px;text-align:center;border-left:1px solid #f5f5f6;opacity:0;transform:translateY(20px)}
#tm .th2.current{opacity:1;transform:translateY(0px)}
#tm .th2 li {float:none;width:auto;}
#tm .th2 a{display:block;padding:2px 5px;color:#666;font-size:13px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
#tm .th2 a:hover,#tm .th2 a:focus{color:#916b4a}
.th3{display:none;}
*/


#tm{float:right;margin-right:-20px;height:100%;}
#tm .th1{float:left;}
#tm .th1 .th1_lnk{display:block;position:relative;padding:18px 20px;font-family:"nsr",sans-serif;font-size:18px;color:#2d2d2d;line-height:1.2;text-align:center;font-weight:600;}
#tm .th1>a.current,
#tm .th1>a:hover,#tm .th1>a:focus{color:#45495b}
#tm>li>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#tm .th2{display:none;position:absolute;right:0;top:80px;padding-left:450px;width:100%;min-height:220px;background:url(/images/mayor/common/summary_bg.png) no-repeat center bottom;}
#tm .th2>li {float:left;position: relative;padding:7px 15px;margin-bottom:15px;margin-right:2%;width:23%;}
#tm .th2>li>a{display:block;padding-bottom:10px;text-align:left;color:#efefef;font-size:15px;line-height:1.3;font-family:"nsr",sans-serif;font-weight:600;border-bottom:1px solid #5d6374;}
#tm .th2>li>a:hover {color:#86b4ff;border-bottom:1px solid #7fa5e2;}
#tm .th3{}
#tm .th3 li{display:block;margin:2px 5px;text-align:left;}
#tm .th3 li a{text-align:left;display:block;padding-left:9px;background:url(/images/common/gr_dot.png) no-repeat left 10px;  line-height: 22px;font-size: 13px;color:#fff;}
#tm .th3 li a.ov,#tm .th3 li a:hover{color:#fafafa;text-decoration:underline;}

div[id^="summary"]{position:absolute;left:0;top:100px;width:300px;text-align:left;color:#e2e3e3}
div[id^="summary"] strong{font-size:30px;color:#fff;font-family:"nsr",sans-serif;font-weight:600;}
div[id^="summary"] p{font-size:20px;color:#9799a0;letter-spacing:-1px;line-height:18px}



/*
#tm>li{height:100%}
#tm>li>a{height:100%;padding:0 15px;font-family:"nsr",sans-serif;font-size:17px;color:#2d2d2d}
#tm>li>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#tm .th1{display:inline-block}
#tm .th1>a{}
#tm .item{position:absolute;top:45px;left:0;right:0;width:100%;padding-bottom:55px}
#tm .item .th2{padding:10px 0 10px 297px;width:100%;overflow:hidden;}

#tm .th2{background:url(/images/kor/common/bg_gnb1.png) repeat-y 298px 0;}
#tm .th2>li {float:left;padding:7px 15px;width:20%;border-bottom:1px solid #ddd;}
#tm .th2>li>a{display:block;text-align:left;color:#000;font-size:15px;line-height:1.3}
#tm .th2>li>a.ov,#tm .th2>li>a:hover{color:#333}
#tm .th3{}
#tm .th3 li{display:block;margin:2px 5px;text-align:left;}
#tm .th3 li a{text-align:left;display:block;padding-left:9px;background:url(/images/common/gr_dot.png) no-repeat left 10px;  line-height: 22px;font-size: 13px;color:#666;}
#tm .th3 li a.ov,#tm .th3 li a:hover{color:#333;}

*/
#shadow_device {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;background:#000;opacity:0.7}
#mo_gnb{display:none;position:absolute;top:0;right:-220px;width:220px;height:100%;overflow:auto;background:#454950;z-index:1010;box-shadow:0px 0px 10px #333}



#svisual{position:relative;height:219px;background-color:#454950;}



#container{position:relative;padding:70px 0 50px 0}
#remote{position:absolute;bottom:0;left:0;width:100%;height:67px;background: url(/images/common/remote_black.png);}
#remote .layout{position:relative}
#content{margin:30px 0}
#lnb{position:relative;}


#lnb:after{content:"";display:block;clear:both;visibility:hidden}
#lnb li{display:inline-block;float:left;text-align:center;}
#lnb li a{position:relative;display:block;font-size:15px;line-height:1}
#lnb .th2{}
#lnb .th2>a{padding:21px 0;border:1px solid #666;border-width:0 1px 0 0;text-align:center;}
#lnb .th2:first-child>a{border-left-width:1px;}
#lnb .th2 .link_2th{color:#fff;}
#lnb .th2 .link_2th_ov{background-color:#45495b;border-color:#666;color:#fff;}

#lnb .th3{display:none;z-index:10;position:absolute;top:63px;left:0;right:0;height:61px;border:solid #ddd;border-width:1px 0;background-color:#fff}
#lnb .th3:before,#lnb .th3:after{content:"";position:absolute;top:-1px;width:2000px;height:100%;border:solid #ddd;border-width:1px 0;background-color:#fff}
#lnb .th3:before{left:-2000px}
#lnb .th3:after{right:-2000px}
#lnb .th3 li{margin-right:10px;}
#lnb .th3 li a{position:relative;padding:0 10px;line-height:20px;}

#lnb .th3>li{float:left;height:100%}
#lnb .th3>li>a{display:block;height:60px;margin:0 14px;font-size:16px;border-bottom:2px solid transparent;color:#666}
#lnb .th3>li>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}

#lnb .th3 .link_3th{}
#lnb .th3 .link_3th:hover,
#lnb .th3 .link_3th:focus{color:#3073d5}
#lnb .th3 .link_3th_ov{border-bottom-color:#3073d5;color:#3073d5}

#location{position:relative;margin-bottom:30px;width:100%;text-align:center}
#location:after{content:"";display:block;clear:both;visibility:hidden;}
#location h1{display:block;margin:0 0 5px;color:#010101;font-size:26px;line-height:1.2;}
#location .navi{display:inline-block;}
#location .dir{z-index:10;}
#location .dir *{vertical-align:middle;}
#location .dir span{display:inline-block;padding-left:15px;margin-left:3px;background:url(/images/common/location_arr.png) no-repeat 0 45%;color:#666;font-size:13px;line-height:1.2;}
#location .dir .home{margin:0;padding-left:22px;width:auto;background:url(/images/common/navi_home.png) no-repeat 0 1px;line-height:1.2;}
#location .dir .current{text-decoration:underline;}

.location_buttons_box{position:relative;display:inline-block;margin:10px 0 10px;height:27px;vertical-align:middle;}
.location_buttons_box:after{content:"";display:block;clear:both;visibility:hidden;}
.location_buttons_box .ir{display:inline-block;float:left;margin-left:3px;width:27px;height:27px;font-size:0;}
.location_buttons_box .sns{background-position:-63px -260px;}
.location_buttons_box .sns.ov,
.location_buttons_box .sns:active{background-position:-33px -260px;}
.location_buttons_box .print{background-position:-93px -260px;}
.sns_btn{display:inline;}
#naviSNS{position:absolute;top:34px;right:27px;width:98px;height:33px;padding:3px;border:1px solid #efefef;background-color:#fff;border-radius:50px;}
#naviSNS a{display:inline-block;width:27px;height:27px;font-size:0;}
#naviSNS .fb{background-position:0px -289px;}
#naviSNS .tw{background-position:-93px -289px;}
#naviSNS .ks{background-position:-62px -289px;}
#naviSNS .bk{background-position:-32px -289px;}
#txt{width:100%;}
#shadow_device {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;background:#000;opacity:0.7}
#mo_gnb{display:none;position:absolute;top:0;right:-220px;width:220px;height:100%;overflow:auto;background:#454950;z-index:1010;box-shadow:0px 0px 10px #333}


#footer{position:relative;z-index:10;background-color:#f5f5f6}
.footer_logo{background-position:0 -154px; }

#mo_gnb{display:none;position:absolute;top:0;right:-250px;width:250px;height:100%;overflow:auto;background:#454950;z-index:1010;box-shadow:0px 0px 10px #333}
#mo_search{padding:10px 0;background:#fff}

#mo_tm{}
#mo_tm a{display:block;line-height:1;font-size:15px;color:#c0c6d0}
#mo_tm .th1{border-top:1px solid #2e3238}
#mo_tm .th1>a{position:relative;padding:20px 0 20px 30px;font-size:18px}
#mo_tm .th1>a:after{content:">";position:absolute;top:20px;right:20px;font-size:20px;transition:transform 0.3s;font-family:"µ¸¿ò",dotum,sans-serif}
#mo_tm .th1>a.ov,
#mo_tm .th1>a:active{background-color:#cf3028;color:#fff}
#mo_tm .th1>a.ov:after{transform:rotate(90deg)}

#mo_tm .th2{background-color:#393b41}
#mo_tm .th2>li{border-top:1px dashed #595959}
#mo_tm .th2>li:nth-child(1){border-top-width:0}
#mo_tm .th2>li>a{position:relative;padding:15px 0 15px 30px}
#mo_tm .th2>li>a:after{content:"+";position:absolute;top:13px;right:20px;font-size:20px;font-family:"µ¸¿ò",dotum,sans-serif}
#mo_tm .th2>li>a.ov,
#mo_tm .th2>li>a:active{color:#fff}
#mo_tm .th2>li>a.ov:after{content:"-"}

#mo_tm .th3{padding:10px 0;background-color:#2b2c30}
#mo_tm .th3>li{}
#mo_tm .th3>li>a{padding:5px 0 5px 40px}
#mo_tm .th3>li>a.ov,
#mo_tm .th3>li>a:active{color:#fff}