/*메인*/

.test{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.link_wrap a:after{
	-webkit-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* ************************************ 서브 ************************************ */
.only_page14 .footer, .only_page15 .footer, .only_page16 .footer, .only_page41 .footer{padding-top: 0;}

/* 공통 */
.first_top{padding-top: 50px;}

.gray_wrap{padding: 70px 0; background: #efefef;}
.dark_gray_wrap{padding: 100px 0; margin-top: 100px; background: #dcdcdc;}
.dark_gray_wrap .img_layout{margin-top: 0;}

/* 서브 타이틀 */
.page_title_wrap{width: 100%; padding: 60px 0 80px;}
.page_title_wrap.noBottom{padding-bottom: 0;}
.page_title_inner{width: 100%; max-width: 1160px; margin: 0 auto;}
.page_title{display: inline-block; padding-bottom: 15px; border-bottom: 2px solid #000;}
.page_title b{display: inline-block; font-size: 27px; color: #4f4f4e; padding: 20px 2px 0; border-top: 2px solid #61a60e;}
.page_title h2{font-size: 43px; font-weight: 700; color: #000;}
.page_title p{font-size: 17px; color: #7b7b7b; margin-top: 5px; padding-left: 2px;}


/* 서브 단락 */
.para_title_wrap{margin-top: 100px; margin-bottom: 50px;}
.para_title_wrap.noMarginTop{margin-top: 0;}
.para_title_wrap h3{font-size: 39px; font-weight: 700; line-height: 1.2;}


/* 인사말 */
.ceo_sign{padding-top: 20px;}
.ceo_sign ul{display: flex; justify-content: flex-end; align-items: center;}
.ceo_sign ul li:nth-child(2){margin-left: 20px;}
.ceo_sign b{display: block; letter-spacing: 1.2px; margin-bottom: 3px;}
.ceo_sign img{width: 100%; max-width: 120px;}

/* 회사소개 */
.overview_box{margin-top: 140px;}
.overview_box > ul{display: flex; flex-wrap: wrap;}
.overview_box  > ul.overview_top{align-items: flex-end;}
.overview_box > ul > li{width: 32.333%; margin-left: 1%;}
.overview_box > ul > li:first-child{margin-left: 0;}
.overview_box ul ul li{width: 94%; margin: 0 auto; padding: 20px 0 20px 10px;}
.overview_box ul ul li:nth-child(1){font-size: 55px; letter-spacing: -1px;}
.overview_box ul ul li:nth-child(2){border-top: 1px solid #000; font-size: 21px;}
.overview_box .overview_top > li:nth-child(1) ul{background: #d7d3cf;}
.overview_box .overview_top > li:nth-child(2) ul{background: #bdc5c0;}
.overview_box .overview_top > li:nth-child(3) ul{background: #d1d4cb;}
.overview_box .overview_bottom{margin-top: 12px;}
.overview_box .overview_bottom > li:nth-child(1) ul{background: #dadada;}
.overview_box .overview_bottom > li:nth-child(2) ul{background: #c5c3c0;}
.overview_box .overview_bottom > li:nth-child(3) ul{background: #d2cac7;}
.overview_box .overview_top > li:nth-child(1) li:nth-child(1){margin-bottom: 160px;}
.overview_box .overview_top > li:nth-child(2) li:nth-child(1){margin-bottom: 40px;}
.overview_box .overview_top > li:nth-child(3) li:nth-child(1){margin-bottom: 130px;}
.overview_box .overview_bottom > li:nth-child(1) li:nth-child(1){margin-bottom: 60px;}
.overview_box .overview_bottom > li:nth-child(2) li:nth-child(1){margin-bottom: 140px;}
.overview_box .overview_bottom > li:nth-child(3) li:nth-child(1){margin-bottom: 80px;}

.overview_table ul{display: flex; margin-top: 35px;}
.overview_table ul:first-child{margin-top: 0;}
.overview_table ul li{font-size: 19px; line-height: 1.6;}
.overview_table ul li:nth-child(1){width: 270px; font-weight: 700;}
.overview_table ul li:nth-child(2){width: calc(100% - 270px);}
.overview_table ul li:nth-child(1) span{display: inline-block; margin-left: 20px;}
.overview_table ul li .color_box{display: inline-block; background: #4c8903; padding: 3px 10px; color: #fff;}
.overview_table ul li .color_box:first-child{margin-bottom: 5px;}


/* 연혁 */
.history_wrap{width: 100%; margin: 40px auto 0; overflow: hidden;}
.history_line{position: relative; background: url("../imgs/sub/s01/history_line.jpg") repeat-y center; background-size: 2px; padding: 50px 0 80px;}
.history_line:after{content: ''; position: absolute; left: 50%; margin-left: -2px; bottom: 8px; transform: rotate(-45deg); width: 20px; height: 2px; background: #000; border-radius: 50%;}
.history_line .h_img{width: 100%; margin-top: 30px;}
.history_line .h_img img{width: 100%;}
.history_line ul{display: flex;}
.history_line li{font-size: 17px; line-height: 1.4;}
.history_line > ul{margin: 100px 0; width: 100%;}
.history_line > ul.first_history{margin-top: 0;}
.history_line > ul > li{position: relative; width: 50%;}
.history_line > ul > li:after{content: ''; position: absolute; top: 1px; width: 22px; height: 22px; background: #4c8903; border-radius: 50%;}
.history_line > ul.history_black > li:after{content: ''; background: #000;}
.history_line .history_right > li:after{content: ''; left: -11px;}
.history_line .history_left > li:after{content: ''; right: -11px;}
.history_line > ul > li.history_img_wrap:after{content: ''; display: none;}
.history_line .history_img_wrap{text-align: center;}
.history_line .history_img_wrap img{width: 100%}
.history_line .history_left{justify-content: flex-start; text-align: right;}
.history_line .history_right{justify-content: flex-end;}
.history_line .history_left > li > ul{justify-content: flex-end;}
.history_line .history_left > li{padding-right: 70px;}
.history_line .history_right > li{padding-left: 70px;}
.history_line .history_con{display: block;}
.history_line .h_year{font-weight: 700; font-size: 21px; line-height: 1.4; margin-bottom: 10px;}
.history_line .h_text{font-weight: 700; font-size: 19px; line-height: 1.5;}
.history_line .history_black .h_text{color: #6d6e71;}
.history_line .h_text span{color: #6d6e71;}
.history_line .history_left .h_year{text-align: right;}
.history_line .history_right .h_year{text-align: left;}


/* 공사실적 */
.cp_wrap{width: 100%; margin: 40px auto 0; overflow: hidden;}
.cp_line{position: relative; background: url("../imgs/sub/s01/history_line.jpg") repeat-y center; background-size: 2px; padding-bottom: 150px;}
.cp_line ul{display: flex;}
.cp_line ul.first_cp{margin-top: 30px;}
.cp_line ul li{width: 50%;}
.cp_line ul li .cp_title{display: block; margin-top: 30px; font-size: 33px; font-weight: 800; line-height: 1.3; width: 100%;}
.cp_line ul li h3{font-family: "Roboto", sans-serif; font-size: 45px; line-height: 1.2; color: #000;}
.cp_line ul li h3.point_color{color: #4c8903;}
.cp_line ul li h3 span{display: inline-block; background: #fff; transform: translateY(-50%); padding: 0 10px;}
.cp_line ul li p{font-size: 18px; line-height: 1.6; color: #6d6e71; word-break: keep-all;}
.cp_line ul.cp_right li:nth-child(2){border-top: 2px solid #000;}
.cp_line ul.cp_left li:nth-child(1){border-top: 2px solid #000;}
.cp_line ul.cp_right li:nth-child(2) h3{padding-left: 40px;}
.cp_line ul.cp_right li:nth-child(2) p{padding-left: 50px;}
.cp_line ul.cp_left li:nth-child(1) h3{padding-right: 40px; text-align: right;}
.cp_line ul.cp_left li:nth-child(1) p{padding-right: 50px;}
.cp_line .cp_img_cover{display: flex; flex-wrap: wrap; align-content: space-between;}
.cp_line .cp_img_cover.cp_img_cover_solo{align-content: flex-end}
.cp_line ul.cp_left .cp_img_cover{justify-content: flex-end;}
.cp_line .cp_img_cover img{width: 100%; max-width: 360px;}



/* Service */
.service_text{position: relative;}
.service_text > div{position: absolute; top: 0; width: 780px; background: #fff; z-index: 2; padding: 30px 30px 30px 0;}
.text_layout p.service_space{margin-top: 240px;}


/* CSM */
.certification_wrap{margin-top: 100px;}
.certification_wrap ul{display: flex; flex-wrap: wrap;}
.certification_wrap li{width: 45%; margin-left: 10%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
.certification_wrap li:nth-child(2n+1){margin-left: 0;}
.certification_wrap li:nth-child(n+3){margin-top: 50px;}
.certification_wrap li img{width: 100%;}


/* 양쪽 텍스트 타입 */
.side_lay{overflow: hidden;}
.side_lay > ul{display: flex;}
.side_lay > ul > li{}
.side_lay > ul > li:nth-child(1){width: 27%;}
.side_lay > ul > li:nth-child(2){width: 73%; margin-top: 70px;}
.side_lay > ul > li.line_wrap{padding-left: 25px; border-left: 2px solid #000;}
.side_lay > ul > li p{word-break: keep-all;}
.side_lay > ul > li:nth-child(1) p{font-size: 29px; line-height: 1.4; font-weight: 300;}
.side_lay > ul > li:nth-child(2) p{font-size: 17px; line-height: 1.5; margin-bottom: 30px;}
.side_lay > ul > li p.noMargin{margin-bottom: 0 !important;}

.side_lay > ul > li .black_span{display: block;}
.side_lay.side_no_line > ul > li.line_wrap{padding-left: 0; border-left: 0;}
.side_lay.side_no_line > ul > li:nth-child(2) p{font-size: 15px;}
.side_lay.side_no_line > ul > li:nth-child(2) p.rep_text{font-size: 23px; font-weight: 700;}


/* News */
.notice_wrap{margin-top: 50px;}
.notice_wrap > ul{display: flex; margin-top: 100px; border-top: 1px solid #000;}
.notice_wrap > ul:first-child{margin-top: 0;}
.notice_wrap > ul > li:nth-child(1){width: 250px;}
.notice_wrap > ul > li:nth-child(1) > div{background: #d7d7d7; padding: 20px; text-align: right;}
.notice_wrap > ul > li:nth-child(1) > div h3{font-size: 27px; line-height: 1.2; margin-top: 80px; font-weight: 400;}
.notice_wrap > ul > li:nth-child(1) > div p{font-size: 17px; color: #7b7b7b; margin-top: 10px;}
.notice_wrap > ul > li:nth-child(2){margin-left: 20px; width: calc(100% - 270px);}
.notice_wrap .text_layout p{border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; color: #666; padding: 8px 15px; margin: 50px 0 0;}
.notice_wrap .img_layout{margin: 0;}


/* 오시는 길 */
.contact_wrap{width: 100%; background: #e9e7e7; padding: 40px 20px 20px; margin-top: 50px;}
.contact_wrap > div{width: 100%; max-width: 1160px; margin: 0 auto; background: url("../imgs/main/sec3_logo.png") no-repeat top right;}
.contact_wrap h3{font-family: "Roboto", sans-serif; font-size: 45px; line-height: 1.1; margin-bottom: 20px; font-weight: 400; padding-left: 20px;}
.contact_wrap .text_layout p{line-height: 1.6; margin-bottom: 50px; padding-left: 20px;}
.map_wrap{position: relative; max-width: 1160px; width: 100% !important;}
.map_wrap .wrap_map{height: 600px !important;}


/* 약관 */
.articles_wrap .download_btn{text-align: center; margin-bottom: 50px;}
.articles_wrap .download_btn a{display: inline-block; font-size: 17px; padding: 10px 30px; background: #f3f3f3; border-radius: 30px;}
.articles_wrap .download_btn a:hover{text-decoration: underline;}
.articles_wrap .articles_text_box{position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
.articles_wrap .articles_text_box > div{position: relative; border: 1px solid #777;  background: #fff; padding: 70px 100px 150px; z-index: 2;}
.articles_wrap .articles_text_box > div > div{height: 1000px; overflow: hidden;}
.articles_wrap .articles_text_box > span{position: absolute; display: block; width: 100%; height: 100%; background: #E6E6E6; top: 14px; right: -14px; z-index: 1;}
.articles_wrap .articles_text_box .text_layout p{text-align: left;}
.articles_wrap .articles_text_box .text_layout p.title_depth2{margin-bottom: 70px;}
.articles_wrap .articles_text_box .text_layout p b{display: block; font-weight: 700;}
.articles_more{position: absolute; bottom: 50px; left: 50%; margin-left: -70px; width: 140px; line-height: 50px; border: 1px solid #ccc; border-radius: 50px; text-align: center;}
.articles_more:hover{text-decoration: underline;}
.articles_wrap.active .articles_text_box > div > div{height: auto;}
.articles_wrap.active .articles_more{display: none;}
.terms_wrap .text_layout p{font-size: 15px;}
.terms_wrap .text_layout p.titleSize21{font-size: 19px;}
.terms_wrap .table_box th, .terms_wrap .table_box td{font-size: 15px; padding: 10px;}

.articles_wrap.mrm_articles_wrap .articles_text_box > div{padding: 0 !important; border: 0;}


@media (max-width: 1200px){
	/* 서브 타이틀 */
	.page_title_inner{width: 94%; margin-left: auto; margin-right: auto;}
	
	/* Service */
	.text_layout p.service_space{margin-top: 100px;}
}

@media (max-width: 1023px){
	
    /* 양쪽 텍스트 타입 */
	.side_lay > ul{flex-wrap: wrap;}
	.side_lay > ul > li{width: 100% !important;}
	.side_lay > ul > li:nth-child(2){margin-top: 30px;}
	.side_lay > ul > li.line_wrap{padding-left: 20px;}
	
	
	/* 회사소개 */
	.overview_box ul ul li:nth-child(1){font-size: 45px;}
	.overview_box ul ul li:nth-child(2){ font-size: 19px;}
	
	
	
	/* 연혁 */
	.history_wrap{width: 94%;}
	.history_line{padding: 90px 0 70px;}
	.history_line ul{flex-wrap: wrap; justify-content: center !important;}
	.history_line > ul{margin: 100px 0 70px;}
	.history_line li{width: 100% !important; text-align: center !important;}
	.history_line > ul > li{width: auto;}
	.history_line > ul > li:after{content: ''; position: absolute; top: -40px; left: 50% !important; transform: translateX(-50%); right: inherit !important;}
	.history_line > ul.history_right{flex-direction: column-reverse;}
	.history_line .history_img_wrap{margin-top: 25px; background: #fff; padding: 5px 0;}
	.history_line .history_left .h_img{margin-bottom: 25px;}
	.history_line .history_right .h_img{margin-top: 25px;}
	.history_line .history_left > li{padding-right: 0;}
	.history_line .history_right > li{padding-left: 0;}
	.history_line .h_year{font-size: 19px; line-height: 1.4; background: #fff; padding: 5px 0;}
	.history_line .history_left .h_year{margin-left: 0;}
	.history_line .history_right .h_year{margin-right: 0;}
	.history_line .h_text{margin-top: 17px; background: #fff; padding: 5px 0;}
	.history_line .history_left .h_mons{margin-left: 0;}
	.history_line .history_right .h_mons{margin-right: 0;}
	.history_line .h_mons{margin-bottom: 10px;}
	.history_line .history_left ul{flex-direction: column-reverse;}
	
	
	/* Service */
	.service_text > div{position: relative; width: auto; padding: 25px 0;}
	
	
	
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 400px !important;}
}

@media screen and (max-width: 767px) {
	/* 공통 */
	.gray_wrap{padding: 40px 0;}
	.dark_gray_wrap{padding: 60px 0; margin-top: 60px;}
	
	
	/* 서브 타이틀 */
	.page_title_wrap{padding: 40px 0 60px;}
	.page_title{padding-bottom: 10px;}
	.page_title b{font-size: 21px; padding: 15px 2px 0;}
	.page_title h2{font-size: 33px; margin-top: 3px;}
	.page_title p{font-size: 15px; margin-top: 5px;}
	
	
	
	/* 양쪽 텍스트 타입 */
	.side_lay > ul > li:nth-child(1) p{font-size: 23px;}
	.side_lay > ul > li:nth-child(2) p{font-size: 15px; margin-bottom: 20px;}
	.side_lay > ul > li .black_span{display: block;}
	
	
	/* 공통 */
	.first_top{padding-top: 30px;}
	
	
	/* 서브 단락 */
	.para_title_wrap{margin-top: 80px; margin-bottom: 40px;}
	.para_title_wrap.top_wrap{margin-top: 60px;}
	.para_title_wrap h3{font-size: 31px; line-height: 1.3;}
	
	
	/* 회사소개 */
	.overview_box{margin-top: 90px;}
	.overview_box > ul.overview_top{align-items: stretch;}
	.overview_box > ul > li{width: 100%; margin-left: 0%; margin-top: 15px;}
	.overview_box > ul > li:first-child{margin-top: 0;}
	.overview_box ul ul li:nth-child(1){font-size: 35px;}
	.overview_box ul ul li:nth-child(2){font-size: 17px;}
	.overview_box .overview_bottom{margin-top: 15px;}
	.overview_box li li:nth-child(1){margin-bottom: 30px !important;}
	
	.overview_table ul{flex-wrap: wrap; margin-top: 30px;}
	.overview_table ul:first-child{margin-top: 0;}
	.overview_table ul li{font-size: 16px; width: 100% !important;}
	.overview_table ul li:nth-child(1) span{margin-left: 0;}
	.overview_table ul li:nth-child(1) br{display: none;}
	.overview_table ul li:nth-child(2){margin-left: 20px; margin-top: 0;}
	.overview_table ul li .color_box{padding: 2px 10px;}
	
	
	/* 연혁 */
	.history_wrap{width: 94%; margin-top: 80px;}
	.history_line > ul{margin: 100px 0 80px;}
	
	/* Service */
	.text_layout p.service_space{margin-top: 30px;}
	
	
	/* 공사실적 */
	.cp_line{background-position: left; padding-bottom: 150px;}
	.cp_line ul{display: flex; flex-wrap: wrap; margin-top: 50px;}
	.cp_line ul.first_cp{margin-top: 30px;}
	.cp_line ul li{width: 100%;}
	.cp_line ul li .cp_title{padding-left: 50px;}
	.cp_line ul li h3{padding-left: 40px !important; text-align: left!important;}
	.cp_line ul li h3 span{padding: 0 10px;}
	.cp_line ul li p{padding-left: 50px !important;}
	.cp_line ul.first_cp li{border-top: 2px solid #000;}
	.cp_line ul.cp_left li:nth-child(1) h3{padding-right: 0;}
	.cp_line ul.cp_left li:nth-child(1) p{padding-right: 0;}
	.cp_line ul.first_cp .cp_img_cover div{margin-top: 50px;}
	.cp_line .cp_img_cover div{width: 100%; text-align: right;}
	.cp_line .cp_img_cover img{max-width: 300px;}
	.cp_line ul.cp_left .cp_img_cover{margin-top: 50px;}
	.cp_line ul.cp_img_bottom{margin-top: 0;}
	
	
	/* CSM */
	.certification_wrap{margin-top: 50px;}
	.certification_wrap li{width: 48%; margin-left: 4%;}
	.certification_wrap li:nth-child(3n+1){margin-left: 4%;}
	.certification_wrap li:nth-child(2n+1){margin-left: 0;}
	.certification_wrap li:nth-child(n+3){margin-top: 50px;}
	
	
	/* News */
	.notice_wrap > ul{flex-wrap: wrap; margin-top: 80px;}
	.notice_wrap > ul:first-child{margin-top: 0;}
	.notice_wrap > ul > li{width: 100% !important; margin-left: 0 !important;}
	.notice_wrap > ul > li:nth-child(1){margin-bottom: 5px;}
	.notice_wrap > ul > li:nth-child(1) > div{text-align: left;}
	.notice_wrap > ul > li:nth-child(1) > div h3{font-size: 21px; margin-top: 0;}
	.notice_wrap > ul > li:nth-child(1) > div p{font-size: 15px;}
	.notice_wrap .text_layout p{padding: 8px 10px; margin: 30px 0 0;}
	
	
	/* 오시는 길 */
	.contact_wrap{padding: 40px 3% 20px;}
	.contact_wrap h3{font-size: 35px;  margin-bottom: 20px; padding-left: 10px;}
	.contact_wrap .text_layout p{margin-bottom: 30px; padding-left: 10px;}
	
}


@media screen and (max-width: 480px) {	
	/* 서브 타이틀 */
	.page_title_wrap{padding: 30px 0 40px;}
	.page_title b{font-size: 19px;}
	.page_title h2{font-size: 27px;}
	.page_title p{font-size: 13px;}
	
	
	/* 서브 단락 */
	.para_title_wrap{margin-top: 60px; margin-bottom: 30px;}
	.para_title_wrap.top_wrap{margin-top: 40px;}
	.para_title_wrap h3{font-size: 23px; line-height: 1.4;}
	
	
	/* 양쪽 텍스트 타입 */
	.side_lay > ul > li:nth-child(1) p{font-size: 21px; line-height: 1.3;}
	.side_lay > ul > li:nth-child(2) p{font-size: 14px;}
	.side_lay.side_no_line > ul > li:nth-child(2) p.rep_text{font-size: 19px; margin-bottom: 10px;}
	.side_lay > ul > li .black_span{display: block;}
	
	
	/* 회사소개 */
	.overview_box{margin-top: 70px;}
	.overview_box > ul > li{width: 100%; margin-left: 0%; margin-top: 10px;}
	.overview_box > ul > li:first-child{margin-top: 0;}
	.overview_box ul ul li{padding: 15px 0 15px 10px;}
	.overview_box ul ul li:nth-child(1){font-size: 27px;}
	.overview_box ul ul li:nth-child(2){font-size: 15px;}
	.overview_box .overview_bottom{margin-top: 10px;}
	.overview_box li li:nth-child(1){margin-bottom: 20px !important;}
	
	.overview_table ul li:nth-child(1){font-size: 16px;}
	.overview_table ul li:nth-child(2){font-size: 15px;}
	
	
	/* 연혁 */
	.history_line .h_year{font-size: 18px;}
	.history_line .h_text{font-size: 16px;}
	
	/* 공사실적 */
	.cp_line{padding-bottom: 100px;}
	.cp_line ul li .cp_title{margin-top: 30px; font-size: 25px; line-height: 1.3; padding-left: 30px;}
	.cp_line ul li h3{font-size: 33px; padding-left: 25px !important;}
	.cp_line ul li h3 span{padding: 0 5px;}
	.cp_line ul li p{font-size: 15px; padding-left: 30px !important;}
	.cp_line .cp_img_cover img{max-width: 200px;}
	
	
	/* News */
	.notice_wrap > ul > li:nth-child(1) > div{padding: 20px 15px;}
	.notice_wrap > ul > li:nth-child(1) > div p{margin-top: 5px;}
	
	
	/* 오시는 길 */
	.contact_wrap{margin-top: 30px;}
	.contact_wrap h3{font-size: 29px; margin-bottom: 20px;}
	.contact_wrap .text_layout p{margin-bottom: 30px;}
	
	.map_wrap .wrap_map{height: 270px !important;}
	

}