@charset "UTF-8";

/********************************************************

			서브 컨텐츠 관련 css :: BSJ

********************************************************/




/***********************************************************************
	서브 공통
************************************************************************/
#sub {padding-top:0; background:#f0f0f0; }
#sub .u__title {margin-bottom:15px;font-weight:300;font-size:35px;color:#333;text-align:center;letter-spacing:-1px}
#sub .color_red {color:#ef4d4d;}
#sub .u__title2 {margin-bottom:15px;font-weight:300;font-size:28px;color:#333;letter-spacing:-1px}
#sub .u__title strong {font-weight:500;}
#sub .l__desc {font-weight:300;font-size:20px;color:#333;}
#sub .l__desc2 {font-weight:300;font-size:24px;color:#333;}
#sub .l__desc3 {font-weight:300;font-size:25px;color:#333;}
#sub .fwmid {font-weight:500 !important;}
#sub .u__desc {font-weight:300;font-size:18px;color:#333;}
#sub .u__desc.bot {margin-bottom:0 !important;}
#sub .u__interval {margin-bottom:33px;}
#sub .u__interval2 {margin-bottom:21px;}
#sub .u__interval3 {margin-bottom:70px;}
#sub .tac {text-align:center;}
#sub .nomg_b {margin-bottom:0 !important;}
#sub .u__row {overflow:hidden;}
#sub .u__row > li {float:left;}
#sub .u__row.col_2 {margin:-1.25%;}
#sub .u__row.col_2 > li {width:47.5%;margin:1.25%;}
#sub .u__row.col_3 {margin:-1.25%;}
#sub .u__row.col_3 > li {width:30.8%;margin:1.25%;}
#sub .u__row.col_4 {margin:-1.25%;}
#sub .u__row.col_4 > li {width:22.5%;margin:1.25%;}
#sub .u__row_infos strong {display:block;margin:20px 0 10px;font-weight:600;font-size:18px;color:#333;}
#sub .u__row_infos p {font-weight:300;font-size:16px;color:#666;line-height:1.7}
#sub .u__row_infos p * {color:#666;}
#sub .inline__row {text-align:center;}
#sub .inline__row li {display:inline-block;}
@media screen and (max-width: 768px){
	#sub .u__title {font-size:25px;line-height:1.4}
	#sub .u__title2 {font-size:22px;}
	#sub .u__desc {margin-bottom:10px;font-size:16px;}
	#sub .l__desc {font-size:18px}
	#sub .l__desc2 {font-size:20px;}
	#sub .l__desc3 {font-size:21px;}
	#sub .u__interval {margin-bottom:20px;}
	#sub .u__interval3 {margin-bottom:45px;}
}
@media screen and (max-width: 640px){
	#sub .u__title {font-size:22px;}
	#sub .u__title2 {font-size:20px;}
	#sub .u__desc {font-size:15px;}
	#sub .l__desc {font-size:16px}
	#sub .l__desc2 {font-size:18px;}
	#sub .l__desc3 {font-size:18px;}
	#sub .u__interval {margin-bottom:15px;}
	#sub .u__row_infos strong {margin:15px 0 10px;font-size:16px;}
	#sub .u__row_infos p {font-size:14px;}
	#sub .u__interval3 {margin-bottom:35px;}
}
@media screen and (max-width: 480px){
	#sub .u__row.col_3 {margin:0;}
	#sub .u__row.col_3 > li {width:100%;margin:0;margin-bottom:25px;}
	#sub .u__row.col_3 > li:last-child {margin-bottom:0;}
	#sub .u__row_thumb img {width:100%;}
	#sub .u__row.col_3 > li img {width:100%;}
	#sub .u__interval3 {margin-bottom:25px;}
}



/***********************************************************************
	서브 메뉴 2차 카테고리
************************************************************************/
/*
.sub_position {position:absolute;top:-50px;left:0;width:100%;height:50px;z-index:-1;}
.sub-menu {position:relative;max-width:100%;min-height:60px;margin:0 auto;margin-top:1.875rem;z-index:9;}
.sub-menu ul {display:flex;width:100%;height:100%;max-width:1170px;margin:0 auto;text-align:center;}
.sub-menu li {position:relative;height:60px;margin-right:31px;box-sizing:border-box;vertical-align:middle;}
.sub-menu li > button {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.sub-menu li:last-child {margin-right:0 !important;}
.sub-menu li a {position:relative;display:table;width:100%;height:100%; font-size:1rem;font-weight:400;color:#333;text-align:center;box-sizing:border-box;-webkit-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;box-sizing:border-box;letter-spacing:-0.6px;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.sub-menu li a:after {content:'';position:absolute;left:50%;right:50%;bottom:10px;height:2px;background-color:#111;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.sub-menu li.on a:after {left:0;right:0;}
.sub-menu li:hover a:after {left:0;right:0;}

.sub-menu li a span {display:table-cell;vertical-align:middle;}
.sub-menu .tab--5 li {width:20%;}
.sub-menu .tab--3 li {width:33.333%;}
.sub_menu_cont {position:relative;top:0px;left:0;width:100%;}
.sub_menu_cont.fixed {position:fixed;top:0px;background-color:#fff;border-bottom:1px solid #f5f5f5 !important;z-index:9999;}

@media screen and (min-width: 1025px){
	.sub-menu li:hover a {color:var(--menu);}
}
.sub-menu li.on a { color:#333;}
@media screen and (max-width: 1230px){
	.sub-menu ul {padding:0 15px;box-sizing:border-box;}
	.sub-menu li {margin-right:30px;}
}
@media screen and (max-width: 1024px){
	.sub-menu li {height:45px;}
	.sub-menu li:before {top:13px;}
	.sub-menu li a {font-size:18px;}
	.sub-menu li a:after {bottom:0;}
	.sub_menu_cont.fixed {top:60px;}
}
@media screen and (max-width: 980px){
	.sub-menu { background-color:#fff;}
	#sub .sub-menu {border:none;}
	.sub_menu_cont {overflow-x:auto;display:block;margin-top:0;}
	.sub-menu ul {white-space:nowrap;text-align:left;display:table;font-size:0;}
	.sub-menu li {margin-right:0;display:inline-block;vertical-align:middle;}
	.sub-menu li a {width:auto;margin-right:25px;font-size:16px;}
	.sub-menu li:last-child {margin-right:0;}
}
@media screen and (max-width: 768px){
	.sub_menu_cont {-ms-overflow-style: none;}
	.sub_menu_cont::-webkit-scrollbar {display:none;}

	.sub-menu .menugra { display:block; }
	.sub-menu .menuarrow { display:block; }
}
@media screen and (max-width: 480px){
	.sub-menu li a {font-size:15px;}
}
*/
/***********************************************************************
	서브 메뉴 2차 카테고리 : 100%, 모바일에서는 접히는 형태
************************************************************************/
.sub_position {position:absolute;top:-50px;left:0;width:100%;height:50px;z-index:-1;}

.sub-menu {position:relative;max-width:100%;min-height:64px;margin:0 auto;margin-top:0rem;z-index:9;background:#f7f7f7;border-bottom:1px solid #cfcfcf; }
.sub-menu ul {display:flex;width:100%;height:100%;max-width:1170px;margin:0 auto;text-align:center;}
.sub-menu li {position:relative;width:100%; height:64px; box-sizing:border-box;vertical-align:middle;transition:all 0.3s ease; }
.sub-menu li > button {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.sub-menu li:last-child {margin-right:0 !important;}
.sub-menu li a {position:relative;display:table;width:100%;height:100%; font-size:1.125rem;font-weight:400;color:#111;text-align:center;box-sizing:border-box;-webkit-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;box-sizing:border-box;letter-spacing:-0.6px;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.sub-menu li a:after {content:'';position:absolute;left:50%;right:50%;bottom:0px;height:2px;background-color:var(--menu);z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.sub-menu li.on a:after {left:0;right:0;}
.sub-menu li:hover a:after {left:0;right:0;}

.sub-menu li a span {display:table-cell;vertical-align:middle;}
.sub-menu .tab--5 li {width:20%;}
.sub-menu .tab--3 li {width:33.333%;}
.sub_menu_cont {position:relative;top:0px;left:0;width:100%;}
.sub_menu_cont.fixed {position:fixed;top:0px;background-color:#f7f7f7;z-index:9999;}

.depth_m { display:none; } 
.depth_list { display:block; } 

@media screen and (max-width: 768px){
	.depth_m { display:block; } 
	.depth_list { display:none; position:absolute; width:calc(100% + 2px); background:#fff; border:1px solid #ddd; border-top:0px; z-index:10; margin-left:-1px; box-shadow: 0 8px 10px rgb(0 0 0 / 5%);  } 	
	.depth_m { position:relative; height:49px; } 
	.depth_m > a { position:relative; display:block;  font-size:1.063rem; color:#333; height:100%; padding:15px 60px 15px 15px; transition:all 0.3s; } 
	.depth_m > a .arrowicon { position:absolute; right:8px; top: 13px; opacity:0.5; transition:all 0.3s; }
	.depth_m > a:hover { background:#f1f1f1; } 
	.depth_m > a.ov { background:#f1f1f1; } 
	.depth_m > a.ov .arrowicon { transform:rotate(180deg); color:#666; } 

	.sub-menu ul { display:flex; flex-direction:column; text-align:left; } 
	.sub-menu ul li { height:revert; padding:10px 15px; } 
	.sub-menu ul li:hover { background:#f1f1f1; } 
	.sub-menu ul li a { text-align:left; } 
	.sub-menu ul li a:after { display:none; } 
	.sub-menu ul li.on { color:var(--menu); }
	.sub-menu ul li.on:after { content:'done'; position:absolute; font-family:'Material Icons'; font-size:; color:var(--menu); right:12px; top:50%; transform:translateY(-50%); } 
} 

@media screen and (min-width: 1025px){
	.sub-menu li.on a, 
	.sub-menu li:hover a {color:var(--menu); }
}

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.sub-menu { min-height:50px; } 
	.sub-menu li { height:50px;}
	.sub-menu li:before {top:13px;}
	.sub-menu li a {font-size:0.938rem;}
	.sub-menu li a:after {bottom:0;}
	.sub_menu_cont.fixed {top:59px;}
}
@media screen and (max-width: 980px){

}
@media screen and (max-width: 768px){
	.sub_menu_cont {-ms-overflow-style: none;}
	.sub_menu_cont::-webkit-scrollbar {display:none;}

	.sub-menu .menugra { display:block; }
	.sub-menu .menuarrow { display:block; }

	.sub_menu_cont { position:absolute; } 
}
@media screen and (max-width: 480px){
}





/***********************************************************************
	서브 탭메뉴 3차 카테고리
************************************************************************/
.sub__tab {position:relative;margin-top:50px;margin-bottom:50px;}
.sub__tab:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#eee;}
.sub__tab ul {display:table;table-layout:fixed;width:100%;height:60px;text-align:center;}
.sub__tab li {display:table-cell;vertical-align:middle;position:relative;}
.sub__tab a {display:block;font-weight:300;font-size:18px;color:#333;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.sub__tab li:after {content:'';position:absolute;left:50%;right:50%;bottom:1px;height:2px;background-color:#939598;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.sub__tab li.on:after {left:0;right:0;}
.sub__tab li.on {position:relative;}
.sub__tab li.on a {font-weight:600;color:#111;}
@media screen and (min-width: 1025px){
	.sub__tab li:hover {position:relative;font-weight:600;color:#fdb812;}
	.sub__tab li:hover a {font-weight:600;color:#111;}
	.sub__tab li:hover:after {left:0;right:0;}
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
	.sub__tab {margin-bottom:30px;}
	.sub__tab li a {font-size:16px;}
}
@media screen and (max-width: 640px){
	.sub__tab ul {height:40px;}
	.sub__tab li {margin:0 5px;}
	.sub__tab li a {font-size:15px;}
}




/***********************************************************************
	서브 타이틀 관련
************************************************************************/
.sub__content { padding-top:3.125rem; /*margin-top:1.875rem;*/}
.sub__head {display:none;margin-bottom:1.875rem;padding-top:4.375rem;}
.sub__title {font-weight:600;font-size:2.188rem;color:#333;text-align:center;line-height:1;}
.sub__desc {display:block;margin-top:10px;font-weight:400;font-size:13px;color:#999;}
.sub__title br {display:none;}
@media screen and (max-width: 1024px){
	.sub__title span {padding-top:5px;/*font-size:20px;*/}
}
@media screen and (max-width: 768px){
	.sub__title {font-size:25px;}
	.sub__head {margin-bottom:30px !important;padding-top:50px;}
}
@media screen and (max-width: 640px){
	.sub__content {padding-top:2rem;}
}



/***********************************************************************
	서브 슬라이드
************************************************************************/
#sub__slider {position:relative;padding:0 !important; margin-top:90px; }
#sub__slider .slider__infos {overflow:hidden;height:280px;}
/*배경*/
#sub__slider .slider__thumb {position:relative;width:100%;height:100%;}
#sub__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#sub__slider .slider__thumb .slider__thumb_mo {display:none;}
#sub__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#sub__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
/*슬로건*/
#sub__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}
#sub__slider .slider__slogun { display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:600;font-size:40px;line-height:1;color:#111;text-shadow:0 0 8px  #fff; letter-spacing:-0.05em;  }/*-webkit-text-stroke:0.7px #000;*/
#sub__slider .slider__slogun > b {display:block;font-weight:700;font-size:2.5rem;line-height:1;color:#111; }
#sub__slider .slider__slogun > strong {display:block;font-weight:500;font-size:35px;color:#111;}
#sub__slider .slider__slogun > p {margin-top:1rem;font-weight:400;font-size:1.563rem;line-height:1.4;color:#111;letter-spacing:-0.05em;}
#sub__slider .slider__slogun > p strong {font-weight:500;}
#sub__slider .slider__slogun > img { -o-object-fit: cover;object-fit: cover; transition:all 0.3s ease;} 

@media screen and (max-width: 1024px){
	#sub__slider { margin-top:60px; } 
	#sub__slider .slider__slogun ,
	#sub__slider .slider__slogun > b {font-size:35px;}
	#sub__slider .slider__slogun > strong {font-size:30px;}
	#sub__slider .slider__slogun > p {font-size:20px;}
}
@media screen and (max-width: 768px){
	#sub__slider .slider__infos {height:250px;}
	#sub__slider .slider__slogun { margin:0 15px; } 
	#sub__slider .slider__slogun ,
	#sub__slider .slider__slogun > b {font-size:30px;}
	#sub__slider .slider__slogun > strong {font-size:25px;}
	#sub__slider .slider__slogun > p {font-size:18px;}
	#sub__slider .slider__slogun img { max-width:65%; } 
	.eng #sub__slider .slider__slogun img { max-width:85%; } 
}
@media screen and (max-width: 540px){
	#sub__slider .slider__infos {height:180px;}
}
@media screen and (max-width: 480px){
	#sub__slider .slider__slogun ,
	#sub__slider .slider__slogun > b {font-size:25px;}
	#sub__slider .slider__slogun > strong {font-size:20px;}
	#sub__slider .slider__slogun > p {font-size:16px;}
}


/* ------------------------------------------------------------------------
@ 서브비주얼 TYPE1 : by 소정씨 
------------------------------------------------------------------------ */
#sub__slider.subvisual_type1 .slider__infos {height:auto;}
#sub__slider.subvisual_type1 .slider__thumb {width:70%;height:650px;margin:0 auto;margin-top:210px;}
#sub__slider.subvisual_type1 .slider__mxw {position:absolute;height:210px;opacity:1;transition:all 0.4 ease;}
@media screen and (max-width: 1920px){
	#sub__slider.subvisual_type1 .slider__thumb {width:93%;}
}
@media screen and (max-width: 1200px){
	#sub__slider.subvisual_type1 .slider__thumb {width:95%;}
	#sub__slider.subvisual_type1 .slider__thumb {height:500px;}
}
@media screen and (max-width: 1024px){
	#sub__slider.subvisual_type1 .slider__mxw {height:180px;}
	#sub__slider.subvisual_type1 .slider__thumb {height:320px;margin-top:180px;}
}
@media screen and (max-width: 480px){
	#sub__slider.subvisual_type1 .slider__mxw {height:150px;}
	#sub__slider.subvisual_type1 .slider__thumb {height:250px;margin-top:150px;}
}



/* ------------------------------------------------------------------------
@ 서브비주얼 TYPE2 : Swiper
------------------------------------------------------------------------ */
#sub__slider.subvisual_type2 { margin-top:0px; }
#sub__slider.subvisual_type2 .slider__infos {height:25rem;}
#sub__slider.subvisual_type2 .slider__thumb {width:100%;height:25rem;margin:0 auto;}
#sub__slider.subvisual_type2 .slider__mxw {height:25rem;}
#sub__slider.subvisual_type2 .slider__thumb .slider__thumb_bg { opacity:0; } 


#sub__slider.subvisual_type2 .slider__slogun { display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:600; font-size:2.5rem;line-height:revert;color:#fff; text-shadow:0 0 5px  #111;text-shadow:none; letter-spacing:-0.05em;  }/*-webkit-text-stroke:0.7px #000;*/
#sub__slider.subvisual_type2 .slider__slogun > b {position:relative;display:block;font-weight:600;font-size:2.5rem;line-height:revert;color:#fff;text-shadow:0 0 5px  #111; overflow:hidden;}
#sub__slider.subvisual_type2 .slider__slogun > p {position:relative;margin-top:1rem;font-weight:400;font-size:1.25rem;line-height:1.4;color:#fff;text-shadow:0 0 5px  #111;letter-spacing:0;overflow:hidden;}
#sub__slider.subvisual_type2 .slider__slogun > p > b { font-weight:600; } 
#sub__slider.subvisual_type2 .slider__slogun > b > span,
#sub__slider.subvisual_type2 .slider__slogun > p > span { display:block; position:relative; opacity:0; } 

/* PRODUCT 메뉴 공간 및 타이틀 : 2021.11.11 */
.spot_v3 { margin-top:130px !important; } 
.product_title_wrap { letter-spacing:-0.05em; }
.product_title_wrap .product_title { font-size:2.188rem; font-weight:500; color:#333; letter-spacing:-0.05em;padding-bottom:8px;} 
.product_title_wrap .product_desc { font-size:1.375rem; font-weight:400; color:#666; letter-spacing:-0.05em;} 

@media screen and (max-width: 1024px){
	#sub__slider.subvisual_type2 { margin-top:60px; }
}
@media screen and (max-width: 768px){
	#sub__slider.subvisual_type2 .slider__infos, #sub__slider.subvisual_type2 .slider__thumb, #sub__slider.subvisual_type2 .slider__mxw {height:16rem;}
}
@media screen and (max-width: 540px){

}
@media screen and (max-width: 480px){

}



/* ------------------------------------------------------------------------
@ 서브비주얼 TYPE3 : Curve
------------------------------------------------------------------------ */ 
.subvisual_type3 { margin-top:90px; position:relative; min-height:40.625rem; z-index:3; z-index:-1; } 
.subvisual_type3.spot {overflow:hidden;}
.subvisual_type3 .front, .subvisual_type3 .back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.subvisual_type3 .front .inner, .subvisual_type3 .back .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; }

.subvisual_type3 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.subvisual_type3 .bg:after { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.05; background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0)); height: 100%; content: ''; }
.subvisual_type3 .bg .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 50% top no-repeat; background-size: cover !important; background-attachment: fixed; opacity:0; }
.subvisual_type3 .bg .img .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.subvisual_type3 .bg .img .over.color1 { background-color: rgba(0, 0, 0, 0.3); }/*fdb811*/
.subvisual_type3 .bg .img:after { background: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; }
.subvisual_type3_title {position: fixed;top: 0; left: 0;right:0;transform:translateY(0);opacity:0; }
.subvisual_type3_title h2 {position:relative; font-family:var(--kotitle); ;font-weight:500;font-size:3.125rem;color:#2e3539;line-height:1.3; }
.subvisual_type3_title .desc { position:relative; font-family:var(--nanumR); font-size:1.125rem; color:#666; line-height:1.66; padding-top:2rem; } 

@media screen and (max-width: 1200px){
	.subvisual_type3_title h2 {font-size:2.5rem;}
}
@media screen and (max-width: 1024px){
	.subvisual_type3 { min-height:33.438rem;  } 
	.subvisual_type3_title h2 {font-size:2.188rem; margin-bottom:2rem;}	
}
@media screen and (max-width: 768px){
	.subvisual_type3_title h2 {font-size:1.875rem; margin-bottom:1.8rem;}	
    .subvisual_type3 {min-height:25rem;}
}
@media screen and (max-width: 414px){
	.subvisual_type3_title {transform:translateY(0%)}
	.subvisual_type3_title h2 {font-size:1.563rem;}
	.subvisual_type3_title .desc { font-size:1rem; } 
}
@media screen and (max-width: 375px){
}
@media screen and (max-width: 370px){

}



/* ------------------------------------------------------------------------
@ 서브비주얼 TYPE4 : FULL IMAGE
------------------------------------------------------------------------ */ 
#sub__slider.subvisual_type4 { overflow-x:clip; overflow:hidden; margin-top:0px; }
#sub__slider.subvisual_type4 .slider__infos {height:550px;;}
#sub__slider.subvisual_type4 .slider__thumb {width:100%;height:100%;margin:0 auto;}
#sub__slider.subvisual_type4 .slider__mxw { max-width:1170px; height:100%;}
#sub__slider.subvisual_type4 .slider__thumb .slider__thumb_bg { opacity:0; } 


#sub__slider.subvisual_type4 .slider__slogun { display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;font-weight:600; font-size:2.5rem;line-height:revert;color:#fff; text-shadow:0 0 5px  #111;text-shadow:none; letter-spacing:-0.05em;  }/*-webkit-text-stroke:0.7px #000;*/
#sub__slider.subvisual_type4 .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:3.5rem;line-height:revert;color:#fff;text-shadow:0 0 5px  #111; word-break:keep-all; }
#sub__slider.subvisual_type4 .slider__slogun > p {position:relative;margin-top:1.563rem;font-weight:500;font-size:1.25rem;line-height:1.4;color:#fff;text-shadow:0 0 5px  #111;letter-spacing:0;word-break:keep-all; }
#sub__slider.subvisual_type4 .slider__slogun > p > b { font-weight:600; } 
#sub__slider.subvisual_type4 .slider__slogun > b > span,
#sub__slider.subvisual_type4 .slider__slogun > p > span { display:block; position:relative; opacity:0; } 


.sub_menu_new_wrap { position:relative; height:70px; margin-top:-70px; z-index:11; }
.sub_menu_new_wrap:before { content:''; position:absolute; left:0px; top:0px; width:30%; height:70px; background:#fff; } 

.sub_menu_new_inner { position:relative; display:flex; align-items:center; max-width:1170px; margin:0 auto; } 


.sub_menu_new {position:relative;max-width:950px; min-width:50%; min-height:70px; z-index:9; background:#fff; }
.sub_menu_new:after { }

.sub_menu_new ul {display:flex; width:100%;height:100%;max-width:1170px;margin:0 auto;text-align:center; padding-right:2.5rem; }
.sub_menu_new li {position:relative;height:70px;padding:0 2rem;box-sizing:border-box;vertical-align:middle;}
.sub_menu_new.c13 li { padding:0 14px; } 
.sub_menu_new.c32 li { padding:0 14px; } 
.sub_menu_new li:after {content:'';position:absolute;left:50%;right:50%;top:0px;height:5px;background-color:var(--menu);z-index:-1; transition:all 0.3s ease-out; }

.sub_menu_new li:last-child {margin-right:0 !important;}
.sub_menu_new li a {position:relative;display:table;width:100%;height:100%; font-size:1.125rem;font-weight:500;color:#333;text-align:center;box-sizing:border-box; word-break:keep-all; box-shadow:0 0 1px transparent;box-sizing:border-box;letter-spacing:-0.6px;line-height:1.3;transition-duration:0.3s;}
/*
.sub_menu_new li a:after {content:'';position:absolute;left:50%;right:50%;top:0px;height:10px;background-color:var(--menu);z-index:-1; transition:all 0.3s ease-out; }
*/
.sub_menu_new li.on a { color:var(--menu); } 
.sub_menu_new li.on:after {left:0;right:0;}
.sub_menu_new li:hover:after {left:0;right:0;}
.sub_menu_new li a span {display:table-cell;vertical-align:middle;}
.sub_menu_text { position:relative; margin-left:-5px; margin-top:5px; font-size:5rem; color:#fff; font-weight:800; line-height:0.05; text-transform:uppercase; letter-spacing:-0.06em;  } 

#wrap.en .sub_menu_new li a {  font-size:1.063rem;}

@media screen and (max-width: 1630px){

}
@media screen and (max-width: 1440px){

}
@media screen and (max-width: 1200px){
	#sub__slider.subvisual_type4 .slider__mxw { margin:0 15px; } 
	.sub_menu_new_inner { margin:0 15px; } 

	.sub_menu_new_wrap { height:60px; margin-top:-60px; z-index:11; }
	.sub_menu_new_wrap:before { height:60px; } 
	.sub_menu_new { min-height:60px; } 
	.sub_menu_new li { height:60px; padding:0 1.25rem; } 
	.sub_menu_text { font-size:80px; } 
}

@media screen and (max-width: 1024px){
	#sub__slider.subvisual_type4 {  }
	#sub__slider.subvisual_type4 .slider__infos {height:70vh;}
	#sub__slider.subvisual_type4 .slider__slogun > b { font-size:3rem; } 

	#sub__slider.subvisual_type4 .sub_menu_new_wrap { display:none; }
	
}
@media screen and (max-width: 768px){
	#sub__slider.subvisual_type4 .slider__mxw { margin:0; } 
	#sub__slider.subvisual_type4 .slider__infos {height:50vh;}
	#sub__slider.subvisual_type4 .slider__slogun { margin:0 15px; } 
	#sub__slider.subvisual_type4 .slider__slogun > b { font-size:2.25rem; } 
	#sub__slider.subvisual_type4 .slider__slogun > p { font-size:1.125rem; } 
}
@media screen and (max-width: 540px){

}
@media screen and (max-width: 480px){
	#sub__slider.subvisual_type4 .slider__slogun > b { font-size:2rem; } 
	#sub__slider.subvisual_type4 .slider__slogun > p { font-size:1rem;  } 
}




.sub__position {position:absolute;left:0;top:-300px;width:1px;height:330px;}
.sub_section_top {position:relative;margin-bottom:100px;}
.sub_section_top .subvisual_type3 {height:auto !important;min-height:100%;z-index:-2;}
.sub_section_top .subvisual_type3_title h2 {color:#1a1a1a;}
.sub_section_top .subvisual_type3_title.stop {position:absolute; }
@media screen and (max-width: 1230px){
	.sub_section_top {margin-bottom:95px;}
}
@media screen and (max-width: 767px){
	.sub_section_top {margin-bottom:70px;}
}
@media screen and (max-width: 480px){
	.sub_section_top {margin-bottom:50px;}
}
@media screen and (max-width: 425px){
}


/* 서브비주얼 없을때 특정공간정도*/
.novisual { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f7f7f7; position:relative; min-height:300px; z-index:3; z-index:-1; color:rgba(0,0,0,0.3); } 
.novisual .material-icons { margin-bottom:5px; color:rgba(0,0,0,0.2); } 


/* 현재위치바 */
.sub__navbar {position:absolute;left:0;right:0;width:100%;bottom:80px;text-align:right;font-size:0.938rem;color:#fff;letter-spacing:-0.5px; z-index:10; opacity:0.8; }
.sub__navbar strong {font-weight:300;letter-spacing:-0.7px;}
.sub__navbar span {display:inline-block;  }
.sub__navbar .material-icons { margin-bottom:1px; color:#fff; } 
/*.sub__navbar .arrow { width:10px; font-size:12px !important; margin-right:5px; display:inline-block; color:rgba(0, 0, 0, 0.5);  } */
/*
.sub__navbar .arrow:after {  
	content:''; padding-right:0px;  
	border:solid rgba(0, 0, 0, 0.3); border-width:0 1px 1px 0; display:inline-block; margin-top:1px; padding:0.2rem ; 
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
} 
*/
.subvisual_type2 .sub__navbar { bottom:1.875rem; }

@media screen and (max-width: 768px){
	/*.sub__navbar {position:relative;margin-top:20px;}*/
	.sub__navbar {left:0;bottom:1.25rem; }
	.sub__navbar strong {letter-spacing:0;}
}
@media screen and (max-width: 640px){
}



/***********************************************************************
	검색 페이지
************************************************************************/
.SEARCH__CONTENT {padding-top:215px;}
#search__section {margin-bottom:0 !important;}
#search__section h3 {display:block;margin-bottom:30px;font-weight:400;font-size:24px;color:#464f5d;text-align:center;word-break:keep-all;}
#search__section h3 strong {color:#0081cc;}
#search__section .search-con {margin-bottom:40px;}
#search__section .search-tit {position:relative;height:60px;padding:10px 0;padding-left:15px;border:1px solid #ddd;box-sizing:border-box;}
#search__section .search-tit .title {margin-top:0 !important;margin-bottom:0;font-weight:500;font-size:22px;color:#1a1a1a;text-align:left;line-height:40px;}
#search__section .search-tit .title .point-color {display:inline-block;padding-top:0;font-size:17px;}
#search__section .search-more {position:absolute;top:18px;right:20px;}
#search__section .search-more a {font-size:13px;color:#111;letter-spacing:0;}
#search__section .search-list li {border-bottom:1px solid #ddd;padding:30px 15px;}
#search__section .search-list .tit {margin-bottom:15px;font-size:20px;font-weight:500;line-height:1.3;color:#1a1a1a;}
#search__section .search-list .tit a {color:#464f5d;}
#search__section .search-list .desc {margin-bottom:15px;font-size:16px;color:#808080;line-height:1.5;}
#search__section .search-list mark {background-color:#c1e0f3;color:#0081cc;}
#search__section .search-list .cat {font-size:14px;color:#999;letter-spacing:0;}
#search__sectionmark {background-color:#dfdfdf;}
#search__section .no-result {padding:20px 15px;text-align:center;font-size:16px;font-weight:400;color:#333;}
#search__section .page-1 {margin-top:30px;}
@media screen and (max-width: 1024px){
	.SEARCH__CONTENT {padding-top:120px;}
}
@media screen and (max-width: 768px){
	#search__section .search-list li {padding:25px 15px;}
	#search__section .search-tit .title {font-size:18px;}
	#search__section .search-list .tit {font-size:18px;}
}
@media screen and (max-width: 640px){
	#search__section .search-list li {padding:25px 0;}
	#search__section .search-list .desc {font-size:15px;}
	#search__section h3 {font-size:20px;}
}


/***********************************************************************
	관리자 버전 추가
************************************************************************/
.admin_chk { position: fixed; top: 0; left: 0; width: 100%; background: #ddd; text-align: center; z-index: 99; }
.admin_chk #admin_chk1 { margin-right: 20px; }
.admin_chk input[type=radio] { width: 15px; height: 15px; line-height: 25px; margin-left: 5px; vertical-align: middle; }
.admin_chk .adm_menu_btn { margin-left: 30px; }
.admin_menu { display: none; position: fixed; top: 24px; left: 0; width: 500px; text-align: center; z-index: 9999; }
.admin_menu strong { display: block; width: 100%; height: 40px; line-height: 40px; background: #fff; border-bottom: 1px solid #ccc; }
.admin_menu .menu_list { }
.admin_menu .menu_list li { border-bottom: 1px solid #ccc; }
.admin_menu .menu_list li button { display: block; width: 100%; height: 25px; line-height: 25px; background: #fff; border: 0; cursor: pointer; }
.admin_menu .menu_list li button:hover { background: #ddd; }



/***********************************************************************
	viewShare
************************************************************************/
.viewShare {overflow:hidden;text-align:center;margin-top:80px;}
.viewShare .t {display:block;margin-bottom:10px;font-weight:600;font-size:18px;color:#333;}
.viewShare .t span {font-weight:300;}
.viewShare a {display:inline-block;width:40px;height:40px;margin-right:5px;background-size:cover;background-repeat:no-repeat;background-position:center;background-size:100%;}
.viewShare a:last-child {margin-right:0 !important;}
.viewShare a.btn-share-f {background-image:url(../../images/board/share_facebook.png);}
.viewShare a.btn-share-g {background-image:url(../../images/board/share_google.png);}
.viewShare a.btn-share-ko {background-image:url(../../images/board/share_kakao.png);}
.viewShare a.btn-share-t {background-image:url(../../images/board/share_twitter.png);}
.viewShare a.btn-share-k {background-image:url(../../images/board/share_kakaos.png);}
.viewShare a.btn-share-n {background-image:url(../../images/board/share_naver.png);}
@media screen and (min-width: 1025px){
	.viewShare a.btn-share-f:hover {background-image:url(../../images/board/share_facebook_ov.png);}
	.viewShare a.btn-share-g:hover {background-image:url(../../images/board/share_google_ov.png);}
	.viewShare a.btn-share-ko:hover {background-image:url(../../images/board/share_kakao_ov.png);}
	.viewShare a.btn-share-t:hover {background-image:url(../../images/board/share_twitter_ov.png);}
	.viewShare a.btn-share-k:hover {background-image:url(../../images/board/share_kakaos_ov.png);}
	.viewShare a.btn-share-n:hover {background-image:url(../../images/board/share_naver_ov.png);}
}
@media screen and (max-width: 768px){
	.viewShare {margin-top:50px;}
	.viewShare .t  {font-size:16px;}
	.viewShare a {width:30px;height:30px;background-size:cover !important;}
}


/*관리 프로그램*/
@media screen and (min-width: 1025px){
	#v2__contentPage--3 .layout__left .image_div .image:hover {-webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
	#v2__contentPage--3 .layout__left .info-table {padding-left:112px;}
	#v2__contentPage--3 .layout__right .image_div .image:hover {-webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
}







/*-----------------------------------------------------------------------------

@People : List

-----------------------------------------------------------------------------*/ 

#people .list_photo .thk-inner { position:relative; padding:0px; box-sizing:border-box; } 
#people .list_photo .thk-row {  margin-right:-30px;  } 
#people .list_photo .thk-col {  border-radius:0.5rem; border:1px solid #ddd;  margin-bottom: 30px !important; margin-right:30px !important; box-sizing:border-box; transition:all .4s ; }  /*border:1px solid #ddd;*/
#people .list_photo .thk-col:hover { border:1px solid #d0d0d0; box-shadow:0px 8px 25px 0px rgb(0 0 0 / 15%);} 

#people .list_photo .thk-col .thk-inner {  } 

#people .list_photo .row-md6 .thk-col { flex: 0 0 auto; width: calc((100% / 6 ) - 30px); } 
#people .list_photo .row-md5 .thk-col { flex: 0 0 auto; width: calc((100% / 5 ) - 30px); } 
#people .list_photo .row-md4 .thk-col { flex: 0 0 auto; width: calc((100% / 4 ) - 30px); }	 
#people .list_photo .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 3 ) - 30px); }	 


#people .list_photo .list_bg { position:relative;  overflow:hidden; border-radius:0.5rem 0.5rem 0 0; }
#people .list_photo .list_img { width:100%; padding-top: 70%; position: relative;overflow:hidden; transition:all .3s ease;} 
#people .list_photo .list_img img {display: block;width: 102%;position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; transition:all .3s ease;}


#people .list_photo .list_img:hover { -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} 
#people .list_photo a:hover .list_img { -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} 


#people .list_photo .desc { padding:1.25rem 0.938rem;  } 

#people .list_photo .title_wrap { overflow:hidden;   } 
#people .list_photo .title { -webkit-line-clamp : 1;  line-height:1.5rem; height:1.5rem;  font-size:1.5rem;  color:#333; font-weight:400; box-sizing:border-box; overflow:hidden; text-align:center;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; letter-spacing:-0.05em;} 

#people .list_photo .summary_wrap { overflow:hidden;  padding-top:10px;  } 
#people .list_photo .summary { -webkit-line-clamp : 2;  line-height:1.438rem; height:2.875rem;  font-size:0.938rem;  color:#333; font-weight:300; box-sizing:border-box; overflow:hidden; text-align:center;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 
#people .list_photo .job_wrap { overflow:hidden;  padding-top:0.625rem;  } 
#people .list_photo .job { -webkit-line-clamp : 1;  line-height:1.438rem; height:1.438rem;  font-size:1.125rem;  color:#333; font-weight:300; box-sizing:border-box; overflow:hidden; text-align:center;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 

#people .list_photo .job_btn { text-align:center; padding-top:1.25rem; } 
#people .list_photo .job_btn a { border-radius:0.25rem;  } 


#people .list_photo .date { color:#939393; font-size:0.875rem; padding-top:15px;font-weight:300; } 
#people .list_photo .date .view { float:right; font-size:0.875rem; color:var(--menu); font-weight:300; }  /* padding-left:27px; background:url('/images/common/icon_eye.png') no-repeat 0 2px; */



#people .list_no { padding:6.25rem 0; text-align:center; font-size:14px; line-height:2; font-weight:400; letter-spacing:-1px; margin-bottom:10px;  } 
#people .list_no .msg { font-size:0.938rem; color:#aaa; } 
#people .list_no .material-icons { color:#bbb;  font-size:2.25rem;  }


@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
	#people .list_photo .row-md3 .thk-col { width: calc((100% / 2 ) - 30px); }	 
}
@media screen and (max-width: 540px){
	#people .list_photo .row-md3 .thk-col { width: calc((100% / 1 ) - 30px); }	 
}






/*-----------------------------------------------------------------------------

@People : View

-----------------------------------------------------------------------------*/ 

#people .people_view {} 

#people .people_head {display:flex;margin-top:30px;justify-content:space-between;} /* align-items:center; */
#people .people_left {width:35%;}

#people .people_left .detail_head_thumb_wrap { border:1px solid #dcdcdc;  border-radius:0.5rem; overflow:hidden; box-sizing:border-box;} 
#people .people_left .detail_thumb_img {position:relative;width:100%;height:0;padding-top:80%;  }
#people .people_left .detail_thumb_img img { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%; -o-object-fit: cover;object-fit: cover; }



#people .people_right {width:60%;}

#people .people_right .detail_title {font-weight:500;font-size:2.5rem;color:#1a1a1a; padding-bottom:1rem; letter-spacing:-0.05em; }
#people .people_right .detail_cate { position:relative; display:inline-block; margin-top:0px; margin-bottom:10px; font-weight:300;font-size:1rem;color:#333; background:#eee; padding:3px 12px 4px; border-left:8px solid var(--menu);  }

#people .people_right .detail_summary {margin:70px 0 50px;font-weight:400;font-size:22px;color:#1a1a1a;line-height:1.5;}
#people .people_right .detail_url {margin-top:50px;}
#people .people_right .detail_url a {position:relative;display:block;width:260px;line-height:60px;padding:0 20px;border:1px solid #1a1a1a;font-weight:400;font-size:18px;color:#1a1a1a;box-sizing:border-box;}
#people .people_right .detail_url a:after {content:'';position:absolute;top:0;right:20px;width:8px;height:100%;background-image:url(../../images/hanul/portfolioView2_next2.png);background-repeat:no-repeat;background-position:center;background-size:100%;}
#people .people_right .detail_head_bot {display:flex;margin-top:30px;justify-content:space-between;align-items:center;}


#people .people_right .detail_rows { padding:0.938rem 0; border-bottom:1px solid #eee; display:flex; align-items:center; }
#people .people_right .detail_rows .row_title { position:relative;display:inline-block; width:6rem;  color:#111; font-size:1rem; font-weight:500; display:flex; justify-content: space-between;  }
#people .people_right .detail_rows .row_text { position:relative;display:inline-block; width:calc(100% - 2rem); color:#333; font-size:1.1rem;  line-height:1.7;font-weight:300;vertical-align:top;   word-break:keep-all; }/*white-space: pre;*/
#people .people_right .detail_rows .row_text a { position:relative;color:#333; } 
#people .people_right .detail_rows .row_text a:after { position:absolute; content:''; left:50%; transform:translateX(-50%); bottom:-3px; width:0; height:1px; background:#333; transition:all .3s;  } 
#people .people_right .detail_rows .row_text a:hover:after { width:100%; } 


#people .detail_body {padding:50px 0 70px;}
#people .detail_editor {font-size:17px;line-height:1.7;}
#people .detail_editor * {list-style:revert;padding:revert;}
#people .detail_view_head {margin-bottom:50px;}
#people .detail_view_title {font-weight:500;font-size:1.563rem;color:#1a1a1a;letter-spacing:-0.7px;}

#people .detail_job { font-size:1.125rem; color:#fff; padding:0.938rem 1.25rem; margin-bottom:1.25rem; background:var(--menu); font-weight:400; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.05) 55%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%); background-size: 6px 10px; background-repeat: repeat; box-sizing: border-box; border-radius:0.25rem; } 

#people .people_body { padding:3.125rem 0; border-bottom:1px solid #e9e9e9;  } 
#people .people_sns .viewShare { margin-top:2.5rem; } 


#people .people_btn {margin-top:3.125rem;text-align:center;} 
#people .people_btn a { min-width:15.625rem; } 




@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
	#people .people_head { display:block; } 
	#people .people_left {width:100%;}
	#people .people_right {width:100%; margin-top:20px; }
	#people .detail_job { margin-bottom:1rem; } 
}
@media screen and (max-width: 640px){
}




/*-----------------------------------------------------------------------------

@Policy : 개인정보취급방침, 이용약관

-----------------------------------------------------------------------------*/ 
.privacy-policy2 { width:auto; overflow-y:auto;height:170px;padding:20px;background-color:#fff;border:1px solid #ddd;font-size:14px;line-height:22px;box-sizing:border-box;}
.policy_wrap { margin-top:0px;  }
.policy_row { margin-bottom:3.125rem; } 
.policy_row:last-of-type { margin-bottom:0; } 
.policy_wrap .title { font-size:1.25rem; font-weight:600; margin-bottom:10px; letter-spacing:-0.03em; color:#333;} 
.policy_wrap .policy_subtitle { font-size:1.125rem; font-weight:600; margin-bottom:5px; letter-spacing:-0.03em; color:#333; } 
.policy_wrap .policy_cont { margin-bottom:25px; line-height:1.6; font-size:1rem; word-break:keep-all; color:#777;  } 
.privacy-policy2 .policy_wrap .title { font-size:1.125rem; } 
.privacy-policy2 .policy_wrap .policy_subtitle { font-size:1rem; } 
.privacy-policy2 .policy_wrap .policy_cont { font-size:0.875rem !important;}  

.privacy-policy2 .policy_wrap .cont .sub__table { overflow-x:revert !important; }
.privacy-policy2 .policy_wrap .cont .sub__table table { width:100% !important; } 




/*-----------------------------------------------------------------------------

@SUBMENU.type3 : 공공기관에서 쓸법한 메뉴타입 

-----------------------------------------------------------------------------*/ 
.submenu.type3 { border:1px solid #ddd; margin:0 auto; }
.submenu.type3 a { color:#666; z-index:10; } 

.submenu.type3 .submenu_cont { display:flex; border-left:1px solid #ddd; border-right:1px solid #ddd; } 
.submenu.type3 .depth { position:relative; border-right:1px solid #ddd;} 
.submenu.type3 .depth > a { position:relative; display:block;  font-size:1.063rem; height:100%; padding:12px 60px 10px 15px; transition:all 0.3s; } 
.submenu.type3 .depth:first-of-type > a { padding:10px; color:#999; } 
.submenu.type3 .depth > a .menu_arrow { position:absolute; right:8px; top: 13px; opacity:0.5; transition:all 0.3s; }

.submenu.type3 .depth > a:hover { background:#f1f1f1; } 
.submenu.type3 .depth > a.ov { background:#f1f1f1; } 
.submenu.type3 .depth > a.ov .menu_arrow { transform:rotate(180deg); color:#666; } 

.submenu.type3 .depth_list { display:none; position:absolute; width:calc(100% + 2px); background:#fff; border:1px solid #ddd; border-top:0px; z-index:10; margin-left:-1px; box-shadow: 0 8px 10px rgb(0 0 0 / 5%); } 
.submenu.type3 .depth_list ul { }
.submenu.type3 .depth_list ul li { }
.submenu.type3 .depth_list ul li a { position:relative; display:block;  font-size:0.938rem; color:#999; font-weight:300; padding:5px 10px; transition:all 0.3s;  } 
.submenu.type3 .depth_list ul li a span { position:relative; } 
.submenu.type3 .depth_list ul li a span:after { display:none; content:''; position:absolute; left:0px; bottom:-2px; width:0; height:1px; background:#999; opacity:0.5;transition:all 0.3s;  } 
.submenu.type3 .depth_list ul li a:hover { color:#111; background:#f7f7f7; } 
.submenu.type3 .depth_list ul li a:hover span:after { width:100%; } 

.submenu.type3 .depth_list ul li a.on { color:#333; }
.submenu.type3 .depth_list ul li a.on:after { content:'done'; position:absolute; font-family:'Material Icons'; font-size:; color:var(--menu); right:10px; top:50%; transform:translateY(-50%); } 

@media screen and (max-width: 1200px){
	.submenu.type3 .maxWidth { margin: 0 auto; } 
    .submenu.type3 .submenu_cont { border-left:0; border-right:0; } 
}
@media screen and (max-width: 540px){
	.submenu.type3 .depth1 { display:none; } 
	.submenu.type3 .depth3 { display:none; } 
	.submenu.type3 .depth2 { border-right:0; } 
}