/*
폰트
font-family: 'Roboto', sans-serif;
font-family: 'NanumMyeongjo', sans-serifㅌ;
font-family: 'Noto Sans KR', sans-serif;
*/

#sub_wrap {position: relative; display: block; width: 100%; height: auto; padding-top: 80px;}
#sub_wrap:after {content: ""; clear: both; display: block;}

.sub_v {position: relative; display: flex; width: 100%; height: auto; justify-content: center; align-items: center;}
.sub_v .sub_v_inner {position: relative; display: block; width: 100%; height: 180px; background-size: 1920px; background-position: top center; background-repeat: no-repeat;}
.sub_v .sub_v_inner>div {height: 100%; display: flex; align-items: center; }
.sub_v .sub_v_inner>div h2 {font-size: 34px; font-weight: 400; color: #111;}
@media all and (min-width: 1921px) {
	.sub_v .sub_v_inner {background-size: cover;}
}
@media all and (max-width: 767px) {
	.sub_v .sub_v_inner {height: 150px;}
	.sub_v .sub_v_inner>div h2 {font-size: 26px;}
}

.sub_pag_cate {position: relative; display: block; width: 100%; height: auto; border-bottom: 1px solid #e8e8e8; padding-right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    overflow-scrolling: touch;
    margin: 0 auto;
}
.sub_pag_cate>ul {
    width: auto; height:49px; display: flex; align-items: center;

-webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	
	

}
.sub_pag_cate>ul li {position: relative; display: flex; height: 100%; align-items: center; justify-content: center; }

@media all and (min-width: 1120px) {
.sub_pag_cate>ul li:first-child {margin-left: 8px;}
}


/* .sub_pag_cate>ul li+li {margin-left: 35px;} */
.sub_pag_cate>ul li {margin-right: 35px;}
.sub_pag_cate>ul li a {font-size: 15px; font-weight: 300; color: #666;}
.sub_pag_cate>ul li.subpage_active a { font-weight: 500; color: #1eb682;}
.sub_pag_cate>ul li:hover a {font-weight: 500; color: #1eb682;}
.sub_pag_cate>ul li.subpage_active:after {content: ""; position: absolute; display: block; width: 100%; height: 2px; background: #1eb682; left: 0; bottom: -1px;}
.sub_pag_cate>ul li:hover:after {content: ""; position: absolute; display: block; width: 100%; height: 2px; background: #1eb682; left: 0; bottom: -1px;}


.over_window {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    overflow-scrolling: touch;
    margin: 0 auto;
}

.over_window_inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}



.sub_wrap_tit {text-align: center; line-height: 1; font-size: 40px; font-weight: 300; letter-spacing: -0.040em; color: #000; padding-bottom: 70px;}
@media all and (max-width: 767px) {
	.sub_wrap_tit {font-size: 30px; padding-bottom: 40px}
}
.sub_wrap_tit2 {text-align: center; line-height: 1; font-size: 40px; font-weight: 400; letter-spacing: -0.040em; color: #000; padding-bottom: 70px;}
@media all and (max-width: 767px) {
	.sub_wrap_tit2 {font-size: 30px; padding-bottom: 40px}
}


.wrapup {padding-bottom: 100px;}
@media all and (max-width: 767px) {
	.wrapup {padding-bottom: 70px;}
}
@media all and (max-width: 530px) {
	.wrapup {padding-bottom: 60px;}
}