@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 반응형 고급형 C
Part : 서브
Last edit : 2020.07.07
Author : Gautech(PDH)

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,600,700,900)
font-family: 'Noto Serif KR', serif; (200,300,400,500,700,900)
font-family: 'NanumSquareRound', sans-serif; (400,500,700,900)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)
font-family: 'Roboto', sans-serif; (300,400,500,700,900)

--------------------------------------------------------- */





/* 서브 start ----------------------------------- */


header {}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:300px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:300px; min-width:1200px; background-position:50% 0%; background-attachment:fixed; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.sub_visual_view_pc { display:block;}
.sub_visual_view_tb { display:none;}
.sub_visual .sub01_bg_pc { background-image:url(/images/sub/sub01_visual.jpg);}
.sub_visual .sub01_bg_tb { background-image:url(/images/sub/sub01_visual_t.jpg);}
.sub_visual .sub02_bg_pc { background-image:url(/images/sub/sub02_visual.jpg);}
.sub_visual .sub02_bg_tb { background-image:url(/images/sub/sub02_visual_t.jpg);}
.sub_visual .sub03_bg_pc { background-image:url(/images/sub/sub03_visual.jpg);}
.sub_visual .sub03_bg_tb { background-image:url(/images/sub/sub03_visual_t.jpg);}
.sub_visual .sub04_bg_pc { background-image:url(/images/sub/sub04_visual.jpg);}
.sub_visual .sub04_bg_tb { background-image:url(/images/sub/sub04_visual_t.jpg);}
.sub_visual .sub05_bg_pc { background-image:url(/images/sub/sub05_visual.jpg);}
.sub_visual .sub05_bg_tb { background-image:url(/images/sub/sub05_visual_t.jpg);}
.sub_visual .sub06_bg_pc { background-image:url(/images/sub/sub06_visual.jpg);}
.sub_visual .sub06_bg_tb { background-image:url(/images/sub/sub06_visual_t.jpg);}



/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:1200px; height:50px; margin:0 auto;}
.icon_home { position:absolute; left:0; top:0; width:50px; height:50px;}
.icon_print { position:absolute; right:0; top:0; width:50px; height:50px;}
.sub_tab { width:1100px; margin-left:50px;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:15px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { border-left:none; padding-left:30px; padding-right:150px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2 { display:none; padding-left:30px; padding-right:150px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:30px;}
.sub_tab_sub ul li { float:none; height:30px; font-size:14px; line-height:29px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li a { display:block; width:100%; height:100%; padding-left:10px;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}

.sub_menu_wrap_fixed { position: fixed; top: -1px; z-index: 100;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1200px; border-bottom:1px solid #e1ded8;}
.sub_container { position: relative; width:1200px; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { position:relative; width:100%; margin:0 auto 40px auto; padding:60px 0 20px 20px; font-size:28px; font-weight:700; letter-spacing:-1px; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:inline-block; font-size:14px; font-weight:400; color:#999; padding-left:20px; letter-spacing:0;}
.sub_title_fixed { padding:110px 0 20px 20px;}
.box100per { width:100%; margin:0 auto; padding:0 ;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:544px;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}
.in_title1 { font-size:48px; line-height:55px; font-weight:700; margin:50px 0 30px 0; letter-spacing:-0.07em; color:#333;}
.in_title1_bar { width:50px; height:1px; margin-bottom:30px; background-color:#666;}
.in_title1_txt { font-size:24px; line-height:32px; font-weight:400;  margin-bottom:30px; letter-spacing:-0.07em; color:#777;}
.in_title1_txt>span { display:block;}
.in_title2 { font-size:30px; line-height:36px; font-weight:400;  margin:30px 0 30px 0; letter-spacing:-0.06em;}
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:18px; line-height:24px; font-weight:400;  margin-bottom:30px; letter-spacing:-0.05em; color:#777;}
.in_title3 { font-size:20px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}
.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: none;}
.big_view>a { display: none;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}



/* 서브01_연혁 */

.content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
.page_title{width:100%; margin-bottom:70px;}
.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }

/* 서브01_연혁 */
	.history_type1 {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.history_type1 .innerBox{position:relative; width:100%; }
	.history_type1 .innerBox:after{content:'';display:block;clear:both;}
	.history_type1 h3 {text-align:center; padding-bottom:20px; font-size:2em; font-weight:100; color:#aaa;}
	.history_type1:first-child h3 { padding:0px 0 50px 0;}
	.history_type1 .history { position:relative; margin-bottom:100px;}
	.history_type1 .history:last-child{margin-bottom:0px;}
	.history_type1 .history:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;}
/* 라인색상 */
	.history_type1 .history .img_box {position:absolute; top:0; left:0; padding:0; margin:0; width:50%; text-align:left; }
	.history_type1 .history .img_box img { width:auto;}

	.history_type1 .history > div { position:relative; margin-left:50%; padding-left:90px; margin-bottom:45px; }
	.history_type1 .history > div:before { content:''; display:block; position:absolute; top:10px; left:-2px; width:5px; height:5px; border-radius:50%; background:#555;} /* 라인포인트색상 */
	.history_type1 .history > div .year { position:absolute; top:0; left:20px; font-size:1em; color:#555; padding:0 10px; margin-bottom:15px; display:inline-block; border:1px solid #ddd;}
	.history_type1 .history > div ul {padding:0; margin:0; }
	.history_type1 .history > div ul li { padding:0; margin:0;}
	.history_type1 .history > div ul li p {margin-top:0px; }
	.history_type1 .history > div ul li p strong { width:15%; display:inline-block; vertical-align:top; font-size:0.9em; text-align:center; }
	.history_type1 .history > div ul li p span {width:85%; display:inline-block; font-size:0.9em;  }


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

		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}

		.history_type1 .history .img_box { display:block; position:relative; top:0; left:0; width:100%; padding:0; margin-bottom:40px;}
		.history_type1 .history .img_box img { width:100%;}
		.history_type1 .history:before { left:20px; } /* 라인 */
		.history_type1 .history > div { margin-left:0; }
		.history_type1 .history > div:before {left:18px; }
		.history_type1 .history > div .year { top:0px; left:40px; font-size:0.9em;}
		.history_type1 .history > div ul li { font-size:0.9em;}

	}

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

		.history_type1 .history > div {padding-left:40px;  }
		.history_type1 .history > div .year { position:relative; left:0; }
		.history_type1 .history > div ul li p strong { text-align:left; }

	}


/* 서브02 */




/* 서브03 */







/* 서브04 */









/* 1024 ~ 768까지 태블릿 설정 */

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



/* 서브 비주얼 */

.container_visual {}
.sub_visual { width:100%; height:200px;  margin-top:0;}
.sub_visual .sub_bg { width:100%; height:200px; min-width:768px; background-position:50% 0%; background-attachment:fixed; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.sub_visual_view_pc { display:none;}
.sub_visual_view_tb { display:block;}
.sub_visual_title { position:absolute; width:100%; top:60px; left:auto; margin-left:0; font-size:34px; font-weight:500; color:#FFF; letter-spacing:-1px; z-index:3; padding-left:40px;}
.sub_visual_txt { position:absolute; width:100%; top:115px; left:auto; margin-left:0; font-size:14px; font-weight:400; color:rgba(255,255,255,0.7); z-index:3; padding-left:44px;}



/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:768px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:14px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:30px; padding-right:100px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:30px; padding-right:100px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:15px 30px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:14px; line-height:19px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}

.sub_menu_wrap_fixed { position: relative; top: auto; z-index: 100;}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { position:relative; width:94%; margin:0 auto 40px auto; padding:60px 0 20px 0; font-size:28px; font-weight:700; letter-spacing:-1px; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:inline-block; font-size:14px; font-weight:400; color:#999; padding-left:20px; letter-spacing:0;}
.box100per { width:94%; margin:0 auto; padding:0 0 40px 0;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:auto;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}
.in_title1 { font-size:40px; line-height:46px; font-weight:700; margin:40px 0 25px 0; letter-spacing:-0.07em; color:#333;}
.in_title1_bar { width:40px; height:1px; margin-bottom:25px; background-color:#666;}
.in_title1_txt { font-size:20px; line-height:26px; font-weight:400;  margin-bottom:25px; letter-spacing:-0.07em; color:#777;}
.in_title1_txt>span { display:inline-block;}
.in_title2 { font-size:28px; line-height:34px; font-weight:400;  margin:0 0 25px 0; letter-spacing:-0.06em;}
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:17px; line-height:24px; font-weight:400;  margin-bottom:30px; letter-spacing:-0.05em; color:#777;}
.in_title3 { font-size:18px; line-height:24px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}
.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}




/* 서브 비주얼 */

.sub_visual { display:none;}


/* 서브탭 start */

.container_visual { padding-top:80px;}
.sub_menu_wrap { width:100%; height:51px; border-bottom:1px solid #e1ded8; border-top:none; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:320px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:14px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:20px; padding-right:0; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:20px; padding-right:32px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2>p { width:100%; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sub_depth2>.sub_tab_sub { border-right:0;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:10px 20px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:14px; line-height:18px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}
.sub_tel { display:none;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px;}
.sub_container { position: relative; width:92%; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { width:100%; margin:0 auto 30px auto; padding:40px 0 20px 0; font-size:24px; font-weight:700; letter-spacing:-1; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:block; font-size:14px; font-weight:400; color:#999; padding-left:0; letter-spacing:0;}
.box100per { width:100%; margin:0 auto; padding:0 0 40px 0;}
.box50per { display:block; width:100%; padding:0 0 40px 0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 20px 25px 20px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}
.in_title1 { font-size:30px; line-height:36px; font-weight:700; margin:30px 0 25px 0; letter-spacing:-0.06em; color:#333;}
.in_title1_bar { width:40px; height:1px; margin-bottom:25px; background-color:#666;}
.in_title1_txt { font-size:16px; line-height:22px; font-weight:400;  margin-bottom:25px; letter-spacing:-0.06em; color:#777;}
.in_title1_txt>span { display:inline-block;}
.in_title2 { font-size:24px; line-height:30px; font-weight:400;  margin:0 0 15px 0; letter-spacing:-0.06em;}
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:16px; line-height:22px; font-weight:400;  margin-bottom:30px; letter-spacing:-0.05em; color:#777;}
.in_title3 { font-size:16px; line-height:22px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}
.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.sub_img_pt { display:none;}
.sub_img_m { display:block;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); background-size:100%; width: 40px; height: 40px;}
.big_view>a { display: block; width: 100%; height: 100%;}







/* 서브 end ----------------------------------- */
}



/* 서브01_회사소개 */


.compnay {width:100%; max-width:1500px; margin:0 auto;}
.compnay:after{ content:""; display:block; clear:both;}
.compnay .type01-1 {width:100%;}
.compnay .type01-1 .con_box {position:relative;  display:flex; flex-wrap: wrap; width:100%; }
.compnay .type01-1 .con_box .txt_box {position:relative; width:100%; padding:0;}
.compnay .type01-1 .con_box .txt_box img{float:left; width:35%; max-width:800px; border-radius:10px; margin-right:40px; margin-bottom:20px;}
.compnay .type01-1 .con_box .txt_box h2.tit1 {position:relative; display:block; padding-bottom:20px;  font-size:2.0em; color:#000; line-height:1.4em; font-weight:700; margin-top:10px;}
.compnay .type01-1 .con_box .txt_box span.line {position:relative; display:block; width: calc(100% - 35% - 40px); height: 1px; background-color:#ddd; float:right; padding:0; margin:0; margin-bottom:20px;}
.compnay .type01-1 .con_box .txt_box span.line:after { content: ""; position: absolute; bottom: 0; left:0; width: 120px; height: 1px; background-color:#e53d30;}
.compnay .type01-1 .con_box .txt_box h2.tit1 span {font-size:1em; color:#e53d30;}
.compnay .type01-1 .con_box .txt_box h2.tit2 {display:block; font-size:1.85em; color:#000; line-height:1.6em;}
.compnay .type01-1 .con_box .txt_box p.tit_desc {display:block; margin-top:20px; font-size:1.0em; color:#666; line-height:1.6em; font-weight:400; word-break:keep-all; padding-left:418px;}
.compnay .type01-1 .con_box .txt_box p.ceo_sign {display:block; margin-top:40px; font-size:1.0em; color:#000; line-height:1.6em; font-weight:700; letter-spacing:2px;}
h4.tit2  { width:100%; text-align:left;  padding:30px 20px;}
h4.tit2 img {width:100%;}
.type01-2 {width:100%; margin-top:80px; position:relative;}
.type01-2 .back_tit {z-index:0; display:block; position:absolute; top:-70px; right:0; text-align:right; display:block; font-size:6em; color:#f8f8f8; line-height:0.8em; font-weight:900; }
.type01-2 table.tbl_overview{ width:100%; border-top:1px solid #ddd; border-collapse:separate; border-spacing:0; }
.type01-2 table.tbl_overview th{ padding:15px 20px; text-align:center; border-bottom:1px solid #eee; background:#f8f8f8; }
.type01-2 table.tbl_overview th i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.2em; color:#333; line-height: 1.6em; }
.type01-2 table.tbl_overview th span {display:inline-block; vertical-align:middle; font-size:1em; color: #000; font-weight:500; line-height: 1.6em;  }
.type01-2 table.tbl_overview td{ padding:15px 20px; text-align:left; color:#666; font-size:1em; word-break:keep-all; border-bottom:1px solid #eee; }





.compnay .type01-2 ul.feature_img {display:flex; align-items: center; justify-content: space-between; width:100%; margin-top:30px; padding:15px 0; }
.compnay .type01-2 ul.feature_img li {display:flex; align-items: center; flex-direction: column; width:48%;}
.compnay .type01-2 ul.feature_img li .imgs img {max-width:100%; border-radius:10px;}
.compnay .type01-2 ul.feature_img li .txts {display:block; padding:15px; font-size:1.0em; line-height:1.6em; }


.compnay .type01-3 {width:100%; margin-top:80px; }
.compnay .type01-3 .point_txt { width:100%; padding:40px; border:1px solid #ddd; border-radius:10px;}
.compnay .type01-3 .point_txt h4.tit {position:relative; margin-top:30px; padding-left:20px; display: block; font-size:1.85em; line-height:1.4em; font-weight:700; word-break:keep-all;}
.compnay .type01-3 .point_txt h4.tit:before { display:block; content:""; position:absolute; left:0; top:0px; width:15px; height:15px; border-radius:15px; background-color:#666;}
.compnay .type01-3 .point_txt h4.tit:first-child {margin-top:0;}
.compnay .type01-3 .point_txt h4.tit.fc1{color:#000; }
.compnay .type01-3 .point_txt h4.tit.fc1:before {background:#00ab8e;}
.compnay .type01-3 .point_txt h4.tit.fc2{color:#000; }
.compnay .type01-3 .point_txt h4.tit.fc2:before {background-color:#0075bd;}
.compnay .type01-3 .point_txt h4.tit.fc3{color:#000; }
.compnay .type01-3 .point_txt h4.tit.fc3:before{background-color:#F9AD17;}
.compnay .type01-3 .point_txt p.txts {display:block; margin-left:20px; margin-top:10px; font-size:1.1em; color:#666; line-height:1.6em; font-weight:400; word-break:keep-all;}


@media all and (max-width:1500px){
	.compnay {padding:0 4%;}
}

@media all and (max-width:1200px){
	.compnay .type01-1 .con_box .txt_box h2.tit1 {font-size:2.25em;}
	.compnay .type01-1 .con_box .txt_box h2.tit2 {font-size:1.5em;}
	.compnay .type01-1 .con_box .txt_box p.tit_desc {font-size:1.15em;}
	.compnay .type01-1 .con_box .txt_box p.ceo_sign {font-size:1.15em;}

	.compnay .type01-2{margin-top:120px;}
}



@media screen and (max-width:768px){
.compnay .type01-1 .con_box .txt_box p.tit_desc {padding-left:0;}
.compnay .type01-1 .con_box .txt_box img{ width:100%; }
	.compnay .type01-1 .con_box .txt_box {width:100%;}
	.compnay .type01-1 .con_box .txt_box h2.tit1 {font-size:1.85em; margin-top:0;}
.compnay .type01-2 ul.feature_img li {display:flex; align-items: center; flex-direction: column; width:98%;}
	.compnay .type01-2{margin-top:80px;}
	.compnay .type01-2 .back_tit { font-size:4em; top:-47px;}
	.compnay .type01-2 table.tbl_overview th{display:inline-block; width:28%; text-align:center; font-size:0.95em;}
	.compnay .type01-2 table.tbl_overview th i {font-size:1em;}
	.compnay .type01-2 table.tbl_overview td{display:inline-block; width:72%; font-size:0.95em;}
	.compnay  ul.feature_img {flex-direction: column;}
	.compnay  ul.feature_img li {width:100%; margin-bottom:40px;}
	.compnay  ul.feature_img li .txts {font-size:1em; }
	.compnay .type01-3 {margin-top:50px; }
	.compnay .type01-3 .point_txt {padding:40px 20px;}
}

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


	.compnay .type01-1 .con_box .txt_box img{float:none; width:100%; margin:0; margin-bottom:20px;}
	.compnay .type01-1 .con_box .txt_box span.line{width:100%;}
}


@media screen and (max-width:480px){
	.compnay .type01-1 .con_box .txt_box h2.tit1{font-size:1.5em;}
	.compnay .type01-1 .con_box .txt_box h2.tit2{font-size:1.3em;}

	.compnay .type01-2 table.tbl_overview th{display:block; width:100%; text-align:left; font-size:1em;}
	.compnay .type01-2 table.tbl_overview td{display:block; width:100%; font-size:1em;}

	.compnay .type01-3 .point_txt h4.tit{font-size:1.5em;}
}


/* 서브01_비전 */



	.vision_type4 .vision_area4 { width:100%; padding:0;  text-align: center; margin-top:50px; overflow:hidden;}
	.vision_type4 .vision_area4::after {content:'';display:table; clear:both;}
    .vision_type4 .vision_area4 li {display:inline-block; padding:0; margin-left:-20px;}
    .vision_type4 .vision_area4 li:first-child {margin-left: 0;}
    .vision_type4 .vision_area4 .i_box {position:relative; display:inline-block; padding-top:30%; width:15rem; height:15rem; text-align:center; background:rgba(43,129,208,0.9); border-radius:100%; box-sizing: border-box;}
    .vision_type4 .vision_area4 li:nth-child(2n) .i_box {background: rgba(137,137,137,0.65);}
	.vision_type4 .vision_area4 .i_box i {display: inline-block; padding:0; margin:0; font-size:3em; color:#fff;}
    .vision_type4 .vision_area4 .i_box strong {display:block; margin-top:10%; font-size:1.6em; color:#fff; font-weight:500; letter-spacing:-0.03em;}



	@media screen and (max-width: 768px){
		.vision_type4 .vision_area4 li {float:left; width:50%; padding:0; margin:0; margin-bottom:5%; }
		.vision_type4 .vision_area4 li:nth-child(even) {margin-left: 0;}
		.vision_type4 .vision_area4 li:last-child {margin-bottom:0;}
		.vision_type4 .vision_area4 .i_box {  padding-top:25%; }
		.vision_type4 .vision_area4 .i_box strong { font-size:2em;}
	}

	@media screen and (max-width: 480px) {
		.vision_type4 .vision_area4 li { width:100%; }
		.vision_type4 .vision_area4 .i_box {padding-top:12%; width:12rem; height:12rem; }
		.vision_type4 .vision_area4 .i_box strong { font-size:1.5em;}
	}


/* 서브01_연혁 */

	.history_type1 {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.history_type1 .innerBox{position:relative; width:100%; }
	.history_type1 .innerBox:after{content:'';display:block;clear:both;}
	.history_type1 h3 {text-align:center; padding-bottom:20px; font-size:2em; font-weight:100; color:#aaa;}
	.history_type1:first-child h3 { padding:0px 0 50px 0;}
	.history_type1 .history { position:relative; margin-bottom:100px;}
	.history_type1 .history:last-child{margin-bottom:0px;}
	.history_type1 .history:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;}
/* 라인색상 */
	.history_type1 .history .img_box {position:absolute; top:0; left:0; padding:0; margin:0; width:50%; text-align:left; }
	.history_type1 .history .img_box img { width:500px;}

	.history_type1 .history > div { position:relative; margin-left:50%; padding-left:90px; margin-bottom:45px; }
	.history_type1 .history > div:before { content:''; display:block; position:absolute; top:10px; left:-2px; width:5px; height:5px; border-radius:50%; background:#555;} /* 라인포인트색상 */
	.history_type1 .history > div .year { position:absolute; top:0; left:20px; font-size:1em; color:#555; padding:0 10px; margin-bottom:15px; display:inline-block; border:1px solid #ddd;}
	.history_type1 .history > div ul {padding:0; margin:0; }
	.history_type1 .history > div ul li { padding:0; margin:0;}
	.history_type1 .history > div ul li p {margin-top:0px; }
	.history_type1 .history > div ul li p strong { width:15%; display:inline-block; vertical-align:top; font-size:0.9em; text-align:center; }
	.history_type1 .history > div ul li p span {width:85%; display:inline-block; font-size:1.0em;  }


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

		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}

		.history_type1 .history .img_box { display:block; position:relative; top:0; left:0; width:100%; padding:0; margin-bottom:40px;}
		.history_type1 .history .img_box img { width:100%;}
		.history_type1 .history:before { left:20px; } /* 라인 */
		.history_type1 .history > div { margin-left:0; }
		.history_type1 .history > div:before {left:18px; }
		.history_type1 .history > div .year { top:0px; left:40px; font-size:0.9em;}
		.history_type1 .history > div ul li { font-size:0.9em;}

	}

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

		.history_type1 .history > div {padding-left:40px;  }
		.history_type1 .history > div .year { position:relative; left:0; }
		.history_type1 .history > div ul li p strong { text-align:left; }

	}

/* 서브01_인증 */

.sub_certification {width:100%; max-width:1500px; margin:0 auto;}
.sub_certification:after{ content:""; display:block; clear:both;}

.sub_certification .typebox {width:100%; padding: 0;    }
.sub_certification .typebox:after{ content:""; display:block; clear:both;}
.sub_certification .typebox ul {width:100%;}
.sub_certification .typebox ul li {display:flex; width:100%; padding:20px 1%;  transition: 0.5s all ease; }
.sub_certification .typebox ul li:last-child { border-bottom:1px solid #ddd;}
.sub_certification .typebox ul li dl {width:100%; margin:0; padding:0; }

.sub_certification .typebox ul li dl.txt_box{width:100%; transition: 0.5s all ease; }
.sub_certification .typebox ul li dl.txt_box dt {font-size:1.85em; color:#000; font-weight:500; word-break:keep-all; }
.sub_certification .typebox ul li dl.txt_box dd {margin-top:10px; font-size:1.1em; color:#333; line-height:1.6em; word-break:keep-all; }
.sub_certification .typebox ul li dl.txt_box > ul.imgs {display:flex; justify-content: space-between; width:100%; margin-top:40px;}
.sub_certification .typebox ul li dl.txt_box > ul.imgs li { display:flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; padding:0; text-align:center; border-bottom:none;}
.sub_certification .typebox ul li dl.txt_box > ul.imgs li img {border:1px solid #ddd; min-height:400px;}
.sub_certification .typebox ul li dl.txt_box > ul.imgs.w1 li {width:100%;}
.sub_certification .typebox ul li dl.txt_box > ul.imgs.w2 li {width:49%; }
.sub_certification .typebox ul li dl.txt_box > ul.imgs.w3 li {width:32%; }
.sub_certification .typebox ul li dl.txt_box > ul.imgs.w4 li {width:23.5%; }
.sub_certification .typebox ul li dl.txt_box > ul.imgs li img {max-width:100%; }
.sub_certification .typebox ul li dl.txt_box > ul.imgs li p {display:block; padding:15px; line-height:20px;}


@media screen and (max-width:992px){
	.page_title{margin-bottom:50px;}
	.page_title h1{font-size:1.85em;}
	.page_title h2{font-size:1em;}

	.sub_certification .typebox-title h2 {font-size:1.85em; }
	.sub_certification .typebox-title p { font-size:1.1em; }

	.sub_certification .typebox ul li dl.num_box dt.num {font-size:5em;}
	.sub_certification .typebox ul li dl.num_box dt.icons{font-size:4em;}
	.sub_certification .typebox ul li dl.num_box dd p.t1 { font-size:1.15em;}
	.sub_certification .typebox ul li dl.num_box dd p.t2 { font-size:1.5em;}
	.sub_certification .typebox ul li dl.txt_box dt {font-size:1.5em;}
	.sub_certification .typebox ul li dl.txt_box dd { font-size:1.15em;}
	.sub_certification .typebox ul li dl.txt_box > ul.imgs.w4 {flex-wrap: wrap; }
	.sub_certification .typebox ul li dl.txt_box > ul.imgs.w4 li {width:49%; margin-bottom:20px;}
}

@media screen and (max-width:768px){
	.page_title{margin-bottom:40px;}
	.page_title h1{font-size:1.85em;}
	.page_title h2{font-size:1em;}

	.sub_certification .typebox ul li {flex-direction: column;}
	.sub_certification .typebox ul li dl.num_box{ width:100%; padding-right:0; display: flex; flex-direction: row-reverse; justify-content: space-between;}
	.sub_certification .typebox ul li dl.num_box dt.num {display:inline-block;}
	.sub_certification .typebox ul li dl.num_box dt.icons {display:inline-block;}
	.sub_certification .typebox ul li dl.num_box dd p.t1 { font-size:1.15em;}
	.sub_certification .typebox ul li dl.num_box dd p.t2 { font-size:1.8em;}
	.sub_certification .typebox ul li dl.num_box dd {display:inline-block;}
	.sub_certification .typebox ul li dl.txt_box{width:100%; margin-top:20px; }
	.sub_certification .typebox ul li dl.txt_box:before { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#ddd; transform: translateY(0%);}
	.sub_certification .typebox ul li dl.txt_box dt {font-size:1.4em;}
	.sub_certification .typebox ul li dl.txt_box > ul.imgs li img {border:1px solid #ddd; min-height:AUTO;}
}


/* 서브01_찾아오시는길 */

	.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}
	.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
	.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
	.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

	.daon_ver2_sub_type10 {width:100%;}
	.daon_ver2_sub_type10:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type10 h3.con_tit {display:block; font-size:1.85em; font-weight:700; line-height:1.5em; max-width:1500px; margin:50px auto 25px;}
	.daon_ver2_sub_type10 .g_map {width:100%; height:auto; margin-bottom:30px;}
	.daon_ver2_sub_type10 .g_map:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type10 .daon_map_info {width:100%;margin:0 auto; }
	.daon_ver2_sub_type10 .daon_map_info:after {content:""; display:block; clear:both;}
	.daon_ver2_sub_type10 .daon_map_info .con_box { width:100%; min-width:320px; transition: 0.3s all ease;}
	.daon_ver2_sub_type10 .daon_map_info .con_box:after{content:""; display:block; clear:both;}
	.daon_ver2_sub_type10 .daon_map_info .con_box ul { width:100%; margin:0; padding:0;} 
	.daon_ver2_sub_type10 .daon_map_info .con_box ul li {display:table; float:left; text-align:center; width:49%; min-height:240px; padding:40px 15px; margin-right:2%; margin-bottom:40px; background-color:#fff; border:1px solid #eee; transition: 0.5s all ease; }
	.daon_ver2_sub_type10 .daon_map_info .con_box ul li:last-child { margin-right:0;}
	.daon_ver2_sub_type10 .daon_map_info .con_box ul li:last-child:after {display:none}
	.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell {display:table-cell; vertical-align:middle; }
	.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell i {display:block;  font-size:3em; color:#3b445b;}
	.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell strong {display:block;  font-size:1.5em; color:#000; margin-top:20px;}
	.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell p { display:block; line-height:1.4em; font-size:1em; color:#666; margin-top:15px; word-break:keep-all;}
	.daon_ver2_sub_type10 .daon_map_info .map_info.left {float:left; width:48%;}
	.daon_ver2_sub_type10 .daon_map_info .map_info.right {float:right; width:48%; }
	.daon_ver2_sub_type10 .daon_map_info .map_info .con_box {width:100%; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #eee;}
	.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .left-box {float:left; width:20%;}
	.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {float:right; width:80%; font-size:1em;}
	.daon_ver2_sub_type10 .daon_map_info .map_info .con_box h2 {font-size:1.1em; margin-bottom:10px; font-weight:700;}
	.daon_ver2_sub_type10 .daon_map_info .map_info .con_box h2 i{ display:inline-block; vertical-align:middle; text-align:center; width:30px; margin-right:0px; font-size:1.3em; color:#3b445b; }

	@media all and (max-width:1024px){
		.daon_ver2_sub_type10 .daon_map_info .con_box ul li { width:49%; margin-right:2%; margin-bottom:2%;}
		.daon_ver2_sub_type10 .daon_map_info .con_box ul li:nth-child(even) {float:right; margin-right:0;}
		.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .left-box {width:25%;}
		.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {width:75%;}
		.daon_ver2_sub_type10 .daon_map_info .map_info.left{float:none; width:100%;}
		.daon_ver2_sub_type10 .daon_map_info .map_info.right{float:none; width:100%;}
	}

	@media screen and (max-width: 768px){
		.daon_ver2_page_title{margin-bottom:40px;}
		.daon_ver2_page_title h1{font-size:1.85em;}
		.daon_ver2_page_title h2{font-size:1em;}	
		
		.daon_ver2_sub_type10 {padding:0 2%; }
		.daon_ver2_sub_type10 h3.con_tit { font-size:1.5em;}
		.daon_ver2_sub_type10 .daon_map_info .con_box ul li { min-height:220px;}
		.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell i {font-size:2.5em;  }
		.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell strong {font-size:1.25em;}		
		.daon_ver2_sub_type10 .daon_map_info .map_info .con_box h2 {font-size:1em;}	
		.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {font-size:1em;}
	}

	@media screen and (max-width: 640px){
		.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .left-box{width:100%;}
		.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {width:100%;}
	}
/* 서브02 _사업영역*/


 .type14-1 { width:100%;}
 .type14-1 .con_box { display:flex; align-items: center; width:100%; }
 .type14-1 .con_box:after{ content:""; display:block; clear:both;}
 .type14-1 .img_box {position:relative; width:45%;  }
 .type14-1 .img_box img {max-width:100%; transition:0.3s all ease; border-radius:10px;}
 .type14-1 .txt_box {position:relative; width:50%; padding:0 0 0 80px; overflow:hidden;  }
 .type14-1 .txt_box:after{ content:""; display:block; clear:both;}
 .type14-1 .txt_box h2.chk_tit {display:block; font-size:2.85em; color:#000; line-height:1.2em; font-weight:700;}
 .type14-1 .txt_box p.chk_tit_desc {display:block; margin-top:20px; font-size:1.5em; color:#000; line-height:1.6em;  font-weight:400;}
 .type14-1 .txt_box ul.chk_txt { width:100%; margin-top:30px; padding-top:20px; border-top:1px solid #222 }
 .type14-1 .txt_box ul.chk_txt:after{ content:""; display:block; clear:both;}
 .type14-1 .txt_box ul.chk_txt li {position:relative; float:left; width:50%; margin-bottom:10px; padding-left: 30px; padding-right:15px; font-size: 1.25em; color: #666; line-height: 1.6em;  transition:0.3s all ease;}
 .type14-1 .txt_box ul.chk_txt li:before { display:block; content:"\f058"; position:absolute; left:0; top:2px; padding-left:1px; color:#e53d30; font-weight:200; font-family: "Font Awesome 6 Free";}
 .type14-1 .txt_box .ex_txts {width:100%; margin-top:30px; padding:25px; background-color:#f8f8f8; border:1px solid #eee; border-radius:10px;}
 .type14-1 .txt_box .ex_txts h4.ex_tit {display:block; font-size:1.5em; color:#000; line-height:1.2em; font-weight:700;}
 .type14-1 .txt_box .ex_txts p {display:block; margin-top:15px; font-size:1em; color:#666; line-height:1.6em; word-break: keep-all;}


 .type14-2 p.tit_desc{font-size:1.3em; }
 .type14-2 {width:100%;}
 .type14-2 table.tbl_pro01{ width:100%; border-top:2px solid #1a355c; border-collapse:separate; border-spacing:0; }
 .type14-2 table.tbl_pro01 tr {width:100%;}
 .type14-2 table.tbl_pro01 tr th{padding:10px 20px; color:#000; font-weight:500; font-size:1em; line-height: 1.6em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f8f8f8; }
 .type14-2 table.tbl_pro01 tr td{padding:10px 20px; color:#666; font-size:1em; line-height: 1.6em; text-align: left; border-bottom:1px solid #ddd; }
 .type14-2 ul.feature_img {display:flex; align-items: center; justify-content: space-between; width:100%; margin-top:30px; padding:0; }
 .type14-2 ul.feature_img li {display:flex; align-items: center; flex-direction: column; width:48%; padding:10px; border:1px solid #ddd;  border-radius:10px;}
 .type14-2 ul.feature_img li .imgs img {max-width:100%;}
 .type14-2 ul.feature_img li .txts {display:block; padding:15px; font-size:1.0em; line-height:1.6em; }
 .type14-2 ul.dot-list li{  position:relative;  font-size:1.0em; color:#333; letter-spacing:-0.02em; padding-left:15px;}
 .type14-2 ul.dot-list li::before{  position:absolute; top:12px; left:0; content:""; width:4px; height:4px; background-color:#333; border-radius:50%; }
 .type14-2 ul.dot-list li:not(:last-of-type){ margin-bottom:10px; }

 a.btn_view {display:block; margin:50px auto 0; width:180px; padding:15px 30px; font-size:1.0em; line-height:1.4em; text-align:center; color:#fff; background-color:#333; transition: .3s; border-radius:10px;}
 a.btn_view:hover {background-color:#e53d30; }

 a.btn_view1 {display:block; margin:20px; width:auto; padding:15px 30px; font-size:1.0em; line-height:1.4em; text-align:center; color:#fff; background-color:#ff0000; transition: .3s; border-radius:10px;}
 a.btn_view1:hover {background-color:#e53d30; }

@media all and (max-width:992px){

	 .type14-1 .con_box {flex-direction: column;}
	 .type14-1 .img_box {width:100%; }
	 .type14-1 .img_box img {width:100%;}
	 .type14-1 .txt_box {width:100%; margin-top:30px; padding:0;}
	 .type14-1 .txt_box h2.chk_tit { font-size:2em;}
	 .type14-1 .txt_box p.chk_tit_desc {font-size:1.0em; }
}

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

	 h2.tit1 { font-size:1.5em;}
	 h2.tit1:before { top:7px; width: 4px; }

	 .type14-1 .txt_box ul.chk_txt li {width:100%; font-size: 1.15em; }

	 .type14-2 {margin-top:40px;}
	 .type14-2 ul.feature_img {flex-direction: column;}
	 .type14-2 ul.feature_img li {width:100%; margin-bottom:40px;}
	 .type14-2 ul.feature_img li .txts {font-size:1em; }
	 .type14-2 ul.dot-list li {font-size:1em; }
	 .type14-2 table.tbl_pro01 tr th{padding:10px; font-size:0.95em;}
	 .type14-2 table.tbl_pro01 tr td{padding:10px; font-size:0.95em;}
}


/* 서브03- 연구소 소개 */
	.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type2:after{content:""; display:block; clear:both;}
	.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
	.business_type2 .business_info:after{content:""; display:block; clear:both;}
	.business_type2 .business_info ul{ padding:0; margin:0;}
	.business_type2 .business_info ul li{ padding:0; margin:0;}
	.business_type2 .business_info ul li.left_box { float:left; width:500px; height:500px; overflow:hidden; }
	.business_type2 .business_info ul li.left_box img{ width:100%; height:100%; }
	.business_type2 .business_info ul li.right_box{position:relative; float:right; width:50%; height:500px;}
	.business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
	.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; }

	.business_type2 .txt_area { width:100%; padding-top:40px;  }
	.business_type2 .txt_area:after{content:""; display:block; clear:both;}
	.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
	.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
	.business_type2 .txt_area .txt01 span.tit { display:block; font-size:2.2em; color:#000; font-weight:700; line-height:1.2em;  }
	.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }
	.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;}
	.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
	.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-weight:400; line-height:1.5em; list-style:none; padding-left:3%; margin-bottom:5px;}
	.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;}



	.business_type2 .con_arrow2{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto;}
	.business_type2 .con_arrow2 p{position:relative; font-size:2em; color:#000; padding-left:30px; }
	.business_type2 .con_arrow2 span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
	.business_type2 .con_arrow2 > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

	.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
	.business_type2 .con_box:after{content:""; display:block; clear:both;}
	.business_type2 .con_box ul { padding:0; margin:0; }
	.business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
	.business_type2 .con_box ul li p{display:table; width:100%; }
	.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
	.business_type2 .con_box ul li p > em{ width:30px; }
	.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#000; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
	.business_type2 .con_box ul li p > span{font-size:1em; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 15px;}


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


		.business_type2 .business_info{margin-bottom:0px;}
		.business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
		.business_type2 .business_info ul li.right_box{ width:100%; }
		.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
		.business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
		.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
		.business_type2 .con_arrow2{width:95%; margin:0 auto;}
		.business_type2 .con_box{width:95%; margin:0 auto;}

	}

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


		.business_type2 .con_arrow2 p{ font-size:1.5em; margin-top:30px;}
		.business_type2 .con_box ul li { width:100%; }

	}




/* 서브04-고객협력사 */

    .partner_type1{width:100%; min-width:320px; overflow:hidden;}
	.partner_type1:after{content:""; clear:both; display:block;}
	.partner_type1 .partner_img{width:100%; min-width:320px; height:500px; background: url('../image/img_2000.jpg') no-repeat center top; background-size:cover;}
	.partner_type1 .partner_wrap {position:relative; top:-50px; width:100%; max-width:1200px; margin:0 auto;  background:#fff; overflow:hidden;}
	.partner_type1 .partner_wrap .txt{text-align:center; padding-top:50px; font-size:1em; line-height:2em;}
	.partner_type1 .partner_wrap .txt span{font-weight:700; font-size:1.4em;}
	.partner_type1 .partner_list { width:100%; max-width:1100px; padding-top:50px; margin:0 auto;}
	.partner_type1 .partner_list:after{content:""; clear:both; display:block;}
	.partner_type1 .partner_list ul {width:100%; margin:0; padding:0; }
	.partner_type1 .partner_list ul li {float: left; width:32%; padding:20px 0; margin:0 2% 2% 0; box-sizing: border-box; border: 1px solid #d6d6d6;  background: #fff; border-radius: 0px; text-align: center;}
	.partner_type1 .partner_list ul li:nth-child(3n){margin-right:0;}
	.partner_type1 .partner_list ul li img {max-width:100%; margin:0 auto;}


	@media screen and (max-width:992px){
		.partner_type1 .partner_img{height:300px;}
		.partner_type1 .partner_wrap{width:100%; top:0px;}
		.partner_type1 .partner_wrap .txt{width:90%; margin:0 auto; font-size:0.9em; padding-top:30px;}
		.partner_type1 .partner_list {  width:92%; padding-top:30px;}
		.partner_type1 .partner_list ul li { width:49%; margin:0 auto; margin-bottom:2%;}
		.partner_type1 .partner_list ul li:nth-child(2n){float:right;}
		.partner_type1 .partner_list ul li img {max-width:68%; margin:0 auto;}
	}

	@media screen and (max-width: 360px) {
		.partner_type1 .partner_list ul li { width:100%; margin-bottom:5%;}
	}


/* 서브6_HSE경영 */

 .management { width:100%;}
 .management .con_box { display:flex; align-items: center; width:100%; }
 .management .con_box:after{ content:""; display:block; clear:both;}
 .management .txt_box {position:relative; width:50%; margin:0 auto;overflow:hidden;  }
 .management .txt_box:after{ content:""; display:block; clear:both; }
 .management .txt_box h2 {display:block; font-size:2.85em; color:#000; line-height:1.2em; font-weight:700;  text-align:center;}
 .management .txt_box p.chk_tit_desc {display:block; margin-top:20px; font-size:1.5em; color:#000; line-height:1.6em;  font-weight:400; }
 .management .txt_box ul.chk_txt { width:100%; margin-top:30px; padding-top:20px; border:1px solid #222 ; padding:30px;}
 .management .txt_box ul.chk_txt:after{ content:""; display:block; clear:both;}
 .management .txt_box ul.chk_txt li {position:relative; float:left; width:100%; margin-bottom:30px;font-size: 1.25em; color: #666; line-height: 1.6em;  transition:0.3s all ease; font-weight:700;}
  .management .txt_box ul.chk_txt li p{ padding-left: 30px; font-size: 1.0em; color: #666; line-height: 1.8em;  font-weight:300;}
 .management .txt_box ul.chk_txt li:before { display:block;; position:absolute; left:0; top:2px; padding-left:1px; color:#e53d30; font-weight:200; }
 .management .txt_box .ex_txts {width:100%; margin-top:30px; padding:25px; background-color:#f8f8f8; border:1px solid #eee; border-radius:10px;}
 .management .txt_box .ex_txts h4.ex_tit {display:block; font-size:1.5em; color:#000; line-height:1.2em; font-weight:700;}
 .management .txt_box .ex_txts p {display:block; margin-top:15px; font-size:1em; color:#666; line-height:1.6em; word-break: keep-all;}




@media all and (max-width:992px){

	 .management .con_box {flex-direction: column;}
	 .management .img_box {width:100%; }
	 .management .img_box img {width:100%;}
	 .management .txt_box {width:100%; margin-top:30px; padding:0;}
	 .management .txt_box h2.chk_tit { font-size:2em;}
	 .management .txt_box p.chk_tit_desc {font-size:1.0em; }
}

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



	 ..management1 .txt_box ul.chk_txt li {width:100%; font-size: 1.15em; }

}

	.business_type5 h1{font-size:2em; font-weight:700; color:#111; text-align:center;  margin:0 auto; margin-bottom:0px; }
	.business_type5 h2{font-weight:700; font-size:1.2em; color:#0078D7; text-align:center; margin-bottom:25px;}
	.business_type5 h2:after{display:block; position:relative; bottom:0; left:50%; margin-left:-2px; content:""; width:2px; height:30px; background-color:#195883; margin-top:20px;}
	.business_type5 h3{font-size:1.0em; color:#666; text-align:center; margin-bottom:50px;}
	.business_type5 h3 br.sn{display:none;}
	.business_type5 ul{width:80%; margin:0 auto; }
	.business_type5 ul > li{width:100%; border-bottom:1px solid #d1d1d1; overflow:hidden;   text-align:center;}
	.business_type5 ul > li:first-child{border-top:1px solid #d1d1d1;}
	.business_type5 ul > li:nth-child(odd){background-color:#f4f4f4;}
	.business_type5 ul li dl{display:grid;}
	.business_type5 ul li dl dt, .business_type5 ul li dl dd{display:table-cell; vertical-align:middle;}
	.business_type5 ul li dl dt{width:100%; padding:5%;}
	.business_type5 ul li dl dt img{max-width:100%; margin:0 auto;}
	.business_type5 ul li dl dd{width:100%; padding:20px;  text-align:center;}
	.business_type5 ul li dl dd > strong{display:block; font-size:1.2em; line-height:50px; color:#111; font-weight:500;}
	.business_type5 ul li dl dd > p{font-size:1em; line-height:40px; color:#111; letter-spacing:-0.75px; font-weight:300; word-break:keep-all; padding-left:15px; position:relative;}





	@media screen and (max-width:992px){
		.daon_content_wrap{width:100%;}
		.daon_page_title{margin-bottom:50px;}
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}
	}

	@media all and (max-width:768px){
		.business_type5 h1{font-size:1.8em; }
		.business_type5 h2{font-size:1.4em; }
		.business_type5 h3{font-size:0.9em; padding:0 5px;}
		.business_type5 ul li dl, .business_type5 ul li dl dt, .business_type5 ul li dl dd{display:block; width:100%;}
		.business_type5 ul li dl dt{padding:5%;}
		.business_type5 ul li dl dt img{width:91%;}
		.business_type5 ul li dl dd > strong{line-height:30px; font-size:1.3em;}
		.business_type5 ul li dl dd{width:90%; padding:5%; padding-top:0;}
		.business_type5 ul li dl dd > p{line-height:24px; font-size:0.95em;}
		.business_type5 ul li dl dd > p:before{top:10px;}
	}

	@media all and (max-width:480px){
		.business_type5 h3 br.sn{display:inline;}
	}