@font-face{font-family:'Pretendard Variable';font-weight:45 920;font-style:normal;font-display:swap;src:url('/font/PretendardVariable.woff2') format('woff2-variations')}
body,th,td,input,select,textarea,button{font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}

*{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}
article, aside, details, pigcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.blind,legend,caption{display:block;overflow:hidden;position:absolute;top:0;left:-1000em}
hr{display:none}
dl, ol, ul, menu, li{list-style:none}
a{text-decoration:none; color:#333;transition:all 0.3s ease;line-height:1.1}
a:hover,a:focus{text-decoration:none !important}
button{transition:all 0.3s ease;line-height:1.1}
table{border-collapse:collapse; border-spacing:0}
lable{cursor:pointer}
i,em,address{font-style:normal;font-weight:normal}
input, button, textarea{vertical-align:middle;outline:none;-webkit-border-radius:0; /* 모서리 스타일 제거 */ -webkit-appearance:none; /* 인풋내 그림자 제거 */ }
select{vertical-align:middle;outline:none;border-radius:0;-webkit-border-radius:0}
html, body{width:100%;height:auto;padding:0;margin:0;font-weight:normal;color:#333}

h1, h2, h3, h4, h5, h6{color:#333}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#333}
h2{font-size:24px}
h3{font-size:18px}

input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer}

#dvLoading{background:rgba(0,0,0,0) url(/images/loader.gif) no-repeat center center;height:100px;width:100px;position:fixed;z-index:9000;left:50%;top:50vh;margin:-25px 0 0 -25px;display:none;opacity:2.0}

.headerIn{width:90%;max-width:1400px;display:flex;align-items:center;justify-content:space-between;gap:40px;height:60px;margin:0 auto;position:relative}
.header h1,.menuAllTitle h1{margin:0}
.header .nav{display:none}
/**이름영역 - 외국 이름일때 너무 길어지면 말줄임표시**/
.header .name{display:inline-block;font-size:14px;color:#333;vertical-align:middle;max-width:100px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.header .btnAdmin{display:none;background:transparent url(/images/ico_admin_view@2x.png) right 50% no-repeat;background-size:12px auto;font-size:14px;color:#333;padding:0 15px 0 0;margin:0 0 0 10px}
.header .btnMemo{background:transparent;font-size:15px;color:#333;margin:0 0 0 10px}
.header .btnLogout{background:transparent;font-size:15px;color:#333;margin:0 0 0 10px}
.header .btnLang{vertical-align:middle}
.header .btnLang button{display:inline-block;width:30px;height:30px;background:url(/images/ico_lang_g.svg) 50% 50% no-repeat;background-size:24px auto;font-size:14px;color:#333;text-indent:-9999px;padding:0 0 0 25px}
.header .btnLang button:after{display:none}
.header .btnLang.show{display:inline-block !important}
.header .btnAllM{width:30px;height:30px;background:url(/images/ico_m_list@2x.png) 50% 50% no-repeat;background-size:19px auto}
.header .btnR{display:flex;gap:5px;align-items:center}
.header .mobileNone{display:none;text-align:right}
.header .btnR .dropdown{display:inline-block}
.header .btnR .btn-secondary.focus, 
.header .btnR .btn-secondary:focus{box-shadow:none}
.header .btnR .btn-secondary.dropdown-toggle:focus{box-shadow:none}
.header .btnR .dropdown-menu{min-width:150px;left:-20px !important;box-shadow:4px 4px 4px rgba(0,0,0,0.2);border:none;border-radius:10px;padding:10px 0}
.header .btnR .dropdown-item{display:block;font-size:15px;color:#000;padding:3px 15px}
.header .btnR .dropdown-item:hover{color:#007FDB;text-decoration:none}
.header .topNameWrap{display:inline-block;vertical-align:middle;word-spacing:2px;line-height:1.1;font-size:12px;position:relative;margin:0 0 0 10px}
.header .nameInfo{display:inline-block;cursor:pointer}
.header .nameInfo:after{display:inline-block;content:"";width:8px;height:8px;background:url(/images/ico_arrow_sel_g.png) 0 0 no-repeat;vertical-align:middle}
.header .btnNoti{width:30px;height:30px;background:url(/images/nav/ico_alarm.svg) 50% 50% no-repeat;background-size:24px auto;position:relative;cursor:pointer}
.header .btnNoti .num{display:inline-block;height:16px;line-height:16px;background:#ff5757;border-radius:16px;color:#fff;font-size:11px;padding:0 5px;position:absolute;top:0;right:0}
.header .hasSubWrap{position:relative;display:flex}
.header .hasSub{display:none}
.header .subItem{display:block}

@media(min-width:1260px){
.header .hasSub{display:block}
.header .subItem{display:none;width:230px;background:#fff;border:solid 1px #e5e5e5;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,0.1);position:absolute;top:30px;left:0;z-index:1;padding:20px}
.header .subItem button{max-width:100% !important;font-size:14px !important;width:100% !important;margin:6px 0}
.header .subItem button:hover{color:#007FDB}
}

.header .topInfoLayer{display:none;position:absolute;top:30px;left:0;width:180px;background:#fff;border:solid 1px #ebebeb;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.12);text-align:left;padding:0;z-index:2000}
.header .topInfoLayerIn{padding:20px}
.header .topInfoLayer .name{color:#111;font-size:16px;font-weight:500}
.header .topInfoLayer .topInfoBtn{margin:10px 0 0 0}
.header .topInfoLayer .btnLogout{width:100%;height:30px;line-height:30px;background:#f2f3f6;color:#666;border-radius:4px;font-size:14px;font-weight:600;padding:0 5px;margin:0;cursor:pointer}
.header .topInfoLayer .btnMy{width:100%;height:30px;line-height:30px;background:#338cd2;color:#fff;border-radius:4px;font-size:14px;font-weight:600;padding:0 5px;margin:0 0 8px 0;cursor:pointer}
.header .topInfoLayer .btnInstead{width:100%;height:30px;line-height:30px;background:#338cd2;color:#fff;border-radius:4px;font-size:14px;font-weight:600;padding:0 5px;margin:0 0 8px 0;cursor:pointer}
.header .topInfoLayer .btnInstead:before{display: inline-block;content: "";width: 17px;height: 17px;background: url(/images/ico_navTop_community.png) 0 0 no-repeat;background-size: 15px auto;vertical-align: middle;margin: 0 5px 2px 0}

.loginLogo{height:90px;background:url(/images/logo.svg) center 0 no-repeat;background-size:auto 70px;font-size:24px;font-weight:800}

.siteLogo{display:flex;align-items:center;font-size:24px;font-weight:700}
.siteLogo:before{width:30px;height:30px;margin-right:6px;content:'';display:inline-block;background:url(/images/logo.svg) 0 0 no-repeat;background-size:contain}
.admLogo{display:flex;align-items:center}
.admLogo .siteLogo:before{background-image:url(/images/logo_w.svg)}
.headerAdm .siteLogo{color:#fff}
.admLogo .admin{display:inline-block;font-size:12px;color:#ccc;height:24px;line-height:24px;margin-left:6px;font-weight:500;background:rgba(0,0,0,0.2);border-radius:26px;padding:0 10px}
.menuAllAdm .admin{background:#000}

@media(min-width:1260px){
.headerIn{height:70px}
.header .nav{display:flex;gap:40px;align-items:center;flex:1}
.header .nav:before{display:none}
.header .nav:after{display:none}
.header .nav button{max-width:155px;line-height:1.1;background:transparent;font-size:17px;color:#333;font-weight:600;text-align:left}
.header .nav button.on{color:#007FDB}
.header .btnAdmin{display:inline-block}
.header .btnLogout{width:auto;text-indent:0}
.header .btnLang{text-indent:0}
.header .btnLang button{width:auto;height:36px;background-color:#F5F5F5;background-position:14px 50%;background-size:20px auto;border-radius:36px;font-weight:500;padding:0 16px 0 38px}
.header .btnR{gap:10px}
.header .mobileNone{display:inline-block}
.header .btnR .dropdown .btn-secondary{text-indent:0}
.header .btnR .dropdown-menu{left:inherit !important}
.header .btnAllM{display:none}
}

.menuAllDiv{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999}
.menuAllTitle{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px}
.menuAllTitle .btnClose{width:30px;height:30px;background:url(/images/ico_title_sh_x@2x.png) 50% 50% no-repeat;background-size:18px auto;cursor:pointer}
.menuAllCon .info{display:flex;align-items:center;justify-content:flex-end;gap:5px;height:60px;border-bottom:solid 1px #eee;font-size:16px;padding:0 20px}
.menuAllCon .botInfoBtn{display:flex;align-items:center;justify-content:flex-start;flex-wrap: wrap;gap:5px;font-size:16px;padding:0 20px}
.menuAllCon .info .name{font-weight:500;margin-right:auto}
.menuAllCon .btnInstead{height:30px;background:#338cd2;color:#fff;font-size:13px;font-weight:500;border-radius:8px;padding:0 15px}
.menuAllCon .btnLogout{height:30px;background:#F6F6F6;color:#000;font-size:13px;font-weight:500;border-radius:8px;padding:0 15px}
.menuAllCon .btnAdmin{display:block;background:transparent url(/images/ico_admin_view@2x.png) right 50% no-repeat;background-size:12px auto;font-size:15px;color:#333;padding:0 15px 0 0;margin:0 10px 0 0}
.menuAllCon .nav{padding:15px 20px}
.menuAllCon .nav button{width:100%;min-height:24px;background-color:transparent;background-position:0 50%;background-repeat:no-repeat;background-size:24px auto;text-align:left;font-size:16px;font-weight:500;line-height:1.1;padding:2px 0 0 35px;margin:15px 0}
.menuAllCon .nav button.btnNotice{background-image:url(/images/ico_main_notice@2x.png)}
.menuAllCon .nav button.btnFragrance{background-image:url(/images/ico_main_frag@2x.png)}
.menuAllCon .nav button.btnNews{background-image:url(/images/ico_main_news@2x.png)}
.menuAllCon .nav button.btnQna{background-image:url(/images/ico_main_info@2x.png)}
.menuAllCon .nav button.btnMemo{background-image:url(/images/ico_main_pwp@2x.png)}
.menuAllCon .nav button.btnAdmin{background-image:url(/images/ico_main_fst@2x.png)}
.menuAllCon .nav button.btnAdmin:after{display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_admin_view@2x.png) 0 0 no-repeat;background-size:12px auto;margin:0 0 0 5px}
.menuAllCon .nav .adminBtn{border-top:1px solid #eee;margin-top:10px;padding-top:10px}
.menuAllCon .nav .adminBtn button{background-image:url(/images/ico_main_admin.png)}

.menuAllAdm{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999}
.menuAllAdmTitle{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px}
.menuAllAdmTitle h1{font-size:18px;color:#fff;margin:0;display:flex;align-items:center;gap:10px}
.menuAllAdmTitle .btnClose{width:30px;height:30px;background:url(/images/ico_title_sh_x@2x.png) 50% 50% no-repeat;background-size:18px auto;cursor:pointer}
.menuAllAdmCon .info{display:flex;align-items:center;justify-content:space-between;height:60px;border-bottom:solid 1px #eee;font-size:16px;padding:0 20px}
.menuAllAdmCon .info .name{font-weight:500}
.menuAllAdmCon .btnLogout{height:30px;background:#F6F6F6;color:#000;font-size:13px;font-weight:500;border-radius:8px;padding:0 15px}
.menuAllAdmCon .navM{padding:15px 0}
.menuAllAdmCon .navM button{width:100%;min-height:24px;background-color:transparent;background-position:0 50%;background-repeat:no-repeat;background-size:24px auto;text-align:left;font-size:16px;font-weight:500;line-height:1.1;color:#000;padding:0 20px;margin:10px 0;cursor:pointer}
.menuAllAdmCon .navM .line{height:1px;background:#eee;margin:15px 0}

.headerAdm{background:#181B1E}
.headerAdm .in{display:flex;align-items:center;justify-content:space-between;height:60px;position:relative;padding:0 15px}
.headerTop .langBox{display:inline-block;margin:0 0 0 10px;cursor:pointer}
.headerTop .langSelect{display:inline-block;width:22px;height:22px;background:url(/images/ico_lang_w.svg) 0 center no-repeat;background-size:22px auto;text-indent:-9999px;color:#333;-webkit-appearance:none;padding:0 0 0 25px;position:relative}
.headerTop .info{position:relative;cursor:pointer}
.headerTop .info:hover .btnLogout{display:block}
.headerTop .btnLogout{width:max-content;background:#fff;font-size:13px;padding:15px 20px;border-radius:5px;box-shadow:0 0 5px rgba(0 0 0 / 10%);position:absolute;display:none}
.headerTop .btnAllAdmin{display:inline-block;width:30px;height:30px;background:url(/images/ico_m_list_w@2x.png) 50% 50% no-repeat;background-size:17px auto;cursor:pointer}
.headerTop .mobileNone{display:none}
.headerTop .in .control{padding:0 15px 0 0 }

#sidebar{width:60px;background-color:#181B1E;position:fixed;top:60px;bottom:0;overflow:hidden;display:none;transition:all .2s ease;z-index:9999}
#sidebar:hover, .sideNav, .adminMain #sidebar{width:280px}
.tabs-header{display:none}
.tabs-wrap{top:-6px}
.tabs{border-bottom:none!important}
.tabs li a.tabs-inner{background:#E6EDF2;min-width:auto;height:39px!important;padding:7px 20px;border:none!important}
.tabs li.tabs-selected a.tabs-inner{color:#222!important;height:40px!important;border:none!important}
.tabs-scroller-left{background-color:transparent;border:none}
.tabs-scroller-right{background-color:transparent;border:none}
.tabs-scroller-over.tabs-scroller-left{background:#fff url('../images/ico_tab_left.png') no-repeat 50% 50%}
.tabs-scroller-over.tabs-scroller-right{background:#fff url('../images/ico_tab_right.png') no-repeat 50% 50%}

.sideNav a{height:50px;padding-left:60px;font-size:17px;font-weight:600;color:#fff;background-size:20px;background-position:20px;background-repeat:no-repeat;display:flex;align-items:center;opacity:.3;cursor:pointer}
.sideNav a.on{opacity:1;background-color:#000}
.sideNav a:hover{background-color:#000}
.nav_main{background-image:url(/images/nav/ico_main.svg)}
.nav_club{background-image:url(/images/nav/ico_club.svg)}
.nav_member{background-image:url(/images/nav/ico_member.svg)}
.nav_activity{background-image:url(/images/nav/ico_activity.svg)}
.nav_survey{background-image:url(/images/nav/ico_student.svg)}
.nav_baptism{background-image:url(/images/nav/ico_fruit.svg)}
.nav_qna{background-image:url(/images/nav/ico_counsel.svg)}
.nav_dataroom{background-image:url(/images/nav/ico_news.svg)}
.nav_college{background-image:url(/images/nav/ico_news.svg)}
.nav_notice{background-image:url(/images/nav/ico_notice.svg)}
.nav_fragrance{background-image:url(/images/nav/ico_fragrance.svg)}
.nav_statistc{background-image:url(/images/nav/ico_chart.svg)}
.nav_map{background-image:url(/images/nav/ico_map.svg)}
.nav_account{background-image:url(/images/nav/ico_accounting.svg)}

@media(min-width:700px){
.headerAdm{background-color:#F0F4F7;position:absolute;left:0;right:0}
.headerAdm .in{padding:0}
.headerTop .admLogo{width:280px;height:60px;padding:17px 20px;background:#181B1E;border-bottom:1px solid rgba(255,255,255,0.1)}
/* .headerTop .control{margin-right:20px} */
.headerTop .langBox{margin-left:15px}
.headerTop .langSelect{width:auto;text-indent:0;background-image:url(/images/ico_lang_g.svg);background-size:16px;padding-left:20px;padding-right:20px;border-radius:10px;cursor:pointer}
.headerTop .btnAllAdmin{display:none}
.headerTop .mobileNone{display:inline-block}
#sidebar{display:block}
.tabs-header{width:calc(100% - 530px)!important;height:60px;left:300px;padding-top:22px;background:none;display:block}
.tabs-panels{margin-left:60px}
.adminMain .tabs-panels{margin-left:275px}
}

.btnTop{position:fixed;right:15px;bottom:15px;width:40px;height:34px;background:#fff url(/images/btn_top@2x.png) 50% 50% no-repeat;background-size:16px auto;border:solid 1px #999;text-indent:-9999px;z-index:3000}

.mView{display:block}

@media(min-width:700px){
.mView{display:none}
}

.inputChk{display: none}
.inputChk + label{display: inline-block;font-weight: 500;margin: 0 15px 0 0;cursor: pointer}
.inputChk + label:before{display: inline-block;content: "";width: 16px;height: 16px;border: solid 1px #CDD0D2;border-radius: 2px;vertical-align: middle;margin: 0 5px 2px 0}