@charset "utf-8";

li {list-style:none;}

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

.sub011_img {float:left; width:calc(45% - 50px); margin-right:20px;}
.sub011_img ul li {float:left; width:calc(49% - 7px); margin-left:10px; margin-bottom:10px; padding:0 0 10px 0; border:1px solid #ccc; text-align:center; font-size:0.8em;}
.sub011_img ul li:first-child , .sub011_img ul li:nth-child(2n+1) {margin-left:0;}
.sub011_img img {width:100%; margin-bottom:5px;}
.sub011_txt {float:left; width:55%; line-height:1.7;}
.sub011_tit {font-size:1.2em; font-weight:700; color:#000;}

/* text 부분 */
.txtbox {width:100%; height:auto; background-color:#f9fcf3;display:inline-block;padding:30px;}
.txtbox p {font-size:18px; text-align:center;}
.titlep {font-size:20px; font-weight:600; line-height: 1.5;}
.txtbox ul {display:inline-block; width:100%;}
.txtbox li {float:left; background:#fff; text-align:center; padding:20px 0; border-top:3px solid #89bd10; border-radius:20px 0 20px; box-shadow:0 0 5px #ccc;}

/* img 사이즈 */
.imglist {}
.imglist ul {display:inline-block;text-align:center;}
.imglist li {display: inline-block; vertical-align: top; margin-bottom:50px;}
.imglist li img {width:100%; border-radius:20px;}

.sub02 {text-align:center; font-size:1.5em; line-height:1.2; margin-bottom:50px; font-weight:200;}
.sub02 p {}
.sub02 b {font-weight:700; color:#000;}

/*sub021 위생관리*/
.imglist .sub021 li {width:calc((100% - 50px) / 3);  background-color:#f9f9f9;}
.imglist .sub021 li:first-child {}
.imglist .sub021 li:nth-child(2), .imglist .sub021 li:nth-child(4) {margin-top:30px;}
.sub021_txt li {width:calc(50% - 10px); margin-left:20px; }
.sub021_txt li:first-child{margin-left:0;}

/* sub022 하우징 */
.imglist .sub022 {display:inline-block;}
.imglist .sub022 li {float:left; width:calc(50% - 5px); margin-left:10px; height:auto; background-color:#f9f9f9;}
.imglist .sub022 li:first-child {margin-left:0; margin-top:30px;}
.sub022_txt li {width:calc(33.333% - 13.4px); margin-left:20px; }
.sub022_txt li:first-child{margin-left:0;}

/* sub023 코스메틱 */
.imglist .sub023 li {width:calc((100% - 50px) / 3); }
.imglist .sub023 li:first-child {}
.imglist .sub023 li:nth-child(2),.imglist .sub023 li:nth-child(4) {margin-top:30px;}
.sub023_txt li {width:calc(33.333% - 13.4px); margin-left:20px; margin-bottom:20px;}
.sub023_txt li:first-child , .sub023_txt li:nth-child(3n+1){margin-left:0;}
.sub023_txt li:nth-child(4) , .sub023_txt li:nth-child(5){margin-bottom:0;}

/* sub024 하우징코스메틱 */
.imglist .sub024 li {width:calc((100% - 50px) / 3); }
.imglist .sub024 li:first-child {}
.imglist .sub024 li:nth-child(2),.imglist .sub024 li:nth-child(4) {margin-top:30px;}
.sub024_txt li {width:calc(33.333% - 13.4px); margin-left:20px; margin-bottom:20px;}
.sub024_txt li:first-child , .sub024_txt li:nth-child(3n+1){margin-left:0;}
.sub024_txt li:nth-child(4) , .sub024_txt li:nth-child(5){margin-bottom:0;}

/* sub025 위생체험 */
.imglist .sub025 li {width:calc((100% - 50px) / 3);  background-color:#f9f9f9;}
.imglist .sub025 li:first-child {}
.imglist .sub025 li:nth-child(2), .imglist .sub025 li:nth-child(4) {margin-top:30px;}
.sub025_txt li {width:calc(50% - 10px); margin-left:20px; }
.sub025_txt li:first-child{margin-left:0;}