@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:100px;background-color:#fff;z-index:100;}
#animate{
	position:relative;height:100px;background-color:#fff;overflow:hidden;
	-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;
}

#animate .style{
	height:100px;
	-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;
}


#animate.action{background-color:#393b41}
#animate.action .layout{width:348px;height:118px;background:#393b41 url(/images/oil/main/gnb_bg.gif) no-repeat center center}
#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:13px;transition:color 0.1s ease;}
#sitelink a .ir{display:block;width:29px;height:29px;font-size:0;line-height:0;overflow:hidden;}
#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 1px;}
#sitelink .kor:hover .radius .ir,
#sitelink .kor:focus .radius .ir{background-position:-58px -28px;}
#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}



#gnb .summary{display:block;position:absolute;top:90px;left:0px;width:348px;height:118px;background:#393b41 url(/images/oil/main/gnb_bg.gif) no-repeat;}
#gnb{position:absolute;top:45px;left:0;width:100%;}
#gnb::after {content:"";display:block; height:1px;position:absolute;top:60px;width:100%;border-top:1px solid #ddd;}
#tm{float:right;margin-right:-20px;height:100%;}
#tm .th1{float:left;}
#tm .th1 .th1_lnk{display:block;position:relative;padding:18px 30px;color:#3b3b3b;font-size:18px;font-weight:bold;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 .th1_lnk.current,
#tm .th1 .th1_lnk:hover,#tm .th1 .th1_lnk:focus{color:#0d3983}
#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;text-decoration:underline;}

.th3{display:none;}
#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}

#location{position:relative;padding-top:50px;z-index:99;}


#navigate{position:absolute;top:0;left:0;width:100%;height:50px;text-align:left;border: solid #ddd;border-width:1px 0;background-color:#fff}

#navigate .navi,#navigate a,#navigate span{display:inline-block;color:#505050} 
#navigate span{display:block;margin-top:-8px;padding-bottom:15px;line-height:1.2;}
#navigate *{-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;}
#navigate .navi{position:relative;height:100%;padding:0 30px 0 40px;margin-left:-3px;vertical-align:top;background:url(/images/common/navigate_arr.png) no-repeat;cursor:pointer}
#navigate .navi:first-child{margin-left:0}
#navigate .navi:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#navigate .navi:after{content:"";position:absolute;top:20px;right:0;width:11px;height:7px;background:url(/images/common/icon_navigate.png) no-repeat 0 -110px}
#navigate .current{color:#000}

#navigate .icon:before{display:inline-block;background:url(/images/common/icon_navigate.png) no-repeat}
#navigate .home{padding:0 10px;margin-left:0;vertical-align:middle;background:transparent;cursor:default}
#navigate .home:before{content:"";width:14px;height:13px;margin-top:17px}
#navigate .home:after{display:none}

#navigate .navi ul{height:0;overflow:hidden;margin:-1px -33px 0 -38px;background-color:#fff;}

#navigate .navi ul li{border:solid #ddd;border-width:0 1px 1px}
#navigate .navi ul li:first-child{border-top-width:1px}
#navigate .navi ul li a{display:block;padding:15px 23px;line-height:1}
#navigate .navi ul li a:hover,#navigate ul li a:focus{background-color:#f1f1f1}

#navigate .navi ul li a.current{background-color:#f1f1f1}


#navigate .layout{}


.location_buttons_box{position:absolute;top:10px;right:0;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;}



#svisual{/*position:relative;overflow:hidden;margin-top:75px;height:219px;background:url(/images/common/local-background-sample.jpg) no-repeat 50% 50%*/}
#svisual .naviText{display:block;width:100%;/*height:100%;*/position:relative;padding:75px 0 55px 0;text-align:center;/*background:url(/images/common/mask.png) repeat 50% 50%*/}
#svisual .naviText h1{color:#333;font-size:38px;line-height:140%;}

#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}







#container{position:relative;padding-bottom:60px;background-color:#f7f7f7}
#content{border:1px solid #e9e9e9;background:#fff;padding:46px 70px;}




#footer{border-top:1px solid #f5f5f6;background-color:#fff;}
.footer_logo{background-position:0 -154px; }


@media(min-width:0px){
	#footer{background-color:#f5f5f6}
}

@media(min-width:1024px){
	#footer{background-color:#fff}
}