@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
body{font-size:15px !important;}
.root_daum_roughmap{width:100% !important; padding:0 !important; border:0px !important}

.bgbox{background:#f5f5f5; padding:30px 20px;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.half{width:100%;}


.imgbox img{width:100%;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.cb{clear:both;}

.comm_table{width:100%; border-top:2px solid #faa000; border-collapse:collapse;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:15px 5px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:600; background:#f2f0e9}

.comm_table tr.bgc th, .comm_table tr.bgc td{ background:#e7e7e7}
.comm_table .tal{text-align:left;}

.bd_table{border-right:1px solid #dcdcdc}
.bd_table th, .bd_table td{border-left:1px solid #dcdcdc}



.blackTxt{color:#000000}
.blgrTxt{color:#345468}

.point_txt{position:relative; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#fbca4d}

.bgGray{background:rgba(230,230,230,0.3);}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{background:#ffef67;}

.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:15px; margin-bottom:3px;}

.tit_nm{color:#faa000; font-size:1.4em; font-weight:500}
.tit_dot{color:#000000; ; font-size:1.1em; background:url(../img/dot_bg.png) no-repeat left 3px; padding-left:20px; font-weight:500}
.tit_clr{color:#faa000; font-size:1.1em; font-weight:500}

@media all and (min-width:768px) {
.comm_table th, .comm_table td{padding:15px 10px;}
.comm_dl dt{float:left; margin-right:1%; clear:both;}
.comm_dl dd{width:87%; float:right;}

.sub_con .col-02{width:47%;float:left; margin:0 1.5%;}
.sub_con .col-03{width:30.33%; margin:0 1.5%; float:left;}
.bdLine{padding-bottom:40px; margin-bottom:40px;}

.bgbox{padding:40px 30px;}
.pdbox{padding:40px 30px;}
.mEnter{display:inline-block;}
.tEnter{display:block;}

.col-02{width:47%; float:left; margin:0 1.5%;}
.half{width:48.5%;  float:left;}
.mr{margin-right:3%;}

.tit_nm{font-size:1.6em;}
.tit_dot{font-size:1.2em;}
.tit_clr{font-size:1.2em;}

.imgbox{text-align:center;}
.imgbox img{max-width:600px;}

}

@media all and (min-width:1200px) {
body{font-size:16px !important;}

.bgbox{padding:60px 50px;}
.pdbox{padding:50px;}
.tEnter{display:inline-block;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

.tit_nm{font-size:1.8em;}
.tit_dot{font-size:1.3em; background-position:left 7px; padding-left:23px }

}


/*CEO인사말*/
.ceo_greeting{padding:30px 20px; background:#f8f8f8; position:relative; }
.ceo_greeting .tit{color:#4b1d00; font-size:1.2em}
@media all and (min-width:768px) {
.ceo_greeting{padding:40px 30px;  font-size:1.05em}
.ceo_greeting .tit{ font-size:1.4em}
}

@media all and (min-width:1200px) {
.ceo_greeting{padding:60px 45px; background:#f8f8f8 url(../img/ceo_bg.png) no-repeat center right; background-size:cover !Important;}
.ceo_greeting .txt{padding-right:40%;}
}




/*텍스트연혁*/

.historybox .historyline:last-child{border-bottom:1px solid #e6e6e6}
.historyline{position:relative; clear:both; overflow:hidden}
.historyline:after{content:''; clear:both;}
.historyline h4{text-align:center; font-weight:800; font-size:1.7em; padding:20px;}
.historyline .right{position:relative;}
.historyline .total{position:absolute; right:0px; top:-40px; display:inline-block; padding:5px 10px; color:#ffffff; background:#cd1212; font-size:0.8em; border-radius:100px;}
.historyline .total:after{content:''; position:absolute; border-top:10px solid #cd1212; border-left:10px solid rgba(0, 0, 0, 0); border-right:10px solid rgba(0, 0, 0, 0); bottom:-8px; margin-left:-5px; left:50%;}

.historyline dl.his{border-top:1px solid #e6e6e6; padding:30px 20px; overflow:hidden;}
.historyline dl.his dt{float:left; clear:both; width:17%; font-weight:600; color:#323232}
.historyline dl.his dd{float:right; width:83%; margin-bottom:10px}
.historyline dl.his dd span.point{background:#ffef67; display:inline-block;}
.historyline dl.his dd:last-child{margin-bottom:0px}

.historyline dl.last{border-bottom:1px solid #e6e6e6 !important}

@media all and (min-width:768px) {
.historyline{margin-bottom:0 !important}
.historyline h4{text-align:left; float:left; width:20%; clear:both;}
.historyline h4:after{content:''; width:20%; height:1px; background:#e6e6e6; position:absolute; left:0px; top:0px;}
.historyline .right{float:right; width:75%; }

.historyline dl.his{padding:30px}
.historyline dl.his dt{}
.historyline .total{padding:15px 20px; top:-60px;}
.historyline .right dl:nth-last-child(2){border-bottom:0px}
.historyline :after{content:''; display:block; clear:both}
}




/*공통로테이션박스*/
.robox_dl{overflow:hidden; display: flex;}
.vision .robox_dl{display: block; }
.robox_dl dl{overflow:hidden; padding:30px 20px; background:#ffffff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
margin-bottom:20px;
position:relative; 
}
.robox_dl dl:hover{ -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);}
.robox_dl dl dt{font-weight:600; text-align:center; margin-bottom:15px; }
.robox_dl dl dt img{ margin:0 auto; margin-bottom:10px}
.robox_dl dl dd{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:8px; margin-bottom:3px; text-align:left; }
.robox_dl dl dd:last-child{margin-bottom:0;}
.robox_dl dl dt span{font-size:1.2em; display:block}



@media all and (min-width:768px) {
.robox_dl dl{position:relative; width:70%; vertical-align:top; display:inline-block; margin:15px 1%; /*! min-height:310px; */}
.rec_dl4 dl{width:22%; min-height:210px;}
.robox_dl dl dt,
.robox_dl dl dd{width:100%; float:none;}
.robox_dl dl:after, .robox_dl dl:before,
.robox_dl dl dt:after, .robox_dl dl dt:before{
  width: 3px;
  height: 0;
  position: absolute;
  display: block;
  content: "";
  background-color: #ff6317;
  transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}
.robox_dl dl:after{width:0px; height:3px;}
.robox_dl dl dt:after{width:0px; height:3px;}

.robox_dl dl:before{width:3px; height:0px;}
.robox_dl dl dt:before{width:3px; height:0px;}

.robox_dl dl:after{left:0; top:0}
.robox_dl dl:before{left:0; bottom:0}

.robox_dl dl dt:after{right:0; bottom:0}
.robox_dl dl dt:before{right:0; top:0; }
.robox_dl dl:hover:after{width:100%}
.robox_dl dl:hover:before{height:100%;}



.robox_dl dl:hover dt:after{width:100%}
.robox_dl dl:hover dt:before{height:100%;}


}



/*비전*/
.vision h4{font-size:1.6em; font-weight:600}
.visionbox dl dt img{max-width:100px;}
@media all and (min-width:768px) {
.vision h4{font-size:2em;}
.visionbox dl{padding:30px 15px; /*! min-height:420px */}

}

@media all and (min-width:1200px) {
.visionbox dl{padding:30px 20px; /*! min-height:350px; */width: 55%;}
}


/*회현당사람들*/
.per_li{overflow:hidden; padding-top:20px; border-top:2px solid #faa000}
/*.per_li li{display:inline-block; padding:0 10px 10px; vertical-align:top;}*/
.per_li li{width:16.66%; float:left; text-align:center; padding: 3px 0; vertical-align:top; }

.org_li{overflow:hidden; padding-top:20px; border-top:2px solid #faa000}
.org_li li{float:left; width:48%;  text-align:center; padding: 5px 0; margin:0 1%;}
.org_li li img{border:1px solid #dcdcdc}

@media all and (min-width:768px) {
.per_li li{width:10%;}
.org_li li{width:31.33%;}

}

@media all and (min-width:1200px) {
.per_li li{width:5%;}
}

/**/
.circle_li{overflow:hidden; text-align:center;}
.circle_li li{width:130px; height:130px;background:#bd2004;  font-weight:600; display:inline-block; vertical-align:middle; color:#ffffff ; text-align:center; border-radius:500px; overflow:hidden; line-height:130px; position:relative; }
.circle_li li span{display:block; font-size:0.85em; font-weight:normal; position:absolute; height:20px; bottom:30px; left:0; right:0; margin:auto; z-index:1; line-height:100%}
.circle_li li:nth-child(even){background:#fda100}

.team_li{overflow:hidden; text-align:center;}
.team_li li{float:left; width:48%; margin: 0 1% 3px; padding:10px 0px; background:#faa000; color:#ffffff; border-radius:3px;}

.check_li li{padding-left:20px; position:relative;}
.check_li li:before{display:block; position:absolute; left:0; top:2px; font-family: 'FontAwesome';  content:"\f00c";  font-size:0.8em; color:#faa000;}


.halbox{background:#fafaf5; padding:20px; border:1px solid #dcdcdc;  border-top:2px solid #faa000;}
.bdbox{background:#fafaf5; padding:20px; border:1px solid #dcdcdc;  border-top:2px solid #faa000;}

@media all and (min-width:768px) {
.team_li li{width:23%}
.halbox .box{width:47%; margin:0 1.5%; float:left;}
.halbox .box ul{margin-bottom:0 !important}
.serbox {overflow:hidden}
.serbox li{width:47%; margin:0 1.5%; float:left;}

}

@media all and (min-width:1200px) {
}

/*소개공통*/
.com_top{text-align:center;}
.com_top h3{font-size:1.5em; letter-spacing:-1.5px}
.com_top h3 span{font-size:1.2em}
.com_top p{font-size:1.1em}
@media all and (min-width:768px) {
.com_top h3{font-size:2em;}

}

@media all and (min-width:1200px) {
.com_top h3{font-size:2.3em; }
.com_top p{font-size:1.3em}
}



@media all and (min-width:1200px) {
.program ul li{width:25%;} 
.program ul li:nth-child(2):after{display:block}
.program p{font-size:1.3em}

.program_bottom .combox.left{max-width:900px; margin:0 auto; margin-bottom:50px;}
.program_bottom .combox.right{max-width:1100px; margin:0 auto; }

}
.num_li{vertical-align:top;}
.num_li li{margin-bottom:5px;}
.num_li li b{display:inline-block; width:25px; height:25px; position:relative; color:#ffffff; font-weight:bold; z-index:2; text-align:center;}
.num_li li b:before{content:''; position:absolute; background:#323232;width:25px; height:25px; border-radius:50px; z-index:-1; left:0; top:0}
.num_li li span{margin-left:3%}

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

.num_li {overflow:hidden; padding:1.5% 0;}
.num_li li{display:block; text-align:center; width:30.3%; vertical-align:top; margin: 1% 1.5%; padding:10px 0px; border:1px solid #c8c8c8; float:left; min-height:120px}
.num_li li.long{background-position:10px 30px !important}
.num_li li b{display:inline-block; top:-20px}
.num_li li span{display:block; margin-left:0;}
.num_li li span.sm{font-size:0.9em;}

}

@media all and (min-width:1200px) {
.num_li li{width:19%; margin:1% 0.5%}
}


/*시설소개*/
.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #00a097; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}



/*탭홀더*/
.tablist {overflow:hidden; border-left:1px solid #e6e6e6}
.tablist li{float:left; width:20%; border-right:1px solid #e6e6e6; border:1px solid #e6e6e6; border-width:1px 1px 1px 0px}
.tablist li a{font-family:'ns'; display:block; line-height:60px; text-align:center;}
.tablist li a:hover{background:#fafafa; color:#faa000}
.tablist li.active a{background:#faa000; color:#ffffff; font-weight:bold}


.tabquery {overflow:hidden;}
.tablist li{float:left; width:20%; border-right:1px solid #e6e6e6; border:1px solid #e6e6e6; border-width:1px 1px 1px 0px; display:block; line-height:60px; text-align:center; font-weight:600}
.tablist li:hover{background:#fafafa; color:#faa000;  cursor:pointer}

.tablist li.current {background:#faa000; color:#ffffff; }

.tablist.list03 li{width:33.33% !important}
.tablist.list06 li{width:16.66% !important}

.tablist.list07 li{width:33.33% !important}

@media all and (min-width:768px) {
.tablist.list07 li{width:14.25% !important}
}


/*연혁*/


.historyBox{position:relative; overflow:hidden; border-top:1px solid #dcdcdc; padding:20px 0px}
.historyBox:before{content:''; position:absolute; left:0; top:0; width:15%; height:3px; background:#b6a190}
.historyBox h4{text-align:center; font-weight:bold; font-size:36px; padding-bottom:20px;}
.historyBox .right{position:relative;}

.historyBox dl.his{padding:10px; overflow:hidden;}
.historyBox dl.his dd span.date,
.historyBox dl.his dd span.none{font-family: 'Montserrat', sans-serif !important; font-weight:bold; width:13%; display:block; float:left;}
.historyBox dl.his dd span.txt{width:87%; float:right; display:block; background:url(../img/dot_li.gif) no-repeat left 9px; padding-left:10px;}

.historyBox dl.his dt{float:left; clear:both; width:8%; font-weight:bold; color:#323232; background:none; padding-left:0}
.historyBox dl.his dd{float:right; width:90%; margin-bottom:5px; overflow:hidden; padding-left:0}
.historyBox dl.his dd span.point{background:#ffef67; display:inline-block;}
.historyBox dl.his dd:last-child{margin-bottom:0px}
.historyBox:last-child{border-bottom:1px solid #dcdcdc}

@media all and (min-width:768px) {
.historyBox h4{float:left; width:20%; padding-bottom:0;}
.historyBox:before{width:5%; }
.historyBox .right{float:right; width:80%;}
.historyBox dl.his dd span.date,
.historyBox dl.his dd span.none{width:8%;}
.historyBox dl.his dd span.txt{width:90%}
.historyBox dl.his{padding:10px}
}


/*그래프연혁*/
	.hisGrap{position:relative;}
	.hisGrap h4{text-align:center; }
	.hisGrap h4 b{font-size:1.8em; color:#faa000}
	.hisGrap h4 span{display:block; position:relative;}
	
	.hisGrap ul{position:relative; padding:20px 0px; text-align:center;}
	.hisGrap ul li{background:#ffffff; margin-bottom:10px; position:relative; padding:4px 0px;}
	.hisGrap ul li span.date{display:block; font-weight:600;}


	.hisGrap ul:before{content:''; display:block; width:1px; height:100%; background:#dcdcdc; position:absolute; top:0;  left:0; right:0; margin:auto}
	.hisGrap ul:after{content:''; display:block; width:7px; height:7px; background:#faa000; position:absolute; bottom:0; left:0; right:0; margin:auto; border-radius:500px}

	.hisGrap.his02 h4:before{background:#b0cf01}
	.hisGrap.his02 ul:after{background:#b0cf01}

	.hisGrap.his03 h4:before{background:#777e8f}
	.hisGrap.his03 ul:after{background:#777e8f}


	@media all and (min-width:768px) {
	.hisGrap h4{position:relative; color:#ffffff; width:150px; height:150px; margin:0 auto;  color:#ffffff; text-align:center; margin-bottom:20px;}
	.hisGrap h4:before{content:''; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; display:block; width:100%; height:100%; background:#faa000;  border-radius:500px; }
	.hisGrap h4 b{position:relative; color:#ffffff; line-height:150px; display:block;}
	.hisGrap ul li{background:none; margin-bottom:0;}
	.hisGrap ul li span{position:relative; display:block; padding-right:10%}
	.hisGrap ul li span.date{padding-top:10px;}
	.hisGrap ul li span.date:before{content:''; width:10%; height:1px; background:#dcdcdc; position:absolute; right:0;top:0;}
	.hisGrap ul li span.date:after{content:''; width:7px; height:7px; background:#faa000; position:absolute; top:-2px; right:10%; border-radius:500px;}
	.hisGrap ul .left{text-align:right; margin-right:50%;}
	.hisGrap ul .right{text-align:left;}

	.hisGrap ul .right{margin-left:50%;}
	.hisGrap ul li.right span{padding-right:0; padding-left:10%}
	.hisGrap ul li.right span.date:before{right:auto; left:0;}
	.hisGrap ul li.right span.date:after{right:auto; left:10%}

	.hisGrap.his02 ul li span.date:after{background:#b0cf01}
	.hisGrap.his03 ul li span.date:after{background:#777e8f}
	}


/*경력
.historyWrap{margin: 0 auto; overflow:hidden; position:relative;}
/*.historyWrap:before{content:''; position:absolute; display:block; width:3px; height:100%; background:#276de1; top: 0; left:0; right:0;  margin:auto;}
.historyWrap h4{font-size:2em; text-align:center;}
.his{overflow:hidden; margin-bottom:10px;}
.his dt{ font-weight:600; color:#323232; line-height:100%; padding-left:50px;background:url("../img/his_dt.png") no-repeat 5px 0px; position:relative;  margin-bottom:5px}
.his dd{padding-left:50px; overflow:hidden; margin-bottom:5px;}

.history-year{position:relative;}
.history-year:before{content:''; position:absolute; display:block; width:3px; height: calc(100% - 32px); background:#b6a190; top: 0; left:10px; margin:auto;}
.historyWrap .his:last-child{margin-bottom:0}

.historyWrap h4{font-weight:600; line-height:100%; margin-bottom:20px}
@media all and (min-width:768px) {
.histop{padding-top:60px;}

.historyWrap{overflow:hidden;}
.historyWrap h4{ width:20%; float:left; font-weight:600}
.historyWrap .history-year{width:80%; float:left;}
}
*/
/*
@media all and (min-width:1200px) {
.historyWrap h4{width:15%;}
.historyWrap .history-year{width:85%;}
}*/


/*인증서*/

.certi{overflow:hidden; font-size:0;}
.certi li{display:inline-block; width:47%; margin: 1.5%; font-size:15px; vertical-align:top}
.certi li img{border:1px solid #dcdcdc}
.certi li span{display:block; width:100%; padding:10px 0; text-align:center; vertical-align:top}

@media all and (min-width:768px) {
.certi li{width:22%; }
.certi li span{padding:15px 0; }
}


/*제품소개*/
.sub_product .probox dl dt{font-size:1.2em}






/*회현연가*/
.reportbox{position:relative; height:300px; overflow:hidden; background:url(../img/book_img.jpg) no-repeat center center ;background:cover !imortant}
.reportbox img{position:absolute; left:-140%; top:0; bottom:0; right:0; margin:auto; max-width:none; width:auto; display:inline-block; vertical-align:middle;  min-height:300px;}
.reportbox .report{position:absolute; left:20%; bottom:20%; right:20%; top:20%; background:rgba(189,32,4,0.8); color:#ffffff; padding:30px; text-align:center;}
.reportbox .report h4{position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; height:80px;}
.reportbox .report b{font-family:'gd'; font-size:1.3em; display:block }
@media all and (min-width:768px) {
.reportbox .report{position:absolute; max-width:300px;  left:3%; bottom:20%; right:20%; top:20%; background:rgba(189,32,4,0.8); color:#ffffff}
.reportbox .report h4 b{font-size:2em;}
.reportbox .report h4{text-align:left; padding-left:30px;}
}
@media all and (min-width:1200px) {
.reportbox .report{left:50px;}
}

/*제품소개*/
.product-list {}
.product-list:after {content:''; display:block; clear:both;}
.product-list ul{display:flex; flex-wrap:wrap; gap:2%; }
.product-list li {float:left; position:relative; width:100%;  margin-bottom:20px; }
.product-list li .img {position:relative; width:100%; background-color:#fafafa; overflow:hidden; z-index:1; text-align:center}
.product-list li .img img {position:relative; transition: transform 0.5s ease; z-index:-1; /*max-width:350px;*/ width:100%;}
.product-list li .img:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(72, 51, 38, 0.95); opacity:0; border-radius:30px; transition:all 0.45s ease;}
.product-list li:hover .img img {transform: scale(1.1);}
.product-list li:hover .img:after {content:''; display:block; position:absolute; top:-170px; left:-170px; width:200%; height:180%; background-color:rgba(72, 51, 38, 0.90); opacity:1; border-radius:170px; transition:all 0.45s ease;}


.product-list li:hover .icon {opacity:0; transition:all 0.45s ease;}
.product-list .info {display:block; position:absolute; top:30%; left:0px; right:0; bottom:0; padding:20px; text-align:center; z-index:2; opacity:0;  transition:all 0.45s ease; color:#ffffff}
.product-list .info dt {margin-top:40px; font-size:1.5em; margin-bottom:20px; transition:all 0.45s ease;}
.product-list .info dd{margin-bottom:5px; vertical-align:middle;}
.product-list .info dd.ex{font-size:0.9em; margin-top:20px}
.product-list .info dd span{display:inline-block; vertical-align:middle; padding:1px 8px; border-radius:300px; border:1px solid #ffffff}
.product-list .info dd:last-child{margin-bottom:0;}
.product-list .info .more{text-indent:-999999px; position:relative; width:40px; height:40px; margin: 0 auto; margin-top:20px; background:#faa000; border-radius:100%; }
.product-list .info .more:after {content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:25px; height:2px; background-color:#fff; transition:all 0.45s ease-in-out;}
.product-list .info .more:before {content:''; display:block; position:absolute;  left:0; right:0; top:0; bottom:0; margin:auto; width:2px; height:25px;  background-color:#fff; transition:all 0.45s ease;}
.product-list li:hover .info {display:block; position:absolute; top:0; left:0px; right:0; bottom:0; text-align:center; z-index:2; opacity:1; transition:all 0.45s ease;}
.product-list li:hover .info .txt {margin-top:23px; padding:0 20px; color:#fff; font-size:17px; line-height:28px; opacity:0.8; transition:all 0.45s ease;}
.product-list .name {padding-top:15px; text-align:center;}
.product-list .name .tit{font-size:1.4em; font-weight:500; margin-bottom:10px}
.product-list .name .txt{font-size:0.9em;}
.product-list .name .txt span{display:inline-block; padding:1px 2px; margin:0 2px;  letter-spacing:0px; }
.product-list .name .txt span.t1,
.product-list .name .txt span.t2{padding:1px 8px;  border-radius:300px;  background:#faa000; color:#ffffff; font-weight:600}

@media all and (min-width:500px) {
.product-list li {width:49%; margin-bottom:40px;}

}

@media all and (min-width:768px) {
.product-list li { width:32%; margin-bottom:60px;}


}



.product_li{overflow:hidden;}
.product_li li{float:left; width:47%; margin:0 1.5% 10px; font-size:15px; text-align:center; font-size:0.9em}
.product_li li img{margin-bottom:10px;}
.product_li li p span{display:block; font-weight:600; margin-bottom:5px}
.product_li li p span:first-child{font-size:1.1em; color:#323232}
.product_li li p span.price{margin-top:5px; font-weight:600; color:#ffffff; background:#bd2004; display:inline-block; padding:0px 10px; }

.markbox{text-align:center; padding:20px 0px; border:1px solid #dcdcdc; border-top:1px solid #faa000; border-width:1px 0px;}
.markbox img{margin-bottom:10px;}
.markbox h5{color:#faa000; font-weight:600; margin-bottom:10px; font-size:1.1em;}
.markbox .box{margin-bottom:20px;}
.markbox .box:last-child{margin-bottom:0}

.rep_pro{text-align:center; background:#f5f5fa; padding:40px 20px;}
.rep_pro h5{color:#bd2004; font-weight:600; margin-bottom:10px; font-size:1.1em;}
.rep_pro img{margin:0 auto; display:block; max-width:300px; margin-bottom:10px; width:100%}
.rep_pro p{background:#bd2004; color:#ffffff; display:inline-block; padding:0 10px; font-weight:600}

@media all and (min-width:640px) {
.markbox .box{width:33.33%;  float:left; }
}

@media all and (min-width:768px) {
.product_li li{width:22%; margin-bottom:30px}
}

@media all and (min-width:1200px) {
.product_li li p span:first-child{font-size:1.3em;}
.pro_cham .left{width:62%; float:left;}
.pro_cham .right{width:38%; float:left;}
.rep_pro{background:none; padding:0; margin-top:80px;}
.rep_pro img{max-width:100%;}
.rep_pro h5{display:none;}
}


/*프로그램*/
.proWrap{; text-align:center; max-width:1000px; margin:0 auto}
.proWrap .pro{margin-bottom:20px;}
.proWrap .pro .txt{padding:30px 50px;}
.proWrap .pro .txt h4{font-family:'gd';font-size:1.2em; margin-bottom:20px; color:#faa000}
.proWrap .pro .txt h4:after{content:''; width:50px; height:1px; background:#faa000; margin: 0 auto; display:block; position:relative; margin-top:10px}
.proWrap .pro img{max-width:100%;}
@media all and (min-width:660px) {
.proWrap .pro{overflow:hidden; }
.proWrap .pro .txt{width:60%; float:left; padding:10% 30px 0;}
.proWrap .pro img{float:left; width:40%;}
.proWrap .proR .txt{float:right}
}
@media all and (min-width:1200px) {
.proWrap .pro .txt h4{font-size:1.5em;}
.proWrap .pro .txt{padding:12% 30px 0}
}




/*약관*/
.ex_top{padding:3%; border:1px solid #e6e6e6}
.provisionBox h4{font-weight:bold; font-size:1.2e; color:#323232}
.provisionBox h5{font-weight:bold; font-size:1.1em; color:#323232}
.provisionBox h6{font-weight:bold}

.ex_top h5{font-weight:bold; font-size:1.1em; color:#345568; margin-bottom:20px;}
.ex_top ul{margin-bottom:20px;}

#inline-pop2 h5{font-weight:bold; font-size:1.1em; color:#345568; margin-bottom:20px;}
#inline-pop2 ul{margin-bottom:20px;}

/*cham_crew*/
.cham_crew {text-align:center;}
.cham_crew img{width:600px;}


/*설비현황*/
.float2 {}
.float2:after {display:block; clear:both; content:"";}
.syncSlider{float:left; width:45%; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync1 .item span {position:absolute; bottom:0; right:0; padding:5px 10px; background:#505050; color:#fff;}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #00a097; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}

.qiu_tbl {float:left; width:55%; padding-left:50px;}
.qiu_tbl:after {display:block; clear:both; content:"";}
.qiu_tbl .qium_tbl {float:left; width:50%}

@media all and (max-width:768px) {
.syncSlider,
.qiu_tbl {float:none; width:100%; padding-left:0;}

}

@media all and (max-width:480px) {
.qiu_tbl .qium_tbl {float:none; width:100%}
.qiu_tbl .qium_tbl:last-child {border-top:0;}
.qiu_tbl .qium_tbl .qium_th {display:none;}

}


/*제품뷰페이지*/
.product-view:after {display:block; clear:both; content:""; position:relative; background:#f5f5f5; height:200px; bottom:150px; z-index:-1;}
.product-view .view_tit {text-align:center; margin-bottom:5%;}
.product-view .mr0 {margin-bottom:0;}
.product-view .view_tit h5 {font-size:2.5em; padding-bottom:10px;}
.product-view .view_tit p {font-size:1.125em;}
.detail_page .pro_img {float:left; width:50%; text-align:center;}
.detail_page .bi_pro {margin-top:12%;}
.detail_page .pro_img img {max-width:450px; width:100%;}
.detail_page .pro_txt {float:left; width:45%; margin:5% 0 0 5%; border:1px solid #ddd; background:#fff;}
.detail_page .pro_txt dl {border-bottom:1px solid #ddd; padding:30px 20px 30px 150px; background-position:35px 30px !important; background-repeat:no-repeat !important; background-size:40px !important;}
.detail_page .pro_txt dl.ico_met {background:url(../img/ico_pro_met.gif);}
.detail_page .pro_txt dl.bi_met {background-position:35px 45px !important;}
.detail_page .pro_txt dl.ico_date {background:url(../img/ico_pro_date.gif);}
.detail_page .pro_txt dl.ico_weight {background:url(../img/ico_pro_weight.gif);}
.detail_page .pro_txt dl.ico_keep {background:url(../img/ico_pro_keep.gif);}
.detail_page .pro_txt dl dt {font-weight:600;}
.pro_pic {text-align:center; }
.pro_pic img {max-width:450px;}

@media all and (max-width:600px) {
.product-view .view_tit h5 {font-size:1.8em;}
.product-view .view_tit p {font-size:1.000em;}
.detail_page .pro_img,
.detail_page .pro_txt {width:100%; }
.detail_page .pro_txt {margin:20px 0;}
.detail_page .pro_txt dl  {padding-left:100px; background-position:25px 30px !important; }
}

/*제조공정*/
.process {margin-bottom:60px;}
.process h4 {font-size:1.6em; font-weight:600; text-align:center; padding-bottom:20px;}
.process .tit_dot,
.youtube_area.tit_dot {padding-bottom:20px;}
.process .process_img { padding-top:20px;}
.process .process_img img {/*! max-width:1050px; */}
.process_box {margin-bottom:30px;}
.process .robox_dl dl {min-height:200px;}

@media all and (min-width:768px) {
.process h4{font-size:2em;}
}


/*품질관리*/
.quality .robox_dl dl {width:47%;}
.quality dl {min-height:250px !important;}
.quality_room {margin-top:50px;}
.quality_room .tit_dot {margin-bottom:10px;}
.quality_img p {float:left; width:50%; text-align:center; padding:1%;}

@media all and (max-width:768px) {
.quality .robox_dl dl {width:100%;}
}


/*위생관리*/
.process_box .tit_dot .cesco {font-size:0.8em !important; font-weight:normal;}
.hyg_manag p span {font-weight:bold; display:block; padding-bottom:5px; }
.hyg_faciity {text-align:center;}
.hyg_faciity:after {display:block; content:""; clear:both;}
.hyg_faciity p {float:left ;width:31%;}
.hyg_faciity p:nth-child(2) {margin:0 20px;}

@media all and (max-width:600px) {
.hyg_faciity p {width:95%;}
}

.btn_go a {color:#ffffff !important; display:inline-block; vertical-align:middle; padding:12px 20px; line-height:100%; font-size:19px; background:#ff6317; border-radius:100px; position:relative; margin-top:25px}