@charset "utf-8";
/* ----- ysk 2015년05월 ----- */ 
/*------------------------------------------------------------------------------------------------------------*
  ysk와 g5와 겹치는 아이디명    border:3px solid red;
  container / gnb
 *------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 


#wrap {width:100%}
/*------------------------------------------------------------------------------------------------------------*
 *  Header                                                                                                    *
 *------------------------------------------------------------------------------------------------------------*/
#admin_wrap {float:left; width:100%; height:50px; background:#3e3e3e;}
.admin_box {margin:0px auto; width:96%}
.admin {float:left; width:800px;}
.admin_btn {float:left; padding:8px 15px 7px 15px; background:#323232; margin:10px 5px 0 0; border-left:1px solid #494949; border-top:1px solid #494949;}
.admin ul li a {float:left;color:#cecece;}
.admin ul li a:hover {float:left; color:#00b8cc;}
.counter {float:right; line-height:50px;}

#header_wrap {float:left;width:100%;}
#util_wrap {float:left; width:100%; height:40px; background:#535353;}
.util_box {margin:0px auto; width:1100px;}
.util {float:right;}
.util ul li {float:left;color:#b6b6b6; line-height:40px; margin:0 0 0 40px;}
.util ul li a {color:#b6b6b6;}

#gnb_wrap {position:relative; top: 0px; width:100%; min-height:70px; height:70px; background: url("../images/bg_gnb.png"); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1); z-index: 10000; clear:both; }
.gnb_box {margin:0px auto; width:1100px;}
.logo {float:left; margin:20px 0 0 0; }
.gnb_navi{float:right;  font-size:17px; font-family:Nanum Gothic, sans-serif; font-weight:700;}
.gnb_navi ul {margin:27px 0 0 0;}
.gnb_navi ul li {float:left; color:#a4a4a4; padding:0 0 0 60px;}
.gnb_over {color:#00b8cc}
.gnb_over a {color:#00b8cc}


/*------------------------------------------------------------------------------------------------------------*
 *  SNB                                                                                                       *
 *------------------------------------------------------------------------------------------------------------*/
#snb_wrap {float:left; width:100%; background: url("../images/common_bg.gif");}
.snb_box {margin:0px auto; width:1100px;}
.snb {float:left; margin:65px 0 0 0;}
.snb_tab {float:left; padding:11px 40px 12px 40px; line-height:30px; background:#6e6e6e; margin:19px 0 0 0; border-right:1px solid #7e7e7e;  font-size:20px; font-family:Nanum Gothic, sans-serif; font-weight:400;}
.snb ul li {float:left;color:#ffffff;}
.snb ul li a {color:#ffffff;}
.snb_tab_snb_over {float:left; padding:20px 40px 12px 40px; line-height:30px; background:#00b8cc; margin:10px 0 0 0; font-size:26px; font-family:Nanum Gothic, sans-serif; font-weight:700;}
.snb_snb_over ul li {float:left;color:#ffffff;}
.snb_snb_over ul li a {color:#ffffff;}
.snb_title {float:right; padding:55px 0 0 0; color:#4c4c4c; font-size:50px; font-family:Nanum Gothic, sans-serif; font-weight:700;}

.location_wrap {float:left; width:100%; height:30px; background:#00b8cc;}
.location_box {margin:0px auto; width:1100px;}
.location {float:right; color:#fffefe; line-height:30px;}



/*------------------------------------------------------------------------------------------------------------*
 *  ADMIN SNB                                                                                                 *
 *------------------------------------------------------------------------------------------------------------*/
#admin_snb_wrap {float:left; width:100%;}
.admin_snb_title {margin:0px auto; width:1100px; padding:30px 0 25px 0; font-size:45px; font-family:Nanum Gothic, sans-serif; font-weight:700;}
.admin_snb_box {margin:0px auto; width:1100px;}
.admin_snb {float:left;}

.admin_location_wrap {float:left; width:100%; height:2px; background:#00b8cc;}


/*------------------------------------------------------------------------------------------------------------*
 *  Contents                                                                                                  *
 *------------------------------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; background:#f2f3f5;}
.contents_box {margin:0px auto; width:1400px; padding:50px 0 0 0;}
.contents_title_line {float:left; width:65px; border-top:3px solid #00b8cc; margin:0 0 15px 0;}
.contents_title_text {float:left;  width:1400px; color:#424242; font-size:24px; font-family:Nanum Gothic, sans-serif; font-weight:400;}
.contents_start_wrap {margin:0px auto; width:1400px;}
.contents_start {float:left;  width:1400px; margin:50px 0 0 0;}

/*------------------------------------------------------------------------------------------------------------*
 *  Footer                                                                                                    *
 *------------------------------------------------------------------------------------------------------------*/
#footer_wrap {float:left; width:100%; background:#f2f3f5; padding:50px 0 0 0;}
.footer_top {margin:0px auto; width:81px;}
.footer_bg {float:left; width:100%;  background: url("../images/bg_footer.gif");}
.footer_box {margin:0px auto; width:1100px; min-height:390px;}
.footer_copy {float:left; color:#b5b5b5; line-height:21px; margin:40px 67px 0 0;}
.footer_copy img {padding-bottom:20px}
.footer_con1 {float:left; width:172px; margin:50px 0 0 0;}
.footer_con2 {float:right; margin:50px 0 0 0;}
.footer_con2_btn {float:left; margin:26px 0 0 80px;}

.footer_map {position:relative; width:1090px; height:585px; border:5px solid #00b8cc; clear:both}

/*------------------------------------------------------------------------------------------------------------*
 *  Main                                                                                                      *
 *------------------------------------------------------------------------------------------------------------*/

.main_visual {position: relative; height: 350px;clear:both;overflow:hidden;}
.main_visual_center {position: absolute; width:2560px; height: 350px; left: 50%; margin-left:-1280px;overflow:hidden;}

#main_visual_cust {float:left; width:100%; height:80px; background:#00b8cc;}
.main_visual_cust_box {margin:0px auto; width:1100px; text-align:center; color:#ffffff; line-height:80px; font-size:23px; font-family:Nanum Gothic, sans-serif; font-weight:400;}

#main_wrap {float:left; width:100%; background:#f2f3f5;}
.main_con1234_wrap {margin:0px auto; width:1100px; padding:40px 0 0 0;}
.main_con1_box {float:left; width:300px; height:400px; background:#ffffff; margin:0 20px 0 0;}
.main_con1 {float:left; width:260px; margin:28px 0 0 20px; }
.main_con2 {float:left; margin:28px 0 0 0; }

.main_con2 ul {float:left; margin:17px 0 0 0px;} 
.main_con2 ul li {line-height:30px;} 

.main_con3_box {float:left; width:460px; margin:0 20px 0 0;}
.main_con3 {position: absolute;}
.main_con4_box {float:left; width:300px; height:400px; background:#ffffff;}
.main_con4 {float:left; width:300px; margin:28px 0 0 20px; }

.main_con5678_wrap {margin:0px auto; width:1100px;}

.main_con5 {float:left; width:300px; margin:20px 20px 0 0;}
.main_con6_box {float:left; width:460px; margin:20px 20px 0 0;}
.main_con6_title ul li {float:left;}
.main_con7 {float:left; width:300px; margin:20px 0 0 0;}
.main_con7 ul li {float:left;}
.main_con8_box {float:left; width:300px; height:138px; background:#ffffff;}
.main_con8 {float:left; width:300px; margin:28px 0 0 20px; }

.main_con9_wrap {float:left; width:100%; height:657px; background:#ffffff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin:40px 0 40px 0;}
.main_con9_text {margin:0px auto; width:787px; padding:40px 0 48px 0;}
.main_con9 {margin:0px auto; width:1100px; text-align:center;}
.main_con9 ul li {display:inline; margin:0 17px 0 17px;}
.main_con9_btn {margin:0px auto; width:280px; padding:33px 0 0 0;}

.main_con10_box {margin:0px auto; width:1100px;}
.main_con10 {float:left; }
.main_con10 ul li {float:left; }
.main_con10_btn {margin:0px auto; width:280px;}

.visual_wrap{ float:left; width:780px; height:200px; overflow:hidden;position:relative;}
.visual{width:3120px; position:absolute;} /* 가로값 * 이미지 컷수를 입력한다 */
.visual img{float:left;}

.visual_dot{position:absolute; left:50px; top:143px;} /* 메뉴가 좌측과 상단에서 떨어지는값 */
.visual_dot li{float:left;text-align:center;line-height:40px;}
.visual_dot li a{float:left;position:relative; color:#ffffff; background:url(../jq/slideshow2/visual_menu.png) no-repeat; width:170px; height:40px;} /* 메뉴의 1개 가로값 */
.visual_dot li a.select{background:url(../jq/slideshow2/visual_menuover.png)  no-repeat; width:170px; height:40px; color:#1be1ee;font-weight: bold;} /* 메뉴의 1개 가로값 */


/*------------------------------------------------------------------------------------------------------------*
 *  포트폴리오                                                                                                *
 *------------------------------------------------------------------------------------------------------------*/

#portfolio_wrap {margin:0px auto; width:1100px;}

#portfolio {float:left; width:390px; background:#fff; padding:0 0 50px 0;}

.bg_img dt {float:left; width:390px; height:270px; background:#00FFFF;}

.bg_img dd {float:left; margin:17px 0 0 18px;}