/*서브 비주얼*/
#wrap #sepration { clear:both; height:23rem; text-align:center;position:relative;z-index:2;margin-top:5rem;}
@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);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

#wrap #sepration .sep-img-bx{position:absolute;overflow:hidden;padding-top:23rem;width:1800px;left:50%;margin-left:-900px;border-radius:30px;}
#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);top:0;}
#wrap #sepration .section{ margin:0 auto;transform: translateY(0);animation-delay: 1s;margin-bottom:3.5rem; height:23rem;display:flex;flex-direction:column;justify-content:center;padding-top:5rem;}
#wrap #sepration h2{font-size:3.25rem; letter-spacing: -0.02em;font-weight:800; color:#fff;     text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);text-transform: uppercase;line-height:1;    animation: textSpacing 1s 0.3s both;}

@keyframes textSpacing{
	0%{ opacity: 0; letter-spacing:  0.5rem; }
	100%{ opacity: 1; letter-spacing: -0.02em; }
}


/* 서브메뉴 */
.tab_view{display:none;}
.snbWrap #lnb>li>div>ul>li{height:auto;padding:0.25rem 0;font-size:0.9rem;}
/* LNB */  
.lm_bg{width:100%;z-index:1;}
.lm_bg .snb {display: flex; width:100%; height:80px;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ddd;z-index:1;position:absolute;}
.lm_bg .snb > div{width:100%;}
.lm_bg .snb > div  ul {width:1600px;margin:0 auto;height:100%;}
.lm_bg .snb ul li{float:left;height:80px;line-height:80px;text-align:center;position:relative;}

.lm_bg .snb ul li:not(:last-child):after{content:'';display:block;position:absolute;width:1px;height:1rem;right:0;top:50%;transform:translateY(-50%);background:#ddd;
}
.lm_bg .snb ul li a{display:block;width:100%;height:100%;position:relative;font-size:1rem;}
.lm_bg .snb ul li.on {}
.lm_bg .snb ul li.on a{color:#004ea2;}
.lm_bg .snb ul li.on a:after{content:'';display:block;position:absolute;background:#004ea2;width:100%;height:2px;bottom:0;left:0;}
.lm_bg .snb ul li a:before{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #004ea2;transition:  all 0.4s ease-in-out;}
.lm_bg .snb ul li a:hover:before{width:100%;margin-left:-50%;}
.lm_bg .snb ul li a:hover{color:#004ea2;font-weight:700;}

.lm_bg .snb ul li.on a strong{position:relative;}
.lm_bg .snb ul li.on a strong:after{content:'';display:block;position:absolute;width:0.55rem;height:0.6rem;background:url(/images/default/main/text-point.png)no-repeat center center;background-size:cover;left:-0.5rem;top:-0.5rem;}
.lm_bg .snb #home_list li i{color:#fff;font-size:1.2rem;line-height:4.5rem;}
.tab_ul{display:none;}


/*서브 1차메뉴*/
#lnb{display:flex;justify-content:center;margin-top:2.5rem;}
#lnb .depth1{display:none;}
#lnb > li{padding:0 0.75rem;position:relative;}
#lnb > li:not(:nth-child(2)):after{content:'';display:block;position:absolute;width:4px;height:4px;background:#fff;right:0;top:50%;transform:translate(50%,-50%);
}
#lnb > li > a{color:#fff;}
#lnb > li > div {position:absolute;top:2rem;left:0;background:#004ea2;width:100%;padding:1rem ;border-radius:0.5rem;}
#lnb > li > div ul > li {text-align:left;}
#lnb > li > div ul > li > a{font-size:0.8rem;color:rgba(255,255,255,0.6);}
#lnb > li > div ul > li > a:hover{color:#fff;border-bottom:1px solid #fff;}
#lnb > li .unfd{display:none;}
#lnb > li.depth0 > a{padding-right:1.6rem;position:relative;}
#lnb > li.depth0:after{content:'';display:block;position:absolute;width:13px;height:8px;background:url(/images/default/content/sub-arrow.png)no-repeat center center;background-size:cover;right:0;top:0.5rem;}



/*서브 타이틀*/
#container .page_main_title{width:1600px;margin:0 auto;text-align:center;text-align:left;margin-bottom:3.75rem;padding-top:5rem;text-align:center;}
#container .page_main_title h3{ font-size:2.75rem;color:#333;font-weight:800;line-height:1;}
#container .page_main_title h3 span {line-height:1;display:block;}


/* 탭메뉴 */
.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-bottom:5rem;padding-top:4rem;}




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


@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;margin-bottom:3rem;}
	#container .page_main_title h3{font-size:2rem;}
	#container .content_body{padding-top:6rem;}

}




/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	/* 서브비주얼 */	
	#wrap #sepration{height:18rem;margin-top:4rem;}

	#wrap #sepration h2{font-size:3rem;}
	#wrap #sepration .section{width:100%;height:18rem;}
	#wrap #sepration .sep_img{height:18rem;}
	#wrap #sepration .sep-img-bx{padding-top:18rem;}
	#container .content_body{padding-top:4rem;}

	/* 서브메뉴 */	
	.snbWrap{display:none;}
	.lm_bg .snb{width:100%;transform: translateY(0);height:0;z-index:1;}
	.lm_bg .snb .home{display:none;}
	.lm_bg{ border-top:none;z-index:10;}
	.tab_view{display:block; cursor:pointer;background:#f7f7f7; background-size:12px auto; font-size:0.9rem; box-sizing:border-box; color:#333; box-sizing:border-box; padding-left:1rem; font-weight:600; position:relative; text-align: left;height:3rem;line-height:3rem;}
	
	.tab_view i{position:absolute; top:50%; right:1rem; margin-top:-9px; display:block;font-size:1.05rem; }
	.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; border-bottom:1px solid #ddd;}
	.lm_bg .left_menu ul:after{display:none;}
	.lm_bg .left_menu ul li {width:100% !important; border-top:1px solid #EAECF1; height:3rem; line-height:3rem; margin-left:0; vertical-align:middle; box-sizing:border-box; text-align:left;padding:1rem; }
	.lm_bg .left_menu ul li a {display:block; line-height: 1.0; height: auto;  font-weight:500; font-size:0.9rem; color:#888;text-transform:capitalize;}
	.lm_bg .left_menu ul li a:before{display:none;}
	.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:#004ea2 ;}
	.lm_bg .left_menu ul li.on a:after{display:none;}
	.lm_bg .snb ul li.on{background:#fff;}
	.lm_bg .snb ul li:hover{background:#EAECF1;}
	.lm_bg .snb ul li:hover a{color:#004ea2 ;}
	.lm_bg .snb ul li a:after{display:none;}

	.left_menu_mob{display:none;}

	.lm_bg .snb ul li:not(:last-child):after{display:none;}
	/* 탭메뉴 */	
	.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){
	/*탭메뉴*/
	.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;}

	#wrap #sepration{margin-top:3.6rem;}

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