@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 에 있습니다.

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


/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.sub_visual {position: relative; width: 100%; height: 620px; font-size: var(--title-20); color: var(--point-white);}
		.sub_visual > .w_custom {position: relative; display: flex; flex-direction: column; justify-content: center; gap: 30px 0; height: 100%;}
		.sub_visual h2 {padding-top: 10px; font-size: 400%; font-weight: 600; letter-spacing: -0.04em;}
		.sub_visual .nav_wrap {display: flex; align-items: center; gap: 0 16px;}
		.sub_visual .nav_wrap li {display: flex; align-items: center; gap: 0 16px; font-size: 90%;}
		.sub_visual .nav_wrap li:not(:last-child) {opacity: 0.8;}
		.sub_visual .nav_wrap li + li:not(:last-child) {opacity: 0.7;}
		.sub_visual .nav_wrap li .home {display: block; width: 20px; height: 20px; font-size: 0; background: url("../images/sub/ico_home.svg") no-repeat center; background-size: 100% auto; opacity: 0.8;}
		.sub_visual .nav_wrap li strong {font-weight: 500;}
		.sub_visual .nav_wrap li + li:before {content: ""; display: block; width: 3px; height: 3px; background: rgba(255,255,255,0.5); border-radius: 100%;}
		
		.sub_visual .sub_menu {position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,0.2);}
		.sub_visual .sub_menu dl {display: flex; align-items: center;}
		.sub_visual .sub_menu dt {display: none;}
		.sub_visual .sub_menu dd {width: 100%;}
		.sub_visual .sub_menu dd a {position: relative; display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 70px; font-size: 90%; text-align: center;}
		.sub_visual .sub_menu dd a:before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: var(--point-white); transition: all 0.4s;}
		.sub_visual .sub_menu dd.on a:before {width: 100%;}
		
		.sub_visual .scr_dwn {position: absolute;top:0;right:0;width: 100px;height: 100%;background: var(--point-color01);z-index: 9;display: flex;align-items: flex-end;}
        .sub_visual .scr_dwn .trigger {display: flex;align-items: center;justify-content: flex-end;writing-mode: vertical-rl;width: 100%;transform: scale(-1, -1);padding: 50px 0;box-sizing: border-box;gap: 20px; background: var(--point-color02); cursor: pointer;}
        .sub_visual .scr_dwn .trigger dt{display: flex;}
        .sub_visual .scr_dwn .trigger dt span {width: 7px;height: 7px;border:2px solid var(--trans-color);border-top-color: var(--point-white);border-right-color: var(--point-white);transform: rotate(-45deg);border-radius: 2px;opacity: 0;}
            .sub_visual .scr_dwn .trigger dt span {animation-duration:1.2s;animation-iteration-count:infinite;transition-timing-function:linear;margin-top: -2px;}
            .sub_visual .scr_dwn .trigger dt span:nth-child(1) {animation-name: scrDwn03; animation-delay: 0.4s;}
            .sub_visual .scr_dwn .trigger dt span:nth-child(2) {animation-name: scrDwn02; animation-delay: 0.2s;}
            .sub_visual .scr_dwn .trigger dt span:nth-child(3) {animation-name: scrDwn01;}
            @keyframes scrDwn01 {0% {opacity: 0;} 90% {opacity:0.3;} 100% {opacity: 0;}}
            @keyframes scrDwn02 {0% {opacity: 0;} 90% {opacity:0.5;} 100% {opacity: 0;}}
            @keyframes scrDwn03 {0% {opacity: 0;} 90% {opacity:1;} 100% {opacity: 0;}}
        .sub_visual .scr_dwn .trigger dd{font-size: var(--title-14); font-weight: 500; color: var(--point-white);}
        
		/* over */
			@media (hover:hover){
				.sub_visual .sub_menu dd a:hover:before {width: 100%;}
			}

	@media only screen and (max-width:1660px) {
		.sub_visual {height: 37.4vw; min-height: 520px; max-height: 620px;}
		.sub_visual > .w_custom {gap: 1.85vw 0;}
	}
	@media only screen and (max-width:1240px) {
		.sub_visual h2 {font-size: 380%;}
	}
	@media only screen and (max-width:1023px) {
		.sub_visual {height: 51vw; min-height: 420px; max-height: 520px;}
		.sub_visual h2 {padding-top: 15px; font-size: 360%;}
		.sub_visual .nav_wrap li {gap: 0 12px;}
		.sub_visual .sub_menu dd a {height: 60px;}
		.sub_visual .scr_dwn {display: none;}
	}
	@media only screen and (max-width:860px) {
		.sub_visual h2 {padding-top: 20px; font-size: 330%;}
	}
	@media only screen and (max-width:640px) {
		.sub_visual {height: 66vw; min-height: 360px; max-height: 420px;}
		.sub_visual > .w_custom {gap: 12px 0;}
		.sub_visual h2 {font-size: 300%;}
		.sub_visual .nav_wrap li {gap: 0 8px;}
		.sub_visual .sub_menu dl{white-space: nowrap;overflow-x: auto;gap: 10px;}
		.sub_visual .sub_menu dd a {height: 50px;}
		
	}
	@media only screen and (max-width:479px) {
		.sub_visual h2 {font-size: 270%;}
	}
	

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width:108px;height:40px;line-height:38px;font-size:15px;}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:#222 !important;background-color:#222 !important;color:#fff !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top: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:20px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

		
	@media only screen and (max-width:1240px) {
			/* button wrapper */
		.btn_wrap {padding-top:50px;}
	}
	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.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 {padding-top:40px;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	 SUB COMMON
───────────────────────────────────────────────────────────*/
	/* contents_box */
		#contents_box {padding-top: 122px; padding-bottom: 100px;}
		#contents_box > .sub_title {padding: 0 0 80px 0; text-align: center;}
		#contents_box > .sub_title.pd60 {padding: 0 0 60px 0;}
		#contents_box > .sub_title h2 {letter-spacing: -0.04em;}
		
		@media only screen and (max-width:1240px) {
			#contents_box {padding-top: 105px; padding-bottom: 75px;}
			#contents_box > .sub_title {padding: 0 0 70px 0;}
			#contents_box > .sub_title.pd60 {padding: 0 0 55px 0;}
		}
		@media only screen and (max-width:1023px) {
			#contents_box > .sub_title {padding: 0 0 65px 0;}
			#contents_box > .sub_title.pd60 {padding: 0 0 50px 0;}
		}
		@media only screen and (max-width:860px) {
			#contents_box {padding-top: 95px; padding-bottom: 50px;}
			#contents_box > .sub_title {padding: 0 0 55px 0;}
			#contents_box > .sub_title.pd60 {padding: 0 0 45px 0;}
		}
		@media only screen and (max-width:640px) {
			#contents_box > .sub_title {padding: 0 0 50px 0;}
			#contents_box > .sub_title.pd60 {padding: 0 0 40px 0;}
		}
		@media only screen and (max-width:479px) {
			#contents_box {padding-top: 80px; padding-bottom: 25px;}
			#contents_box > .sub_title {padding: 0 0 40px 0;}
			#contents_box > .sub_title.pd60 {padding: 0 0 35px 0;}
		}
		@media only screen and (max-width:360px) {
			#contents_box {padding-top: 65px; padding-bottom: 5px;}
			#contents_box > .sub_title {padding: 0 0 35px 0;}
			#contents_box > .sub_title.pd60 {padding: 0 0 30px 0;}
		}


	/* sub_title */
		.sub_title {font-size: var(--title-20);}
		.sub_title > span {display: block; margin-bottom: 28px; font-weight: 500; color: var(--black-color08); font-family: var(--font-type02);text-transform: uppercase;}
		.sub_title h2 {font-size: 220%; color: var(--black-color00); font-weight: 600;}
		.sub_title h3 {font-size: 200%; color: var(--black-color02); font-weight: 600; line-height: 1.4; letter-spacing: -0.04em;}
		.sub_title h4 {font-size: 170%; color: var(--black-color02); font-weight: 600; line-height: 1.4; letter-spacing: -0.04em;}
		.sub_title h3 strong, .sub_title h4 strong {font-weight: inherit;}
		.sub_title h5 {position: relative; box-sizing: border-box; padding-left: 15px; font-size: 100%; font-weight: 500; color: var(--point-color01); letter-spacing: -0.03em; line-height: 1.5;}
			.sub_title h5:before {content: ""; position: absolute; left: 0; top: 5px; width: 3px; height: 20px; background: var(--point-color01);}
		.sub_title h2 + h4 {margin-top: 60px;}
		.sub_title p {font-size: 110%; color: var(--point-white); letter-spacing: -0.04em; line-height: 1.63;}
		
		@media only screen and (max-width:1240px) {
			.sub_title > span {margin-bottom: 26px;}
			.sub_title h2 + h4 {margin-top: 54px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_title > span {margin-bottom: 22px;}
				.sub_title h5:before {top: 6px; height: 18px;}
			.sub_title h2 + h4 {margin-top: 48px;}
		}
		@media only screen and (max-width:860px) {
			.sub_title > span {margin-bottom: 20px;}
			.sub_title h5 {padding-left: 14px;}
				.sub_title h5:before {top: 6px; height: 17px;}
			.sub_title h2 + h4 {margin-top: 42px;}
		}
		@media only screen and (max-width:640px) {
			.sub_title > span {margin-bottom: 17px;}
			.sub_title h2 {font-size: 200%;}
			.sub_title h3 {font-size: 180%;}
			.sub_title h4 {font-size: 160%;}
			.sub_title h5 {padding-left: 13px;}
				.sub_title h5:before {height: 16px;}
			.sub_title h2 + h4 {margin-top: 36px;}
		}
		@media only screen and (max-width:479px) {
			.sub_title > span {margin-bottom: 14px;}
				.sub_title h5:before {height: 14px;}
			.sub_title h2 + h4 {margin-top: 30px;}
		}
	

	/* sub_txt */
		.sub_txt {font-size: var(--title-20);}
		.sub_txt p {font-size: 90%; color: var(--black-color05); line-height: 1.73; letter-spacing: -0.03em;}
		.sub_txt p + p {margin-top: 24px;}
		.sub_txt p + p.desc_txt {margin-top: 4px;}
		/* + .sub_bnr */
			.sub_bnr + .sub_txt {box-sizing: border-box; padding: 50px 0 100px; border-bottom: 1px solid var(--border-color01);}
			.sub_bnr + .sub_txt p {font-size: 100%; color: var(--black-color03); letter-spacing: -0.04em;}
		/* + .tit_box */
			.tit_box + .sub_txt {margin-top: 40px;}
			
		.sub_txt + .more_btn {margin-top: 40px;}
		.sub_txt + .more_btn span {min-width: 140px;}
		
		@media only screen and (max-width:1400px) {
			.sub_bnr + .sub_txt br {display: none;}
		}
		@media only screen and (max-width:1240px) {
			.sub_txt p + p {margin-top: 22px;}
			.tit_box + .sub_txt, .sub_txt + .more_btn {margin-top: 36px;}
			.sub_bnr + .sub_txt {padding: 40px 0 85px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_txt p + p {margin-top: 20px;}
			.sub_bnr + .sub_txt {padding: 35px 0 75px;}
		}
		@media only screen and (max-width:860px) {
			.tit_box + .sub_txt, .sub_txt + .more_btn {margin-top: 32px;}
		}
		@media only screen and (max-width:640px) {
			.sub_txt p + p {margin-top: 18px;}
			.tit_box + .sub_txt, .sub_txt + .more_btn {margin-top: 30px;}
			.sub_bnr + .sub_txt {padding: 30px 0 60px;}
		}
		@media only screen and (max-width:479px) {
			.sub_txt p + p.desc_txt {margin-top: 2px;}
			.tit_box + .sub_txt, .sub_txt + .more_btn {margin-top: 26px;}
			.sub_bnr + .sub_txt {padding: 25px 0 55px;}
		}
	
	
	/* sub_tab */
		.sub_tab {display: inline-flex; margin: 60px auto 0;}
		.sub_tab a {display: flex; align-items: center; justify-content: center; width: 260px; height: 70px; background: var(--point-white); box-sizing: border-box; padding-top: 1px; box-shadow: inset 0 0 0 2px var(--point-color01); filter: drop-shadow(0px 0px 38px rgba(14, 90, 210, 0.05));}
		.sub_tab a.active {background: var(--point-color01); filter: drop-shadow(0px 0px 38px rgba(14, 90, 210, 0.15));}
		.sub_tab a + a {margin-left: -2px;}
		.sub_tab a span {font-size: var(--title-20); font-weight: 600; color: var(--point-color01); letter-spacing: -0.03em; line-height: 1;}
		.sub_tab a.active span {font-weight: 500; color: var(--point-white);}
	
		@media only screen and (max-width:1240px) {
			.sub_tab {margin: 55px auto 0;}
		}
		@media only screen and (max-width:1023px) {
			.sub_tab {margin: 50px auto 0;}
			.sub_tab a {width: 230px; height:65px;}
		}
		@media only screen and (max-width:860px) {
			.sub_tab {margin: 45px auto 0;}
			.sub_tab a {width: 205px; height:60px;}
		}
		@media only screen and (max-width:640px) {
			.sub_tab {margin: 40px auto 0;}
			.sub_tab a {width: 185px; height:55px;}
		}
		@media only screen and (max-width:479px) {
			.sub_tab {margin: 35px auto 0;}
			.sub_tab a {width: 155px; height:50px;}
			.sub_tab a span {font-size: var(--title-19);}
		}
		@media only screen and (max-width:360px) {
			.sub_tab {margin: 30px auto 0;}
			.sub_tab a {width: 140px; height: 48px;}
			.sub_tab a span {font-size: var(--title-18);}
		}
		@media only screen and (max-width:310px) {
			.sub_tab {width: 100%;}
			.sub_tab a {width: 100%;}
		}
		
		
	/* download_btn */
		.download_btn {position: relative; display: inline-block; box-sizing: border-box; box-shadow: inset 0 0 0 1px var(--point-white); font-size: var(--title-20); line-height: 1;}
		.download_btn span {position: relative; display: flex; align-items: center; justify-content: space-between; width: 220px; height: 65px; box-sizing: border-box; padding: 0 24px; font-size: 90%; color: var(--point-white);}
		.download_btn span:after {content: ""; display: block; width: 18px; height: 18px; background: url("../images/sub/ico_download.svg") no-repeat center; background-size: 100%;}
		/* over */
			@media (hover:hover){
				.download_btn:before{position: absolute;content:'';width: 100%;height: 100%;background: var(--point-color01);top:0;left:0;clip-path: circle(0 at 0 100%);transition: all 0.8s;opacity: 0;}
				.download_btn:hover:before{clip-path: circle(200% at 0 100%);opacity: 1;}
			}
			
		@media only screen and (max-width:1023px) {
			.download_btn span {width: 195px; height:60px; padding: 0 20px;}
			.download_btn span:after {width: 16px; height: 16px;}
		}
		@media only screen and (max-width:860px) {
			.download_btn span {width: 170px; height:55px;}
		}
		@media only screen and (max-width:640px) {
			.download_btn span {width: 155px; height:50px; padding: 0 18px;}
			.download_btn span:after {width: 14px; height: 14px;}
		}
		@media only screen and (max-width:479px) {
			.download_btn span {width: 140px; padding: 0 16px;}
		}
		
	
	/* sub_bnr */
		.sub_bnr {position: relative; display: flex; align-items: center; height: 420px;}
		.sub_bnr .thumb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: -1;}
		.sub_bnr .thumb img {width: 100%; height: 100%; object-fit: cover;}
		.sub_bnr .sub_title * {color: var(--point-white);}
		.sub_bnr .sub_title > span {font-weight: 400; opacity: 0.7;}
		.sub_bnr .sub_title h3 {font-weight: 500;}
		.sub_bnr .sub_title p {margin-top: 40px; font-weight: 300;}
		.sub_bnr .btn_wrap {padding-top: 40px;}
		/* :not(.wide) */
			.sub_bnr:not(.wide) {justify-content: center;}
			.sub_bnr:not(.wide) .sub_title {box-sizing: border-box; padding: 0 15px; text-align: center;}
			.sub_bnr:not(.wide) .sub_title p {margin-top: 42px; font-size: 100%;}
		/* .wide */
			.sub_bnr.wide {height: 480px;}
			.sub_bnr.wide .sub_title {box-sizing: border-box; padding-right: 20px;}
			.sub_bnr.wide .thumb {/* width: calc(100% - 5.2vw); max-width: 1760px; */}
			.sub_bnr.wide .thumb {width: calc(100% + 8.4vw); left: -8.4vw;}
			.sub_bnr.wide .sub_title h3 {font-size: 250%;}
		
		@media only screen and (max-width:1480px) {
			.sub_bnr.wide .sub_title p {margin-top: 36px;}
		}
		@media only screen and (max-width:1240px) {
			.sub_bnr {height: 390px;}
			.sub_bnr .sub_title p {margin-top: 36px;}
			.sub_bnr .btn_wrap {padding-top: 36px;}
			/* :not(.wide) */
				.sub_bnr:not(.wide) .sub_title {padding-top: 10px;}
			/* .wide */
				.sub_bnr.wide {height: 450px;}
				.sub_bnr.wide .sub_title h3 {font-size: 240%;}
				.sub_bnr.wide .sub_title p {margin-top: 32px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_bnr {height: 360px;}
			/* .wide */
				.sub_bnr.wide {height: 420px;}
				.sub_bnr.wide .sub_title p {margin-top: 28px;}
				.sub_bnr.wide .sub_title h3 {font-size: 230%;}
		}
		@media only screen and (max-width:860px) {
			.sub_bnr {height: 330px;}
			.sub_bnr .sub_title p {margin-top: 32px;}
			.sub_bnr .btn_wrap {padding-top: 32px;}
			/* .wide */
				.sub_bnr.wide {height: 390px;}
				.sub_bnr.wide .sub_title h3 {font-size: 220%;}
				.sub_bnr.wide .sub_title p {margin-top: 24px;}
		}
		@media only screen and (max-width:640px) {
			.sub_bnr {height: 300px;}
			.sub_bnr .sub_title p {margin-top: 30px;}
			.sub_bnr .btn_wrap {padding-top: 30px;}
			/* .wide */
				.sub_bnr.wide {height: 360px;}
				.sub_bnr.wide .sub_title h3 {font-size: 210%;}
				.sub_bnr.wide .sub_title p {margin-top: 20px;} font-size: 100%;}
				.sub_bnr.wide .sub_title p br {display: none;}
		}
		@media only screen and (max-width:479px) {
			.sub_bnr {height: 270px;}
			.sub_bnr .sub_title p {margin-top: 26px;}
			.sub_bnr .btn_wrap {padding-top: 26px;}
			/* .wide */
				.sub_bnr.wide .sub_title h3 {font-size: 200%;}
				.sub_bnr.wide .sub_title p {font-size: 95%; margin-top: 16px;}
		}
	
	
	/* tit_box */
		.tit_box .sub_title {margin-bottom: 26px;}
			.tit_box:has(> .sub_txt) .sub_title {margin-bottom: 12px;}
		.tit_box .sub_txt p:not(.desc_txt) {font-size: 85%; color: var(--black-color06); line-height: 1.8;}
		.tit_box + .tit_box {margin-top: 46px;}
		/* bg_blue */
			.tit_box.bg_blue {box-sizing: border-box; padding: 30px 40px 40px;}
		/* + .dot_list */
			.dot_list + .tit_box {margin-top: 40px;}
		/* + .sub_txt */
			.sub_txt + .tit_box {margin-top: 40px;}
			
		@media only screen and (max-width:1240px) {
			.tit_box .sub_title {margin-bottom: 22px;}
			.tit_box.bg_blue {padding: 30px 36px 36px;}
			.dot_list + .tit_box, .sub_txt + .tit_box {margin-top: 38px;}
		}
		@media only screen and (max-width:1023px) {
			.tit_box .sub_title {margin-bottom: 18px;}
			.tit_box.bg_blue {padding: 28px 32px 32px;}
			.dot_list + .tit_box, .sub_txt + .tit_box {margin-top: 36px;}
		}
		@media only screen and (max-width:860px) {
			.tit_box .sub_title {margin-bottom: 16px;}
				.tit_box:has(> .sub_txt) .sub_title {margin-bottom: 10px;}
			.tit_box.bg_blue {padding: 28px 28px 26px;}
			.dot_list + .tit_box, .sub_txt + .tit_box {margin-top: 33px;}
		}
		@media only screen and (max-width:640px) {
			.tit_box .sub_title {margin-bottom: 14px;}
				.tit_box:has(> .sub_txt) .sub_title {margin-bottom: 8px;}
			.tit_box.bg_blue {padding: 24px;}
			.dot_list + .tit_box, .sub_txt + .tit_box {margin-top: 30px;}
		}
		@media only screen and (max-width:479px) {
			.tit_box .sub_title {margin-bottom: 12px;}
				.tit_box:has(> .sub_txt) .sub_title {margin-bottom: 6px;}
			.tit_box.bg_blue {padding: 24px 20px 22px;}
			.dot_list + .tit_box, .sub_txt + .tit_box {margin-top: 28px;}
		}
		
	/* sticky_txt */
		.sticky_txt	{position: sticky; left: 0; top: 45%; display: block; width: max-content; max-width: 100%; margin: 0 auto; font-size: var(--title-140); color: var(--gray-bg01); font-weight: bold; text-align: center; font-family: var(--font-type02); z-index: -1;}
		.sticky_txt span {word-break: break-all; line-height: 1; /* opacity: 0; transition: all 0.4s; transition-delay: 0.2s; */}
			/* .sticky_txt.aos-animate span {opacity: 1;} */
	
	/* desc_txt */
		.desc_txt, .sub_txt p.desc_txt {display: table; font-size: var(--title-16); color: var(--black-color08); letter-spacing: -0.03em;}
		.desc_txt:before {content: "*"; display: table-cell; padding-right: 4px; font-size: inherit; color: inherit;}
	
	/* horizon_sec */
		.horizon_sec {}
		.horizon_sec:not(:has(.w_custom)), .horizon_sec .w_custom {display: flex;}
			.horizon_sec:not(:has(.w_custom)) + .horizon_sec:not(:has(.w_custom)) {border-top: 1px solid var(--border-color01);}
			.horizon_sec:not(:first-child) {padding: 60px 0 70px;} 
			.horizon_sec:first-child {padding-bottom: 70px;}
			.horizon_sec:last-child:not(:has(.w_custom)) {padding-bottom: 0;}
			.horizon_sec:last-child:has(.w_custom) {padding-bottom: 200px;}
		.horizon_sec .left_con {width: 400px; box-sizing: border-box; padding-right: 2vw;}
		.horizon_sec .left_con .sub_title {margin-bottom: 20px;}
		.horizon_sec .left_con .sub_title h4 {letter-spacing: -0.03em;}
		.horizon_sec .right_con {width: calc(100% - 400px);}
			.horizon_sec .right_con.pd8 {padding-top: 8px;}
		.horizon_sec .right_con > .sub_txt p {font-size: 100%; color: var(--black-color03); letter-spacing: -0.04em;}
		/* + .sub_bnr:not(.wide) */
			.sub_bnr:not(.wide) + .horizon_sec {padding-top: 100px;}
		
		@media only screen and (max-width:1660px) {
			.horizon_sec .left_con {width: 24vw;}
			.horizon_sec .right_con {width: calc(100% - 24vw);}
		}
		@media only screen and (max-width:1240px) {
			.horizon_sec:not(:first-child) {padding: 55px 0 65px;} 
			.horizon_sec:first-child {padding-bottom: 65px;}
			.horizon_sec:last-child:has(.w_custom) {padding-bottom: 180px;}
			/* + .sub_bnr:not(.wide) */
				.sub_bnr:not(.wide) + .horizon_sec {padding-top: 85px;}
		}
		@media only screen and (max-width:1180px) {
			.horizon_sec .left_con {width: 284px; padding-right: 24px;}
			.horizon_sec .right_con {width: calc(100% - 284px);}
		}
		@media only screen and (max-width:1023px) {
			.horizon_sec:not(:has(.w_custom)), .horizon_sec .w_custom {flex-direction: column;}
			.horizon_sec:not(:first-child) {padding: 50px 0 60px;} 
			.horizon_sec:first-child {padding-bottom: 60px;}
			.horizon_sec:last-child:has(.w_custom) {padding-bottom: 160px;}
			.horizon_sec .left_con {width: 100%; padding-right: 0; padding-bottom: 20px;}
			.horizon_sec .right_con {width: 100%;}
			/* + .sub_bnr:not(.wide) */
				.sub_bnr:not(.wide) + .horizon_sec {padding-top: 75px;}
		}
		@media only screen and (max-width:640px) {
			.horizon_sec:not(:first-child) {padding: 45px 0 55px;} 
			.horizon_sec:first-child {padding-bottom: 55px;}
			.horizon_sec:last-child:has(.w_custom) {padding-bottom: 140px;}
			.horizon_sec .left_con {padding-bottom: 15px;}
			/* + .sub_bnr:not(.wide) */
				.sub_bnr:not(.wide) + .horizon_sec {padding-top: 60px;}
		}
		@media only screen and (max-width:479px) {
			.horizon_sec:not(:first-child) {padding: 45px 0 50px;} 
			.horizon_sec:first-child {padding-bottom: 50px;}
			.horizon_sec:last-child:has(.w_custom) {padding-bottom: 120px;}
			.horizon_sec .left_con {padding-bottom: 10px;}
			/* + .sub_bnr:not(.wide) */
				.sub_bnr:not(.wide) + .horizon_sec {padding-top: 55px;}
		}
	
	
	/* ico_infor */
		.ico_infor {display: inline-flex; align-items: center; flex-wrap: wrap; gap: 20px; font-size: var(--title-20);}
		.ico_infor:before {content: ""; display: block; width: 50px; height: 50px; background: var(--point-color01) url("../images/sub/ico_inquiry.svg") no-repeat center; background-size: cover; border-radius: 50%;}
		.ico_infor dt {font-weight: 500; color: var(--black-color02); letter-spacing: -0.03em; line-height: 1;}
		.ico_infor dd {padding-top: 1px; font-size: 120%; font-weight: bold; font-family: var(--font-type02); letter-spacing: normal; line-height: 1;}
		/* .website */
			.ico_infor.website {margin-top: 30px;}
			.ico_infor.website:before {background: var(--point-color01) url("../images/sub/ico_website.svg") no-repeat center; background-size: cover;}
			.ico_infor.website dd a {text-decoration: underline;}
	
		@media only screen and (max-width:1240px) {
			.ico_infor.website {margin-top: 26px;}
		}
		@media only screen and (max-width:1023px) {
			.ico_infor {gap: 18px;}
			.ico_infor:before {width: 46px; height: 46px;}
			/* .website */
				.ico_infor.website {margin-top: 22px;}
		}
		@media only screen and (max-width:640px) {
			.ico_infor {gap: 16px;}
			.ico_infor:before {width: 42px; height: 42px;}
			/* .website */
				.ico_infor.website {margin-top: 18px;}
		}
		@media only screen and (max-width:479px) {
			.ico_infor {gap: 14px;}
			.ico_infor:before {width: 38px; height: 38px;}
			/* .website */
				.ico_infor.website {margin-top: 14px;}
		}
	
	
	/* dot_list */
		.dot_list {font-size: var(--title-20);}
		.dot_list li {position: relative; box-sizing: border-box; padding-left: 12px; font-size: 90%; color: var(--black-color05); line-height: 1.77; letter-spacing: -0.04em;}
		.dot_list li:before {content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background: var(--black-color08); border-radius: 100%;}
		.dot_list li + li {margin-top: 6px;}
		.dot_list li strong {font-weight: 600;}
		/* + .sub_txt */
			.sub_txt + .dot_list {margin-top: 40px;}
		
		@media only screen and (max-width:1240px) {
			.sub_txt + .dot_list {margin-top: 36px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_txt + .dot_list {margin-top: 32px;}
		}
		@media only screen and (max-width:860px) {
			.dot_list li {padding-left: 10px; line-height: 1.7;}
			.dot_list li:before {width: 3px; height: 3px;}
			.dot_list li + li {margin-top: 4px;}
			/* + .sub_txt */
				.sub_txt + .dot_list {margin-top: 28px;}
		}
		@media only screen and (max-width:640px) {
			.sub_txt + .dot_list {margin-top: 24px;}
		}
		@media only screen and (max-width:479px) {
			.dot_list li:before {top: 11px;}
			.sub_txt + .dot_list {margin-top: 20px;}
		}
	
	/* chk_list */ 
		.chk_list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; font-size: var(--title-20);}
		.chk_list li {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; padding: 3.2vw 15px; border: 2px solid var(--point-color01);}
		.chk_list li:before {content: ""; display: block; width: 19px; height: 15px; background: url("../images/sub/ico_chk.svg") no-repeat center; background-size: 100% auto; margin-bottom: 22px;}
		.chk_list li span {font-size: 120%; font-weight: 500; color: var(--black-color02); letter-spacing: -0.03em; text-align: center; font-family: var(--font-type02);}
		
		@media only screen and (max-width:1480px) {
			.chk_list {gap: 24px;}
		}
		@media only screen and (max-width:1280px) {
			.chk_list {grid-template-columns: repeat(3, 1fr);}
			.chk_list li {padding: 40px 15px;}
		}
		@media only screen and (max-width:1080px) {
			.chk_list {gap: 20px;}
		}
		@media only screen and (max-width:1023px) {
			.chk_list li {padding: 36px 15px;}
			.chk_list li:before {margin-bottom: 18px;}
		}
		@media only screen and (max-width:640px) {
			.chk_list {grid-template-columns: repeat(2, 1fr); gap: 16px;}
			.chk_list li {padding: 32px 15px;}
			.chk_list li:before {margin-bottom: 14px;}
		}
		@media only screen and (max-width:479px) {
			.chk_list {gap: 12px;}
			.chk_list li {padding: 30px 15px;}
			.chk_list li:before {margin-bottom: 14px;}
		}
		
	/* num_list */
		.num_list {display: flex; gap: 40px; counter-reset: listnum; font-size: var(--title-20);}
		.num_list li strong {display: flex; gap: 0 14px; font-size: 120%; font-weight: 500; color: var(--black-color02); letter-spacing: -0.03em; font-family: var(--font-type02); line-height: 1.45;}
		.num_list li strong:before {counter-increment: listnum; content: counter(listnum, decimal-leading-zero) "."; font-size: var(--title-20); color: var(--point-color01); padding-top: 2px;}
		.num_list li > span{text-align: right;display: block;font-size:79%;}
		.num_list li .sub_txt p {color: var(--black-color06); line-height: 1.77;}
		.num_list li strong + .sub_txt {margin-top: 12px;}
		/* box */
			.num_list.box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
			.num_list.box li {width: 100%; box-sizing: border-box; padding: 31px 40px 30px; background: var(--gray-bg02);}
			.num_list.box li strong {padding-bottom: 24px; border-bottom: 1px solid var(--border-color01);}
			.num_list.box li strong + .sub_txt {margin-top: 20px;}
		/* chapter */
			.num_list.chapter li strong {padding-top: 6px; align-items: flex-start;}
			.num_list.chapter li strong:before {counter-increment: listnum 1; content: '제' counter(listnum) '장 '; font-family: var(--font-type01);}
			.num_list.chapter li .sub_txt p {letter-spacing: -0.04em;}
		/* nonum */
			.num_list.nonum li strong:before {display: none;}
		/* column */
			.num_list.column {flex-direction: column; gap: 38px;}
		/* + .sub_txt */
			.sub_txt + .num_list {margin-top: 40px;}
		
		@media only screen and (max-width:1480px) {
			.num_list {gap: 34px;}
			/* box */
				.num_list.box {gap: 24px;}
				.num_list.box li {padding: 30px 36px 26px;}
				.num_list.box li strong {padding-bottom: 22px;}
		}
		@media only screen and (max-width:1240px) {
			.num_list {gap: 30px;}
			.num_list li strong + .sub_txt {margin-top: 10px;}
			/* box */
				.num_list.box li {padding: 28px 32px 26px;}
				.num_list.box li strong {padding-bottom: 20px;}
			/* column */
				.num_list.column {gap: 34px;}
			/* + .sub_txt */
				.sub_txt + .num_list {margin-top: 38px;} 
		}
		@media only screen and (max-width:1023px) {
			.num_list {gap: 30px 24px;}
			.num_list li strong + .sub_txt {margin-top: 8px;}
			/* box */
				.num_list.box {gap: 20px;}
				.num_list.box li {padding: 24px 30px;}
				.num_list.box li strong {padding-bottom: 18px;}
				.num_list.box li strong + .sub_txt {margin-top: 18px;}
			/* chapter */
				.num_list.chapter li strong {padding-top: 3px;}
			/* column */
				.num_list.column {gap: 32px;}
			/* + .sub_txt */
				.sub_txt + .num_list {margin-top: 34px;}
		}
		@media only screen and (max-width:767px) {
			.num_list {gap: 30px 20px;}
		}
		@media only screen and (max-width:860px) {
			.num_list li strong {gap: 0 12px;}
			.num_list li strong + .sub_txt {margin-top: 6px;}
			/* box */
				.num_list.box li strong {padding-bottom: 14px;}
				.num_list.box li strong + .sub_txt {margin-top: 14px;}
			/* column */
				.num_list.column {gap: 28px;}
			/* + .sub_txt */
				.sub_txt + .num_list {margin-top: 32px;}
		}
		@media only screen and (max-width:767px) {
			.num_list.box {grid-template-columns: repeat(1, 1fr);}
		}
		@media only screen and (max-width:640px) {
			.num_list li strong + .sub_txt {margin-top: 4px;}
			/* box */
				.num_list.box li {padding: 24px 26px;}
			/* column */
				.num_list.column {gap: 26px;}
			/* + .sub_txt */
				.sub_txt + .num_list {margin-top: 30px;}
		}
		@media only screen and (max-width:479px) {
			.num_list li strong {gap: 0 10px;}
			/* box */
				.num_list.box li {padding: 20px 22px;}
				.num_list.box li strong {padding-bottom: 12px;}
				.num_list.box li strong + .sub_txt {margin-top: 12px;}
			/* chapter */
				.num_list.chapter li strong {padding-top: 0;}
		}
	
	
	/* icon_list */
		.icon_list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px 0;}
		.icon_list li.arw {display: flex; padding-right: 3px; padding-top: 54px;}
		.icon_list li.arw span {width: 5px; height: 5px; border: 2px solid var(--trans-color); border-top-color: var(--point-color01); border-right-color: var(--point-color01); transform: rotate(45deg); border-radius: 2px;}
			.icon_list li.arw span:nth-child(1) {opacity: 0.3;}
			.icon_list li.arw span:nth-child(2) {opacity: 0.5;}
		.icon_list li.arw span + span {margin-left: -3px;}
		.icon_list li .icon {margin: 0 auto;}
		.icon_list li .icon img {width: 100%; object-fit: cover;}
		.icon_list li p {margin-top: 20px; font-size: var(--title-18); color: var(--black-color01); letter-spacing: -0.03em; text-align: center;}
	
		@media only screen and (max-width:1660px) {
			.icon_list li.arw {padding-top: 49px;}
			.icon_list li .icon {width: 104px;}
		}
		@media only screen and (max-width:1440px) {
			.icon_list li.arw {padding-top: 44px;}
			.icon_list li .icon {width: 94px;}
			.icon_list li p {margin-top: 18px;}
		}
		@media only screen and (max-width:1380px) {
			.icon_list.line8 {justify-content: flex-start;}
			.icon_list.line8 li:not(.arw) {width: 22%;}
		}
		@media only screen and (max-width:1080px) {
			.icon_list li p {margin-top: 16px;}
		}
		@media only screen and (max-width:767px) {
			.icon_list.line6 {justify-content: flex-start;}
			.icon_list.line6 li:not(.arw) {width: 28%;}
		}
		@media only screen and (max-width:640px) {
			.icon_list li.arw {padding-top: 39px;}
			.icon_list li .icon {width: 84px;}
			.icon_list li p {margin-top: 14px;}
			.icon_list li.arw span {width: 4px; height: 4px;}
		}
		@media only screen and (max-width:590px) {
			.icon_list li.arw {padding-top: 34px;}
			.icon_list li .icon {width: 74px;}
			.icon_list li p {margin-top: 12px;}
			.icon_list.line8 li:not(.arw) {width: 21%;}
		}
		@media only screen and (max-width:479px) {
			.icon_list li.arw {padding-top: 27px;}
			.icon_list li .icon {width: 60px;}
			.icon_list li p {margin-top: 10px;}
			.icon_list.line6 li:not(.arw) {width: 26%;}
			.icon_list.line8 li:not(.arw) {width: 20%;}
		}
		
	/* sub_table */
		.sub_table {margin-top: 20px; border-top: 1px solid var(--black-color00);}
		.sub_table th, .sub_table td {padding: 17px 10px; border-bottom: 1px solid var(--border-color01); text-align: center; font-family: var(--font-type02);}
		.sub_table thead tr td{text-align:right}
		.sub_table th {font-size: var(--title-17); font-weight: 400; color: var(--black-color02); letter-spacing: -0.03em;}
			.sub_table thead th {background: var(--gray-bg01); padding: 20px 10px 18px; font-size: var(--title-18); font-weight: 500;}
		.sub_table td {font-size: var(--title-18); letter-spacing: -0.05em; color: var(--black-color06);}
		.sub_table th + th, .sub_table th + td, .sub_table td + td {border-left: 1px solid var(--border-color01);}
		
		@media only screen and (max-width:1240px) {
			.sub_table {margin-top: 18px;}
			.sub_table th, .sub_table td {padding: 15px 10px;}
			.sub_table thead th {padding: 18px 10px 16px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_table {margin-top: 16px;}
			.sub_table th, .sub_table td {padding: 13px 10px;}
			.sub_table thead th {padding: 16px 10px 14px;}
		}
		@media only screen and (max-width:860px) {
			.sub_table {margin-top: 14px;}
			.sub_table th, .sub_table td {padding: 12px 10px 11px;}
			.sub_table thead th {padding: 15px 10px 12px;}
		}
		@media only screen and (max-width:479px) {
			.sub_table {margin-top: 12px;}
			.sub_table th, .sub_table td {padding: 10px 8px 9px;}
			.sub_table thead th {padding: 13px 8px 10px;}
		}
		
	
	.ft_blue {color: var(--point-color01) !important;}
	.ft_black3 {color: var(--black-color03) !important;}
	.bg_blue {background: var(--blue-bg02);}
	
	
/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	/*** company/about (CEO인사말) ***/
		/* PC 일반 */
			.sub_about {display: flex; align-items: stretch; width: 100%; overflow: hidden;}
			.sub_about .thumb {width: 32.5%; max-width: 520px; overflow: hidden;}
			.sub_about .thumb img {height: 100%; object-fit: cover; object-position: 10% center;}
			.sub_about .txt_box {width: calc(100% - 32.5%); box-sizing: border-box; padding-left: 5.2vw;}
			.sub_about .txt_box .sub_title {position: relative; box-sizing: border-box; margin-bottom: 40px; padding-bottom: 52px; border-bottom: 2px solid var(--border-color01);}
			.sub_about .txt_box .sub_title:after {content: ""; position: absolute; left: 0; bottom: -2px; width: 5.2vw; min-width: 50px; height: 2px; background: var(--point-color01);}
			.sub_about .txt_box .sub_title h2 {margin-bottom: 24px; line-height: 1.36; letter-spacing: -0.05em;}
			.sub_about .txt_box .sub_title em {display: block; font-weight: 400;}
			.sub_about .txt_box .sub_title p {font-size: 140%; font-weight: 500; color: var(--black-color02); letter-spacing: -0.05em;}
			.sub_about .txt_box .sub_txt p {font-size: 95%;}
			.sub_about .txt_box .ceo {display: flex; align-items: center; justify-content: flex-end; margin-top: 40px; font-size: var(--title-20); font-weight: 600; color: var(--black-color02); text-align: right;}
			.sub_about .txt_box .ceo ul {display: flex; align-items: center; justify-content: flex-end; margin-left: 30px;}
			/* .sub_about .txt_box .ceo ul li + li {margin-left: 14px;} */
			
		@media only screen and (max-width:1440px) {
			.sub_about .txt_box {padding-left: 4.4vw;}
			.sub_about .txt_box .sub_title {padding-bottom: 48px;}
			.sub_about .txt_box .sub_title h2 {margin-bottom: 22px; font-size: 210%;}
			.sub_about .txt_box .sub_txt p br.pc_br {display: none;}
			.sub_about .txt_box .ceo img {height: 70px;}
		}
		@media only screen and (max-width:1240px) {
			.sub_about .thumb {width: 36%;}
			.sub_about .txt_box {width: calc(100% - 36%);}
			.sub_about .txt_box .sub_title {padding-bottom: 44px;}
			.sub_about .txt_box .sub_title h2 {font-size: 200%;}
			.sub_about .txt_box .sub_title p {font-size: 130%;}
			.sub_about .txt_box .sub_txt p {font-size: 90%;}
			.sub_about .txt_box .sub_txt p br.t_br {display: none;}
			.sub_about .txt_box .ceo {margin-top: 36px;}
			.sub_about .txt_box .ceo ul {margin-left: 26px;}
			/* .sub_about .txt_box .ceo ul li + li {margin-left: 12px;} */
		}
		@media only screen and (max-width:1023px) {
			.sub_about {flex-direction: column;}
			.sub_about .thumb {width: 100%;}
			.sub_about .thumb img {width: 100%;}
			.sub_about .txt_box {width: 100%; padding-left: 0; padding-top: 55px;}
			.sub_about .txt_box .sub_title {padding-bottom: 40px;}
			.sub_about .txt_box .sub_txt p {font-size: 95%;}
			.sub_about .txt_box .sub_txt p br {display: none;}
			.sub_about .txt_box .ceo img {height:65px;}
		}
		@media only screen and (max-width:860px) {
			.sub_about .txt_box {padding-top: 45px;}
			.sub_about .txt_box .sub_title {padding-bottom: 38px;}
			.sub_about .txt_box .sub_title h2 {margin-bottom: 20px;}
			.sub_about .txt_box .ceo {margin-top: 32px;}
			.sub_about .txt_box .ceo ul {margin-left: 22px;}
			/* .sub_about .txt_box .ceo ul li + li {margin-left: 10px;} */
		}
		@media only screen and (max-width:640px) {
			.sub_about .txt_box {padding-top: 45px;}
			.sub_about .txt_box .sub_title {margin-bottom: 38px; padding-bottom: 36px;}
			.sub_about .txt_box .sub_title h2 {margin-bottom: 16px; font-size: 190%;}
			.sub_about .txt_box .sub_title p {font-size: 122%;}
			.sub_about .txt_box .ceo {flex-direction: column; align-items: flex-end; margin-top: 30px;}
			.sub_about .txt_box .ceo ul {margin-left: 0; margin-top: 12px;}
			.sub_about .txt_box .ceo img {height:60px;}
		}
		@media only screen and (max-width:479px) {	
			.sub_about .txt_box {padding-top: 40px;}
		}


	/*** company/history (연혁) ***/
		/* PC 일반 */
			.sub_history {}
			.sub_history .history_tab {position: sticky; top: -1px; left: 0; background: var(--point-white); font-size: var(--title-20); z-index: 1;}
			.sub_history .history_tab .w_custom {display: flex; justify-content: space-between; box-sizing: border-box; border-bottom: 1px solid var(--border-color01);}
			.sub_history .history_tab a {min-width: 200px; padding: 29px 0 28px; font-size: 150%; text-align:center; font-weight: 500; letter-spacing: -0.03em; color: var(--black-color10); line-height: 1; font-family: var(--font-type02); transition: all 0.3s;}
			.sub_history .history_tab a.active {font-weight: bold; color: var(--point-color01);}
			.sub_history .history_tab a br {display: none;}
				.sub_history .history_tab a:first-child {text-align: left;}
				.sub_history .history_tab a:last-child {text-align: right;}
			
			/* over */
				@media (hover:hover){
					.sub_history .history_tab a:hover {font-weight: bold; color: var(--point-color01);}
				}
			
			.sub_history .history_box {text-align: center;}
			.sub_history .history_wrap {padding: 96px 0 76px;}
			.sub_history .history_wrap:last-child {padding-bottom: 0;}
			.sub_history .sub_title h2 {color: var(--black-color02); font-weight: 500; letter-spacing: -0.05em;}
			.sub_history .history_txt {margin: 82px 0 80px;}
			.sub_history .history_txt span {font-size: var(--title-120); font-weight: 600; color: var(--gray-bg01); font-family: var(--font-type02); letter-spacing: -0.03em; line-height: 1;}
			.sub_history .history_cont {position: relative;}
			.sub_history .history_cont:before {content: ""; position: absolute; left: 50%; top: 24px; transform: translateX(calc(-50% + 0.5px)); width: 1px; background: var(--border-color01);}
				.sub_history .history_wrap:nth-child(1) .history_cont:before {height: 90%;}
				.sub_history .history_wrap:nth-child(2) .history_cont:before {height: 91%;}
				.sub_history .history_wrap:nth-child(3) .history_cont:before {height: 56%;}
			.sub_history .history_cont .cont {display: flex; font-size: var(--title-20);}
			.sub_history .history_cont .cont + .cont {margin-top: 48px;}
			.sub_history .history_cont .cont .year {width: 50%; box-sizing: border-box;}
			.sub_history .history_cont .cont .year strong {position: relative; display: block; font-size: 240%; font-weight: 500; color: var(--black-color02); letter-spacing: -0.03em; font-family: var(--font-type02);}
			.sub_history .history_cont .cont .year strong:before,
			.sub_history .history_cont .cont .year strong:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 100%;}
			.sub_history .history_cont .cont .year strong:before {width: 22px; height: 22px; background: var(--border-color01);}
			.sub_history .history_cont .cont .year strong:after {width: 8px; height: 8px; background: var(--black-color08);}
			.sub_history .history_cont .cont .detail {margin-top: 14px;}
			.sub_history .history_cont .cont .detail dl {display: flex;}
			.sub_history .history_cont .cont .detail dl + dl {margin-top: 12px;}
			.sub_history .history_cont .cont .detail dt {width: 60px; color: var(--black-color05); font-weight: 500; font-family: var(--font-type02);}
			.sub_history .history_cont .cont .detail dd {width: calc(100% - 60px);}
			.sub_history .history_cont .cont .detail dd li {padding-top: 1px; font-size: 90%; color: var(--black-color06); letter-spacing: -0.03em; line-height: 1.4;}
			.sub_history .history_cont .cont .detail dd li + li {margin-top: 14px;}
			/* basic */
				.sub_history .history_cont .cont:not(:nth-child(2n)) {text-align: left; justify-content: flex-end;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year {padding-left: 80px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:before {left: -91px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:after {left: -84px;}
			/* 2n */
				.sub_history .history_cont .cont:nth-child(2n) {text-align: right; justify-content: flex-start;}
				.sub_history .history_cont .cont:nth-child(2n) .year {padding-right: 80px;}
				.sub_history .history_cont .cont:nth-child(2n) .detail dl {flex-direction: row-reverse;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:before {right: -91px;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:after {right: -84px;}
			/* first */
				.sub_history .history_cont .cont:first-child .year strong {color: var(--point-color01);}
				.sub_history .history_cont .cont:first-child .year strong:before {background: var(--blue-bg01);}
				.sub_history .history_cont .cont:first-child .year strong:after {background: var(--point-color01);}
				
		@media only screen and (max-width:1480px) {
			.sub_history .history_tab a {padding: 27px 0 25px;}
			.sub_history .history_txt {margin: 76px 0 74px;}
		}
		@media only screen and (max-width:1240px) {
			.sub_history .history_tab a {padding: 24px 0 22px; font-size: 140%;}
			.sub_history .history_txt {margin: 70px 0 68px;}
			.sub_history .history_wrap {padding: 86px 0 68px;}
			.sub_history .history_cont .cont + .cont {margin-top: 44px;}
			.sub_history .history_cont .cont .year strong {font-size: 230%;}
			.sub_history .history_cont .cont .detail dt {width: 56px;}
			.sub_history .history_cont .cont .detail dd {width: calc(100% - 56px);}
			/* basic */
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year {padding-left: 65px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:before {left: -76px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:after {left: -69px;}
			/* 2n */
				.sub_history .history_cont .cont:nth-child(2n) .year {padding-right: 65px;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:before {right: -76px;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:after {right: -69px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_history .history_tab a {padding: 22px 0 20px;}
			.sub_history .history_txt {margin: 58px 0 60px;}
			.sub_history .history_wrap {padding: 76px 0 60px;}
			.sub_history .history_cont .cont + .cont {margin-top: 40px;}
			.sub_history .history_cont .cont .year strong {font-size: 215%;}
			.sub_history .history_cont .cont .detail {margin-top: 12px;}
			.sub_history .history_cont .cont .detail dl + dl {margin-top: 10px;}
		}
		@media only screen and (max-width:860px) {
			.sub_history .history_txt {margin: 48px 0 52px;}
			.sub_history .history_wrap {padding: 66px 0 52px;}
				/* .sub_history .history_wrap:nth-child(1) .history_cont:before {height: 86%;} */
				.sub_history .history_wrap:nth-child(3) .history_cont:before {height: 52%;}
			.sub_history .history_cont .cont + .cont {margin-top: 36px;}
			.sub_history .history_cont .cont .year strong {font-size: 205%;}
			.sub_history .history_cont .cont .year strong:before {width: 19px; height: 19px;}
			.sub_history .history_cont .cont .year strong:after {width: 7px; height: 7px;}
			.sub_history .history_cont .cont .detail {margin-top: 10px;}
			.sub_history .history_cont .cont .detail dt {width: 52px;}
			.sub_history .history_cont .cont .detail dd {width: calc(100% - 52px);}
			/* basic */
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year {padding-left: 50px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:before {left: -59px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:after {left: -53px;}
			/* 2n */
				.sub_history .history_cont .cont:nth-child(2n) .year {padding-right: 50px;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:before {right: -59px;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:after {right: -53px;}
		}
		@media only screen and (max-width:640px) {
			.sub_history .history_tab {width: 100%;}
			.sub_history .history_tab a {padding: 20px 0 18px; min-width: inherit; width: 100%; font-size: 130%;}
			.sub_history .history_wrap {padding: 56px 0 48px;}
			.sub_history .history_txt {margin: 42px 0 46px;}
			.sub_history .history_cont:before {left: 15px; transform: none;}
			.sub_history .history_cont .cont .year {width: 100%;}
			.sub_history .history_cont .cont .year strong {font-size: 190%;}
			.sub_history .history_cont .cont .year strong:before {width: 16px; height: 16px;}
			.sub_history .history_cont .cont .year strong:after {width: 6px; height: 6px;}
			/* basic */
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year {padding-left: 50px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:before {left: -42px;}
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year strong:after {left: -37px;}
			/* 2n */
				.sub_history .history_cont .cont:nth-child(2n) {text-align: left;}
				.sub_history .history_cont .cont:nth-child(2n) .year {padding-right: 0; padding-left: 50px;}
				.sub_history .history_cont .cont:nth-child(2n) .detail dl {flex-direction: row;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:before {right: inherit; left: -42px;}
				.sub_history .history_cont .cont:nth-child(2n) .year strong:after {right: inherit; left: -37px;}
		}
		@media only screen and (max-width:520px) {
			.sub_history .history_tab a {padding: 16px 0 14px; font-size: 120%; line-height:1.1 ; text-align:center;}
			.sub_history .history_tab a br {display: block;}
		}
		@media only screen and (max-width:479px) {
			.sub_history .history_wrap {padding: 46px 0 42px;}
			.sub_history .history_txt {margin: 36px 0 38px;}
			.sub_history .history_cont:before {left: 12px;}
			.sub_history .history_wrap:nth-child(1) .history_cont:before{height:89%;}
			.sub_history .history_cont .cont + .cont {margin-top: 32px;}
			.sub_history .history_cont .cont .year strong {font-size: 192%;}
			.sub_history .history_cont .cont .detail {margin-top: 8px;}
			.sub_history .history_cont .cont .detail dt {width: 48px;}
			.sub_history .history_cont .cont .detail dd {width: calc(100% - 48px);}
			/* basic */
				.sub_history .history_cont .cont:not(:nth-child(2n)) .year {padding-left: 47px;}
			/* 2n */
				.sub_history .history_cont .cont:nth-child(2n) .year {padding-left: 47px;}
		}
		
		
	/*** company/introduce (경영지침) ***/
		/* PC 일반 */
			.sub_introduce {}
			.sub_introduce .manage_cont {display: flex; align-items: stretch; overflow: hidden;}
				.sub_introduce .manage_cont:nth-child(2n) {flex-direction: row-reverse;}
			.sub_introduce .manage_cont + .manage_cont {margin-top: 100px;}
			.sub_introduce .manage_cont .thumb {width: 50%;}
			.sub_introduce .manage_cont .thumb img {height: 100%; object-fit: cover;}
			.sub_introduce .manage_cont .txt_box {display: flex; flex-direction: column; justify-content: center; width: 50%; box-sizing: border-box; padding: 3.3vw 5.2vw;}
			.sub_introduce .manage_cont .txt_box .sub_title {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--border-color01);}
		
		@media only screen and (max-width:1660px) {
			.sub_introduce .manage_cont:not(:nth-child(2n)) .txt_box {padding-right: 3.8vw;}
			.sub_introduce .manage_cont:nth-child(2n) .txt_box {padding-left: 3.8vw;}
		}
		@media only screen and (max-width:1440px) {
			.sub_introduce .manage_cont:not(:nth-child(2n)) .txt_box {padding-right: 2.4vw;}
			.sub_introduce .manage_cont:nth-child(2n) .txt_box {padding-left: 2.4vw;}
		}
		@media only screen and (max-width:1240px) {
			.sub_introduce .manage_cont + .manage_cont {margin-top: 85px;}
			.sub_introduce .manage_cont:not(:nth-child(2n)) .txt_box {padding-right: 1vw;}
			.sub_introduce .manage_cont:nth-child(2n) .txt_box {padding-left: 1vw;}
			.sub_introduce .manage_cont .txt_box .sub_title {margin-bottom: 36px; padding-bottom: 36px;}
			.sub_introduce .manage_cont .txt_box .sub_title h3 {font-size: 190%;}
		}
		@media only screen and (max-width:1080px) {
			.sub_introduce .manage_cont .txt_box .sub_title h3 br {display: none;}
		}
		@media only screen and (max-width:1023px) {
			.sub_introduce .manage_cont + .manage_cont {margin-top: 75px;}
		}
		@media only screen and (max-width:860px) {
			.sub_introduce .manage_cont,
			.sub_introduce .manage_cont:nth-child(2n) {flex-direction: column;}
			.sub_introduce .manage_cont .thumb {width: 100%;}
			.sub_introduce .manage_cont .thumb img {width: 100%;}
			.sub_introduce .manage_cont .txt_box {width: 100%; padding: 45px 0 0 !important;}
			.sub_introduce .manage_cont .txt_box .sub_title {margin-bottom: 32px; padding-bottom: 32px;}
		}
		@media only screen and (max-width:640px) {
			.sub_introduce .manage_cont + .manage_cont {margin-top: 60px;}
			.sub_introduce .manage_cont .txt_box {padding: 40px 0 0 !important;}
			.sub_introduce .manage_cont .txt_box .sub_title {margin-bottom: 28px; padding-bottom: 28px;}
			.sub_introduce .manage_cont .txt_box .sub_title h3 {font-size: 180%;}
		}
		@media only screen and (max-width:479px) {
			.sub_history .history_tab a {padding: 13px 0 12px;}
			.sub_introduce .manage_cont + .manage_cont {margin-top: 55px;}
			.sub_introduce .manage_cont .txt_box {padding: 35px 0 0 !important;}
			.sub_introduce .manage_cont .txt_box .sub_title {margin-bottom: 24px; padding-bottom: 24px;}
		}
		
			
/*───────────────────────────────────────────────────────────
	 CORPORATE
───────────────────────────────────────────────────────────*/
	/*** /corporate/work (조직도) ***/
		/* PC 일반 */
			.corporate_work #contents_box {padding-bottom: 0;}
			.sub_work {}
			.sub_work .work_wrap {position: relative; display: flex; flex-direction: column; align-items: center; gap: 80px 0;}
			.sub_work .work_cont {position: relative; font-size: var(--title-20);}
			.sub_work .work_cont > li,
			.sub_work .work_cont dt {position: relative; display: flex; justify-content: center; align-items: center; width: 320px; box-sizing: border-box; /* padding: 25px 20px 20px; */ border: 4px solid var(--trans-color); font-size: 140%; font-weight: 500;}
				.sub_work .work_cont > li.bg_blue {background: var(--point-color01); font-size: 160%; color: var(--point-white); font-weight: 500; z-index: 1;}
				.sub_work .work_cont > li.bg_navy {background: var(--point-color03); color: var(--point-white); font-weight: 400;}
				.sub_work .work_cont > li.bd_blue {background: var(--point-white); border-color: var(--point-color04); color: var(--point-color04);}
				.sub_work .work_cont > li.bd_navy {background: var(--point-white); border-color: var(--point-color03); color: var(--point-color03);}
			.sub_work .work_cont > li span {line-height: 1.48; text-align: center;}
			.sub_work .work_cont dl {position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 20px; padding-top: 60px;}
			.sub_work .work_cont dt {flex-shrink: 0; height: 102px; background: var(--point-color05); font-size: 130%; color: var(--point-white); font-weight: 400; font-family: var(--font-type02);width:100%;}
			.sub_work .work_cont dd {width: 100%; height: 100%; background: var(--point-white); box-sizing: border-box; padding: 24px 30px; border: 2px solid var(--border-color01);}
			.sub_work .work_cont dd .dot_list li {font-family: var(--font-type02);} 
				.sub_work .work_cont.cont01 > li {height: 142px;}
				.sub_work .work_cont.cont01 > li.bg_navy {position: absolute; left: 140%; top: 0;}
				.sub_work .work_cont.cont02 > li {height: 122px;}
				.sub_work .work_cont.cont02 > li + li {margin-top: 80px;}
				.sub_work .work_cont.cont02 > li + li + li {margin-top: 60px;}
				.sub_work .work_cont.cont03 {display:grid;max-width: 100%; gap : 0 5.2vw;width:100%;grid:auto / repeat(4, 1fr);}
			/* dot */
				.sub_work .work_cont > li.bg_navy:after,
				.sub_work .work_cont dt:after {content: ""; position: absolute; left: calc(50% - 0.5px); top: -11px; transform: translateX(-50%); width: 14px; height: 14px; background: var(--point-white); box-sizing: border-box; border-radius: 50%; border: 3px solid var(--trans-color);}
				.sub_work .work_cont > li.bg_navy:after {border-color: var(--point-color01);}
					.sub_work .work_cont.cont01 > li.bg_navy:after {left: -11px; top: calc(50% - 0.5px); transform: translateY(-50%);}
				.sub_work .work_cont dt:after {border-color: var(--point-color02);}
			/* line */
				.sub_work .work_wrap:before, 
				.sub_work .work_cont.cont01 > li.bg_navy:before,
				.sub_work .work_cont.cont03:before,
				.sub_work .work_cont dl:before {content: ""; position: absolute; background: var(--border-color02);}
				.sub_work .work_cont.cont02:before {content:"";left: calc(50% - 0.5px); top: -80px; transform: translateX(-50%); width: 1px; height:calc(100% + 160px);background:var(--border-color01);position: absolute;}
				.sub_work .work_cont.cont01 > li.bg_navy:before {left: -100%; top: calc(50% - 0.5px); transform: translateY(-50%);width: 100%; height: 1px;}
				.sub_work .work_cont.cont03:before {left:10.2%;right:10.2%;top: 0;height: 1px;margin:0 auto;}
				.sub_work .work_cont dl:before {left: calc(50% - 0.5px); top: 0; transform: translateX(-50%); width: 1px; height: 60px;}
				
		@media only screen and (max-width:1480px) {
			.sub_work .work_wrap {gap: 70px 0;}
			.sub_work .work_cont dl {padding-top: 50px;}
			.sub_work .work_cont > li{width: 300px;}
			.sub_work .work_cont.cont01 > li {height: 138px;}
			.sub_work .work_cont.cont01 > li.bg_navy {left: 130%;}
			.sub_work .work_cont.cont02:before{top:-70px;height:calc(100% + 140px);}
			.sub_work .work_cont.cont02 > li {height: 118px;}
			.sub_work .work_cont.cont02 > li + li {margin-top: 70px;}
			.sub_work .work_cont.cont02 > li + li + li {margin-top: 50px;}
			/* .sub_work .work_cont.cont03:before {width: 71%;} */
			.sub_work .work_cont dt {height: 92px;}
			.sub_work .work_cont dd {padding: 22px 26px;}
		}
		@media only screen and (max-width:1280px) {
			.sub_work .work_wrap {gap: 65px 0;}
			.sub_work .work_cont dl {padding-top: 45px;}
			.sub_work .work_cont > li{width: 280px;}
			.sub_work .work_cont.cont01 > li {height: 128px;}
			.sub_work .work_cont.cont01 > li.bg_navy {left: 120%;}
			.sub_work .work_cont.cont02:before{top:-65px;height:calc(100% + 130px);}
			.sub_work .work_cont.cont02 > li {height: 108px;}
			.sub_work .work_cont.cont02 > li + li {margin-top: 65px;}
			.sub_work .work_cont.cont02 > li + li + li {margin-top: 45px;}
			.sub_work .work_cont dt {height: 88px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_work .work_wrap {gap: 60px 0;}
			.sub_work .work_cont dl {padding-top: 40px;}
			.sub_work .work_cont > li{width: 255px;}
			.sub_work .work_cont.cont01 > li {height: 118px;}
			.sub_work .work_cont.cont01 > li.bg_navy {left: 120%;}
			.sub_work .work_cont.cont02:before{top:-60px;height:calc(100% + 120px);}
			.sub_work .work_cont.cont02 > li {height: 98px;}
			.sub_work .work_cont.cont02 > li + li {margin-top: 60px;}
			.sub_work .work_cont.cont02 > li + li + li {margin-top: 40px;}
			.sub_work .work_cont dt {height: 82px;}
			.sub_work .work_cont > li.bg_navy:after, .sub_work .work_cont dt:after {width: 12px; height: 12px; top: -10px;}
			.sub_work .work_cont.cont01 > li.bg_navy:after {left: -10px;}
			.sub_work .work_cont dd {padding: 20px 22px;}
		}
		@media only screen and (max-width:960px) {
			.sub_work .work_wrap {gap: 50px 0;}
			.sub_work .work_cont > li{width: 250px;}
			.sub_work .work_cont.cont01 > li.bg_navy {position: relative; left: 75%; top: inherit; margin-top: 50px;}
			.sub_work .work_cont.cont01 > li.bg_navy:before {left: -28%; width: 28%;}
			.sub_work .work_cont.cont02:before{top:-50px;height:calc(100% + 100px);}
			.sub_work .work_cont.cont03 {width: 100%; gap: 0 40px; justify-content: space-between;}
			.sub_work .work_cont dl, .sub_work .work_cont dt {width: 100%;}
			.sub_work .work_cont > li {font-size: 130%;}
			.sub_work .work_cont dt {font-size: 120%;}
			.sub_work .work_cont > li.bg_blue {font-size: 155%;}
			.sub_work .work_cont.cont01 > li.bg_navy {font-size: 125%;}
		}
		@media only screen and (max-width:860px) {
			.sub_work .work_cont > li {width: 230px;}
			.sub_work .work_cont.cont01 > li {height: 108px;}
			.sub_work .work_cont.cont02 > li {height: 88px;}
			.sub_work .work_cont.cont02 > li + li {margin-top: 55px;}
			.sub_work .work_cont.cont02 > li + li + li {margin-top: 35px;}
			.sub_work .work_cont dt {height: 78px;}
			.sub_work .work_cont.cont03 {gap: 0 30px;}
		}
		@media only screen and (max-width:767px) {
			.sub_work .work_cont.cont03 {display: block;}
			.sub_work .work_cont.cont03:before {display: none;}
			.sub_work .work_cont dt {width: 100%;}
			.sub_work .work_cont dl:first-child {padding-top: 0;}
			.sub_work .work_cont dl:before {display: none;}
		}
		@media only screen and (max-width:640px) {
			.sub_work .work_cont > li {width: 210px;}
			.sub_work .work_cont.cont01 > li {height: 100px;}
			.sub_work .work_cont.cont02 > li {height: 82px;}
			.sub_work .work_cont.cont01 > li.bg_navy {margin-top: 45px;}
			.sub_work .work_wrap {gap: 45px 0;}
			.sub_work .work_cont.cont02 > li + li {margin-top: 40px;}
			.sub_work .work_cont dl {gap: 15px;}
			.sub_work .work_cont dt {height: 72px;}
		}
		@media only screen and (max-width:479px) {
			.sub_work .work_cont.cont01 > li {height: 90px;}
			.sub_work .work_cont.cont02 > li {height: 74px;}
			.sub_work .work_cont.cont01 > li.bg_navy {margin-top: 40px;}
			.sub_work .work_cont > li {width: 190px;}
			.sub_work .work_cont.cont01 > li.bg_navy:before {display: none;}
			.sub_work .work_cont.cont01 > li.bg_navy:after {left: 50%; top: -10px; transform: translateX(-50%);}
			.sub_work .work_cont.cont01 > li.bg_navy {left: 0;}
			.sub_work .work_cont dt {height: 65px; padding-top: 6px;}
			.sub_work .work_cont dd {padding: 20px 18px;}
		}


	/*** corporate/mainarea (주요업무영역) ***/
		/* PC 일반 */
			.corporate_mainarea #contents_box {padding-bottom: 0;}
			.sub_mainarea {}
			.sub_mainarea .horizon_sec {padding: 124px 0 120px;}
			.sub_mainarea .horizon_sec .left_con .sub_title h4 {font-family: var(--font-type02);}
			.sub_mainarea .area_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
			.sub_mainarea .area_list > li {width: 100%; background: var(--point-white); box-sizing: border-box; border: 1px solid var(--border-color01);}
			.sub_mainarea .area_list > li .thumb {width: calc(100% + 2px); margin: -1px 0 0 -1px;}
			.sub_mainarea .area_list > li .thumb img {width: 100%; object-fit: cover;}
			.sub_mainarea .area_list > li dl {width: 100%; box-sizing: border-box; padding: 38px 40px 34px; font-size: var(--title-20);}
			.sub_mainarea .area_list > li dt {margin-bottom: 20px; font-size: 130%; font-weight: 500; color: var(--black-color02); letter-spacing: -0.03em; font-family: var(--font-type02);}
			
		@media only screen and (max-width:1640px) {
			.sub_mainarea .area_list > li dl {padding: 34px 32px;}
		}
		@media only screen and (max-width:1480px) {
			.sub_mainarea .area_list {gap: 26px;}
			.sub_mainarea .area_list > li dl {padding: 30px 28px;}
			.sub_mainarea .area_list > li dt {margin-bottom: 18px;}
		}
		@media only screen and (max-width:1380px) {
			.sub_mainarea .area_list {grid-template-columns: repeat(2, 1fr);}
		}
		@media only screen and (max-width:1240px) {
			.sub_mainarea .horizon_sec {padding: 115px 0 110px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_mainarea .horizon_sec {padding: 90px 0;}
			.sub_mainarea .horizon_sec .left_con {padding-bottom:35px;}
		}
		@media only screen and (max-width:860px) {
			.sub_mainarea .horizon_sec {padding: 80px 0;}
			.sub_mainarea .area_list {gap: 22px;}
			.sub_mainarea .area_list > li dl {padding: 28px 24px;}
			.sub_mainarea .area_list > li dt {margin-bottom: 14px;}
		}
		@media only screen and (max-width:640px) {
			.sub_mainarea .horizon_sec {padding: 70px 0;}
			.sub_mainarea .horizon_sec .left_con {padding-bottom:30px;}
			.sub_mainarea .area_list {grid-template-columns: repeat(1, 1fr);}
		}
		@media only screen and (max-width:479px) {
			.sub_mainarea .horizon_sec {padding: 60px 0;}
			.sub_mainarea .horizon_sec .left_con {padding-bottom:25px;}
			.sub_mainarea .area_list > li dl {padding: 24px 20px;}
			.sub_mainarea .area_list > li dt {margin-bottom: 14px;}
		}


	/*** corporate/awards (수상경력) ***/
		/* PC 일반 */
			.sub_awards {}
			.sub_awards .awards_cont {display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 3.65vw; border: 1px solid var(--border-color01);}
			.sub_awards .awards_cont + .awards_cont {margin-top: 60px;}
			.sub_awards .awards_cont .sub_title {position: relative; width: 428px; box-sizing: border-box; padding-right: 40px;}
			.sub_awards .awards_cont .sub_title > span {margin-bottom: 22px;}
			.sub_awards .awards_cont .sub_title h3 {font-weight: 500; letter-spacing: -0.05em; font-family: var(--font-type02);}
			.sub_awards .awards_cont .sub_title .awards_logo {margin-top: 5vw;}
			.sub_awards .awards_cont .awards_list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 2.64vw; width: calc(100% - 428px);}
			.sub_awards .awards_cont .awards_list li {text-align: center;}
			.sub_awards .awards_cont .awards_list li .thumb {width: 100%; background: var(--border-color03); box-sizing: border-box; padding: 8px;}
			.sub_awards .awards_cont .awards_list li .thumb img {width: 100%; object-fit: cover;}
			.sub_awards .awards_cont .awards_list li p {padding-top: 22px; font-size: var(--title-18); color: var(--black-color02); letter-spacing: -0.03em; line-height: 1.55; font-family: var(--font-type02);}
				.sub_awards .awards_cont.sk .sub_title > span {color: #EA012D;}
				.sub_awards .awards_cont.samsung .sub_title > span {color: #014099;}
				.sub_awards .awards_cont.lg .sub_title > span {color: #A61B38;}
				.sub_awards .awards_cont.texas .sub_title > span {color: #EC1C24;}
				.sub_awards .awards_cont.smc .sub_title > span {color: #191877;}
				
		@media only screen and (max-width:1480px) {
			.sub_awards .awards_cont .sub_title {width: 28.92vw;}
			.sub_awards .awards_cont .sub_title .awards_logo {height: 8.1vw;}
			.sub_awards .awards_cont .sub_title .awards_logo img {height: 100%;}
			.sub_awards .awards_cont .awards_list {width: calc(100% - 28.92vw);}
		}
		@media only screen and (max-width:1240px) {
			.sub_awards .awards_cont {flex-direction: column; align-items: flex-start; padding: 45px;}
			.sub_awards .awards_cont + .awards_cont {margin-top: 55px;}
			.sub_awards .awards_cont .sub_title {width: 100%; padding-right: 0;}
			.sub_awards .awards_cont .sub_title > span {margin-bottom: 20px;}
			.sub_awards .awards_cont .sub_title .awards_logo {position: absolute; right: 0; top: 0; margin-top: 0; height: 70px;}
			.sub_awards .awards_cont .awards_list {gap: 20px 50px; width: 100%; margin-top: 45px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_awards .awards_cont {padding: 40px 35px;}
			.sub_awards .awards_cont + .awards_cont {margin-top: 50px;}
			.sub_awards .awards_cont .sub_title > span {margin-bottom: 18px;}
			.sub_awards .awards_cont .sub_title .awards_logo {height: 64px;}
			.sub_awards .awards_cont .awards_list {gap: 20px 34px; margin-top: 35px;}
			.sub_awards .awards_cont .awards_list li p {padding-top: 20px;}
		}
		@media only screen and (max-width:860px) {
			.sub_awards .awards_cont {padding: 38px 30px;}
			.sub_awards .awards_cont + .awards_cont {margin-top: 45px;}
			.sub_awards .awards_cont .sub_title > span {margin-bottom: 16px;}
			.sub_awards .awards_cont .sub_title .awards_logo {height: 56px;}
			.sub_awards .awards_cont .awards_list {gap: 20px 28px; margin-top: 30px;}
			.sub_awards .awards_cont .awards_list li .thumb {padding: 7px;}
			.sub_awards .awards_cont .awards_list li p {padding-top: 18px;}
		}
		@media only screen and (max-width:767px) {
			.sub_awards .awards_cont {padding: 36px 28px;}
			.sub_awards .awards_cont .sub_title > span {margin-bottom: 14px;}
			.sub_awards .awards_cont .sub_title h3 {font-size: 190%;}
			.sub_awards .awards_cont .sub_title .awards_logo {height: 48px;}
			.sub_awards .awards_cont .awards_list {gap: 20px 22px; margin-top: 25px;}
			.sub_awards .awards_cont .awards_list li .thumb {padding: 6px;}
			.sub_awards .awards_cont .awards_list li p {padding-top: 16px;}
		}
		@media only screen and (max-width:640px) {
			.sub_awards .awards_cont {padding: 33px 25px;}
			.sub_awards .awards_cont + .awards_cont {margin-top: 40px;}
			.sub_awards .awards_cont .sub_title > span {margin-bottom: 12px;}
			.sub_awards .awards_cont .sub_title .awards_logo {height: 44px;}
			.sub_awards .awards_cont .awards_list {grid-template-columns: repeat(3, 1fr); gap: 24px;}
		}
		@media only screen and (max-width:479px) {
			.sub_awards .awards_cont {padding: 28px 20px;}
			.sub_awards .awards_cont + .awards_cont {margin-top: 35px;}
			.sub_awards .awards_cont .sub_title > span {margin-bottom: 10px;}
			.sub_awards .awards_cont .sub_title .awards_logo {display: none;}
			.sub_awards .awards_cont .awards_list {grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 22px;}
			.sub_awards .awards_cont .awards_list li .thumb {padding: 5px;}
			.sub_awards .awards_cont .awards_list li p {padding-top: 14px;}
		}
		@media only screen and (max-width:360px) {
			.sub_awards .awards_cont + .awards_cont {margin-top: 30px;}
		}
		
		
	/*** corporate/talent (인재상) ***/
		/* PC 일반 */
			.sub_talent {}
			.sub_talent .talent_cont {display: flex; align-items: stretch; overflow: hidden;}
				.sub_talent .talent_cont:nth-child(2n) {flex-direction: row-reverse;}
			.sub_talent .talent_cont + .talent_cont {margin-top: 100px;}
			.sub_talent .talent_cont .thumb {width: 50%;}
			.sub_talent .talent_cont .thumb img {height: 100%; object-fit: cover;}
			.sub_talent .talent_cont .txt_box {display: flex; flex-direction: column; justify-content: center; width: 50%; box-sizing: border-box; padding: 4vw 5.2vw 3.3vw;}
			.sub_talent .talent_cont .txt_box .sub_title {display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end; gap: 0 30px; margin-bottom: 42px; padding-bottom: 48px; border-bottom: 1px solid var(--border-color01);}
			.sub_talent .talent_cont .txt_box .sub_title h3 {line-height: 1;}
			.sub_talent .talent_cont .txt_box .sub_title > span {margin-bottom: 0; line-height: 1;}
			.sub_talent .talent_cont .txt_box .sub_txt p {letter-spacing: -0.04em;}
			
		@media only screen and (max-width:1660px) {
			.sub_talent .talent_cont:not(:nth-child(2n)) .txt_box {padding-right: 3.8vw;}
			.sub_talent .talent_cont:nth-child(2n) .txt_box {padding-left: 3.8vw;}
		}
		@media only screen and (max-width:1440px) {
			.sub_talent .talent_cont:not(:nth-child(2n)) .txt_box {padding-right: 2.4vw;}
			.sub_talent .talent_cont:nth-child(2n) .txt_box {padding-left: 2.4vw;}
		}
		@media only screen and (max-width:1340px) {
			.sub_talent .talent_cont .txt_box .sub_txt p br {display: none;}
		}
		@media only screen and (max-width:1240px) {
			.corporate_talent .sub_title h2 + h4 {font-size: 160%;}
			.sub_talent .talent_cont + .talent_cont {margin-top: 85px;}
			.sub_talent .talent_cont:not(:nth-child(2n)) .txt_box {padding-right: 1vw;}
			.sub_talent .talent_cont:nth-child(2n) .txt_box {padding-left: 1vw;}
			.sub_talent .talent_cont .txt_box .sub_title {gap: 26px; margin-bottom: 34px; padding-bottom: 40px;}
			.sub_talent .talent_cont .txt_box .sub_title h3 {font-size: 190%;}
		}
		@media only screen and (max-width:1080px) {
			.corporate_talent .sub_title h2 + h4 br {display: none;}
		}
		@media only screen and (max-width:1023px) {
			.sub_talent .talent_cont + .talent_cont {margin-top: 75px;}
			.sub_talent .talent_cont .txt_box .sub_title {gap: 22px;}
			.sub_talent .talent_cont .txt_box .sub_title > span {font-size: 95%;}
		}
		@media only screen and (max-width:960px) {
			.sub_talent .talent_cont .txt_box .sub_title {flex-direction: column; align-items: flex-start;}
		}
		@media only screen and (max-width:860px) {
			.sub_talent .talent_cont,
			.sub_talent .talent_cont:nth-child(2n) {flex-direction: column;}
			.sub_talent .talent_cont .thumb {width: 100%;}
			.sub_talent .talent_cont .thumb img {width: 100%;}
			.sub_talent .talent_cont .txt_box {width: 100%; padding: 45px 0 0 !important;}
			.sub_talent .talent_cont .txt_box .sub_title {gap: 20px; margin-bottom: 30px; padding-bottom: 36px;}
		}
		@media only screen and (max-width:640px) {
			.sub_talent .talent_cont + .talent_cont {margin-top: 60px;}
			.sub_talent .talent_cont .txt_box {padding: 40px 0 0 !important;}
			.sub_talent .talent_cont .txt_box .sub_title {gap: 17px; margin-bottom: 26px; padding-bottom: 32px;}
			.sub_talent .talent_cont .txt_box .sub_title h3 {font-size: 180%;}
		}
		@media only screen and (max-width:479px) {
			.sub_talent .talent_cont + .talent_cont {margin-top: 55px;}
			.sub_talent .talent_cont .txt_box {padding: 35px 0 0 !important;}
			.sub_talent .talent_cont .txt_box .sub_title {gap: 14px; margin-bottom: 22px; padding-bottom: 28px;}
		}
		
		
	/*** corporate/vision (비전) ***/
		/* PC 일반 */
			.sub_vision {}
			.sub_vision .vision_wrap {position: relative; margin-top: 120px;}
			.sub_vision .vision_cont {position: relative;}
			.sub_vision .vision_wrap .center {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 400px; height: 400px; background: var(--point-grad03); box-sizing: border-box; padding: 20px; border-radius: 100%; box-shadow: 0px 0px 38.4px 0px rgba(14, 90, 210, 0.25); z-index: 1;}
			.sub_vision .vision_wrap .center span {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--point-white); border-radius: 100%;}
			.sub_vision .vision_wrap .center span object {width: 280px;}
			.sub_vision .vision_wrap .vision_list {position: relative; display: grid; grid-template-columns: repeat(2, 1fr);}
			.sub_vision .vision_wrap .vision_list dl {display: flex; width: 100%; box-sizing: border-box; padding: 6.25vw 4.16vw; font-size: var(--title-20);}
				.sub_vision .vision_wrap .vision_list dl:nth-child(2n) {padding-left: 14.26vw;}
			.sub_vision .vision_wrap .vision_list dt {width: 200px; padding-top: 4px; font-size: 220%; color: var(--black-color02); font-weight: 600; letter-spacing: -0.03em; line-height: 1; font-family: var(--font-type02);}
			.sub_vision .vision_wrap .vision_list dd {width: calc(100% - 200px);}
			.sub_vision .vision_wrap .vision_list dd .dot_list li {font-family: var(--font-type02);}
			/* line */
				.sub_vision .vision_wrap:before, .sub_vision .vision_wrap:after {content: ""; position: absolute; background: var(--border-color01);}
				.sub_vision .vision_wrap:before {left: 0; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 100%; height: 1px;}
				.sub_vision .vision_wrap:after {left: 50%; top: 0; transform: translateX(calc(-50% + 0.5px)); width: 1px; height: 100%;}
			/* dot */
				.sub_vision .vision_cont:before, .sub_vision .vision_cont:after, .sub_vision .vision_wrap .vision_list:before, .sub_vision .vision_wrap .vision_list:after {content: ""; position: absolute; width: 13px; height:13px; background: var(--point-white); box-sizing: border-box; border: 3px solid var(--point-color01); border-radius: 100%; z-index: 1;}
				.sub_vision .vision_cont:before {left: 0; top: 50%; transform: translateY(calc(-50% + 0.5px));}
				.sub_vision .vision_cont:after {right: 0; top: 50%; transform: translateY(calc(-50% + 0.5px));}
				.sub_vision .vision_wrap .vision_list:before {left: 50%; top: 0; transform: translateX(calc(-50% + 0.5px));}
				.sub_vision .vision_wrap .vision_list:after {left: 50%; bottom: 0; transform: translateX(calc(-50% + 0.5px));}
				
		@media only screen and (max-width:1580px) {
			.sub_vision .vision_wrap .vision_list dt {width: 185px;}
			.sub_vision .vision_wrap .vision_list dd {width: calc(100% - 185px);}
			.sub_vision .vision_wrap .center {width: 380px; height: 380px;}
			.sub_vision .vision_wrap .center span object {width: 270px;}
		}
		@media only screen and (max-width:1480px) {
			.sub_vision .vision_wrap .vision_list dl {flex-direction: column; align-items: flex-start;}
			.sub_vision .vision_wrap .vision_list dt,
			.sub_vision .vision_wrap .vision_list dd {width: 100%;}
			.sub_vision .vision_wrap .vision_list dt {margin-bottom: 30px; font-size: 210%;}
			.sub_vision .vision_wrap .vision_list dl:nth-child(-n+2) {padding-top: 5vw;}
			.sub_vision .vision_wrap .vision_list dl:nth-last-child(-n+2) {padding-bottom: 5vw;} 
			.sub_vision .vision_wrap .vision_list dl:nth-child(2n) {padding-left: 210px;} 
		}
		@media only screen and (max-width:1240px) {
			.sub_vision .vision_wrap {margin-top: 105px;}
			.sub_vision .vision_wrap .center {width: 350px; height: 350px; padding: 18px;}
			.sub_vision .vision_wrap .center span object {width: 255px;}
			.sub_vision .vision_wrap .vision_list dt {margin-bottom: 26px; font-size: 200%;}
		}
		@media only screen and (max-width:1023px) {
			.sub_vision .vision_wrap {margin-top: 90px;}
			.sub_vision .vision_wrap .center {position: relative; left: inherit; top: inherit; transform: none; width: 320px; height: 320px; padding: 16px; margin: 0 auto;}
			.sub_vision .vision_wrap .center span object {width: 240px;}
			.sub_vision .vision_wrap:before, .sub_vision .vision_wrap:after {display: none;}
			.sub_vision .vision_cont:before, .sub_vision .vision_cont:after, .sub_vision .vision_wrap .vision_list:before, .sub_vision .vision_wrap .vision_list:after {display: none;}
			.sub_vision .vision_wrap .vision_list {margin-top: 50px;}
			.sub_vision .vision_wrap .vision_list dl {padding: 40px 36px;}
			.sub_vision .vision_wrap .vision_list dl + dl {border-left: 1px solid var(--border-color01); border-top: 1px solid var(--border-color01);}
			.sub_vision .vision_wrap .vision_list dl:nth-child(2) {border-top: 0;}
			.sub_vision .vision_wrap .vision_list dl:nth-child(3) {border-left: 0;}
			.sub_vision .vision_wrap .vision_list dl:nth-child(-n+2) {padding-top: 30px;}
			.sub_vision .vision_wrap .vision_list dl:nth-last-child(-n+2) {padding-bottom: 36px;} 
			.sub_vision .vision_wrap .vision_list dl:nth-child(2n) {padding-left: 60px;}
		}
		@media only screen and (max-width:800px) {
			.sub_vision .vision_wrap {margin-top: 80px;}
			.corporate_vision .sub_bnr.wide .sub_title p br {display: none;}
		}
		@media only screen and (max-width:860px) {
			.sub_vision .vision_wrap .center {width: 300px; height: 300px;}
			.sub_vision .vision_wrap .center span object {width: 225px;}
			.sub_vision .vision_wrap .vision_list {margin-top: 50px;}
			.sub_vision .vision_wrap .vision_list dl {padding: 36px 32px;}
			.sub_vision .vision_wrap .vision_list dl:nth-child(-n+2) {padding-top: 24px;}
			.sub_vision .vision_wrap .vision_list dl:nth-last-child(-n+2) {padding-bottom: 30px;} 
			.sub_vision .vision_wrap .vision_list dl:nth-child(2n) {padding-left: 45px;}
			.sub_vision .vision_wrap .vision_list dt {font-size: 190%; margin-bottom: 22px;}
		}
		@media only screen and (max-width:640px) {
			.sub_vision .vision_wrap {margin-top: 70px;}
			.sub_vision .vision_wrap .center {width: 280px; height: 280px; padding: 14px;}
			.sub_vision .vision_wrap .center span object {width: 210px;}
			.sub_vision .vision_wrap .vision_list {grid-template-columns: repeat(1, 1fr); margin-top: 20px;}
			.sub_vision .vision_wrap .vision_list dl {padding: 30px 28px;}
			.sub_vision .vision_wrap .vision_list dl + dl {border-left: 0; border-top: 1px solid var(--border-color01);}
			.sub_vision .vision_wrap .vision_list dl:nth-child(2) {border-top: 1px solid var(--border-color01);}
			.sub_vision .vision_wrap .vision_list dl:nth-child(-n+2) {padding-top: 30px;}
			.sub_vision .vision_wrap .vision_list dl:nth-last-child(-n+2) {padding-bottom: 30px;} 
			.sub_vision .vision_wrap .vision_list dl:nth-child(2n) {padding-left: 28px;}
			.sub_vision .vision_wrap .vision_list dl:last-child {padding-bottom: 0;}
		}
		@media only screen and (max-width:479px) {
			.sub_vision .vision_wrap {margin-top: 60px;}
			.sub_vision .vision_wrap .center {width: 250px; height: 250px; padding: 12px;}
			.sub_vision .vision_wrap .center span object {width: 195px;}
			.sub_vision .vision_wrap .vision_list dl {padding: 26px 16px !important;}
			.sub_vision .vision_wrap .vision_list dl:last-child {padding-bottom: 0 !important;} 
			.sub_vision .vision_wrap .vision_list dt {margin-bottom: 18px;}
		}
		@media only screen and (max-width:360px) {
			.sub_vision .vision_wrap .center {width: 230px; height: 230px; padding: 10px;}
			.sub_vision .vision_wrap .center span object {width: 180px;}
		}
		
		
/*───────────────────────────────────────────────────────────
	 BUSINESS
───────────────────────────────────────────────────────────*/
	/*** business/semiconductor (반도체) ***/
		/* PC 일반 */


	/*** business/display (디스플레이) ***/
		/* PC 일반 */
			.sub_display {}
			.sub_display .display_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
			.sub_display .display_list dl {width: 100%; box-sizing: border-box; border: 1px solid var(--border-color01); padding: 45px 40px 43px; font-size: var(--title-20);}
			.sub_display .display_list dt {margin-bottom: 23px; font-size: 130%; font-weight: 500; color: var(--black-color02); letter-spacing: -0.03em; font-family: var(--font-type02);}
			
		@media only screen and (max-width:1480px) {
			.sub_display .display_list {gap: 40px;}
		}
		@media only screen and (max-width:1240px) {
			.sub_display .display_list {gap: 30px; grid-template-columns: repeat(2, 1fr);}
			.sub_display .display_list dl {padding: 38px 36px 42px;}
			.sub_display .display_list dt {margin-bottom: 20px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_display .display_list {gap: 24px;}
			.sub_display .display_list dl {padding: 34px 32px 38px;}
			.sub_display .display_list dt {margin-bottom: 18px;}
		}
		@media only screen and (max-width:767px) {
			.sub_display .display_list {grid-template-columns: repeat(1, 1fr);}
			.sub_display .display_list dl {padding: 32px 26px 34px;}
			.sub_display .display_list dt {margin-bottom: 16px;}
		}
		@media only screen and (max-width:479px) {
			.sub_display .display_list {gap: 20px;}
			.sub_display .display_list dl {padding: 28px 22px 32px;}
		}


	/*** business/recycling (부품 세정) ***/
		/* PC 일반 */
			.sub_recycling {}
			.sub_recycling .num_list {flex-wrap: wrap;}
			.sub_recycling .num_list li {width: calc(100% / 2 - 20px);}
				.sub_recycling .num_list li.wide {width: 100%;}
			.sub_recycling .num_list li .thumb_box {display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 20px; box-sizing: border-box; padding: 30px; border: 1px solid var(--border-color01);} 
			.sub_recycling .num_list li .thumb_box .thumb {position: relative; width: calc(100% / 2 - 60px); overflow: hidden;}
			.sub_recycling .num_list li .thumb_box .thumb img {width: 100%; object-fit: cover;}
			.sub_recycling .num_list li .thumb_box .arw {display: flex; padding-right: 3px;}
			.sub_recycling .num_list li .thumb_box .arw span {width: 7px; height: 7px; border: 2px solid var(--trans-color); border-top-color: var(--point-color01); border-right-color: var(--point-color01); transform: rotate(45deg); border-radius: 2px;}
				.sub_recycling .num_list li .thumb_box .arw span:nth-child(1) {opacity: 0.3;}
				.sub_recycling .num_list li .thumb_box .arw span:nth-child(2) {opacity: 0.5;}
			.sub_recycling .num_list li .thumb_box .arw span + span {margin-left: -3px;}
			/* before, after */
				.sub_recycling .num_list li .thumb_box .thumb:after {position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 90px; height: 34px; box-sizing: border-box; padding-top: 2px; font-size: var(--title-16); color: var(--point-white); letter-spacing: normal; line-height: 1; font-family: var(--font-type02);}
				.sub_recycling .num_list li .thumb_box .thumb.before:after {content: "BEFORE"; background: var(--black-color08);}
				.sub_recycling .num_list li .thumb_box .thumb.after:after {content: "AFTER"; background: var(--point-color01);}
				.sub_recycling .num_list li .thumb_box .thumb.after:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 4px solid var(--point-color01);}
			
		@media only screen and (max-width:1480px) {
			.sub_recycling .num_list li .thumb_box {margin-top: 18px; padding: 24px;}
			.sub_recycling .num_list li .thumb_box .thumb {width: calc(100% / 2 - 50px);}
		}
		@media only screen and (max-width:1240px) {
			.sub_recycling .num_list li {width: calc(100% / 2 - 15px);}
			.sub_recycling .num_list li .thumb_box {margin-top: 16px; padding: 20px;}
			.sub_recycling .num_list li .thumb_box .thumb {width: calc(100% / 2 - 40px);}
			.sub_recycling .num_list li .thumb_box .thumb:after {width: 80px; height: 32px;}
		}
		@media only screen and (max-width:1180px) {
			.sub_recycling .num_list li .thumb_box {margin-top: 14px;}
			.sub_recycling .num_list li .thumb_box .thumb {width: calc(100% / 2 - 30px);}
		}
		@media only screen and (max-width:1023px) {
			.sub_recycling .num_list li {width: calc(100% / 2 - 12px);}
		}
		@media only screen and (max-width:860px) {
			.sub_recycling .num_list li .thumb_box .arw span {width: 6px; height: 6px;}
			.sub_recycling .num_list li .thumb_box .thumb:after {width: 72px; height: 30px;}
		}
		@media only screen and (max-width:767px) {
			.sub_recycling .num_list li {width: calc(100% / 2 - 10px);}
			.sub_recycling .num_list li .thumb_box {margin-top: 12px; padding: 18px;}
		}
		@media only screen and (max-width:640px) {
			.sub_recycling .num_list li {width: 100%;}
			.sub_recycling .num_list li .thumb_box {margin-top: 10px; padding: 14px;}
			.sub_recycling .num_list li .thumb_box .thumb:after {width: 68px; height: 28px; padding-top: 0;}
				.sub_recycling .num_list li.wide .thumb_box {flex-direction: column; gap: 30px 0;}
				.sub_recycling .num_list li.wide .thumb_box .thumb {width: 100%;}
				.sub_recycling .num_list li.wide .thumb_box .arw {transform: rotate(90deg);}
		}
		
/*───────────────────────────────────────────────────────────
	 ESG
───────────────────────────────────────────────────────────*/
	.sub_compliance{margin-top:100px;}
	
	@media only screen and (max-width:860px) {
		.sub_compliance{margin-top:80px;}
	}
	@media only screen and (max-width:640px) {
		.sub_compliance{margin-top:60px;}
	}
	
	/*휴먼*/
	.sub_human .esg_constitution {width:1160px;margin:0 auto;padding-bottom:20px;margin-top:100px;}
	.sub_human .esg_constitution .constitution_box {width:calc(100% - 20px);position:relative;box-sizing:border-box;padding:103px 68px 60px;z-index:1;font-size:var(--title-20);}
	.sub_human .esg_constitution .constitution_box:before {content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:var(--point-white);border-radius:40px;border:1px solid var(--black-color10);box-sizing:border-box;z-index: -1;}
	.sub_human .esg_constitution .constitution_box:after {content:'';display:block;position:absolute;width:100%;height:100%;right:-20px;bottom:-20px;background:var(--point-color01);border-radius:40px;z-index: -3;}
	.sub_human .esg_constitution .constitution_box h4 {display:block;text-align:center;font-size:200%;line-height:1;font-weight:700;color:var(--black-color00);padding-bottom:70px;}
	.sub_human .esg_constitution .constitution_box .txt_list li{display: flex;flex-wrap:wrap;font-size:var(--title-22);font-weight:600;color:var(--black-color00);gap:20px;}
	.sub_human .esg_constitution .constitution_box .txt_list li + li {padding-top:40px;}
	.sub_human .esg_constitution .constitution_box .txt_list li strong,
	.sub_human .esg_constitution .constitution_box .txt_list li b{display:block;font-size:inherit;font-weight:inherit;color:inherit;}
	.sub_human .esg_constitution .constitution_box .txt_list li strong{width:calc(100% - 62px);}
	.sub_human .esg_constitution .constitution_box .txt_list li b{width:42px;color:var(--point-color01);}
		
	@media only screen and (max-width:1220px) {
			.sub_human .esg_constitution {width:100%;}
		}
		@media only screen and (max-width:1024px) {
			.sub_human .esg_constitution .constitution_box h4 {padding-bottom:65px;}
		}
		@media only screen and (max-width:860px) {
			.sub_human .esg_constitution{margin-top:80px;}
			.sub_human .esg_constitution .constitution_box {padding:70px 55px 50px;}
			.sub_human .esg_constitution .constitution_box h4 {padding-bottom:55px;}
			.sub_human .esg_constitution .constitution_box .txt_list li + li {padding-top:30px;}
		}
		@media only screen and (max-width:768px) {
			.sub_human .esg_constitution .constitution_box {padding:60px 45px 40px;}
			.sub_human .esg_constitution .constitution_box h4 {padding-bottom:45px;}
		}
		@media only screen and (max-width:640px) {
			.sub_human .esg_constitution {padding-bottom:15px;}
			.sub_human .esg_constitution .constitution_box {padding:50px 25px 30px;width:calc(100% - 15px);}
			.sub_human .esg_constitution .constitution_box:before,
			.sub_human .esg_constitution .constitution_box:after {border-radius:20px;}
			.sub_human .esg_constitution .constitution_box:after {right:-15px;bottom:-15px;}
			.sub_human .esg_constitution .constitution_box h4 {padding-bottom:35px;}
			.sub_human .esg_constitution .constitution_box .txt_list li + li {padding-top:20px;}
			.sub_human .esg_constitution .constitution_box .txt_list li{gap:10px;}
			.sub_human .esg_constitution .constitution_box .txt_list li strong{width:calc(100% - 46px);}
			.sub_human .esg_constitution .constitution_box .txt_list li b{width:36px;color:var(--point-color01);}
		}
		@media only screen and (max-width:479px) {
			.sub_human .esg_constitution{margin-top:60px;}
		}
	
	/*환경*/
	.sub_environment .sub_work{margin-top:80px;}
	.sub_environment .sub_work .work_cont.cont02 > li + li{position: absolute;top:0;margin:0;right:calc(-100% - 80px);}
	.sub_environment .sub_work .work_cont.cont02 > li + li:before{width:80px;height:1px;content:"";background:var(--border-color02);position: absolute;left:-84px;top:50%;}
	.sub_environment .sub_work .work_cont.cont02 > li + li:after{left:-11px;top:50%;transform:translateY(-50%);}
	
	@media only screen and (max-width:1100px) {
		.sub_environment .sub_work .work_wrap{align-items: flex-start;}
		.sub_environment .sub_work .work_wrap:before{left:140px;}
	}
	@media only screen and (max-width:1023px) {
		.sub_environment .sub_work .work_wrap:before{left:125px;}
		.sub_environment .sub_work .work_cont.cont02 > li + li:after{left:-10px;}
	}
	@media only screen and (max-width:860px) {
		.sub_environment .sub_work{margin-top:60px;}
		.sub_environment .sub_work .work_wrap:before{left:115px;}
		.sub_environment .sub_work .work_cont.cont02 > li + li{right:calc(-100% - 50px);}
		.sub_environment .sub_work .work_cont.cont02 > li + li:before{left:-54px;width:50px;}
	}
	@media only screen and (max-width:640px) {
		.sub_environment .sub_work .work_wrap:before{left:105px;}
		.sub_environment .sub_work .work_cont.cont02 > li + li{right:calc(-100% - 30px);}
		.sub_environment .sub_work .work_cont.cont02 > li + li:before{left:-34px;width:30px;}
	}
	@media only screen and (max-width:479px) {
		.sub_environment .sub_work{margin-top:40px;}
		.sub_environment .sub_work .work_wrap{padding:0 15px;align-items: center;}
		.sub_environment .sub_work .work_wrap:before{left:calc(50% - 0.5px);}
		.sub_environment .sub_work .work_cont.cont02 > li + li{position: static;margin-top:45px;}
		.sub_environment .sub_work .work_cont.cont02 > li + li:before{display: none;}
		.sub_environment .sub_work .work_cont.cont02 > li + li:after{top:-10px;left:50%;transform:translate(-50%);}
	}

/*───────────────────────────────────────────────────────────
	 SUBSIDIARY
───────────────────────────────────────────────────────────*/
	/*** subsidiary/chfc (충북청주프로축구단) ***/
		/* PC 일반 */
			.sub_chfc .sticky_txt {font-size: var(--title-120);}
			.sub_chfc .sticky_txt br {display: none;}
			.sub_chfc .chfc_wrap {padding-bottom: 168px;}
			.sub_chfc .chfc_wrap .chfc_logo, .sub_chfc .chfc_wrap .sub_txt {text-align: center;}
			.sub_chfc .chfc_wrap .sub_txt {margin-top: 60px;}
			.sub_chfc .chfc_wrap .sub_txt p {color: var(--black-color01); line-height: 1.77;}
			.sub_chfc .chfc_thumb {display: flex; flex-wrap: wrap; gap: 32px; margin-top: -68px;}
			.sub_chfc .chfc_thumb li {width: calc(25% - 24px);}
			.sub_chfc .chfc_thumb li img {width: 100%; object-fit: cover;height:100%;}
			.sub_chfc .chfc_thumb li:nth-child(-n+2) {width: calc(100% / 2 - 16px);}
		
		@media only screen and (max-width:1660px) {
			.sub_chfc .chfc_wrap .chfc_logo img {width: 12.05vw; min-width: 180px;}
		}
		@media only screen and (max-width:1440px) {
			.sub_chfc .chfc_wrap .chfc_logo {padding-bottom: 3.5vw;}
			.sub_chfc .chfc_wrap .sub_txt {margin-top: calc(60px - 3.5vw);} 
		}
		@media only screen and (max-width:1240px) {
			.sub_chfc .chfc_wrap {padding-bottom: 148px;}
			.sub_chfc .chfc_wrap .chfc_logo {padding-bottom: 0;}
			.sub_chfc .chfc_wrap .chfc_logo img {width: 170px; min-width: inherit;}
			.sub_chfc .chfc_wrap .sub_txt {margin-top: 50px;}
			.sub_chfc .chfc_thumb {gap: 28px; margin-top: -48px;}
			.sub_chfc .chfc_thumb li {width: calc(25% - 21px);}
			.sub_chfc .chfc_thumb li:nth-child(-n+2) {width: calc(100% / 2 - 14px);}
		}
		@media only screen and (max-width:1152px) {
			.subsidiary_chfc  #contents_box > .sub_title {padding: 0 0 calc(70px - 4.2vw) 0;}
			.sub_chfc .chfc_wrap .chfc_logo {padding-top: 4.2vw;}
		}
		@media only screen and (max-width:1023px) {
			.sub_chfc .chfc_wrap {padding-bottom: 128px;}
			.sub_chfc .chfc_wrap .chfc_logo img {width: 160px;}
			.sub_chfc .chfc_wrap .sub_txt {margin-top: 50px;}
			.sub_chfc .chfc_thumb {gap: 24px; margin-top: -28px;}
			.sub_chfc .chfc_thumb li {width: calc(100% / 4 - 18px);}
			.sub_chfc .chfc_thumb li:nth-child(-n+2) {width: calc(100% / 2 - 12px);}
		}
		@media only screen and (max-width:920px) {
			.sub_chfc .chfc_wrap .sub_txt p br.pc_br {display: none;}
		}
		@media only screen and (max-width:960px) {
			.subsidiary_chfc  #contents_box > .sub_title {padding: 0 0 calc(65px - 5vw) 0;}
			.sub_chfc .sticky_txt br {display: block;} 
			.sub_chfc .chfc_wrap .chfc_logo {padding-top: 5vw;}
		}
		@media only screen and (max-width:860px) {
			.subsidiary_chfc  #contents_box > .sub_title {padding: 0 0 calc(55px - 4vw) 0;}
			.sub_chfc .chfc_wrap .chfc_logo {padding-top: 4vw;}
			.sub_chfc .chfc_wrap .chfc_logo img {width: 150px;}
			.sub_chfc .chfc_wrap .sub_txt {margin-top: 45px;}
			.sub_chfc .chfc_thumb {gap: 20px;}
			.sub_chfc .chfc_thumb li {width: calc(100% / 4 - 15px);}
			.sub_chfc .chfc_thumb li:nth-child(-n+2) {width: calc(100% / 2 - 10px);}
		}
		@media only screen and (max-width:767px) {
			.sub_chfc .chfc_wrap .sub_txt p br {display: none;}
		}
		@media only screen and (max-width:640px) {
			.subsidiary_chfc  #contents_box > .sub_title {padding: 0 0 calc(50px - 5vw) 0;}
			.sub_chfc .chfc_wrap .chfc_logo {padding-top: 5vw;}
			.sub_chfc .chfc_wrap {padding-bottom: 108px;}
			.sub_chfc .chfc_wrap .chfc_logo img {width: 135px;}
			.sub_chfc .chfc_wrap .sub_txt {margin-top: 40px;}
			.sub_chfc .chfc_thumb {margin-top: -8px;}
			.sub_chfc .chfc_thumb li {width: 100% !important;}
		}
		@media only screen and (max-width:479px) {
			.subsidiary_chfc  #contents_box > .sub_title {padding: 0 0 calc(40px - 5.6vw) 0;}
			.sub_chfc .chfc_wrap .chfc_logo {padding-top: 5.6vw;}
			.sub_chfc .chfc_wrap {padding-bottom: 80px;}
			.sub_chfc .chfc_wrap .chfc_logo img {width: 120px;}
			.sub_chfc .chfc_wrap .sub_txt {margin-top: 35px;}
			.sub_chfc .chfc_thumb {margin-top: 0;}
		}
		@media only screen and (max-width:360px) {
			.sub_chfc .chfc_wrap .sub_txt {margin-top: 30px;}
		}
			
			
/*───────────────────────────────────────────────────────────
	TABLE
───────────────────────────────────────────────────────────*/
	/*** common ***/
		/* PC 일반 */	
			#wrap select,
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height:60px;background:var(--gray-bg03);color:var(--black-color06);font-size:var(--title-18);font-weight:500;border:0;padding:0 24px;letter-spacing: -0.03em;}
			#wrap select {background: var(--gray-bg03) url('../images/sub/ico_select_arw.svg') no-repeat center right 24px; appearance:none;}
			#wrap input[type="text"]::placeholder, #wrap input[type="password"]::placeholder, #wrap input[type="number"]::placeholder, #wrap input[type="date"]::placeholder {font-size:100%;font-weight:400;color:var(--black-color10);}
			
			#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before {width: 20px; height: 20px; margin: -2px 5px 0 0; background: url("../images/sub/ico_rdo.png") no-repeat center; background-size: cover;}
			#wrap input[type="radio"]:checked + label:before, #wrap input[type="radio"]:checked + label::before {background: url("../images/sub/ico_rdo_on.png") no-repeat center; background-size: cover;}
			
			#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before {width: 24px; height: 24px; margin: -3px 10px 0 0; background: url("../images/sub/ico_chk.png") no-repeat center; background-size: cover;}
			#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before {background: url("../images/sub/ico_chk_on.png") no-repeat center; background-size: cover;}
			
		@media screen and (max-width:1023px){
			#wrap select,
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height: 55px; padding: 0 20px;}
			#wrap select {background-position: center right 20px; background-size: 11px auto;}
			
			#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before {width: 18px; height: 18px;}
			#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before {width: 22px; height: 22px;}
		}
		@media screen and (max-width:640px){
			#wrap select,
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height: 50px;}
		}
		@media screen and (max-width:479px){
			#wrap select,
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height: 45px; padding: 0 16px;}
			#wrap select {background-position: center right 16px; background-size: 10px auto;}
		}
		
	/*** 검색 + 일반형 목록 ***/
		/* PC 일반 */	
			.board_search {line-height: inherit;margin-bottom:40px;padding: 0;text-align:right;background: none;font-size:0;width:100%;box-sizing:border-box;}
			.board_search fieldset {line-height:inherit;font-size:0;}
			.board_search .search_wrap {display: flex; justify-content: flex-end; gap:10px;}
			.board_search select {width:180px;font-size:var(--title-18);position:relative;z-index:1; margin-right: 0;}
			.board_search input.input_text {width:380px;}
			.board_search .btn_submit {width:60px;height:60px;background: var(--point-color02) url('../images/sub/ico_search.svg') no-repeat center; background-size: cover; padding:0;font-size:0;border:0;}
			
			table.bbs_list {border-top:1px solid var(--black-color00);border-bottom:1px solid var(--border-color01);width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
			table.bbs_list tr {}
			table.bbs_list tr.board_notice td {background: none;}
			table.bbs_list tr.board_notice td {padding-top:23px;padding-bottom:24px;}
			table.bbs_list tr.board_notice td.not_ico {padding-left:0;padding-right:0;}
			table.bbs_list tr.board_notice td.not_ico span {font-size:var(--title-16);font-weight:500;color:var(--point-color01);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding: 0 17px;border:1px solid var(--point-color01);width:auto;height:32px;}
			table.bbs_list tr.board_notice td .board_tit h3 {font-weight:500;}
			table.bbs_list th,
			table.bbs_list td {padding-left:12px;padding-right:12px;font-size: var(--title-18);line-height: normal;font-weight:400;color: var(--black-color07);letter-spacing:-0.04em;text-align:center;vertical-align:middle;font-family:var(--font-type02);}
			table.bbs_list th {padding-top: 23px;padding-bottom: 24px;border-bottom: 1px solid var(--border-color01);color:var(--black-color02);font-size: var(--title-20);font-weight:500;}
			table.bbs_list td {padding-top: 25px;padding-bottom: 27px;}
			table.bbs_list td .board_tit {}
			table.bbs_list td .board_tit .board_ico,
			table.bbs_list td .board_tit img,
			table.bbs_list td .board_tit h3,
			table.bbs_list td .board_tit span {display:inline-block;vertical-align:middle;}
			table.bbs_list td .board_tit img {vertical-align: middle;}
			table.bbs_list td .board_tit h3 {font-weight:400;font-size: var(--title-19);color: var(--black-color02);display: inline-block;vertical-align: middle;width: 100%;max-width: 100%;}
			table.bbs_list td .board_tit h3 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 94%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}
			table.bbs_list td.left {padding-right:0;}

			#wrap .paging {padding-top:0;line-height:normal;font-size:0;margin: 60px auto 0;box-sizing:border-box;}
			#wrap .paging span {display:inline-block;}
			#wrap .paging a {display: inline-flex;font-size: var(--title-18);color: var(--black-color08);padding:0;border:0;box-sizing:border-box;width: 40px;height: 40px;line-height:normal;min-width: auto;text-align:center;align-items: center;justify-content: center;font-family:var(--font-type02);font-weight: 300;margin: 0 5px;}
			#wrap .paging a img {height:34px;width:34px;}
			#wrap .paging .on a, #wrap .paging a.on{color: var(--point-white);background: var(--point-color01);font-weight:500;}
			#wrap .paging .arrow a {font-size:0;}
			#wrap .paging .arrow.first a {background:url("../images/sub/paging_first.png") no-repeat 50%; margin-right:5px;}
			#wrap .paging .arrow.prev a {background:url("../images/sub/paging_prev.png") no-repeat 50%; margin-right:10px;}
			#wrap .paging .arrow.next a {background:url("../images/sub/paging_next.png") no-repeat 50%; margin-left:10px;}
			#wrap .paging .arrow.last a {background:url("../images/sub/paging_last.png") no-repeat 50%; margin-left:5px;}
		
		@media only screen and (max-width:1240px) {
			.board_search {margin-bottom: 35px;}
			.board_search select {width: 160px;}
			.board_search input.input_text {width: 350px;}
			
			table.bbs_list tr.board_notice td {padding-top: 20px; padding-bottom: 21px;}
			table.bbs_list tr.board_notice td.not_ico span {height: 30px; padding: 0 14px;}
			table.bbs_list th {padding-top: 20px; padding-bottom: 21px;}
			table.bbs_list td {padding-top: 22px; padding-bottom: 24px;}
		}
		@media screen and (max-width:1023px){
			.board_search {margin-bottom: 30px;}
			.board_search select {width: 140px;}
			.board_search input.input_text {width: 320px;}
			.board_search .btn_submit {width: 55px; height: 55px;}
			
			#wrap .paging{margin-top:55px;}
			#wrap .paging a{width:30px; height:30px;}
		}
		@media screen and (max-width:860px){
			table.bbs_list tr.board_notice td {padding-top: 17px; padding-bottom: 18px;}
			table.bbs_list tr.board_notice td.not_ico span {height: 28px; padding: 0 10px;}
			table.bbs_list th {padding-top: 17px; padding-bottom: 18px;}
			table.bbs_list td {padding-top: 19px; padding-bottom: 21px;}
			table.bbs_list col:nth-child(1) {width: 11%;}
			table.bbs_list col:nth-child(4) {width: 110px;}
			table.bbs_list :where(col, th, td):nth-child(3),
			table.bbs_list :where(col, th, td):nth-child(5){display: none;}
			
			#wrap .paging{margin-top:50px;}
		}
		@media screen and (max-width:640px){
			.board_search .search_wrap {flex-direction: column; align-items: flex-start;}
			.board_search .board_search_sel {width: 100%;}
			.board_search select, .board_search input.input_text {margin-right:0;}
			.board_search select {width: 100%;}
			.board_search .inp_custom {width: 100%;}
			.board_search input.input_text {width: calc(100% - 60px);}
			.board_search .btn_submit {width: 50px; height: 50px; margin-left: 10px;}

			table.bbs_list tr.board_notice td {padding-top: 15px; padding-bottom: 16px;}
			table.bbs_list tr.board_notice td.not_ico span {height: 26px; padding: 0 8px;}
			table.bbs_list th {padding-top: 15px; padding-bottom: 16px;}
			table.bbs_list td {padding-top: 17px; padding-bottom: 19px;}
			table.bbs_list col:nth-child(1) {width: 13%;}
			table.bbs_list :where(col, th, td):nth-child(4){display: none;}
			
			#wrap .paging{margin-top:45px;}
			#wrap .paging a{width:28px; height:28px;}
		}
		@media screen and (max-width:479px){
			.board_search .board_search_sel {margin-bottom: 0;}
			.board_search select, .board_search input.input_text {margin-right: 0;}
			.board_search input.input_text {width: calc(100% - 55px);}
			.board_search .btn_submit {width: 45px; height: 45px; margin-left: 10px;}

			table.bbs_list th, table.bbs_list td {padding-left: 8px; padding-right: 8px;}
			table.bbs_list col:nth-child(1) {width: 60px;}
			
			#wrap .paging{margin-top:40px;}
			#wrap .paging a{width:26px; height:26px;}
		}
		
		
	/*** 상세 ***/
		/* PC 일반 */
			.bbs_view {border-bottom: 1px solid var(--border-color01);}
			.bbs_view div.view_tit {width:100%; box-sizing:border-box; padding: 30px 40px; border-bottom: 1px solid var(--border-color01); border-top: 1px solid var(--black-color00); background: #fff; font-size: var(--title-20); text-align: left;}
			.bbs_view div.view_tit:after {clear:both;content:"";display:block;}
			.bbs_view div.view_tit > h3 {font-size: 160%; width: 100%; color: var(--black-color02); font-weight: 500; line-height: 1.5; letter-spacing: -0.04em;}
			.bbs_view div.view_tit > p {display: block; width: 100%; padding-top: 18px; text-align: left;}
			.bbs_view div.view_tit > p span {font-size: var(--title-18); font-weight: 400; color:var(--black-color08); font-family: var(--font-type02);}
			.bbs_view div.view_tit > p span + span {}
			.bbs_view div.view_tit > p span + span:before {content:'';display:inline-block;width:1px;height:12px;background:var(--border-color01);margin:0 16px;}
			.bbs_view div.view_tit > p span em {display:inline-block;font-size:inherit;font-weight:500;color:var(--black-color07);margin-right:14px;}
			.bbs_view div.view_cont {padding:60px 40px; border: 0; font-size:var(--title-18);}
			.sub_board .bbs_view .extra_editor_wrap {display:table;table-layout:fixed;border-collapse:collapse;width:100%;background:var(--gray-bg03);border:0;}
			.sub_board .bbs_view .extra_editor_wrap > h4, 
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 24px 0;display:table-cell;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;text-align:left;border: 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width:180px;background:none;color: var(--black-color02);font-size: var(--title-20);font-weight: 500;text-align: center;position:relative;z-index:1;}
			.sub_board .bbs_view .extra_editor_wrap > h4:after {content:'';display:block;position:absolute;width:1px;height:12px;background:var(--border-color01);top:50%;right:0;transform:translateY(-50%);}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 180px);padding-left: 50px;padding-right:50px;}
			.sub_board .bbs_view .extra_editor_wrap div.img_cont {}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span {font-size: var(--title-18);font-weight:400;color: var(--black-color08) !important;vertical-align:middle;display:block;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {font-size:inherit;color:inherit !important;font-weight:inherit;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}

		@media only screen and (max-width:1240px) {
			.bbs_view div.view_tit {padding: 26px 36px 28px;}
			.bbs_view div.view_tit > h3 {font-size: 155%;}
			.bbs_view div.view_tit > p {padding-top: 16px;}
			.bbs_view div.view_cont {padding: 54px 36px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {padding-left: 44px; padding-right: 44px;}
		}
		@media screen and (max-width:1023px){
			.bbs_view div.view_tit {padding: 22px 32px 24px;}
			.bbs_view div.view_tit > h3 {font-size: 150%;}
			.bbs_view div.view_tit > p {padding-top: 14px;}
			.bbs_view div.view_cont {padding: 48px 32px;}
			.sub_board .bbs_view .extra_editor_wrap > h4,
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 22px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width: 154px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 154px); padding-left: 38px; padding-right: 38px;}
		}
		@media screen and (max-width:860px){
			.bbs_view div.view_tit {padding: 22px 28px 24px;}
			.bbs_view div.view_tit > p span em {margin-right: 10px;}
			.bbs_view div.view_tit > p span + span:before {margin: 0 14px;}
			.bbs_view div.view_cont {padding: 48px 28px;}
		}
		@media screen and (max-width:640px){
			.bbs_view div.view_tit {padding: 18px 24px 20px;}
			.bbs_view div.view_tit > p {padding-top: 12px;}
			.bbs_view div.view_tit > p span em {margin-right: 8px;}
			.bbs_view div.view_tit > p span + span:before {height: 10px; margin: 0 12px;}
			.bbs_view div.view_cont {padding: 40px 24px;}
			.sub_board .bbs_view .extra_editor_wrap > h4,
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 19px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width: 124px;}
			.sub_board .bbs_view .extra_editor_wrap > h4:after {height: 10px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 124px); padding-left: 30px; padding-right: 30px;}
		}
		@media screen and (max-width:479px){
			.bbs_view div.view_tit {padding: 18px 16px 20px;}
			.bbs_view div.view_tit > p {padding-top: 12px;}
			.bbs_view div.view_tit > p span em {margin-right: 6px;}
			.bbs_view div.view_tit > p span + span:before {margin: 0 10px;}
			.bbs_view div.view_cont {padding: 34px 16px;}
			.sub_board .bbs_view .extra_editor_wrap > h4,
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 17px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width: 104px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 104px); padding-left: 22px; padding-right: 22px;}
		}


	/*** 작성 ***/
		/* PC 일반 */
			.table_wrap {}
			.write_wrap {width: 100%; box-sizing: border-box; padding: 22px 40px 25px; border-bottom: 1px solid var(--border-color01);}
			table.bbs_write {display:block; width:100%;}
			table.bbs_write.bbs_title {border-top: 0;}
			table.bbs_write tbody {display:flex; flex-wrap:wrap; gap: 0 60px;}
			table.bbs_write tr {display: flex; width:calc(50% - 30px); padding: 15px 0;}
			table.bbs_write tr.w100 {width:100%;}
			table.bbs_write th, table.bbs_write td {display:block; min-height: 60px; padding: 0; border: 0; line-height:normal;}
			table.bbs_write th {padding-top: 15px; width: 180px; background: none; font-size: var(--title-20); font-weight: 500; letter-spacing: -0.03em;}
			table.bbs_write th.important:after {content:'*';display:inline-block;font-size:inherit;line-height:inherit;font-weight:inherit;color:var(--point-color01);margin-left:4px;}
			table.bbs_write th.pdnone {padding-top: 0;}
			table.bbs_write td {width: calc(100% - 180px); font-size: var(--title-18); color: var(--black-color06);}
				#wrap table.bbs_write select,
				#wrap table.bbs_write input[type="text"],
				#wrap table.bbs_write input[type="password"],
				#wrap table.bbs_write input[type="number"],
				#wrap table.bbs_write input[type="date"] {width: 100%;}
			
			table.bbs_write tr span, table.bbs_write tr input, table.bbs_write tr select, table.bbs_write tr textarea, table.bbs_write tr label {letter-spacing: -0.04em;}
			table.bbs_write td .rdo_wrap li {display: inline-block; margin-right: 40px; padding: 8px 0;}
			table.bbs_write td .edit-box {margin-top: 15px;}
			
			table.bbs_write .file_wrap {position:relative;}
			table.bbs_write .file_wrap #file {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; opacity:0; cursor:pointer;}
			#wrap table.bbs_write .file_wrap input[type="text"].file_name {width: calc(100% - 150px);}
			table.bbs_write .file_wrap .file_btn {position:absolute; top:0; right:0; width:140px; height:100%; font-size: var(--title-18); font-weight: 500; color: var(--point-color02); letter-spacing:-0.03em; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--point-color02); background:#fff; box-sizing:border-box;}
			
			#wrap table.bbs_write tr td input[name="captcha"], table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {vertical-align:middle !important;}
			table.bbs_write .capthca td {display:flex;}
			table.bbs_write tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;margin-right:0;margin-bottom: 0;}
			table.bbs_write tr td #captcha_box img {height:40px !important;width:auto !important;}
			table.bbs_write td .capthca_box {padding:10px;border:1px solid var(--border-color01);box-sizing:border-box;display:inline-flex;font-size:0;margin-right:10px;vertical-align:middle;}
			#wrap table.bbs_write tr td input[name="captcha"] {width:calc(100% - 260px);display:inline-block;min-width:auto;}
			table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {font-size:0;width:40px !important;height:40px;border:1px solid var(--border-color01);padding:0 !important;background:#fff url('../images/common/icon_btn_reset.gif') no-repeat center !important;margin-left:10px;}
			
			.write_wrap + .policy_cont {border:1px solid var(--border-color01);padding: 36px 40px 40px;box-sizing:border-box;margin-top:40px;}
			.write_wrap + .policy_cont > div {line-height:inherit;padding-bottom:20px;}
			.write_wrap + .policy_cont input[type="checkbox"] + label {font-size:var(--title-20);font-weight:500;color:var(--black-color02);margin:0;letter-spacing:-0.03em;}
			.write_wrap + .policy_cont input[type="checkbox"] + label strong {font-size:inherit;font-weight:inherit;color:var(--point-color01);font-weight: 600;}
			.write_wrap + .policy_cont .policy_text_box{word-break:keep-all;white-space:pre-line;padding:10px;box-sizing:border-box;height:150px;background:var(--gray-bg03);line-height:0;font-size:0}
			.write_wrap + .policy_cont .policy_text_box textarea{height:100%;overflow-y:auto;width:100%;background:none;outline:none;border:none;font-size:var(--title-17);color:var(--black-color08);font-weight:400;line-height:1.6;letter-spacing:-0.03em;padding:0;resize:none;padding:24px 30px;padding-right:10px;}
			.write_wrap + .policy_cont .policy_text_box textarea::-webkit-scrollbar{width:4px;background: var(--border-color01);border-radius:2px;}
			.write_wrap + .policy_cont .policy_text_box textarea::-webkit-scrollbar-thumb{width:4px;background:var(--point-color02);border-radius:2px;}
			
			.table_wrap .sub_txt {padding-top: 40px; text-align: center;}
			.table_wrap .sub_txt p {font-size: 100%; color: var(--black-color03);}
			
			.table_wrap .more_btn span {color: var(--point-white);}
			.table_wrap .more_btn:before{position: absolute;content:'';width: 100%;height: 100%;background: var(--point-color01);top:0;left:0;clip-path: circle(200% at 0 100%);opacity: 1;transition: all 0.8s;}
			.table_wrap .more_btn:before{clip-path: circle(200% at 0 100%);opacity: 1;}
			
	@media only screen and (max-width:1480px) {
		.write_wrap {padding: 22px 30px 25px;}
		table.bbs_write th {width: 170px;}
		table.bbs_write td {width: calc(100% - 170px);}
		
		table.bbs_write td .capthca_box {width: 230px;}
		#wrap table.bbs_write tr td input[name="captcha"] {width: calc(100% - 240px);}
	}
	@media only screen and (max-width:1380px) {
		.write_wrap {padding: 22px 26px 25px;}
		table.bbs_write tbody {gap: 0 50px;}
		table.bbs_write tr {width:calc(50% - 25px);}
		table.bbs_write th {width: 155px;}
		table.bbs_write td {width: calc(100% - 155px);}
		
		table.bbs_write td .capthca_box {width: 210px;}
		#wrap table.bbs_write tr td input[name="captcha"] {width: calc(100% - 220px);}
		
		#wrap table.bbs_write .file_wrap input[type="text"].file_name {width: calc(100% - 145px);}
		table.bbs_write .file_wrap .file_btn {width: 135px;}
	}
	@media only screen and (max-width:1240px) {
		.write_wrap {padding: 18px 22px 20px;}
		table.bbs_write tbody {gap: 0 40px;}
		table.bbs_write tr {width:calc(50% - 20px);}
		table.bbs_write th {width: 140px;}
		table.bbs_write td {width: calc(100% - 140px);}
		table.bbs_write td .rdo_wrap li {padding: 6px 0;}
		
		table.bbs_write td .capthca_box {width: 190px;}
		#wrap table.bbs_write tr td input[name="captcha"] {width: calc(100% - 180px);}
		
		#wrap table.bbs_write .file_wrap input[type="text"].file_name {width: calc(100% - 130px);}
		table.bbs_write .file_wrap .file_btn {width: 120px;}
		
		.write_wrap + .policy_cont {padding: 34px 36px 38px;}
		.write_wrap + .policy_cont .policy_text_box textarea {padding: 20px 26px;}
	}
	@media only screen and (max-width:1023px) {
		.write_wrap {padding: 16px 18px 18px;}
		table.bbs_write tr {width: 100%;}
		table.bbs_write th {width: 160px}
		table.bbs_write td {width: calc(100% - 160px);}
		table.bbs_write td .rdo_wrap li {margin-right: 34px;}
		
		table.bbs_write td .capthca_box {width: 230px;}
		#wrap table.bbs_write tr td input[name="captcha"] {width: calc(100% - 240px); height: 60px;}
		
		#wrap table.bbs_write .file_wrap input[type="text"].file_name {width: calc(100% - 170px);}
		table.bbs_write .file_wrap .file_btn {width: 160px;}
		
		.write_wrap + .policy_cont {margin-top: 30px; padding: 32px 32px 34px;}
		.write_wrap + .policy_cont > div {padding-bottom: 18px;}
		.write_wrap + .policy_cont .policy_text_box textarea {padding: 16px 22px;}
		
		.table_wrap .sub_txt {padding-top: 30px;}
	}
	@media only screen and (max-width:900px) {
		.table_wrap .sub_txt p br {display: none;}
	}
	@media only screen and (max-width:860px) {
		.write_wrap {padding: 16px 14px 18px;}
		table.bbs_write tr {padding: 12px 0;}
		
		#wrap table.bbs_write .file_wrap input[type="text"].file_name {width: calc(100% - 150px);}
		table.bbs_write .file_wrap .file_btn {width: 140px;}
		
		.write_wrap + .policy_cont {padding: 30px 28px 32px;}
		.write_wrap + .policy_cont > div {padding-bottom: 16px;}
		.write_wrap + .policy_cont .policy_text_box textarea {padding: 12px 18px;}
	}
	@media only screen and (max-width:640px) {
		.write_wrap {padding: 24px 12px 16px;}
		table.bbs_write tr {flex-direction: column; padding-top: 0; padding-bottom: 20px;}
		table.bbs_write th, table.bbs_write td {min-height: inherit;}
		table.bbs_write th {width: 100%; padding: 0 0 12px;}
		table.bbs_write td {width: 100%; padding: 0;}

		#wrap table.bbs_write .file_wrap input[type="text"].file_name {width: calc(100% - 130px);}
		table.bbs_write .file_wrap .file_btn {width: 120px;}

		.write_wrap + .policy_cont {padding: 28px 24px 30px;}
		.write_wrap + .policy_cont .policy_text_box textarea {padding: 10px 14px;}
	}
	@media only screen and (max-width:479px) {
		.write_wrap {padding: 24px 10px 16px;}
		
		table.bbs_write td .edit-box {margin-top: 12px; }
		table.bbs_write tr.capthca td {flex-direction: column;}
		table.bbs_write td .capthca_box {}
		#wrap table.bbs_write tr td input[name="captcha"] {margin-top: 10px; width: 100%; height: 45px;}
		
		#wrap table.bbs_write .file_wrap input[type="text"].file_name {width: calc(100% - 114px);}
		table.bbs_write .file_wrap .file_btn {width: 104px;}
		
		.write_wrap + .policy_cont {padding: 22px 20px 24px;}
		.write_wrap + .policy_cont > div {padding-bottom: 12px;}
		.write_wrap + .policy_cont .policy_text_box textarea {padding: 10px;}
	}