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

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



/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-weight: 500;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display: inline-flex;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;align-items: center;justify-content: center; transition:all 0.4s; font-family: 'pretendard', sans-serif;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width: 150px;height: 60px;font-size: 18px;}
		.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{border-color: #414985 !important;background-color: #414985 !important;color:#fff !important; }
		@media only screen and (min-width:1024px){
			.btn_point:hover{border-color: #1b1f38 !important;background-color: #1b1f38 !important;}
		}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top: 60px;font-size:0;vertical-align:top;display:inline-block;}
		.btn_wrap.ta_center {width:100%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:12px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1200px) {
			/* button wrapper */
	}
	@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;}
		.btn {width: 130px;height: 55px;font-size: 17px;}
	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {
	}
	@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 {width: 110px;height: 50px;font-size: 16px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn {width: 100px;height: 45px;font-size: 15px;}
		.btn_wd {font-size:16px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap {padding-top:30px;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:80px; height:40px; font-size:14px;}
		.btn_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
	#container{overflow:hidden;}
	#contents_wrap{position:relative; width:1200px; margin:0 auto; box-sizing:border-box; }
	#contents_wrap #contents_box{padding-bottom:200px;}
	#wrap #content .sub_content{background:none; }
	.sub_visual{position:relative; height:600px; box-sizing:border-box; background:no-repeat center; background-size:cover; display:flex; align-items:center; justify-content:center; text-align:center;}
	.sub_visual .w_custom{text-align:center;}
	.sub_visual h3{font-size:60px; font-weight:600; color:#fff; letter-spacing:-0.04em; line-height:1.2;}
	.sub_visual h6{font-size:20px; font-weight:300; color:#fff; letter-spacing:-0.03em; line-height:1.4;}
		.sub_visual h6 + h3{margin-top:21px;}

	#side_box{background:rgba(0,0,0,0.7);transform:translateY(-100%);position:relative;z-index:5;}
	#side_box .sub_menu dl{}
	#side_box .sub_menu dl dt{font-size:0;cursor:pointer;position: relative;z-index:5;}
	#side_box .sub_menu dl dt span{font-size:inherit;font-weight:inherit;color:inherit;width: 100%;height: 100%;display: flex;align-items: center;}
	#side_box .sub_menu dl dd{position:relative; display:flex;text-align:center;letter-spacing:-0.03em;height:80px;width:100%;}
	#side_box .sub_menu dl dd a{position:relative;display:flex;width:100%;height:100%;color:#fff;font-size: 20px;font-weight: 300;vertical-align:middle;justify-content:center;align-items:center;transition:all 0.4s;letter-spacing: -0.04em;font-family: 'pretendard', sans-serif;}
		#side_box .sub_menu dl dd:not(:nth-child(2)):not(.on) a:after{position:absolute; content:''; width:1px; height:25.7%; background: rgba(255, 255, 255, 0.3); top:50%; left:-1px; transform:translateY(-50%); transition:all 0.4s;}
		#side_box .sub_menu dl dd a.on{background:#fff; color:#000; font-weight: 600; z-index:4;}
	#side_box .sub_menu dl dd a span{font-size:inherit;font-weight:inherit;width:100%;padding:0 10px;font-family:inherit;}

	.nav_wrap{position:relative;text-align:center;box-sizing:border-box;margin-bottom: 65px; z-index:5;}
	.nav_wrap h3{font-size:64px;font-weight:600;color:#000;line-height:1.2;letter-spacing: -0.05em;}
		.nav_wrap h3 + p{margin-top: 30px;}
	.nav_wrap h3 em{font-size:inherit; font-weight:inherit; color:#414985;}
	.nav_wrap h4{font-size:50px;font-weight: 700;color:#000;line-height:1.2;letter-spacing: -0.05em;}
	.nav_wrap h4 em{font-size:inherit; font-weight:inherit; color:#414985;}
	.nav_wrap h5{font-size:24px;font-weight:500;color:#000;line-height:1.4;letter-spacing: -0.05em;}
		.nav_wrap h5 + h3{margin-top: 32px;}
		.nav_wrap h5 + h4{margin-top: 38px;}
	.nav_wrap p{font-size:20px;font-weight:400;color:#555;line-height:1.8;letter-spacing: -0.05em;font-family: 'pretendard', sans-serif;}
	
		/* over */
			@media only screen and (min-width:1024px){
				#side_box .sub_menu dl dd a:hover{background: #fff;z-index:3;color: #000;font-weight: 600;}
				#side_box .sub_menu dl dd a:hover:after{opacity:0;}
			}

	.sub_title{position:relative; box-sizing:border-box;}
		.sub_title.cen{text-align:center;}
		.sub_title.hd{margin-bottom:60px;}
		.sub_title.bd_nav{margin-bottom: 37px; padding-top:0.8vw;}
	.sub_title h2{font-size:58px; font-weight:500; color:#222; line-height:1.2; letter-spacing:-0.04em; font-family: 'pretendard', sans-serif;}
		.sub_title h2 + h4{margin-top: 18px;}
	.sub_title h2 em{font-size:inherit; font-weight:600; color:#1B1F38;}
	.sub_title h3{font-size:50px; font-weight:500; color:#000; letter-spacing:-0.04em; line-height:1.2;}
	.sub_title h4{font-size:42px; font-weight:500; color:#222; line-height:1.25; letter-spacing:-0.04em; font-family: 'pretendard', sans-serif;}
		.sub_title h4 + p{margin-top: 39px;}
	.sub_title h4 strong{display:inline-block; font-size:inherit; font-weight:700; background:linear-gradient(90deg, #6DAC43 0%, #414985 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	.sub_title h4 small{font-size:95.2%;}
	.sub_title h4 em{font-size:inherit; font-weight:600; color:#1B1F38;}
	.sub_title h5{font-size:24px;font-weight: 600;color:#222;line-height:1.5;letter-spacing: -0.05em;font-family: 'pretendard', sans-serif;}
	.sub_title h6{font-size:22px;font-weight:500;color:#222;line-height:1.5;letter-spacing: -0.02em;font-family: 'pretendard', sans-serif;}
		.sub_title h6 + h2{margin-top: 22px;}
	.sub_title h6 em{font-size:inherit; font-weight:inherit; color:#414985;}
	.sub_title p{font-size:20px; font-weight:300; color:#222; line-height:1.6; letter-spacing:-0.03em; font-family: 'pretendard', sans-serif;}
		.sub_title p + p{margin-top:20px;}
		.sub_title p + h5{margin-top: 64px;}
	.sub_title p small{font-size:90%; font-weight:inherit; color:inherit;}
	.sub_title .table_noti{position:absolute; bottom:0; right:0; color:#555; letter-spacing:-0.06em;}
	.sub_title .table_noti em{font-size:inherit; font-weight:400; color:#C23838;}


	@media only screen and (max-width:1280px){
		#contents_wrap{width:calc(100% - 60px);}
		#side_box .w_custom{width:100%;padding-left:0;padding-right:0;}
	} 
	@media only screen and (max-width:1023px) {
		#contents_wrap{width:calc(100% - 30px);}
		#side_box .sub_menu dl dd{height:70px;}
		#side_box .sub_menu dl dd a{font-size:18px;}

		.sub_visual{height:58.5vw; min-height:250px;}
		.sub_visual h3{font-size:5.8vw;}
		.sub_visual h6{font-size:18px;}
			.sub_visual h6 + h3{margin-top:2vw;}

		.nav_wrap{margin-bottom:55px;}
		.nav_wrap h3{font-size:6.2vw;}
			.nav_wrap h3 + p{margin-top:2.9vw;}
		.nav_wrap h4, .sub_title h3{font-size:4.9vw;}
		.nav_wrap h5{font-size:22px;}
			.nav_wrap h5 + h3{margin-top:3.1vw;}
			.nav_wrap h5 + h4{margin-top:3.7vw;}
		.nav_wrap p{font-size:18px;}

		.sub_title.hd{margin-bottom:50px;}
		.sub_title.bd_nav{margin-bottom:30px;}
		.sub_title h2{font-size:5.65vw;}
			.sub_title h2 + h4{margin-top:1.7vw;}
		.sub_title h4{font-size:4.1vw;}
			.sub_title h4 + p{margin-top:3.8vw;}
		.sub_title h5{font-size:22px;}
		.sub_title h6{font-size:20px;}
			.sub_title h6 + h2{margin-top:2.1vw;}
		.sub_title p{font-size:18px;}
			.sub_title p + p{margin-top:15px;}
			.sub_title p + h5{margin-top: 55px;}

	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dl dd{height:60px;}
		#side_box .sub_menu dl dd a{font-size:15px;}

		.sub_visual h6{font-size:16px;}

		.nav_wrap{margin-bottom:50px;}
		.nav_wrap h5{font-size:20px;}
		.nav_wrap p{font-size:16px;}

		.sub_title.hd{margin-bottom:45px;}
		.sub_title.bd_nav{margin-bottom:25px;}
		.sub_title h5{font-size:20px;}
		.sub_title h6{font-size:18px;}
		.sub_title p{font-size:16px;}
			.sub_title p + p{margin-top:12px;}
			.sub_title p + h5{margin-top: 45px;}
	}
	@media only screen and (max-width:640px) {
		#contents_wrap #contents_box{padding:45px 0 150px;}
		#side_box{background:#ffff;transform:translateY(0)}
		#side_box .sub_menu dl dt{font-size: 16px;font-weight:500;color:#333;height: 50px;line-height:1.4;background:#fff;border-bottom:1px solid #ddd;padding:0 15px;display:flex;align-items:center;box-sizing: border-box;width: 100%;}
		#side_box .sub_menu dl dt:after{content:'';width: 8px;height: 8px;border-bottom:1px solid #888;border-right:1px solid #888;position:absolute;top:50%;right:15px;transform:rotate(45deg);margin-top: -10px;transition: all 0.4s;}
			#side_box .sub_menu dl dt.on:after{transform:rotate(45deg) scale(-1, -1);top: 63%;}
		#side_box .sub_menu dl dd{position:absolute;width:100%;top:100%;left:0;height:auto;padding: 11px 0;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);background:#fff;box-sizing: border-box;opacity:0;pointer-events:none;display:block;transition:all 0.6s;}
		#side_box .sub_menu dl dd.active{opacity:1; pointer-events:auto;}
		#side_box .sub_menu dl dd a{color:#888;font-size: 15px;display:block;padding: 7px 0 !important;text-align:left;background: #fff !important;}
			#side_box .sub_menu dl dd a.on{color:#333333;font-weight:500;}
			#side_box .sub_menu dl dd a:before, #side_box .sub_menu dl dd a:not(:first-child):not(.on):after{display:none;}
		#side_box .sub_menu dl dd a span{padding:0 15px;display:block;box-sizing:border-box;}
		#side_box .sub_menu dl dd:not(:nth-child(2)):not(.on) a:after{display:none;}

		.sub_visual h3{font-size:37px;}
		.sub_visual h6{font-size:15px;}
			.sub_visual h6 + h3{margin-top:12px;}

		.nav_wrap{margin-bottom:45px;}
		.nav_wrap h3{font-size:39px;}
			.nav_wrap h3 + p{margin-top:18px;}
		.nav_wrap h4, .sub_title h3{font-size:31px;}
		.nav_wrap h5{font-size:18px;}
			.nav_wrap h5 + h3{margin-top:19px;}
			.nav_wrap h5 + h4{margin-top:23px;}
		.nav_wrap p{font-size:15px; line-height:1.6;}
		.nav_wrap p br{display:none;}

		.sub_title.hd{margin-bottom:40px;}
		.sub_title.bd_nav{margin-bottom:20px;}
		.sub_title h2{font-size:36px;}
			.sub_title h2 + h4{margin-top:10px;}
		.sub_title h4{font-size:26px;}
			.sub_title h4 + p{margin-top:24px;}
		.sub_title h5{font-size:19px;}
		.sub_title h6{font-size:17px;}
			.sub_title h6 + h2{margin-top:13px;}
		.sub_title p{font-size:15px;}
			.sub_title p + h5{margin-top: 35px;}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box{padding:40px 0 120px;}

		.sub_visual h3{font-size:35px;}
		.sub_visual h6{font-size:14px;}
			.sub_visual h6 + h3{margin-top:10px;}
	
		.nav_wrap{margin-bottom:40px;}
		.nav_wrap h3{font-size:36px;}
			.nav_wrap h3 + p{margin-top:15px;}
		.nav_wrap h4, .sub_title h3{font-size:28px;}
		.nav_wrap h5{font-size:16px;}
			.nav_wrap h5 + h3{margin-top:10px;}
			.nav_wrap h5 + h4{margin-top:15px;}
		.nav_wrap p{font-size:14px;}

		.sub_title.hd{margin-bottom:35px;}
		.sub_title.bd_nav{margin-bottom:15px;}
		.sub_title h2{font-size:34px;}
		.sub_title h4{font-size:24px;}
			.sub_title h4 + p{margin-top:20px;}
		.sub_title h5{font-size:18px;}
		.sub_title h6{font-size:16px;}
		.sub_title p{font-size:14px;}
			.sub_title p + h5{margin-top: 25px;}
	}
	@media only screen and (max-width:431px) {
		.nav_wrap{margin-bottom:35px;}
		.nav_wrap h3{font-size:33px;}
		.nav_wrap h4, .sub_title h3{font-size:25px;}
		.nav_wrap h5{font-size:15px;}
			.nav_wrap h5 + h4{margin-top:12px;}

		.sub_title.hd{margin-bottom:30px;}
		.sub_title h2{font-size:32px;}
		.sub_title h4{font-size:22px;}
	}
	@media only screen and (max-width:320px) {
		#contents_wrap{width:calc(100% - 20px);}
		#side_box .sub_menu dl dt{width: calc(100% + 20px);margin-left: -10px;}
	}



/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	/* sub_about */
		.company_about #contents_wrap{width:100%;}
		.sub_about{padding-top: 2.1vw;}
		.sub_about .wide_bnr{width:100%; height:560px; min-height:200px;}
		.sub_about .wide_bnr img{width:100%; height:100%; object-fit:cover;}
		.sub_about .business{padding-top: 120px;}
		.sub_about .buz_list{display:flex; flex-wrap:wrap;}
		.sub_about .buz_list li{width: calc(100% / 3 - 1.54vw);}
			.sub_about .buz_list li:not(:last-child){margin-right: 2.3vw;}
		.sub_about .buz_list li dl{}
		.sub_about .buz_list li dl dt{font-size:32px; font-weight:500; color:#000; line-height:1.4; letter-spacing:-0.04em;}
			.sub_about .buz_list li dl dt + dd{margin-top: 7px;}
		.sub_about .buz_list li dl dd{font-size:20px; font-weight:400; color:rgba(0,0,0,0.5); letter-spacing:-0.02em; line-height:1.5;}
			.sub_about .buz_list li dl dd + dd{margin-top:5px;}
		.sub_about .buz_list li dl dd small{font-size:80%; font-weight:500; color:inherit; font-family: 'pretendard', sans-serif;}
		.sub_about .buz_list li .thumb{display:block; width:100%;}
			.sub_about .buz_list li .thumb + dl{margin-top: 23px;}
		.sub_about .buz_list li .thumb img{width:100%;}

		
		@media only screen and (max-width:1023px) {
			.sub_about .wide_bnr{height:55vw;}
			.sub_about .business{padding-top:100px;}
			.sub_about .buz_list li{width:calc(100% / 3 - 10px);}
			.sub_about .buz_list li:not(:last-child){margin-right:15px;}
			.sub_about .buz_list li dl dt{font-size:29px;}
				.sub_about .buz_list li dl dt + dd{margin-top:5px;}
			.sub_about .buz_list li dl dd{font-size:18px;}
			.sub_about .buz_list li .thumb + dl{margin-top:18px;}
		}
		@media only screen and (max-width:860px) {
			.sub_about .buz_list li dl dt{font-size:26px;}
			.sub_about .buz_list li dl dd{font-size:16px;}
			.sub_about .buz_list li .thumb + dl{margin-top:15px;}
		}
		@media only screen and (max-width:767px) {
			.sub_about .sub_title p br{display:none;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .business{padding-top:80px;}
			.sub_about .buz_list li{width:calc(100% / 2 - 7.5px);}
				.sub_about .buz_list li:nth-child(2n){margin-right:0;}
				.sub_about .buz_list li:nth-child(n+3){margin-top:30px;}
			.sub_about .buz_list li dl dt{font-size:23px;}
			.sub_about .buz_list li dl dd{font-size:15px;}
			
		}
		@media only screen and (max-width:479px) {
			.sub_about .business{padding-top:60px;}
			.sub_about .buz_list li dl dt{font-size:21px;}
			.sub_about .buz_list li dl dd{font-size:14px;}
			.sub_about .buz_list li .thumb + dl{margin-top:12px;}
		}
		@media only screen and (max-width:431px) {
			.sub_about .buz_list li{width:100%;}
				.sub_about .buz_list li:not(:last-child){margin-right:0;}
				.sub_about .buz_list li:nth-child(n+2){margin-top:30px;}
		}

	/* sub_greeting */
		.sub_greeting{position:relative;}
			.sub_greeting:before{position:absolute;content:'';width:328px;height:268px;background:url('../images/sub/sub_greeting_icon01.png') no-repeat center;background-size:100% auto;top: -17%;right: -16%;z-index: -1;}
			.sub_greeting:after{position:absolute;content:'';width:213px;height:173px;background:url('../images/sub/sub_greeting_icon02.png') no-repeat center;background-size:100% auto;bottom: -5.8%;left: -24%;z-index: -1;}
		.sub_greeting .thumb{font-size:0; height:420px; min-height:200px;}
			.sub_greeting .thumb + .sub_title{margin-top: 61px;}
		.sub_greeting .thumb img{width:100%; height:100%; object-fit:cover;}
		.sub_greeting .sub_title p{line-height:1.8;letter-spacing: -0.05em;}
		.sub_greeting .sub_title h5{font-family: 'Noto Sans KR', sans-serif;}

		@media only screen and (max-width:1023px) {
			.sub_greeting:before{width:32vw;height:26.3vw;top: -10vw;}
			.sub_greeting:after{display:none;}
			.sub_greeting .thumb{height:41vw;}
				.sub_greeting .thumb + .sub_title{margin-top:50px;}
			.sub_greeting .sub_title p br{display:none;}
		}
		@media only screen and (max-width:860px) {
			.sub_greeting .thumb + .sub_title{margin-top:45px;}
		}
		@media only screen and (max-width:640px) {
			.sub_greeting .thumb + .sub_title{margin-top:40px;}
			.sub_greeting .sub_title p{line-height:1.6;}
		}
		@media only screen and (max-width:479px) {
			.sub_greeting .thumb + .sub_title{margin-top:35px;}
		}
		@media only screen and (max-width:431px) {
			.sub_greeting .thumb + .sub_title{margin-top:30px;}
		}

	/* sub_history */
		.sub_history{}
		.sub_history .his_list{position:relative;padding-top: 14px;}
		.sub_history .his_list > li{position:relative; display:flex; }
			.sub_history .his_list > li:not(:last-child){padding-bottom:140px;}
			.sub_history .his_list > li:not(:last-child):before{position:absolute;content:'';width:1px;height:100%;background:#ccc;top: 27px;left:50%;margin-left:-0.5px;}
			.sub_history .his_list > li:after{position:absolute;content:'';width:12px;height:12px;background:#6DAA46;top: 27px;left:50%;transform:translateX(-50%);}
		.sub_history .his_list .thumb{font-size:0; width:50%; box-sizing:border-box; text-align:right; padding-right:120px;}
		.sub_history .his_list .thumb span{display:block;}
			.sub_history .his_list .thumb span + span{margin-top:30px;}
		.sub_history .his_list .info{width:50%;box-sizing:border-box;padding-left: 50px;}
		.sub_history .his_list .info > strong{display:block; font-size:54px; font-weight:600; color:#1B1F38; letter-spacing:-0.05em; line-height:1.2;}
		.sub_history .his_list .info > dl{display:flex;margin-top: 46px;}
		.sub_history .his_list .info > dl dt{font-size:20px; font-weight:600; color:#000; letter-spacing:-0.04em; line-height:1.4; width:70px; padding-right:15px; box-sizing:border-box;}
		.sub_history .his_list .info > dl dd{width:calc(100% - 70px);box-sizing:border-box;}
		.sub_history .his_list .info .bullet_list > li{display:inline-block;}

			.sub_history .his_list > li:nth-child(even){flex-direction:row-reverse;}
			.sub_history .his_list > li:nth-child(even) .thumb{padding-right:0; padding-left:120px; text-align:left;}
			.sub_history .his_list > li:nth-child(even) .info{padding-left:0; padding-right:50px; text-align:right;}
			.sub_history .his_list > li:nth-child(even) .info dl{flex-direction:row-reverse;}
			.sub_history .his_list > li:nth-child(even) .info dl dt{padding-right:0; padding-left:15px;}
			/* .sub_history .his_list > li:nth-child(even) .info .bullet_list > li{padding-left:0; padding-right:8px;}
			.sub_history .his_list > li:nth-child(even) .info .bullet_list > li:before{left:auto; right:0;} */

		.bullet_list{}
		.bullet_list > li{position:relative;font-size:20px;font-weight:400;color:#000;line-height:1.4;padding-left: 8px;box-sizing:border-box;font-family: 'pretendard', sans-serif;letter-spacing: -0.04em;}
			.bullet_list > li:before{position:absolute; content:'·'; top:0; left:0;}
			.bullet_list > li + li{margin-top: 8px;}

		
		@media only screen and (max-width:1023px) {
				.sub_history .his_list > li:not(:last-child){padding-bottom:13.5vw;}
				.sub_history .his_list > li:not(:last-child):before, .sub_history .his_list > li:after{top:2.3vw;}
			.sub_history .his_list .thumb{padding-right:11vw}
			.sub_history .his_list .thumb span + span{margin-top:15px;}
			.sub_history .his_list .info{padding-left:4.8vw;}
				.sub_history .his_list > li:nth-child(even) .thumb{ padding-left:11vw; }
				.sub_history .his_list > li:nth-child(even) .info{ padding-right:4.8vw; }
			.sub_history .his_list .info > strong{font-size:5.3vw;}
			.sub_history .his_list .info > dl{margin-top:4.4vw;}
			.sub_history .his_list .info > dl dt, .bullet_list > li{font-size:18px;}
			.sub_history .his_list .info > dl dt{width:60px;}
			.sub_history .his_list .info > dl dd{width:calc(100% - 60px);}
		}
		@media only screen and (max-width:860px) {
			.sub_history .his_list .info > dl dt, .bullet_list > li{font-size:16px;}
			.sub_history .his_list .info > dl dt{width:50px;}
			.sub_history .his_list .info > dl dd{width:calc(100% - 50px);}
		}
		@media only screen and (max-width:640px) {
			.sub_history .his_list > li{flex-wrap:wrap; flex-direction:column-reverse !important; padding-left:30px;}
				.sub_history .his_list > li:not(:last-child){padding-bottom:80px;}
				.sub_history .his_list > li:not(:last-child):before, .sub_history .his_list > li:after{top:14px;}
				.sub_history .his_list > li:not(:last-child):before{left:4px; margin:0;}
				.sub_history .his_list > li:after{width:10px; height:10px; left:0; transform:none;}
			.sub_history .his_list .thumb{width:100%; text-align:left !important; padding:30px 0 0 !important;}
			.sub_history .his_list .info{width:100%; text-align:left !important; padding:0 !important}
			.sub_history .his_list .info dl{flex-direction:row !important; margin-top:20px;}
			.sub_history .his_list > li:nth-child(even) .info .bullet_list > li:before{right:auto; left:0;}
			.sub_history .his_list > li:nth-child(even) .info .bullet_list > li{padding-left:8px;}
			.sub_history .his_list .info > strong{font-size:34px;}
			.sub_history .his_list .info > dl dt, .bullet_list > li{font-size:15px;}
			.sub_history .his_list > li:nth-child(even) .info dl dt{padding-left:0; padding-right:15px;}

			.bullet_list > li + li{margin-top:6px;}
		}
		@media only screen and (max-width:479px) {
				.sub_history .his_list > li:not(:last-child){padding-bottom:70px;}
				.sub_history .his_list > li:not(:last-child):before, .sub_history .his_list > li:after{top:12px;}
			.sub_history .his_list .info > strong{font-size:31px;}
			.sub_history .his_list .info > dl dt, .bullet_list > li{font-size:14px;}
			.sub_history .his_list .info dl{ margin-top:15px;}
			.sub_history .his_list .info > dl dt{width:40px;}
			.sub_history .his_list .info > dl dd{width:calc(100% - 40px);}

		}

	/* sub_work */
		.sub_work{position:relative; padding-top: 14px;}
			.sub_work:before{position:absolute;content:'';width:1436px;height:833px;background:url('../images/sub/sub_work_bg.png') no-repeat center;background-size: 100% auto;top:1%;left:50%;transform:translateX(-50%);z-index:-1;}
		.sub_work .circle{display:flex;align-items:center;justify-content:center;width:300px;height:300px;margin:0 auto;border-radius:100%;border: 30px solid #fff0;background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #6DAB44, #434D83);background-origin: border-box;background-clip: content-box, border-box;overflow: hidden;}
			.sub_work .circle:before{position:absolute;content:'';width:99px;height:96px;background:url('../images/sub/sub_work_icon01.png') no-repeat center;background-size: 100% auto;right: 5%;bottom:0;}
		.sub_work .wl_wrap{position:relative; padding-top:90px;}
			.sub_work .wl_wrap:before{position:absolute; content:''; width:1px; height:100%; background:#D9D9D9; left:50%; top:0; margin-left:-0.5px; z-index:-1;}
		.sub_work .work_list{position:relative; display:flex; justify-content:center; }
			.sub_work .work_list:not(:first-child){padding-top:120px;}
			.sub_work .work_list:not(:first-child):before{position:absolute; content:''; width:540px; height:100%; border:1px solid #D9D9D9; top:60px; left:50%; transform:translateX(-50%); clip-path: inset(0 0 50% 0);}
			.sub_work .work_list.nth03:before{width:720px;}
		.sub_work .work_list li{position:relative; display:inline-flex; align-items:center; justify-content:center; width:300px; height:100px; background:#1B1F38; font-size:26px; font-weight:400; color:#fff; letter-spacing:-0.04em; line-height:1.3; box-sizing:border-box;}
			.sub_work .work_list li:not(:last-child){margin-right:240px;}
			.sub_work .work_list li:before{position:absolute; content:''; width:12px; height:12px; background:rgba(109, 170, 70, 1); left:50%; bottom:calc(100% - 6px); transform:translateX(-50%) rotate(45deg);}
			.sub_work .work_list.nth02 li{background:#414985;}
			.sub_work .work_list.nth03 li{width:260px; height:90px; border:1px solid #ccc; background:#fff; font-size:24px; font-weight:500; color:#000;}
			.sub_work .work_list.nth03 li:not(:last-child){margin-right:100px;}

		
		@media only screen and (max-width:1023px) {
			.sub_work:before{width: 140.3vw;height: 81.5vw;}
			.sub_work .circle{width:29.3vw; height:29.3vw; border-width:3vw;}
			.sub_work .circle:before{width: 9.6vw;height: 9.6vw;}
			.sub_work .work_list:not(:first-child):before{width:520px;}
			.sub_work .work_list li{width:280px; height:90px; font-size:24px;}
			.sub_work .work_list.nth03:before{width:73%;}
			.sub_work .work_list.nth03 li{width:calc(100% / 3 - 6vw); height:80px; font-size:22px;}
			.sub_work .work_list.nth03 li:not(:last-child){margin-right:9vw;}
		
		}
		@media only screen and (max-width:860px) {
			.sub_work .work_list:not(:first-child):not(.nth03):before{width:64.4%;}
			.sub_work .work_list li{width:260px; height:80px; font-size:22px;}
				.sub_work .work_list li:not(:last-child){margin-right:28vw;}
			.sub_work .work_list.nth02 li{width:calc(100% / 2 - 14vw);}
			.sub_work .work_list.nth03 li{height:70px; font-size:20px;}
		}
		@media only screen and (max-width:640px) {
			.sub_work .circle{width:180px; height:180px; border-width:15px;}
			.sub_work .wl_wrap{padding-top:70px;}
			.sub_work .work_list:not(:first-child){padding-top:100px;}
			.sub_work .work_list:not(:first-child):before{top:50px;}
			.sub_work .work_list li{width:240px; height:70px; font-size:20px;}
				.sub_work .work_list li:before{width:10px; height:10px; bottom:calc(100% - 5px);}
			.sub_work .work_list.nth03 li{height:60px; font-size:18px;}
		}
		@media only screen and (max-width:479px) {
			.sub_work .circle{width:160px; height:160px; }
			.sub_work .wl_wrap{padding-top:60px;}
			.sub_work .work_list:not(:first-child){padding-top:80px;}
			.sub_work .work_list:not(:first-child):before{top:40px;}
			.sub_work .work_list li{width:220px; height:60px; font-size:18px;}
			.sub_work .work_list.nth03 li{height:56px; font-size:16px;}
		}
		@media only screen and (max-width:431px) {
			.sub_work .circle{width:150px; height:150px; }
			.sub_work .wl_wrap{padding-top:55px;}
			.sub_work .work_list:not(:first-child){padding-top:70px;}
			.sub_work .work_list:not(:first-child):before{top:35px;}
			.sub_work .work_list li{width:200px; height:56px; font-size:16px;}
				.sub_work .work_list li:before{width:8px; height:8px; bottom:calc(100% - 4px);}
			.sub_work .work_list.nth03 li{height:51px; font-size:14px;}
		}

	/* sub_location */
		.sub_location{display:flex;margin-top: -0.4vw; align-items:center;}
		.sub_location .map{position:relative;font-size:0;width:56.6%;}
			.sub_location .map:before{position:absolute;content:'';width: 93%;height:100%;bottom:-60px;left:-60px;background:#f5f5f5;z-index: -1;}
		.sub_location .map .thumb{position:relative; padding: 75px 30px;background:#fff;border:1px solid #ddd;box-sizing:border-box;text-align:center;}
		.sub_location .info{width:43.4%;padding: 12px 0 0 65px;box-sizing:border-box;}
		.sub_location .info .logo{display:block; }
			.sub_location .info .logo + .sub_title{margin-top:36px;}
		.sub_location .info .sub_title{}
			.sub_location .info .sub_title + .exp{border-top:1px solid #D9D9D9;margin-top: 38px;padding-top:37px;}
		.sub_location .info .sub_title p{font-weight:600;}
		.sub_location .info .sub_title dl{display:inline-flex; margin-top:18px;}
			.sub_location .info .sub_title dl:not(:last-child){margin-right:40px;}
		.sub_location .info .sub_title dl :where(dt, dd){font-size:16px; line-height:1.5;}
		.sub_location .info .sub_title dl dt{font-weight:500; color:#ccc;}
			.sub_location .info .sub_title dl dt + dd{padding-left:20px;}
		.sub_location .info .sub_title dl dd{font-weight:400; color:#666; font-family: 'pretendard', sans-serif;}
		.sub_location .info .sub_title dl dd a{font-size:inherit; font-weight:inherit; color:inherit;}
		.sub_location .info .exp{}
		.sub_location .info .exp dl{}
		.sub_location .info .exp dl dt{font-size:18px; font-weight:600; color:#333; letter-spacing:-0.04em; line-height:1.5;}
			.sub_location .info .exp dl dt + dd{margin-top: 13px;}
		.sub_location .info .exp dl dd{font-size:16px;font-weight:400;color:#444;line-height: 1.65;font-family: 'pretendard', sans-serif;letter-spacing: -0.03em;}

		@media only screen and (max-width:1023px) {
			.sub_location .map:before{left:-50px; bottom:-50px;}
			.sub_location .info{padding-left:6vw;}
			.sub_location .info .logo + .sub_title{margin-top:30px;}
			.sub_location .info .sub_title + .exp{margin-top:30px; padding-top:30px;}
			.sub_location .info .sub_title dl{margin-top:15px;}
				.sub_location .info .sub_title dl:not(:last-child){margin-right:30px;}
			.sub_location .info .sub_title dl :where(dt, dd){font-size:15px;}
			.sub_location .info .sub_title dl dt + dd{padding-left:15px;}
			.sub_location .info .exp dl dt{font-size:17px;}
				.sub_location .info .exp dl dt + dd{margin-top:10px;}
			.sub_location .info .exp dl dd{font-size:15px;}
		}
		@media only screen and (max-width:860px) {
			.sub_location .map:before{left:-40px; bottom:-40px;}
		}
		@media only screen and (max-width:767px) {
			.sub_location{display:block;}
			.sub_location .map{width:100%;}
				.sub_location .map:before{left:-30px; bottom:-30px;}
			.sub_location .map .thumb{padding:60px 30px;}
			.sub_location .info{width:100%; padding:50px 0 0;}
			.sub_location .info .sub_title + .exp{margin-top:25px; padding-top:25px;}
		}
		@media only screen and (max-width:640px) {
			.sub_location .map:before{left:-20px; bottom:-20px;}
			.sub_location .info{width:100%; padding:40px 0 0;}
			.sub_location .info .logo + .sub_title{margin-top:20px;}
			.sub_location .info .sub_title + .exp{margin-top:20px; padding-top:20px;}
			.sub_location .info .sub_title dl{margin-top:10px;}
				.sub_location .info .sub_title dl:not(:last-child){margin-right:25px;}
			.sub_location .info .sub_title dl :where(dt, dd){font-size:14px;}
			.sub_location .info .exp dl dt{font-size:16px;}
			.sub_location .info .exp dl dd{font-size:14px;}
		}
		@media only screen and (max-width:479px) {
			.sub_location .map:before{left:-15px; bottom:-15px;}
			.sub_location .info .sub_title dl:not(:last-child){margin-right:20px;}
		}

/*───────────────────────────────────────────────────────────
	 business
───────────────────────────────────────────────────────────*/
	/* status */
		.business_status .nav_wrap{display:none;}
/*───────────────────────────────────────────────────────────
	 board
───────────────────────────────────────────────────────────*/	
	/* 검색 */
		.preface_list{display:flex; flex-wrap:wrap; margin-bottom:30px;}
		.preface_list li{margin-right:-1px; margin-bottom:-1px;}
		.preface_list li a{display:inline-flex; padding:10px 30px; border:1px solid #ddd; font-size:18px; font-weight:400; color:#666; transition:all 0.4s;}
		.preface_list li.on a{background:#1B1F38 ; border-color:#1B1F38 ; color:#fff;}
		.preface_sel{display:none}
			
			/* over */
			@media only screen and (min-width:1024px){
				.preface_list li a:hover{background:#1B1F38 ; border-color:#1B1F38 ; color:#fff;}
			}


		select{border:1px solid #ddd; background:#fff url('../images/sub/select_arw.png') no-repeat calc(100% - 15px) 50%; box-sizing:border-box; appearance: none; padding:0 18px;}
		input[type="text"], input[type="password"], input[type="number"], input[type="date"]{border:1px solid #ddd; background:#fff; padding:0 18px; box-sizing:border-box;}
		.bd_search{padding:30px; box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd; font-size:0; text-align:center; margin-bottom:50px;}
		.bd_search .board_search_sel{display:inline-block; width:160px; height:60px; margin-right:10px;}
		.bd_search .board_search_sel select{width:100%; height:100%; font-size:18px; font-weight:400; color:#666; letter-spacing:-0.04em;}
		.bd_search .input_text{width:320px; height:60px; font-size:18px; font-weight:400; color:#666; letter-spacing:-0.04em;}
		.bd_search .search_btn{display:inline-block; width:60px; height:60px; background:#1B1F38 url('../images/sub/search_btn.png') no-repeat center; border:0; font-size:0;}

		@media only screen and (max-width:1023px) {
			.preface_list{margin-bottom:25px;}
			.preface_list li a{font-size:17px; padding:10px 25px;}

			.bd_search{margin-bottom:40px;}
			.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{font-size:16px;}
			.bd_search .search_btn{width:50px;}
		}
		@media only screen and (max-width:860px) {
			.preface_list li a{font-size:16px; padding:10px 20px;}

			#wrap .project_table{}
			#wrap .project_table thead{display:none;}
			#wrap .project_table tr{display:flex; width:calc(100vw - 30px); flex-wrap:wrap; padding:10px 0;}
				#wrap .project_table tr:not(:last-child){border-bottom:1px solid #ddd;}
			#wrap .project_table tr td, #wrap .project_table tr td .board_tit h3{font-size:14px; }
			#wrap .project_table tr td{display:inline-block; border:0; text-align:left; padding:2px 0; box-sizing:border-box;}
			#wrap .project_table tr :is(td:nth-child(1), td:nth-child(2), td:nth-child(5)){display:block; width:100%;}
			#wrap .project_table tr :is(td:nth-child(3), td:nth-child(4)){width:50%; padding-right:15px;}
		}
		@media only screen and (max-width:640px) {
			.preface_list{/* display:none; */}
			.preface_list li a{font-size:15px;}
			.preface_sel{/* display:block; */width:100%;height:45px;margin-bottom:10px;font-size:15px;}

			.bd_search{margin-bottom:30px;}
			.bd_search .board_search_sel, .bd_search .input_text, .bd_search .search_btn{height:45px;}
			.bd_search .board_search_sel select, .bd_search .input_text{font-size:15px;}
			.bd_search .board_search_sel{width:140px;}
			.bd_search .input_text{width:calc(100% - 195px);}
			.bd_search .search_btn{width:45px; background-size:22px auto;}
		}
		@media only screen and (max-width:479px) {
			.preface_list li a{font-size:14px; padding:9px 15px;}
			.preface_sel{font-size:14px; height:40px;}
			.bd_search{margin-bottom:25px;}
			.bd_search{padding:25px;}
			.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{font-size:14px;}
			.bd_search .board_search_sel{width:120px;}
			.bd_search .input_text{width:calc(100% - 170px);}
			.bd_search .search_btn{width:40px; background-size:20px 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 .input_text{width:calc(100% - 40px);}
		}
	
	/* 갤러리 */
		.sub_gallery .sub_title.bd_nav, .sub_inquiry .sub_title.bd_nav{padding-top:5vw}
		.gallery_list{display:flex; flex-wrap:wrap;}
			.gallery_list.ta_center{justify-content:center;}
		.gallery_list > li{width:calc(100% / 3 - 20px);position:relative;padding-bottom: 41px; transition:all 0.4s; box-sizing:border-box;}
			.gallery_list > li:not(:nth-child(3n)){margin-right:30px;}
			.gallery_list > li:nth-child(n+4){margin-top: 39px;}
		.gallery_list > li > a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		.gallery_list .thumb{position:relative; font-size:0; width:100%; height:0; padding-bottom:63%; transition:all 0.8s;}
			.gallery_list .thumb + .txt_info{margin-top: 18px;}
			.gallery_list .thumb:before{position:absolute; content:''; width:100%; height:100%; border:4px solid #41488A; box-sizing:border-box; top:0; left:0; opacity:0; transition:all 0.4s; z-index:2;}
			.awards_list .thumb {padding-bottom:141%;}
		.gallery_list .thumb img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
		.gallery_list .txt_info dl{}
		.gallery_list .txt_info dl dt{font-size:18px;font-weight:400;color:#000;line-height:1.5;letter-spacing: -0.05em;font-family: 'Noto Sans KR', sans-serif;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition:all 0.4s;}
		.gallery_list .txt_info dl dd{position:absolute; left:0; bottom:0;font-size:14px; font-weight:400; color:#999; letter-spacing:-0.04em; transition:all 0.4s;}
		.gallery_list .txt_info .add{display:block;font-size:16px;font-weight: 500;color:#6DAA46;letter-spacing: -0.05em;font-family: 'Noto Sans KR', sans-serif; transition:all 0.4s;}
			.gallery_list .txt_info .add + dl{margin-top:10px;}

			@media only screen and (min-width:1024px) {
				.gallery_list > li:hover .thumb:before{opacity:1;}

			}

		/* pagaing wrap */
		#wrap .paging {text-align:center;padding-top:2px;line-height: 30px;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:30px;width:30px;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:#20296f;color:#fff;font-weight:400;width:30px;border-radius: 0;}
		#wrap .paging a:hover{color:#666;font-weight:400;}
		#wrap .paging .on a:hover{color:#fff;font-weight:400;}
		#wrap .paging .arrow a {font-size:0;width: 30px;}
		#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) {
			.gallery_list > li{width:calc(100% / 3 - 10px);}
				.gallery_list > li:not(:nth-child(3n)){margin-right:15px;}
			.gallery_list .thumb + .txt_info{margin-top:15px;}
			.gallery_list .txt_info dl dt{font-size:16px;}
			.gallery_list .txt_info .add{font-size:15px;}
				.gallery_list .txt_info .add + dl{margin-top:8px;}
		}
		@media only screen and (max-width:640px) {
			.gallery_list > li{width:calc(100% / 2 - 7.5px); padding-bottom:35px;}
				.gallery_list > li:not(:nth-child(2n)){margin-right:15px;}
				.gallery_list > li:nth-child(2n){margin-right:0;}
				.gallery_list > li:nth-child(n+3){margin-top: 30px;}
			.gallery_list .thumb + .txt_info{margin-top:12px;}
			.gallery_list .txt_info dl dt{font-size:15px;}
			.gallery_list .txt_info dl dd{font-size:13px;}
			.gallery_list .txt_info .add{font-size:14px;}
		}
		@media only screen and (max-width:479px) {
			.gallery_list > li{padding-bottom:30px;}
			.gallery_list .txt_info dl dt{font-size:14px;}
			.gallery_list .txt_info dl dd{font-size:12px;}
			.gallery_list .txt_info .add{font-size:13px;}
		}
		@media only screen and (max-width:360px) {
			.gallery_list > li{width:100%; margin-right:0 !important}
				.gallery_list > li:nth-child(n+2){margin-top: 30px;}
		}

	/* 문의하기 */
		#wrap .table_wrap{border-top:2px solid #111; border-bottom:1px solid #ddd; padding:20px 0; margin-bottom:40px;}
		#wrap .table_wrap .bbs_write{border:0;}
		#wrap .table_wrap .bbs_write :where(th, td){background:#fff;border:0;vertical-align:middle;letter-spacing:-0.05em;position:relative;}
		#wrap .table_wrap .bbs_write .ver_top :where(th, td){vertical-align:top;}
		#wrap .table_wrap .bbs_write .ver_top th{padding-top:20px;}
		#wrap .table_wrap .bbs_write th{font-size:18px;font-weight:500;color: #333; padding:10px 20px;}
		#wrap .table_wrap .bbs_write th .important:after{display:inline-flex; content:'*'; margin-left:4px; color:#C23838;}
		#wrap .table_wrap .bbs_write th span{font-size:inherit; font-weight:inherit; color:inherit;}
		#wrap .table_wrap .bbs_write td{padding:10px 3.1vw 10px 0; font-size:16px; font-weight: 400;color: #333;}
		#wrap .table_wrap .bbs_write :where(input[type="text"], input[type="password"], select){ height:50px; border:1px solid #ddd;  transition:all 0.4s;}
		#wrap .table_wrap .bbs_write :where(input[type="text"], input[type="password"]){width:100%;background:#fff;font-size: inherit;font-weight:400;color: inherit;letter-spacing:-0.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:0 20px;}
		#wrap .table_wrap .bbs_write :where(input[type="text"]:placeholder, input[type="password"]:placeholder){color:#888;}
		#wrap .table_wrap .bbs_write select{width:180px; background:#fff url('../images/sub/select_arw.png') no-repeat calc(100% - 15px) 50%; font-size:18px; font-weight:400; color:#444; letter-spacing:-0.05em; padding:0 40px 0 20px;}
		#wrap .table_wrap .bbs_write textarea{border:1px solid #ddd;padding:15px 20px;font-size: inherit;font-weight: inherit;color: inherit;letter-spacing:-0.05em;transition:all 0.4s;resize:none;}
		#wrap .table_wrap .bbs_write :is(input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus){outline:none; border:1px solid #000;}
		#wrap .table_wrap .bbs_write .file_wrap{position:relative; }
		#wrap .table_wrap .bbs_write .file_wrap #file{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; opacity:0; cursor:pointer;}
		#wrap .table_wrap .bbs_write .file_wrap .file_name{padding-right:120px;}
		#wrap .table_wrap .bbs_write .file_wrap .file_btn{position:absolute; top:0; right:0; width:100px; height:100%; font-size:16px; font-weight:400; color:#333; letter-spacing:-0.05em; display:inline-flex; align-items:center; justify-content:center; border:1px solid #222; background:#fff; box-sizing:border-box;}
		#wrap .table_wrap .bbs_write .bullet_list{position:absolute; left:0; top:70px; width:200%;}
		#wrap .table_wrap .bbs_write .bullet_list > li{font-size:16px; font-weight:400; color:#555;}
		#wrap .table_wrap .bbs_write td:has(.bullet_list){padding-bottom:140px;}
		#wrap .table_wrap .bbs_write .captcha_wrap{position:relative;}
		#wrap .table_wrap .bbs_write #captcha_box{margin-right:6px;display: inline-block;}
		#wrap .table_wrap .bbs_write input[type="text"]#captcha{width:calc(100% - 190px);height:40px;padding-right: 50px; margin:0;}
		#wrap .table_wrap .bbs_write #refreshCode{font-size:0; background:#fff url('../images/common/icon_btn_reset.gif') no-repeat center; width:38px; height:38px; position:absolute; top:50%; transform:translateY(-50%); right:2px; border-left:1px solid #ddd; box-sizing:border-box; cursor:pointer;}
		
		#wrap .policy_cont{margin-top:60px;border:1px solid #ddd;padding:30px;border-radius:4px;}
		#wrap .policy_cont label{font-size:18px;letter-spacing:-0.03em;margin-right:0;width:calc(100% - 90px); font-family: 'pretendard', sans-serif;}
		#wrap .policy_cont label em{font-size:inherit;font-weight:400;color:#c31313;}
		#wrap .policy_cont > div{padding-bottom:25px;display:flex;justify-content:space-between;align-items:flex-start;}
		#wrap .policy_text_box{word-break:keep-all;white-space:pre-line;padding:30px;box-sizing:border-box;height:120px;overflow-y:auto;background:#f5f5f5;color:#888;font-size:16px;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height:1.6}
		#wrap .policy_text_box.on{height:auto;}
		#wrap .policy_cont .btn_info{line-height:1.5;box-sizing:border-box;padding-left:0;height:auto;border:0 !important;position:relative;font-size:16px;color:#666;letter-spacing:-0.03em;font-weight:400;padding-right:20px;}
		#wrap .policy_cont .btn_info:before{content:'';position:absolute;top:50%;margin-top:-8px;right:0;width:8px;height:8px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(45deg)}
		#wrap .policy_cont .btn_info.on:before{transform:rotate(-135deg);margin-top:-2px;}

		@media only screen and (max-width:1023px) {
			#wrap .table_wrap .bbs_write th, #wrap .table_wrap .bbs_write select{font-size:17px;}
			#wrap .table_wrap .bbs_write th{padding-left:15px; padding-right:15px;}
			#wrap .table_wrap .bbs_write td{font-size:16px; padding-right:25px;}
			#wrap .table_wrap .bbs_write :where(input[type="text"], input[type="password"], select){height:45px;}
			#wrap .table_wrap .bbs_write :where(input[type="text"], input[type="password"]){padding:0 15px;}
			#wrap .table_wrap .bbs_write select{padding:0 40px 0 15px;}
			#wrap .table_wrap .bbs_write td:has(.bullet_list){padding-bottom:150px;}
			#wrap .table_wrap .bbs_write .bullet_list > li{font-size:15px;}
			#wrap .table_wrap .bbs_write #captcha_box{margin:0 0 10px;}
			#wrap .table_wrap .bbs_write input[type="text"]#captcha{width:100%; }
			#wrap .table_wrap .bbs_write #refreshCode{transform:none; top:auto; bottom:1px;}
			#wrap .table_wrap .bbs_write .file_wrap .file_btn{font-size:15px;}

			#wrap .policy_cont{margin-top:50px;padding:25px;}
			#wrap .policy_cont > div{padding-bottom:20px;}
			#wrap .policy_cont label{font-size:16px;}
			#wrap .policy_text_box{padding:25px;font-size:15px;}
			#wrap.policy_cont .btn_info{font-size:15px;padding-right:15px;}
			#wrap.policy_cont .btn_info:before{width:7px;height:7px;margin-top:-7px;}
			#wrap.policy_cont .btn_info.on:before{margin-top:-3px;}
		}
		@media only screen and (max-width:860px) {
			#wrap .table_wrap .bbs_write th, #wrap .table_wrap .bbs_write select{font-size:16px;}
			#wrap .table_wrap .bbs_write th{}
			#wrap .table_wrap .bbs_write td{font-size:15px; }
			#wrap .table_wrap .bbs_write .bullet_list > li{font-size:14px;}
			#wrap .table_wrap .bbs_write .file_wrap .file_btn{font-size:14px;}
		}
		@media only screen and (max-width:800px) {
			#wrap .table_wrap .bbs_write tr{display:flex; flex-wrap:wrap; width:calc(100vw - 30px);}
			#wrap .table_wrap .bbs_write :where(th, td){display:inline-block; box-sizing:border-box;}
			#wrap .table_wrap .bbs_write th{width:150px;padding-top: 16px;}
			#wrap .table_wrap .bbs_write td{width:calc(100% - 150px); padding-right:0;}
			#wrap .table_wrap .bbs_write td:has(.bullet_list){padding-bottom:10px;}
			#wrap .table_wrap .bbs_write .bullet_list{position:relative; top:auto; width:100%; margin-top:15px;}
			#wrap .table_wrap .bbs_write #captcha_box{margin:0 6px 0 0;}
			#wrap .table_wrap .bbs_write input[type="text"]#captcha{width:calc(100% - 190px);}
		}
		@media only screen and (max-width:640px) {
			#wrap .policy_cont{margin-top:40px;padding:20px;}
			#wrap .policy_cont > div{padding-bottom:15px;}
			#wrap .policy_cont label{font-size:15px;}
			#wrap .policy_text_box{padding:20px;font-size:14px;}
			#wrap .policy_cont .btn_info{font-size:14px;padding-right: 20px;padding-top: 5px;}
			#wrap .policy_cont .btn_info:before{margin-top:-6px;}
			#wrap .policy_cont .btn_info.on:before{margin-top:-2px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .table_wrap{padding:15px 0;}
			#wrap .table_wrap .bbs_write :where(input[type="text"], input[type="password"], select){height:40px;}
			#wrap .table_wrap .bbs_write th, #wrap .table_wrap .bbs_write select{font-size:15px;}
			#wrap .table_wrap .bbs_write th{width:130px;}
			#wrap .table_wrap .bbs_write td{font-size:14px; width:calc(100% - 130px); }
			#wrap .table_wrap .bbs_write .bullet_list > li{font-size:13px;}
			#wrap .table_wrap .bbs_write #captcha_box{margin:0 0 10px 0;}
			#wrap .table_wrap .bbs_write input[type="text"]#captcha{width:100%;}
			#wrap .table_wrap .bbs_write .file_wrap .file_btn{width:80px;}
			#wrap .table_wrap .bbs_write .file_wrap .file_name{padding-right:95px;}
		}
		@media only screen and (max-width:431px) {
			#wrap .table_wrap .bbs_write th, #wrap .table_wrap .bbs_write select{font-size:14px;}
			#wrap .table_wrap .bbs_write th{width:125px;}
			#wrap .table_wrap .bbs_write td{font-size:13px; width:calc(100% - 125px); }
			#wrap .table_wrap .bbs_write .bullet_list > li{font-size:12px;}
			#wrap .table_wrap .bbs_write select{width:100%;}
		}