.con-img img {width: 100%; display: block;}
.caution-txt {display:block; color: #E71D1D; font-size: 1.6rem; margin-top: 7px;}
.caution-txt .bang-icon {display: inline-block; width: 18px; height: 18px; background: url("../images/sub/bangIcon.png") no-repeat; vertical-align: sub; margin-right: 5px;}
.caution-txt02 {display:block; color: #222; font-size: 1.6rem; margin-top: 7px; position: relative; padding-left: 22px;}
.caution-txt02 .bang-icon {display: inline-block; width: 18px; height: 18px; background: url("../images/sub/bangIcon02.png") no-repeat; position: absolute; left: 0; top:3px;}
.caution-txt02 .red {color: #E71D1D;}
.cnt-img {width: 100%; display: block;}
.cnt-tit {padding-bottom: 10px;}
.cnt-tit strong {font-size: 2.5rem; color: #0B7B65; letter-spacing: -1.5px;}
.cnt-tit span {font-size: 2rem; font-weight: 200; color: #0B7B65; letter-spacing: -1.5px;}
@media all and (max-width:768px) {
    .cnt-tit strong {font-size: 2.2rem;}
    .cnt-tit span {display: block; font-size: 1.8rem;}
}
/*********************************************** contents_style ***********************************************/
/* bullet */
.bullet00 {font-size: 2rem; color: #222; position: relative; font-weight: 700; margin-bottom: 10px;}
.bullet01 {font-size: 2rem; color: #222; padding-left: 15px; position: relative; font-weight: 700; margin-bottom: 15px;}
.bullet01::before {content: ""; width: 4px; height: 18px; background: url("../images/sub/bullet01.svg") no-repeat center / cover; position: absolute; top: 4px; left: 0;}
.bullet02 {padding-left: 15px; position: relative;}
.bullet02::before {content: ""; width: 8px; height: 12px; background: url("../images/sub/bullet02.svg") no-repeat center / cover; position: absolute; top: 6px; left: 0;}
.dot-list01 > li {position: relative; padding-left: 16px; margin-left: 15px;}
.dot-list01 > li:not(:last-child) {padding-bottom: 7px;}
.dot-list01 > li::before {content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background: #0B7B65; border-radius: 50%; z-index: 1;}
.dot-list01 > li::after {content: ""; position: absolute; top: 10px; left: 4px; width: 6px; height: 6px; background: #B6D8D1; border-radius: 50%; z-index: 0;}
.dot-list02 > li {position: relative; padding-left: 10px;}
.dot-list02 > li:not(:last-child) {padding-bottom: 10px;}
.dot-list02 > li::before {content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #cdcdcd;}
.dot-list03 > li {position: relative; padding-left: 10px; margin-left: 3px;}
.dot-list03 > li:not(:last-child) {padding-bottom: 10px;}
.dot-list03 > li::before {content: ""; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: #0B7B65; border-radius: 50%;}
.num-list {margin: 5px 0 0 10px;}
.num-list > li {position: relative; padding-left: 20px;}
.num-list > li:not(:last-child) {margin-bottom: 5px;}
.num-list span {display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #fff; position: absolute; left:0; top: 4px; color:#0B7B65; border: 1px solid #0B7B65; text-align: center; line-height: 15px;font-size: 1rem; font-weight: bold;}
/* tab */
.contents-tab01 {display: table; table-layout: fixed; width: 100%; margin-bottom: 30px;}
.contents-tab01 li {display: table-cell; overflow-x: clip;}
.contents-tab01 li a {display: block; background: #fafafa; color: #9d9d9d; text-align: center; font-weight: 700; height: 50px; line-height: 50px; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; position: relative;}
.contents-tab01 li:last-child a {border-right: 1px solid #e0e0e0;}
.contents-tab01 li a.on {background: #fff; color: #0B7B65; border-top: none;}
.contents-tab01 li a.on::after {content: ""; width: 101%; height: 2px; background: #0B7B65; position: absolute; top: -1px; left: -1px;}
.contents-tab02 {display: table; table-layout: fixed; width: 100%; margin-bottom: 50px;}
.contents-tab02 li {display:table-cell;}
.contents-tab03 li a,
.contents-tab02 li a {display: flex; justify-content: center; align-items: center; height: 50px; color: #888; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; text-align: center; line-height: 1.2; padding: 0 5px;}
.contents-tab03 li:first-child a,
.contents-tab03 li:nth-child(6) a,
.contents-tab02 li:first-child a {border-left: 1px solid #E0E0E0;}
.contents-tab li a.on {color: #fff; font-weight: 500; background-color: #0B7B65; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); border: 1px solid #0B7B65;}
/*탭 버튼 5개일때*/
.contents-tab03 {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
.contents-tab03 li {width: 20%;}
.contents-tab03 li:nth-child(n + 6):nth-child(-n + 10) a {border-top: 0;}
.tab-content {display: none;}
.tab-content.on {display: block;}
/* conbox */
.bline-box {border-bottom: 1px solid #EAEAEA; padding: 30px 0;}
.bline-box.top {border-top: 1px solid #EAEAEA;}
.round-box {border: 1px solid #e9e9e9; border-radius: 20px; background: #fff;}
.gray-box {background-color: #f8f8f8; border-radius: 0 0 0 20px; padding: 20px; margin-top: 20px;}
.gray-box .dot-list01 li {margin-left: 5px;}
.gray-box02 {padding: 10px 15px; background: #fafafa; border: 1px solid #eaeaea;}
@media all and (max-width:768px) {
    .contents-tab01 {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .contents-tab01 li {width: calc((100% - 10px) / 2); margin-bottom: 10px;}
    .contents-tab01 li a {border: 1px solid #e0e0e0; height: 43px; line-height: 43px;}
    .bline-box {padding: 20px 0;} .gray-box {padding: 15px;}
    .contents-tab02 {display: flex; flex-wrap: wrap;}
    .contents-tab03 li,
    .contents-tab02 li {flex-grow:1; width: 33.33%;}
    .contents-tab02 li:nth-child(n + 4) {flex-grow: 0;}
    .contents-tab02 li:nth-child(n + 4) a {border-top: 0;}
    .contents-tab03 li:nth-child(4) a,
    .contents-tab02 li:nth-child(3n + 1) a {border-left: 1px solid #e0e0e0;}
    .contents-tab03 li:nth-child(n + 4):nth-child(-n + 5) a {border-top: 0;}
    .contents-tab03 li:nth-child(7) a,
    .contents-tab03 li:nth-child(10) a {border-left: 1px solid #e0e0e0;}
    .contents-tab03 li:nth-child(5) a,
    .contents-tab03 li:nth-child(6) a {border-left: 0;}

}
@media all and (max-width:640px) {
    .contents-tab02 {margin-bottom: 30px;}
    .contents-tab03 li a,
    .contents-tab02 li a {height: 54px;}
}
@media all and (max-width:500px) {
    .bullet00,
    .bullet01 {font-size: 1.9rem;}
    .bullet01::before {top: 3px;}
    .contents-tab03 li,
    .contents-tab02 li {width: 50%;}
    .contents-tab02 li:nth-child(3n + 1) a {border-left: 0;}
    .contents-tab02 li:nth-child(n + 3) a {border-top: 0;}
    .contents-tab02 li:nth-child(2n + 1) a {border-left: 1px solid #e0e0e0;}
    .contents-tab03 li:nth-child(odd) a,
    /* .contents-tab02 li:nth-child(n + 2):nth-child(odd):nth-child(-n + 5) a {border-left: 1px solid #E0E0E0;} */
    .contents-tab03 li:nth-child(3) a {border-top: 0;}
    .contents-tab03 li:nth-child(10) a,
    .contents-tab03 li:nth-child(4) a {border-left: 0;}
}
/*********************************************** sub-visual ***********************************************/
.body-area {padding-top: 80px;}
.sub-visual {width: 100%; height: 350px; background: url("../images/sub/sub-visual.jpg") no-repeat center / cover; padding-top: 100px; color: #fff;}
.sub-visual .inner {position: relative; top: 50%; transform: translateY(-50%);}
.sub-visual strong {font-size: 3.4rem; font-weight: 600;}

.text-up { display: block; transition: all 0.3s; overflow: hidden;}
.text-up .text-up-con {  position: relative; display: inline-block;  animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.text-up .text-up-con.delay {animation-delay:0.3s}
.delay03 {animation-delay:0.3s !important;}
.delay06 {animation-delay:0.6s !important;}
.delay10 {animation-delay:0.6s !important;}

@keyframes text-up {  from { transform: translate3d(0, 150%, 0); opacity: 0;}  to {  transform: translate3d(0, 0, 0); opacity: 1; }}
/*********************************************** sub-layout ***********************************************/
.body-area {overflow-x: hidden;}
.body-area > .inner {display: flex; flex-direction: row-reverse;}
/* aside */
.body-area > .inner .snb-layout {width: 330px; position: relative; top: -65px;}
.body-area > .inner .snb-layout .snb-title {width: 1920px; height: 85px; line-height: 85px; background: linear-gradient(127deg, rgba(81,176,152,1) 0%, rgba(17,128,106,1) 35%, rgba(17,128,106,1) 100%); border-radius: 0 0 0 20px; padding: 0 30px; position: relative;}
.body-area > .inner .snb-layout .snb-title::after {content: ""; width: 370px; height: 86px; position: absolute; background: url("../images/sub/snb-tit-bg.png");}

.body-area > .inner .snb-layout .snb-title em {font-size: 2.4rem; font-weight: 500; color: #fff;}
.body-area > .inner .snb-layout .lnb-list {margin-left: 60px; font-family: "GothicA1-Regular";}
.body-area > .inner .snb-layout .lnb-list li a {display:block; height: 60px; line-height: 60px; position:relative; padding: 0 10px; font-size: 1.7rem;}
.body-area > .inner .snb-layout .lnb-list li a.on,
.body-area > .inner .snb-layout .lnb-list li a:hover {color: #0B7B65; font-weight: 600;}
.body-area > .inner .snb-layout .lnb-list li a i {width: 36px; height: 24px; position: absolute;  right: 10px; top: 30%; opacity: 0; transition: all 0.3s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230B7B65' d='M20.204 7.41 24.621 12l-4.417 4.59 1.36 1.41 5.786-6-5.786-6-1.36 1.41Z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)' opacity='.6'%3E%3Cpath fill='%230B7B65' d='M14.417 7.41 18.834 12l-4.417 4.59 1.36 1.41 5.786-6-5.786-6-1.36 1.41Z'/%3E%3C/g%3E%3Cg clip-path='url(%23c)' opacity='.3'%3E%3Cpath fill='%230B7B65' d='M8.632 7.41 13.048 12l-4.416 4.59L9.992 18l5.785-6-5.785-6-1.36 1.41Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M35.065 0v24H11.922V0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M29.277 0v24H6.134V0z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='%23fff' d='M23.492 0v24H.35V0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.body-area > .inner .snb-layout .lnb-list li a:hover i,
.body-area > .inner .snb-layout .lnb-list li a.on i {opacity: 1; right: 5px;}
.body-area > .inner .snb-layout .lnb-list li a::before {content:""; width: 0; background: #0B7B65; height: 1px; position: absolute; left: 0; bottom: 0; transition: all 0.5s; z-index: 1;}
.body-area > .inner .snb-layout .lnb-list li a.on::before,
.body-area > .inner .snb-layout .lnb-list li a:hover::before {width: 100%;}
.body-area > .inner .snb-layout .lnb-list li a::after {content:""; width: 100%; height: 1px; background: #E0E0E0; position: absolute; bottom:0; left: 0;}

#contents {color: #444; min-height: 500px; font-size: 1.6rem; font-family: "GothicA1-Regular";}

/* contents-box */
.body-area > .inner .contents-box {width: calc(100% - 330px); padding: 60px 0;}
.body-area > .inner .contents-box .title-wrap {display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #E0E0E0; padding-bottom: 20px; margin-bottom: 40px;}
.body-area > .inner .contents-box .title-wrap h3 {font-size: 3rem; font-weight: 600;}
.body-area > .inner .contents-box .title-wrap .breadcrumb {display: flex; align-items: center; font-family: "GothicA1-Regular";}
.body-area > .inner .contents-box .title-wrap .breadcrumb li:not(:last-child) {position: relative; padding-right: 30px; color: #8D8D8D;}
.body-area > .inner .contents-box .title-wrap .breadcrumb li:not(:last-child)::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #D3D3D3;}
.body-area > .inner .contents-box .title-wrap .breadcrumb li:last-child {color: #333; font-weight: 700;}
.body-area > .inner .contents-box .title-wrap .breadcrumb li .home {font-size: 0; display: block; width: 22px; height: 21px; background: url("../images/sub/breadcrumb_home.svg");}



@media all and (max-width:1200px) {
.body-area > .inner .snb-layout {display: none;}
.body-area > .inner .contents-box {width: 100%;}
.sub-visual {height: 250px; padding-top: 0;}
.sub-visual strong {font-size: 3rem;}
}
@media all and (max-width:768px) {
/* #contents {font-size: 1.5rem;} */
.sub-visual {text-align: center; height: 200px;}
.body-area > .inner .contents-box .title-wrap {flex-direction: column; justify-content: center; align-items: center;}
.body-area > .inner .contents-box .title-wrap h3 {font-size: 2.8rem; margin-bottom: 20px;}
}
@media all and (max-width:420px) {
.sub-visual strong {font-size: 2.8rem;}
}


/*********************************************Cnt101 학회장 인사********************************************/
.cnt101 {position: relative;}
.cnt101-img {content: ""; width: 340px; height: 390px; background: url("../images/sub/cnt101-img.png") no-repeat right bottom 30%; border-radius: 10px 40px 10px 40px; top: 115px; right: 0; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.2);float: right; margin: 0 0 30px 50px;}
.cnt101 strong {font-weight: 700; font-size: 2.5rem; color: #222; margin-bottom: 40px; display: block;}
.cnt101 strong span {color: #0B7B65;}
.cnt101 .txt-box p {margin-bottom: 30px; line-height: 28px;}
.cnt101 .txt-box .sign {font-size: 2rem; font-weight: 700; text-align: right; margin-top: 50px;}
.cnt101 .txt-box .sign span {display:inline-block;font-family: 'Father_loveletter'; font-size: 5rem; font-weight: 400; margin-left: 6px;}

@media all and (max-width:1440px) {
    .cnt101 .txt-box p br {display: none;}
}
@media all and (max-width:840px) {
    .cnt101-img {margin: 0 0 20px 30px;}
}
@media all and (max-width:768px) {
    .cnt101-img {width: 50%; height: 50vw; float: none; margin: 0 auto 20px; background-size: cover;}
    .cnt101 strong {font-size: 2.2rem; margin-bottom: 30px; text-align: center;}
    .cnt101 strong br {display: none;}
    .cnt101 .txt-box p {margin-bottom: 20px;}

}
@media all and (max-width:640px) {
    .cnt101-img {width: 60%; height: 63vw;}
}
@media all and (max-width:420px) {
    .cnt101 strong {font-size: 2rem;}
    .cnt101 .txt-box p {margin-bottom: 10px;}
    .cnt101 .txt-box .sign {margin-top: 30px;}
}

/**********************************************Cnt102 연혁 및 주요행사******************************************/

.cnt102 .tab-conbox .tab-content .years-wrap  {display: flex; align-items: flex-start; position: relative; padding: 30px 0px;}
.cnt102 .tab-conbox .tab-content .years-wrap:not(:last-child) {border-bottom: #E3E3E3 1px dashed;}
.cnt102 .tab-conbox .tab-content .years-wrap span  {font-size: 7rem; font-weight: 800; color: #D7ECE8; margin-right: 40px; line-height: 1; transition: color 0.3s;}
.cnt102 .tab-conbox .tab-content .years-wrap span.on {color: #0B7B65;}
.cnt102 .tab-conbox .tab-content .years-wrap .line {position: absolute; width: 1px; height: 100%; top: 0; left: 194px; background-color: #ddd; z-index: -1;}
.cnt102 .tab-conbox .tab-content .years-wrap .line::after {content: ""; width: 1px; height: 0px; background: #0B7B65; transition: height 0.8s ease 0.3s; display: block;}
.cnt102 .tab-conbox .tab-content .years-wrap .line.on::after {height:100%;}
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt {position: relative; margin: 30px 0 30px 30px;}
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt::before {content: ''; position: absolute; left: -31px; top: 0; width: 9px; height: 9px; border-radius: 50%; background-color: #0B7B65;}
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt .years-tx:not(:first-child) {margin-top: 10px;}
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt p.years-tx,
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt .years-tx dt {font-weight: 700; position: relative; padding-left: 12px;}
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt p.years-tx::before,
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt .years-tx dt::before {content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background-color: #222;}
.cnt102 .tab-conbox .tab-content .years-wrap .years-cnt .years-tx dd {margin: 5px 0px 0px 12px;}

@media all and (max-width:530px) {
    .cnt102 .tab-conbox .tab-content .years-wrap .line,
    .cnt102 .tab-conbox .tab-content .years-wrap {display: block;}
    .cnt102 .tab-conbox .tab-content .years-wrap .line,
    .cnt102 .tab-conbox .tab-content .years-wrap .line {display: none;}
    .cnt102 .tab-conbox .tab-content .years-wrap .years-cnt {margin: 20px 0 20px 0;}
    .cnt102 .tab-conbox .tab-content .years-wrap .years-cnt::before {display: none;}
}
/*****************************************cnt103 역대 임원진***************************************/
.cnt103 .table tbody th, .cnt104 .table tbody th {font-size: 1.7rem;}
.cnt103 .table:not(:last-child) {margin-bottom: 60px;}
.cnt103 .table tbody tr .table-tit, .cnt104 .table tbody tr .table-tit  {background: #F9F9F9; font-weight: 700; color: #222; text-align: center;}
.cnt103 .table tbody tr td {text-align: center;}
.cnt103 .table tbody tr .table-tx td {vertical-align : top;}
.cnt103 .table span { color: #a3a3a3;     display: block;    margin-top: 7px;    line-height: 1.3;    word-break: break-all; }

@media all and (max-width:768px) {
    .cnt103 .table:not(:last-child) {margin-bottom: 40px;}

}
@media all and (max-width:420px) {
    .cnt103 .table:not(:last-child) {margin-bottom: 30px;}
}

/*****************************************cnt104 임원진***************************************/
.cnt104 .cnt-tit {margin-bottom: 20px;}
.cnt104 .table tbody tr td {text-align: left;}
.cnt104 .table tbody tr td .list-wrap {display: flex;}
.cnt104 .table tbody tr td .list-wrap ul {flex-grow: 1; text-align: left;}
.cnt104 .table tbody tr th span {font-weight: 100; font-size: 1.5rem;}

/*****************************************cnt105 학회정관***************************************/

.cnt105 .tab-menu-wrap .tabs {flex-wrap: wrap;}
.cnt105 .tab-menu-wrap .tabs .tab-menu {width: calc((100%) / 5);}
.cnt105 .tab-menu-wrap .tabs .tab-menu:nth-child(7) a {font-size: 1.5rem; letter-spacing: -1.5px;}
.tab-conbox .tab-content .terms-box { padding-top: 30px; border-top: 1px solid #EAEAEA ;}
.tab-conbox .tab-content .terms-box .cnt-list {margin-bottom: 60px;}
.tab-conbox .tab-content .terms-box .cnt-list ul {margin: 10px 0 10px 10px;}
.tab-conbox .tab-content .terms-box .cnt-list .gray-box {padding: 30px;}
.tab-conbox .tab-content .terms-box .cnt-list .gray-box ul {margin: 0px;}

@media all and (max-width:768px) {
    .tab-conbox .tab-content .terms-box .cnt-list {margin-bottom: 40px;}
}

@media all and (max-width:420px) {
    .tab-conbox .tab-content .terms-box .cnt-list {margin-bottom: 30px;}
    .tab-conbox .tab-content .terms-box .cnt-list .gray-box {padding: 20px;}
}


/*****************************************cnt106 오시는 길*************************************/
.cnt106 .map-wrap {position: relative; width: 100%; margin-bottom: 120px;}
.cnt106 .map-wrap .map-area {width: 100%; border-radius: 30px;}
.cnt106 .map-wrap .map-area .wrap_controllers {display:none;}
.cnt106 .map-wrap .map-tx {width: 90%; border-radius: 0px 30px 0px 30px; background-color: #0B7B65; padding: 40px; box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2); left: 50%; transform: translate(-50%); bottom: -65px; z-index: 999; position: absolute;}
.cnt106 .map-wrap .map-tx dl {display: flex; color: #fff;}
.cnt106 .map-wrap .map-tx dl:not(:last-child) {margin-bottom: 5px;}
.cnt106 .map-wrap .map-tx dl dt {width: 35px; font-weight: 700;}
.cnt106 .map-wrap .map-tx dl dd::before {content: ':'; display: inline-block; margin-right:7px;}
.cnt106 .map-wrap .map-tx .map-info {display: flex;}
.cnt106 .map-wrap .map-tx .map-info .map-info-fax {margin-left: 20px;}
.cnt106 .cnt-wrap01  {width: 100%; border-bottom: #EAEAEA 1px solid; padding-bottom: 30px; margin-bottom: 30px;}

@media all and (max-width:768px) {
    .cnt106 .map-wrap {margin-bottom: 130px;}
    .cnt106 .map-wrap .map-tx {padding: 30px; bottom: -100px;}
    .cnt106 .map-wrap .map-tx dl {flex-direction: column;}
    .cnt106 .map-wrap .map-tx dl dd::before {content: none;}
}
@media all and (max-width:685px) {
}
@media all and (max-width:421px) {
    .cnt106 .map-wrap {margin-bottom: 30px;}
    .cnt106 .map-wrap .map-tx {width: 100%; position: relative; bottom: 0; margin-top: 10px; padding: 20px;}
    .cnt106 .map-wrap .map-area {height: 320px !important;}
    .cnt106 .map-wrap .map-tx .map-info {margin-top: 10px;}
}



/*********************************************** cnt201 ***********************************************/
.cnt201 .committee-box{margin-bottom: 100px;}
.cnt201 .committee-box > li {display: flex;}
.cnt201 .committee-box > li:last-child {border-bottom: 1px solid #eaeaea;}
.cnt201 .committee-box > li .commit-tit {min-width: 120px; font-size: 2rem; color: #222; font-weight: 700; flex-shrink: 0;}
.cnt201 .committee-box > li .commit-tit i {display: block; margin-top: 10px;}
.cnt201 .committee-box > li .commit-tit i.commit-icon01 {width: 46px; height: 37px; background: url("../images/sub/commit-icon01.png") no-repeat;}
.cnt201 .committee-box > li .commit-tit i.commit-icon02 {width: 46px; height: 41px; background: url("../images/sub/commit-icon02.png") no-repeat;}
.cnt201 .committee-box > li .commit-tit i.commit-icon03 {width: 46px; height: 37px; background: url("../images/sub/commit-icon03.png") no-repeat;}
.cnt201 .committee-box > li li {margin-bottom: 5px;}

@media all and (max-width:1440px) {
	.cnt201 .committee-box > li li br {display:none;}
}
@media all and (max-width:768px) {
    .cnt201 .committee-box > li .commit-tit {font-size: 1.8rem;}
}
@media all and (max-width:640px) {
    .cnt201 .committee-box > li {flex-direction: column;}
    .cnt201 .committee-box > li .commit-tit {display: flex; flex-direction: column-reverse; margin-bottom: 15px;}
    .cnt201 .committee-box > li .commit-tit i {margin-top: 0;}
}
/*********************************************** cnt301 논문투고 ***********************************************/
.cnt301 .info-conbox .flex-box .info-img {width: 178px; height: 234px; margin-right: 30px; border-radius: 15px; overflow: hidden;}
.cnt301 .info-conbox .flex-box .info-txt {width: calc(100% - 208px);}
.cnt301 .info-conbox .flex-box .info-txt .dot-list02 dl dt {width: 110px;}
@media all and (max-width:768px) {
	.cnt301 .info-conbox .flex-box .info-img {margin-right: 0;}
}


/******************************************cnt302 논문투고안내***************************************/
.cnt302 .tab-conbox .tab-content .cnt-list h4 {letter-spacing: -0.5px;}
.cnt302 .tab-conbox .tab-content .cnt-list .cnt-tx:not(:last-of-type) {margin-bottom: 20px;}
.cnt302 .tab-conbox .tab-content .cnt-list .cnt-tx p span {color: #a3a3a3; display: block; margin-top: 7px; line-height: 1.3; word-break: break-all;}
.cnt302 .tab-conbox .tab-content .cnt-list .cnt-tx .gray-box .dot-list01 li {margin-left: 0; margin-bottom: 10px;}
.cnt302 .tab-conbox .tab-content .cnt-list .cnt-tx .gray-box li span {display: block; font-size: 1.5rem; color: #444;}
.cnt302 .tab-conbox .tab-content .cnt-list .cnt-tx .gray-box li .list-inner {color: #444; position: relative; padding-left: 12px;}
.cnt302 .tab-conbox .tab-content .cnt-list .cnt-tx .gray-box li .list-inner::before {content: ''; width: 5px; height: 2px; background-color: #939393; position: absolute; top: 10px; left: 0;
}
.cnt302 .tab-conbox .tab-content .cnt-list .cnt-tx .tx-group {padding-left: 30px; margin-bottom: 10px; margin-top: 20px;}
.cnt302 .tab-conbox .tab-content .history-list {border-top: #eaeaea 1px solid; padding-top: 30px;}
.cnt302 .tab-conbox .tab-content .history-list .history-tit {font-size: 2rem; color: #222; padding-left: 15px; position: relative; font-weight: 700; margin-bottom: 15px;}
.cnt302 .tab-conbox .tab-content .history-list .history-tit::before {content:''; background: url(../images/sub/icon03.svg) no-repeat center; width: 26px; height: 30px;position: relative; margin-right: 10px; display:inline-block; vertical-align: middle;}
.cnt302 .tab-conbox .tab-content .history-list .icon03 {background: url(../images/sub/icon03.svg) no-repeat center; width: 21px; height: 26px; position: relative; margin-right: 15px;}
.cnt302 .tab-conbox .tab-content .history-list .icon03::after {content: ''; position: absolute; width: 24px; height: 24px; border-radius: 100%; background-color: #C8EDE6; z-index: -999; right: -8px; bottom: -7px;}
.cnt302 .tab-conbox .tab-content .history-list .dot-list01 li {margin-left: 35px;}
.cnt302 .tab-conbox .tab-content .history-list span {font-size: 2rem; font-weight: 600;}
/******************************************cnt303 편집위원회***************************************/
.cnt303 .tab-conbox .tab-content .cnt-list p span {color: #a3a3a3; display: block; margin-top: 7px; line-height: 1.3; word-break: break-all;}
.cnt303 .tab-conbox .tab-content .cnt-list p:not(:last-child) {margin-bottom: 10px;}
/**********************************************cnt401 소개 및 안내******************************************/
.cnt401 > p {color: #222; font-size: 1.7rem; margin-top: 20px;}
.cnt401 .gray-box ul li:not(:last-child) {margin-bottom: 10px;}
.cnt402 .info-conbox .con-img img {height: 100%;}
/*********************************************** cnt402 ***********************************************/
.info-conbox {padding: 30px; border: 1px solid #e0e0e0; border-radius: 0 20px 0 20px; position: relative;  background: url("../images/sub/infoboxBg2.png") no-repeat right top; margin-bottom: 30px;}
.info-conbox .flex-box {display: flex;}
.info-conbox .flex-box .info-img {width: 265px; height: 190px; margin-right: 30px;}
.info-conbox .flex-box .info-txt {width: calc(100% - 295px);}
.info-conbox .flex-box .info-txt .info-title {display: block; font-size: 2rem; color: #0B7B65; font-weight: 700; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #c1c1c1;}
.info-conbox .flex-box .info-txt .dot-list02 dl {display: flex;}
.info-conbox .flex-box .info-txt .dot-list02 dl dt {width: 70px; font-weight: 700; color: #222; flex-shrink: 0;}
.step-box {display: flex; border-radius: 0 20px 0 20px; overflow: hidden; margin-bottom: 30px;}
.step-box li {width: 33.33%; background: #F6F6F6; position: relative; color: #9c9c9c; height: 60px; line-height: 60px; padding: 0 20px;}
.step-box li.on {background: #0B7B65 url("../images/sub/circledown.png") no-repeat 90% center; color: #fff; background-size: 22px;}
.step-box li.on:not(:first-child)::before {content: ""; width: 17px; height: 60px; background: url("../images/sub/stepBg3.png") no-repeat; position: absolute; left: -17px; top: 0;}
.step-box li:not(:last-child)::after {content: ""; width: 17px; height: 60px; background: url("../images/sub/stepBg1.png") no-repeat; position: absolute; right: 0; top: 0;}
.step-box li.on:not(:last-child)::after {background: url("../images/sub/stepBg2.png") no-repeat;}
.step-box li span {font-size: 1.8rem; line-height: 1;}
.cnt402 .bullet01 .caution-txt {margin-left: -15px;}
.complete-box.round-box {padding: 60px;}
.complete-box.round-box .complete-icon {display: block; width: 80px; height: 80px; background: #EEF5F4 url("../images/sub/check-icon.png") no-repeat center; border-radius: 50%; margin: 0 auto 40px;}
.complete-box.round-box .txt-wrap {text-align: center; margin-bottom: 60px;}
.complete-box.round-box .txt-wrap strong {display: block; font-size: 3rem; color: #222; font-weight: 700; padding-bottom: 5px;}
.complete-box.round-box .txt-wrap p {color: #777;}
.complete-box.round-box .txt-wrap span {color: #0B7B65;}
.complete-box.round-box .code-txt {display: block; margin-top: 10px; color: #222 ; font-weight: 600;}
.complete-box.round-box .code-txt input {color: #222;}

@media all and (max-width:850px) {
    .step-box li {padding: 0 15px;}
    .step-box li span {font-size: 1.6rem;}
    .complete-box.round-box .txt-wrap {margin-bottom: 40px;}
    .complete-box.round-box .txt-wrap strong {font-size: 2.6rem;}
    .complete-box.round-box .complete-icon {width: 70px; height: 70px; margin: 0 auto 30px;}
}
@media all and (max-width:870px) {
	.step-box {flex-direction: column; border: 1px solid #e0e0e0;}
    .step-box li {width: 100%;}
    .step-box li:not(:last-child) {border-bottom: 1px solid #e0e0e0;}
    .step-box li.on {background-position: 97% center;}
    .step-box li.on:not(:first-child)::before,
    .step-box li:not(:last-child)::after,
    .step-box li.on::after {content: none;}
}
@media all and (max-width:768px) {
    .info-conbox {padding: 20px;}
    .info-conbox::after {content: none;}
    .info-conbox .flex-box {flex-direction: column; align-items: center;}
    .info-conbox .flex-box .info-txt {width: 100% !important; display: flex; flex-direction: column; align-items: center;}
    .info-conbox .flex-box .info-txt .info-title {width: 100%; text-align: center;}
    .info-conbox .flex-box .info-img {width: 100%; height: auto; margin-right: 0; margin-bottom: 15px;}
    .complete-box.round-box {padding: 40px;}
    .complete-box.round-box .txt-wrap strong {padding-bottom: 15px;}
}

@media all and (max-width:420px) {
    .step-box li {height: 50px; line-height: 50px;}
    .complete-box.round-box {padding:30px;}
    .complete-box.round-box .txt-wrap {margin-bottom: 0;}
    .complete-box.round-box .txt-wrap strong {font-size: 2.2rem;}
    .complete-box.round-box .complete-icon {width: 60px; height: 60px; background-size: 50%;}
}
/*********************************************** cnt404 ***********************************************/
.cnt404 .bullet02:not(:last-child) {margin: 30px 0;}
/********************************** cnt701 회원정보관리 *********************************/
.cnt701 input[type="text"].mail-frm {max-width: 190px; width: 100%;}
.cnt701 input[type="text"].add-frm1 {width: 100px !important;}
.cnt701 input[type="text"].add-frm2 {width: 300px;}
.cnt701 input[type="text"].add-frm3 {margin-top: 5px;}
@media all and (max-width:1200px) {
    .cnt701 input[type="text"].mail-frm {max-width: none; width: auto;}
}
@media all and (max-width:999px) {
    .cnt701 input[type="text"].add-frm2 {width: calc(100% - 182px) !important;}
    .cnt701 input[type="text"].certi-frm {width: calc(100% - 66px) !important; margin-top: 5px;}
    .cnt701 input[type="text"].mail-frm {max-width: none; width: calc((100% - 25px) / 2) !important;}
    .cnt701 input[type="text"].mail-frm ~ select {width: calc(100% - 107px); margin-top: 5px;}
}

/*********************************** cnt703 회비납부 *******************************/

.item-list {width: 100%; display: flex; flex-wrap: wrap; gap: 10px; border-bottom: #EAEAEA 1px solid; padding-bottom: 30px; margin-bottom: 30px;}
.cnt703 .item-list dl {position:relative; border: #cfcfcf 1px solid; border-radius: 10px; width: calc((100% - 30px) / 4); overflow: hidden;}
.cnt703 .item-list dl dt {position: relative; padding: 12px 20px 15px 20px; text-align: center; background: #F7FBF8; border-bottom: 1px dashed #d1d1d1;}
.cnt703 .item-list dl dt span {display: inline-block; color:#0B7B65; font-weight: 700; position: relative;}
.cnt703 .item-list dl dt span::before,
.cnt703 .item-list dl dt span::after {content:''; width: 16px; height: 3px; background: url(../images/common/dot-icon.png) no-repeat center / cover; position: absolute; top: 50%; left: -22px; transform: translateY(-50%);}
.cnt703 .item-list dl dt span::after {left: auto; right: -22px; transform: translateY(-50%) scaleX(-1);}
.cnt703 .item-list dl dd {text-align: center; font-size: 2rem; padding: 20px;}


@media all and (max-width:768px) {
    .cnt703 .item-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
    .cnt703 .item-list dl {width: 100%; margin: 0 auto;}
    .cnt703 .item-list dl dd {padding: 15px;}
}
@media all and (max-width:420px) {
    .item-list {margin-bottom: 40px;}
    .cnt703 .item-list dl dd {font-size: 1.8rem;}
}

/********************************** cnt704 증명서 신청*********************************/
.cnt704 .item-list li {width: calc((100% - 40px) / 5);}
.cnt704 .item-list li a {display: block; border: #CFCFCF 1px solid; transition: all 0.3s;}
.cnt704 .item-list li a:hover {border: 1px solid #00A081; border-radius: 0px 20px 0px 20px; background-color: #F8FEFB; box-shadow: 0px 0px 0px 1.5px #00A081 inset;}
.cnt704 .item-list li:hover span {font-weight: 700;}
.cnt704 .item-list li:hover .link-icon {background-color: #E3FBEF;}
.cnt704 .item-list li .link-inner {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 15px;}
.cnt704 .item-list .link-inner .link-icon {border-radius: 100%; width: 70px; height: 70px; position: relative; margin: 0 auto;}
.cnt704 .item-list .link-inner .link-icon01 {background: #F8F8F8 url(../images/sub/cnt704-icon01.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon02 {background: #F8F8F8 url(../images/sub/cnt704-icon02.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon03 {background:#F8F8F8 url(../images/sub/cnt704-icon03.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon04 {background: #F8F8F8 url(../images/sub/cnt704-icon04.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon05 {background: #F8F8F8 url(../images/sub/cnt704-icon05.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon06 {background: #F8F8F8 url(../images/sub/cnt704-icon06.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon07 {background: #F8F8F8 url(../images/sub/cnt704-icon07.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon08 {background: #F8F8F8 url(../images/sub/cnt704-icon08.svg) no-repeat center;}
.cnt704 .item-list .link-inner .link-icon09 {background: #F8F8F8 url(../images/sub/cnt704-icon09.svg) no-repeat center;}
.cnt704 .item-list li .link-icon img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.cnt704 .item-list .link-inner span {text-align: center; display: block; margin-top: 5px; line-height: 1.2;}
.cnt704 .table-tit h4 {margin-bottom: 20px;}
.cnt704 .table-tit .list-wrap {background-color: #F9F9F9; border-radius: 0px 0px 30px 0px; padding: 20px 0px 20px 0px; width: 70%; margin-bottom: 40px;}
.cnt704 .table-tit .list-wrap ul {margin-left: 25px;}
.cnt704 .table-tit .list-wrap .dot-list01 li:not(:last-child) {padding-bottom: 2px;}


@media all and (max-width:925px) {
    .cnt704 .item-list {grid-template-columns: repeat(3, 1fr); grid-gap: 10px;}
}
@media all and (max-width:768px) {
    .cnt704 .item-list li {width: calc((100% - 20px) / 3);}
}
@media all and (max-width:562px) {
    .cnt704 .item-list li:hover {border-radius: 0px 15px 0px 15px;}
    .cnt704 .item-list .link-inner span {margin-top: 0px;}
}
@media all and (max-width:420px) {
    .cnt704 .item-list li {width: calc((100% - 10px) / 2);}
    .cnt704 .item-list li .link-inner {padding: 12px; height: 105px;}
    .cnt704 .item-list .link-inner .link-icon {width: 50px; height: 50px; background-size: 50%;}
}


/********************************************* 로그인페이지 *********************************************/
.login-box {padding: 80px 60px; background: url("../images/sub/logobg-gray.png") no-repeat right top;}
.login-box form {width: 100%; max-width: 450px; margin: 0 auto;}
.login-box form .tit {font-size: 3.6rem; font-family: 's-core'; font-weight: 600; color: #0B7B65; text-align: center; margin-bottom: 40px;}
.login-box form label {display: block; color: #222; font-weight: 700; margin-bottom: 5px;}
.login-box form input {width: 100%; height: 52px; padding: 0 10px 0 10px;}
.login-box form .frm-box {margin-bottom: 20px;}
.login-box form .id-frm input[type="text"] {padding-left: 40px; background: #fff url("../images/sub/id-icon.png") no-repeat 15px center;}
.login-box form .pw-frm input[type="password"] {padding-left: 40px; background: #fff url("../images/sub/pw-icon.png") no-repeat 15px center;}
.login-box form .login-btn button {width: 100%; background: #0B7B65; color: #fff; height: 52px; border-radius: 4px;}
.login-box form .info-user {display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px;}
.login-box form .info-user .list-user {display: flex;}
.login-box form .info-user .list-user li:first-child {margin-right: 20px; position: relative;}
.login-box form .info-user .list-user li:first-child::after {content: ""; width: 3px; height: 3px; border-radius: 50%; background: #555; position: absolute; top: 50%; right: -10px;}
.login-box form .comment-or {text-align: center; padding: 20px 0; display: flex; align-items: center;}
.login-box form .comment-or span {padding: 0 10px;}
.login-box form .comment-or::before,
.login-box form .comment-or::after {content:""; display: inline-block; flex: 1; border-bottom: 1px solid #dbdbdb;}
.login-box form .other button {width: 100%; height: 52px; color: #0B7B65; border: 1px solid #0B7B65; border-radius: 4px; font-weight: 700;}

/* 비회원 */
.login-box form .mail-frm input[type="text"] {width: calc(100% - 126px);}
.login-box form .mail-frm .num-frm[type="text"] {width: 100%; margin-top: 5px;}
.login-box form .mail-frm button {height: 52px; width: 120px; border-radius: 4px; font-size: 1.5rem;}
.login-box form .alert-message {color: #C21E1E; font-size: 1.5rem;}

@media all and (max-width:768px) {
    .login-box {padding:60px 40px; background-size: 60%;}
    .login-box form .tit {font-size: 3.2rem; margin-bottom: 30px;}
}
@media all and (max-width:420px) {
    .login-box {padding:40px 20px; background: #fff;}
    .login-box form input,
    .login-box form .login-btn button,
    .login-box form .other button,
    .login-box form .mail-frm button {height: 42px;}
    .login-box form .tit {font-size: 2.8rem; margin-bottom: 20px;}
}

/********************************************* 회원가입 *********************************************/
/* 가입유형선택 */
.join-box .join-comment {background: url("../images/sub/joinBg.png") no-repeat top center; text-align: center; padding-top: 300px; border-bottom: 1px solid #EAEAEA; padding-bottom: 30px; margin-bottom: 30px;}
.join-box .join-comment strong {display: block; font-size: 3rem; color: #222; text-align: center; margin-bottom: 10px;}
.join-box .join-comment strong span {color: #0B7B65;}
.join-box .join-type {display: flex; justify-content: space-between;}
.join-box .join-type li {width: calc(100% / 3 - 20px); border: 1px solid #e0e0e0; padding: 20px; text-align: center; border-radius: 20px;}
.join-box .join-type li > i {display: block; width: 65px; height: 65px; margin: 20px auto 10px;}
.join-box .join-type li > i.join-icon01 {background: url("../images/sub/join_icon01.png")no-repeat center;}
.join-box .join-type li > i.join-icon02 {background: url("../images/sub/join_icon02.png")no-repeat center;}
.join-box .join-type li > i.join-icon03 {background: url("../images/sub/join_icon03.png")no-repeat center;}
.join-box .join-type li em {font-size: 2rem; color: #222; font-weight: 700;}
.join-box .join-type li .btn-wrap {text-align: center; margin-top: 20px;}
.join-box .join-type li .btn-wrap .join-btn {display:inline-block; width: 100px; height: 40px; line-height: 40px; background: #0B7B65; border-radius: 4px; color: #fff; font-size: 1.4rem;}
.join-box .join-type li .btn-wrap .join-btn i {display: inline-block; width: 10px; height: 10px; background: url("../images/sub/join_arrow.png")no-repeat; margin-left: 7px; transition: transform 0.3s ease;}
.join-box .join-type li .btn-wrap .join-btn:hover i {transform: translateX(3px);}
/* 이용약관 */
.join-box .terms-box .terms-wrap:not(:last-child) {margin-bottom: 30px;}
.join-box .terms-box .terms-wrap .terms {border: 1px solid #CFCFCF;}
.join-box .terms-box .terms-wrap .terms .terms-ti {padding: 10px 20px; background: #fafafa; border-bottom: 1px solid #cfcfcf;}
.join-box .terms-box .terms-wrap .terms .terms-ti p {font-size: 1.7rem; font-weight: 700; color: #222;}
.join-box .terms-box .terms-wrap .terms .scroll-area {height: 250px; overflow-y: auto; padding: 20px;}
.join-box .terms-box .terms-wrap .terms .scroll-area > div:not(:last-child) {margin-bottom: 30px;}
.join-box .terms-box .terms-wrap .terms .scroll-area h3 {font-size:1.8rem; color: #222; font-weight: 700; margin-bottom: 20px;}
.join-box .terms-box .terms-wrap .terms .scroll-area h5 {font-weight: 700; color: #222; margin-bottom: 10px; font-size: 1.6rem;}
.join-box .terms-box .terms-wrap .terms .scroll-area div > ul {padding: 10px 15px; background: #f9f9f9; margin-bottom: 10px; background: #fafafa; border: 1px solid #eaeaea;}
.join-box .terms-box .terms-wrap .terms .scroll-area div > ul li {font-size: 1.5rem;}
.join-box .terms-box .terms-wrap .terms .scroll-area div > ul li:not(:last-child) {margin-bottom: 10px;}
.join-box .terms-box .terms-wrap .terms .scroll-area div > p {margin: 10px 0;}
.join-box .terms-box .terms-wrap .terms .scroll-area ul li:last-child p {margin-bottom: 0;}
.join-box .terms-box .terms-wrap .terms .scroll-area ul ul {padding: 10px 0 10px 15px;}
.join-box .terms-box .terms-wrap .terms .scroll-area ul ul li:not(:last-child) {margin-bottom: 5px;}
.join-box .terms-box .terms-wrap .check-btn-wrap {text-align: right; margin-top: 10px;}
.join-box .agree-box {text-align: center; margin-top: 30px; padding: 30px; background: #fafafa; border: 1px solid #cfcfcf; font-weight: 700; color: #222;}


@media all and (max-width:1440px) {
    .join-box .join-type li .btn-wrap .join-btn {width: 100%;}
    .join-box .join-type li .btn-wrap .join-btn:not(:last-child) {margin-bottom: 5px;}
}
@media all and (max-width:850px) {
    .join-box .join-comment {background-size: 337px 230px; padding-top: 250px;}
    .join-box .join-comment strong {font-size: 2.6rem;}
}
@media all and (max-width:768px) {
    .join-box .join-comment {background-size: 250px 170px; padding-top: 185px;}
    .join-box .join-type {flex-direction: column;}
    .join-box .join-type li {width: 100%;}
    .join-box .join-type li:not(:last-child) {margin-bottom: 20px;}
    .join-box .join-type li > i {margin-top: 0;}
    .join-box .join-type li .btn-wrap .join-btn {width: 100px;}
}
@media all and (max-width:420px) {
    .join-box .join-comment strong {font-size: 2.2rem;}
    .join-box .join-comment p br {display: none;}

}
/********************************************* 사이트맵 *********************************************/
.sitemap {position:relative;}
.sitemap .sitemap-list {display: flex; flex-wrap: wrap; margin: 0 0 -30px -30px;}
.sitemap .sitemap-list > li {width:calc((100% - 90px) / 3); margin:0 0 30px 30px;}
.sitemap .sitemap-list > li > strong {display: block; font-family: 's-core'; padding:17px 0;background:#0B7B65 url(../images/sub/sitemap-bg.png) no-repeat right center;color: #fff; text-align:center; border-radius:10px; font-size:2rem; font-weight: 500; margin-bottom: 10px;}
.sitemap .depth02 {padding: 10px 15px; border: 1px solid #e0e0e0; border-radius: 10px;}
.sitemap .depth02 > li > a {display:block;padding:8px;margin:5px 0;background:#fff;color:#555; position: relative;}
.sitemap .depth02 > li:not(:last-child) > a::before {content: ""; width: 100%; height: 1px; background: #eaeaea; position: absolute; bottom: -3px; left: 0;}
.sitemap .depth02 > li:last-child > a {margin-bottom: 0;}
.sitemap .depth02 > li > a::after {content:"";width: 6px; height: 6px; border-top:1px solid #51B098; border-right: 1px solid #51B098; transform: rotate(45deg); position:absolute; top:20px; right: 20px;}



@media screen and (max-width:800px) {
	.sitemap .sitemap-list > li {width:calc((100% - 60px) / 2);}
	.sitemap .depth02 > li > a {padding: 10px 20px;}
}
@media screen and (max-width:500px) {
	.sitemap .sitemap-list {margin:0;}
	.sitemap .sitemap-list > li {width:100%;margin:0 0 30px 0;}
}

/********************************************* 푸터메뉴 *********************************************/
.terms .terms-box {padding-top: 30px; border-top: 1px solid #EAEAEA;}
.terms .terms-box .cnt-list {margin-bottom: 60px;}
.terms .terms-box .cnt-list .gray-box {margin-bottom: 20px;}
.terms .terms-box .cnt-list .cnt-tx:not(:last-of-type) {margin-bottom: 20px;}
.terms table.privacy {margin: 30px 0;}
.terms table.privacy td > img {display: block; margin: 0 auto 10px auto; width: 60px;}
.terms table.privacy td a {display: block; text-align: left;}
.terms table.privacy td a img { display: inline-block; width: 6%; vertical-align: middle; margin-right: 10px;}
.terms .bullet00 {margin-top: 30px;}
.terms .bullet00 img {max-width: 40px; vertical-align: middle; display: inline-block; margin-right: 5px;}
.terms .dot-list03 {margin: 10px 0 10px 10px;}



@media all and (max-width:768px) {
    .terms .terms-box .cnt-list  {margin-bottom: 40px;}
}

@media all and (max-width:420px) {
    .terms .terms-box .cnt-list  {margin-bottom: 30px;}
    .terms .terms-box .cnt-list .gray-box {padding: 20px;}
}




.drop-zone {display:flex; align-items: center; flex-direction: column; height: 100px; background-color: #fafafa; padding:15px; margin-top:5px; border: 1px dashed #ceced5; border-radius: 5px; overflow: auto; 	position: relative;}
.drop-zone p {width: 100%;}
.drop-zone-dragenter, .drop-zone-dragover {border: 5px solid #a3d2c8;}
.drop-zone-infor{width: max-content; position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); color:#aaa;}

@media all and (max-width:420px) {
	.drop-zone-infor {font-size: 1.5rem;}
}