/*회원가입*/
.clause{padding:15px; border:1px solid #ccc; background:#f9f9f9;}
.clause_box{height: 450px; overflow: hidden; overflow-y:scroll;}
.clause_box h3{font-size:15px; color:#333; letter-spacing: -1px;}
.clause_box p{font-size:13px; color:#555; letter-spacing: -1px;}
.clause_box ul li:FIRST-CHILD{margin-top:0;}
.clause_box ul li{line-height:150%; margin-top:5px; font-size:13px; color:#555; letter-spacing: -1px;}

/* Login Style */
.login_wrap{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:auto;}
.login_wrap .bx_login {width: auto; height: 480px; padding: 20px; background: #FFF; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; border-radius: 10px; overflow: hidden; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.login_wrap .bx_login .login-BG{width: 280px; height: 100%; margin-right: 20px; border-radius: 5px; background: #F2F3F7 url("/images/newLogin/login/login-BG.png") no-repeat 100% 73%; background-size: 95%;}
.login_wrap .bx_login .login-BG .login-logo-wrap {padding: 20px; height: 64px;}
.login_wrap .bx_login .login-BG .login-logo-wrap img {width: auto; height: 100%; object-fit: contain;}
.login_wrap .bx_login .login {width: 360px; height: 100%; box-sizing: border-box; padding: 20px; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center;}
.login_wrap .bx_login .login form {width: 100%;}
.login_wrap .bx_login .login .login-title-wrap {width: 100%; padding-bottom: 60px;}
.login_wrap .bx_login .login .login-title-wrap h1 {padding-bottom: 8px; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start;}
.login_wrap .bx_login .login .login-title-wrap h1 span {font-size: 24px; font-weight: 700; color: #414141; white-space: nowrap;}
.login_wrap .bx_login .login .login-title-wrap p {display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; padding-bottom: 50px;}
.login_wrap .bx_login .login .login-title-wrap p span {font-size: 15px; font-weight: 400; color: #707070; white-space: nowrap;}
.login_wrap .bx_login .login .btn_login {padding: 36px 0px 12px 0px; width: 100%; height: 96px; display: flex; justify-content: center; align-items: center;}
.login_wrap .bx_login .login .btn_login input{width: 100%; height: 48px; border-radius: 10px; font-size:16px; font-weight: 700; color:#fff; padding-bottom: 2px; background: #955BCF; cursor: pointer; transition: all 0.2s ease-in-out;}
.login_wrap .bx_login .login .btn_login input:hover,
.login_wrap .bx_login .login .btn_login input:focus {box-shadow: 0px 4px 10px rgba(107, 71, 147, 0.3);}
.login_wrap .bx_login .login .btn_find {padding-top: 18px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
.login_wrap .bx_login .login .btn_find a {font-size: 13px;}
.login_wrap .bx_login .login .btn_find .v-line {width: 1px; height: 10px; background: #BEBEBE; margin: 0 8px;}
.login_wrap .bx_login .login .inp_area{min-width: 100%; height: 48px; border-radius: 5px; border: 1px solid #BEBEBE; overflow: hidden; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; transition: all 0.2s ease-in-out;}
.login_wrap .bx_login .login .inp_area .login-icon-wrap {width: 40px; height: 40px; padding: 8px; margin-left: 4px; display: flex; justify-content: center; align-items: center;}
.login_wrap .bx_login .login .inp_area .login-icon-wrap img {width: 100%; height: 100%; object-fit: contain;}
.login_wrap .bx_login .login .inp_area input{width: 100%; height: 48px; padding: 8px; border: none; outline: none; font-size: 15px;}
.login_wrap .bx_login .login .inp_area.focus {border-color: #955BCF; box-shadow: 0px 0px 2px 2px rgba(158, 114, 209, 0.3);}
.login_wrap .bx_login .login .bx_caps_lock{font-size:14px; position:absolute; left:10%; bottom:-25px;}
.login_wrap .bx_login .login .bx_caps_lock .label {text-align:center; width:235px; background-color:#fff; padding:16px 0 10px; border:1px solid #000;}
.login_wrap .bx_login .login .bx_caps_lock .label:before {content:""; position: absolute; top: -9px; left: 16px; border-width:0 10px 10px; border-style: solid; border-color: #fff transparent; z-index: 100;}
.login_wrap .bx_login .login .bx_caps_lock .label:after {content:""; position: absolute; top: -10px; left: 16px; border-width:0 10px 10px; border-style: solid; border-color: #000 transparent;}
.login_wrap .bx_login .login .ko_en{margin-bottom:35px; text-align: center;}
.login_wrap .bx_login .login .ko_en select{padding:4px;}

/* 공통 input style */
.common-input-wrap {width: 100%; background: #fff; height: 100%; padding: 15px; margin-bottom: 5px;}
.common-input-wrap > div {margin-bottom: 15px;text-align: left;}
.common-input-wrap > div input {width: 100%; border-radius: 5px; border: 1px solid #BEBEBE; background: #F5F5F5; padding: 7px; font-size: 15px;}
.common-input-wrap > div input.input-red{border: 1px solid #dd0000; background: #fff2f2;}
.common-input-wrap > div input[readonly=readonly] {border: none; background: #FFF;}
.common-input-wrap > div textarea {height: 300px; outline: none; border: 1px solid #BEBEBE; background: #F5F5F5; padding: 7px; width: 100%; resize: none; font-size: 15px; border-radius:5px;}
.common-input-wrap > div input::placeholder,
.common-input-wrap > div textarea::placeholder {color: #707070; font-size: 15px; font-weight: 400;}
.common-input-wrap .input-title {padding-bottom: 3px;}
.common-input-wrap .input-title p {font-size: 16px; color: #414141; font-weight: 500;}
.common-input-wrap .input-box {width: 100%; border-radius: 5px; border: 1px solid #BEBEBE; background: #F5F5F5; padding: 8px;}
.common-input-wrap .input-box P {font-size: 15px; font-weight: 400;}
.common-input-wrap .input-button-wrap {display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.common-input-wrap .input-button-wrap #KOR_NM {margin-bottom: 10px;}
.common-input-wrap .input-button-wrap > p {display: inline-block; font-size: 14px; font-weight: 400; margin: 0 10px; padding: 0;}
.common-input-wrap .input-button-wrap .input-button {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%; height: 36px; background:#DDD; border:1px solid #BEBEBE; box-sizing: border-box; border-radius: 5px; overflow: hidden;}
.common-input-wrap .input-button-wrap .input-button input {display: inline-block; width: calc(100% - 36px); height: 100%; outline: none; border: none; border-radius: 0px; border-right: 1px solid #BEBEBE;}
.common-input-wrap .input-button-wrap .input-button button {display: block; width: 36px; height: 36px; outline: none; border: none; background: #DDD; box-sizing: border-box; padding: 6px; cursor: pointer;}
.common-input-wrap .input-button-wrap .input-button button img {width: 100%; height: 100%; object-fit: contain;}
.common-input-wrap .input-button-wrap.schedule-time-picker .input-button > div {background: #f5f5f5; border-right: 1px solid #BEBEBE; width: calc(100% - 38px);}
.common-input-wrap .input-button-wrap.schedule-time-picker .input-button input {width: calc(100% + 40px); background: transparent;}
.common-input-wrap .allday_wrap label[for="vote_check"] {display: flex; align-items:center; padding: 10px 12px; margin-top: 8px; background: #EEEEEE; border-radius: 10px; width: fit-content; cursor: pointer;}
.common-input-wrap .allday_wrap label[for="vote_check"] #vote_check {width: 18px; height: 18px; border:1px solid #13B1E8; border-radius: 4px; margin-right: 6px; cursor: pointer;}
.common-input-wrap .allday_wrap label[for="vote_check"] p {font-size: 15px; font-weight: 500; padding-right: 4px; padding-bottom: 0px; }
.common-input-wrap .allday_wrap label[for="allday"] {display: flex; align-items:center; padding: 10px 12px; margin-top: 8px; background: #EEEEEE; border-radius: 10px; width: fit-content; cursor: pointer;}
.common-input-wrap .allday_wrap label[for="allday"] #allday {width: 18px; height: 18px; border:1px solid #13B1E8; border-radius: 4px; margin-right: 6px; cursor: pointer;}
.common-input-wrap .allday_wrap label[for="allday"] p {font-size: 15px; font-weight: 500; padding-right: 4px; padding-bottom: 0px; }
.common-input-wrap .input-info-wrap .input-box span {font-size: 15px; font-weight: 400;}
.common-input-wrap .checkbox-wrap {display: flex; align-items: flex-start; margin-top: 8px; border-radius: 10px; cursor: pointer;}
.common-input-wrap .checkbox-wrap .input-title {padding-bottom: 0; font-size: 15px; width: calc(100% - 24px); cursor: pointer;}
.common-input-wrap > div.checkbox-wrap input {width: 18px; height: 18px; border: 1px solid #13B1E8; border-radius: 4px; margin-right: 6px; cursor: pointer; margin-top: 2px;}
.vote_d{display: none;}

.select-box-wrap .nice-select .option:hover,
.select-box-wrap .nice-select .option.focus,
.select-box-wrap .nice-select .option.selected.focus {background-color: #eee;}
.select-box-wrap { margin-top: 8px; display: flex; width: 100%;}
.select-box-wrap .nice-select {width: 125px; padding: 10px 0; border: 1px solid #BEBEBE; box-sizing: border-box; border-radius: 10px;}
.select-box-wrap .nice-select span.color_view{display: inline-block; width: 18px; height: 18px; margin-left: 12px; margin-right: 6px; border-radius: 4px;}
.select-box-wrap .nice-select > span {vertical-align: middle;}
.select-box-wrap .nice-select .option {padding-left: 36px;}
.select-box-wrap .list {margin-top: 2px; border-radius: 10px;}
/* .select-box-wrap .list li:nth-child(1) {position: relative;} */
/* .select-box-wrap .list li:nth-child(1)::before {position: absolute; background: #ECF5FF; width: 18px; height: 18px; border-radius: 4px; display: block; content: ''; top: calc(50% - 9px); left: 12px;} */
.select-box-wrap .list li:nth-child(1) {position: relative;}
.select-box-wrap .list li:nth-child(1)::before {position: absolute; background: #c6e1ff; width: 18px; height: 18px; border-radius: 4px; display: block; content: ''; top: calc(50% - 9px); left: 12px;}
.select-box-wrap .list li:nth-child(2) {position: relative;}
.select-box-wrap .list li:nth-child(2)::before {position: absolute; background: #f7bfc0; width: 18px; height: 18px; border-radius: 4px; display: block; content: ''; top: calc(50% - 9px); left: 12px;}
.select-box-wrap .list li:nth-child(3) {position: relative;}
.select-box-wrap .list li:nth-child(3)::before {position: absolute; background: #ddc5ff; width: 18px; height: 18px; border-radius: 4px; display: block; content: ''; top: calc(50% - 9px); left: 12px;}
.select-box-wrap .list li:nth-child(4) {position: relative;}
.select-box-wrap .list li:nth-child(4)::before {position: absolute; background: #c7e4df; width: 18px; height: 18px; border-radius: 4px; display: block; content: ''; top: calc(50% - 9px); left: 12px;}

.common-input-wrap.mypage-input-wrap .input-button-wrap .input-button {height: 40px;}
.common-input-wrap.mypage-input-wrap .input-button-wrap .input-button input {width: calc(100% - 80px);}
.common-input-wrap.mypage-input-wrap .input-button-wrap .input-button button {width: 80px; font-size: 14px;}
.common-input-wrap .input-title p.input-red {color: #D94E4E;}
.common-input-wrap .input-title p.input-red::before {content: '*'; color: #D94E4E; padding-right: 4px;}

/* 마이페이지 */
.mypage-info {padding: 18px 16px; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.mypage-info .mypage-left {margin-right: 15px;}
.mypage-info .mypage-left .mypage-img-wrap {width: 100px; height: 130px;}
.mypage-info .mypage-left .mypage-img-wrap > img {width:100%; height: 100%; object-fit: cover; border-radius: 5px; box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.mypage-info .mypage-right {width: calc(100% - 115px); display: flex; flex-direction: column; justify-content: space-between;}
.mypage-info .mypage-right .mypage-name {display: flex; font-size: 17px; margin-bottom: 8px; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.mypage-info .mypage-right .mypage-name p:nth-child(1) {font-weight: 600; color: #0D3F7A; padding-right: 4px; word-break: keep-all;}
.mypage-info .mypage-right .mypage-name p:nth-child(2) {font-weight: 600; color: #414141; font-size: 20px;}
.mypage-info .mypage-right .mypage-phone {font-size:18px; color:#414141; padding-right: 10px;}

.mypage-info .mypage-right .mypage-bottom{/*display: inline-block;*/width: 100%;}
.mypage-info .mypage-right .mypage-bottom > div{display: flex; flex-flow: row wrap; justify-content: flex-start; background: #ECF5FF; border-radius: 50px; padding: 3px;}
.mypage-info .mypage-right .mypage-bottom-title {padding-right: 10px;font-size: 15px; font-weight: 500;}
.mypage-info .mypage-right .mypage-bottom-title i{
	width: 25px; height: 25px; text-align: center; color: #0D3F7A; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #fff;
}


/* 프로필 수정 */
.mypage-change-wrap {margin: 100px 0;}
.mypage-change-wrap .mypage-info-wrap {background: #fff; padding-bottom: 18px; margin-bottom: 18px;}
.mypage-change-wrap .mypage-info-wrap .mypage-info {padding: 0; margin: 0 16px; padding: 18px 0; border-bottom: 1px solid #BEBEBE;}
.mypage-input-wrap.common-input-wrap {height: auto;}
.mypage-input-wrap #comPhotoList #div0 {position: relative;}
.mypage-input-wrap #comPhotoList #div0::before {display: block; position: absolute; content:''; background: url("/images/mypage-camera.svg"); background-size: contain; bottom: 0; right: 0; 
	width: 20px; height: 20px; cursor: pointer;}
.mypage-input-wrap #comPhotoList #div0 .change-img-wrap {width: 100px; height: 130px;}
.mypage-input-wrap #comPhotoList #div0 .change-img-wrap > img {width: 100%; height: 100%; object-fit: cover;}
.mypage-input-wrap #comPhotoList label {overflow: hidden;}
.mypage-input-wrap #comPhotoList label img {border: 1px solid #ddd; border-radius: 10px;}
.mypage-input-wrap .filebox {display: flex;}
.mypage-input-wrap .filebox input {border-radius: 5px 0 0 5px;}
.mypage-input-wrap .filebox .upload-name {display: inline-block; vertical-align: middle; border: 1px solid #BEBEBE; width: calc( 100% - 80px);}
.mypage-input-wrap .filebox label {display: inline-block; width: 80px; border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; border-radius: 0 5px 5px 0; vertical-align: middle; cursor: pointer; height: 40px; background: #DDD; line-height: 40px; text-align: center; font-size: 14px;}
.mypage-input-wrap .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.mypage-input-wrap > div:nth-child(1) {float: left; padding-right: 14px;}
.mypage-input-wrap > div.input-photo-wrap .input-title{display: none;}
.mypage-input-wrap > div:nth-child(2) {display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 0;}
.mypage-input-wrap > div:nth-child(3) {clear: both;}
.mypage-input-wrap > div:nth-child(2) > div:first-child{margin-bottom: 5px;}
.mypage-select-box {display: flex; width: 100%;}
.mypage-select-box select {
	width: 100%; padding: 7px 5px; border: 1px solid #BEBEBE; box-sizing: border-box; border-radius: 5px; background: #f5f5f5 url(/images/icon/select-bottom-arrow.svg) no-repeat center;
	font-size: 15px; background-position: calc(100% - 8px); background-size: 10px; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;
}
.mypage-select-box select:active,
.mypage-select-box select.open,
.mypage-select-box select:focus {outline-color: #BEBEBE;}
/* .mypage-select-box .nice-select:active,
.mypage-select-box .nice-select.open,
.mypage-select-box .nice-select:focus {border-color: #BEBEBE;}
.mypage-select-box .nice-select .list {width: 100%; border-radius: 0 0 10px 10px; margin-top: 2px;}
.mypage-select-box .nice-select > span {vertical-align: middle;} */

#DUTY_DCD,#DUTY_DCD2,#DUTY_DCD3, #CLSEQ_DCD,
#CLSEQ_DUTY_DCD, #DYNM_FIELD_3 {width: 100%; border-radius: 5px; padding: 7px; font-size: 15px; border: 1px solid #BEBEBE;}

.freeform_tbl_div.button_form #DUTY_DCD,
.freeform_tbl_div.button_form #DUTY_DCD2,
.freeform_tbl_div.button_form #DUTY_DCD3,
.freeform_tbl_div.button_form #CLSEQ_DCD,
.freeform_tbl_div.button_form #CLSEQ_DUTY_DCD,
.freeform_tbl_div.button_form #DYNM_FIELD_3 {padding: 3px 6px; border: 1px solid #ccc;}

/* 메인페이지 */
.main-banner {background: #0D3F7A url(/images/ex_main_bg.png) no-repeat right bottom; background-size: 150px; width: 100%; height: 280px; position: relative;}
.main-banner .main-title-wrap {padding-top: 80px;}
.main-banner .main-title-wrap h3 {color: #FFF; font-size: 20px; font-weight: 500;}
.main-banner .main-title-wrap h3 > br {display: none;}
.main-banner .main-title-wrap h1 {color: #FFF; font-size: 28px; font-weight: 700;}

.main-banner .main-contents-btn-wrap {display: flex; justify-content: flex-start; align-items: center; height: auto; padding-top: 20px;}
.main-banner .main-contents-btn-wrap a {padding: 6px 14px; border-radius: 30px; border: 1px solid #FFF; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.main-banner .main-contents-btn-wrap a p {color: #FFF; font-size: 16px; font-weight: 500;}
.main-banner .main-contents-btn-wrap a img {display: block; width: 6px; height: auto; margin-left: 20px;}

.main-contents {margin-top: 30px; height: auto; padding-bottom: 80px;}
.main-contents .main-contents-wrap {border-radius: 10px; background-color: #FFF; height: auto; min-height: 120px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); margin-bottom: 14px;}
.main-contents .main-contents-wrap:last-of-type{margin-bottom: 0;}
.main-contents .main-contents-wrap > p,
.main-contents .main-notice-wrap > p {font-size: 15px; font-weight: 500; width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}

.main-notice-wrap {width: 100%; height: auto; box-sizing: border-box; padding: 10px;}
.main-notice-wrap .notice-article-wrap {display: block; box-sizing: border-box; padding: 5px; margin-bottom: 5px; border-radius: 5px;}
.main-notice-wrap .notice-article-wrap:active {background: #f5f5f5;}
.main-notice-wrap .notice-article-wrap:last-child {margin-bottom: 0; width:auto; height: auto;}
.main-notice-wrap .notice-article-wrap .notice-title p {font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom :4px;}
.main-notice-wrap .notice-article-wrap .notice-title p .notice-title-head {color: #0D3F7A; padding-right: 4px;}
.main-notice-wrap .notice-article-wrap .notice-sub-wrap {font-size: 0; padding-top: 1px;}
.main-notice-wrap .notice-article-wrap .notice-sub-wrap p {display: inline-block; font-size: 14px; color: #707070; padding-right: 4px;}
.main-notice-wrap .notice-article-wrap .notice-sub-wrap .v-line {display: inline-block; width: 1px; height: 8px; background-color: #BEBEBE; margin-right: 4px;}
.main-notice-wrap .notice-article-wrap .notice-sub-wrap p.notice-view {display: inline-block; height: 16px; font-size: 0; padding: 0;}
.main-notice-wrap .notice-article-wrap .notice-sub-wrap p.notice-view img{vertical-align: baseline; padding-right: 4px;}
.main-notice-wrap .notice-article-wrap .notice-sub-wrap p.notice-view span{font-size: 14px;}

.main-calendar-wrap {width: 100%; height: auto; box-sizing: border-box; padding: 10px;}
.main-calendar-wrap .calendar-article-wrap {display: block; box-sizing: border-box; padding: 10px; border-radius: 5px; background: #ECF5FF;}
.main-calendar-wrap .calendar-article-wrap:active {filter: brightness(0.95);}
.main-calendar-wrap .calendar-article-wrap p {width:100%; overflow: hidden; text-overflow: ellipsis;}
.main-calendar-wrap .calendar-article-wrap p:nth-child(1) {font-size: 14px; color: #707070; font-weight: 500;}
.main-calendar-wrap .calendar-article-wrap p:nth-child(2) {font-size: 16px; font-weight: 600; padding-bottom: 8px;}
.main-calendar-wrap .calendar-article-wrap p:nth-child(3) {font-size: 15px; font-weight: 500;}


/*이미지 슬라이드*/
.main_slide{position:relative; width:100%; height:576px; overflow: hidden;}
.main_paging{position: relative; width:1000px; margin:0 auto; z-index: 10;}
.main_paging_box{position: absolute; top:520px;}
.main_paging ul li:FIRST-CHILD{margin-left:0;}
.main_paging ul li{float:left; margin-left:10px; cursor: pointer;}
.main_slide_img {position:absolute; top:0; left:50%; width:2500px; margin-left:-1250px; overflow: hidden;}
.main_slide_img ul{width:7500px;}
.main_slide_img ul li{float:left; height:576px;}
.main_slide_img ul li img{width:100%;}

.slide_txt{position: relative; width: 1000px; margin:0 auto; z-index: 10;}
.slide_txt_box{margin-top:130px;}
.slide_txt_box span{display:block; font-size:2.5em; color:#fff; letter-spacing: -1px; text-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.slide_txt_box p{font-size:5em; color:#fff; letter-spacing: -1px; text-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.slide_img{position: absolute; top:0;}

/* 컨텐츠-회장인사말 */
.ceo-img-contents-wrap {display: flex; flex-direction: row;}
.ceo-img-contents-wrap .ceo-img-wrap {width: 120px; height: auto; margin-right: 14px; margin-bottom: 14px;}
.ceo-img-contents-wrap .ceo-img-wrap .ceo-img {overflow: hidden; border-radius: 5px; height: 170px;}
.ceo-img-contents-wrap .ceo-img-wrap .ceo-img img {display: block; width: auto; height: 100%;object-fit: contain;  object-position: top;}
.ceo-img-contents-wrap .ceo-img-wrap h3 {color: #261C62; font-size: 17px; font-weight: 700; text-align: center; padding-top: 12px; padding-bottom: 6px;}
.ceo-img-contents-wrap .ceo-img-wrap p {text-align: center; font-size: 15px; font-weight: 500; line-height: 20px;}
.ceo-img-contents-wrap .ceo-con-wrap {width: calc(100% - 134px);}
.ceo-img-contents-wrap .ceo-con-wrap > p {font-size: 16px; font-weight: 500; line-height: 24px;}
.ceo-img-contents-wrap .ceo-con-wrap > p:nth-child(1) {padding-bottom: 14px;}
.ceo-img-contents-wrap .ceo-con-wrap > p > b {color: #0D3F7A; font-weight: 600;}
.ceo-contents p {font-size: 16px; font-weight: 500; line-height: 24px;}
.ceo-contents p:nth-child(1) {padding-bottom: 14px;}

/* 컨텐츠 */
/* 컨텐츠-회칙 */
.rules-title {padding-top: 24px; padding-bottom: 16px;}
.rules-title.first {padding-top: 0;}
.rules-title h3 {font-size: 17px; color: #261C62; font-weight: 700;}
.rules-title .under-line {background: #261C62; width: 40px; height: 2px; margin-top: 4px;}
.rules-con-wrap h4 {font-size: 16px; font-weight: 700; color: #0D3F7A; padding-top: 24px; padding-bottom: 12px;}
.rules-con-wrap h5 {font-size: 16px; font-weight: 700; padding-bottom: 4px;}
.rules-con-wrap p {font-size: 15px; padding-bottom: 14px;}
.rules-con-wrap span {font-size: 15px; display: block; padding-bottom: 5px;}
.rules-con-wrap ol {padding-bottom: 14px; padding-left: 8px;}
.rules-con-wrap ol li {font-size: 15px; padding-bottom: 2px;}
.rules-con-wrap ol li:last-child {padding-bottom: 0;}
.rules-con-wrap ol li ol {padding: 8px;}
.rules-con-wrap ol li ol li p {padding-bottom: 2px;}
.rules-con-wrap ol li ol li p:first-child {padding-top: 4px;}
.rules-con-wrap ul {padding-bottom: 14px;}
.rules-con-wrap ul li {font-size: 15px; padding-bottom: 4px;}
.rules-con-wrap ul li:last-child {padding-bottom: 0;}
.rules-con-wrap table {width: 100%; margin: 6px 0 10px 0;}
.rules-con-wrap table tr:first-child > td {padding:6px 0; font-weight: 600; font-size: 16px; border-left: 0px; border-right: 0px;}
.rules-con-wrap table tr > td {border: 1px solid #ccc; padding: 2px 6px; text-align: center; font-size: 15px;}
.rules-con-wrap table tr > td:first-child {border-left: 0px;}
.rules-con-wrap table tr > td:last-child {border-right: 0px;}

/* 컨텐츠-역대회장 */
.history-contents {padding-bottom: 18px;}
.history-title h3 {font-size: 17px; font-weight: 700; color: #0D3F7A;}
.history-title {padding-bottom: 8px;}
.history-title .under-line {width: 100%; height: 2px; background: #0D3F7A; margin-top: 4px;}
.history-contents .history-title {padding-bottom: 8px;}
.history-contents .history-title h3 {font-size: 17px; font-weight: 700; color: #0D3F7A;}
.history-contents .history-title .under-line {width: 100%; height: 2px; background: #0D3F7A; margin-top: 4px;}
.history-contents .history-layout {width: 100%; height: auto; box-sizing: border-box; padding: 10px; border-radius: 10px; margin-bottom: 14px; overflow: hidden; background: #FFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);}
.history-contents .history-layout .history-ceo-img {float: left; width: 100px; height: 130px; border-radius: 5px; overflow: hidden; background: #EEE; margin-right: 14px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);}
.history-contents .history-layout .history-ceo-img img {width: 100%; height: 100%; object-fit: cover; display: block;}
.history-contents .history-layout .history-ceo-article {width: 100%;}
.history-contents .history-layout .history-ceo-article .h-line {display: block; width: 100%; height: 1px; background: #BEBEBE;}
.history-contents .history-layout .history-ceo-article .ceo-history-name {padding-bottom: 8px;}
.history-contents .history-layout .history-ceo-article .ceo-history-name p {font-size: 16px; font-weight: 700;}
.history-contents .history-layout .history-ceo-article .ceo-history-name span {
	margin-right: 4px; font-size: 12px; font-weight: 600; background: #3B479D; color: #fff; height: 21px;
    justify-content: center; align-items: center; border-radius: 6px; padding: 0 4px 0 2px; margin-left: 4px;
	}
.history-contents .history-layout .history-ceo-article .history-ceo-content {padding-bottom: 4px;}
.history-contents .history-layout .history-ceo-article .history-ceo-content p {font-size: 15px; font-weight: 500;}

/* 기수별 임원 */
.number-wrap {display: flex; flex-wrap: wrap; border-top: 2px solid #0D3F7A;}
.number-wrap > div{width: 100%;display: flex; border-bottom: 1px solid #BEBEBE;}
.number-wrap > div p {align-items: center; flex-wrap: wrap; width: 50%; font-weight: 600; padding: 8px 0 8px 8px;}
.number-wrap p > span {font-weight: 600; padding-right: 4px;}
.number-wrap p > span:first-child {color: #0D3F7A;}

/* 컨텐츠-사무소 */
.sub-con-map #map {width: 100%; height: 280px; background: #EEE;}
.map-article {padding: 20px 0;}
.map-article .map-a-contents {padding-bottom: 18px;}
.map-article .map-a-contents:last-child{padding-bottom: 0;}
.map-article .map-a-contents h3 {font-size: 17px; font-weight: 600; color: #0D3F7A; padding-bottom: 5px;}
.map-article .map-a-contents p {font-size: 15px; font-weight: 500; padding-bottom: 2px;}
.map-article .map-a-contents p:last-child {padding-bottom: 0; word-break: break-all;}

.map-article .map-a-contents ul{width: 100%; height: auto; box-sizing: border-box; padding: 10px; border-radius: 5px; background: #ECF5FF;}
.map-article .map-a-contents ul li{display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; padding-bottom: 5px;}
.map-article .map-a-contents ul li:last-child{padding-bottom: 0; }
.map-article .map-a-contents ul li > span{padding-right: 10px;}
.map-article .map-a-contents ul li > span i{
	width: 25px; height: 25px; text-align: center; color: #0D3F7A; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #fff;
}
.map-article .map-a-contents ul li > span i svg{width: 12px; height: 12px; fill: #0d3f7a;}
.map-article .map-a-contents ul li p{font-size: 15px; font-weight: 500;}
.map-article .map-a-contents ul li > div{display: flex; justify-content: space-between; align-items: center; flex-grow: 1;}
.map-article .map-a-contents ul li > div p{padding-bottom: 0; word-break: break-all;}
.map-article .map-a-contents ul li > div a{display: flex; justify-content: center; align-items: center;}
.map-article .map-a-contents ul li > div i{width: 20px; height: 20px;}
.map-article .map-a-contents ul li > div i svg{fill: #261C62;}

/* 프로필 설명 */
.user_info .user_info_top {display: flex;}
.user_info .user_info_top .user_info_img {width: 100px; height: 140px; margin-right: 10px; border-radius: 5px; overflow: hidden;}
.user_info .user_info_top .user_info_img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.user_info .user_info_top .user_info_name {width: calc(100% - 110px);}
.user_info .user_info_top .user_info_name > span {display: block; width: 100%;}
.user_info .user_info_top .user_info_name > h3 {font-size: 18px; color: #0D3F7A; font-weight: 600;}
.user_info .user_info_top .user_info_name > .user_info_flex:nth-child(2) {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #BEBEBE;}
.user_info .user_info_top .user_info_name > .user_info_flex:nth-child(2) > span {font-size: 20px; font-weight: 600;}
.user_info .user_info_top .user_info_name > .user_info_flex:nth-child(3) > span {font-size: 15px; font-weight: 500;}
.user_info .user_info_bottom {margin-top: 10px; padding: 10px; background: #ECF5FF; border-radius: 5px;}
.user_info .user_info_bottom > li {display: flex; justify-content: space-between; align-items: baseline;}
.user_info .user_info_bottom > li.user_info_phone > div {display: flex; justify-content: space-between; align-items: baseline;}
.user_info .user_info_bottom > li.user_info_phone > div svg {fill: #0D3F7A;}
.user_info .user_info_bottom > li.user_info_phone > div > span:nth-child(3) {position: relative; padding-left: 16px; color: #707070;}
.user_info .user_info_bottom > li.user_info_phone > div > span:nth-child(3):after {content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 100%; background: url(/images/icon/call-num-rock.svg) no-repeat center 40%;}
.user_info .user_info_bottom > li.user_info_phone > div > a:last-child {margin-left: 8px;}
.user_info .user_info_bottom > li.user_info_phone > div > a:last-child {margin-left: 8px;}
.user_info .user_info_bottom > li.user_info_email > div,
.user_info .user_info_bottom > li.user_info_address > div {display: flex; align-items: center; justify-content: flex-start;}
.user_info .user_info_bottom > li.user_info_address > div > span:nth-child(3) {margin-right: 8px;}
.user_info .user_info_bottom > li {padding-bottom: 5px;}
.user_info .user_info_bottom > li:last-child {padding-bottom: 0;}
.user_info .user_info_bottom > li > div > span {font-size: 15px;}
.user_info .user_info_bottom > li > div > span:nth-child(1) {margin-right: 10px;}
.user_info .user_info_bottom > li > div > span:nth-child(1) > i { width: 25px; height: 25px; text-align: center; color: #0D3F7A; display: flex; justify-content: center; 
	align-items: center; border-radius: 100%; background: #fff;
}
.user_info .user_info_bottom > li > div > .v-line {width: 1px; height: 12px; background: #BEBEBE; margin-right: 10px;}

.modal {padding: 12px !important;}
.modal a.close-modal {top: 8px !important; right: 8px !important;}

/* 개인정보처리방침 */
.personal-info-wrap {width: 100%; padding: 0px 16px 40px 16px; height: 100%; overflow-y: auto; margin:0 auto; text-align:left; vertical-align: middle; font-size: 15px;}



/* ////////////////////////////////pc화면//////////////////////////////// */
/* pc 슬라이드 공통스타일 */
.ecm_pc .swiper-pagination span{background: #ebebeb; border-radius: 20px;height: 10px; width: 10px; opacity: 1; transition: .3s;}
.ecm_pc .swiper-pagination span.swiper-pagination-bullet-active{background: #000; width: 40px;}
.ecm_pc .swiper-button-next,
.ecm_pc .swiper-rtl .swiper-button-prev,
.ecm_pc .swiper-button-prev,
.ecm_pc .swiper-rtl .swiper-button-next{color: #0d3f7a;}
.ecm_pc .swiper-button-next, .ecm_pc .swiper-rtl .swiper-button-prev{right: -28px;}
.ecm_pc .swiper-button-prev, .ecm_pc .swiper-rtl .swiper-button-next{left: -28px;}
.ecm_pc .no-info-pc{padding: 20px; margin: 0; border: 1px solid #cccccc; font-size: 18px; height: 100%;}

/* 메인 슬라이드 */
.main-slide-pc.swiper{position:relative; width:100%; height:480px; overflow: hidden; max-width: 1280px !important; overflow: revert;}
.main-slide-pc > .swiper-wrapper {position: relative;}
.main-slide-pc > .swiper-wrapper:after {z-index: -1; position: absolute; display: block; top: 0; left: 0; width: 100%;height: 100%;content: "";background: #DFEBEE; opacity: 0.6; filter: blur(10px);}
.main-slide-pc > .swiper-wrapper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.main-slide-pc > .swiper-wrapper .swiper-slide {display: flex; justify-content: center; opacity: 0.3; transition: opacity 0.3s;}
.main-slide-pc > .swiper-wrapper .swiper-slide.swiper-slide-active{opacity: 1;}
.main-slide-pc > .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{max-width: 1280px; left: 50%; transform: translateX(-50%); display: flex; 
	justify-content: flex-start; align-items: center; bottom: 20px;
}
.main-slide-pc > .swiper-pagination span{height: 30px; width: 30px;display: flex; justify-content: center; align-items: center; font-family: Cafe24SsurroundAir;
	font-size: 12px; color: #fff; font-weight: 600; background: rgb(0 0 0 / 40%); 
}
.main-slide-pc > .swiper-pagination span:first-child {margin-left: 20px;}
.main-slide-pc > .swiper-pagination span.swiper-pagination-bullet-active{justify-content: flex-end; padding-right: 10px; width: 80px; color: #fff; font-weight: 900; font-size: 15px;}
.ecm_pc .main-slide-pc .swiper-button-next:after,
.ecm_pc .main-slide-pc .swiper-button-prev:after{font-size: 40px;}

/* 이미지 광고 배너 */
.ecm_pc .img-banner-wrap{min-height: 423px; height: auto; width: 330px; margin-left: 40px; position: relative;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
.ecm_pc .img-banner-wrap > div{width: 100%; flex-grow: 1; height: auto;}
.ecm_pc .img-banner-wrap .img-banner-pc{margin: 0;border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgb(0 0 0 / 20%); background: #fff;}
.ecm_pc .img-banner-wrap .img-banner-pc .swiper-slide img{width: 100%; height: 100%;object-fit: cover;}
.ecm_pc .img-banner-wrap .swiper-pagination{position: relative; bottom: auto; left: auto;padding-top: 15px; flex-grow: 0;}
.ecm_pc .img-banner-wrap .swiper-button-next:after,
.ecm_pc .img-banner-wrap .swiper-rtl .swiper-button-prev:after,
.ecm_pc .img-banner-wrap .swiper-button-prev:after,
.ecm_pc .img-banner-wrap .swiper-rtl .swiper-button-next:after{font-size: 25px;}

/* 퀵메뉴 */
.quick-main-pc{width: 100%; text-align: center; background: #f5f5f5;}
.quick-main-pc ul{max-width: 1280px;width: 100%;display: flex; justify-content: center; align-items: stretch; margin: 0 auto; padding: 15px 0;}
.quick-main-pc li{flex-grow: 1;position: relative; }
.quick-main-pc li a{display: block; font-size: 20px; padding: 15px 0; position: relative; z-index: 1;}
.quick-main-pc li a span{line-height: 1; display: inline-block;transition: 0.2s;}
.quick-main-pc li a svg{width: 80px; height: 80px; display: block; margin: 0 auto 20px;transition: 0.3s;}
.quick-main-pc li a svg .cls-1{fill:none;}
.quick-main-pc li a svg .cls-2,
.quick-main-pc li a svg .cls-3{fill:#66C0F5; transition: fill 0.5s;}
.quick-main-pc li a:hover svg{transform: rotateY(180deg);}
.quick-main-pc li a:hover svg .cls-3{fill:#009794;}
.quick-main-pc li a:hover span{color: #009794;}

.quick-main-pc li a:after{content:''; position: absolute; display: block; width: 0; height: 0; background-color: #fff; border-radius: 200px; transition: 0.3s;
	left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; max-width: 100%; max-height: 100%;}
.quick-main-pc li a:hover:after{width: 150px; height: 150px; }


/* pc 컨텐츠 */
.main-top-pc{padding: 50px 0 15px;}
.main-btm-pc{background: #fff;padding: 20px 0 60px;}
.main-top-pc > *,
.main-btm-pc > *{max-width: 1280px; margin: 0 auto;}
.main-con-pc .contents-title{height: 45px;}
.main-con-pc .contents-title a{height: 100%; padding: 10px 15px; background-color: #0d3f7a;}
.main-con-pc .contents-title h2{color: #fff; font-weight: 600; text-transform: uppercase;}

.main-con-pc .big-title{margin: 0 auto; max-width: 1280px;}
.main-con-pc .big-title p{ font-size: 15px; line-height: 1.2;}
.main-con-pc .big-title h2{font-weight: 900; text-transform: uppercase; font-size: 35px; line-height: 1.2;}

.main-top-pc .top-area-pc{display: flex; justify-content: space-between; align-items: stretch;}

/* 공지사항 + 일정 */
.ecm_pc .news-top{display: flex; justify-content: space-between; align-items: flex-end;}
.ecm_pc .news-top .news-left{display: flex; justify-content: flex-start; align-items: flex-end;}
.ecm_pc .news-top .news-right{ height: 40px; padding: 15px 0 15px 10px;display: flex;justify-content: space-between;position:relative; align-items: center;}
.ecm_pc .news-top .news-right > p{position: relative; z-index: 1;}
.ecm_pc .news-top .news-right .arrow-wrap {text-align: right; padding: 0 10px;}
.ecm_pc .news-top .news-right .arrow-wrap span{display: block;height: 2px; width: 30px; background: #fff;margin: 2px 0;}
.ecm_pc .news-top .news-right .arrow-wrap:after,
.ecm_pc .news-top .news-right .arrow-wrap:before{content: ''; background: #fff; height: 2px; width: 15px; display: inline-block;}
.ecm_pc .news-top .news-right .arrow-wrap:after{transform: rotate(-45deg) translateY(2px);}
.ecm_pc .news-top .news-right .arrow-wrap:before{transform: rotate(45deg) translateY(-2px);}
.ecm_pc .news-top .news-right .hide-text{ font-size: 16px; font-weight: 500; transition: 0.3s;}
.ecm_pc .news-top .news-right .hide-text b{font-size: 16px; font-weight: 500; color: #fff; margin-right: 5px;}
.ecm_pc .news-top .news-right:after{content:''; position: absolute;background: #000; right: 0; height: 100%; border-radius: 120px; z-index: 0; width: 40px; transition: 0.3s;}
.ecm_pc .news-top .news-right:hover:after{width: 100%;}
.ecm_pc .news-top .news-right:hover .hide-text{color: #fff;}

.ecm_pc .news-top .main-news-tab{display: flex; justify-content: flex-start; align-items: center;}
.ecm_pc .news-top .main-news-tab li{padding: 5px 10px; font-size: 18px; border-radius: 20px; border: 1px solid #c2c2c2; margin-left: 10px; min-width: 120px; text-align: center; cursor: pointer;
	transition: .3s;}
.ecm_pc .news-top .main-news-tab li:first-child{margin-left: 20px;}
.ecm_pc .news-top .main-news-tab li a{display: none;}
.ecm_pc .news-top .main-news-tab li.show_list{color: #fff; background: #000; border-color: #000;}
.ecm_pc .news-top .main-news-tab li:hover {box-shadow: 0 0 8px inset #00000017;}
.ecm_pc .news-top .main-news-tab li.show_list:hover {box-shadow: none;}

.main-con-pc .main-news-wrap{ background: #fff; padding: 10px 0; flex-grow: 1;}
.main-con-pc .main-news-wrap > div{display: none;}
.main-con-pc .main-news-wrap > div.show_list{display: block; height: 100%;}

.main-con-pc .main-news-wrap > div.show_list .notice-article-wrap,
.main-con-pc .main-news-wrap > div.show_list .article-pc{opacity: 1; transform: none;}

.main-top-pc .news-pc{display: flex;flex-wrap: wrap;justify-content: flex-start; align-items: stretch; border-radius: 10px; flex-direction: column; width: calc(100% - 370px);}
.main-top-pc .news-pc > *{width: 100%;}
.main-top-pc .main-news-wrap .notice-article-wrap,
.article-pc{display: flex; justify-content: space-between; align-items: center; padding: 10px 0; margin: 0; border-bottom: 1px solid #cccccc; opacity: 0; transition: 0.3s; transform: translateX(100px);cursor: pointer;}
.main-top-pc .main-news-wrap .notice-article-wrap .notice-sub-wrap{max-width: 300px;font-size: 0; }
.main-top-pc .main-news-wrap .notice-article-wrap .notice-title{max-width: calc(100% - 310px);margin-right: 10px;}
.main-top-pc .main-news-wrap .notice-article-wrap .notice-title p,
.article-pc .article-tit-pc{ max-width: none; padding-bottom: 0; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article-pc .article-date-pc{font-size: 15px; color: #707070;min-width: 190px; text-align: right;}
.main-top-pc .main-news-wrap .notice-article-wrap .notice-sub-wrap p{font-size: 15px;display: inline-block; color: #707070; padding-right: 4px;}
.main-top-pc .main-news-wrap .notice-article-wrap .notice-sub-wrap .v-line{display: inline-block; width: 1px; height: 8px; background-color: #BEBEBE; margin-right: 4px;}

.main-schedule-pc .main-calendar-wrap{padding: 0;}

.mbsc-ios.mbsc-calendar-marks {margin-top: -0.3em;}
.mbsc-selected .mbsc-calendar-marks .mbsc-ios.mbsc-calendar-mark{background: #009794;}

.vote_class button {display: block; padding:10px; width: 100%; max-width: 100px; text-align:center; background: #f6f6f6; border-radius: 5px; border: 1px solid #BEBEBE; font-size: 14px;}

/* 회원검색 스토리 목록  */
.user_story_recent_one_area > .image-group{overflow-x: auto; white-space: nowrap; background: #fff; border-radius: 10px;margin-bottom: 20px;}
.user_story_recent_one_area > .image-group > .image-container{padding: 10px; width: calc(100%/1.5 - 10px); margin-bottom: 20px;}
.user_story_recent_one_area > .user_story_title{padding:10px;}
.user_story_recent_one_area > .user_story_title > span{font-weight: 700; font-size: 16px;}
.user_story_recent_one_area > .image-group > div > .user_story_dt > span{font-weight: 400; font-size: 13px;}
.user_story_recent_one_area > .image-group > .imageDiv{width:100%; height: 25px;}
.user_story_recent_one_area > .image-group > .imageDiv > button{margin-right: 20px;width: 15px; height: 15px; border: none; border-radius: 100%; background: #ECF5FF}

/* 행사갤러리 */
.btm-area-pc{display: flex; justify-content: flex-start; align-items: center;}
.btm-area-pc .big-title{height: 400px; width: 380px;background: #000; padding: 50px; padding-right: 80px;position: relative;overflow: hidden;}
.btm-area-pc .big-title:after{content:''; position: absolute; background: url(/images/main_gallery_bg.svg) no-repeat 100% center; width: 240px; height: 240px;bottom: 0; right:0; opacity: 0.2;}
.btm-area-pc .big-title > *{color: #fff;}
.btm-area-pc .gallery-pc-wrap{width: calc(100% - 300px); margin-left: -80px;position: relative; }
.btm-area-pc .gallery-pc .swiper-button-next{text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.gallery-pc .swiper-wrapper{height: auto;}
.gallery-pc .swiper-slide {height: 300px;}
.gallery-pc .swiper-slide a{display: block; width: 100%; height: 100%;}
.gallery-pc .swiper-slide img{width: 100%; height: 100%; object-fit: cover;background: #fff;}
.gallery-pc .swiper-slide p{display: none;}
.ecm_pc .gallery-pc .swiper-button-next,
.ecm_pc .gallery-pc .swiper-rtl .swiper-button-next{}

/* QR 스캔후 유저정보 페이지 */
.list-wrap .user-info-wrap{display: flex;  justify-content: center;  align-items: stretch; margin: 25px 0; padding: 0 15px;}
.list-wrap .user-info-wrap .user-info-img-wrap{width: 100px; height: 140px;  margin-right: 10px; border-radius: 5px; overflow: hidden;}
.list-wrap .user-info-wrap .user-info-img-wrap img{display: block;  width: 100%;  height: 100%; object-fit: cover;}
.list-wrap .user-info-wrap .user-info-data-wrap{width: calc(100% - 110px); display: flex; flex-direction: column; justify-content: space-evenly;  align-items: flex-start;}
.list-wrap .user-info-wrap .user-info-data-wrap .user-info-name{font-size: 20px; font-weight: 700;}
.list-wrap .user-info-wrap .user-info-data-wrap div > span{font-size: 15px;}
.list-wrap .user-info-wrap .user-info-data-wrap .user-info-num{font-weight: 600; font-size: 15px;}

.list-wrap .instructions{margin-top: 50px; width: 100%; background: #0093fb; text-align: center; padding: 8px 0;}
.list-wrap .instructions span{color:#fff; font-size: 23px;}
.list-wrap .phrases{text-align: center; padding: 25px 0;}
.list-wrap .phrases span{font-size: 18px; color: #f90808;}
.list-wrap .list-wrap-btn{text-align: center; padding: 20px 0;display: flex;  justify-content: center;}
.list-wrap .list-wrap-btn a{background: #0093fb; width: 150px; height: 50px; display: flex;  justify-content: center; align-items: center; border-radius: 15px;}
.list-wrap .list-wrap-btn a > span{color: #fff;  font-size: 20px;}

.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.active, .dot:hover { background-color: #717171;}

/* 행사일정 투표현황 */
.sche_info_box_container {margin: 0 15px; padding: 15px 0;}
.sche_info_box_container .sche_info_box {margin-bottom: 10px;}
.sche_info_box_container .sche_info_box > b {
	display: inline-block;
	font-size: 17px;
    color: #414141;
    font-weight: 600;
    margin-bottom: 5px;
    padding-left: 3px;
}
.sche_info_box_container .sche_info_box .sche_text {
	font-size: 15px;
	font-weight: 400;
}
.sche_info_box_container .sche_info_box .input-box {
	width: 100%;
    border-radius: 5px;
    border: 1px solid #BEBEBE;
    background: #F5F5F5;
    padding: 8px;
}
.vote_class_ck a {
	display: inline-block;
    padding: 10px;
    width: 100%;
    max-width: 100px;
    text-align: center;
    background: #f6f6f6;
    border-radius: 5px;
    border: 1px solid #BEBEBE;
    font-size: 14px;
}

/* pc버전 푸터 */
.footer_pc{background: #f5f5f5;}
.footer_pc .footer_wrap_pc{max-width: 1280px; margin: 0 auto;display: flex; justify-content: space-between; align-items: flex-start; padding: 30px 0 60px;}
.footer_pc .footer_wrap_pc .f_logo_pc{ padding: 10px 0; height: 70px;}
.footer_pc .footer_wrap_pc .f_logo_pc img{height: 100%;}
.footer_pc .footer_wrap_pc ul li{ font-size: 15px; padding-bottom: 5px; text-align: right;}
.footer_pc .footer_wrap_pc ul li:last-child{padding-bottom: 0;}


.pop_close{position: fixed; bottom: 50%; padding: 5px 60px; border: 1px solid #ccc; border-radius: 5px;}


/* ajax modal 로딩 */
div#windowByMask {position:absolute;z-index:9000;background-color:#dddddd;display:none;left:0;top:0;text-align:center;vertical-align:middle;line-height:100%;padding-top:100px;}

 @media only screen and (max-width: 1350px){
	/* pc버전 */
	.main-top-pc > *,
	.main-btm-pc > *{max-width: none; width: 100%; padding: 0 15px;}
	.main-top-pc .notice-pc{width: calc(100% - 415px); margin-right: 15px;}
	.main-top-pc .news-pc{width: 100%;}
	.quick-main-pc ul {max-width: none; width: auto; flex-wrap: wrap; flex-grow: 1; padding: 0; background: #f5f5f5;}
	.main-top-pc .main-notice-wrap .notice-article-wrap{height: calc(100% / 5); display: block;}
	.main-top-pc .main-notice-wrap .notice-article-wrap:nth-child(6),
	.main-top-pc .main-notice-wrap .notice-article-wrap:nth-child(7){display: none;}
	.main-top-pc .main-notice-wrap .notice-article-wrap .notice-title,
	.main-top-pc .main-notice-wrap .notice-article-wrap .notice-sub-wrap{width: 100%; max-width: none; margin: 0;}
	.footer_pc .footer_wrap_pc{display: block;padding: 20px 15px 30px;}
	.footer_pc .footer_wrap_pc .f_logo_pc{margin-bottom: 20px;}
	.footer_pc .footer_wrap_pc ul li{padding-bottom: 5px; text-align: left;}
	
	.main-top-pc .top-area-pc{display: block;}
	
	.ecm_pc .img-banner-wrap{margin: 0 20px 0 50px; padding: 20px;}
	.ecm_pc .img-banner-wrap .swiper-button-prev{left: -20px;}
	.ecm_pc .img-banner-wrap .swiper-button-next{right: -20px;}
	.main-slide-pc.swiper{overflow: hidden; padding: 0 15px; max-width: 100% !important; height: 35vw; min-height: 250px;}
	.main-slide-pc > .swiper-pagination span:first-child { margin-left: 40px;}
	.quick-main-pc{display: flex;justify-content: center; align-items: stretch;background: none; padding: 0 15px;}
	.quick-main-pc li{width: 50%; display: flex; justify-content: center; align-items: center;border-bottom: 1px solid #ccc;}
	.quick-main-pc li:nth-child(3),
	.quick-main-pc li:last-child{border-bottom: 0;}
	.quick-main-pc li:nth-child(2n){border-left: 1px solid #ccc;}
	.quick-main-pc li a{display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 100%;}
	.quick-main-pc li a svg{margin: 0;}
	.quick-main-pc li a span{width: 120px;}
	.quick-main-pc li a:hover:after { width: 100%; height: 100%; border-radius: 0; opacity: 0.7;}
	
	.btm-area-pc{padding: 0; display: block;}
	.btm-area-pc .big-title{width: calc(85% - 40px); margin: 0; height: 280px; padding: 40px 35px;}
	.btm-area-pc .gallery-pc-wrap {padding-right: 10px;width: calc(100% - 70px);  margin: -110px auto 0;}
	.gallery-pc .swiper-slide { height: 30vw; min-height: 160px; background: #fff;}
	
 }
 
 @media only screen and (max-width: 917px){
	.number-wrap p {width: calc(100% / 2);}
	
	/* pc버전 */
	.top-area-pc,
	.btm-area-pc{display: block;}
	.main-top-pc .notice-pc{width: 100%; margin-right: 0;}
	.main-top-pc{padding: 15px 0;}
	.main-btm-pc{padding: 25px 0;}
	.btm-area-pc > *{margin-bottom: 15px;}
	.btm-area-pc > *:last-child{padding-bottom: 0;}
	
	.ecm_pc .img-banner-wrap{margin: 0 15px 0 35px; width: 273px; min-height: 350px; padding: 15px;}
	.ecm_pc .img-banner-wrap .swiper-button-next { right: -15px;}
	.ecm_pc .img-banner-wrap .swiper-button-prev { left: -15px;}
	.quick-main-pc li a{font-size: 17px; padding: 0; flex-wrap: wrap; flex-direction: column;}
	.quick-main-pc li a svg{width: 50px; height: 50px; margin: 0 auto 15px;}
	.quick-main-pc li a span {width: 100%;}
	
	.main-con-pc .contents-title{height: auto;}
	.main-con-pc .contents-title h2,
	.main-top-pc .main-notice-wrap .notice-article-wrap .notice-title p{font-size: 16px;}
	.main-con-pc .main-notice-wrap{height: auto; max-height: none;}
	.main-top-pc .main-notice-wrap > div {height: auto; overflow: revert;}
	.main-top-pc .main-notice-wrap .notice-article-wrap{height: auto; padding: 5px;}
	.main-top-pc .main-notice-wrap .notice-article-wrap .notice-sub-wrap p {font-size: 14px;}
	.main-top-pc .main-notice-wrap .notice-article-wrap:nth-child(6),
	.main-top-pc .main-notice-wrap .notice-article-wrap:nth-child(7){display: block;}
	.schedule-pc,
	.schedule-pc .main-schedule-wrap,
	.schedule-pc .main-calendar-wrap a,
	.schedule-pc .main-schedule-wrap > div,
	.main-con-pc .schedule-pc .contents-title{height: auto;}
	.main-con-pc .schedule-pc .contents-title a{padding-top: 4vw; background-size: 4.1vw; height: auto;}
	.schedule-pc .main-calendar-wrap a{padding: 10px;}
	
	.schedule-pc,
	.swiper.img-banner-pc { width: 100%; box-shadow: none; border-radius: 0; margin: 0;}
	.swiper.img-banner-pc .swiper-slide {border-radius: 5px;overflow: hidden;}
	.ecm_pc .news-top .news-left{display: block;}
	.ecm_pc .news-top .main-news-tab li:first-child{margin-left: 0;}
	.main-con-pc .big-title { max-width: none; padding-bottom: 10px;}
	.ecm_pc .news-top{align-items: flex-start;}
	.ecm_pc .news-top .news-right{margin-top: 20px;}
	
	
 }

 @media only screen and (max-width: 700px){
 	.main-banner .main-title-wrap h3 > br {display: block;}
 
 	.login_wrap {width: 75%;}
 	.login_wrap .bx_login {height: auto; flex-flow: column wrap; padding: 100px 0px 120px; background: #fff url("/images/newLogin/login/login-BG.png") no-repeat 95% 95%; background-size: 50%;}
 	.login_wrap .bx_login .login-BG {width: 100%; margin-right: 0; background: transparent;}
 	.login_wrap .bx_login .login-BG .login-logo-wrap {display: flex; justify-content: center; padding: 20px 30px 20px 20px;}
 	.login_wrap .bx_login .login-BG .login-logo-wrap img {height: 26px;}
 	.login_wrap .bx_login .login {width: 95%;}
 	.login_wrap .bx_login .login .btn_login {padding: 0px 0px 12px 0px;}
 	.login_wrap .bx_login .login .login-title-wrap .login-comment {font-size: 15px; text-align: justify; line-height: 23px; font-weight: 600; }
 	.login_wrap .bx_login .login .login-title-wrap h1 {display: none;}
 	.main-banner .main-title-wrap h3{word-break: keep-all;}
 	
	.rules-con-wrap table tr:first-child > td {font-size: 14px; }
	.rules-con-wrap table tr > td {padding: 0px; font-size: 11px;}
 	
 }
 
 @media only screen and (max-width: 517px){
	.number-wrap p > span:last-child {display: block;}
 }
 @media only screen and (max-width: 410px){
 
 	.login_wrap {width: 85%;}
 
 	/* 컨텐츠-회장인사말 */
	.ceo-img-contents-wrap {flex-direction: column; align-items: center;}
	.ceo-img-contents-wrap .ceo-con-wrap {width: 100%; margin-bottom: 14px;}
 
 	/* 기수별 임원 */
 	.number-wrap > div{display: block;}
 	.number-wrap p > span {font-size: 14px;}
 	.number-wrap > div p{width: 100%;}
 	.number-wrap {border-bottom: 1px solid #BEBEBE;}
 	.number-wrap p:last-child {border-bottom: 0;}
 	.number-wrap p > span:last-child { display: inline-block;}
 	
 	.rules-con-wrap table tr:first-child > td {font-size: 12px;}
 	.rules-con-wrap table tr > td {padding: 0px; font-size: 10px;}
 }

 @media only screen and (max-width: 360px){

	/* 마이페이지 */
	.mypage-info .mypage-left {margin-right: 8px;}
	.mypage-info .mypage-right {width: calc(100% - 108px);}
	.mypage-info .mypage-right .mypage-name p > span{font-size: 14px; word-break: keep-all;}
	.mypage-info .mypage-right .mypage-name {font-size: 15px; flex-wrap: wrap;}
	.mypage-info .mypage-right .mypage-phone {font-size: 15px;}
	
	.main-banner .main-title-wrap h1 {font-size: 23px;}
 }
 
 
/* 어디서 쓰는지 모름 */

/*컨텐츠 박스
.main_contants {display: block;}
.main_contants dl{position: absolute; top:30px; left:20px;}
.main_contants dl dt{margin-bottom:20px; font-size:1.667em; color:#fff; letter-spacing: -1px;}
.main_contants dl dd{line-height:150%; font-size:1.250em; color:#fff;}
.main_contants01{position: absolute; top:422px; width:320px; height:242px; background: #525256;}
.main_contants02{position: absolute; top:422px; left:340; width:320px; height:242px; background: #ff6261;}
.main_contants03{position: absolute; top:422px; right:0; width:320px; height:242px; background: #5e71a4;}*/

/*배너
.link_banner{width:100%; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.link_banner_box{position:relative; width:1000px; margin:0 auto;}
.banner_rolling{width:945px; height: 86px; margin:0 auto; overflow: hidden;}
.banner_rolling ul{width:1200px; margin-top:18px; display: table;}
.banner_rolling ul li{float:left; display:block; width:135px; margin-right:24px; border:1px solid #d6d6d6;}
.banner_rolling ul li a{display: table-cell; height: 48px; width:135px; vertical-align: middle;}
.banner_rolling ul li img{width:100%;}*/

/*통합검색
.unified_search{width:100%; margin:0 auto;}
.unified_search a{color:#555;}
.unified_search_box{min-height:700px; padding:30px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.unified_search_box h2 span{font-size:13px;}
.unified_search_input{padding:10px; margin-bottom:30px; border:2px solid #0e8ed8; overflow: hidden;}
.unified_search_input ul{display: table; width:100%; margin: 0;}
.unified_search_input ul li{display: table-cell; width:70%;}
.unified_search_input ul li:FIRST-CHILD{width:14%; text-align: center;}
.unified_search_input ul li span{margin:6px 0 0 0; font-size:20px;}
.unified_search_input ul li input[type~='text']{padding-left:8px; width:98%; height:35px;}
.unified_search_input ul li input[type~='button']{width:100%; height:35px; padding:0; font-size:15px; font-weight:bold; color:#fff; border:1px solid #333; background: #333;}
.unified_search_grbox{padding:6px 12px 12px 12px; margin:0 8px 10px 8px; background: #f5fbff; overflow:hidden;}
.unified_search_grbox span{float:left; margin-right:15px; font-size:12px; font-weight:normal; color:#555;}
.unified_search_grbox span label{margin-left:5px;}*/
 
/*콘텐츠
.unified_search .contants_box{padding-top:30px; margin-bottom:50px; border-top:2px solid #0e8ed8;}
.unified_search .contants_box a span{display: block;}
.unified_search .contants_box a span.txt_title{padding-left:10px; margin-bottom:15px; font-size:15px; color:#0e8ed8; background: url("../../images/sub/stl_bg.gif") left no-repeat;}
.unified_search .contants_box a span.txt_content{max-height:55px; line-height:140%; padding-left:25px; font-size:13px; color:#555; overflow: hidden;}
.unified_search .contants_box a:hover span.txt_content{text-decoration: underline;}

.tab_btn{margin-bottom:10px; text-align: right;}
.tab_btn input{height:28px; padding:.4em 1em;}
.tab_menu{padding:10px; margin-bottom:15px; border:1px solid #ccc; }
.tab_menu ul{margin:0; padding:0; border:none;}
.tab_menu ul li.ui-state-active{width:auto;padding:0;border:1px solid #0e8ed8;background: #fff;}
.tab_menu ul li.ui-state-active a{color:#0e8ed8;}
.tab_menu ul li{width:auto;padding:0;border:1px solid #ccc;background: #f3f3f3;}
.tab_menu ul li a{color:#777; font-size:13px;}
.tab_menu ul li span{margin:9px 5px 0 0;}*/

/*사이트 메인
.site_main{width:100%; margin:30px auto; overflow:hidden;}
.site_main_list{padding:20px 30px 30px 30px; border:1px solid #ccc;}
.site_main_list ul li{float:left; width:25%; margin-top:10px;}
.site_main_list ul li:hover a{background: #659ee5;}
.site_main_list ul li a{display: block; width:96%; margin:0 auto; padding:10px 0; text-align:center; color:#fff; font-size:15px; border-radius:5px; background: #aaa;}
*/

/*editor샘플
.editor_list li{line-height:160%; margin-bottom:5px; padding-left:13px; background: url("../../images/sub/stl_bg.gif") left 8px no-repeat;}
.editor_list li ul li{margin: 0 0 0 15px; padding:0; overflow: visible; background: none; list-style: disc;}
.editor_number li{list-style:decimal; margin: 0 0 8px 15px; overflow: visible;}
.editor_number li ol{margin-top:5px;}
.editor_number li ol li{margin:0 0 8px 13px;}
.editor_table{width:100%;}
.editor_table thead th{padding: 5px; border: 1px solid rgb(206, 206, 206); border-image: none; text-align: center; font-size: 9pt; background-color: rgb(231, 246, 251)}
.editor_table tbody th{padding: 5px; border: 1px solid rgb(206, 206, 206); border-image: none; text-align: center; font-size: 9pt; background:#f7f7f7;}
.editor_table tbody td{padding: 5px; border: 1px solid rgb(206, 206, 206); border-image: none; text-align: center; font-size: 9pt;}
*/

/*???
.tree_menu ul{margin-top:5px;}
.tree_menu ul li{margin-bottom:3px;}
.tree_menu ul li a font {color:#555; font-weight: normal;}
*/

/*공지사항
.main_notice{position:absolute; left:0; top:60px; width:490px;}
.main_notice ul.tab_title{background: url("../../images/new_2017/notice_line.gif") bottom repeat-x;}
.main_notice ul.tab_title li:FIRST-CHILD{border-left:1px solid #ddd;}
.main_notice ul.tab_title li{float:left; width:120px; height:45px; line-height:45px; text-align:center; font-size:1.500em; color:#999; font-weight: bold; cursor: pointer; border-top:1px solid #ddd; border-right:1px solid #ddd; background: #f5f5f5;}
.main_notice ul.tab_title li.on{color:#484848; border-top:2px solid #484848; background: #fff;}
.main_notice ul.tab_list{height:194px; padding:0 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background: #fff;}
.main_notice ul.tab_list li:FIRST-CHILD{margin-top:23px;}
.main_notice ul.tab_list li{margin-top:15px;}
.main_notice ul.tab_list li p{float:left; width:80%; padding-left:15px; background: url("../../images/new_2017/list_point.gif") left no-repeat; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main_notice ul.tab_list li p a{font-size:1.083em; color:#333;}
.main_notice ul.tab_list li p a:hover{text-decoration: underline;}
.main_notice ul.tab_list li span{float:right;}
.main_notice p.plus_btn{position: absolute; top:10px; right:0;}
.main_news{position:absolute; right:0; top:60px; background: #fff; overflow: hidden;}
.main_news_box{width:450px; height:200px; padding:20px; border:1px solid #ddd;}
.main_news_box .new_img{float:left; width:225px; height:200px; background: #ddd;} 
.main_news_box .new_img img{width:225px; height:200px;}
.main_news_box dl{position:relative; float:left; width:200px; height:200px; margin-left:20px;}
.main_news_box dl dt{height:45px; line-height:150%; margin-bottom:15px; font-size:1.250em; color:#333;}
.main_news_box dl dd.new_txt{height:80px; line-height:150%; font-size:1.083em; color:#555;}
.main_news_box p.play_btn{position: absolute; right:20px; bottom:20px; width:210px;}
.main_news_box p.play_btn a{display:block; height: 38px; line-height:38px; text-align:center; font-size:1.250em; color:#fff; background: #484848; border:1px solid #383838;}
.main_news_box p.play_btn a:HOVER{background: 2b2b2b;}*/