@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 영역

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



/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	/** sub visual **/
		.sub_visual {position: relative; display:flex; align-items:flex-end; width: 100%; height: 500px; background-repeat: no-repeat; background-position: center; background-size:cover;}
		.sub_visual:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.90) 100%);}
			#wrap.project .sub_visual:before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.60) 100%);}
		.sub_visual .txt_wrap {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 82px;}
		.sub_visual .nav_tit.prj_tit {max-width:56%;}
		.sub_visual .nav_tit span {font-size: var(--title-20); font-weight: 500; color: rgba(255,255,255,0.8); line-height: 1;}
		.sub_visual .nav_tit h2 {margin-top: 8px; font-size: var(--title-70); color: var(--point-white); font-weight: 600; line-height: 1.2;}
		.sub_visual .nav_tit p{font-size:18px;color: var(--point-white);font-weight:400;margin-top:10px;}
		.sub_visual .nav_box {padding-bottom: 16px;}
		.sub_visual .nav_box ul {display: flex;align-items: center;justify-content: flex-end;}
		.sub_visual .nav_box ul li {position: relative; font-size: var(--title-16); color: var(--point-white); font-weight: 600; letter-spacing: -0.04em;}
		.sub_visual .nav_box ul li + li {margin-left: 14px; padding-left: 14px;}
		.sub_visual .nav_box ul li + li:before {content:""; position: absolute; left:-2px; top:9px; width: 4px; height: 4px; background: var(--point-white); box-sizing: border-box; border-radius: 100%; opacity: 0.5;}
		.sub_visual .nav_box ul li a.home {display: block; width: 100%; font-size: 0;}
		.sub_visual .nav_box ul li a.home img {margin-top: -2px;}
		.sub_visual .nav_box ul li a,
		.sub_visual .nav_box ul li span,
		.sub_visual .nav_box ul li strong {font-size: inherit; color: inherit; font-weight: inherit; letter-spacing: inherit;}
		.nav_box .prj_nav_txt{display: none;}

		@media only screen and (max-width:1430px) {
			.sub_visual {height:35vw; min-height:440px;}
			.sub_visual .txt_wrap {margin-bottom: 5.25vw;}
		}
		@media screen and (max-width:1280px) {
			.sub_visual .nav_box {padding-bottom: 1.15vw;}
		}
		@media screen and (max-width:1023px) {
			.sub_visual {height:43vw; min-height:380px;}
			.sub_visual .nav_tit h2 {margin-top: 6px;}
			.sub_visual .nav_box {padding-bottom: 9px;}
			.sub_visual .nav_tit p{font-size:16px;}
		}
		@media screen and (max-width:767px) {
			.sub_visual {height:49.6vw; min-height:340px;}
			.sub_visual .txt_wrap {align-items: flex-start; flex-direction: column; margin-bottom: 40px;}
			.sub_visual .nav_tit.prj_tit{max-width:100%;}
			.sub_visual .nav_tit h2 {margin-top: 4px; margin-bottom: 16px;}
			.sub_visual .nav_tit p{display: none;}
			.sub_visual .nav_box ul{justify-content: flex-start;}
			.nav_box .prj_nav_txt{white-space:normal;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;font-size:14px;color: var(--point-white);font-weight:400;margin-top:15px;word-break: break-all;}
		}
		@media only screen and (max-width:640px){
			.sub_visual .txt_wrap {margin-bottom: 5px;}
			.sub_visual .nav_tit h2 {margin-bottom: 12px;}
			.sub_visual .nav_tit p{font-size:14px;}
			.sub_visual .nav_box ul li + li{margin-left:9px;padding-left:9px;}
			.sub_visual .nav_box ul li + li:before{width:3px;height:3px;left:-2px;top:7px;}
			
		}
		@media only screen and (max-width:479px){
			.sub_visual {min-height:320px;}
		}

/*───────────────────────────────────────────────────────────
	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:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:#222 !important;background-color:#222 !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:2.8%;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;}

		
		.btn_wrap {position: relative; padding-top:60px;}
		.btn_wrap .btn {width:180px;height:70px;border-radius:35px;font-size:var(--title-22);font-weight:500;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-type01);border:1px solid; padding:0 15px; box-sizing: border-box;}


	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:3.8%;}
	}
	@media only screen and (max-width:1024px) {
			/* button wrapper */
		.btn_wrap {padding-top:4.2%;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.2%;}
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.8%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:8px;}
		.btn_wrap .btn {width:150px;height:60px;}
	}
	@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 {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
		.btn_wrap .btn {width:auto;height:50px;padding:0 30px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	COMMON
───────────────────────────────────────────────────────────*/
	.bg_black {width: 100%; background: var(--black-color01);}
	
	.txt_mint {color: var(--point-mint) !important;}
	
	.sub_title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
	.sub_title h3 {position: relative; padding-right: 22px; font-size: var(--title-44); color: var(--point-dark); font-weight: 600;}
	.sub_title h3:after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 8px; height: 8px; background: var(--point-mint); border-radius: 100%;}
		.bg_black .sub_title h3 {color: var(--point-white);}
		
	.sub_tab {display: inline-flex;}
	.sub_tab li {display: inline-flex; align-items: center; justify-content: center; width: auto; height: 40px; box-sizing: border-box; padding: 0 26.5px; border: 1px solid var(--point-dark); border-radius: 6px; font-size: var(--title-16); color: var(--point-dark); letter-spacing: var(--letter-04); line-height: 1; cursor: pointer;}
	.sub_tab li + li {margin-left: 20px;}
	.sub_tab li.active {background: var(--point-dark); color: var(--point-white); font-weight: 500;}
	
	/* over */
		@media screen and (min-width:1024px) {
			.sub_tab li:hover {background: var(--point-dark); color: var(--point-white);}
		}
	
	@media screen and (max-width:1280px) {
		.sub_tab li + li {margin-left: 16px;}
	} 
	@media only screen and (max-width: 1023px) {
		.sub_title {margin-bottom: 26px;}
		.sub_title h3 {padding-right: 20px;}
		.sub_title h3:after {width: 7px; height: 7px;}
		
		.sub_tab li {height: 38px; padding: 0 22px;}
		.sub_tab li + li {margin-left: 12px;}
	}
	@media only screen and (max-width: 860px) {
		.sub_title {margin-bottom: 22px;}
	}
	@media only screen and (max-width: 767px) {
		.sub_title {flex-direction: column; align-items: flex-start;}
		
		.sub_tab {margin-top: 10px;}
		.sub_tab li {height: 36px; padding: 0 20px;}
	}
	@media only screen and (max-width: 640px) {
		.sub_title {margin-bottom: 18px;}
	}
	@media only screen and (max-width: 479px) {
		.sub_tab li {height: 34px; padding: 0 18px;}
		.sub_tab li + li {margin-left: 8px;}
	}
	
	
/*───────────────────────────────────────────────────────────
	 BNOW
───────────────────────────────────────────────────────────*/
	/*** company/about (BNOW) ***/
		/* PC 일반 */
			.sub_bnow {}
			.sub_bnow .bg_black {padding: 145px 0 170px;}
			.sub_bnow .bnow_con {position: relative;}
			.sub_bnow .bnow_con > a {position: absolute; top: 0;}
			
			.sub_bnow .about_con {display: flex; justify-content: space-between; align-items: center; padding-bottom: 136px;}
			.sub_bnow .about_txt :is(h3, p) {color: var(--point-white); letter-spacing: var(--letter-04);}
			.sub_bnow .about_txt h3 {font-size: var(--title-52); font-weight: 600; line-height: 1.4;}
			.sub_bnow .about_txt p {margin-top: 38px; font-size: var(--title-18); font-weight: 100; line-height: 1.65;}
			.sub_bnow .about_img img {width: 100%; object-fit: cover; opacity: 0.1;}
			
			.sub_bnow .history_con {}
			.sub_bnow .history_con .sub_title {margin-bottom: 66px;}
			.sub_bnow .history_wrap {position: relative;}
			.sub_bnow .history_wrap:before {content: ""; position: absolute; left: 226px; /* left: 17.77%; */ top: 30px; width: 1px; height: calc(100% - 20px); background: var(--black-color03);}
			.sub_bnow .history_box {display: flex; align-items: flex-start; width: 100%;}
			.sub_bnow .history_box + .history_box {margin-top: 80px;} 
			.sub_bnow .history_box .year {position: relative; width: 226px; /* width: 17.77%; */ font-size: var(--title-50); color: var(--black-color05); font-weight: 500; letter-spacing: var(--letter-05); line-height: 1;}
			.sub_bnow .history_box .year:before, .sub_bnow .history_box .year:after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(calc(-50% + 0.5px)); box-sizing: border-box; border-radius: 100%;}
			.sub_bnow .history_box .year:before {opacity: 0; right: -12px; width: 24px; height: 24px; background: rgba(255,255,255,0.4); filter: blur(8px); -webkit-filter: blur(8px);}
			.sub_bnow .history_box .year:after {opacity: 0.5; right: -6px; width: 12px; height: 12px; border: 2px solid var(--point-white);}
			.sub_bnow .history_box .detail {width: calc(100% - 226px); /* width: calc(100% - 17.77%); */ box-sizing: border-box; padding-top: 8px; padding-left: 86px;}
			.sub_bnow .history_box .detail dl {display: flex;}
			.sub_bnow .history_box .detail dl + dl {margin-top: 22px;}
			.sub_bnow .history_box .detail dl :is(dt, dd li) {color: var(--point-white);}
			.sub_bnow .history_box .detail dt {width: 70px; font-size: var(--title-20); font-weight: 400; letter-spacing: var(--letter-05);}
			.sub_bnow .history_box .detail dd {width: calc(100% - 70px);}
			.sub_bnow .history_box .detail dd li {font-size: var(--title-18); font-weight: 100; letter-spacing: var(--letter-04); line-height: 1.6; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
			.sub_bnow .history_box .detail dd li + li {margin-top: 6px;}
			.sub_bnow .history_box .detail dd li strong {font-weight: 400;}
			.sub_bnow .history_box .detail dd .thumb {width: 180px; margin-top: 6px; margin-bottom: 17px;}
			.sub_bnow .history_box .detail dd .thumb img {object-fit: cover;}
				/* first & active */
					.sub_bnow .history_box.active .year,
					.sub_bnow .history_box:first-child .year {color: var(--point-mint);}
					.sub_bnow .history_box.active .year:before,
					.sub_bnow .history_box.active .year:after,
					.sub_bnow .history_box:first-child .year:before,
					.sub_bnow .history_box:first-child .year:after {opacity: 1;}
					.sub_bnow .history_box.active .year:before,
					.sub_bnow .history_box:first-child .year:before {animation: yearActive 2s infinite; animation-direction: reverse;}
					
			.sub_bnow .partners_con {padding-top: 100px;}
			.sub_bnow .partner_list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
			.sub_bnow .partner_list li {position: relative; width: 100%;}
			.sub_bnow .partner_list li:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color01);}
			.sub_bnow .partner_list li img {width: 100%; object-fit: cover;}

		@keyframes yearActive {0% {opacity: 0.6;} 50% {opacity: 1;} 100% {opacity: 0.6;}}
		
		@media only screen and (max-width:1023px) {
			.sub_bnow .bg_black {padding: 125px 0 150px;}
			
			.sub_bnow .about_con {padding-bottom: 116px;}
			.sub_bnow .about_txt p {margin-top: 34px;}
			.sub_bnow .about_img {width: 200px;}
			
			.sub_bnow .history_wrap:before {top: 25px; left: 186px; height: calc(100% - 15px);}
			.sub_bnow .history_box .year {width: 186px;}
			.sub_bnow .history_box .detail {width: calc(100% - 186px); padding-left: 66px;}
			.sub_bnow .history_box .detail dt {width: 60px;}
			.sub_bnow .history_box .detail dd {width: calc(100% - 60px);}
			
			.sub_bnow .partners_con {padding-top: 90px;}
			.sub_bnow .partner_list {gap: 14px;}
		}
		@media only screen and (max-width:860px) {
			.sub_bnow .bg_black {padding: 115px 0 140px;}
			
			.sub_bnow .about_con {padding-bottom: 106px;}
			.sub_bnow .about_txt p {margin-top: 30px;}
			.sub_bnow .about_img {width: 180px;}
			
			.sub_bnow .history_con .sub_title {margin-bottom: 56px;}
			.sub_bnow .history_wrap:before {top: 20px; left: 146px; height: calc(100% - 10px);}
			.sub_bnow .history_box .year {width: 146px;}
			.sub_bnow .history_box .detail {width: calc(100% - 146px); padding-left: 56px;}
			.sub_bnow .history_box .detail dt {width: 50px;}
			.sub_bnow .history_box .detail dd {width: calc(100% - 50px);}
			
			.sub_bnow .partners_con {padding-top: 80px;}
			.sub_bnow .partner_list {grid-template-columns: repeat(3, 1fr); gap: 20px;}
		}
		@media only screen and (max-width:767px) {
			.sub_bnow .about_img {position: absolute; right: 0; bottom: 60px;}
			
			.sub_bnow .partner_list {gap: 14px;}
		}
		@media only screen and (max-width:640px) {
			.sub_bnow .bg_black {padding: 95px 0 120px;}
			
			.sub_bnow .about_txt p {margin-top: 26px;}
			.sub_bnow .about_img {width: 170px; bottom: 50px;}
			
			.sub_bnow .history_con .sub_title {margin-bottom: 46px;}
			.sub_bnow .history_wrap:before {left: 16px;}
			.sub_bnow .history_box {flex-direction: column;}
			.sub_bnow .history_box + .history_box {margin-top: 60px;}
			.sub_bnow .history_box .year {width: 100%; box-sizing: border-box; padding-left: 44px;}
			.sub_bnow .history_box .year:before {left: 5px; right: inherit; width: 20px; height: 20px;}
			.sub_bnow .history_box .year:after {left: 11px; right: inherit; width: 10px; height: 10px;}
			.sub_bnow .history_box .detail {width: 100%; padding-top: 24px; padding-left: 44px;}
			.sub_bnow .history_box .detail dl + dl {margin-top: 18px;}
			.sub_bnow .history_box .detail dd .thumb {width: 140px;}
			
			.sub_bnow .partners_con {padding-top: 70px;}
			.sub_bnow .partner_list {grid-template-columns: repeat(2, 1fr);}
		}
		@media only screen and (max-width:479px) {
			.sub_bnow .bg_black {padding: 75px 0 100px;}
			
			.sub_bnow .about_txt p {width: 80%; margin-top: 22px;}
			.sub_bnow .about_txt p br {display: none;}
			.sub_bnow .about_img {width: 150px; bottom: 60px;}
			
			.sub_bnow .history_con .sub_title {margin-bottom: 36px;}
			.sub_bnow .history_box .detail {padding-top: 18px;}
			.sub_bnow .history_box .detail dl + dl {margin-top: 16px;}
			.sub_bnow .history_box .detail dt {width: 40px;}
			.sub_bnow .history_box .detail dd {width: calc(100% - 40px);}
			.sub_bnow .history_box .detail dd .thumb {width: 120px;}
			
			.sub_bnow .partners_con {padding-top: 60px;}
			.sub_bnow .partner_list {gap: 10px;}
		}
		@media only screen and (max-width:359px) {
			.sub_bnow .about_img {width: 120px; bottom: 70px;}
		}


/*───────────────────────────────────────────────────────────
	 PROJECT
───────────────────────────────────────────────────────────*/
	/*** common ***/
		.sub_project .control_box {width: 100%; padding-top: 30px; text-align: center;}
		.sub_project .control_box .controller {position: relative; display:inline-block;width:100%;}
		/* .sub_project.project_list .control_box .controller{width:auto;} */
        .sub_project .swiper-scrollbar{width:100%; height:20px; background: var(--black-color01);}
        .sub_project .swiper-scrollbar-drag{width:100%; height: 100%;border-radius:0;cursor:pointer;background:none;}
		.sub_project .swiper-scrollbar-drag:before{width:100%;height:6px;content:"";background: var(--point-white);cursor:pointer;position: absolute;top:0;left:0;}
		.sub_project .swiper-pagination {position:relative; display:inline-flex;}
		.sub_project .swiper-pagination span {width:12px;height:12px;border-radius:100%;box-sizing:border-box;border:2px solid #d9d9d9;opacity: 1; transition:all 0.6s;}
		.sub_project .swiper-pagination span:not(:last-child) {margin-right:20px;}
		.sub_project .swiper-pagination span.swiper-pagination-bullet-active {opacity:0;}
		.sub_project .circle{position:absolute;content:'';top:0;left:0;margin-left:0;transform:translateY(0);width:12px;height:12px;background: #fff;box-sizing:border-box;border-radius:100%;transition:all 0.6s;}
		
		@media screen and (max-width:1023px) {
			.sub_project .control_box {padding-top: 26px;}
		} 
		@media screen and (max-width:860px) {
			.sub_project .control_box {padding-top: 22px;}
		}  
		@media screen and (max-width:767px) {
			.sub_project .swiper-pagination span{width:8px;height:8px;border:none;background:#d9d9d9;}
				.sub_project .swiper-pagination span:not(:last-child){margin-right:10px;}
			.sub_project .circle{width:10px;height:10px;border: 2px solid #fff;background:none;top:3px;}
		}
		@media screen and (max-width:640px) {
			.sub_project .control_box {padding-top: 30px;}
		} 
		@media screen and (max-width:479px) {
			.sub_project .control_box {padding-top:10px;}
			.sub_project .swiper-scrollbar{height:40px;}
			.sub_project .swiper-scrollbar-drag:before{top:50%;transform:translateY(-50%);}
		} 
			
	/*** project/work (WORK) ***/
		/* PC 일반 */
			.project_list .w_custom {padding: 140px 0 180px;}
			.project_list .work_con + .work_con {margin-top: 100px;}
			
			.project_list .workSwiper {width: 100%;}
			.project_list .workSwiper + .workSwiper{margin-top:50px;}
			.project_list .workSwiper .swiper-slide {position:relative; width: 420px; margin-right: 40px; padding-top: 10px; overflow: hidden;}
			.project_list .workSwiper .more_plus {position:absolute; top: 30px; right: 30px; opacity:0; transition:all 0.4s; z-index:4;}
			.project_list .workSwiper .link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
			.project_list .workSwiper .thumb {background:var(--point-dark); border-radius:10px; font-size:0; transition: all 0.4s;position: relative;}
			.project_list .workSwiper .thumb span {position:relative; display:inline-block; border-radius:10px; transition:all 0.4s; overflow:hidden;}
			.project_list .workSwiper .thumb span:before, .project_list .workSwiper .thumb span:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-radius: 10px;}
			.project_list .workSwiper .thumb span:before {border: 2px solid #fff; opacity:0; z-index: 1; transition:all 0.4s;}
			.project_list .workSwiper .thumb span:after {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);}
			.project_list .workSwiper .thumb span img {width: 100%; object-fit: cover; transition: all 0.4s;}
			.project_list .workSwiper .info, .project_list .workSwiper .link_list {position:absolute; left: 30px; bottom: 32px; width: calc(100% - 60px); transition:all 0.4s;}
			.project_list .workSwiper .info .work_tag {display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px; width: 70px; height: 28px; border-radius: 28px; font-size: var(--title-14); color: var(--black-color03); font-weight: 700; letter-spacing: var(--letter-03); line-height: 1;}
				.project_list .workSwiper .info .work_tag.yahwa {background: #DE7676;}
				.project_list .workSwiper .info .work_tag.newem {background: #FFF1D6;}
				.project_list .workSwiper .info .work_tag.nolove {background: #DABDFF;}
				.project_list .workSwiper .info .work_tag.oaktree {background: #FFAD7E;}
				.project_list .workSwiper .info .work_tag.pdl {background: #F2BCFF;}
				.project_list .workSwiper .info .work_tag.bongchon {background: #9BE8A8;}
				.project_list .workSwiper .info .work_tag.evenif {background: #97BAFF;}
				.project_list .workSwiper .info .work_tag.seer {background: #FF76DD;}
				.project_list .workSwiper .info .work_tag.convin {background: #ADFFE6;}
				.project_list .workSwiper .info .work_tag.dord {background: #FFF282;}
				.project_list .workSwiper .info .work_tag.fourweek {background: #FFB986;}
				.project_list .workSwiper .info .work_tag.alpha {background: #FFE6C1;}
				.project_list .workSwiper .info .work_tag.third_end {background: #FF9898;}
				.project_list .workSwiper .info .work_tag.tiger {background: #9EDCFF;}
				.project_list .workSwiper .info .work_tag.dragon {background: #85FFD8;}
				.project_list .workSwiper .info .work_tag.sweet {background: #FFF494;}
				.project_list .workSwiper .info .work_tag.ennead {background: #FFF0CA;}
				.project_list .workSwiper .info .work_tag.clean {background: #FFD177;}
				.project_list .workSwiper .info .work_tag.payback {background: #A0B5FF;}
				.project_list .workSwiper .info .work_tag.husband {background: #FDFF9C;}
				.project_list .workSwiper .info .work_tag.moolbam {background: #C0CFF5;}
				.project_list .workSwiper .info .work_tag.mohoham {background: #C9BDAB;}
				.project_list .workSwiper .info .work_tag.gongsagu {background: #FD7A97;}
				.project_list .workSwiper .info .work_tag.ssul {background: #FFD177;}
				.project_list .workSwiper .info .work_tag.greenlight {background: #14EC39;}
				.project_list .workSwiper .info .work_tag.lovehistory {background: #E8A6A0;}
				.project_list .workSwiper .info .work_tag.limitedrun {background: #5E6CFF; color: white;}
				.project_list .workSwiper .info .work_tag.checkmate {background: #9B8484; color: white;}
				.project_list .workSwiper .info .work_tag.onetoten {background: #FF638D;}
				.project_list .workSwiper .info .work_tag.dawndragon {background: #719FE4;}
				.project_list .workSwiper .info .work_tag.gigoftheday {background: #F27A74;}
				.project_list .workSwiper .info .work_tag.crymeariver {background: #0C785C;}
				.project_list .workSwiper .info .work_tag.savethedae {background: #1D2247;}
				.project_list .workSwiper .info .work_tag.nikke {background: #DD2D48;}
				.project_list .workSwiper .info .work_tag.bluearchive {background: #2898F4;}
				.project_list .workSwiper .info .work_tag.adela {background: #FF45AD;}
				.project_list .workSwiper .info .work_tag.soon_game {background: #FDC8E2;}
				.project_list .workSwiper .info .work_tag.soon_character {background: #FAA0A0;}
			.project_list .workSwiper .info dt, .project_list .workSwiper .info dd {color: var(--point-white); letter-spacing: var(--letter-04); font-family: 'Noto Sans KR', sans-serif;}
			.project_list .workSwiper .info dt {font-size:var(--title-30); font-weight:600; line-height: 1.3;}
			.project_list .workSwiper .info dd {font-size:var(--title-16); font-weight:300; line-height: 1.5; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
			.project_list .workSwiper .info dt + dd {margin-top: 15px;}
			.project_list .workSwiper .link_list {bottom: 40px; transform:translateY(46px); display: flex; justify-content: space-between; opacity:0; transition:all 0.4s; z-index: 6;}
			.project_list .workSwiper .link_list .left {display: inline-flex;}
			.project_list .workSwiper .link_list li {font-size: 0;}
			.project_list .workSwiper .link_list li + li {margin-left: 10px;}
			.project_list .workSwiper .link_list li a {display:inline-block; box-sizing: border-box; border:1px solid var(--point-white); border-radius:6px; overflow:hidden;}
			.project_list .workSwiper .link_list li a img {width: auto; height: 100%;}
			.project_list .workSwiper .link_list .right li a {width:48px;height:48px;padding:8px 8px;}
			
			/* over */
				@media screen and (min-width:1024px) {
					.project_list .workSwiper .swiper-slide:hover .more_plus {opacity:1;}
					.project_list .workSwiper .swiper-slide:hover .thumb {background: var(--black-color02);}
					.project_list .workSwiper .swiper-slide:hover .thumb span {opacity:1; transform:translateY(-10px);}
					.project_list .workSwiper .swiper-slide:hover .thumb span:before {opacity:1;}
					.project_list .workSwiper .swiper-slide:hover .thumb span img {transform: scale(1.07); transform-origin: center bottom;}
					.project_list .workSwiper .swiper-slide:hover .info {transform:translateY(-86px);}
					.project_list .workSwiper .swiper-slide:hover .link_list {transform:translateY(0); opacity:1;}
				}
				
			@media screen and (max-width:1280px) {
				.project_list .workSwiper .swiper-slide{width:32vw; margin-right:2.2vw;}
				.project_list .workSwiper .info dd br {display: none;}
			} 
			@media screen and (max-width:1170px) {
				.project_list .workSwiper .info, .project_list .workSwiper .link_list {left: 25px; bottom: 25px; width: calc(100% - 50px);}
				.project_list .workSwiper .link_list {bottom: 35px;}
				.project_list .workSwiper .link_list li a {height: 42px;}
				.project_list .workSwiper .link_list .right li a{width:42px;height:42px;padding:6px 6px;}
					
				.project_list .workSwiper .swiper-slide:hover .info {transform: translateY(-78px);}
			}
			@media screen and (max-width:1023px) {
				.project_list .w_custom {padding: 120px 0 160px;}
				.project_list .work_con + .work_con {margin-top: 90px;}
				
				.project_list .workSwiper .swiper-slide {width: 38vw; margin-right: 3.4vw;}
				.project_list .workSwiper .info, .project_list .workSwiper .link_list {left: 16px; bottom: 20px; width: calc(100% - 32px);}
				.project_list .workSwiper .info {transform: translateY(-70px);}
				.project_list .workSwiper .info .work_tag {width: 66px; height: 26px; border-radius: 26px;}
				.project_list .workSwiper .info dt + dd {margin-top: 12px;}
				.project_list .workSwiper .link_list {transform:translateY(0); opacity:1;}
			} 
			@media screen and (max-width:860px) {
				.project_list .w_custom {padding: 110px 0 150px;}
				.project_list .work_con + .work_con {margin-top: 80px;}
				
				.project_list .workSwiper .info {transform: translateY(-60px);}
				.project_list .workSwiper .link_list li + li {margin-left: 8px;}
				.project_list .workSwiper .link_list li a {height: 38px;}
				.project_list .workSwiper .link_list .right li a{width:38px;height:38px;}
			}
			@media screen and (max-width:767px) {
				.project_list .workSwiper .swiper-slide {width: 44vw;}
			} 
			@media screen and (max-width:640px) {
				.project_list .w_custom {padding: 90px 0 130px;}
				.project_list .work_con + .work_con {margin-top: 70px;}
				
				.project_list .workSwiper + .workSwiper{margin-top:30px;}
				.project_list .workSwiper .swiper-slide {width: 54vw; margin-right: 4.6vw;}
			}
			@media screen and (max-width:520px) {
				.project_list .workSwiper .swiper-slide {width: 60vw; margin-rgiht: 5.4vw;}
				.project_list .workSwiper .info, .project_list .workSwiper .link_list {left: 12px; width: calc(100% - 24px);}
				.project_list .workSwiper .info {transform: translateY(-52px);}
				.project_list .workSwiper .info .work_tag {width: 62px; height: 24px; border-radius: 24px; margin-bottom: 8px;}
				.project_list .workSwiper .info dt + dd {margin-top: 10px;}
				.project_list .workSwiper .info dd {-webkit-line-clamp: 2;}
				.project_list .workSwiper .link_list li a {height: 34px;}
				.project_list .workSwiper .link_list .right li a{width:34px;height:34px;padding:5px;}
			}
			@media screen and (max-width:479px) {
				.project_list .w_custom {padding: 70px 0 110px;}
				.project_list .work_con + .work_con {margin-top: 60px;}
			}
			@media screen and (max-width:410px) {
				.project_list .workSwiper .swiper-slide {width: 77vw;}
			} 
			
			
	/*** project/third_end && project/no_love_zone (WORK VIEW) ***/
		/* PC 일반 */
			.project_view .video_con {padding: 140px 0;}
			.project_view .videoSwiper {width: 100%; overflow: hidden;}
			.project_view .videoSwiper li {position:relative; padding-bottom: 17.6%;/* width: calc(100% / 3 - 26.5px); margin-right:40px; */}
			.project_view .videoSwiper li iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* pointer-events: none; */}
			/* .project_view .videoSwiper li video {width: 100%;} */
			
			.project_view .card_con {padding-top: 100px;}
			.project_view .card_box {height: 0; overflow: hidden;}
			.project_view .card_box.active {height: auto; overflow: visible;}
			.project_view .card_list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px 32.5px;}
			.project_view .card_list li, .project_view .card_list li .thumb {width: 100%;}
			.project_view .card_list li .thumb {border-radius: 10px; overflow: hidden;}
			.project_view .card_list li .thumb img {width: 100%; object-fit: cover; transition: all 0.4s;}
			.project_view .card_list li p {padding-top: 12px; font-size: var(--title-18); color: var(--black-color02); font-weight: 500; letter-spacing: var(--letter-02); text-align: center; word-break: break-all;} 

			/* 아델라 전용 */
			.project_view .card_con2 {padding-top: 100px;}
			.project_view .card_box2 {height: 0; overflow: hidden;}
			.project_view .card_box.active2 {height: auto; overflow: visible;}
			.project_view .card_list2 {display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px 32.5px;}
			.project_view .card_list2 li, .project_view .card_list li .thumb {width: 100%;}
			.project_view .card_list2 li .thumb {border-radius: 10px; overflow: hidden;}
			.project_view .card_list2 li .thumb img {width: 100%; object-fit: cover; transition: all 0.4s;}
			.project_view .card_list2 li:last-child .thumb img {width: 100%; height: auto; object-fit: cover;}
			.project_view .card_list2 li p {padding-top: 12px; font-size: var(--title-18); color: var(--black-color02); font-weight: 500; letter-spacing: var(--letter-02); text-align: center; word-break: break-all;} 
			.project_view .card_list2 li:last-child {grid-column: span 2;}
			/* 아델라 전용 */

			/* 미필고고 전용 */
			.project_view .card_con3 {padding-top: 100px;}
			.project_view .card_box3 {height: 0; overflow: hidden;}
			.project_view .card_box.active3 {height: auto; overflow: visible;}
			.project_view .card_list3 {display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px 32.5px;}
			.project_view .card_list3 li, .project_view .card_list li .thumb {width: 100%;}
			.project_view .card_list3 li .thumb {border-radius: 10px; overflow: hidden;}
			.project_view .card_list3 li .thumb img {width: 100%; object-fit: cover; transition: all 0.4s;}
			.project_view .card_list3 li:last-child .thumb img {width: 100%; height: auto; object-fit: cover;}
			.project_view .card_list3 li p {padding-top: 12px; font-size: var(--title-18); color: var(--black-color02); font-weight: 500; letter-spacing: var(--letter-02); text-align: center; word-break: break-all;} 
			.project_view .card_list3 li:last-child {grid-column: span 2;}
			/* 미필고 전용 */

			
			/* over */
				@media screen and (min-width:1024px) {
					.project_view .card_list li:hover .thumb img {transform: scale(1.06);}
				}
				
			@media screen and (max-width:1280px) {
				.project_view .card_list {gap: 36px 28px;}
			} 
			@media only screen and (max-width:1023px) {
				.project_view .video_con {padding: 120px 0;}
				.project_view .videoSwiper li {padding-bottom: 27.2%;}
				
				.project_view .card_con {padding-top: 90px;}
				.project_view .card_list {gap: 32px 24px;}
			}
			@media only screen and (max-width:860px) {
				.project_view .video_con {padding: 110px 0;}
				
				.project_view .card_con {padding-top: 80px;}
				.project_view .card_list {grid-template-columns: repeat(4, 1fr);}
			}
			@media only screen and (max-width:767px) {
				.project_view .card_list {gap: 28px 20px;}

				/* 아델라 전용 */
				.project_view .card_list2 {
					grid-template-columns: repeat(2, 1fr); /* 모바일에서 2열로 변경 */
					gap: 20px 16px; /* 간격 축소 */
				}
				.project_view .card_list2 li:last-child {
					grid-column: span 2; /* 열 확장 해제 */
				}
				.project_view .card_list2 li .thumb img {
					height: auto; /* 모바일 환경에서 고정 높이 */
				}

				.project_view .card_list2 li:nth-child(3) {
					order: 4; /* 3번을 4번 자리로 이동 */
				}
			
				.project_view .card_list2 li:nth-child(4) {
					order: 3; /* 4번을 3번 자리로 이동 */
				}
				/*아델라 전용*/

				/* 미필고 전용 */
				.project_view .card_list3 {
					grid-template-columns: repeat(2, 1fr); /* 모바일에서 2열로 변경 */
					gap: 20px 16px; /* 간격 축소 */
				}
				/* 마지막에서 하나 전 이미지를 새로운 행에서 시작하도록 설정 */
				.project_view .card_list3 li:last-child(2) {
					grid-column: 1 / -1;
					margin-top: 20px; /* 위쪽 여백 추가 (선택 사항) */
				}
				.project_view .card_list3 li:last-child {
					grid-column: span 2 !important; /* 열 확장 해제 */
				}
				.project_view .card_list3 li .thumb img {
					height: auto; /* 모바일 환경에서 고정 높이 */
				}
				/*미필고 전용*/
			}
			@media only screen and (max-width:640px) {
				.project_view .video_con {padding: 90px 0;}
				.project_view .videoSwiper li {padding-bottom: 56.25%;}
				
				.project_view .card_con {padding-top: 70px;}
				.project_view .card_list {grid-template-columns: repeat(3, 1fr); gap: 24px 16px;}
			}
			@media only screen and (max-width:479px) {
				.project_view .video_con {padding: 70px 0;}
				
				.project_view .card_con {padding-top: 60px;}
				.project_view .card_list {gap: 22px 14px;}
			}
			@media only screen and (max-width:359px) {
				.project_view .card_list {grid-template-columns: repeat(2, 1fr); gap: 24px 16px;}
			}






/*───────────────────────────────────────────────────────────
	 FUN & PLAY
───────────────────────────────────────────────────────────*/
	.sub_arguide .w_custom {padding:140px 0 180px;}
	.sub_arguide .guide_list {counter-reset: section;padding-top:60px;}
	.sub_arguide .guide_list > li {padding-left:150px;position:relative;}
	.sub_arguide .guide_list > li + li {margin-top:140px;}
	.sub_arguide .guide_list > li:before {content:'';display:block;position:absolute;width:110px;height:110px;background:var(--black-color02);top:0;left:0;border-radius:100%;}
	.sub_arguide .guide_list > li:after {content: counter(section);counter-increment: section;font-size:var(--title-60);font-weight:600;color:var(--point-white);position:absolute;top:-20px;left:20px;}
	.sub_arguide .guide_list > li h4 {font-size:var(--title-28);font-weight:500;color:var(--point-white);letter-spacing:-0.04em;height:110px;display:flex;align-items:center;}
	.sub_arguide .guide_list > li .step {display:flex;padding-top:30px;}
	.sub_arguide .guide_list > li .step li {width:calc(33.333% - 96px);position:relative;text-align:center;}
	.sub_arguide .guide_list > li .step li + li {padding-left:144px;}
	.sub_arguide .guide_list > li .step li .img_wrap {position:relative;}
	.sub_arguide .guide_list > li .step li + li .img_wrap:before {content:'';display:block;position:absolute;width:19px;height:11px;background:url('../images/sub/arguide_arrow.svg') no-repeat center;background-size:cover;top: 50%;transform:translateY(-50%);left: -82px;}
	.sub_arguide .guide_list > li .step li .txt_wrap {padding-top:30px;}
	.sub_arguide .guide_list > li .step li .txt_wrap strong {display:block;font-size:var(--title-20);font-weight:500;color:var(--point-white);line-height:1.6;letter-spacing:-0.05em;}
	.sub_arguide .guide_list > li .step li .txt_wrap p {font-size:var(--title-16);line-height:1.6;font-weight:300;color:var(--point-white);letter-spacing:-0.05em;padding-top:10px;}
	.sub_arguide .guide_list > li .step li .txt_wrap p em {font-size:inherit;font-weight:inherit;color:var(--black-color08);}
	.sub_arguide .guide_list > li .step li .txt_wrap p b {font-size:inherit;font-weight:500;color:inherit;}
	
	@media only screen and (max-width:1023px){
		.sub_arguide .w_custom {padding:120px 0 160px;}
		.sub_arguide .guide_list > li:before {width:100px;height:100px;}
		.sub_arguide .guide_list > li {padding-left:140px;}
		.sub_arguide .guide_list > li h4 {height:100px;}
		.sub_arguide .guide_list > li .step li {width:calc(33.333% - 80px);}
		.sub_arguide .guide_list > li .step li + li {padding-left:120px;}
		.sub_arguide .guide_list > li .step li + li .img_wrap:before {left:-68px;}
	}
	@media only screen and (max-width:860px){
		.sub_arguide .w_custom {padding:110px 0 150px;}
		.sub_arguide .guide_list > li:before {width:80px;height:80px;}
		.sub_arguide .guide_list > li {padding-left:120px;}
		.sub_arguide .guide_list > li h4 {height:80px;}
		.sub_arguide .guide_list > li .step li {width:calc(33.333% - 66.666px);}
		.sub_arguide .guide_list > li .step li + li {padding-left:100px;}
		.sub_arguide .guide_list > li .step li + li .img_wrap:before {left:-60px;}
	}
	@media only screen and (max-width:768px){
		.sub_arguide .guide_list > li {padding-left:0;}
		.sub_arguide .guide_list > li:before {width:70px;height:70px;left:0;}
		.sub_arguide .guide_list > li h4 {padding-left:100px;height:70px;}
		.sub_arguide .guide_list > li:after {left:15px;}
		.sub_arguide .guide_list > li .step li {width:calc(33.333% - 40px);}
		.sub_arguide .guide_list > li .step li + li {padding-left:60px;}
		.sub_arguide .guide_list > li .step li + li .img_wrap:before {left:-40px;width:16px;height:10px;}
	}
	@media only screen and (max-width:640px){
		.sub_arguide .w_custom {padding:90px 0 130px;}
		.sub_arguide .guide_list {padding-top:40px;}
		.sub_arguide .guide_list > li .step {display:block;text-align:center;padding:30px 40px 0;}
		.sub_arguide .guide_list > li .step li {width:100%;}
		.sub_arguide .guide_list > li .step li + li {padding-left:0;padding-top:50px;}
		.sub_arguide .guide_list > li .step li + li .img_wrap:before {display:none;}
		.sub_arguide .guide_list > li .step li .txt_wrap {padding-top:20px;}
		.sub_arguide .guide_list > li .step li .txt_wrap p br {display:none;}
		.sub_arguide .guide_list > li .step li .txt_wrap p em {display:block;}
	}
	@media only screen and (max-width:479px){
		.sub_arguide .w_custom {padding:70px 0 110px;}
		.sub_arguide .guide_list > li:before {width:60px;height:60px;left:0;}
		.sub_arguide .guide_list > li h4 {padding-left:80px;height:60px;}
		.sub_arguide .guide_list > li:after {left:10px;}
		.sub_arguide .guide_list > li .step {padding:30px 30px 0;}
	}

/*───────────────────────────────────────────────────────────
	 CONTACT
───────────────────────────────────────────────────────────*/	
	.sub_contact {}
	.sub_contact .w_custom {display:flex;padding:140px 0 180px;}
	.sub_contact .side_menu {width:220px;}
	.sub_contact .side_menu li {text-align:center;}
	.sub_contact .side_menu li + li {margin-top:20px;}
	.sub_contact .side_menu li a {display:block;width:100%;height:70px;border-radius:6px;border:1px solid var(--point-white);box-sizing:border-box;font-size:var(--title-18);color:var(--point-white);display:inline-flex;align-items:center;justify-content:center; transition: all 0.4s;}
	.sub_contact .side_menu li.on a {background:var(--point-white);color:var(--black-color00);font-weight:500;}
	.sub_contact .contact_cont {padding-left:80px;width:calc(100% - 220px);box-sizing:border-box;}
	.sub_contact .contact_cont .sub_title {align-items:flex-start;flex-direction: column;padding-bottom:10px;}
	.sub_contact .contact_cont .contact_adr {font-size:var(--title-20);font-weight:400;line-height:1.5;letter-spacing:-0.04em;padding-top:20px;color:var(--point-white);opacity:0.8;}
	.sub_contact .contact_cont .map_box {max-width:800px; width:100%;height:0;padding-bottom:500px;position:relative}
	.sub_contact .contact_cont .map_box .root_daum_roughmap_landing {width:100%;height:100%;position:absolute;}
	.sub_contact .contact_cont .map_box .root_daum_roughmap .wrap_map {height:100%;}
	.sub_contact .contact_cont .contact_list {display:flex;}
	.sub_contact .contact_cont .contact_list li {width:calc(50% - 20px);border-radius:6px;border:1px solid rgba(255,255,255,0.2);height:160px;display:inline-flex;align-items:center;padding-left:40px;transition:all 0.4s;position:relative;box-sizing:border-box;}
	.sub_contact .contact_cont .contact_list li + li {margin-left:40px;}
	.sub_contact .contact_cont .contact_list li:nth-of-type(1) {background:url('../images/sub/contact_icon01.png') no-repeat center right 40px;}
	.sub_contact .contact_cont .contact_list li:nth-of-type(2) {background:url('../images/sub/contact_icon02.png') no-repeat center right 40px;}
	.sub_contact .contact_cont .contact_list li a {position:absolute;width:100%;height:100%;top:0;left:0;}
	.sub_contact .contact_cont .contact_list li .txt_wrap {}
	.sub_contact .contact_cont .contact_list li .txt_wrap strong {display:block;font-size:var(--title-24);font-weight:500;color:var(--point-white);letter-spacing:-0.04em;}
	.sub_contact .contact_cont .contact_list li .txt_wrap p {font-size:var(--title-18);font-weight:400;color:var(--black-color08);line-height:2;padding-top:8px;letter-spacing:-0.04em;}

	/* over */
		@media screen and (min-width:1024px) {
            .sub_contact .side_menu li a:hover{background:var(--point-white);color:var(--black-color00);}
			.sub_contact .contact_cont .contact_list li:hover {border-color:var(--point-white);}
		}

	@media only screen and (max-width:1023px){
		.sub_contact .w_custom {padding:120px 0 160px;}
		.sub_contact .side_menu {width:200px;}
		.sub_contact .contact_cont {padding-left:70px;width:calc(100% - 200px);}
		.sub_contact .contact_cont .map_box {padding-bottom:59%;}
	}
	@media only screen and (max-width:860px){
		.sub_contact .w_custom {padding:110px 0 150px;}
		.sub_contact .w_custom {display:block;}
		.sub_contact .side_menu {display:flex;width:100%;}
		.sub_contact .side_menu li {width:calc(50% - 5px);padding-bottom:40px;}
		.sub_contact .side_menu li + li {margin-top:0;margin-left:10px;}
		.sub_contact .side_menu li a {height:60px;}
		.sub_contact .contact_cont {padding-left:0;width:100%;}
		.sub_contact .contact_cont .sub_title p {padding-top:15px;}
		.sub_contact .contact_cont .map_box {padding-bottom:70%;}
		.sub_contact .contact_cont .contact_list li {width:calc(50% - 10px);padding-left:30px;height:150px;}
		.sub_contact .contact_cont .contact_list li + li {margin-left:20px;}
		.sub_contact .contact_cont .contact_list li:nth-of-type(1) {background-size:66px auto;background-position:center right 30px;}
		.sub_contact .contact_cont .contact_list li:nth-of-type(2) {background-size:80px auto;background-position:center right 30px;}
		.sub_contact .contact_cont .contact_list li .txt_wrap p {padding-top:5px;}
	}
	@media only screen and (max-width:767px){
		.sub_contact .side_menu li a {height:55px;}
		
	}
	@media only screen and (max-width:640px){
		.sub_contact .w_custom {padding:90px 0 130px;}
		.sub_contact .side_menu li a {height:50px;}
		.sub_contact .contact_cont .map_box {padding-bottom:80%;}
		.sub_contact .contact_cont .contact_list {display:block;}
		.sub_contact .contact_cont .contact_list li {width:100%;}
		.sub_contact .contact_cont .contact_list li + li {margin-top:20px;margin-left:0;}
	}
	@media only screen and (max-width:479px){
		.sub_contact .w_custom {padding:70px 0 110px;}
		.sub_contact .contact_cont .contact_list li {height:120px;}
	}
/*───────────────────────────────────────────────────────────
	 board
───────────────────────────────────────────────────────────*/	
	/* 검색 */
		.preface_list{display:flex; flex-wrap:wrap; gap:20px;}
		.preface_list li a{display:inline-flex; padding:6.5px 26px; border:1px solid var(--black-color00); font-size:var(--title-18); font-weight:400; color:var(--black-color00); transition:all 0.4s;border-radius:6px;}
		.preface_list li.on a{background:var(--black-color00) ; border-color:var(--black-color00) ; color:#fff;font-weight:500;}
		.preface_list li:nth-of-type(3).on a{background:var(--point-yellow02) ; border-color:var(--point-yellow02) ; color:var(--black-color03);}
		.preface_list li:nth-of-type(4).on a{background:var(--point-pink) ; border-color:var(--point-pink) ; color:var(--black-color03);}
		.preface_list li:nth-of-type(5).on a{background:var(--point-purple) ; border-color:var(--point-purple) ; color:var(--black-color03);}
		.preface_sel{display:none}
			
			/* over */
			@media only screen and (min-width:1024px){
				.preface_list li a:hover{background:var(--black-color00) ; border-color:var(--black-color00) ; color:#fff;}
				.preface_list li:nth-of-type(3) a:hover{background:var(--point-yellow02) ; border-color:var(--point-yellow02) ; color:var(--black-color03);}
				.preface_list li:nth-of-type(4) a:hover{background:var(--point-pink) ; border-color:var(--point-pink) ; color:var(--black-color03);}
				.preface_list li:nth-of-type(5) a:hover{background:var(--point-purple) ; border-color:var(--point-purple) ; color:var(--black-color03);}
			}

		.sub_board .sub_title {}
		select{border:1px solid var(--border-color01); background:#fff url('../images/sub/select_arw.svg') no-repeat calc(100% - 25px) 50%; box-sizing:border-box; appearance: none; padding:0 25px;}
		input[type="text"], input[type="password"], input[type="number"], input[type="date"]{border:1px solid var(--border-color01); background:#fff; padding:0 18px; box-sizing:border-box;}
		.bd_search{box-sizing:border-box;font-size:0;text-align:center;margin-bottom:40px;text-align:right;}
		.bd_search.df {display:flex;align-items:center;justify-content:space-between;}
		.bd_search .board_search_sel{display:inline-block;width: 120px;height: 50px;margin-right:20px;}
		.bd_search .board_search_sel select{width:100%;height:100%;font-size:var(--title-16);font-weight:400;color:var(--black-color06);letter-spacing:-0.04em;border-radius: 0;font-family:'Poppins','Noto Sans KR', 'Malgun Gothic', sans-serif;border: 0;padding: 0;border-bottom: 1px solid #000;background: #fff url('../images/sub/select_arw.svg') no-repeat center right;}
		.bd_search .inp_custom {position: relative;display:inline-block;}
		.bd_search .input_text{width:250px;height: 50px;font-size:var(--title-16);font-weight:400;color:var(--black-color06);letter-spacing:-0.04em;border-radius: 0;border: 0;border-bottom: 1px solid var(--black-color00);padding: 0 40px 0 0;}
		.bd_search .search_btn{display:inline-block;width: 22px;height: 22px;background: url('../images/sub/search_btn.svg') no-repeat center;background-size: 100%;border:0;font-size:0;border-radius:0 6px 6px 0;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

		
		@media only screen and (max-width:1100px) {
            .preface_list{gap:10px;}
			.bd_search .board_search_sel {margin-right:10px;}
		}
		@media only screen and (max-width:1023px) {
			.preface_list li a{padding:10px 25px;}

			.bd_search{margin-bottom:30px;}
			.bd_search.df{flex-direction: column;align-items: flex-start;}
			.bd_search.df fieldset{display: block;width:100%;text-align: right;}
			.bd_search .board_search_sel, .bd_search .input_text, .bd_search .search_btn{height:50px;}
			.bd_search .board_search_sel select, .bd_search .input_text{}
		}
		@media only screen and (max-width:988px) {
			.bd_search {display:block;}
			.bd_search fieldset {text-align:right;}
			.preface_list {margin-bottom:20px;}
		}
		@media only screen and (max-width:860px) {
			.preface_list li a{padding:10px 20px;}
		}
		@media only screen and (max-width:768px) {
			.preface_list{margin-top:10px;justify-content: center;}
		}
		@media only screen and (max-width:640px) {
			.preface_sel{/* display:block; */width:100%;height:45px;margin-bottom:10px;}
			.bd_search{margin-bottom:30px;}
			.bd_search .board_search_sel, .bd_search .input_text, .bd_search .search_btn{height:45px;}
			.bd_search .input_text {width:100%;}
			.bd_search .board_search_sel select{}
			.bd_search .board_search_sel{width:140px;}
			.bd_search .inp_custom{width: calc(100% - 150px);}
			.bd_search .search_btn{/* width:45px; */background-size:22px auto;}
		}
		@media only screen and (max-width:479px) {
			.preface_list li a{padding:9px 15px;}
			.preface_sel{height:40px;}
			.bd_search{margin-bottom:25px;}
			.bd_search{}
			.bd_search .board_search_sel, .bd_search .input_text, .bd_search .search_btn{height:40px;}
			.bd_search .board_search_sel select, .bd_search .input_text{}
			.bd_search .board_search_sel{width:120px;}
			.bd_search .inp_custom{width: calc(100% - 130px);}
			.bd_search .search_btn{/* width:40px; */background-size: 17px auto;}
		}
		@media only screen and (max-width:431px) {
			.bd_search{margin-bottom:20px;}
			.bd_search .board_search_sel{/* width:100px; */}
			.bd_search .input_text{/* width:calc(100% - 150px); */}
		}
		@media only screen and (max-width:360px) {
			.bd_search .board_search_sel{width:100%; margin:0 0 10px;}
			.bd_search .inp_custom{width: 100%;}
		}
	
	/* 갤러리 */
		#wrap ul.bbs_gallery {font-size:0;width:calc(100% + 40px);margin-top:-20px;margin-left:-20px;padding:0;}
		#wrap ul.bbs_gallery li {width:33.333%;margin:0;padding: 20px;box-sizing: border-box;float:none;}
		#wrap ul.bbs_gallery li.grid-sizer {padding:0;margin:0;}
		#wrap ul.bbs_gallery li .thumb {padding:0;border:0;height:auto;}
		#wrap ul.bbs_gallery li .thumb img {position:static;transform:inherit;height:auto;left:auto;width:100%;}


		/* pagaing wrap */
		#wrap .paging {text-align:center;padding-top:2px;line-height: 32px;font-size:0;margin:60px auto 0;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;font-weight:400;color: #666;padding: 0 5px;border: 0;box-sizing:border-box;height: 32px;line-height: 32px;min-width: 32px;text-align:center;vertical-align:top;}
		#wrap .paging a img {height:32px;width:32px;vertical-align:top;}
		#wrap .paging span + span a, #wrap .paging a + a, #wrap .paging a + span a{border-left:0;}
		#wrap .paging .on a, #wrap .paging a.on{background:var(--point-yellow);color:#fff;font-weight:500;width:32px;border-radius:100%;}
		#wrap .paging .on a:hover{color:#fff;font-weight:400;}
		#wrap .paging .arrow a {font-size:0;width: 32px;}
		#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:10px;}
		#wrap .paging .arrow.next a {background:#fff url("../images/sub/paging-next.png") no-repeat 50% 50%;background-size:auto; margin-left:10px;}
		#wrap .paging .arrow.last a {background:#fff url("../images/sub/paging-last.png") no-repeat 50% 50%;background-size:auto;}
		.view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
		.view_btn .paging {display:inline-block;}
		
		@media only screen and (max-width:1023px) {
			#wrap ul.bbs_gallery {width:calc(100% + 20px);margin-top:-10px;margin-left:-10px;}
			#wrap ul.bbs_gallery li {width:33.333%;margin:0;padding:10px;box-sizing: border-box;float:none;}
		}
		@media only screen and (max-width:640px) {
			#wrap ul.bbs_gallery {width:calc(100% + 15px);margin-top:-7.5px;margin-left:-7.5px;}
			#wrap ul.bbs_gallery li {width:50%;padding:7.5px;}
		}


	/* 일반형 목록 */
		table.bbs_list {border-top:2px solid var(--black-color00);border-bottom:1px solid var(--border-color01);width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
		table.bbs_list tr {}
		table.bbs_list tr.board_notice td {background:#f4f4f4;}
		table.bbs_list tr.board_notice td:nth-of-type(1) {color:#eb3949;font-weight:600;}
		table.bbs_list th,
		table.bbs_list td {padding-left:12px;padding-right:12px;font-size:var(--title-18);letter-spacing:-0.02em;font-weight:500;color:var(--black-color00);text-align:center;vertical-align:middle;}
		table.bbs_list td a,
		table.bbs_list td em,
		table.bbs_list td strong,
		table.bbs_list td span {font-size:inherit;line-height:inherit;}
		table.bbs_list th {padding-top:21px;padding-bottom:21px;border-bottom: 1px solid var(--border-color01);color:#333;}
		table.bbs_list td {padding-top:20px;padding-bottom:18px;font-weight:400;color:var(--black-color08);font-size:var(--title-16);}
		table.bbs_list td .board_tit {display: flex;align-items: center;gap: 0 10px;}
		table.bbs_list td .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;}
		table.bbs_list td .board_tit .board_ico,
		table.bbs_list td .board_tit img,
		table.bbs_list td .board_tit h3,
		table.bbs_list td .board_tit span {display:inline-block;vertical-align:middle;}
		table.bbs_list td .board_tit h3 .board_ico {display: inline-block;font-size: 0; display: none;}
		table.bbs_list td .board_tit img {vertical-align: middle;margin-right: 5px;}
		table.bbs_list td .board_tit h3 {font-weight: 400;font-size:var(--title-16);color: var(--balck-color08);display: inline-block;vertical-align: middle;width: 100%;max-width: 900px;}
		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;}
        table.bbs_list td .board_tit h3 strong em{font-size: 80%; font-weight: 400; color: var(--point-white); padding:4px 8px 3px; display: inline-flex; background:var(--black-color00); box-sizing: border-box; border-radius: 4px; margin-right: 8px;}
        table.bbs_list td .board_tit h3 strong em[title="UPDATE"]{background: var(--point-yellow02); color: var(--black-color00); font-weight: 500;}
        table.bbs_list td .board_tit h3 strong em[title="NEWS"]{background: var(--point-pink); color: var(--black-color00); font-weight: 500;}
        table.bbs_list td .board_tit h3 strong em[title="FAQ"]{background: var(--point-purple); color: var(--black-color00); font-weight: 500;}
		
	@media only screen and (max-width:767px) {
		table.bbs_list col:first-child {width:10%;}
		table.bbs_list col:last-child {width:15%;}
		table.bbs_list th {padding-top:19px;padding-bottom:19px;}
		table.bbs_list td {padding-top:18px;padding-bottom:16px;}
	}
	@media only screen and (max-width:680px) {
		table.bbs_list col:last-child {width:17%;}
	}
	@media only screen and (max-width:640px) {
		table.bbs_list col:last-child,
		table.bbs_list th:last-child,
		table.bbs_list td:last-child {display:none;}
	}



	/*** TABLE view ( board/board_view ) ***/
		.bbs_view {text-align:left;position:relative;z-index:1;}
			/* 제목.작성자.작성일 */
		.bbs_view div.view_tit {padding: 13px 0;border-bottom: 1px solid var(--border-color01);border-top: 2px solid var(--black-color00);background: none;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
		.bbs_view div.view_tit:after {clear:both;content:"";display:block;}
		.bbs_view div.view_tit > h3,
		.bbs_view div.view_tit > p {line-height: 28px;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
		.bbs_view div.view_tit > h3 {font-size: var(--title-26);width:80%;color: var(--black-color00);font-weight:700;letter-spacing: -0.05em;text-align:left;line-height: 2;}
		.bbs_view div.view_tit > p {font-size: var(--title-18);width:20%;line-height:inherit;color: var(--black-color00);text-align:right;opacity: 0.4;}
			/* 모바일.메일 */
		.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;}
		.bbs_view div.view_etc:after {clear:both;content:"";display:block;}
		.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;}
		.bbs_view div.view_etc span + span {margin-left:60px;}
		.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;}
		.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;}
			/* 내용 */
		.bbs_view div.view_cont {padding:40px 10px;font-size:13px;line-height:25px;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;}
		.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.2%;text-align:center;}
		.bbs_view div.view_cont .thumb_img_wrap img {margin:0 auto;}
		.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:12px;}
					/* 추가필드 */
			.sub_board {position:relative;}
			.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);}
			.sub_board .bbs_view .extra_editor_wrap > h4, 
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 20px 0;display: inline-block;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;text-align:left;border: 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {background: none;width: auto;color: rgba(0,0,0,0.7);position:relative;padding-right: 30px;margin-right: 30px;font-size: var(--title-16);font-weight: 400;}
			.sub_board .bbs_view .extra_editor_wrap > h4:after {content:'';display:block;width:1px;height:12px;background:#D9D9D9;position:absolute;top:50%;right:0;transform:translateY(-50%);}
			.sub_board .bbs_view .extra_editor_wrap div.view_cont.extra_cont {width: calc(100% - 141px);}
			.sub_board .bbs_view .extra_editor_wrap div.img_cont {}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span {font-size: var(--title-16);color: rgba(0,0,0,0.4);vertical-align:middle;display:block;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {color:inherit !important;}
			.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;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont img {width:auto;height:auto;vertical-align:middle;max-width:100%;}
				/* 비디오 ifame 수정 */
				.view_video_wrap {position:relative !important; height:0 !important; padding-bottom:56.28% !important;margin:0 auto !important;text-align:center !important;max-width:100% !important;}
				.view_video_wrap > iframe {position:absolute;width:100%;height:100%;left:0;top:0;}
		@media only screen and (max-width:640px) {
			.bbs_view div.view_tit {padding:13px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4, .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding-top:15px;padding-bottom:15px;}
			.bbs_view div.view_tit > h3 {display:block;width:100%;word-break:break-all;}
			.bbs_view div.view_tit > p {display:block;width:100%;text-align:right;}
		}