@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

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








/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

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

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
body {}/*letter-spacing:-0.2px;*/
div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
input, button, textarea, select {}
	/* webfont */
.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
	/* font weight */
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */


/*** common ***/


/*** TABLE | 서브페이지 전체 사용 ( board / member / layout ) ***/


/*** BOARD ***/


/*** GOODS ***/


/*** MEMBER ***/


/*** SERVICE ***/



/*───────────────────────────────────────────────────────────
	서브 공통
───────────────────────────────────────────────────────────*/
	div, dl, dt, dd, p, h2, h3, h4, h5 {white-space:normal;word-break:keep-all;word-wrap:break-word;}
	#wrap .sub_inr{width:1200px; margin:0 auto; box-sizing:border-box;}

	/* 서브 비주얼 */
		.sub_visual{width:100%; height:400px; display:flex; align-items:center; justify-content:center; text-align:center; background-position: center center; background-size:cover; position:relative; z-index:5;}
		.sub_visual .txt_wrap{padding-top: 107px;}
		.sub_visual .txt_wrap h4{font-size:56px;font-weight: 500; color:#fff; text-transform:uppercase;letter-spacing: -0.026em;font-family: 'Poppins','Pretendard',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}

	/* 서브 메뉴 */
		#wrap .sub_bbs_wrap{width:100%; background:#0078c4; position:relative; z-index:5;}
		#wrap .sub_bbs_wrap .sub_menu{padding:0;}
		#wrap .sub_bbs_wrap .sub_menu dl{display:flex; justify-content:space-between;height: 70px;}
		#wrap .sub_bbs_wrap .sub_menu dl dt{display:none;}
		#wrap .sub_bbs_wrap .sub_menu dl dd{position:relative;width: 100%; text-align: center;}
		#wrap .sub_bbs_wrap .sub_menu dl dd + dd:before{position:absolute; content:''; width:1px; height:16px; background:rgba(255,255,255,0.3); top:50%; transform:translateY(-50%); left:0;}
		#wrap .sub_bbs_wrap .sub_menu dl dd.on:before, #wrap .sub_bbs_wrap .sub_menu dl dd.on + dd:before{display:none;}
		#wrap .sub_bbs_wrap .sub_menu dl dd a{font-size:20px;font-weight: 300; color:#fff;display: flex;align-items: center;justify-content: center;height: 100%;letter-spacing: -0.05em;}
		#wrap .sub_bbs_wrap .sub_menu dl dd a:hover, #wrap .sub_bbs_wrap .sub_menu dl dd.on a{background:#fff; color:#0078c4; font-weight:400;}
			#wrap .sub_bbs_wrap .sub_menu.w_300 dl{justify-content:center;}
			#wrap .sub_bbs_wrap .sub_menu.w_300 dl dd{width:300px;}

	/* 모바일 */
		.sub_location_menu {display:none;position:relative;}
		.sub_location_menu .menu_list {display:flex;align-items: center;}
		.sub_location_menu .menu_list dl {font-size:0;vertical-align:top;box-sizing:border-box;text-align:left;width: 100%;}
		.sub_location_menu .menu_list dd {position:relative;display: inline-flex;vertical-align:top;height: 50px;line-height: 125%;box-sizing:border-box;text-align:center;font-weight:400;font-size: 16px;color: #333;flex-wrap: wrap;align-items: center;padding: 0 15px 0; z-index:5;width: 100%;}
		.sub_location_menu .menu_list dt {display:none;}
		.sub_location_menu .menu_list dd {background: url('../images/sub/sub_location_arr.png') no-repeat calc(100% - 15px) 50%;text-align: left; cursor:pointer; margin-left:-1px;}
		.sub_location_menu .menu_list dd.on{background:url('../images/sub/sub_location_arr_on.png') no-repeat calc(100% - 15px) 50%;}
		.sub_location_menu .menu_list dd strong {display:inline-block;font-weight: 400;color: #fff;position:relative;z-index:1;width: 100%;box-sizing: border-box;}
		.sub_location_menu .menu_list ul{display: none; position: absolute;top: 100%;left: 1px;width: 100%;text-align: left;padding: 10px 15px; background:#fff; border:1px solid #ddd; border-top:0; box-sizing:border-box;z-index: 5;}
		.sub_location_menu .menu_list ul li{}
		.sub_location_menu .menu_list ul li a{font-size:15px; font-weight:500; color:#333;padding: 5px 0;display: block;}
		.sub_location_menu .menu_list ul li.on a{color:#0078c4;}

	/* 셀렉트 */
		#wrap select{font-size:18px; font-weight:400; color:#666; height:50px; line-height:48px; border:1px solid #ddd; border-radius:10px;padding:0 35px 0 18px; appearance: none; background:#fff url('../images/sub/select_arrow.png') no-repeat calc(100% - 18px) 50%;}

	/*인풋*/
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap input[type="date"]{height:50px; line-height:48px; border:1px solid #ddd; border-radius:10px; padding:0 18px; background:#fff; color:#333;}
		#wrap input[type="text"]:focus, #wrap input[type="password"]:focus, #wrap input[type="number"]:focus, #wrap input[type="date"]:focus{border:1px solid #000;}

	/* 체크박스 */
		#wrap input[type="checkbox"] { display:none; }
		#wrap input[type="checkbox"] + label {cursor:pointer; font-size:16px; font-weight:400; color:#666; letter-spacing:-0.043em;}
		#wrap input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width:25px; height:25px;margin: -5px 10px 0 0; vertical-align:middle; background:url("../images/sub/icon_chk.png") no-repeat 0 50%; cursor:pointer;}
		#wrap input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("../images/sub/icon_chk_on.png") no-repeat 0 50%; }

	/* 텍스트아레아 */
		#wrap textarea{font-size:15px; font-weight:400; color:#666; letter-spacing:-0.046em; border:1px solid #ddd; border-radius:5px;padding: 21px 30px;line-height: 175%;}

	/* 서브 타이틀 */
		.sub_tit{}
		.sub_tit h4{font-size:36px; font-weight:500; color:#333;letter-spacing: -0.05em;}
		.sub_tit h4 strong{font-size:inherit; font-weight:inherit; color:#0078c4;}
		.sub_tit h5{font-size:34px; font-weight:500;color: #333;text-align: center;letter-spacing: -0.03em;}
		.sub_tit h6{font-size:30px; font-weight:500;color: #333;text-align: center;letter-spacing: -0.04em; font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
		.sub_tit p{font-size:20px; font-weight:400; color:#666;letter-spacing: -0.03em;margin-top: 33px;line-height: 180%;}
	
	/* 불릿 리스트 */
		.bullet_list{}
		.bullet_list > li{position:relative; font-size:18px; font-weight:300; color:#333; letter-spacing:-0.015em;padding-left: 10px;}
		.bullet_list > li + li{margin-top: 19px;}
		.bullet_list > li:before{position:absolute; content:''; width:3px; height:3px; border-radius:100%; background:#333; top:13px; left:0;}

	/* 체크 리스트 */
		.chk_list{}
		.chk_list > li{position:relative; font-size:20px; font-weight:500; color:#333; letter-spacing:-0.03em; padding-left:30px;}
		.chk_list > li:before{position:absolute; content:''; width:16px; height:14px; background:url('../images/sub/icon_chk_list.png') no-repeat center; top:8px; left:0;}

	/* 박스 리스트 */
		.box_list{display:flex;align-items: stretch;margin-top: 33px;justify-content: space-between;}
		.box_list > li{position:relative; box-shadow: 5px 9px 24px rgba(0,0,0,0.1); border:1px solid #ddd; border-radius:10px;padding:40px 30px;/* width: 100%; */box-sizing: border-box; background:#fff;}
		.box_list.line_3 > li{width:calc(100% / 3 - 27.34px); /*margin-right:41px;*/}
		.box_list.line_3 > li + li{margin-left:41px;}
		/*.box_list.line_3 > li:nth-child(3n){margin-right:0;}*/
		.box_list.line_4{justify-content:center;}
		.box_list.line_4 > li{width:calc(100% / 4 - 23.25px); /*margin-right:31px;*/}
		.box_list.line_4 > li + li{margin-left:31px;}
		/*.box_list.line_4 > li:nth-child(4n){margin-right:0;}*/
		.box_list > li dl{text-align:center;}
		.box_list > li dl dt{font-size:26px; font-weight:500; color:#333; letter-spacing:-0.02em;}
		.box_list > li dl dt + dd{margin-top: 23px;}
		.box_list > li dl dd{font-size:16px; font-weight:300; color:#666; letter-spacing:-0.01em;line-height: 152%;}
		.box_list > li dl dd + dd{margin-top: 10px;}
		.box_list > li dl dd strong{font-size:18px; font-weight:400; color:#333; line-height:167%;}

	@media only screen and (max-width:1217px) {
		#wrap .sub_inr{width:100%; padding-left:15px; padding-right:15px;}
		#wrap .sub_bbs_wrap .sub_menu dl dd a{font-size:19px;}
		
		.bullet_list > li{font-size:17px;}
		.bullet_list > li + li{margin-top: 10px;}

		.box_list > li dl dd strong{font-size:17px;}
	}
	@media only screen and (max-width:1023px) {
		.sub_visual{height: 39vw; min-height:230px;}
		.sub_visual .txt_wrap{padding-top:10vw;}
		.sub_visual .txt_wrap h4{font-size: 5.5vw;}

		#wrap .sub_bbs_wrap .sub_menu dl{height:60px;}
		#wrap .sub_bbs_wrap .sub_menu dl dd a{font-size:18px;}

		.sub_tit h4{font-size:3.5vw;}
		.sub_tit h5{font-size:3.3vw;}
		.sub_tit h6{font-size:2.95vw;}
		.sub_tit p{font-size:18px; margin-top:25px;}
		.sub_tit p br{display:none;}

		.box_list{margin-top:30px;}
		.box_list > li dl dt{font-size:2.5vw;}
		.box_list > li dl dd{font-size:15px;}
		.box_list > li dl dd br{display:none;}

		.chk_list > li{font-size:19px;}

		.box_list > li dl dd strong{font-size:16px;}
	}
	@media only screen and (max-width:975px) {
		.box_list.line_3 > li{/*margin-right:20px;*/ width:calc(100% / 3 - 13.34px);}
		.box_list.line_3 > li + li{margin-left:20px;}
		.box_list.line_4 > li{/*margin-right:20px;*/ width:calc(100% / 4 - 15px);}
		.box_list.line_4 > li + li{margin-left:20px;}
		.chk_list > li{font-size:18px;}
	}
	@media only screen and (max-width:860px) {
		#wrap .sub_bbs_wrap .sub_menu dl{height:55px;}
		#wrap .sub_bbs_wrap .sub_menu dl dd a{font-size:17px;}

		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap input[type="date"], #wrap select{height:46px; line-height:44px; font-size:17px;}

		.sub_tit p{font-size:16px; margin-top:15px;}

		.bullet_list > li{font-size:16px;}
		.bullet_list > li:before{top:11px;}

		.box_list > li dl dt + dd{margin-top:15px;}

		.chk_list > li{font-size:17px;padding-left: 23px;}
		.chk_list > li:before{width:14px; height:12px; background-size:100%;}
	}
	@media only screen and (max-width:767px) {
		.box_list.line_3 > li{/*margin-right:15px;*/ width:calc(100% / 3 - 10px);}
		.box_list.line_3 > li + li{margin-left:15px;}
		.box_list.line_4 > li{/*margin-right:15px;*/ width:calc(100% / 4 - 11.25px);}
		.box_list.line_4 > li + li{margin-left:15px;}
		
		.box_list > li dl dt{font-size:18px;}
		.box_list > li dl dd{font-size:14px;}
		.box_list > li dl dd strong{font-size:15px;}

		.sub_tit h6{font-size:20px;}
	}
	@media only screen and (max-width:640px) {
		#wrap .sub_bbs_wrap .sub_menu{display:none;}
		.sub_location_menu{display:block;}

		#wrap textarea{font-size:14px; padding:14px 20px;}

		#wrap input[type="checkbox"] + label{font-size:15px;}

		.sub_tit h4{font-size:22px;}
		.sub_tit h5{font-size:21px;}
		.sub_tit p{font-size:15px;}

		.bullet_list > li{font-size:15px;}
		.bullet_list > li:before{top:10px;}

		.box_list{margin-top:20px;}
		.box_list > li{padding:25px 30px;}
		.box_list > li dl dd br{display:block;}
		.box_list > li dl dd + dd{margin-top:5px;}
		.box_list > li dl dd .cs_br {display:none;}
		.box_list > li dl dd .cs_br + br {display:inline-block;}

		.box_list.line_3{flex-wrap:wrap; justify-content:flex-start;}
		.box_list.line_3 > li{width:calc(100% / 2 - 7.5px); margin-right:15px;}
		.box_list.line_3 > li + li{margin-left:0;}
		.box_list.line_3 > li:nth-child(even){margin-right:0;}
		.box_list.line_3 > li:nth-child(n+3){margin-top:15px;}

		.box_list.line_4{flex-wrap:wrap; justify-content:flex-start; }
		.box_list.line_4 > li{width:calc(100% / 2 - 7.5px); margin-right:15px;}
		.box_list.line_4 > li + li{margin-left:0;}
		.box_list.line_4 > li:nth-child(even){margin-right:0;}
		.box_list.line_4 > li:nth-child(n+3){margin-top:15px;}
	}
	@media only screen and (max-width:479px) {
		.sub_visual{min-height:210px;}
		.sub_visual .txt_wrap{padding-top:50px;}
		.sub_visual .txt_wrap h4{font-size: 24px;}

		.sub_tit h6{font-size:19px;}

		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap input[type="date"], #wrap select{height:40px; line-height:38px; font-size:16px; padding:0 15px; border-radius:6px;}
		#wrap select{padding:0 35px 0 15px; background:#fff url('../images/sub/select_arrow.png') no-repeat calc(100% - 15px) 50%;}
		#wrap textarea{font-size:13px; padding:10px 15px; line-height:150%;}
		#wrap input[type="checkbox"] + label{font-size:14px;}

		.sub_tit h4{font-size:19px;}
		.sub_tit p{font-size:14px;}

		.box_list{margin-top:15px;}
		.box_list.line_3 > li{width:100%; margin-right:0 !important;}
		.box_list.line_3 > li:nth-child(n+2){margin-top:15px;}

		.box_list.line_4 > li{width:100%; margin-right:0 !important;}
		.box_list.line_4 > li:nth-child(n+2){margin-top:15px;}

		.chk_list > li{font-size:16px;}
	}
	@media only screen and (max-width:414px) {
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap input[type="date"], #wrap select{font-size:15px;}

		.sub_location_menu .menu_list dd{font-size:15px; height:45px;}
		.sub_location_menu .menu_list ul li a{font-size:14px;}
	}
	@media only screen and (max-width:360px) {
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap input[type="date"], #wrap select{font-size:14px; height:36px; line-height:34px;}

		.sub_tit h4{font-size:16px;}
		.sub_tit p{font-size:13px;}
	}
	@media only screen and (max-width:320px) {
		#wrap .sub_inr{padding-left:10px; padding-right:10px;}
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap input[type="date"]{padding:0 15px;}
		#wrap select{padding:0 30px 0 15px; background:#fff url('../images/sub/select_arrow.png') no-repeat calc(100% - 10px) 50%;}
	}
/*───────────────────────────────────────────────────────────
	
	** navigation, button 관련 css 영역

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



/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	.nav_wrap {}
	.nav_wrap .nav_box {padding: 9.8% 15px 6.5% 15px;border:0;margin:0;position:relative;z-index:1; text-align:center; box-sizing:border-box;}
	.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
	.nav_wrap .nav_box h2 {position:relative;font-size: 50px;line-height: 1;padding:0;margin:0;text-align:center;color:#333;font-weight: 600;z-index:1;letter-spacing: -0.01em; display:inline-block; font-family: 'Poppins','Pretendard',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
	.nav_wrap .nav_box h2:after{position:absolute; content:''; width:8px; height:8px; border-radius:100%; background:#ff9500;bottom: 3px;right: -27px;}
	.nav_wrap .nav_box p {font-size:18px;line-height: 167%;padding: 1.45vw 0 0 0;color:#666;font-weight:400;text-align:center;letter-spacing: -0.02em;}
	.nav_wrap .nav_box ul {line-height:18px;top:20%;position:absolute;left:0;font-size:0;padding:0;z-index:5;display:block;}
	.nav_wrap .nav_box ul li {line-height:18px;height:18px;font-size:8px;text-align:left;vertical-align:top;padding:0;color:#aaa;display:inline-block;}
	.nav_wrap .nav_box ul li + li {padding-left:5px;}
	.nav_wrap .nav_box ul li span,
	.nav_wrap .nav_box ul li strong,
	.nav_wrap .nav_box ul li > a {line-height:18px;height:18px;padding:0 4px 0px 0;font-size:12px;display:inline-block;width:auto;color:#666;vertical-align:top;margin:0;box-sizing:border-box;}
	.nav_wrap .nav_box ul li a.home {padding-left:0px;font-size:12px;color:#666666;}
	.nav_wrap .nav_box ul li a.home:before {width:11px;height:11px;margin:0 5px 2px 0;content:"";display:inline-block;background:url("../images/common/sub_locate_home.png") no-repeat left center #333333;background-size:auto 13px;vertical-align:middle;}
	.nav_wrap .nav_box ul li:last-child a,
	.nav_wrap .nav_box ul li:last-child span,
	.nav_wrap .nav_box ul li:last-child strong {color:#444;font-weight:700;padding-right:0;}


	.nav_wrap .nav_box ul li .navi_select {min-width:150px;border: 1px solid #999;cursor: pointer;margin-top: -3px;position:relative;box-sizing: border-box;}
	.nav_wrap .nav_box ul li .navi_select .navi_tit {padding: 2px 10px;line-height: 18px;height: auto;display: block;}
	.nav_wrap .nav_box ul li .navi_select .navi_tit:after {content:"";display:inline-block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #999;position:absolute;right: 10px;top: 9px;transition:all .2s;}
	.nav_wrap .nav_box ul li .navi_select ul {display:none;position:absolute;left: -1px;top: 100%;width:150px;background:#fff;padding:6px 0 6px 0;border: 1px solid #888;box-sizing: border-box;}
	.nav_wrap .nav_box ul li .navi_select ul li {display: block;line-height: 1;height: auto;font-size: 12px;padding: 0;}
	.nav_wrap .nav_box ul li .navi_select ul li a {display:block;padding:5px 10px;font-size: 12px;line-height: 1;height: auto;transition:all .2s;}
	.nav_wrap .nav_box ul li .navi_select ul li a:hover {background:#999;color:#fff;}

	.nav_wrap .nav_box ul li .navi_select:hover .navi_tit:after {transform: rotate(180deg);}
	.nav_wrap .nav_box ul li .navi_select:hover ul {display:block;}



	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1023px) {
		.nav_wrap .nav_box h2 {font-size:36px;}
		.nav_wrap .nav_box h2:after{right:-20px;}
		.nav_wrap .nav_box p{font-size:17px;}
		.nav_wrap .nav_box ul {display:none;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box h2 {font-size:28px;}
		.nav_wrap .nav_box h2:after{width:6px; height:6px; right:-15px;}
		.nav_wrap .nav_box p{font-size:16px; padding-top:10px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box h2 {font-size:24px;}
		.nav_wrap .nav_box p{font-size:15px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box {/*margin-left:-12px;margin-right:-12px;width: calc(100% + 24px);*/}
		.nav_wrap .nav_box h2 {margin-left: -12px;margin-right: -12px;font-size:20px;}
		.nav_wrap .nav_box h2:after{width:5px; height:5px;}
		.nav_wrap .nav_box p{font-size:14px;}
	}
	@media only screen and (max-width:414px) {
		.nav_wrap .nav_box p br{display:none;}
	}
	@media only screen and (max-width:360px) {
		.nav_wrap .nav_box h2{font-size:18px;}
		.nav_wrap .nav_box h2:after{width:4px; height:4px; right:-10px; bottom:3px;}
	}


/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/* custom button type */
		/* button 공통 요소 */
	.btn, .btn_lg, .btn_sm, .btn_md {font-weight:400;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; border-radius:10px;}
		/* button 크기별 */
	#wrap .btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
	#wrap .btn {width:160px;height:60px;line-height:58px;font-size:18px; border-radius:30px;}
	#wrap .btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
	#wrap .btn_md {width:90px;line-height:48px;height:50px;font-size:18px;}
	.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:#ff9500 !important;background-color:#ff9500 !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:#333 !important;background-color:#333 !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:#333 !important; background-color:#333 !important; padding:0 24px !important;color:#fff !important;}
		/* button wrapper */
	.btn_wrap {margin:0 auto;padding:0;padding-top:5%;font-size:0;vertical-align:top;display:inline-block;}
	.btn_wrap.ta_center {width:100%;}
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:12px;vertical-align:top;}
	.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
	.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:3.8%;}
	}
	@media only screen and (max-width:1023px) {
		#wrap .btn{width:150px;}
			/* button wrapper */
		.btn_wrap {padding-top:4.2%;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
		
	}
	@media only screen and (max-width:860px) {
		#wrap .btn{width:140px; height:55px; line-height:53px; font-size:17px;}
	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.2%;}

		#wrap .btn_md{height:46px; line-height:44px; font-size:17px;}
	}
	@media only screen and (max-width:640px) {
		#wrap .btn{width:120px; height:50px; line-height:48px; font-size:16px;}
		#wrap .btn_wrap.ta_right .btn{width:145px;}
			/* button wrapper */
		.btn_wrap {padding-top:5.8%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:8px;}
	}
	@media only screen and (max-width:479px) {
		.btn, .btn_lg, .btn_sm, .btn_md{border-radius:6px;}
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		#wrap .btn{width:100px; height:40px; line-height:38px; font-size:15px;}
		.btn_lg {width:72px;font-size:13px;}
		#wrap .btn_md {width:60px; height:40px; line-height:38px; font-size:16px; }
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:360px) {
			/* button 크기별 */
		#wrap .btn{width:90px; height:36px; line-height:34px; font-size:14px;}
		.btn_md {width:44px;font-size:12px; height:36px; line-height:34px;}
	}





/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/

	/*** company/index (회사소개) ***/
	.sub_about {}
	.sub_about div,
	.sub_about p, 
	.sub_about ul, 
	.sub_about li, 
	.sub_about strong, 
	.sub_about span {transition:all 0.3s;white-space:normal;word-break:keep-all;word-wrap:break-word;}
	.sub_about_img {height:0;padding:0 0 30% 0;background:url('../images/skin/sub_about.jpg') no-repeat center center;background-size:cover;position:relative;z-index:1;}
	.sub_about_txt {margin:4% 0 0 0;text-align:center;padding:0;}
	.sub_about_txt p {padding:0 7%;white-space:pre-line;}
	.sub_about_txt .txt01 {position:relative;font-size:35px;color:#222;padding:2.4% 0 1.2% 0;}
	.sub_about_txt .txt01::before {top:0;width:50px;height:2px;transform:translateX(-50%);position:absolute;left:50%;content:"";display:block;background:#222;}
	.sub_about_txt .txt02 {font-size:18px;color:#333;font-weight:700;padding-bottom:2.4%;}
	.sub_about_txt .txt03 {font-size:15px;color:#777;line-height:26px; padding-bottom:4%;}
	.sub_about_btn {margin:5.6% auto 7.6%;text-align:Center; display:none;}
	.sub_about_btn ul {display:inline-block;text-align:center;margin:0 auto;vertical-align:top;font-size:0;}
	.sub_about_btn ul li {width:150px;height:52px;margin:0 6px;display:inline-block;vertical-align:top;}
	.sub_about_btn ul li.gray {background:#888;border-color:#888;}
	.sub_about_btn ul li.orange {background:#222222;}
	.sub_about_btn ul li a {height:52px;line-height:52px;font-size:14px;color:#fff;font-weight:400;text-align:left;text-indent:35px;background:url("../images/skin/icon_about_arrow.png") no-repeat 100px center;display:block;width:100%;}
	.sub_about_list {border:1px solid #ccc;vertical-align:top;}
	.sub_about_list li {float:left;width:25%;height:auto;box-sizing:border-box;position:relative;text-align:center;font-size:0px;vertical-align:top;}
	.sub_about_list li + li {border-left:1px solid #ccc;}
	.sub_about_list li:after,
	.sub_about_list li:before,
	.sub_about_list li p {display:block;z-index:1;text-align:Center;margin:0;padding:0;vertical-align:top;}
	.sub_about_list li:after,
	.sub_about_list li:before {transition:all 0.3s;left:50%;transform:translateX(-50%);position:absolute;}
	.sub_about_list li:after {top:10%;content:'';width:100%;padding:0 0 30% 0;z-index:5;}
	.sub_about_list li:before {top:12%;content:"";width:50%;padding:0 0 26% 0;z-index:1;}
	.sub_about_list li p {padding-top:40%;padding-bottom:12%;padding-left:3%;padding-right:3%;width:100%;z-index:10;box-sizing:border-box;}
	.sub_about_list li p strong,
	.sub_about_list li p span {display:inline-block;width:100%;margin:0;padding:0;vertical-align:top;text-align:center;line-height:22px;font-size:14px;color:#777;}
	.sub_about_list li p strong {line-height:32px;font-size:20px;color:#333;font-weight:700;padding-bottom:2%;}
	.sub_about_list li p span.for_m {display:none;}
	.sub_about_list li.li01:after {background:url("../images/skin/icon_about01.png") no-repeat 50% 50%;background-size:auto 70%;}
	.sub_about_list li.li02:after {background:url("../images/skin/icon_about02.png") no-repeat 50% 50%;background-size:auto 70%;}
	.sub_about_list li.li03:after {background:url("../images/skin/icon_about03.png") no-repeat 50% 50%;background-size:auto 70%;}
	.sub_about_list li.li04:after {background:url("../images/skin/icon_about04.png") no-repeat 50% 50%;background-size:auto 70%;}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1023px) {
		.sub_about_txt {margin:5.6% 0 0 0;}
		.sub_about_txt p {padding:0 4%;}
		.sub_about_txt .txt01 {font-size:32px;padding:3.6% 0 2% 0;}
		.sub_about_txt .txt01::before {width:50px;height:2px;}
		.sub_about_txt .txt02 {font-size:18px;padding-bottom:3.6%;}
		.sub_about_txt .txt03 {font-size:15px;line-height:28px;}
		.sub_about_btn {margin:6.8% auto 9.2%;}
		.sub_about_list li {width:50%;}
		.sub_about_list li + li + li {border-top:1px #ccc solid;}
		.sub_about_list li:nth-of-type(3) {border-left:0;clear:both;float:left;}
		.sub_about_list li:after {top:8%;width:100%;padding:0 0 26% 0;}
		.sub_about_list li:before {top:10%;width:50%;padding:0 0 22% 0;}
		.sub_about_list li p {padding-top:32%;padding-bottom:8%;}
		.sub_about_list li p strong {line-height:32px;font-size:18px;}
		.sub_about_list li p span {line-height:20px;font-size:13px;}
	}
	@media only screen and (max-width:860px) {
		.sub_about_img {padding:0 0 38% 0;}
		.sub_about_txt {margin:6.8% 0 0 0;}
		.sub_about_txt p {padding:0 5%;}
		.sub_about_txt .txt01 {font-size:30px;line-height:34px;letter-spacing:-0.033em;padding-top:4.8%;}
		.sub_about_txt .txt01::before {width:50px;height:2px;}
		.sub_about_txt .txt02 {padding-bottom:3%;}
		.sub_about_btn {margin:7.2% auto 10.2%;}
		.sub_about_btn ul li {width:150px;height:52px;margin:0 6px;}
		.sub_about_btn ul li a {height:52px;line-height:52px;font-size:14px;text-indent:35px;background:url("../images/skin/icon_about_arrow.png") no-repeat 100px center;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		.sub_about_img {padding:0 0 50% 0;background-size:cover;position:relative;z-index:1;}
		.sub_about_txt p {padding:0;}
		.sub_about_txt .txt01 {font-size:26px;line-height:32px;letter-spacing:-0.038em;}
		.sub_about_txt .txt01::before {width:50px;}
		.sub_about_txt .txt02 {font-size:18px;padding-top:1.6%;}
		.sub_about_txt .txt03 {font-size:15px;line-height:26px;padding-bottom:6%;}
		.sub_about_btn ul li {width:132px;height:46px;margin:0 4px;}
		.sub_about_btn ul li a {height:46px;line-height:46px;font-size:13px;}
		.sub_about_list li:after {top:8%;padding:0 0 30% 0;}
		.sub_about_list li:before {top:10%;padding:0 0 26% 0;}
		.sub_about_list li p {padding-top:38%;padding-bottom:8%;}
		.sub_about_list li p strong {line-height:30px;font-size:17px;}
		.sub_about_list li p span {line-height:22px;font-size:14px;}
	}
	@media only screen and (max-width:479px) {
		.sub_about_txt {margin:7.2% 0 0 0;}
		.sub_about_txt .txt02 {padding-top:2.4%;}
		.sub_about_btn {margin:8.4% auto 12.0%;}
		.sub_about_btn ul li {width:132px;height:40px;margin:0 4px;}
		.sub_about_btn ul li a {height:40px;line-height:40px;font-size:13px;}
		.sub_about_list li:after {top:8%;padding:0 0 36% 0;}
		.sub_about_list li:before {top:10%;padding:0 0 32% 0;}
		.sub_about_list li p {padding-top:42%;padding-bottom:8%;}
		.sub_about_list li p span {display:none;}
		.sub_about_list li p span.for_m {display:inline-block;}
	}



	/*** company/location (오시는길) ***/
	.sub_location {}
	.sub_location div, .sub_location ul, .sub_location li, .sub_location dl, .sub_location dt, .sub_location dd, .sub_location p, .sub_location span {transition:all 0.3s;}
	.sub_location_map {position:relative;border:1px solid #ccc;height:0;padding:0 0 46% 0;}
	.sub_location_map .map_box {position:absolute;left:0;top:0;width:100%;height:100%;}
	.sub_location_map iframe {float:none; width:100%; box-sizing:border-box;}
	.sub_location_info {margin:1.6% 0 0;padding:2.8% 3.2%;border:1px solid #ccc;box-sizing:border-box;}
	.sub_location_info:after {clear:both; content:""; display:block;}
	.sub_location_info dl {float:left;box-sizing:border-box;width:50%;padding-right:3.2%;}
	.sub_location_info dl + dl {border-left:1px dashed #ccc;padding-left:3.2%;padding-right:0;}
	.sub_location_info dt {font-size:20px;padding:0 0 4.8%;color:#222;font-weight:700;}
	.sub_location_info dd {text-align:left;}
	.sub_location_info dd ul {}
	.sub_location_info dd ul li {line-height:23px;padding-left:32px;position:relative;vertical-align:top;}
	.sub_location_info dd ul li + li {margin-top:2%;}
	.sub_location_info dd ul li:before {transition:all 0.3s;width:22px;height:23px;display:block;position:absolute;left:0;top:0;content:'';}
	.sub_location_info dd ul li:after {clear:both;content:"";display:block;}
	.sub_location_info dd ul li.map1:before {background:#222 url("../images/skin/icon_map01.png") no-repeat 50% 50%;background-size:cover;}
	.sub_location_info dd ul li.map2:before {background:#222 url("../images/skin/icon_map02.png") no-repeat 50% 50%;background-size:cover;}
	.sub_location_info dd ul li.map3:before {background:#222 url("../images/skin/icon_map03.png") no-repeat 50% 50%;background-size:cover;}
	.sub_location_info dd ul li.map4:before {background:#222 url("../images/skin/icon_map04.png") no-repeat 50% 50%;background-size:cover;}
	.sub_location_info dd ul li.map5:before {background:#222 url("../images/skin/icon_map05.png") no-repeat 50% 50%;background-size:cover;}
	.sub_location_info dd ul li span,
	.sub_location_info dd ul li p {font-size:13px;min-height:23px;line-height:23px;font-weight:400;display:inline-block;vertical-align:top;box-sizing:border-box;}
	.sub_location_info dd ul li span {color:#333;padding-right:4px;font-weight:700;}
	.sub_location_info dd ul li p {color:#777;word-break:keep-all;}
	.sub_location_info dd ul li.map1 p {width:89%;}
	.sub_location_info dd ul li.map3 p,
	.sub_location_info dd ul li.map4 p,
	.sub_location_info dd ul li.map5 p {width:85%;}
	.sub_location_info dd ul li.map2 p {width:81%;}

	@media only screen and (max-width:1200px) {
		.sub_location_map {padding:0 0 44% 0;}
	}
	@media only screen and (max-width:1023px) {
		.sub_location_map {padding:0 0 42% 0;}
	}
	@media only screen and (max-width:860px) {
		.sub_location_map {padding:0 0 42% 0;}
		.sub_location_info {margin:2.4% 0 0;padding:2.4%;}
		.sub_location_info dl {width:50%;padding-right:2.4%;}
		.sub_location_info dl + dl {padding-left:2.4%;}
		.sub_location_info dt {font-size:17px;padding:0 0 3.6%;}
		.sub_location_info dd ul li {line-height:21px;padding-left:28px;}
		.sub_location_info dd ul li:before {width:20px;height:21px;}
		.sub_location_info dd ul li span,
		.sub_location_info dd ul li p {font-size:12px;min-height:21px;line-height:21px;}
	}
	@media only screen and (max-width:767px) {
		.sub_location_map {padding:0 0 42% 0;}
		.sub_location_info {margin:2.4% 0 0;padding:2.8%;}
		.sub_location_info dl {width:100%;padding-right:0%;}
		.sub_location_info dl + dl {padding-left:0%;border-left:0;padding-top:2.4%;margin-top:2.4%;border-top:1px dashed #ccc;}
		.sub_location_info dt {font-size:17px;padding:0 0 2.4%;}
	}
	@media only screen and (max-width:640px) {
		.sub_location_map {padding:0 0 48% 0;}
	}
	@media only screen and (max-width:479px) {
		.sub_location_map {padding:0 0 62% 0;}
		.sub_location_info {margin:3.6% 0 0;padding:3.6%;}
		.sub_location_info dl {width:100%;padding-right:0%;}
		.sub_location_info dl + dl {padding-left:0%;border-left:0;padding-top:3.6%;margin-top:3.6%;border-top:1px dashed #ccc;}
		.sub_location_info dt {font-size:16px;padding:0 0 3.6%;}
	}
	@media only screen and (max-width:320px) {
		.sub_location_info dd ul li.map1 p {width:86%;}
		.sub_location_info dd ul li.map3 p,
		.sub_location_info dd ul li.map4 p,
		.sub_location_info dd ul li.map5 p {width:82%;}
		.sub_location_info dd ul li.map2 p {width:77%;}
	}



	/*** company/work (조직도1번) ***/
	.sub_chart.chart1{position:relative;margin:0 auto;}
	.sub_chart.chart1 h2{margin:0;margin-bottom:5%;font-size:28px;line-height:28px;color:#333333;text-align:center;display:block;}
	.sub_chart.chart1 .chart{position:relative;z-index:1;}
	.sub_chart.chart1 .chart ul,
	.sub_chart.chart1 .chart li,
	.sub_chart.chart1 .chart h3,
	.sub_chart.chart1 .chart h4,
	.sub_chart.chart1 .chart h5,
	.sub_chart.chart1 .chart p {transition:all 0.3s;box-sizing:border-box;vertical-align:top;margin:0;padding:0;text-align:center;}
	.sub_chart.chart1 .chart .chart_box {text-align:center;font-size:0;position:relative;z-index:1;}
	.sub_chart.chart1 .chart .chart_box h3 + h3:before,
	.sub_chart.chart1 .chart .chart_step:before,
	.sub_chart.chart1 .chart .chart_step > ul:before,
	.sub_chart.chart1 .chart .chart_box ul > li:before {transition:all 0.3s;z-index:-1;background:#ddd;display:inline-block;content:"";position:absolute;}
	.sub_chart.chart1 .chart .chart_box h3 + h3:before {top:28px;left:-60px;height:2px;width:60px;transform:translateY(-50%);}
	.sub_chart.chart1 .chart .chart_box h3,
	.sub_chart.chart1 .chart .chart_box h4 {width:180px;height:56px;padding:15px;line-height:26px;font-size:17px;border-radius:8px;font-weight:700;color:#fff;background:#999;margin:0 auto;position:relative;z-index:5;display:inline-block;}
	.sub_chart.chart1 .chart .chart_box h3 {margin-left:-60px;transform:translateX(-50%);}
	.sub_chart.chart1 .chart .chart_box h3 + h3 {margin-left:60px;}
	.sub_chart.chart1 .chart .chart_box .chart_step {position:relative;z-index:1;}
	.sub_chart.chart1 .chart .chart_box h4 {margin:60px auto;}
	.sub_chart.chart1 .chart .chart_box ul {font-size:0;width:100%;position:relative;z-index:1;}
	.sub_chart.chart1 .chart .chart_step:before {top:0;left:50%;height:176px;width:2px;transform:translateX(-50%);}
	.sub_chart.chart1 .chart .chart_step > ul:before {left: calc(10% - 4px);width: calc(80% + 8px);height:2px;transform:translateY(-50%);}
	.sub_chart.chart1 .chart .chart_box ul > li {width: calc(20% - 8px);margin-top:60px;padding:2% 30px;border-radius:8px;border:2px #bbb solid;background:#fff;position:relative;z-index:5;display:inline-block;}
	.sub_chart.chart1 .chart .chart_box ul > li + li {margin-left:10px;}
	.sub_chart.chart1 .chart .chart_box ul > li:before {top:-62px;left:50%;height:60px;width:2px;transform:translateX(-50%);}
	.sub_chart.chart1 .chart .chart_box ul > li h5 {margin-bottom:10%;padding-bottom:12%;font-size:16px;line-height:24px;font-weight:700;color:#333;border-bottom:1px #ddd solid;}
	.sub_chart.chart1 .chart .chart_box ul > li p {min-height:72px;line-height:24px;font-size:14px;color:#777;}

	@media only screen and (max-width:1200px) {
		.sub_chart.chart1 .chart .chart_box ul > li {padding:2% 20px;}
	}
	@media only screen and (max-width:1023px) {
		.sub_chart.chart1 h2{font-size:24px;line-height:24px;}
		.sub_chart.chart1 .chart .chart_box h3 + h3:before {top:26px;}
		.sub_chart.chart1 .chart .chart_box h3,
		.sub_chart.chart1 .chart .chart_box h4 {width:160px;height:52px;padding:13px;font-size:16px;}
		.sub_chart.chart1 .chart .chart_box h3 {margin-left:-60px;transform:translateX(-50%);}
		.sub_chart.chart1 .chart .chart_box ul > li {padding:2% 12px;}
		.sub_chart.chart1 .chart .chart_box ul > li h5 {margin-bottom:9%;padding-bottom:10%;font-size:15px;}
		.sub_chart.chart1 .chart .chart_box ul > li p {min-height:69px;line-height:23px;font-size:13px;}	
	}
	@media only screen and (max-width:860px) {
		.sub_chart.chart1 h2{margin-bottom:6%;font-size:22px;line-height:22px;}
		.sub_chart.chart1 .chart .chart_box h3 + h3:before {top:24px;left:-40px;width:40px;}
		.sub_chart.chart1 .chart .chart_box h3,
		.sub_chart.chart1 .chart .chart_box h4 {width:140px;height:48px;padding:12px;line-height:24px;font-size:15px;}
		.sub_chart.chart1 .chart .chart_box h3 {margin-left:-40px;transform:translateX(-50%);}
		.sub_chart.chart1 .chart .chart_box h3 + h3 {margin-left:40px;}
		.sub_chart.chart1 .chart .chart_box .chart_step {}
		.sub_chart.chart1 .chart .chart_box h4 {margin:40px auto;}
		.sub_chart.chart1 .chart .chart_box ul {}
		.sub_chart.chart1 .chart .chart_step:before {height:128px;}
		.sub_chart.chart1 .chart .chart_box ul > li {width: calc(20% - 8px);margin-top:40px;}
		.sub_chart.chart1 .chart .chart_box ul > li:before {top:-42px;height:40px;}
		.sub_chart.chart1 .chart .chart_box ul > li h5 {margin-bottom:9%;padding-bottom:10%;font-size:14px;}
		.sub_chart.chart1 .chart .chart_box ul > li p {min-height:63px;line-height:21px;font-size:12px;}	
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		.sub_chart.chart1 h2{margin-bottom:7%;font-size:20px;line-height:20px;}
		.sub_chart.chart1 .chart .chart_box h3 + h3:before {top:22px;left:-18px;width:18px;}
		.sub_chart.chart1 .chart .chart_box h3,
		.sub_chart.chart1 .chart .chart_box h4 {width: calc(33.32% - 12px);height:44px;padding:11px;line-height:22px;font-size:15px;border-radius:8px;}
		.sub_chart.chart1 .chart .chart_box h3 {margin-left:-18px;transform:translateX(-50%);}
		.sub_chart.chart1 .chart .chart_box h3 + h3 {margin-left:18px;}
		.sub_chart.chart1 .chart .chart_box .chart_step {}
		.sub_chart.chart1 .chart .chart_box h4 {margin:36px auto;}
		.sub_chart.chart1 .chart .chart_box ul {text-align:left;}
		.sub_chart.chart1 .chart .chart_step:before {top:0px;height:116px;}
		.sub_chart.chart1 .chart .chart_step > ul:before {left: calc(25% - 2px);width: calc(50% + 4px);height:2px;}
		.sub_chart.chart1 .chart .chart_box ul > li {width: calc(50% - 4px);margin-top:36px;padding:2% 8px;border-radius:8px;border:2px #bbb solid;z-index:5;}
		.sub_chart.chart1 .chart .chart_box ul > li + li {margin-left:0;z-index:4;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li {margin-top:20px;z-index:3;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li + li {z-index:2;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li + li + li {z-index:1;}
		.sub_chart.chart1 .chart .chart_box ul > li:nth-of-type(even) {margin-left:8px;}
		.sub_chart.chart1 .chart .chart_box ul > li:nth-of-type(odd) {}
		.sub_chart.chart1 .chart .chart_box ul > li:before {top:-38px;left:50%;height:36px;width:2px;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li:before {top:-24px;height:22px;}
		.sub_chart.chart1 .chart .chart_box ul > li h5 {margin-bottom:2.4%;padding-bottom:3%;font-size:14px;line-height:22px;}
		.sub_chart.chart1 .chart .chart_box ul > li p {min-height:60px;line-height:20px;font-size:13px;}
	}
	@media only screen and (max-width:479px) {
		
	}
	@media only screen and (max-width:375px) {
		.sub_chart.chart1 .chart .chart_box h3 + h3:before {top:22px;left:-14px;width:14px;}
		.sub_chart.chart1 .chart .chart_box h3,
		.sub_chart.chart1 .chart .chart_box h4 {width: calc(33.32% - 10px);font-size:14px;}
		.sub_chart.chart1 .chart .chart_box h3 {margin-left:-14px;transform:translateX(-50%);}
		.sub_chart.chart1 .chart .chart_box h3 + h3 {margin-left:14px;}
		.sub_chart.chart1 .chart .chart_box .chart_step {}
		.sub_chart.chart1 .chart .chart_box h4 {margin:32px auto;}
		.sub_chart.chart1 .chart .chart_box ul {text-align:left;}
		.sub_chart.chart1 .chart .chart_step:before {top:0px;height:108px;}
		.sub_chart.chart1 .chart .chart_step > ul:before {left: calc(25% - 2px);width: calc(50% + 4px);}
		.sub_chart.chart1 .chart .chart_box ul > li {width: calc(50% - 4px);margin-top:32px;padding:2% 8px;border-radius:8px;border:2px #bbb solid;z-index:5;}
		.sub_chart.chart1 .chart .chart_box ul > li + li {margin-left:0;z-index:4;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li {margin-top:18px;z-index:3;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li + li {z-index:2;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li + li + li {z-index:1;}
		.sub_chart.chart1 .chart .chart_box ul > li:nth-of-type(even) {margin-left:8px;}
		.sub_chart.chart1 .chart .chart_box ul > li:nth-of-type(odd) {}
		.sub_chart.chart1 .chart .chart_box ul > li:before {top:-34px;left:50%;height:32px;width:2px;}
		.sub_chart.chart1 .chart .chart_box ul > li + li + li:before {top:-20px;height:18px;}
		.sub_chart.chart1 .chart .chart_box ul > li h5 {margin-bottom:2.4%;padding-bottom:3%;font-size:13px;line-height:22px;}
		.sub_chart.chart1 .chart .chart_box ul > li p {min-height:60px;line-height:20px;font-size:12px;}
	}



	/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
	.sub_chart.chart2{position:relative;margin:0 auto;}
	.sub_chart.chart2 .chart ul,
	.sub_chart.chart2 .chart li,
	.sub_chart.chart2 .chart h3,
	.sub_chart.chart2 .chart h4,
	.sub_chart.chart2 .chart h5,
	.sub_chart.chart2 .chart p,
	.sub_chart.chart2 .chart em {transition:all 0.3s;}
	.sub_chart.chart2 .chart{padding-top:20px;position:relative;z-index:1;}
	.sub_chart.chart2 .chart em {color:#444;font-weight:700;display:inline-block;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
	.sub_chart.chart2 .chart h3:before,
	.sub_chart.chart2 .chart h3:after,
	.sub_chart.chart2 .chart h4:before,
	.sub_chart.chart2 .chart h4:after,
	.sub_chart.chart2 .chart li.chart_side:before,
	.sub_chart.chart2 .chart li.chart_box:before,
	.sub_chart.chart2 .chart li.chart_side li h5:after {content:"";display:inline-block;z-index:-2;margin:0;padding:0;box-sizing:border-box;position:absolute;left:50%;}
	.sub_chart.chart2 .chart h3,
	.sub_chart.chart2 .chart h4 {text-align:center;position:relative;background:#fff;margin:0 auto;padding:0;box-sizing:border-box;}
	.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;width:25.3%;padding:0;padding-bottom:25.3%;height:0;border-radius:100%;z-index:5;}
	.sub_chart.chart2 .chart h3 em {font-size:24px;}
	.sub_chart.chart2 .chart h3:before {width: calc(100% - 40px);height: calc(100% - 40px);border:1px #81cbec solid;border-radius:100%;top:50%;transform:translate(-50%, -50%);background:none;}
	.sub_chart.chart2 .chart h4 {width:25.3%;padding:0;padding-bottom:7%;height:0;border-radius:42px;box-shadow:0 0 0 10px #f2fafd;border:2px #0095da solid;z-index:5;}
	.sub_chart.chart2 .chart h4 em {font-size:19px;}
	.sub_chart.chart2 .chart h3:after,
	.sub_chart.chart2 .chart h4:after,
	.sub_chart.chart2 .chart li.chart_side li h5:after {width:14px;height:14px;border:3px #0095da solid;background:#fff;transform:translate(-50%, 50%);bottom:0px;border-radius:100%;z-index:-1;}
	.sub_chart.chart2 .chart h3 + h4 {margin-top:7.3%;}
	.sub_chart.chart2 .chart h3 + h4:before {top:-100%;width:1px;height: calc(100% - 2px);background:#aaa;transform:translateX(0%);}
	.sub_chart.chart2 .chart h4 + ul {position:relative;z-index:5;width:100%;margin:0;padding:0;}
		/* h5 공통 요소 */
	.sub_chart.chart2 .chart li h5 {padding:0;height:0;margin:0;border:2px #aaa solid;background:#f5f5f5;display:inline-block;box-sizing:border-box;vertical-align:top;z-index:5;text-align:center;position:relative;}
	.sub_chart.chart2 .chart li h5 em {font-size:18px;}
		/* 문어발 형식 */
	.sub_chart.chart2 .chart li.chart_side {position:relative;z-index:5;width:100%;margin:0;padding:0;}
	.sub_chart.chart2 .chart li.chart_side:before {top:5px;width:1px;height: calc(100% - 5px);background:#aaa;transform:translateX(0%);}
	.sub_chart.chart2 .chart li.chart_side ul {font-size:0;text-align:center;box-sizing:border-box;width:100%;padding-top:4%;padding-bottom:7.3%;}
	.sub_chart.chart2 .chart li.chart_side li {position:relative;z-index:1;width:50%;display:inline-block;box-sizing:border-box;margin:0;padding:0;margin-top:2%;}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(odd) {text-align:left;padding-left:17.6%;}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(even) {text-align:right;padding-right:17.6%;}
	.sub_chart.chart2 .chart li.chart_side li h5 {width:63.2%;padding:0;padding-bottom:21.6%;border-radius:42px;}
	.sub_chart.chart2 .chart li.chart_side li h5:after {border-color:#888;bottom:auto;top:50%;transform:translate(-50%, -50%);}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(odd) h5:after {left:100%;}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(even) h5:after {left:0;}
	/* 2개 미만시 주석 해제후 사용 *
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before {width:50%;top:50%;left:100%;transform:translateX(-50%);height:0;border-top:1px #aaa solid;padding:0;margin:0;box-sizing:border-box;content:"";display:inline-block;background:none;z-index:-1;position:absolute;}*/
	/* 2개 초과시 사용 시작 */
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before,
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before,
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {height:0;padding:0;background:none;z-index:-1;position:absolute;margin:0;box-sizing:border-box;content:"";display:inline-block;}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before {width: calc(50% - 88px);top:112%;left:100%;transform:translateX(-50%);border-top:1px #aaa solid;}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before,
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {top:50%;width:40px;padding-bottom:45.6%;transform:translateY(-1px);border:1px #aaa solid;}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before {left:100%;border-left:0;}
	.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {left:-40px;border-right:0;}
	/* 2개 초과시 사용 끝 */
		/* 나열 형식 */
	.sub_chart.chart2 .chart li.chart_box {position:relative;z-index:5;width:100%;margin:0;padding:0;}
	.sub_chart.chart2 .chart li.chart_box:before {top:0;left:50%;width: calc(75% + 30px);height:1px;background:#aaa;transform:translateX(-50%);}
	.sub_chart.chart2 .chart li.chart_box .chart_step {padding-top:40px;font-size:0;text-align:center;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li {width: calc(25% - 40px);display:inline-block;box-sizing:border-box;vertical-align:top;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li + li {margin-left:50px;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li h5 {width:100%;padding-bottom:30.8%;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li h5:before,
	.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li:before {left:50%;width:1px;transform:translateX(0%);background:#aaa;padding:0;margin:0;box-sizing:border-box;content:"";display:inline-block;z-index:-1;position:absolute;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li h5:before {height:40px;top:-42px;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team {}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li {padding:0;padding-bottom:23%;margin-top:20px;height:0;border:1px #aaa solid;background:#fff;width:100%;box-sizing:border-box;position:relative;z-index:1;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li:before {height:20px;top:-21px;}
	.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li em {font-size:16px;font-weight:400;}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1023px) {
		.sub_chart.chart2 .chart h3 em {font-size:22px;}
		.sub_chart.chart2 .chart h4 em {font-size:18px;}
			/* h5 공통 요소 */
		.sub_chart.chart2 .chart li h5 em {font-size:16px;}
			/* 나열 형식 */
		.sub_chart.chart2 .chart li.chart_box:before {width: calc(75% + 30px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li {width: calc(25% - 30px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li + li {margin-left:40px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li em {font-size:14px;}
	}
	@media only screen and (max-width:860px) {
		.sub_chart.chart2 .chart{padding-top:16px;}
		.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 16px #f2fafd;border-width:2px;width:27.3%;padding-bottom:27.3%;}
		.sub_chart.chart2 .chart h3 em {font-size:20px;}
		.sub_chart.chart2 .chart h3:before {width: calc(100% - 32px);height: calc(100% - 32px);}
		.sub_chart.chart2 .chart h4 {width:27.3%;padding-bottom:8.4%;border-radius:42px;box-shadow:0 0 0 8px #f2fafd;border-width:2px;}
		.sub_chart.chart2 .chart h4 em {font-size:17px;}
		.sub_chart.chart2 .chart h3 + h4:before {top:-82%;height: calc(82% - 2px);}
			/* h5 공통 요소 */
		.sub_chart.chart2 .chart li h5 em {font-size:15px;}
			/* 문어발 형식 */
		.sub_chart.chart2 .chart li.chart_side ul {padding-bottom:5.2%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(odd) {padding-left:11.2%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(even) {padding-right:11.2%;}
		/* 2개 초과시 사용 시작 */
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before,
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before,
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before {width: calc(54% - 50px);top:112%;left:100%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before,
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {width:32px;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before {left:100%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {left:-32px;}
		/* 2개 초과시 사용 끝 */
			/* 나열 형식 */
		.sub_chart.chart2 .chart li.chart_box:before {width: calc(75% + 18px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step {padding-top:32px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li {width: calc(25% - 18px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li + li {margin-left:24px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li h5:before {height:32px;top:-34px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li {margin-top:16px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li:before {height:16px;top:-17px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li em {font-size:13px;}
	}
	@media only screen and (max-width:767px) {
			/* h5 공통 요소 */
		.sub_chart.chart2 .chart li h5 {border-width:1px;}
		.sub_chart.chart2 .chart li h5 em {font-size:13px;}
			/* 문어발 형식 */
		.sub_chart.chart2 .chart li.chart_side ul {padding-top:2.8%;padding-bottom:4.4%;}
		.sub_chart.chart2 .chart li.chart_side li {width:50%;margin-top:2%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(odd) {padding-left:3.6%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(even) {padding-right:3.6%;}
		.sub_chart.chart2 .chart li.chart_side li h5 {width:63.2%;padding-bottom:21.6%;border-radius:42px;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(odd) h5:after {left:100%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(even) h5:after {left:0;}
		/* 2개 초과시 사용 시작 */
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before {width: calc(69% - 48px);top:112%;left:100%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before,
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {top:50%;width:24px;padding-bottom:45.6%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before {left:100%;border-left:0;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {left:-24px;border-right:0;}
		/* 2개 초과시 사용 끝 */
			/* 나열 형식 */
		.sub_chart.chart2 .chart li.chart_box:before {width: calc(75% + 10px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step {padding-top:24px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li {width: calc(25% - 9px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li + li {margin-left:12px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li h5 {width:100%;padding-bottom:36%;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li h5:before {height:24px;top:-25px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li {padding-bottom:28%;margin-top:8px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li:before {height:8px;top:-9px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li em {font-size:12px;}
	}
	@media only screen and (max-width:640px) {
		.sub_chart.chart2{}
		.sub_chart.chart2 .chart{padding-top:10px;}
		.sub_chart.chart2 .chart em {}
		.sub_chart.chart2 .chart h3:before,
		.sub_chart.chart2 .chart h3:after,
		.sub_chart.chart2 .chart h4:before,
		.sub_chart.chart2 .chart h4:after,
		.sub_chart.chart2 .chart li.chart_side:before,
		.sub_chart.chart2 .chart li.chart_box:before,
		.sub_chart.chart2 .chart li.chart_side li h5:after {}
		.sub_chart.chart2 .chart h3,
		.sub_chart.chart2 .chart h4 {}
		.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 10px #f2fafd;border-width:2px;width:36.4%;padding-bottom:36.4%;}
		.sub_chart.chart2 .chart h3 em {font-size:18px;}
		.sub_chart.chart2 .chart h3:before {width: calc(100% - 20px);height: calc(100% - 20px);}
		.sub_chart.chart2 .chart h4 {width:36.4%;padding-bottom:10.2%;border-radius:42px;box-shadow:0 0 0 4px #f2fafd;border-width:2px;}
		.sub_chart.chart2 .chart h4 em {font-size:15px;}
		.sub_chart.chart2 .chart h3:after,
		.sub_chart.chart2 .chart h4:after,
		.sub_chart.chart2 .chart li.chart_side li h5:after {width:12px;height:12px;border-width:2px;}
		.sub_chart.chart2 .chart h3 + h4 {margin-top:6.8%;}
		.sub_chart.chart2 .chart h3 + h4:before {top:-62%;height: calc(62% - 2px);}
		.sub_chart.chart2 .chart h4 + ul {}
			/* h5 공통 요소 */
		.sub_chart.chart2 .chart li h5 {border-width:1px;}
		.sub_chart.chart2 .chart li h5 em {font-size:13px;}
			/* 문어발 형식 */
		.sub_chart.chart2 .chart li.chart_side {}
		.sub_chart.chart2 .chart li.chart_side:before {top:4px;height: calc(100% - 4px);}
		.sub_chart.chart2 .chart li.chart_side ul {padding-top:3.2%;padding-bottom:5.6%;}
		.sub_chart.chart2 .chart li.chart_side li {width:50%;margin-top:2%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(odd) {padding-left:1.2%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(even) {padding-right:1.2%;}
		.sub_chart.chart2 .chart li.chart_side li h5 {width:66.2%;padding-bottom:21.6%;border-radius:42px;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(odd) h5:after {left:100%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(even) h5:after {left:0;}
		/* 2개 초과시 사용 시작 */
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before,
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before,
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1):before {width: calc(62% - 36px);top:112%;left:100%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before,
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {top:50%;width:24px;padding-bottom:45.6%;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(1) h5:before {left:100%;border-left:0;}
		.sub_chart.chart2 .chart li.chart_side li:nth-of-type(2) h5:before {left:-24px;border-right:0;}
		/* 2개 초과시 사용 끝 */
			/* 나열 형식 */
		.sub_chart.chart2 .chart li.chart_box {}
		.sub_chart.chart2 .chart li.chart_box:before {width: calc(50% + 4px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step {padding-top:28px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li {width: calc(50% - 4px);}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li + li {margin-left:0;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li:nth-of-type(even) {margin-left:8px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li:nth-of-type(n+3) {margin-top:28px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li h5 {width:100%;padding-bottom:21.4%;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li h5:before {height:28px;top:-29px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team {}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li {padding-bottom:19.2%;margin-top:8px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li:before {height:8px;top:-9px;}
		.sub_chart.chart2 .chart li.chart_box .chart_step > li .chart_team li em {font-size:12px;}
	}
	@media only screen and (max-width:479px) {
		
	}




	/*** company/introduce (사업소개) ***/
	.sub_introduce.introduce1 {position:relative;margin:0 auto;}
	.sub_introduce.introduce1 .introduce_box {margin:0;padding:0;width:100%;box-sizing:border-box; }
	.sub_introduce.introduce1 .introduce_box + .introduce_box {padding-top:6.8%;}
	.sub_introduce.introduce1 .introduce_box:last-child {padding-bottom:0;}
	.sub_introduce.introduce1 .introduce_box > h3 {width:100%;padding:0;padding-bottom:3.6%;font-size:29px;line-height:34px;color:#222;text-align:center;font-weight:700;margin:0 auto;word-break:keep-all;word-wrap:break-word;white-space:pre-line;}
	.sub_introduce.introduce1 .introduce_box.box1 {}
	.sub_introduce.introduce1 .introduce_box.box2 {}
	.sub_introduce.introduce1 .introduce_box.box3 {display:none;}
		/* 전체 배경 */
	.sub_introduce.introduce1 .introduce_box .duce_wide_bg {padding:0;padding-bottom:28.4%;position:relative;z-index:1;width:100%;margin:0;box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box .duce_wide_bg .wide_bg {background:url(../images/skin/introduce_wide_bg.jpg) no-repeat 50% 50%;background-size:100% auto;position:absolute;left:50%;top:50%;height:100%;width:100%;transform:translate(-50%, -50%);text-align:center;box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box .duce_wide_bg > p {left:30px;bottom:30px;font-size:18px;line-height:26px;color:#fff;width: calc(100% - 60px);padding-right:36%;font-weight:400;position:absolute;text-align:left;box-sizing:border-box;}
		/* 리스트형 */
	.sub_introduce.introduce1 .introduce_box .duce_list {width:100%;margin:0;padding:0;font-size:0;vertical-align:top;box-sizing:border-box;text-align:left;}
	.sub_introduce.introduce1 .introduce_box .duce_list li {width: calc(33.32% - 20px);display:inline-block;vertical-align:top;margin:0;padding:0;box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box .duce_list li + li {margin-left:30px;}
	.sub_introduce.introduce1 .introduce_box .duce_list li .thumb {width:100%;box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box .duce_list li .thumb img {width:100%;height:auto;}
	.sub_introduce.introduce1 .introduce_box .duce_list li h4 {padding:0;padding-top:6.8%;padding-bottom:4%;font-size:20px;line-height:28px;color:#333;font-weight:700;margin:0;box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box .duce_list li p {font-size:15px;line-height:24px;color:#888;font-weight:400;margin:0;padding:0;box-sizing:border-box;}
		/* 서클형 */
	.sub_introduce.introduce1 .introduce_box dl.duce_circle {padding:0;margin-top:3.4%;padding-bottom:55%;width:55%;position:relative;z-index:1;margin:0 auto;box-sizing:border-box;text-align:center;vertical-align:top;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dt,
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4,
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd,
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li,
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {margin:0 auto;padding:0;height:0;border-radius:100%;left:50%;top:50%;box-sizing:border-box;position:absolute;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dt,
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4,
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd,
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {transform:translate(-50%, -50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle em {width:100%;margin:0 auto;padding:0;text-align:center;display:inline-block;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dt {width:75.8%;padding-bottom:75.8%;background:#ddd;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 {width:72%;padding-bottom:72%;background:#c62b38;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:44px;line-height:54px;width:50%;color:#fff;font-weight:700;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd {width:86.4%;padding-bottom:86.4%;border-width:1px;border-color:#999;border-style:dashed;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol {box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li {width:21.6%;padding-bottom:21.6%;border-width:2px;border-color:#e88331;border-style:solid;background:#fff;box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {width:84.6%;padding-bottom:84.6%;background:#f6e9df;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div em {font-size:20px;line-height:26px;color:#555;font-weight:700;letter-spacing:-0.06em;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li + li {}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:before {width:20px;height:20px;border-width:3px;border-color:#444;border-style:solid;border-left:0;border-bottom:0;position:absolute;display:inline-block;content:"";background:none;margin:0;padding:0;box-sizing:border-box;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(1) {left:50%;top:0;transform:translate(-50%, -50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(1):before {right:-52%;top:60%;transform: rotate(65deg);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2) {left:87.5%;top:17%;transform:translate(-50%, -50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2):before {right:-3%;bottom:-25%;transform: rotate(115deg);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(3) {left:100%;top:50%;transform:translate(-50%, -50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(3):before {left:28.5%;bottom:-35%;transform: rotate(155deg);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4) {left:87.5%;top:auto;bottom:17%;transform:translate(-50%, 50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4):before {left:-38%;bottom:-16%;transform: rotate(200deg);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(5) {left:50%;top:auto;bottom:0;transform:translate(-50%, 50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(5):before {left:-50%;top:25%;transform: rotate(245deg);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6) {left:13%;top:auto;bottom:17%;transform:translate(-50%, 50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6):before {left:-4%;top:-25%;transform: rotate(295deg);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(7) {left:0%;top:50%;transform:translate(-50%, -50%);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(7):before {left:54%;top:-35%;transform: rotate(335deg);}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8) {left:13%;top:17%;transform:translate(-50%, -50%);border-color:#c62b38;}
	.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8):before {right:-36%;top:-17.5%;transform: rotate(20deg);border-color:#c62b38;}

	@media only screen and (max-width:1200px) {
		.sub_introduce.introduce1 .introduce_box > h3 {width:100%;font-size:27px;line-height:34px;}
			/* 전체 배경 */
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg > p {left:20px;bottom:20px;font-size:17px;line-height:24px;width: calc(100% - 40px);padding-right:29%;}
			/* 리스트형 */
		.sub_introduce.introduce1 .introduce_box .duce_list li {width: calc(33.32% - 12px);}
		.sub_introduce.introduce1 .introduce_box .duce_list li + li {margin-left:18px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li h4 {font-size:21px;line-height:27px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li p {font-size:14px;line-height:22px;}
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle {padding-bottom:60%;width:60%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:40px;line-height:50px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div em {font-size:16px;line-height:22px;letter-spacing:-0.06em;}
	}
	@media only screen and (max-width:1023px) {
		.sub_introduce.introduce1 .introduce_box > h3 {font-size:25px;line-height:30px;}
			/* 전체 배경 */
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg {padding-bottom:34.4%;}
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg .wide_bg {background-size:cover;}
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg > p {left:12px;bottom:12px;font-size:16px;line-height:22px;width: calc(100% - 24px);padding-right:21%;}
			/* 리스트형 */
		.sub_introduce.introduce1 .introduce_box .duce_list li {width: calc(33.32% - 12px);}
		.sub_introduce.introduce1 .introduce_box .duce_list li + li {margin-left:18px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li h4 {font-size:20px;line-height:24px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li p {font-size:13px;line-height:21px;}
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle {padding-bottom:64%;width:64%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt {width:73.8%;padding-bottom:73.8%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 {width:74%;padding-bottom:74%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:38px;line-height:50px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {width:87.6%;padding-bottom:87.6%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div em {font-size:15px;line-height:22px;letter-spacing:-0.08em;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6):before {left:-5%;top:-25%;}
	}
	@media only screen and (max-width:980px) {
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(1):before {right:-52%;top:58%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2):before {right:-3%;bottom:-25%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(3):before {left:27.5%;bottom:-35%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4):before {left:-38%;bottom:-16%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(5):before {left:-50%;top:24%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6):before {left:-5%;top:-25%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(7):before {left:52%;top:-35%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8):before {right:-36%;top:-17.5%;}
	}
	@media only screen and (max-width:860px) {
		.sub_introduce.introduce1 .introduce_box {}
		.sub_introduce.introduce1 .introduce_box + .introduce_box {padding-top:8.4%;}
		.sub_introduce.introduce1 .introduce_box > h3 {width:80%;max-width:500px;padding-bottom:3.6%;font-size:24px;line-height:30px;}
			/* 전체 배경 */
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg {padding-bottom:42.4%;}
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg > p {left:12px;bottom:12px;font-size:15px;line-height:22px;padding-right:19%;}
			/* 리스트형 */
		.sub_introduce.introduce1 .introduce_box .duce_list li {width:100%;font-size:0;position:relative;z-index:1;}
		.sub_introduce.introduce1 .introduce_box .duce_list li + li {margin-left:0;margin-top:16px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li .thumb,
		.sub_introduce.introduce1 .introduce_box .duce_list li .txt {display:inline-block;vertical-align:top;}
		.sub_introduce.introduce1 .introduce_box .duce_list li .thumb {margin-right:16px;width: calc(40% - 8px);}
		.sub_introduce.introduce1 .introduce_box .duce_list li .thumb img {}
		.sub_introduce.introduce1 .introduce_box .duce_list li .txt {width: calc(60% - 8px);position:absolute;right:0;top:50%;transform:translateY(-50%);}
		.sub_introduce.introduce1 .introduce_box .duce_list li h4 {padding-top:0;padding-bottom:4%;font-size:20px;line-height:24px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li p {font-size:13px;line-height:21px;}
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle {margin-top:6.8%;padding-bottom:64%;width:64%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt {width:67.8%;padding-bottom:67.8%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 {width:74%;padding-bottom:74%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:30px;line-height:42px;width:54%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd {width:86.4%;padding-bottom:86.4%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol {}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li {width:24.6%;padding-bottom:24.6%;border-width:2px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {width:87.6%;padding-bottom:87.6%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div em {font-size:13px;line-height:19px;letter-spacing:-0.06em;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:before {width:12px;height:12px;border-width:2px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(1):before {right:-44%;top:62%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2):before {right:6%;bottom:-16%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(3):before {left:32.5%;bottom:-24%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4):before {left:-25%;bottom:-8%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(5):before {left:-38%;top:29%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6):before {left:4%;top:-12%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(7):before {left:56%;top:-26%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8):before {right:-25%;top:-8.5%;}
	}
	@media only screen and (max-width:767px) {
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle {padding-bottom:68%;width:68%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt {width:60.8%;padding-bottom:60.8%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 {width:74%;padding-bottom:74%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:28px;line-height:40px;width:62%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {width:90%;padding-bottom:90%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div em {font-size:13px;line-height:19px;letter-spacing:-0.04em;font-weight:700;}
	}
	@media only screen and (max-width:690px) {
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(1):before {right:-42%;top:60%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2):before {right:4%;bottom:-17%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(3):before {left:32.5%;bottom:-24%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4):before {left:-25%;bottom:-8%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(5):before {left:-38%;top:28%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6):before {left:4%;top:-12%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(7):before {left:55%;top:-26%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8):before {right:-26%;top:-8.5%;}
	}
	@media only screen and (max-width:640px) {
		.sub_introduce.introduce1 .introduce_box {}
		.sub_introduce.introduce1 .introduce_box + .introduce_box {padding-top:11.4%;}
		.sub_introduce.introduce1 .introduce_box > h3 {width:85%;max-width:460px;padding-bottom:6.4%;font-size:20px;line-height:28px;}
			/* 전체 배경 */
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg {padding-bottom:52.4%;}
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg > p {font-size:13px;line-height:20px;padding-right:16%;}
			/* 리스트형 */
		.sub_introduce.introduce1 .introduce_box .duce_list li + li {margin-top:12px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li .thumb {margin-right:12px;width: calc(50% - 6px);}
		.sub_introduce.introduce1 .introduce_box .duce_list li .txt {width: calc(50% - 6px);}
		.sub_introduce.introduce1 .introduce_box .duce_list li h4 {padding-bottom:4%;font-size:16px;line-height:20px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li p {font-size:12px;line-height:19px;}
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle {margin-top:4.8%;padding-bottom:86%;width:86%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt {width:54%;padding-bottom:54%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 {width:74%;padding-bottom:74%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:24px;line-height:30px;width:64%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd {width:86.4%;padding-bottom:86.4%;border-width:1px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li {width:26%;padding-bottom:26%;border-width:2px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {width:90%;padding-bottom:90%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div em {font-size:13px;line-height:19px;letter-spacing:-0.04em;font-weight:700;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(1):before {right:-44%;top:62%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2):before {right:4.5%;bottom:-16%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(3):before {left:31.5%;bottom:-24%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4):before {left:-25%;bottom:-8%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(5):before {left:-38%;top:29%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6):before {left:4%;top:-12%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(7):before {left:54.5%;top:-26%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8):before {right:-25%;top:-8.5%;}
	}
	@media only screen and (max-width:479px) {
		.sub_introduce.introduce1 .introduce_box > h3 {width:100%;}
			/* 전체 배경 */
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg {padding-bottom:54%;}
		.sub_introduce.introduce1 .introduce_box .duce_wide_bg > p {left:12px;bottom:12px;font-size:13px;line-height:19px;padding-right:10%;}
			/* 리스트형 */
		.sub_introduce.introduce1 .introduce_box .duce_list li {width:100%;font-size:0;}
		.sub_introduce.introduce1 .introduce_box .duce_list li:after {clear:both;content:"";display:block;}
		.sub_introduce.introduce1 .introduce_box .duce_list li + li {margin-left:0;margin-top:24px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li .thumb,
		.sub_introduce.introduce1 .introduce_box .duce_list li .txt {width:100%;margin:0;position:static;transform:translate(0, 0);}
		.sub_introduce.introduce1 .introduce_box .duce_list li h4 {padding-top:5%;padding-bottom:2.4%;font-size:16px;line-height:20px;}
		.sub_introduce.introduce1 .introduce_box .duce_list li p {font-size:12px;line-height:18px;}
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle {margin-top:4.8%;padding-bottom:92%;width:92%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt {width:52%;padding-bottom:52%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 {width:80%;padding-bottom:80%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:22px;line-height:30px;width:64%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd {width:85.4%;padding-bottom:85.4%;border-width:1px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li {width:30%;padding-bottom:28.7%;border-width:2px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {width:88%;padding-bottom:88%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div em {font-size:12px;line-height:18px;letter-spacing:-0.05em;font-weight:700;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:before {width:8px;height:8px;border-width:2px;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(1):before {right:-26%;top:59.5%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2) {top:16%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(2):before {right:13.5%;bottom:-7%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(3):before {left:35.5%;bottom:-15%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4) {bottom:16%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(4):before {left:-12%;bottom:4.5%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(5):before {left:-22%;top:32.5%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6) {bottom:16%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(6):before {left:12.5%;top:-7%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(7):before {left:56%;top:-18%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8) {top:16%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li:nth-of-type(8):before {right:-13%;top:3.5%;}
	}
	@media only screen and (max-width:320px) {
			/* 서클형 */
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt {width:50%;padding-bottom:50%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 {width:84%;padding-bottom:84%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dt h4 em {font-size:20px;line-height:26px;width:74%;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li {width:30%;padding-bottom:28.7%;border-width:2px;background:#f6e9df;}
		.sub_introduce.introduce1 .introduce_box dl.duce_circle dd ol li > div {width:100%;padding-bottom:100%;}
	}


	/*** company/introduce2 (사업소개2) ***/
	.sub_introduce.introduce2 {position:relative;margin:0 auto;}
	.sub_introduce.introduce2 div, .sub_introduce.introduce2 p, .sub_introduce.introduce2 li, .sub_introduce.introduce2 dt, .sub_introduce.introduce2 dd, .sub_introduce.introduce2 td, .sub_introduce.introduce2 th {word-break:keep-all;word-wrap:break-word;}
	.sub_introduce.introduce2 .introduce_box {margin:0;padding:0;width:100%;box-sizing:border-box;}
	.sub_introduce.introduce2 .introduce_box + .introduce_box {padding-top:8.4%}
	.sub_introduce.introduce2 .introduce_box.box1 {}
	.sub_introduce.introduce2 .introduce_box.box2 {}
		/* 리스트형 */
	.sub_introduce.introduce2 .introduce_box .duce_list {}
	.sub_introduce.introduce2 .introduce_box .duce_list li {width:100%;font-size:0;position:relative;z-index:1;}
	.sub_introduce.introduce2 .introduce_box .duce_list li + li {margin-top:40px;}
	.sub_introduce.introduce2 .introduce_box .duce_list li .thumb,
	.sub_introduce.introduce2 .introduce_box .duce_list li .txt {display:inline-block;vertical-align:top;}
	.sub_introduce.introduce2 .introduce_box .duce_list .thumb {margin-right:16px;width: calc(37.5% - 20px);}
	.sub_introduce.introduce2 .introduce_box .duce_list .thumb img {width:100%;height:auto;}
	.sub_introduce.introduce2 .introduce_box .duce_list .txt {width: calc(62.5% - 20px);position:absolute;right:0;top:50%;transform:translateY(-50%);}
	.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 {padding-top:0;padding-bottom:3.3%;margin-bottom:3.5%;position:relative;z-index:1;}
	.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 em {font-size:28px;line-height:32px;color:#333;font-weight:700;display:inline-block;width:100%;}
	.sub_introduce.introduce2 .introduce_box .duce_list .txt h4:after {width:40px;height:2px;background:#333;content:"";display:inline-block;position:absolute;left:0;bottom:0;transform:translateY(50%);}
	.sub_introduce.introduce2 .introduce_box .duce_list .txt p,
	.sub_introduce.introduce2 .introduce_box .duce_list .txt p strong {font-size:16px;}
	.sub_introduce.introduce2 .introduce_box .duce_list .txt p {padding-right:20%;line-height:26px;color:#666;box-sizing:border-box;}
	.sub_introduce.introduce2 .introduce_box .duce_list .txt p strong {color:#333;font-weight:700;}
		/* 메세지 */
	.sub_introduce.introduce2 .introduce_box .duce_message {text-align:center;}
	.sub_introduce.introduce2 .introduce_box .duce_message p {color:#333;font-weight:400;display:inline-block;width:auto;margin:0 auto;position:relative;z-index:1;white-space:pre-line;}
	.sub_introduce.introduce2 .introduce_box .duce_message p:before,
	.sub_introduce.introduce2 .introduce_box .duce_message p:after {font-size:100px;color:#e0e4f0;font-weight:700;display:inline-block;position:absolute;}
	.sub_introduce.introduce2 .introduce_box .duce_message p:before {content:"“";left:0;top:-65%;transform:translate(-150%, 0);}
	.sub_introduce.introduce2 .introduce_box .duce_message p:after {content:"”";right:0;top:-67%;transform:translate(150%, 0);}
	.sub_introduce.introduce2 .introduce_box .duce_message p,
	.sub_introduce.introduce2 .introduce_box .duce_message p strong {font-size:34px;}
	.sub_introduce.introduce2 .introduce_box .duce_message p strong {color:#2c53af;font-weight:700;}
	.sub_introduce.introduce2 .introduce_box .duce_message span {padding-top:2%;font-size:18px;font-weight:700;line-height:28px;display:inline-block;width:100%;}

	@media only screen and (max-width:1200px) {
		.sub_introduce.introduce2 .introduce_box .duce_list li + li {margin-top:32px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .thumb {margin-right:32px;width: calc(37.5% - 16px);}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt {width: calc(62.5% - 16px);}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4:after {width:32px;}
	}
	@media only screen and (max-width:1023px) {
		.sub_introduce.introduce2 .introduce_box .duce_list {padding-top:4%;}
			/* 리스트형 */
		.sub_introduce.introduce2 .introduce_box .duce_list li + li {margin-top:24px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .thumb {margin-right:24px;width: calc(37.5% - 12px);}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt {width: calc(62.5% - 12px);}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 em {font-size:24px;line-height:28px}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4:after {width:32px;height:2px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p,
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p strong {font-size:15px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p {padding-right:0%;line-height:24px;}
			/* 메세지 */
		.sub_introduce.introduce2 .introduce_box .duce_message p:before,
		.sub_introduce.introduce2 .introduce_box .duce_message p:after {font-size:90px;}
		.sub_introduce.introduce2 .introduce_box .duce_message p,
		.sub_introduce.introduce2 .introduce_box .duce_message p strong {font-size:30px;}
		.sub_introduce.introduce2 .introduce_box .duce_message span {font-size:17px;line-height:24px;}
	}
	@media only screen and (max-width:860px) {
		.sub_introduce.introduce2 .introduce_box .duce_list {padding-top:4%;}
			/* 리스트형 */
		.sub_introduce.introduce2 .introduce_box .duce_list li + li {margin-top:16px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .thumb {margin-right:16px;width: calc(46.5% - 8px);}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt {width: calc(53.5% - 8px);}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 {padding-bottom:3.6%;margin-bottom:3.6%;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 em {font-size:20px;line-height:24px}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4:after {width:32px;height:2px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p,
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p strong {font-size:13px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p {line-height:20px;}
			/* 메세지 */
		.sub_introduce.introduce2 .introduce_box .duce_message p:before,
		.sub_introduce.introduce2 .introduce_box .duce_message p:after {font-size:72px;}
		.sub_introduce.introduce2 .introduce_box .duce_message p:before {top:-65%;transform:translate(-125%, 0);}
		.sub_introduce.introduce2 .introduce_box .duce_message p:after {top:-67%;transform:translate(125%, 0);}
		.sub_introduce.introduce2 .introduce_box .duce_message p,
		.sub_introduce.introduce2 .introduce_box .duce_message p strong {font-size:26px;}
		.sub_introduce.introduce2 .introduce_box .duce_message span {padding-top:2%;font-size:15px;line-height:22px;}
	}
	@media only screen and (max-width:767px) {
		
	}
	@media only screen and (max-width:640px) {
		.sub_introduce.introduce2 .introduce_box .duce_list {padding-top:4%;}
		.sub_introduce.introduce2 .introduce_box + .introduce_box {padding-top:10.4%}
			/* 리스트형 */
		.sub_introduce.introduce2 .introduce_box .duce_list li {display:table;}
		.sub_introduce.introduce2 .introduce_box .duce_list li + li {margin-top:12px;}
		.sub_introduce.introduce2 .introduce_box .duce_list li .thumb,
		.sub_introduce.introduce2 .introduce_box .duce_list li .txt {margin:0;transform: translateY(0%);position:static;display:table-cell;vertical-align:middle;}
		.sub_introduce.introduce2 .introduce_box .duce_list .thumb {padding-right:12px;width:46.5%;}
		.sub_introduce.introduce2 .introduce_box .duce_list .thumb img {vertical-align:middle;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt {width:53.5%;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 {padding-bottom:3.6%;margin-bottom:3.6%;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 em {font-size:20px;line-height:22px}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4:after {width:28px;height:2px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p,
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p strong {font-size:15px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p {padding-right:0%;line-height:24px;}
			/* 메세지 */
		.sub_introduce.introduce2 .introduce_box .duce_message p {width:68%;max-width:370px;margin:0 auto;}
		.sub_introduce.introduce2 .introduce_box .duce_message p:before,
		.sub_introduce.introduce2 .introduce_box .duce_message p:after {font-size:70px;}
		.sub_introduce.introduce2 .introduce_box .duce_message p:before {top:10%;transform:translate(-105%, 0);}
		.sub_introduce.introduce2 .introduce_box .duce_message p:after {top:12%;transform:translate(105%, 0);}
		.sub_introduce.introduce2 .introduce_box .duce_message p,
		.sub_introduce.introduce2 .introduce_box .duce_message p strong {font-size:28px;line-height:38px;}
		.sub_introduce.introduce2 .introduce_box .duce_message span {padding-top:2%;font-size:15px;line-height:22px;}
	}
	@media only screen and (max-width:580px) {
		.sub_introduce.introduce2 .introduce_box + .introduce_box {padding-top:14.4%}
			/* 리스트형 */
		.sub_introduce.introduce2 .introduce_box .duce_list li {display:block;}
		.sub_introduce.introduce2 .introduce_box .duce_list li + li {margin-top:10%;}
		.sub_introduce.introduce2 .introduce_box .duce_list li .thumb,
		.sub_introduce.introduce2 .introduce_box .duce_list li .txt {width:100%;text-align:left;display:block;}
		.sub_introduce.introduce2 .introduce_box .duce_list li .thumb {margin-bottom:4%;}
	}
	@media only screen and (max-width:479px) {
		.sub_introduce.introduce2 .introduce_box .duce_list {padding-top:4%;}
		.sub_introduce.introduce2 .introduce_box + .introduce_box {padding-top:14.4%}
			/* 리스트형 */
		.sub_introduce.introduce2 .introduce_box .duce_list li + li {margin-top:12%;}
		.sub_introduce.introduce2 .introduce_box .duce_list .thumb {margin-bottom:4%;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 {padding-bottom:3.6%;margin-bottom:3.6%;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4 em {font-size:17px;line-height:22px}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt h4:after {width:28px;height:2px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p,
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p strong {font-size:13px;}
		.sub_introduce.introduce2 .introduce_box .duce_list .txt p {padding-right:0%;line-height:19px;}
			/* 메세지 */
		.sub_introduce.introduce2 .introduce_box .duce_message p {width:79%;max-width:370px;margin:0 auto;}
		.sub_introduce.introduce2 .introduce_box .duce_message p:before,
		.sub_introduce.introduce2 .introduce_box .duce_message p:after {font-size:70px;}
		.sub_introduce.introduce2 .introduce_box .duce_message p:before {top:14%;transform:translate(-105%, 0);}
		.sub_introduce.introduce2 .introduce_box .duce_message p:after {top:16%;transform:translate(105%, 0);}
		.sub_introduce.introduce2 .introduce_box .duce_message p,
		.sub_introduce.introduce2 .introduce_box .duce_message p strong {font-size:26px;letter-spacing:-0.038em;line-height:36px;}
		.sub_introduce.introduce2 .introduce_box .duce_message span {padding-top:2%;font-size:15px;line-height:22px;}
	}






	/*** company/history (연혁) ***/
	.sub_history.history1 {padding-top:0%;box-sizing:border-box;}
	.sub_history.history1 div, .sub_history.history1 p, .sub_history.history1 span, .sub_history.history1 em, .sub_history.history1 strong, .sub_history.history1 dt, .sub_history.history1 dd, .sub_history.history1 dl, .sub_history.history1 li, .sub_history.history1 ul {transition:all 0.2s;}
	.sub_history.history1 div, .sub_history.history1 p, .sub_history.history1 li, .sub_history.history1 dt, .sub_history.history1 dd, .sub_history.history1 th, .sub_history.history1 td {word-break:keep-all;word-wrap:break-word;}
		/* 상단베너 */
	.sub_history.history1 .history_intro {width:100%;margin:0;padding:0 0 27.4%;height:0;background:url(../images/skin/bg_sub_history_bnr.jpg) no-repeat 50% 0;background-size:cover;box-sizing:border-box;}
	.sub_history.history1 .history_wrap {position:relative;width:100%;z-index:1;box-sizing:border-box;margin-top:2%;}
	.sub_history.history1 .history_wrap:before {content:"";display:inline-block;width:1px;height:100%;position:absolute;left:50%;top:0;background:#ddd;}
		/* 내용 */
	.sub_history.history1 .history_box {display:block;position:relative;width:100%;z-index:1;box-sizing:border-box;}
	.sub_history.history1 .history_box:after {clear:both;content:"";display:block;}
	.sub_history.history1 .history_box + .history_box {}
	.sub_history.history1 .history_box .his_year,
	.sub_history.history1 .history_box .his_detail {width:50%;padding:8% 0 4% 0;display:block;box-sizing:border-box;vertical-align:top;}
	.sub_history.history1 .history_box + .history_box .his_year,
	.sub_history.history1 .history_box + .history_box .his_detail {padding-top:4%;}
		/* 연도 */
	.sub_history.history1 .history_box .his_year {}
	.sub_history.history1 .history_box .his_year .year {position:relative;z-index:1;box-sizing:border-box;}
	.sub_history.history1 .history_box .his_year .year strong {margin:0;padding:0 5%;line-height:50px;height:50px;font-size:30px;font-weight:600;color:#fff;display:inline-block;position:relative;}
	.sub_history.history1 .history_box .his_year .year::before,
	.sub_history.history1 .history_box .his_year .year strong::after {top:50%;content:"";position:absolute;z-index:10;}
	/* 원 */.sub_history.history1 .history_box .his_year .year::before {width:10px;height:10px;border-radius:100%;;box-shadow:0 0 0 4px rgba(255, 255, 255, 1);}
	/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {width:0px;height:0px;border-right:12px solid transparent;border-bottom:12px solid #4aabe6;}
		/* 세부내역 */
	.sub_history.history1 .history_box .his_detail {box-sizing:border-box;}
	.sub_history.history1 .history_box .his_detail .detailYear {padding:2% 0 5%;width:93.6%;position:relative;box-sizing:border-box;}
	.sub_history.history1 .history_box .his_detail .detailYear:after {clear:both;content:"";display:block;}
	.sub_history.history1 .history_box .his_detail .detailYear + .detailYear {padding-top:2%;}
	.sub_history.history1 .history_box .his_detail .detailYear dt,
	.sub_history.history1 .history_box .his_detail .detailYear dd {display:inline-block;box-sizing:border-box;}
	.sub_history.history1 .history_box .his_detail .detailYear dt {width:8%;line-height:24px;font-size:22px;letter-spacing:-0.09em;color:#333;}
	.sub_history.history1 .history_box .his_detail .detailYear dd {width:92%;color:#666;}
	.sub_history.history1 .history_box .his_detail .detailYear dd ul {}
	.sub_history.history1 .history_box .his_detail .detailYear dd li {padding:0;line-height:24px;font-size:16px;vertical-align:middle;box-sizing:border-box;}
	.sub_history.history1 .history_box .his_detail .detailYear dd li::before {margin-right:5px;content:"·";display:inline-block;line-height:inherit;font-size:inherit;vertical-align:middle;}
	.sub_history.history1 .history_box .his_detail .detailYear dd li + li {margin-top:2%}
		/* 홀수일때-우측정렬 */
	.sub_history.history1 .history_box:nth-of-type(odd) {}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_year {float:right;text-align:left;}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_detail {float:left;text-align:right;}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_year,
	.sub_history.history1 .history_box:nth-of-type(odd) .his_detail {}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_year .year {padding-left:6.4%;}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_year .year::before {left:0%;transform:translate(-50%, -50%);}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_year .year strong::after {left:0;transform:rotate(45deg) translate(-70%, 0%);}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_detail .detailYear {margin-right:6.4%;text-align:right;}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_detail .detailYear dt {float:right;}
	.sub_history.history1 .history_box:nth-of-type(odd) .his_detail .detailYear dd {float:left;}
		/* 짝수일때-좌측정렬 */
	.sub_history.history1 .history_box:nth-of-type(even) {}
	.sub_history.history1 .history_box:nth-of-type(even) .his_year {float:left;text-align:right;}
	.sub_history.history1 .history_box:nth-of-type(even) .his_detail {float:right;text-align:left;}
	.sub_history.history1 .history_box:nth-of-type(even) .his_year,
	.sub_history.history1 .history_box:nth-of-type(even) .his_detail {}
	.sub_history.history1 .history_box:nth-of-type(even) .his_year .year {padding-right:6.4%;}
	.sub_history.history1 .history_box:nth-of-type(even) .his_year .year::before {right:0%;transform:translate(50%, -50%);}
	.sub_history.history1 .history_box:nth-of-type(even) .his_year .year strong::after {right:0;transform:rotate(225deg) translate(0%, 70%);}
	.sub_history.history1 .history_box:nth-of-type(even) .his_detail .detailYear {margin-left:6.4%;text-align:left;}
	.sub_history.history1 .history_box:nth-of-type(even) .his_detail .detailYear dt {float:left;}
	.sub_history.history1 .history_box:nth-of-type(even) .his_detail .detailYear dd {float:right;}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1023px) {
			/* 상단베너 */
		.sub_history.history1 .history_intro {padding:0 0 32.4%;}
			/* 내용 */
		.sub_history.history1 .history_box .his_year,
		.sub_history.history1 .history_box .his_detail {padding:6.4% 0 3.2% 0;}
		.sub_history.history1 .history_box + .history_box .his_year,
		.sub_history.history1 .history_box + .history_box .his_detail {padding-top:3.2%;}
			/* 연도 */
		.sub_history.history1 .history_box .his_year {}
		.sub_history.history1 .history_box .his_year .year {}
		.sub_history.history1 .history_box .his_year .year strong {line-height:46px;height:46px;font-size:28px;letter-spacing:-0.07em;}
		/* 원 */.sub_history.history1 .history_box .his_year .year::before {width:12px;height:12px;box-shadow:0 0 0 4px rgba(255, 255, 255, 1);}
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-right:12px solid transparent;border-bottom:12px solid #4aabe6;}
			/* 세부내역 */
		.sub_history.history1 .history_box .his_detail .detailYear {padding:3.2% 0 6.4%;width:93.6%;}
		.sub_history.history1 .history_box .his_detail .detailYear + .detailYear {padding-top:6.4%;}
		.sub_history.history1 .history_box .his_detail .detailYear dt {width:12%;line-height:22px;font-size:20px;letter-spacing:-0.05em;}
		.sub_history.history1 .history_box .his_detail .detailYear dd {width:88%;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li {line-height:22px;font-size:15px;}
	}
	@media only screen and (max-width:860px) {
			/* 상단베너 */
		.sub_history.history1 .history_intro {padding:0 0 36.4%;}
			/* 내용 */
		.sub_history.history1 .history_box .his_year,
		.sub_history.history1 .history_box .his_detail {width:50%;padding:6.4% 0 3.2% 0;}
		.sub_history.history1 .history_box + .history_box .his_year,
		.sub_history.history1 .history_box + .history_box .his_detail {padding-top:3.2%;}
			/* 연도 */
		.sub_history.history1 .history_box .his_year .year strong {padding:0 8%;line-height:44px;height:44px;font-size:26px;letter-spacing:-0.06em;}
			/* 세부내역 */
		.sub_history.history1 .history_box .his_detail .detailYear dt {width:12%;line-height:20px;font-size:19px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd {width:88%;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li {line-height:20px;font-size:15px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li + li {margin-top:3.2%}
	}
	@media only screen and (max-width:767px) {
			/* 상단베너 */
		.sub_history.history1 .history_intro {padding:0 0 38.4%;}
			/* 연도 */
		.sub_history.history1 .history_box .his_year .year strong {line-height:40px;height:40px;font-size:24px;letter-spacing:-0.04em;}
		/* 원 */.sub_history.history1 .history_box .his_year .year::before {width:10px;height:10px;box-shadow:0 0 0 3px rgba(255, 255, 255, 1);}
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-right:10px solid transparent;border-bottom:10px solid #4aabe6;}
			/* 세부내역 */
		.sub_history.history1 .history_box .his_detail .detailYear {padding:3.2% 0 6.4%;width:93.6%;}
		.sub_history.history1 .history_box .his_detail .detailYear + .detailYear {padding-top:6.4%;border-top-width:1px;}
		.sub_history.history1 .history_box .his_detail .detailYear dt {width:14%;line-height:19px;font-size:18px;letter-spacing:0px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd {width:86%;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li {line-height:24px;font-size:14px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li + li {margin-top:4.2%}
	}
	@media only screen and (max-width:640px) {
			/* 상단베너 */
		.sub_history.history1 .history_intro {padding:0 0 52.4%;}
			/* 내용 */
		.sub_history.history1 .history_wrap {padding-right:4%;}
		.sub_history.history1 .history_wrap:before {left:4%;width:1px;}
		.sub_history.history1 .history_box .his_year,
		.sub_history.history1 .history_box .his_detail {float:none !important;text-align:left !important;width:100%;}
		.sub_history.history1 .history_box + .history_box .his_year,
		.sub_history.history1 .history_box + .history_box .his_detail {padding-top:6.8%;}
			/* 연도 */
		.sub_history.history1 .history_box .his_year {padding:8.4% 0 0 0;}
		.sub_history.history1 .history_box .his_year .year {padding-left:9.4% !important;}
		.sub_history.history1 .history_box .his_year .year strong {padding:0 7%;font-size:24px;}
		/* 원 */.sub_history.history1 .history_box .his_year .year::before {left:4% !important;transform:translate(-50%, -50%) !important;}
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {left:0 !important;transform:rotate(45deg) translate(-70%, 0%) !important;}
			/* 세부내역 */
		.sub_history.history1 .history_box .his_detail {padding:6.8% 0 0 0;}
		.sub_history.history1 .history_box .his_detail .detailYear {margin-left:8.4% !important;padding:0 0 4.2%;width:91.6%;text-align:left !important;}
		.sub_history.history1 .history_box .his_detail .detailYear + .detailYear {padding-top:4.2%;}
		.sub_history.history1 .history_box .his_detail .detailYear dt,
		.sub_history.history1 .history_box .his_detail .detailYear dd {text-align:left !important;float:left !important;}
		.sub_history.history1 .history_box .his_detail .detailYear dt {width:10%;line-height:20px;font-size:17px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd {width:90%;}
		.sub_history.history1 .history_box .his_detail .detailYear dd ul {}
		.sub_history.history1 .history_box .his_detail .detailYear dd li {font-size:15px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li + li {margin-top:2.0%}
	}
	@media only screen and (max-width:479px) {
			/* 상단베너 */
		.sub_history.history1 .history_intro {padding:0 0 52.4%;}
			/* 내용 */
		.sub_history.history1 .history_wrap {padding-right:4%;}
		.sub_history.history1 .history_wrap:before {left:4%;width:2px;}
		.sub_history.history1 .history_box .his_year,
		.sub_history.history1 .history_box .his_detail {width:100%;}
		.sub_history.history1 .history_box + .history_box .his_year,
		.sub_history.history1 .history_box + .history_box .his_detail {padding-top:6.8%;}
			/* 연도 */
		.sub_history.history1 .history_box .his_year {padding:8.4% 0 0 0;}
		.sub_history.history1 .history_box .his_year .year {padding-left:9.4% !important;}
		.sub_history.history1 .history_box .his_year .year strong {padding:0 6%;line-height:36px;height:36px;font-size:20px;letter-spacing:-0.05em;}
		/* 원 */.sub_history.history1 .history_box .his_year .year::before {left:4.4% !important;transform:translate(-50%, -50%) !important;width:8px;height:8px;box-shadow:0 0 0 2px rgba(255, 255, 255, 1);}
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {left:0 !important;transform:rotate(45deg) translate(-70%, 0%) !important;border-right:8px solid transparent;border-bottom:8px solid #4aabe6;}
			/* 세부내역 */
		.sub_history.history1 .history_box .his_detail {padding:6.8% 0 0 0;}
		.sub_history.history1 .history_box .his_detail .detailYear {margin-left:8.4% !important;padding:0 0 4.2%;width:91.6%;text-align:left !important;}
		.sub_history.history1 .history_box .his_detail .detailYear + .detailYear {padding-top:4.2%;border-top-width:1px;}
		.sub_history.history1 .history_box .his_detail .detailYear dt,
		.sub_history.history1 .history_box .his_detail .detailYear dd {text-align:left !important;float:left !important;}
		.sub_history.history1 .history_box .his_detail .detailYear dt {width:10%;line-height:20px;font-size:15px;letter-spacing:0px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd {width:90%;}
		.sub_history.history1 .history_box .his_detail .detailYear dd ul {}
		.sub_history.history1 .history_box .his_detail .detailYear dd li {line-height:19px;font-size:13px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li::before {margin-right:5px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li + li {margin-top:2.0%}
	}




	/*** company/history2 (연혁2) ***/
	.sub_history.history2 {padding-top:4%;}
	.sub_history.history2 div, .sub_history.history2 p, .sub_history.history2 span, .sub_history.history2 em, .sub_history.history2 strong, .sub_history.history2 dt, .sub_history.history2 dd, .sub_history.history2 dl, .sub_history.history2 li, .sub_history.history2 ul {transition:all 0.2s;}
	.sub_history.history2 div, .sub_history.history2 p, .sub_history.history2 li, .sub_history.history2 dt, .sub_history.history2 dd, .sub_history.history2 th, .sub_history.history2 td {word-break:keep-all;word-wrap:break-word;}
	.sub_history.history2 .history_box {display:table;width:100%}
	.sub_history.history2 .history_box + .history_box {}
	.sub_history.history2 .history_box .his_year,
	.sub_history.history2 .history_box .his_detail {width:50%;display:table-cell;box-sizing:border-box;vertical-align:top;position:relative}
		/* 연도 */
	.sub_history.history2 .history_box .his_year {z-index:5;}
	.sub_history.history2 .history_box .his_year .year {transform:translateY(-32%);text-align:right;}
	.sub_history.history2 .history_box .his_year .year strong {padding-right:13.2%;margin-bottom:4px;line-height:52px;font-size:44px;letter-spacing:-0.09em;font-weight:700;display:block;position:relative;}
	.sub_history.history2 .history_box .his_year .year strong::before,
	.sub_history.history2 .history_box .his_year .year strong::after {content:"";position:absolute;z-index:10;}
	.sub_history.history2 .history_box .his_year .year strong::before {width:11.2%;height:1px;right:0%;top:50%;transform:translateY(-50%);}
	.sub_history.history2 .history_box .his_year .year strong::after {width:6px;height:6px;border-width:3px;border-style:solid;border-radius:100%;background:#fff;top:50%;right:0;transform:translate(50%, -50%);}
	.sub_history.history2 .history_box .his_year .year span {padding-right:13.2%;line-height:22px;font-size:16px;color:#444;font-weight:500;display:block;padding-top:1%;}
		/* 세부내역 */
	.sub_history.history2 .history_box .his_detail {z-index:1;border-left:1px solid #ddd;padding:5.4% 0 7.2% 0;}
	.sub_history.history2 .history_box .his_detail .detailYear {width:100%;position:relative;display:table;}
	.sub_history.history2 .history_box .his_detail .detailYear + .detailYear {margin-top:7%}
	.sub_history.history2 .history_box .his_detail .detailYear dt,
	.sub_history.history2 .history_box .his_detail .detailYear dd {display:table-cell;box-sizing:border-box;}
	.sub_history.history2 .history_box .his_detail .detailYear dt {line-height:26px;font-size:22px;letter-spacing:-0.09em;color:#333;width:90px;padding-left:20px;position:relative;}
	.sub_history.history2 .history_box .his_detail .detailYear dt::before {content:"";width:6px;height:6px;border-radius:100%;display:block;position:absolute;top:13px;left:0;transform:translate(-50%, -50%);}
	.sub_history.history2 .history_box .his_detail .detailYear dd {color:#666;}
	.sub_history.history2 .history_box .his_detail .detailYear dd ul {}
	.sub_history.history2 .history_box .his_detail .detailYear dd li {padding:0 10px;line-height:26px;font-size:16px;position:relative;}
	.sub_history.history2 .history_box .his_detail .detailYear dd li::before {content:"-";position:absolute;top:0;left:0;}
	.sub_history.history2 .history_box .his_detail .detailYear dd li + li {margin-top:2%}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1023px) {
		.sub_history.history2 {padding-top:5%;}
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year {transform:translateY(-32%);}
		.sub_history.history2 .history_box .his_year .year strong {padding-right:16%;line-height:48px;font-size:40px;}
		.sub_history.history2 .history_box .his_year .year strong::before,
		.sub_history.history2 .history_box .his_year .year strong::after {}
		.sub_history.history2 .history_box .his_year .year strong::before {width:12%;}
		.sub_history.history2 .history_box .his_year .year strong::after {width:6px;height:6px;border-width:3px;top:50%;right:0;transform:translate(50%, -50%);}
		.sub_history.history2 .history_box .his_year .year span {padding-right:16%;line-height:21px;font-size:16px; }
			/* 세부내역 */
		.sub_history.history2 .history_box .his_detail {padding:4.4% 0 6.2% 0;}
		.sub_history.history2 .history_box .his_detail .detailYear {display:block;}
		.sub_history.history2 .history_box .his_detail .detailYear + .detailYear {margin-top:7%}
		.sub_history.history2 .history_box .his_detail .detailYear dt,
		.sub_history.history2 .history_box .his_detail .detailYear dd {display:block;}
		.sub_history.history2 .history_box .his_detail .detailYear dt {line-height:24px;font-size:22px;padding-left:4%;}
		.sub_history.history2 .history_box .his_detail .detailYear dt::before {top:12px;}
		.sub_history.history2 .history_box .his_detail .detailYear dd {padding-left:4%;padding-top:2%;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li {padding:0 10px;line-height:24px;font-size:15px;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li + li {margin-top:1.4%}
	}
	@media only screen and (max-width:860px) {
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year strong {line-height:44px;font-size:36px;letter-spacing:-0.08em;}
		.sub_history.history2 .history_box .his_year .year span {line-height:21px;font-size:15px;}
			/* 세부내역 */
		.sub_history.history2 .history_box .his_detail {padding:5.4% 0 7.2% 0;}
		.sub_history.history2 .history_box .his_detail .detailYear + .detailYear {margin-top:8%}
		.sub_history.history2 .history_box .his_detail .detailYear dd li {padding:0 0 0 10px;line-height:23px;font-size:14px;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li + li {margin-top:1.4%}
	}
	@media only screen and (max-width:767px) {
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year strong {padding-right:20%;line-height:38px;font-size:34px;letter-spacing:-0.088em;}
		.sub_history.history2 .history_box .his_year .year strong::before {width:15%;}
		.sub_history.history2 .history_box .his_year .year span {padding-right:20%;font-weight:700;}
			/* 세부내역 */
		.sub_history.history2 .history_box .his_detail {padding:6.4% 0 11.2% 0;}
		.sub_history.history2 .history_box .his_detail .detailYear + .detailYear {margin-top:10%}
		.sub_history.history2 .history_box .his_detail .detailYear dd {padding-top:4%;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li + li {margin-top:1.4%}
	}
	@media only screen and (max-width:640px) {
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year strong {line-height:36px;font-size:33px;}
		.sub_history.history2 .history_box .his_year .year strong::after {width:8px;height:8px;border-width:4px;}
		.sub_history.history2 .history_box .his_year .year span {line-height:20px;}
			/* 세부내역 */
		.sub_history.history2 .history_box .his_detail {padding:6.4% 0 11.2% 0;}
		.sub_history.history2 .history_box .his_detail .detailYear + .detailYear {margin-top:10%}
		.sub_history.history2 .history_box .his_detail .detailYear dt {padding-left:6%;}
		.sub_history.history2 .history_box .his_detail .detailYear dt::before {width:8px;height:8px;}
		.sub_history.history2 .history_box .his_detail .detailYear dd {padding-left:6%;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li + li {margin-top:2.4%}
	}
	@media only screen and (max-width:479px) {
		.sub_history.history2 {padding-top:8%; padding-left:2%;}
		.sub_history.history2 .history_box {display:block;width:100%;border-left:1px solid #ddd;}
		.sub_history.history2 .history_box + .history_box {margin-top:0%;}
		.sub_history.history2 .history_box .his_year,
		.sub_history.history2 .history_box .his_detail {width:100%;display:block;}
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year {transform:translateY(-32%);text-align:left;}
		.sub_history.history2 .history_box .his_year .year strong {padding:0;padding-left:3.8%;margin:0;line-height:32px;font-size:28px;letter-spacing:-0.086em;}
		.sub_history.history2 .history_box .his_year .year strong::after {width:8px;height:8px;border-width:4px;right:auto;left:0;transform:translate(-50%, -50%);}
		.sub_history.history2 .history_box .his_year .year strong::before,
		.sub_history.history2 .history_box .his_year .year span {display:none;}
			/* 세부내역 */
		.sub_history.history2 .history_box .his_detail {border-left:0;padding:5.8% 0 22.8% 0;}
		.sub_history.history2 .history_box:last-child .his_detail {padding-bottom:8%;}
		.sub_history.history2 .history_box .his_detail .detailYear {width:100%;display:table;}
		.sub_history.history2 .history_box .his_detail .detailYear + .detailYear {margin-top:8%}
		.sub_history.history2 .history_box .his_detail .detailYear dt,
		.sub_history.history2 .history_box .his_detail .detailYear dd {display:table-cell;padding-left:4%;}
		.sub_history.history2 .history_box .his_detail .detailYear dt {width:16.4%;line-height:24px;font-size:22px;letter-spacing:-0.09em;}
		.sub_history.history2 .history_box .his_detail .detailYear dt::before {width:8px;height:8px;top:12px;left:0;transform:translate(-50%, -50%);}
		.sub_history.history2 .history_box .his_detail .detailYear dd {width:83.6%;padding-top:0;}
		.sub_history.history2 .history_box .his_detail .detailYear dd ul {transform:translateY(-2%);}
		.sub_history.history2 .history_box .his_detail .detailYear dd li {padding:0 0 0 10px;line-height:22px;font-size:13px;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li::before {content:"-";top:0;left:0;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li + li {margin-top:1.4%;}
	}
	@media only screen and (max-width:320px) {
		.sub_history.history2 {padding-top:8%;}
		.sub_history.history2 .history_box {display:block;width:100%;border-left:1px solid #ddd;}
		.sub_history.history2 .history_box + .history_box {margin-top:0%;}
		.sub_history.history2 .history_box .his_year,
		.sub_history.history2 .history_box .his_detail {width:100%;display:block;}
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year {transform:translateY(-32%);text-align:left;}
		.sub_history.history2 .history_box .his_year .year strong {padding:0;padding-left:3.8%;margin:0;line-height:30px;font-size:25px;letter-spacing:-0.096em;}
		.sub_history.history2 .history_box .his_year .year strong::after {width:8px;height:8px;border-width:3px;right:auto;left:0;transform:translate(-50%, -50%);}
		.sub_history.history2 .history_box .his_year .year strong::before,
		.sub_history.history2 .history_box .his_year .year span {display:none;}
			/* 세부내역 */
		.sub_history.history2 .history_box .his_detail {border-left:0;padding:5.8% 0 22.8% 0;}
		.sub_history.history2 .history_box:last-child .his_detail {padding-bottom:8%;}
		.sub_history.history2 .history_box .his_detail .detailYear {width:100%;display:table;}
		.sub_history.history2 .history_box .his_detail .detailYear + .detailYear {margin-top:8%}
		.sub_history.history2 .history_box .his_detail .detailYear dt,
		.sub_history.history2 .history_box .his_detail .detailYear dd {display:table-cell;padding-left:4%;}
		.sub_history.history2 .history_box .his_detail .detailYear dt {width:20%;line-height:22px;font-size:18px;letter-spacing:-0.05em}
		.sub_history.history2 .history_box .his_detail .detailYear dt::before {width:6px;height:6px;top:11px;left:0;transform:translate(-50%, -50%);}
		.sub_history.history2 .history_box .his_detail .detailYear dd {width:80%;padding-top:0;}
		.sub_history.history2 .history_box .his_detail .detailYear dd ul {transform:translateY(-2%);}
		.sub_history.history2 .history_box .his_detail .detailYear dd li {padding:0 0 0 10px;line-height:20px;font-size:12px;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li::before {content:"-";top:0;left:0;}
		.sub_history.history2 .history_box .his_detail .detailYear dd li + li {margin-top:1.4%;}
	}




	/*** company/history3 (연혁3) ***/
	.sub_history.history3 {padding-top:0%;overflow:hidden;}
	.sub_history.history3 div, .sub_history.history3 p, .sub_history.history3 span, .sub_history.history3 em, .sub_history.history3 strong, .sub_history.history3 dt, .sub_history.history3 dd, .sub_history.history3 dl, .sub_history.history3 li, .sub_history.history3 ul {transition:all 0.2s;}
	.sub_history.history3 div, sub_history.history3 p, .sub_history.history3 li, .sub_history.history3 dt, .sub_history.history3 dd, .sub_history.history3 th, .sub_history.history3 td {word-break:keep-all;word-wrap:break-word;}
	.sub_history.history3 .histroy_intro,
	.sub_history.history3 .history_box {float:left;box-sizing:border-box;vertical-align:top;}
		/* 측면 텍스트 */
	.sub_history.history3 .histroy_intro {width:28%;padding-right:2%;}
	.sub_history.history3 .histroy_intro p {font-size:18px;line-height:30px;font-weight:700;color:#333;}
		/* 연도 */
	.sub_history.history3 .history_box {width:72%;}
	.sub_history.history3 .history_box table.history {width:100%;border-top-width:2px;border-top-style:solid;border-top-color:#333;}
	.sub_history.history3 .history_box table.history th,
	.sub_history.history3 .history_box table.history td {font-size:16px;line-height:20px;padding:2.4% 0;font-weight:500;color:#777;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ddd;vertical-align:top;box-sizing:border-box;}
	.sub_history.history3 .history_box table.history th {width:20%;}
	.sub_history.history3 .history_box table.history td {width:80%;}
	.sub_history.history3 .history_box table.history p,
	.sub_history.history3 .history_box table.history strong {font-size:inherit;font-weight:inherit;line-height:inherit;}
	.sub_history.history3 .history_box table.history span {font-size:inherit;font-weight:inherit;line-height:inherit;font-weight:700;font-size:18px;}
	.sub_history.history3 .history_box table.history p {}
	.sub_history.history3 .history_box table.history p + p {margin-top:1.8%;}
	.sub_history.history3 .history_box table.history strong {color:#333;font-weight:700}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1023px) {
		.sub_history.history3 {padding-top:2%;}
			/* 측면 텍스트 */
		.sub_history.history3 .histroy_intro p {font-size:17px;line-height:26px;}
	}
	@media only screen and (max-width:860px) {
		.sub_history.history3 {padding-top:2%;}
			/* 측면 텍스트 */
		.sub_history.history3 .histroy_intro {width:100%;padding:0 24% 3%;text-align:center;}
		.sub_history.history3 .histroy_intro p {line-height:25px;}
			/* 연도 */
		.sub_history.history3 .history_box {width:100%;}
		.sub_history.history3 .history_box table.history th,
		.sub_history.history3 .history_box table.history td {padding:2.4% 1.8%;}
		.sub_history.history3 .history_box table.history p + p {margin-top:1.2%;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
			/* 측면 텍스트 */
		.sub_history.history3 .histroy_intro {padding:0 16% 3%;}
		.sub_history.history3 .histroy_intro p {line-height:23px;}
			/* 연도 */
		.sub_history.history3 .history_box table.history th,
		.sub_history.history3 .history_box table.history td {font-size:15px;padding:3.2% 1.8%;}
		.sub_history.history3 .history_box table.history th {width:24%;}
		.sub_history.history3 .history_box table.history td {width:76%;}
		.sub_history.history3 .history_box table.history p + p {margin-top:2.8%;}
	}
	@media only screen and (max-width:479px) {
		.sub_history.history3 {padding-top:2%;}
			/* 측면 텍스트 */
		.sub_history.history3 .histroy_intro {padding:0 10% 3%;}
		.sub_history.history3 .histroy_intro p {font-size:15px;line-height:23px;}
			/* 연도 */
		.sub_history.history3 .history_box {}
		.sub_history.history3 .history_box table.history {width:100%;border-top-width:2px;}
		.sub_history.history3 .history_box table.history th,
		.sub_history.history3 .history_box table.history td {font-size:14px;line-height:20px;padding:3.6% 2.0%;}
		.sub_history.history3 .history_box table.history th {width:24%;}
		.sub_history.history3 .history_box table.history td {width:76%;}
		.sub_history.history3 .history_box table.history p {}
		.sub_history.history3 .history_box table.history p + p {margin-top:3.2%;}
		.sub_history.history3 .history_box table.history strong {}
	}
	@media only screen and (max-width:320px) {
			/* 측면 텍스트 */
		.sub_history.history3 .histroy_intro {padding:0 3% 3%;}
	}





/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/

	/* 검색 */
		#wrap .board_search {line-height:30px;margin-bottom:40px;padding: 30px 30px;text-align: right;background-color: #f5f5f5;font-size:0;width:100%;box-sizing:border-box;border-radius: 10px;}
		#wrap .board_search fieldset {line-height:inherit;font-size:0;}
		#wrap .board_search select,
		#wrap .board_search input,
		#wrap .board_search span,
		#wrap .board_search label {vertical-align:top;font-size:18px;line-height:inherit;}
		#wrap .board_search select,
		#wrap .board_search input.input_text {background-color:#fff;color:#666;}
		#wrap .board_search .board_search_sel, #wrap .board_search input.input_text{margin-right: 10px;}
		#wrap .board_search select {width: 170px; margin-right:0;}
		#wrap .board_search input.input_text {width: 360px;}
		#wrap .board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;}

	/* 일반형 목록 */
		#wrap table.bbs_list {border-top:1px solid #333;border-bottom:1px solid #ddd;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
		#wrap table.bbs_list tr {}
		#wrap table.bbs_list tr.board_notice td {background:#f4f4f4;}
		#wrap table.bbs_list tr.board_notice td:nth-of-type(1) {color:#eb3949;font-weight:600;}
		#wrap table.bbs_list th, #wrap table.bbs_list td {padding-left:12px;padding-right:12px;line-height:20px;color:#666;text-align:center;vertical-align:middle; font-family:'Noto Sans KR', dotum, sans-serif;}
		#wrap table.bbs_list td a, #wrap table.bbs_list td em, #wrap table.bbs_list td strong, #wrap table.bbs_list td span {font-size:inherit;line-height:inherit;}
		#wrap table.bbs_list th {padding-top: 23px;padding-bottom: 26px;border-bottom: 1px solid #ddd;color:#333;background: #f5f5f5;font-size: 18px;font-weight: 400;letter-spacing: -0.03em;}
		#wrap table.bbs_list td {padding-top: 20px;padding-bottom: 22px;font-size: 16px;font-weight: 300;letter-spacing: -0.02em;}
		#wrap table.bbs_list td .board_tit {}
		#wrap table.bbs_list td .board_tit h3 {font-size: 13px;color: #333;font-weight: 600;}
		#wrap table.bbs_list td .board_tit .board_ico, #wrap table.bbs_list td .board_tit img, #wrap table.bbs_list td .board_tit h3, #wrap table.bbs_list td .board_tit span {display:inline-block;vertical-align:middle;}
		#wrap table.bbs_list td .board_tit h3 .board_ico {}
		#wrap table.bbs_list td .board_tit img {vertical-align: middle;margin-right: 5px;}
		#wrap table.bbs_list td .board_tit h3 {font-weight: inherit;font-size: inherit;color: inherit;display: inline-block;vertical-align: middle;width: calc(100% - 65px);max-width: 900px;}
		#wrap table.bbs_list td .board_tit h3 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 95%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}

		#wrap table.bbs_list td a {}
		#wrap table.bbs_list .m_non, #wrap table.bbs_list .m_non {display:table-cell;}
		#wrap table.bbs_list td.left {text-align:left;padding-left: 30px;}
		#wrap table.bbs_list td img{display:inline-block;vertical-align:middle;}
		#wrap table.bbs_list td img + img {margin-left:4px;}
		#wrap table.bbs_list td .subscript{font-size:10px; position:relative; top:-3px;}
		#wrap table.bbs_list td .subscript.dwn{top:auto; bottom:0;}
		#wrap table.bbs_list td.pc_td {display:table-cell;}
		#wrap table.bbs_list td.t_td, #wrap table.bbs_list td.m_td {display:none;}
		#wrap table.bbs_list tr + tr td {border-top:1px #ddd solid;}

	/* pagaing wrap */
		#wrap .paging {text-align:center;padding-top:2px;line-height: 30px;font-size:0;margin:4.8% auto 0 auto;vertical-align:top;box-sizing:border-box;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {display:inline-block;font-size: 15px;font-weight: 300;color: #666;padding: 0 5px;border: 0;box-sizing:border-box;height: 30px;line-height: 28px;min-width: 25px;text-align:center; vertical-align:top; font-family: 'Poppins','Pretendard',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
		#wrap .paging a img {height:33px;width:33px;vertical-align:top;}
		#wrap .paging span + span a, #wrap .paging a + a, #wrap .paging a + span a{border-left:0;}
		#wrap .paging .on a, #wrap .paging a.on{color: #0078c4;font-weight: 500;background:none;width: 30px;}
		#wrap .paging a:hover{color:#666;font-weight:500;}
		#wrap .paging .on a:hover{color:#fff;font-weight:600;}
		#wrap .paging .arrow a {font-size:0;width: 30px;}
		#wrap .paging .arrow a img {display:none;}
		#wrap .paging .arrow.first a {background:#fff url("../images/sub/paging_first.png") no-repeat 50% 50%;background-size:auto;}
		#wrap .paging .arrow.prev a {background:#fff url("../images/sub/paging_prev.png") no-repeat 50% 50%;background-size:auto; margin-right:10px;}
		#wrap .paging .arrow.next a {background:#fff url("../images/sub/paging_next.png") no-repeat 50% 50%;background-size:auto; margin-left:10px;}
		#wrap .paging .arrow.last a {background:#fff url("../images/sub/paging_last.png") no-repeat 50% 50%;background-size:auto;}
		#wrap .view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
		#wrap .view_btn .paging {display:inline-block;}

	/*** TABLE view ( board/board_view ) ***/
		.bbs_view {text-align:left;position:relative;z-index:1;}
			/* 제목.작성자.작성일 */
				#wrap .bbs_view div.view_tit {padding: 19px 30px 22px;border-bottom: 1px solid #ddd;border-top:1px solid #333333;background: #f5f5f5;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
				#wrap .bbs_view div.view_tit:after {clear:both;content:"";display:block;}
				#wrap .bbs_view div.view_tit > h3,
				#wrap .bbs_view div.view_tit > p {line-height: 28px;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
				#wrap .bbs_view div.view_tit > h3 {font-size: 18px;width:80%;color: #444;font-weight: 500;text-align:left;letter-spacing: -0.05em; font-family:'Noto Sans KR', dotum, sans-serif;}
				#wrap .bbs_view div.view_tit > p {font-size: 18px;width:20%;line-height:inherit;color: #666;text-align:right;font-weight: 400;letter-spacing: -0.038em; font-family:'Noto Sans KR', dotum, sans-serif;}
			/* 내용 */
				#wrap .bbs_view div.view_cont {padding: 4% 4.5%;font-size: 15px;line-height:25px;min-height:300px;border-bottom:1px solid #ddd;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;word-break:break-all;}
				#wrap .bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.2%;text-align:center;}
				#wrap .bbs_view div.view_cont .thumb_img_wrap img {margin:0 auto;}
				#wrap .bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:15px;}


	/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
		#wrap table.bbs_write {table-layout:fixed;width:100%;border-top:1px solid #333;text-align:left;box-sizing:border-box;}
		#wrap table.bbs_write th, #wrap table.bbs_write td {padding-top: 13px;padding-bottom: 13px;padding-left:20px;padding-right:20px;line-height:30px;border-bottom:1px solid #ddd;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;}
		#wrap table.bbs_write th {padding-left: 30px;padding-right: 30px;font-size: 18px;font-weight: 500;color: #333;background-color: #f5f5f5;}
		#wrap table.bbs_write td {font-size:16px;}
		#wrap table.bbs_write th, #wrap table.bbs_write td, #wrap table.bbs_write tr span, #wrap table.bbs_write tr input, #wrap table.bbs_write tr select {vertical-align: middle;}
		#wrap table.bbs_write tr span, #wrap table.bbs_write tr input, #wrap table.bbs_write tr select, #wrap table.bbs_write tr textarea, #wrap table.bbs_write tr label {color:#333;font-size:inherit;font-weight:400;}
		#wrap table.bbs_write tr select {background:#fff;}
		#wrap table.bbs_write tr label.ex_radio {width:100%;display:block;}
		#wrap table.bbs_write tr input[type="radio"] + label.ex_radio:before, 
		#wrap table.bbs_write tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;}
		#wrap table.bbs_write tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;height:46px; margin:0; margin-right:7px;}
		#wrap table.bbs_write tr td #captcha_box img{width:100% !important; height:100% !important;}
		#wrap table.bbs_write tr td input[name="captcha"], #wrap table.bbs_write tr td .btn_reset, #wrap table.bbs_write tr td #refreshCode {vertical-align:middle !important;}
		#wrap table.bbs_write tr td input[name="captcha"]{width:260px; margin-right:7px;}
		#wrap table.bbs_write tr td .btn_reset, #wrap table.bbs_write tr td #refreshCode{font-size:16px; height:46px; line-height:44px;}
		#wrap table.bbs_write th .require_dot, #wrap table.bbs_write th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;}
		#wrap table.bbs_write th .require_dot {padding-left:4px;}
		#wrap table.bbs_write th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;}
		#wrap table.bbs_write td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;}
		#wrap table.bbs_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
		#wrap table.bbs_write td select, #wrap table.bbs_write td input[type="text"], #wrap table.bbs_write td input[type="password"], #wrap table.bbs_write td input[type="number"], #wrap table.bbs_write td input[type="date"] {min-width:25%;height: 46px;line-height: 44px;width: 100%;}
		#wrap table.bbs_write td input[name="title"] {width:100%;}
		#wrap table.bbs_write td input[name="zip"] {width:80px;min-width:70px;}
		#wrap table.bbs_write td input[name="address"],
		#wrap table.bbs_write td input[name="address2"] {width:55%;min-width:450px;}
		#wrap table.bbs_write td input.tel {min-width:50px;}
		#wrap table.bbs_write td textarea {min-width:100%;height:200px; font-size:15px; color:#666; font-family:'Noto Sans KR', dotum, sans-serif; padding:22px 10px;}
		#wrap table.bbs_write td select.mail_select {margin-left:0px;margin-right:5px;}
		#wrap table.bbs_write td input[name="email_id"] {width:16%;min-width:120px;}
		#wrap table.bbs_write td input[name="email_domain"],
		#wrap table.bbs_write td select.mail_select {width:20%;min-width:140px;}
		#wrap table.bbs_write td input[name="email_domain"] {display:inline-block !important;}
		#wrap table.bbs_write .input_file {}
		#wrap table.bbs_write .input_file td, #wrap table.bbs_write .input_file td input {vertical-align:middle;}
		#wrap table.bbs_write td .file_name {display: inline-block;vertical-align: top;}
		#wrap table.bbs_write td .file_name a {display:inline-block;vertical-align:middle;line-height:23px;}
		#wrap table.bbs_write td .file_name .file_no {margin-left:5px;}
		#wrap table.bbs_write td .at {display:inline-block;vertical-align:middle;margin:0 0 0 3px;}
		#wrap table.bbs_write .input_email input {display:inline-block !important;}
		#wrap table.bbs_write .edit-box{margin-top:10px;}
		#wrap table.bbs_write .policy_cont{padding:7px 0;}

		#wrap .policy_cont {background:#f5f5f5; margin-bottom:120px;padding: 77px 0 61px;}
		#wrap .policy_cont h4{font-size:30px; font-weight:500; color:#333;letter-spacing: -0.05em; text-align:center;margin-bottom: 42px;}
		#wrap .policy_cont div {text-align:left;line-height:30px;}
		#wrap .policy_cont div input[type=checkbox] {}
		#wrap .policy_cont div label {margin-right:20px;cursor:pointer;}
		#wrap .policy_cont textarea {height:300px !important;margin:0;color:#666;width:100%;display:block; margin-bottom:15px;}

	/* 갤러리 리스트 */
		#wrap .sub_board ul.bbs_gallery {margin-left:0px;padding: 0;display: flex;flex-wrap: wrap;}
		#wrap .sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
		#wrap ul.bbs_gallery li {float: none;width: calc(25% - 20.25px);margin: 0 27px 50px 0;position:relative;}
		#wrap ul.bbs_gallery li:nth-of-type(4n) {margin-right:0px;}
		#wrap ul.bbs_gallery li:nth-of-type(4n+1) {clear:both;}
		#wrap ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		#wrap ul.bbs_gallery_top {padding:0 0 0 0;}
		#wrap ul.bbs_gallery li .thumb {text-align:center;width:100%;padding: 0 0 100%;height:0;position: relative;border: 1px solid #ddd;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;}
		#wrap ul.bbs_gallery li .thumb a {vertical-align:top;}
		#wrap ul.bbs_gallery li .thumb img {width: 100%;height: 100%;object-fit: cover;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
		#wrap ul.bbs_gallery li .txt_info {padding: 10px 0 0;}
		#wrap ul.bbs_gallery li .txt_info .board_tit {padding: 4px 0 8px;line-height: 20px;font-size: 0;text-align: center;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 18px;color: #333333;font-weight: 400;line-height: 156%;letter-spacing: -0.027em;}
		#wrap ul.bbs_gallery li .txt_info .board_tit .board_ico,
		#wrap ul.bbs_gallery li .txt_info .board_tit img,
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {display:none;}
		#wrap ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%; font-family:'Noto Sans KR', dotum, sans-serif;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align: top;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break: keep-all;display: inline-block; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		#wrap ul.bbs_gallery li p {display:block;font-size: 16px;color: #666;line-height:19px;margin:0;text-align: center;letter-spacing: -0.03em; font-family:'Noto Sans KR', dotum, sans-serif;}
		#wrap ul.bbs_gallery li p span {display:inline-block;width:1px;height: 10px;background: #999;margin: 6px 14px 0 14px;vertical-align:top;/* display: none; */}
		#wrap ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}


		#wrap .bbs_no_data {padding:1.2%;font-size:13px;line-height:20px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;text-align:center;box-sizing:border-box;}

	@media only screen and (max-width:1023px) {
		#wrap table.bbs_list th, #wrap table.bbs_list td, #wrap table.bbs_list td.left{padding-left:10px; padding-right:10px;}
		#wrap table.bbs_list th{font-size:17px; padding-top:20px; padding-bottom:20px;}
		#wrap table.bbs_list td{font-size:15px; padding-top:15px; padding-bottom:15px;}

		#wrap .bbs_view div.view_tit > h3, #wrap .bbs_view div.view_tit > p{font-size:17px; line-height:145%;}

		#wrap table.bbs_write th{font-size:17px;}
		#wrap table.bbs_write td{font-size:15px;}

		#wrap ul.bbs_gallery li{width:calc(100% / 4 - 11.25px); margin-right:15px;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:17px; line-height:145%;}

		#wrap .policy_cont h4{font-size:27px;}
	}
	@media only screen and (max-width:860px) {
		#wrap .board_search select, #wrap .board_search input, #wrap .board_search span, #wrap .board_search label{font-size:17px;}

		#wrap table.bbs_list.default col:nth-child(1){width:70px;}
		#wrap table.bbs_list.default col:nth-child(3){width:80px;}
		#wrap table.bbs_list.default col:nth-child(4){width:90px;}
		#wrap table.bbs_list.default col:nth-child(5){width:80px;}

		#wrap table.bbs_list th{font-size:16px; padding-top:15px; padding-bottom:15px;}
		#wrap table.bbs_list td{font-size:14px;}
		#wrap table.bbs_list td .subscript{top:-2px;}

		#wrap .bbs_view div.view_tit{padding:13px 15px;}
		#wrap .bbs_view div.view_tit > h3, #wrap .bbs_view div.view_tit > p{font-size:16px;}
		#wrap .bbs_view div.view_tit > h3{width:calc(100% - 150px);}
		#wrap .bbs_view div.view_tit > p{width:150px;}

		#wrap table.bbs_write th{font-size:16px; padding-left:20px; padding-right:20px;}
		#wrap table.bbs_write td{font-size:14px;}

		#wrap table.bbs_write tr td input[name="captcha"]{width:200px;}
		#wrap table.bbs_write tr td .btn_reset, #wrap table.bbs_write tr td #refreshCode{font-size:15px;}

		#wrap ul.bbs_gallery li{width:calc(100% / 3 - 10px);}
		#wrap ul.bbs_gallery li:nth-child(4n){margin-right:15px;}
		#wrap ul.bbs_gallery li:nth-child(3n){margin-right:0;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:16px;}
		#wrap ul.bbs_gallery li p{font-size:15px;}

		#wrap .policy_cont h4{font-size:25px; margin-bottom:30px;}
		#wrap .policy_cont textarea{height:250px !important;}
	}
	@media only screen and (max-width:767px) {
		#wrap .board_search .board_search_sel{width:150px; margin-bottom:0; margin-right:10px;}
		#wrap .board_search select{width:100%; margin-right:0;}
		#wrap .board_search input.input_text{width:calc(100% - 160px); margin-right:0;}
		#wrap .board_search input.btn_md{width:100%; margin-top:10px;}

		#wrap table.bbs_write tr td #captcha_box{display:block; margin-bottom:10px; margin-right:0;}
		#wrap table.bbs_write tr td #captcha_box img{width:auto !important; height:auto important;}
		#wrap table.bbs_write tr td input[name="captcha"]{width:207px;}
	}
	@media only screen and (max-width:640px) {
		#wrap table.bbs_list th{font-size:15px;}
		#wrap table.bbs_list td{font-size:14px;}
		#wrap table.bbs_list td.no_data{display:block !important; width:calc(100vw - 50px);}

		#wrap table.bbs_list.default col:nth-child(1){width:60px;}
		#wrap table.bbs_list.default col:nth-child(3){width:70px;}
		#wrap table.bbs_list.default col:nth-child(4){width:100px;}
		#wrap table.bbs_list.default col:nth-child(5), #wrap table.bbs_list.default th:nth-child(5), #wrap table.bbs_list.default td:nth-child(5){display:none;}
		#wrap table.bbs_list.default col:nth-child(5){width:0 !important;}
		#wrap table.bbs_list td.pc_td, #wrap table.bbs_list td.m_td {display:none;}
		#wrap table.bbs_list td.t_td {display:table-cell;}

		#wrap .bbs_view div.view_tit > h3, #wrap .bbs_view div.view_tit > p{font-size:15px; width:100%; text-align:left;}
		#wrap .bbs_view div.view_tit > p{margin-top:5px;}

		#wrap table.bbs_write th, #wrap table.bbs_write td{padding:10px 15px;}
		#wrap table.bbs_write th{font-size:15px;}
		#wrap table.bbs_write td{font-size:14px;}
		#wrap table.bbs_write td textarea{font-size:14px;}

		#wrap ul.bbs_gallery li{width:calc(100% / 2 - 7.5px); margin-bottom:30px;}
		#wrap ul.bbs_gallery li:nth-child(3n){margin-right:15px;}
		#wrap ul.bbs_gallery li:nth-child(2n){margin-right:0;}
		#wrap ul.bbs_gallery li .txt_info .board_tit{padding:3px 0 5px;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:15px;}
		#wrap ul.bbs_gallery li p{font-size:14px; padding-top:0;}

		#wrap .policy_cont{margin-bottom:50px; padding:50px 0 40px;}
		#wrap .policy_cont h4{font-size:21px; margin-bottom:15px;}
		#wrap .policy_cont textarea{height:200px !important; margin-bottom:10px;}
	}
	@media only screen and (max-width:500px) {
		#wrap table.bbs_write tr td input[name="captcha"]{width:calc(100% - 111.41px);}
	}
	@media only screen and (max-width:479px) {
		#wrap .board_search select, #wrap .board_search input, #wrap .board_search span, #wrap .board_search label{font-size:16px;}

		#wrap table.bbs_list.default col:nth-child(1), #wrap table.bbs_list th:nth-child(1), #wrap table.bbs_list td:nth-child(1), #wrap table.bbs_list.default col:nth-child(4), #wrap table.bbs_list th:nth-child(4), #wrap table.bbs_list td:nth-child(4){display:none;}
		#wrap table.bbs_list.default col:nth-child(1), #wrap table.bbs_list.default col:nth-child(4){width:0 !important;}
		#wrap table.bbs_list td.pc_td, #wrap table.bbs_list td.t_td {display:none;}
		#wrap table.bbs_list td.m_td {display:table-cell;}
		#wrap table.bbs_list.default col:nth-child(3){width:90px;}
		#wrap table.bbs_list th{font-size:14px; padding-top:10px; padding-bottom:10px;}
		#wrap table.bbs_list td{font-size:13px; padding-top:10px; padding-bottom:10px;}
		#wrap table.bbs_list td .board_tit h3{width:73%;}

		#wrap table.bbs_write th{font-size:14px;}
		#wrap table.bbs_write td{font-size:13px;}
		#wrap table.bbs_write td select, #wrap table.bbs_write td input[type="text"], #wrap table.bbs_write td input[type="password"], #wrap table.bbs_write td input[type="number"], #wrap table.bbs_write td input[type="date"]{height:40px; line-height:38px;}
		#wrap table.bbs_write tr td input[name="captcha"]{width:calc(100% - 51px);}
		#wrap table.bbs_write tr td .btn_reset, #wrap table.bbs_write tr td #refreshCode{font-size:0; height:40px; width:40px !important;}
		#wrap table.bbs_write td textarea{font-size:13px;}

		#wrap ul.bbs_gallery li .txt_info{padding:5px 0 0;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:14px;}
		#wrap ul.bbs_gallery li p{font-size:13px;}

		#wrap .policy_cont h4{font-size:19px;}
	}
	@media only screen and (max-width:414px) {
		#wrap .board_search{padding:20px;}
		#wrap .board_search select, #wrap .board_search input, #wrap .board_search span, #wrap .board_search label{font-size:15px;}
		#wrap .board_search .board_search_sel{width:120px;}
		#wrap .board_search input.input_text{width:calc(100% - 130px);}

		#wrap .bbs_view div.view_tit > h3, #wrap .bbs_view div.view_tit > p{font-size:14px;}
		#wrap .bbs_view div.view_cont{font-size:13px;}

		#wrap table.bbs_write th, #wrap table.bbs_list th{font-size:13px;}
		#wrap table.bbs_write td, #wrap table.bbs_list td{font-size:12px;}
	}
	@media only screen and (max-width:360px) {
		#wrap .board_search select, #wrap .board_search input, #wrap .board_search span, #wrap .board_search label{font-size:14px;}
		#wrap .board_search .board_search_sel{width:100%; margin-right:0; margin-bottom:10px;}
		#wrap .board_search input.input_text{width:100%;}
		#wrap .bbs_view div.view_tit > h3, #wrap .bbs_view div.view_tit > p{font-size:13px;}

		#wrap table.bbs_write td select, #wrap table.bbs_write td input[type="text"], #wrap table.bbs_write td input[type="password"], #wrap table.bbs_write td input[type="number"], #wrap table.bbs_write td input[type="date"]{height:36px; line-height:34px;}
		#wrap table.bbs_write tr td input[name="captcha"]{width:calc(100% - 47px);}
		#wrap table.bbs_write tr td .btn_reset, #wrap table.bbs_write tr td #refreshCode{width:36px !important; height:36px;}
		#wrap ul.bbs_gallery li{width:100%; margin-right:0 !important;}
		
	}

/*───────────────────────────────────────────────────────────
	careers
───────────────────────────────────────────────────────────*/
	

	.careers{}
	.careers .talent_info{}
		.careers .talent_info .img_wrap{font-size:0; }
		.careers .talent_info .img_wrap img{width:100%; height:100%; object-fit:cover; min-height:150px;}
		.careers .talent_info .sub_tit{background:#fff; margin-top:-92px;position: relative;width: 75%;box-sizing: border-box;padding:43px 57px;}
		.careers .talent_info .sub_tit h4 br {display:none;}
	.careers .talent_list{margin-top: 70px; padding: 0 25px;}
		.careers .talent_list ul{display:flex; justify-content:space-between;}
		.careers .talent_list ul li{width:100%; margin-right:77px;}
		.careers .talent_list ul li:nth-child(4n){margin-right:0;}
		.careers .talent_list ul li > span{font-size:0;display: block;border: 1px solid #ccc; border-radius:100%;position: relative;padding-bottom: 100%;box-sizing: border-box;}
		.careers .talent_list ul li > span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
		.careers .talent_list ul li dl{text-align: center;}
		.careers .talent_list ul li dt{font-size:26px; font-weight:500; color:#111; letter-spacing:-0.026em;margin-top: 31px;}
		.careers .talent_list ul li dd{font-size:16px; font-weight:300; color:#333; letter-spacing:-0.07em; line-height:30px;line-height: 190%;margin-top: 11px;}

	@media only screen and (max-width:1217px) {
		.careers .talent_info .sub_tit h4 br {display:inline-block;}
		.careers .talent_list ul li{margin-right:50px;}
		.careers .talent_list ul li dt{font-size:24px;}
	}
	@media only screen and (max-width:1152px) {
		.careers .talent_info .sub_tit p br {display:none;}
	}
	@media only screen and (max-width:1023px) {
		.careers .talent_info .sub_tit{padding:33px 47px; margin-top:-50px; width:85%;}

		.careers .talent_list ul li{margin-right:20px;}
		.careers .talent_list ul li > span img{height:65px;}
		.careers .talent_list ul li dt{font-size:23px; margin-top:20px;}
		.careers .talent_list ul li dd{font-size:15px; line-height:160%;}
		.careers .talent_list ul li dd br{display:none;}
		
	}
	@media only screen and (max-width:860px) {
		.careers .talent_info .sub_tit{padding:28px 42px; margin-top:-40px;}

		.careers .talent_list{padding:0 15px;}
		.careers .talent_list ul li > span img{height:55px;}
		.careers .talent_list ul li dt{font-size:20px; margin-top:15px;}
		.careers .talent_list ul li dd{margin-top:7px;}	
	}
	@media only screen and (max-width:767px) {
		.careers .talent_list{padding:0;}
		.careers .talent_list ul li{margin-right:15px;}
		.careers .talent_list ul li > span img{height:50px;}
		.careers .talent_list ul li dt{font-size:18px;}
		.careers .talent_list ul li dd{font-size:14px;}
	}
	@media only screen and (max-width:640px) {
		.careers .talent_info .sub_tit{padding:23px 37px; margin-top:-30px; width:90%;}
	}
	@media only screen and (max-width:540px) {
		.careers .talent_list{margin-top:50px;}
		.careers .talent_list ul{flex-wrap:wrap; padding:0 20px;}
		.careers .talent_list ul li{width:calc(100% / 2 - 7.5px);}
		.careers .talent_list ul li:nth-child(even){margin-right:0;}
		.careers .talent_list ul li:nth-child(n+3){margin-top:30px;}
		.careers .talent_list ul li > span img{height:50px;}
	}
	@media only screen and (max-width:479px) {
		.careers .talent_info .sub_tit{padding:18px 20px; margin-top:-25px; }
	}
	@media only screen and (max-width:414px) {
		.careers .talent_list ul{padding:0;}
	}
	@media only screen and (max-width:375px) {
		.careers .talent_list ul li > span img{height:45px;}
		.careers .talent_list ul li dt{font-size:17px; margin-top:10px;}
		.careers .talent_list ul li dd{margin-top:5px;}
	}
	@media only screen and (max-width:360px) {
		.careers .talent_list ul li dt{font-size:16px; }
		.careers .talent_list ul li dd{font-size:13px;}
	}

/*───────────────────────────────────────────────────────────
	company
───────────────────────────────────────────────────────────*/
	
	/* about */
		.company{}
		.company .about{display:flex; align-items:center; padding-bottom:10.6%;}
		.company .about .sub_tit{width:760px;padding-right:30px;box-sizing:border-box;}
			.company .about .sub_tit h4{line-height: 154%; letter-spacing: -0.038em;}
			.company .about .sub_tit h4 strong{font-weight: bold;}
			.company .about .sub_tit p{font-size:19px;margin-top: 53px;letter-spacing: -0.035em;}
			.company .about .sub_tit p + p{margin-top: 32px;}
			.company .about .sub_tit p .cs_br {display:none;}
			.company .about .sub_tit p .cs_br + br {display:inline-block;}
		.company .about .img_wrap{position:relative; font-size:0; width:800px; margin-right:-30%;z-index: 1;}
			.company .about .img_wrap:before{position:absolute; content:''; width:600px;height: 200vh; right:0;top: -100vh; background:#f5f5f5;z-index: -1;}

		@media only screen and (max-width:1600px) {
			.company .about .img_wrap{margin-right:-15%;}
		}
		@media only screen and (max-width:1217px) {
			.company .about .sub_tit{width:calc(50% + 15px);padding-right:0;box-sizing:border-box;}
			.company .about .sub_tit p{margin-top:40px;font-size:18px;}
			/*.company .about .sub_tit p .cs_br + br {display:inline-block;}
			.company .about .sub_tit h4 br {display:none;}*/			
			.company .about .img_wrap{margin-right:-15px;width:50%;padding-left:20px;box-sizing:border-box;}
			.company .about .img_wrap:before{width:60%;}
		}
		@media only screen and (max-width:1180px) {
			.company .about {justify-content: space-between;align-items: stretch;}
			.company .about .sub_tit{width:calc(60% + 15px);padding-right:15px;}
			.company .about .sub_tit p{font-size:18px;}
			.company .about .img_wrap{margin-right:-15px;width:40%;padding-left:0;position:relative;z-index:1;overflow:hidden;}
			.company .about .img_wrap img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:auto;height:100%;max-width:inherit;}
			.company .about .img_wrap:before{width:60%;}
		}
		@media only screen and (max-width:1023px) {
			.company .about .sub_tit{padding-right:10px;}
			.company .about .sub_tit p, .company .about .sub_tit p + p{margin-top:25px;}
			.company .about .img_wrap{padding-left:10px;}

			.company .about .sub_tit{width:calc(60% + 15px);padding-right:15px;}
			.company .about .sub_tit p{font-size:17px;}
			.company .about .img_wrap{margin-right:-15px;width:40%;padding-left:0;position:relative;z-index:1;overflow:hidden;}
			.company .about .img_wrap img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:auto;height:100%;max-width:inherit;}
			.company .about .img_wrap:before{width:60%;}
		}
		@media only screen and (max-width:960px) {
			.company .about{flex-wrap:wrap;}
			.company .about .sub_tit{padding:0 0 30px;width:100%;}
			.company .about .sub_tit p .cs_br + br {display:none;}
			/*.company .about .sub_tit h4 br {display:none;}*/
			.company .about .img_wrap{padding:0;width:calc(100% + 30px);margin-left:-15px;height:0;padding-top:50%;}
			.company .about .img_wrap img {min-width:100%;height:auto;}
			.company .about .img_wrap:before{width:100%;height:100%;right:-40px;top:auto;bottom:-40px;}
		}
		@media only screen and (max-width:800px) {
			.company .about .sub_tit p, .company .about .sub_tit p + p{margin-top:20px;}
			.company .about .img_wrap{height:auto;padding-top:0;}
			.company .about .img_wrap img {position:static;left:0;top:0;transform:none;width:100%;height:auto;}
		}
		@media only screen and (max-width:640px) {
			.company .about .img_wrap:before{right:-15px; bottom:-15px;}
		}

	/* management */
		.company .management{}
		.company .management .ceo_info{display:flex;align-items: stretch;}
			.company .management .ceo_info .img_wrap{width: calc(50% - 68px); text-align:right; background:#ebf1f5;display: flex;align-items: center;justify-content: flex-end; box-sizing:border-box;}
			.company .management .ceo_info .img_wrap img{width:100%; height:100%; object-fit:cover;}
		.company .management .ceo_info .sub_tit{width:calc(50% + 68px);text-align:left;box-sizing:border-box;background: #f9f9f9;padding: 77px 15px 84px 100px;display: flex;flex-direction: column;justify-content: center;}
			.company .management .ceo_info .sub_tit h4{font-weight:bold;margin-bottom: 25px;}
		.company .management .manager_list{padding-top:120px;}
			.company .management .manager_list > ul{display:flex; flex-wrap:wrap;}
			.company .management .manager_list > ul > li{width:50%; padding-right:20px; box-sizing:border-box; display:inline-flex; align-items:center;}
			.company .management .manager_list > ul > li:nth-child(n+3){margin-top:30px;}
			.company .management .manager_list > ul > li > span{background:#ddd; width:245px; height:280px; display:inline-flex; align-items:center; justify-content:center;}
			.company .management .manager_list > ul > li > span img{width:100%; height:100%; object-fit:cover;}
			.company .management .manager_list > ul > li dl{width:calc(100% - 245px); padding-left:30px; box-sizing:border-box;}
			.company .management .manager_list > ul > li dt{font-size:26px; font-weight:500; color:#333;letter-spacing: -0.057em;}
			.company .management .manager_list .bullet_list{margin-top: 22px;}
			.company .management .manager_list .bullet_list li{font-size: 16px;letter-spacing: -0.015em;line-height: 138%;}
			.company .management .manager_list .bullet_list li:before{top:10px;}
			.company .management .manager_list .bullet_list li + li{margin-top: 8px;}
		.company .management .group_photo{margin-top:120px;}
			.company .management .group_photo ul{display:flex; justify-content:space-between;}
			.company .management .group_photo ul li{width:100%; display:inline-flex; align-items:center; justify-content:center; text-align:center; background:#ddd;height: 31.2vw;}

		@media only screen and (max-width:1217px) {
			.company .management .ceo_info .sub_tit{padding:67px 15px 74px 5.7vw}
			.company .management .manager_list > ul > li{padding-right:10px;}
			.company .management .manager_list > ul > li dl{padding-left:20px;}
			.company .management .manager_list > ul > li dt{font-size:2.1vw;}
			.company .management .manager_list > ul > li > span{width:220px;height:270px}
			.company .management .manager_list .bullet_list{margin-top:15px;}
			.company .management .manager_list .bullet_list li{font-size:14px;}
			.company .management .manager_list .bullet_list li + li{margin-top:7px;}
		}
		@media only screen and (max-width:1100px) {
			.company .management .manager_list > ul > li > span{width:200px; height:245px}
			.company .management .manager_list > ul > li dl{width:calc(100% - 200px);padding-left:15px;}
		}
		@media only screen and (max-width:1023px) {
			.company .management .manager_list > ul > li > span{width:184px; height:225px}
			.company .management .manager_list > ul > li dl{width:calc(100% - 184px);}
		}
		@media only screen and (max-width:975px) {
			.company .management .ceo_info .sub_tit{padding-left:2.5vw}
			.company .management .manager_list > ul > li{width:100%; padding-right:0;}
			.company .management .manager_list > ul > li:nth-child(n+2){margin-top:15px;}
			.company .management .manager_list > ul > li > span{width:245px; height:280px;}
			.company .management .manager_list > ul > li dl{width:calc(100% - 245px);}
			.company .management .manager_list > ul > li dt{font-size:23px;}
			.company .management .manager_list .bullet_list{margin-top:10px;}
			.company .management .manager_list .bullet_list li{font-size:16px;}
			.company .management .manager_list .bullet_list li:before{top:9px;}
		}
		@media only screen and (max-width:860px) {
			.company .management .ceo_info .img_wrap{}
			.company .management .ceo_info .sub_tit{padding:57px 15px 64px 4.0vw}
			.company .management .ceo_info .sub_tit h4{margin-bottom:15px;}
			.company .management .manager_list{padding-top:70px;}
			.company .management .manager_list > ul > li dt{font-size:21px;}
			.company .management .manager_list .bullet_list li{font-size:15px;}
			.company .management .group_photo{margin-top:70px;}
		}
		@media only screen and (max-width:640px) {
			.company .management .ceo_info .sub_tit{width:calc(100% - 240px); padding:47px 15px 54px 25px;}
			.company .management .ceo_info .img_wrap{width:240px;}
			.company .management .manager_list{padding-top:50px;}
			.company .management .manager_list > ul > li dt{font-size:20px;}
			.company .management .manager_list .bullet_list li{font-size:13px;}
			.company .management .group_photo{margin-top:50px;}
			.company .management .group_photo ul{flex-wrap:wrap;}
			.company .management .group_photo ul li{width:100%;}
		}
		@media only screen and (max-width:540px) {
			.company .management .ceo_info .sub_tit{padding:47px 15px 54px 20px;}
			.company .management .manager_list > ul > li > span{width:190px;height:233px;}
			.company .management .manager_list > ul > li dl{padding-left:15px;width:calc(100% - 190px);}
		}
		@media only screen and (max-width:479px) {
			.company .management .ceo_info{flex-wrap:wrap;}
			.company .management .ceo_info .img_wrap, .company .management .manager_list > ul > li > span{width:100%;}
			.company .management .ceo_info .sub_tit, .company .management .manager_list > ul > li dl{width:100%; padding-left:0;}
			.company .management .ceo_info .img_wrap{height:auto; align-items:center; justify-content:center; }
			.company .management .ceo_info .sub_tit{padding:20px 15px 25px;}
			.company .management .ceo_info .sub_tit h4{margin-bottom:10px;}
			.company .management .manager_list > ul > li{flex-wrap:wrap;}
			.company .management .manager_list > ul > li:nth-child(n+2){margin-top:30px;}
			.company .management .manager_list > ul > li > span{width:100%; height:auto; margin:0 auto 15px}
			.company .management .manager_list > ul > li dt{font-size:17px;}
			.company .management .manager_list .bullet_list li{font-size:14px;}
			.company .management .manager_list .bullet_list li:before{top:8px;}
		}
		

	/* history */
		.company .history{padding-bottom: 11%;}
		.company .history .his_list{position:relative;z-index: 1;margin-top: -20px;}
			.company .history .his_list:before{position:absolute; content:'';width: 582px;height: 400vh;background: #f5f5f5;top: -100vh;left: -352px;z-index: -1;}
			.company .history .his_list > li{}
			.company .history .his_list > li + li{border-top:1px solid #999;}
			.company .history .his_list > li > dl{display:table;width: 100%;}
			.company .history .his_list .year{display:table-cell; font-size:60px; font-weight:600; color:#333; width:230px;vertical-align: top;line-height: 1;letter-spacing: -0.05em;font-family: 'Poppins','Pretendard',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;padding-top: 48px;}
			.company .history .his_list .cs_br {display:none !important;}
			.company .history .his_list .cs_br + br {display:inline-block;}
		.company .history .his_list .cont_list{display:table-cell; width:calc(100% - 230px);vertical-align: top;padding-left: 100px;box-sizing: border-box;padding-top: 0;} 
			.company .history .his_list .cont_list ul{}
			.company .history .his_list .cont_list li{position:relative;padding: 56px 300px 56px 0;box-sizing: border-box;}
			.company .history .his_list .cont_list li + li{}
			.company .history .his_list .cont_list li + li:before{position:absolute; content:''; width:calc(100% - 96px); height:1px; background:#ddd; right:0; top:0;}
			.company .history .his_list .cont_list li em{display:inline-block;width: 96px; font-size:30px; font-weight:400; color:#333; vertical-align:top;letter-spacing: -0.067em;font-family: 'Poppins','Pretendard',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
			.company .history .his_list .cont_list li span{display:inline-block;width:100%; font-size:20px; font-weight:400; color:#333; line-height:32px; vertical-align:top;letter-spacing: -0.03em;padding-top:2px; width: calc(100% - 96px);}
			.company .history .his_list .cont_list .img_wrap{position:absolute; right:0; top:50%; transform:translateY(-50%);font-size: 0;z-index: -1;}

		@media only screen and (max-width:1217px) {
			.company .history .his_list:before{width: 215px;left: -15px;}
			.company .history .his_list .year{font-size:57px; width:210px;}
			.company .history .his_list .cont_list{width:calc(100% - 210px);}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 80px);}
			.company .history .his_list .cont_list li em{font-size:27px; width:80px;}
			.company .history .his_list .cont_list li span{font-size:19px; width:calc(100% - 80px);}
		}
		@media only screen and (max-width:1130px) {
			.company .history .his_list .cont_list{padding-left:70px;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 70px);}
			.company .history .his_list .cont_list li em{width:70px;}
			.company .history .his_list .cont_list li span{width:calc(100% - 70px);}
		}
		@media only screen and (max-width:1090px) {
			.company .history .his_list .cont_list{width:calc(100% - 210px);padding-left:40px;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 60px);}
			.company .history .his_list .cont_list li em{font-size:2.5vw;width:60px;}
			.company .history .his_list .cont_list li span{font-size:18px;width:calc(100% - 60px);}
		}
		@media only screen and (max-width:1027px) {
			.company .history .his_list:before{width: 20vw;}
			.company .history .his_list .year{width: 18.6vw;font-size: 5.5vw; padding-top:5%;}
			.company .history .his_list .cont_list{width: calc(100% - 18.6vw);padding-left: 6.5vw;}
			.company .history .his_list .cont_list li{padding:50px 260px 50px 0;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 70px);}
			.company .history .his_list .cont_list li em{font-size: 2.6vw;width:70px;}
			.company .history .his_list .cont_list li span{font-size: 17px;line-height: 200%;width:calc(100% - 70px);}
			.company .history .his_list .cont_list .img_wrap{width:250px;}
		}
		@media only screen and (max-width:960px) {
			.company .history .his_list .cont_list{padding-left:5.2vw;}
			.company .history .his_list .cont_list li{padding-right:210px;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 50px);}
			.company .history .his_list .cont_list li em{width:50px;}
			.company .history .his_list .cont_list li span{width:calc(100% - 50px);}
			.company .history .his_list .cont_list .img_wrap{width:200px;}
		}
		@media only screen and (max-width:860px) {
			.company .history .his_list .cont_list{padding-left:4.8vw;}
			.company .history .his_list .cont_list li{padding:45px 170px 45px 0;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 40px);}
			.company .history .his_list .cont_list .img_wrap{width:180px;}
			.company .history .his_list .cont_list li em{width:40px;}
			.company .history .his_list .cont_list li span{font-size:16px; width:calc(100% - 40px);padding-top:0;}
		}
		@media only screen and (max-width:767px) {
			.company .history .his_list:before{width:150px;}
			.company .history .his_list .year{width:135px; padding-top:5.5%}
			.company .history .his_list .cont_list{width:calc(100% - 150px);padding-left:22px;}
			.company .history .his_list .cont_list li{padding:40px 150px 40px 0;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 40px);}
			.company .history .his_list .cont_list li em{width:40px;font-size: 20px;}
			.company .history .his_list .cont_list li span{font-size:15px;width: calc(100% - 40px);}
			.company .history .his_list .cont_list .img_wrap{width:150px;}
		}
		@media only screen and (max-width:700px) {
			.company .history .his_list{margin-top:0;}
			.company .history .his_list:before{display:none;}
			.company .history .his_list .year, .company .history .his_list .cont_list{display:block; width:100%;}
			.company .history .his_list .year{padding-top:30px;}
			.company .history .his_list .cont_list{padding-left:0;}
			.company .history .his_list .cont_list li{padding: 25px 150px 25px 0;}
			.company .history .his_list .cont_list li span{line-height:160%;}
		}
		@media only screen and (max-width:543px) {
			.company .history .his_list .cont_list li{padding-right:0;text-align:right;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 40px);}
			.company .history .his_list .cont_list li em{font-size:19px; width:40px;text-align:left;}
			.company .history .his_list .cont_list li span{font-size:14px; width:calc(100% - 40px);text-align:left;}
			.company .history .his_list .cont_list .img_wrap {width:150px;margin-top:10px;position:static;transform:none;display:inline-block;margin:0 0 0 auto;left:auto;top:0;}
		}
		@media only screen and (max-width:479px) {
			.company .history .his_list .year{padding-top:20px;}
			.company .history .his_list .cont_list li{padding:20px 0;}
			.company .history .his_list .cont_list li + li:before{width:calc(100% - 40px);}
			.company .history .his_list .cont_list li em{font-size:18px; width:40px;}
			.company .history .his_list .cont_list li span{width:calc(100% - 40px);}
		}
		@media only screen and (max-width:414px) {
			.company .history .his_list .year{font-size:23px;}
		}
		@media only screen and (max-width:370px) {
			.company .history .his_list .cs_br + br {display:none;}
		}

	/* history */
		.company .location{}
		.company .location .map_wrap{position:relative; width:100%; font-size:0;}
		.company .location .map_wrap iframe{height:720px;}
		.company .location .map_wrap .cont_info{position:absolute;right: 13.6%;bottom: 60px; background:#0078c4;padding: 50px 70px;box-shadow: 0 12px 35px rgb(0 0 0 / 31%);}
		.company .location .map_wrap .cont_info h4{display:flex; align-items:center;font-size: 17px; color:#fff; font-weight:400;}
		.company .location .map_wrap .cont_info h4 span{display:inline-flex; font-size:0;margin-right: 20px;}
		.company .location .map_wrap .cont_info ul{margin-top: 55px;}
		.company .location .map_wrap .cont_info ul li{}
		.company .location .map_wrap .cont_info ul li + li{margin-top: 20px;}
		.company .location .map_wrap .cont_info ul li dl{display:table;width: 100%;}
		.company .location .map_wrap .cont_info ul li dt, .company .location .map_wrap .cont_info ul li dd{display:table-cell; font-size:16px;font-weight: 300;}
		.company .location .map_wrap .cont_info ul li dt{color:rgba(255,255,255,0.7); width:78px;letter-spacing: -0.03em;font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
		.company .location .map_wrap .cont_info ul li dd{color:#fff; width:calc(100% - 78px);letter-spacing: -0.02em;font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}

		@media only screen and (max-width:1800px) {
			.company .location .map_wrap .cont_info{right:60px;}
		}
		@media only screen and (max-width:1400px) {
			.company .location .map_wrap .cont_info{padding:40px 60px;}
			.company .location .map_wrap .cont_info ul{margin-top:30px;}
			.company .location .map_wrap .cont_info ul li + li{margin-top:15px;}
		}
		@media only screen and (max-width:1217px) {
			.company .location .map_wrap iframe{height:59vw; min-height:200px;}
			.company .location .map_wrap .cont_info{padding:40px 50px;}
		}
		@media only screen and (max-width:1170px) {
			.company .location .map_wrap .cont_info{position:relative; bottom:auto; right:auto; padding:40px 50px;}
		}
		@media only screen and (max-width:540px) {
			.company .location .map_wrap .cont_info{padding:40px 30px;}
			.company .location .map_wrap .cont_info h4{font-size:16px;}
			.company .location .map_wrap .cont_info h4 span{width:160px; margin-right:15px;}
			.company .location .map_wrap .cont_info ul{margin-top:25px;}
			.company .location .map_wrap .cont_info ul li dt, .company .location .map_wrap .cont_info ul li dd{font-size:15px;}
			.company .location .map_wrap .cont_info ul li + li{margin-top:10px;}
		}
		@media only screen and (max-width:414px) {
			.company .location .map_wrap .cont_info{padding:35px 25px;}
			.company .location .map_wrap .cont_info h4{font-size:15px;}
			.company .location .map_wrap .cont_info ul li dt, .company .location .map_wrap .cont_info ul li dd{font-size:14px;}
		}


	/* sab */
		.company .sab {}
		.company .sab > div {margin-top: 130px;}
		.company .sab .bullet_list > li {box-sizing: border-box; font-weight: 400; color: #666; letter-spacing: -0.9px;}
		.company .sab .bullet_list > li + li {margin-top: 16px;}

		.company .sab .about_sab {margin-top: 24px;}
		.company .sab .about_sab > .img_box {position: relative; display: flex; justify-content: flex-end; box-sizing: border-box; padding-top: 64px;}
		.company .sab .about_sab > .img_box:before {content: "Stanley N. Cohen, M.D."; position: absolute; right: 0; top: -6px; font-size: 56px; font-weight: 600; color: #a3c3e2; letter-spacing: -1.68px; line-height: 1; font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
		.company .sab .about_sab > .img_box .thumb {position: relative;}
		.company .sab .about_sab > .img_box .thumb:nth-child(1) {position: absolute; left: 0; top: 0; width: 30%; z-index: 1;}
		.company .sab .about_sab > .img_box .thumb:nth-child(2) {width: 72.5%;}
		.company .sab .about_sab > .img_box .thumb img {width: 100%; height: 100%; object-fit: cover;}
		.company .sab .about_sab .table_box {margin-top: 100px;}
		#wrap .company .sab .about_sab .table_box table.bbs_list th {font-size: 20px; font-weight: 500; letter-spacing: -1px; line-height: 1.5;}
		#wrap .company .sab .about_sab .table_box table.bbs_list td {padding: 26px 50px 30px 40px; text-align: left;}
		.company .sab .about_sab .table_box table.bbs_list td .con_box {display: flex; justify-content: space-between; align-items: center;}
		.company .sab .about_sab .table_box table.bbs_list td .con_box .bullet_list > li:before {top: 10px;}
		.company .sab .about_sab .table_box table.bbs_list td .con_box .img_box {margin-left: 20px;}

		.company .sab .sab_history {background: #f5f5f5; box-sizing: border-box; padding: 108px 0;}
		.company .sab .sab_history .history_box {position: relative; margin-top: 76px;}
		.company .sab .sab_history .history_box:before {content: ""; position: absolute; left: 50%; top: 10px; transform: translateX(calc(-50% - 0.5px)); width: 1px; height: 96%; background: #ff9500;}
		.company .sab .sab_history .history_box dl {box-sizing: border-box; padding-left: calc(50% + 50px);}
		.company .sab .sab_history .history_box dl + dl {margin-top: 62px;}
		.company .sab .sab_history .history_box dt {position: relative; margin-bottom: 14px; font-size: 24px; font-weight: 500; color: #333; letter-spacing: -1.2px; font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
		.company .sab .sab_history .history_box dt:before {content: ""; position: absolute; left: -61px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background: url("../images/sub/sab_history_dot.png") no-repeat center; background-size: 100%;}
		.company .sab .sab_history .history_box dd .bullet_list {margin-bottom: 26px;}
		.company .sab .sab_history .history_box dd .bullet_list > li {padding-left: 0; line-height: 2;}
		.company .sab .sab_history .history_box dd .bullet_list > li:before {display: none;}
		.company .sab .sab_history .history_box dd .bullet_list > li + li {margin-top: 4px;}
		.company .sab .sab_history .history_box dd .bullet_list > li strong {font-weight: 500; color: #333;}
		.company .sab .sab_history .history_box dd img {margin-left: 10px;}
			.company .sab .sab_history .history_box dl:nth-of-type(even) {padding-left: 0; padding-right: calc(50% + 50px); text-align: right;}
			.company .sab .sab_history .history_box dl:nth-of-type(even) dt:before {left: inherit; right: -61px;}
			.company .sab .sab_history .history_box dl:nth-of-type(even) dd img {margin-right: 10px;}

		.company .sab .sab_member .member_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
		.company .sab .sab_member .member_list > li {display: flex; align-items: center; width: calc(50% - 15px); margin-bottom: 30px; box-sizing: border-box; border: 1px solid #ddd;}
		.company .sab .sab_member .member_list > li .img_box {display: flex; align-items: center; width: 200px; max-width: 200px; height: 100%; background: #f5f5f5;}
		.company .sab .sab_member .member_list > li .img_box img {width: 100%; object-fit: cover;}
		.company .sab .sab_member .member_list > li .txt_box {width: calc(100% - 200px);box-sizing: border-box; padding: 14px 40px;}
		.company .sab .sab_member .member_list > li .txt_box strong {display: block; margin-bottom: 20px; font-size: 26px; font-weight: 500; color: #333; letter-spacing: -1.3px;}
		.company .sab .sab_member .member_list > li .txt_box .bullet_list li {font-size: 16px; font-weight: 300; color: #666; letter-spacing: -0.8px;}
		.company .sab .sab_member .member_list > li .txt_box .bullet_list li + li {margin-top: 5px;}
			.company .sab .sab_member .member_list > li:first-child {width: 100%;}
			.company .sab .sab_member .member_list > li:first-child .img_box {width: 290px; max-width: 290px;}
			.company .sab .sab_member .member_list > li:first-child .txt_box {width: calc(100% - 290px); box-sizing: border-box; padding: 14px 80px 14px 100px;}
			.company .sab .sab_member .member_list > li:first-child .txt_box strong {font-size: 36px; font-weight: 600; font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
			.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list {display: flex; flex-wrap: wrap;}
			.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li {width: 50%; font-size: 18px; color: #333}
			.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li + li {margin-top: 14px;}
			.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li:nth-child(2) {margin-top: 0;}


		@media only screen and (max-width:1217px) {
			.company .sab > div {margin-top: 120px;}
			.company .sab .bullet_list > li + li {margin-top: 12px;}

			.company .sab .about_sab > .img_box {padding-top: 5.2vw;}
			.company .sab .about_sab > .img_box:before {font-size: 4.6vw;}
			.company .sab .about_sab .table_box {margin-top: 90px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list td {padding: 20px 45px 25px 35px;}

			.company .sab .sab_history {padding: 98px 0;}
			.company .sab .sab_history .history_box {margin-top: 66px;}
			.company .sab .sab_history .history_box dl + dl {margin-top: 52px;}
			.company .sab .sab_history .history_box dt {font-size: 23px;}

			.company .sab .sab_member .member_list > li .img_box {width: 180px;}
			.company .sab .sab_member .member_list > li .txt_box {width: calc(100% - 180px); padding: 14px 35px;}
			.company .sab .sab_member .member_list > li .txt_box strong {margin-bottom: 16px; font-size: 24px;}
			.company .sab .sab_member .member_list > li .txt_box .bullet_list li {font-size: 15px;}
				.company .sab .sab_member .member_list > li:first-child .img_box {width: 270px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box {width: calc(100% - 270px); padding: 14px 60px 14px 80px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box strong {font-size: 33px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li {font-size: 17px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li + li {margin-top: 12px;}
		}
		@media only screen and (max-width:1023px) {
			.company .sab > div {margin-top: 110px;}

			.company .sab .about_sab .table_box {margin-top: 80px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list th {font-size: 19px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list td {padding: 15px 40px 20px 30px;}

			.company .sab .sab_history {padding: 88px 0;}
			.company .sab .sab_history .history_box dl {padding-left: calc(50% + 40px);}
			.company .sab .sab_history .history_box dt:before {left: -51px;}
				.company .sab .sab_history .history_box dl:nth-of-type(even) {padding-left: 0; padding-right: calc(50% + 40px);}
				.company .sab .sab_history .history_box dl:nth-of-type(even) dt:before {left: inherit; right: -51px;}

			.company .sab .sab_member .member_list > li {width: calc(50% - 10px); margin-bottom: 20px;}
			.company .sab .sab_member .member_list > li .img_box {width: 160px;}
			.company .sab .sab_member .member_list > li .txt_box {width: calc(100% - 160px); padding: 14px 30px;}
				.company .sab .sab_member .member_list > li:first-child .img_box {width: 250px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box {width: calc(100% - 250px); padding: 14px 40px 14px 60px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box strong {font-size: 30px;}
		}
		@media only screen and (max-width:960px) {
			.company .sab .about_sab .table_box {margin-top: 70px;}

			.company .sab .sab_history .history_box dd .bullet_list > li br {display: none;}

			.company .sab .sab_member .member_list > li .img_box {width: 140px;}
			.company .sab .sab_member .member_list > li .txt_box {width: calc(100% - 140px); padding: 14px 25px;}
				.company .sab .sab_member .member_list > li:first-child .img_box {width: 230px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box {width: calc(100% - 230px); padding: 14px 20px 14px 40px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box strong {font-size: 27px;}
		}
		@media only screen and (max-width:860px) {
			.company .sab > div {margin-top: 100px;}

			.company .sab .about_sab .table_box {margin-top: 60px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list col:nth-child(1) {width: 22%; min-width: 90px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list th {font-size: 18px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list td {padding: 10px 25px 15px;}
			.company .sab .about_sab .table_box table.bbs_list td .con_box {align-items: flex-start; flex-direction: column;}
			.company .sab .about_sab .table_box table.bbs_list td .con_box .img_box {margin-left: 0; margin-top: 20px;}

			.company .sab .sab_history {padding: 78px 0;}
			.company .sab .sab_history .history_box {margin-top: 56px;}
			.company .sab .sab_history .history_box dd .bullet_list {margin-bottom: 16px;}
			.company .sab .sab_history .history_box dt {margin-bottom: 8px; font-size: 22px;}
			.company .sab .sab_history .history_box dt:before {width: 20px; height: 20px;}

			.company .sab .sab_member .member_list > li .img_box {width: 120px;}
			.company .sab .sab_member .member_list > li .txt_box {width: calc(100% - 120px); padding: 14px 20px;}
			.company .sab .sab_member .member_list > li .txt_box strong {margin-bottom: 12px; font-size: 22px;}
			.company .sab .sab_member .member_list > li .txt_box .bullet_list li {font-size: 14px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li {width: 100%; font-size: 16px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li + li,
				.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li:nth-child(2) {margin-top: 6px;}
		}
		@media only screen and (max-width:793px) {
			.company .sab .sab_history .history_box:before {height: 94%;}

			.company .sab .sab_member .member_list > li {width: 100%;}
			.company .sab .sab_member .member_list > li .img_box {width: 28%;}
			.company .sab .sab_member .member_list > li .txt_box {width: calc(100% - 28%);}
				.company .sab .sab_member .member_list > li:first-child .img_box {width: 35%;}
				.company .sab .sab_member .member_list > li:first-child .txt_box {width: calc(100% - 35%); padding: 14px 15px 14px 30px;}
		}
		@media only screen and (max-width:640px) {
			.company .sab > div {margin-top: 90px;}

			.company .sab .about_sab .table_box {margin-top: 50px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list th {font-size: 17px;}

			.company .sab .sab_history {padding: 68px 0;}
			.company .sab .sab_history .history_box:before {height: 96%;}
			.company .sab .sab_history .history_box {margin-top: 46px;}
			.company .sab .sab_history .history_box:before {left: 12px;}
			.company .sab .sab_history .history_box dl {padding-left: 40px;}
			.company .sab .sab_history .history_box dl + dl {margin-top: 42px;}
			.company .sab .sab_history .history_box dt {font-size: 21px;}
			.company .sab .sab_history .history_box dt:before {left: -38px;}
				.company .sab .sab_history .history_box dl:nth-of-type(even) {padding-left: 40px; padding-right: 0; text-align: left;}
				.company .sab .sab_history .history_box dl:nth-of-type(even) dt:before {left: -38px; right: inherit;}

			.company .sab .sab_member .member_list > li {margin-bottom: 15px;}
			.company .sab .sab_member .member_list > li .txt_box strong {margin-bottom: 8px; font-size: 20px;}
			.company .sab .sab_member .member_list > li .txt_box .bullet_list li {font-size: 13px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box .bullet_list li {font-size: 15px;}
		}
		@media only screen and (max-width:590px) {
				.company .sab .sab_member .member_list > li:first-child {display: flex; flex-direction: column;}
				.company .sab .sab_member .member_list > li:first-child .img_box {width: 100%; max-width: 100%; height: 260px; overflow: hidden;}
				.company .sab .sab_member .member_list > li:first-child .txt_box {width: 100%; padding: 20px;}
				.company .sab .sab_member .member_list > li:first-child .txt_box strong {font-size: 25px;}
		}
		@media only screen and (max-width:479px) {
			.company .sab > div {margin-top: 80px;}

			.company .sab .about_sab .table_box {margin-top: 40px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list col:nth-child(1) {display: table-column;}
			#wrap .company .sab .about_sab .table_box table.bbs_list th {display: table-cell; font-size: 16px;}
			#wrap .company .sab .about_sab .table_box table.bbs_list td {padding: 10px 20px 15px;}
			.company .sab .about_sab .table_box table.bbs_list td .con_box .img_box {margin-top: 14px;}
			.company .sab .about_sab .table_box table.bbs_list td .con_box .img_box img {width: 80%;}

			.company .sab .sab_history {padding: 58px 0;}
			.company .sab .sab_history .history_box:before {height: 94%;}
			.company .sab .sab_history .history_box dt {font-size: 20px;}
			.company .sab .sab_history .history_box dl + dl {margin-top: 32px;}
		}
		@media only screen and (max-width:414px) {
			#wrap .company .sab .about_sab .table_box table.bbs_list th {display: table-cell; font-size: 15px;}
		}

/*───────────────────────────────────────────────────────────
	science
───────────────────────────────────────────────────────────*/
	
	/* business */
		.science .business{padding-bottom:10%;}
		.science .business .biz_top_list{}
			.science .business .biz_top_list > ul{display:flex; justify-content:space-between;}
			.science .business .biz_top_list > ul li{position:relative; width:100%; text-align:center; border-radius:100%;height: 264px;box-sizing: border-box; background:url('../images/sub/biz_top_list_bd01.png') no-repeat center;}
			.science .business .biz_top_list > ul li + li{margin-left: -30px;}
			.science .business .biz_top_list > ul li:nth-child(even){background:url('../images/sub/biz_top_list_bd02.png') no-repeat center;}
				.science .business .biz_top_list > ul li:nth-child(1){z-index: 5;}
				.science .business .biz_top_list > ul li:nth-child(2){z-index: 4;}
				.science .business .biz_top_list > ul li:nth-child(3){z-index: 3;}
				.science .business .biz_top_list > ul li:nth-child(4){z-index: 2;}
				.science .business .biz_top_list > ul li:nth-child(5){z-index: 1; background:url('../images/sub/biz_top_list_bd03.png') no-repeat center;}
				.science .business .biz_top_list > ul li:before{position:absolute; content:''; width:73px; height:76px; left:50%; transform:translateX(-50%); top:50px;}
				.science .business .biz_top_list > ul li:nth-child(1):before{background:url('../images/sub/biz_top_list_icon01.png') no-repeat center; }
				.science .business .biz_top_list > ul li:nth-child(2):before{background:url('../images/sub/biz_top_list_icon02.png') no-repeat center; }
				.science .business .biz_top_list > ul li:nth-child(3):before{background:url('../images/sub/biz_top_list_icon03.png') no-repeat center; }
				.science .business .biz_top_list > ul li:nth-child(4):before{background:url('../images/sub/biz_top_list_icon04.png') no-repeat center;}
				.science .business .biz_top_list > ul li:nth-child(5):before{background:url('../images/sub/biz_top_list_icon05.png') no-repeat center; }
			.science .business .biz_top_list > ul li span{font-size:20px;top:147px;height:3.9em;line-height:1.3em;font-weight:500; color:#333;position: absolute;left: 50%;transform: translateX(-50%);width: 100%;letter-spacing: -0.03em;}	
			.science .business .biz_top_list > ul li:nth-child(3) span,.science .business .biz_top_list > ul li:nth-child(5) span{top: calc(147px - 0.65em);height:5.2em;}
		.science .business .biz_btm_list{margin-top:80px;}
			.science .business .biz_btm_list > ul{border-top:1px solid #333;}
			.science .business .biz_btm_list > ul li{border-bottom:1px solid #ddd;}
			.science .business .biz_btm_list > ul li dl{display:flex; align-items:center; height:160px;}
			.science .business .biz_btm_list > ul li dt{position:relative; font-size:20px; font-weight:500; color:#333; letter-spacing:-0.04em; width:494px; padding-left:240px;padding-right:30px; box-sizing:border-box;}
				.science .business .biz_btm_list > ul li dt:before{position:absolute; content:''; width:80px; height:80px; border-radius:100%; top:50%; transform:translateY(-50%); left:100px;}
				.science .business .biz_btm_list > ul li:nth-child(1) dt:before{background:#0078c4 url('../images/sub/biz_btm_list_icon01.png') no-repeat center;}
				.science .business .biz_btm_list > ul li:nth-child(2) dt:before{background:#ff9500 url('../images/sub/biz_btm_list_icon02.png') no-repeat center;}
				.science .business .biz_btm_list > ul li:nth-child(3) dt:before{background:#0078c4 url('../images/sub/biz_btm_list_icon03.png') no-repeat center;}
				.science .business .biz_btm_list > ul li:nth-child(4) dt:before{background:#ff9500 url('../images/sub/biz_btm_list_icon04.png') no-repeat center;}
				.science .business .biz_btm_list > ul li:nth-child(5) dt:before{background:#0078c4 url('../images/sub/biz_btm_list_icon05.png') no-repeat center;}
				.science .business .biz_btm_list > ul li dt .cs_br {display:none;}
				.science .business .biz_btm_list > ul li dt .cs_br + br {display:inline-block;}
			.science .business .biz_btm_list > ul li dd{position:relative; font-size:16px; font-weight:400; color:#666; letter-spacing:-0.015em; line-height:26px; padding-left:50px; box-sizing:border-box; width:calc(100% - 494px);}
				.science .business .biz_btm_list > ul li dd:before{position:absolute; content:''; width:1px; height:30px; background:#ddd; top:50%; left:0; transform:translateY(-50%);}
			
		@media only screen and (max-width:1217px) {
			.science .business .biz_top_list > ul li{height:auto;padding-bottom: 22.023%;background-size: 100% !important;}
			.science .business .biz_top_list > ul li + li{margin-left: -2.48vw;}
			.science .business .biz_top_list > ul li:before{top: 19%; background-size:auto 5vw !important}
			.science .business .biz_top_list > ul li span{font-size:1.6vw;top: 56%;height:3.9em;}
			.science .business .biz_top_list > ul li:nth-child(3) span,.science .business .biz_top_list > ul li:nth-child(5) span{top: calc(56% - 0.65em);height:5.2em;}

			.science .business .biz_btm_list > ul li dt{padding-left:170px; width:400px; font-size:19px;}
			.science .business .biz_btm_list > ul li dt:before{left:45px;}
			.science .business .biz_btm_list > ul li dd{width:calc(100% - 400px);}
		}
		@media only screen and (max-width:1023px) {
			.science .business .biz_btm_list > ul li dt{padding-left:130px; width:350px; font-size:18px;padding-right:15px;}
			.science .business .biz_btm_list > ul li dt:before{left:25px;}
			.science .business .biz_btm_list > ul li dd{width:calc(100% - 350px);}
			.science .business .biz_btm_list > ul li dd {padding-left:40px;}
		}
		@media only screen and (max-width:975px) {
			.science .business .biz_btm_list > ul li dt{padding-left:105px; width:310px; font-size:17px;}
			.science .business .biz_btm_list > ul li dt:before{left:15px; width:70px; height:70px;}
			.science .business .biz_top_list > ul li:nth-child(3):before,.science .business .biz_top_list > ul li:nth-child(5):before {top: calc(19% - 0.625em);}
			.science .business .biz_btm_list > ul li dd{width:calc(100% - 310px);}
			.science .business .biz_btm_list > ul li dd br{display:none;}
			.science .business .biz_btm_list > ul li dd {padding-left:30px;}
		}
		@media only screen and (max-width:831px) {
			.science .business .biz_top_list > ul{flex-wrap:wrap; justify-content:center;}
			.science .business .biz_top_list > ul li{width:calc(100% / 3 - 10px);padding-bottom: 32.458%;}
			.science .business .biz_top_list > ul li + li{/*margin-left: -3.6vw;*/ margin-left:-3.7%;}
			.science .business .biz_top_list > ul li:nth-child(3){background:url('../images/sub/biz_top_list_bd03.png') no-repeat center;}
			.science .business .biz_top_list > ul li:nth-child(4n){margin-left:0;}
			.science .business .biz_top_list > ul li:before{background-size:auto 7vw !important;top: 23%;}
			.science .business .biz_top_list > ul li:nth-child(3):before,.science .business .biz_top_list > ul li:nth-child(5):before {top: calc(23% - 0.625em);}
			.science .business .biz_top_list > ul li span{font-size:2.2vw;}
		}
		@media only screen and (max-width:767px) {
			.science .business .biz_top_list > ul li span{font-size:16px;}

			.science .business .biz_btm_list > ul li dt{padding-left:90px;padding-right:20px;width:290px;}
			.science .business .biz_btm_list > ul li dt:before{left:15px; width:60px; height:60px; background-size:auto 30px !important;}
			.science .business .biz_btm_list > ul li dd{width:calc(100% - 290px); font-size:15px; padding-left:20px;}
		}
		@media only screen and (max-width:640px) {
			.science .business .biz_top_list > ul{width:100%;}
			.science .business .biz_top_list > ul li{width: calc(100% / 3 + 2.4%);padding-bottom: 35.735%;}
			.science .business .biz_top_list > ul li + li{margin-left:-4.1%;}
			.science .business .biz_top_list > ul li:before{background-size:auto 8vw !important; top:18%;}
			.science .business .biz_top_list > ul li:nth-child(3):before,.science .business .biz_top_list > ul li:nth-child(5):before {top: calc(18% - 0.625em);}
			.science .business .biz_top_list > ul li span{font-size:15px;top:56%;line-height:1.25em;height:3.75em;}
			.science .business .biz_top_list > ul li:nth-child(3) span,.science .business .biz_top_list > ul li:nth-child(5) span{top: calc(56% - 0.85em);height:5em;}
			.science .business .biz_btm_list > ul li dt .cs_br + br {display:none;}

			.science .business .biz_btm_list > ul li dl{display:block; padding:30px 15px; height:auto;}
			.science .business .biz_btm_list > ul li dt, .science .business .biz_btm_list > ul li dd{width:100%;}
			.science .business .biz_btm_list > ul li dt{padding-left:50px;}
			.science .business .biz_btm_list > ul li dt br{display:none;}
			.science .business .biz_btm_list > ul li dt:before{left:0; width:40px; height:40px; background-size:auto 20px !important;}
			.science .business .biz_btm_list > ul li dd{padding-left:0;margin-top: 25px;padding-top: 13px;}
			.science .business .biz_btm_list > ul li dd:before{display:none;}
		}
		@media only screen and (max-width:500px) {
			.science .business .biz_top_list > ul li span{font-size:15px;top:54%;line-height:1.25em;height:3.75em;}
			.science .business .biz_top_list > ul li:nth-child(3) span,.science .business .biz_top_list > ul li:nth-child(5) span{top: calc(54% - 0.95em);height:5em;}
			.science .business .biz_top_list > ul li:nth-child(3):before,.science .business .biz_top_list > ul li:nth-child(5):before {top: calc(18% - 1.525em);}
		}
		@media only screen and (max-width:479px) {
			.science .business .biz_top_list > ul li{width: calc(100% / 2 + 3%);padding-bottom: 53%;}
			.science .business .biz_top_list > ul li + li, .science .business .biz_top_list > ul li:nth-child(4n){margin-left: -6%;}
			.science .business .biz_top_list > ul li + li{}
			.science .business .biz_top_list > ul li:nth-child(even){background:url('../images/sub/biz_top_list_bd04.png') no-repeat center;}
			.science .business .biz_top_list > ul li:nth-child(3n), .science .business .biz_top_list > ul li:nth-child(5){margin-left:0;}
			.science .business .biz_top_list > ul li:nth-child(n+3){margin-top:15px;}
			.science .business .biz_top_list > ul li:nth-child(5){margin-top:0;}

			.science .business .biz_top_list > ul li:before{background-size: auto 12vw !important; top:18%;}
			.science .business .biz_top_list > ul li span{font-size: 16px;top:56%;line-height:1.25em;height:3.75em;}
			.science .business .biz_top_list > ul li:nth-child(3) span,.science .business .biz_top_list > ul li:nth-child(5) span{top: calc(56% - 0.625em);height:5em;}
			.science .business .biz_top_list > ul li:nth-child(3):before,.science .business .biz_top_list > ul li:nth-child(5):before {top: calc(18% - 0.625em);}
		}
		@media only screen and (max-width:414px) {
			.science .business .biz_top_list > ul li span{font-size: 15px;}
		}
		@media only screen and (max-width:360px) {
			.science .business .biz_top_list > ul li span{font-size: 14px;}
		}
		@media only screen and (max-width:340px) {
			.science .business .biz_top_list > ul li span{top:54%;}
			.science .business .biz_top_list > ul li:nth-child(3) span,.science .business .biz_top_list > ul li:nth-child(5) span{top: calc(54% - 0.625em);}
			.science .business .biz_top_list > ul li:nth-child(3):before,.science .business .biz_top_list > ul li:nth-child(5):before {top: calc(18% - 1.025em);}
		}

	/* technology */
		.science .technology{}
		.science .technology .sub_tit h5.mg_t{margin-top:-10px;}
		.science .technology .proprietary .box_list > li{padding:167px 30px 56px;}
		.science .technology .proprietary .box_list > li:before{position:absolute; content:''; width:78px; height:78px;top: 57px; left:50%; transform:translateX(-50%);}
		.science .technology .proprietary .box_list > li:nth-child(1):before{background:url('../images/sub/technology_icon01.png') no-repeat center; }
		.science .technology .proprietary .box_list > li:nth-child(2):before{background:url('../images/sub/technology_icon02.png') no-repeat center; }
		.science .technology .proprietary .box_list > li:nth-child(3):before{background:url('../images/sub/technology_icon03.png') no-repeat center; }
		.science .technology .proprietary .img_box{text-align: center;font-size:0; background:#f5f5f5; border-radius:10px;box-shadow: 5px 9px 24px rgb(0,0,0,0.1);padding: 62px;box-sizing: border-box;margin-top: 60px;}

		.science .tech_info{background:#f2f8fc; padding-top:120px; padding-bottom:120px; margin-top:120px;}
		.science .tech_info .box_list{margin-top:0;}
		.science .tech_info .chk_list + .bullet_list {margin-top:18px;}
		.science .tech_info .bullet_list > li{color:#666;font-size: 16px;}
		.science .tech_info .bullet_list > li + li{margin-top:5px;}
		.science .tech_info .bullet_list > li:before{background:#666; top:11px;}
		.science .tech_info .img_list{display:flex; justify-content:space-between; margin-top:60px;}
		.science .tech_info .img_list li{width:100%; }
		.science .tech_info .img_list li + li{margin-left:30px;}
		.science .tech_info .img_list .tittle{font-size:24px;min-height:5em;padding:0.7em 15px;line-height:1.3em; font-weight:400; color:#ffff; letter-spacing:-0.042em; background:#0078c4;border-radius:10px 10px 0 0; display:flex;align-items: center; justify-content:center; text-align:center;  box-sizing:border-box; width:100%;}
		.science .tech_info .img_list li:nth-child(even) .tittle{background:#790032;}
		.science .tech_info .img_list .img_wrap{font-size:0; border-radius:0 0 10px 10px; overflow:hidden;}
	@media only screen and (max-width:1217px) {
		.science .technology .proprietary .box_list > li {width: calc(100% / 3 - 17.3px);padding-left:20px;padding-right:20px;}
		.science .technology .proprietary .box_list > li + li {margin-left:26px;}
	}
	@media only screen and (max-width:1127px) {
		.science .technology .proprietary .box_list > li {width: calc(100% / 3 - 10px);padding-left:20px;padding-right:20px;}
		.science .technology .proprietary .box_list > li + li {margin-left:15px;}
		.science .technology .proprietary .box_list > li dl dd {font-size:15px;}
	}
	@media only screen and (max-width:1100px) {
		.science .technology .proprietary .box_list > li {padding-left:15px;padding-right:15px;}
		.science .tech_info .img_list .tittle{font-size:2.2vw; min-height:10.5vw;}
	}
	@media only screen and (max-width:1023px) {
		.science .technology .sub_tit h5.mg_t{margin-top:0;}
	}
	@media only screen and (max-width:975px) {
		.science .tech_info .img_list li + li{margin-left:20px;}
	}
	@media only screen and (max-width:860px) {
		.science .technology .proprietary .box_list > li{padding:167px 10px 40px;}
		.science .technology .proprietary .box_list > li dl dd {font-size:14px;}
		.science .tech_info{margin-top:70px; padding-top:70px;}
		.science .tech_info .img_list .tittle{font-size:19px; min-height:90px;}
	}
	@media only screen and (max-width:767px) {
		.science .technology .proprietary .box_list.line_3 {flex-wrap: wrap;justify-content: flex-start;}
		.science .technology .proprietary .box_list.line_3 > li{padding:145px 15px 40px;width:calc(100% / 2 - 7.5px);margin-right:15px;}
		.science .technology .proprietary .box_list.line_3 > li:nth-child(even) {margin-right:0;}
		.science .technology .proprietary .box_list.line_3 > li + li {margin-left:0;}
		.science .technology .proprietary .box_list.line_3 > li:nth-child(n+3) {margin-top:15px;}
		.science .technology .proprietary .box_list > li dl dd .cs_br + br {display:inline-block;}
		.science .technology .proprietary .box_list > li:before{width:60px; height:60px; background-size:auto 100% !important;}

		.science .tech_info .img_list .tittle{font-size:17px; min-height:90px;}
		.science .tech_info .img_list li + li{margin-left:15px;}
	}
	@media only screen and (max-width:645px) {
		.science .technology .proprietary .box_list > li dl dd .cs_br + br {display:none;}
	}
	@media only screen and (max-width:640px) {
		.science .technology .proprietary .box_list > li{padding:115px 10px 40px;width:calc(100% / 2 - 7.5px);}
		.science .technology .proprietary .box_list > li + li {margin-left:0;}
		.science .technology .proprietary .box_list > li:before{top:30px;}

		.science .technology .proprietary .img_box{margin-top:40px;}
		.science .tech_info{margin-top:50px; padding-top:50px; padding-bottom:50px;}

		.science .tech_info .box_list.line_3 > li{min-height:220px;}

		.science .tech_info .chk_list + .bullet_list{margin-top:15px;}
		.science .tech_info .bullet_list > li{font-size:15px;}

		.science .tech_info .img_list{flex-wrap:wrap; margin-top:50px;}
		.science .tech_info .img_list li + li{margin-left:0; margin-top:15px;}
	}
	@media only screen and (max-width:479px) {
		.science .tech_info .chk_list + .bullet_list{margin-top:10px;}
		.science .tech_info .box_list.line_3 > li{min-height:auto;}

		.science .technology .proprietary .box_list.line_3 > li {width:100%;margin-right:0;}
		.science .technology .proprietary .box_list.line_3 > li:nth-child(n+2) {margin-top:15px;}
		.science .technology .proprietary .box_list > li dl dd .cs_br + br {display:inline-block;}
		
		.science .tech_info .img_list .tittle{font-size:16px; min-height:80px;}
	}
	@media only screen and (max-width:360px) {
		.science .tech_info .img_list .tittle{font-size:15px;}
	}
	@media only screen and (max-width:340px) {
		.science .technology .proprietary .box_list > li dl dd .cs_br + br {display:none;}
	}

	/* pipeline */
		.science .pipeline{}
		.science .pipeline .pip_table_wrap{}
		.science .pipeline .pip_table_wrap table{border:1px solid #333;}
		.science .pipeline .pip_table_wrap table thead th{background:#333; height:64px; font-size:16px; font-weight:400; color:#fff; text-align:center; line-height:20px; letter-spacing:-0.02em;}
		.science .pipeline .pip_table_wrap table thead th + th{border-left:1px solid #ddd;}
		.science .pipeline .pip_table_wrap table tbody th{font-size:16px; line-height:1.25em;padding-top:8px;padding-bottom:8px;text-align:center;font-weight: 500;color: #333; letter-spacing:-0.025em;}
			.science .pipeline .pip_table_wrap table tbody th.bg_gray{background:#f5f5f5;}
			.science .pipeline .pip_table_wrap table tbody th.light_blue{color:#0ab9f0; background:#f5fcfe;}
			.science .pipeline .pip_table_wrap table tbody th.blue{color:#0078c4; background:#f2f8fc;}
			.science .pipeline .pip_table_wrap table tbody th.purple{color:#9f5fcf; background:#faf7fd;}
			.science .pipeline .pip_table_wrap table tbody th.orange{color:#f79c37; background:#fffaf5;}
			.science .pipeline .pip_table_wrap table tbody th.green{color:#79be08; background:#fafcf5;}
		.science .pipeline .pip_table_wrap table tbody th .subscript{font-size: 10px;position: relative;top: -3px;}
		.science .pipeline .pip_table_wrap table tbody td{position:relative; height:70px; letter-spacing:-0.03em;}
		.science .pipeline .pip_table_wrap table tbody th + th, .science .pipeline .pip_table_wrap table tbody th.border, .science .pipeline .pip_table_wrap table tbody td{border-left:1px solid #ddd; border-top:1px solid #ddd}
		.science .pipeline .pip_table_wrap table tbody th{border-top:1px solid #ddd;}
		.science .pipeline .pip_table_wrap table tbody td .graph{font-size:14px;border-radius:0 1.075em 1.075em 0;min-height:2.15em;padding:0.525em 5px;line-height:1.1em;position:absolute; left:0; top:50%; transform:translateY(-50%);  font-weight:400; color:#fff; background:#0ab9f0;  display:flex; align-items:center; justify-content:center; width: calc(200% - 3px); z-index:3;box-sizing:border-box;}
			.science .pipeline .pip_table_wrap table tbody tr:nth-child(2) td .graph{width: calc(200% - 3px); background:#0078c4;}
			.science .pipeline .pip_table_wrap table tbody tr:nth-child(3) td .graph, .science .pipeline .pip_table_wrap table tbody tr:nth-child(4) td .graph{width: calc(100% - 4px); background:#0078c4;}
			.science .pipeline .pip_table_wrap table tbody tr:nth-child(5) td .graph{width: calc(100% - 4px); background:#9f5fcf;}
			.science .pipeline .pip_table_wrap table tbody tr:nth-child(6) td .graph{width: calc(200% - 3px); background:#f79c37;}
			.science .pipeline .pip_table_wrap table tbody tr:nth-child(7) td .graph{width: calc(100% - 4px); background:#79be08;}

		@media only screen and (max-width:1217px) {
			.science .pipeline .pip_table_wrap table thead th, .science .pipeline .pip_table_wrap table tbody th{font-size:15px;}
		}
		@media only screen and (max-width:1023px) {
			.science .pipeline .pip_table_wrap{overflow:hidden; overflow-x:scroll;}
			.science .pipeline .pip_table_wrap table{width:993px;}
			.science .pipeline p.for_m{display:block; font-size:15px; font-weight:400; color:#333; margin-top:10px; letter-spacing:-0.06em;}
		}
		@media only screen and (max-width:640px) {
			.science .pipeline .pip_table_wrap table{width:960px;}
			.science .pipeline .pip_table_wrap table thead th, .science .pipeline .pip_table_wrap table tbody th{font-size:14px; }
			.science .pipeline .pip_table_wrap table thead th, .science .pipeline .pip_table_wrap table tbody td{height:60px;}
			.science .pipeline .pip_table_wrap table tbody td .graph{font-size:13px;}
		}
		@media only screen and (max-width:479px) {
			.science .pipeline .pip_table_wrap table{width:900px;}
			.science .pipeline .pip_table_wrap table thead th, .science .pipeline .pip_table_wrap table tbody th{font-size:13px;}
			.science .pipeline .pip_table_wrap table thead th, .science .pipeline .pip_table_wrap table tbody td{height:55px;}
			.science .pipeline .pip_table_wrap table tbody td .graph{font-size:12px;}
			.science .pipeline .pip_table_wrap table tbody th .subscript{top:-2px;}
			.science .pipeline p.for_m{font-size:14px;}
		}


/*───────────────────────────────────────────────────────────
	product
───────────────────────────────────────────────────────────*/
	#wrap .product table.bbs_list.default col{width:auto;}
	#wrap .product table.bbs_list.default col, #wrap .product table.bbs_list th, #wrap .product table.bbs_list td{display:table-cell;}
	#wrap .product table.bbs_list th, #wrap .product table.bbs_list td{font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
	#wrap .product table.bbs_list td{font-weight:400;}
	
	.product .protein{}
	.product .protein .box_list > li{padding-left:5px; padding-right:5px;}
	.product .protein .nano_system{background:#f5f5f5;padding: 69px 0 80px;}
	.product .protein .nano_system .box_list > li dl dt{font-size:18px; font-weight:400; color:#fff; width:30px; height:30px; background:#ff9500; border-radius:100%; display:inline-flex; align-items:center; justify-content:center; font-family: 'Poppins','Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;}
	.product .protein .nano_system .box_list > li dl dd{margin-top:12px;}
	.product .protein .delivery_kit .box_list > li dl dt{font-size:0; width:24px; height:18px; background:url('../images/sub/icon_chk_list_big.png') no-repeat center; margin:0 auto;}
	.product .protein .delivery_kit .box_list > li dl dd{margin-top:14px;}
	.product .protein .kit_contents .nav_wrap .nav_box{padding-top: 8.5%; padding-bottom: 4%;}
	.product .protein .kit_contents .nav_wrap .nav_box p{padding-top: 0.4vw;}
	

	@media only screen and (max-width:1217px) {
		.product .box_list > li dl dd br{display:none;}
	}
	@media only screen and (max-width:1023px) {
		.product .protein .nano_system .box_list > li dl dt{font-size:17px;}
		#wrap .product table.bbs_list th, #wrap .product table.bbs_list td, #wrap .product table.bbs_list td.left{padding-left:5px; padding-right:5px;}
	}
	@media only screen and (max-width:860px) {
		.product .protein .nano_system{padding:60px 0 70px;}
		.product .protein .nano_system .box_list > li dl dt{font-size:16px; width:29px; height:29px;}
	}
	@media only screen and (max-width:640px) {
		.product .protein .nano_system{padding:40px 0 50px;}
		.product .protein .box_list > li{min-height:180px; padding-left:30px; padding-right:30px;}
		.product .protein .nano_system .box_list > li dl dt{font-size:15px; width:27px; height:27px;}
		.product .protein .delivery_kit .box_list > li dl dt{background-size:auto 16px;}
		.product .protein .kit_contents .nav_wrap .nav_box{padding-top:50px; padding-bottom:20px;}
	}
	@media only screen and (max-width:479px) {
		.product .box_list > li dl dd br{display:block;}
		.product .protein .box_list > li{min-height:auto;}
		#wrap .product table.bbs_list th, #wrap .product table.bbs_list td, #wrap .product table.bbs_list td.left{padding-left:2.5px; padding-right:2.5px;}
	}