div.sub-wrap{width:100%; height:auto; min-height:100vh; padding:4rem; background:#fff; border-radius:1.5rem; box-shadow:0 5px 30px rgba(0, 0, 0, 0.2);}
div.onepage{width:100%; height:auto; padding:3% 3% 0; background:#f0f2f5; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
body.onepage header,
body.onepage div.page-wrap > div.top{display:none;}

h2.doc-tit{margin-bottom:1rem; font-size:2.5rem; font-family:"NotoKr_M"; letter-spacing:-0.05rem;}
h3.cont-tit{padding-bottom:0.5rem; margin:5rem 0 1.5rem; border-bottom:1px solid #ccc; font-size:2rem; font-family:"NotoKr_M"; letter-spacing:-0.05rem;}
h3.cont-tit span.cont-tit-txt{display:inline-block; margin-left:1rem; font-size:1.125rem; letter-spacing:0;}
h3.cont-tit:first-child{margin-top:0;}
h4.cont-sub-tit{margin-bottom:0.5rem; font-size:1.5rem; font-family:"NotoKr_M"; letter-spacing:-0.05rem;}
h4.cont-sub-tit-cir{margin-bottom:0.5rem; font-size:1.5rem; font-family:"NotoKr_M"; letter-spacing:-0.05rem;}
h4.cont-sub-tit-cir:before{content:""; display:inline-block; width:0.5rem; height:0.5rem; margin-right:0.5rem; background:#fff; border:3px solid #253a73; border-radius:50%; vertical-align:middle; transform:translateY(-2px);}

span.esse{position:relative; display:inline-block; padding-left:0.5rem; margin-left:1rem; color:#ff6260; font-size:1.125rem;}
span.esse:before{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; width:5px; height:5px; background:#ff6260; border-radius:50%;}
span.esse:after{content:""; position:absolute; bottom:0; right:0; display:inline-block; width:100%; height:0.5rem; background:rgba(255, 98, 96, 0.2);}

div.form div.list{width:100%; height:auto; margin-bottom:1rem; background:#fff; padding:1rem; border-radius:0.8rem; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
div.form div.list:last-child{margin-bottom:0;}
div.form div.list div.tit{float:left; width:14%; height:auto; padding:0.625rem 0; font-size:1.25rem; font-family:"NotoKr_B"; word-break:keep-all;}
div.form div.list div.tit span{position:relative;display:inline-block; padding-left:1rem;}
div.form div.list div.tit.esse span:before{content:""; position:absolute; top:0.75rem; left:0; display:inline-block; width:7px; height:7px; background:#ff6260; border-radius:50%;}
div.form div.list div.tit.line2{padding:0;}
div.form div.list div.con{float:left; width:86%;}
div.form div.list div.con > span.txt{display:inline-block; padding:0.85rem 0;}
div.form div.list div.con span.bar{height:3rem; line-height:3rem; text-align:center;}
div.form div.list div.con[class*="rdo"] div.br-wrap{float:left;}
div.form div.list div.con[class*="rdo"] div.br-wrap label.btn-radio{border-right:0; border-radius:0; overflow:hidden;}
div.form div.list div.con[class*="rdo"] div.br-wrap:last-child label.btn-radio{border-right:1px solid #ccc;}
div.form div.list div.con.rdo2 div.br-wrap{width:50%;}
div.form div.list div.con.rdo2 div.br-wrap.con01 label.btn-radio{border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem;}
div.form div.list div.con.rdo2 div.br-wrap.con02 label.btn-radio{border-top-right-radius:0.5rem; border-bottom-right-radius:0.5rem;}
div.form div.list div.con.rdo4 div.br-wrap{width:25%;}
div.form div.list div.con.rdo4 div.br-wrap.con01 label.btn-radio{border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem;}
div.form div.list div.con.rdo4 div.br-wrap.con04 label.btn-radio{border-top-right-radius:0.5rem; border-bottom-right-radius:0.5rem;}
div.form div.list div.con[class*="rdo"] div.br-wrap label.btn-radio:hover{border-right:1px solid #333;}
div.form div.list div.con[class*="rdo"] div.br-wrap input:checked ~ label.btn-radio:hover{border:1px solid #5a85fc;}
div.form div.list.list2{padding:0; background:none; box-shadow:none;}
div.form div.list.list2 > div.list2-01{float:left; width:49%;}
div.form div.list.list2 > div.list2-02{float:right; width:49%;}
div.form div.list.list2 > div[class*="list2-"]{margin-bottom:0;}
div.form div.list.list2 > div[class*="list2-"] > div.tit{width:30%;}
div.form div.list.list2 > div[class*="list2-"] > div.con{width:70%;}
div.form div.list.list3{padding:0; background:none; box-shadow:none;}
div.form div.list.list3 > div[class*="list3-"]{float:left; width:32%; margin-right:2%; margin-bottom:0;}
div.form div.list.list3 > div.list3-03{margin-right:0;}
div.form div.list.list3 > div[class*="list3-"] > div.tit{width:30%;}
div.form div.list.list3 > div[class*="list3-"] > div.con{width:70%;}
div.form div.list.edu-date div.con div.con01{float:left; width:45%;}
div.form div.list.edu-date div.con div.con02{float:left; width:45%;}
div.form div.list.edu-date div.con div div.sel-wrap.w70{float:left; width:69%; margin-right:1%;}
div.form div.list.edu-date div.con div div.sel-wrap.w30{float:left; width:30%;}
div.form div.list.edu-date div.con span.bar{float:left; width:10%;}
div.form div.list.passport div.con div.con01,
div.form div.list.school div.con div.con01{float:left; width:48%;}
div.form div.list.passport div.con div.con02,
div.form div.list.school div.con div.con02{float:right; width:48%;}
div.form div.list.passport div.con div.con02 span,
div.form div.list.school div.con div.con02 span{float:left; width:20%; height:3rem; line-height:3rem;}
div.form div.list.passport div.con div.con02 input,
div.form div.list.school div.con div.con02 input{float:left; width:80%;}
div.form div.list.phone div.con div.sel-wrap{float:left; width:30%;}
div.form div.list.phone div.con input[type="number"]{float:left; width:30%;}
div.form div.list.phone div.con span.bar{float:left; width:5%;}
div.form div.list.visa-type div.con div.sel-wrap{float:left; width:48%;}
div.form div.list.visa-type div.con input[type="text"]{float:right; width:48%;}
div.form div.list.period div.con input[type="date"]{float:left; width:45%;}
div.form div.list.period div.con span.bar{float:left; width:10%;}
div.form div.list.address div.con div.con01{margin-bottom:0.5rem;}
div.form div.list.address div.con div.con01 input[type="text"]{float:left; width:70%; border-top-right-radius:0; border-bottom-right-radius:0;}
div.form div.list.address div.con div.con01 a.form-btn{float:left; display:inline-block; width:30%; height:3rem; line-height:3rem; background:#333; border-top-right-radius:0.5rem; border-bottom-right-radius:0.5rem; text-align:center; color:#fff;}
div.form div.list.question{padding:2rem;}
div.form div.list.question div.top{padding-bottom:0.5rem; margin-bottom:1rem; border-bottom:1px dashed #ccc; font-size:1.5rem;} 
div.form div.list.question ul.bot li{margin-bottom:1rem;}
div.form div.list.question ul.bot li:last-child{margin-bottom:0;}
div.form div.list.question ul.bot li label.c-input{height:auto; line-height:normal;}
div.form div.list.question.disease ul.bot li.yes > input[type="text"]{display:inline-block; width:20rem; margin-left:0.5rem;}
div.form div.list.ta textarea{width:100%; height:10rem; resize:none;}
div.form.survey div.list div.left{float:left; width:40%; padding:0.5rem 0;}
div.form.survey div.list div.left span.num{float:left; display:inline-block; width:2rem; height:2rem; line-height:2rem; border-radius:50%; background:#253a73; color:#fff; text-align:center; font-family:"Montserrat_M";}
div.form.survey div.list div.left span.tit{float:left; display:inline-block; max-width:calc(100% - 2.5rem); margin-left:0.5rem; font-size:1.25rem; font-family:"NotoKr_B"; word-break:keep-all;}
div.form.survey div.list div.right{float:right; width:60%; text-align:right;}
div.form.survey div.list div.right > label{margin-left:1.5rem;}
div.form.survey div.list div.right > label:first-child{margin-left:0;}
div.form.survey div.list div.right textarea{display:block; width:100%; height:auto; min-height:8rem; resize:none;}
div.form.agree-wrap label.all-agree{font-size:1.5rem;}
div.form.agree-wrap div.agree-fir{margin-bottom:1.5rem; word-break:keep-all;}
div.form.agree-wrap div.agree-con div.list div.dd-tit{position:relative; width:100%; height:auto; padding:0 1.5rem;}
div.form.agree-wrap div.agree-con div.list div.dd-tit span.esse{line-height:normal; padding-left:0; margin:0;}
div.form.agree-wrap div.agree-con div.list div.dd-tit span.esse:before{display:none;}
div.form.agree-wrap div.agree-con div.list div.dd-tit span.arrow{position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(-90deg); display:inline-block; width:3.5rem; height:3.5rem; background:url("../img/arrow_bk.svg") center / 1rem auto no-repeat; cursor:pointer; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.form.agree-wrap div.agree-con div.list div.dd-tit span.arrow.open{transform:translateY(-50%) rotate(0);}
div.form.agree-wrap div.agree-con div.list div.dd-con{display:none; width:100%; height:auto;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con{width:100%; height:auto;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con:last-child{margin-bottom:0;}
div.form.agree-wrap div.agree-con div.list div.dd-con.dd-con01,
div.form.agree-wrap div.agree-con div.list div.dd-con.dd-con03{height:15rem; overflow-y:auto;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con h4{margin-top:3rem; font-size:1.25rem; text-align:center; font-family:"NotoKr_B";}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con h4:first-child{margin-top:0;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con h5{margin:2rem 0 0.5rem; font-size:1rem; font-family:"NotoKr_B";}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con div.h5-con ul.num01 li{padding-left:1.45rem; text-indent:-1.45rem;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con div.h5-con ul.num02{margin-bottom:0.5rem;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con div.h5-con ul.num02 > li{padding-left:1.25rem; text-indent:-1.25rem;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con div.last{margin-top:3rem;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con table{border:1px solid #e0e0e0; background:#fff; font-size:1rem; text-align:center; box-shadow:none;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con table tr th{padding:0.5rem; border-right:1px solid #e0e0e0; background:#eceaf0;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con table tr td{padding:0.5rem; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con table tr th:last-child,
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con table tr td:last-child{border-right:0;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con table span.big{font-size:130%; font-family:"NotoKr_B";}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con ul{margin-top:0.5rem;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con ul.list01{margin-top:0;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con ul.list01 li{padding-left:0.8rem;}
div.form.agree-wrap div.agree-con div.list div.dd-con div.terms-con ul.list01 li:before{top:0.5rem;}
div.form.agree-wrap div.agree-con div.list div.dd-con01 div.terms-tit{margin-bottom:0.5rem; font-family:"NotoKr_B";}
div.form.agree-wrap div.agree-con div.list div.dd-con01 div.terms-con textarea{width:100%; height:10rem; border:0; padding:0; resize:none;}

div.table-wrap.table-tt table tbody tr:nth-child(2n){background:#fff;}
div.table-wrap.table-tt table tbody tr th{border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background:#f4f5f8;}
div.table-wrap.table-tt table tbody tr td{border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:0.8rem; font-size:1rem;}
div.table-wrap.table-tt table tbody tr td:last-child{border-right:0;}
div.table-wrap.table-tt table tbody tr:last-child{border-bottom:0;}
div.table-wrap.table-tt table tbody tr td div.sd{padding:0.8rem; border:1px solid #e0e0e0; border-radius:1rem; background:#f4f5f8;}
div.table-wrap.table-tt table tbody tr td div.sd div.tit{margin-bottom:0.5rem; font-family:"NotoKr_B";}
div.table-wrap.table-tt table tbody tr td div.sd div.tit > span.type{display:inline-block; padding:0.1rem 0.5rem; border-radius:1rem; color:#fff; font-size:0.8rem; font-family:"NotoKr_R";}
div.table-wrap.table-tt table tbody tr td div.sd div.tit > span.t01{background: var(--color-main02);}
div.table-wrap.table-tt table tbody tr td div.sd div.tit > span.t02{background: var(--color-main01);}
div.table-wrap.table-tt table tbody tr td div.sd div.tit > span.t03{background: var(--color-main03);}
div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li{position:relative; display:block; margin-bottom:0.25rem; padding-left:1.5rem;}
div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li:before{content:""; position:absolute; top:0.2rem; left:0; display:inline-block; width:1rem; height:1rem;}
div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li.date:before{background:url("../img/calendar.svg") center / cover no-repeat;}
div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li.time:before{background:url("../img/clock.svg") center / cover no-repeat;}
div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li.tc:before{background:url("../img/tt_user.svg") center / cover no-repeat;}
div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li.cr:before{background:url("../img/chalkboard.svg") center / cover no-repeat;}

div.table-wrap.table-course table{border-bottom:2px solid var(--color-main02);}
div.table-wrap.table-course table thead{background: var(--color-main02); /*background:#253a73;*/}
div.table-wrap.table-course table thead th{position:relative; color:#fff;}
div.table-wrap.table-course table 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);}
div.table-wrap.table-course table thead th:last-child:after{display:none;}
div.table-wrap.table-course table tbody tr{border-bottom:1px solid #e0e0e0;}
div.table-wrap.table-course table tbody tr:last-child{border-bottom:none;}
div.table-wrap.table-course table tbody tr td ul.list01 li{text-align:left;}

div.D2100 div.sd-top{width:100%; height:auto; margin-bottom:1rem;}
div.D2100 div.sd-top div.tit{float:left; font-size:2rem; font-family:"NotoKr_M";}
div.D2100 div.sd-top a.excel{float:right; display:inline-block; margin:0;}
div.table-tt p.t-scroll{display:none;}
div.table-tt table{border-bottom:2px solid #253a73;}
div.table-tt table thead{background: var(--color-main02); /*background:#253a73;*/}
div.table-tt table thead th{position:relative; color:#fff;}
div.table-tt table 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);}
div.table-tt table thead th:last-child:after{display:none;}
div.table-tt table tbody tr{border-bottom:1px solid #e0e0e0;}
div.table-tt table tbody tr:last-child{border-bottom:none;}

div.D2210 ul.list2 > li{float:left; position:relative; width:45%; height:auto; margin-right:5%;}
div.D2210 ul.list2 > li:last-child{margin-right:0;}
div.D2210 ul.list2 > li div.course-tit{position:absolute; top:-1.5rem; left:50%; transform:translateX(-50%); display:inline-block; width:auto; height:3rem; line-height:3rem; padding:0 1.5rem; border-radius:1.5rem; font-size:1.125rem; color:#fff; word-break:keep-all; font-family:"NotoKr_M"; box-shadow:0 3px 20px rgba(0, 0, 0, 0.4); z-index:2;}
div.D2210 ul.list2 > li:nth-of-type(1) div.course-tit{background:var(--color-main01);}
div.D2210 ul.list2 > li:nth-of-type(2) div.course-tit{background:var(--color-main02);}
div.D2210 ul.list2 > li:nth-of-type(3) div.course-tit{background:var(--color-main03);}
div.D2210 ul.list2 > li div.course-con{height:auto; min-height:14rem; padding:2.5rem; border:1px solid #ccc; border-radius:1.5rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.D2210 ul.list2 > li div.course-con a{position:relative; display:block; width:100%; height:auto; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #ccc; text-align:center;}
div.D2210 ul.list2 > li div.course-con a:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
div.D2210 ul.list2 > li div.course-con a > span{display:block;}
div.D2210 ul.list2 > li div.course-con a > span.txt01{margin-top:1rem; font-family:"NotoKr_B";}
div.D2210 ul.list2 > li div.course-con a > span.txt02{width:100%; margin:1rem 0; padding:0.5rem 0.25rem; background:#f5f5f5;}
div.D2210 ul.list2 > li div.course-con a > span.more{display:inline-block; margin:0 auto; padding-bottom:0.2rem; border-bottom:1px solid #333; font-family:"NotoKr_B";}
div.D2210 ul.list2 > li div.course-con a > span.more img{display:inline-block; width:0.8rem; height:auto; margin-left:0.5rem; transform:translateY(2px) rotate(-90deg); -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.D2210 ul.list2 > li div.course-con a.no-app > span.txt01{color:#aaa; font-family:"NotoKr_R";}
div.D2210 ul.list2 > li div.course-con a > span.more:hover img{margin-left:1rem;}

div.D6211 ul.course-list > li{float:left; position:relative; height:auto; margin-right:5%;}
div.D6211 ul.course-list.list1 > li{width:45%; margin:0 auto; float:unset;}
div.D6211 ul.course-list.list2 > li{width:45%;}
div.D6211 ul.course-list.list3 > li{width:30%;}
div.D6211 ul.course-list.list2 > li:last-child,
div.D6211 ul.course-list.list3 > li:last-child{margin-right:0;}
div.D6211 ul.course-list > li div.course-tit{position:absolute; top:-1.5rem; left:50%; transform:translateX(-50%); display:inline-block; width:auto; height:3rem; line-height:3rem; padding:0 1.5rem; border-radius:1.5rem; font-size:1.125rem; color:#fff; word-break:keep-all; font-family:"NotoKr_M"; box-shadow:0 3px 20px rgba(0, 0, 0, 0.4); z-index:2;}
div.D6211 ul.course-list > li:nth-of-type(1) div.course-tit{background:var(--color-main01);}
div.D6211 ul.course-list > li:nth-of-type(2) div.course-tit{background:var(--color-main02);}
div.D6211 ul.course-list > li:nth-of-type(3) div.course-tit{background:var(--color-main03);}
div.D6211 ul.course-list > li div.course-con{height:auto; min-height:14rem; padding:2.5rem; border:1px solid #ccc; border-radius:1.5rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.D6211 ul.course-list > li div.course-con a{position:relative; display:block; width:100%; height:auto; text-align:center;}
div.D6211 ul.course-list > li div.course-con a > span{display:block;}
div.D6211 ul.course-list > li div.course-con a > span.txt01{margin-top:1rem; font-family:"NotoKr_B";}
div.D6211 ul.course-list > li div.course-con a > span.txt02{width:100%; margin:1rem 0; padding:0.5rem 0.25rem; background:#f5f5f5;}
div.D6211 ul.course-list > li div.course-con a > span.more{display:inline-block; margin:0 auto; padding-bottom:0.2rem; border-bottom:1px solid #333; font-family:"NotoKr_B";}
div.D6211 ul.course-list > li div.course-con a > span.more img{display:inline-block; width:0.8rem; height:auto; margin-left:0.5rem; transform:translateY(2px) rotate(-90deg); -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
div.D6211 ul.course-list > li div.course-con a.no-app > span.txt01{color:#aaa; font-family:"NotoKr_R";}
div.D6211 ul.course-list > li div.course-con a > span.more:hover img{margin-left:1rem;}
div.D6211 ul.course-list > li div.course-tit{background:var(--color-main02);}

.top-search > div.sel-wrap{display:inline-block; margin-right:0.25rem; margin-bottom:0.5rem;}
.top-search > div.sel-wrap:last-child{margin-right:0;}
.top-search > div.sel-wrap select{padding-right:2.5rem;}
.top-search a.search{display:inline-block; width:5rem; height:3rem; line-height:3rem; border-radius:0.5rem; background:#333; text-align:center; color:#fff;}
.top-search button.search{display:inline-block; width:5rem; height:3rem; line-height:3rem; border:0; border-radius:0.5rem; background:#333; text-align:center; color:#fff; padding:0; font:inherit; cursor:pointer;}
table.table-course{font-size:1rem;}
table.table-course a.khu-btn{padding:0.5rem 0.8rem; font-size:1rem;}
div.khu-modal.course-detail div.inner table{font-size:1rem;}

div.D2300 div.ca-list-top{position:relative;}
div.D2300 div.ca-list-top div.top-search{float:left;}
div.D2300 div.ca-list-top div.btn-wrap{float:right;}

div.D3100 table td label.c-input.ci-radio{width:15rem;}
div.D3100 table td div span.sel-tit{display:inline-block;}
div.D3100 table td div div.sel-wrap{display:inline-block;}
div.D3100 table td div div.sel-wrap select{padding-right:2.5rem;}
div.D3100 div.cer-sample{width:100%; height:auto;}

/* 증명서신청 모달 */
div.khu-modal.certificate div.con{display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem;}
div.khu-modal.certificate div.con input{width: auto; }
div.khu-modal.certificate tr.mail-area,
div.khu-modal.certificate tr.visit-area{display: none;}

/* 증명서신청내역 */
div.D3200 div.certi-app{}
div.D3200 div.certi-app ul.certi-label{background: var(--color-main02); /* background:#253a73; */ color:#fff; width:100%; height:4rem; line-height:4rem; display:flex; align-items:center; border-radius:0.8rem;}
div.D3200 div.certi-app ul.certi-label li{text-align:center; width:20%; font-family:'NotoKr_B';}
div.D3200 div.certi-app ul.certi-list{}
div.D3200 div.certi-app ul.certi-list li{margin-top:0.8rem;}
div.D3200 div.certi-app ul.certi-list li div.top-toggle{cursor:pointer; display:block; width:100%; height:100%; background:#fff; border:1px solid #ccc; border-radius:0.8rem; padding:1rem 0; position:relative; transition:0.3s;}
div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf{display:flex; align-items:center;}
div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li{width:20%; text-align:center; margin:0;}
div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li:first-of-type{font-family:'NotoKr_B';}
div.D3200 div.certi-app ul.certi-list li div.top-toggle span.tt-ico{display:block; width:2rem; height:2rem; background:#fff url("../img/arrow_bk.svg")center/40% auto no-repeat; border:1px solid #ddd; border-radius:0.5rem; position:absolute; top:50%; right:1rem; transform:translateY(-50%); transition:0.3s;}
div.D3200 div.certi-app ul.certi-list li:hover div.top-toggle{border-color:#333; box-shadow:0 10px 20px rgba(0,0,0,0.08);}
div.D3200 div.certi-app ul.certi-list li:hover div.top-toggle span.tt-ico{border-color:#333;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle{display:none;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner{display:flex; align-items:center; padding:2rem;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box{width:28%; margin-right:7%; border-radius:1rem; padding:1.5rem 2rem; background:#f6f4f9;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul{}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li{display:flex; align-items:center; margin-top:1.2rem;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li:first-child{margin-top:0;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.lab{width:40%; font-family:'NotoKr_M';}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.lab.money{padding-left:1.5rem; position:relative;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.lab.money:before{content:''; display:block; width:1.25rem; height:1.25rem; background:url("../img/certi_wallet.svg")center/100% auto no-repeat; position:absolute; top:2px; left:0; opacity:.8;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.con{width:60%; text-align:right;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap{width:65%;}
div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap table.table02-hor{font-size:1rem;}
div.D3200 div.certi-app ul.certi-list li.active{border:2px solid #333; border-radius:1rem; overflow:hidden;}
div.D3200 div.certi-app ul.certi-list li.active div.top-toggle{border-radius:0; border:0; background:#333; color:#fff;}
div.D3200 div.certi-app ul.certi-list li.active div.top-toggle span.tt-ico{background:#333 url("../img/arrow_wh.svg")center/40% auto no-repeat; transform:translateY(-50%) scaleY(-1);}
div.D3200 div.certi-app ul.certi-list li.active:hover div.top-toggle span.tt-ico{border-color:#ddd;}

div.D4120 table.table01-hor tr:nth-child(2n) td{background:#fff;}
div.D4120 table tr.address td input{margin-bottom:0.5rem;}
div.D4120 table tr.address td input:last-child{margin-bottom:0;}
div.D4120 table tr.address td div.add01 > input{float:left; width:65%; border-top-right-radius:0; border-bottom-right-radius:0;}
div.D4120 table tr.address td div.add01 > a.form-btn{float:left; display:inline-block; width:35%; height:3rem; line-height:3rem; background:#333; border-top-right-radius:0.5rem; border-bottom-right-radius:0.5rem; text-align:center; color:#fff;}
div.D4120 table tr.address td div.add01{}
div.D4120 table tr.counsel td textarea{width:100%; height:auto; min-height:10rem; resize:none;}
div.D4120 div.agree-sign{padding-top:3rem; margin-top:3rem; border-top:1px solid #ccc; text-align:center;}
div.D4120 div.agree-sign div.txt02{margin:1rem 0 2rem;}
div.D4120 div.agree-sign div.txt03 ul li{margin-bottom:0.5rem;}
div.D4120 div.agree-sign div.txt03 ul li span.tit{display:inline-block; width:5rem; margin-right:0.5rem; text-align:right;}
div.D4120 div.agree-sign div.txt03 ul li span.cont input{display:inline-block; width:13rem;}

div.khu-modal.report-check div.inner{width:50rem;}

div.Dreport div.top ul li{border-bottom:1px solid #ddd; padding-bottom:0.5rem;}
div.Dreport div.top ul li:last-child{border-bottom:0; padding-bottom:0;}
div.Dreport div.top ul li span.tit{display:inline-block; width:5rem; font-family:"NotoKr_B";}
div.Dreport div.top ul li span.cont{display:inline-block;}
div.Dreport div.top div.table-wrap{margin-top:1.5rem; border-radius:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
div.Dreport div.top div.table-wrap table{font-size:1rem; text-align:center;}
div.Dreport div.top div.table-wrap table thead th{padding:0.5rem; border-right:1px solid #ddd; background:#efefef;}
div.Dreport div.top div.table-wrap table tbody td{padding:0.5rem; border-right:1px solid #ddd; background:#fff;}
div.Dreport div.top div.table-wrap table th:last-child,
div.Dreport div.top div.table-wrap table td:last-child{border-right:0;}
div.Dreport div.report-t-wrap{margin-top:3rem;}
div.Dreport div.report-t-wrap h4{margin-bottom:0.5rem; font-size:1.5rem; font-family:"NotoKr_M";}
div.Dreport div.report-t-wrap table ul.total li{position:relative; display:inline-block;}
div.Dreport div.report-t-wrap table ul.total li:after{content:""; display:inline-block; width:1px; height:0.8rem; background:#ccc; margin:0 1rem; vertical-align:middle;}
div.Dreport div.report-t-wrap table ul.total li:last-child:after{display:none;}
div.Dreport div.report-t-wrap div.table-wrap table.report-table{border-bottom:2px solid var(--color-main02);}
div.Dreport div.report-t-wrap div.table-wrap table.report-table thead{background: var(--color-main02); /*background:#253a73;*/}
div.Dreport div.report-t-wrap div.table-wrap table.report-table thead th{position:relative; color:#fff;}
div.Dreport div.report-t-wrap div.table-wrap table.report-table 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);}
div.Dreport div.report-t-wrap div.table-wrap table.report-table thead th:last-child:after{display:none;}
div.Dreport div.report-t-wrap div.table-wrap table.report-table tbody tr{border-bottom:1px solid #e0e0e0;}
div.Dreport div.report-t-wrap div.table-wrap table.report-table tbody tr:last-child{border-bottom:none;}
div.Dreport div.report-t-wrap div.table-wrap table.report-table tbody tr:nth-child(2n){background:#f6f7fa;}

div.onepage.eclub div.e-top{position:relative; margin-bottom:2rem; padding:2.5rem 3rem; border-radius:1.5rem; background:var(--color-main02); overflow:hidden;}
div.onepage.eclub div.e-top div.tit{float:left; padding-right:3rem; margin-right:3rem; border-right:1px solid rgba(255, 255, 255, 0.3); font-size:1.75rem; color:#fff; font-family:"NotoKr_B";}
div.onepage.eclub div.e-top > ul.list01{float:left; margin-top:0.5rem;}
div.onepage.eclub div.e-top > ul.list01 li{display:inline-block; margin-bottom:0; margin-right:3rem; color:rgba(255, 255, 255, 0.9); font-size:1.25rem;}
div.onepage.eclub div.e-top > ul.list01 li:last-child{margin-right:0;}
div.onepage.eclub div.e-top > ul.list01 li:before{top:0.8rem; background:rgba(255, 255, 255, 0.9);}
div.onepage.eclub div.e-top > ul.list01 li > span.cont{color:rgba(255, 255, 255, 0.6);}
div.onepage.eclub div.e-top span.dummy-txt{position:absolute; bottom:-1.25rem; right:2rem; display:inline-block; font-size:4.5rem; color:rgba(255, 255, 255, 0.05); font-family:"Montserrat_B"; user-select:none;}
div.onepage.eclub div.sub-wrap div.khu-tab ul li a{border-color:#333; color:#333;}
div.onepage.eclub div.sub-wrap div.khu-tab ul li.on a{background:#333; color:#fff;}

div.D6100 table label.c-input.ci-check{height:1.25rem; line-height:1.25rem; padding-left:1.25rem;}
div.D6100 table a.khu-btn.receipt{padding:0.25rem; margin-top:0.25rem; background:#fff; font-size:0.8rem;}

div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td input{float:left; width:32%; margin-right:2%;}
div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td div.sel-wrap{float:left; width:32%; margin-right:2%;}
div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td input:last-child{margin-right:0;}
div.D6212 div.table-hor-wrap.scholarship01 table.table01-hor,
div.D6212 div.table-hor-wrap.scholarship03 table.table01-hor{border-top-color:var(--color-main02); border-bottom-color:var(--color-main02);}
div.D6212 div.table-hor-wrap.scholarship01 table.table01-hor th,
div.D6212 div.table-hor-wrap.scholarship03 table.table01-hor th{background:var(--color-main02);}
div.D6212 div.table-wrap.scholarship02 p.t-scroll{display:none;}
div.D6212 div.table-wrap.scholarship02 table{border-bottom:2px solid var(--color-main02);}
div.D6212 div.table-wrap.scholarship02 table thead{background:var(--color-main02);}
div.D6212 div.table-wrap.scholarship02 table thead th{position:relative; color:#fff;}
div.D6212 div.table-wrap.scholarship02 table 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);}
div.D6212 div.table-wrap.scholarship02 table thead th:last-child:after{display:none;}
div.D6212 div.table-wrap.scholarship02 table tbody tr{border-bottom:1px solid #e0e0e0;}
div.D6212 div.table-wrap.scholarship02 table tbody tr:last-child{border-bottom:none;}
div.D6212 div.table-wrap.scholarship02 table tbody tr:nth-child(2n){background:#f6f7fa;}
div.D6212 div.table-wrap.scholarship02 table tbody th,
div.D6212 div.table-wrap.scholarship02 table tbody td{border-right:1px solid #e0e0e0;}
div.D6212 div.table-wrap.scholarship02 table tbody th:last-child,
div.D6212 div.table-wrap.scholarship02 table tbody td:last-child{border-right:0;}
div.D6212 div.table-wrap.scholarship02 table tbody td.check label.c-input.ci-check{width:1.25rem; height:1.25rem; line-height:1.25rem; padding-left:0;}
div.D6212 div.table-wrap.scholarship02 table td.check{text-align:center;}
div.D6212 div.scholarship04 div.txt01{margin-top:5rem; text-align:center;}
div.D6212 div.scholarship04 div.txt01 span.txt{display:block; margin-bottom:0.5rem; font-size:1.5rem;}
div.D6212 div.scholarship04 div.txt01 span.date{display:block; font-size:1.125rem;}

div.khu-modal.t-feedback div.inner div.cont-wrap div.cont{line-height:1.5; padding:1rem; border:1px solid #ccc;}

div.D6312 table td.refund-bank div.sel-wrap{width:10rem; margin-bottom:0.5rem;}
div.D6312 table textarea.refund-txt{width:100%; height:7rem; border-radius:0.5rem; resize:none;}
div.D6312 div.table-wrap.table-course table{border-top:2px solid var(--color-main02); border-bottom:2px solid var(--color-main02);}
div.D6312 div.table-wrap.table-course table tbody th{border-bottom:1px solid rgba(255, 255, 255, 0.3); background:var(--color-main02); color:#fff;}
div.D6312 div.table-wrap.table-course table tbody td{border-bottom:1px solid #e0e0e0;}
div.D6312 div.table-wrap.table-course table tbody tr:nth-child(2n) td{background:#f6f7fa;}

div.D6100 div.table-hor-wrap table.table01-hor{border-top-color:var(--color-main02); border-bottom-color:var(--color-main02);}
div.D6100 div.table-hor-wrap table.table01-hor th{background:var(--color-main02);}

div.D6320 table a.khu-btn{box-shadow:none; cursor:default;}
div.D6320 table a.khu-btn:hover{transform:none; box-shadow:none;}

/* 비밀글 모달창 */
div.khu-modal.secret div.inner div.form-wrap p.txt{ margin-bottom: 0.5rem; text-align: center; word-break: keep-all; font-family: 'NotoKr_M'; font-size: 1.125rem;}

@media screen and (max-width:1600px){
	div.onepage.eclub div.e-top div.tit{float:none; width:100%; padding-right:0; margin-right:0; border-right:0; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
	div.onepage.eclub div.e-top > ul.list01{float:none; margin-top:0;}
}

@media screen and (max-width:1440px){
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner{padding:1.5rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box{width:25%; margin-right:5%;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li{display:block; margin-top:1rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.lab{width:100%; font-size:0.85rem; margin-bottom:0.25rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.lab.money:before{width:1.15rem; height:1.15rem; top:0;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.con{width:100%; text-align:left;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-wrap{width:70%;}
}


@media screen and (max-width:1280px){
	div.form.survey div.list div.right > label{margin-left:1rem;}

	div.table-wrap.table-tt table thead tr th,
	div.table-wrap.table-tt table tbody tr td{padding:0.5rem;}
	div.table-wrap.table-tt table tbody tr td div.sd{padding:0.5rem;}
	div.table-wrap.table-tt table *{font-size:0.8rem;}
	div.table-wrap.table-tt table tbody tr td div.sd div.tit > span.type{font-size:0.5rem;}
	div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li{padding-left:1rem;}
	div.table-wrap.table-tt table tbody tr td div.sd ul.t-list li:before{width:0.8rem; height:0.8rem;}

	div.D2210 ul.list2 > li div.course-con{padding:1.5rem;}
	div.D2210 ul.list2 > li div.course-con a{margin-bottom:1.5rem; padding-bottom:1.5rem;}
	div.D6211 ul.course-list > li div.course-con{padding:1.5rem; min-height:unset;}

	div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner{display:block;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box{width:100%; margin-right:0;  margin-bottom:1.5rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul{display:flex;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li{margin-top:0; width:25%;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap{width:100%;}

	div.onepage.eclub div.e-top > ul.list01 li{margin-right:1.5rem;}

}

@media screen and (max-width:1200px){
	div.form div.list div.tit{width:30%;}
	div.form div.list div.con{width:70%;}
	div.form div.list.list2 > div.list2-01{float:none; width:100%; margin-bottom:1rem;}
	div.form div.list.list2 > div.list2-02{float:none; width:100%;}
	div.form div.list.list2 > div[class*="list2-"] > div.tit{width:30%;}
	div.form div.list.list2 > div[class*="list2-"] > div.con{width:70%;}
}

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

	div.sub-wrap{padding:2.5rem;}
	div.onepage{margin-top:0;}

	div.form.survey div.list div.left{float:none; width:100%; margin-bottom:0.5rem; border-bottom:1px solid #ddd;}
	div.form.survey div.list div.right{float:none; width:100%; text-align:left;}

	div.khu-modal.report-check div.inner{width:100%;}

	div.onepage.eclub div.e-top > ul.list01 li{display:block; margin-right:0; margin-bottom:0.5rem;}
	div.onepage.eclub div.e-top > ul.list01 li:last-child{margin-bottom:0;}

	div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.btn-wrap{margin:-1rem 0 2rem 0;}
}

@media screen and (max-width:768px){
	div.form div.list div.tit{float:none; width:100%; padding:0; margin-bottom:0.5rem;}
	div.form div.list div.tit span{padding-left:0;}
	div.form div.list div.tit.esse span:before{position:inherit; top:auto; left:auto; vertical-align:middle; margin-right:0.3rem;}
	div.form div.list div.con{float:none; width:100%;}
	div.form div.list.list2 > div[class*="list2-"] > div.tit,
	div.form div.list.list2 > div[class*="list2-"] > div.con{width:100%;}
	div.form div.list.question{padding:1.5rem;}
	div.form div.list.question div.top{font-size:1.375rem;}

	div.form.survey div.list div.left span.num{width:1.75rem; height:1.75rem; line-height:1.75rem;}
	div.form.survey div.list div.left span.tit{font-size:1.125rem;}

	div.table-wrap.table-course table,
	div.table-wrap.table-course table tbody,
	div.table-wrap.table-course table tr,
	div.table-wrap.table-course table th,
	div.table-wrap.table-course table td{display:block;}
	div.table-wrap.table-course table thead,
	div.table-wrap.table-course table colgroup{display:none;}
	div.table-wrap.table-course table{border:0;}
	div.table-wrap.table-course table 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;}
	div.table-wrap.table-course table tbody tr:last-child{margin-bottom:0;}
	div.table-wrap.table-course table tbody tr td{position:relative; padding:1rem; padding-left:35%; border-bottom:1px dashed #ddd; text-align:right;}
	div.table-wrap.table-course table tbody tr td:before{content:attr(data-th); position:absolute; top:50%; left:1rem; transform:translateY(-50%); display:inline-block; text-align:left; color:#253a73; font-family:"NotoKr_B";}
	div.table-wrap.table-course table tbody tr td:first-child{border-bottom:0; background:var(--color-main02); color:#fff;}
	div.table-wrap.table-course table tbody tr td:first-child:before{color:#fff;}
	div.table-wrap.table-course table tbody tr td:last-child{border-bottom:0;}
	div.table-wrap.table-course table tbody tr td ul.list01 li{text-align:right;}
	
	.top-search{text-align:center;}

	div.D2210 ul.list2{margin-top:1.5rem;}
	div.D2210 ul.list2 > li{float:none; width:100%; margin-right:0; margin-bottom:4rem;}
	div.D2210 ul.list2 > li:last-child{margin-bottom:0;}
	div.D2210 ul.list2 > li div.course-con{min-height:auto;}

	div.D6211 ul.course-list{margin-top:1.5rem;}
	div.D6211 ul.course-list > li{float:none; margin-right:0; margin-bottom:4rem;}
	div.D6211 ul.course-list.list1 > li,
	div.D6211 ul.course-list.list2 > li,
	div.D6211 ul.course-list.list3 > li{width:100%;}
	div.D6211 ul.course-list > li:last-child{margin-bottom:0;}

	div.D3200 div.certi-app ul.certi-list li div.top-toggle{font-size:0.9rem;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle span.tt-ico{width:1.5rem; height:1.5rem; right:0.5rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner{padding:1.25rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box{font-size:0.9rem; padding:1.25rem; border-radius:0.5rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li div.con span.state{font-size:0.8rem;}

	div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td div[class^="con"] span.tit{width:20%;}
	div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td div[class^="con"] input{width:80%;}
}

@media screen and (max-width:640px){
	.mo-none{display:none !important;}

	/* ���̺� ��ũ�� ������ */
	@-webkit-keyframes tableScroll{
		0%{left:0;}
		50%{left:0.8rem;}
		100%{left:0;}
	}
	@keyframes tableScroll{
		0%{left:0;}
		50%{left:0.8rem;}
		100%{left:0;}
	}

	div.form.agree-wrap div.agree-con div.list div.dd-tit{padding:0; padding-right:2.5rem;}
	div.form.agree-wrap div.agree-con div.list div.dd-tit label.c-input{line-height:normal; padding-top:0.5rem;}
	div.form.agree-wrap div.agree-con div.list div.dd-tit span.arrow{width:3rem; height:3rem;}
	div.form.survey div.list div.right > label{width:100%; height:2.5rem; line-height:2.5rem; margin-left:0;}

	div.table-tt,
	div.D6212 div.table-wrap.scholarship02{overflow-x:auto;}
	div.table-tt p.t-scroll,
	div.D6212 div.table-wrap.scholarship02 p.t-scroll{position:relative; display:block; margin-bottom:0.5rem; padding-left:2rem; font-size:14px; letter-spacing:-1px;}
	div.table-tt p.t-scroll:before,
	div.D6212 div.table-wrap.scholarship02 p.t-scroll:before{position:absolute; top:0; left:0; content:""; display:inline-block; width:16px; height:16px; background:url("../img/ic_scroll.png") center no-repeat; background-size:cover; animation:tableScroll 1s infinite;}
	div.table-tt > table,
	div.D6212 div.table-wrap.scholarship02 > table{width:100%; min-width:500px;}

	div.D2300 div.ca-list-top{padding-top:5rem;}
	div.D2300 div.ca-list-top div.top-search{float:none;}
	div.D2300 div.ca-list-top div.top-search > div.sel-wrap{width:70%;}
	div.D2300 div.ca-list-top div.top-search a.search{width:25%;}
	div.D2300 div.ca-list-top div.btn-wrap{float:none; position:absolute; top:0; right:0;}

	div.D3200 div.certi-app ul.certi-label{height:3.5rem; line-height:3.5rem; font-size:0.9rem;}
    div.D3200 div.certi-app ul.certi-label li{width:25%;}
    div.D3200 div.certi-app ul.certi-label li.onlyweb{display:none;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li{width:25%;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li.onlyweb{display:none;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li span.khu-btn{font-size:0.8rem; padding:0.3rem 0.6rem;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle span.tt-ico{display:none;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul{flex-wrap:wrap;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li{width:50%; margin-top:1rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box ul li:nth-child(2){margin-top:0;}

	div.D5110 div.ca-list-top div.btn-wrap a.khu-btn.kb02{padding:0.5rem 0.8rem; margin:0.1rem;}

	div.Dreport div.report-t-wrap div.table-wrap{border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden;}
	div.Dreport div.report-t-wrap div.table-wrap table.report-table thead th,
	div.Dreport div.report-t-wrap div.table-wrap table.report-table tbody td{padding:0.5rem;}

	div.onepage.eclub div.e-top{padding:1.5rem 2rem; margin-bottom:1rem;}
	div.onepage.eclub div.e-top span.dummy-txt{bottom:-1rem; right:1rem; font-size:4rem;}

	div.D6212 div.table-wrap.scholarship02{border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden;}
}

@media screen and (max-width:480px){
	div.sub-wrap{padding:1.5rem;}
	

	h2.doc-tit{font-size:2rem;}
	h3.cont-tit{font-size:1.75rem;}

	span.esse{font-size:1rem;}

	div.form.agree-wrap label.all-agree{font-size:1.25rem;}

	div.D2100 div.sd-top div.tit{font-size:1.5rem;}

	div.D2210 ul.list2 > li{margin-bottom:3rem;}
	div.D6211 ul.course-list > li{margin-bottom:3rem;}

	div.D3100 table td label.c-input.ci-radio{width:100%;}

	div.D3200 div.certi-app ul.certi-label{border-radius:0.5rem;}
    div.D3200 div.certi-app ul.certi-label li:nth-child(1){width:34%;}
    div.D3200 div.certi-app ul.certi-label li:nth-child(2){width:20%;}
    div.D3200 div.certi-app ul.certi-label li:nth-child(3){width:23%;}
    div.D3200 div.certi-app ul.certi-label li:nth-child(4){width:23%;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle{border-radius:0.5rem;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li:nth-child(1){width:34%;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li:nth-child(2){width:20%;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li:nth-child(3){width:23%;}
    div.D3200 div.certi-app ul.certi-list li div.top-toggle ul.tt-inf li:nth-child(4){width:23%;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner{padding:1rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.summery-box{padding:1rem;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap{}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap table.table02-hor,
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap table.table02-hor tbody,
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap table.table02-hor tr{display:block;}
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap table.table02-hor th,
    div.D3200 div.certi-app ul.certi-list li div.bot-toggle div.bt-inner div.table-hor-wrap table.table02-hor td{display:block; padding:0.5rem;}

	div.Dreport div.report-t-wrap table ul.total li{display:block; margin-bottom:0.25rem;}
	div.Dreport div.report-t-wrap table ul.total li:after{display:none;}
	div.Dreport div.report-t-wrap table ul.total li:last-child{margin-bottom:0;}

	div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td input{float:none; width:100%; margin-right:0; margin-bottom:0.5rem;}
	div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td div.sel-wrap{float:none; width:100%; margin-right:0; margin-bottom:0.5rem;}
	div.D6212 div.table-hor-wrap.scholarship01 table tr.bank td input:last-child{margin-bottom:0;}
	div.D6212 div.table-wrap.scholarship02{overflow-x:auto;}
	div.D6212 div.table-wrap.scholarship02 p.t-scroll{position:relative; display:block; margin-bottom:0.5rem; padding-left:2rem; font-size:14px; letter-spacing:-1px;}
	div.D6212 div.table-wrap.scholarship02 p.t-scroll:before{position:absolute; top:0; left:0; content:""; display:inline-block; width:16px; height:16px; background:url("../img/ic_scroll.png") center no-repeat; background-size:cover; animation:tableScroll 1s infinite;}
	div.D6212 div.table-wrap.scholarship02 > table{width:100%; min-width:450px;}
}

@media screen and (max-width:375px){
	div.D5110 div.ca-list-top div.btn-wrap a.khu-btn.kb02{padding:0.5rem; letter-spacing:-0.05rem;}
}

/* 수강신청 화면에서 학생에게 적용되는 조회 기준과 신청 불가 사유를 안내합니다. */
div.D2220 div.course-search-criteria{display:flex; align-items:flex-start; gap:1.25rem; margin:1.5rem 0; padding:1.5rem 1.75rem; border:1px solid #cfdcf4; border-radius:1rem; background:#f6f9ff; color:#243554;}
div.D2220 div.course-search-criteria.is-warning{border-color:#f3cf8e; background:#fffaf0; color:#744c08;}
div.D2220 div.course-search-criteria-icon{display:flex; flex:0 0 2.25rem; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:50%; background:#315fba; color:#fff; font-family:"NotoKr_B"; font-size:1rem;}
div.D2220 div.course-search-criteria.is-warning div.course-search-criteria-icon{background:#e49a19;}
div.D2220 div.course-search-criteria-content{min-width:0; flex:1;}
div.D2220 strong.course-search-criteria-title{display:block; margin-bottom:0.85rem; color:inherit; font-family:"NotoKr_B"; font-size:1.1rem;}
div.D2220 div.course-search-criteria-items{display:flex; flex-wrap:wrap; gap:0.65rem; margin-bottom:0.75rem;}
div.D2220 div.course-search-criteria-items span{display:inline-flex; align-items:center; overflow:hidden; border:1px solid #d9e2f2; border-radius:2rem; background:#fff;}
div.D2220 div.course-search-criteria-items em{padding:0.45rem 0.7rem; background:#eaf0fb; color:#5d6c87; font-style:normal; font-size:0.85rem;}
div.D2220 div.course-search-criteria-items b{padding:0.45rem 0.8rem; color:#1f3f7d; font-family:"NotoKr_B"; font-size:0.9rem;}
div.D2220 div.course-search-criteria-content p{margin:0; color:#64718a; line-height:1.55;}
div.D2220 div.course-search-criteria.is-warning div.course-search-criteria-content p{color:#825f22;}

/* 과목별 신청 가능 여부를 버튼과 상태 문구로 명확하게 구분합니다. */
div.D2220 div.course-registration-state{display:flex; flex-direction:column; align-items:center; gap:0.55rem;}
div.D2220 span.course-registration-badge{display:inline-flex; align-items:center; justify-content:center; min-width:5.25rem; padding:0.35rem 0.65rem; border-radius:2rem; font-family:"NotoKr_B"; font-size:0.85rem;}
div.D2220 div.course-registration-state.is-open span.course-registration-badge{background:#e9f8f2; color:#087c58;}
div.D2220 div.course-registration-state.is-before span.course-registration-badge{background:#eef3ff; color:#315fba;}
div.D2220 div.course-registration-state.is-after span.course-registration-badge,
div.D2220 div.course-registration-state.is-closed span.course-registration-badge{background:#f2f3f6; color:#616a79;}
div.D2220 div.course-registration-state.is-unavailable span.course-registration-badge{background:#fff3df; color:#a56500;}
/* 이미 신청한 과목은 일반 버튼이 아닌 완료 상태 배지로 표현합니다. */
div.D2220 div.course-registration-state.is-registered{gap:.35rem; min-width:9rem;}
div.D2220 div.course-registration-state.is-registered button.course-register-btn:disabled{display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-width:9rem; height:2.55rem; padding:0 .95rem; border:1px solid #b7e1d2; border-radius:999px; background:#effaf6; color:#197b60; opacity:1; cursor:not-allowed; box-shadow:none; transform:none; font-family:"NotoKr_B"; font-size:.9rem;}
div.D2220 div.course-registration-state.is-registered button.course-register-btn:disabled::before{content:"✓"; display:inline-flex; align-items:center; justify-content:center; width:1.15rem; height:1.15rem; border-radius:50%; background:#22a77d; color:#fff; font-size:.72rem; font-weight:700;}
div.D2220 div.course-registration-state.is-registered span.course-registration-message{max-width:14rem; color:#7a8796; font-size:.76rem; text-align:center;}
div.D2220 span.course-registration-message{display:block; max-width:12rem; color:#687386; font-size:0.82rem; line-height:1.45; word-break:keep-all;}
div.D2220 tr.course-empty-row td{padding:3.5rem 1rem;}
div.D2220 div.course-empty-state{display:flex; flex-direction:column; align-items:center; gap:0.6rem;}
div.D2220 div.course-empty-state strong{color:#263653; font-family:"NotoKr_B"; font-size:1.05rem;}
div.D2220 div.course-empty-state span{color:#758096; line-height:1.55; word-break:keep-all;}

@media screen and (max-width:768px){
    div.D2220 div.course-search-criteria{padding:1.25rem;}
    div.D2220 div.course-search-criteria-items{display:grid; grid-template-columns:1fr;}
    div.D2220 div.course-search-criteria-items span{width:100%; border-radius:0.65rem;}
    div.D2220 div.course-search-criteria-items em{min-width:5rem; text-align:center;}
    div.D2220 span.course-registration-message{max-width:none; text-align:right;}
    div.D2220 div.course-registration-state{align-items:flex-end;}
    div.D2220 div.course-registration-state.is-registered{align-items:center;}
}





/* 선택한 장학금별 신청사유를 충분한 입력 공간으로 제공한다. */
div.D6212 textarea.scholarship-reason{display:block; width:100%; min-width:12rem; min-height:6rem; padding:.65rem; border-radius:.4rem; resize:vertical; line-height:1.45;}
div.D6212 textarea.scholarship-reason:disabled{background:#f4f5f7; color:#9aa0a6; cursor:not-allowed;}

/* 장학금 선택부터 증빙파일 첨부까지 현재 입력 상태를 명확하게 구분한다. */
div.D6212 div.scholarship-selection-guide{display:flex; align-items:center; gap:1rem; margin:1rem 0 1.25rem; padding:1.15rem 1.35rem; border:1px solid #cadbef; border-radius:.8rem; background:linear-gradient(135deg,#f6f9ff,#f5fbfa); color:#3c4c62;}
div.D6212 div.scholarship-selection-icon{display:flex; flex:0 0 2.5rem; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:50%; background:linear-gradient(135deg,var(--color-main01),var(--color-main02)); color:#fff; font-family:"NotoKr_B"; box-shadow:0 .35rem .8rem rgba(0,126,149,.2);}
div.D6212 div.scholarship-selection-guide strong{display:block; margin-bottom:.25rem; color:#243348; font-family:"NotoKr_B";}
div.D6212 div.scholarship-selection-guide p{margin:0; color:#66758a; line-height:1.45;}
div.D6212 div.table-wrap.scholarship02 > table{min-width:1050px;}
div.D6212 div.table-wrap.scholarship02 tr[data-scholarship-row]{transition:background .2s, box-shadow .2s;}
div.D6212 div.table-wrap.scholarship02 tr[data-scholarship-row]:hover > th,
div.D6212 div.table-wrap.scholarship02 tr[data-scholarship-row]:hover > td{background:#f7fbff;}
div.D6212 div.table-wrap.scholarship02 tr[data-scholarship-row].is-selected > th,
div.D6212 div.table-wrap.scholarship02 tr[data-scholarship-row].is-selected > td{background:#edf9f7; border-top:1px solid #82c9bf; border-bottom:1px solid #82c9bf;}
div.D6212 span.scholarship-reason-count{display:block; margin-top:.35rem; color:#8a939d; font-size:.78rem; text-align:right;}
div.D6212 span.scholarship-reason-count b{color:var(--color-main01); font-family:"NotoKr_B";}
div.D6212 div.scholarship03 table{border-collapse:separate; border-spacing:0 .65rem;}
div.D6212 div.scholarship03 tr:not([hidden]) th,
div.D6212 div.scholarship03 tr:not([hidden]) td{border-top:1px solid #e0e6ed; border-bottom:1px solid #e0e6ed; background:#fafcfe;}
div.D6212 div.scholarship03 tr:not([hidden]) th{border-left:1px solid #e0e6ed; border-radius:.6rem 0 0 .6rem;}
div.D6212 div.scholarship03 tr:not([hidden]) td{border-right:1px solid #e0e6ed; border-radius:0 .6rem .6rem 0;}
div.D6212 div.scholarship03 tr.has-file th,
div.D6212 div.scholarship03 tr.has-file td{border-color:#8acdb8; background:#f1fbf7;}
div.D6212 div.scholarship03 tr.has-file div.ip-file{border-color:#48a987; box-shadow:0 0 0 .15rem rgba(72,169,135,.1);}
div.D6212 p.scholarship-file-help{margin:.4rem 0 0; color:#7b8794; font-size:.8rem; line-height:1.4;}
span.scholarship-file-types{margin-left:.3rem; color:#e43f4f; font-family:"NotoKr_R"; font-size:.78em; font-weight:400;}

@media screen and (max-width:640px){
    div.D6212 div.scholarship-selection-guide{align-items:flex-start; padding:1rem;}
    div.D6212 div.scholarship-selection-guide p{font-size:.9rem;}
}

/* 수강신청 기간이 아닐 때 취소 불가 상태를 버튼과 구분해 안내한다. */
div.D2300 span.course-cancel-unavailable{display:inline-flex; align-items:center; justify-content:center; min-width:6rem; padding:.55rem .75rem; border:1px solid #d8dde5; border-radius:.45rem; background:#f4f6f8; color:#8a939f; font-size:.8rem; white-space:nowrap; cursor:not-allowed;}