@charset "utf-8";
/* CSS Document */
/***************** 
메인
*****************/
section.contents{ width:100%; padding-bottom:0}
section.contents div.w_1000{ padding:0; }

/* 메인영역01 */
section.m_visual{overflow:hidden}
section.m_visual .slides_container{float:left}
section.m_visual .m_logininfo{float:right;width:251px}

section.m_visual .m_logininfo article.login h1{font-size:0; line-height:0}
.field{ float:left;}
.btn_login{ float:right; overflow:hidden; padding-bottom:1px}
.memberInfo{ clear:both; padding:10px 0 0 0; overflow:hidden}
.memberInfo li{ float:left;}
.memberInfo li label{font-size:11px;margin-left:5px}
.memberInfo li.m1 a{margin:0 10px;color:#e40076;font-weight:bold;border-right:1px solid #ccc;border-left:1px solid #ccc;padding:0 10px}
article.login input.inp{ width:175px; display:block; margin-bottom:6px; height:23px; line-height:23px; color:#5e5e5e; font-size:12px; font-family:ngb;border:1px solid #dedede;}
article.login input.inp:focus{border:1px solid #dedede;}

section.m_visual .m_logininfo .shop_btn01{overflow:hidden;margin-top:5px}
section.m_visual .m_logininfo .shop_btn01 li{float:left}
section.m_visual .m_logininfo .shop_btn02{margin:6px 0}

/* 솔루션 영역 */

section.m_solution{margin-top:10px;}
section.m_solution ul{overflow:hidden;padding-top:15px}
section.m_solution ul li{float:left;position:relative;}
section.m_solution div{width:323px;height:185px;border:2px solid #c7c7c7;float:left;background:url('../main/solution.png') no-repeat}
section.m_solution .m_solution01{margin-right:10px;background-position:0 0;}
section.m_solution .m_solution02{background-position:-316px 0;}
section.m_solution .m_solution03{margin-left:9px;background-position:-642px 0}
section.m_solution .m_solution01 p, section.m_solution .m_solution02 p, section.m_solution .m_solution03 p{margin:60px 0 0 158px}
section.m_solution div p span{display:block;width:152px;margin-bottom:10px;letter-spacing:-1px}
section.m_solution div.m_solution03 p{margin-top:70px}
section.m_solution .icon_sale01{position:absolute;z-index:5;top:-9px;left:245px;background:url('../main/icon_sale.png') no-repeat; width:75px;height:65px}
section.m_solution .icon_sale01 span{display:block;color:#fff;font-family:ngeb, dotum; font-size:14px;margin:10px 0 0 30px}
section.m_solution .icon_sale02{position:absolute;z-index:5;top:-15px;left:245px;background:url('../main/icon_sale2.png') no-repeat; width:88px;height:80px}
section.m_solution .icon_sale02 span{display:block;color:#fff;font-family:ngeb, dotum; font-size:14px;margin:20px 0 0 30px}


/* 강력한 쇼핑몰 서비스 */
section.m_shop_service{margin-top:10px}
section.m_shop_service h2{background:url('../main/main_title.png') no-repeat;width:160px;height:25px;font-size:0;line-height:0}
.m_shop_service article.wrap{overflow:hidden}
.m_shop_service article.wrap .sync a, .m_shop_service article.wrap .mobile a{float:left;background:url('../main/service.jpg') no-repeat;width:194px;height:288px;}
.m_shop_service article.wrap .sync h3, .m_shop_service article.wrap .mobile h3{font-size:0;line-height:0}
.m_shop_service article.wrap .sync p, .m_shop_service article.wrap .mobile p{color:#000;margin:210px 15px 0 20px;letter-spacing:-1px}
.m_shop_service article.wrap .sync a:hover p, .m_shop_service article.wrap .mobile a:hover p{color:#fff;text-decoration:none !important; }
.m_shop_service article.wrap .sync{}
.m_shop_service article.wrap .mobile a{background-position:-806px 0;}
.m_shop_service article.wrap ul{float:left;overflow:hidden;width:612px}
.m_shop_service article.wrap ul li{}
.m_shop_service article.wrap ul li a{float:left;background:url('../main/service.jpg') no-repeat;}
.m_shop_service article.wrap ul li a p{margin:60px 10px 0 100px;line-height:14px;letter-spacing:-1px}
.m_shop_service article.wrap ul li h3{font-size:0;line-height:0}
.m_shop_service article.wrap ul li.s1 a{background-position:-194px 0;width:201px;height:144px;}
.m_shop_service article.wrap ul li.s2 a{background-position:-395px 0;width:203px;height:144px;}
.m_shop_service article.wrap ul li.s3 a{background-position:-598px 0;width:208px;height:144px;}
.m_shop_service article.wrap ul li.s4 a{background-position:-194px -144px;width:201px;height:144px;}
.m_shop_service article.wrap ul li.s5 a{background-position:-395px -144px;width:203px;height:144px;}
.m_shop_service article.wrap ul li.s6 a{background-position:-598px -144px;width:208px;height:144px;}
.m_shop_service article.wrap ul li.s6 a p span{color:#0c44e6;display:block;font-weight:bold;margin-top:5px}

/* 운영지원 서비스 */

section.oper_support{overflow:hidden;margin-top:20px;}
section.oper_support .m_support{float:left;width:740px}
section.oper_support .m_customize{float:right;}
section.oper_support .m_support .h2_title{position:relative;border-bottom:1px solid #ccc}
section.oper_support .m_support .h2_title h2{background:url('../main/main_title.png') no-repeat 0 -38px;width:160px;height:25px;font-size:0;line-height:0;margin-bottom:5px}
section.oper_support .m_support .h2_title a{position:absolute; top:5px;right:5px}
section.oper_support .m_support ul{margin-top:15px}
section.oper_support .m_support ul li a h3{font-size:0;line-height:0}
section.oper_support .m_support ul li a .point1{display:block;color:#dc2f2f;margin:35px 0 0 72px}
section.oper_support .m_support ul li a .point2{display:block;color:#2860c5;margin:35px 0 0 72px}
section.oper_support .m_support ul li.s2 a .point1{margin-left:80px}
section.oper_support .m_support ul li.s3 a .point2, section.oper_support .m_support ul li.s7 a .point2{margin-left:76px}
section.oper_support .m_support ul li.s4 a .point2{margin:39px 0 0 87px}
section.oper_support .m_support ul li a{float:left;width:184px;height:73px;background:url('../main/support.jpg') no-repeat }
section.oper_support .m_support ul li.s2 a{background-position:-184px 0px;}
section.oper_support .m_support ul li.s3 a{background-position:-368px 0px;}
section.oper_support .m_support ul li.s4 a{background-position:-552px 0px;}
section.oper_support .m_support ul li.s5 a{background-position:0px -73px;}
section.oper_support .m_support ul li.s6 a{background-position:-184px -73px;}
section.oper_support .m_support ul li.s7 a{background-position:-368px -73px;}
section.oper_support .m_support ul li.s8 a{background-position:-552px -73px;}
section.oper_support .m_support ul li.s9 a{background-position:0px -146px;}
section.oper_support .m_support ul li.s10 a{background-position:-184px -146px;}
section.oper_support .m_support ul li.s11 a{background-position:-368px -146px;}
section.oper_support .m_support ul li.s12 a{background-position:-552px -146px;}

/* 맞춤서비스 */
section.oper_support .m_customize{width:235px;height:285px;border:1px solid #b8c6d1;border-radius:6px}
section.oper_support .m_customize h2{background:url('../main/main_title.png') no-repeat 0 -74px;width:160px;height:25px;font-size:0;line-height:0;margin:15px 0 15px 15px}
section.oper_support .m_customize ul{overflow:hidden;margin-left:16px}
section.oper_support .m_customize li{float:left}
section.oper_support .m_customize li a{display:block;background:url('../main/customize_bg.gif') no-repeat;font-size:0;line-height:0;}
section.oper_support .m_customize li.s1 a{width:101px;height:95px;}
section.oper_support .m_customize li.s2 a{width:108px;height:95px;background-position:-101px 0}
section.oper_support .m_customize li.s3 a{width:101px;height:116px;background-position:0 -95px}
section.oper_support .m_customize li.s4 a{width:108px;height:116px;background-position:-101px -95px}

section.center_banner{clear:both;margin-top:20px}

/* 매출을 올려보자 */
section.sales_move{overflow:hidden;margin-top:20px;}
section.sales_move .m_sales{float:left;width:740px}
section.sales_move .m_move{float:right}
section.sales_move .m_sales .m_sales_no1{position:relative;float:left;width:250px;height:260px;background:url('../main/sales.jpg') no-repeat 0 40px;}
section.sales_move .m_sales .m_sales_no1 h2{background:url('../main/main_title.png') no-repeat 0 -122px;width:245px;height:45px;font-size:0;line-height:0;}
section.sales_move .m_sales .m_sales_no1 a{position:absolute;bottom:15px;left:35px}
section.sales_move .m_sales ul{float:left}
section.sales_move .m_sales ul li{position:relative;float:left}
section.sales_move .m_sales ul li a{position:absolute;bottom:19px;left:25px}
section.sales_move .m_sales ul li h3{font-size:0;line-height:0;}
section.sales_move .m_sales ul li.s1{width:153px;height:253px;background:url('../main/sales.jpg') no-repeat -263px 0}
section.sales_move .m_sales ul li.s2{width:152px;height:253px;background:url('../main/sales.jpg') no-repeat -416px 0}
section.sales_move .m_sales ul li.s3{width:152px;height:253px;background:url('../main/sales.jpg') no-repeat -568px 0}

/* 이사햇어요 */
section.sales_move .m_move{width:235px;border:1px solid #b8c6d1;}
section.sales_move .m_move h2{background:url('../main/main_title.png') no-repeat 0 -199px;width:224px;height:35px;font-size:0;line-height:0;margin-left:8px}
section.sales_move .m_move p{margin:5px auto;width:211px;height:117px;}
section.sales_move .m_move p a img{border:1px solid #ccc}
section.sales_move .m_move p a:hover img{border:1px solid #4985b0}
section.sales_move .m_move ul{margin: 5px}
section.sales_move .m_move ul li{text-indent:13px;line-height:24px}


/* 쇼핑몰 리스트 */
h2.index_sample{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; background:url(../main/main_title.png) no-repeat 0 -300px; height:25px; width:1000px; margin:auto; margin-top:20px;}
div.m_mall_list{width:100%;background:#f7f7f7;border-top:1px solid #ddd;margin-top:0px}
section.mall_list{ width:1000px; margin:0 auto;margin-top:-45px;position:relative; overflow:hidden;}
section.mall_list ul{overflow:hidden}
section.mall_list ul li{float:left;width:249px; height:44px; border-top:1px solid #ddd;  line-height:44px; text-align:center; color:#000; font-family:ngb; font-size:14px; 
padding-right:1px; background:#ddd; }
section.mall_list ul li a{display:block; width:100%; height:100%;color:#fff;background:#9cc0d9 url('../main/tab_bg.png') repeat-x 0 -225px;}
section.mall_list ul li a:hover{ background:#f7f7f7 url('../main/tab_bg.png') no-repeat;color:#000}
section.mall_list ul li.tab01{ border-left:1px solid #ddd;width:248px; }
section.mall_list ul li.tab01 a{background-position:45px -270px} 
section.mall_list ul li.tab02 a{background-position:45px -315px}
section.mall_list ul li.tab03 a{background-position:28px -360px}
section.mall_list ul li.tab04 a{background-position:28px -405px}
section.mall_list ul li.on1 a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 45px 3px}
section.mall_list ul li.on2 a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 45px -41px}
section.mall_list ul li.on3 a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 29px -87px}
section.mall_list ul li.on4 a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 29px -131px}

article.m_list{clear:both}
article.m_list .shop_list{width:1000px;margin:0 auto;overflow:hidden}
article.m_list .shop_list ul{margin:40px 0 30px 20px}
article.m_list .shop_list ul li{width:217px; margin:0 7px 20px 7px; padding:4px 4px 8px 4px; float:left; border:1px  solid #dadada; height:147px;}
article.m_list .shop_list ul li p{height:120px; overflow:hidden;}
article.m_list .shop_list ul li:hover{ background:#4c4c4c; border-color:#000}
article.m_list .shop_list ul li strong{ display:block; font-weight:normal; color:#474747; margin-top:10px; text-align:center}
article.m_list .shop_list ul li:hover strong{color:#fff; text-decoration:none}


/* 쇼핑몰 리스트 */
/*
div.m_mall_list{width:100%;background:#f7f7f7;border-top:1px solid #ddd;margin-top:60px}
section.mall_list{ width:1000px; margin:0 auto;margin-top:-45px;position:relative; overflow:hidden; height:508px}
section.mall_list h1{width:0; height:0; font-size:0; line-height:0; text-indent:-999px; overflow:hidden}
section.mall_list h2{ width:249px; height:44px; border-top:1px solid #ddd;  line-height:44px; text-align:center; color:#000; font-family:ngb; font-size:14px; 
padding-right:1px; background:#ddd; }
section.mall_list h2 a{ display:block; width:100%; height:100%;color:#fff;background:#9cc0d9 url('../main/tab_bg.png') repeat-x 0 -225px;}

section.mall_list article.l1 h2{ border-left:1px solid #ddd;width:248px; }
section.mall_list article.l1 h2 a{background-position:45px -270px}
section.mall_list article.l1 h2 a:hover{background-position:45px 3px}
section.mall_list article.l2 h2 a{background-position:45px -315px}
section.mall_list article.l2 h2 a:hover{background-position:45px -41px}
section.mall_list article.l3 h2 a{background-position:28px -360px}
section.mall_list article.l3 h2 a:hover{background-position:29px -87px}
section.mall_list article.l4 h2 a{background-position:28px -405px}
section.mall_list article.l4 h2 a:hover{background-position:29px -131px}

section.mall_list article.l1 h2.on a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 45px 3px}
section.mall_list article.l2 h2.on a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 45px -41px}
section.mall_list article.l3 h2.on a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 29px -87px}
section.mall_list article.l4 h2.on a{color:#000;background:#f7f7f7  url('../main/tab_bg.png') no-repeat 29px -131px}

section.mall_list article{ position:absolute; left:0; top:0; overflow: visible; height:508px;}
section.mall_list article ul{display:none; margin-top:25px; padding-left:15px; margin-left:0; clear:both; overflow:hidden}
section.mall_list article.strong ul{ display:block}
section.mall_list article.l1{ left:0}
section.mall_list article.l2{ left:250px}
section.mall_list article.l3{ left:500px}
section.mall_list article.l4{left:750px}

section.mall_list article.l2 div.event, section.mall_list article.l2 ul{ margin-left:-250px;}
section.mall_list article.l3 div.event, section.mall_list article.l3 ul{ margin-left:-500px}
section.mall_list article.l4 div.event, section.mall_list article.l4 ul{margin-left:-750px}


section.mall_list h2 a:hover{ color:#000 !important;background:#f7f7f7  url('../main/tab_bg.png') no-repeat; text-decoration:none}
section.mall_list h2 dfn{ color:#434343; font-family:Verdana, Geneva, sans-serif; font-size:9px; padding-left:5px; font-weight:bold}
section.mall_list article div.event, section.mall_list article div.event a{ color:#000; background:#fff}
section.mall_list article div.event strong{ background:#ff6c00; border-radius:3px; font-family:Tahoma, Geneva, sans-serif; font-size:9px; letter-spacing:0px; padding:3px 6px; line-height:100%; color:#fff; font-weight:normal}
section.mall_list article.strong ul li{ background:#fff; width:217px; margin:0 7px 20px 7px; padding:4px 4px 8px 4px; float:left; border:1px  solid #dadada; height:147px}
section.mall_list article.strong ul li:hover{ background:#4c4c4c; border-color:#000}
section.mall_list article.strong ul li strong{ display:block; font-weight:normal; color:#474747; margin-top:10px; text-align:center}
section.mall_list article.strong ul li:hover strong{color:#fff; text-decoration:none}
*/
	/* 페이징 */
div.pagediv{ text-align:center;  font-size:12px;font-size:0px; line-height:0px; position:relative; overflow:hidden;clear:both;padding-bottom:25px}
div.pagediv div.m_paging{border-right:1px solid #e2e3e4;display:inline-block;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8; }
div.pagediv div.m_paging a{ font-size:12px; color:#6e6e6e; display:inline-block; padding:8px;border-left:1px solid #c8c8c8; min-width:18px; height:14px;line-height:14px;}
div.pagediv div.m_paging a:hover{text-decoration:none;}
div.pagediv div.m_paging strong{color:#3f3f3f; font-weight: bold; font-size:12px;display:inline-block; padding:8px;border-left:1px solid #c8c8c8; min-width:18px;background:#fff;height:14px;line-height:14px;}
div.pagediv div.m_paging a.prv span, div.pagediv div.m_paging a.nxt span{font-size:6px; color:#494949;line-height:0px; display:inline-block; margin:6Px 3px 0px 3px ;vertical-align:top   }
div.pagediv div.m_paging a.prv, div.pagediv div.m_paging a.nxt{vertical-align:top }


/* 고객센터 하단 */

section.m_customer{background:#575c67}
section.m_customer .inser{overflow:hidden;padding:20px 0}
section.m_customer .inser h2{color:#fff;font-size:16px;font-family:ngb}
section.m_customer .m_notice{float:left;position:relative;width:330px}
section.m_customer .m_server{float:left;width:190px;border-left:1px solid #70747e;border-right:1px solid #70747e;padding:0 15px}
section.m_customer .m_info{float:left;}

section.m_customer .m_notice  a.m_more{position:absolute; right:10px; top:5px;display:block;background:url('../main/customer.png') no-repeat;width:15px;height:15px;font-size:0px; line-height:0px;}
section.m_customer .m_notice ul{margin:20px 5px 5px 5px}
section.m_customer .m_notice ul li a{display:block;background:url('../main/customer.png') no-repeat 2px -25px;text-indent:8px;color:#c1c2c5;font-size:12px;height:23px}
section.m_customer .m_notice ul li a:hover{color:#fff !important}

section.m_customer .m_server dl{overflow:hidden;margin-top:10px}
section.m_customer .m_server dt{float:left;display:block;background:url('../main/customer.png') no-repeat 0 -50px;width:50px;height:40px;color:#fff;text-align:center;padding-top:25px;font-size:16px;font-family:ngb}
section.m_customer .m_server dd{float:left;color:#fff;margin:10px 0 0 15px}
section.m_customer .m_server dd span{display:block;height:23px}
section.m_customer .m_server dd span a{margin-left:3px}

section.m_customer .m_info h2{margin-left:20px}
section.m_customer .m_info p{margin:20px 0 20px 20px}
section.m_customer .m_info p strong{color:#f8f4ae;font-size:30px;font-family:ngb;}
section.m_customer .m_info  p span{display:block;color:#fff;}
section.m_customer .m_info ul{overflow:hidden;margin-left:20px}
section.m_customer .m_info ul li{float:left;}
section.m_customer .m_info ul li a{display:block;background:url('../main/customer.png') no-repeat;width:70px;height:35px;}
section.m_customer .m_info ul li span a {color:#fff;font-size:16px;font-family:ngb;padding-left:60px;padding-top:15px}
section.m_customer .m_info ul li.s1 a{background-position:0 -180px}
section.m_customer .m_info ul li.s2 a{background-position:0 -256px}
section.m_customer .m_info ul li.s3 a{background-position:0 -336px}



/* 여기부터는 리뉴얼전 css */

section.solution_info{ overflow:hidden;}

section.solution_info article.visual{ width:739px; height:345px; overflow:hidden; position:absolute}

section.solution_info article.visual div.slides_container img, section.solution_info article.visual div.slides_container{z-index:1 ;width:739px; height:345px; position:relative; font-family:ngb; font-size:12px}
section.solution_info article.visual div.slides_container span{ display:block; position:absolute; right:10px; top:30px; width:30px; text-align:center}
section.solution_info article.visual div.slides_container span strong{ font-weight:bold; color:#ff0000}
section.solution_info article.visual .prev-left, section.solution_info article.visual .next-right{ background:url(../img/btns.png) no-repeat 0 -48px;width:15px; height:15px; display:block; position:absolute; right:24px; top:10px; z-index:1; font-size:0; line-height:0; text-indent:-999px; overflow:hidden}
section.solution_info article.visual .next-right{z-index:1; background-position:-14px -48px; right:10px; }

section.solution_info article.visual ul.pagination{ width:100%;background:#505050;}
section.solution_info article.visual ul.pagination li{ float:left;  background:#505050; width:25%; height:29px;  }
section.solution_info article.visual ul.pagination li a{ overflow:hidden; margin:0 1px 0 0; display:block;border-left:1px solid #363636; width:100%; height:100%;background:#505050; color:#fff; text-align:center; line-height:29px; font-family:ngb}
section.solution_info article.visual ul.pagination li a:hover{ color:#fff !important; text-decoration:none}
section.solution_info article.visual ul.pagination li.current a{background:#000; }





/**/
section.solution_info article.solution{ overflow:hidden; border-left:1px solid #d5d5d5;height:180px}

section.solution_info article.solution div{ float:left;border-right:1px solid #d5d5d5; overflow:hidden; position:relative; height:180px; background:url(../img/main.png) no-repeat 0 -107px}
section.solution_info article.solution div.s1{ width:260px; background-position:55px -100px; position:relative;}
section.solution_info article.solution div.s2{ width:266px;background-position:155px -270px; position:relative;}
section.solution_info article.solution div.s3{ width:262px; border-bottom:1px solid #d5d5d5; height:102px;background-position:-150px -290px}
section.solution_info article.solution div.s4{ width:262px; height:;background-position:-240px -425px; position:relative;}

section.solution_info article.solution div.s1 p.down , section.solution_info article.solution div.s2 p.down , section.solution_info article.solution div.s4 p.down {position:absolute; top:10px; right:10px; background:url(../img/icon_solution_down.png) no-repeat; width:44px; height:44px; padding:9px 0px 0px 0px; color:#fff; font-size:14px; font-family:ngb; text-align:center;}
section.solution_info article.solution div.s1 p.down span , section.solution_info article.solution div.s2 p.down span , section.solution_info article.solution div.s4 p.down span {display:block; font-size:11px;}

section.solution_info article.solution div h1{ font-family:ngb; color:#000; font-size:18px; padding:25px 10px 10px 10px}
section.solution_info article.solution div.s3 h1{ padding-top:15px}
section.solution_info article.solution div p {padding:0px 10px 10px 15px; line-height:14px; color:#808080}
section.solution_info article.solution div p a{color:#808080}
section.solution_info article.solution div p.price{ padding:10px 0 5px 18px}
section.solution_info article.solution div p.price em{ color:#ff2e2e}
section.solution_info article.solution div p.btn{ padding-bottom:5px}
section.solution_info article.solution div.s3 p, section.solution_info article.solution div.s4 p{ padding-bottom:5px}
section.solution_info article.solution div p.event{ padding:0px 0 5px 18px; line-height:18px}
section.solution_info article.solution div p.event strong{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:32px; height:15px; background:url(../img/main.png) no-repeat -144px -30px; float:left; margin-right:5px;}

/*div.w_full{ background:#dee9f0; overflow:hidden; position:relative; height:230px}
div.w_full article.project{ margin:0 auto; width:1000px; padding:20px 0; height:190px}
div.w_full article.project ul.tab{ width:699px; overflow: visible; height:25px; border-bottom:1px solid #a7bdce; margin-left:18px}
div.w_full article.project ul.tab li{ margin-right:3px; line-height:23px; height:23px}
div.w_full article.project ul.tab li a.tab{ border:1px solid #7295b0; border-radius:3px; border-bottom:none; background:#5998c8; color:#fff }
div.w_full article.project ul.tab li.strong a.tab, div.w_full article.project ul.tab li:hover a.tab{ background:#dee9f0; color:#2b618a; font-weight:bold}

div.w_full article.project article.list{ width:699px;  }

div.w_full article.project li.new article.list{ margin-left:-102px}
div.w_full article.project ul.tab li article.list{ display:none; margin-top:15px; position:relative; overflow: visible; width:699px;}
div.w_full article.project ul.tab li.strong article.list{ display:block;}
div.w_full article.project ul.tab li article.list a.prv, div.w_full article.project ul.tab li article.list a.nxt{ position:absolute; left:-10px; top:50%; z-index:3; background:url(../img/btns.png) no-repeat 0 0; display:block; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:15px; height:30px; margin-top:-15px}
div.w_full article.project ul.tab li article.list a.nxt{ left:auto; right:-10px; background-position:-29px 0}
div.w_full article.project article.list ul{background:#dee9f0;  overflow:hidden; margin:0 0px 0 10px}
div.w_full article.project article.list li{ float:left;width:148px; height:132px; background:#fff; text-align:center; padding:4px; margin:0 7px; box-shadow:3px 3px 3px rgba(0,0,0,0.1); margin-bottom:10px}
div.w_full article.project article.list li strong{ display:block; text-align:left; font-weight:normal}
div.w_full article.project article.list li a{ color:#878787}*/

div.w_full{ background:#dee9f0; overflow:hidden; position:relative; height:130px}

/* 이벤트 */
div.w_full article.event{ position: relative; text-align:right; width:1000px; margin:0 auto; margin-top:-190px}
div.w_full article.event .slides_container{  float:right; width:247px; height:163px}
div.w_full article.event div.slides_container img{width:247px; height:163px;}
div.w_full article.event .prev-left, div.w_full article.event .next-right{ display:none}
div.w_full article.event ul.pagination{position:absolute; right:0; top:-15px;}
div.w_full article.event ul.pagination li{ float:left;width:8px; height:8px;margin:0 1px;  }
div.w_full article.event ul.pagination li a{ overflow:hidden;  display:block;width:100%; height:100%; background:url(../img/btns.png) no-repeat -68px 0}
div.w_full article.event ul.pagination li.current a{ background-position:-58px 0}


/* 서비스 기능 */
section.service_info{ position:relative; overflow:hidden; width:1000px; margin:0 auto; border-left:1px solid #e2e2e2}
section.service_info h1{ width:0; height:0; font-size:0; line-height:0; text-indent:-999px; overflow:hidden}
section.service_info h2{ font-family:ngb; color:#17315f; font-size:18px; margin-bottom:15px}
section.service_info article.noti h2, section.service_info article.qna h2, section.service_info article.sinfo5 h2,  section.service_info article.sinfo5 a, section.service_info article.sinfo6 h2,  section.service_info article.sinfo6 a{ color:#000}
section.service_info article.noti h2 strong, section.service_info article.noti h2 strong a{color:#000; font-weight:normal}
section.service_info article.noti h2 em, section.service_info article.noti h2 em a{ color:#2750a3}


section.service_info article{ padding:15px 19px; width:293px; float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:140px; position:relative}
section.service_info article.sinfo5, section.service_info article.sinfo6{ padding:0; width:332px; position:absolute; right:0; height:250px; top:0}
section.service_info article.sinfo6{ top:251px;height:261px; overflow:hidden}

section.service_info article.noti ul li a, section.service_info article.qna ul li a{ float:left; font-size:12px; color:#6e6e6e; }
section.service_info article.noti ul li span, section.service_info article.qna ul li span{ float:right; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#a8a8a8}
section.service_info article.noti ul li{ background:url(../img/bu.png) no-repeat -183px -108px; padding-left:6px; overflow:hidden}

section.service_info article.qna ul li em{ float:left; background:#1b93d9; height:15px; font-size:11px; color:#fff; border-radius:2px; text-align:center; width:47px; letter-spacing:-1px;  padding:0; vertical-align:middle; line-height:16px; margin:5px 10px 0 0}
section.service_info article.qna ul li em.end{ background:#9d9d9d}
section.service_info article ul li{ line-height:23px}
section.service_info article.qna ul li, section.service_info article.noti ul li{ clear:both; line-height:23px}
a.more{ position:absolute; right:15px; top:20px; background:url(../img/btns.png) no-repeat 0 -84px; width:13px; height:13px; display:block; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; }

section.service_info article.sinfo1, section.service_info article.sinfo2,section.service_info article.sinfo3, section.service_info article.sinfo4, section.service_info article.sinfo5{ background:url(../img/main_bg.jpg) no-repeat 0 40px}
section.service_info article.sinfo2{ background-position:-2px -140px}
section.service_info article.sinfo3{ background-position:-5px -310px}
section.service_info article.sinfo4{ background-position:-5px -455px}
section.service_info article.sinfo5{ background-position:1px -657px}

section.service_info article.sinfo1 ul, section.service_info article.sinfo2 ul,section.service_info article.sinfo3 ul, section.service_info article.sinfo4 ul{ margin-left:145px}
section.service_info article.sinfo2 ul,section.service_info article.sinfo4 ul{ margin-left:160px}
section.service_info article.sinfo3 ul{ margin-left:155px}
section.service_info article.sinfo4 ul{ margin-left:170px}
section.service_info article.sinfo1 h2, section.service_info article.sinfo2 h2,section.service_info article.sinfo3 h2, section.service_info article.sinfo4 h2{ margin-left:140px}
section.service_info article.sinfo3 h2, section.service_info article.sinfo4 h2{ margin-top:15px}
section.service_info article.sinfo2 h2, section.service_info article.sinfo4 h2{ margin-left:155px}
section.service_info article.sinfo5 h2, section.service_info article.sinfo6 h2{ margin:15px 0 15px 15px}
section.service_info article.sinfo1 li a, section.service_info article.sinfo2 li a,section.service_info article.sinfo3 li a, section.service_info article.sinfo4 li a{ font-family: ngb; color:#565555; background:url(../img/bu.png) no-repeat -182px -155px; padding-left:12px; font-size:12px }
section.service_info article.sinfo5 p{ margin:0 0 0 15px; letter-spacing:-1px}
section.service_info article.sinfo6 p{ background:url(../img/main_bg.jpg) no-repeat 8px -920px;overflow:hidden; padding:65px 15px 0 150px; line-height:15px; height:150px}
section.service_info article.sinfo6 article{ padding:0; margin:0; border:none; position:absolute; left:0; top:45px; width:328px; height:auto; float:none; overflow: visible; padding-left:5px;}
section.service_info article.sinfo6 article p{ display:none; margin-top:15px; letter-spacing:-1px;}
section.service_info article.sinfo6 article.strong p{ display:block}
section.service_info article.sinfo6 p a{ color:#959595}
section.service_info article.sinfo6 p em{ display: block; font-family:ngb; color:#212121; font-size:15px; font-weight:normal; padding-bottom:8px}
section.service_info article.sinfo6 p strong{ font-weight:normal; font-family:ngb; font-size:18px; color:#208201; display:block; padding-bottom:15px}

section.service_info article.sinfo6 article h3{ width:107px;display:block; height:26px; margin-left:0; font-size:11px; background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#a9a9a9));background: -moz-linear-gradient(top,  #bfbfbf,  #a9a9a9);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#a9a9a9'); line-height:26px; text-align:center; margin:0; padding:0; color:#fff; cursor:pointer }
section.service_info article.sinfo6 article.strong h3{background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));background: -moz-linear-gradient(top,  #fff,  #fff);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); color:#4b4b4b; border:1px solid #a9a9a9; border-bottom:none; width:105px; height:25px }
section.service_info article.sinfo6 article h3 a{color:#fff;}
section.service_info article.sinfo6 article.strong h3 a{color:#4b4b4b; }


section.service_info article.sinfo6 article.s2{ margin-left:108px}
section.service_info article.sinfo6 article.s3{ margin-left:216px}
section.service_info article.sinfo6 article.s2 p{ margin-left:-108px}
section.service_info article.sinfo6 article.s3 p{ margin-left:-216px}


section.mall_list02 {width:1000px;margin:0 auto; margin-top:13px; position:relative; overflow:hidden;}
section.mall_list02 article.tap {overflow:hidden;}
section.mall_list02 article.tap li {float:left;width:249px; height:31px; border-bottom:1px solid #1364a8; line-height:31px; text-align:center; color:#fff; font-family:ngb; font-size:12px; padding-right:1px; background:#fff; margin-bottom:13px}
section.mall_list02 article.tap li a {display:block; width:100%; height:100%;background:#9bbed9; color:#fff; border-radius:4px 4px 0 0}
section.mall_list02 article.tap li a:hover{background-color:#1364a8; color:#fff !important; text-decoration:none}
section.mall_list02 article.tap li a dfn {color:#ffe400; font-family:Verdana, Geneva, sans-serif; font-size:9px; padding-left:5px; font-weight:bold}
section.mall_list02 article.tap li a.on {background-color:#1364a8;}
section.mall_list02 article.list {clear:both; overflow:hidden;}
section.mall_list02 article.list h2 {font-size:11px; color:#000;}
section.mall_list02 article.list h2 strong {border-radius:3px; font-family:Tahoma, Geneva, sans-serif; font-size:9px; letter-spacing:0px; padding:3px 6px; line-height:100%; color:#fff; font-weight:normal; background-color:#ff6c00;}
section.mall_list02 article.list div.shop_list {margin:10px 0 0 15px;}
section.mall_list02 article.list div.shop_list ul li{ width:217px; margin:0 7px 20px 7px; padding:4px 4px 8px 4px; float:left; border:1px  solid #dadada; height:147px;}
section.mall_list02 article.list div.shop_list ul li p {height:120px; overflow:hidden;}
section.mall_list02 article.list div.shop_list ul li:hover{ background:#4c4c4c; border-color:#000}
section.mall_list02 article.list div.shop_list ul li strong{ display:block; font-weight:normal; color:#474747; margin-top:10px; text-align:center}
section.mall_list02 article.list div.shop_list ul li:hover strong{color:#fff; text-decoration:none}

section.etcsv_info{ position:relative; overflow:hidden;/* background:url(../img/main.png) repeat-x 0 -817px; */ margin:10px auto; width:1000px; padding:10px 0 0 0}
section.etcsv_info h1{width:0; height:0; font-size:0; line-height:0; text-indent:-999px; overflow:hidden}

section.etcsv_info article{ float:left; width:23%; overflow:hidden; margin:0 1%;background: url(../img/main_bg.jpg) no-repeat 0 -1150px;  height:85px; position:relative; overflow:hidden; }
section.etcsv_info article.s2{ background-position:0 -1263px}
section.etcsv_info article.s3{ background-position:0 -1386px}
section.etcsv_info article h2{font-family:ngb; font-size:18px; color:#292929 }
section.etcsv_info article a{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; display:block; position:absolute; width:100%; height:100%; left:0; top:0 }
section.etcsv_info article.s4{ margin-right:0; width:24%; position:relative; overflow:hidden; background:none; height:auto}
section.etcsv_info article.s4 li a{ position:relative; left:auto; top:auto; width:auto; height:auto; font-size:11px; line-height:100%; text-indent:0; display:inline}
section.etcsv_info article.s4 a.more{ position:absolute; right:0; top:0; font-size:0; line-height:0; text-indent:-999px; width:13px; height:13px; display:block; left:auto}

section.etcsv_info article.s4 ul{ padding:10px 0 0 0; line-height:18px}
section.etcsv_info article.s4 ul li{background:url(../img/bu.png) no-repeat -183px -111px; padding-left:6px; overflow:hidden}

section.paging {clear:both; width:100%; padding-bottom:5px;}
section.paging ul {text-align:center;}
section.paging ul li {display:inline;margin-left:2px;}
section.paging ul li a {display:inline-block;padding:5px 7px; line-height:1; border:1px solid #c4c4c4; font-family:ngb; color:#999; }
section.paging ul li a:hover {border:1px solid #01277c; text-decoration:none;}
section.paging ul li a.on {color:#01277c; border:1px solid #01277c;}

/* 메인 로그인 했을때 */
.logout_fr{border:1px solid #dadada;background:#f9f9f9}
.logout_fr .person{margin:5px 0 0 15px}
.logout_fr .person strong{font-weight:bold;color:#1169b6;letter-spacing:-1px}
.logout_fr .memberInfo{margin:0 0 8px 4px;padding-top:3px}
.logout_fr .memberInfo li{margin:0 3px}