@charset "utf-8";

.f14{font-size: 14px;}
.f15{font-size: .938rem;}
.f16{font-size: 1rem !important;}
.f17{font-size: 1.063rem;}
.f18{font-size: 1.125rem;}
.f20{font-size: 1.25rem;}
.f22{font-size: 1.375rem}
.f26{font-size: 1.625rem}
.f30{font-size: 1.875rem;}

.ml-5{margin-left: 5px;}


.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}

.tit-st1,.tit-st2,.tit-st3{word-break:keep-all}
.tit-st1{margin-bottom: 40px; font-size: 2.250rem; font-weight: 700; color: #222; line-height: 1.15;display: block; text-align: center;}
.tit-st1_txt{font-weight: 500; font-size: 1.125rem; color: #333; margin-bottom: 30px; line-height: 1.15; text-align: center;}
.tit-st2{position: relative; padding-left: 23px; line-height: 1.15; font-size: 1.750rem; font-weight: 700; margin-bottom: 17px; color:var(--black3)}
.tit-st2:before,.tit-st2:after{position: absolute; left: 0; top:.4em;content: ''}
.tit-st2:before{width: 11px; height: 11px; background: #114c9d; border-radius:4px; }
.tit-st2:after{width: 5px; height: 5px; z-index: 1; background: #20b8e7; border-radius:2px}
.tit-st3{line-height: 1.15; font-size: 1.750rem; font-weight: 700; margin-bottom: 20px; color:var(--black3); text-align: center;}
.tit-page{font-size: 2.250rem; font-weight: 700; color: #222; line-height: 1.15;display: block; margin-bottom: 40px;}
.tit-page_txt{font-size: 1.125rem; color: #666; margin-bottom: 40px; line-height: 1.15;}

.tit-dot{position: relative; font-size: 17px; font-weight: 500; line-height: 1.15; color: #333; margin-bottom: 20px; padding-left: 10px;}
.tit-dot:before{position: absolute; left: 0; top:8px; width: 4px; height: 4px; background: #333; content: '';}

.tit-20{font-size: 1.25rem; font-weight: 500; color: #333; display: block; line-height: 1.15; margin-bottom: 18px;}

/* tit-page에 공유 */
.tit-page_select{margin-bottom: 40px;    display: flex; justify-content: space-between; align-items:flex-end}
.tit-page_w{margin-bottom: 35px;    display: flex; justify-content: space-between;}

.tit-page_select select{width: 195px}

.share-sns_w{ display: none; position: relative;}
.share-sns_w.static{ display: none; /* display: flex; */ justify-content: flex-end; margin-bottom: 30px;}
.share-sns{height: 33px;display: flex; border:1px solid #ddd; border-radius:5px 0 0 5px; border-right: 0; position: absolute; right: 0; top:0; right: -999px}
.btn-share,
.share-sns > *{width: 33px; background: #fff url('') center center no-repeat; display: block; white-space: nowrap; overflow: hidden; text-indent: -999px}
.share-sns .url{text-indent: 0; font-weight: 500; color: #888; font-size: 11px;}
.share-sns > *:not(:first-child){border-left: 1px solid #ddd;}
.share-sns .print{background-image: url('../img/common/share-p.png')}
.share-sns .blog{background-image: url('../img/common/share-b.png')}
.share-sns .kakao{background-image: url('../img/common/share-k.png')}
.share-sns .twit{background-image: url('../img/common/share-t.png')}
.share-sns .face{background-image: url('../img/common/share-f.png')}
.share-sns > *:first-child{border-radius:5px 0 0 5px}
.btn-share{background: #f4f4f4 url('../img/common/share-s.png') center center no-repeat; width: 33px; height: 33px; border:1px solid #ddd; display: block;}
.btn-blank{border:1px solid #ddd; background: #eee; color: #666; font-size: 14px; display: inline-flex; padding: 0 0 0 8px; border-radius:5px; overflow: hidden; align-items:center}
.btn-blank:after{content: ''; background: #999 url('../img/common/ico-blank.png') center center no-repeat; display: block; margin-left: 8px; width: 24px; height: 26px}

.share-sns_w.on .share-sns{right: 33px}

.share-sns_w.static .btn-share,
.share-top .btn-share{border-radius:5px}
.share-sns_w.static.on .btn-share,
.share-top.on .btn-share{border-radius:0 5px 5px 0}

.login_w{max-width:430px; margin: 0 auto}
.login-form{text-align: left;}
.login-form > li{border:1px solid var(--ddd); border-radius:5px; position: relative; padding-left: 60px;}
.login-form > li:after{position: absolute; left: 60px; width: 1px; height: 16px; transform:translateY(-50%); top:50%; content: ''; background: #ddd}
.login-form input{padding: 0 20px; width: 100%; height: 100%}
.login-form .id{background: url('../img/common/ico-user.png') 20px center no-repeat}
.login-form .pw{background: url('../img/common/ico-lock.png') 20px center no-repeat; margin-top: 10px;}
.login_w .btn-login{background: rgba(--navy); color: #fff; display: block; width: 100%; border-radius:5px; font-size: 1.125rem; font-weight: 500; margin-top: 20px;}

.login-form > li, .login_w .btn-login{height: 55px;}

.login_w .remember{margin-top: 15px;}
.login-etc{display: flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-top: 30px;}
.login-etc > *{position: relative;}
.login-etc > *:not(:last-child):after{position: absolute; content: ''; right: 0; top:50%; width: 1px; height: 14px; background: #bbb; transform:translateY(-50%)}
.login-etc > *:not(:last-child){margin-right:20px; padding-right: 20px;}

.group_com_w .group:not(:first-child){margin-top: 60px;}
.group_com_w .group2:not(:first-child){margin-top: 100px;}

.agree-box{background: #f9f9f9; padding: 30px; border:1px solid #ddd; max-height: 155px; overflow-y: auto;}

.agree-ck{text-align: right; margin-top: 20px;}

.btn_w-st1{display: flex; align-items:center; justify-content:center; margin-top: 80px; flex-wrap:wrap}
.btn_w-st1 > *:not(:first-child){margin-left: 10px;}

.btn_w-st2{display: flex; align-items:center; justify-content:flex-end; margin-top: 30px; flex-wrap:wrap}
.btn_w-st2 > *:not(:first-child){margin-left: 10px;}
.btn_w-st2.center{justify-content:center}

.btn-st1{width: 200px; height: 55px; border-radius:5px; text-align: center; display: inline-flex; align-items:center; justify-content:center}
.btn-st2{background: #fff; border:1px solid #ddd; border-radius:5px; width: 110px; height: 40px; max-width:100%}
.btn-st2:hover,.btn-st2.on{background-color: #333; color: #fff;}
.btn-st2.g{background-color: #f9f9f9;}
.btn-st2.g:hover,.btn-st2.g.on{background-color: #666; boder-color:#666}
.disabled .btn-st2{background-color: #dfdfdf}
.disabled .btn-st2:hover{color: inherit}

.btn-st3{padding: 0 15px; height: 40px; border-radius:4px;     display: inline-flex; align-items: center;  justify-content: center;}

/* 아이콘 있는 버튼 */
.btn-st4{display: flex; height: 50px; padding: 0 20px; border-radius:5px; font-size: 1rem; font-weight: 500; min-width: 197px; justify-content: space-between; align-items:center; border:1px solid #ddd; background: #fff; color: #666}
.btn-st4:after{width: 17px; height: 17px ; background: url('') right center no-repeat; display: block; margin-left: 20px; content: ''}
.btn-st4.down:after{background-image: url('../img/common/ico-down_g.png')}
.btn-st4.down:hover:after{background-image: url('../img/common/ico-down_w.png')}
.btn-st4.link:after{background-image: url('../img/common/ico-link_g.png')}
.btn-st4.link:hover:after{background-image: url('../img/common/ico-link_w.png')}

.btn-st4.none:after{display: none;}

.btn-st4:hover{background-color: var(--blue); border-color: var(--blue); color: #fff}

.btn-st4,.btn-st4:after{ transition: all ease .15s;}

.btn-st5{display: flex; height: 50px; border-radius:5px; font-size: 1rem; font-weight: 500; min-width: 160px; justify-content: center; align-items:center; }


.form-btn_w{display: flex; max-width:786px}
.form-btn_w .form-btn{width: 93px; height: 40px; background: #666; color: #fff; border-radius:4px; margin-left: 10px;}
.form-btn_w > :not(.form-btn){flex:1; width: calc(100% - 103px)}

.input-st1{border:1px solid #ddd; padding: 0 10px; width: 100%; min-height: 40px}
.input-st2{background-color: #f4f4f4; color: #777; border-radius:5px; height: 45px; border:0; width: 100%}
.max-mid{max-width:480px}
.mail-st1{display: flex; align-items: center; justify-content: space-between; gap:5px}
.mail-st1 .dash{text-align: center; color: #999}
.mail-st1 > *:first-child,.mail-st1 > *:nth-child(3){width: 33%}
.mail-st1 > *:last-child{width: 28%}

.form-add_txt{font-size: 14px; display: inline-block; margin-left: 10px; color:#777}

.birth-st1{display: flex; align-items: center; justify-content: space-between;}

.ml-1{margin-left: 1%;}
.ml-2{margin-left: 2%;}
.ml-3{margin-left: 3%;}
.mr-2{margin-right: 2%;}

.modal_w{position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.35); z-index: 151}
.modal-st1{background: #fff; position: relative; border-radius:8px; box-shadow:3px 3px 15px rgba(0,0,0,.3); max-width:590px;left: 50%; top:50%; max-height: 95%; width: 95%; transform:translate(-50%,-50%); padding: 40px; text-align: center;    word-break: keep-all;; overflow-y: auto;}
.modal-st1.wide{max-width:1220px}
.modal-st1 .txt{font-size: 1rem; color: #333}
.modal-st1 .ico{display: block;margin: 0 auto 25px}
.modal-st1 .btn_w-st1{margin-top: 30px}

.modal-st2{background: #fff; position: relative; box-shadow:3px 3px 15px rgba(0,0,0,.3); max-width:1440px;left: 50%; top:50%; max-height: 95%; width: 95%; transform:translate(-50%,-50%); padding: 30px; text-align: center; border-top: 3px solid var(--blue); max-height: auto; overflow-y: auto;}

.modal-full{width:100%; height:100%; }

.pop-close{ width: 25px; height: 25px; position: relative;}
.pop-close:before,.pop-close:after{position: absolute;left: 50%;content:' ';height:100%;width: 2px;background-color: #444; top:0; margin-left: -1px;}
.pop-close:before{transform: rotate(45deg);}
.pop-close:after{transform: rotate(-45deg);}

.join-type{max-width:800px; margin: 0 auto; display: flex; justify-content:space-between; text-align: center;}
.join-type > li{width: calc(50% - 20px); background: #f9f9f9; color: #333; padding: 60px 30px 50px; border-radius:5px}
.join-type > li > *{display: block;}
.join-type .t{font-size: 20px; font-weight: 600;}
.join-type .t span{color: #666;font-weight: 400;}
.join-type .ico{margin: 20px auto 25px; display: block;}
.join-type .btnn{border-radius:3px; width: 115px; height: 38px; font-size: 1rem; margin: 0 auto;}

.find-pop_txt{font-size: 14px; text-align: center;margin-top: 20px; color: #666; word-break:keep-all}

.find-bg{background: #f4f4f4; padding: 20px; font-size: 14px; color: #777; border-bottom: 1px solid #ddd;}

.bul-caution{text-align: left;}
.bul-caution > li{position: relative; padding-left: 1em;}
.bul-caution > li:before{content: '＊'; left: 0; top:0; position: absolute;}
.bul-caution > li:not(:first-child){margin-top: 3px;}

.bul-dot{text-align: left; line-height: 1.35;}
.bul-dot > li{position: relative; padding-left: .67em;}
.bul-dot > li:before{position: absolute; left: 0; top:.5em; width: 4px; height: 4px; background: #333; content: '';}
.bul-dot > li:not(:first-child){margin-top: .3em;}
.bul-dot.white > li:before{background-color: #fff}
.bul-dot.grey > li:before{background-color: #666}

.bul-dot2{text-align: left; line-height: 1.35;}
.bul-dot2 > li{position: relative; padding-left: .67em;}
.bul-dot2 > li:before{position: absolute; left: 0; top:.5em; width: 4px; height: 4px; background: #999; content: ''; border-radius:50%}
.bul-dot2 > li:not(:first-child){margin-top: .3em;}

.bul-mark,.bul-mark.b{text-align: left;}
.bul-mark > li,.bul-mark.b{position: relative; padding-left: 1em;}
.bul-mark > li:before,.bul-mark.b:before{content: '※'; left: 0; top:0; position: absolute;}
.bul-mark > li:not(:first-child){margin-top: .3em;}
.bul-mark.b{display: block;}

.bul-dash{text-align: left;}
.bul-dash > li{position: relative; padding-left: .75em;}
.bul-dash > li:before{content: '-'; left: 0; top:0; position: absolute;}
.bul-dash > li:not(:first-child){margin-top: .3em;}

.bul-decimal{margin-left: 1.3em;}
.bul-decimal > li{list-style: decimal;}
.bul-decimal > li:not(:first-child){margin-top: .3em;}



.paging_w,.paginationSet{margin-top: 3.750em;font-weight: 300; font-weight: 500; color: #999}
.paging_w ul,.paginationSet ul{font-size: 0;text-align: center;}
.paging_w li,.paginationSet li{font-size: 15px;display: inline-block;margin: 0 5px;vertical-align: middle; width: 25px; height: 25px; text-align: center; line-height: 25px;}
.paging_w .active,.paginationSet .active{color: #fff; font-weight: 700; background: var(--blue); border-radius:50%}
.paging_w .arrow,.paginationSet .i{white-space: nowrap;overflow: hidden;text-indent: -999px;background: url('') center center no-repeat;width: 13px;height: 13px}
.paging_w .first,.paginationSet .first{background-image: url('../img/bbs/first.png'); margin: 0;}
.paging_w .prev,.paginationSet .prev{background-image: url('../img/bbs/prev.png');margin: 0 15px;}
.paging_w .next,.paginationSet .next{background-image: url('../img/bbs/next.png');margin: 0 15px}
.paging_w .last,.paginationSet .end{background-image: url('../img/bbs/last.png'); margin: 0;}
.paging_w a,.paginationSet a{display: block;}
.paginationSet em{font-style:normal}

/* 게시판 */
.bbs-top{display: flex;  justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap:wrap}
.bbs-top.center{justify-content:center}
.bbs-top.bg{background: #f4f4f4; padding: 20px 30px}
.bbs-total{display: flex; color: #999}
.bbs-total > *{position: relative;}
.bbs-total > *:last-child{padding-left: 10px; margin-left: 10px; }
.bbs-total > *:last-child:before{content: ''; width: 1px; height: 10px; margin-top: -5px; background: #bbb; position: absolute; left: 0; top:50%}
.bbs-top .btns > *:not(:last-child){margin-right: 10px;}
.bbs-top .btn-st3{width: 150px}
.bbs-top.office .bbs-sch{align-items:center}
.bbs-top.office .bbs-sch.l{width: auto}
.bbs-top.office .bbs-sch.r{width: 500px}
.bbs-top.office .bbs-sch{flex-flow:row}
.bbs-top.office .bbs-sch input[type="text"]{border:1px solid #ddd; border-right: 0;}
.bbs-top.office .bbs-sch.l button{border-radius:0 5px 5px 0}
.bbs-top.office .label{width: 5.5em}

.bbs-top .add-form{display: flex; margin-top: 10px; width: 100%}
.bbs-top .add-form .bbs-sch{width: auto}

.bbs-sch{display: flex; width:612px; justify-content:space-between; gap:10px;}
.bbs-sch.long{width: 732px}
.bbs-sch input[type="text"],.bbs-sch select{background-color: #f4f4f4; height: 45px; border:0}
.bbs-sch select{max-width: 195px;border-radius: 5px; padding-left: 1em; color: #777; width: 32%}
.bbs-sch .sch{display: flex; flex:1}
.bbs-sch input[type="text"]{border-radius:5px 0 0 5px; padding: 0 1em; flex:1}
.bbs-sch .btn-sch{border-radius:0 5px 5px 0; background: var(--blue) url('../img/bbs/btn-sch.png') center center no-repeat; color: #fff; white-space: nowrap;overflow: hidden;text-indent: -999px; width: 45px}
.bbs-sch .btn-reset{background: #666; color: #fff; width: 110px; border-radius:5px; margin-left: 10px;}
.bbs-sch .sch select{max-width:100%; flex:1}

.bbs-top.bg .bbs-sch input[type="text"],
.bbs-top.bg .bbs-sch select{background-color: #fff}

.bbs-view{border-top: 2px solid #333; word-break:keep-all}
.bbs-view .top{padding: 30px; border-bottom: 1px solid #ddd;}
.bbs-view .tit{display: block; font-size: 1.625em; font-weight: 700; color: #333; line-height: 1.15}
.bbs-view .t{}
.bbs-view .etc{display: flex; color: #666; margin-top: 17px; flex-wrap:wrap; align-items:center}
.bbs-view .etc > *{position: relative;}
.bbs-view .etc > *:not(:last-child){margin-right: 10px; padding-right: 10px;}
.bbs-view .etc > *:not(:last-child):after{position: absolute; width: 1px; height: 13px; margin-top: -6px; content: ''; background: #ccc; right: 0; top:50%}
.bbs-view .etc .group{}
.bbs-view .cont{border-bottom: 1px solid #ddd; padding: 30px;}
.bbs-view .etc > *{display: inline-block;}
.bbs-view .etc > * > strong{font-weight: 400;}
.bbs-view .etc > * > div{display: inline-block;}

.bbs-file_w{padding: 30px; border-bottom: 1px solid #ddd;}
.bbs-file{background: #f7f7f7; padding: 20px; line-height: 1.15;text-align: left;}
.bbs-file .t{font-size: 14px; margin-bottom: 10px;}
.bbs-file .item{background: #fff; display: block; padding: 10px 15px; position: relative;}
.bbs-file .item a{background: url('../img/bbs/file.png') left center no-repeat; padding: 0 25px; display: block; position: relative;}
.bbs-file .item a:after{position: absolute; right: 0; top:50%; transform:translateY(-50%); width: 16px; height: 16px; background: url('../img/bbs/down.png') center center no-repeat; content: ''}
.bbs-file .item:not(:last-child){margin-bottom: 10px;}
.bbs-file .item a:hover,.bbs-file .item a:focus{text-decoration: underline}

.prev_next{border-top: 1px solid #ddd; border-bottom: 2px solid #333; margin-top: -1px;}
.prev_next a{display: flex; padding: 20px 0; position: relative;     justify-content: space-between; gap:1em}
.prev_next .date{padding: 0 20px}
.prev_next a:before{    width: 10px;
    height: 10px;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    vertical-align: middle; content: ''; margin: 0 30px;}
.prev_next > li.prev a:before{transform: rotate(45deg); margin-top: 8px;}
.prev_next > li.next a:before{transform: rotate(-135deg); margin-top: 3px;}
.prev_next > li:last-child{border-top: 1px solid #ddd}
.prev_next .t{flex:1; color: #333}

.project_list{display: flex; flex-wrap:wrap;border-top: 1px solid #ddd; border-left: 1px solid #ddd; line-height: 1.15; word-break:keep-all}
.project_list > li{width: 33.333%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; min-height: 315px; }
.project_list .t{font-size: 1.625em; font-weight: 700; color: #333}
.project_list .txt{font-size: 1rem; color: #333; font-weight: 500; margin-top: 13px; line-height: 1.5;}
.project_list .add{color: #666; margin-top: 7px; line-height: 1.5;}
.project_list .item{display: flex; flex-flow: column; justify-content: space-between; height: 100%; position: relative; overflow: hidden; padding: 50px 30px 40px;}
.project_list .name{display: flex; margin: 30px 0 -5px -5px; font-weight: 300; position: relative; z-index: 1; flex-wrap:wrap}
.project_list .name > *{padding: 10px 15px; margin:0 0 5px 5px; background: #f4f4f4; color: #666}
.project_list .no{position: absolute; right: -5px; bottom: 0;  text-shadow: -1px 0 #efefef, 0 1px #efefef, 1px 0 #efefef, 0 -1px #efefef; color: #fff; font-weight: 900; font-size: 90px; line-height: .67;}
.project_list > li:hover{box-shadow:1px 1px 10px rgba(0,0,0,.15)}
.project_list > li:hover:before{position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid var(--blue);content: ''; z-index: 1}
.project_list > li:hover .no{color: #f2f4f6;text-shadow:none}

.project_list > li,.project_list > li:before{transition: all ease-in-out .15s}

.picture_box .tit-st2{margin-top: 40px;}

.picture_box > ul{    display: flex;
    flex-wrap: wrap; margin: 0 0 -20px -20px; }
.picture_box > ul > li{width: calc(50% - 20px) ; margin: 0 0 20px 20px; position: relative;}
.picture_box .img_box img{display: block;}
.picture_box .title{position: absolute; left: 0; bottom: 0; width: 170px; height: 55px; display: flex; padding: 5px; align-items:center; justify-content:center; color: #fff; font-weight: 500; background: url('../img/intro/bot.gif') center center no-repeat; background-size:cover}

.tag-container { padding:20px 30px; border:1px solid #062D5C; border-radius:10px; background-color:#fff; margin-bottom:20px; }
.tag-container .tag-label { font-size:16px; margin-bottom: 10px;}
.tag-container .tag-cont{display:flex; align-items: flex-end; flex-wrap:wrap; gap:30px; }
.tag-container .tag-list{display:flex; flex-wrap:wrap; gap:10px; flex:1; min-width:0;}
.tag-container .tag-item { flex: none; padding:8px 12px; font-size:12px; font-weight:500; border:1px solid #062D5C; border-radius:50px; background-color:#fff; color:#666; transition:all 0.2s ease-in-out; cursor:pointer; }
.tag-container .tag-reset {display:flex; justify-content: center; align-items: center; flex:none; width: 30px; height: 30px; border:1px solid #062D5C; border-radius:50px; font-size: 0; color:#666; transition:all 0.2s ease-in-out;}
.tag-container .tag-reset:before {content:""; display:block; width: 12px; height: 12px; background-color: currentColor; -webkit-mask: no-repeat 50% 50%; -webkit-mask-size: 100% auto; mask: no-repeat 50% 50%; mask-size: 100% auto; -webkit-mask-image: url('../img/bbs/ic-reset.svg'); mask-image: url('../img/bbs/ic-reset.svg'); }
.tag-container .tag-item:hover,
.tag-container .tag-item.active,
.tag-container .tag-reset:hover { background-color:#062d5c; color:#fff; }

.bbs-gallery{display: flex; flex-wrap:wrap; margin: 0 0 -50px -40px;}
.bbs-gallery > li{width: calc(25% - 40px); margin:  0 0 50px 40px;}
.bbs-gallery .img{position: relative; border:1px solid #ddd; overflow: hidden;}
.bbs-gallery .img img{position: absolute; left: 0; bottom: 0; right: 0; top:0; margin: auto; width: 100%;}
.bbs-gallery .img a{display: block;position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }
.bbs-gallery .img a:before{position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.1) 100%); width: 100%; height: 100%; content: ''; z-index: 1}
.bbs-gallery .cont{margin-top: 20px;}
.bbs-gallery .t{display: block; height: 2.59em; overflow: hidden; line-height: 1.35; color: #333; font-size: 1.25rem;}
.bbs-gallery .etc{margin-top: 30px; display: flex; flex-wrap:wrap}
.bbs-gallery .etc > *{position: relative;}
.bbs-gallery .etc > *:not(:last-child){margin-right: 15px; padding-right: 15px;}
.bbs-gallery .etc > *:not(:last-child):after{width: 1px; height: 13px; background: #ccc; content: ''; position: absolute; right: 0; top:50%; margin-top: -6px;}
.bbs-gallery .img .share-sns_w{position: absolute; right: -1px; bottom: -1px; z-index: 5}

.bbs-gallery .share-sns{border-radius:5px 0 0}
.bbs-gallery .share-sns .print{display: none;}
.bbs-gallery .share-sns .blog{border-left: 0; border-radius:5px 0 0}
.bbs-gallery .btn-share{border-radius:5px 0 0}
.bbs-gallery .on .btn-share{border-radius:0}

.bbs-gallery.has-tag .etc{display:block;}
.bbs-gallery.has-tag .etc > .date:after{display:none;}
.bbs-gallery.has-tag .tag-group{display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;}
.bbs-gallery.has-tag .tag-t{flex:none; font-size:12px; padding:4px 12px; border-radius:4px; border: 1px solid #CDCDCD; }


.tbl-faq .q a{display: block;}
.tbl-faq .a{background: #f9f9f9; display: none;}
.tbl-faq.boardlist table .a td{text-align: left; padding: 30px}
.faq-a_view{max-width:1050px; margin: 0 auto; line-height: 1.5;}
.faq-a_view .bbs-file{padding: 0; background: none; margin-top: 30px;}
.tbl-faq .q:hover{background: inherit !Important}
.tbl-faq .a:hover{background: #f9f9f9 !Important}

.tbl-faq .q .tit a:before{content: 'Q.'; margin-right: 3px;}

.steps-st1{display: flex; line-height: 1.15; color: #999; font-weight: 500; position: relative; text-align: center; margin: 35px 0; flex-wrap:wrap;}
/* .steps-st1:before{position: absolute; left: 0; top:28px; content: ''; background: #aaa; width: 100%; height: 2px} */

.steps-st1 > li:before{position: absolute; left: 0; top:28px; content: ''; background: #aaa; width: 100%; height: 2px}
.steps-st1 .circle{width: 54px; height: 54px; background: url('../img/mypage/step.png') center center no-repeat; display: block;margin: 0 auto; margin-bottom: 20px; position: relative; z-index: 1}
.steps-st1 .active .circle{background-image: url('../img/mypage/step_on.png')}
.steps-st1 .active{color: #333}
.steps-st1 > li{width: 10%; position: relative;}
.steps-st1 > li.active:before{background-color: var(--blue)}

/* .bbs-list{}
.bbs-list table{border:1px solid #ddd; border-radius:10px; width: 100%} */

.dash-top{display: flex; justify-content:space-between;; margin-bottom: 30px;}
.dash-top > *{border:1px solid #ddd; border-radius:5px; width: calc(50% - 10px)}
.dash-card{background: #075cac; padding: 45px; display: flex; color: #fff; justify-content:space-between;}
.dash-card .logo{ text-align: center; width: 26%;  max-width:160px; display: flex; flex-flow:column; align-items: center;}
.dash-card .img{position: relative;padding-bottom: 100%; background: #fff; border-radius:50%; overflow: hidden; width:100%}
.dash-card img{position: absolute; left: 0; top:0; right:0; bottom: 0; margin: auto; }
.dash-card .dash-state{flex:1; margin-left: 30px;}
.dash-card .link{border-bottom: 1px solid #fff;  display: inline-block; margin-top: 25px; padding-bottom: 5px;}
.dash-card .link a{display: block; position: relative; padding-right: 30px; word-break:keep-all; line-height: 1;}
.dash-card .link a:after{ position: absolute;
width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    vertical-align: middle; content: ''; transform: rotate(135deg); margin-top: -4px; right: 0; top:50%; line-height: 1.55;}

.dash-card .dash-etc{margin-top: 18px; text-align: left; font-size: 14px; letter-spacing: -0.04em;}
.dash-card .dash-etc > *{display: block;}
.dash-card .dash-etc > *:not(:first-child){margin-top: 5px;}
.dash-card .dash-etc br{display: none;}
.dash-state .top{display: flex; flex-wrap:wrap; align-items:center; line-height: 1.15; letter-spacing: -0.04em; position: relative;}
.dash-state .label{padding: 7px 10px; display: inline-flex; margin-right: 10px; border-radius:100px; font-size: 14px;}
.dash-state .label > *{position: relative;}
.dash-state .label > *:not(:last-child){padding-right: 5px; margin-right: 5px;}
.dash-state .label > *:not(:last-child):after{position: absolute; right: 0; top:50%; width: 1px; height: 10px; background: #fff; content: ''; margin-top: -5px;}
.dash-state .welcome{font-size: 1.750rem;}
.dash-state .btn-edit{background: #fff url('../img/mypage/ico-edit.png') center center no-repeat; border-radius:5px; width: 30px; height: 30px; white-space: nowrap; overflow: hidden; text-indent: -999px; vertical-align: baseline; margin-left: 5px;}

.dash-box{margin-top: 20px; background: #fff; border-radius:5px; color: #666; padding: 20px; line-height: 1.15;}
.dash-box > li{position: relative; display: flex}
.dash-box > li:not(:first-child){margin-top: 1em;}
.dash-box .t{position: relative; padding-left: .5em; color: #333; width: 50px; font-weight: 500; margin-right: 10px;}
.dash-box .t:before{position: absolute; left: 0; top:.4em; width: 3px; height: 3px; background: #333; content: '';}
.dash-box .t:after{position: absolute; right: 0;  top:50%; width: 2px; height: 10px; margin-top: -5px; background: #ddd; content: ''}
.dash-box .c{flex:1}

.dash-link{display: flex; flex-wrap:wrap; font-weight: 500; font-weight: 500; text-align: center; border-right: 0; border-bottom: 0;; word-break:keep-all}
.dash-link > *{min-height: 155px; width: 20%; display: flex; flex-flow:column; align-items:center; position: relative; padding: 25px 5px;  background: #f3faff; }
.dash-link .txt{margin-top: 20px; line-height: 1.15;}
.dash-link >*:hover{color: var(--blue)}

.dash-link.col1 > *{width: 100%; align-items:center; justify-content:center}

.dash-link > *{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.dash-link > *:hover,.dash-link > *:focus{background: #fff}
.dash-link > *:hover:before,.dash-link > *:focus:before{border:2px solid var(--blue); left: 0; top:0; right: 0; bottom: 0; box-shadow:3px 3px 15px rgba(0,0,0,.18); position: absolute; content: ''}
.dash-link .ico{max-width:55%; position: relative;}
.dash-link .ico span{position: absolute; left: -15px; top:0; font-weight: 500; width: 28px; height: 28px; border-radius:50%; line-height: 28px; text-align: center;}

.dash-doc{background: #fff0e9; text-align: center; padding: 10px; color: #333; font-weight: 500; border:1px solid #ddd; font-size: 1.25rem; margin: 20px 0; border-radius:5px; letter-spacing: -0.04em;     line-height: 1.15;
    word-break: keep-all;}
.dash-doc .ico:before{width: 45px; height: 45px; background: var(--orange) url('../img/mypage/ico-ck.png') center center no-repeat; border-radius:50%; margin-right: 10px; content: ''; display: inline-block; vertical-align: middle;}
.dash-doc .under{box-shadow: inset 0 -10px 0 #fedcc4;}

.dash-tabs_w{border:1px solid #ddd; position: relative; padding-top: 70px; border-radius:5px}
.dash-tabs_w:before{position: absolute; left: 0; top:0; width: 100%; height: 70px; background: var(--navy); content: ''; border-radius:5px}
.dash-tabs_w .tab-t{position: absolute; top:0; width: 20%; text-align: center; display: flex; align-items:center; justify-content:center; height: 70px ;background: var(--navy); color: #bfcde2; font-size: 1.25rem; font-weight: 500; z-index: 1;border-radius:5px 5px 0 0; line-height: 1.15;}
.dash-tabs_w .tab-t:before{position: absolute; left: 0; top:50%; width: 1px; height: 1em; margin-top: -.5em; background: #3c5d86; content: '';}
.dash-tabs_w > *:first-child .tab-t:before,.dash-tabs_w .active .tab-t:before{display: none;}
.dash-tabs_w > *:first-child .tab-t{left: 0}
.dash-tabs_w > *:nth-child(2) .tab-t{left: 20%}
.dash-tabs_w > *:nth-child(3) .tab-t{left: 40%}
.dash-tabs_w > *:nth-child(4) .tab-t{left: 60%}
.dash-tabs_w > *:nth-child(5) .tab-t{left: 80%;}

.dash-tabs_w .active .tab-t{background: #fff; color: var(--blue); box-shadow: 0 -3px 5px rgba(0,0,0,.15)}

.dash-tabs_w .tab-c{padding: 70px 40px; display: none;}
.dash-tabs_w .active .tab-c{display: block;}

.bbs-notice{border:1px solid #ddd; border-radius:5px;}
.bbs-notice table{width: 100%;}
.bbs-notice th{text-align: center; padding: 1.25rem 10px; font-size: 1.125rem; color: #333; font-weight: 700; background: #f7fcff; position: relative; border-bottom: 1px solid #ddd;}
.bbs-notice thead th:not(:first-child):before{position: absolute; left: 0; top:50%; width: 1px; height: 1.278rem; transform:translateY(-50%); content: ''; background: #ddd}
.bbs-notice thead th:first-child{border-radius:5px 0 0 0}
.bbs-notice thead th:last-child{border-radius:0 5px 0 0}
.bbs-notice td{text-align: center; border-bottom: 1px solid #ddd;}
.bbs-notice tr:last-child td{border-bottom: 0;}
.bbs-notice tr:last-child > *:first-child{border-radius: 0 0 0 5px}
.bbs-notice tr:last-child > *:last-child{border-radius: 0 0 5px 0}

.bbs-notice td{padding: 10px; color: #333; height: 60px; position: relative;}
.bbs-notice .disabled {background-color: #fbfbfb}
.bbs-notice .disabled .btn-st2.g:hover {background-color: #dfdfdf;}

.pop-det{position: absolute; background: var(--blue); color: #fff; border-radius:8px; padding: 20px 30px 20px 20px; text-align: left; left: 0; top:50%; transform:translate(-50%,-50%); box-shadow:3px 3px 8px rgba(0,0,0,.18); z-index: 1; display: none;}
.pop-det:after{width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 0 12.5px 25px;
border-color: transparent transparent transparent var(--blue); position: absolute; right: 1px; top:50%; transform:translate(100%,-50%); content: ''}
.pop-det .bul-dot > li:not(:first-child){margin-top: 1em;}

.bbs-dash_w{display: flex; flex-wrap:wrap; margin: 0 0 -25px -25px;}
.bbs-dash_w > li{width: calc(33.333% - 25px); margin: 0 0 25px 25px; border:1px solid #ddd; border-radius:5px; overflow: hidden;}
.bbs-dash .top{background: #333; color: #fff; display: flex; padding: 10px 20px; line-height: 1.15; word-break:keep-all; align-items:center; font-size: 1.25rem; font-weight: 500; border-radius:5px 5px 0 0}
.bbs-dash .ico{margin-right: 10px;}
.bbs-dash .cont{font-size: 1.125rem;}
.bbs-dash .cont > li:nth-child(odd){background: #f9f9f9}
.bbs-dash .cont a{display: block;display: flex; justify-content: space-between; padding: 15px 20px; align-items:center; gap:10px}
.bbs-dash .cont .t{flex:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* .a : 접수완료 / .b : 승인 / .c : 취소완료 / .d : 반려 / .e : 보류 / .f : 보완 / .g : 확인완료 */
.bbs-dash .state{width: 63px; height: 24px; display: flex; align-items:center; justify-content:center; font-size: 14px; border:1px solid var(--navy); color: var(--navy); border-radius:100px; background: #f4f9ff}
.bbs-dash .state.b{background-color: #f0fbed; color: #267516; border-color: #267516}
.bbs-dash .state.c{background-color: #fdefef; color: #a92a2a; border-color: #a92a2a}
.bbs-dash .state.d{background-color: #fbfbfb; color: #666; border-color: #666}
.bbs-dash .state.e{background-color: #fff0e9; color: #ff7413; border-color: #ff7413}
.bbs-dash .state.f{background-color: #fff7db; color: #ee8f07; border-color: #ee8f07}
.bbs-dash .state.g{background-color: #f8f3ff; color: #5836bb; border-color: #5836bb}

.tabs-dash{display: grid; border:1px solid #ddd; background: #f9f9f9; text-align: center; margin-bottom: 40px; line-height: 1.15; word-break:keep-all;     grid-template-columns: repeat(auto-fit, minmax(10%, auto));}
/* .tabs-dash > li{width: 10%} */
.tabs-dash .active{background: var(--blue); color: #fff}
.tabs-dash a{display: flex; height: 60px; align-items:center; justify-content:center}
.tabs-dash.li11{ grid-template-columns: repeat(auto-fit, minmax(9%, auto));}

.input-st1.auto{width: auto}
.flex-1{flex:1}

.postcode{display: flex}
.bbs-total2{text-align: right; margin-bottom: 20px; font-size: 1.125rem;}
.bbs-total2 .ico-team{color: #777}
.bbs-total2 .ico-team:before{background: url('../img/bbs/ico-team.gif') left center no-repeat; width: 28px; height: 17px; margin-right: 5px; content:''; display: inline-block;}

.bbs-team{display: flex; flex-wrap:wrap; margin: 0 0 -15px -15px; word-break:keep-all; line-height: 1.15}
.bbs-team > li{border:1px solid #ddd; width: calc(33.333% - 15px); margin: 0 0 15px 15px; padding: 30px 35px}
.bbs-team .t{display: block;font-weight: 700; color:var(--blue); font-size: 1.5rem;}
.bbs-team .add-txt{margin-top:10px; color: #333; font-weight: 600; display: block; font-size: 1.25rem;}
.bbs-team .info{margin-top: 20px;}
.bbs-team .info > li:not(:first-child),.bbs-team .ict > li:not(:first-child){margin-top: 5px;}
.bbs-team .info > li:first-child a{color: #000fce; text-decoration: underline;}
.bbs-team .bot{margin-top: 20px; padding-top: 20px; border-top: 1px dotted #333;}

.bbs-team .ict{font-size: .938rem;}
.bbs-team .info span:not(:last-child):after,.bbs-team .ict span:not(:last-child):after{content: ', '}
.bbs-team .info span,.bbs-team .ict span{display: inline-flex}

.bbs-team .team-com{margin: 25px 0 0 -10px;}
.bbs-team .team-com span{position: relative; background: #f4f4f4; border-radius:100px; color: #666; padding: 10px 14px; display: inline-flex; align-items:center; justify-content:center; margin: 5px 0 0 10px;}
.bbs-team .team-com span:before{display: inline-block; width: 11px; height: 15px; background: url('../img/bbs/ico-team1.png') center center no-repeat; content: ''; margin-right: 8px;}
.bbs-team .team-com span.t2:before{background-image: url('../img/bbs/ico-team2.png'); width: 20px}
.bbs-team .team-com span{}

.bbs-team .btn_w{margin-top: 30px;}
.btn-team{display: flex; height: 50px; border-radius:5px; width: 100%;align-items:center; justify-content:center}


.bbs-view-new{border-top: 2px solid var(--blue);}
.bbs-view-new .group{display: table;width: 100%;  border-bottom: 1px solid #ddd;}
.bbs-view-new .group > *{display: table-cell;vertical-align: middle;}
.bbs-view-new .t{width: 180px; padding: 25px 15px; font-weight: 500;    word-break: keep-all; background: #f8fcff; text-align: center; color: #333; border-right: 1px solid #ddd;}
.bbs-view-new .c{padding: 25px 20px; height: 60px}
.bbs-view-new .c.flex{display: flex; align-items: center; gap: 20px;}
.bbs-view-new .c.flex .file_input_btn,
.bbs-view-new .c.flex .file_download{flex:1;}
.bbs-view-new .c.flex .file_download a{padding-left: 25px; background: url("../img/bbs/down.png") 0 50% no-repeat;}
.bbs-view-new .metor_rel{display:flex; flex-wrap:wrap;}
.bbs-view-new .metor_rel .person{flex:1;}
.bbs-view-new .metor_rel .person input[type="text"]{width:100% !important;}
.bbs-view-new .sui{padding: 25px 0; }
.bbs-view-new .half_w{display:flex; flex-wrap:wrap;}
.bbs-view-new .half_w .group{width: 50%;float: left;}
.bbs-view-new .half_w .group:not(:first-child){border-left: 1px solid #ddd;}
.bbs-view-new .cont{padding: 35px 40px; border-bottom: 1px solid #ddd;}
.bbs-view-new .group_w{margin-top: 50px;}
.bbs-view-new .group_w:first-child{margin-top: 0;}
.bbs-view-new .group_w .tit-st1:first-child{border-bottom: 1px solid #9c9c9c; padding-bottom: 30px; margin-bottom: 0;}
.bbs-view-new .group_w .tit-st2 + .group,
.bbs-view-new .group_w hr.border{border-top: 2px solid var(--blue);}
.bbs-view-new .group_w hr.border{margin: 0;}
.bbs-view-new .reserve .datepick_w{display: inline-block;}
.bbs-view-new .reserve .submit{display: inline-block; height: 100%; padding: 0 30px; margin-left: 1em; font-size: inherit;}

.bbs-view-new .suiRe textarea{overflow-x:hidden; overflow-y:auto; resize:vertical; background:#fff}

.bbs-view-new .file_w .sect{margin-top: 10px;}
.bbs-view-new .file_w .sect:first-child{margin-top: 0;}


.bbs-view-new.write .group > *{padding-top: 10px;padding-bottom: 10px;}
.bbs-view-new.write input[type="text"],.bbs-view-new.write select,.bbs-view-new.write input[type="password"]{border:1px solid #ccc; height: 40px; width: 100%; max-width:480px}
.bbs-view-new.write input[type="text"],.bbs-view-new.write input[type="password"]{padding: 0 15px}
.bbs-view-new.write .small{width: 100px !important}
.bbs-view-new.write .mid{width: 180px !important}
.bbs-view-new.write input[type="text"].long{max-width:100%}

.bbs-view-new.write select{font:inherit; padding-left: 15px;}
.bbs-view-new .add_txt{margin-top: 5px; font-size: 13px; display:block}
.bbs-view-new .remove{    border: 1px solid #333;
    padding: 3px 10px;
    margin-left: 10px;}
.bbs-view-new .h{line-height: 40px;}
.info_w{position: relative;padding-left: 60px; border-top: 2px solid var(--blue)}
.info_w .result_1{position: relative;}
/* .info_w:first-child{border-top: 0; margin-top: 0;} */
.info_w .q{position: absolute; left: 0;top:0;width: 60px;height: 100%; text-align: center; font-weight: 500; color:#333;border: 1px solid #ddd; border-left: 0; border-top: 0; background: #f9f9f9; display: flex; align-items:center; justify-content:center}
/* .info_w .q strong{position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%)} */
.info_w .file_w{margin-top: 0; padding: 15px}
.bbs-view-new .inpbox{border:0}
.bbs-view-new .text {
    display: block;
    float: left;
    margin: 0 10px;
    line-height: 44px;
}
.bbs-view-new .radio_w{padding-left: 15px !important; padding-bottom: 18px !important;}
.radio_w .sect{margin-top: 10px;}
.radio_w .sect:first-child{margin-top: 0;}
.radio_w_inline{margin: 0 -1em -10px 0;}
.radio_w_inline > span{margin: 0 1em 10px 0; display: inline-block;}

.ck-st1,.ck-st2{cursor: pointer; position: relative;}
.ck-st1 input,.ck-st2 input{width:0;height:0;top: 0; left: 0; position: absolute;}
/* .ck-st1 input:focus + label:before{border:1px dotted #000;z-index:1;content: '';left: 0;right: 0;bottom: 0;top:0;margin: auto;position: absolute;} */
.ck-st1 label,.ck-st2 label{position: relative;background: #fff;padding-left: 1.55em; line-height: 1.15 !important;vertical-align: inherit !important}
.ck-st1 input + label span{position: absolute; display: block; width:20px;height:20px;width: 1.25rem; height: 1.25rem; top:-.1em; left: 0; border:1px solid #d0d0d0; background: url('../images/common/ck-st1.png') center center no-repeat;border-radius: 50%;}
.ck-st1 input:checked + label span{border-color:var(--blue); background: var(--blue) url('../img/bbs/ck_on.png') center center no-repeat}
/* .ck-st1 input:checked + label span:before{position: absolute; width: 0.875rem;height: 0.875rem; left: 50%;top:50%; transform: translate(-50%,-50%);content: ''; background: #1e7fbf;border-radius:50%} */
/* .ck-st1 input:checked + label span{background: #4b1e78 url('../images/common/ck-st1_on.png') center center no-repeat; border-color: #4b1e78} */

.ck-st2 input + label span{position: absolute; display: block; width:20px;height:20px;width: 1.25rem; height: 1.25rem; top:0; left: 0; border:1px solid #d0d0d0; background: url('../images/common/ck-st1.png') center center no-repeat;}
.ck-st2 input:checked + label span{border-color:#1e7fbf}
.ck-st2 input:checked + label span:before{position: absolute; width: 14px;height: 14px; left: 50%;top:50%; margin: -7px 0 0 -7px; content: ''; background: #1e7fbf}

.ck-st2.disabled span{background: #f1f1f1}
.ck-st2.disabled label{text-decoration: line-through;}

.mypageCalendar{margin-bottom:20px;}
.mypageCalendar .datepicker-days .infoWrap{border-top: 2px solid var(--blue); border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.mypageCalendar .datapicker{}
.mypageCalendar .datepicker-inline{width:100%; padding:0;}
.mypageCalendar .datepicker-days{}
.mypageCalendar .datepicker-days table{width:100%; table-layout:fixed;}
.mypageCalendar .datepicker-days table thead{}
.mypageCalendar .datepicker-days .infoWrap{display: flex; align-items:center; justify-content:center; padding: 35px 0}

.mypageCalendar .datepicker-days .infoWrap .datepicker-switch { font-size: 32px; color:#333; margin: 0 40px;}
.mypageCalendar .datepicker-days .infoWrap a{display:block; text-indent:-9999px; font-size:0; overflow:hidden; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; border-radius:100%; border:1px solid #ccc;}
.mypageCalendar .datepicker-days .infoWrap a.prev{background-image:url('../img/bbs/cal-prev.png');}
.mypageCalendar .datepicker-days .infoWrap a.next{background-image:url('../img/bbs/cal-next.png');}
.mypageCalendar .datepicker-days .control td{padding-bottom:20px;}

.mypageCalendar .datepicker-days thead tr:last-child th{border-width:1px 1px 1px; border-style:solid; border-color:#ddd #ddd #ddd; background:#f4f4f4; height:50px; font-size:18px; color:#444; font-weight:700; text-align:center;}
.mypageCalendar .datepicker-days tbody td{border-width:0 1px 1px; border-style:solid; border-color:#ddd; height:140px; padding:20px; vertical-align:top; font-size:18px; color:#444; font-weight:400; text-align:left; cursor:default;}
.mypageCalendar .datepicker-days tbody td.active{background:transparent;}
.mypageCalendar .datepicker-days tbody td.active:hover{background:#eee;}
.mypageCalendar .datepicker-days tbody td.old,
.mypageCalendar .datepicker-days tbody td.new{background: #fcfcfc; color: #ddd !important}

.mypageCalendar .datepicker-days thead tr:last-child th:first-child,
.mypageCalendar .datepicker-days tbody td:first-child{color: #b72929}

.mypageCalendar .datepicker-days thead tr:last-child th:last-child,
.mypageCalendar .datepicker-days tbody td:last-child{color: #114c9d}

.mypageCalendar .datepicker-days tbody td ul{color: #666; font-size: 15px; margin-top: 15px;}
.mypageCalendar .datepicker-days tbody td > ul > li{display:flex; align-items:center; line-height:1;  flex-wrap:wrap;}
.mypageCalendar .datepicker-days tbody td > ul > li > a,
.mypageCalendar .datepicker-days tbody td > ul > li > .end{position:relative;}

.mypageCalendar .datepicker-days tbody td > ul > li > a::before,
.mypageCalendar .datepicker-days tbody td > ul > li > .end::before{content:''; display:inline-block; width:13px; height:13px; border-radius:50%; margin-right: 5px;}
.mypageCalendar .datepicker-days tbody td .purple:before{background-color: #5e46a0}
.mypageCalendar .datepicker-days tbody td .green:before{background-color: #01853f}
.mypageCalendar .datepicker-days tbody td .navy:before{background-color: #013162}
.mypageCalendar .datepicker-days tbody td .red:before{background-color: #cb3c3c}
.mypageCalendar .datepicker-days tbody td .blue:before{background-color: #5786c7}
.mypageCalendar .datepicker-days tbody td .orange:before{background-color: #f6901e}
.mypageCalendar .datepicker-days tbody td .brown:before{background-color: #7f6000}
.mypageCalendar .datepicker-days tbody td .green2:before{background-color: #92d050}

.mypageCalendar .datepicker-days tbody td > ul > li > a.none::before{display: none;}

.mypageCalendar .datepicker-days tbody td .MRC020::before{background-color:#f6901e; }
.mypageCalendar .datepicker-days tbody td .MRC010::before{background-color:#009345; }
.mypageCalendar .datepicker-days tbody td .MRC990::before{background-color:#6c57a4; }
.mypageCalendar .datepicker-days tbody td .end::before{background-color:#666; }
.mypageCalendar .datepicker-days tbody td li:not(:last-child){margin-bottom:10px;}

.mypageCalendar .datepicker-days tbody td > ul > li > a,
.mypageCalendar .datepicker-days tbody td > ul > li > p{display:flex; width:100%; align-items:center}
.mypageCalendar .datepicker-days tbody td > ul > li > a:hover .subject{text-decoration:underline; text-underline-position:under;}
.mypageCalendar .datepicker-days tbody td > ul > li .wrap{display:flex; flex-wrap:wrap; width:100%; float:none; margin:0; height:auto; line-height:1;}
.mypageCalendar .datepicker-days tbody td > ul > li p{cursor:default;}
.mypageCalendar .datepicker-days tbody td > ul > li a{cursor:pointer;}
.mypageCalendar .datepicker-days tbody td > ul > li a span{flex: 1; width: calc(100% - 18px)}

.mypageCalendar .datepicker table tr td span{cursor:inherit;}

.mypageCalendar .datepicker-days tbody td .subject{display:block;  font-size:16px; font-weight:500; color:#444; line-height:1.2; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */width:100%; float: none; margin: 0; border-radius: 0; height: auto; flex-wrap:wrap;}
.mypageCalendar .datepicker-days tbody td .subject ul{flex-wrap:wrap; margin-top:10px; width:100%; padding-left:5px; margin-bottom:0;}
.mypageCalendar .datepicker-days tbody td .subject ul li::before{min-width:4px;}
.mypageCalendar .datepicker-days tbody td .end{/* pointer-events:none; */}
.mypageCalendar .datepicker-days tbody td .end .subject{color:#8c8c8c;}
.mypageCalendar .datepicker-days tbody td .time{display:block; width:100%; margin-top:4px; font-size:16px; font-weight:200; color:#8c8c8c; line-height:1; float: none; margin: 0; border-radius: 0; height: auto;}
.mypageCalendar .datepicker-days tbody td ul .category{position:relative;}
.mypageCalendar .datepicker-days tbody td ul .category a.active + .calendarPop{overflow:visible; opacity:1; visibility:visible; }
.mypageCalendar .datepicker-days tbody td .calendarPop{overflow:hidden; opacity:0; visibility:hidden; position:absolute; left:150px; width:340px; min-height:135px; padding:20px; background-color:#fdfdfd; border-radius:5px; z-index:999; box-shadow:3px 3px 13px rgba(0,0,0,.18); transition:overflow .4s, opacity .4s, visibility .4s;}
.mypageCalendar .datepicker-days tbody td:nth-child(n+3) .calendarPop { left: auto; right: calc(100% + 10px); }
/* .mypageCalendar .datepicker-days tbody td:nth-child(7) .calendarPop{right:0; left:auto;} */
.mypageCalendar .datepicker-days tbody td .calendarPop__list .date{font-weight:300;}
.mypageCalendar .datepicker-days tbody td .calendarPop__list .date::before{height:19px; background-image:url('/resources/kcpi/subpage/images/sub/content/edu-calendar-icons-3_03.png');}
.mypageCalendar .datepicker-days tbody td .calendarPop__list .type::before{height:14px; background-image:url('/resources/kcpi/subpage/images/sub/content/edu-calendar-icons-3_06.png');}
.mypageCalendar .datepicker-days tbody td .calendarPop__list .subject::before{height:19px; background-image:url('/resources/kcpi/subpage/images/sub/content/edu-calendar-icons-3_10.png');}
.mypageCalendar .datepicker-days tbody td .calendarPop__subList{margin-top:20px;}
.mypageCalendar .datepicker-days tbody td .calendarPop__subList li{font-size:16px; color:#8c8c8c; line-height:1;}
.mypageCalendar .datepicker-days tbody td .calendarPop__subList li:not(:last-child){margin-bottom:10px;}

.calendarPop .item{color: #333}
.calendarPop__list{color: #333}
.calendarPop__list .item:not(:last-child){padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #aaa;}
.calendarPop__list .link{background: #ddd; color: #666; margin-top: 15px; border-radius:5px; display: flex; width: 100%; height: 40px;    align-items: center;  justify-content: center;}
.calendarPop__list .link:hover{background: var(--navy); color: #fff}
.calendarPop__list .label-cate{margin-bottom: 10px;}

.mypageCalendar .datepicker-days tbody td .calendarPop .apply{position:absolute; right:20px; bottom:20px; font-size:15px; font-weight:500; color:#fff; line-height:1; background-color:#006eb7; border-radius:5px; display:flex; align-items:center; justify-content:center; width:90px; height:35px;}
.mypageCalendar .datepicker-days tbody td .calendarPop .close{position:absolute; /* left:calc(100% + 10px); */ right: 0; top:0; overflow:hidden; text-indent:-9999px; width:25px; height:25px; background:#fff url('/static/sw/img/bbs/btn-c.png') center center no-repeat; box-shadow:3px 3px 13px rgba(0,0,0,.18); border-radius:5px}

.mypageCalendar__category{display:inline-flex; align-items:center; font-size: 15px; color: #333; flex-wrap:wrap; text-decoration: underline}
.mypageCalendar__category li{display:flex; align-items:center;}
.mypageCalendar__category li:not(:last-child){margin-right:15px;}
.mypageCalendar__category li::before,.label-cate:before{content: ''; display: block; width: 13px; height: 13px; border-radius: 50%; margin-right:5px;}
.mypageCalendar__category li.MRC020::before,.label-cate.MRC020:before{background-color:#f6901e; }
.mypageCalendar__category li.MRC010::before,.label-cate.MRC010:before{background-color:#009345; }
.mypageCalendar__category li.MRC990::before,.label-cate.MRC990:before{background-color:#6c57a4; }
.mypageCalendar__category li.All::before,.label-cate.MRC990:before{background-color:#000000; }
.mypageCalendar__category .purple:before{background-color: #5e46a0}
.mypageCalendar__category .green:before{background-color: #01853f}
.mypageCalendar__category .navy:before{background-color: #013162}
.mypageCalendar__category .red:before{background-color: #cb3c3c}
.mypageCalendar__category .blue:before{background-color: #5786c7}
.mypageCalendar__category .orange:before{background-color: #f6901e}
.mypageCalendar__category .brown:before{background-color: #7f6000}
.mypageCalendar__category .green2:before{background-color: #92d050}
.mypageCalendar__category a:hover,.mypageCalendar__category a:focus{font-weight: 700;}


.label-cate{display: flex;}

.label-cate.MRC020{color:#f6901e; }
.label-cate.MRC010{color:#009345; }
.label-cate.MRC990{color:#6c57a4; }
.label-cate span{flex:1; width: calc(100% - 18px)}

.tabs-st1{display: flex; border-top: 1px solid #ddd; border-left: 1px solid #ddd; word-break:keep-all; margin-bottom: 30px; text-align: center; line-height: 1.15;}
.tabs-st1.col1 > li{width: 100%}
.tabs-st1.col2 > li{width: 50%}
.tabs-st1.col3 > li{width: 33.3%}
.tabs-st1.col4 > li{width: 25%}
.tabs-st1.col5 > li{width: 20%}
.tabs-st1.col6 > li{width: 16.666%}
.tabs-st1 > li{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tabs-st1 a{display: flex; width: 100%; height: 60px; align-items:center; justify-content:center; padding: 0 10px}
.tabs-st1 .active{color: var(--blue); font-weight: 500;}
.tabs-st1.col1{display: none;}

.tabs-sort{border:1px solid #a3b1be; border-radius:5px; display: inline-flex}
.tabs-sort a{display: block; padding: 10px 1em}
.tabs-sort .active{color: var(--navy); font-weight: 500;}
.tabs-sort > li{position: relative;}
.tabs-sort > li:not(:last-child):before{position: absolute; right: 0; top:50%; width: 1px; height: 10px; background: #e0e0e0; content: ''; margin-top: -5px;}
/* .tabs-sort > li:not(:last-child){padding-right: 15px; margin-right: 15px;} */

.top-mentoring{display: flex; justify-content: space-between; margin-bottom: 20px;}
.btn-cal{display: inline-flex; min-height: 40px; border:1px solid #ddd; border-radius:5px;position: relative; font-size: 15px;color: #666; align-items:center; padding: 0 15px}
.btn-cal:before{width: 17px; height: 17px; background: url('../img/bbs/ico-cal.png') center center no-repeat; content: ''; display: inline-block; margin-right: 5px;}
.top-mentoring .left{display: flex;}
.top-mentoring .left > *:not(:last-child){margin-right: 10px;}

.top-mentoring.flex-end{align-items:flex-end}

.no-data_bbs{padding:50px 0;border-bottom: 1px solid #ddd; text-align: center;}

.block-t{}

.total-normal{margin-bottom: 10px;}

.responsive_datepick .datepick_w{display: inline-block;}
.period_w{width:480px; display: flex;}
.period_w > li{width: 48%}
.period_w > li.dash{width: 4%;text-align: center;line-height: 40px;}

.datepick_w{position: relative;
    padding-right: 39px;display: block; max-width:300px}
.period .datepick_w{display: inline-block;}
    .datepick_w button{position: absolute;
    right: 0;
    top: 0;display: block; width: 40px;height: 100%;border: 1px solid #ddd;
    background: #fff url('/static/sw/img/bbs/ico-cal.png') center center no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px; border-radius:0 5px 5px 0}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.filebox label,.btn-file_btn {
    display: inline-block;
    padding: 10px 20px;
    color: #999;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    vertical-align: middle;
    background-color: none;
  border: none; margin-left: 3px; font:inehrit; font-size: 13px;
}
.responsive_datepick .datepick_w{display: inline-block;}

.datepick-time{display: flex; align-items:center}
.period_w2{display: flex; align-items:center; gap:5px}
.datepick-time .time{margin-left: 10px;}

#smart_editor2 .se2_input_area{max-width:100%}

.btn-ar{width: 40px;height: 40px;white-space: nowrap;overflow: hidden;text-indent: -999px;border:1px solid #ddd; background: url('') center center no-repeat; display: inline-block; vertical-align: middle;}

.btn-ar.btn-plus{background-image: url('../images/common/btn-plus.gif')}
.btn-ar.btn-minus{background-image: url('../images/common/btn-minus.gif')}

.filebox .upload-name {
    display: inline-block;
    vertical-align: middle;
    background-color: none;
  border: none; margin-left: 3px; font:inehrit; font-size: 13px;
}

.filebox:not(:first-child){margin-top: 5px;}

.btn-down_right{display: flex; justify-content: flex-end;; margin-bottom: 20px;}
.btn-down{position: relative; display: inline-flex; border:1px solid #ddd; padding: 10px 0 10px 15px}
.btn-down:after{width: 48px; height: 100%; content: ''; background: url('../img/bbs/down.png') center center no-repeat; display: inline-block; margin-left: 15px;}
.btn-down:before{width: 1px; height: 10px; content: ''; position: absolute; right:48px; background: #ddd; margin-top: -5px; top:50%;}

.tbl-st1{width: 100%}
.tbl-st1 th{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 500; color: #000; white-space: nowrap;}
.tbl-st1 td{border-bottom: 1px solid #ddd;text-align: center; font-weight: 300;}
.tbl-st1 th,.tbl-st1 td{padding: 20px 1em}
.tbl-st1 .tit{font-weight: 400; text-align: left;}
.tbl-st1.team .btn_w{font-size: 14px;}
.tbl-st1.team .etc{width: 300px}
.tbl-st1.team .mentee > span{display: inline-block; margin: 0 3.5em; font-weight: 400;}

.tbl-st1_sui{width: 100%}
.tbl-st1_sui th{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 500; color: #000; white-space: nowrap;padding: 10px 3px; font-size: 14px; background: #f7f7f7;}
.tbl-st1_sui td{border-bottom: 1px solid #ddd;text-align: center; font-weight: 100; font-size: 13px; color: #666; padding: 5px 5px; }
.tbl-st1_sui .sun_min_td_width { min-width: 170px; }
.tbl-st1_sui .sun_min_td_bg1 { background: #f4f4f4; }
.tbl-st1_sui .sun_min_td_bg2 { background: #f1f1f1; }

.btn-st3_w {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.bbs-view-new.write input[type="text"].small-fix{width: 150px}

.bbs-add_txt{display: flex;justify-content: flex-end; margin-bottom: 10px; flex-wrap:wrap; color: #777}
.bbs-add_txt > *{position: relative;}
.bbs-add_txt > *:not(:last-child){margin-right: 10px; padding-right: 10px;}
.bbs-add_txt > *:not(:last-child):after{position: absolute; width: 1px; height: 13px; margin-top: -6px; content: ''; background: #ccc; right: 0; top:50%}

.bbs-reserve .item .in{border:1px solid #ddd; display: flex; width: 100%;}
.bbs-reserve .item:not(:first-child){margin-top: 30px;}
.bbs-reserve .img{position: relative; overflow: hidden; width: 33.5%; background: url('') center center no-repeat;background-size:cover} /*  padding-bottom: 20%;  */
.bbs-reserve .img img{position: absolute; left: 0; top: 0; right: 0;  bottom: 0; width: 100%; margin: auto;}
.bbs-reserve .cont{flex:1; padding: 40px}
.bbs-reserve .tit{color: var(--black); font-weight: 700; font-size: 1.625em; margin-bottom: 20px; line-height: 1.15; display: block;}
.bbs-reserve .btn{margin-top: 70px; width: 10.000em; height: 3.125em; background: #eee; color: #333; border-radius:5px; display: flex; align-items:center; justify-content:center}
.bbs-reserve .item > a:hover,.bbs-reserve .item > a:focus{border-color: var(--blue); box-shadow:3px 3px 13px rgba(0,0,0,.15)}
.bbs-reserve .item > a:hover .tit,.bbs-reserve .item > a:focus .tit{color: var(--blue)}
.bbs-reserve .item > a:hover .btn,.bbs-reserve .item > a:focus .btn{background-color:var(--navy); color: #fff}

.bbs-reserve .item > a, .bbs-reserve .btn, .bbs-reserve .tit{transition: all ease .3s}

.bbs-view-new textarea{display: block; height: 180px; width:100% !important}

.a-start{align-items:flex-start}
.a-end{align-items:flex-end}
.a-center{align-items:center}
.j-between{justify-content:space-between}
.j-end{justify-content:flex-end}

/* .bubble_w{position: relative;} */
.bubble-time{position: absolute; background: var(--blue); color: #fff; border-radius:8px; padding: 13px 18px;box-shadow:3px 3px 8px rgba(0,0,0,.15); font-weight: 300;}
.bubble-time:after{position: absolute; width: 0; width: 0;
	height: 0;
	border-width: 18px 9px 0 9px;
	border-color: var(--blue) transparent transparent transparent;
	border-style: solid; content: '';    left: 50%;
    top: 100%;    transform: translateX(-50%);}
.mypageCalendar .datepicker-days tbody td:not(.old):not(.today):hover{background-color: #f7fcff}
.mypageCalendar .datepicker-days tbody td.today { position: relative; background: #e3f5ff; }
.mypageCalendar .datepicker-days tbody td.today:before { content: 'Today'; position: absolute; top: 23px; left: 46px; font-size: 14px; color: #000; }

.label-state{display: inline-flex; min-width: 70px; height: 30px; background: #f4f9ff; border:1px solid #0b428f; color: #0b428f; border-radius:100px; align-items:center; justify-content:center; font-weight: 400; font-size: 1rem; vertical-align: middle; padding: 0 10px}
.label-state.y{color: #267516; border-color: #267516; background: #f0fbed}
.label-state.n{color: #a92a2a; border-color: #a92a2a; background: #fdefef}
.label-state.hold{background: #f4f4f4; color: #666; border-color:#666}

.btn-proof{border:1px solid #bbb; border-radius:3px; color: #444; width: 80px; height: 30px; align-items:center; justify-content:center; display: inline-flex; font-weight: 500;}
.btn-proof.y{background : #e3f5ff; border-color: #4472C4; color: #4472C4;}

.btn-add_form{line-height: 1;    font-size: 15px; color: #666; display: block;margin: -25px auto 0;}
.btn-add_form .circle{display: block;margin: 0 auto; width: 50px; height: 50px; background: #f4f4f4; border:1px solid #ddd; margin: 0 auto 15px; border-radius:50%; position: relative;}
.btn-add_form .circle:before,.btn-add_form .circle:after{position: absolute; left: 50%; top:50%; content: ''; display: block; background: #787878; transform: translate(-50%,-50%)}
.btn-add_form .circle:before{width: 1rem; height: 2px}
.btn-add_form .circle:after{width: 2px; height: 1rem}

.form-txt{color: var(--red); font-size: 14px; display: block; margin: 5px 0 0;}


.file_input{display: flex; border:1px solid #ccc;}
.file_input label {
    position:relative;
    cursor:pointer;
    overflow:hidden;
    width:40px;
    background:#fff;
    text-align:center; border-left: 1px solid #ccc; text-indent: -9999px; display: block; background: url('../img/bbs/file_dark.png') center center no-repeat
}
.file_input input[type="file"] {
position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden
}
.file_input input[type=text] {
    height:40px;
    padding:0 10px;
    border:0  !important;
    flex:1;
    width:calc(100% - 40px) !important; border:0; max-width:100% !important
}


.file_input_btn{display: flex; max-width:593px}
.btn-ar_new{border:1px solid #999; color: #454545; font-size: 15px; display: flex;align-items:center; justify-content:center; border-radius:4px; width: 93px}
.btn-ar_new.btn-minus{background-color: #666; color: #fff; border:0}
.btn-ar_new.btn-plus:after{content: ''; display: inline-block; margin-left: 5px; vertical-align: middle; width: 12px; height: 12px; background: url('../img/bbs/plus.png') center center no-repeat}
.file_input_btn .file_input{flex:1}
.file_input_btn button{margin-left: 10px;}
.file_input_btn.sect{margin-top: 5px;}

.price_w input:disabled{background: none}
.total_price{text-align: right; margin-top: 18px; font-size: 1.125rem;}
.total_price:before{content: ''; width: 5px; height: 5px; display: inline-block; background: #999; content: ''; vertical-align: middle; margin-right: 5px;}
.metor_w{margin-top: 80px;}

.bbs-reply .write{background: #fbfbfb; padding: 30px 20px 15px; border:1px solid #ddd}
.bbs-reply textarea{width: 100%;display: block;background: #fff;border:0;padding: 0;font-size: 14px;height: 130px; background: none}
.bbs-reply .write .bot{border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px;     display: flex;
    align-items: inherit;
    justify-content: space-between;}
.bbs-reply .write .bot button{width: 90px; height: 40px; border-radius:5px}
.bbs-reply .write .bot p{color: #999; font-size: 15px;}
/* .btn-replay{font-size: 16px;font-size: 1.067rem;font-weight: 500;}
.btn-replay span{background: url('../img/bbs/btn-reply.png') left center no-repeat;padding-left: 1.25em;}
.bbs-reply .txt{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 1em 0}
 */
.replay_l{margin-top: 30px;border-top: 1px solid #ddd}
.replay_l > li{padding: 20px 0;border-bottom: 1px solid #ddd; position: relative; display: flex;     align-items: flex-start;}
.replay_l .img{position: relative; overflow: hidden; width: 50px; height: 50px}
.replay_l .img img{display: block; width: 100%; border-radius:50%; height: 100%}
.replay_l .r{flex:1; margin-left: 15px;}
.replay_l  .r > *{display: block;}
.replay_l .date{font-size: .938em;color:#999}
.replay_l .name{font-size: 1.125rem; font-weight: 500; color: #333}
.replay_l p{margin-top:20px;    word-break: break-all;}
.replay_l .remove{padding: 3px 10px; display: inline-block; margin-left: 10px; font-size: 13px;}

.result_1{position: relative;}

.img-area{display: flex; flex-wrap:wrap}
.img-area > .img{width: 100px; height: 70px; background: #f4f4f4; border:1px solid #ddd; margin-bottom: 20px; position: relative;}
.img-area > .img .in{overflow: hidden; position: relative; width: 100%; height: 100%}
.img-area > .img img{display: block;position: absolute; left: 0; top:0; right: 0; bottom: 0;margin: auto; width: 100%}
.img-area > .img:not(:last-child){margin-right: 20px;}
.img-area > .img button{position: absolute; width: 21px; height: 21px; background: url('../img/bbs/img-remove.png') center center no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px; right: -10px; top:-10px}

.profile-st1{display: flex; max-width:280px}
.profile-st1.cover #profile-upload{background-size:cover}
#profile-upload{
    background-image:url('/static/sw/img/bbs/default.jpg');
    background-position: center;
    height: 85px; width: 85px;
    border: 1px solid #ddd;
    position:relative;  overflow:hidden;
}
.profile-st1 .form{margin-left: 5px; flex:1;     width: calc(100% - 91px);}
.profile-form input[type="text"]{}
.profile-btns{display: flex; justify-content:space-between}
.profile-btns > *{width: 48.5%}
.profile-btns label,.profile-btns button{height: 40px; margin-top: 5px; borerra-radius:5px; display: flex; width: 100%; align-items:center; justify-content:center; border-radius:5px; font-size: 15px;}

textarea.input-st1{padding: 10px; height: 180px}

.application_step{display: flex; margin-left: -75px; margin-bottom: 75px; line-height: 1; word-break:keep-all; justify-content: center;}
.application_step > li{width: calc(33.333% - 75px); margin-left: 75px; border:2px solid #ddd; border-radius:10px; display: flex; padding: 30px 10px 30px 30px; position: relative;}
.application_step > li.active{background-color: var(--blue3); color: #fff; border-color: var(--blue3)}
.application_step > li:before{width: 85px; height: 80px; content: ''; background: url('../img/app/steps1.png') center top no-repeat; display: block; margin-right: 35px;}
.application_step > li:nth-child(2):before{background-image: url('../img/app/steps2.png')}
.application_step > li:nth-child(3):before{background-image: url('../img/app/steps3.png')}
.application_step > li.active:first-child:before{background-image: url('../img/app/steps1_on.png')}
.application_step > li.active:nth-child(2):before{background-image: url('../img/app/steps1_on.png')}
.application_step > li.active:nth-child(3):before{background-image: url('../img/app/steps1_on.png')}
.application_step > li:not(:first-child):after{position: absolute; left: -75px; width: 75px; background: url('../img/app/steps-arrow.png') center center no-repeat; height: 100%; top:0; content: ''}

.application_step dt{display: inline-block;  padding: 10px 20px; border-radius:100px; font-weight: 300; background: var(--blue3); color: #fff; font-size: 14px; margin-bottom: 20px;}
.application_step .active dt{background: #fff; color: var(--blue3); font-weight: 600;}
.application_step dd{font-size: 1.375rem; font-weight: 700; color: #333}
.application_step .active dd{color: #fff}

.application_step dl{flex:1}

.tbl-row{border-top: 2px solid var(--blue); width: 100%; font-size: 1.063rem;}
.tbl-row th{background: #f8fcff; border-bottom: 1px solid #ddd; font-size: 1.111em; color: #333; padding: 20px; text-align: center;  font-weight: 600;}
.tbl-row td{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; color: #666; padding: 20px 30px; text-align: left;}

.tbl-col{border-top: 2px solid var(--blue); width: 100%; font-size: 1.063rem; position: relative;}
.tbl-col th{background: #f8fcff;font-size: 1.111em; color: #333; padding: 10px 20px; text-align: center;  font-weight: 600;}
.tbl-col td{text-align: center; padding: 20px 15px}
.tbl-col th,.tbl-col td{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}

.tbl-col .bl{border-left: 0;}
/* .tbl-col:before{position: absolute; left: 0; top:0; width: 1px; height: 100%; content: ''; background: #fff} */
.tbl-col tr > th:first-child,.tbl-col tr > td:first-child{border-left: 0;}

.tbl-col tr > td.line-left{border-left: 1px solid #ddd;}
.tbl-col tr + tr > th{border-top: 1px solid #ddd;}

.box-st1{background: #f4f4f4; padding: 30px}

.nowrap{white-space: nowrap;}

.agree-box2{padding: 30px; border:1px solid #ddd; border-top: 2px solid var(--blue);}
.agree-box2 textarea{ height: 300px; overflow-y: auto; display: block; border:0; color: #666}

.form-flex{flex-wrap:wrap}

.filelist > li{border:1px solid #ddd; border-top:2px solid var(--blue); padding: 40px 30px}
.filelist > li:not(:first-child){margin-top: 30px;}
.filelist .cont_w{color: #333;}
.filelist .flex{display:flex; justify-content:space-between;}
.filelist li .btn_box{    display: flex; flex-direction: column; align-items: flex-end; flex:1}
.filelist .btn_w-st2{margin-top: 0; flex-wrap:nowrap}
.filelist .btn-st5{min-width:auto; width:140px}

.btn_download{border:1px solid #ddd; color: #666; font-size: 15px; display: inline-flex; padding: 5px 0 5px 10px; align-items:center; position: relative;}
.btn_download:after{content: ''; background: url('../img/common/ico-down_g.png') center center no-repeat; display: block; margin-left: 15px; width: 47px; height: 17px}
.btn_download:before{position: absolute; right: 47px; width: 1px; height: 10px; margin-top: -5px;; background: #ddd; content: ''; top:50%}

.self_introduction .sect{border-top: 1px solid #333; border-bottom: 1px solid #ddd; padding: 30px}
.self_introduction .t{margin-bottom:; line-height: 1.15;}
.self_introduction textarea {display: block; height: 200px; color: #666; font-weight: 400; font-size: 1rem;}
.self_introduction form:not(:first-child) .sect{margin-top: 50px;}
.self_introduction .byte{text-align: right; margin-top: 15px;}

.app-complete{background: #f9f9f9; padding: 40px 70px; display: flex; align-items:center; line-height: 1.15; word-break:keep-all}
.app-complete .ico{width: 160px; height: 160px; border-radius:50%; background: #fff; border:3px solid #ddd; display: flex; align-items:center; justify-content:center}
.app-complete .ico img{max-width:50%}
.app-complete .txt{margin-left: 30px; flex:1; font-size: 1.25rem; font-weight: 500;}
.app-complete .big{font-size: 1.800em;}
.app-complete .add-txt{margin-top: 15px; display: block;}
.app-complete .under{box-shadow: inset 0 -1.25rem 0 #e5e5e5;}

.completion{background: #f9f9f9; padding: 40px;}

.state_box{background: #fef1e9; border:1px solid #ddd; border-left: 0; border-right: 0; margin-top: -1px; text-align: center; color: #333; padding: 30px 15px; font-size: 1.25rem; font-weight: 500;}
.state_box > p{display: flex; align-items: center; justify-content: center;}
.state_box > p:before{width: 40px; height: 40px; display: block; border-radius:50%; background: #f47223 url('../img/common/state-ing.png') center center no-repeat; content: ''; margin-right: 15px;}

.state_box.ing{}
.state_box.pass{background-color: #f4f9ff}
.state_box.eliminated{background-color: #f9f9f9}
.state_box.pass:before{background-color: #246abf; background-image: url('../img/common/state-pass.png')}
.state_box.pass:before{background-color: #8d8d8d; background-image: url('../img/common/state-eli.png')}

.ov-x{overflow-x: auto;}

/* .page-intro */
.page-intro{word-break:keep-all; font-family: var(--font-aggro);}
.page-intro .set-cont .tit-page,
.page-intro .set-cont .tit-page_txt{text-align: center;}
.page-intro .set-cont .tit-page_txt{line-height: 1.75; font-weight:300; }
.intro-img .intro-top,
.intro-list,
.intro-list li{position:relative; }
.intro-img .intro-top::after,
.intro-list::before,
.intro-list li::after{display: block; position:absolute; content: ""; border: 1px dashed #596276;}

.intro-img{background-color: #F4F4F4; padding: 25px 30px 50px;}
.intro-img .intro-top{padding-bottom: 38px;}
.intro-img .intro-top::after{bottom: 0; left: 50%; height: 30px; margin-left: -1px; }
.intro-list{display: flex; gap:14px; flex-wrap:wrap; text-align: center;}
.intro-list::before{top: 0; left: 12.012987%; right:12.012987%; }
.intro-list li{flex:1; min-width:0; padding-top: 38px;}
.intro-list li::after{top: 0; left: 50%; height: 35px; margin-left: -1px; }

.intro-img .intro-tit{display:flex;justify-content: center;align-items: center;flex-direction:column; width:180px; height: 180px; font-size:1rem; color: #fff;line-height:1.2; text-align:center; margin:0 auto; background: no-repeat 50% 50%; background-size: cover; background-image: url('../img/intro/intro-bg.png');}
.intro-list .card{height:100%; background-color:#fff; border-radius:15px; transition: all ease .3s; overflow:hidden;}
.intro-list .img{height:84px; margin-bottom: 8px;}
.intro-list .img img{height:100%; width:auto;}
.intro-list .cont{padding:20px 10px; line-height: 1.15;}
.intro-list .t{display: block;padding:14px; font-size: 1.25rem; line-height:1; font-weight: 500; color: #fff;}
.intro-list li:nth-child(1) .t{background-color: #1D2857;}
.intro-list li:nth-child(2) .t{background-color: #3348A1;}
.intro-list li:nth-child(3) .t{background-color: #1C55A4;}
.intro-list li:nth-child(4) .t{background-color: #1C80A4;}
.intro-list .c{font-size: 1.125rem; margin-top: 10px;}

.box-st2{background: #f9f9f9; border-left: 3px solid #333; padding: 40px 50px; font-size: 1.125rem; font-weight: 500; font-size: 1.125rem;}
.box-st2.p30{padding:30px 50px;}
.box-st2 .tit-page{line-height: 1.5; font-weight: 400; font-size: 1.875rem;}

.intro-steps_w{position:relative; padding: 60px 0; }
.intro-steps_w::before{content:""; position:absolute; top: 0; left:0; z-index:-1; display:block; width:100%; height: 55%; max-height: 330px; background: no-repeat 50% 50%; background-size: cover; background-color: #272E43; background-image: url('../img/intro/step-bg.jpg');}.intro-steps_w .tit-page,
.intro-steps_w .tit-page_txt{color: #fff;}
.intro-steps{display: flex; flex-wrap:wrap; justify-content: center; margin-top:40px; text-align: center; word-break:keep-all}
.intro-steps > li{width: calc(20% - 200px / 5); position: relative;}
.intro-steps > li:nth-child(odd){padding-top:40px;}
.intro-steps > li:not(:first-child){margin-left: 50px;}
.intro-steps > li:not(:first-child):after{position: absolute; left: -50px; top: 150px; width: 50px;height: 24px; background: url('../img/app/step-arrow2.png') center center no-repeat; content: '';}
.intro-steps .ico img{display: block; margin: 0 auto;}
.intro-steps .step{font-size: 1rem; color: #005BAB; font-weight: 300; margin-top:22px;}
.intro-steps .c{font-size: 1.125rem; color: #3C4356; font-weight: 500; margin-top:5px;}
.intro-steps .light{display: block;margin-top: 10px; font-size: 1rem; font-weight: 300; color: #596276; }
.intro-benefit_w{padding-top: 30px;}
.intro-benefit{display: flex;flex-wrap:wrap; gap:24px 18px; word-break:keep-all; }
.intro-benefit > li{width: calc(20% - 120px/5); position: relative; }
.intro-benefit .card-asym{height: 100%; padding:20px;}
.intro-benefit .badge{background: #1EA6DA; font-size: 12px; font-weight: 300; color: #fff; padding:7px 18px; border-radius:100px;}
.intro-benefit .t{margin: 20px 0 10px; font-size: 1.125rem; }
.intro-benefit .c{font-size: 1rem; font-weight: 400;}

.intro-progress{display: flex;flex-wrap:wrap; margin-left: -25px; word-break:keep-all; text-align: center; font-size: 1.125rem; line-height: 1.35;}
.intro-progress > li{width: calc(20% - 20px); margin-left: 20px; position: relative; border:2px solid #ddd; border-radius:8px; background: #fff; padding: 50px 15px; background: #fff}
.intro-progress > li:nth-child(even){background: #f8fcff}
.intro-progress > li:not(:first-child):before,
.intro-progress > li:not(:first-child):after{position: absolute; top:50%; transform:translateY(-50%); content: ''}
.intro-progress .year{display: flex; width: 97px; height: 34px; max-width:100%; justify-content: center; align-items: center; background: #333; color: #fff; font-size: 14px; font-weight: 300; border-radius:100px; margin:  auto;}
.intro-progress .t{line-height: 1.15; font-size: 1.222em; color: #333; font-weight: 700; margin: 20px 0 25px;}
.intro-progress > li:not(:first-child):before{width: 20px; height: 2px; background: #ddd; left: calc(-20px - 2px)}
.intro-progress > li:not(:first-child):after{width: 8px; height: 8px; background: #333; border-radius:50%; left: -20px;transform:translate(-100%, -50%)}

.tabs-history{display: flex; font-size: 1.5rem; font-weight: 500; color: #aaa; margin-bottom: 80px;  line-height: 1.15;  letter-spacing: -0.04em; text-align: center; flex-wrap:wrap}
.tabs-history > li{border-bottom: 5px solid #ddd; width: 20%; flex-wrap:wrap}
.tabs-history a{display: flex; height: 70px; width: 100%; align-items:center; justify-content:center; padding: 0 15px}
.tabs-history .active{color:var(--blue); font-weight: 700; border-bottom-color:var(--blue);}
.tabs-history .active a:before{width: 10px; height: 10px; border-radius:50%; content: ''; border-radius:50%; background: var(--blue); margin-right: 8px; display: block;}

.page-history .sect{display: flex; justify-content: space-between;}
.page-history .sect:not(:first-child){margin-top: 120px;}
.page-history .sect.right{flex-flow: row-reverse;}
.page-history .img{max-width:calc(50% - 30px)}
.page-history .img img{box-shadow: 20px 20px 0 #ddd; display: block;}
.page-history .right .img img{box-shadow: -20px 20px 0 #ddd;}
.page-history .cont{width: calc(50% - 30px); font-size: 1.125rem; line-height: 1.15;}

.page-history .year{font-size: 66px; font-weight: 900; color: #d6d6d6; margin-bottom: 40px; line-height: .75;}
.page-history .his{position: relative;}
.page-history .his:before{position: absolute; left:3px; content: ''; width:1px; height: calc(100% - .8em); content: ''; top:.4em; background: #ddd;}
.page-history .his > li{position: relative; display: flex; align-items:flex-start}
.page-history .his > li:not(:first-child){margin-top: 25px;}
.page-history .his .date{position: relative; padding-left: 26px; color: var(--blue); font-weight: 600; width: 10rem; letter-spacing: -0.03em;}
.page-history .his .date:before{position: absolute; left: 0; top:.4em; content: ''; background: var(--blue); width: 7px; height: 7px; border-radius:50%;}
.page-history .his > li > *:not(.date){flex:1}

.tab-cont_w .tab-cont:not(:first-child){display: none;}

.major-graph{border:1px solid #ddd; padding: 70px 30px;}
.major-graph img{display: block; margin: 0 auto;}

.major-box{background: #f9f9f9; padding: 65px 0; display: flex; text-align: center; line-height: 1.15;}
.major-box > li{width: 50%}
.major-box > li:last-child{border-left:  1px solid #ddd;}
.major-box .txt{font-weight: 500; color: #333; font-size: 1.625rem; margin: 20px 0 30px;}
.major-box img{display: block; margin: 0 auto;}
.major-box .label{display: inline-block; padding: 10px 20px; line-height: 1; background: #333; color: #fff; border-radius:100px}

.major-business{display: flex; flex-wrap:wrap; margin: 0 0 -20px -20px; line-height: 1.35;}
.major-business > li{border:1px solid #ddd; width: calc(20% - 20px);margin: 0 0 20px 20px;}
.major-business .img{position: relative; padding-bottom: 48%; overflow: hidden;}
.major-business .img img{max-width:87%; max-height: 87%; position: absolute; left: 0; top:0; right: 0; bottom: 0; margin: auto;}
.major-business .txt{font-size: 1.125rem; font-weight: 600; color: #333;background: #f9f9f9; border-top: 1px solid #ddd; text-align: center; padding: 15px 10px}

.page-benefit{display: flex; flex-wrap:wrap; margin: 0 0 -30px -30px; line-height: 1.35; word-break:keep-all; font-size: 1.063rem; font-weight: 500; text-align: center;}
.page-benefit > li{border-top:2px solid var(--blue); width: calc(33.333% - 30px);margin: 0 0 30px 30px; background: #f9f9f9; padding: 40px 15px}
.page-benefit .cont{margin-top: 20px}
.page-benefit .t{color: #333; font-weight: 700; font-size: 1.294em;}
.page-benefit .c{margin-top: 10px;}
.page-benefit img{display: block;margin: 0 auto; max-width:67%}

.page-facility{border:1px solid #ddd; position: relative; word-break:keep-all}
.page-facility .img-top{position: relative;padding: 80px 80px 80px 150px; overflow: hidden; background: #f9f9f9;}
.page-facility .map{display: block;margin: 0 auto; position: relative; z-index: 1; left: }
.page-facility .ab{font-size: 180px; font-weight: 900; line-height: .8; position: absolute; right: -10px; bottom: -10px; color: #f1f1f1}
.page-facility .floor{position: absolute; top:60px; left: 60px}
.page-facility .cont-bot{border-top: 1px solid #ddd; padding: 55px 0}
.page-facility .cont-bot ol{display: flex; flex-wrap:wrap; margin-bottom:-55px}
.page-facility .cont-bot ol > li{position: relative; width: 33.333%; padding: 0 55px; margin-bottom: 55px; display: flex; align-items:center}
.page-facility .cont-bot ol > li:before{position: absolute; left: 0; top:50%; width: 1px; height: 45px; transform:translateY(-50%); background: #ddd; content: ''; display: block;}
.page-facility .cont-bot ol > li:first-child:before,
.page-facility .cont-bot ol > li:nth-child(4):before{display: none;}
.page-facility .ico{width: 31%; position: relative;}
.page-facility .cont{flex:1; margin-left: 20px; font-size: 1.067rem;}
.page-facility .no{position: absolute; left: 0; top:0; font-size: 1.125rem; font-weight: 600; width: 1.667em; height: 1.667em; border-radius:50%; line-height: 1.667em;text-align: center; background: var(--blue); color: #fff}
.page-facility .t{color: #333; font-weight: 700; font-size: 1.294em; line-height: 1.15;}
.page-facility .c{margin-top: 10px;}

/* .location-box{border:1px solid #ddd} */
.loc-map{position: relative;}
.loc-map > *{width: 100% !important; height: 560px !important}
.loc-info{background: #f9f9f9; border: 1px solid #ddd; padding: 50px 40px; font-size: 1.125rem; line-height: 1.35;}
.loc-info .item{display: flex; align-items:flex-start}
.loc-info .etc{margin-top: 20px; display: flex; flex-wrap:wrap}
.loc-info .ico{padding-left: 27px; font-weight: 700; color: var(--blue); text-transform: uppercase; background: url('') left center no-repeat; margin-right: 10px; padding-right: 10px; position: relative; display: inline-block;}
.loc-info .ico:after{position: absolute; right: 0; top:50%; width: 2px; height: 13px; background: #bbb; content: ''; transform:translateY(-50%)}
.loc-info .ico.add{background-image: url('../img/intro/ico-loc.png')}
.loc-info .ico.tel{background-image: url('../img/intro/ico-tel.png')}
.loc-info .ico.fax{background-image: url('../img/intro/ico-fax.png')}
.loc-info .ico.mail{background-image: url('../img/intro/ico-mail.png')}
.loc-info .etc{margin: 25px 0 -25px -60px;}
.loc-info .etc .item{margin: 0 0 25px 60px;}

.loc-way{display: flex; justify-content:space-between; flex-wrap:wrap; margin-top: 20px; font-size: 1.125rem;}
.loc-way > li{width: calc(50% - 10px); border:1px solid #ddd; padding: 30px 15px 30px 40px; display: flex; align-items:center}
.loc-way .ico{font-size: 1.125rem; font-weight: 700; color: #333; margin-right: 30px;}
.loc-way .ico img{margin-right: 20px;}
.loc-way .circle{display: inline-flex; width: 24px; height: 24px; border-radius:50%; align-items:center; justify-content:center; margin-right: 5px; font-size: 14px; font-weight: 700;}
.loc-way .circle.green{background: #00a651; color: #fff}
.loc-way .circle.yellow{background: #e2c006; color: #fff}
.loc-way .circle.blue{background: #0057b0; color: #fff}
.loc-way .circle.red{background: #c61117; color: #fff}
.loc-way .circle.mr{margin-right: 3px}
.loc-way .c li:not(:first-child){margin-top: 10px;}
.loc-way .c li{display: flex; align-items:center}

.num > li {position: relative; padding-left: 25px; line-height: 1.15;}
.num > li:not(:first-child){margin-top: 10px;}
.num > li::after {position: absolute; left: 0; top: 0; width: 17px; height: 17px; display: flex; align-items:center; justify-content:center; font-size: 13px; border-radius:50%; background: #555; color: #fff}
.num > li:nth-child(1)::after {content: '1';}
.num > li:nth-child(2)::after {content: '2';}
.num > li:nth-child(3)::after {content: '3';}
.num > li:nth-child(4)::after {content: '4';}
.num > li:nth-child(5)::after {content: '5';}
.num > li:nth-child(6)::after {content: '6';}
.num > li:nth-child(7)::after {content: '7';}

.mail-box{text-align: center; background: #f4f4f4; border-top: 2px solid #333; padding: 60px; margin-top: 80px; word-break:keep-all; line-height: 1.5;}
.mail-box .box{background: #fff; padding: 20px; text-align: left;}
.mail-box .t{line-height: 1.35;}

.tabs-dash-t{display: none; background-color:#f9f9f9; height: 60px; color: var(--blue); font-weight: 700; border-radius:4px; margin-bottom: 30px; width: 100%; text-align: center; background-image: url('../img/common/select-blue.png'); background-position: calc(100% - 1.5rem); font-size: 18px;}

.bbs-view .tit .label-state{margin-left: 10px;}

.caution_box{background: #fff1f1; padding: 30px; font-size: 1.25rem; font-weight: 500; color: #333; text-align: center; margin-bottom: 50px; display: flex; align-items:center; justify-content:center}
.caution_box > p{}
.caution_box:before{background: url('../img/mypage/caution.png') left top no-repeat;; display: inline-block; content: ''; margin-right: 10px; display: block; width: 40px; height: 40px}

.file_list_new{font-size: 14px; font-weight: 400;}
.file_list_new{margin-bottom: 5px;}
.file_list_new .btn-ar{width: 30px; height: 30px; margin-left: 10px;}

.ovx-auto{overflow-x: auto;}
.ovx-auto table{width: auto; min-width:100%}

.bbs-view .cont{word-break:break-all}
.boardlist th.date{width: 15%}

.locker-box{border:1px solid #ddd; border-top: 2px solid var(--blue);}
.locker-box .top{background: #fff; display: flex; padding: 20px; line-height: 1.15;     justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd;}
.locker-box .top .t{font-size: 1.625rem; color: var(--black);}
.locker-box .top .status{font-size: 1.25rem; font-weight: 500;}
.locker-box .cont{background: #f4f4f4; padding: 20px 50px 50px}
.locker-box .label_w{display: flex; justify-content:flex-end; align-items:center; margin-bottom: 25px; line-height: 1.15;}
.locker-box .label_w > *{position: relative; display: flex; align-items:center}
.locker-box .label_w > *:before{display: block; width: 13px; height: 13px; background: #fff; margin-right: 5px; border-radius:50%; content: ''}
.locker-box .label_w > *:not(:first-child){margin-left: 30px}
.locker-box .label_w .type-a:before{background: var(--blue)}
.locker-box .label_w .type-b:before{background: #999}
.locker-box .label_w .type-c:before{border:1px solid #999}
.select-res{display: flex; flex-wrap:wrap; margin-left: -1%;}
.select-res > *{width: 4%; border:1px solid #999; color: #333; font-size: 1.125rem; background: #fff; margin: 0 0 1% 1%; position: relative; padding-bottom: 4%; border-radius:4px}
.select-res > * span{position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%)}

.select-res .type-a{background: var(--blue); color: #fff; border:0}
.select-res .type-b{background: #999; color: #fff}

label.disabled{text-decoration: line-through;}

.textareaByteChk{text-align: right; font-size: 14px; margin-top: 5px;}
.textareaByteChk span{color: var(--blue); font-weight: 700;}

.career-period{display: flex; gap:10px; align-items:center}

.form_select > .group:first-child{border-top: 2px solid var(--blue);}
.add_remove{text-align: right;}

.btn-write_w{display: flex; justify-content:end; margin-top: 30px;}
.btn-write{border:1px solid #ccc; width: 160px; height: 50px; border-radius:4px; padding: 0 20px; display: flex; align-items:center; color: #222; font-weight: 400; background: url('../img/bbs/ico-pencil.png') calc(100% - 20px) center no-repeat; background-size:17px}

.all-ck_bot{text-align: center; font-size: 1.25rem; font-weight: 500; margin-top: 30px; color: var(--black3)}

.word-break{word-break:keep-all}

.btn-app_w{border:1px solid #ddd; background: #f4f4f4; padding: 40px; text-align: center; word-break:keep-all}
.btn-app_w .in{display: flex; gap:20px; max-width:1180px; margin: 0 auto; flex-wrap:wrap; justify-content:center}
.btn-app_w .btn-app{font-size: 1.1875rem; background: #114c9d; color: #fff; border-radius:4px; display: flex;width: calc(25% - 60px/4); height: 60px;justify-content: center; align-items: center; transition: all ease .18s; line-height: 1.18; padding: 0 10px;}
.btn-app_w .btn-app:hover{background: #fff; color: #114c9d; border: 1px solid #114c9d}

.btn-app_w .in.col2 .btn-app{width: calc(50% - 10px); max-width:300px}

.bbs-view table{width: 100%}

.bbs-reserve .cont .bul-dot p{font-family: 'Pretendard', 'Malgun Gothic', 'Dotum' !important; font-size: 1rem !Important; line-height: 1.35 !important;}

.ico-new{display: inline-flex; width:1.25rem; height: 1.25rem; border-radius:50%; background: #e97132; color: #fff; font-size: 12px; vertical-align: middle; align-items:center; justify-content:center}

.fs-16 { font-size: 16px !important; }

table.cStyle { border-bottom: 2px solid var(--blue); }
table.cStyle tbody td { border-top: 1px solid #ddd; border-bottom: 0; }
table.cStyle tbody tr:first-child td { border-top: 0; }

div.boxWrap { margin-top: 20px; padding: 20px; font-size: 16px; color: #333; font-weight: 600; border: 1px solid #ddd; background: #f4f4f4; }
div.boxWrap b { font-weight: 700; }


.videoWrap .video { aspect-ratio: 16 / 9; }
.videoWrap .video iframe { width: 100%; height: 100%; }