@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */


.h2_title{padding:8px 20px;border-left:5px solid #000;font-size:22px;margin-bottom:20px;line-height:1.3em; color:#000;}
.h3_title{padding:8px 20px;font-size:18px;margin-bottom:20px;line-height:1.3em; color:#333;}
.h2_title_center{text-align:center; font-size:30px;padding:8px 20px;margin-bottom:30px;line-height:1.3em; color:#000;}
.h2_title_center small{display:block;font-size:20px; font-weight:normal; color:#999;line-height:1.3em;}

.cont_text{font-size:11pt;line-height:1.6em; color:#666;overflow:hidden;clear:both;padding-bottom:15px;}
.cont_text_info{font-size:14px;line-height:1.6em; color:#666;overflow:hidden;padding:20px;border:2px dashed #ddd;clear:both;margin-bottom:15px;}
.cont_text_info1{position:relative;font-size:11pt;line-height:1.6em; color:#666;overflow:hidden;padding:20px;border:2px solid #ddd;clear:both;margin-bottom:15px;}
.cont_text_important{padding:8px 20px;border-left:5px solid #ddd;font-size:16px;color:#957958;line-height:1.3em;}
.cont_text_important1{padding:8px 20px;border-left:5px solid #203c7c;font-size:20px;color:#203c7c;line-height:1.3em;height:100%;}

.cont_img_right50p{display:block;width:50%;float:right; margin:0 0 20px 20px}
.cont_img_right30p{display:block;width:30%;float:right; margin:0 0 20px 30px}
.cont_img_left50p{display:block;width:50%;float:left; margin:0 20px 20px 0}
.cont_img_left30p{display:block;width:30%;float:left; margin:0 40px 20px 0}
.cont_img_left20p{display:block;width:20%;float:left; margin:0 40px 20px 0}

.sub {position:relative;width:100%;margin-bottom:60px;box-sizing:border-box;}
.sub li{position:relative;width:19%;margin:0 0.34%;background:#ececec;border:1px solid #e7e7e7;display:inline-block;text-align:center;padding:10px 3px;font-size:10pt;z-index:999;line-height:12pt;}
.sub li:hover {color:#666;}
.sub .small {font-size:8pt;}
.sub .active {background:#fff;border-bottom:1px solid #fff;}
.aactive {position:absolute;bottom:-6px;width:100%;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;display:block;z-index:2}

@media all and (max-width:910px)
{
.sub li {font-size:8pt;margin:2px 0.3%;}
.sub .small {font-size:7pt;}
}

@media all and (max-width:710px)
{

.sub .aactive {display:none;}
.sub .top {width:32%!important;}
.sub .bottom {width: 48.5%!important;}
}

@media all and (max-width:980px)
{
	.h2_title{font-size:18px;padding:5px 15px;border-left:3px solid #000;}
	.h3_title{font-size:15px;padding:5px 15px;}


	.cont_text{font-size:9pt;line-height:1.4em;}
	.cont_text_info{font-size:13px;line-height:1.4em;}
	.cont_text_important{font-size:14px;padding:5px 15px;border-left:2px solid #ddd;}
	.cont_text_info1{font-size:9pt;line-height:1.4em;}
	.cont_text_important1{font-size:16px;padding:5px 15px;border-left:2px solid #203c7c;}

}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px;}
	.h2_title_center small{font-size:13px; font-weight:normal;}

	.cont_text{font-size:12px;}
	.cont_text_info{font-size:12px;}
	.cont_text_important{font-size:13px;}
	.cont_text_info1{font-size:12px;}
	.cont_text_important1{font-size:14px;}

}

.figure_list{width:100%;overflow:hidden;padding:30px 0;}
.figure_list li{width:30%;height:250px; float:left; text-align:center;border:solid 2px #b1b1b1;margin:0 5px 30px;}
.figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
.figure_list li strong{display:block; font-size:18px; color:#000; margin:5px;font-weight:500;padding-top:10px;}
.figure_list li span{display:block; font-size:13px; color:#999; margin:10px 15px 5px;border-top:1px solid #d5d5d5;padding:5px 5px;}



@media all and (max-width:650px)
{
	.figure_list li{width:46%;height:230px; float:left; text-align:center;}
	.figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
	.figure_list li strong{font-size:16px;}
	.figure_list li span{font-size:11px;}

}

.sub_cont h2 {display: inline-block;font-size:16px;color:#d7d7d7;margin-right:10px;}
.sub_cont h3 {display: inline-block;font-size:22px;color:#000;border-left:3px solid #d7d7d7;padding-left:10px;}
.sub_cont p {font-size:11pt;color:#666;line-height: 20pt;padding-top:15px;}

.sb_box {border:1px solid #d7d7d7;border-radius: 20px;padding:20px;margin-top:20px;}
.cnt {margin-bottom:30px;}
.cnt h4 {padding:0 0 0 30px;margin-bottom:20px;background: url(/theme/basic/img/dot.jpg) no-repeat left center;font-size:16px;color:#484848;}
.cnt .list {margin-left:30px;}
.cnt .list li {font-size: 14px;line-height: 26px;}
.cnt .list li b {display: block;}

.contact {width:300px;margin-left: 30px;text-align: center;font-size:14px;}
.contact b {display: block;width:100%;background: #E7E6E6;border:1px solid #BAC8D6;padding:7px;margin-bottom:5px;}
.contact span {display: block;width:100%;border:1px solid #BAC8D6;padding:20px 10px;}

.f_box {float:left;width:50%;padding:0 10px;}
.f_60 {float:left;width:60%;}
.f_40 {float:left;width:40%;}
.clear:after {clear:both;display: block;content:""}

.service {margin-bottom:60px;}
.service ul {margin:30px 0 0;}
.service ul li {display: inline-block;vertical-align: top;width:49.5%;padding:0 2% 30px;}
.service ul li h5 {padding:0 0 5px 10px;font-size:18px; color:#1f4e79;border-bottom:1px solid #000;}
.service ul li div {margin-left:20px;padding:10px 10px 5px;border-left:1px solid #000;font-size:13px;line-height: 24px;}

.slist li {margin-top:20px;color:#595959;}
.slist li:first-child {margin-top:0;}
.slist h5 {font-weight: normal;font-size: 14px;}
.slist small {font-size: 12px;padding-left:10px;display: block;}

@media all and (max-width:768px)
{

  .sub_cont h2 {font-size:13px;}
  .sub_cont h3 {font-size:18px;}
  .sub_cont p {font-size:8pt;}

  .cnt h4 {padding:0 0 0 30px;font-size:14px;}
  .cnt .list {margin:0px;}
  .cnt .list li {font-size: 12px;line-height: 20px;}

  .contact {width:90%;font-size:12px;margin:0 auto;}
  .contact b {padding:7px;margin-bottom:5px;}
  .contact span {padding:15px 5px;}

	.f_box {float:none;width:100%;padding:0;}
	.f_60 {float:none;width:100%;}
	.f_40 {float:none;width:100%;padding-top:10px;}

	.service ul li {width:100%;padding:0 0 30px;}
	.service ul li h5 {font-size:16px;}
	.service ul li div {padding:10px 10px 5px;font-size:11px;line-height: 20px;}

}