@charset "utf-8";

h2 {font-size:2.25rem;}
h3 {font-size:1.875rem;}
h4 {font-size:1.625rem; margin-bottom:10px;}
h5 {font-size:1.375rem;}
.con_tit {display:flex;}
.con_tit::before {content:''; background:url(../images/icon_con_tit.png) 0 0 no-repeat; background-size:contain; /* border:6px solid #4ec8aa; border-radius:50rem; */ flex:0 0 1.25rem; width:1.25rem; height:1.25rem; margin:0.75rem 8px 0 0;}

/* 텍스트 기본스타일 */
.ptxt {color:var(--color);}
.info_txt {position:relative; padding-left:23px; margin:10px 0 0; font-size:0.938rem; line-height:20px; color:#666; text-align:left;}
.info_txt::before {content:''; background:url(../images/form/icon_info_txt.png) 0 0 no-repeat; background-size:contain; width:18px; height:18px; position:absolute; top:1px; left:0;}
span.info_txt {display:inline-block;}
.dot_list > li {position:relative; padding-left:12px; text-align:left;}
.dot_list > li::before {content:''; display:block; background:#aaa; border-radius:50px; width:4px; height:4px; position:absolute; top:10px; left:0;}
.dot_list > li + li {margin-top:5px;}
.text_list > li {position:relative; padding-left:12px; text-align:left;}
.text_list > li::before {content:'-'; display:block; position:absolute; top:0; left:0;}
.text_list > li + li {margin-top:5px;}

/* info_box */
.info_box:first-child {margin-top:0;}
.info_box {border:1px solid #ddd; margin-top:3.125rem; padding:20px;}
.info_box > dt {display:flex; font-size:1.125rem; font-weight:800; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:15px;}
.info_box > dt::before {content:'\ef49'; font-size:1.5rem; font-weight:normal; line-height:1.3; font-family:var(--material); margin-right:5px;}
.info_box > dd {font-size:0.875rem; color:#888;}

section:not(:first-child) {margin-top:3.125rem;}
input[type="hidden"] + section {margin-top:0;}

/* tab */
.tabs {margin-bottom:2.5rem;}
.tabs > ul {display:flex; flex-wrap:wrap; gap:7px;}
.tabs > ul > li {width:calc((100% - 28px) / 5);}
.tabs > ul > li button, .tabs > ul > li a {display:flex; justify-content:center; align-items:center; background:#f7f7f7; border:1px solid #d6d7d8; border-radius:0.5rem; font-size:1.25rem; line-height:normal; height:57px; padding:5px 5px; width:100%;}
.tabs > ul > li .on, .tabs > ul > li.on a {background:#fff; border:3px solid var(--color); box-shadow:3px 3px 7px rgba(51,87,161,0.2); color:var(--color); font-weight:700; position:relative;}
.tabs > ul > li .on::after, .tabs > ul > li.on a::after {content:''; background:var(--color); border:4px solid rgba(255,255,255,1); border-radius:50rem; width:9px; height:9px; position:absolute; bottom:-8px;}
.tabcontainer > div {display:none;}
.thesis .tabs {margin-bottom:1.25rem;}
.thesis .tabs > ul > li {flex:1;}

/* 학회소개 */
.about_head {position:relative; padding:6.25rem 6% 2.5rem;}
.about_head::before, .about_head::after {border-radius:1.25rem; overflow:hidden; width:100%; height:70%; position:absolute; top:0; left:0; z-index:-1;}
.about_head::before {content:''; display:block; background:#333 url(../images/about_head_bg.jpg) 50% 50% no-repeat; background-size:cover;}
.about_head::after {content:''; background:rgba(0,0,0,0.3);}
.about_head .inner {background:#fff; border-radius:1.25rem; padding:0 2.5rem 2.5rem; text-align:center;}
.about_head .inner .title {display:block; background:var(--color); border-radius:50rem; color:#fff; display:flex; justify-content:center; align-items:center; height:40px; max-width:80px; margin:0 auto; position:relative; top:-20px;}
.about_head .inner em {display:block; border-bottom:1px dashed #ccc; padding-bottom:15px; font-size:1.875rem; font-weight:700; line-height:1.4;}
.about_head .inner .info {display:inline-block; margin-top:10px;}
.about_head .inner .info span {display:inline-block; font-size:1.25rem;}
.overview_list {display:flex; flex-wrap:wrap; margin-top:-2.5rem;}
.overview_list > li {width:100%; margin-top:2.5rem;}
.overview_list > li em {display:flex; font-size:1.625rem; font-weight:700; margin-bottom:10px;}
.overview_list > li em::before {content:''; background:url(../images/icon_con_tit.png) 0 0 no-repeat; background-size:contain; flex:0 0 1.188rem; height:1.188rem; margin:11px 8px 0 0;}
.past_list {display:flex; flex-wrap:wrap; margin:-15px 0 0 -15px;}
.past_list > li {width:calc(25% - 15px); margin:15px 0 0 15px; border:1px solid var(--line); border-radius:12px; padding:10px; text-align:center;}
.past_list > li strong {display:block;}
/* CI소개 */
.ci_int > dl + dl {margin-top:5rem;}
.ci_int > dl > dt {font-size:1.375rem; font-weight:700;}
.ci_int > dl > dd {margin-top:15px;}
.ci_int > dl > dd .desc {margin-top:1.875rem;}
.ci_img {background:url(../images/ci_bg.png) 0 0 repeat; border:1px solid var(--line); padding:80px 30px; text-align:center;}
.ci_img img {width:80%; max-width:200px;}
.color_system {display:flex; flex-wrap:wrap; gap:20px;}
.color_system > li {width:calc((100% - 100px) / 6); text-align:center;}
.color_system > li .imgs img {width:50%; max-width:70px;}
.color_system > li .colorbox {display:block; width:45px; height:45px; border-radius:50rem; margin:15px auto 0;}
.color_system > li:nth-child(1) .colorbox {background:var(--gradient);}
.color_system > li:nth-child(2) .colorbox {background:linear-gradient(90deg, #0066b3 0%, #44c8f5 100%);}
.color_system > li:nth-child(3) .colorbox {background:linear-gradient(90deg, #231f20 0%, #bcbec0 100%);}
.color_system > li:nth-child(4) .colorbox {background:#231f20;}
.color_system > li:nth-child(5) .colorbox {background:#c8964d;}
.color_system > li:nth-child(6) .colorbox {background:#bfc0c2;}
.color_system > li .text {font-size:13px; margin-top:15px; line-height:1.3;}
.color_system > li .text strong {display:block;}
.logo_type {display:flex; gap:20px;}
.logo_type > li {width:calc((100% - 40px) / 3); border:1px solid var(--line); padding:1.875rem 10px; text-align:center;}
.logo_type > li .tit {display:block; height:45px; margin-bottom:0.938rem;}
.logo_type > li img {max-width:70%;}
.logo_type.v2 {flex-wrap:wrap;}
.logo_type.v2 > li {width:100%;}
.logo_type.v2 > li img {max-width:60%;}
.logo_type.v2 .logo_emblem img {width:70%; max-width:400px;}

/* 인사말 */
.greeting .int_tit {font-size:1.75rem; font-weight:600; line-height:1.5; margin-bottom:2.5rem; text-align:center;}
.greeting .imgs {margin:2.5rem 0; position:relative; display:flex; align-items:center; text-align:center;}
.greeting .imgs::before, .greeting .imgs::after {content:''; background:#aebdcb; flex:1; height:1px;}
.greeting .imgs img {width:23%; max-width:112px; margin:0 15px;}
.greeting .cont .text {position:relative; line-height:1.7;}
.greeting .cont .text > p + p {margin-top:1.25rem;}
.greeting .cont .text em {display:block; font-size:1.375rem; font-weight:700; margin-bottom:0.625rem;}
.greeting .cont .text .sign {margin-top:2.25rem; text-align:right;}
.greeting .cont .text .sign strong {display:inline-block; font-size:1.625rem; font-family: "Gowun Batang", serif;}

/* 임원진 */
.executive .list {margin-top:20px;}
.executive .list > dl {border:1px solid #ccd0d4; border-radius:1rem; overflow:hidden;}
.executive .list > dl + dl {margin-top:1.25rem;}
.executive .list > dl > dt, .executive .list > dl > dd {padding:10px 1.25rem;}
.executive .list > dl > dt {display:flex; align-items:center; color:#111; font-weight:700; background:#f8f9fb; border-bottom:1px solid #ccd0d4; word-break:break-all;}
.executive .list > dl > dd {flex:1;}
.executive .list > dl ul {display:flex; flex-wrap:wrap;}
.executive .list > dl ul > li {position:relative; padding-left:12px; width:200px; margin:1px 3px;}
.executive .list > dl ul > li::before {content:''; display:block; background:#aaa; border-radius:50px; width:4px; height:4px; position:absolute; top:11px; left:0;}
.executive .list > dl ul > li i {display:inline-block;}
/* 임원진 table */
.executive .group + .group {margin-top:2.5rem;}
.executive .group h4 {font-size:1.25rem;}
.executive table {table-layout:fixed; border-top:0; margin-top:-1px;}
.executive table th, .executive table td {border-top:1px solid #d7e0e9; padding:10px 7px; color:#111; font-size:0.938rem; word-break:keep-all; text-align:center;}
.executive table th:not(:last-child) {border-right:1px solid #a2adb9;}
.executive table td:not(:last-child) {border-right:1px solid #d7e0e9;}
.executive table tr:first-child th {border-color:#a2adb9;}
.executive table th {background:#f0f3f6;}
.executive table .bg td {background:rgba(180,35,0,0.08); border-color:#e1d4d0;}

/* history */
.hs_wrap .tabs > ul > li {flex:1;}
.hs_wrap .list {position:relative; margin-top:50px;}
.hs_wrap .list ul {position:relative;}
.hs_wrap .list ul::after {content:''; display:block; position:absolute; left:13px; top:0; width:1px; height:100%; border-left:2px dotted #dadee1;}
.hs_wrap .list ul li {position:relative; padding:0 0px 20px 60px; text-align:left;}
.hs_wrap .list ul li::before {content:''; display:block; position:absolute; top:13px; left:0; width:45px; height:2px; background:var(--color);}
.hs_wrap .list ul li .year {font-size:1.75rem; font-weight:700; line-height:80%; color:var(--color); margin-bottom:20px; letter-spacing:-1px; text-align:inherit;}
.hs_wrap .list ul li .year::after {content:''; width:26px; height:26px; background-color:var(--color); border:8px solid #eef0f9; border-radius:50%; box-sizing:border-box; position:absolute; left:0; top:0; z-index:1;}
.hs_wrap .list .area {display:flex; position:relative; margin-bottom:5px;}
.hs_wrap .list .area .date {color:var(--color); font-weight:700; flex:0 0 70px; font-family: "Roboto", 'Pretendard', sans-serif;}
/* .hs_wrap .list .area .date::after {content:'월';} */

/* map */
.map_wrap .root_daum_roughmap {width:100%;}
.map_wrap .root_daum_roughmap .cont {display:none;}
.map_info {margin:0 0 40px;}
.map_info span {display:block; position:relative; padding-left:65px;}
.map_info span + span {margin-top:0.938rem;}
.map_info span strong {display:block; margin-right:10px;}
.map_info span::before {background:#fff; border:1px solid #dbdbdb; border-radius:50rem; display:flex; justify-content:center; align-items:center; width:50px; height:50px; font-size:1.5rem; line-height:1; font-family:var(--material); margin:-3px 10px 0 0; position:absolute; left:0;}
.map_info span.addr::before {content:'\e55e';}
.map_info span.tel::before {content:'\e0b0';}
.map_info span.fax::before {content:'\ead8';}
.map_info span.email::before {content:'\e158';}
.map_info span.time::before {content:'\e855';}

/* con_head */
.con_box .info_box {background:#fff; border-radius:1rem; margin-bottom:0;}
.con_box .info_box .ex_group {color:#2d2d2d;}
.con_head .inbox {background:none; font-size:1.25rem; padding:0 1.25rem; text-align:center;}
.con_head .inbox .text_group {line-height:1.4;}
.con_head .inbox .text_group strong {display:inline-block; font-size:1.5rem;}
.con_head .inbox .icons {display:block; width:35%; max-width:110px; margin:0 auto 0.938rem;}
.con_head .inbox .icons i {display:flex; align-items: center; justify-content: center; background:#fff; border:4px solid #cad4dc; border-radius:100%; width:100%; margin:0 auto; position:relative;}
.con_head .inbox .icons i::before {content:''; display:block; padding-bottom:100%;}
.con_head .inbox .icons i::after {content:''; display:flex; align-items: center; justify-content: center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:50%; height:50%;}
.thesis_top .inbox .icons i::after {background-image:url(../images/content/thesis_int_icon.png);}

/* 정관 */
.rule {font-size:1.063rem;}
.rule h4:not(:first-child) {margin-top:1.875rem;}
.rule h4:not(.con_tit) {font-size:1.25rem; padding:10px 0; border-top:1px solid #8d8e8e; border-bottom:1px solid #8d8e8e; margin-bottom:20px; text-align:center;}
.rule dl {margin-bottom:0.938rem; line-height:1.5;}
.rule dl dt:not(.info_box > dt) {font-size:1.25rem; font-weight:700; margin-bottom:0.375rem;}
.rule dl dd + dt {margin-top:0.938rem;}
.rule dl dd ol, .rule dl dd ul:not(.info_box ul) {margin-top:7px; margin-bottom:7px;}
.rule dl dd ol > li + li, .rule dl dd ul > li + li {margin-top:5px;}
.rule dl dd table {margin:10px 0 15px;}
.rule dl dd table th, .rule dl dd table td {padding:8px 10px; font-size:1rem;}
.rule dl dd table th ul {font-weight:400;}
.rule em, .rule i {font-style:italic;}
.ex_group {background:#f8f9fb; border:1px dashed #ccc; padding:20px; margin:10px 0 20px; font-size:0.938rem; letter-spacing:0; font-weight:400; font-family: "Roboto", 'Pretendard', serif; text-indent:0;}
.ex_group > p + p {margin-top:10px;}
.rule .info_box > dd {font-size:inherit;}
/* numberstyle */
.numlist {counter-reset: number 0;}
.numlist > li {position:relative; list-style:none;}
.numlist > li + li {margin-top:7px;}
.numlist > li::before {counter-increment: number 1; content: counter(number) ')'; font-size:1rem; display:inline-flex; text-indent:calc(17px * -1); margin-right:2px;}
.numcircle {counter-reset: circle 0; margin-left:0;}
.numcircle > li {position:relative; padding-left:20px; list-style:none;}
.numcircle > li + li {margin-top:7px;}
.numcircle > li::before {counter-increment: circle 1; content: counter(circle); font-size:0.625rem; background:#fff; border:1px solid #333; border-radius:50%; flex:0 0 12px; width:12px; height:12px; line-height:13px; text-align:center; margin:6px 5px 0 0; position:absolute; top:0; left:0;}
.numalpha {counter-reset: alphabet 0; margin-left:0;}
.numalpha > li {position:relative; padding-left:20px; list-style:none;}
.numalpha > li + li {margin-top:7px;}
.numalpha > li::before {counter-increment: alphabet 1; content: counter(alphabet, lower-alpha) ')'; position:absolute; top:0; left:0;}
.numlist li[value="6"] {counter-increment: number;}
.numlist li[value="8"] {counter-increment: number; /* 7을 건너뛰고 증가 */}
.numko li {display:flex;} /* 가나다순 */
.numko li + li {margin-top:7px;}
.numko li::before {content:attr(data-index) ". "; margin-right:3px;}
/* rule_notice */
.rule_notice {margin-bottom:30px;}
/* rule_step */
.rule_step {margin-top:10px;}
.rule_step > li {display:flex; justify-content: center;}
.rule_step > li + li {margin-top:10px;}
.rule_step > li > * {padding:12px 10px; border-radius:12px; display:flex; align-items:center;}
.rule_step > li .step {width:120px; margin-right:20px; background:#f7efe7; font-weight:600; position:relative; justify-content:center; text-align:center;}
.rule_step > li .step::after {content:''; display:block; position:absolute; right:-10px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #f7efe7;}
.rule_step > li .desc {width:calc(100% - 140px); background:#fff; border:1px solid #cdd5de; box-shadow:2px 2px 5px rgba(80,80,80,0.1); padding-left:30px;}
/* etc_info */
.etc_info {margin:-20px 0 0 -20px;}
.etc_info > dl {border:1px solid #ddd; border-radius:var(--bnround); padding:1.25rem 1.875rem; margin:20px 0 0 20px;}
.etc_info > dl > dt {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; font-size:1.25rem; display:flex; align-items:center;}
.etc_info > dl > dt .icons {display:inline-flex; justify-content:center; align-items:center; background:#ffeae4; border-radius:50rem; width:45px; height:45px; margin-right:10px;}
.etc_info > dl > dt .icons::before {content:'\e0f0'; font-family:var(--material); font-size:1.375rem; font-weight:400; color:var(--color);}
.etc_info > dl.pay > dt .icons::before {content:'\e560';}
.contact_info {margin-top:5px;}
.contact_info > span {display:inline-block;}
/* rule_이력 */
.doc_history {display:flex; justify-content:flex-end; max-width:230px; margin:0 0 0 auto; position:relative;}
.doc_history > button {display:inline-flex; justify-content:flex-end; align-items:center; background-color:transparent; font-size:1rem; width:100%; position:relative;}
.doc_history > button::after {content:''; display:block; width:6px; height:6px; border-bottom:2px solid #555; border-right:2px solid #555; transform:rotate(45deg); margin:-2px 0 0 10px;}
.viewmore {background:#fff; border:1px solid #ddd; border-radius:12px; box-shadow:0px 2px 12px rgba(0,0,0,0.08); width:100%; padding:35px 1rem 1rem; position:absolute; top:0; z-index:1; display:none;}
.viewmore.on {display:block;}
.toggle_close {background:none; border:0; position:absolute; top:10px; right:10px;}

/* 설립취지 및 목적 */
.purpose {background:#f9f9fc; font-weight:600; padding:3.75rem 1.25rem 1.25rem; position:relative; z-index:1;}
.purpose::before {content:''; background:url(../images/content/mission_box_bg.png) 0 0 no-repeat; background-size:contain; width:60%; height:60%; position:absolute; top:0; left:0; mix-blend-mode: luminosity; opacity:0.4; z-index:-1;}
.purpose .tit {display:block; background:#4763c4; border-radius:50rem; color:#fff; font-size:1.375rem; font-weight:700; height:2.5rem; line-height:2.5rem; max-width:200px; margin:0 auto 1.25rem; position:relative; text-align:center;}
.purpose .group + .group {margin-top:2.5rem;}
.purpose .cont01 + .cont01 {position:relative; margin-top:3.875rem;}
.purpose .cont01 + .cont01::before {content:''; position:absolute; left:50%; top:17px; width:17rem; height:17rem; background:linear-gradient(320deg, rgba(255, 255, 255, 0) 60%, #ccc); transform:translate(-50%, -55%) scaleY(0.3) rotate(45deg); opacity:0.5;}
.purpose .cont01 {max-width:800px; margin:0 auto; font-size:1.125rem; text-align:center;}
.purpose .cont01 > dt {background:#4763c4; border-radius:50rem; color:#fff; font-size:1.375rem; font-weight:700; height:2.5rem; line-height:2.5rem; max-width:200px; margin:0 auto -1.25rem; position:relative;}
.purpose .cont01 > dd {background:rgba(255,255,255,0.9); border:1px solid #cad4dc; box-shadow:3px 3px 20px rgba(0,0,0,0.2); border-radius:50rem; padding:1.75rem 1.25rem 1.25rem;}
.purpose .cont01 + .cont01 > dt {background:#4ec8aa;}
.org_chart {background:#fff; border:1px dashed #c8c8c8; border-radius:12px; padding:1.875rem; margin-top:2rem;}
.org_chart .cont {position:relative; z-index:1; max-width:800px; margin:0 auto;}
.org_chart .cont::before {content:''; border-left:2px dashed #b9bcbe; width:1px; height:50%; position:absolute; top:0; left:50%; z-index:-1;}
.org_chart .cont .group01 {display:flex; justify-content:center; align-items:center; background:linear-gradient(15deg, #7ebafd, #3c87e4); border:0.625rem solid #dde8fb; border-radius:50rem; color:#fff; font-size:1.25rem; font-weight:700; width:35%; max-width:130px; margin:0 auto;}
.org_chart .cont .group01::before {content:''; display:block; padding-bottom:100%;}
.org_chart .cont .group02 {width:50%; padding-left:21%; float:right; position:relative; margin:-30px 0;}
.org_chart .cont .group02::before {content:''; border-bottom:2px dashed #b9bcbe; width:50%; height:1px; position:absolute; top:50%; left:0; z-index:-1;}
.org_chart .cont .group02 .item {background:var(--color); border-color:transparent; color:#fff; max-width:200px;}
.org_chart .cont .group03 {display:flex; justify-content:center; align-items:center; background:#f4f7fa; border:0.25rem solid #3084d1; border-radius:50rem; color:#3084d1; font-size:1.125rem; font-weight:700; width:30%; max-width:100px; margin:0 auto; position:relative; clear:both;}
.org_chart .cont .group03::before {content:''; display:block; padding-bottom:100%;}
.org_chart .cont .group04 {background:#fbfbfb; border:2px dashed #b9bcbe; border-radius:12px; padding:0.938rem; margin-top:2.5rem;}
.org_chart .cont .group04 .item, .org_chart .cont .group04 .item + .item {margin:3px;}
.org_chart .cont .group04 .group0402 {display:flex; flex-wrap:wrap;}
.org_chart .cont .group05 {display:flex; justify-content:center; align-items:center; background:#f4f7fa; border:0.125rem solid #3084d1; border-radius:50rem; color:#3084d1; font-weight:700; padding:7px 5px; width:30%; max-width:150px; position:absolute;}
.org_chart .cont .item {display:block; background:#e4f1fd; border:1px solid #bdd2e4; border-radius:4px; max-width:230px; padding:5px 5px; text-align:center;}
.org_chart .cont .item + .item {margin-top:7px;}
/* part item */
.partitem {position:relative; z-index:1; max-width:1000px; margin:2rem auto 0;}
.partitem .wrap {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.partitem .wrap > div:not(.circle) {width:45%; display:flex;}
.partitem .wrap > div .imgs {display:flex; align-items: center; justify-content: center; background:none; border:2px solid #fff; box-shadow: 0 0 25px 0 rgba(50,50,50,0.25); border-radius:100%; width:40%; max-width:220px; position:relative;}
.partitem .wrap > div .imgs::after {content:''; display:block; padding-bottom:100%;}
.partitem .wrap > div .imgs > p {display:flex; align-items: center; justify-content: center; background:#1e3954; border-radius:100%; position:absolute; width:95%; height:95%;}
.partitem .wrap > div .imgs > p > span {display:flex; align-items: center; justify-content: center; position:absolute; width:50%; height:50%;}
.partitem .wrap > div .imgs > p > span img {max-height:100%;}
.partitem .wrap > div .cont {width:100%; line-height:1.3;}
.partitem .wrap > div .cont .title {display:block; font-size:1.25rem; padding:0 25px 10px 0; margin-bottom:0.75em; position:relative; text-align:right;}
.partitem .wrap > div .cont .desc {color:#666;}
.partitem .wrap > div .cont .desc p + p {margin-top:0.25em;}
.circle {display:flex; align-items: center; justify-content: center; width:30%; position:relative; right:0; margin-right:-8%; z-index:1;}
.circle .bi_img {position:absolute; width:60%; max-width:250px; z-index:1;}
.circle .rotate {animation: circle_motion 20s linear 0s infinite normal; -webkit-animation: circle_motion 20s linear 0s infinite normal; -moz-animation: circle_motion 20s linear 0s infinite normal;}
.circle .rotate img {width:100%;}
/*circle ani*/
@keyframes circle_motion {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}

@-webkit-keyframes circle_motion {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}
.purpose .cont02 {margin-top:2rem;}
.item_group {display:flex; flex-wrap:wrap; gap:7px;}
.item_group > li {flex:1; background:#fff; border:1px solid #cad4dc; border-radius:12px; overflow:hidden;}
.item_group > li .innerbox em {display:flex; justify-content:center; align-items:center; background:#333; font-size:1.125rem; height:2.875rem; text-align:center;}
.item_group > li .innerbox em i {background:rgba(0,0,0,0.08); border-radius:4px; font-size:1.5rem; line-height:1.4; padding:0 7px;}
.item_group > li .innerbox .desc {font-size:1rem; font-weight:400; line-height:1.4; padding:0.875rem 1.125rem;}
.item_group > li .innerbox .desc .dot_list > li + li {margin-top:5px;}
.item_group > li:nth-child(1) .innerbox em {background:#d9f5eb;}
.item_group > li:nth-child(2) .innerbox em {background:#c4f1f5;}
.item_group > li:nth-child(3) .innerbox em {background:#c5deff;}
.item_group > li:nth-child(4) .innerbox em {background:#d3defd;}
.item_group > li:nth-child(5) .innerbox em {background:#e4daff;}
.item_group.policy > li:nth-child(1) .innerbox em {background:#b4eee2;}
.item_group.policy > li:nth-child(2) .innerbox em {background:#07a7c9; color:#fff;}
.item_group.policy > li:nth-child(3) .innerbox em {background:#407bef; color:#fff;}

/* 분과 안내 */
.part_info {text-align:center;}
.part_info .title {display:inline-flex; justify-content:center; align-items:center; background:var(--color); border-radius:100px; color:#fff; font-size:1.25rem; padding:0 2.688rem; height:52px;}
.part_info .inner {width:100%; border:6px solid #cad4dc; border-radius:30px; padding:4% 2.5%; margin-top:-30px; position:relative; z-index:-1;}
.part_info .item {display:flex; justify-content:center; flex-wrap:wrap; gap:15px;}
.part_info .item > li {background:#fff; border-radius:20px; font-size:1.125rem; font-weight:600; line-height:1.4; width:calc((100% - 75px) / 6); padding:1.875rem 0.5rem; border:2px solid #dbdbdb;}
.part_info .item > li .text {display:flex; flex-direction:column; justify-content:center; max-width:150px; margin:8.5% auto 0;}
.part_info .item > li .text i {display:block;}
.part_info .item > li .icons {display:inline-flex; align-items:center; justify-content:center; width:52%; max-width:105px; position:relative;}
.part_info .item > li .icons::after {content:''; display:block; padding-bottom:100%;}
.part_info .item > li .icons i {display:flex; align-items:center; justify-content:center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:100%; height:90%;}
.part_info .item > li.item01 .icons i {background-image:url(../images/content/part_icon01.png);}
.part_info .item > li.item02 .icons i {background-image:url(../images/content/part_icon02.png);}
.part_info .item > li.item03 .icons i {background-image:url(../images/content/part_icon03.png);}
.part_info .item > li.item04 .icons i {background-image:url(../images/content/part_icon04.png);}
.part_info .item > li.item05 .icons i {background-image:url(../images/content/part_icon05.png);}
.part_info .item > li.item06 .icons i {background-image:url(../images/content/part_icon06.png);}
.part_info .item > li.item03 > div > span {font-size:1.375rem;}
.part_info .item > li.item04 > div > span {color:#888888; font-size:0.875rem; margin-top:4px;}

/* 관련사이트 */
.fm_site {display:flex; flex-wrap:wrap; gap:15px;}
.fm_site > li {width:calc((100% - 45px) / 4);}
.fm_site > li > a {display:block; border:1px solid #ddd; border-radius:5px 5px 1.25rem 5px; height:100%; transition:all 0.3s;}
.fm_site > li > a > .thumb {display:flex; justify-content:center; align-items:center; padding:10px 0; position:relative;}
.fm_site > li > a > .thumb::before {content:''; display:block; padding-bottom:20%;}
.fm_site > li > a > .thumb img {position:absolute; max-width:80%; max-height:50%;}
.fm_site > li > a > em {display:block; line-height:1.4; border-top:1px solid #e1e1e1; padding:10px; text-align:center;}
.fm_site > li > a:hover, .fm_site > li > a:focus {border-color:#777; box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15); -webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}
.site_list {display:flex; flex-wrap:wrap; gap:10px;}
.site_list > li {width:calc((100% - 30px) / 4);}
.site_list > li a {display:block; border:1px solid #d2d2d2; padding:12px 10px; height:100%; text-align:center; pointer-events:none; transition:all 0.3s;}
.site_list > li > a:hover, .site_list > li > a:focus {border-color:#777; box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15); -webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}
.site_list > li a > span {display:inline-block; font-size:1rem; font-weight:500;}
.site_list > li a > span::after {content:'\e89e'; display:none; justify-content:center; align-items:center; background:#cdcdcd; border-radius:50rem; color:#fff; font-weight:400; width:30px; height:30px; margin:5px auto 0; font-family:var(--material);}
.site_list > li a > span i {display:block; color:#888; font-size:0.938rem; font-weight:400; letter-spacing:0; word-break:break-all;}
.fm_site > li a[href="#"] {pointer-events: none;}

/* 학술지소개 */
.journal_intro .main_text {background:url(../images/dott_pattern_bg.png) 0 0 repeat; border-radius:12px; font-size:1.25rem; padding:5px; text-align:center; margin-bottom:1.563rem; position:relative; overflow:hidden;}
.journal_intro .main_text::before {content:''; background:var(--color); width:30px; height:30px; position:absolute; bottom:0; left:0;}
.journal_intro .main_text::after {content:''; background:var(--color); width:30px; height:30px; position:absolute; top:0; right:0;}
.journal_intro .main_text .inner {background:#fff; border-radius:8px; padding:1.25rem; position:relative; z-index:1;}
.journal_intro .main_text em {display:block; font-size:2.125rem; font-weight:800; color:var(--color);}
/* .journal_intro .main_text::after {content:''; display:block; width:8px; height:8px; border-bottom:2px solid var(--color); border-right:2px solid var(--color); transform:rotate(45deg); margin:0.625rem auto 0;} */

/* int_con */
.int_con {text-align:center;}
.int_con .icons {display:block; width:30%; max-width:120px; margin:0 auto 1.25rem;}
.int_con .icons i {display:flex; align-items: center; justify-content: center; background:#f7f8fb; border-radius:100%; width:100%; margin:0 auto; position:relative;}
.int_con .icons i::before {content:''; display:block; padding-bottom:100%;}
.int_con .icons i::after {content:''; display:flex; align-items: center; justify-content: center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:50%; height:50%;}
.int_con .cont .main_text em {display:block; font-size:1.5rem; font-weight:700; margin-bottom:3px;}

/* line_step */
.line_step {position:relative; margin-top:1.25rem; padding-bottom:20px;}
.line_step > ul {display:flex; flex-wrap:wrap; gap:20px;}
.line_step > ul::after {content:''; background:url(../images/form/dott_pattern_bg.png) left center repeat-x; width:100%; height:5px; position:absolute; bottom:0; left:0; z-index:-1;}
.line_step > ul > li {flex:1; position:relative;}
.line_step > ul > li::after {content:''; display:block; background-color:var(--color); border:2px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius:100%; width:15px; height:15px; margin:0 auto; position:absolute; bottom:-25px; left:0; right:0; box-sizing:border-box;}
.line_step > ul > li > .cont {background:#fff; border:1px solid #cad4dc; border-radius:12px; height:100%; overflow:hidden; text-align:center;}
.line_step > ul > li > .cont .title {display:flex; justify-content:center; align-items:center; background:var(--color); color:#fff; font-size:1.125rem; height:2.5rem; text-align:center;}
.line_step > ul > li > .cont .desc {font-size:1rem; font-weight:400; line-height:1.5; padding:0.625rem 1.125rem;}
.line_step > ul > li:nth-child(even) > .cont .title {background-color:#8ea9e7;}

/* 회원가입안내 */
.mber_guide .int_con .icons i::after {background-image:url(../images/mber_guide_int_icon.png);}
.mber_guide .info_tb {margin-bottom:30px;}
.mber_guide .info_tb > dl {border:1px solid var(--line); border-top-color:#555;}
.mber_guide .info_tb > dl + dl {margin-top:15px;}
.mber_guide .info_tb > dl dt, .mber_guide .info_tb > dl dd {padding:15px; text-align:center;}
.mber_guide .info_tb > dl dt {background:#f4f5f8; font-weight:700;}
.mber_guide .info_tb .annual {display:block; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:20px;}
/* 회원가입안내_가입방법 */
.join_process {margin-top:2.5rem;}
.join_process > ul {display:flex; justify-content:center; margin:-20px;}
.join_process > ul > li {display:flex; flex-direction:column; flex:1; background:#f7f8f9; border:1px solid #c7c7c7; border-radius:1rem; font-weight:500; margin:20px; position:relative; text-align:center;}
.join_process > ul > li + li::before {content:'\e5e1'; font-size:18px; display:block; font-family:var(--material); position:absolute; top:50%; left:-30px; margin-top:-10px;}
.join_process > ul > li .num {display:flex; justify-content:center; align-items:center; background:var(--gradient); color:#fff; border-radius:50rem; padding:0 15px; width:100%; height:2.5rem; max-width:100px; margin:-1.25rem 20px 0;}
.join_process > ul > li .desc {padding:1.25rem 15px; max-width:90%; margin:0 auto;}
/* contact_info */
.contact_info {margin:-10px 0 0 -20px;}
.contact_info > dl {border:1px solid #b2b7c7; border-radius:var(--bnround); padding:0.938rem 1.875rem; margin:20px 0 0 20px;}
.contact_info > dl > dt {border-bottom:1px dashed #b2b7c7; padding-bottom:10px; margin-bottom:0.938rem; font-size:1.125rem; font-weight:700; display:flex; align-items:center;}
.contact_info > dl > dt .icons {display:inline-flex; justify-content:center; align-items:center; background:#e4efff; border-radius:50rem; width:45px; height:45px; flex:0 0 45px; margin-right:10px;}
.contact_info > dl > dt .icons::before {content:'\efd1'; font-family:var(--material); font-size:1.5rem; font-weight:400; color:var(--color);}
.contact_info > dl > dd .group {position:relative; padding-left:15px;}
.contact_info > dl > dd .group::before {content:''; background:var(--color); border-radius:50rem; width:5px; height:5px; position:absolute; top:10px; left:0;}
.contact_info > dl > dd .group + .group {margin-top:10px;}
.contact_info > dl > dd span {display:block;}
.contact_info > dl > dd .item_name {margin-bottom:5px;}
.contact_info .bank_user {display:block; font-size:0.938rem;}
/* cs */
.cs_wrap {margin-top:2.5rem;}
.cs_wrap .info em {display:block; font-size:1.5rem; font-weight:800; font-style:normal; line-height:1; margin-right:1.875rem;}
.cs_wrap .info strong {display:block; font-size:1.25rem;}
.cs_wrap .info strong i {font-size:1rem; font-weight:400;}
.cs_wrap .icon {display:block; width:25%; max-width:80px; margin-right:1.25rem;}
.cs_wrap .icon i {display:flex; align-items: center; justify-content: center; background:#f4f5f8; border-radius:100%; width:100%; position:relative;}
.cs_wrap .icon i::before {content:''; display:block; padding-bottom:100%;}
.cs_wrap .icon i::after {content:''; background:url(../images/content/cs_icon02.png) 50% 50% no-repeat; background-size:contain; position:absolute; width:50%; height:45%;}

/* mypage */
.my_menu {display:flex; flex-wrap:wrap; max-width:1200px; margin:0 auto;}
.my_menu > dl {width:31.33%; margin:1%; border:1px solid var(--color); border-radius:12px 1.875rem 12px 1.875rem; padding:20px;}
.my_menu > dl > dt {border-bottom:solid 1px #ddd; font-size:1.375rem; font-weight:600; padding:13px; margin-bottom:15px;}
.my_menu > dl > dd {font-size:1.125rem;}
.my_menu > dl > dd a {display:flex; justify-content:space-between; color:#777; padding:10px 13px; transition:var(--transition);}
.my_menu > dl > dd a::after {content:'\f1df'; font-family:var(--material); color:#aaa; transition:var(--transition);}
.my_menu > dl > dd a:hover {background:var(--gradient); color:#fff;}
.my_menu > dl > dd a:hover::after {color:#fff;}

/* 증명서발급 */
.sel_box {background:#f4f5f8; border:1px solid #c7c7c7; border-radius:12px; padding:20px; overflow:hidden; margin-bottom:40px;}
.sel_box > dt {color:var(--colorS); border-bottom:1px dashed #c7c7c7; font-weight:600; padding-bottom:10px; margin-bottom:1.375rem; text-align:center;}
.sel_box > dt::before {content:'\ea5a'; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:50rem; box-shadow:0 2px 12px rgba(55,90,127,0.15); width:45px; height:45px; margin:0 auto 5px; font-size:24px; font-weight:400; font-family:var(--material);}
.sel_box > dd {text-align:center;}
.sel_box > dd select {max-width:400px; border:1px solid var(--colorS); color:var(--colorS); font-weight:600;}
.sel_box + .info_txt {margin-top:-20px;}

/* 준비중 */
.readyWrap {height: 300px; line-height: 300px; font-size: 1.5rem; text-align: center; background-color: #f9f9f9; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c1c1c1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

/* conference_title */
.confer_title {background:url(../images/form/dott_pattern_bg.png) 0 0 repeat; padding:6px; font-size:1.625rem; font-weight:700; margin-bottom:30px; text-align:center;}
.confer_title .inner {background:#fff; padding:1.25rem; position:relative; z-index:1;}
.confer_title .tit {display:inline-block; background:#e5eafa; border-radius:4px; color:var(--colorS); font-size:0.938rem; font-weight:500; padding:3px 12px; margin-bottom:7px;}
.confer_title em {display:block;}
.confer_title + section {margin-top:0;}
/* conference */
.conference_list .no_data_msg {justify-content:center;}
.conference_list > li, .conference_list > div {display:flex; background:#f9fafb; border:1px solid #b2b7c7; border-radius:6px; padding:1.25rem 1.875rem; position:relative;}
.conference_list > li + li {margin-top:1.875rem;}
.conference_list .imgs {position:relative; width:200px;}
.conference_list .imgs > a {display:block;}
.conference_list .img_thumb {display:block; position:relative; width:100%; padding-top:123%; background-image:url(../images/form/conference_bg.jpg); background-repeat:no-repeat; background-position:50%; background-size:cover; box-shadow: -5px -5px 16px 0 rgba(255,255,255,0.3), 5px 5px 16px 0 rgba(0, 0, 0, 0.07); border:1px solid #eee; border-radius:12px;}
.conference_list .no_img > span {position:absolute; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:1.25rem; font-weight:700; padding:15px; text-align:center;}
.conference_list .cont {padding:0 0 0 3.125rem; width:calc(100% - 200px);}
.conference_list .cont .item {border-bottom:1px dashed #ccc; padding-bottom:1.125rem; margin-bottom:1.25rem;}
.conference_list .cont .title {color:#2d2d2d; font-size:1.5rem; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.conference_list .cont .subtit {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:0.625rem;}
.conference_list .cont .info > li {display:flex; align-items:flex-start;}
.conference_list .cont .info > li + li {margin-top:0.438rem;}
.conference_list .cont .info > li > span {display:block; background:#fff; border:1px solid #dbdbdb; border-radius:50rem; font-size:0.938rem; line-height:26px; width:60px; flex:0 0 60px; margin-right:10px; text-align:center;}
.conference_list .cont .info > li > span i {color:var(--color); width:20px; text-align:center;}
.conference_list .cont .info > li > div {flex:1; font-size:1.063rem; font-weight:500;}
.conference_list .info_doc, .conference_list .imgs > .info_doc {display:flex; justify-content:space-between; background:none; border:0; border-bottom:1px solid #bbb; border-radius:0; height:2.25rem; padding:0 10px; margin-top:0.625rem;}
.conference_list .state {position:absolute; top:-0.625rem; left:-0.625rem; width:3.375rem; height:3.375rem; line-height:1.3; background:var(--colorP); border-radius:50rem; color:#fff; font-size:0.938rem; font-weight:700; display:flex; justify-content:center; align-items:center; text-align:center;}
.conference_list .state i {display:block; font-size:11px;}
.conference_list .bg01 {background:var(--confWait);}
.conference_list .bg02 {background:var(--confIng);}
.conference_list .bg03, .conference_list .bg04 {background:var(--confEnd);}
.conference_list .btn_group {margin:1.25rem 0 0 -2px; display:flex;}
.conference_list .btn_group > a {width:150px; height:40px; margin:2px;}
/* conference_view */
.conference_list.view .cont {display:flex; flex-direction:column; justify-content:space-between;}
.conference_list.view .cont .title, .conference_list.view .cont .subtit {overflow:inherit; white-space:normal;}
.conference_list.view .cont .subtit {display:flex; margin-top:0.938rem;}
.conference_list.view .cont .subtit i {display:block; flex:0 0 auto; margin-right:5px;}
.conference_list.view .btn_group {margin-top:1.5rem;}
.conference_list.view .btn_group > a {height:45px;}
.confer_wrap .detailview {border:1px solid #dcdee1; border-radius:6px; padding:1.875rem; margin-top:2.5rem;}
/* 공저자 */
#coauthor-view .input_group {position:relative; padding-right:30px;}
#coauthor-view .input_group > .chkbox {position:absolute; right:0; width:20px; height:20px;}
.abstract_list .between {display:flex; justify-content:space-between;}
.abstract_list .between .func_btn {margin-top:7px; flex:0 0 55px;}

/* 테이블 스타일 ------------------------------- */
table {width:100%; border-top:2px solid #555;}
table th, table td {border-bottom:1px solid var(--line); padding:9px 10px;}
table th {text-align:center;}
table td {background:#fff;}
table thead th {background:#f4f5f8;}
h4 + table {margin-top:10px;}
table + h4 {margin-top:40px;}

.tb_col th, .tb_col td {border:1px solid var(--line);}
.tb_col th:first-child, .tb_col td:first-child {border-left:0;}
.tb_col th:last-child, .tb_col td:last-child {border-right:0;}
.tb_col thead th {border-bottom-color:#555;}
.tb_col td {text-align:center;}
.tb_col.tl td, .tb_col td.tl {text-align:left;}

.tb_row th, .tb_row td {border:1px solid var(--line);}
.tb_row th:first-child, .tb_row td:first-child {border-left:0;}
.tb_row th:last-child, .tb_row td:last-child {border-right:0;}
.tb_row th {background:#f4f5f8;}

/* board ------------------------------- */
.bbs th, .bbs td {padding:0.938rem 1%;}
/* list ----- */
.bbs_list {border-top:2px solid #2d2d2d;}
.bbs_list td {text-align:center;}
.bbs_list td.b_tit > a {display:flex;}
.bbs_list td.b_tit > a:hover {text-decoration:underline;}
.bbs_list td.b_tit .title {display:inline-block; max-width:100%; position:relative; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_list td.b_tit .cate {display:block;}
.ico_new {display:inline-block; background:var(--color); border-radius:3px; width:15px; height:15px; position:absolute; top:4px; right:0; opacity:0.8; text-indent:-9999px;} /* 새글 */
.ico_new::after {content:''; background:url(../images/form/icon_new.png) 0 0 no-repeat; background-size:contain; width:7px; height:7px; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px;}
.ico_secret {display:inline-block; background:url(../images/form/icon_secret.png) 0 0 no-repeat; background-size:contain; width:12px; height:16px; margin:0 5px 0 0; vertical-align:middle; text-indent:-9999px;} /* 비밀글 */
.bbs_list .ico_secret {margin-top:5px; flex:0 0 12px;}
.bbs_list .ico_attach {display:inline-block; background:url(../images/form/icon_file.png) 0 0 no-repeat; background-size:contain; width:16px; height:20px; text-indent:-9999px;}
.bbs_list .ico_receipt {display:inline-block; background:url(../images/form/icon_receipt.png) 0 0 no-repeat; background-size:contain; width:18px; height:18px; text-indent:-9999px;}
/* thead */
.bbs_list thead tr th {background:#fff; border-bottom:1px solid #aaa;}
/* bbs_notice */
.th_notice td {/* background:rgba(0,0,0,0.03); */}
.nt_icon {display:inline-block; background:#fff; border:1px solid var(--color); border-radius:3px; color:var(--color); width:40px; height:23px; line-height:23px; font-size:12px; text-align:center;}

.no_data_msg {width:100% !important; text-align:center; padding:30px 2%; color:#888; font-size:1rem !important;} /* 게시글 없을때 */

/* bbs_gallery type */
.bbs_gall {display:flex; flex-wrap:wrap; gap:1.875rem;}
.bbs_gall > li {width:calc((100% - 3.75rem) / 3); border:1px solid var(--line); border-radius:12px; padding:20px; transition:all 0.3s;}
.bbs_gall > li.no_data_msg {border:0;}
.bbs_gall .imgs {position:relative; overflow:hidden;}
.bbs_gall .thumb_wrap {transition:all .2s linear; transform:scale(1);}
.bbs_gall > li:hover {border-color:#777; box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}
.bbs_gall a:hover .thumb_wrap {transform:scale(1.1);}
.bbs_gall .cont {margin-top:15px;}
.bbs_gall .cont .cate {display:block; color:var(--color); font-size:0.938rem; font-weight:600;}
.bbs_gall .cont .title {display:inline-block; font-size:1.125rem; font-weight:600; max-width:100%; position:relative; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_gall .cont .date {display:block; color:#888; font-size:0.875rem;}

/* bbs_thumbnail type */
.bbs_thumb > li + li {margin-top:1.25rem;}
.bbs_thumb > li > a {display:block; background:#f8f8f8; border:1px solid #c7c7c7; border-radius:12px; height:100%; overflow:hidden;}
.bbs_thumb .imgs {background:#fff; display:flex; align-items:center; padding:1.25rem;}
.bbs_thumb .imgs .thumb_wrap {width:100%; max-width:230px; margin:0 auto;}
.bbs_thumb .imgs .thumb_wrap::after {padding-bottom:37%;}
.bbs_thumb .imgs .thumb_wrap > img {max-width:85%; max-height:95%; object-fit:contain;}
.bbs_thumb .cont {padding:1.25rem 1.25rem;}
.bbs_thumb .cont .title {color:var(--title); border-bottom:1px solid #c7c7c7; padding-bottom:10px; font-size:1.25rem; font-weight:600;}
.bbs_thumb .cont .desc {display:block; color:var(--text); font-size:0.938rem; margin-top:15px; line-height:1.4; height:2.8em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.bbs_thumb .cont .date {display:block; color:#888; font-size:0.875rem; margin-top:10px;}

/* 내역조회 게시판 */
.info_bbs {border-top:2px solid #2d2d2d;}
.info_bbs > li {display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding:0.938rem 5px 0.938rem 65px; position:relative;}
.info_bbs > li .b_num {width:60px; position:absolute; left:0; text-align:center;}
.info_bbs > li .info {flex:1; padding-right:10px;}
.info_bbs > li .info .state {display:inline-block; background:#bbb; border-radius:50rem; color:#fff; font-size:12px; padding:3px 10px; margin-bottom:7px;}
.info_bbs > li .info .state.deposit {background:var(--colorS);}
.info_bbs > li .info em {display:block; font-size:1.375rem; font-weight:600; line-height:1.2; margin-bottom:12px;}
.info_bbs > li .info a:hover {text-decoration:underline;}
.info_bbs > li .info .sub_info {color:#888; font-size:0.875rem; margin-top:10px;}
.info_bbs > li .info .sub_info > p {display:flex;}
.info_bbs > li .info .sub_info > p + p {margin-top:3px;}
.info_bbs > li .info .sub_info i {margin-right:10px;}
.info_bbs > li .info .sub_info > p strong {font-weight:600; color:#333;}
.info_bbs > li .file {margin-top:15px; display:flex; border-top:1px dashed #ccc; padding-top:15px;}
.info_bbs > li .file i {background:#aaa; border-radius:3px; color:#fff; display:flex; justify-content:center; align-items:center; height:22px; font-size:12px; padding:0 7px; margin-right:5px;}
.info_bbs > li .file .list a {display:inline-block; position:relative; padding-left:17px; font-size:0.938rem; line-height:1.3; color:#777; margin:2px 7px; word-break:break-all;}
.info_bbs > li .file .list a::before {content:'\e226'; font-family:var(--material); font-size:1rem; position:absolute; top:0; left:0;}
.info_bbs > li .btn_wrap button {display:block; width:100%; max-width:180px; height:30px; padding:0 7px; line-height:normal; font-size:13px;}
.info_bbs > li .btn_wrap button + button {margin-top:7px;}

/* faq */
.faq_list {border-top:solid 3px #1c1c1e;}
.faq_list > li {border-bottom:solid 1px #dbdbdb; position:relative;}
.faq_list > li > a {display:flex; justify-content:space-between; font-size:1.25rem; padding:1rem 15px; position:relative;}
.faq_list > li > a::after {content:''; background:url(../images/form/icon_arrow_select.png) 0 0 no-repeat; background-size:contain; width:11px; height:7px; flex:0 0 11px; margin-top:10px;}
.faq_list > li > a.open::after {transform: rotate(180deg);}
.faq_list > li > a .title {display:inline-block; font-weight:500; padding:0 15px 0 35px; position:relative;}
.faq_list > li > a .title::before {content:'Q.'; font-weight:700; position:absolute; top:0; left:0;}
.faq_list > li > .cont {display:none; border-top:solid 1px #d4d4d6;}
.faq_list > li > .cont .wrap {background:rgba(0,34,79,0.05); position:relative; padding:20px 20px 20px 50px; min-height:50px;}
.faq_list > li > .cont .wrap::before {content:'A.'; font-weight:700; position:absolute; top:20px; left:15px;}
.faq_list > li > .cont .wrap .title {font-weight:700; margin-bottom:1.25rem;}
.faq_list > li > .cont .attach {font-weight:500; margin-top:30px;}
.faq_list > li > .cont .attach > p + p {margin-top:5px;}
.faq_list > li > .cont .attach > p > a {position:relative; padding-left:25px;}
.faq_list > li > .cont .attach > p > a::before {content:''; background:url(../images/form/Icon_attach.png) 0 0 no-repeat; background-size:contain; width:16px; height:20px; position:absolute; top:2px; left:0;}

/* bbs_calendar type */
.calendar_year_box {display:flex; justify-content:center; align-items:center; margin-bottom:1.875rem; overflow:hidden;}
.calendar_year_box .years {font-size:1.875rem; margin:0 15px; text-align:center;}
.calendar_year_box .years strong {color:var(--color); font-weight:800; line-height:0.9;}
.calendar_year_box button {background:#fff; border:1px solid #a9a9a9; border-radius:12px; width:40px; height:40px; padding:0; display:inline-flex; justify-content:center; align-items:center; text-indent:-9999px;}
.calendar_year_box button > span {background:url(../images/form/btn_cal_arrow.png) 0 0 no-repeat; background-size:contain; width:10px; height:17px; margin-right:2px;}
.calendar_year_box button.next > span {transform: rotate(180deg); margin:0 0 0 2px;}
.calendar_wrap ul {display:table; table-layout:fixed; width:100%;}
.calendar_wrap ul > li {display:table-cell; width:14.285714%; position:relative;}
.calendar_wrap ul > li:first-child {border-left:0;}
.calendar_wrap .weekdays {background:#4e545e; border-radius:1rem; color:#fff; font-size:1.125rem; margin-bottom:0.625rem; text-align:center;}
.calendar_wrap .weekdays > li {border:0; line-height:62px;}
.calendar_wrap .weekdays > li:first-child {color:#ff8686;}
.calendar_wrap .weekdays > li:nth-child(7) {color:#86c7ff;}
.calendar_wrap .day_wrap {border:1px solid #888; border-radius:1rem; overflow:hidden;}
.calendar_wrap .days + .days {border-top:1px solid #e5e5e5;}
.calendar_wrap .days > li {height:114px; padding:0.625rem;}
.calendar_wrap .days > li + li {border-left:1px solid #e5e5e5;}
.calendar_wrap .days > li .date {background:none; border:0; font-size:1rem; font-weight:500; padding:0;}
.calendar_wrap .days > li:first-child .date {color:#dc1313;}
.calendar_wrap .days > li:nth-child(7) .date {color:#1369d4;}
.calendar_wrap .days > li.today {background:#f7f7f7;}
.calendar_wrap .days > li.today .date em {display:flex; justify-content:center; align-items:center; width:2.25rem; height:2.25rem; background:#9ca5ae; border-radius:100%; color:#fff; font-weight:900;}
.calendar_wrap .days > li .event-container {margin-top:10px;}
.calendar_wrap .days > li .event-container > span {display:block; font-size:0.938rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

/* view ----- */
.bbs_view {border-top:2px solid #2d2d2d; border-bottom:1px solid #aaa;}
.bbs_view li {padding:20px 0;}
.bbs_view li + li {border-top:1px solid var(--line);}
.bbs_view .b_tit + li {border-top:0;}
.bbs_view .b_tit {padding:0; border-bottom:1px solid #ccc; text-align:center;}
.bbs_view .b_tit .subject {font-size:1.5rem; font-weight:700; line-height:1.3; padding:1.25rem 0;}
.bbs_view .b_tit .add_info {padding:15px 10px; background:#f9fafb; border-top:0 dashed #dfdfdf;}
.bbs_view li dl {display:flex; padding:0 10px;}
.bbs_view li dt {color:#333; flex:0 0 90px;}
.bbs_view .view_con {min-height:250px; width:100%; padding:1.25rem 0; word-break:break-all; font-size:1rem;}
.view_con img {max-width:100%; height:auto !important;}
/* 게시글정보 */
.add_info {display:flex; justify-content:center; flex-wrap:wrap; font-size:0.938rem;}
.add_info > span {position:relative; display:inline-block; padding:0 10px;}
.add_info > span i {color:#888; margin-right:5px;}
/* 첨부파일 */
.file_down {border:1px solid #ddd; border-radius:12px; overflow:hidden; margin-top:30px;}
.file_down > strong {display:block; background:#f9fafb; border-bottom:1px solid #ddd; font-size:0.938rem; padding:10px 15px;}
.file_down .attach_list {padding:10px 15px;}
.file_down .attach_list > p + p {margin-top:10px;}
.file_down .attach_list > p a {display:inline-block; position:relative; padding-left:25px; line-height:20px; color:#555; word-break:break-all;}
.file_down .attach_list > p a::before {content:'\e873'; color:#777; font-family:var(--material); font-size:1.25rem; position:absolute; top:0; left:0;}

/* input_con */
.input_con {border-top:1px solid #333;}
.input_con > dl {border-bottom:1px solid var(--line); display:flex; align-items:center; position:relative;}
.input_con > dl::before {content:''; background:#f4f5f8; width:25%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.input_con dl dt, .input_con dl dd {padding:13px 15px; font-size:1rem;}
.input_con dl dt {width:25%; flex:0 0 25%; color:#111; font-weight:700;}
.input_con dl dd {width:75%;}
.input_con dl dd .wr_con textarea {height:300px;}
.input_con dl dt .es {flex:0 0 7px;}
.input_con.v2 dl {flex-direction: column; align-items:inherit;}
.input_con.v2 dl::before {display:none;}
.input_con.v2 dl dt {background:#f4f5f8; margin-bottom:7px; font-size:15px; width:100%;}
.input_con.v2 dl dt.between {display:flex; justify-content:space-between; flex-wrap:wrap;}
.input_con.v2 dl dt.between > *:first-child {margin-right:10px;}
.input_con dl dt .func_btn {margin-left:10px;}
.fieldstyle {border:1px solid #ddd; box-shadow:2px 2px 5px rgba(80,80,80,0.1); border-radius:12px; padding:20px;}
.fieldstyle + .fieldstyle {margin-top:20px;}

/* 회비납부 */
.allchk {margin-bottom:10px;}
.allchk .chkbox label {font-size:1rem;}
.pay_item .list > li + li {margin-top:10px;}
.pay_item .item {display:flex; border:1px solid var(--line); border-radius:12px; padding:10px 15px;}
.pay_item .item .type {width:150px;}
.pay_item .item .cont {flex:1;}
.pay_item .item .cont .price {display:block;}
.pay_item .item .cont .etc {display:block; width:100%; border-top:1px dashed var(--line); padding-top:5px; margin-top:5px; font-size:0.938rem; color:#777;}
/* 회비납부(PayEtc) */
.pay_box {background:#f4f5f8; border:1px solid #cad4dc; border-radius:12px; overflow:hidden;}
.pay_box .allchk {background:#fff; padding:10px 1.25rem;}
.pay_box .form_list {padding:1.25rem;}
/* 결제 관련 */
.input_con .price {color:var(--color); font-size:1.25rem; font-weight:700;}
.total_price {border:7px solid #eee; padding:1.25rem 1.25rem 10px; margin-top:30px; text-align:center;}
.total_price dl dt {border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; font-weight:700;}
.total_price dl dd input[type="text"] {background:#fff; border:0; color:var(--color); font-size:1.25rem; font-weight:700; text-align:center;}
.total_price dl dd input[type="text"]:focus {box-shadow:none;}

/* 총게시물 */
.search_box + .total_num {margin-top:15px;}
.total_num {position:relative; padding-left:20px; margin-bottom:15px;}
.total_num::before {content:'\e873'; font-family:var(--material); position:absolute; top:0; left:0;}
.total_num strong {color:var(--colorP);}

/* 이전글다음글 */
.prevnext {border-top:1px solid #999; border-bottom:1px solid #999; font-size:0.938rem; margin-top:3.75rem;}
.prevnext li {display:flex; height:3.125rem; padding:0; overflow:hidden; position:relative;}
.prevnext li + li {border-top:1px solid #dedede;}
.prevnext li span {display:flex; align-items:center;}
.prevnext li span:first-child {/* background:#f4f5f8; */ flex:0 0 100px; padding:0 10px; position:relative; margin-right:15px;}
.prevnext li span:first-child::after {content:'\e316'; font-family:var(--material); font-size:18px; position:absolute; right:10px;}
.prevnext li:last-child span:first-child::after {transform: rotate(180deg);}
.prevnext li a {display:block; line-height:50px; max-width:100%; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prevnext li a:hover {text-decoration:underline;}
.prevnext li a[href="#none"] {pointer-events: none;}

/* 이미지 높이값 조정 */
.thumb_wrap {display:block; position:relative; overflow:hidden;}
.thumb_wrap::after {content:''; display:block; padding-bottom:67%;}
.thumb_wrap > img {display:block; width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

/* 유튜브를 소스로 하는 iframe이 있다면 youtubeWrap을 클래스 값을 가지는 div로 */
.youtubeWrap {position:relative; max-width:800px; padding-bottom:50.25%;}
.youtubeWrap iframe {position:absolute; width:100%; height:100%;}

/* search ------------------------------- */
.search_box {background:#f7f8f9; /* border:1px solid #e3e5e8; */ padding:1.5rem 10px; margin-bottom:30px;}
.search_box input[type="text"], .search_box select, .search_box button {height:43px; border-radius:0;}
.search_box input[type="text"], .search_box select {font-size:15px;}
.search_box .sch_group {display:flex; justify-content:center;}
.search_box .sch_group > div + div {margin-left:5px;}
.search_box .sch_select {min-width:85px;}
.search_box .sch_word {display:flex;}
.search_box .sch_word button {background:var(--color); display:flex; justify-content:center; align-items:center; padding:0; color:#fff; font-weight:bold; width:50px; flex:0 0 50px; margin-left:5px; text-indent:-9999px;}
.search_box .sch_word button > span {background:url(../images/form/icon_btn_search.png) 0 0 no-repeat; background-size:contain; width:20px; height:19px; position:absolute;}

/* 통합검색 */
.search_page .sch_word {width:90%; max-width:360px; margin:0 auto;}
/* 통합검색_결과 */
.resultwrap {border-top:solid 3px #1c1c1e; border-bottom:1px solid #dbdbdb;}
.resultwrap .item {padding:1.25rem 0.938rem; position:relative;}
.resultwrap .item + .item {border-top:1px dashed #dbdbdb;}
.resultwrap .item .title {display:block; font-size:1.125rem; font-weight:700; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.resultwrap .item .desc {font-weight:300; margin-top:0.625rem; line-height:1.6; max-height:3.2em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

/* paging ------------------------------- */
.paging {display:flex; justify-content:center; text-align:center; margin:3.125rem 0 0;}
.paging > a, .paging > span {display:inline-flex; justify-content:center; align-items:center; width:2rem; height:2rem; padding:0; margin:0 0.125rem; background-color:#fff; border:1px solid #ddd; color:#3f3f3f; font-size:0.875rem; font-weight:500; cursor:pointer;}
.paging a:hover {color:#333;}
.paging .on, .paging .on:hover {background:var(--colorS); border-color:transparent; color:#fff; cursor:inherit;}
.paging .page_bt {text-indent:-9999px; position:relative;}
.paging .page_bt::after {content:''; background:url(../images/form/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:6px; height:10px; position:absolute;}
.paging .first::after, .paging .last::after {background-image:url(../images/form/page_bt_arrow02.png); width:12px;}
.paging .next::after, .paging .last::after {transform: rotate(180deg);}

/* 무단가입방지 */
.captcha_code fieldset {display:flex; max-width:240px;}
.captcha_code .code {font-size:1.25rem; background:#f7f7f7; border:3px solid #ccc; padding:0 10px; display:flex; align-items:center;}
.captcha_code input[type="text"] {height:42px; border-radius:0; font-size:1rem; margin-left:-1px; text-align:center;}

/* 회원관련 ------------------------------- */
.login_wrap {width:90%; max-width:480px; margin:0 auto;}
/* 로그인입력폼 */
.login_input {margin-top:0;}
.login_input li {position:relative;}
.login_input li + li {margin-top:-1px;}
.login_input li input {background:#f7f7f7; border-radius:0; font-size:1rem; width:100%; height:3.625rem; max-height:none; padding:0 20px;}
.login_input li input:focus {position:relative; z-index:1;}
.login_input li input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #f7f7f7 inset;}
.login_input li:first-child input {border-radius:10px 10px 0 0;}
.login_input li:last-child input {border-radius:0 0 10px 10px;}
.login_input li > span {display:block; position:relative;}
.login_input li label {display:flex; justify-content:center; align-items:center; width:3.125rem; height:100%; position:absolute; top:0; left:9px; text-indent:-9999px;}
.login_input li label:not(.skip_info) + input {padding:0 20px 0 3.5rem;}
.login_input li label::after {content:''; background-repeat:no-repeat; background-size:contain; position:absolute; z-index:2;}
.login_input li .input_id label::after {background-image:url(../images/form/icon_login_id.png); width:18px; height:18px;}
.login_input li .input_pw label::after {background-image:url(../images/form/icon_login_pw.png); width:16px; height:22px;}
.login_input li .input_hp label::after {background-image:url(../images/form/icon_login_hp.png); width:13px; height:22px;}
.login_input li .input_email label::after {background-image:url(../images/form/icon_login_email.png); width:18px; height:14px;}
.login_input li > .add_in {display:flex; align-items:center;}
.login_input li > .add_in button {background:#fff; border:1px solid #00264b; color:#00264b; height:1.875rem; position:absolute; right:10px;}
.login_wrap .login_btn .btns {width:100%;}
.login_btn {display:flex; margin:1.875rem 0;}
.login_btn .btns {display:block; background:#0a2b60; border:0; box-shadow:0px 8px 8px rgba(0,38,74,0.15); border-radius:10px; color:#fff; font-size:1.125rem; font-weight:600; min-width:150px; height:3.75rem; margin:0 auto;}
.add_menu {display:flex; justify-content:center; text-align:center;}
.add_menu, .add_menu a {color:#2d2d2d;}
.add_menu a {display:flex; align-items:center; padding:0 1.25rem; font-size:1rem; position:relative;}
.add_menu a + a::before {content:''; background:#d2d2d2; width:1px; height:15px; position:absolute; left:0;}

/* 비회원 로그인 */
.login_box {width:90%; max-width:480px; margin:0 auto;}
.login_box .login_input li + li {margin-top:10px;}
.login_box .login_input li input {border-radius:10px;}
.login_box .login_btn .btns {width:100%;}

/* idpw_search */
.idpw_search {max-width:980px; margin:0 auto;}
.idpw_search h4 {font-size:1.5rem; margin-bottom:0.625rem;}
.idpw_search .wrap > div + div {border-top:1px solid #e0e0e0; padding-top:3.125rem; margin-top:3.125rem;}
.idpw_search .login_input {margin-top:1.25rem;}
.idpw_search .login_input li input {height:3.25rem;}

/* 가입단계 */
.join_step {display:flex; justify-content:center; list-style:none; margin-bottom:3.125rem;}
.join_step > li {display:flex; align-items:center; margin:0 0.75rem; position:relative;}
.join_step > li:not(:first-child)::before {content:''; background:#ccc; width:3.125rem; height:1px; margin-right:20px;}
.join_step > li > .num {display:flex; justify-content:center; align-items:center; background:#aaa; border-radius:100%; color:#fff; font-weight:700; width:1.875rem; height:1.875rem; margin-right:5px;}
.join_step > li > .title {color:#aaa; font-size:1.125rem; font-weight:700;}
.join_step > li.on > .title {color:#00264b;}
.join_step > li.on > .num {background:#00264b; font-size:0; text-indent:-9999px;}
.join_step > li.on > .num::before {content:''; background:url(../images/form/icon_step_on.png) 0 0 no-repeat; background-size:contain; width:12px; height:9px; position:absolute;}

/* 약관동의 */
.chkall + .agree_in {margin-top:2.5rem;}
.agree_in + .agree_in {margin-top:2.5rem;}
.agree_in {border-bottom:1px solid var(--line);}
.agree_in .wrap {background:#fafafa; border-top:2px solid #1c1c1e; color:#888; font-size:0.938rem; padding:1.25rem 2px 1.25rem 1.25rem; margin-top:0.938rem;}
.agree_in .wrap strong {display:block; color:#3f3f3f; font-size:1rem;}
.agree_in .form_chk {margin:15px 0; text-align:right;}
.agreechk_box {position:relative; margin-top:30px;}
.agreechk_box .chkbox {display:block;}
.agreechk_box .chkbox input[type="checkbox"], .agreechk_box .chkbox i {top:0.938rem; left:18px; cursor:pointer;}
.agreechk_box .chkbox label {display:block; color:#fff; font-size:0.938rem; font-weight:500; padding:0.938rem 18px 0.938rem 48px;}
.agreechk_box .chkbox label::before {content:''; background:#bfbfbf; border-radius:10px; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.agreechk_box .chkbox input:checked~label::before {background-color:#003568;}
.agreechk_box .chkbox input:checked+i {background-color:#fff;}
.agreechk_box .chkbox input:checked+i::before {background-image:url(../images/form/chkall_icon_on.png);}
.inner_text {height:13.75rem; padding-right:1.25rem; overflow-y:auto;}
.inner_text::-webkit-scrollbar {width:10px; background-color:#f7f7f7; border-radius:6px;}
.inner_text::-webkit-scrollbar-thumb {background-color:#d2d2d2; border-radius:6px;}

/* 회원구분 선택 */
.mem_sel {display:flex; flex-wrap:wrap; margin:0 0 2.5rem 0; position:relative;}
.mem_sel::after {content:''; background:#111; width:100%; height:1px; position:absolute; bottom:0; left:0;}
.mem_sel > li {flex:1; margin:-1px 0 0 -1px;}
.mem_sel > li button, .mem_sel > li a {display:flex; justify-content:center; background:#f7f7f7; border:1px solid #ddd; font-size:1.125rem; line-height:normal; width:100%; height:100%; padding:1.25rem 5px;}
.mem_sel > li .on, .mem_sel > li.on a {background:#fff; border-color:#111; border-bottom:0; position:relative; z-index:1;}

/* 필수입력표시 */
.es {display:inline-block; background:url(../images/form/icon_es.png) 0 0 no-repeat; background-size:contain; width:7px; height:7px; margin-left:3px; vertical-align:middle; position:relative; top:-2px; text-indent:-9999px;}
.es_txt {color:#888; font-size:15px; font-weight:500; margin-left:15px;}
.es_txt i {color:#dd0101;}

/* input 정의 */
input, select {font-size:15px;}
input[type=text], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select, textarea {width:100%; border-radius:var(--input-radius);}
input[type=text], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select {height:42px;}
select {padding-right:30px;}
textarea {padding:0.75rem;}
input:not([type="radio"]):not([type="checkbox"])[readonly], select[readonly], textarea[readonly], .readonly, input:not([type="radio"]):not([type="checkbox"])[disabled], select[disabled], textarea[disabled], .disabled {background-color:#efefef;} /* 입력불가 */

.input_tel, .email_in, .input_date {display:flex; align-items:center; margin:0 -3px;}
.input_tel > span, .input_date > span {display:block; flex:1; margin:0 3px;}
.input_tel > span.hyphen {flex:none;}
.input_date > span.txt {width:auto; flex:none; font-size:0.875rem; margin:0 0.375rem; text-align:center;}
.add_in {display:flex; position:relative;}
.add_in .btns {width:7.5rem; height:auto; margin-left:5px; border-radius:var(--input-radius); background:#fff; border:1px solid #00264b; color:#00264b;}
.addr_in p {margin-top:0.5rem;}
.addr_post input[readonly] {background:#f2f2f2;}
/* input_group */
.input_group {display:flex; align-items:center; margin:0 -3px;}
.input_group > * {margin:0 3px;}
.input_group + .input_group {margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;}
.input_group > .input_txt {width:100%;}
.input_group.v2 {flex-wrap:wrap;}
.input_group.v2 > * {width:100%;}
.input_group.v2 > *:not(:first-child) {margin-top:7px;}
.input_group.v2 > label {display:inline-flex; align-items:center;}
.input_group.v2 > label > .tit {width:80px; font-size:0.938rem;}
/* input_txt */
.input_txt {position:relative; display:flex; align-items:center;}
.input_txt input {width:100%; text-align:right; padding-right:35px;}
.input_txt .txt {position:absolute; right:10px; font-size:0.938rem; color:#777;}
/* checkbox */
.chkbox {display:inline-block; position:relative;}
.chkbox input[type="checkbox"], .chkbox i {width:18px; height:18px; position:absolute; top:1px; left:0;}
.chkbox input[type="checkbox"] {border:none; border-radius:12px; z-index:1; -webkit-appearance:none; appearance:none;}
.chkbox label {display:block; color:#3f3f3f; font-size:0.938rem; font-weight:600; line-height:20px; padding:0 0 0 1.625rem;}
.chkbox i {background:#fff; border:1px solid #d2d2d2; border-radius:3px; display:flex; justify-content:center; align-items:center;}
.chkbox input:checked ~ i {border-color:#003568;}
.chkbox i::before {content:''; background-image:url(../images/form/formchk_icon.png); background-size:contain; width:12px; height:9px; position:absolute;}
.chkbox input:checked ~ i::before {background-image:url(../images/form/formchk_icon_on.png);}
.chkbox input:focus {border-radius:2px;}
/* form_radio */
span.form_check {display:inline-block; margin-right:15px;}
.form_check input[type=radio], .form_check input[type=checkbox] {accent-color:#003568; width:14px; height:14px; margin-right:3px; position:absolute; top:5px; left:0;}
.form_check > span {display:block;}
.form_check > span + span {margin-top:5px;}
.form_check label {display:inline-block; position:relative; padding-left:20px;}
table input[type=radio], table input[type=checkbox] {accent-color:#003568; width:14px; height:14px;}
/* radio */
.radios {position:relative; display:inline-block; margin-right:15px;}
.radios input[type=radio] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.radios label {display:block; position:relative; padding:0px; padding-left:23px; line-height:25px; z-index:1; cursor:pointer;}
.radios .check {display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #d2d2d2; border-radius:100%; width:16px; height:16px; position:absolute; top:4px; left:0px;}
.radios .check::before {content:''; display:block; position:absolute; background:#d2d2d2; border-radius:100%; width:8px; height:8px; margin:auto;}
.radios input[type=radio]:checked ~ .check {border-color:var(--color);}
.radios input[type=radio]:checked ~ .check::before {background:var(--color);}
.radios input[type=radio]:checked ~ label {color:#333;}
.radios.readonly {background:none;}
.radios.readonly input[type=radio]:checked ~ .check {border-color:#ccc;}
.radios.readonly input[type=radio]:checked ~ .check::before {background:#ccc;}
/* 달력 */
.icon_cal {display:inline-block; width:100%; position:relative;}
.icon_cal input {width:100%; padding-right:30px;}
.icon_cal input[readonly] {background:#fff;}
.icon_cal input.dateVal {background-image:url(../images/form/icon_cal.png); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat;}
.cal_wrap > .icon_cal {width:100%;}
/* 첨부파일 스타일 */
.file_input {margin:2px 0; overflow:hidden; position:relative; padding-right:90px; max-width:400px;}
.file_input label {position:absolute; top:0; right:0; display:flex; justify-content:center; align-items:center; width:85px; height:100%; background:#aaa; border-radius:6px; color:#fff; cursor:pointer; text-align:center;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {background:#efefef;}
/* 첨부파일 button */
.add_box {position:relative; margin-bottom:10px;}
.add_box input[type=file] {position:absolute; top:0; width:85px; height:30px; overflow:hidden; border:0; opacity:0; cursor:pointer;}
.btn_attach {display:flex; justify-content:center; align-items:center; width:85px; height:30px; background:#333; border-radius:6px; color:#fff; font-size:0.875rem; cursor:pointer; text-align:center;}

/* form_list */
.form_list {display:flex; align-items:center; flex-wrap:wrap; margin:-0.625rem 0 0 -1.25rem;}
.form_list > * {margin:0.625rem 0 0 1.25rem;}
.form_list > label {display:inline-flex;}
.form_list > label input {margin:2px 5px 0 0; width:17px; height:17px; flex:0 0 17px;}
.form_list.mgt {margin-top:0;}

/* 사전등록 기타 항목 */
.tabcont {display:none; margin-top:20px;}
.tabcont.on {display:block;}
.car_num {display:none;}
.transport dl {border:1px solid #ccc; border-radius:12px; padding:12px 20px;}
.transport dl + dl {margin-top:10px;}
.transport dl dt, .transport dl dd {padding:0;}
.transport dl dt {border-bottom:1px dashed #ccc; width:100%; padding-bottom:10px; margin-bottom:10px;}
.transport dl dd {width:100%;}
.car_num {margin-top:5px;}

/* 버튼 기본 스타일 ------------------------------- */
.btns {display:inline-flex; justify-content:center; align-items:center; padding:0 20px; height:34px; line-height:1; font-weight:500; font-size:14px; text-align:center; vertical-align:middle; border-radius:3px; border:1px solid transparent; overflow: hidden; white-space:nowrap;}
.btns:hover, .btns:focus {opacity:0.9;}

/* 스타일 */
.btn_st {background:var(--color); color:#fff;}
.btn_st1 {background:#375a7f; color:#fff;} /* navy */
.btn_st2 {background:#bbb; color:#fff;} /* gray */
.btn_bdr {background:#fff; border-color:var(--color); color:var(--color);}
.btn_bdr1 {background:#fff; border-color:#375a7f; color:#375a7f;}
.btn_bdr2 {background:#fff; border-color:#777; color:#777;}

.btn_sm {height:28px; line-height:28px; font-size:0.813rem;}
.btn_xs {height:26px; line-height:26px; font-size:12px;}

.btns.primary {height:28px; padding:0 15px; background:linear-gradient(to bottom, #f7f7f7, #e7e7e7); border:1px solid #b7b7b7; border-radius:3px; font-size:13px;}

.fn_btn {background:#fff; border:1px solid #aaa; display:inline-flex; justify-content:center; align-items:center; width:25px; height:25px; position:relative; text-indent:-9999px;}
.fn_btn::after {content:''; background-image:url(../images/form/icon_plusminus.png); background-repeat:no-repeat; background-size:24px; position:absolute;}
.fn_add_btn::after {background-position:0 0; width:10px; height:10px;}
.fn_del_btn::after {background-position:100% 0; width:10px; height:10px;}
.del_btn {display:inline-flex; justify-content:center; align-items:center; background:#fff; border:1px solid #ccc; border-radius:3px; width:1.125rem; height:1.125rem; padding:0; position:relative; font-size:0; margin-left:3px; text-indent:-9999px;}
.del_btn::before {content:''; background:url(../images/form/icon_del.png) 0 0 no-repeat; background-size:contain; width:8px; height:8px; position:absolute;}
.btn_close {display:inline-flex; justify-content:center; align-items:center; background:#fff; border:1px solid #ccc; border-radius:3px; width:1.5rem; height:1.5rem; padding:0; font-size:0; text-indent:-9999px;}
.btn_close::before {content:''; background:url(../images/form/icon_pop_close.png) 0 0 no-repeat; background-size:contain; width:12px; height:12px; position:absolute;}
.bt_down::after {content:'\f090'; font-family:'Material Icons'; font-size:1.25rem; margin-left:5px;}
.bt_print {padding:0 10px;}
.bt_print::after {content:'\e8ad'; font-family:'Material Icons'; font-size:1.125rem; margin-left:5px;}
.bt_icon {display:inline-flex;}
.bt_icon::before {content:''; font-family:var(--material); font-size:1rem; margin-right:5px;}
.bt_md::before {content:'\e3c9';}
.bt_del::before {content:'\e872';}

/* 버튼 그룹 */
.btn_set {display:flex; justify-content:center; text-align:center; margin:1.875rem 0 0;}
.btn_set.tl {justify-content:flex-start;}
.btn_set.tr {justify-content:flex-end;}
.btn_set.between {justify-content:space-between;}
.btn_set .btns {width:160px; height:45px; line-height:45px; font-size:15px; margin:2px;}

/* editor 버튼 */
.editor_btn {margin-top:30px; text-align:right;}
.editor_btn button {background:#375a7f; border-radius:3px; color:#fff; font-size:1rem; height:40px; padding:0 20px;}

/* 우편번호 통합검색 */
.postArea {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:flex; align-items:center; z-index:100;}
.postArea .inner {width:100%; max-width:800px; margin:0 auto;}
.postArea .postList {background:#fff; max-height:calc(100vh - 60px); overflow:auto;}
.postArea .postList iframe {width:100%; height:600px; margin:0 auto;}


@media screen and (min-width:1025px) {
/* tab */
.tabs {margin-bottom:3.125rem;}
/* .tabs > ul {justify-content:center;} */
.tabs > ul > li {flex:1;}
.tabs > .page-tab-cnt6 > li {width:calc((100% - 14px) / 3);}

/* CI소개 */
.ci_int > dl {display:flex;}
.ci_int > dl > dt {flex:0 0 150px; margin-bottom:0;}

/* map */
.map_info {display:flex;}
.map_info span {flex:1; padding-right:10px;}
.map_info span:first-child {flex:0 0 50%;}
.map_info .email {flex:0 0 290px;}
.map_info span + span {margin-top:0;}
.map_info span::before {background:var(--colorP); border:0; color:#fff;}

/* con_head */
.con_box {background:#f8fafd; padding:2.5rem; position:relative;}
.con_box::before, .con_box::after {content:''; display:block; border:1rem solid #deeaf4; width:70px; height:70px; position:absolute; top:0; box-sizing:border-box;}
.con_box::before {left:0; border-right:0; border-bottom:0;}
.con_box::after {right:0; border-left:0; border-bottom:0;}

/* 설립취지 및 목적 */
.purpose {padding:3.75rem 6.25rem;}
.org_chart .cont .group03::after {content:''; display:block; width:2px; height:50px; border-left:2px dashed #b9bcbe; margin:0 auto; position:absolute; bottom:-50px; z-index:-1;}
.purpose .cont02 {display:flex;}
.purpose .cont02 .tit {width:120px; margin-right:20px;}
.purpose .cont02 .item_group {width:calc(100% - 140px);}

/* cs */
.cs_wrap > div {display:flex; align-items:center;}
.cs_wrap .info {display:flex; align-items:center;}

.rule > dl dd {font-weight:300; color:#111;}

/* etc_info */
.etc_info {display:flex; justify-content:space-between;}
.etc_info > dl {width:48.5%;}

/* contact_info */
.contact_info {display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact_info > dl {flex:1;}
.contact_info > dl > dd {padding-left:55px;}

/* conference */
.conference_list > li:not(.no_data_msg)::before, .conference_list > div::before {content:''; background:url(../images/form/confer_box_bg.png) 100% 100% no-repeat; background-size:contain; width:50%; height:70%; position:absolute; bottom:0; right:0; opacity:0.3;}
.conference_list .cont {position:relative; z-index:1;}
.conference_list .cont .title {font-size:1.75rem;}
/* conference_view */
.conference_list.view > div {padding:2.5rem;}
.conference_list.view .imgs {width:270px;}
.conference_list.view .cont {width:calc(100% - 270px); padding-left:3.125rem;}
.conference_list.view .cont .title {font-size:1.875rem;}
}

@media screen and (min-width:769px) {
/* 임원진 */
.executive .group {display:flex; border-top:1px solid #a2adb9; border-bottom:1px solid #a2adb9; /* border-radius:12px; */ overflow:hidden;}
.executive table th, .executive table td {padding:12px 7px;}
.executive table tbody tr:last-child th, .executive table tbody tr:last-child td {border-bottom:0;}
.executive .group h4 {display:flex; justify-content:center; align-items:center; flex:0 0 230px; background:#ecf0f4; border-right:1px solid #a2adb9; box-shadow:0 0.5rem 1rem rgba(162,173,185,0.3); font-size:1.125rem; position:relative; margin-bottom:0; text-align:center;}

/* history */
/* .hs_wrap .list ul li:nth-child(even) {margin-left:0; padding:0 60px 0 0;}
.hs_wrap .list ul li:nth-child(even)::before {left:auto; right:0;}
.hs_wrap .list ul li:nth-child(even) .year {text-align:right;}
.hs_wrap .list ul li:nth-child(even) .year::after {left:auto; right:-15px;}
.hs_wrap .list ul li:nth-child(even) .area {justify-content:flex-end;}
.hs_wrap .list ul li:nth-child(even) .area .date {order:1; text-align:right;}
.hs_wrap .list ul li:nth-child(even) .area .cont {text-align:right;} */
.hs_wrap .list ul li .wrap {display:flex;}
.hs_wrap .list ul li .wrap .year {width:120px;}
.hs_wrap .list ul li .wrap .inwrap {flex:1;}

/* int_con */
.int_con {display:flex; align-items:center; text-align:left;}
.int_con .icons {margin:0 1.875rem 0 0;}
.int_con .cont {flex:1; font-size:1.25rem;}
.int_con .cont .main_text em {font-size:1.75rem;}

/* 설립취지 및 목적 */
.org_chart .cont .group04 {display:flex;}
.org_chart .cont .group04 .group0401 {width:25%;}
.org_chart .cont .group04 .group0402 {width:75%;}
.org_chart .cont .group04 .group0402 .item {width:calc((100% - 18px) / 3);}
.org_chart .cont .group05 {left:50%; margin-left:-280px; font-size:1.125rem;}
/* part item */
.partitem .wrap {align-items:center;}
.partitem .wrap > div:not(.circle) {padding:2% 2%;}
.partitem .wrap > div .cont .title::before {content:''; background:#ababab; width:100%; height:1px; position:absolute; bottom:0; left:0; z-index:-1;}
.partitem .wrap > div .cont .title::after {content:''; background:#ababab; border-radius:100%; width:12px; height:12px; position:absolute; bottom:-5px; right:0;}
.partitem .wrap > div:nth-child(odd) {flex-direction: row-reverse;}
.partitem .wrap > div:nth-child(odd) .cont .title {padding:0 0 10px 25px; max-width:80%; margin-left:auto; margin-right:0; text-align:left;}
.partitem .wrap > div:nth-child(odd) .cont .title::before {left:auto; right:0;}
.partitem .wrap > div:nth-child(odd) .cont .title::after {left:0;}
.partitem .wrap > div .cont .title {max-width:80%;}
.partitem .circle {content:''; max-width:250px; position:absolute; left:0; right:0; margin:0 auto; text-align:center; z-index:-1;}
.partitem .circle .rotate {background:#fff; border-radius:50rem;}
.partitem .circle .bi_img {position:absolute; width:50%; max-width:180px;}

/* 회원가입안내 */
.mber_guide .info_tb {display:flex;}
.mber_guide .info_tb > dl {flex:1;}
.mber_guide .info_tb > dl + dl {margin:0 0 0 -1px;}

/* idpw_search */
.idpw_search .wrap {display:flex; margin:0 -5%;}
.idpw_search .wrap > div {width:50%; padding:0 5%; position:relative;}
.idpw_search .wrap > div + div {border:0; padding-top:0; margin-top:0;}
.idpw_search .wrap > div + div::before {content:''; background:#e5e5e5; width:1px; height:100%; position:absolute; left:0;}

/* input */
.input_tel, .input_date {max-width:360px;}
.icon_cal, input[type="date"] {max-width:150px;}
}

@media all and (min-width:481px) {
/* bbs_thumbnail type */
.bbs_thumb > li > a {display:flex;}
.bbs_thumb .imgs {flex:0 0 230px;}
.bbs_thumb .cont {flex:1;}

.addr_post {max-width:240px;}

/* 달력 */
.cal_wrap {display:flex; align-items:center; margin:0 -3px;}
.cal_wrap > * {margin:0 3px;}
}

@media screen and (max-width:1280px) {
/* 설립취지 및 목적 */
.item_group > li {flex:1 0 auto;}
}

@media screen and (max-width:1024px) {
/* html, body {font-size:15px;} */
table {font-size:1rem;}

h3 {font-size:1.625rem;}
h4 {font-size:1.375rem;}
.con_tit::before {margin-top:0.375rem;}

/* tab */
.tabs > ul > li {width:calc((100% - 7px) / 2);}
.tabs > ul > li button, .tabs > ul > li a {font-size:1rem; height:50px;}

/* map */
.map_wrap {display:flex; flex-direction:column;}
.map_wrap .root_daum_roughmap .wrap_map {height:350px !important;}
.map_wrap h4 {display:none;}
.map_info {order:2; margin:40px 0 0;}

/* con_head */
.con_head .inbox {background:#f8fafd; padding:1.25rem; font-size:1rem;}
.con_head .inbox .text_group strong {font-size:1.25rem;}
.con_box .info_box {margin-top:1.25rem;}

/* 분과 안내 */
.part_info .inner {padding:2.5rem 1.25rem 1.875rem;}
.part_info .item > li {width:calc((100% - 30px) / 3);}

/* 관련사이트 */
.fm_site > li {width:calc((100% - 30px) / 3);}
.site_list > li {width:calc((100% - 20px) / 3);}

/* cs */
.cs_wrap .icon {margin:0 auto 1.25rem;}
.cs_wrap .info {text-align:center;}
.cs_wrap .info em {margin:0 0 1.25rem;}
.cs_wrap + .btn_set.tl {justify-content:center;}

/* mypage */
.my_menu > dl {width:48%;}

/* conference */
.conference_list .imgs {width:170px;}
.conference_list .cont {width:calc(100% - 170px);}
.conference_list .cont .title {font-size:1.375rem;}
.conference_list .cont .info > li {font-size:1rem;}

/* faq */
.faq_nav > li > div .wrap .view_con {font-size:1rem;}
}

@media screen and (max-width:768px) {
/* 학회소개 */
.about_head::before, .about_head::after, .about_head .inner {border-radius:0.75rem;}
.about_head .inner em {font-size:1.5rem;}
.about_head .inner .info span {display:block;}
.past_list {margin:-10px 0 0 -10px;}
.past_list > li {width:calc(50% - 10px); margin:10px 0 0 10px;}
/* CI소개 */
.color_system > li {width:calc((100% - 40px) / 3);}
.logo_type {gap:10px;}
.logo_type > li {width:calc((100% - 20px) / 3);}

/* 인사말 */
.greeting .int_tit {font-size:1.25rem;}
.greeting .cont .text .sign {text-align:center;}
.greeting .cont .text .sign strong {font-size:1.5rem;}

/* 임원진 */
.executive table colgroup {display:none;}
/* .executive table th[rowspan] {display:none;} */

/* history */
.hs_wrap .list ul::after {left:10px;}
.hs_wrap .list ul li {position:relative; width:100%; margin-left:0; padding:0 0px 20px 45px;}
.hs_wrap .list ul li::before {top:9px; width:35px;}
.hs_wrap .list ul li .year {font-size:1.5rem; margin-bottom:15px;}
.hs_wrap .list ul li .year::after {width:20px; height:20px; border-width:4px; left:0;}

/* rule_step */
.rule_step > li {flex-wrap:wrap;}
.rule_step > li .step {width:100%; margin-right:0;}
.rule_step > li .step::after {right:auto; bottom:-20px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #f7efe7;}
.rule_step > li .desc {width:100%; margin-top:15px;}

/* 설립취지 및 목적 */
.purpose {background:none; padding:0;}
.purpose::before {display:none;}
.purpose .tit {font-size:1.125rem; max-width:170px;}
.purpose .group {font-size:1rem;}
.purpose .cont01 > dt {font-size:1.125rem; max-width:170px;}
.org_chart {padding:1.25rem; font-size:0.875rem;}
.org_chart .cont::before {height:63%;}
.org_chart .cont .group04 {max-width:360px; margin:1.75rem auto 0; background:none; border:0; padding:0;}
.org_chart .cont .group04 .item {margin-left:auto; margin-right:auto;}
.org_chart .cont .group04 .group0402 {justify-content:center;}
.org_chart .cont .group04 .group0402 .item {width:calc((100% - 12px) / 2);}
/* part item */
.partitem {border:1px dashed #c8c8c8; border-radius:12px; padding:1.25rem;}
.partitem .wrap {gap:7px;}
.partitem .wrap > div:not(.circle) {width:calc((100% - 7px) / 2); margin:0; display:flex; justify-content:center; align-items:center; background:#f4f7fa; border:1px solid #3084d1; border-radius:6px; color:#3084d1; padding:10px; text-align:center;}
.partitem .wrap > div + div {margin-top:0.625em;}
.partitem .wrap > div .imgs {max-width:130px;}
.partitem .wrap > div .imgs > p > span {width:40%; height:40%;}
.partitem .wrap > div .imgs > p > span img {max-height:43px;}
.partitem .wrap > div .cont {width:100%; padding:0; text-align:center;}
.partitem .wrap > div .cont .title {font-size:1rem; margin-bottom:0; padding:0; text-align:center;}
.partitem .wrap .circle {display:none;}
.item_group {justify-content:center;}
.item_group > li {flex:none; width:calc((100% - 7px) / 2);}
.item_group > li .innerbox em {font-size:1rem; height:2.875rem;}

/* 분과 안내 */
.part_info .item > li {width:calc((100% - 15px) / 2); font-size:1rem;}
.part_info .item > li .icons {max-width:80px;}

/* 관련사이트 */
.fm_site > li {width:calc((100% - 15px) / 2);}
.site_list > li {width:100%;}

/* 학술지소개 */
.journal_intro .main_text {font-size:1.125rem;}
.journal_intro .main_text em {font-size:1.75rem;}

/* line_step */
.line_step > ul {gap:10px;}
.line_step > ul > li {flex:none; width:calc((100% - 10px) / 2);}
.line_step > ul::after, .line_step > ul > li::after {display:none;}

/* 회원가입안내_가입방법 */
.join_process > ul {flex-wrap:wrap; margin:0;}
.join_process > ul > li {flex:none; width:100%; margin:0;}
.join_process > ul > li + li {margin-top:40px;}
.join_process > ul > li + li::before {top:-35px; margin-top:0; left:0; right:0; text-align:center; transform: rotate(90deg);}

/* mypage */
.my_menu > dl {width:100%;}

/* conference */
.conference_list > li, .conference_list > div {flex-wrap:wrap; background:#fff; border:0; border-radius:0; padding:0;}
.conference_list > li + li {margin-top:3.125rem;}
.conference_list .imgs {width:170px; margin:0 auto 1.875rem;}
.conference_list .cont {width:100%; background:#f9fafb; border:1px solid #e6e7e8; border-radius:6px; padding:7rem 1.875rem 1.875rem; margin-top:-7rem;}
.conference_list .btn_group {flex-wrap:wrap; margin:15px 0 0 -7px;}
.conference_list .btn_group > a {padding:0 10px; height:45px; line-height:1.3; margin:7px 0 0 7px; white-space:normal;}
.conference_list .btn_group > a:not(:last-child) {flex:1;}
.conference_list .btn_group a:last-child {width:100%;}

/* list ----- */
.bbs_list colgroup {display:none;}
.bbs_list .b_num {width:15%;}
.bbs_list .b_tit {width:calc(100% - 35%);}
.bbs_list .b_cate {width:20%;}
.bbs_list .b_writer, .bbs_list .b_hit, .bbs_list .b_date, .bbs_list .b_name, .bbs_list .b_file, .bbs_list .b_print, .bbs_list .b_etc {display:none;}

/* bbs_gallery type */
.bbs_gall {gap:20px;}
.bbs_gall > li {width:calc((100% - 20px) / 2); padding:10px;}

/* bbs_thumbnail type */
.bbs_thumb .cont .title {font-size:1.125rem;}

/* 내역조회 게시판 */
.info_bbs > li {flex-wrap:wrap; padding-left:60px;}
.info_bbs > li .b_num {width:50px;}
.info_bbs > li .btn_wrap {width:100%; display:flex; flex-wrap:wrap;}
.info_bbs > li .btn_wrap button {max-width:none; margin-top:10px;}
.info_bbs > li .btn_wrap button + button {margin:10px 0 0 0;}

/* faq */
.faq_nav > li > a {font-size:1.125rem; padding:0.938rem 15px;}

/* bbs_calendar type */
.calendar_year_box {margin-bottom:2rem;}
.calendar_year_box .years {font-size:1.5rem;}
.calendar_year_box button {width:30px; height:30px;}
.calendar_year_box button > span {width:8px; height:14px;}
.calendar_wrap ul {display:block; border-top:0;}
.calendar_wrap ul > li {display:flex; width:100%;}
.calendar_wrap .days > li + li {border-top:1px solid #ebebeb; border-left:0;}
.calendar_wrap .days > .other_month + li {border-top:0;}
.calendar_wrap .weekdays, .calendar_wrap .other_month {display:none;}
.calendar_wrap .days > li {height:auto; min-height:45px; padding:0;}
.calendar_wrap .days > li .date {/* border-right:1px solid #ebebeb; */ font-size:0.875rem; width:60px; padding:10px; text-align:center;}
.calendar_wrap .days > li .date::after {display:block; font-size:12px; color:#999;}
.calendar_wrap .days > li:first-child .date::after {content:'(Sun)';}
.calendar_wrap .days > li:nth-child(2) .date::after {content:'(Mon)';}
.calendar_wrap .days > li:nth-child(3) .date::after {content:'(Tue)';}
.calendar_wrap .days > li:nth-child(4) .date::after {content:'(Wen)';}
.calendar_wrap .days > li:nth-child(5) .date::after {content:'(Thu)';}
.calendar_wrap .days > li:nth-child(6) .date::after {content:'(Fri)';}
.calendar_wrap .days > li:nth-child(7) .date::after {content:'(Sat)';}
.calendar_wrap .days > li.today .date em {margin:0 auto;}
.calendar_wrap .days > li .event-container {width:calc(100% - 60px); padding:10px; margin-top:0;}
.calendar_wrap .days > li .event-container > span + span {margin-top:7px;}

/* input_con */
.input_con > dl {flex-wrap:wrap;}
.input_con > dl::before {display:none;}
.input_con > dl > dt, .input_con > dl > dd {width:100%; flex:none;}
.input_con > dl > dt {background:#fff; padding-bottom:0;}

/* input_group */
.input_group {flex-wrap:wrap;}
.input_group > *:not(:first-child) {margin-top:7px;}

.scroll_in {display:block; max-width:100%; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.scroll_in table {table-layout:auto;}
.con_scroll {white-space:normal;}
.con_scroll table {min-width:50rem;}

/* search ------------------------------- */
.search_box .sch_group {flex-wrap:wrap;}
.search_box .sch_group .selwrap {width:100%; margin-bottom:5px;}
.search_box .sch_group .sch_select {width:100px; margin:0;}
.search_box .sch_group .sch_word {width:calc(100% - 105px);}

/* 가입단계 */
.join_step {max-width:400px; margin:0 auto 3.125rem;}
.join_step > li {flex-direction:column; flex:1;}
.join_step > li:not(:first-child)::before {width:100%; position:absolute; top:1.25rem; left:-50%; z-index:-1;}
.join_step > li > .num {border:0.5rem solid #fff; width:2.875rem; height:2.875rem; margin:0 0 10px;}
.join_step > li > .title {font-size:1rem;}
}

@media screen and (max-width:480px) {
.color_system > li {width:calc((100% - 20px) / 2);}

/* 임원진 */
.executive .list > dl ul > li {width:100%;}

.item_group > li {flex:none; width:100%;}

/* bbs_gallery type */
.bbs_gall > li {width:100%;}

/* 회비납부 */
.pay_item .item {flex-wrap:wrap;}
.pay_item .item .type {width:100%;}
.pay_item .item .cont {flex:1; margin:5px 0 0 25px;}
}