@charset "utf-8";

@import url('reset.css');
@import url('common.css');


#wrap{width:100%; min-width:980px; position:relative; overflow-x:hidden; }

#visual { width:100%; height:300px; }
#visual h2 { visibility:hidden; }
#visual img { margin:160px auto 0; }
h5{ font-size:22px; font-weight:bold; color:#333;}
#wrap.philosophy h5 {line-height: 1.3;}

.ceo #visual { background:url(../images/top1.jpg) no-repeat center center; background-size:cover; }

#contents { width:1100px; margin:0 auto; padding:140px 0 250px 0;}

#contents .overCon:after{clear:both; content:""; display:block;}

#contents .overCon .conBox { background:#f6f6f6; border: 1px #e9e9e9 solid; padding: 40px 0; }
#contents .overCon .conBox dt,
#contents .overCon .conBox dd { text-align:center; }
#contents .overCon .conBox dt img { margin:0 auto; }
#contents .overCon .conBox dd { margin-top:15px; font-size:14px; color:#666; line-height:20px; }

.ceo #contents h4 { margin-top: 30px;}
.ceo #contents .overCon .colum2 h4 {font-size:32px; color:#000; line-height:60px; }
.ceo #contents .overCon{margin-top:-140px;}
.ceo #contents .overCon .image{ width:100%; height:460px; position:relative; background:url() no-repeat center center;}
.ceo #contents .overCon .image img{position:absolute; left:0; top:225px;}
.ceo #contents .overCon .image p{position:absolute; left:0; top:253px; font-size:14px; color:#222; line-height:26px;}
.ceo #contents .overCon .colum2:after{clear:both; content:""; display:block;}
.ceo #contents .overCon .colum2 .left{/*float:left; width:940px;*/ font-size:15px; color:#666; line-height:25px; text-align:justify; word-break:keep-all;margin-top:20px;}
.ceo #contents .overCon .colum2 .right{float:right; width:450px; font-size:14px; color:#666; line-height:22px; text-align:justify; }

#contents .location:after{display:block; content:""; clear:both;}
#contents .location p{width:50%; margin-top:20px; color:#444; font-size:14px; line-height:22px;}
#contents .location .left{float:left;}
#contents .location .right{float:right;}
#contents .location p span{font-weight:bold;}
#contents .locationList{ border-top:2px solid #999;}
#contents .locationList .list{border-bottom:1px solid #dedede; position:relative;}
#contents .locationList .list:after{display:block; content:""; clear:both;}
#contents .locationList .list .title{float:left; width:242px; line-height:85px; text-align:center; font-size:16px; color:#666; font-weight:bold; background-color:#f5f5f5;}
#contents .locationList .list .txt{float:left; padding-left:20px; padding-top:25px;}
#contents .locationList .list .txt li{font-size:14px; color:#666;}
#contents .locationList .list .txt li span.bar{ background: url(../images/common/bar.png) left center no-repeat; margin: 0 10px 0 15px;}

#contents .locationList .list a[target]{display:block; width:148px; height:34px; border:1px solid #dedede; font-size:13px; color:#666; text-align:center; position:absolute; right:0; line-height:34px; top:50%; margin-top:-17px;}
#contents .locationList .list .txt li a{color: #666; }


/* ¿¬Çõ*/
.historyDescTxt{margin:0px 0 20px 0;}
.historyDescTxt:after{display:block;content:"";clear:both}
.historyDescTxt > ul{padding:5px 0 0 20px;}
.historyDescTxt > li{font-family:"NanumBarunGothic","³ª´®¹Ù¸¥°íµñ","Dotum","Arial";font-size:15px;line-height:26px;color:#424242}
.historyDescTxt .month li span{width:150px;padding-left:20px;padding-right:20px;color:#3e5e6f}
.historyDescTxt .month li div{min-width:200px;color:#3e5e6f;text-align:right;display:inline;border:1px solid red;table-layout:fixed;}
.historyDescTxt h3{margin:9px 0 9px 0;padding-top:10px;width:70px;font-family:"NanumBarunGothic","³ª´®¹Ù¸¥°íµñ","Dotum","Arial";font-size:23px;font-weight:700;line-height:25px;color:#ff6600;border-top:1px solid #000}
.historyDescTxt .year{float:left;}
.historyDescTxt .month{float:left;margin-left:30px;text-align:left;padding-top:15px;}

.historyDescTxt_e{margin:0px 0 20px 0;}
.historyDescTxt_e:after{display:block;content:"";clear:both}
.historyDescTxt_e .year{float:left;border:1px solid red}
.historyDescTxt_e .month{float:left;margin-left:30px;text-align:left;padding-top:15px;border:1px solid red}
.historyDescTxt_e .month .txt{font-family:"NanumBarunGothic","³ª´®¹Ù¸¥°íµñ","Dotum","Arial";font-size:15px;line-height:26px;color:#424242}
.historyDescTxt_e .month .txt div.m{float:left;width:80px;text-align:right;padding-right:20px;color:#3e5e6f}
.historyDescTxt_e .month .txt div.tt{float:left;width:800px;}
.historyDescTxt_e h3{margin:9px 0 9px 0;padding-top:10px;width:70px;font-family:"NanumBarunGothic","³ª´®¹Ù¸¥°íµñ","Dotum","Arial";font-size:23px;font-weight:700;line-height:25px;color:#ff6600;border-top:1px solid #000}


.form_box {
	margin-bottom: 30px;
	border-top: 1px solid #e4e4e4;
}

.form_box dl {
	position: relative;
	padding-left: 151px;
	min-height: 42px;
	border-bottom: 1px solid #e4e4e4
}

.form_box dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 116px;
	height: 42px;
	padding-left: 34px;
	line-height: 42px;
	color: #5a5a5a;
}

.form_box dl dt strong{
	
	color: #fc5f00;
}

.form_box dl dd {
	display: block;
	padding: 6px 0;
}

.form_box dl dd label {
	display: inline-block;
	vertical-align: middle;
	height: 28px;
	line-height: 34px;
	color: #5b5b5b;
	margin-right: 27px;
	font-family: "µ¸¿ò", Dotum, sans-serif;
}




/* ÀÎÁõ¼­ */
.sabo_list ul {
	margin: -30px 0 0 -20px;
}
.sabo_list ul li {
	width: 180px;
	margin: 30px 0 0 20px;
	float: left;
}
.sabo_list ul li div {
	width: 180px;
	height: 240px;
	position: relative;
	overflow: hidden;
	border: 1px solid #dfdfdf;
}
.sabo_list ul li article {
	padding-top: 15px;
}
.sabo_list ul li article h2 {
	height: 56px;
	font-size: 18px;
	line-height: 28px;
	font-family: "noto_r", sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #444;
	text-align: left;
}
.sabo_list ul li div span {
	width: 180px;
	height: 240px;
	position: absolute;
	background: url(../images/notice_thum.png) 50% repeat;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.thumbnail .caption{margin:0px;padding:0;height:70px;}
.thumbnail .caption h3{
  font-size:18px;
}

.modal-header h4{font-size:16px;}

.modal-body h3{font-size:16px;}
.modal .modal-dialog .modal-content .modal-header .modal-title h4{font-size:16px;}


.left_nav{border:5px solid red;position:relative;z-index:20;width:100%;top:-20px;margin:0 auto;font-size:14px;line-height:42px;text-align:center;color:#fff;background:#fff;border:1px solid #dee0e1;}
.left_nav:after{display:block;content:"";clear:both}
.left_nav>li{float:left;padding:0;margin:0;width:16.6%;border-right:1px solid #dee0e1;vertical-align:middle;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.left_nav>li:first-child{}
.left_nav>li>a{display:block;color:#4f4f4f}
.left_nav>li>a:hover{color:#fff;text-decoration:none;border-color:#062d55;border-right:1px solid #062d55;background:#062d55;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.left_nav>li>a.on{text-decoration:none;border-color:#062d55;border-right:1px solid #062d55;background:#062d55;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}


.mt-20{margin-top:20px}
.pt-20{padding-top:20px}

.thumbnail .caption h3{padding-top:20px;margin:0;}

.about h2{font-size:24px;color:#062d55;padding-bottom:30px;}
.about h3{font-size:28px;color:#ff3c00;padding-bottom:30px;font-weight:bold}
.about p{font-size:16px;color:#4b4b4b}
.about p.ceo{font-size:16px;color:#4b4b4b;text-align:right;font-weight:bold}


.cert h2{font-size:22px;color:#062d55;padding:30px 0 20px;font-weight:600}

.blog-content h2 {
  font-family: arial, sans-serif;
}
.blog-content h2 a {
  color: #444;
  font-weight: 400;
  font-size: 20px;
}

.blog-content p{
  color: #444;
  font-weight: 400;
  font-size: 14px;
  line-height:22px;
}

.blog-content .blog-meta {
  color: #9a9a9a;
  font-weight: 300;
  margin-bottom: 25px;
}
.blog-content .blog-meta span:after {
  content: '/';
  padding: 0 3px 0 6px;
}
.blog-content .blog-meta a {
  color: #acacac;
}
.blog-content .blog-meta p {
  margin-top: 20px;
}
.blog-content .btn-details {
  color: #02bdd5;
  padding: 0;
  background: #02bdd5;
  color: #fff;
  padding: 8px 18px;
  border-radius: 0;
  margin-top: 15px;
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 1px #02bdd5;
}
.blog-post-image {
  margin-top: 30px;
}