/*서브 비주얼*/
#wrap #sepration { clear:both; height:16.5rem;overflow:hidden;position:relative; }
@keyframes sub-visual {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

#wrap #sepration .sep_img{background:url('/images/default/content/sub_visual01.jpg') no-repeat center top;height:16.5rem; animation: sub-visual 5s 0s ease-in-out forwards; width:100%;position:absolute;}
#wrap #sepration .section{width:1400px; margin:0 auto; padding-top:3rem; display: flex; flex-direction: column; justify-content: center; animation-delay: 1s; height:16.5rem;opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px); -webkit-transition: 1s 0.4s;transition: 1s 0.4s;}
#wrap #sepration .section.on{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
#wrap #sepration h2{font-size:2.2rem; letter-spacing: -0.01em;font-weight:500; color:#fff; text-transform: uppercase;text-align:left;position:relative;display: inherit;}
#wrap #sepration p{color:#fff;margin-top:0.5rem;}


/* 서브메뉴 */
.tab_view{display:none;}
.lm_bg{border-bottom:1px solid #ddd;}
.lm_bg .snb {width:1400px; margin:0 auto;text-align:center;}
.lm_bg .snb ul:after{content: '';display: block; clear:both; }
.lm_bg .snb ul li{display:inline-block; position:relative;}
.lm_bg .snb ul li a{display:inline-block; font-weight:500; margin:0 4rem; color:#333;position:relative;font-size:1.1rem; height:3.25rem; line-height:3.25rem;}
.lm_bg .snb ul li a:before{content : ""; display : block; position : absolute; left : -4rem; top:30%;  width :1px; height : 40%; background : #ddd;}
.lm_bg .snb ul li:first-child a:before{display:none;}
.lm_bg .snb ul li.on a{color:#2ec1ff;}
.lm_bg .snb ul li a:after{content: ''; display: block; position: absolute;bottom:-1px;left: 0;width: 100%; height: 3px;background-color: #2ec1ff; transform: scaleX(0);transition: 0.3s;}
.lm_bg .snb ul li.on a:after{content: '';display: block;position: absolute;bottom:-1px;left: 0;width: 100%; height: 3px;background-color: #2ec1ff; transform: scaleX(1);}
.lm_bg .snb #home_list li i{color:#fff;font-size:1.2rem;line-height:4.5rem;}
.lm_bg .snb ul li strong{font-weight:500;}


/*서브타이틀*/
#container .content_body {padding: 5rem 0 5rem; min-height:400px;overflow-x: hidden;}
#container .page_main_title{width:1400px; margin:0 auto; font-size:1.6rem; font-weight:600;}


/* 탭메뉴 */
.tab_menu{width:1400px; margin:0 auto; position:relative; z-index:0;margin-bottom:3.5rem;}
.tab_menu ul{text-align:center; overflow:hidden;}
.tab_menu ul li{float:left; width: 33.3333%;}
.tab_menu ul li a{display:inline-block; width:100%; border-bottom: 4px solid #E2E2E2; box-sizing:border-box; padding:1rem 0; text-align:center; font-size:1.1rem; color:#8f8f8f; font-weight:500;}
.tab_menu ul li.on a{border-color:#0043c7; color:#0043c7;}


/*컨텐츠*/
#container{margin:0; padding:0; position:relative;clear:both; }
#container .inn{width:1400px; margin:0 auto; position:relative; line-height:1.3; padding: 4rem 0;} 
#container .inn h3{font-weight: 600;}
#container img{vertical-align:middle;max-width:100%;}
#container .inn{display: flex; justify-content:space-between; align-items: stretch; box-sizing: border-box; }



/********************************************************
■ 레이아웃 변경
********************************************************/

@media (max-width:1400px){
	#wrap #sepration .section{width:100%; padding:4rem 1rem 0;}
	#wrap #sepration h2{font-size:2.25rem;}	


	/* 탭메뉴 */
	.tab_menu{width:100%;}
	.tab_menu ul li a{font-size:1rem;}
	
	/*왼쪽메뉴*/
	#lnb{width:100%;}
	.lm_bg .left_menu ul{width:100%;}
	.lm_bg .snb{width:100%;}

	/*컨텐츠*/
	#container .inn{width:100%; padding: 4rem 2rem;}
	#container .page_main_title{width:100%; padding:0 1rem; font-size:1.5rem;}

}



/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	/* 서브비주얼 */	
	#wrap #sepration p{margin-top:0rem;font-size:0.9rem;}
	#wrap #sepration .sep_img{background-position:70% center !important;}


	/* 서브메뉴 */	
	.snbWrap{display:none;}
	.lm_bg .snb{width:100%;transform: translateY(0);height:0;z-index:1; text-align:left;}
	.lm_bg{ border:none;z-index:10;}
	.tab_view{display:block; cursor:pointer;background:#1C8DD9; background-size:12px auto; font-size:1.1rem; box-sizing:border-box; color:#fff; box-sizing:border-box; padding-left:1rem; font-weight:normal; position:relative; text-align: left;height:3rem;line-height:3rem;}
	
	.tab_view i{position:absolute; top:0; right:1rem; display:block; font-size:1.75rem;}
	.tab_view.on{cursor:pointer; }
	.tab_view.on i{transform:rotateX(180deg);}
	.left_menu {position:relative;box-sizing:border-box; height:0; width:100%;}
	.left_menu ul{display:none; z-index:100;position:absolute;width:100%;left:0;  margin:0 auto; line-height:0; background:#fff; box-shadow:3px 2px 15px 1px rgb(0 0 0 / 15%);}
	.lm_bg .left_menu ul:after{display:none;}
	.lm_bg .left_menu ul li {width:100% !important;border:none !important; margin-left:0; vertical-align:middle; box-sizing:border-box; text-align:left;}
	.lm_bg .left_menu ul li a {display:block; line-height: 1.0; height:3rem; line-height:3rem; margin:0; font-weight:500; font-size:1.1rem; color:#888;text-transform:capitalize; padding-left:1rem; border-bottom:1px solid #ddd;}
	.lm_bg .left_menu ul li a:before{display:none;}
	.lm_bg .left_menu ul li:nth-child(2n) a{}
	.lm_bg .left_menu ul li strong{ font-weight:500;} 
	.lm_bg .left_menu ul li.on a:before{display:none;}
	.lm_bg .left_menu ul li.on a{background:none; color:#000;}
	.lm_bg .left_menu ul li.on a:after{display:none;}
	.lm_bg .snb ul li.on{}
	.lm_bg .snb ul li a:after{display:none;}
	.lm_bg .snb ul li:before{display:none;}



	/*비주얼*/
	#visual .bxslider li{height:36rem;}
	#visual .bx-wrapper .bx-controls{bottom: 7rem;}


	/*컨텐츠*/
	#container #section .right_content .content_body{padding:3rem 0;}
	#container .inn {padding: 3rem 1.5rem;}

	/* 서브메뉴 상단 고정 추가 2022-01-17*/
	#wrap {overflow: inherit;}
	#footer {overflow-x: hidden;}
	.lm_bg {position: sticky;top: 3.6rem;z-index: 1;background-color: #fff;}
}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	/*탭메뉴*/
	.tab_menu ul li a{display:block; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center; height:50px; line-height:1.1;}


	/*컨텐츠*/
	#container .inn {padding: 3rem 1rem;}
	#container #section .right_content .page_main_title h3{margin-bottom:2rem;font-size:1.4rem;}
}

@media (min-width:1031px){
	/* 서브메뉴 상단 고정 추가 2022-01-17*/
	#wrap {overflow: inherit;}
	#footer {overflow-x: hidden;}
	.lm_bg {position: sticky;top: 60px;z-index: 1;background-color: #fff;}
}