@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 {border-radius: 10px; 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-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important; transition: all 0.3s;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width:200px;height:70px;line-height:68px;font-size:var(--title-20);}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:var(--point-black) !important;background-color:var(--point-black) !important;color:#fff !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.png) 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;}

	/* hover */
	@media only screen and (min-width:1024px) {
			/* button 색상별 */
		.btn_point:hover {border-color: var(--point-blue) !important;background-color: var(--point-blue) !important;}
	}
	
	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:3.8%;}
	}
	@media only screen and (max-width:1023px) {
			/* button 크기별 */
		.btn {width: 180px; height: 65px; line-height: 63px;}
			/* button wrapper */
		.btn_wrap {padding-top:50px;}
		/* .view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;} */
	}
	@media only screen and (max-width:860px) {
			/* button 크기별 */
		.btn {width: 160px; height: 60px; line-height: 58px;}
	}
	@media only screen and (max-width:640px) {
			/* button 크기별 */
		.btn {width: 140px; height: 55px; line-height: 53px;}
			/* 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;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn {width: 140px; height: 50px; line-height: 48px;}
		.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;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	COMMON
───────────────────────────────────────────────────────────*/
	/** sub visual **/
		.sub_visual {display:flex; align-items:center; width: 100%; height: 460px; background-repeat: no-repeat; background-position: center; background-size:cover;}
		.sub_visual .txt_wrap {position: relative; top: 11%;}
		.sub_visual h2 {font-size: var(--title-60); color: var(--point-white); font-weight: 600; letter-spacing: normal;}

		@media only screen and (max-width:1430px) {
			.sub_visual {height:32vw; min-height:380px;}
		}
		@media screen and (max-width:1023px) {
			.sub_visual {height:39vw; min-height:340px;}
		}
		@media screen and (max-width:767px) {
			.sub_visual {height:44vw; min-height:220px;}
			.sub_visual .txt_wrap {top: 14%;}
		}

	/** side box / sub menu **/
		.sub_menu {position: relative; border-bottom: 1px solid var(--border-color01); z-index: 5;}
		.sub_menu .w_custom {display:flex; align-items: center; width: 1400px; padding: 0 !important; height:70px;}
		.sub_menu .home {position:relative;font-size:0;display:inline-flex;width: 70px;height:100%;align-items:center;justify-content:center;box-sizing: border-box;border-left: 1px solid var(--border-color01); border-right: 1px solid var(--border-color01);}
		.sub_menu dl {position:relative; height:100%; display:flex;}
		.sub_menu dl :where(dt, dd){position:relative; height:100%; font-size:var(--title-18);}
		.sub_menu dl :where(dt span, dd span){position:relative;display:inline-flex;align-items:center;min-width:300px;height:100%;font-size:inherit;font-weight:400;color:var(--black-color02);padding: 0 20px 0 20px;box-sizing:border-box;border-right: 1px solid var(--border-color01);cursor:pointer;line-height:1.5;}
			.sub_menu dl dt span:before, .sub_menu dl dd span:before{position:absolute;content:'';width:7px;height:7px;border: 1px solid var(--black-color03);border-width:0 1px 1px 0;top:45%;right:20px;transform:translateY(-50%) rotate(45deg);transition:all 0.4s;}
			.sub_side dl dt.on span:before, .sub_menu dl dd.on span:before{transform:translateY(-50%) rotate(45deg) scale(-1, -1); top:55%;}
		.sub_menu dl :where(dt ul, dd ul){display:none; position:absolute; left:-1px; top:100%; background:var(--point-white);padding:14px 0; width:calc(100% + 1px); border:1px solid var(--border-color01); box-sizing:border-box;}
		.sub_menu dl :where(dt li, dd li){font-size:var(--title-16); font-weight:400; color:var(--black-color06);}
		.sub_menu dl :where(dt li a, dd li a){display:block; padding:8px 20px; font-size: inherit; color:var(--black-color06);}
		.sub_menu dl :where(dt li.on a, dd li.on a) {color:var(--point-green);}

		@media screen and (max-width:1400px) {
			.sub_menu .w_custom {width: 100%;}
			.sub_menu .home {border-left: 0;}
		}
		@media screen and (max-width:1023px) {
			.sub_menu .w_custom {height:65px;}
			.sub_menu .home {width:65px;}
			.sub_menu dl dt.dep03 {display:none;}
			.sub_menu dl :where(dt span, dd span) {padding:0 55px 0 25px; min-width:270px;}
				.sub_menu dl dt span:before, .sub_menu dl dd span:before {right:25px;}
			.sub_menu dl :where(dt li a, dd li a){padding:8px 25px;}
		}
		@media screen and (max-width:860px) {
			.sub_menu .w_custom {height:60px;}
			.sub_menu .home {width:60px; }
			.sub_menu .home img {width:18px;}
			.sub_menu dl :where(dt span, dd span){padding:0 50px 0 20px; }
				.sub_menu dl dt span:before, .sub_menu dl dd span:before{right:20px;}
			.sub_menu dl dt:before, .sub_menu dl dd:before{height:16px;}
			.sub_menu dl :where(dt li a, dd li a){padding:7px 20px;}
		}
		@media screen and (max-width:640px) {
			.sub_menu .w_custom {height:55px;}
			.sub_menu .home {width:55px;}
			.sub_menu .home img {width:16px;}
			.sub_menu dl {width:calc(100% - 55px);}
			.sub_menu dl dt {display:none;}
			.sub_menu dl dd{width:100%;}
			.sub_menu dl dd span {padding:0 40px 0 15px; width:100%; min-width:auto;border-right:0;}
				.sub_menu dl dd span:before {right:15px;}
			 .sub_menu dl dd:before{height:12px;}
			 .sub_menu dl :where(dt ul, dd ul){padding:12px 0;}
			 .sub_menu dl :where(dt li a, dd li a){padding:7px 15px;}
		}
		@media screen and (max-width:479px) {
			.sub_menu .w_custom {height:50px;}
			.sub_menu .home{width:50px; }
			.sub_menu .home img{width:14px;}
			.sub_menu dl{width:calc(100% - 50px);}
			.sub_menu dl dd:before{height:10px;}
		}
		@media screen and (max-width:431px) {
			.sub_menu dl{width:calc(100% - 45px);}
		}

	/** sub title **/
		.sub_title {padding:70px 0 60px;border:0;margin:0;position:relative;z-index:1;}
		.sub_title h3 {font-size:var(--title-60);line-height:1.5;padding:0;margin:0;text-align:center;color:var(--black-color03);font-weight:500;letter-spacing: -0.03em;}
		.sub_title h3:after {content: ""; display: block; width: 50px; height: 2px; margin: 21px auto 0; background:var(--black-color03);}
		.sub_title h5.check {position: relative; box-sizing: border-box; padding-left: 52px; font-size: var(--title-34); font-weight: 600; color: var(--black-color03); letter-spacing: normal; line-height: 1.3; text-align: left;}
			.sub_title h5.check:before {content: ""; position: absolute; left: 0; top: 6px; width: 32px; height: 26px; background: url("../images/sub/icon_tit_check.svg") no-repeat center; background-size: 100% auto;}
		.sub_title p {margin-top: 40px; font-size: var(--title-20); color:var(--black-color03); line-height: 1.6; letter-spacing: normal; text-align:center;}
		.sub_title p strong {font-size:inherit;font-weight:700;color:var(--point-blue);}
		
		@media only screen and (max-width:1400px) {
			.sub_title h5.check {padding-left: 48px;}
				.sub_title h5.check:before {width: 30px; height: 24px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_title {padding:60px 0 50px;}
			.sub_title h3:after {width: 40px; margin: 19px auto 0;}
			.sub_title h5.check {padding-left: 44px;}
				.sub_title h5.check:before {width: 27px; height: 22px;}
			.sub_title p {margin-top: 35px;}
		}
		@media only screen and (max-width:860px) {
			.sub_title {padding:55px 0 45px;}
			.sub_title h5.check {padding-left: 40px;}
				.sub_title h5.check:before {width: 25px; height: 20px;}
			.sub_title p {margin-top: 30px;}
		}
		@media only screen and (max-width:640px) {
			.sub_title {padding:45px 0 40px;}
			.sub_title h3:after {width: 30px; margin: 17px auto 0;}
			.sub_title h5.check {padding-left: 36px;}
				.sub_title h5.check:before {top: 5px; width: 23px; height: 19px;}
			.sub_title p {margin-top: 25px;}
		}
		@media only screen and (max-width:479px) {
			.sub_title {padding:40px 0 35px;}
			.sub_title h5.check {padding-left: 32px;}
				.sub_title h5.check:before {width: 21px; height: 17px;}
		}

	/** sub tab **/
		.sub_tab {display: flex; justify-content: center; margin-bottom: 60px;}
		.sub_tab li {display: inline-flex;align-items: center;justify-content: center;width: 200px;height: 60px;border-radius: 10px;box-sizing: border-box;border: 1px solid var(--border-color01);font-size: var(--title-20);color:var(--black-color10);cursor: pointer;transition: all 0.3s;text-align:center;padding: 0 15px;}
		.sub_tab li + li {margin-left: 15px;}
		.sub_tab li.active {background: var(--point-black); border-color: var(--point-black); color: var(--point-white) !important; font-weight: 500;}
		
		/* hover */
		@media only screen and (min-width:1024px) {
			.sub_tab li:hover {border-color: var(--point-black); color: var(--point-black); font-weight: 500;}
		}
		@media only screen and (max-width:1023px) {
			.sub_tab {margin-bottom: 55px;}
			.sub_tab li {height: 55px;}
		}
		@media only screen and (max-width:860px) {
			.sub_tab {margin-bottom: 50px;}
			.sub_tab li {height: 50px;width: 180px;}
			.sub_tab li + li {margin-left: 10px;}
		}
		@media only screen and (max-width:640px) {
			.sub_tab {margin-bottom: 45px;}
			.sub_tab li {height: 45px;}
		}
		@media only screen and (max-width:479px) {
			.sub_tab {margin-bottom: 40px;}
			.sub_tab li {width: 150px;}
		}

	/** dot list **/
		.dot_list {text-align: left;}
		.dot_list li {position: relative; box-sizing: border-box; padding-left: 12px; font-size: var(--title-17); color: var(--black-color03); font-weight: 500; line-height: 1.5;}
		.dot_list li:before {content: ""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: var(--black-color08);}
		.dot_list li + li {margin-top: 9px;}
		.dot_list li span {font-size: inherit; color: inherit; font-weight: 400;}
			.dot_list.dot_none li {padding-left: 0 !important;}
			.dot_list.dot_none li:before {display: none !important;}
		
		@media only screen and (max-width:1023px) {
			.dot_list li:before {top: 9px;}
		}
		@media only screen and (max-width:640px) {
			.dot_list li {padding-left: 11px;}
			.dot_list li:before {width: 3px; height: 3px;}
			.dot_list li + li {margin-top: 8px;}
		}
	
			
/*───────────────────────────────────────────────────────────
	 TECHNOLOGY
───────────────────────────────────────────────────────────*/
	/*** technology/research (연구분야) ***/
		/* PC 일반 */
			.sub_research {}
			.sub_research .rsch_about {text-align: center;}
			.sub_research .rsch_about h4 {display: inline-flex; align-items: center; justify-content: center; height: 68px; padding: 0 56px; border-radius: 500px; background: var(--point-black); font-size: var(--title-34); color: var(--point-white); font-weight: 600; letter-spacing: inherit;}
			.sub_research .rsch_about .about_cont {width: 100%; background: var(--sky-blue-bg01); margin-top: -34px; box-sizing: border-box; padding: 95px 120px 80px; border-radius: 20px; overflow: hidden;}
			.sub_research .rsch_about .rsch_list {position: relative; display: flex; justify-content: center; width: 100%; box-sizing: border-box;}
				.sub_research .rsch_about .rsch_list:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/sub/sv_rsch_list_bg.svg") no-repeat center; background-size: auto 100%;}
			.sub_research .rsch_about .rsch_list li {position: relative; width: 100%; padding-bottom: 33.28%;}
			.sub_research .rsch_about .rsch_list li .cont {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 72.5%; height: 72.5%; border-radius: 50%; box-sizing: border-box; border: 2px solid var(--transparent); background-image: linear-gradient(140deg, #E3E3E3 17.03%, #F5F5F5 62.5%),linear-gradient(245deg, #fff 17.03%, #E3E3E3 62.5%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: -10px 30px 20px 0px rgba(0, 0, 0, 0.10);}
			.sub_research .rsch_about .rsch_list li p {margin: 22px 20px 10px;font-size: var(--title-26);color: var(--black-color00);font-weight: 500;line-height: 1.18;letter-spacing: normal;box-sizing: border-box;}
			.sub_research .rsch_about .dot_list.dot_none {display: inline-flex; margin: 54px 0 60px;}
			.sub_research .rsch_about .dot_list.dot_none li {font-size: var(--title-18); color: var(--black-color00); font-weight: 400; letter-spacing: normal;} 
			.sub_research .rsch_about .dot_list.dot_none li + li {margin-top: 0; margin-left: 40px;}
			.sub_research .rsch_about .ability_cont {display: flex; justify-content: center; align-items: center; width: 100%; background: var(--point-white); box-sizing: border-box; padding: 37px 0; border: 1px solid var(--black-color03); border-radius: 10px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.12);}
			.sub_research .rsch_about .ability_cont span {font-size: var(--title-28); color: var(--black-color00); letter-spacing: normal;}
		
			.sub_research .rsch_problem {width: 100%; margin-top: 116px; overflow: hidden;}
			.sub_research .rsch_problem .sub_title {padding: 0;}
			.sub_research .rsch_problem .factor_cont {width: 100%; background: var(--sky-blue-bg02); margin: 26px 0 30px; box-sizing: border-box; padding: 37px 30px 36px; border-radius: 20px; font-size: var(--title-24); color: var(--black-color03); font-weight: 500; line-height: 1.6; letter-spacing: normal; text-align: center;}
			.sub_research .rsch_problem .factor_cont strong {font-size: inherit; color: var(--point-blue); font-weight: bold; letter-spacing: inherit;}
			.sub_research .rsch_problem .factor_cont em {font-size: var(--title-16); font-weight: 500; letter-spacing: inherit;}
			.sub_research .rsch_problem .problem_list {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr; grid-auto-rows: 1fr; gap: 28px; width: 100%;}
			.sub_research .rsch_problem .problem_list li {display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 30px; border: 1px solid var(--border-color01); border-radius: 10px;}
			.sub_research .rsch_problem .problem_list li .icon {width: 110px; height: 110px; border-radius: 50%; overflow: hidden;}
			.sub_research .rsch_problem .problem_list li .icon img {width: 100%; height: 100%; object-fit: cover;}
			.sub_research .rsch_problem .problem_list li .txt {width: calc(100% - 110px); box-sizing: border-box; padding-left: 30px;}
			.sub_research .rsch_problem .problem_list li .txt dt {font-size: var(--title-20); color: var(--black-color00); font-weight: 500; line-height: 1.5;}
			.sub_research .rsch_problem .problem_list li .txt dd {margin-top: 8px; font-size: var(--title-17); color: var(--black-color00); font-weight: 400; line-height: 1.64; letter-spacing: -0.04em;}
			.sub_research .rsch_problem .problem_list li .txt dd strong {font-size: var(--title-30); color: var(--point-blue); font-weight: 600; line-height: 1;}
			
			.sub_research .solution_cont {text-align: center;}
			.sub_research .solution_cont:before {content: ""; display: inline-block; margin-bottom: 30px; width: 320px; height: 178px; background: url("../images/sub/sv_rsch_problem_arw.svg") no-repeat center; background-size: 100% auto;}
			.sub_research .solution_cont > p {font-size: var(--title-24); color: var(--black-color03); font-weight: 500; line-height: 1.5; letter-spacing: normal;} 
			.sub_research .solution_cont > p strong {font-size: inherit; color: var(--point-blue); font-weight: inherit;}
			.sub_research .solution_cont .solution_list {position: relative; display: flex; justify-content: space-between; margin-top: 60px;}
			.sub_research .solution_cont .solution_list li {width: calc(33.33% + 33px);background: var(--purple-opa-bg);box-sizing: border-box;padding: 33px 40px 160px;border-radius: 160px;}
			.sub_research .solution_cont .solution_list li + li {background: var(--mint-opa-bg);}
			.sub_research .solution_cont .solution_list li + li + li {background: var(--blue-opa-bg);}
				.sub_research .solution_cont .solution_list li:nth-child(2) {position: absolute;left: 50%;top: 0;margin-left: -18%;height: 100%;}
			.sub_research .solution_cont .solution_list li strong {display: block;margin-top: 16px;font-size: var(--title-20);color: var(--point-white);font-weight: 500;line-height: 1.54;}
			
			
			@media only screen and (max-width:1430px) {
				.sub_research .rsch_about .about_cont {padding: 95px 80px 80px;}
				.sub_research .rsch_about .rsch_list li p {margin: 18px 20px 8px;}
				.sub_research .rsch_about .dot_list.dot_none li + li {margin-left: 30px;}
				
				.sub_research .rsch_problem .problem_list {gap: 24px;}
				
				.sub_research .solution_cont .solution_list li .icon {height: 72px;}
				.sub_research .solution_cont .solution_list li .icon img {height: 100%;}
				.sub_research .solution_cont .solution_list li strong {font-size: var(--title-20);}
			}
			@media only screen and (max-width:1280px) {
				.sub_research .rsch_about .about_cont {padding: 95px 40px 80px;}
				.sub_research .rsch_about .rsch_list li p {margin: 16px 20px 6px;font-size: var(--title-20);}
				.sub_research .rsch_about .dot_list.dot_none {flex-direction: column; margin: 54px 0;}
				.sub_research .rsch_about .dot_list.dot_none li + li {margin-left: 0;}
				
				.sub_research .rsch_problem .problem_list li {padding: 24px;}
				.sub_research .rsch_problem .problem_list li .icon {width: 95px; height: 95px;}
				.sub_research .rsch_problem .problem_list li .txt {width: calc(100% - 95px); padding-left: 24px;}
				
				.sub_research .solution_cont .solution_list li {padding: 28px 40px 160px;}
				.sub_research .solution_cont .solution_list li .icon {height: 66px;}
				.sub_research .solution_cont .solution_list li strong {font-size: var(--title-17);}
			}
			@media only screen and (max-width:1140px) {
				.sub_research .rsch_about .rsch_list li .cont {width: 78%; height: 78%;}
				.sub_research .rsch_about .rsch_list li .cont .icon {width: 66px;}
				
				.sub_research .rsch_problem .factor_cont br {display: none;}
				.sub_research .rsch_problem .problem_list {gap: 20px;}
				.sub_research .rsch_problem .problem_list li {padding: 20px;}
				.sub_research .rsch_problem .problem_list li .icon {width: 80px; height: 80px;}
				.sub_research .rsch_problem .problem_list li .txt {width: calc(100% - 80px); padding-left: 20px;}
				.sub_research .rsch_problem .problem_list li .txt dd {margin-top: 6px;}
				.sub_research .rsch_problem .problem_list li .txt dt br, .sub_research .rsch_problem .problem_list li .txt dd br {display: none;}
				
				.sub_research .solution_cont .solution_list li .icon {height: 62px;}
			}
			@media only screen and (max-width:1023px) {
				.sub_research .rsch_about h4 {height: 64px; padding: 0 50px;}
				.sub_research .rsch_about .about_cont {margin-top: -32px; padding: 80px 30px 65px;}
				.sub_research .rsch_about .dot_list.dot_none {margin: 44px 0;}
				.sub_research .rsch_about .ability_cont {padding: 34px 0;}
				
				.sub_research .rsch_problem {margin-top: 105px;}
				.sub_research .rsch_problem .factor_cont {margin: 22px 0 26px; padding: 33px 30px 32px;}
				.sub_research .rsch_problem .problem_list {grid-template-columns: repeat(2, 1fr);}
				.sub_research .rsch_problem .problem_list li {padding: 28px 20px;}
				
				.sub_research .solution_cont:before {width: 280px; height: 160px;}
				.sub_research .solution_cont .solution_list {flex-direction: column; align-items: center; margin-top: 50px;}
				.sub_research .solution_cont .solution_list li {width: 100%; max-width: 640px; padding: 28px 30px 34px;}
				.sub_research .solution_cont .solution_list li:nth-child(2) {position: relative; left: inherit; top: inherit; margin-left: 0;}
				.sub_research .solution_cont .solution_list li + li {margin-top: 20px;}
				.sub_research .solution_cont .solution_list li strong {font-size: var(--title-20);}
			}
			@media only screen and (max-width:940px) {
				.sub_research .rsch_about .rsch_list li .cont {width: 82%; height: 82%;}
				.sub_research .rsch_about .rsch_list li .cont .icon {width: 62px;}
				.sub_research .rsch_about .rsch_list li p {margin: 16px 20px 2px;font-size: var(--title-18);}
				
				.sub_research .rsch_problem .factor_cont {padding: 33px 25px 32px;}
			}
			@media only screen and (max-width:860px) {
				.sub_research .rsch_about h4 {height: 60px; padding: 0 46px;}
				.sub_research .rsch_about .about_cont {margin-top: -30px; padding: 70px 30px 55px;}
				.sub_research .rsch_about .rsch_list {flex-direction: column; width: 320px; margin: 0 auto;}
				.sub_research .rsch_about .rsch_list:before {left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(90deg); width: 300%; height: 320px;}
				.sub_research .rsch_about .rsch_list li {padding-bottom: 100%;}
				.sub_research .rsch_about .rsch_list li .cont {width: 78%; height: 78%;}
				.sub_research .rsch_about .ability_cont {padding: 28px 0;}
				
				.sub_research .rsch_problem {margin-top: 95px;}
				.sub_research .rsch_problem .factor_cont {margin: 20px 0 24px; padding: 31px 25px 30px;}
			}
			@media only screen and (max-width:767px) {
				.sub_research .rsch_problem .problem_list {grid-template-rows: min-content; grid-auto-rows: max-content;}
				.sub_research .rsch_problem .problem_list li {flex-direction: column; align-items: flex-start; padding: 24px 18px;}
				.sub_research .rsch_problem .problem_list li .icon {margin: 0 auto;}
				.sub_research .rsch_problem .problem_list li .txt {width: 100%; padding-left: 0; padding-top: 14px; text-align: center;}
				
				.sub_research .solution_cont > p br {display: none;}
			}
			@media only screen and (max-width:640px) {
				.sub_research .rsch_about h4 {height: 56px; padding: 0 40px;}
				.sub_research .rsch_about .about_cont {margin-top: -28px; padding: 60px 25px 50px;}
				.sub_research .rsch_about .rsch_list {width: 280px;}
				.sub_research .rsch_about .rsch_list:before {height: 280px;}
				.sub_research .rsch_about .dot_list.dot_none {margin: 34px 0;}
				.sub_research .rsch_about .ability_cont {padding: 26px 0;}
				
				.sub_research .rsch_problem {margin-top: 85px;}
				.sub_research .rsch_problem .factor_cont {padding: 27px 25px 26px;}
				.sub_research .rsch_problem .problem_list {gap: 15px;}
				.sub_research .rsch_problem .problem_list li {padding: 20px 18px;}
				.sub_research .rsch_problem .problem_list li .icon {width: 70px; height: 70px;}
				.sub_research .rsch_problem .problem_list li .txt dd {margin-top: 4px;}
				
				.sub_research .solution_cont:before {width: 240px; height: 140px;}
				.sub_research .solution_cont .solution_list {margin-top: 40px;}
			}
			@media only screen and (max-width:479px) {
				.sub_research .rsch_about h4 {height: 52px; padding: 0 36px;}
				.sub_research .rsch_about .about_cont {margin-top: -26px; padding: 50px 20px 40px;}
				.sub_research .rsch_about .rsch_list {width: 260px;}
				.sub_research .rsch_about .rsch_list:before {height: 260px;}
				.sub_research .rsch_about .rsch_list li .cont .icon {width: 56px;}
				.sub_research .rsch_about .rsch_list li p {margin: 12px 0 0;}
				.sub_research .rsch_about .dot_list.dot_none {margin: 30px 0;}
				.sub_research .rsch_about .ability_cont {padding: 24px 10px;}
				.sub_research .rsch_about .ability_cont span {font-size: var(--title-26);}
				
				.sub_research .rsch_problem {margin-top: 70px;}
				.sub_research .rsch_problem .factor_cont {padding: 23px 20px 22px;}
				.sub_research .rsch_problem .problem_list {grid-template-columns: repeat(1, 1fr);}
				.sub_research .rsch_problem .problem_list li {align-items: center; flex-direction: row;}
				.sub_research .rsch_problem .problem_list li .txt {width: calc(100% - 70px); padding-top: 0; padding-left: 14px; text-align: left;}
					
				.sub_research .solution_cont:before {width: 200px; height: 110px;}
				.sub_research .solution_cont .solution_list li {padding: 25px 20px 30px; border-radius: 100px;}
				.sub_research .solution_cont .solution_list li + li {margin-top: 15px;} 
				.sub_research .solution_cont .solution_list li .icon {height: 58px;}
			}
			@media only screen and (max-width:360px) {
				.sub_research .rsch_about .about_cont {padding: 50px 15px 40px;}
				.sub_research .rsch_about .rsch_list {width: 230px;}
				.sub_research .rsch_about .rsch_list:before {height: 230px;}
				.sub_research .rsch_about .rsch_list li .cont {width: 80%; height: 80%;}
				.sub_research .rsch_about .rsch_list li .cont .icon {width: 52px;}
				.sub_research .rsch_about .ability_cont {padding: 20px 10px;}
			}
			
		
	/*** technology/core (핵심기술) ***/
		/* PC 일반 */
			.technology_core #contents_wrap {width: 100%; padding: 0 !important;}
			.technology_core #contents_wrap #contents_box {padding-bottom: 0 !important;}
			
			.sub_core {}
			.sub_core .core_about {display: flex; align-items: center; width: 100%;}
			.sub_core .core_about .video_box {position: relative; width: 51.43%; padding-bottom: 30%; border-radius: 20px; overflow: hidden;}
			.sub_core .core_about .video_box iframe {position: absolute; left: 0; top: 0;}
			.sub_core .core_about .txt_box {width: calc(100% - 51.43%); box-sizing: border-box; padding-left: 80px;}
			.sub_core .core_about .txt_box dt {font-size: var(--title-50); color: var(--point-blue); font-weight: 600;}
			.sub_core .core_about .txt_box dd {margin-top: 30px; font-size: var(--title-24); color: var(--black-color03); line-height: 1.42;}
			
			.sub_core .core_analyze {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 142px 0 140px;}
			.sub_core .analyze_box {width: 42.86%; box-sizing: border-box;}
			.sub_core .analyze_box > dt {display: flex; flex-direction: column; align-items: center; width: 100%; background: var(--black-color08); box-sizing: border-box; padding: 22px 15px 20px; border-radius: 10px 10px 0 0; overflow: hidden; font-size: var(--title-26); color: var(--point-white); font-weight: 600; text-align: center;}
			.sub_core .analyze_box > dt .icon {display: inline-flex; align-items: center; justify-content: center; width: 100px; height: 40px; margin-bottom: 17px; background: var(--point-white); border-radius: 40px; font-size: var(--title-24); color: var(--black-color08); font-weight: bold; line-height: 1;}
			.sub_core .analyze_box > dd {width: 100%; background: var(--gray-bg); box-sizing: border-box; padding: 20px; border: 1px solid var(--border-color01); border-top: 0; border-radius: 0 0 10px 10px; overflow: hidden;}
			.sub_core .analyze_box > dd > .icon_list {display: flex; margin-bottom: 22px;}
			.sub_core .analyze_box > dd > .icon_list > li {display: inline-flex; flex-direction: column; align-items: center; width: 100%; background: var(--point-white); box-sizing: border-box; padding: 30px 10px 18px; border: 1px solid var(--border-color01); border-radius: 10px; overflow: hidden;}
			.sub_core .analyze_box > dd > .icon_list > li + li {margin-left: 10px;}
			.sub_core .analyze_box > dd > .icon_list > li .icon {height: 60px;}
			.sub_core .analyze_box > dd > .icon_list > li .txt {text-align: center;}
			.sub_core .analyze_box > dd > .icon_list > li .txt dt {margin: 20px 0 10px; font-size: var(--title-18); color: var(--black-color03); font-weight: 500;}
			.sub_core .analyze_box > dd > .icon_list > li .txt dd {font-size: var(--title-16); color: var(--black-color06); line-height: 1.25;}
			.sub_core .analyze_box > dd > .dot_list {display: flex; flex-wrap: wrap; gap: 9px 0;}
			.sub_core .analyze_box > dd > .dot_list > li {min-width: 43%; margin-top: 0;}
			.sub_core .analyze_box > dd > .check_list {}
			.sub_core .analyze_box > dd > .check_list > li {display: flex; align-items: center; width: 100%; background: var(--sky-blue-bg02); box-sizing: border-box; padding: 14.5px 22px; border-radius: 10px;}
			.sub_core .analyze_box > dd > .check_list > li + li {margin-top: 10px;}
			.sub_core .analyze_box > dd > .check_list > li .check {position: relative; display: block; width: 50%; box-sizing: border-box; padding-left: 32px; padding-right: 15px; font-size: var(--title-20); font-weight: 600; color: var(--point-blue); line-height: 1.3; text-align: left;}
			.sub_core .analyze_box > dd > .check_list > li .check:before {content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 15px; background: url("../images/sub/icon_tit_check.svg") no-repeat center; background-size: 100% auto;}
			.sub_core .analyze_box > dd > .check_list > li .dot_list {width: 50%;}
			.sub_core .analyze_box > dd > .check_list > li .dot_list li {padding-left: 16px; font-size: var(--title-18); font-weight: 400;}
			.sub_core .analyze_box > dd > .check_list > li .dot_list li:before {top: 12px;}
			.sub_core .analyze_box > dd > .check_list > li .dot_list li + li {margin-top: 6px;}
				/* As Is */
				.sub_core .analyze_box.asis {position: relative;}
				.sub_core .analyze_box.asis:after {content: ""; position: absolute; right: -170px; top: 50%; transform: translateY(-50%); width: 170px; height: 320px; background: url("../images/sub/sv_core_analyze_arw.svg") no-repeat center; background-size: 100%; auto;}
				/* To Be */
				.sub_core .analyze_box.tobe {position: relative; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15); z-index: 1;}
				.sub_core .analyze_box.tobe > dt {background: var(--point-blue); font-size: var(--title-34);}
				.sub_core .analyze_box.tobe > dt .icon {margin-bottom: 9px; color: var(--point-blue);}
				.sub_core .analyze_box.tobe > dd {background: var(--point-white); padding: 30px 28px; border: 2px solid var(--point-blue); border-top: 0;}
			
			.sub_core .core_merit {width: 100%; background: var(--gray-bg); padding: 130px 0 140px; overflow: hidden;}
			.sub_core .core_merit .sub_title {padding-top: 0;}
			.sub_core .core_merit .merit_wrap {width: 100%; box-sizing: border-box; padding: 0 54px;}
			.sub_core .core_merit .merit_list {position: relative; display: flex; width: 100%;}
			.sub_core .core_merit .merit_list:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/sub/sv_core_merit_bg.png") no-repeat top center; background-size: 100% auto;}
			.sub_core .core_merit .merit_list > li {width: 100%;}
			.sub_core .core_merit .merit_list > li + li {margin-left: 49px;}
			.sub_core .core_merit .merit_list > li .circle {position: relative; width: 100%; padding-bottom: 100%; margin-bottom: 34px;}
			.sub_core .core_merit .merit_list > li .circle:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 81.5%; height: 81.5%; background: linear-gradient(0deg, #6FBA2C 0%, #6FBA2C 100%), linear-gradient(279deg, #DEDFE1 9.69%, #E9EAEC 40.73%, #FAFAFA 84.62%); box-shadow: 12px 8px 15.1px rgba(0, 0, 0, 0.25); border-radius: 50%;}
			.sub_core .core_merit .merit_list > li .circle .cont {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; flex-direction: column; width: 70.35%; height: 70.35%; border-radius: 50%; box-sizing: border-box; border: 6px solid var(--transparent); background-image: linear-gradient(142deg, #E3E3E3 5.53%, #FFF 62.52%),linear-gradient(310deg, #E3E3E3 10%, #E8E8E8 62.52%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0px 10px 31.8px 0px rgba(0, 0, 0, 0.25);}
			.sub_core .core_merit .merit_list > li .circle .cont:before {content: ""; position: absolute; left: 50%; bottom: -102px; transform: translateX(calc(-50% + 0.5px)); width: 2px; height: 96px; background: var(--point-light-green);}
			.sub_core .core_merit .merit_list > li .circle .cont:after {content: ""; position: absolute; left: 50%; bottom: -112px; transform: translateX(calc(-50% - 0.5px)); width: 12px; height: 12px; border-radius: 50%; background: var(--point-light-green);}
			.sub_core .core_merit .merit_list > li .circle .cont .icon {display: inline-flex; align-items: center; height: 85px; margin-top: 12%;}
			.sub_core .core_merit .merit_list > li .circle .cont p {margin: 20px 0 8px; font-size: var(--title-26); color: var(--point-light-green); font-weight: bold; line-height: 1.3; letter-spacing: normal; text-align: center;}
			.sub_core .core_merit .merit_list > li .txt {position: relative; width: 81.5%; margin: 0 auto; padding-top: 34px; text-align: center;}
			
			.sub_core .core_merit .merit_list > li .txt strong {font-size: var(--title-28); font-weight: 600; color: var(--black-color03);}
			.sub_core .core_merit .merit_list > li .txt .dot_list {margin-top: 22px;}
			.sub_core .core_merit .merit_list > li .txt .dot_list li,
			.sub_core .core_merit .merit_list > li .txt .dot_list li span {word-break: break-all;}
			.sub_core .core_merit .merit_list > li .txt .dot_list li span {color: var(--point-light-green); font-weight: 500;}
				/* 2nd */
					.sub_core .core_merit .merit_list > li:nth-child(2) .circle:before {background: linear-gradient(0deg, #2B8C82 0%, #2B8C82 100%), linear-gradient(279deg, #DEDFE1 9.69%, #E9EAEC 40.73%, #FAFAFA 84.62%);}
					.sub_core .core_merit .merit_list > li:nth-child(2) .circle .cont:after,
					.sub_core .core_merit .merit_list > li:nth-child(2) .circle .cont:before {background: var(--point-turquoise);}
					.sub_core .core_merit .merit_list > li:nth-child(2) .circle .cont p,
					.sub_core .core_merit .merit_list > li:nth-child(2) .txt .dot_list li span {color: var(--point-turquoise);}
				/* 3nd */
					.sub_core .core_merit .merit_list > li:nth-child(3) .circle:before {background: linear-gradient(0deg, #006FB7 0%, #006FB7 100%), linear-gradient(279deg, #DEDFE1 9.69%, #E9EAEC 40.73%, #FAFAFA 84.62%);}
					.sub_core .core_merit .merit_list > li:nth-child(3) .circle .cont:after,
					.sub_core .core_merit .merit_list > li:nth-child(3) .circle .cont:before {background: var(--point-blue02);}
					.sub_core .core_merit .merit_list > li:nth-child(3) .circle .cont p,
					.sub_core .core_merit .merit_list > li:nth-child(3) .txt .dot_list li span {color: var(--point-blue02);}
		
			@media only screen and (max-width:1430px) {
				.sub_core .core_about .txt_box {padding-left: 70px;}
				
				.sub_core .analyze_box {width: 44%;}
					/* As Is */
					.sub_core .analyze_box.asis:after {right: -140px; width: 140px;}
					
				.sub_core .core_merit .merit_wrap {padding: 0 34px;}
				.sub_core .core_merit .merit_list > li .circle .cont .icon {height: 74px;}
				.sub_core .core_merit .merit_list > li .circle .cont .icon img {height: 100%;}
			}
			@media only screen and (max-width:1280px) {
				.sub_core .core_about .txt_box {padding-left: 60px;}
				
				.sub_core .analyze_box {width: 45%;}
				.sub_core .analyze_box > dd {padding: 16px;}
				.sub_core .analyze_box > dd > .icon_list > li {padding: 26px 10px 18px;}
				.sub_core .analyze_box > dd > .icon_list > li .icon {height: 56px;}
				.sub_core .analyze_box > dd > .icon_list > li .icon img {height: 100%;}
				.sub_core .analyze_box > dd > .check_list > li {padding: 14.5px 20px;}
					/* As Is */
					.sub_core .analyze_box.asis:after {right: -110px; width: 110px;}
					/* To Be */
					.sub_core .analyze_box.tobe > dd {padding: 26px 24px;}
					
				.sub_core .core_merit .merit_wrap {padding: 0;}
				.sub_core .core_merit .merit_list > li .circle:before {width: 84%; height: 84%;}
				.sub_core .core_merit .merit_list > li .circle .cont {width: 73%; height: 73%;}
				.sub_core .core_merit .merit_list > li .circle .cont .icon {height: 68px;}
				.sub_core .core_merit .merit_list > li .circle .cont:before {height: 86px; bottom: -92px;}
				.sub_core .core_merit .merit_list > li .circle .cont:after {bottom: -102px;}
			}
			@media only screen and (max-width:1140px) {
				.sub_core .core_about .video_box {width: 50%;}
				.sub_core .core_about .txt_box {width: calc(100% - 50%); padding-left: 50px;}
				.sub_core .core_about .txt_box dd {margin-top: 26px;}
				
				.sub_core .analyze_box > dd > .icon_list > li .icon {height: 52px;}
				.sub_core .analyze_box > dd > .dot_list > li {min-width: 100%;}
				
				.sub_core .core_merit .merit_list > li .circle:before {width: 89%; height: 89%;}
				.sub_core .core_merit .merit_list > li .circle .cont {width: 78%; height: 78%;}
				.sub_core .core_merit .merit_list > li .circle .cont .icon {height: 62px;}
				.sub_core .core_merit .merit_list > li .circle .cont p {margin: 16px 0 8px;}
				.sub_core .core_merit .merit_list > li .circle .cont:before {height: 76px; bottom: -82px;}
				.sub_core .core_merit .merit_list > li .circle .cont:after {bottom: -92px;}
				.sub_core .core_merit .merit_list > li .txt {width: 88%; padding-top: 40px;}
				.sub_core .core_merit .merit_list > li .txt .dot_list {margin-top: 18px;}
			}
			@media only screen and (max-width:1023px) {
				.sub_core .core_analyze {padding: 120px 0;}
				.sub_core .analyze_box {width: 46%;}
				.sub_core .analyze_box > dt .icon {width: 94px; height: 36px;}
				.sub_core .analyze_box > dd > .icon_list {margin-bottom: 18px;}
				.sub_core .analyze_box > dd > .icon_list > li .icon {height: 46px;}
				.sub_core .analyze_box > dd > .icon_list > li .txt dt {margin: 18px 0 10px;}
				.sub_core .analyze_box > dd > .check_list > li {flex-direction: column; align-items: flex-start;}
				.sub_core .analyze_box > dd > .check_list > li .check {width: 100%; padding-left: 28px;}
				.sub_core .analyze_box > dd > .check_list > li .check:before {width: 16px;}
				.sub_core .analyze_box > dd > .check_list > li .dot_list {width: 100%; margin-top: 10px;}
				.sub_core .analyze_box > dd > .check_list > li .dot_list li {padding-left: 14px;}
				.sub_core .analyze_box > dd > .check_list > li .dot_list li + li {margin-top: 4px;}
				
				.sub_core .core_merit {padding: 110px 0 120px;}
				.sub_core .core_merit .merit_list > li .circle:before {width: 92%; height: 92%;}
				.sub_core .core_merit .merit_list > li .circle .cont {width: 81%; height: 81%;}
				.sub_core .core_merit .merit_list > li .circle .cont .icon {height: 56px;}
				.sub_core .core_merit .merit_list > li .circle .cont p {font-size: var(--title-24);}
				.sub_core .core_merit .merit_list > li .circle .cont:before {height: 66px; bottom: -72px;}
				.sub_core .core_merit .merit_list > li .circle .cont:after {bottom: -82px; width: 10px; height: 10px;}
				.sub_core .core_merit .merit_list > li .txt {width: 94%;}
				
				.sub_core .core_merit .merit_list:before {top: -4px; width: calc(100% + 2px);}
			}
			@media only screen and (max-width:940px) {
				.sub_core .core_about {flex-direction: column-reverse;}
				.sub_core .core_about .video_box {width: 100%; padding-bottom:56.25%; padding-top:30px;}
				.sub_core .core_about .txt_box {width: 100%; padding-left: 0; padding-bottom: 35px; text-align: center;}
				.sub_core .core_about .txt_box dt br, .sub_core .core_about .txt_box dd br {display: none;}
				.sub_core .core_about .txt_box dd {margin-top: 22px;}
				
				.sub_core .core_analyze {flex-direction: column; width: 100%;}
				.sub_core .analyze_box {width: 100%;}
				.sub_core .analyze_box > dd > .dot_list > li {min-width: 50%;} 
					/* As Is */
					.sub_core .analyze_box.asis {margin-bottom: 130px;}
					.sub_core .analyze_box.asis:after {right: inherit; left: 50%; top: 80%; transform: translateX(-50%) rotate(90deg); width: 110px;}
					/* To Be */
					.sub_core .analyze_box > dd > .check_list > li {flex-direction: row; align-items: center;}
					.sub_core .analyze_box > dd > .check_list > li .check {width: 34%; min-width: 250px;}
					.sub_core .analyze_box > dd > .check_list > li .dot_list {width: calc(100% - 34%); margin-top: 0;}
					
				.sub_core .core_merit .merit_list > li .circle .cont .icon {height: 52px;}
				.sub_core .core_merit .merit_list > li .circle .cont p {margin: 12px 0 8px;}
				.sub_core .core_merit .merit_list > li .txt {width: 100%;}
				
				.sub_core .core_merit .merit_list:before {top: -4px;}
			}
			@media only screen and (max-width:860px) {
				.sub_core .core_about .txt_box {padding-bottom: 30px;}
				.sub_core .core_about .txt_box dd {margin-top: 18px;}
				
				.sub_core .core_analyze {padding: 100px 0;}
				.sub_core .analyze_box > dt .icon {width: 90px; height: 34px;}
				
				.sub_core .core_merit {padding: 90px 0 100px;}
				.sub_core .core_merit .merit_list {flex-direction: column; box-sizing: border-box; padding: 10px; padding-bottom: 20px; background: url("../images/sub/sv_core_merit_bg_ver.png") no-repeat left top; background-size: 270px auto;}
				.sub_core .core_merit .merit_list:before {display: none;}
				/* .sub_core .core_merit .merit_list:before {left: 0; top: 0; transform: rotate(90deg); width: 100%; height: 100%; background-size: auto 270px; background-position-y: bottom;} */
				.sub_core .core_merit .merit_list > li {display: flex; align-items: center;}
				.sub_core .core_merit .merit_list > li + li {margin-left: 0; margin-top: 49px;}
				.sub_core .core_merit .merit_list > li .circle {width: 250px; height: 250px; padding-bottom: 0; margin-bottom: 0;}
				.sub_core .core_merit .merit_list > li .circle .cont {justify-content: center;}
				.sub_core .core_merit .merit_list > li .circle .cont:before,
				.sub_core .core_merit .merit_list > li .circle .cont:after {display: none;}
				.sub_core .core_merit .merit_list > li .circle .cont p {margin-bottom: 28px;}
				.sub_core .core_merit .merit_list > li .txt {width: calc(100% - 250px); box-sizing: border-box; padding-top: 0; padding-left: 30px; text-align: left;}
			}
			@media only screen and (max-width:767px) {
				.sub_core .analyze_box > dd > .dot_list > li {min-width: 100%;}
				.sub_core .analyze_box > dd > .check_list > li .check {min-width: 230px; padding-left: 26px;}
				.sub_core .analyze_box > dd > .check_list > li .check:before {width: 15px;}
					/* As Is */
					.sub_core .analyze_box.asis:after {top: 84%;}
			}
			@media only screen and (max-width:640px) {
				.sub_core .core_about .txt_box {padding-bottom: 25px;}
				.sub_core .core_about .txt_box dd {margin-top: 16px;}
				
				.sub_core .core_analyze {padding: 80px 0;}
				.sub_core .analyze_box > dt .icon {width: 86px; height: 32px; margin-bottom: 13px;}
				.sub_core .analyze_box > dd > .icon_list > li {padding: 22px 10px 16px;}
				.sub_core .analyze_box > dd > .icon_list > li .icon {height: 42px;}
				.sub_core .analyze_box > dd > .dot_list {gap: 8px 0;}
				.sub_core .analyze_box > dd > .check_list > li .dot_list li {padding-left: 13px;}
				.sub_core .analyze_box > dd > .check_list > li .dot_list li:before {top: 10px;}
					/* As Is */
					.sub_core .analyze_box.asis {margin-bottom: 115px;}
					.sub_core .analyze_box.asis:after {width: 90px;}
				
				.sub_core .core_merit {padding: 70px 0 80px;}
				.sub_core .core_merit .merit_list {background-size: 230px auto;}
				.sub_core .core_merit .merit_list > li .circle {width: 210px; height: 210px;} 
				.sub_core .core_merit .merit_list > li .circle .cont .icon {height: 48px;}
				.sub_core .core_merit .merit_list > li .circle .cont p {font-size: var(--title-22);}
				.sub_core .core_merit .merit_list > li .txt {width: calc(100% - 210px);}
			}
			@media only screen and (max-width:540px) {
				.sub_core .analyze_box > dd > .check_list > li {flex-direction: column; align-items: flex-start;}
				.sub_core .analyze_box > dd > .check_list > li .dot_list {margin-top: 8px;}
				.sub_core .analyze_box > dd > .check_list > li .check:before {top: 4px; width: 14px;}
				
				.sub_core .core_merit .merit_list {background: none; padding: 0;}
				.sub_core .core_merit .merit_list > li {align-items: flex-start; flex-direction: column;}
				.sub_core .core_merit .merit_list > li + li {margin-top: 30px;}
				.sub_core .core_merit .merit_list > li .circle {width: 225px; height: 225px; margin: 0 auto; margin-bottom: 44px;}
				.sub_core .core_merit .merit_list > li .circle .cont:before,
				.sub_core .core_merit .merit_list > li .circle .cont:after {display: block;}
				.sub_core .core_merit .merit_list > li .circle .cont:before {height: 46px; bottom: -52px;}
				.sub_core .core_merit .merit_list > li .circle .cont:after {bottom: -52px; transform: translateX(calc(-50% + 0.5px)); width: 7px; height: 7px;}
				.sub_core .core_merit .merit_list > li .txt {width: 90%; padding-left: 0; text-align: center;}
				.sub_core .core_merit .merit_list > li .txt .dot_list {margin-top: 14px;}
			}	
			@media only screen and (max-width:479px) {
				.sub_core .core_about .txt_box dt br {display: block;}
				
				.sub_core .core_analyze {padding: 70px 0;}
				.sub_core .analyze_box > dd {padding: 12px;}
					/* As Is */
					.sub_core .analyze_box.asis {margin-bottom: 90px;}
					.sub_core .analyze_box.asis:after {top: 80%; width: 70px;}
					/* To Be */
					.sub_core .analyze_box.tobe > dd {padding: 20px 18px;}
				
				.sub_core .core_merit {padding: 60px 0 70px;}
			}
			
/*───────────────────────────────────────────────────────────
	CONTACT
───────────────────────────────────────────────────────────*/
	/*** /board/board_write?code=inquiry (CONTACT US) ***/
		/** contact_box **/
			.sub_board .contact_box {width: 100%; margin-bottom: 80px;}
			.sub_board .contact_box .tab_cont {height: 0; overflow: hidden;}
			.sub_board .contact_box .tab_cont.active {height: auto; overflow: visible;}
			.sub_board .contact_box .map_box {height: 500px;}
			.sub_board .contact_box .info_box {display: flex; background: var(--point-green); box-sizing: border-box; padding: 41px 50px 44px; gap:0 40px;}
			.sub_board .contact_box .info_box dl{width:25%;}
			.sub_board .contact_box .info_box dl:nth-child(1){width:50%;}
			.sub_board .contact_box .info_box dt, .sub_board .contact_box .info_box dd {color: var(--point-white); letter-spacing: -0.03em;}
			.sub_board .contact_box .info_box dt {font-size: var(--title-20); font-weight: bold;}
			.sub_board .contact_box .info_box dd {margin-top: 14px; font-size: var(--title-18); font-weight: 400; line-height: 1.5;}
		
		@media only screen and (max-width:1280px) {
			.sub_board .contact_box .info_box {padding: 41px 40px 44px;}
			.sub_board .contact_box .info_box dl + dl {margin-left: 90px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_board .contact_box {margin-bottom: 70px;}
			.sub_board .contact_box .map_box {height: 460px;}
			.sub_board .contact_box .info_box {justify-content: space-between; padding: 36px 30px 40px;}
			.sub_board .contact_box .info_box dl + dl {margin-left: 0;}
			.sub_board .contact_box .info_box dd {margin-top: 12px;}
		}
		@media only screen and (max-width:860px) {
			.sub_board .contact_box {margin-bottom: 60px;}
			.sub_board .contact_box .map_box {height: 420px;}
			.sub_board .contact_box .info_box {flex-direction: column; padding: 32px 25px 34px; gap:0;}
			.sub_board .contact_box .info_box dl {display: flex; width:100%}
			.sub_board .contact_box .info_box dl:nth-child(1){width:100%;}
			.sub_board .contact_box .info_box dl + dl {margin-top: 14px;}
			.sub_board .contact_box .info_box dt {width: 130px;}
			.sub_board .contact_box .info_box dd {width: calc(100% - 130px); margin-top: 0;}
		}
		@media only screen and (max-width:640px) {
			.sub_board .contact_box {margin-bottom: 50px;}
			.sub_board .contact_box .map_box {height: 380px;}
			.sub_board .contact_box .info_box {padding: 28px 25px 30px;}
			.sub_board .contact_box .info_box dl + dl {margin-top: 12px;}
			.sub_board .contact_box .info_box dt {width: 104px;}
			.sub_board .contact_box .info_box dd {width: calc(100% - 104px);}
		}
		@media only screen and (max-width:479px) {
			.sub_board .contact_box {margin-bottom: 40px;}
			.sub_board .contact_box .map_box {height: 340px;}
			.sub_board .contact_box .info_box {padding: 24px 20px 26px;}
			.sub_board .contact_box .info_box dl + dl {margin-top: 10px;}
			.sub_board .contact_box .info_box dt {width: 94px;}
			.sub_board .contact_box .info_box dd {width: calc(100% - 94px);}
		}

		/** bbs_write **/
			#wrap .table_wrap {border-top:2px solid var(--black-color00); border-bottom:1px solid var(--border-color01); padding:40px 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.03em;position:relative;}
			#wrap .table_wrap .bbs_write th {font-size:var(--title-20);font-weight:500;color: var(--black-color03); padding: 10px;}
			#wrap .table_wrap .bbs_write th .important:after {display:inline-flex; content:'*'; margin-left:4px; color: var(--point-red);}
			#wrap .table_wrap .bbs_write th span {font-size:inherit; font-weight:inherit; color:inherit;}
			#wrap .table_wrap .bbs_write td {padding:10px 5.2vw 10px 0; font-size:var(--title-18); font-weight: 400;color: var(--black-color06);}
			#wrap .table_wrap .bbs_write td + th + td {padding-right: 1.88vw;}
			#wrap .table_wrap .bbs_write :where(input[type="text"], input[type="password"]) {width: 100%;}
			#wrap .table_wrap .bbs_write :where(textarea) {width: 100% !important; height: 250px !important;}
			#wrap .table_wrap .bbs_write .ver_top :where(th, td){vertical-align:top;}
			#wrap .table_wrap .bbs_write .ver_top th {padding-top:24px;}
			#wrap .table_wrap .bbs_write .ver_top td {padding-right: 1.88vw;}
			#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:var(--title-18); font-weight: 400;color: var(--black-color06); letter-spacing:-0.035em; display:inline-flex; align-items:center; justify-content:center; border:1px solid #222; background:#fff; box-sizing:border-box;}
			/* 캡챠 */
				#wrap table.bbs_write .captcha_wrap {font-size:0;border:1px solid #ddd;display:inline-block;height:60px;vertical-align:top;margin-right:10px;box-sizing:border-box;padding: 8.5px 10px;}
				#wrap table.bbs_write .captcha_wrap img {width:155px !important; height:100% !important;vertical-align:top;}
				#wrap table.bbs_write .captcha_wrap .btn_reset{border-radius: inherit;font-size:0;width:40px !important;padding:0 !important;height:40px;margin-left:6px;border:1px solid #ddd;box-sizing:border-box;background:#fff url(../images/common/icon_btn_reset.png) no-repeat center!important}
				#wrap table.bbs_write tr td #captcha_box {height: 100%; margin-right: 0; font-size: 0;}
				#wrap table.bbs_write tr td input[name="captcha"] {width:226px;box-sizing:border-box;}
			/* 동의 */
				#wrap .policy_conts {margin-top: 0;}
				#wrap .policy_conts .textarea_wrap {width:100%;margin-top:20px;padding-right:10px;height:154px;background: #fff;border:1px solid var(--border-color01); box-sizing: border-box;}
				#wrap .policy_conts .textarea_wrap textarea {color:#777;width:100%;border:0;background:#fff;padding: 30px; padding-right: 20px; font-size: 15px;height:100%;font-weight: 400;line-height: 1.73; overflow:hidden; overflow-y:auto; box-sizing:border-box; resize:none;}
				#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar {width: 4px;}
				#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-thumb {background-color: #aaa;}
				#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-track {background:var(--border-color01);}
				#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:start:decrement,
				#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:start:increment {display: block; height: 5px;}
				#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:end:decrement,
				#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:end:increment {display: block; height: 5px;}

			@media only screen and (max-width:1280px) {
				#wrap .table_wrap .bbs_write col:nth-child(1), #wrap .table_wrap .bbs_write col:nth-child(3) {width: 13%;}
				#wrap .table_wrap .bbs_write col:nth-child(2), #wrap .table_wrap .bbs_write col:nth-child(4) {width: 37%;}
			}
			@media only screen and (max-width:1023px) {
				#wrap .table_wrap {padding: 35px 0;}
				#wrap .table_wrap .bbs_write col:nth-child(1), #wrap .table_wrap .bbs_write col:nth-child(3) {width: 15%;}
				#wrap .table_wrap .bbs_write col:nth-child(2), #wrap .table_wrap .bbs_write col:nth-child(4) {width: 35%;}
				#wrap .table_wrap .bbs_write td {padding-right:25px;}
				/* 캡챠 */
					#wrap table.bbs_write .captcha_wrap{height:56px;}
					#wrap table.bbs_write .captcha_wrap .btn_reset{width:37px !important;height:37px;}
			}
			@media only screen and (max-width:860px) {
				#wrap .table_wrap {padding: 30px 0; margin-bottom: 35px;}
				/* 캡챠 */
					#wrap table.bbs_write .captcha_wrap{height:52px; padding: 7px 8px;}
					#wrap table.bbs_write .captcha_wrap .btn_reset{width:36px !important;height:36px;}
				/* 동의 */
					#wrap .policy_conts .textarea_wrap {margin-top: 15px;}
					#wrap .policy_conts .textarea_wrap textarea {padding: 20px; padding-right: 15px; 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:140px;}
				#wrap .table_wrap .bbs_write td {width:calc(100% - 140px); padding-right:0;}
				#wrap .table_wrap .bbs_write td + th + td {padding-right: 0;}
				#wrap .table_wrap .bbs_write .ver_top th {padding-top: 16px;} 
				#wrap .table_wrap .bbs_write .ver_top td {padding-right: 0;}
				/* 캡챠 */
					#wrap table.bbs_write tr td input[name="captcha"] {width: calc(100% - 234px);}
			}
			@media only screen and (max-width:640px) {
				#wrap .table_wrap {padding: 25px 0;}
				#wrap .table_wrap .bbs_write th {width:130px;}
				#wrap .table_wrap .bbs_write td {width:calc(100% - 130px);}
				#wrap .table_wrap .bbs_write :where(textarea) {height: 210px !important;}
				/* 캡챠 */
					#wrap table.bbs_write .captcha_wrap{max-width: 100%; margin-right:0;}
					#wrap table.bbs_write tr td input[name="captcha"] {width: 100%; max-width: inherit; margin-top: 10px;}
			}
			@media only screen and (max-width:479px) {
				#wrap .table_wrap {padding: 20px 0; margin-bottom: 30px;}
				#wrap .table_wrap .bbs_write th{width:120px; padding-top: 8px; padding-bottom: 8px;}
				#wrap .table_wrap .bbs_write td{width:calc(100% - 120px); padding-top: 8px; padding-bottom: 8px;}
				#wrap .table_wrap .bbs_write .ver_top th {padding-top: 12px;}
				/* 캡챠 */
					#wrap table.bbs_write tr td input[name="captcha"] {margin-top: 8px;}
				/* 동의 */
					#wrap .policy_conts .textarea_wrap textarea {padding: 16px; padding-right: 10px; font-size: 12px;}
			}
			@media only screen and (max-width:400px) {
				/* 캡챠 */
					#wrap table.bbs_write tr td #captcha_box {width: calc(100% - 42px);}
					#wrap table.bbs_write .captcha_wrap {width: 100%;}
					#wrap table.bbs_write .captcha_wrap img {width: 100% !important;}
			}
			@media only screen and (max-width:364px) {
				#wrap .table_wrap .bbs_write th{width:110px;}
				#wrap .table_wrap .bbs_write td{width:calc(100% - 110px);}
			}