@charset "utf-8";
/* 산성소주 */
.photo_soju { width: 426px; margin: 0 auto;}
.photo_soju >li {float: left;}
.photo_soju >li:first-child {margin-right: 10px;}
.photo_soju >li img {max-width: 100%;background: #fff;border: 1px solid #ddd;padding: 4px;box-sizing: border-box;}
.soju_list >li {float: left; width: 77%;}
.soju_list >li:first-child {margin-right: 20px; width: 20%;}
.soju_list >li img { background: #fff;border: 1px solid #ddd; padding: 4px; box-sizing: border-box;}
@media all and (max-width:667px) {
	.soju_list >li {width: 100% !important;}
	.soju_list >li:first-child {text-align: center;margin-bottom: 10px;}
	.soju_list >li img { max-width: 100%;}
}
@media all and (max-width:414px) {
	.photo_soju {width: 90%;}
	.photo_soju >li {float: none;}
	.photo_soju >li:first-child {margin-bottom: 10px;}
	.photo_soju >li:first-child, .soju_list >li:first-child {margin-right: 0;}
}

/* 사용전검사제도 */
.process_box { margin:0 auto; margin-top:20px; background:url(/portal/img/sub04/bg_process.png) 20px 17px no-repeat; }
.process_box > ul > li { position:relative; margin-top:30px; }
.process_box li:first-child { margin-top:0; }
.process_box li div { width:90%; margin:0 auto; padding:15px; text-align:center; border-radius:10px; border:2px solid #daebc2; background:#f1f9e6; box-sizing:border-box; }
.process_box li.even div { border:2px solid #ffe8cb; background:#fff3e5; }
.process_box li div p { font-size:16px; letter-spacing:-1px; }
.process_box li div span { font-size:16px; color:#0567ad; }
.process_box li ul { width:92%; margin:0 auto; }
.process_box li ul li { position:relative; width:50%; }
.process_box li ul li div { width:95%; }
.process_box li ul:after { content:''; display:block; clear:both; }
.process_box > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box > ul > li:first-child:before { display:none; }
.process_box > ul > li.last_list:before { display:none; }
.process_box > ul > li > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box li div.txt { position:absolute; border:0; width:auto; background:none; padding:0; border-radius:0; top:-25px; right:17%; }
.process_box li div.txt p { font-size:14px; }
.process_box > ul > li.var:after { content:''; display:block; width:27px; height:1px; border-top:2px solid #0567ad; position:absolute; left:20px; top:50%; margin-top:-1px; }

.inter_info { background:none; }

/* 농업기술센터교육 */
.farm_info { border-top:1px dashed #ddd; margin-top:20px; padding:20px 20px 0; box-sizing:border-box; }
.farm_info dl { margin-top:10px; }
.farm_info dl:first-child { margin-top:0; }
.farm_info dt { float:left; width:12%; font-size:15px; font-weight:600; letter-spacing:-1px; }
.farm_info dd { float:left; margin-left:2%; }
.farm_info dl:after { content:''; display:block; clear:both; }
.farm_info  input[id^="tel"] { width:20%; }
.farm_info  .btn { padding:8px 15px; }

@media (max-width:1024px){
	.process_box { background-position:5px 17px; }
	.process_box > ul > li.var:after { left:5px; }
	.process_box li div.txt { right:15%; }
}

@media (max-width:810px){
	.process_box li div.txt { right:10%; }
}

@media (max-width:750px){
	.farm_info dt { width:15%; }
}

@media (max-width:715px){
	.farm_info dt { width:100%; }
	.farm_info dd { width:100%; margin-left:0; margin-top:5px; }
	.farm_info .taR { text-align:center !important; margin-top:20px; }
	.farm_info  .btn { width:100%; box-sizing:border-box; }
}

@media (max-width:625px){
	.process_box { background:none; }
	.process_box > ul > li.var:after { display:none; }
}

@media (max-width:600px){
	.farm_info  input[id^="tel"] { width:30%; }
}

@media (max-width:565px){
	.process_box li div.txt { right:5%; }
}

@media (max-width:450px){
	.farm_info  .btn { margin-bottom:20px; }
}
@media (max-width:445px){
	.process_box li div.txt { right:2%; }
	.process_box li div.txt p { font-size:12px; }
}

@media (max-width:340px){
	.process_box li div p,
	.process_box li div span { font-size:14px; }
}

.topbox.jibang{background: url(/portal/img/sub04/ico_topbox_jibang.png) no-repeat 0 29px;}
.topbox.bulryang{background: url(/portal/img/sub04/ico_topbox_bulryang.png) no-repeat 0 29px;}

.cctv_wrap{margin-top: 20px;}
.cctv_wrap p{float: left; width: 55%;}
.cctv_wrap p img{max-width: 100%;}
.cctv_wrap>div{float: right; width: 44%;}
.cctv_wrap ul .txt, .cctv_wrap ul strong{display: inline-block; vertical-align: top;}
.cctv_wrap ul .txt{width: 85%;}
.cctv_wrap ul strong{width: 15%;}
@media (max-width:916px){
	.cctv_wrap p, .cctv_wrap>div{float: none; width: 100%;}
	.cctv_wrap p{text-align: center; margin-bottom: 10px;}
	.cctv_wrap p img{width: 100%;}
}
@media (max-width:406px){
	.cctv_wrap ul strong{width: 20%;}
	.cctv_wrap ul .txt{width: 80%;}
}
@media (max-width:330px){
	.cctv_wrap ul .txt, .cctv_wrap ul strong{display: block; width: 100%;}
}