@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

.tit-st1{font-size: 2.125em; padding-bottom: 0.588em; color: #333; text-align: center;margin-bottom: 1.176em; line-height: 1.15; position: relative;}
.tit-st1:after{position: absolute;left: 50%; width: 1.324em; height: 1px; background: #111; content: ''; bottom: 0; transform: translateX(-50%);}
.tit-st2{position: relative; font-size: 25px; font-size:1.563rem; padding-top: 0.800em;line-height: 1.15; margin-bottom: 0.800em; color: #333; font-weight: 500;}
.tit-st2:before{width: 100%; height: 1px; background: #ccc; position: absolute;left: 0;top:0;content: ''}
.tit-st2:after{width: 1.200em; height: 3px; position: absolute;left: 0;top:0; content: ''; background: #8f0808; left: 0;top:0}
.tit-st3{color: #333; font-weight: 500; font-size: 24px; font-size: 1.5rem; margin-bottom: 1.25em; line-height: 1.15;}
.tit-st4{font-weight: 500; color: #333; background: url('../img/common/bul-st1.gif') left center no-repeat; font-size: 18px; font-size: 1.125rem; padding-left: 1.333em; margin-bottom: 1.15em;}

.tabs-st1{border-left: 1px solid #ddd; border-top: 1px solid #ddd; font-weight: 700; text-align: center; margin-bottom: 2.500em; line-height: 1.15;}
.tabs-st1 > li{float: left; width: 20%; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; position: relative;}
.tabs-st1 a{display: table; height: 3.750em;width: 100%}
.tabs-st1 span{display: table-cell;vertical-align: middle;}
.tabs-st1 .active{background: #ac2f30; color: #fff}
.tabs-st1 .active:before{position: absolute;left: -1px; top: -1px; right: -1px; bottom: -1px; border:1px solid #ac2f30; content: ''}

.tabs-st2{border-left: 1px solid #ddd; border-top: 1px solid #ddd; font-weight: 500; text-align: center; margin-bottom: 2.500em; line-height: 1.15;}
.tabs-st2 > li{float: left; width: 16.6667%; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; position: relative;}
.tabs-st2 a{display: table; height: 3.750em;width: 100%}
.tabs-st2 span{display: table-cell;vertical-align: middle; word-break: keep-all;}
.tabs-st2 .active{background: #ac2f30; color: #fff; font-weight: 700;}
.tabs-st2.li5 > li{width: 20%}
.tabs-st2.li4 > li{width: 25%}
.tabs-st2.li3 > li{width: 33.33333333%}
.tabs-st2.li2 > li{width: 50%}
/* .tabs-st2 .active:before{position: absolute;left: -1px; top: -1px; right: -1px; bottom: -1px; border:1px solid #ac2f30; content: ''} */

.tabs-st3{text-align: center;margin-bottom: 1.5em;color:#999}
.tabs-st3 li {display: inline-block;position: relative;font-size: 18px;font-size: 1.125rem;position: relative;margin: 0 0.5em 1.5em .5em;line-height: 1}
.tabs-st3 li a{display: block;z-index: 1;position: relative;}
.tabs-st3 .active{font-weight: 700;color:#000}
.tabs-st3 .active:after{left: 0; bottom: -0.833em;width: 100%;height:3px;background: #222;content: '';position: absolute;content: ''}

.bul-dot{line-height: 1.35;}
.bul-dot > li{position: relative; padding-left: .7em; margin-top: .5em;}
.bul-dot > li:before{position: absolute;left: 0;top:.63em; left: 0; background: #8f0808; width: 4px; height: 4px; content: ''}
.bul-dot > li:first-child{margin-top: 0;}

.bul-dot2{line-height: 1.35;}
.bul-dot2 > li{position: relative; padding-left: .3em; margin-top: .5em;}
.bul-dot2 > li:before{position: absolute;left: 0;top:0; left: 0; content: '·'}
.bul-dot2 > li:first-child{margin-top: 0;}

.box-st1{background: #f7f7f7;border:5px solid #ddd; padding: 30px 40px; color: #555;margin-bottom: 40px;}
.box-st1 .tit{font-size: 1.125em;display: block;margin-bottom: 1em; line-height: 1.15;}
.box-st2{border:1px solid #ddd; padding: 20px; line-height: 1.8;}
.box-st2 textarea{display: block;width: 100%;border: 0;min-height: 300px; max-height: 600px;overflow-y: auto;}

.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em;}
.bul-decimal > li:first-child{margin-top: 0 !important;}

.bul-decimal2 > li{position: relative; padding-left: 1.5em; margin-top: .67em;}
.bul-decimal2 > li:first-child{margin-top: 0;}
.bul-decimal2 > li > .i{position: absolute; font-size: 0.813em; width: 1.308em; height: 1.308em; line-height: 1.308em; border-radius: 50%; background: #8f0808; color: #fff !important; left: 0; top:.3em; text-align: center; font-weight: 700 !important;}

.bul-mark > li{margin-top: 0.3em;}
.bul-mark > li:first-child{margin-top: 0;}
.bul-mark > li,.bul-mark.b{padding-left: 1.33em;position: relative;display: block;}
.bul-mark > li:before, .bul-mark.b:before{position: absolute;left: 0;top:0;content: '※'}

.ico-file_w{font-size: 15px; font-size: .938rem;}
.ico-file_w > li{margin-top: .5em;}
.ico-file_w > li:first-child{margin-top: 0;}
.ico-file_w .label{display: inline-block; width: 35px; line-height: 20px; text-align: center; border-radius: 3px; font-weight: 400; font-size: 12px; margin-right: 5px;}
.ico-file_w a:hover{text-decoration: underline;}

.tbl-st1_a{border:1px solid #ccc; border-bottom: 0; border-top: 2px solid #7d0101}
.tbl-st1_a > li{display: table; width: 100%; border-bottom: 1px solid #ccc;}
.tbl-st1_a > li >*{display: table-cell; vertical-align: middle;}
.tbl-st1_a .t{background: #f8f2f2; padding: 20px; text-align: center; font-weight: 500; color: #333; width: 330px}
.tbl-st1_a .cont{border-left: 1px solid #ccc; padding: 20px 70px; background: #fff}

.tbl-st2_a{border-top: 2px solid #7d0101}
.tbl-st2_a > li{display: table; width: 100%; border-bottom: 1px solid #ccc;}
.tbl-st2_a > li >*{display: table-cell; vertical-align: middle;}
.tbl-st2_a .t{background: #f6f6f6; padding: 20px; text-align: center; font-weight: 500; color: #333; width: 300px}
.tbl-st2_a .cont{border-left: 1px solid #ccc; padding: 20px 30px; background: #fff}
.tbl-st2_a .cont.pd0{padding: 0}
.tbl-st2_a .cont.pd0 > *{border-top: 1px solid #ccc; padding: 20px 30px}
.tbl-st2_a .cont.pd0 > *:first-child{border-top: 0;}

.tbl-st2{ text-align: center; position: relative;}
.tbl-st2:before{position: absolute;left: 0;top:0;width: 1px; height: 100%;content: ''; background: #fff}
.tbl-st2 table{width: 100%; border-top: 2px solid #7d0101;}
.tbl-st2 th{background: #f6f6f6; padding: 20px 1em; text-align: center; font-weight: 500; color: #333;border-bottom: 1px solid #ccc; border-left:  1px solid #ccc;}
.tbl-st2 td{border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 1em}

.cont-st1{display: table;width: 100%;}
.cont-st1 > *{display: table-cell; vertical-align: top;}
.cont-st1 .t{width: 200px; color: #333; font-weight: 500;}

.btn-down{background: #8f0808; color: #fff; font-weight: 300; font-size: 14px; display: inline-block; padding: 10px 1em; line-height: 1.15;}
.btn-down > span{display: inline-block;padding-left: 1.63em; background: url('../img/common/btn-down.png') left center no-repeat}

.page_box{background: #f6f6f6; padding: 30px 40px}

.mg_w > li{margin-top: .3em;}
.mg_w > li:first-child{margin-top: 0;}

.junbijung{text-align: center; color: #333; font-size: 1.5em; padding: 100px 0 300px; font-weight: 500;}

.page_intro .page_box{text-align: center;}
.page_intro .big{display: block; font-size: 1.500em; line-height: 1.35;} /* margin-bottom: .67em; */
.page_intro .bul-mark{margin-top: .93em;}
.page_intro table strong{color: #333; font-weight: 500;}

.page_as .g1{word-break: keep-all;}
.page_as .g1 ul{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap;}
.page_as .g1 li{float: left; background: #f5f5f5; width: 23%; margin: 0 0 2% 2%; padding: 30px 30px 80px; position: relative; min-height: 187px}
.page_as .g1 .ico{position: absolute;right: 20px; bottom: 20px;}
.page_as .g1 .ico img{display: block;}
.page_as .g2{padding: 70px 0; margin-top: 60px; background: #f5f5f5}

.info_pr .top img{display: block;margin: 0 auto;}
.info_pr .box{border:1px solid #ccc}
.info_pr .g1{padding: 50px 1em}
.info_pr .g2{background: #fae100; padding: 50px 1em}

/* .info_pr .bot{background: #f8f8f8; padding: 40px 50px; display: table; margin-top: 40px; width: 100%}
.info_pr .bot > *{display: table-cell; vertical-align: top;}
.info_pr .bot .tit-st3{width: 215px} */
.box-bot{background: #f8f8f8; padding: 40px 50px; display: table; margin-top: 40px; width: 100%}
.box-bot > *{display: table-cell; vertical-align: top;}
.box-bot .t{width: 215px}

.part-st1 .img{float: left; width: 50%}
.part-st1 .cont{float: right; width: 44%; word-break: keep-all;}
.part-st1 .t{font-size: 25px; font-size: 1.563rem; padding-top: 1.200em; margin-bottom: 0.800em; line-height: 1.35; position: relative;}
.part-st1 .t:before{position: absolute; width: 4em; height: 2px; background: #8f0808; content: ''; left: 0;top:0}

.page_er .tit{display: block; margin-bottom: .3em;}
.page_er .group,.group_com_w .group{margin-top: 40px;}
.page_er .group:first-child,.group_com_w .group:first-child{margin-top: 0;}
.page_er .tbl-st2{margin-top: 1.25em;}

.part-st1 .mt,.inquiry_page .group,.group_com_w .group{margin-top: 50px;}
.inquiry_page .group:first-child,.group_com_w .group:first-child{margin-top: 0;}

.inquiry_page .bul-decimal2 strong{color: #333; font-weight: 400;}
.inquiry_page .bul-decimal2 .img{margin: 1em 0 1em -1.5em;}
.inquiry_page a:hover{text-decoration: underline;}

.greeting .l{float: left; width: 57%}
.greeting .big{line-height: 1.35; word-break: keep-all}
.greeting .img{float: right; width: 39%}
.greeting .img img{display: block; float: right;}
.greeting .txt{margin-top: 2.500em;}

.page-st .box{background: #f8f8f8; border:1px solid #ccc; padding: 40px 1em; margin-top: 1.25em; text-align: center; color: #333; word-break: keep-all}
.page-st .box .t{line-height: 1.15; position: relative; padding-bottom: 1.364em; margin-bottom: 0.909em;}
.page-st .box .t:after{position: absolute;left: 50%;width: 2px; height: 0.909em; content: ''; left: 50%; margin-left: -1px; background: #7d0101; bottom: 0}
.page-st .box > ul{font-size: 0; margin-top: -40px;}
.page-st .box > ul > li{display: inline-block; width: 240px; font-size: 16px; font-size: 1rem; margin: 40px 40px 0; vertical-align: top;}
.page-st .box .t2{line-height: 50px; border-radius: 5px; color: #fff; font-size: 1.125em; font-weight: 500}
.page-st .box .red{background: #b34040; box-shadow: 5px 5px 0 rgba(167,70,70,.28)}
.page-st .box .blue{background: #253a73; box-shadow: 5px 5px 0 rgba(98,112,150,.28)}
.page-st .box .txt{margin-top: 10px;}

.direction{word-break: keep-all}
.direction .map{border:1px solid #ccc; position: relative}
.direction .map .iframe{position: relative; height: 500px}
.direction .map iframe{width: 100%; height: 100%; position: absolute;left: 0;top:0; display: block;}
.direction .map .add{position: absolute; left: 0;bottom: 0; width: 100%; background: rgba(0,0,0,.7); padding: 20px 10px; color: #fff; font-weight: 500; font-size: 1.125em; text-align: center; line-height: 1.35;}
.direction .map .add span{padding-left: 1.5em; background: url('../img/common/ico-loc.png') left center no-repeat}
.direction .tbl-st2_a .t,.direction .tbl-st2 .width{width: 201px}
.direction .tbl-st2 th{white-space: nowrap;}
.direction .line{display: inline-block; text-align: center; margin-right: 1px; font-weight: 700;}
.direction .subway .line{font-size: 14px; width: 24px; height: 24px; line-height: 24px; border-radius: 50%}
.direction .bus .line{font-size: 12px; width: 35px; line-height: 20px; height: 20px; border-radius: 30px}

.expert{margin: 1.3em 0;}
.expert > li{display: table; width: 100%; margin-top: 1.25em;}
.expert > li:first-child{margin-top: 0;}
.expert > li > *{display: table-cell; vertical-align: middle;}
.expert .ico{width: 120px; padding-right: 30px;}
.expert strong{display: block;}

.curri1 .w4{width: 40%}
.curri1 td{word-break: keep-all;}

.curri2 .w60{width: 55%;}
.curri2. w25{width: 22.5%}
.curri2 .w15{width: 22.5%}
.curri2 tbody td:last-child{text-align:left;}

.flow_chart{background: #f5f5f5; padding: 70px;}
.flow_chart > li{position: relative; padding-left: 200px; margin-bottom: 3.750em;}
.flow_chart > li:after{content:''; background:url('../img/school/arrow.png') center center no-repeat; position: absolute; left: 50%; width: 1.875em; height: 3.750em; left: 50%;bottom: -3.750em; margin:0 0 0 -.938em; background-size: 100%}
.flow_chart > li:last-child{margin-bottom: 0;}
.flow_chart > li:last-child:after{background: none}
.flow_chart > .noArrow:after{background: none}
.flow_chart .t{font-size: 24px; font-size: 1.5rem; position: absolute;left: 0;top:0;width: 189px;text-align: center; height: 100%}
.flow_chart .bul-dot{font-size: 16px; font-size: 1rem; background: #fff; border:1px solid #ccc; padding: 30px 50px; font-weight: 400; color: #333}
.flow_chart .bul-dot .light{font-weight: 300; margin-top: .3em;}
.flow_chart .bul-dot .light > li{margin-top: .35em;}
.flow_chart .bul-dot .light > li:first-child{margin-top: 0;}
.flow_chart .small{font-size: 16px; font-size: 1rem;display: block;}
.flow_chart .t > span{    position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.greeting_new .top{display: flex; flex-wrap: wrap;}
.greeting_new .top .l{width: 100%;flex: 1;font-size: 1.625em;word-break: keep-all;position: relative;padding: 94px 0; text-align: center;}
/* .greeting_new .top .l{width: 100%; font-size: 1.625em; word-break: keep-all; position: relative;padding: 94px 0} */
.greeting_new .top .l:before,.greeting_new .top .l:after{position: absolute;width: 1.731em; height: 1.538em;background: url('') center center no-repeat; background-size: 100%;content: ''}
.greeting_new .top .l:before{left: 0;top:0;background-image: url('../img/school/quot.png');}
.greeting_new .top .l:after{right: 0;bottom:0;background-image: url('../img/school/quot_r.png');}
.greeting_new .top .r{ margin-left: 5em; }
/* .greeting_new .top .r{float: right; width: 57%} */
/* .greeting_new .top .r img{display: block; float: right;} */
.greeting_new .cont{margin-top: 2.500em;}
.greeting_new .sign{margin-top: 3em;}
.greeting_new .sign > *{display: block;}
.greeting_new .sign strong{font-size: 1.25em; font-weight: 400;}

.page-org .box{background: #f5f5f5; padding: 50px}
.page-org .box img{display: block;margin: 0 auto;}

.history .top img{display: block;margin: 0 auto;}
.history .bot{background: #f5f5f5; padding: 80px 0; margin-top: 80px;}
.his_w .sect{position: relative; padding-left: 195px; min-height: 120px}
.his_w .year{position: absolute;left: 0; top:0; width: 120px; height: 120px; display: table; border-radius: 50%; text-align: center; background: #7d0101; color: #fff; font-weight: 700; font-weight: 1.125em; line-height: 1.35;}
.his_w .year > span{display: table-cell;vertical-align: middle;}
.his > li{position: relative; padding-left: 6.875em; margin-top: 1.25em;}
.his > li:first-child{margin-top: 0;}
.his .date{position: absolute;left: 0;top:0; color: #333}
.his_w .sect{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dotted #000;}
.his_w .sect:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}

/* 프로그램 신청 */
.program-app{}
.program-app h3{font-size:1.2em; margin:0 0 10px;}
.program-app h3::before{content:'◈ '; font-size:inherit; color:inherit;}
.program-app .write-table{margin:0 0 50px;}

.write-table{width:100%; border-top:2px solid #333}
.write-table > tbody{}
.write-table > tbody > tr > th,
.write-table > tbody > tr > td{border:1px solid #ddd; border-width:0 0 1px; padding:10px; height:70px;}
.write-table > tbody > tr > th{width:15%; text-align:left; font-weight:400; padding-left:30px;}
.write-table > tbody > tr > td{}
.write-table .inner-table{width:100%;}
.write-table .inner-table th,
.write-table .inner-table td{padding:10px; border:1px solid #ddd; text-align:left;}
.write-table .inner-table th{background:#f4f4f4;}
.write-table .inner-table tbody th{width:22%;}
.write-table input{height:3.125em; border:1px solid #ddd;}

.write-table input[type="file"]{display:none;}
.write-table input[type="file"] + input[type="text"]{}
.write-table input[type="file"] + input[type="text"] + label{display:inline-block; height:3.125em; line-height:3.125em; padding:0 15px; background:#666; color:#fff; }

.private{padding:1.875em; background:#f4f4f4;}
.private .txt{font-size:1em;}
.private ul{border-top:1px dashed #ccc; margin:20px 0; counter-reset:private_num;}
.private ul li{counter-increment:private_num; border-bottom:1px dashed #ccc; padding:30px 0 30px 25px;}
.private ul li strong{display:block; margin:0 0 0 -25px;}
.private ul li strong::before{content:counter(private_num); width:20px; height:20px; line-height:22px; border-radius:100%; display:inline-block; background:#666; color:#fff; text-align:center; margin:0 5px 0 0;}

.private-chk{text-align:right; margin:10px 0 0; line-height:1;}
.private-chk input[type="checkbox"]{margin:0 10px 0 0; vertical-align:top;}

.btn-wrap{text-align:center; margin:20px 0 0;}
.btn-wrap input{height:55px; width:200px; box-sizing:border-box; font-size:16px; font-weight:400;}
.btn-wrap input[type="submit"]{background:#233d5d; color:#fff;}
.btn-wrap input[type="reset"]{border:1px solid #233d5d; color:#233d5d; background:#fff;}

.tabs-st3{margin-top: 3em;}
.no_data{padding: 1.8em 1em; font-size: 1.125em;}

/* .apply_ing {right: 0; width: 100px; background: #ed5c5c; color: #fff; transition: all ease-in-out .3s}
.apply_search { right: 0; width: 100px; background: #233d5d; color: #fff; transition: all ease-in-out .3s}
.apply_end {right: 0; width: 100px; background: #41b7b8; color: #000; transition: all ease-in-out .3s} */
.box-agree_w{font-size: .938em; line-height: 1.67;}
.box-agree_w .t{display: block; font-size: 1.125em; margin-bottom: .7em; font-weight: 400;}

.box-agree_w .bul-decimal > li{margin-top: 3em;}
.box-agree_w .bul-decimal > li li{margin-top: 1em;}
.box-agree_w .bul-decimal > li li:first-child{margin-top: 0;}

#quick{ display: none; }

.js-tabs_w .tab_cont{display: none;}
.js-tabs_w .tab_cont:first-child{display: block;}


.overflowbox{border:1px solid #ddd; box-sizing: border-box; padding:3% 5%; color: #333; font-weight: 300; font-size: 0.938em; line-height: 1.267em; margin-bottom: 1.333em; height: 14.667em; overflow-y: auto;}
.overflowbox:focus{outline: 2px solid #00656e;}

.page_required{border:1px solid #ccc; padding: 50px}
.page_required > ul > li{float: left; width: 50%; margin-bottom: 50px;}
.page_required li{display: table; width: 100%}
.page_required li > *{display: table-cell; vertical-align: top}
.page_required .ico{width: 110px}
.page_required .ico img{display: block;}
.page_required .cont{padding-top: 1.25em;}
.page_required .t{display: block; font-size: 1.125em; margin-bottom: 10px;}
.page_required .w100{width: 100%; margin-bottom: 0;}

.page_rule{line-height: 1.67;}
.page_rule .tit{display: block; font-size: 1.25em; margin-bottom: .7em; line-height: 1.15;}
.page_rule .sect{margin-top: 1.8em;}
.page_rule .i{display: inline-block;font-size: 0.813em; width: 1.308em; height: 1.308em; line-height: 1.308em; border-radius: 50%; background: #8f0808; color: #fff !important; text-align: center; font-weight: 700; margin-right: 3px;}
.page_rule .tbl-st2{margin: 10px 0;}

.expert_new .txt_new{margin: 2.500em 0;}
.expert_new .txt_top{margin-bottom: 1.875em;}
.expert_new .t_new img{margin-right: 10px;}

/* 발전기금 */
.fund .img_w > img{width: 100%;}
.step {display: flex; flex-wrap: wrap; gap: 10px; width: 100%; height: 100px; border: 1px solid #ddd; align-items: center; padding: 10px 5px;}
.step li {flex: 1; padding-left: 70px; min-height: 50px; vertical-align: middle; border-right: 1px solid #ddd; }
.btn-red{background:#7d0101; color:#fff !important; border-radius: 5px; font-size: 1rem !important; padding: 10px 5px !important; font-weight: 400 !important; display: inline-block; height: auto !important; line-height: 1 !important;}

/* 학칙 및 내규 */
.page_rule__btns { display: flex; align-items: center; justify-content: center; gap: 20px; }
.page_rule__btns li { width: 50%;}
	.page_rule__btns li a { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100px; background: #f5f5f5; font-size: 20px; padding: 0 20px; }
.page_rule__btns li a span { color: #303030; font-weight: 600; }
.page_rule__btns li a:hover { text-decoration: underline; }
@media (max-width: 640px) {
  .page_rule__btns { flex-wrap: wrap; }
  .page_rule__btns li { width: 100%;}
  .page_rule__btns li a { font-size: 18px; height: 80px; }
}