@charset "utf-8";
/* 게시판과 관련된 내용 */
/* -- 게시판 공통 -- */
#contents #board .center {text-align: center}
#contents #board .left {text-align: left}
#contents .w5 {width: 4%; display: inline-block;}
#contents .w10 {width: 9%; display: inline-block;}
#contents .w15 {width: 14%; display: inline-block;}
#contents .w20 {width: 19%; display: inline-block;}
#contents .w25 {width: 24%; display: inline-block;}
#contents .w30 {width: 29%; display: inline-block;}
#contents .w40 {width: 39%; display: inline-block;}
#contents .w50 {width: 49%; display: inline-block;}
#contents .w60 {width: 59%; display: inline-block;}
#contents .w80 {width: 79%; display: inline-block;}
#contents .w100 {width: 99%}
#contents .btn_wrap{ padding:2em 0 0 0; overflow: hidden; }

table{width: 100%; margin: 0; }
.essential, .choice{margin: 0 0 10px 10px}
#board .web_col{ display: table-column-group; }
#board .mob_col{ display: none; }
#board .web_td{ display: table-cell; }
#board .mob_td{ display: none; }

@media ( max-width: 960px) {
	#board .web_col{ display: none; }
	#board .mob_col{ display: table-column-group; }
	#board .web_td{ display: none; }
	#board .mob_td{ display: table-cell; }
}

#board table {border-top: 1px solid #ff5d30;}
#board table th{background: #fafafa; /* color: #6b6662; */}
#board table th, #board table td{text-align: center; padding: 2% 3%; border-bottom: 1px solid #f1f1f1;}
#board table td{color: #000; }
#board table th{font-weight: 300}

/*@media ( max-width: 1201px) {
	#contents #board{padding: 3%}
}

@media ( max-width: 960px) {
	#contents #board{padding: 26px 0}
}*/


.category {text-align: center}
.category .tab{border: 0; display: inline-block; /*margin: 5% 0 0 0;*/}
.category .tab_div05 a{display: inline-block; border: 0; border-bottom: 2px solid #fff; background: #fff; padding: 0 10px 6px 10px; /* color: #99948f; */ margin: 0 4px}
.category .tab_div05 a.active{border-bottom: 2px solid #ff5d30; color: #ff5d30}
.category .tab_div05 a:hover{border-bottom: 2px solid #ff5d30; color: #ff5d30}

@media ( max-width: 960px) {
	.category .tab_div05{ padding-top: 5%}
	.category .tab_div05 a{width: initial;}
	#board .web_col{ display: none; }
	#board .mob_col{ display: table-column-group; }
	#board {padding: 0 10px}
}

/* 게시판 내 작은 글자 */
.sub{font-size: 0.85em; font-weight: 300; margin: 5px 0;}

/* 말 줄임표 */
.ellipsis { display: inline-block; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis2 { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 2.6em; line-height: 1.3em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

/* 답변 대기, 답변 완료 */
.reply_wait{color: #bbb; }
.reply_complete{ color: #ff5d30 }

.no_list{text-align: center; font-size: 1.2em; color: #bbb; padding: 3% 0; background: #f7f7f7; margin: 3% 0;}

/* 검색 */
#board .right_search{margin: 0 0 2% 0; text-align: right;}

/* 연갈색배경 */
#board .brown_bg{background: #f5f5f5; padding: 6%; margin: 0 0 3% 0; overflow: hidden;}

.grey_border {border: 10px solid #f7f7f7; padding: 6%;}

@media ( max-width: 750px) {
	.grey_border{border: 0; padding: 0}
}


/*05_experience 수술체험기 */
	/*일반고객 체험기*/
	#board.experience .experience_wrap{overflow: hidden;}
	#board.experience .experience_box{float: left; width: 48%; margin: 2% 0; }
	#board.experience .experience_box:nth-of-type(2n){margin-left:4%}
	#board.experience .experience_box a{display: block; border: 1px solid #f1f1f1;}
	#board.experience .experience_box a:hover{ border: 1px solid #ff5d30; transition: border 700ms}
	#board.experience .experience_box .title{ border-bottom: 1px solid #f1f1f1; padding: 3% 4%; color: #ff5d30; background: #fafafa}
	#board.experience .experience_box .title .date{float: right;}
	#board.experience .experience_box .contents{display: table; padding: 5%;}
	#board.experience .experience_box .contents > div{display: table-cell; vertical-align: middle;}
	#board.experience .experience_box .contents .img{padding: 0 6% 0 2%}
	#board.experience .experience_box .contents .img img{ width: 100%; border-radius: 50%;}
	#board.experience .experience_box .contents .txt{width: 60%; }
	#board.experience .experience_box .contents .txt .row1{margin: 0 0 10px 0}
	#board.experience .experience_box .contents .txt .row1 .age{margin: 0 0 0 10%; font-family: "NanumSquare";  color: #000; }
	#board.experience .experience_box .contents .txt .row2{font-family: 'Nanum Pen Script'; font-size: 1.5em; }

	.top_title {margin:0 0 3% 0}
	.brown_bg .top_title{margin: 0}


	/* 일반고객체험기 뷰 페이지 */

	#board.experience .experience_view .btn_wrap{margin: 3% 0 0 0}


	@media ( max-width: 960px) {
		#board.experience .experience_box{width: 100%; margin: 4% 0;}
		#board.experience .experience_box:nth-of-type(2n){margin:0}
	}

	/* 스타체험기 */

	#board.star .star_wrap > div{position: relative;}
	#board.star .dimmed{ position: absolute; width: 100%; height: 100%; top: 0; display: block; background: rgba(0,0,0,0.7); z-index: 1;}

	#board.star .thumbnail{position: relative}
	#board.star .small .dimmed{width: 100%}
	#board.star #page {position: relative; margin: 2% auto 0 auto; padding: 0;}

	#board.star .star_wrap .video{ position: relative; width: 100%; padding-bottom: 36.25%;}
	#board.star .star_wrap .video iframe { position: absolute; width: 100%; height: 100%; }
	#board.star .star_wrap .contents{background: #fafafa; border:1px solid #f1f1f1}
	#board.star .star_wrap .title {font-size: 1.2em; line-height: 1.6em; }

	#board.star .star_wrap .big{ display: flex; overflow: hidden; margin: 0 0 3% 0;}
	#board.star .star_wrap .big > div{float: left;}
	#board.star .star_wrap .big .video{width: 65%}
	#board.star .star_wrap .big .title{margin: 0 0 5% 0; /* color: #6b6662; */ }
	#board.star .star_wrap .big .contents{position: relative; width: 35%; padding: 2% 3%; color: #000; }
	#board.star .star_wrap .big .txt{margin: 0 0 5% 0}

	#board.star .star_wrap .small{overflow: hidden;}
	#board.star .star_wrap .small .video_list{float: left; width: 31%; margin: 1%}
	#board.star .star_wrap .small .video{padding-bottom: 56.25%;}
	#board.star .star_wrap .small .title{padding: 3% 6%;}


	@media ( max-width: 768px) {
		#board.star .star_wrap .video{border-bottom: 1px solid #d2d0d1; padding: 0 0 56.25% 0; }
		#board.star .star_wrap .small .video_list {width: 100%; position: relative;}
		#board.star .star_wrap .big{ position: relative; display: block; border-bottom: 1px solid #d2d0d1; padding: 0 0 4% 0;}
		#board.star .star_wrap .big .video{width: 100%}
		#board.star .star_wrap .big .contents{width: 100%;}
		#board.star .star_wrap .big .title{margin: 0 0 3% 0; }
		#board.star .star_wrap .big .txt{margin: 0 0 3% 0}

		#board.star .small .dimmed{width: 100%}
	}


	/* 시력교정 체험기 */
	#board.vision_better .search{margin: 0 0 3% 0; background: #999490; padding: 3%;}
	#board.vision_better .search h2{text-align: center; color: #fff; font-weight: 200; margin-top: 0;}
	#board.vision_better .search_wrap{text-align: center;}
	#board.vision_better .search_wrap select{margin: 0 0.5%}
	#board.vision_better table thead th{padding: 1%}
	#board .vision_table th.nanumpen{ font-size: 1.5em; line-height: 1.5em;}
	#board .vision_table th, #board.vision_better table td{ padding: 2.5% 1%}
	#board .vision_table div.name{font-size: 1.15em; margin: 0 0 6% 0;}
	#board .vision_table .info span{display: inline-block; margin: 0 0 0 2%; text-align: center; vertical-align: middle; border-radius: 5px; padding: 3px 7px; color: #fff; font-size: 11px; font-weight: 200;}
	#board .vision_table .info span.gender{background: #cbc4bf; }
	#board .vision_table .info span.age {background: #999490; }
	#board .vision_table .info span.job{background: #75716e; }

	#board.vision_better table tbody td:nth-of-type(4), #board.vision_better table tbody td:nth-of-type(5){padding:3% 0 1% 0}

	#board .vision_table ul{height: 80px;}
	#board .vision_table li{ display:inline-block; width:14%; min-width: 30px; height:100%; margin:0 5%; position:relative; text-align:center; white-space:nowrap;}
	#board .vision_table .bar{ position: absolute; left: 0; right: 0;bottom: 0; display:inline-block; width:100%; margin:-1px 0 0 0; border-bottom:0; background:#bbb; vertical-align:bottom;}
	#board .vision_table .bar span{ position:absolute; width:100%; top:-21px; left:0; color:#767676;}
	#board .vision_table li.vision_before .bar .nanumsquare{font-size: 0.9em}
	#board .vision_table li.vision_after .bar{background: #ff5d30; }
	#board .vision_table li.vision_after .bar .nanumsquare{font-weight: 400; font-size: 1.2em}

	@media (max-width: 960px) {
		#board .vision_table li{min-width: 26px;}
		#board .vision_table ul{height: 60px;}
		.td_web{display: none;}
		}

	@media (max-width: 750px) {
		#board.vision_better .search_wrap > select{width: 30%; margin: 3px;}
		#board.vision_better .search_wrap > input{vertical-align: middle;}
		#board .vision_table .bar span{top: -16px}
		#board.vision_better table tbody td:nth-of-type(4), #board.vision_better table tbody td:nth-of-type(5){padding:5% 0 1% 0}
		#board .vision_table .info span{ padding: 0px 4px;}
		.td_web{display: none;}
		}


	#board #vision_better_view {position: relative;}
	#board #vision_better_view table img {width: auto; max-width: 100%;}
	#board #vision_better_view.vision_better_view .dimmed{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 5;}
	#board #vision_better_view.vision_better_view .vision_better_view_wrap{ position: fixed; top: 5%; left: 0; right: 0; border: 1px solid #e9e9e9; padding: 50px 3% 3% 3%; background: #fff;  z-index: 5;  max-height: 800px; overflow: auto;; width: 95%;}
	#board #vision_better_view .vision_relative{position: relative}
	#board #vision_better_view .vision_relative i.remove.icon{position: absolute; top: 10px; right: 10px; font-size: 1.9em; line-height: 1em; color: #000; z-index: 10; padding: 0; margin: 0; cursor: pointer;}
	#board #vision_better_view .vision_relative i.remove.icon img{width: 20px}
	#board #vision_better_view .vision_relative i.remove.icon:before{content:""; display: none}

	#board #vision_better_view table img {width: auto; max-width: 100%;}
	#board #vision_better_view table{margin: 0}
	#board #vision_better_view table thead td{text-align: left; padding: 0}

	#board #vision_better_view table td.top_wrap .div02 > div:nth-of-type(1){width: 56%; padding: 2% 0;}
	#board #vision_better_view table td.top_wrap .div02 > div:nth-of-type(2){width: 44%; padding: 5% 4%; background: rgba(255,93,48,0.05);}
	#board #vision_better_view table td.top_wrap .top_img {width: 40%; padding: 3%; text-align: right; display: inline-block; vertical-align: middle;}
	#board #vision_better_view table td.top_wrap .top_img img {border: 1px solid #ddd; border-radius: 50%; width: 180px; height: 180px; object-fit: cover; overflow: hidden; padding: 6px;}

	#board #vision_better_view table td.top_wrap .top{width: 58%; display: inline-block; vertical-align: middle;}
	#board #vision_better_view table td.top_wrap .top > div{margin: 2% 0}
	#board #vision_better_view table td.top_wrap .top span.title{display: inline-block; border-right: 1px solid #bbb; padding: 0 3% 0 0; margin: 0 3% 0 0; width: 25%; color: #6b6662;}
	#board #vision_better_view .vision_table .info span{margin: 0 0 0 1%;}

	#board #vision_better_view .before_after{overflow: hidden; font-size: 1.2em; color: #6b6662; font-weight: 500;}
	#board #vision_better_view .before_after > div{ float: left; }

	#board #vision_better_view .before_after .graph{ margin: 16px 0 0 0}

	#board #vision_better_view .before_after .better_title{width: 100%; line-height: 1.5em; margin: 0 0 16px 0}
	#board #vision_better_view .before_after .vision_left{width: 50%;}
	#board #vision_better_view .before_after .vision_right{width: 50%;}
	#board #vision_better_view .before_after .graph .graph_txt{font-size: 0.8em; margin: 5% 0 0 0; font-weight: 300; text-align: center}
	#board #vision_better_view .vision_table li.vision_before .bar .nanumsquare{font-size: 0.7em}
	#board #vision_better_view .vision_table li.vision_after .bar .nanumsquare{font-size: 1em}
	#board #vision_better_view .vision_table td.contents{line-height: 1.8em; text-align: left;}
	#board #vision_better_view .vision_table ul{text-align: center;}
	#board #vision_better_view .vision_table li{height: 100%}

	@media (max-width:960px){

		#board #vision_better_view table td.top_wrap .div02 > div:nth-of-type(1), #board #vision_better_view table td.top_wrap .div02 > div:nth-of-type(2){width: 100%; margin: 0 0 16px 0}

		#board #vision_better_view .before_after .better_title{width: 30%}
		#board #vision_better_view .before_after .vision_left, #board #vision_better_view .before_after .vision_right{width: 35%;}
		#board #vision_better_view .vision_table ul{height: 60px}

		#board #vision_better_view table td.top_wrap .top_img{ width: 100%; text-align: center;}
		#board #vision_better_view table td.top_wrap .top{width: 100%; padding: 10px 0 0 6%;}
		#board #vision_better_view table td.top_wrap .top_img img{width: 130px; height: 130px; min-height: 130px}

		#board #vision_better_view.vision_better_view .vision_better_view_wrap{max-height: 500px; padding: 50px 20px 20px 20px}

		/*#board #vision_better_view table td.top_wrap .top span.title{padding: 0 7% 0 0; margin: 0 8% 0 0;}
		#board #vision_better_view table td.top_wrap .top span.title{width: 25%}
		#board #vision_better_view table td.top_wrap .top > div{text-align: left; margin: 4% 0 0 4%;}
		#board #vision_better_view table td.top_wrap .top_img{padding: 0 0 5% 0}
		#board #vision_better_view table thead .left{text-align: center; padding: 5% 0;}
		#board #vision_better_view table td.top_wrap .top_img{width: 100%; text-align: center;}
		#board #vision_better_view table td.top_wrap .top{width: 100%; max-width: 320px;}
		#board #vision_better_view table td .top span.title{width: 25%} */
	}





/* 06_consult 상담 및 예약*/
#board.board_accordion .accordion{width: 100%; border-radius: 0; border: 0; border-top: 1px solid #ff5d30; box-shadow: none;}
#board.board_accordion .accordion .consult_div {overflow: hidden; padding: 2% 10px; text-align: center; font-weight: 300; color: #000;}
#board.board_accordion .accordion > .consult_div{background: #fafafa; /* color: #6b6662; */}
#board.board_accordion .accordion .accordion_wrap .content {background: #fafafa; padding: 2% 3%;}
#board.board_accordion .accordion .consult_div > div {float: left;}
#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(1){width: 10%;}
#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(2){width: 50%;}
#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(3){width: 10%;}
#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(4){width: 12%;}
#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(5){width: 5%;}
#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(6){width: 13%;}

#board.board_accordion .btn_wrap{margin: 0 0 1% 0}


#board.board_accordion .accordion_wrap .content p > div{ margin: 0 0 3% 0}
#board.board_accordion .accordion_wrap .content span {display: inline-block; margin: 0 0 1% 0; color: #fff; padding: 6px 8px; }
#board.board_accordion .accordion_wrap .content span.consult_content{background: #999490;}
#board.board_accordion .accordion_wrap .content span.consult_reply{background: #ff5d30; margin: 3% 0 1% 0; }
#board.board_accordion .accordion_wrap .content .contents{color: #000; line-height:1.6em}
#board.board_accordion .accordion_wrap .content .contents .contents_button{overflow: hidden; margin: 2% 0 0 0; text-align: right;}

#board i.lock.icon{color: #bbb}



@media (max-width:960px){
	#board.board_accordion .accordion .consult_div { padding: 3% 10px; }
	#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(1){width: 13%;}
	#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(2){width: 57%;}
	#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(3){width: 15%;}
	#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(4){display: none}
	#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(5){display: none}
	#board.board_accordion .online_consult_form .accordion .consult_div > div:nth-of-type(6){width: 15%;}

}

/*
#board.online_consult table th, #board.online_consult table td{padding: 2% 1%; text-align: center;}
#board.online_consult table td i{color: #bbb}


#board .consult .btn_wrap{margin: 3% 0 0 0}
#board .consult_wrap h1{color: #6b6662; font-weight: 500; }
#board .consult_wrap h2{color: #000; font-size: 1.2em; line-height: 1.6em; text-align: center;}*/

#board .consult_wrap .spam .row1{margin: 0 0 10px 0}
#board .consult_wrap .spam .row1 img, #board .consult_wrap .spam .row1 a, #board .consult_wrap .spam .row1 span{display: inline-block; vertical-align: middle;}
.spam img{width: initial !important;}



/* 전화상담*/

#board .consult_wrap .div02 > div:nth-of-type(1){ padding: 0 3% 0 0}


#board.consult .consult_kakao{ overflow: hidden;}
#board.consult .consult_kakao > div {display: inline-block; vertical-align: middle;}
#board.consult .consult_kakao div.contents{width: 57%; color: rgba(59,30,30,0.7); font-size: 1.1em; line-height: 1.6em; text-align: left;}
#board.consult .consult_kakao div.kakao_icon{width: 36%; text-align: center;}
#board.consult .consult_kakao div.kakao_icon img{width: 40%;}
#board.consult .consult_kakao div.contents .kakao_id{display: inline-block; position: relative; font-size: 2em; line-height: 1em; color: #3b1e1e; font-weight: 600; padding: 0 2%; margin: 0 0 5% 0}
#board.consult .consult_kakao div.contents .kakao_id:after{content: " "; display: block; top: 63%;left: 0; position: absolute; width: 100%; height: 16px; font-size: 0.7em; text-align: center; background: rgba(59,30,30,0.1);}

@media (max-width:750px){
	#board.consult .consult_kakao div.contents{text-align: center;}
	#board.consult .consult_kakao > div.kakao_icon {display: none;}
	#board.consult .consult_kakao > div.contents {width: 100%; font-size: 1em; text-align: left;}
	#board.consult .consult_kakao div.kakao_icon img {width: 30%;}

}

/* 비밀번호 폼 */
#board_pw_wrap .w50{display: inline-block; width: 49%;}
#board_pw_wrap{position: relative; margin: 0 auto;}
#board_pw_wrap .dimmed{ position: fixed; top: 0; left: 0; width: 100%; height: 1000%; background: rgba(0,0,0,0.6); z-index: 5;}
#board_pw{position: fixed; top: 30%; left: 0; right: 0; padding: 3% 2%; text-align: center;  border: 5px solid #ccc9c7; background: #fff;  min-width: 300px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 90%; max-width: 500px; margin: 0 auto; z-index: 5;}
#board_pw .pw_title{ padding:0 0 10px 0; font-size: 1.2em; }

.board_pw_wrap{position: relative;}

#board_pw_wrap h3{display: inline-block; border-bottom: 2px solid #ddd; padding: 0 0 10px 0; margin: 0 0 16px 0}


/* 07_community*/
#board.online_consult table td.left a{width: calc(100% - 30px)}

#board.news .news_list table td img{max-width: 100%; width: auto;}
#board.news .news_list table td:nth-of-type(2){padding: 1.5% 0; }
#board.news .news_list table td a .news_title{display: inline-block; font-size:1.2em; /* color: #6b6662; */ font-weight: 400; margin: 0 0 2% 0; }
#board.news .news_list table td a:hover .news_title{color: #ff5d30; transition: color 500ms; }
#board .date{font-size: 0.9em; color: rgba(108,102,97,0.5); font-family: 'NanumSquare'; font-weight: 400;}

#board .event_list{overflow: hidden;}
#board .event_list .event_wrap{width: 33.33%; float: left; padding: 1.5%;}
#board .event_list .event_wrap img{width: 100%;}
#board .event_list .event_wrap .contents{background: #fafafa; padding: 6% 4%; border: 1px solid #f1f1f1; text-align: center;}
#board .event_list .event_wrap .contents .title{margin: 0 0 3% 0; /* color: #6b6662; */ font-size:1.2em; }

@media (max-width:960px){
	#board .event_list .event_wrap{width: 48%; padding: 0%; margin: 1%}

}

@media (max-width:640px){
	#board .event_list .event_wrap{width: 100%; padding: 0%; margin: 0 0 5% 0}

}

/* FAQ */

#board.faq ul li.q {border-top: 1px solid #6b6662; cursor: pointer;}
#board.faq ul li { position: relative; padding: 2%; border-top: 1px solid #eee; line-height: 1.5em; overflow: hidden;}
#board.faq ul li div{float: left;}
#board.faq ul li div.type{width: 10%;}
#board.faq ul li div.contents{width: 80%;}
#board.faq ul li div.icon{width: 10%; text-align: right;}
#board.faq ul li.a .contents{width: 90%;}
#board.faq ul li i {width: 8%; text-align: right;}
#board.faq ul li > div span{ display: inline-block; width: 70%; padding: 2% 0; border: 1px solid #999490; text-align: center;}
#board.faq ul li.q span{border: 1px solid #ff5d30; color: #ff5d30;}
#board.faq ul li.a{background: #fafafa; }

@media ( max-width: 960px) {
	.faq ul li{padding: 3%}
}


/* 08_join 회원가입 관련 css */
.ui.ordered.steps.three{overflow: hidden; margin: 0 0 3% 0}
.ui.ordered.steps.three > div{display: block; width: 33.33%; float: left; text-align: center;}
.ui.ordered.steps.three > div .content{padding: 12px 0 0 0}

#board .ok{color: #000; font-size: 0.9em}
#board .no{color: #ff5d30; font-size: 0.9em}

#board.join table th, #board.join table td{text-align: left}

#board table td.addr input{margin: 0 0 10px 0}
#board .member_complete_wrap{text-align: center; margin: 5% 0;}
#board .member_complete_wrap h1{font-weight: 500}
#board .member_complete_wrap h2{margin: 2% 0 4% 0; color: #000; font-size: 1.1em;}
#board .member_complete_wrap .contents{display: inline; border-bottom: 3px solid #f7f7f7; font-size: 1.3em}
#board .member_complete_wrap .btn_wrap{margin: 5% 0 0 0}

@media (max-width: 960px){
	.ui.ordered.steps.three{overflow: hidden; margin: 0 0 6% 0}
}


@media (max-width: 750px){
	#board.join .regist_form table th i{display: block; margin: 0 0 3px 0}
	#board.join .regist_form .w40{width: 60%;}
	#board.join .regist_form .w20{width: 28%; }

}

@media (max-width: 500px){
	#board.join input.mob_margin{margin: 5px 0 0 0}
}


/* 09_login 로그인 관련 */
#login .login_wrap{overflow: hidden; border: 2px solid #f7f7f7; display: flex;}
#login .login_wrap > div{float: left;}
#login .login_wrap .left_box{width: 60%; padding: 5% 6%; }
#login .login_wrap .right_box{width: 40%; background: #fafaf9; color: #000; padding: 5% 3%; }

#login .login_wrap .left_box h2{margin: 2% 0 6% 0; color: #000; font-size: 1.1em}
#login .login_wrap .left_box .checkbox label{font-size: 0.8em;}
#login .btn_wrap input{margin: 5% 0 0 0; width: 100%; }

#login .login_wrap .right_box .img{text-align: center;}
#login .login_wrap .right_box .img img{width: 133px}
#login .login_wrap .right_box h3{color: #6b6662; font-size: 1.1em; }
#login .login_wrap .right_box .contents_box{padding: 5% 0 5% 27%; margin: 8% 0 0 0; }
#login .login_wrap .right_box a{display: block;}
#login .login_wrap .right_box a:hover{color: #6b6662; }
#login .login_wrap .right_box a:nth-of-type(1){background: url("/img/09_login/login_join.png") no-repeat left center; background-size: 22%;}
#login .login_wrap .right_box a:nth-of-type(2){background: url("/img/09_login/login_find.png") no-repeat left center; background-size: 22%;}

@media ( max-width: 750px) {
	#login .login_wrap{display: block;}
	#login .login_wrap .right_box a:nth-of-type(1), #login .login_wrap .right_box a:nth-of-type(2){background-size: 18%}
	#login .login_wrap .left_box, #login .login_wrap .right_box{width: 100%}
	#login .login_wrap .right_box .contents_box{margin: 4% 0 0 0; padding: 6% 0 5% 22%;}
}

@media ( max-width: 320px) {
	#login .login_wrap .right_box a:nth-of-type(1), #login .login_wrap .right_box a:nth-of-type(2){background-size: 22%}
	#login .login_wrap .right_box .contents_box{margin: 4% 0 0 0; padding: 6% 0 5% 27%;}
}


#find {border: 10px solid #f7f7f7; padding: 6% 3%; }
#find > div{width: 50%; margin: 0 auto; }
#find h1, #find h2{text-align: center; }
#find h2{margin: 2% 0 6% 0; color: #000; font-size: 1.1em; font-weight: 300;}
#find .btn_wrap input{margin: 5% 0 0 0; width: 100%; }

@media ( max-width: 960px) {
	#find {border: 0; padding: 0 10px; }
	#find > div{width: 100%;}
}



/* 10_my_page 마이페이지, 내 문의 */
#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(1){width: 8%;}
#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(2){width: 70%;}
#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(3){width: 10%;}
#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(4){width: 10%;}


@media (max-width:750px){
	#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(1){width: 10%;}
	#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(2){width: 75%;}
	#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(3){display: none}
	#board.board_accordion .my_inquiry .accordion .consult_div > div:nth-of-type(4){width: 15%;}


}



/* -- 페이징 -- */
#page { clear: both; padding: 2% 0 0 0; text-align: center; }
#page a{ display: inline-block; width: 50px; height: 50px; line-height: 50px; font-weight: 500; }
#page a:hover { font-weight: 500; }
#page span { position: relative; }
#page span i{ content: ""; position: absolute; top: 45%; left: 0; display: block; width: 5px; height: 5px; border-radius: 5px; background: #444; }
#page .on {border-radius: 50%; color: #ff5d30; background: #f7f7f7; }
#page .first, #page .prev, #page .next ,#page .last{ width: 20px; height: 50px; background: url('/img/board/arrow.png') no-repeat; vertical-align: top; }
#page .first{ background-position: -40px 12px; }
#page .prev{ background-position: 0px 12px; margin: 0 2% 0 0; }
#page .next{ background-position: -20px 12px; margin: 0 0 0 2%; }
#page .last{ background-position: -60px 12px; }



textarea#contents { padding: 0.78571429em 1em; min-height: 100px}

#wish_date.field.w50{ vertical-align: middle; }

i.new_icon:after{content: 'N'; color: #fff; background: #ff5d30; border-radius: 50%; font-size: 10px; width: 14px; height: 14px; display: inline-block; text-align: center; line-height: 14px; font-weight: 200; margin: 0 6px 0 0; }









#layer{position: relative; margin: 0 auto;}
	#layer .dimmed{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1;}

	#layer .layer_bg{position: relative; }
	#layer .member_wrap{position: fixed;top: 0;left: 0;right: 0;border: 1px solid #e9e9e9;border-radius: 20px;padding: 50px;background: #fff;width: 480px !important;margin: 14% auto !important;z-index: 1;}
	#layer .login_btn{padding: 0; height: 36px; margin: 16px 0 8px 0}
	#layer .close_btn a{display: block; width: 100%; background: #bbb; color: #fff; height: 36px; line-height: 36px}



	/* 2020-11-04 리뉴얼 */



	.admin_wrap {
	  margin-top: 40px;
	  /* margin-top:128px; */
	}

	.admin_tit {
	  background-color: #234cdc;
	  height: 60px;
	  /* position:fixed; */
	  /*top:68px; top:100px; left:0;*/
	  width: 100%;
	  z-index: 99;
	}

	.admin_tit p {
	  color: #fff;
	  font-weight: bold;
	  line-height: 60px;
	  font-size: 1.250em;
	  text-align: center;
	}

	.admin_top_text {
	  text-align: center;
	  padding: 10px 0;
	}

	.admin_top_text01 {
	  font-weight: bold;
	  font-size: 1.1em;
	  margin-bottom: 5px;
	  color: #11baff;
	  line-height: 1.5;
	}

	.admin_top_text02 {
	  margin-bottom: 14px;
	  font-size: 1em;
	  color: #000;
	}

	.admin_sub_tit {
	  font-size: 1em;
	  font-weight: bold;
	  color: #333;
	  border-bottom: 1px solid #d5d5d5;
	  padding-bottom: 10px;
	}

	.admin_list {
	  margin-top: 20px;
	}

	.admin_list li {
	  margin-bottom: 10px;
	  width: 100%;
	  height: 36px;
	}

	.admin_list li a {
	  display: block;
	  width: 100%;
	  height: 36px;
	  line-height: 36px;
	  font-size: 0.95em;
	  color: #fff;
	  text-align: center;
	}

	.admin_naver {
	  background: url(../../img/09_login/j_main_sns1.png) #2cb400 no-repeat 18px center;
	  background-size: 17px;
	  border-radius: 0.28571429rem;
	}

	.admin_kakao {
	  background: url(../../img/09_login/j_main_sns3.png) #ffeb00 no-repeat 16px center;
	  background-size: 19px;
	  border-radius: 0.28571429rem;
	}

	.admin_list li.admin_kakao a {
	  color: #333;
	}

	.join_input_wrap {
	  width: 100%;
	  border: 1px solid #d5d5d5;
	  margin: 20px 0;
	  padding: 10px 0;
	}

	.join_input_wrap input[type="text"] {
	  width: 67%;
	  padding: 5px 0 5px 10px;
	  font-size: 12px;
	}

	.join_input_wrap select {
	  width: 30%;
	  border-left: 1px solid #d5d5d5;
	  font-size: 12px;
	  background-size: 10px !important;
	}
	.log_in_input{
		border: 1px solid red;
	}

	.log_wrap{
		position: relative;
	}
		.log_in_input{
			width: 75%!important;
		}
		#contents .log_btn{
			padding: 0;
			    overflow: hidden;
			    width: 21%;
			    position: absolute;
			    right: 0;
			    top: 0px;
			    height: 119px;
					margin-top: 26px;

	}

	#login .btn_wrap input.log_btn{
	    margin: 0;
	    width: 100%;
			height: 100%;
			border-radius: 10px;
			font-size: 1.3em;
	}

	.login_wrap{
		margin-bottom: 20px;
	}
	.log_sns_text{
		border-top: 1px solid #bfbfbf;
		padding-top: 50px;
	}

	.log_admin_list li{
		width: 49%;
		float: left;
		height: 73px;
		line-height: 73px;
		background-position: 4.2em center;
	}
	.log_admin_list li:first-child{
		margin-right: 2%;
	}
	.log_admin_list li a{
		line-height: 73px;
		padding-left: 1em;
	}
	@media screen and (max-width: 1100px) {
		.log_admin_list li{
			background-position: 4.5vw center;
		}
	}
	@media screen and (max-width: 960px) {
		.log_in_input{
			width: 72%!important;
		}
		#contents .log_btn {
	    width: 24%;
	    margin-top: 20px;
	}
	}

		@media screen and (max-width: 870px) {
			.log_admin_list li{
				background-position: 3.5vw center;
			}
	}
	@media screen and (max-width: 750px) {
		.log_admin_list li{
			background-position: 8.5vw center;
		}
	}
	@media screen and (max-width: 640px) {
		#contents .log_btn {
		    height: 111px;
		}
	}
	@media screen and (max-width: 430px) {
	.log_field{
		margin-bottom: 5px!important;
	}
	#contents .log_btn {
	    height: 100px;
	}
	#contents .log_btn {
	    width: 27%;
	}
	.log_in_input{
		width: 70%!important;
	}
	}
	@media screen and (max-width: 470px) {
		.log_admin_list li{
			background-position: 7vw center;
		}
	}
	@media screen and (max-width: 400px) {
		.log_admin_list li{
			background-position: 6vw center;
		}
		@media screen and (max-width: 330px) {
			.log_admin_list li{
				background-position: 4vw center;
			}
	}

	.admin_wrap {
	  margin-top: 40px;
	  /* margin-top:128px; */
	}

	.admin_tit {
	  background-color: #234cdc;
	  height: 60px;
	  /* position:fixed; */
	  /*top:68px; top:100px; left:0;*/
	  width: 100%;
	  z-index: 99;
	}

	.admin_tit p {
	  color: #fff;
	  font-weight: bold;
	  line-height: 60px;
	  font-size: 1.250em;
	  text-align: center;
	}

	.admin_top_text {
	  text-align: center;
	  padding: 10px 0;
	}

	.admin_top_text01 {
	  font-weight: bold;
	  font-size: 1.1em;
	  margin-bottom: 5px;
	  color: #11baff;
	  line-height: 1.5;
	}

	.admin_top_text02 {
	  margin-bottom: 14px;
	  font-size: 1em;
	  color: #000;
	}

	.admin_sub_tit {
	  font-size: 1em;
	  font-weight: bold;
	  color: #333;
	  border-bottom: 1px solid #d5d5d5;
	  padding-bottom: 10px;
	}

	.admin_list {
	  margin-top: 20px;
	}

	.admin_list li {
	  margin-bottom: 10px;
	  width: 100%;
	  height: 36px;
	}

	.admin_list li a {
	  display: block;
	  width: 100%;
	  height: 36px;
	  line-height: 36px;
	  font-size: 0.95em;
	  color: #fff;
	  text-align: center;
	}

	.admin_naver {
	  background: url(../../img/09_login/j_main_sns1.png) #2cb400 no-repeat 18px center;
	  background-size: 17px;
	  border-radius: 0.28571429rem;
	}

	.admin_kakao {
	  background: url(../../img/09_login/j_main_sns3.png) #ffeb00 no-repeat 16px center;
	  background-size: 19px;
	  border-radius: 0.28571429rem;
	}

	.admin_list li.admin_kakao a {
	  color: #333;
	}

	.join_input_wrap {
	  width: 100%;
	  border: 1px solid #d5d5d5;
	  margin: 20px 0;
	  padding: 10px 0;
	}

	.join_input_wrap input[type="text"] {
	  width: 67%;
	  padding: 5px 0 5px 10px;
	  font-size: 12px;
	}

	.join_input_wrap select {
	  width: 30%;
	  border-left: 1px solid #d5d5d5;
	  font-size: 12px;
	  background-size: 10px !important;
	}
	.log_in_input{
		border: 1px solid red;
	}

	.log_wrap{
		position: relative;
	}
		.log_in_input{
			width: 75%!important;
		}
		#contents .log_btn{
			padding: 0;
			    overflow: hidden;
			    width: 21%;
			    position: absolute;
			    right: 0;
			    top: 0px;
			    height: 119px;
					margin-top: 26px;

	}

	#login .btn_wrap input.log_btn{
	    margin: 0;
	    width: 100%;
			height: 100%;
			border-radius: 10px;
			font-size: 1.3em;
	}

	.login_wrap{
		margin-bottom: 20px;
	}
	.log_sns_text{
		border-top: 1px solid #bfbfbf;
		padding-top: 50px;
	}

	.log_admin_list li{
		width: 49%;
		float: left;
		height: 73px;
		line-height: 73px;
		background-position: 4.2em center;
	}
	.log_admin_list li:first-child{
		margin-right: 2%;
	}
	.log_admin_list li a{
		line-height: 73px;
		padding-left: 1em;
	}
	@media screen and (max-width: 1100px) {
		.log_admin_list li{
			background-position: 4.5vw center;
		}
	}
	@media screen and (max-width: 960px) {
		.log_in_input{
			width: 72%!important;
		}
		#contents .log_btn {
	    width: 24%;
	    margin-top: 20px;
	}
	}

		@media screen and (max-width: 870px) {
			.log_admin_list li{
				background-position: 3.5vw center;
			}
	}
	@media screen and (max-width: 750px) {
		.log_admin_list li{
			background-position: 8.5vw center;
		}
	}
	@media screen and (max-width: 640px) {
		#contents .log_btn {
		    height: 111px;
		}
	}
	@media screen and (max-width: 430px) {
	.log_field{
		margin-bottom: 5px!important;
	}
	#contents .log_btn {
	    height: 100px;
	}
	#contents .log_btn {
	    width: 27%;
	}
	.log_in_input{
		width: 70%!important;
	}
	}
	@media screen and (max-width: 470px) {
		.log_admin_list li{
			background-position: 7vw center;
		}
	}
	@media screen and (max-width: 400px) {
		.log_admin_list li{
			background-position: 6vw center;
		}
		@media screen and (max-width: 330px) {
			.log_admin_list li{
				background-position: 4vw center;
			}
	}