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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1280px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-list-style .area{padding:0}
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	.sub-tab-wrapper-style{margin-bottom:4rem;}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box; text-align: left;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; border-radius:0;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; border-radius:0;}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}


/* ****************** 타이틀 ********************** */
@media all and (max-width:800px){
	.sub-heading{font-size:1.8rem; margin-bottom:1rem;}
	.sub-heading-tit{font-size:2.4rem;}
	.sub-heading-txt02{font-size:1.7rem;}
}

/* ****************** 차세대한림원 소개 :: 비전 ********************** */

/* ****************** 차세대한림원 소개 :: 연혁 ********************** */
@media all and (max-width:1280px){
	.year-box{width: 15rem; justify-content: flex-start; padding-left: var(--area-padding); box-sizing: border-box;}
	.year-list{top:12rem !important;}
	.history-sticky-wrap{width:calc(100% - 15rem)}
	.history-sticky-wrap .history-con-list:first-child{padding-top:0rem;}
	.history-sticky-wrap .history-con{display: block; padding:10rem 0 0;}
	.history-sticky-wrap .history-con .history-year{position: static; top: 0rem; font-size: 6rem; margin-bottom:3rem;}
	.history-sticky-wrap .history-con .history-info{width:100%; padding:1.5rem 0;}
}
@media all and (max-width:800px){
	.history-container{margin-top:6rem;}
	.year-box{width: 12rem;}
	.year-box .year{font-size:1.8rem;}
	.history-sticky-wrap{width:calc(100% - 12rem)}
	.history-sticky-wrap .history-con-list{padding-top:6rem;}
	.history-sticky-wrap .history-con-list:last-child{padding-bottom:6rem;}
	.history-sticky-wrap .history-con{padding-top:4rem;}
	.history-sticky-wrap .history-con .history-year{font-size: 4rem; margin-bottom:1rem;}
	.history-sticky-wrap .history-con .history-info{position: relative;}
	.history-sticky-wrap .history-con .history-info:before{display: block; content: ""; position: absolute; left: 0; top: 0; height: 2px; background: #000; width: 100%;}
	.history-sticky-wrap .history-con .history-info .history-inner{padding:1.5rem 0rem; font-size:1.4rem;}
	.history-sticky-wrap .history-con .history-info .history-inner .history-month{font-size:2rem;}
	.history-sticky-wrap .history-con .history-info .history-inner .history-txt-box{padding-left:2rem;}
	.history-sticky-wrap .history-con .history-info .history-inner .history-txt-box p{font-size:1.4rem; line-height:1.5;}
}
@media all and (max-width:480px){
	.year-box{display: none;}
	.history-sticky-wrap{width:100%}
}

/* ****************** 차세대한림원 소개 ::  오시는 길 ********************** */
@media all and (max-width:1480px){
	.map-script-wrapper {margin: 4rem var(--area-padding) 0;}
}

@media all and (max-width:800px){
	.loca-tit-box {flex-direction:column; margin-bottom:2rem;}
	.loca-tit-box .loca-tit{font-size:3rem;}
	.loca-tit-box .loca-txt {display: block; margin-top: 1rem; font-size:1.6rem;}
	.loca-tit-box .loca-txt em {line-height:1.35; width: calc(100% - 5rem);}
	.loca-tit-box .loca-txt p{margin-top:1rem;}

	.map-script-wrapper {margin: 2rem var(--area-padding) 0; height: 35rem;}
	.map-script-wrapper .map-script-con {height: 35rem; /* margin: -175px 0 0 -710px; */}
	.map-info-con { flex-direction: column-reverse; margin-top: 2rem;}
	.info-txt-con {margin-top: 3rem;}
	.info-txt-con p{font-size:1.4rem;}
	.traffic {display: block; margin-top: 1rem;}
	.traffic-type{display: block;}
}

@media all and (max-width:480px){
	.info-link-con a {width: calc((100% - 10px) / 2); padding: 0 1.5rem; height:5rem;}
	.info-link-con a em {padding-right: 0;}
}


/* ****************** 차세대회원 ********************** */
@media all and (max-width:800px){
	.sub-con-box{margin-bottom:2rem;}
	.cm-gray-box{margin-top:2rem; padding:2rem 0;}

	.fakeform-selectbox .select-title {text-indent: 1em; font-size: 1.4rem; line-height: 5rem;}
	.fakeform-selectbox .select-title:after{right:0.7em; font-size:2rem;}
	/* 옵션창 */
	.select-option span,
	.select-option strong {height: auto; font-size: 1.3rem; font-weight: 500; line-height: 1.5; padding: 1.5rem 1em;}
}

/* 차세대회원 :: 회원구성 테이블 */
@media all and (max-width:800px){
	.member-composition-list{display: block; margin-top:3rem;}
	.member-composition-list .list-item{width:100%; padding:3rem; min-height:20rem;}
	.member-composition-list .list-item .txt-box .tit{font-size:2rem;}
	.member-composition-list .list-item .txt-box .tit img{height:5rem;}
	.member-composition-list .list-item .txt-box .txt{font-size:1.6rem;}
	.member-composition-list .list-item .num-box{margin-top:1.5rem;}
	.member-composition-list .list-item .num-box .count{font-size:4rem;}
	.member-composition-list .list-item .num-box .txt{font-size:2rem;}

	.member-composition-list .list-item:nth-child(3){padding:4rem 3rem;}

	.member-composition-tbl-box{margin-top:4rem;}
	
	.composition-tbl .small-txt{display: inline-block; margin-left:1rem;}
	.composition-tbl .column:not(.column-head){font-size:2rem;}
	.member-composition-tbl-box .tbl-plus-txt{font-size:1.6rem; margin-top:1rem;}
}

/* 차세대회원 :: 회원검색 :: 검색 리스트 */
@media all and (min-width:801px){
	.member-search-list .list-item:nth-child(-n+5){margin-top:0;}
}
@media all and (max-width:800px){
	.member-search-con{padding-top:5rem;}
	/* 차세대회원 :: 회원검색 */
	.member-search-con .sub-tab-wrapper-style{margin-bottom:3rem;}

	.member-search-con .sub-tab-wrapper-style02{height:auto;}
	.member-search-con .sub-tab-wrapper-style02:before{display: none;}
	.member-search-con .sub-tab-list-style02 ul{flex-wrap:wrap;}
	.member-search-con .sub-tab-list-style02 ul li{width:50%;}
	.member-search-con .sub-tab-list-style02 ul li a{height:4rem;}
	.member-search-con .sub-tab-list-style02 ul li a em{font-size:1.6rem;}

	.member-tit{font-size:2.8rem; margin-bottom:2rem;}
	.search-select-list .list-item{width:calc(50% - 0.8rem); margin-top:1.6rem;}
	.search-select-list .list-item:nth-child(-n+2){margin-top:0;}
	/* 차세대회원 :: 회원검색 :: 검색 리스트 */
	.member-search-list{margin:4rem -0.8rem 0;}
	.member-search-list .list-item{width:calc(33.33% - 1.6rem); margin:2rem 0.8rem 0;}
	.member-search-list .list-item:nth-child(-n+3){margin-top:0;}
	.member-search-list .list-item .txt-box .name{margin-top:0.5rem;}
}
@media all and (max-width:480px){
	.member-search-list .list-item{width:calc(50% - 1.6rem);}
	.member-search-list .list-item:nth-child(3){margin-top:2rem;}
}


/* ****************** 차세대회원 ********************** */

/* 차세대회원 :: 회원검색 :: 검색 뷰페이지 */
@media (min-width:481px) and (max-width:800px){
	.member-view-con .img-box{position: relative; width:100%; height:30rem; display: flex; align-items: flex-start; justify-content: center; flex-direction:column; max-width:none;}
	.member-view-con .img-box .img{position: absolute; top:0; left:0; width:24rem; padding-top:30rem;}
	.member-view-con .img-box .name-box{width:100%; margin-top:0; padding-left:27rem; box-sizing:border-box;}
	.member-view-con .img-box .careers{display: block; width:100%; padding-left:27rem;}
}
@media all and (max-width:800px){
	.member-view-con{display: block; padding:3rem 1.5rem;}
	.member-view-con .img-box{width:100%; margin-bottom:3rem;}
	.member-view-con .info-box{width:100%; padding-left:0;}
	.member-view-con .info-box .tit-box .tit{font-size:2.6rem;}
	.member-view-con .info-box .info-list dl{display: block; padding:1.5rem 0;}
	.member-view-con .info-box .info-list dl dt{width:100%; font-size:1.8rem; padding:0;}
	.member-view-con .info-box .info-list dl dd .txt{font-size:1.6rem;}

	/* 차세대회원 :: 회원검색 :: 추천검색어 */
	.recommend-search-box{max-width:none;}
	.recommend-search-box dl dt{width:7.5rem; font-size:1.5rem;}
	.recommend-search-box dl .recommend-list{width:calc(100% - 7.5rem);}
	.recommend-search-box dl .recommend-list .list-item{font-size:1.4rem; padding:3px 0.7rem;}
}
@media all and (max-width:480px){
	.member-view-con .img-box .name-box{margin-top:1rem;}
	.member-view-con .img-box .name-box .name{font-size:2.4rem;}
	.member-view-con .img-box .name-box .name-en{font-size:1.6rem;}
	.member-view-con .img-box .careers{font-size:1.8rem;}

	.member-view-con .info-box .tit-box .cm-btn-controls a,
	.member-view-con .info-box .tit-box .cm-btn-controls button{width:5rem; padding: 0; justify-content: center;}
	.member-view-con .info-box .tit-box .cm-btn-controls a span,
	.member-view-con .info-box .tit-box .cm-btn-controls button span{display: none;}

}

/* 차세대 운영위원회 */
@media all and (min-width:801px){
	.org-member-list-tit.big{font-size:4rem; line-height:1.4; font-weight:700; margin-bottom:4rem;}
	.org-member-list.list02{margin:0 -2rem;}
	.org-member-list.list02 .list-item{width:calc(50% - 4rem); margin:4rem 2rem 0;}
	.org-member-list.list02 .list-item:nth-child(-n+2){margin-top:0;}
	.org-member-list.list02 .list-item .img-box{width:24rem;}
	.org-member-list.list02 .list-item .txt-box{width:calc(100% - 24rem); padding:2rem 5rem;}
	.org-member-list.list02 .list-item .txt-box .category{font-size:2rem;}
	.org-member-list.list02 .list-item .txt-box .name{font-size:3.2rem; margin-top:0.5rem;}
	.org-member-list.list02 .list-item .txt-box .txt{font-size:2rem; margin-top:3rem;}
}
@media all and (max-width:1280px){
	.org-member-list .list-item .img-box{width:15rem;}
	.org-member-list .list-item .txt-box{width:calc(100% - 15rem); padding:2rem; box-sizing:border-box;}

	.org-member-list.list02 .list-item .txt-box{padding:2rem;}
}
@media all and (max-width:800px){
	.org-content{margin-bottom:8rem}
	.org-content + .cm-gray-box{padding:8rem 0;}
	/* 조직도 */
	.org-top-box{margin-top:2.5rem;}
	.org-top-box .org-top-txt{display: block; font-size:1.8rem; margin-bottom:1rem;}
	.org-top-box .org-top-txt dt{width:100%;}
	.org-top-box .org-top-txt dd{width:100%;}

	.org-box{padding:4rem 0.5rem; margin-top:4rem;}
	.org-box img{margin-right:-1rem;}

	/* 차세대 운영위원회 */
	.org-member-list-tit{font-size:2.4rem; margin-bottom:1rem;}
	.org-member-list .list-item{width:calc(50% - 2rem);}
	.org-member-list .list-item:nth-child(3){margin-top:2rem;}

	.org-member-list .list-item .txt-box .category{font-size:1.4rem;}
	.org-member-list .list-item .txt-box .name{font-size:1.8rem; }
	.org-member-list .list-item .txt-box .txt{font-size:1.4rem; margin-top:1rem;}
}
@media all and (max-width:640px){
	.org-member-list .list-item{width:calc(100% - 2rem);}
	.org-member-list .list-item:nth-child(2){margin-top:2rem;}
}


/* ****************** 사업 ********************** */
/* 과학정책 */
@media all and (max-width:800px){
	.science-top-con{margin-top:4rem;}
	.science-top-con .img-list:before{height:31rem}
	.science-top-con .img-list{}
	.science-top-con .txt-box{display: block; margin-top:2rem;}
	.science-top-con .txt-box dt{width:100%; font-size:2.4rem;}
	.science-top-con .txt-box dd{width:100%;}
	.science-top-con .txt-box dd .check-txt{font-size:1.6rem; padding-left:2.4rem;}
	.science-top-con .txt-box dd .check-txt:before{top:-0.2rem;}
	
	.science-bottom-con{margin-top:10rem;}
	.science-bottom-con .img-list{display: block;}
	.science-bottom-con .img-list .list-item{width:100%; margin-top:3rem;}
	.science-bottom-con .img-list .list-item:nth-child(2){margin-top:3rem;}
	.science-bottom-con .img-list .list-item span{border-radius: 0 5rem 0 0 !important;}
	.science-bottom-con .txt-box{margin-top:1rem;}
	.science-bottom-con .txt-box dt{font-size:2rem;}
	.science-bottom-con .txt-box dd{font-size:1.6rem;}
	.science-bottom-con .img-list .list-item:last-child{margin-top:4rem;}
}
@media all and (max-width:480px){
	.science-top-con .img-list{display: block;}
	.science-top-con .img-list:before{display: none;}
	.science-top-con .img-list .list-item{width:100%; margin-bottom:1rem;}

	.science-bottom-con{margin-top:6rem;}
}

/* 공공봉사활동 */
@media all and (max-width:800px){
	.service-con{margin-bottom:7rem;}
	.service-con:last-child{margin-bottom:0rem;}
	.service-con.cm-gray-box{padding:7rem 0 5rem;}

	.public-img-box{margin:3rem 0;}

	.youtube-img-box{margin:2rem -1rem 3rem;}
	.youtube-img-box span{width:calc(50% - 2rem); margin:1rem;}
	
	.students-img-box{display: block; margin-top:3rem; text-align:center;}
	.students-img-box span{display: inline-block; width:auto; margin:auto; margin-bottom:1rem; text-align:center;}
	.students-img-box span:nth-child(2){border-radius:0 0 5rem 0; margin-top:0rem;}
	.students-img-box span img{margin:auto;}
}

/* 지원사업 */
@media all and (max-width:1480px){
	.cooperation-map-box > .area{box-sizing:border-box;}
	.cooperation-map-item.top{top:0rem;}
	.cooperation-map-item.bottom{bottom:0rem;}
	.cooperation-map-item.left{left:var(--area-padding);}
	.cooperation-map-item.right{right:var(--area-padding);}

	.cooperation-map-box{max-width:none; padding: 0 var(--area-padding);}
	.cooperation-map-box .bg img{width:100%;}
}
@media all and (max-width:1280px){
	.cooperation-map-item .counter-box span{font-size:10rem;}
	.cooperation-map-item .counter-box em{font-size:2rem;}
	.cooperation-map-item .map-img-list .list-item{width:24rem;}

	.cooperation-country-list .list-item .txt-box{padding:2rem 3rem;}
	.cooperation-country-list .list-item .img-box span img{height: 100%; object-fit: cover;}

	.cooeration-network-box .list-item .txt-box{padding:2rem;}
}
@media all and (max-width:800px){
	.cooperation-con,
	.cooperation-con:nth-child(1){margin-bottom:6rem;}

	.cooperation-map-box{margin-top:5rem;}
	.cooperation-map-box > .area{position: relative; top:auto; left:auto; transform:none; padding:0; display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem;}
	.cooperation-map-item{position: relative; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important; /* width:50%; */ margin-bottom:1rem;}
	.cooperation-map-item .counter-box span{font-size:8rem;}
	.cooperation-map-item .map-img-list{justify-content: flex-end}
	.cooperation-map-item .map-img-list .list-item{/* width: calc(50% - 1rem); */ border-radius:0 3rem 0 0; width:20rem;}
	.cooperation-map-item .map-img-list .list-item .txt{font-size:1.4rem; padding:1rem;}

	.cooperation-country-list .list-item{display: block; margin-bottom:4rem;}
	.cooperation-country-list .list-item .img-box{width:100%; border-radius:5rem 0 0 0;}
	.cooperation-country-list .list-item.reverse .img-box{width:100%; border-radius: 0 5rem 0 0;}
	.cooperation-country-list .list-item .txt-box{width:100%; background:#f6f6f6;}
	.cooperation-country-list .list-item .txt-box:before{display: none;}
	.cooperation-country-list .list-item .txt-box .tit{font-size:2rem;}
	.cooperation-country-list .list-item .txt-box .info-box dl{font-size:1.6rem;}

	.cooeration-network-box{margin-top:4rem; display: block;}
	.cooeration-network-box:before{display: none;}
	.cooeration-network-box .list-item{width:100%; margin-bottom:2rem;}
	.cooeration-network-box .list-item:nth-child(2){margin-top:0;}
	.cooeration-network-box .list-item .txt-box dt{font-size:1.6rem;}
	.cooeration-network-box .list-item .txt-box dd{font-size:1.8rem;}

}
@media all and (max-width:640px){
	.cooperation-map-item .map-img-list .list-item{width:16rem;}
}
@media all and (max-width:480px){
	.cooperation-map-item .counter-box span{font-size:6rem;}
	.cooperation-map-item{width:100%; margin-bottom:2rem;}
	.cooperation-map-item .map-img-list{display: block;}
	.cooperation-map-item .map-img-list .list-item{width:100%;}
	.cooperation-map-item .map-img-list .list-item .txt{padding:2rem;}
}

/* 회원교류협력 */
@media all and (max-width:800px){
	.member-cooperation-list{margin:0; margin-top:6rem}
	.member-cooperation-list .list-item{display: block; width:100%; margin-top:3rem;}
	.member-cooperation-list .list-item:nth-child(2){margin-top:3rem;}
	.member-cooperation-list .list-item .img-box{width:100%; border-radius:0 5rem 0 0;}
	.member-cooperation-list .list-item .txt-box{width:100%; padding:2rem 1.5rem;}
	.member-cooperation-list .list-item .txt-box .tit{font-size:1.8rem;}
	.member-cooperation-list .list-item .txt-box .txt01{font-size:2.2rem;}
	.member-cooperation-list .list-item .txt-box .txt01 sub{top:-0.6rem;}
	.member-cooperation-list .list-item .txt-box .txt02{font-size:1.6rem;}
}

/* 
* 차세대회원 :: 회원자격 및 선출절차
*/
@media all and (max-width:800px){
	.procedure-con-wrap{margin-bottom:6rem;}
	/* 기준 */
	.procedure-con{display: block;}
	.procedure-con .img-box{width:100%;}
	.procedure-con .txt-box{width:100%; padding:2rem;}
	.procedure-con .txt-box .txt01{font-size:2rem;}
	.procedure-con .txt-box .txt02{font-size:1.6rem; line-height:1.5; margin-top:1rem;}
	/* 절차 및 일정 */
	.procedure-list .procedure-item{padding-left:16rem; margin-bottom:2rem;}
	.procedure-list .procedure-item .left-box{width:12rem;}
	.procedure-list .procedure-item .left-box .txt{height:4rem; font-size:1.4rem; margin:1rem 0;}

	.procedure-list .procedure-item .right-box dl{height:6rem; padding:1rem 1.5rem;}
	.procedure-list .procedure-item .right-box dl dt{width:4rem; font-size:1.4rem;}
	.procedure-list .procedure-item .right-box dl dd{width:calc(100% - 4rem);}
	.procedure-list .procedure-item .right-box dl dd .txt{font-size:1.8rem;}
	.procedure-list .procedure-item .right-box dl dd .num{font-size:1.8rem;}

	/* icon margin */
	.procedure-list .procedure-item .left-box .txt .icon.margin01{display: none;}
	.procedure-list .procedure-item .left-box .txt .icon.margin02{margin:1.2rem 0;}
	.procedure-list .procedure-item .left-box .txt .icon.margin03{margin:2rem 0;}
	.procedure-list .procedure-item .left-box .txt .icon.margin04{margin:1rem 0;}
	/* plus-line */
	.procedure-list .procedure-item .right-box .plus-line{width:2rem;}
	.procedure-list .procedure-item .right-box .plus-line:before{height:8rem;}
	/* active */
	.procedure-list .procedure-item-wrap.active .right-box dl{border-radius:0 1.5rem 0 0;}
}
@media all and (max-width:480px){
	.procedure-list .procedure-item{padding-left:12rem;}
	.procedure-list .procedure-item .left-box{width:9rem;}
	.procedure-list .procedure-item .left-box .txt{font-size:1.2rem; height:3rem; margin:1.5rem 0;}
	.procedure-list .procedure-item .right-box .plus-line{width:1.5rem;}
	.procedure-list .procedure-item .right-box dl dd .txt,
	.procedure-list .procedure-item .right-box dl dd .num{font-size:1.5rem;}
}


/* 
* 차세대한림원 소개 :: MI 및 심볼
*/
@media all and (max-width:800px){
	.mi-page > .sub-con{margin-bottom:8rem;}
	.mi-page > .cm-gray-box{padding:8rem 0; margin-bottom:8rem;}
	.cm-mi-txt{font-size:1.8rem;}
	.mi-logo-box{padding:5rem 3rem 7rem; margin:3rem 0;}

	.logo-mean-list{margin-top:2rem; display: block;}
	.logo-mean-list .list-item{width:100%; padding:3rem 2rem; margin-bottom:2rem;}
	.logo-mean-list .list-item:last-child{margin-bottom:0;}
	.logo-mean-list .list-item .top-box .img-box{height:auto;}
	.logo-mean-list .list-item .top-box .color-box span{height:12rem;}
	.logo-mean-list .list-item .top-box .color-box span em{font-size:1.6rem; bottom:1rem;}
	.logo-mean-list .list-item .txt-box{margin-top:2rem;}
	.logo-mean-list .list-item .txt-box .tit{font-size:2rem; padding-left:2.5rem;}
	.logo-mean-list .list-item .txt-box .txt{font-size:1.6rem;}

	.mi-bg-logo-box{bottom:-0.6rem; right:-20rem; width:54.7rem; height:34rem;}
}

/* ************* 2025-06-26 접수완료 페이지 추가 ************* */
@media all and (max-width:800px) {
	.join-complete-page {padding-bottom: 4rem;}
	.join-complete-con .icon-box {width: 10rem; height: 10rem; padding: 2rem;}
	.join-complete-con .txt-box .join-complete-tit {font-size: 3.8rem;}
	.join-complete-con .txt-box .join-complete-name {margin-top: 3rem;}
	.join-complete-con .ps-txt-box {margin-top: 3rem; padding: 2.5rem 3rem;}
	.join-complete-con .cm-btn-controls {display: block;}
}