/*서브 비주얼*/
#wrap #sepration { clear:both; height:15rem; text-align:center; overflow:hidden;position:relative;}
@keyframes sub-visual {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
@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);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
#wrap #sepration .sep_img{background:url('/images/default/content/sub_visual01.jpg') no-repeat center top;height:15rem;animation:  sub-visual 5s 0s ease-in-out forwards; width:100%;position:absolute;background-size:cover; transform: scale(1.1);}
#wrap #sepration .section{width:1600px; margin:0 auto;transform: translateY(0);animation-delay: 1s;margin-bottom:3.5rem; height:15rem;display:flex;flex-direction:column;justify-content:center;text-align:left;}
#wrap #sepration h2{font-size:2rem; letter-spacing: -0.02em;font-weight:600; color:#fff;text-transform: uppercase;line-height:1.2;}
#wrap #sepration p{color:#fff;letter-spacing: 0; line-height:1;margin-bottom:1rem;}


/* 서브메뉴 */
.tab_view{display:none;}


.snbWrap #lnb>li>div>ul>li{height:auto;padding:0.25rem 0;font-size:0.9rem;}
/* LNB */
.lm_bg .snb {display: flex; width:1600px; height:4.5rem;margin:0 auto;background:#fff;}
/*.lm_bg .snb ul li:last-child{width: calc( (100% - 4.5rem + 0.4px) / 6);}*/
.lm_bg .snb .home{display:inline-block;width:4.5rem; height:4.5rem; background:#666 url('/images/default/content/home.png') no-repeat center center;}
.lm_bg .snb > div{width:100%;}
.lm_bg .snb .left_menu_mob ul{border:1px solid #c2c0cd;height:3rem;display:flex;}
.lm_bg .snb ul li{width:calc( (100% - 70px ) / 6);height:100%;line-height:3rem;text-align:center;}
.lm_bg .snb ul li a{display:block;width:100%;height:100%;position:relative;font-size:1rem;color:#515574;font-weight:600;}
.lm_bg .snb ul li:not(:last-child) a:after{content:'';display:block;width:1px;height:100%;background:#c2c0cd;top:0;right:0;position:absolute;}

.lm_bg .snb ul li.on {background:#5d5189;}
.lm_bg .snb ul li.on a{color:#fff;}
.lm_bg .snb ul li:hover {background:#5d5189;transition-duration: 0.5s;}
.lm_bg .snb ul li:hover a{color:#fff;}
.lm_bg .snb #home_list li i{color:#fff;font-size:1.2rem;line-height:4.5rem;}

.tab_ul{display:none;}

/*서브 타이틀*/





/* 탭메뉴 */
.tab_menu{width:1600px; margin:0 auto; position:relative; z-index:0;margin-bottom:3.5rem;}
.tab_menu ul{text-align:center;display:flex;}
.tab_menu ul li{}
.tab_menu ul li a{display:inline-block; width:100%;border:1px solid #515574;width:10.5rem;height:3rem;line-height:3rem;text-align:center;color:#515574;font-size:1rem;border-radius:1.5rem;}
.tab_menu ul li.on a{border-color:#5d5189; color:#5d5189;background:#f7f2fd;box-shadow: 5px 1px 15px rgb(93 81 137 / 15%);}
.tab_menu ul li a strong{font-weight:500;}

/*컨텐츠*/
#container .content_body{padding-top:4rem;padding-bottom:7.5rem;}



/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1600px){
	.lm_bg .snb{width:100%;padding:0 1rem;}
	.section_lnb>.inr{width:100%;z-index:9;}
	#wrap #sepration .section{width:100%;padding:0 2rem;}
}


@media (max-width:1300px){
	/* 탭메뉴 */
	.tab_menu{width:100%;}
	.tab_menu ul li a{font-size:1rem;}
	

	/*비주얼*/
	#visual .bxslider li .ptext,
	#visual .bx-wrapper .bx-pager{width: 100%; padding: 0 1rem;}
	#visual .bx-wrapper .bx-pager{width: 100%; left:0; margin-left:0;}


	/*왼쪽메뉴*/
	.lm_bg .left_menu ul{width:100%;}
	.lm_bg .snb{width:100%;}

	/*페이지 타이틀*/
	#container .page_main_title{width: 100%; padding: 0 1rem;}

}




/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	/* 서브비주얼 */	
	#wrap #sepration{height:12rem;}
	#wrap #sepration p{font-size:0.9rem;}
	#wrap #sepration .section{width:100%;height:12rem;}
	#wrap #sepration .sep_img{height:18rem;}

	/* 서브메뉴 */	
	
	.lm_bg .snb{width:100%;}
	.tab_view i{position:absolute; top:50%; right:1rem; margin-top:-9px; display:block; }
	.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{margin-bottom:2rem;}



	/* 탭메뉴 */	
	.tab_menu{margin:2rem 0;}
	.tab_menu ul{display:flex; align-items: center; flex-flow: row wrap; justify-content: space-evenly; }


	/*컨텐츠*/
	#container #section .right_content .content_body{padding-top:3rem;}
	#container .content_body{padding:3rem 0 5rem 0;}
}


/********************************************************
■ 모바일
********************************************************/
@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 #section .right_content .page_main_title h3{margin-bottom:2rem;font-size:1.4rem;}
}