@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/








/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
body {}/*letter-spacing:-0.2px;*/
div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
input, button, textarea, select {}
	/* webfont */
.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
	/* font weight */
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */


/*** common ***/


/*** TABLE | 서브페이지 전체 사용 ( board / member / layout ) ***/


/*** BOARD ***/


/*** GOODS ***/


/*** MEMBER ***/


/*** SERVICE ***/






/*───────────────────────────────────────────────────────────
	
	** navigation, button 관련 css 영역

───────────────────────────────────────────────────────────*/



/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
.nav_wrap {}
.nav_wrap .nav_box {padding:7.0% 0 3% 0;border:0;margin:0;position:relative;z-index:1;}
.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
.nav_wrap .nav_box h2 {font-size:40px;line-height:56px;padding:0;margin:0;text-align:center;color:#333;font-weight:600;z-index:1;}
.nav_wrap .nav_box p {font-size:17px;line-height:22px;padding:1% 0 0 0;color:#666;font-weight:400;text-align:center;}
.nav_wrap .nav_box ul {line-height:18px;top:20%;position:absolute;left:0;font-size:0;padding:0;z-index:5;display:block;}
.nav_wrap .nav_box ul li {line-height:18px;height:18px;font-size:8px;text-align:left;vertical-align:top;padding:0;color:#aaa;display:inline-block;}
.nav_wrap .nav_box ul li + li {padding-left:5px;}
.nav_wrap .nav_box ul li span,
.nav_wrap .nav_box ul li strong,
.nav_wrap .nav_box ul li > a {line-height:18px;height:18px;padding:0 4px 0px 0;font-size:12px;display:inline-block;width:auto;color:#666;vertical-align:top;margin:0;box-sizing:border-box;}
.nav_wrap .nav_box ul li a.home {padding-left:0px;font-size:12px;color:#666666;}
.nav_wrap .nav_box ul li a.home:before {width:11px;height:11px;margin:0 5px 2px 0;content:"";display:inline-block;background:url("../images/common/sub_locate_home.png") no-repeat left center #333333;background-size:auto 13px;vertical-align:middle;}
.nav_wrap .nav_box ul li:last-child a,
.nav_wrap .nav_box ul li:last-child span,
.nav_wrap .nav_box ul li:last-child strong {color:#444;font-weight:700;padding-right:0;}

.nav_wrap .nav_box ul li .navi_select {min-width:150px;border: 1px solid #999;cursor: pointer;margin-top: -3px;position:relative;box-sizing: border-box;}
.nav_wrap .nav_box ul li .navi_select .navi_tit {padding: 2px 10px;line-height: 18px;height: auto;display: block;}
.nav_wrap .nav_box ul li .navi_select .navi_tit:after {content:"";display:inline-block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #999;position:absolute;right: 10px;top: 9px;transition:all .2s;}
.nav_wrap .nav_box ul li .navi_select ul {display:none;position:absolute;left: -1px;top: 100%;width:150px;background:#fff;padding:6px 0 6px 0;border: 1px solid #888;box-sizing: border-box;}
.nav_wrap .nav_box ul li .navi_select ul li {display: block;line-height: 1;height: auto;font-size: 12px;padding: 0;}
.nav_wrap .nav_box ul li .navi_select ul li a {display:block;padding:5px 10px;font-size: 12px;line-height: 1;height: auto;transition:all .2s;}
.nav_wrap .nav_box ul li .navi_select ul li a:hover {background:#999;color:#fff;}

.nav_wrap .nav_box ul li .navi_select:hover .navi_tit:after {transform: rotate(180deg);}
.nav_wrap .nav_box ul li .navi_select:hover ul {display:block;}



@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:1023px) {
	.nav_wrap .nav_box {padding:4.0% 0 3.8% 0;}
	.nav_wrap .nav_box h2 {font-size:36px;line-height:42px;}
	.nav_wrap .nav_box p,
	.nav_wrap .nav_box ul {display:none;}
}
@media only screen and (max-width:860px) {
	.nav_wrap .nav_box {padding:4.8% 0 3.2% 0;}
	.nav_wrap .nav_box h2 {font-size:28px;line-height:32px;}
}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {
	.nav_wrap .nav_box {padding:6.2% 0 6% 0;}
	.nav_wrap .nav_box h2 {font-size:24px;line-height:28px;}
}
@media only screen and (max-width:479px) {
	.nav_wrap .nav_box {padding:0 0 0;margin-left:-12px;margin-right:-12px;width: calc(100% + 24px);}
	.nav_wrap .nav_box h2 {padding:8.8% 0 4.8% 0;margin-left: -12px;margin-right: -12px;font-size:20px;line-height:28px;}
}



/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
/* custom button type */
	/* button 공통 요소 */
.btn, .btn_lg, .btn_sm, .btn_md {border-radius:10px;font-weight:500;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
	/* button 크기별 */
.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
.btn {width:180px;height:64px;line-height:64px;font-size:20px;}
.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
	/* button 색상별 */
.btn_point, .btn_point:hover {border-color:#df5c37 !important;background-color:#df5c37 !important;color:#fff !important;}
.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
.btn_info, .btn_info:hover {border-color:#ddd !important;background-color:#fff !important;color:#555 !important;}
.btn_reset, .btn_reset:hover {border-radius:0;border-color:#ddd !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
	/* button wrapper */
.btn_wrap {margin:0 auto;padding:0;padding-top:50px;font-size:0;vertical-align:top;display:inline-block;}
.btn_wrap.ta_center {width:100%;}
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:12px;vertical-align:top;}
.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

@media only screen and (max-width:1200px) {
		/* button wrapper */
	.btn_wrap {padding-top:50px;}
}
@media only screen and (max-width:1023px) {
		/* button wrapper */
	.btn_wrap {padding-top:45px;}
	.view_btn{min-height:95px;}
	.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	.btn {width:110px;font-size:15px;height:50px;line-height:50px;}
}
@media only screen and (max-width:860px) {

}
@media only screen and (max-width:767px) {
		/* button wrapper */
	.btn_wrap {padding-top:45px;}
}
@media only screen and (max-width:640px) {
	.btn, .btn_lg, .btn_sm, .btn_md{border-radius:5px;}
		/* button wrapper */
	.btn_wrap {padding-top:40px;}
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:8px;}
/* button 크기별 */
	.btn_wd {font-size:16px;}
	.btn {width:90px;font-size:14px;height:45px;line-height:43px;}
	.btn_lg {width:72px;font-size:13px;}
	.btn_md {width:60px;font-size:12px;}
	.btn_sm {padding:0 4px;font-size:12px;}
	.view_btn{min-height:85px;}
}
@media only screen and (max-width:479px) {
		
		/* button wrapper */
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:6px;}
	.view_btn .paging {width:100%;min-height:87px;}
	.view_btn .paging + .btn_wrap.ta_right{top:70px;}
}
@media only screen and (max-width:320px) {
		/* button 크기별 */
	.btn {width:68px;}
	.btn_md {width:44px;font-size:12px;}
}


/* input type  */
input[type="text"],input[type="password"],input[type="number"],input[type="date"] {height:30px;line-height:28px;border:1px #ddd solid;color:#666;font-size:12px;padding:0 8px;text-indent:0;border-radius:0;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;}
/* Select box 스타일 초기화 */ 
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }
select{color:#666;background-image:url('../images/skin/select_arrow.png');background-repeat:no-repeat;background-position:right 15px center;padding:0 15px;}
	@media only screen and (max-width:640px) {
		select{background-position:right 10px center;padding:0 10px;}
	}
/* pagaing wrap */
		#wrap .paging {text-align:center;padding-top:0;line-height: 30px;font-size:0;margin:50px auto 0 auto;vertical-align:top;box-sizing:border-box;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {display:inline-block;border-radius:50%;font-size: 15px;font-weight:400;color: #888;padding: 0 5px;border: 0;box-sizing:border-box;height: 30px;line-height: 30px;min-width: 30px;text-align:center; vertical-align:top;}
		#wrap .paging a img {height:33px;width:33px;vertical-align:top;}
		#wrap .paging span + span a, #wrap .paging a + a, #wrap .paging a + span a{border-left:0;margin-left:5px;}
		#wrap .paging .on a, #wrap .paging a.on{background:#e25128;color:#fff;font-weight:600;width:30px;}
		#wrap .paging a:hover{color:#666;font-weight:400;}
		#wrap .paging .on a:hover{color:#fff;font-weight:600;}
		#wrap .paging .arrow a {font-size:0;width: 30px;border-radius:50%;}
		#wrap .paging .arrow a img {display:none;}
		#wrap .paging .arrow.first a {background:#fff url("../images/sub/paging-first.png") no-repeat 50% 50%;background-size:auto;}
		#wrap .paging .arrow.prev a {background:#fff url("../images/sub/paging-prev.png") no-repeat 50% 50%;background-size:auto; margin-right:20px;}
		#wrap .paging .arrow.next a {background:#fff url("../images/sub/paging-next.png") no-repeat 50% 50%;background-size:auto; margin-left:20px;}
		#wrap .paging .arrow.last a {background:#fff url("../images/sub/paging-last.png") no-repeat 50% 50%;background-size:auto;}
	@media only screen and (max-width:1023px) {
		#wrap .paging a{font-size:14px;}
		#wrap .paging .arrow.prev a {margin-right:15px;}
		#wrap .paging .arrow.next a {margin-left:15px;}
	}
	@media only screen and (max-width:640px) {
		#wrap .paging {line-height: 25px;font-size:0;margin:45px auto 0 auto;vertical-align:top;box-sizing:border-box;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {font-size: 13px;padding: 0 0;height: 25px;line-height: 25px;min-width: 25px;}
		#wrap .paging .on a, #wrap .paging a.on{font-weight:500;width:25px;}
		#wrap .paging .arrow a {width: 25px;}
		#wrap .paging .arrow.prev a {margin-right:10px;}
		#wrap .paging .arrow.next a {margin-left:10px;}
	}
/*───────────────────────────────────────────────────────────
	 sub공통
───────────────────────────────────────────────────────────*/
	.sub_vis{width:100%;height:300px;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;}
	.sub_vis h2{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);font-size:40px;color:#fff;font-weight:700;letter-spacing:-0.05em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
	.sub_company .sub_vis{background-image:url('../images/sub/sub_vis_about.jpg')}
	.sub_board.sub_member .sub_vis{background-image:url('../images/sub/sub_vis_member.jpg');}
	.sub_board.sub_certifi .sub_vis{background-image:url('../images/sub/sub_vis_certifi.jpg');}
	.sub_board.sub_cs .sub_vis{background-image:url('../images/sub/sub_vis_cs.jpg');}
	.sub_tit{text-align:center;font-size:36px;letter-spacing:-0.05em;font-weight:700;color:#333;margin-bottom:40px;}
	.sub_w_custom{max-width:1230px;padding:0 15px;box-sizing:border-box;width:100%;margin:0 auto;position:relative;}
	@media only screen and (max-width:1023px) {
	}
	@media only screen and (max-width:640px) {
		.sub_vis{height:150px}
		.sub_vis h2{font-size:28px;}
		.sub_tit{font-size:24px;margin-bottom:20px;}
	}

/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	.about_con{padding:70px 0;position:relative;}
	.about_con:first-child{padding-top:0;}
	.about_con > a{position:absolute;top:-150px;left:0;}

	@media only screen and (max-width:640px) {
		.about_con{padding:50px 0;}
	}
	/*** about ***/	
	.about_wrap{padding-top:10px;display:flex;align-items:flex-start;}
	.about_wrap .about_img{width:430px;border-radius:20px;overflow:hidden;}
	.about_wrap .about_txt{margin-top:-4px;width:calc(100% - 430px);box-sizing:border-box;padding-left:60px;}
	.about_wrap .about_txt p{font-size:20px;color:#666;letter-spacing:-0.05em;word-break:keep-all;line-height:1.7;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
	.about_wrap .about_txt p + p{margin-top:20px;}
	.about_wrap .about_txt p b{font-weight:500;color:#444;font-size:inherit;}
	.about_wrap .ceo_sign_box{text-align:right;margin-top:10px;}
	.about_wrap .ceo_sign_box span{font-size:20px;letter-spacing:-0.05em;color:#222;display:inline-block;vertical-align:middle;padding-top:3px;margin-right:15px;}
	.about_wrap .ceo_sign_box strong{display:inline-block;vertical-align:middle;font-size:26px;font-weight:700;color:#222;letter-spacing:-0.05em;margin-right:35px;}
	
	@media only screen and (max-width:1200px) {
		.about_wrap .about_txt{padding-left:30px;}
	}
	@media only screen and (max-width:1023px) {
		.about_wrap .about_img{width:45%}
		.about_wrap .about_txt{width:55%;}
		.about_wrap .about_txt p{font-size:17px;}
		.about_wrap .ceo_sign_box span{font-size:18px;}
		.about_wrap .ceo_sign_box strong{font-size:24px;margin-right:20px;}
		.about_wrap .ceo_sign_box img{width:130px;}
	}
	@media only screen and (max-width:767px) {
		.about_wrap{padding-top:0;display:block;}
		.about_wrap .about_img{max-width:430px;width:100%;margin:0 auto;}
		.about_wrap .about_txt{width:100%;padding-left:0;padding-top:20px;}
	}
	@media only screen and (max-width:640px) {
		
		.about_wrap .about_txt p{font-size:15px;}
		.about_wrap .ceo_sign_box{margin-top:20px;}
		.about_wrap .ceo_sign_box span{font-size:16px;margin-right:10px;padding-top:0;}
		.about_wrap .ceo_sign_box strong{font-size:22px;margin-right:0;}
		.about_wrap .ceo_sign_box img{width:140px;margin-top:10px;display:block;margin-left:auto;}
	}


	/*** history ***/	
		.sub_history{background:#f5f5f5;}
			.sub_history.history1 {position:relative;padding-left:15px;padding-right:15px;}
			.sub_history.history1 div, .sub_history.history1 p, .sub_history.history1 span, .sub_history.history1 em, .sub_history.history1 strong, .sub_history.history1 dt, .sub_history.history1 dd, .sub_history.history1 dl, .sub_history.history1 li, .sub_history.history1 ul {transition:all 0.2s;}
			.history_wrap{position:relative;padding-top:20px;}
			.history_box {display:flex;position:relative;width:100%;z-index:1;box-sizing:border-box;}
				.history_box:after {clear:both;content:"";display:block;}
				.history_wrap:before {left:50%;top:-2.25%;height:100%;width:1px;background:#ddd;display:inline-block;content:"";position:absolute;}
				.history_wrap:after {padding:144px 0 0;background:url(../images/sub/bg_history.gif) no-repeat 50% 100%;background-size:100% auto;bottom:-44px;transform:translateY(100%);height:0;left:0;width:100%;display:inline-block;content:"";position:absolute;}
			.history_box + .history_box {margin-top:60px;}
			.his_wrap{width:50%;display:flex;position:relative;}
			.his_wrap:after{box-sizing:border-box;content:'';position:absolute;top: 10px;width:13px;height:13px;box-shadow:0 0 0 5px rgba(20, 37, 99, 0.2);border-width:3px;border-color: rgba(29, 21, 120, 1);border-style:solid;border-radius:100%;background:#fff;z-index:7;}
			.his_wrap:before{content:'';position:absolute;top:0;width: 33px;height: 33px;background:rgba(20, 37, 99, 0.1);border-radius:100%;z-index:5;}
			.history_box .his_year, .history_box .his_detail {width:auto;box-sizing:border-box;vertical-align:top;}
			.his_year {padding:0;display:inline-block;position:relative;}
			.his_year .year {position:relative;z-index:1;box-sizing:border-box;}
			.his_year .year strong {margin:0;padding:0;line-height:29px;height:29px;font-size:30px;font-weight:700;color:#142563;display:inline-block;position:relative;letter-spacing:-0.05em;}
			.his_year .year strong::after {top: 16px;content:"";position:absolute;box-sizing:border-box;}
				.his_year .year strong::after {width:50px;height:1px;transform:translate(5px, 0);background:#142563;border:0;z-index:6;}
			.his_detail {padding:0 0 0 0;display:inline-block;}
				.his_detail .t_br, .his_detail .t_br + br, .his_detail .m_br, .his_detail .m_br + br {display:none;}
			.his_detail .detailYear {padding:0;width:100%;position:relative;box-sizing:border-box;}
			.his_detail .detailYear:after {clear:both;content:"";display:block;}
			.his_detail .detailYear + .detailYear {margin-top: 10px;}
			.his_detail .detailYear dt, .his_detail .detailYear dd {display:inline-block;box-sizing:border-box;}
			.his_detail .detailYear dt {width: 40px;line-height:28px;font-size:20px;font-weight:500;color:#333;}
			.his_detail .detailYear dd {width: calc(100% - 40px);color:#666;}
			.his_detail .detailYear dd ul {}
			.his_detail .detailYear li {letter-spacing:-0.05em;word-break:keep-all;padding:0;line-height:1.6;font-size:17px;vertical-align:middle;box-sizing:border-box;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
			.his_detail .detailYear li + li {margin-top:8px}

		.history_box:nth-child(2n+1){}
		.history_box:nth-child(2n+1) .his_wrap{flex-direction:row-reverse;text-align:right;}
		.history_box:nth-child(2n+1) .his_wrap:before{right: -16px;}
		.history_box:nth-child(2n+1) .his_wrap:after{right: -6px;}
		.history_box:nth-child(2n+1) .his_year .year strong{padding-right:70px;}
		.history_box:nth-child(2n+1) .his_year .year strong::after{right:0;}
		.history_box:nth-child(2n+1) .his_detail{padding-right:20px;}

		.history_box:nth-child(2n+2){justify-content:flex-end}
		.history_box:nth-child(2n+2) .his_wrap{text-align:left;}
		.history_box:nth-child(2n+2) .his_wrap:before{left: -16px;}
		.history_box:nth-child(2n+2) .his_wrap:after{left: -6px;}
		.history_box:nth-child(2n+2) .his_year .year strong{padding-left:70px;}
		.history_box:nth-child(2n+2) .his_year .year strong::after{left:0;}
		.history_box:nth-child(2n+2) .his_detail{padding-left:20px;}

		@media only screen and (max-width:1023px) {
			.history_wrap{padding-top:15px;}
			.history_box + .history_box {margin-top:35px;}
			.his_year .year strong{font-size:30px;}
			.his_detail .detailYear li{font-size:16px;line-height:1.5}
			.his_year .year strong::after{width:40px;}
			.history_box:nth-child(2n+1) .his_year .year strong{padding-right:50px;}
			.history_box:nth-child(2n+1) .his_detail{padding-right:15px;}

			.history_box:nth-child(2n+2) .his_year .year strong{padding-left:50px;}
			.history_box:nth-child(2n+2) .his_detail{padding-left:15px;}
		}
		@media only screen and (max-width:767px) {
			.his_year .year strong{font-size:26px;}
			.his_detail .detailYear li{font-size:15px;}
			.his_year .year strong::after{width:35px;}
			.history_box:nth-child(2n+1) .his_year .year strong{padding-right:40px;}

			.history_box:nth-child(2n+2) .his_year .year strong{padding-left:40px;}
		}
		@media only screen and (max-width:640px) {
			.history_wrap{padding-top:10px;}
			.history_wrap:before{left:0;margin-left:-1px;}
			.history_box{display:block;}
			.history_box + .history_box {margin-top:20px;}
			.his_wrap{width:100%;padding-top:2px;}
			.his_wrap:before{width:30px;height:30px;}
			.his_wrap:after{width:12px;height:12px;top:9px;}
			.his_detail{padding-top:5px;}
			.his_year .year strong{font-size:24px;}
			.his_detail .detailYear li{font-size:15px;line-height:1.4}
			.his_detail .detailYear li + li{margin-top:5px;}	
			.his_year .year strong::after{width:20px;top:13px;}
			
			.history_box:nth-child(2n+1) .his_wrap{flex-direction:initial;text-align:left;}
			.history_box:nth-child(2n+1) .his_wrap:before{right: auto;left:-16px;}
			.history_box:nth-child(2n+1) .his_wrap:after{right:auto;left:-7px;}
			.history_box:nth-child(2n+1) .his_year .year strong{padding-right:0;padding-left:35px;}
			.history_box:nth-child(2n+1) .his_year .year strong::after{left:0;right:auto;}
			.history_box:nth-child(2n+1) .his_detail{padding-right:0;padding-left:10px;}
			
			.history_box:nth-child(2n+2) .his_wrap:after{left: -7px;}
			.history_box:nth-child(2n+2) .his_year .year strong{padding-left:35px;}
				.history_box:nth-child(2n+2) .his_detail{padding-left:10px;}

		}
		@media only screen and (max-width:479px) {
			.his_year .year strong{font-size:20px;}
		}
		/* 오시는길 */
			
			.loca_con{position:relative;}
			.map_wrap{height:100%;height:420px;border-radius:10px;overflow:hidden;}
			.root_daum_roughmap .map_border {display:none;}
			.root_daum_roughmap .wrap_map{height:100% !important;}
			.map_info{width:540px;min-height:200px;border-radius:10px;background:#df5c37;padding:45px 50px 50px;box-sizing:border-box;position:absolute;bottom:-120px;right:50px;z-index:4}
			.map_info li{word-break:keep-all;text-align:left;color:#fff;font-size:17px;letter-spacing:-0.05em;font-weight:400;padding-left:30px;background-repeat:no-repeat;background-position:left center;}
			.map_info li + li{margin-top:20px;}
			.map_info li.info_add{background-image:url('../images/sub/map_info_add.png')}
			.map_info li.info_tel{background-image:url('../images/sub/map_info_tel.png')}
			.map_info li.info_email{background-image:url('../images/sub/map_info_email.png')}
		@media only screen and (max-width:1023px) {
			.about_con.sub_location {padding-bottom:120px;}
			.map_wrap{height:330px;}
			.map_info{right:20px;min-height:auto;padding:30px;}
			.map_info li{font-size:16px;padding-left:30px;}
			.map_info li + li{margin-top:15px;}
		}
		@media only screen and (max-width:640px) {
			.about_con.sub_location {padding-bottom:50px;}
			.map_wrap{height:230px;}
			
			.map_info{width:100%;right:0;bottom:0;position:static;min-height:auto;padding:25px 20px;margin-top:15px;}
			.map_info li{font-size:15px;padding-left:22px;}
			.map_info li + li{margin-top:10px;}
			.map_info li.info_add{background-position:left 4px}
			.map_info li.info_tel{background-position:left 2px}
			.map_info li.info_email{background-position:left 4px;}
		}

/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/
	/* 검색 */
	.board_search {line-height:30px;margin-bottom:40px;padding:20px 20px;text-align:right;background-color:#f5f5f5;font-size:0;width:100%;box-sizing:border-box;border-radius:10px;}
	.board_search fieldset {line-height:inherit;font-size:0;position:relative;}
	.board_search select,.board_search input,.board_search span,.board_search label {vertical-align:top;font-size:13px;line-height:inherit;}
	.board_search select,.board_search input.input_text {margin-right:0;background-color:#fff;color:#666;border:0;border-radius:10px;height:45px;font-size:15px;}
	.board_search select {width:130px;max-width:130px;margin-right:10px;box-sizing:border-box;padding:0 15px;}
	.board_search input.input_text {max-width:300px;width:calc(100% - 130px);padding:0 15px;}
	.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;}
	.board_search input.btn_md{position:absolute;top:0;right:0;height:100%;font-size:0;width:45px;background:url('../images/skin/board_search_btn.png') no-repeat center;background-color: transparent !important;border:0 !important;}
@media only screen and (max-width:1023px) {
	.board_search{padding:15px;margin-bottom:30px;}
}
@media only screen and (max-width:640px) {
	.board_search{padding:12px;border-radius:5px;margin-bottom:20px;}
	.board_search select,.board_search input.input_text{font-size:14px;border-radius:5px;height:40px;}
	.board_search .board_search_sel{width:120px;margin-right:10px;}
	.board_search input.input_text{max-width:initial;}
	.board_search select{width:100%;margin-right:0;min-width:100%;padding:0 10px;}
	.board_search input.btn_md{background-size:15px auto;width:40px;}
}
@media only screen and (max-width:479px) {
	
	.board_search .board_search_sel{margin-bottom:0;width:90px;}
	.board_search select,.board_search input.input_text{height:35px;}
	.board_search input.input_text {width:calc(100% - 100px);padding:0 15px}
	.board_search input.btn_md{width:35px;}
}


/* 멤버, 일반게시판 공통*/
	/* 리스트페이지 */
		table.bbs_list{border-top:2px solid #222;border-bottom:0;}
		table.bbs_list tr{transition:all 0.3s;}
		table.bbs_list th{height:60px;border-bottom:1px solid #ddd;padding:15px 10px;box-sizing:border-box;font-size:18px;letter-spacing:-0.05em;color:#222;font-weight:500;line-height:1.5}
		table.bbs_list td{height:70px;border-bottom:1px solid #ddd;color:#666;font-size:16px;letter-spacing:-0.05em;padding:10px 20px;box-sizing:border-box;font-size:16px;line-height:1.6;word-break:break-all;}
		table.bbs_list td p{font-size:inherit;}
		table.bbs_list td img{max-width:100%;}
		table.bbs_list td .board_tit h3{max-width:initial;font-size:16px;color:#222;letter-spacing:-0.05em;font-weight:400;display:flex;align-items:center;width:100%;line-height:1.6}
		table.bbs_list td .board_tit h3 strong{display:block;max-width:93%;padding-right:2px;}
		
	/* 디테일페이지 */
		.bbs_view div.view_tit{border-bottom:1px solid #ddd;border-top:2px solid #222;}
		.bbs_view div.view_tit > h3{color:#222;font-weight:500;font-size:18px;}
		.bbs_view div.view_cont{padding:50px 30px;border-bottom:1px solid #ddd;font-size:17px;color:#666;}
		.bbs_view div.view_cont .thumb_img_wrap{padding-bottom:50px;}
		.bbs_view div.view_cont .thumb_img_wrap img{border:1px solid #ddd;border-radius:10px;}
		.bbs_view div.view_cont p{color:inherit;}
	/* 쓰기 페이지 */
		.write_agree_box{background:#f5f5f5;margin-bottom:40px;padding:30px;border-radius:10px;}
		.write_agree_box strong{font-size:16px; color:#222;font-weight:500;margin-bottom:10px;display:block;}
		.write_agree_box > p{color:#666;font-size:15px;word-break:keep-all;line-height:1.5}
		.write_agree_box > span{color:#888;font-size:15px;position:relative;padding-left:20px;display:block;word-break:keep-all;margin-top:10px;}
		.write_agree_box > span:before{content:'※';position:absolute;top:0;left:0;}
		.write_agree_box .policy_cont{margin-top:17px;padding-top:14px;border-top:1px solid #ddd;}
		.write_agree_box .policy_cont > div{position:relative;}
		.write_agree_box .policy_cont .input_box{display:flex;}
		.write_agree_box .policy_cont > div label{font-size:16px;}
		.write_agree_box .policy_cont .btn_info{position:absolute;top:0;right:0;}
	@media only screen and (min-width:1023px) {
		/* 리스트페이지 */
			table.bbs_list tbody tr:hover{background:#f5f5f5}
			table.bbs_list.member_table tbody tr:hover{background:#fff;}
	}
	@media only screen and (max-width:1023px) {
		/* 리스트페이지 */
			table.bbs_list th{height:50px;padding:13px 10px;font-size:17px;}
			table.bbs_list td{height:60px;font-size:15px;line-height:1.5;padding:10px 15px;}
			table.bbs_list td .board_tit h3{font-size:15px;}
		/* 디테일페이지 */
			.bbs_view div.view_tit > h3{font-size:17px;}
			.bbs_view div.view_cont{font-size:16px;}
		/* 쓰기 페이지 */
			.write_agree_box{padding:30px 25px;margin-bottom:30px;}
			.write_agree_box strong{font-size:15px;}
			.write_agree_box > p{font-size:14px;}
			.write_agree_box > span{font-size:14px;padding-left:15px;}
			.write_agree_box .policy_cont > div label{font-size:15px;}
			
	}
	@media only screen and (max-width:860px) {
		.bbs_view div.view_cont{padding:45px 12px 65px;}
		.bbs_view div.view_cont .thumb_img_wrap{padding-bottom:45px;}
	}
	@media only screen and (max-width:640px) {
		/* 리스트페이지 */
			table.bbs_list th{height:40px;padding:12px 10px;font-size:15px;}
			table.bbs_list td{height:50px;font-size:14px;padding:10px 10px;}
			table.bbs_list td .board_tit h3{font-size:14px;}
		/* 디테일페이지 */
			.bbs_view div.view_tit{padding:12px 10px;}
			.bbs_view div.view_tit > h3{font-size:16px;}
			.bbs_view div.view_cont{padding:40px 10px 50px;font-size:15px;}
			.bbs_view div.view_cont .thumb_img_wrap{padding-bottom:25px;}
		/* 쓰기 페이지 */
			.write_agree_box{padding:20px 15px;border-radius:5px;margin-bottom:20px;}
			.write_agree_box .policy_cont > div label{font-size:14px;}
	}
	@media only screen and (max-width:479px) {
		/* 리스트페이지 */
			table.bbs_list th{font-size:14px;padding:10px 5px;}
			table.bbs_list td{font-size:13px;}
		/* 디테일페이지 */
			.bbs_view div.view_cont{padding:25px 10px 40px;font-size:14px;}
			.bbs_view div.view_cont .thumb_img_wrap{padding-bottom:20px;}
		
	}
/* 일반 게시판 */
	@media only screen and (max-width:1023px) {
		table.bbs_list.default_list col:nth-child(1){width:15%;}
		table.bbs_list.default_list col:nth-child(3){width:20%}
		table.bbs_list.default_list col:nth-child(4){width:15%}
		table.bbs_list.default_list col:nth-child(5){width:15%}
	}
	@media only screen and (max-width:640px) {
		table.bbs_list.default_list col:nth-child(1){display:none;}
		table.bbs_list.default_list col:nth-child(3){width:23%}
		table.bbs_list.default_list col:nth-child(4){width:23%}
		table.bbs_list.default_list col:nth-child(5){display:none;}
		table.bbs_list.default_list th:nth-child(1),table.bbs_list.default_list td:nth-child(1){display:none;}
		table.bbs_list.default_list th:nth-child(5),table.bbs_list.default_list td:nth-child(5){display:none;}
	}
/* 멤버 */
	table.bbs_list td.member_tit img{margin-bottom:12px;}
	table.bbs_list td.member_tit strong{display:block;font-size:17px;color:#222;font-weight:500;}
	@media only screen and (max-width:1023px) {
		table.member_table col:nth-child(1){width:25%;}
		table.member_table col:nth-child(3){width:30%;}
		table.bbs_list td.member_tit strong{font-size:16px;}
	}
	@media only screen and (max-width:640px) {
		table.bbs_list td.member_tit strong{font-size:15px;}
	}
	
/* 인증서 */
	/* 리스트*/
		table.bbs_list td .certifi_tit{display:flex;align-items:center;}
		table.bbs_list td .certifi_tit h3{width:calc(100% - 150px);margin-right:20px;position:relative;}
		table.bbs_list td .certifi_tit h3 a{position:absolute;top:0;left:0;width:100%;height:100%;}
		table.bbs_list td .certifi_tit h3 strong{position:relative;}
		table.bbs_list td .certifi_tit > a{transition:all 0.3s;display:inline-block;vertical-align:middle;border-radius:10px;height:40px;background:#ddd;width:130px;color:#888;font-size:14px;letter-spacing:-0.04em;font-weight:500;text-align:center;line-height:40px;}
	/* 디테일 */
		
		.sub_certifi .bbs_view div.view_tit{display:none;}
		.sub_certifi .bbs_view div.view_cont{padding-left:0;padding-right:0;}
		
	@media only screen and (min-width:1023px) {
		table.bbs_list tr:hover td .certifi_tit > a{background:#e25128;color:#fff;}
	}
	@media only screen and (max-width:1023px) {
		table.bbs_list td .certifi_tit h3{width:calc(100% - 120px);}
		table.bbs_list td .certifi_tit > a{background:#e25128;color:#fff;width:100px;}
	}
	@media only screen and (max-width:640px) {
		table.bbs_list td .certifi_tit h3{width:calc(100% - 85px);margin-right:15px;}
		table.bbs_list td .certifi_tit > a{border-radius:5px;height:30px;width:70px;font-size:12px;line-height:30px;}
	}