@charset "utf-8";
.ani03{transition:all 0.3s;}
/*공통 css*/
.clear:after{content:""; display:block; clear:both;}
.w1400{width:100%; max-width:1400px; margin:0 auto;}

/*HEAER - PC*/
.header{width:100%; height:100px; background-color:#fff;}
.header .inner{position:relative;}
.header .logo{float:left; width:183px; height:42px; margin-top:25px;}
.header .logo h1{width:100%; height:100%; margin:0;}
.header .logo h1 a{display:block; width:100%; height:100%;}
.header .logo h1 a img{width:100%; height:100%;}
.header .right{float:right;}
.header .gnb{float:left; width:750px;}
.header .gnb > ul{width:100%; margin-bottom:0;}
.header .gnb > ul > li{float:left; height:100px; width:20%; text-align:center; position:relative;}
.header .gnb > ul > li > a{display:block; height:100%; font-size:16px; font-weight:300; color:#222; line-height:100px;}
.header .gnb > ul > li .depth02{display:none; width:100%; position:absolute; top:100px; left:0; z-index:3; background-color:#fff; padding:22px 0 12px;}
.header .gnb > ul > li .depth02 li{width:100%; height:40px;}
.header .gnb > ul > li .depth02 li a{display:block; width:100%; height:100%; font-size:16px; font-weight:300; color:#222; margin-bottom:10px; word-break:keep-all;}
.header .country_btn{float:right; width:100px; height:37px; margin-top:30px;}
.header .country_btn > ul{width:100%; height:100%;}
.header .country_btn > ul > li{width:100%; height:100%; position:relative; border:1px solid #0a3293; border-radius:6px; box-sizing:border-box;}
.header .country_btn > ul li a{display:block; width:100%; height:100%; font-size:14px; font-weight:bold; text-align:center; line-height:35px; color:#0a3293;}
.header .country_btn > ul > li ul{width:100%; position:absolute; top:32px; left:0; z-index:9; display:none;}
.header .country_btn > ul > li ul li{background-color:#0a3293;}
.header .country_btn > ul > li ul li:last-of-type{border-radius:0 0 6px 6px;}
.header .country_btn > ul > li ul li a{border-radius:0; color:#fff;}



/*HEAER - MOBILE*/
.header_m{display:none;}
.header_m .menu_btn{position:absolute; width:45px; height:35px; top:30px; left:0; cursor:pointer;}
.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:#0f2a84; color:#fff;}
.ham_gnb > ul > li > p span{float:right; width:35px; height:19px; background:url("/20200512T000010Z/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("/20200512T000010Z/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:#0f2a84;}


/*FOOTER*/
#wrap{width:100%;}
.footer{width:100%; padding:30px 0 25px; background-color:#434448;}
.footer .inner{position:relative;}
.footer .inner .left{float:left;}
.footer .inner .left .ft_logo{width:158px; height:36px;}
.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{width:100%;}
.footer .inner .top_btn{position:absolute; top:-30px; right:0; width:56px; height:56px;}
.footer .inner .top_btn a{display:block; width:100%; height:100%;}
.footer .inner .top_btn a img{width:100%; height:100%;}
.footer .inner .right{float:right; margin-top:65px;}
.footer .inner .right .ft_btn{font-size:0;}
.footer .inner .right .ft_btn a{display:block; width:140px; height:40px; font-size:14px; font-weight:300; line-height:40px; text-align:center; color:#fff; opacity:0.5;}
.footer .inner .right .ft_btn a:first-of-type{background-color:#363636; margin-bottom:8px;}
.footer .inner .right .ft_btn a:last-of-type{background-color:#345cff; opacity:1;}
.footer .inner .right .ft_btn a img{margin:14px 7px 0 0;}
.footer .inner .bot_txt{clear:both; padding-top:55px;}
.footer .inner .bot_txt .information{margin:20px 0 10px;}
.footer .inner .bot_txt .information ul{font-size:0;}
.footer .inner .bot_txt .information ul li{display:inline-block; vertical-align:top; opacity:0.8; padding-right:13px; margin-right:13px; position:relative;}
.footer .inner .bot_txt .information ul li:after{content:""; display:block; width:1px; height:14px; background-color:#69696d; position:absolute; top:4px; right:0;}
.footer .inner .bot_txt .information ul li:last-of-type{margin-right:0;}
.footer .inner .bot_txt .information ul li:last-of-type:after{display:none;}
.footer .inner .bot_txt .information ul li img{width:16px; height:15px; margin:4px 5px 0;}
.footer .inner .bot_txt .information ul li p{display:inline-block; font-size:15px; font-weight:300; color:#fff;}
.footer .inner .bot_txt .address p{font-size:14px; font-weight:200; letter-spacing:0.010em; color:#fff; opacity:0.5; margin-bottom:5px;}



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

	/*공통 css*/
	.w1400{width:93.75vw;}
}

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

	.header .gnb{width:605px;}
}

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

	/*HEAER - PC*/
	.header .country_btn a{font-size:18px;}

	/*HEAER - MOBILE*/
	.header .inner{width:100%;}
	.header_m{display:block;}
	.header .gnb{display:none;}
	.header .logo{float:none; position:absolute; top:30px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); margin-top:0;}
	.header_m .menu_btn{left:30px;}
	.header .right{margin-right:30px;}

	/*FOOTER*/
	.footer .inner .left{float:none; margin:0 auto; text-align:center;}
	.footer .inner .left .ft_logo{margin:0 auto;}
	.footer .inner .bot_txt{clear:both; padding-top:20px; text-align:center;}
	.footer .inner .bot_txt .information{margin:0 0 10px;}
	.footer .inner .right{float:none; margin:0 auto; text-align:center;}
	.footer .inner .right .ft_btn{width:100%; margin-top:50px;}
	.footer .inner .right .ft_btn a{display:inline-block; vertical-align:top; width:200px; font-size:18px;}
	.footer .inner .right .ft_btn a:first-of-type{margin-bottom:0; margin-right:10px;}
	.footer .inner .bot_txt .information ul li img{margin:6px 5px 0;}
	.footer .inner .bot_txt .information ul li p{font-size:18px;}
	.footer .inner .bot_txt .address p{font-size:18px;}
}

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

	/*HEAER - PC*/
	.header{height:15.625vw;}
	.header .logo{width:28.59375vw; height:6.5625vw; top:4.6875vw;}
	.header .right{margin-right:4.6875vw;}
	.header .country_btn{width:15.625vw; height:5.78125vw; margin-top:4.6875vw;}
	.header .country_btn > ul > li{border-radius:0.9375vw;}
	.header .country_btn > ul li a{font-size:2.8125vw; line-height:5.46875vw;}
	.header .country_btn > ul > li ul{top:5vw;}
	.header .country_btn > ul > li ul li:last-of-type{border-radius:0 0 0.9375vw 0.9375vw;}

	/*HEAER - MOBILE*/
	.header_m .menu_btn{width:7.03125vw; height:5.46875vw; top:5.46875vw; left:4.6875vw;}
	.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 > 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:4.6875vw 0 3.90625vw;}
	.footer .inner .left .ft_logo{width:24.6875vw; height:5.625vw;}
	.footer .inner .top_btn{top:-4.6875vw; width:8.75vw; height:8.75vw;}
	.footer .inner .right .ft_btn{margin-top:4.6875vw;}
	.footer .inner .right .ft_btn a{width:31.25vw; height:6.25vw; font-size:2.8125vw; line-height:6.25vw;}
	.footer .inner .right .ft_btn a:first-of-type{margin-right:0.78125vw;}
	.footer .inner .right .ft_btn a img{margin:2.1875vw 1.09375vw 0 0;}
	.footer .inner .bot_txt{padding-top:3.125vw;}
	.footer .inner .bot_txt .information ul li{padding-right:2.03125vw; margin-right:2.03125vw;}
	.footer .inner .bot_txt .information ul li:after{height:2.1875vw; top:0.625vw;}
	.footer .inner .bot_txt .information ul li img{width:2.5vw; height:2.34375vw; margin:0.9375vw 0.78125vw 0;}
	.footer .inner .bot_txt .information ul li p{font-size:2.8125vw;}
	.footer .inner .bot_txt .address p{font-size:2.8125vw; margin-bottom:0.78125vw;}
}

/*20190307 footer sitemap 추가css*/
.footer .inner .sitemap{float:left; width:calc(100% - 400px);}
.footer .inner .sitemap > ul{font-size:0; text-align:center; margin-bottom:0;}
.footer .inner .sitemap > ul > li{display:inline-block; vertical-align:top; width:13%;}
.footer .inner .sitemap > ul > li > a{font-size:15px; font-weight:300; color:#fff;}
.footer .inner .sitemap > ul > li ul{padding-top:20px; margin-bottom:0;}
.footer .inner .sitemap > ul > li ul li{margin-bottom:8px;}
.footer .inner .sitemap > ul > li ul li:last-of-type{margin-bottom:0;}
.footer .inner .sitemap > ul > li ul li a{font-size:14px; font-weight:300; color:#919295;}

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

	/*20190307 footer sitemap 추가css*/
	.footer .inner .sitemap{width:calc(100% - 320px);}
	.footer .inner .sitemap > ul > li{width:20%;}
}

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

	/*20190307 footer sitemap 추가css*/
	.footer .inner .sitemap{float:none; width:100%; margin-top:30px;}
	.footer .inner .sitemap > ul > li{width:20%;}
	.footer .inner .sitemap > ul > li > a{font-size:20px;}
	.footer .inner .sitemap > ul > li ul li a{font-size:17px;}

}

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

	/*20190307 footer sitemap 추가css*/
	.footer .inner .sitemap{margin-top:4.6875vw;}
	.footer .inner .sitemap > ul > li > a{font-size:3.125vw;}
	.footer .inner .sitemap > ul > li ul{padding-top:3.125vw;}
	.footer .inner .sitemap > ul > li ul li{margin-bottom:1.25vw;}
	.footer .inner .sitemap > ul > li ul li a{font-size:2.5125vw;}
}