/************************************************ pc ************************************************/
@media all and (min-width: 1599px) {
	/*COMPANY */
	#company {background-image:url('/sub/img/sub_bg_01.jpg'); background-repeat:no-repeat; padding-bottom:10px;}
	#company .company_title { width:100%; text-align:center; padding-top:140px; margin-bottom:100px; }
	#company .company_title h2{ font-size:41px; color:#fff; }
	#company .company_title p{ font-size:15px; opacity:0.5; color:#fff; }
	#company .company_content{width:960px; margin:100px auto; color:#fff; letter-spacing:-0.5px;}
	#company .company_content .left{ overflow:hidden; }
	#company .company_content .left li {float:left;;}
	#company .company_content .left .li_img { margin-right:50px; }
	#company .company_content .left .li_text div{ height:220px; }
	#company .company_content .left .li_text div div { display:table-cell; vertical-align:middle; }
	#company .company_content .right {text-align:right; overflow:hidden; }
	#company .company_content .right li {float:right; }
	#company .company_content .right .li_img { margin-left:50px; }
	#company .company_content .right .li_text div{ height:220px; }
	#company .company_content .right .li_text div div { display:table-cell; vertical-align:middle; }


	/*CONTACT */
	.contact .info li{float:left;}
	.contact .info_title p {font-family:'raleway_b'; font-size:22px; color:#000; line-height:42px;}
	.contact .info_text p {margin-left:30px; font-size:16px; color:#666; letter-spacing:-1px; line-height:42px; margin-right:630px;}

	.contact .ul_all li{float:left;}
	.contact .icon li{text-align:right; margin:10px 15px 0 15px; padding:20px 0 0 0; line-height:40px;}
	.contact .icon .map_image {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #000; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}
	.contact .icon .map_naver {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #de4c3f; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}
	.contact .icon .map_daum {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #fbe402; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}

	.traffic {}
	.traffic ul li p {font-weight:700; font-size:20px; color:#000; margin-top:50px;}
	.traffic ul li {float:left; font-size:15px; letter-spacing:-1px; width:533px;}

	.map_gr{ position:relative; margin-top:100px; }
	.map_gr li{ position:absolute; top:0; left:0; width:100%; height:500px; background:#fff; }
	.map_c_01 img{ margin-top:20px; margin-left:450px; }
}
/************************************************ tablet ************************************************/
@media all and (min-width: 768px) and (max-width: 1598px) {
	/*COMPANY */
	#company {background-image:url('/sub/img/sub_bg_01.jpg'); background-size:cover; background-repeat:no-repeat; padding-bottom:10px;}
	#company .company_title { width:100%; text-align:center; padding-top:130px; margin-bottom:100px; }
	#company .company_title h2{ font-size:41px; color:#fff; }
	#company .company_title p{ font-size:15px; opacity:0.5; color:#fff; }
	#company .company_content{max-width:960px; margin:100px auto; color:#fff; letter-spacing:-0.5px;}
	#company .company_content .left{ overflow:hidden; }
	#company .company_content .left li {}
	#company .company_content .left .li_img { text-align:center; }
	#company .company_content .left .li_text div{ height:220px; width:500px; margin:0 auto; text-align:center; }
	#company .company_content .left .li_text div div { display:table-cell; vertical-align:middle; }
	#company .company_content .right {text-align:right; overflow:hidden; }
	#company .company_content .right li { }
	#company .company_content .right .li_img { text-align:center; }
	#company .company_content .right .li_text div{ height:220px; width:500px; margin:0 auto; text-align:center;}
	#company .company_content .right .li_text div div { display:table-cell; vertical-align:middle; }


	/*  CONTACT */
	.contact .info li{float:left;}
	.contact .info_title p {font-family:'raleway_b'; font-size:22px; color:#000; line-height:42px;}
	.contact .info_text p {margin-left:30px; font-size:16px; color:#666; letter-spacing:-1px; line-height:42px;}
	.icon{  }
	.info_title{ width:20%; }
	.info_text{ width:80%; }
	.contact .ul_all li{float:left; }
	.contact .ul_all > li{  }
	.contact .icon li{text-align:right; margin:10px 15px 0 15px; padding:20px 0 0 0; line-height:40px;}
	.contact .icon .map_image {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #000; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}
	.contact .icon .map_naver {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #de4c3f; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}
	.contact .icon .map_daum {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #fbe402; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}

	.traffic {}
	.traffic ul li p {font-weight:700; font-size:20px; color:#000; margin-top:50px;}
	.traffic ul li {float:left; font-size:15px; letter-spacing:-1px; width:calc(100%/3); padding-right:20px;;}

	.map_gr{ position:relative; margin-top:100px; }
	.map_gr li{ position:absolute; top:0; left:0; width:100%; height:500px; background:#fff; }
}
/************************************************ mobile ************************************************/
@media all and (max-width: 767px) {
	/*COMPANY */
	#company {background-image:url('/sub/img/sub_bg_01.jpg'); background-size:cover; background-repeat:no-repeat; padding-bottom:10px;}
	#company .company_title { width:100%; text-align:center; padding-top:130px; margin-bottom:100px; }
	#company .company_title h2{ font-size:41px; color:#fff; }
	#company .company_title p{ font-size:15px; opacity:0.5; color:#fff; }
	#company .company_content{ margin:100px auto; color:#fff; letter-spacing:-0.5px;}
	#company .company_content .left{ overflow:hidden; }
	#company .company_content .left li {}
	#company .company_content .left .li_img { text-align:center; }
	#company .company_content .left .li_text div{ height:220px; width:320px; letter-spacing:-1px; margin:0 auto; text-align:center; }
	#company .company_content .left .li_text div div { display:table-cell; vertical-align:middle; }
	#company .company_content .right {text-align:right; overflow:hidden; }
	#company .company_content .right li { }
	#company .company_content .right .li_img { text-align:center; }
	#company .company_content .right .li_text div{ height:220px; width:320px; letter-spacing:-1.3px; margin:0 auto; text-align:center;}
	#company .company_content .right .li_text div div { display:table-cell; vertical-align:middle; }


	/*  CONTACT */
	.contact .info li{float:left;}
	.contact .info_title p {font-family:'raleway_b'; font-size:22px; color:#000; line-height:42px;}
	.contact .info_text p {margin-left:30px; font-size:16px; color:#666; letter-spacing:-1px; line-height:42px;}
	.icon{  }
	.info_title{ width:25% }
	.info_text{ width:75% }
	.contact .ul_all li ul li{float:left; }
	.contact .ul_all > li{ }
	.contact .icon li{text-align:right; margin:10px 15px 0 15px; padding:20px 0 0 0; line-height:40px;}
	.contact .icon .map_image {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #000; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}
	.contact .icon .map_naver {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #de4c3f; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}
	.contact .icon .map_daum {font-family:'raleway_b'; font-size:12px; color:#000; border-top:3px solid #fbe402; border-left:1px solid #ccc;border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; width:120px; height:120px; text-align:center;}

	.traffic {  }
	.traffic ul li p {font-weight:700; font-size:20px; color:#000; margin-top:50px;}
	.traffic ul li {float:left; font-size:15px; letter-spacing:-1px; width:calc(100%/3); padding-right:20px;;}

	.map_gr{ position:relative; margin-top:100px; }
	.map_gr li{ position:absolute; top:0; left:0; width:100%; height:500px; background:#fff; }
	
}