/* sub_common */
.content_wrap{ position:relative; width:100%; margin:0 auto; padding:60px 0; min-height:700px;}
*, :after, :before{ box-sizing:border-box; }

.sub_visual{ background:#FFF url(/img/sub_top5.jpg) 50% 0 no-repeat; background-size:cover; /* background-size:auto 100%; */ display:table; position:relative; width:100%; height:300px; text-align:center; }
.sub_visual .box{ display:table-cell; vertical-align:middle; }
.sub_visual h1{ font-size:40px; color:#fff; font-weight:600; }

/* 공통 타이틀 */
h3{ font-size:36px;color:#333;font-weight:300;letter-spacing:normal; text-align:center; font-weight:300; letter-spacing:1px; margin-top:65px; margin-bottom:30px; word-break:initial;}

/* top_btn */
.btn-go-top{ float:right; }
.btnGoTop{ position:fixed;
		bottom:140px;
		/* right:20%; */
		color:#fff;
		padding:10px; }

/* 어딘가에서 먹히고 있는 wrap */
.wrap{ max-width:1210px; margin:0 auto; position:relative; } 
/* //어딘가에서 먹히고 있는 wrap */


.sub_visual_wrap{width:100%; height:320px; background:url(/img/sub_slide03.jpg)no-repeat center center; }
.sub_visual_wrap.one{ background:url(/img/subimg02.jpg)no-repeat center top; }
.sub_visual_wrap.two{ background:url(/img/subimg02.jpg)no-repeat center top; }
.sub_visual_wrap.three{ background:url(/img/subimg05.jpg)no-repeat center top; }
.sub_visual_wrap.four{ background:url(/img/subimg05.jpg)no-repeat center top; }
.sub_visual_wrap .sub_title{width:100%; height:262px; }
.sub_visual_wrap .lnb{width:100%; height:58px; border-top:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,0.4) }
.sub_visual_wrap .lnb ul{width:100%; max-width:1210px; margin:0 auto}
.sub_visual_wrap .lnb ul li{float:left; min-width:16.6%; text-align:center}
.sub_visual_wrap .lnb ul.one li{width:98%; }
.sub_visual_wrap .lnb ul.two li{width:50%; }
.sub_visual_wrap .lnb ul.three li{width:33.3%; }
.sub_visual_wrap .lnb ul.four li{width:25%; }
.sub_visual_wrap .lnb ul.five li{width:20%; }
.sub_visual_wrap .lnb ul li a{color:rgba(255,255,255,.7);; font-size:16px; line-height:58px;}
.sub_visual_wrap .lnb ul li a:hover{color:#fff}
.sub_visual_wrap .lnb ul li.on {border-top:1px solid #fff; background:url(/img/lnb_on.png) no-repeat center bottom}
.sub_visual_wrap .lnb ul li.on a{line-height:57px; color:#fff; font-weight:bold; }
.sub_title_wrap {width:98%; text-align:center; padding:0 0 50px 0; margin:0 auto; font-size:19px; line-height:28px}
.sub_title_wrap h2 {clear:both; display:block; font-size:58px ; line-height:78px; font-weight:200; margin:0 }
.sub_title_wrap span {display:block; font-size:24px; line-height:48px; font-weight:100}
.sub_title_wrap .deco {width:100px; height:1px; background-color:#000; margin:10px auto 30px;}






/* 회사소개 */
#center_wrap{ width:100%; max-width:1210px; margin:0 auto; position:relative;  }
#contents > section{ position:relative; }

/* //회사소개 */

/* 연혁 */
.about_history { padding:10px 0 90px 0px; }
.about_history ul {overflow:hidden; zoom:1; background:url(/img/dot_ddd.jpg) repeat-y center top; margin:0; padding:0; }
.about_history ul li {clear:both; width:48%; padding-bottom:30px;}
.about_history ul li p.year{font-size:25px; margin-bottom:10px; color:#28323c; position:relative;}
.about_history ul li.fl {float:left !important;}
.about_history ul li.fl p.year{ padding-right:15px; }
.about_history ul li.fl p.year span {right:-10.2%;}
.about_history ul li.fr{ float:right !important; padding-left:2%; }
.about_history ul li.fr p.year span {left:-10.2%;}
.about_history ul li p.list { /* font-weight:300; */ position:relative; font-size:18px !important; line-height:28px; color:#666; margin:5px 0; }
.about_history ul li.fl p.list {padding-right:15px;font-size:16px; }
.about_history ul li.fl p.list span {right:0;}
.about_history ul li p.list span {position:absolute; top:0; color:#bbb; font-size:10px; }
.about_history ul li.fr p.year {padding-left:15px;}
.about_history ul li p.year span.point {display:block; width:16px; height:16px; background:url(/img/point.png) no-repeat center center; position:absolute; top:0; }
.about_history ul li.fl {text-align:right; padding-right:2%;}
.about_history ul li.fr p.list{ padding-left:15px; }
.about_history ul li.fr p.list span { left:0; } 
/* //연혁 */

/* CEO */

.greeting {position:relative;padding-right:53%; /* padding-left:7%;  */}
/* .greeting:after {content:"";width:180px;height:1px;background:#555;position:absolute;top:0;right:51%;display:block;} */
.greeting .img {position:absolute;width:544px; right:0px; top:0}
.greeting .img img {width:100%;}
.greeting .thick {font-weight:600;color:#222;font-size:28px;letter-spacing:-0.05em;line-height:40px;}
.greeting .con { color:#444;line-height:170%;letter-spacing:-0.05em; padding-left:4%; }
.greeting .sign {display:inline-block;color:#222; /* background:url(/img/ceo_sign.png) no-repeat right center; */ line-height:63px; /* padding-right:217px; */}
.greeting .sign strong {font-weight:600;}
.greeting .sign img{ vertical-align:middle; }
.greeting .ceo { border:1px solid #fff;width:150px;height:150px;position:absolute; left:49px; bottom:8%;color:#fff;display:table}/*bottom:23%; */
.greeting .ceo span { display:table-cell;vertical-align:middle;text-align:center;font-size:16px;line-height:170%}
.greeting .ceo span strong { display:block;font-size:22px;font-weight:600;letter-spacing:-0.01em; }
.sub_title_wrap p.sub_txt{ font-size:22px; }


/* 오시는길 */
.ad-location .map-wrap { margin-bottom:30px;  }
.location-box { overflow:hidden; margin-bottom:50px; }
.location-box dl {
	position:relative; width:100%; margin-top:20px; 
}
.location-box dl:first-child { margin-top:0; }
.location-box dl dt { position:absolute; left:0; top:32px; width:95px; font-size:16px; font-weight:bold; }
.location-box dl dd { padding-top:70px;  }
.location-box dl dt.fs18:after{ content:""; width:23px; height:1px; background:#555; position:absolute; top:-17px; right:75%; display:block; }
/* .location-box dl dd span { display:block; } */
.location-box dl dd span,
.location-box dl dd strong { line-height:1.5em; font-size:15px; }
.location-box dl dd .pd { padding:7px 0 0 17px; }

.location-box dl.tel-box dd span { margin-bottom:15px; }

.location-box dl.traffic-box dd div { overflow:hidden; width:100%; margin-bottom:15px; }
.location-box dl dd .subway { float:left; margin-left:5px; line-height:1.5em; font-size:14px; }
.location-box dl dd .subway:first-child { margin-left:0; }
.location-box dl dd .subway.wh { width:53%; }
.location-box dl dd .subway.wh1 { width:77%; }

.location-box dl dd .post { width:12px; height:15px; background-position:-732px -153px; }
.location-box dl dd .tel { width:16px; height:13px; background-position:-894px -154px; }
.location-box dl dd .fax { width:12px; height:13px; background-position:-717px -155px; }
.location-box dl dd .sub1 { width:13px; height:18px; background-position:-856px 0; }
.location-box dl dd .sub2 { width:13px; height:18px; background-position:-869px 0; }
.location-box dl dd .sub5 { width:13px; height:18px; background-position:-882px 0; }
.location-box dl dd .line1 { width:21px; height:20px; background-position:-907px 0; }
.location-box dl dd .line2 { width:21px; height:20px; background-position:-928px 0; }
.location-box dl dd .line5 { width:21px; height:20px; background-position:-949px 0; }
.location-box dl dd .bus1 { width:20px; height:16px; background-position:-856px -27px; }

.loc_ml{ margin-left:0; }
.fL { float:left !important; }
.fR {float:right !important;}

.fa-map-marker, .fa-phone, .fa-fax{ color:#878787; }
.fa-subway{ color:#e71e6e; }
.fa-car{ color:#2760bd; } 

.location-box dl.add-box { width:50%; margin-top:20px; }
.location-box dl.tel-box { width:49%; }
.location-box dl.traffic-box { width:100%; }
.location-box dl dd { padding:32px 0 0 80px; }
.location-box dl.tel-box dd { padding:32px 0 0 110px; }
.location-box dl dd .subway { margin-left:7px; }
.location-box dl.tel-box dd .tel-tt{ float:left; width:50%; }
.location-box dl.tel-box dd span{ margin-bottom:0; }

/* //오시는길 */

h4{background:url(/img/left_title_icon.jpg)no-repeat left center; padding-left:20px; clear:both;}
/*인사말*/
.company{position:relative; width:100%; margin:0 auto; overflow:hidden; background:url(/img/company_left_img.png)no-repeat left center;}
.company .right_tt{width:60%; float:right;}
.company_title{background:url(/img/title_top_bg.jpg)no-repeat left top;}
.company_title_top{font-size:26px; margin-bottom:15px; padding-top:60px;}
.blue_point{color:#1e43bc;}
.company_title_bottom{margin-bottom:40px; font-weight:bold; font-size:14px;}

.company_cotent{font-size:14px;}
.company_text{padding-left:60px; min-height:110px;}
.company_text.one,.company_text.two{margin-bottom:30px; border-bottom:1px dotted #b7b1b1; padding:0 0 15px 60px;}
.company_text strong{ display:block; font-size:20px; }
.company_text.one strong{color:#5c88c4;}
.company_text.two strong{color:#6392d2;}
.company_text.three strong{color:#8ab6f1;}

.company_text.one{background:url(/img/left_one.jpg)no-repeat left 10px top; }
.company_text.two{background:url(/img/left_two.jpg)no-repeat left top; }
.company_text.three{background:url(/img/left_three.jpg)no-repeat left top; }


/*인증서*/
.certificate_img_box{margin-bottom:80px; width:100%;  box-sizing:border-box}
.certificate_img_box li{ display:inline-block; margin:15px 2.5% 30px; width:14.5%;  box-sizing:border-box}

/* .certificate_img_box li.mg_right_no{margin-right:0;} */
.certificate_img_box li p{text-align:center;}
.certificate_img_box li img{width:100%; border:1px solid #e0e0e0 }

/*테이블*/
.product_t{border-top:2px solid #3b5fbd;}
.product_t tr td,.product_t tr th{border:1px solid #b0b0b0; vertical-align:middle; padding:8px; text-align:center;}
.product_t tr th{background:#f8f8f8; font-weight:bold;}
.product_t tr.blue_bg{background:#e7f1f7}
/*탭*/
.sub_content{font:normal 14px/24px "Malgun Gothic";}
ul.tab_go_list{ margin-top:50px; clear:both; display:block; margin-bottom:20px; border-bottom:1px solid #bfbfbf; }
ul.tab_go_list.list_06 li{width:14.2%;}
ul.tab_go_list:after{ clear:both; display:block; content:""; }
ul.tab_go_list li{  border:1px solid #bfbfbf; border-width:1px 1px 0; border-radius:3px 3px 0 0; font:bold 15px/43px "Malgun Gothic"; float:left; width:18%; height:43px;
						   text-align:center; padding:0; margin-right:20px; box-sizing:border-box;}
ul.tab_go_list > li a{  display:block; color:#484848; height:100%; }
ul.tab_go_list > li.on{background:#4b4b4b;}
ul.tab_go_list > li.on a{color:#fff;}
ul.tab_go_list > li:hover{ background:#4b4b4b;}
ul.tab_go_list > li:hover a{color:#fff;}


.pro_left_box{float:left; margin-right:20px; }
.pro_left_box img{border:1px solid #ececec}
.pro_right_box ol{width:48%; float:left;}
.pro_right_box ol li{line-height:30px;}
.pro_right_box ol li span{font-size:15px; line-height:20px; background:#484848; color:#fff; width:20px; height:20px; text-align:center; vertical-align:middle; border-radius:3px; margin:0 10px 7px 0;}
.pro_right_box ol li p{width:80%; }
.tab_list_box_b{margin-bottom:30px; clear:both;}
.pr_list_b{overflow:hidden;}

.pro_right_box{overflow:hidden;}
.pro_right_box h5{ display:block; font-weight:bold;}
.red-line { width:26px; height:2px; background:#0a77db; display:block; margin-bottom:15px;}

.pro_img_right{float:right;}

/*L/S250*/
img.pro_img_m_b{margin-top:38px;}
.pro_text_box02{margin-top:40px; clear:both;}
.pro_text_box02 ul li{font-size:14px;}



/*###################################### 반응형 ########################################*/

/* ##########반응형은 4-5개로 합니당 ############*/

@media screen and (max-width:1024px){
	/* 회사소개 */
	.overview_list > li > div{ min-height:486px; }
	.specialities_list > li > div{ min-height:375px;}
	.specialities_list.major > li > div{ min-height:443px; }
	
	/* 오시는 길 */
	.location-box dl.tel-box dd span { margin-bottom:0; }
	.location-box dl.tel-box dd .tel-tt { float:left; width:50%; }
	.location-box dl.tel-box dd .fax-tt { float:right; width:50%; }

	.location-box dl.add-box{ width:100%; }
	.location-box dl.tel-box{ width:100%; }
	.location-box dl dd{ padding:69px 0 0 0; }
	.location-box dl.tel-box dd{ padding:69px 0 0 0; } 
	.location-box dl.tel-box dd .tel-tt{ width:100%; padding-bottom:15px; }
	.location-box dl.tel-box dd .fax-tt{ width:100%; float:left; }
	
	/*인증서*/	
	.certificate_img_box li{ margin:15px 1.5% 30px; width:29.5%; }	

	
	/* 인사말 */
	.company .right_tt{width:90%;  float: none; margin:0 auto;}
	.company{background:none;}

	.sub_visual_wrap{display:none}

	/* 제품 */
	.pro_left_box{float:none;}

}
@media screen and (max-width:640px){

	/* 공통 */
	#center_wrap{margin:0 2%;width:auto}
	/* #center_wrap{padding-top:20px; } */
	h3{ font-size:28px;line-height:33px; }
	.content_wrap{ padding:0;}
	/* 회사소개 */
	.overview_list > li{ width:100%; }
	.overview_list > li > div{ min-height:0; padding:20px; margin-top:-1px; }
	.specialities_list > li{ width:100%; }
	.specialities_list > li > div{min-height:0;padding:20px;margin-top:-1px; }
	.specialities_list > li > div.e_wrap{ min-height:217px; }
	.overview_list .title{font-size:24px; line-height:30px; }
	.specialities_list .title{font-size:24px; line-height:30px; }
	.specialities_list.major > li > div{ min-height:311px; }
	/* 연혁 */
	.about_history{ padding:0 0 90px 0; }
	.about_history ul li p.list{ font-size:15px !important; line-height:22px; }
	.about_history ul li p.year{ font-size:20px; font-weight:600; }
	.about_history ul {background-position:left 15px top; padding-left:40px; }
	.about_history ul li {width:100%; float:none; }
	.about_history ul li p.year span.point {top:4px; }
	.about_history ul li.fl {text-align:left;}
	.about_history ul li.fl p.list {padding:0 0 0 15px; }
	.about_history ul li.fl p.list span {right:auto; left:0; }
	.about_history ul li.fr p.year {padding:0; }
	.about_history ul li.fl p.year span {right:auto; left:-33px; }
	.about_history ul li.fr p.year span {left:-41px; right:auto; }
	/* ceo */
	.greeting { padding-right:0; /* min-height:674px;  */}
	.greeting:after { display:none; }
	.greeting .img { float:right; position:relative; margin-left:30px; }
	.greeting .ceo { width:80px;height:80px; }
	.greeting .con{ padding-left:2%; padding-right:0%; }
	
	/*인증서*/	
	.certificate_img_box li{ margin:15px 2% 30px; width:44.5%; }
	
	/* 인사말 */
	.company .right_tt{width:90%;  float: none; margin:0 auto;}
	.company{background:none;}
	.company_cotent{margin-bottom:100px;}
	.company_title_top{font-size: 22px;}
	/* 제품 */
	.pro_left_box{float:none;}

}
@media screen and (max-width:480px){
	/* 인사말 */
	.company .right_tt{width:90%;  float: none; margin:0 auto;}
	.company{background:none;}
	

	/* 회사소개 */
	.overview_list .sub_title{font-size:16px;line-height:20px;margin-top:10px; }
	.specialities_list .sub_title{font-size:20px;line-height:20px;margin-top:10px; }
	.specialities_list .infos{ font-size:17px; } 
	.overview_list .infos{ font-size:17px; margin-top:10px; }
	/* ceo */
	.greeting .thick {font-size:22px;line-height:1.4;}
	.greeting .con {font-size:14px; }
	.greeting .img {float:none;width:100%;margin-left:0;margin-bottom:40px;}
	.greeting .sign {padding-right:53px; padding-bottom:60px;background-position:0 bottom}
	.greeting .ceo {width:100px;height:100px; bottom:7%; }
	.greeting{ padding-right:8%; }
	
	
	/* 제품 */
	.pro_left_box{float:none;}

.pc_on{display:none}
.sub_title_wrap {padding:0 0 20px 0; margin:0 auto; font-size:15px; line-height:21px}
.sub_title_wrap h2 {font-size:48px ; line-height:48px; }
.sub_title_wrap span {display:block; font-size:20px; line-height:38px; font-weight:100}
.sub_title_wrap .deco {width:60px; height:1px; background-color:#000; margin:10px auto 20px;}
.sub_title_wrap p{display:none}
.mabr_wrap.dl{margin:0 0 30px 0; padding-bottom:10px }
.mabr_wrap .platform {width:100%; float:none; display:block; margin-left:0}
.mabr_wrap .mobile_platform{display:block}
.mabr_wrap .mobile_platform img{display:block; width:100%; margin-bottom:30px}
.mabr_wrap .platform dt{font-size:18px; line-height:38px; letter-spacing:-0.08em }

.loc_wrap{background-image:url(/img/organization_bg_m.png); }
.loc_wrap ul{margin:65% 0 0 0;}
.loc_wrap ul li a{width:95%; line-height:48px}
/* .cult_wrap ul li{float:left; width:100%; text-align:center; padding-bottom:15px} */

/* 탭 */
	.product_tab li { text-align: center; width: 33.3%; padding:0 2px 2px 0; float:left}


}
/* ################################################### //반응형은 4-5개로 합니당 ################ */