@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:NanumGothic.eot;}
.SubBax span{font-size:13.5px; line-height:25px; letter-spacing:-0.02em; font-family:NanumGothic.eot;}

/* 1-1인사말 */
.gree {width:100%;}
.gree .left{width:50%; float:left; }
.gree .right{width:50%; 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:NanumGothic.eot;}
.gree .right h2 img{padding:0 0 20px 0}
.gree .right span{color:#333; line-height:25px;font-size:13.5px;}
.gree .right p{text-align:right; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#333;}
.gree .right p span{font-size:18px; font-family:NanumGothic.eot; 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:NanumGothic.eot; 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:#333; 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-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;}

}