.pc {display: block !important;}
.mo {display: none !important;}


.sub-content-box{
	padding : 20px 0 50px;
	animation : sub-content-box 1s both;
}
@keyframes sub-content-box{
	0%{
		opacity : 0;
	}
	100%{
		opacity : 1;
	}
}
.sub-content-img{
	margin : 0 auto;
}
.overview-table{
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
	width : 100%;
	max-width : 1408px;
	color : #262626;
	font-size : 18px;
	margin : 0 auto;
}
.overview-table > li{
	display : flex;
	flex-direction : column;
	width : 550px;
	gap : 10px;
	margin-bottom : 37px;
	overflow : hidden;
}
.overview-th{
    font-weight: 700;
    transform: translateX(-100%);
    transition: 1s;
    font-size: 2rem;
    color: #222222;
}
.overview-line{
	width : 0;
	height : 1px;
	background : #BFBFBF;
	transition : width 1s;
}
.aos-animate .overview-line{
	width : 100%;
}
.overview-td{
	letter-spacing : -0.03em;
	height :40px;
	transform : translateX(-100%);
	transition : transform 1s;
}
.aos-animate .overview-th,
.aos-animate .overview-td{
	transform : translateX(0);
	transition-delay : 1s;
}
.overview-td > p{
	display : flex;
	align-items : center;
	margin-top: 5px;
}
.overview-td img.logo{
	display : inline-block;
	/* max-width : 120px; */
	max-height : 1.5em;
}

/* 오리발 */
.page_info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background : #f7f7f7;
	max-width : 1408px;
    border : 1px solid #e5e5e5;
    padding : 25px 60px 25px 120px;
    min-height : 120px;
    font-size: 13px;
    letter-spacing: -0.04em;
    color : #777;
    position : relative;
	margin : 2em auto 0;
}
.page_info::after{
    display: flex;
    align-items: center;
    justify-content: center;
    color : #fff;
    font-size: 36px;
    font-weight: 700;
    content : '!';
    position : absolute;
    width : 70px;
    height : 70px;
    border-radius: 50%;
    background : #727272;
    left : 25px;
    top : 50%;
    transform: translateY(-50%);
}
.page_info > li{
    position : relative;
    padding-left : 14px;
    font-weight: 500;
}
.page_info > li + li{
    margin-top : 3px;
}
.page_info > li::before{
    content : '※ ';
    position : absolute;
    left : 0;
    font-size: 11px;
    line-height: 18px;
}

@media (max-width : 1200px){
	.moView{
		display : block !important;
	}
	.pcView{
		display : none !important;
	}
	.sub-title-box{
		height : 46.2667vw;
		max-height : 347px;
	}
	.sub-title-inner{
		justify-content : center;
		align-items : center;
		padding-top : 50px;
		padding-bottom : 0;
	}
	.sub-title{
		font-size : 28px;
	}
	.sub-title-kor{
		font-size : 14px;
	}
	.sub-menu-box{
		display : none;
	}	
	.overview-table {
			max-width : 1200px;
		}
	.overview-table > li {
		/* width : 48%; */
		width : 100%;
		gap: 0;
		margin-bottom: 4.9333vw;
		line-height: 20px;
		font-size : 14px;
	}
	.overview-th{
		font-size : 14px;
        line-height: 2;
	}
	.overview-line{
		margin-bottom : 13px;
	}
	.overview-td > img{
		width : 120px;
	}
	.overview-td img.logo{
		max-height : 1.5em;
	}
	    /* 오리발 */
    .page_info{
        justify-content: center;
        padding : 15px 20px 15px 20px;
        min-height : 0;
        font-size: 11px;
    }
    .page_info::after{
        display : none;
    }
    .page_info > li{
        position : relative;
        padding-left : 12px;
    }
    .page_info > li + li{
        margin-top : 4px;
    }
    .page_info > li::before{
        font-size: 10px;
        line-height: 18px;
    }
}








.foot_logo { float: left; margin: 3px 20px 100px 0 !important; }
.foot_logo_line { border-left: 1px solid #fff;}




@media (max-width: 1400px){ 
.foot_logo { float: left; margin: 0px 100% 15px 0px !important; }
.pc {display: none !important;}
.mo {display: block !important;}

}

















.in_1600 {
    max-width: 1600px;
}
@media all and (min-width: 2000px){ 
	.in_1600{max-width:90%;} 
}

.header_inner {
    margin: 0 auto;
    position: relative;
}




/*header*/
header{padding: 0 20px;overflow:hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height:100px;transition: 0.5s;transform: translate(0,-100%); background: #fff; }
header::before{position:absolute;top:100px;left:0;width:100%;height:1px;background-color:#ddd;transition:0.3s;content:"";opacity:0;}
header .head_in{display: flex;align-items: center;justify-content: space-between;position: relative;height:100px;}
header h1 { margin-bottom:0px; }
header h1 a{display: block;width: 248px;height: 21px;background: url(/images/logo.svg) no-repeat center / contain;transition:0.6s; }
header .gnb{transition:0.6s;}
header .gnb > ul{display:flex;}
header .gnb > ul > li{position:relative;text-align:center;}

/*
header .gnb > ul > li::before{position:absolute;top:0;left:50%;width:1px;height:30px;background-color:#c30028;transition:0.3s;content:"";transform:scaleY(0);transform-origin:0 0;}
header .gnb > ul > li::after{position:absolute;top:30px;left:calc(50% - 2px);width:5px;height:5px;background-color:#c30028;transition:0.3s;content:"";border-radius:50%;transform:scale(0);}
header .gnb > ul > li:hover::before{transform:none;}
header .gnb > ul > li:hover::after{transition-delay:0.2s;transform:none;}
*/

header .gnb > ul > li:before, header .gnb > ul > li:after {
  content: '';
  border-bottom: solid 2px #c30028;
  position: absolute;
  bottom: 0;
  width: 0;
}

header .gnb > ul > li:before { left: 0; }
header .gnb > ul > li:after { right: 0; }

header .gnb > ul > li:hover:before, header .gnb > ul > li:hover:after {
  width: 50%;
}

header .gnb > ul > li:before, header .gnb > ul > li:after {
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}



header .gnb > ul > li > a{display:block;padding: 0 20px; position: relative;font-size:18px;font-weight:500;line-height:100px;color:#000;letter-spacing:0.01em;transition:0.6s;}
header .rig{
	display: none;gap: 0 30px;align-items: center;
}
header .dep2{padding-top:30px;position:absolute;top:100%;left:0;width: 100%;}
header .dep2 li ~ li{margin-top:15px;}
header .dep2 li a{display:flex;justify-content:center;font-size:14px;color:#444;transition:0.3s;}
header .dep2 li a span{position:relative;}
header .gnb .badge{display: block;margin-top:-7px;position:absolute;top:50%;left:calc(100% + 7px);width: 14px;height: 14px;background-color:#c30028;font-size: 11px;line-height: 14px;color: #fff;text-align: center;border-radius: 3px;}
header .open{padding: 0 20px;background-color:#000;font-size:1.06rem;line-height:1.76em;color:#fff;text-align:center;transition:0.6s;border-radius: 30px; font-family: 'Noto Sans KR';}
header .tel{transition:0.6s;}
header .tel a{display:block;}
header .tel p{font-family: 'Jost';font-size: 1.125rem;font-weight: 600;color: #000;letter-spacing: 0.01em;transition:0.6s;}
header .nav_btn{display:none;padding: 15px 0;cursor: pointer;}
header .nav_btn span{display: block;width: 60px;height: 2px;background-color: #000;transition: 0.4s;}
header .nav_btn span ~ span{margin-top: 6px;}
header.nav_on h1 a,
header.nav_on .open,
header.nav_on .tel{pointer-events:none;opacity:0;}
header.nav_on .nav_btn span{background-color:#000 !important;}
header.nav_on .nav_btn span:nth-child(1){transform: translate(0, 4px) rotate(45deg);}
header.nav_on .nav_btn span:nth-child(2){transform: translate(0, -4px) rotate(-45deg);}
/*
header.nav_on .tel p{color: #000 !important;}
header.nav_on .open{color: #fff !important;background-color: #000 !important;}
header.nav_on .gnb{opacity:0;pointer-events:none;}
*/
header.on{transform: none;}
.subwrap header{transform:none;}
.subwrap header.down{transform:translate(0,-100%);}
.subwrap header h1 a{background-image:url(/images/logo.svg);}
.fp-viewing-3 header h1 a,
.fp-viewing-1 header h1 a{background-image:url(/images/logo.svg);}
.fp-viewing-5 header{pointer-events:none;opacity:0;}
header.bl h1 a{background-image: url(/images/logo.svg) !important;}
header.bl .gnb > ul > li > a{color: #000 !important;}
header.bl .open{background-color: #000 !important;color: #fff !important;}
header.bl .tel p{color: #000 !important;}
header.bl .nav_btn span{background-color: #000 !important;}
header:not(.nav_on):hover{box-shadow:0 5px 10px rgba(0,0,0,0.1);height:300px;background-color:#fff;}
header:not(.nav_on):hover::before{opacity:1;}
header:not(.nav_on):hover .gnb > ul > li > a{color: #000 !important;}
header:not(.nav_on):hover .open{background-color: #000 !important;color: #fff !important;}
header:not(.nav_on):hover .tel p{color: #000 !important;}
header:not(.nav_on):hover .nav_btn span{background-color: #000 !important;}
header .dep2 li a:hover{font-weight:500;color:#000;}

header.sub_on:not(.nav_on)::after{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;background: #fff; content: "";}

.top_phone_link {
}

@media all and (min-width: 2000px){
	header h1 a{ /*width: 129px;height: 55px;*/ }
	header:not(.nav_on):hover{height:420px;}
}
@media all and (max-width: 1400px){
	header .gnb > ul > li > a{padding: 0 25px}
	header .rig{gap: 0 20px; display:flex;}
}
@media all and (max-width: 1200px){
	header,
	header .head_in{height:60px;}
	header::before,
	header .gnb{display:none;}
	header .nav_btn{display:block;}
	header:not(.nav_on):hover{;box-shadow:none;height:auto; }
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	header h1 a{ /*width: 82px;height: 35px;*/ }
	header .open{font-size: 0.9em;}
	header .nav_btn span{width:40px;}
}
@media all and (min-width: 1025px){
	/*.fp-viewing-2 header{pointer-events:none;opacity:0;}*/
	header:not(.nav_on):hover h1 a{background-image:url(/images/logo.svg) !important;}
}
@media all and (max-width: 1024px){
	header .head_in{align-items: center;}
	header h1 a{ /*width: 60px;height: 25px;*/ }
	header .rig{gap: 0 15px; display:flex;}
	header .open{padding: 0 10px;font-size: 0.9rem;line-height: 25px;}
	header .tel p{font-size: 1rem;}
	header .nav_btn{padding: 10px 0;}
	header .nav_btn span{width: 30px;}
	/*.fp-viewing-2 header h1 a{background-image:url(/images/logo.png);}*/

	.top_phone_link {
		display:none;
	}
}

/*nav*/
nav{padding: 20px 0 40px 50px;position: fixed;top: 0;right: 0;z-index: 90;width: 80%;height: 100%;background-color: #fff;transition: 0.6s;transform: translate(100%,0);}
nav .box{display: flex;justify-content: space-between;flex-direction: column;padding-top: 60px;position: relative;height: 100%;}
nav .d1 > li{transition: 0.6s;opacity: 0;transform: translate(10%,0);}
nav .d1 > li ~ li{margin-top: 35px;}
nav .d1 > li strong{padding-bottom:2px;position:relative;font-size:17px;font-weight:500;color:#000;}
nav .d1 > li strong::before{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;transition:0.6s;content:"";transform:scaleX(0);transform-origin:0 0;}
nav .d1 > li strong::after{margin-top:-3px;position:absolute;top:50%;left:calc(100% + 7px);width:6px;height:6px;background-color:#c30028;transition:0.6s;content:"";border-radius:50%;transform:scale(0);}
nav .d2{display:none;margin-top:20px;padding-left:10px;}
nav .d2 li ~ li{margin-top:15px;}
nav .d2 li a{position:relative;}
nav .d2 li a span{font-size:13px;color:#777;}
nav .link{display: flex;gap: 0 10px;transition: 0.6s;opacity: 0;transform: translate(0,100%);}
nav .link a{font-size: 1rem;font-weight: 500;color: #4b5055;}
nav .link a.en{}
nav .badge{position: absolute;top: 50%;left: calc(100% + 10px);width: 30px;height: 14px;background-color: #c30028;font-size: 11px;line-height: 14px;color: #fff;text-align: center;transform: translate(0, -50%);border-radius: 3px;}
nav.on{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);transform: none;}
nav.on ul li{transition-delay: 0.4s;opacity: 1;transform: none; user-select: none;}
nav.on .link{transition-delay: 0.6s;opacity: 1;transform: none;}
nav .d1 > li.on strong::before{transform:scaleX(1);}
nav .d1 > li.on strong::after{transform:none;}