@charset "utf-8";



/* basic */

body{-webkit-text-size-adjust:none; }

html.overflow{position:fixed; overflow:scroll; width:100%; height:100%;}

#wrap{overflow:hidden;}

.wrap{overflow:hidden;}

#wrap.bg_gray{background:#f9f9f9}

.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}

.poppins{font-family: 'Poppins' , sans-serif;}



@media all and (max-width:1200px){

	.inner{width:93.75%}	

}





/* header */

#header{width:100%;  margin:0 auto; position:relative;}

#header a.logo{z-index:2; display:block; position:absolute; left:100px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}

#header .gnb{width:100%; max-width:1200px; height:70px; margin:0 auto; position:relative;}

#header .gnb > ul{margin-bottom:0; font-size:0; letter-spacing:-4px; text-align:center;}

#header .gnb > ul > li{display:inline-block; vertical-align:top; position:relative; padding:0 20px;}

#header .gnb > ul > li > a{display:block; font-size:20px; color:#222222; letter-spacing:-0.025em; font-weight:600; padding:24px 30px; position:relative;}

#header .gnb > ul > li > a:before{content:""; width:0; height:4px; background:#fff; display:block; position:absolute; left:50%; bottom:20px; transition:all 0.4s; -ms-transition:all 0.4s; -webkit-transition:all 0.2s; -o-transition:all 0.4s; -moz-transition:all 0.4s; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}

#header .gnb > ul > li ul.depth02{z-index:10; display:none; position:absolute; left:50px; top:70px; width:100%; padding-bottom:120px; }

#header .gnb > ul > li ul.depth02 li{z-index:11; position:relative; margin-top:20px; text-align:left;}

#header .gnb > ul > li ul.depth02 li a{font-size:16px; color:#fff; letter-spacing:-0.025em; font-weight:200;}

#header .gnb > ul > li ul.depth02 li a:hover{color:#fff; /*font-weight:400;*/ }

/*#header .gnb > ul > li:hover{background:#fff; font-weight:bold;}*/

/*#header .gnb > ul > li:hover a{color:#222; }*/

/*#header .gnb > ul > li:hover a:before{width:80%}*/

/*#header .gnb > ul > li:hover > a:before{content:''; position:absolute; left:50%; bottom:5px; background:#000; width:calc(100% - 60px); height:3px; box-sizing:border-box;}*/

/*#header .gnb > ul > li:hover ul.depth02{display:block; text-align:left;}*/

#header .right{position:absolute; right:0; top:0; font-size:0; letter-spacing:-4px;}

#header .right:after{clear:both; content:""; display:block; height:0; visibility:hidden}

#header .right ul{display:inline-block; vertical-align:middle;}

#header .right ul li{margin:0 15px;}

#header .right ul li a{display:block; padding:0 15px; font-size:16px; color:#6f6f6f; letter-spacing:-0.08em; font-weight:300;}

#header .right .all_menu_btn{display:inline-block; vertical-align:middle; width:70px; height:70px; background:#002268; position:relative; cursor:pointer;  display:none;}

#header .right .all_menu_btn span{position:absolute; display:block; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

#header .right .all_menu_btn span i{width:30px; height:2px;  display:block; background:#dff9ff; font-style:normal; margin:10px auto; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}

#header .right .all_menu_btn.on span i:nth-of-type(1){width:1px; transform:translate(-1px, 12px); -ms-transform:translate(-1px, 12px); -webkit-transform:translate(-1px, 12px); -o-transform:translate(-1px, 12px); -moz-transform:translate(-1px, 12px);}

#header .right .all_menu_btn.on span i:nth-of-type(2){transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -otransform:rotate(-45deg); -moz-transform:rotate(-45deg);}

#header .right .all_menu_btn.on span i:nth-of-type(3){transform:rotate(45deg) translate(-8px,-8px); -ms-transform:rotate(45deg) translate(-8px,-8px); -webkit-transform:rotate(45deg) translate(-8px,-8px); -o-transform:rotate(45deg) translate(-8px,-8px); -moz-transform:rotate(45deg) translate(-8px,-8px);}

#header.on .gnb > ul > li ul.depth02{display:block; z-index:10}

#header.on .gnb > ul > li:nth-of-type(1) ul.depth02:before {content:''; z-index:-1; position:absolute; left:50%; top:0; width:10000px; height:100%; background:rgba(15,15,13,0.9); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);-o-transform:translateX(-50%); transform:translateX(-50%); }



@media all and (max-width:1600px){

/*	#header .gnb > ul > li{padding:0 10px;}*/

}

@media all and (max-width:1400px){

	#header .gnb > ul{text-align:right; padding-right:10%; box-sizing:border-box;}

	#header .gnb > ul > li ul.depth02 li{text-align:left;}

}

@media all and (max-width:1200px){

	#header{border-bottom:1px solid #dedede}

	#header .gnb > ul{padding-right:0}

	#header .right ul li a{font-size:16px;}

}

@media all and (max-width:1100px){

	#header {height:70px; }

	#header .gnb{display:none;}

	#header .right .all_menu_btn{display:block;}

}





/* all_menu */

.all_menu{display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1001; background:rgba(0,0,0,0.8)}

.all_menu .all_menu_btn{cursor:pointer; display:inline-block; position:absolute; right:0; top:0; width:100px; height:100px; background:#002268;}

.all_menu .all_menu_btn span{position:absolute; display:block; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

.all_menu .all_menu_btn span i{width:36px; height:2px;  display:block; background:#dff9ff; font-style:normal; margin:10px auto; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}

.all_menu .all_menu_btn.on span i:nth-of-type(1){width:1px; transform:translate(-1px, 12px); -ms-transform:translate(-1px, 12px); -webkit-transform:translate(-1px, 12px); -o-transform:translate(-1px, 12px); -moz-transform:translate(-1px, 12px);}

.all_menu .all_menu_btn.on span i:nth-of-type(2){transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -otransform:rotate(-45deg); -moz-transform:rotate(-45deg);}

.all_menu .all_menu_btn.on span i:nth-of-type(3){transform:rotate(45deg) translate(-8px,-8px); -ms-transform:rotate(45deg) translate(-8px,-8px); -webkit-transform:rotate(45deg) translate(-8px,-8px); -o-transform:rotate(45deg) translate(-8px,-8px); -moz-transform:rotate(45deg) translate(-8px,-8px);}

.all_menu .center{width:100%; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

.all_menu .center p{font-size:18px; color:#fff; font-weight:200; margin:10px auto 0;}

.all_menu .center .list > ul{width:100%; max-width:1200px; margin:0 auto; font-size:0; letter-spacing:-4px;}

.all_menu .center .list > ul > li{min-height:300px; margin-top:60px; border-right:1px solid rgba(255,255,255,0.3); padding:0 30px; box-sizing:border-box; display:inline-block; vertical-align:top; width:20%;}

.all_menu .center .list > ul > li:last-child{border-right:0;}

.all_menu .center .list > ul > li > a{text-align:left; display:block; font-size:22px; color:#fff; letter-spacing:-0.025em; font-weight:500; min-height:66px;}

.all_menu .center .list > ul > li > ul.depth02{padding:20px 0;}

.all_menu .center .list > ul > li > ul.depth02 li a{display:block; padding:5px 0; font-size:18px; color:#fff; letter-spacing:-0.025em; font-weight:200; text-align:left;}



@media all and (max-width:1200px){

	.all_menu .center .list > ul{width:93.75%;}

	.all_menu .center .list > ul > li{width:50%; min-height:250px; margin-top:30px;}

	.all_menu .center .list > ul > li:nth-of-type(2n){border-right:0;}

	.all_menu .center .list > ul > li > a{text-align:center;}



}

@media all and (max-width:1000px){

	.all_menu .center .list > ul > li{width:100%; min-height:auto; border:0; margin-top:15px;}

	.all_menu .center .list > ul > li > a{min-height:auto;}

	.all_menu .center .list > ul > li > ul.depth02{padding:20px 0;}

	.all_menu .center .list > ul > li > ul.depth02 li a{text-align:center;}

}





/* sub_common */

.sub_common{width:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden}

.sub_common > img{width:1920px; display:block; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}

.sub_common > h2{text-transform:uppercase; font-size:36px; color:#fff; letter-spacing:0.05em; text-align:center; font-weight:600; width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -mo-ztransform:translate(-50%,-50%);}





/* footer */

#footer{background:#111111; overflow:hidden;}

.sub #footer{background:#fff}

#footer .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}



#footer .left{width:297px; float:left; display:table; text-align:center;}

#footer .left a{display:table-cell; vertical-align:middle; max-width:100%; padding-top:85px}



#footer .right{width:calc(100% - 297px); max-width:930px; float:right; background:#222; position:relative;}

#footer .right:before{content:''; position:absolute; right:-1000%; top:0; height:100%; width:1000%; background:#222;}

#footer .right > ul{border-bottom:1px solid #494949; font-size:0; letter-spacing:-4px;}

#footer .right > ul li{display:inline-block; vertical-align:top; position:relative}

#footer .right > ul li:before{content:''; position:absolute; right:0; top:50%; width:2px; height:2px; background:#7f7f7f;}

#footer .right > ul li:last-of-type:before{display:none;}

#footer .right > ul li a{display:block; padding:25px 30px; font-size:16px; color:#fff; letter-spacing:-0.05em; font-weight:200;}

#footer .right > ul li a:hover{color:#fff;}

#footer .right .text{margin:35px 20px 10px;}

#footer .right .text ul{font-size:0; letter-spacing:-4px; text-align:left; margin:5px 0; }

#footer .right .text ul li{padding:0 10px; position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#fff; letter-spacing:-0.01em; font-weight:lighter;}

#footer .right .text ul li:before{content:""; display:block; width:1px; height:14px; background:#fff; position:absolute; right:0; top:55%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}

#footer .right .text ul li:last-child:before{display:none;}

#footer .right .text ul li b{font-weight:200; color:#fff;}

#footer .right .text span{display:block; padding:0 10px; margin-top:40px; font-size:12px; color:#fff; letter-spacing:-0.01em; font-weight:lighter;}

#footer .left a img{max-width:100%;}



@media all and (max-width:1000px){

	#footer{padding-bottom:40px;}

	#footer .right{width:100%; float:none}

	#footer .right > ul li a{padding:20px;}

	#footer .right .text{margin:50px 10px;}

	#footer .right .text span{margin-top:40px; padding-left:10px;}

	#footer .left{width:100%; float:none; padding:15px 0;}

	#footer .left a img{width:120px}

}



#quick {position:fixed; top:50%; right:45px; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:9999;}

#quick ul{}

#quick ul li{margin-bottom:20px; text-align:right;  position:relative;}

#quick ul li:last-of-type{padding-bottom:0;}

#quick ul li a{font-size:18px; letter-spacing:-0.025em; color:#888888; font-weight:300; position:relative; padding-right:20px;}

#quick ul li a:before{content:''; position:absolute; right:0; top:50%; width:10px; height:10px; border-radius:50%; background:#a3a3a3; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); }

#quick ul li:hover:before{content:''; position:absolute; right:-45px; top:50%; width:45px; height:1px; background:#f4313f; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}

#quick ul li a:hover{color:#f4313f; font-weight:500;}

#quick ul li a:hover:before{background:#f4313f; }

#quick ul li.on:before{content:''; position:absolute; right:-45px; top:50%; width:45px; height:1px; background:#f4313f; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}

#quick ul li.on a{color:#f4313f; font-weight:500;}

#quick ul li.on a:before{background:#f4313f; }



@media all and (max-width:1000px){

	#quick{display:none;}

}