@charset "euc-kr";
header {}
#page_title {display: none;}
header #page_title {display: block;}
header #page_title .top_btn {position: absolute; top: 19px; left: 20px; width: 19px; height: 16px;}
header #page_title .top_btn div {width: 19px; height: 16px; background: url(../../common/img/new/goods/btn_list_view.png) no-repeat; background-size: 19px;}

.search-area {background: transparent;}
.search-area #search-box {}
.search-area #search-box input {color: #000; background: #fff; box-sizing: border-box; outline: none; border: 1px solid #ccc; padding-right: 26px;}
.search-area #search-box-btn {background: url(../img/new/ico/srch_right_btn.png) no-repeat center/16px;}

.content .top_title {display: none;}

.side_menu {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 2;}
.side_menu.on {display: block;}

.side_top {padding: 0 20px; margin: 26px 0 35px; position: relative;}
.side_menu .btn_x {background: url(../img/new/ico/ico_btn_x.png) no-repeat center/17px; width: 17px; height: 17px; border: 0; font-size: 0;}
.side_menu #categorylist {padding: 0;}

.right_menu {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.right_menu ul {font-size: 0;}
.right_menu ul li {display: inline-block; vertical-align: middle; margin-right: 20px;}
.right_menu ul li:last-child {margin-right: 0;}
.right_menu ul li.search {}
.right_menu ul li.search img {width: 18px;}
.right_menu ul li.mypage img {width: 19px;}
.right_menu ul li.cart {}
.right_menu ul li.cart span {font-size: 12px; color: #fff; font-weight: 600; background: #de1b23; border-radius: 50%; width: 19px; line-height: 19px; text-align: center; display: inline-block;}
.right_menu ul li.cart span em {font-style: normal;}

.side_menu > ul {padding: 0 20px;}
.side_menu > ul > li {margin-bottom: 15px;}
.side_menu > ul > li:last-child {margin-bottom: 0;}

.side_menu > ul > li.toggle_btn {}
.side_menu > ul > li.toggle_btn.on {}
.side_menu > ul > li.toggle_btn > a {display: block; background: url(../img/new/ico/ico_toggle.png) no-repeat right center/14px auto;}
.side_menu > ul > li.toggle_btn > a.on {background: url(../img/new/ico/ico_toggle_on.png) no-repeat right center/14px auto;}

.side_menu > ul > li > a {font-size: 18px; font-weight: bold;}

.side_menu #categorylist .gd-gnb {border: 0; border-top: 1px solid #000; margin: 18px 0 0;}
.side_menu .gd-gnb .dep2 > li > a,
.side_menu .gd-gnb .dep3 > li > a {border: 0;}
.side_menu .gd-gnb .dep2 li a {padding: 10px 0; font-size: 14px; color: rgba(0, 0, 0, .75); font-weight: bold;}
.side_menu .gd-gnb .dep2 li:last-child a {padding-bottom: 0;}

.side_menu .dep3 {padding-left: 10px;}
.side_menu .dep3 a {font-size: 13px !important; color: #777 !important;}
.side_menu .dep4 {padding-left: 20px;}
.side_menu .gd-gnb .gnb-arr {}

/* »óÇ° ¸®½ºÆ® */
#page_title .top_title {font-size: 20px; font-weight: 600; text-align: center; color: #000; border: 0; line-height: 56px; height: 56px; border-bottom: 0 !important;}
section#subcategory-list {overflow-x: auto; padding: 0 20px; margin: 20px 0 0; -ms-overflow-style: none;}
section#subcategory-list::-webkit-scrollbar{display:none;}
section#subcategory-list .top_title {display: table; border: 0;}
section#subcategory-list .top_title li {display: table-cell; padding: 0 3px;}
section#subcategory-list .top_title li:first-child {padding-left: 0;}
section#subcategory-list .top_title li:last-child {padding-right: 0;}
section#subcategory-list .top_title li a {font-size: 14px; font-weight: 600; color: #666; border: 1px solid #ccc; border-radius: 17px; display: inline-block; line-height: unset; padding: 0 17px; white-space: nowrap;}
section#subcategory-list .top_title li.on a {background: #000; color: #fff; border: 1px solid #000;}

section#goodslist .goods-sort-area {height: unset; border: 0; padding: 0 20px;}
section#goodslist .goods-sort-area:after {content: ''; clear: both; display: block;}
section#goodslist .goods-sort-area .goods-sort select {background: url(../img/new/ico/ico_select_bg.png) no-repeat right center/auto 6px; appearance: none; width: 100px; height: 35px; border: 0; border-bottom: 1px solid #000; font-size: 12px; box-sizing: border-box; outline: none; padding-left: 0;}

section#goodslist .goods-sort-area .goods-view-type .view-list {background: url(../img/new/ico/gallery_type_01_on.png) no-repeat center/25px;}
section#goodslist .goods-sort-area .goods-view-type .view-list-disable {background: url(../img/new/ico/gallery_type_01.png) no-repeat center/25px;}

section#goodslist .goods-sort-area .goods-view-type .view-gallery {background: url(../img/new/ico/gallery_type_02_on.png) no-repeat center/25px;}
section#goodslist .goods-sort-area .goods-view-type .view-gallery-disable {background: url(../img/new/ico/gallery_type_02.png) no-repeat center/25px;}

section#goodslist .goods-area .goods-content {margin: 35px 0 0;}
section#goodslist .goods-area .goods-row {padding: 5px 10px;}
section#goodslist .goods-area .goods-item {width: 50%; padding: 0 10px; border: 0; box-sizing: border-box;}
section#goodslist .goods-area .goods-item .goods-nm {padding: 0;}
section#goodslist .goods-area .goods-item .goods-nm a {font-size: 13px; color: #000;}
section#goodslist .goods-area .goods-item .goods-img {padding: 0;}
section#goodslist .goods-area .goods-item .goods-img img {border: 0;}
section#goodslist .goods-area .more-btn {font-size :14px; font-weight: 500; color: #666; border: 1px solid #ddd; background: #fff; height: 50px; line-height: 48px; width: calc(100% - 40px); margin: 35px 20px 0; box-sizing: border-box;}
section#goodslist .goods-area .goods-item .goods-price {padding: 0;}
section#goodslist .goods-area .goods-item .goods-price .red {font-size: 14px; font-weight: bold; color: #000;}
section#goodslist .goods-area .goods-item .goods-price.soldout .red {text-decoration: line-through; color: #aaa;}
section#goodslist .goods-area .goods-list-item .goods-list-info .goods-price .color_red {color: #000;}
section#goodslist .goods-area .goods-list-item .goods-list-info .goods-price .per {font-size: 14px; color: #de1b23; margin-right: 3px;}
section#goodslist .goods-area .goods-list-item .goods-list-info .red {color: #000;}

section#footer {margin-top: 60px;}

section#goodslist .goods-area .goods-list-item {padding: 10px 20px;}
section#goodslist .goods-area .goods-list-item .goods-list-img {border: 0;}
section#goodslist .goods-area .goods-list-item .goods-list-info {margin-left: 15px;}
section#goodslist .goods-area .goods-list-item .goods-list-info .goods-nm {font-size: 13px; color: #000;}

.sky_hilight {color: #dd1c24; font-weight: 600;}

section#nqnaregister table td textarea {resize: none;}
section#nqnaregister .btn_center .btn_save {font-weight: 500;}
section#nqnaregister .btn_center .btn_prev {font-weight: 500;}

section#gallery-boardlist table {padding: 0 20px; box-sizing: border-box; margin: 20px 0 0;}
section#gallery-boardlist table td {display: block;}
section#gallery-boardlist #board-table .title .box {width: 100%; box-sizing: border-box; padding: 0 20px; margin: 0 0 50px; border: 0;}
section#gallery-boardlist #board-table .title .box > div {width: 100% !important; background: #fff; opacity: 1; color: #000; font-size: 15px; font-weight: 500; margin: 10px 0 0; position: static; max-width: unset;}
section#gallery-boardlist .more-btn {font-size: 14px; font-weight: 500; color: #666; border: 1px solid #ddd; width: calc(100% - 40px); height: 50px; line-height: 48px; box-sizing: border-box; margin: 0 auto; background: #fff;}

section#boardContent {border-top: 0;}
section#boardContent .title {padding: 0 20px; border: 0;}
section#boardContent .subject-text {font-size: 16px; font-weight: 500; margin: 0; width: 100%;}
section#boardContent .contents_holder {padding: 10px 20px; font-size: 14px; border: 0; box-sizing: border-box; width: 100%;}
section#boardContent .contents_holder video {width: 100%;}
section#boardContent .btn_center {border: 0;}
section#boardContent .btn_center button {font-size: 14px; font-weight: 500; color: #666; border: 1px solid #ddd; width: calc(100% - 40px); height: 50px; line-height: 48px; box-sizing: border-box; margin: 0 auto; background: #fff;}

.service_index {padding: 20px;}
.service_index ul {border-top: 1px solid #222;}
.service_index ul li {border-bottom: 1px solid #eee;}
.service_index ul li a {font-size: 13px; font-weight: 500; color: #000; line-height: 51px; display: block; background: url(../img/new/service/ico_service_arrow_right.png) no-repeat right center/6px 11px;}

.cpr_wrap {padding: 0 20px;}

.cpr_txt_con {margin: 0; padding: 0 0 20px; border-bottom: 1px solid #eee;}
.cpr_txt_con label {font-size: 13px; font-weight: 500; display: block; padding: 15px 0 8px;}
.cpr_txt_con input {border: 1px solid #ddd; padding: 0 15px; box-sizing: border-box; height: 45px; font-size: 13px;}
.cpr_txt_con textarea {padding: 13px; border: 1px solid #ddd; box-sizing: border-box; height: 110px;}
.cpr_t_tit {font-size: 13px; font-weight: 500; display: block; padding: 15px 0 8px;}
.cpr_txt_bx {border: 1px solid #ccc; padding: 15px; font-size: 12px; line-height: 1.5;}

.cpr_agr_cont {text-align: left;}
.cpr_agr_cont .cpr_agr_all {height: auto;}
.cpr_agr_cont .cpr_agr_all label {font-size: 13px; float: none;}
.cpr_agr_cont .cpr_agr_all input {height: 23px; float: none;}

.cpr_btn {display: table; width: 100%; margin: 30px 0 0;}
.cpr_btn .cpr_btn_con {height: auto; width: 50%; display: table-cell; padding: 0 5px 0 0;}
.cpr_btn .cpr_btn_con:last-child {padding: 0 0 0 5px;}
.cpr_btn .cpr_btn_con a {font-size: 14px; font-weight: 500; color: #666; border: 1px solid #ddd; background: #fff; height: 50px; line-height: 48px; border-radius: 0;}
.cpr_btn .cpr_btn_con.red a {color: #fff; border: 1px solid #000000; background: #000000;}

.as_wrap {padding: 0 20px;}
.se_wr select {margin: 10px 0 0; border: 1px solid #ddd; width: 100%; height: 45px; box-sizing: border-box; font-size: 13px; padding: 0 15px; appearance: none; background: url(../img/new/ico/ico_select_bg.png) no-repeat right 15px center/11px auto;}
.as_t_wrap {margin: 40px 0 0;}
.as_table1 {border-top: 1px solid #222;}
.as_table1 .row {border-bottom: 1px solid #eee; display: block; padding: 15px 0; position: relative; padding-right: 50px;}
.as_table1 .row:first-child {display: none;}
.as_table1 .row .tit {background: #fff; display: none;}

.as_table1 .row .call {border-right: 0; font-size: 12px; color: #999;}
.as_table1 .row .cont {border-bottom: 0; text-align: left; height: auto; display: block; width: 100%;}
.as_table1 .row .shopnm {font-size: 14px; font-weight: 500; color: #000; border-right: 0; margin: 0 0 10px;}
.as_table1 .row .info {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: auto; z-index: 1; text-align: center;}
.as_table1 .row .as_cent_vbtn {font-size: 12px; color: #fff; background: #000; width: 40px; line-height: 20px; border-radius: 0; border: 0;}

.page_con .on {color: #000;}
.page_con a {color: #999;}

.as_table1_view {margin: 0 0 20px; border-top: 1px solid #222222;}
.as_table1_view .row {border-bottom: 1px solid #eee; padding: 15px 0; display: block;}
.as_table1_view .row .tit {background: none; border: 0; display: block;}
.as_table1_view .row .tit p {padding: 0 0 8px; font-weight: 500; font-size: 13px;}

.as_table1_view .row .list_con {border: 0; display: block; height: auto; width: 100%;}
.as_table1_view .row .cont p {padding: 0; font-size: 13px;}

section#cart .sum_area {padding: 0 20px;}