@charset "utf-8";

/* 내용관리 */
#ctt {/*margin:10px 0;*/padding:0px 0; /*border:1px solid #e9e9e9*/}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0}
.ctt_img {text-align:center}

@media (max-width: 768px) {
#ctt {padding:0;}
#ctt_con {padding:0px 0px 0px 0px;}
}


.container { width: 1000px; margin: 0 auto;}
.tab_title{ display: flex; justify-content:center; align-items: center; flex-wrap: wrap;}
.tab_title li { flex-basis:20%; font-size: 22px; color: #333; line-height: 65px; text-align: center; cursor: pointer; border: 1px solid #7DC9BC;
margin-bottom: 10px;}
.tab_title li.on { background-color: #7DC9BC; color: #fff; font-weight: bold; letter-spacing: 1px; }
.tab_cont { margin-top:50px;}
.tab_cont section { display: none;}
.tab_cont section.on { display: block;}
@media (max-width: 1023px) {
    .container{ width: 100%;}
    .tab_title li { font-size: 20px; line-height: 55px;}
}
@media (max-width: 767px) {
    .tab_title li { flex-basis:40%; font-size:18px; line-height:45px;}
    .tab_cont { margin-top:30px;}
    
}