@charset "utf-8";

/* 초기화 */
.subpage-wrapper {
	padding-right: 100px;
}
.subcont-area {
    display: flex;
    justify-content: center;
    width: 100%;
	padding-left: var(--padding-20-15);
    padding-right: var(--padding-20-15);
	margin-top: var(--margin-120);
	margin-bottom: var(--margin-120);
}
.subcont-area.full {
    display: flex;
    justify-content: center;
    width: 100%;
	padding-left: 0;
    padding-right: 0;
	margin-top: var(--margin-120);
	margin-bottom: var(--margin-120);
}
.subtit-area {
	width: 100%;
}
.subcont-area .sub-cont {
    margin: 0 auto;
	width: 100%;
    max-width: var(--max-width-sub);
}.subcont-area .sub-cont.w-100 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}
.subcont-area.full .sub-cont {
    margin: 0 auto;
    width: 100%;
}
.subtit-area h1 {
    font-size: var(--font-size-50);
    text-align: center;
}

.mo-none {display:block;}
.mo-block {display:none;}

/* Introduction */
.subvisual-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--height-470);
}
.subvisual-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;	
	animation:sub_bg 3s ease 0s 1 normal both;
	-webkit-animation:sub_bg 3s ease 0s 1 normal both;
	transform-origin:50% 50%;
}
@keyframes sub_bg {
	0% {
		-ms-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	100% {
		-ms-transform:scale(1);
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
.subvisual-area .sv_txt_area {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: var(--margin-50-5);
    z-index: 10;
    transition-duration: 0.3s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.subvisual-area .sub-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .10);
    z-index: 9;
}
.subvisual-area .sub-bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .30);
    z-index: 9;
}
.subvisual-area .sub-visual {
    width: 100%;
    height: 100%;
    z-index: 5;
	overflow: hidden;
}
.subvisual-area .sv_tit {
    font-size: var(--font-size-50);
    font-weight: 900;
    color: #ffffff;
}   
.subvisual-area .sv_txt {
    display: flex;
    color: #ffffff;
    font-size: var(--font-size-15);
    font-weight: 400;
	text-align: center;
}
/*서브메뉴*/
.sub_menu_wrap {
    position: absolute;
    width: 100%;
    height: var(--height-65);
    margin-bottom: 0px;
    bottom: 1px;
    background-color: rgba(0, 0, 0, 0.35);
    border-top: 1px solid rgba(255,255,255,0.2);
	padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    z-index: 9;
}
.sub_menu_area {
	max-width: var(--max-width-sub);
	display:block;
	position:relative;
	margin:0 auto;
}
.sub_menu {
	position:relative;
	width:100%;
	max-width: var(--max-width);
	height: var(--height-65);
	margin:0 auto;
	display:flex;
	align-items:center;
}
.icon_home {
    position: relative;
    left: 0;
    top: 0;
    width: var(--width-65);
    height: var(--height-65);
    border-radius: 0;
    display: flex;
    line-height: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(255,255,255,0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.icon_home a span {
	font-size: var(--symbols-font-size-35);
	color: #000000;
	font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}
.sub_tab {
	width:600px;
	margin-left: var(--margin-25);
}

.sub_tab>ul>li {
	float:left;
	position:relative;
	height: var(--height-65);
	line-height: var(--height-65);
	font-size: var(--font-size-15);
	font-weight:500;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:94% 50%;
}
.sub_tab>ul>li.sub_depth1 {
	width:50%;
	color:#fff;
	border-left:none;
	padding-left: var(--padding-30);
	padding-right: var(--padding-30);
	background-image:url(/img/tab_box_bg_right_w.svg);
	z-index:1;
	background-size:14px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sub_tab>ul>li.sub_depth2 {
	width:50%;
	color:#333;
	display:none;
	padding-left: var(--padding-30);
	padding-right: var(--padding-30);
	background-image:url(/img/tab_box_bg_right_w.svg);
	z-index:1;
	background-size:14px;
}
.menu_on {
	display:block !important;
}
.sub_tab>ul>li.tab_active {
	background-color: var(--main-color-0);
	color:#fff;
	border-left:0px var(--main-color-0);
	border-right:1px var(--main-color-0);
}
@media (hover: hover) and (pointer: fine) { /* when supported */
	.sub_tab>ul>li:hover {
		background-color: var(--main-color-0);
		color:#fff;
		border-left:0px var(--main-color-0);
		border-right:1px var(--main-color-0);
	}
}
.tab_box_bg_on {
	background-image:url(/img/tab_box_bg.svg) !important;
	background-size:14px;
		background-color: var(--main-color-0);
		color:#fff;
		border-left:0px var(--main-color-0);
		border-right:1px var(--main-color-0);
}
.sub_tab_sub {
	position:absolute;
	left:-1px;
	width:100%;
	height:0;
	opacity:0;
	z-index:-1;
	box-sizing:content-box;
	background-color:#FFF;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	overflow:hidden;
}
.sub_tab_sub_ov {
	height:auto;
	border:1px solid #e1ded8;
	border-top:none;
	opacity:1;
	z-index:1;
}
.sub_tab_sub ul {
	padding:0 0 0 0;
}
.sub_tab_sub ul li {
	display:flex;
	align-items: center;
	height: var(--height-55);
	font-size:var(--font-size-15);
	font-weight:400;
	width:100%;
	border-top:1px solid #ddd;
	background-image:none;
}
.sub_tab_sub ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    padding-left: var(--padding-30);
    align-items: center;
}
.sub_tab_sub ul li a:hover,.sub_tab_sub ul li a:focus {
	color: #fff;
	background: var(--main-color-0);
	
}
.sub_tab>ul>li.sub_depth1 p {
	color: #ffffff;
}
.sub_depth2 p {
    width: 100%;
    align-items: center;
}
.sub_depth2_mo {
	display:none !important;
}


/* CONTACT US */
#bo_list {
    margin: 0 auto;
}


/* Large Devices, Wide Screens : ~ 1200px */
@media only screen and (max-width : 1200px) {
	.mo-none {display:none;}
	.mo-block {display:block;}
	.subpage-wrapper {
		padding-right: 0px;
	}
}


/* Medium Devices, Desktops : ~ 992px */
@media only screen and (max-width : 992px) {

}


/* Small Devices, Tablets : ~ 768px */
@media only screen and (max-width : 768px) {

}


/* Extra Small Devices, Phones : ~ 480px */
@media only screen and (max-width : 480px) {
	.sub_menu_wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.icon_home {
		display:none;
	}
	.sub_tab>ul>li.sub_depth1 {
		width: auto;
		padding-right: 40px;
	}
	.sub_tab>ul>li.sub_depth2 {
		flex: 1;
	}
	.sub_tab .dp1 {
		display: flex;
	}
}


/* Custom, iPhone Retina : ~ 320px */
@media only screen and (max-width : 320px) {

}