/* sub01 */



/* 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("https://www.uljin.go.kr/images/07_welfare/sub/his01.jpg") no-repeat 30px;}
.his02{background:url("https://www.uljin.go.kr/images/07_welfare/sub/his02.jpg") no-repeat 30px;}
.his03{background:url("https://www.uljin.go.kr/images/07_welfare/sub/his03.jpg") no-repeat 30px;}

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

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


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

/* sub01 */






/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}                   

.how {}
.how .img{width: 100%;/* overflow: hidden; */padding: 10px;border: solid 1px #a1a1a1;box-sizing: border-box;position:relative;margin-bottom: 70px;}
.how .img:after{display:block;content:'';background: url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/160645081241673.gif") no-repeat bottom center;width: 50px;height: 50px;background-size: 50px;position: absolute;bottom: -62px;left: 50%;}
.how .img.noline:after{display:none; }
.how img{width: 100%;}

@media all and (min-width:768px){
.how {}
.how .img{}
.how .img.noline{}
.how img{}
}
@media all and (min-width:1024px){
.how {}
.how .img{}
.how .img.noline{}
.how img{}
}              

.lecture_list{}
.lecture_list .lt_box{position:relative;margin:0 0 20px 0}
.lecture_list .lt_box table{border:solid 1px #ccc;}
.lecture_list .lt_box table th,
.lecture_list .lt_box table td{border:solid 1px #ccc;color:#000;padding:5px 10px;vertical-align:middle;}
.lecture_list .lt_box table th{font-weight:600;white-space:nowrap}
.lecture_list .lt_box table td.img{padding:10px}
.lecture_list .lt_box table td.img img{width:100px;}
.lecture_list .lt_box table td.tit{font-weight:600;}
.lecture_list .lt_box .btn a{display:block;padding:10px 0;text-align:center;background:#777;color:#fff;}
.lecture_list .lt_box.next:after{display:block;content:"다음강연";background:#223e99;color:#fff;font-weight:600;padding:7px 10px;position:absolute;top:0;left:0;z-index:1000}

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

.lecture_list:after{display:block;content:"";clear:both;}
.lecture_list .lt_box{float:left;width:50%;}
.lecture_list .lt_box table,
.lecture_list .lt_box .btn{margin:0 5px;}
.lecture_list .lt_box table{min-height: 225px;}
.lecture_list .lt_box.next:after{left:5px;}    
}

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

.lecture_list .lt_box table,
.lecture_list .lt_box .btn{margin:0 15px;width:calc(100% - 30px)}
.lecture_list .lt_box .btn a:hover,
.lecture_list .lt_box .btn a:focus{background:#222;}
.lecture_list .lt_box table td.img img{width:130px;}
.lecture_list .lt_box table td.tit{font-size:17px;}
.lecture_list .lt_box.next:after{left:15px;}    

}     

.bbs_skin h4.next{position:relative;margin-bottom:20px;}
.bbs_skin h4.next:before{display:inline-block;content:"다음강연";background:#223e99;color:#fff;font-weight:600;font-size:15px;padding:5px 10px;border-radius:5px;margin-right:10px;}                

.con_3dep {background: #ecf5ff;padding: 10px;display: flex;flex-wrap: wrap;gap: 10px;}
.con_3dep .tit{width: 100%;background: #2f64f4;color: #fff;padding: 10px;text-align: center;font-size: 18px;box-sizing: border-box;border-radius: 5px;}
.con_3dep .tit h4{margin: 0 0 10px 0;padding:0;color:#fff}
.con_3dep .tit p{font-weight:bold;}
.con_3dep .cont{background: #fff;border-radius: 5px;padding: 10px;text-align: center;box-sizing:border-box;}
.con_3dep .cont h4{margin:10px 0;font-size: 18px;background: #e8f3ff;padding: 10px 0;border-radius: 5px;letter-spacing: -.7px;}
.con_3dep .cont h5{text-align:left;font-size: 16px;background: none;margin: 0;padding: 10px 0;border-top: dashed 1px #ddd;}
.con_3dep .cont li{text-align:left;}
.con_3dep .cont .basic_ul{margin-bottom: 10px;}

/* Tablet */
@media all and (min-width:768px) {
.con_3dep {padding: 30px;justify-content: space-between;}
.con_3dep .cont{width: 32%;padding:15px}
.basic_step .col6 li{width:30%}
}

@media all and (min-width:1024px) {
.basic_step .col6 li{width:14.6666%}
}
.basic_ul.mb0{margin-bottom:0 !important;}                              

.new_step_w li .big_img{background:#fff}
.new_step_w li strong{font-size: 15px;background:#ecf5ff;color:#223e99}
.new_step_w li span{font-size:15px;display: flex;flex-wrap: wrap;align-items: center; background:#fff; border:solid 1px #e2e5ec}    

@media all and (min-width:1024px) {
.new_step_w li{display:flex;flex-wrap: wrap;}    
}              

/* 링크연결 컨텐츠 */
.link_box{text-align:center}
.link_box dt{color:#363636;font-size:20px;font-weight:600;margin:30px 0 0 0}
.link_box dd{margin:15px 0 0 0;line-height:1.5em;word-break: keep-all;}
.link_box dd a{display:inline-block;background:#223e99;border:1px solid #15296a;border-radius:3px;color:#fff;text-align:left;font-size:18px;margin:0 5px 10px 5px;padding:0 20px 0 0}
.link_box dd a:hover{background:#15296a;border:1px solid #223e99}
.link_box dd a span{display:block;padding:10px 40px 12px 20px;background:url("https://www.uljin.go.kr/images/01_potal/common/btn_new.png") no-repeat right center}
.link_box{overflow:hidden;text-align:left;background:#f9f9fb;border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;padding:10px}
.new_step_w li span .line {border-bottom: dashed 1px #cbcdce;margin-bottom: 10px;padding-bottom: 10px;font-size: 14px;width: 100%;}
.new_step_w li span .line em{font-style:normal;background: #d3f9ff;font-weight: bold;}

/* Tablet */
@media all and (min-width:768px) {
.site_wrap{display: flex;flex-wrap: wrap;justify-content: center;gap:1%}
.link_box{overflow:hidden;text-align:left;background:#f9f9fb;border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;padding:50px 75px}
.link_box p{float:left;width:45%;}
.link_box p img{width:90%;max-width:268px}
.link_box dl{float:left;width:55%}

.site_wrap .link_box{width:48%;padding: 20px;box-sizing: border-box;}
.site_wrap .link_box dt{margin:0}
.site_wrap .link_box dl{clear:both;width:100%;text-align: center;}
}

/* Tablet */
@media all and (min-width:1024px) {
.site_wrap .link_box{width: 32.333%;}
}