@charset "utf-8";

/* container*/
.container { }
.ver-web { }
.ver-m { display:none; }

/* sub-hd */
.sub-hd { display:flex; font-family:'Times New Roman', Times, serif; font-size:50px; text-align:center; background-color:#333; background-repeat:no-repeat; background-position:center; background-size:cover; height:310px; color:#fff; margin-bottom:35px; align-items:center; justify-content:center; text-shadow:1px 1px 7px #333; }
.sub-hd.sub1 { background-image:url('../img/contents/sub_top_bg01.jpg'); }
.sub-hd.sub2 { background-image:url('../img/contents/sub_top_bg02.jpg'); }
.sub-hd.sub3 { background-image:url('../img/contents/sub_top_bg03.jpg'); }
.sub-hd.sub4 { background-image:url('../img/contents/sub_top_bg04.jpg'); }
.sub-hd.sub5 { background-image:url('../img/contents/sub_top_bg05.jpg'); }
.sub-hd.sub6 { background-image:url('../img/contents/sub_top_bg06.jpg'); }
.sub-hd.sub7 { background-image:url('../img/contents/sub_top_bg07.jpg'); }
/*.sub-hd.sub8 { background-image:url('../img/contents/sub_top_bg08.jpg'); }*/
/*.sub-hd.sub9 { background-image:url('../img/contents/sub_top_bg09.jpg'); }*/

.container .contents { max-width:1200px; margin:0 auto; padding:0 30px; margin-bottom:100px; }
.container .contents:after { display:block; clear:both; width:100%; height:0; content:""; }

/* snb */
#snb { float:left; width:290px; }
#snb .menu { padding-top:70px; }
#snb .menu li { display:flex; font-size:18px; height:62px; border-bottom:1px solid #d7d7d7; }
#snb .menu li a { display:flex; flex-basis:100%; align-items:center; }
#snb .menu li.current { font-weight:700; border-color:#000; }

.contents .content { position:relative; margin-left:330px; min-height:500px; height:auto !important; height:500px; }
.content.full-page { margin-left:0; padding:0 40px; }

.content h3.page-title { position:relative; text-align:left; font-size:50px; line-height:1.1; box-sizing:border-box; font-weight:700;  margin-bottom:25px; }
.content h3.page-title.bo-details { text-align:center; font-size:20px; line-height:1.35; font-family:Arial; font-weight:700; text-transform:uppercase; }
.content h3.page-title.align-center { text-align:center; margin-bottom:50px; }

.empty_content { text-align:center; }
.empty_content img { width:100%; height:auto; }


/* 1-1. 인사말
* * * * * * * * * * * * * * * * * */
#greeting { }
.text-content { padding-top:40px; }
.text-content .text { font-size: 16px; line-height: 1.65; color: #616161; }
.text-content .main-text { font-size: 32px; line-height: 1.35; color: #29305b; font-family: 'Times New Roman', Times, serif; margin-bottom: 40px; }



/* 2-1. conference
* * * * * * * * * * * * * * * * * */
.conference-content { }
.conference-content .top { }
.conference-content .tail { }
.conference-content #pre-reg { background-color:#f4f2f2; padding:20px; }
.conference-content #pre-reg .inner { background-color:#fff; padding:80px 20px; }
.conference-content #pre-reg h4.title { text-align:center; color:#29305b; font-size:30px; line-height:1.35; font-weight:700; margin-bottom:40px; }
#pre-reg .form-box { max-width:550px; margin:0 auto; }
#pre-reg .form-box dl dt { position:relative; padding-left:15px; }
#pre-reg .form-box dl.req dt:before { content:"*"; position:absolute; left:0; top:0; bottom:0; color:#fe2534; display:flex; align-items: center; justify-content:center; }
#pre-reg .form-box dl.type-h dd { padding-left:20px; }
#pre-reg .form-box dl.license-number { }
#pre-reg .form-box dl.license-number dd { position:relative; display:grid; grid-template-columns:1fr 60px; gap:10px; }

.form-box dl.phone-number { }
.form-box dl.phone-number dd { position:relative; display:grid; grid-template-columns:1fr 1.5fr 1.5fr; gap:10px; }

/*.wing_bnr { position:absolute; right:-170px; top:100px; }*/
.wing_bnr { position:fixed; right:150px; top:600px; }


/* 3-1. 공지사항
* * * * * * * * * * * * * * * * * */
/* bo-top */
.bo-top { position:relative; overflow:hidden; margin-bottom:30px; }
.bo-top .searchbx { position:relative; width:440px; float:right; display:grid; grid-template-columns:1fr 100px; gap:5px; box-sizing:border-box; }
.bo-top .searchbx .fr-input { display:block; border:1px solid #a5a5a5; font-size:16px; height:45px; padding:0 15px; width:100%; box-sizing:border-box; line-height:1.45; color:#000; }
.bo-top .searchbx .fr-input::placeholder { opacity: 1;}
.bo-top .searchbx .btn-search { display:block; height:45px; line-height:45px; background-color:#545b85; color:#fff; font-size:18px; text-align:center; cursor:pointer; border-radius:3px; }
.bo-top .searchbx.float-none { float:none; } 

/* bo_list */
.bo-list { }
.bo-list li { position:relative; border:1px solid #dfdfdf; box-shadow:0 0 5px #ddd; padding:30px 40px; cursor:pointer; margin-bottom:28px; }
.bo-list li .date { font-size:14px; color:#616161; line-height:1.45; margin-bottom:20px; }
.bo-list li .subject { font-size:20px; color:#29305b; line-height:1.45; font-weight:700; padding-right:220px; }
.bo-list li .subject a { }
.bo-list li .btn-readmore { position:absolute; right:70px; top:50%; display:block; color:#393939; font-size:16px; line-height:1.45; padding-right:40px; transform:translateY(-50%); border:0; cursor:pointer; }
.bo-list li .btn-readmore:after { position:absolute; right:0; top:50%; display:block; width:25px; height:23px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_more.png'); transform:translateY(-50%); content:""; }

/* pager */
.pager { text-align:center; margin-top:35px; }
.pager a { font-size:18px; line-height:1.45; color:#616161; display:inline-block; padding:0 5px; margin:0 7px; font-weight:700; }
.pager a:hover { color:#134ccc; }
.pager a.btn { padding:0; margin:0; }
.pager a.btn.prev { margin-right:24px; }
.pager a.btn.next { margin-left:24px; }
.pager a.current { color:#134ccc; border-bottom:1px solid #134ccc; }

/* bo-tail */
.bo-tail { position:relative; margin-top:35px; }
.bo-tail .pager { margin-top:0; padding-top:17px; text-align:left; }
.bo-tail .btn-area { position:absolute; right:0; top:0; }

/* board Details */
#bo_v { }
.bo-v-hd { position:relative; padding:40px 0 20px 0;  margin-bottom:50px; }
.bo-v-hd:after { position:Absolute; left:50%; bottom:0; display:block; width:455px; height:2px; background-color:#545b85; transform:translateX(-50%); content:""; }
.bo-v-hd .subject { font-size:32px; line-height:1.25; color:#29305b; text-align:center; }
.bo-v-hd .date { font-size:14px; line-height:1.45; color:#616161; text-align:center; margin-top:15px; }

/* bo-v-content */
.bo-v-content { font-size:16px; line-height:1.65; color:#616161; font-weight:500; font-family:Arial; }

/* add-file */
.add-file { width:100%; overflow:hidden; margin-top:45px; }
.add-file dt,
.add-file dd { display:inline-block; font-size:20px; line-height:1.45; color:#23328a; font-weight:500; font-family:Arial; }
.add-file dt { }
.add-file dd { }
.add-file dd a { color:#23328a; }

/* bo-v-tail */
.bo-v-tail { position:relative; margin-top:100px; width:100%; overflow:hidden; }
.bo-v-tail .btn-l { float:left; display: flex; gap:20px; }
.bo-v-tail .btn-r { float:right; }
.bo-v-tail .btn-basic.post { background-color:#548574; }

/* bo-v-tail */
.bo-v-tail2 { position:relative; margin-top:10px; width:100%; overflow:hidden; }
.bo-v-tail2 .btn-l { float:left; display: flex; gap:20px; }
.bo-v-tail2 .btn-r { float:right; }
.bo-v-tail2 .btn-basic.post { background-color:#548574; }

/* list-gallery-type */
.list-gallery-type { display:grid; grid-template-columns:repeat(3, 1fr); gap:34px; }
.list-gallery-type li { overflow: hidden; }
.list-gallery-type li .img { overflow: hidden; margin-bottom:15px; }
.list-gallery-type li .img a { position:relative; display:block; padding-bottom:60%; }
.list-gallery-type li .img img { position:absolute; left:0; top:50%; width:100%; height:auto; transform:translateY(-50%); }
.list-gallery-type li .subject { display:block; font-size:18px; line-height:1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-gallery-type li .date { font-size:14px; line-height:1.35; margin-top:5px; }



/* 7-1. 회원가입
* * * * * * * * * * * * * * * * * */
#register { }
#register .content-body { max-width:764px; margin:0 auto; }

input.fr-input { display:block; color: #000; border:1px solid #ced4da; width:100%; height:36px; font-size:14px; padding:0 15px; border-radius:3px; box-sizing:border-box; }

.wp-80 { display:inline-block !important; width:80% !important;}
.valign-m {
    vertical-align: middle;
    margin: 5px;
}

.btn-basic { display:flex; width:200px; height:62px; align-items:center; justify-content:center; background-color:#545b85; color:#fff; font-size:20px; border-radius:62px; cursor:pointer; border:0; }
.tail-btns { display:flex; align-items:center; justify-content:center; text-align:center; margin-top:50px; }

.btn-basic-sm { display:inline-block; width:80px; height:28px; align-items:center; justify-content:center; background-color:#545b85; color:#fff; font-size:14px; border-radius:62px; cursor:pointer; border:0;
    text-align: center;
    vertical-align: bottom;
    line-height: 2.0;
}

label.radio { position:relative; display:inline-block; font-size:14px; line-height:1.45; cursor:pointer; }
label.radio input { display:none; }
label.radio span { padding-left:20px; }
label.radio span:before { position:absolute; left:0; top:2px; display:block; width:15px; height:15px; border-radius:20px; border:1px solid #5c5c5c; box-sizing:border-box; content:""; }
label.radio input:checked + span:before { background-color:#2c48d5; border-color:#2c48d5; }

label.check { position:relative; display:inline-block; font-size:14px; line-height:1.45; cursor:pointer; }
label.check input { display:none; }
label.check span { padding-left:20px; }
label.check span:before { position:absolute; left:0; top:2px; display:block; width:15px; height:15px; border:1px solid #5c5c5c; box-sizing:border-box; content:""; }
label.check input:checked + span:before { background-color:#2c48d5; border-color:#2c48d5; }

textarea.ta { display:block; width:100%; border: 1px solid #ced4da; height:180px; padding:10px; resize:none; box-sizing:border-box; border-radius:3px; }

.privacy_ta { display:block; width:100%; border: 1px solid #ced4da; height:180px; overflow-y: auto; padding:10px; resize:none; box-sizing:border-box; border-radius:3px; }

.radio-list { display:flex; gap:10px 20px; flex-wrap:wrap; }

.check_terms { margin-top:10px; }

/* form-box */
.form-box { }
.form-box dl { margin-bottom:19px; display:grid; grid-template-columns:150px 1fr; margin-bottom:18px; }
.form-box dl:last-child { margin-bottom:0; }
.form-box dl dt { font-size:16px; color:#29305b; font-weight:700; padding-top:8px; }
.form-box dl dd .notis { font-size:14px; line-height:1.45; color:#29305b; text-align:center; font-weight:700; margin-top:10px; }

.form-box dl.type-h { display:block; }
.form-box dl.type-h dt { margin-bottom:12px; }

.form-box dl.text dd { display:flex; align-items:center; min-height:36px; }

.form-box section.sec { border-bottom:1px solid #cdcdcd; padding:30px 0; }
.form-box section.sec .sec-title { font-size:16px; line-height:1.45; font-weight:700; margin-bottom:15px; }
.form-box section.sec > dl { max-width:620px; margin:0 auto; margin-bottom: 18px; }


#register .sec.information dd p { font-size:14px; margin-bottom:10px; }
#register .sec.information dd p em { color:#ed2164; }



/* 7-1. 로그인
* * * * * * * * * * * * * * * * * */
#login-box { position:relative; max-width:478px; border:1px solid #dee2e6; padding:20px 30px; box-sizing:border-box; margin:0 auto; }
#login-box .tit { color:#29305b; font-size:36px; line-height:1.35; margin-bottom:20px; font-family:'Times New Roman', Times, serif; }

#login-box .remember { margin-bottom:25px; margin-top:10px; }
#login-box .remember input { display:none; }
#login-box .remember label { position:relative; display:inline-block; cursor:pointer; font-size:16px; color:#29305b; padding-left:17px; }
#login-box .remember label:before { position:absolute; left:0; top:4px; display:block; width:10px; height:10px; border:1px solid #767676; border-radius:2px; cursor:pointer; content:""; }
#login-box .remember input:checked + label:before { background-color:#2b329b; border:1px solid #2b329b; }

#login-box .btn-area { margin-bottom:20px; }
#login-box .btn-area .btn { display:inline-block; height:38px; line-height:38px; padding:0 13px; box-sizing:border-box; font-size:16px; color:#fff; text-align:center; background-color:#2b329b; border-radius:5px; cursor:pointer; border:0; }

#login-box .support { margin-top:10px; }
#login-box .support li { font-size:16px; line-height:1.35; margin-top:8px; }
#login-box .support li a { color:#0628fc; }


/* 7-2. Password Reset
* * * * * * * * * * * * * * * * * */
#reset { }
#reset .text-summary { text-align:center; font-size:16px; line-height:1.45; color:#29305b; margin-bottom:65px; }

#reset .form-box { max-width:480px; margin:0 auto; margin-bottom:40px; }
#reset .form-box dl { grid-template-columns: 180px 1fr; }

#reset .txt-notis { text-align:center; font-size:16px; color:#6c71ba; margin-top:40px; }



/* 7-4. contact-content
* * * * * * * * * * * * * * * * * */
#contactus { position:relative; }

.contact-content { position:relative; display:grid; grid-template-columns:500px 1fr; gap:50px; }
.contact-content .main { }
.contact-content .main .tit { font-size:50px; font-weight:700; margin-bottom:30px; }
.contact-content .main .address { margin-bottom:40px; }
.contact-content .main .address dt { font-size:25px; line-height:1.45; font-weight:700; color:#000000; margin-bottom:15px; }
.contact-content .main .address dd { font-size:16px; line-height:1.55; color:#414242; }
.contact-content .main .map_area { }
.contact-content .main .map_area iframe { width:100%; }

.contact-content .btn_area { text-align:center; margin-top:50px; }
.contact-content .btn_area .btn_submit { display:inline-block; width:200px; height:62px; line-height:62px; text-align:center; border-radius:62px; background-color:#545b85; font-size:20px; cursor:pointer; color:#fff; }


/* 0. search results
* * * * * * * * * * * * * * * * * */
#search { }

.results-top { margin-bottom:30px; padding-top:10px; }
.results-top dt,
.results-top dd { font-size:30px; line-height:1.45; display:inline-block; color:#000000; }
.results-top dt { }
.results-top dd { color:#383dac; }

.bo-list li .info { margin-bottom:20px; }
.bo-list li .info .category { display:inline-block; font-size:14px; color:#616161; line-height:1.45; }
.bo-list li .info .date { position:relative; display:inline-block; margin-bottom:0; margin-left:10px; padding-left:12px; }
.bo-list li .info .date:before { position:absolute; left:0; top:4px; display:block; width:1px; height:12px; background-color:#959595; content:""; }

.results-empty { text-align:center; font-size:30px; line-height:1.45; color:#000000; padding-top:30px; }




/* 0. mypage
* * * * * * * * * * * * * * * * * */
.mypage-list { }
.mypage-list li { position:relative; margin-bottom:35px; background-color:#fff; box-sizing:border-box; cursor:pointer; }
.mypage-list li dl.main { position:relative; padding:0 100px 0 195px; height:160px; box-sizing:border-box; display:flex; align-items:flex-start; justify-content:center; flex-direction: column; box-shadow:0 0 7px #aaa; }
.mypage-list li dl.main:before { position:absolute; left:55px; top:50%; display:block; width:100px; height:120px; background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translateY(-50%); content:""; }
.mypage-list li dl.main:after { position:absolute; right:45px; top:50%; display:block; width:42px; height:42px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_link_arrow.png'); background-size:100% auto; transform:translateY(-50%); content:""; }
.mypage-list li dl.main dt { font-size:24px; line-height:1.35; color:#000; font-weight:700; }
.mypage-list li dl.main dd { font-size:18px; margin-top:5px; }
.mypage-list li.m1 dl.main:before { background-image:url('../img/icons/ic_modify.png'); }
.mypage-list li.m2 dl.main:before { background-image:url('../img/icons/ic_conference.png'); }
.mypage-list li.m3 dl.main:before { background-image:url('../img/icons/ic_change_pw.png'); }
.mypage-list li.m4 dl.main:before { background-image:url('../img/icons/ic_admission_fee.png'); }

.mypage-list li.show dl.main:after { transform: translateY(-50%) rotate(90deg); }

.mypage-list li .toggle-content { display:none; }


.table table { width:100%; }
.table table th,
.table table td { font-size:14px; line-height:1.35; color:#29305b; text-align:center; border:1px solid #d0d0d0; padding:10px; }
.table table th { }
.table table td { }
.table table thead th { background-color:#313a67; color:#fff; }
.table table td .btn { display:inline-block; width:90px; height:30px; line-height:30px; background-color:#2b329b; color:#fff; text-align:center; border-radius:5px; vertical-align:middle; cursor:pointer; }

.toggle-content .inbox { padding:40px 0; }
.toggle-content .inbox .notis { font-size:14px; line-height:1.45; color:#29305b; margin-top:20px; }

#modefy-pw { }
#modefy-pw .form-box { max-width:560px; margin:0 auto; }

.table-list { }
.table-list li { border-bottom:1px solid #6c6d6d; padding-bottom:30px; margin-bottom:30px; }
.table-list li .subject { font-size:25px; line-height:1.35; color:#23328a; margin-bottom:10px; }
.table-list li dl { display:grid; grid-template-columns:100px 1fr; gap:10px; margin-top:15px; }
.table-list li dl dt,
.table-list li dl dd { font-size:18px; line-height:1.35; }
.table-list li dl dt { }
.table-list li dl dd { }
.table-list li dl dd .btn { display:inline-block; width:90px; height:30px; line-height:30px; background-color:#2b329b; color:#fff; text-align:center; border-radius:5px; vertical-align:middle; cursor:pointer; margin-top:-5px; }
.table-list li .notis { font-size:14px; line-height:1.45; color:#29305b; margin-top:20px; }


/* 회원찾기
* * * * * * * * * * * * * * * * * */
.bo-table { border-top:2px solid #333; }
.bo-table .thead,
.bo-table .tbody li { display:grid; grid-template-columns:1fr 22% 150px 20% 140px; } 
.bo-table .thead .th,
.bo-table .tbody .td { display:flex; align-items:center; justify-content:center; font-size:15px; line-height:1.35; padding:10px 5px; box-sizing:border-box; min-height:55px; color:#555; text-align:center; }

.bo-table .thead { border-bottom:1px solid #777; }
.bo-table .thead .th { font-weight:700; font-size:17px; color:#333; }
.bo-table .tbody { }
.bo-table .tbody li { border-bottom:1px solid #ccc; }
.bo-table .tbody .td { }
.bo-table .tbody .td dt { display:none; }
.bo-table .tbody .td dd { }


/* 학회활동 :: 250826 */
.tab-menu { display:flex; gap:0px; border-bottom:1px solid #353960; margin-bottom:40px;  }
.tab-menu li { font-size:21px; font-weight:700; margin-left:-1px; }
.tab-menu li a { display:flex; width:160px; height:50px; align-items:center; justify-content:center; border:1px solid #ccc; border-bottom:0; cursor:pointer; }
.tab-menu li.current { }
.tab-menu li.current a {  background-color:#353960; border-color:#353960; color:#fff; }

.edit-area { padding-bottom:50px; }
.edit-area dl { margin-bottom:40px; }
.edit-area dt, 
.edit-area dd { }
.edit-area dt { font-size:21px; line-height:1.45; font-weight:700; color:#353960; }
.edit-area dd { font-size:17px; line-height:1.45; margin-top:10px; }
.edit-area dd ul { padding-left:20px; }
.edit-area dd ul li { list-style: decimal; margin-top:10px; }
.edit-area dd ul li { }

.formbox-wr { }
.formbox-wr .title { text-align:center; font-size:21px; font-weight:700; background-color:#f4f4f4; color:#000; padding:10px; }
.formbox { border-top:1px solid #353960; }
.formbox dl { display:grid; grid-template-columns:150px 1fr; gap:0; border-bottom:1px dashed #ddd; }
.formbox dl:last-of-type { border-bottom:1px solid #ccc; }
.formbox dt,
.formbox dd { font-size:15px; padding:15px 20px;  }
.formbox dt { display:flex; align-items:center; font-weight:700; background-color:#fafafa; }
.formbox dd { }
.formbox dd .notis { font-size:13px; margin-top:10px; text-align:right; color:#555; }
.formbox dd .notis em {  color:red; } 
.formbox .radio-list { display:flex; align-items:center; height:36px; }
.formbox .radio-list label { font-size:15px; }

.formbox dl.indl { border-bottom:0; grid-template-columns: 60px 1fr; gap:0; }
.formbox dl.indl dt,
.formbox dl.indl dd { padding:4px 0; font-size:14px; font-weight:400; }
.formbox dl.indl dt { background-color:#fff; }
.formbox dl.indl.name { }
.formbox dl.indl.name dd { display:flex; gap:10px; }
.formbox dl.indl.name .fr-input { max-width:200px; }
.formbox dl.indl.tel dd { display:flex; gap:5px; }
.formbox dl.indl.tel dd span { display:flex; align-items:center; }
.formbox dl.indl.tel .fr-input { max-width:70px; text-align:center; }

.formbox dd .btn-box { margin-top:10px; display:flex; align-items:center; justify-content:flex-end; gap:5px; }
.formbox dd .btn-box .btn { display:flex; align-items:center; justify-content:center; font-size:13px; background-color:#000; color:#fff; width:60px; height:30px; border:0; cursor:pointer; border-radius:4px; }
.formbox dd .btn-box .btn.btn-add { border:1px solid #000; color:#000; background-color:#fff; } 
.formbox dd .btn-box .btn.btn-del { } 

.filebox { position:relative; padding-right:70px; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { position:absolute; right:0; top:0; display: flex; align-items:center; justify-content:center; padding: 0 10px; width:70px; height:36px; font-size: 15px; background-color: #333; cursor: pointer; 	border: 1px solid #3332; color:#fff; box-sizing:border-box; }
.filebox .upload-name { display: flex; align-items:center; width:100%; padding: 0 10px; height:36px; font-size: 15px; line-height: normal; vertical-align: middle; background-color: #fafafa; border: 1px solid #ced4da; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
 



 /* calendar-min */
.calendar-min { padding:10px 15px; }
.calendar-min table { width:100%; box-sizing:border-box; }
.calendar-min th, 
.calendar-min td { font-size:0.8rem; text-align:center; vertical-align:middle; background-color:#f4f4f4; padding:2px; border:0; height:30px; }
.calendar-min thead th { font-weight:700; height:40px;  }
.calendar-min th.th_sun,
.calendar-min td.td_sun { color:red; }

.calendar-min span { display:inline-block; width:26px; height:26px; line-height:26px; border-radius:26px; }
.calendar-min span.current { background-color:#999; color:#fff; }
.calendar-min a.event { display:inline-block; width:26px; height:26px; line-height:26px; border-radius:26px; cursor:pointer; }
.calendar-min a.event.e1 { background-color:#51a4db; color:#fff; }
.calendar-min a.event.e2 { background-color:#a7183e; color:#fff; }

/* calender-wr */
.calender-wr { display:grid;  grid-template-columns: 1fr 250px; gap:20px; }
.calendar-table .top { position:relative; display:flex; align-items:center; justify-content:flex-end; margin-bottom:15px; }
.calendar-table .top .today { position:absolute; left:0; top:0; display:inline-block; width:120px; height:45px; line-height:45px; text-align:center; font-size:1.2rem; font-weight:700; color:#fff; background-color:#0081dd; border-radius:50px; overflow:hidden; vertical-align:middle; font-family:Arial; }
.calendar-table .top .today a { color:#fff; }

.calendar-table .top .calendar-date { display:flex; gap:10px; align-items:center; justify-content:center; }
.calendar-table .top .calendar-date .btn-page { height:45px; width:50px; background-repeat:no-repeat; background-position:center; background-size:15px auto; background-color:#fff; cursor:pointer; border:0; }
.calendar-table .top .calendar-date .btn-page.btn-date-prev { background-image:url('../img/icons/ic_prev.png'); }
.calendar-table .top .calendar-date .btn-page.btn-date-next { background-image:url('../img/icons/ic_next.png'); }
.calendar-table .top .calendar-date .select { font-size:1.0rem;  -webkit-appearance: none; height:45px; color:#a0a0a0; border-radius:50px; border:1px solid #d2d2d2; width:100px; padding:0 5px; text-align:center; cursor:pointer; outline:none; background-repeat:no-repeat; background-position:90% center; background-image:url('../img/icons/ic_select.png'); }

.calendar-table table { width:100%; box-sizing:border-box; table-layout:fixed; }
.calendar-table th, 
.calendar-table td { position:relative; font-size:0.8rem; text-align:left; vertical-align:top; background-color:#fff; padding:10px; border:0; height:70px; border:1px solid #e8e8e8; }
.calendar-table thead th { font-weight:700; height:30px; border-top:1px solid #335380; background-color:#eef5ff; text-align:center; vertical-align:middle; font-family:Arial; }
.calendar-table th.th_sun,
.calendar-table td.td_sun { color:red; }
.calendar-table th.th_sat,
.calendar-table td.td_sat { color:#1298dc; }

.calendar-table td .top { position:relative; display:flex; justify-content: space-between; }
.calendar-table td .top .point-area { display:flex; gap:4px; align-items:center; }
.calendar-table td .top .point-area .e-point { display:block; width:7px; height:7px; border-radius:5px; }
.calendar-table td .top .point-area .e-point.evt1 { background-color:#005fdb; }
.calendar-table td .top .point-area .e-point.evt2 { background-color:#0cbac5; }
.calendar-table td .top .point-area .e-point.evt3 { background-color:#da4617; }
.calendar-table td .top .point-area .e-point.evt4 { }
.calendar-table td .top .point-area .e-point.evt5 { }

.calendar-table span { }
.calendar-table a { display:block; width:100%; height:100%; box-sizing:border-box; }
.calendar-table td.current { background-color:#f4f4f4; }
.calendar-table td.current .today { position:absolute; right:10px; bottom:10px; color:#0081dd; font-weight:700; }

/* event-details */
.event-details { }
.event-details .top { display:flex; height:45px; margin-bottom:15px; }
.event-details .top .page-btns { display:flex; width:100%; justify-content: flex-end; }
.event-details .top .page-btns .btn { display:flex; width:45px; height:45px; align-items:Center; justify-content:center; border:1px solid #aaa; margin-left:-1px; background-color:#fff; cursor:pointer; outline:none; z-index:1; background-repeat:no-repeat; background-position:center; }
.event-details .top .page-prev { background-image:url('../img/icons/ic_page_prev.png'); }
.event-details .top .page-next { background-image:url('../img/icons/ic_page_next.png'); }
.event-details .top .page-btns .btn.off { cursor:default; z-index:0; opacity:0.5; }

.event-details .event-list { border-top: 1px solid #335380; }
.event-details .event-list ul { }
.event-details .event-list ul li { border-bottom:1px solid #e8e8e8; padding:14px 0; display:grid; grid-template-columns:70px 1fr; gap:15px;  }
.event-details .event-list ul li .evt-h { background-color:#f4f4f4; border-radius:10px 0 10px 0; display:flex; width:100%; align-items:center; flex-direction: column;  justify-content:center; gap:5px;  padding:7px 0; }
.event-details .event-list ul li .evt-h .evt-no { display:block; text-align:center; font-size:1.4rem; font-weight:700; font-family:Arial; }
.event-details .event-list ul li .evt-h .evt-no.evt1 { color:#005fdb; }
.event-details .event-list ul li .evt-h .evt-no.evt2 { color:#0cbac5; }
.event-details .event-list ul li .evt-h .evt-no.evt3 { color:#da4617; }
.event-details .event-list ul li .evt-h .evt-no.evt4 { }
.event-details .event-list ul li .evt-h .evt-no.evt5 { }

.event-details .event-list ul li .evt-h .evt-date { display:block; text-align:center; font-size:0.8rem; }
.event-details .event-list ul li .evt-info { overflow:hidden; padding-top:5px; }
.event-details .event-list ul li .evt-title { font-size:1.0rem; margin-top:0; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; font-weight:700; }
.event-details .event-list ul li .evt-place { font-size:0.7rem; line-height:1.35; color:#777; margin-top:5px; letter-spacing:-0.5px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }
