@charset "utf-8";


/* ===================================
	layout
 =================================== */

/* 공통 */
.fx{display: flex; display: -ms-flex; display: -webkit-flex;}
.grid{max-width:1600px; width:100%; margin:0 auto;}
@media (max-width: 1640px){
    .grid {padding: 0 40px;}
}
@media (max-width: 768px){
    .grid {padding: 0 20px;}
}
.inner{max-width:1600px; width:100%; margin:0 auto;}
@media (max-width: 1640px){
    .inner {padding: 0 40px;}
}
@media (max-width: 768px){
    .inner {padding: 0 20px;}
}
.wrap {position:relative; min-width:320px; min-height:100vh; overflow:hidden; background:#fefefe;}
.en{font-family: 'Arimo';}

.b_type1{width:60px; height:60px; display: inline-flex; background:#fff; border-radius: 50%; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); position: relative; transition: all .3s ease;}
.b_type1:hover{background:#043457;}
.b_type1::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:15px; height:1px; background:#000; transition: all .3s ease;}
.b_type1::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:15px; background:#000; transition: all .3s ease;}
.b_type1:hover::before, .b_type1:hover::after{background:#fff; transform: translate(-50%,-50%) rotateZ(180deg);}


.swiper-button-next, .swiper-button-prev{position: relative; left:auto; right:auto; top:auto; bottom:auto; margin:0; width:60px; height:60px; border-radius: 50%; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); margin-right:20px; background:none; transition: all .3s ease; background:#fff;}
.swiper-button-next::before{position: absolute; left:50%; top:50%; transform: translate(-75%,-50%) rotate(45deg); content:''; width:8px; height:8px; border:1px solid #000; border-bottom:transparent; border-left:transparent; transition: all .3s ease;}
.swiper-button-next:hover::before{border:1px solid #fff; border-bottom:transparent; border-left:transparent;}
.swiper-button-prev::before{position: absolute; left:50%; top:50%; transform: translate(-25%,-50%) rotate(45deg); content:''; width:8px; height:8px; border:1px solid #000; border-top:transparent; border-right:transparent; transition: all .3s ease;}
.swiper-button-prev:hover::before{border:1px solid #fff; border-top:transparent; border-right:transparent;}
.swiper-button-next:hover, .swiper-button-prev:hover{background:#043457;}
.swiper-button-next::after, .swiper-button-prev::after{display: none;}


/* header */
header{position: fixed; left:50%; top:0; transform: translate(-50%,0); width:100%; height:110px; z-index: 1000; padding:0 60px;  background:#fff; transition: all .3s ease;}
header::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #d9d9d9; opacity: .5;}

.header_inner{width:100%; height:100%; display: flex; align-items: center; position: relative; justify-content: space-between;}
.header_inner .logo{width:100%; display: flex; max-width:248px;}
.header_inner .logo img{width:100%;}
.header_inner .menu{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); height:100%;}
.header_inner .menu > ul{display: flex; height:100%;}
.header_inner .menu > ul > li{display: flex; height:100%;}
.header_inner .menu > ul > li > a{display: flex; height:100%; align-items: center; font-size:18px; font-weight: 500; padding:0 50px; transition: all .3s ease; position: relative;}
.header_inner .menu > ul > li:hover > a{color:#043457;}
.header_inner .menu > ul > li > a::after{position: absolute; left:50%; bottom:0; transform: translate(-50%,0); content:''; width:0; height:4px; background:#043457; transition: all .3s ease;}
.header_inner .menu > ul > li:hover > a::after{width:80%;}
.header_inner .depth-2 {position: absolute; left:50%; top:100%; transform: translate(-50%, 0); width:100vw; height:80px; background:#fff; box-shadow: 0 15px 15px rgba(0, 0, 0, .05); display: none; }
.header_inner .depth-2 ul {width:100%; height:100%; display: flex; justify-content: center;}
.header_inner .depth-2 ul > li{display: flex; height:100%; transition: all .3s ease;}
.header_inner .depth-2 ul > li > a{display: flex; height:100%; align-items: center; padding:0 40px; font-size:16px; font-weight: 500; transition: all .3s ease;}
.header_inner .menu > ul > li:hover .depth-2 ul > li > a{animation: menu_fade .5s linear forwards; animation-delay: calc(var(--i) * .05s); animation-timing-function:ease; opacity: 0; }
.header_inner .menu > ul > li:hover .depth-2{animation: fade .5s linear forwards; animation-timing-function:ease; display: block; opacity: 1;}
@keyframes fade { from{opacity: 0;} to{opacity: 1;} }
@keyframes menu_fade { from{opacity: 0; transform: translateX(-7px);} to{opacity: 1; transform: translateX(0);} }
.header_inner .depth-2 ul > li:hover{background:#fafafa;}
.header_inner .depth-2 ul > li:hover a{color:#043457;}
.header_inner .menu > ul > li:nth-child(2) .depth-2 ul{transform: translateX(-150px);}
.header_inner .menu > ul > li:nth-child(5) .depth-2 ul{transform: translateX(150px);}
.header_inner .h_side{display: flex; height:100%; align-items: center;}
.header_inner .h_side .group{display: flex; align-items: center;}
.header_inner .h_side .group a{display: flex; align-items: center; overflow: hidden; margin-right:30px; font-size:16px; transition: all .3s ease;}
.header_inner .h_side .group a:last-child{margin:0;}
.header_inner .h_side .group a i{margin-right:10px; width:15px; height:15px;}
.header_inner .h_side .group .scm i{background:url(../images/common/ico_scm.png) no-repeat center / cover;}
.header_inner .h_side .group .lang i{background:url(../images/common/ico_lang.png) no-repeat center / cover;}
.header_inner .h_side .group ul > li > ul{position: absolute; padding-top:10px; width:80px;  display: none;}
.header_inner .h_side .group ul > li:hover > ul{animation: lang_fade .3s linear  forwards; animation-timing-function:ease; display: block; opacity: 0;}
@keyframes lang_fade { from{opacity: 0;} to{opacity: 1;} }
.header_inner .h_side .group ul > li > ul > li{display: block; width:100%; background:#fff; border-bottom:1px solid #d9d9d9; box-shadow: 5px 5px 10px rgba(0, 0, 0, .2); transition: all .3s ease;}
.header_inner .h_side .group ul > li > ul > li:last-child{border:0;}
.header_inner .h_side .group ul > li > ul > li:hover{background:#f2f2f2;}
.header_inner .h_side .group ul > li > ul > li > a{display: flex; padding:15px 5px; align-items: center; width:100%; font-size:13px; text-align: center; justify-content: center;}
.header_inner .btn_site_map{width:24px; height:20px; margin-left:30px; position: relative; cursor: pointer;}
.header_inner .btn_site_map span{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:2px; background:#666;}
.header_inner .btn_site_map span:nth-child(1){top:0; transform: translate(-50%,0);}
.header_inner .btn_site_map span:nth-child(2){left:0; width:70%; transform: translate(0,-50%); transition: all .3s ease;}
.header_inner .btn_site_map:hover span:nth-child(2){width:100%;}
.header_inner .btn_site_map span:nth-child(3){top:auto; bottom:0; transform: translate(-50%,0);}
.body-sub header{height:80px; background:none; transition: all .3s ease;}
.body-sub .header_inner .menu > ul > li > a{color:rgba(255, 255, 255, .8); transition: all .3s ease;}
.body-sub .header_inner .h_side .group a{color:rgba(255, 255, 255, .8); transition: all .3s ease;}
.body-sub .header_inner .btn_site_map span{background:rgba(255, 255, 255, .8); transition: all .3s ease;}
body.on header, .body-sub header:hover{height:80px; background:#fff; }
body.on .header_inner .menu > ul > li > a, .body-sub header:hover .menu > ul > li > a{color:#666;}
body.on .header_inner .h_side .group a, .body-sub header:hover .h_side .group a{color:#666;}
body.on .header_inner .btn_site_map span, .body-sub header:hover .btn_site_map span{background:#666;}
.body-sub header .logo img,
.body-sub .header_inner .h_side .group .scm i,
.body-sub .header_inner .h_side .group .lang i{filter: grayscale(100%) invert(100%) brightness(30);}
.body-sub.on header .logo img,
.body-sub header:hover .logo img,
.body-sub.on .header_inner .h_side .group .scm i,
.body-sub.on .header_inner .h_side .group .lang i,
.body-sub header:hover .header_inner .h_side .group .scm i,
.body-sub header:hover .header_inner .h_side .group .lang i{filter: none;}


@media(max-width:1440px){
	header{padding: 0 40px;}
	.header_inner .menu > ul > li > a{padding:0 25px;}
	.header_inner .h_side .group a{margin-right:20px;}
	.header_inner .logo img{width:70%;}
	.header_inner .btn_site_map{margin-left:0;}

}

@media(max-width:1240px){
	.header_inner .menu > ul > li > a{padding:0 20px;}
}

@media(max-width:1024px){
	header{height:80px; padding:0 20px;}
	.header_inner .menu{display: none;}
	.header_inner .h_side .group a{margin-right:15px;}
	.header_inner .h_side .group a i{margin-right:5px;}
}

@media(max-width:768px){
	header{height:60px;}
	.header_inner .h_side .group a{font-size:12px;}
	.header_inner .btn_site_map{width:15px; height:15px;}
	body.on header, .body-sub header:hover{height:60px;}

}

@media(max-width:425px){

}

/* site_map */
.site_map{position: fixed; left:50%; top:0; transform: translate(-50%,0); content:''; width:100%; height:100vh; background:rgba(0, 0, 0, .75);backdrop-filter: blur(5px); display: none;}
.site_map .group{width:100%; height:100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease;}
.site_map_close{position: absolute; right:0; transform: translateX(100%); width:100px; height:100px; background:#043457; box-shadow: 15px 15px 30px rgba(0, 0, 0, .25);}
.site_map_close::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); content:''; width:50px; height:2px; background:#fff;}
.site_map_close::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:50px; height:2px; background:#fff;}
.site_map_inner{max-width:1600px; width:100%; height:750px; background:#fff; display: flex; flex-direction: column; position: relative; box-shadow: 20px 20px 40px rgba(0, 0, 0, .5);}
.site_map_inner .lang{position: absolute; top:0; left:0; width:20%; display: flex; padding:60px 40px 40px; justify-content: center;}
.site_map_inner .lang a{font-size:24px; font-weight: 700; margin-right:40px; color:#ddd; transition: all .3s ease;}
.site_map_inner .lang a:hover{color:#999;}
.site_map_inner .lang a.on{color:#043457 !important;}
.site_map_inner .lang a:last-child{margin:0;}
.site_map_menu{height:100%; background:url(../images/common/site_map-logo.png) no-repeat center bottom;}
.site_map_menu > ul{width:100%; height:100%; display: flex;}
.site_map_menu > ul > li{display: flex; padding:140px 20px 0; width:20%; height: 100%; text-align: center; border-right:1px solid #d9d9d9; flex-direction: column; transition: all .3s ease;}
.site_map_menu > ul > li:last-child{border:0;}
.site_map_menu > ul > li:hover{background:rgba(0, 0, 0, .02);}
.site_map_menu > ul > li > a{font-size:36px; color:#000; font-weight: bold; padding-bottom:40px; position: relative; width:100%; pointer-events: none; cursor: default;}
.site_map_menu > ul > li > a::after{position: absolute; left:50%; bottom:0; transform: translate(-50%,0); content:''; width:60px; height:4px; background:#043457;}
.site_map_menu > ul > li .depth-2{width:100%; display: flex; margin-top:40px;}
.site_map_menu .depth-2 > ul{width:100%;}
.site_map_menu .depth-2 > ul > li{margin-bottom:30px;}
.site_map_menu .depth-2 > ul > li > a{font-size:20px; display: block; font-weight: 500; transition: all .3s ease;}
@media (max-width:1680px) {
	.site_map .group{transform: scale(.8);}
}

@media(max-width:1440px){
	.site_map_menu > ul > li > a{font-size:26px;}
	.site_map_menu .depth-2 > ul > li > a {font-size:16px;}
}

@media(max-width:1024px){
	.site_map{background:#fff; overflow: scroll;}
	.site_map .group{transform: scale(1); align-items: flex-start;}
	.site_map_close{transform: translateX(0) scale(.6); position: fixed;}
	.site_map_inner{width:100%; height:auto;}
	.site_map_menu{padding:100px 0 0; background-image: none;}
	.site_map_menu > ul{flex-direction: column;}
	.site_map_menu > ul > li{width:100%; flex-direction: row; padding:0; border:0; border-bottom:1px solid #ddd; padding:40px 60px;}
	.site_map_menu > ul > li > a{width:200px; text-align: left; padding:10px;}
	.site_map_menu > ul > li > a::after{display: none;}
	.site_map_menu > ul > li .depth-2{width:calc(100% - 200px); margin:0; text-align: left; padding-left:20px;}
	.site_map_menu .depth-2 > ul{display: flex; flex-wrap: wrap; width:100%;}
	.site_map_menu .depth-2 > ul > li{width:25%; margin:0;}
	.site_map_menu .depth-2 > ul > li > a{display: flex; margin:10px;}
	.site_map_inner .lang{top:40px; left:50px; padding:0; width:auto;}
	.site_map_menu .depth-2 > ul > li > a span{line-height: 1.4;}
}

@media (max-width:900px) {
	.site_map_menu > ul > li > a{font-size:26px;}
	.site_map_menu .depth-2 > ul > li{width:33.333333%;}
}

@media(max-width:768px){
	.site_map_menu > ul > li{flex-direction: column;}
	.site_map_menu > ul > li .depth-2{padding:0; width:100%;}
	.site_map_menu .depth-2 > ul > li{width:25%;}
	.site_map_menu > ul > li > a{width:auto; margin-bottom:20px;}
	
}

@media (max-width:600px) {
	.site_map_menu > ul > li{padding:20px 40px;}
	.site_map_menu > ul > li > a{font-size:21px; margin-bottom:10px;}
	.site_map_menu .depth-2 > ul > li{width:33.33333%;}
	.site_map_menu .depth-2 > ul > li > a{font-size:14px;}
	
}

@media(max-width:425px){
	.site_map_menu .depth-2 > ul > li{width:50%;}
	.site_map_inner .lang a{margin-right:20px;}

}


/* footer */
footer{width:100%; background:#2e2f31; display: flex; flex-direction: column; border-top:1px solid #434446; word-break: break-all;}
footer .container_top{display: flex; padding:25px 60px; align-items: center; justify-content: space-between; border-bottom:1px solid #434446;}
footer .btn_group{display: flex;}
footer .btn_group a{background: #000; width:210px; height:42px; text-align: center; display: inline-flex; margin-right:20px; border:1px solid #474848; align-items: center; justify-content: center; font-size:13px; transition: all .3s ease;}
footer .btn_group a:hover{background:rgba(255, 255, 255, .25); color:#fff; border:1px solid #ddd;}
footer .btn_group a:last-child{margin:0;}
footer .container_info{padding:60px 60px; display: flex;}
footer .container_info .content{width:33.3333%; padding:0 60px; border-right:1px solid #434446;}
footer .container_info .content:first-child {padding-left:0;}

footer .container_info .content:last-child{border:0;}
footer .container_info h6{font-weight: 700; color:#bbb; margin-bottom:15px;}
footer .container_info p{font-size:14px; margin-bottom:10px; line-height: 1.3;}
footer .container_info .group{display: flex; align-items: center; font-size:14px;}
footer .container_info .group span:first-child{margin-right:40px;}
footer .container_info .group span{ font-weight: 500; letter-spacing: .5px;}
footer .container_info .group b{vertical-align: baseline; font-weight: 700;}
footer .container_bottom{display: flex; align-items: center; justify-content: space-between; background:#000; height:60px; border-top:1px solid #434446; padding: 0 60px;}
footer .container_bottom .cype {font-size:14px;}
footer .container_bottom .cype b{vertical-align: baseline; font-weight: 700; color: #999;}
footer .container_bottom .group{display: flex; align-items: center; position: relative;}
footer .container_bottom .group a{margin-right:20px; font-size:14px; transition: all .3s ease;}
footer .container_bottom .group a:hover{color:#ddd;}
footer .container_bottom .group a:last-child{margin:0;}
footer .container_bottom .group .top{width:60px; height:59px; position: relative; background:#111;}
footer .container_bottom .group .top:hover{background:#043457;}
footer .container_bottom .group .top::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-25%) rotate(45deg); content:''; width:15px; height:15px; border:1px solid #ddd; border-bottom:transparent; border-right:transparent;  box-sizing: border-box;}


@media(max-width:1600px){
}
@media(max-width:1440px){
	footer .container_top{padding:20px 40px;}
	footer .container_info{padding:40px; }
	footer .container_info .content{ padding:0 40px; }
	footer .container_info .group{flex-direction: column; align-items: flex-start;}
	footer .container_info .group span:first-child{margin-bottom: 4px;}
}

@media(max-width:1024px){
	footer .container_info .group{flex-direction: row; align-items: center;}
	footer .container_info .group span:first-child{margin-bottom: 0;}

	footer .container_info{flex-direction: column; padding:40px;}
	footer .container_info .content:first-child{padding:20px;}
	footer .container_info .content{width:100%; padding:20px; border:0; margin-bottom:20px; border:1px solid rgba(255, 255, 255, .1);}
	footer .container_info .content:last-child{margin:0; border:1px solid rgba(255, 255, 255, .1);}
	
	
}
@media (max-width:880px) {
	footer .container_bottom{flex-direction: column; padding:20px 40px; height:auto;}
	footer .container_bottom .group{width:100%; align-items: center; justify-content: center; margin-top:10px; text-align: center;}
	footer .container_bottom .group .top{position: absolute; right:0; bottom:0; width:40px; height:40px; transform: translateX(50%);}
	footer .container_bottom .cype{text-align: center; line-height: 1.4; order:2; margin-top:20px;}
}


@media(max-width:768px){
	footer .container_top{flex-direction: column;}
	footer .container_top > a{margin-bottom:20px;}
	footer .btn_group a{width:210px; height:30px;}	
	footer .container_info{padding:20px;}

}

@media (max-width:530px) {
	footer .btn_group{flex-direction: column;}
	footer .btn_group a{margin:0 0 10px;}
	footer .btn_group a:last-child{margin:0;}
	footer .container_bottom .group a{margin-bottom:10px;}
	footer .container_bottom .group a:last-child{margin:0;}
}

@media (max-width:500px) {
	footer .container_info .group{flex-direction: column; align-items: flex-start;}
	footer .container_info .group span{margin:0 0 10px;}
	footer .container_info .group span:last-child{margin:0;}
	footer .container_bottom .group{flex-direction: column;}
	
}

@media(max-width:425px){

}



/* sub_visual */
.sub_visual{position:relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height:440px; transition: all .3s ease; }
.sub_visual-inner {display:inline-block; text-align: center; width:100%; max-width:1440px; padding:0 20px;}
.sub_title{ display:inline-block;}
.sub_title h2{color:#fff;font-size:45px; padding:0; font-weight:600;line-height:1.3;}
.sub_title h2 em {display: inline-block; vertical-align: baseline; color:#bb141a;}
.sub_title p{color:#fff; font-size:18px; line-height:1.3;margin:10px 0 0 0; letter-spacing:0.05em;}
.sub_visual-bg {position:absolute; top:0%; left:0%; width:100%; height:100%; background:url('../images/contents/visual_bg01.jpg') 60% center no-repeat;background-size:cover; z-index:-1; transform:scale(1.3); transition:all 10s ease-in-out;}
.sub_visual-bg.is-active {transform:scale(1) rotate(0.002deg);}
.visual__contents{position:relative; z-index: 3;}
.visual__contents-inner  {position:relative; width:100%; height:100%;}
.visual__contents .nth-1 .sub_visual-bg{background-image:url('../images/contents/visual_bg01.jpg');}
.visual__contents .nth-2 .sub_visual-bg{background-image:url('../images/contents/visual_bg02.jpg');}
.visual__contents .nth-3 .sub_visual-bg{background-image:url('../images/contents/visual_bg03.jpg');}
.visual__contents .nth-4 .sub_visual-bg{background-image:url('../images/contents/visual_bg04.jpg');}
.visual__contents .nth-5 .sub_visual-bg{background-image:url('../images/contents/visual_bg05.jpg');}
.visual__contents .nth-6 .sub_visual-bg{background-image:url('../images/contents/visual_bg06.jpg');}
.visual__contents.nth-3 .sub_title h2,
.visual__contents.nth-5 .sub_title h2 {text-transform: uppercase;}


/* lnb */
.lnb{position:relative; width:100%; bottom:0; left:0; text-align:left; z-index:3; border-bottom:1px solid #ededed; background-color: #fff;;}
.lnb-wrap{max-width:1600px; width:100%; margin:0 auto; padding:0 0 0 0;}
.lnb-list{font-size:0;background:#fff; position:relative; }
.lnb-list > li{display:inline-block; vertical-align:top; position:relative;}
.lnb-item {min-width:300px; max-width:30%; height:60px; box-sizing: border-box;}
.lnb-home {width:60px; height:60px; z-index:1; background: #043457; position: relative;}
.lnb-home::before {position: absolute; bottom: 100%; left: 0; content:''; width:60px; height:40px; z-index:1; background: #043457;  clip-path: polygon(0 0, 0% 100%, 100% 100%);}

.lnb-home a{display:block;font-size:0;line-height:0;width:100%;height:100%; background: transparent url('../images/common/lnb_home_ico.png') center center no-repeat; transition:all 0.3s ease-in-out; position: relative; }
.visual__contents.nth-4 .lnb-home a{background-image:url('../images/common/lnb_home_ico_w.png');}
.lnb-home a:hover {background-color:transparent;}

.visual__contents.nth-1 .lnb-home a::before{background-image:url('../images/common/lnb_home_txt01.png');}
.visual__contents.nth-2 .lnb-home a::before{background-image:url('../images/common/lnb_home_txt02.png');}
.visual__contents.nth-3 .lnb-home a::before{background-image:url('../images/common/lnb_home_txt03.png');}
.visual__contents.nth-4 .lnb-home a::before{background-image:url('../images/common/lnb_home_txt04.png');  z-index:-1;}
.visual__contents.nth-5 .lnb-home a::before{background-image:url('../images/common/lnb_home_txt05.png');}
.visual__contents.nth-6 .lnb-home a::before{background-image:url('../images/common/lnb_home_txt06.png');}

.lnb-link {position:relative; display:block; line-height:60px; height:100%;padding:0 60px 0 20px; box-sizing:border-box; border-right:1px solid rgba(237, 237, 237, 1); color:#222; transition:all 0.3s ease-in-out;}
.lnb-link span {display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; }
.lnb-link:after {content:''; display:block; position:absolute; right:0; top:0; height:100%; width:50px; background:url('../images/common/lnb_open.png') center center no-repeat; transition: all .3s ease-in-out; opacity: 0.5;}
.lnb-link:hover{color:#222;background:#fff;}
.lnb-link.js-active {background-color:rgba(255, 255, 255, 1);}
.lnb-link.js-active:after {transform: rotate(180deg); opacity: 1;}
.lnb__menu-list{position:absolute;left:-1px;top:60px; z-index:2;  width:100%; border-left:1px solid #ededed;box-sizing:content-box; opacity: 0; box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); transform: translateY(-10px); display: none;}
.lnb-list > li.on .lnb__menu-list{ animation: lnb__menu-list_fade_down .5s linear forwards; animation-timing-function:ease; display: block;}
@keyframes lnb__menu-list_fade_down { from{opacity: 0; transform: translateY(-10px);} to{opacity: 1; transform: translateY(0);} }
.lnb__menu-list li { border:1px solid #ededed;  border-left:0; border-top:0;}body.on header, .body-sub header:hover
.lnb__menu-list li:first-child{border-top:1px solid #ededed;}
.lnb__menu-list a {display:block; font-size:16px; line-height:1.3; color:#666; background:#fff; padding:18px 50px 18px 20px; white-space: normal; word-break: break-all; transition:all 0.3s ease-in-out; position:relative;}
.lnb__menu-list a::after {content:''; display:block; width:26px; height:12px; position:absolute; right:30px; top:50%; transform: translateY(-50%); background:url('../images/common/lnb_arrow01.png') 0 0 no-repeat; background-size:contain; opacity: 0; transition: all 0.3s ease-in-out;}
.lnb__menu-list a > span {display:inline-block;}
.lnb__menu-list a:hover {color:#fff; background:#043457; padding-left:25px;}
.lnb__menu-list a:hover::after {right:20px; opacity: 1;}


/*Sub Title*/

.contents__title {padding: 80px 0; position:relative; z-index:2;}
.contents__title h3{text-align:center;font-size:36px;color:#222; position:relative; font-weight:700;}
.contents__title h3 span{display:inline-block; line-height:1.3;}
@media(max-width:1440px){
	.sub_title h2{font-size:40px;}
}

@media(max-width:1024px){
	.sub_title h2{font-size:36px;}
	.contents__title h3{font-size:32px;}

}

@media(max-width:768px){

}

@media (max-width:660px) {
	.sub_title h2{font-size:32px;}

	.sub_visual{height:300px;}
	.lnb-list{display: flex; flex-direction: column;}
	.lnb-list > li{width:100%; max-width:100%; min-width:100%; border-bottom:1px solid #ddd;}
	.lnb__menu-list{border:0;}
	.lnb{border:0 !important;}
	.lnb-home::before {display: none;}

}

@media(max-width:425px){
	.contents__title h3{font-size:28px;}

}

/* .contents{min-height:100vh;} */