#sub_container { height:calc(220px + 15vw); 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; }

.sub1 .subimg { background-image:url('/images/subimg1.jpg'); }
.sub2 .subimg { background-image:url('/images/subimg2.jpg'); }
.sub3 .subimg { background-image:url('/images/subimg3.jpg'); }
.sub4 .subimg { background-image:url('/images/subimg4.jpg'); }
.sub5 .subimg { background-image:url('/images/subimg5.jpg'); }
.sub6 .subimg { background-image:url('/images/subimg6.jpg'); }

#sub_container .sub_title { position: relative; top:53%; transform: translateY(-50%); }
#sub_container .sub_title h5 {font-size: 17px; color:#fff; line-height:130%; }
#sub_container .sub_title h2 {font-size: 60px; color:#fff; line-height:120%; font-weight:700; width:800px; max-width:100%; }
#sub_container.sub2 .sub_title h2 { font-size: 56px; }

.eng #sub_container .sub_title h2 { font-size: 64px; font-family:var(--roboto); font-weight:700; }
.eng #sub_container.sub2 .sub_title h2 { font-size: 50px; }


#sub_container .sub_title p {font-size: 15.5px; color:#fff; opacity:.8; line-height:160%; }



/** 드롭다운 서브 메뉴 **/
.dropdown_sub_menu { position: absolute; bottom: 0; left: 0; width: 100%; height: 74px; }
.dropdown_sub_menu .bg { position: absolute; right: 0; bottom: 0; width:calc(50% + 200px); height: 100%;}
.dropdown_sub_menu .swrap { height:100%; }
.cate_list {width:calc(50% + 200px); display: flex; height: 100%; margin-left:auto; }
.cate_list > li { border-right: 1px solid rgba(255,255,255,.2); position: relative;}

.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 { cursor:pointer; }
.cate_list .gnb_menu { width: calc((100% - 74px)*0.3); }
.cate_list .sub_menu { width: calc((100% - 74px)*0.7); }


.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:400; 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:#888; }
.cate_list .down_menu li a span { display:block; position: relative; }
.cate_list .down_menu li a span i { font-size:12px; color:#ccc; }


@media (min-width:1251px) {
    .cate_list .down_menu li a:hover {background: #f5f5f5; color:#111; }
    .cate_list .down_menu li a:hover span i { color:#111; }
}

@media (max-width:1660px) {

}
@media (max-width:1400px) {
    .dropdown_sub_menu {height: 64px;}
    .cate_list .option {width: 64px;}
	.cate_list .gnb_menu { width: calc((100% - 64px)*0.3); }
	.cate_list .sub_menu { width: calc((100% - 64px)*0.7); }
}
@media (max-width:1250px) {
    .dropdown_sub_menu {height: 60px;}
    .cate_list .option { display: none; }
	.cate_list .gnb_menu { width:30%; }
	.cate_list .sub_menu { width:70%; }
    .cate_list .down_menu li a {color:#222;}
    .cate_list .down_menu li a span i {color:#aaa;}
}
@media (max-width:767px) {
    .dropdown_sub_menu {height: 50px;}
    .dropdown_sub_menu .bg {width: 100%;}
    .dropdown_sub_menu .tit_det {display: none;}
    .cate_list {width: 100%; border-left: 1px solid rgba(255,255,255,.2);}
	.cate_list .home { background-size:15px; }
    .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; }
}
@media (max-width:560px) {
	.cate_list .gnb_menu { display:none; }
	.cate_list .sub_menu { width:100%; border-left: 1px solid rgba(255,255,255,.2); }
}