@charset "utf-8";

/* sub01 */

.sleft_img{overflow:hidden;margin:0 0 30px 0;border-top:1px solid #223e99;border-bottom:1px solid #d6d6d6;padding:30px 0;}
.sleft_img p{width:100%;text-align:center;margin:0 0 30px 0;}
.sleft_img dl{text-align:center;}
.sleft_img dl dt{color:#e4780b;font-size:24px;margin:0 0 10px 0;font-weight:600}
.sleft_img dl dd{font-size:15px;line-height:1.5em;}

/* sub02 */

/* sub03 */

/* sub04 */

.sub_img_con ul{overflow:hidden;margin:0 0 30px 0}
.sub_img_con ul li{width:100%;text-align:center;}
.sub_img_con ul li span{display:block;padding:10px 0;}

.sub_img_con img{width:100%;}


.s0401_tit{text-align:center;overflow:hidden;margin:0 0 50px 0;}
.s0401_tit dt{font-size:40px;background:url("/images/11_science/sub/s0401_tit_bar.jpg") no-repeat center bottom;padding:0 0 17px 0;margin:0 0 17px 0;}
.s0401_tit dd{font-size:16px;line-height:1.6em;}



.s0401_img{overflow:hidden;margin:0 0 30px 0 ;}
.s0401_img li{width:100%;float:left;text-align:center;margin:0 0 30px 0;}
.s0401_img li p{margin:0 0 10px 0;}
.s0401_img li dl{}
.s0401_img li dl dt{color:#1d359f;font-size:18px;padding:0 0 15px 0;}
.s0401_img li dl dd{font-size:15px;line-height:20px;}

/* sub05 */





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

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

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */




.s0401_img li{width:50%;}


/* sub05 */
}


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

/* sub01 */
.sleft_img p{float:left;width:250px;}
.sleft_img dl{float:left;width:600px;text-align:left;}

/* sub02 */

/* sub03 */

/* sub04 */
.sub_img_con ul{margin:0 0 30px 0;}
.sub_img_con ul li{float:left;width:450px;height:350px;text-align:center;font-size:17px;}

.sub_img_con img{width:400px;}

.s0401_img li{width:25%;}


/* sub05 */
}                                                                                                    



/* 울진캘린더 */
.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}