@charset "UTF-8";
/* Font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@font-face { font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff')format('woff'); font-weight: 300; font-style: normal; }

@keyframes fadein {
 from { opacity: 0; }
to { opacity: 1; }
 }
@-moz-keyframes fadein { /* Firefox */
from { opacity: 0; }
to { opacity: 1; }
 }
@-webkit-keyframes fadein { /* Safari and Chrome */
from { opacity: 0; }
to { opacity: 1; }
 }
@-o-keyframes fadein { /* Opera */
from { opacity: 0; }
to { opacity: 1; }
 }
a,
a:hover,
a:visited,
a:active,.nav-link,.nav-link:visited,.page-link,.page-link:visited { text-decoration: none; color: #575e60; }
ul,
li { padding: 0; margin: 0; list-style: none; }
ul li { margin-left: -1px; }
p {margin: 0;}
.clearfix { clear: both; }
*:focus ,*:active { outline: 0 !important; }
select,input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand,input::-ms-expand { display: none; }
select { border: none; outline: 0 !important; background: none; }
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label { display: block; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
input[type="checkbox"] + label:before { content: ''; display: block; width: 14px; height: 14px; border: 1px solid #868ebc; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: .8; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s;}
input[type="checkbox"]:checked + label:before {width: 10px; top: 0px; left: 2px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
html { overflow: hidden; font-size: 14px; width: 100%; height: 100%; }
body { font-family: 'Pretendard','Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; overflow: auto; width: 100%; height: 100%; }
.h20 { height: 20px; width: 100%; }
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w95 {width: 95% !important;}
.w100 {width: 100% !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
table td, table th{ vertical-align: middle !important;}
.floatL {float: left;}
.floatR {float: right;}
.text_red {color: #db3c3c !important;}
.text_left {text-align: left !important;}
.text_right {text-align: right !important;}
.text_center {text-align: center !important;}
.hide {display: none !important;}
.flex {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.form-select {display: inline-block; border-radius: .25rem !important; background-position: right 0.8rem center; background-repeat: no-repeat; padding-right: 30px; background-size: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }

/* main page css */
.main_wrapper { width: 100%; position: relative; height: 680px; }
.main_wrapper.sub { height: 152px; background: url(../img/sub_bg.png) center center no-repeat; background-size: cover;}
.slide_box { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: -1; }
.slide_box .slide_bg { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.foot_wrapper,.board_wrapper,.intro_wrapper, .join_wrapper, .mypage_wrapper { width: 1200px; margin: 0 auto; }
.board_wrapper,.intro_wrapper,.join_wrapper, .mypage_wrapper { margin: 40px auto 60px; position: relative; }
.con_wrapper { position: relative; height: calc(100% - 100px); width: 1000px; margin: 0 auto; }
.nav_wrapper{width: 100%; position: relative;}
.nav_wrapper .nav {width: 1200px; margin: 0 auto; height: 100px; line-height: 100px; font-size: 1.2rem; font-weight: 400; }
.nav_wrapper .nav-link { color: #ffffff; padding: 0; }
.join_wrapper {margin-bottom: 80px;}
.depth_01 { z-index:4; }
/* .depth_01 a { display: inline; } */
.depth_01.logo { text-align: left; }
.depth_01.loginbox {text-align: right; width: 8%;}
.depth_01.loginbox button {margin-left: 10px;}

/* .depth_01:not(.logo):hover,.depth_01:hover .depth_02 { background: rgba(235,240,247,0.5); } */
/* .depth_02 { position: absolute; left: 0; text-align: center; width: 100%; background: #ffffff; padding: 20px 0; display: none; z-index:2; } */
/* .depth_02 li { line-height: 50px; font-size: 1.1rem; } */
/* .depth_02 li:hover a { width: 100%; display: inline-block; } */
/* .depth_02 li:hover a { color: #7da723; background: rgba(125,167,35,0.1); font-size: 1.15rem; } */
/* .sub_menu_bg { width: 100%; position: absolute; top: 100px; left: 0; z-index:3; background: #ffffff; display: none; box-shadow: 0 0 8px #909090; } */
/* .sub_slogan { background: #ffffff url(../img/sub_menu_bg.jpg) left center; background-repeat: no-repeat; height: 100%; background-size: 100% 100%; position: relative; } */
/* .sub_slogan img { position: absolute; right: 20px; bottom: 20px; } */
/* .sub_slogan p { font-size: 1.6rem; position: absolute; left: 40px; top:20%; } */
/* .main_slogan { position: absolute; font-size: 2.2rem; color:#ffffff; top: 26%; left: 0; } */
.depth_01:not(.logo,.loginbox):hover { background: rgba(235,240,247,0.5); }
.depth_02 { width: 100%; height: 296px; position: absolute; top: 100px; left: 0; text-align: center; background: #f2f7fb; display: none; z-index:2; box-sizing: border-box; box-shadow: 0 0 8px #909090;}
.depth_02 .sub_slogan { float: left; background: #ffffff url(../img/sub_menu_bg.jpg) left center; background-repeat: no-repeat; height: 100%; background-size: 100% 100%; position: relative; }
.depth_02 .sub_slogan img { position: absolute; right: 20px; bottom: 20px; }
.depth_02 .sub_slogan p { font-size: 1.8rem; color: #091951; position: absolute; left: 20%; top:50%; transform: translateY(-50%); text-align: left; line-height: 1.8; font-weight: 300; letter-spacing: -1px;}
.depth_02 .sub_menu {float: left; height: 100%; padding: 35px 50px; border-top: 5px solid #bdc593 ;background-color: #ebf0f7;}
.depth_02 .sub_menu li { line-height: 50px; font-size: 1.1rem; float: left; width: 25%; margin-bottom: 20px;}
.depth_02 .sub_menu li a { display: inline-block; width: 100%; }
.depth_02 .sub_menu li:hover a {color: #7da723; background: rgba(125,167,35,0.1);}
.depth_01.loginbox button {border:none; background-color: transparent; color: #fff;  font-size: 1rem;}
.menu_district1 li {width: 20%;}
.menu_district2 {padding-top: 20px; border-top: 1px solid #dadfe5;}
.main_slogan { position: absolute; font-size: 2.2rem; color:#ffffff; top: 26%; left: 0; }

.con_box { width: 436px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.con_box li { width: 214px; height: 200px; margin-left: 4px; margin-bottom: 6px; display: inline-table; background: #ffffff; padding: 30px; }
.con_box li:nth-child(1),.con_box li:nth-child(3) { margin: 0; }
.con_box li:last-child { margin-bottom: 0; }
.con_tit { font-size: 1.4rem; color: #091951; font-weight: 400; line-height: 1.8rem; margin-bottom: 30px; }
.con_desc { border-left:5px solid #7da723; padding-left: 8px; font-size: 1.1rem; font-weight: 400; color: #545454; }
.board_table { width: 100%; }
.board_table.left { float: left; width: 45%; }
.board_table.right { float: right; width: 45%; }
.board_name { text-align: left; margin-bottom: 18px; position: relative; font-size: 1.6rem; font-weight: 400; }
.board_name a { width: 27px; height: 27px; background: url(../img/icon-plus.gif) center center no-repeat; position: absolute; right: 0; bottom: 0; }
.board_table table {border-top: 2px solid #565656; }
.board_table table th { font-weight: 400; text-align: center; background: rgba(0,0,0,.05); vertical-align: middle;}
.board_table table, table.con_tb { border-bottom: 1px solid #bbc2c9; }
.board_table table td a:hover { color: #2f2f2f; text-decoration: underline; cursor: pointer; }
.board_table table:not(.detail) td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #565656; text-align: left; vertical-align: middle; max-width: 0;}

/* 메인화면 테이블 */
.board_table table.main { border-top: 0; }
.board_table table.main th { color: #ea6533; font-weight: 400; text-align: left; background: none; width: 50px;}
.board_table table.main tr:first-child td,.board_table table.main tr:first-child th,.board_table table.main tr:first-child { border: none; }
.board_table table.main tr td:last-child { text-align: right; width: 100px; max-width: none;}
/* 공지사항/교육자료 테이블 */
.board_table table.table-striped th { color: #333333; font-weight: 400; text-align: center; }
.board_table table.table-striped td { text-align: center; }
.board_table table.table-striped tr td:nth-child(3) { text-align: left; }
.board_table table.center tr td { text-align: center; }
/* 게시판 상세보기 테이블 */
.board_table table.detail th.tit { text-align: left; }
.board_table table.detail td ul.attach li { padding-left: 18px; position: relative; }
.board_table table.detail td ul.attach li::before { content: ''; display: block; position: absolute; top: 5px; left: 0; width: 14px; height: 14px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='currentColor' class='bi bi-save' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z'/%3E%3C/svg%3E"); }
/* 센터소개 테이블 */
table.con_tb { margin-bottom: 2rem; border-top: 2px solid #8d8d8d;}
table.con_tb th { font-weight:400; color: #333333; text-align: center; background: rgba(0,0,0,.05); vertical-align: middle; }
table.con_tb th,table.con_tb td { border-right: 1px solid #dee2e6; padding: .3rem .8rem; vertical-align: middle; position: relative;}
table.con_tb.center th,table.con_tb.center td { border-right: 1px solid #dee2e6; padding: .6rem .8rem; text-align: center; }
table.con_tb.center.letter-spacing td { letter-spacing: -1px; }
table.con_tb.left th { text-align: left; }
table.con_tb tr th:last-child,table.con_tb tr td:last-child { border-right: none; }
.scroll_zone{max-width: 100%; overflow: auto;margin-bottom: 2rem; position: relative;}
.scroll_zone .con_tb{margin-bottom: .8rem; min-width: 900px;}
.scroll_zone .scroll_tip{width: 100%; height: 100%; position: absolute; text-align: center; background-color: rgba(0,0,0,.5); display: none; z-index: 3;}
.scroll_zone .scroll_tip span{color: #ffffff; position: absolute; left: 50%; top: 50%; font-weight: 400; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
/* 광주 테이블 */
.gwangju_table_wrap {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start;}
.gwangju_table_wrap .table {margin-bottom: 10px; width: 30%;}
.gwangju_table_wrap .table:first-of-type td {padding: 0.825rem 0.8rem;}
.gwangju_table_wrap .plus {margin: 0 20px; margin-top: 50px; width: 30px; height:30px; content: ""; position: relative;}
.gwangju_table_wrap .plus::before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 30px; height: 1px; background-color: #58a8fc;}
.gwangju_table_wrap .plus::after {display: block; position: absolute; content: ""; top:0; left: 50%; transform: translateX(-50%); width: 1px; height: 30px; background-color: #58a8fc;}

/* 제목 */
.title { font-size: 2rem; padding-left: 65px; position: relative; margin: 30px 0; font-family: var(--font-nanum); font-weight: 800;}
.title.docu {padding-left: 55px;}
.title.login {padding-left: 50px;}
.title.board::before { content: ''; position: absolute; top: 0; left: 0; width: 44px; height: 44px; background: url(../img/icon-board.gif) center center no-repeat; display: block; }
.title.edu::before { content: ''; position: absolute; top: 0; left: 0; width: 44px; height: 44px; background: url(../img/icon-edu.gif) center center no-repeat; display: block; }
.title.grand::before { content: ''; position: absolute; top: 0; left: 0; width: 44px; height: 44px; background: url(../img/icon-title.gif) center center no-repeat; display: block; }
.title.video::before { content: ''; position: absolute; top: 0; left: 0; width: 44px; height: 38px; background: url(../img/icon-video.gif) center center no-repeat; display: block; }
.title.area::before { content: ''; position: absolute; top: 0; left: 0; width: 44px; height: 44px; background: url(../img/icon-position.gif) center center no-repeat; display: block; }
.title.docu::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 33px; height: 44px; background: url(../img/icon-document.jpg) center center no-repeat; background-size: contain; display: block; }
.title.login::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 33px; height: 39px; background: url(../img/icon-login.png) center center no-repeat; background-size: contain; display: block; }
.main_tit { font-size: 1.375rem; font-family: var(--font-nanum); font-weight: 800; padding-left: 26px; position: relative; margin: 20px 0 10px; display: inline-block; }
.main_tit::before,.main_tit::after { content: ''; position: absolute; top: 10px; left: 0; width: 12px; height: 12px; background: #7da723; }
.main_tit::after { background:#2f4994; left: 5px; top: 5px; }
.sub_tit { font-size: 1.5rem; font-family: var(--font-nanum); font-weight: 600; position: relative; display: inline-block; padding: 0 2rem; text-align: center; }
.sub_tit span { font-size: 1rem; margin-top: 6px; color: #787878; font-weight: 300; display: block; }
.sub_tit::before,.sub_tit::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 14px; height: 3px; background: #52a9df; }
.sub_tit::after { left: auto; right: 0; }
.tb_tit { font-weight: 400; font-size: 1.2rem; margin: .6rem 0 .6rem; }
.tb_tit.green { color: #92a424; }
.tb_tit.blue { color: #00aecc; }
.tb_tit.dgreen { color: #00ab84; }
.tb_tit.pink { color: #d14296; }
.tb_tit span { font-size: 1.3rem; margin-right: .6rem; font-weight: bolder; opacity: .5; }

/* 내용 */
.intro_wrapper .desc { font-size: 1.1rem; font-weight: 400; margin-bottom: 20px; }
.intro_wrapper .desc ul li { padding-left: 26px; position: relative; }
.intro_wrapper .desc ul li::before { content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 12px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2352a9df' class='bi bi-forward-fill' viewBox='0 0 16 16'%3E%3Cpath d='m9.77 12.11 4.012-2.953a.647.647 0 0 0 0-1.114L9.771 5.09a.644.644 0 0 0-.971.557V6.65H2v3.9h6.8v1.003c0 .505.545.808.97.557z'/%3E%3C/svg%3E"); }
.intro_wrapper .desc .sm_tit { color: #ffffff; padding: .8rem 2.2rem; border-radius: 3rem; display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; max-width: 180px; }
.intro_wrapper .desc .sm_tit span { font-size: .9rem; display: block; opacity: .8; }
.intro_wrapper .desc .sm_tit.round { width: 130px; height: 85px; border-radius: 80px; padding: 1.4rem 1rem; }
.intro_wrapper .desc .sm_tit.blue { background: #52a9df; }
.intro_wrapper .desc .sm_tit.dblue { background: #091951; }
.intro_wrapper .desc .sm_tit.green { background: #7da723; }
.intro_wrapper .desc .sm_tit+ul { display: inline-block; vertical-align: middle; margin-left: 10px; }
.intro_wrapper .desc .sm_tit.blue+ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2352a9df' class='bi bi-forward-fill' viewBox='0 0 16 16'%3E%3Cpath d='m9.77 12.11 4.012-2.953a.647.647 0 0 0 0-1.114L9.771 5.09a.644.644 0 0 0-.971.557V6.65H2v3.9h6.8v1.003c0 .505.545.808.97.557z'/%3E%3C/svg%3E"); }
.intro_wrapper .desc .sm_tit.dblue+ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23091951' class='bi bi-forward-fill' viewBox='0 0 16 16'%3E%3Cpath d='m9.77 12.11 4.012-2.953a.647.647 0 0 0 0-1.114L9.771 5.09a.644.644 0 0 0-.971.557V6.65H2v3.9h6.8v1.003c0 .505.545.808.97.557z'/%3E%3C/svg%3E"); }
.intro_wrapper .desc .sm_tit.green+ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237da723' class='bi bi-forward-fill' viewBox='0 0 16 16'%3E%3Cpath d='m9.77 12.11 4.012-2.953a.647.647 0 0 0 0-1.114L9.771 5.09a.644.644 0 0 0-.971.557V6.65H2v3.9h6.8v1.003c0 .505.545.808.97.557z'/%3E%3C/svg%3E"); }
.intro_wrapper img { margin-bottom:40px; display: block; }
.intro_wrapper ul.map_address { margin-top: 2rem; }
.intro_wrapper ul.map_address li { position: relative; padding-left: 110px; margin: .5rem; }
.intro_wrapper ul.map_address li span { position: absolute; left: 15px; color: #7da723; font-weight: 400; width: 70px; display: inline-block; text-align: center; }
.intro_wrapper ul.map_address li span::before { content: ''; position: absolute; top: 10px; left: -15px; width: 4px; height: 4px; background: #7da723; }
.intro_wrapper ul.map_address li span::after { content: ''; position: absolute; top: 10px; right: -15px; width: 4px; height: 4px; background: #7da723; }

/* 소개영상 넣는 테이블 */
.video_desc { color: #787878;  margin-bottom: .8rem;}
.video_wrap {margin-top: 20px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.video_wrap a {display: block; width: 31.333333%; margin: 0 1% 30px; border: 1px solid #e0e0e0;}
.video_wrap a .imgbox {width: 100%; max-height: 200px; overflow: hidden;}
.video_wrap a img {margin-bottom: 0; display: block; max-width: 100%; height: auto;}
.video_wrap a .video_title {border-top: 1px solid #e0e0e0; padding: 14px 20px 16px; box-sizing: border-box; font-size: 1rem; color: #333; font-weight: 500; width: 100%; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis;}
.iframe{ height: auto;}
.iframe iframe{max-width: 100%; width:1000px; height: 100%; height: 563px; border: none;}

/* 버튼 */
.btn { border: none; border-radius: 0; color: #ffffff; padding: .65rem 2rem; font-size: 1rem; font-weight: 300; letter-spacing: -.75px; }
.btn.big {font-size: 1.143em; padding: 1rem 3.5rem; border-radius: 4px;}
.btn.full {width: 100%; font-size: 1.143em; padding: 1rem 0; text-align: center; border-radius: 4px;}
.btn.normal { background: #091951; }
.btn.black { background: #666; }
.btn.green { background: #7da723; }
.btn.blue {background: #091951; }
.btn.line { color: #2993d1; border: 1px solid #4aabe3; border-radius: 4px;}
.btn.line:hover {background-color: #2993d1; border-color: #2993d1; color: #fff;}
.btn:visited,.btn:hover { color: #ffffff; }
.edit_btn {position: relative;}
.edit_btn::after {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; content: "\F4C9"; font-family: "bootstrap-icons";}
a.pdf_down { padding: .6rem 0; position: absolute; right: 0; border-radius: 5px; padding-left: 34px; font-size: 1rem; color: #6a3906; text-decoration: underline; background:url(../img/pdf.gif) left center no-repeat; }
/* 버튼 좌우 정렬 */
.btn_wrap .floatL .btn {margin-right: 10px;}
.btn_wrap .floatR .btn {margin-left: 10px;}
/* 버튼 중간 정렬 */
.btn_group {margin-top: 50px; text-align: center;}
.btn_group .btn:nth-of-type(2) {margin-left: 10px;}
.download_link {color: #117bde;}
.download_link:hover {color: #117bde; text-decoration: underline;}
.download_link::before {content: "\F356"; font-family: "bootstrap-icons"; font-size: 1em; margin-right: 6px;}

/* 서브메뉴 */
.sub_nav { background: #e8ebe7; position:relative;}
/* .sub_nav { background: rgba(255,255,255,.6); position:relative; top:-52px } (구 )서브네비 */
.sub_nav .nav li { border-top: 3px solid transparent; position: relative;}
.sub_nav .nav li a { color: #333333; padding: 1rem 3rem; font-size: 1rem; font-weight: 400;}
.sub_nav .nav li:hover { background: rgba(255,255,255,.2); }
.sub_nav .nav li.active { border-top: 3px solid #7da723; background: #ffffff; }
.sub_nav .nav li.active a { color: #7da723; }
.sub_nav .nav li.sub_act a { color: #ffffff; }
.sub_nav .nav li.sub_act::before { content: ' '; height: 0; width: 0; position: absolute; bottom: 0; border: 6px solid transparent; border-top-width: 0; border-bottom-color: #ffffff; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.sub_nav .nav { width: 1200px; margin: 0 auto; position: relative; }
.sub_nav .nav .selectbox { position: absolute; right: 0; top: 4px; }
.sub_nav .nav .selectbox:hover { background: none; }
.sub_nav .nav .selectbox .form-select { margin: 0; border-color: #ffffff; background-color: #ffffff; }
.sub_nav .arrow_btn {display: none; position: absolute; top: 46%; right: 14px; transform: translateY(-50%); width: 2.65em; height: 2.65em; background-color: #a5bad4; border-radius: 50%; box-shadow: 1px 2px 6px rgba(125,125,125,.5); opacity: .875;}
.sub_nav .arrow_btn::after {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; content: "\F135"; font-family: "bootstrap-icons"; font-size: 2em;}
/* 지금의 회면 위치 */
.position {font-size: .9rem; width: 1200px; text-align: right; margin: 1.5rem auto 1rem;}
.position .icon-right { position: relative; width: 30px; height: 20px; vertical-align: middle; display: inline-block; }
.position .icon-right::before { content: ''; position: absolute; left: 0; width: 30px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%237da723' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") center center no-repeat; }

/* 페이지네이션 */
.pagination .prev,.pagination .next,.pagination .db-prev,.pagination .db-next { width: 2.4rem; height: 100%; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E"); }
.pagination .db-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-double-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E"); }
.pagination .next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.pagination .db-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-double-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3Cpath fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.pagination .page-link { border-radius: 0 !important; }
.total_count { text-align: right; font-size: .9rem; margin-bottom: 2rem; }
.total_count_pbl { text-align: right; font-size: .9rem; margin-top: 20px; }
.page-item.active .page-link { border-color: #091951; background: #091951; }
.form-select { border: 1px solid #ced4da; border-radius: 0; }
#paginationList .tui-page-btn {margin: 0 2px; width: 26px; height: 30px; font-size: 14px; font-weight: 300; color: #888; border: none;}
#paginationList .tui-is-selected {background-color: #091951; color: #fff;}
#paginationList .tui-prev, #paginationList .tui-next, #paginationList .tui-first, #paginationList .tui-last {margin: 0; width: 28px !important; height: 30px !important; border: 1px solid #e0e0e0; box-sizing: border-box;}
#paginationList .tui-prev, #paginationList .tui-last {border-left: none;}
#paginationList .tui-page-btn.tui-prev-is-ellip.tui-first-child, #paginationList .tui-page-btn.tui-next-is-ellip.tui-last-child {display:none;}

/* jquery datepicker */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; }
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background: transparent; font-weight: normal; color: #454545; text-align: center; }
.ui-datepicker .ui-datepicker-title { margin: 0 0em; margin-bottom: 6px; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }
.ui-datepicker { display: none; background-color: #fff; border-radius: 10px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 16px; padding-bottom: 10px; width: 300px; box-shadow: 3px 3px 9px 1px rgba(125, 125, 125, 0.25); }
.ui-widget.ui-widget-content { border: 1px solid #eee; font-family: 'Noto Sans KR', sans-serif !important;}
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar>thead>tr>th { padding: 5px; padding-bottom: 10px; font-size: 20px; font-weight: 400; }
.ui-datepicker-calendar>tbody>tr>td>a { color: #333; font-size: 12px !important; font-weight: bold; text-decoration: none; padding-top: 6px; padding-bottom: 6px;}
.ui-datepicker-calendar>tbody>tr>td>span {padding-top: 6px; padding-bottom: 6px;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 4px; font-weight: 100; text-align: center; font-size: 12px; }
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background: transparent; font-weight: normal; color: #2b2b2b; }
.ui-widget-header .ui-icon { background-image: url('../img/icon_btns.png'); }
.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }
.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }
.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }
.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; }
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; }
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #333; color: #fff; border-radius: 4px; padding-top: 8px; padding-bottom: 8px; }
.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }
.inp:focus { outline: none; background-color: #eee; }
.ui-datepicker-trigger {position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; margin-left: 10px; width: 1.2em;}

/* 게시판 검색영역 */
.table_option2 { padding: 20px 0; text-align: left; position: relative; }
.table_option2 .form-select,.selectbox .form-select { font-size: 13px; cursor: pointer; width: 170px; display: inline-block; margin-right: 15px; padding: 0.6rem 0.8rem; background-position: 140px center; background-repeat: no-repeat; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.table_option2 .form-select.short { max-width: 88px; }

/* .table_option_filter { padding: 20px 0; text-align: left; position: relative; } */
/* .table_option .form-select,.selectbox .form-select { font-size: 13px; cursor: pointer; width: 170px; display: inline-block; margin-right: 15px; padding: 0.6rem 0.8rem; background-position: 140px center; background-repeat: no-repeat; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); } */
/* .table_option_filter .form-select.short { max-width: 88px; } */

.verline { display: inline-block; width: 1px; height: 20px; background: #00529b; vertical-align: middle; }
.srch-input-group { position: absolute; display: inline-block; width: 500px; right: 0; }
.srch-input-group input { width: 100%; padding: 0.6rem 0.8rem; border: 1px solid #ced4da; border-radius: 0; font-size: 13px; }
.srch-input-group input:focus, .form-select:focus { border-color: #00529b; }
.srch-input-group button.search { background:#091951 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 60px; height: 100%; position: absolute; right: 0; top: 0; background-position: center center; border-radius: 0; }

/* 지도영역 */
#map { height: 240px; background: #ededed; width: 100%; }
/* 푸터 */
.foot_band { width: 100%; padding: 15px; background: #091951; }
.foot_band .band_con,.foot_wrapper { font-size: .85rem; width: 1200px; margin: 0 auto; }
.foot_band .band_con a { color: #ffffff; padding: 0 10px; border-right: 1px solid #ffffff; opacity: .7; }
.foot_band .band_con a:hover { opacity: 1; }
.foot_band .band_con a:first-child { padding-left: 0; }
.foot_band .band_con a:last-child { border-right: none; }
.foot_wrapper { margin: 40px auto; }
.foot_wrapper img { vertical-align: top; }
.foot_wrapper .address { display: inline-block; vertical-align: middle; margin: 0; margin-left: 20px; }
.foot_wrapper .address span { font-size: .75rem; padding-top: 6px; display: block; opacity: .8; }

.goTop {cursor: pointer; position: absolute; right: 40px; bottom: 40px; font-weight: 400; opacity: .5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E"); width: 40px; height: 40px; border-radius: 100px; background-color:#5b666f; background-position: center center; background-repeat: no-repeat; color: #ffffff; text-align: center; background-size: 40%; display: block;}

/* Mobile menu bar */
#mobileMenu {display: none; position: absolute; z-index: 3; width: 80%; height: calc(100% - 100px); right: 0; top: 100px; overflow-y: auto;background: #ffffff url(../img/sub_menu_bg.jpg) left center; background-repeat: no-repeat; background-size: cover; }
#mobileMenu p{font-size: 1.6rem; padding: 2rem 3rem 0;}
#mobileMenu #main_title { font-size: 2rem; color: #4774b9; margin-left: 40px; margin-top: 20px; margin-right: 30px; }
#mobileMenu .level_01 { margin-bottom: 40px; margin-top: 0;}
#mobileMenu #main_title span { font-size: 1.3rem; color: #ffc112; display: block; }
#mobileMenu .level_01>li { font-size: 1.1rem;  margin-top: 30px;}
#mobileMenu .level_01>li>a { padding: 1rem 3rem;width: 100%;display: inline-block;background: #353959; color: #ffffff; font-weight: 400;}
#mobileMenu .level_02 { margin-top: 20px;}
#mobileMenu .level_02{ margin-left: 3rem; margin-right: 2rem;}
#mobileMenu .level_02>li { font-size: 1rem; font-weight: normal; display: inline-block; margin-right: 1rem; margin-bottom: 1rem;}
#mobileMenu .level_02>li>a{padding: .8rem 1.6rem; border: 1px solid #353959; display: inline-block;}
#mobileMenu .level_02.m_login li.login_btn {width: 100%;}
#mobileMenu .level_02.m_login li.logout_btn {width: 48%; margin-right: 0;}
#mobileMenu .level_02.m_login li.mypage_btn {width: 48%; margin-right: 0; margin-left: 3%;}
#mobileMenu .level_02.m_login li a {width: 100%; text-align: center; background-color: #353959; color: #fff;}
.mask { position: absolute; z-index: 2; width: 100%;height: calc(100% - 100px); right: 0; top: 100px; background-color: #000000; opacity: 0.5; display: none; }
.overflow {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.mobile-bar {z-index: 2;cursor: pointer; position: absolute; right: 20px; top:28px;  width: 3rem; height:3rem; display: none; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");}

/* login */
.login_area {width: 90%; max-width: 470px; margin: 70px auto 100px;}
.login_area input {height: 50px;}
.login_area input::placeholder {color: #888;}
.login_area input:first-of-type {margin-bottom: 12px;}
.login_area button.full {margin-top: 24px;}
.login_area .login_link_group {margin-top: 24px; text-align: center;}
.login_area .login_link_group a {display: inline-block; color: #888; font-size: 1em;}
.login_area .login_link_group a:hover {color: #2993d1;}
.login_area .login_link_group a:not(:last-child) {position: relative; padding-right: 2rem;}
.login_area .login_link_group a:not(:last-child)::after {position: absolute; display: block; content: ""; right: 1rem; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #ccc;}
.login_area .login_btn_group {margin-top: 50px;}
.login_area .login_btn_group button {display: block; width: 100%; padding: 1rem 0; border-radius: 4px; font-size: 1.143em; font-weight: 400;}
.login_area .login_btn_group button.kakao {background: #fee500 url(../img/icon-kakao.png) no-repeat 24px center/20px auto; color: #191919;}
.login_area .login_btn_group button.naver {background: #03c75a url(../img/icon-naver.png) no-repeat 24px center/18px auto; color: #fff; margin-top: 12px;}

/* join */
.step_box {margin-top: 60px; margin-bottom: 30px;}
.step_box .step_line,.step_box .step {width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.step_box .step_line {padding: 0 50px;}
.step_box .step_line span {display: block; width: 33.333333333333333%; height: 1px; background-color: #cddce5;}
.step_box .step_line span.on {background: #43a2d9;}
.step_box .step {margin-top: 26px;}
.step_box .step li {width: 110px; text-align: center; position: relative; color: #909ba2; font-size: 1rem; letter-spacing: -.25px;}
.step_box .step li.on {font-weight: 500; color: #2993d1;}
.step_box .step li::before {display: block; position: absolute; text-align: center; line-height: 36px; color: #2993d1; top: -45px; left: 50%; transform: translateX(-50%); width: 36px; height: 36px; background-color: #d7eaf5; border-radius: 50%; box-sizing: border-box;}
.step_box .step li.on::before {background-color: #2993d1; color: #fff;}
.step_box .step li:nth-child(1)::before{content: "1";}
.step_box .step li:nth-child(2)::before{content: "2";}
.step_box .step li:nth-child(3)::before {content: "3";}
.step_box .step li:nth-child(4)::before {content: "4";}
.step_box .step li.on.done::before {content: "\F633"; font-family: "bootstrap-icons"; font-size: 1.125em;}
.join_wrapper .main_tit {font-size: 1.286em; display: block;}
.join_wrapper .checkbox_group {margin-bottom: 10px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.join_wrapper .checkbox_group>div {margin-bottom: 6px;}
.join_wrapper .checkbox_wrap:last-of-type label {font-size: 1.143em; font-weight: 500;}
.join_wrapper .agree_box {width: 100%; height: 250px; margin-bottom: 30px; padding: 24px 18px; border: 1px solid #ccc; border-radius: 6px; overflow-y: auto;}
.join_wrapper .tit_wrap {margin: 80px 0 30px; text-align: center; letter-spacing: -.5px;}
.join_wrapper .tit_wrap h4 {font-size: 1.714em;}
.join_wrapper .tit_wrap p {font-size: 1.143em; color: #777;}
.join_check_wrap {margin-top: 20px; margin-bottom: 50px; width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.join_check_wrap>a {display: block; width: 48%; padding: 30px 0; text-align: center; border: 1px solid #ccc; border-radius: 6px; transition: all .2s;}
.join_check_wrap>a:hover {border-color: #091951;}
.join_check_wrap>a h5 {font-size: 1.286em; color: #333;}
.join_check_wrap>a p {font-size: 1em; color: #777;}
.join_check_wrap>a span {display: inline-block; padding: .3em 1.2em; font-size: 1em; border-radius: 50px; background: #091951; color: #fff;}
.required::after {margin-left: .2em; display: inline-block; content: '*'; color: #f34747;}
.join_wrapper .form_area {margin-top: 30px; width: 95%; max-width: 700px; margin: 0 auto;}
.join_wrapper .form_area .form_top_desc {text-align: right; color: #777;}
.join_wrapper .form_area .form_detail {padding: 50px 42px; border: 1px solid #ccc; border-radius: 10px;}
.join_wrapper .form_area .form_detail li:not(:last-child) {margin-bottom: 20px;}
.join_wrapper .form_area .form_detail label {font-weight: 500;}
.join_wrapper .form_area .form_detail select {display: block; width: 100%; height: 45px; border: 1px solid #ced4da; border-radius: 4px; color: #777;}
.join_wrapper .form_area .form_detail input {height: 45px; color: #777;}
.join_wrapper .form_area .form_detail .form_line {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.join_wrapper .form_area .form_detail .form_line input {width: 83%;}
.join_wrapper .form_area .form_detail .form_line .btn {width: 15%; height: 45px; box-sizing: border-box; padding: 0; font-size: 0.938em;}
.join_wrapper .form_area .form_detail .form_desc {margin: 0; margin-top: 6px; color: #586275; font-size: 0.929em; letter-spacing: -.5px;}
.join_wrapper .complete_area {padding-bottom: 50px; width: 90%; max-width: 700px; margin: 80px auto 0; text-align: center;}
.join_wrapper .complete_area h4 {position: relative; color: #444; font-size: 2em; padding-top: 150px; font-weight: 500; line-height: 1.4; letter-spacing: -.5px;}
.join_wrapper .complete_area h4::before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; content: ""; width: 126px; height: 126px; background: #e6f4fc url(../img/icon-joinComplete.png) no-repeat center/60px auto; border-radius: 50%;}
.join_wrapper .complete_area h4 strong {color: #2993d1;}
.join_wrapper .complete_area .btn_group .btn {width: 150px; padding: 1rem 0;}

/* mypage */
.mypage_wrapper .table {width: 100%; table-layout: auto;}
.mypage_wrapper .table th {text-align: left; word-break: keep-all;}
.mypage_wrapper .table th, .mypage_wrapper .table td {padding: .8rem 1.6rem; position: relative;}
.mypage_wrapper .table .table_btn {font-size: .875rem; padding: .25rem .75rem; position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%);}
.mypage_wrapper .btn_wrap .btn {border-radius: 4px;}
.mypage_wrapper .sns_wrap {width: 100%; margin-top: 60px; border-top: 2px solid #8d8d8d;}
.mypage_wrapper .sns_wrap li {border-bottom: 1px solid #dee2e6; padding: 1.2rem; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.mypage_wrapper .sns_wrap li .sns_text {padding-left: 54px; position: relative;}
.mypage_wrapper .sns_wrap li .sns_text::before {display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
.mypage_wrapper .sns_wrap li.sns_kakao .sns_text::before {background-color: #fee500; background-image: url(../img/icon-kakao.png); background-size: 18px auto;}
.mypage_wrapper .sns_wrap li.sns_naver .sns_text::before {background-color: #03c75a; background-image: url(../img/icon-naver.png); background-size: 14px auto;}
.mypage_wrapper .sns_wrap li .sns_text p {display: none; margin-bottom: 0; color: #909090;}
.mypage_wrapper .sns_wrap li .sns_text p.connect {color: #333;}
.mypage_wrapper .sns_wrap li .sns_text p.on {display: block;}
.mypage_wrapper .sns_wrap li .sns_btn .btn {display: none; color: #2993d1; border: 1px solid #4aabe3; border-radius: 50px;}
.mypage_wrapper .sns_wrap li .sns_btn .btn.connect {color: #909090; border-color: #cfcfcf;}
.mypage_wrapper .sns_wrap li .sns_btn .btn.on {display: block;}
.mypage_wrapper ul.text_bottom_wrap li {position: relative; margin-left: 10px; padding-left: 1rem; color: #707070;}
.mypage_wrapper ul.text_bottom_wrap li::before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #7da723; }
.mypage_wrapper .text_top_wrap {color: #6f6f6f;}
.mypage_wrapper .mypage_cover_letter {border-top: 1px solid #4a4a4a; margin-bottom: 30px;}
.mypage_wrapper .mypage_cover_letter li {padding: 1.5rem ; border-bottom: 1px solid #dee2e6;}
.mypage_wrapper .mypage_cover_letter li h4 {color: #303c67; font-weight: 500; font-size: 1.1rem; margin-bottom: 16px;}
.mypage_wrapper .mypage_cover_letter li .text_box {width: 95%; margin-bottom: 0; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden;}
.mypage_wrapper .mypage_cover_letter li .text_box.active {width: 100%; overflow: visible; white-space: normal;}
.mypage_wrapper .mypage_cover_letter li .text_toggle_wrap .btn {padding: .1rem .45rem; font-size: 0.875em;}

/* popup */
#popupLayout header {background: #091951; padding: 20px 5%; box-shadow: 0 2px 10px rgba(0,0,0,.3);}
#popupLayout header h1 {color: #fff; font-size: 1.286em;}
#popupLayout .find_area {width: 85%; margin: 0 auto;}
#popupLayout .main_tit {margin-top: 24px; font-size: 1.143em; color: #5f5f5f; letter-spacing: -.5px;}
#popupLayout .nav-tabs {width: 100%; margin: 0 auto; margin-top: 26px; border: none;}
#popupLayout .nav-tabs .nav-item {width: 50%; text-align: center;}
#popupLayout .nav-tabs .nav-link {border-color: #ccc; background-color: #f0f0f0; border-radius: 0; padding: 1rem 0; color: #5f5f5f; font-size: 1.143em; letter-spacing: -.75px;}
#popupLayout .nav-tabs .nav-link.active {border-bottom: none !important; font-weight: 400; background-color: #fff;}
#popupLayout .tab-content {width: 100%; margin: 0 auto; margin-top: 26px;}
#popupLayout .tab-content .main_tit {margin-top: 0; margin-bottom: 24px;}
#popupLayout input {height: 46px;}
#popupLayout input::placeholder {color: #888;}
#popupLayout .tab-content button.full {margin-top: 24px;}
#popupLayout .tab-content input:not(:last-of-type) {margin-bottom: 12px;}
/* form */
#popupLayout .form_table {border-top: none;}
#popupLayout .form_table th {background-color: none;}
#popupLayout .form_table th, #popupLayout .form_table td {padding: 14px;}
#popupLayout .form_table input.form-control, #popupLayout .form_table select.form-select {height: 34px;}
#popupLayout .form_table textarea {resize: none; height: 120px;}
#popupLayout .form_table .btn {height: 34px !important;}
#popupLayout .form_table .input-btn-group {margin-bottom: 0 !important;}
#popupLayout .form_table .form_desc {margin-bottom: 0;}
#popupLayout .mail-group input {display: inline-block; width: 30%;}
#popupLayout .mail-group select {width: 32%;}
#popupLayout .form-upload {padding-left: 0; color: #777; border: none; margin-bottom: 6px;}

/* msg */
#popupLayout .desc_box {border: 1px solid #d4d9dd; padding: .5rem .85em; border-radius: .25em; color: #707070;}
#popupLayout .msg_box {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 85%; font-weight: 400; letter-spacing: -.5px; padding: 18px 24px; border-radius: 4px; background-color: #e1f3fd; color: #236aba;}
#popupLayout .msg_box.fail {color: #d44343; background-color: #ffe6e6;}
/* 학교검색 팝업 */
#popupLayout .srch-group {width: 90%; margin: 0 auto; margin-top: 26px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#popupLayout .srch-group span {width: 13%; letter-spacing: -.75px; font-size: 1.143em; color: #333; font-weight: 400;}
#popupLayout .srch-group input {width: 72%; height: 38px; letter-spacing: -.25px;}
#popupLayout .srch-group input::placeholder {color: #888;}
#popupLayout .srch-group .btn {width: 12%; height: 38px; padding: 0;}
#popupLayout #noneSchool { width: 100%; padding: 180px 0 170px; box-sizing: border-box; font-size: 1.286em; text-align: center; color: #888; font-size: 500; background: url(../img/ico_result.png) no-repeat center 110px/55px; }
#popupLayout .table_area {width: 90%; margin: 0 auto; margin-top: 30px;}
#popupLayout .table_area .table_top_text {text-align: right; margin-bottom: 8px;}
#popupLayout .table_area .table_top_text .result_count {color: #2993d1; font-weight: 500;}
#popupLayout .table_area .table {border-left: none; border-right: none;}
#popupLayout .table_area .table tr:not(:last-child) {border-bottom: 1px solid #dee2e6;}
#popupLayout .table_area .table.list tr {cursor: pointer;}
#popupLayout .table_area .table.list tr:hover td {background-color: #ebf6fd;}
#popupLayout .table_area .table th,#popupLayout .table_area .table td {border: none;}
#popupLayout .table_area .table thead th {white-space: nowrap; text-align: center; border-bottom: none; background-color: #f0f0f0;}
/* 비밀번호 변경 */
#popupLayout .pw-wrap {margin-top: 40px;}
#popupLayout .pw-group {position: relative; margin-bottom: 10px;}
#popupLayout .pw-group label {position: absolute; display: block; left: 1.2rem; top: 50%; transform: translateY(-50%); color: #777;}
#popupLayout .pw-group input {padding-left: 116px;}
/* #popupLayout .btn_group {margin-top: 30px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} */
/* 인증 */
#popupLayout .input-btn-wrap {margin-top: 20px;}
#popupLayout .input-btn-group {margin-bottom: 10px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#popupLayout .input-btn-group input {width: 78%;}
#popupLayout .input-btn-group .btn {width: 20%; padding: 0; height: 46px; background-color: #333; color: #fff; border-radius: 4px;}

.notice_contents { margin: 20px auto; width: 100% }

footer {background-color: #f5f5f5;}
footer .main-container.footer {max-width: 1200px; padding-left: 0; padding-right: 0;}
footer .footer-family .btn {padding: .5rem .75rem; border-radius: 4px;}