@charset "utf-8";
#wrap{width:100%;}
.inner{width:100%; max-width:1200px; margin:0 auto;}
.after:after{content:""; display:block; clear:both; height:0; visibility:hidden}

/*header*/
#header{width:100%; height:100px; position:relative; border-bottom:1px solid #eeeeee; box-sizing:border-box;}
#header .all_menu_bg{width:100%; height:260px; position:absolute; top:100px; left:0; border-top:1px solid #f2f2f2; background-color:#0150c1; z-index:3; display:none;}
#header .all_menu_bg.on{display:block;}
#header .inner .center .gnb > ul > li ul.depth02.on{background:transparent;}
#header .inner .center .gnb > ul > li ul.depth02.on li a{color:#aacfff}
#header .inner .center .gnb > ul > li ul.depth02.on li:hover a{color:#fff}
#header .inner .center .gnb > ul > li ul.depth02.on li.on a{color:#fff}
#header .inner .logo{float:left; width:97px; height:56px; padding-top:24px; position:relative; z-index:11;}
#header .inner .logo h1{width:100%; height:100%; margin:0;}
#header .inner .logo h1 a{display:block; width:100%; height:100%;}
#header .inner .logo h1 a img{width:100%; height:100%;}
#header .inner .center{float:right; width:76%;}
#header .inner .center .gnb{text-align:right; width:calc(100% - 148px); display:inline-block; vertical-align:top; margin-top:30px;}
#header .inner .center .gnb > ul{width:100%; font-size:0; margin-bottom:0;}
#header .inner .center .gnb > ul > li{display:inline-block; vertical-align:top; position:relative; text-align:center;}
#header .inner .center .gnb > ul > li > a{display:block; padding:8px 35px; font-size:18px; font-weight:300; letter-spacing:-0.025em; color:#222;}
#header .inner .center .gnb > ul > li.on > a{color:#0150c1;}
#header .inner .center .gnb > ul > li ul{width:100%; position:absolute; top:70px; left:0; background-color:#fff; padding:10px 0; display:none; z-index:3;}
#header .inner .center .gnb > ul > li ul.depth02.on{display:block !important; top:70px;}
#header .inner .center .gnb > ul > li ul li{width:100%;}
#header .inner .center .gnb > ul > li ul li a{display:block; width:100%; height:100%; font-size:16px; font-weight:200; color:#444; padding:8px 0; word-break:keep-all;}
#header .inner .center .gnb > ul > li ul li.on a{color:#fff}
#header .inner .center .gnb > ul > li ul li:hover a{color:#0150c1}
#header .inner .center .lang {position:relative; display:inline-block; width:80px; margin-top:30px; margin-right:20px; padding:8px 0; text-align:center;}
#header .inner .center .lang ul {width:100%; text-align:center; font-size:0;}
#header .inner .center .lang li {position:relative; display:inline-block; vertical-align:top; width:50%;}
#header .inner .center .lang li:after {content:''; position:absolute; right:0; top:10px; width:1px; height:9px; background-color:#555;}
#header .inner .center .lang li:last-child:after {display:none;}
#header .inner .center .lang li a {font-size:18px; color:#222;}
#header .inner .center .all_menu_btn{display:inline-block; vertical-align:top; width:22px; height:16px; margin-top:44px;}
#header .inner .center .all_menu_btn a{display:block; width:100%; height:100%;}

/*햄버거 메뉴*/
.header_m{display:none;}
.header_m .menu_btn{position:absolute; width:45px; height:35px; top:50%; left:24px; cursor:pointer; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.header_m .menu_btn img{width:100%; height:100%;}
.ham_gnb{display:block; position:absolute; width:100%; height:auto; background:#fff; z-index:30; top:0; left:-9999px;}
.ham_gnb .ham_top{width:100%; height:105px; position:relative;}
.ham_gnb .ham_top .ham_close{width:35px; height:35px; float:right; margin:34px 30px 0 0; cursor:pointer;}
.ham_gnb .ham_top .ham_close img{width:100%; height:100%;}
.ham_gnb > ul{width:100%;}
.ham_gnb > ul > li{width:100%; border-bottom:1px solid #dcdcde;}
.ham_gnb > ul > li > p{width:100%; height:90px; font-size:34px; font-weight:200; letter-spacing:-0.05em; line-height:90px; color:#222; cursor:pointer; padding-left:40px; box-sizing:border-box;}
.ham_gnb > ul > li.on p{background:#0157c7; color:#fff;}
.ham_gnb > ul > li > a{width:100%; display:block; height:90px; font-size:34px; font-weight:200; letter-spacing:-0.05em; line-height:90px; color:#222; cursor:pointer; padding-left:40px; box-sizing:border-box;}
.ham_gnb > ul > li.on a{background:#0157c7; color:#fff;}
.ham_gnb > ul > li > p span{float:right; width:35px; height:19px; background:url("/img/arrow_off.png") center top no-repeat; background-size:cover; margin:38px 30px 0 0;}
.ham_gnb > ul > li.on > p span{background:url("/img/arrow_on.png") center top no-repeat; background-size:cover;}
.ham_gnb > ul > li > ul{width:100%; display:none;}
.ham_gnb > ul > li > ul li{width:100%;}
.ham_gnb > ul > li > ul li a{display:block; width:100%; height:80px; font-size:30px; font-weight:200; letter-spacing:-0.025em; line-height:80px; color:#222; padding-left:40px; box-sizing:border-box;}
.ham_gnb > ul > li > ul li a.on{color:#0157c7;}
.ham_gnb .lang {width:100%; height:80px; line-height:80px;  }
.ham_gnb .lang ul {font-size:0; padding-left:40px; }
.ham_gnb .lang li {position:relative; display:inline-block; vertical-align:top; padding-right:20px;}
.ham_gnb .lang li:after {content:''; position:absolute; right:8px; top:36px; width:1px; height:9px; background-color:#555;}
.ham_gnb .lang li:last-child:after {display:none;}
.ham_gnb .lang li a {font-size:18px; color:#222;}
/*footer*/
#footer{width:100%; background-color:#1d1d1f; padding:22px 0 100px;}
#footer .ft_logo{margin-bottom:10px;}
#footer .ft_logo a{display:inline-block; vertical-align:top;}
#footer .inner{position:relative;}
#footer .inner .top_btn{position:absolute; top:-74px; right:0; width:45px; height:45px; cursor:pointer;}
#footer .inner .top_btn img{width:100%; height:100%;}
#footer .inner .left{float:left;}
#footer .inner .left .ft_logo{display:inline-block; vertical-align:top; width:65px; height:40px;}
#footer .inner .left .ft_logo h1{width:100%; height:100%; margin:0;}
#footer .inner .left .ft_logo h1 a{display:block; width:100%; height:100%;}
#footer .inner .left .ft_logo h1 a img{display:block; width:100%; height:100%;}
#footer .inner .left .address{display:inline-block; vertical-align:top; padding-left:0;}
#footer .inner .left .address ul{font-size:0; margin-bottom:0;}
#footer .inner .left .address ul li{display:inline-block; vertical-align:top; position:relative; margin-right:30px;}
#footer .inner .left .address ul li:after{content:""; display:block; width:1px; height:14px; background-color:#5c5d60; position:absolute; top:50%; right:-15px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#footer .inner .left .address ul li:last-of-type:after{display:none;}
#footer .inner .left .address ul li p{font-size:15px; font-weight:300; letter-spacing:0.025em; color:#fff; opacity:0.4;}
#footer .inner .left .address > p{font-size:14px; font-weight:300; letter-spacing:0.025em; color:#fff; opacity:0.5; padding:7px 0 8px;}
#footer .inner .left .address > span{font-size:13px; font-weight:300; letter-spacing:0.025em; color:#fff; opacity:0.3;}
#footer .inner .right{float:right;}
#footer .inner .right a{display:inline-block; vertical-align:top; width:143px; height:40px; font-size:14px; font-weight:300; text-align:center; line-height:40px; border:1px solid #656566; color:#fff; opacity:0.25}



/* 공통 tit */
.content .main_tit{text-align:center;}
.content .main_tit p{font-size:32px; font-weight:800; letter-spacing:-0.025em; line-height:1; color:#222; margin-bottom:10px; text-transform:uppercase;}
.content .main_tit span{font-size:18px; font-weight:200; letter-spacing:-0.025em; line-height:1; color:#666;}

/* 서브 공통 tit */
.sub_tit{text-align:center;}
.sub_tit h3{font-size:28px; color:#666; letter-spacing:-0.025em; font-weight:200; margin:0;}
.sub_tit h3 b{color:#0159cb}
.sub_tit p{font-size:18px; color:#666; letter-spacing:-0.025em;}

/* sub_common */
.sub_common{width:100%; max-width:1920px; margin:0 auto; overflow:hidden; position:relative;}
.sub_common > img{display:block; margin:0 auto; width:1920px; height:260px; 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 .center{z-index:2; width:100%; 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%);}
.sub_common .center h1{margin:0; margin-bottom:15px; font-size:34px; color:#fff; font-weight:bold; text-align:center;}
.sub_common .center ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.sub_common .center ul{text-align:center; font-size:0;}
.sub_common .center ul li{display:inline-block; position:relative; margin:0 8px;}
.sub_common .center ul li a{font-size:16px; font-weight:200; letter-spacing:-0.025em; color:#fff; padding:0 8px;}
.sub_common .center ul li a:before{content:""; width:3px; height:5px; background:url('/img/sub_common_right_btn.png') no-repeat center; position:absolute; right:-9px; top:60%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.sub_common .center ul li:last-child a:before{display:none}
.sub_common .center ul li:nth-of-type(3) a:before{display:none}
.sub_common .center ul li a img{width:9px; height:9px; position:relative; top:-1px; margin-right:7px; vertical-align:middle; display:inline-block;}


@media all and (max-width:1400px){
	.w1400{width:93.75vw; margin:0 auto;}
}

@media all and (max-width:1300px){
	#header .inner .center .gnb > ul > li > a{padding:8px 30px;}
}

@media all and (max-width:1200px){
	.inner{width:93.5%;}
	#header .inner .center .gnb > ul > li{}
	#header .inner .center .gnb > ul > li > a{padding:8px 24px;}
	/*footer*/
	#footer .inner .left ul li{ margin-right:10px;}
}
@media all and (max-width:1100px){
	#header .inner .center .gnb > ul > li > a{padding:8px 15px;}
}

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

	/*header*/
	#header .inner{position:relative; width:100%; height:100%;}
	#header .header_m{display:block;}
	#header .inner .logo{float:none; padding-top:0; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	#header .inner .center{display:none;}
	#header .inner .right_btn{width:auto; margin-right:24px;}
	#header .inner .right_btn .all_menu_btn{display:none;}
	#header .all_menu_bg.on{display:none}

	/*footer*/
	#footer .ft_logo{text-align:center; margin-top:50px}
	#footer .ft_logo a{}
	#footer .inner .left{float:none; margin:0 auto 30px; text-align:center;}
	#footer .inner .left .ft_logo{display:block; margin:0 auto 10px;}
	#footer .inner .left .address{display:block; padding-left:0; margin:0 auto;}
	#footer .inner .left .address ul li p{font-size:20px;}
	#footer .inner .left .address > p{font-size:18px;}
	#footer .inner .left .address > span{font-size:18px;}
	#footer .inner .right{float:none; text-align:center;}
	#footer .inner .right a{width:160px;}
	#footer .inner .right a{font-size:18px;}
}

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

	/*header*/
	#header{height:15.625vw;}
	#header .inner .logo{width:15.15625vw; height:8.75vw;}
	#header .inner .right_btn{margin-right:3.75vw;}
	#header .inner .right_btn > ul{width:15.625vw; height:6.25vw; margin-top:4.6875vw; margin-left:3.125vw;}
	#header .inner .right_btn > ul > li{padding-left:1.8125vw;}
	#header .inner .right_btn > ul > li > a{font-size:2.8125vw; line-height:6.25vw;}
	#header .inner .right_btn > ul > li > a img{margin:2.65625vw 0 0 5.46875vw;}
	#header .inner .right_btn > ul > li ul{top:6.25vw;}
	#header .inner .right_btn > ul > li ul li{height:4.6875vw; padding-left:2.5vw;}
	#header .inner .right_btn > ul > li ul li a{font-size:2.8125vw; line-height:4.6875vw;}

	/*햄버거 메뉴*/
	.header_m .menu_btn{width:7.03125vw; height:5.46875vw; left:3.75vw;}
	.ham_gnb .ham_top{height:16.40625vw;}
	.ham_gnb .ham_top .menu_logo{width:19.375vw; height:11.09375vw;}
	.ham_gnb .ham_top .ham_close{width:5.46875vw; height:5.46875vw; margin:5.3125vw 4.6875vw 0 0;}
	.ham_gnb > ul > li > p{height:14.0625vw; font-size:5.3125vw; line-height:14.0625vw; padding-left:6.25vw;}
	.ham_gnb > ul > li > a{height:14.0625vw; font-size:5.3125vw; line-height:14.0625vw; padding-left:6.25vw;}
	.ham_gnb > ul > li > p span{width:5.46875vw; height:2.96875vw; margin:5.9375vw 4.6875vw 0 0;}
	.ham_gnb > ul > li > ul li a{height:12.5vw; font-size:4.6875vw; line-height:12.5vw; padding-left:6.25vw;}

	/*footer*/
	#footer{padding:3.4375vw 0 15.625vw;}
	#footer .ft_logo{margin-top:7.8125vw; margin-bottom:1.5625vw}
	#footer .ft_logo a img{width:11.40625vw}
	#footer .inner .top_btn{top:-11.5625vw; width:7.03125vw; height:7.03125vw;}
	#footer .inner .left{margin:0 auto 4.6875vw;}
	#footer .inner .left .ft_logo{width:10.15625vw; height:6.25vw; margin:0 auto 1.5625vw;}
	#footer .inner .left .address ul li{margin-right:4.6875vw;}
	#footer .inner .left .address ul li:after{height:2.1875vw; right:-2.34375vw;}
	#footer .inner .left .address ul li p{font-size:3.125vw;}
	#footer .inner .left .address > p{font-size:2.8125vw; padding:1.09375vw 0 1.25vw;}
	#footer .inner .left .address > span{font-size:2.8125vw;}
	#footer .inner .right a{width:25vw; height:6.25vw; font-size:2.8125vw; line-height:6.25vw;}

	/* 공통 tit */
	.content .main_tit p{font-size:5vw; margin-bottom:1.5625vw;}
	.content .main_tit span{font-size:2.8125vw;}

	/* 서브 공통 tit */
	.sub_tit h3{font-size:4.375vw;}
	.sub_tit p{font-size:2.8125vw;}

	/* sub_common */
	.sub_common > img{width:218.75vw; height:39.0625vw; }
	.sub_common .center h1{margin-bottom:2.34375vw; font-size:5.3125vw;}
	.sub_common .center ul li{ margin:0 1.25vw;}
	.sub_common .center ul li a{font-size:2.5vw; padding:0 1.25vw;}
	.sub_common .center ul li a:before{width:0.46875vw; height:0.78125vw;right:-1.40625vw; background-size:cover;}
	.sub_common .center ul li a img{width:1.40625vw; height:1.40625vw; top:-0.15625vw; margin-right:1.09375vw; }

}