#sub_container { height:calc(190px + 11vw); position:relative; }

#sub_container .sub_bg { position:absolute; width:100%; height:100%; overflow:hidden; z-index:-1; }
#sub_container .subimg { position:absolute; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transform: scale(1.1);	}
#sub_container .subimg_view { transform: scale(1); transition:transform 3s ease-out; }


#subimg1 { background:url(../images/subimg1.jpg) center no-repeat; }
#subimg2 { background:url(../images/subimg2.jpg) center no-repeat; }
#subimg3 { background:url(../images/subimg3.jpg) center no-repeat; }
#subimg4 { background:url(../images/subimg4.jpg) center no-repeat; }
#subimg5 { background:url(../images/subimg5.jpg) center no-repeat; }


#sub_container .sub_title {text-align: center; position: relative; top:58%; transform: translateY(-50%); }
#sub_container .sub_title h5 {font-size: 21px; color:#fff; line-height:130%; font-family:'pretendard', sans-serif; }
#sub_container .sub_title h2 {font-size: 54px; color:#fff; line-height:130%; font-family:'nexen', 'pretendard', sans-serif; font-weight:700; }
#sub_container .sub_title p {font-size: 15.5px; color:#fff; opacity:.8; line-height:160%; }



/***** 서브메뉴 탭 *****/

#tab_sub_menu { position:relative; }
#tab_sub_menu:before { position:absolute; display:block; content:''; width:100%; bottom:0; left:0; border-bottom:1px solid #e5e5e5; z-index:0; }

#tab_sub_menu td a { display:block; height:72px; padding:0 60px; text-align:center; color:#444; font-weight:400; }
#tab_sub_menu td a p { color:inherit; font-size:16px; font-weight:inherit; line-height:140%; position:relative; top:50%; transform:translateY(-50%); }

#tab_sub_menu .submenu_on { position:relative; font-weight:500; }
#tab_sub_menu .submenu_on:before { display:block; content:''; position:absolute; width:100%; height:100%; left:0; bottom:0; z-index:1; border-bottom:2px solid var(--mc); }


@media (max-width: 1660px) {
	#tab_sub_menu td a { height:66px; }
}





/** 드롭다운 서브 메뉴 **/
#dropdown_sub_menu { position:relative; display:none; }
#dropdown_sub_menu .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#dropdown_sub_menu .swrap { display: flex;  align-items: center; height:100%; }

.cate_list { display: flex; height: 100%;}

.cate_list > li { border-left: 1px solid rgba(255,255,255,.2); position: relative;}
.cate_list > li.sub_menu { border-right: 1px solid rgba(255,255,255,.2); }
.cate_list a {display: block; height: 100%; }

.cate_list .option { width:74px;}
.cate_list .home { background:url('/images/icon_home.gif') center no-repeat; }

.cate_list .smenu { width:260px; cursor:pointer; }
.cate_list .smenu > strong { display:block; height:100%; padding:0 20px 0 24px; }
.cate_list .smenu > strong span { display:block; font-size: 16.5px; font-weight:500; color:#fff; line-height:1.2; position:relative; top:50%; transform:translateY(-50%); padding-right:28px; }
.cate_list .smenu span i { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.cate_list .smenu > strong span i { font-size:14px; }

.cate_list .down_menu { position:absolute; width: calc(100% + 2px); transform: translateX(-1px); background: #fff; border: 1px solid #ccc; border-top:0; display: none; z-index:500; }
.cate_list .down_menu li:nth-of-type(n+2) { border-top: 1px solid #e6e6e6; }
.cate_list .down_menu li a {font-size: 14px; padding:14px 20px 14px 24px; line-height:1.4; color:#222; }
.cate_list .down_menu li a span { display:block; position: relative; }
.cate_list .down_menu li a span i { font-size:12px; color:#aaa; }


@media (max-width: 1000px) {
	#tab_sub_menu { display:none; }
	#dropdown_sub_menu { display:block; height: 60px; }
}
@media (max-width:767px) {
    #dropdown_sub_menu {height: 50px;}
    #dropdown_sub_menu .tit_det {display: none;}
    .cate_list {width: 100%; border-left: 1px solid rgba(255,255,255,.2);}
	.cate_list .home { display:none;  }
    .cate_list .smenu > strong { padding:0 15px 0 17px; }
    .cate_list .smenu > strong span { padding-right:20px; }
    .cate_list .down_menu li a { padding:12px 17px; }
}




/** 탭 서서브 메뉴 **/

#ssub_tab { margin-bottom:-30px; text-align:center; }
#ssub_tab > div { margin:-3px; }
#ssub_tab > div a { display: inline-block; text-align:center; background-color:var(--lc); min-width:180px; padding:20px 24px; font-size:15.5px; margin:3px; line-height:1.3; }
#ssub_tab > div a.on { background-color:var(--mc); color:#fff; }

@media (max-width: 1660px) {
	#ssub_tab > div { margin:-2px; }
	#ssub_tab > div a { min-width:calc(120px + 3vw); padding:16px 20px; margin:2px;  }
}
/*
@media (max-width: 960px) {
	#ssub_tab { text-align:left; }
}
*/
@media (max-width: 767px) {
	#ssub_tab > div { margin:-0.5%; }
	#ssub_tab > div a { min-width:auto; width:49%; margin:0.5%; padding:13px 0; }
	#ssub_tab.cnt3 > div a { width:32%; margin:0.5%; }
}