@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');
.f18{font: 18px; font-size: 1.125rem;word-break: keep-all;}

.tit-st1{font-size: 2.125em; margin-bottom: 1.765em; line-height: 1.15; color: #111; font-weight: 400; text-align: center; word-break: keep-all}
.tit-st2{position: relative; font-size: 24px; font-size:1.425rem; line-height: 1.15; margin-bottom: 20px; margin-bottom: 1.25rem; color: #333; font-weight: 700;display: block;}
.tit-st3{position: relative; font-size: 18px; font-size: 1.125rem; margin-bottom: 1.111em; line-height: 1.15; color: #333; font-weight: 700;}
.tit-st4{position: relative; font-size: 26px; font-size:1.625rem; line-height: 1.15; margin-bottom: 20px; margin-bottom: 1.25rem; color: #6eb92b; font-weight: 700;display: block; position: relative;}
.tit-st4 .ab{position: absolute;right: 0;bottom: 0; font-size: 16px; font-size: 1rem; font-weight: 400;}

.tit-st2.mt{margin-top:19px;}
.tit-st2.m1{margin-top:19px;}

.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.5em;width: 100%}
.tabs-st2 span{display: table-cell;vertical-align: middle;}
.tabs-st2 .active{background: #6eb92b; color: #fff; font-weight: 700;}
.tabs-st2.li5 > li{width: 20%}
.tabs-st2.li4 > li{width: 25%}
.tabs-st2.li3 > li{width: 33.333333333%}
.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: ''}

.tabs-link{font-size: 0; background: url('../img/common/tabs_bg.gif') left top repeat; border:1px solid #ccc; margin-bottom: 80px; font-weight: 400; text-align: center;}
.tabs-link.mb{margin-bottom: 60px;}
.tabs-link > li{display: inline-block; font-size: 1rem;}
/* .tabs-link > li{float: left; width: 33.333333%}
.tabs-link.li2 > li{width: 50%}
.tabs-link.li3 > li{width: 33.333333%}
.tabs-link.li4 > li{width: 25%}
.tabs-link.li5 > li{width: 20%}
.tabs-link.li6 > li{width: 16.6666666667%}
.tabs-link.li7 > li{width: 14.2857142857%} */
.tabs-link a{display: block; padding: 15px 10px}

.tabs-link span{background: url('../img/common/tabs.gif') 99% center no-repeat; display: inline-block; padding-right: 2em; background-size: auto 100%}
.tabs-link .active{color: #000; font-weight: 700;}
.tabs-link .active span{background-image: url('../img/common/tabs_on.gif')}

.tabs-link2{text-align: center;margin-bottom: 3em;color:#999}
.tabs-link2 li {display: inline-block;position: relative;font-size: 20px;font-size: 1.25rem;position: relative;margin: 0 0.5em 1.5em .5em;line-height: 1}
.tabs-link2 li a{display: block;z-index: 1;position: relative;}
.tabs-link2 .active{font-weight: 700;color:#6eb92b}
.tabs-link2 .active:after{left: 0; bottom: -0.5em;width: 100%;height:3px;background: #6eb92b;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:.5em; left: 0; background: #6eb92b; width: 5px; height:5px; content: '';border-radius: 50%}
.bul-dot > li:first-child{margin-top: 0;}

.bul-dot.b{position: relative; padding-left: .7em; display: block;}
.bul-dot.b:before{position: absolute;left: 0;top:.5em; left: 0; background: #6eb92b; width: 5px; height: 5px; content: ''; border-radius: 50%}

.bul-dot2{line-height: 1.35;}
.bul-dot2 > li{position: relative; padding-left: .7em; margin-top: .5em;}
.bul-dot2 > li:before{position: absolute;left: 0;top:.67em; left: 0; background: #fff; width: 3px; height: 3px; content: ''}
.bul-dot2 > 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; padding: 40px; color: #555;margin-bottom: 40px;}
.box-st1 .in{display: table; width: 100%}
.box-st1 .in > *{display: table-cell; vertical-align: top;}
.box-st1 .ico{width: 160px}
.box-st1 .ico img{display: block;}

.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: '※'}

.bul-dash > li{position: relative; padding-left: .7em; margin-top: .3em;}
.bul-dash > li:before{position: absolute;left: 0;top:0;content: '-'}
.bul-dash > li:first-child{margin-top: 0;}

.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{ text-align: center; position: relative; font-size: 16px; font-size: 1rem;}
.tbl-st1:before{position: absolute;left: 0;top:0;width: 1px; height: 100%;content: ''; background: #fff}
.tbl-st1 table{width: 100%; border-top: 2px solid #333;}
.tbl-st1 th{background: #fff; padding: 10px; text-align: center; font-weight: 500; color: #333;border-bottom: 1px solid #ccc; border-left:  1px solid #ccc;}
.tbl-st1 td{border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; word-break: keep-all;}
.tbl-st1.nowrap th{white-space: nowrap;}

.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%; color: #666}
.cont-st1 > *{display: table-cell; vertical-align: top;}
.cont-st1 .t{width: 230px; 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;}

.inquiry_page .group:first-child,.group_com_w > .group:first-child{margin-top: 0;}
.group_com_w > .group{margin-top: 50px;}
.page-st1 .sect{margin-top: 40px;}
.page-st1 .mt{margin-top: 20px;}
.page-st1 .mt2{margin-top: 10px;}
.mt10{margin-top: 10px !important}
.mt20{margin-top: 20px !important}
.mt30{margin-top: 30px !important}

.intro_kh .img img{display: block; width: 100%}
.intro_kh .txt{margin-top: 50px; word-break: keep-all; font-size: 1.125em;}

/* .greeting .top{background: url('../img/intro/greeting.jpg') left bottom no-repeat; background-size: cover; padding: 70px 0 0; position: relative; margin-bottom: 0; word-break: keep-all; text-align: left;} */
.greeting .top .tit-st1{margin: 0 auto 35px}
.greeting .top .since img{display: block;margin: 0 auto;}
.greeting .txt{font-size: 1.125em; letter-spacing: -0.03em;word-break: keep-all;margin-top: 50px}
.greeting .inner,.history_page_w{max-width: 1000px}
.greeting .top .inner{position: relative;}
.greeting .top .since{position: absolute;right: 0;top:50%; transform: translateY(-50%);}
.greeting .top .tit-st1{text-align: left; font-size: 34px; font-size: 1.5rem;line-height: 35px;}
/* .greeting .top > *{max-width: 1000px; margin: 0 auto;} */

.greeting .half_w{position: relative; line-height: 1.8; font-size: 1.125em; padding-top: 70px; margin-top: 50px;}
/* .greeting .half_w:before{width: 100%;height: 15px; height: .938rem; background: url('../img/intro/pattern.gif') left bottom repeat-x; content: ''; position: absolute; left: 0;top: 0} */
.greeting .half{position: relative;}
.greeting .half:before{position: absolute;left: 50%;top:0; width: 1px; height: 80%; background: #ccc; content: ''}
.greeting .half.h:before{height: 100%}
.greeting .half > li{float: right; width: 45%}
.greeting .half > li:first-child{float: left;}
.greeting .half .sign{margin-top: 3em; line-height: 1.15;}
.greeting .half .sign{font-weight: 700; color: #000}
.greeting .half .sign > *{display: block;}
.greeting .half .sign strong{font-size: 1.444em; margin-top: 10px;}

.history_page_w{padding-top: 80px}
.history_page{position: relative; padding-left: 450px; padding-bottom: 135px;}
.history_page:before{position: absolute;left: 450px; top:0; width: 1px; height: 100%; background: #ddd; content: ''}
.history_page .years{font-size: 100px; line-height: .87; font-weight: 900; position: absolute;left: 0;top:0; font-family: 'Montserrat','Noto Sans KR', sans-serif ,'맑은고딕',Malgun Gothic,Arial ;}
.history_page .years .stroke{text-shadow: -1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd; color: #fff}
.history_page .years .kor{font-size: .938em;}
.history_page .group{position: relative; font-size: 1.125em; padding: 20px 0 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.history_page .year{position: absolute;width: 100px; left: -100px; font-size: 30px; color: #bebebe; line-height: 1.15; top: -10px}
.history_page .year:after{position: absolute; right: 0;top:50%;width: 10px; height: 10px; background: #6eb92b; border-radius: 50%; margin-top: -5px; margin-right: -5px; content: ''}
.history_page .sect > li{position: relative; padding-left: 160px; margin-top: 1em;}
.history_page .sect > li:first-child{margin-top: 0;}
.history_page .sect .date{position: absolute;left: 0;top:0;width: 160px; text-align: center; color: #000; font-style: italic;}

.history_page .current .year{font-size: 26px; text-align: right; letter-spacing: -0.03em; left: -130px; width: 130px; padding-right: 30px;}
.history_page .current .sect > li{padding-left: 30px;}

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

.history_page.type{padding-left: 100px; margin-top: 3em;}
.history_page.type:before{left: 100px}
.history_page.type .group{padding-top: 0;}
.history_page.type .group:first-child .year{top:-10px}
.history_page .covid{color: #333; padding-left: 0;}

.org_graph .in{position: relative;}
.org_graph .box{border:1px solid #ccc; padding: 60px 100px}
.org_graph .top{position: relative; padding-bottom: 50px;}
.org_graph .top:before{position: absolute;left: 50%; width: 1px; height: 50px; content: ''; background: #ccc; bottom: 0}
.org_graph .top strong{display: table; margin: 0 auto; width: 155px; height: 155px; font-size: 24px; font-size: 1.500rem; border-radius: 50%; text-align: center; position: relative; z-index: 1}
.org_graph .top span{display: table-cell;vertical-align: middle}

.org_graph .rel{position: relative;margin-left: -5%; text-align: center; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.org_graph .rel:before{position: absolute;left: 15%; width: 75%; height: 1px; content: ''; background: #ccc; top: 0}
.org_graph .rel > li{float: left; width: 20%; margin-left: 5%; position: relative; padding-top: 40px;}
.org_graph .rel > li:before{position: absolute;left: 50%; width: 1px; height: 80%; content: ''; background: #ccc; top:0}

.org_graph .part{background: url('../img/common/pattern_blue.gif') left top repeat; color: #fff; font-size: 1.125em; position: relative; z-index: 1; display: table; height: 3.3em; width: 100%; word-break: keep-all;}
.org_graph .part > *{display: table-cell; vertical-align: middle;}

.org_graph .detail{margin-top: 1.25em; background: #fff; border:1px solid #ccc; position: relative; z-index: 1; padding: 1.25em; text-align: center; text-align: left; line-height: 1.15;white-space: nowrap;}
.org_graph .t2{font-weight: 400; padding-bottom: 1em; margin-bottom: 1.111em; background: url('../img/intro/pattern.gif') left bottom repeat-x; background-size: auto 3px; display: block; font-size: 1.125em;}
.org_graph .detail li{margin-top: .81em;}
.org_graph .detail li:first-child{margin-top: 0;}

.page_org .sect{margin-top: 30px;}
.page_org .bul-dot .mt{margin-top: 10px;}
.page_org .tbl-st1{margin-top: 1.25em;}

.location_page .iframe{position: relative; padding-bottom: 48%;}
.location_page .iframe iframe{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;}

.location_page .loc_info{display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap; margin-left: -2%; margin-top: 2%;}
.location_page .loc_info > li{margin-left: 2%; width: 31.3333333333333%;float: left; background: url('../img/intro/pattern_g.gif') left top repeat; padding: 30px}
.location_page .loc_info .t img{margin-right: 3px;}
.location_page .loc_info .cont{font-size: 1.125em; margin-top: 1.111em;}

.direction .half{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap; font-size: 1.125em;}
.direction .half > li{float: left; width: 48%; margin-left: 2%; border:1px solid #ddd; padding: 20px}
.direction .in{display: table; width: 100%}
.direction .in > *{display: table-cell; vertical-align: top;}
.direction .in .t{width: 180px}
.direction .ico{display: inline-block; margin-right: 3px; text-align: center; height: 30px; color: #fff; font-weight: 400;}
.direction .ico_num{border-radius: 50%; width: 30px; border-radius: 50%}
.direction .ico_txt{border-radius: 100px; padding: 0 10px}
.direction .ico.blue{background: #253b95}
.direction .ico.green{background: #7cc4a5}
.direction .in li{margin-top: .3em;}
.direction .in li:first-child{margin-top: 0;}
.direction .tbl-st1{margin-top: 40px;}
.direction .tbl-st1 th{white-space: nowrap;}
.inquiry_page .bul-decimal2 strong{color: #333; font-weight: 400;}
.inquiry_page .bul-decimal2 .img{margin: 1em 0 1em -1.5em;}

.box_visa > li{border:1px solid #d1acae; padding: 20px; margin-top: 5px;}
.box_visa > li:first-child{margin-top: 0;}
.box_visa .mt{margin-top: .7em}
.box_visa .bul-dot > li{margin-top: 1.18em;}
.box_visa .bul-mark{margin-top: .3em;}

/* 프로그램 신청 */
.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:1em; color: #333; font-weight: 300; font-size: 0.938em; line-height: 1.267em; margin-bottom: 1.333em; height:10em; overflow-y: auto;}
.overflowbox:focus{outline: 2px solid #00656e;}


.top-st1{background: url('../img/kor/img.jpg') center center no-repeat; background-size: cover; color: #fff; padding: 115px 75px; margin-bottom: 40px; font-size: 1.375em;}
.top-st1 .big{font-size: 1.727em; margin-top: 10px; line-height: 1.15;}
.top-st1 img{margin-right: 5px;}

.his{font-size: 18px; font-size: 1.125rem;}
.his dt{font-size: 1.111em; margin-bottom: .67em;}
.his dd{margin-top: .7em; position: relative; padding-left: 5em; color: #666}
.his .ab{position: absolute;left: 0;top:0; color: #000; letter-spacing: -0.07em;}

.k-a1 > ul{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.k-a1 > ul > li{float: left; width: 48%; margin: 0 0 30px 2%;}
.k-a1 .t{display: block;}
.k-a1 .add{display: block; margin: 10px 0;}
.k-a2 ul{margin-left: -2%;}
.k-a2 li{float: left; width: 23%; margin-left: 2%}
.k-a2 img{width: 100%; display: block;}

.box-st1.for1 .for_t{font-size: 1.444em; font-weight: 500; margin-bottom: 1.15em;}
.box-st1.for1 .for_t .small{font-style: italic; color: #999; display: block;margin-top: 5px; font-weight: 300; letter-spacing: 0;}
.box-st1.for1 li{margin-top: 10px; position: relative; padding-left: 6.7em;}
.box-st1.for1 li:first-child{margin-top: 0;}
.box-st1.for1 li > strong{position: absolute;left: 0.7em;top:0}

.book_w{border:1px solid #ccc; border-left: 0; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.book_w > li{float: left; width: 25%; text-align: center; font-size: 18px; font-size: 1.125rem; border-left: 1px solid #ccc;}
.book_w .t{border-bottom: 1px solid #ccc;display: block;padding: 1.111em 10px}
.book_w .t span{display: block;}
.book_w .cont{padding: 30px}
.book_w .cont > *{display: block;}
.book_w .cont img{margin: 0 auto;}
.book_w .cont span{font-size: 16px; font-size: 1rem; margin-top: 10px; color: #666}

.btn-link{border:1px solid #000; display: inline-block; padding: 5px 10px; line-height: 1.15; color: #000; font-weight: 500;}


.box-st3{border:1px solid #ddd; padding: 41px}
.box-st3.p30{padding: 30px}
.box-st3.mtop{margin-top:55px}


.page_domitory .top > li{width: 48%}
.page_domitory .top .l{float: left;}
.page_domitory .top .r{float: right;}
.page_domitory .top .sect{margin-top: 1.875em;}
.page_domitory .top .t{font-size: 1.125em; font-weight: 400; color: #333}
.page_domitory .top .mt{margin-top: 1.25em;}

.page_domitory .top .l{height:586px}
.page_domitory .r .box-st3{margin-top: 40px; height: 273px}
.page_domitory .r .box-st3:first-child{margin-top: 0;}

.page_domitory .map img{display: block;}
.domi_s{position: relative;}
.domi_s .box-st3{width: 67%;}
.domi_s .box-st3{position: absolute; height: 100%; top:0}
.domi_s.left{padding-left: 70%;}
.domi_s.right{padding-right: 70%;}
.domi_s.left .box-st3{left: 0}
.domi_s.right .box-st3{right: 0}
.domi_s .img{position: relative;}
.domi_s .img img{display: block; width: 100%}
.domi_s .ab{position: absolute;bottom: 0; width: 100%; background: rgba(0,0,0,.5); left: 0; color: #fff; line-height: 65px; text-align: center; z-index: 1; font-size: 0; height: 65px}
/* .domi_s .ab button{position: absolute;bottom: 0; width: 65px; white-space: nowrap; overflow: hidden;; height: 100%; text-indent: -999px; background: url('') center center no-repeat; z-index: 30}
.domi_s .ab .prev{background-image: url('../img/kor/prev.png'); border-right: 1px solid rgba(255,255,255,.3); left: 0}
.domi_s .ab .next{background-image: url('../img/kor/next.png'); border-left: 1px solid rgba(255,255,255,.3); right: 0} */

.domi_s  .slick-arrow{position: absolute;bottom: 0; width: 65px; white-space: nowrap; overflow: hidden;; height: 100%; text-indent: -999px; background: url('') center center no-repeat; z-index: 30; height: 65px}
.domi_s  .slick-prev{background-image: url('../img/kor/prev.png'); border-right: 1px solid rgba(255,255,255,.3); left: 0}
.domi_s  .slick-next{background-image: url('../img/kor/next.png'); border-left: 1px solid rgba(255,255,255,.3); right: 0}
.domi_s .ab .nums{font-size: 18px;font-size: 1.125rem; letter-spacing: 0;}

.btn-down_w{text-align: center; margin-top: 75px;}
.btn-down2{background: #6eb92b url('../img/kor/ico-download.png') 93% center no-repeat; font-size: 1.125em; font-weight: 700; width: 308px; height: 76px; line-height: 76px; display: block; margin:  0 auto; color: #fff}
.btn-down_w .txt{margin-top: 1.875em;}

.label-st1{font-weight: 700; display: inline-block; padding: 5px 10px; line-height: 1.15; border: 2px solid #b9b9b9; border-radius: 5px; color: #b9b9b9}
.label-st1.grey2{border-color: #666; color: #666}
.label-st1.red{border-color: #6eb92b; color: #6eb92b}

.tbl-book_w th{white-space: nowrap;}
.tbl-book_w th:first-child{min-width: 8em}

.btns-st1_w{margin-top: 80px; text-align: center;}
.btn-st1{width: 257px; height: 76px; font-weight: 700; vertical-align: middle; font-size:18px; font-size: 1.125rem;}
a.btn-st1{display: inline-block;text-align: center;line-height: 76px;}
.btns-st1_w button,.btns-st1_w a{display: inline-block; margin: 0 1px;}

.form-st1{border-top: 1px solid #000;}
.form-st1 .item{display: table; width: 100%; border-bottom: 1px dotted #ccc;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .t{width: 200px; padding: 10px; font-weight: 700; color: #333; text-align: center;}
.form-st1 .t .light{font-weight: 300; color: #999}
.form-st1 .cont{padding: 15px 20px; color: #666}
.form-st1 select,.form-st1 input[type="text"],.form-st1 input[type="password"]{height: 45px; width: 100%; padding: 0 1em}
.form-st1 .file-st1 label{line-height: 45px;}
.form-st1 textarea{width: 100%;display: block; padding: 1em; height: 250px}
.form-st1 .mid{max-width:405px}
.add-st1 li{margin-top: 5px;}
.add-st1 li:first-child{margin-top: 0;}
.add-st1 .a1{position: relative;}
.add-st1 .a1 button{width: 150px; height: 100%; position: absolute;right: 0;top:0}
.form-st1.view .item{height: 75px}

.form-st1.small .cont{height: auto}
.form-st1.small .t{width: 100px; padding: 10px;font-weight: 400;}

.form-st1 .period{max-width:405px; display: inline-block; vertical-align: middle;}
.form-st1 .period > *{float: left;}
.form-st1 .period li{width: 47%}
.form-st1 .period .dash{line-height: 50px; width: 3%;text-align: center; margin: 0 1.5%;}
.form-st1 .period input{border:0}
.form-st1 .add_txt{margin-left: 1em; vertical-align: text-bottom; color: #999; display: inline-block;}
.form-st1 .add_txt_b{margin-top: 10px; color: #999; display: block;}

.radio_w{margin-top: -10px;}
.radio_w > span{display: inline-block; margin: 10px 1em 0 0;}
.radio_w > span:last-child{margin-right: 0;}
.radio_w > span > *{vertical-align: middle;}

.form-st1 .rel{position: relative; padding-right: 150px; width: 430px}
.form-st1 .rel button{white-space: nowrap;display: block; width: 140px;height: 100%;position: absolute;right: 0;top:0; text-align: center; background: #666; color: #fff; font-weight: 400; line-height: 1.15;}

.join_form .captcha_w{margin-top: 30px;}
.join_form #captcha .t{display: none;}

.join_form select,.join_form input[type="text"],.join_form  input[type="password"]{max-width: 280px; display: block;}

.loginbox{max-width: 550px; margin: 0 auto; font-size: 1.125em;}
.loginbox .logo_wrap{text-align: center;}
.loginbox .logo_wrap img{}
.loginbox .txt{margin-bottom:3em;}
.loginbox .txt .title{font-weight: 400; color: #222; text-align: center; }
.loginbox .txt .title .big{font-size: 2.333em; font-weight: 300; display: block; letter-spacing: -0.1em; line-height: 1.15; word-break: keep-all;}
.loginbox .txt .title .add{margin-top: 1em; display: block;}

.loginbox .t{display: block;font-weight: 700; color: #333}
.loginbox .form li{border-bottom: 1px solid #000; margin-top: 2em;}
.loginbox .form li:first-child{margin-top: 0;}
.loginbox .form input{width: 100%; border:0; width: 100%; height: 3.778em}
.loginbox .form input{font:inherit}
.chk_wrap{margin-top: 1.15em; color: #777}
.chk_wrap input[type="checkbox"]{margin-right: 10px;}

/* .loginbox .inp_wrap input:first-child{margin-top: 0;}
.loginbox .inp_wrap a{font-size: 1.125em; color: #fff; background-color: #07A1AF; display: block; padding:19px 0; text-align: center; margin-top: 30px; margin-bottom: 25px;} */
.loginbox .submit{display: block;  width: 100%; border:0; letter-spacing: -1px; border-radius: 0; height: 4.222em; font-weight: 700; margin-top: 2.778em;}

.loginbox .etc{text-align: center; color: #666; margin-top: 20px;}
.loginbox .etc li{float: right; width: 49%; border:1px solid #ccc;}
.loginbox .etc li:first-child{float: left;}
.loginbox .etc a{display: block; padding: 20px 0}

.join_complete{background: url('../img/member/logo.gif') top center no-repeat; padding-top: 100px;}
.join_complete .loginbox{max-width: 700px; text-align: center;}
.join_complete .result_id{margin: 40px 0;}
.join_complete .result_id strong{border-bottom: 1px solid #6eb92b;}
.join_complete .bul-dot{display: inline-block; text-align: left;}

.levelup td{word-break: keep-all}
.levelup th:first-child{width: 15%}
.levelup th:nth-child(2){width:15%}

.bo_notice .notice_icon{display: inline-block;
    color: #fff !important;
    background: #233d5d;
    border-radius: 0 !important;
    font-weight: 500 !important;
    padding: 3px 5px 5PX;
    line-height: 1 !important;}
.bo_notice td a{font-weight: 500 !important;}

.btn-book_w{margin-bottom: ;}
.btn-book_w > a{border:1px solid #ccc; float: right; width: 49%; font-weight: 700; color: #444;text-align: center; padding: 1.25em 10px; transition: all ease-in-out .3s; position: relative;}
.btn-book_w > a:first-child{float: left;}
.btn-book_w > a:after{background: url('') center center no-repeat; width: 1.563em; height: 1.563em; right: 20px; top:50%; margin-top: -.8em; content: ''; position: absolute; background-size: 100%}
.btn-book_w > a.link:after{background-image: url('../img/sub/ico-link.png')}
.btn-book_w > a.way:after{background-image: url('../img/sub/ico-way.png')}
.btn-book_w > a:s{border:1px solid #aaa}

.book-store{margin-left: -2%;}
.book-store > li{float: left; width: 23%; margin-left: 2%; border:1px solid #e1e1e1}
.book-store a{display: block;position: relative; padding-bottom: 53%;}
.book-store img{position: absolute;left: 0;top:0;right: 0;bottom: 0; max-width: 87%; max-height: 98%; margin: auto;}

.page_domitory .top{line-height:1.35}