@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
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		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 영역

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

input[type="text"], input[type="password"], input[type="number"], input[type="date"] {padding:0 20px;}

input[type="checkbox"] { display:none; }
input[type="checkbox"] + label {cursor:pointer;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width:25px; height:25px; margin:-2px 13px 0 0; vertical-align:middle; background:url("../images/sub/icon_chk.png") no-repeat 0 50%; cursor:pointer;background-size:auto 100%;}
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("../images/sub/icon_chk_on.png") no-repeat 0 50%;background-size:auto 100%;}

@media only screen and (max-width:640px) {
	input[type="text"], input[type="password"], input[type="number"], input[type="date"] {padding:0 15px;}
	
	input[type="checkbox"] + label:before, input[type="checkbox"] + label::before {width:20px; height:20px; margin:-2px 10px 0 0;}

}

/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.nav_wrap {}
		.nav_wrap .nav_box {padding:120px 0 60px;border:0;margin:0;position:relative;z-index:1;position:relative;text-align:left;}
		.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
		.nav_wrap .nav_box h2 {font-size:var(--title-50);font-weight:600;line-height:1.2;color:var(--black-color00);letter-spacing:-0.03em;}
		.nav_wrap .nav_box p {font-size:var(--title-20);font-weight:300;line-height:1.6;color:var(--black-color01);letter-spacing:-0.03em;padding-top:20px;}
		.nav_wrap .nav_box .nav_locaton {display:flex;position:absolute;top:40px;right:0;}
		.nav_wrap .nav_box .nav_locaton li {font-size:var(--title-16);font-weight:400;color:var(--black-color10);position:relative;}
		.nav_wrap .nav_box .nav_locaton li a.home {}
		.nav_wrap .nav_box .nav_locaton li.nav2 {font-weight:500;color:var(--black-color00);}
		.nav_wrap .nav_box .nav_locaton li + li {margin-left:12px;padding-left:13px;}
		.nav_wrap .nav_box .nav_locaton li + li:before {content:'';display:block;position:absolute;width:1px;height:10px;background:var(--border-color01);top:50%;left:0;transform:translateY(-50%);}

	@media only screen and (max-width:1217px) {
	}
	@media only screen and (max-width:1024px) {
		.nav_wrap .nav_box {padding:110px 0 60px 0;}
		.nav_wrap .nav_box .nav_locaton {top:35px;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box {padding:90px 0 50px 0;}
		.nav_wrap .nav_box .nav_locaton {top:30px;}
	}
	@media only screen and (max-width:767px) {
		.nav_wrap .nav_box {padding:80px 0 40px 0;}
		.nav_wrap .nav_box .nav_locaton {top:25px;}
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box {padding:60px 0 30px 0;}
		.nav_wrap .nav_box .nav_locaton {top:20px;}
		.nav_wrap .nav_box p {padding-top:10px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box {padding:50px 0 25px 0;}
		.nav_wrap .nav_box .nav_locaton {top:15px;}
	}

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;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:108px;height:40px;line-height:38px;font-size:15px;}
		.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:var(--black-color10) !important;background-color:var(--black-color10) !important;color:var(--point-white) !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:var(--black-color01) !important;background-color:var(--black-color01) !important;color:var(--point-white) !important;}
		.btn_basic, .btn_basic:hover {border-color:var(--black-color07) !important;background-color:var(--black-color07) !important;color:var(--point-white) !important;}
		.btn_default, .btn_default:hover {border-color:var(--black-color10) !important;background-color:var(--black-color10) !important;color:var(--point-white) !important;}
		.btn_info, .btn_info:hover {border-color:var(--border-color01) !important;background-color:var(--point-white) !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:var(--border-color01) !important;background:var(--point-white) 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 .btn {font-size:var(--title-20);font-weight:500;color:var(--point-white);font-family:var(--font-type01);width:200px;height:70px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s;}
		.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 screen and (min-width:1024px) {
		.btn_wrap .btn_point:hover {border-color:var(--point-color01) !important;background:var(--point-color01) !important;}
	}
	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:55px;}
	}
	@media only screen and (max-width:1024px) {
			/* button wrapper */
		.btn_wrap {padding-top:50px;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	}
	@media only screen and (max-width:860px) {
		.btn_wrap .btn {width:160px;height:60px;}
	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:45px;}
		.btn_wrap .btn {width:130px;height:55px;}
	}
	@media only screen and (max-width:640px) {
			/* 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;}
		.btn_wrap .btn {width:100px;height:50px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn {width:70px;font-size:13px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.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;}
	}


/*───────────────────────────────────────────────────────────
	Portfolio
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.sub_list .list_cont {}
		.sub_list .list_cont ul {display:flex;flex-wrap:wrap;}
		.sub_list .list_cont ul li {width:calc(33.333% - 20px);}
		.sub_list .list_cont ul li + li {margin-left:30px;}
		.sub_list .list_cont ul li:nth-of-type(3n+1) {margin-left:0;}
		.sub_list .list_cont ul li:nth-of-type(n+4) {margin-top:40px;}
		.sub_list .list_cont ul li > a {}
		.sub_list .list_cont ul li .thumb {width:100%;height:0;padding-bottom:65.8%;overflow:hidden;position:relative;}
		.sub_list .list_cont ul li .thumb:before {content:'';display:block;position:absolute;width:40px;height:40px;background:var(--black-color01) url('../images/sub/portfolio_view_arw.png') no-repeat center;background-size:12px auto;bottom:-40px;right:20px;border-radius:100%;z-index:1;transition:all 0.4s; pointer-events:none;}
		.sub_list .list_cont ul li .thumb img {width:100%;height:100%;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;vertical-align:top;object-fit:cover;}
		.sub_list .list_cont ul li .txt_info {padding-top:26px;display:flex;align-items:center;justify-content:space-between;}
		.sub_list .list_cont ul li .txt_info h3 {font-size:var(--title-25);font-weight:600;color:var(--black-color03);width: 50%;text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		.sub_list .list_cont ul li .txt_info p {font-size:var(--title-17);font-weight:400;color:var(--black-color06);width: 60%;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/* padding-right:20px; */box-sizing:border-box;}
		.btn_wrap .btn_goods_more {width:100% !important;height:70px;border:1px solid var(--black-color01);box-sizing:border-box;transition:all 0.1s;}
		.btn_wrap .btn_goods_more span {font-size:var(--title-20);font-weight:500;letter-spacing:-0.03em;color:var(--black-color01);vertical-align:middle;display:inline-block;font-family:var(--font-type01);transition:all 0.1s;}
		.btn_wrap .btn_goods_more span:after {content:'';display:inline-block;width:12px;height:12px;background:url('../images/sub/portfolio_moer_btn.png') no-repeat center;background-size:100% auto;margin-left:74px;transition:all 0.1s;}

		.portfolio_layer_popup {display:none;position:fixed;width:1000px;height:auto;padding:40px;box-sizing:border-box;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:101;}
		.portfolio_layer_popup.on {display:block;}
		.portfolio_layer_popup .layer_x {position:absolute;width:42px;height:42px;background:var(--black-color01) url('../images/sub/portfolio_popup_x.png') no-repeat center;background-size:16px auto;border-radius:100%;right:-62px;top:0;cursor:pointer;font-size:0;transition:all  0.4s;}
		.portfolio_layer_popup .portfolio_view {padding-bottom:30px;border-bottom:1px solid var(--border-color01);margin-bottom:30px;display:flex;}
		.portfolio_layer_popup .portfolio_view .txt_wrap {padding-right:40px;padding-top:20px;width:280px;}
		.portfolio_layer_popup .portfolio_view .txt_wrap h2 {display:inline-block;font-size:var(--title-18);font-weight:700;color:var(--black-color00);position:relative;}
		.portfolio_layer_popup .portfolio_view .txt_wrap h2:after {content:'';display:inline-block;width:10px;height:10px;background:var(--point-color01);border-radius:0 0 0 10px;vertical-align:top;margin-left:3px;}
		.portfolio_layer_popup .portfolio_view .txt_wrap h3 {display:block;font-size:var(--title-36);font-weight:600;color:var(--black-color01);letter-spacing:-0.03em;padding:60px 0 22px;}
		.portfolio_layer_popup .portfolio_view .txt_wrap :where(p, .con) {font-size:var(--title-16);font-weight:400;line-height:1.6;color:var(--black-color06);letter-spacing:-0.03em;}
		.portfolio_layer_popup .portfolio_view .thumb_wrap {width:calc(100% - 280px);}
		.portfolio_layer_popup .portfolio_view .thumb_wrap .thumbSwiper {}
		.portfolio_layer_popup .portfolio_view .thumb_wrap .swiper-wrapper {}
		.portfolio_layer_popup .portfolio_view .thumb_wrap .swiper-slide {width:100%;height:0;padding-bottom:67.666%;}
		.portfolio_layer_popup .portfolio_view .thumb_wrap .swiper-slide img {width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		.portfolio_layer_popup .thumb_nav_wrap {}
		.portfolio_layer_popup .thumb_nav_wrap .thumbListSwiper {padding:0 38px;position:relative;}
		.portfolio_layer_popup .thumb_nav_wrap .thumbListSwiper:before,
		.portfolio_layer_popup .thumb_nav_wrap .thumbListSwiper:after {content:'';display:block;position:absolute;width:40px;height:100%;background:#fff;top:50%;transform:translateY(-50%);}
		.portfolio_layer_popup .thumb_nav_wrap .thumbListSwiper:before {left:-2px;}
		.portfolio_layer_popup .thumb_nav_wrap .thumbListSwiper:after {right:-2px;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper-wrapper {}
		.portfolio_layer_popup .thumb_nav_wrap .swiper-slide {position:relative;cursor:pointer;position:relative;height:0;padding-bottom:16%;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper-slide img {position:absolute;width:100%;height:100%;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%);}
		.portfolio_layer_popup .thumb_nav_wrap .swiper-slide.swiper-slide-thumb-active:before {content:'';display:block;position:absolute;width:100%;height:100%;border:2px solid var(--black-color01);box-sizing:border-box;top:0;left:0;z-index:1;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn {width:38px;height:101%;top:50%;transform:translateY(-50%);margin:0;background-color:#fff;background:#fff;opacity:1 !important;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn:after {content:'';display:block;position:absolute;width:20px;height:15px;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn.swiper-button-disabled:after {opacity:0.5;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn.swiper-button-next {right:0;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn.swiper-button-prev {left:0;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn.swiper-button-next:after {right:0;background:url('../images/sub/portfolio_popup_slideNext.png') no-repeat center right;background-size:20px auto;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn.swiper-button-prev:after {left:0;background:url('../images/sub/portfolio_popup_slidePrev.png') no-repeat center left;background-size:20px auto;}

	@media screen and (min-width:1024px) {
		.sub_list .list_cont ul li .thumb:hover:before {bottom:20px;}
		.btn_wrap .btn_goods_more:hover {border-color:var(--point-color01);}
		.btn_wrap .btn_goods_more:hover span {color:var(--point-color01);}
		.btn_wrap .btn_goods_more:hover span:after {background:url('../images/sub/portfolio_moer_btn_ov.png') no-repeat center;background-size:100% auto;}

		.portfolio_layer_popup .layer_x:hover {background-color:var(--point-color01);}
	}
	@media only screen and (max-width:1200px) {	
		.sub_list .list_cont ul li {width:calc(33.333% - 13.333px);}
		.sub_list .list_cont ul li + li {margin-left:20px;}
		.sub_list .list_cont ul li .txt_info {align-items: flex-start;justify-content:space-between;flex-direction: column;}
		.sub_list .list_cont ul li .txt_info p,
		.sub_list .list_cont ul li .txt_info h3 {width:100%;text-align:left;}
		.sub_list .list_cont ul li .txt_info h3 {padding-top:6px;}
		
		.portfolio_layer_popup {width:80%;}
		.portfolio_layer_popup .portfolio_view .txt_wrap {width:30%;}
		.portfolio_layer_popup .portfolio_view .thumb_wrap {width:70%;}
		.portfolio_layer_popup .portfolio_view .txt_wrap h3 {padding:22% 0 10%;}
	}
	@media only screen and (max-width:1023px) {
		.sub_list .list_cont ul li {width:calc(33.333% - 10px);}
		.sub_list .list_cont ul li + li {margin-left:15px;}
		.sub_list .list_cont ul li:nth-of-type(n+4) {margin-top:30px;}
		
		.portfolio_layer_popup {width:83%;padding:30px;}
		.portfolio_layer_popup .layer_x {width:32px;height:32px;background-size:10px;right:-52px;}
		.portfolio_layer_popup .portfolio_view .txt_wrap {padding-top:0;padding-right:15px;}
		.portfolio_layer_popup .portfolio_view .txt_wrap h3 {padding:20px 0 10px;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper-slide {padding-bottom:21%;}

	}
	@media only screen and (max-width:860px) {
		.sub_list .list_cont ul li .txt_info {padding-top:20px;}
		.btn_wrap .btn_goods_more {height:60px;}

		.portfolio_layer_popup {width:calc(100% - 30px);height:500px;overflow:scroll;}
		.portfolio_layer_popup .layer_x {top:20px;right:20px;}
		.portfolio_layer_popup .portfolio_view {display:block;margin-bottom:20px;padding-bottom:20px;}
		.portfolio_layer_popup .portfolio_view .txt_wrap,
		.portfolio_layer_popup .portfolio_view .thumb_wrap {width:100%;padding:0;}
		.portfolio_layer_popup .portfolio_view .txt_wrap {padding:0 0 20px;}
	}
	@media only screen and (max-width:767px) {
		.btn_wrap .btn_goods_more {height:55px;}
		.btn_wrap .btn_goods_more span:after {width:11px;margin-left:60px;}
	}
	@media only screen and (max-width:640px) {
		.sub_list .list_cont ul {}
		.sub_list .list_cont ul li {width:calc(50% - 7.5px);}
		.sub_list .list_cont ul li + li {margin-left:15px;}
		.sub_list .list_cont ul li:nth-of-type(4n) {margin-left:0;}
		.sub_list .list_cont ul li:nth-of-type(n+4) {margin-top:0;}
		.sub_list .list_cont ul li + li {margin-left:15px !important;}
		.sub_list .list_cont ul li:nth-of-type(2n+1) {margin-left:0 !important;}
		.sub_list .list_cont ul li:nth-of-type(n+3) {margin-top:20px;}
		.sub_list .list_cont ul li .txt_info {padding-top:15px;}
		.sub_list .list_cont ul li .txt_info h3 {padding-top:3px;}
		.btn_wrap .btn_goods_more {height:50px;}
		.btn_wrap .btn_goods_more span:after {width:10px;margin-left:50px;}

		.portfolio_layer_popup {padding:20px;}
		.portfolio_layer_popup .portfolio_view .txt_wrap h2:after {width:6px;height:6px;}
		.portfolio_layer_popup .thumb_nav_wrap .thumbListSwiper {padding:0;}
		.portfolio_layer_popup .thumb_nav_wrap .swiper_btn {display:none;}
	}
	@media only screen and (max-width:479px) {
	}




/*───────────────────────────────────────────────────────────
	About
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.sub_about {}
		.sub_about .gretting_wrap {padding-bottom:80px;}
		.sub_about .gretting_wrap .about_bg {}
		.sub_about .gretting_wrap .about_bg:after {content:'';display:block;clear:both;}
		.sub_about .gretting_wrap .about_bg span {display:block;width:100%;height:460px;background:url('../images/sub/company_bg.jpg') no-repeat center right;background-size:cover;float:right;}
		.sub_about .gretting_wrap .txt_wrap {position:relative;padding-top:78px;}
		.sub_about .gretting_wrap .txt_wrap:before,
		.sub_about .gretting_wrap .txt_wrap:after {content:'';display:block;position:absolute;width:80px;height:80px;top:0;right:-80px;}
		.sub_about .gretting_wrap .txt_wrap:before {background:var(--black-color00);}
		.sub_about .gretting_wrap .txt_wrap:after {border-radius:0 0 80px 0;background:var(--point-color01);top:-80px;right:-160px;}
		.sub_about .gretting_wrap .txt_wrap h3 {font-size:var(--title-25);line-height:1.6;font-weight:600;color:var(--black-color03);letter-spacing:-0.03em;padding:0 0 20px;}
		.sub_about .gretting_wrap .txt_wrap p {font-size:var(--title-18);line-height:1.6;font-weight:400;color:var(--black-color06);letter-spacing:-0.03em;}
		.sub_about .gretting_wrap .txt_wrap p + p {padding-top:10px;}
		.sub_about .gretting_wrap .txt_wrap .ceo {text-align:right;padding-top:34px;}
		.sub_about .gretting_wrap .txt_wrap .ceo strong {font-size:var(--title-20);font-weight:600;color:var(--black-color03);vertical-align:middle;letter-spacing:-0.03em;}
		.sub_about .gretting_wrap .txt_wrap .ceo span {vertical-align:middle;margin-left:38px;}
		.sub_about .info_wrap {background:var(--gray-bg);padding:60px 0;}
		.sub_about .info_wrap .info {display:flex;}
		.sub_about .info_wrap .info > li {width:calc(50% - 20px);height:auto;padding:33px 40px;background:var(--point-white);box-sizing:border-box;}
		.sub_about .info_wrap .info > li + li {margin-left:40px;}
		.sub_about .info_wrap .info > li dl {}
		.sub_about .info_wrap .info > li dl dt {font-size:var(--title-20);line-height:1;font-weight:700;color:var(--black-color00);margin-bottom:24px;}
		.sub_about .info_wrap .info > li dl dt:after {content:'';display:inline-block;width:10px;height:10px;background:var(--point-color01);border-radius:0 0 0 100%;margin-left:3px;vertical-align:top;}
		.sub_about .info_wrap .info > li dl dd {}
		.sub_about .info_wrap .info > li.contact dl dd {}
		.sub_about .info_wrap .info > li.contact dl dd ul li {display:flex;}
		.sub_about .info_wrap .info > li.contact dl dd ul li + li {margin-top:8px;}
		.sub_about .info_wrap .info > li.contact dl dd ul li strong {display:inline-block;font-size:var(--title-17);font-weight:500;letter-spacing:-0.03em;line-height:1.6;}
		.sub_about .info_wrap .info > li.contact dl dd ul li strong:after {content:'';display:inline-block;width:1px;height:12px;background:var(--border-color01);margin:0 20px;}
		.sub_about .info_wrap .info > li.contact dl dd ul li p {font-size:var(--title-17);line-height:1.6;font-weight:400;color:var(--black-color06);letter-spacing:-0.03em;}
		.sub_about .info_wrap .info > li.partner dl dd {}
		.sub_about .info_wrap .info > li.partner dl dd ul {display:flex;padding-top:6px;}
		.sub_about .info_wrap .info > li.partner dl dd ul li {}
		.sub_about .info_wrap .info > li.partner dl dd ul li + li {margin-left:45px;}
		.sub_about .info_wrap .info > li.partner dl dd ul li img {}
	@media only screen and (max-width:1600px) {
		.sub_about .gretting_wrap .txt_wrap:before, .sub_about .gretting_wrap .txt_wrap:after {width:70px;height:70px;}
		.sub_about .gretting_wrap .txt_wrap:before {right:-70px;}
		.sub_about .gretting_wrap .txt_wrap:after {top:-70px;right:-140px;}
	}
	@media only screen and (max-width:1530px) {
		.sub_about .gretting_wrap .about_bg span {height:0;padding-bottom:38%;}
		.sub_about .gretting_wrap .txt_wrap:before, .sub_about .gretting_wrap .txt_wrap:after {width:60px;height:60px;}
		.sub_about .gretting_wrap .txt_wrap:before {right:-60px;}
		.sub_about .gretting_wrap .txt_wrap:after {top:-60px;right:-120px;}
	}
	@media only screen and (max-width:1023px) {
		.sub_about .gretting_wrap .about_bg span {}
		.sub_about .gretting_wrap .txt_wrap {padding-top:50px;}
		.sub_about .gretting_wrap .txt_wrap:before, .sub_about .gretting_wrap .txt_wrap:after {display:none;}
		.sub_about .gretting_wrap .txt_wrap h3 {padding-bottom:15px;}
		.sub_about .gretting_wrap .txt_wrap .ceo {padding-top:30px;}
		.sub_about .gretting_wrap .txt_wrap .ceo span {margin-left:30px;}
		.sub_about .gretting_wrap .txt_wrap .ceo span img {width:110px;}
		.sub_about .info_wrap {padding:50px 0;}
		.sub_about .info_wrap .info > li {width:calc(50% - 7.5px);}
		.sub_about .info_wrap .info > li + li {margin-left:15px;}
	}
	@media only screen and (max-width:860px) {
		.sub_about .gretting_wrap {padding-bottom:70px;}
		.sub_about .info_wrap .info > li {padding:23px 30px;}
		.sub_about .info_wrap .info > li dl dt {margin-bottom:20px;}
		.sub_about .info_wrap .info > li.contact dl dd ul li strong:after {margin:0 10px;}
		.sub_about .info_wrap .info > li.partner dl dd ul li img {height:40px;}
	}
	@media only screen and (max-width:790px) {
		.sub_about .info_wrap .info {flex-direction:column;}
		.sub_about .info_wrap .info > li {width:100%;}
		.sub_about .info_wrap .info > li + li {margin:0;margin-top:15px;}
		.sub_about .info_wrap .info > li.contact dl dd ul li strong:after {margin:0 10px;height:10px;}
	}
	@media only screen and (max-width:640px) {
		.sub_about .gretting_wrap {padding-bottom:50px;}
		.sub_about .gretting_wrap .about_bg span {padding-bottom:45%;}
		.sub_about .gretting_wrap .txt_wrap {padding-top:40px;}
		.sub_about .gretting_wrap .txt_wrap .ceo {padding-top:25px;}
		.sub_about .gretting_wrap .txt_wrap .ceo span {margin-left:25px;}
		.sub_about .gretting_wrap .txt_wrap .ceo span img {width:80px;}
		.sub_about .info_wrap {padding:30px 0;}
		.sub_about .info_wrap .info > li dl dt:after {width:6px;height:6px;}
		.sub_about .info_wrap .info > li {padding:20px;}
		.sub_about .info_wrap .info > li dl dt {margin-bottom:15px;}
		.sub_about .info_wrap .info > li.contact dl dd ul li + li {margin-top:5px;}
		.sub_about .info_wrap .info > li.partner dl dd ul li img {height:30px;}
		.sub_about .info_wrap .info > li.partner dl dd ul li + li {margin-left:30px;}
	}
	@media only screen and (max-width:425px) {
		.sub_about .gretting_wrap .txt_wrap {padding-top:25px;} 
		.sub_about .gretting_wrap .txt_wrap .ceo span img {width:60px;}
	}
	@media only screen and (max-width:345px) {
		.sub_about .gretting_wrap .txt_wrap {padding-top:20px;} 
		.sub_about .gretting_wrap .about_bg span {padding-bottom:50%;}
		.sub_about .info_wrap {padding:20px;}
		.sub_about .info_wrap .info > li.contact dl dd ul li {flex-direction:column;}
		.sub_about .info_wrap .info > li.contact dl dd ul li strong:after {display:none;}
	}

/*───────────────────────────────────────────────────────────
	About
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
			/* 검색 */
		.board_search {line-height:1;margin-bottom:0;padding:0;text-align:right;background:none;font-size:0;width:100%;box-sizing:border-box;margin-top:-110px;z-index:10;position:relative;margin-bottom:60px;}
		.board_search fieldset {line-height:inherit;font-size:0;}
		.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 {width:300px;height:48px;border-color:var(--border-color01);font-size:var(--title-16);margin-right:0;background-color:var(--point-white);color:var(--black-color06);border-right:0;}
		.board_search input.input_text + input[type="submit"] {width:48px;height:48px;background:var(--black-color01) url('../images/sub/board_search.png') no-repeat center !important;font-size:0;border:0 !important;}
			/* 갤러리 */
		.sub_board ul.bbs_gallery {margin-left:0px;padding:0;display:flex;flex-wrap:wrap;}
		ul.bbs_gallery li {float:none;width: calc(33.333% - 8px);margin: 0 12px 0 0;position:relative;z-index:1;transition:all 0.4s;}
		ul.bbs_gallery li:nth-of-type(3n) {margin-right:0px;}
		ul.bbs_gallery li:nth-of-type(n+4) {margin-top:40px;}
		ul.bbs_gallery li:before {content:'';display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--black-color01);z-index:2;opacity:0;transition:all 0.4s;}
		ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		ul.bbs_gallery_top {padding:0 0 0 0;}
		ul.bbs_gallery li .thumb {text-align:left;width:100%;padding:0 0 100%;height:0;position: relative;border:0;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;}
		ul.bbs_gallery li .thumb a {vertical-align:top;}
		ul.bbs_gallery li .thumb img {width: 100%;height: 100%; object-fit:cover; box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
		ul.bbs_gallery li .txt_info {padding:25px;border:1px solid var(--border-color01);border-top:0;box-sizing:border-box;}
		ul.bbs_gallery li .txt_info .board_tit {padding:0;font-size: 0;text-align:left;}
		ul.bbs_gallery li .txt_info .board_tit h3 {font-size:var(--title-18);line-height:1.6;font-weight:600;color:var(--black-color03);letter-spacing:-0.03em;}
		ul.bbs_gallery li .txt_info .board_tit .board_ico,
		ul.bbs_gallery li .txt_info .board_tit img,
		ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
		ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
		ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
		ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%;}
		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: inline-block;word-break:break-all;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; height:58px;}
		ul.bbs_gallery li .txt_info p {font-size:var(--title-16);line-height:1.5;font-weight:400;color:var(--black-color10);text-align:left;letter-spacing:-0.03em;padding-top:40px;}
		ul.bbs_gallery li .txt_info p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}
		ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}
			/* pagaing wrap */
		.paging {text-align:center;padding-top: 0;line-height: 34px;font-size:0;margin: 60px 0 0;vertical-align:top;box-sizing:border-box;}
		.paging {display:inline-block;vertical-align:top;font-size: 0;}
		.paging a,
		.paging .page_num a {display:inline-block;font-size:var(--title-16);color:var(--black-color08);padding:0;border:0;box-sizing:border-box;height: 34px;line-height: 33px;min-width:34px;text-align:center;vertical-align:top;font-weight:400;margin:0 4px;}
		.paging a img {height:33px;width:33px;vertical-align:top;}
		.paging span + span a,
		.paging a + a,
		.paging a + span a{border-left:0;}
		.paging .on a,
		.paging .on a:hover,
		.paging a:hover {color:var(--black-color08);font-weight:400;}
		.paging .on a,
		.paging .on a:hover,
		.paging a.on,
		.paging a.on:hover {color:var(--point-white);background:var(--point-color01);font-weight:bold;}
		.paging .on.arrow.prev {margin-right:20px;}
		.paging .arrow.next {margin-left:20px;}
		.paging .arrow a {font-size:0;width:34px;border: 1px solid var(--border-color01);}
		.paging .arrow a img {display:none;}
		.paging .arrow.first a {background:#fff url("../images/sub/paging_first.png") no-repeat left 50%;background-size:cover;}
		.paging .arrow.prev a {background:#fff url("../images/sub/paging_prev.png") no-repeat left 50%;background-size:cover;}
		.paging .arrow.next a {background:#fff url("../images/sub/paging_next.png") no-repeat right 50%;background-size:cover;}
		.paging .arrow.last a {background:#fff url("../images/sub/paging_last.png") no-repeat right 50%;background-size:cover;}
		.view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
		.view_btn .paging {display:inline-block;}


	@media screen and (min-width:1024px) {
		ul.bbs_gallery li:hover {box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
		ul.bbs_gallery li:hover:before {opacity:1;}
	}
	@media only screen and (max-width:1200px) {
		.paging {margin-top:55px;}
	}
	@media only screen and (max-width:1024px) {
		.paging {margin-top:50px;}
	}
	@media only screen and (max-width:860px) {
		.board_search {margin-top:-96px;margin-bottom:50px;}
	}
	@media only screen and (max-width:767px) {
		.board_search {margin-top:-80px;margin-bottom:40px;}
		.board_search select, .board_search input.input_text {height:40px;}
		.board_search input.input_text {width:250px;}
		.board_search input.input_text + input[type="submit"] {width:40px;height:40px;background-size:13px auto;}
		ul.bbs_gallery li .txt_info {padding:20px;}
		ul.bbs_gallery li .txt_info p {padding-top:30px;}
		
		.paging {margin-top:45px;}
	}
	@media only screen and (max-width:640px) {
		.board_search {margin:0;margin-bottom:20px;}
		.board_search input.input_text {width:calc(100% - 40px);}
		ul.bbs_gallery li {width: calc(50% - 4px);margin: 0 8px 0 0;}
		ul.bbs_gallery li:nth-of-type(3n) {margin-right:8px;}
		ul.bbs_gallery li:nth-of-type(n+4) {margin-top:0;}
		ul.bbs_gallery li:nth-of-type(2n) {margin-right:0px;}
		ul.bbs_gallery li:nth-of-type(n+3) {margin-top:20px;}
		ul.bbs_gallery li .txt_info {padding:15px;}
		ul.bbs_gallery li .txt_info p {padding-top:20px;}
		ul.bbs_gallery li .txt_info .board_tit h3 strong{height:52px;}

		.paging {height:30px;margin-top:40px;}
		.paging a, .paging .page_num a {height:30px;line-height:29px;min-width:30px;}
		.paging .arrow a {width:30px;}
		.paging .arrow.next {margin-left:10px;}
		.paging .arrow.prev {margin-right:10px;}
	}




	/* 뷰 */
		#wrap .bbs_view div.view_tit {position:relative;padding: 21px 20px;border-bottom:1px solid var(--border-color01);border-top:2px solid var(--black-color01);background:none;margin:0;width:100%;box-sizing:border-box;text-align:left;font-size: var(--title-20);display: flex;justify-content: space-between;letter-spacing:-0.03em;}
		#wrap .bbs_view div.view_tit > h3 {font-size:110%;width: calc(100% - 250px);color:var(--black-color03);font-weight:500;text-align:left;line-height:1.5;padding: 0;box-sizing:border-box;letter-spacing:-0.03em;}
		#wrap .bbs_view div.view_tit > p {font-size:90%;width:auto;line-height:1.5;color:var(--black-color07);text-align:right;width: 250px;display:inline-flex;align-items:center;justify-content: flex-end;}
		#wrap .bbs_view div.view_tit > p span + span:before{display:inline-flex; content:''; width:1px; height:12px; background:var(--border-color01); margin:0 13px;}
		#wrap .bbs_view div.view_cont {padding:25px 20px;/* font-size:var(--title-20); */line-height:1.9;min-height:300px;border-bottom:1px solid var(--border-color01);margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;word-break:break-all;}
		#wrap .bbs_view div.view_cont *{/* font-size:90%; */color:var(--black-color06);}
		#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:15px;}

		#wrap .board_comment_list {margin: 40px auto 0;border-bottom:1px solid var(--border-color01);position:relative;font-size: var(--title-20);}
		#wrap .board_comment_list .clear{display:inline; overflow:hidden;}
		#wrap .board_comment_list .clear:after{display:none;}
		#wrap .board_comment_list .comment_title {padding-bottom: 17px;font-size: 100%;line-height: 1.4;color: #444;border-bottom: 1px solid #aaa;text-align:left;}
		#wrap .board_comment_list .comment_title span {color:var(--black-color03);font-weight:500;font-size:inherit;font-family:inherit;}
		#wrap .board_comment_list .comment {padding: 22px 15px;margin:0;width:100%;box-sizing:border-box;position:relative;}
		#wrap .board_comment_list .comment + .comment {border-top:1px var(--black-color03) dotted;}
		#wrap .board_comment_list .comment .comment_writer,
		#wrap .board_comment_list .comment .com_btn {display:inline-block;line-height: normal;margin:0;padding:0 0 8px 0;vertical-align:middle;}
		#wrap .board_comment_list .comment .comment_writer {color: var(--black-color07);text-align:left;font-size: 65%;padding: 10px 0 0;}
		#wrap .board_comment_list .comment .com_btn {float:right;text-align:right;}
		#wrap .board_comment_list .comment .com_btn a {color:var(--black-color06);}
		#wrap .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}
		#wrap .board_comment_list .comment span.board_line {margin: 0 12px;width:1px;height: 13px;background: #ccc;vertical-align:middle;display:inline-block;}
		#wrap .board_comment_list .comment .com_txt,
		#wrap .board_comment_list .comment .com_txt_reply {line-height: 1.6;font-size: 70%;font-weight: 500;color: var(--black-color03);text-align:left;word-break: break-all;}
		#wrap .board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;border-top:1px solid #d3d3d3;background:url("../images/sub/comment_reply.png") no-repeat;background-position:20px 18px;}
		#wrap .board_comment_list .comment .com_modify {margin:8px 0 0;font-size:0;position:relative;}
		#wrap .board_comment_list .comment .com_modify:after {clear:both;content:""; display:block;}
		#wrap .board_comment_list .comment .com_modify textarea {float:left;width: calc(100% - 102px);height:72px;}
		#wrap .board_comment_list .comment .com_modify a {float:right;}
				/* 추가필드 */
		#wrap .sub_board {position:relative;}
		#wrap .sub_board .bbs_view .extra_editor_wrap {display:table;width:100%;margin:0;table-layout:fixed;border-collapse:collapse;margin-top:-1px;border-top:1px solid var(--border-color01);border-bottom: 1px solid var(--border-color01);}
		#wrap .sub_board .bbs_view .extra_editor_wrap > h4, 
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 20px;display: inline-block;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;text-align:left;border: 0;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > h4 {background:none;width: auto;color: var(--black-color03);font-size:var(--title-16);font-weight:500;position:relative;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > h4:after {content:'';display:block;position:absolute;width:1px;height:10px;background:var(--border-color01);top:50%;transform:translateY(-50%);right:0;}
		#wrap .sub_board .bbs_view .extra_editor_wrap div.view_cont.extra_cont {width: calc(100% - 141px);}
		#wrap .sub_board .bbs_view .extra_editor_wrap div.img_cont {}
		#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span {font-size:var(--title-16);color:var(--black-color08);vertical-align:middle;display:block;}
		#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}
		#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont a.icon_down {font-size:0;background:url(../images/common/icon_download.png) no-repeat 0 0;display:inline-block;width:15px;height:15px;background-size:100% auto;margin:0 0 0 5px;padding:0;vertical-align:middle;}
		#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont img {width:auto;height:auto;vertical-align:middle;max-width:100%;}

	
		@media screen and (max-width:1023px) {
			#wrap .bbs_view div.view_tit{padding:19px 15px;}
			#wrap .bbs_view div.view_cont{padding:20px 15px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > h4, #wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding:19px 15px;}
		}
		@media screen and (max-width:860px) {
			#wrap .bbs_view div.view_tit{padding:19px 15px;}
			#wrap .bbs_view div.view_cont{padding:20px 15px;}
		}
		@media screen and (max-width:640px) {
			#wrap .bbs_view div.view_tit{display:block;}
			#wrap .bbs_view div.view_tit > h3{width:100%;}
			#wrap .bbs_view div.view_tit > p{width:100%; padding:8px 0 0; justify-content:flex-start;}

			#wrap .board_comment_list .comment .com_txt, #wrap .board_comment_list .comment .com_txt_reply{font-size:80%;}
			#wrap .board_comment_list .comment .comment_writer{font-size:75%;}
		}
		@media screen and (max-width:479px) {
			#wrap .bbs_view div.view_tit > h3{font-size:100%;}
			#wrap .bbs_view div.view_tit > p{font-size:85%;}
		}

	/* 작성 */
			/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
		table.bbs_write {display:block;width:100%;text-align:left;box-sizing:border-box;padding-bottom:40px;border-bottom:1px solid var(--border-color01);}
		table.bbs_write tbody {display:flex;flex-wrap:wrap;}
		table.bbs_write.bbs_title{border-top:2px solid var(--black-color01);}
		table.bbs_write tr {width:calc(50% - 30px);}
		table.bbs_write tr + tr {margin-left:60px;}
		table.bbs_write tr.w100 + tr:not(tr.w100) + tr:nth-of-type(2n+1) {margin-left:60px;}
		table.bbs_write tr:nth-of-type(2n+1) {margin-left:0;}
		table.bbs_write tr.w100 {width:100%;margin-left:0;}
		table.bbs_write tr.w100 + tr {margin-left:0;}
		table.bbs_write tr,
		table.bbs_write th,
		table.bbs_write td {display:block;line-height:normal;}
		table.bbs_write th {background:none;padding:0;padding-top:34px;padding-bottom:16px;border:0;font-size:var(--title-18);font-weight:500;color:var(--black-color03);}
		table.bbs_write th.important:after {content:'*';display:inline-block;font-size:inherit;line-height:inherit;font-weight:inherit;color:var(--point-color01);margin-left:4px;}
		table.bbs_write td {padding:0;font-size:var(--title-16);border:0;}
		table.bbs_write th,
		table.bbs_write td,
		table.bbs_write tr span,
		table.bbs_write tr input,
		table.bbs_write tr select {vertical-align:top;}
		table.bbs_write tr span,
		table.bbs_write tr input,
		table.bbs_write tr select,
		table.bbs_write tr textarea,
		table.bbs_write tr label {color:#666;font-size:inherit;font-weight:400;}
		table.bbs_write tr select {background:#fff;}
		table.bbs_write tr label.ex_radio {width:100%;display:block;}
		table.bbs_write tr input[type="radio"] + label.ex_radio:before, 
		table.bbs_write tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;}
		table.bbs_write tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;margin-right:1px;}
		table.bbs_write tr td #captcha_box img {height:40px !important;width:auto !important;}
		table.bbs_write tr td input[name="captcha"],
		table.bbs_write tr td .btn_reset,
		table.bbs_write tr td #refreshCode {vertical-align:middle !important;}
		table.bbs_write th .require_dot,
		table.bbs_write th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;}
		table.bbs_write th .require_dot {padding-left:4px;}
		table.bbs_write th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;}
		table.bbs_write td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;}
		table.bbs_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
		table.bbs_write td select,
		table.bbs_write td input[type="text"],
		table.bbs_write td input[type="password"],
		table.bbs_write td input[type="number"],
		table.bbs_write td input[type="date"] {min-width:100%;width:100%;background:#f7f7f7;border:1px solid #f7f7f7;height:60px;border:0;box-sizing:border-box;}
		table.bbs_write td select:focus,
		table.bbs_write td input[type="text"]:focus,
		table.bbs_write td input[type="password"]:focus,
		table.bbs_write td input[type="number"]:focus,
		table.bbs_write td input[type="date"]:focus {border:1px solid var(--black-color01);}
		
		table.bbs_write td input::placeholder {color:var(--black-color10);}
		table.bbs_write td input[name="title"] {width:100%;}
		table.bbs_write td input[name="zip"] {width:80px;min-width:70px;}
		table.bbs_write td input[name="address"],
		table.bbs_write td input[name="address2"] {width:55%;min-width:450px;}
		table.bbs_write td input.tel {min-width:50px;}
		table.bbs_write td textarea {min-width:100%;height:200px;}
		table.bbs_write td select.mail_select {margin-left:0px;margin-right:5px;}
		table.bbs_write td input[name="email_id"] {width:16%;min-width:120px;}
		table.bbs_write td input[name="email_domain"],
		table.bbs_write td select.mail_select {width:20%;min-width:140px;}
		table.bbs_write td input[name="email_domain"] {display:inline-block !important;}
		table.bbs_write td input::file-selector-button {display:none;}
		table.bbs_write td input[type*="file"] {width:calc(100% - 150px);height:60px;background:#f7f7f7;padding:0 20px;line-height:60px;box-sizing:border-box;}
		table.bbs_write td input[type*="file"]::placeholder {color:var(--black-color10);}
		table.bbs_write td input[type*="file"] +  label {display:inline-block;text-align:center;font-size:var(--title-16);line-height:60px;font-weight:500;color:var(--black-color01);width:140px;height:60px;background:var(--point-white);border:1px solid var(--black-color01);box-sizing:border-box;border-radius:0;font-family:var(--font-type01);padding:0;margin:0;margin-left:10px;transition:all 0.2s;cursor:pointer;}
		table.bbs_write .capthca td {display:flex;}
		table.bbs_write td .capthca_box {padding:9px 10px;border:1px solid var(--border-color01);box-sizing:border-box;display:inline-flex;font-size:0;margin-right:10px;vertical-align:middle;}
		table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {font-size:0;width:40px !important;height:40px;border:1px solid var(--border-color01);padding:0 !important;background:#fff url('../images/common/icon_btn_reset.gif') no-repeat center !important;margin-left:10px;}
		table.bbs_write tr td input[name="captcha"] {width:calc(100% - 263px);display:inline-block;min-width:auto;}
		table.bbs_write + .policy_cont {border:1px solid var(--border-color01);padding:30px;box-sizing:border-box;margin-top:40px;}
		table.bbs_write + .policy_cont > div {line-height:25px;padding-bottom:20px;}
		table.bbs_write + .policy_cont input[type="checkbox"] + label {font-size:var(--title-18);font-weight:600;color:var(--black-color03);margin:0;letter-spacing:-0.03em;}
		table.bbs_write + .policy_cont input[type="checkbox"] + label strong {font-size:inherit;font-weight:inherit;color:var(--point-color01);}
		table.bbs_write + .policy_cont .policy_text_box{word-break:keep-all;white-space:pre-line;padding:20px;box-sizing:border-box;height:130px;background:#f6f6f6;line-height:0;font-size:0}
		table.bbs_write + .policy_cont .policy_text_box textarea{height:100%;overflow-y:auto;width:100%;background:none;outline:none;border:none;font-size:15px;color:var(--black-color08);font-weight:400;line-height:1.6;letter-spacing:-0.03em;padding:0;resize:none;padding-right:10px;}
		table.bbs_write + .policy_cont .policy_text_box textarea::-webkit-scrollbar{width:4px;background: var(--border-color01);border-radius:2px;}
		table.bbs_write + .policy_cont .policy_text_box textarea::-webkit-scrollbar-thumb{width:4px;background:var(--black-color01);border-radius:2px;}
	
	@media screen and (min-width:1024px) {
		table.bbs_write td input[type*="file"] + label:hover {border-color:var(--point-color01);color:var(--point-color01);}
	}
	@media only screen and (max-width:1200px) {
		table.bbs_write tr {width:calc(50% - 15px);}
		table.bbs_write tr + tr {margin-left:30px;}
		table.bbs_write tr.w100 + tr:not(tr.w100) + tr:nth-of-type(2n+1) {margin-left:30px;}
	}
	@media only screen and (max-width:1023px) {
		table.bbs_write tr {width:calc(50% - 7.5px);}
		table.bbs_write tr + tr {margin-left:15px;}
		table.bbs_write tr.w100 + tr:not(tr.w100) + tr:nth-of-type(2n+1) {margin-left:15px;}
		table.bbs_write th {padding-top:28px;}
		table.bbs_write td select,
		table.bbs_write td input[type="text"],
		table.bbs_write td input[type="password"],
		table.bbs_write td input[type="number"],
		table.bbs_write td input[type="date"] {height:55px;}
		table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {width:35px !important;height:35px;}
		table.bbs_write tr td #captcha_box img {height:35px !important;}
		table.bbs_write tr td input[name="captcha"] {width:calc(100% - 236px);}
		table.bbs_write td input[type*="file"] {line-height:55px;height:55px;}
		table.bbs_write td input[type*="file"] + label {height:55px;line-height:55px;}
	}
	@media only screen and (max-width:860px) {
		table.bbs_write tr td #captcha_box {margin:0;}
		table.bbs_write tr td input[name="captcha"] {margin:0;}
		table.bbs_write tr {width:100%;margin-left:0 !important;}
		table.bbs_write.bbs_title {padding-bottom:30px;}
		table.bbs_write + .policy_cont {margin-top:30px;}
		table.bbs_write td select,
		table.bbs_write td input[type="text"],
		table.bbs_write td input[type="password"],
		table.bbs_write td input[type="number"],
		table.bbs_write td input[type="date"] {height:50px;}
		table.bbs_write td input[type*="file"] {line-height:50px;height:50px;}
		table.bbs_write td input[type*="file"] + label {height:50px;line-height:50px;}
		table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {width:30px !important;height:30px;}
		table.bbs_write tr td #captcha_box img {height:30px !important;}
		table.bbs_write tr td input[name="captcha"] {width:calc(100% - 206px);}
		table.bbs_write + .policy_cont {padding:25px;}
	}
	@media only screen and (max-width:640px) {
		table.bbs_write th {padding-bottom:15px;}
		table.bbs_write td select,
		table.bbs_write td input[type="text"],
		table.bbs_write td input[type="password"],
		table.bbs_write td input[type="number"],
		table.bbs_write td input[type="date"] {height:45px;}
		table.bbs_write td input[type*="file"] {width:calc(100% - 110px);line-height:45px;height:45px;}
		table.bbs_write td input[type*="file"] + label {width:100px;height:45px;line-height:45px;}
		
		table.bbs_write .capthca td {display:block;}
		table.bbs_write tr td input[name="captcha"] {width:100%;margin-top:10px;}

		table.bbs_write + .policy_cont {padding:20px;}
		table.bbs_write + .policy_cont > div {padding-bottom:10px;}
	}