@charset "utf-8";

.about_panel .desc_img{margin-top: 10px;line-height:0}
.about_panel .desc_img img{width:100%}

/* ---------CEO소개--------- */
.about_panel.page_ceo .sub_wrap {padding:0}
.about_panel.page_ceo .sub_panel.sub_panel_bg { background:#f3f3f3; }
.about_panel.page_ceo .sub_panel { margin-top:40px; padding:60px 0 }
.about_panel.page_ceo .sub_panel .ceo_img {display:table-cell; vertical-align: top; padding-right:40px;}
.about_panel.page_ceo .sub_panel .ceo_img img {max-width:100%;}
.about_panel.page_ceo .sub_panel .name { color:#333; margin-top:40px;}
.about_panel.page_ceo .sub_panel .ceo_message {display:table-cell; vertical-align: top}
.about_panel.page_ceo .sub_panel .ceo_message .message { font-weight: 200; font-size: 34px; color:#333; line-height: 1.4em; margin-bottom:40px; letter-spacing: -2px}
.about_panel.page_ceo .sub_panel .ceo_message .message span { color:#005923}
.about_panel.page_ceo .sub_panel .ceo_message .text p + p { margin-top:20px;}

.about_panel.page_ceo .table_box{table-layout:auto}
	.about_panel.page_ceo .project_img img{width:100%}
	.about_panel.page_ceo .project_img.center{text-align:center}
	.about_panel.page_ceo .project_img img.inlineblock{display:inline-block}
	.about_panel.page_ceo .sub_panel .ceo_img{width:35%}

/* ---------설립배경 및 목적--------- */
.about_panel.page_hsuco .mission_img{margin-top: 10px;line-height:0}
.about_panel.page_hsuco .mission_img img{width:100%}
.about_panel.page_hsuco .list_style_v1 ul li b {font-weight:700;color:#333333}

/* ---------연혁--------- */	
.about_panel.page_history .chart_box{margin-top:80px}

.about_panel.page_history .history_hd{margin:40px auto 0;text-align:center;padding:20px;border-radius:50%;background-color:#005923;width:140px;height:140px}
.about_panel.page_history .history_hd p{color:#fff;font-size:24px;line-height:1.2em;font-weight:bold;display:table;width:100%;height:100%;letter-spacing:-1px}
.about_panel.page_history .history_hd p span{display:table-cell; vertical-align:middle;width:100%}

.about_panel.page_history .chart_frame{position:relative;padding:75px 0;margin-top:65px}
.about_panel.page_history .chart_decor{position:absolute;left:50%;height:100%;top:0;background-color:#dddddd;width:2px;margin-left:-1px}
.about_panel.page_history .chart_decor .icon{width:12px;height:12px;background-color:#005923;display:inline-block;position:absolute;left:50%;margin-left:-6px;border-radius:999px}
.about_panel.page_history .chart_decor .icon.bf{top:0}
.about_panel.page_history .chart_decor .icon.af{bottom:0}

.about_panel.page_history .chart_bar{position:relative;margin:35px 0}
.about_panel.page_history .chart_bar .board{width:50%;display:inline-block;box-sizing:border-box;position:relative}
.about_panel.page_history .chart_bar .table_box{table-layout:auto;border-spacing:15px 3px;border-collapse:separate}
.about_panel.page_history .chart_bar .year{font-size:20px;color:#005923;font-weight:900;width:120px;position:absolute;top:0;padding:0 15px;text-align:center;box-sizing:border-box}
.about_panel.page_history .chart_bar .year_icon{width:6px;height:6px;border-radius:999px;background-color:#999999;position:absolute;top:12px}
.about_panel.page_history .chart_bar .desc{width:100%;font-size:16px;color:#333333;letter-spacing:-1px}
.about_panel.page_history .chart_bar .date{width:auto;white-space:nowrap;font-size:16px;color:#777777;letter-spacing:-1px}

.about_panel.page_history .chart_bar_l{text-align:left}
.about_panel.page_history .chart_bar_r{text-align:right}
.about_panel.page_history .chart_bar_l .board{padding-right:105px}
.about_panel.page_history .chart_bar_r .board{padding-left:105px}
.about_panel.page_history .chart_bar_l .year{right:0}
.about_panel.page_history .chart_bar_r .year{left:0}
.about_panel.page_history .chart_bar_l .year_icon{right:-3px}
.about_panel.page_history .chart_bar_r .year_icon{left:-3px}

.about_panel.page_history .sub_title_box.bd .sub_title{font-size:22px}

/* ---------조직안내--------- */
.about_panel.page_organization .mission_img{margin-top: 10px}

/* ---------공사위치안내--------- */
.about_panel.page_location .map_box{display:inline-block;width:100%;margin:10px 0 20px 0}
.about_panel.page_location .info_bbs table.table_v1 td .big_pad{padding:30px 0;display:block}
.about_panel.page_location .info_bbs table.table_v1 td.bd_r{border-right:1px solid #d9d9d9}

/* // 20200904 수정 */
/* --------- 홍보책자--------- */
.about_panel.page_pamphlet .pamphlet_box {position: relative;display: table;width: 100%;padding-bottom: 80px;}
.about_panel.page_pamphlet .pamphlet_box:after {content: "";display: block;clear: both;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_img {display: table-cell;vertical-align: top;width: 700px;border: 1px solid #d5d5d5;box-sizing: border-box;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_img img {width: 100%;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info {display: table-cell;vertical-align: top;padding: 65px 0 0 80px;box-sizing: border-box;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_tit {font-size: 23px;color: #333;line-height: 1.2;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_tit b {font-size: 30px;color: #006935;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .info {padding: 40px 0 30px 0;font-size: 16px;color: #666;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_btn {padding-bottom: 60px;border-bottom: 1px solid #6eb92c;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_btn a {display: inline-block;width: 180px;height: 46px;line-height: 46px;border: 1px solid #006935;text-align: center;font-size: 15px;color: #006935;box-sizing: border-box;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_btn a:first-child {margin-right: 4px;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_btn a:hover {background: #005923;color: #fff;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .adobe_btn {margin-top: 60px;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .adobe_btn a {display: inline-block;width: 180px;height: 46px;}
.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .adobe_btn a img {width: 100%;}

/* --------- CI소개--------- */
.about_panel .tab_menu{margin-bottom:10px}
.about_panel .tab_menu_v2{width:auto;margin:0 auto}
.about_panel .tab_menu_v2 .tab span{border:none;background:none;padding: 10px 30px}
.about_panel .tab_menu_v2 .tab.active span{border-bottom:1px solid #005923;color:#005923}

.about_panel.page_ci .ci_box {padding-bottom: 80px;}
.about_panel.page_ci .ci_box .ci_download {margin-bottom: 60px;padding: 60px 0;width: 100%;border: 1px solid #d9d9d9;}
.about_panel.page_ci .ci_box .ci_download .ci_img {text-align: center;}
.about_panel.page_ci .ci_box .ci_download .ci_btn {margin-top: 50px;text-align: center;}
.about_panel.page_ci .ci_box .ci_download .ci_btn a {display: inline-block;width: 154px;height: 46px;line-height: 46px;border: 1px solid #006935;font-size: 15px;color: #006935;text-align: center;}
.about_panel.page_ci .ci_box .ci_download .ci_btn a:first-child {margin-right: 16px;}
.about_panel.page_ci .ci_box .ci_download .ci_btn a span {padding-right: 20px;background: url('../img/icon/btn_download.png') no-repeat;background-position: 100% 50%;}
.about_panel.page_ci .ci_box .ci_list {margin-top: 60px;}
.about_panel.page_ci .ci_box .ci_list ul:after {content: "";display: block;clear: both;}
.about_panel.page_ci .ci_box .ci_list ul li {float: left;margin-left: 2%;width: 32%;box-sizing: border-box;}
.about_panel.page_ci .ci_box .ci_list ul li:first-child {margin-left: 0;}
.about_panel.page_ci .ci_box .ci_list ul li p {margin-bottom: 30px;font-size: 16px;color: #333;}
.about_panel.page_ci .ci_box .ci_list ul li img {width: 100%;border: 1px solid #d9d9d9;}
.about_panel.page_ci .list_style_v1 ul li b {color: #006835;}

.about_panel.page_color .color_box .ci_list {margin: 60px 0 80px 0;}
.about_panel.page_color .color_box .ci_list ul:after {content: "";display: block;clear: both;}
.about_panel.page_color .color_box .ci_list ul li {float: left;margin-left: 2%;width: 32%;box-sizing: border-box;}
.about_panel.page_color .color_box .ci_list ul li:first-child, .about_panel.page_color .color_box .ci_list ul li:nth-child(4) {margin-left: 0;}
.about_panel.page_color .color_box .ci_list ul li:nth-child(4), .about_panel.page_color .color_box .ci_list ul li:nth-child(5), .about_panel.page_color .color_box .ci_list ul li:last-child {margin-top: 60px;}
.about_panel.page_color .color_box .ci_list ul li p {margin-bottom: 30px;font-size: 16px;color: #333;}
.about_panel.page_color .color_box .ci_list ul li div {padding: 90px 0;border: 1px solid #d9d9d9;text-align: center;}
.about_panel.page_color .color_box .ci_list ul li:nth-child(2) div, .about_panel.page_color .color_box .ci_list ul li:nth-child(3) div {background: #000;}
.about_panel.page_color .color_box .ci_list ul li img {width: 258px;}
.about_panel.page_color .color_box .ci_background {margin-bottom: 80px;padding: 80px 0;border-bottom: 1px solid #dddedf;}
.about_panel.page_color .color_box .ci_background .background_img:first-child {margin-bottom: 60px;}
.about_panel.page_color .color_box .ci_background .background_img img {width: 100%;vertical-align: top;}
.about_panel.page_color .color_box .ci_background p {margin-top: 10px;color: #e92f97;text-align: right;}
.about_panel.page_color .color_box .ci_brightness {padding: 80px 0;}
.about_panel.page_color .color_box .ci_brightness .brightness_img:first-child {margin-bottom: 60px;}
.about_panel.page_color .color_box .ci_brightness .brightness_img img {width: 100%;vertical-align: top;}
.about_panel.page_color .color_box .ci_brightness p {margin-bottom: 30px;font-size: 16px;color: #333;}
.about_panel.page_color .list_style_v1 ul li b {color: #006835;}

.about_panel.page_signature .signature_list {margin-top: 80px;}
.about_panel.page_signature .signature_list p {padding-bottom: 30px;}
.about_panel.page_signature .signature_list .signature_img {border: 1px solid #d9d9d9;}
.about_panel.page_signature .signature_list .signature_img img {width: 100%;}
.about_panel.page_signature .signature_list .signature_img.signature_m {display: none;}
.about_panel.page_signature .signature_list .signature_btn {margin-top: 30px;text-align: right;}
.about_panel.page_signature .signature_list .signature_btn a {display: inline-block;width: 154px;height: 46px;line-height: 46px;border: 1px solid #006935;font-size: 15px;color: #006935;text-align: center;}
.about_panel.page_signature .signature_list .signature_btn a:first-child {margin-right: 16px;}
.about_panel.page_signature .signature_list .signature_btn a span {padding-right: 20px;background: url('/common/img/icon/btn_download.png') no-repeat;background-position: 100% 50%;}
.about_panel.page_signature .list_style_v1 ul li b {color: #006835;}


@media screen and (max-width:1201px) {
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_img {display: block;width: 100%;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info {display: block;width: 100%;padding-left: 0;text-align: center;}

	.about_panel.page_color .color_box .ci_list ul li img {width: 190px;}
}

@media screen and (max-width: 780px) {
	.about_panel.page_pamphlet .mobile_tab_menu.tab_menu_2depth select {width: 100%;}
	.about_panel.page_pamphlet .pamphlet_box {padding-bottom: 40px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info {padding: 30px 0 0 0;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_tit {font-size: 18px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_tit b {font-size: 25px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .info {padding: 20px 0;font-size: 12px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_btn {padding-bottom: 30px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_btn a {width: 90px;font-size: 16px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .pamphlet_btn a:first-child {margin-right: 6px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .adobe_btn {margin-top: 30px;}
	.about_panel.page_pamphlet .pamphlet_box .pamphlet_info .adobe_btn a {width: 190px;}

	.about_panel.page_ci .ci_box {padding-bottom: 40px;}
	.about_panel.page_ci .ci_box .ci_download {padding: 30px 0;}
	.about_panel.page_ci .ci_box .ci_download .ci_img img {width: 158px;}
	.about_panel.page_ci .ci_box .ci_download .ci_btn {margin-top: 25px;}
	.about_panel.page_ci .ci_box .ci_download .ci_btn a {width: 140px;height: 40px;line-height: 40px;}
	.about_panel.page_ci .ci_box .ci_list {margin-top: 30px;}
	.about_panel.page_ci .ci_box .ci_list ul li {margin-top: 30px;margin-left: 0;width: 100%;}
	.about_panel.page_ci .ci_box .ci_list ul li:first-child {margin-top: 0;}
	.about_panel.page_ci .ci_box .ci_list ul li p {margin-bottom: 15px;}

	.about_panel.page_color .color_box .ci_list {margin: 30px 0 40px 0;}
	.about_panel.page_color .color_box .ci_list ul li {margin-top: 30px;margin-left: 0;width: 100%;}
	.about_panel.page_color .color_box .ci_list ul li:first-child {margin-top: 0;}
	.about_panel.page_color .color_box .ci_list ul li:nth-child(4), .about_panel.page_color .color_box .ci_list ul li:nth-child(5), .about_panel.page_color .color_box .ci_list ul li:last-child {margin-top: 30px;}
	.about_panel.page_color .color_box .ci_list ul li p {margin-bottom: 15px;}
	.about_panel.page_color .color_box .ci_list ul li div {padding: 40px 0;}
	.about_panel.page_color .color_box .ci_background {margin-bottom: 40px;padding: 40px 0;}
	.about_panel.page_color .color_box .ci_brightness {padding: 20px 0;}
	.about_panel.page_color .color_box .ci_brightness .brightness_img:first-child {margin-bottom: 20px;}
	.about_panel.page_color .color_box .ci_brightness p {display: none;}

	.about_panel.page_signature .signature_list {margin-top: 40px;}
	.about_panel.page_signature .signature_list p {padding-bottom: 15px;}
	.about_panel.page_signature .signature_list .signature_btn {margin-top: 15px;}
	.about_panel.page_signature .signature_list .signature_btn a {width: 140px;height: 40px;line-height: 40px;}
	.about_panel.page_signature .signature_list .signature_img.signature_pc {display: none;}
	.about_panel.page_signature .signature_list .signature_img.signature_m {display: block;}

}
/* 20200904 수정 // */

@media screen and (max-width:1024px) {
	
	/* ---------CEO소개--------- */
	.about_panel.page_ceo .sub_panel .ceo_img,
	.about_panel.page_ceo .sub_panel .ceo_message { display:block; margin:0 auto}
	.about_panel.page_ceo .sub_panel .ceo_img { padding:0}
	.about_panel.page_ceo .sub_panel .ceo_message { margin-top:20px;}
	.about_panel.page_ceo .sub_panel{margin-top:0}
	.about_panel.page_ceo .ceo_img,
	.about_panel.page_ceo .ceo_message{display:block}
	.about_panel.page_ceo .ceo_img .project_img img{width:80%}
	.about_panel.page_ceo .ceo_message .sign{padding-left:30px}
	.about_panel.page_ceo .ceo_message .sign img{width:95px}
	.about_panel.page_ceo .sub_panel .ceo_img{width:100%;box-sizing:border-box}
	.about_panel.page_ceo .sub_panel .ceo_message .message{font-size:18px;font-weight:700;margin-bottom:5px}
	.about_panel.page_ceo .sub_wrap p{font-size:12px}
	.about_panel.page_ceo .sub_panel .ceo_message .text p + p{margin-top:10px}
	
	/* ---------연혁--------- */		
	.about_panel.page_history .history_hd{border-radius:0;width:100%;padding:13px 0;height:auto;}
	.about_panel.page_history .history_hd p{font-size:16px}

	.about_panel.page_history .chart_frame{margin-top:0;padding:30px 0}
	.about_panel.page_history .chart_decor{left:0;width:1px;margin:0}
	.about_panel.page_history .chart_decor .icon.bf{display:none}

	.about_panel.page_history .chart_bar{position:relative;margin:0;padding:20px 0;width:100%}
	.about_panel.page_history .chart_bar .year{width:100%;position:relative;margin-bottom:5px;text-align:left;/*font-size:14px*/}
	.about_panel.page_history .chart_bar .year_icon{background-color:#005923;/*top:8px*/}
	.about_panel.page_history .chart_bar .board{width:100%;padding:0}
	.about_panel.page_history .chart_bar .desc,
	.about_panel.page_history .chart_bar .date{text-align:left;/*font-size:11px;letter-spacing:0*/}
	.about_panel.page_history .chart_bar .icon{width:3px;height:3px;border-radius:999px;background-color:#999999;position:absolute;top:7px;left:-16px}

	.about_panel.page_history .chart_bar_l{direction:rtl;text-align:left}
	.about_panel.page_history .chart_bar_l .board tr{direction:ltr}
	.about_panel.page_history .chart_bar_l .year{right:auto;left:0}
	.about_panel.page_history .chart_bar_l .year_icon{right:auto;left:-3px}
	
	/* ---------공사위치안내--------- */
	.about_panel.page_location .map_box iframe {height:200px}
	
}