@charset "utf-8";

.ir-tmpl{background-image:url(/images/common/a/ir-tmpl3.png)}

#open_popup_wrap.no_pop,
#snb.no_pop .pztody{ display:none;}


#wrap{position:relative;width:100%;overflow:hidden}
#wrap.sub #open_popup_wrap,
#wrap.sub #snb .global_r .pztody,
#wrap.sub #snb .global_r .pzbtn{ display:none !important;}

#header{position:relative;width:100%;/*height:67px;*/z-index:100;}


#header #animate .layout{/*max-width:1400px;*/ max-width:100%;}




@media(max-width:1200px){
	#header{padding-right:0px;}
}

#header #logo{display:inline-block;position:relative;float:left;padding:11px 0 0 20px;z-index:10;}
#header #logo *{vertical-align:middle}
#header #logo span{display:inline-block;padding-right:20px;margin-right:20px;width:166px;height:26px;}
#header #logo span .ir-logo{display:block;width:100%;height:100%;}
#header #logo em{display:inline-block;}
#header #logo em a{display:inline-block;color:#000;font-size:26px;line-height:1.3}
#header{position:relative;width:100%;height:67px;z-index:101;text-align:center;}
#animate{position:relative;height:67px;overflow:hidden;}
#animate:before{ width:100%; height:67px; background-color:#000; content:""; opacity:0.5; position:absolute; top:0; left:0;}
#animate .style{
	height:67px;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}


#header #logo{position:absolute;left:0;top:11px;}

#snb{position:relative;}
#snb:after{content:"";display:block;clear:both;}
#snb a{float:left;display:inline-block;width:100%;padding:8px 20px;border-right:1px solid #ccc;font-size:15px; color:#000;}
#snb .global_l{float:left; position:relative;}
#snb .global_l>.eng_box{display: block;position: absolute;bottom: -120px;width: 100%;right: 0px;z-index: 1000;background: rgb(255, 255, 255);}
#snb .global_r{float:right;width:auto;border-right:1px solid #ccc;}

/*팝업버튼*/
#snb .global_r{position:relative;}
#snb .global_r a{border-right:0;}
#snb .global_r a.login{ width:36px; height:40px; background:url(/images/common/login_icon_bg.gif) no-repeat center center; text-indent:-9999px;}
#snb .global_r .pztody,
#snb .global_r .pzbtn{float:left;}
#snb .global_r .pztody a{ padding-left:50px;}
#snb .global_r .pzbtn a{display:inline-block;padding-right:30px;width:70px;height:67px;line-height:1.2;padding:14px;text-align:center;font-size:13px;padding-top:23px;background:#383d43;color:#fff;}
#snb .global_r .pzbtn a span {position:absolute;right:43%;top:15px;display:inline-block;width:9px;height:5px;margin-top:-3px;}
#snb .global_r .pzbtn a.pop_btn_x span{background-position:-367px -18px;}
#snb .global_r .pzbtn a.pop_btn span{background-position:-353px 0;}
#snb .global_r .pzbtn a[class^="pop_btn"] {display:none;}
#snb .global_r .pzbtn a[class^="pop_btn_x"] {display:block;}
#snb .global_r .pzbtn{position:absolute;top:0;right:69px;z-index:999;background-color:#fff;}
#snb>.layout{position:static;}

#lang{float:left;position:relative;margin-right:60px;}
#lang a.btn_eng {position:relative;display:block;padding:24px 16px 20px 0;margin-right:10px;color:#000;font-size:13px;}
#lang a.btn_eng span {position:absolute;right:0;top:50%;display:inline-block;width:10px;height:5px;background-position:-367px -0px;}
#lang a.fold {color:#000; }
#lang a.fold span {background-position:-353px -18px;}
#lang .eng_box {display:none;position:absolute;right:-8px;top:67px;margin:0;padding:0 10px;background:#fff;z-index:101; }
#lang .eng_box li a {float:none;display:block;font-size:13px; height:auto;padding:4px 0;border-top:1px dotted #aaa;color:#545454; }
#lang .eng_box li:first-child a{border:0;}
#lang .eng_box li a:hover,
#lang .eng_box li a:focus,
#lang .eng_box li a:active { text-decoration:underline; color:#2b6b4d; }

.mobile{}
.mobile{display:none;width:73px;height:100%;text-align:center;background-color:#ff4b28}
.mobile:before{content:"";display:inline-block;height:100%;margin-left:-3px;vertical-align:middle}

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

#header #logo{top:11px;}
#sitelink{position:absolute;right:0;z-index:1; height:100%;}
#sitelink .ir{position:absolute;display:block;}
#sitelink .sitemap{position:relative;width:70px;height:67px;background-color:#154a99; z-index:1;}
#sitelink .sitemap .ir{width:28px;height:23px;left:50%;top:50%;margin:-11px auto 0 -14px;background-position:-223px 0;}
#sitelink .top_sns_box{padding-top:10px;}

@media(max-width:1300px){
    #sitelink{position:relative;width:100%;background:#333;}
    #sitelink:after{content:"";display:block;clear:both;}
    #sitelink .inner{float:right;display:inline-block;}
    #header #logo{top:50px;}
    #sitelink .sitemap{position:absolute;right:0;top:42px;}
    #lang a.btn_eng{padding:12px 16px 9px 0;}
    #lang .eng_box{top:42px;}
}

@media(max-width:1000px){
    #sitelink{position:absolute;width:100%;background:none;}
    #header #logo{top:11px;}
}


@media(max-width:1000px){
    #snb,
    #header .user_menu{ display:none;}
    #sitelink{ right:0;}
    #sitelink .mobile{ width:67px !important; height:67px !important; background-color:transparent; border-radius:0 !important; position:absolute; top:0; right:0; z-index:1;}
    #sitelink .mobile .fireinthefinger{ width:28px !important; height:19px !important;}
    #site_search{ display:inline-block !important;}
    .fireinthefinger span{ background-color:#fff !important;}
    .fireinthefinger .bar2{ top:8px !important;}
    .fireinthefinger .bar3{ top:16px !important;}
    .fireinthefinger .bar3{ top:16px !important;}
}
/* 이용자별서비스 */
.user_menu.on .cons{display:block;}
.user_menu{position:absolute;right:0;top:120px;width:100%;}
.user_menu .btns{position:relative;float:right;display:block;width:80px;height:67px;background-color:#154a99;z-index:10}
.user_menu .ir{position:absolute;left:50%;top:50%;width:40px;height:30px;margin:-15px 0 0 -20px;background-position:-44px -110px;}
.user_menu.on .ir{background-position:-305px 4px}
.user_menu .cons{display:none;position:absolute;left:0;top:67px; width:100%; height:713px; padding: 0; background-color:#fff; box-sizing:border-box;z-index:999;}
.user_menu .cons .tab_view{padding:70px 0 0 ;overflow:hidden;text-align:center;}
.user_menu .cons .tab_view li{display:inline;}
.user_menu .cons .tab_view li a{position:relative;display:inline-block;float:none;width:70px;height:70px;padding:23px 0;border-radius:50%;border:1px solid #ddd;color:#031851;background:none;}
.user_menu .cons .tab_view li.on a{/*border-color:#fff;background:#fff;color:#0268d4;*/color:#fff;background:#031851;border-color:#031851;}
.user_menu .cons .tab_view li.on a:before{content:"";display:block;position:absolute;left:50%;bottom:10px;width:10px;height:6px;margin-left:-5px;background:url(/images/common/a/ir-tmpl.png) -353px -18px;}
.user_menu .cons .tab_view li:first-child a{position:relative;}
.user_menu .cons .tab_view li:first-child a:after{content:"";display:block;position:absolute;left:-100px;top:-1px;background:#0563d9 url(/images/common/a/ir-tmpl.png) no-repeat 5px -240px;width:70px;height:70px;border-radius:50%}


#sitelink #site_search{position:absolute;right:70px;padding:15px 10px;}
#sitelink #site_search form{position:relative;float:right}
#sitelink #site_search form label{
    position:absolute;top:0;left:0;height:37px;line-height:37px;color:#fff;opacity:0;
    transition:opacity 0.3s ease;
    -webkit-transition:opacity 0.3s ease;
}
#sitelink #site_search form input{float:left;height:37px;padding:0;line-height:37px;border-width:0}
#sitelink #site_search form input[type="text"],#site_search input[type="search"]{width:194px;background-color:transparent;color:#fff;border:1px solid #333;}
#sitelink #site_search form input[type="submit"]{
    position:absolute;top:0;right:0;z-index:5;width:38px;height:37px;text-indent:50px;overflow:hidden;
    background:transparent url(/images/common/a/ir-tmpl.png) no-repeat 0px -109px;
    transition:background-position 0.3s ease;
    -webkit-transition:background-position 0.3s ease;
}

#sitelink #site_search .keyword{
    position:relative;float:left;width:0;margin:0 39px 0 5px;overflow:hidden;
    transition:width 0.3s ease;
    -webkit-transition:width 0.3s ease;
}
#sitelink #site_search.open{padding:15px 20px;background: #333}
#sitelink #site_search.open label{opacity:1}
#sitelink #site_search.open .keyword{width:143px}
#sitelink #site_search.open input[type="submit"]{background-position:-177px 4px;}


#sitelink .top_sns_box{float:left;padding:18px 15px 0 0 ;}
#sitelink .top_sns_box a img{position:static;display:inline-block;width:30px;height:30px;font-size:0;border-radius:50%;vertical-align: middle}


@media(max-width:1300px){
    #sitelink .top_sns_box{padding:6px 25px 0 0 ;}
    #sitelink .top_sns_box a img{width:27px;border:0;}


    #sitelink .sitemap .ir{width:20px;margin-left:-10px;}
    #sitelink #site_search{padding:2px 0;}
    #sitelink #site_search.open{padding:2px 20px;}
    #snb .global_r .pzbtn{right:0;}
    #snb .global_r .pzbtn a{width:100px;height:41px;padding-top:13px;}
    #snb .global_r .pzbtn a span{right:5px;top:19px;}
    #sitelink #site_search{position:static;float:right;}

}




.cons {box-shadow:20px 20px 20px gray;background:#fff;}
   .cons #site_search {display:block;}
   .cons #site_search .layout {max-width:500px;}
   .tx_keyword {padding:20px 0 0 ;clear:both;text-align:left;}
   .tx_keyword b{position:relative;padding-left:30px;padding-right:30px;font-weight:bold;}
   .tx_keyword b:after{content:"";position:absolute;right:-5px;top:50%;display:block;width:30px;height:1px;background:#fff;}
   .tx_keyword b:before{content:"";position:absolute;left:-5px;top:-3px;display:block;width:26px;height:26px;background:url(/images/common/a/ir-tmpl.png) -107px -115px;}
   .tx_keyword b,
   .tx_keyword a {margin-right:5px;color:#fff;font-size:13px;}


.irlnk{background-image:url(/images/common/a/ir_lnk_ico.png);}
        .user_menu .lnkwrap{padding:30px 0 0;}
        .user_menu .lnkwrap h2,
        .user_menu .lnkwrap h3 {float:left;width:20%;margin:0;text-align:left;}
        .user_menu .lnkwrap h2{margin-top:15px;/*color:#fff;*/font-size:30px;line-height:1.3;}
        .user_menu .lnkwrap h3 {display:none}
        .user_menu .lnkwrap h2:before{display:none}
        .user_menu .lnkwrap h2 em{display:block;}
        .user_menu .btnlst {float:right;width:80%;padding:0 0 20px;}
        .user_menu .btnlst:after{content:"";display:block;clear:both;}
        .user_menu .btnlst a{float:left;display:inline-block;height:100px;margin-right:20px;font-size:13px;background:none;}
        .user_menu .btnlst a span{display:block;width:100px;height:80px;margin:0 auto;}


        .irlnk *{display:block;background-image:url(/images/common/a/ir_lnk_ico_w.png);}
        .lnk_a1 span {background-position:0 0;}
        .lnk_a2 span {background-position:-100px 0;}
        .lnk_a3 span {background-position:-200px 0;}
        .lnk_a4 span {background-position:-300px 0;}
        .lnk_a5 span {background-position:-400px 0;}
        .lnk_a6 span {background-position:-500px 0;}
        .lnk_a7 span {background-position:-600px 0;}
        .lnk_a8 span {background-position:-700px 0;}
        .lnk_a9 span {background-position:-800px 0;}
        .lnk_a10 span {background-position:-900px 0;}
        .lnk_a11 span {background-position:-1000px 0;}
        .lnk_a12 span {background-position:-1100px 0;}
        .lnk_a13 span {background-position:-1200px 0;}
        .lnk_a14 span {background-position:-1300px 0;}
        .lnk_a15 span {background-position:-1400px 0;}
        .lnk_a16 span {background-position:-1500px 0;}


        .lnk_b1 span {background-position:-0 -100px;}
        .lnk_b2 span {background-position:-100px -100px;}
        .lnk_b3 span {background-position:-200px -100px;}
        .lnk_b4 span {background-position:-300px -100px;}
        .lnk_b5 span {background-position:-400px -100px;}
        .lnk_b6 span {background-position:-500px -100px;}
        .lnk_b7 span {background-position:-600px -100px;}
        .lnk_b8 span {background-position:-700px -100px;}


        .lnk_c1 span {background-position:-0 -200px;}
        .lnk_c2 span {background-position:-100px -200px;}
        .lnk_c3 span {background-position:-200px -200px;}
        .lnk_c4 span {background-position:-300px -200px;}
        .lnk_c5 span {background-position:-400px -200px;}
        .lnk_c6 span {background-position:-500px -200px;}
        .lnk_c7 span {background-position:-600px -200px;}
        .lnk_c8 span {background-position:-700px -200px;}

       .lnk_d1 span {background-position:-0 -300px;}
        .lnk_d2 span {background-position:-100px -300px;}
        .lnk_d3 span {background-position:-200px -300px;}
        .lnk_d4 span {background-position:-300px -300px;}
        .lnk_d5 span {background-position:-400px -300px;}
        .lnk_d6 span {background-position:-500px -300px;}
        .lnk_d7 span {background-position:-600px -300px;}
        .lnk_d8 span {background-position:-700px -300px;}
        .lnk_d9 span {background-position:-800px -300px;}
		.lnk_d10 span {background-position:-600px 0;}
		.lnk_d11 span {background-position:-200px 0;}
		.lnk_d12 span {background-position:-400px 0;}

        .lnk_d13 span {background-position:-900px 0;}
		.lnk_d14 span {background-position:-800px 0;}


        .lnk_e1 span {background-position:-0 -400px;}
        .lnk_e2 span {background-position:-100px -400px;}
        .lnk_e3 span {background-position:-200px -400px;}
        .lnk_e4 span {background-position:-300px -400px;}
        .lnk_e5 span {background-position:-400px -400px;}
        .lnk_e6 span {background-position:-500px -400px;}
        .lnk_e7 span {background-position:-600px -400px;}




#gnb{position:relative;display:block;height:67px;margin:0;/*width:660px;margin:10px auto 0;*/}
#gnb #tm{height:100%;text-align:center; background-color:#ffffff;}
#gnb #tm .th1>a{transition:color 0.2s ease}
#gnb #tm .th2 a{transition:background-color 0.1s ease}
#gnb #tm .th1>a[target="_blank"]:before{position:absolute;right: 5px;top: 34%;content:"";vertical-align:middle;display:inline-block;width:13px;height:16px;background: url(/images/common/sm_hg_main_ir.png) no-repeat 0px -628px;}
#gnb #tm .th2>li>a[target="_blank"]:after{float:right;content:"";vertical-align:middle;display:inline-block;width:13px;height:16px;background: url(/images/common/sm_hg_main_ir.png) no-repeat 0px -628px;}
#flower{ width:10px !important; height:10px; background-color:#fff; content:""; display:none; position:absolute; bottom:-5px; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}

#tm .th1{display:inline-block;height:100%;margin:0 -2px;vertical-align:top}
#tm .th1>a{position:relative;display:block;height:100%;padding:0 35px;line-height:67px;font-size:17px;color:#1e1e1e;;font-family: 'ptd','nsr';}
#tm .th1:first-child>a:after{display:none}
#tm .th1>a:after{content:"";position:absolute;left:0;top:50%;display:inline-block;height:14px;width:1px;margin-top:-7px;background:#717680;}
#gnb #tm .th1>a.current{ font-weight:900; color:#0066FF; transition:color 0.2s ease;}
#tm .th2{ min-height:200px; width:100%; background-color:#0053c9; padding-left:360px; display:inline-block; box-sizing:border-box; float:left; position:absolute; left:0; z-index:0;}
               /* 2020.11.25 소통공감 메뉴 넓이 조정 width : 160px → 170px */
#tm .th2:before{ width:170px; height:100%; background-color:#1289ff; content:""; position:absolute; top:0px; left:360px; z-index:-1;}
#tm .th2:after{ width:100%; height:100%; background-color:#fff; content:""; position:absolute; top:0px; left:0; z-index:-2;}
#tm .th2>li{float:left;/* background:url(/images/kor/common/gnb_border_th3.gif) repeat-x 0 0; */ width:100%; min-height:70px; background-color:#fff; text-align:left; padding-left:160px; display:inline-block; border-bottom:1px solid #ccc; box-sizing:border-box; position:relative;}
#tm .th2>li:last-child{ border-bottom:0;}
#tm .th2>li>a{ min-height:100%; width:170px; background-color:#1289ff; font-size:17px; color:#fff; line-height:22px; padding:10px; position:absolute; top:0; left:0;}
#tm .th2>li>a:before{ width:170px; height:1px; background-color:#41a1ff; content:""; position:absolute; bottom:-1px; left:0;}
#tm .th2>li.ov>a span.arr,
#tm .th2>li>a:hover span.arr,
#tm .th2>li>a:focus  span.arr{opacity:1}
#tm .th2>li:first-child>a{border-top-width:0}
#tm .th3{position:relative;margin:20px 0 21px 0;padding:0 15px; display:inline-block;}
#tm .th2>li.ov .th3:after{background:#1289ff;}
#tm .th3>li{ margin:2px 20px 2px 0; display:inline-block; float:left;}
#tm .th3>li a{font-size:17px; font-weight:bold; color:#1289ff; line-height:20px; padding-left:10px; padding-right:10px; display:inline-block; position:relative;}
#tm .th3>li a:before{ width:2px; height:1px; background-color:#26262d; content:""; position:absolute; top:10px; left:0;}
#tm .th3>li a:focus:after,
#tm .th3>li a:hover:after{ width:100%; height:2px; background-color:#0053c9; content:""; position:absolute; bottom:-5px; left:0;}
#tm .th3>li a:hover,
#tm .th2 a:focus{border-bottom-color:#fff;color:#0053c9}
#tm .th2>li:first-child>.th3{border-top-width:0;}
#tm .th4>li a{font-size:16px; font-weight: 100; color: #000; line-height:20px; padding-left: 10px; padding-right:10px; display: inline-block; position: relative;}

div[id^="summary"]{ width:360px; background:url(/images/common/gnb_summery_bg.png) no-repeat 188px 188px #0053c9; text-align:left; color:#fff; padding:14px 90px 0 50px; margin-right:-360px; float:left; position:absolute; left:0; z-index:1;}
div[id^="summary"]:before{content:"";position:absolute;top:69px;left:0;display:block;width:100%;height:1px;background:#3375d4;}
div[id^="summary"] strong{position:relative;display:block;min-height:60px;font-weight:700;font-size:28px;color:#fff;font-family:"nsr","Malgun Gothic";}
div[id^="summary"] strong:before{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:5px;background:#fff;}
div[id^="summary"] p{padding-top:30px;font-size:14px;color:#fff;letter-spacing:-1px;line-height:18px}

#summary1{display:block}
.summary_bn {margin:20px 0 20px;}
.summary_bn a{display:inline-block;padding:8px 10px;border:1px solid #fff;color:#fff;font-size:13px;line-height:1;}
.summary_bn a:hover{background:#fff;color:#0053c9;}
#header .action #tm .th1:nth-child(1)>a:after{opacity:0}
#header .action #tm .th1:nth-child(1)>a:before{opacity:1}


#svisual{position:relative;height:378px;margin-top:-67px;}
#svisual:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:54px;z-index:13;background:url(/images/common/c/bg_location.png) repeat-x}
#svisual .svisual-bg{position:absolute;width:100%;height:100%;background-color:#6677aa;background-repeat:no-repeat;background-size:cover;z-index:10;}
#svisual .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/common/a/bg_mask.png) repeat;z-index:11;}
#svisual .layout{padding-top:185px;height:100%;z-index:12;}
#svisual .layout h2{margin:0 auto;width: 606px;height: 74px;font-size:0;line-height:0;background-image:url(/images/kor/common/svisual_copy.png);background-size:100% auto;background-repeat:no-repeat;}
#svisual .layout h2 i{font-style:normal;font-weight:bold}
#svisual .layout h2 .it-sv{display:block;margin:0 auto 5px auto;width:49px;height:45px;background-position:0 -125px;}
#svisual .layout h2:before{left:50%;top:-28px;width:40px;height:4px;margin-left:-20px;background:#fff;}
.local-background-01{background-image:url(/images/kor/common/svisual_bg01.jpg);}

#svisual .local-background-01{background-image:url(/images/kor/common/local-background-01.jpg);background-position:50% 50%}
#svisual .local-background-02{background-image:url(/images/kor/common/local-background-02.jpg);background-position:50% 50%}
#svisual .local-background-03{background-image:url(/images/kor/common/local-background-03.jpg);background-position:50% 50%}
#svisual .local-background-04{background-image:url(/images/kor/common/local-background-04.jpg);background-position:50% 50%}
#svisual .local-background-05{background-image:url(/images/kor/common/local-background-05.jpg);background-position:50% 50%}
#svisual .local-background-06{background-image:url(/images/kor/common/local-background-06.jpg);background-position:50% 50%}
#svisual .local-background-07{background-image:url(/images/kor/common/local-background-07.jpg);background-position:50% 50%}
#svisual .local-background-08{background-image:url(/images/kor/common/local-background-08.jpg);background-position:50% 50%}
#svisual .local-background-09{background-image:url(/images/kor/common/local-background-09.jpg);background-position:50% 50%}
#svisual .local-background-em{background-image:url(/images/kor/common/local-background-01.jpg);background-position:50% 50%}
#svisual .mask{background:url(/images/kor/main/mask_bl_50.png) repeat}
#svisual .svisual-bg {-webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;animation-play-state:running;}


/* ºñÁÖ¾ó ¾Ö´Ï¸ÞÀÌ¼Ç */
@-webkit-keyframes animate_background{
     0%   {background-position:50% 0;}
     50%  {background-position:50% 100%;}
     100%  {background-position:50% 50%;}
}
@-moz-keyframes animate_background{
    0%   {background-position:50% 0;}
     50%  {background-position:50% 100%;}
     100%  {background-position:50% 50%;}
}
@-o-keyframes animate_background{
    0%   {background-position:50% 0;}
     50%  {background-position:50% 100%;}
     100%  {background-position:50% 50%;}
}
@keyframes animate_background{
     0%   {background-position:50% 0;}
     50%  {background-position:50% 100%;}
     100%  {background-position:50% 50%;}
}


#container{position:relative;padding-bottom:70px;padding-top:39px;}
#content{position:relative;float:right;width:75%;}
#remote{position:relative;z-index:15;float:left;width:20%;}
#remote h1{padding:70px 39px 100px;height:124px;text-align:center;background:#1c2632 url(/images/common/a/bg_remote.png) 100% 100%;word-wrap:break-word;word-break:keep-all;margin-top:-93px;}
#remote h1:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#remote h1 span{vertical-align:middle;font-size:24px;font-weight:600;font-family:"nsr",sans-serif;color:#fff;word-wrap:break-word;word-break:keep-all;}

#lnb{display:block;}
#lnb li{margin-bottom:0;}
#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:49%;width:11px;height:11px;background-image:url(/images/common/icon_lnb.png)}
#lnb .th2{}
#lnb .th2>a{padding:15px 30px 15px 15px;border:1px solid #d4d4d4;border-width:0 0 1px 0;}
#lnb .th2>a:hover{background-color:#1461ac;color:#fff}
#lnb .th2 .link_2th{}
#lnb .th2 .link_2th_ov {color:#fff;background-color:#1461ac;border:1px solid #1461ac;border-width:0 0 1px 0;}
#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:#f2f2f2;}
#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:10px;left:0px;width:6px;height:6px;background:none;}
#lnb .th3 .link_3th span{height:1px;background:#3378c1;}
#lnb .th3 .link_3th_ov {padding:6px 11px;color:#3378c1;background:#fff;}
#lnb .th3 .link_3th_ov span {top:0px;background-color:#3378c1;}


#location{position:absolute;top:-93px;left:0;width:100%;height:53px;}
#navigate{position:relative;width:100%;height:53px;text-align:right;z-index:100;}
#navigate .navi,#navigate a,#navigate span{display:inline-block;color:#f0f6ff}
#navigate span{display:block;margin-top:-5px;padding-bottom:18px;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 40px 0 25px;margin-left:-5px;vertical-align:top;border-right:1px solid #bbc8cf;cursor:pointer;text-align:left;}
#navigate .navi:first-child{margin-left:0;border-left:1px solid #bbc8cf;}
#navigate .navi:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#navigate .navi:after{content:"";position:absolute;top:25px;right:20px;width:11px;height:7px;background:url(/images/common/c/icon_navigate.png) no-repeat}
#navigate .current{color:#fff}
#navigate .icon:before{display:inline-block;background:url(/images/common/icon_navigate.png) no-repeat}
#navigate .home{padding:0 18px;margin-left:0;vertical-align:middle;background:transparent;cursor:default}
#navigate .home:before{content:"";width:16px;height:13px;margin-top:20px;margin-bottom:20px;background:url(/images/common/c/ico_home.png) no-repeat 0 0;}
#navigate .home:after{display:none}

#navigate .navi ul{height:0;overflow:hidden;margin:-1px -40px 0 -28px;background-color:#fff;}
#navigate .navi ul li{border:solid #1461ac;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;color:#505050}
#navigate .navi ul li a:hover,#navigate ul li a:focus{background-color:#195dc1;color:#fff;}
#navigate .navi ul li a.current{background-color:#195dc1;color:#fff;}
#navigate .navi.navi2,#navigate .navi.navi3{display:none;}

#cont_ti{position:relative;margin-bottom:30px;width:100%;}
#cont_ti h2{display:inline-block;margin:0;padding:0;color:#1f2021;font-size:30px;line-height:1.3}
#cont_ti h2:before{display:none;}
#cont_ti .location_buttons_box{display:inline-block;position:absolute;top:0;right:0;}
#cont_ti .location_buttons_box a{display:inline-block;width:34px;height:34px;font-size:0;}
#cont_ti .location_buttons_box .fb{display: none;background-position:0 -1px}
#cont_ti .location_buttons_box .tw{display: none;background-position:-40px -1px}
#cont_ti .location_buttons_box .print{width:83px;background-position:-80px -1px}

@media(max-width:999px){
    #cont_ti .location_buttons_box .print{display:none}
    #cont_ti h2{font-size:26px}
}

@media(max-width:640px){
    #svisual{height:278px}
    #location,
    #svisual::after,
    #svisual .layout h2{display:none}
    #cont_ti{position:absolute;z-index:999;top:-200px;}
    #cont_ti h2{display:block;text-align:center;color:#fff;}
    #cont_ti h2:before{content:"";position:relative;display:block;width:40px;height:4px;background:none;background-color:#fff;margin:0 auto 20px;}
    #cont_ti .location_buttons_box{display:block;position:static;width:74px;margin:0 auto;margin-top:20px;}

}

/* mobile menu */
#mo_gnb{display:none;position:absolute;top:0;right:-285px;width:285px;height:100%;overflow:auto;background:#0253c6;z-index:1010;box-shadow:0px 0px 10px #333; padding:0/* 15px 11px 15px*/; box-sizing:border-box;}
#mo_gnb .mo_util{ width:100%; padding:23px 27px; display:inline-block; box-sizing:border-box; float:left;}
#mo_gnb .mo_util > li{ float:left;margin-right:27px;}
#mo_gnb .mo_util > li > a{ font-size:12px; color:#fff; line-height:16px; padding:2px 0; display:inline-block; position:relative;}
#mo_gnb .mo_util > li.lang{ width:60px; position:relative;}
#mo_gnb .mo_util > li.lang > a{ padding-right:18px;}
#mo_gnb .mo_util > li.lang > a:before{ width:0; height:0; content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-top :5px solid #fff; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
#mo_gnb .mo_util > li.lang > a.fold:before{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}
#mo_gnb .mo_util > li.lang > .eng_box{ width:100%; background-color:#fff; display:inline-block;padding:5px;position:absolute; top:24px; left:0; z-index:9;}
#mo_gnb .mo_util > li.lang > .eng_box li{ width:100%; display:inline-block; float:left;}
#mo_gnb .mo_util > li.lang > .eng_box li a{ font-size:12px; color:#000; line-height:16px; padding:2px 5px; display:block;}
#mo_gnb .mo_util > li.close{ width:24px; height:24px; margin:0;float:right;}
#mo_gnb .mo_util > li.close a{ width:100%; height:100%; text-indent:-9999px; display:inline-block; position:relative;}
#mo_gnb .mo_util > li.close a:before{ width:100%; height:2px; background-color:#fff; content:""; margin:-1px 0 0 -12px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}
#mo_gnb .mo_util > li.close a:after{ width:2px; height:100%; background-color:#fff; content:""; margin:-12px 0 0 -1px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}

#mo_gnb .mo_gm{padding:10px;text-align:center}
#mo_gnb .mo_gm a{display:inline-block;padding:7px 5px;border:1px solid #efefef;color:#fff;font-size:13px;line-height:1.3}

#mo_tm{ width:100%; display:inline-block;}
#mo_tm a{display:block;line-height:1;font-size:15px;color:#c0c6d0}
#mo_tm .th1{}
#mo_tm .th1>a{position:relative;padding:20px 25px 18px 12px; margin:0 15px;font-size:17px; color:#fff; line-height:21px;border-top:1px solid #1468ca;}
#mo_tm .th1>a:after{ width:0; height:0; content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom :5px solid #fff; position:absolute; top:50%; right:8px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
#mo_tm .th1>a.ov,
#mo_tm .th1>a:active{/*background-color:#cf3028;color:#fff*/}
#mo_tm .th1>a.ov:after{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}

#mo_tm .th2{background-color:#fff; padding:0 8px; box-sizing:border-box;}
#mo_tm .th2>li{border-top:1px solid #e5e5e5; padding:10px 0;}
#mo_tm .th2>li:nth-child(1){border-top-width:0}
#mo_tm .th2>li>a{position:relative;padding:8px 24px 8px 14px; margin:0 5px;line-height:19px; font-size:14px; color:#000;}
#mo_tm .th2>li>a:after{ width:0; height:0; content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom :5px solid #b5b5b5; position:absolute; top:50%; right:8px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
#mo_tm .th2>li>a.ov,
#mo_tm .th2>li>a:active{/*color:#fff*/}
#mo_tm .th2>li>a.ov:after{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}

#mo_tm .th3{padding:5px 0;/*background-color:#2b2c30*/}
#mo_tm .th3>li{width:100%;display:inline-block;/*float:left;*/}
#mo_tm .th3>li>a{ width:100%; font-size:14px; color:#5a5a5a; line-height:18px; padding:2px 18px; display:inline-block; box-sizing:border-box;}
#mo_tm .th3>li>a.ov,
#mo_tm .th3>li>a:active,
#mo_tm .th3>li>a:hover,
#mo_tm .th3>li>a:focus{ text-decoration:underline;}

@media(max-width:1200px){
	#qbar{display: none;}
}


@media (min-width:1200px){
.wrapper{padding-right:85px;}
}

/* footer */
#footer p{margin:0}
#footer{position: relative;;padding:36px 0;border-top:1px solid #ddd;background-color:#fff;}
#footer .layout{position:relative;padding-left:180px;padding-right:150px;box-sizing:border-box}
#footer .ft_logo{position:absolute;left:0;top:8px;width:155px;height:39px;font-size:0;background:url(/images/common/c/ir-tmpl.png) no-repeat 0 -63px}
#footer address{display:block;}
#footer address,
#footer .copy{color:#666;font-style:normal}
#footer address div{display:inline-block;font-size:15px}
#footer .addr{}
#footer .number{}
#footer .number .tel{display:inline-block;margin-left:5px;}
#footer .copy{margin-top:0;}
#footer .footer_menu{margin-bottom:0;}
#footer .footer_menu:after{content:"";display:block;clear:both}
#footer .footer_menu li{float:left;margin-left:5px}
#footer .footer_menu li a{display:block;position:relative;padding:5px 15px;font-size:15px;color:#545454;letter-spacing: -0.04em;}
#footer .footer_menu li a:before{content:"";display:block;position:absolute;top:7px;left:0;width:1px;height:15px;background-color:#8a8a8a}
#footer .footer_menu li:first-child{margin-left:0}
#footer .footer_menu li:first-child a{padding-left:0}
#footer .footer_menu li:first-child a:before{display:none;}
#footer .footer_menu li a.privacy{color:#D53815}
#footer .sns{position:absolute;top:0;right:0;}
#footer .sns a{display:inline-block;margin:0 1px;width:32px;height:32px;}
#footer .sns a:link,
#footer .sns a:hover,
#footer .sns a:focus,
#footer .sns a:active{color:#fff;}

#footer .sns .fb{background-position:-162px -55px;}
#footer .sns .bl{background-position:-198px -55px;}
#footer .sns .in{background-position:-235px -55px;}
#footer .sns .yt{background-position:-376px -118px;}
#footer .sns .kp{background-position:-412px -118px;}

#footer .ffamily {position:absolute;right:0;top:0;}
#footer .ffamily a{display:block;font-weight:bold;padding:10px 15px;width:170px;border:1px solid #646462;border-radius:30px;line-height:1}
#footer .ffamily a:before{content:"";position:absolute;display:block;font-size:0;line-height:0;width:21px;height:11px;right:15px;top:13px;background:url(/images/common/c/ir-tmpl.png) no-repeat -185px 0}
#footer .ffamily a.ov:before{background-position:-211px 0;}
#footer .ffamily ul{padding:20px 0;}
#footer .ffamily ul li a:before{display:none}
#footer .ffamily ul li a{border:0;font-weight:normal;padding:5px 15px;}
#footer .ffamily .obj{display:none;position:absolute;bottom:37px;border:1px solid #646462;border-bottom:0;}
#footer .webmark{position: relative;right:0;bottom:auto;margin-top:15px;text-align:center;}