@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 ***/

/*───────────────────────────────────────────────────────────
	
	** navigation, button 관련 css 영역

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

/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	/* pc */
		.nav_wrap {}
		.nav_wrap .nav_box {padding:7.0% 0 3% 0;border:0;margin:0;position:relative;z-index:1;}
		.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
		.nav_wrap .nav_box h2 {font-size:40px;line-height:56px;padding:0;margin:0;text-align:center;color:#333;font-weight:600;z-index:1;}
		.nav_wrap .nav_box p {font-size:17px;line-height:22px;padding:1% 0 0 0;color:#666;font-weight:400;text-align:center;}
		.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 {padding:4.0% 0 3.8% 0;}
		.nav_wrap .nav_box h2 {font-size:36px;line-height:42px;}
		.nav_wrap .nav_box p,
		.nav_wrap .nav_box ul {display:none;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box {padding:4.8% 0 3.2% 0;}
		.nav_wrap .nav_box h2 {font-size:28px;line-height:32px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box {padding:6.2% 0 6% 0;}
		.nav_wrap .nav_box h2 {font-size:24px;line-height:28px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box {padding:0 0 0;margin-left:-12px;margin-right:-12px;width: calc(100% + 24px);}
		.nav_wrap .nav_box h2 {padding:8.8% 0 4.8% 0;margin-left: -12px;margin-right: -12px;font-size:20px;line-height:28px;}
	}

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

	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.2%;}
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.8%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:8px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn {width:70px;font-size:13px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}


	.dotted_btn {margin-top: 60px; transition: all 0.3s;}
	.dotted_btn a {display: inline-block; width: 300px; height: 80px; background: #004ea2; box-sizing: border-box; border: 2px dotted #000; border-radius: 40px; font-size: 20px; color: #fff; font-weight: 500; line-height: 76px; text-align: center;}

	@media only screen and (max-width:1023px) {
		.dotted_btn {margin-top: 50px;}
		.dotted_btn a {width: 270px; height: 70px; font-size: 18px; line-height: 66px;}
	}
	@media only screen and (max-width:640px) {
		.dotted_btn {margin-top: 40px;}
		.dotted_btn a {width: 240px; height: 60px; font-size: 16px; line-height: 56px;}
	}

/*───────────────────────────────────────────────────────────
	sub page common
───────────────────────────────────────────────────────────*/
	/*** sub_title ***/
		/* pc */
			/* #contents_wrap #contents_box {padding:70px 0 12% 0;} */
			#content .sub_content h3.sub_title {margin-bottom:40px; font-size:40px; color:#333; text-align:center; white-space:normal; word-break:keep-all; word-wrap:break-word; transition: all 0.3s;}
			#content .sub_content h3.sub_title::after {content:""; display: block; width:40px; height:2px; margin:0 auto; margin-top:20px; background:#0080cc; transition: all 0.3s;}

		@media only screen and (max-width:1247px) {
			#content .sub_content h3.sub_title {font-size: 38px;}
		}
		@media only screen and (max-width:1023px) {
			#content .sub_content h3.sub_title {margin-bottom: 30px; font-size: 36px;}
		}
		@media only screen and (max-width:860px) {
			#content .sub_content h3.sub_title {font-size: 34px;}
		}
		@media only screen and (max-width:640px) {
			#content .sub_content h3.sub_title {font-size: 30px;}
			#content .sub_content h3.sub_title::after {width: 30px; margin-top: 14px;}
		}
		@media only screen and (max-width:500px) {
			#content .sub_content h3.sub_title {font-size: 28px;}
		}
		@media only screen and (max-width:340px) {
			#content .sub_content h3.sub_title {font-size: 26px;}
		}
	

	/*** sub_tab ***/
		/* pc */
			.sub_tab_wrap {text-align: center;}
			.sub_tab_wrap .sub_tab {display: inline-block;}
			.sub_tab_wrap .sub_tab li {float: left; height: 40px; padding: 0 22px; border-radius: 20px; font-size: 20px; color: #333; font-weight: 500; line-height: 40px; cursor: pointer; transition:all 0.3s;}
			.sub_tab_wrap .sub_tab li.on {background: #0080cc; color: #fff;}

		@media only screen and (max-width:1023px) {
			.sub_tab_wrap .sub_tab li {font-size: 18px;}
		}
		@media only screen and (max-width:860px) {
			.sub_tab_wrap .sub_tab li {height: 36px; padding: 0 18px; font-size: 16px; line-height: 36px;}
		}
		@media only screen and (max-width:500px) {
			.sub_tab_wrap .sub_tab li {height: 32px; padding: 0 16px; font-size: 14px; line-height: 32px;}
		}
		@media only screen and (max-width:340px) {
			.sub_tab_wrap .sub_tab li {font-size: 13px;}
		}


	/*** sub_zoom_img ***/
		/* pc */
			.zoom_img_wrap {position: relative; width: 100%; margin-top: 34px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; transition: all 0.3s; z-index: 1;}
			.zoom_img_wrap a {position: relative; display: block; width: 100%; height: 100%;}
			.zoom_img_wrap a .btn_zoom {position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; background: url("../images/sub/btn_zoom.jpg") no-repeat; background-size: cover; transition: all 0.3s;}

		@media only screen and (max-width:860px) {
			.zoom_img_wrap a .btn_zoom {width: 50px; height: 50px;}
		}
		@media only screen and (max-width:640px) {
			.zoom_img_wrap {margin-top: 24px;}
		}
		@media only screen and (max-width:480px) {
			.zoom_img_wrap a .btn_zoom {width: 40px; height: 40px;}
		}


	/*** sub_grey_list ***/
		/* pc */
			.grey_list_box {width: 100%; background: #f5f5f5; box-sizing: border-box; padding: 54px 60px; text-align: left; transition: all 0.3s;}
			.grey_list_box ol {width: 100%;}
			.grey_list_box ol li + li {margin-top: 30px;}
			.grey_list_box ol li strong {display: block; margin-bottom: 10px; font-size: 24px; color: #333; font-weight: 500; transition: all 0.3s;}
			.grey_list_box ol li strong::before {content: "01."; display: inline-block; margin-right: 4px;}
			.grey_list_box ol li:nth-child(2) strong::before {content: "02.";}
			.grey_list_box ol li:nth-child(3) strong::before {content: "03.";}
			.grey_list_box ol li:nth-child(4) strong::before {content: "04.";}
			.grey_list_box ol li:nth-child(5) strong::before {content: "05.";}
			.grey_list_box ol li:nth-child(6) strong::before {content: "06.";}
			.grey_list_box ol li p {font-size: 16px; color: #666; line-height: 1.62; transition: all 0.3s;}

		@media only screen and (max-width:1247px) {
			.grey_list_box ol li strong {font-size: 23px;}
		}
		@media only screen and (max-width:1023px) {
			.grey_list_box ol li strong {font-size: 22px;}
			.grey_list_box ol li p {font-size: 15px;}
		}
		@media only screen and (max-width:860px) {
			.grey_list_box {padding: 44px 50px;}
			.grey_list_box ol li strong {font-size: 21px;}
		}
		@media only screen and (max-width:640px) {
			.grey_list_box ol li strong {margin-bottom: 6px; font-size: 20px;}
			.grey_list_box ol li p {font-size: 14px;}
		}
		@media only screen and (max-width:480px) {
			.grey_list_box {padding: 34px 40px;}
			.grey_list_box ol li strong {font-size: 18px;}
		}
		@media only screen and (max-width:340px) {
			.grey_list_box {padding: 30px 30px;}
		}



	/*** sub_table ***/
		/* pc */
			.sub_table_box {width: 100%;}
			.sub_table_box table {table-layout:fixed;border-collapse:collapse;width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #ddd; text-align: center;}
			.sub_table_box th {overflow:hidden;text-overflow:ellipsis;white-space:normal;background: #f2f2f2; box-sizing: border-box; padding: 16px 20px; font-size: 16px; color: #222; font-weight: 500; letter-spacing: -0.6px; word-break: keep-all; transition: all 0.3s;}
			.sub_table_box td {overflow:hidden;text-overflow:ellipsis;white-space:normal;box-sizing: border-box; padding: 16px 20px; border-top: 1px solid #ddd; font-size: 16px; color: #555; letter-spacing: -0.6px; word-break: keep-all; transition: all 0.3s;}
			
		@media only screen and (max-width:1023px) {
			.sub_table_box th {font-size: 15px;}
			.sub_table_box td {font-size: 15px;}
		}
		@media only screen and (max-width:830px) {
			.sub_table_box th {font-size: 14px;}
			.sub_table_box td {font-size: 14px;}
		}
		@media only screen and (max-width:640px) {
			.sub_table_box th {padding: 12px 6px; font-size: 13px;}
			.sub_table_box td {padding: 12px 6px; font-size: 13px;}
		}
		@media only screen and (max-width:480px) {
			.sub_table_box th {font-size: 12px;}
			.sub_table_box td {font-size: 12px;}
		}


	/*** sub_dot_list ***/
		/* pc */
			.dot_list {display: inline-block;}
			.dot_list li {position: relative; padding-left: 8px; font-size: 16px; color: #333; text-align: left; word-break: keep-all; transition: all 0.3s;}
			.dot_list li + li {margin-top: 8px;}
			.dot_list li::before {content: ""; position: absolute; left: 0; top: 9px; display: block; width: 4px; height: 4px; background: #333; margin-right: 4px; border-radius: 50%;}
		
		@media only screen and (max-width:1023px) {
			.dot_list li {font-size: 15px;}
		}
		@media only screen and (max-width:966px) {
			.dot_list li br {display: none;}
		}
		@media only screen and (max-width:760px) {
			.dot_list li br {display: block;}
		}
		@media only screen and (max-width:640px) {
			.dot_list li {font-size: 14px;}
			.dot_list li::before {width: 3px; height: 3px;}
		}




/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	/*** company/index (회사소개) ***/
		/* pc */
			#content .sub_content .sub_about h3.sub_title {margin-bottom: 80px;}
			.sub_about {}
			.sub_about h4,
			.sub_about div,
			.sub_about p, 
			.sub_about strong, 
			.sub_about span {transition:all 0.3s;white-space:normal;word-break:keep-all;word-wrap:break-word;}
			.sub_about .sub_about_logo {width:31.2%; max-width: 306px; min-width: 160px; margin-bottom: 1.7%;}
			.sub_about .sub_about_logo .img_box {width: 100%; padding-bottom: 22%; background:url("../images/sub/sub_about_logo.png") no-repeat; background-size:100%;}
			.sub_about h4 {font-size:32px; color:#333; line-height:1.56;}
			.sub_about .sub_about_con {width:100%; margin-top: 44px;}
			.sub_about .sub_about_con .sub_about_img {float: right; width: 45%; min-width: 250px;}
			.sub_about .sub_about_con .sub_about_img .img_box {width: 100%; padding-bottom: 126%; background: url("../images/sub/sub_about_img.jpg") no-repeat; background-size: 100%;}
			.sub_about .sub_about_con .sub_about_txt {float: left; width: 52%;}
			.sub_about .sub_about_con .sub_about_txt p {font-size: 18px; color: #333; line-height: 1.67;}
			.sub_about .sub_about_con .sub_about_txt p + p {margin-top: 32px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo {font-size: 20px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo strong {display: block; font-size: 24px;}
			
		@media only screen and (max-width:1247px) {
			.sub_about h4 {font-size: 30px;}
		}
		@media only screen and (max-width:1179px) {
			.sub_about .sub_about_con .sub_about_txt p {white-space: pre-line;}
			.sub_about .sub_about_con .sub_about_txt p br {display: none;}
		}
		@media only screen and (max-width:1023px) {
			#content .sub_content .sub_about h3.sub_title {margin-bottom: 70px;}
			.sub_about h4 {font-size: 28px;}
			.sub_about .sub_about_con .sub_about_txt p {font-size: 17px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo {font-size: 19px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo strong {font-size: 23px;}
		}
		@media only screen and (max-width:860px) {
			.sub_about h4 {font-size: 26px;}
			.sub_about .sub_about_con .sub_about_img {float: none;}
			.sub_about .sub_about_con .sub_about_txt {float: none; width: 100%; margin-top: 28px;}
			.sub_about .sub_about_con .sub_about_txt p {font-size: 16px;}
			.sub_about .sub_about_con .sub_about_txt p + p {margin-top: 28px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo {font-size: 18px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo strong {font-size: 22px;}
		}
		@media only screen and (max-width:640px) {
			#content .sub_content .sub_about h3.sub_title {margin-bottom: 60px;}
			.sub_about h4 {font-size: 22px;}
			.sub_about .sub_about_con {margin-top: 34px;}
			.sub_about .sub_about_con .sub_about_img {width:100%;}
			.sub_about .sub_about_con .sub_about_txt p {font-size: 15px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo {font-size: 17px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo strong {font-size: 21px;}
		}
		@media only screen and (max-width:534px) {
			.sub_about h4 {font-size: 20px;}
			.sub_about .sub_about_logo {margin-bottom: 8.5px;}
		}
		@media only screen and (max-width:486px) {
			.sub_about h4 br {display: none;}
			.sub_about .sub_about_con .sub_about_txt {margin-top: 24px;}
			.sub_about .sub_about_con .sub_about_txt p {font-size: 14px;}
			.sub_about .sub_about_con .sub_about_txt p + p {margin-top: 24px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo {font-size: 16px;}
			.sub_about .sub_about_con .sub_about_txt p.ceo strong {font-size: 20px;}
		}
		@media only screen and (max-width:340px) {
			.sub_about h4 {font-size: 18px;}
		}


	/*** company/history (회사개요/연혁) ***/
		/* pc */
			.sub_history .history_wrap,
			.sub_history .history_box,
			.sub_history .history_box .history_align,
			.sub_history .history_box .his_year,
			.sub_history .history_box .his_year .year,
			.sub_history .history_box .his_year .year strong,
			.sub_history .history_box .his_detail,
			.sub_history .history_box .his_detail ul,
			.sub_history .history_box .his_detail ul li,
			.sub_history .history_box ul,
			.sub_history .history_box li,
			.sub_history .certificate h4,
			.sub_history .certificate ul li,
			.sub_history .certificate ul li .img_box,
			.sub_history .certificate ul li .img_box img {transition: all 0.3s;}
			.sub_history .sub_tab_con > div {height: 0; overflow: hidden;}
			.sub_history .sub_tab_con > div.on {height: auto; overflow: visible; margin-top:30px; padding-top: 28px;}
			.sub_history .history_wrap {position:relative;width:100%;z-index:1;box-sizing:border-box;}
			.sub_history .history1:before {content:"";display:inline-block;width:1px;height:100%;position:absolute;left:50%;top:0;background:#ddd;}
			
			/* 내용 */
				.sub_history .history_box {display:block;position:relative;width:100%;z-index:1;box-sizing:border-box;}
				.sub_history .history_box:after {clear:both;content:"";display:block;}
				.sub_history .history_box + .history_box {margin-top: 10px;}
				.sub_history .history_box .history_align {position: relative; width: 50%;}
				.sub_history .history_box .his_year,
				.sub_history .history_box .his_detail {width:100%;display:block;box-sizing:border-box;vertical-align:top;}

			/* 연도 */
				.sub_history .history_box .his_year {position: relative;}
				.sub_history .history_box .his_year::before {content: ""; position: absolute; right: -17px; top: 50%; transform: translateY(-50%); width: 33px; height: 33px; background: rgba(0,131,155,0.1); border-radius: 50%;}
				.sub_history .history_box .his_year::after {content: ""; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); width: 23px; height: 23px; background: rgba(0,131,155,0.2); border-radius: 50%;}
				.sub_history .history_box .his_year .year {position:relative;z-index:1;box-sizing:border-box; text-align: right;}
				.sub_history .history_box .his_year .year::before {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 1px; background: #00839b;}
				.sub_history .history_box .his_year .year::after {content: ""; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background: #fff; box-sizing: border-box; border: 3px solid #00839b; border-radius: 50%;}
				.sub_history .history_box .his_year .year strong {margin:0;padding-right: 70px;line-height:50px;height:50px;font-size:30px;font-weight:bold;color:#333;display:inline-block;position:relative;font-family: 'Montserrat', sans-serif;}
			
			/* 세부내역 */
				.sub_history .history1 .history_box .his_detail {box-sizing:border-box;}
				.sub_history .history1 .history_box .his_detail ul {width:100%;position:relative;box-sizing:border-box;padding-right: 70px;text-align:right;}
				.sub_history .history1 .history_box .his_detail li {position: relative; padding:0; line-height:24px;font-size:16px;vertical-align:middle;box-sizing:border-box;word-break:keep-all;}
				.sub_history .history1 .history_box .his_detail li + li {margin-top:1.2%}
				.sub_history .history2 .history_box .his_detail {box-sizing:border-box;}
				.sub_history .history2 .history_box .his_detail .detailYear {width:100%;position:relative;box-sizing:border-box;padding-right: 70px;text-align:right;}
				.sub_history .history2 .history_box .his_detail .detailYear:after {clear:both;content:"";display:block;}
				.sub_history .history2 .history_box .his_detail .detailYear + .detailYear {padding-top:3%;}
				.sub_history .history2 .history_box .his_detail .detailYear dt,
				.sub_history .history2 .history_box .his_detail .detailYear dd {display:inline-block;box-sizing:border-box;}
				.sub_history .history2 .history_box .his_detail .detailYear dt {float: right; width:36px; line-height:24px;font-size:20px; color:#333; font-weight: 600; font-family: 'Montserrat', sans-serif;}
				.sub_history .history2 .history_box .his_detail .detailYear dd {width:calc(100% - 36px);color:#666;}
				.sub_history .history2 .history_box .his_detail .detailYear dd ul {}
				.sub_history .history2 .history_box .his_detail .detailYear dd li {padding:0;line-height:20px;font-size:16px;vertical-align:middle;box-sizing:border-box;word-break:keep-all;}
				.sub_history .history2 .history_box .his_detail .detailYear dd li + li {margin-top:2%}	
			
			/* 짝수일때-좌측정렬 */
				.sub_history .history_box:nth-of-type(even) {}
				.sub_history .history_box:nth-of-type(even) .history_align {float: right;}
				.sub_history .history_box:nth-of-type(even) .his_year::before {right: inherit; left: -17px;}
				.sub_history .history_box:nth-of-type(even) .his_year::after {right: inherit; left: -12px;}
				.sub_history .history_box:nth-of-type(even) .his_year .year {text-align: left;}
				.sub_history .history_box:nth-of-type(even) .his_year .year::before {right: inherit; left: 0;}
				.sub_history .history_box:nth-of-type(even) .his_year .year::after {right: inherit; left: -7px;}
				.sub_history .history_box:nth-of-type(even) .his_year .year strong {padding-right: 0; padding-left: 70px;}
				.sub_history .history1 .history_box:nth-of-type(even) .his_detail ul {float: right; text-align: left; padding-right: 0; padding-left: 70px;}
				.sub_history .history2 .history_box:nth-of-type(even) .his_detail .detailYear {float: right; text-align: left; padding-right: 0; padding-left: 70px;}
				.sub_history .history2 .history_box:nth-of-type(even) .his_detail .detailYear dt {float: left;}

			/* 인증서 */
				.sub_history .certificate h4 {margin: 20px 0 46px; font-size: 32px; color: #000; font-weight: 500; line-height: 1.56; text-align: center; word-break: keep-all;}
				.sub_history .certificate h4::before {content: ""; display: block; width: 23px; height: 22px; margin: 0 auto 24px; background: url("../images/sub/icon_quote.png") no-repeat; background-size: 100%;}
				.sub_history .certificate h4::after {content: ""; display: block; width: 23px; height: 22px; margin: 22px auto 0; background: url("../images/sub/icon_quote.png") no-repeat; background-size: 100%; transform: rotate(180deg);}
				.sub_history .certificate ul {width: 100%;}
				.sub_history .certificate ul li {float: left; width: calc(25% - 3.25%); margin-right: 4.33%; margin-bottom: 34px;box-sizing: border-box; border: 15px solid #393939; box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 50%) inset;}
				.sub_history .certificate ul li:nth-child(4n) {margin-right: 0;}
				.sub_history .certificate ul li .img_box {position: relative; width: 100%; box-sizing: border-box; padding-bottom: 140%;}
				.sub_history .certificate ul li .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%;}
				/** 인증서 레이어팝업 **/
					.popup_wrap {}
					.popup_wrap .modal {position: fixed;left:50%;top:50%;transform:translate(-50%, -50%);/* background:#fff; */max-width:750px;width:750px;height:750px;border-radius: 0;box-shadow: none;padding: 34px 0;text-align: center;z-index: 9999;box-sizing:border-box;display: none;}
					.popup_wrap .modal > div {display:inline-block;}
					.popup_wrap .modal .img {width: 60%;display: inline-block;margin:0 auto;}
					.popup_wrap .modal .img img {max-width: 100%;border:1px solid #ddd;box-sizing:border-box;}
					.popup_wrap .modal .modal_close {position:absolute;right: 107px;top: 33px;font-size:0;width:30px;height:30px;background:url('../images/sub/modal_close.png') no-repeat 0 0;}
					.modal_bg {display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);z-index: 9998;}

		@media only screen and (max-width:1247px) {
			.sub_history .history_box .his_year .year strong {font-size: 28px;}

			.sub_history .history1 .history_box .his_detail li {font-size: 15px;}
			.sub_history .history2 .history_box .his_detail .detailYear dt {font-size: 19px;}
			.sub_history .history2 .history_box .his_detail .detailYear dd li {font-size: 15px;}

			.sub_history .certificate h4 {font-size: 30px;}
		}
		@media only screen and (max-width:1217px) {
				/** 인증서 레이어팝업 **/
				.popup_wrap .modal {width: 80%;height: auto;max-height: 80%;/* padding:40px 0; */}
				.popup_wrap .modal .img img {/* max-width: 50%; */}
		}
		@media only screen and (max-width:1023px) {
			.sub_history .certificate h4 {margin-top: 10px; font-size: 28px;}
			.sub_history .certificate ul li {width: calc(33.33% - 3.33%); margin-right: 5%; border-width: 12px;}
			.sub_history .certificate ul li:nth-child(4n) {margin-right: 5%;}
			.sub_history .certificate ul li:nth-child(3n) {margin-right: 0;}
		}
		@media only screen and (max-width:950px) {
            .popup_wrap .modal .modal_close {right:10%;}
		}
		@media only screen and (max-width:860px) {
			.sub_history .history_box .his_year .year strong {font-size: 26px;}

			.sub_history .history1 .history_box .his_detail li {font-size: 14px;}
			.sub_history .history2 .history_box .his_detail .detailYear dt {font-size: 18px;}
			.sub_history .history2 .history_box .his_detail .detailYear dd li {font-size: 14px;}

			.sub_history .certificate h4 {margin-top: 0; font-size: 26px;}
		}
		@media only screen and (max-width:680px) {
			.sub_history .certificate h4::before {width: 19px; height: 18px; margin: 0 auto 20px;}
			.sub_history .certificate h4::after {width: 19px; height: 18px; margin: 18px auto 0;}
			.sub_history .certificate ul li {width: calc(50% - 2.5%); border-width: 10px;}
			.sub_history .certificate ul li:nth-child(3n) {margin-right: 5%;}
			.sub_history .certificate ul li:nth-child(2n) {margin-right: 0;}
		}
		@media only screen and (max-width:640px) {
			.sub_history .history1 {padding-left: 21px;}
			.sub_history .history1:before {left: 20px;}
		
			.sub_history .history_box + .history_box {margin-top: 20px;}
			.sub_history .history_box .history_align {width: 100%;}
			.sub_history .history_box .his_year .year {text-align: left;}
			.sub_history .history_box .his_year::before {right: inherit; left: -17px;}
			.sub_history .history_box .his_year::after {right: inherit; left: -12px;}
			.sub_history .history_box .his_year .year::before {right: inherit; left: 0;}
			.sub_history .history_box .his_year .year::after {right: inherit; left: -7px;}
			.sub_history .history_box .his_year .year strong {padding-right: 0; padding-left: 70px; font-size: 24px;}

			.sub_history .history1 .history_box .his_detail ul {float: right; text-align: left; padding-right: 0; padding-left: 70px;}
			.sub_history .history2 .history_box .his_detail .detailYear {float: right; text-align: left; padding-right: 0; padding-left: 70px;}
			.sub_history .history2 .history_box .his_detail .detailYear + .detailYear {padding-top: 1%;}
			.sub_history .history2 .history_box .his_detail .detailYear dt {float: left;}

			.sub_history .certificate h4 {font-size: 24px;} 
				/** 인증서 레이어팝업 **/
				.popup_wrap .modal {width:calc(100% - 30px);/* padding:35px 0; */}
				.popup_wrap .modal .img {width:80%;}
				.popup_wrap .modal .modal_close {top: -3%;right: 10%;width: 30px;height: 30px;background-size:auto 100%;}
		}
		@media only screen and (max-width:480px) {
			.sub_history .history1 {padding-left: 16px;}
			.sub_history .history1:before {left: 15px;}
		
			.sub_history .history_box .his_year .year::before {width: 30px;}
			.sub_history .history_box .his_year .year strong {padding-left: 40px;}

			.sub_history .history_box:nth-of-type(even) .his_year .year strong {padding-left: 40px;}
			.sub_history .history1 .history_box .his_detail ul {padding-left: 40px;}
			.sub_history .history1 .history_box:nth-of-type(even) .his_detail ul {padding-left: 40px;}
			.sub_history .history2 .history_box .his_detail .detailYear {padding-left: 40px;}
			.sub_history .history2 .history_box .his_detail .detailYear dt {width: 32px; font-size: 16px;}
			.sub_history .history2 .history_box .his_detail .detailYear dd {width:calc(100% - 32px);}		 
			.sub_history .history2 .history_box:nth-of-type(even) .his_year .year strong {padding-left: 40px;}
			.sub_history .history2 .history_box:nth-of-type(even) .his_detail .detailYear {padding-left: 40px;}

			.sub_history .certificate h4 {font-size: 22px;}
			.sub_history .certificate ul li {border-width: 8px;}
		}
		@media only screen and (max-width:437px) {
			.sub_history .sub_tab_wrap .sub_tab li {float: none; display: block;}
			.sub_history .sub_tab_wrap .sub_tab li + li {margin-top: 4px;}
		}


	/*** company/vision (비전 및 기업문화) ***/
		/* pc */
			.sub_vision .sub_vision_txt h4,
			.sub_vision .sub_vision_txt p,
			.sub_vision .sub_vision_img,
			.sub_vision .sub_vision_img .img_box,
			.sub_vision .sub_vision_img .img_box .sub_vision_logo,
			.sub_vision .sub_vision_list ul li,
			.sub_vision .sub_vision_list ul li .icon,
			.sub_vision .sub_vision_list ul li .txt,
			.sub_vision .sub_vision_list ul li .txt strong {transition: all 0.3s;}
			.sub_vision .sub_vision_txt {text-align: center;}
			.sub_vision .sub_vision_txt h4 {font-size: 60px; color: #222; line-height: 1.25;}
			.sub_vision .sub_vision_txt h4 br {display: none;}
			.sub_vision .sub_vision_txt p {margin-top: 34px; font-size: 24px; line-height: 1.4; word-break: keep-all;}
			.sub_vision .sub_vision_img {width: 100%; margin: 74px 0 82px;}
			.sub_vision .sub_vision_img .img_box {position: relative; width: 100%; min-height: 120px; padding-bottom: 25%; background: url("../images/sub/sub_vision_img.jpg") no-repeat center; background-size: cover;} 
			.sub_vision .sub_vision_img .img_box .sub_vision_logo {position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 287px; height: 60px; background: url("../images/sub/sub_vision_logo.png") no-repeat center; background-size: 100%;}
			.sub_vision .sub_vision_list ul {display: table; width: 100%; table-layout:fixed; border-collapse:collapse;}
			.sub_vision .sub_vision_list ul li {display: table-cell; width: 20%; box-sizing: border-box; padding: 0 10px; text-align: center; word-break: keep-all; text-overflow:ellipsis; white-space:normal; overflow:hidden;}
			.sub_vision .sub_vision_list ul li + li {border-left: 1px solid #ddd;}
			.sub_vision .sub_vision_list ul li .icon {width: 100%; height: 60px; margin: 0 auto; background: url("../images/sub/vision_icon_01.png") no-repeat center; background-size: 62px 60px;} 
			.sub_vision .sub_vision_list ul li:nth-child(2) .icon {background: url("../images/sub/vision_icon_02.png") no-repeat center; background-size: 62px 60px;}
			.sub_vision .sub_vision_list ul li:nth-child(3) .icon {background: url("../images/sub/vision_icon_03.png") no-repeat center; background-size: 62px 60px;}
			.sub_vision .sub_vision_list ul li:nth-child(4) .icon {background: url("../images/sub/vision_icon_04.png") no-repeat center; background-size: 62px 60px;}
			.sub_vision .sub_vision_list ul li:nth-child(5) .icon {background: url("../images/sub/vision_icon_05.png") no-repeat center; background-size: 62px 60px;}
			.sub_vision .sub_vision_list ul li .txt {font-size: 14px; line-height: 1.45;}
			.sub_vision .sub_vision_list ul li .txt strong {display: block; margin: 25px auto 8px; font-size: 20px; color: #333;}

		@media only screen and (max-width:1247px) {
			.sub_vision .sub_vision_txt h4 {font-size: 56px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_vision .sub_vision_txt h4 {font-size: 52px;}
			.sub_vision .sub_vision_txt p {margin-top: 30px; font-size: 22px;}
			.sub_vision .sub_vision_img {margin: 54px 0 62px;}
		}
		@media only screen and (max-width:967px) {
			.sub_vision .sub_vision_list ul li .icon {height: 56px; background-size: 58px 56px!important;}
			.sub_vision .sub_vision_list ul li .txt {font-size: 13px;}
			.sub_vision .sub_vision_list ul li .txt strong {font-size: 18px;}
		}
		@media only screen and (max-width:833px) {
			.sub_vision .sub_vision_list ul li .txt br {display: none;}
		}
		@media only screen and (max-width:860px) {
			.sub_vision .sub_vision_txt h4 {font-size: 48px;}
		}
		@media only screen and (max-width:766px) {
			.sub_vision .sub_vision_list ul {display: block;}
			.sub_vision .sub_vision_list ul li {display: block; width: 100%; padding: 20px 0;}
			.sub_vision .sub_vision_list ul li:first-child {padding-top: 0;}
			.sub_vision .sub_vision_list ul li + li {border-left: 0; border-top: 1px solid #ddd;}
			.sub_vision .sub_vision_list ul li .icon {display: inline-block; width: 24%; height: 60px; background-size: 62px 60px!important; vertical-align: middle;}
			.sub_vision .sub_vision_list ul li .txt {display: inline-block; width: calc(100% - 27%); font-size: 14px; text-align: left; vertical-align: middle;}
			.sub_vision .sub_vision_list ul li .txt strong {margin: 0 auto 6px; font-size: 20px;}
		}
		@media only screen and (max-width:640px) {
			.sub_vision .sub_vision_txt h4 {font-size: 44px;}
			.sub_vision .sub_vision_txt p {margin-top: 26px; font-size: 20px;}
			.sub_vision .sub_vision_list ul li .icon {height: 52px; background-size: 54px 52px!important;}
		}
		@media only screen and (max-width:564px) {
			.sub_vision .sub_vision_txt p br {display: none;}
		}
		@media only screen and (max-width:534px) {
			.sub_vision .sub_vision_txt h4 {font-size: 40px;}
			.sub_vision .sub_vision_list ul li .txt {font-size: 13px;}
			.sub_vision .sub_vision_list ul li .txt strong {font-size: 18px;} 
		}
		@media only screen and (max-width:480px) {
			.sub_vision .sub_vision_txt h4 {font-size: 36px;}
			.sub_vision .sub_vision_txt p {margin-top: 22px; font-size: 18px;}
			.sub_vision .sub_vision_img {margin: 44px 0 52px;}
			.sub_vision .sub_vision_img .img_box .sub_vision_logo {width: 220px;}
			.sub_vision .sub_vision_list ul li .icon {width: 27%; height: 50px; background-size: 52px 50px!important;}
			.sub_vision .sub_vision_list ul li .txt {width: calc(100% - 30%);}
		}	
		@media only screen and (max-width:380px) {
			.sub_vision .sub_vision_txt h4 {font-size: 34px;}
		}
		@media only screen and (max-width:360px) {
			.sub_vision .sub_vision_txt h4 {font-size: 32px;}
		}
		@media only screen and (max-width:340px) {
			.sub_vision .sub_vision_txt h4 {font-size: 30px;}
			.sub_vision .sub_vision_txt p {font-size: 16px;}
			.sub_vision .sub_vision_list ul li .icon {height: 46px; background-size: 48px 46px!important;}
			.sub_vision .sub_vision_list ul li .txt {font-size: 12px;}
			.sub_vision .sub_vision_list ul li .txt strong {font-size: 16px;} 
		}


	/*** company/ci_bi (CI/BI) ***/
		/* pc */
			.sub_cibi h4,
			.sub_cibi .sub_cibi_img,
			.sub_cibi .sub_cibi_img .img_box,
			.sub_cibi .sub_cibi_img .img_box img,
			.sub_cibi .sub_cibi_txt,
			.sub_cibi .sub_cibi_txt strong,
			.sub_cibi .sub_cibi_txt span,
			.sub_cibi .sub_cibi_txt p {transition: all 0.3s;}
			.sub_cibi {text-align: center;}
			.sub_cibi h4 {font-size: 40px; color: #222; line-height: 1.25; font-family: 'Montserrat', sans-serif;}
			.sub_cibi .sub_cibi_img {position: relative; width: 100%; max-width: 784px; margin: 40px auto 50px; background: url("../images/sub/sub_cibi_img.jpg") no-repeat center center; background-size: cover; box-sizing: border-box; border: 2px solid #e9e9e9;}
			.sub_cibi .sub_cibi_img	.img_box {width: 100%; min-height: 80px; padding-bottom: 42.5%;}
			.sub_cibi .sub_cibi_img .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 68.5%; min-width: 250px;}
			.sub_cibi .sub_cibi_txt {word-break: keep-all;}
			.sub_cibi .sub_cibi_txt strong {font-size: 22px; color: #333; font-weight: 600;}
			.sub_cibi .sub_cibi_txt strong span {font-size: 22px; font-weight: 600;}
			.sub_cibi .sub_cibi_txt strong br {display: none;}
			.sub_cibi .sub_cibi_txt strong .cibi_water {color: #7fcef4;}
			.sub_cibi .sub_cibi_txt strong .cibi_environment {color: #0080cc;}
			.sub_cibi .sub_cibi_txt strong .cibi_earth {color: #004ea2;}
			.sub_cibi .sub_cibi_txt p {margin-top: 12px; font-size: 18px; color: #333; line-height: 1.66;}
			.sub_cibi .sub_cibi_txt p + p {margin-top: 30px;}
			.sub_cibi .sub_cibi_txt p br.pre_respon {display: none;}

		@media only screen and (max-width:1247px) {
			.sub_cibi h4 {font-size: 38px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_cibi h4 {font-size: 36px;}
			.sub_cibi .sub_cibi_txt strong {font-size: 20px;}
			.sub_cibi .sub_cibi_txt strong span {font-size: 20px;}
			.sub_cibi .sub_cibi_txt p {font-size: 17px;}
		}
		@media only screen and (max-width:860px) {
			.sub_cibi h4 {font-size: 34px;}
			.sub_cibi .sub_cibi_txt strong {font-size: 19px;}
			.sub_cibi .sub_cibi_txt strong span {font-size: 19px;}
			.sub_cibi .sub_cibi_txt p {font-size: 16px;}
		}
		@media only screen and (max-width:830px) {
			.sub_cibi .sub_cibi_img {width: 100%; margin: 30px auto 40px;}
		}
		@media only screen and (max-width:783px) {
			.sub_cibi .sub_cibi_txt strong br {display: block;}
		}
		@media only screen and (max-width:640px) {
			.sub_cibi h4 {font-size: 32px;}
			.sub_cibi .sub_cibi_txt strong {font-size: 18px;}
			.sub_cibi .sub_cibi_txt strong span {font-size: 18px;}
			.sub_cibi .sub_cibi_txt p {font-size: 15px;}
		}
		@media only screen and (max-width:687px) {
			.sub_cibi .sub_cibi_txt p br.pre_respon {display: block;}
		}
		@media only screen and (max-width:534px) {
			.sub_cibi h4 {font-size: 30px;}
		}
		@media only screen and (max-width:521px) {
			.sub_cibi .sub_cibi_txt p br {display: none;}
			.sub_cibi .sub_cibi_txt p br.pre_respon {display: none;}
		}
		@media only screen and (max-width:480px) {
			.sub_cibi h4 {font-size: 28px;}
			.sub_cibi .sub_cibi_img {margin: 20px auto 30px;}
			.sub_cibi .sub_cibi_txt p {font-size: 14px;}
			.sub_cibi .sub_cibi_txt p + p {margin-top: 20px;}
		}
		@media only screen and (max-width:461px) {
			.sub_cibi .sub_cibi_txt strong br {display: none;}
		}
		@media only screen and (max-width:340px) {
			.sub_cibi h4 {font-size: 26px;}
		}


	/*** company/promotion (회사홍보자료) ***/
		/* pc */
		.sub_promotion {}
		.sub_promotion_con {width: 100%; box-sizing: border-box; padding: 0 50px; text-align: center;}
		.sub_promotion_con dl + dl {margin-top: 70px;}
		.sub_promotion_con dl dt {padding: 12px 0 40px; font-size: 20px; color: #222; font-weight: 400;}
		.sub_promotion_con dl dd {width: 100%;}
		.sub_promotion_con .video_wrap {position: relative; width: 100%; padding-top: 56%;}
		.sub_promotion_con .video_wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
		.sub_promotion_con dl dd .dotted_btn {margin-top: 0;}

		@media only screen and (max-width:1023px) {
			.sub_promotion_con dl dt {padding: 12px 0 34px; font-size: 18px;}
		}
		@media only screen and (max-width:860px) {
			.sub_promotion_con {padding: 0 30px;}
			.sub_promotion_con dl + dl {margin-top: 60px;}
		}
		@media only screen and (max-width:640px) {
			.sub_promotion_con dl dt {padding: 6px 0 24px; font-size: 16px;}
			.sub_promotion_con {padding: 0 15px;}
			.sub_promotion_con dl + dl {margin-top: 50px;}
		}
		@media only screen and (max-width:480px) {
			.sub_promotion_con {padding: 0;}
		}

	/*** company/organization (조직도) ***/
		/* pc */
			.sub_organization .sub_organi_con h4,
			.sub_organization .sub_organi_box dl,
			.sub_organization .sub_organi_box dt,
			.sub_organization .sub_organi_box dd {transition: all 0.3s;}
			.sub_organization .sub_organi_con {width: 100%; margin-top: 40px; text-align: center;}
			.sub_organization .sub_organi_con h4 {position: relative; display: inline-block; width: 200px; height: 200px; margin-bottom: 40px; box-sizing: border-box; border: 17px solid #0080cc; border-radius: 50%; font-size: 24px; font-weight: bold; color: #004ea2; line-height: 166px;}
			.sub_organization .sub_organi_con h4::before {content: ""; position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%); display: block; width: 17px; height: 17px; background: #004ea2; border-radius: 50%;}
			.sub_organization .sub_organi_con h4 span {display: inline-block; font-size: 24px; font-weight: bold; color: #004ea2; line-height: 1.2; vertical-align: middle;}
			.sub_organization .sub_organi_box {position: relative; width: 100%;}
			.sub_organization .sub_organi_box::before {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: block; width: 81.5%; height: 1px; background: #ddd;}
			.sub_organization .sub_organi_box dl {position: relative; float: left; width: 18.34%; margin-right: 2.07%; box-sizing: border-box; padding-top: 60px;}
			.sub_organization .sub_organi_box dl:last-child {margin-right: 0;}
			.sub_organization .sub_organi_box dl::before {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: block; width: 1px; height: 100%; background: #ddd;}
			.sub_organization .sub_organi_box dl:nth-child(3)::before {top: -40px;}
			.sub_organization .sub_organi_box dl::after {content: ""; display: block; clear: both;}
			.sub_organization .sub_organi_box dt {position: relative; width: 100%; background: #6b7786; box-sizing: border-box; padding: 26px 6px; border-radius: 40px; z-index: 1;}
			.sub_organization .sub_organi_box dt:before {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: block; width: 5px; height: 5px; background: #004ea2; border-radius: 50%;}
			.sub_organization .sub_organi_box dt span {display: inline-block; font-size: 20px; font-weight: bold; color: #fff; line-height: 1.4; vertical-align: middle;}
			.sub_organization .sub_organi_box dd {position: relative; width: 100%; margin-top: 20px; background: #f5f5f5; box-sizing: border-box; padding: 17px 0; border: 1px solid #ddd; border-radius: 10px; z-index: 1;}
			.sub_organization .sub_organi_box dd + dd {margin-top: 10px;}
			.sub_organization .sub_organi_box dd span {display: inline-block; font-size: 16px; color: #333; line-height: 1.5; vertical-align: middle;}
		
		@media only screen and (max-width:1247px) {
			.sub_organization .sub_organi_box dt span {font-size: 19px;}
			.sub_organization .sub_organi_box dt.new-line span {font-size: 18px;line-height: 20px;display: block;position: relative;top: 50%;}
		}
		@media only screen and (max-width:1023px) {
			.sub_organization .sub_organi_box dt span {font-size: 18px;}
			.sub_organization .sub_organi_box dd span {font-size: 15px;}
			.sub_organization .sub_organi_box dt.new-line span {font-size: 17px;line-height: 20px;display: block;position: relative;top: 50%;}
		}
		@media only screen and (max-width:940px) {
			.sub_organization .sub_organi_con h4 {width: 180px; height: 180px; font-size: 22px; line-height: 146px;}
			.sub_organization .sub_organi_con h4 span {font-size: 22px; line-height: 1.2;}
			.sub_organization .sub_organi_box dt.new-line span {font-size: 15px;line-height: 20px;display: block;position: relative;top: 50%;}
		}
		@media only screen and (max-width:860px) {
			.sub_organization .sub_organi_box dt span {font-size: 16px;}
			.sub_organization .sub_organi_box dd span {font-size: 14px;}
			.sub_organization .sub_organi_box dt.new-line span {font-size: 13px;line-height: 20px;display: block;position: relative;top: 50%;}
		}
		@media only screen and (max-width:740px) {
			.sub_organization .sub_organi_con h4 {margin-bottom: 20px;}
			.sub_organization .sub_organi_con h4 span {font-size: 20px; line-height: 1.2;}
			.sub_organization .sub_organi_box::before {display: none;}
			.sub_organization .sub_organi_box dl {float: none; width: 100%;}
			.sub_organization .sub_organi_box dl::before {top: 70px; left: 19%; transform: none;}
			.sub_organization .sub_organi_box dl:nth-child(3)::before {top: 70px;} 
			.sub_organization .sub_organi_box dl:last-child::before {display: none;}
			.sub_organization .sub_organi_box dt {float: left; width: 38%; padding: 20px 6px;}
			.sub_organization .sub_organi_box dd {float: right; width: 56%; margin-top: 0; padding: 14px 0;}
			.sub_organization .sub_organi_box dt.new-line span {font-size: 16px;line-height: 20px;display: block;position: relative;top: 50%;}
		}
		@media only screen and (max-width:410px) {
			.sub_organization .sub_organi_con h4 {width: 170px; height: 170px; font-size: 20px; line-height: 136px;}
			.sub_organization .sub_organi_con h4 span {font-size: 20px; line-height: 1.2;}
			.sub_organization .sub_organi_box dl {padding-top: 40px;}
			.sub_organization .sub_organi_box dl::before {top: 66px; left: 21%;}
			.sub_organization .sub_organi_box dt {width: 42%; font-size: 15px;}
			.sub_organization .sub_organi_box dt span {font-size: 15px;}
			.sub_organization .sub_organi_box dd {width: 52%;}
			.sub_organization .sub_organi_box dd span {font-size: 13px;}
		}


	/*** company/cooperation (기술협력현황) ***/
		/* pc */
			.sub_cooperation .sub_coo_con > div,
			.sub_cooperation .sub_coo_con > div h4,
			.sub_cooperation .coo_list li,
			.sub_cooperation .coo_list li .coo_img,
			.sub_cooperation .coo_list li .coo_txt {transition: all 0.3s;}
			#content .sub_content .sub_cooperation h3.sub_title {margin-bottom: 80px;}
			.sub_cooperation .sub_coo_con > div h4 {margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 30px; color: #333; font-weight: 600; font-family: 'Montserrat', sans-serif; letter-spacing: -1px;}
			.sub_cooperation .sub_coo_con .coo_con1 {display: inline-block; width: 45%;}
			.sub_cooperation .sub_coo_con .coo_con2 {display: inline-block; width: 46.5%; margin-left: 8%;}
			.sub_cooperation .sub_coo_con .coo_con3 {display: block; width: 100%; margin-top: 46px;}
			.sub_cooperation .coo_list li {display: inline-block; width: 18.12%; margin-right: 2.07%; margin-bottom: 40px; text-align: center; vertical-align: top;}
			.sub_cooperation .coo_list li:nth-child(5n) {margin-right: 0;}
			.sub_cooperation .sub_coo_con .coo_con1 li {width: 40.8%; margin-right: 4.6%;}
			.sub_cooperation .sub_coo_con .coo_con1 li:last-child {margin-right: 0;}
			.sub_cooperation .sub_coo_con .coo_con2 li {width: 40.8%; margin-right: 4.6%;}
			.sub_cooperation .sub_coo_con .coo_con2 li:last-child {margin-right: 0;}
			.sub_cooperation .coo_list li .coo_img {position: relative; width: 100%; padding-bottom: 36.7%; margin-bottom: 12px; box-sizing: border-box; border: 1px solid #ddd; overflow: hidden;}
			.sub_cooperation .coo_con3 .coo_list li .coo_img {padding-bottom: 40%; margin-bottom: 6px;}
			.sub_cooperation .coo_list li .coo_img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 80%;}
			.sub_cooperation .coo_list li .coo_txt {font-size: 14px; color: #333; word-break: keep-all;}
		
		@media only screen and (max-width:1247px) {
			.sub_cooperation .sub_coo_con > div h4 {font-size: 29px;}
		}
		@media only screen and (max-width:1100px) {
			.sub_cooperation .sub_coo_con > div h4 {font-size: 28px;}
			.sub_cooperation .coo_list li {width: 23.2%; margin-right: 2%;}
			.sub_cooperation .coo_list li:nth-child(5n) {margin-right: 2%;}
			.sub_cooperation .coo_list li:nth-child(4n) {margin-right: 0;}
		}
		@media only screen and (max-width:840px) {
			.sub_cooperation .sub_coo_con .coo_con1 {width: 100%;}
			.sub_cooperation .sub_coo_con .coo_con2 {width: 100%; margin-left: 0; margin-top: 40px;}
			.sub_cooperation .sub_coo_con > div h4 {margin-bottom: 20px; font-size: 26px;}
			.sub_cooperation .coo_list li {width: 31.6%;}
			.sub_cooperation .coo_list li:nth-child(4n) {margin-right: 2%;}
			.sub_cooperation .coo_list li:nth-child(3n) {margin-right: 0;}
			.sub_cooperation .sub_coo_con .coo_con1 li {width: 31.6%; margin-right:2%;}
			.sub_cooperation .sub_coo_con .coo_con2 li {width: 31.6%; margin-right:2%;}
			.sub_cooperation .coo_list li .coo_txt {font-size: 13px;}
		}
		@media only screen and (max-width:570px) {
			.sub_cooperation .sub_coo_con .coo_con2 {margin-top: 30px;}
			.sub_cooperation .sub_coo_con .coo_con3 {margin-top: 30px;}
			.sub_cooperation .sub_coo_con > div h4 {font-size: 24px;}
			.sub_cooperation .coo_list li {width: 48%; margin-right: 3%; margin-bottom: 30px;}
			.sub_cooperation .coo_list li:nth-child(3n) {margin-right: 3%;}
			.sub_cooperation .coo_list li:nth-child(2n) {margin-right: 0;}
			.sub_cooperation .sub_coo_con .coo_con1 li {width: 48%; margin-right:3%;}
			.sub_cooperation .sub_coo_con .coo_con2 li {width: 48%; margin-right:3%;}
			.sub_cooperation .coo_list li .coo_txt {font-size: 12px;}
		}
		@media only screen and (max-width:309px) {
		.sub_cooperation .coo_list li {width: 100%; margin-right: 0;}
		.sub_cooperation .coo_list li:nth-child(3n) {margin-right: 0;}
			.sub_cooperation .sub_coo_con .coo_con1 li {width: 100%; margin-right: 0;}
			.sub_cooperation .sub_coo_con .coo_con2 li {width: 100%; margin-right: 0;}
		}
			


/*───────────────────────────────────────────────────────────
	 BUSINESS
───────────────────────────────────────────────────────────*/
	/*** business/water (물관리사업) ***/
		/* pc */		
			.sub_water .water_txt h4,
			.sub_water .water_txt p,
			.sub_water .water_con dl,
			.sub_water .water_con dt,
			.sub_water .water_con dd p,
			.water_img_wrap,
			.water_img_wrap .water_img {transition: all 0.3s;}
			.sub_water .water_list > li,
			.sub_water .water_list > li strong,
			.sub_water .sub_tab_wrap {margin-bottom: 50px;}
			.sub_water .sub_tab_con > div {height: 0; overflow: hidden;}
			.sub_water .sub_tab_con > div.on {height: auto; overflow: visible; margin-top:30px; padding-top: 28px;}
			.sub_water .water_wrap {text-align: center;}
			.sub_water .water_txt h4 {margin-bottom: 20px; font-size: 32px; color: #222; word-break: keep-all; font-family: 'Montserrat', sans-serif;}
			.sub_water .water_txt h4 br {display: none;}
			.sub_water .water_txt p {font-size: 20px; color: #333; line-height: 1.5; word-break: keep-all;}
			.sub_water .water_txt p br.pre_respon {display: none;}
			.sub_water .water_con dl {margin-top: 70px;}
			.sub_water .water_con dl + dl {margin-top: 90px;}
			.sub_water .water_con dt {margin-bottom: 20px; font-size: 24px; color: #333; font-weight: 500; word-break: keep-all;}
			.sub_water .water_con dt br.pre_respon {display: none;}
			.sub_water .water_con dd p {font-size: 16px; color: #666; line-height: 1.5; word-break: keep-all;}
			.sub_water .water_con dd p br.pre_respon {display: none;}
			.sub_water .water1 dl:first-child dt {margin-bottom: 0;}
			.sub_water .water2 .zoom_img_wrap {border-bottom: 1px solid #ddd; border-radius: 10px 10px 0 0;}
			.sub_water .water2 .water_con dl {margin-top: 90px;}
			.sub_water .water2 .water_con dt {margin-bottom: 30px;}
			.sub_water .water_list {width: 100%;}
			.sub_water .water_list > li {float: left; width: calc(33.33% - 20px); height: 570px; box-sizing: border-box; padding: 40px 20px; border: 1px solid #ddd;}
			.sub_water .water_list > li + li {margin-left: 30px;}
			.sub_water .water_list > li strong {display: block; margin: 28px 0 20px; font-size: 24px; color: #004ea2; font-weight: 500; word-break: keep-all;}
			.water_img_wrap {width: 100%; margin-top: 34px;}
			.water_img_wrap .water_img {float: left; width: 48.5%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
			.water_img_wrap .water_img:nth-child(2) {float: right;}

		@media only screen and (max-width:1247px) {
			.sub_water .water_txt h4 {font-size: 30px;}
			.sub_water .water_txt p {font-size: 19px;}
			.sub_water .water_con dt {font-size: 23px;}
			.sub_water .water_list > li strong {font-size: 22px;}
		}
		@media only screen and (max-width:1050px) { 
			.sub_water .water2 .water_txt p br.pre_respon {display: block;}
		}
		@media only screen and (max-width:1023px) {
			.sub_water .water_txt h4 {font-size: 28px;}
			.sub_water .water_txt p {font-size: 18px;}
			.sub_water .water_con dt {font-size: 22px;}
			.sub_water .water_con dd p {font-size: 15px;}
			.sub_water .water_list > li .water_icon {display: inline-block; width: 78px;}
			.sub_water .water_list > li strong {font-size: 20px;}
		}
		@media only screen and (max-width:960px) {
			.sub_water .water_txt p br.pre_respon {display: block;}
		}
		@media only screen and (max-width:920px) {
			.sub_water .water_list > li {height: 680px;}
		}
		@media only screen and (max-width:860px) {
			.sub_water .water_txt h4 {font-size: 26px;}
			.sub_water .water_txt p {font-size: 17px;}
			.sub_water .water_con dt {font-size: 21px;}
			.sub_water .water_con dt br.pre_respon {display: block;}
			.sub_water .water_con dd p br.pre_respon {display: block;}
		}
		@media only screen and (max-width:640px) {
			.sub_water .sub_tab_con > div.on {padding-top: 0;}
			.sub_water .water_txt h4 {font-size: 24px;}
			.sub_water .water_txt p {font-size: 16px;}
			.sub_water .water_con dl {margin-top: 50px;}
			.sub_water .water_con dl + dl {margin-top: 70px;}
			.sub_water .water_con dt {font-size: 20px;}
			.sub_water .water_con dd p {font-size: 14px;}
			.water_img_wrap {margin-top: 24px;}
		}
		@media only screen and (max-width:760px) {
			.sub_water .water_list > li {float: none; width: 70%; min-width: 260px; height: 450px; margin: 0 auto;} 
			.sub_water .water_list > li + li {margin: 0 auto; margin-top: 40px;}
			.sub_water .water_list > li .dot_list li br {display: block;}
		}
		@media only screen and (max-width:600px) {
			.water_img_wrap .water_img {float: none; width: 100%;}
			.water_img_wrap .water_img:nth-child(2) {float: none; margin-top: 20px;}
		}
		@media only screen and (max-width:691px) {
			.sub_water .water_txt p br {display: none;}
			.sub_water .water_txt p br.pre_respon {display: none;}
		}
		@media only screen and (max-width:550px) {
			.sub_water .sub_tab_wrap .sub_tab li {float: none; display: inline-block;}
			.sub_water .sub_tab_wrap .sub_tab li + li {margin-top: 4px;}
			.sub_water .water_list > li {height: 520px;}
		}
		@media only screen and (max-width:480px) {
			.sub_water .water_txt h4 {font-size: 22px;}
			.sub_water .water_txt p {font-size: 15px;}
			.sub_water .water_con dt {font-size: 18px;}
			.sub_water .water_list > li .water_icon {width: 68px;}
			.sub_water .water_list > li strong {font-size: 18px;}
		}
		@media only screen and (max-width:446px) {
			.sub_water .water_txt h4 br.pre_respon {display: block;}
			.sub_water .water_con dd p br {display: none;}
			.sub_water .water_con dd p br.pre_respon {display: none;}
		}
		@media only screen and (max-width:430px) {
			.sub_water .water_list > li .dot_list li br {display: none;}
		}


	/*** business/iot (IoT 사업) ***/
		/* pc */		
			.sub_iot .sub_iot_txt h4,
			.sub_iot .sub_iot_txt p,
			.sub_iot .sub_iot_con dl,
			.sub_iot .sub_iot_con dt,
			.sub_iot .sub_iot_con dd p,
			.sub_iot .sub_iot_con .iot_list,
			.sub_iot .sub_iot_con .iot_list > li,
			.sub_iot .sub_iot_con .iot_list > li strong,
			.sub_iot .sub_iot_con .iot_list > li ul li,
			.sub_iot .sub_iot_con .dotted_btn {transition: all 0.3s;}
			.sub_iot .sub_iot_txt {text-align: center;}
			.sub_iot .sub_iot_txt h4 {margin-bottom: 20px; font-size: 32px; color: #222; word-break: keep-all; font-family: 'Montserrat', sans-serif;}
			.sub_iot .sub_iot_txt p {font-size: 20px; color: #333; line-height: 1.5; word-break: keep-all;}
			.sub_iot .sub_iot_txt p br.pre_respon {display: none;}
			.sub_iot .zoom_img_wrap {margin-top: 0; border: 0;}
			.sub_iot .sub_iot_con {text-align: center;}
			.sub_iot .sub_iot_con dl {margin-top: 50px;}
			.sub_iot .sub_iot_con dl + dl {padding-top: 90px; border-top: 1px solid #ddd;}
			.sub_iot .sub_iot_con dt {margin-bottom: 10px; font-size: 24px; color: #333; font-weight: 500; word-break: keep-all;}
			.sub_iot .sub_iot_con dd p {font-size: 20px; color: #333; line-height: 1.5; word-break: keep-all;}
			.sub_iot .sub_iot_con .iot_list {display: table; width: 100%; margin-top: 56px;}
			.sub_iot .sub_iot_con .iot_list > li {display: table-cell; width: 25%; box-sizing: border-box; padding: 0 10px;}
			.sub_iot .sub_iot_con .iot_list > li + li {border-left: 1px solid #ddd;}
			.sub_iot .sub_iot_con .iot_list > li strong {display: block; margin: 24px 0 12px; font-size: 24px; color: #004ea2; font-weight: 500; word-break: keep-all;}
			.sub_iot .sub_iot_con .iot_list > li ul li {display: block; font-size: 16px; color: #333; line-height: 1.5;}
			.sub_iot .sub_iot_con .dotted_btn {margin-top: 90px;}

		@media only screen and (max-width:1247px) {
			.sub_iot .sub_iot_txt h4 {font-size: 30px;}
			.sub_iot .sub_iot_txt p {font-size: 19px;}
			.sub_iot .sub_iot_con dt {font-size: 23px;}
			.sub_iot .sub_iot_con dd p {font-size: 19px;}
			.sub_iot .sub_iot_con .iot_list > li strong {font-size: 22px;}
		}
		@media only screen and (max-width:1023px) {
			.sub_iot .sub_iot_txt h4 {font-size: 28px;}
			.sub_iot .sub_iot_txt p {font-size: 18px;}
			.sub_iot .sub_iot_con dt {font-size: 22px;}
			.sub_iot .sub_iot_con dd p {font-size: 18px;}
			.sub_iot .sub_iot_con .iot_list > li .iot_icon {display: inline-block; width: 70px;}
			.sub_iot .sub_iot_con .iot_list > li strong {font-size: 20px;}
			.sub_iot .sub_iot_con .iot_list > li ul li {font-size: 15px;}
		}
		@media only screen and (max-width:860px) {
			.sub_iot .sub_iot_txt h4 {font-size: 26px;}
			.sub_iot .sub_iot_txt p {font-size: 17px;}
			.sub_iot .sub_iot_con dt {font-size: 21px;}
			.sub_iot .sub_iot_con dd p {font-size: 17px;}
			.sub_iot .sub_iot_con .iot_list {display: block; margin-top: 36px;}
			.sub_iot .sub_iot_con .iot_list > li {float: left; display: block; width: 50%; padding: 40px 10px;}
			.sub_iot .sub_iot_con .iot_list > li + li {border-left: 0;}
			.sub_iot .sub_iot_con .iot_list > li:nth-child(2n) {border-left: 1px solid #ddd;}
			.sub_iot .sub_iot_con .iot_list > li:nth-child(n+3) {border-top: 1px solid #ddd;}
			.sub_iot .sub_iot_con .dotted_btn {margin-top: 70px;}
		}
		@media only screen and (max-width:934px) {
			.sub_iot .sub_iot_txt p br.pre_respon {display: block;}
		}
		@media only screen and (max-width:640px) {
			.sub_iot .sub_iot_txt h4 {font-size: 24px;}
			.sub_iot .sub_iot_txt p {font-size: 16px;}
			.sub_iot .sub_iot_con dl + dl {padding-top: 70px;}
			.sub_iot .sub_iot_con dt {font-size: 20px;}
			.sub_iot .sub_iot_con dd p {font-size: 16px;}
			.sub_iot .sub_iot_con .iot_list > li ul li {font-size: 14px;}
			.sub_iot .sub_iot_con .dotted_btn {margin-top: 60px;}
		}
		@media only screen and (max-width:580px) {
			.sub_iot .sub_iot_con dd p br {display: none;}
		}
		@media only screen and (max-width:480px) {
			.sub_iot .sub_iot_txt h4 {font-size: 22px;}
			.sub_iot .sub_iot_txt p {font-size: 15px;}
			.sub_iot .sub_iot_con dl + dl {padding-top: 60px;}
			.sub_iot .sub_iot_con dt {font-size: 18px;}
			.sub_iot .sub_iot_con dd p {font-size: 15px;}
			.sub_iot .sub_iot_con .iot_list > li {padding: 30px 10px;}
			.sub_iot .sub_iot_con .iot_list > li .iot_icon {width: 58px;}
			.sub_iot .sub_iot_con .iot_list > li strong {font-size: 18px;}
		}
		@media only screen and (max-width:449px) {
			.sub_iot .sub_iot_txt p br {display: none;}
			.sub_iot .sub_iot_txt p br.pre_respon {display: none;}
		}


	/*** business/air (공기질관리사업) ***/
		/* pc */
			.sub_air .sub_air_txt h4,
			.sub_air .sub_air_txt p, 
			.sub_air .air_process,
			.sub_air .air_process li,
			.sub_air .air_process .proc_img,
			.sub_air .air_process li p,
			.sub_air .sub_air_con dl,
			.sub_air .sub_air_con dt,
			.sub_air .air_list >li,
			.sub_air .air_list > li strong {transition: all 0.3s;}
			.sub_air .sub_air_txt {text-align: center;}
			.sub_air .sub_air_txt h4 {margin-bottom: 20px; font-size: 32px; color: #222; word-break: keep-all;}
			.sub_air .sub_air_txt p {font-size: 20px; color: #333; line-height: 1.5; word-break: keep-all;}
			.sub_air .sub_air_txt p br.pre_respon {display: none;}
			.sub_air .air_process {width: 100%; margin-top: 50px;}
			.sub_air .air_process li {float: left; width: calc(33.33% - 6.7%); text-align: center;}
			.sub_air .air_process li + li {margin-left: 10%;}
			.sub_air .air_process li .proc_img {position: relative; width: 100%; padding-bottom: 87.5%; background: url("../images/sub/air_process_01.jpg") no-repeat center; background-size: cover;}
			.sub_air .air_process li:nth-child(2) .proc_img {background: url("../images/sub/air_process_02.jpg") no-repeat center; background-size: cover;}
			.sub_air .air_process li:nth-child(3) .proc_img {background: url("../images/sub/air_process_03.jpg") no-repeat center; background-size: cover;}
			.sub_air .air_process li .proc_img::before {content: ""; position: absolute; left: -25%; top: 50%; transform: translateY(-50%); width: 14.1%; height: 16.1%; background: url("../images/sub/sub_process_arrow.png") no-repeat center; background-size: cover;}
			.sub_air .air_process li:nth-child(1) .proc_img::before {display: none;}
			.sub_air .air_process li p {margin-top: 12px; font-size: 20px; color: #333;}
			.sub_air .zoom_img_wrap {border: 0; margin: 0;}
			.sub_air .sub_air_con {text-align: center;}
			.sub_air .sub_air_con dl {margin-top: 100px;}
			.sub_air .sub_air_con dl + dl {margin-top: 150px;}
			.sub_air .sub_air_con dt {margin-bottom: 30px; font-size: 24px; color: #333; font-weight: 500; word-break: keep-all;}
			.sub_air .sub_air_con dl:first-child dt {margin-bottom: 70px;}
			.sub_air .sub_air_con dt br.pre_respon {display: none;}
			.sub_air .air_list {width: 100%;}
			.sub_air .air_list > li {float: left; width: calc(33.33% - 20px); height: 560px; box-sizing: border-box; padding: 40px 20px; border: 1px solid #ddd;}
			.sub_air .air_list > li + li {margin-left: 30px;}
			.sub_air .air_list > li strong {display: block; margin: 26px 0 20px; font-size: 24px; color: #004ea2; font-weight: 500; word-break: keep-all;}

		@media only screen and (max-width:1247px) {
			.sub_air .sub_air_txt h4 {font-size: 30px;}
			.sub_air .sub_air_txt p {font-size: 19px;}
			.sub_air .air_process li p {font-size: 19px;}
			.sub_air .sub_air_con dt {font-size: 23px;}
			.sub_air .air_list > li strong {font-size: 22px;}
		}
		@media only screen and (max-width:1148px) {
			.sub_air .sub_air_con dt br.pre_respon {display: block;}
		}
		@media only screen and (max-width:1050px) {
			.sub_air .air_list > li .dot_list li br {display: none;}
		}
		@media only screen and (max-width:1023px) {
			.sub_air .sub_air_txt h4 {font-size: 28px;}
			.sub_air .sub_air_txt p {font-size: 18px;}
			.sub_air .air_process li p {font-size: 18px;}
			.sub_air .sub_air_con dt {font-size: 22px;}
			.sub_air .sub_air_con dl:first-child dt {margin-bottom: 60px;}
			.sub_air .air_list > li {padding: 30px 20px;}
			.sub_air .air_list > li .air_icon {display: inline-block; width: 78px;}
			.sub_air .air_list > li strong {font-size: 20px;}	
		}
		@media only screen and (max-width:920px) {
			.sub_air .air_list > li {height: 620px;}
		}
		@media only screen and (max-width:860px) {
			.sub_air .sub_air_txt h4 {font-size: 26px;}
			.sub_air .sub_air_txt p {font-size: 17px;}
			.sub_air .air_process li p {font-size: 17px;}
			.sub_air .sub_air_con dl {margin-top: 80px;}
			.sub_air .sub_air_con dl + dl {margin-top: 120px;}
			.sub_air .sub_air_con dt {font-size: 21px;}
			.sub_air .sub_air_con dl:first-child dt {margin-bottom: 50px;}
		}
		@media only screen and (max-width:842px) {
			.sub_air .air_list > li {height: 700px;}
		}
		@media only screen and (max-width:760px) {
			.sub_air .air_list > li {float: none; width: 70%; min-width: 260px; height: 540px; margin: 0 auto;} 
			.sub_air .air_list > li + li {margin: 0 auto; margin-top: 40px;}
			.sub_air .air_list > li .dot_list li br {display: block;}
		}
		@media only screen and (max-width:962px) {
			.sub_air .sub_air_txt p br.pre_respon {display: block;}
		}
		@media only screen and (max-width:640px) {
			.sub_air .sub_air_txt h4 {font-size: 24px;}
			.sub_air .sub_air_txt p {font-size: 16px;}
			.sub_air .air_process li {float: none; display: block; width: 52.5%; min-width: 260px; margin: 0 auto;}
			.sub_air .air_process li + li {margin: 0 auto; margin-top: 80px;}
			.sub_air .air_process li .proc_img::before {left: 50%; top: -60px; transform: translateX(-50%) rotate(90deg); width: 35px; height: 35px;}
			.sub_air .air_process li p {font-size: 16px;}
			.sub_air .sub_air_con dl + dl {margin-top: 100px;}
			.sub_air .sub_air_con dt {font-size: 20px;}
			.sub_air .sub_air_con dl:first-child dt {margin-bottom: 40px;} 
		}
		@media only screen and (max-width:588px) {
			.sub_air .sub_air_con dt br.pre_respon {display: none;}
		}
		@media only screen and (max-width:480px) {
			.sub_air .sub_air_txt h4 {font-size: 22px;}
			.sub_air .sub_air_txt p {font-size: 15px;}
			.sub_air .air_process li + li {margin-top: 60px;}
			.sub_air .air_process li .proc_img::before {top: -50px; width: 30px; height: 30px;}
			.sub_air .air_process li p {font-size: 15px;}
			.sub_air .sub_air_con dl + dl {margin-top: 80px;}
			.sub_air .sub_air_con dt {font-size: 18px;}
			.sub_air .sub_air_con dl:first-child dt {margin-bottom: 30px;}
			.sub_air .air_list > li .air_icon {width: 68px;}
			.sub_air .air_list > li strong {font-size: 18px;}
		}
		@media only screen and (max-width:462px) {
			.sub_air .air_list > li .dot_list li br {display: none;}
		}
		@media only screen and (max-width:435px) {
			.sub_air .sub_air_txt p br {display: none;}
			.sub_air .sub_air_txt p br.pre_respon {display: none;}
		}
		

	/*** business/performance (사업실적) ***/
		/* pc */
			.sub_business_per h4,
			.sub_business_per .sub_per_con dl,
			.sub_business_per .sub_per_con dt,
			.sub_business_per .grey_list_box,
			.sub_business_per .grey_list_box ul li {transition: all 0.3s;}
			.sub_business_per {text-align: center;}
			.sub_business_per h4 {margin-bottom: 70px; font-size: 32px; color: #222; word-break: keep-all;}
			.sub_business_per h4 br.pre_respon {display: none;}
			.sub_business_per .sub_per_con dl + dl {margin-top: 120px;}
			.sub_business_per .sub_per_con dt {margin-bottom: 30px; font-size: 24px; color: #44a2d9; font-weight: 500; word-break: keep-all;}
			.sub_business_per .sub_per_con dt br.pre_respon {display: none;}
			.sub_business_per .sub_per_con .zoom_img_wrap {margin: 0; border: 0;}
			.sub_business_per .grey_list_box {margin-top: 28px; padding: 30px 10px; border: 1px solid #ddd; text-align: center;}
			.sub_business_per .grey_list_box ul {display: inline-block;}
			.sub_business_per .grey_list_box ul li {font-size: 20px; color: #333; line-height: 1.7; word-break: keep-all;}
		
		@media only screen and (max-width:1247px) {
			.sub_business_per h4 {font-size: 30px;}
			.sub_business_per .sub_per_con dl + dl {margin-top: 110px;} 
			.sub_business_per .sub_per_con dt {font-size: 23px;}
			.sub_business_per .grey_list_box ul li {font-size: 19px;}
		}
		@media only screen and (max-width:1050px) {
			.sub_business_per .sub_per_con dt br.pre_respon {display: block;}
		}
		@media only screen and (max-width:1023px) {
			.sub_business_per h4 {font-size: 28px;}
			.sub_business_per .sub_per_con dl + dl {margin-top: 100px;}
			.sub_business_per .sub_per_con dt {font-size: 22px;}
			.sub_business_per .grey_list_box ul li {font-size: 18px;}
		}
		@media only screen and (max-width:860px) {
			.sub_business_per h4 {margin-bottom: 50px; font-size: 26px;}
			.sub_business_per .sub_per_con dl + dl {margin-top: 90px;}
			.sub_business_per .sub_per_con dt {margin-bottom: 20px; font-size: 21px;}
			.sub_business_per .grey_list_box {margin-top: 28px; padding: 20px 10px;}
			.sub_business_per .grey_list_box ul li {font-size: 17px;}
		}
		@media only screen and (max-width:640px) {
			.sub_business_per h4 {font-size: 24px;}
			.sub_business_per .sub_per_con dl + dl {margin-top: 80px;}
			.sub_business_per .sub_per_con dt {font-size: 20px;}
			.sub_business_per .grey_list_box ul li {font-size: 16px;} 
		}
		@media only screen and (max-width:514px) {
			.sub_business_per h4 br.pre_respon {display: block;}
		}
		@media only screen and (max-width:480px) {
			.sub_business_per h4 {font-size: 22px;}
			.sub_business_per .sub_per_con dt {font-size: 19px;}
			.sub_business_per .grey_list_box ul li {font-size: 15px;}
		}
		@media only screen and (max-width:456px) {
			.sub_business_per .sub_per_con dt br.pre_respon {display: none;}
		}



/*───────────────────────────────────────────────────────────
	 RESEARCH
───────────────────────────────────────────────────────────*/
	/*** research/corporate (기업부설연구소) ***/
		/* pc */	
			.sub_corporate .sub_cor_txt p,
			.sub_corporate .sub_cor_txt p strong,
			.sub_corporate .sub_cor_list li,
			.sub_corporate .sub_cor_list li .cor_img,
			.sub_corporate .sub_cor_list li p {transition: all 0.3s;}
			.sub_corporate {text-align: center;}
			.sub_corporate .sub_cor_txt p {font-size: 20px; color: #555; line-height: 1.6; letter-spacing: -0.6px; word-break: keep-all;}
			.sub_corporate .sub_cor_txt p + p {margin-top: 22px;}
			.sub_corporate .sub_cor_txt p strong {font-size: 20px; color: #0080cc; font-weight: 500;}
			.sub_corporate .sub_cor_txt p br.pre_respon {display: none;}
			.sub_corporate .sub_cor_list {width: 100%; margin-top: 54px;}
			.sub_corporate .sub_cor_list li {float: left; width: calc(33.33% - 20px);}
			.sub_corporate .sub_cor_list li + li {margin-left: 30px;}
			.sub_corporate .sub_cor_list li .cor_img {width: 100%; box-sizing: border-box; border: 1px solid #ddd; border-bottom: 0;}
			.sub_corporate .sub_cor_list li .cor_img .img_box {width: 100%; padding-bottom: 100%; background: url("../images/sub/corporate_01.jpg") no-repeat center; background-size: 100%;}
			.sub_corporate .sub_cor_list li:nth-child(2) .cor_img .img_box {background: url("../images/sub/corporate_02.jpg") no-repeat center; background-size: 100%;}
			.sub_corporate .sub_cor_list li:nth-child(3) .cor_img .img_box {background: url("../images/sub/corporate_03.jpg") no-repeat center; background-size: 100%;}
			.sub_corporate .sub_cor_list li p {width: 100%; height: 70px; background: #7fcef4; font-size: 24px; color: #fff; font-weight: bold; letter-spacing: -0.6px; line-height: 70px; text-align: center;}
			.sub_corporate .sub_cor_list li:nth-child(2) p {background: #0080cc;}
			.sub_corporate .sub_cor_list li:nth-child(3) p {background: #004ea2;}

		@media only screen and (max-width:1247px) {
			.sub_corporate .sub_cor_txt p {font-size: 19px;}
			.sub_corporate .sub_cor_txt p strong {font-size: 19px;}
		}
		@media only screen and (max-width:1103px) {
			.sub_corporate .sub_cor_txt p {font-size: 18px;}
			.sub_corporate .sub_cor_txt p strong {font-size: 18px;}
		}
		@media only screen and (max-width:1072px) {
			.sub_corporate .sub_cor_txt p br.pre_respon {display: block;}
		}
		@media only screen and (max-width:1044px) {
			.sub_corporate .sub_cor_list li p {height: 60px; font-size: 22px; line-height: 60px;}
		}
		@media only screen and (max-width:860px) {
			.sub_corporate .sub_cor_txt p {font-size: 17px;}
			.sub_corporate .sub_cor_txt p strong {font-size: 17px;}
		}
		@media only screen and (max-width:793px) {
			.sub_corporate .sub_cor_txt p br {display: none;}
			.sub_corporate .sub_cor_txt p br.pre_respon {display: none;}
		}
		@media only screen and (max-width:760px) {
			.sub_corporate .sub_cor_list li {float: none; width: 70%; min-width: 260px; margin: 0 auto;} 
			.sub_corporate .sub_cor_list li + li {margin: 0 auto; margin-top: 40px;}
		}
		@media only screen and (max-width:640px) {
			.sub_corporate .sub_cor_txt p {font-size: 16px;}
			.sub_corporate .sub_cor_txt p strong {font-size: 16px;}
			.sub_corporate .sub_cor_list li p {height: 50px; font-size: 20px; line-height: 50px;}
		}
		@media only screen and (max-width:480px) {
			.sub_corporate .sub_cor_txt p {font-size: 15px;}
			.sub_corporate .sub_cor_txt p strong {font-size: 15px;}
			.sub_corporate .sub_cor_list li p {font-size: 18px;}
		}


	/*** research/performance (주요수행 R&D) ***/
		/* pc */	
			.sub_research_per h4,
			.sub_research_per .history_wrap,
			.sub_research_per .history_box,
			.sub_research_per .history_box .his_year,
			.sub_research_per .history_box .his_year .year,
			.sub_research_per .history_box .his_year .year strong,
			.sub_research_per .history_box .his_detail,
			.sub_research_per .history_box .his_detail dl,
			.sub_research_per .history_box .his_detail dt,
			.sub_research_per .history_box .his_detail dd,
			.sub_research_per .history_box .his_detail li {transition: all 0.3s;}
			.sub_research_per .grey_list_box {padding: 40px;}
			.sub_research_per .grey_list_box .dot_list li {font-size: 18px; color: #555; letter-spacing: -0.6px;}
			.sub_research_per .grey_list_box .dot_list li::before {width: 3px; height: 3px; background: #555;}
			.sub_research_per h4 {margin: 80px 0 30px; font-size: 28px; color: #222; letter-spacing: -0.6px;}
			.sub_research_per .history_wrap {padding-bottom: 60px;}
			.sub_research_per .history_box {width: 100%; padding-top: 10px;}
			.sub_research_per .history_box + .history_box {margin-top: 54px; padding-top: 54px; border-top: 1px solid #ddd;}
			.sub_research_per .history_box .his_year {float: left; width: 220px;}
			.sub_research_per .history_box .his_year .year {position: relative; width: 100%; padding-bottom: 100%; background: linear-gradient(200deg, #0051a5, #0070c1, #7fcef4); border-radius: 50%;}
			.sub_research_per .history_box .his_year .year strong {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 200px; background: #fff; border-radius: 50%; font-size: 30px; color: #0080cc; font-weight: 600; letter-spacing: -0.6px; line-height: 200px; text-align: center; font-family: 'Montserrat', sans-serif;}
			.sub_research_per .history_box .his_detail {float: right; width: calc(100% - 300px);}
			.sub_research_per .history_box .his_detail dl {position: relative; padding-left: 13px;}
			.sub_research_per .history_box .his_detail dl + dl {margin-top: 12px;}
			.sub_research_per .history_box .his_detail dl::before {content: ""; position: absolute; left: 0; top: 12px; display: block; width: 3px; height: 3px; background: #0080cc; border-radius: 50%;}
			.sub_research_per .history_box .his_detail dt {float: left; display: block; width: 140px; font-size: 18px; color: #333; font-weight: 500; line-height: 1.7; font-family: 'Montserrat', sans-serif; vertical-align: top;}
			.sub_research_per .history_box .his_detail dd {float: left; display: block; width: calc(100% - 140px); vertical-align: top;}
			.sub_research_per .history_box .his_detail dd li {width: 100%; font-size: 16px; color: #777; letter-spacing: -0.6px; line-height: 1.7; word-break: keep-all;}
			.sub_research_per .history_box .his_detail dd li + li {margin-top: 12px;}
			.sub_research_per .sub_table_box th {font-size: 18px;}
			.sub_research_per .sub_table_box td {color: #666;}
			.sub_research_per .sub_table_box td:first-child {font-weight: 500; font-family: 'Montserrat', sans-serif;}
			.sub_research_per .sub_table_box td:nth-child(2) {color: #222;}
			
			@media only screen and (max-width:1247px) {
				.sub_research_per h4 {font-size: 27px;}
				.sub_research_per .grey_list_box .dot_list li {font-size: 17px;}
				.sub_research_per .history_box .his_year {width: 210px;}
				.sub_research_per .history_box .his_year .year strong {width: 190px; font-size: 28px; line-height: 190px;}
				.sub_research_per .history_box .his_detail {float: right; width: calc(100% - 270px);} 
				.sub_research_per .history_box .his_detail dt {width: 120px; font-size: 17px;}
				.sub_research_per .history_box .his_detail dd {width: calc(100% - 140px);}
			}
			@media only screen and (max-width:1023px) {
				.sub_research_per h4 {font-size: 26px;}
				.sub_research_per .grey_list_box .dot_list li {font-size: 16px;}
				.sub_research_per .sub_table_box th {font-size: 17px;}
			}
			@media only screen and (max-width:954px) {
				.sub_research_per .history_box .his_detail dd li br {display: none;}
			}
			@media only screen and (max-width:860px) {
				.sub_research_per h4 {font-size: 25px;}
				.sub_research_per .grey_list_box {padding: 30px;}
				.sub_research_per .grey_list_box .dot_list li {font-size: 15px;}
				.sub_research_per .history_box .his_year {width: 200px;}
				.sub_research_per .history_box .his_year .year strong {width: 180px; font-size: 26px; line-height: 180px;}
				.sub_research_per .history_box .his_detail {width: calc(100% - 240px);} 
				.sub_research_per .history_box .his_detail dt {width: 100px; font-size: 16px;}
				.sub_research_per .history_box .his_detail dd {width: calc(100% - 100px);}
				.sub_research_per .history_box .his_detail dd li {font-size: 15px;}
				.sub_research_per .history_box .his_detail dd li + li {margin-top: 10px;}
			}
			@media only screen and (max-width:830px) {
				.sub_research_per .sub_table_box th {font-size: 16px;}
			}
			@media only screen and (max-width:640px) {
				.sub_research_per h4 {margin: 60px 0 16px; font-size: 24px;}
				.sub_research_per .grey_list_box .dot_list li {font-size: 14px;}
				.sub_research_per .history_wrap {padding-bottom: 30px;}
				.sub_research_per .history_box + .history_box {margin-top: 44px; padding-top: 54px;}
				.sub_research_per .history_box .his_year {width: 180px;}
				.sub_research_per .history_box .his_year .year strong {width: 160px; font-size: 24px; line-height: 160px;}
				.sub_research_per .history_box .his_detail {width: calc(100% - 220px);} 
				.sub_research_per .history_box .his_detail dl + dl {margin-top: 16px;}
				.sub_research_per .history_box .his_detail dt {float: none; width: 100%; margin-bottom: 4px; font-size: 15px;}
				.sub_research_per .history_box .his_detail dd {float: none; width: 100%;}
				.sub_research_per .history_box .his_detail dd li {font-size: 14px;} 
				.sub_research_per .history_box .his_detail dd li + li {margin-top: 5px;}
				.sub_research_per .sub_table_box th {font-size: 15px;}
			}
			@media only screen and (max-width:580px) {
				.sub_research_per .history_box .his_year {float: none;}
				.sub_research_per .history_box .his_detail {float: none; width: 100%; margin-top: 30px;}
				.sub_research_per .history_box .his_detail dt {margin-bottom: 0;}
				.sub_research_per .history_box .his_detail dd li + li {margin-top: 8px;}
			}
			@media only screen and (max-width:480px) {
				.sub_research_per h4 {font-size: 22px;}
				.sub_research_per .sub_table_box th {font-size: 14px;}
			}
			@media only screen and (max-width:340px) {
				.sub_research_per .sub_table_box th {font-size: 13px;}
			}



	/*** research/result (연구개발성과) ***/
		/* pc */	
			.sub_result .sub_result_txt p,
			.sub_result .sub_result_txt p strong,
			.sub_result .result_wrap,
			.sub_result .result_wrap dt,
			.sub_result .result_wrap dd ul li,
			.sub_result .result_wrap .result_img,
			.sub_result .result_wrap .result_txt,
			.sub_result h4 {transition: all 0.3s;}
			#content .sub_content .sub_result h3.sub_title {margin-bottom: 50px;}
			.sub_result .sub_result_txt {text-align: center;}
			.sub_result .sub_result_txt p {font-size: 18px; color: #555; line-height: 1.6; letter-spacing: -0.6px; word-break: keep-all;}
			.sub_result .sub_result_txt p + p {margin-top: 16px;}
			.sub_result .sub_result_txt p strong {font-size: 20px; color: #0080cc; font-weight: 500; letter-spacing: -0.6px;}
			.sub_result .sub_result_txt p br.pre_respon {display: none;}
			.sub_result .result_wrap {margin-top: 68px;}
			.sub_result .result_wrap + .result_wrap {margin-top: 60px;}
			.sub_result .result_wrap dt {margin-bottom: 12px; font-size: 28px; color: #222; font-weight: 500; letter-spacing: -0.6px;}
			.sub_result .result_wrap dd ul li {display:inline-block; width: calc(16.66% - 18px);  box-sizing: border-box; margin-right: 18px; margin-bottom: 36px; vertical-align: top;position:relative;}
			.sub_result .result_wrap dd ul li a {position:absolute;left:0;bottom:0;right:0;top:0;z-index:5;}
			.sub_result .result_wrap dd ul li:nth-child(6n) {margin-right: 0;}
			.sub_result .result_wrap dd ul li .result_img {position: relative; width: 100%; padding-bottom: 144%; box-sizing: border-box; border: 1px solid #ddd;}
			.sub_result .result_wrap dd ul li .result_img .img_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; height: 93%; background: #eee; overflow: hidden;}
			.sub_result .result_wrap dd ul li .result_txt {margin-top: 6px; font-size: 16px; color: #666; letter-spacing: -0.6px; text-align: center; word-break: keep-all;}
			.sub_result .result11 .sub_table_box td {font-weight: 500; font-family: 'Montserrat', sans-serif;}
			.sub_result .result11 .sub_table_box td:first-child {font-weight: 400; font-family: 'Noto Sans KR',sans-serif!important;}
			.sub_result h4 {margin-top: 80px; font-size: 34px; color: #222; letter-spacing: -0.6px;}
			.sub_result h4 + .result_wrap {margin-top: 34px;}

			@media only screen and (max-width:1247px) {
				.sub_result .sub_result_txt p {font-size: 17px;}
				.sub_result .sub_result_txt p strong {font-size: 19px;}
				.sub_result .result_wrap dt {font-size: 27px;}
				.sub_result h4 {font-size: 33px;}
			}
			@media only screen and (max-width:1179px) {
				.sub_result .result_wrap dd ul li {width: calc(20% - 18px);}
				.sub_result .result_wrap dd ul li:nth-child(6n) {margin-right: 18px;}
				.sub_result .result_wrap dd ul li:nth-child(5n) {margin-right: 0;}
			}
			@media only screen and (max-width:1103px) {
				.sub_result .sub_result_txt p {font-size: 16px;}
				.sub_result .sub_result_txt p strong {font-size: 18px;}
				.sub_result h4 {font-size: 32px;}
			}
			@media only screen and (max-width:1026px) {
				.sub_result .sub_result_txt p strong br.pre_respon {display: block;}
			}
			@media only screen and (max-width:980px) {
				.sub_result .result_wrap dt {font-size: 26px;}
				.sub_result .result_wrap dd ul li {width: calc(25% - 18px);}
				.sub_result .result_wrap dd ul li:nth-child(5n) {margin-right: 18px;}
				.sub_result .result_wrap dd ul li:nth-child(4n) {margin-right: 0;}
				.sub_result h4 {font-size: 31px;}
				.sub_result h4 + .result_wrap {margin-top: 24px;}
			}
			@media only screen and (max-width:860px) {
				.sub_result .sub_result_txt p {font-size: 15px;}
				.sub_result .sub_result_txt p strong {font-size: 17px;}
				.sub_result .result_wrap dt {font-size: 25px;}
				.sub_result .result_wrap dd ul li .result_txt {font-size: 15px;}
				.sub_result h4 {font-size: 30px;}
			}
			@media only screen and (max-width:877px) {
				.sub_result .sub_result_txt p br.pre_respon {display: block;}
			}
			@media only screen and (max-width:640px) {
				.sub_result .sub_result_txt p {font-size: 14px;}
				.sub_result .sub_result_txt p strong {font-size: 16px;}
				.sub_result .result_wrap {margin-top: 60px;}
				.sub_result .result_wrap + .result_wrap {margin-top: 50px;}
				.sub_result .result_wrap dt {font-size: 24px;}
				.sub_result .result_wrap dd ul li {width: calc(33.33% - 18px);}
				.sub_result .result_wrap dd ul li:nth-child(4n) {margin-right: 18px;}
				.sub_result .result_wrap dd ul li:nth-child(3n) {margin-right: 0;}
				.sub_result .result_wrap dd ul li .result_txt {font-size: 14px;}
				.sub_result h4 {font-size: 29px;}
			}
			@media only screen and (max-width:534px) {
				.sub_result .sub_result_txt p br {display: none;}
				.sub_result .sub_result_txt p br.pre_respon {display: none;}
				.sub_result .sub_result_txt p strong br.pre_respon {display: none;}
			}
			@media only screen and (max-width:480px) {
				.sub_result .result_wrap {margin-top: 52px;}
				.sub_result .result_wrap + .result_wrap {margin-top: 40px;}
				.sub_result .result_wrap dt {font-size: 22px;} 
				.sub_result .result_wrap dd ul li {width: calc(50% - 18px);}
				.sub_result .result_wrap dd ul li:nth-child(3n) {margin-right: 18px;}
				.sub_result .result_wrap dd ul li:nth-child(2n) {margin-right: 0;}
				.sub_result h4 {font-size: 28px;}
			}
			@media only screen and (max-width:340px) {
				.sub_result .result_wrap dt {font-size: 20px;}
				.sub_result h4 {font-size: 26px;}
			}