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


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


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

.main_visual .pager_box {position:absolute; bottom:0; left:0; margin-bottom:260px; overflow:hidden; width:100%; text-align:center; z-index:999;}
.main_visual .main_pager span {display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:8px; height:8px; margin:0 6px; border-radius:14px; border:3px solid #fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.2);}
.main_visual .main_pager .cycle-pager-active {background:#fff;}

.main_visual .control {position:absolute; top:350px; width:100%; text-align:center; z-index:9999999 !important; 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_visual .scroll_down {position:absolute;  bottom:40px; width:100%; text-align:center; z-index:9999999 !important;}
.main_visual .scroll_down:hover {opacity:0.6;}



.scroll_down_click{position:relative;  animation-duration: 0.3s;	animation-iteration-count: infinite;	animation-direction: alternate; vertical-align:middle;}
.scroll_down_click{animation-name:scroll_down_click; animation-delay: 0.1s;}
@keyframes scroll_down_click{from{top:0px;}to{top:10px;}}




/*******************메인 공통*******************/
/*메인 타이틀*/
.main_tit {text-align:center; color:#222; font-weight:600; font-size:36px; line-height:37px;}
.main_tit span {color:#666; font-size:15px; font-weight:300; line-height:31px; display:block;}


.main_more_btn {position:absolute; right:135px; top:40px; padding-right:16px; background:url(../images/main/mroe_dot.gif) right 9px no-repeat;}
.main_more_btn {font-family:"Californian FB"; font-style:oblique; letter-spacing:1px;}
.main_more_btn a {color:#000;}
.main_more_btn:hover a {color:#f6b63a;}


/*회사소개*/
.main_intro {padding:110px 0 100px;}

.main_intro dl {margin-right:600px; text-align:center;}
.main_intro dl dt {color:#222; font-size:36px; font-weight:bold; line-height:30px; padding-top:15px;}
.main_intro dl dt span {font-family:'Pristina'; font-weight:normal; font-size:40px; color:#f6b63a; display:block;}
.main_intro dl dt strong {font-family: 'NanumBarunGothic';}
.main_intro dl dd {font-size:15px; color:#666666; padding:55px 100px 0 100px; line-height:30px; word-break:keep-all;}

.main_intro .img_box {position:absolute; right:0; top:0;}


/*주요사업*/
.business_item {border-top:1px solid #eee; padding:75px 0 80px;}


/*제품소개*/

.business_item ul{ margin:40px auto; width:960px;  overflow:hidden;}
.business_item ul li{display:inline-block; margin:0 10px; width:300px !important; vertical-align:top;}
.business_item ul li img {vertical-align:top;  }
.business_item dl { text-align:left; }
.business_item dl dt{border-bottom:1px #dddddd solid; font-size:17px; font-weight:bold; color:#222222; line-height:17px; padding:20px 0; margin-bottom:17px;}
.business_item dl dd{line-height:20px; white-space: normal !important;}
.business_item .detail{float:left; margin-top:20px; width:130px; text-align:left;}
.business_item .detail a{display:block; line-height:40px; border:1px #b2b2b2 solid; text-align:center; font-size:13px; color:#222;}
.business_item .detail a:hover{background-color:#f6b63a; color:#fff; border-color:#f6b63a}
.business_item .control {width:100%; position:absolute; top:286px; z-index:999999 !important;}
.business_item .control a{float:left; width:20px; height:35px; background:url(../images/main/product_btn.png) left top no-repeat; text-indent:-9999px;}
.business_item .control a#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;}


/*포트폴리오*/
.portfolio_item {padding:75px 0 80px;}
.portfolio_item .default_layout{width:1250px;}
.portfolio_item ul{text-align:center;  margin:45px auto 0;  overflow:hidden;}
.portfolio_item ul li{text-align:center; float:left; width:285px; margin:10px;}
.portfolio_item ul .info_img{height:250px; overflow:hidden; display:block;}
.portfolio_item ul li img {vertical-align:top; width:100%; height:250px;  }
.portfolio_item dl { text-align:left; line-height:16px; }
.portfolio_item dl dt{font-size:14px; padding:15px 0px 10px;  font-weight:bold; color:#222222;}
.portfolio_item 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:#f6b63a; 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;}