/********************************************************
■ 서브 비주얼
********************************************************/
#wrap #sepration { clear:both; height:21.8rem; text-align:center; overflow:hidden;position:relative;}
#wrap #sepration .sep_img{background:url('/images/default/content/sub_visual01.jpg') no-repeat center top;height:100%;animation:  sub-visual 5s 0s ease-in-out forwards; width:100%;position:absolute;background-size:cover; transform: scale(1.1);}
#wrap #sepration .section{margin:0 auto;transform: translateY(0);animation-delay: 1s; height:100%; padding-top:5rem; display:flex;flex-direction:column;justify-content:center; box-sizing:border-box;}
#wrap #sepration h2{font-size:2.4rem; letter-spacing: -0.02em;font-weight:500; color:#fff; text-shadow:1px 2px 3px rgba(0, 0, 0, 0.1); opacity: 0; animation:  fadeInUp 1.5s 0s ease-in-out forwards; }


@keyframes sub-visual {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(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);
  }
}

@media (max-width:1030px){
	/* 서브비주얼 */	
	#wrap #sepration{height:15rem;}
	#wrap #sepration .section{padding-top:4rem;}


}
/********************************************************
■ 컨텐츠
********************************************************/

/*서브 타이틀*/
#container .page_main_title{max-width:60rem; margin:0 auto; font-size:1.7rem; margin-bottom: 2.5rem;color:var(--black); }
#container .page_main_title h3{position:relative;  line-height:1; padding-top:0.8rem; font-weight: 700;}
#container .page_main_title h3:before{content:""; position:absolute; right:0px; top:0px; width:2.8rem; height:0.15rem; background:var(--main);}

/* 탭메뉴 */
.tab_menu{width:1300px; 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 .content_body{padding:5.9rem 0 10.5rem;}



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

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


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

}




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


	/* 탭메뉴 */	
	.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;}
}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	/* 서브비주얼 */
	#wrap #sepration .sep_img {background-position: 75% center !important;}


	/*탭메뉴*/
	.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 .page_main_title{margin-bottom:2rem;}
}