@charset "utf-8";

/* 기능 표시 
.airport.sub ._objWidget {position: relative; border: 2px solid red;}
.airport.sub ._fnctWrap {position: relative; border: 2px solid red;}
.airport.sub .func-import {position: relative; border: 2px solid red;}
.airportCo.sub ._objWidget {position: relative; border: 2px solid red;}
.airportCo.sub ._fnctWrap {position: relative; border: 2px solid red;}
.airportCo.sub .func-import {position: relative; border: 2px solid red;}
*/

.inner {width: 100%; max-width: 1480px; margin: 0 auto;}
.color1 {color: #FF4200;}
.color2 {color: #0074E1;}
.color3 {color: #e57700;}
.color4 {color: #e63946;}
.color5 {color: #c00000;}
.bold1 {font-family: pb; font-size: 16px;}
.grey {color: #888;}

@media screen and (max-width: 1500px) {
	.inner {padding: 0 30px;}
}

/* 공통 마진 */
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb126 {margin-bottom:126px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.per5 {width: 5%;}
.per10 {width: 10%;}
.per15 {width: 15%;}
.per20 {width: 20%;}
.per25 {width: 25%;}
.per30 {width: 30%;}
.per35 {width: 35%;}
.per40 {width: 40%;}
.per45 {width: 45%;}
.per50 {width: 50%;}
.per55 {width: 55%;}
.per60 {width: 60%;}
.per65 {width: 65%;}
.per70 {width: 70%;}
.per75 {width: 75%;}
.per80 {width: 80%;}
.per85 {width: 85%;}
.per90 {width: 90%;}
.per95 {width: 95%;}
.per100 {width: 100%;}

.hidden{position:absolute;top:-9999px;left:-9999px;display: none;}
.hidden2,
.hidden-text{position:absolute;top:-9999px;left:-9999px;}

/* 공통 정렬 */
.align-l {text-align: left !important;}
.align-c {text-align: center !important;}
.align-r {text-align: right !important;}

/* 공통 버튼 */
.func-btn-style1 {display: inline-flex; align-items: center; height: 70px; padding: 0 30px; background-color: #fff;; border: 1px solid #011d3f; border-radius: 7px; font-family: pb; font-size: 18px; color: #011d3f !important; transition: .3s;}
.func-btn-style1::after {content: ''; display: inline-block; width: 14px; height: 25px; margin-left: 75px; background-color: #011d3f; /*mask: url('../../images/func/ic-btn1-type.svg') no-repeat center;*/ -webkit-mask: url('../../images/func/ic-btn1-type.svg') no-repeat center;}
.func-btn-style1:hover {border-color: #1473e6; box-shadow: 0 0 10px rgba(0,84,155,0.3); color: #1473e6 !important;}
.func-btn-style1:hover::after {background-color: #1473e6;}
.func-btn-style1.small {height: 50px; padding: 0 16px; font-size: 16px;}
.func-btn-style1.small::after {margin-left: 25px; width: 9px; height: 17px; /*mask: url('../../images/func/ic-btn1-type.svg') no-repeat center;*/ -webkit-mask: url('../../images/func/ic-btn1-type.svg') no-repeat center;}
.func-btn-style1.tiny {height: 35px; padding: 0 10px; font-size: 14px;}
.func-btn-style1.tiny::after {margin-left: 10px; width: 9px; height: 17px; /*mask: url('../../images/func/ic-btn1-type.svg') no-repeat center;*/ -webkit-mask: url('../../images/func/ic-btn1-type.svg') no-repeat center;}
.func-btn-style1.reverse {text-align: right;}
.func-btn-style1.reverse::after {display: none;}
.func-btn-style1.reverse::before {content: ''; display: inline-block; width: 14px; height: 25px; margin-right: 75px; background-color: #011d3f; /* mask: url('../../images/func/ic-btn1-type.svg') no-repeat center; */ -webkit-mask: url('../../images/func/ic-btn1-type.svg') no-repeat center; transform: rotate(180deg);}
.func-btn-style1.reverse:hover::before {background-color: #1473e6;}

.func-btn-style2 {display: inline-flex; align-items: center; height: 30px; padding: 0 10px; background-color: #fff;; border: 1px solid #1473e6; border-radius: 3px; font-family: pr; font-size: 14px; color: #1473e6 !important; transition: .3s; cursor: pointer;}
.func-btn-style2::after {content: ''; display: inline-block; width: 5px; height: 7px; margin-left: 10px; background: url('../../images/func/ic-btn3-type.png') no-repeat center top;}
.func-btn-style2:hover {background-color: #1473e6; color: #fff !important;}
.func-btn-style2:hover::after {background-position: center bottom;}

.func-btn-style3 {display: inline-flex; align-items: center; height: 50px; padding: 0 20px; background-color: #fff;; border: 1px solid #c7d3e3; border-radius: 3px; font-family: pr; font-size: 16px; color: #333333;}
.func-btn-style3.type1:hover {background: #3176d0; border-color: #3176d0; color: #fff;}
.func-btn-style3.type2:hover {background: #01888e; border-color: #01888e; color: #fff;}
.func-btn-style3::before {content: ''; display: inline-block; width: 26px; height: 23px; margin-right: 12px;}
.func-btn-style3.type1::before {background-color:#3176d0;}
.func-btn-style3.type1:hover::before {background-color:#fff;}
.func-btn-style3.type2::before {background-color:#01888e;}
.func-btn-style3.type2:hover::before {background-color:#fff;}
.func-btn-style3.arrow::after {content: ''; position: relative; top: -2px; display: inline-block; width: 21px; height: 5px; margin-left: 50px; background: url('../../images/func/arr-btn.png') no-repeat center;}
.func-btn-style3.arrow:hover::after {background: url('../../images/func/arr-btn-on.png') no-repeat center;}
.func-btn-style3.big {height: 70px; font-family: pb; font-size: 18px;}
.func-btn-style3.ico1::before {/* mask:url('../../images/func/ic-btn1.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn1.svg') no-repeat 50% 50%;}
.func-btn-style3.ico2::before {/* mask:url('../../images/func/ic-btn2.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn2.svg') no-repeat 50% 50%;}
.func-btn-style3.ico3::before {/* mask:url('../../images/func/ic-btn3.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn3.svg') no-repeat 50% 50%;}
.func-btn-style3.ico4::before {/* mask:url('../../images/func/ic-btn4.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn4.svg') no-repeat 50% 50%;}
.func-btn-style3.ico5::before {/* mask:url('../../images/func/ic-btn5.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn5.svg') no-repeat 50% 50%;}
.func-btn-style3.ico6::before {/* mask:url('../../images/func/ic-btn6.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn6.svg') no-repeat 50% 50%;}
.func-btn-style3.ico7::before {/* mask:url('../../images/func/ic-btn7.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn7.svg') no-repeat 50% 50%;}
.func-btn-style3.ico8::before {/* mask:url('../../images/func/ic-btn8.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn8.svg') no-repeat 50% 50%;}
.func-btn-style3.ico9::before {/* mask:url('../../images/func/ic-btn9.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn9.svg') no-repeat 50% 50%;}
.func-btn-style3.ico10::before {/* mask:url('../../images/func/ic-btn10.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn10.svg') no-repeat 50% 50%;}
.func-btn-style3.ico11::before {/* mask:url('../../images/func/ic-btn11.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn11.svg') no-repeat 50% 50%;}
.func-btn-style3.ico12::before {/* mask:url('../../images/func/ic-btn12.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn12.svg') no-repeat 50% 50%;}
.func-btn-style3.ico13::before {/* mask:url('../../images/func/ic-btn13.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn13.svg') no-repeat 50% 50%;}
.func-btn-style3.ico14::before {/* mask:url('../../images/func/ic-btn14.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn14.svg') no-repeat 50% 50%;}
.func-btn-style3.ico15::before {/* mask:url('../../images/func/ic-btn15.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn15.svg') no-repeat 50% 50%;}
.func-btn-style3.ico16::before {/* mask:url('../../images/func/ic-btn16.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn16.svg') no-repeat 50% 50%;}
.func-btn-style3.ico17::before {/* mask:url('../../images/func/ic-btn17.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn17.svg') no-repeat 50% 50%;}
.func-btn-style3.ico18::before {/* mask:url('../../images/func/ic-btn18.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn18.svg') no-repeat 50% 50%;}
.func-btn-style3.ico19::before {/* mask:url('../../images/func/ic-btn19.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn19.svg') no-repeat 50% 50%;}
.func-btn-style3.ico20::before {/* mask:url('../../images/func/ic-btn20.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn20.svg') no-repeat 50% 50%;}
.func-btn-style3.ico21::before {/* mask:url('../../images/func/ic-btn21.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn21.svg') no-repeat 50% 50%;}
.func-btn-style3.ico22::before {/* mask:url('../../images/func/ic-btn22.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn22.svg') no-repeat 50% 50%;}
.func-btn-style3.ico23::before {/* mask:url('../../images/func/ic-btn23.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn23.svg') no-repeat 50% 50%;}
.func-btn-style3.ico24::before {/* mask:url('../../images/func/ic-btn24.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn24.svg') no-repeat 50% 50%;}
.func-btn-style3.ico25::before {/* mask:url('../../images/func/ic-btn25.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn25.svg') no-repeat 50% 50%;}
.func-btn-style3.ico26::before {/* mask:url('../../images/func/ic-btn26.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn26.svg') no-repeat 50% 50%;}
.func-btn-style3.ico27::before {width: 31px; /* mask:url('../../images/func/ic-btn27.png') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn27.png') no-repeat 50% 50%;}
.func-btn-style3.ico28::before {width: 13px; /* mask:url('../../images/func/ic-btn28.png') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn28.png') no-repeat 50% 50%;}
.func-btn-style3.ico29::before {width: 21px; /* mask:url('../../images/func/ic-btn29.png') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn29.png') no-repeat 50% 50%;}
.func-btn-style3.ico30::before {width: 31px; /* mask:url('../../images/func/ic-btn30.png') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn30.png') no-repeat 50% 50%;}
.func-btn-style3.ico31::before {width: 19px; /* mask:url('../../images/func/ic-btn31.png') no-repeat 50% 50%; */ -webkit-mask:url('../../images/func/ic-btn31.png') no-repeat 50% 50%;}

.func-btn-style4 {display: inline-flex; align-items: center; height: 40px; padding: 0 15px; background-color: #fff; border: 1px solid #c7d3e3; border-radius: 3px; font-family: pr; font-size: 16px; color: #5b5b5b;}
.func-btn-style4.small {height: 30px; padding: 0 10px; font-size: 14px;}
.func-btn-style4:hover {background: #eff6ff; border: 1px solid #3176d0; color: #3176d0;}
.func-btn-style4:hover::after {background-position: center bottom !important;}
.func-btn-style4.ico1::after {content: ''; position: relative; top: -1px; display: inline-block; width: 15px; height: 14px; margin-left: 30px; background: url('../../images/func/ic-mini-btn1.png') no-repeat center top;}
.func-btn-style4.ico2::after {content: ''; position: relative; top: 0px; display: inline-block; width: 15px; height: 15px; margin-left: 30px; background: url('../../images/func/ic-mini-btn2.png') no-repeat center top;}
.func-btn-style4.ico3::after {content: ''; position: relative; top: 0px; display: inline-block; width: 17px; height: 9px; margin-left: 30px; background: url('../../images/func/ic-mini-btn3.png') no-repeat center top;}
.func-btn-style4.small.ico1::after {content: ''; position: relative; top: -1px; display: inline-block; width: 11px; height: 11px; margin-left: 15px; background: url('../../images/func/ic-mini-btn1-small.png') no-repeat center top;}
.func-btn-style4.small.ico2::after {content: ''; position: relative; top: 0px; display: inline-block; width: 12px; height: 12px; margin-left: 15px; background: url('../../images/func/ic-mini-btn2-small.png') no-repeat center top;}
.func-btn-style4.small.ico3::after {content: ''; position: relative; top: 0px; display: inline-block; width: 15px; height: 7px; margin-left: 15px; background: url('../../images/func/ic-mini-btn3-small.png') no-repeat center top;}

@media screen and (max-width: 1200px) {
	.func-btn-style1 {height: 50px; padding: 0 20px; font-size: 16px;}
	.func-btn-style1::after {margin-left: 50px; mask-size: 8px; -webkit-mask-size: 8px;}
	.func-btn-style1.reverse::before {margin-right: 50px; mask-size: 8px; -webkit-mask-size: 8px;}
	.func-btn-style1.small {height: 40px; padding: 0 10px; font-size: 14px;}

	.func-btn-style3 {height: 40px; padding: 0 20px; font-size: 15px;}
	.func-btn-style3::before {margin-right: 10px;}
	.func-btn-style3.arrow::after {margin-left: 15px;}

	.func-btn-style4 {height: 35px; font-size: 14px;}
	.func-btn-style4.ico2::after {margin-left: 20px;}
	.func-btn-style4.small {font-size: 13px;}
}

@media screen and (max-width: 700px) {
	.func-btn-style1::after {margin-left: 20px;}
	.func-btn-style1.reverse::before {margin-right: 20px;}
}

.btn-func {display: inline-flex; align-items: center; justify-content: center; min-width: 120px; height: 50px; margin: 0 5px; padding: 0 20px; border-radius: 5px; font-family: pr; font-size: 18px; color: #fff !important; cursor: pointer;}
.btn-func.small {min-width: 70px; height: 30px; padding: 0 10px; border-radius: 5px; font-size: 13px;}
.btn-func.middle {min-width: 70px; height: 40px; font-size: 14px;}
.btn-func.big {min-width: 140px; height: 60px; padding: 0 30px; font-size: 18px;}
.btn-func.eng {min-width: 220px; height: 60px; padding: 0 20px; border-radius: 100px; font-family: pb; font-size: 18px;}
.btn-func.color1 {background: #08407a;}
.btn-func.color1:hover {background: #03203f;}
.btn-func.color2 {background: #6E798E;}
.btn-func.color2:hover {background: #515d72;}
.btn-func.color3 {background: #333333;}
.btn-func.color3:hover {background: #000000;}
.btn-func.color4 {background: #00a9c8;}
.btn-func.color4:hover {background: #006274;}
.btn-func.color5 {background: #E98E10;}
.btn-func.color5:hover {background: #e97e10;}
.btn-func.color6 {background: #1473e6;}
.btn-func.color6:hover {background: #0d4b95;}
.btn-func.color7 {background: #6e798e;}
.btn-func.color7:hover {background: #545f74;}
.btn-func.color8 {background: #fff; border: 1px solid #999999; color: #2e2e2e !important;}
.btn-func.color8:hover {background: #fff; border-color: #1473e6; color: #1473e6 !important;}
.btn-func.color9 {background: #1473e6;}
.btn-func.color9:hover {background: #0d4b95;}

@media screen and (max-width: 1024px) {
	.btn-func {font-size: 16px;}
    .btn-func.big {height: 50px; font-size: 16px;}
    .btn-func.eng {min-width: 160px; height: 50px; font-size: 16px;}
}

._fnctWrap .btn-style2 {display: inline-flex; align-items: center; height: 40px; padding: 0 15px; background-color: #fff; border: 1px solid #c7d3e3; border-radius: 3px; font-family: pr; font-size: 16px; color: #5b5b5b;}
._fnctWrap .btn-style2.small {height: 30px; padding: 0 10px; font-size: 14px;}
._fnctWrap .btn-style2:hover {background: #eff6ff; border: 1px solid #3176d0; color: #3176d0;}
._fnctWrap .btn-style2:hover::after {background-position: center bottom !important;}
._fnctWrap .btn-style2.ico1::after {content: ''; position: relative; top: -1px; display: inline-block; width: 15px; height: 14px; margin-left: 30px; background: url('../../images/guide/ic-mini-btn1.png') no-repeat center top;}
._fnctWrap .btn-style2.ico2::after {content: ''; position: relative; top: 0px; display: inline-block; width: 15px; height: 15px; margin-left: 30px; background: url('../../images/guide/ic-mini-btn2.png') no-repeat center top;}
._fnctWrap .btn-style2.ico3::after {content: ''; position: relative; top: 0px; display: inline-block; width: 17px; height: 9px; margin-left: 30px; background: url('../../images/guide/ic-mini-btn3.png') no-repeat center top;}
._fnctWrap .btn-style2.small.ico1::after {content: ''; position: relative; top: -1px; display: inline-block; width: 11px; height: 11px; margin-left: 15px; background: url('../../images/guide/ic-mini-btn1-small.png') no-repeat center top;}
._fnctWrap .btn-style2.small.ico2::after {content: ''; position: relative; top: 0px; display: inline-block; width: 12px; height: 12px; margin-left: 15px; background: url('../../images/guide/ic-mini-btn2-small.png') no-repeat center top;}
._fnctWrap .btn-style2.small.ico3::after {content: ''; position: relative; top: 0px; display: inline-block; width: 15px; height: 7px; margin-left: 15px; background: url('../../images/guide/ic-mini-btn3-small.png') no-repeat center top;}._fnctWrap 

._fnctWrap .btn-style3 {display: inline-flex; justify-content: center; align-items: center; min-width: 110px; height: 50px; background-color: #fff; border: 1px solid #dddddd; border-radius: 3px; font-family: pr; font-size: 18px; color: #777777;}
._fnctWrap .btn-style3.white:hover {background: #eff6ff; border: 1px solid #3176d0; color: #3176d0;}
._fnctWrap .btn-style3.color1 {background: #152e6e; border-color: #152e6e; color: #fff;}
._fnctWrap .btn-style3.color1:hover {background: #0f2357; border-color: #0f2357;}
._fnctWrap .btn-style3.color2 {background: #6e798e; border-color: #6e798e; color: #fff;}
._fnctWrap .btn-style3.color2:hover {background: #576174; border-color: #576174;}
._fnctWrap .btn-style3.color3 {background: #333333; border-color: #333333; color: #fff;}
._fnctWrap .btn-style3.color3:hover {background: #111; border-color: #111111;}
._fnctWrap .btn-style3.color4 {background: #01888e; border-color: #01888e; color: #fff;}
._fnctWrap .btn-style3.color4:hover {background: #008086; border-color: #008086;}
._fnctWrap .btn-style3.color5 {background: #e98e10; border-color: #e98e10; color: #fff;}
._fnctWrap .btn-style3.color5:hover {background: #c5790e; border-color: #c5790e;}
._fnctWrap .btn-style3.color6 {background: #3176d0; border-color: #3176d0; color: #fff;}
._fnctWrap .btn-style3.color6:hover {background: #2760ac; border-color: #2760ac;}
.btn-style3.museum {position: absolute; right: 40px; top: 2px;}


@media screen and (max-width: 1200px) {
  ._fnctWrap .btn-style1 {height: 40px; padding: 0 10px; font-size: 15px;}
  ._fnctWrap .btn-style1::before {margin-right: 5px;}
  ._fnctWrap .btn-style1.arrow::after {margin-left: 30px;}

  ._fnctWrap .btn-style2 {height: 35px; font-size: 14px;}
  ._fnctWrap .btn-style2.ico2::after {margin-left: 20px;}
  ._fnctWrap .btn-style2.small {font-size: 13px;}

  ._fnctWrap .btn-style3 {height: 40px; font-size: 15px;}
}

.file-btn {height: 30px; padding-left: 35px; padding-right: 20px;  border: 1px solid #d5d5d5; border-radius: 5px; font-family: pr; line-height:26px; cursor: pointer;}
.file-btn.add {background: #ececec url('../../images/func/board/ico-file-add.png') no-repeat 10px center; margin-right: 5px;}
.file-btn.del {background: #ececec url('../../images/func/board/ico-file-del.png') no-repeat 14px center;}

/* 공통 타이틀 */
.func-title {display: flex; justify-content: space-between; align-items: center;}
.func-title h3 {font-family: pb; font-size: 30px; color: #323232;}
.func-title em {color: #ff7e00; padding-left: 10px;}
.func-title .must-text {font-family: pr; font-size: 15px; color: #e63946;}

.func-title.type {display: flex; justify-content: space-between; align-items: center;}
.func-title.type h3 {font-family: pr; font-size: 30px; color: #111111;}
.func-title.type .must-text {font-family: pr; font-size: 18px; color: #333333;}
.func-title.type .must-text i {position: relative; top: 3px; color: #e83030;}

.func-title2 {display: flex; justify-content: space-between; align-items: center;}
.func-title2 h3 {position: relative; padding-left: 15px; font-family: pb; font-size: 20px; color: #323232;}
.func-title2 h3::before {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #1473e6; border-radius: 100%;}
.func-title2 em {color: #ff7e00;}
.func-title2 .must-text {font-family: pr; font-size: 15px; color: #e63946;}

#_articleContent h2,
#_articleContent h3,
#_articleContent h4 {line-height: 1.5;}
@media screen and (max-width: 1024px) {
	.func-title h3 {font-size: 25px;}
	
	.func-title.type h3 {font-size: 24px;}
	.func-title.type .must-text {font-size: 15px;}
}

@media screen and (max-width: 700px) {
    .func-title h3 {font-size: 22px;}

	.func-title.type h3 {font-size: 20px;}
	.func-title.type .must-text {font-size: 14px;}
}

/* 헤딩버튼 */
.func-heading-button .row {display: flex; align-items: center; width: 100%;}
.func-heading-button .left {flex:1; position: relative;}
.func-heading-button .left > p{font-size: 16px; font-family: pr; color: #666666;}

.func-heading-button .right {text-align: right;}

@media screen and (max-width: 650px) {
    .func-heading-button .left {width: 100%;}
    .func-heading-button .right {width: 100%; text-align: left; margin-top: 5px;}
}

/*새로고침 버튼*/
.func-fix-btn{display: inline-flex; align-items: center; height: 40px; padding: 0 12px; background: #fff;border: 1px solid #FF5400;border-radius: 7px;font-family: pr;font-size: 15px;color: #666666;transition: .3s;}
.func-fix-btn:hover {color: #FF5400;}
.func-fix-btn::before {content: ''; display: inline-block; width: 18px; height: 18px; background: url('../../images/func/fix-btn-ic.png') no-repeat center; margin-right: 8px;}

@media screen and (max-width: 1200px) {
  .func-fix-btn{height: 40px; font-size: 15px;}
}

@media screen and (max-width: 700px) {
  .func-heading-button .row {flex-wrap: wrap;}
  .func-heading-button .left > p{font-size: 16px; }
}

/* 공통 공지 */
.func-noti-txt {position: relative; padding: 3px 0 3px 30px; font-family: pb; font-size: 16px; color: #014291;}
.func-noti-txt::after {content: ''; position: absolute; left: 0; top: 4px; width: 24px; height: 22px; background: url('../../images/func/ic-noti1.png') no-repeat center center;}

@media all and (max-width: 1200px) {
	.func-noti-txt {font-size: 16px;}
	.func-noti-txt::after {top: 3px;}
}

@media all and (max-width: 700px) {
	.func-noti-txt {font-size: 15px;}
	.func-noti-txt::after {top: 4px;}
}

/* 공통 체크박스 라디오*/
@media screen and (min-width: 1200px) {
	.cm-check {position: relative;}
	.cm-check input {position: absolute; opacity: 0;}
	.cm-check span {display: inline-block; position: relative; font-size: 15px; color: #333333; font-family: pr; letter-spacing: 0;}
	.cm-check span::before {content: ""; position: absolute;}

	.cm-check.style1 span {padding-left: 27px; line-height: 30px;}
	.cm-check.style1.solo span {height: 18px;}
	.cm-check.style1 span::before {width: 18px; height: 18px; border: 1px solid #9B9B9B; left: 0; top: 6px; border-radius: 4px; background: #fff;}
	.cm-check.style1.solo span::before {top: 6px;}
	.cm-check.style1 input:focus + span::before {border-color: #333;}
	.cm-check.style1 input:focus:checked + span::before {border-color: #333;}
	.cm-check.style1 input:checked + span::before {background: #186DDE url("../../images/func/ic_check_on.png") no-repeat center; border-color: #186DDE;}
	.cm-check.style1 input:checked + span {color: #000;}
	.cm-check.style1.read-yes input + span::before {background: #999 url("../../images/func/ic_check_on.png") no-repeat center; border-color: #999;}
	.cm-check.style1.read-no input + span::before {background: #eaeaea; border-color: #9B9B9B;}

	.cm-check.style2 span {padding-left: 35px; line-height: 30px; font-family: pb; font-size: 18px; color: #fff;}
	.cm-check.style2 span::before {width: 25px; height: 25px; border: 1px solid #9B9B9B; left: 0; top: 2px; border-radius: 4px; background: #fff;}
	.cm-check.style2 input:focus + span::before {border-color: #186DDE;}
	.cm-check.style2 input:checked + span::before {background: #186DDE url("../../images/func/ic_check_on2.png") no-repeat center; border-color: #186DDE;}

	.cm-check.style3 span {padding-left: 40px; line-height: 30px; font-family: pr; font-size: 18px; color: #999999;}
	.cm-check.style3 span::before {width: 30px; height: 30px; background-color: #1473e6; border: 1px solid #1473e6; left: 0; top: 1px; border-radius: 100%; background: #fff;}
	.cm-check.style3 input:focus + span,
	.cm-check.style3 input:checked + span {color: #2e2e2e;}
	.cm-check.style3 input:focus + span::before {border-color: #083e85;}
	.cm-check.style3 input:checked + span::before {background: #1473e6 url("../../images/func/ic_check_on2.png") no-repeat center; border-color: #1473e6;}

	.cm-check.style4 span {padding-left: 40px; line-height: 45px; font-family: pb; font-size: 15px; color: #1473e6;}
	.cm-check.style4 span::before {width: 30px; height: 30px; border: 1px solid #c6c6c6; left: 0; top: 6px; border-radius: 100%; background: #fff;}
	.cm-check.style4 input:focus + span::before {border-color: #186DDE;}
	.cm-check.style4 input:checked + span::after {content: ''; position: absolute; left: 8px; top: 14px; width: 14px; height: 14px; background: #1473e6; border-radius: 100%;}
	.cm-check.style4 input:checked + span {color: #065cc5;}


	.cm-radio {position: relative;}
	.cm-radio input {position: absolute !important; opacity: 0;}
	.cm-radio span {display: inline-block; position: relative; font-size: 15px; color: #333333; font-family: pr; letter-spacing: 0;}
	.cm-radio span::before {content: ""; position: absolute;}
	
	.cm-radio.style1 span {padding-left: 27px; line-height: 30px;}
	.cm-radio.style1.solo span {height: 18px;}
	.cm-radio.style1 span::before {width: 18px; height: 18px; border: 1px solid #c6c6c6; left: 0; top: 6px; border-radius: 100%; background: #fff;}
	.cm-radio.style1.solo span::before {top: 3px;}
	.cm-radio.style1 input:focus + span::before {border-color: #186DDE;}
	.cm-radio.style1 input:checked + span::after {content: ''; position: absolute; left: 4px; top: 10px; width: 10px; height: 10px; background: #1473e6; border-radius: 100%;}
	.cm-radio.style1 input:checked + span {color: #000;}
	
	.cm-radio.style2 span {padding-left: 40px; line-height: 45px; font-family: pb; font-size: 15px; color: #1473e6;}
	.cm-radio.style2 span::before {width: 30px; height: 30px; border: 1px solid #c6c6c6; left: 0; top: 6px; border-radius: 100%; background: #fff;}
	.cm-radio.style2 input:focus + span::before {border-color: #186DDE;}
	.cm-radio.style2 input:checked + span::after {content: ''; position: absolute; left: 8px; top: 14px; width: 14px; height: 14px; background: #1473e6; border-radius: 100%;}
	.cm-radio.style2 input:checked + span {color: #065cc5;}
	
	.cm-radio.style3 span {padding-left: 40px; line-height: 45px; font-family: pr; font-size: 16px; color: #666;}
	.cm-radio.style3 span::before {width: 30px; height: 30px; border: 1px solid #c6c6c6; left: 0; top: 6px; border-radius: 100%; background: #fff;}
	.cm-radio.style3 input:focus + span::before {border-color: #186DDE;}
	.cm-radio.style3 input:checked + span::after {content: ''; position: absolute; left: 8px; top: 14px; width: 14px; height: 14px; background: #1473e6; border-radius: 100%;}
	.cm-radio.style3 input:checked + span {color: #444;}
}

/* 공통 알림 */
.func-noti {position: relative; padding: 3px 0 3px 30px !important; font-family: pr; font-size: 18px;}
.func-noti.color1 {color: #152e6e;}
.func-noti::after {content: ''; position: absolute; left: 0; top: 5px; width: 24px; height: 22px;}
.func-noti.color1::after {background: url('../../images/func/ic-func-noti.png') no-repeat center center;}

@media screen and (max-width: 1024px) {
    .func-noti {font-size: 16px;}
    .func-noti::after {top: 3px;}
}

/* 기능 표시 */
.edit .func-import {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 70px 0; background: #f0f6f6; font-family: peb; font-size: 24px; color: #000;}
.edit .func-import::before {content: ''; width: 150px; height: 150px; padding-top: 100px; background: #fff url('../../images/func/ic-icon-banner1.png') no-repeat center; border-radius: 100%;}
.edit .func-import::after {content: '기능 페이지 입니다'; padding-top: 20px;}

/* 공통 블록UI 사이즈 */
.blockUI.blockMsg.block-cal {width: 90% !important; max-width: 1000px;}
.blockUI.blockMsg.block-cal ._blockInner iframe {min-height: 800px; height: auto !important;}

.blockUI.blockMsg.block-cal2 {width: 90% !important; max-width: 1200px;}
.blockUI.blockMsg.block-cal2 ._blockInner iframe {min-height: 780px; height: auto !important;}
/*.blockUI.blockMsg.block-cal2 ._blockClose {display: none;}*/

.blockUI.blockMsg.block-road {width: 90% !important; max-width: 1200px;}
.blockUI.blockMsg.block-road ._blockInner iframe {min-height: 780px; height: auto !important;}
.blockUI.blockMsg.block-road ._blockClose {display: none;}

.blockUI.blockMsg.block-hta {width: 90% !important; max-width: 1200px;}
.blockUI.blockMsg.block-hta ._blockInner iframe {min-height: 780px; height: auto !important;}
.blockUI.blockMsg.block-hta ._blockClose {display: none;}

.blockUI.blockMsg.block-parking {width: 90% !important; max-width: 950px;}
.blockUI.blockMsg.block-parking ._blockInner iframe {min-height: 710px; height: auto !important;}

.blockUI.blockMsg.block-bus {width: 90% !important; max-width: 900px;}
.blockUI.blockMsg.block-bus ._blockInner iframe {min-height: 720px; height: auto !important;}

.blockUI.blockMsg.block-enter {width: 90% !important; max-width: 1000px;}
.blockUI.blockMsg.block-enter ._blockInner iframe {min-height: 720px; height: auto !important;}

.blockUI.blockMsg.block-smart {width: 90% !important; max-width: 1070px;}
.blockUI.blockMsg.block-smart ._blockInner iframe {min-height: 500px; height: auto !important;}

.blockUI.blockMsg.block-email {width: 90% !important; max-width: 800px;}
.blockUI.blockMsg.block-email ._blockInner iframe {min-height: 550px; height: auto !important;}

.blockUI.blockMsg.block-func-list {width: 90% !important; height: auto !important; max-width: 500px;}
.blockUI.blockMsg.block-func-list ._blockInner iframe {min-height: 500px; height: auto !important;}

.blockUI.blockMsg.block-share {width: 90% !important; max-width: 1000px;}
.blockUI.blockMsg.block-share ._blockInner iframe {min-height: 600px; height: auto !important;}

.blockUI.blockMsg.block-pass {width: 90% !important; max-width: 730px;}
.blockUI.blockMsg.block-pass ._blockInner iframe {min-height: 500px; height: auto !important;}

.blockUI.blockMsg.block-coupon {width: 90% !important; max-width: 1200px;}
.blockUI.blockMsg.block-coupon ._blockInner iframe {min-height: 800px; height: auto !important;}
.blockUI.blockMsg.block-coupon ._blockClose {display: none;}

.blockUI.blockMsg.block-suha {width: 90% !important; max-width: 900px;}
.blockUI.blockMsg.block-suha ._blockInner iframe {min-height: 620px; height: auto !important;}
.blockUI.blockMsg.block-suha ._blockClose {display: none;}

.blockUI.blockMsg.block-pw-change {width: 90% !important; max-width: 950px;}
.blockUI.blockMsg.block-pw-change ._blockInner iframe {min-height: 600px; height: auto !important;}

/* 공통 검색 */
.func-search {display: flex; justify-content: center; align-items: center; padding-top:3px;}
.func-search .title {font-family: pb; font-size: 24px; color: #333333;}
.func-search .title::after {display: none;}
.func-search input[type="text"] {display: flex; align-items: center; width: 100%; height: 50px; padding-left: 20px; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 16px; color: #222;}
.func-search input[type="text"]:focus {border-color: #1473e6;}
.func-search select {display: flex; align-items: center; width: 100%; height: 50px; padding: 0 40px 0 20px; background: #fff url('../../images/func/ic-plane-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: tsb, pm; font-size: 15px; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.func-search select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.func-search .date {position: relative;}
.func-search .date::after {content: ''; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url('../../images/func/ic-form-cal.png') no-repeat center;}
.func-search .btn-search {display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #1473E6; padding: 0 20px; border-radius: 5px; font-family: pr; font-size: 18px; color: #fff;}
.func-search .btn-search:hover {background: #0b55b1;}
.func-search .btn-search::before {content: ''; width: 20px; height: 20px; background: url('../../images/func/ic-plane-search.png') no-repeat center; margin-right: 15px; flex-shrink: 0;}
.func-search.small .title {font-size: 18px;}
.func-search.small input[type="text"] {height: 40px; padding-left: 10px; font-size: 14px;}
.func-search.small select {height: 40px; padding-left: 10px; font-size: 14px; background: #fff url('../../images/func/ic-form-arrow.png') no-repeat right center;}
.func-search.small .btn-search {height: 40px; font-size: 14px;}

.func-search.type .title {font-family: pr; font-size: 22px; color: #222222;}

.func-search.type input[type="text"] { border-radius: 0; font-family: pr; font-size: 16px; color: #666666;}
.func-search.type select {background: #fff url('../../images/func/ic-form-arrow2.png') no-repeat right center; border-radius: 0; border: 1px solid #cccccc; font-family: pr; font-size: 16px; color: #666666;}
.func-search.type select:focus {border-color: #1473e6; box-shadow: 0 0 0 0 #cfe5ff;}
.func-search.type .btn-search {background: #3176d0; border-radius: 0; font-family: pr; font-size: 16px; color: #ffffff;}
.func-search.type .btn-search:hover {background: #2165bd;}
.func-search.type .btn-search::before {display: none;}

@media screen and (max-width: 700px) {
	.func-search select {font-size: 15px;}
	.func-search input[type="text"] {padding-left: 15px; font-size: 15px;}
	.func-search .btn-search {font-size: 16px;}
}

/* 공통 폼 */
.apply-form {position: relative; border-top: 2px solid #1473e6;}
.apply-form::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8a8a8a;}
.apply-form .row {display: flex;}
.apply-form .row .title {flex-shrink: 0; width: 210px; background: #ecf3fd; padding: 15px; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pb; font-size: 15px; color: #000000;}
.apply-form.voc .row .title {justify-content: flex-start !important; align-items: flex-start !important;  height: auto !important;}
.apply-form .row .title2 {flex-shrink: 0; width: 210px; background: #f4f4f4; padding: 15px; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 15px; color: #000000;}
.apply-form .row .depth {flex-grow: 1;}
.apply-form .row .depth2 {display: flex;}
.apply-form .row .change-pass.hide {display: none;}
.apply-form .row .change-pass-box {position: relative; display: none;}
.apply-form .row .change-pass-box.on {display: block;}
.apply-form .row .change-pass-close {position: absolute; right: 0; top: 20px;}
.apply-form .must {display: inline-flex; height: 0;}
.apply-form .must::after {content: '*'; position: relative; top: -2px; font-family: pb; font-size: 20px; color: #e63946; text-indent: 0;}
.apply-form .must span {display: inline-block; text-indent: -999999px;}
.apply-form .insert {flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 5px 15px; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 15px; color: #333;}
.apply-form .insert.wrap {flex-wrap: wrap;}
.apply-form .insert .line {display: flex; align-items: center; flex-wrap: wrap; width: 100%; word-break: break-word;}
.apply-form .insert .dash {width: 40px; text-align: center;}
.apply-form .insert input[type="text"],
.apply-form .insert input[type="password"] {height: 40px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.apply-form .insert input[type="text"] {width: auto;}
.apply-form .insert input[type="text"]:focus,
.apply-form .insert input[type="password"]:focus {border-color: #1473e6;}
.apply-form .insert input[type="text"]::placeholder,
.apply-form .insert input[type="password"]::placeholder {color: #777 !important}
.apply-form .insert .read input[type="text"] {background-color: #f8f8f8; font-size: 16px;}
.apply-form .insert select {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 15px; background: url('../../images/func/ic-form-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.apply-form .insert select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.apply-form .insert .read select {background-color: #f8f8f8; font-family: pr;}
.apply-form .insert textarea {width: 100%; min-height: 160px; padding: 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.apply-form .insert textarea:focus {border-color: #1473e6;}
.apply-form .check {display: flex; align-items: center; margin-left: 10px;}
.apply-form .check input {width: 20px; height: 20px; margin: 0; padding: 0; background: #fff; border: 1px solid #c4c4c4;}
.apply-form .check span {padding-left: 10px; font-family: pr; font-size: 14px; color: #333333;}
.apply-form .filearea {min-height: 160px; padding: 10px 20px; background: #f9f9f9 url('../../images/func/ic-form-drag-file.png') no-repeat center; border: 1px solid #bcbcbc; border-radius: 5px;}
.apply-form .filearea li {display: flex; align-items: center; padding: 5px 0 5px 25px; background: url('../../images/func/ic-form-file.png') no-repeat left 4px; font-family: pb; font-size: 13px; color: #000000;}
.apply-form .filearea .btn-file-del {display: inline-block; margin-left: 10px; text-indent: -999999px; width: 9px; height: 9px; background: url('../../images/func/ic-form-del.png') no-repeat center;}
.apply-form .file-add {display: flex;}
.apply-form .file-add .file-add-button {flex-shrink: 0; width: 110px;}
.apply-form .file-add .file-add-input {flex-grow: 1; margin-left: 10px;}
.apply-form .func-list li {padding-left: 20px; background: url('../../images/func/ic-func-list.png') no-repeat 0 10px; font-family: pr; font-size: 18px; color: #555;}
.apply-form .func-list li strong {font-family: pr; color: #111;}
.apply-form .noti {font-family: pr; font-size: 15px; color: #1473e6;}
.apply-form .refresh .btn-refresh,
.apply-form .sound .btn-sound {font-family: pr; font-size: 15px; color: #2e2e2e;}
.apply-form .refresh .btn-refresh {padding: 5px 0 5px 25px; background: url('../../images/func/ic-capcha-refresh.png') no-repeat left center;}
.apply-form .sound .btn-sound {padding: 5px 0 5px 30px; background: url('../../images/func/ic-capcha-sound.png') no-repeat left center;}
.apply-form .refresh .btn-refresh:hover,
.apply-form .sound .btn-sound:hover {color: #1473e6;}
.apply-form .date {position: relative;}
.apply-form .date::after {content: ''; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url('../../images/func/ic-form-cal.png') no-repeat center;}
.apply-form #schSearch {padding: 2px;}

.apply-form.type {border-top: 2px solid #3176d0;}
.apply-form.type .row .title {position: relative; width: 240px; padding: 23px 0; background: #fff; border-right: 0px; border-color: #e1e1e1; font-family: pb; font-size: 18px; color: #111111;}
.apply-form.type .row .title::after {content: ''; position: absolute; right: 0; top: 28px; width: 1px; height: 18px; background: #c4c4c4;}
.apply-form.type .row .title .small {display: block; font-family: pr; font-size: 14px; color: #555555;}
.apply-form.type .row .title2 {width: 150px; padding: 23px 15px; background: #fff; border-color: #e1e1e1; font-family: pr; font-size: 18px; color: #333333;}
.apply-form.type .insert {padding: 15px; border-color: #e1e1e1; font-family: pr; font-size: 18px; color: #555555;}
.apply-form.type .insert input[type="text"],
.apply-form.type .insert input[type="password"] {border: 1px solid #cccccc; border-radius: 3px; font-size: 16px;}
.apply-form.type .insert input[type="text"]:focus,
.apply-form.type .insert input[type="password"]:focus {border-color: #1473e6;}
.apply-form.type .insert input[type="text"]::placeholder,
.apply-form.type .insert input[type="password"]::placeholder {color: #aaaaaa;}
.apply-form.type .insert select {border-radius: 3px; font-family: pr; font-size: 16px; color: #777;}
.apply-form.type .insert .read select {background-color: #f8f8f8; font-family: pr;}
.apply-form.type .insert textarea {min-height: 100px; border-radius: 3px; font-family: pr; font-size: 16px; color: #333;}
.apply-form.type .insert textarea::placeholder {color: #aaaaaa;}
.apply-form.type .insert textarea.h250 {min-height: 250px;}
.apply-form.type .date::after {left: 15px; top: 12px; width: 20px; height: 16px; background: url('../../images/func/ic-form-cal2.png') no-repeat center;}
.apply-form.type .insert .date input[type="text"] {padding-left: 45px;}
.apply-form.type .insert .date.read input[type="text"] {background-color: #f8f8f8; font-size: 16px;}
.apply-form.type .insert #captchaImg {height: 40px;}
.apply-form.type .list {display: flex; align-items: center;}
.apply-form.type .list dl {position: relative; display: flex; align-items: center; margin-right: 10px; padding-right: 13px;}
.apply-form.type .list dl::after {content: ''; position: absolute; right: 0; top: 9px; width: 1px; height: 10px; background: #cccccc;}
.apply-form.type .list dl:last-child::after {display: none;}
.apply-form.type .list dt {color: #555555;}
.apply-form.type .list dd {color: #222;}
.apply-form.type .noti {padding: 0 0 0 30px !important; background: url('../../images/func/ic-noti2.png') no-repeat 0 0; font-family: pr; font-size: 16px; color: #e57700;}
.apply-form.type .cm-check.style1 span {font-family: pr; font-size: 18px; color: #555;}
/* .apply-form.type .cm-check.style1 input:checked + span {color: #000;} */
.apply-form.type::after {background: #e1e1e1;}
.apply-form.type .refresh .btn-refresh {padding: 10px 15px 10px 40px; background: #eeeeee url('../../images/func/ic-capcha-refresh2.png') no-repeat 15px center; border: 1px solid #eeeeee; border-radius: 3px; font-family: pr; font-size: 16px; color: #111;}
.apply-form.type .refresh .btn-refresh:hover {border: 1px solid #000;}
.apply-form.type .sound .btn-sound {padding: 10px 15px 10px 40px; background: #eeeeee url('../../images/func/ic-capcha-sound2.png') no-repeat 15px center; border: 1px solid #eeeeee; border-radius: 3px; font-family: pr; font-size: 16px; color: #111;}
.apply-form.type .sound .btn-sound:hover {border: 1px solid #000;}

.apply-form .max input[type="text"],
.apply-form .max input[type="password"],
.apply-form .max textarea {width: 100%; }
.apply-form .max {width: 100%;}
.apply-form .max0 {max-width: 0px}
.apply-form .max5 {max-width: 5px}
.apply-form .max10 {max-width: 10px}
.apply-form .max15 {max-width: 15px}
.apply-form .max20 {max-width: 20px}
.apply-form .max25 {max-width: 25px}
.apply-form .max30 {max-width: 30px}
.apply-form .max35 {max-width: 35px}
.apply-form .max40 {max-width: 40px}
.apply-form .max45 {max-width: 45px}
.apply-form .max50 {max-width: 50px}
.apply-form .max55 {max-width: 55px}
.apply-form .max60 {max-width: 60px}
.apply-form .max65 {max-width: 65px}
.apply-form .max70 {max-width: 70px}
.apply-form .max75 {max-width: 75px}
.apply-form .max80 {max-width: 80px}
.apply-form .max85 {max-width: 85px}
.apply-form .max90 {max-width: 90px}
.apply-form .max95 {max-width: 95px}
.apply-form .max100 {max-width: 100px}
.apply-form .max105 {max-width: 105px}
.apply-form .max110 {max-width: 110px}
.apply-form .max115 {max-width: 115px}
.apply-form .max120 {max-width: 120px}
.apply-form .max125 {max-width: 125px}
.apply-form .max130 {max-width: 130px}
.apply-form .max135 {max-width: 135px}
.apply-form .max140 {max-width: 140px}
.apply-form .max145 {max-width: 145px}
.apply-form .max150 {max-width: 150px}
.apply-form .max155 {max-width: 155px}
.apply-form .max160 {max-width: 160px}
.apply-form .max165 {max-width: 165px}
.apply-form .max170 {max-width: 170px}
.apply-form .max175 {max-width: 175px}
.apply-form .max180 {max-width: 180px}
.apply-form .max185 {max-width: 185px}
.apply-form .max190 {max-width: 190px}
.apply-form .max195 {max-width: 195px}
.apply-form .max200 {max-width: 200px}
.apply-form .max205 {max-width: 205px}
.apply-form .max210 {max-width: 210px}
.apply-form .max215 {max-width: 215px}
.apply-form .max220 {max-width: 220px}
.apply-form .max225 {max-width: 225px}
.apply-form .max230 {max-width: 230px}
.apply-form .max235 {max-width: 235px}
.apply-form .max240 {max-width: 240px}
.apply-form .max245 {max-width: 245px}
.apply-form .max250 {max-width: 250px}
.apply-form .max255 {max-width: 255px}
.apply-form .max260 {max-width: 260px}
.apply-form .max265 {max-width: 265px}
.apply-form .max270 {max-width: 270px}
.apply-form .max275 {max-width: 275px}
.apply-form .max280 {max-width: 280px}
.apply-form .max285 {max-width: 285px}
.apply-form .max290 {max-width: 290px}
.apply-form .max295 {max-width: 295px}
.apply-form .max300 {max-width: 300px}
.apply-form .max305 {max-width: 305px}
.apply-form .max310 {max-width: 310px}
.apply-form .max315 {max-width: 315px}
.apply-form .max320 {max-width: 320px}
.apply-form .max325 {max-width: 325px}
.apply-form .max330 {max-width: 330px}
.apply-form .max335 {max-width: 335px}
.apply-form .max340 {max-width: 340px}
.apply-form .max345 {max-width: 345px}
.apply-form .max350 {max-width: 350px}
.apply-form .max355 {max-width: 355px}
.apply-form .max360 {max-width: 360px}
.apply-form .max365 {max-width: 365px}
.apply-form .max370 {max-width: 370px}
.apply-form .max375 {max-width: 375px}
.apply-form .max380 {max-width: 380px}
.apply-form .max385 {max-width: 385px}
.apply-form .max390 {max-width: 390px}
.apply-form .max400 {max-width: 400px}
.apply-form .max405 {max-width: 405px}
.apply-form .max410 {max-width: 410px}
.apply-form .max415 {max-width: 415px}
.apply-form .max420 {max-width: 420px}
.apply-form .max425 {max-width: 425px}
.apply-form .max430 {max-width: 430px}
.apply-form .max435 {max-width: 435px}
.apply-form .max440 {max-width: 440px}
.apply-form .max445 {max-width: 445px}
.apply-form .max450 {max-width: 450px}
.apply-form .max455 {max-width: 455px}
.apply-form .max460 {max-width: 460px}
.apply-form .max580 {max-width: 580px}

@media screen and (max-width: 1450px) {
    .apply-form .insert .line > div {padding: 5px; margin: 0;}
    .apply-form .date::after {top: 15px;}
}

@media screen and (max-width: 1024px) {
	.apply-form.type {margin-top: 20px;}
	.apply-form.type .row .title {width: 200px; font-size: 16px;}
	.apply-form.type .insert {font-size: 16px;}
	.apply-form.type .cm-check.style1 span {font-size: 16px;}
    .apply-form .func-list li {background-position: 0 7px; font-size: 16px;}
}

@media screen and (max-width: 900px) {
	.apply-form .row {flex-wrap: wrap;}
	.apply-form .row .title {width: 100%; padding: 10px 15px; border-right: 0;}
	.apply-form .row .depth2 {flex-wrap: wrap;}
	.apply-form .row .title2 {width: 100%;}
	.apply-form .insert {overflow: auto; padding: 5px 10px;}

	.apply-form.pop .row {flex-wrap: nowrap;}
    .apply-form.pop .row .title {width: 210px;}
    .apply-form.pop .insert .line > div {padding: 0; margin-left: 10px;}

	.apply-form.type .row .title {width: 100%; padding: 15px 0;}
	.apply-form.type .row .title::after {display: none;}
    .apply-form.type .row .title2 {width: 100%; padding: 15px 0; font-size: 16px;}
	.apply-form.type .insert {padding: 15px 0;}
	.apply-form.type .date::after {top: 17px;}
	.apply-form.type .refresh .btn-refresh {font-size: 14px;}
	.apply-form.type .sound .btn-sound {font-size: 14px;}
    .apply-form.type .list {flex-wrap: wrap;}

    .apply-form.voc .row .title {height: 50px !important;}
}

@media screen and (max-width: 740px) {
	.apply-form.pop .row {flex-wrap: wrap;}
    .apply-form.pop .row .title {width: 100%;}
}

@media screen and (max-width: 700px) {
    .apply-form .insert .line {margin-top: 0;}
	.apply-form .capcha {width: 100%;}
    .apply-form .capcha + div {max-width: 100%}
	.apply-form .refresh {margin-top: 10px; margin-left: 0;}
	.apply-form .sound {margin-top: 10px;}
	.apply-form .max150 {max-width: 110px;}
    .apply-form .filearea {background-size: 60% auto;}

	.apply-form.type .row .title {font-size: 16px;}
	.apply-form.type .insert select {font-size: 16px;}
	.apply-form.type .cm-check.style1 span {font-size: 16px;}
	.apply-form.type .insert .date.read input[type="text"] {font-size: 16px;}
	.apply-form.type .noti {margin-top: 5px !important;}
}

.form-btn {display: flex; justify-content: center; align-items: center; height: 40px; padding: 0 15px; border-radius: 5px; font-family: pb; font-size: 14px; color: #fff !important;}
.form-btn.small {height: 30px; padding: 0 10px; font-size: 13px;}
.form-btn::before {content: ''; width: 20px; height: 20px; background: url('../../images/func/ic-plane-search.png') no-repeat center; margin-right: 15px;}
.form-btn.color1 {background: #483daa;}
.form-btn:hover.color1 {background: #312884;}
.form-btn.color2 {background: #483daa;}
.form-btn:hover.color2 {background: #312884;}
.form-btn.color2::before {display: none;}
.form-btn.color3 {background: #eeeeee; border: 1px solid #c5c5c5; color: #333 !important;}
.form-btn:hover.color3 {background: #ddd;}
.form-btn.color3::before {display: none;}

.form-btn2 {display: flex; justify-content: center; align-items: center; height: 40px; padding: 0 13px; border-radius: 3px; font-family: pr; font-size: 16px; color: #111;}
.form-btn2.color1 {background: #eeeeee; border: 1px solid #d1d1d1;}
.form-btn2:hover.color1 {background: #3176d0; border-color: #1c539b; color: #fff;}

.form-btn3 {display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; padding: 0 13px; border-radius: 3px; font-family: pr; font-size: 16px; color: #111;}
.form-btn3.color1 {background: #f5f5f5; border: 1px solid #aaaaaa;}
.form-btn3:hover.color1 {background: #3176d0; border-color: #1c539b; color: #fff;}

#fileList {width: 100%;}
#fileList ._button {margin-left: 5px !important;}
#fileList ._button input {display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 13px; background: #f5f5f5; border: 1px solid #aaaaaa; border-radius: 3px; font-family: pr; font-size: 16px; color: #111; cursor: pointer;}
#fileList ._button input:hover {background: #3176d0; border-color: #1c539b; color: #fff;}

.form-agree {background: #f7f7f7; padding: 0 60px;}
.form-agree .row {display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid #e1e1e1;}
.form-agree.no-line .row {border: 0;}
.form-agree.solo {border: 1px solid #d1d1d1;}
.form-agree.solo .row {border: 0;}
.form-agree.solo .left span {font-size: 18px;}
.form-agree.solo .left strong {font-family: pb; color: #000;}
.form-agree.solo.all-agree {padding: 0; background: transparent; border: 0; border-top: 1px solid #d1d1d1;}
.form-agree.solo.all-agree span {font-family: pb;}
.form-agree .left {display: flex; align-items: center;}
.form-agree .right {flex-shrink: 0; min-width: 90px; padding-left: 10px;}
.form-agree .desc {font-family: pr; font-size: 20px; color: #111;}
.form-agree .desc strong {font-family: pb;}
.form-agree .desc .small {font-family: pr; font-size: 18px; color: #3176d0;}
.form-agree .btn-agree {display: flex; justify-content: center; align-items: center; height: 30px; padding: 0 10px; background: #fff; border: 1px solid #c7d3e3; font-family: pr; font-size: 14px; color: #5b5b5b;}
.form-agree .btn-agree:hover {background: #1473e6; border: 1px solid #1473e6; color: #fff;}

@media screen and (max-width: 1024px) {
    .form-agree {padding: 0 30px;}
    .form-agree .desc {font-size: 16px;}
	.form-agree.solo {padding: 0 30px;}
	.form-agree.solo .row {padding: 20px 0;}
	.form-agree.solo .left span {font-size: 16px;}
	.form-agree.solo .left .cm-check.style1 span::before {top: 0;}
}

@media screen and (max-width: 700px) {
    .form-agree {padding: 0 15px;} 
    .form-agree .row {padding: 15px 0;}
    .form-agree .desc {font-size: 15px;}
    .form-agree .desc .small {font-size: 15px;}
	.form-agree.solo {padding: 0 15px;}
	.form-agree.solo .row {padding: 15px 0;}
	.form-agree.solo .left span {font-size: 15px; line-height: 1.3;}
	.form-agree .btn-agree {font-size: 13px;}
    .form-agree .row {flex-wrap: wrap;}
    .form-agree .left {width: 100%;}
    .form-agree .left label {display: flex;align-items: flex-start;}
    .form-agree .right {padding-left: 20px;}
}

.form-agree2 {background: #f7f7f7; padding: 30px 40px;}
.form-agree2 .title {margin-bottom: 14px;}
.form-agree2 .title strong {font-family: pb; font-size: 25px; color: #111111;}
.form-agree2 .desc {font-family: pr; font-size: 18px; color: #555555;}
.form-agree2 .desc p {margin-bottom: 15px;}
.form-agree2 .desc li {margin-bottom: 13px;}
.form-agree2 .list {padding-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
.form-agree2 .choose {display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.form-agree2 .choose .col1 {margin-right: 50px;}
.form-agree2 .choose .col2 {margin-left: 50px;}
.form-agree2 .choose .cm-radio span {padding-left: 40px; font-family: pr; font-size: 20px; color: #333333;}
.form-agree2 .choose .cm-radio.style1 span::before {top: 2px; width: 25px; height: 25px;}
.form-agree2 .choose .cm-radio.style1 input:focus + span::before {border-color: #152e6e;}
.form-agree2 .choose .cm-radio.style1 input:checked + span::after {left: 6px; top: 8px; width: 13px; height: 13px; background: #152e6e;}

@media screen and (max-width: 1024px) {
    .form-agree2 {padding: 25px;}
    .form-agree2 .desc {font-size: 16px;}
    .form-agree2 .desc li {margin-bottom: 10px;}
    .form-agree2 .choose .cm-radio span {font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .form-agree2 .title strong {font-size: 22px;}
    .form-agree2 .choose .col1 {margin-right: 5px;}
    .form-agree2 .choose .col2 {margin-left: 5px;}
    .form-agree2 .choose .cm-radio span {padding-left: 0; font-size: 17px;}
}

.form-agree3 {padding: 16px 35px; border-bottom: 2px solid #000;}
.form-agree3 .row {display: flex; justify-content: space-between; padding: 12px 0;}

.form-agree4 {padding: 20px; background: #fafafa; text-align: center;}

.form-choose {display: flex; justify-content: center; align-items: center; padding: 35px 0; background: #f7f7f7;}
.form-choose .col1 {margin-right: 50px;}
.form-choose .col2 {margin-left: 50px;}
.form-choose .cm-radio span {padding-left: 40px; font-family: pr; font-size: 20px; color: #333333;}
.form-choose .cm-radio.style1 span::before {top: 2px; width: 25px; height: 25px;}
.form-choose .cm-radio.style1 input:focus + span::before {border-color: #152e6e;}
.form-choose .cm-radio.style1 input:checked + span::after {left: 6px; top: 8px; width: 13px; height: 13px; background: #152e6e;}

@media screen and (max-width: 1024px) {
    .form-choose {margin-top: 40px; padding: 25px 0;}
    .form-choose .cm-radio span {font-size: 17px;}
    .form-choose .col1 {margin-right: 20px;}
    .form-choose .col2 {margin-left: 20px;}
}

@media screen and (max-width: 768px) {
    .form-choose .cm-radio span {font-size: 15px;}
}

@media screen and (max-width: 600px) {
    .form-choose {flex-wrap: wrap; padding: 20px;}
    .form-choose .col1,
    .form-choose .col2 {width: 100%; margin: 0;}
    .form-choose .col1 {margin-bottom: 10px;}
}

.apply-btn {margin-top: 30px; text-align: center;}

._contentBuilder .white {background: #fff; padding: 50px 60px; border: 1px solid #cccccc;}
._contentBuilder .white.mini {padding: 30px 40px;}

@media screen and (max-width: 1024px) {
    ._contentBuilder .white {margin-top: 40px; padding: 30px;}
    ._contentBuilder .white.mini {padding: 20px;}
}

/* 공통탭 */
/* 
.func-tab ul {display: flex; flex-wrap: wrap; border-bottom: 2px solid #000000;}
.func-tab li {position: relative; width: 20%; border-bottom: 1px solid #dddddd;}
.func-tab li::after {content: ''; position: absolute; right: 0; top: 17px; width: 1px; height: 20px; background: #d3d3d3;}
.func-tab li:last-child::after {display: none;}
.func-tab li .btn-tab {position: relative; display: flex; align-items: center; width: 100%; height: 55px; padding-left: 15px; font-family: pr; font-size: 17px; color: #333333;}
.func-tab li .btn-tab::after {content: ''; position: absolute; right: 20px; top: 14px; width: 25px; height: 25px; background: url('../../images/func/ic-func-tab.png') no-repeat center; border: 1px solid #c2c2c2; border-radius: 100%;}
.func-tab li .btn-tab.on::after,
.func-tab li .btn-tab:hover::after {background: #1473e6 url('../../images/func/ic-func-tab-on.png') no-repeat center; border-color: #1473e6;}
.func-tab li .btn-tab.on,
.func-tab li .btn-tab:hover {color: #1473e6;}
 */
 .func-tab ul {display: flex; flex-wrap: wrap;}
 .func-tab li {position: relative; width: 20%;}
 .func-tab li .btn-tab {display: flex; justify-content: center; align-items: center; height: 50px; margin-right: 10px; margin-bottom: 10px; padding: 0 50px; background: #f3f6fd; border-radius: 100px; font-family: pb; font-size: 18px; color: #333;}
 .func-tab li .btn-tab:hover,
 .func-tab li .btn-tab.on {background: #1473e6; color: #fff;}
 
/* 공통테이블 */
.func-table {position: relative; z-index: 1; line-height: 1.6;}
.func-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table table {position: relative; width: calc(100% - 1px);}
.func-table thead {position: relative;}
.func-table thead::before {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #d4edfb; border-radius: 10px;}
.func-table thead::after {content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #fff;}
.func-table thead th {padding: 11px 10px; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pb; font-size: 17px; font-weight: 400; color: #000000;}
.func-table tbody {display: table-header-group;}
.func-table tbody::after {content:''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background: #000;}
.func-table tbody th {padding: 16px 15px; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 17px; font-weight: 400; color: #000;}
.func-table tbody td {padding: 16px 15px; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 17px; text-align: left; color: #333333;}
.func-table tbody td.no-data {text-align: center;}
.func-table.center tbody td {text-align: center;}
.func-table.mini thead th,
.func-table.mini tbody th,
.func-table.mini tbody td {padding: 7px; font-size: 15px;}
.func-table.links tbody td {vertical-align: middle;}
.func-table.links tbody td > div {display: flex; align-items: center;}
.func-table.links tbody td p {flex: 1; float: left;}
.func-table.links tbody td p span {font-size: 14px;}
.func-table.links tbody td a {float: right;}
.func-table tbody td a {color: #333;}
.func-table .list > li {position: relative; padding-left: 15px;}
.func-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-table .list2 > li {position: relative; padding-left: 15px;}
.func-table .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.func-table .align-l {text-align: left !important;}
.func-table .align-c {text-align: center !important;}
.func-table .align-r {text-align: right !important;}
.func-table .align-t {vertical-align: top !important;}
.func-table strong {font-family: pr; color: #000;}

.func-table .link {position: relative; color: #333;}
.func-table .link:hover {color: #014291;}
.func-table .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/func/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.func-table .home {position: relative; color: #333;}
.func-table .home:hover {color: #014291;}
.func-table .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #01888e 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table .home:hover span {background-size: 100% auto;}
.func-table .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/func/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.func-table .home:hover::after {background: url('../../images/func/ic-link-home-hover.png') no-repeat center center;}

.func-table .down {position: relative; color: #666;}
.func-table .down:hover {color: #014291;}
.func-table .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table .down:hover span {background-size: 100% auto;}
.func-table .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/func/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.func-table .down:hover::after {background: url('../../images/func/ic-link-down-hover.png') no-repeat center center;}

.func-table .file {padding-left: 26px; background: url('../../images/func/ic-table-file.png') no-repeat left center;}

@media screen and (max-width: 1400px) {
    .func-table.quick {overflow-x: hidden; min-height: 130px;}
    .func-table.quick.on {min-height: auto;}
    .func-table.quick.no-scroll {min-height: auto;}
    .func-table.quick table {width: 1500px;}
    .func-table.quick.no-scroll table {width: 100%;}
    .func-table.quick:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 20px;}
    .func-table.quick.on:after,
    .func-table.quick.no-scroll:after {display: none;}
}

@media screen and (max-width: 1200px) {
	.func-table thead th,
	.func-table tbody th,
	.func-table tbody td {padding: 10px 8px; font-size: 15px;}
}

@media screen and (max-width: 960px) {
	.func-table {overflow-x: hidden; min-height: 130px;}
	.func-table.on {min-height: auto;}
	.func-table.no-scroll {min-height: auto;}
	.func-table table {width: 1300px;}
	.func-table.no-scroll table {width: 100%;}
	.func-table:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 20px;}
	.func-table.on:after,
	.func-table.no-scroll:after {display: none;}
}

.func-table2 {position: relative; line-height: 1.6;}
.func-table2:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table2 table {position: relative;}
.func-table2 table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #1473e6}
.func-table2 thead th {padding: 16px 10px; background: #ecf3fd; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 17px; font-weight: 400; color: #000;}
.func-table2 tbody {display: table-header-group;}
.func-table2 tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.func-table2 tbody th {padding: 16px 15px; background:#ecf3fd; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 17px; font-weight: 400; color: #333333;}
.func-table2 tbody td {padding: 16px 15px; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 17px; text-align: left; color: #333333;}
.func-table2.center tbody td {text-align: center;}
.func-table2.mini thead th,
.func-table2.mini tbody th,
.func-table2.mini tbody td {padding: 7px; font-size: 15px;}
.func-table2.links tbody td {vertical-align: middle;}
.func-table2.links tbody td > div {display: flex; align-items: center;}
.func-table2.links tbody td p {flex: 1; float: left;}
.func-table2.links tbody td p span {font-size: 14px;}
.func-table2.links tbody td a {float: right;}
.func-table2 tbody td a {color: #333;}
.func-table2 .list > li {position: relative; padding-left: 15px;}
.func-table2 .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-table2 .list2 > li {position: relative; padding-left: 15px;}
.func-table2 .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.func-table2 .align-l {text-align: left !important;}
.func-table2 .align-c {text-align: center !important;}
.func-table2 .align-r {text-align: right !important;}
.func-table2 .align-t {vertical-align: top !important;}
.func-table2 strong {font-family: pr; color: #000;}

.func-table2 .link {position: relative; color: #333;}
.func-table2 .link:hover {color: #01888e;}
.func-table2 .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/func/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.func-table2 .home {position: relative; color: #333;}
.func-table2 .home:hover {color: #01888e;}
.func-table2 .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #01888e 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table2 .home:hover span {background-size: 100% auto;}
.func-table2 .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/func/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.func-table2 .home:hover::after {background: url('../../images/func/ic-link-home-hover.png') no-repeat center center;}

.func-table2 .down {position: relative; color: #333;}
.func-table2 .down:hover {color: #01888e;}
.func-table2 .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table2 .down:hover span {background-size: 100% auto;}
.func-table2 .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/func/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.func-table2 .down:hover::after {background: url('../../images/func/ic-link-down-hover.png') no-repeat center center;}

.coupon .func-table2 tbody th {font-size: 14px;}
.coupon .func-table2 tbody td {font-size: 14px;}

@media screen and (max-width: 1200px) {
	.func-table2 thead th,
	.func-table2 tbody th,
	.func-table2 tbody td {padding: 10px 8px; font-size: 15px;}
}

@media screen and (max-width: 960px) {
	.func-table2 {overflow-x: hidden; min-height: 130px;}
	.func-table2.on {min-height: auto;}
	.func-table2.no-scroll {min-height: auto;}
	.func-table2 table {width: 1300px;}
	.func-table2.no-scroll table {width: 100%;}
	.func-table2:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 20px;}
	.func-table2.on:after,
	.func-table2.no-scroll:after {display: none;}
}

.func-table3 {position: relative; background: #fff;}
.func-table3:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table3 table {border-top: 2px solid #000000;}
.func-table3 table thead th {padding: 22px 15px; border-bottom: 1px solid #ababab; font-family: pb; font-size: 17px; color: #333;}
.func-table3 table tbody td {padding: 22px 15px; border-bottom: 1px solid #e4e4e4; font-family: pr; font-size: 16px; text-align: center; color: #666;}
.func-table3 table tbody td.subject {text-align: left;}
.func-table3 table tbody tr:hover {background: #f9f9f9;}
.func-table3 td.num {color: #1473e6;}
.func-table3 td.subject {font-family: pr; font-size: 18px; color: #212121;}
.func-table3 td.date {font-family: pr; font-size: 16px; color: #333;}
.func-table3 td a {font-family: pr; font-size: 18px; color: #000;}
.func-table3 td a:hover {color: #006CC7;}
.func-table3 .safe-num {color: #1473e6;}
.func-table3 .safe-state {font-family: pb; color: #0067ff;}
.func-table3 .state {display: inline-flex; width: 70px; height: 35px; padding: 0 ; justify-content: center; align-items: center; border-radius: 3px; font-family: pr; font-size: 16px; color: #fff;}
.func-table3 .state.color1 {background: #1473e6;}
.func-table3 .state.color2 {background: #2c8279;}
.func-table3 .state.color3 {background: #212121;}

.func-table3.type table thead th {position: relative; font-size: 16px;}
.func-table3.type table thead th::after {content: ''; position: absolute; right: 0; top: 25px; width: 1px; height: 18px; background: #c4c4c4;}
.func-table3.type table thead th:last-child::after {display: none;}
.func-table3.type .state {width: 90px; font-family: pr;}
.func-table3.type .state.color1 {background: #3176d0;}
.func-table3.type .state.color2 {background: #aaaaaa;}
.func-table3.type .state.color3 {background: #e57700;}
.func-table3.type .state.color4 {background: #2da965;}
.func-table3.type .state.color5 {background: #2da9af;}

.func-table3.type2 table {border-color: #01888e;}

@media screen and (max-width:1200px) {
	.func-table3 thead th,
	.func-table3 tbody th,
	.func-table3 tbody td {padding: 10px 8px; font-size: 15px;}
}

@media screen and (max-width:960px) {
	.func-table3 {overflow-x: hidden; min-height: 130px;}
	.func-table3.on {min-height: auto;}
	.func-table3.no-scroll {min-height: auto;}
	.func-table3 table {width: 1300px;}
    .func-table3 table thead th {padding: 15px 10px;}
    .func-table3 table tbody td {padding: 15px 10px;}
    .func-table3 td a {font-size: 16px;}
	.func-table3.no-scroll table {width: 100%;}
	.func-table3:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 20px;}
	.func-table3.on:after,
	.func-table3.no-scroll:after {display: none;}
    .func-table3.type table thead th { font-size: 16px; }
}

/* Table */
.func-table4 {position: relative; line-height: 1.6;}
.func-table4:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table4 table {position: relative;}
.func-table4 table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #152e6e}
.func-table4 thead th {padding: 13px 10px; background: #f5f7f8; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pr; font-size: 18px; font-weight: 400; color: #333333;}
.func-table4 tbody {display: table-header-group;}
.func-table4 tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.func-table4 tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pr; font-size: 16px; font-weight: 400; color: #333;}
.func-table4 tbody td {padding: 12px 20px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pr; font-size: 16px; text-align: left; color: #666666;}
.func-table4.center tbody td {text-align: center;}
.func-table4.mini thead th,
.func-table4.mini tbody th,
.func-table4.mini tbody td {padding: 7px; font-size: 15px;}
.func-table4.mini thead th {line-height: 1.2;}
.func-table4.links tbody td {vertical-align: middle;}
.func-table4.links tbody td > div {display: flex; align-items: center;}
.func-table4.links tbody td p {flex: 1; float: left;}
.func-table4.links tbody td p span {font-size: 14px;}
.func-table4.links tbody td a {float: right;}
.func-table4 tbody td a {color: #333;}
.func-table4 .list > li {position: relative; padding-left: 15px;}
.func-table4 .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-table4 .list2 > li {position: relative; padding-left: 15px;}
.func-table4 .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.func-table4 .align-l {text-align: left !important;}
.func-table4 .align-c {text-align: center !important;}
.func-table4 .align-r {text-align: right !important;}
.func-table4 .align-t {vertical-align: top !important;}
.func-table4 strong {font-family: pr; color: #000;}
.func-table4 sub {vertical-align: bottom;}

.func-table4 .link {position: relative; color: #666;}
.func-table4 .link:hover {color: #01888e;}
.func-table4 .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.func-table4 .home {position: relative; color: #666;}
.func-table4 .home:hover {color: #01888e;}
.func-table4 .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #01888e 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table4 .home:hover span {background-size: 100% auto;}
.func-table4 .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.func-table4 .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}

.func-table4 .down {position: relative; color: #666;}
.func-table4 .down:hover {color: #01888e;}
.func-table4 .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table4 .down:hover span {background-size: 100% auto;}
.func-table4 .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.func-table4 .down:hover::after {background: url('../../images/guide/ic-link-down-hover.png') no-repeat center center;}

@media all and (max-width:1200px) {
	.func-table4 thead th,
	.func-table4 tbody th,
	.func-table4 tbody td {padding: 10px 8px; font-size: 15px;}
}

@media all and (max-width:960px) {
	.func-table4 {overflow-x: hidden; min-height: 130px;}
	.func-table4.on {min-height: auto;}
	.func-table4.no-scroll {min-height: auto;}
	.func-table4 table {width: 1300px;}
	.func-table4.no-scroll table {width: 100%;}
	.func-table4:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 20px;}
	.func-table4.on:after,
	.func-table4.no-scroll:after {display: none;}
}

/* Table */
.func-table5 {position: relative; line-height: 1.6;}
.func-table5:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table5 table {position: relative;}
.func-table5 thead th {position: relative; padding: 21px 10px; background: #01888e; font-family: pr; font-size: 18px; font-weight: 400; color: #fff;}
.func-table5 thead th::after {content: ''; position: absolute; right: 0; top: 25px; width: 1px; height: 18px; background: #fff;}
.func-table5 tbody {display: table-header-group;}
.func-table5 tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.func-table5 tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pr; font-size: 16px; font-weight: 400; color: #333;}
.func-table5 tbody td {position: relative; padding: 15px 20px; background:#fff; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; font-family: pr; font-size: 17px; text-align: left; color: #222;}
.func-table5 tbody td.big-padding {padding: 30px;}
.func-table5 tbody td.subject {font-family: pr; font-size: 17px; text-align: left !important; color: #212121;}
.func-table5.center tbody td {text-align: center;}
.func-table5.mini thead th,
.func-table5.mini tbody th,
.func-table5.mini tbody td {padding: 7px; font-size: 15px;}
.func-table5.links tbody td {vertical-align: middle;}
.func-table5.links tbody td > div {display: flex; align-items: center;}
.func-table5.links tbody td p {flex: 1; float: left;}
.func-table5.links tbody td p span {font-size: 14px;}
.func-table5.links tbody td a {float: right;}
.func-table5 tbody td a {font-family: pr; color: #000;}
.func-table5 tbody td a:hover {color: #006CC7;}
.func-table5 .list > li {position: relative; padding-left: 15px;}
.func-table5 .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-table5 .list2 > li {position: relative; padding-left: 15px;}
.func-table5 .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.func-table5 .align-l {text-align: left !important;}
.func-table5 .align-c {text-align: center !important;}
.func-table5 .align-r {text-align: right !important;}
.func-table5 .align-t {vertical-align: top !important;}
.func-table5 strong {font-family: pr; color: #000;}

.func-table5 .link {position: relative; color: #666;}
.func-table5 .link:hover {color: #01888e;}
.func-table5 .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.func-table5 .home {position: relative; color: #666;}
.func-table5 .home:hover {color: #01888e;}
.func-table5 .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #01888e 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table5 .home:hover span {background-size: 100% auto;}
.func-table5 .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.func-table5 .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}

.func-table5 .down {position: relative; color: #666;}
.func-table5 .down:hover {color: #01888e;}
.func-table5 .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table5 .down:hover span {background-size: 100% auto;}
.func-table5 .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.func-table5 .down:hover::after {background: url('../../images/guide/ic-link-down-hover.png') no-repeat center center;}

@media all and (max-width:1200px) {
	.func-table5 thead th,
	.func-table5 tbody th,
	.func-table5 tbody td {padding: 10px 8px; font-size: 15px;}
}

@media all and (max-width:960px) {
	.func-table5 {overflow-x: hidden; min-height: 130px;}
	.func-table5.on {min-height: auto;}
	.func-table5.no-scroll {min-height: auto;}
	.func-table5 table {width: 1300px;}
	.func-table5.no-scroll table {width: 100%;}
	.func-table5:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 20px;}
	.func-table5.on:after,
	.func-table5.no-scroll:after {display: none;}
}

.sub .paging {display: flex; justify-content: center; margin-top: 30px; text-align: center;}
.sub .paging > a {width: 35px; height: 35px; text-indent: -999999px;}
.sub .paging .prev10 {background: url('../../images/func/arr-prev10.png') no-repeat center;}
.sub .paging .prev {background: url('../../images/func/arr-prev.png') no-repeat center;}
.sub .paging .next {background: url('../../images/func/arr-next.png') no-repeat center;}
.sub .paging .next10 {background: url('../../images/func/arr-next10.png') no-repeat center;}
.sub .paging ul {display: flex;}
.sub .paging li a {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px;}
/* .sub .paging li a.now {position: relative; color: #fff;} */
/* .sub .paging li a.now::after {content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 100%; height: 100%; background: #002d64; border-radius: 100%; transform: translate(-50%, -50%);}.sub  */

.sub .paging.type .prev10 {background: url('../../images/func/paging-prev10.png') no-repeat center;}
.sub .paging.type .prev {background: url('../../images/func/paging-prev.png') no-repeat center;}
.sub .paging.type .next {background: url('../../images/func/paging-next.png') no-repeat center;}
.sub .paging.type .next10 {background: url('../../images/func/paging-next10.png') no-repeat center;}
.sub .paging.type li a.now::after {background: #006cc7; border-radius: 2px; transform: translate(-50%, -50%);}

/* 공통안내문 */
.info-box {padding: 30px 50px; background: #F3F6FD; border-radius: 10px;}
.info-box.white {padding: 30px 50px; background: #fff;}
.info-box > strong {display: block; margin-bottom: 5px; font-family: pb; font-size: 20px; color: #000;}
.info-box ul li {position: relative; padding: 5px 0 5px 20px; font-family: pr; font-size: 17px; color: #011d3f;}
.info-box ul li::before {content: ''; position: absolute; left: 0; top: 14px; display: inline-block; width: 5px; height: 5px; background: #011D3F; border-radius: 100%;}
/* .airport .info-box ul li::before {display: none;} */
.info-box .noti-btn {display: inline-flex; justify-content: center; align-items: center; height: 25px; margin-right: 5px; padding: 0 15px; background: #4b8fe4; border-radius: 5px; font-family: pr; font-size: 14px; color: #fff;}
.info-box .noti-btn.color2 {background: #42519e;}

@media screen and (max-width: 1024px) {
	.info-box,
	.info-box.white {padding: 20px 30px;}
	.info-box > strong {font-size: 18px;}
	.info-box ul li {padding: 2px 0 2px 20px; font-size: 16px;}
	.info-box ul li::before {top: 10px;}
}

@media screen and (max-width: 700px) {
	.info-box ul li {font-size: 14px;}
}

/* 공통안내문 2 */
.info-box2 {position: relative; padding: 50px 70px; background: url('../../images/func/bg-info-box.jpg') no-repeat right bottom; border: 2px solid #e5e5e5;}
.info-box2 .title strong {font-family: pr; font-size: 22px; color: #333333;}
.info-box2 .list {margin-top: 18px;}
.info-box2 .list.no-padding {margin-top: 0;}
.info-box2 .list > li {position: relative; padding-left: 20px; padding-bottom: 10px; font-family: pr; font-size: 18px; color: #555555;}
.info-box2 .list > li .must {color: #e83030;}
.info-box2 .list > li:last-child {padding-bottom: 0;}
.info-box2 .list > li::after {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #3176d0; border-radius: 100%;}
.info-box2 .list .link {display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 10px; background: #fff; border: 1px solid #c7d3e3; border-radius: 3px; font-family: pr; font-size: 14px; color: #5b5b5b;}
.info-box2 .list .link::after {content: ''; width: 12px; height: 12px; margin-left: 10px; background: url('../../images/func/ic-func-link.png') no-repeat center;}
.info-box2 .list .link:hover {border-color: #5b5b5b;}
.info-box2 .deco {position: absolute; width: 305px; height: 111px;}
.info-box2 .deco1 {left: -3px; top: -3px; background: url('../../images/func/deco-info-box1.png') no-repeat center;}
.info-box2 .deco2 {right: -3px; bottom: -3px; background: url('../../images/func/deco-info-box2.png') no-repeat center;}
.info-box2.img {display: flex;}
.info-box2.img .thumb {flex-shrink: 0; width: 190px;}
.info-box2.img .thumb img {width: 100%;}
.info-box2.img .con {padding-left: 40px;}

@media screen and (max-width: 1024px) {
	.info-box2 {padding: 20px 30px; background-size: 35% auto;}
	.info-box2 .title strong {font-size: 20px;}
	.info-box2 .list {margin-top: 10px;}
	.info-box2 .list > li {padding-bottom: 3px; font-size: 16px;}
	.info-box2 .list > li::after {top: 8px;}
    .info-box2 .list .link {height: 25px; padding: 0 8px; font-size: 12px;}
	.info-box2 .deco1 {width: 150px; background-size: cover; background-position: left top;}
	.info-box2 .deco2 {width: 150px; background-size: cover; background-position: right bottom;}
}

/* 공통 FAQ */
.faq-list .row {margin-bottom: 10px; border: 1px solid #dddddd; border-radius: 10px;}
.faq-list .row.on {border-color: #1473e6;}
.faq-list .toggle {position: relative; width: 100%; padding: 20px 30px; background: url('../../images/func/ic-faq-open.png') no-repeat right center; font-family: pr; font-size: 16px; text-align: left; color: #333333;}
.faq-list .on .toggle {background: url('../../images/func/ic-faq-close.png') no-repeat right center;}
.faq-list .toggle .text {position: relative; padding-left: 25px;}
.faq-list .toggle .text::after {content: ''; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; background: #1473e6; border-radius: 100%;}
.faq-list .toggle strong {color: #1473e6;}
.faq-list .con {overflow: auto; max-height: 0; background: #e7eff9; border-radius: 0 0 10px 10px; font-family: pr; font-size: 14px; color: #002d64; transition: max-height .35s;}
.faq-list .con .con-box {padding: 30px 50px;}
.faq-list .con p span {font-size: 17px !important;font-family: 'pr' !important;color: #002d64 !important;}
.faq-list .on .con {max-height: 1000px;}

/**** 게시판 통합 ****/

/* 카테고리 */
.cate {width: 100%; border: 1px solid #d9d9d9; font-size: 0; margin-bottom: 40px;}
.cate > div {display: inline-table; vertical-align: middle; position: relative;}
/* .cate > div.type1:before {content: ''; width: 10px; height: 10px; background: url('../../images/func/board/cate-arrow.png') no-repeat center; position: absolute; right: 22px; top: 50%; margin-top: -5px;} */
.cate > div > a {background: #3176D0; display: table-cell; vertical-align: middle; color:#fff; font-size: 17px; font-family: pr; height: 70px; padding: 0 30px;}
.cate > div + div > a {padding-left: 10px; padding-right: 30px;}
.cate > ul {display: inline-block; vertical-align: top; margin-left: 0; width: calc(100% - 250px);}
.cate > ul li {display: inline-table; vertical-align: middle; position: relative; padding:0 20px;}
.cate > ul li + li:before {content:''; width: 1px; height: 13px; background: #cfcfcf; position: absolute; left: 0; top: 50%; margin-top: -5.5px;}
.cate > ul li a {color: #666; font-size: 17px; font-family: pr; height: 70px; display: table-cell; vertical-align: middle;}
.cate > ul li.on a {color: #3176D0;}
.cate > ul li a.active {color:#0f1b2f; position: relative;}
.cate > ul li a.active:after {content: ''; width: 100%; height: 4px; background: #3176D0; position: absolute; bottom: -1px; left: 0;}

@media screen and (max-width: 768px) {
    .cate > div {width: 100%;}
    .cate > div > a {height: auto; padding: 10px; text-align: center;}
    .cate > ul {width: 100%;}
    .cate > ul li a {height: auto; padding: 10px 5px;}
}

/* 말머리 */
.tabmenu {font-size: 0;}
.tabmenu .all-list {display: inline-block; vertical-align: top; text-align: center; box-sizing: border-box; overflow: hidden; margin-top: 1px;}
.tabmenu .all-list a {display: block; padding: 12px 35px; font-size: 17px; background-color: #f8f8f8; color: #333; box-sizing: border-box; border: 1px solid #cfcfcf; line-height: 1.2;}
.tabmenu .all-list._active a {background-color:#fff; border:1px solid #3176D0; color:#3176D0; border-bottom: 1px solid #fff; position: relative; z-index: 1;}
.tabmenu ul {margin-bottom: 40px; position: relative; display: inline-block; vertical-align: top; width: 100%; margin-left: 1px;}
.tabmenu ul:after {content:''; background:#3176D0; position:absolute; left: 0; bottom:0; width: calc(100%); height: 1px;}
.tabmenu ul li {float:left; margin-right:4px; margin-top: 1px; box-sizing: border-box;}
.tabmenu ul li a {background-color: #f8f8f8; color: #333; box-sizing: border-box; border: 1px solid #cfcfcf; padding:12px 35px; line-height: 1.2; display: block; font-size:17px; font-family: pr;}
.tabmenu ul li a.on {background-color:#fff; border: 1px solid #3176D0; color:#3176D0; border-bottom: 1px solid #fff; position: relative; z-index: 1;}

.type .tabmenu ul {padding: 0 50px; border: 3px solid #88adda; border-radius: 10px;}
.type .tabmenu ul:after {display: none;}
.type .tabmenu ul li {margin-right: 35px;}
.type .tabmenu ul li a {position: relative; display: flex; justify-content: center; align-items: center; height: 80px; padding: 0 0 0 15px; background: transparent; border: 0; font-family: pr; font-size: 20px; color: #7b7b7b;}
.type .tabmenu ul li a.on {color: #011d3f;}
.type .tabmenu ul li a::before {content: ''; position: absolute; left: 0; top: 37px; width: 5px; height: 5px; background: #7b7b7b; border-radius: 100%;}
.type .tabmenu ul li a.on::before {background: #011d3f;}

@media screen and (max-width: 768px) {
    .tabmenu ul {margin-bottom: 30px;}
    .tabmenu ul:after {display: none;}
    .tabmenu ul li {margin: 5px;}
    .tabmenu ul li a {padding: 10px 20px; font-size: 16px;}
    .tabmenu ul li a.on {border: 1px solid #3176D0;}

    .type .tabmenu ul {padding: 20px;}
    .type .tabmenu ul li {margin-right: 20px;}
    .type .tabmenu ul li a {height: 30px; font-size: 17px;}
    .type .tabmenu ul li a::before {top: 12px;}
}

/* 검색 */
.doc .srch_box {justify-content: center; margin-bottom: 0;}
.srch_box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-top: 3px;}
.srch_box .srch_state {display: flex;}
.srch_box .srch_state .rss {width: 24px; height: 24px; text-indent: -99999px; background: url('../../images/func/board/ic-rss.png') no-repeat center;}
.srch_box .srch_state .rss a {display: block;}
.srch_box .srch_state .srch_counts {margin-left: 10px; font-family: pr; font-size: 16px;}
.srch_box .srch_state .srch_counts strong {color: #3176D0;}
.srch_box .box-srch_state {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.srch_box .box-srch_state select {flex-shrink: 0; display: flex; align-items: center; width: 150px; height: 50px; padding: 0 20px; background: #fff url('../../images/func/board/ic-arrow.png') right center no-repeat; border: 1px solid #d9d9d9; font-family: pr; font-size: 17px; color: #444; -webkit-appearance: none; -moz-appearance: none; appearance: none;  background: #fff url('../../images/func/board/ic-arrow2.png') right center no-repeat; border-color: #c3c3c3; font-family: sm; font-size: 16px;}
.srch_box .box-srch_state .srch_state {margin-top: 0 !important;}
.srch_box .box-search {display: flex; justify-content: center; align-items: center;}
.srch_box .search {display: flex; align-items: center; position: relative; margin-left: 10px;}
.srch_box .search i {margin-left: 10px;}
.srch_box .search > select {flex-shrink: 0; display: flex; align-items: center; width: 150px; height: 50px; padding: 0 20px; background: #fff url('../../images/func/board/ic-arrow.png') right center no-repeat; border: 1px solid #d9d9d9; font-family: pr; font-size: 17px; color: #444; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.srch_box .search > input {flex-grow: 1; display: flex; align-items: center; width: 100%; height: 50px; margin-left: 10px; padding: 0 20px; padding-right: 56px; border: 1px solid #d9d9d9; font-family: pr; font-size: 17px; color: #444;}
.srch_box .search > span {position: absolute; right: 0; top: 0; width: 50px; height: 100%;}
.srch_box .search > span input {width: 100%; height: 100%; background: url('../../images/func/board/ic-search.png') no-repeat center; text-indent: -99999px; cursor: pointer;}
.srch_box .view-search {position: relative; flex-shrink: 0; width: 510px;}
.srch_box .view-select {display: none; flex-shrink: 0; width: auto; margin-left: 20px;}
.srch_box .view-select select {display: flex; align-items: center; width: 100%; height: 50px; padding: 0 45px 0 20px; background: #fff url('../../images/func/board/ic-arrow.png') right center no-repeat; border: 1px solid #d9d9d9; font-family: pr; font-size: 17px; color: #444; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.srch_box .board-date .row {display: flex; align-items: center;}
.srch_box .board-date .date-space {margin: 0 7px;}
.srch_box .board-date label {position: absolute; left: -999999px; text-indent: -99999px;}
.srch_box .board-date input {display: flex; align-items: center; width: 160px; height: 50px; padding: 0 0 0 40px; background: url('../../images/func/board/ic-cal.png') no-repeat 12px center; border: 1px solid #d9d9d9; font-family: pr; font-size: 17px; color: #444;}

.board-list.type .srch_box {margin-bottom: 40px;}
.board-list.type .srch_box .srch_state .srch_counts {font-size: 17px;}
.board-list.type .srch_box .search > input {border-color: #bcbcbc; border-radius: 5px; font-size: 16px; color: #000;}
.board-list.type .srch_box .search > select {background: url('../../images/func/board/arr-board-search2.png') no-repeat right center; border-color: #bcbcbc; border-radius: 5px; font-size: 16px; color: #000;}
.board-list.type .srch_box .search > span input {background: url('../../images/func/board/ic-board-search.png') no-repeat center; font-size: 16px; color: #000;}
.board-list.type .srch_box .view-select select {background: url('../../images/func/board/arr-board-search2.png') no-repeat right center;  border-color: #bcbcbc; border-radius: 5px; font-size: 16px; color: #000;}
.board-list.type .srch_box .board-date input {padding-left: 15px; background: url('../../images/func/board/ic-form-cal2.png') no-repeat right center; border-color: #bcbcbc; border-radius: 5px; font-size: 16px; color: #000;}

.board-list.type2 .srch_box {display: block;}
.board-list.type2 .srch_box .box-search {padding: 20px; background: #f5f6f8;}
.board-list.type2 .srch_box .box-search .search-txt {padding: 10px 0 10px 60px; background: url('../../images/func/board/ic-search-text.png') no-repeat left center; font-family: sm; font-size: 18px; color: #0d2d84;}
.board-list.type2 .srch_box .search > select {background: #fff url('../../images/func/board/ic-arrow2.png') right center no-repeat; border-color: #c3c3c3; font-family: sm; font-size: 16px;}
.board-list.type2 .srch_box .search > input {border-color: #c3c3c3; font-family: sm; font-size: 16px; color: #333;}
.board-list.type2 .srch_box .search > span {width: 100px;}
.board-list.type2 .srch_box .search > span input {padding: 0 80px 0 20px; background: #01888e url('../../images/func/board/ic-search2.png') no-repeat right center; font-family: sm; font-size: 16px; text-indent: 0; color: #ffffff;}
.board-list.type2 .srch_box .view-select select {background: #fff url('../../images/func/board/ic-arrow2.png') right center no-repeat; border-color: #c3c3c3; font-family: sm; font-size: 16px;}
.board-list.type2 .srch_box .srch_state {margin-top: 30px;}
.board-list.type2 .srch_box .srch_state .srch_counts {font-family: sm; font-size: 14px; color: #444444;}
.board-list.type2 .srch_box .srch_state .srch_counts strong {color: #dd0042;}

.board-list .btn-history {display: flex; justify-content: flex-end; margin-bottom: 20px;}

.typeList tr.trash strong {color:#E70010; position: relative; text-decoration: line-through; display: inline-block;}
.typeWebzine .trash .desc strong {color:#E70010; position: relative; text-decoration: line-through;}
.typeAlbum .trash .sj {color:#E70010; text-decoration:line-through;}

@media screen and (max-width: 1290px) {
  	.srch_box .board-date {display: none;}
}
@media screen and (max-width: 980px) {
    .srch_box {flex-wrap: wrap;}
    .srch_box .search > select {height: 40px; font-size: 15px;}
    .srch_box .search > input {height: 40px; font-size: 15px;}
    .srch_box .srch_state {width: 100%; margin-bottom: 10px;}
    .srch_box .box-search {width: 100%;}
	.doc .srch_box .box-search {flex-wrap: wrap;}
    .doc .srch_box .view-date {width: 100%; margin-bottom: 20px;}
	.doc .srch_box .view-date input:first-child {margin-left: 0;}
	.doc .srch_box .search {margin-left: 0;}
	.srch_box .view-search {flex-grow: 1;}
    .srch_box .view-select {margin-left: 0;}
    .board-list.type2 .srch_box .box-search .search-txt {display: none;}
}

@media screen and (max-width: 768px) {
    .srch_box .search {width: 100%;}
    .srch_box .view-search {width: 100%;}
    .srch_box .view-select {display: none !important;}
    .srch_box .search {margin-left: 0;}
    .board-list.type .srch_box {margin-bottom: 30px;}
}

/* 목록형 리스트 */
.boardWrap .board-table {border-top: 2px solid #01888e;}
.boardWrap .board-table.border {border-top: 2px solid #000;} 
.boardWrap .board-table .col-check {width: 5%;}
.boardWrap .board-table .col-num {width: 7%;}
.boardWrap .board-table .col-writer {width: 12%;}
.boardWrap .board-table.diff .col-writer {width: 15%;}
.boardWrap .board-table .col-date {width: 10%;}
.boardWrap .board-table.diff .col-date {width: 15%;}
.boardWrap .board-table .col-comment {width: 7%;}
.boardWrap .board-table .col-counts {width: 8%;}
.boardWrap .board-table .col-file {width: 10%;}
.boardWrap .board-table thead th {padding: 23px 0; font-family: pb; font-size: 16px; color: #222; border-bottom: 1px solid #ABABAB;}
.boardWrap .board-table tbody tr:hover {background: #F1F5FB;}
.boardWrap .board-table tbody td {padding: 22px 0; border-bottom: 1px solid #E4E4E4; font-family: pr; font-size: 17px; color: #666;}
.boardWrap .board-table .td-file a {display: inline-block; padding: 2px;}
.boardWrap .board-table .td-title {text-align: left;}
.boardWrap .board-table .td-title a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.boardWrap .board-table .td-title .clsdr {display: inline-block; width: 22px; height: 25px; margin-left: 7px; background: url('../../images/func/board/ico-secret.png') no-repeat center; text-indent: -999999px;}
.boardWrap .board-table .td-title .new {position: relative; top: 0px; display: inline-block; width: 25px; height: 25px; margin-left: 5px; background: url('../../images/func/board/ico-new.png') no-repeat center; text-indent: -99999px;}
.boardWrap .notice-title {display: inline-block; width: 35px; height: 24px; background: url('../../images/func/board/ic-top-notice2.png') no-repeat center; text-indent: -99999px;}

.board-list.type2 .boardWrap .board-table thead th {background: #f5f5f5; font-family: sr; font-size: 16px; color: #000000;}
.board-list.type2 .boardWrap .board-table tbody td {padding: 20px 0; font-family: sm; font-size: 16px; color: #000000;}
.board-list.type2 .boardWrap .board-table tbody td.td-title {font-size: 16px;}
 
.boardWrap .board-inp {width: 100%; height: 40px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.boardWrap .board-inp:focus {border-color: #1473e6;}
.boardWrap .board-inp.short {max-width: 25px; padding: 0; text-align: center;}
.boardWrap .board-sel {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 15px; background: url('../../images/func/ic-form-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.boardWrap .board-sel:focus {box-shadow: 0 0 0 3px #cfe5ff;}

@media screen and (max-width: 980px) {
    .boardWrap .board-table col,
    .boardWrap .board-table thead th,
    .boardWrap .board-table tbody td {display: none;}

    .boardWrap .board-table .th-num, 
    .boardWrap .board-table .th-title,
    .boardWrap .board-table .th-date,
    
    .boardWrap .board-table .td-num, 
    .boardWrap .board-table .td-title,
    .boardWrap .board-table .td-date {display: table-cell;}
    
    .boardWrap .board-table .th-num {width: 18%;}
    .boardWrap .board-table .th-title {width: auto;}
    .boardWrap .board-table .th-date {width: 25%;}

    .boardWrap .board-table thead th {padding: 15px 0;}
    .boardWrap .board-table tbody td {padding: 15px 0; font-size: 16px;}
}

/* 목록형 리스트2 */
.boardWrap2 {border-top: 2px solid #000000;}
.boardWrap2 .desc {position: relative; display: flex; align-items: center; border-bottom: 1px solid #e2e2e2;}
.boardWrap2 .desc .num {flex-shrink: 0; width: 115px; text-align: center; font-family: pr; font-size: 16px; color: #333333;}
.boardWrap2 .desc .notice-title {display: inline-block; width: 30px; height: 39px; background: url('../../images/func/board/ic-top-notice.png') no-repeat center; text-indent: -99999px;}
.boardWrap2 .desc .detail {flex-grow: 1; padding: 42px 0;}
.boardWrap2 .desc .detail .subject {display: flex; font-family: pr; font-size: 18px; color: #212121;}
.boardWrap2.event .desc .detail .subject {font-size: 21px; color: #000;}
.boardWrap2 .desc .detail .processType1,
.boardWrap2 .desc .detail .processType2,
.boardWrap2 .desc .detail .processType3 {display: inline-block; height: 30px; margin-right: 10px; padding: 3px 7px; border-radius: 5px; vertical-align: middle; font-size: 16px; color: #fff;}
.boardWrap2 .desc .detail .processType1 {background: #1473e6}
.boardWrap2 .desc .detail .processType2 {background: #ff9000}
.boardWrap2 .desc .detail .processType3 {background: #333333}
.boardWrap2 .desc .thumb {display: none;}
.boardWrap2 .desc:hover {background: #f9f9f9;}
.boardWrap2 .desc:hover .detail .subject {color: #000;}
.boardWrap2 .desc .detail .new {display: inline-block; width: 26px; height: 25px; margin-left: 7px; background: url('../../images/func/board/ico-new.png') no-repeat center; text-indent: -999999px;}
.boardWrap2 .desc .detail .clsdr {display: inline-block; width: 22px; height: 25px; margin-left: 7px; background: url('../../images/func/board/ico-secret.png') no-repeat center; text-indent: -999999px;}
.boardWrap2 .desc .detail .hot {display: inline-block; width: 51px; height: 25px; margin-left: 7px; background: url('../../images/func/board/ic-hot.png') no-repeat center; text-indent: -999999px;}
.boardWrap2.event .desc .detail .hot {position: relative; top: 3px;}
.boardWrap2 .desc .info {display: flex; margin-top: 8px;}
.boardWrap2.event .desc .info {flex-wrap: wrap; margin-top: 15px;}
.boardWrap2 .desc .info li {position: relative; margin-right: 20px; padding-right: 20px; font-family: pr; font-size: 16px; color: #333333;}
.boardWrap2.event .desc .info li {margin-right: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px;}
.boardWrap2 .desc .info li::after {content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 13px; background: #bfbfbf;}
.boardWrap2.event .desc .info li::after {top: 10px;}
.boardWrap2 .desc .info li:last-child::after {display: none;}
.boardWrap2 .desc .info li strong {font-family: pb; color: #000;}
.boardWrap2 .desc .file {flex-shrink: 0; width: 100px; text-align: center; font-size: 0;}
.boardWrap2 .desc .file i {display: inline-block; width: 26px; height: 26px; background: url('../../images/func/board/ic-board-file.png') no-repeat center;}
.boardWrap2 a {display: block;}

@media screen and (max-width: 980px) {
    .boardWrap2 .desc .detail {padding: 20px 0;}
    .boardWrap2 .desc .num {width: 75px;}
    .boardWrap2 .desc .file {width: 70px;}
}

@media screen and (max-width: 768px) {
    .boardWrap2 .desc .num {display: none;}
    .boardWrap2 .desc .detail .subject {font-size: 17px;}
    .boardWrap2 .desc .info li {font-size: 15px;}
    .boardWrap2.event .desc .detail .subject {font-size: 19px;}
    .boardWrap2.event .desc .info {margin-top: 10px;}
    .boardWrap2.event .desc .info li {padding: 2px 10px 2px 0;}
    .boardWrap2.event .desc .info li::after {top: 6px;}
}

/* FAQ 리스트 */

.faqWrap {border-top: 2px solid #01888e;}
.faqWrap > ul > li {border-bottom: 1px solid #e4e4e4;}
.faqWrap .question {position: relative; display: flex; align-items: center; height: 70px;}
.faqWrap .question::after {content: ''; position: absolute; right: 35px; top: 28px; width: 18px; height: 18px; background: url('../../images/func/board/ic-faq-open.png') no-repeat center;}
.faqWrap .question.on::after {background: url('../../images/func/board/ic-faq-close.png') no-repeat center;}
/* .faqWrap .question span {display: flex; align-items: center; width: 270px; height: 100%; padding-left: 110px; background: url('../../images/func/board/ic-q.png') no-repeat 30px 13px; flex-shrink: 0; font-family: pr; font-size: 20px; color: #01888e;} */
.faqWrap .question span {display: flex; align-items: center; height: 100%; padding-left: 90px; margin-right: 20px; background: url('../../images/func/board/ic-q.png') no-repeat 30px 13px; flex-shrink: 0; font-family: pr; font-size: 20px; color: #01888e;}
.faqWrap .question strong {overflow: hidden; flex-grow: 1; max-width: calc(100% - 280px); font-family: pr; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; color: #222222;}
.faqWrap .answer {overflow: hidden; max-height: 0; transition: 0s;}
.faqWrap .on .answer {max-height: 1000px; transition: max-height .75s;}
.faqWrap .answer .answer-box {padding: 20px 20px 20px 100px; background: #f5f5f5 url('../../images/func/board/ic-a.png') no-repeat 30px 18px; font-family: pr; font-size: 17px; color: #666666;}
.faqWrap .answer .more {margin: 0; margin-top: 10px;}

@media screen and (max-width: 980px) {
    .faqWrap .question strong {font-size: 17px;}
    .faqWrap .answer .answer-box {padding-left: 70px; background-position: 18px 18px; font-size: 16px;}
}

@media screen and (max-width: 600px) {
    .faqWrap .question {flex-wrap: wrap; height: auto;}
    .faqWrap .question {padding: 20px 10px;}
    .faqWrap .question span {width: 100%; padding-left: 0; background: none;}
    .faqWrap .question strong {width: 100%; max-width: calc(100% - 50px);}
    .faqWrap .question::after {right: 20px; top: 38px;}
}

/* 웹진 리스트 */
.webzineWrap {padding-top: 30px; border-top: 2px solid #01888e;}
.webzineWrap ul {display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-bottom: -40px;}
.webzineWrap li {width: 33.333%; padding-right: 28px; padding-bottom: 40px;}
.webzineWrap .shadow {display: flex; height: 100%; border: 1px solid #e1e1e1; transition: .25s;}
.webzineWrap .shadow:hover {border: 1px solid #c1d5ea;}
.webzineWrap .thumb img {width: 100%;}
.webzineWrap .desc {padding: 20px;}
.webzineWrap .desc .date {display: block; font-family: pr; font-size: 16px; color: #333333;}
.webzineWrap .desc .subject {overflow: hidden; display: -webkit-box; font-family: pb; font-size: 23px; line-height: 1.35; color: #222222; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webzineWrap .desc .subject:hover {color: #152e6e;}

@media screen and (max-width: 1300px) {
    .webzineWrap .desc .subject {font-size: 22px;}
}

@media screen and (max-width: 1000px) {
    .webzineWrap li {padding-bottom: 30px;}
    .webzineWrap .desc .subject {font-size: 19px;}
}

@media screen and (max-width: 800px) {
    .webzineWrap li {width: 50%; padding-bottom: 20px;}
    .webzineWrap .desc .subject {font-size: 17px;}
}

@media screen and (max-width: 600px) {
    .webzineWrap li {width: 100%; padding-bottom: 30px;}
}

/* 복합 리스트 */
.multiWrap {padding-top: 30px; border-top: 2px solid #01888e;}
.multiWrap ul {display: flex; flex-wrap: wrap; width: calc(100% + 30px);}
.multiWrap li {width:100%; padding-right: 28px;}
.multiWrap li:first-child .shadow {border-top: 1px solid #e4e4e4;}
.multiWrap .shadow {display: flex; height: 100%;transition: .25s; padding:10px; border-bottom:1px solid #E4E4E4;}
.multiWrap .shadow:hover {box-shadow: 0 0 2px rgba(0,0,0,0.3);}
.multiWrap .shadow a {display: flex; width:100%;}
.multiWrap .thumb {flex-shrink: 0;}
.multiWrap .thumb img {width: 100%; height: 100%; object-fit: cover;}
.multiWrap .desc {padding:35px 50px;}
.multiWrap .desc .numb {font-size: 16px; font-family: pr; color:#999; margin-bottom: 10px; display: block;}
.multiWrap .desc .date {display: block; font-family: pr; font-size: 16px; color: #333333;}
.multiWrap .desc .subject {overflow: hidden; display: -webkit-box; font-family: pb; font-size: 22px; line-height: 1.35; color: #222222; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.multiWrap .desc .subject:hover {color: #152e6e;}
.multiWrap .add-list {position: relative; margin-top: 20px;}
.multiWrap .add-list li {padding-bottom:10px; font-size: 18px; font-family: pr; color:#000; padding-right: 0; padding-left:20px; position: relative;}
.multiWrap .add-list li::after {content:''; width: 10px; height: 8px; background:url('../../images/func/bul-list.png') no-repeat center; position: absolute; left:0; top:9px;}


.multiWrap + form ._paging {margin-top: 60px;}
.multiWrap + form ._paging ._inner li strong {background:#00BACF;}
/* .multiWrap + form ._paging ._inner a {width:28px; height:28px; line-height: 28px;} */

@media screen and (max-width: 1300px) {
    .multiWrap .desc .subject {font-size: 22px;}
	.multiWrap .thumb {width:40%;}

}
@media screen and (max-width: 1000px) {
    .multiWrap .desc .subject {font-size: 19px;}
}

@media screen and (max-width: 800px) {
    .multiWrap li {width: 50%;}
    .multiWrap .desc .subject {font-size: 17px;}
	.multiWrap .shadow a {flex-wrap:wrap;}
	.multiWrap .thumb {width:100%;}
	.multiWrap .desc {width:100%; padding:25px 30px;}
}

@media screen and (max-width: 600px) {
    .multiWrap li {width: 100%;}
}

/* 앨범 리스트 */
.albumWrap { padding-top: 50px; border-top: 2px solid #01888e;}
.albumWrap ul {display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-bottom: -40px;}
.albumWrap li {width: 33.333%; padding-right: 28px; padding-bottom: 40px;}

.albumWrap .boxtype2 li {width:50%;}
.albumWrap .boxtype3 li {width:33.3333%;}
.albumWrap .boxtype4 li {width:25%;}

.albumWrap .no-data {margin-bottom: 40px;}
.albumWrap .shadow {position: relative; display: flex; height: 100%; border: 1px solid #dddddd; transition: .25s;}
.albumWrap .shadow:hover {border: 1px solid #066f7f; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.albumWrap .shadow > a {width: 100%;}
.albumWrap .thumb {overflow: hidden; display: flex; height: 300px;}
.albumWrap .thumb img {width: 100%; object-fit: cover;}
.albumWrap .desc {padding: 20px;}
.albumWrap .desc .date {display: block; font-family: pr; font-size: 16px; color: #333333;}
.albumWrap .desc .subject {display: flex; justify-content: center; align-items: center; font-family: pr; font-size: 18px; color: #222222;}
.albumWrap .desc .subject:hover {color: #152e6e;}
.albumWrap .desc .new {display: inline-block; width: 26px; height: 25px; margin-left: 10px; background: url('../../images/func/board/ico-new.png') no-repeat center; text-indent: -999999px;}
.albumWrap .deleteArtclSeqs {position: absolute; left: 10px; top: 10px;}
.albumWrap.movie .thumb {position: relative;}
.albumWrap.movie .thumb::after {content: ''; position: absolute; left: 50%; top: 50%; width: 78px; height: 78px; background: url('../../images/func/board/ic-movie.png') no-repeat center; transform: translate(-50%, -50%);}

.ebookWrap .no-data {margin-bottom: 40px;}
.ebookWrap2 .no-data {margin-bottom: 40px;}

/* 배드민턴 */
.albumWrap.type2 {padding-top: 30px;}
.albumWrap.type2 ul {margin-bottom: 0; padding-bottom:30px; border-bottom:1px solid #ccc;}
.albumWrap.type2 li{padding-right:30px; padding-bottom: 30px;}
.albumWrap.type2 .thumb {height: 300px;}
.albumWrap.type2 .desc {padding:15px 20px 25px 20px;}
.albumWrap.type2 .desc .date {font-family: pr; margin-bottom: 5px;}
.albumWrap.type2 .desc .subject {justify-content: start; font-size: 22px; font-family: pb; }
.albumWrap.type2 .desc .subject .sj { overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.albumWrap.type2 .desc .new {flex-shrink: 0;}
.albumWrap.type2 + form ._paging {margin-top: 60px;}
.albumWrap.type2 + form ._paging ._inner strong {background:#00BACF;}
/* .albumWrap.type2 + form ._paging ._inner a {width:28px; height:28px; line-height: 28px;} */

@media screen and (max-width: 800px) {
    .albumWrap {padding-top: 40px;}
    .albumWrap li {width: 50% !important; padding-bottom: 30px;}
    .albumWrap .desc .subject {font-size: 17px;}
}

@media screen and (max-width: 600px) {
    .albumWrap {padding-top: 30px;}
    .albumWrap li {width: 100% !important; padding-bottom: 30px;}
}

/* 노데이터 */
.no-data {width: 100% !important; padding: 100px 0 !important;  border-bottom: 1px solid #d1d1d1; font-family: pb; text-align: center; color: #666;}

/* 리스트 버튼 */
.board-list .btns {padding: 30px 0; text-align: right;}
.board-list.type2 .btn-func {border-radius: 0; font-family: sm;}

/* 뷰 페이지 */
.board-view .view .title {display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 40px; border-bottom: 1px solid #E2E2E2;}
.board-view .title .left strong {font-family: pb; font-size: 25px;}
.board-view .title .right {display: flex; align-items: center;}
.board-view .title .right {display: flex; align-items: center;}
.board-view .title .detail {display: flex; font-family: pr; font-size: 16px; color: #666;}
.board-view .title .detail li {position: relative; margin-right: 10px; padding-right: 10px;}
.board-view .title .detail li::after {content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #DCDCDC;}
.board-view .title .detail li:last-child {margin-right: 0; padding-right: 0;}
.board-view .title .detail li:last-child::after {display: none;}
.board-view .title .detail span {margin-right: 10px; font-family: pb;  color: #000;}
.board-view .title .stte-view {display: none;}
.board-view .title .stte-view {position: absolute; right: 0px; top: calc(100% + 10px);}
.board-view .title .stte-view ul {display: block !important; background: #fff; margin-bottom: 10px; padding: 10px 0; border: 1px solid #d1d1d1; border-radius: 2px; text-align: center;}
.board-view .title .stte-view label {font-size: 15px;}
.board-view .title .stte-view input {margin: 0; padding: 0;}
.board-view .title .right_fnct > ul {display: flex;}
.board-view .title .right_fnct > ul > li {position: relative; margin-left: 10px; font-family: pr;}
.board-view .title .right_fnct > ul > li a {display: flex; justify-content: center; align-items: center; height: 30px; padding: 0 10px; background: #6E798E; border: 1px solid #eee; border-radius: 5px; font-size: 14px; color: #fff;}
.board-view .title .right_fnct > ul > li a:hover {background: #555;}
.board-view .title .right_fnct > ul > li span {margin: 0 3px;}
.board-view .view {border-top: 2px solid #01888e;}
.board-view .view .con {padding: 40px; border-bottom: 1px solid #E2E2E2; font-family: pr; font-size: 16px; color: #666;}
.board-view .view .con img {width: auto !important; max-width: 100% !important; height: auto !important;}
.board-view .view .attachment {background: #FAFAFA; padding: 30px 45px; border-bottom: 1px solid #d1d1d1;}
.board-view .view .attachment li {display: flex; align-items: center; padding: 5px 0;}
.board-view .view .attachment li a {display: flex; align-items: center; margin-right: 10px;}
.board-view .view .attachment img {margin-right: 10px;}
.board-view .view .aditIem {border-top: 1px solid #000;}
.board-view .view .aditIem dl {display: flex;}
.board-view .view .aditIem dt {flex-shrink: 0; width: 210px; background: #ecf3fd; padding: 15px; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pb; font-size: 15px; color: #000000;}
.board-view .view .aditIem dd {flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 5px 15px; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 15px; color: #333;}
.board-view .before_nect_use {margin-top: -1px;}
.board-view .bbs-anchor {border-top: 2px solid #000; border-bottom: 2px solid #000;}
.board-view .bbs-anchor .prev {border-bottom: 1px solid #DDDDDD;}
.board-view .bbs-anchor li {display: flex; align-items: center; height: 60px;}
.board-view .bbs-anchor li > span {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 180px; height: 100%; font-family: pb; font-size: 19px; color: #222;}
.board-view .bbs-anchor li > span::before {content: ''; width: 22px; height: 13px; margin-right: 40px;}
.board-view .bbs-anchor .prev > span::before {background: url('../../images/func/board/ic-prev-article.png') no-repeat center;}
.board-view .bbs-anchor .next > span::before {background: url('../../images/func/board/ic-next-article.png') no-repeat center;}

.board-view .view .view-con {padding: 35px 45px;}
.board-view .view .view-con.txt {border-bottom: 2px solid #000; }
.board-view .view .view-img {margin-bottom: 30px;}
.board-view .view .view-con.photo {padding: 0;}
.board-view .view .view-con.movie {text-align: center;}
.board-view .view .view-con .youtube {margin-bottom: 40px;}
.board-view .view .photo-con {margin-top: -10px;}
.board-view .view .photo-con .slick-slide img {width: 100%; max-width: 1100px; margin: 0 auto;}
.board-view .view .photo-con .slick-slide .vertical img {width: auto; max-height: 560px;}
.board-view .view .photo-bottom {padding: 0 18% 30px 18%; border-bottom: 1px solid #000000;}
.board-view .view .photo-bottom .photo-list {position: relative;}
.board-view .view .photo-bottom .photo-list .thumb {position: relative; overflow: hidden; display: flex !important; justify-content: center; align-items: start; height: 130px; text-align: center; transition: box-shadow .5s; cursor: pointer;}
.board-view .view .photo-bottom .photo-list .thumb img {width: 200%; max-width: none;}
.board-view .view .photo-bottom .photo-list .slick-slide {margin: 0 10px;}
.board-view .view .photo-bottom .photo-list .slick-slide img {margin: 0 auto;}
.board-view .view .photo-bottom .photo-list .slick-slide.slick-active {position: relative;}
.board-view .view .photo-bottom .photo-list .slick-slide.slick-active:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
.board-view .view .photo-bottom .photo-list .slick-slide.slick-current {position: relative;}
.board-view .view .photo-bottom .photo-list .slick-slide.slick-current:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #01888e; background: transparent; }
.board-view .view .photo-bottom .photo-list .bottom-slider-inner {display: flex !important;}
.board-view .view .photo-bottom .photo-list .photo-prev,
.board-view .view .photo-bottom .photo-list .photo-next {position: absolute; top: 50%; width: 20px; height: 33px; background: url('../../images/func/board/btn-view-photo.png') no-repeat; text-indent: -9999px; transform: translate(0, -50%)}
.board-view .view .photo-bottom .photo-list .photo-prev {left:-40px; background-position: left top;}
.board-view .view .photo-bottom .photo-list .photo-prev:hover {background-position: left bottom;}
.board-view .view .photo-bottom .photo-list .photo-next {right:-40px; background-position: right top;}
.board-view .view .photo-bottom .photo-list .photo-next:hover {background-position: right bottom;}
.board-view .view .view-con .sub {overflow-y: auto;  max-width: 1110px; height: 150px; margin: 0 auto; padding: 10px 20px; border: 5px solid #dce0e6; background: #f9f9f9; text-align: left; font-size: 18px; line-height:1.2; color: #666;; }
.board-view .view .view-img {margin-bottom: 30px;}
.board-view .view .view-move {margin-bottom: 40px;}
.board-view .view .add-img {text-align: center;}

.board-view .view .youtube_view {position: relative; padding-bottom: 56.25%; padding-top: 25px; max-width: calc(100% - 10%); height: 0; margin: 50px auto}
.board-view .view .youtube_view iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.board-view .bbs-anchor li > div {padding-left: 40px; font-family: pb; font-size: 16px; color: #000;}
.board-view .rules {display: none;}
.board-view .btns {padding: 50px 0; text-align: center;}

.board-view.type .title .left strong {font-family: pb; font-size: 30px; color: #000000;}
.board-view.type .title .detail {margin-top: 6px;}
.board-view.type .view {border-color: #000000;}
.board-view.type .view .title {flex-wrap: wrap; align-content: center; height: 150px;}
.board-view.type .view .title .left {width: 100%;}
.board-view.type .view .con {font-family: pr; font-size: 16px; color: #666666;}
.board-view.type .view .attachment {background: #fff; border-bottom: 1px solid #e2e2e2;}
.board-view.type .view .attachment li {padding: 5px 0;}
.board-view.type .title .right {width: 100%; justify-content: space-between;}

.board-view.type2 .title .left strong {font-family: sm; font-size: 22px; color: #000000;}
.board-view.type2 .title .detail {margin-top: 10px; font-family: sr; font-size: 14px; color: #777777;}
.board-view.type2 .title .detail span {font-family: sr; font-size: 14px; color: #9b9b9b;}
.board-view.type2 .view {border-color: #000000;}
.board-view.type2 .view .title {flex-wrap: wrap; align-content: center; height: 150px; background: #fafafa;}
.board-view.type2 .view .title .left {width: 100%;}
.board-view.type2 .view .con {font-family: sm; font-size: 16px; color: #000000;}
.board-view.type2 .view .attachment {background: #fff; border-bottom: 1px solid #e2e2e2;}
.board-view.type2 .view .attachment li {padding: 5px 0;}
.board-view.type2 .title .right {width: 100%; justify-content: space-between;}
.board-view.type2 .bbs-anchor li > span {background: #f1f5fb; font-family: sm; font-size: 14px; color: #000;}
.board-view.type2 .bbs-anchor li > div {font-family: sm; font-size: 14px; color: #333333;}
.board-view.type2 .btn-func {border-radius: 0; font-family: sm;}

.board-view .view .aditIemList {position: relative; display: flex; align-items: center; padding:20px 40px; border-bottom:1px solid #000; border-top:unset;}
.board-view .view .aditIemList > div {position: relative; margin-right:15px; }
.board-view .view .aditIemList > div::after {content:''; width:1px; height:10px; position: absolute; right:0; top:7px; background:#dcdcdc;}
.board-view .view .aditIemList > div:last-child::after {display: none;}
.board-view .view .aditIemList > div > strong {display: inline-block; font-family: pr; color:#000; padding-right:5px;}
.board-view .view .aditIemList > div > span {display: inline-block; padding-right:15px; position: relative;}

@media screen and (max-width: 1200px) {
    .board-view .view .title {flex-wrap: wrap; height: auto; padding: 20px;}
    .board-view .view .title .left {width: 100%;}
    .board-view .view .photo-bottom {padding: 0 40px 30px 40px;}
}

@media screen and (max-width: 1024px) {
    .board-view .title .detail {font-size: 15px;}
    
    .board-view.type .view .title {padding: 0 20px;}
    .board-view.type .view .title {height: 120px;}
    .board-view.type .view .con {padding: 30px;}
    .board-view.type .title .left strong {font-size: 25px;}
}

@media all and (max-width: 1000px) {
    .board-view .view .view-con {padding: 35px 20px;}
}

@media screen and (max-width: 900px) {
    .board-view .btns .btn-func {min-width: 30%; margin: 5px;}
}

@media screen and (max-width: 800px) {
    .board-view .title .right {flex-wrap: wrap;}
    .board-view .title .detail {width: 100%;}
    .board-view .title .right_fnct {margin-top: 7px;}
    .board-view .view .attachment {padding: 20px;}
    .board-view .title .right_fnct > ul > li {margin-left: 0; margin-right: 5px;}
    .board-view .bbs-anchor li {height: auto; padding: 10px 0;}
    .board-view .bbs-anchor li > span {width: 60px; font-size: 16px;}

    .board-view.type .view .title {height: auto; padding: 10px 20px 20px 20px;}
    .board-view.type .title .left strong {font-size: 20px;}
}

@media screen and (max-width: 700px) {
    .board-view .btns .btn-func {min-width: 100%; margin: 5px;}
}

@media all and (max-width: 700px) {
    .board-view .view .view-con {font-size: 16px;}
  	.board-view .view .aditIemList {flex-direction: column; align-items: flex-start;}
}

@media all and (max-width: 580px) {
    .board-view .view .view-con {padding: 30px; }
}

/* Must */
mark.must {width: 10px; position: relative; top: 6px; display: inline-block; background: url('../../images/func/board/ico-mark.png') no-repeat; text-indent: -9999px;}

/* 답글 */
.view-answer {position: relative; margin-bottom: 40px; padding: 15px 40px 40px 40px; border: 1px solid #d9e0e3; border-top: 2px solid #262626;}
.view-answer:after {content: ''; position: absolute; top: 0; left: 40px; width: 50px; height: 63px; background: url('../../images/func/board/ico-reply.png') no-repeat left top;}
.view-answer .answer-title {padding-left: 65px;}
.view-answer .answer-title .title {font-family: pr; font-size: 18px; color: #333; line-height: 1.2;}
.view-answer .answer-info {margin-bottom: 27px; font-family: pr; font-size: 16px; color: #777;}
.view-answer .answer-info .writer {position: relative; margin-right: 10px; padding-right: 10px;}
.view-answer .answer-info .writer:after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 10px; background: #c3c3c3;}
.view-answer .answer-info .date {letter-spacing: 0;}
.view-answer .answer {background: #f2f2f2; margin-bottom: 10px; padding: 20px 15px; font-family: pr; font-size: 16px; color: #666;}
.view-answer .row .title {padding: 10px 0; font-family: pb;}
.view-answer .row .insert {padding: 20px 0; border-top: 1px solid #000; color: #666;}
.view-answer .small-btn-box {text-align: center;}
.board-view.type .view-answer:after {background: url('../../images/func/board/ico-reply2.png') no-repeat left top;}

@media screen and (max-width: 700px) {
	.view-answer .answer {font-size: 15px;}
}

/* 한줄답변 */
.view-comment {padding-bottom: 40px;}
.view-comment-write {position: relative; margin-bottom: 40px; padding: 15px 30px 40px 30px; border: 1px solid #cccccc; border-top: 2px solid #262626; border-radius: 7px;}
.view-comment-write .name {margin-bottom: 15px;}
.view-comment-write .name {padding-right: 10px; font-family: pr; color: #666;}
.view-comment-write .name label {margin-right: 10px; font-size: 15px;}
.view-comment-write .name input {margin-left: 10px; padding: 5px; border-radius: 3px; font-size: 15px;}
.view-comment-write .comment-text {padding-left: 75px; background: url('../../images/func/board/ico-comment.png') no-repeat left 7px;}
.view-comment-write textarea {width: 100%; height: 65px; background: #fff; margin-bottom: 5px; padding: 15px; border: 1px solid #ccc; font-family: pr; font-size: 14px;}
.view-comment-write .small-btn-box {text-align: center;}
.view-comment-write .must {top:4px}

.view-comment-list {background: #F1F5FB; padding: 20px 30px; border-radius: 10px;}
.view-comment-list > li {position: relative; padding: 10px 0;}
.view-comment-list .title {font-family: pb; font-size: 16px; color: #152E6E;}
.view-comment-list .title span {padding-left: 10px; font-family: pr; font-size: 14px; color: #666;}
.view-comment-list .comment {margin: 10px 0; font-family: pr; font-size: 16px; color: #333;}
.view-comment-list .comment-cmntWrap,
.view-comment-list .comment-delWrap,
.view-comment-list .comment-reportWrap {position: absolute; top: 0;}
.view-comment-list .comment-cmntWrap {right: 160px;}
.view-comment-list .comment-delWrap {right: 80px;}
.view-comment-list .comment-reportWrap {right: 0;}
.view-comment-list .comment-reportWrap .comment_sttemnt {display: none; position: absolute; right: 0; top: 0;}
.view-comment-list .feedback {padding: 20px; background: #fff; border-radius: 10px;}

.view-comment-list .files {padding: 10px 15px; background: #fff; border-radius: 10px; border: 1px solid #ccd1d8;}
.view-comment-list .files .icon {width: 15px; margin-right: 5px;}
.view-comment-list .files li {display: flex; align-items: center; padding: 7px 0; border-bottom: 1px solid #e1e1e1;}
.view-comment-list .files li:last-child {border-bottom: 0;}
.view-comment-list .files a {display: inline-flex; align-items: center;}
.view-comment-list .files .btn-func {min-width: 60px; height: 25px; margin-left: 10px; padding: 0 5px;}

.view-comment-reply-write {display: none; background: #fff; padding: 20px; border-radius: 10px;}
.view-comment-reply-write .name {display: none;}
.view-comment-reply-write .comment-text textarea {width: 100%; border: 0; font-family: pr; font-size: 14px; color: #333;}

.board-view.type .view-comment-write .comment-text {background: url('../../images/func/board/ic-view-comment.png') no-repeat left 7px;}

.board-view.type2 .view-comment-write .name {font-family: sm;}
.board-view.type2 .view-comment-write .name input {font-family: sm;}

@media screen and (max-width: 600px) {
    .view-comment-write {padding: 15px 20px 20px 20px;}
    .view-comment-write textarea {padding: 10px;}
    .view-comment-list .comment-cmntWrap,
    .view-comment-list .comment-delWrap,
    .view-comment-list .comment-reportWrap {display: inline-block; position: relative; right: auto;}
    .view-comment-list .comment-reportWrap .comment_sttemnt {top: auto; bottom: 100%;}
    .view-comment-list .comment-reportWrap .comment_sttemnt .btn-func {height: 30px; font-size: 13px;}
}

/* 라이트 업데이트 */
.board-write {border-top: 2px solid #7c7c7c; margin-bottom: 40px;}
.board-write .artclForm {display: table; width: 100%; border-bottom: 1px solid #c5c5c5;}
.board-write .artclLabel {width: 210px; display: table-cell; border-right: 1px solid #c5c5c5; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px; background: #ecf3fd; font-family: pr; color: #000;}
.board-write .artclInsert {display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 15px; font-family: pr; color: #666;}
.board-write .artclInsert.editor {padding: 12px 0 6px 0;}
.board-write .artclInsert input[type="text"],
.board-write .artclInsert input[type="password"] {width: auto; height: 40px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.board-write .artclInsert input[type="text"]:disabled,
.board-write .artclInsert input[type="password"]:disabled {background: #e8e8e8;}
.board-write .artclInsert .long {width: 100%;}
.board-write .artclInsert .space {margin-bottom: 10px;}
.board-write .artclInsert .tarea {width: 100%; min-height: 160px; padding: 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.board-write .artclInsert .possible {font-size: 13px; color: #888; margin-top: 5px; text-transform: uppercase;}
.board-write .artclInsert .ico-cal { padding-left: 30px; padding-right: 10px; background: url('../../images/func/board/icon-cal.png') no-repeat left center;}
.board-write .artclInsert .ico-cal.space {margin-left: 10px;}
.board-write .artclInsert .switch {margin-top: 10px;}
.board-write .artclInsert .file-select {font-family: pr; font-size: 15px; color: #666; padding: 10px; height: 130px;}
.board-write .artclInsert .one-line {overflow: hidden; background: #f5f5f5;  padding: 10px; border-radius:  7px;}
.board-write .artclInsert .one-line li {float: left; margin-right: 10px; }
.board-write .artclInsert .pass-form {margin-top: 10px;}
.board-write .artclInsert .pass-form label {margin-right: 10px;}
.board-write .artclInsert .sel-type {display: flex; align-items: center; height: 40px; padding-left: 15px; padding-right: 40px; background: url('../../images/func/ic-form-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-write .artclInsert .line {display: inline-block;}
.board-write .artclInsert .multselBox {width: 100%; padding: 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.board-write .artclInsert .atchmnBtns {margin-top: 10px;}
.board-write .artclInsert #captchaImg {height: 40px;}
.board-write .artclInsert.capcha {display: flex;}
.board-write .btns {padding: 50px 0; text-align: center;}

.board-write.type2 .artclLabel {font-family: sm;}
.board-write.type2 .artclInsert input[type="text"],
.board-write.type2 .artclInsert input[type="password"] {font-family: sm;}
.board-write.type2 .artclInsert .tarea {font-family: sm;}
.board-write.type2 .artclInsert .multselBox {font-family: sm;}
.board-write.type2 .artclInsert {font-family: sm;}
.board-write.type2 .file-btn {font-family: sm;}
.board-write.type2 .btn-func {border-radius: 0; font-family: sm;}

@media screen and (max-width: 930px) {
    .board-write .artclInsert.capcha {flex-wrap: wrap;}
}

@media screen and (max-width: 780px) {
    .board-write .row {display: block;}
	.board-write .artclLabel {display: block; width: 100%; border-right: 0;}
	.board-write .artclInsert {display: block; width: 100%; padding: 9px 0;}
	.board-write .artclInsert .one-line {background: #fff; border: 1px solid #d1d1d1;}
}

@media screen and (max-width: 580px) {
	.board-write .artclInsert .line {display: block; margin: 5px 0;}
	.board-write .artclInsert .ico-cal.space {margin-left: 0;}
}

/* 페이징 */
._fnctWrap ._paging {margin-top: 40px; text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden; position: relative; height: 38px; display: inline-block; zoom:1;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 36px; height: 36px; line-height: 36px; text-align: center;}
._fnctWrap ._paging ._inner ul {display: flex; align-items: center; margin: 0 10px;}
._fnctWrap ._paging ._inner ul li {margin: 0 3px;}
._fnctWrap ._paging ._inner .pg-arrow {width: 35px;height: 35px; border: 1px solid #ccc;}
._fnctWrap ._paging ._inner ._first {background: url(../../images/func/board/ic-first-page.png) center no-repeat;}
._fnctWrap ._paging ._inner ._prev {background: url(../../images/func/board/ic-prev-page.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listPrev {background: url(../../images/func/board/ic-prev.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listNext {background: url(../../images/func/board/ic-next.png) center no-repeat;}
._fnctWrap ._paging ._inner ._next {background: url(../../images/func/board/ic-next-page.png) center no-repeat;}
._fnctWrap ._paging ._inner ._last {background: url(../../images/func/board/ic-last-page.png) center no-repeat;}
._fnctWrap ._paging ._inner li strong {background: #006CC7; border-radius: 10px; color: #fff;}
._fnctWrap .board-list.type2 ._paging ._inner li strong {background: #01888e; font-family: sm;}
._fnctWrap ._paging ._inner ._pageState {display: none; padding: 0 1em}

@media screen and (max-width: 768px) {
    ._fnctWrap ._paging ._inner > ul {display: none;}
    ._fnctWrap ._paging ._inner {display: flex; align-items: center; justify-content: center;}
    ._fnctWrap ._paging ._inner ._pageState {display: flex;}
    ._fnctWrap ._paging ._inner ._pageState ._curPage {font-family: pb; font-size: 25px; color: #1473e6;}
    ._fnctWrap ._paging ._inner ._pageState ._totPage {font-family: pr; font-size: 25px; color: #000;}
    ._fnctWrap ._paging ._inner ._pageState ._totPage::before {content: '/'; margin: 0 10px;}
}

/* 페이징 */
.favo-question ._paging {margin-top: 40px; text-align: center;}
.favo-question ._paging ._inner {overflow: hidden; position: relative; height: 38px; display: inline-block; zoom:1;}
.favo-question ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
.favo-question ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
.favo-question ._paging ._inner a,.favo-question ._paging ._inner strong {width: 36px; height: 36px; line-height: 36px; text-align: center;}
.favo-question ._paging ._inner ul {display: flex; align-items: center; margin: 0 10px;}
.favo-question ._paging ._inner ul li {margin: 0 3px;}
.favo-question ._paging ._inner .pg-arrow {width: 35px;height: 35px; border: 1px solid #ccc;}
.favo-question ._paging ._inner ._first {background: url(../../images/func/board/ic-first-page.png) center no-repeat;}
.favo-question ._paging ._inner ._prev {background: url(../../images/func/board/ic-prev-page.png) center no-repeat;}
.favo-question ._paging ._inner ._listPrev {background: url(../../images/func/board/ic-prev.png) center no-repeat;}
.favo-question ._paging ._inner ._listNext {background: url(../../images/func/board/ic-next.png) center no-repeat;}
.favo-question ._paging ._inner ._next {background: url(../../images/func/board/ic-next-page.png) center no-repeat;}
.favo-question ._paging ._inner ._last {background: url(../../images/func/board/ic-last-page.png) center no-repeat;}
.favo-question ._paging ._inner li strong {background: #006CC7; border-radius: 10px; color: #fff;}
.favo-question .board-list.type2 ._paging ._inner li strong {background: #01888e; font-family: sm;}
.favo-question ._paging ._inner ._pageState {display: none; padding: 0 1em}
@media screen and (max-width: 768px) {
    .favo-question ._paging ._inner > ul {display: none;}
    .favo-question ._paging ._inner {display: flex; align-items: center; justify-content: center;}
    .favo-question ._paging ._inner ._pageState {display: flex;}
    .favo-question ._paging ._inner ._pageState ._curPage {font-family: pb; font-size: 25px; color: #1473e6;}
    .favo-question ._paging ._inner ._pageState ._totPage {font-family: pr; font-size: 25px; color: #000;}
    .favo-question ._paging ._inner ._pageState ._totPage::before {content: '/'; margin: 0 10px;}
}


/* 통합검색 */
.total-search .point {color: #ff4200;}
.total-search .point2 {color: #0074e1;}

.search-header {background: url('../../images/func/bg-search.jpg') no-repeat center top / cover; padding-bottom: 145px;}
.search-header.bg2 {background: url('../../images/func/bg-search2.jpg') no-repeat center top / cover;}
.search-header .top {display: flex; padding-top: 20px;}
.search-header .top a {display: flex; justify-content: center; align-items: center; height: 50px; padding: 0 20px; font-family: pr; font-size: 17px; border-radius: 5px; color: #fff;}
.search-header .top a.color1 {margin-right: 20px; background: #0074E1;}
.search-header .top a.color2 {background: #00A9C8;}
.search-header .top a::after {content: ''; width: 24px; height: 14px; margin-left: 10px; background: url('../../images/func/ic-top-link.png') no-repeat center;}
.search-header .top-link {display: flex; justify-content: flex-end; align-items: center; padding-top: 31px;}
.search-header .top-link a {display: flex; justify-content: center; align-items: center; font-family: pb; font-size: 17px; color: #ffffff;}
.search-header .top-link a::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: url('../../images/func/ic-search-top-link.png') no-repeat center;}
.search-header .top-link a span {position: relative;}
.search-header .top-link a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; transition: .35s;}
.search-header .top-link a:hover span::after {width: 100%;}
.search-header .header-title {display: flex; justify-content: center; align-items: center; padding-top: 44px; padding-bottom: 70px; font-family: pb; font-size: 25px; color: #fff;}
.search-header .header-title .logo-img {position: relative; top: -6px; display: flex; align-items: center; margin-right: 20px;}
.search-header .form {position: relative; display: flex; justify-content: center; align-items: center; max-width: 1120px; margin: 0 auto;}
.search-header .input {flex-grow: 1; overflow: hidden; position: relative; background: #fff; border-radius: 5px;}
.search-header .input input {display: flex; align-items: center; height: 60px; width: 100%; padding: 0 30px; font-family: pb; font-size: 20px; color: #000;}
.search-header .input input::placeholder {color: #000;}
.search-header .input .btn-search {position: absolute; right: 0; top: 0; width: 80px; height: 100%; background: url('../../images/func/btn-search.png') no-repeat center; text-indent: -99999px;}
.search-header .input .btn-remove {position: absolute; right: 65px; top: 0; z-index: 1; width: 30px; height: 100%; background: url('../../images/func/btn-search-remove.png') no-repeat center; text-indent: -99999px;}
.search-header .detail-search .btn-detail-search {display: flex; justify-content: center; align-items: center; height: 60px; margin-left: 15px; padding: 0 30px; background: #1473e6; border-radius: 5px; font-family: pb; font-size: 17px; color: #ffffff;}
.search-header .detail-search .btn-detail-search:hover {background: #0f62c7;}
.search-header .detail-search .btn-detail-search::before {content: ''; width: 23px; height: 23px; margin-right: 10px; background: url('../../images/func/btn-search-detail.png') no-repeat center;}
.search-header .result {display: flex; align-items: center; margin-left: 30px;}
.search-header .result input {width: 25px; height: 25px; margin: 0;}
.search-header .result label {margin-left: 5px; font-family: pr; font-size: 18px; color: #fff;}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1400px) {
	.total-search .fly-start .header {display: none;}
	.total-search .fly-start .body .hidden-t {display: inline-block; margin-right: 10px; font-family: pb; font-size: 16px; color: #000;}
	.total-search .fly-start .body .toggle {flex-wrap: wrap; height: auto; padding: 20px;}
	.total-search .fly-start .col {justify-content: flex-start; padding: 5px 10px;}
	.total-search .fly-start .airplane .logo img {height: 20px;}
	.total-search .fly-start .state span {width: auto; height: 25px; padding: 0 10px;}
	.total-search .result-row .fly-start .col1 {width: auto;}
	.total-search .result-row .fly-start .col2 {flex-grow: 1;}
	.total-search .result-row .fly-start .col3 {flex-shrink: 0; width: 100%;}
	.total-search .result-row .fly-start .col4 {width: auto;}
	.total-search .result-row .fly-start .col5 {width: auto;}
	.total-search .result-row .fly-start .col6 {width: auto;}
	.total-search .result-row .fly-start .col7 {width: auto;}
	.total-search .result-row .fly-start .col8 {width: auto;}
}

@media screen and (max-width: 1200px) {
	.search-header .top a {font-size: 15px;}
	.search-header .header-title {font-size: 30px;}
	.search-header .input button {font-size: 18px;}
	.search-header .input input {font-size: 17px;}
	.search-header .result label {font-size: 16px;}
}

@media screen and (max-width: 900px) {
	.search-header .top a {height: 40px; font-size: 13px;}
	.search-header .top a::after {width: 14px; background-size: 100%;}
	.search-header .top-link a {font-size: 15px;}
	.search-header .form {flex-wrap: wrap; justify-content: flex-start;}
	.search-header .result {margin-left: 10px;}
	.search-header .detail-search {margin-left: 10px;}
	.search-header .detail-search .btn-detail-search {padding: 0 20px; height: 50px; margin-left: 0; font-size: 15px;}
	.search-header .cm-check.style2 span {font-size: 16px;}
	.search-header .input {max-width: 100%}
	.search-header .input input {height: 50px;}
	.search-header .input button {font-size: 16px;}
	.search-header .header-title .logo-img {top: -3px; width: 40%;}
	.search-header .header-title {font-size: 20px;}
}

@media screen and (max-width: 700px) {
	.search-header .top-link a {font-size: 14px;}
	.search-header .header-title {flex-wrap: wrap; padding: 70px 0;}
	.search-header .header-title .logo-img {justify-content: center; width: 100%; margin-right: 0; margin-bottom: 10px; padding: 0 19%;}
	.search-header .detail-search {margin-left: 0; margin-top: 10px;}
	.search-header .result {margin-top: 10px;}
	.search-header .input {width: 100%;}
	.total-search .result-row .fly-start .col2 {width: 100%;}
	.total-search .result-row .fly-start .col3 {flex-wrap: wrap;}
	.total-search .fly-start .airplane {width: 100%; margin-top: 5px; justify-content: flex-start;}
	.total-search .fly-start .airplane .logo {width: auto;}
	.total-search .fly-start .airplane .logo img {height: 30px;}
	.total-search .fly-start .airplane .name {text-align: left;}
}

.search-detail-box {overflow: hidden; position: absolute; left: 0; top: calc(100% + 5px); z-index: 1; width: 100%; max-height: 0; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px; transition: max-height .5s;}
.search-detail-box.on {max-height: 1000px;}
.search-detail-box .box {position: relative; max-width: 1120px; margin: 0 auto; padding: 55px 70px 50px 70px; background: #fff; border-radius: 5px;}
.search-detail {position: relative;}
.search-detail::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000000;}
.search-detail .row {display: flex; border-bottom: 1px solid #e4e4e4;}
.search-detail .row .title {position: relative; flex-shrink: 0; width: 180px; padding: 30px; font-family: pb; font-size: 18px; color: #000000;}
.search-detail .row .title::after {content: ''; position: absolute; left: 15px; top: 40px; width: 7px; height: 7px; background: #000000; border-radius: 100%;}
.search-detail .must {display: inline-flex; height: 0;}
.search-detail .insert {flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 5px 15px; font-family: pr; font-size: 15px; color: #333;}
.search-detail .insert.wrap {flex-wrap: wrap;}
.search-detail .insert .line {display: flex; align-items: center; width: 100%;}
.search-detail .insert input[type="text"],
.search-detail .insert input[type="password"] {width: 100%; height: 40px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.search-detail .insert input[type="text"]:focus,
.search-detail .insert input[type="password"]:focus {border-color: #1473e6;}
.search-detail .insert select {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 15px; background: url('../../images/func/ic-form-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.search-detail .insert select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.search-detail .insert textarea {width: 100%; min-height: 160px; padding: 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.search-detail .insert textarea:focus {border-color: #1473e6;}
.search-detail .date {position: relative;}
.search-detail .date::after {content: ''; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url('../../images/func/ic-form-cal.png') no-repeat center;}
.search-detail .dash {width: 30px; text-align: center;}
.search-detail .btn-detail {display: flex; justify-content: center; align-items: center; width: 70px; height: 40px; background: #08407a; border-radius: 5px; font-family: pr; font-size: 16px; color: #ffffff;}
.search-detail .btn-detail:hover {background: #052e58;}
.search-detail-box .submit {display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.search-detail-box .btn-search-detail2 {display: flex; justify-content: center; align-items: center; height: 60px; padding: 0 35px; background: #1473e6; border-radius: 100px; font-family: pb; font-size: 18px; color: #fff;}
.search-detail-box .btn-search-detail2:hover {background: #0d5dbd;}
.search-detail-box .btn-search-detail2::before {content: '';  display: inline-block; width: 31px; height: 31px; margin-right: 15px; background: url('../../images/func/btn-search-detail2.png') no-repeat center; }
.search-detail-box .close {position: absolute; right: 0; top: 0;}
.search-detail-box .close .btn-detail-close {display: inline-block; width: 70px; height: 70px; background: url('../../images/func/btn-search-close.png') no-repeat center; text-indent: -99999px;}

@media screen and (max-width: 1200px) {
	.search-detail-box .box {padding: 40px 30px;}
	.search-detail .row {flex-wrap: wrap;}
	.search-detail .row .title {width: 100%; padding: 10px 30px 0 30px; font-size: 16px;}
	.search-detail .row .title::after {top: 18px;}
	.search-detail .insert .line {flex-wrap: wrap;}
	.search-detail .insert .line > div {padding: 5px;}
	.search-detail .date::after {top: 15px;}
}

@media screen and (max-width: 1080px) {
	.search-detail .insert .line1 .col1 {width: 15%;}
	.search-detail .insert .line1 .col2 {width: 30%; margin: 0;}
	.search-detail .insert .line1 .col3 {width: 4%;}
	.search-detail .insert .line1 .col4 {width: 30%;}
	.search-detail .insert .line1 .col2.max,
	.search-detail .insert .line1 .col3.max {max-width: 100%;}
	.search-detail .insert .line1 .col5 {margin-left: 0;}
	.search-detail .insert .line3 > div {margin-left: 10px;}
	.search-detail-box .btn-search-detail2 {height: 50px; padding: 0 20px; font-size: 16px;}
	.search-detail-box .btn-search-detail2::before {width: 25px; height: 25px; background-size: cover;}
}

@media screen and (max-width: 800px) {
	.search-detail-box .box {padding: 30px 20px;}
	.search-detail .insert .line1 .col1 {width: 100%;}
	.search-detail .insert .line1 .col2 {width: 47%; margin: 0;}
	.search-detail .insert .line1 .col3 {width: 4%;}
	.search-detail .insert .line1 .col4 {width: 47%;}
	.search-detail .insert .line2 > div {width: 100%; margin: 0;}
}

.search-tab ul {overflow: hidden; display: flex; height: 60px; margin-top: -60px; background: #222b3d; border-radius: 8px 8px 0 0;}
.search-tab ul li {width: 50%;}
.search-tab ul li a {display: flex; justify-content: center; align-items: center; height: 100%; font-family: pb; font-size: 19px; color: #fff;}
.search-tab ul li.on a {background: #fff; color: #08407a; border-radius: 8px 8px 0 0;}

@media screen and (max-width: 1200px) {
	.search-tab ul li a {font-size: 17px;}
}

.search-tab-sub {margin-top: 60px;}
.search-tab-sub ul {display: flex; height: 50px; border-bottom: 1px solid #DBDBDB;}
.search-tab-sub ul li {width: 14.285%; border-right: 1px solid #fff;}
.search-tab-sub.co ul li {width: 14.285%;}
.search-tab-sub ul li a {display: flex; justify-content: center; align-items: center; height: 100%; background: #F2F2F2; border-radius: 5px 5px 0 0; font-family: pr; font-size: 19px; color: #777;}
.search-tab-sub ul li.on a {background: #08407A; color: #fff;}
.search-tab-sub ul li.on a::before {content: ''; width: 19px; height: 18px; margin-right: 10px; background: url('../../images/func/ic-sub-tab.png') no-repeat center;}

@media screen and (max-width: 1200px) {
	.search-tab-sub ul li a {font-size: 17px;}
}

@media screen and (max-width: 830px) {
	.search-tab-sub ul {flex-wrap: wrap; height: 90px; border: 0;}
	.search-tab-sub.co ul {height: 140px;}
	.search-tab-sub.co ul li,
	.search-tab-sub ul li {width: 33.333%; border-bottom: 1px solid #fff;}
}

.search-con {margin-top: 60px;}
.search-con .inner {display: flex;}

.search-result {width: calc(100% - 260px); padding-right: 60px;}
.search-result .result-txt {padding-bottom: 22px; border-bottom: 2px solid #000; font-family: pr; font-size: 24px; color: #000;}
.search-result .result-txt strong {font-family: pb; font-size: 30px;}

@media screen and (max-width: 1200px) {
	.search-result .result-txt {font-size: 20px;}
	.search-result .result-txt strong {font-size: 25px;}
}

@media screen and (max-width: 1000px) {
	.search-con .inner {flex-wrap: wrap;}
	.search-result {width: 100%; padding-right: 0;}
}

.result-row {margin-bottom: 20px;}
.result-row > .title {display: flex; justify-content: space-between; padding: 15px 0; margin-bottom: 25px; border-bottom: 1px solid #D2D2D2;}
.result-row > .title .subject {position: relative; padding-left: 16px;}
.result-row > .title .subject::before {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 20px; background: #1473E6; border-radius: 10px;}
.result-row > .title .subject strong {font-family: pr; font-size: 24px;}
.result-row > .title .subject em {margin-left: 3px; font-family: pr; font-size: 14px; color: #676767;}
.result-row .more a {display: inline-block; width: 30px; height: 30px; background: url('../../images/func/ic-search-more.png') no-repeat center; border: 1px solid #BDBDBD; text-indent: -999999px;}
.result-row .more a:hover {border: 1px solid #888888;}

@media screen and (max-width: 1200px) {
	.result-row > .title .subject strong {font-size: 22px;}
	.result-row > .title .subject::before {top: 6px;}
}

.result-row .type-list li {position: relative; margin-bottom: 10px; padding-left: 20px;}
.result-row .type-list li::before {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #676767; border-radius: 100%;}
.result-row .type-list a {display: block; font-family: pr; font-size: 17px;}

@media screen and (max-width: 1200px) {
	.result-row .type-list li::before {top: 8px;}
	.result-row .type-list a {font-size: 15px;}
}

.result-row .type-board {margin-bottom: 30px;}
.result-row .type-board:last-child {margin-bottom: 0;}
.result-row .type-board a {display: flex; align-items: center;}
.result-row .type-board .board-title {margin-bottom: 10px;}
.result-row .type-board .board-title strong {font-family: pr; font-size: 20px; color: #000;}
.result-row .type-board .board-title p {margin-left: 10px; font-size: 14px; color: #666;}
.result-row .type-board .board-desc {margin-bottom: 12px;}
.result-row .type-board .board-desc a {display: block; font-family: pr; font-size: 18px; color: #676767;}
.result-row .type-board .board-location {font-family: pr; font-size: 15px; color: #969696;}

@media screen and (max-width: 1200px) {
	.result-row .type-board .board-title strong {font-size: 17px;}
	.result-row .type-board .board-desc a {font-size: 16px;}
	.result-row .type-board .board-location {font-size: 14px;}
}

.result-row .type-files dl {margin-bottom: 20px;}
.result-row .type-files dt {display: flex; align-items: center; padding-left: 30px; background: url('../../images/func/ic-file-down.png') no-repeat left 5px;}
.result-row .type-files dt strong {margin-right: 10px; font-family: pr; font-size: 20px; color: #000;}
.result-row .type-files dd {margin-top: 10px;}
.result-row .type-files dd ul {display: flex;}
.result-row .type-files dd ul li {position: relative; padding-right: 15px; margin-right: 15px; font-family: pr; font-size: 15px; color: #969696;}
.result-row .type-files dd ul li::after {content: ''; position: absolute; right: 0; top: 2px; width: 1px; height: 15px; background: #969696;}
.result-row .type-files dd ul li:last-child::after {display: none;}

@media screen and (max-width: 1200px) {
	.result-row .type-files dt {background-position: left 5px;}
	.result-row .type-files dt strong {font-size: 17px;}
	.result-row .type-files dt a {margin-top: 5px;}
	.result-row .type-files dd ul li {font-size: 14px;}
	.result-row .type-files dd ul li::after {top: 4px; height: 12px;}
}

@media screen and (max-width: 800px) {
	.result-row .type-files dt {flex-wrap: wrap;}
	.result-row .type-files dt strong {width: 100%;}
}

@media screen and (max-width: 700px) {
	.result-row .type-files dd ul {flex-wrap: wrap;}
	.result-row .type-files dd ul li {width: 100%; padding-right: 0; padding-left: 13px; margin-right: 0;}
	.result-row .type-files dd ul li::after {display: none;}
	.result-row .type-files dd ul li::before {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 100%; background: #676767;}
}

.result-row .type-card ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.result-row .type-card li {width: 50%; padding: 0 40px 40px 0;}
.result-row .type-card .box {position: relative; padding: 30px; border: 1px solid #ddd;}
.result-row .type-card .state {display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 23px; background: #08407A; font-family: pr; font-size: 14px; color: #fff;}
.result-row .type-card .time {position: absolute; right: 0; top: 0; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #D10000; font-family: pr; font-size: 13px; color: #fff;}
.result-row .type-card .info {display: flex;}
.result-row .type-card .logo {flex-grow: 1; padding-top: 40px;}
.result-row .type-card .detail {flex-shrink: 0; width: 310px; padding-left: 40px;}
.result-row .type-card .detail strong {display: block; margin-bottom: 20px; font-family: pr; font-size: 20px; color: #000;}
.result-row .type-card .detail dl {display: flex; margin-bottom: 5px;}
.result-row .type-card .detail dt {position: relative; flex-shrink: 0; width: 90px; padding-left: 17px; font-family: pr; font-size: 15px; color: #000;}
.result-row .type-card .detail dt::before {content: ''; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background: #676767; border-radius: 100%;}
.result-row .type-card .detail dd {flex-grow: 1; font-family: pr; font-size: 15px; color: #676767;}
.result-row .type-card .detail dd a {display: inline-flex; justify-content: center; align-items: center; height: 25px; margin-top: 4px; padding: 0 9px; background: #EFEFEF; border: 1px solid #BEBDBD; border-radius: 4px; font-size: 13px; color: #868686;}
.result-row .type-card .detail dd a:hover {border-color: #333;}

@media screen and (max-width: 1450px) {
	.result-row .type-card li {width: 100%;}
	.result-row .type-card .detail {width: 76%;}
}

@media screen and (max-width: 740px) {
	.result-row .type-card .box {padding: 20px;}
	.result-row .type-card .info {flex-wrap: wrap;}
	.result-row .type-card .logo {width: 100%; padding-top: 30px;}
	.result-row .type-card .detail {width: 100%; padding-left: 0; padding-top: 20px ;}
}

.result-row .type-media ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.result-row .type-media li {width: 25%; padding: 0 40px 40px 0;}
.result-row .type-media .thumb img {width: 100%;}
.result-row .type-media .subject {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 15px; font-family: pb; font-size: 20px;}

@media screen and (max-width: 1200px) {
	.result-row .type-media .subject {font-size: 16px;}
}

@media screen and (max-width: 800px) {
	.result-row .type-media li {width: 50%;}
}

.result-row .type-rule dl {margin-bottom: 20px;}
.result-row .type-rule dt {display: flex;}
.result-row .type-rule dt strong {font-family: 'pb'; font-size: 19px; color: #000;}
.result-row .type-rule .down {display: flex; align-items: center; height: 30px; margin-left: 10px; padding: 0 10px; border: 1px solid #C7D3E3; border-radius: 3px; font-family: pr; font-size: 14px; color: #555;}
.result-row .type-rule .down::after {content: ''; display: inline-block; width: 11px; height: 11px; margin-left: 15px; background: url('../../images/func/ic-download.png') no-repeat center;}
.result-row .type-rule dd {margin-top: 5px; font-family: pr; font-size: 15px; color: #999;}

.result-row .type-book1 ul {display: flex; width: calc(100% + 40px);}
.result-row .type-book1 li {width: 33.333%; padding-right: 40px; padding-bottom: 40px;}
.result-row .type-book1 .thumb img {width: 100%;}
.result-row .type-book1 .thumb a {display: block;}
.result-row .type-book1 .year {display: inline-flex; align-items: center; height: 30px; margin-top: 20px; padding: 0 20px; background: #01888e; border-radius: 100px; font-family: pb; font-size: 14px; color: #fff;}
.result-row .type-book1 .info {display: flex; align-items: center; justify-content: space-between; margin-top: 5px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000;}
.result-row .type-book1 .info .title {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.result-row .type-book1 .info strong {font-family: pb; font-size: 19px;}
.result-row .type-book1 .info .down {display: inline-flex; align-items: center; height: 30px; margin-left: 10px; padding: 0 10px; border: 1px solid #C7D3E3; border-radius: 3px; font-family: pr; font-size: 14px; color: #555;}
.result-row .type-book1 .info .down::after {content: ''; display: inline-block; width: 11px; height: 11px; margin-left: 15px; background: url('../../images/func/ic-download.png') no-repeat center;}
.result-row .type-book1 .location {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-family: pr; font-size: 15px; color: #999;}

@media screen and (max-width: 1200px) {
	.result-row .type-book1 .info strong {font-size: 16px;}
	.result-row .type-book1 .info .down {height: 27px; font-size: 13px;}
	.result-row .type-book1 .location {font-size: 14px;}
}

@media screen and (max-width: 780px) {
	.result-row .type-book1 ul {flex-wrap: wrap;}
	.result-row .type-book1 li {width: 50%;}
}

@media screen and (max-width: 580px) {
	.result-row .type-book1 li {width: 100%;}
}

.result-row .type-book2 ul {display: flex; width: calc(100% + 40px);}
.result-row .type-book2 li {width: 50%; padding-right: 40px; padding-bottom: 40px;}
.result-row .type-book2 .thumb img {width: 100%; max-width: 272px;}
.result-row .type-book2 .thumb a {display: block;}
.result-row .type-book2 .info {display: flex; align-items: center; margin-top: 20px; margin-bottom: 10px;}
.result-row .type-book2 .info strong {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-family: pb; font-size: 19px;}
.result-row .type-book2 .info .view {display: inline-flex; align-items: center; height: 30px; margin-left: 10px; padding: 0 10px; border: 1px solid #C7D3E3; border-radius: 3px; font-family: pr; font-size: 14px; color: #555;}
.result-row .type-book2 .info .view::after {content: ''; display: inline-block; width: 15px; height: 7px; margin-left: 15px; background: url('../../images/func/ic-pic-view.png') no-repeat center;}
.result-row .type-book2 .location {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-family: pr; font-size: 15px; color: #999;}

@media screen and (max-width: 1200px) {
	.result-row .type-book2 .info strong {font-size: 16px;}
	.result-row .type-book2 .location {font-size: 14px;}
	.result-row .type-book2 .info .view {height: 27px; font-size: 13px;}
}

@media screen and (max-width: 580px) {
	.result-row .type-book2 ul {flex-wrap: wrap;}
	.result-row .type-book2 li {width: 100%;}
	.result-row .type-book2 .thumb img {max-width: 100%;}
}

.result-row .fly-start .col1 {width: 14%;}
.result-row .fly-start .col2 {width: 12%;}
.result-row .fly-start .col4 {width: 10%;}
.result-row .fly-start .col6 {width: 8%;}
.result-row .fly-start .col7 {width: 11%;}

.search-util {width: 260px;}
.search-util .box {padding: 30px 25px; border: 1px solid #8A8A8A; border-radius: 5px; box-shadow: 0 0 0 3px #CFE5FF;}
.search-util .favorite {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #A5A5A5;}
.search-util .favorite > strong {font-family: pb; font-size: 18px; color: #333;}
.search-util .favorite .list {margin-top: 10px;}
.search-util .favorite .row {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.search-util .favorite .num {flex-shrink: 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 15px; height: 15px; background: #858585; border-radius: 3px; font-family: pr; font-size: 10px; color: #fff;}
.search-util .favorite .num.color {background: #014291;}
.search-util .favorite .keyword {flex-grow: 1; padding-left: 10px; font-family: pr; font-size: 15px;}
.search-util .favorite .state {flex-shrink: 0; display: flex; justify-content: space-between; font-family: pb; font-size: 11px;}
.search-util .favorite .state.new {justify-content: end; font-family: pb; font-size: 10px; text-align: right; color: #FF0101;}
.search-util .favorite .state span {display: block; width: 25px; text-indent: -999999px;}
.search-util .favorite .state span.up {background: url('../../images/func/ic-favo-up.png') no-repeat center;}
.search-util .favorite .state span.down {background: url('../../images/func/ic-favo-down.png') no-repeat center;}
.search-util .favorite .state span.none {background: url('../../images/func/ic-favo-none.png') no-repeat center;}

.search-util .mine > strong {font-family: pb; font-size: 18px; color: #333;}
.search-util .mine .list {margin-top: 10px;}
.search-util .mine .row {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.search-util .mine .num {flex-shrink: 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 15px; height: 15px; background: #1473E6; border-radius: 3px; font-family: pr; font-size: 10px; color: #fff;}
.search-util .mine .keyword {flex-grow: 1; padding-left: 10px; font-family: pr; font-size: 15px;}

@media screen and (max-width: 1000px) {
	.search-util {width: 100%;}
}

.search-footer {margin-top: 70px; padding: 50px 0; background: #222222; color: #fff; text-align: center;}
.search-footer .address {margin-top: 20px;}
.search-footer .address ul {display: flex; justify-content: center;}
.search-footer .address li {padding: 0 25px; font-size: 16px;}
.search-footer .sns ul {display: inline-flex; margin-top: 35px;}
.search-footer .sns li {margin-left: 15px;}
.search-footer .sns a {display: block; height: 20px; background: url('../../images/func/footer-sns.png') no-repeat center top; text-indent: -99999px;}
.search-footer .sns .ico1 a {width: 9px; background-position: 0 center;}
.search-footer .sns .ico2 a {width: 20px; background-position: -32px center;}
.search-footer .sns .ico3 a {width: 25px; background-position: -73px center;}
.search-footer .sns .ico4 a {width: 24px; background-position: -114px center;}
.search-footer .sns .ico5 a {width: 21px; background-position: -157px center;}
.search-footer .sns .ico6 a {width: 20px; background-position: -197px center;}

.search-footer .tel {margin-top: 10px; font-family: pb; font-size: 30px; color: #008fff;}
.search-footer .copy {margin-top: 20px; letter-spacing: 0; font-size: 16px; color: #7c7b7b;}

@media screen and (max-width: 820px) {
	.search-footer .address ul {flex-wrap: wrap;}
	.search-footer .address li {width: 100%;}
}

/* 취항정보 */
.plane-info .func-search .col1 {width: 13%;}
.plane-info .func-search .col2 {width: 32%; margin-left: 10px;}
.plane-info .func-search .col3 {margin-left: 10px;}
.plane-info .list {margin-top: 30px; border-top: 2px solid #000;}
.plane-info .list .info {display: flex; padding: 30px 0; font-family: pr; font-size: 17px; color: #555;}
.plane-info .row {display: flex; height: 50px; background: #FBF4D4;}
.plane-info .col,
.plane-info .body .col a {flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-family: pb; color: #333;}
.plane-info .body .col a:hover {color: #0b55b1;}
.plane-info .body .row {height: 60px; background: #fff; border-bottom: 1px solid #DADADA;}
.plane-info .body .col {font-family: pm; font-size: 16px;}
.plane-info .data .col1 {flex-grow: 1;}
.plane-info .data .col2 {width: 11%;}
.plane-info .data .col3 {width: 11%;}
.plane-info .data .col4 {width: 11%;}
.plane-info .data .col5 {width: 11%;}
.plane-info .data .col6 {width: 11%;}
.plane-info .data .col7 {width: 11%;}
.plane-info .data .col8 {width: 11%;}
.plane-info .data .col9 {width: 8%;}
.plane-info .data .ico img {max-width: 100px; height: 32px; margin-right: 10px;}
.plane-info .start,
.plane-info .end {width: 34px; height: 20px; text-indent: -999999px;}
.plane-info .start {background: url('../../images/func/ic-plane-start.png') no-repeat center;}
.plane-info .end {background: url('../../images/func/ic-plane-end.png') no-repeat center;}
.plane-info .body .col em {display: none;}

@media all and (max-width: 1200px) {
	.plane-info .col,
	.plane-info .body .col a {font-size: 15px;}
	.plane-info .body .col {font-size: 15px;}
}

@media all and (max-width: 980px) {
	.plane-info .func-search {justify-content: space-between;}
	.plane-info .func-search .col1 {width: 150px;}
	.plane-info .func-search .col2 {flex-grow: 1;}
	.plane-info .func-search .col3 {width: 150px;}
}

@media all and (max-width: 880px) {
	.plane-info .list .info {padding: 20px 0; font-size: 16px;}
	.plane-info .data .header {display: none;}
	.plane-info .body .col {font-size: 15px;}
	.plane-info .body .col em {position: relative; display: flex; align-items: center; width: 155px; height: 100%; margin-right: 15px; padding-left: 15px; background: #f3f3f3; border-right: 1px solid #c5c5c5; font-family: pb; font-size: 15px; color: #000000;}
	.plane-info .body .col a {height: 100%; font-size: 15px;}
	.plane-info .body .col .ico {/*display: none;*/}
	.plane-info .row  {flex-wrap: wrap;}
	.plane-info .body .row {height: auto; padding: 20px; border: 1px solid #d1d1d1; border-radius: 13px; margin-bottom: 30px; box-shadow: 0 4px 8px rgba(0,0,0,.1);}
	.plane-info .data .col {justify-content: flex-start;}
	.plane-info .data .col1 {border-top: 1px solid #000;}
    .plane-info .data .col2 {border-top: 1px solid #000;}
    .plane-info .data .col1,
	.plane-info .data .col2,
	.plane-info .data .col3,
	.plane-info .data .col4,
	.plane-info .data .col5,
	.plane-info .data .col6,
	.plane-info .data .col7 {width: 50%; height: 50px; border-bottom: 1px solid #c5c5c5;}
	.plane-info .data .col5 {width: 100%;}
}

@media all and (max-width: 700px) {
	.plane-info .body .col em {width: 150px;}
	.plane-info .data .col1,
	.plane-info .data .col2,
	.plane-info .data .col3,
	.plane-info .data .col4,
	.plane-info .data .col5,
	.plane-info .data .col6,
	.plane-info .data .col7 {width: 100%; height: 40px;}
    .plane-info .data .col2 {border-top: 0;}
}

@media all and (max-width: 660px) {
	.plane-info .func-search {flex-wrap: wrap;}
	.plane-info .func-search .col3 {width: 100%; margin-left: 0; margin-top: 10px;}
}

/* 공항예상혼잡도 */
.wrap-traffic .func-search {padding: 35px 0 30px 0;}
.wrap-traffic .func-search .col2 {width: 190px; margin-left: 30px;}
.wrap-traffic .func-search .col3 {margin-left: 50px;}
.wrap-traffic .func-search .col4 {width: 190px; margin-left: 30px;}
.wrap-traffic .func-search .col5 {margin-left: 10px;}
.wrap-traffic .info {display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border-top: 2px solid #000;}
.wrap-traffic.no-line .info {border: 0; padding-top: 30px;}
.wrap-traffic .info .text {flex-grow: 1; font-family: pr; font-size: 18px; line-height: 1.3; color: #666;}
.wrap-traffic .info .text strong {font-family: pr; color: #000;}
.wrap-traffic .info .text2 {padding-right: 20px;}
.wrap-traffic .info .text2 mark {display: inline-flex; justify-content: center; align-items: center; width: 70px; height: 30px; border-radius: 5px; font-family: prr; font-size: 14px; color: #000000;}
.wrap-traffic .info .text2 mark.yellow {background: #fbf4d4; border: 1px solid #bfb16f;}
.wrap-traffic .info .text2 mark.orange {background: #ffddbc; border: 1px solid #b48558;}
.wrap-traffic .info .text2 mark.red {background: #ffa5a5; border: 1px solid #d85454;}
.wrap-traffic .info .text2 mark.blue {background: #beeaff; border: 1px solid #69a6c4;}
.wrap-traffic .info .exel .btn-exel {display: flex; align-items: center; justify-content: center; height: 50px; padding: 0 15px; border: 1px solid #107C41; border-radius: 5px; font-family: pr; font-size: 17px; color: #666;}
.wrap-traffic .info .exel .btn-exel:hover {color: #107C41;}
.wrap-traffic .info .exel .btn-exel::before {content: ''; width: 23px; height: 20px; margin-right: 10px; background: url('../../images/func/ic-exel-down.png') no-repeat center center;}
.wrap-traffic table thead th {padding: 8px 0; background: #fbf4d4; font-family: pb; font-size: 17px; color: #000;}
.wrap-traffic table thead th.color {background: #ece0a8; border-top: 1px solid #000; color:#82701d;}
.wrap-traffic table thead th.border {border-right: 1px solid #c9c3aa;}
.wrap-traffic table thead th.total {color: #000;}
.wrap-traffic table tbody th {background: #f5f5f5; border-bottom: 1px solid #dadada; font-family: pb; font-size: 16px; color: #000000;}
.wrap-traffic table tbody td {padding: 18px 0; border-bottom: 1px solid #dadada; font-family: pr; font-size: 16px; color: #000000;}
.wrap-traffic table tbody td.total {background: #f5f5f5;}
.wrap-traffic .traffic table tbody td.border {border-right: 1px solid #f5f5f5;}
.wrap-traffic table tbody tr.color1,
.wrap-traffic table tbody tr.color1 th,
.wrap-traffic table tbody tr.color1 td.total {background: #beeaff;}
.wrap-traffic table tbody tr.color2,
.wrap-traffic table tbody tr.color2 th,
.wrap-traffic table tbody tr.color2 td.total {background: #fbf4d4;}
.wrap-traffic table tbody tr.color3,
.wrap-traffic table tbody tr.color3 th,
.wrap-traffic table tbody tr.color3 td.total {background: #ffddbc;}
.wrap-traffic table tbody tr.color4,
.wrap-traffic table tbody tr.color4 th,
.wrap-traffic table tbody tr.color4 td.total {background: #ffa5a5;}
.wrap-traffic .color-info {display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.wrap-traffic .color-info .box {display: flex; align-items: center;}
.wrap-traffic .color-info .color {display: flex; justify-content: center; align-items: center; width: 90px; height: 40px; border-radius: 5px; font-family: prr; font-size: 14px; color: #000000;}
.wrap-traffic .color-info .color1 {background: #beeaff; border: 1px solid #69a6c4;}
.wrap-traffic .color-info .color2 {background: #fbf4d4; border: 1px solid #bfb16f;}
.wrap-traffic .color-info .color3 {background: #ffddbc; border: 1px solid #b48558;}
.wrap-traffic .color-info .color4 {background: #ffa5a5; border: 1px solid #d85454;}
.wrap-traffic .color-info .text {margin-left: 20px; font-family: pr; font-size: 14px; color: #333333;}
.traffic .color1 {color: #3176d0;}
.traffic .color2 {color: #01888e;}
.traffic .color3 {color: #c5790e;}
.traffic .color4 {color: #EA5539;}
.wrap-traffic .traffic-info {display: flex; align-items: center; margin-top: 20px;}
.wrap-traffic .traffic-info .box {display: flex; align-items: center;}
.wrap-traffic .traffic-info .color {display: flex; justify-content: center; align-items: center; min-width: 80px; height: 30px; padding: 0 10px; border-radius: 5px; font-family: prr; font-size: 12px; color: #FFF; margin-right: 10px}
.wrap-traffic .traffic-info .color1 {background: #3176d0; border: 1px solid #3176d0;}
.wrap-traffic .traffic-info .color2 {background: #01888e; border: 1px solid #01888e;}
.wrap-traffic .traffic-info .color3 {background: #c5790e; border: 1px solid #c5790e;}
.wrap-traffic .traffic-info .color4 {background: #EA5539; border: 1px solid #EA5539;}
.wrap-traffic .traffic-row {margin-top: 20px;}

@media screen and (max-width: 1325px) {
	.wrap-traffic .info {flex-wrap: wrap;}
	.wrap-traffic .info .exel {width: 100%; margin-top: 10px;}
	.wrap-traffic .color-info .box {width: 100%;}
}

@media all and (max-width: 1220px) {
	.wrap-traffic .color-info {flex-wrap: wrap;}
	.wrap-traffic .color-info .box {width: 50%; margin: 0 0 15px 0;}
}

@media all and (max-width: 1200px) {
	.wrap-traffic .scroll-func thead th,
	.wrap-traffic .scroll-func tbody th,
	.wrap-traffic .scroll-func tbody td {padding: 10px 8px; font-size: 15px;}
}

@media screen and (max-width: 1024px) {
	.wrap-traffic .func-search .col3 {margin-left: 30px;}
}

@media all and (max-width: 960px) {
	.wrap-traffic .func-search .title {font-size: 20px;}
	.wrap-traffic .scroll-func {position: relative; overflow-x: hidden; min-height: 190px;}
	.wrap-traffic .scroll-func.on {min-height: auto;}
	.wrap-traffic .scroll-func.no-scroll {min-height: auto;}
	.wrap-traffic .scroll-func table {width: 1300px;}
	.wrap-traffic .scroll-func.no-scroll table {width: 100%;}
	.wrap-traffic .scroll-func:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 40px;}
	.wrap-traffic .scroll-func.on:after,
	.wrap-traffic .scroll-func.no-scroll:after {display: none;}
}

@media screen and (max-width: 800px) {
	.wrap-traffic .func-search {flex-wrap: wrap;}
	.wrap-traffic .func-search .col1,
	.wrap-traffic .func-search .col3 {flex-shrink: 0; width: 130px; margin-left: 0;}
	.wrap-traffic .func-search .col2,
	.wrap-traffic .func-search .col4 {flex-grow: 1; width: calc(100% - 130px); margin-left: 0;}
	.wrap-traffic .func-search .col5 {width: 100%; margin-left: 0;}
	.wrap-traffic .func-search .col3,
	.wrap-traffic .func-search .col4 {margin: 10px 0;}
	.wrap-traffic .info .text {font-size: 17px;}
	.wrap-traffic .info .exel .btn-exel {height: 40px; font-size: 15px;}
}

@media screen and (max-width: 700px) {
	.wrap-traffic .func-search .title {font-size: 17px;}
	.wrap-traffic .func-search .col1,
	.wrap-traffic .func-search .col3 {width: 100px;}
	.wrap-traffic .func-search .col2,
	.wrap-traffic .func-search .col4 {width: calc(100% - 100px);}
}


/* 로그인 */
.wrap-login {display: flex; justify-content: space-between; align-items: center; height: 270px; padding: 0 8%; background: #f3f6fd; border-radius: 10px;}
.wrap-login .text {display: flex; align-items: center; font-family: pr; font-size: 30px; color: #000;}
.wrap-login .text .ico {margin-right: 40px;}
.wrap-login .text strong {font-family: pb; color: #1473e6;}
.wrap-login .btns {display: flex;}
.wrap-login .btns .btn-login,
.wrap-login .btns .btn-auth,
.wrap-login .btns .btn-join {position: relative; display: flex; align-items: center; width: 260px; height: 70px; padding: 0 30px; background: #fff; border: 1px solid #011d3f; border-radius: 7px; font-family: pb; font-size: 18px; color: #011d3f;}
.wrap-login .btns .btn-login:hover,
.wrap-login .btns .btn-auth:hover,
.wrap-login .btns .btn-join:hover {border-color: #1473e6; box-shadow: 0 0 10px rgba(0,84,155,0.3); color: #1473e6 !important;}
.wrap-login .btns .btn-login::after,
.wrap-login .btns .btn-auth::after,
.wrap-login .btns .btn-join::after {content: ''; position: absolute; right: 20px; top: 22px; width: 14px; height: 25px; background: url('../../images/func/deco-login.png') no-repeat center;}
.wrap-login .btns .btn-login::before {content: ''; width: 24px; height: 19px; margin-right: 20px; background: url('../../images/func/ic-login-btn1.png') no-repeat center;}
.wrap-login .btns .btn-auth,
.wrap-login .btns .btn-join {margin-left: 20px;}
.wrap-login .btns .btn-auth::before {content: ''; width: 16px; height: 22px; margin-right: 15px; background: url('../../images/func/ic-login-btn2.png') no-repeat center;}
.wrap-login .btns .btn-join::before {content: ''; width: 20px; height: 22px; margin-right: 15px; background: url('../../images/func/ic-login-btn3.png') no-repeat center;}

.wrap-login.type .text strong {color: #152e6e;}

@media screen and (max-width: 1330px) {
	.wrap-login {padding: 0 40px;}
}

@media screen and (max-width: 1200px) {
	.wrap-login .text {font-size: 30px;}
	.wrap-login .btns {flex-direction: column;}
	.wrap-login .btns .btn-auth,
    .wrap-login .btns .btn-join {margin-left: 0; margin-top: 20px;}
    .wrap-login.type .btns a {margin:5px 0;}
}

@media screen and (max-width: 1024px) {
	.wrap-login {height: auto; padding: 30px;}
	.wrap-login .text {font-size: 25px;}
	.wrap-login .btns .btn-login,
	.wrap-login .btns .btn-auth,
    .wrap-login .btns .btn-join {font-size: 16px;}
}

@media screen and (max-width: 840px) {
	.wrap-login {flex-wrap: wrap;}
	.wrap-login .text {width: 100%;}
	.wrap-login .btns {flex-direction: row; width: 100%; margin-top: 20px;}
	.wrap-login .btns .btn-auth,
    .wrap-login .btns .btn-join {margin-left: 20px; margin-top: 0;}
    .wrap-login.type .btns a {margin: 0 5px;}
}

@media screen and (max-width: 700px) {
	.wrap-login .text .ico {margin-right: 20px;}
	.wrap-login .text .ico img {width: 70px;}
	.wrap-login .text {font-size: 20px;}
	.wrap-login .btns {flex-wrap: wrap; margin-top: 30px;}
	.wrap-login .btns .btn-login,
	.wrap-login .btns .btn-auth,
    .wrap-login .btns .btn-join {width: 100%; font-size: 15px;}
	.wrap-login .btns .btn-auth,
    .wrap-login .btns .btn-join {margin-left: 0; margin-top: 20px;}
    .wrap-login.type .btns a {margin: 5px;}
}

/* 로그인 팝업 */
#loginArea {display: none; position: fixed; left: 0; top: 0; z-index: 200; width: 100%; height: 100%;}
#loginArea.on {display: block;}
#smsotp_cert {display: none; position: fixed; left: 0; top: 0; z-index: 200; width: 100%; height: 100%;}
#smsotp_cert.on {display: block;}

.pop-login {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 50px; background: rgba(0,0,0,.8);}
.pop-login .box {position: relative; width: 100%; max-width: 470px; padding: 30px; background: #fff; border-radius: 10px;}
.pop-login.auth .box {flex-wrap: wrap; max-width: 350px}
.pop-login .title {margin-bottom: 50px; font-family: pb; font-size: 24px; color: #333333;}
.pop-login.auth .title {width: 100%; margin-bottom: 20px;}
.pop-login .form .id,
.pop-login .form .pw {position: relative;}
.pop-login .form .pw {margin-top: 20px;}
.pop-login .form .id::before {content: ''; position: absolute; left: 10px; top: 9px; width: 20px; height: 25px; background: url('../../images/func/ic-login-id.png') no-repeat center;}
.pop-login .form .id.focus::before {background: url('../../images/func/ic-login-id-on.png') no-repeat center;}
.pop-login .form .pw::before {content: ''; position: absolute; left: 10px; top: 9px; width: 20px; height: 25px; background: url('../../images/func/ic-login-pw.png') no-repeat center;}
.pop-login .form .pw.focus::before {background: url('../../images/func/ic-login-pw-on.png') no-repeat center;}
.pop-login .form input {display: flex; width: 100%; height: 45px; border-bottom: 2px solid #cecece; font-family: pr; font-size: 16px; text-indent: 50px; color: #000;}
.pop-login .form input::placeholder {font-family: pr; font-size: 16px; text-indent: 50px; color: #999;}
.pop-login .form input:focus-visible {box-shadow: inset 0 0 0 0 #333;}
.pop-login .form .focus input {border-color: #1877f2;}
.pop-login .form .noti {margin-top: 10px; padding: 5px 0 5px 40px; background: url('../../images/func/ic-login-noti.png') no-repeat 10px center; font-family: pr; font-size: 14px; color: #000000;}
.pop-login .auth-form {display: flex; justify-content: space-between; width: 100%;}
.pop-login .auth-form .inp {flex-grow: 1;}
.pop-login .auth-form .button {flex-shrink: 0; width: 80px; margin-top: 0; padding-left: 10px;}
.pop-login .reSendOtpBtn {height: 32px; background: #1473e6; margin: 8px 0 0 10px; padding:0 10px; border-radius: 5px; font-family: pb; font-size: 15px; color: #fff;}
.pop-login .auth-form .btn-auth-form {width: 100%; height: 40px; background: #1473e6; border-radius: 5px; font-family: pb; font-size: 15px; color: #fff;}
.pop-login .auth-form .btn-auth-form:hover {background: #0b55b1;}
.pop-login .auth-form input {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #222;}
.pop-login .auth-form input:focus {border-color: #1473e6;}
.pop-login .auth-form input::placeholder {font-family: pr; font-size: 14px; color: #999999;}
.pop-login .btn {margin-top: 40px;}
.pop-login .btn .btn-login {width: 100%; height: 60px; background: #1473e6; border-radius: 5px; font-family: pb; font-size: 20px; color: #fff; cursor: pointer;}
.pop-login .btn .btn-login:hover {background: #0b55b1;}
.pop-login .util {display: flex; justify-content: space-between; padding: 20px 0 25px 0; border-bottom: 1px solid #cecece;}
.pop-login .util .save-id {font-family: pr; font-size: 15px; color: #333333;}
.pop-login .util .save-id .cm-check.style1 span::before {top: 5px;}
.pop-login .util .find ul {display: flex;}
.pop-login .util .find li {position: relative; margin-right: 8px; padding-right: 10px;}
.pop-login .util .find li:last-child {margin: 0; padding: 0;}
.pop-login .util .find li::after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 12px; background: #d4d4d4;}
.pop-login .util .find li:last-child::after {display: none;}
.pop-login .util .find a {font-family: pr; font-size: 15px; color: #333333;}
.pop-login .join {display: flex; justify-content: space-between; align-items: center; margin-top: 25px;}
.pop-login .join .text {font-family: pr; font-size: 16px; line-height: 1.3; color: #666666;}
.pop-login .join .button .btn-join {display: flex; justify-content: center; align-items: center; height: 40px; padding: 0 30px; background: #333333; border-radius: 100px; white-space: nowrap; color: #fff;}
.pop-login .join .button .btn-join:hover {background: #000;}
.pop-login .close {position: absolute; right: 30px; top: 20px;}
.pop-login .close .btn-close {width: 40px; height: 40px; background: url('../../images/func/ic-pop-close.png') no-repeat center; text-indent: -99999px; transform: rotate(0deg); transition: .35s;}
.pop-login .close .btn-close:hover {transform: rotate(90deg);}

.pop-login.type .btn .btn-login {background: #3176d0;}
.pop-login.type .btn .btn-login:hover {background: #2562b1;}
.pop-login.type .close .btn-close {width: 35px; height: 35px; background: url('../../images/func/ic-pop-close2.png') no-repeat center; border: 2px solid #01888e;}
.pop-login.type .join .button .btn-join {border-radius: 0;}

@media screen and (max-width: 700px) {
	.pop-login {padding: 20px;}
	.pop-login .box {padding: 20px;}
	.pop-login .title {margin-bottom: 30px; font-size: 23px;}
	.pop-login .form input,
	.pop-login .form input::placeholder {font-size: 15px;}
	.pop-login .btn {margin-top: 30px;}
	.pop-login .btn .btn-login {font-size: 17px;}
	.pop-login .util .find a {font-size: 14px;}
	.pop-login .util .cm-check span {font-size: 14px;}
	.pop-login .join .text {font-size: 15px;}
	.pop-login .close {right: 15px; top: 15px;}
}

/* 아이디 비번 찾기 */
.login-find-tab {margin-bottom: 30px;}
.login-find-tab ul {display: flex; border-bottom: 1px solid #d1d1d1;}
.login-find-tab li {position: relative; margin-right: 5px;}
.login-find-tab.member li {width: 20%;}
.login-find-tab li.on::after {content: ''; position: absolute; left: 0; bottom: -1px; z-index: 1; width: 100%; height: 1px; background: #fff;}
.login-find-tab li button,
.login-find-tab li p {display: flex; justify-content: center; align-items: center; height: 60px; padding: 0 30px; border: 1px solid #d1d1d1; border-bottom: 0; border-radius: 10px 10px 0 0; font-family: pr; font-size: 17px; color: #777;}
.login-find-tab li.on button,
.login-find-tab li.on p {font-family: pb; color: #1473e6;}
.login-find .row {display: flex; border-top: 2px solid #000000; border-bottom: 1px solid #8a8a8a;}
.login-find .box {width: 50%; padding: 60px 120px;}
.login-find .box1 {border-right: 1px solid #d3d3d3;}
.login-find .box .title {text-align: center;}
.login-find .box .title strong {font-family: pb; font-size: 30px; color: #323232;}
.login-find .box .title p {margin-top: 20px; font-family: pr; font-size: 17px; color: #000000;}
.login-find .box .form {margin-top: 40px;}
.login-find .box .line {margin-bottom: 15px;}
.login-find .box .icon {margin: 70px 0; text-align: center;}
.login-find .box .btn {text-align: center;}
.login-find .box2 .btn {margin-top: 30px;}
.login-find .form input {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #222;}
.login-find .form input:focus {border-color: #1473e6;}
.login-find .form input::placeholder {font-family: pr; font-size: 14px; color: #999999;}
.login-find .form select {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 20px; background: url('../../images/func/ic-plane-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #999999; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.login-find .e-mail ul {display: flex; justify-content: space-between; align-items: center;}
.login-find .e-mail li {text-align: center;}
.login-find .e-mail .col2 {flex-shrink: 0; width: 30px;}
.login-find .e-mail .col4 {flex-shrink: 0; width: 155px; padding-left: 10px;}
.login-find .check {display: flex; align-items: center;}
.login-find .check .refresh .btn-refresh,
.login-find .check .sound .btn-sound {margin-left: 20px; padding: 5px 0 5px 25px; font-family: pr; font-size: 15px; color: #2e2e2e;}
.login-find .check .refresh .btn-refresh {background: url('../../images/func/ic-capcha-refresh.png') no-repeat left center;}
.login-find .check .sound .btn-sound {background: url('../../images/func/ic-capcha-sound.png') no-repeat left center;}

.login-result {text-align: center;}
.login-result .box {margin-bottom: 40px; padding: 60px 0 80px 0; border-bottom: 1px solid #8a8a8a;}
.login-result .img {margin-bottom: 40px;}
.login-result .desc {font-family: pr; font-size: 17px; color: #000000;}
.login-result .desc strong {font-family: pb; color: #1473e6;}
.login-result.type .desc strong {color: #152e6e;}

@media screen and (max-width: 1520px) {
	.login-find .box {padding: 60px 60px;}
	.login-find .box .capcha img {width: 170px;}
}

@media screen and (max-width: 1250px) {
	.login-find .box .title p {font-size: 15px;}
	.login-find .check .refresh .btn-refresh,
	.login-find .check .sound .btn-sound {font-size: 14px;}
}

@media screen and (max-width: 1100px) {
	.login-find .box {padding: 40px;}
	.login-find .box .title strong {font-size: 25px;}
	.login-find .box .icon {margin: 69px 0;}
	.login-find-tab li button,
	.login-find-tab li p {height: 50px; padding: 0 20px; font-size: 15px;}
	.login-find .box .title p {margin-top: 10px;}
	.login-result .desc {font-size: 15px;}
}

@media screen and (max-width: 1024px) {
	.login-find .box .capcha img {width: 126px;}
}

@media screen and (max-width: 930px) {
	.login-find .row {flex-wrap: wrap;}
	.login-find .box {width: 100%; padding: 40px 20px;}
	.login-find .box .form {margin-top: 30px;}
	.login-find .box .icon {margin: 30px 0;}
	.login-find .box1 {border: 0; border-bottom: 1px solid #d3d3d3;}
	.login-find .e-mail .col1 {flex-grow: 1;}
	.login-find .e-mail .col3 {flex-grow: 1;}
	.login-find .e-mail .col4 {flex-grow: 1;}
	.login-result .box {padding:  50px 0;}
}

@media screen and (max-width: 768px) {
	.login-find .box .line {margin-bottom: 10px;}
	.login-find .box .icon img {width: 120px;}
	.login-find .box .capcha img {width: 150px;}
	.login-result .img img {width: 120px;}
}

/* 회원 탭 */
.memeber-tab ul {display: flex; align-items: center; height: 60px; border: 1px solid #333333; border-radius: 7px;}
.memeber-tab li {position: relative; display: flex; justify-content: center; align-items: center; width: 20%; height: 100%; font-family: pb; font-size: 16px; text-align: center; color: #333333;}
.memeber-tab li::after {content: ''; position: absolute; right: 0; top: 20px; width: 1px; height: 18px; background: #333333;}
.memeber-tab li:last-child::after {display: none;}
.memeber-tab li.on::before {content: ''; position: absolute; left: -1px; top: 0; width: calc(100% + 1px); height: 100%; background: #333333; border-radius: 7px;}
.memeber-tab li p {position: relative; z-index: 1;}
.memeber-tab li.on p {color: #fff;}

@media screen and (max-width: 1200px) {
	.memeber-tab li {font-size: 15px;}
}

@media screen and (max-width: 1024px) {
	.memeber-tab ul {flex-wrap: wrap; height: auto;}
	.memeber-tab li {width: 50%; padding: 10px 0;}
	.memeber-tab li::after {top: 12px;}
	.memeber-tab li:nth-child(2)::after,
	.memeber-tab li:nth-child(4)::after {display: none;}
	.memeber-tab li:nth-child(5)::after {display: block;}
}

@media screen and (max-width: 600px) {
	.memeber-tab li {width: 100%; justify-content: flex-start; padding: 7px 20px;}
	.memeber-tab li::after {display: none !important;}
}

/* 회원 가입안내 */
.member-title {padding: 47px 0; text-align: center;}
.member-title strong {font-family: pr; font-size: 40px; color: #1473e6;}

.member-info ul {display: flex; padding: 60px 125px; border-top: 2px solid #000000; border-bottom: 1px solid #8a8a8a;}
.member-info li {position: relative; width: 33.333%; text-align: center;}
.member-info li::after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d3d3d3;}
.member-info li:last-child::after {display: none;}
.member-info .ico {display: inline-block; width: 200px; height: 200px; border-radius: 100%;}
.member-info .ico1 {background: #f6f6f6 url('../../images/func/ic-mem1.png') no-repeat center;}
.member-info .ico2 {background: #f6f6f6 url('../../images/func/ic-mem2.png') no-repeat center;}
.member-info .ico3 {background: #f6f6f6 url('../../images/func/ic-mem3.png') no-repeat center;}
.member-info .text {margin-top: 20px; font-family: pr; font-size: 20px; color: #000;}
.member-info .dont {padding: 40px 0; font-family: pr; font-size: 17px; text-align: center; color: #000000;}
.member-info .btn {text-align: center;}

.member-btn {display: flex; justify-content: center; align-items: center;}
.member-auth {padding: 50px 0; border-top: 2px solid #000; text-align: center;}
.member-auth .ico {display: inline-block; width: 200px; height: 200px; background: #f6f6f6 url('../../images/func/ic-mem4.png') no-repeat center; border-radius: 100%;}
.member-complete {padding: 50px 0; border-top: 2px solid #000; text-align: center;}
.member-complete .ico {display: inline-block; width: 200px; height: 200px; background: #f6f6f6 url('../../images/func/ic-mem3.png') no-repeat center; border-radius: 100%;}
.member-message {padding: 0 0 40px 0; border-bottom: 1px solid #000; font-family: pr; font-size: 17px; text-align: center; color: #000000;}
.memeber-choose {margin-top: 30px; padding: 20px; background: #F3F6FD; border-radius: 10px;}

@media screen and (max-width: 1300px) {
	.member-info ul {padding: 40px;}
}

@media screen and (max-width: 1024px) {
	.member-title {padding: 30px 0;}
	.member-title strong {font-size: 30px;}
	.member-info ul {padding: 30px 10px;}
	.member-info .ico {width: 130px; height: 130px; background-size: auto 50%;}
	.member-info .text {font-size: 17px;}
	.member-info .dont {padding: 30px 0; font-size: 15px;}
	.member-auth .ico {width: 130px; height: 130px; background-size: auto 50%;}
}

@media screen and (max-width: 740px) {
	.member-info ul {flex-wrap: wrap; padding: 0;}
	.member-info li {display: flex; align-items: center; width: 100%; padding: 20px;}
	.member-info li::after {right: 0; top: auto; bottom: 0; width: 100%; height: 1px;}
	.member-info .ico {width: 90px; height: 90px;}
	.member-info .text {margin-top: 0; padding-left: 20px;}
	.member-auth .ico {width: 90px; height: 90px;}
}

/* 공항 전화번호 검색 */
.phone-search .func-search {background: #f3f6fd; border-radius: 10px; padding: 30px 0;}
.phone-search .func-search .col2 {width: 33%; margin-left: 40px;}
.phone-search .func-search .col3 {margin-left: 10px;}
.phone-search .func-tab {margin-top: 50px;}
.phone-search .func-title {margin-top: 50px;}
.phone-search .func-table {margin-top: 30px;}

@media screen and (max-width: 1000px) {
    .phone-search .func-tab li {width: 33.333%;}
}

@media screen and (max-width: 900px) {
    .phone-search .func-search {padding: 30px 25px;}
    .phone-search .func-search .col1 {flex-shrink: 0; text-align: center;}
    .phone-search .func-search .col2 {flex-grow: 1; margin-left: 20px;}
    .phone-search .func-search .col3 {flex-shrink: 0; width: 140px;}
}

@media screen and (max-width: 780px) {
    .phone-search .func-search {flex-wrap: wrap;}
    .phone-search .func-search .title {font-size: 20px;}
    .phone-search .func-search .col1 {width: 100%; margin-bottom: 15px;}
    .phone-search .func-search .col2 {margin-left: 0;}
    .phone-search .func-tab {margin-top: 40px;}
    .phone-search .func-tab li {width: 50%;}
    .phone-search .func-tab li .btn-tab {height: 45px; font-size: 16px;}
    .phone-search .func-tab li .btn-tab::after {top: 10px; right: 0;}
    .phone-search .func-tab li::after {display: none;}
}

/* 공사 전화번호 검색 */
.phone-search2 .func-search {background: #fafafa; border: 1px solid #aaaaaa; padding: 25px; display: block;}
.phone-search2 .func-search .line {display: flex; justify-content: center; align-items: center;}
/*.phone-search2 .func-search .title {min-width:120px; display: inline-block;}*/
.phone-search2 .func-search .title {min-width:auto; display: inline-block;}
.phone-search2 .func-search .col1 {flex-shrink:0;}
.phone-search2 .func-search .col2 {margin-left: 20px;}
.phone-search2 .func-search .selectWrap {margin:0 -5px;}
.phone-search2 .func-search .col2 select {font-size: 15px; margin: 0 5px; padding-right: 35px;}
.phone-search2 .func-search .col3 {flex-shrink:0; margin-left: 20px;}
.phone-search2 .func-search .col4 { margin-left: 20px;}
.phone-search2 .func-search .col5 {flex-shrink:0; margin-left: 20px;}
.phone-search2 .func-search .col6 { margin-left: 20px; flex: 1;}
.phone-search2 .func-search .col6 input {padding-right: 20px;}
.phone-search2 .func-search .col7 {max-width:200px;}
.phone-search2 .df {display: flex; align-items: center;}

.phone-search2 .func-search.type .title{font-size: 18px;}
.phone-search2 .func-search.type input[type="text"]{font-size: 14px;}
.phone-search2 .func-search input[type="text"]{padding-left:15px;} 
.phone-search2 .line > .df:first-child{width: 47%;}
.phone-search2 .df.modf{flex: 1;}
.phone-search2 .modf > .df:first-child{width: 38%;}
.phone-search2 .modf .last{flex: 1;}

.phone-search2 .w100 {width:100%;}
.phone-search2 .no-data {text-align: center;}

@media screen and (max-width: 1430px) {
    .phone-search2 .func-search {flex-wrap: wrap;}
    .phone-search2 .func-search .col1,
    .phone-search2 .func-search .col2,
    .phone-search2 .func-search .col3,
    .phone-search2 .func-search .col4,
    .phone-search2 .func-search .col5,
    .phone-search2 .func-search .col6 {margin-left: 10px;}

	.phone-search2 .func-search .title {font-size: 18px; min-width: 120px;}
	.phone-search2 .func-search{display: block;}
	.phone-search2 .func-search .line{display: block;}
	.phone-search2 .line > .df:first-child{width: 100%;}
	.phone-search2 .df.modf{margin-top: 20px;}
	.phone-search2 .modf > .df:first-child{width: 50%;}
}

@media screen and (max-width: 1110px) {
    .phone-search2 .func-search {padding: 20px;}
    .phone-search2 .func-search .col1,
    .phone-search2 .func-search .col2,
    .phone-search2 .func-search .col3,
    .phone-search2 .func-search .col4,
    .phone-search2 .func-search .col5,
    .phone-search2 .func-search .col6,
    /* .phone-search2 .func-search .col7 {width: calc(100% - 130px); margin: 5px 0;} */
    .phone-search2 .func-search .col1,
    .phone-search2 .func-search .col3,
    .phone-search2 .func-search .col5 {flex-shrink: 0; }
    .phone-search2 .func-search .col2,
    .phone-search2 .func-search .col4,
    .phone-search2 .func-search .col6 {flex-grow: 1;}
    /* .phone-search2 .func-search .col7 {width: 100%;} */
    .phone-search2 .func-search .title {font-size: 16px;}
    .phone-search2 .func-search select {height: 45px;}
    .phone-search2 .func-search input[type="text"] {height: 45px;}
	.phone-search2 .func-search .modf {display: block;}
	.phone-search2 .func-search .modf > div {margin-bottom:20px;}
	.phone-search2 .func-search form {width:100%;}
	.phone-search2 .func-search .title {min-width:110px;}
	.phone-search2 .func-search .col2, .phone-search2 .func-search .col4, .phone-search2 .func-search .col6 {flex-shrink: 1;}

	.phone-search2 .modf > .df:first-child{width: 100%;}
}
@media screen and (max-width:768px) {
	.phone-search2 .func-search .selectWrap {flex-wrap:wrap; margin:0;}
	.phone-search2 .func-search .col2 select {width:100%; margin:0;}
    .phone-search2 .func-search .col7 {max-width: 100%;}
}

/* 셔틀 시간표 */
.bus-time.pub {display: flex; justify-content: center; align-items: center; padding: 50px; background: rgba(0,0,0,.7);}
.bus-time .box {position: relative; width: 100%; padding: 30px; background: #fff; border-radius: 10px;}
.bus-time.pub .box {max-width: 800px;}
.bus-time .title {font-family: pb; font-size: 24px; color: #333333;}
.bus-time .tab {margin-top: 20px;}
.bus-time .tab ul {display: flex; align-items: center;}
.bus-time .tab li {margin-right: 10px;}
.bus-time .tab .btn-tab {display: flex; align-items: center; height: 40px; padding: 0 20px; border: 2px solid #8b8b8b; border-radius: 100px; font-family: pr; font-size: 14px; color: #2e2e2e;}
.bus-time .tab .btn-tab:hover,
.bus-time .tab li.on .btn-tab {background: #2e2e2e; border-color: #2e2e2e; color: #fff;}
.bus-time .con {display: flex; margin-top: 30px;}
.bus-time .con .list {flex-shrink: 0; width: 295px;}
.bus-time .con .list ul {overflow: auto; height: 100%; max-height: 525px; background: #f4f4f4;}
.bus-time .con .list ul::-webkit-scrollbar {width: 19px; height: 19px;}
.bus-time .con .list ul::-webkit-scrollbar-thumb {background: #cccccc; border: 5px solid #f4f4f4; border-radius: 10px;}
.bus-time .con .list ul::-webkit-scrollbar-track {background-color: #f4f4f4;}
.bus-time .con .list li {padding: 0 20px;}
.bus-time .con .list a {display: flex; align-items: center; height: 35px; font-family: pr; font-size: 14px; color: #2e2e2e; transition: 0s;}
.bus-time .con .list a:hover,
.bus-time .con .list .on a {position: relative; padding-left: 15px; font-family: pb; color: #1473e6;}
.bus-time .con .list a:hover::after,
.bus-time .con .list .on a::after {content: ''; position: absolute; left: 0; top: 14px; width: 7px; height: 7px; background: #1473e6; border-radius: 100%;}
.bus-time .con #result {flex-grow: 1; padding-left: 50px;}
.bus-time .con .detail {padding-left: 0;}
.bus-time.pub .con .detail {flex-grow: 1; padding-left: 50px;}
.bus-time .detail .subject {position: relative;}
.bus-time .detail .subject strong {display: block; font-family: pb; font-size: 22px; color: #000000;}
.bus-time .detail .subject span {display: block; margin-top: 10px; font-family: pr; font-size: 16px; color: #000000;}
.bus-time .detail .exel {margin-top: 14px;}
.bus-time .detail .exel .btn-exel {display: flex; align-items: center; justify-content: center; height: 30px; padding: 0 6px; border: 1px solid #107C41; border-radius: 5px; font-family: pr; font-size: 13px; color: #666;}
.bus-time .detail .exel .btn-exel:hover {color: #107C41;}
.bus-time .detail .exel .btn-exel::before {content: ''; width: 15px; height: 15px; margin-right: 8px; background: url('../../images/func/ic-exel-down.png') no-repeat center center; background-size: cover;}
.bus-time .detail .time {overflow: auto; max-height: 405px; margin-top: 10px; padding-right: 15px;}
.bus-time .detail .time::-webkit-scrollbar {width: 14px; height: 14px;}
.bus-time .detail .time::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
.bus-time .detail .time::-webkit-scrollbar-track {background-color: #fff;}
.bus-time .detail .time dl {display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #b0b0b0;}
.bus-time .detail .time dt {position: relative; margin-right: 20px; padding-right: 20px; font-family: pb; font-size: 16px; color: #000000;}
.bus-time .detail .time dt::after {content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 12px; background: #b0b0b0;}
.bus-time .detail .time dd {font-family: pb; font-size: 14px; color: #333333;}
.bus-time .close {position: absolute; right: 30px; top: 20px;}
.bus-time .close .btn-close {display: block; width: 40px; height: 40px; background: url('../../images/func/ic-pop-close.png') no-repeat center; text-indent: -99999px;transform: rotate(0); transition: .35s;}
.bus-time .close .btn-close:hover{transform: rotate(90deg);}

@media screen and (max-width: 880px) {
    .bus-time .tab ul {flex-wrap: wrap;}
    .bus-time .tab li {width: 47%; margin: 5px;}
    .bus-time .tab .btn-tab {width: 100%;}
    .bus-time .con .list {width: 245px;}
	.bus-time .con #result,
    .bus-time.pub .con .detail {padding-left: 25px;}
}

@media screen and (max-width: 780px) {
    .bus-time.pub {padding: 20px;}
    .bus-time .con {flex-wrap: wrap;}
    .bus-time .con .list {width: 100%;}
    .bus-time .con .list ul {max-height: 110px;}
	.bus-time .con #result,
    .bus-time.pub .con .detail {padding-top: 20px; padding-left: 0;}
    .bus-time .detail .time {max-height: 270px;}
}

@media screen and (max-width: 600px) {
    .bus-time .con {margin-top: 20px;}
    .bus-time .tab li {width: 100%; margin: 3px 0;}
    .bus-time .tab .btn-tab {height: 35px;}
}

/* 여객출발 정기운항 */
.fly-reg .func-search {margin: 30px 0;}
.fly-reg .func-search .col2 {width: auto; margin-left: 40px;}
.fly-reg .func-search .col3 {margin-left: 40px;}
.fly-reg .func-search .col4 {margin-left: 40px;}

.fly-reg.arr .func-search .col1 {width: 16%;}
.fly-reg.arr .func-search .col2 {width: auto; margin-left: 20px;}
.fly-reg.arr .func-search .col3 {width: auto; margin-left: 20px;}

.fly-reg .list {border-top: 2px solid #000;}
.fly-reg .list > .util {display: flex; justify-content: space-between; align-items: center; margin: 17px 0;}
.fly-reg .util .date {font-family: pr; font-size: 18px; color: #666666;}
.fly-reg .util .button {display: flex; align-items: center;}
.fly-reg .util .button .refresh,
.fly-reg .util .button .down {display: flex; justify-content: center; align-items: center; height: 50px; font-family: pr; font-size: 16px; padding: 0 10px; border: 1px solid #ff5400; border-radius: 5px; color: #666666;}
.fly-reg .util .button .refresh::before,
.fly-reg .util .button .down::before {content: ''; margin-right: 10px;}
.fly-reg .util .button .refresh {border-color: #ff5400;}
.fly-reg .util .button .refresh::before {width: 18px; height: 18px; background: url('../../images/func/ic-flying-refresh.png') no-repeat center;}
.fly-reg .util .button .down {margin-left: 10px; border-color: #107c41;}
.fly-reg .util .button .down:hover {color: #107c41}
.fly-reg .util .button .down::before {width: 23px; height: 20px; background: url('../../images/func/ic-exel-down.png') no-repeat center;}

.fly-reg .data .row {display: flex; height: 80px; background: #FBF4D4; border-radius: 5px;}
.fly-reg .data .body .row {height: 85px; background: #fff; border-bottom: 1px solid #dadada;}
.fly-reg .data .header .col {font-family: pb;}
.fly-reg .data .col {flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-family: pr; font-size: 16px;}
.fly-reg .data .col1 {width: 9%;}
.fly-reg .data .col2 {width: 20%;}
.fly-reg .data .col3 {width: 6%;}
.fly-reg .data .col4 {width: 6%;}
.fly-reg .data .col5 {width: 6%;}
.fly-reg .data .col6 {flex-grow: 1; flex-direction: column;}
.fly-reg .data .col7 {width: 16%;}
.fly-reg .data .sub-col {width: 100%; margin-top: 5px; padding-top: 5px; border-top: 1px solid #000;}
.fly-reg .data .sub-col ul {display: flex;}
.fly-reg .data .sub-col li {width: 14.285%; text-align: center;}
.fly-reg .data .body .sub-col {border: 0px; padding-top: 0; font-size: 0;}
.fly-reg .code {font-family: pb; font-size: 18px;}
.fly-reg .airplane {display: flex; justify-content: flex-start; align-items: center;}
.fly-reg .airplane .logo {flex-shrink: 0; width: 90px;}
.fly-reg .airplane .name {flex-grow: 1; padding-left: 20px;}
.fly-reg .terminal {font-family: pb; font-size: 16px;}

@media screen and (max-width: 1024px) {
	.fly-reg .header {display: none;}
    .fly-reg .data .body .row {flex-wrap: wrap; height: auto; margin-bottom: 20px; padding: 20px; background: #fff; border: 1px solid #dadada; border-radius: 5px; box-shadow: 0 2px 10px 0 #f2f2f2;}
    .fly-reg .data .col {justify-content: flex-start; min-height: 30px; margin-right: 10px;}
    .fly-reg .airplane {justify-content: flex-start;}
    .fly-reg .airplane .logo {display: block; width: auto; font-size: 0;}
	.fly-reg .airplane .logo img {height: 20px;}
    .fly-reg .airplane .name {font-size: 17px;}
	.fly-reg .data .col1 {width: auto !important;}
	.fly-reg .data .col2 {flex-grow: 1 !important; width: 100% !important;}
	.fly-reg .data .col3 {width: auto !important;}
	.fly-reg .data .col4 {width: auto !important;}
	.fly-reg .data .col5 {width: auto !important;}
	.fly-reg .data .col6 {align-items: flex-start; flex-shrink: 0 !important; width: 100% !important;}
	.fly-reg .data .col7 {width: auto !important;}
    .fly-reg .body .col > div {display: flex; align-items: center;}
    .fly-reg .body .col > div::before {display: none; margin-right: 10px; font-family: pr; font-size: 17px; color: #666;}
    .fly-reg .body .code::before {content: '운항편명 :';}
    .fly-reg .body .airplane::before {content: '항공사 :';}
    .fly-reg .body .start::before {content: '출발시간 :';}
    .fly-reg.arr .body .start::before {content: '도착시간 :';}
    .fly-reg .body .target::before {content: '목적지 :';}
    .fly-reg .body .terminal::before {content: '터미널 :';}
    .fly-reg .body .sub-col::before {content: '운항요일 :';}
    .fly-reg .body .use-time::before {content: '운항기간 :';}

    .fly-reg .data .sub-col ul {flex-wrap: wrap; width: 60%;}
    .fly-reg .data .sub-col li {display: flex; align-items: center; width: auto; margin-right: 5px;}
    .fly-reg .body .sub-col li::before {display: none; margin-right: 10px; font-family: pr; font-size: 17px; color: #666;}
    .fly-reg .body .sub-col li:nth-child(1)::before {content: '월 : ';}
    .fly-reg .body .sub-col li:nth-child(2)::before {content: '화 : ';}
    .fly-reg .body .sub-col li:nth-child(3)::before {content: '수 : ';}
    .fly-reg .body .sub-col li:nth-child(4)::before {content: '목 : ';}
    .fly-reg .body .sub-col li:nth-child(5)::before {content: '금 : ';}
    .fly-reg .body .sub-col li:nth-child(6)::before {content: '토 : ';}
    .fly-reg .body .sub-col li:nth-child(7)::before {content: '일 : ';}
}

@media screen and (max-width: 900px) {
	.fly-reg .func-search .title {font-size: 20px;}
	.fly-reg .func-search {flex-wrap: wrap;}
	.fly-reg .func-search .col1,
	.fly-reg .func-search .col3 {flex-shrink: 0; margin-left: 0;}
	.fly-reg .func-search .col2 {flex-grow: 1; margin: 0 20px; width: auto;}
	.fly-reg .func-search .col4 {width: 100%; margin-left: 0;}
	.fly-reg .func-search .col4 {margin-top: 20px;}
}

@media screen and (max-width: 768px) {
	.fly-reg .util .date {font-size: 16px;}
	.fly-reg .util .button {flex-shrink: 0; width: 190px;}
	.fly-reg .util .button .refresh,
	.fly-reg .util .button .down {height: 45px; font-size: 15px;}
}

@media screen and (max-width: 700px) {
	.fly-reg .func-search .title {font-size: 17px;}
    .fly-reg .data .col2 {width: 100%;}
    .fly-reg .data .col3 {width: 100%;}
    .fly-reg .data .body .sub-col {flex-wrap: wrap;}
    .fly-reg .data .sub-col ul {width: 100%; margin-top: 5px;}
}

/* 여객출발관리 */
.fly-start .func-search {display: flex; align-items: center; margin: 30px 0;}
.fly-start .func-search .col1 {flex-shrink: 0; width: 11%;}
.fly-start .func-search .col2 {flex-shrink: 0; width: 13%; margin-left: 10px;}
.fly-start .func-search .col3 {flex-shrink: 0; flex-grow: 0; width: 7%; margin-left: 10px;}
.fly-start .func-search .col4 {flex-shrink: 0; width: 2%; text-align: center;}
.fly-start .func-search .col5 {flex-shrink: 0; width: 7%;}
.fly-start .func-search .col6 {flex-shrink: 0; width: 16%; margin-left: 10px;}
.fly-start .func-search .col7 {flex-shrink: 0; width: 16%; margin-left: 10px;}
.fly-start .func-search .col8 {flex-grow: 1; margin-left: 10px;}
.fly-start .func-search .col9 {flex-grow: 1; margin-left: 10px;}

.fly-start.arr .func-search .col1 {flex-shrink: 0; width: 10%;}
.fly-start.arr .func-search .col2 {flex-shrink: 0; width: 10%; margin-left: 10px;}
.fly-start.arr .func-search .col3 {flex-grow: 0; flex-shrink: 0; width: 12.5%; margin-left: 10px;}
.fly-start.arr .func-search .col4 {flex-shrink: 0; width: 7%; margin-left: 10px;}
.fly-start.arr .func-search .col5 {flex-shrink: 0; width: 2%; text-align: center;}
.fly-start.arr .func-search .col6 {flex-shrink: 0; width: 7%; margin-left: 0;}
.fly-start.arr .func-search .col7 {flex-shrink: 0; width: 14%; margin-left: 10px;}
.fly-start.arr .func-search .col8 {flex-shrink: 0; width: 15%; margin-left: 10px;}
.fly-start.arr .func-search .col9 {flex-grow: 1; margin-left: 10px;}
.fly-start.arr .func-search .col10 {flex-grow: 1; margin-left: 10px;}

@media screen and (max-width: 1400px) {
    .fly-start .func-search {flex-wrap: wrap;}
    .fly-start .func-search .col1,
    .fly-start .func-search .col2,
    .fly-start .func-search .col3,
    .fly-start .func-search .col4,
    .fly-start .func-search .col5,
    .fly-start .func-search .col6,
    .fly-start .func-search .col7,
    .fly-start .func-search .col8,
    .fly-start .func-search .col9 {margin: 5px;}
    .fly-start .func-search .col1 {flex-grow: 1; width: 22%;}
    .fly-start .func-search .col2 {width: 22%;}
    .fly-start .func-search .col3 {width: 22%;}
    .fly-start .func-search .col5 {width: 22%;}
    .fly-start .func-search .col6 {width: 22%;}
    .fly-start .func-search .col7 {width: 22%;}
    .fly-start .func-search .col9 {width: 100%}

    .fly-start.arr .func-search .col2 {width: 18%;}
    .fly-start.arr .func-search .col3 {width: 18%; margin-left: 5px;}
    .fly-start.arr .func-search .col4 {width: 18%;}
    .fly-start.arr .func-search .col6 {width: 18%;}
    .fly-start.arr .func-search .col7 {margin-left: 5px;}
    .fly-start.arr .func-search .col10 {margin-right: 5px; margin-left: 5px;}
}

@media screen and (max-width: 1050px) {
    .fly-start.arr .func-search .col2 {width: 30%;}
    .fly-start.arr .func-search .col3 {width: 30%;}
    .fly-start.arr .func-search .col4 {width: 30%;}
    .fly-start.arr .func-search .col6 {width: 30%;}
    .fly-start.arr .func-search .col7 {flex-grow: 1; width: 30%;}
    .fly-start.arr .func-search .col8 {width: 30%;}
    .fly-start.arr .func-search .col9 {width: 100%;}
}

@media screen and (max-width: 860px) {
    .fly-start .func-search .col1 {width: 45%;}
    .fly-start .func-search .col2 {width: 45%;}
    .fly-start .func-search .col4 {flex-grow: 1;}
    .fly-start .func-search select {height: 40px;}
    .fly-start .func-search input[type="text"] {height: 40px;}
    .fly-start .func-search .btn-search {height: 40px;}
}

@media screen and (max-width: 650px) {
    .fly-start .func-search .col3 {flex-grow: 1;}
    .fly-start .func-search .col4 {flex-grow: 0;}
    .fly-start .func-search .col5 {flex-grow: 1;}
    .fly-start .func-search .col6 {width: 32%;}
    .fly-start .func-search .col7 {width: 32%;}

    .fly-start.arr .func-search .col1 {width: 44%;}
    .fly-start.arr .func-search .col2 {flex-grow: 1; width: 50%;}
    .fly-start.arr .func-search .col3 {width: 39%;}
    .fly-start.arr .func-search .col4 {width: 24%;}
    .fly-start.arr .func-search .col6 {width: 24%;}
    .fly-start.arr .func-search .col7 {width: 30%;}
    .fly-start.arr .func-search .col8 {width: 24%;}
    .fly-start.arr .func-search .col10 {width: 13%;}
}

.fly-start .list {border-top: 2px solid #000;}
.fly-start .list > .util {display: flex; justify-content: space-between; align-items: center; margin: 17px 0;}
.fly-start .util .date {flex-grow: 1; font-family: pr; font-size: 18px; color: #666666;}
.fly-start .util .button {flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center; width: 260px;}
.fly-start .util .button .refresh,
.fly-start .util .button .down {display: flex; justify-content: center; align-items: center; height: 50px; font-family: pr; font-size: 16px; padding: 0 10px; border: 1px solid #ff5400; border-radius: 5px; color: #666666;}
.fly-start .util .button .refresh::before,
.fly-start .util .button .down::before {content: ''; margin-right: 10px;}
.fly-start .util .button .refresh {border-color: #ff5400;}
.fly-start .util .button .refresh:hover {color: #ff5400;}
.fly-start .util .button .refresh::before {width: 18px; height: 18px; background: url('../../images/func/ic-flying-refresh.png') no-repeat center;}
.fly-start .util .button .down {margin-left: 10px; border-color: #107c41;}
.fly-start .util .button .down:hover {color: #107c41}
.fly-start .util .button .down::before {width: 23px; height: 20px; background: url('../../images/func/ic-exel-down.png') no-repeat center;}

@media screen and (max-width: 860px) {
    .fly-start .util .date {font-size: 16px;}
    .fly-start .util .button .refresh,
    .fly-start .util .button .down {height: 40px; font-size: 15px;}
}

@media screen and (max-width: 600px) {
    .fly-start .list > .util {flex-wrap: wrap;}
    .fly-start .util .button {width: 100%; margin-top: 10px;}
}

.fly-start .row {display: flex; height: 50px; background: #FBF4D4; border-radius: 5px;}
.fly-start .col {flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-family: pb; font-size: 16px;}
.fly-start .body {margin-top: 20px;}
.fly-start .body .hidden-t {display: none;}
.fly-start .body .group {overflow: hidden; margin-bottom: 20px; background: #fff; border: 1px solid #dadada; border-radius: 5px; box-shadow: 0 2px 10px 0 #f2f2f2;}
.fly-start .body .row {position: relative; display: block; height: auto; background: #fff;}
.fly-start .body .row:hover,
.fly-start .body .row.on {background: #e5f5ff;}
.fly-start .body .row:last-child {border: 0;}
.fly-start .body .toggle {position: relative; display: flex; align-items: center; width: 100%; height: 80px; border-bottom: 1px solid #dadada;}
/* .fly-start .body .row.on .toggle {border-bottom: 1px solid #c4d4de !important;} */
.fly-start .body .toggle::after {content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%;}
.fly-start .body .row:last-child .toggle {border: 0;}
.fly-start .body .row.color0 .toggle::after {background: #ebebeb;}
.fly-start .body .row.color1 .toggle::after {background: #4b8fe4;}
.fly-start .body .row.color2 .toggle::after {background: #994265;}
.fly-start .body .row.color3 .toggle::after {background: #e63946;}
.fly-start .body .row.color4 .toggle::after {background: #2c8179;}
.fly-start .body .row.color5 .toggle::after {background: #6c7295;}
.fly-start .body .row.color6 .toggle::after {background: #42519e;}
.fly-start .body .row.color7 .toggle::after {background: #2c982c;}
.fly-start .body .multi .toggle::before {content: ''; position: absolute; left: 25px; top: calc(100% - 13px); z-index: 1; width: 27px; height: 27px; background: #fff url('../../images/func/ic-plane-group.png') no-repeat center; border: 1px solid #dadada; border-radius: 100%;}
.fly-start .body .multi .row:last-child .toggle::before {display: none;}
.fly-start .body .col {font-family: pb; color: #333;}
.fly-start .col1 {width: 11%;}
.fly-start .col2 {width: 15%;}
.fly-start .col3 {flex-grow: 1;}
.fly-start .col4 {width: 9%;}
.fly-start .col5 {width: 9%;}
.fly-start .col6 {width: 7%;}
.fly-start .col7 {width: 8%;}
.fly-start .col8 {width: 11%;}

.fly-start.arr .col1 {width: 12%;}
.fly-start.arr .col2 {width: 13%;}
.fly-start.arr .col3 {flex-grow: 1; justify-content: flex-start;}
.fly-start.arr .header .col3 {justify-content: center;}
.fly-start.arr .col4 {width: 8%;}
.fly-start.arr .col5 {width: 5%;}
.fly-start.arr .col6 {width: 8%;}
.fly-start.arr .col7 {width: 8%;}
.fly-start.arr .col8 {width: 8%;}
.fly-start.arr .col9 {width: 10%;}

.fly-start.cargo .data .col4 {width: 15%;}
.fly-start.cargo .data .col6 {width: 10%;}
.fly-start .time {display: flex; align-items: center;}
.fly-start .time strong {font-family: pb; font-size: 20px; color: #000000;}
.fly-start .time span {position: relative; margin-left: 10px; font-family: pr; font-size: 18px; color: #4b8fe4;}
.fly-start .time span::after {content: ''; position: absolute; left: -2px; top: 50%; width: calc(100% + 5px); height: 1px; background: #4b8fe4;}
.fly-start .location {text-align: center; color: #000000;}
.fly-start .airplane {display: flex; justify-content: flex-start; align-items: center; width: 100%; padding-left: 30px; color: #222;}
.fly-start .airplane .logo {flex-shrink: 0; width: 90px;}
.fly-start .airplane .logo.same {width: 50px;}
.fly-start .airplane .logo.vertical {width: auto; height: 50px;}
.fly-start .airplane .logo.vertical img {height: 100%;}
.fly-start .airplane .logo a {display: flex; align-items: center;}
.fly-start .airplane .name {padding-left: 15px; text-align: left; color: #000;}
.fly-start .terminal {color: #000000;}
.fly-start .jugi {color: #000000;}
.fly-start .out {color: #000000;}
.fly-start .gate {color: #0033c4;}
.fly-start .checkin {color: #000000;}
.fly-start .enter {color: #0033c4;}
.fly-start .state span {display: flex; justify-content: center; align-items: center; width: 80px; height: 35px; border-radius: 5px; font-family: pr; font-size: 14px; color: #fff;}
.fly-start .color1 .state span {background: #4b8fe4;}
.fly-start .color2 .state span {background: #994265;}
.fly-start .color3 .state span {background: #e63946;}
.fly-start .color4 .state span {background: #2c8179;}
.fly-start .color5 .state span {background: #6c7295;}
.fly-start .color6 .state span {background: #42519e;}
.fly-start .color7 .state span {background: #2c982c;}
.fly-start .noti {display: flex; align-items: center;}
.fly-start .noti a {width: 35px; height: 35px; border-radius: 7px; text-indent: -999999px;}
.fly-start .noti .btn-sms {margin-right: 5px; background: #edb03b url('../../images/func/ic-noti-phone.png') no-repeat center;}
.fly-start .noti .btn-app {margin-right: 5px; background: #30b545 url('../../images/func/ic-noti-app.png') no-repeat center;}
.fly-start .noti .btn-kakao {background: #f9e000 url('../../images/func/ic-noti-kakao.png') no-repeat center;}

@media screen and (max-width: 1300px) {
    .fly-start .airplane .logo {display: none;}
    .fly-start .airplane {justify-content: center; padding-left: 0;}
    .fly-start .col4 {width: 9%;}
    .fly-start .col5 {width: 12%;}
    .fly-start .col6 {width: 8%;}
}

@media screen and (max-width: 1024px) {
    .fly-start .header {display: none;}
    .fly-start .body .hidden-t {display: none; margin-right: 10px; font-family: pb; font-size: 16px; color: #000;}
    .fly-start .body .toggle {flex-wrap: wrap; height: auto; padding: 20px;}
    .fly-start .col {justify-content: flex-start; padding: 0 10px; min-height: 50px;}
    .fly-start .airplane {justify-content: flex-start;}
    .fly-start .airplane .logo {display: block; width: auto;}
    .fly-start .airplane .logo img {width: 100px;}
    .fly-start .airplane .name {font-size: 17px;}
    .fly-start .state span {width: auto; padding: 0 10px;}
    .fly-start .body .col1,
    .fly-start.arr .body .col1 {width: auto}
    .fly-start .body .col2,
    .fly-start.arr .body .col2 {flex-grow: 1}
    .fly-start .body .col3,
    .fly-start.arr .body .col3 {flex-shrink: 0; width: 100%}
    .fly-start .body .col4,
    .fly-start.arr .body .col4 {width: auto !important}
    .fly-start .body .col5,
    .fly-start.arr .body .col5 {width: auto !important}
    .fly-start .body .col6,
    .fly-start.arr .body .col6 {width: auto !important}
    .fly-start .body .col7,
    .fly-start.arr .body .col7 {width: auto !important}
    .fly-start .body .col8,
    .fly-start.arr .body .col8 {width: auto !important}
    .fly-start .body .col9,
    .fly-start.arr .body .col9 {width: auto !important}
    .fly-start .body .col > div {display: flex; align-items: center;}
    .hidden-text {position: static; display: inline-block; margin-right: 10px; font-family: pr; font-size: 17px; color: #666;}
    .fly-start .body .col > div::before {display: none; margin-right: 10px; font-family: pr; font-size: 17px; color: #666;}
    .fly-start .body .time::before {content: '출발시간 :';}
    .fly-start.arr .body .time::before,
    .fly-start.cargo-arr .time::before,
    .fly-start.main-arr .time::before {content: '도착시간 :';}

    .fly-start .body .location::before {content: '목적지 :';}
    .fly-start.arr .body .location::before,
    .fly-start.cargo-arr .location::before,
    .fly-start.main-arr .location::before{content: '출발지 :';}

    .fly-start .body .airplane::before {content: '항공사/운항편명 :';}
    .fly-start .body .terminal::before {content: '터미널 :';}
    .fly-start .body .checkin::before {content: '체크인 카운터 :';}
    .fly-start .body .enter::before {content: '탑승구 :';}
    .fly-start .body .state::before {content: '출발현황 :';}
    .fly-start.arr .body .state::before,
    .fly-start.cargo-arr .body .state::before,
    .fly-start.main-arr .body .state::before {content: '도착현황 :';}
    .fly-start .body .jugi::before {content: '주기장 :';}
    .fly-start .body .noti::before {content: '운항속보 :';}
    .fly-start .body .gate::before {content: '도착게이트 :';}
    .fly-start .body .get::before {content: '수하물수취대 :';}
    .fly-start .body .out::before {content: '입국장 출구 :';}
}

@media screen and (max-width: 700px) {
    .fly-start .col {min-height: 35px;}
    .fly-start .col2,
    .fly-start.arr .col2 {width: 100%;}
    .fly-start .col3 {flex-wrap: wrap;}
    .fly-start .airplane {flex-wrap: wrap; width: 100%; margin-top: 5px; justify-content: flex-start;}
    .fly-start .airplane .logo img {height: 30px;}
    .fly-start .airplane .name {text-align: left;}
    .fly-start .body .airplane::before,
    .fly-start .body .airplane .hidden-text {width: 100%; margin-bottom: 5px; text-align: left;}
}

.fly-start .detail {overflow: hidden; max-height: 0px; background: #fff; transition: .35s;}
.fly-start .detail.on,
.fly-start .detail.on.share {max-height: 600px;}
.fly-start .detail.share {max-height: 0;}
.fly-start .detail .space {padding: 30px 70px; border-bottom: 1px solid #dadada;}
.fly-start .detail .ing {display: flex; justify-content: space-between; align-items: center; padding-right: 130px;}
.fly-start .detail .ing .start {padding-right: 25px;}
.fly-start .detail .ing .end {padding-left: 25px;}
.fly-start .detail .ing strong {font-family: pr; font-size: 16px; color: #000000;}
.fly-start .detail .ing strong span {font-family: pb;}
.fly-start .detail .ing .progress {position: relative; flex-grow: 1;}
.fly-start .detail .ing .progress::before,
.fly-start .detail .ing .progress::after {content: ''; position: absolute; top: -5px; z-index: 1; width: 13px; height: 13px; background: #fff; border: 3px solid #1473e6; border-radius: 100%;}
.fly-start .detail .ing .progress::before {left: 0;}
.fly-start .detail .ing .progress::after {right: 0;}
.fly-start .detail .ing .progress span {position: absolute; left: 0; top: 50%; width: 100%; height: 3px; background: #1473e6;}
.fly-start .detail .ing .progress span::after {content: ''; position: absolute; left: 50%; top: 50%; width: 45px; height: 35px; background: #fff url('../../images/func/ic-plane-black.png') no-repeat center; transform: translate(-50%, -50%);}

.fly-start .detail .info {display: flex; justify-content: space-between; margin-top: 20px;}
.fly-start .detail .navi {display: flex; align-items: center; flex-grow: 1;  min-height: 160px;}
.fly-start .detail .navi .color-box {width: 100%; height: 100%; padding: 20px 30px; background: #f2f3f5; border-radius: 10px;}
.fly-start .detail .text {display: flex; justify-content: space-between; align-items: center;}
.fly-start .detail .text .left {display: flex; justify-content: center; align-items: center;}
.fly-start .detail .text .left strong {margin-right: 20px; font-family: pb; font-size: 18px; color: #000000;}
.fly-start .detail .text .left .btn-navi {display: flex; justify-content: center; align-items: center; height: 35px; padding: 0 15px; background: #272727; border-radius: 17px; font-family: pr; font-size: 16px; color: #fff;}
.fly-start .detail .text .right {font-family: pr; font-size: 16px; color: #000000;}
.fly-start .detail .text .right strong {font-family: pb; font-size: 16px; color: #0084ff;}
.fly-start .detail .step {margin-top: 10px;}
.fly-start .detail .step ul {display: flex; justify-content: space-between;}
.fly-start .detail .step li {text-align: center;}
.fly-start .detail .step .arrow {flex-shrink: 0; width: 35px; background: url('../../images/func/arr-plane-step.png') no-repeat center 18px;}
.fly-start .detail .step strong {font-family: pb; font-size: 29px; color: #42519e;}
.fly-start .detail .step p {font-family: pr; font-size: 15px; color: #333333;}

.fly-start .detail .tour {flex-shrink: 0; width: 490px; padding: 0 30px;}
.fly-start .detail .tour .color-box {position: relative; display: flex; justify-content: space-between; align-items: flex-end; height: 100%; background: #fbf4d4; padding: 20px 30px; border-radius: 10px;}
.fly-start .detail .tour .date {font-family: pr; font-size: 16px; color: #000000;}
.fly-start .detail .tour .time {display: flex; flex-direction: column; align-items: center; font-family: pr; font-size: 16px; color: #333;}
.fly-start .detail .tour .time::before {display: none;}
.fly-start .detail .tour .time strong {font-family: pb; font-size: 18px; color: #1473e6;}
.fly-start .detail .tour .temp {display: flex; flex-direction: column; align-items: center;}
.fly-start .detail .tour .temp strong {font-family: pb; font-size: 18px; color: #000000;}
.fly-start .detail .tour .temp span {padding-left: 10px; font-family: pr; font-size: 16px; color: #333333;}
.fly-start .detail .tour .temp .ico {padding-bottom: 15px;}
.fly-start .detail .tour .subject {position: absolute; left: 30px; top: 30px; font-family: pb; font-size: 18px; color: #000000;}

.fly-start .detail .util {position: relative; display: flex; flex-direction: column; flex-shrink: 0; width: 100px;}
.fly-start .detail .util button {width: 100%; padding-top: 45px; font-family: pr; font-size: 16px; color: #000;}
.fly-start .detail .util .btn-share {padding-bottom: 15px; margin-bottom: 10px; background: url('../../images/func/ic-plane-share.png') no-repeat center 10px; border-bottom: 1px solid #c4c4c4;}
.fly-start .detail .util .btn-close {background: url('../../images/func/ic-plane-close.png') no-repeat center 10px;}
.fly-start .detail .util .share {overflow: hidden; max-height: 0; position: absolute; right: 0; top: 0; display: flex; justify-content: space-between; align-items: center; width: 250px; background: #fff;  border-radius: 5px;}
.fly-start .detail .util .share.on {max-height: 180px; padding: 18px 15px; border: 1px solid #c3c3c3;}
.fly-start .detail .util .share ul {display: flex; flex-wrap: wrap;}
.fly-start .detail .util .share li {width: 50%;}
.fly-start .detail .util .share li button {padding-top: 50px; font-family: pr; font-size: 14px; color: #000000;}
.fly-start .detail .util .share .ico1 button {background: url('../../images/func/ic-plane-share1.png') no-repeat center top;}
.fly-start .detail .util .share .ico2 button {background: url('../../images/func/ic-plane-share2.png') no-repeat center top;}
.fly-start .detail .util .share .ico3 button {background: url('../../images/func/ic-plane-share3.png') no-repeat center top;}
.fly-start .detail .util .share .ico4 button {background: url('../../images/func/ic-plane-share4.png') no-repeat center top;}
.fly-start .detail .util .share .close-share {width: 25px; height: 25px; margin-right: 19px; background: url('../../images/func/ic-plane-close.png') no-repeat center; text-indent: -999999px;}

@media screen and (max-width: 1400px) {
    .fly-start .detail .step strong {font-size: 25px;}
}

@media screen and (max-width: 1250px) {
    .fly-start .detail .space {padding: 30px;}
    .fly-start .detail .tour {width: 430px; padding: 0 15px;}    
    .fly-start .detail .util {width: 70px;}
    .fly-start .detail .ing {padding-right: 0;}
}

@media screen and (max-width: 1080px) {
    .fly-start .detail .info {flex-wrap: wrap;}
    .fly-start .detail .navi {width: 100%; margin-bottom: 20px;}
    .fly-start .detail .tour {width: calc(100% - 90px); padding: 0;}
    .fly-start .detail .tour .temp {flex-direction: row; align-items: center;}
    .fly-start .detail .tour .temp .ico {padding-bottom: 0; padding-right: 10px;}
    .fly-start .detail .tour .color-box {padding-top: 50px; align-items: center;}
    .fly-start .detail .tour .temp .ico img {width: 30px;}
    .fly-start .detail .text .left .btn-navi {height: 30px; padding: 0 10px; font-size: 15px;}
}

@media screen and (max-width: 768px) {
    .fly-start .detail .text .left .btn-navi {height: 25px; font-size: 14px;}
    .fly-start .detail .step strong {font-size: 20px;}
    .fly-start .detail .tour {width: calc(100% - 190px);}
    .fly-start .detail .tour .subject {position: static; padding-bottom: 5px;}
    .fly-start .detail .tour .color-box {flex-wrap: wrap; padding: 20px;}
    .fly-start .detail .tour .date {width: 100%;}
    .fly-start .detail .tour .date br {display: none;}
    .fly-start .detail .tour .time {flex-direction: row; width: 100%; padding: 5px 0;}
    .fly-start .detail .tour .temp {width: 100%;}
    .fly-start .detail .util {width: 170px;}
    .fly-start .detail .util .share.on {padding: 16px 15px;}
}

@media screen and (max-width: 600px) {
    .fly-start .detail .ing {flex-wrap: wrap;}
    .fly-start .detail .ing .start {width: 100%;}
    .fly-start .detail .ing .end {width: 100%; padding-left: 0; padding-top: 5px;}
    .fly-start .detail .ing .progress {display: none;}
    .fly-start .detail .tour {width: calc(100% - 140px);}
    .fly-start .detail .util {width: 120px;}
    .fly-start .detail .step ul {flex-wrap: wrap;}
    .fly-start .detail .step li {display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; width: 100%; padding-right: 10px; background: url('../../images/func/arr-plane-step.png') no-repeat right center;}
    .fly-start .detail .step strong {padding-left: 10px;}
    .fly-start .detail .step .arrow {display: none;}
}

.fly-start .no-data {border-top: 0;}

/* 환승가이드 */
.change-guide {margin-top: 30px;}
.change-guide .search {display: flex; justify-content: space-between; margin-top: 20px; padding: 35px; border: 3px solid #88adda; border-radius: 10px;}
.change-guide .search .start,
.change-guide .search .end {display: flex; flex-direction: column; align-items: center; width: 50%;}
.change-guide .search .start {padding-right: 40px;}
.change-guide .search .end {padding-left: 10px;}
.change-guide .search .title {flex-shrink: 0; width: 100% !important; margin-bottom: 10px; text-align: left;}
.change-guide .search .title strong {font-family: pb; font-size: 22px; color: #002d64;}
.change-guide .search .list {flex-grow: 1; width: 100%;}
.change-guide .search .list ul {display: flex; align-items: center;}
.change-guide .search .col1 {width: 50%;}
.change-guide .search .col2 {width: 27%; margin-left: 10px;}
.change-guide .search .col3 {width: 5%; text-align: center;}
.change-guide .search .col4 {width: 27%;}
.change-guide .search .col5 {width: 39%; margin-left: 10px;}
.change-guide .search .col6 {flex-grow: 1; margin-left: 10px;}
.change-guide .search .btn-search {display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; background: #1473E6; padding: 0 20px; border-radius: 5px; font-family: pr; font-size: 16px; color: #fff;}
.change-guide .search .btn-search:hover {background: #0b55b1;}
.change-guide .search .btn-search::before {content: ''; width: 20px; height: 20px; background: url('../../images/func/ic-plane-search.png') no-repeat center; margin-right: 15px;}
.change-guide .search select {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 10px; background: url('../../images/func/ic-form-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.change-guide .search select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.change-guide .search input {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 10px; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #333333;}
.change-guide .search input:focus {border-color: #1473e6;}
.change-guide .submit {margin-top: 30px; text-align: center;}

.change-guide .info {display: flex; justify-content: space-between; align-items: center; height: 100px; margin-top: 30px; padding: 0 40px; background: #fbf4d4; border-radius: 10px;}
.change-guide .info .start,
.change-guide .info .airport,
.change-guide .info .end {font-family: pb; font-size: 22px;}
.change-guide .info .start {color: #011d3f;}
.change-guide .info .airport {display: flex; justify-content: center; align-items: center; width: 140px; height: 100%; background: #08407a; color: #fff;}
.change-guide .info .end {color: #1473e6;}
.change-guide .info .arrow {display: flex; width: 33%; height: 100%; background: url('../../images/func/arr-exchange.png') no-repeat right center;}
.change-guide .step {display: flex; justify-content: center; align-items: center; padding: 50px 0; border-bottom: 2px solid #000;}
.change-guide .step .start,
.change-guide .step .end {display: flex; align-items: center;}
.change-guide .step .start {width: 42%;}
.change-guide .step .end {width: 58%;}
.change-guide .step .title {flex-shrink: 0; width: 140px; font-family: pb; font-size: 22px; text-align: center; color: #e63946;}
.change-guide .step ul {flex-grow: 1; display: flex; justify-content: center; align-items: center;}
.change-guide .step li {text-align: center;}
.change-guide .step .start li {width: 50%;}
.change-guide .step .end li {width: 25%;}
.change-guide .step .ico {position: relative;}
.change-guide .step .ico .num {position: absolute; left: 50%; top: 80%; font-family: prb; font-size: 20px; color: #000000; transform: translate(-50%, -50%);}
.change-guide .step .text {margin-top: 20px; font-family: pr; font-size: 16px; line-height: 1.2; color: #666666;}
.change-guide .step .text strong {display: block; margin-top: 5px; font-family: pb; color: #000;}
.change-guide .step .text strong.point {color: #1473e6;}

.change-guide .fly-start .col1 {width: 20%;}
.change-guide .fly-start .col2 {width: 20%;}
.change-guide .fly-start .col4 {width: 20%;}

@media screen and (max-width: 1480px) {
    .change-guide .search {flex-wrap: wrap; padding: 20px 30px;}
    .change-guide .search .start,
    .change-guide .search .end {width: 100%; padding: 0; padding: 5px 0;}
    .change-guide .search .title {width: 130px;}
}

@media screen and (max-width: 1180px) {
    .change-guide .info .start,
    .change-guide .info .airport,
    .change-guide .info .end {font-size: 20px;}
    .change-guide .info .arrow {width: 21%;}
    .change-guide .step .title {font-size: 20px;}
    .change-guide .step .text {font-size: 14px;}
}

@media screen and (max-width: 1024px) {
    .change-guide .fly-start .col {min-height: 30px;}
	.change-guide .fly-start .col1 {width: 100%}
	.change-guide .fly-start .col2 {width: 100%;}
	.change-guide .fly-start .col3 {flex-shrink: 0; width: 100%}
	.change-guide .fly-start .col4 {width: auto}
}

@media screen and (max-width: 970px) {
    .change-guide .step {flex-wrap: wrap;}
    .change-guide .step .start,
    .change-guide .step .end {width: 100%;}
    .change-guide .step .start {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #d1d1d1;}
}

@media screen and (max-width: 830px) {
    .change-guide .info .arrow {width: 10%;}
    .change-guide .search {padding: 20px;}
    .change-guide .search .title {width: 100%; margin-bottom: 5px; margin-left: 5px;}
    .change-guide .search .start,
    .change-guide .search .end {flex-wrap: wrap;}
}

@media screen and (max-width: 700px) {
    .change-guide .search .list ul {flex-wrap: wrap; justify-content: space-between;}
    .change-guide .search .col1 {width: 100%; margin: 5px;}
    .change-guide .search .col2,
    .change-guide .search .col4,
    .change-guide .search .col5 {width: 44% !important; margin: 5px;}
    .change-guide .search .col5 {flex-grow: 1;}
    .change-guide .search .col6 {width: 100%; margin: 0; margin-top: 10px;}
    .change-guide .step {padding: 30px 0;}
    .change-guide .info {padding: 0 20px;}
    .change-guide .info .airport {width: 100px;}
    .change-guide .info .start,
    .change-guide .info .airport,
    .change-guide .info .end {font-size: 15px;}
    .change-guide .step .start {margin-bottom: 30px; padding-bottom: 30px;}
    .change-guide .step .start,
    .change-guide .step .end {flex-wrap: wrap;}
    .change-guide .step .title {width: 100%; padding-bottom: 30px; text-align: left;}
    .change-guide .btn-func.small {margin: 0; margin-top: 10px;}
}

/* 고객의 소리 */
.wrap-voc .write-btn {display: flex; justify-content: flex-end;}

/* 주차요금 계산기 */
.parking-wrap {display: flex; justify-content: center; align-items: center; padding: 0; background: none;}
.parking-wrap.pub {padding: 50px; background: rgba(0,0,0,.7);}
.parking-wrap .box {position: relative; width: 100%; padding: 30px; background: #fff; border-radius: 10px;}
.parking-wrap.pub .box {max-width: 900px;}
.parking-wrap .title {font-family: pb; font-size: 24px; color: #333333;}
.parking-wrap .close {position: fixed; right: 30px; top: 20px;}
.parking-wrap .close .btn-close {width: 40px; height: 40px; background: url('../../images/func/ic-pop-close.png') no-repeat center; text-indent: -99999px; transform: rotate(0); transition: .35s;}
.parking-wrap .close .btn-close:hover {transform: rotate(90deg);}
.parking-wrap .func-search {background: #f4f4f4; padding: 15px;}
.parking-wrap .func-search .col1 {width: 22%;}
.parking-wrap .func-search .col2 {width: 12%; margin-left: 10px;}
.parking-wrap .func-search .col3 {width: 12%; margin-left: 10px;}
.parking-wrap .func-search .col4 {flex-grow: 1; text-align: center;}
.parking-wrap .func-search .col5 {width: 22%;}
.parking-wrap .func-search .col6 {width: 12%; margin-left: 10px;}
.parking-wrap .func-search .col7 {width: 12%; margin-left: 10px;}
.parking-wrap .result .row {display: flex; border-top: 2px solid #1473e6; border-bottom: 1px solid #8a8a8a;}
.parking-wrap .result .title {display: flex; justify-content: center; align-items: center; width: 50%; background: #ecf3fd; font-family: pb; font-size: 25px; color: #000000;}
.parking-wrap .result .title strong {font-family: pb; font-size: 50px; color: #e63946;}
.parking-wrap .result .insert {padding: 20px;}
.parking-wrap .result .insert dl {display: flex; align-items: flex-start; margin-bottom: 3px;}
.parking-wrap .result .insert dt {flex-shrink: 0; margin-right: 5px; font-family: pb; font-size: 15px; color: #000000;}
.parking-wrap .result .insert dd {flex-grow: 1; font-family: pr; font-size: 15px; color: #333333;}

@media screen and (max-width: 1017px) {
    .parking-wrap .func-search .col1 {width: 16%;}
    .parking-wrap .func-search .col2 {width: 14%;}
    .parking-wrap .func-search .col3 {width: 14%;}
    .parking-wrap .func-search .col5 {width: 16%;}
    .parking-wrap .func-search .col6 {width: 14%;}
    .parking-wrap .func-search .col7 {width: 14%;}
}

@media screen and (max-width: 880px) {
    .parking-wrap.pub {padding: 20px;}
    .parking-wrap .result .title {flex-shrink: 0; width: 190px;}
    .parking-wrap .result .title strong {font-size: 30px;}
    .parking-wrap .result .insert {flex-grow: 1;}
}

@media screen and (max-width: 860px) {
    .parking-wrap .close {right: 20px;}
    .parking-wrap .box {padding: 20px;}
    .parking-wrap .func-search {flex-wrap: wrap;}
    .parking-wrap .func-search .col1,
	.parking-wrap .func-search .col5 {width: 37%; margin: 5px;}
	.parking-wrap .func-search .col2,
    .parking-wrap .func-search .col3,
	.parking-wrap .func-search .col6,
    .parking-wrap .func-search .col7 {width: 25%; margin: 5px;}
    .parking-wrap .func-search .col7 {flex-grow: 1;}
}

@media screen and (max-width: 720px) {
    .parking-wrap .result .row {flex-wrap: wrap;}
    .parking-wrap .result .title {width: 100%; height: 70px;}
    .parking-wrap .result .title strong {font-size: 25px;}
}

/* 수하물 확인 */
.bag {display: flex; justify-content: center; align-items: center;}
.bag .box {position: relative; width: 100%; padding: 30px; background: #fff; border-radius: 10px;}
.bag .box > .title {font-family: pb; font-size: 24px; color: #333333;}
.bag .info {background: #f3f6fd; padding: 20px;}
.bag .info .head {margin-bottom: 25px; background: url('../../images/func/ic-bag.png') no-repeat 15px 8px; padding-left: 100px; padding-bottom: 25px; border-bottom: 1px solid #a6a8ac;}
.bag .info .head strong {font-family: pb; font-size: 24px; color: #002d64;}
.bag .info .head p {font-family: pr; font-size: 15px; color: #002d64;}
.bag .info .desc .list1 > li {position: relative; padding-left: 15px; font-family: pr; font-size: 14px; color: #333333;}
.bag .info .desc .list1 > li::after {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #333333; border-radius: 100%;}
.bag .info .desc .list2 > li {position: relative; padding-left: 10px; font-family: pr; font-size: 14px; color: #666;}
.bag .info .desc .list2 > li::after {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 1px; background: #6f7070;}
.bag .close {position: fixed; right: 30px; top: 20px;}
.bag .close .btn-close {width: 40px; height: 40px; background: url('../../images/func/ic-pop-close.png') no-repeat center; text-indent: -99999px; transform: rotate(0); transition: .35s;}
.bag .close .btn-close:hover {transform: rotate(90deg);}
.bag .search {background: #fafafa; padding: 20px;}
.bag .func-search .col1 {width: 12%;}
.bag .func-search .col2 {width: 22%; margin-left: 10px;}
.bag .func-search .col3 {width: 16%; margin-left: 10px;}
.bag .func-search .col4 {flex-grow: 1; margin-left: 10px;}
.bag .func-search .col5 {width: 22%; margin-left: 10px;}
.bag .auto {display: flex; align-items: center; margin-top: 15px;}
.bag .auto .refresh .btn-refresh,
.bag .auto .sound .btn-sound {margin-left: 20px; font-family: pr; font-size: 15px; color: #2e2e2e;}
.bag .auto .refresh .btn-refresh {padding: 5px 0 5px 25px; background: url('../../images/func/ic-capcha-refresh.png') no-repeat left center;}
.bag .auto .sound .btn-sound {padding: 5px 0 5px 30px; background: url('../../images/func/ic-capcha-sound.png') no-repeat left center;}
.bag .auto .input {flex-grow: 1; margin-left: 20px;}
.bag .auto .input input[type="text"] {width: 100%; height: 40px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.bag .auto .input input[type="text"]:focus {border-color: #1473e6;}
.bag .result {border-top: 2px solid #1473e6; border-bottom: 1px solid #8a8a8a;}
.bag .result .row {display: flex; border-bottom: 1px solid #c4c4c4;}
.bag .result .row:last-child {border: 0}
.bag .result .title {display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; width: 290px; padding: 15px; background: #ecf3fd; font-family: pr; font-size: 15px; color: #333333;}
.bag .result .title strong {font-family: pb; font-size: 18px; color: #000000;}
.bag .result .insert {flex-grow: 1; padding: 15px; text-align: center;}
.bag .result .step {display: flex; justify-content: space-between; align-items: center; padding: 0 60px; font-family: pr; font-size: 15px; text-align: center; color: #333333;}
.bag .result .step strong {font-family: pb; font-size: 16px; color: #e63946;}
.bag .result .step .icon {flex-shrink: 0; width: 60px; height: 50px; background: url('../../images/func/ic-bag2.png') no-repeat center;}
.bag .result .done {font-family: pb; font-size: 16px; color: #000000;}
.bag .no-result {padding: 20px 0; border-top: 2px solid #1473e6; border-bottom: 1px solid #8a8a8a; text-align: center;}
.bag .no-result strong {font-family: pb; font-size: 16px; color: #e63946;}

@media screen and (max-width: 850px) {
    .bag .info {padding: 20px;}
    .bag .info .head {padding-left: 70px; margin-bottom: 15px; padding-bottom: 15px; background-size: 40px auto;}
    .bag .info .head strong {font-size: 20px;}
    .bag .info .head p {font-size: 14px;}
    .bag .func-search {flex-wrap: wrap;}
    .bag .func-search .col1,
    .bag .func-search .col2,
    .bag .func-search .col3 {width: 31%; margin: 5px;}
    .bag .func-search .col3 {flex-grow: 1;}
    .bag .func-search .col4,
    .bag .func-search .col5 {width: 46%; margin: 5px;}
    .bag .func-search .col5 {flex-grow: 1;}
    .bag .capcha img {width: 160px;}
    .bag .auto {flex-wrap: wrap;}
    .bag .auto .refresh .btn-refresh,
    .bag .auto .sound .btn-sound {font-size: 14px;}
    .bag .auto .input {width: 100%; margin-top: 20px; margin-left: 0;}
    .bag .result .step {padding: 0 10px;}
}

@media screen and (max-width: 830px) {
    .bag .result .row {flex-wrap: wrap;}
    .bag .result .title {align-items: flex-start; width: 100%;}
    .bag .result .title strong {font-size: 17px;}
    .bag .result .step strong {font-size: 15px;}
    .bag .result .insert {font-size: 15px;}
}

@media screen and (max-width: 750px) {
    .bag .func-search .col1,
    .bag .func-search .col2,
    .bag .func-search .col3,
    .bag .func-search .col4,
    .bag .func-search .col5 {width: 100%;}
}

@media screen and (max-width: 680px) {
    .bag .box {padding: 20px;}
    .bag .search {padding: 10px;}
    .bag .close {right: 20px;}
    .bag .capcha {width: 100%;}
    .bag .auto .refresh .btn-refresh,
    .bag .auto .sound .btn-sound {margin-left: 0; margin-top: 10px; margin-right: 10px;}
}

/* 입국장 심사구역 혼잡도 */
.intra-traffic {display: flex; justify-content: center; align-items: center; padding: 0; background: none;}
.intra-traffic.pub {padding: 50px; background: rgba(0,0,0,.7);}
.intra-traffic .box {position: relative; width: 100%; padding: 30px; background: #fff; border-radius: 10px;}
.intra-traffic.pub .box {max-width: 900px;}
.intra-traffic .title {font-family: pb; font-size: 24px; color: #333333;}
.intra-traffic .close {position: absolute; right: 30px; top: 20px;}
.intra-traffic .close .btn-close {width: 40px; height: 40px; background: url('../../images/func/ic-pop-close.png') no-repeat center; text-indent: -99999px; transform: rotate(0); transition: .35s;}
.intra-traffic .close .btn-close:hover {transform: rotate(90deg);}
.intra-traffic .traffic-check {display: flex;}
.intra-traffic .traffic-check > div {margin-right: 10px;}
.intra-traffic .func-heading-button .row {padding: 10px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.intra-traffic .list {overflow-y: auto; overflow-x: hidden; max-height: 347px; padding-bottom: 10px;}
.intra-traffic .list::-webkit-scrollbar {width: 14px; height: 14px;}
.intra-traffic .list::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
.intra-traffic .list::-webkit-scrollbar-track {background-color: #fff;}

@media screen and (max-width: 780px) {
    .intra-traffic.pub {padding: 20px;}
}

/* 소음 측정 */
.noise .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 2px solid #01888e;}
.noise .title h2 {margin-top: 0;}
.noise .select {display: flex; align-items: center;}
.noise .select strong {padding-right: 20px; font-family: pr; font-size: 22px; color: #111111;}
.noise .select .search-box {position: relative; display: flex; margin-right: 30px; border: 1px solid #d9d9d9;}
.noise .select .search-box .select1 {position: relative;}
.noise .select .search-box .select1::after {content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 30px; background: #d9d9d9;}
.noise .select select {display: flex; align-items: center; min-width: 190px; height: 50px; padding-left: 15px; background: url('../../images/func/ic-form-arrow2.png') no-repeat right center; border: 1px solid #fff; font-family: pr; font-size: 18px; color: #333333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.noise .select select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.noise .select .btn-search {width: 50px; background: #3176d0 url('../../images/func/ic-sound-find.png') no-repeat center; text-indent: -999999px;}

.noise-map {position: relative;}
.noise-map .map {position: absolute; left: 0; top: 0; min-width: 75px; background: rgba(0,0,0,.7); border: 1px solid #fff; text-align: center;}
.noise-map .map::after {content: ''; position: absolute; background: #fff;}
.noise-map .m1 {left: 77.5%; top: 9%;}
.noise-map .m2 {left: 85.1%; top: 11.5%;}
.noise-map .m3 {left: 84.8%; top: 23.5%;}
.noise-map .m5 {left: 28.6%; top: 18%;}
.noise-map .m6 {left: 30.6%; top: 5.5%;}
.noise-map .m7 {left: 44%; top: 10.8%;}
.noise-map .m8 {left: 37%; top: 3.5%;}
.noise-map .m9 {left: 44.5%; top: 24.2%;}
.noise-map .m10 {left: 52.8%; top: 39.6%;}
.noise-map .m11 {left: 28.1%; top: 48.5%;}
.noise-map .m12 {left: 38.7%; top: 58.5%;}
.noise-map .m13 {left: 39%; top: 89.2%;}
.noise-map .m14 {left: 39.8%; top: 69.7%;}
.noise-map .m15 {left: 36.6%; top: 20.5%;}
.noise-map .m16 {left: 39.1%; top: 44.7%;}
.noise-map .m17 {left: 20.5%; top: 9.2%;}
.noise-map .m18 {left: 21%; top: 78.3%;}
.noise-map .m19 {left: 11.7%; top: 79.6%;}
.noise-map .m1::after {width: 1px; height: 10px; left: 48%; top: 100%;}
.noise-map .m2::after {width: 1px; height: 12px; left: 47%; top: 100%;}
.noise-map .m3::after {width: 1px; height: 12px; left: 47%; top: 100%;}
.noise-map .m5::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m6::after {width: 1px; height: 14px; left: 48%; top: 100%;}
.noise-map .m7::after {width: 16px; height: 1px; right: 100%; top: 50%;}
.noise-map .m8::after {width: 1px; height: 14px; left: 48%; top: 100%;}
.noise-map .m9::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m10::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m11::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m12::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m13::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m14::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m15::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m16::after {width: 1px; height: 14px; left: 48%; top: 100%;}
.noise-map .m17::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m18::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .m19::after {width: 1px; height: 14px; left: 48%; bottom: 100%;}
.noise-map .map .map-t {padding: 3px; border-bottom: 1px solid #fff; font-family: pr; font-size: 16px; color: #fff;}
.noise-map .map .map-c {padding: 3px; font-family: pb; font-size: 22px; line-height: 1; color: #64d8ff;}

@media screen and (max-width: 1500px) {
    .noise-map .map {min-width: 5%}
    .noise-map .map .map-t {padding: 2%; font-size: 77%;}
    .noise-map .map .map-c {padding: 2%; font-size: 100%;}
    .noise-map .map::after {display: none;}
}

@media screen and (max-width: 1200px) {
    .noise .select strong {font-size: 20px;}
    .noise .select select {min-width: 160px; height: 40px; font-size: 16px;}
    .noise .select .btn-search {background-size: 15px;}
    .noise .select .search-box .select1::after {top: 9px; height: 20px;}
}

@media screen and (max-width: 940px) {
    .noise .title {flex-wrap: wrap;}
    .noise .select {flex-wrap: wrap; justify-content: flex-end; width: 100%; margin-top: 20px;}
    .noise .select select {min-width: 110px; width: 100%;}
    .noise .select .btn-search {flex-shrink: 0;}
    .noise .select .search-box {width: 70%; margin-right: 0;}
    .noise .select .search-box .select1,
    .noise .select .search-box .select2 {flex-grow: 1;}
    .noise .select > div:nth-child(3) {margin-top: 20px;}
}

@media all and (max-width: 960px) {
	.scroll-noise-map {position: relative; min-height: 190px;}
	.scroll-noise-map .noise-map {width: 1300px;}
}

/* 규정집 */
.rules .search {display: flex; justify-content: flex-end; align-items: center;}
.rules .search .text {padding-left: 30px; background: url('../../images/func/ic-rule-search.png') no-repeat left center; font-family: pr; font-size: 22px; color: #3176d0;}
.rules .search select {display: flex; align-items: center; width: 100%; height: 50px; padding-left: 20px; background: #fff url('../../images/func/ic-form-arrow2.png') no-repeat right center;  border: 1px solid #cccccc; font-family: pr; font-size: 16px; color: #666666; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.rules .search select:focus {border-color: #1473e6;}
.rules .search input[type="text"] {display: flex; align-items: center; width: 100%; height: 50px; padding-left: 20px; border: 1px solid #BCBCBC; font-family: pr; font-size: 16px; color: #666666;}
.rules .search input[type="text"]:focus {border-color: #1473e6;}
.rules .search .btn-search {position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url('../../images/func/ic-rule-btn.png') no-repeat center; text-indent: -999999px;}
.rules .search .col2 {width: 150px; margin-left: 20px;}
.rules .search .col3 {position: relative; width: 350px; margin-left: 10px;}

@media screen and (max-width: 1024px) {
    .rules .search .text {font-size: 20px;}
}

@media screen and (max-width: 700px) {
    .rules .search {flex-wrap: wrap;}
    .rules .search .col1 {width: 100%; margin-bottom: 10px;}
    .rules .search .col2 {flex-shrink: 0; margin-left: 0;}
    .rules .search .col3 {flex-grow: 1; width: auto;}
}

/* 공통 팝업1 */
.common-pop {display: flex; justify-content: center; align-items: center; padding: 50px; background: rgba(0,0,0,.7);}
.common-pop.fixed {display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
.common-pop.fixed.on {display: flex;}
.common-pop.block {padding: 0; background: transparent;}
.common-pop .box {position: relative; width: 90%; max-width: 1000px; padding: 30px 40px; background: #fff;}
.common-pop.block .box {padding: 30px 0; max-width: none;}
.common-pop .title {position: relative; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 2px solid #01888e;}
.common-pop .title::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 115px; height: 2px; background: url('../../images/func/line-pop.png') no-repeat center;}
.common-pop .title strong {font-family: pb; font-size: 30px; color: #111111;}
.common-pop .con {overflow: auto; max-height: 630px;}
.common-pop .txt {font-family: pr; font-size: 18px; color: #555555;}
.common-pop .close {position: absolute; right: 40px; top: 25px;}
.common-pop .close .btn-close {width: 35px; height: 35px; background: url('../../images/func/ic-pop-close2.png') no-repeat center; border: 2px solid #01888e; text-indent: -99999px;}

@media screen and (max-width: 750px) {
    .common-pop {padding: 25px;}
    .common-pop .box {padding: 25px;}
    .common-pop .title strong {font-size: 25px;}
	.common-pop .txt {font-size: 16px;}
    .common-pop .close {right: 25px; top: 25px;}
}

/* 공통 팝업2 */
.box-common-pop {display: none;}
.box-common-pop.on {display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;  background: rgba(0,0,0,.7);}
.common-pop2 {position: relative; width: 90%; max-width: 540px; margin: 0 auto; padding: 30px; background: #fff; border-radius: 10px;}
.common-pop2.pub {border: 1px solid #000; border: 1px solid #dadada; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.10);}
.common-pop2.type2 {max-width: 730px;}
.common-pop2.type3 {overflow: auto; max-width: 830px; min-height: 585px; max-height: 585px;}
.common-pop2.type3::-webkit-scrollbar {width: 14px; height: 14px}
.common-pop2.type3::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
.common-pop2.type3::-webkit-scrollbar-track {background-color: transparent;}
.common-pop2.type4 {max-width: 500px;}
.common-pop2.type5 {max-width: 100%; width: 100%;}
.common-pop2.type6 {max-width: 1300px;}
.common-pop2.type7 {overflow: auto; max-width: 830px; min-height: 700px; max-height: 700px;}
.common-pop2.type7::-webkit-scrollbar {width: 14px; height: 14px}
.common-pop2.type7::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
.common-pop2.type7::-webkit-scrollbar-track {background-color: transparent;}
.common-pop2.max {max-width: 100%; width: 100%;}
.common-pop2 > .title {margin-bottom: 35px; font-family: pb; font-size: 24px; color: #333333;}
.common-pop2 > .title.line {padding-bottom: 13px; margin-bottom: 27px; border-bottom: 1px solid #d6d6d6;}
.common-pop2 > .title.big {font-size: 28px; color: #042751;}
.common-pop2 > .title.no-mg {margin-bottom: 0;}
.common-pop2 .text {font-family: pr; font-size: 14px; color: #333333;}
.common-pop2 .text2 {font-family: pr; font-size: 16px; text-align: center; color: #000000;}
.common-pop2 .blue-box {background: #f3f6fd; padding: 20px; border-radius: 10px;}
.common-pop2 .blue-box li {margin-bottom: 15px; font-family: pr; font-size: 14px; color: #323232;}
.common-pop2 .blue-box li strong {font-family: pb;}
.common-pop2 .blue-box li:last-child {margin-bottom: 0;}
.common-pop2 .blue-box p {font-family: pr; font-size: 14px; color: #323232;}
.common-pop2 .desc {background: #fbf4d4; margin-top: 15px; padding: 20px; border-radius: 10px;}
.common-pop2 .desc li {position: relative; margin-bottom: 4px; padding-left: 15px; text-align: left; font-family: pr; font-size: 16px; color: #002d64;}
.common-pop2 .desc li:last-child {margin-bottom: 0;}
.common-pop2 .desc li::after {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #002d64; border-radius: 100%;}
.common-pop2 .ok {margin-top: 20px; text-align: center;}
.common-pop2 .ok .btn-ok {display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 30px; background: #1473e6; border-radius: 5px; font-family: pb; font-size: 16px; color: #fff;}
.common-pop2 .ok .btn-ok:hover {background: #0b55b1;}
.common-pop2 .close {position: fixed; right: 10px; top: 10px;}
.common-pop2.pub .close,
._objHtml .common-pop2 .close {position: absolute;}
.common-pop2 .close .btn-close {width: 35px; height: 35px; background: url('../../images/func/ic-pop-close.png') no-repeat center / cover; text-indent: -99999px; transform: rotate(0); transition: .35s;}
.common-pop2 .close .btn-close:hover {transform: rotate(90deg);}
.common-pop2 .func-table thead th {font-size: 15px;}
.common-pop2 .func-table tbody th {font-size: 14px;}
.common-pop2 .func-table tbody td {font-size: 14px;}
.common-pop2.tab .title button {font-family: pb; font-size: 20px; color: #333333;}
.common-pop2.tab .title ul {display: flex; border-bottom: 1px solid #d1d1d1;}
.common-pop2.tab .title li {position: relative; margin-right: 5px;}
.common-pop2.tab .title li.on::after {content: ''; position: absolute; left: 0; bottom: -1px; z-index: 1; width: 100%; height: 1px; background: #fff;}
.common-pop2.tab .title li button {display: flex; height: 50px; padding: 0 15px; border: 1px solid #d1d1d1; border-bottom: 0; border-radius: 10px 10px 0 0;}
.common-pop2.tab .title li.on button {color: #1473e6;}
.common-pop2.tab .tab-con .box-con {display: none;}
.common-pop2.tab .tab-con .box-con.on {display: block;}
.common-pop2 .tab-login ul {display: flex; justify-content: center; align-items: center;}
.common-pop2 .tab-login li {margin: 0 2px;}
.common-pop2 .tab-login button {display: flex; justify-content: center; align-items: center; height: 50px; padding: 0 30px; border: 1px solid #8b8b8b; border-radius: 100px; font-family: pb; font-size: 15px; color: #2e2e2e;}
.common-pop2 .tab-login .on button {background: #2e2e2e; border-color: #2e2e2e; color: #fff;}
.common-pop2 .reserve-login {display: flex;}
.common-pop2 .reserve-login form {width: 100%;}
.common-pop2 .reserve-login-box {display: flex;}
.common-pop2 .reserve-inp {flex-grow: 1; padding-right: 10px;}
.common-pop2 .reserve-inp input {width: 100%; height: 40px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 16px; color: #333;}
.common-pop2 .reserve-inp input::placeholder {color: #999999;}
.common-pop2 .reserve-submit {flex-shrink: 0; width: 110px;}
.common-pop2 .reserve-submit button,
.common-pop2 .reserve-submit input {display: flex; width: 100%; height: 90px; background: #1473e6; justify-content: center; align-items: center; border-radius: 5px; font-family: pb; font-size: 16px; color: #ffffff;}

.common-pop2 .func-textarea textarea {width: 100%; min-height: 160px; padding: 20px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; line-height: 1.5; font-family: pr; font-size: 14px; color: #333;}
.common-pop2 .func-textarea textarea:focus {border-color: #1473e6;}
.common-pop2 .func-textarea textarea::-webkit-scrollbar {width: 18px;}
.common-pop2 .func-textarea textarea::-webkit-scrollbar-thumb {background: linear-gradient(34deg, rgba(137,49,208,1) 0%, rgba(0,76,237,1) 100%); border: 3px solid #f1f1f1; border-radius: 10px;}
.common-pop2 .func-textarea textarea::-webkit-scrollbar-track {background-color: #f1f1f1;}

.common-pop2 .func-textarea .text-area-box {overflow: auto; width: 100%; min-height: 160px; max-height: 400px; padding: 20px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; line-height: 1.5; font-family: pr; font-size: 14px; color: #333;}
.common-pop2 .func-textarea .text-area-box:focus {border-color: #1473e6;}
.common-pop2 .func-textarea .text-area-box::-webkit-scrollbar {width: 18px;}
.common-pop2 .func-textarea .text-area-box::-webkit-scrollbar-thumb {background: linear-gradient(34deg, rgba(137,49,208,1) 0%, rgba(0,76,237,1) 100%); border: 3px solid #f1f1f1; border-radius: 10px;}
.common-pop2 .func-textarea .text-area-box::-webkit-scrollbar-track {background-color: #f1f1f1;}

.common-pop2 .func-textarea .terms-box {width: 100%; min-height: 160px; max-height:160px; padding: 20px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; line-height: 1.5; font-family: pr; font-size: 14px; color: #333; overflow-y: auto;}
.common-pop2 .func-textarea .terms-box:focus {border-color: #1473e6;}
.common-pop2 .func-textarea .terms-box::-webkit-scrollbar {width: 18px;}
.common-pop2 .func-textarea .terms-box::-webkit-scrollbar-thumb {background: linear-gradient(34deg, rgba(137,49,208,1) 0%, rgba(0,76,237,1) 100%); border: 3px solid #f1f1f1; border-radius: 10px;}
.common-pop2 .func-textarea .terms-box::-webkit-scrollbar-track {background-color: #f1f1f1;}
.common-pop2 .func-textarea .terms-list2 > li {padding-left:10px;}
@media screen and (max-width: 1024px) {
    .common-pop2 .desc li {font-size: 15px;}
}

@media screen and (max-width: 700px) {
    .common-pop2 {padding: 20px;}
    .common-pop2 .func-textarea .terms-box {padding: 15px;}
    .common-pop2 > .title.big {font-size: 23px;}
    .common-pop2 > .title {font-size: 20px;}
    .common-pop2.tab .title li button {font-size: 17px;}
    .common-pop2 .text2 {font-size: 14px;}
}

/* 공통 리스트 */
.num-list > li {display: flex; margin-bottom: 23px;}
.num-list .num {flex-shrink: 0; width: 30px;}
.num-list .num i {position: relative; top: 4px; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background: #3176d0; border-radius: 100%; font-family: pr; font-size: 13px; color: #fff;}
.num-list .desc {flex-grow: 1; font-family: pr; font-size: 18px; color: #111111;}
.num-list .desc > p {margin-bottom: 5px;}

.dot-list > li {position: relative; padding-left: 20px; padding-bottom: 5px; font-family: pr; font-size: 18px; color: #555555;}
.dot-list > li::after {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #3176d0; border-radius: 100%;}
.dot-list > li strong {color: #111;}

.dot-list2 > li {position: relative; padding-left: 20px; padding-bottom: 5px; font-family: pr; font-size: 15px; color: #555555;}
.dot-list2 > li::after {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #3176d0; border-radius: 100%;}
.dot-list2 > li strong {color: #111;}

.dot-list3 > li {position: relative; margin: 10px 0 0 0; padding-left: 18px; font-family: pr; font-size: 17px; line-height: 1.5; color: #333;}
.dot-list3 > li:first-child {margin-top: 0;}
.dot-list3 > li::before {content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #122652; border-radius: 2px;}
.dot-list3 > li strong {font-family: pr; color: #111111;}

.dot-list4 > li {position: relative; margin: 10px 0 0 0; padding-left: 18px; font-family: pr; font-size: 17px; line-height: 1.2; color: #666666;}
.dot-list4 > li::before {content: ''; position: absolute; left: 0; top: 9px; width: 8px; height: 2px; background: #666666;}
.dot-list4 > li strong {font-family: pr; color: #111111;}

@media screen and (max-width: 750px) {
	.num-list .num i {top: 1px;}
	.num-list .desc {font-size: 16px;}
	.dot-list > li {font-size: 16px;}
	.dot-list > li::after {top: 8px;}
}

@media screen and (max-width: 700px) {
	.dot-list4 > li {font-size: 15px;}
	.dot-list4 > li::before {top: 7px;}
}

/* 메일폼 */
.mail-wrap{max-width: 850px; margin: 0 auto; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.mail-inner {width: 100%; max-width: 790px; margin:0 auto; padding: 30px 20px; }
.mail-wrap .mail-subject { margin-bottom: 35px; padding: 16px 15px; background: #fff; border-radius: 3px; border: 1px solid #d1d1d1; font-family: pb; font-size: 18px; color: #000; box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.mail-wrap .section1{border-top: 8px solid #1473e6;background: #fff;}
.mail-wrap .section1.color1 {border-color: #1473e6;}
.mail-wrap .section1.color2 {border-color: #00a9c8;}
.mail-wrap .section1.color3 {border-color: #08407a;}
.mail-wrap .section1.color4 {border-color: #f9741b;}
.mail-wrap .section1 .top-box{margin-top: 40px;}
.mail-wrap .section1 .title-box > p{font-size: 33px; font-family: nr; color: #011D3F; padding: 40px 235px 0 0; position: relative; line-height: 1.3;}
.mail-wrap .section1.color3 .title-box > p{padding-top: 30px; font-family: nb; font-size: 30px; color: #011d3f;}
.mail-wrap .section1 .title-box > strong {display: block; font-family: nb; font-size: 40px; line-height: 1.2; margin-bottom: 35px; }
.mail-wrap .section1.color1 .title-box > strong {color: #1a8dff;}
.mail-wrap .section1.color2 .title-box > strong {color: #00a9c8;}
.mail-wrap .section1.color3 .title-box > strong {font-size: 34px; color: #08407a;}
.mail-wrap .section1.color4 .title-box > strong {color: #f99d1b;}
.mail-wrap .section1.color1 .title-box > p::before{content: ''; width: 214px; height: 131px; background: url('../../images/func/sec01-icon1.png') no-repeat center / cover; position: absolute; top: -10px; right: 0;}
.mail-wrap .section1.color2 .title-box > p::before{content: ''; width: 214px; height: 131px; background: url('../../images/func/sec01-icon2.png') no-repeat center / cover; position: absolute; top: -10px; right: 0;}
.mail-wrap .section1.color3 .title-box > p::before{content: ''; width: 214px; height: 131px; background: url('../../images/func/sec01-icon3.png') no-repeat center / cover; position: absolute; top: -10px; right: 0;}
.mail-wrap .section1.color4 .title-box > p::before{content: ''; width: 214px; height: 131px; background: url('../../images/func/sec01-icon4.png') no-repeat center / cover; position: absolute; top: -10px; right: 0;}

.mail-wrap .section2{background: #F5F5F5;padding-top: 10px; position: relative;}
.mail-wrap .section2::before{content: ''; background: url('../../images/func/shape-bg.jpg') repeat-x; width: 100%; height: 8px; position: absolute; top:0}
.mail-wrap .section2 i{display: block; margin: 30px 0;}
.mail-wrap .section2 p , .mail-wrap .section2 .mail-tit{font-size: 16px; font-family: nr; color: #333333; line-height: 1.5;}
.mail-wrap .section2 em{font-family: nm; color: #1473E6;}
.mail-wrap .section2 .item1 a{font-family: nm; color: #333333; position: relative;}
.mail-wrap .section2 .item1 a::before{content: ''; width: 0%; height: 1px; background: #333333; position: absolute; left: 0; bottom: 0; transition: width 0.3s;}
.mail-wrap .section2 .item1 a:hover::before{width: 100%;}
.mail-wrap .section2 .item2{margin-top: 90px;}
.mail-wrap .section2 .mail-tit{position: relative; margin-top: 30px; margin-bottom: 20px; display: inline-block; font-family: nb;}
.mail-wrap .section2 .mail-tit::before {position: absolute; left: 0; top: 0; width: 7px; height: 7px; background: #000;}
.mail-wrap .section2 .con-table2 tbody th{font-size: 17px; font-family: nr; color: #000000;}
.mail-wrap .section2 .con-table2 tbody td{font-size: 17px; font-family: nl; color: #666666;}

.mail-wrap .list1 > ul > li {position: relative; margin: 5px 0 0 0; padding-left: 18px; font-family: nr; font-size: 16px; line-height: 1.5; color: #333333;}
.mail-wrap .list1 > ul > li::before {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #3176d0; border-radius: 100%;}
.mail-wrap .list2 > ul > li {position: relative; padding-left: 10px; font-family: nr; font-size: 16px; line-height: 1.4; color: #333333;}
.mail-wrap .list2 > ul > li::before {content: ''; position: absolute; left: 0; top: 13px; width: 6px; height: 2px; background: #333333;}

.mail-wrap .section2 .tour-box{display: flex; justify-content: space-between;}
.mail-wrap .section2 .desk-box{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.mail-wrap .section2 .desk-box img{width: 100%;}
.mail-wrap .left{width:190px; position: relative;}
.mail-wrap .right{width: calc(100% - 190px);}
.mail-wrap .desk-box .left {width: 100%; margin-bottom: 10px;}
.mail-wrap .desk-box .right {width: 100%;}
.mail-wrap .section2 .tour-box .circle{ width: 130px; height: 130px; background: #006934; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.mail-wrap .section2 .desk-box p{font-size: 16px; font-family: nb; color: #333333;}
.mail-wrap .section2 .desk-box .right li{margin-bottom: 20px;}

.mail-wrap .point {color: #d00000 !important;}

.mail-wrap .qr-img {text-align: center;}
.mail-wrap .big-img {text-align: center;}
.mail-wrap .big-img img {width: 100%; border: 1px solid #e1e1e1; border-radius: 10px;}

.mail-wrap .footer {border-top: 3px solid #1473E6;background: #fff; padding-bottom: 30px;}
.mail-wrap .footer .top-tit > p{font-size: 16px; font-family: nr; color: #666666; padding: 20px 0 27px 0; border-bottom: 1px solid #D1D1D1; line-height: 1.3;}
.mail-wrap .footer .footer-box{display: flex; justify-content: space-between;margin-top: 30px;}
.mail-wrap .footer .left > p{font-size: 28px; color: #1473E6; font-family: nb;}
.mail-wrap .footer .right li{font-family: nl; line-height: 25px; font-size: 16px;}
.mail-wrap .footer .right strong{font-size: 16px; color: #666666; font-family: nm;}
.mail-wrap .footer .copy{padding-top: 20px; font-size: 15px; color: #999999; font-family: nl; display: inline-block; line-height: 1.2;}
.mail-wrap .footer.eng .right strong {display: block; width: 100%}

@media screen and (max-width:768px){
	.mail-wrap .section1 .top-box > a > img{width: 250px;}
	.mail-wrap .section1 .title-box > p{font-size: 23px; padding: 35px 145px 10px 0;}
	.mail-wrap .section1 .title-box > p::before{width: 180px; height: 110px;}
    .mail-wrap .section1.color3 .title-box > p {font-size: 23px;}
    .mail-wrap .section1 .title-box > strong {font-size: 26px;}
    .mail-wrap .section1.color3 .title-box > strong {font-size: 26px;}
	.mail-wrap .list1 > ul > li , .mail-wrap .list2 > ul > li{font-size: 15px;}
	.mail-wrap .footer .top-tit > p{font-size: 15px; padding:20px 0;}
	.mail-wrap .footer .footer-box{display: block;}
	.mail-wrap .footer .footer-box .left{text-align: center; width: 100%;}
	.mail-wrap .footer .footer-box .right{text-align: center; margin-top: 20px;}
	.mail-wrap .footer .right strong , .mail-wrap .footer .right li{font-size: 15px; line-height: 1.5;}
	.mail-wrap .footer .copy{font-size: 14px;}
}

@media screen and (max-width:680px){
    .mail-wrap .right {width: 100%; margin-top: 30px;}
	.mail-wrap .section1 .title-box > p{padding: 30px 120px 10px 0px ; font-size: 21px;}
	.mail-wrap .section1 .title-box > p::before{width: 147px; height: 90px;}
	.mail-wrap .section2 .item2{margin-top: 50px;}
	.mail-wrap .section2 .tour-box{display: block;}
	.mail-wrap .section2 p {font-size: 15px;}
	.mail-wrap .section2 .left{width: 100%;}
	.mail-wrap .section2 .tour-box .circle{margin: auto;}
	.mail-wrap .mail-wrap .right{width: 100%; margin-top: 30px;}
	.mail-wrap .section2 .desk-box{display: block;}
}

@media screen and (max-width:550px){
	.mail-wrap .section1 .top-box > a > img{width: 220px;}
	.mail-wrap .section1 .title-box > p{padding: 35px 0px 10px 0;}
	.mail-wrap .section1 .title-box > p::before{display: none;}
	.mail-wrap .footer .top-tit > p{font-size: 14px;}
	.mail-wrap .footer .right strong, .footer .right li{font-size: 14px;}
}

/* 자주하는 질문 */
.favo-question .func-search {background: #f3f6fd; border-radius: 10px; padding: 30px 0;}
.favo-question .func-search .col2 {width: 33%; margin-left: 20px;}
.favo-question .func-search .col3 {margin-left: 10px;}
.favo-question .faq-list .toggle {padding: 27px 30px; font-size: 18px;}
.favo-question .faq-list .con {font-size: 17px;}

@media screen and (max-width: 1000px) {
    .favo-question .func-tab {margin-top: 30px;}
    .favo-question .func-tab li {width: 33.333%;}
    .favo-question .func-tab li .btn-tab {height: 45px; font-size: 16px;}
    .favo-question .func-tab li .btn-tab::after {top: 10px;}
    .favo-question .func-tab li::after {top: 12px;}
    .favo-question .faq-list {margin-top: 40px;}
    .favo-question .faq-list .toggle {padding: 20px; font-size: 16px;}
    .favo-question .faq-list .con {font-size: 15px; line-height: 1.2;}
    .faq-list .con .con-box {padding: 20px 30px;}
}

@media screen and (max-width: 900px) {
    .favo-question .func-search {padding: 30px 25px;}
    .favo-question .func-search .col1 {flex-shrink: 0; text-align: center;}
    .favo-question .func-search .col2 {flex-grow: 1; margin-left: 20px;}
    .favo-question .func-search .col3 {flex-shrink: 0; width: 140px;}
}

@media screen and (max-width: 780px) {
    .favo-question .func-search {flex-wrap: wrap;}
    .favo-question .func-search .title {font-size: 20px;}
    .favo-question .func-search .col1 {width: 100%; margin-bottom: 15px;}
    .favo-question .func-search .col2 {margin-left: 0;}
    .favo-question .func-tab {margin-top: 40px;}
    .favo-question .func-tab li {width: 50%;}
    .favo-question .func-tab li .btn-tab {height: 35px; font-size: 15px;}
    .favo-question .func-tab li .btn-tab::after {right: 0; top: 5px;}
    .favo-question .func-tab li::after {display: none;}
    .favo-question .faq-list .toggle {font-size: 15px;}
    .favo-question .faq-list .con{font-size: 15px; line-height: 1.3;}
    .faq-list .toggle .text::after {top: 4px;}
}

/* 공항 이용 유의사항 */ 
.faq-board .srch_box .srch_state {display: none;}
.faq-board .srch_box ._selectBox {display: none;}
.faq-board .box-search {width: 100%;}
.faq-board .view-search {width: 100%;background: #f3f6fd;border-radius: 10px;}
.faq-board .search {display: flex;align-items: center;justify-content: center;width:100%;padding: 30px 23px;max-width: 500px;margin: 0 auto;}
.faq-board .search .title {flex-shrink: 0;color: #333;font-size: 24px;font-family: 'pb';font-weight: 400;}
.faq-board .search input[type="text"] {display: flex; align-items: center; width: 55%;flex-grow: 0; height: 50px;margin: 0 10px 0 35px; padding-left: 20px; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 16px; color: #222;}
.faq-board .search input[type="text"]:focus {border-color: #1473e6;}
.faq-board .srch_box .search > span {position: relative;left: auto;top: auto;right: auto;bottom: auto;background: #1473e6;display: flex;justify-content: center;align-items: center;width: 71px;height: 50px;color: #fff;font-size: 18px;text-align: center;border-radius: 5px;}
.faq-board .srch_box .search > span i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;pointer-events: none;}
.faq-board .faqWrap {border-top: 2px solid #1473e6;}
.favo-question .btn-func.small {font-size: 17px;background: #1473e6;margin: 15px 0 0;min-width: 80px;height: 33px;}
.favo-question .faq-list .toggle strong {color: #333;}

@media (max-width: 1000px) {
    .favo-question .faq-list .con p span {font-size: 15px !important; line-height: 1.2 !important;}
    .favo-question .btn-func.small {font-size: 15px;margin: 12px 0 0;min-width: 70px;height: 33px;}
}

@media (max-width: 780px) {
    .faq-board .search {flex-wrap: wrap;padding: 25px 23px;}
    .faq-board .search .title {width: 100%;text-align: center;flex-shrink: 1;font-size: 20px;margin: 0 0 15px;}
    .faq-board .search input[type="text"] {margin: 0;}
    .faq-board .srch_box .search > span {margin: 0 0 0 10px;}
    .favo-question .faq-list .con p span {line-height: 1.3 !important;}
}



/* 환승투어 */
.tour-reser .search {display: flex; justify-content: space-between; padding: 30px 0; border-bottom: 2px solid #000;}
.tour-reser .left {display: flex;}
.tour-reser .link {display: flex; align-items: center;}
.tour-reser .link ul {display: flex;}
.tour-reser .link li {margin-left: 15px;}
.tour-reser .link .btn-link {position: relative; display: flex; justify-content: center; align-items: center; height: 50px; padding: 0 20px; border-bottom: 3px solid #b6b6b6; font-family: pb; font-size: 16px; color: #2a2a2a;}
.tour-reser .link .btn-link::before {content: ''; position: absolute; left: 0; bottom: 0; width: 3px; height: 10px; background: #b6b6b6;}
.tour-reser .link .btn-link::after {content: ''; position: absolute; right: 0; bottom: 0; width: 3px; height: 10px; background: #b6b6b6;}
.tour-reser .link .on .btn-link {background: #1473e6; border: 0; border-radius: 5px; color: #fff;}
.tour-reser .link .on .btn-link:hover {background: #0d4b95;}
.tour-reser .link .on .btn-link::before,
.tour-reser .link .on .btn-link::after {display: none;}
.tour-reser .date {position: relative; margin-left: 50px;}
.tour-reser .date::after {content: ''; position: absolute; right: 10px; top: 14px; width: 20px; height: 20px; background: url('../../images/func/ic-form-cal.png') no-repeat center;}
.tour-reser .date input {height: 50px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 18px; color: #333;}
.tour-reser .submit {margin-left: 5px;}
.tour-reser .submit .btn-search {display: flex; justify-content: center; align-items: center; height: 50px; padding: 0 30px; background: #002d64; border-radius: 7px; font-family: pb; font-size: 16px; color: #fff;}
.tour-reser .submit .btn-search:hover {background: #001b3b;}

@media screen and (max-width: 1250px) {
    .tour-reser .search {flex-wrap: wrap;}
    .tour-reser .left {flex-wrap: wrap; width: 100%;}
    .tour-reser .right {margin-top: 10px;}
    .tour-reser .date input {height: 40px; font-size: 15px;}
    .tour-reser .date::after {top: 9px;}
    .tour-reser .submit .btn-search {height: 40px; font-size: 14px;}
}

@media screen and (max-width: 880px) {
    .tour-reser .link {width: 100%; margin-bottom: 10px;}
    .tour-reser .date {margin-left: 0;}
}

/* 사전정보공표(임시) */
.tit-banner { display: flex; text-align: center; padding: 21.5px 0; margin-bottom: 10px; font-size: 18px; background-color: #01888e; color: #fff; font-family: 'pr'; }
.tit-banner > div { position: relative; }
.tit-banner > div::before { content: ''; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: #fff; }
.tit-banner > div:last-child::before { display: none; }

.col-num { width: 10%; }
.col-subject { width: 16%; }
/* .col-tit { width: 33%; } */
.col-tit { width: 43%; }
.col-tit.col-auto{width: 43%;}
.col-write { width: 15%; }
.col-cycle { width: 14%; }
.col-date { width: 12%; }


.accordian .list { border: 1px solid #111; margin-bottom: 20px; }
.accordian .list.on .info-box { animation: slideDown 1s ease both; }
.accordian .list.disabled .info-box { max-height: 3000px; animation: slideUp 0.7s -0.4s both; }
.accordian .list.on .tit-box { border-bottom: 1px solid #ababab; }
.accordian .list:last-child { margin-bottom: 0; }
.accordian .tit-box { display: flex; font-size: 18px; color: #222; cursor: pointer; }
.accordian .tit-box > div { display: block; position: relative; text-align: center; padding: 21.5px 0; font-family: 'pr'; color: #222; font-size: 18px; }
.accordian .tit-box > div::before { content: ''; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: #222; }
.accordian .board-table { border-top: 2px solid #152e6e; }
.accordian .tit-box > div:last-child::before { display: none; }
.accordian .info-box { position: relative; max-height: 0; padding: 0; background: #fff; overflow: hidden; }
.accordian .info-box .wrap { padding: 30px 30px 80px 30px }

.table-close-btn { position: absolute; right: 0; bottom: 25px; right: 30px; }
.table-close-btn button { border: 1px solid #c7d3e3; border-radius: 3px; font-size: 14px; padding: 7px 37px 7px 9px; color: #5b5b5b; background-image: url('../../images/func/ic-board-close.png'); background-position: right 14px center; background-repeat: no-repeat; }
.table-close-btn button:hover {border-color: #000;}

@keyframes slideDown { 100% { max-height: 20000px; } }
@keyframes slideUp { 100% { max-height: 0; } }

@media(max-width: 960px){
	.accordian .list.on .info-box { animation: slideDown 2s ease both; }
    .tit-banner {display: none;}
    .accordian .tit-box {flex-wrap: wrap; padding: 10px 0;}
    .accordian .tit-box > div {padding: 4px 20px; width: 50%; font-size: 17px; text-align: left;}
    .accordian .tit-box > div:nth-child(even)::before {display: none;}
    .accordian .tit-box .col-num span::before {content: '번호 :'; margin-right: 5px;}
    .accordian .tit-box .col-subject span::before {content: '공표대상 업무 :'; margin-right: 5px;}
    .accordian .tit-box .col-tit span::before {content: '공표대상 :'; margin-right: 5px;}
    .accordian .tit-box .col-write span::before {content: '담당부서 :'; margin-right: 5px;}
    .accordian .tit-box .col-cycle span::before {content: '공표주기 :'; margin-right: 5px;}
    .accordian .tit-box .col-date span::before {content: '공표시기 :'; margin-right: 5px;}
}

@media(max-width: 700px){
    .accordian .tit-box > div {width: 100%;}
    .accordian .tit-box > div::before {display: none;}
}

/* 시설안내 */
.facility-wrap .top {display: flex; justify-content: space-between; padding-top: 10px; padding-bottom:30px; border-bottom:2px solid #000;}
.facility-wrap .wrap-inner .left {display: flex; align-items: center;}
.facility-wrap .tab-box ul{display: flex;}
.facility-wrap .tab-box li {position: relative; margin-right: 20px;}
.facility-wrap .tab-box li:last-child {margin-right: 0;}
.facility-wrap .tab-box li a,
.facility-wrap .tab-box li button{font-size: 18px; font-family: pb; letter-spacing: 0; color:#2a2a2a; position: relative; padding:13px 20px; border-bottom:3px solid #b6b6b6;}
.facility-wrap .tab-box li a::after,
.facility-wrap .tab-box li button::after {content:''; width:3px; height:10px; background:#b6b6b6; position: absolute; right:0; bottom:0;}
.facility-wrap .tab-box li a::before,
.facility-wrap .tab-box li button::before {content:''; width:3px; height:10px; background:#b6b6b6; position: absolute; left:0; bottom:0;}
.facility-wrap .tab-box li.active a,
.facility-wrap .tab-box li a:hover,
.facility-wrap .tab-box li.active button,
.facility-wrap .tab-box li button:hover {border-bottom:3px solid #1473E6; background:#1473E6; border-radius:5px; color:#fff;}
.facility-wrap .tab-box li.active a::after,
.facility-wrap .tab-box li a:hover::after,
.facility-wrap .tab-box li.active button::after,
.facility-wrap .tab-box li button:hover::after {display: none;}
.facility-wrap .tab-box li.active a::before,
.facility-wrap .tab-box li a:hover::before,
.facility-wrap .tab-box li.active button::before,
.facility-wrap .tab-box li button:hover::before {display: none;}

.facility-wrap .shop-map1 {display: none; font-size: 15px; font-family: pb; color:#222; padding:0 20px; border:1px solid #aeaeae; border-radius:3px; min-height:50px; align-items: center;}
.facility-wrap .shop-map1:hover {border-color: #1473e6; box-shadow: 0 0 10px rgba(0,84,155,0.3); color: #1473e6 !important;}
.facility-wrap .shop-map1::before {content:''; width:19px; height:20px; background:url('../../images/func/ic-map.svg') no-repeat center; display: inline-block; margin-right: 15px;}
.facility-wrap .shop-map1:hover::before {background:url('../../images/func/ic-map-on.svg') no-repeat center;}

.facility-wrap .chk-box {position: relative; top: 0; margin-left: 40px;}
/*.facility-wrap .chk-box input[type="checkbox"] {position: absolute; width:0; height:0; opacity:0; z-index: -1;}*/
.facility-wrap .chk-box label {cursor: pointer;}
.facility-wrap .chk-box .chkbox {display: none; float:left; width:25px; height:25px; position: relative; border-radius:3px; box-sizing: border-box;}
.facility-wrap .chk-box span {display: inline-block; font-size: 18px; font-family: pr; line-height: 25px;}
.facility-wrap .chk-box input[type="checkbox"]:checked ~ .chkbox {background:url('../../images/func/chk-arrow.png') no-repeat center; border:1px solid #1473E6;}
.facility-wrap .chk-box .chkbox {border:1px solid #ababab; margin-right: 10px;}

.facility-wrap .search-area {display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom:1px solid #B2B2B2; padding-top: 20px;}
.facility-wrap .search-area .cate-box {display: flex;}
.facility-wrap .search-area .srchBox {position: relative; min-width:200px; font-size: 16px; font-family: pr; margin-right: 10px;}
.facility-wrap .search-area .srchBox select,
.facility-wrap .search-area .srchBox button {font-family: pr; font-size: 16px; width:100%; height:100%; padding:0 20px; text-align:left; height:50px; border-radius:100px; background:#fff; border:2px solid #2d2d2d;color:#2d2d2d; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; appearance: none;-webkit-appearance: none;}
.facility-wrap .search-area .srchBox select::after {content:''; z-index: 20; width:17px; height:10px; background:url('../../images/func/select-arrow.png') no-repeat center; margin-left:25px;  }
.facility-wrap .search-area .srchBox::after {content:''; position: absolute; right: 20px; top: 20px; z-index: 20; width:17px; height:10px; background:url('../../images/func/select-arrow.png') no-repeat center; margin-left:25px;  }
.facility-wrap .search-area .srchBox._on select{color:#fff; background:#2d2d2d;}
.facility-wrap .search-area .srchBox._on select::after,
.facility-wrap .search-area .srchBox._on::after {content:''; width:17px; height:10px; background:url('../../images/func/select-arrow-w.png') no-repeat center; margin-left:25px;  }
.facility-wrap .search-area .list-box {width:100%; padding-top:30px; position: absolute; top:25px; z-index: 1; border:2px solid #000; border-radius:0 0 20px 20px; background: #fff;}
.facility-wrap .search-area .src_list {width:100%; overflow:hidden; overflow-y:auto;}
.facility-wrap .search-area .src_list::-webkit-scrollbar {width:10px; height: 10px;}
.facility-wrap .search-area .src_list::-webkit-scrollbar-track {background: #E9E9E9; border-radius:10px;}
.facility-wrap .search-area .src_list a {width:100%; display: block; padding:5px 10px 5px 20px;}

@media screen and (max-width:1200px) {
	.facility-wrap .tab-box li button {font-size: 16px;}
	.facility-wrap .chk-box span {font-size: 16px;}
}
@media screen and (max-width:850px) {
	.facility-wrap .top {align-items: center;}
	.facility-wrap .tab-box li button {font-size: 15px;}
	.facility-wrap .shop-map1 {font-size: 14px; min-height: 40px; padding:0 10px;}
	.facility-wrap .search-area .srchBox button {font-size: 15px;}
	.facility-wrap .search-area .list-box {padding-top: 23px;}
	.facility-wrap .search-area .src_list a {font-size: 15px;}
}

@media screen and (max-width: 700px) {
    .facility-wrap .wrap-inner .left {flex-wrap: wrap; align-items: flex-start;}
    .facility-wrap .tab-box {height: 50px; margin-right: 20px;}
	.facility-wrap .tab-box li {margin-right: 10px;}
	.facility-wrap .tab-box li a,
	.facility-wrap .tab-box li button {padding: 10px 10px; font-size: 16px;}
	.facility-wrap .chk-box {margin-left: 0; margin-right: 20px;}

	.facility-wrap .search-area .srchBox select,
	.facility-wrap .search-area .srchBox button {height: 40px;}
}

.facility-wrap .search-area .search-nm {font-size: 24px; font-family: pr; color:#2d2d2d; line-height: 1.2;}
.facility-wrap .search-area .search-nm span {display: inline-block; font-size: 40px; font-family: pb; color:#000;}
.facility-wrap .search-area .search-nm em {display: inline-block; font-size: 40px; color:#1473E6; font-family: pb;}

@media screen and (max-width:1200px) {
	.facility-wrap .search-area .cate-box {align-items: center;}
	.facility-wrap .search-area .search-nm {font-size: 20px;}
	.facility-wrap .search-area .search-nm span {font-size: 32px;}
	.facility-wrap .search-area .search-nm em {font-size: 32px;}
}

.facility-wrap .input-search {position: relative; max-width:320px; width:100%;}
.facility-wrap .input-search input[type="text"] {height:50px; width:100%; border:1px solid #F8F8F8; background:#F8F8F8; border-radius:100px; position: relative; padding:0 20px; font-family: pr; font-size: 16px;}
.facility-wrap .input-search input[type="text"]::placeholder {font-size: 15px; font-family: pr; color:#000;}
.facility-wrap .input-search .search-btn {position: absolute; right:0; top:0; width:50px; height:50px; background:url('../../images/func/searhc-btn.svg') no-repeat center; display: inline-block; text-indent: -9999px; cursor: pointer;}

@media screen and (max-width:850px) {
	.facility-wrap .input-search {max-width:240px;}
	.facility-wrap .input-search input[type="text"] {font-size: 15px; }
}

@media screen and (max-width:700px) {
	.facility-wrap .input-search {max-width:unset; width:100%; margin:0 auto; margin-bottom:20px;}
	.facility-wrap .input-search input[type="text"] {height: 40px;}
	.facility-wrap .input-search .search-btn {height: 40px;}
	.facility-wrap .search-area {flex-direction: column-reverse; flex-wrap:wrap;}
}

.facility-wrap .facility-con {margin-top:33px;}
.facility-wrap .facility-con .con-inner {padding:0 0;}

.facility-wrap .total {font-size: 18px; font-family: pr; color:#000;}
.facility-wrap .total em {font-family: pb;}

.facility-wrap .list {position: relative; margin-top: 15px;}
.facility-wrap .list > ul {display: flex; flex-wrap:wrap; margin:0 -10px;}
.facility-wrap .list > ul > li {padding:10px; width:50%;}
.facility-wrap .list > ul > li > div {cursor: auto; overflow: hidden; position: relative; width:100%; border:1px solid #dcdcdc; border-radius:5px; padding:27px 30px; display: inline-block;}
.facility-wrap .list > ul > li > div:hover {border-color: #1473e6; box-shadow: 0 0 10px rgba(0,84,155,0.3);}
.facility-wrap .list > ul > li .time,
.more-pop .pop-tit .time {position: relative; top: -2px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 20px; margin-left: 5px; background: #D10000; border-radius: 30px; font-family: pr; font-size: 13px; color: #fff;}
.facility-wrap .list > ul > li .cons, 
.more-pop .pop-tit .cons { position: relative; top: -2px; display: inline-flex; justify-content: center; align-items: center; height: 20px; padding: 0 10px; margin-left: 5px; background: #004ac4; border-radius: 30px; font-family: pr; font-size: 13px; color: #fff;}
.facility-wrap .list .box {position: relative; }
.facility-wrap .cate {width: auto; font-size: 14px; font-family: pr; color:#fff; border-radius:100px; display: inline-flex; height:30px; align-items: center; padding:0 15px; margin-bottom: 10px;}
.facility-wrap .cate.color1 {background: #011D3F;}
/* 시설명 변경
.facility-wrap .title strong {overflow: hidden; height: 25px; font-size: 18px; display: block; line-height: 25px; font-family: pb; color:#333; width:calc(100% - 270px);}
*/
.facility-wrap .title strong {overflow: hidden; font-size: 18px; display: block; line-height: 25px; font-family: pb; color:#333; width: calc(100% - 200px);}
.facility-wrap .title .logo {overflow: hidden; position: absolute; right:0; top: 0; display: flex; justify-content: center; align-items: center; max-width: 160px; height: 100%; max-height: 115px; width:100%; box-shadow: 0 2px 10px rgba(0,0,0,.1);  border-radius: 10px;}
.facility-wrap .title .logo img {width:80%; object-fit: cover;}

.facility-wrap .info {position: relative; margin-top: 22px;}
.facility-wrap .info li {min-height: 28px; font-size: 16px; font-family: pr; color:#666; position: relative; padding-left: 30px; margin-bottom: 5px;}
.facility-wrap .info li.icon1 {width: calc(100% - 200px);}
.facility-wrap .info .btn-box {font-size: 0;}
.facility-wrap .info .icon1::after {content:''; width:17px; height: 17px; position: absolute; left:0; top:3px; background:url('../../images/func/ic-info1.png') no-repeat center;}
.facility-wrap .info .icon2::after {content:''; width:17px; height: 17px; position: absolute; left:0; top:3px; background:url('../../images/func/ic-info2.png') no-repeat center;}
.facility-wrap .info .icon3::after {content:''; width:17px; height: 17px; position: absolute; left:0; top:3px; background:url('../../images/func/ic-info3.png') no-repeat center;}
.facility-wrap .info .icon3 {display: flex; justify-content: space-between; color:#1473E6;}
.facility-wrap .btn-box {position: absolute; right:0; bottom: 0; font-size: 0;}
.facility-wrap .btn-box button {display: inline-block; text-indent: -9999px; width:30px; height: 30px; margin-left: 5px; border-radius:50%;}
.facility-wrap .loc {background:#6A6A6A url('../../images/func/ic-location.png') no-repeat center;}
.facility-wrap .more {background:#333333 url('../../images/func/ic-more.png') no-repeat left 7px top 7px;}
.facility-wrap a:hover .loc {background-color:#E63946;}
.facility-wrap a:hover .more {background-color:#00A9C8;}

@media screen and (max-width:1200px) {
	.facility-wrap .list .box {padding-bottom: 40px;}
	.facility-wrap .title .logo {position: relative; margin: 0 auto;}
	.facility-wrap .title strong {margin-top: 15px; width:100%;}
    .facility-wrap .info li.icon1 {width:100%;}
}

@media screen and (max-width:850px) {
	.facility-wrap .facility-con .con-inner {padding:0 0;}
	.facility-wrap .facility-con {margin-top: 30px;}
	.facility-wrap .list > ul > li {width:100%; margin-bottom: 15px;}
	.facility-wrap .list > ul > li > a {padding:20px 20px 25px 20px;}
	.facility-wrap .title strong {font-size: 16px;}
	.facility-wrap .title .logo {max-width: 250px; max-height: 310px;}
  	.facility-wrap .title .logo img {width: 100%;}
	.facility-wrap .info li {font-size: 15px;}
}

#viewInfoArea,
.more-pop {position: fixed; width:100%; height:100%; left:0; top:0; display: flex; align-items: center; justify-content: center; background:rgba(0,0,0,0.45); z-index: 100; transition: all .3s;}
.more-pop.none {display: none;}
.more-pop.none.on {display: flex;}
#viewInfoArea #content,
.more-pop .more-pop-inner {position: relative; width: 90%; max-width:610px; padding:25px 0; background:#fff; border-radius:5px;}
#viewInfoArea.size #content {max-width: 1300px; padding: 0;}
.more-pop .more-top {position: relative; margin:0 40px;}
.more-pop .pop-tit {border-bottom:1px solid #333;}
.more-pop .pop-tit strong{display: block; font-size: 22px; letter-spacing: 0; color:#000; font-family: pb; margin:10px 0 15px 0;}
.more-pop .more-pop-con {overflow-y:auto; max-height:480px; padding: 0 40px;}
.more-pop .more-pop-con::-webkit-scrollbar {width:10px; height: 10px}
.more-pop .more-pop-con::-webkit-scrollbar-track {background:#fff; border-radius:10px;}
.more-pop .more-pop-con::-webkit-scrollbar-thumb {background:#E9E9E9; border-radius:30px;}
.more-pop .more-pop-con .logo {text-align: center; margin:30px 0 28px 0;}
.more-pop .more-pop-con .logo li {text-align: center;}
.more-pop .more-pop-con .logo img {display: inline-block; max-height: 190px}
.more-pop .cate {width: auto; margin-bottom: 0; font-size: 15px; font-family: pr; color:#fff; border-radius:100px; display: inline-flex; height:35px; align-items: center; padding:0 15px;}
.more-pop .cate.color1 {background: #011D3F;}
.more-pop .more-pop-info li {font-size: 16px; font-family: pr; color:#666; display: flex; align-items: center; margin-bottom: 5px;}
.more-pop .more-pop-info li:last-child {margin-bottom: 0;}
.more-pop .more-pop-info li > strong {min-width:75px; display: inline-block; font-family: pb; color:#333; align-self: start;}
.more-pop .more-pop-info .menu dl {display: flex;}
.more-pop .more-pop-info .menu dt {flex-shrink: 0; color: #000; margin-right: 5px;}
.more-pop .more-pop-info span {display: inline-block; color:#1473E6; margin-right: 10px;}
.more-pop .more-pop-info .btn-box {display: flex; align-items: center; font-size: 16px;}
.more-pop .more-pop-info .loc {display: inline-block; text-indent: -9999px; width: 20px; height: 20px; margin-left: 5px; border-radius:50%; background:#6A6A6A url('../../images/func/ic-location.png') no-repeat center; background-size: 10px; flex-shrink: 0;}
.more-pop .more-pop-info .loc:hover {background-color:#E63946;}

.more-pop .close-btn {position: absolute; top: 10px; right: 0; width: 24px; height: 24px; background: url('../../images/func/close-btn.png') no-repeat center; transition:transform .3s; text-indent: -9999px;}
.more-pop .close-btn:hover {transform:rotate(180deg);}

@media screen and (max-width:700px) {
	.more-pop {padding:0 20px;}
	.more-pop .pop-tit strong {font-size: 18px;}
	.more-pop .more-top {margin: 0 20px;}
	.more-pop .more-pop-con {padding: 0 20px;}
	.more-pop .more-pop-con .logo {margin:20px 0;}
	.more-pop .more-pop-info li {margin-bottom: 8px; font-size: 15px;}
	.more-pop .more-pop-info .btn-box {font-size: 15px;}
}

.loc-pop {position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.45); top:0; left:0; display: flex; align-items: center; justify-content: center; z-index: 4; opacity:0; visibility: hidden; transition: all .3s;}
.loc-pop.on {visibility: visible; opacity:1;}
.loc-pop .loc-pop-inner {max-width:1480px; width:100%; position: relative;}
.loc-pop .row {display: flex; border-radius:6px; background:#fff; overflow:hidden;}
.loc-pop .left {padding:25px 0; width:380px; position: relative;}
.loc-pop .left::after {content:''; width:100%; height:70px;background:linear-gradient(to bottom, transparent 0%, #fff 60%); position: absolute; bottom:0; left:0;}
.loc-pop .left .flr {border-bottom:1px solid #B2B2B2;}
.loc-pop .con {padding:0 30px; margin-bottom: 13px;}
.loc-pop .con strong {display: block; font-size: 20px; font-family: pb; color:#000; margin-bottom: 15px;}
.loc-pop .con ul {display: flex; padding-bottom: 10px;border-bottom:1px solid #B2B2B2;}
.loc-pop .con:last-child {margin-bottom: 0;}
.loc-pop .con:last-child ul {border-bottom:0;}
.loc-pop .con .flr-btn {font-size: 18px; font-family: pb; color:#666; display: inline-block; width:40px; height: 40px; border-radius:50%; margin-right: 5px;}
.loc-pop .con .flr-btn.active {background:#2D2D2D; color:#fff;}
.loc-pop .loc-search {position: relative; padding:0 30px; margin-top: 20px; margin-bottom: 15px;}
.loc-pop .loc-search-input {position: relative;}
.loc-pop .loc-search-input input[type="text"] {height:50px; border:1px solid #f8f8f8; background:#F8F8F8; border-radius:100px; width:100%; padding:0 20px;}
.loc-pop .loc-search-input input::placeholder {font-size: 15px; font-family: pr; color:#000;}
.loc-pop .loc-search-input .submit-btn {position: absolute; width:50px; height: 50px; position: absolute; right:0; top:0; background:url('../../images/func/searhc-btn.svg') no-repeat center;  text-indent: -9999px;}
.loc-pop .loc-list {padding-left:30px;}
.loc-pop .loc-list .total {margin-bottom: 5px;}
.loc-pop .loc-list ul {max-height:230px; overflow-y: auto; margin-right:10px; }
.loc-pop .loc-list ul::-webkit-scrollbar {width:7px; height: 7px}
.loc-pop .loc-list ul::-webkit-scrollbar-track {width:7px; border-radius:10px; background:#fff;}
.loc-pop .loc-list ul::-webkit-scrollbar-thumb {background:#D3D2D2; border-radius:10px;}
.loc-pop .loc-list li button {display: block; font-size: 16px; font-family: pb; color: #333; padding:8px 0; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.loc-pop .loc-list li.active button,
.loc-pop .loc-list li:hover button {color:#1473E6;}
.loc-pop .close-btn {widtH:60px; height:60px; background:#000 url('../../images/func/close-btn2.png') no-repeat center; border-radius:50%; position: absolute; right:-30px; top:-30px; text-indent: -9999px; transition: transform .3s;}
.loc-pop .close-btn:hover {transform:rotate(180deg);}
.loc-pop .total {font-size: 18px; font-family: pr; color:#000;}
.loc-pop .total em {font-family: pb;}

@media screen and (max-width:1800px) {
	.loc-pop {padding: 0 50px 0 20px;}
	.loc-pop .map {width:100%; height:100%;}
	.loc-pop .map img {height:100%; width:100%; object-fit: cover;}
}

@media screen and (max-width:1300px) {
	.loc-pop .con strong {margin-bottom: 5px;}
	.loc-pop .con .flr-btn {font-size: 16px;}
}

@media screen and (max-width:1200px) {
	.loc-pop .row {flex-direction: column;}
	.loc-pop .left {overflow-y: auto; max-height:200px; width:100%;}
	.loc-pop .left::-webkit-scrollbar {width:10px; height: 10px;}
	.loc-pop .left::-webkit-scrollbar-track {width:10px; border-radius:10px; background:#fff;}
	.loc-pop .left::-webkit-scrollbar-thumb {background:#D3D2D2; border-radius:10px;}
	.loc-pop .left::after {display: none;}
}

.exhib-wrap .banner {position: relative; color:#fff; display: flex; align-items: center; justify-content: end; min-height:270px; height:100%; border-radius:10px; overflow: hidden;}
.exhib-wrap .banner img {position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.exhib-wrap .banner p {text-align:right; position: relative; padding:0 100px;}
.exhib-wrap .banner strong {font-size: 26px; font-family: pb; display: block;}
.exhib-wrap .banner span {font-size: 20px; font-family: pr; display: block;}

@media screen and (max-width:1200px) {
	.exhib-wrap .banner {min-height:230px;}
	.exhib-wrap .banner p {padding: 0 50px;}
	.exhib-wrap .banner strong {font-size: 24px;}
	.exhib-wrap .banner span {font-size: 18px;}
}
@media screen and (max-width:700px) {
	.exhib-wrap .banner {min-height:160px;}
	.exhib-wrap .banner strong {font-size: 22px;}
	.exhib-wrap .banner span {font-size: 16px;}
}

.exhib-wrap .top {margin-top: 50px; display: flex; justify-content: space-between; padding-bottom:30px; border-bottom:2px solid #000;}
.exhib-wrap .wrap-inner .left {display: flex;}
.exhib-wrap .tab-box ul{display: flex;}
.exhib-wrap .tab-box li {position: relative; margin-right: 20px;}
.exhib-wrap .tab-box li:last-child {margin-right: 0;}
.exhib-wrap .tab-box li button,
.exhib-wrap .tab-box li a{font-size: 18px; font-family: pb; letter-spacing: 0; color:#2a2a2a; position: relative; padding:13px 20px; border-bottom:3px solid #b6b6b6;}
.exhib-wrap .tab-box li button::after,
.exhib-wrap .tab-box li a::after {content:''; width:3px; height:10px; background:#b6b6b6; position: absolute; right:0; bottom:0;}
.exhib-wrap .tab-box li button::before,
.exhib-wrap .tab-box li a::before {content:''; width:3px; height:10px; background:#b6b6b6; position: absolute; left:0; bottom:0;}
.exhib-wrap .tab-box li.active a,
.exhib-wrap .tab-box li a:hover {border-bottom:3px solid #1473E6; background:#1473E6; border-radius:5px; color:#fff;}
.exhib-wrap .tab-box li.active a::after,
.exhib-wrap .tab-box li a:hover::after {display: none;}
.exhib-wrap .tab-box li.active a::before,
.exhib-wrap .tab-box li a:hover::before {display: none;}

.exhib-wrap .wrap-noti li button {text-align:left;}

@media screen and (max-width:1200px) {
	.exhib-wrap .tab-box li button {font-size: 15px;}
	.exhib-wrap .tab-box li button {font-size: 16px;}
	.exhib-wrap .wrap-noti > ul > li {width: 33.333% !important;} 
}

@media screen and (max-width:800px) {
	.exhib-wrap .wrap-noti > ul > li {width: 50% !important;} 
}

@media screen and (max-width:700px) {
	.exhib-wrap .tab-box li {margin-right: 10px;}
	.exhib-wrap .tab-box li a,
	.exhib-wrap .tab-box li button {padding: 10px 10px; font-size: 16px;}
	.exhib-wrap .chk-box {margin-left: 20px;}
	.exhib-wrap .top {margin-top: 30px;}
	.exhib-wrap .wrap-inner .left {width:100%;}
}

@media screen and (max-width:600px) {
	.exhib-wrap .wrap-noti button,
	.exhib-wrap .wrap-noti a {font-size: 15px !important;}
}

.exhib-con {position: relative; padding:50px 0; border-bottom:1px solid #bcbcbc;}
.exhib-con.view {padding-bottom: 0;}
.exhib-con.list ul {margin:0 -15px; display: flex; flex-wrap:wrap;}
.exhib-con.list li {padding:15px; width: 33.3333%;}
.exhib-con.list li .box {border-radius:5px; overflow: hidden; border:1px solid #DCDCDC; position: relative;}
.exhib-con.list li .box:hover {border-color: #1473e6; box-shadow: 0 0 10px rgba(0, 84, 155, .3);}
.exhib-con.list .img-box {width: 100%; max-height:240px; overflow:hidden;}
.exhib-con.list .img-box img {width: 100%; object-fit: cover;}
.exhib-con.list .info-box {background: #fff; padding:30px;}
.exhib-con.list .info-box .sj {font-size: 20px; color:#333; font-family: pb; margin-bottom: 12px; line-height: 20px;}
.exhib-con.list .info-box .cn {overflow: hidden; min-height: 75px; font-size: 16px; font-family: pr; line-height: 25px; color:#666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.exhib-con.list .info-bottom {display: flex; justify-content: space-between; margin-top: 20px;}
.exhib-con.list .cate {width: auto; margin-bottom: 0; font-size: 15px; font-family: pr; color:#fff; border-radius:100px; display: inline-flex; height:35px; align-items: center; padding:0 15px;}
.exhib-con.list .cate.color1 {background:#011D3F;}
.exhib-con.list .info-box .btn-box button {display: inline-block; text-indent: -9999px; width:30px; height: 30px; margin-left: 8px; border-radius:50%;}
.exhib-con.list .info-box .loc {background:#6A6A6A url('../../images/func/ic-location.png') no-repeat center;}
.exhib-con.list .info-box .more {background:#333333 url('../../images/func/ic-more.png') no-repeat left 7px top 7px;}
.exhib-con.list .box:hover .info-box .loc {background-color:#E63946;}
.exhib-con.list .box:hover .info-box .more {background-color:#00A9C8;}

.exhib-con .listli:hover .box {border-color: #1473e6; box-shadow: 0 0 10px rgba(0,84,155,0.3);}

@media screen and (max-width:1200px) {
	.exhib-con.list li {width:50%; margin-bottom: 40px;}
	.exhib-con.list .img-box img {width:100%;}
}

@media screen and (max-width:850px) {
	.exhib-con.list {padding:30px 0;}
	.exhib-con.list .info-box {padding:20px;}
	.exhib-con.list .info-box .sj {font-size: 18px;}
	.exhib-con.list .info-box .cn {font-size: 15px;}
}

@media screen and (max-width:700px) {
	.exhib-con.list li {width:100%;}
	.exhib-con.list li:last-child {margin-bottom: 0;}
}

.exhib-pop {position: relative; overflow: hidden; transition:all .3s;}
.exhib-pop .title {position: relative;  border-bottom:1px solid #333; display: flex; align-items: center; padding-bottom: 20px;}
.exhib-pop .cate {width: auto; margin-bottom: 0; font-size: 15px; font-family: pr; color:#fff; border-radius:100px; display: inline-flex; height:35px; align-items: center; padding:0 15px;  margin-right: 20px;}
.exhib-pop .cate.color1 {background:#011D3F;}
.exhib-pop .title strong {flex:1; font-size: 26px; line-height: 30px; font-family: pb; color:#000;}
.exhib-pop .close-btn {width:24px; height:24px; background:url('../../images/func/close-btn.png') no-repeat center; transition:transform .3s; text-indent: -9999px;}
.exhib-pop .close-btn:hover {transform:rotate(180deg);}
.exhib-pop-con { padding: 30px 20px; height:100%;}
.exhib-pop-con::-webkit-scrollbar {width: 18px; height: 18px;}
.exhib-pop-con::-webkit-scrollbar-thumb {background: #999; border: 6px solid #fff; border-radius: 10px;}
.exhib-pop-con::-webkit-scrollbar-track {background-color: #fff;}
.exhib-pop-con .row {display: flex; justify-content: space-between; align-items: flex-start;}
.exhib-pop-con .left {float:left; width:calc(100% - 650px); padding-top: 5px;}
.exhib-pop-con .left > ul {position: relative; margin: 0;}
.exhib-pop-con .left li {width: 100%; padding: 0; font-size: 16px; line-height: 25px; letter-spacing: 0; color:#666; display: flex; font-family: pr; margin-bottom: 12px;}
.exhib-pop-con .left li.loc {color:#1473E6; padding-right: 80px;}
.exhib-pop-con .left li.loc a {display: inline-block; text-indent: -9999px; width:30px; height: 30px; margin-top: -3px; margin-left: 10px; background:#6A6A6A url('../../images/func/ic-location.png') no-repeat center; border-radius:50%;}
.exhib-pop-con .left li.loc a:hover {background-color: #E63946}
.exhib-pop-con .left li > strong {min-width:95px; font-family: pb; display: inline-block; color: #333;}
.exhib-pop-con .time li {margin-bottom:5px;}
.exhib-pop-con .right {float:right; width:565px; margin-left: 20px;}
.exhib-pop-con .right .exhib-slider {text-align: center;}
.exhib-pop-con .right .exhib-slider img {display: inline-block; width: 100%;}

.exhib-pop-con .slick-dots {display: none !important;}
.exhib-pop-con .slick-dots:last-child {display: block !important;}
.exhib-pop-con .slick-dots {margin-top: 20px; text-align: center;}
.exhib-pop-con .slick-dots::after {content:''; display: block; clear:both;}
.exhib-pop-con .slick-dots li {width:15px; height:15px; padding: 0; text-indent: -9999px; background:#C6C6C6; display: inline-block; border-radius:50%; margin-right: 5px;}
.exhib-pop-con .slick-dots li:last-child {margin-right: 0;}
.exhib-pop-con .slick-dots li.slick-active {background:#00A9C8;}

.exhib-loc-con {position: relative;}
.exhib-loc-con strong {font-size: 26px; line-height: 30px; font-family: pb; color:#000;}
.exhib-loc-con .map {margin-top: 15px;}

#viewInfoArea .exhib-pop {padding: 40px 0;}
#viewInfoArea .exhib-pop-con {overflow-y: auto; max-height: 428px; padding: 30px 50px;}
#viewInfoArea .exhib-pop .title {margin: 0 50px;}
#viewInfoArea .exhib-pop-con .left li.loc a {position: absolute; right: 0;}

@media screen and (max-width:1200px) {
	.exhib-pop-con .row {flex-direction: column-reverse;}
	.exhib-pop-con .left {width: 100%; padding-top: 15px;}
	.exhib-pop-con .right {width: 100%; margin:0 auto;}
	.exhib-pop .title strong {font-size: 24px;}
}

@media screen and (max-width:700px) {
	.exhib-pop .title {flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
	.exhib-pop .title strong {width: 100%; margin-top: 10px;}
	.exhib-pop .close-btn {position: absolute; right: 0; top: 10px;}
	.exhib-pop-con .left li {font-size: 15px;}
	.exhib-pop-con .slick-dots li {width:10px; height:10px;}
	.exhib-loc-con strong {font-size: 20px;}
}

@media screen and (max-width:650px) {
	.exhib-pop-con .right {width:100%;}
    .exhib-pop-con .left li > strong {min-width: 65px;}
    #viewInfoArea .exhib-pop {padding: 20px 0;}
    #viewInfoArea .exhib-pop .title {margin: 0 30px;}
    #viewInfoArea .exhib-pop-con {padding: 30px;}
}

/* 환승라운지 쿠폰 */
.wrap-coupon .func-search .col1 {width: 39%;}
.wrap-coupon .func-search .col2 {margin-left: 10px;}
.wrap-coupon .must {display: inline-flex; height: 0;}
.wrap-coupon .must::after {content: '*'; position: relative; top: -2px; font-family: pb; font-size: 20px; color: #e63946; text-indent: 0;}
.wrap-coupon .must span {display: inline-block; text-indent: -999999px;}
.wrap-coupon .find {padding: 0 60px;}
.wrap-coupon .find .row {padding: 15px 0; border-bottom: 1px solid #7c7c7c;}
.wrap-coupon .find .line {display: flex; flex-wrap: wrap; align-items: center;}
.wrap-coupon .find .left {display: flex;}
.wrap-coupon .find .right {display: flex;}
.wrap-coupon .find .subject {flex-shrink: 0; width: 125px; padding: 11px 0; font-family: pr; font-size: 16px; color: #000000;}
.wrap-coupon .find .right .subject {width: 85px; margin-left: 40px;}
.wrap-coupon .find .con {flex-grow: 1;}
.wrap-coupon .find .con input[type="text"] {height: 50px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 16px; color: #000;}
.wrap-coupon .find .con input[type="text"]:focus {border-color: #1473e6;}
.wrap-coupon .find .con input[type="text"]::placeholder {color: #999999;}
.wrap-coupon .find .cm-radio.style2 span {font-family: pr; font-size: 16px; line-height: 42px; color: #000000;}
.wrap-coupon .find .btn-search {display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #1473E6; padding: 0 20px; border-radius: 5px; font-family: pr; font-size: 18px; color: #fff;}
.wrap-coupon .find .btn-search:hover {background: #0b55b1;}
.wrap-coupon .find .btn-search::before {content: ''; width: 20px; height: 20px; background: url('../../images/func/ic-plane-search.png') no-repeat center; margin-right: 15px;}
.wrap-coupon .apply-form .insert .line.border {margin-top: 20px; border-top: 1px solid #c5c5c5;}
.wrap-coupon .ico-to {margin-top: 10px !important; padding-left: 40px !important; background: url('../../images/func/ic-coupon1.png') no-repeat left 3px; font-family: pb; font-size: 15px; color: #2e2e2e;}
.wrap-coupon .ico-from {margin-top: 10px !important; padding-left: 40px !important; background: url('../../images/func/ic-coupon2.png') no-repeat left 8px; font-family: pb; font-size: 15px; color: #2e2e2e;}

@media screen and (max-width: 1024px) {
    .wrap-coupon .find {padding: 0 20px;}
}

@media screen and (max-width: 768px) {
    .wrap-coupon .func-search .col1 {flex-grow: 1;}
    .wrap-coupon .func-search .col2 {flex-shrink: 0; width: 130px;}
    .wrap-coupon .apply-form .insert .dash {width: 20px;}
    .wrap-coupon .max180 {max-width: 130px;}
    .wrap-coupon .max190 {max-width: 100px;}
    .wrap-coupon .max210 {max-width: 150px;}
    .wrap-coupon .max225 {max-width: 150px;}
    .wrap-coupon .find {padding: 0;}
    .wrap-coupon .find .left {width: 100%;}
    .wrap-coupon .find .right {flex-wrap: wrap; width: 100%;}
    .wrap-coupon .find .right .btn {width: 100%; margin-top: 20px; margin-left: 0;}
    .wrap-coupon .find .con {display: flex; align-items: center; width: 50%;}
    .wrap-coupon .find .con input[type="text"] {width: 100%; height: 45px; font-size: 15px;}
    .wrap-coupon .find .subject {font-size: 16px;}
}

/* 버스 검색 */
.bus-list-wrap .func-search {padding: 30px 0; border: 3px solid #88ADDA; border-radius: 10px;}
.bus-list-wrap .func-search .col1 {width: 33%; margin-left: 40px;}
.bus-list-wrap .func-search .col2 {margin-left: 10px;}

.bus-list-wrap #busDetail .con-tab {display: flex;}
.bus-list-wrap #busDetail .con-tab > div {cursor: pointer;}
.bus-list-wrap .area-img > div {display: none;}
.bus-list-wrap .area-img > div.on {display: block;}

.bus-line-list .wrap-noti{padding: 15px 20px 30px 20px;}
.bus-line-list .wrap-noti > ul{display: flex; flex-wrap: wrap; }
.bus-line-list .wrap-noti > ul > li {width: calc(100%/7);}
.bus-line-list.type .wrap-noti > ul > li {width: calc(100%/4);}
.bus-line-list .wrap-noti > ul > li{font-family: pr; color: #011D3F; line-height: 1.2; margin-top: 10px;}
.bus-line-list .wrap-noti button,
.bus-line-list .wrap-noti a{font-family: pr; font-size: 17px; color: #011D3F; transition: all 0.1s; position: relative;}
.bus-line-list .wrap-noti button::before,
.bus-line-list .wrap-noti a::before{content: ''; width: 0; height: 1px; background: #1473E6; transition: width 0.3s; position: absolute; left: 0; bottom: 0;}
.bus-line-list .wrap-noti button:hover,
.bus-line-list .wrap-noti button.on,
.bus-line-list .wrap-noti a:hover,
.bus-line-list .wrap-noti a.on{color: #1473E6; }
.bus-line-list .wrap-noti button:hover::before,
.bus-line-list .wrap-noti a:hover::before{width: 100%;}
.bus-line-list .tab-desc{margin-top: 0;}

@media screen and (max-width:1300px){
	.bus-list-wrap .func-search {padding: 30px 20px;}
	.bus-list-wrap .func-search .col1 {flex-grow: 1; margin-left: 0;}
	.bus-list-wrap .func-search .col2 {flex-shrink: 0; width: 110px;}
	.bus-line-list .wrap-noti > ul > li{width: calc(100%/5);}
}

@media screen and (max-width:1024px){
	.bus-line-list {margin-top: 30px;}
	.con-tab button {height: 35px; font-size: 15px;}
	.bus-line-list .wrap-noti {padding: 15px;}
	.bus-line-list .wrap-noti > ul > li{width: calc(100%/3); margin: 4px 0; }
	.bus-line-list .wrap-noti button,
	.bus-line-list .wrap-noti a {font-size: 16px;}
}
@media screen and (max-width:800px) {
	.bus-line-list .wrap-noti {overflow: auto; max-height: 210px;}
	.bus-list-wrap #busDetail .con-tab {flex-wrap:wrap;}
	.bus-list-wrap #busDetail .con-tab > div:first-child {margin-bottom: 10px;}
	.bus-list-wrap #busDetail .con-tab > div {width:100%;}
}
@media screen and (max-width:768px){
	.bus-list-wrap .func-search {padding: 20px;}
}

@media screen and (max-width:550px){
	.bus-line-list .wrap-noti > ul > li{width: calc(100%/2);}
}

.bus-list-wrap .con-table tbody th{background: #F9F9F9;}
.bus-list-wrap .con-table2 tbody th{font-family: pr; padding: 31px 15px;}
.bus-list-wrap .con-table2 tbody td{padding: 16px 30px;}
.bus-list-wrap .time-box{display: flex; flex-wrap: wrap;}
.bus-list-wrap .time-box em{width: calc(100% /17);}

.train-line1 {position: relative; background:#FBF4D4; padding:0 150px 0 70px; min-height: 400px; border-radius: 8px; overflow:hidden;}
.train-line1.line1 {min-height: 0}
.train-line1 ul {display: flex; align-items: center;}
.train-line1 .reverse ul {flex-direction: row-reverse;}
.train-line1 .line-wrap {padding:150px 0 50px 0; position: relative;}
.train-line1 .list-box{position: relative;}
.train-line1 .list-row{position: relative; padding-bottom: 150px;}
.train-line1 .list-row:last-child {margin-bottom: -150px;}
.train-line1 .list-row::after {content: ''; position: absolute; left: 6px; bottom: 90%; width: 2px; height: 100%; background: #1473E6;}
.train-line1 .list-row:first-child::after {content: none;}
.train-line1 .list-row.reverse::before {content: ''; position: absolute; right: 6px; bottom: 90%; width: 2px; height: 100%; background: #1473E6;}
.train-line1 .list-row.reverse::after {content: none;}
.train-line1 .list-row li {flex: 1; position: relative;}
.train-line1 .list-row li:first-child{width: 14px; flex: none;}
.train-line1 .list-row.reverse li:first-child {flex: 1;}
.train-line1 .list-row.reverse li:last-child{width: 14px; flex: none;}
.train-line1 .list-row li::before {content:''; width:100%; height:2px; background:#1473E6; position: absolute; top:50%; margin-top:-2px;}
.train-line1 .list-row li:first-child:before{content: none;}
.train-line1 .list-row.reverse li:first-child:before{content: '';}
.train-line1 .list-row .reverse li:last-child:before{content: none;}
.train-line1 .box {position: relative; width:100%; height: 50px;}
.train-line1 .box::after {content:''; width:14px; height:14px; background:#fff; border:3px solid #1473E6; position: absolute; right:0; top:50%; z-index: 1; margin-top:-7px; border-radius:50%;}
.train-line1 p {font-family: pb; line-height: 1.2; font-size: 14px; color:#323232; position: absolute; padding-left:30px; transform-origin: left bottom; transform: rotate(-45deg); left:100%;  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; width: 200px; top: 12px; min-height: 30px; word-break: break-all;}

.train-line1 .airport p {white-space: nowrap; padding-left:20px; top:-20px;}

.bus-list-wrap .area-box {position: relative; border:1px solid #88ADDA; border-radius:10px;}
.bus-list-wrap .area-box img {border-radius:10px;}
.bus-list-wrap .exit {animation-name: bounce; animation-duration: 1s; animation-iteration-count: infinite;}
.bus-list-wrap .area-box .ico {text-indent: -9999px; width:0; height:0; opacity: 0;}

@keyframes bounce {
    0% {margin-top: -10px;}
    50% {margin-top: 0;}
    100% {margin-top: -10px;}
}

.bus-list-wrap .route-bus-stop-ico-box .exit {position: absolute; left: 0; top: 0; display: flex; width: 2.4%; height: 6.2%; background: url('../../images/func/ic-bus-station.png') no-repeat center / cover; text-indent: -999999px;}
.bus-list-wrap .route-bus-stop-ico-box .exit-1 {left: 11.8%; top: 35.5%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-2 {left: 16%; top: 43.5%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-3 {left: 20.9%; top: 50%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-4 {left: 26.5%; top: 55.5%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-5 {left: 32.5%; top: 59.5%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-6 {left: 38.9%; top: 62.3%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-7 {left: 45.7%; top: 64%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-8 {left: 51.6%; top: 64%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-9 {left: 57.8%; top: 63%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-10 {left: 64.7%; top: 60%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-11 {left: 70.9%; top: 56%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-12 {left: 76.3%; top: 51%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-13 {left: 82.2%; top: 43.5%;}
.bus-list-wrap .route-bus-stop-ico-box .exit-14 {left: 86.6%; top: 37%;}

.bus-list-wrap .route-bus-stop2-ico-box2 .exit {position: absolute; left: 0; top: 0; display: flex; width: 2.4%; height: 6.2%; background: url('../../images/func/ic-bus-station.png') no-repeat center / cover; text-indent: -999999px;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-1 {left: 33.2%; top: 56%;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-2 {left: 33.2%; top: 66%;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-3 {left: 37.7%; top: 71.5%;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-4 {left: 45%; top: 71.5%;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-5 {left: 52.5%; top: 71.5%;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-6 {left: 60%; top: 71.5%;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-7 {left: 64.4%; top: 66%;}
.bus-list-wrap .route-bus-stop2-ico-box2 .exit-8 {left: 64.4%; top: 56%;}

@media screen and (max-width:1300px){
	.train-line1{padding: 0 130px 0 25px;}
}

@media screen and (max-width:950px){
	.train-line1 {overflow: auto; height: auto; min-height: 250px; max-height: 800px; padding: 15px 20px;}
	.train-line1::-webkit-scrollbar {width: 14px; height: 14px;}
	.train-line1::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
	.train-line1::-webkit-scrollbar-track {background-color: #fff;}
	.train-line1.line1 {min-height: 250px;}
	.train-line1 .line01{padding-bottom: 0;}
	.train-line1 p{transform: rotate(0deg); top: 6px; font-size: 15px; width: 350px;}
	.train-line1 p br {display: none;}
	.train-line1 ul{flex-direction: column; align-items: baseline;}
	.train-line1 .reverse ul {flex-direction: column; align-items: baseline;}
	.train-line1 li{width: 14px;}
	.train-line1 .box {height: 30px;}
	.train-line1 .list-box::after {content: ''; position: absolute; left: 6px; top: 10px; width: 2px; height: calc(100% - 20px); background: #1473E6;}
	.train-line1 .list-row::after {display: none;}
	.train-line1 .list-row.reverse::before {display: none;}
	.train-line1 .line-wrap{padding: 0;}
}

.con-tab ul {position: relative; display: flex; align-items: center;}
.con-tab ul::after {content: ''; position: absolute; left: 0; top: 25px; z-index: -1; width: 100%; height: 1px; background: #a5a5a5;}
.con-tab button {display: flex; justify-content: center; align-items: center; height: 50px; margin-right: 10px; padding: 0 50px; background: #3e454d; border-radius: 100px; font-family: pb; font-size: 18px; color: #fff;}
.con-tab button:hover,
.con-tab button.on {background: #1473e6;}
.tab-desc {display: none; margin-top: 20px;}
.tab-desc.on {display: block;}

@media screen and (max-width: 1200px) {
	.con-tab button {height: 45px; padding: 0 30px; font-size: 16px;}
}

@media(max-width: 800px) {
	.con-tab ul {flex-wrap: wrap;}
	.con-tab ul::after {display: none;}
	.con-tab li {width: calc((100% / 3) - 5px);margin-bottom: 10px;margin-right: 7.5px;}
	.con-tab li:nth-child(3n) {margin-right: 0;}
	.con-tab button {width: 100%; height: 40px; padding: 0 15px;}
}

.wrap-noti {padding: 30px 50px; background: #f3f6fd; border-radius: 10px;}
.wrap-noti > ul > li {position: relative; margin-bottom: 10px; padding-left: 15px; font-family: pr; font-size: 17px; color: #011d3f;}
.wrap-noti > ul > li:last-child {margin-bottom: 0;}
.wrap-noti > ul > li::after {content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #011d3f; border-radius: 100%;}
.wrap-noti strong {display: block; font-family: pb; font-size: 20px; color: #000;} 

@media screen and (max-width: 1200px) {
	.wrap-noti {padding: 20px 30px;}
	.wrap-noti > ul > li {font-size: 16px;}
}

@media screen and (max-width: 1024px) {
	.wrap-noti > ul > li::after {top: 9px;}
}

/* 항공통계 */
.statMenu{margin-bottom:30px;}
.statMenu ul{display:flex;gap: 10px;padding-bottom: 25px; border-bottom: 1px solid #dadada;}
.statMenu ul li{position: relative;}
.statMenu ul li:before{content: '';width: 1px;display: block;position: absolute;right: 0;height: 15px;background: #b7b7b7;top: 6px;}
.statMenu ul li a{display: block;padding-left: 20px;margin-right: 20px;font-family: pr;}
.statMenu ul li a:before{content: '';width: 10px;height: 10px;display: block;background: #b7b7b7;border-radius: 100%;position: absolute;left:5px;top: 7px;}

.statMenu ul li.on:after{content: '';width: 100%;height:4px;display: block; background: #3176d0; position: absolute;left: 0;bottom:-25px;}
.statMenu ul li:hover a,
.statMenu ul li.on a{color:#3176d0; font-family: pb;}
.statMenu ul li:hover a:before,
.statMenu ul li.on a:before{background: #3176d0;}

.bookingModule{border: 1px solid #152e6e;padding: 25px 40px 25px 20px;}
.bookin-inner{position:relative;}

.bookingModule .row{display:flex; padding: 10px 0;}

.bookingModule dl {display: flex; flex-grow: 1; align-items: center;}
.bookingModule dl dt{padding:0 10px;}
.bookingModule dl dd{display:flex; align-items: center; width:100%;}
.bookingModule dl.dateW dt{padding:0 16px;}
.bookingModule.size dl {justify-content: center;}
.bookingModule.size dl dd {min-width: 250px;}

.bookingModule dl dt label{font-size: 18px; font-family: 'pb'; white-space: nowrap;}
.bookingModule dl dd select{width: 100%; height: 50px;line-height: 50px;border: 1px solid #ddd;appearance: none;-webkit-appearance: none;padding-left: 10px;font-size: 18px;color: #666;font-family: 'pr'; background: url('../../images/func/b-select-arrow.png') calc(100% - 10px) center no-repeat;}
.bookingModule dl dd span{margin:0 10px; display:inline-block; font-family:'pm';}
.bookingModule dl dd select.date-div{width:160px;}

.b-btnWrap{display:flex; justify-content: flex-end; margin-top: 10px;}
.bookingBtn{margin-left: 20px; padding: 0 40px; border-radius:3px; line-height:50px; font-size:18px; font-family: 'pr'; color:#fff;}
.booking-c01{ background-color: #152e6e;}
.booking-c02{ background-color: #061333;}
.booking-arr{background: url('../../images/func/booking-btn-arr.png') calc(100% - 20px) center no-repeat;color: #555;border: 1px solid #c7d3e3;text-align: left;padding: 0 60px 0 20px;margin-left:10px;width: auto; white-space: nowrap;}

@media screen and (max-width: 1480px) {
	.b-btnWrap{position: relative; margin: 20px auto 0; width: 100%; text-align: left;}
	.bookingModule fieldset .row{padding-right:0 !important;}
}

@media screen and (max-width: 1200px) {
	.bookingModule {padding: 20px;}
	.bookingModule fieldset .row{display:block !important;}
	.bookingModule fieldset .row dl + dl{margin-top:10px;}
	.bookingModule fieldset .row dl dt{min-width:110px; padding-right:15px;}
	.bookingModule dl dt,
	.bookingModule dl.dateW dt {padding: 0;}
	.bookingModule dl dt label {font-size: 16px;}
	.bookingModule dl dd select {height: 40px; line-height: 40px; font-size: 16px;}
}

@media screen and (max-width:768px) {
	.bookingModule fieldset .row dl + dl {margin-top: 5px;}
	.bookingModule fieldset .row.row-1-2-1 {margin-top: 5px;}
    .bookingModule dl dd{flex-wrap: wrap;}
	.bookingModule dl dd select {height: 35px; line-height: 35px;}
    .bookingModule dl dd.date select {width: 30%; margin: 5px 0;}
	.bookingModule dl dd span.slash{display:block; text-align:left;}
	.bookingBtn {width: 100%; margin-left: 0; font-size: 16px;}
	.booking-arr {margin-left: 10px; margin-left: 0;}
}

/* 견학신청 레이어 팝업 */
.choose-cal .choose-box {padding: 20px; border: 1px solid #ccc;}
.choose-cal .info {display: flex; justify-content: space-between; align-items: center;}
.choose-cal .date {display: flex; align-items: center;}
.choose-cal .date strong {margin: 0 20px; font-family: pb; font-size: 23px; color: #111111;}
.choose-cal .date .btn-prev,
.choose-cal .date .btn-next {width: 24px; height: 24px; border: 1px solid #aaaaaa; text-indent: -999999px;}
.choose-cal .date .btn-prev {background: url('../../images/func/btn-cal-prev.png') no-repeat center;}
.choose-cal .date .btn-next {background: url('../../images/func/btn-cal-next.png') no-repeat center;}
.choose-cal .time {display: flex; align-items: center;}
.choose-cal .time strong {position: relative; margin-right: 10px; padding-right: 12px; font-family: pr; font-size: 16px; color: #333333;}
.choose-cal .time strong::after {content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 14px; background: #dddddd;}
.choose-cal .time ul {display: flex; align-items: center;}
.choose-cal .time li {color: #222222;}
.choose-cal .time .color2 {margin-left: 20px;}
.choose-cal .time em {display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 30px; margin-right: 10px; border-radius: 3px; font-family: pr; font-size: 16px; color: #ffffff;}
.choose-cal .time .color1 em {background: #3176d0;}
.choose-cal .time .color2 em {background: #01888e;}
.choose-cal .comment {margin-top: 20px;}
.choose-cal .comment > strong {font-family: pr; font-size: 22px; color: #222222;}
.choose-cal .comment ul {margin-top: 10px;}
.choose-cal .comment li {position: relative; padding-left: 15px; font-family: pr; font-size: 18px; color: #555555;}
.choose-cal .comment li::after {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #3176d0; border-radius: 100%;}
.choose-cal .comment li strong {font-family: pr; color: #000;}

@media screen and (max-width: 910px) {
    .choose-cal .info {flex-wrap: wrap;}
    .choose-cal .date {width: 100%; justify-content: center;}
    .choose-cal .time {width: 100%; justify-content: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #d1d1d1;}
    .choose-cal .comment > strong {font-size: 20px;}
    .choose-cal .comment li {font-size: 16px;}
    .choose-cal .comment li::after {top: 8px;}
}

@media screen and (max-width: 700px) {
    .choose-cal .time {flex-wrap: wrap; justify-content: flex-start;}
    .choose-cal .time ul {width: 100%;}
    .choose-cal .time strong {margin-right: 0; padding-right: 0; margin-bottom: 15px;}
    .choose-cal .time strong::after {display: none;}
    .choose-cal .time em {width: 35px;}
}

.func-cal {position: relative;}
.func-cal:after {content: ''; position: absolute; right: -1px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-cal thead th {padding: 8px 5px; background: #f2fafe; font-family: pr; font-size: 16px; color: #111111;}
.func-cal thead th.sun {color: #ee3737;}
.func-cal thead th.sat {color: #3647eb;}
.func-cal tbody td {position: relative; height: 80px; padding: 10px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; text-align: right; vertical-align: top; font-family: pr; font-size: 16px; color: #555555;}
.func-cal tbody td.sun,
.func-cal tbody td.holly {color: #ee3737;}
.func-cal tbody td.sat {color: #3647eb;}
.func-cal tbody td .state {position: absolute; left: 0; bottom: 15px; display: flex; justify-content: space-between; width: 100%; padding: 0 10px;}
.func-cal tbody td .state button {width: calc(50% - 5px); height: 28px; font-family: pr; font-size: 14px; border-radius: 3px;}
.func-cal tbody td .state button.color1 {background: #3176d0; color: #fff;}
.func-cal tbody td .state button.color2 {background: #01888e; color: #fff;}
.func-cal tbody td .state button.color3 {background: #f5f5f5; color: #888888; cursor: default;}
.func-cal tbody td .state2 button {width: 100%; height: 28px; margin-bottom: 5px; background: #3176d0; border-radius: 3px; font-family: pr; font-size: 13px; color: #fff; }

@media all and (max-width: 1200px) {
	.func-cal thead th,
	.func-cal tbody th,
	.func-cal tbody td {padding: 10px 8px; font-size: 15px;}
}

@media all and (max-width: 960px) {
	.func-cal {overflow-x: hidden; min-height: 200px;}
	.func-cal.on {min-height: auto;}
	.func-cal.no-scroll {min-height: auto;}
	.func-cal table {width: 900px;}
	.func-cal.no-scroll table {width: 100%;}
	.func-cal:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 40px;}
	.func-cal.on:after,
	.func-cal.no-scroll:after {display: none;}
}

/* PDF 뷰어 */
.pdf-viewer {display: flex; border: 0;}
.pdf-viewer .viewer {flex-grow: 1;}
.pdf-viewer .util {flex-shrink: 0; width: 450px; padding-left: 80px;}
.pdf-viewer.multi .util {width: 500px; padding-left: 40px;}
.pdf-viewer .util .button {display: flex; justify-content: space-between; align-items: center;}
.pdf-viewer .util .title {padding: 35px 0}
.pdf-viewer .util .title strong {font-family: gb; font-size: 26px; color: #222222;}
.pdf-viewer .util .title p {font-family: pr; font-size: 17px; color: #333333;}
.pdf-viewer .util .list {border: 1px solid #d5d5d5;}
.pdf-viewer .util .list li {border-bottom: 1px solid #d5d5d5;}
.pdf-viewer .util .list li:last-child {border-bottom: 0;}
.pdf-viewer .util .list a {display: block; padding: 18px 30px; font-family: pr; font-size: 17px; color: #333333;}
.pdf-viewer .util .list a:hover {background: #f2f8ff; color: #3176d0;}

/* 일정관리 */
.sche-wrap .tab-sch {margin-bottom: 30px;}
.sche-wrap .tab-sch ul {display: flex; justify-content: flex-end;}
.sche-wrap .tab-sch li {position: relative; margin-left: 15px; padding-left: 15px;}
.sche-wrap .tab-sch li::after {content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 17px; background: #d2d2d2;}
.sche-wrap .tab-sch li:first-child::after {display: none;}
.sche-wrap .tab-sch li a {display: block; width: 25px; height: 25px; text-indent: -99999px;}
.sche-wrap .tab-sch li.ico1 a {background: url('../../images/func/ic-sch-month.png') no-repeat center;}
.sche-wrap .tab-sch li.ico1 a.active {background: url('../../images/func/ic-sch-month-on.png') no-repeat center;}
.sche-wrap .tab-sch li.ico2 a {background: url('../../images/func/ic-sch-year.png') no-repeat center;}
.sche-wrap .tab-sch li.ico2 a.active {background: url('../../images/func/ic-sch-year-on.png') no-repeat center;}
.sche-wrap .alb-head {background: #202e58;}
.sche-wrap .alb-head .top {padding: 15px 0; border-bottom: 1px solid #798095; text-align: center;}
.sche-wrap .alb-head .top h3 {position: relative; display: inline-block; font-family: pb; font-size: 24px; color: #fff;}
.sche-wrap .alb-head .top h3::before {content: ''; position: absolute; right: calc(100% + 25px); top: 7px; width: 69px; height: 28px; background: url('../../images/func/deco-sch1.png') no-repeat center;}
.sche-wrap .alb-head .top h3::after {content: ''; position: absolute; left: calc(100% + 25px); top: 7px; width: 69px; height: 28px; background: url('../../images/func/deco-sch2.png') no-repeat center;}
.sche-wrap .alb-head .search {display: flex; justify-content: space-between; align-items: center; padding: 21px 30px; border-bottom: 1px solid #798095; text-align: center;}
.sche-wrap .alb-head .search strong {position: relative; display: inline-block; font-family: pb; font-size: 24px; color: #fff;}
.sche-wrap .alb-head .search strong::before {content: ''; position: absolute; right: calc(100% + 25px); top: 1px; width: 69px; height: 28px; background: url('../../images/func/deco-sch1.png') no-repeat center;}
.sche-wrap .alb-head .search strong::after {content: ''; position: absolute; left: calc(100% + 25px); top: 1px; width: 69px; height: 28px; background: url('../../images/func/deco-sch2.png') no-repeat center;}
.sche-wrap .alb-head .search a {flex-shrink: 0; width: 90px;; display: flex; align-items: center; height: 100%; font-family: pb; font-size: 17px; color: #ffffff;}
.sche-wrap .alb-head .search .DirectionLeft {padding-left: 40px; background: url('../../images/func/ic-sch-prev.png') no-repeat left center;}
.sche-wrap .alb-head .search .DirectionRight {padding-right: 40px; background: url('../../images/func/ic-sch-next.png') no-repeat right center;}
.sche-wrap .alb-head .btm {display: flex; justify-content: space-between; align-items: center; height: 75px; padding: 0 30px;}
.sche-wrap .alb-head .btm ul {display: flex; flex-grow: 1; justify-content: space-evenly;}
.sche-wrap .alb-head .btm li {position: relative;}
.sche-wrap .alb-head .btm li.on::before {content: ''; position: absolute; left: 50%; top: 50%; width: 288%; height: 150%; background: #00aec4; border-radius: 100px; transform: translate(-50%, -50%);}
.sche-wrap .alb-head .btm a {position: relative; z-index: 1; font-family: pr; font-size: 16px; color: #ffffff;}
.sche-wrap .alb-head .btm button {flex-shrink: 0; width: 90px;; display: flex; align-items: center; height: 100%; font-family: pb; font-size: 17px; color: #ffffff;}
.sche-wrap .alb-head .btm .prev {padding-left: 40px; background: url('../../images/func/ic-sch-prev.png') no-repeat left center;}
.sche-wrap .alb-head .btm .next {padding-right: 40px; background: url('../../images/func/ic-sch-next.png') no-repeat right center;}
.sche-wrap .alb-body table thead th {padding: 10px; background: #00aec4; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #6bc2cd; font-family: pb; font-size: 18px; color: #fff;}
.sche-wrap .alb-body table {border-left: 1px solid #d6d6d6;}
.sche-wrap .alb-body table tbody {border-left: 1px solid #000; border-left: 1px solid #d6d6d6;}
.sche-wrap .alb-body table tbody td {height: 110px; padding: 10px; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; text-align: left; vertical-align: top; font-family: pr; font-size: 15px; color: #202e58;}
.sche-wrap .alb-body table tbody td .date {font-family: pr; font-size: 16px; color: #000;}
.sche-wrap .alb-body table tbody td.sun .date {color: #ff1800;}
.sche-wrap .alb-body table tbody td.sat .date {color: #004fd2;}
.sche-wrap .listDay li {border-bottom: 1px solid #d7dee3;}
.sche-wrap .listDay .box-sch {display: flex;}
.sche-wrap .listDay .box-sch .num {display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 230px; min-height: 66px; background: #00aec4;}
.sche-wrap .listDay .box-sch .num h3 {font-family: pb; font-size: 24px; text-align: center; color: #fff;}
.sche-wrap .listDay .box-sch .desc {flex-grow: 1; margin-bottom: -1px;}
.sche-wrap .listDay .box-sch table th {padding: 20px; background: #f4f4f4; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pb; font-size: 17px; color: #000000;}
.sche-wrap .listDay .box-sch table td {padding: 20px; background: #fff; border-bottom: 1px solid #d7dee3; font-family: pr; font-size: 17px; text-align: left; color: #000000;}
#_JW_schdulmanage_basic #layer_planner {position: fixed; left: 0; top: 0; z-index: 200; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0,0,0,.8);}
#_JW_schdulmanage_basic #layer_planner.on {display: flex;}
#_JW_schdulmanage_basic #layer_planner .box {position: relative; width: 100%; max-width: 470px; padding: 30px; background: #fff; border-radius: 10px;}
#_JW_schdulmanage_basic #layer_planner strong {display: block; margin-bottom: 20px; font-family: pb; font-size: 24px; color: #333333;}
#_JW_schdulmanage_basic #layer_planner .btn_close {position: absolute; right: 30px; top: 20px; width: 40px; height: 40px; background: url('../../images/func/ic-pop-close.png') no-repeat center; text-indent: -99999px; transform: rotate(0deg); transition: .35s;}
#_JW_schdulmanage_basic #layer_planner .btn_close:hover {transform: rotate(90deg);}

@media screen and (max-width: 1035px) {
	.sche-wrap .alb-head .btm li.on::before {width: 208%;}
	.sche-wrap .inner {padding: 0 10px;}
	.sche-wrap .listDay .box-sch .num {width: 140px;}
	.sche-wrap .listDay .box-sch .num h3 {font-size: 19px;}
	.sche-wrap .listDay .box-sch .desc col:nth-child(1) {width: 150px !important;}
	.sche-wrap .listDay .box-sch table th {padding: 10px; font-size: 15px;}
	.sche-wrap .listDay .box-sch table td {padding: 10px; font-size: 15px;}
}

@media screen and (max-width: 900px) {
	.sche-wrap .month {position: relative;}
	.sche-wrap .month {overflow-x: hidden; min-height: 190px;}
	.sche-wrap .month.on {min-height: auto;}
	.sche-wrap .month .alb-head,
	.sche-wrap .month .alb-body {width: 1300px;}
	.sche-wrap .month:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/func/board/img_mobile_text.png') no-repeat center 40px;}
	.sche-wrap .month.on:after {display: none;}
}

@media screen and (max-width: 700px) {
	.sche-wrap .listDay .box-sch .num {width: 70px;}
	.sche-wrap .alb-head .search strong::before,
	.sche-wrap .alb-head .search strong::after {display: none;}
}

/* 만족도 조사 */
.wrap-rating .inner {max-width: 1480px;}
.wrap-rating .title {display: flex; align-items: center; flex-shrink: 0; width: 215px; font-family: pb; font-size: 18px; color: #121212;}
.wrap-rating .title::before {content: ''; display: inline-block; width: 34px; height: 32px; margin-right: 10px; background: url('../../images/guide/ic-rating1.png') no-repeat center;}
.wrap-rating .form {display: flex; justify-content: space-between; align-items: center; height: 110px; padding: 0 40px; background: #f7f7f7; border-radius: 5px; }
.wrap-rating .box-form {display: flex; justify-content: space-between; align-items: center; flex-grow: 1;}
.wrap-rating .box-form label {margin-right: 10px;}
.wrap-rating .box-input {display: flex; justify-content: space-between; flex-shrink: 0; width: 710px;}
.wrap-rating .box-input input[type="text"] {display: flex; align-items: center; width: calc(100% - 100px); height: 40px; background: transparent; border: 0; border-bottom: 1px solid #000000; font-family: pr; font-size: 16px; color: #222;}
.wrap-rating .box-input input[type="text"]::placeholder {color: #777;}
.wrap-rating .box-input button {display: flex; align-items: center; height: 40px; margin-left: 35px; padding: 0 20px; background: #333333; border-radius: 5px; text-align: center; font-family: pb; font-size: 16px; color: #fff;}
.wrap-rating .box-input button:hover {background: #222222;}

@media screen and (max-width: 1500px) {
	.wrap-rating .form {height: 150px;}
	.wrap-rating .box-form {flex-direction: column; align-items: flex-end;}
	.wrap-rating .box-input {width: 100%; margin-top: 10px;}
	.wrap-rating .box-radio.radio-width label:last-child {margin-right: 0;}
}

@media screen and (max-width: 800px) {
	.wrap-rating .form {flex-wrap: wrap; height: auto; padding: 30px;}
	.wrap-rating .title {width: 100%; margin-bottom: 20px; font-size: 16px;}
	.wrap-rating .box-form {align-items: flex-start;}
	.wrap-rating .box-radio input[type="radio"] {margin-right: 5px;}
	.wrap-rating .box-radio.radio-width label {margin-right: 10px; font-size: 15px;}
	.wrap-rating .box-input input[type="text"] {font-size: 15px;}
	.wrap-rating .box-input button {font-size: 15px;}
}

/* 주차장 혼잡도 */
.parking-num > ul{display: flex; margin: 0 -10px; flex-wrap: wrap;}
.parking-num > ul > li{width: 33.333%; padding: 0 10px; margin-bottom: 40px;}
.parking-num .img-box{position: relative; border: 1px solid #88ADDA; border-radius: 10px; overflow: hidden;}
.parking-num .img-box > img{width: 100%;}
.parking-num .img-box.rest::after {content: '미운영'; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0,0,0,.5); font-family: pr; font-size: 20px; color: #fff;}
.parking-num .num-noti{margin-top: 30px;}
.parking-num .num-txt{display: flex; align-items: center; justify-content: space-between;}
.parking-num .num-txt > span{font-size: 20px; font-family: pb; color: #303030; margin-left: 20px;}
.parking-num .num-txt > strong{font-size: 16px; font-family: pb; color: #fff; padding: 6px 22px; border-radius: 25px;margin-right: 20px; }
.parking-num .num-txt .bg1{background: #2C8279; }
.parking-num .num-txt .bg2{background: #42519e; }
.parking-num .num-txt .bg3{background: #dd7714; }
.parking-num .num-txt .bg4{background: #d43e41; }
.parking-num .num-txt .bg5{background: #555; }

.parking-num .num-line{ height: 10px;border-radius: 25px; position: relative;background: #EEEFF0; margin: 20px 0;}
.parking-num .num-line span {height: 10px;  border-radius: 25px; position: absolute; top: 0; left:0;}
.parking-num .num-line.bg1 span {background: #2C8279;} 
.parking-num .num-line.bg2 span {background: #42519e;} 
.parking-num .num-line.bg3 span {background: #dd7714;} 
.parking-num .num-line.bg4 span {background: #d43e41;} 

@media screen and (max-width:1200px){
  .parking-num .num-txt > span{font-size: 18px;}
  .parking-num .num-txt > strong{font-size: 15px;}
}

@media screen and (max-width:1024px){
  .parking-num > ul{flex-wrap: wrap;}
  .parking-num > ul > li{width: 50%; margin-bottom: 20px;}
  .parking-num > ul > li:last-child{margin-bottom: 0;}
}

@media screen and (max-width:768px){
  .parking-num > ul > li{width: 100%;}
}

/* 항공편 검색 */
.air-num .common-pop2 {max-width: 500px;}
.air-num .ico {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.air-num .ico::before {content: ''; width: 150px; height: 150px; background: #f6f6f6 url('../../images/func/ic-icon-banner1.png') no-repeat center; border-radius: 100%;}
.air-num .ico strong {display: block; width: 100%; margin: 20px 0; font-family: pb; font-size: 25px; text-align: center;}
.air-num .form {display: flex; justify-content: space-between; width: 100%;}
.air-num .form .inp {flex-grow: 1;}
.air-num .form .button {flex-shrink: 0; width: 80px; margin-top: 0; padding-left: 10px;}
.air-num .form .btn-auth-form {width: 100%; height: 40px; background: #1473e6; border-radius: 5px; font-family: pb; font-size: 15px; color: #fff;}
.air-num .form .btn-auth-form:hover {background: #0b55b1;}
.air-num .form input {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #222;}
.air-num .form input:focus {border-color: #1473e6;}
.air-num .form input::placeholder {font-family: pr; font-size: 14px; color: #999999;}
.air-num .result {margin-top: 20px; padding: 20px 0 0 0; border-top: 1px solid #d1d1d1; text-align: center; font-family: pr; color: #000;}
.air-num .result span {font-family: pb; color: #014291;}
.air-num .btn {margin-top: 10px;}

#table_page {margin: 20px 0;}
#table_page p {font-family: pr; font-size: 16px;}
#table_page strong {color: #3176D0;}

/* 장애인 안심 여행센터 */
.safe-step {display: flex; width: calc(100% + 30px); min-height: 350px;}
.safe-step .step {width: 33.333%; padding-right: 30px;}
.safe-step .step .box {height: 100%; padding: 40px; background: #f5f6f8; border-radius: 10px;}
.safe-step .title {display: flex; justify-content: space-between; align-items: center; height: 80px;}
.safe-step .title .text {display: flex; flex-direction: column;}
.safe-step .title .text em {font-family: pb; font-size: 18px; color: #1473e6;}
.safe-step .title .text strong {font-family: pb; font-size: 30px; line-height: 1.3; color: #000000;}
.safe-step .detail {padding-top: 40px;}
.safe-step .detail .comment {font-family: pr; font-size: 18px; color: #333333;}
.safe-step .detail .form {padding-top: 20px;}
.safe-step .detail .noti {padding-bottom: 18px; font-family: pr; font-size: 16px; color: #e63946;}
.safe-step .detail .agree {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.safe-step .detail .date input {width: 100%; height: 40px; padding: 0 10px; background: #fff url('../../images/func/ic-form-cal.png') no-repeat calc(100% - 10px) center; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.safe-step .detail .date {position: relative;}
/* .safe-step .detail .date::after {content: ''; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url('../../images/func/ic-form-cal.png') no-repeat center;} */
.safe-step .detail .select select {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 15px; background: #fff url('../../images/func/ic-form-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.safe-step .detail .select select:focus {box-shadow: 0 0 0 3px #cfe5ff;}

@media screen and (max-width: 1430px) {
    .safe-step .title .text strong {font-size: 25px;}
    .safe-step .title .text em {font-size: 17px;}
    .safe-step .detail .noti {font-size: 15px;}
    .safe-step .detail .comment {font-size: 16px;}
}

@media screen and (max-width: 1200px) {
    .safe-step .detail .agree {flex-wrap: wrap;}
    .safe-step .detail .agree .btn {width: 100%;}
    .safe-step .detail .agree .ok {width: 100%; padding-top: 10px;}
}

@media screen and (max-width: 1024px) {
    .safe-step .step .box {padding: 15px 25px;}
    .safe-step .title .ico {width: 60px;}
    .safe-step .title .ico img {object-fit: cover;}
}

@media screen and (max-width: 850px) {
    .safe-step {flex-wrap: wrap; width: 100%;}
    .safe-step .step {width: 100%; padding: 0; padding-bottom: 30px;}
    .safe-step .step:last-child {padding-bottom: 0;}
}

/* 공사 기능 중간단계 */
.func-result .row {display: flex; justify-content: center;}
.func-result .box {width: 50%; text-align: center;}
.func-result .box1 {padding-right: 20px;}
.func-result .box2 {padding-left: 20px;}
.func-result .con {padding: 70px 0; background: #fafafa; border: 1px solid #dddddd;}
.func-result .box1 .con {border-top: 3px solid #3176d0;}
.func-result .box2 .con {border-top: 3px solid #152e6e;}
.func-result .btn {display: flex; justify-content: center; margin-top: 20px;}
.func-result .btn-result {display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 230px; height: 60px; padding: 0 20px; border-radius: 3px; font-family: pb; font-size: 22px; color: #fff;}
.func-result .btn-result::after {content: ''; width: 13px; height: 20px; background: url('../../images/func/arr-func-result.png') no-repeat center;}
.func-result .box1 .btn-result {background-color: #3176d0;}
.func-result .box1 .btn-result:hover {background-color: #2668be;}
.func-result .box2 .btn-result {background-color: #152e6e;}
.func-result .box2 .btn-result:hover {background-color: #0c2054;}

@media screen and (max-width: 1024px) {
    .func-result .btn-result {font-size: 20px;}
}

@media screen and (max-width: 700px) {
    .func-result .row {flex-wrap: wrap;}
    .func-result .box {width: 100%;}
    .func-result .box1,
    .func-result .box2 {padding: 0;}
    .func-result .box1 {margin-bottom: 30px;}
}

/* 연혁 */
.histWrap .row {display: flex; align-items: flex-start;}
.histWrap .logo {display: flex; align-items: center; width: 50%;}
.histWrap .logo .text {padding-left: 10px;}
.histWrap .logo .text em,
.histWrap .logo .text strong {display: block; font-family: gb;}
.histWrap .logo .text em {font-size: 22px; color: #aaaaaa;}
.histWrap.ico .logo .text em {font-size: 45px;}
.histWrap .logo .text strong {font-size: 50px; color: #688db7;}

.histWrap .con {position: relative; width: 50%; padding-left: 30px;}
.histWrap .con .line {position: relative; padding-bottom: 50px;}
.histWrap .con .line::after {content: ''; position: absolute; left: -50px; top: 20px; z-index: 1; width: 43px; height: 16px; background: #fff url('../../images/func/ic-history.png') no-repeat center;}
.histWrap .con .line::before {content: ''; position: absolute; left: -30px; top: 10px; width: 1px; height: 100%; background: #d8d8d8;}
.histWrap.ico .con .line::after {left: -40px; width: 26px; height: 25px; background: url('../../images/func/ic-history2.png') no-repeat center;}
.histWrap .con .info {margin-top: 10px;}
.histWrap .con .year strong {font-family: gb; font-size: 60px; line-height: 1.2; color: #00aec4;}
.histWrap .con .detail {display: flex;}
.histWrap .con .date {flex-shrink: 0; width: 40px;}
.histWrap .con .date strong {font-family: sb; font-size: 24px; color: #202e58;}
.histWrap .con .date .y-text {display: none;}
.histWrap .con .date .d-text {display: none;}
.histWrap .con .desc {flex-grow: 1; padding-top: 6px;}
.histWrap .con .desc br {display: none;}
.histWrap .con .desc li {padding-left: 15px; padding-bottom: 11px; background: url('../../images/func/arr-history.png') no-repeat left 8px; font-family: sr; font-size: 16px; color: #000000;}
.histWrap .con ._noData {padding: 90px 0; text-align: center;}

@media screen and (max-width: 1460px) {
    .histWrap .logo .text em {font-size: 18px;}
    .histWrap.ico .logo .text em {font-size: 35px;}
    .histWrap .logo .ico {width: 100px;}
    .histWrap .logo .text strong {font-size: 40px;}
}

@media screen and (max-width: 1080px) {
    .histWrap .row {flex-direction: column;}
    .histWrap .logo {width: 100%; margin-bottom: 40px;}
    .histWrap .logo .ico {width: 140px;}
    .histWrap .con {width: 100%;}
}

@media screen and (max-width: 768px) {
    .histWrap.ico .logo .text em {font-size: 20px;}
    .histWrap .logo .text em {font-size: 13px;}
    .histWrap .logo .text strong {font-size: 30px;}
    .histWrap .con .line {padding-bottom: 40px;}
    .histWrap .con .year strong {font-size: 45px;}
    .histWrap .con .desc li {font-size: 15px;}
}

/*적재대*/
.juck-list .func-table tbody td {font-size: 15px;}
.juck-list .board-list .btns {display: flex; justify-content: space-between;}

.juck-result .func-table tbody td {padding: 10px 5px; font-size: 14px; word-break: break-word;}
.juck-result .btn-func.small {min-width: 50px;}
.juck-result .board-list .btns {display: flex; justify-content: space-between;}
.juck-result .srch_box .view-search {width: auto;}
.juck-result .srch_box .btn-juck {width: 50px; height: 50px; margin-left: 10px; background: url('../../images/func/board/ic-board-search.png') no-repeat center; border: 1px solid #bcbcbc; border-radius: 5px; font-size: 16px; text-indent: -999999px; color: #000;}
.juck-result .srch_box .btn-juck-excel {display: flex; justify-content: center; align-items: center; height: 50px; margin-left: 10px; font-family: pr; font-size: 16px; padding: 0 10px; border: 1px solid #107c41; border-radius: 5px; color: #666666;}
.juck-result .srch_box .btn-juck-excel:hover {color: #107c41}
.juck-result .srch_box .btn-juck-excel::before {content: ''; margin-right: 10px; width: 23px; height: 20px; background: url('../../images/func/ic-exel-down.png') no-repeat center;}

@media screen and (max-width: 768px) {
    .juck-result .srch_box .box-search {flex-wrap: wrap;}
    .juck-result .srch_box .board-date {width: 100%;}
    .juck-result .srch_box .view-search {width: 100%; margin-top: 10px;}
}

/* 운항자료서비스 */
.wrap-airinfo .search {display: flex; justify-content: center; align-items: center; border: 3px solid #88ADDA; border-radius: 10px; padding: 30px 0;}
.wrap-airinfo .search .text {font-family: pr; font-size: 18px; color: #000;}
.wrap-airinfo .search select {display: flex; align-items: center; width: 100%; height: 50px; padding-left: 20px; padding-right: 40px; background: #fff url('../../images/func/ic-plane-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 17px; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wrap-airinfo .search select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.wrap-airinfo .input input[type="text"] {display: flex; align-items: center; width: 100%; height: 50px; padding-left: 20px; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 17px; color: #222;}
.wrap-airinfo .input input[type="text"]:focus {border-color: #1473e6;}
.wrap-airinfo .search .btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #1473E6; padding: 0 20px; border-radius: 5px; font-family: pr; font-size: 18px; color: #fff;}
.wrap-airinfo .search .btn:hover {background: #0b55b1;}
.wrap-airinfo .search .btn::before {content: ''; width: 20px; height: 20px; background: url('../../images/func/ic-plane-search.png') no-repeat center; margin-right: 15px;}

.wrap-airinfo .search.type .row {display: flex; justify-content: center; align-items: center; margin: 10px 0;}
.wrap-airinfo .util {display: flex; justify-content: flex-end;}

.airinfo-latest li {position: relative; margin-bottom: 5px; padding-left: 15px;}
.airinfo-latest li::before {content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 100%; background: #1473e6;}
.airinfo-latest li a {font-family: 'pr'; font-size: 17px; color: #333;}

@media screen and (max-width: 940px) {
    .wrap-airinfo .search {flex-direction: column; padding: 20px;}
    .wrap-airinfo .search > div {width: 100%; margin: 5px 0;}
    .wrap-airinfo .search.type .row {flex-wrap: wrap;}
    .wrap-airinfo .search.type .row > div {width: 100%; margin: 5px 0;}
    .wrap-airinfo .search .text {font-size: 15px;}
    .wrap-airinfo .search select {height: 30px; padding-left: 10px; font-size: 15px;}
    .wrap-airinfo .search .btn-func {width: 100%; margin: 5px 0;}
}

/* 홈 투 에어포트 */
.selhidden {display: none;}
.selhidden > option {display: none;}
.wrap-home {display: flex; align-items: flex-start; height: 810px; margin-top: 30px;}
.wrap-home .form {flex-shrink: 0; width: 390px; height: 100%; padding: 25px; background: #f9f9f9; border-radius: 15px;}
.wrap-home .subject strong {font-family: pb; font-size: 16px; color: #000;}
.wrap-home .input input[type="text"] {width: 100%; height: 40px; padding: 0 10px; background: #fff; border: 1px solid #bcbcbc; border-radius: 5px; font-family: pr; font-size: 14px; color: #333;}
.wrap-home .input input[type="text"]:focus {border-color: #1473e6;}
.wrap-home .select select {display: flex; align-items: center; width: 100%; height: 40px; padding-left: 15px; background: #fff url('../../images/func/ic-form-arrow.png') no-repeat right center; border: 1px solid #BCBCBC; border-radius: 5px; font-family: pr; font-size: 14px; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wrap-home .select select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.wrap-home .start {display: flex; justify-content: space-between;}
.wrap-home .start-button {padding-left: 10px;}
.wrap-home .btn-start {display: inline-flex; justify-content: center; align-items: center; width: 65px; height: 40px; padding: 0 10px; background: #2c8279; border-radius: 5px; font-family: pr; font-size: 13px; color: #ffffff;}
.wrap-home .btn-start:hover {background: #1b6961;}
.wrap-home .airplane input[type="text"] {background: #fff url('../../images/func/ic-hometo-list.png') no-repeat right center; cursor: pointer;}
.wrap-home .airplane button {width: 100%;}
.wrap-home .button {text-align: center;}
.wrap-home .button .btn-step {display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 40px; padding: 0 20px; background: #1473e6; border-radius: 5px; font-family: pr; font-size: 15px; color: #ffffff;}
.wrap-home .button .btn-step:hover {background: #1060c1;}
.wrap-home .button .btn-step.color1 {background: #6E798E;}
.wrap-home .button .btn-step.color1:hover {background: #515d72;}
.wrap-home .state {display: flex; justify-content: space-between; margin-bottom: 27px; padding: 20px; background: #011d3f; border-radius: 10px; font-family: pr; font-size: 14px; color: #fff;}
.wrap-home .state .plane-name {margin-bottom: 5px; font-size: 16px; color: #ffb300;}
.wrap-home .state .plane-number {display: flex; justify-content: space-between;}
.wrap-home .state .info .time {margin-bottom: 5px; color: #fff;}
.wrap-home .target {padding-bottom: 10px; border-bottom: 1px solid #000; font-family: pb; font-size: 16px; color: #000;}
.wrap-home .tab {display: flex; align-items: center; margin-top: 15px;}
.wrap-home .tab .btn-tab {display: inline-flex; justify-content: center; align-items: center; min-width: 100px; height: 40px; margin-right: 10px; border: 2px solid #8b8b8b; border-radius: 20px; font-family: pr; font-size: 13px; color: #2e2e2e;}
.wrap-home .tab .btn-tab:hover,
.wrap-home .tab .btn-tab.on {background: #2e2e2e; border-color: #2e2e2e; color: #fff;}
.wrap-home .detail {margin-top: 20px;}
.wrap-home .time {font-family: pr; font-size: 14px; color: #000000;}
.wrap-home .time strong {font-family: pb; font-size: 16px;}
.wrap-home .time-start {display: flex; align-items: center; margin-top: 13px; font-family: pb; font-size: 14px; color: #1473e6;}
.wrap-home .time-start::before {content: ''; display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 22px; background: #1473e6 url('../../images/func/ic-hometo-maker.png') no-repeat center; border-radius: 100%;}
.wrap-home .time-end {display: flex; align-items: center; font-family: pb; font-size: 14px; color: #e63946;}
.wrap-home .time-end::before {content: ''; display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 22px; background: #e63946 url('../../images/func/ic-hometo-plane.png') no-repeat center; border-radius: 100%;}
.wrap-home .time-step .row {position: relative; display: flex; padding: 13px 0; font-family: pr; font-size: 13px; color: #000;}
.wrap-home .time-step .row::after {content: ''; position: absolute; left: 36px; top: 0; width: 2px; height: 100%;}
.wrap-home .time-step .row.type1::after {background: #ffc700;}
.wrap-home .time-step .row.type2::after {background: #de2121;}
.wrap-home .time-step .row.type3::after {background: #0bbe39;}
.wrap-home .time-step .col1 {position: relative; flex-shrink: 0; width: 37px;}
.wrap-home .time-step .col2 {flex-shrink: 0; width: 75px; padding-left: 13px;}
.wrap-home .time-step .col3 {flex-grow: 1;}
.wrap-home .bus-step {margin-top: 10px;}
.wrap-home .bus-step {font-family: pb; font-size: 13px; color: #000;}
.wrap-home .bus-step .row {position: relative; padding-left: 58px;}
.wrap-home .bus-step .row.in {padding-bottom: 10px;}
.wrap-home .bus-step .row::before {content: ''; position: absolute; left: 32px; top: 5px; z-index: 1; width: 10px; height: 10px; background: #fff; border: 2px solid #1473e6; border-radius: 100%;}
.wrap-home .bus-step .row.in::after {content: ''; position: absolute; left: 36px; top: 5px; width: 2px; height: 100%; background: #1473e6;}
.wrap-home .bus-step .walking {position: relative; height: 40px;}
.wrap-home .bus-step .walking::before {content: ''; position: absolute; left: 36px; top: 0; width: 2px; height: 100%; background: url('../../images/func/ic-hometo-dashed.png') repeat-y;}
.wrap-home .air-step {margin-top: 10px; font-family: pr; font-size: 13px; color: #000;}
.wrap-home .air-step .row {position: relative; display: flex; padding-bottom: 20px;}
.wrap-home .air-step .row::before {content: ''; position: absolute; left: 33px; top: 5px; z-index: 1; width: 10px; height: 10px; background: #fff; border: 2px solid #1473e6; border-radius: 100%;}
.wrap-home .air-step .row::after {content: ''; position: absolute; left: 37px; top: -10px; width: 2px; height: calc(100% + 10px); background: url('../../images/func/ic-hometo-dashed.png') repeat-y;}
.wrap-home .air-step .col1 {flex-shrink: 0; width: 33px;}
.wrap-home .air-step .col2 {flex-grow: 1; padding-left: 20px;}
.wrap-home .air-step .col2 em {font-family: pb;}
.wrap-home .bus-name {display: inline-flex; justify-content: center; align-items: center; height: 30px; margin-top: 10px; padding: 0 13px; background: #fff; border: 1px solid #1473e6; border-radius: 5px; color: #1473e6;}
.wrap-home .result {background: #fff; margin-top: 20px; padding: 0 20px; border-radius: 10px;}
.wrap-home .result li {display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed #adadad;}
.wrap-home .result li:last-child {border: 0;}
.wrap-home .result span {font-family: pr; font-size: 15px; color: #333;}
.wrap-home .result strong {font-family: pb; font-size: 13px; color: #000;}
.wrap-home .map {flex-grow: 1; height: 100%; padding-left: 20px;}
.wrap-home .map .box {display: flex; overflow: hidden; height: 100%; border: 1px solid #dadada; border-radius: 15px;}
.wrap-home .map .box img {object-fit: cover;}

@media screen and (max-width: 768px) {
    .wrap-home {flex-direction: column-reverse; height: auto;}   
    .wrap-home .map {width: 100%; height: 400px; padding-left: 0; padding-bottom: 20px;}
    .wrap-home .form {width: 100%;}
}

/* 페이지 이동중 */
.wrap-redirect {display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh;}
.wrap-redirect .box {display: flex; justify-content: center; align-items: center; width: 90%; max-width: 500px; padding: 100px 0; border: 1px solid #fff; border-radius: 10px; box-shadow: 0 0 7px rgba(0,0,0,.2);}
.wrap-redirect .box p {padding: 50px 50px 0 50px; background: url('../../images/business/ic-logo.png') no-repeat top center; font-family: pb; font-size: 19px; color: #777;}


/* E-Book 게시판 타입1 */
.ebookWrap {position: relative; border-top:2px solid #01888e;}
.ebookWrap ul {padding-top: 30px; display: flex; flex-wrap:wrap; width:calc(100% + 30px);}
.ebookWrap li {padding-right:30px; padding-bottom: 55px;}
.ebookWrap .thumb {position: relative; overflow:hidden; border:1px solid #ddd; width:100%; height:100%;}
.ebookWrap .thumb img {width:100%; height:100%; object-fit: cover;}
.ebookWrap .hover-btn {position: absolute; top:100%; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: top .3s; display: flex; align-items: center; justify-content: center;}
.ebookWrap .thumb:hover .hover-btn {top:0;}
.ebookWrap .year {margin-top: 13px;}
.ebookWrap .year > span {border-radius:50px; background: #01888e; color:#fff; font-family: pr; font-size: 16px; letter-spacing: -.05em; line-height: 28px; display: inline-block; padding:0 15px;}
.ebookWrap .subject {font-size: 20px; letter-spacing: -.05em; color:#222; font-family: pb; margin-top: 5px; display: block; padding-bottom: 15px; border-bottom:1px solid #222; }
.ebookWrap .subject span {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.ebookWrap .cn {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; font-size: 16px; line-height: 25px; letter-spacing: .025em; color:#555; padding-top: 10px; } 
.ebookWrap .hover-btn .btn-inner > a  {display: inline-flex;justify-content: center;align-items: center;}
.ebookWrap .boxtype1 li {width:100%;}
.ebookWrap .boxtype2 li {width:50%;}
.ebookWrap .boxtype3 li {width:33.3333%;}
.ebookWrap .boxtype4 li {width:25%;}
.ebookWrap .boxtype5 li {width:20%;}

@media (min-width: 1001px) and (max-width: 1300px) {
    .ebookWrap .hover-btn .btn-inner > a {display: flex;line-height: 35px;margin: 0 0 5px;}
    .ebookWrap .hover-btn .btn-inner > a::after {top: 1px;}
    .ebookWrap .hover-btn .btn-inner > a:last-child {margin: 0;}
}

@media screen and (max-width:1000px) {
    .ebookWrap li {width:50% !important;}
    .ebookWrap .subject {font-size: 18px;}
    .ebookWrap .cn {font-size: 15px;}
}
@media screen and (max-width:768px) {
    .ebookWrap li {width:100% !important;}
    .ebookWrap .thumb img {width:100%;}
}

/* E-Book 게시판 타입2 */
.ebookWrap2 {position: relative; border-top:2px solid #01888e;}
.ebookWrap2 ul {padding-top: 30px; display: flex; flex-wrap:wrap; width:calc(100% + 30px);}
.ebookWrap2 li {width:auto; padding-right:30px; padding-bottom: 75px;}
.ebookWrap2 .thumb {position: relative; overflow:hidden; border:1px solid #ddd; height:330px;}
.ebookWrap2 .thumb img {width:100%; height:100%; object-fit: cover;}
.ebookWrap2 .hover-btn {position: absolute; top:100%; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: top .3s; display: flex; align-items: center; justify-content: center;}
.ebookWrap2 .hover-btn a {display: flex;justify-content: center;align-items: center;line-height: 38px;margin-top: 0;}
.ebookWrap2 .hover-btn a:last-child {margin: 5px 0 0;}
.ebookWrap2 .btn-style2.ico1::after {top: 1px;}
.ebookWrap2 .thumb:hover .hover-btn {top:0;}
.ebookWrap2 .year {margin-top: 13px;}
.ebookWrap2 .year > span {border-radius:50px; background: #01888e; color:#fff; font-family: pr; font-size: 16px; letter-spacing: -.05em; line-height: 28px; display: inline-block; padding:0 15px;}
.ebookWrap2 .subject {font-size: 20px; letter-spacing: -.05em; color:#222; font-family: pb; display: block; margin:10px 0; text-align: center;}
.ebookWrap2 .subject span {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}

.ebookWrap2 .boxtype1 li {width:100%;}
.ebookWrap2 .boxtype2 li {width:50%;}
.ebookWrap2 .boxtype3 li {width:33.3333%;}
.ebookWrap2 .boxtype4 li {width:25%;}
.ebookWrap2 .boxtype5 li {width:20%;}

.ebookWrap2 .boxtype1 li:nth-last-child(-n+1) {padding-bottom:0;}
.ebookWrap2 .boxtype2 li:nth-last-child(-n+2) {padding-bottom:0;}
.ebookWrap2 .boxtype3 li:nth-last-child(-n+3) {padding-bottom:0;}
.ebookWrap2 .boxtype4 li:nth-last-child(-n+4) {padding-bottom:0;}
.ebookWrap2 .boxtype5 li:nth-last-child(-n+5) {padding-bottom:0;}


@media screen and (max-width:1200px) {
	.ebookWrap2 .boxtype5 li {width: 25% !important;}
    .ebookWrap2 .hover-btn a {line-height: 35px;}
}
@media screen and (max-width:1000px) {
    .ebookWrap2 li {width:50% !important;}
    .ebookWrap2 .boxtype3 li {width: 50% !important; padding-bottom:40px !important;}
    .ebookWrap2 .boxtype4 li {width: 33.3333% !important; padding-bottom:40px !important;}
    .ebookWrap2 .boxtype5 li {width: 33.3333% !important; padding-bottom:40px !important;}
    .ebookWrap2 .subject {font-size: 18px;}

}
@media screen and (max-width:768px) {
    .ebookWrap2 li {width:100% !important;}
    .ebookWrap2 .btn-inner > div:nth-child(2) {display: flex; flex-direction: column; align-items: center;}
    .ebookWrap2 .boxtype4 li {width: 50% !important;}
    .ebookWrap2 .boxtype5 li {width: 33.3333% !important;}
	.ebookWrap2 .thumb {height:270px;}
    .ebookWrap2 .thumb img {width:100%;}
}
@media screen and (max-width:600px) {
    .ebookWrap2 .boxtype5 li {width: 50% !important;}
}

/* 주소 검색 */
#apiPostAddr .layer-title {font-size: 20px; padding: 15px 0; border-bottom: 2px solid #000;}
#apiPostAddr .address > p {font-size: 14px; padding: 10px 0;}
#apiPostAddr #postInfo {border-radius:3px; border: 1px solid #ccc;}
#apiPostAddr .list1 li {padding-left:15px; position: relative;}
#apiPostAddr .list1 li::after {content:''; width:3px; height:3px; background:#000; border-radius:50%; position: absolute; left:0; top:10px;}

/* 대기질 실시간 측정결과 */
@media screen and (max-width:700px) {
    .info-box2.img {flex-wrap:wrap;}
    .info-box2.img .con {padding-left: 0; padding-top: 20px;}
    .func-title.type {flex-wrap:wrap;}
    .func-title.type .must-text {margin-top: 10px; width:100%;}
}

/* 항공기 소음 측정결과 이미지 스크롤 */
@media screen and (max-width:960px) {
    .scroll-noise-map {overflow-x: hidden; min-height: 130px;}
	.scroll-noise-map.on {min-height: auto;}
	.scroll-noise-map.no-scroll {min-height: auto;}
	.scroll-noise-map .noise-map {width: 1300px;}
	.scroll-noise-map.no-scroll table {width: 100%;}
	.scroll-noise-map:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,.5) url('../../images/func/board/img_mobile_text.png') no-repeat center 20px;}
	.scroll-noise-map.on:after,
	.scroll-noise-map.no-scroll:after {display: none;}
}

/* 관리자 안내 */
.admin-notice {background: #fbf4d4; margin-top: 15px; padding: 20px; border-radius: 10px; border: 1px solid #a09252;}
.admin-notice ul {margin-bottom: 10px;}
.admin-notice li {position: relative; margin-bottom: 4px; padding-left: 15px; text-align: left; font-family: pr; font-size: 15px; color: #002d64;}
.admin-notice li:last-child {margin-bottom: 0;}
.admin-notice li::after {content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #002d64; border-radius: 100%;}
.admin-notice .noti {position: relative; display: block;  padding: 3px 0 3px 30px; font-family: pb; font-size: 16px; color: #014291;}
.admin-notice .noti::after {content: ''; position: absolute; left: 0; top: 3px; width: 24px; height: 22px; background: url('../../images/func/ic-noti1.png') no-repeat center center;}
.admin-notice .title {display: block; margin-bottom: 10px; font-family: pb; font-size: 20px; color: #014291;}

/* 최단경로안내 */
.short-plane {display: flex; align-items: center; flex-wrap: wrap; background: #042751; padding: 12px 30px; border-radius: 10px;}
.short-plane > strong {width: 120px; flex-shrink: 0; color: #ffe000;}
.short-plane ul {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; flex-grow: 1;}
.short-plane ul li {display: flex; align-items: center;}
.short-plane ul li::after {content: ''; display: inline-block; width: 30px; height: 30px; margin-left: 10px; background: url('../../images/func/arr-plane-step.png') no-repeat 10px;}
.short-plane ul li:last-child::after {display: none;}
.short-plane ul em {margin-right: 10px; color: #999;}
.short-plane ul strong {position: relative; top: -1px; font-family: pb; color: #fff;}
.short-map {margin-top: 20px;}

@media screen and (max-width: 750px) {
    .short-plane ul {justify-content: flex-start;}
}

/* 에러페이지 */
.sub #_contentBuilder #menu5167_obj1445 {width: 100%; height: 100% !important;}
.wrap-error {display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background: #c8e7f3 url('../../images/func/bg-error.jpg') no-repeat center;}
.wrap-error .inner {max-width: 1240px; margin: 0 auto; text-align: center;}
.wrap-error .big-font {position: relative; font-family: pb; font-size: 50px; line-height: 1; color: #5c8fdb;}
/* .wrap-error .big-font .icon {position: absolute; right: -210px; top: -187px; width: 409px; height: 242px; background: url('../../images/func/ic-error.png') no-repeat center;} */
.wrap-error .small-font {margin-top: 35px; font-family: pr; font-size: 20px; color: #333;}
.wrap-error .link {display: inline-flex; justify-content: center; align-items: center; height: 55px; margin-top: 70px; background: #204e93; padding: 0 90px; border-radius: 100px; color: #fff;}

@media screen and (max-width: 1200px) {
    .wrap-error .big-font {font-size: 35px;}
    .wrap-error .small-font {font-size: 17px;}
    /* .wrap-error .big-font .icon {right: -80px; top: -94px; width: 200px; height: 122px; background-size: 100% auto;} */
    .wrap-error .link {margin-top: 50px;}
}

@media screen and (max-width: 1000px) {
    .wrap-error .big-font {font-size: 30px;}
    .wrap-error .small-font {margin-top: 20px;}
    .wrap-error .link {height: 50px; margin-top: 30px; padding: 0 50px;}
}

@media screen and (max-width: 768px) {
    .wrap-error .big-font {font-size: 20px;}
    .wrap-error .small-font {font-size: 15px;}
    .wrap-error .link {height: 40px; margin-top: 20px; padding: 0 40px;}
}

.sound-state {display: flex; justify-content: space-between; margin-bottom: 10px; }
.sound-state strong {font-size: 17px;}

@media screen and (max-width: 900px) {
    .form_area > div {width: 100% !important;}
    .form_area > div > div {width: 95% !important;}
}

/* as-is 게시판 뷰 스타일*/
.board-view .view .con h2 {
  margin-bottom: 20px;
  line-height: 1.5;
}

.board-view .view .con p {
  margin-bottom: 20px;
}

.table caption {
  display: none;
}

table caption {
  text-indent: -999em;
  font-size: 0;
}

.table.vt {
  border-top: 2px solid #444;
  border-bottom: 1px solid #a5a7aa;
}

.table.vt.border-no {
  border-top: none;
}

.table.vt.border-no td:last-child {
  border-right: 1px solid #d9d9d9;
}

.table.vt.border-right td:last-child {
  border-right: 1px solid #d9d9d9;
}

.table.vt tr.on {
  background: #f3f4f8;
}

.table.vt tr.border-top th {
  border-top: 1px solid #d9d9d9;
}

.table.vt th {
  padding: 19px 0 16px;
  font-weight: 700;
  position: relative;
}

.table.vt th:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #a5a7aa;
  position: absolute;
  top: 17px;
  right: 0;
}

.table.vt th:last-child:after {
  content: none;
}

.table.vt td {
  padding: 19px 20px 16px;
  line-height: 1.4;
  border-right: 1px solid #f2f4f7;
  border-top: 1px solid #d9d9d9;
  vertical-align: middle;
}

.table.vt td.center {
  text-align: center;
}

.table.vt td1.center {
  text-align: center;
}

.table.vt td.right {
  text-align: right;
}

.table.vt td1.right {
  text-align: right;
}

.table.vt td:last-child {
  border-right: 0;
}

.table.vt td.color-b {
  border-left: 4px solid #42519e;
}

.table.vt td.color-g {
  border-left: 4px solid #2c8279;
}

.table.vt td.color-o {
  border-left: 4px solid #dd7714;
}

.table.vt td .board-list-link {
  transition: all .2s;
}

.table.vt td .board-list-link:hover {
  color: #999;
}

.table.vt td .board-list-link.lock:after {
  content: "";
  display: inline-block;
  background: url(/static/co/images/spr_ico_crud.png) no-repeat -45px -52px;
  width: 13px;
  height: 17px;
  margin-left: 14px;
  vertical-align: -1px;
}

.table.vt td .board-list-link.good:before {
  content: "";
  display: inline-block;
  background: url(/static/co/images/spr_ico_crud.png) no-repeat -52px -89px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  vertical-align: -5px;
}

.table.vt td .board-list-link.bad:before {
  content: "";
  display: inline-block;
  background: url(/static/co/images/spr_ico_crud.png) no-repeat -16px -89px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  vertical-align: -5px;
}

.table.vt.board-list td {
  border-right: 0;
  padding: 20px 0;
}

.table.vt.board-list td.no-data-found {
  padding: 130px 20px;
}

.table.vt.padding-0 thead tr:nth-child(even) th {
  border-top: 1px solid #d9d9d9;
}

.table.vt.padding-0 th {
  vertical-align: middle;
  font-size: 0.875rem;
  display: table-cell;
}

.table.vt.padding-0 th:after {
  height: 26px;
}

.table.vt.padding-0 th:nth-child(2) {
  border-top: 1px solid #d9d9d9;
}

.table.vt.padding-0 td {
  padding: 23px 0;
}

.table.vt-dark {
  border-bottom: 1px solid #a5a7aa;
}

.table.vt-dark.writing td {
  vertical-align: top;
}

.table.vt-dark1 {
  border-bottom: 1px solid #a5a7aa;
}

.table.vt-dark.pd0 th, .table.vt-dark.pd0 td {
  padding: 6px 0;
}

.table.vt-dark.pds th {
  padding: 10px 15px;
}

.table.vt-dark.pds td {
  padding: 8px 15px;
}

.table.vt-dark.border-top {
  border-top: 1px solid #a5a7aa;
}

.table.vt-dark tbody tr.orange {
  background: #ffddbc;
}

.table.vt-dark tbody tr.red {
  background: #ffa5a5;
}

.table.vt-dark tbody tr.blue {
  background: #beeaff;
}

.table.vt-dark tbody tr.yellow {
  background: #fff1af;
}

.table.vt-dark tbody tr.span td {
  border-right: 1px solid #f2f4f7;
}

.table.vt-dark tbody tr.span td:first-child {
  border-left: 0;
}

.table.vt-dark tbody tr:first-child td {
  border-top: 0;
}

.table.vt-dark tbody tr.total {
  background: #f3f4f8;
}

.table.vt-dark th {
  padding: 18px 0 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  background: #323648;
  border-right: 1px solid #474a5b;
  vertical-align: middle;
}

.table.vt-dark1 th {
  padding: 18px 0 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  background: #323648;
  border-right: 1px solid #474a5b;
  vertical-align: middle;
}

.table.vt-dark th:last-child {
  border-right: 0;
}

.table.vt-dark th.left {
  text-align: left;

  padding-left: 20px;
  border-bottom: 1px solid #474a5b;
}

.table.vt-dark th.half {
  padding: 12px;
}

.table.vt-dark th.sub {
  border-top: 1px solid #474a5b;
  border-right: 1px solid #474a5b;
}

.table.vt-dark th.sub.point {
  background: #2f4985;
}

.table.vt-dark th.sub:last-child {
  border-right: 0;
}

.table.vt-dark th.sub-half {
  padding: 6px 0 8px;
  border-top: 1px solid #212535;
  border-right: 1px solid #212535;
  background: #4d5164;
  font-size: 0.875rem;
}

.table.vt-dark th.sub-half:last-child {
  border-right: 0;
}

.table.vt-dark th.sub-half-title {
  background: #fff;
  color: #444;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #f2f4f7;
}

.table.vt-dark th.sub-half-title:last-child {
  border-right: 0;
}

.table.vt-dark td {
  padding: 16px 20px;
  line-height: 1.4;
  border-right: 1px solid #f2f4f7;
  border-top: 1px solid #d9d9d9;
  vertical-align: middle;
  word-break: keep-all;
}

.table.vt-dark1 td {
  padding: 16px 20px;
  line-height: 1.4;
  border-right: 1px solid #f2f4f7;
  border-top: 1px solid #d9d9d9;
  vertical-align: middle;
  word-break: keep-all;
}
.table.vt-dark td a {
  font-size: 1rem;
}

.table.vt-dark td a.table {
  font-size: 0.875rem;
}

.table #noodata {
  font-size: 1.1rem;
  border-top: 1px solid #a5a7aa;
  text-align: center;
}

.center.bdr {
  border-right : 1px solid #f2f4f7 !important;
}

.table.vt-dark td.center {
  text-align: center;
}

.table.vt-dark1 td.center {
  text-align: center;
}

.table.vt-dark td.left {
  text-align: left;
}

.table.vt-dark td.right {
  text-align: right;
}

.table.vt-dark1 td.right {
  text-align: right;
}

.table.vt-dark td.top {
  vertical-align: top;
}

.table.vt-dark td.point {
  background: #f3f4f8;
  border-right: 1px solid #e5e9f3;
}

.table.vt-dark td:last-child {
  border-right: 0;
}

.table.vt-dark td .schedule {
  background: #2f4985;
  border: 5px solid #2f4985;
  border-radius: 20px;
  font-size: 0;
  position: relative;
  top: -5px;
}

.table.vt-dark td .schedule.weekend {
  background: #2c8179;
  border: 5px solid #2c8179;
}

.table.vt-dark.even tbody tr:nth-child(even) {
  background: #f8f8f8;
}

.table.hr {
  border-top: 2px solid #444;
  border-bottom: 1px solid #a5a7aa;
}

.table.hr.border-top {
  border-top: 0;
}

.table.hr tr:first-child th, .table.hr tr:first-child td {
  border-top: 0;
}

.table.hr.no-min th {
  min-width: 0;
}

.table.hr th {
  /*min-width:150px;*/
  border-top: 1px solid #d9d9d9;
  background: #f3f4f8;
  line-height: 1.4;
  font-weight: 700;
  vertical-align: middle;
  font-size: 0.825rem;
}

.table.hr th.left {
  text-align: left;
  padding-left: 20px;
}

.table.hr th:nth-child(2) {
  border-left: 1px solid #d9d9d9;
}

.table.hr th[rowspan] {
  border-right: 1px solid #d9d9d9;
}

.table.reply-writing tr:first-child th {
  border-bottom: 1px solid #d9d9d9;
}

.table.reply-writing th {
  position: static;
}

.table.reply-writing th:after {
  display: none;
}

.table.hr td {
  padding: 19px 20px 16px;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #f2f4f7;
  line-height: 1.4;
  vertical-align: middle;
}

.table.hr td.center {
  text-align: center;
}

.table.hr td:last-child {
  border-right: 0;
}

.table.hr.board-view thead th {
  font-size: 1.125rem;
  padding: 20px 10px;
}

.table.hr.board-view tbody td {
  padding: 20px 10px;
}

.table.hr.board-view tbody td a {

  color: #444;
}

.table.hr.board-view-list {
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.table th .important, .table td .important {
  display: inline-block;
  color: #666;
}

.table th .important:after, .table td .important:after {
  content: "*";
  position: relative;
  top: 4px;
  right: -10px;
  color: #d43e41;
}

.table.hr.writing td {
  padding: 10px 20px;
  height: 70px;
  line-height: 1;
}

.table.hr.writing td.agreement-offer {
  padding: 25px 20px;
}

.table.table-text th {
  font-size: 0.875rem;
}

.table.table-text td {
  font-size: 0.875rem;
}

.table .list1-item {
  font-size: 1rem;
}

.table-area {
  position: relative;
}

.table-area-btn {
  position: absolute;
  top: -40px;
  right: 0;
}

.table.notice {
  border-top: 1px solid #d9d9d9;
}

.table.notice th {
  border-bottom: 1px solid #474a5b;
}

.table.notice th:after {
  display:none;
}

.table.sports-table td {
  padding: 10px 0;
}

.table.sports-table .play {
  text-indent: -999999999em;
  font-size: 0.01em;
}

.table.sports-table .sport_team .play {
  background: #c1d6ed;
}

.table.sports-table .sport_per .play {
  background: #f3dbdb;
}

span.view-map {
    border : solid 1px #d9d9d9;
    border-radius : 15px;
    font-size : 0.82rem;
    font-weight : 400;
    padding : 2px 10px;
    background : #efefef;
}

.loading-spin {position: absolute; left: 0; top: 150px; width: 100%; text-align: center;}
.loading-spin img {max-width: 210px;}