/* select */
select{width:100%; height:3rem; line-height:3rem; padding:0 1rem; padding-right:2.5rem; border:0; border-radius:0.5rem; font-size:1rem; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:"NotoKr_R"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
select::-ms-expand{display:none;}
div.sel-wrap{position:relative; border:1px solid #ccc; border-radius:0.5rem; background:#fff; z-index:1; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.sel-wrap:after{content:""; position:absolute; top:50%; right:1rem; transform:translateY(-50%); display:block; width:12px; height:12px; background:url("../img/arrow_bk.svg") right center no-repeat; background-size:auto 12px; z-index:-1;}
select:focus{border:1px solid #333;}

/* input */
input{border:1px solid #ccc; margin:0; outline:none; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; appearance:none; font-family:"NotoKr_R"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-ms-input-placeholder{color:#888; font-family:"NotoKr_DL"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-moz-input-placeholder{color:#888; font-family:"NotoKr_DL"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::-webkit-input-placeholder{color:#888; font-family:"NotoKr_DL"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::placeholder{opacity:1; color:#888; font-family:"NotoKr_DL"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:focus{outline:none; border:1px solid #333;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="file"],
input[type="date"],
input[type="email"]{width:100%; height:3rem; line-height:3rem; background:#fff; padding:0 0.5rem; border-radius:0.5rem;}
input[type="text"]:disabled,
input[type="text"]:read-only,
input[type="number"]:read-only{background:#eee; border-color:#ddd; color:#787878; cursor:default;}

/* input - checkbox, radio */
label.c-input{position:relative; display:inline-block; height:3rem; line-height:3rem; padding-left:1.6rem; cursor:pointer; font-size:1.125rem;}
label.c-input input{position:absolute; z-index:-1; opacity:0; width:0; height:0; padding:0;}
label.c-input div.ci-show{position:absolute; top:50%; left:0; transform:translateY(-50%); height:1.25rem; width:1.25rem; background:#e6e6e6; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
label.c-input div.ci-show:after{content:""; position:absolute; display:none;}
label.c-input.ci-radio div.ci-show{border-radius:50%;}
label.c-input:hover input ~ div.ci-show,
label.c-input input:focus ~ div.ci-show{background:#ccc;}
label.c-input input:checked ~ div.ci-show{background:#39c0ed;}
label.c-input:hover input:not([disabled]):checked ~ div.ci-show{background:#39c0ed;}
label.c-input input:checked:focus ~ div.ci-show{background:#39c0ed;}
label.c-input input:disabled ~ div.ci-show{background:#e6e6e6; opacity:0.6; pointer-events:none;}
label.c-input input:checked ~ div.ci-show:after{display:block;}

label.c-input.ci-check div.ci-show:after{left:0.4rem; top:0.15rem; width:0.3rem; height:0.5rem; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(45deg);}
label.c-input.ci-check input:disabled ~ div.ci-show:after{border-color:#7b7b7b;}

label.c-input.ci-radio div.ci-show:after{left:50%; top:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:50%; background:#fff;}
label.c-input.ci-radio input:disabled ~ div.ci-show:after{background:#7b7b7b;}

div.br-wrap{position:relative;}
div.br-wrap > input{position:absolute; top:0; left:0; width:0; height:0; z-index: -1;}
div.br-wrap > label.btn-radio{display:block; width:100%; height:auto; padding:0.75rem 1.5rem; border:1px solid #ccc; border-radius:0.5rem; background:#fff; text-align:center; cursor:pointer; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.br-wrap > label.btn-radio:hover{border-color:#333;}
div.br-wrap > input:checked ~ label.btn-radio{border-color:#39c0ed; background:#39c0ed; color:#fff; font-family:"NotoKr_B";}

/* input - file */
div.ip-file{position:relative; width:100%; height:3rem; line-height:3rem; border:1px solid #ccc; border-radius:0.5rem; overflow:hidden;}
div.ip-file input[type="file"]{display:none;}
div.ip-file label.input-file{display:inline-block; width:100%; height:auto; line-height:normal;}
div.ip-file label.input-file span.file-choose-btn{position:absolute; top:0; left:0; display:inline-block; width:8rem; height:3rem; line-height:3rem; background:#333; color:#fff; text-align:center; cursor:pointer;}
div.ip-file label.input-file span.file-value{display:inline-block; padding-left:9rem;}

/* textarea */
textarea{border:1px solid #ccc; padding:0.3rem; outline:none; font-family:"NotoKr_R"; font-size:1rem; -webkit-appearance: none; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-ms-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-moz-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::-webkit-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:focus{outline:none; border:1px solid #333;}

/* div */
.w1600{width:1600px; height:auto; margin:0 auto;}
.w1280{width:1280px; height:auto; margin:0 auto;}
.b01{width:100%; height:auto; padding:5rem; border-radius:2rem; background:#fff; box-shadow:0 8px 40px rgba(0, 0, 0, 0.1);}
.b02{width:100%; height:auto; padding:2rem; border-radius:2rem; background:#f6f4f9;}
.b03{width:100%; height:auto; padding:2rem; border:1px solid #ccc; border-radius:2rem; background:#fff;}
.b04{width:100%; height:auto; padding:2rem; border-radius:1rem; background:#fff; box-shadow:0 8px 40px rgba(0, 0, 0, 0.1);}
.b-inf{width:100%; height:auto; line-height:1.6; padding:3rem 3rem 3rem 7.5rem; border-radius:1.75rem; background:#eef0f4 url("../img/b_inf.svg") 3rem center / 3rem 3rem no-repeat; box-shadow:0 15px 30px rgba(36, 75, 184, 0.15); font-size:1.25rem;}
div.half-wrap div.half-L{float:left; width:48%;}
div.half-wrap div.half-R{float:right; width:48%;}

/* margin, padding */
.mt0{margin-top:0 !important;}
.mt0d5{margin-top:0.5rem !important;}
.mt1{margin-top:1rem !important;}
.mt1d5{margin-top:1.5rem !important;}
.mt2{margin-top:2rem !important;}
.mt3{margin-top:3rem !important;}
.mt5{margin-top:5rem !important;}
.mbt0d5{margin-bottom:0.5rem !important;}
.mbt1{margin-bottom:1rem !important;}
.mbt2{margin-bottom:2rem !important;}

/* br */
.mob{display:none;}

/* table */
div.table-wrap{width:100%; height:auto; border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden;}
div.table-hor-wrap{width:100%; height:auto; border-top-left-radius:1rem; border-bottom-left-radius:1rem; overflow:hidden;}
div.table-wrap.noround{border-radius:0;}

table{width:100%; font-size:1.125rem;}
table th{padding:1.25rem 0.5rem;}
table td{padding:1rem 0.5rem;}

table.table01{border-bottom:2px solid #053e4e;}
table.table01 thead{background:#053e4e;}
table.table01 thead th{position:relative; color:#fff;}
table.table01 thead th:after{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-block; width:1px; height:30%; background:rgba(255, 255, 255, 0.3);}
table.table01 thead th:last-child:after{display:none;}
table.table01 tbody tr{border-bottom:1px solid #e0e0e0;}
table.table01 tbody tr:last-child{border-bottom:none;}
table.table01 tbody tr:nth-child(2n){background:#f6f7fa;}

table.table01-hor{border-top:2px solid #053e4e; border-bottom:2px solid #053e4e;}
table.table01-hor th{border-bottom:1px solid rgba(255, 255, 255, 0.3); background:#053e4e; color:#fff;}
table.table01-hor td{border-bottom:1px solid #e0e0e0; padding:1rem;}
table.table01-hor tr:nth-child(2n) td{background:#f6f7fa;}

table.table02{border-top:2px solid #333; font-size:1rem;}
table.table02 th{padding:0.8rem;}
table.table02 td{padding:0.65rem;}
table.table02 thead{border-bottom:2px solid #333;}
table.table02 tbody tr{border-bottom:1px solid #ddd;}
table.table02 tbody th{background:#f5f5f5;}

table.table02-hor{}
table.table02-hor tbody{border-top:1px solid #ddd;}
/* table.table02-hor tr:first-child th{border-top:2px solid #053e4e;} */
table.table02-hor th{border-bottom:1px solid #ddd; background:#efefef;}
table.table02-hor td{border-bottom:1px solid #ddd;}

.BR{border-right:1px solid #ccc !important;}
.BR-op{border-right:1px solid rgba(255, 255, 255, 0.3) !important;}
.BR-e{border-right:1px solid #e0e0e0 !important;}
.BL{border-left:1px solid #ccc !important;}
.BB{border-bottom:1px solid #ccc !important;}

.T_center{text-align:center !important;}
.T_left{text-align:left !important;}
.T_right{text-align:right !important;}

/* tab */
div.khu-tab{margin:3rem 0; text-align:center;}
div.khu-tab ul li{display:inline-block; margin:0.25rem;}
div.khu-tab ul li a{display:inline-block; padding:0.8rem 1.8rem; border:2px solid #053e4e; border-radius:0.3rem; color:#053e4e; font-size:1.25rem; font-family:"NotoKr_M"; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
div.khu-tab ul li a:hover{box-shadow:0 5px 25px rgba(0, 0, 0, 0.3);}
div.khu-tab ul li.on a{background:#053e4e; color:#fff; font-family:"NotoKr_B"; box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);}

/* button */
div.btn-wrap{margin-top:3rem; text-align:center;}
.khu-btn{display:inline-block; font-family:"NotoKr_M"; padding:0.8rem 1.8rem; margin:0 0.25rem; border-radius:0.3rem; text-align:center; color:#fff; font-size:1.25rem; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3); -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
.khu-btn.--sm{font-size:0.9rem; padding:0.5rem 1rem;}
.khu-btn.kb01{background:#39c0ed;}
.khu-btn.kb02{background:#b23cfd;}
.khu-btn.kb03{background:#00b74a;}
.khu-btn.kb04{background:#ffa900;}
.khu-btn.kb05{background:#f93154;}
.khu-btn.kb06{background:#bbbbbb;}
.khu-btn.kb07{background:#262626;}
.khu-btn.kb08{background:#6C757C;}
.khu-btn.kb09{background:#053e4e;}
.khu-btn.kb10{background:#eb5454;}

/* list */
ul.list01 > li{position:relative; margin-bottom:0.5rem; padding-left:0.8rem; font-size:1rem;}
ul.list01 > li:last-child{margin-bottom:0;}
ul.list01 > li:before{content:""; position:absolute; top:0.55rem; left:0; display:inline-block; border-radius:50%; width:4px; height:4px; background:#333;}
ul.num-cir > li{position:relative; width:100%; padding:1.25rem 0 1.25rem 2.75rem; border-bottom:1px solid #ddd; font-size:1rem;}
ul.num-cir > li:first-child{padding-top:0;}
ul.num-cir > li:last-child{border-bottom:0; padding-bottom:0;}
ul.num-cir > li:before{content:""; position:absolute; top:1.3rem; left:0;  display:inline-block; width:2rem; height:2rem; line-height:2rem; border-radius:50%; background:#0d2d84; text-align:center; color:#fff; font-size:0.9rem; font-family:"Montserrat_M";}
ul.num-cir > li:nth-of-type(1):before{content:"01"; top:0;}
ul.num-cir > li:nth-of-type(2):before{content:"02";}
ul.num-cir > li:nth-of-type(3):before{content:"03";}
ul.num-cir > li:nth-of-type(4):before{content:"04";}
ul.num-cir > li:nth-of-type(5):before{content:"05";}
ul.num-cir > li:nth-of-type(6):before{content:"06";}
ul.num-cir > li:nth-of-type(7):before{content:"07";}
ul.num-cir02 > li{position:relative; width:100%; margin-bottom:0.5rem; padding-left:1.5rem; font-size:1rem;}
ul.num-cir02 > li:last-child{margin-bottom:0;}
ul.num-cir02 > li:before{content:""; position:absolute; top:-2px; left:0; display:inline-block;}
ul.num-cir02 > li:nth-of-type(1):before{content:"①";}
ul.num-cir02 > li:nth-of-type(2):before{content:"②";}
ul.num-cir02 > li:nth-of-type(3):before{content:"③";}
ul.num-cir02 > li:nth-of-type(4):before{content:"④";}
ul.num-cir02 > li:nth-of-type(5):before{content:"⑤";}
ul.num-cir02 > li:nth-of-type(6):before{content:"⑥";}
ul.num-cir02 > li:nth-of-type(7):before{content:"⑦";}
ul.num-cir02 > li:nth-of-type(8):before{content:"⑧";}
ul.num-cir02 > li:nth-of-type(9):before{content:"⑨";}
ul.num-cir02 > li:nth-of-type(10):before{content:"⑩";}
ul.num-cir02 > li:nth-of-type(11):before{content:"⑪";}
ul.num-cir02 > li:nth-of-type(12):before{content:"⑫";}

/* text style */
.color01{color:#9d1c20;}
.color02{color:#053e4e;}
.color03{color:#b6985a;}
.color04{color:#39c0ed;}
.color05{color:#f93154;}

.line-bg01{background:#eef0f6;}
.line-bg02{background:#edf8fb;}
.line-bg03{background:#fef3f9;}
.line-bg04{background:#fff6ed;}

.underline{border-bottom:1px solid #333;}
.underline_wh03{border-bottom:1px solid rgba(255, 255, 255, 0.3);}

.fs1d25{font-size:1.25rem;}
.fs1d5{font-size:1.5rem;}

/* modal */
div.khu-modal{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.7); z-index:200;}
div.khu-modal div.outer{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:30rem; height:auto; max-height:90%; overflow-y:auto; border-radius:1.5rem; background:#fff;}
div.khu-modal div.outer > a.close{position:fixed; top:1rem; right:1rem; display:inline-block; width:3rem; height:3rem;}
div.khu-modal div.outer > a.close img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; width:50%; height:auto;}
div.khu-modal div.outer div.tit{padding:1.25rem 4rem; background:#053e4e; color:#fff; font-size:1.75rem; text-align:center; font-family:"NotoKr_B";}
div.khu-modal div.outer div.cont-wrap div.inner{padding:3rem;}


@media screen and (max-width:1600px){
	.w1600{width:95%;}
}

@media screen and (max-width:1280px){
	.w1280{width:95%;}

	.b01{padding:3rem;}
}

@media screen and (max-width:1024px){
	div.khu-modal div.outer{min-width:80%; max-width:90%; width:90%;}
}



@media screen and (max-width:768px){
	.b01{padding:2rem;}
	.b-inf{padding:2rem 2rem 2rem 6rem; background-size:2.25rem auto;}

	a.khu-btn{margin:0.25rem; padding:0.5rem 1.25rem; font-size:1.125rem;}

	div.half-wrap div.half-L,
	div.half-wrap div.half-R{float:none; width:100%; margin-bottom:2rem;}

	div.br-wrap > label.btn-radio{padding:0.75rem 1rem;}
	
	div.khu-modal div.outer div.tit{font-size:1.5rem;}
	div.khu-modal div.outer div.cont-wrap div.inner{padding:1.5rem;}
}

@media screen and (max-width:640px){
	div.table-wrap{border-radius:0; overflow:inherit;}
	table.table01 *{display:block;}
	table.table01{border:0;}
	table.table01 thead{display:none;}
	table.table01 tbody tr{border-bottom:0; border:1px solid #e0e0e0; border-radius:1.5rem; margin-bottom:2rem; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); overflow:hidden;}
	table.table01 tbody tr:nth-child(2n){background:#fff;}
	table.table01 tbody tr:last-child{margin-bottom:0;}
	table.table01 tbody tr td{position:relative; padding:1rem; border-bottom:1px dashed #ddd; text-align:right;}
	table.table01 tbody tr td:before{content:attr(data-th); position:absolute; top:50%; left:1rem; transform:translateY(-50%); display:inline-block; text-align:left; font-family:"NotoKr_B";}
	table.table01 tbody tr td:first-child{border-bottom:0; background:#5a85fc; color:#fff;}
	table.table01 tbody tr td:last-child{border-bottom:0;}
	
	div.khu-tab ul li a{padding:0.5rem 1rem; font-size:1.125rem;}

	a.khu-btn.excel{padding-left:3rem; padding-right:1rem;}

	div.khu-modal div.outer > a.close{width:2rem; height:2rem;}
}


@media screen and (max-width:480px){
	.w1600,
	.w1280{width:90%;}

	.mob{display:block;}
	br.pc{display:none;}

	table{font-size:1rem;}
	table.table01 tbody tr{margin-bottom:1.5rem;}
	table.table01-hor th{padding:1rem 0.5rem;}
	
	.b01{padding:1.5rem 1rem;}
	.b02{padding:1rem;}
	.b-inf{line-height:1.4; padding:1.5rem 1.5rem 1.5rem 4.5rem; background-size:1.75rem auto; background-position:2rem center; font-size:1.125rem;}

	label.c-input{height:2.5rem; line-height:2.5rem; padding-left:1.5rem; font-size:1rem;}

	div.ip-file label.input-file span.file-choose-btn{width:6rem;}
	div.ip-file label.input-file span.file-value{padding-left:7rem;}

	div.btn-wrap{margin-top:2rem;}

	
	div.khu-modal div.outer div.tit{padding:1rem 15%;}
	
}

@media screen and (max-width:375px){
	.b01{padding:1rem;}

	a.khu-btn{padding:0.5rem 1rem;}
}