#sub_container {height:calc(125px + 15vw); position:relative;}

#sub_container .bg_wrap { height:100%; width: calc(100% - 60px); position: absolute; left: 60px; top:0; z-index: -1; overflow: hidden;}

#sub_container .bg_wrap .wh1 {width: 8%; height: 57px; position: absolute; top:0; left: 0; background: #fff; }
#sub_container .bg_wrap .wh2 {width: 100%; height: 12px; position: absolute; top:57px; right: 0; background: #fff; }


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

#subimg1 { background-image:url(../images/subimg1.jpg); }
#subimg2 { background-image:url(../images/subimg2.jpg); }
#subimg3 { background-image:url(../images/subimg3.jpg); }
#subimg4 { background-image:url(../images/subimg4.jpg); }
#subimg5 { background-image:url(../images/subimg5.jpg); }
#subimg6 { background-image:url(../images/subimg6.jpg); }


#sub_container .sub_title {text-align: center; position: relative; top:50%; transform: translateY(-27%);}
#sub_container .sub_title h5 {font-size: 18px; color:#fff; font-family:'jalnan_g', 'pretendard', sans-serif; font-weight:400; }
#sub_container .sub_title h2 {font-size: 52px; font-family:'jalnan_g', 'pretendard', sans-serif; font-weight:400; background:linear-gradient(45deg, #b9910e, #f6d419, #b9910e); background-clip: text; -webkit-background-clip: text; color: transparent; }
#sub_container .sub_title p {font-size: 16px; color:#fff;}






/** 드롭다운 서브 메뉴 **/

.dropdown_sub_menu {margin-top: 12px; width: 100%; height:70px; position: relative; z-index:500; }
.dropdown_sub_menu .bg {position: absolute; top:0; right: 0; width: 50%; height: 100%; z-index: -1;}
.dropdown_sub_menu .swrap {height: 100%;}
.cate_list {display: flex; height: 100%; width: 50%; margin-left:auto; }
.cate_list > li { height: 100%; border-left: 1px solid rgba(255,255,255,.3); position: relative;}

.cate_list a {display: block; height: 100%; }

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

.cate_list .smenu { width: calc((100% - 70px)/2); cursor:pointer; }
.cate_list .smenu > strong { display:block; height:100%; padding:0 20px 0 24px; }
.cate_list .smenu > strong span { display:block; font-size: 17px; 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 > li.sub_menu { border-right: 1px solid rgba(255,255,255,.3); }

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


@media (max-width:1600px) {
    #sub_container .bg_wrap {width: 96%; left: 4%;}
    #sub_container .bg_wrap .wh1 {height: 50px;}
    #sub_container .bg_wrap .wh2 {top:50px; height: 8px;}
	.dropdown_sub_menu { margin-top: 8px; height: 64px;}
    .cate_list .option { width:64px;}
    .cate_list .smenu { width: calc((100% - 64px)/2);}
}
@media (max-width:1250px) {
    #sub_container .bg_wrap .wh1 {height: 35px;}
    #sub_container .bg_wrap .wh2 {top:35px; height: 5px;}   #sub_container .sub_title {transform: translateY(-33%);}
    .dropdown_sub_menu {margin-top: 5px;}
    .dropdown_sub_menu .bg {width: calc(50% + 150px);}
    .cate_list {width: calc(50% + 150px);}
}
@media (max-width:1024px) {
	.dropdown_sub_menu {height: 56px;}
    .cate_list .option { width:56px;}
	.cate_list .home {background-size:15px; }
    .cate_list .smenu { width: calc((100% - 56px)/2);}
}
@media (max-width:767px) {
    #sub_container .bg_wrap .wh1 {height: 25px;}
    #sub_container .bg_wrap .wh2 {top:25px; height: 4px;}
    #sub_container .sub_title {transform: translateY(-35%);}
    .dropdown_sub_menu {margin-top: 4px; height: 50px;}
    .dropdown_sub_menu .bg {width: calc(4% + 210px + 15vw);}
    .cate_list {width:calc(210px + 15vw);}
    .cate_list > li { height:50px; }
    .cate_list .option { width:50px;}
    .cate_list .smenu {width:calc(160px + 15vw);}
    .cate_list .smenu.gnb_menu {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; }
}