@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
.sub-page{}

/* -------- 슬라이드 버전 변경으로 인한 추가  -------- */
.slick-slide > div{width:100%; height:100%;}

/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:5rem; text-align:center; margin-bottom:8rem;}
.sub-tab-list-style ul{display: inline-flex; align-items:center; justify-content:center; /* width:100%; */ height:100%; table-layout:fixed; border-radius:2.5rem; overflow:hidden;  background-color:#F6F6F6; margin:auto;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{vertical-align:middle; position:relative; width:20%; width:20rem; border-radius:2.5rem; overflow:hidden;}
.sub-tab-list-style ul li a{display:table; height:4.8rem; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:1.8rem; letter-spacing:-0.02em; text-align:center; font-weight:600;}
.sub-tab-list-style ul li.selected{z-index:1; background:var(--main-color)}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}


/* Tab 공통 스타일02 */
.sub-tab-wrapper-style02{position:relative; height:6rem; text-align:center;}
.sub-tab-wrapper-style02:before{position: absolute; content:''; width:100vw; height:1px; background:#ddd; bottom:2px; left:50%; transform:translateX(-50%);}
.sub-tab-list-style02 ul{display: flex; align-items:center; justify-content:center; width:100%; height:100%; table-layout:fixed; background-color:#fff;}
.sub-tab-list-style02 ul li{position:relative; width:25%; overflow:hidden;}
.sub-tab-list-style02 ul li:before{position: absolute; content:''; width:0; height:4px; bottom:0; left:50%; transition:var(--transition-custom);}
.sub-tab-list-style02 ul li a{display:flex; justify-content: center; height:5.8rem; width:100%; color:inherit;}
.sub-tab-list-style02 ul li a em{display: flex; align-items:center; justify-content:center; font-size:2rem; line-height:1.2; letter-spacing:-0.02em; text-align:center; font-weight:700; color:inherit;}
.sub-tab-list-style02 ul li a em span{margin-left:1rem; color:inherit;}
.sub-tab-list-style02 ul li.selected{z-index:1;}
.sub-tab-list-style02 ul li.selected:before,
.sub-tab-list-style02 ul li:hover:before{width:100%; left:0;}

.sub-tab-list-style02 ul li.type01{color:#000}
.sub-tab-list-style02 ul li.type01:before{background:#000}
.sub-tab-list-style02 ul li.type02	{color:#00B8EE}
.sub-tab-list-style02 ul li.type02:before{background:#00B8EE}
.sub-tab-list-style02 ul li.type03{color:#F3CC00}
.sub-tab-list-style02 ul li.type03:before{background:#F3CC00}
.sub-tab-list-style02 ul li.type04{color:#E96E9E}
.sub-tab-list-style02 ul li.type04:before{background:#E96E9E}
.sub-tab-list-style02 ul li.type05{color:#B2B5B6}
.sub-tab-list-style02 ul li.type05:before{background:#B2B5B6}
.sub-tab-list-style02 ul li.type06{color:#6CB92D}
.sub-tab-list-style02 ul li.type06:before{background:#6CB92D}


@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}


/* ****************** 카테고리 색상 추가 ********************** */
.co-type01{color:#000}
.co-type02{color:#00B8EE}
.co-type03{color:#F3CC00}
.co-type04{color:#E96E9E}
.co-type05{color:#B2B5B6}
.co-type06{color:#6CB92D}

/* ****************** 차세대한림원 소개 ********************** */
.sub-heading {display:inline-block; position: relative; font-size:2.2rem; letter-spacing:-0.44px; font-weight: 700; line-height:2.09em; color: #000;  margin-bottom: 3rem; padding-left:1.6rem;}
.sub-heading:before {display: block; content:""; position:absolute; left: 0; top: 50%; transform:translateY(-50%); width: 7px; height: 7px; border-radius:100%; background: #0C89C8;} 
.sub-heading-tit {font-size:4rem; letter-spacing:-0.8px; font-weight: 700; line-height:1.4em; color: #000;}
.sub-heading-tit .highlight {color: #0C89C8;}
.sub-heading-txt {font-size:2rem; letter-spacing:-0.4px; font-weight: 500; color: #666; line-height:1.7em; margin-top: 3rem;}
.sub-heading-txt02 {font-size:2.4rem; letter-spacing:-0.4px; font-weight: 500; color: #666; line-height:1.66em; margin-top: 1rem;}
.sub-heading-txt03 {font-size:2.2rem; letter-spacing:-0.4px; font-weight: 500; color: #666; line-height:1.66em; margin-top: 1rem;}


/* .contents-box {background: #F6F6F6;} */

.vision-page .contents-box {/* margin-top: calc(12.7rem + 27rem); */ padding-bottom: 20rem;
    margin-top: 12.7rem;
    position: relative;}
.vision-page .contents-box:before {display: block; content:""; width: 100%; position:absolute; top: 27rem; left: 0; height: 100%; background: #f6f6f6; z-index: -1;}
.vison-box {/* position: relative; top: -27rem; */ background: url(/images/content/vision.jpg) no-repeat; background-position: 30% 50%; background-size: cover; padding: 17.5rem 0 18.7rem;}

.sub-con-tit {font-size:3.2rem; letter-spacing:-1.6px; line-height:1.4375em; font-weight: 700; color: #0C89C8;}
.vision-tit {font-size:4rem; letter-spacing:-0.8px; line-height:1.4em; font-weight: 600; color: #fff; margin-top: 2rem;}

.bg-tit-box {text-align:center;}
.vision-page .contents-box{margin-top:9rem; padding-bottom:0;}
.vison-box{height:0; padding:0; padding-top: 38.028%; background:no-repeat center; background-size:cover; background-image:url('/images/content/vision_banner.jpg');}

.vison-tit-box{margin-top:14rem; text-align:center;}
.vison-tit-box .txt{font-size:4rem; line-height:1.4; letter-spacing:-0.02em; color:#000; font-weight:600; margin-top:1rem;}

.mission-box{margin-top:14rem;}
.mission-list{display: flex; justify-content:space-between; align-items:flex-start; margin-top:1rem;}
.mission-list .list-item{position: relative; width:31%; max-width:440px; overflow:hidden; box-shadow: 1rem 1rem 4rem #0000000D;}
.mission-list .list-item .img-box img{width:100%;}
.mission-list .list-item .txt-box{background:#fff; padding:2rem 4rem 3rem; box-sizing:border-box;}
.mission-list .list-item .txt-box dt{font-size:1.6rem; line-height:1.875; letter-spacing:-0.02em; color:#aaa; font-weight:600;}
.mission-list .list-item .txt-box dd{font-size:2.6rem; line-height:1.15; letter-spacing:-0.02em; color:#000; font-weight:600;}

.mission-list .list-item:nth-child(1){border-radius:0 6rem 0 0;}
.mission-list .list-item:nth-child(2){border-radius:0 0 6rem 0; margin-top:6rem;}
.mission-list .list-item:nth-child(3){border-radius:0 6rem 0 0;}

@media all and (max-width:800px){
	.sub-heading-txt{font-size:1.6rem; margin-top:2rem;}

	.vision-page .contents-box{margin-top:5rem;}
	.vision-page .contents-box:before{top:12rem;}
	.vison-tit-box{margin-top:7rem;}
	.vison-tit-box .txt{font-size:2rem;}
	
	.mission-box{margin-top:7rem;}
	.mission-list{display: block;}
	.mission-list .list-item{width:100%; max-width:none; margin-bottom:3rem;}
	.mission-list .list-item .txt-box{padding:2rem 1.5rem 3rem;}
	.mission-list .list-item .txt-box dt{font-size:1.4rem;}
	.mission-list .list-item .txt-box dd{font-size:2rem;}

	.mission-list .list-item:nth-child(2){border-radius:0 6rem 0 0; margin-top:0rem;}
}



/* ****************** 차세대한림원 소개 :: 연혁 ********************** */
/* 연혁 */
.year-box .year {font-size:2rem; letter-spacing:-0.4px; color: #000; font-weight: 600; line-height:2.3em; align-self: flex-start;transition:var(--transition-custom);}
.year-list .year:after {display: block; content:""; position:absolute; bottom: 10px; right: 0; width: 100%; height: 2px; background: #0C89C8; opacity:0; transition:var(--transition-custom);}
.year-box {width: 25rem; display: flex; justify-content:center; padding-top:13rem;}
.year-list {width: auto; display: flex; flex-direction: column; position: sticky; top: 5rem; align-self: flex-start; transition:var(--transition-custom);}
.year-list .year.on {position: relative; color: #0C89C8;}
.year-list .year.on:after{opacity:1}
.history-container {display:flex; /* margin-top: 13.1rem; */}

.history-sticky-wrap{position: relative; /* margin-top: 13.1rem; */ width: calc(100% - 250px); margin-left:0;}
.history-sticky-wrap .history-con-list:first-child{padding-top:12rem;}
.history-sticky-wrap .history-con{display: flex; align-items: flex-start; justify-content: space-between; padding: 12rem 0; opacity: 0.3; transition:var(--transition-custom);}
.history-sticky-wrap .history-con:first-child{padding-top:0;}
.history-sticky-wrap .history-con:first-child .history-info {position: relative; }
.history-sticky-wrap .history-con:first-child .history-info:before {display: block; content: ""; position: absolute; left: 0; top: 0; height: 2px; background: #000; width: 100%;}
.history-sticky-wrap .history-con .history-year{position: sticky; top: 5rem; font-size: 12rem; font-weight: 700; letter-spacing:-6px; color:rgba(12, 137, 200, 0.3); transition:var(--transition-custom);}
.history-sticky-wrap .history-con .history-year .highlight {color: #0C89C8;}
.history-sticky-wrap .history-con .history-info{/* width:800px; */width: 70.423%; padding:1.5rem 0;}
.history-sticky-wrap .history-con .history-info ul{}
.history-sticky-wrap .history-con .history-info .history-inner{position: relative; display:flex; /* padding-left:6rem; */ font-size:1.8rem; line-height:1.3; border-bottom:1px solid #eee; padding: 2.6rem 6rem 2.6rem;}
/* .history-sticky-wrap .history-con .history-info .history-inner + .history-inner{margin-top:3rem;} */
.history-sticky-wrap .history-con .history-info .history-inner .history-month{/* position: absolute; top: 3rem; left: 0; */position: relative; top: 4px; font-size:2.4rem; color: #000; font-weight: 700; letter-spacing:-0.48px; line-height:1.167em;}
.history-sticky-wrap .history-con .history-info .history-inner .history-txt-box{color: #434343; padding-left: 3.9rem;}
.history-sticky-wrap .history-con .history-info .history-inner .history-txt-box p {color: #000; font-size:2rem; letter-spacing:-0.4px; font-weight: 500; line-height:1.8em;}
.history-sticky-wrap .history-con .history-info .history-inner .history-txt-box p + p{margin-top:1.3rem;}

.history-sticky-wrap .history-con.on {opacity: 1;}

/* scroll-up */
.history-container.scroll-up .year-list,
.history-container.scroll-up .history-sticky-wrap .history-con .history-year{top:15rem;}


/* ****************** 차세대한림원 소개 ::  오시는 길 ********************** */
/*  오시는 길 */
.map-script-wrapper {position: relative;
    overflow: hidden;
    margin: 5.5rem auto 0;
    height: 54rem;
    }
.map-script-wrapper .map-script-con { position: absolute;
    top: 50%;
    left: 50%;
    width: 1420px;
    height: 54rem;
    margin: -27rem 0 0 -71rem;}

.map-inner-con{position:absolute; top:50%; left:50%; width:1200px; height:600px; background-color:#fff; margin:-300px 0 0 -600px;}
.loca-tit-box {display:flex; justify-content:space-between; margin-bottom: 6rem;}
.loca-tit-box .loca-tit {font-size:4rem; letter-spacing:-0.8px; color: #000; font-weight: 700; line-height:1.4em;}
.loca-tit-box .loca-txt {display:flex; align-items:center; font-size:2rem; letter-spacing:-0.4px; font-weight: 500; color: #000;}
.loca-tit-box .loca-txt .icon-box{display: flex; align-items:center; margin-right:2rem;}
.loca-tit-box .loca-txt .ico {display:flex; align-items:center; justify-content:center; width: 4rem; height: 4rem; background: #f6f6f6; border-radius:100%; margin-right:1rem;}
.loca-tit-box .loca-txt .ico i {font-size:1.8rem; letter-spacing:-0.36px; color: #000;}
.loca-tit-box .loca-txt .bold {font-weight: 600;}

.map-info-con {margin-top: 5rem; display:flex;  justify-content:space-between;}
.info-txt-con {padding-right:3rem; box-sizing:border-box;}
.info-txt-con p {font-size:1.6rem; letter-spacing:-0.32px; font-weight: 500; color: #666; line-height:1.875em;}
.traffic {display:flex; margin-top: 3rem;}
.traffic-type {font-size:1.6rem; letter-spacing:-0.32px; color: #000; font-weight: 700; margin-right: 8px;}
.traffic-type i {position: relative; top: 3px; font-size:2.4rem; color: #000; font-weight: 400;}
.traffic-type em {display:inline-flex; justify-content: center; align-items: center; width: 26px; height: 26px; border-radius:100%; color: #fff; font-size:8px; text-align:center; line-height:1.3; vertical-align: middle;} 
.traffic-type em:first-of-type {background:#D4023C; line-height:26px; margin-right: 3px;}
.traffic-type em:last-of-type {background:#FABF02;}
.traffic > span:last-of-type {position: relative; top: 4px;}

.info-link-con {display:flex;}
.info-link-con a {height: 6rem; display:flex; justify-content:space-between; align-items:center; color: #fff; padding: 0 3rem;}
.info-link-con a:first-of-type {background: #20C003; margin-right: 10px;}
.info-link-con a:last-of-type {color: #000; background: #fff;}
.info-link-con a em {font-size:1.6rem; letter-spacing:-0.32px; padding-right: 8.5rem;}
.info-link-con a i {font-size:2.4rem;}

.loca-bottom-con {position: relative; /* padding-bottom:20.8rem; */}
.loca-bottom-con:before {display: block;
content: "";
position: absolute;
left: 0;
top: 27rem;
width: 100%;
background: #F6F6F6;
height: 100%;
z-index: -1;}



/* 테이블 :: 레이아웃 */
.cm-tbl{display:table; width:100%; table-layout:fixed; border-top:2px solid #1A1C36;}
.cm-tbl-list-col-group{display:table-column-group; }
.cm-tbl-list-col-group .cm-tbl-col-group-item{display:table-column;}
.cm-tbl-list-head{display:table-header-group; }
.cm-tbl-list-head .cm-tbl-head-item{display:table-cell; vertical-align:middle; height:8rem; text-align:center; background:#f6f6f6; color:#000; font-weight:600; font-size:2.4rem; letter-spacing:-0.02em; border-bottom:1px solid #eee;}
.cm-tbl-list-head .cm-tbl-head-item em{font-weight:inherit;}
.cm-tbl-list-tbody{display:table-row-group; }
.cm-tbl-list-row{display:table-row; width:100%; transition:background-color 0.3s;}
.cm-tbl-list-row .column{display:table-cell; vertical-align:middle; height:12rem; color:#000; font-weight:600; font-size:2.4rem; letter-spacing:-0.02em; text-align:center; border-bottom:1px solid #eee;}
.cm-tbl-list-row .column.column-head{background:#f6f6f6;}

@media all and (max-width:800px){
	.cm-tbl-list-tbl, .cm-tbl-list-row, .cm-tbl-list-row .column, .cm-tbl-list-tbody{display:block;}
	.cm-tbl-list-col-group,
	.cm-tbl-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.cm-tbl-list-row{position:relative; width:auto; padding:2rem 1.5rem 1.5rem; border-bottom:1px solid #ddd;}
	.cm-tbl-list-row .column{position: relative; border-bottom:0; text-align:left; height:auto; margin-bottom:1rem;}
	.cm-tbl-list-row .column.column-head{background:transparent; margin-bottom:2rem;}
	
	.cm-tbl-list-row .column:not(.bbs-title):not(.cm-tbl-m-display-none, .column-head):before{position: absolute; top:0; left:0; padding-right:5px; color:#aaa; content: attr(data-label); width:11rem}
	.cm-tbl-list-row .column[data-label=""]:before{padding-right:0; display:none;}
	.cm-tbl-list-row .column:not(.column-head){padding-left:11rem;}
}




/* ****************** 차세대회원 ********************** */
/* 회색배경 */
.cm-gray-box{padding:6rem 0; box-sizing:border-box; background:#f6f6f6; margin-top:4rem;}
.cm-gray-box .board-search-box{padding-bottom:0;}
/* 차세대회원 타이틀 */
.member-tit{font-size:4rem; line-height:1.4; letter-spacing:-0.02em; color:#000; font-weight:700; text-align:center; margin-bottom:5rem;}

/* 차세대회원 :: 회원검색 :: 추천검색어 */
.recommend-search-box{max-width:500px; width:100%; margin:2rem auto 0;}
.recommend-search-box dl{display: flex; align-items:flex-start;}
.recommend-search-box dl dt{width:9rem; font-size:1.8rem; line-height:1.8; letter-spacing:-0.02em; color:#000; font-weight:700;}
.recommend-search-box dl .recommend-list{display: flex; flex-wrap: wrap; width:calc(100% - 9rem); margin:-2px 0;}
.recommend-search-box dl .recommend-list .list-item{display: inline-block; font-size:1.7rem; letter-spacing:-0.02em; color:#666; font-weight:500; padding:6px 1.5rem; margin:2px 0; margin-right:0.7rem; border:1px solid #aaa; border-radius:0.5rem; box-sizing:border-box; background:#fff;}

/* 차세대회원 색상 */
.type01{color:#000}
.type02{color:#00B8EE}
.type03{color:#F3CC00}
.type04{color:#E96E9E}
.type05{color:#B2B5B6}
.type06{color:#6CB92D}

/* 차세대회원 :: 회원구성 테이블 */
.member-composition-list{display: flex; box-shadow: 10px 10px 50px #0000000D; margin-top:5rem; border-radius:0 7rem 0 0; overflow:hidden;}
.member-composition-list .list-item{display: flex; flex-direction: column; justify-content: space-between; width:33.33%; padding:5.5rem 6rem 3rem 6rem; box-sizing:border-box; color:#fff;}
.member-composition-list .list-item .txt-box{}
.member-composition-list .list-item .txt-box .tit{display: flex; align-items: flex-end; height:3.4rem; font-size:2.8rem; line-height:1.5; letter-spacing:-0.02em; font-weight:600; margin-bottom:1rem;}
.member-composition-list .list-item .txt-box .tit img{position: relative; margin-right:1rem; top:-0.5rem; height: 6.2rem;}
.member-composition-list .list-item .txt-box .txt{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; font-weight:500;}
.member-composition-list .list-item .num-box{margin-top:2rem; text-align:right;}
.member-composition-list .list-item .num-box .count{font-size:8rem; line-height:1; letter-spacing:-0.02em; font-weight:600;}
.member-composition-list .list-item .num-box .txt{font-size:2.8rem; line-height:1; letter-spacing:-0.02em; font-weight:600; margin-left:0.5rem;}

.member-composition-list .list-item:nth-child(1){background:var(--main-color2);}
.member-composition-list .list-item:nth-child(2){background:var(--main-color);}
.member-composition-list .list-item:nth-child(3){background:#fff; color:#000;}

.member-composition-tbl-box{margin-top:6rem;}
.composition-tbl .small-txt{display: block; font-size:1.6rem; color:#aaa; letter-spacing:-0.02em; line-height:1.5; font-weight:400;}
.composition-tbl .column:not(.column-head){font-size:5.2rem;}
.member-composition-tbl-box .tbl-plus-txt{font-size:1.8rem; line-height:1.4; letter-spacing:-0.05em; color:#000; font-weight:600; text-align:right; margin-top:2rem;}


/* 차세대회원 :: 회원검색 */
/* 검색창 */
.search-select-list{display: flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:3rem;}
.search-select-list .list-item{width:calc(20% - 0.8rem);}

/* 컨텐츠영역 */
.member-search-con .sub-tab-wrapper-style{margin-bottom:12rem;}


/* 페이크폼 스타일 추가css  */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
/* fake form - 기본 select 스타일 */
.fakeform-selectbox .select-title {position: relative; text-indent: 2em; width: 100% !important; text-align: left; vertical-align: middle; border:0; line-height: 6rem; font-size:1.6rem; color: #333; background-color: #fff; display: inline-block; box-sizing: border-box; cursor: pointer;}
.fakeform-selectbox .select-title:before{position: absolute; content:''; top:0; left:0; width:100%; height:2px; background:var(--main-color); opacity:0; transition:var(--transition-custom);}
.fakeform-selectbox .select-title:after{font-family: 'xeicon'; position:absolute; top:50%; right:2rem; transform:translateY(-50%); 
content: "\e942"; font-size:2.4rem; color: #000;}
.fakeform-selectbox .select-title strong {width: 100%; font-weight: 700; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox .select-title.active{border-bottom-color: #fff;}
.fakeform-selectbox .select-title.active:before{opacity:1;}
.fakeform-selectbox .select-title.active:after{content: "\e945";}
.fakeform-selectbox .select-title.focus{}
.fakeform-selectbox .select-title.disabled{}
/* 옵션창 */
.select-option {border-top: 0; background: #fff; max-height: 200px; overflow: auto !important; z-index: 999 !important; box-shadow: 5px 5px 30px #0000000D;}
.select-option::-webkit-scrollbar{
	width: 5px;
}
.select-option::-webkit-scrollbar-thumb{
	background-color:#333;
	border-radius:5px;
	transition:all 0.5s;
}
.select-option::-webkit-scrollbar-track{
	background-color:#f2f2f2; 
	border-radius:0;
}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.6rem; line-height: 1.5; color: #000; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 1.5rem 2em; display: block; overflow: hidden; cursor: pointer; transition:var(--transition-custom);}
.select-option span:hover{color: var(--main-color); background: rgba(12, 137, 200, 0.1);}
.select-option span.selected{color: var(--main-color);}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}


/* 차세대회원 :: 회원검색 :: 검색 리스트 */
.member-search-con{padding-top:10rem;}

.member-search-con .sub-tab-list-style02 ul li:before{/* display: none; */ height:3px;}
.member-search-con .sub-tab-list-style02 ul li a{/* pointer-events: none; */}

.member-search-list{display: flex; flex-wrap:wrap; margin:8rem -1.55% 0;}
.member-search-list .list-item{width:16.9%; max-width:240px; margin:3.1% 1.55% 0;}
.member-search-list .list-item .img-box{position: relative; z-index:9;}
.member-search-list .list-item .img-box span{display: block; position: relative; width:100%; height:0; padding-top:125%; overflow:hidden;}
.member-search-list .list-item .img-box span img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; object-fit:cover; width: 100%; height:100%;}
.member-search-list .list-item .txt-box{position: relative; padding-top:1.7rem;}
.member-search-list .list-item .txt-box .category{font-size:1.6rem; line-height:1.2; letter-spacing:-0.02em; font-weight:600;}
.member-search-list .list-item .txt-box .name{font-size:2.4rem; line-height:1.2; letter-spacing:-0.02em; font-weight:600; color:#000; margin-top:1rem;}
.member-search-list .list-item .txt-box .txt{font-size:1.6rem; line-height:1.375; letter-spacing:-0.02em; font-weight:500; color:#888;}
.member-search-list .list-item .txt-box .hover-icon{position: absolute; top:0; right:0; width:6rem; height:6rem; background:#000; box-shadow: 5px 5px 30px #0000001A; display: flex; align-items:center; justify-content:center; transform:translateY(-100%); transition:var(--transition-custom); opacity:0;}

.member-search-list .list-item:hover .txt-box .hover-icon{transform:translateY(0); opacity:1;}


/* 차세대회원 :: 회원검색 :: 검색 뷰페이지 */
.member-view-con{background:#fff; padding:6rem; box-sizing:border-box; display: flex; box-shadow: 10px 10px 50px #00000008;}
.member-view-con .img-box{width:18.4615%; max-width:240px;}
.member-view-con .img-box .img{position: relative; display: block; width:100%; height:0; padding-top:125%;}
.member-view-con .img-box .img img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; object-fit:cover; width:100%; height:100%;}
.member-view-con .img-box .name-box{margin-top:3rem;}
.member-view-con .img-box .name-box .name{font-size:4rem; letter-spacing:-0.02em; color:#000; font-weight:700; margin-right:1rem;}
.member-view-con .img-box .name-box .name-en{display: inline-block; font-size:2rem; letter-spacing:-0.02em; color:rgba(0,0,0,0.8); font-weight:600;}
.member-view-con .img-box .careers{/* font-size:2rem; */ font-size:1.6rem; line-height:1.4; letter-spacing:-0.02em; color:#888; font-weight:500; margin-top:1.5rem;}
.member-view-con .img-box .careers .company {display: block; color: #5b5b5b;}
.member-view-con .info-box{width:81.5385%; padding-left:6rem; box-sizing:border-box;}
.member-view-con .info-box .tit-box{display: flex; align-items:center; justify-content:space-between; border-bottom:2px solid #000; padding-bottom:1.5rem;}
.member-view-con .info-box .tit-box .tit{font-size:3.2rem; line-height:1.18; letter-spacing:-0.02em; font-weight:600;}
.member-view-con .info-box .tit-box .cm-btn-controls{margin-top:0;}
.member-view-con .info-box .info-list{}
.member-view-con .info-box .info-list dl{display: flex; padding:2.5rem 0; border-bottom:1px solid #eee;}
.member-view-con .info-box .info-list dl dt{width:15rem; padding:0 2rem; box-sizing:border-box; font-size:2.4rem; line-height:1.65; letter-spacing:-0.02em; color:#000; font-weight:700;}
.member-view-con .info-box .info-list dl dd{}
.member-view-con .info-box .info-list dl dd .txt{font-size:2.2rem; letter-spacing:-0.02em; line-height:1.81; color:#666; font-weight:500;}

.member-view-con + .cm-btn-controls{margin-top:6rem;}
.member-view-con .member {display:inline-block; font-size:1.4rem; letter-spacing:-0.015em; color: rgba(0,0,0,0.5); line-height:1.714em; background:#f3f3f3; border-radius:12.5px; height: 2.5rem; padding:0 1.366rem; font-weight: 500; margin-top: 1.6rem;}


/* 개인정보처리방침 */
.privacy-txt{font-size:1.8rem; color:#000; line-height:1.5; letter-spacing:-0.05em;}
.privacy-box{border:1px solid #000; margin:3rem 0; padding:2rem; box-sizing:border-box;}
.privacy-box dl{margin-top:0; margin-bottom:2rem;}
.privacy-box dl dt{font-size:1.8rem; color:#000; line-height:1.3; letter-spacing:-0.05em; font-weight:500;}
.privacy-box dl dd{font-size:1.6rem; color:#333; line-height:1.3; letter-spacing:-0.05em; margin-top:0.5rem; margin-left:2rem;}
.privacy-box dl:last-child{margin-bottom:0;}
.privacy-plus-txt{position: relative; font-size:1.4rem; color:#333; padding-left:1.5rem;}
.privacy-plus-txt:before{position: absolute; content:'※'; font-size:1.4rem; color:#333; top:0; left:0;}



/* 조직도 */
.org-content{margin-bottom:15rem}
.org-content + .cm-gray-box{padding:15rem 0;}
.org-top-box{margin-top:4rem;}
.org-top-box .org-top-txt{display: flex; font-size:2.4rem; line-height:1.75; letter-spacing:-0.02em;}
.org-top-box .org-top-txt dt{width:11rem; color:var(--main-color); font-weight:700;}
.org-top-box .org-top-txt dd{width:calc(100% - 11rem); color:#000; font-weight:600;}

.org-box{background:#f6f6f6; padding:8rem 10rem; text-align:center; margin-top:7rem;}
.org-box img{max-width:100%; margin:auto; margin-right:-2rem;}

/* 차세대 운영위원회 */
.org-member-wrap{margin-bottom:6rem;}
.org-member-wrap:last-child{margin-bottom:0;}
.org-member-list-tit{font-size:3.2rem; line-height:1.4375; letter-spacing:-0.02em; font-weight:600; margin-bottom:2rem;}

.org-member-list{display: flex; flex-wrap:wrap; margin:0 -1rem;}
.org-member-list .list-item{display: flex; align-items:center; width:calc(33.33% - 2rem); margin:2rem 1rem 0;background:#fff; box-shadow: 1rem 1rem 5rem #00000008;}
.org-member-list .list-item:nth-child(-n+3){margin-top:0;}
.org-member-list .list-item .img-box{width:20rem;}
.org-member-list .list-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:125%; overflow:hidden;}
.org-member-list .list-item .img-box span img{position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; object-fit:cover;}
.org-member-list .list-item .txt-box{width:calc(100% - 20rem); padding:2rem 4rem; box-sizing:border-box;}
.org-member-list .list-item .txt-box .category{font-size:1.6rem; line-height:1.4; letter-spacing:-0.02em; font-weight:600;}
.org-member-list .list-item .txt-box .name{font-size:2.6rem; line-height:1.1; letter-spacing:-0.02em; font-weight:600; color:#000; margin-top:0.3rem;}
.org-member-list .list-item .txt-box .txt{font-size:1.8rem; line-height:1.22; letter-spacing:-0.02em; font-weight:500; color:#000; margin-top:1.5rem;}

.org-member-list .list-item .txt-box .category.type01{color:#0C89C8}
.org-member-list-tit.type04{color:#E96E9E}
.org-member-list .list-item .txt-box .category.type04{color:#E96E9E}
.org-member-list-tit.type06{color:#6CB92D}
.org-member-list .list-item .txt-box .category.type06{color:#6CB92D}


/* ****************** 사업 ********************** */
/* 과학정책 */
.science-top-con{margin-top:15rem;}
.science-top-con .img-list{position: relative; display: flex; justify-content:space-between;}
/* .science-top-con .img-list:before{position: absolute; content:''; width:100vw; height:46rem; left:50%; top:50%; transform:translateX(-50%); background:#f6f6f6;} */
.science-top-con .img-list .list-item{position: relative; width:calc(50% - 3rem);}
.science-top-con .img-list .list-item img{width:100%;}
.science-top-con .txt-box{position: relative; display: flex; justify-content:space-between; margin-top:4rem;}
.science-top-con .txt-box dt{font-size:4rem; line-height:1.4; letter-spacing:-0.02em; color:#000; font-weight:700; width:calc(50% - 1rem);}
.science-top-con .txt-box dd{width:calc(50% - 1rem);}
.science-top-con .txt-box dd .check-txt{position: relative; font-size:2rem; line-height:2; letter-spacing:-0.02em; color:#666; font-weight:500; padding-left:3rem;} 
.science-top-con .txt-box dd .check-txt:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-size:1.2em; color:var(--main-color); left:0; top:-0.4rem;}

.science-bottom-con{margin-top:10rem;}
.science-bottom-con .img-list{display: flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:3rem;}
.science-bottom-con .img-list .list-item{width:calc(50% - 3rem); margin-top:6rem;}
.science-bottom-con .img-list .list-item span{display: block; overflow:hidden; border-radius:0 10rem 0 0;}
.science-bottom-con .img-list .list-item img{width:100%;}
.science-bottom-con .txt-box{margin-top:2rem;}
.science-bottom-con .txt-box dt{font-size:2.6rem; line-height:1.5; letter-spacing:-0.02em; color:#000; font-weight:700;}
.science-bottom-con .txt-box dd{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#aaa; font-weight:500; margin-top:0.5rem;}

.science-bottom-con .img-list .list-item:nth-child(1) span{border-radius:0 10rem 0 0;}
.science-bottom-con .img-list .list-item:nth-child(2) span{border-radius:0 10rem 0 0;}
.science-bottom-con .img-list .list-item:nth-child(3) span{border-radius:0 0 10rem 0;}
.science-bottom-con .img-list .list-item:nth-child(4) span{border-radius:0 0 10rem 0;}
.science-bottom-con .img-list .list-item:nth-child(-n+2){margin-top:0;}


/* 공공봉사활동 */
.service-con{margin-bottom:15rem;}
.service-con:last-child{margin-bottom:0rem;}
.service-con.cm-gray-box{padding:14rem 0 10rem;}

.public-img-box{margin:5rem 0 6rem;}
.public-img-box img{width:100%;}

.youtube-img-box{display: flex; flex-wrap:wrap; justify-content:space-between; margin:4rem -1rem 5rem;}
.youtube-img-box span{width:calc(25% - 2rem); margin:1rem;}
.youtube-img-box span img{width:100%;}

.students-img-box{display: flex; align-items:flex-start; justify-content:space-between; margin-top:6rem;}
.students-img-box span{width:calc(33.33% - 3.3rem); overflow:hidden; border-radius:0 5rem 0 0;}
.students-img-box span img{max-width:100%;}
.students-img-box span:nth-child(2){border-radius:0 0 5rem 0; margin-top:6rem;}


/* 지원사업 */
.cooperation-con{margin-bottom:20rem;}
.cooperation-con:nth-child(1){margin-bottom:11rem;}
.cooperation-con:last-child{margin-bottom:0rem;}
.cooperation-map-box{position: relative; text-align:center; max-width:1640px; margin:10rem auto 0;}
.cooperation-map-box > .area{position: absolute; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.cooperation-map-item{position: absolute;}
.cooperation-map-item.top{top:5rem;}
.cooperation-map-item.bottom{bottom:5rem;}
.cooperation-map-item.left{left:0;}
.cooperation-map-item.right{right:0;}

.cooperation-map-item .counter-box{display: flex; align-items:flex-end;}
.cooperation-map-item .counter-box span{font-size:20rem; line-height:0.675; letter-spacing:-0.02em; color:#000; font-weight:600}
.cooperation-map-item .counter-box em{font-size:2.8rem; letter-spacing:-0.02em; color:#000; font-weight:600; margin-left:1rem;}
.cooperation-map-item .map-img-list{display: flex; }
.cooperation-map-item .map-img-list .list-item{width:34rem; box-shadow: 10px 10px 40px #0000000D; border-radius:0 6rem 0 0; overflow:hidden; margin-right:1rem;}
.cooperation-map-item .map-img-list .list-item:last-child{margin-right:0;}
.cooperation-map-item .map-img-list .list-item span img{width:100%;}
.cooperation-map-item .map-img-list .list-item .txt{width:100%; background:#fff; font-size:1.6rem; line-height:1.125; letter-spacing:-0.02em; color:#000; font-weight:700; padding:1rem 2rem; box-sizing:border-box; text-align:left;}

.cooperation-country-list{/* margin-top:11rem; */}
.cooperation-country-list .list-item{display: flex; margin-bottom:10rem;}
.cooperation-country-list .list-item:last-child{margin-bottom:0;}
.cooperation-country-list .list-item .img-box{width:50%; overflow:hidden; border-radius:10rem 0 0 0;}
.cooperation-country-list .list-item .img-box span img{width:100%;}
.cooperation-country-list .list-item .txt-box{position: relative; width:50%; padding:0 9rem; box-sizing:border-box; display: flex; flex-direction:column; justify-content: center;}
.cooperation-country-list .list-item .txt-box:before{position: absolute; content:''; width:100vw; height:100%; background:#f6f6f6; top:0; left:0;}
.cooperation-country-list .list-item .txt-box *{position: relative;}
.cooperation-country-list .list-item .txt-box .country{margin-bottom:1rem;}
.cooperation-country-list .list-item .txt-box .country img{max-width:100%;}
.cooperation-country-list .list-item .txt-box .tit{font-size:3.2rem; line-height:1.75; letter-spacing:-0.02em; color:#000; font-weight:700; margin-bottom:0.5rem;}
.cooperation-country-list .list-item .txt-box .info-box dl{display: flex; font-size:1.8rem; line-height:1.66; letter-spacing:-0.02em; color:#666; font-weight:500;}
.cooperation-country-list .list-item .txt-box .info-box dt{width:7rem; color:#000;}
.cooperation-country-list .list-item .txt-box .info-box dd{width:calc(100% - 7rem); color:#666;}

.cooperation-country-list .list-item.reverse{flex-direction:row-reverse;}
.cooperation-country-list .list-item.reverse .img-box{width:50%; overflow:hidden; border-radius:0 10rem 0 0;}
.cooperation-country-list .list-item.reverse .txt-box:before{left:auto; right:0;}

.cooeration-network-box{position: relative; display: flex; align-items:flex-start; justify-content:space-between; margin-top:8rem;}
.cooeration-network-box:before{position: absolute; content:''; width:100vw; height:50rem; background:#F6F6F6; top:50%; left:50%; transform:translateX(-50%);}
.cooeration-network-box .list-item{position: relative; width:calc(33.33% - 3.3rem); box-shadow: 10px 10px 40px #0000000D; border-radius:0 6rem 0 0; overflow:hidden;}
.cooeration-network-box .list-item .img-box img{max-width:100%;}
.cooeration-network-box .list-item .txt-box{background:#fff; padding:3rem 4rem; box-sizing:border-box;}
.cooeration-network-box .list-item .txt-box dt{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:var(--main-color); font-weight:500;}
.cooeration-network-box .list-item .txt-box dd{font-size:2.4rem; line-height:1.25; letter-spacing:-0.02em; color:#000; font-weight:600; margin-top:0.7rem;}

.cooeration-network-box .list-item:nth-child(2){margin-top:6rem; border-radius:0 0 6rem 0; }


/* 회원교류협력 */
.member-cooperation-list{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:10rem;}
.member-cooperation-list .list-item{display: block; width:calc(50% - 3rem); margin-top:6rem;}
.member-cooperation-list .list-item:nth-child(-n+2){margin-top:0;}
.member-cooperation-list .list-item .img-box{width:100%; overflow:hidden; border-radius:0 10rem 0 0;}
.member-cooperation-list .list-item .img-box span img{width:100%;}
.member-cooperation-list .list-item .txt-box{position: relative; width:100%; padding:3rem 5rem 5rem; box-sizing:border-box; background:#f5f5f5;}
.member-cooperation-list .list-item .txt-box .tit{font-size:2.4rem; line-height:1.5; letter-spacing:-0.02em; color:var(--main-color); font-weight:700;}
.member-cooperation-list .list-item .txt-box .txt01{font-size:3.2rem; line-height:1.5; letter-spacing:-0.02em; color:#000; font-weight:700; margin-top:0.5rem}
.member-cooperation-list .list-item .txt-box .txt01 sub{font-size:0.5em; position: relative; top:-0.8rem;}
.member-cooperation-list .list-item .txt-box .txt02{font-size:1.8rem; line-height:1.5; letter-spacing:-0.02em; color:#666; font-weight:500;}

/* .member-cooperation-list .list-item.reverse{margin-left:auto; margin-right:0;} */
/* .member-cooperation-list .list-item.reverse .img-box{border-radius:0 0 10rem 0 ;} */



/* 
* 차세대회원 :: 회원자격 및 선출절차
*/
/* 기준 */
.procedure-con-wrap{margin-bottom:20rem;}
.procedure-con-wrap:last-child{margin-bottom:0;}
.procedure-con{display: flex; align-items:center; background:#f6f6f6; border-radius:0 10rem 0 0; margin-top:5.5rem; overflow:hidden;}
.procedure-con .img-box{width:50%; height:100%;}
.procedure-con .img-box span{display: block; width:100%; height:100%;}
.procedure-con .img-box span img{width:100%; height:100%; object-fit:cover;}
.procedure-con .txt-box{width:50%; padding:2rem 8rem; box-sizing:border-box;}
.procedure-con .txt-box .txt01{font-size:3.2rem; line-height:1.3125; letter-spacing:-0.02em; color:#000; font-weight:600;}
.procedure-con .txt-box .txt01 b{font-weight:inherit; color:var(--main-color);}
.procedure-con .txt-box .txt02{font-size:2rem; line-height:1.8; letter-spacing:-0.02em; color:#000; font-weight:400; margin-top:2rem;}
.procedure-con .txt-box .txt02 b{font-weight:700;}


/* 절차 및 일정 */
.procedure-list{position: relative;}
.procedure-item-wrap{position: relative;}
.procedure-list .procedure-item{position: relative; padding-left:31rem; margin-bottom:3rem;}
.procedure-list .procedure-item .left-box{position: absolute; top:0; left:0; width:22.5rem;}
.procedure-list .procedure-item .left-box .txt{position: relative; display: flex; align-items:center; justify-content:center; width:100%; height:5rem; margin:1.5rem 0; border:2px solid var(--main-color); border-radius:2.5rem; background:#fff; transition:var(--transition-custom); font-size:2rem; letter-spacing:-0.02em; font-weight:600; color:var(--main-color); margin-bottom:3rem;}
.procedure-list .procedure-item .left-box .txt:last-child{margin-bottom:0;}
.procedure-list .procedure-item .left-box .txt .icon{position: absolute; display: flex; flex-direction:column; top:100%; left:50%; transform:translateX(-50%); font-size:2rem; color:var(--main-color); opacity:0.2;}
.procedure-list .procedure-item .left-box .txt:not(.no-line):before{position: absolute; content:''; width:100%; height:1px; border-top:1px dashed var(--main-color); right:0; transform:translateX(100%);}

.procedure-list .procedure-item .right-box{position: relative; width:100%; }
.procedure-list .procedure-item .right-box dl{display: flex; align-items:center; width:100%; height:8rem; padding:1rem 4rem; box-sizing:border-box; background:#fff; transition:var(--transition-custom);}
.procedure-list .procedure-item .right-box dl dt{font-size:1.8rem; letter-spacing:-0.05em; color:rgba(136, 136, 136, 0.8); font-weight:500; width:6rem; transition:var(--transition-custom);}
.procedure-list .procedure-item .right-box dl dd{display: flex; align-items:center; justify-content:space-between; width:calc(100% - 6rem);}
.procedure-list .procedure-item .right-box dl dd .txt{font-size:2.4rem; letter-spacing:-0.02em; color:#000; font-weight:600; transition:var(--transition-custom);}
.procedure-list .procedure-item .right-box dl dd .num{font-size:2.4rem; letter-spacing:-0.05em; color:rgba(170, 170, 170, 0.2); font-weight:500; transition:var(--transition-custom);}

/* icon margin */
.procedure-list .procedure-item .left-box .txt .icon.margin01{margin:0.75rem 0;}
.procedure-list .procedure-item .left-box .txt .icon.margin02{margin:2.3rem 0;}
.procedure-list .procedure-item .left-box .txt .icon.margin03{margin:4.75rem 0;}
.procedure-list .procedure-item .left-box .txt .icon.margin04{margin:2rem 0;}

/* plus-line */
.procedure-list .procedure-item .right-box .plus-line{position: absolute; top:50%; left:0; transform:translate(-100%); width:4rem; height:1px; border-top:1px dashed var(--main-color);}
.procedure-list .procedure-item .right-box .plus-line:before{position: absolute; content:''; left:0; width:1px; height:11rem; border-left:1px dashed var(--main-color);}
.procedure-list .procedure-item .right-box .plus-line.top:before{top:0;}
.procedure-list .procedure-item .right-box .plus-line.bottom:before{bottom:1px;}

/* green */
.procedure-list .procedure-item.green .left-box .txt{border-color:var(--main-color2); color:var(--main-color2);}
.procedure-list .procedure-item.green .left-box .txt:not(.no-line):before{border-color:var(--main-color2);}
.procedure-list .procedure-item.green .left-box .txt .icon{color:var(--main-color2)}

.procedure-list .procedure-item.green .right-box .plus-line,
.procedure-list .procedure-item.green .right-box .plus-line:before{border-color:var(--main-color2);}

/* alone */
.procedure-item-wrap.alone{transform:translateY(-3rem);}

/* active */
.procedure-list .procedure-item-wrap.active .left-box .txt{background:var(--main-color); color:#fff;}
.procedure-list .procedure-item-wrap.active .right-box dl{background:var(--main-color); border-radius:0 3rem 0 0;}
.procedure-list .procedure-item-wrap.active .right-box dl dt{color:rgba(255, 255, 255, 0.8);}
.procedure-list .procedure-item-wrap.active .right-box dl dd .txt{color:#fff;}
.procedure-list .procedure-item-wrap.active .right-box dl dd .num{color:#fff;}

.procedure-list .procedure-item-wrap.active .green .left-box .txt{background:var(--main-color2); color:#fff;}
.procedure-list .procedure-item-wrap.active .green .right-box dl{background:var(--main-color2);}


/* 
* 차세대한림원 소개 :: MI 및 심볼
*/
.mi-page > .sub-con{margin-bottom:12rem;}
.mi-page > .cm-gray-box{padding:12rem 0; margin-bottom:12rem;}
.mi-page > .cm-gray-box:last-child{margin-bottom:0rem;}
.cm-mi-txt{font-size:2.4rem; line-height:1.66; letter-spacing:-0.02em; color:#666; font-weight:500; margin-top:1.5rem;}
.cm-mi-txt b{display: block; font-weight:600; color:#131313;}

.mi-logo-box{border:1rem solid #f6f6f6; box-sizing:border-box; padding:9rem 5rem 13rem; text-align:center; margin:5rem 0;}
.mi-logo-box img{max-width:100%;}

.logo-mean-list{display: flex; justify-content:space-between; margin-top:3rem;}
.logo-mean-list .list-item{width:calc(50% - 2rem); background:#fff; padding:4.5rem 6rem; box-sizing:border-box;}
.logo-mean-list .list-item .top-box{}
.logo-mean-list .list-item .top-box .img-box{display: flex; align-items:center; justify-content:center; padding:1.7rem 2rem; box-sizing:border-box; background:#f6f6f6; height:17.4rem;}
.logo-mean-list .list-item .top-box .img-box img{max-width:100%; max-height:100%;}
.logo-mean-list .list-item .top-box .color-box{display: flex; justify-content:space-between;}
.logo-mean-list .list-item .top-box .color-box span{position: relative; width:calc(50% - 0.75rem); height:17.4rem;}
.logo-mean-list .list-item .top-box .color-box span.green{background:#92c136;}
.logo-mean-list .list-item .top-box .color-box span.blue{background:#0a89c9;}
.logo-mean-list .list-item .top-box .color-box span em{position: absolute; bottom:1.5rem; right:2rem; font-size:1.8rem; line-height:1.5; letter-spacing:-0.02em; color:#fff; font-weight:500;}
.logo-mean-list .list-item .txt-box{margin-top:3.5rem;}
.logo-mean-list .list-item .txt-box .tit{position: relative; font-size:3rem; line-height:1.3; letter-spacing:-0.02em; color:#232323; font-weight:600; padding-left:3.8rem;}
.logo-mean-list .list-item .txt-box .tit:before{position: absolute; content:'\e92b'; font-family:'xeicon'; font-size:0.93em; color:#232323; top:0.2rem; left:0; font-weight:400;}
.logo-mean-list .list-item .txt-box .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.02em; color:#666; font-weight:500; margin-top:1rem;}

.mi-bg-logo{position: relative;}
.mi-bg-logo-box{position: absolute; bottom:-1.2rem; right:-40rem; width:109.4rem; height:68rem;}
.mi-bg-logo-box img{width:100%;}

/* ************* 2025-04-29 회원지원 ************* */
.join-tit{font-size:3rem; line-height:1.2; letter-spacing:-0.05em; color:#000; font-weight:700; margin-bottom:2rem;}
.join-tit span{display: inline-block;}
/* 공통 :: 첨부파일 Custom */
.file-custom-wrapper{max-width:669px}
.file-custom-wrapper .file-custom-item{position:relative; margin-top:5px; padding-right:7.5rem;}
.file-custom-wrapper .file-custom-item:first-child{margin-top:0;}
.file-custom-wrapper .file-custom-item .file-controls-btns{position:absolute; right:0; top:0px; }
.file-custom-wrapper .file-custom-item .file-controls-btns button{width:7rem; height:42px; color: #000; font-size: 1.4rem; letter-spacing:-0.05em; text-align:center; border: 1px solid #e5e5e5; }
.file-custom-box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.file-custom-box label { float:right; width:9rem; height:42px; color: #000; font-size: 1.4rem; letter-spacing:-0.05em; line-height: 42px; text-align:center; cursor: pointer; vertical-align:middle; margin-left:-4px; background-color:#f3f3f3; } 
.file-custom-box .upload-name { float:left; width:calc(100% - 10rem); height:40px; font-size: 1.4rem; vertical-align:middle; background-color: #f2f2f2; color:#000; border:none; -webkit-appearance: none; text-indent:1em; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; font-weight:600; }
.file-catuion-txt{color:#999; font-size:1.4rem; letter-spacing:-0.05em; line-height:1.5em; margin-top:1.5rem;}

/* ************* 2025-04-29 회원지원 ************* */
@media all and (max-width:800px){
	.join-tit{font-size:2rem;}
}

/* ************* 2025-06-26 접수완료 페이지 추가 ************* */
.join-complete-page {padding-top: 3.5rem;}
.join-complete-con {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.join-complete-con .icon-box {display: flex; align-items: center; justify-content: center; width: 14rem; height: 14rem; background-color: #fff; border: 3px solid #0c89c9; border-radius: 50%; padding: 3rem; box-sizing: border-box;}
.join-complete-con .icon-box img {max-width: 100%;}
.join-complete-con .txt-box .join-complete-tit {margin-top: 2.5rem; font-size: 5rem; font-weight: 700; letter-spacing: -0.025em; color: #000;}
.join-complete-con .txt-box .join-complete-name {margin-top: 4.5rem; font-size: 2.8rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2em; color: #000;}
.join-complete-con .txt-box .join-complete-name span {color: #0c89c9;}
.join-complete-con .txt-box .join-complete-txt {margin-top: 1.7rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.6em; color: #000;}
.join-complete-con .ps-txt-box {display: flex; background-color: #f6f6f6; padding: 4.5rem 4rem; margin-top: 5.5rem; box-sizing: border-box;}
.join-complete-con .ps-txt-box .ps-txt {text-align: left; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.55em; color: #666;}
.join-complete-con .ps-txt-box i {padding-right: 0.7rem; font-size: 2rem; line-height: 1.4em; color: #ff5353;}
.join-complete-con .cm-btn-controls {margin-top: 4rem;}
.join-complete-con .cm-btn-controls button, .join-complete-con .cm-btn-controls a {padding: 0 2.8rem; font-weight: 500; letter-spacing: -0.025em;}