@charset "utf-8";

/* 박스 */
.SubBax {width:100%; overflow:hidden;}
.SubBax p{font-size:14px; line-height:25px; letter-spacing:-0.02em;}
.SubBax span{font-size:13.5px; line-height:25px; letter-spacing:-0.02em;}

/* 1-1인사말 */
.gree {width:100%;}
.gree .left{width:30%; float:left; }
.gree .right{width:70%; float:left;}
.gree .left img{width:100%; padding:0 20px 0 0}
.gree .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px;}
.gree .right h2 img{padding:0 0 20px 0}
.gree .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree .right p{text-align:left; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree .right p span{font-size:18px; color:#333;}

@media (max-width:768px){
/* 1-1인사말 */
.gree .left,
.gree .right{width:100%;}
.gree .left img{width:100%; padding:0 0 30px 0}
.gree .right p{padding-right:10px}
.gree .right h2{font-size:18px; line-height:20px;}
.gree .right span{font-size:12px;}
}


/* 1-1인사말 */
.gree2 {width:100%;}
.gree2 .left{width:20%; float:left; }
.gree2 .right{width:80%; float:left;}
.gree2 .left img{width:100%; padding:0 20px 0 0}
.gree2 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px;}
.gree2 .right h2 img{padding:0 0 20px 0}
.gree2 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree2 .right p{text-align:left; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree2 .right p span{font-size:18px; color:#333;}

@media (max-width:768px){
/* 1-1인사말 */
.gree2 .left,
.gree2 .right{width:100%;}
.gree2 .left img{width:100%; padding:0 0 30px 0}
.gree2 .right p{padding-right:10px}
.gree2 .right h2{font-size:18px; line-height:20px;}
.gree2 .right span{font-size:12px;}
}
/* 1회사소개-2 경영이념*/
.manag_box{ width:100%;}
.manag_box h2{font-size:18px; color: #333; line-height:150%; letter-spacing:-0.03em; margin-bottom: 40px; }
.manag_box h2 span {color:#11a7a7;}
.manag {height: 646px; position: relative; }
.manag .title{top: 168px;position: absolute; z-index: 1;}
.manag .manag_list{background: url("/img/sub/company02_bg1.jpg") left top no-repeat; position: relative; height: 100%;}
.manag .manag_list ul li {position: absolute; display: table; }
.manag .manag_list ul li strong{text-align: center; font-size: 25px;font-weight: bold; color: #fff; }
.manag .manag_list ul li:nth-child(1) strong{display: table-cell; display: block; background: url("/img/sub/company02_bg2_1.png") 0 0 no-repeat;line-height: 184px; width: 160px; height: 184px;-webkit-background-size: 100%;background-size: 100%;}
.manag .manag_list ul li:nth-child(2) strong{display: table-cell; display: block; background: url("/img/sub/company02_bg2_2.png") 0 0 no-repeat;line-height: 184px; width: 160px; height: 184px;-webkit-background-size: 100%;background-size: 100%;}
.manag .manag_list ul li:nth-child(3) strong{display: table-cell; display: block; background: url("/img/sub/company02_bg2_3.png") 0 0 no-repeat;line-height: 184px; width: 160px; height: 184px;-webkit-background-size: 100%;background-size: 100%;}
.manag .manag_list ul li:nth-child(1){top: 39px; left: 406px; }
.manag .manag_list ul li:nth-child(2){top: 204px;left: 566px;}
.manag .manag_list ul li:nth-child(3){top: 373px;left: 406px;}
.manag .manag_list ul li dl{position: relative; top: 0; padding-left: 167px;  font-size: 18px; font-weight: 300;display: table-cell; vertical-align: middle; height: 100%;  }
.manag .manag_list ul li dl:before{position: absolute; left: 0; top: 100px;  width: 43px; height: 1px; background-color: #ebebeb; content: "";}
.manag .manag_list ul li dl:after{position: absolute;background-position: center center; background-repeat: no-repeat; width: 100px; height: 100px; left: 43px; top: 50px;  border: 5px solid #ebebeb; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;  content: "";}
.manag .manag_list ul li:nth-child(1) dl:after{background-image: url("/img/sub/company02_icon1.png");}
.manag .manag_list ul li:nth-child(2) dl:after{background-image: url("/img/sub/company02_icon2.png");}
.manag .manag_list ul li:nth-child(3) dl:after{background-image: url("/img/sub/company02_icon3.png");}
.manag .manag_list ul li dt{color: #41ad49; font-size: 20px;}

.manag_txt { width:100%; border: 1px solid #ddd; padding:40px; margin-top:30px; background: #f7f7f7;}
.manag_txt p {color: #000; font-size:16px; margin:15px 0 5px 0;;}
.manag_txt p span{color: #41ad49;}
.manag_txt span {color: #666; font-size:14px;}

@media screen and (max-width:1400px) { 
/* 1회사소개-2 경영이념*/
	.manag{height: auto; }
	.manag .title{position: relative; text-align: center; top: 0;  }
	.manag .manag_list{background: none; }
	.manag .manag_list ul li{position: inherit; left: inherit; top: inherit;	margin-top: 30px; }
}

@media screen and (max-width:992px) { 
/* 1회사소개-2 경영이념*/
    .manag_box h2{font-size: 20px;}
	.manag .title{width: 322px; margin: 0 auto;}
	.manag .manag_list ul li:nth-child(1) strong,
	.manag .manag_list ul li:nth-child(2) strong,
	.manag .manag_list ul li:nth-child(3) strong{ width: 130px;height: 151px;line-height: 151px;font-size: 23px;}
	.manag .manag_list ul li dl dt{font-size: 16px;}
}

@media screen and (max-width:520px) { 
/* 1회사소개-2 경영이념*/
    .manag_box h2{font-size: 16px;}
	.manag .title img{width:250px; height: 210px; padding-bottom:20px;}
	.manag .manag_list ul li:nth-child(1) strong,
	.manag .manag_list ul li:nth-child(2) strong,
	.manag .manag_list ul li:nth-child(3) strong{width: 100px; height: 118px; line-height: 118px; font-size: 18px; }
	.manag .manag_list ul li dl{position: relative; top: -40px; padding-left: 160px;}
	.manag .manag_list ul li dt{font-size: 14px; padding-top:70px;}

	.manag_txt {padding:20px;}
}

/* 오시는 길 */
.map_wrap .left_map{width:100%; margin-right:0;}
.map_wrap .right_roadview{display:none;}

.map_info_wrap .info{width:100%;}
.map_info_wrap .info .tit .icon{display:none; !important;}
.map_info_wrap{padding:11px 0;}

@media screen and (max-width:768px) {
	/* 오시는 길 */
	.map_wrap .left_map{width:100%; margin-right:0;}
	.map_wrap .right_roadview{display:none;}

	.map_info_wrap .info{width:100%;}
	.map_info_wrap .info .tit .icon{display:none; !important;}
	.map_info_wrap{padding:11px 0;}
}

/* 사업영역 */
.bus_cnt { width:100%; clear:both; margin-top:20px;}
.bus_cnt span{font-size:14px; color:#333;}

.bus_list { width:100%; overflow:hidden; margin:30px 0 0 0;   padding:0; overflow:hidden;}
.bus_list .list {margin:0 0 -30px -2%; overflow:hidden; padding:0}
.bus_list .list .list_box {float:left; width: calc(50% - 2%); margin:0 0 30px 2%; background:#f7f7f7; padding:10px; border:1px solid #ddd; overflow:hidden; position:relative; }
.bus_list .list .list_box img{width:100%;}
.bus_list .list .list_box .tit{width:100%; height:40px; line-height:40px; font-size:16px; color:#333; text-align:center; padding-top:5px; }

@media screen and (max-width:600px) {
	/* 사업영역 */
	.bus_list .list .list_box {width: calc(100% - 2%);}
	.bus_list .list .list_box .tit{height:30px; line-height:30px; font-size:14px;}
}