/*서브 비주얼*/
#wrap #sepration { clear:both; height:20.4rem; 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:20.4rem;animation:  sub-visual 5s 0s ease-in-out forwards; width:100%;position:absolute;background-size:cover; transform: scale(1.1);}
#wrap #sepration .section{width:1500px; margin:0 auto;transform: translateY(0);animation-delay: 1s;margin-bottom:3.5rem; height:20.4rem;display:flex;    align-items: center;}
#wrap #sepration h2{font-size:2.5rem; letter-spacing: -0.02em;font-weight:400; color:#fff; text-shadow:1px 2px 3px rgba(0, 0, 0, 0.1);text-transform: uppercase;margin-bottom:-4rem;}
#wrap #sepration p{color:#fff;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.1);letter-spacing: 0; line-height:1.5;margin:1.5rem 0;}


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


.snbWrap #lnb>li>div>ul>li{height:auto;padding:0.25rem 0;font-size:0.9rem;}
/* LNB */
.lm_bg{width:100%;  height:4rem; border-bottom:1px solid #E1E1E1; z-index:100;font-size:0.9rem;}
.section_lnb{position:relative;}
.section_lnb>.inr{position:relative; width:1500px;line-height:3rem;margin:-4rem auto 0;box-shadow: 3px 0 21px rgb(0 0 0 / 6%);
}
.section_lnb>.inr:after{content:''; display:block; clear:both;}
#lnb{position:relative; height:4rem;background:#fff;}
#lnb:after{content:''; display:block; clear:both;}
#lnb:before{content:'';display:block;position:absolute;width:120%;height:100%;left:0;top:0;background:#fff;box-shadow: 3px 0 21px rgb(0 0 0 / 6%);}
#lnb>li{width:16.75rem;position:relative;float:left;text-align: left;  z-index:1; box-sizing:border-box;font-weight:600;}
#lnb>li:not(:first-child):after{content:'';display:block;position:absolute;width:1px;height:2.25rem;background:#dddddd;right:0;top:50%;transform:translateY(-50%);}
#lnb>li:not(:first-child):before{content:'';display:block;position:absolute;width:13px;height:8px;right:1rem;top:50%;transform:translateY(-50%);background:url(/images/default/content/lnb-arrow.png)no-repeat center center;background-size:cover;}

#lnb>li.depth0{width:13.5rem;}
#lnb>li.open{z-index:2;}
#lnb>li.depth1{width:15rem;}
#lnb>li.depth2{width:18rem; box-sizing:border-box; padding-right:20px;display:none; }
#lnb>li.home{width:4rem;background:#008655;}
#lnb>li img{position:absolute; top:50%; left:0; transform:translateY(-50%); }
#lnb>li a{display:block; width:100%; height:4rem; padding:0 17px;padding-left: 20px; color:#333333;line-height:4rem;font-weight:500; box-sizing:border-box;font-size:1rem;}
#lnb>li>a .loc_home,
#lnb>li>a .unfd{position:absolute; top:50%; right:15px; width:11px; height:8px; transform:translateY(-50%); background:url('/images/default/content/arr.png') no-repeat 0 0; text-indent:-999em; transition:all 0.1s; transform-origin:50% 50%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; transform:rotate(0deg);}
#lnb>li>a .unfd.on{transform:rotate(180deg);}
#lnb>li i{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); color: #fff; font-size:1.1rem;}

#lnb>li>div{z-index:90; position:absolute;top:4rem; width:calc(100% + 2px); background:#fff;  border:1px solid #D5D5D5;border-top:none; display:none;  border:1px solid  #E1E1E1; margin-left:-1px;margin-top:-1px; border-top:none; box-sizing:border-box;}
#lnb>li.open>div{border:1px solid  #E1E1E1; border-top:none;}
#lnb>li>div>ul{}
#lnb>li>div>ul>li{height:auto;}
#lnb>li>div>ul>li:first-child{margin-top:0}
#lnb>li>div>ul>li>a{position:relative;padding-left:20px; color:#1d1d1d; height:2.3rem;  line-height:2.3rem; font-weight:300;font-size:0.9rem;}
#lnb>li>div>ul>li>a strong{}
#lnb>li>div>ul>li>a.on{background:#f1f9f0; font-weight:500;}
#lnb>li>div>ul>li>a.over{}


.tab_ul{display:none;}
.tab_ul2{display:none;}


/*서브 타이틀*/
#container .page_main_title{width:1500px;margin:0 auto;text-align:center; font-size:2rem;color:#191919;margin-top:4.5rem;font-weight:600;margin-bottom:2rem;}

/* 탭메뉴 */
.tab_menu{width:1500px; margin:0 auto; position:relative; z-index:0;margin-bottom:3.5rem;margin-top:3rem;}
.tab_menu ul{display:flex;position:relative}
.tab_menu ul li{position:relative;}
.tab_menu ul li:after{content:'';display:block;position:absolute;width:100%;height:4px;background:#E2E2E2;bottom:0;left:0;}
.tab_menu ul li.on:after{content:'';display:block;position:absolute;width:100%;height:4px;background:#008947;bottom:0;left:0;}

.tab_menu ul li a{display:inline-block; width:100%;box-sizing:border-box; padding:1rem 0; text-align:center; font-size:1.1rem; color:#666666; font-weight:500;}
.tab_menu ul li.on a{color:#008947;}


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



/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1660px){
	.section_lnb>.inr{width:100%;z-index:9;}
}


@media (max-width:1500px){
	/* 탭메뉴 */
	/*
	.tab_menu{width:100%;}
	.tab_menu ul li a{font-size:1rem;}
	*/
	#wrap #sepration h2{padding-left:1rem;}
	.tab_menu{width:100%;}

	/*비주얼*/
	#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:18rem;}
	#wrap #sepration p{font-size:0.9rem; padding:0 1rem;}
	#wrap #sepration h2{margin-bottom:0;}
	#wrap #sepration .section{width:100%;height:18rem;justify-content:center;}
	#wrap #sepration .sep_img{height:18rem;}

	/* 서브메뉴 */	
	#lnb:before{left:-10%;}
	#lnb>li.home,#lnb>li.depth0,.tab_menu{display:none;}
	#lnb>li.depth1,#lnb>li.depth2{width:50%; min-width:50%;}
	#lnb>li.depth2:after{display:none;}
	#lnb>li a{ line-height: 1.2;  display: flex;  align-items: center; padding: 0 10px;}
	#lnb>li>div>ul>li>a{line-height:1.2; height:3rem;}
	.snbWrap{display:none;}
	.lm_bg .snb{width:100%;transform: translateY(0);height:0;z-index:1;}
	.lm_bg .snb .home{display:none;}
	.lm_bg{height:auto; border-top:none;z-index:10;padding:0 1rem;border:none;}
	.tab_view{display:none; cursor:pointer;background:#e52f42; background-size:12px auto; font-size:1.05rem; 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_view2 span{position:absolute; top:50%; right:1rem; margin-top:-4.5px; display:block; }
	.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);}
	.tab_view2{display:block; cursor:pointer;background:#e52f42; background-size:12px auto; font-size:1.05rem; 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;margin-top: 1.5rem;}
	
	.tab_view2 i{position:absolute; top:50%; right:1rem; margin-top:-9px; display:block; }
	.tab_view2.on{cursor:pointer; }
	.tab_view2.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-top:1px solid #EAECF1; height:3rem; line-height:3rem; 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: auto;  font-weight:500; font-size:1rem; color:#888;text-transform:capitalize; padding:1rem; }
	.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:#083C6B;}
	.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:#083C6B;}
	.lm_bg .snb ul li a:after{display:none;}

	.left_menu_mob{display:none;}

	


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


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


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){

	/*탭메뉴*/
	.tab_menu{display:none;}
	.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;}
}