@charset "utf-8";

.clearfix:after{content:"";clear:both;display:block;}

/* 좌측 이미지 우측 내용 */
.l_img p.img{text-align:center}
@media all and (min-width:1023px) {
.l_img{overflow:hidden}
.l_img>p.img{float:left;width:30%;}
.l_img .limg_con{padding: 0 0 0 30%;}
.l_img .limg_con>h4{margin-top:0;}
}

/* 좌측 이미지 40% 우측 내용 */
.l_img40 p.img{text-align:center}
@media all and (min-width:1023px) {
.l_img40{overflow:hidden}
.l_img40>p.img{float:left;width:40%;}
.l_img40 .limg_con{padding: 0 0 0 40%;}
.l_img40 .limg_con>h4{margin-top:0;}
}

/* basic_box 좌측이미지 우측 내용 */
.box_img{overflow:hidden}
.box_img>.box_img_l{text-align:center}
.box_img>.box_img_r p{font-size:16px}
@media all and (min-width:768px) {
.box_img>.box_img_l{float:left;width:20%}
.box_img>.box_img_l img{border:1px solid #f3f3f3}
.box_img>.box_img_r{float:left;padding:0 0 0 5%;width:75%}
}

/***** sub01 *****/


/* 01 소개 */

.introduce01{line-height:1.8em;}
.introduce01>p>strong{font-weight:bold;font-size:20px;}
.introduce02{line-height:1.8em;}
.introduce02 h5{color:#1a6835;background:none;padding:0 0 30px 0;margin:35px 0 0 0;font-size:28px;width:100%;border-bottom:3px solid #1a6835}
.introduce02>ul{padding:20px 0}
.introduce02>ul>li{padding:6px 0;color:#555;font-size:14px;}
.introduce02>ul>li>em{font-style:normal;font-weight:bold;}
.introduce02>ul>li>strong{color:#1a6835;padding:0 20px}
.introduce02>ul>li>span{display:block}
@media all and (min-width:768px) {
.introduce01{padding:0 0 10px 37%;background:url("/upload_data/board_data/BBS_0000130/173691873374573.jpg") no-repeat left top;background-size:30%;min-height:350px;}
.introduce01>p>strong{font-weight:bold;font-size:20px;}
.introduce01>p.tit strong{color:#1a6835;font-size:24px !important;}
.introduce01>p.tit strong span{color:#603812}
.introduce02{padding:0 0 10px 0;/*padding:40px 0 10px 47%;background:url(/images/08_agr/contents/sub01/introduce_bg02.png) no-repeat left center;*/background-size:20%;line-height:1.8em;}
.introduce02 h5{color:#1a6835;background:none;}
.introduce02>ul>li{font-size:16px;}
.introduce02>ul>li>span{display:inline}
}
@media all and (min-width:1024px) {
.introduce01{background-size:auto;padding-left:220px;}
}

/* 03 시설안내 */
.facilities_list{overflow:hidden}
.facilities_list li{width:94%;margin:1% 0;float:none;border:1px solid #f3f3f3;padding:2%;overflow:hidden}
.facilities_list li p{text-align:center}
.facilities_list li dl{padding:15px 0;margin:15px 0 0 0;}
.facilities_list li dl>dt{font-size:20px;font-weight:bold;margin:0 0 3% 0;text-align:center}
.facilities_list li dl>dd{font-size:14px;line-height:1.8em;letter-spacing:-1px;padding: 0 0 0 12px;margin: 0 0 5px 0;background: url(/images/08_agr/common/li01.png) no-repeat 0 7px;margin:0 0 0 10%}
@media all and (min-width:549px) {
.facilities_list li p{float:left;margin:0 2% 0 0}
.facilities_list li dl{float:left;margin:0}
.facilities_list li dl>dt{text-align:left}
.facilities_list li dl>dd{margin:0;}
}
@media all and (min-width:1023px) {
.facilities_list li{width:28.3%;margin:0 1% 1% 0;float:left;padding:2%;min-height:321px}
.facilities_list li:nth-child(3n+3){margin-right:0;}
.facilities_list li p{float:none}
.facilities_list li dl{padding:15px 0;border-top:dashed 1px #f3f3f3;margin:15px 0 0 0;float:none}
.facilities_list li dl>dt{text-align:center;padding:0 0 20px 0}
.facilities_list li p{text-align:center;}
}




/***** sub02 *****/

/* 농업특산물01 */
.agr_product{overflow:hidden}
.agr_product li{width:94%;margin:1% 0;float:none;border:1px solid #f3f3f3;padding:2%;overflow:hidden;text-align:center;}
.agr_product li p.img{text-align:center;margin:0 0 10px 0}
.agr_product li p.tit{text-align:center;padding:10px 0;background:#f3f3f3}
@media all and (min-width:549px) {
.agr_product li{float:left;width:43%;;margin:1%}
}
@media all and (min-width:1023px) {
.agr_product li{width:28.3%;margin:0 1% 1% 0;padding:2%}
.agr_product li:nth-child(3n+3){margin-right:0;}
}




/***** sub03 *****/
/* 농업인교육*/
.edu_photo li{text-align:center;font-size:14px;margin:0 0 20px 0;min-height:175px;}
.edu_photo li img{display:block;margin:0 auto 10px auto;width:90%}
@media all and (min-width:768px) {
.edu_photo ul{overflow:hidden}
.edu_photo li{float:left;width:33.3333%;}
}

/***** sub04 *****/

/***** sub05 *****/

/***** sub06 *****/

/* 울진캘린더 */
.uj_calender{margin:0 0 30px 0}
.uj_calender .calender p{text-align:center;font-size:20px;color:#333;margin:0 0 10px 0}
.uj_calender .calender p *{vertical-align:middle}
.uj_calender .calender p strong{color:#223e99}
.uj_calender .calender p a{display:inline-block;margin:0 20px;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.uj_calender .calender p a.prev{background-position:-87px -108px}
.uj_calender .calender p a.next{background-position:-116px -108px}
.uj_calender table{width:100%;margin:0 0 20px 0}
.uj_calender th, .uj_calender td{border:1px solid #dedede;width:14%;text-align:center}
.uj_calender th{border-top:1px solid #223e99;background:#f4f6fb;color:#223e99;padding:15px 0}
.uj_calender td{padding:10px 0}
.uj_calender td.sat a{color:#29aece}
.uj_calender td.sun a{color:#e4580b}
.uj_calender td a{border-radius:15px;display:inline-block;width:30px;height:20px;padding:5px 0}
.uj_calender td.cal a{border:1px solid #ddd}
.uj_calender td.on a{background:#223e99;color:#fff;border:none}
.uj_calender .tab{overflow:hidden}
.uj_calender .tab li{float:left;width:25%;text-align:center}
.uj_calender .tab li a{display:block;border:1px solid #223e99;background:#fff;color:#223e99;padding:10px 0;margin:0 0 0 1px}
.uj_calender .tab li.on a{background:#223e99;color:#fff}
.uj_calender .info div{background:#f4f6fb;padding:20px;margin:10px 0 0 0}
.uj_calender .info div h4{margin:0 0 15px 0;font-size:20px}
.uj_calender .info div li{line-height:1.75em;font-size:14px;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 10px}
@media all and (min-width:768px) {
.uj_calender{overflow:hidden}
.uj_calender .calender{float:left;width:50%;margin:0 5% 0 0}
.uj_calender .calender p{font-size:30px}
.uj_calender .info{float:left;width:45%}
.uj_calender .info div{min-height:215px}
.uj_calender .tab{margin:47px 0 0 0}
}

         




.comment{position:absolute;top:-1000px;left:-2000px;}

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

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


/* Desktop */
@media all and (min-width:1023px) {

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}