@charset "utf-8";

/* 박스 */
.SubBax {width:100%;}
.SubBax h2{color:#444; font-size:18px; line-height:20px; font-weight:600; letter-spacing:-0.01em; font-family:notokrM;}
.SubBax p{color:#444;font-size:14px; line-height:16px; letter-spacing:-0.01em;}
.SubBax span{font-size:13.5px; color:444; line-height:25px; letter-spacing:-0.01em;}

/* 소개 */
.gree {width:100%; overflow: hidden;}
.gree .left,
.gree .right{width:50%; float:left;}
.gree .left h2{color:#000; padding-bottom:25px; line-height:30px; letter-spacing:-0.04em; font-size:22px;}
.gree .left span{color:#666; line-height:24px; font-size:15px;}
.gree .left p{margin-top:25px; font-size:20px; letter-spacing:-0.01em; color:#406eab;}

.gree .right img{width:100%; padding-left:0px;}

@media (max-width:768px){
	/* 소개 */
	.gree .left,
	.gree .right{width:100%; float:none;}
	.gree .left h2{font-size:16px;  line-height:20px;}
	.gree .left span{font-size:13px;}
	.gree .left p span{font-size:16px;}
	
	.gree .right{margin-top:30px;}
	.gree .right img{width:100%; padding-left:0;}

}

/* 프로필 */
.profile {width:100%; overflow: hidden;}
.profile .left{width:30%; float:left;}
.profile .left .pro_img {width:100%; display:block;}
.profile .left .pro_img img{width:100%}

.profile .right{width:70%; float:left;  margin-top:0px; padding-left:30px; overflow: hidden;}
.profile .right h2{color:#000; padding-bottom:25px; line-height:40px; font-size:32px; display:block; overflow: hidden;}
.profile .right h2 span{color:#000; line-height:30px; letter-spacing:-0.04em; font-size:20px;}
.profile .right ul{background:#f7f7f7; padding:30px; overflow: hidden; letter-spacing:-0.03em;}
.profile .right ul li{ float:left; }
.profile .right ul .ul_l{ float:left; width:30%;}
.profile .right ul .ul_r{ float:left; width:70%; padding-right:15px;}
.profile .right ul li:before { content:""; width:72px; height:2px; background:#3c5699; display:block; position:absolute; top:0; left:0;}
.profile .right ul li span{width:100%; overflow: hidden; background:url("/img/sub/list_area.png")no-repeat 0 14px; color:#666; line-height:20px; font-size:14px; display:block;  padding:5px 0 0 10px;}
.profile .right span{color:#666; line-height:24px; font-size:15px;}
.profile .right p{margin-bottom:15px; font-size:20px; letter-spacing:-0.01em; color:#406eab;}

.profile .left img{width:100%;}

@media (max-width:1100px){
	/* 프로필 */
	.profile .right ul .ul_l,
    .profile .right ul .ul_r{ float:none; width:100%;}
	.profile .right ul .ul_r{ margin-top:20px;}
}

@media (max-width:650px){
	/* 프로필 */
	.profile .left,
	.profile .right{width:100%; float:none; margin-top:20px;}
	.profile .right{padding-left:0;}
	.profile .right h2{font-size:20px; line-height:20px;}
	.profile .right h2 span{font-size:14px;}
	
	.profile .left{margin-top:30px;}
	.profile .left img{width:100%; padding-left:0;}
}

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

/* 회사개요 */
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);}
table.company th {height:1px; background-color:#ddd;}
table.company td:last-child {border-right:1px solid #ddd;}
table.company th:last-child {border-right:1px solid #ddd;}
table.company td {padding:10px 15px; border:#e0e0e0 1px solid; border-top:none; border-right:none;}
table.company tr:hover td {background-color:#fafafa;}
.comTd_bg2 {background-color: #fafafa; font-weight:bold;}


/* 조직도 */
.comPhil img{width:100%;}

/* 오시는 길 */
.map_wrap{width:100%; overflow:hidden;}
.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:1px solid #ddd; 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; margin-right:5px;}
.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{}
.line_st2{ display:block; margin-top:20px; padding-top:20px; border-top:1px solid #ddd}

/*  */
.making{width:100%; margin-bottom:20px; clear:both;}
.making_left{float:left; width:49%; margin:0 0 20px 0}
.making_right{float:left; width:49%; margin:0 0 20px 2%}
.making ul{overflow:hidden; margin-left:-15px;}
.making ul li{width:100%; position:relative;  border:2px solid #ddd; padding:15px; margin-bottom:10px;}
.making ul li:before{ position:absolute; content:url("/img/sub/box_img_1.png"); height:20px; width:100px; top:-1px; left:-1px;}
.making ul li:after{ position:absolute; content:url("/img/sub/box_img_2.png"); height:20px; width:100px; bottom:-1px; right:-1px;}
.making ul li p{font-size:13.5px; color:#666; line-height:1.6;}
.making 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 .box_in_tit{background:url("/img/sub/arrow_under.png") no-repeat center center; height:16px; margin-bottom:10px;}

@media (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;}

.making_left,
.making_right{float:none; width:100%; margin:0 0 20px 0;}
}