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


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


/******************메인비주얼******************/
.main_visual {text-align:center; position:relative; width:100%; height:580px; min-width:1100px; overflow:hidden;}
.main_visual ul { width:100%; left:0px;top:0px; height:580px; position:absolute;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:580px; }
.main_visual li a {display:block; height:580px;}

.main_visual .pager_box {position:absolute; left:0; bottom:0; margin-bottom:20px; width:100%; text-align:center; z-index:99999999 !important;}
.main_visual .main_pager span {display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:15px; height:15px; margin:0 5px; border-radius:15px; background:#fff; box-shadow:1px 0 2px rgba(0,0,0,0.3);}
.main_visual .main_pager .cycle-pager-active {width:40px; background:#9e40e7;}


/*메인동영상*/
.main_movie {position:absolute; right:0; top:233px; overflow:hidden; border:7px solid #fff; z-index:9999;}
.main_movie .movie_box {width:406px; height:221px;}



/*******************메인공통*******************/
/*메인타이틀*/
.main_tit {text-align:center;}
.main_tit .title .link {color:#222; font-size:30px; line-height:31px; padding-right:33px; background:url(../images/main/main_more_btn.png) right 5px no-repeat;}
.main_tit .title .link:hover {color:#d71d1d;}
.main_tit .tit_info {display:block; color:#888; font-size:16px; line-height:27px;}



/******************사업분야******************/
.main_business {padding:45px 0 40px; }
.main_business .default_layout{width:1200px;}
.main_business .business_list {position:relative; overflow:hidden; margin-top:35px; }
.main_business .business_list ul{width:1124px !important;; margin-left:40px ; z-index:999 !important; }
.main_business .business_list li {position:relative; display:inline-block; width:257px; margin:0 12px;}
/*.main_business .business_list li:first-child {margin-left:0px;}*/

.main_business .business_list .one_box {overflow:hidden; }
.main_business .business_list .img_box {position:relative; height:180px; overflow:hidden; background:#eee;}
.main_business .business_list .img_box img {width:100%; height:180px; vertical-align:middle;}
.main_business .business_list .info {overflow:hidden; padding:10px 15px; color:#fff; font-size:16px; background:#d71d1d;}
.main_business .business_list .info .arrow {float:right;}


.main_business .business_list .one_box:hover .info {background:#222;}



.main_business .control {width:100%; position:absolute; top:167px; z-index:99 !important;}
.main_business .control a {float:left; margin-left:-63px; width:38px; height:38px; background:url(../images/main/business_btn.jpg) left top no-repeat; text-indent:-9999px;}
.main_business .control a#next {float:right; margin-right:-63px; background-position:right top;}






/******************메인 고객센터******************/
.main_cs {overflow:hidden; margin:0px 0 80px; padding-top:60px; border-top:1px #ddd solid;}


/*고객센터 바로가기*/
.main_cs .cs_quick {float:left; overflow:hidden; border:1px solid #c4c7ca;}
.main_cs .cs_quick .link_btn {width:124px; height:112px; color:#333; font-size:14px; background:#fff; float:left; overflow:hidden; border-left:1px solid #e5e5e5; text-align:center;} 
.main_cs .cs_quick .link_btn:first-child {border-left:none;}
.main_cs .cs_quick .ic {display:block; overflow:hidden; margin:25px 0 10px; height:40px;}
.main_cs .cs_quick .ic img {vertical-align:middle;}
.main_cs .cs_quick .link_btn:hover {color:#146aff; background:#f8f8f8;}


/*고객센터 타이틀*/
.main_cs .cs_tit {font-size:21px; line-height:22px; margin-bottom:20px;}
.main_cs .cs_tit a {color:#222;}


/*고객센터 안내*/
.main_cs .cs_info {float:left; width:250px; margin-left:50px;}
.main_cs .cs_info dt {color:#3463b4; font-size:25px; line-height:26px; font-weight:600; margin-bottom:5px;}
.main_cs .cs_info dd {color:#666; line-height:20px;}


/*공지사항*/
.main_cs .notice {float:right; width:260px; padding-left:34px; border-left:1px solid #e5e5e5;}
.main_cs .notice li a {font-size:14px; line-height:24px; color:#555; float:left; width:60%;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_cs .notice li span {float:right; color:#999; font-size:12px;}
.main_cs .notice li:hover a {color:#000; text-decoration:underline;}
.main_cs .notice li:hover span {color:#000;}





/**************************************반응형**************************************/
@media all and (max-width:1024px) {

/******************사업분야******************/
.main_business .control {display:none;}

}