@charset "utf-8";

a:focus, button:focus{outline:1px dotted #767676;}
/*heading*/
h2,
h3,
h5,
h4{position:relative; line-height:1.5em;}

h2{margin:4em 0 1.5em 0; font-size:1.9em; color:#015eaa;}
h2:before{content:""; display:block; position:absolute; left:0; top:50%; z-index:-1; width:20000px; height:1px; background-color:#d6dce3;}
h2 span{display:inline-block; padding-right:2em; background-color:#fff;}

h3{margin:1.6em 0 0.5em 0; font-size:1.6em; color:#24282c;}
h4{margin:1.5em 0 1em 0; font-size:1.4em; color:#1155a7;}
h5{margin:1.5em 0 1em 0; font-size:1.2em; color:#24282c;}


h2[data-after]:after,
h3[data-after]:after,
h4[data-after]:after,
h5[data-after]:after{content:attr(data-after); display:inline-block; line-height:2.6em; margin-left:10px; vertical-align:top; font-weight:300; font-size:0.6em; color:#9fa3a7;}

.hbox{padding-left:2em;}

#txt h2{margin:4em 0 1.5em 0; font-size:1.9em; color:#015eaa;}

/* text list */
.list-1st{margin:0;}
.list-1st>li,
.list-2st>li,
.list-3st>li{position:relative;line-height:1.5em;padding-left:1em;margin:0;font-size: 1em;box-sizing:border-box;}
.list-1st>li:not(:nth-child(1)),
.list-2st>li:not(:nth-child(1)),
.list-3st>li:not(:nth-child(1)){margin-top:0.4em;}
.list-1st>li:before,
.list-3st>li:before{
	content:""; position:absolute; left:0.3em; top:0.7em; width:3px; height:3px; background-color:#616161;
	border-radius:50%;
	-webkit-border-radius:50%;
}

.list-1st[data-type="1"]>li{padding-left:11em;}
.list-1st[data-type="1"]>li>em{position:absolute; left:1em; top:0; width:10em;}

.list-2st>li:before{top:0.8em;width: 0.25em;left: 0.25em;background: #666;}
.list-3st>li:before{left:0.4em; width:2px; height:2px;}


/*photobox*/
/* line box */
.linebox{padding:6em 2em; margin-bottom: 1em; border:1px solid #dadbdc;}
.linebox_inner_bt{padding:4em 2em 2em;}



/* 사진 타입 */
.photobox{margin-bottom:4em;}
.photobox .title{display:block; margin:0 0 0.5em 0; font-weight:500; font-size:1.8em; color:#24282c;}
.photobox[data-type="1"] .item.item_l{width:100%;}
.photobox .item .list-1st>li{position: relative;padding-left:105px;min-height: 24px;}
.photobox .item .list-1st li span{position: absolute;left:15px;top: 0;display:inline-block;min-width:110px; font-weight: 500;color:#333;}
.photobox[data-type="1"]:after{content:""; display:block; clear:both;}
.photobox[data-type="1"] .item{overflow:hidden; float:right; width:50%; min-height:50px;}
.photobox[data-type="1"] .item h4{position: relative;}
.photobox[data-type="1"] .item h4:before{display: inline-block;position: absolute;right: 0;top:50%;width:100%;height:1px;background:#d6dce3;content: ''; z-index: -1;}
.photobox[data-type="1"] .item h4 span{display: inline-block;padding-right:20px;background:#fff;}
.photobox[data-type="1"] .item:nth-child(1) .photos{margin-left:4em;}

.photos[data-type="1"][data-src]{position:relative; padding:0 0 2em 0; margin-left:4em;}
.photos[data-type="1"][data-src] img{width:100%;}
.photos[data-type="1"][data-src] span{display:block; position:absolute; top:0; width:calc(100% / 3); height:calc(100% - 2em); background-repeat:no-repeat; background-size:calc(100% * 3) auto;}
.photos[data-type="1"][data-src] span[data-cnt="1"]{left:0; background-position:left top;}
.photos[data-type="1"][data-src] span[data-cnt="2"]{
	left:calc(100% / 3); top:0; background-position:center top;
	/*
	animation-name:photobox_type_1;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction:linear;
	animation-duration:0.5s;
	animation-delay:1s;

	-webkit-animation-name:photobox_type_1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:linear;
	-webkit-animation-duration:0.5s;
	-webkit-animation-delay:1s;
	 */
}
.photos[data-type="1"][data-src] span[data-cnt="3"]{right:0; background-position:100% top;}
.photos[data-type="1"][data-src] span[data-cnt="1"],
.photos[data-type="1"][data-src] span[data-cnt="3"]{
	height:calc(100% - 2em);
	/*
	animation-name:photobox_type_2;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction:linear;
	animation-duration:0.5s;
	animation-delay:1s;

	-webkit-animation-name:photobox_type_2;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:linear;
	-webkit-animation-duration:0.5s;
	-webkit-animation-delay:1s;

	 */
}
@keyframes photobox_type_1 {
	0%{top:0; background-position:center top;}
	100%{top:2em; background-position:center -2em;}
}
@-webkit-keyframes photobox_type_1 {
	0%{top:0; background-position:center top;}
	100%{top:2em; background-position:center -2em;}
}
@keyframes photobox_type_2 {
	0%{height:calc(100% - 2em);}
	100%{height:calc(100% - 4em);}
}
@-webkit-keyframes photobox_type_2 {
	0%{height:calc(100% - 2em);}
	100%{height:calc(100% - 4em);}
}
@media all and (max-width: 1000px) {
	.photobox[data-type="1"] .item{float:none; width:100%;}
	.photobox[data-type="1"] .item:nth-child(1) .photos{max-width:30em; margin:0 auto 4em auto;}
}



/* btn */
#txt .btn{position:relative;min-width: 9.5em;padding: 0.6em 1em; margin:0 0.1em;text-align:center;/*font-size:1.1em;*/border:0.1em solid #1155a7;color:#fff;background-color:#1155a7;}
#txt .btn span{display:block;position:relative;width:100%;height:100%;}
.btn{position:relative;min-width: 9.5em;padding: 0.6em 1em;text-align:center;/*font-size:1.1em;*/border:0.1em solid #1155a7;color:#fff;background-color:#1155a7;}
.btn span{display:block;position:relative;width:100%;height:100%;}
/*.btn:hover{
	box-shadow:0.2em 0.2em 0.1em rgba(0,0,0,0.1);
	-webkit-box-shadow:0.2em 0.2em 0.1em rgba(0,0,0,0.1);
}*/

.btn.type_1{border-color:#1f8ecd; color:#1f8ecd; background-color:transparent;}

.btn.down{padding:0.6em 2.5em 0.6em 1em; text-align:left;}
.btn.down:after{content:""; display:block; position:absolute; right:1em; top:0; width:0.7em; height:100%; background-image:url(../img/skin/icon_down.png); background-repeat:no-repeat; background-position:center center; /*background-size:100% auto;*/}


.btn.down.pdf:after,
.btn.down.hwp:after,
.btn.down.wd:after,
.btn.down.img:after,
.btn.down.ppt:after,
.btn.down.ex:after{
	right:0.7em; top:calc(50% - (1.705em / 2)); width:1.705em; height:1.705em; background-repeat:no-repeat; background-position:center center; background-size:auto;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.btn.down.pdf:after{background-color:#c11e08; background-image:url(../img/skin/icon_down_6.png);}
.btn.down.hwp:after{background-color:#1a90d0; background-image:url(../img/skin/icon_down_5.png);}
.btn.down.wd:after{background-color:#1f4d94; background-image:url(../img/skin/icon_down_4.png);}
.btn.down.img:after{background-color:#5b5b5b; background-image:url(../img/skin/icon_down_3.png);}
.btn.down.ppt:after{background-color:#cf4223; background-image:url(../img/skin/icon_down_2.png);}
.btn.down.ex:after{background-color:#327a47; background-image:url(../img/skin/icon_down_1.png);}

.btn.link{padding:0.6em 2.5em 0.6em 1em; text-align:left;}
.btn.link:after{content:"";display:block;position:absolute;right:1em;top:0;width: 0.75em;height:100%;background-image:url(../img/skin/icon_link.png);background-repeat:no-repeat;background-position:center center;/* background-size:100% auto; */}

.btn.icon{width:3em;height:3em;min-width:1em;padding:0;background-repeat:no-repeat;background-position:center center;/* background-size:30% auto; */background-image:url(../img/skin/icon_link.png);}
.btn.icon:hover{border-color:#1155a7; background-color:#1155a7; background-image:url(../img/skin/icon_link_w.png);}
.btn.icon:after{display:none;}
.btn.icon span{overflow:hidden; text-align:left; text-indent:-1000px;}

.btn.icon.down{background-image:url(../img/skin/icon_down.png);}
.btn.icon.down:hover{background-image:url(../img/skin/icon_down_w.png);}


.btn.small{font-size:0.8em;}

.table .btn{font-size:0.8em;min-width:1em;}
.table .btn:hover{border-color:#1155a7; color:#fff; background-color:#1155a7;}
.table .btn.down:hover:after{background-image:url(../img/skin/icon_down_w.png);}

h2 .btn,
h3 .btn,
h4 .btn,
h5 .btn{font-size:0.64em; background-size:40% auto;}

h2 .btn.icon,
h3 .btn.icon,
h4 .btn.icon,
h5 .btn.icon{font-size:0.4em; background-size:40% auto;}


.list-1st+.btns {margin-top: 0.8em;}
.btns{
	position:relative; display:inline-block; min-width:15em; padding:0; /*font-size:1.1em;*/ border-width:1px; border-style:solid; border-color:transparent transparent #1f8ecd transparent; color:#1f8ecd; box-sizing:border-box;
	transition:background 0.2s linear;
	-webkit-transition:background 0.2s linear;
}
.btns span{display:block; position:relative; z-index:100; padding:0.6em 3em 0.6em 1.2em; font-size:1em;}
.btns span:bofer{z-index:0;}
.btns span:after{
	content:""; display:block; position:absolute; right:1em; top:0; width:1.6em; height:100%; background-image:url(../img/skin/btn_arrow.png); background-repeat:no-repeat; background-position:center center; transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
.btns.down span:after{content:""; display:block; position:absolute; right:1em; top:0; width:0.7em; height:100%; background-image:url(../img/skin/icon_down.png); background-repeat:no-repeat; background-position:center center;}
.btns.link span:after{content:""; display:block; position:absolute; right:1em; top:0; width:0.7em; height:100%; background-image:url(../img/skin/icon_link.png); background-repeat:no-repeat; background-position:center center;}
.btns.down:hover span:after{content:""; display:block; position:absolute; right:1em; top:0; width:0.7em; height:100%; background-image:url(../img/skin/icon_down.png); background-repeat:no-repeat; background-position:center center;}
.btns.link:hover span:after{content:""; display:block; position:absolute; right:1em; top:0; width:0.7em; height:100%; background-image:url(../img/skin/icon_down.png); background-repeat:no-repeat; background-position:center center;}

.btns:hover{border-bottom-color:#1155a7; color:#1155a7;}
.btns:hover span:after{right:0.7em; background-image:url(../img/skin/btn_arrow_b.png);}

.btns.type_1{color:#fff; background-color:#1f8ecd;}
.btns.type_1 span:after{background-image:url(../img/skin/btn_arrow_w.png);}
.btns.type_1:hover span{background-color:#1155a7;}

.btns.type_1_2{background-color:#1155a7;}
.btns.type_1_2:hover, .btns.type_1_2:focus{background-color:#1f8ecd;}


.btns.type_2{border:none; color:#1f8ecd;}
.btns.type_2:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-width:0.1em; border-style:solid; border-color:#1f8ecd; box-sizing:border-box;}
.btns.type_2:hover{color:#1155a7;}
.btns.type_2:hover:before{border-color:#1155a7;}


.btn_group{margin-top:2em;}



/* tab */
.tab-ul{margin-bottom:4em;}
.tab-ul li{overflow:hidden; display:block; position:relative; z-index:0; height:4.5em;border:1px solid #1f8ecd;}
.tab-ul li a{position:relative; display:table; line-height:1.3em; width:100%; height:100%; padding:0 2.5em 0 1.5em; font-size:1.1em; border:none; color:#1155a7;}
.tab-ul li:nth-child(1) a:before{border-left:1px solid #1f8ecd;}
.tab-ul li a:after{
	content:""; display:block; position:absolute; right:1.5em; top:1.8em; width:15px; height:9px; background-image:url(../img/skin/tab_bul_1.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;
	transition:background 0.1s linear;
	-webkit-transition:background 0.1s linear;
}
.tab-ul li a.down:after{background-image:url(../img/skin/icon_down.png); background-repeat:no-repeat;}
.tab-ul li a.link:after{background-image:url(../img/skin/icon_link.png); background-repeat:no-repeat;}
.tab-ul li a strong{position: relative; display:block;font-size:1em;margin-top:1.5em;}
.tab-ul li a span{display:block;font-size:0.8em;margin-top:1em;}
.tab-ul li.on,
.tab-ul li:hover{z-index:10;background: #1155a7;}
.tab-ul li a:hover,
.tab-ul li.on a{color:#fff;}
.tab-ul li a:hover:before,
.tab-ul li.on a:before{background-color:#1155a7;}
.tab-ul li a:hover:after,
.tab-ul li.on a:after{background-image:url(../img/skin/tab_bul_1_on.png);}

@media all and (max-width: 1023px) {
	.tab-ul li a{padding:0 0 0 1em;}
	.tab-ul li a:after{right:1em;}
}
@media all and (max-width: 767px) {
	.tab-ul.col4 li{width:50%;}
}
@media all and (max-width: 500px) {
	.tab-ul.col4 li{width:100%;}
}


/* table */
.table_wrap{overflow-x:auto; position:relative;}
.table{border-top:2px solid #1155a7; margin: 20px 0;}
.table tbody>tr>td,
.table tbody>tr>th,
.table tfoot>tr>td,
.table tfoot>tr>th,
.table thead>tr>td,
.table thead>tr>th{padding:1em 0.5em;text-align:left;font-size: 1.05em;color:#4b4444; word-break:break-all;line-height: 1.8em;}
.table thead>tr>th{text-align:center;}
.table tbody>tr>th,
.table thead>tr>th{font-weight:normal; color:#1155a7; background:none;}

.table tbody>tr>td ul li{font-size:1em;}
.table-default thead tr:first-child th{text-align:center}
.table .ntt_no,
.table .wrt,
.table .inq_cnt,
.table .reg_date, 
.table .atch_nm {text-align:center}
.table tr>th[data-after]:after{content:" "attr(data-after); color:#ff5454;}
.table tr.nodata td{text-align: center;}
/*.table td:last-child, .table th:last-child{text-align: center;}*/

.table.table_noti thead th,.table.table_noti tbody td { border-left: none;}
.table.table_noti thead th:first-child,.table.table_noti tbody td:first-child {text-align: center;}

ul+.table,
div+.table{margin-top:2em;}
@media all and (max-width: 1279px) {
	.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:0.5em;font-size: 1em;text-align: center;}
}
@media all and (max-width: 1024px) {
	.table_wrap .table.no{width:1200px;}
	.table_wrap:before{
		/*content:"";*/ display:block; position:absolute; right:0; top:0; width:10%; height:100%;
		background: #fff;
		background: -webkit-linear-gradient(to left, #fff 0%, transparent 90%);
		background: linear-gradient(to left, #fff 0%, transparent 90%);
	}
}
/*@media all and (max-width: 900px) {
	.table:not(.no) thead{display:none;}
	.table:not(.no),
	.table:not(.no) tbody,
	.table:not(.no) tbody>tr,
	.table:not(.no) tbody>tr>th,
	.table:not(.no) tbody>tr>td{display:block; box-sizing:border-box;}
	.table:not(.no){border-bottom:1px solid #d2d2d2;}
	.table:not(.no) tbody tr{padding:1.2em 2.0em;}
	.table:not(.no) tbody tr:nth-child(n+2){border-top:1px solid #d2d2d2;}
	.table:not(.no) tbody>tr>td[data-title]:before{content:attr(data-title); display:block; font-size:1.1em; color:#1155a7;}
	.table:not(.no) tbody>tr>th{padding:0; border:none;}
	.table:not(.no) tbody>tr>td{padding:0.5em 0 0 0; border:none;}
	.table:not(.no) tbody>tr>td:nth-child(1){padding-top:0;}

	.table:not(.no) thead+tbody>tr>td:not(:nth-child(1)){margin-top:1em;}
}*/

/*board*/
.board--card--list .obj .col {width: 25%;}

@media (max-width: 1024px){
	.board--card--list .obj .col {width: 50%;}
}
@media all and (max-width: 560px) {
	.board--card--list .obj .col {width:100%;}
}

.board--card--list .obj .card--body .list_ul li:before{right:7px !important;}

/*PCMS 게시판스타일변경*/
.program--search .search--btn input[type="submit"]{padding:0 30px 0 5px;background: #1067af url(/pcms/common/images/ir/program--search--icon.png) no-repeat 100% 48%;color:#fff;background-size: 11px;text-shadow:0 0 1px #000;}
.program--search .search--btn .btn--submit {background-color: #1067af}
.board_list.table thead th, .board_list.table tbody th, .board_list.table tbody td, .table[data-rwdb=yes] thead th, .table[data-rwdb=yes] tbody th, .table[data-rwdb=yes] tbody td{padding: 15px 0;}
.fa-floppy-o:before, .fa-save:before,.fa-list-ul:before {display: none;}

.no-more-tables .board_list.table {margin: 0;}
.ui.bbs--view--content #txt {margin-bottom: 2em;}
#txt .program--contents h2:before {display: none;}
#txt .bbs--view .bbs--view--header {padding: 0 15px 15px;}
#txt .bbs--view .bbs--view--content iframe{width:100% !important;}
#txt h2.ui.bbs--view--tit { margin: 1em 0 0.5em 0}
#txt .form-group.text-right .btn{padding: 1em; margin-left: 0.5em}
#txt .form-group textarea.form-control{height: 20em;}

.board--card--list .obj .card--body{height: 7em;}
.board--card--list .obj .card--body .list_ul{position: absolute;bottom: 5px;}
.board--card--list .obj .card--body .title{overflow: hidden;font-size: 16px;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;height:50px;}


@media all and (max-width: 560px) {
	.board--card--list .obj .col {width:100%;}
	.board--card--list .obj .thm--box .inner img{width: auto;}
	#txt .bbs--view .bbs--view--content iframe{height:100% !important;}
}