@charset "utf-8";

/* -- common -- */
body.on{width:100%; overflow:hidden; position:fixed;}
#wrap{padding-top:80px; overflow-x:hidden;}
.inner{width:100%; max-width:1400px; margin:0 auto;}

@media all and (max-width:1400px){
	.inner{width:93.75%;}
}


/* -- font -- */
.orbitron{font-family: 'Orbitron';}


/* -- header -- */
#header{position:fixed; left:0; top:0; width:100%; background:#fff; padding:38px 0 20px; box-sizing:border-box; z-index:999;}
#header .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#header h1{float:left; margin:0;}
#header .right{float:right;}
#header .right .gnb{float:left;}
#header .right .gnb > ul{font-size:0; letter-spacing:-4px;}
#header .right .gnb > ul > li{display:inline-block; vertical-align:top; position:relative}
#header .right .gnb > ul > li > a{display:block; font-size:16px; color:#abb2c4; letter-spacing:0em; font-weight:500; padding:5px 15px;}
#header .right .gnb > ul > li ul{display:none; width:700%; min-height:46px; padding:0; position:absolute; background:#0a2873; left:0; top:42px; box-sizing:border-box; }
#header .right .gnb > ul > li ul:before{content:""; width:2000%; height:100%; background:#eef0f3; position:absolute; left:-1000%; top:0;}
#header .right .gnb > ul > li ul li{display:inline-block; vertical-align:top; margin:5px 5px;}
#header .right .gnb > ul > li ul li a{display:block; padding:6px 15px; font-size:16px; color:#666666; letter-spacing:0em; font-weight:400; position:relative; box-sizing:border-box;}
#header .right .gnb > ul > li ul li a:before{content:""; width:2px; height:11px; position:absolute; display:block; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .right .gnb > ul > li:hover > a{color:#0a2873; font-weight:bold;}
#header .right .gnb > ul > li.on > a{color:#0a2873; font-weight:bold;}
#header .right .gnb > ul > li ul li:hover a{color:#0a2873; font-weight:bold;}
#header .right .gnb > ul > li ul li:hover a:before{background:#0a2873;}
#header .right .sns_btn{float:left; margin-left:35px; margin-top:-2px;}
#header .right .lang_btn{float:left; margin-left:35px;}
#header .right .lang_btn select{width:106px; height:32px; border:0; background:#0a2873 url('/img/header_select_btn.png')no-repeat center right 10px; padding:0 10px; box-sizing:border-box; font-size:14px; color:#cfd5e3; letter-spacing:0em; font-weight:500; -webkit-appearance: none; -webkit-border-radius: 0;}
#header .right .lang_btn select::-ms-expand { display:none; }
#header .m_btn{cursor:pointer; display:none; width:25px; float:left;}
#header .m_btn i{width:100%; height:3px; background:#000000; display:block;margin:8px 0;}

@media all and (max-width:1200px){
	#header .right .gnb > ul > li > a{padding:5px 7px}
	#header .right .lang_btn{margin-left:10px;}
}
@media all and (max-width:1000px){
	#header{padding:28px 0 20px;}
	#header .right .gnb{display:none}
	#header h1{float:none; position:absolute; left:45%; top:37px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	#header .right .sns_btn{margin-top:5px;}
	#header .right .lang_btn select{height:41px;}
	#header .m_btn{display:block;}
}


/* -- footer -- */
#footer{background:#fff;}
#footer .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#footer .inner{padding:35px 0 45px; border-top:1px solid #adadad;}
#footer .inner .footer_logo {margin-bottom: 37px;}
#footer .inner .text{margin-bottom: 29px;}
#footer .inner .text ul + ul {margin-top: 14px;}
#footer .inner .text ul li{display:inline-block; vertical-align:top; padding:0 10px; position:relative; font-size:14px; color:#a2a2a2; letter-spacing:-0.025em; font-weight:300;}
#footer .inner .text ul li b{color: #666; font-weight: 500;}
#footer .inner .text ul li:first-child{padding-left:0;}
#footer .inner .text ul li:before{content:""; width:1px; height:14px; background:#bdbdbd; position:absolute; display:block; right:0; top:3px;}
#footer .inner .text ul li:last-child:before{display:none}
#footer .inner .text p{margin-top:20px; font-size:12px; color:#bbbbbb; letter-spacing:0em; font-weight:300;}
#footer .inner .right a{display:inline-block; vertical-align:top; font-size:13px; color:#bbbbbb; letter-spacing:-0.025em; font-weight:400; min-width:152px; padding: 0 30px; box-sizing: border-box; height:36px; line-height:34px; border:1px solid #eeeeee; text-align:center; }

#footer .inner .right a + a {margin-left: 6px;}

@media all and (max-width:1000px){
	#footer .inner .footer_logo {text-align: center;}
	#footer .inner .text{float:none; text-align:center;}
	#footer .inner .right{float:none; text-align:center;}
}


/* -- m_menu -- */
#m_menu_bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; display:none; background:rgba(0,0,0,0.5);}
#m_menu{position:fixed; left:-2000px; top:0; min-width:450px; width:70%; z-index:999; height:100%; background:#fff; overflow-y:auto; padding-bottom:100px; box-sizing:border-box; }
#m_menu .top:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#m_menu .top{padding:34px 30px; box-sizing:border-box;}
#m_menu .top a{display:block; float:left; margin:0 0;}
#m_menu .x_btn{display:block; cursor:pointer; float:right;}
#m_menu .gnb > ul > li{background:#eef0f3; cursor:pointer; position:relative;}
#m_menu .gnb > ul > li:before{content:""; width:20px; height:2px; background:#c9cdd8; display:block; position:absolute; right:30px; top:50px;}
#m_menu .gnb > ul > li:after{content:""; width:2px; height:20px; background:#c9cdd8; display:block; position:absolute; right:40px; top:40px;}
#m_menu .gnb > ul > li > a{background:#eef0f3; display:block; padding:35px 30px; position:relative; box-sizing:border-box; font-size:24px; color:#6d6e71; letter-spacing:0em; font-weight:500; width:80%;}
/*#m_menu .gnb > ul > li > a i{width:20px; height:2px; background:#c9cdd8; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#m_menu .gnb > ul > li > a i:before{content:""; width:2px; height:20px; background:#c9cdd8; display:block; position:absolute; left:50%; top:-9px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}*/
#m_menu .gnb > ul > li > ul.depth02{background:#0a2873; padding:25px 0 45px;}
#m_menu .gnb > ul > li > ul.depth02 li{padding:0 30px; box-sizing:border-box; position:relative;}
#m_menu .gnb > ul > li > ul.depth02 li a{display:block; padding:18px 15px; box-sizing:border-box; position:relative; font-size:20px; line-height:1.2; color:#abb2c4; letter-spacing:0em;}
#m_menu .gnb > ul > li > ul.depth02 li a:before{content:""; width:2px; height:16px; background:#fff; position:absolute; left:0; top:22px;}
#m_menu .gnb > ul > li.on{background:#c9cdd8;}
#m_menu .gnb > ul > li.on:before{background:#0a2873}
#m_menu .gnb > ul > li.on:after{display:none}
#m_menu .gnb > ul > li.on > a{color:#0a2873; background:#c9cdd8; font-weight:bold;}
/*#m_menu .gnb > ul > li.on > a i{display:none; background:#0a2873}
#m_menu .gnb > ul > li.on > a i:before{display:none}*/
#m_menu .gnb > ul > li > ul.depth02 li:hover a{color:#fff; font-weight:bold;}


/* -- sub_common -- */
.sub_common{background:#0a2873; }
.sub_common .inner{height:162px; border-left:10px solid #fff; box-sizing:border-box; position:relative;}
.sub_common .inner .text{display:block; position:absolute; left:40px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.sub_common .inner .text p{font-size:30px; color:#fff; letter-spacing:0em; font-weight:500; margin:0; line-height:1.2;}
.sub_common .inner .text span{display:block; font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:300;}
.sub_common .inner > ul{font-size:0; letter-spacing:-4px; display:block; position:absolute; right:40px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.sub_common .inner > ul > li{display:inline-block; vertical-align:middle; position:relative; padding:0 15px;}
.sub_common .inner > ul > li:before{content:""; width:6px; height:1px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(-45deg); -ms-transform:translateY(-50%) rotate(-45deg); -webkit-transform:translateY(-50%) rotate(-45deg); -o-transform:translateY(-50%) rotate(-45deg); -moz-transform:translateY(-50%) rotate(-45deg);}
.sub_common .inner > ul > li:last-child:before{display:none}
.sub_common .inner > ul > li p{display:block; font-size:14px; color:#fff; letter-spacing:0em; font-weight:400; box-sizing:border-box; position:relative;}
.sub_common .inner > ul > li p img{position:relative; display:inline-block; vertical-align:middle;}
.sub_common .inner > ul > li ul {display:none; position:absolute; top:21px; left:-15px; z-index:10; border:1px solid #dbdbde; border-top:0; background-color:#fff; width:calc(100% + 15px );}
.sub_common .inner > ul > li ul li { box-sizing:border-box; margin-bottom:20px;}
.sub_common .inner > ul > li ul li a {display:block; font-size:14px; line-height:40px; color:#212121; letter-spacing:0em; line-height:24px;}

@media all and (max-width:1000px){
/*	.sub_common .inner .text{left:20px;}*/
/*	.sub_common .inner > ul{right:0;}*/

	.sub_common .inner{height:auto; padding:40px 0;}
	.sub_common .inner .text{position:static; top:auto; left:auto; transform:none; padding:30px 20px;}
	.sub_common .inner > ul{top:40px; right:0; transform:none;}
}