"UTF-8";

/**
 * 전체 레이아웃 css 입니다.
 */

/*
body > #wrap : 전체를 감싸는 영역
*/
#wrap {
  width:100%;
  min-width:1100px;
}

/*
  header
*/
#top.header {
  position:relative;
}
  #top.header .navi {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:32px;
  }
    #top.header .navi:hover {
      color:#F53B3E;
    }
      #top.header .navi .container ul {
        float:right;
      }
        #top.header .navi .container ul li {
          float:left;
          min-height:15px;
          padding-top:7px;
          padding-right:10px;
          padding-left:10px;
          font-size:0.9em;
          position:relative;
          z-index:1;
        }
          #top.header .navi .container ul li:after {
            position:absolute;
            top:7px;
            right:-1px;
            content:' | ';
            color:#E7E7E7;
            z-index:-1;
          }
          #top.header .navi .container ul li:last-child {
            padding-right:0px;
          }
            #top.header .navi .container ul li:last-child:after {
              content:'';
            }
            #top.header .navi .container ul li:last-child a {
              color:#F83B41;
            }
            #top.header .navi .container ul li > a {
            }
            #top.header .navi .container ul li.mypage {
              position:relative;
              width:92px;
              padding:0px;
              z-index:10;
            }
              #top.header .navi .container ul li.mypage.hover {
              }
                #top.header .navi .container ul li.mypage > a {
                  display:block;
                  width:71px;
                  height:25px;
                  padding-top:7px;
                  padding-right:10px;
                  padding-left:11px;
                  background:url('../img/header/ico-mypage-hide.png') no-repeat 76px 14px;
                }
                #top.header .navi .container ul li.mypage div {
                  display:none;
                  position:absolute;
                  top:32px;
                  left:0px;
                  width:91px;
                  padding-top:6px;
                  padding-bottom:6px;
                  background:#fff;
                  border:1px solid #CCC;
                }
                #top.header .navi .container ul li.mypage div a {
                  display:block;
                  padding-left:8px;
                  color:#828282;
                  font-size:11px;
                  line-height:23px;
                }
                  #top.header .navi .container ul li.mypage div a:hover {
                    background:#f2f2f2;
                  }
              #top.header .navi .container ul li.mypage.hover > a {
                position:absolute;
                top:0px;
                left:0px;
                padding-top:6px;
                padding-right:10px;
                padding-left:10px;
                background:#fff url('../img/header/ico-mypage-show.png') no-repeat 75px 13px;
                border:1px solid #CCC;
                color:#3e3d3c;
              }
              #top.header .navi .container ul li.mypage.hover > div {
                display:block;
              }

            #top.header .navi .container ul li span {
              display:inline-block;
              height:17px;
              width:17px;
              border-radius:30px;
              line-height:17px;
              color:#FFF;
              text-align:center;
              font-size:0.9em;
              background-color:#000;
              vertical-align:top;
            }
            #top.header .navi .container ul li div {
              position:absolute;
              top:-15px;
              left:5px;
              background-color:#F53B3E;
              border-radius: 3px;
              color: #FFF;
              padding: 2px 5px;
              font-size: 0.9em;
            }

  #top.header .head {
    padding-top:10px;
    padding-bottom:5px;
  }
    #top.header .head .container {
      display:table;
    }
      #top.header .head .container img {
        vertical-align:middle;
      }
    #top.header .head .main-logo,
    #top.header .head .ad {
      display:table-cell;
      height:90px;
      vertical-align:middle;
    }
      #top.header .head .ad {
        height:24px;
        text-align:right;
        position:absolute;
        right:0px;
        top:13px;
      }
        #top.header .head .ad > div {
          float:right;
        }
          #top.header .head .ad > div.banner-title {
            font-size:1.4em;
            font-weight:600;
            cursor:pointer;
          }
          #top.header .head .ad > div.dot {
            font-weight:600;
            padding-left:25px;
            padding-right:3px;
            color:#F83B41;
            margin-top:-2px;
          }

  #top.header .top-service {
    height:35px;
    background-color:#F53B3E;
  }
    #top.header .top-service .all-category {
      position:relative;
      float:left;
      width:180px;
      height:49px;
      margin:0px;
      padding:0px;
      background:#3e3d3c url('../img/header/ico-all-category.png') no-repeat 13px 18px;
    }
      #top.header .top-service .all-category > a {
        display:block;
        height:36px;
        padding-top:13px;
        padding-left:40px;
        color:#fff;
        font-size:14px;
        font-weight:bold;
      }
      #top.header .top-service .all-category > .all-category-layer {
        display:none;
        position:absolute;
        top:0px;
        left:0px;
        z-index:50;
        width:996px;
        /*min-height:616px;*/
        background:#fff;
        border:2px solid #3e3d3c;
        border-top:none;
      }
        #top.header .top-service .all-category > .all-category-layer h2 {
                height:36px;
          margin-bottom:14px;
          padding-top:13px;
          padding-left:38px;
          color:#fff;
          font-size:14px;
          background:#3e3d3c url('../img/header/ico-all-category.png') no-repeat 11px 18px;
        }
        #top.header .top-service .all-category .all-category-layer > div {
          position:relative;
        }
          #top.header .top-service .all-category .all-category-layer > div > button {
            display:block;
            position:absolute;
            top:17px;
            right:17px;
            width:18px;
            height:18px;
            background:url('../img/header/btn-acl-close.png') no-repeat left top;
          }
            #top.header .top-service .all-category .all-category-layer > div > button span {
              display:none;
            }
            #top.header .top-service .all-category .all-category-layer > div > ul {
              display:table;
              margin-bottom:30px;
              margin-left:9px;
            }
              #top.header .top-service .all-category .all-category-layer > div > ul > li {
                display:table-cell;
                width:162px;
                min-height:145px;
                border-left:1px solid #e8e8e8;
              }
                #top.header .top-service .all-category .all-category-layer > div > ul > li:first-child {
                  width:163px;
                  border-left:none;
                }

                #top.header .top-service .all-category .all-category-layer > div > ul > li > strong {
                  display:block;
                  height:24px;
                  padding-top:6px;
                  padding-left:15px;
                  background:#f1f1f1;
                  font-size:13px;
                }
                  #top.header .top-service .all-category .all-category-layer > div > ul > li > strong img{
                    max-width:100%;
                    max-height:17px;
                  }
                  #top.header .top-service .all-category .all-category-layer > div > ul > li > strong a {
                    color:#333;
                  }
                  #top.header .top-service .all-category .all-category-layer > div > ul > li > strong a:hover {
                    color:#3e3d3c;
                  }

                  #top.header .top-service .all-category .all-category-layer > div > ul > li > ul {
                    padding-top:5px;
                    padding-left:15px;
                    line-height:22px;
                  }
                    #top.header .top-service .all-category .all-category-layer > div > ul > li > ul a:hover {
                      color:#3e3d3c;
                    }

                    #top.header .top-service .all-category .all-category-layer > div > ul > li > ul > li {
                    }
                      #top.header .top-service .all-category .all-category-layer > div > ul > li > ul > li img{
                        max-width:100%;
                        max-height:17px;
                      }

                      #top.header .top-service .all-category .all-category-layer > div > ul > li > ul > li > ul {
                        padding-bottom:2px;
                        padding-left:4px;
                        font-size:11px;
                        line-height:20px;
                      }
                        #top.header .top-service .all-category .all-category-layer > div > ul > li > ul > li > ul > li > ul {
                          padding-left:8px;
                          line-height:20px;
                        }
                          #top.header .top-service .all-category .all-category-layer > div > ul > li > ul > li > ul > li > ul a {
                            color:#a2a2a2;
                            font-size:11px;
                          }

    #top.header .top-service h1 {
      min-width:300px;
    }
    #top.header .top-service .search {
      display:table-cell;
      height:19px;
      vertical-align:middle;
      float:left;
    }
      #top.header .top-service .search div {
        position:relative;
        width:232px;
        height:19px;
        line-height:21px;
        margin-top:7px;
      }
        #top.header .top-service .search div .recom-goods {
          border-top:1px solid #d9d9d9 !important;
          margin-top:10px !important;
        }
      #top.header .top-service .search label {
        position:absolute;
        top:11px;
        left:23px;
        color:#3a3635;
        font-size:13px;
        cursor:text;
      }
      #top.header .top-service .search .text {
        float:left;
        width:200px;
        height:21px;
        line-height:21px;
        color:#FFF;
        background-color:#C41013;
        border:none;
        padding:0px !important;
      }
        #top.header .top-service .search .text::-webkit-input-placeholder {
          color:#FFF;
          opacity:0.6;
        }
      #top.header .top-service .search .image {
        float:left;
      }

    #top.header .top-service .link {
      float:right;
      padding-left:10px;
    }
      #top.header .top-service .link > li {
        float:left;
        padding-left:15px;
        height:35px;
        line-height:35px;
      }
        #top.header .top-service .link > li:first-child {
          background:none;
        }

        #top.header .top-service .link > li > a {
          color:#FFF;
          font-size:1.2em;
        }
          #top.header .top-service .link > li:last-child > a,
          #top.header .top-service .link > li > a:hover {
            color:#FFFC79;
          }

/*
  container
*/
.container {
  position:relative;
  width:1100px;
  margin:0px auto;
}
  .container:after {
    content:"";
    display:block;
    clear:both;
  }

#container {
  display:table;
  table-layout:fixed;
  position:relative;
  width:1100px;
  min-height:100%;
  margin:0px auto;
}
  #container:after {
    content:"";
    display:block;
    clear:both;
  }

/*
  side
*/
#side {
  display:table-cell;
  width:160px;
  padding-top:22px;
}
  #side .lnb > .category {
    padding-top:10px;
    padding-bottom:30px;
  }

/*
  조이파티용 가로형 탑 메뉴
*/
.top_Mmenu {
  height:28px;
  padding-top:8px;
  border-bottom:solid 1px #E7E7E7;
  background-color:#FFF;
}
  .top_Mmenu ul.top_M1mU {
    width:1100px;
    margin:0px auto;
    z-index:10000;
  }
    .top_Mmenu span {
      cursor:pointer;
    }

    .top_Mmenu .top_M1mL {
      float:left;
      font-size:0.8em;
      text-align:center;
      height:20px;
    }
    .top_Mmenu .top_M1mL_M,
    .top_Mmenu .top_M1mL_L,
    .top_Mmenu .top_M1mL_F {
      width:109px;
    }
    .top_Mmenu .top_M1mL_M,
    .top_Mmenu .top_M1mL_F {
      border-right:dotted 1px #CCC;
    }
      .top_Mmenu .top_M1mLT {
        position:relative;
        cursor:pointer;
      }
      .top_Mmenu .top_M1mLT:hover {
        color:#F53B3E;
      }
        .top_Mmenu .top_M1mlTitle {
          color:#F75B28;
          font-weight:bold;
        }
        .top_Mmenu .top_M1mlArrow {
          position:absolute;
          display:none;
          top:16px;
          left:50%;
          margin-left:-6px;
          width:12px;
          height:20px;
          font-size:1em;
          color:#F53B3E;
          z-index:10001;
        }

        .top_Mmenu .top_M1mL .top_M2mU {
          display:none;
          position:absolute;
          top:176px;
          left:0px;
          width:100%;
          z-index:10000;
          border-bottom:solid 1px #ff3300;
          background-color:#FFF;
          opacity:.9;
          filter:alpha(opacity=90);
          overflow:hidden;
        }
        .top_Mmenu .top_M1mL .top_M2mUD {
          width:1100px;
          margin-left:auto;
          margin-right:auto;
          border-top:solid 1px #ff3300;
          /* border-radius:5px; */
        }
          .top_Mmenu .top_M1mL .top_M2mUD .top_M2mUDU,
          .top_Mmenu .top_M1mL .top_M2mUD .top_M2mUDU2 {
            float:left;
            width:1098px;
          }
            .top_M2mU:after,
            .top_M2mUD:after {
              display:table;
              content:"";
              clear:both;
            }
            .top_Mmenu .top_M1mL .top_M2mUD .top_M2mUDU2 {
              border-top:dotted 1px #E67F81;
            }
              .top_Mmenu .top_M1mL .top_M2mUD .top_M2mL {
                float:left;
                width:122px;
                padding-top:10px;
                padding-bottom:5px;
                padding-left:17px;
                padding-right:17px;
                text-align:left;
              }
                .top_Mmenu .top_M1mL .top_M2mUD .top_M2mLT {
                  font-size:0.9em;
                  font-weight:bold;
                  width:119px;
                  height:25px;
                  overflow:hidden;
                  padding-top:3px;
                  padding-left:3px;
                  padding-right:3px;
                  line-height:180%;
                  cursor:pointer;
                  margin-bottom:8px;
                }
                  .top_Mmenu .top_M1mL .top_M2mUD .top_M2mLT:hover {
                    color:#F53B3E;
                  }
                    .top_Mmenu .top_M1mL .top_M2mUD .top_M2mLT B {
                      line-height:180%;
                    }
                      .top_Mmenu .top_M1mL .top_M2mUD .top_M3mU {
                        border-top:solid 3px #F53B3E;
                        padding-top:8px;
                        padding-bottom:8px;
                      }
                        .top_Mmenu .top_M1mL .top_M2mUD .top_M3mU .top_M3mL {
                          padding-top:5px;
                          padding-bottom:5px;
                          padding-left:3px;
                          padding-right:3px;
                          font-size:0.85em;
                        }
                          .top_Mmenu .top_M1mL .top_M2mUD .top_M3mU .top_M3mL:hover {
                            background-color:#F5F5F5;
                          }
/*
  상단 메뉴 고정시 클레스
*/
#top.header div.top-service.fixed,
#top.header div.category.fixed {
  position:fixed;
  width:100%;
}
  #top.header div.top-service.fixed {
    top:0px;
    z-index:5;
  }
  #top.header div.category.fixed {
    top:35px;
    z-index:4;
  }
.top_Mmenu .top_M1mL .top_M2mU.fixed {
  top:36px;
}


/*
  조이파티용 세로형 좌측 메뉴
*/
#side_menu {
  width:160px;
  margin-bottom:20px;
}
  #side_menu header {
    width:150px;
    height:140px;
    border:5px solid #F7F7F7;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
    font-size:1.2em;
    color:#000;
    font-weight:bold;
    cursor:pointer;
  }

  .side2_menu {
    margin-top:15px;
    padding-bottom:15px;
    border-bottom:solid 1px #E7E7E7;
  }
    .side2_Mli {
      position:relative;
      font-size:0.8em;
      padding-left:10px;
      padding-right:10px;
    }
    .side2_menu span {
      cursor:pointer;
    }
      .side2_menu .side2_MliT {
        width:100%;
      }
        .side2_menu .side2_MliT:hover {
          color:#F53B3E;
        }
          .side2_menu .side2_MliT,
          .side2_menu .side2_MliT span {
            height:30px;
            line-height:30px;
            display:inline-block;
            position:relative;
          }
          .side2_menu .side2_MliT > span.side2_MlispT {
            color:#333;
          }
            .side2_menu .side2_MliT > span.side2_MlispT:hover {
              color:#F53B3E;
            }
          .side2_menu .side2_MliT > span.side2_MliTArrow {
            width:11px;
            position:absolute;
            right:0px;
            font-size:0.8em;
            color:#888;
            background:url('../img/etc/select-arrow-down-11x7.png') no-repeat left 50%;
          }
          .side2_menu .side2_MliT > span.on {
            color:#000;
            font-size:0.9em;
            background:url('../img/etc/select-arrow-up-11x7.png') no-repeat left 50%;
          }
        .side2_MliTT {
          color:#000;
          font-size:1.1em;
          font-weight:bold;
        }

  .side3_menu.off {
    position:absolute;
    top:-1px;
    left:120px;
    display:none;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#FFF;
    opacity:.9;
    filter:alpha(opacity=90);
    border:solid 1px #F7F7F7;
    width:160px;
    z-index:100;
    font-size:0.9em;
  }
    .side3_menuLi {
      padding-top:5px;
      padding-bottom:5px;
      padding-left:10px;
      padding-right:10px;
    }
      .side3_menuLi:hover{
        background-color:#F5F5F5;
      }
        .side3_Mli {
          position:relative;
        }
          .side3_menu.on {
            border-top:1px solid #F7F7F7;
            border-bottom:1px solid #F7F7F7;
            padding-top:5px;
            padding-bottom:5px;
            margin-top:10px;
            margin-bottom:10px;
          }
          .side3_menuLi.on {
            padding-top:5px;
            padding-bottom:5px;
            padding-left:10px;
            padding-right:10px;
            font-size:0.9em;
            width:130px;
            min-height:19px;
          }
            .side3_menuLi.on:hover {
              background-color:#F5F5F5;
            }
          .side3_menuLiT {
            color:#555;
            font-size:0.9em;
          }
          .side3_menuLiT.on {
            color:#000;
            font-weight:bold;
            font-size:1em;
          }

  .side4_menu {
    position:absolute;
    top:-5px;
    left:110px;
    display:none;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#FFF;
    opacity:.9;
    filter:alpha(opacity=90);
    border:solid 1px #F7F7F7;
    width:160px;
    z-index:100;
    font-size:1em;
  }
    .side4_menuLi {
      padding-top:5px;
      padding-bottom:5px;
      padding-left:10px;
      padding-right:10px;
    }
      .side4_menuLi:hover {
        background-color:#F5F5F5;
      }
        .side4_menuLiT.on {
          color:#F53B3E;
        }

/* 카테고리 타이틀 적용 관련 css 수정 시작 */
/*
  레이아웃 lnb 트리형
*/
#side .lnb  > .category.type-tree {}
  #side .lnb  > .category.type-tree > li {
    padding-top:9px;
    padding-right:10px;
    padding-bottom:12px;
    padding-left:18px;
  }
    #side .lnb  > .category.type-tree > li a:hover {
      color:#3e3d3c;
    }
    #side .lnb  > .category.type-tree > li > a {
      display:inline-block;
      color:#222;
      font-size:13px;
      font-weight:bold;
    }

      #side .lnb  > .category.type-tree > li > ul {
        margin-top:10px;
        padding-top:5px;
        background:url('../img/lnb/dot-3x1-cacaca.png') repeat-x left top;
      }
        #side .lnb  > .category.type-tree > li > ul > li {
          padding-left:10px;
          background:url('../img/lnb/bl-2x2-a3a3a3.png') no-repeat 1px 14px;
          line-height:24px;
        }
          #side .lnb  > .category.type-tree > li > ul > li > a {
            color:#555;
          }

          #side .lnb  > .category.type-tree > li > ul > li > ul {
            padding-bottom:10px;
            padding-left:10px;
          }
            #side .lnb  > .category.type-tree > li > ul > li > ul > li {
              line-height:20px;
            }
              #side .lnb  > .category.type-tree > li > ul > li > ul > li > a {
                color:#999;
                font-size:11px;
              }

                #side .lnb  > .category.type-tree > li > ul > li > ul > li > ul {
                  padding-top:2px;
                  padding-bottom:5px;
                  padding-left:4px;
                }
                  #side .lnb  > .category.type-tree > li > ul > li > ul > li > ul > li {
                    min-height:18px;
                    padding-left:10px;
                    background:url('../img/lnb/dot-tree-depth4-1.png') no-repeat left top;
                    line-height:17px;
                  }
                    #side .lnb  > .category.type-tree > li > ul > li > ul > li > ul > li.last {
                      min-height:18px;
                      padding-left:10px;
                      background:url('../img/lnb/dot-tree-depth4-2.png') no-repeat left top;
                    }
                    #side .lnb  > .category.type-tree > li > ul > li > ul > li > ul > li > a {
                      color:#999;
                      font-size:11px;
                    }

    #side .lnb  > .category.type-tree > li.tit {
      padding-top:9px;
      padding-bottom:12px;
      color:#222;
      font-size:14px;
      font-weight:bold;
      text-indent:17px;
      cursor:default;
    }
      #side .lnb  > .category.type-tree > li.tit img {
        width:178px;
        margin-left:-17px;
      }

        #side .lnb  > .category.type-tree > li > ul li.tit {
          padding-top:5px;
          padding-bottom:7px;
          background:none;
          color:#333;
          font-size:13px;
          cursor:default;
        }
          #side .lnb  > .category.type-tree > li > ul li.tit img {
            max-width:100%;
          }

/*
  레이아웃 lnb 레이어형
*/
#side .lnb  > .category.type-layer ul {
  display:none;
  width:178px;
  border:1px solid #dadada;
}
  #side .lnb  > .category.type-layer ul li {
  }
    #side .lnb  > .category.type-layer ul li a {
      margin-left:18px;
      margin-right:18px;
      background:url('../img/lnb/dot-3x1-d2d2d2.png') repeat-x left top;
    }
    #side .lnb  > .category.type-layer ul li.dot-hide > a {
      background:none;
    }
    #side .lnb  > .category.type-layer ul li:hover {
      background:#2f2f2f;
    }
      #side .lnb  > .category.type-layer ul li:hover > a {
        background:none;
        color:#fff;
        font-weight:bold;
      }
    #side .lnb  > .category.type-layer > li {
      position:relative;
    }
      #side .lnb  > .category.type-layer > li  img{
        max-width:100%;
        max-height:39px;
      }
      #side .lnb  > .category.type-layer > li > a {
        display:block;
        padding-top:9px;
        padding-right:10px;
        padding-bottom:12px;
        padding-left:24px;
        color:#222;
        font-size:13px;
        font-weight:bold;
      }
      #side .lnb  > .category.type-layer > li > a:hover,
      #side .lnb  > .category.type-layer > li > a.has-sub {
        position:relative;
        top:0px;
        left:0px;
        z-index:10;
        width:144px;
        padding-top:9px;
        padding-right:10px;
        padding-bottom:12px;
        padding-left:24px;
        background:#f2f2f2;
        color:#222;
      }
      #side .lnb  > .category.type-layer > li ul {
        padding-top:7px;
        padding-bottom:7px;
      }
      #side .lnb  > .category.type-layer > li > ul {
        position:absolute;
        top:0px;
        left:178px;
        z-index:20;
        background:#fff;
      }
        #side .lnb  > .category.type-layer > li > ul > li {
          position:relative;
        }
          #side .lnb  > .category.type-layer > li > ul > li > a {
            display:block;
            padding-top:5px;
            padding-bottom:7px;
          }
          #side .lnb  > .category.type-layer > li > ul > li:first-child > a {
            background:none;
          }
            #side .lnb  > .category.type-layer > li > ul > li > ul {
              position:absolute;
              top:-8px;
              left:100%;
              background:#fff;
            }
              #side .lnb  > .category.type-layer > li > ul > li > ul > li {
                position:relative;
              }
                #side .lnb  > .category.type-layer > li > ul > li > ul > li > a {
                  display:block;
                  padding-top:5px;
                  padding-right:2px;
                  padding-bottom:7px;
                }
                #side .lnb  > .category.type-layer > li > ul > li > ul > li:first-child > a {
                  background:none;
                }
                  #side .lnb  > .category.type-layer > li > ul > li > ul > li > ul {
                    position:absolute;
                    top:-8px;
                    left:100%;
                    background:#fff;
                  }
                    #side .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li {
                      position:relative;
                    }
                      #side .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li > a {
                        display:block;
                        padding-top:5px;
                        padding-right:2px;
                        padding-bottom:7px;
                      }
                      #side .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li:first-child > a {
                        background:none;
                      }

          #side .lnb  > .category.type-layer > li > ul li a {
            color:#333;
            text-indent:6px;
          }

    #side .lnb  > .category.type-layer > li.tit {
      padding-top:9px;
      padding-bottom:12px;
      color:#222;
      font-size:14px;
      font-weight:bold;
      text-indent:17px;
      cursor:default;
    }
    #side .lnb  > .category.type-layer > li.tit img {
      width:178px;
      margin-left:-17px;
    }
    #side .lnb  > .category.type-layer > li > ul li.tit {
      padding-top:5px;
      padding-bottom:7px;
      color:#333;
      font-size:13px;
      text-indent:16px;
      cursor:default;
    }
    #side .lnb  > .category.type-layer > li > ul li.tit img {
      width:178px;
      margin-left:-16px;
    }
    #side .lnb  > .category.type-layer > li > ul li.tit:hover {
      background:none;
    }
    #side .lnb  > .category.type-layer > li > ul li.tit + li.dot-hide a {
      background:url('../img/lnb/dot-3x1-d2d2d2.png') repeat-x left top;
    }
    #side .lnb  > .category.type-layer > li > ul li.tit + li.dot-hide:hover a {
      background-image:none;
    }
/* 카테고리 타이틀 적용 관련 css 수정  끝 */

/*
  contents
*/
#container > #content {
  display:table-cell;
  width:100%;
  padding-bottom:30px;
  vertical-align:top;
}
  #container > #content > .contents {
  }
    #container > #content > .contents > .view {
      padding-left:20px;
    }
      #container > #content > .contents > .view .goad-banner {
        padding-top:30px;
      }

/*
  scroll banner
*/
#scroll-left {
  position: fixed;
  top:285px;
  right:50%;
  margin-right:520px;
}
  #scroll-left.dim {
    margin-right:538px;
  }

#scroll-right {
  position: fixed;
  z-index:11;
  top: 230px;
  left: 50%;
  margin-left:560px;
}
  #scroll-right.dim {
    margin-left:522px;
  }

.side-move {
  position:fixed;
}
.side-lock {
  position:absolute;
  bottom:50px;
  top:auto;
}


/*
  footer
*/
#footer {
  padding-bottom:25px;
}
  #footer .link {
    padding-top:13px;
    padding-bottom:14px;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
  }
    #footer .link ul {
      overflow:hidden;
    }
      #footer .link ul li {
        float: left;
        padding-right:15px;
        padding-left:15px;
        background:rl('../img/footer/bar-1x10-e0e0e0.png') no-repeat left 5px;
      }
        #footer .link ul li:first-child {
          padding-left:0px;
          background:none;
        }

        #footer .link ul li a.privacy {
          color:#3e3d3c;
          font-weight:bold;
        }

#footer .container {
  display:table;
}
  #footer > .container img {
    vertical-align:middle;
  }
  #footer .container .policy,
  #footer .container .logo {
    display:table-cell;
    vertical-align:middle;
  }
    #footer .container .logo {
      width:190px;
      padding-right:5px;
      padding-left:5px;
    }
    #footer .container .policy {
      padding-top:35px;
      padding-bottom:35px;
      font-size:11px;
      line-height:20px;
    }
      #footer .container .policy address {
      }
      #footer .container .policy ul {
        overflow:hidden;
      }
        #footer .container .policy ul li {
          float:left;
          padding-right:10px;
          padding-left:10px;
          background:url('../img/footer/bar-1x10-e0e0e0.png') no-repeat left 5px;
        }
          #footer .container .policy ul li:first-child {
            padding-left:0px;
            background: none;
          }

      #footer .container .policy p {
        padding-top:5px;
        color:#bbb;
        font-size:11px;
      }
      #footer .container .policy p strong {
        color: #818181;
      }

  #footer .container .certify-mark {
    text-align:left;
  }
    #footer .container .certify-mark span {
      display:inline-block;
      vertical-align:top;
      padding-right:5px;
      padding-left:5px;
    }
      #footer .container .certify-mark span img {
        vertical-align:middle;
      }

/*
  메인 하단 컨텐츠
*/
.bottom {
  padding-top:63px;
  padding-bottom:70px;
  background:#f9f9f9;
  border-top:1px solid #e8e8e8;
}
  .bottom .container > div {
    float:left;
    width:211px;
    margin-left:52px;
  }
    .bottom .container > div:first-child {
      margin:0;
    }

    .bottom .container > div h3 {
      margin-left:7px;
      padding-left:7px;
      border-bottom:1px solid #ddd;
      color:#222;
      font-size:14px;
    }
      .bottom .container > div h3 a {
        color:#222;
      }
      .bottom .container > div > strong {
        color:#565656;
        font-family:arial;
        font-size:26px;
      }
        .bottom .container > div.cs-center > strong {
          color:#3e3d3c;
        }

    .bottom .container > div > p {
      padding-top:5px;
      color:#777;
      line-height:19px;
    }
      .bottom .container > div > p strong {
        color:#444;
      }

    .bottom .container > div > ul {}
      .bottom .container > div > ul li {
        line-height:24px;
      }
        .bottom .container > div > ul li a:hover {
          text-decoration:underline;
        }

        .bottom .container > div > ul li img {
          vertical-align:middle;
        }
        .bottom .container > div > ul li .rating {
          display:inline-block;
          width:66px;
          height:11px;
          background:url('../img/etc/star-bg.png') no-repeat left top;
          vertical-align:middle;
          text-indent:-9999px;
        }
          .bottom .container > div > ul li .rating span {
            display:block;
            height:11px;
            background:url('../img/etc/star-fill.png') no-repeat left top;
          }

/* 최근검색어 */
.search-area {
  float:left;
  position:absolute !important;
  top:14px;
  left:0px;
  width:219px !important;
  padding-top:5px;
  padding-bottom:10px;
  padding-left:5px;
  padding-right:5px;
  z-index:10;
  border-bottom:1px solid #C41013;
  border-right:1px solid #C41013;
  border-left:1px solid #C41013;
}
  .search-area,
  .search-area div
  {
    background:#FFF !important;
    height:auto !important;
    color:#111 !important;
  }

  .search-area div {
    width:100% !important;
  }
  .search-area ul.recent-list {
    width:100%;
  }
    .search-area ul.recent-list li.li-tit {
      color:#111;
      padding-left:5px;
      font-weight:bold;
    }
    .search-area ul.recent-list li.js-recent-all-delete {
      padding-top:7px;
    }
    .search-area ul.recent-list li {
      position:relative;
      width:100%;
      height:20px;
    }
      .search-area ul.recent-list li button.dlt_bn {
        position:absolute;
        top:3px;
        right:0px;
        background-color:#FFF;
        width:15px;
        height:15px;
      }
      .search-area ul.recent-list li.no-data {
        text-align:left;
        padding:5px;
        height:auto !important;
        line-height: normal !important;
        color:#111;
      }

      .search-area ul.recent-list li span {
        padding-left:10px;
        width:206px;
        display:inline-block;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
        .search-area ul.recent-list li span a {
          color:#111;
        }

      .search-area ul.recent-list li small {
        position:absolute;
        top:0px;
        right:25px;
      }
      .search-area ul.recent-list li div {
        float:none !important;
      }
/* 페이코서치 자동완성 */
.autocomplete-area-top { margin:5px 0 !important; position:absolute !important; top:34px; left:15px; width:370px !important; padding:0 !important; z-index:21; }
.autocomplete-area-detail { margin:5px 0 !important; padding:0 !important; position:absolute !important; top:27px; left:-1px; width:248px !important; z-index:21; }
.search-area div { background:#fff !important; height:auto !important; }