@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/*common*/
.sub_container{min-height:500px; padding:30px 0 80px;}
.contents_wrap{padding-top:50px;}
.sub_contents{padding-top:40px;}
.sub_page_title h4{color:#000000; font-size:42px; text-align:center; line-height:1.0; font-weight:600;}


/*서브 비주얼*/
.sub_visual{width:100%; height:450px; position:relative;  overflow:hidden;}
.sub_visual_img{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; animation:scale 3s ease forwards;
		background-repeat:no-repeat; background-size:cover; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.sub_visual_img01{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual_img02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual_img04{background-image:url("../images/sub/sub_visual08.jpg");}
.sub_visual_img05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual_img06{background-image:url("../images/sub/sub_visual06.jpg");}
.sub_visual_img07{background-image:url("../images/sub/sub_visual07.jpg");}
@keyframes scale {
    0% {
        transform: scale(1.05);
    }

    100% {
         transform: scale(1);
    }
}
/*sub_visual_txt */
.sub_visual>div.inner{height:100%; padding-top:70px; padding-bottom:25px;}
.sub_visual_txt{color:#ffffff; width:100%; height:100%; position:relative; z-index:20; display:flex; justify-content:center; flex-direction:column; align-items:center; 
		text-align:center;} 
.sub_visual_txt h3{font-weight:700; font-size:50px; line-height:1.0;}
.sub_visual_txt p{margin-top:25px; font-size:22px; letter-spacing:-1px;}

/*horizontal_menu_bar 가로 1301px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{margin-top:-25px; position:relative; z-index:40;}
.horizontal_menu_bar ul{display:flex; justify-content:center; text-align:center; background-color:#ff4000; border-radius:60px; padding:15px 10px; }
.horizontal_menu_bar ul>li{width:33%;}
.horizontal_menu_bar.horizontal_menu_bar04 ul>li{width:20%;}
.horizontal_menu_bar ul>li+li{border-left:1px solid rgba(255,255,255,0.8);}
.horizontal_menu_bar ul>li>a{color:#ffffff; padding:1px 15px; display:block; line-height:1.0;  font-size:18px; font-weight:500;}
.horizontal_menu_bar ul>li>a:hover{text-decoration:wavy underline #173452; }

/*sub_tab_bar 가로 1300px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; background-color:#ff4000;}
.sub_tab{float:left; color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:10%;}
.sub_tab_02{width:45%;}
.sub_tab_03{width:45%;}
.sub_tab_bar.sub_tab_bar05 .sub_tab_02{width:90%;}
.sub_tab_bar h4,.sub_tab_bar h3{padding:10px 15px 10px; font-size:16px; cursor:pointer; font-weight:400;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:12px 0 11px; color:#ffffff; font-weight:500;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:15px; top:18px; width:11px; height:11px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff; width:11px; height:1px; 
		position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
.sub_tab_bar h4.open .menu_more:after,.sub_tab_bar h3.open .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:45px; width:100%; z-index:250; background-color:#ffffff; padding:15px 0;
		  border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:15px;}
.sub_tab_2depth>li+li{margin-top:3px;}
.sub_tab_2depth>li>a{display:block; padding:1px 15px;}
.sub_tab_2depth>li>a:hover{color:#ff4000; font-weight:500;}
.sub_tab_2depth>li>a:hover strong{font-weight:500;}

/*breadcrumb*/
.breadcrumb>p{display:flex; flex-wrap:wrap; gap:2px; align-items:center;}
.breadcrumb span.on{color:#000000;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #aaaaaa; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}





/*1400이하 */
@media screen and (max-width:1400px){


}/*1400이하 끝*/

/*1300이하 */
@media screen and (max-width:1300px){

/*서브 비주얼*/
.sub_visual{height:400px;} 
/*sub_visual_txt */
.sub_visual>div.inner{padding-top:60px; padding-bottom:0;}

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{display:none;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:block;}

}/*1300이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*서브 비주얼*/
.sub_visual{height:350px;} 
.sub_visual_txt h3{font-size:40px;}
.sub_visual_txt p{font-size:20px;}



}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*sub_tab_bar 가로 1300px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{background-color:#173452;}
.sub_tab_01{display:none; float:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%; }
.sub_tab_bar.sub_tab_bar05 .sub_tab_02{width:100%;}
.sub_tab.sub_tab_02:before{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth>li>a:hover{color:#173452;}


}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.sub_container{padding:20px 0 60px;}
.contents_wrap{padding-top:40px;}
.sub_page_title h4{font-size:34px;}

/*서브 비주얼*/
.sub_visual_txt h3{font-size:36px;}
.sub_visual_txt p{font-size:18px;}

/*sub_tab_bar 가로 1300px 이하 서브 메뉴 선택 탭*/
.sub_tab_02{width:100%; float:none;}
.sub_tab_03{width:100%; float:none;}
.sub_tab.sub_tab_03:before{width:100%; top:0; height:1px; }
.sub_tab.sub_tab_02 .sub_tab_2depth{z-index:400;}

/*breadcrumb*/
.breadcrumb>p{font-size:13px;}

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){


}/*420이하 끝*/