@charset "utf-8";

@import url("/css/common/qbar.css");

.ir-tmpl{background:url(/images/common/a/ir-tmpl2.png) no-repeat}





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



#header{position:relative;width:100%;height:90px;background-color:#fff;z-index:999;}/*

#header:after{content:"";display:block;position:absolute;left:0;top:89px;width:100%;border-bottom: 1px solid #ddd;}*/
#footer .sns .nb {
    background-position: -447px -117px;}


/*@media(max-width:1200px){

	#header{padding-right:0px;}

}*/

#animate{

	position:relative;height:90px;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{

	-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{border-bottom:1px solid #304c9b;}



#header #logo{display:inline-block;position:relative;float:left;padding-top:30px;z-index:1;}

#header #logo:after{content:"";display:block;clear:both;}

#header #logo *{vertical-align:middle}

#header #logo span{float:left;display:inline-block;padding:0 20px;margin-right:20px;width:188px;height:26px;border-right:1px solid #d9d9d9;}

#header #logo span .ir-logo{display:block;width:100%;height:100%;}

#header #logo em{float:left;display:inline-block;}

#header #logo em a{display:inline-block;color:#000;font-size:26px;line-height:1.3;font-weight:bold}





@media(max-width:1023px){

	#header #logo {padding-left:20px}

}



@media(max-width:480px){

	#header #logo {padding-top:35px}

	#header #logo span{width:120px;margin-right:8px;padding:0;border-right:0;}

	#header #logo span .ir-logo{background-position:0 -47px;}

	#header #logo em{width:145px;}

}





#open_mn{float:right;width:100px;height:90px;}

#open_mn .ir-tmpl{display:block;background-position:-400px 0;width:100%;height:100%;}



@media(max-width:1023px){

	#open_mn{position:absolute;right:10px;top:20px;width:50px;height:50px;border-radius:50%;overflow:hidden;}

	#open_mn .ir-tmpl{display:block;background-position: -410px 15px;width:100%;height:100%;}

}



#open_popup_wrap{display:none}

#wrap.sub .pzbtn{display:none}

.pzbtn{float:left;}

.pztody a{ padding-left:50px;}

.pzbtn a{padding-right: 30px;width: auto;height: 90px;line-height: 90px;padding: 14px;text-align: center;font-size: 14px;padding-top: 0;color: #000;}

.pzbtn a span {position:absolute;right:43%;top:25px;display:inline-block;width:9px;height:5px;margin-top:-3px;background-image: url(/images/common/a/ir-tmpl.png)}

.pzbtn a.pop_btn_x span{background-position: -367px 0;}

.pzbtn a.pop_btn span{ background-position: -353px 0;}

.pzbtn a[class^="pop_btn"] {display:none;}

.pzbtn a[class^="pop_btn_x"] {display:block;}

.pzbtn{position:absolute;top:0;right:0;z-index:999;}



@media(max-width:1500px){

.pzbtn{display:none}

}



/* gnb */

#gnb{position:absolute;top:20px;left:0;width:100%;height:70px;}

#gnb .layout{background:url(/images/common/c/bg_summary.png) no-repeat 0 70px;}

#tm{display:inline-block;float:right;height:100%;}

#tm .th1{display:inline-block;height:100%;margin:0 -2px;vertical-align:top}

#tm .th1>a{display:block;height:100%;padding:0 0 0 15px;line-height:62px;font-size:19px;color:#121212;font-family:"nsr",sans-serif;font-weight:600;letter-spacing:-1px;}

#tm .th1>a.current{color:#3c5aaf}

#tm .th2{display:block;position:relative;padding:15px 5px;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;font-family:"Malgun Gothic","AppleGothic","Dotum","arial","sans-serif";-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:#3e61b2;color:#fff;}

#svisual{position:relative;height:250px;}

#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-size:cover;background-position:50% 0;z-index:10;}

#svisual .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/common/c/bg_mask.png) repeat;z-index:11;}

#svisual .layout{padding-top:54px;height:100%;z-index:12;}

#svisual .layout h2{margin:0 auto;max-width:530px;color:#fff;font-size:22px;text-align:center;line-height:1.4;font-weight:normal;word-break:keep-all;}

#svisual .layout h2 br{display:none}

#svisual .layout h2 i{display:block;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{display:none;}



#wrap #svisual .svisual-bg{background-size:cover;background-position:50% 0;}



#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:40px 39px;height:124px;text-align:center;background-color:#1b2633;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:40%;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;}



#lnb a[target="_blank"]:after{content:"";position:absolute;right:20px;top:50%;display:block;width:11px;height:11px;margin-top:-5px;background:url(/images/common/ico_window.gif) no-repeat 100% 50%}

#lnb a[target="_blank"]:hover:after{background:url(/images/common/sm_hg_main_ir.png) no-repeat 0px -633px}



#location{position:absolute;top:-93px;left:0;width:100%;height:53px;}

#navigate{position:relative;width:100%;height:53px;text-align:right;z-index:998;}

#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.home a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}







#navigate .navi{position:relative;height:100%;padding:0 40px 0 25px;margin-left:-3px;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;}





#cont_ti{position:relative;margin-bottom:30px;width:100%; padding-right:76px;}

#cont_ti h2{display:inline-block;margin:0;padding:0;color:#1f2021;font-size:30px;line-height:1.3; width:100%; word-break:break-word;}

#cont_ti h2:before{display:none;}

#cont_ti .location_buttons_box{display:inline-block;position:absolute;top:9px;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}







/* mobile menu */

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

#mo_gnb .mo_gm{padding:19px 28px;background:#333;}

#mo_gnb .mo_gm:after{content:"";display:block;clear:both;}

#mo_gnb .mo_gm a{display:inline-block;margin-left:1%;padding:4px 6px;border:1px solid #c0c6d0;color:#c0c6d0;font-size:13px;line-height:1.3}

#mo_gnb .mo_gm a:first-child{margin-left:0;}



#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:15px}

#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:#0d53bc;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;line-height:1.3}

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









#mpop{position:absolute;top:-60px;right:0;width:194px;height:45px;z-index:99}

#mpop a{display:block;width:100%;height:100%;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat 0px 0px;text-indent:-999px;line-height:0px;font-size:0px;}
#mpop_koreal a{display:block;width:100%;height:100%;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat 0px 0px;text-indent:-999px;line-height:0px;font-size:0px;}

#mpop a:hover{background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat -198px 0px;transition:none}

#mpop2{position:absolute;top:-60px;right:0;width:194px;height:45px;z-index:99}

#mpop2 a{display:block;width:100%;height:100%;background:url(/images/common/c/hak_a/sm_hg_main_ir_2.png) no-repeat 0px 0px;text-indent:-999px;line-height:0px;font-size:0px;}

#mpop2 a:hover{background:url(/images/common/c/hak_a/sm_hg_main_ir_2.png) no-repeat -198px 0px;transition:none}

#mpop2 a:hover{background:url(/images/common/c/hak_a/sm_hg_main_ir_2.png) no-repeat -198px 0px;transition:none}


@media(max-width:640px){

	#mpop{right:50%;margin-right:-170px}

	#mpop2{right:50%;margin-right:-170px}

}





/* 슬로건 비주얼 */



#plank{display:none;z-index:10000;position:fixed;right:0;top:0;width:100%;height:100%;background:url(/images/common/c/plank_pattern.png);}

#plank .plank-content{position:absolute;top:0;left:0%;width:100%;height:526px;background-color:#fff;}

#plank .plank-content .plank-content-exit{position:absolute;right:50px;bottom:-150px;z-index:100;}





/*

#footer{padding-bottom:36px;position:relative;z-index:100;border-top:1px solid #ddd;background-color:#fff; padding-right:120px;}

#footer .layout{position:relative;padding:36px 0 36px 0;}

#footer .ft_logo{position:absolute;right:300px;top:44px;width:155px;height:39px;font-size:0;background:url(/images/common/c/ir-tmpl.png) no-repeat 0 -63px}

#footer .footer_menu{margin-bottom:5px;}

#footer .footer_menu li{display:inline-block;margin-left:14px;line-height:1}

#footer .footer_menu li:before{content:"";display:inline-block;height:15px;margin-right:14px;vertical-align:middle;border-left:1px solid #cecece}

#footer .footer_menu li:first-child{margin-left:0}

#footer .footer_menu li:first-child:before{display:none}

#footer .footer_menu li a{display:inline-block;height:36px;line-height:36px;color:#545454;font-size:14px;}

#footer address,

#footer .copy{color:#a4a4a4;font-size:14px;line-height:1.3;}

#footer address div{display:inline-block}



#footer .finfo{position:relative;}



#footer .sns{}

#footer .sns a{display:inline-block;margin:0 1px;width:40px;height:40px;}

#footer .sns a:link,

#footer .sns a:hover,

#footer .sns a:focus,

#footer .sns a:active{color:#fff;}



#footer .sns .fb{background-position:-160px -56px;}

#footer .sns .bl{background-position:-204px -56px;}



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

@media (max-width: 1443px){

	#footer{ padding-right:60px;}

}

@media (max-width: 1083px){

	#footer{ padding-right:0;}

}

@media (max-width: 767px){

	#footer address.pc{ text-align:center; display:block;}

	#footer .footer_menu,

	#footer .sns,

	#footer .ffamily{ display:none;}

}

*/









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

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





#footer .sns{position:absolute;top:0;right:0;}

#footer .sns a{display:inline-block;margin:0 1px;width:34px;height:34px;}

#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 .cf{background-position:-419px -80px;}

#footer .sns .bl{background-position:-197px -55px;}

#footer .sns .in{background-position:-346px -80px;}

#footer .sns .yu{background-position:-383px -80px;}




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