@charset "UTF-8";


h2{font-size: 28px;}
h2:before{position:absolute;top:0px;content:'';display:block;width:18px;height:11px;background:url(/images/common/content/h2_bul.png);}
h2:first-child {margin:0 0 15px 0;}
h3{font-size:27px;}
h4{font-size:23px;line-height:27px;}
h4:before{content:'';display:block;position:absolute;top:5px;left: 0;width:11px;height:11px;background:url(/images/common/content/h4_bul.png);}
h5{font-size:19px;}
h5:before{content:'';display:block;position:absolute;top:7px;left: 0;width:9px;height:4px;background:url(/images/common/content/h5_bul.png);}
h6{font-size:19px;color:#545454;}

.list_1st {margin:10px 0;}
.list_1st li,
.list_1st dd.list_1st dd{background: url(/images/common/content/list_bul1.png) no-repeat left 10.5px;font-size: 16px;}
.list_1st dt{font-size:17px;}
.list_2st{margin:4px 0;}
.list_2st li{background:url(/images/common/content/list_bul2.png) no-repeat left 8.5px;}
.list_3st{margin:4px 0;}
.list_3st li{background:url(/images/common/content/list_bul3.png) no-repeat left 9.5px;}
.txt_bul{margin:3px 0;padding-left:11px;background:url(/images/common/content/list_bul1.png) no-repeat left 10.5px;color:#545454;font-size:17px;word-wrap:break-word;word-break:keep-all; line-height: 1.5}
.txt-small, small{font-size:17px !important;}
p.txt-tip {margin-top: 3px;}
.tbl_basic th{font-size:20px;}
.tbl_basic td{}
p{font-size: 17px;}
.btn-ani{font-size:17px;}
.ui.uilnk.type1 .box_col .col .bico b{font-size: 20px;}
a{font-size: 17px;}
th,th label, #sub_txt td {font-size:17px !important;}


.btn {font-size:17px !important;}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.text-justify{text-align:justify!important}


.form-tel div{float: left;}

.progbtnbox a {margin:3px 0;}

.basic_box {position:relative;display:block;margin-bottom:50px;padding:15px 20px 15px 20px;background:#f5f5f6;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bbs.gif) no-repeat 0 14px;color:#666;font-size:14px;line-height:40px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#3f66b9 !important;}

.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:block;position:relative;width:100%;}
.basic_search .grap select{margin-bottom:5px;padding:0 0 0 10px;width:100%;height:42px;border:1px solid #ddd;line-height:40px;background:#fff;font-size: 15px !important;}
.basic_search .searchinput{display:inline-block;position:relative;padding-right:50px;width:100%;border:1px solid #ddd;background:#fff}
.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:40px;min-width:56px;height:40px;background:#63676d url(/images/common/prog/search_ico.png) no-repeat 50%;border:none;border-radius:0;text-indent:-9999em;}
.basic_search .searchinput input[type="submit"]:focus{outline:1px dotted #45495b;}
.basic_search .searchinput input[type="text"],.basic_search .searchinput input[type="search"]{width:100%;height:40px;padding:0 40px 0 10px;border:none;}
.basic_box label{position:absolute;padding:0 10px;line-height:40px;}

@media only screen and (min-width:640px) {
	.basic_search .grap,
	.basic_search .searchinput{display:inline-block;width:auto}
	.basic_search .searchinput{margin-left:2px}
	.basic_search .grap select{margin-bottom:0;width:auto;}
	.basic_search .searchinput input[type="text"]{width:240px;}
	.board_total{display:inline-block;float:left;}
	.basic_search{display:inline-block;float:right;padding-left:0;}
	.basic_search .searchinput{}
	.bbs_searchbox input[type="text"]{width:100%;}
}



.basic_table {display:table;table-layout: fixed;width:100%;border-top: solid 2px #555;}
.basic_table th:first-child, .basic_table td:first-child {border-left:none;}
.basic_table th , .basic_table td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.basic_table thead th {padding:15px 10px;background:#fcfcfc;border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#dadada;border-bottom-color:#787878;line-height:17px;font-size:15px;color:#000;font-size: 17px !important;}
.basic_table tbody th{border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; text-align:center; color:#121212;background:#f5f5f5;}
.basic_table th > label {background:#fafafa;border-bottom:0; line-height:15px; font-size:15px; color:#47464c}
.basic_table td {border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc;text-align:center;color:#666;font-size: 17px;}
.basic_table td b {font-size:17px;}
.basic_table tbody td *{vertical-align:middle;}
.basic_table tfoot th,
.basic_table tfoot td{border:1px solid #ddd; text-align:center;color:#666;background-color:#fafafa;}

.basic_table tbody tr.problem th:first-child{border-left:none;}

.basic_table td.left{padding-left:10px;text-align: left}
.basic_table td.left .list_subject .link{display:block;}
.basic_table td.left .list_subject .link input[type="submit"]{min-width:auto;border:none;height:auto;background-color:transparent;color:#666;display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:14px;padding:0;line-height:1.4}
.basic_table td.left .list_subject .link img{padding-right:5px;}
.basic_table td.left .list_subject a{display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;}
.basic_table td.left .list_subject a:hover{text-decoration:underline}
.basic_table td.cell_left{text-align:left;}
.tablewrap .note{margin-top:10px;}


.noStyle{}
.noStyle th,
.noStyle td{border:none}


/* 게시판 반응형 */
@media(max-width:1279px){
	#contents .basic_table col[class^="problem_"]{width:10%}
	#contents .basic_table col.problem_name{width:20%}
	#contents .basic_table col.date{width:120px}
}
@media(max-width:1000px){
	#contents .basic_table tr td{padding:5px}
	#contents .basic_table .problem_number,
	#contents .basic_table .problem_count,
	#contents .basic_table .problem_file{display:none}
	#contents .basic_table .problem_number+th,
	#contents .basic_table .problem_number+td{border-left:0}
	#contents .basic_table col.problem_name{width:80px}
	#contents .basic_table col.problem_status{width:60px}
	#contents .basic_table td.list_subject .link{width:86%}
}
@media(max-width:639px){
	#contents .basic_table .date{display:none}
	#contents .basic_table td .list_subject .link{display:inline;float:none;white-space:normal}
	#contents .basic_table td .list_subject img{float:none;margin:0}
}


select,
select.form-control{padding-right:30px;background-image:url(/common/images/ir/arrow-select.png);background-repeat:no-repeat;background-position: 99% 50%}
.program--contents{}
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;text-align:right;}
.pagination > li,
.pagination .page-item{display:inline;}
.pagination > li > a{cursor:pointer}
.pagination > li > a{cursor:pointer}
.pagination li > a,
.pagination .page-item > .page-link,
.pagination .page-item > span{display:inline-block;position:relative;float:left;min-width:30px;height:30px;padding:0 11px;background-color:#fff;color:#666;text-decoration:none;text-align:center;line-height:30px;box-sizing:border-box}
.pagination .page-item > a{margin:2px 0;}
.pagination .page-item [aria-label]{width:30px;margin:2px 2px;padding:0;font-size:12px;letter-spacing:-1px;font-family:'Dotum'}
.pagination .page-item [aria-label] span{font-family:'Dotum'}
.pagination .page-item > a:hover,
.pagination .page-item > .page-link:hover,
.pagination .page-item > span:hover,
.pagination .page-item > .page-link:focus,
.pagination .page-item > a:focus,
.pagination .page-item > span:focus{border-color:#ddd;background-color:#eee;color:#23527c;}
.pagination .page-item.active > a,
.pagination .page-item.active > .page-link,
.pagination .page-item.active > span,
.pagination .page-item.active > a:hover,
.pagination .page-item.active > .page-link:hover,
.pagination .page-item.active > span:hover,
.pagination .page-item.active > a:focus,
.pagination .page-item.active > .page-link:focus,
.pagination .page-item.active > span:focus{z-index:2;border-color:#337ab7;background-color:#337ab7;color:#fff;cursor:default;}
.pagination .page-item.disabled > span,
.pagination .page-item.disabled > span:hover,
.pagination .page-item.disabled > span:focus,
.pagination .page-item.disabled > a,
.pagination .page-item.disabled > a:hover,
.pagination .page-item.disabled > a:focus
.pagination .page-item.disabled > .page-link,
.pagination .page-item.disabled > .page-link:hover,
.pagination .page-item.disabled > .page-link:focus{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination li.first a,
.pagination li.previous a,
.pagination li.next a,
.pagination li.last a{font-size:0;}
.pagination li.first a:before{}
.pagination li.previous a:before{}
.pagination li.next a:before{}
.pagination li.last a:before{}
.pagination li,
.pagination .page-link{background-color:transparent;font-size:0.8rem;}
.pagination .active a,
.pagination .active .page-link{border-radius:30px;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
.pagination .active a:hover,
.pagination .active .page-link:hover{color:#fff;}
.pagination.pagination-circle .page-link{margin-right:2px;margin-left:2px;border-radius:50%;}
.pagination.pagination-circle .page-link:hover{border-radius:50%;}
.pagination.pagination-circle .active .page-link{border-radius:50%;}
.pagination a,
.pagination .page-link{border:0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.pagination a:hover,
.pagination .page-link:hover{background-color:#eee;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.pagination a:focus,
.pagination .page-link:focus{background-color:transparent;}
@media only screen and (max-width:640px){
    .pagination{display:block;width:100%;text-align:center;transition:all .5s;}
    .pagination ul{text-align:center}
    .pagination ul{width:100%;height:30px;}
    .pagination > li, .pagination .page-item{display:inline-block}
    .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span{min-width:40px;height:40px;line-height:40px;}
    .pagination .page-item .page-link{}.pagination .page-item .page-link[aria-label="first"],
    .pagination .page-item .page-link[aria-label="last"]{display:none}
    .pagination .page-item .page-link[aria-label="Previous"],
    .pagination .page-item .page-link[aria-label="Next"]{display:inline-block}
    .pagination .page-item [aria-label]{width:auto;padding:0 12px;border-radius:50%;background:#efefef;color:#333;font-size:15px;}
    .pagination .page-item .page-link[aria-label="Previous"] .sr-only[aria-hidden],
    .pagination .page-item .page-link[aria-label="Next"] .sr-only[aria-hidden]{display:none;}
}
@media only screen and (max-width:480px){
    .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span{min-width:25px;height:25px;line-height:25px;border-radius:50%;}
    .pagination .page-item [aria-label]{padding:0 7px;font-size:14px;}
}
@media (min-width:992px){
    .float-md-none{float:none}
    .float-md-left{float:left}
    .float-md-right{float:right}
}


.search--btn{margin:20px 0;text-align:right}
.publish_book_list .list{position:relative;width:100%}
.publish_book_list .list:after{content:"";display:block;visibility:hidden;clear:both;}
.publish_book_list .list .item{display: inline-block;float: left;width: 50%;margin: -1px 0 0 -1px;border: 1px solid #ddd;background-color: #fff;}
.publish_book_list .list .item>a{display:block;/* border: 1px solid #ddd; */padding:20px;background-color: #fff;}
.publish_book_list .list .item>a .style{position:relative;padding-left:180px;min-height: 200px;}
.publish_book_list .list .item .thumb_box{position: absolute;width:155px;height:200px;top: 0;left: 0;}
.publish_book_list .list .item .thumb_box .thumb{display:block;width:100%;}
.publish_book_list .list .item .thumb_box .thumb img{width:100%}
.publish_book_list .list .item .thumb_num b{display:inline-block;padding-top:5px;border-top:1px solid #172641;font-weight:bold;}
.publish_book_list .list .item .item_content{margin-top:15px;}
.publish_book_list .list .item .item_content .name .tit{font-size:20px;color:#000;font-weight:bold;}
.publish_book_list .list .item .item_content .info{margin-top:15px;color:#555;}
.publish_book_list .list .item .item_content .info li{margin-left: 75px;margin-bottom: 5px;}
.publish_book_list .list .item .item_content .info li:after{display:block;content:"";clear:both;visibility:hidden;}
.publish_book_list .list .item .item_content .info b{float:left;position:relative;margin-left: -70px;width:70px;margin-right: 16px;}
.publish_book_list .list .item .item_content .info b:before{display:inline-block;content:"";margin-right:5px;width:3px;height:3px;background:#444;border-radius:100%;vertical-align:middle;position:absolute;right:-9px;top:5px;background-color:#aeaeae;width:1px;height:10px;}
.publish_book_list .board-list .item .card-body .list_1st>li:last-child{overflow: hidden; height:90px;}



/* 0503_발간도서 뷰 */
.publish_book_list.view .list{position:relative;width:100%}
.publish_book_list.view .list:after{content:"";display:block;visibility:hidden;clear:both;}
.publish_book_list.view .list{}
.publish_book_list.view .list .item{display:block;float:none;width:100%;margin:0;border: 1px solid #ddd;background-color: #fff;padding:65px 80px;}
.publish_book_list.view .style{position:relative;padding-left:285px;}
.publish_book_list.view .style .thumb_box{position: absolute;width:170px;height:255px;top: 0;left: 0;}
.publish_book_list.view .style .thumb_box .thumb span{display:inline-block;position:absolute;left:0;top:0;padding:5px;width:100%;border:1px solid #ddd;}
.publish_book_list.view .style .thumb_box .thumb span img{width:100%;max-width:none;}
.publish_book_list.view .list .item .item_content .info{margin-top: 10px;padding-top: 25px;padding-bottom:25px;margin-bottom:10px;padding: 25px;color:#555;border-top: 1px dashed #ddd;border-bottom:1px dashed #ddd;}
.publish_book_list.view .btn-box{text-align:right}
.publish_book_list.view .subject{margin-top:45px;}
.publish_book_list.view .subject h3{color:#000;font-size: 22px;font-weight:bold;margin-bottom:15px;padding-bottom: 10px;border-bottom:1px solid #ddd;line-height: 1.2;}
.publish_book_list.view .subject p{font-size: 14px;line-height:1.3;color:#666;}


.basic_table td .btn{padding: 4px 6px 6px 6px;margin-bottom: 4px;border-radius: 5px;}

.reservationWrap{overflow:hidden;margin-top:40px;padding-top:90px;border-top:3px solid #aaa}
.reservationWrap .calendarArea{float:left;width:44%}
#txt .reservationWrap .calendarArea p.title{float:left;margin-top:0;color:#000;font-family: 'nsr';line-height: 88%;font-weight: 800;letter-spacing: -1px;font-size: 22px;font-family: 'nsk','Dotum','arial','sans-serif';}
.reservationWrap .calendarArea .info{float:right;margin-bottom:15px}
.reservationWrap .calendarArea .info span{display:inline-block;padding:3px 6px;color:#111}
.reservationWrap .calendarArea .info .not{border:1px solid #ddd;background:url(/images/kds/prog/bg_pattern2.png)}
.reservationWrap .calendarArea .info .ok{border:1px solid #ccc;background-color:#fff}
.reservationWrap .calendarArea .info .select{border:1px solid #056cb9;background-color:#056cb9;color:#fff}
.reservationWrap .calendarArea .calendar{clear:both;width:100%;padding:40px 20px 35px;border:1px solid #ddd}
.reservationWrap .calendarArea .calendar .calHeader{position:relative;text-align:center}
#txt .reservationWrap .calendarArea .calendar .calHeader p.calDate{display:inline;font-size:36px;font-weight:bold;line-height:100%;color:#000;letter-spacing:-2px}
.reservationWrap .calendarArea .calendar .calHeader .calBtn{position:absolute;top:5px;line-height:30px;cursor:pointer}
.reservationWrap .calendarArea .calendar .calHeader .calBtn a{font-size:0;}
.reservationWrap .calendarArea .calendar .calHeader .prev{left:0;padding-left:40px}
.reservationWrap .calendarArea .calendar .calHeader .next{right:0;padding-right:40px}
.reservationWrap .calendarArea .calendar .calHeader .prev:before{position:absolute;top:0;left:0;z-index:1;width:32px;height:32px;border-radius:50%;background-color:#424245;content:''}
.reservationWrap .calendarArea .calendar .calHeader .prev:after{position:absolute;top:7px;left:10px;z-index:2;width:9px;height:16px;background:url(/images/kds/prog/arrow_img.png) no-repeat -27px 0;content:''}
.reservationWrap .calendarArea .calendar .calHeader .next:before{position:absolute;top:0;right:0;z-index:1;width:32px;height:32px;border-radius:50%;background-color:#424245;content:''}
.reservationWrap .calendarArea .calendar .calHeader .next:after{position:absolute;top:7px;right:10px;z-index:2;width:9px;height:16px;background:url(/images/kds/prog/arrow_img.png) no-repeat -18px 0;content:''}
.reservationWrap .calendarArea .calendar .schcal_tbl{width:100%;margin-top:27px;border-top:1px solid #555}
.reservationWrap .calendarArea .calendar .schcal_tbl th{padding:12px 0;border-bottom:1px solid #aaa;font-weight:bold;text-align:center}
.reservationWrap .calendarArea .calendar .schcal_tbl td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:500;text-align:center;vertical-align:top}
.reservationWrap .calendarArea .calendar .schcal_tbl td:first-child{border-left:none}
.reservationWrap .calendarArea .calendar .schcal_tbl td div{height:69px;padding:2px 0}
.reservationWrap .calendarArea .calendar .schcal_tbl td.holiday{background:url(/images/kds/prog/bg_pattern2.png)}
.reservationWrap .calendarArea .calendar .schcal_tbl td.holiday{font-size:15px}
.reservationWrap .calendarArea .calendar .schcal_tbl td a{display:block;width:100%;height:100%;font-size:15px;}

.reservationWrap .calendarArea .calendar .schcal_tbl td.sun,.reservationWrap .calendarArea .calendar .schcal_tbl td.sun a{color:#c30c57}

.reservationWrap .calendarArea .calendar .schcal_tbl td.sat,.reservationWrap .calendarArea .calendar .schcal_tbl td.sat a{color:#1473b5}
.reservationWrap .calendarArea .calendar .schcal_tbl td.off{background-color:#fafafa}
.reservationWrap .calendarArea .calendar .schcal_tbl td.selected{background-color:#056cb9;font-weight:bold;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.selected a{color:#fff}
.reservationWrap .timeArea{float:right;width:50%}
.reservationWrap .timeArea .progcate:after {display:block; clear:both; visibility:hidden; content:'';}
.reservationWrap .timeArea .progcate span {display:block;float:left;width:33.33%;font-size: 17px;}
.reservationWrap .timeArea label {font-size:17px;}
.reservationWrap .timeArea strong{display: block;margin: 40px 0 12px;font-size:22px;font-family:'nsr';line-height:88%;font-weight:800;letter-spacing:-1px;color: #056cb9;} 
.reservationWrap .timeArea strong > span.red {display: block;margin: 0 0 12px;font-size:22px;font-family: 'nsk','Dotum','arial','sans-serif';line-height:88%;font-weight: bold;letter-spacing:-1px;} 
.reservationWrap .timeArea strong:first-child {margin:0 0 12px;}
.reservationWrap .timeArea strong span{display:inline-block;margin-left:20px;font-size:14px;font-weight:normal;vertical-align:baseline}
.reservationWrap .timeArea .timeBtnGroup{width:100%;margin:22px 0 34px;border-collapse:collapse}
.reservationWrap .timeArea .timeBtnGroup:after{display:block;visibility:hidden;clear:both;content:''}
.reservationWrap .timeArea .timeBtnGroup li{display:table;float:left;width:25%;height: 98px;margin-left:-1px;margin-top:-1px;vertical-align:middle;}
.reservationWrap .timeArea .timeBtnGroup button{display:table-cell;position:relative;width:100%;height: 100%;padding:35px 0 20px;border:1px solid #ddd;font-size:15px;font-weight:600;background-color:transparent;outline:none;}
.reservationWrap .timeArea .timeBtnGroup button span{display:block;margin-top:3px;text-align:center}
.reservationWrap .timeArea .timeBtnGroup button span:first-child{margin-top:0}
.reservationWrap .timeArea .timeBtnGroup button span.ampm1{color:#293855}
.reservationWrap .timeArea .timeBtnGroup button span.ampm2{color:#5e3a46}
.reservationWrap .timeArea .timeBtnGroup button:focus{/* padding:29px 0 20px; */}
#txt .reservationWrap .timeArea .timeBtnGroup button p.check{position:absolute;top:10px;left:50%;width:15px;height:12px;margin-left:-8px;background:url(/images/kds/prog/red_check.png) no-repeat; font-size:0;}
.reservationWrap .timeArea .timeBtnGroup button.disable .check{display:none}
.reservationWrap .timeArea .timeBtnGroup button.disable:after{position:absolute;top:15px;left:50%;width:15px;height:12px;margin-left:-8px;background:url(/images/kds/prog/red_x.png) no-repeat;content:''}
.reservationWrap .timeArea .result{overflow:hidden;margin-top:12px;padding:23px 0;border:1px solid #ddd}
.reservationWrap .timeArea .result .date{float:left;width:50%;color:#635c56;text-align:center;font-size: 17px;font-weight: bold;}
.reservationWrap .timeArea .result .date:before{display:inline-block;width:18px;height:18px;margin-right:10px;margin-top: -5px;background:url(/images/kds/prog/icon_board.png) no-repeat 0 0;vertical-align:middle;content:'';}
.reservationWrap .timeArea .result .date span{vertical-align: top;font-size: 17px;font-weight: bold;}
.reservationWrap .timeArea .result .time{float:left;width:50%;border-left:1px solid #ddd}
.reservationWrap .timeArea .result .time li{margin-top:5px;color:#635c56;text-align:center;font-size: 17px;font-weight: bold;}
.reservationWrap .timeArea .result .time li:first-child{margin-top:0}
.reservationWrap .timeArea .result .time li:before{display:inline-block;width:18px;height:18px;margin-top: -5px;margin-right:5px;background:url(/images/kds/prog/icon_board.png) no-repeat -21px -1px;vertical-align:middle;content:'';}
.reservationWrap .timeArea .submitBtn{width:100%;height:68px;margin-top:32px;border:1px solid #1e2446;background-color:#1e2446;font-weight:bold;line-height:55px;font-size:18px;color:#fff;transition:all .2s}

.reservationWrap .timeArea .submitBtn:focus,.reservationWrap .timeArea .submitBtn:hover{background-color:#fafafa;color:#333}
.reservationWrap .timeArea .submitBtn .arrow{display:inline-block;position:relative;width:36px;height:36px;margin-left:15px;border:1px solid #424245;border-radius:50%;background-color:#fff;vertical-align:middle}
.reservationWrap .timeArea .submitBtn .arrow:before{position:absolute;top:9px;right:11px;width:9px;height:16px;background:url(/images/kds/prog/arrow_img.png) no-repeat -9px 0;content:''}

@media screen and (max-width:1199px){
.reservationWrap .calendarArea .calendar{padding:40px 20px 35px}
}

@media screen and (max-width:799px){
.reservationWrap .calendarArea{float:none;width:100%;margin-bottom:30px}
.reservationWrap .timeArea{float:none;width:100%}
.reservationWrap .timeArea .timeBtnGroup{margin-left:1px}

}

@media screen and (max-width:580px){
	.reservationWrap .timeArea .result .date,
	.reservationWrap .timeArea .result .time {float:none;width:100%;padding: 0 30px;text-align:left;}
	.reservationWrap .timeArea .result .time {margin:5px 0 0;border: none;}
	.reservationWrap .timeArea .result .time li {text-align:left;}
}

@media screen and (max-width:460px){
.reservationWrap .timeArea strong span{margin-left:0;margin-top:4px}

}

div[class^=col-]{display: inline-block;}
/* form */
input,
textarea,
select{font-size:1em;vertical-align:baseline;vertical-align:middle}

input[type=checkbox],
input[type=radio]{width:14px;height:14px;margin:0;padding:0}

input[type=checkbox]+label,
input[type=radio]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type=text],
input[type=password],
input[type=file],
input[type=search]{width:50px;height:40px;margin:0;padding:4px 5px;border:1px solid #adadad;border-top-color:#adadad}
input[type=file]{height:24px;padding:0 5px;border:1px solid #adadad;font-size:.929em}
:root input[type=file]{margin-bottom:5px;padding:0 5px 0 0;border:none}

input[readonly=readonly],
input[readonly],
input[disabled=disabled],
input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}

input[type=button],
input[type=reset],
input[type=submit]{min-width:20px;width:auto;height:28px;margin:0;padding:4px 16px;border:1px solid #575757;background:#575757;font-weight:400;font-size:.9em;line-height:1em;color:#fff}
textarea{overflow:auto;width:100%;height:200px;padding:5px;border:1px solid #adadad;vertical-align:top}
select{height:28px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
select,
textarea{margin:0;border:1px solid #ddd;color:#666;vertical-align:middle}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number]{line-height:24px}
[class^=form-] *{box-sizing:border-box;}
[class^=form-] input[readonly]{background:#e0e0e0}

[class^=form-] input[type=text],
[class^=form-] input[type=password]{min-width:0;width:100%;height:38px;padding:0 5px;line-height:38px}
[class^=form-] select{width:100%;height:38px;padding:0 5px;line-height:38px}
[class^=form-half]>select{width:50%}

.pilsu {font-size:0;}
.pilsu:before {display:inline-block;margin-right:3px; content:"*"; color:#b30006; font-size:20px;  }
.fcltySubmitBtn {margin:30px 0 0;}
.form-mail>*,.form-birthday>*,.form-max>*{margin-top:5px}

.form-mail>:first-child,.form-birthday>:first-child,.form-max>:first-child{margin-top:0}
.form-normal{}
.form-normal input[type=text]{width:auto}
.form-normal .sort{display:inline-block;overflow:hidden}
.form-normal .sort>div{float:left;width:19.25%;margin-left:.75%;padding:10px 0}
.form-normal .sort>div:first-child{margin-left:0}
.form-normal .sort>div input[type=text]{width:100%}
.form-normal .sort>div span{display:inline-block;vertical-align:middle}
.form-max span input[type=radio]{margin:0 5px 0 10px}
.form-max span:first-child input[type=radio]{margin-left:0}
.form-max .find{width:100%;height:38px;padding:0 20px;border:1px solid #c8c8c8}
.form-max .sort{overflow:hidden}
.form-max .sort>div{float:left}
.form-max .sort>div>label{display:block;overflow:hidden;height:38px}
.form-max .sort>div>label>input{}
.form-max .sort>div>label>input+span{}
.form-max .sort .col-10{width:10%}
.form-max .sort .col-10.lm{width:9.5%;margin-left:.5%}
.form-max .sort .col-20{width:20%}
.form-max .sort .col-20.lm{width:19.5%;margin-left:.5%}
.form-max .sort .col-30{width:30%}
.form-max .sort .col-30.lm{width:29.5%;margin-left:.5%}
.form-max .sort .col-40{width:40%}
.form-max .sort .col-40.lm{width:39.5%;margin-left:.5%}
.form-max .sort .col-50{width:50%}
.form-max .sort .col-50.lm{width:49.5%;margin-left:.5%}
.form-max .sort .col-60{width:60%}
.form-max .sort .col-60.lm{width:59.5%;margin-left:.5%}
.form-max .sort .col-70{width:70%}
.form-max .sort .col-70.lm{width:69.5%;margin-left:.5%}
.form-max .sort .col-80{width:80%}
.form-max .sort .col-80.lm{width:79.5%;margin-left:.5%}
.form-max .sort .col-90{width:90%}
.form-max .sort .col-90.lm{width:89.5%;margin-left:.5%}
.form-tel{overflow:hidden}
.form-tel div{float:left;width:28%;}
.form-tel div.mid{width:8%;line-height:35px;text-align:center}
.form-tel div select{text-align:center;text-indent:0}
.form-mail{overflow:hidden;width:60%;}
.form-mail div{float:left;width:31%;margin-top:0}
.form-mail div.mid{width:5%;line-height:40px;text-align:center}
.form-mail div.last{width:32%;margin-left:1%}
.form-birthday{}
.form-birthday:after{display:block;clear:both;content:''}
.form-birthday select{float:left;width:32.3%;margin:0 0 0 1%;text-align:center}
.form-birthday select:first-child{margin-left:0}
.form-half{width:45%}

@media(max-width:768px){
    .form-half{width:100%}
    .form-mail {width:100%;}

}

.form-radio label{display:inline-block;width:20%}
.form-radio.col3 label{width:33%}
.form-radio.normal label{width:auto;margin-left:15px}
.form-radio.normal label:first-child{margin-left:0}

.form-radio input[type=radio],.form-radio input[type=checkbox]{position:relative;top:-1px}
.form-radio .etc{margin:10px 0 0}
.form-radio .etc label{width:auto;margin-right:10px}
.form-radio .etc input[type=text]{width:300px}

@media(max-width:767px){
.form-radio label{width:auto;padding:3px}
}
.form-max .post{overflow:hidden;width:100%;margin-bottom:3px}
.form-max .post .button{display:inline-block;float:left}
.form-max .post input{float:left;width:150px}
.form-max .post .form_find{float:left;height:38px;margin-left:5px;padding:8px;background-color: #fff;border: 1px solid #d7d7d7;color: #666;}
.form-textarea{}
.form-textarea textarea{width:100%;height:200px;padding:10px}
.form-multi{overflow:hidden;text-align:center}
.form-multi input{text-align:center}
.form-multi.col6{}
.form-multi.col6>div{float:left;width:16%;margin-left:.6%}
.form-multi.col6>div:first-child{margin-left:.6%}
.form-file{}
.form-file>div{margin-top:10px}
.form-file>div:first-child{margin-top:0}
.form-file input[type=file]{border-width:0}
.form-agree{}
.form-agree .border{padding:30px;border:1px solid #ddd}
.form-agree .summary{padding:30px;background:#f9f9f9}
.form-agree .summary p{}
.form-agree .confirm label{font-weight:bold}
@media(max-width:1200px){
.scl_x .tbl_basic1000 { width: 1000px; }
}
@media(max-width:830px){
table.response,
table.response thead,table.response tbody,
table.response tr,table.response th,
table.response td{display:block;border-width:1px 0;text-align:center;}
table.response th{background-color:#f2f2f2}
table.response {table-layout: auto;}
.form-half {width:100%;}
}

/* 수료증 */
.prePrint {padding:70px 0;background:#f8f8f8 url(/images/kds/prog/print_bg.png)no-repeat center; text-align:center;}
.prePrint .img img {}
.prePrint h2 {margin: 100px 0 50px;font-size:48px;font-weight:700;color:#383a4a;}
.prePrint h2:before{display: none;}
.prePrint .cername {margin: 0 0 75px;}
.prePrint .cername:after{display:block; clear:both; visibility:hidden; content:'';}
.prePrint .cername ul {float:right; width:40%;}
.prePrint .cername ul li {margin:10px 0;font-size:17px; font-weight:500; color:#383a4a; text-align:left;}
.prePrint .cerCont{max-width:600px;width:100%;margin: 0 auto 200px;font-size:24px;font-weight:500;color:#383a4a;}
.prePrint .cerDate ,
.prePrint .cerDate span,
.prePrint .cerDate b{font-weight:500; font-size:17px; color:#383a4a;}
.gov_wrap .gov {font-weight:500; font-size:24px; color:#383a4a;}

@media(max-width:767px){
    .prePrint {padding:70px 20px;}
    .prePrint .cername ul {float:none; width:100%; }
    .prePrint .cerCont {font-size:18px;}
}


.ui.uit.type3.fcltyresve .inner{padding: 30px 30px 50px 390px;}
.ui.uit.type3.fcltyresve .inner .thm_figure{top: 35px;left: 25px;width: 330px;height: 210px;}
.ui.uit.type3.fcltyresve .inner .thm_figure.thumCODE_01{background:url(/images/kds/prog/thumcode_01.jpg)center no-repeat;background-size:cover;}
.ui.uit.type3.fcltyresve .inner .thm_figure.thumCODE_02{background:url(/images/kds/prog/thumcode_02.jpg)center no-repeat;background-size:cover;}
.ui.uit.type3.fcltyresve .inner .thm_figure.thumCODE_03{background:url(/images/kds/prog/thumcode_03.jpg)center no-repeat;background-size:cover;}
.ui.uit.type3.fcltyresve .inner .thm_figure.thumCODE_04{background:url(/images/kds/prog/thumcode_04.jpg)center no-repeat;background-size:cover;}

@media(max-width:767px){
	.ui.uit.type3.fcltyresve .inner{padding:30px 10px;}
}

#txt .tbl_basic th {font-size:17px !important;}
p.txt-tip { margin:10px 0;font-size:17px !important;}

  

.ui-border-block{padding:20px;border:1px solid #ddd}
.ui-border-block .h3{display:block;position: relative;margin: 0 0 5px 0;padding-left: 15px;color: #121212;font-size: 19px;line-height: 22px;}
.ui-border-block .h3:before{content: '';display: block;position: absolute;top: 5px;left: 0;width: 11px;height: 11px;background: url(/images/common/content/h4_bul.png);}
.ui-border-block .list_1st {margin: 10px 0 20px;}
.ui-agree .tit{margin: 40px 0 15px 0;font-size: 21px;font-weight: normal;line-height: 160%;margin-top:0;color:#2549a1}
.ui-agree .tit:before{display:none}
.ui-border-block .summary{font-size:16px;color:#000}

.ui-agree{padding:20px;text-align:center;background-color:#f9f9f9}
.ui-agree .agree-button{padding-top:10px;margin-top:10px;border-top:1px solid #ddd}
.ui-agree .agree-button label{margin:0 10px;font-size: 17px;}


.totalnum {text-align:left;}
.totalnum:after {display:block; clear:both; visibility:hidden; content:'';}
.totalnum span {display:inline-block;position:relative;margin: 0 20px 10px 0;text-align:left;}
.totalnum span label {display:inline-block;}
.totalnum span input[type=text] {width: 100px;}
@media(max-width:830px){
	.totalnum span {float:left; width:50%; margin:0 0 10px}
	.totalnum span label {width:50px;}
}
@media(max-width:430px){
	.totalnum span {float:none; width:100%;}  
}


#txt .list_1st.txt_h4 {margin: 0 0 10px 30px;}
.bbs-view-content {font-size:17px;}
.button span a ,
.bbs_detail_nextprev li, .bbs_detail_nextprev li a {font-size:17px !important;}
.button .typeB input {height: 44px !important;font-size:17px !important;}
.board_total {font-size:15px !important;}



/* 검색 박스 */
.progSearch {display:block;position:relative;margin-bottom: 40px;padding:10px 20px;border:1px solid #d9d9d9;background:#f5f5f6;}
.progSearch:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.progSearch .inner {}
.progSearch .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.progSearch .inner .leftcon {float:left;margin:5px 0;}
.progSearch .inner .leftcon span {display:inline-block;line-height: 40px;margin: 0 10px 0 0;font-weight:bold;font-size: 17px;}
.progSearch .inner .rightcon {float:right;margin:5px 0;}
.progSearch .inner .rightcon .selectlist {display:inline-block; position:relative; margin-left:20px; }
.progSearch .inner .rightcon .selectlist:before {display:block;position:absolute;left: -12px;top: 7px;content:'';width:1px;height: 25px;background:#ccc;}
.progSearch .inner .rightcon .selectlist button {height:40px;line-height:40px; padding:0 10px; background: #63676d ; color:#fff; font-size:15px; }
.progSearch .inner input {width: 200px;height:40px;line-height:40px;padding:0 10px;margin:0 0 0 3px;border:1px solid #ddd;vertical-align: top;}
.progSearch .inner input[type="submit"] {width:55px; background: #63676d url(/images/common/prog/search_ico.png) no-repeat 50%; font-size:0;}
.progSearch .inner select {height:40px;line-height:40px;padding: 0 0 0 10px;margin:0 0 0 3px;border:1px solid #ddd;vertical-align: top;}

.pageInfo {margin: 0 0 15px;padding-left: 25px;background: url(/images/common/icon_bbs.gif) no-repeat 5px center;font-size: 16px;}
.pageInfo strong {display:inline-block; color:#3f66b9; font-weight:bold; }

@media(max-width:1023px){
	.progSearch .inner .rightcon .selectlist {display:none;}
}
@media(max-width:767px){
	.progSearch .inner .leftcon {float:none; width:100%;}
    .progSearch .inner .rightcon {float:none; width:100%;}
    .progSearch .inner input {margin:0 3px 0 0;}  
    .progSearch .inner select {margin:0 3px 0 0;} 
    .progSearch .inner input.searchtxt {width: calc(100% - 62px);}
    .progSearch .inner input[type="submit"] {margin:0}
    
    .progSearch.type2 .inner .rightcon:after {display:block; clear:both; visibility:hidden; content:'';}
    .progSearch.type2 .inner .rightcon input {float:left;}
    .progSearch.type2 .inner .rightcon select {float:left; width:calc(33.33% - 5px); margin:0 2.5px 5px;}
    .progSearch.type2 .inner input.searchtxt { margin:0 2.5px 5px;}
}
@media(max-width:580px){
	.progSearch .inner .leftcon span {display:block; text-align:center;}
	.progSearch .inner .leftcon select {width:100%;}

	.progSearch.type2 .inner .rightcon select {width:calc(100% - 5px); margin:0 2.5px 5px;}
}


/* 버튼 */
a.btntype,
button.btntype {display:inline-block;min-width: 78px;height:40px;line-height:40px;padding:0 10px;border:1px solid #3f66b9;background:#3f66b9;color:#fff;font-size: 15px;text-align: center;}
a.btntype2,
button.btntype2 {border:1px solid #e03321; background:#e03321;}
a.btntype3,
button.btntype3 {border:1px solid #777; background:#777;}
a.btntype4,
button.btntype4 {border:1px solid #777; background:#fff; color:#000;}
a.btntype5,
button.btntype5 {border:1px solid #00b067; background:#00b067; color:#fff;}

.coursetbl tr {cursor:pointer; }
.coursetbl tr:hover {background:#f4f4f4;}

.eduView {}
.eduView .topBox {padding:35px 40px; border:1px solid #ddd; }
.eduView .topBox:after {display:block; clear:both; visibility:hidden; content:'';}
.eduView .topBox .thumb {float:left;position:relative;width:calc(45% - 50px);text-align: center;}
.eduView .topBox .thumb .cate {position:absolute;left: 0;top:0;min-width: 80px;padding:8px 10px;font-size:15px;color:#fff;text-align: center;}
.eduView .topBox .thumb .cate span {display:block; margin:5px 0 0; padding:5px 0 0; border-top: 1px dashed rgba(255,255,255,.5);}
.eduView .topBox .thumb .cate1 {background:#3f66b9;}
.eduView .topBox .thumb .cate2 {background:#e03321;}
.eduView .topBox .thumb .cate3 {background:#777;}
.eduView .topBox .thumb .cate4 {background:#777;}
.eduView .topBox .thumb .cate5 {background:#00b067;}
.eduView .topBox .thumb img {}
.eduView .topBox .info {float:right; width:55%; }
.eduView .topBox .info strong {display:block;margin: 0 0 10px;font-size: 22px;font-weight:bold;color:#000;}
.eduView .topBox .info strong span {display:block;color: #3f66b9; font-size:15px;}
.eduView .topBox .info > ul {}
.eduView .topBox .info > ul > li {position:relative;min-height: 22px;margin: 0 0 5px;padding-left: 115px;font-size: 17px;}
.eduView .topBox .info > ul > li:before {display:block;position:absolute;left: 3px;top: 13px;content:'';width:3px;height:3px;border-radius:50%;background:#000;}
.eduView .topBox .info > ul > li span {font-weight:bold;position:absolute;left: 15px;top: 1px;}
.eduView .topBox .info > ul > li a {display:block; text-decoration:underline;}
.eduView .topBox .info > ul > li a.btntype {display:inline-block; text-decoration:none;}
.eduView .cont {font-size:16px;}

@media(max-width:1023px){
	.eduView .topBox {padding:30px;}
	.eduView .topBox .thumb {float:none;width:100%;margin:0 0 20px;border: 1px solid #ddd;}
	.eduView .topBox .info {float:none; width:100%;}
	.eduView .topBox .info strong {font-size:20px;}
}
@media(max-width:450px){
	.eduView .topBox .info > ul > li {margin: 0 0 10px;padding-left:15px;}
    .eduView .topBox .info > ul > li span {display:block;position:static; }
	
}



.formBox {margin:20px 0 0; padding:30px; border:1px solid #ddd; text-align:center; }
.formBox strong {font-size:18px;}
.formBox > div {margin:20px 0 0;}
.formBox > div label {font-size:15px;}
.formBox > div label input {margin:0 5px 0 0;}

.ui.uit .inner .txtwrap p {font-size:16px;}

.form-file {}
.form-file input[type="file"] {display:block; width:100%;}


.form-inline {}
.form-inline > div {display:inline-block;line-height:38px;margin: 0 10px 0 0;vertical-align:top;}
.form-inline > div .form-control {display:inline-block;width: auto;margin: 5px;}