@charset "utf-8";


/* ----------------------------------------------------------------- */
/* sub_common */
/* ----------------------------------------------------------------- */


.sub_visual {overflow:hidden; position:relative; /* display:table; margin:0 auto 0;  */width:100%; height:280px; background-size:cover !important;}



.bg_01 {background:#fff9e9 url("../images/common/bg_sub01.jpg") no-repeat center center;}
.bg_02 {background:#fff9e9 url("../images/common/bg_sub02.jpg") no-repeat center center;}
.bg_03 {background:#fff9e9 url("../images/common/bg_sub03.jpg") no-repeat center center;}
.bg_04 {background:#fff9e9 url("../images/common/bg_sub04.jpg") no-repeat center center;}
.bg_05 {background:#fff9e9 url("../images/common/bg_sub04.jpg") no-repeat center center;}

.sub_visual .slogan {display:flex; flex-direction: column; padding-left:10px; 
/* justify-content:space-between; align-items:flex-end; */  position:absolute; left:50%; top:82%; transform:translate(-50%, -50%); width:var(--sub-width); height:100%; z-index:0;}


.sub_visual .slogan h2 {line-height:1.1; font-size:4.6rem; color:#333; font-family:"Katuri"; font-weight:normal; letter-spacing:0em;}
.sub_visual .slogan .h_desc {display:block; margin-top:20px; line-height:1; font-size:1.9rem; color:rgba(0, 0, 0, .7); font-family:'BMJUA'; font-weight:normal; letter-spacing:0.0em; }
.sub_visual .location {display:none; margin-top:25px;} 
.sub_visual .location li {display:inline-flex; align-items:center; padding-left:19px; 
position:relative; color:rgba(0, 0, 0, .9); font-size:1.4rem; font-family:'S-CoreDream-4Regular'; line-height:1}
.sub_visual .location li:nth-child(1){padding-left:0; letter-spacing:0.025em; }
.sub_visual .location li a {color:inherit;}
.sub_visual .location li i {font-size:1.6rem; margin-top:-2px;}
.sub_visual .location li:before {display:block; content:""; width:1px; height:96%; position:absolute; left:8px; top:0; background:rgba(0, 0, 0, .36);}
.sub_visual .location li:first-child:before {display:none;} 




/* nav */
.location_wrap {display:none; position:relative; width:100%; margin:-30px auto 0; z-index:98;}
.location_wrap:after {content:''; display:block; clear:both;}
.locationArea {display:flex; position:relative; width:100%; margin:0 auto; background:#fff; border:1px solid rgba(0, 0, 0, .1); border-radius:10px;}
.locationArea:after {content:''; display:block; clear:both;}
.locationArea .location {display:flex; letter-spacing:0.25px;}
.locationArea .location > li.home a {display:block; width:65px; height:60px; background:var(--sub-color) url("../images/common/ico_home.png") no-repeat center center; background-size:19px; text-indent:-99999px; border-radius:10px 0 0 10px; transition: 0.3s;}
.locationArea .location > li {position:relative;}
.locationArea .location > li:after {content: ""; position:absolute; right:0; top:0; width:1px; height:100%; border-right:1px solid rgba(0,0,0, 0.1);}
.locationArea .location > li:first-child {border-left:0px solid rgba(0,0,0, 0.1);}
.locationArea .location > li:first-child:after {border-right:0;}


.locationArea .location > li.locationLink > a {display:inline-block; padding:0 90px 0 25px; min-width:250px; line-height:60px; font-size:1.5rem; color:rgba(0, 0, 0, .6); font-family:'S-CoreDream-4Regular';}
.locationArea .location > li.locationLink > a:after {content: ""; position:absolute; right:22px; top:50%; transform:translateY(-50%); width: 0; height: 0;
				border-bottom: 4px solid transparent; border-top:4px solid transparent; border-left: 6px solid #999; border-right: 6px solid transparent;
				transform: rotate(90deg); transform-origin:50% 50%;}
.locationArea .location > li.locationLink.on > a:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top:-6px;}

.locationArea .location > li.locationLink .selectMenu {display:none; overflow:hidden; position:absolute; left:-1px; top:60px; width:calc(100% - 1px); border:1px solid rgba(0, 0, 0, .1); background:#fff; border-radius:0 0 10px 10px;
box-sizing:content-box; z-index:10;}
.locationArea .location > li.locationLink .selectMenu.open {display:block;}	
.locationArea .location > li.locationLink .selectMenu li {background:#fff; border-top:1px solid rgba(0, 0, 0, .07);}
.locationArea .location > li.locationLink .selectMenu li:first-child {border-top:0;}
.locationArea .location > li.locationLink .selectMenu li a {display:block; padding:15px 25px; color:#555; text-decoration:none; line-height:1.3; font-size:1.3rem; font-family:'S-CoreDream-4Regular';
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.locationArea .location > li.locationLink .selectMenu li a:hover,
.locationArea .location > li.locationLink .selectMenu li a:focus {}
.locationArea .location > li.locationLink .selectMenu li.on a {color:#777;}

.locationArea .location > li.locationLink.dep3 > a {min-width:200px;}
.locationArea .location > li.locationLink .selectMenu li a i {margin-left:3px; margin-top:6px;}s



/* sub :: 레이아웃 */
.sub_wrap {}

/* lnb  */
.aside {position:relative;}
.aside:after {clear:both; display:block; content:""}
.aside .inner {position:absolute; left:50%; top:-30px; transform:translateX(-50%); background:#fff; border:1px solid rgba(0, 0, 0, .1); border-radius:10px; z-index:1;}


.lnb {display:flex;}
.lnb:after {content:""; display:block; clear:both;}
.lnb li {position:relative; height:60px;}
.lnb li a {display:inline-flex; align-items:center; justify-content:center; position:relative; width:100%; height:100%; line-height:1; 
font-size:1.6rem; font-family:'S-CoreDream-4Regular'; color:#666;}

.lnb li a:before {content: ""; position: absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border-radius: 10px; z-index:-1;}
.lnb li:hover a:before,
.lnb li.on a:before {background-color:var(--sub-color);}
.lnb li.on a {color:#fff; border-radius:10px;}

.lnb li + li a:after {content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:20px; background:rgba(0, 0, 0, .1);}
.lnb li.on + li a:after {display:none;}	

.lnb > li:hover a {color:#fff;}
.lnb > li:hover a:after,
.lnb > li:hover + li a:after {display:none;}
.lnb > li:hover a:before {transition: all 0.4s;}

/*
.lnb.item1 {display:none}
.lnb.item2 li {width:50%;}
.lnb.item3 li {width:33.33%;}
.lnb.item4 li {width:25%;} 
.lnb.item5 li {width:20%;} 
.lnb.item6 li {width:calc(100% / 6);}   */

	
.aside.item1 {display:none;}
.aside.item2 ul li {width:50%;}
.aside.item3 ul li {width:33.33%;}
.aside.item4 ul li {width:25%;} 
.aside.item5 ul li {width:20%;} 
.aside.item6 ul li {width:calc(100% / 6);}  

.aside.item1 + .contents {margin-top:-30px;} /* 통합검색 */



/* sub :: 본문 */
.contents {overflow:hidden; position:relative; min-height:500px;}
.sub_title {position:relative; margin:110px auto 45px; text-align:center;}
.sub_title h3 {font-size:4.2rem; color:#333; font-family:'BMJUA'; font-weight:normal; letter-spacing:0em;}

.sub_cont {position:relative; font-size:1.7rem; word-break:keep-all;}
.sub_cont h4, 
.personal > .personal_area .tit {position:relative; display:inline-block; margin:50px 0 12px; line-height:1.2; font-size:2.6rem; color:#333;  font-family:"BMJUA"; font-weight:normal; letter-spacing:0em;}

.sub_cont h4:first-child,
.personal > .personal_area .tit:first-child {margin-top:0;} /* 약관 */

.sub_cont h4 + .table_wrap {margin-top:0;}
.sub_cont h5 {position:relative; display:inline-block; margin:40px 0 15px; line-height:1.2; font-size:2.2rem; color:#333; font-family:'S-CoreDream-5Medium'; letter-spacing:-0.025em;}
.sub_cont h4 + h5 {margin-top:5px !important;}

/* sub :: 관리자 내역 */
.sub_cont h4 + .table_wrap, .sub_cont h5 + .table_wrap  {margin-top:0;}




/* tab */
.tab_wrap {position:relative; margin:0 auto 50px;}
.tab_wrap:after {content:""; display:block; clear:both;}
.tabList {display:flex; flex-wrap:wrap; justify-content:center; gap:15px;}
.tabList li {position:relative;}
.tabList li:first-child{} 
.tabList li a {display:flex; align-items:center; justify-content:center; padding:0 40px; height:48px; width:100%; /* background:#f2f2f2; */ border:2px solid #9cba83; border-radius:36px;}
.tabList li a em {font-size:1.6rem; color:#738664; font-family:'S-CoreDream-4Regular';}
.tabList li.on a {z-index:1; font-family:'S-CoreDream-5Medium'; border-color:#527b32; background-color:#78b53a; box-shadow:2px 2px 0 #527b32;}
/* .tabList li a:after {content:""; width:100%; height:2px; background-color:var(--sub-color); position:absolute; bottom:0; left:0; transform: scaleX(0); transition-property: transform; transition-duration: 0.3s;}
.tabList li.on a:after {transform:scaleX(100%);} */
.tabList li.on a em {color:#fff;}


.tabList.item3 li {width:33.33%;}
.tabList.item4 li {width:25%;}
.tabList.item5 li {width:20%;}


.tabContent {display:none;}
.tabContent.on {display:block;}
.tabContent h4:first-child {margin-top:20px !important;}
.tab_wrap + h4 {margin-top:20px !important;} 
.tabList li:not(:first-child) {}

/* .tabList {margin:0 0 0 -8px;}
.tabList li {width:calc(100% / 7 - 8px); margin-left:8px; margin-top:8px; border-radius:0 10px 0 10px;}
 */





/* li list */
.dot_list > li, .dot {position:relative; margin:0 0 3px 1px; padding-left:12px;}
.dot_list > li::before, .dot::before {content:""; display:block; position:absolute; left:0; top:12px; width:5px; height:5px; background:#555; border-radius:50%;}

.dashed_list li, .dashed {position:relative; margin:0 0 3px 3px; padding:0 0 0 11px;}
.dashed_list li:before, .dashed:before {content:""; display:block; position:absolute; top:14px; left:0; width:6px; height:1px; background:#797979;}
.dashed_list li strong {font-weight:500;}

.default_list {margin:12px 0 0 3px;}
.default_list li {}

.dot_list > li > .dashed_list {margin:7px 0 7px 0px;}



/* 기본 테이블 */
.tList {position:relative; width:100%; border-top:2px solid #76b152; border-collapse:collapse;}
.tList th, .tList td {padding:14px 15px; border:1px solid #d9eabc; vertical-align:middle;}
.tList th:first-child, .tList td:first-child {border-left:none;}
.tList th:last-child, .tList td:last-child {border-right:none;} 

.tList thead th,
.tList tbody th,
.tList tfoot th {background:#f4f8ea; color:#333; font-weight:normal; word-break:keep-all; text-align:center;}
.tList tbody td,
.tList tfoot td {background:#fff; word-break:keep-all; text-align:center;}
.tList th, .tList td.tLeft {text-align:left;}
.tList tr.bg {background:#fcfcfc;}


.tList.t2 th {padding:12px 15px;}
.tList.ho tbody th {background:#eff4fa;}


table col.no {width:8%;}
table col.space_01 {width:15%} 
table col.space_02 {width:20%}
table col.space_03 {width:25%}
table col.space_04 {width:30%} 
table col.space_05 {width:35%}
table col.space_06 {width:40%}
table col.space_07 {width:50%}
table col.space_08 {width:10%;} 
table col.space_09 {width:33.3333%}


.table_sup {margin-bottom:10px; text-align:right;}

/* 희망물품 뷰화면 */
.tList.hope {margin-top:20px; border-top:0px solid #666;} /*물품영, 제조사*/
.tList.hope tbody th {background:#f6f6f6; color:#333; font-weight:normal; word-break:keep-all; text-align:center;}
.tList.hope th, .tList.hope td {border:1px solid #e1e1e1;}
.tList.hope th:first-child, .tList.hope td:first-child {border-left:none;}
.tList.hope th:last-child, .tList.hope td:last-child {border-right:none;} 


/* i마크 정보 */
.ic_alert {font-size:94%; color:#dd613a; font-family:'S-CoreDream-4Regular';}
.ic_alert i {padding-top:3px; font-size:2rem; color:#f84e18;}
.txt_subs {display:inline-block; margin-left:5px; margin-top:4px; font-size:80%; color:#dd613a; font-family:'S-CoreDream-4Regular';}


/* 신청 내역 */		
.ic_link {display:inline-block; margin:8px 0 0 5px; font-size:1.8rem; }

.btn_link {display:inline-flex; align-items:center; margin-left:5px; padding:1px 10px 0 15px; height:29px; line-height:1;
font-size:70%; font-family:'S-CoreDream-4Regular'; letter-spacing:0em; background:#444; border-radius:3px;}
.btn_link span {color:#fff;}
.btn_link i {margin-left:7px; color:#fff; font-size:130%;}



/* 좌우 스크롤 :: 모바일 */
.limitArea {position:relative; overflow-x:auto; overflow-y:hidden; width:100%; -webkit-overflow-scrolling:touch;}
.limitArea .w900 {min-width:900px;}
.limitArea .w600 {min-width:600px;}




/* ----------------------------------------------------------------- */
/* board.css 변경 */
/* ----------------------------------------------------------------- */

/* 로그인, 아이디 비밀번호 찾기, 회원탈퇴 ------------------------------ */
.login_wrap .login_input .icon_area input, 
.login_wrap .idsave .keep_text, 
.identification .ide_input input, 
.identification .ide_title .desc {font-family:'S-CoreDream-4Regular';}

.login_wrap .idsave .keep_text {font-size:1.4rem;}

.identification .tabList {display:table; table-layout:fixed; width:100%; border-collapse:collapse;}
.identification .tabList li {position:relative; width:50%; display:table-cell; vertical-align:top;}
.identification .tabList li:first-child{} 
.identification .tabList li a {display:flex; align-items:center; justify-content:center; padding-top:2px; height:56px; width:100%; background:#f5f5f5;
border:0px solid #e1e3e5; border-radius:16px 16px 0 0;}
.identification .tabList li a i {color:#999; font-size:2.2rem; margin-right:5px;}
.identification .tabList li a em {font-size:1.6rem; color:#999; font-family:'S-CoreDream-4Regular';}
.identification .tabList li.on {z-index:5;}
.identification .tabList li.on a {padding-top:10px; border:1px solid #e1e3e5; border-bottom:0; border-color:#e1e3e5; background-color:#fff; box-shadow:0px 0px 0 #527b32;}
.identification .tabList li.on a em {color:#333;}
.identification .tabList li.on a i {color:var(--main-color);}

.identification .tabContent form {position:relative; margin-top:-1px; border:1px solid #e1e3e5 !important; background:#fff !important; border-radius:0 0 16px 16px !important; z-index:3;}

.memberBox {border-radius:16px;}





@media (max-width:1300px){ /* 선택 */


	.sub_title {margin:100px auto 40px;}


}

@media (max-width:1200px){ /* 1152px 96%*/

	
	.sub_visual {height:240px;}
	
	.sub_visual .slogan h2 {font-size:3.8rem;}
	.sub_visual .slogan .h_desc {margin-top:15px; font-size:1.7rem;} 


	/* nav */
	.location_wrap {width:100%; margin:-25px auto;}
	.locationArea .location > li.home a {width:55px; height:50px; background-size:17px;}

	.locationArea .location > li.locationLink > a {padding:0 50px 0 20px; min-width:210px; line-height:50px; font-size:1.4rem;}
	.locationArea .location > li.locationLink .selectMenu {top:50px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:15px 20px;}
	.locationArea .location > li.locationLink.dep3 > a {min-width:180px;}
	


	/* lnb  */
	.aside .inner {top:-27px;}
	.lnb li {height:54px;}
	.lnb li a {font-size:1.6rem;}

	.aside.item1 + .contents {margin-top:-27px;} /* 통합검색 */




	/* sub :: 본문 */
	.contents {min-height:400px;}
	.sub_title {margin:80px auto 35px;}
	.sub_title h3 {font-size:3.6rem;}
	.sub_cont h4 {font-size:2.4rem;}




	/* tab */
	.tabList li a {height:46px; padding:0 36px;}
	.tabList li a em {font-size:1.5rem;}	


	

}

@media (max-width:1024px){ /* tablet 980 */


	.sub_visual {height:220px;}

	.sub_visual .slogan h2 {font-size:3.4rem;}
	.sub_visual .slogan .h_desc {font-size:1.6rem;} 

	

	/* nav */
/* 	.location_wrap {margin:-46px auto;} */
	.locationArea .location > li.home a {width:52px; height:46px; background-size:16px;}

	.locationArea .location > li.locationLink > a {padding:0 50px 0 20px; min-width:200px; line-height:46px; font-size:1.4rem;}
	.locationArea .location > li.locationLink > a:after {right:20px;}
	.locationArea .location > li.locationLink .selectMenu {top:46px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:13px 20px;}



	/* lnb  */
	.aside .inner {top:-25px;}
	.lnb li {height:50px;}
	.lnb li a {font-size:1.5rem;}

	.aside.item1 + .contents {margin-top:-25px;} /* 통합검색 */

	

	/* sub :: 본문 */
	.sub_title {margin:70px auto 30px;}
	.sub_title h3 {font-size:3.4rem;}
	.sub_cont {font-size:1.6rem;}
	.sub_cont h4 {margin:40px 0 10px;}


	
	/* tab */

	/* tab */
	.tabList li a {height:44px; padding:0 32px;}
	.tabList li a em {font-size:1.4rem;}	
	
	
		

	/* li list */
	.dot_list > li, .dot {padding-left:11px;}
	.dot_list > li::before, .dot::before {top:11px; width:4px; height:4px;}



	/* 기본 테이블 */
	.tList th, .tList td {padding:12px 15px;}
	.tList.t2 th {padding:10px 15px;}


}


@media (max-width:900px){ /* tablet ~ 768 */

	
	.sub_visual {height:200px;}	
	.sub_visual .slogan h2 {font-size:3.2rem;}



	
	/* lnb  */
	.aside .inner {top:-24px;}
	.lnb li {height:48px;}
	.lnb li a {font-size:1.4rem;}

	.aside.item1 + .contents {margin-top:-24px;} /* 통합검색 */

	
	

	
	/* sub :: 본문 */
	.sub_title {margin:70px auto 30px;}
	.sub_title h3 {font-size:3.2rem;}
	.sub_cont h4 {margin:40px 0 10px; font-size:2.4rem;}

	
	
	/* tab */
	.tabList {gap:10px;}
	.tabList li a {height:42px; padding:0 30px;}
	.tabList li a em {font-size:1.36rem;}





}

@media (max-width:830px){ /* tablet ~ 768 */


	.sub_visual {height:160px;}
	.sub_visual .slogan {top:86%;}

	.sub_visual .slogan h2 {font-size:3.2rem;}
	.sub_visual .slogan .h_desc {display:none;}
	
	
	/* nav */
	.location_wrap {display:block; margin:-24px auto;}
	.locationArea {width:96%; border-radius:6px;}
	.locationArea .location > li.home a {border-radius:6px 0 0 6px;}
	.aside {display:none;}
	.aside.item1 + .contents {margin-top:0;} /* 통합검색 */


	/* sub :: 본문 */
	.sub_title {margin:65px auto 30px;}
	.sub_title h3 {font-size:3rem;}
	.sub_cont {font-size:1.56rem;} /* 폰트설정 */
	.sub_cont h4 {font-size:2.3rem;}


	/* tab */
	.tab_wrap {margin-bottom:30px;}
	


	/* 기본 테이블 */
	.tList th, .tList td {font-size:1.46rem;}



}

@media (max-width:768px){ /* mobile 가로 */

	html {line-height:1.5;}

	.sub_visual {height:160px;}	
	.sub_visual .slogan h2 {font-size:3rem;}

	


	/* nav */
	.location_wrap {margin:-21px auto 0;} 
	.locationArea .location > li.home a {width:48px; height:42px; background-size:14px;}	
	.locationArea .location > li.locationLink > a {padding:0 40px 0 20px; min-width:180px; line-height:42px; font-size:1.3rem;}
	.locationArea .location > li.locationLink .selectMenu {top:42px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:12px 20px;} 


	/* sub :: 본문 */
	.sub_title {margin:40px auto 25px;}
	.sub_title h3 {font-size:2.8rem;}
	.sub_cont {font-size:1.5rem;}
	.sub_cont h4 {margin:30px 0 10px;}	


	
	/* tab */
	.tabList li a {}
	.tabList li a {height:40px;}



	/* li list */
	.dot_list > li, .dot {margin:0 0 3px 1px; padding-left:10px;}
	.dot_list > li::before, .dot::before {top:9px;}

	.dashed_list li, .dashed {margin:0 0 3px 1px; padding:0 0 0 11px;}
	.dashed_list li:before, .dashed:before {top:10px; left:0;}



	/* 기본 테이블 */
	table col.space_01 {width:17%} 
	table col.space_02 {width:20%}
	table col.space_03 {width:25%}
	table col.space_04 {width:30%} 
	table col.space_05 {width:35%}
	table col.space_06 {width:43%}
	table col.space_07 {width:50%}


	.table_sup {margin-bottom:8px;}



	/* 신청 내역 */		
	.ic_link {margin:7px 0 0 5px; }

	/* i마크 정보 */
	.ic_alert i {padding-top:1px; font-size:1.8rem;}


}

@media (max-width:680px){ /* mobile 가로 640기준 */


	.sub_visual {height:140px;}
	.sub_visual .slogan h2 {margin-bottom:5px; font-size:3rem;}

		

	/* sub :: 본문 */
	.sub_title {margin:40px 0 25px;}
	.sub_title h3 {font-size:2.6rem;}
	.sub_cont h4 {font-size:2.2rem;}


		
	/* tab */
	.tabList li a {height:40px;}
	.tabList li a em {font-size:1.3rem;}
	


	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 15px; font-size:1.4rem;}
	.tList.t2 th {padding:10px 15px;}



	/* 신청 내역 */		
	.ic_link {margin:8px 0 0 5px; font-size:1.7rem; }

	.txt_subs {display:block; margin-left:0px; font-size:86%;}







}

@media (max-width:610px){ /* mobile 세로 */

	.sub_visual {height:130px;}
	.sub_visual .slogan {top:88%;}	
	.sub_visual .slogan h2 {font-size:2.6em;}
	.sub_visual .slogan .h_desc {display:none;}

	
	
	/* nav */
	.location_wrap {margin:0 auto 0;}
	.locationArea {width:100%; border:0;    border-bottom: 1px solid rgba(0, 0, 0, .1);  border-radius:0;}
	.locationArea .location > li.home a {width:40px; height:40px; border-radius:0;}
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:160px; line-height:40px;}
	.locationArea .location > li.locationLink > a:after {right:15px;}
	.locationArea .location > li.locationLink .selectMenu {top:40px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:11px 15px;}

	.locationArea .location > li.locationLink.dep3 > a {min-width:160px;}
	


	/* sub :: 본문 */	
	.sub_title {margin:35px auto 25px;}
	.sub_title h3 {font-size:2.6rem;}
	.sub_cont {font-size:1.4rem;}
	.sub_cont h4 {margin:30px 0 10px;}

 

	/* tab */
	.tab_wrap {margin-bottom:25px;}	

	/* tab */
	.tabList li a {height:38px; padding:0 25px;}
	.tabList li a em {font-size:1.3rem;}




	/* li list */
	.dot_list > li, .dot {padding-left:9px;}
	.dot_list > li::before, .dot::before {top:9px;}
	.dashed_list li:before, .dashed:before {top:9px;}

	

	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 10px; font-size:1.36rem;}
	.tList.t2 th {padding:10px 10px;}


	/* i마크 정보 */
	.ic_alert {font-size:90%;}
	.ic_alert i {padding-top:0; font-size:1.7rem;}





	/* ----------------------------------------------------------------- */
	/* board.css 변경 */
	/* ----------------------------------------------------------------- */

	/* 로그인, 아이디 비밀번호 찾기, 회원탈퇴 ------------------------------ */


	.identification .tabList li a {height:52px; border-radius:12px 12px 0 0;}
	.identification .tabList li a i {font-size:2rem;}
	.identification .tabList li a em {font-size:1.5rem;}

	.identification .tabContent form {border-radius:0 0 12px 12px !important;}
	



}

@media (max-width:430px){ /* mobile 세로 */

	.sub_visual {height:110px;}
	.sub_visual .slogan h2 {font-size:2.5rem;}


	/* nav */
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:140px;}
	.locationArea .location > li:last-child a {}
	.locationArea .location > li.locationLink.dep3 {display:none;}
	


	/* sub :: 본문 */
	.sub_title {margin:35px auto 20px;}
	.sub_title h3 {font-size:2.5rem;}
	.sub_cont h4 {margin:25px 0 8px; font-size:2rem;}	
	



	/* tab */
	.tabList {gap:8px;}
	.tabList li a {padding:0 22px;} 




	table col.space_01 {width:16%} 
	table col.space_02 {width:19%} 

}

@media (max-width:380px){ /* mobile 세로 */

	/* nav */	
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:130px;}

	table col.space_02 {width:22%;} 


	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 8px;}
	.tList.t2 th {padding:10px 8px;}


}


/* 마이페이지 대출조회 , 검색 및 예약 */
.searchBox {position:relative; margin-bottom:30px; padding:25px; border:1px solid #eee; background:#f7f7f7; border-radius:10px;}
.searchBox:after {content:""; display:block; clear:both;}
.searchBox ul {display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.searchBox ul li {font-size:0;} /* ~ */
.searchBox select {display:inline-block; min-width:180px; padding:0 40px 0 10px; background:#fff url("../images/bbs/input_select_arrow2.gif") right center no-repeat;}
.searchBox input.cal {width:180px; background:#fff;} /*url("../images/bbs/ico_calendar.png") 94% center no-repeat*/
.searchBox input {position:relative; width:300px; padding:0 10px 0 10px; text-align:left;}

.searchBox select, 
.searchBox input {height:48px; font-size:1.5rem; border:1px solid #e1e1e1; border-radius:6px;}
.searchBox .inputText {border-right:0; border-radius:6px 0 0 6px;}
.searchBox .btnSearch {width:76px; border:0; color:#fff; font-size:1.5rem; line-height:46px; background:#222; text-align:center; border-radius:0 6px 6px 0;}
.blankTxt {display:inline-block; width:16px; line-height:46px; font-size:1.6rem; text-align:center;}

.searchBox.pdt {margin-bottom:50px;}
.searchBox.pdt {border:1px solid #d9eabc; background:#f4f8ea;}
.searchBox.pdt .btnSearch {background:var(--sub-color);}


/* 정렬 */
.list_search.align select {font-size:1.3rem; font-family:'S-CoreDream-4Regular';} 



@media (max-width:1200px){
	
	.searchBox select {min-width:160px;}
	.searchBox input {width:260px;}

	.searchBox.pdt {margin-bottom:40px;}

}

@media (max-width:1024px){ /* tablet 980 */

	.searchBox ul li.half {width:calc(25% - 5px);}
	.searchBox select {min-width:100%;}



}
@media (max-width:900px){
	
	.searchBox {padding:20px;}
	.searchBox ul li {width:100%;}
	.searchBox ul li.half {width:calc(50% - 5px);}
	.searchBox input.cal {width:calc(50% - 8px);}
	.searchBox input {width:calc(100% - 76px);}
	/*.searchBox .btnSearch {width:100%;}  */

	.searchBox select, 
	.searchBox input {height:44px;}
	.searchBox .btnSearch {line-height:42px;} 

	.searchBox.pdt {margin-bottom:30px;}
	
   

}

@media (max-width:830px){ /* tablet ~ 768 */

	.searchBox {padding:15px;}
	
	.list_sort_wrap.pdt .total {display:block; font-size:1.4rem;}

	
}

@media (max-width:430px){

	.searchBox {padding:15px 12px;}
	.searchBox ul {gap:5px;}
	.searchBox ul li.half {width:calc(50% - 2.5px);}
	.searchBox input {width:calc(100% - 70px);}
	.searchBox .btnSearch {width:70px;}  

}


@media (max-width:380px){

	.searchBox {padding:10px;}


}

/* ----------------------------------------------------------------- */
/* sub */
/* ----------------------------------------------------------------- */


.summary_tit {position:relative; margin-bottom:50px; text-align:center;}
.summary_tit .t1 {line-height:1.5; font-size:3.6rem; font-family:'S-CoreDream-6Bold'; color:#0f3380; letter-spacing:0em;}
.summary_tit .t1 .spc {display:inline-block; width:10px;}
.summary_tit .t2 {display:block; margin-top:5px; font-size:3rem; font-family:'S-CoreDream-5Medium'; color:#333;}

/* intro :: 인사말 */
.greet .group {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; gap:50px;}
.greet .group .thumb {overflow:hidden; position:relative; text-align:center;}
.greet .group .thumb img {max-width:700px; width:100%;}
.greet .group .cont {text-align:center;}
.greet .group .cont p:first-child {margin-top:0px;}
.greet .group .cont p.stit {margin-bottom:30px; line-height:1.5; font-size:3rem; font-family:'BMJUA'; color:#333; letter-spacing:0em;}
.greet .group .cont p.stit em {color:var(--main-color);}
.greet .group .cont p {margin-top:10px;}
.sign {margin-top:30px !important;  font-size:3rem; color:#333; font-family:'GangwonEduSaeeum_OTFMediumA';}


 

/* intro :: 시설공간 */
.photos {display:flex; flex-wrap:wrap; justify-content:center; gap:30px;}
.photos li {overflow:hidden; position:relative; width:calc((100% - 60px) / 3); border-radius:10px;}
.photos li img {width:100%;}




/* intro : 오시는 길 */
.loc .map {height:550px; background:#ccc; border-radius:10px;}
.loc .contact {display:flex; flex-wrap:wrap; gap:20px 60px; max-width:100%; margin:40px auto 0; padding:22px 0 18px; border-top:2px dashed #dfdfdf; border-bottom:2px dashed #dfdfdf; }
.loc .contact div {display:inline-flex; position:relative; line-height:36px; font-size:2.8rem; color:#333; font-family:'GangwonEduSaeeum_OTFMediumA';}

.loc .contact .address {}
.loc .contact .tel {}
.loc .contact .circle {display:inline-block; margin-right:5px; width:36px; height:36px; /*  background:var(--main-color); */ text-align:center; border-radius:50%;}
.loc .contact .circle i {line-height:30px; color:var(--main-color); font-size:3rem;}

.customoverlay {position:relative; bottom:50px; border-radius:6px; border:1px solid #ccc; border-bottom:2px solid #ddd;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay::after {content:''; position:absolute; margin-left:-11px; left:50%; bottom:-12px; width:22px; height:12px; } /*background:url('../images/intro/vertex_white.png')*/
.customoverlay .title {display:block; overflow:hidden; padding:5px 10px; font-size:1.4rem; color:#000; text-align:center; border-radius:6px; background:#fff;}

.map .point_num {display:table; width:26px; height:26px; font-size:1.3rem; color:#fff; background:#d44c4c; border-radius:100%; text-align:center;}
.map .point_num span {display:table-cell; vertical-align:middle; font-family:'Roboto';}




/* guide :: 회원가입 안내 */
.step_list {display:flex; flex-wrap:wrap; gap:20px; margin:5px 0 0 0;}
.step_list li {width:calc((100% - 40px) / 3);}
.step_list li:nth-of-type(3n){margin-right:0;}
.step_list li {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; position:relative; padding:30px 30px 35px; text-align:center; background:#fff; border:1px solid #ddd; border-radius:12px;}
.step_list li .ico {display:flex; align-items:center; justify-content:center; width:100px; height:100px; /* background:#f7f7f7; */ border-radius:100%;}
.step_list li .ico img {width:100%;}
.step_list li strong {display:block; margin-top:10px; font-size:1.8rem; color:#333; font-family:'S-CoreDream-5Medium'; font-weight:normal; letter-spacing:0em;}
.step_list li span {display:block; margin-top:3px; font-size:1.3rem; font-family:'S-CoreDream-4Regular';}
.step_list li + li:before {content:'\e93f'; position:absolute; left:-12px; top:50%; width:44px; height:44px; margin:-22px 0 0 -22px;  
    font-family:'xeicon'; font-size:3rem; color:var(--main-color); text-align:center; line-height:42px; border:1px solid #ddd; background-color:#fff; border-radius:100%; z-index:1;}



.step_list.item5 li {width:calc((100% - 80px) / 5);}
.step_list.item5 li:nth-of-type(5n){margin-right:0;}
.step_list.item5 li strong {font-size:1.6rem;}

/* 대여방법 택배대여 */
.delivery {text-align:center;}
.delivery img {max-width:100%;}



/* product :: 제품 리스트 */ 
.productList {display:flex; flex-wrap:wrap; gap:30px 24px;}
.productList > li {position:relative; width:calc((100% - 72px)/4);}
.productList li .item {overflow:hidden; position:relative; height:100%; border:1px solid rgba(0, 0, 0, 0.13); border-radius:12px;}
.productList li .item .imgthumb {position:relative; overflow:hidden; width:100%; max-height:400px;}
.productList li .item .imgthumb img {width:100%;}
.productList li .item .cont {overflow:hidden; position:relative; padding:25px 20px; border:0px solid #d0d0d0; border-top:0; background:#fff;}
.productList li .item .cont .class {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#1d5bcc; font-family:'S-CoreDream-4Regular';} /*  */
.productList li .item .cont .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; visibility:visible; font-size:1.8rem; color:#333; font-family:'S-CoreDream-5Medium'; letter-spacing:-0.025em;}
.productList li .item .cont ul {margin-top:10px; font-size:1.4rem;}
.productList li .item .cont ul li {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'S-CoreDream-4Regular';}
.productList li .item .cont ul li strong {position:relative; display:inline-block; margin-right:5px; width:63px; color:#555; font-weight:normal;}
.productList li .item .cont ul li strong:after {content:""; display:block; position:absolute; top:4px; right:0; width:1px; height:13px; background:#ccc;}
.productList li .item > a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
/* .productList li .item:hover {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid var(--main-color); z-index:1;} */
	
.productList li .tagArea {position:absolute; top:12px; left:-1px; font-size:0; z-index:10;}
.productList .tag {display:inline-block; height:30px; line-height:28px; padding:0 21px 0 18px; font-size:1.3rem; font-family:'S-CoreDream-4Regular'; border-radius:5px 20px 20px 5px; color:#fff; text-align:center; -webkit-box-shadow: 1px 1px 2px rgba(1,1,1,.15); box-shadow: 1px 1px 2px rgba(1,1,1,.15);}


.tag.rent {background:#0ab22b;} /* 준비중, 교육중 */
.tag.end {background:#cb302c;} /* 대여불가 */

.icoTag {font-family:'S-CoreDream-4Regular';} /* 게시판 */


/* 통합검색 제품 리스트 */ 
.srchResult .productList {margin-top:5px; border-top:0;}
.srchResult .productList li {border-bottom:0;}


/* product :: 제품 뷰페이지 */ 
.productView  {margin-bottom:60px; padding:50px 50px 50px 70px; border-radius:20px 20px 60px 20px; border:1px solid rgba(0, 0, 0, 0.13); }
.productView:after {content: ""; position: absolute; bottom:0; left:0px; width:calc(100% - 0px); top:125px; height:250px !important; background:#f6f8ea; border-radius:0 0 60px 20px; z-index: -1;} 
.productView .item {display:flex; flex-wrap: wrap; justify-content:center; gap:70px;}
.productView .item .imgthumb {overflow:hidden; position:relative; width:400px; height:auto; aspect-ratio:1; border:1px solid rgba(0, 0, 0, 0.0); backgrond:#fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius:12px;}
.productView .item .imgthumb img {width:100%;}
.productView .item .cont {flex:1 1 42%; position:relative; width:100%;}
/*flex-grow:1; === 남는 공간을 나눠서 할당한다.
flex-shrink:1; (기본값) === 컨테이너가 줄어들 때 자리가 부족하다면 동일한 비율로 줄어들게 된다.
flex-shirink:0; === 원래 요소의 크기를 유지해라! (줄이지 마!)*/
.productView .item .cont .title {position:relative; margin-top:20px; padding-bottom:12px; border-bottom:0px solid #666;}
.productView .item .cont .subject {/* text-overflow:ellipsis; white-space:nowrap; visibility:visible; */ font-size:2.6rem; color:#333; letter-spacing:-0.025em; font-family:'S-CoreDream-5Medium'; line-height:1.5;}
.productView .item .cont dl {display:flex; flex-wrap:wrap; align-items:flex-start; margin-top:40px; font-size:1.6rem; font-family:'S-CoreDream-4Regular'; }
.productView .item .cont dl dt {position:relative; min-width:115px; padding-left:12px;}
.productView .item .cont dl dt:before {content:""; display:block; width:5px; height:5px; border-radius:50%; position:absolute; left:0; top:10px; background:var(--sub-color);}
.productView .item .cont dl dd {width:calc(100% - 115px); color:#444;}
.productView .item .cont dl dt, 
.productView .item .cont dl dd {padding-bottom:8px;}

.productView .cau {position:absolute; left:0; bottom:10px; margin:0 0 0; font-size:1.5rem; color:#999; font-family:'S-CoreDream-4Regular';}

.list_sort {margin-bottom:15px;}
.list_sort ul {display:flex; justify-content: flex-end;  gap:21px;}
.list_sort ul li {display:flex; align-items:center; position:relative; font-size:1.7rem; color:#444; font-family:'S-CoreDream-5Medium'; letter-spacing:0em; }
.list_sort ul li:not(:first-child):before {content:''; display:block; position:absolute; left:-11px; top:50%; transform:translateY(-53%); width:1px; height:16px; background:#ccc; text-align:center;}
.list_sort ul li strong {color:var(--main-color); font-weight:normal;}

.table_wrap.pdt {margin-bottom:10px;}




/* sub :: 공통 */
/* .group {overflow:hidden; position:relative;}
.group .thumb {position:relative; width:40%;}
.group .thumb img {width:100%;}
.group .cont {width:calc(100% - 40% - 60px);word-break:keep-all;}
 */
.highlight {position:relative;}
.highlight:before {content: ''; position:absolute; bottom:0; left:0; right:0; height:30%; background-color:#ffef66; z-index:-1;}








/* box */
.box {position:relative; padding:40px 40px; border:1px solid #ddd; border-radius:0 30px 0 30px;}
.box.bg {background:#f6f6f6; border:0;} 





/* 준비중입니다. */
.update {padding:10px; border:0px solid #ddd; font-family:'S-CoreDream-4Regular'; text-align:center;}
.update .mascot img {}
.update .tit {margin:20px 0 5px; font-size:3.6rem; color:#333; font-family:'GangwonEduSaeeum_OTFMediumA'; letter-spacing:0em;}





@media (max-width:1300px){ /* 선택 */


}

@media (max-width:1200px){ /* 1152px 96%*/

	
	/* intro :: 인사말 */	
	.greet .group .thumb {}
	.greet .group .thumb img {max-width:600px;}
	.greet .group .cont {}
	.greet .group .cont p.stit {margin-bottom:30px; font-size:2.8rem; line-height: 1.4;}
	.greet .group .cont p {margin-top:5px;}
	
	.sign {font-size:2.8rem;}


	/* intro : 오시는 길 */
	.loc .map {height:500px;}



	/* product :: 제품 리스트 */ 
	.productList  {gap:25px 20px;}
	.productList > li {width:calc((100% - 60px)/4);} 
	.productList li .item .cont .subject {font-size:1.7rem;}
	.productList li .item .cont ul {margin-top:8px;}


	/* product :: 제품 뷰페이지 */ 
	.productView  {margin-bottom:40px; padding:40px 40px 40px 60px;}
	.productView:after {top:115px; height:230px !important;} 
	.productView .item .cont .subject {font-size:2.4rem;}



}

@media (max-width:1024px){ /* tablet 980 */


	/* intro :: 인사말 */	
	.greet .group .thumb {}
	.greet .group .thumb img {max-width:500px;}
	.greet .group .cont {}	
	.greet .group .cont p.stit {margin-bottom:20px; font-size:2.6rem;}
	.sign {font-size:2.6rem;}

	
	/* intro :: 시설공간 */
	.photos {gap:20px;}
	.photos li {width:calc((100% - 40px) / 3); border-radius:10px;}


	/* intro : 오시는 길 */
	.loc .map {margin-top:20px; height:450px;}




	/* guide :: 회원가입 안내 */
	.step_list.item5 li {width:calc((100% - 80px) / 5);}
	.step_list.item5 li:nth-of-type(5n){margin-right:0;}
	.step_list.item5 li strong {font-size:1.6rem;}


	.step_list.item5 {gap:16px;}
	.step_list.item5 li .ico {width:90px; height:90px;}
	.step_list.item5 li + li:before {left:-10px; width:40px; height:40px; margin:-20px 0 0 -20px; font-size:2.8rem; line-height:38px;}




	/* product :: 제품 리스트 */ 
	.productList > li {width:calc((100% - 40px)/3);} 



	/* product :: 제품 뷰페이지 */ 
	.productView  {margin-bottom:40px; padding:40px;}
	.productView:after {top:105px; height:230px !important;} 
	.productView .item {gap:50px;}
	.productView .item .imgthumb {width:360px;}
	.productView .item .cont .title {margin-top:15px; padding-bottom:12px;}
	.productView .item .cont .subject {font-size:2.2rem;}
	.productView .item .cont dl {margin-top:30px; font-size:1.6rem;}



	.list_sort {margin-bottom:12px;}
	.list_sort ul {gap:19px;}
	.list_sort ul li {font-size:1.6rem;}
	.list_sort ul li:not(:first-child):before {left:-10px; height:15px;}





}

@media (max-width:900px){ 


	/* intro :: 인사말 */	
	.greet .group {gap:40px;}
	.greet .group .thumb {}
	.greet .group .thumb img {max-width:450px;}
	.greet .group .cont {}	

	.greet .group .cont p.stit {font-size:2.4rem;}




	/* intro : 오시는 길 */
	.loc .map {height:400px;}
	

	.loc .contact {gap:20px 40px; margin:20px auto 0;}
	.loc .contact div {line-height:34px; font-size:2.6rem;}
	.loc .contact .circle i {line-height:34px; font-size:2.8rem;}



	/* guide : 대여안내 */
	.btn_link {margin-top:10px; margin-left:0;}



	/* guide :: 회원가입 안내 */
	.step_list {gap:16px;}
	.step_list li {width:calc((100% - 32px) / 3);}

	.step_list li {padding:25px 40px 30px;}
	.step_list li .ico {width:100px; height:100px;}

	.step_list li strong {font-size:1.6rem;}
	.step_list li + li:before {left:-9px; width:38px; height:38px; margin:-20px 0 0 -20px; font-size:2.7rem; line-height:38px;}

	
	.step_list.item5 {gap:16px;}
	.step_list.item5 li {width:calc((100% - 32px) / 3);}
	.step_list.item5 li:nth-of-type(3n){margin-right:0;}
	.step_list.item5 li:nth-of-type(5n){margin-right:0;}
	.step_list.item5 li strong {font-size:1.6rem;}

	.step_list.item5 li .ico {width:100px; height:100px;}
	.step_list.item5 li + li:before {left:-9px; width:38px; height:38px; margin:-20px 0 0 -20px; font-size:2.7rem; line-height:38px;}
	.step_list.item5 li:nth-of-type(4):before {display:none;}



	/* 준비중입니다. */
	.update .tit {font-size:3rem;}



	
	/* product :: 제품 리스트 */ 	
	.productList li .item .cont .subject {font-size:1.6rem;}
	.productList li .item .cont ul {margin-top:8px;}

	.productList .tag {padding:0 20px 0 17px;}

	
	/* product :: 제품 뷰페이지 */ 
	.productView  {margin-bottom:40px; padding:40px;}
	.productView:after {top:105px; height:220px !important;} 
	.productView .item .cont .subject {font-size:2rem;}

	
}

@media (max-width:830px){ /* tablet ~ 768 */


	/* intro :: 인사말 */	
	.greet .group .thumb img {max-width:400px;}
	.greet .group .cont {}	
	.greet .group .cont p.stit {font-size:2.2rem;}
	.sign {margin-top:20px !important; font-size:2.4rem;}

	
	/* product :: 제품 리스트 */ 	
	.productList  {gap:20px 16px;}
	.productList > li {width:calc((100% - 32px)/3);} 
	.productList li .item .cont .subject {font-size:1.5rem;}



	/* product :: 제품 뷰페이지 */ 
	.productView  {margin-bottom:40px; padding:35px; border-radius:16px 16px 50px 16px;}
	.productView:after {border-radius: 0 0 50px 16px;}
	.productView .item {gap:40px;}
	.productView .item .cont .title {margin-top:0; padding-bottom:12px;}
	.productView .item .cont .subject {font-size:2rem;}
	
	.productView .item .cont dl {margin-top:5px; font-size:1.5rem;}
	.productView .item .cont dl dt {min-width:110px; padding-left:11px;}
	.productView .item .cont dl dd {width:calc(100% - 110px);}
	.productView .item .cont dl dt:before {top:8px;}
	.productView .item .cont dl dt, 
	.productView .item .cont dl dd {padding-bottom:6px;}

	
	.productView .cau {display:none;}



}

@media (max-width:768px){ /* mobile 가로 */


	/* intro :: 인사말 */		
	.greet .group .thumb {}
	.greet .group .cont {}		



	/* intro : 오시는 길 */
	.loc .map {height:350px;}



	/* guide :: 회원가입 안내 */
	.step_list li .ico, 
	.step_list.item5 li .ico {width:90px; height:90px;}

	.step_list li strong,
	.step_list.item5 li strong {font-size:1.5rem;}
	.step_list li span {font-size:1.2rem;}

	
	/* product :: 제품 리스트 */ 	
	.productList .tag {height:28px; line-height:28px; padding:0 15px 0 13px; font-size:1.2rem;}


	

}

@media (max-width:680px){ /* mobile 가로 640기준 */


	/* intro :: 인사말 */	
	.greet .group .thumb img {max-width:350px;}
	.greet .group .cont p.stit {font-size:2rem;}

	
	/* intro :: 시설공간 */
	.photos {gap:20px;}
	.photos li {width:calc((100% - 20px) / 2);}


	/* intro : 오시는 길 */
	.loc .contact {flex-direction:column; gap:15px; margin:20px auto 0; border-bottom:0 dashed #dfdfdf;}
	.loc .contact div {line-height:32px; font-size:2.4rem;}
	.loc .contact .circle i {line-height:32px; font-size:2.6rem;}



	/* guide :: 회원가입 안내 */	
	.step_list li {padding:25px 30px 30px;}



	/* product :: 제품 리스트 */ 
	.productList  {gap:20px 20px;}
	.productList > li {width:calc((100% - 20px)/2);} 
	.productList li .item .cont .subject {font-size:1.6rem;}
	.productList .tag {padding:0 20px 0 17px; font-size:1.3rem;}


	
	/* product :: 제품 뷰페이지 */

	.list_sort {margin-bottom:10px;}
	.list_sort ul {gap:17px;}
	.list_sort ul li {font-size:1.5rem;}
	.list_sort ul li:not(:first-child):before {left:-9px; height:14px;}


	.table_wrap.pdt  table.table_board > thead {position:relative; left:auto; z-index:0;}



}


@media (max-width:610px){ /* mobile 세로 */

	
	/* intro :: 인사말 */	
	.greet .group {gap:30px;}
	.greet .group .thumb img {max-width:70%;}
	.greet .group .cont p.stit br {display:none;}



	
	/* guide :: 회원가입 안내 */
	.step_list li .ico, 
	.step_list.item5 li .ico {width:80px; height:80px;}

	.step_list li strong,
	.step_list.item5 li strong {font-size:1.4rem;}
	.step_list li span {font-size:1.2rem;}


	/* product :: 제품 리스트 */ 	
	.productList  {gap:20px 16px;}
	.productList > li {width:calc((100% - 16px)/2);} 		
	.productList li .item .cont .subject {font-size:1.5rem;}



	/* product :: 제품 뷰페이지 */ 
	.productView .item .cont .subject {font-size:1.8rem;}


}

@media (max-width:430px){ /* mobile 세로 */


	/* intro :: 인사말 */	
	.greet .group .cont p.stit {font-size:1.8rem;}
	.greet .group .thumb img {max-width:80%;}


		
	/* intro :: 시설공간 */
	.photos {gap:15px;}
	.photos li {width:100%;}

	
	/* guide :: 회원가입 안내 */

	.step_list {gap:14px;}
	.step_list li {width:100%; padding:20px 40px 30px;}
	.step_list li .ico, 
	.step_list.item5 li .ico {width:90px; height:90px;}


	.step_list li strong,
	.step_list.item5 li strong {font-size:1.5rem;}

	.step_list li + li:before {content:'\e942'; left:50%; top:-9px; width:36px; height:36px; margin:-18px 0 0 -18px; font-family:'xeicon'; font-size:2.6rem; line-height:36px;}
	

	.step_list.item5 {gap:14px;}
	.step_list.item5 li {width:100%; padding:20px 20px 30px;}
	.step_list.item5 li {width:calc((100% - 14px) / 2);}
	.step_list.item5 li:nth-of-type(2n){margin-right:0;}
	.step_list.item5 li:nth-of-type(3n){margin-right:auto;}
	.step_list.item5 li:nth-of-type(5n){margin-right:0;}
	.step_list.item5 li:nth-of-type(3):before, 
	.step_list.item5 li:nth-of-type(5):before {display:none;}
	.step_list.item5 li:nth-of-type(4):before {display:inline-block;}
	.step_list.item5 li + li:before {content:'\e93f'; left:-9px; top:50%;  width:36px; height:36px; margin:-18px 0 0 -18px;  font-size:2.6rem; line-height:36px;}

	

	/* product :: 제품 리스트 */ 
	.productList  {gap:15px 12px;}
	.productList > li {width:calc((100% - 12px)/2);} 
	.productList li .item .cont {padding:20px 15px;}
	.productList li .item .cont ul {margin-top:5px; font-size: 1.3rem;}
	.productList li .item .cont ul li strong {width:58px;}	 
	.productList li .item .cont ul li strong:after {top:3px; height:12px;}

	.productList .tag {height:28px; line-height:28px; padding:0 15px 0 13px; font-size:1.2rem;}



	/* product :: 제품 뷰페이지 */ 
	.productView  {margin-bottom:30px; padding:30px;}
	.productView:after {top:105px; height:200px !important;} 
	.productView .item {gap:35px;}
	.productView .item .imgthumb {width:100%;}

	.productView .item .cont .subject {font-size:1.8rem;}

	.productView .item .cont dl {margin-top:5px; font-size:1.4rem;}
	.productView .item .cont dl dt {min-width:105px;}
	.productView .item .cont dl dd {width:calc(100% - 105px);}









}

@media (max-width:380px){ /* mobile 세로 */






}


/* ----------------------------------------------------------------- */
/* 달력 */
/* ----------------------------------------------------------------- */


/* 기본 */
.calendarBox {position:relative; overflow:hidden; width:100%;}

.calendarBox .dateNav {position:relative;}
.calendarBox .dateNav:after {content:""; display:block; clear:both;}
.calendarBox .dateNav .dateTit {padding:5px 0; font-size:3.4rem; color:#333; font-family:'verdana', sans-serif; font-weight:bold; line-height:1.1; text-align:center;}
.calendarBox .dateNav .dateTit span.calYear {color:#333;}

.calendarBox .datePrev {position:absolute; left:0; top:50%; transform:translateY(-50%); margin-left:0; }
.calendarBox .dateNext {position:absolute; right:0; top:50%; transform:translateY(-50%); margin-right:0; }
.calendarBox .datePrev .btnPrev,
.calendarBox .dateNext .btnNext {display:block; position:relative; width:32px; height:32px; background:#fff; border:1px solid #ccc; border-radius:100%; text-indent:-99999px;}
.calendarBox .datePrev .btnPrev:after {transform:rotate(135deg); margin-left:-3px;}
.calendarBox .dateNext .btnNext:after {transform:rotate(-45deg); margin-left:-5px;}
.calendarBox .datePrev .btnPrev:after,
.calendarBox .dateNext .btnNext:after {content:""; display:block; position:absolute; top:50%; left:50%; height:6px; width:6px; margin-top:-4px; border:solid #000; border-width:0 2px 2px 0; }

.calendarBox .calendarMonth {margin-top:20px;}
.calendarBox .calendarMonth table {table-layout:fixed; border-collapse:collapse; width:100%;}
.calendarBox .calendarMonth table th {width:14.28%; padding:9px 0 6px; border:0px solid #ddd; border-top:2px solid #666; border-bottom:1px solid #999; text-align:center;}
.calendarBox .calendarMonth table th span {font-size:1.3rem; font-family:'verdana', sans-serif; font-weight:normal;}
.calendarBox .calendarMonth table th.sun {color:#d21919;}
.calendarBox .calendarMonth table th.sat {color:#2327ad;}

.calendarBox .calendarMonth table td {width:14.28%; height:60px; border:1px solid #ddd;/* margin:-1px 0 0 -1px;*/}
.calendarBox .calendarMonth table td a {display:block; width:100%; height:100%; color:#666;}
.calendarBox .calendarMonth table td.sun {border-left:0;}
.calendarBox .calendarMonth table td.sat {border-right:0;}
.calendarBox .calendarMonth table td.sun span {color:#d21919;}
.calendarBox .calendarMonth table td.sat span {color:#2327ad;}
.calendarBox .calendarMonth table td span {display:block; position:relative; width:100%; height:30px; line-height:30px; padding-left:8px; font-family:'verdana', sans-serif; font-size:1.4rem; zoom:1; }
.calendarBox .calendarMonth table td p.cog {width:100%; padding:0 5px;font-size:1.3rem; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* 사유 */
.calendarBox .calendarMonth table td.rDate {} /* 선택가능 */
.calendarBox .calendarMonth table td.rNoDate {color:#ccc;} /* 선택불가 */
.calendarBox .calendarMonth table td.rNoDate a {opacity: 0.25; filter: Alpha(opacity=25);}
.calendarBox .calendarMonth table td.selDate {background:#f49e00; color:#fff;} /* 선택 */
.calendarBox .calendarMonth table td.selDate span {color:#fff;}
.calendarBox .calendarMonth table td.off {background:#fafafa;}


/* 작은 - 팝업 
.calendarDate {position:relative; overflow:hidden; width:311px; border:1px solid #999; padding:20px 16px 20px; background:#fff; z-index:99; display:none;}
.calendarDate.on {display:block;}

.calendarDate .calendarBox .dateNav .dateTit {font-size:22px;}
.calendarDate .calendarBox .btnPrev,
.calendarDate .calendarBox .btnNext {width:22px; height:22px; background:none;}
.calendarDate .calendarBox .datePrev .btnPrev:after,
.calendarDate .calendarBox .dateNext .btnNext:after {border:solid #444; border-width:0 2px 2px 0; }
.calendarDate .calendarBox .calendarMonth {margin-top:15px;}
.calendarDate .calendarBox .calendarMonth table th {padding:7px 0 0;} 
.calendarDate .calendarBox .calendarMonth table th span {font-size:12px;}
.calendarDate .calendarBox .calendarMonth table td {height:auto;}
.calendarDate .calendarBox .calendarMonth table td a {font-size:13px;}
.calendarDate .calendarBox .calendarMonth table td span {width:38px; height:38px; line-height:38px; padding-left:0; text-align:center;}
.calendarDate .calendarBox .calendarMonth table td span {font-size:13px;}
*/


/* 큰 */
.schedule .calendarBox .dateNav .dateTit {font-size:3.4rem;}

.schedule .calendarBox .datePrev {left:50%; margin-left:-180px;}
.schedule .calendarBox .dateNext {right:50%; margin-right:-180px; }
.schedule .calendarBox .datePrev .btnPrev,
.schedule .calendarBox .dateNext .btnNext {width:34px; height:34px; background:#fff; border:1px solid #ccc;}
.schedule .calendarBox .datePrev .btnPrev:after {margin-left:-3px; }
.schedule .calendarBox .dateNext .btnNext:after {margin-left:-5px; }

.schedule .calendarBox .datePrev .btnPrev:after, 
.schedule .calendarBox .dateNext .btnNext:after {height:6px; width:6px; margin-top:-4px; border:solid #000; border-width:0 2px 2px 0;}

.schedule .calendarBox .calendarMonth {margin-top:30px;}
.schedule .calendarBox .calendarMonth table th {padding:0; margin:0; border:1px solid #ddd; border-top:1px solid #666;/*margin:-1px 0 0 -1px; */background:#f5f5f5;}
.schedule .calendarBox .calendarMonth table th span {line-height:46px; font-size:2.4rem; font-family:'GangwonEduSaeeum_OTFMediumA', sans-serif; font-weight:normal; }

.schedule .calendarBox .calendarMonth table td {display:table-cell; height:150px; margin:0; padding:0 8px 8px;}
.schedule .calendarBox .calendarMonth table td.sun,
.schedule .calendarBox .calendarMonth table td.sat {border:1px solid #ddd;}
.schedule .calendarBox .calendarMonth table td.today {border:2px solid #000 !important;} /* 오늘 */

.schedule .calendarBox .calendarMonth table td ul {padding:5px;}
.schedule .calendarBox .calendarMonth table td ul li {position:relative; padding-left:9px;}
.schedule .calendarBox .calendarMonth table td ul li:after {content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; background:#666; border-radius:100%;}
.schedule .calendarBox .calendarMonth table td ul li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:1px 0; font-size:1.4rem; color:#444;}
.schedule .calendarBox .calendarMonth table td ul li a:hover {text-decoration:underline;} 



/* 추가 */
.schedule .calendarBox .calendarMonth table td .date_head {display:block; overflow:hidden; position:relative;}
.schedule .calendarBox .calendarMonth table td .date_head .h_day {height:30px; line-height:30px; font-size:1.5rem; font-family:'verdana', sans-serif; font-weight:normal;}
.schedule .calendarBox .calendarMonth table td .date_head .h_st {overflow:hidden; display:inline-block; position:absolute; top:7px; right:0px; margin-left:2px; font-size:1.2rem; color:#999; font-family:'S-CoreDream-4Regular'; padding:0 7px; background:#fff; border-radius:20px;} /*상태*/
.schedule .calendarBox .calendarMonth table td.sun .date_head .h_day {color:#d21919;}
.schedule .calendarBox .calendarMonth table td.sat .date_head .h_day {color:#2327ad;}
.schedule .calendarBox .calendarMonth table td .date_head .h_st.closed {color:#fff; background:#cb302c;} 

/* 일정안내 -- a메인 
.schedule .cal_box  {position:relative; width:100%; border:0px dashed rgba(0, 0, 0, 0.3);}
.schedule .cal_box .tit {display:flex; justify-content:space-between;}
.schedule .cal_box .dateNav {display:flex; align-items:center; gap:20px; position:relative; margin-bottom:20px;}
.schedule .cal_box .dateNav .dateTit {font-size:2.2rem; color:#333; font-family:'verdana', sans-serif; font-weight:bold; text-align:center; padding:0}
.schedule .cal_box .dateNav .dateTit span.calYear {color:#333;}
.schedule .cal_box .datePrev .btnPrev,
.schedule .cal_box .dateNext .btnNext {display:block; width:32px; height:32px; border:1px solid #e6e6e6; border-radius:50%; font-size:0; text-align:center;}
.schedule .cal_box .datePrev .btnPrev:after, 
.schedule .cal_box .dateNext .btnNext:after {font-family:xeicon; display:inline-block; font-size:2.2rem; line-height:30px; color:#444;}
.schedule .cal_box .datePrev .btnPrev:after {content:"\e93c"; margin-left:-2px;}
.schedule .cal_box .dateNext .btnNext:after {content:"\e93f"; margin-left:2px;}

*/
/**/
.schedule .caption {display:flex; gap:2rem; margin-top:30px;}
.schedule .caption li {display:flex; align-items:center; position:relative; font-size:1.3rem; font-family:'S-CoreDream-4Regular'; line-height:1.2;}
.schedule .caption li::before {content:''; display:block; margin-right:5px; width:10px; height:10px; border-radius:50%; text-align:center;}
.schedule .caption li.edu:before {background:#fc6719;} /*교육*/
.schedule .caption li.show:before {background:#981b2b;} /*공연*/
.schedule .caption li.join:before {background:#675ea7;} /*참여*/


@media (max-width:1200px){ 


	.schedule .calendarBox .dateNav .dateTit {font-size:3.4rem;}
	.schedule .calendarBox .datePrev {margin-left:-160px;}
	.schedule .calendarBox .dateNext {margin-right:-160px; }
	.schedule .calendarBox .datePrev .btnPrev,
	.schedule .calendarBox .dateNext .btnNext {width:34px; height:34px;}
	.schedule .calendarBox .datePrev .btnPrev:after {margin-left:-3px;}
	.schedule .calendarBox .dateNext .btnNext:after {margin-left:-5px;}


	.schedule .calendarBox .datePrev .btnPrev:after, 
	.schedule .calendarBox .dateNext .btnNext:after {height:6px; width:6px; margin-top:-4px;}

	

}

@media (max-width:1024px){ /* tablet 980 */

	.schedule .calendarBox .dateNav .dateTit {font-size:3rem;}
	.schedule .calendarBox .datePrev {margin-left:-140px;}
	.schedule .calendarBox .dateNext {margin-right:-140px;}

	.schedule .calendarBox .calendarMonth {margin-top:25px;}

}


@media (max-width:830px){ /* tablet ~ 768 */

	.schedule .calendarBox .dateNav .dateTit {font-size:2.8rem;}
	
	.schedule .calendarBox .calendarMonth table th span {line-height:42px; font-size:2.2rem;}

}


@media (max-width:680px){ /* mobile 가로 640기준 */

	.schedule .calendarBox .dateNav .dateTit {font-size:2.6rem;}
	.schedule .calendarBox .datePrev {margin-left:-130px;}
	.schedule .calendarBox .dateNext {margin-right:-130px;}
	.schedule .calendarBox .datePrev .btnPrev,
	.schedule .calendarBox .dateNext .btnNext {width:32px; height:32px;}

	.schedule .calendarBox .calendarMonth {margin-top:20px;}

	.schedule .calendarBox .calendarMonth table th span {line-height:40px;}


}


@media (max-width:430px){ /* mobile 세로 */

	.schedule .calendarBox .dateNav .dateTit {font-size:2.3rem;}
	.schedule .calendarBox .datePrev {margin-left:-105px;}
	.schedule .calendarBox .dateNext {margin-right:-105px;}
	.schedule .calendarBox .datePrev .btnPrev,
	.schedule .calendarBox .dateNext .btnNext {width:30px; height:30px;}
	

}

/* ----------------------------------------------------------------- */
/* member_회원가입 */
/* ----------------------------------------------------------------- */

/* 개별 개인정보취급방침 */
.agreeArea {position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.agreeArea .terms_check {position:relative; overflow:hidden; margin-top:15px;}


/* 마이페이지 */
.user_tit {position:relative; padding:0; border-bottom:0px dashed #dfdfdf; text-align:center;}
.user_tit {font-size:4rem; color:#333; font-family:'GangwonEduSaeeum_OTFMediumA'; letter-spacing:0em;}
.user_tit em {color:var(--main-color);}

.mypage .info {display:flex; flex-wrap:wrap; justify-content:center; gap:70px; margin-top:60px;}
.mypage .info .imgthumb {display:flex; justify-content:center; align-items:center; overflow:hidden; position:relative; width:520px; height:520px;
border:1px solid rgba(0, 0, 0, 0.1); border-radius:12px;}
.mypage .info .imgthumb img {max-width:100%;}
.mypage .info .cont {flex:1 1 30%; width:100%;}
/*flex-grow:1; === 남는 공간을 나눠서 할당한다.
flex-shrink:1; (기본값) === 컨테이너가 줄어들 때 자리가 부족하다면 동일한 비율로 줄어들게 된다.
flex-shirink:0; === 원래 요소의 크기를 유지해라! (줄이지 마!)*/
.mypage .info .cont h4 {margin:40px 0 10px; font-size:2.2rem;}
.mypage .info .cont h4:first-child {margin-top:10px;}
.mypage .info .cont ul {overflow:hidden; position:relative; width:100%; padding:5px 0; font-size:1.6rem; border-top:1px solid #666; border-bottom:1px solid #ddd;}
.mypage .info .cont ul li {display:flex; flex-wrap:wrap; width:100%; padding:9px 8px 7px; border-bottom:1px dashed #ddd;}
.mypage .info .cont ul li:last-child {border-bottom:0;}
.mypage .info .cont ul li strong {position:relative; min-width:160px; padding-left:0; font-size:1.5rem; font-family:'S-CoreDream-5Medium'; font-weight:normal;}
/* .mypage .info .cont ul li strong:before{content:''; position:absolute; left:0; top:50%; width:3px; height:3px; border-radius:3px; background:var(--sub-color); } */
.mypage .info .cont ul li span {width:calc(100% - 160px); font-size:1.5rem; font-family:'S-CoreDream-4Regular';}


.card_box {display:flex; flex-wrap:wrap; margin-top:60px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:12px;}
.card_box .item {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; overflow:hidden; position:relative; width:25%; padding:38px 0 45px; border-left:1px solid rgba(0, 0, 0, 0.1); text-align:center; vertical-align:top; }
.card_box .item:first-child {border-left:none;}
/* .card_box .item:nth-of-type(n+2) {border-left:none;} */
.card_box .item .ico {display:flex; align-items:center; justify-content:center; width:120px; height:120px; background:#f7f7f7; border-radius:100%;}
.card_box .item .ico img {width:100px;}
.card_box .item  strong {display:block; margin-top:15px; font-size:1.8rem; color:#333; font-family:'S-CoreDream-5Medium'; font-weight:normal; letter-spacing:0em;}
.card_box .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}



/* 이메이수집거부 */
.lawBox, .agreeBox {overflow:hidden; position:relative; padding:30px 35px; border:1px solid #ddd; background:#f7f7f7; word-break:keep-all;}
.lawBox .stit, .agreeBox .stit {display:block; margin:15px 0 4px; color:#333; font-family:'S-CoreDream-4Regular';}
.lawBox .stit:first-child, .agreeBox .stit:first-child {margin-top:0px;}


.sub_cont h5 + .lawBox {margin-top:20px;}



@media (max-width:1300px){ /* 선택 */

	.mypage .info {gap:60px;}

}


@media (max-width:1200px){ /* 1152px 96%*/

	.user_tit {font-size:3.6rem;}	
	.mypage .info {gap:50px; margin-top:50px;}

	/* 이메이수집거부 */
	.lawBox, .agreeBox {padding:25px 30px;}

}


@media (max-width:1024px){ /* tablet 980 */

	/* 마이페이지 */
	.mypage .info {gap:50px; margin-top:40px;}
	.mypage .info .imgthumb {width:400px; height:400px;}
	.mypage .info .cont h4 {margin:30px 0 10px;}


	
	.mypage .card_box {margin-top:50px;}
	.card_box .item {padding: 33px 0 38px;}
	.card_box .item .ico {width:100px; height:100px;}
	.card_box .item .ico img {width:80px;}
	.card_box .item  strong {margin-top:15px; font-size:1.7rem;}





	
	/* biz :: 이메일수집거부 */
	.lawBox, .agreeBox {padding:23px 25px 25px;}

	.sub_cont h5 + .lawBox {margin-top:15px;}

}



@media (max-width:900px){ 

	
	/* 마이페이지 */
	.user_tit {font-size:3.4rem;}	
	.mypage .info {margin-top:30px;}
	.mypage .info .imgthumb {width:360px; height:360px;}


	.mypage .card_box {margin-top:50px;}
	.card_box .item {padding:30px 0 35px;}
	.card_box .item  strong {margin-top:15px; font-size:1.6rem;}


}

@media (max-width:830px){ /* tablet ~ 768 */


	/* 마이페이지 */

	.mypage .info {gap:30px;}
	.mypage .info .imgthumb {width:100%; height:100%;}
	
	.mypage .card_box {margin-top:40px;}
	.card_box .item {padding:25px 0 30px;}
	.card_box .item  strong {margin-top:15px; font-size:1.5rem;}





	/* biz :: 이메일수집거부 */
	.lawBox, .agreeBox {padding:18px 20px 20px;}

}

@media (max-width:768px){ /* mobile 가로 */

	/* 마이페이지 */
	.user_tit {font-size:3.2rem;}	
	.mypage .info {margin-top:20px;}

	
	.card_box .item .ico {width:90px; height:90px;}
	.card_box .item .ico img {width:70px;}




}

@media (max-width:680px){ /* mobile 가로 640기준 */
	


	
}

@media (max-width:610px){ /* mobile 세로 */
	
	
	/* 마이페이지 */
	.user_tit {font-size:3rem;}
	
	.card_box .item .ico {width:80px; height:80px;}
	.card_box .item .ico img {width:60px;}
	.card_box .item  strong {font-size:1.4rem;}

}

@media (max-width:430px){ /* mobile 세로 */

	/* 마이페이지 */
	.user_tit {font-size:2.8rem;}	
	.mypage .info {margin-top:20px; gap:25px;}
	.mypage .info .imgthumb {border-radius:10px;}	
	.mypage .info .cont h4 {margin:25px 0 10px; font-size:2rem;}
	.mypage .info .cont ul li strong {min-width:140px; font-size:1.4rem;}
	.mypage .info .cont ul li span {width:calc(100% - 140px); font-size:1.4rem;}



	/* 마이페이지 */	
	.mypage .card_box {margin-top:30px;}
	.card_box {border-radius:10px;}
    .card_box .item {width:calc(100% / 3); padding:18px 0 25px;}
	.card_box .item .ico {width:70px; height:70px; background:#fff;}
	.card_box .item .ico img {width:70px;}
	.card_box .item  strong {margin-top:10px; font-size:1.4rem;}
	.card_box .item:nth-child(3) {display:none;}



	/* biz :: 이메이수집거부 */
	.lawBox, .agreeBox {padding:16px 17px 18px; font-size:1.3rem;}

}

@media (max-width:380px){ /* mobile 세로 */

}