@charset "utf-8";
@import url("/css/common/style.css");
.ir-gnb { background:url(/images/common/gnb-ir.png) no-repeat } 
.ir-util { background:url(/images/common/ir-util.png) no-repeat } 

#wrap { position:relative; width:100%; overflow:hidden } 

#header { position:relative; width:100%; height:90px; background-color:transparent; z-index:100; } 
#header:after { content:""; display:block; position:absolute; top:86px; left:0; width:100%; height:11px; background:url(/images/common/bg-header.png) repeat-x } 
#animate { position:relative; height:90px; overflow:hidden; background:url(/images/common/bg_animate_b1.png) repeat-x; -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:91px; /*background-color:#fff; */
-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.act:after { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#928469; } 

#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:absolute; z-index:1 } 
#header #logo { top:0px; left:0; } 
#header #sitelink { top:20px; right:0; } 
#header #logo .ir-logo { border:none; display:inline-block; margin-top:25px; padding:0; width:160px; height:53px; font-size:0; line-height:0; background:url(/images/common/ut-logo.png) no-repeat 0 -143px; } 
#header #logo .ir-logo:before { display:none } 
#header #logo em { display: inline-block; font-size:19px; position: absolute; width:100%; top:29px; left:166px; font-family: 'nsr'; font-weight: 600; color: #fff; } 
#header #logo em:before { content:""; display:inline-block; width:1px; height:15px; background-color:#d3d4d8; margin-right:10px; vertical-align:middle } 

#header #open_mn .ir { display:block; width:44px; height:44px; background-position:-87px 0; font-size:0; } 
#header #open_mn:hover .ir,
#header #open_mn:focus .ir { background-position:-131px 0; } 
#header #open_mn { display:none; position:absolute; top:25px; right:0; width:44px; height:44px; z-index:1 } 

/*
#header #sitelink { top:37px; } 
#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; } 
#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 .sitemap { color:#4f4f4f; font-size:17px; line-height:1.2 } 
#sitelink .sitemap:hover,
#sitelink .sitemap:focus { color:#040404; } 

#sitelink .sitemap * { vertical-align:middle; } 
#sitelink .sitemap .ir { display:inline-block; position:relative; top:-2px; margin-left:10px; width:49px; height:49px; background-position:-223px -254px; } 
#sitelink .sitemap:hover .ir,
#sitelink .sitemap:focus .ir { background-position:-223px -254px; } 


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

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

@keyframes gnbAni { 
 0% { opacity:0; transform:translateY(20px); } 
100% { opacity:1; transform:translateY(0px); } 
 }


#gnb .summary { display:block; position:absolute; top:65px; left:0px; width:309px; height:180px; padding:50px 0 0 70px; background:url(/images/common/gnb_b_bg2.png) no-repeat 0 0; /*background:#393b41 url(/images/oil/main/gnb_bg.gif) no-repeat; */ } 
/*#gnb::after { content:""; display:block; height:1px; position:absolute; top:65px; width:100%; border-top:1px solid #ddd; } */
#tm { float:right; margin-right:70px; margin-top:0; height:100%; /*background-color:#f7f7f7; */ } 
#tm:after { display:block; content:""; clear:both; visibility:hidden; } 
#tm .th1 { float:left; } 
#tm .th1.d_5 { max-width: 23%; width: auto; } 
/*#tm .th1 li { width:20%; } */
#tm .th1 .th1_lnk { display: block; position: relative; padding: 10px 15px 34px; text-align: center; color: #3B3B3B; font-size: 19px; font-weight: 400; line-height: 150%; letter-spacing: -0.76px; } 
#tm .th1 .th1_lnk .line { position:absolute; display:block; bottom:-2px; z-index:10; height:3px; width:0%; background-color:#712022; left:0; } 
#tm .th1 .th1_lnk.current,
#tm .th1 .th1_lnk:hover,#tm .th1 .th1_lnk:focus { color:#0d3983 } 
#tm .th1 .current .line { width:100%; } 
#tm .th1 .th2>li { width:auto !important; } 
#tm .th2 { display:block; position:relative; padding:15px 0; width:100%; /*border-left: 1px solid #e1e1e1; */text-align:left; opacity:0; /*transform:translateY(20px)*/ } 
#tm .th2:before { display:block; content:""; position:absolute; left:-1px; top:0; width:1px; height:1000%; background-color:#ddd; } 
#tm .th2:after { display:block; content:""; position:absolute; right:0; top:0; width:1px; height:1000%; background-color:#ddd; } 
#tm .th2.current { opacity:1; /*transform:translateY(0px)*/ } 
#tm .th2 li { float:none; width:auto; } 
#tm .th2 a { display:block; padding:5px 15px; color:#666; font-size:14px; -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:active,
#tm .th2 a:focus { background-color:#712022; color:#fff; } 

div[class^="summary"] { position:absolute; left:0; top:120px; width:250px; text-align:left; } 
div[class^="summary"] em { font-size:20px; color:#666; font-family:"nsr",sans-serif; font-weight:600; } 
div[class^="summary"] b { display:block; font-size:30px; color:#333; letter-spacing:-1px; line-height:1.2 } 


.nav_hm { display:none; position:absolute; top:0; right:0; z-index:30 } 
.nav_hm .global .item { display: block; float:left; margin-top:37px; margin-right:12px; } 
.nav_hm .global .item.last { display:block; width:90px; height:90px; background-color:#232C3F; margin-top:0; margin-right:0; } 
.nav_hm .global .item a { display:block; width:100%; height:100%; color:#666; font-size:13px } 
.nav_hm .global .item a .ir { display:inline-block; margin-top:-7px; margin-right:3px; vertical-align:middle; background:url(/images/common/ir_gm.png); } 
.nav_hm .global .item a .ir-home { width:17px; height:15px; background-position:0 -35px; } 
.nav_hm .global .item a .ir-login { width:15px; height:15px; background-position:-21px -35px; } 
.nav_hm .global .item a .ir-sitemap { width:90px; height:90px; margin-top:0; margin-right:0; background:url(/images/kor/main/icon_all_menu.png) no-repeat 50% 50%; font-size:0; } 

/*header_20171214*/
.nav_hm .lang { position:absolute; width: 140px; background:#eee; border:1px solid #ddd; right: 90px; } 
.nav_hm .lang li { float:left; line-height:16px; width: 69px; } 
.nav_hm .lang li a { padding:0px 13px; width: 70px; display: block; text-align: center; } 
.nav_hm .lang li:first-child { display:block; height: 24px; border-right:1px solid #ddd; } 


#location { display:block; position:relative; width:100%; height:57px; } 
#location.fix { display:block; position:fixed; top:0; z-index:999; } 
#navigate { position:absolute; top:0; left:0; width:100%; height:57px; text-align:left; border-width:1px 0; background-color:#918368; z-index:99; } 

#navigate .navi,#navigate a,#navigate span { display:inline-block; color:#f0f6ff } 
#navigate span { display:block; margin-top:-37px; padding-bottom:20px; 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.navi1 { position:relative; height:100%; padding:0 30px 0 40px; margin-left:-4px; vertical-align:top; background: #5b4f3f url(/images/common/navigate_arr.png) no-repeat; cursor:pointer } 
#navigate .navi:first-child { margin-left:0; } 
#navigate .navi.navi2 { position:relative; height:100%; padding:0 30px 0 40px; margin-left:-4px; vertical-align:top; background: #918368 url(/images/common/navigate_arr2.png) no-repeat; cursor:pointer } 
#navigate .navi:before { content:""; display:inline-block; height:100%; vertical-align:middle } 
#navigate .navi:after { content:""; position:absolute; top:25px; right:0; width:12px; height:12px; background:url(/images/common/icon_navigate.png) no-repeat; background-position:-18px 0; } 
#navigate .current { position: relative; height: 100%; padding: 0 30px 0 40px; margin-left: -4px; vertical-align: top; /* background: #918368 url(/images/common/navigate_arr2.png) no-repeat; */cursor: pointer; color:#fff } 

#navigate .icon:before { display:inline-block; background:url(/images/common/icon_navigate.png) no-repeat } 
#navigate .home { padding:11.5px 10px; margin-left:0; vertical-align:middle; background:#212a3d; cursor:default; position: relative; z-index: 1; } 
#navigate .home:before { content:""; width:14px; height:14px; margin-bottom: 10px; margin-top: 10px; background:url(/images/common/icon_navigate.png) no-repeat; } 
#navigate .home:after { top:0; left:-1000px; content:""; display:block; width:1000px; height:57px; background-color: #212a3d } 

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

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


#navigate .navi.navi2 ul li { border:solid #918368; border-width:0 1px 1px 1px } 
#navigate .navi.navi2 ul li a:hover,
#navigate .navi.navi2 ul li a:focus { background-color:#918368; color:#fff } 

#navigate .layout { height:57px } 

.location_buttons_box { position:absolute; top:15px; 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:right; margin-left:5px; 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:41px; right:-2px; 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 { clear:both; width:100%; } 
#mo_gnb { overflow:hidden } 
#mo_gnb { position:absolute; top:0; right:-330px; width:330px; height:100%; background:#f9f9f9; z-index:1010; box-shadow:0px 0px 10px #333 } 
#mo_gnb .mo_sitelink { padding:0 10px; text-align:center; background-color:#f9f9f9 } 
#mo_gnb .mo_sitelink span { display:inline-block; margin-bottom:5px; padding:5px 7px 3px 7px; color:#121212; font-size:13px; border:1px solid #707070; border-radius:50px; } 

#mo_tm { position:relative; height:100%; /*overflow-x:hidden; overflow-y:auto*/ } 
#mo_tm a { display:block; line-height:1; font-size:15px; color:#c0c6d0 } 
#mo_tm .th1 { } 
#mo_tm .th1 .th1_lnk { display:block; padding:18px 15px; width:110px; color:#4f4f4f; font-size:16px; font-weight:bold; line-height:1.2; text-align:center; letter-spacing: -1px; } 
#mo_tm .th1>b { } 
#mo_tm .th1 .th1_lnk.ov { background:#012659; color:#fff } 
#mo_tm .th2 { position:absolute; top:0; left:110px; width:220px; background:#fff; border-left:1px solid #efefef; } 
#mo_tm .th2>li { } 
#mo_tm .th2>li>a { position:relative; padding:19px 0 19px 17px; font-size:16px; color:#08479c; border-bottom:1px solid #08479c } 
#mo_tm .th2>li>a:after { } 
#mo_tm .th2>li>a.ov,
#mo_tm .th2>li>a:active { border-bottom:3px solid #08479c } 
#mo_tm .th2>li>a.ov:after { content:">"; position:absolute; top:13px; right:13px; font-size:20px; transition:transform 0.3s; font-family:"돋움",dotum,sans-serif; transform:rotate(90deg) } 
#mo_tm .th3 { padding:15px; border-bottom:1px solid #08479c; } 
#mo_tm .th3 li { } 
#mo_tm .th3 li a { position:relative; display:block; padding:12px 25px 12px 5px; border-top:1px solid #e0e0e0; color:#333; } 
#mo_tm .th3 li a:hover,
#mo_tm .th3 li a:focus { color:#333 } 
#mo_tm .th3 li a:after { content:"-"; position:absolute; top:11px; right:13px; font-size:20px; transition:transform 0.3s; font-family:"돋움",dotum,sans-serif; } 
#mo_tm .th3>li>a.ov,
#mo_tm .th3>li>a:active { color:#333 } 
#mo_tm .th3>li>a.ov:after { content:"+"; } 
#mo_tm .th3 li:first-child a { border-top:0 } 




#svisual { position:relative; height:288px; overflow:hidden; background-color:#454950; margin-top:-90px; padding-top:105px } 

#svisual .sv_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

#svisual .sv_video video { position: absolute; top: 0; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 

#svisual .sv_video .video-overlay { position: absolute; left: 0%; top: 0%; min-width: 100%; min-height: 100%; background-image:url(/images/mayor/main/mask_bl_dot.png); z-index: 11; } 

#svisual { } 
#svisual:after { position:absolute; bottom:40px; right:30%; margin-right:100px; content:""; display:block; width: 352px; height:160px; background:url(/images/common/svisual_obj.png) no-repeat; } 

#svisual h1 { display:block; position:absolute; top:5px; right:40px; padding:60px 0; padding-bottom:0; width:220px; font-family:"nsr",sans-serif; color:#010101; text-align:center; word-wrap:break-word; word-break:keep-all; line-height:1.2; background:url(/images/common/svisual_tit_bg_tb.png) repeat-x; font-weight:400; height:180px; z-index:12 } 
#svisual h1 span { display:block; position:relative; vertical-align:middle; font-size:27px; font-weight:600; font-family:"nsr",sans-serif; color:#fff; word-wrap:break-word; word-break:keep-all; line-height:35px } 

#svisual h1:before { content:""; display:block; position:absolute; top:-1px; left:-11px; width:11px; height:100%; background:url(/images/common/svisual_tit_bg_lr.png) no-repeat; } 
#svisual h1:after { content:""; display:block; position:absolute; bottom:1px; right:-10px; width:11px; height:100%; background:url(/images/common/svisual_tit_bg_lr.png) no-repeat; } 
#svisual h1 span * { vertical-align:middle } 
#svisual h1 em { display:none; position:absolute; top:-8px; right:-40px; display:inline-block; width:32px; height:64px; } 
#svisual h2 { position:relative; margin-right:20%; padding-top:80px; padding-bottom:15px; margin-top:0; font-family:"nsr",sans-serif; color:#fff; font-weight:400; font-size:42px; line-height:1.3; text-align:left; z-index:12 } 
#svisual h2:before { display:none; /* content:""; display:block; position:absolute; bottom:0; left:37%; top:auto; width:60px; height:1px; background-color:#fff; */ } 

#svisual h1,#svisual:after { display:none } 

#container { position:relative; padding-bottom:70px; padding-top:40px; } 
#container .layout:before { content:""; /*display:block; position:absolute; top:0; bottom:0; left:0; width:1px; height:100%; background-color:#d1d0d0; */overflow:hidden; } 
#content { position:relative; float:left; width:75%; } 
#container #content:before { content:""; /*display:block; position:absolute; top:0; bottom:0; left:-10.3%; width:1px; height:100%; background-color:#d1d0d0; */overflow:hidden; } 
#remote { position:relative; z-index:10; float:right; width:20%; } 
#remote h1 { padding:0 10px; margin-bottom:5px; height:110px; text-align:center; background-color:#e9344b; } 
#remote h1:before { content:""; display:inline-block; height:100%; vertical-align:middle } 
#remote h1 span { display:inline-block; vertical-align:middle; font-size:26px; font-weight:600; font-family:"nsr",sans-serif; color:#fff } 


#lnb { display:block; /*margin-top:-40px; */ } 
#lnb li { } 
#lnb li a { position:relative; display:block; line-height:1.2; word-wrap:break-word; word-break:keep-all; } 
#lnb li span { position:absolute; right:19px; top:40%; width:11px; height:11px; background-image:url(/images/common/icon_lnb.png) } 

#lnb .th2 { } 
#lnb .th2>a { padding:12px 30px 12px 15px; font-size:16px; color:#3b3b3b; border-bottom:1px solid #d4d4d4; font-family:"nsr",sans-serif; } 
#lnb .th2>a:hover { background-color:#701e20; color:#fff } 
#lnb .th2 .link_2th { } 
#lnb .th2 .link_2th_ov { background-color:#701e20; border:1px solid #701e20; color:#fff } 
#lnb .th2 .link_2th span { background-position:0 0 } 
#lnb .th2 .link_2th_ov span { background-position:0 -49px } 
#lnb .th3 { display:none; padding:15px; background:#f5f4f4; } 
#lnb .th3 li { border:none; margin-bottom:2px; } 
#lnb .th3 li:first-child { border-top-width:0 } 
#lnb .th3 li a { padding:2px 11px; background-position:0 0; border:none; color:#5a5a5a; font-size:14px; line-height:1.4; word-wrap:break-word; word-break:keep-all; } 
#lnb .th3 li a:hover { text-decoration:underline; } 
#lnb .th3 li span { display:block; top:8px; left:0px; width:6px; height:6px; background:none; border-radius:50%; } 

#lnb .th3 .link_3th { } 
#lnb .th3 .link_3th_ov { color:#444; text-decoration: underline; } 
#lnb .th3 .link_3th span { background:none; } 
#lnb .th3 .link_3th_ov span { top:8px; left:0px; background-color:#c2182d } 



@media (max-width:1024px){
 #header #logo { left:10px; } 
#header #open_mn { right:10px; } 
 }

/* 

#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>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; } 
#tm .th2>li { float:left; position: relative; padding:7px 15px; margin-bottom:15px; margin-right:2%; width:23%; } 
#tm .th2>li>a { display:block; text-align:left; color:#efefef; font-size:15px; line-height:1.3; font-family:"nsr",sans-serif; font-weight:600; border-bottom:1px solid #ddd; } 
#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; } 

div[id^="summary"] { position:absolute; left:0; top:80px; 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:#fafafa; 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 #b6b6b6; 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:#45495b; 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:40px; 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:0 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; } 

 */