@charset "utf-8";

#charge {display: none;} /* 하단 콘텐츠담당 : 일단안보이게 처리*/

a:focus, button:focus{outline: 1px dotted #b9b9b9;}
#txt {padding-bottom: 12em;}
#txt p{line-height:1.7em;margin:0 0 1em 0;font-size:1.1em;color:#24282c;letter-spacing: -0.04em;}
#txt>p{padding-right:20%;}
#txt>p:first-child{line-height:1.6em; padding-right:20%; margin-bottom:0.5em; font-size:1.5em;word-break: keep-all;}
#txt>p:first-child+.photobox{margin-top:6em;}
@media all and (max-width: 1024px) {
	#txt>p:first-child{padding-right:0%;}
}
@media all and (max-width: 700px) {
	#txt {margin-bottom: 3em}
	#txt>p:first-child{font-size:1.2em}
	#txt>p{padding-right:0;}
	#txt>p:first-child+.photobox{margin-top:2em;}
}

/* text-align */
.text_align_l {text-align: left;}
.text_align_r {text-align: right;}
.text_align_c {text-align: center;}


/* point */
.point{color:#2a94d0 !important;}
.unit{display: block;text-align: right;}

/* tip */
.tip{position:relative; line-height:1.5em; padding-left:16px; vertical-align:top; font-weight:normal; font-size:0.95em; color:#eb4e39;}
.tip:before{content:""; display:block; position:absolute; left:0; top:0.45em; width:11px; height:11px; background-image:url(../img/skin/icon_tip_1.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
h2 .tip,
h3 .tip,
h4 .tip,
h5 .tip{line-height:2.3em; margin-left:0.5em; font-size:0.7em;}
li .tip{font-size:0.9em;}

.tip.icon_1{color:#2a94d0;}
.tip.icon_1:before{background-image:url(../img/skin/icon_tip_2.png);}
.tip.icon_3{padding-left:1em; color:#8a8888;}
h2 .tip.icon_3,
h3 .tip.icon_3,
h4 .tip.icon_3,
h5 .tip.icon_3{margin-left:0.7em;}
.tip.icon_3:before{left:0; top:calc(50% - 0.5em); width:1px; height:1em; background-color:#d9dadb;}

li.tip{color:#eb4e39;}
li.tip.icon_1{color:#2a94d0;}
li.tip:before{left:0 !important; top:0.4em !important; width:11px !important; height:11px !important; background-color:transparent !important; background-image:url(../img/skin/icon_tip_1.png) !important;}
li.tip.icon_1:before{background-image:url(../img/skin/icon_tip_2.png) !important;}

/* line */
.line{clear:both; display:block; position:relative; width:100%; height:1em; line-height:0; margin:2em 0; font-size:1em;}
.line:before{content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#e8ebef;}
.line2{clear:both; display:block; position:relative; width:100%; height:1em; line-height:0; margin:0; padding-top: 1em; font-size:1em;}
.line2:before{content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:2px; background-color:#015eaa;}


/* heading */
#txt h2,
#txt h3,
#txt h5,
#txt h4{position:relative; line-height:1.5em;}

#txt h2{margin:4em 0 1.5em 0; font-size:1.9em; color:#015eaa;}
#txt h2:before{content:""; display:block; position:absolute; left:0; top:50%; z-index:-1; width:20000px; height:1px; background-color:#d6dce3;}
#txt h2 span{display:inline-block; padding-right:2em; background-color:#fff;}
#txt h2 span:nth-child(2) {position: relative; font-size:0.8em; margin-left: -1.2em;color:#878787;}
/*#txt h2 span:nth-child(2):befoer {content: ""; display: block; position: absolute; width: 1px; height: 25px; background: #ccc; top:0; left: 0;}*/
#txt h3{margin:1.6em 0 0.5em 0; font-size:1.6em; color:#24282c;}
#txt h4{margin:1.5em 0 1em 0; font-size:1.4em; color:#1155a7;}
#txt h5{margin:1.5em 0 1em 0; font-size:1.2em; color:#24282c;}

#txt h2[data-after]:after,
#txt h3[data-after]:after,
#txt h4[data-after]:after,
#txt 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:#878787;}

.hbox{padding-left:2em;}
.hbox_line{padding:2em;margin:1em 0; border: 5px solid #ddd;}
#txt .hbox_line>h4 {margin-top: 0;}

/* text list */
#txt .list-1st{margin:0;}
#txt .list-1st>li,
#txt .list-2st>li,
#txt .list-3st>li{position:relative;line-height:1.5em;padding-left:1em;margin:0;font-size: 1em;box-sizing:border-box;}
#txt .list-1st>li:not(:nth-child(1)),
#txt .list-2st>li:not(:nth-child(1)),
#txt .list-3st>li:not(:nth-child(1)){margin-top:0.3em;}
#txt .list-1st>li:before,
#txt .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%;}

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

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



/* 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%;}
/*#txt .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);
}*/

#txt .btn.type_1{border-color:#1f8ecd; color:#1f8ecd; background-color:transparent;}
#txt .btn.btn-secondary{background-color: #33404f;border-color: #33404f;}

#txt .btn.down{padding:0.6em 2.5em 0.6em 1em; text-align:left;}
#txt .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;*/}

#txt .btn.down.pdf:after,
#txt .btn.down.hwp:after,
#txt .btn.down.wd:after,
#txt .btn.down.img:after,
#txt .btn.down.ppt:after,
#txt .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%;}
#txt .btn.down.pdf:after{background-color:#c11e08; background-image:url(../img/skin/icon_down_6.png);}
#txt .btn.down.hwp:after{background-color:#1a90d0; background-image:url(../img/skin/icon_down_5.png);}
#txt .btn.down.wd:after{background-color:#1f4d94; background-image:url(../img/skin/icon_down_4.png);}
#txt .btn.down.img:after{background-color:#5b5b5b; background-image:url(../img/skin/icon_down_3.png);}
#txt .btn.down.ppt:after{background-color:#cf4223; background-image:url(../img/skin/icon_down_2.png);}
#txt .btn.down.ex:after{background-color:#327a47; background-image:url(../img/skin/icon_down_1.png);}

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

#txt .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);}
#txt .btn.icon:hover,
#txt .btn.icon:focus{border-color:#1155a7; background-color:#1155a7; background-image:url(../img/skin/icon_link_w.png);}
#txt .btn.icon:after{display:none;}
#txt .btn.icon span{overflow:hidden; text-align:left; text-indent:-1000px;}

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

#txt .btn.small{font-size:0.8em;}
#txt .btn.center{display: block;margin: 0 auto;}

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

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

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

#txt .list-1st+.btns {margin-top: 0.8em;}
#txt .btns{
	position:relative;
	display:inline-block;
	min-width:18em;
	padding:0;
	/*font-size:1.1em;*/
	border-width:1px;
	border-style:solid;
	border-color:transparent transparent #015eaa transparent;
	color:#015eaa;
	box-sizing:border-box;
	transition:background 0.2s linear;
	-webkit-transition:background 0.2s linear;
}
#txt .btns span{display:block; position:relative; z-index:100; padding:0.6em 3em 0.6em 1.2em; font-size:1em;}
/*#txt .btns span:bofer{z-index:0;}*/
#txt .btns span:after{
	content:""; display:block;opacity:1; position:absolute; right:1em; top:0; width:1.6em; height:100%;  background-repeat:no-repeat; background-position:center center; transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
#txt .btns:hover span:after, #txt .btns:focus span:after{opacity:1;right:0.5em;background-image:url(../img/skin/btn_arrow.svg);transition:0.3s;}
#txt .btns.type_1 span:after, #txt .btns.type_2 span:after{
	content:""; display:block; opacity:1;position:absolute; right:1em; top:0; width:1.6em; height:100%; background-image:url(../img/skin/btn_arrow_w.svg); background-repeat:no-repeat; background-position:center center; transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
#txt .btns.type_2 span:after{background-image:url(../img/skin/btn_arrow.svg);}
#txt .btns.type_1 span:after, #txt .btns.type_2 span:after{
	content:""; display:block; position:absolute; right:1em; top:0; width:1.6em; height:100%; /*background-image:url(../img/skin/btn_arrow.svg); background-repeat:no-repeat; background-position:center center;*/ transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}

#txt .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;}
#txt .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;}
#txt .btns.down:hover span:after,#txt .btns.down:focus 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;}
#txt .btns.link:hover span:after,#txt .btns.link:focus 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;}

#txt .btns:hover,#txt .btns:focus{border-bottom-color:#1155a7; color:#1155a7;}
/*#txt .btns:hover span:after{background-image:url(../img/skin/btn_arrow_b.svg);}*/
#txt .btns.type_1:hover span:after, #txt .btns.type_2:hover span:after,
#txt .btns.type_1:focus span:after, #txt .btns.type_2:focus span:after{right:0.7em;}

#txt .btns.type_1{color:#fff; background-color:#015eaa;margin-top:0.5em}
/*#txt .btns.type_1 span:after{background-image:url(../img/skin/btn_arrow_w.svg);}*/
#txt .btns.type_1:hover span, #txt .btns.type_1:focus span{background-color:#1155a7;}

#txt .btns.type_2{color:#1f8ecd;border-width: 0.1em;border-color: #1f8ecd;}

#txt .btns.type_2:hover, #txt .btns.type_2:focus{color:#1155a7;}
#txt .btns.type_2:hover:before, #txt .btns.type_2:focus:before{border-color:#1155a7;}


.btn_group{margin-top:2em;}
@media all and (max-width: 600px) {
	#txt .btn{font-size:0.8em;}
}


/* 동영상 타입 */
#txt .photos[data-type="1"][data-src*=".mp4"] .videobox{position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;overflow: hidden;}
#txt .photos[data-type="1"][data-src*=".mp4"] .videobox .cover video{z-index:20;width:100%;height: 100%;transform: scale(1.1); }
#txt .photos[data-type="1"][data-src*=".mp4"] .videobox .cover{position:absolute; left:5%; top:0;width:90%;height:auto;}
#txt .photos[data-type="1"][data-src*=".mp4"] .videobox:before{
	opacity:0;
	/*content:"";*/
	display:block;
	position:absolute;
	right:0;
	top: 20px;
	width:50%;
	height: 95%;
	padding:1.2em;
	background-color:#f1f1f1;
	box-sizing:border-box;
	animation-name:photobox_type_3_before;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction:linear;
	animation-duration:1s;
	animation-delay:1s;
	-webkit-animation-name:photobox_type_3_before;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:linear;
	-webkit-animation-duration:1s;
	-webkit-animation-delay:1s;
}
#txt .photos[data-type="1"][data-src*=".mp4"] .videobox:after{content:"";display:block; position:absolute;left:0;bottom:0;background-color:#fff;width:100%;height:100%;z-index:-1}
/*#txt .photos[data-type="1"][data-video] .videobox{overflow:hidden; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}*/
#txt .photos[data-type="1"][data-video] .videobox .cover iframe{z-index:20; width:auto; height:100%;}
.photos.video_box[data-type="1"][data-src]{margin:1.2em 1.2em 1.2em 0;padding:1.2em 1.2em 1.2em 0;}



.video-wrapper[data-video-id]{position:relative;padding:0 0 2em 0;margin-left:4em;max-width:550px;height: 373px;}
.video-wrapper[data-video-id] .tv{position:absolute;left:0;top:-10px;z-index:0;width:100%;height:100%;overflow:hidden;}
.video-wrapper[data-video-id] .tv .screen{position:absolute;z-index:1;top:-15% !important;;left:-15% !important;right:-15% !important;bottom:-15% !important;;margin:auto !important;opacity:0;transition:opacity .5s;overflow: hidden;width:130%;height: 130%;}
.video-wrapper[data-video-id] .tv .screen.active{opacity:1;}



.video-wrapper[data-video-id]:before{
	opacity:0;
	content:"";
	display:block;
	position:absolute;
	right: -2em;
	top:20px;
	width:50%;
	height: 95%;
	padding:1.2em;
	background-color:#f1f1f1;
	box-sizing:border-box;
	animation-name:photobox_type_3_before;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction:linear;
	animation-duration:1s;
	animation-delay:1s;
	-webkit-animation-name:photobox_type_3_before;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:linear;
	-webkit-animation-duration:1s;
	-webkit-animation-delay:1s;
}
.video-overlay{position:absolute;z-index:2;width:100%;height:100%;background-color: #000; opacity:0}
.video-wrapper[data-video-id]:after{content:"";/* display:block; */position:absolute;left:0;bottom:0;background-color:#fff;width:100%;height:100%;z-index:-1;}
/* 사진 타입 */
.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:auto 100%;}
.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;}
@keyframes photobox_type_1 {
	0%{top:0;}
	100%{top:2em;}
}
@-webkit-keyframes photobox_type_1 {
	0%{top:0;}
	100%{top:2em;}
}

.photos[data-type="2"][data-src]{position:relative; margin-bottom:1.2em;}
.photos[data-type="2"][data-src]:before,
.photos[data-type="2"][data-src]:after{content:""; display:block; position:absolute; z-index:0; box-sizing:border-box;}
.photos[data-type="2"][data-src]:before{left:-1.2em; top:1.2em; width:100%; height:100%; border:1px solid #d6d6d6;}
.photos[data-type="2"][data-src]:after{right:1.2em; top:1.2em; z-index:100; width:calc(100% - 1.2em); height:calc(100% - 1.2em); border:1px solid #fff; border-left:none; border-bottom:none;}
.photos[data-type="2"][data-src] span{
	display:block; position:absolute; left:-1.2em; top:1.2em; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;
	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;
}
.photos[data-type="2"][data-src] img{position:relative; z-index:0; width:100%;}
.hi{height:700px;}

@keyframes photobox_type_2 {
	0%{left:-1.2em; top:1.2em;}
	100%{left:0; top:0;}
}
@-webkit-keyframes photobox_type_2 {
	0%{left:-1.2em; top:1.2em;}
	100%{left:0; top:0;}
}

.photos[data-type="3"][data-src]{position:relative; padding:1.2em 1.2em 1.2em 0;}
/* .photos[data-type="3"][data-src]:not([class*="no_bg"]):before{
	opacity:0; content:""; display:block; position:absolute; right:0em; top:0; width:50%; height:100%; padding:1.2em; background-color:#f1f1f1; box-sizing:border-box;
	animation-name:photobox_type_3_before;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction:linear;
	animation-duration:1s;
	animation-delay:1s;

	-webkit-animation-name:photobox_type_3_before;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:linear;
	-webkit-animation-duration:1s;
	-webkit-animation-delay:1s;
} */
.photos[data-type="3"][data-src] img{width:100%;}
.photos[data-type="3"][data-src] span{
	position:absolute; right:1.2em; top:1.2em; z-index:1; width:calc(100% - 1.2em); height:calc(100% - 2.4em); background-repeat:no-repeat; background-position:center center; background-size:cover;text-indent: -9999px;
}

.photos[data-type="4"][data-src]{position:relative; padding:1.2em 1.2em 1.2em 0;}
.photos[data-type="4"][data-src] img{width:100%;}
.photos[data-type="4"][data-src] span{
	position:absolute; right:1.2em; top:1.2em; z-index:100; width:calc(100% - 1.2em); height:calc(100% - 2.4em); background-repeat:no-repeat; background-position:center center; background-size:cover;
}

@keyframes photobox_type_3_before {
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes photobox_type_3_before {
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes photobox_type_3 {
	0%{width:calc(50% - 2.4em);}
	100%{width:calc(100% - 1.2em);}
}
@-webkit-keyframes photobox_type_3 {
	0%{width:calc(50% - 2.4em);}
	100%{width:calc(100% - 1.2em);}
}



#txt ul[class*="col_"]:after{content:""; display:block; clear:both;}
#txt ul[class*="col_"] li{position:relative;}
#txt ul[class*="col_"] li a:not([class*="btn"]){display:block; position:relative;}
#txt ul[class*="col_"] li .btns{display:block;width:100%;min-width:100px;}



@media (min-width: 1100px) {
	#txt ul.col_2 li{float:left; width:calc((100% - 1em) / 2); margin:0 1em 0.3em 0;}
	#txt ul.col_2 li:nth-child(2n+2){margin-right:0;}
	#txt ul.col_2 li:nth-child(2n+1){clear:both;}

	#txt ul.col_2.line_age{overflow:hidden; border-bottom:1px solid #a9b1b6;}
	#txt ul.col_2.line_age li{position:relative;}
	#txt ul.col_2.line_age li:before{content:""; display:block; position:absolute; left:0; top:0;}
	#txt ul.col_2.line_age li:nth-child(2n+1):before{width:400%; height:1px; background-color:#a9b1b6;}
	#txt ul.col_2.line_age li:nth-child(2):before{left:-1em; z-index:200; width:1em; height:20000px; background-color:#fff;}
	#txt ul.col_2.line_age li:nth-child(1):before{display:none;}
	#txt ul.col_2.line_age li .btns{border-bottom:none;}

	#txt ul.col_3 li{float:left; width:calc((100% - 2em - 1px) / 3); margin:0 1em 0.3em 0;}
	#txt ul.col_3 li:nth-child(3n+3){margin-right:0;}
	#txt ul.col_3 li:nth-child(3n+1){clear:both;}

	#txt ul.col_4 li{float:left; width:calc((100% - 3em - 1px) / 4); margin:0 1em 0.3em 0;}
	#txt ul.col_4 li:nth-child(4n+4){ margin-right:0; }
	#txt ul.col_4 li:nth-child(4n+1){/* clear:both; */}

	#txt ul.col_5 li{float:left; width:calc((100% - 4em - 1px) / 5); margin:0 1em 0.3em 0;}
	#txt ul.col_5 li:nth-child(5n+5){margin-right:0;}
	#txt ul.col_5 li:nth-child(5n+1){clear:both;}
}
@media all and (max-width: 1100px){
	#txt ul.col_2 li{float:left; width:calc((100% - 2em) / 2); margin:0 1em 0.3em 0;}
}
@media all and (min-width: 800px) and (max-width: 1100px) {
	#txt>ul[class*="col_"] li{float:left; width:calc((100% - 2em) / 3); margin:0 1em 0.3em 0;}
	#txt>ul[class*="col_"] li:nth-child(3n+3){margin-right:0;}
	#txt>ul[class*="col_"] li:nth-child(3n+1){/* clear:both; */}
}
@media all and (max-width: 800px) {
	#txt>ul[class*="col_"] li{float:left; width:calc((100% - 1em) / 2); margin:0 1em 0.3em 0;}
	#txt>ul[class*="col_"] li:nth-child(2n+2){margin-right:0;}
	#txt>ul[class*="col_"] li:nth-child(2n+1){clear:both;}
}
@media all and (max-width: 500px) {

	#txt>ul[class*="col_"] li{/* float:none; */width: 50%;/* margin:0 0 0.3em 0; */}
	.video-wrapper[data-video-id]{margin-left:0;height: 290px;}
}
@media all and (max-width: 420px) {

	#txt>ul[class*="col_"] li{float:none;width: 100%;margin: 0 0 0.3em 0;}
}


/* svg simbol */
.svg_simbol{position:absolute; right:0; top:0; width:3.8em; height:3.8em;}
.svg_simbol svg{width:100%;fill:#2277F2;}
.svg_simbol svg [stroke]{
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}


/* line box */
#txt .linebox{padding:6em 4.5em; margin-bottom: 1em; border:1px solid #dadbdc;}
#txt .linebox_inner_bt{padding:4em 2em 2em;}
#txt .linebox_inner_bt .center{display: block; margin:0 auto;}

#txt .photobox{margin-bottom:4em;}
#txt .photobox .title{display:block; margin:0 0 0.5em 0; font-weight:500; font-size:1.8em; color:#24282c;}

#txt .photobox[data-type="1"]{}
#txt .photobox[data-type="1"]:after{content:""; display:block; clear:both;}
#txt .photobox[data-type="1"] .item{overflow:hidden; float:right; width:50%; min-height:50px;}
#txt .photobox[data-type="1"] .item h2{margin-top:0;}
#txt .photobox[data-type="1"] .item:nth-child(1) .photos{margin-left:4em;}
#txt .photobox[data-type="1"] .item:nth-child(2) ul{}
#txt .photobox[data-type="1"] .item:nth-child(2) ul li .btns{display:block; width:100%; min-width:100px;}

@media all and (max-width: 1000px) {
	#txt .photobox[data-type="1"] .item{float:none; width:100%;}
	#txt .photobox[data-type="1"] .item:nth-child(1) .photos{max-width:100%; margin:0 auto 4em auto;}
	#txt .btn:after{background-size:100% auto;}
	#txt .btns:after{background-size:100% auto;}
}

/* 대학
@media all and (max-width:768px){
	#txt ul.col_2 li{float:none;  width:100%;margin-right:0;}
}*/

@media all and (max-width:420px){
	#txt ul.col_2 li{float:none;  width:100%;margin-right:0;}
}

/* 학사일정 */
#txt .photobox[data-type="2"]{}
#txt .photobox[data-type="2"] .head{}
#txt .photobox[data-type="2"] .head h3{display:inline-block; font-size:1.4em;}
#txt .photobox[data-type="2"] .head ul{display:inline-block; margin-left:2em; font-size:1.4em;}
#txt .photobox[data-type="2"] .head ul li{display:inline-block; position:relative; padding-left:0.8em;}
#txt .photobox[data-type="2"] .head ul li:not(:nth-child(1)){margin-left:0.5em;}
#txt .photobox[data-type="2"] .head ul li:before{
	content:""; display:block; position:absolute; left:0; top:calc(50% - 0.2em); width:0.4em; height:0.4em; background-color:#1f8ecd;
	border-radius:50%;
	-webkit-border-radius:50%;
	transform:scale(0);
	-webkit-transform:scale(0);
	transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
}
#txt .photobox[data-type="2"] .head ul li a{color:rgba(36,40,44,0.5);}
#txt .photobox[data-type="2"] .midd{margin-top:2em;}
#txt .photobox[data-type="2"] .midd:after{content:""; display:block; clear:both;}
#txt .photobox[data-type="2"] .midd>.item{float:right; width:50%;}
#txt .photobox[data-type="2"] .midd>.item:nth-child(1){width:calc(50% - 4em); margin-left:4em;}
#txt .photobox[data-type="2"] .midd>.item:not(:nth-child(1)){display:none;}
#txt .photobox[data-type="2"] .midd>.item .btn_group{margin-top:4em;}
#txt .photobox[data-type="2"][data-page="1"] .head ul li:nth-child(1) a,
#txt .photobox[data-type="2"][data-page="2"] .head ul li:nth-child(2) a,
#txt .photobox[data-type="2"][data-page="3"] .head ul li:nth-child(3) a,
#txt .photobox[data-type="2"][data-page="4"] .head ul li:nth-child(4) a,
#txt .photobox[data-type="2"][data-page="5"] .head ul li:nth-child(5) a{color:#1f8ecd;}
#txt .photobox[data-type="2"][data-page="1"] .head ul li:nth-child(1):before,
#txt .photobox[data-type="2"][data-page="2"] .head ul li:nth-child(2):before,
#txt .photobox[data-type="2"][data-page="3"] .head ul li:nth-child(3):before,
#txt .photobox[data-type="2"][data-page="4"] .head ul li:nth-child(4):before,
#txt .photobox[data-type="2"][data-page="5"] .head ul li:nth-child(5):before{
	transform:scale(1);
	-webkit-transform:scale(1);
}
#txt .photobox[data-type="2"][data-page="1"] .midd>.item:nth-child(2),
#txt .photobox[data-type="2"][data-page="2"] .midd>.item:nth-child(3),
#txt .photobox[data-type="2"][data-page="3"] .midd>.item:nth-child(4),
#txt .photobox[data-type="2"][data-page="4"] .midd>.item:nth-child(5),
#txt .photobox[data-type="2"][data-page="5"] .midd>.item:nth-child(6){display:block;}
@media all and (max-width: 1000px) {
	#txt .photobox[data-type="2"] .midd>.item{float:none; width:100%;}
	#txt .photobox[data-type="2"] .midd>.item:nth-child(1){width:100%; max-width:30em; margin:0 auto 4em auto;}
}
@media all and (max-width: 400px) {
	#txt .photobox[data-type="2"] .head ul{display:block; margin-left:0;}
}
@media all and (max-width: 360px) {
	#txt .list-1st[data-type="1"]>li{padding-left:0;}
	#txt .list-1st[data-type="1"]>li:not(:nth-child(1)){margin-top:0.7em;}
	#txt .list-1st[data-type="1"]>li>em{position:relative; left:auto; width:100%; padding-left:1em;}
	#txt .list-1st[data-type="1"]>li>div{padding-left:1em;}
}


/* 연혁 */
#txt .photobox[data-type="3"]{}
#txt .photobox[data-type="3"]:after{content:""; display:block; clear:both;}
#txt .photobox[data-type="3"] .item{float:left;}
#txt .photobox[data-type="3"] .item:nth-child(1){width:calc(40% - 4em); margin-right:4em;}
#txt .photobox[data-type="3"] .item:nth-child(2){width:60%;}

#txt .photobox[data-type="3"].revers .item{float:right;}
#txt .photobox[data-type="3"].revers .item:nth-child(1){margin-left:4em; margin-right:0;}
@media all and (max-width: 1000px) {
	#txt .photobox[data-type="3"] .item,
	#txt .photobox[data-type="3"].revers .item{float:none; width:100%;}
	#txt .photobox[data-type="3"] .item:nth-child(1),
	#txt .photobox[data-type="3"].revers .item:nth-child(1){width:100%; max-width:30em; margin:0 auto 1em auto;}
	#txt .photobox[data-type="3"] .item:nth-child(2){width:100%;}
}
@media all and (max-width: 700px) {
	#txt .photobox[data-type="3"] .item:nth-child(1),
	#txt .photobox[data-type="3"].revers .item:nth-child(1){margin:0 auto 2em auto;}
}

/* 비전 2031 */
.icon_listbox[data-type="1"]{margin: 2em 0 0 0;}
.icon_listbox[data-type="1"] ul{}
.icon_listbox[data-type="1"] ul:after{content:""; display:block; clear:both;}
.icon_listbox[data-type="1"] ul li{float:left; position:relative; width:calc(100% / 5);}
.icon_listbox[data-type="1"] ul li:not(:nth-child(1)):before{content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#dadbdc;}
.icon_listbox[data-type="1"] ul li .lay{padding: 3em 2em 2em 2em;}
.icon_listbox[data-type="1"] ul li .lay .svg_simbol{position:absolute;right: 1.3em;top:1em;width: 3.3em;height: 3.3em;}
.icon_listbox[data-type="1"] ul li .lay .head{display:block; font-size:1.4em; color:#015eaa;}
.icon_listbox[data-type="1"] ul li .lay .head span{display:block; line-height:1.3em; font-weight:500; font-size:1em;}
.icon_listbox[data-type="1"] ul li .lay .midd{display:block;margin-top: 1em;font-size:1.1em;color:#4b4f55;font-weight: 500;}
.icon_listbox[data-type="1"] ul li .lay .midd span{display:block; line-height:1.3em; font-size:1em;}
@media all and (max-width: 1000px) {
	.icon_listbox[data-type="1"] ul{border-top:1px solid #dadbdc; border-bottom:1px solid #dadbdc;}
	.icon_listbox[data-type="1"] ul li{width:calc(100% / 2);}
	.icon_listbox[data-type="1"] ul li:nth-child(2n+1):before{display:none;}
	.icon_listbox[data-type="1"] ul li:nth-child(n+3):after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#dadbdc;}
}
@media all and (max-width: 450px) {
	.icon_listbox[data-type="1"] ul li{width:100%;}
	.icon_listbox[data-type="1"] ul li:nth-child(n+1):before{display:none;}
	.icon_listbox[data-type="1"] ul li:nth-child(n+2):after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#dadbdc;}
}

/* 학교현황 */
.icon_listbox2[data-type="1"] ul li{float:left; position:relative; width:calc(100% / 4);}
.icon_listbox2[data-type="1"] ul li .lay .midd{margin-top:1em;}
.icon_listbox2[data-type="1"] ul li .lay .midd span:first-child {font-size:1.8em; margin-bottom:0.2em;}
.icon_listbox2[data-type="1"] ul li .lay .midd span i {font-style: normal;padding-left: 6.5em;position: absolute;left: 0;}
.icon_listbox2[data-type="1"] ul li .lay .midd span:first-child i {font-style: normal;font-size: 0.7em;margin-left: 2px;position: relative;padding: 0;}
@media all and (max-width: 1000px) {
	.icon_listbox2[data-type="1"]{overflow:hidden;}
	.icon_listbox2[data-type="1"] ul{border-top:1px solid #dadbdc; border-bottom:1px solid #dadbdc;}
	.icon_listbox2[data-type="1"] ul li{width:calc(100% / 2);}
	.icon_listbox2[data-type="1"] ul li:nth-child(2n+1):before{display:none;}
	.icon_listbox2[data-type="1"] ul li:nth-child(n+3):after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#dadbdc;}
}
@media all and (max-width: 450px) {
	.icon_listbox2[data-type="1"] ul li{width:100%;}
	.icon_listbox2[data-type="1"] ul li:nth-child(n+1):before{display:none;}
	.icon_listbox2[data-type="1"] ul li:nth-child(n+2):after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#dadbdc;}
}


/* 연혁 */
.his_img{/*max-width:950px;*/ margin:0 auto;}
.his_img:after{content:""; display:block; clear:both;}
.his_img li{float:left;}
@media all and (max-width: 1000px) {
	#txt .linebox{padding:2em;}
	.bi_simbol li{float:none; text-align:center;}
	.bi_simbol li img{max-width:100%;}
}
/* UI 상징물 */
.bi_simbol{max-width:718px; margin:0 auto;}
.bi_simbol:after{content:""; display:block; clear:both;}
.bi_simbol li{float:left;}
@media all and (max-width: 1000px) {
	#txt .linebox{padding:2em;}
	.bi_simbol li{float:none; text-align:center;}
	.bi_simbol li img{max-width:100%;}
}
@media all and (max-width: 800px) {
	#txt .linebox .his_img li{clear: both;float: none;margin: 0 auto;width: 80%}
	#txt .linebox .his_img li:first-child{margin-bottom: 0.3em;}
}
@media all and (max-width: 450px) {
	#txt .linebox{padding:0;border: none;}
	#txt .linebox .his_img li{width: 100%}
}



/* 학사정보 */
.haksa_data_list{overflow: hidden;}
.haksa_data_list li{position:relative;}
.haksa_data_list li a{display:block;position:relative;padding: 0.7em 1.2em 0.7em 1.2em;font-size:1.1em;color:#1f8ecd;}
.haksa_data_list li a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#1f8ecd;}
.haksa_data_list li a .svg_simbol{right:0.5em; top:calc(50% - 1em); width:2em; height:2em;}
.haksa_data_list li a .svg_simbol svg>g{fill:#b5b5b5 !important;}
.haksa_data_list li a:hover .svg_simbol svg>g,
.haksa_data_list li a:focus .svg_simbol svg>g{fill:#2277f2 !important;}
.haksa_data_list li a:hover:before,
.haksa_data_list li a:focus:before{background-color:#015eaa;}
#txt ul.box_list_icon li{width: calc((100% - 3em) / 4);float: left;margin: 0 1em 0.3em 0;}
#txt ul.box_list_icon li:nth-child(4n+4){/* margin-right:0; */}
@media (max-width: 1349px) {
	#txt ul.box_list_icon li{width: calc((100% - 3em) / 3);float: left;margin: 0 1em 0.3em 0;position: relative;}
	#txt ul.box_list_icon li:nth-child(2n+1){/* clear: both; */}
	#txt ul.box_list_icon li:nth-child(2n+2){/* margin-right:0; */}
}
@media (max-width: 1024px) {
	.haksa_data_list li a{font-size:1em}
	/*.haksa_data_list li a .svg_simbol{display:none}*/


}
@media (max-width: 768px) {
	#txt ul.box_list_icon li{width: calc((100% - 2em) / 2);margin-right: 1em;}
}
@media (max-width: 640px) {
	#txt ul.box_list_icon li{width: 100%;margin: 0 0 0.3em 0;}
}


/* 포토형 게시판 */
.glist{}
.glist>ul{}
.glist>ul:after{content:""; display:block; clear:both;}
.glist>ul>li{float:left; width:calc((100% - 4em) / 3); margin:0 2em 2em 0;}
.glist>ul>li:nth-child(3n+3){margin-right:0;}
.glist>ul>li .lay{display:block; position:relative; padding-bottom:15em; border:1px solid #d6dce3;}
.glist>ul>li .lay span{display:block;}
.glist>ul>li .lay .head{position:relative; z-index:0; width:100%;}
.glist>ul>li .lay .head:before{
	opacity:0; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);
	transition:opacity 0.2s linear;
	-webkit-transition:opacity 0.2s linear;
}
.glist>ul>li .lay .photos{background-repeat:no-repeat; background-position:center center; background-size:cover;font-size: 0;}
.glist>ul>li .lay .photos img{display:block; width:100%;}
.glist>ul>li .lay .midd{
	position:absolute; left:0; bottom:0; width:100%; height:15em; padding:1.5em 1.5em 3.5em 1.5em; background-color:#fff;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
.glist>ul>li .lay .midd:after{content:""; display:block; position:absolute; right:2em; bottom:2em; width:calc(100% - 4em); height:0.6em; background-image:url(../img/skin/btn_arrow_g_long.svg); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;}
.glist>ul>li .lay .midd .tis{display:block; font-weight:600; font-size:1.1em; color:#363839;}
.glist>ul>li .lay .midd .tes{overflow:hidden; margin-top:0.5em; font-size:0.95em; color:#686a6b;}


.glist>ul>li a.lay:hover .head:before,
.glist>ul>li a.lay:focus .head:before{opacity:1;}
.glist>ul>li a.lay:hover .midd,
.glist>ul>li a.lay:focus .midd{height:17em; background-color:#2462ae;}
.glist>ul>li a.lay:hover .midd:after,
.glist>ul>li a.lay:focus .midd:after{background-image:url(../img/skin/btn_arrow_w_long.svg);}
.glist>ul>li a.lay:hover .midd .tis,
.glist>ul>li a.lay:focus .midd .tis,
.glist>ul>li a.lay:hover .midd .tes,
.glist>ul>li a.lay:focus .midd .tes{color:#fff;}
.glist>ul>li a.lay:hover .midd .tes .list-1st li:before,
.glist>ul>li a.lay:focus .midd .tes .list-1st li:before{background-color:#fff !important;}

@media all and (min-width: 1023px) {
	.glist:not([class*="col_3"])>ul>li{width:calc((100% - 6em) / 4); margin:0 2em 2em 0;}
	.glist:not([class*="col_3"])>ul>li:nth-child(4n+4){margin-right:0;}
	.glist:not([class*="col_3"])>ul>li .lay{padding-bottom:12em;}
	.glist:not([class*="col_3"])>ul>li .lay .midd{height:12em;}
	.glist:not([class*="col_3"])>ul>li .lay .midd .tes{height: 3.1em;}

	.glist:not([class*="col_3"])>ul>li a.lay:hover .midd,
	.glist:not([class*="col_3"])>ul>li a.lay:focus .midd{height:14em;}
	.glist:not([class*="col_3"])>ul>li a.lay:hover .midd .tes,
	.glist:not([class*="col_3"])>ul>li a.lay:focus .midd .tes{height:8em;}
}
@media all and (max-width: 900px) {
	.glist>ul>li{width:calc((100% - 2em) / 2);}
	.glist>ul>li:nth-child(3n+3){margin-right:2em;}
	.glist>ul>li:nth-child(2n+2){margin-right:0;}
}
@media all and (max-width: 500px) {
	.glist>ul>li{width:100%; margin:0 0 2em 0 !important;}
}


/* 동영상 게시판 */
.videobox+.vlist{margin-top:4em; padding-top:4em; border-top:1px solid #d6dce3;}
.vlist{}
.vlist>ul{}
.vlist>ul:after{content:""; display:block; clear:both;}
.vlist>ul>li{float:left; width:calc((100% - 4em) / 3); margin:0 2em 2em 0;}
.vlist>ul>li:nth-child(3n+3){margin-right:0;}
.vlist>ul>li .lay{display:block; position:relative; padding-bottom:7em; border:1px solid #d6dce3;}
.vlist>ul>li .lay span{display:block;}
.vlist>ul>li .lay .head{position:relative; z-index:0; width:100%;}
.vlist>ul>li .lay .head:before{
	opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.5);
	transition:opacity 0.2s linear;
	-webkit-transition:opacity 0.2s linear;
}
.vlist>ul>li .lay .video{position:relative; z-index:0;}
.vlist>ul>li .lay .midd{
	position:absolute; left:0; bottom:0; width:100%; height:7em; padding:0 1.5em 3em 1.5em; background-color:#fff;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
.vlist>ul>li .lay .midd:after{content:""; display:block; position:absolute; right:2em; bottom:2em; width:calc(100% - 4em); height:0.6em; background-image:url(../img/skin/btn_arrow_g_long.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;}
.vlist>ul>li .lay .midd .tis{display:table-cell; width:100%; height:4em; vertical-align:middle; font-weight:600; font-size:1.1em; color:#363839;}
.vlist>ul>li .lay .midd .tes{display:none;}


.vlist>ul>li a.lay:hover .head:before,
.vlist>ul>li a.lay:focus .head:before{opacity:1;}
.vlist>ul>li a.lay:hover .midd,
.vlist>ul>li a.lay:focus .midd{height:9em; background-color:#2462ae;}
.vlist>ul>li a.lay:hover .midd:after,
.vlist>ul>li a.lay:focus .midd:after{background-image:url(../img/skin/btn_arrow_w_long.png);}
.vlist>ul>li a.lay:hover .midd .tis,
.vlist>ul>li a.lay:focus .midd .tis{color:#fff;}

@media all and (min-width: 900px){
	.vlist>ul>li:nth-child(3n+3){margin-right:0;}
}
@media all and (min-width: 1023px) {
	.vlist>ul>li{width:calc((100% - 6em) / 4); margin:0 2em 2em 0;}
	.vlist>ul>li:nth-child(4n+4){margin-right:0;}
	.vlist>ul>li:nth-child(3n+3){margin:0 2em 2em 0;}
	.vlist>ul>li .lay{padding-bottom:7em;}
	.vlist>ul>li .lay .midd{height:7em;}
	.vlist>ul>li a.lay:hover .midd,
	.vlist>ul>li a.lay:focus .midd{height:9em;}
}
@media all and (max-width: 900px) {
	.vlist>ul>li{width:calc((100% - 2em) / 2);}
	.vlist>ul>li:nth-child(3n+3){margin-right:2em;}
	.vlist>ul>li:nth-child(2n+2){margin-right:0;}
}
@media all and (max-width: 500px) {
	.vlist>ul>li{width:100%; margin:0 0 2em 0 !important;}
}



/* 브로슈어 */
.wlist{}
.wlist>ul{}
.wlist>ul:after{content:""; display:block; clear:both;}
.wlist>ul>li{float:left; width:calc((100% - 6em) / 4); margin:0 2em 2em 0;}
.wlist>ul>li:nth-child(4n+4){margin-right:0;}
.wlist>ul>li .lay{display:block; position:relative; padding-bottom:4.5em; border:1px solid #d6dce3;}
.wlist>ul>li .lay span{display:block;}
.wlist>ul>li .lay .head{position:relative; z-index:0; width:100%;}
.wlist>ul>li .lay .head:before{
	opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.5);
	transition:opacity 0.2s linear;
	-webkit-transition:opacity 0.2s linear;
}
.wlist>ul>li .lay .photos{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.wlist>ul>li .lay .photos img{display:block; width:100%;}
.wlist>ul>li .lay .midd{
	overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:4.5em; padding:0 1.5em 1.5em 1.5em; border-top:1px solid #d6dce3; background-color:#fff;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
.wlist>ul>li .lay .midd:after{
	content:"다운로드"; display:block; position:absolute; right:1.5em; top:4.5em; width:calc(100% - 3em); height:3em; line-height:3em; padding-left:1em; color:#fff; background-color:#1f8ecd; background-image:url(../img/skin/icon_down_w.png); background-repeat:no-repeat; background-position:calc(100% - 1em) center; background-size:auto; box-sizing:border-box;
	border-radius:0.2em;
	-webkit-border-radius:0.2em;
}
.wlist>ul>li .lay .midd .tis{display:table-cell; width:100%; height:4em; vertical-align:middle; font-weight:600; font-size:1.1em; color:#363839;}
.wlist>ul>li .lay .midd .tes{display:none;}


.wlist>ul>li a.lay:hover .head:before,
.wlist>ul>li a.lay:focus .head:before{opacity:1;}
.wlist>ul>li a.lay:hover .midd,
.wlist>ul>li a.lay:focus .midd{height:9em; border-color:#2462ae; background-color:#2462ae;}
.wlist>ul>li a.lay:hover .midd:after,
.wlist>ul>li a.lay:focus .midd:after{color:#1f8ecd; background-color:#fff; background-image:url(../img/skin/icon_down.png);}
.wlist>ul>li a.lay:hover .midd .tis,
.wlist>ul>li a.lay:focus .midd .tis{color:#fff;}
@media all and (min-width: 1200px) {
	.wlist>ul>li{width:calc((100% - 6em) / 4); margin:0 2em 2em 0;}
	.wlist>ul>li:nth-child(4n+4){margin-right:0;}
	.wlist>ul>li .lay{padding-bottom:4.5em;}
	.wlist>ul>li .lay .midd{height:4.5em;}

	.wlist>ul>li a.lay:hover .midd,
	.wlist>ul>li a.lay:focus .midd{height:9em;}
}
@media all and (max-width: 1200px) {
	.wlist>ul>li{width:calc((100% - 4em) / 3);}
	.wlist>ul>li:nth-child(4n+4){margin-right:2em;}
	.wlist>ul>li:nth-child(3n+3){margin-right:0;}
}
@media all and (max-width: 900px) {
	.wlist>ul>li{width:calc((100% - 2em) / 2);}
	.wlist>ul>li:nth-child(4n+4),
	.wlist>ul>li:nth-child(3n+3){margin-right:2em;}
	.wlist>ul>li:nth-child(2n+2){margin-right:0;}
}
@media all and (max-width: 500px) {
	.wlist>ul>li{width:100%; margin:0 0 2em 0 !important;}
}


/* tab */
.tab-ul{margin-bottom:4em;}
.tab-ul li{/* overflow:hidden; */display:block;position:relative;z-index:0;height:3.9em;}
.tab-ul li a{position:relative; display:table; table-layout:fixed; 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 a:before{content:""; display:block; position:absolute; left:0px; top:0px; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #1f8ecd;transition:border-color 0.1s linear;-webkit-transition:border-color 0.1s linear;}
.tab-ul li a:after{content:"";display:block;position:absolute;right:1.5em;top:1.5em;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 span{display:table-cell; width:100%; vertical-align:middle; font-size:1em;}
.tab-ul li.on,
.tab-ul li:hover,
.tab-ul li:focus{z-index:10;}
.tab-ul li a:hover,
.tab-ul li a:focus,
.tab-ul li.on a{color:#fff;}
.tab-ul li a:hover:before,
.tab-ul li a:focus:before,
.tab-ul li.on a:before{background-color:#1155a7;}
.tab-ul li a:hover:after,
.tab-ul li a:focus:after,
.tab-ul li.on a:after{background-image:url(../img/skin/tab_bul_1_on.png);}

@media all and (max-width: 500px) {
	.tab-ul{position:relative; padding-top:54px;}
	.tab-ul li{float:none; width:100% !important; height:55px;}
	.tab-ul li a:after{display:none;}
	.tab-ul li.on{position:absolute; left:0; top:0;}
	.tab-ul li.on a:before{	border-radius:3px;	-webkit-border-radius:3px;}
	.tab-ul li.on a:after{display:block;}
	.tab-ul.on li.on a:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	.tab-ul li:not([class*="on"]){display:none;}
	.tab-ul.on li:not([class*="on"]){display:table;}
	.tab-ul li a{width:100%;}

	body#search .tab-ul li{float: left;width: 50% !important;}
	body#search .tab-ul li.on{position: static;}
	body#search .tab-ul li.on a:before{border-radius: 0;}
	body#search .tab-ul li:not([class*="on"]){display: inline-block;}
	body#search .tab-ul li a:hover:before, body#search .tab-ul li a:focus:before, body#search .tab-ul li.on a:before{border-color:#1155a7;}
}



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

.table tbody tr td a img.new_icon{/* position: absolute; *//* right: 0; *//* top:1.3em; */}
.table tbody>tr>td ul li{font-size:1em;text-align: left;}
.table-default thead tr:first-child th{text-align:center}
.table .ntt_no,
.table .wrt,
.table .inq_cnt,
.table .reg_date{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;}*/

.ir-file.ir-doc{background-position:-151px -177px;}
.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: 1024px) {
	.table_wrap{position:relative}
	.table_wrap .table.no{width:1200px; padding-right:10%;}
	.table_wrap:before{
		opacity:0; content:""; display:block; position:absolute; left:50%; top:50%; width:44px; height:44px;
		background:url(/pcms/common/images/prog/touch_img.png) no-repeat -24px center;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);

		animation-name:table_slide;
		animation-fill-mode:forwards;
		animation-duration:1.5s;
		animation-iteration-count:5;

		-webkit-animation-name:table_slide;
		-webkit-animation-fill-mode:forwards;
		-webkit-animation-duration:1.5s;
		-webkit-animation-iteration-count:5;
	}
	@keyframes table_slide {
		0%,100%{opacity:0;}
		20%,80%{opacity:1;}

		0%{left:50%;}
		100%{left:calc(50% - 40px);}
	}
	@-webkit-keyframes table_slide {
		0%,100%{opacity:0;}
		20%,80%{opacity:1;}

		0%{left:50%;}
		100%{left:calc(50% - 40px);}
	}
}



/*
@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; text-align:left !important; 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;}
}
*/


/* 흐름도 */
p+.count_list,
div+.count_list{margin-top:2.5em;}
.count_list{}
.count_list>ol{
	border-right:1px solid #d9dadb; border-top:1px solid #d9dadb;
	overflow:hidden;
	counter-reset:num;
}
.count_list>ol:after{content:""; display:block; clear:both;}
.count_list>ol>li{float:left; position:relative; width:25%; height:16em; padding:0 0 1px 1px; background-color:#d9dadb;}
.count_list>ol>li .lay{position:relative; z-index:0; width:100%; height:100%; padding:2em; background-color:#fff;}
.count_list>ol>li .lay>strong{font-weight:500; font-size:1.3em; color:#015eaa;}
.count_list>ol>li .lay>strong:before{
	counter-increment:num; content:counter(num);
	display:block; margin-bottom:0.5em; font-weight:normal; font-size:0.8em; color:#dedede;
}
.count_list>ol>li:not(:nth-child(n+10)) .lay>strong:before{content:"0"counter(num);}
.count_list>ol>li .lay>strong span{display:block; line-height:1.3em; font-size:1em;}
.count_list>ol>li .lay>span:not([class*="svg_simbol"]){position:absolute; left:2em; bottom:2em; font-size:1.1em;}
.count_list>ol>li .lay>.svg_simbol{right:2em; top:auto; bottom:2em;}

.count_list>ol>li:before,
.count_list>ol>li:after{
	content: ""; position:absolute; z-index:100; height: 0;width: 0; border: solid transparent; border-color: transparent;
	pointer-events: none;
}
.count_list>ol>li:last-child:before,
.count_list>ol>li:last-child:after{display:none;}




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


	.count_list:not([class*="col_"])>ol>li:nth-child(8n+1):after,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+2):after,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+3):after{
		left:100%; top: 50%;
		border-left-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+1):before,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+2):before,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+3):before{
		left:100%; top: 50%;
		border-left-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}


	.count_list:not([class*="col_"])>ol>li:nth-child(8n+5):after,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+6):after,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+7):after{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+5):before,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+6):before,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+7):before{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}


	.count_list:not([class*="col_"])>ol>li:nth-child(8n+4):after,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+8):after{
		left:50%; top: calc(100% - 1px);
		border-top-color: #fff;
		border-width: 0.6em;
		margin-left: -0.6em;
	}
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+4):before,
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+8):before{
		left:50%; top: calc(100% - 1px);
		border-top-color: #d9dadb;
		border-width: 0.7em;
		margin-left: -0.7em;
	}
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+5),
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+6),
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+7),
	.count_list:not([class*="col_"])>ol>li:nth-child(8n+8){float:right;}




	/* 3 */
	.count_list.col_3>ol>li{width:calc(100% / 3);}
	.count_list.col_3>ol>li:nth-child(6n+1):after,
	.count_list.col_3>ol>li:nth-child(6n+2):after{
		left:100%; top: 50%;
		border-left-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list.col_3>ol>li:nth-child(6n+1):before,
	.count_list.col_3>ol>li:nth-child(6n+2):before{
		left:100%; top: 50%;
		border-left-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}
	.count_list.col_3>ol>li:nth-child(6n+3):after,
	.count_list.col_3>ol>li:nth-child(6n+6):after{
		left:50%; top: calc(100% - 1px);
		border-top-color: #fff;
		border-width: 0.6em;
		margin-left: -0.6em;
	}
	.count_list.col_3>ol>li:nth-child(6n+3):before,
	.count_list.col_3>ol>li:nth-child(6n+6):before{
		left:50%; top: calc(100% - 1px);
		border-top-color: #d9dadb;
		border-width: 0.7em;
		margin-left: -0.7em;
	}
	.count_list.col_3>ol>li:nth-child(6n+4):after,
	.count_list.col_3>ol>li:nth-child(6n+5):after{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list.col_3>ol>li:nth-child(6n+4):before,
	.count_list.col_3>ol>li:nth-child(6n+5):before{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}
	.count_list.col_3>ol>li:nth-child(6n+4),
	.count_list.col_3>ol>li:nth-child(6n+5),
	.count_list.col_3>ol>li:nth-child(6n+6){float:right;}
}
@media all and (min-width: 700px) {
	/* 2 */
	.count_list.col_2>ol>li{width:50%;}
	.count_list.col_2>ol>li:nth-child(4n+1):after{
		left:100%; top: 50%;
		border-left-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list.col_2>ol>li:nth-child(4n+1):before{
		left:100%; top: 50%;
		border-left-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}

	.count_list.col_2>ol>li:nth-child(4n+2):after,
	.count_list.col_2>ol>li:nth-child(4n+4):after{
		left:50%; top: calc(100% - 1px);
		border-top-color: #fff;
		border-width: 0.6em;
		margin-left: -0.6em;
	}
	.count_list.col_2>ol>li:nth-child(4n+2):before,
	.count_list.col_2>ol>li:nth-child(4n+4):before{
		left:50%; top: calc(100% - 1px);
		border-top-color: #d9dadb;
		border-width: 0.7em;
		margin-left: -0.7em;
	}

	.count_list.col_2>ol>li:nth-child(4n+3):after{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list.col_2>ol>li:nth-child(4n+3):before{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}
	.count_list.col_2>ol>li:nth-child(4n+3),
	.count_list.col_2>ol>li:nth-child(4n+4){float:right;}

}
@media all and (min-width: 700px) and (max-width: 1024px) {
	.count_list:not([class*="col_2"])>ol>li{width:calc(100% / 3);}
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+1):after,
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+2):after{
		left:100%; top: 50%;
		border-left-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+1):before,
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+2):before{
		left:100%; top: 50%;
		border-left-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+3):after,
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+6):after{
		left:50%; top: calc(100% - 1px);
		border-top-color: #fff;
		border-width: 0.6em;
		margin-left: -0.6em;
	}
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+3):before,
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+6):before{
		left:50%; top: calc(100% - 1px);
		border-top-color: #d9dadb;
		border-width: 0.7em;
		margin-left: -0.7em;
	}
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+4):after,
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+5):after{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+4):before,
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+5):before{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+4),
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+5),
	.count_list:not([class*="col_2"])>ol>li:nth-child(6n+6){float:right;}
}
@media all and (min-width: 450px) and (max-width: 700px) {
	.count_list>ol>li{width:50%;}
	.count_list>ol>li:nth-child(4n+1):after{
		left:100%; top: 50%;
		border-left-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list>ol>li:nth-child(4n+1):before{
		left:100%; top: 50%;
		border-left-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}

	.count_list>ol>li:nth-child(4n+2):after,
	.count_list>ol>li:nth-child(4n+4):after{
		left:50%; top: calc(100% - 1px);
		border-top-color: #fff;
		border-width: 0.6em;
		margin-left: -0.6em;
	}
	.count_list>ol>li:nth-child(4n+2):before,
	.count_list>ol>li:nth-child(4n+4):before{
		left:50%; top: calc(100% - 1px);
		border-top-color: #d9dadb;
		border-width: 0.7em;
		margin-left: -0.7em;
	}

	.count_list>ol>li:nth-child(4n+3):after{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #fff;
		border-width: 0.6em;
		margin-top: -0.6em;
	}
	.count_list>ol>li:nth-child(4n+3):before{
		right:calc(100% - 1px); top: 50%;
		border-right-color: #d9dadb;
		border-width: 0.7em;
		margin-top: -0.7em;
	}
	.count_list>ol>li:nth-child(4n+3),
	.count_list>ol>li:nth-child(4n+4){float:right;}
}
@media all and (max-width: 450px) {
	.count_list>ol>li{width:100%;}
	.count_list>ol>li:after{
		left:50%; top: calc(100% - 1px);
		border-top-color: #fff;
		border-width: 0.6em;
		margin-left: -0.6em;
	}
	.count_list>ol>li:before{
		left:50%; top: calc(100% - 1px);
		border-top-color: #d9dadb;
		border-width: 0.7em;
		margin-left: -0.7em;
	}
}


.down_list{counter-reset:num; margin:2em 0; border-top:2px solid #1155a7; border-bottom:1px solid #e8ebef;}
.down_list:after{content:""; display:block; clear:both;}
.down_list li{display:table; table-layout:fixed; width:100%; margin:0 3em 1em 0; padding:1em 1em 0 1em; box-sizing:border-box;}
.down_list li:nth-child(n+2){border-top:1px dashed #ddd;}
.down_list li .item{display:table-cell;}
.down_list li .item:nth-child(1){width:auto;}
.down_list li .item strong{display:block; font-size:1em; color:rgba(0,0,0,0.8);}
.down_list li .item strong:before{
	margin-right:5px; font-weight:500; font-size:1em; color:rgba(0,0,0,0.3);
	counter-increment:num;
	content:counter(num)".";
}

.down_list li .item:nth-child(1) a{display:block; font-size:1em; color:rgba(0,0,0,0.8);}
.down_list li .item:nth-child(1) a:before{
	margin-right:5px; font-weight:500; font-size:1em; color:rgba(0,0,0,0.3);
	counter-increment:num;
	content:counter(num)".";
}

.down_list li:not(:nth-child(n+10)) .item strong:before{content:"0"counter(num)".";text-decoration:none;}
.down_list li .item .btn{margin:1px 0;}

@media all and (min-width: 1000px) {
	.down_list.col_2 li{float:left; width:calc((100% - 3em) / 2); margin-right:3em; border-top:none;}
	.down_list.col_2 li:nth-child(n+3){border-top:1px dashed #ddd;}
	.down_list.col_2 li:nth-child(2n+2){margin-right:0;}
}
@media all and (max-width: 700px) {
	.down_list li .item{display:block;}
	.down_list li .item:nth-child(1){margin-bottom:0.5em;}
}

.qa_list{}
.qa_list>ul{counter-reset:num;}
.qa_list>ul>li{padding:2em; border-bottom:1px solid #e8ebef;	counter-increment:num;}
.qa_list>ul>li:nth-child(2n+2){background-color:#fdfdfd;}
.qa_list>ul>li .head,
.qa_list>ul>li .midd{position:relative; padding-left:4em;}
.qa_list>ul>li .head:before,
.qa_list>ul>li .midd:before{position:absolute; left:0; top:0; line-height:1.2em; font-weight:500; font-size:1.6em;}
.qa_list>ul>li .head:after,
.qa_list>ul>li .midd:after{
	content:""; display:block; position:absolute; left:-0.4em; top:0.1em; width:0.4em; height:0.4em; background-color:#000;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.qa_list>ul>li .head strong{display:block; font-size:1.3em;}
.qa_list>ul>li .head:before{content:"Q"counter(num); color:#1155a7;}
.qa_list>ul>li .head:after{background-color:#1155a7;}
.qa_list>ul>li .midd{margin-top:2em;}
.qa_list>ul>li .midd:before{content:"A"counter(num); color:#2a94d0;}
.qa_list>ul>li .midd:after{background-color:#2a94d0;}

@media all and (max-width: 600px) {
	.qa_list>ul>li{padding:1.5em 0;}
}
@media all and (max-width: 460px) {
	.qa_list>ul>li .head, .qa_list>ul>li .midd{padding:2.5em 0 0 0;}
}

/* 지도 */
.mapbox{width:100%; margin-bottom:6em;}
.mapbox .head{display:block; height:1.5em; line-height:1.5em; margin-bottom:0.5em; font-size:1.3em;}
.mapbox .midd{height:30em;}

/* 동영상 */
#txt .video {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow: hidden;}
#txt .video iframe{position:absolute;top: 0;left:0;width:100%;height:100%; border:none;}


/* 홍보동영상 */
#txt #video_board .videobox{border: 1px solid #ddd;}
#txt .videobox{background: #f9f9f9;}
#txt .videobox:after{content:""; display:block; clear:both;}
#txt .videobox .item{float:left; width:calc((100% - 3em) / 2); margin-right:3em;}
#txt .videobox .item:first-child {padding: 1em;}
#txt .videobox .item h3{margin-top:15px;}
#txt .videobox .item:nth-child(2){margin-right:0;padding: 2.5em 2em 1em 0;}
#txt .videobox .item .scrollbox{overflow-y:auto; height:18em;padding: 0 2em 0 0;}

@media all and (max-width: 800px) {
	#txt .videobox .item{float:none; width:100%; margin-right:0;}
	#txt .videobox .item:nth-child(2){margin-top:2em;padding: 0 2em 1em 2.5em;}
}

.tab-ul.tab-ul2 li a:hover:before,
.tab-ul.tab-ul2 li a:focus:before,
.tab-ul.tab-ul2 li.on a:before {background-color: transparent; }
.tab-ul.tab-ul2 li a:hover, .tab-ul.tab-ul2 li a:focus, .tab-ul.tab-ul2 li.on a {color: #1155a7; font-weight:600;}
.tab-ul.tab-ul2 li.on a:before {border-bottom:2px solid #1f8ecd;}
.tab-ul.tab-ul2 li a:hover:after, .tab-ul.tab-ul2 li a:focus:after, .tab-ul.tab-ul2 li.on a:after {background-image:url(../img/skin/tab_bul_1.png);}
.ui-list__card{}
.ui-list__card .col1 .item{position: relative;}
.ui-list__card .col1 .item .thm--box .inner img{width:100%;}
.ui-list__card .col1 .item .card--body{position: static; padding:2em 0 0 3em;}
.ui-list__card .col1 .item .card--body .ui-list__title{font-size:2em;}
.ui-list__card .col1 .item .card--body .list-1st{margin-bottom: 2em !important;}
.ui-list__card .col1 .item .card--body .lin_btn{position: absolute;right: 20px;bottom:20px;}
@media all and (max-width: 1023px) {
	.ui-list__card .col1 .item .card--body .lin_btn{position: relative;right:auto;bottom:auto;}
}
@media all and (max-width: 767px) {
	.ui-list__card .col1 .item .thm--box{width:100%;}
	.ui-list__card .col1 .item .card--body{padding:2em 0 0 0;}
}
.text_search{border: 4px solid #efefef;padding: 1.5em 2em;margin-bottom: 5em;}
.text_search:after{content:""; display:block; clear:both;}
.text_search>.lists,
.text_search>.forms{float:left;}
.text_search>.lists{width:calc(100% - 15em);}
.text_search>.lists:after{content:""; display:block; clear:both;}
.text_search>.lists button{line-height: 1.7em;padding: 0 0.5em;margin: 0.6em 1em 0 0;}
.text_search>.lists button.on{color: #07378e;font-weight: 600;border-bottom: 3px solid #07378e;}
.text_search>.forms{position:relative;width:15em;border-bottom: 3px solid #07378e;}
.text_search>.forms form{position:relative;padding: 0 4.3em 0 0;margin:0.2em 0;font-size:0.8em;}
.text_search>.forms input[type="text"],
.text_search>.forms input[type="submit"]{}
.text_search>.forms input[type="text"]{width:100%;height:3em;color:rgba(0,0,0,0.5);padding: 0 0 0 1.5em;}
.text_search>.forms input[type="submit"]{position:absolute;right: 1.5em;top: 0.8em;width: 1.5em;height: 1.5em;background: url(/site/kr/img/layout/icon_search.svg) no-repeat center center;color: transparent;}
.text_search+.text_search_list{margin-top:2em;}
@media all and (max-width: 700px) {
	.text_search>.lists,
	.text_search>.forms{float:none; width:100%;}
	.text_search>.forms{margin-top:0.5em;}
}


/* 이미지확대보기 버튼 */
#txt .pic_btn .btn.type_1{margin:2em auto;}
.pic_btn a{display: none;}
.pic_btn a:hover, .pic_btn a:focus{background-color:#3f61b2;color:#fff;transition: all 300ms ease-out }
@media(max-width:767px){
	.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
}
@media(max-width:560px){
	.pic_btn a {width: 75%;}
}
@media(max-width:450px){
	.pic_btn a {width: 100%;}
}

.gsc-selected-option-container{min-width:122px !important;}
.gsc-selected-option{font-size:14px !important;}
.gsc-result-info{font-size:16px !important;}





.tab[data-type="2"]>ul>li:last-child{float:right;margin-top:12px;}
.tab[data-type="2"]>ul>li:nth-child(2){float:left;margin-top:0}
.tab[data-type="2"]>ul>li:last-child #sortField{display:inline-block;width:auto}



.reservation_search__Form { border: 1px solid #ddd; width: 100%; position: relative; }
.reservation_search__Form #id_admlink{position: relative;padding:40px;padding-left:350px;padding-right: 135px;}
.reservation_search__Form #id_admlink .reservationBox {margin:0;padding:0;}
.reservation_search__Form #id_admlink .head{position:absolute;top:0;left:0;max-width:300px;background-color: #f6f7f9;padding: 41px;}
.reservation_search__Form #id_admlink .head .title {width: 100%;line-height: 3.5rem;display: block;color: #000;font-weight: 500;font-size: 1.5rem;}
.reservation_search__Form #id_admlink .head p{line-height:1.2;font-size:14px;}
.reservation_search__Form #id_admlink .reservationBox .btnBox {position:absolute;top:40px;right:40px;width: 86px;height: 92px;text-align: center;color: #fff;}
.reservation_search__Form #id_admlink .reservationBox .btnBox .btn { width: 100%; height: 100%; color: #fff;font-size:16px;line-height:1;min-width:auto;padding:1.3em}
.reservation_search__Form #id_admlink .reservationBox .InfoBox { width:100%; }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span{display:block;margin-bottom:5px;}
.reservation_search__Form #id_admlink .reservationBox .InfoBox span:after { content: ''; display: block; clear: both; }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span label { width:120px; display: inline-block; float: left; padding-left:8px; line-height:40px; font-size:16px; font-weight: 500; color: #333; position: relative; }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span label:before { content: ''; width:4px; height:4px; background-color: #c7c7c7; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span input { width: calc(100% - 120px); margin: 0;  border: 1px solid #ddd; height:40px; background: #f8f8f8;  }
.reservation_search__Form #id_admlink .reservationBox:after { content: ''; display: block; clear: both; }

@media (min-width: 768px) {

	.reservation_search__Form #id_admlink{position: relative;padding:0;padding-left:0;padding-right: 0;}
	.reservation_search__Form #id_admlink .head{position:relative;width:100%;max-width:none;padding:20px}
	.reservation_search__Form #id_admlink .reservationBox .InfoBox { width:100%; padding:20px}
	.reservation_search__Form #id_admlink .reservationBox .btnBox{position:relative;top:0;right:0;width:100%;height:auto;padding: 0 20px 20px;margin-top: -10px;}

}