#sub_container { height:400px; overflow:hidden; position:relative; }

#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; }
#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:url(../images/subimg1.jpg) right 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; }
#subimg6 { background:url(../images/subimg6.jpg) center no-repeat; }

#gnb_title { padding-top:80px; }
#gnb_title p { color:#fff; text-align:center; }

#gnb_title #tit_cate { font-size:16px; font-weight:500; }
#gnb_title #tit_page { font-size:48px; font-weight:800; }
#gnb_title #tit_detail { font-size:16px; font-weight:400; }



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

#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 { position:relative; height:72px; text-align:center; padding:0 60px; color:#222; font-size:16px; line-height:140%; }
#tab_sub_menu td a { position:absolute; display:block; width:100%; height:inherit; left:0; top:0; }

#tab_sub_menu .submenu_on { border-bottom:2px solid #163e63; font-weight:500; }
#tab_sub_menu.fix, #tab_sub_menu.fix td { height:56px; }




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

#dropdown_sub_menu { position:absolute; width:100%; height:auto; display:none; z-index:100; }
/* 탭메뉴를 사용하지 않는 경우 주석을 푼다.
#dropdown_area { height:70px; }
*/
#cate_bg { position:absolute; width:100%; height:64px; border-bottom:1px solid #ccc; z-index:0; }
#cate_list { position:relative; height:64px; }
#cate_list > li { float:left; height:100%; }
#cate_list:after { clear:both; visibility:hidden; display:block; content:''; }
#cate_list > li:last-child { float:right; }

#cate_home { width:70px; height:100%; background:url(/images/icon_home_b.gif) center no-repeat; }
.sub_cate > a { position:relative; display:block; width:100%; height:100%; border-left:1px solid #ccc; }


.smenu { width:300px; cursor:pointer; }
.smenu > a { width:100%; font-size:16.5px; font-weight:500; color:#222; text-indent:20px; line-height:64px; background:url(/images/icon_arrow_b.gif) right center no-repeat; }
.smenu a:hover { text-decoration:none; }
.smenu1 .ssmenu { width:calc(100% + 1px); }

.ssmenu { width:300px; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; display:none; transition:none !important; box-sizing:border-box; }
.smenu2 > a { border-right:1px solid #ccc; }

.ssmenu li a { display:block; height:46px; line-height:44px; color:#555; width:100%; font-size:14.5px; border-top:1px solid #eee; text-indent:20px; }
.ssmenu li:first-child a { border-top:0; }
.ssmenu li:last-child a { border-bottom:1px solid #ccc; }
.ssmenu li:hover a { color:#111 !important; background:#f5f5f5; }


.snb.fix { position:fixed !important; width:100%; left:0; top:70px; z-index:100; }



#tab_sub_menu.many { display:none; }
#dropdown_sub_menu.many { display:block; }




/***** 컨텐츠 영역 *****/