@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:650px; min-width:1200px; overflow:hidden;}
.main_visual ul {height:650px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:650px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; bottom:260px; color:#fff; z-index:2; }

.main_visual .main_visual_text .bg{position:absolute; bottom:-260px; left:0px; width:100%; height:650px; background:rgba(0,0,0,0.5); z-index:0;}

.main_visual .main_visual_text .t1{font-size:60px; line-height:60px; font-weight:bold; position:relative; z-index:3:}
.main_visual .main_visual_text .t2{font-size:20px; padding-top:10px; position:relative; z-index:3:}

.main_visual .main_pager {position:absolute; width:100%; bottom:20px; z-index:3; text-align:center; opacity:0.9}
.main_visual .main_pager span {display:inline-block; width:40px; height:3px; background:#fff; margin:0 4px; cursor:pointer;}
.main_visual .main_pager span.cycle-pager-active {background:#7e8d33;}

.main_visual .control {position:absolute; top:330px; width:100%; text-align:center; z-index:4; text-indent:-9999px;;}
.main_visual .control a {float:left; width:46px; height:80px; background:url(../images/main/visual_btn.png) left top no-repeat; margin-left:40px}
.main_visual .control a#visual_next {float:right;background-position:right top; margin:0 40px 0 0;}




/*메인 회사소개*/
.main_about_wrap {padding:90px 0px; text-align:center; border-bottom:1px #ddd solid; }
.main_about_wrap .company_list  {width:100% !important; min-height:280px;  text-align:left;}
.main_about_wrap .company_list .box {margin-left:20px;  text-align:left; display:inline-block; width:600px; padding-top:10px;}
.main_about_wrap .title {position:relative; }
.main_about_wrap .title .t1{color:#777; font-family: 'Pristina'; font-weight:normal;    font-size:40px; line-height:40px;}
.main_about_wrap .title .t2{color:#7e8d33;  font-size:36px; padding-bottom:40px; font-family: 'Nanum Square'; font-weight:bold;}
.main_about_wrap .photo {float:right; margin-right:30px; margin-top:-20px;}
.main_about_wrap .photo img {vertical-align:top;}
.main_about_wrap .detail {margin-top:10px; display:inline-block; margin-top:20px; border:1px #7e8d33 solid; color:#7e8d33; padding:0px 30px; line-height:40px;}

.main_about_wrap .company_list01 .title .t2 {color:#000;}

.main_about_wrap .main_about_wrap_pager  {text-align:center; margin-top:30px;  padding-top:20px;}
.main_about_wrap .main_about_wrap_pager a  {display:inline-block; margin:0 3px; line-height:30px; color:#999; font-size:14px; border-top:1px #ddd solid; padding:0px;  margin:0px 10px;}
.main_about_wrap .main_about_wrap_pager a.cycle-pager-active {color:#222; border-color:#222;}



/*메인사업영역*/
.main_business {padding:70px 0px;  position:relative;}
.main_business h3{text-align:center; color: #222; font-size:36px; line-height:37px;}
.main_business h3 span {color:#666; font-size:15px; font-weight:normal; line-height:31px; display: block;}
.main_business ul { overflow:hidden; margin:60px auto; z-index:1; position:relative;}
.main_business ul li { width:353px; margin:0px 10px;}
.main_business ul li .photo img {max-width:100%; vertical-align:top;}


.main_business ul li dl  {padding:20px 0px;transition: all 0.2s;}
.main_business ul li dl dt {color:#222; font-size:18px;font-weight:bold; padding-bottom:15px; line-height:20px;}
.main_business ul li dl dd {color:#888; font-size:13px; line-height:16px; white-space: normal;}

.main_business ul li:hover dl dt{color:#13a9ce; transition: all 0.3s;}
.main_business ul li:hover dl dd{color:#000; transition: all 0.3s;}
.main_business ul li a{color:#7e8d33;margin-top:15px; }


.main_business .control {width:100%; position:absolute; left:0px; top:300px; z-index:999999 !important;}
.main_business .control a{float:left; margin:0px -60px; width:20px; height:35px; background:url(../images/main/product_btn.png) left top no-repeat; text-indent:-9999px;}
.main_business .control a#main_business_next{float:right; background-position:right top;}



/*온라인 문의*/
.main_enquiry {background:url(../images/main/enquiry_bg.jpg) center top no-repeat; background-size:cover; background-attachment:fixed; height:350px; text-align:center;}

.main_enquiry dl {color:#fff;}
.main_enquiry dl dt {font-size:36px; line-height:37px; padding:55px 0px 35px; font-weight:600;}
.main_enquiry dl dd {font-size:18px; line-height:28px;}

.main_enquiry .btn {display:inline-block; margin-top:45px; text-align:center; width:272px;}
.main_enquiry .btn a {display:block; line-height:46px; font-size:18px; border:2px #fff solid; coloR:#fff;}
.main_enquiry .btn a:hover {background-color:#f6b63a; border-color:#f6b63a;}
.main_enquiry .btn a span {display:inline-block; width:24px; height:9px; padding-left:20px; background:url(../images/main/enquiry_btn_dot.png) right top no-repeat;}



/*메인 제품사진*/
.main_products {padding:75px 0 80px;}
.main_products h3{text-align:center; color: #222; font-size:36px; line-height:37px;}
.main_products h3 span {color:#666; font-size:15px; font-weight:normal; line-height:31px; display: block;}
.main_products .default_layout{width:1200px;}
.main_products ul{text-align:center;  margin:45px auto 0;  overflow:hidden;}
.main_products ul li{text-align:center; float:left; width:285px; margin-right:20px; margin-bottom:20px;}
.main_products ul li:nth-child(4n+4 ){margin-right:0px;}
.main_products ul .info_img{height:250px; overflow:hidden; display:block;}
.main_products ul li img {vertical-align:top; width:100%; height:250px;  }
.main_products dl { text-align:left; line-height:16px; }
.main_products dl dt{font-size:14px; padding:15px 0px 10px;  font-weight:bold; color:#222222;}
.main_products dl dd{font-size:13px; color:#666666;}





/*******************메인 고객센터*******************/
.main_cs_area {border-top:1px #eee solid; padding:100px 0; overflow:hidden;}


/*공지사항*/
.main_cs_area .notice {float:left; width:547px; border-top:3px #001f3b solid; position:relative;}
.main_cs_area .notice .tit {float:left; font-size:24px; padding:30px 0px;}
.main_cs_area .notice .tit a {color:#222;}
.main_cs_area .notice .tit .info {font-weight:normal; display:block; font-size:13px; color:#666; padding:20px 0 0 2px; line-height:22px;}

.main_cs_area .notice ul {margin:10px 0 0 156px; overflow:hidden;}
.main_cs_area .notice ul li {float:left; width:100%; line-height:53px; border-bottom:1px #ddd solid; font-size:14px;}
.main_cs_area .notice ul li a {float:left; width:65%; padding-left:18px; color:#555; background:url(../images/main/dot_gray.gif) 3px 24px no-repeat;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main_cs_area .notice ul li span {float:right; font-size:13px; color:#999; margin-right:3px;}
.main_cs_area .notice ul li:hover a {color:#000; text-decoration:underline;}
.main_cs_area .notice ul li:hover span {color:#000;}


/*고객센터*/
.main_cs_area .cs_center {float:right; padding:0 70px; text-align:center;}
.main_cs_area .cs_center .title {font-size:24px; font-weight:800; color:#222;}

.main_cs_area .cs_center .info {margin-top:15px; overflow:hidden;}
.main_cs_area .cs_center .info li {float:left; color:#555; padding:0 16px; background:url(../images/main/cs_center_bar.gif) left top no-repeat;}
.main_cs_area .cs_center .info li:first-child {background:none;}
.main_cs_area .cs_center .info li b {color:#7e8d33; font-size:27px; line-height:28px; font-weight:600;}

.main_cs_area .cs_center .quick_go {text-align:center; margin-top:10px; overflow:hidden;}
.main_cs_area .cs_center .quick_go li {margin:0 28px; display:inline-block; text-align:center; width:70px;}
.main_cs_area .cs_center .quick_go li a {font-size:14px; color:#555;}
.main_cs_area .cs_center .quick_go li a span {display:block; width:100%; height:70px; background:#eee; border-radius:70px; line-height:70px; margin-bottom:5px;}
.main_cs_area .cs_center .quick_go li a span img {vertical-align:middle; }
.main_cs_area .cs_center .quick_go li a:hover span {background:#ccc;}
.main_cs_area .cs_center .quick_go li a:hover {color:#000;}