/* select */
select{width:100%; height:3rem; line-height:3rem; padding:0 1rem; 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("/new_fro_end/img/select_arrow.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{background:#ddd; border:#ddd;}

/* input - checkbox, radio */
label.c-input{position:relative; display:inline-block; height:3rem; line-height:3rem; padding-left:2rem; 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:#5a85fc;}
label.c-input:hover input:not([disabled]):checked ~ div.ci-show{background:#5a85fc;}
label.c-input input:checked:focus ~ div.ci-show{background:#5a85fc;}
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:6px; top:2px; width:5px; height:9px; 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%); height:8px; width:8px; 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:#5a85fc; background:#5a85fc; 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{position:relative; width:100%; height:auto; 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; padding-top: 30px;}
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;}
.b-inf{width:100%; height:auto; line-height:1.6; padding:3rem 3rem 3rem 7.5rem; border-radius:1.75rem; background:#eef3ff url("../img/b_inf.svg") 3rem center / 3rem auto 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;}

/* 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;}

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 #5a85fc;}
table.table01 thead{background:#5a85fc;}
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:#f7f9ff;}

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

.BR{border-right:1px solid #ccc !important;}
.BL{border-left:1px solid #ccc !important;}
.BB{border-bottom:1px solid #ccc !important;}
.btlR0{border-top-left-radius:0 !important;}

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

/* button */
div.btn-wrap{margin-top:3rem; text-align:center;}
a.khu-btn{display:inline-block; 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;}
a.khu-btn.kb01{background:#5a85fc;}
a.khu-btn.kb02{background:#b23cfd;}
a.khu-btn.kb03{background:#00b74a;}
a.khu-btn.kb04{background:#39c0ed;}
a.khu-btn.kb05{background:#ffa900;}
a.khu-btn.kb06{background:#f93154;}
a.khu-btn.kb07{background:#fbfbfb; color:#333;}
a.khu-btn.kb08{background:#262626;}
a.khu-btn.kb09{background:#6C757C;}
a.khu-btn.download{position:relative; padding:0.8rem 4.5rem 0.8rem 1.5rem; border-radius:0.4rem; background:#0d2d84; overflow:hidden;}
a.khu-btn.download:after{content:""; position:absolute; top:0; right:0; display:inline-block; width:3rem; height:100%; background:rgba(255, 255, 255, 0.08) url("../img/download_wh.svg") center / 1rem auto no-repeat; -webkit-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s;}
a.khu-btn.download:hover:after{background-image:url("../img/download_yellow.svg");}
a.khu-btn:hover{transform:translateY(-5px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);}

/* 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:#5a85fc;}
.color02{color:#27cc7d;}
.color03{color:#ff6260;}

.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;}

/* tabs */
div.khu-tabs ul li{float:left; display:inline-block; width:12rem;}
div.khu-tabs ul li:first-child{margin-left:0;}
div.khu-tabs ul li a{display:inline-block; width:100%; height:3.5rem; line-height:3.5rem; border:1px solid #ddd; border-top-left-radius:1rem; border-top-right-radius:1rem; background:#eee; text-align:center; font-size:1.25rem; color:#aaa; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.khu-tabs ul li.on a{border:2px solid #5a85fc; border-bottom:0; background:#fff; color:#5a85fc; font-family:"NotoKr_B";}
div.khu-tabs ul li a:hover{background:#fff; color:#333;}
div.khu-tabs ul li.on a:hover{color:#5a85fc;}

/* 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.inner{position:absolute; top:15rem; left:50%; transform:translateX(-50%); min-width:30rem; padding:3rem; border-radius:1.5rem; background:#fff;}
div.khu-modal div.inner a.close{position:absolute; top:1rem; right:1rem; display:inline-block;}
div.khu-modal div.inner a.close img{display:inline-block; width:0.8rem; height:auto;}
div.khu-modal div.inner div.cont-wrap div.tit{margin-bottom:1rem; font-size:1.75rem; text-align:center; font-family:"NotoKr_B";}

/* pagination */
div.pagination{width:100%; height:auto; margin-top:5rem; text-align:center;}
div.pagination ul{display:inline-block;}
div.pagination ul li{display:inline-block; vertical-align:middle;}
div.pagination ul li a{display:inline-block; width:2.5rem; height:2.5rem; line-height:2.5rem; border:1px solid #ddd; border-radius:50%; font-family:"Montserrat_R"; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
div.pagination ul li.arrow a{line-height:normal; padding-top:0.5rem;}
div.pagination ul li.arrow.prev a{margin-right:1rem;}
div.pagination ul li.arrow.next a{margin-left:1rem;}
div.pagination ul li.arrow a img{width:10px; height:10px; vertical-align:middle;}
div.pagination ul li.arrow.prev a img{transform:rotate(180deg);}
div.pagination ul li.arrow.first a img{width:13px; height:13px; transform:rotate(180deg);}
div.pagination ul li.arrow.last a img{width:13px; height:13px;}
div.pagination ul li.on a{border-color:#0d2d84; background:#0d2d84; color:#fff; font-family:"Montserrat_SB";}
div.pagination ul li:not(.arrow, .on) a:hover{border-color:#333;}

@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:768px){
	.b01{padding:2rem;}
	.b-inf{padding:2rem 2rem 2rem 6rem; background-size:2.25rem auto;}

	a.khu-btn{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;}
}

@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;}
	
}


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

	.mob{display:block;}

	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;}

	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.inner{width:90%; min-width:auto; padding:2rem;}
}

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

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