@charset "utf-8";

/*서브 비주얼 */
.sub .svisu_area{width:100%;height:200px; position:relative; }
.sub .svisu_area .svisual{width:100%; height:200px; position:absolute;top:80px;}
.sub .svisu_area .visu_sgarea{ min-width:1200px; overflow:hidden; position:absolute; left:50%; top:40px; margin-left:-130px;}
.sub .svisu_area .visu_sgarea .visu_sg1 {font-size:25px; font-family:notokrB; color:#fff; height:20px; line-height:30px; margin-bottom:18px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }
.sub .svisu_area .visu_sgarea .visu_sg2 {font-size:19px; font-family:notokrR; color:#fff; height:20px; line-height:17px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }
.sub_top_bg{background:url("/img/main/mvl_top_bg.png") no-repeat center bottom; width:100%; height:250px;}
.sub_bg_mobile img{width:100%;}
.sub .svisu_area .svisual01{background:url("/img/sub/SubVisual01.jpg") no-repeat center top;}
.sub .svisu_area .svisual02{background:url("/img/sub/SubVisual02.jpg") no-repeat center top;}
.sub .svisu_area .svisual03{background:url("/img/sub/SubVisual03.jpg") no-repeat center top;}
.sub .svisu_area .svisual04{background:url("/img/sub/SubVisual04.jpg") no-repeat center top;}
.sub .svisu_area .svisual05{background:url("/img/sub/SubVisual05.jpg") no-repeat center top;}

@media only screen and (max-width: 1151px){
.sub .svisu_area{height:100px; }
.sub .svisu_area .svisual{height:100px;}
.sub .svisu_area .visu_sgarea{top:30px; display:none}
.sub .svisu_area .visu_sgarea .visu_sg1 {font-size:18px; line-height:18px; margin-bottom:5px;}
.sub .svisu_area .visu_sgarea .visu_sg2 {font-size:14px; line-height:14px;}
.sub_top_bg{height:100px;}
}

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

/* 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; font-family:notokrM;}
.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; font-family:notokrM; color:#333;}


/* 1-1인사말 */
.gree2 {width:100%;}
.gree2 .left{width:50%; float:left; }
.gree2 .right{width:50%; 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; font-family:notokrM;}
.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; font-family:notokrM; color:#333;}



/*주요 타이틀 */
.headLine {background:url("/img/layout/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 15px 0; }
.headLine h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#333; font-size:18px; font-family:notokrM; letter-spacing:-0.01em;}

/* 1-2회사개요 */
.company {width:100%;}
.company .mag{width:100%; padding:20px; margin-bottom:20px; border:2px solid #dbe5eb; background:#f0f5f8;}
.company .com{width:100%;}

table.company {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); font-family:notokrM;}
table.company th {height:2px; background-color:#0475a3;}
table.company td:last-child {border-right:1px solid #dbe5eb;}
table.company th:last-child {border-right:1px solid #dbe5eb;}
table.company td {padding:10px 15px; border:#dbe5eb 1px solid; border-top:none; border-right:none;}
table.company tr:hover td {background-color:#f0f5f8;}
.comTd_bg2 {background-color: #f0f5f8; font-weight:bold;}


/* 1-3경영목표 */
.vision {width:100%; text-align:center; margin-bottom:20px; border:1px solid #ddd; padding:30px 30px 50px 30px;}

@media screen and (max-width: 1151px) {
.vision {padding:10px 10px 20px 10px;}
.vision img{width:100%;}
}

/* 1-4회사연혁 */
.history_top_tit {height:150px; background:url("/img/sub/his_bg.jpg") no-repeat center center; background-size:cover; border:1px solid #ddd; padding:30px;}
.history_top_tit .t1{font-size:18px; line-height:25px; color:#444; padding-top:20px; letter-spacing:-0.03em;}
.history_top_tit .t1 span{font-size:18px; color:#337ab7;}

.biz_box_left{float:left; width:60%;}
.biz_box_right{float:left;width:38%; margin-left:2%}
.biz{display:table; margin:0 auto 30px auto;}
.biz .biz-year{display:table-cell; padding:30px 30px 30px 0; vertical-align:top;}
.biz .biz-history{display:table-cell; width:500px; padding:30px 0 30px 30px; vertical-align:middle;}
.biz .biz-history .txt{display:block; background:url("/img/sub/tit_area01.png") no-repeat 0 7px; padding:0 16px; font-size:14px; color:#333; line-height:25px;}
.biz .biz-y{text-align:center; font-size:30px; font-weight:bold; border-top:1px solid #333; border-bottom:1px solid #333; color:#333;}

/* 연혁 - 파랑색 */
.biz .biz-vbar-1{display:table-cell; min-width:9px; background-color:#337ab7; position:relative; }
.biz .biz-circle-1{position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #337ab7; border-radius:50%; padding:7px; }
.arrow_box-left-1{width:150px; position:relative; background:#fff; border:10px solid #337ab7; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-1:after, 
.arrow_box-left-1:before{right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-1:after{border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; } 
.arrow_box-left-1:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#337ab7; border-width:22px; margin-top:-22px; }
.arrow_box-right-1{position:relative; background:#fff; border:10px solid #337ab7; border-radius:50%; padding:40px 28px; } 
.arrow_box-right-1:after, 
.arrow_box-right-1:before{left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-1:after{border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; } 
.arrow_box-right-1:before{ 	border-color:rgba(194, 225, 245, 0); border-left-color:#337ab7; border-width:22px; margin-top:-22px; }

/* 연혁 - 녹색 */
.biz .biz-vbar-2{display:table-cell; min-width:9px; background-color:#5cb85c; position:relative;}
.biz .biz-circle-2{position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #5cb85c; border-radius:50%; padding:7px;}
.arrow_box-left-2{width:150px; position:relative; background:#fff; border:10px solid #5cb85c; border-radius:50%; padding:40px 28px; 	margin-bottom:20px;}
.arrow_box-left-2:after, 
.arrow_box-left-2:before{right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; 	pointer-events:none;}
.arrow_box-left-2:after{border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px;} 
.arrow_box-left-2:before{border-color:rgba(194, 225, 245, 0); border-right-color:#5cb85c; border-width:22px; margin-top:-22px;}
.arrow_box-right-2{position:relative; background:#fff; border:10px solid #5cb85c; border-radius:50%; padding:40px 28px;} 
.arrow_box-right-2:after, 
.arrow_box-right-2:before{left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; 	pointer-events:none;}
.arrow_box-right-2:after{border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px;} .arrow_box-right-2:before{border-color:rgba(194, 225, 245, 0); border-left-color:#5cb85c; border-width:22px; margin-top:-22px;}

/* 연혁 - 하늘색 */
.biz .biz-vbar-3{display:table-cell; min-width:9px; background-color:#5bc0de; position:relative;}
.biz .biz-circle-3{position:absolute; top:90px; left:-8px; 	background:#fff; border:5px solid #5bc0de; border-radius:50%; padding:7px;}
.arrow_box-left-3{width:150px; position:relative; background:#fff; border:10px solid #5bc0de; border-radius:50%; padding:40px 28px; margin-bottom:20px;}
.arrow_box-left-3:after, 
.arrow_box-left-3:before{right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box-left-3:after{border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px;} 
.arrow_box-left-3:before{border-color:rgba(194, 225, 245, 0); border-right-color:#5bc0de; border-width:22px; margin-top:-22px;}
.arrow_box-right-3{position:relative; background:#fff; border:10px solid #5bc0de; border-radius:50%; padding:40px 28px;} 
.arrow_box-right-3:after, 
.arrow_box-right-3:before{left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box-right-3:after{border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px;} .arrow_box-right-3:before{border-color:rgba(194, 225, 245, 0); border-left-color:#5bc0de; border-width:22px; 	margin-top:-22px;}

/* 연혁 - 주황색 */
.biz .biz-vbar-4{display:table-cell; min-width:9px; background-color:#f0ad4e; position:relative;}
.biz .biz-circle-4{position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #f0ad4e; border-radius:50%; padding:7px;}
.arrow_box-left-4{width:150px; position:relative; background:#fff; border:10px solid #f0ad4e; border-radius:50%; padding:40px 28px; margin-bottom:20px;}
.arrow_box-left-4:after, 
.arrow_box-left-4:before{right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box-left-4:after{border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px;} 
.arrow_box-left-4:before{border-color:rgba(194, 225, 245, 0); border-right-color:#f0ad4e; border-width:22px; margin-top:-22px;}
.arrow_box-right-4{position:relative; background:#fff; border:10px solid #f0ad4e; border-radius:50%; padding:40px 28px;} 
.arrow_box-right-4:after, 
.arrow_box-right-4:before{left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box-right-4:after{border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px;} .arrow_box-right-4:before{border-color:rgba(194, 225, 245, 0); border-left-color:#f0ad4e; border-width:22px; margin-top:-22px;}

/* 연혁 - 빨강색 */
.biz .biz-vbar-5{display:table-cell; min-width:9px; background-color:#d9534f; position:relative;}
.biz .biz-circle-5{position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #d9534f; border-radius:50%; padding:7px;}
.arrow_box-left-5{width:150px; position:relative; background:#fff; border:10px solid #d9534f; border-radius:50%; padding:40px 28px; margin-bottom:20px;}
.arrow_box-left-5:after, 
.arrow_box-left-5:before{right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box-left-5:after{border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px;} 
.arrow_box-left-5:before{border-color:rgba(194, 225, 245, 0); border-right-color:#d9534f; border-width:22px; margin-top:-22px;}
.arrow_box-right-5{position:relative; background:#fff; border:10px solid #d9534f; border-radius:50%; padding:40px 28px;} 
.arrow_box-right-5:after, 
.arrow_box-right-5:before{left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box-right-5:after{border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px;} .arrow_box-right-5:before{border-color:rgba(194, 225, 245, 0); border-left-color:#d9534f; border-width:22px; margin-top:-22px;}

/* 1-8인재상 */
.passion {width:100%; text-align:center; margin-bottom:20px; border:1px solid #ddd; padding:30px 30px 50px 30px;}

/* 1-9 오시는 길 */
.map_wrap{width:100%; margin-bottom:20px; overflow:hidden;}
.map_wrap .left_map{float:left; width:43.5%; height:350px; margin-right:2.2%;}
.map_wrap .left_map > *{ width:100% !important}

.map_wrap .right_roadview{float:right; width:54%; height:351px; border:1px solid #ddd;}
.map_wrap .right_roadview object,
.map_wrap .right_roadview embed{width:100% !important}
.map_wrap .right_roadview img{width:100% !important;}

.map_text_info{background:url("/img/sub/company09_add_bg.png") 20px 25px no-repeat; font-size:14px;line-height:1.6em; color:#666; padding:20px 20px 20px 130px; border:2px dashed #ddd;clear:both; margin-top:20px; font-family:notokrM;}
.map_text_info h2{font-size:20px; line-height:1.6em; color:#333; padding-bottom:5px; font-family:notokrM;}

/* 2-1제작공정 */
.making{width:100%;}
.making .left{float:left; width:55%;}
.making .right{float:left; width:42%; margin-left:3%;}
.making .left ul{overflow:hidden;}
.making .left ul li{width:100%; position:relative;  border:2px solid #ddd; padding:15px; margin-bottom:10px;}
.making .left ul li:before{ position:absolute; content:url("/img/sub/box_img_1.png"); height:20px; width:100px; top:-1px; left:-1px;}
.making .left ul li:after{ position:absolute; content:url("/img/sub/box_img_2.png"); height:20px; width:100px; bottom:-1px; right:-1px;}
.making .left ul li p{font-size:13.5px; color:#666; line-height:1.6;}
.making .left ul li p span{ display:block; text-align:left; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #117eb0; width:30%; font-size:20px; color:#117eb0;} 
.making .left ul .box_in_tit{background:url("/img/sub/arrow_under.png") no-repeat center center; height:16px; margin-bottom:10px;}
}

/* 시설 및 설비현황 */
.system {width:100%;}
.system .tit {background:url("/img/layout/line_bg.png") 0 50% repeat-x; display: block; margin:25px 0 10px 0; }
.system .tit h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#333; font-size:20px; font-family:notokrM; letter-spacing:-0.01em;}
table.basic {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; letter-spacing:-0.03em; text-align:center;}
table.basic thead th{background-color:#0475a3; padding:10px 5px;border-top:2px solid #dbe5eb;border-bottom:1px solid #dbe5eb; border-left:1px solid #dbe5eb; color:#fff;vertical-align:middle;text-align:center;}
table.basic thead th:last-child{border-right:1px solid #ddd;}
table.basic tbody td:last-child {border-right:1px solid #ddd;}
table.basic tbody td {padding:7px 10px; border:#ddd 1px solid; border-top:none; border-right:none;}
table.basic tbody tr:hover td {background:#f7f7f7;}
.basic_bg2 {background-color: #f0f5f8; font-weight:bold;}

/* 페이지 준비중 */
.page_perpare {text-align:center;}

@media only screen and (max-width:1151px){
/* 1-5조직도 */
.organ {padding:10px 10px 20px 10px;}
.organ img{width:100%;}

/* 1-9인재상 */
.passion {padding:10px 10px 20px 10px;}
.passion img{width:100%;}

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

/* 2-1제작공정 */
.making .right img,
.system img{width:100%;}
}


@media only screen and (max-width:960px){
}

@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 .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-9오시는 길 */
.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;}
/* 1-9오시는 길 */
.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;}
/* 2-1제작공정 */
.making .left{width:100%;}
.making .right{width:100%; margin-left:0;}
.making ul li p span{width:50%; font-size:16px;} 

/* 페이지 준비중 */
.page_perpare img {width:100%; padding:0 0 10px 0}
}

@media (max-width:480px){
/* 시설 및 설비현황 */
.system {overflow-x:scroll; padding-bottom:15px; }
.system .basic { min-width:680px; }
.system .tit h2 {font-size:16px;}

}


/*회사소개 - 경영이념*/
.vision_box1 {width:100%; margin:0 0 380px 0; letter-spacing:-0.02em;}
.vision_box1 h2 { font-size:25px; color:#333; line-height:100%; margin-bottom:110px; text-align:center;}
.vision_box1 h2 span {color:#623a0c; }
.vision_box1 ul {margin:0 -1% 0 -1%;}
.vision_box1 ul li {float:left; width:23%; margin:0 1% 20px 1%;  background:#fff; border:1px solid #ddd;  position:relative; padding:0 20px 30px 20px; height:250px;}
.vision_box1 ul li .img {position:absolute; top:-75px; left:50%; margin-left:-70px; width:140px; height:140px; border:5px solid #ebebeb; border-radius:50%; color:#fff; text-align:center; z-index:11; background:#4dbfe9; 
                    background: -webkit-linear-gradient(left, #ba5f32 , #d54d0a); /* For Safari 5.1 to 6.0 */
                    background: -o-linear-gradient(right, #ba5f32, #d54d0a); /* For Opera 11.1 to 12.0 */
                    background: -moz-linear-gradient(right, #ba5f32, #d54d0a); /* For Firefox 3.6 to 15 */
                    background: linear-gradient(to right, #ba5f32 , #d54d0a); /* Standard syntax */}
.vision_box1 ul li .img img{margin-top:35px;}
.vision_box1 h4 {text-align:center; font-size:18px; color:#623a0c; margin-top:90px; margin-bottom:25px;}
.vision_box1 h4:after {content:""; width:40px; height:2px; background-color:#623a0c; display:block; margin:10px auto 10px auto;}
.vision_box1 .span1{display:block; background:url("/img/sub/txt_icon3.png")no-repeat 0 5px; font-size:14px; color:#666; padding-left:10px; clear:both; line-height:100%; margin-bottom:10px;}

@media (max-width:1100px){
/*회사소개 - 경영이념*/
   .vision_box1 {margin:70px 0 0 0; }
   .vision_box1 h2 { font-size:22px; }
   .vision_box1 ul li {float:none; float:left; width:48%; margin-bottom:100px; }
}

@media (max-width:650px){
	/*회사소개 - 경영이념*/
	.vision_box1 {margin-top:0}
	.vision_box1 ul {margin:0;}
	.vision_box1 ul li {width:100%; margin:0 0 90px 0; height:200px;}
	.vision_box1 ul li:nth-child(4) {margin:0 0 30px 0;}
	.vision_box1 ul li .img {width:120px; height:120px;  top:-60px; margin-left:-60px;}
	.vision_box1 ul li .img img{margin-top:20px;}
	.vision_box1 h2 { font-size:17px;}
	.vision_box1 h4 {font-size:15px; margin-top:70px;}
	.vision_box1 .span1{ font-size:13px; }
	.vision_box1 .span2{ font-size:14px; }
}
/* 미션 */
.mission_area {width: 100%; letter-spacing:-0.03em;} 
.mission_area .title { font-size:24px; color:#000; text-align: center;  padding-bottom:15px; position: relative; word-break:keep-all; line-height:1.2; margin:10px 0 40px 0;}

.mission_area .title:after { /*content: ""; display: block; width: 10px; height: 10px; background: #115ba6; position: absolute; bottom: -5px; left: 50%; margin: 0 0 0 -5px;*/}
.mission_area .title:before { content: ""; display: block; width: 200px; height: 2px; background: #ddd; position: absolute; bottom: -1px; left: 50%; margin: 0 0 0 -100px;}

.mission {width:100%; margin:0 0 30px 0; position: relative; margin-top:80px;}
.mission .icon {position:absolute; width:150px; height:150px; top:-75px; left:50%; margin-left:-75px;  background:#fff; text-align: center; z-index:111; border:1px solid #ddd; border-radius:50%; 
          box-sizing:border-box; box-shadow:1px 1px 25px rgba(0,0,0,0.1);}
.mission .icon .img1{padding-top:20px;}
.mission .icon .img2{padding-top:15px;}
.mission .icon .p1{padding-top:10px; font-size: 20px; color: #000;}
.mission .icon .p2{padding-top:10px; font-size: 20px; color: #000;}
.mission .txt {position:absolute; width:80%; top:45%; left:10%;  background:rgba(255,255,255, .4); padding:40px 0;  z-index:111;}
.mission .txt p{font-size:20px; color: #000; text-align: center;}
.mission .txt p .img_left{padding:0 10px 5px 0}
.mission .txt p .img_right{padding:5px 0 0 10px}

.mission_area .areas{width:100px; height:100px; position: relative; margin:30px auto 110px auto; border:1px solid #ddd; border-radius:50%; text-align: center; padding-top:25px;}
.mission_area .areas_img{}

/* 미션-핵심가치 */
.mission_key{width: 100%; overflow:hidden; position: relative; margin-top:40px;}
.mission_key ul{margin:0 0 0 -6%}
.mission_key ul li{float:left; width: calc(20% - 6%); height:180px; margin:0 0 20px 6%; display:inline-block;vertical-align:top; border-radius:50%;box-sizing:border-box;background-color:#fff; 
      border:1px solid #ddd;}
.mission_key ul li img{display:block;margin:0 auto;padding-top:25px;}
.mission_key ul li p{font-size:22px;font-weight:500;color:#26282c;text-align:center;padding-top:15px;}
.mission_key ul li span{display:block;font-size:18px;font-weight:300;line-height:26px;color:#6c6d6f;text-align:center;padding-top:5px;}

/* 미션-핵심전략 */
.mission_strat_box {width:100%; overflow:hidden; margin-top:20px; }
.mission_strat {float:left; width:48%;  margin-left:2%; padding:5px 5px 5px 0; border-radius:7px; margin-bottom:20px;}
.mission_strat:nth-child(1), .mission_strat:nth-child(3){margin-left:0}
.mission_strat_bg1{background:#93d6de; }
.mission_strat_bg2{background:#9cd4ef; }
.mission_strat_bg3{background:#d2cfe2;}
.mission_strat_bg4{background:#a2bce1;}
.mission_strat .left{float:left; width:25%;  padding-top:7%}
.mission_strat .left span{color:#fff; text-align: center;}
.mission_strat .left .span_bg{ padding:10px 15px; margin-left:39%; border-radius:7px;}
.mission_strat .left .span_bg1{background:#3eb2bb;}
.mission_strat .left .span_bg2{background:#73a1b7;}
.mission_strat .left .span_bg3{background:#9b96b4;}
.mission_strat .left .span_bg4{background:#627caa;}
.mission_strat .left .h2_1{ line-height:25px; font-size:18px; color:#000; text-align:center; margin-top:20px;}
.mission_strat .right{float:left; width:74.5%; height:182px; background:#fff; border:1px solid #d2dedf; padding:20px 20px 20px 30px; letter-spacing:-0.01em; border-radius:7px;}
.mission_strat:nth-child(1) .right, .mission_strat:nth-child(2) .right{padding:50px 20px 20px 30px;}
.mission_strat:nth-child(3) .right{padding:35px 20px 20px 30px;}
.mission_strat .right span{font-size:16px; color:#666;}
.mission_strat .right ul li{ font-size:16px; color:#666; line-height:20px; background:url("/img/sub/t_icon1.png") no-repeat left 7px; padding-left:12px; margin-bottom:10px;}
.mission_strat .right ul li:last-child { margin:0; }

@media screen and (max-width:1100px) { 
	/* 미션 */
	.mission .txt {width:90%; top:30%; left:5%; padding:20px 0;}
	.mission_area {margin-bottom:-40px;} 
	.mission .txt {width:80%; top:40%; left:10%; padding:30px 0;}
	.mission .txt p{font-size:16px; line-height:20px;}
	
	.mission .img .img1{width: 100%; }
	.mission .icon .img1 {width:55px; height:49px; padding-top:30px;}
	.mission .icon .img2 {width:55px; height:49px; padding-top:20px;}
	.mission .icon .p1{padding-top:10px;}
	.mission .icon .p2{padding-top:10px;}
	.mission .txt p .img_left,
    .mission .txt p .img_right{width:28px; height:24px;}

	.mission_area .areas{width:80px; height:80px;margin-bottom:90px;padding-top:20px;}
	.mission_area .areas_img{width:32px; height:36px;}

	/* 미션-핵심가치 */
	.mission_key ul{margin:10px 0 0 -5%}
    .mission_key ul li{float:left; width: calc(33.333% - 5%); margin:0 0 20px 5%;}
	.mission_key ul li:nth-child(4){margin:0 0 0 19%;}

	/* 미션-핵심전략 */
	.mission_strat{float:none; width:100%; margin-left:0; overflow:hidden;}
	.mission_strat .right{height:auto;}
    .mission_strat {padding:10px;}
    .mission_strat_box .p_1{font-size:15px;}
	.mission_strat .left{padding-top:20px;} 
	.mission_strat .left .span_bg{margin-left:45%;}
	.mission_strat .left .h2_1 {line-height:26px; font-size:18px;}
	.mission_strat .right{padding:20px; margin-top:20px;  background:#fff;}
	.mission_strat:nth-child(1) .right, .mission_strat:nth-child(2) .right{padding:20px}
    .mission_strat:nth-child(3) .right{padding:20px;}
	.mission_strat .right span{font-size:14px;}
}

@media screen and (max-width:768px) {
	/* 미션 */
	.mission_strat .left,
	.mission_strat .right{width:100%; margin-left:0;}
	.mission .icon {width:90px; height:90px; top:-45px; left:50%; margin-left:-45px;}
	.mission .txt {top:30%;}
	.mission .icon .img1{width:50px; height:44px;  padding-top:10px;}
	.mission .icon .img2{display:none;}
	.mission .icon .p1{padding-top:0;font-size: 15px; line-height:20px;}
	.mission .icon .p2{font-size: 15px; padding-top:25px;}

    /* 미션-핵심가치 */
	.mission_area .title { font-size:18px;}
	.mission_key ul li img{padding-top:30px;}
	.mission_key ul li p{font-size:18px; padding-top:10px;}
    .mission_key ul li span{font-size:16px;padding-top:5px;}
}

@media screen and (max-width:520px) {
	/* 미션 */
	.mission .txt p{font-size:14px;}
	.mission .txt p .img_left,
    .mission .txt p .img_right{width:25px; height:21px;}

	.mission_area .areas{width:60px; height:60px;margin-bottom:60px;padding-top:15px;}
	.mission_area .areas_img{width:25px; height:28px;}

	/* 미션-핵심가치 */
	.mission_key ul{margin:10px 0 0 -5%}
    .mission_key ul li{height:120px;}
	.mission_key ul li img{width:45px; height:39px; margin:0 auto;padding-top:12px;}
	.mission_key ul li p{font-size:16px; padding-top:5px; line-height:28px;}
    .mission_key ul li span{font-size:14px;padding-top:0; line-height:14px;}
   
   /* 미션-핵심전략 */
   .mission_strat .left .h2_1 {font-size:16px;}
 }