@charset 'utf-8';

/* °øÅë */
*{ outline:none !important; }

html,body {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.cf:after{ display:block; content:''; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.indent{ display:none; visibility: hidden; opacity: 0; text-indent:-9999px;}

.inner920{ position:relative; max-width:920px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.inner1000{ position:relative; max-width:1000px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.inner1200{ position:relative; max-width:1200px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.inner1300{ position:relative; max-width:1300px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.inner1700{ position:relative; max-width:1700px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}



/* privacy */
.privacy { color:#666; max-width: 1300px; width: 100%; margin: 0 auto; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


/* header */
header{ background-color:#fff; position:fixed; top:0; left:0; width:100%; z-index:99; border-bottom:1px solid rgba(255,255,255,0.12);} 
header.on{ background-color:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.15)}
header .inner{}
header .inner .logo,
header .inner .lang,
header .inner .menuBtn{ top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

header .inner .logo{ position:absolute; left:0;}
header .inner .logo a{ position:relative; display:block;}
header .inner .logo a img{ max-height: 45px;}

header .inner nav{ text-align:center;}
header .inner nav .gnb{ display:inline-block;}
header .inner nav .gnb:after{ display:block;  content:''; clear:both;}
header .inner nav .gnb > li{ float:left; position:relative;	}
header .inner nav .gnb > li > a{ position:relative; display:block; /*color:#fff;*/ color:#262626; font-size:18px; font-weight:500; /* padding:38px 27px; */ padding:25px 27px;}
header.on .inner nav .gnb > li > a{ color:#262626;}
header .inner nav .gnb > li:hover > a:after{ content:''; width:66px; height:5px; background-color:#346bb1; position:absolute; left:50%; bottom:-2px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}


header .inner nav .gnb > li .depth2{ display:none; font-size:0; position:absolute; /*width:402px;*//*width:430px;*/ /* width:460px; */ width: max-content; left:28px; z-index:1;}
header .inner nav .gnb > li .depth2:after{ display:block; content:''; clear:both;}
header .inner nav .gnb > li .depth2 li{ float:left; margin-right:28px;}
header .inner nav .gnb > li .depth2 li:last-child{ margin-right:0;}
header .inner nav .gnb > li .depth2 li a{ position:relative; display:block; font-size:16px; color:#fff; /* padding:35px 0; */ padding:25px 0;}
header .inner nav .gnb > li .depth2 li:hover a{ color:#c1dcff;}

.depth3{ display:none;}

header .inner .lang{ position:absolute; right:80px; /*top:30px;*/}
header .inner .lang a{ position:relative; display:block; padding:8px 15px; /*color:#fff;*/ font-weight:700; /*border:2px solid #fff;*/ border:2px solid #666; border-radius:20px; background-color:#FFF; text-align:center;}
header .inner .lang a span{ margin-left:5px; vertical-align:middle; position:relative; top:4px;}
header.on .inner .lang a{ color:#3b3b3b; border-color:#3b3b3b;}
/* header .inner .lang a:after{ content:url('/img/common/language_icon.png'); display:inline-block; margin-left:5px; position:relative; top:-2px;}
header .inner .lang a:before{  content:url('/img/common/language_icon_on.png'); position:absolute; top:8px; right:15px;} */
header .inner .lang ul{ display:none; position:absolute; left:0; width:100%;}
header .inner .lang ul.on{ display:block;}
header .inner .lang ul li{}
header .inner .lang ul li a{ display:block;}
header .inner .lang ul li a:hover{ background-color:#034ea2; color:#fff; border-color:transparent;}
header .inner .menuBtn{ position:absolute; right:0;}
header .inner .menuBtn a{ position:relative; display:block;}
header .inner .menuBtn a img{}

header .gnbBg{ position:absolute; left:0; width:100%; height:0; background-color:rgba(3,78,162,0.5);}
header .gnbBg.on{ /* height:90px; */ height:65px;}



/* footer */
footer{ background-color:#333;}
footer .inner .f_menu ul { display: inline-block; width: 100%;  padding-top: 15px;}
footer .inner .f_menu ul li { float: left; margin-right: 20px;  font-weight: bold;}
footer .inner .f_menu ul li a { color: #666; font-size:14px;}
footer .inner .f_logo{ position:absolute; left:0; /*top:35px;*/ top:60px;}
footer .inner .f_logo img {max-height: 45px;}
footer .inner .txt{ text-align:center;}
footer .inner .txt p{ padding:45px 0; font-size:14px; font-weight:500; color:#ccc;}
footer .inner .selecBox{ position:absolute; right:0; /*top:35px;*/ top:60px;}
footer .inner .selecBox a{ position:relative; display:block; background-color:transparent; border:1px solid #444; color:#ccc; font-size:15px; font-weight:300; width:240px; padding:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;}
footer .inner .selecBox a:after{ content:url('/img/common/f_icon.png'); position:absolute; top:50%; right:20px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
footer .inner .selecBox ul{ display:none;}
footer .inner .selecBox ul.on{ display:block; position:absolute; left:0; bottom:100%; width:100%; z-index:1;}
footer .inner .selecBox ul li{}
footer .inner .selecBox ul li a{ display:block; font-size:15px; color:#ccc; font-weight:300; padding:10px 0; background-color:#FFF; color:#333}
footer .inner .selecBox ul li a:hover{ background-color:#333; color:#fff;}


/* site map */
#siteMap{ position:fixed; top:130px; left:50%; z-index:9999; background-color:#FFF; width:1200px; display:none;	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
#siteMap.on{ display:block;}
#siteMap .inner{ position:relative;}
#siteMap .inner .close_btn{ position:absolute; right:20px; top:20px;}
#siteMap .inner .close_btn a{ position:relative; display:block;}
#siteMap .inner .tit{ background-color:#09488f;}
#siteMap .inner .tit p{ font-size:36px; color:#fff; font-weight:700; text-align:center; padding:38px 0;}
#siteMap .inner .gnb{ position:relative; padding:32px 30px 0 48px;}
#siteMap .inner .gnb:after{ display:block; content:''; clear:both;}
#siteMap .inner .gnb > li{ position:relative; float:left; width:12.47771836007%; margin-right:5.02673796791%; margin-bottom:60px;}
#siteMap .inner .gnb > li:first-child,
#siteMap .inner .gnb > li:nth-child(3){ margin-bottom:0;}
#siteMap .inner .gnb > li:nth-child(6){ margin-right:0;}
#siteMap .inner .gnb > li:nth-child(n+7){ margin-top:92px; margin-bottom:80px;}
#siteMap .inner .gnb > li:last-child{margin-right:0;}
#siteMap .inner .gnb > li > a{ position:relative; font-size:22px; font-weight:500; color:#2b2b2b; margin-bottom:5px;}
#siteMap .inner .gnb > li > a:after{ content:''; width:140px; height:2px; background-color:#303030; display:block; margin-top:22px;}
#siteMap .inner .gnb > li:hover > a{ color:#09488f;}
#siteMap .inner .gnb > li ul{}
#siteMap .inner .gnb > li ul li{}
#siteMap .inner .gnb > li ul li a{ position:relative; display:block; padding:7px 0; color:#333; font-weight:350;}
#siteMap .inner .gnb > li ul li:hover a{ color:#09488f; font-weight:700;}
#siteMap .inner .bg_img{ position:absolute; /*right:34px; bottom:45px;*/ bottom: 31px; left: 50px;}

/* ¸ð¹ÙÀϸ޴º */
#mobile_menu{ display:none; position:fixed; top:0; right:-400px; width:90%; max-width:400px; height:100%; background-color:#FFF; z-index:999;}
#mobile_menu .top{ position:relative; /*height:100px;*/ height:95px;}
#mobile_menu .top .m_logo{ left:15px;}
#mobile_menu .top .m_logo a{ position:relative; display:block;}
#mobile_menu .top .m_logo a img{max-height: 45px;}
#mobile_menu .top .close_btn{ right:15px;}
#mobile_menu .top .close_btn button{ background:url('/img/common/close_btn.jpg') no-repeat center; width:24px; height:24px; border:0;}
#mobile_menu .top .m_logo,
#mobile_menu .top .close_btn{ position:absolute; top:50%;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

#mobile_menu .gnb > li{ border-bottom:1px solid #fff;}
#mobile_menu .gnb > li > a{ position:relative; display:block; height:60px; line-height:60px; padding-left:25px; transform:uppercase; background-color:#555; color:#fff;}
#mobile_menu .gnb > li > a:after{ content:url('/img/common/menuplus_off.png'); display:inline-block; position:absolute; right:25px;}
#mobile_menu .gnb > li.af_n > a:after{ display: none;}

#mobile_menu .gnb > li.on > a{ background-color:#09488f; color:#fff;}
#mobile_menu .gnb > li.on > a:after{ content:url('/img/common/menuplus_on.png'); display:inline-block; position:absolute; right:25px;}
#mobile_menu .gnb > li > .depth2{ display:none; background-color:#f2f2f2; color:#222;}
#mobile_menu .gnb > li > .depth2 li{ border-bottom:1px solid #dddedf;}
#mobile_menu .gnb > li > .depth2 li:last-child{ border:0;}
#mobile_menu .gnb > li > .depth2 li > a{ position:relative; display:block; background:#f2f2f2; color:#222; padding:15px 0 15px 25px;}
#mobile_menu .gnb > li > .depth2 li > a:after{ content:url('/img/common/smenu_off.png'); display:inline-block; position:absolute; right:22px;}
#mobile_menu .gnb > li > .depth2 li > a:hover{ background-color:#FFF; color:#09488f;}


.mobile_bg{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:11;}
.mobile_bg.on{ display:block;}