@charset "utf-8";
/************************************************************************
 * 파일명      : layout.css
 * 설명        : 레이아웃_공통
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2011.06.03
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/
/* layout */
#wrap {position:relative; min-width:900px; width:100%; background:url('/images/common/gr/bg_utill.gif') #fff repeat-x 0 0; _margin-left:900px;} 
/*#header {position:relative; height:204px; width:100%; z-index:1000; background:url('/images/common/gr/bg_tmu.gif') repeat-x 0 bottom;} 15-06-15 업종별 검색 노출시*/
#header {position:relative; height:164px; width:100%; z-index:1000; background:url('/images/common/gr/bg_tmu1.gif') repeat-x 0 bottom;}
#container {height:auto !important; height:300px; min-height:300px; margin:0 auto; width:100%; z-index:1; overflow:hidden;} 
#footer {position:relative; clear:both; height:100px; width:100%; padding-top:20px; margin:0 auto; background:url('/images/common/gr/bg_footer.gif') repeat-x 0 20px;} 
#service {position:relative; clear:both; width:900px; padding-top:20px; margin:0 auto;} 
/* header */
/*.gnb {position:relative; margin:0 auto; width:900px; height:85px; z-index:100;}15-06-15 업종별 검색 노출시 */
/*.gnb h1.logo {position:absolute; left:30px; top:23px;}15-06-15 업종별 검색 노출시 */
.gnb {position:relative; margin:0 auto; width:900px; height:45px; z-index:100;}
.gnb div.logo {position:absolute; left:5px; top:10px; height:100%; width:190px; }
.gnb div.logo .img { }
.gnb div.logo .logotext {padding: 20px 0px; background:#f3f3f3; position:relative; top:0px; text-align:center; text-align:center; font-size:22px; font-weight:bold; color:#fe6601;}
.gnb div.logo .logotextMin {padding: 10px 0px; background:#f3f3f3; position:relative; top:0px; text-align:center; text-align:center; font-size:20px; letter-spacing:2px; line-height:23px; font-weight:bold; color:#fe6601;}

/* header admin */
.gnb_admin {display:none; background:#CCFFFF; position:relative; margin:0 auto; width:-100px; height:45px;}
.gnb_none {display:none; }

/* utill */
.utill_area {position:relative; width:900px; margin:0 auto; height:33px;} 
.utill_area .site {float:left; position:relative;}
.utill_area .site li {float:left; color:#A0A3A8; font-size:11px; letter-spacing:-1px; line-height:normal; margin-right:-2px; padding: 5px 6px 0 6px; background:url('/images/common/gr/utill_bar.gif') no-repeat 0px 10px;}
.utill_area .site li .btn1 {display:inline-block; line-height:normal; padding:1px 3px 7px 3px; vertical-align:top;}
.utill_area .site li.nogap {background:none;}
.utill_area .site li a {font-size:11px; color:#95969E; display:inline-block; line-height:normal; padding:5px 3px; vertical-align:middle;}
.utill_area .site a.button {background:#959595;border:1px solid #8c8b8b;font-size:11px; color:#fff; padding:5px 6px 2px 6px;}

.utill_area .utill {float:right; position:relative;}
.utill_area .utill li {float:left; color:#A0A3A8; font-size:11px; letter-spacing:-1px; line-height:23px; margin-right:-2px; padding: 5px 4px 0 4px; background:url('/images/common/gr/utill_bar.gif') no-repeat 0px 11px;}
.utill_area .bar {color:#EDEEEF; vertical-align:middle; font-size:11px;}
.utill_area .utill li a {font-size:11px; color:#95969E; display:inline-block; line-height:normal; padding:5px 3px; vertical-align:middle;}
.utill_area .utill li .btn {display:inline-block; line-height:normal; padding:1px 3px 7px 3px; vertical-align:top;}
.utill_area .utill li.myg{position:relative}
.utill_area .utill li.myg a{padding-right:13px; }
.utill_area .utill li.myg a.arrow{position:absolute;right:7px;top:13px;padding:0;width:7px;height:16px;background:url('/images/common/gr/common.png') no-repeat  0 0; text-indent:-999em}
.utill_area .utill li.myg a.arrow.active{background-position:0px -19px}
.utill_area .utill li.myg div.layer{position:absolute;z-index:150;top:23px;left:0px;padding:7px 0 4px;width:87px;background:#fff;border:1px solid #99999a;}
.utill_area .utill li.myg div.layer a{margin:0;padding:0 10px;background:none;line-height:20px;*zoom:95}
.utill_area .utill li.myg div.layer a:hover{color:#4858da;text-decoration:underline}
.utill_area .utill li.myg div.layer a.button_close{overflow:hidden;position:absolute;right:0;bottom:0;display:block;padding:0;margin:0;width:17px;height:22px;background:url('/images/common/gr/common.png') no-repeat 0 -32px;text-indent:-999em}
.utill_area .utill li.smg{position:relative;}
.utill_area .utill li.smg a{padding-right:13px;}
.utill_area .utill li.smg a.arrow{position:absolute;right:7px;top:13px;padding:0;width:7px;height:16px;background:url('/images/common/gr/common.png') no-repeat  -26px 1px; text-indent:-999em}
.utill_area .utill li.smg a.arrow.active{background-position:-26px -19px}
.utill_area .utill li.smg div.layer{position:absolute;z-index:150;top:23px;left:0px;padding:7px 0 4px;width:87px;background:#fff;border:1px solid #4858da;}
.utill_area .utill li.smg div.layer a{margin:0;padding:0 10px;background:none;line-height:20px;*zoom:95}
.utill_area .utill li.smg div.layer a:hover{color:#4858da;text-decoration:underline}
.utill_area .utill li.smg div.layer a.button_close{overflow:hidden;position:absolute;right:0;bottom:0;display:block;padding:0;margin:0;width:17px;height:22px;background:url('/images/common/gr/common.png') no-repeat -25px -32px;text-indent:-999em}

/*로그인*/
.login input.text { width:95px;height:20px;margin:0 0 4px;padding:0 8px;border:1px solid #e8e7e7;}
.login input.text.label-id {background:#fbfbfb url('/images/main2/id_txt.gif') no-repeat 5px 6px;}
.login input.text.label-pw {background:#fbfbfb url('/images/main2/pw_txt.gif') no-repeat 5px 6px;}

/* search */
.search {position:relative; left:198px; top:17px; width:392px; height:32px; background:url('/images/common/gr/bg_search.gif') no-repeat 86px 7px; border:2px solid #4858da;}
.search ul li {display:inline; float:left;}
.search ul li.search_txt {width:85px; float:left; padding:8px 0 0 8px; cursor:pointer; color:#888;}
.search input {font:bold 14px dotum; color:#666; height:18px; line-height:normal; padding:0; width:235px; margin:7px 0 0 8px; border:0 none; line-height:normal;}
.search_push {position:absolute; left:198px; top:51px; width:87px; text-align:center; z-index:100;}
.bx_search_push {height:80px; border:2px solid #4858da; background:#fff; padding:5px;}
.search_text{position:absolute; top:62px ; left:198px; width:100%;}




/* 메인메뉴 */
.menu {position:relative; margin:0 auto; width:900px;height:45px; z-index:10;margin-top:40px;  font-family:Malgun Gothic,Dotum,applegothic,sans-serif,arial;}/* 15-06-15 margin-top:40px; 추가 업종별 검색 노출시 */
.menu .all{position:absolute; left:21px; top:18px; } 
/*.tmu {position:absolute; left:236px; top:18px; } 15-06-15 업종별 검색 노출시 */
/*.tmu {position:absolute; left:236px; top:18px; } 
.tmu li {float:left; display:inline; background:url('/images/common/gr/tmu_bar.png') no-repeat 0 center; padding:0px 22px 0 23px; vertical-align:top;}
.tmu li.nogap {background:none; padding:1px 22px 5px 0;}
.tmu a img.over, .gnb_mu a img.over {display:none;}
.tmu a:hover, .gnb_mu a:hover {border:0px;}
.tmu a:hover img, .gnb_mu a:hover img {display:none;}
.tmu a:hover img.over, .gnb_mu a:hover img.over {display:inline;} */

.gnb_mu {position:absolute; right:12px; top:28px;} 
.gnb_mu li {float:left; display:inline; margin:0 10px; color:#95969e;letter-spacing:-1px;}
.gnb_mu li a{color:#95969e;text-decoration: underline; height:26px; display: inline-block; }

/* 변경된 메인메뉴 15-09-16 추가  */
.menu .big_menu {margin-left:105px;}
.menu .big_menu:after {display:block;content:'';clear:both;}
.menu .big_menu li {float:left;padding:16px 0 0px 20px;letter-spacing:0;font-size:13px;font-weight:bold; background:url('/images/common/icon/bar_big.gif') no-repeat 8px 18px;}
.menu .big_menu li:first-child {padding-left:0;background:none;}
.menu .big_menu li.on {padding:10px 8px 0;border:2px solid #00a9e0;border-bottom:0;background:none;}
.menu .big_menu li a {display:block;text-align:left;}
.menu .big_menu li dl {display:none; position:absolute;top:33px;left:1px;border:2px solid #4858da;background:#fff;width:145px;padding:10px 10px 11px 10px; z-index:220;font-weight:normal;}
.menu .big_menu dl dt {padding:8px 0 0 10px;height:17px;font-size:13px;color:#333;letter-spacing:0;font-weight:bold;text-align:left;}
.menu .big_menu dl.sub_menu01 {left:100px;}
.menu .big_menu dl.sub_menu02 {left:169px;}
.menu .big_menu dl.sub_menu03 {left:260px;}
.menu .big_menu dl.sub_menu04 {left:370px;}
.menu .big_menu dl.sub_menu05 {left:508px;}
.menu .big_menu dl dd a , .sub_menu dl dd a {display:block;padding:2px 10px 0 10px;height:17px;overflow:hidden;font-size:12px;color:#666;}
.menu .big_menu dl dd a:hover, .sub_menu dl dd a:hover {background:#f3f3f3;}
.see_all {position:absolute;top:7px;left:2px;display:block;width:60px;_width:79px;height:17px; padding:10px 0 4px 29px; margin-left:-3px;font-size:13px;font-weight:bold;color:#333; font-family:Nanum Gothic,Malgun Gothic,Dotum,applegothic,sans-serif,arial;background:#fff url('/images/common/icon/gnb.gif') no-repeat 8px 12px; text-decoration:none; z-index:100}


.menu .location{position:absolute;top:12px; right:0px;float:right; height:25px;}
.menu .location .depth{width:150px;height:21px;padding:0;border:2px solid #f2f2f2;background:url(/images/common/gr/bg_location.gif) no-repeat;cursor:pointer;float:left;margin-right:5px;position:relative;}
.menu .location .depth .selc{width:144px;height:16px;padding:3px 0 0 6px;overflow:hidden;}
.menu .location .depth .sort_mu{width:142px;height:120px;padding:3px;margin:0;border:1px solid #ccc;text-align:left;background:#fff;position:absolute;top:21px;left:0;overflow-y:auto;scrollbar-face-color: #ffffff;scrollbar-shadow-color: #CCCCCC;scrollbar-highlight-color: #CCCCCC;scrollbar-3dlight-color: #F2F2F2;scrollbar-darkshadow-color: #F2F2F2;scrollbar-track-color: #F2F2F2;scrollbar-arrow-color: #CCCCCC;}
.menu .location .depth .sort_mu li { height:17px;border:1px solid #fff;color:#595d64;}
.menu .location .depth .sort_mu li a:hover{display:block;padding:3px 0 0 3px;height:15px;background:#f1f2fe;color:#4858da;text-decoration:none;}

/* 부가서비스 메뉴 레이어 15-10-14 추가  */
.sch {position:relative;margin:0 auto; width:900px;height:40px;padding-top:10px;z-index:150;}
.sch button{overflow:hidden;width:179px;height:22px;padding:0 22px 0 8px;border:1px solid #bbb;background:#fff url('/images/common/gr/select_arr.gif') no-repeat 100% 0;color:#4d4d4d;font:12px/110% tahoma,dotum;text-align:left;}
.sch .select-layer{position:absolute;left:0;top:31px;padding-top:2px;background:#fff;border:1px solid #bbb}
.sch .select-layer ul{width:177px;padding:2px 0;}
.sch .select-layer ul li a{display:block;height:16px;padding:3px 0 0 7px;font-size:11px;color:#666}
.sch .select-layer ul li.on a{background:#efefef}
.sch .select-layer ul li a:active,
.sch .select-layer ul li a:focus,
.sch .select-layer ul li a:hover{background:#efefef;color:#4858da;text-decoration:underline}
.sch .ad{position:absolute;right:12px;top:11px; }


.lnb {position:relative; margin:0 auto; width:900px; z-index:50px;} 
.navi {position:absolute; left:0; top:8px; text-align:left; color:#7d7d7d; font-size:11px; letter-spacing:-0.05em; background:url('/images/common/icon/navi.gif') no-repeat 0 20%; padding-left:16px;}
.navi select.sel_navi {border-top:#a4a4a4 1px solid; border-left:#a4a4a4 1px solid; border-bottom:#c7c7c7 1px solid; border-right:#c7c7c7 1px solid; font:normal 11px dotum; color:#7d7d7d; padding:1px;}

.allcate {position:absolute; top:45px; left:0; width:898px; z-index:100; border:1px solid #4858da; background:#fff; } 
.allcate span.btn_close {position:absolute; right:0px; bottom:0px;}
.allcate .cate_list {position:relative; width:878px; font-size:11px; padding:10px; text-align:left; overflow:hidden;}
.allcate .cate_list li {float:left; line-height:15px; width:175px; background:#fff;}
.allcate .cate_list .h2_bg {margin:3px 0 5px; background:#fbfbfb; border:1px solid #ddd; width:152px; height:17px; padding:8px 0 5px 10px; font-weight:bold;}
.allcate .cate_list h3 a {padding-left:6px; background:url('/images/common/icon/bu_square_gray2.gif') no-repeat 0 40%; font-size:11px; letter-spacing:-1px; line-height:19px; font-weight:normal;}
/* yw@170719 main 에만 사용함.  */
.allcateNeo  {position:relative; top:5px; left:0; width:898px; z-index:100; border:1px solid #4858da; background:#fff; } 
.allcateNeo span.btn_close {position:absolute; right:0px; bottom:0px;}
.allcateNeo .cate_list {position:relative; width:878px; font-size:11px; padding:10px; text-align:left; overflow:hidden;}
.allcateNeo .cate_list li {float:left; line-height:15px; width:175px; background:#fff;}
.allcateNeo .cate_list .h2_bg {margin:3px 0 5px; background:#fbfbfb; border:1px solid #ddd; width:152px; height:17px; padding:8px 0 5px 10px; font-weight:bold;}
.allcateNeo .cate_list h3 a {padding-left:6px; background:url('/images/common/icon/bu_square_gray2.gif') no-repeat 0 40%; font-size:11px; letter-spacing:-1px; line-height:19px; font-weight:normal;}

/* container */
.colgroup {position:relative; margin:40px auto 0; width:900px; z-index:1; overflow:hidden;} 
.main {position:relative; width:100%;min-height:500px; overflow:hidden;} 
.content {position:relative; margin:0 auto; width:900px; z-index:1;}
/* sell container */
.sel_content {position:relative; margin:0 auto; width:96%; z-index:1;}
.sel_main {position:relative; width:100%; background:url('/images/main/bg_main.gif') repeat-x 0 0; min-height:500px; overflow:hidden;} 

/* 오른쪽 퀵배너 */
.aside_r {position:absolute; width:96px; top:0; right:-111px; z-index:900; text-align:center;}
.aside_r .emy{border:1px solid #c1c1c1;height:190px;}
.aside_r .emy .charge{border-bottom:1px solid #c1c1c1;height:28px;background:url('/images/common/aside/bg_today_num.gif'); font-size:11px; color:#fff; ; line-height:280%; letter-spacing:-1px;}
.aside_r .emy .charge a{color:#fff}
.aside_r .emy .list {padding:0 7px;font-size:11px; font-weight:bold;} 
.aside_r .emy .list li {height:24px;padding:5px 0px 10px 3px;text-align:left; border-bottom:1px solid #dddddd; line-height:16px;}
.aside_r .emy .list li .price {float:right;color:#fe6601}
.aside_r .emy .list li.no {border-bottom:none;}
.aside_r .today {position:relative; width:96px; font-size:11px; line-height:140%; background:#fff;}
.aside_r .today .today_num {position:relative; width:96px; height:22px; background:url('/images/common/aside/bg_today_num.gif'); font-size:11px; color:#ffe465; padding-top:6px;}
.aside_r .today .goods {text-align:center; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; padding:11px 0;}
.aside_r .today .goods li {margin:0 0 7px 0; line-height:170%;}
.aside_r .today .goods li img {width:70px; height:70px; border:1px solid #dddddd;}
.aside_r .today .goods .goodList {overflow-y:hidden; overflow-x:hidden; height:237px;}
.aside_r a.btn {display:block; width:96px; height:22px; color:#ffe465; background:url('/images/common/aside/bg_btn.gif'); font-size:11px; padding-top:6px;}
.aside_r a.top {margin-top:8px; display:block;}

/* 왼쪽 퀵배너 */
.aside_l {position:absolute; width:84px; top:0; left:-99px; z-index:900;text-align:center;}
.aside_l .box_realbox {display:block;width:70px;height:380px;padding:8px 7px 0px 7px;border-style:solid;border-width:1px 1px 1px;border-color:#dedede;background-color:#f4f4f4;}
.aside_l .box_realbox .tit_real {display:block;width:100%;height:23px;font-size:11px;line-height:20px;letter-spacing:-1px;white-space:nowrap;}
.aside_l .box_realbox .tit_real  h2 {display:inline;color:#393939;font-weight:bold;text-indent:0 !important;font-size:11px !important;line-height:20px !important;}
.aside_l .goods_list { text-align:center;}
.aside_l .goods_list li {position:relative; float:left; width:70px; margin:0 18px 8px 0;}
.aside_l .goods_list li.no{margin-right:0px;}
.aside_l .goods_list a.name {padding-top:5px; line-height:130%; overflow:hidden; max-height:26px;  color:#666; display:block; font-size:11px;}
.aside_l .goods_list strong.price {color:#393939; font:bold 11px Tahoma; margin-bottom:5px;}
.aside_l .goods_list img {width:70px; height:70px; border:1px solid #e6e6e6;}
.aside_l .goods_list a:hover img {width:70px; height:70px; border:1px solid #4858da;}

/* footer */
#footer .fmu {width:900px; height:23px; margin:0 auto; text-align:center; padding-top:7px;}
#footer .fmu li {display:inline; margin:0 4px; line-height:normal;}
#footer .f_area {position:relative; width:900px; height:85px; margin:0 auto;} /*  background:url('/images/common/gr/f_line.gif') no-repeat 150px 17px; */
#footer .f_area .logo {position:absolute;left:5px;top:10px; height:65px; width:180px;}
#footer .f_area .logo .logotext {padding: 20px 0px; position:relative; top:10px; text-align:center; text-align:center; font-size:25px; font-weight:bold; color:#fe6601; background-color:#d1d1d1; }
#footer .f_area .logo .logotextMin {padding: 10px 0px; position:relative; top:10px; text-align:center; text-align:center; font-size:20px; letter-spacing:2px; line-height:23px; font-weight:bold; color:#fe6601; background-color:#d1d1d1; }

#footer .f_area address {position:absolute; top:20px; left:190px; font:normal 11px/17px dotum; color:#888;}
#footer .f_area span {font:normal 11px/17px dotum; color:#bdbdbd;}
#footer .f_area em {position:absolute; top:55px; left:190px; font:bold 8px/18px tahoma; color:#999;}
 

/* loading */
.loading {position:relative; width:100%; height:230px; margin-top:200px; text-align:center;}

/* 고객센터영역 */
#service .all_area {position:relative; width:898px; border-top:2px solid #d1d1d1; border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1; float:left; margin:0 auto; }
#service .all_area .tit_notice {font-size:12px;font-weight:bold;color:#333;float:left;padding:10px}
#service .all_area .list_all {overflow:hidden;width:898px;padding:11px 0 0 0px; border-top:1px solid #d1d1d1;}
#service .all_area .list_all li {float:left;padding:5px 15px 8px 15px;line-height:18px; background:url('/images/common/gr/utill_bar.gif') no-repeat 0 7px;}
#service .all_area .list_all .fst {background:none}

/* 마이페이지 판매관리 메뉴 15-07-02 추가*/
#gnb2 {position:relative; height:73px; background:url('/smanage/images/common/gr/bg_tmu.gif') repeat-x 0 bottom;}
#tmu1 {width:100%; height:32px; background-color:#4758da; border-top:1px solid #2537bb; border-bottom:1px solid #2537bb; padding-left:20px; overflow-y:auto;}
#tmu1 li {display:block; float:left;}
#tmu1 li a {display:block; height:24px; color:#fff; padding:8px 17px 0 17px;}
#tmu1 li a:hover {display:inline-block; zoom:1; *display:inline; background-color:#6c79e1;}

/* 서브메뉴 */
.smu dt {display:inline; background:url('/smanage/images/common/gr/gap.gif') no-repeat right 45%; padding:0 13px 0 9px;}
.smu1 {position:absolute; top:43px; left:30px; overflow:hidden; display:none;}
.m_smu2 {position:absolute; top:43px; left:200px; overflow:hidden; display:none;} /* 15-05-22 마이페이지 적용  JHA 추가 */
.smu2 {position:absolute; top:43px; left:305px; overflow:hidden; display:none;}
.smu3 {position:absolute; top:43px; left:387px; overflow:hidden; display:none;}
.m_smu3 {position:absolute; top:43px; left:280px; overflow:hidden; display:none;}/* 15-05-22 마이페이지 적용  JHA 추가 */
.smu4 {position:absolute; top:43px; left:470px; overflow:hidden; display:none;}
.m_smu4 {position:absolute; top:43px; left:362px; overflow:hidden; display:none;}/* 15-05-22 마이페이지 적용  JHA 추가 */
.smu5 {position:absolute; top:43px; left:590px; overflow:hidden; display:none;}
.m_smu5 {position:absolute; top:43px; left:223px; overflow:hidden; display:none;}/* 15-05-22 마이페이지 적용  JHA 추가 */
.smu6 {position:absolute; top:43px; left:690px; overflow:hidden; display:none;}
.m_smu6 {position:absolute; top:43px; left:328px; overflow:hidden; display:none;}/* 15-05-22 마이페이지 적용  JHA 추가 */
.smu7 {position:absolute; top:43px; left:90px; overflow:hidden; display:none;}
.m_smu7 {position:absolute; top:43px; left:120px; overflow:hidden; display:none;}/* 15-05-22 마이페이지 적용  JHA 추가 */
.smu8 {position:absolute; top:43px; left:800px; overflow:hidden; display:none;}
.m_smu8 {position:absolute; top:43px; left:440px; overflow:hidden; display:none;}/* 15-05-22 마이페이지 적용  JHA 추가 */
.smu9 {position:absolute; top:43px; left:510px; overflow:hidden; display:none;}
.smu10 {position:absolute; top:43px; left:612px; overflow:hidden; display:none;} 
.smu11 {position:absolute; top:43px; left:200px; overflow:hidden; display:none;} 
.m_smu11 {position:absolute; top:43px; left:98px; overflow:hidden; display:none;} /* 15-05-22 마이페이지 적용  JHA 추가 */