@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: 93px 0 69px 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: 50px;padding:0;margin:0;text-align:center;color: #000;font-weight: bold;line-height: 1;letter-spacing: 0.2em;}
	.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:1217px) {
		.nav_wrap .nav_box h2{font-size:48px;}

	}
	@media only screen and (max-width:1023px) {
		.nav_wrap .nav_box h2{font-size:46px;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box h2{font-size:44px;}
	}
	@media only screen and (max-width:767px) {
		.nav_wrap .nav_box h2{font-size:42px;}
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box{padding:80px 0 50px;}
		.nav_wrap .nav_box h2{font-size:40px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box{padding:80px 0 30px;}
		.nav_wrap .nav_box h2{font-size:35px;}
	}


/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/* custom button type */
		/* button 공통 요소 */
	.btn, .btn_lg, .btn_sm, .btn_md {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-flex; align-items:center; justify-content:center; 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 {height:60px;font-size:20px;padding: 0 52px;border-radius: 30px;}
	.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: #f39200 !important;background-color: #f39200 !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:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
	.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !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:60px;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:15px;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:1217px) {
		.btn{font-size:19px;}
	}
	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}

		.btn{font-size:18px; height:55px;}
	}
	@media only screen and (max-width:860px) {
		.btn{font-size:17px; height:50px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.btn_wrap {padding-top:40px;}
		.btn{font-size:16px; height:46px;}
	}
	@media only screen and (max-width:479px) {
		
			/* button 크기별 */
		.btn{ height:44px;}
		.btn_wd {font-size:16px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:320px) {
		.btn_md {width:44px;font-size:12px;}
	}





/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	
	/* 공통 */
		.sub_tittle{}
		.sub_tittle h3{font-size:40px;font-weight:bold;color:#000;letter-spacing: -1px;}
		.sub_tittle h4{font-size:32px;font-weight:bold;color:#222;letter-spacing: -1px;}
			.sub_tittle h4 + h5{margin-top: 18px;}
		.sub_tittle h5{font-size:26px;font-weight:500;color:#222;line-height: 154%;letter-spacing: -0.8px;}	
			.sub_tittle h5 + p{margin-top: 24px;}
		.sub_tittle h5 strong{font-size:inherit; font-weight:bold; color:inherit;}
		.sub_tittle h6{font-size:24px;font-weight:600;color:#222;letter-spacing: -0.7px;}
		
		.sub_tittle p{font-size:18px;font-weight: 500;color:#666;line-height:166%;letter-spacing: -0.5px;}
			.sub_tittle p + h6{margin-top: 68px;}
			.sub_tittle p + p{margin-top: 45px;}
		.sub_tittle p em{font-size:20px; font-weight:600; color:#f39200;}
		.sub_tittle p strong{font-size:inherit; font-weight:600; color:#f39200;}
		.sub_tittle p a{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing: 0;}
		
		.sub_content .cont_flex{display:flex;}
			.sub_content .cont_flex + .cont_flex{margin-top:209px;}
		.sub_content .cont_flex .tittle{width:300px;}
		.sub_content .cont_flex .explain{width:calc(100% - 300px);}

		@media only screen and (max-width:1217px) {
			.sub_tittle h3{font-size:38px;}
			.sub_tittle h4{font-size:30px;}
			.sub_tittle h5{font-size:24px;}	
			.sub_tittle h6{font-size:22px;}
			.sub_tittle p{font-size:17px;}
			.sub_tittle p em{font-size:19px;}
		
			.sub_content .cont_flex .tittle{width:250px;}
			.sub_content .cont_flex .explain{width:calc(100% - 250px);}
		}
		@media only screen and (max-width:1023px) {
			.sub_tittle h3{font-size:36px;}
			.sub_tittle h4{font-size:28px;}
			.sub_tittle h5{font-size:22px;}	
			.sub_tittle h6{font-size:20px;}
			.sub_tittle p{font-size:16px;}
			.sub_tittle p em{font-size:18px;}
		
			.sub_content .cont_flex + .cont_flex{margin-top:150px;}
			.sub_content .cont_flex .tittle{width:180px;}
			.sub_content .cont_flex .explain{width:calc(100% - 180px);}
			
		}
		@media only screen and (max-width:860px) {
			.sub_tittle h3{font-size:34px;}
			.sub_tittle h4{font-size:26px;}
			.sub_tittle h5{font-size:20px;}	
			.sub_tittle h6{font-size:18px;}
			.sub_tittle p{font-size:15px;}
			.sub_tittle p em{font-size:17px;}
		
			.sub_content .cont_flex + .cont_flex{margin-top:100px;}
			.sub_content .cont_flex .tittle{width:180px;}
			.sub_content .cont_flex .explain{width:calc(100% - 180px);}
		}
		@media only screen and (max-width:767px) {
			.sub_tittle h3{font-size:32px;}
			.sub_tittle h4{font-size:24px;}
			.sub_tittle h5{font-size:19px;}	
			.sub_tittle h6{font-size:17px;}
			.sub_tittle p em{font-size:16px;}
		
			.sub_content .cont_flex .tittle{width:150px;}
			.sub_content .cont_flex .explain{width:calc(100% - 150px);}
		}
		@media only screen and (max-width:640px) {
			.sub_tittle h3{font-size:30px;}
			.sub_tittle h4{font-size:22px;}
			.sub_tittle h5{font-size:18px;}	
				.sub_tittle h5 + p{margin-top:20px;}
			.sub_tittle h6{font-size:16px;}
			.sub_tittle p + h6{margin-top:50px;}
			.sub_tittle p + p{margin-top:40px;}
		
			.sub_content .cont_flex {display:block;}
				.sub_content .cont_flex + .cont_flex{margin-top:80px;}
			.sub_content .cont_flex .tittle{width:100%;}
			.sub_content .cont_flex .explain{width:100%; margin-top:30px;}
			
		}
		@media only screen and (max-width:479px) {
			.sub_tittle h3{font-size:28px;}
			.sub_tittle h4{font-size:20px;}
			.sub_tittle h5{font-size:17px;}	
			.sub_tittle h6{font-size:15px;}
			.sub_tittle p{font-size:14px;}
				.sub_tittle p + p{margin-top:30px;}
			.sub_tittle p em{font-size:15px;}

			.sub_content .cont_flex .explain{margin-top:20px;}
		}
	/* about */
		.sub_about{}
		.sub_about .biz_list{display:flex;margin-top: 36px;}
		.sub_about .biz_list li{position:relative;display:inline-flex;align-items:center;justify-content:center;width: 100px;height: 100px;border-radius:100%;background:#f39200;border: 2px solid #f39200;box-sizing:border-box; font-size:20px;font-weight:400;color:#fff;text-align:center;letter-spacing: -0.8px;}
			.sub_about .biz_list li + li{margin-left:40px;}
				.sub_about .biz_list li + li:before{position:absolute;content:'';width:40px;height: 2px;right:calc(100% + 2px);top:50%;transform:translateY(-50%);background-image: linear-gradient(to right, #ccc 50%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 4px 2px;background-repeat: repeat-x;}
				.sub_about .biz_list li + li:after{position:absolute;content:'';width:8px;height:8px;background:#f39200;border-radius:100%;right: calc(100% + 18px);top:50%;transform:translateY(-50%);}
			.sub_about .biz_list li:nth-child(even){background:#fff; color:#f39200;font-weight: 500;}
		.sub_about .biz_list li span{font-size:inherit; font-weight:inherit; color:inherit;}

		@media only screen and (max-width:1217px) {
			.sub_about .biz_list li{font-size:18px; width:90px; height:90px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_about .biz_list li{font-size:17px; width:80px; height:80px;}
		}
		@media only screen and (max-width:860px) {
			.sub_about .cont_flex .sub_tittle h5 br, .sub_about .cont_flex .sub_tittle p br{display:none;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .biz_list{margin-top:30px;}
		}
		@media only screen and (max-width:479px) {
			.sub_about .biz_list{justify-content:space-between; margin-top:20px;}
			.sub_about .biz_list li{width:100%;padding-bottom: 17.71%;height: auto; font-size:16px;}
				.sub_about .biz_list li + li{margin-left: 8.535%;}
				.sub_about .biz_list li + li:after{width:6px; height:6px; right:calc(100% + 3.5vw);}
				.sub_about .biz_list li + li:before{width:8vw;}
			.sub_about .biz_list li span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;  box-sizing:border-box;}
		}
		@media only screen and (max-width:414px) {
			.sub_about .biz_list li{font-size:15px;}
		}
		@media only screen and (max-width:374px) {
			.sub_about .biz_list li{font-size:14px;}
		}
		@media only screen and (max-width:320px) {
			.sub_about .biz_list li{font-size:13px;}
		}

	/* location */
		.sub_location{}
		.sub_location .sub_tittle h5 + p{margin-top:13px;}
		.sub_location .cont_flex .map_wrap{height:300px;border-radius:10px;overflow:hidden;margin-top: 6px;margin-bottom: 52px;}
		.sub_location .cont_flex .map_info.sub_tittle h5{font-weight:600;}
			.sub_location .cont_flex .map_info.sub_tittle h5 + p{margin-top: 16px;}
		.sub_location .cont_flex .map_info.sub_tittle p{letter-spacing:0;color:#888;letter-spacing: -0.1px;}
		.sub_location .cont_flex .map_info.sub_tittle p.number{color:#333;font-weight: 600;}
			.sub_location .cont_flex .map_info.sub_tittle p.number + p.number{margin-top: 11px;}
		.sub_location .cont_flex .map_info.sub_tittle p.number strong{}

		@media only screen and (max-width:1023px) {
			.sub_location .cont_flex .map_wrap{margin-bottom:40px;}
		}
		@media only screen and (max-width:640px) {
			.sub_location .cont_flex .map_wrap{margin-top:0; border-radius:5px; margin-bottom:30px;}
			.sub_location .cont_flex .map_info.sub_tittle h5 + p{margin-top:10px;}
			.sub_location .cont_flex .map_info.sub_tittle p.number + p.number{margin-top:6px;}
		}
		@media only screen and (max-width:479px) {
			.sub_location .cont_flex .map_wrap{margin-bottom:20px;}
		}

/*───────────────────────────────────────────────────────────
	 board
───────────────────────────────────────────────────────────*/
	#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap select{border:1px solid #ddd;border-radius:10px;padding: 0 18px;height:55px;font-size:18px;font-weight:500;color:#666;width:100px;letter-spacing: -0.6px;}
	#wrap input[type="text"]::placeholder, #wrap input[type="password"]::placeholder, #wrap input[type="number"]::placeholder{color:#999;}
	#wrap select{appearance:none;background: #fff url('../images/sub/select_arrow.png') no-repeat calc(100% - 18px) 50%;padding-right: 45px;}

	@media only screen and (max-width:1217px) {
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap select{font-size:17px;}
	}
	@media only screen and (max-width:860px) {
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap select{font-size:16px; padding:0 15px; height:50px;}
		#wrap select{padding-right:40px; background-position:calc(100% - 15px) 50%; background-size:auto 8px; }
	}
	@media only screen and (max-width:640px) {
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap select{font-size:15px; height:45px; border-radius:5px;}
	}

	/* 검색 */
		#wrap .board_search {line-height: inherit;margin-bottom: 0;padding: 5px 0 40px;text-align: center;background: #fff;width:100%;box-sizing:border-box;}
		#wrap .board_search fieldset {line-height:inherit;font-size:0;}
		#wrap .board_search span, #wrap .board_search label {vertical-align:top;font-size:13px;line-height:inherit;}
		#wrap .board_search select, #wrap .board_search input.input_text {margin-right: 0;background-color:#fff;color:#666;}
		#wrap .board_search select {width:100%;}
		#wrap .board_search input.input_text {width: 320px;}
		#wrap .board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;margin:0;width:160px;margin-right: 10px;}
		#wrap .board_search .search_btn{width:55px;height:55px;background:#f39200 url('../images/sub/board_search_icon.png') no-repeat center;border-radius:10px;border:0;font-size:0;margin-left: 10px;}

		@media only screen and (max-width:860px) {
			#wrap .board_search .search_btn{width:50px; height:50px; background-size:auto 26px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .board_search{padding:0 0 30px;}
			#wrap .board_search .board_search_sel{width:140px;}
			#wrap .board_search input.input_text{width:calc(100% - 205px);}
			#wrap .board_search .search_btn{width:45px; height:45px; background-size:auto 22px; border-radius:5px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .board_search .board_search_sel{width:100%; margin-bottom:10px;}
			#wrap .board_search input.input_text{width:calc(100% - 55px);}
		}
	/* 일반형 목록 */
		#wrap table.bbs_list {border-top: 1px solid #000;border-bottom: 1px solid #ddd;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
		#wrap table.bbs_list tr {}
		#wrap table.bbs_list tr.board_notice td {background: inherit;}
		#wrap table.bbs_list tr.board_notice td:nth-of-type(1) {color:#eb3949;font-weight:600;}
		#wrap table.bbs_list tr.board_notice td:nth-of-type(1) span{display:inline-block;font-size:16px;font-weight:600;color:#fff;border-radius:15px;background:#f39200;padding: 3px 17px;}
		#wrap table.bbs_list tr.board_notice td .board_tit h3{color:#333; font-weight:600;}
		#wrap table.bbs_list th, #wrap table.bbs_list td {padding-left: 10px;padding-right: 10px;line-height: 130%;font-weight:400;text-align:center;vertical-align:middle;}
		#wrap table.bbs_list td a, #wrap table.bbs_list td em, #wrap table.bbs_list td strong, #wrap table.bbs_list td span {font-size:inherit;line-height:inherit; color:inherit;}
		#wrap table.bbs_list th {padding-top: 28px;padding-bottom: 27px;border-bottom: 1px solid #ddd;color:#333;font-size: 20px;font-weight: 600;letter-spacing: -0.7px;}
		#wrap table.bbs_list td {padding-top: 24px;padding-bottom: 28px;font-size: 18px;color: #999;letter-spacing: -0.7px;font-weight: 400;}
		#wrap table.bbs_list td .board_tit {}
		#wrap table.bbs_list td .board_tit .board_ico,
		#wrap table.bbs_list td .board_tit img, #wrap table.bbs_list td .board_tit h3, #wrap table.bbs_list td .board_tit span {display:inline-block;vertical-align:middle;}
		#wrap table.bbs_list td .board_tit h3 .board_ico {}
		#wrap table.bbs_list td .board_tit img {vertical-align: middle;margin-right: 5px;}
		#wrap table.bbs_list td .board_tit h3 {font-weight: 600;font-size: inherit;color: inherit;display: inline-block;vertical-align: middle;width: 100%;max-width: 900px;}
		#wrap table.bbs_list td .board_tit h3 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 100%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}

		#wrap table.bbs_list td a {}
		#wrap table.bbs_list .m_non, table.bbs_list .m_non {display:table-cell;}
		#wrap table.bbs_list td.left {text-align:left;padding-left: 0;}
		#wrap table.bbs_list td img{display:inline-block;vertical-align:middle;}
		#wrap table.bbs_list td img + img {margin-left:4px;}
		#wrap table.bbs_list tr + tr td {border-top:1px #ddd solid;}
	
		@media only screen and (max-width:1217px) {
			#wrap table.bbs_list th{font-size:19px;}
			#wrap table.bbs_list td{font-size:17px;}
			#wrap table.bbs_list.default col{width:120px;}
			#wrap table.bbs_list.default col:nth-child(2){width:auto;}
		}
		@media only screen and (max-width:1023px) {
			#wrap table.bbs_list th{font-size: 17px;padding-top: 19px;padding-bottom: 18px;}
			#wrap table.bbs_list td{font-size:16px;padding-top: 19px;padding-bottom: 19px;}
			#wrap table.bbs_list tr.board_notice td:nth-of-type(1) span{font-size:15px; padding:2px 15px 1px;}
		}
		@media only screen and (max-width:767px) {
			#wrap table.bbs_list th{font-size: 16px;}
			#wrap table.bbs_list td{font-size:15px;}
			#wrap table.bbs_list tr.board_notice td:nth-of-type(1) span{font-size:14px;}
			#wrap table.bbs_list.default col:nth-child(5), #wrap table.bbs_list.default th:nth-child(5), #wrap table.bbs_list.default td:nth-child(5){display:none;}
		}
		@media only screen and (max-width:640px) {
			#wrap table.bbs_list th{font-size: 15px;}
			#wrap table.bbs_list td{font-size:14px;}
			#wrap table.bbs_list tr.board_notice td:nth-of-type(1) span{font-size:13px;}
			#wrap table.bbs_list.default col:nth-child(3), #wrap table.bbs_list.default th:nth-child(3), #wrap table.bbs_list.default td:nth-child(3){display:none;}
			#wrap table.bbs_list.default col{width:100px;}
			#wrap table.bbs_list.default col:nth-child(2){width:auto;}
		}
		@media only screen and (max-width:414px) {
			#wrap table.bbs_list tr.board_notice td:nth-of-type(1) span{ padding:2px 12px 1px;}
			#wrap table.bbs_list.default col:nth-child(4), #wrap table.bbs_list.default th:nth-child(4), #wrap table.bbs_list.default td:nth-child(4){display:none;}
			#wrap table.bbs_list.default col{width:80px;}
			#wrap table.bbs_list.default col:nth-child(2){width:auto;}
		}
	/* 리스트 */
		#wrap .sub_board ul.bbs_gallery {margin-left:0px;padding: 3px 0 0 0;display: flex;flex-wrap: wrap;}
		#wrap .sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
		#wrap ul.bbs_gallery li {float: none;width: calc(100% / 4 - 15px);margin: 0 20px 58px 0;position:relative;}
		#wrap ul.bbs_gallery li:nth-of-type(4n) {margin-right:0px;}
		#wrap ul.bbs_gallery li:nth-of-type(4n+1) {clear:both;}
		#wrap ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		#wrap ul.bbs_gallery_top {padding:0 0 0 0;}
		#wrap ul.bbs_gallery li .thumb {text-align:center;width:100%;padding: 0 0 113%;height:0;position: relative;border: 0;box-sizing:border-box;vertical-align:top;font-size:0;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.15);}
		#wrap ul.bbs_gallery li .thumb a {vertical-align:top;}
		#wrap ul.bbs_gallery li .thumb img {width: calc(100% + 2px);height: calc(100% + 2px);;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit: cover;}
		#wrap ul.bbs_gallery li .txt_info {padding: 7px 0 0;}
		#wrap ul.bbs_gallery li .txt_info .board_tit {padding: 5px 0 17px;line-height: 1;font-size: 0;text-align: left;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 24px;color: #000;font-weight: 700;letter-spacing: -0.9px;}
		#wrap ul.bbs_gallery li .txt_info .board_tit .board_ico, #wrap ul.bbs_gallery li .txt_info .board_tit img, #wrap ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
		#wrap ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align: top;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;display: block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; padding-right:10px; box-sizing:border-box;}
		#wrap ul.bbs_gallery li p {display:block;font-size: 18px;font-weight: 400;color: #888;line-height: 130%;margin:0;text-align: left;letter-spacing: -0.6px;}
		#wrap ul.bbs_gallery li p br{display:none;}
		#wrap ul.bbs_gallery li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}
		#wrap ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}

		.main_works ul.bbs_gallery .board_li .thumb:before{width: 51px;height: 69px;}
		.main_works ul.bbs_gallery .board_li .thumb:after{width:21px; height:21px; background:url('../images/sub/sub_more_arrow.png') no-repeat center; background-size:100%;}

		@media only screen and (max-width:1217px) {
			#wrap ul.bbs_gallery li .txt_info{padding:0;}
			#wrap ul.bbs_gallery li .txt_info .board_tit{padding-bottom:13px;}
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:22px;}
			#wrap ul.bbs_gallery li p{font-size:17px;}
		}
		@media only screen and (max-width:1023px) {
			#wrap ul.bbs_gallery li{width:calc(100% / 3 - 10px); margin-right:15px;}
			#wrap ul.bbs_gallery li:nth-of-type(4n){margin-right:15px;}
			#wrap ul.bbs_gallery li:nth-of-type(3n){margin-right:0;}
		}
		@media only screen and (max-width:860px) {
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:20px;}
			#wrap ul.bbs_gallery li p{font-size:16px;}
		}
		@media only screen and (max-width:767px) {
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:19px;}
			#wrap ul.bbs_gallery li p{font-size:15px;}
		}
		@media only screen and (max-width:640px) {
			#wrap ul.bbs_gallery li{width:calc(100% / 2 - 7.5px); margin-bottom:40px;}
			#wrap ul.bbs_gallery li:nth-of-type(3n){margin-right:15px;}
			#wrap ul.bbs_gallery li:nth-of-type(2n){margin-right:0;}
			#wrap ul.bbs_gallery li .txt_info .board_tit{padding-bottom:5px;}
			#wrap ul.bbs_gallery li .thumb{border-radius:5px;}
		}
		@media only screen and (max-width:479px) {
			#wrap ul.bbs_gallery li .txt_info .board_tit{padding:0 0 2px;}
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:17px;}
			#wrap ul.bbs_gallery li p{font-size:14px;}
		}
		@media only screen and (max-width:414px) {
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:16px;}
			#wrap ul.bbs_gallery li p{font-size:13px;}
		}
		@media only screen and (max-width:374px) {
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:15px;}
			#wrap ul.bbs_gallery li p{font-size:12px;}
		}
		@media only screen and (max-width:320px) {
			#wrap ul.bbs_gallery li{width:calc(100% / 2 - 5px); margin-right:10px;}
			#wrap ul.bbs_gallery li:nth-of-type(3n){margin-right:10px;}
			#wrap ul.bbs_gallery li:nth-of-type(2n){margin-right:0;}
		}

	/* pagaing wrap */
		#wrap .paging {text-align:center;padding-top:2px;line-height:35px;font-size:0;margin:80px 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;font-size: 15px;color: #999;padding:0 5px;border: 0;box-sizing:border-box;height:35px;line-height: 35px;min-width:35px;text-align:center;vertical-align:top;border-radius: 100%;}
		#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;}
		#wrap .paging a:hover{font-weight:inherit;}
		#wrap .paging .on a{color:#222222; font-weight:400;}
		#wrap .paging .on a, #wrap .paging a.on{color: #fff;font-weight: inherit;background: #f39200;}
		#wrap .paging .arrow a {font-size:0;width:35px; box-sizing:border-box; transition:all 0.4s;}
		#wrap .paging .arrow a img {display:none;}
		#wrap .paging .arrow.first a {border:1px solid #f5f5f5; background:#f5f5f5 url('../images/sub/paging_first.png') no-repeat center; margin-right:10px;}
			#wrap .paging .arrow.first a:hover{background-image:url('../images/sub/paging_first_over.png');}
		#wrap .paging .arrow.prev a {border:1px solid #f5f5f5; background:#f5f5f5 url('../images/sub/paging_prev.png') no-repeat center; margin-right:15px;}
			#wrap .paging .arrow.prev a:hover{background-image:url('../images/sub/paging_prev_over.png');}
		#wrap .paging .arrow.next a {border:1px solid #f5f5f5; background:#f5f5f5 url('../images/sub/paging_next.png') no-repeat center; margin-left:15px;}
			#wrap .paging .arrow.next a:hover{background-image:url('../images/sub/paging_next_over.png');}
		#wrap .paging .arrow.last a {border:1px solid #f5f5f5; background:#f5f5f5 url('../images/sub/paging_last.png') no-repeat center; margin-left:10px;}
			#wrap .paging .arrow.last a:hover{background-image:url('../images/sub/paging_last_over.png');}
		#wrap .paging .arrow a:hover{border-color:#f39200; background-color:#fff;}
		#wrap .view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
		#wrap .view_btn .paging {display:inline-block;}

		@media only screen and (max-width:1023px) {
			#wrap .paging .arrow a:hover{border-color:#f5f5f5; background-color:#f5f5f5;}
			#wrap .paging .arrow.first a:hover{background-image:url('../images/sub/paging_first.png');}
			#wrap .paging .arrow.prev a:hover{background-image:url('../images/sub/paging_prev.png');}
			#wrap .paging .arrow.next a:hover{background-image:url('../images/sub/paging_next.png');}
			#wrap .paging .arrow.last a:hover{background-image:url('../images/sub/paging_last.png');}
		}
		@media only screen and (max-width:640px) {
			#wrap .paging{margin-top:40px;}
			#wrap .paging a{min-width:30px; height:30px; line-height:30px; font-size:14px;}
			#wrap .paging .arrow a{width:30px;}
		}

	/* WORKS view */
		.nav_wrap.custom .nav_box h2{letter-spacing:-1px;}
		#wrap .bbs_view.works{padding-top: 18px;}
		.bbs_view.works .cont{display:flex;}
		.bbs_view.works .thumb_wrap{width:500px; height:600px; border-radius:10px; overflow:hidden; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
		.bbs_view.works .thumb_wrap img{width:100%; height:100%; object-fit:cover;}
		.bbs_view.works .prod_info{width:calc(100% - 500px); padding-left:100px; box-sizing:border-box;}
		.bbs_view.works .prod_info .info_list{border-top:1px solid #ddd;}
		.bbs_view.works .prod_info .info_list > li{border-bottom:1px solid #ddd;padding: 25px 0;}
			.bbs_view.works .prod_info .info_list > li + li{}
		.bbs_view.works .prod_info .info_list > li dl{display:flex;}
		.bbs_view.works .prod_info .info_list .tit, .bbs_view.works .prod_info .info_list .exp{font-size:18px;font-weight:500;line-height:166%;box-sizing:border-box;letter-spacing: -0.5px;}
		.bbs_view.works .prod_info .info_list .tit{color:#666;width:160px;padding: 0 30px;}
		.bbs_view.works .prod_info .info_list .exp{color:#333;width:calc(100% - 160px);padding-right: 15px;}

		@media only screen and (max-width:1317px) {
			.bbs_view.works .prod_info{padding-left:7vw;}
			.bbs_view.works .prod_info .info_list .tit, .bbs_view.works .prod_info .info_list .exp{font-size:17px;}
			.bbs_view.works .prod_info .info_list .tit{width:140px; padding:0 25px;}
			.bbs_view.works .prod_info .info_list .exp{width:calc(100% - 140px);}
		}
		@media only screen and (max-width:1217px) {
			.bbs_view.works .thumb_wrap{width:41.9vw; height:50.3vw;}
			.bbs_view.works .prod_info{width:calc(100% - 41.9vw); padding-left:7vw;}
			.bbs_view.works .prod_info .info_list .tit, .bbs_view.works .prod_info .info_list .exp{font-size:16px;}
			.bbs_view.works .prod_info .info_list .tit{width:11.5vw; padding:0 20px;}
			.bbs_view.works .prod_info .info_list .exp{width:calc(100% - 11.5vw);}
		}
		@media only screen and (max-width:860px) {
			.bbs_view.works .cont{display:block;}
			.bbs_view.works .thumb_wrap{width:400px; height:500px; margin:0 auto;}
			.bbs_view.works .prod_info{width:100%; padding:50px 0 0;}
			.bbs_view.works .prod_info .info_list .tit{width:140px; }
			.bbs_view.works .prod_info .info_list .exp{width:calc(100% - 140px);}
			.bbs_view.works .prod_info .info_list > li{padding:16px 0;}
		}
		@media only screen and (max-width:640px) {
			.bbs_view.works .thumb_wrap{border-radius:5px;}
			.bbs_view.works .prod_info{padding:40px 0 0;}
			.bbs_view.works .prod_info .info_list .tit, .bbs_view.works .prod_info .info_list .exp{font-size:15px;}
			.bbs_view.works .prod_info .info_list .tit{width:120px; }
			.bbs_view.works .prod_info .info_list .exp{width:calc(100% - 120px);}
			.bbs_view.works .prod_info .info_list > li{padding:12px 0;}
		}
		@media only screen and (max-width:479px) {
			.bbs_view.works .thumb_wrap{width:100%; height:104vw; min-height:300px;}
			.bbs_view.works .prod_info .info_list > li{padding:10px 0;}
			.bbs_view.works .prod_info .info_list .tit, .bbs_view.works .prod_info .info_list .exp{font-size:14px;}
			.bbs_view.works .prod_info .info_list .tit{padding:0 15px; width:90px;}
			.bbs_view.works .prod_info .info_list .exp{width:calc(100% - 90px);}
		}
	/*** TABLE view ( board/board_view ) ***/
		#wrap .bbs_view {padding-top:5px; text-align:left;position:relative;z-index:1;}
		/* 제목.작성자.작성일 */
			#wrap .bbs_view .sub_tittle {padding: 32px 39px 38px;border-bottom: 1px solid #ddd;border-top: 1px solid #000;background: #fff;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
			#wrap .bbs_view .sub_tittle:after {clear:both;content:"";display:block;}
			#wrap .bbs_view .sub_tittle h5{display:block;font-weight:bold;}
				#wrap .bbs_view .sub_tittle h5 .notice{font-size:16px;font-weight: 600;color:#fff;background:#f39200;border-radius:15px;vertical-align: top;display: inline-block;line-height: 1;padding: 8px 17px 6px;letter-spacing: -0.5px;margin-right: 20px;margin-top: 5px;}
			#wrap .bbs_view .sub_tittle ul {display:flex;align-items:center;margin-top: 19px;}
			#wrap .bbs_view .sub_tittle ul li dl{display:inline-flex; vertical-align:middle;}
				#wrap .bbs_view .sub_tittle ul li + li:before{display:inline-flex; content:''; width:1px; height:12px; background:#ddd; margin:0 32px; vertical-align:middle;}
			#wrap .bbs_view .sub_tittle ul li dl dt, #wrap .bbs_view .sub_tittle > ul li dl dd{font-size:18px;font-weight:500;letter-spacing: -0.2px;}
			#wrap .bbs_view .sub_tittle ul li dl dt{color:#555;}
				#wrap .bbs_view .sub_tittle ul li dl dt + dd{padding-left: 7px;}	
			#wrap .bbs_view .sub_tittle ul li dl dd{color:#888;}
		/* 모바일.메일 */
			#wrap .bbs_view div.view_etc {padding:1.2% 30px;border-bottom:1px solid #bbbbbb;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
			#wrap .bbs_view div.view_etc:after {clear:both;content:"";display:block;}
			#wrap .bbs_view div.view_etc span {line-height:20px;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
			#wrap .bbs_view div.view_etc span + span {margin-left:60px;}
			#wrap .bbs_view div.view_etc span em {padding:0 10px 0 0;color:#222;font-weight:700;font-size:inherit;line-height:inherit;display:inline-block;vertical-align:middle;}
			#wrap .bbs_view div.view_etc span em:after {width:1px;height:10px;margin:0;margin-left:10px;background:#ccc;vertical-align:middle;content:"";display:inline-block;}
		/* 내용 */
			#wrap .bbs_view div.view_cont {padding: 54px 38px;font-size: 18px;line-height: 166%;min-height:300px;border-bottom: 1px solid #ddd;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;word-break:break-all;letter-spacing: -0.5px;color: #666;font-weight: 500;}
				#wrap .bbs_view div.view_cont p{color:inherit;}
			#wrap .bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.2%;text-align:center;}
			#wrap .bbs_view div.view_cont .thumb_img_wrap img {margin:0 auto;}
			#wrap .bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:12px;}
	
		@media only screen and (max-width:1217px) {
			#wrap .bbs_view .sub_tittle{padding:27px 30px;}
			#wrap .bbs_view .sub_tittle h5 .notice{margin-top:2px;}
			#wrap .bbs_view .sub_tittle ul{margin-top:15px;}
			#wrap .bbs_view .sub_tittle ul li dl dt, #wrap .bbs_view .sub_tittle > ul li dl dd{font-size:17px;}
			#wrap .bbs_view div.view_cont{font-size:17px; padding:45px 30px;}
		}
		@media only screen and (max-width:1023px) {
			#wrap .bbs_view .sub_tittle h5 .notice{font-size:15px;}
			#wrap .bbs_view .sub_tittle ul li dl dt, #wrap .bbs_view .sub_tittle > ul li dl dd{font-size:16px;}
			#wrap .bbs_view .sub_tittle ul li + li:before{margin:0 25px;}
		}
		@media only screen and (max-width:860px) {
			#wrap .bbs_view .sub_tittle{padding:22px 25px;}
			#wrap .bbs_view .sub_tittle h5 .notice{font-size:14px; margin-top:0; margin-right:15px;}
			#wrap .bbs_view .sub_tittle ul{margin-top:10px;}
			#wrap .bbs_view .sub_tittle ul li + li:before{margin:0 20px;}
			#wrap .bbs_view .sub_tittle ul li dl dt, #wrap .bbs_view .sub_tittle > ul li dl dd{font-size:15px;}
			#wrap .bbs_view div.view_cont{font-size:16px; padding:35px 25px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .bbs_view .sub_tittle h5 .notice{padding:7px 15px 6px;}
			#wrap .bbs_view .sub_tittle ul li + li:before{margin:0 15px;}
			#wrap .bbs_view .sub_tittle ul li dl dt, #wrap .bbs_view .sub_tittle > ul li dl dd{font-size:14px;}
			#wrap .bbs_view div.view_cont{font-size:15px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .bbs_view .sub_tittle{padding:17px 15px;}
			#wrap .bbs_view .sub_tittle h5 .notice{font-size:13px; padding:7px 12px 6px; margin-right:10px;}
			#wrap .bbs_view .sub_tittle ul li dl dt, #wrap .bbs_view .sub_tittle > ul li dl dd{font-size:13px;}
			#wrap .bbs_view div.view_cont{font-size:14px; padding:25px 15px;}
		}
		@media only screen and (max-width:374px) {
			#wrap .bbs_view .sub_tittle{padding:15px 10px;}
			#wrap .bbs_view .sub_tittle ul li + li:before{margin:0 10px;}
			#wrap .bbs_view .sub_tittle ul li dl dt, #wrap .bbs_view .sub_tittle > ul li dl dd{font-size:12px;}
			#wrap .bbs_view div.view_cont{font-size:14px; padding:20px 10px;}
		}