@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 아래에 작성

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




/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;border: 1px solid;font-weight: 500;box-sizing: border-box;border-radius: 50px;width: auto;overflow: hidden;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width:108px;height:40px;line-height:38px;font-size:15px;padding:0 20px;}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:var(--point-white) !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:var(--point-color01) !important;background-color: var(--point-color01) !important;color:var(--point-white) !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:var(--point-white) !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:var(--point-white) !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:var(--point-white) !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:var(--point-white) url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top: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;}
		
		#wrap .view_btn .btn{min-width: 200px;height: 70px;font-size: var(--title-20);color: var(--point-white);font-weight: 500;}

	@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) {
		#wrap .view_btn .btn{min-width:150px;height:60px;}
	}
	@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;}
	}
	@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;}
		
		#wrap .view_btn .btn{min-width:120px;height:50px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}

/*───────────────────────────────────────────────────────────
	sub common
───────────────────────────────────────────────────────────*/
	/** 서브 타이틀 & 텍스트 **/
		.sub_visual{width:100%;padding:62.5px 0;background:url('../images/sub/sub_visual.jpg')no-repeat center;background-size:cover;display: flex;align-items: center;}
		.sub_visual .w_custom{display: flex;align-items: center;flex-wrap:wrap;justify-content: space-between;}
		.sub_title {position: relative; box-sizing: border-box; font-size: var(--title-40);font-weight: 600; color: var(--black-color00);}
		
		.sub_visual .nav_wrap{display: flex;align-items: center;}
		.sub_visual .nav_wrap li{font-size:var(--title-16);color:var(--black-color06);font-weight:400;display: flex;align-items: baseline;}
		.sub_visual .nav_wrap li + li:before{width:6px;height:6px;content:"";border:1px solid var(--black-color10);border-width:1px 1px 0 0;transform:rotate(45deg);display: inline-block;margin:0 16px;line-height:1;}
		.sub_visual .nav_wrap li a, .sub_visual .nav_wrap li strong{font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:0;}
		.sub_visual .nav_wrap li strong{color:var(--black-color02);font-weight:500;}
		
		@media screen and (max-width:767px){
			.sub_visual{padding:38px 0;}
			.sub_visual .w_custom{flex-direction: column;align-items: flex-start;}
			.sub_visual .nav_wrap{margin-top:10px;}
		}
		@media screen and (max-width:479px){
			.sub_visual .nav_wrap li .home img{height:13px;}
			.sub_visual .nav_wrap li + li:before{width:5px;height:5px;margin:0 10px;}
		}
	
	/** 서브 메뉴 **/
		.sub_nav {margin-bottom:60px;box-sizing:border-box;border-bottom:1px solid var(--border-color04);}
		.sub_nav .sub_menu{}
		.sub_nav .sub_menu dt{display: none;}
		.sub_nav .sub_menu dd ul{display: flex;}
		.sub_nav .sub_menu dd ul li{width:100%;box-sizing:border-box;}
		.sub_nav .sub_menu dd ul li a{display: flex;width:100%;height:58px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;font-size:var(--title-19);color:var(--black-color02);position: relative;}
		.sub_nav .sub_menu dd ul li a:before{width:0;height:2px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:50%;transform:translate(-50%);transition:all 0.3s;}
		.sub_nav .sub_menu dd ul li a.on{color:var(--point-color01);font-weight:600;}
		.sub_nav .sub_menu dd ul li a.on:before{width:100%;;}

		/* over */
			@media (hover:hover){
				.sub_nav .sub_menu dd ul li a:hover{color:var(--point-color01);font-weight:600;}
				.sub_nav .sub_menu dd ul li a:hover:before{width:100%;;}
			}
		
		@media screen and (max-width:640px){
			.sub_nav{margin-bottom:40px;}
			.sub_nav .sub_menu{width:100%;}
			.sub_nav .sub_menu dl dt{font-size:var(--title-20);font-weight:500;color:var(--black-color03);height:55px;line-height:1.4;background:var(--point-white);padding:0 15px;display:flex;align-items:center;cursor:pointer;}
			.sub_nav .sub_menu dl dt:after{content:'';width:10px;height:10px;border-bottom:1px solid var(--black-color08);border-right:1px solid var(--black-color08);position:absolute;top:50%;right:15px;transform:rotate(45deg);margin-top:-8px;}
			.sub_nav .sub_menu dl dt.on:after{transform:rotate(-135deg);margin-top:-2px;}
			.sub_nav .sub_menu dl dd{position:absolute;width:100%;top:100%;left:0;height:auto;padding:15px 15px;box-shadow:0 7.5px 20px 0 rgba(0,0,0,0.2);background:var(--point-white);display:none;z-index:5;}
			.sub_nav .sub_menu dl dd.open{display:block;}
			.sub_nav .sub_menu dd ul{display: block;}
			.sub_nav .sub_menu dd ul li + li{margin-top:10px;}
			.sub_nav .sub_menu dd ul li a{height:auto;line-height:1.7;display: block;text-align:left;}
			.sub_nav .sub_menu dd ul li a:before{display: none;}
		}
		@media screen and (max-width:479px){
			.sub_nav{margin-bottom:30px;}
		}
		
	/** 서브 탭메뉴 + 탭 컨텐츠 **/
		.sub_tab {box-sizing: border-box;}
		.sub_tab.board_sub_tab{margin-bottom:40px;}
		.sub_tab.board_sub_tab ul li{padding:0;}
		.sub_tab.board_sub_tab ul li a{padding:0 24px;box-sizing:border-box;}
		.sub_tab ul {display: flex;justify-content: center;flex-wrap:wrap;gap:10px;}
		.sub_tab ul li {position: relative; padding: 0 24px; font-size: var(--title-18); font-weight:400; color: var(--black-color04); letter-spacing: -0.03em; transition: all 0.3s;box-sizing:border-box;border:1px solid var(--border-color01);height:48px;border-radius:25px;}
		.sub_tab ul li :where(span, a){font-size: inherit; font-weight: inherit; color: inherit; letter-spacing: inherit; cursor: pointer;display: flex;width:100%;height:100%;align-items: center;justify-content: center;text-align: center;}
            .sub_tab ul li.on{font-weight:500; color:var(--point-white);background:var(--point-color01);border-color:var(--point-color01);}

		.tab_cont {margin-top:53px;}
		.tab_cont .cont_box {height: 0; overflow: hidden; opacity: 0;}
		.tab_cont .cont_box.on {height: auto; overflow: visible; opacity: 1;}
		
		/*타이틀*/
		.sub_cont_title{font-size:var(--title-30);color:var(--black-color00);font-weight:500;margin-bottom:23px;display: flex;align-items: center;flex-wrap:wrap;}
		.sub_cont_title h4{font-size:104%;color:inherit;font-weight:inherit;box-sizing:border-box;position: relative;padding-left:36px;letter-spacing:0;}
		.sub_cont_title h4.point{color:var(--point-color01);}
		.sub_cont_title h4:before{width:21px;height:21px;content:"";background:url('../images/sub/title_icon.svg')no-repeat center;position: absolute;left:0;top:11px;background-size:auto 100%;}
		.sub_cont_title p{font-size:var(--title-22);color:var(--point-color01);font-weight:500;display: inline-flex;align-items: center;}
		.sub_cont_title p:before{width:1px;height:18px;content:"";background:var(--border-color02);display: inline-block;margin:0 20px;}
		
		/*테이블*/
		.cont_table_box{box-sizing:border-box;border-radius:10px;overflow:hidden;border:1px solid var(--border-color01);}
		.cont_table_box dl{box-sizing:border-box;border-bottom:1px solid var(--border-color01);display: table;border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden;}
		.cont_table_box dl:last-child{border-bottom:none;}
		.cont_table_box dl dt, .cont_table_box dl dd{padding:21.5px 10px;display:table-cell;vertical-align: middle;}
		.cont_table_box dl dt{width:300px;box-sizing:border-box;background:var(--point-color02);text-align: center;font-size:var(--title-20);color:var(--black-color00);font-weight:500;}
		.cont_table_box dl dd{width:calc(100% - 300px);box-sizing:border-box;padding-left:40px;background:var(--point-white);}
		.cont_table_box dl dd p{font-size:var(--title-18);color:var(--black-color00);font-weight:400;display: flex;flex-wrap:wrap;align-items: center;gap:12px;}
		.cont_table_box dl dd p span{font-size:var(--title-18);color:var(--black-color06);font-weight:400;}
		
		/*컨텐츠*/
		.sub_cont_box + .sub_cont_box{margin-top:75px;}
				
		@media screen and (max-width:1024px){
			.sub_cont_title h4:before{top:8px;}
			
			/*table*/		
			.cont_table_box dl dt{width:200px;}
			.cont_table_box dl dd{width:calc(100% - 200px);padding-left:30px;}
		}
		@media screen and (max-width:860px){
			.sub_cont_title h4:before{top:7px;}
		}
		@media screen and (max-width:640px){
			.sub_cont_title{margin-bottom:12px;}
			.sub_cont_title h4{padding-left:25px;}
			.sub_cont_title h4:before{width:16px;height:16px;top:10px;}
			.sub_cont_title p{width:100%;padding-left:25px;margin-top:5px;}
			.sub_cont_title p:before{display: none;}
			
			/*table*/
			.cont_table_box dl dt{width:150px;}
			.cont_table_box dl dd{width:calc(100% - 150px);padding-left:20px;}
			.cont_table_box dl dd p{gap:5px;}
		}
		@media screen and (max-width:479px){
			.sub_tab.board_sub_tab ul li a{padding:0 15px;}
			.sub_tab ul li{padding:0 15px;height:40px;}
			
			.sub_cont_title h4:before{top:8px;}
			.sub_cont_title p{margin-top:0;}
			
			/*table*/
			.cont_table_box{border-radius:0;border:none;}
			.cont_table_box dl{display: flex;flex-wrap:wrap;border:1px solid var(--border-color01) !important;border-radius:5px;}
			.cont_table_box dl + dl{margin-top:10px;}
			.cont_table_box dl dt, .cont_table_box dl dd{display: block;width:100%;}
			.cont_table_box dl dt{padding:12px 10px;}
			.cont_table_box dl dd{padding:16px 10px;}
		}

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

	센터소개 | 건립배경 및 목표
	
───────────────────────────────────────────────────────────*/
	.sub_introduce .center_goal, .sub_introduce .center_ci{padding-bottom:140px;}

	.center_goal{padding-top:7px;}
	.center_goal .center_img{width:100%;height:0;padding-bottom:36%;position: relative;overflow:hidden;border-radius:20px;box-sizing:border-box;}
	.center_goal .center_img img{width:100%;height:100%;object-fit:cover;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.center_goal .center_icon{margin-top:40px;}
	.center_goal .center_icon dl{box-sizing:border-box;background:var(--point-color02);border-radius:20px;display: flex;flex-wrap:wrap;padding:40px 40px 40px 60px;align-items: center;min-height:170px;}
	.center_goal .center_icon dl dt{display: flex;flex-wrap:wrap;gap:52px;align-items: center;width:223px;}
	.center_goal .center_icon dl dt .icon{width:68px;}
	.center_goal .center_icon dl dt p{font-size:var(--title-30);color:var(--black-color00);font-weight:600;}
	.center_goal .center_icon dl dd{box-sizing:border-box;font-size:var(--title-18);color:var(--black-color03);font-weight:400;width:calc(100% - 223px);padding-left:100px;line-height:1.66;letter-spacing:0;}
	.center_goal .center_icon dl + dl{margin-top:20px;background:var(--gray-bg02);}
	
	.sub_introduce .cont_table_box dl dt{width:280px;}
	.sub_introduce .cont_table_box dl dd{width:calc(100% - 280px);}
	
	@media screen and (max-width:1400px){
		.sub_introduce .center_goal, .sub_introduce .center_ci{padding-bottom: clamp(70px, 10vw, 140px);}
		
		.center_goal .center_icon dl dd br{display: none;}
	}
	@media screen and (max-width:1024px){
		.center_goal .center_icon dl{padding:30px 30px;}
		.center_goal .center_icon dl dt{gap:20px;width:180px;}
		.center_goal .center_icon dl dd{width:calc(100% - 180px);padding-left:40px;}
		
		.sub_introduce .cont_table_box dl dt{width:200px;}
		.sub_introduce .cont_table_box dl dd{width:calc(100% - 200px);}	
	}
	@media screen and (max-width:640px){
		.center_goal .center_img{padding-bottom:60%;}
		.center_goal .center_icon dl dt {width:100%;}
		.center_goal .center_icon dl dt .icon{width:48px;}
		.center_goal .center_icon dl dd{width:100%;padding:15px 0 0 0;}
		
		.sub_introduce .cont_table_box dl dt{width:150px;}
		.sub_introduce .cont_table_box dl dd{width:calc(100% - 150px);}	
	}
	@media screen and (max-width:479px){
		.center_goal .center_img{border-radius:10px;}
		.center_goal .center_icon{margin-top:30px;}
		.center_goal .center_icon dl{border-radius:10px;padding:25px 20px;}
		.center_goal .center_icon dl dt{gap:10px;}
		.center_goal .center_icon dl dt .icon{width:35px;}
		.center_goal .center_icon dl dd{padding-top:10px;}
		
		.sub_introduce .cont_table_box dl dt,
		.sub_introduce .cont_table_box dl dd{width:100%;}
	}
	
/*───────────────────────────────────────────────────────────

	센터소개 | 운영비전
	
───────────────────────────────────────────────────────────*/
	.vision_box{margin-top:-3px;}
	.vision_title{text-align: center;font-size:var(--title-30);color:var(--black-color00);font-weight:500;}
	.vision_title h4{font-size:120%;color:inherit;font-weight:inherit;}
	.vision_cont{display: flex;flex-wrap:wrap;margin-top:50px;}
	.vision_cont > div{display: flex;flex-direction: column;align-items: center;justify-content: center;background:rgba(174, 232, 226, 0.3);box-sizing:border-box;border-radius:500px;width:calc(50% + 40px);padding:40px 10px;}
	.vision_cont > div + div{margin-left:-80px;background:rgba(194, 227, 224, 0.4);}
	.vision_cont .icon{height:64px;display: flex;align-items: center;justify-content: center;}
	.vision_cont .icon img{max-height:100%;}
	.vision_cont dl{text-align: center;font-size:var(--title-22);color:var(--point-color01);font-weight:500;line-height:1.45;margin-top:20px;}
	.vision_cont dl dt{font-size:inherit;color:inherit;font-weight:inherit;}
	.vision_cont dl dd{font-size:inherit;color:var(--black-color03);font-weight:inherit;margin-top:10px;letter-spacing:0;}
	
	.strategy_box{box-sizing:border-box;background:var(--gray-bg02) url('../images/sub/strategy_bg.svg')no-repeat center;margin-top:120px;padding:111px 0 132px;}
	.strategy_box .circle_box{position: relative;margin-top:88px;}
	.strategy_box .circle_box .center{width:560px;height:560px;box-sizing:border-box;border-radius:100%;background:var(--point-color02);margin:0 auto;position: relative;display: flex;align-items: center;justify-content: center;}
	.strategy_box .circle_box .center:before{width:calc(100% + 78px);height:calc(100% + 78px);content:"";box-sizing:border-box;border-radius:100%;border:1px dashed var(--black-color10);position: absolute;top:-39px;left:-39px;}
	.strategy_box .circle_box .center:after{width:calc(100% - 60px);height:calc(100% - 60px);content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);position: absolute;top:30px;left:30px;}
	.strategy_box .circle_box .center .center_box{width:calc(100% - 200px);height:calc(100% - 200px);box-sizing:border-box;border-radius:100%;border:10px solid rgba(108, 109, 112, 0.1);position: relative;z-index:5;display: flex;align-items: center;justify-content: center;}
	.strategy_box .circle_box .center .cont{width:calc(100% - 66px);height:calc(100% - 66px);box-sizing:border-box;border-radius:100%;background:var(--point-color01);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-size:var(--title-30);color:var(--point-white);font-weight:600;}
	.strategy_box .circle_box .center .cont .icon{height:84px;display: flex;align-items: center;justify-content: center;}
	.strategy_box .circle_box .center .cont .icon img{max-height:100%;}
	.strategy_box .circle_box .center .cont p{font-size:120%;color:inherit;font-weight:inherit;margin-top:20px;}
	
	.strategy_box ul{display: flex;flex-wrap:wrap;gap:278px;position: absolute;top:-32px;left:50%;transform:translate(-50%);width:100%;}
	.strategy_box ul li{display: flex;flex-wrap:wrap;align-items: center;width:calc(50% - 139px);}
	.strategy_box ul li .img{box-sizing:border-box;width:160px;height:160px;border-radius:100%;border:2px solid var(--point-color01);background:var(--point-white);display: flex;align-items: center;justify-content: center;}
	.strategy_box ul li .txt_box{padding-left:30px;width:calc(100% - 160px);box-sizing:border-box;}
	.strategy_box ul li .txt_box span{font-size:var(--title-22);color:var(--point-color01);font-weight: 500;}
	.strategy_box ul li .txt_box p{font-size:var(--title-22);color:var(--black-color03);font-weight:400;line-height:1.45;margin-top:10px;letter-spacing:0;}
	
	.strategy_box ul li:nth-of-type(2n+1){flex-direction: row-reverse;}
	.strategy_box ul li:nth-of-type(2n+1) .img{}
	.strategy_box ul li:nth-of-type(2n+1) .txt_box{padding:0 30px 0 0;text-align: right;}
	
	@media screen and (max-width:1200px){
		.strategy_box .circle_box .center{width:47vw;height:47vw;}
		.strategy_box .circle_box .center .center_box{width:calc(100% - 100px);height:calc(100% - 100px);}
		.strategy_box ul li .txt_box p br{display: none;}
	}
	@media screen and (max-width:1024px){
		.strategy_box{margin-top:100px;padding:90px 0 115px;}
		.strategy_box ul{gap:200px}
		.strategy_box ul li{width:calc(50% - 100px);}
		.strategy_box ul li .img{width:120px;height:120px;}
		.strategy_box ul li .img img{max-width:45%;}
		.strategy_box ul li .txt_box{width:calc(100% - 120px);}
		.strategy_box ul li .txt_box p{font-size:var(--title-18);}
	}
	@media screen and (max-width:860px){
		.vision_cont > div{width:calc(50% + 20px);}
		.vision_cont > div + div{margin-left:-40px;}
		
		.strategy_box .circle_box .center .cont .icon{height:58px;}
		.strategy_box .circle_box .center .cont p{margin-top:10px;}
		.strategy_box .circle_box .center .cont{width:calc(100% - 34px);height:calc(100% - 34px);}
		
		.strategy_box ul li .txt_box{padding-left:20px;}
		.strategy_box ul li:nth-of-type(2n+1) .txt_box{padding-right:20px;}
	}
	@media screen and (max-width:767px){
		.strategy_box{margin-top:70px;padding:65px 0 90px;background-size: 150%;background-position: top 30% center;}
		.strategy_box .circle_box{margin-top:55px;}
		.strategy_box .circle_box .center{width:60vw;height:60vw}
		.strategy_box .circle_box .center:before{width:calc(100% + 50px);height:calc(100% + 50px);top:-25px;left:-25px;}
		.strategy_box .circle_box .center:after{width:calc(100% - 40px);height:calc(100% - 40px);top:20px;left:20px;}
		.strategy_box .circle_box .center .cont{width:calc(100% - 60px);height:calc(100% - 60px);}
		
		.strategy_box ul{position: static;transform:none;gap:20px;margin-top:55px;}
		.strategy_box ul li{width:100%;}
		.strategy_box ul li .txt_box p{margin-top:5px;font-size:var(--title-22);}
		
		.strategy_box ul li:nth-of-type(2n+1){flex-direction: row;}
		.strategy_box ul li:nth-of-type(2n+1) .txt_box{text-align:left;padding:0 0 0 20px;}
	}
	@media screen and (max-width:640px){
		.vision_cont{margin-top:25px;}
		.vision_cont > div{width:100%;padding:30px 10px;}
		.vision_cont > div + div{margin:20px 0 0 0;}
		.vision_cont .icon{height:50px;}
		.vision_cont dl{margin-top:10px;}
		.vision_cont dl dd{margin-top:5px;}
		
		.strategy_box .circle_box .center{width:75vw;height:75vw};
	}
	@media screen and (max-width:479px){
		.vision_cont > div{border-radius:50px;}
		
		.strategy_box{margin-top:60px;padding:52px 0 70px;}
		.strategy_box .circle_box .center{width:calc(100% - 40px);height:0;padding-bottom:calc(100% - 40px);}
		.strategy_box .circle_box .center:before{width:calc(100% + 30px);height:calc(100% + 30px);top:-15px;left:-15px;}
		.strategy_box .circle_box .center .center_box{width: calc(100% - 60px);height: calc(100% - 60px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-width:5px;}
		.strategy_box .circle_box .center .cont{width:calc(100% - 30px);height:calc(100% - 30px);}
		.strategy_box .circle_box .center .cont .icon{height:48px;}
		.strategy_box .circle_box .center .cont p{font-size:105%;}
		
		.strategy_box ul{margin-top:40px;}
		.strategy_box ul li .img{width:90px;height:90px;}
		.strategy_box ul li .txt_box{width:calc(100% - 90px);padding-left:15px !important;}
	}
	
/*───────────────────────────────────────────────────────────

	센터소개 | 운영현황
	
───────────────────────────────────────────────────────────*/
	.operation_state{}
	
	
	.history_wrap{box-sizing:border-box;margin-top:120px;padding:120px 0;background:var(--gray-bg02);}
	.history_wrap .w_custom:before{width:85px;height:95px;content:"";transform: rotate(90deg);background:linear-gradient(139deg, #3C8F8B 17.33%, #EFF8F7 67.83%);opacity: 0.2;position: absolute;left:-14%;top:10%;box-sizing:border-box;border-radius:100%;}
	.history_wrap .w_custom:after{width:255px;height:229px;content:"";background:linear-gradient(139deg, #3C8F8B 17.33%, #EFF8F7 67.83%);opacity: 0.2;position: absolute;right:-14%;top:29%;box-sizing:border-box;border-radius:100%;}
	.history_wrap .flex_box{display: flex;flex-wrap:wrap;}
	.history_wrap .flex_box .img_box{box-sizing:border-box;padding-right:83px;width:40.9%;}
	.history_wrap .flex_box .img_box ul li + li{margin-top:30px;}
	.history_wrap .flex_box .img_box img{border-radius:20px;}
	
	.history_wrap .history_cont{box-sizing:border-box;width:59.1%;position: relative;padding-left:83px;}
	.history_wrap .history_cont:before{width:2px;height:100%;content:"";background:var(--gray-bg03);position: absolute;left:0;top:0;}
	.history_wrap .progress_line{width:2px;height:0;content:"";background:var(--point-color01);position: absolute;left:0;top:0;transition:all 0.3s;}
	.history_wrap .history_cont .scroll_obj{width:8px;height:8px;box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;left:-3px;top:0;transition:all 0.3s;}
	.history_wrap .history_cont{}
	.history_wrap .history_cont dl{padding-bottom:51px;}
	.history_wrap .history_cont dl:last-child{padding-bottom:26px;}
	.history_wrap .history_cont dl dt{font-size:var(--title-40);color:var(--black-color03);font-weight:700;line-height:1;}
	.history_wrap .history_cont dl:nth-of-type(1) dt{color:var(--point-color01);}
	.history_wrap .history_cont dl dd{margin-top:26px;}
	.history_wrap .history_cont dl dd ul li{display: flex;flex-wrap:wrap;}
	.history_wrap .history_cont dl dd ul li + li{margin-top:18px;}
	.history_wrap .history_cont dl dd ul li > span{font-size:var(--title-18);color:var(--black-color03);font-weight:400;display: block;width:18px;}
	.history_wrap .history_cont dl dd ul li p{box-sizing:border-box;padding-left:40px;font-size:var(--title-18);color:var(--black-color06);font-weight:400;position: relative;width:calc(100% - 18px);}
	.history_wrap .history_cont dl dd ul li p:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;left:18px;top:11px;}
	.history_wrap .history_cont dl dd ul li p span{display: block;font-size:inherit;color:inherit;font-weight:inherit;}
	.history_wrap .history_cont dl dd ul li p span + span{margin-top:10px;}
	
	@media screen and (max-width:1600px){
		.history_wrap .w_custom:before{width:5vw;height:5vw;left:-8%;top:7%;}
	}
	@media screen and (max-width:1400px){
		.history_wrap .w_custom:before{left:-5%;top:-5%;}
		.history_wrap .w_custom:after{width:19vw;height:16vw;right:-9%;top:25%;}
	}
	@media screen and (max-width:1024px){
		.history_wrap{margin-top:100px;padding:100px 0;}
		.history_wrap .flex_box .img_box{padding-right:40px;}
		.history_wrap .history_cont{padding-left:40px;}
		.history_wrap .history_cont dl dd ul li p{padding-left:30px;}
		.history_wrap .history_cont dl dd ul li p:before{left:13px;top:9px;}
	}
	@media screen and (max-width:640px){
		.history_wrap{margin-top:80px;padding:62px 0 80px;}
		.history_wrap .w_custom:before{display: none;}
		.history_wrap .flex_box .img_box{width:100%;padding:0;}
		.history_wrap .flex_box .img_box ul{display: flex;flex-wrap:wrap;gap:15px;}
		.history_wrap .flex_box .img_box ul li{width:calc(50% - 7.5px);}
		.history_wrap .flex_box .img_box ul li + li{margin:0;}
		.history_wrap .flex_box .img_box ul li img{border-radius:10px;}
		
		.history_wrap .history_cont{width:100%;padding:0 0 0 20px;margin-top:40px;}
		.history_wrap .history_cont dl{padding-bottom:30px;}
		.history_wrap .history_cont dl dd{margin-top:15px;}
		.history_wrap .history_cont dl dd ul li + li{margin-top:10px;}
		.history_wrap .history_cont dl dd ul li p{padding-left:20px;}
		.history_wrap .history_cont dl dd ul li p:before{left:7px;top:8px;}
		.history_wrap .history_cont dl dd ul li p span + span{margin-top:5px;}
	}
	@media screen and (max-width:479px){
		.history_wrap{margin-top:60px;padding:50px 0 70px;}
		.history_wrap .history_cont dl dd ul li p:before{width:3px;height:3px;left:7px;top:7px;}
	}

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

	센터소개 | 적용기술
	
───────────────────────────────────────────────────────────*/
	.center_tech{padding-top:7px;}
	.center_tech .sub_cont_title{display: flex;align-items: center;justify-content: space-between;margin-bottom:40px;}
	.center_tech .sub_cont_title a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:180px;height:50px;border-radius:4px;border:1px solid var(--black-color03);font-size:var(--title-16);color:var(--black-color02);font-weight:400;}
	.center_tech .img{}
	.center_tech .img img{border-radius:20px;}
	.center_tech .cont_table_box{margin-top:40px;}
	
	.center_element{box-sizing:border-box;background:var(--gray-bg02);margin-top:120px;padding:120px 0;}
	.circle_list{display: flex; flex-wrap: wrap; gap:100px;padding-top:30px;}
        .circle_list > li{position: relative;width: calc(100% / 3 - 66.67px);aspect-ratio: auto 1;box-sizing: border-box;border: 2px dashed var(--black-color11);border-radius: 100%;display: flex;align-items: center;justify-content: center;}
            .circle_list > li:before, .circle_list > li:after{position: absolute; content:''; width: 12px; height: 12px; border-radius: 100%; top:50%; left:-6px; transform: translateY(-50%); box-sizing: border-box; background: var(--point-color01); box-shadow: 0 0 0 6px rgba(3, 140, 213, 0.2);}
            .circle_list > li:after{left:auto; right:-6px;}
            .circle_list > li:first-child:before{display: none;}
        .circle_list .desc{width: calc(100% - 40px);height: calc(100% - 40px);background: var(--point-white);border-radius: inherit;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;text-align: center;font-size: var(--title-20);box-sizing:border-box;border:4px solid var(--point-color01);}
            .circle_list > li + li .desc:before{position: absolute; content:''; width: 90px; height: 1px; background: var(--black-color08); opacity: 0.3; top:50%; right:100%;}
        .circle_list .desc dt{font-size:var(--title-30);color:var(--point-color01);font-weight:700;}
		.circle_list .desc dt span{font-size:var(--title-18);color:var(--point-color01);font-weight:600;}
		.circle_list .desc dt p{font-size:104%;color:inherit;font-weight:inherit;}
        .circle_list .desc dd{font-size:var(--title-18);color:var(--black-color05);font-weight:400;line-height:1.55;position: relative;margin-top:13px;padding-top:20px;}
		.circle_list .desc dd:before{width:40px;height:1px;content:"";background:var(--border-color02);position: absolute;top:0;left:50%;transform:translate(-50%);}
		
		.circle_list li:nth-child(2) .desc{border-color:var(--point-color06);}
		.circle_list > li:nth-child(2):before, .circle_list > li:nth-child(2):after{background:var(--point-color06);box-shadow:0 0 0 6px rgba(35, 184, 241, 0.20);}
		.circle_list > li:nth-child(2) .desc dt span,
		.circle_list > li:nth-child(2) .desc dt p{color:var(--point-color06);}
		
		.circle_list li:nth-child(3) .desc{border-color:var(--point-color07);}
		.circle_list > li:nth-child(3):before, .circle_list > li:nth-child(3):after{background:var(--point-color07);box-shadow:0 0 0 6px rgba(255, 180, 83, 0.20);}
		.circle_list > li:nth-child(3):after{display: none;}
		.circle_list > li:nth-child(3) .desc dt span,
		.circle_list > li:nth-child(3) .desc dt p{color:var(--point-color07);}
		
		.center_element .cont_table_box{margin-top:60px;}
		
	.tech_pop{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;z-index:555;display: none;}
	.tech_pop.on{display: flex;}
	.tech_pop .pop_layer{width:600px;box-sizing:border-box;background:var(--point-white);border-radius:20px;position: relative;padding:30px 30px;}
	.tech_pop .btn_close{width:25px;height:25px;position: absolute;top:20px;right:20px;}
	.tech_pop .btn_close a{display: block;width:100%;height:100%;position: relative;}
	.tech_pop .btn_close a span{display: inline-block;width:100%;height:2px;background:var(--black-color03);position: absolute;top:50%;}
	.tech_pop .btn_close a span:nth-child(1){transform:rotate(45deg);}
	.tech_pop .btn_close a span:nth-child(2){transform:rotate(-45deg);}
	.tech_pop .img{margin-top:40px;}
	
	@media screen and (max-width:1300px){
		.circle_list{gap:60px;}
		.circle_list > li{width:calc(100% / 3 - 40px);}
		.circle_list > li + li .desc:before{width:60px;}
	}
	@media screen and (max-width:1100px){
		.circle_list{gap:30px;}
		.circle_list > li{width:calc(100% / 3 - 20px);}
		.circle_list > li + li .desc:before{width:30px;}
	}
	@media screen and (max-width:1024px){
		.center_element{margin-top:100px;padding:86px 0 100px;}
		.circle_list{padding:0;flex-direction: column;gap:60px;align-items: center;}
		.circle_list > li{width:345px;}			
		.circle_list > li:before, .circle_list > li:after{top:-7px;left:50%;transform:translate(-50%, 0);}
		.circle_list > li:after{top:auto;bottom:-7px;}
		.circle_list > li + li .desc:before{width:1px;height:60px;top:-60px;right:50%;}
	}
	@media screen and (max-width:640px){
		.center_tech .sub_cont_title{margin-bottom:30px;}
		.center_tech .sub_cont_title a{width:140px;height:40px;}
		.center_tech .cont_table_box{margin-top:30px;}
		
		.center_element{margin-top:80px;padding:70px 0 80px;}
		.circle_list > li{width:60vw;}
		
		.tech_pop .pop_layer{width:calc(100% - 30px);}
	}
	@media screen and (max-width:479px){
		.center_tech .sub_cont_title a{width:128px;}
		.center_tech .img img{border-radius:10px;}
		
		.center_element{margin-top:60px;padding:48px 0 60px;}
		.circle_list{gap:40px;}
		.circle_list > li{width:calc(100% - 30px);}
		.circle_list > li:before, .circle_list > li:after{width:8px;height:8px;top:-6px;}
		.circle_list > li:after{bottom:-6px;top:auto;}
		.circle_list .desc{padding:10px;border-width:2px;}
		.circle_list > li + li .desc:before{top:-40px;height:40px;}
		.center_element .cont_table_box{margin-top:40px;}
		
		.tech_pop .pop_layer{padding:30px 20px;border-radius:10px;}
		.tech_pop .btn_close{width:20px;height:20px;top:15px;right:15px;}
		.tech_pop .img{margin-top:25px;}
	}
	
/*───────────────────────────────────────────────────────────

	센터소개 | 센터MI
	
───────────────────────────────────────────────────────────*/
	.center_ci{padding-top:7px;}
	.center_ci .sub_cont_title{display: flex;align-items: center;justify-content: space-between;margin-bottom:20px;}
	.center_ci .sub_cont_title a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:140px;height:50px;border-radius:4px;border:1px solid var(--black-color03);font-size:var(--title-16);color:var(--black-color02);font-weight:400;}
	.center_ci .ci_txt{font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.66;letter-spacing:0;}
	.center_ci .ci_box{box-sizing:border-box;display: flex;flex-wrap:wrap;gap:40px;margin-top:60px;}
	.center_ci .ci_box li{width:calc(50% - 20px);box-sizing:border-box;overflow:hidden;border:1px solid var(--border-color01);border-radius:20px;}
	.center_ci .ci_box dl{font-size:var(--title-20);color:var(--black-color00);font-weight:400;height:100%;}
	.center_ci .ci_box dl dt{box-sizing:border-box;border-radius:20px 20px 0 0;background:var(--point-color02);font-size:129%;color:inherit;font-weight:inherit;text-align: center;border-bottom:1px solid var(--border-color01);height:70px;display: flex;align-items: center;justify-content: center;}
	.center_ci .ci_box dl dd{box-sizing:border-box;padding:44px 30px;display: flex;align-items: center;justify-content: center;height:calc(100% - 70px);}
	.center_ci .ci_box dl dd img{}
	
	@media screen and (max-width:1024px){
		.center_ci .ci_txt br{display: none;}
		.center_ci .ci_box{gap:20px;margin-top:50px;}
		.center_ci .ci_box li{width:calc(50% - 10px);}
		.center_ci .ci_box dl dd{padding:20px 20px;}
		.center_ci .ci_box dl dd img{max-height:80%;}
	}
	@media screen and (max-width:640px){
		.center_ci .sub_cont_title a{width:110px;height:40px;}
		.center_ci .ci_box{gap:30px;}
		.center_ci .ci_box li{width:100%;}
		.center_ci .ci_box dl dt{height:60px;}
		.center_ci .ci_box dl dd{height:calc(100% - 60px)}
	}
	@media screen and (max-width:479px){
		.center_ci .sub_cont_title{flex-direction: column;align-items: flex-start;}
		.center_ci .sub_cont_title a{margin-top:10px;margin-left:25px;}
		.center_ci .ci_box{margin-top:40px;}
		.center_ci .ci_box li{border-radius:10px;}
		.center_ci .ci_box dl dt{border-radius:10px 10px 0 0;}
	}

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

	센터소개 | 조직도
	
───────────────────────────────────────────────────────────*/
	.sub_work{text-align: center;padding-top:30px;}
	.sub_work h4{display: inline-flex;width:300px;height:80px;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--title-20);color:var(--point-color01);font-weight:600;text-align: center;margin:0 auto;cursor:pointer;z-index:4;}
	.sub_work h4 span{font-size:inherit;color:inherit;font-weight:inherit;display: flex;align-items: center;justify-content: center;background:var(--point-white);position: relative;width:100%;height:100%;border:1px solid var(--point-color01);border-radius:40px;}
	.sub_work h4:before{width:calc(100% + 20px);height:calc(100% + 20px);content:"";box-sizing:border-box;border-radius:50px;background:var(--point-color01);opacity:0.1;position: absolute;top:-10px;left:-10px;}
	.sub_work h5{display:flex;align-items: center;justify-content: center;background:var(--point-white);position: relative;width:300px;height:80px;border:1px solid var(--point-color01);border-radius:40px;box-sizing:border-box;font-size:var(--title-20);color:var(--point-color01);font-weight:600;cursor:pointer;margin:0 auto;z-index:3;}
	.sub_work .work_title{position: relative;}
	.sub_work .work_title:after{width:8px;height:8px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;bottom:-4px;left:50%;transform:translate(-50%);z-index:6;}
	.sub_work .line_box{margin-top:60px;}
	.sub_work .line_box:before{width:1px;height:60px;content:"";background:var(--border-color03);position: absolute;top:-60px;left:calc(50% - 1px);}
	
	.sub_work .part_box{display: flex;flex-wrap:wrap;gap:32px;position: relative;}
	.sub_work .part_box:after{width:calc(50% + 16px);height:1px;content:"";background:var(--border-color03);position: absolute;top:0;right:calc(12% - 6px);}
	.sub_work .part_box > ul{}
	.sub_work .part_box .business_box{width:calc(75% - 8px);}
	.sub_work .part_box .facility_box{width:calc(25% - 24px);}
	.sub_work .part_box > ul > li > span{display: inline-flex;width:100%;height:70px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:10px;border:1px solid var(--point-color01);font-size:var(--title-20);color:var(--point-color01);font-weight:600;}
	.sub_work .part_box .business_box > li > span{width:296px;}
		
	.sub_work .part_box .dep2{display: flex;flex-wrap:wrap;gap:32px;justify-content: center;margin-top:40px;position: relative;}
	.sub_work .part_box .dep2:before{width:1px;height:40px;content:"";background:var(--border-color03);position: absolute;top:-40px;left:calc(50% - 1px);}
	.sub_work .part_box .dep2 > li{width:100%;position: relative;margin-top:40px;}
	.sub_work .part_box .dep2 > li:before{width:1px;height:40px;content:"";background:var(--border-color03);position: absolute;top:-40px;left:calc(50% - 1px);}
	.sub_work .part_box .business_box .dep2:after{width:calc(66.6666% + 24px);height:1px;content:"";background:var(--border-color03);position: absolute;top:0;left:50%;transform:translate(-50%);}
	.sub_work .part_box .business_box .dep2 > li{width:calc(100% / 3 - 21.333px);}
	.sub_work .part_box .dep2 > li > span{display: inline-flex;width:100%;height:60px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:10px;background:var(--point-color02);font-size:var(--title-18);color:var(--black-color03);font-weight:500;cursor:pointer;}
	.sub_work .part_box .dep2 > li > span:after{display: none;}
	.sub_work .part_box .dep3 li{margin-top:10px;display: inline-flex;width:100%;height:60px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:10px;border:1px solid var(--border-color01);font-size:var(--title-18);color:var(--black-color05);font-weight:400;position: relative;}
	.sub_work .part_box .dep3 li:before{width:1px;height:10px;content:"";background:var(--border-color03);position: absolute;top:-10px;left:calc(50% - 1px);}
	.sub_work .part_box .dep3 li:nth-child(1){margin-top:20px;}
	.sub_work .part_box .dep3 li:nth-child(1):before{height:20px;top:-20px;}
	
	/*on*/
	.sub_work h4.on span{background:var(--point-color01);color:var(--point-white);}
	.sub_work h5.on{background:var(--point-color01);color:var(--point-white);}
	.sub_work .part_box .dep2 > li > span.on{background:var(--point-color01);color:var(--point-white);}
	
	.work_table{margin-top:100px;}
	.work_table .work_content{display: none;}
	.work_table .work_content.on{display: block;}
	.work_table .work_content .title{display: flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:10px;border:1px solid var(--point-color01);font-size:var(--title-20);color:var(--point-color01);font-weight:600;padding:17px 0;}
	.work_table .work_content .title p{}
	.work_table .work_content .des{display: flex;flex-wrap:wrap;margin-top:30px;}
	.work_table .work_content .des dt{font-size:var(--title-20);color:var(--black-color00);font-weight:500;}
	.work_table .work_content .des dd{display: flex;align-items: center;font-size:var(--title-18);color:var(--black-color00);font-weight:400;}
	.work_table .work_content .des dd:before{width:1px;height:14px;content:"";background:var(--border-color02);display: inline-block;margin:0 16px;}
	.work_table .work_content .cont_table_box{margin-top:20px;}
	.work_table .work_content .cont_table_box + .des{margin-top:50px;}
	.work_table .work_content .cont_table_box dl dt{text-align: left;width:280px;padding:23px 40px;font-weight:400;letter-spacing:0;line-height:1.6;}
	.work_table .work_content .cont_table_box dl dt a{display: block;}
	.work_table .work_content .cont_table_box dl dd{width:calc(100% - 280px);}
	
	@media screen and (max-width:1024px){
		.sub_work .part_box{gap:18px;}
		.sub_work .part_box:after{width:calc(50% + 8px);right:calc(12% + 2px);}
		.sub_work .part_box .facility_box{width:calc(25% - 15px);}
		.sub_work .part_box .dep2{gap:18px;}
		.sub_work .part_box .business_box .dep2:after{width:calc(66.6666% + 12px);}
		.sub_work .part_box .business_box .dep2 > li{width:calc(100% / 3 - 12px);}
		
		.work_table .work_content .cont_table_box dl dt{padding:23px 20px;}
		
	}
	@media screen and (max-width:860px){
		.sub_work .part_box .business_box > li > span{width:200px;;}
		.sub_work .part_box .dep2 > li > span{padding:0 5px;}
		
		.work_table .work_content .cont_table_box dl dt{width:240px;}
		.work_table .work_content .cont_table_box dl dd{width:calc(100% - 240px);}
	}
	@media screen and (max-width:640px){
		.sub_work{padding-top:20px;}
		.sub_work h4,
		.sub_work h5{width:220px;height:70px;}
		.sub_work .line_box{margin-top:40px;}
		.sub_work .line_box:before{top:-40px;height:40px;}
		
		.sub_work .part_box{gap:0;}
		.sub_work .part_box:after{display: none;}
		/* .sub_work .part_box .business_box,
		.sub_work .part_box .facility_box{width:100%;} */
		.sub_work .part_box .business_box{margin-top:0;}
		.sub_work .part_box .business_box:before{display: none;}
		.sub_work .part_box > ul > li > span{width:200px;height:60px;}
		
		.sub_work .part_box .facility_box .dep2{margin-top:0;}
		.sub_work .part_box .facility_box .dep2:before{display: none;}
		
		.work_table{margin-top:60px;}
		.work_table .work_content .cont_table_box + .des{margin-top:40px;}
		.work_table .work_content .cont_table_box dl dt{width:200px;}
		.work_table .work_content .cont_table_box dl dd{width:calc(100% - 200px);}
	}
	@media screen and (max-width:479px){
		.sub_work h4,
		.sub_work h5{width:180px;height:60px;}
		
		.sub_work .part_box > ul > li > span{width:160px;height:50px;}
		.sub_work .part_box .business_box > li > span{width:160px;}
		.sub_work .part_box .dep2{margin-top:20px;gap:9px;}
		.sub_work .part_box .dep2:before{top:-20px;height:20px;}
		.sub_work .part_box .business_box .dep2:after{width:calc(66.6666% + 6px);}
		.sub_work .part_box .dep2 > li{margin-top:20px;}
		.sub_work .part_box .business_box .dep2 > li{width:calc(100% / 3 - 6px);}
		.sub_work .part_box .dep2 > li:before{top:-20px;height:20px;}
		.sub_work .part_box .dep2 > li > span{height:40px;}
		.sub_work .part_box .dep3 li{height:45px;padding:0 5px;}
		
		.work_table .work_content .title{padding:13px 0;}
		.work_table .work_content .cont_table_box dl dt,
		.work_table .work_content .cont_table_box dl dd{width:100%;}
		.work_table .work_content .cont_table_box dl dt{text-align: center;padding:15px 20px;}
	}
	

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

	관람안내
	
───────────────────────────────────────────────────────────*/
	.sub_viewing{padding-top:13px;}
	.sub_viewing .cont_table_box{margin-bottom:19px;}

	.sub_viewing .viewing_cont{box-sizing:border-box;border-radius:10px;border:1px solid var(--border-color01);padding:23px 40px;}
	.sub_viewing .viewing_cont p{font-size:var(--title-18);color:var(--black-color01);font-weight:400;line-height:1.33;display: flex;flex-wrap:wrap;gap:12px;letter-spacing:0;}
	.sub_viewing .viewing_cont p span{font-weight:inherit;color:var(--black-color06);font-weight:inherit;}
	
	@media screen and (max-width:1024px){
		.sub_cont_box + .sub_cont_box{margin-top:55px;}
		.sub_viewing .viewing_cont{padding:23px 30px;}
	}
	@media screen and (max-width:640px){
		.sub_viewing .viewing_cont{padding:23px 20px;}
		.sub_viewing .viewing_cont p{gap:5px;}
	}
	@media screen and (max-width:479px){
		.sub_cont_box + .sub_cont_box{margin-top:35px;}
		.sub_viewing .cont_table_box{margin-bottom:10px;}
		.sub_viewing .viewing_cont{padding:15px 20px;border-radius:5px;}
	}

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

	온라인 투어
	
───────────────────────────────────────────────────────────*/
	.sub_onlinetour .tour_box{}
	.sub_onlinetour .tour_box + .tour_box{margin-top:74px;}
	.sub_onlinetour .tour_box ul{display: flex;flex-wrap:wrap;gap:80px 40px;}
	.sub_onlinetour .tour_box ul li{width:calc(50% - 20px);}
	.sub_onlinetour .tour_box .video{width:100%;height:0;padding-bottom:58%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:20px 20px 0 0;}
	.sub_onlinetour .tour_box .url a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.sub_onlinetour .tour_box .url img{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;}
	.sub_onlinetour .tour_box .video iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_onlinetour .tour_box .title{width:100%;display: flex;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;border-radius:0 0 20px 20px;background:var(--gray-bg01);padding:26px 10px;}
	.sub_onlinetour .tour_box .title p{font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
	
	.sub_onlinetour .tour_box.tour2 .video{border-radius:20px;}
	
	@media only screen and (max-width:1100px) {
		.sub_onlinetour .sub_cont_title p{width:100%;padding-left:36px;}
		.sub_onlinetour .sub_cont_title p:before{display: none;}
	}
	@media only screen and (max-width:1024px) {
		.sub_onlinetour .tour_box ul{display: flex;flex-wrap:wrap;gap:60px 20px;}
		.sub_onlinetour .tour_box ul li{width:calc(50% - 10px);}
	}
	@media only screen and (max-width:640px) {
		.sub_onlinetour .tour_box + .tour_box{margin-top:50px;}
		.sub_onlinetour .tour_box ul{gap:40px;}
		.sub_onlinetour .tour_box ul li{width:100%;}
		.sub_onlinetour .tour_box .title{padding:15px 0;}
		.sub_onlinetour .sub_cont_title p{padding-left:25px;}
	}
	@media only screen and (max-width:479px) {
		.sub_onlinetour .tour_box ul{gap:30px;}
		.sub_onlinetour .tour_box .video{border-radius:10px 10px 0 0;}
		.sub_onlinetour .tour_box .title{border-radius:0 0 10px 10px;}
		
		.sub_onlinetour .tour_box.tour2 .video{border-radius:10px;}
	}
	
/*───────────────────────────────────────────────────────────

	층별 안내
	
───────────────────────────────────────────────────────────*/
	.sub_floorinfo .tab_cont{margin-top:60px;}
	/*title*/
	.floor_info{box-sizing:border-box;border:1px solid var(--point-color01);border-radius:20px;font-size:var(--title-30);color:var(--point-color01);font-weight:700;padding:42px 50px 49px;}
	.floor_info dt{font-size:104%;color:inherit;font-weight:inherit;letter-spacing:0;}
	.floor_info dd{font-size:var(--title-20);color:var(--black-color04);font-weight:400;line-height:1.5;margin-top:13px;letter-spacing:0;}
	.floor_img{margin-top:60px;}
	
	.floor_info_box{margin-top:93px;}
	.floor_info_box .sub_floor_info{}
	.floor_info_box .sub_floor_info + .sub_floor_info{margin-top:93px;}
	.floor_info_box .floor_swipe_box{position: relative;}
	.floor_info_box .floor_swipe_box .swipe_arw{width:45px;height:45px;position: absolute;top:29.5%;cursor:pointer;}
	.floor_info_box .floor_swipe_box .prev{left:-70px;}
	.floor_info_box .floor_swipe_box .next{right:-70px;}
	.floor_info_box .floor_swipe_box .swipe_arw:before{width:60%;height:60%;content:"";border:2px solid var(--black-color00);border-width:2px 2px 0 0;position: absolute;top:8px;}
	.floor_info_box .floor_swipe_box .prev:before{transform:rotate(-135deg);left:16px;}
	.floor_info_box .floor_swipe_box .next:before{transform:rotate(45deg);right:16px;}
	.floor_info_box .floor_swipe_box .swiper-container{padding-bottom:41px;}
	.floor_info_box .floor_swipe_box .swiper-slide .img{width:100%;height:0;padding-bottom:58%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:20px;}
	.floor_info_box .floor_swipe_box .swiper-slide .img img{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;}
	.floor_info_box .floor_swipe_box .swiper-slide dl{font-size:var(--title-20);color:var(--black-color00);font-weight:500;margin-top:27px;}
	.floor_info_box .floor_swipe_box .swiper-slide dl dt{font-size:129%;color:inherit;font-weight:inherit;}
	.floor_info_box .floor_swipe_box .swiper-slide dl dd{font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.66;margin-top:9px;letter-spacing:0;}
	
	.floor_info_box .swiper-pagination{width:100%;height:4px;box-sizing:border-box;position: relative;background:var(--border-color01);}
	#wrap .floor_info_box .swiper-pagination-progressbar-fill{height:100%;background:var(--black-color00);}
	
	@media only screen and (max-width:1500px) {
		.floor_info_box{box-sizing:border-box;padding:0 30px;}
		.floor_info_box .floor_swipe_box .prev{left:-50px;}
		.floor_info_box .floor_swipe_box .next{right:-50px;}
		.floor_info_box .floor_swipe_box .swiper-slide dl dd br{display: none;}
	}
	@media only screen and (max-width:1200px) {
		.floor_info{padding:35px 30px 40px;}
		.floor_info dd br{display: none;}
	}
	@media only screen and (max-width:1024px) {
		.floor_info_box .floor_swipe_box .swipe_arw{width:30px;height:30px;top:24%;}
		.floor_info_box .floor_swipe_box .prev{left:-35px;}
		.floor_info_box .floor_swipe_box .next{right:-35px;}
		.floor_info_box .floor_swipe_box .swipe_arw:before{top:5px;}
		.floor_info_box .floor_swipe_box .prev:before{left:11px;}
		.floor_info_box .floor_swipe_box .next:before{right:11px;}
	}
	@media only screen and (max-width:640px) {
		.floor_info{padding:30px 20px 35px;}
		
		.floor_info_box{margin-top:50px;padding:0;}
		.floor_info_box .sub_floor_info + .sub_floor_info{margin-top:70px;}
		.floor_info_box .floor_swipe_box .swiper-container{padding-bottom:30px;overflow:visible;}
		.floor_info_box .floor_swipe_box .swipe_arw{display: none;}
		.floor_info_box .floor_swipe_box .swiper-slide dl{margin-top:15px;}
		.floor_info_box .floor_swipe_box .swiper-slide dl dd{margin-top:5px;}
	}
	@media only screen and (max-width:479px) {
		.sub_floorinfo .tab_cont{margin-top:50px;}
		.floor_info{border-radius:10px;}
		.floor_info dd{margin-top:8px;}
		.floor_img{margin-top:50px;}
		
		.floor_info_box .sub_floor_info + .sub_floor_info{margin-top:50px;}
		.floor_info_box .floor_swipe_box .swiper-container{padding-bottom:20px;}
		.floor_info_box .floor_swipe_box .swiper-slide .img{border-radius:10px;}
		.floor_info_box .swiper-pagination{height:3px;}
	}
	
/*───────────────────────────────────────────────────────────

	대관안내
	
───────────────────────────────────────────────────────────*/
	.sub_rental .cont_table_box dl dt{width:280px;}
	.sub_rental .cont_table_box dl dd{width:calc(100% - 280px);}
	.sub_rental .cont_table_box dl dd ol{display: flex;flex-wrap:wrap;}
	.sub_rental .cont_table_box dl dd ol li{text-align: center;display: flex;align-items: center;}
	.sub_rental .cont_table_box dl dd ol li + li:before{width:21px;height:28px;content:"";background:url('../images/sub/application_arw.svg')no-repeat center;display: inline-block;margin:0 50px;background-size:auto 100%;}
	.sub_rental .cont_table_box dl dd ol li .icon{height:54px;display: flex;align-items: center;justify-content: center;}
	.sub_rental .cont_table_box dl dd ol li .icon img{max-height:100%;}
	.sub_rental .cont_table_box dl dd ol li p{margin-top:20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
	.sub_rental .cont_table_box dl dd p{line-height:1.55;}
	.sub_rental .cont_table_box .bullet_list li p{display: block;font-size:inherit;color:inherit;font-weight:inherit;}
	.sub_rental .cont_table_box .bullet_list li strong{font-size:inherit;color:var(--black-color01);font-weight:500;}
	.sub_rental .cont_table_box .bullet_list li .m_br{display: none;}
	
	.sub_rental .rental_fee{box-sizing:border-box;margin-top:121px;background:var(--gray-bg02);padding:120px 0;border-bottom:1px solid var(--border-color01);}
	.sub_rental .rental_fee .list{}
	.sub_rental .rental_fee .list > li{box-sizing:border-box;display: flex;flex-wrap:wrap;padding:30px 30px;background:var(--point-white);border:1px solid var(--border-color01);border-radius:20px;}
	.sub_rental .rental_fee .list > li + li{margin-top:20px;}
	.sub_rental .rental_fee .list > li .img{width:37.8%;box-sizing:border-box;border-radius:20px;overflow:hidden;;position: relative;height:0;padding-bottom:24.7%;}
	.sub_rental .rental_fee .list > li .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;}
	.sub_rental .rental_fee .list > li .info{width:62.2%;box-sizing:border-box;padding-left:40px;font-size:var(--title-20);color:var(--black-color01);font-weight:600;}
	.sub_rental .rental_fee .list > li .info h5{font-size:129%;color:inherit;font-weight:inherit;}
	.sub_rental .rental_fee .list > li .info .bullet_list{margin-top:20px;}
	.sub_rental .rental_fee .list > li .info .bullet_list dl{display: flex;flex-wrap:wrap;gap:5px;}
	.sub_rental .rental_fee .list > li .info .bullet_list dl dt, .sub_rental .rental_fee .list > li .info .bullet_list dl dd{}
	.sub_rental .rental_fee .list > li .info .bullet_list dl dt{font-weight:400;}
	.sub_rental .rental_fee .list > li .info .bullet_list dl dd{font-size:inherit;color:var(--black-color01);font-weight:400;}
	.sub_rental .rental_fee .list > li .info .bullet_list .cf_box{margin-top:20px;color:var(--black-color01);font-weight:600;flex-wrap:wrap;}
	.sub_rental .rental_fee .list > li .info .bullet_list .cf_box:before{background:var(--point-color01);}
	.sub_rental .rental_fee .list > li .info .bullet_list .cf_box > p > span{color:var(--black-color01);font-weight:400;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price{width:100%;display: flex;flex-wrap:wrap;margin-top:-6px;box-sizing:border-box;padding-left:12px;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price > dl{display: flex;align-items: center;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price > dl + dl:before{width:1px;height:15px;content:"";background: var(--border-color03);display: inline-block;margin:0 20px;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price > dl dt{color:var(--black-color06);}
	
	.sub_rental .rental_fee .down_box{display: flex;box-sizing:border-box;background:var(--point-white);border:1px solid var(--border-color01);border-radius:20px;padding:50px 30px;display: flex;flex-direction: column;align-items: center;text-align: center;margin-top:40px;}
	.sub_rental .rental_fee .down_box p {font-size:var(--title-20);color:var(--black-color00);font-weight:400;}
	.sub_rental .rental_fee .down_box p a{font-size:inherit;color:var(--point-color01);font-weight:600;}
	.sub_rental .rental_fee .down_box .btn_down{display: inline-flex;box-sizing:border-box;width:280px;height:70px;align-items: center;justify-content: center;text-align: center;border-radius:10px;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);font-weight:500;gap:26px;margin-top:30px;}	
	.sub_rental .rental_fee .down_box .btn_down span{font-size:inherit;color:inherit;font-weight:inherit;}
	.sub_rental .rental_fee .down_box .btn_down:after{width:19px;height:21px;content:"";background:url('../images/sub/icon_down.svg')no-repeat center;background-size:auto 100%;}
		
	@media only screen and (max-width:1250px) {
		.sub_rental .rental_fee .list > li .info .bullet_list .price dl{width:100%;}
		.sub_rental .rental_fee .list > li .info .bullet_list .price dl + dl:before{display: none;}
	}
	@media only screen and (max-width:1200px) {
		.sub_rental .cont_table_box dl dd ol li + li:before{margin:0 30px;}
		.sub_rental .cont_table_box dl dd p br,
		.sub_rental .cont_table_box .bullet_list li br{display: none;}
		.sub_rental .cont_table_box .bullet_list li .m_br{display: inline;}
	}
	@media only screen and (max-width:1024px) {
		.sub_rental .cont_table_box dl dt{width:200px;}
		.sub_rental .cont_table_box dl dd{width:calc(100% - 200px);}
	}
	@media only screen and (max-width:860px) {
		.sub_rental .cont_table_box dl dt{width:150px;}
		.sub_rental .cont_table_box dl dd{width:calc(100% - 150px);}
		
		.sub_rental .cont_table_box dl dd ol li .icon{height:40px;}
		.sub_rental .cont_table_box dl dd ol li + li:before{width:17px;height:23px;margin:0 13px;}
		.sub_rental .cont_table_box dl dd ol li p{margin-top:10px;}
		
		.sub_rental .rental_fee{margin-top:100px;padding:100px 0;}
		.sub_rental .rental_fee .list > li .img{width:60%;padding-bottom:38%;}
		.sub_rental .rental_fee .list > li .info{width:100%;padding:30px 0 0 0;}
	}
	@media only screen and (max-width:640px) {
		.sub_rental .cont_table_box dl dd ol{gap:20px 20px;}	
		.sub_rental .cont_table_box dl dd ol li{width:calc(50% - 10px);position: relative;text-align: center;justify-content: center;}
		.sub_rental .cont_table_box dl dd ol li:nth-of-type(2n+1):before{display: none;}
		.sub_rental .cont_table_box dl dd ol li + li:before{margin:0;position: absolute;top:50%;transform:translateY(-50%);left:-16px;}
		
		.sub_rental .rental_fee{margin-top:80px;padding:80px 0;}
		.sub_rental .rental_fee .list > li .img{width:100%;padding-bottom:64%;}
		.sub_rental .rental_fee .down_box .btn_down{height:60px;}
	}
	@media only screen and (max-width:479px) {
		.sub_rental .cont_table_box dl dt{width:100%;}
		.sub_rental .cont_table_box dl dd{width:100%;}
		
		.sub_rental .rental_fee{margin-top:60px;padding:60px 0;}
		.sub_rental .rental_fee .list > li{padding:20px 20px;border-radius:10px;}
		.sub_rental .rental_fee .list > li .img{border-radius:10px;}
		.sub_rental .rental_fee .list > li .info{padding-top:20px;}
		.sub_rental .rental_fee .list > li .info .bullet_list{margin-top:5px;}
		.sub_rental .rental_fee .list > li .info .bullet_list .cf_box{margin-top:10px;}
		
		.sub_rental .rental_fee .down_box{margin-top:30px;border-radius:10px;padding:40px 20px;}
		.sub_rental .rental_fee .down_box .btn_down{width:100%;height:50px;gap:10px;}
		.sub_rental .rental_fee .down_box .btn_down:after{width:14px;height:16px;}
	}
	
/*───────────────────────────────────────────────────────────
	게시판 쓰기
───────────────────────────────────────────────────────────*/
	#wrap .bbs_write_box{box-sizing:border-box;padding:30px 20px;gap:20px;display: flex;flex-direction: column;flex-wrap:wrap;border-top:1px solid var(--black-color03);border-bottom:1px solid var(--border-color01);}
	#wrap .bbs_write_box .line2{display: flex;flex-wrap:wrap;gap:80px;}
	#wrap .bbs_write_box .line2 dl{width:calc(50% - 40px);max-width:590px;}
	#wrap .bbs_write_box dl{display: flex;flex-wrap:wrap;width:100%;align-items: flex-start;}
	#wrap .bbs_write_box dl dt{width:150px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;display: flex;align-items: center;min-height:60px;text-align:left;}
	#wrap .bbs_write_box dl dt .require_dot{font-size:inherit;color:var(--point-color01);font-weight:inherit;display: inline-block;margin-left:3px;}
	#wrap .bbs_write_box dl dd{box-sizing:border-box;width:calc(100% - 150px);min-height:60px;display: flex;align-items: center;}
	#wrap .bbs_write_box dl dd ul{display: flex;gap:20px;align-items: center;height:100%;flex-wrap:wrap;}
	#wrap .bbs_write_box dl dd input[type="text"]{width:100%;height:60px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);padding:0 20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
	#wrap .bbs_write_box dl dd input[type="text"]:focus, #wrap .bbs_write_box textarea:focus{border-color:var(--black-color01);}
	#wrap .bbs_write_box dl dd input[type="text"]::place-holder, #wrap .bbs_write_box textarea::placeholder{color:var(--black-color08);}
	#wrap .bbs_write_box dl dd select{width:240px;height:60px;}
	
	#wrap .bbs_write_box textarea{resize:none;width:100%;height:200px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);padding:20px 20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.03em;}
	
	#wrap .bbs_write_box dl.captcha_dl dd{gap:10px;}
	#wrap .bbs_write_box .captcha_wrap{border:1px solid var(--border-color01);padding:10px;box-sizing: border-box; display: flex; gap:10px;border-radius:4px;}
	#wrap .bbs_write_box #captcha_box{margin:0;}
	#wrap .bbs_write_box #captcha_box img{width:155px !important;height:40px !important;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);}
	#wrap .bbs_write_box #refreshCode{display: inline-flex; background: url('../images/sub/icon_reset.svg') no-repeat center; font-size: 0; cursor: pointer; min-width: 40px; width: 40px; height: 40px; border:1px solid var(--border-color01); box-sizing: border-box;border-radius:4px;}
	#wrap .bbs_write_box input#captcha{max-width: 300px; margin:0;}
	
	#wrap .policy_wrap{box-sizing: border-box; margin-top: 40px;}
	#wrap .policy_wrap .area_box{margin-top: 20px;}
	#wrap .area_box{width: 100%; padding:10px;box-sizing: border-box;border-radius:4px;border:1px solid var(--border-color01);}
	#wrap .area_box textarea{width: 100%; padding:5px 7px; border:0; background: none; box-sizing: border-box; font-size: var(--title-14); font-weight: 400; color: var(--black-color08); line-height: 1.6; font-family: var(--font-type01);height:137px;}
		#wrap .area_box textarea::-webkit-scrollbar { width: 4px;}
		#wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--black-color10); border-radius: 10px;}
		#wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background:var(--border-color01);}
		
	@media only screen and (max-width:1200px) {
		#wrap .bbs_write_box .line2{gap:40px;}
		#wrap .bbs_write_box .line2 dl{width:calc(50% - 20px);}
	}
	@media only screen and (max-width:1024px) {
		#wrap .bbs_write_box dl dt{width:120px;}
		#wrap .bbs_write_box dl dd{width:calc(100% - 120px);}
	}
	@media only screen and (max-width:860px) {
		#wrap .bbs_write_box{padding:30px 15px;}
		#wrap .bbs_write_box .line2{gap:20px;}
		#wrap .bbs_write_box .line2 dl{width:100%;}
		
		#wrap .bbs_write_box dl.captcha_dl dd{flex-wrap:wrap;}
		#wrap .bbs_write_box input#captcha{width:100%;max-width:100%;}
	}
	@media only screen and (max-width:640px) {
		#wrap .bbs_write_box,
		#wrap .bbs_write_box .line2{gap:10px;}
		#wrap .bbs_write_box dl dt,
		#wrap .bbs_write_box dl dd{min-height:initial;}
		#wrap .bbs_write_box dl dt{width:100%;}
		#wrap .bbs_write_box dl dd{width:100%;margin-top:10px;}
		
		#wrap .bbs_write_box dl dd ul{gap:15px;}
		#wrap .bbs_write_box dl dd input[type="text"]{height:40px;padding:0 15px;width:100%;}
		#wrap .bbs_write_box textarea{height:150px;padding:15px 15px;}
		#wrap .bbs_write_box dl dd select{width:100%;height:50px;}
		#wrap .bbs_write_box .captcha_wrap{width:auto;}
	}
	@media only screen and (max-width: 479px) {
		#wrap .bbs_write_box{padding:20px 0;}
		#wrap .bbs_write_box dl dd ul{gap:6px 10px;}
		#wrap .bbs_write_box dl dd input[type="text"]{height:46px;}
		#wrap .bbs_write_box dl dd select{height:46px;}
		
		#wrap .bbs_write_box #refreshCode{min-width:30px;width:30px;height:40px;background-size:auto 13px;}
		
		#wrap .policy_wrap{margin-top:20px;}
		#wrap .policy_wrap .area_box{margin-top:10px;}
	}
	
/*───────────────────────────────────────────────────────────
	faq
───────────────────────────────────────────────────────────*/
	.faq_box{width:100%;margin-top:42px;}
	.faq_box .faq_list{width:100%;box-sizing:border-box;border-top:1px solid var(--black-color03);}
	.faq_box .faq_list > li{box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding:18px 40px 18px;position: relative;}
	.faq_box .faq_list > li.faq_q{cursor:pointer;display:flex;align-items:center;}
	.faq_box .faq_list > li.faq_q:before{width:7px;height:7px;content:"";border:1px solid var(--black-color08);border-width:2px 2px 0 0;transform:translateY(-50%) rotate(135deg);position: absolute;top:50%;right:32px;}
	.faq_box .faq_list > li > span{display: inline-block;box-sizing:border-box;vertical-align: middle;width:32px;height:32px;border-radius:100%;background:var(--border-color02);font-size:var(--title-16);color:var(--point-white);font-weight:500;letter-spacing:-0.8px;text-align: center;line-height:30px;border:1px solid var(--border-color02);}
	.faq_box .faq_list > li .title{font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.54px;display: inline-block;vertical-align: middle;box-sizing:border-box;width:calc(100% - 45px);word-break:break-all;padding-left:20px;}

	.faq_box .faq_list li.faq_q.on:before{border-color:var(--black-color03);transform:translateY(-50%) rotate(-45deg);top:50%;}
	.faq_box .faq_list li.faq_q.on > span{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
	.faq_box .faq_list li.faq_q.on .title{font-weight:600;}

	/*답변*/
		.faq_box .faq_list li.faq_a{background:var(--gray-bg02);border-bottom:1px solid var(--border-color01);padding:29px 40px 21px;display: none;}
		.faq_box .faq_list li.faq_a > span{border:none;background:none;font-size:var(--title-20);color:var(--point-color01);font-weight:500;}
		.faq_box .faq_list li.faq_a > div{width:calc(100% - 40px);box-sizing:border-box;padding-left:20px;display: inline-block;vertical-align: top;}
		.faq_box .faq_list li.faq_a div p{font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.8px;word-break:keep-all;}
		
	@media only screen and (max-width: 1024px) {
		.faq_box .faq_list > li{padding:18px 20px;}
		.faq_box .faq_list > li .title{width:calc(100% - 55px);}
		.faq_box .faq_list > li.faq_q:before{right:20px;}
		.faq_box .faq_list li.faq_a{padding:25px 20px;}
	}
	@media only screen and (max-width: 640px) {
		.faq_box{margin-top:30px;}
		.faq_box .faq_list > li{padding:15px 15px;}
		.faq_box .faq_list > li > span{width:28px;height:28px;line-height:26px;}
		.faq_box .faq_list > li .title{padding-left:12px;}
		
		.faq_box .faq_list li.faq_a{padding:15px 15px;}
		.faq_box .faq_list li.faq_a > div{padding-left:12px;}
	}
	
	
/*───────────────────────────────────────────────────────────

	search
	
───────────────────────────────────────────────────────────*/
	.sub_search{margin-top:96px;}
	.total_search_box{text-align: center;}
	.total_search_box dl{display: flex;align-items: center;justify-content: center;gap:20px;font-size:var(--title-20);}
		.total_search_box dl dt{font-size:150%;color:var(--black-color00);font-weight:600;}
		.total_search_box dl dd{box-sizing:border-box;width:580px;height:60px;border-radius:60px;border:2px solid var(--point-color01);display: flex;align-items: center;overflow:hidden;}
		#wrap .total_search_box dl dd .search_input{width:calc(100% - 60px);height:100%;border:none;font-size:var(--title-18);color:var(--black-color00);font-weight:500;}
		.total_search_box dl dd .btn_total_search{width:60px;height:100%;display: inline-flex;align-items: center;justify-content: center;}
		.total_search_box dl dd .btn_total_search img{width:22px;}
	.total_search_box .search_txt{margin-top:40px;font-size:var(--title-20);}
		.total_search_box .search_txt p{font-size:100%;color:var(--black-color08);font-weight:500;}
		.total_search_box .search_txt p strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
	.sub_search_wrap{margin-top:80px;display: flex;flex-direction: column;gap:100px;}
		.sub_search_wrap .search_cont{font-size:var(--title-20);}
		.sub_search_wrap .search_cont h4{font-size:180%;color:var(--black-color00);font-weight:600;margin-bottom:30px;}
		.search_cont .faq_box{margin:0;}
	
	@media (max-width:1023px) {
		.sub_search{margin-top:clamp(60px, 9vw, 96px);}
		.sub_search_wrap{margin-top:clamp(40px, 8vw, 80px);gap:clamp(50px, 10vw, 100px);}
	}
	@media (max-width:860px) {
		.total_search_box dl dd{width:100%;}
	}
	@media (max-width:640px) {
		.total_search_box dl dd{height:50px;}
		#wrap .total_search_box dl dd .search_input{width:calc(100% - 50px);}
		.total_search_box dl dd .btn_total_search{width:50px;}
		.total_search_box dl dd .btn_total_search img{width:18px;}
		.total_search_box .search_txt{margin-top:20px;}
		.sub_search_wrap .search_cont h4{font-size:150%;margin-bottom:10px;}
	}
	@media (max-width:479px) {
		.total_search_box dl{flex-direction: column;gap:10px;}
		.total_search_box dl dd{height:42px;}
		#wrap .total_search_box dl dd .search_input{width:calc(100% - 42px);}
		.total_search_box dl dd .btn_total_search{width:42px;}
		.total_search_box .search_txt{margin-top:14px;}
	}
	
/*───────────────────────────────────────────────────────────

	게시판 이전글, 다음글
	
───────────────────────────────────────────────────────────*/
	.bbs_view_list{}
	.bbs_view_list dl{display: flex;box-sizing:border-box;border-bottom:1px solid var(--border-color01);font-size:var(--title-20);align-items: center;}
	.bbs_view_list dl dt{width:140px;text-align: center;font-size:90%;color:var(--black-color03);font-weight:500;flex-shrink:0;padding:26px 0;background:var(--gray-bg04);}
	.bbs_view_list dl dd{box-sizing:border-box;font-size:70%;color:var(--black-color08);font-weight:500;padding:0 20px;}
	.bbs_view_list dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}
	
	@media (max-width:860px) {
		.bbs_view_list dl dt{width:100px;padding:20px 0;}
		.bbs_view_list dl dd{padding:0 10px;}
	}