@charset "utf-8";

/* 내용관리 */
#ctt {background:#fff; width:100%;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.sc {width:100%; max-width:1210px; margin: 0 auto;}
.title {width:100%; max-width:1210px; margin:0 auto; display:flex;}
.title li {margin-left:40px; margin-right:50px; width:25%; text-align:center; }
.title li:hover {border-bottom:2px solid #333333;}
.title li a {color:#333333; font-size:18px; text-align:center;}
.title .title1 {border-bottom:2px solid #8e664f;}
.title .title1 a {color:#8e664f;  text-align:center; font-size:18px; font-weight:bold;}

.sc_body {width:100%; max-width:1200px; margin:70px auto;}
.sc_body .body_tit {color:#333333; font-size:26px; font-weight:bold; margin-left:-10px;}
.sc_body .body_midtit {color:#8e664f; font-size:20px; font-weight:bold; margin-top:50px; margin-left:-10px;}
.sc_body .body_txt {color:#333333; font-size:16px; line-height:25px; margin-top:50px; margin-left:-10px;}

.body_flex {width:100%; max-width:1210px; margin:50px auto; display:flex;}
.body_flex li {margin-right:60px;  color:#333333; font-size:14px; width:22%;}

.body_flex li .bf_tit{color:#8e664f; font-size:20px; font-weight:bold; border-bottom:1px solid #8e664f; width:100%; line-height:30px;}
.body_flex li p {font-weight:bold; margin-top:-40px; }

.body_flex2 {width:100%; max-width:1210px; margin:-40px auto; display:flex;}
.body_flex2 li {margin-right:20px;  color:#333333; font-size:14px; width:25%;}
.body_flex2 li p {font-weight:bold; }

.body_flex3 {width:100%; max-width:1210px; margin:50px auto; display:flex;}
.body_flex3 li {margin-right:20px;  color:#333333; font-size:14px; width:20%;}
.body_flex3 li .end {margin-right:0px;}

@media (min-width:768px) and (max-width:1200px) {

.sc_body {width:90%; margin:70px auto;}

.title li a {color:#333333; font-size:16px; text-align:center;}

.body_flex {width:100%; margin:50px auto; display:block;}
.body_flex li {margin-right:20px;  color:#333333; font-size:14px; width:100%;}


.body_flex2 {width:100%; max-width:800px; margin:-40px auto; display:flex;}


.body_flex3 {width:100%; margin:50px auto; display:inline-block; padding-left:110px;}
.body_flex3 li {margin-right:10px;  color:#333333; font-size:14px; width:30%; float:left;}


}


@media all and (max-width:768px) {
.title {width:90%; margin:0 auto 50px; display:inline; z-index:1000;}
.title li {margin-left:10px; margin-right:10px; width:40%; text-align:center; float:left; height:35px; margin-top:10px; border:0px solid #dddddd;}
.title li a {color:#333333; font-size:14px; text-align:center; line-height:35px;}
.title .title1 {border-bottom:2px solid #8e664f;}
.title .title1 a {color:#8e664f;  text-align:center; font-size:14px; font-weight:bold;}

.sc_body {width:90%;margin:70px auto; position:relative; padding-top:70px;}
.sc_body2 {width:90%;margin:70px auto; position:relative; padding-top:0px;}

.sc_body .body_midtit {color:#8e664f; font-size:20px; font-weight:bold; margin-top:50px; margin-left:-10px; line-height:30px;}
.sc_body .body_txt {color:#333333; font-size:14px; line-height:25px; margin-top:50px; margin-left:-10px;}

.body_flex {width:100%; margin:50px auto; display:block;}
.body_flex li {margin-right:20px;  color:#333333; font-size:14px; width:100%;}
.body_flex li p {font-weight:bold; margin-top:0px; }

.body_flex3 {width:100%; margin:50px auto; display:inline-block;  padding-left:20px;}
.body_flex3 li {margin-right:10px;  color:#333333; font-size:14px; width:30%; float:left;}

.sc {width:100%; max-width:100%; margin: 0 auto;}

}