#ctt{min-height:auto;}
#ctt_con{padding:0;}
/*개요*/
#ctt_con h3{margin-bottom:25px; text-align:center;}
#ctt_con h3 p{font-size:2.5em; line-height:1.2em; font-family:'BMJUA';}
#ctt_con h3 p strong{color:#C7E052;}
#ctt_con h3 span{font-size:1.1em; letter-spacing:-0.5px;}
#ctt_con h3{}
@media screen and (max-width:787px) {
#ctt_con h3 p strong{display:block;}
#ctt_con h3 span{font-size:0.9em;}

}
#about{text-align:center}
#about .greet{ line-height:1.8em;}
#about .ceo{margin:40px auto; font-weight:600; width:800px; text-align:right;}
#about .ceo img{height:35px; vertical-align:middle; margin:-5px 0 5px 5px;}
#about .info{width:800px; margin:0 auto;}
#about .info h4{font-size:1.5em; font-weight:600; text-align:left;}
#about .tbl{margin:0 auto;}
#about .tbl h4{text-align:left;}

@media screen and (max-width:787px) {
#about{ text-align:left;}
#about h3{text-align:center;}
#about h3 p{font-size:2em;}
#about .ceo{width:100%; margin:40px 0 10px 0;}
#about .info{width:100%;}
#about .info .img{text-align:right;}
#about .tbl{width:100%; margin-bottom:20px;}
}

/*회사연혁*/
#about .history{width:80%; margin:0 auto;}
#about .history h4:before{content:""; display:block; width:20px; height:2px; background:#C8E054; margin-bottom:10px;}
#about .history h4{ font-size:1.5em; line-height:1.5em; text-align:left; margin-bottom:20px;}
#about .history h4 strong{font-size:1.2em; font-weight:600;}
#about .history dl{text-align:left; line-height:2em; float:left; width:50%;}
#about .history dl dt{float:left; width:80px; letter-spacing:0; color:#6C9318;}
#about .history dl dd{width:calc(100% - 80px); margin-left:80px;}
#about .history .img{text-align:right;}
@media screen and (max-width:787px) {
#about .history{width:100%;}
#about .history dl{float:none; width:100%}
}

/*찾아오시는길*/
#about .info{margin-bottom:30px;}
#about .info p{font-size:1.2em; font-weight:600; margin-bottom:5px;}

/*캐릭터소개*/
#feature{text-align:center;}

.dl_basic{}
.dl_basic dt:before{content:""; display:block; width:20px; height:2px; background:#C8E054; margin:0 auto 10px auto;}
.dl_basic dt{font-size:1.4em; line-height:1.5em; margin:40px 0 15px 0;}
.dl_basic dd strong{ color:#4B5B8E;}
.dl_basic dd span{ color:#FF3D01; font-weight:600;}

.dl_circle{width:600px; margin:0 auto; text-align:left; border-top:1px dashed #ccc; padding-top:20px;}
.dl_circle dt{float:left; display:block; width:100px; height:100px; line-height:100px; text-align:center; border-radius:50%; background:#C7E052; margin-bottom:10px; }
.dl_circle dt:nth-child(3){background:#EE9DC6;}
.dl_circle dd{width:calc(100% - 100px); height:100px; margin-left:100px; padding:15px 10px; margin-bottom:10px;}
.dl_circle dd p{line-height:70px;}
@media screen and (max-width:787px) {
.dl_basic dt{font-size:1.2em;}
.dl_basic dd{text-align:left;}
.dl_circle{width:100%;}
.dl_circle dd{height:auto;}
.dl_circle dd p{line-height:20px; height:70px;}
}

/*소재비교*/
#feature .fabric{width:460px; margin:0 auto; background:url(../img/sub/feature04_01.gif) no-repeat 95% 50%/auto 80%; 
				  padding:20px 40px 20px 20px; border:1px solid #CCC; border-radius:4px;}
#feature .fabric td{padding:10px 0;}
#feature .fabric td svg{font-weight:1.5em;}
#feature .fabric tr:nth-child(1) td svg{color:#DAE2BA;}
#feature .fabric tr:nth-child(2) td svg{color:#A6BE66;}
#feature .fabric tr:nth-child(3) td svg{color:#8EA63E;}

@media screen and (max-width:787px) {
#feature .fabric{width:100%; padding:10px; background:none;}
}


/*고객맞춤형시스템*/
.dl_title dt{font-size:1.35em; margin-bottom:5px; color:#333;}
.dl_title dd{color:#666; font-size:0.9em;}
.dl_title dd p{font-size:1.1em; margin-bottom:3px; font-weight:600;}
.dl_title dd strong{color:#ED207C;}

#feature .ul_circle li{margin:10px 10px; background:#F3D7DE; border:5px solid #ccc; border-radius:50%; 
						width:100px; height:100px; display:inline-block; vertical-align:top; position:relative;}
#feature .ul_circle li p{position:absolute; top:50%; transform:translateY(-50%); width:100%;}
#feature .ul_circle li strong{display:block;}

#feature .img_list:after{content:""; display:block; clear:both;}
#feature .img_list li{width:50%; height:480px; padding:20px; float:left; text-align:left;}
#feature .img_list li p{float:right;}
#feature .img_list li img{width:100%; margin-bottom:5px;}
#feature .img_list li strong{font-family:dotum; letter-spacing:0;}
@media screen and (max-width:787px) {
#feature .img_list li{width:100%;}
}


/*플레이짐*/
#gym{ text-align:center;}
#gym h4{font-size:2em; margin-bottom:10px; font-weight:600;}
#gym strong{color:#DD127B;}

#gym .cont{ width:50%; margin:0 auto;}
#gym ul{ margin:20px auto; width:300px; text-align:left;}
#gym ul li:nth-child(1) strong{ color:#000;}
#gym ul li:nth-child(3) strong{ color:#3A325B;}

#gym ul li:before{content:""; display:inline-block; width:5px; height:5px; border:1px solid #333; border-radius:50%; margin-right:3px; vertical-align:middle;}

#gym .img{padding:20px 0;}

@media screen and (max-width:787px) {
#gym h4{font-size:1em;}
#gym .cont{width:100%; text-align:left;}
}

/*브랜드 스토리*/
.box_img{margin:0 0 50px; width:100%; height:0; padding-bottom:33.4%; background:url('../img/sub/img_intro.jpg')no-repeat center; background-size:cover !important;}
.box_img.location{margin:0 0 20px; padding-bottom:33.4%; background:url('../img/sub/img_map.jpg')no-repeat center; background-size:cover !important;}
.brand .box_txt{margin:0 4%;}
.brand .box_txt h2{margin:0 0 25px; font-size:25px; font-weight:600; color:#333; word-break:keep-all; line-height:1.6em;}
.brand .box_txt p{margin:0 0 25px; font-size:15px; font-weight:400; color:#555; line-height:1.6em; word-break:keep-all;}
.brand .box_txt b{padding:0 10px 0 0; font-size:17px; font-weight:500; color:#333;}
.brand .box_txt span{font-size:24px; font-weight:500; color:#333; font-family: 'SDKukdetopokki-Lt';}

@media screen and (max-width:850px) {
	.brand .box_img{margin:0 0 30px; padding-bottom:40%;}
	.brand .box_txt{margin:0 2%;}
	.brand .box_txt h2{margin:0 0 15px; font-size:23px;}
	.brand .box_txt p{margin:0 0 15px;}
	.brand .box_txt b{font-size:16px;}
	.brand .box_txt span{font-size:22px;}
}

@media screen and (max-width:720px) {
	.brand .box_txt p br{display:none;}
}
@media screen and (max-width:500px) {
	.brand .box_img{margin:0 0 20px;}
	.brand .box_txt h2{font-size:22px;}
	.brand .box_txt span{font-size:20px;}
}
@media screen and (max-width:400px) {
	.brand .box_txt h2{font-size:20px;}
}

/*연혁*/
.history{position:relative; margin:50px 0;}
.history > span{display:inline-block; position:absolute; top:-20px; left:50%; width:1px; height:100%; background:#eee;}
.history > ul{width:100%;}
.history > ul:after{content:''; display:block; clear:both;}
.history > ul > li{position:relative; content:''; margin:0 0 50px; padding:0; width:50%; border:none; transition:all 0.3s ease;}
.history > ul > li > em{position:relative; display:block; font-style:normal; font-size:27px; font-weight:bold; color:#333; line-height:1.6em;}
.history > ul > li > em:after{content:''; position:absolute; top:18px;; width:7px; height:7px; background:#003a7c; border-radius:50%;}
.history > ul > li > em:before{content:''; position:absolute; top:14px;; width:15px; height:15px; background:transparent; border:1px solid #003a7c; border-radius:15px;}
.history > ul > li:nth-child(2n-1) > em:after{margin-left:-3px; left:0;}
.history > ul > li:nth-child(2n-1) > em:before{margin-left:-7.5px; left:0;}
.history > ul > li:nth-child(2n) > em:after{margin-right:-3.5px; right:0;}
.history > ul > li:nth-child(2n) > em:before{margin-right:-7.5px; right:0;}
.history > ul > li > p{display:block; margin-bottom:7px; font-size:16px; font-weight:400; color:#555; word-break:keep-all;}
.history > ul > li > p:last-child{margin-bottom:0;}
.history > ul > li > p .bold{padding:0 2px 0 0; font-weight:600; color:#555;}
.history > ul > li:nth-child(2n-1){float:right; margin-left:50%;}
.history > ul > li:nth-child(2n-1) > em{padding:0 0 5px 38px;}
.history > ul > li:nth-child(2n-1) > p{padding:0 0 0 38px;}
.history > ul > li:nth-child(2n){float:left; margin-right:50%; text-align:right;}
.history > ul > li:nth-child(2n) > em{padding:0 38px 5px 0;}
.history > ul > li:nth-child(2n) > p{padding:0 38px 0 0;}
.history #historyLine{display:block; width:1px; height:0%; background:#9bbc0c;}

@media screen and (max-width:787px) {
	.history{margin:25px 0;}
	.box.history{margin:30px 0 50px;}
	.box.history > span{left:0;}
	.box.history > ul > li{width:100%; margin:0 0 30px;}
	.box.history > ul > li > em:before{top:19px;}
	.box.history > ul > li > em:after{top:23px;}
	.box.history > ul > li:nth-child(2n-1){float:left; margin-left:0;}
	.box.history > ul > li:nth-child(2n){margin-right:0; text-align:left;}
	.box.history > ul > li:nth-child(2n) > em{padding:0 0 0 25px;}
	.box.history > ul > li:nth-child(2n) > p{padding:0 0 0 25px;}
	.box.history > ul > li:nth-child(2n) > em:after{left:0; margin-left:-3px;}
	.box.history > ul > li:nth-child(2n) > em:before{left:0; margin-left:-7px;}
	.box.history > ul > li:nth-child(2n-1) > em{padding:0 0 0 25px;}
	.box.history > ul > li:nth-child(2n-1) > p{padding:0 0 0 25px;}
	.box.history > ul > li:nth-child(2n-1) > em:after{margin-left:-3px;}
	.history > ul > li > p{font-size:15px;}
}
@media screen and (max-width:400px) {
	.box.history > ul > li:nth-child(2n-1) > em:after{margin-left:-2px;}
}

/*공장위치*/
#content .root_daum_roughmap{border:none; box-sizing:border-box;}
.area_txt.map{position:relative; margin:30px 0; padding: 0 4%;}
.area_txt.map > h2{font-size:27px;font-weight:400;color:#333;line-height:1.6em;word-break:keep-all;}
.area_txt.map ul > li{position:relative;margin:8px 0 0;font-size:16px; font-weight:300; color:#666;}
.area_txt.map ul > li > a{color:#666;}
.area_txt.map ul > li > a > span{font-weight:500;}
.area_txt.map a.btn_map{margin:20px 0 0; min-width:175px; box-sizing:border-box; display:inline-block; padding:17px 20px; background:#003a7c; border-radius:6px; text-align:center;}
.area_txt.map a.btn_map span{position:relative; display:inline-block; padding:0 15px 0 0;; font-size:15px; font-weight:400; color:#fff;}
.area_txt.map a.btn_map span:before{content:''; position:absolute; top:50%; right:0; margin-top:-4.5px; width:13px; height:9px; background:url(../img/icon_arrow.svg)no-repeat center; }

@media screen and (max-width:850px) {
	.area_txt.map{padding: 0 2%;}
	.area_txt.map > h2{font-size:24px}
}
@media screen and (max-width:500px) {
	.area_txt.map > h2{font-size:22px}
}


/*인증현황 및 생산과정*/
.area_certi .box h3{font-size:22px; font-weight:bold; color:#222; text-align:left !important;}
.area_certi .box ul{}
.area_certi .box ul:after{content:''; display:block; clear:both;}
.area_certi .box ul > li{float:left; margin:0 40px 40px 0; width:calc(100% / 3 - 27px); width:-webkit-calc(100% / 3 - 27px); box-sizing:border-box;}
.area_certi .box ul > li:nth-child(3n){margin:0;}
.area_certi .box ul > li img{ border:1px solid #eee; box-sizing:border-box; width:100%; height:auto;}
.area_certi .box ul > li .txt{margin:10px 0 0; border:1px solid #eee; text-align:center; background:#f9f9f9;}
.area_certi .box ul > li .txt p{padding:15px 10px; box-sizing:border-box; font-size:17px; font-weight:500; color:#333; line-height:1.5em; word-break:keep-all;}

@media screen and (max-width:767px) {
	.area_certi .box h3{font-size:20px; margin-bottom:15px !important;}
	.area_certi .box ul > li{margin:0 10px 10px 0; width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px);}
	.area_certi .box ul > li:nth-child(3n){margin:0 10px 10px 0;}
	.area_certi .box ul > li:nth-child(2n){margin:0 0 10px 0;}

}
@media screen and (max-width:650px) {
	.area_certi .box ul > li .txt p{font-size:15px;}
}

@media screen and (max-width:550px) {
	.area_certi .box ul > li .txt p{padding:5px;}
	.area_certi .box.v1 ul > li .txt{position:relative; height:70px;}
	.area_certi .box.v1 ul > li .txt p{padding:5px; position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%);}
}
@media screen and (max-width:400px) {
	.area_certi .box.v1 ul > li .txt p{word-break:break-all;}
}
/*이용방법*/
.info ul{margin:0 auto; width:90%;}
.info ul > li{float:left; margin:0 50px 0 0; padding:18px; box-sizing:border-box; width:calc((100% / 2) - 25px); width:-webkit-calc((100% / 2) - 25px); border:1px solid #eee;}
.info li:nth-child(2){margin:0;}
.info li .area_img{width:100%; height:0; padding-bottom:66%;}
.info li:nth-child(1) .area_img{ background:url('../img/sub/img_info01.jpg')no-repeat center; background-size:cover;}
.info li:nth-child(2) .area_img{ background:url('../img/sub/img_info02.jpg')no-repeat center; background-size:cover;}
.info li .area_txt{min-height:130px; margin:35px 0 20px; text-align:center;}
.info li .area_txt h2{margin:0 0 5px; font-size:22px; font-weight:400;}
.info li .area_txt > ul{width:80%;}
.info li .area_txt > ul:after{content:""; display:block; clear:both;}
.info li .area_txt > ul.list > li{margin:10px 0 0; display:block; width:100%; padding:7px; box-sizing:border-box; background:#f9f9f9; border-radius:50px; font-size:15px; font-weight:400; color:#555;}
.info li .area_txt > ul.list > li > span{padding:0 7px 0 0; font-weight:500; color:#004483;}
.info li .area_txt > ul.list > li > em{font-style:normal;}
.info li .area_txt a{display:block; font-size:30px; font-weight:600; color:#ff6000;}
.info li .area_txt span{padding:10px 0 0; font-size:15px; font-weight:400; color:#555; line-height:1.6em;}

@media screen and (max-width:1050px) {
	.info ul{width:100%;}
	.info ul > li{margin:0 30px 0 0; width:calc((100% / 2) - 15px); width:-webkit-calc((100% / 2) - 15px);}
}
@media screen and (max-width:767px) {
	.info ul > li{margin:0 10px 0 0; padding:15px; width:calc((100% / 2) - 5px); width:-webkit-calc((100% / 2) - 5px);}
	.info li .area_txt > ul{width:100%;}
}
@media screen and (max-width:550px) {
	.info ul > li{margin:0 0 10px; width:100%;}
	.info li .area_txt{min-height:auto;}
}