@charset "utf-8";

/*서브 비주얼 */
.sub .svisu_area{width:100%;height:300px; position:relative; }
.sub .svisu_area .svisual{width:100%; height:300px; position:absolute;top:0;}
.sub .svisu_area .visu_sgarea{width:100%; overflow:hidden; position:absolute; top:105px; text-align:center;}
.sub .svisu_area .visu_sgarea .visu_sg1 {position:relative; width:100%; height:200px; margin-top:30px; z-index:1000; display:none; font-family:notokrM; font-size:22px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.7); line-height:30px;}
.sub .svisu_area .visu_sgarea .visu_sg1 span{font-size:16px; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}

/* 박스 */
.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;}

/* 박스 */
.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:#222; 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:#222;}
.gree .right p span{font-size:18px; font-family:notokrM; color:#222;}


/* 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:#222; 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:#222;}
.gree2 .right p span{font-size:18px; font-family:notokrM; color:#222;}


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

@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-1인사말 */
.gree3 .left,
.gree3 .right{width:100%;}
.gree3 .left img{width:100%; padding:0 0 30px 0}
.gree3 .right p{padding-right:10px}
.gree3 .right h2{font-size:18px; line-height:20px;}
.gree3 .right span{font-size:12px;}
/*주요 타이틀 */
.contTitle{font-size:18px; padding:0 15px; border-left:5px solid #ddd; margin-bottom:15px; font-family:notokrM; color:#000;}
.contTitle2 {background:url("/img/layout/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 15px 0; }
.contTitle2 h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#333; font-size:18px; font-family:notokrM; letter-spacing:-0.01em;}


/* 오시는 길 */
.map_wrap{width:100%;}
.map_wrap .left_map{float:left; width:49%; height:350px; margin-right:20px;}
.map_wrap .left_map > *{ width:100% !important}

.map_wrap .right_roadview{float:right; width:49%; height:350px;}
.map_wrap .right_roadview object,
.map_wrap .right_roadview embed{width:100% !important}

.map_info_wrap {margin-top:30px; border-top:2px solid #2c73b9; border-bottom:1px solid #ddd; padding:20px 0; font-family:notokrM;}
.map_info_wrap .info {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:30px}
.map_info_wrap .info .tit{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; font-weight:600; color:#666; font-size:13px;}
.map_info_wrap .info .tit .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:30px; height:30px; border-radius:30px; background-repeat:no-repeat; background-position:center;}
.map_info_wrap .info .tit .icon.add{ background-image:url("/img/sub/map_icon.png"); background-color:#2c73b9;}
.map_info_wrap .info .tit .icon.tel{ background-image:url("/img/sub/map_tel.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.fax{ background-image:url("/img/sub/map_fax.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.email{ background-image:url("/img/sub/map_email.png"); background-color:#aaa;}
.map_info_wrap .info .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; color:#666; font-size:13px;}
.map_info_wrap .info .tt a{line-height:30px; color:#333;}
.map_info_wrap .info .tt a:hover{text-decoration:underline}
.line_st2{ display:block; margin-top:20px; padding-top:20px; border-top:1px solid #ddd}


/* 기본 테이블 */
.tableBox{width:100%; margin-top:15px; color:#666;}
table.bagTable {width:100%; 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);}
table.bagTable th {height:2px; background-color:#ddd;}
table.bagTable td:last-child {border-right:1px solid #ddd;}
table.bagTable th:last-child {border-right:1px solid #ddd;}
table.bagTable tr:hover td {background-color:#f7f7f7;}
table.bagTable td {padding:5px 10px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:12.5px; font-family:notokrM; color:#666; letter-spacing:-0.02em;}
.bag_td2 {background-color:#f7f7f7; font-weight:bold;}
.wid_td2 {width:50px;}
.tdCenter {text-align:center;}

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

@media only screen and (max-width:980px){
/* 인사말 */
.gree img{margin:0 0 20px 20px}

/* 사업분야 */
.business_box1 ul li{width:49%; margin-left:0 0 20px 2%;}
.business_box2 ul li:first-child + li + li{margin-left:0;}
}

@media (max-width:768px){
/*서브 비주얼 */
.sub .svisu_area{height:200px; }
.sub .svisu_area .svisual{height:200px;}
.sub .svisu_area .visu_sgarea{top:90px;}
.sub .svisu_area .visu_sgarea .visu_sg1 {font-size:18px; line-height:22px; margin-bottom:5px;}
.sub .svisu_area .visu_sgarea .visu_sg1 span {font-size:14px; line-height:14px; display:none}




/* 오시는 길 */
.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;}


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