@charset "utf-8";

/* sub01 */
.center_info p{margin:0 0 20px 0;text-align:center;}

.greeting{line-height:1.5em;}
.greeting .gree_tit{padding:0 0 30px 0;font-size:22px;color:#223e99;}
.greeting .gree_tit span{color:#0a206a;font-weight:600;}
.greeting .gree_txt p{padding-bottom:30px;}
.greeting .gree_sign{color:#000;}
.greeting .gree_sign strong{font-size:18px;}

@media all and (min-width:768px) {
.greeting{background:url("/images/09_health/sub/gree_img.png") no-repeat right top;}
.greeting .gree_txt{width:calc(100% - 140px);}
}

@media all and (min-width:1023px) {
.greeting{background-position:90% top;}
.greeting .gree_tit{font-size:25px;line-height:1.4em;}
.greeting .gree_txt{width:calc(100% - 300px);}
}

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */

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

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

/* sub01 */

.sub_his{border-top:1px solid #223e99;border-bottom:1px solid #d6d6d6;padding:35px 0;margin:50px 0;overflow:hidden}
.sub_his h4{float:left;width:25%;height:110px;padding:15px 0 0 20%;margin:0;font-size:30px}
.sub_his h4 span{color:#e0e0e0;font-size:50px;display:block}
.sub_his ul{float:left;width:55%;margin:0}

.his01{background:url("/images/07_welfare/sub/his01.jpg") no-repeat 30px;}
.his02{background:url("/images/07_welfare/sub/his02.jpg") no-repeat 30px;}
.his03{background:url("/images/07_welfare/sub/his03.jpg") no-repeat 30px;}

.his04{background:url("/images/07_welfare/sub/his04.jpg") no-repeat 30px;}
.his05{background:url("/images/07_welfare/sub/his05.jpg") no-repeat 30px;}

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


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

/* sub01 */
.center_info p{border:1px solid #e7e7e7;padding:40px 0;}

/* sub02 */

/* sub03 */

/* sub04 */

/* 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}

@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}
}                


.h_check{text-align: center;}
.h_check h4{margin:20px 0 12px 0;}
.h_check p{display:inline-block; margin:0 6px; padding:10px; background:#fff;}         

.toggle h4{border: 1px solid #ddd;padding:0 20px;margin: 7px 0 0 0;font-size: 18px;line-height:1.25em;background:#f4f6fb;}
.toggle h4.on{background:#223e99}
.toggle h4 a{color:#223e99;display:block;padding:15px 0;background:url("/images/01_potal/common/toggle_open.png") no-repeat right center}
.toggle h4.on a{background:url("/images/01_potal/common/toggle_close.png") no-repeat right center;color:#fff}
.toggle div{display:none;padding:20px}
.toggle div.on{display:block}
.toggle div ul{margin:0}
.toggle div.over_table {display: block;}    
.toggle div.basic_box,
.toggle div.basic_box div{display:block}