@charset "utf-8";
html,body{font-family: 'Noto Sans KR', sans-serif;}
#wrapSub {
	background:#fff;
	background-image:url(../images/sub_bg_top.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:2000px;
}
#headerSub{width:980px;height:84px;margin:0 auto;}
#headerSub h1{display:inline-block;width:190px;height:55px;margin-top:21px;}
#contentWrap {
	width:980px;margin:0 auto;box-shadow:0px 0px 10px rgba(0,0,0,0.3);background:#fff;margin-top:120px;
	margin-bottom:120px;border-radius:30px;
}
#companyName{width:100%;height:100px;border-bottom:3px solid #24b8ff;}
#companyName h2{font-size:24px;text-align:center;line-height:100px;}
#visualImg { width:100%; height:auto; background:#fff; }
#visualImg .mainVisual { width:100%; height:auto;  }

#visualImg .photoSlider { width:100%; height:207px; }
#visualImg .photoSlider ul { margin-top:9px;}
#visualImg .photoSlider ul li {float:left; background:green; width:238px; height:207px; margin-right:9px;}
#visualImg .photoSlider ul li.noMarRIght { margin-right:0px; }

#companyInfo { width:100%; }
#companyInfo .title { width:100%; height:87px; background:#24b8ff; position:relative; margin-top:10px;}
#companyInfo .title h3 { width:200px; text-align:center; font-size:30px; color:#fff; padding:5px 0;
	background-image:url(../images/sub_title_ico_01.png); background-repeat:no-repeat; background-position:5% 50%; 
    position: absolute; top:24px; left: 50%; margin-left: -100px; }
#companyInfo .txtBox { padding:33px; }

#companyInfo .txtBox table { margin-bottom: 40px; }
#companyInfo .txtBox table th { width:100px; text-align:left; font-size:20px; border-bottom:1px solid #eee; }
#companyInfo .txtBox table td { width:815px; padding:30px 0; line-height:30px; font-size:17px; font-weight:300; border-bottom:1px solid #eee; }

/*
#companyInfo .titTxt { float:left; background:red; width:100px; font-size:20px; }
#companyInfo .conTxt { float:left; background:green; width: 814px; font-size:17px; color:#202020; }
#companyInfo .txtBox div.bar { margin-bottom:30px; clear:both; background:#fff;}
*/


#location { width:100%; height:670px; }
#location .title { width:100%; height:87px; background:#24b8ff; position:relative; }
#location .title h3 { width:200px; height:30px; text-align:center; font-size:30px; color:#fff; padding:5px 0;
	background-image:url(../images/sub_title_ico_02.png); background-repeat:no-repeat; background-position:5% 50%; 
    position: absolute; top:25px; left: 50%; margin-left: -100px; }
#location .name { float:left; margin-left:50px; margin-top:50px; font-size:20px; }
#location .conTxt { float:left; margin-top:51px; margin-left: 50px; color:#202020; }


#phone { width:100%; height:205px; background:#f2f2f2;position:relative; }
#phone .mainNum, #phone .divideLIne, #phone .mobileNum  { float:left; }
#phone .mainNum { width:420px; height:131px; position:absolute; top:37px; left:33px; }
#phone .mainNum img { float:left; margin: 15px 0 0 15px; }
#phone .mainNum .numName { float:left; display:block;  margin:35px 0 0 40px; font-size:22px; color:#424242; font-weight:300; }
#phone .mainNum .number { float:left; display:block; margin:12px 0 0 40px; font-size:30px; color:#424242; font-weight:500; }
#phone .divideLIne { background:#c8c8c8; width:1px; height:131px; background:#c8c8c8; position:absolute; top:37px; left:50%;  }
#phone .mobileNum { width:420px; height:131px; position:absolute; top:37px; right:33px; }
#phone .mobileNum img { float:left; margin: 15px 0 0 15px; }
#phone .mobileNum .numName { float:left; display:block;  margin:35px 0 0 40px; font-size:22px; color:#424242; font-weight:300; }
#phone .mobileNum .number { float:left; display:block; margin:12px 0 0 40px; font-size:30px; color:#424242; font-weight:500; }

#buttonBtn { width:100%; height:96px; }
#buttonBtn ul {}
#buttonBtn ul li { float:left; }
#buttonBtn ul li a { display:block;  width:326px; height:96px; line-height:96px; border-right:1px solid #c8c8c8; color:#424242;}
#buttonBtn ul li:first-child a{border-radius:0px 0px 0px 30px;}
#buttonBtn ul li:last-child a{border-radius:0px 0px 30px 0px;}
#buttonBtn ul li.noBdrRight a { border-right:none; }
#buttonBtn ul li a:hover { background:#eaf8ff; }
#buttonBtn ul li a img { margin-left:50px; vertical-align:middle; }
#buttonBtn ul li a span { margin-left: 25px; }