/********************************************************
■ 서브 비주얼
********************************************************/
#wrap #sepration { clear:both; height:10.5rem; text-align:center; overflow:hidden;position:relative;}
@keyframes sub-visual {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

#wrap #sepration .sep_img{background:url('https://dgsmidc.negagea.kr/dbuild/images/default/content/sub_visual01.jpg') no-repeat center top;height:10.5rem;animation:  sub-visual 5s 0s ease-in-out forwards; width:100%;position:absolute;background-size:cover; transform: scale(1);}
#wrap #sepration .section{width:1550px; margin:0 auto;transform: translateY(0);animation-delay: 1s;height:10.5rem;display:flex;flex-direction:column;justify-content:center; text-align: right;}
#wrap #sepration h2{font-size:2.25rem; letter-spacing: -0.02em;font-weight:600; color:#fff; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);text-transform: uppercase;}


@media (max-width:1550px){
	#wrap #sepration .section{width:100%; padding:0 1rem 3rem; }
}
@media (max-width:767px){
	#wrap #sepration .section{text-align:center;}
}

/********************************************************
■ 서브메뉴
********************************************************/
.tab_view{display:none;}
.lm_bg{margin-top:-3.5rem;}
.lm_bg .snb {position:relative;width:1550px; height:3.5rem;margin:0 auto; z-index: 0}
.lm_bg .snb:before{content:''; display:block; position:absolute; left:-100%; top:0px; width:100%; height:3.5rem; background:#005EDD; z-index:-1;}
.lm_bg .snb > div{ }
.lm_bg .snb .tab_ul{display:none; }
.lm_bg .snb .left_menu_mob ul{display:flex; width:100%;}
.lm_bg .snb .left_menu_mob li{flex:0 0 13.5rem; height:3.5rem;line-height:3.5rem;text-align:center;background:#005EDD; border-left:1px solid rgba(255,255,255,0.3); margin-left:-1px;}
.lm_bg .snb .left_menu_mob li a{display:block;width:100%;height:100%;position:relative; color:#fff;}
.lm_bg .snb .left_menu_mob li:last-child{border-top-right-radius:.75rem;}
.lm_bg .snb .left_menu_mob li.on {background:url('https://dgsmidc.negagea.kr/dbuild/images/default/content/subMenu_bg.jpg')no-repeat 50% 50%; background-size:cover; border-left:1px solid rgba(255,255,255,0.1);}
.lm_bg .snb .left_menu_mob li:hover {background:url('https://dgsmidc.negagea.kr/dbuild/images/default/content/subMenu_bg.jpg')no-repeat 50% 50%; background-size:cover;}
.lm_bg .snb .left_menu_mob li:hover a{}

@media (max-width:1660px){
	.section_lnb>.inr{width:100%;z-index:9;}
}
@media (max-width:1550px){
.lm_bg .snb {position:relative;width:100%;}
}
@media (max-width:1300px){
	.lm_bg .snb .left_menu_mob li{flex:0 0 8rem;}
}
@media (max-width:767px){	
	.lm_bg{ border-top:none;z-index:10;padding:0 1rem;}
	.lm_bg .snb{width:100%;transform: translateY(0);height:0;z-index:1;}
	.lm_bg .snb:before{display:none;}
	.lm_bg .snb .left_menu_mob{display:none;}
	
	.tab_view{position:relative;display:block; cursor:pointer;background:url('https://dgsmidc.negagea.kr/dbuild/images/default/content/subMenu_bg.jpg')no-repeat 50% 50%; background-size:cover; font-size:1.05rem; box-sizing:border-box; color:#fff; padding-left:1rem;  text-align: left;height:3.5rem;line-height:3.5rem; border-top-right-radius:.75rem;}
	.tab_view i{position:absolute; top:50%; right:1rem; margin-top:-9px; display:block;font-size:1.2rem;  }
	.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%); border-radius:0 0 .75rem .75rem;}
	.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:1rem; 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:#0A189B;}
	.lm_bg .left_menu ul li.on a:after{display:none;}
	.lm_bg .left_menu ul li:last-child{border-radius:0 0 .75rem .75rem;}
	.lm_bg .snb ul li.on{background:#fff;}
	.lm_bg .snb ul li:hover{background:#EAECF1;}
	.lm_bg .snb ul li:hover a{color:#0A189B;}
	.lm_bg .snb ul li a:after{display:none;}
}

/********************************************************
■ 서브메뉴
********************************************************/
/*서브 타이틀*/
.page_main_title{width:1550px; margin:1rem auto 2rem; padding:1rem 0;display:flex; justify-content: space-between;align-items: center; background:url('https://dgsmidc.negagea.kr/dbuild/images/default/content/dot.png')repeat-x 0 bottom;  }
.page_main_title h3{font-size:1.8rem; color:#191919; font-weight:500;}
.page_main_title p{color:#555; font-size:.8rem; }
.page_main_title p [class*="ri-arrow-"]{vertical-align:middle; color:#ABABAB;}
.page_main_title p b{font-weight:500; color:#121f90;}

@media (max-width:1030px){
	.page_main_title h3{font-size:1.5rem;}
}
/* 탭메뉴 */
.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;}

@media (max-width:1550px){
	.page_main_title{width: calc(100% - 2rem); padding: .5rem 0 1rem;}

}
@media (max-width:767px){	
	#container .content_body{padding-bottom:4rem;}
	.tab_menu{margin:2rem 0;}
	.tab_menu ul{display:flex; align-items: center; flex-flow: row wrap; justify-content: space-evenly; }
	.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;}
}
@media (max-width:567px){
	.page_main_title p{display:none;}
}

/********************************************************
■ 마이페이지 서브 변경
********************************************************/
/*서브 이미지*/

.sepration_mypage .section{text-align:center !important;}
.sepration_mypage .section h2{margin-top:-3rem;}

/*왼쪽메뉴*/
.lm_bg_mypage{margin-top:-3rem;}
.lm_bg_mypage .snb{width:1600px;margin:0 auto;background:#fff;border-radius:0.75rem 0.75rem 0 0;height:3.5rem;padding:0 2.5rem;}
.lm_bg_mypage .snb:before{display:none;}
.lm_bg_mypage .snb .left_menu_mob ul {justify-content:center;}
.lm_bg_mypage .snb .left_menu_mob li {background:#fff;position:relative;}
.lm_bg_mypage .snb .left_menu_mob li a{color:#191919;width:100%;height:100%;font-weight:500;}
.lm_bg_mypage  .snb .left_menu_mob li:first-child{border-top-left-radius:0.75rem;}
.lm_bg_mypage .snb .left_menu_mob li:after{content:'';display:block;position:absolute;width:100%;height:1px;background:#cfcfcf;}
.lm_bg_mypage .snb .left_menu_mob li.on,
.lm_bg_mypage .snb .left_menu_mob li:hover{background:#fff;}
.lm_bg_mypage .snb .left_menu_mob li.on strong{background:#eef4fd;color:#2f76e0;font-weight:600;padding:0.5rem 1rem;border-radius:20px;}
.lm_bg_mypage .snb .left_menu_mob li.on:after{background:#2f76e0;height:3px;bottom:0;margin-bottom:-1.5px;}

.lm_bg_mypage .snb .left_menu_mob li{flex:auto;}

@media (max-width:1600px){
	.lm_bg_mypage .snb {width:100%;padding:0 1rem;}
	.lm_bg_mypage{margin-top:-3.5rem;}
	.sepration_mypage .section h2{margin-top:0;}
}
@media (max-width:1030px){
	.lm_bg_mypage .snb{height:auto;}
}