@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%; margin:0 auto; background:url('/images/common/gr/bg_utill.gif') #fff repeat-x 0 0; _margin-left:900px;} 
#header {position:relative; height:205px; width:100%; z-index:1000; background:url('/images/common/gr/bg_tmu.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;} 

/* header */
.gnb {position:relative; margin:0 auto; width:900px; height:85px; z-index:100;}
.gnb h1.logo {position:absolute; left:12px; top:29px;}

/* utill */
.utill_area {position:relative; width:900px; margin:0 auto; height:31px;} 
.utill_area .site {float:left;}
.utill_area .site a {display:inline-block; vertical-align:top; float:left;}
.utill_area .utill {float:right; position:relative;}
.utill_area .utill 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 right 12px;}
.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 a .more {display:inline-block;width:11px;height:11px;margin-left:2px;background:url('/images/common/btn/more1.gif') no-repeat; vertical-align:top;}
.utill_area .utill li .btn {display:inline-block; line-height:normal; padding:1px 3px; vertical-align:top;}

/* search */
.search {position:relative; left:198px; top:38px;}
.search ul li {display:inline; float:left;}
.search ul li.search_txt {width:75px; height:22px; float:left; padding:8px 0 0 12px; cursor:pointer; color:#888; border:2px solid #188cd1; background:url('/images/common/gr/bg_search.gif') no-repeat 64px 7px; }
.search input { width:220px; height:30px; border:2px solid #188cd1;  line-height:normal; padding:0; margin:0px 3px;}
.search_push {position:absolute; left:198px; top:70px; width:91px; text-align:center; z-index:100;}
.search_cate  {position:absolute; right:290px; top:70px; width:91px; text-align:center; z-index:100;}
.bx_search_push {height:45px; border:2px solid #188cd1; background:#fff; padding:5px;}
.bx_search_push1 {height:120px; border:2px solid #188cd1; background:#fff; padding:5px;}

/* 부가서비스 메뉴 */
.menu {position:relative; width:920px; margin:0 auto;z-index:10;}
.all {position:absolute; top:60px; left:10px;}
.tmu {    position: relative;
    /* left: 124px; */
    /* top: 14px; */
    padding-top: 10px;
    margin: auto; width:920px; height:48px;} 
.tmu li {float:left; display:inline; background:url('/images/common/gr/tmu_bar.png') no-repeat 0 center; padding:1px 5px 1px 5px; vertical-align:middle;}
.tmu li.nogap {background:none; padding:0px 0px 0px 0;}
.gnb_mu {position:absolute; left:225px; top:15px;} 
.gnb_mu li {display:inline; background:url('/images/common/gr/utill_bar.gif') no-repeat  0 2px; padding:3px 3px; vertical-align:middle;}
.gnb_mu li.nogap {background:none; padding:1px 7px 5px 0;}
.gnb_bnr {position:absolute; right:3px; top:17px;} 
.gnb_bnr li {float:left; display:inline; margin:0 8px;}
.tmu a img.over {display:none;}
.tmu a:hover {border:0px;}
.tmu a:hover img {display:none;}
.tmu a:hover img.over {display:inline;}

/* 상단우측배너*/
#gnb_bnr .topbanner1 { position:absolute; top:0px; right:5px; }
#gnb_bnr .topbanner2 { position:absolute; top:0px; right:5px; filter:alpha{opacity:0}; opacity:0; }
#gnb_bnr .topbanner3 { position:absolute; top:0px; right:5px; filter:alpha{opacity:0}; opacity:0; }

/*로그인 영역 */
.login {position:absolute; right:19px; top:57px; font-size:11px;} 
.login p{display:inline; padding-top:2px;} 
.login .txt {color:#188cd1; font-weight:bold; padding-left:15px; background:url('/images/common/gr/bg_arr01.gif') no-repeat 8px -0;} 
.login input.text2 {font-size:11px; height:17px;}

.lnb {position:relative; margin:0 auto; width:900px; z-index:50px;} 
.navi {position:absolute; right:0; top:60px; 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:88px; left:0; width:898px; z-index:100; border:1px solid #0e4cac; 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-bottom: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;}

/* container */
.colgroup {position:relative; margin:40px auto 0; width:900px; z-index:1; overflow:hidden;} 
.content {position:relative; margin:0 auto; width:900px; z-index:1;}
.main {position:relative; width:100%;  margin:0 auto;  overflow:hidden;} 

/* 오른쪽 퀵배너 */
.aside_r {position:absolute; width:96px; top:26px; right:-111px; z-index:1000; text-align:center;}
.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:190px; top:150px; left:-195px; z-index:1000;}


/* footer */
#footer .fmu {width:900px; height:34px; margin:0 auto; text-align:center; padding-top:10px;}
#footer .fmu li {display:inline; margin:0 4px; line-height:normal; font:normal 11px/17px dotum; color:#888;}
#footer .f_area {position:relative; width:900px; height:80px; margin:0 auto; background:url('/images/common/gr/f_line.gif') no-repeat 150px 17px;}
#footer .f_area .logo {position:absolute; top:26px; left:25px;}
#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;}