/*font congfig*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
* {font-family: '맑은고딕', 'MalgunGothic','Apple Gothic', sans-serif; box-sizing: border-box;}
/*common*/
*:hover {box-sizing: border-box;}
.font_montserrat {font-family: 'Montserrat', sans-serif;}

/*header*/
#header .inner_header .userGnb {background-color: #fff; border-bottom: 1px solid #c2c2c2;}
#header .inner_header .userGnb .wrap .userNav li a {border: none;}
#header .inner_header .rankup_box li a strong {border-radius: 4px;}
#header .inner_header .gnb_mo_cate ul {width: 150%;}
#header .inner_header .gnb_mo_cate ul li {width:18%;}
#header .inner_header .gnb_mo_cate ul li a {font-size: 15px; color: #5b5e65;}
#header .inner_header .gnb_mo_cate ul li a::before {display: none;}
#header .inner_header .lnb .content .wrap {position: relative;}
#header .inner_header .lnb .content .wrap .mobileBtn.mobileMenu {left: 10px;}
#header .inner_header .lnb .content h1 {left: 50%; transform: translate(-50%, 0)}
#header .inner_header .lnb .content .searchBox {width: 260px; right: 0; border:1px solid #b9b9b9; border-radius: 20px;}
#header .inner_header .lnb .content .searchBox dl {width: 260px; border: none;}
#header .inner_header .content .searchBox input[type="text"] {padding: 0 0 0 20px; background-color: rgba(0,0,0,0);}
#header .inner_header .lnb .content .searchBox .search_btn {float: right;}
#header .inner_header .lnb .content .searchBox .search_btn button {background:10px 8px url(/img_up/shop_pds/jtrade/design/images/cside/search.png) no-repeat; background-size: 20px;}
#header .inner_header .lnb .content .searchBox .search_btn button::before {content: none;}
#header .inner_header .lnb .content .rankup_box {top: 42px; left: 0; z-index: 101;}
#header .inner_header .lnb .content .btns_main {display: none;}
#header .inner_header .navigation {background-color: #fff;}
#header .inner_header .navigation .wrap {max-width: 876px;}
#header .inner_header .navigation .allCateBox {max-width: 876px; z-index: 1112;}
#header .inner_header .navigation .cateGnb ul li a {height: 50px; color: #484b50; box-sizing: border-box;}
#header .inner_header .navigation .cateGnb ul li a:hover {border-bottom: 4px solid #6bc9b9; box-sizing: border-box;}
#header .inner_header .navigation .cateGnb ul li a:active {border-bottom: 4px solid #6bc9b9;}
#header .inner_header .navigation .cateGnb ul li a::before {top: 64%; border-left: 1px solid #c2c2c2; height: 8px; }
#header .inner_header .navigation .cateGnb .disTable .disTd {width: 20%;}
#header .inner_header .navigation .gnb .view_all_cate {color: #484b50;}
#header .inner_header .navigation .gnb .view_all_cate.on {color: #6bc9b9;}

/*header-> view all cate*/
.allCateBox #pm_s_allCate {
    padding: 0;
    border: 1px solid #c2c2c2;
}
.allCateBox #pm_s_allCate:after {display: block; content: ''; clear: both;}
.allCateBox #pm_s_allCate .chemist {float: left; width: 18%; height: 284px;}
.allCateBox #pm_s_allCate .chemist img {display: block; margin: 109px auto 0;}
.allCateBox #pm_s_allCate .dep1 {float: left; width: 82%; background-color: #fafafa;}
.allCateBox #pm_s_allCate .dep1 > li {width: 20%; height: 284px; padding: 0 15px; margin: 0; text-align: center; border-left: rgba(64, 64, 64,0.1); box-sizing: border-box;}
.allCateBox #pm_s_allCate .dep2 > li a {margin-top: 20px; white-space: normal; text-overflow: inherit; color: color: #484b50;}
.allCateBox .pm-goods_cate1_horizon_alls_allCate .dep1 > li > a {display: none;}
.allCateBox #pm_s_allCate .benefit {position: absolute; top: 0; left: 874px; width: 138px; height: 286px; background-color: #fff; border-top: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; box-sizing: border-box;}
.allCateBox #pm_s_allCate .benefit a.btn_close {position: absolute; top: -51px; width: 138px; height: 50px; line-height: 54px; text-align: center; background-color: #e7e7e7;  color: #484b50;}
.allCateBox #pm_s_allCate .benefit a.coupon {position: absolute;}
.allCateBox #pm_s_allCate .benefit a.coupon.new {top: 100px; left: 24px;}
.allCateBox #pm_s_allCate .benefit a.coupon.review {top: 200px; left: 24px;}
.allCateBox #pm_s_allCate .benefit a.coupon .desc {display: block; color: #5e6269; font-size: 12px; text-align: center;}
/*sidebar->right*/
.quickWrap #quickRight {
    width: 100px;
    z-index: 1000;
}

.quickWrap #quickRight .hdQuick ul li a {
    height: 90px;
    padding: 0;
    line-height: 135px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    background-position: 30px 20px;
    color: #484b50;
}

#quickRight .hdQuick ul li {border:0;}
#quickRight .hdQuick ul li:nth-child(3) {border-top: 1px solid #dcdcdc;}
#quickRight .hdQuick ul li:nth-child(1) a {background-image: url(/img_up/shop_pds/jtrade/design/images/cside/cart.png);}
#quickRight .hdQuick ul li:nth-child(3) a {background-image: url(/img_up/shop_pds/jtrade/design/images/cside/wish.png);}
#quickRight .hdQuick ul li:nth-child(1) a:hover {background-image: url(/img_up/shop_pds/jtrade/design/images/cside/cart_on.png);}
#quickRight .hdQuick ul li:nth-child(3) a:hover {background-image: url(/img_up/shop_pds/jtrade/design/images/cside/wish_on.png);}

.quickWrap #quickRight .bdQuick strong {
    height: 50px;
    padding: 0;
    text-align: center;
    line-height: 48px;
    background-image: none;
    background-color: #f6f6f7;
}

.quickWrap #quickRight .bdQuick .inner {
    padding: 0;
}

.quickWrap #quickRight .inner .dirGroup {
    box-sizing: border-box;
    border-top: solid 1px #dadada;
    padding: 0;
}
#quickRight .dirGroup .pdindex {display: inline-block; width:40%; font-size: 12px;}
#quickRight .dirGroup #prev3 {display: inline-block; width: 24%; background-color: #f6f6f7;}
#quickRight .dirGroup #next3 {display: inline-block; width: 24%; background-color: #f6f6f7;}

.quickWrap #quickRight .fooQuick {
    position: fixed;
    bottom:2%;
}

.quickWrap #quickRight .fooQuick a {background-color: rgba(0,0,0,0);}

.quickWrap #quickRight .fooQuick a .on {display: none;}
.quickWrap #quickRight .fooQuick a:hover img.off {display: none;}
.quickWrap #quickRight .fooQuick a:hover img.on {display: block;}

/*main slider*/
.main_ban_slider {position: relative;}
.main_ban_slider2 {position: relative; display: none;}
.main_ban_slider .dirGroup,
.main_ban_slider2 .dirGroup {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 1100px;
    margin:0 auto;
    z-index: 1111;
}
.main_ban_slider .dirGroup #prev1,
.main_ban_slider2 .dirGroup #prev1_2 {position:absolute; left: 0;}
.main_ban_slider .dirGroup #next1,
.main_ban_slider2 .dirGroup #next1_2 {position:absolute; right: 0;}

.main_ban_slider .bx-wrapper .bx-viewport .slide li img {width: 100%;}

/*main slider->pager*/
.main_ban_slider .bx-wrapper,
.main_ban_slider2 .bx-wrapper,
.m_main_ban_slider .bx-wrapper {position: relative;}
.main_ban_slider .bx-wrapper .bx-controls,
.main_ban_slider2 .bx-wrapper .bx-controls,
.m_main_ban_slider .bx-wrapper .bx-controls {
    position: absolute;
    left:50%;
    transform: translate(-50%,-30px);
    z-index: 999;
}

.bx-controls .bx-pager .bx-pager-item {
    float: left;
    margin: 0 7.5px;
}

.bx-controls .bx-pager .bx-pager-item a {width: 10px; height: 10px; display: block; text-indent: -9999px; background-color: #aab3b2; border-radius: 100%; color: rgba(0,0,0,0);}
.bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {background-color: #6bc9b9}

/*main new css*/
#container .mainContent .section {padding: 30px 0;}
#container .mainContent .section.sec03 {padding-top: 0;}
#container .mainContent .banners01 {padding: 0;}
.mobile_cont {display: none;}
.section .wrap .secTit_sub {
    margin: 40px 0 7px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #484b50;
}
.section .wrap .secTit {
    padding: 0;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 1.3;
    color: #484b50;
    font-weight: 500;
}

.section .wrap .secTit span {font-size: 16px;}
.section .wrap .cont .pdList ul {margin: 0;}
.section .wrap .pdList .pdItem .dscr {height: 154px; box-sizing: border-box;}
.section .secTabCon .tabItem2 .pdList ul,
.section .secTabCon .tabItem .pdList ul {margin: 0; overflow: hidden; border-left: 1px solid #dcdcdc;}
.section .secTabCon .tabItem2 .pdList ul li a,
.section .secTabCon .tabItem .pdList ul li a {margin: 0; border-left:0;}
.section .secTabCon .tabItem2 .pdList ul li a:hover,
.section .secTabCon .tabItem .pdList ul li a:hover {border:2px solid #83d2c5;}
.section .secTabCon .tabItem2 .pdList ul li a .figure,
.section .secTabCon .tabItem .pdList ul li a .figure,
.subContent .wrap .pdList ul li a .figure {padding: 30px; box-sizing: border-box; border-bottom:1px solid #eee;}
.subContent .wrap .pdList ul li a .figure img {max-height:194px;}
.section .secTabCon .tabItem2 .view_more_link a {display: block; text-align: center; line-height: 50px; color: #60636a; height: 50px; font-size: 14px; background: #f6f6f7;}

.section .wrap .cont_1 .pdList ul::after {display: block; content: ''; clear: both;}
.section .wrap .cont_1 .pdList ul li.pdItem {width:33.3333%; float: left; box-sizing: border-box;}
.section .wrap .cont_1 .pdList ul li.pdItem:nth-child(1) a {border-left: 0; border-right: 0;}
.section .wrap .cont_1 .pdList ul li.pdItem:nth-child(3) a {border-right: 0; border-left: 0;}
.section .wrap .cont_1 .pdList ul li.pdItem a {margin: 0; box-sizing: border-box;}
.section .wrap .cont_1 .pdList ul li.pdItem a:hover {border:2px solid #83d2c5;}

.section .wrap .cont_3 .secTabMenu {border-left: 0; border-right: 0;}
.section .wrap .cont_3 .secTabMenu .disTable {height: 50px;}
.section .wrap .cont_3 .secTabMenu .disTable .disTd {background-color: #f6f6f7;}
.section .wrap .cont_3 .secTabMenu .disTable .disTd.on {background-color: #83d2c5; border-color:#83d2c5;}
.section .wrap .cont_3 .secTabMenu .disTable .disTd a {color:#4b4f58; border-left: 0;}
.section .wrap .cont_3 .secTabMenu .disTable .disTd.on a {color: #fff;}
.sort_symptom.web_cont {max-width: 860px; margin: 0 auto;}
.section .wrap .sort_symptom .secTabMenu {margin-bottom: 40px;border: none;}
.section .wrap .sort_symptom .secTabMenu .disTable {display: block;}
// .section .wrap .sort_symptom .secTabMenu .disTable .disTd:nth-child(1) a .on {display: block;}
// .section .wrap .sort_symptom .secTabMenu .disTable .disTd:nth-child(1) a .off {display: none;}
.section .wrap .sort_symptom .secTabMenu .disTable::after {content: ''; display: block; clear:both;}
.section .wrap .sort_symptom .secTabMenu .disTable .disTd {
    width: 16.6666%;
    display: block;
    float: left;
}
.section .wrap .sort_symptom .secTabMenu .disTable .disTd a {border: none;}
.section .wrap .sort_symptom .secTabMenu .disTable .disTd .image-container {width: 100%; cursor: pointer; background-position: center; background-size: 100px;}
.section .wrap .sort_symptom .secTabMenu .disTable .disTd .pd_label {margin-top: 20px; font-size: 14px;}
.section.sec01 {background-color: #fff;}

.banners01 .wrap ul li {width: auto; margin: 35px 0 0;}

/*main product list display modify*/
.subContent .pdList ul {margin: 0; box-sizing: border-box;}
.subContent .pdList ul .pdItem > a {margin: 0; border: 0; border: 1px solid #dcdcdc; border-left:0; border-top:0; box-sizing: border-box; position: relative;}
.subContent .pdList ul .pdItem:nth-child(1) a,
.subContent .pdList ul .pdItem:nth-child(5) a,
.subContent .pdList ul .pdItem:nth-child(9) a,
.subContent .pdList ul .pdItem:nth-child(13) a,
.subContent .pdList ul .pdItem:nth-child(17) a {border-left: 1px solid #dcdcdc;}
.subContent .pdList ul .pdItem:nth-child(1) a,
.subContent .pdList ul .pdItem:nth-child(2) a,
.subContent .pdList ul .pdItem:nth-child(3) a,
.subContent .pdList ul .pdItem:nth-child(4) a {border-top: 1px solid #dcdcdc;}
.subContent .pdList ul .pdItem > a .line {position: absolute; display: none; z-index:11;}
.subContent .pdList ul .pdItem > a .line1 {top: 0; width: 100%; height: 2px; background: #83d2c5;}
.subContent .pdList ul .pdItem > a .line2 {left: 0; top: 0; width: 2px; height: 100%; background: #83d2c5;}
.subContent .pdList ul .pdItem > a .line3 {bottom: 0; width: 100%; height: 2px; background: #83d2c5;}
.subContent .pdList ul .pdItem > a .line4 {right: 0;  top: 0; width: 2px; height: 100%; background: #83d2c5;}
.subContent .pdList ul .pdItem > a:hover .line.line1 {display: block;}
.subContent .pdList ul .pdItem > a:hover .line.line2 {display: block;}
.subContent .pdList ul .pdItem > a:hover .line.line3 {display: block;}
.subContent .pdList ul .pdItem > a:hover .line.line4 {display: block;}
.section .pdList .pdItem .dscr dt span.goodsName,
.subContent .pdList .pdItem .dscr dt span.goodsName {font-size: 16px; color:#46474b; font-weight: 500}
.section .pdList .pdItem .dscr dd p.krm,
.subContent .pdList .pdItem .dscr dd p.krm {margin-top: 10px;}
.section .pdList .pdItem .dscr dd span.goodsGrade,
.subContent .wrap .pdList .pdItem .dscr dd span.goodsGrade {display: none !important;}
.section .pdList .pdItem .dscr dd span.goodsDesc,
.subContent .wrap .pdList .pdItem .dscr dd span.goodsDesc {
    height: 38px;
    display: block;
    padding-top: 10px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #4e5056;
}
.section .pdList .pdItem .dscr dd p.krm .sijungPrice,
.subContent .pdList .pdItem .dscr dd p.krm .sijungPrice {position: static; float:left; margin: 5px 0 0 50px; font-size: 14px; font-family: 'Montserrat', sans-serif; color: #d0d0d0;}
.section .pdList .pdItem .dscr dd p.krm .goodsPrice,
.subContent .pdList .pdItem .dscr dd p.krm .goodsPrice {float: right; color:#83d2c5; font-size: 20px; font-family: 'Montserrat', sans-serif;}
.section .pdList .pdItem .dscr dd p.krm .goodsSale,
.subContent .pdList .pdItem .dscr dd p.krm .goodsSale {display: none;}
.subContent .pdCate li.cateOn a {background-color: #83d2c5;}


/*footer*/
#layoutBody #footer .fcs {padding: 0; background-color: #f6f6f7; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
#footer .fcs .wrap_cs .ul_cs {width: 100%; padding: 0; display: block; background-color: inherit;}
#footer .fcs .wrap_cs .ul_cs > li {float: left; box-sizing: border-box; border: 0;}
#footer .fcs .wrap_cs .ul_cs .cs_info {position: relative;}
#footer .fcs .wrap_cs .ul_cs .cs_info::before {display: block; content: ''; position: absolute; top: 7.5%; left: 0; width: 1px; height: 85%; background: #dedede;}
#footer .fcs .wrap_cs .ul_cs .cs_info ul {padding: 30px;}
#footer .fcs .wrap_cs .ul_cs > li > ul {padding: 30px; display: block; background-color: inherit; box-sizing: border-box;}
#footer .fcs .wrap_cs .ul_cs > li > ul > li {display: list-item; width:auto; border: none;}
#footer .fcs .wrap_cs .ul_cs > li > ul > li h4 {padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #31343b; text-align: left;}
#footer .fcs .wrap_cs .ul_cs > li > ul > li p {padding-bottom: 20px;  text-align: left; font-size: 14px; letter-spacing: -0.3px; color: #4b4f58;}
#footer .fcs .wrap_cs .ul_cs > li > ul > li:nth-child(3) p {padding-bottom: 0;}
#footer .fcs .wrap_cs .ul_cs .cs_kakao {width:30%; padding: 30px;}
#footer .fcs .wrap_cs .ul_cs .cs_kakao h4 {text-align: left; font-size: 16px;}
#footer .fcs .wrap_cs .ul_cs .cs_kakao p {padding-top: 10px; font-size: 14px; text-align: left; color: rgba(75, 79, 88, 0.9);}
#footer .fcs .wrap_cs .ul_cs .cs_kakao .kakao_info {padding-top:30px;}
#footer .fcs .wrap_cs .ul_cs .cs_kakao .kakao_info a {display: block;}
#footer .fcs .wrap_cs .ul_cs .cs_kakao .kakao_info a img {display: block}
#footer .fcs .wrap_cs .ul_cs .cs_qna {width:35%;}
#footer .fcs .wrap_cs .ul_cs .cs_qna ul li a {width: 130px; height: 38px; display: block; font-size: 12px; line-height: 40px; color: rgba(72, 75, 80, 0.9); border: solid 1px #7a7d85; border-radius: 20px; }
#footer .fcs .wrap_cs .ul_cs .cs_qna ul li a:hover {border-color:#83d2c5; background: #83d2c5; color: #fff;}
#footer .fcs .wrap_cs .ul_cs .cs_info {width:35%;}
#footer .fcs .wrap_cs .ul_cs .cs_info ul li {border-bottom: 1px solid #dedede;}
#footer .fcs .wrap_cs .ul_cs .cs_info ul li:nth-child(1) {background: 100% 8px url(/img_up/shop_pds/jtrade/design/images/cside/cs_info1.png) no-repeat;}
#footer .fcs .wrap_cs .ul_cs .cs_info ul li:nth-child(2) {background: 100% 30px url(/img_up/shop_pds/jtrade/design/images/cside/cs_info4.png) no-repeat;}
#footer .fcs .wrap_cs .ul_cs .cs_info ul li:nth-child(3) {background: 100% 30px url(/img_up/shop_pds/jtrade/design/images/cside/cs_info3.png) no-repeat; border:0;}
#footer .fcs .wrap_cs .ul_cs .cs_info ul li:nth-child(2),
#footer .fcs .wrap_cs .ul_cs .cs_info ul li:nth-child(3) {padding-top: 20px;}
#footer .fcs .wrap_cs .ul_cs .cs_info2 {width:35%;}
#footer .fcs .wrap_cs .ul_cs .cs_info2 ul li {border-bottom: 1px solid #dedede;}
#footer .fcs .wrap_cs .ul_cs .cs_info2 ul li:nth-child(1) {background: 100% 8px url(/img_up/shop_pds/jtrade/design/images/cside/cs_info1.png) no-repeat;}
#footer .fcs .wrap_cs .ul_cs .cs_info2 ul li:nth-child(2) {background: 100% 30px url(/img_up/shop_pds/jtrade/design/images/cside/cs_info4.png) no-repeat;}
#footer .fcs .wrap_cs .ul_cs .cs_info2 ul li:nth-child(3) {background: 100% 30px url(/img_up/shop_pds/jtrade/design/images/cside/cs_info3.png) no-repeat; border:0;}
#footer .fcs .wrap_cs .ul_cs .cs_info2 ul li:nth-child(2),
#footer .fcs .wrap_cs .ul_cs .cs_info2 ul li:nth-child(3) {padding-top: 20px;}
#layoutBody #footer .fguide {background-color: #fff; border-bottom: 1px solid #ededed;}
#footer .fguide .inner .wrap ul li a {color: #4b4f58;}
#footer .fguide .inner .wrap {position: relative;}
#footer .fguide .inner .wrap .insta_ico {position: absolute; top: -2px; right: 0;}
#layoutBody #footer .fcopy {background-color: #fff; border:none;}
#footer .fcopy .wrap .web_cont::after {display: block; content: ''; clear: both;}
#footer .fcopy .wrap .web_cont div {float: left;}
#footer .fcopy .wrap .web_cont div:nth-child(1) {width: 16%; margin-right: 4%;}
#footer .fcopy .wrap .web_cont div:nth-child(2) {width: 80%;}
#footer .fcopy .wrap .web_cont div:nth-child(2) p:nth-child(2) {padding-top: 14px;}
#footer .fcopy .wrap p {color: rgba(75, 79, 88, 0.9);}

/*reponsible css*/
@media only all and (max-width: 1500px) {
    .main_ban_slider {display: none;}
    .main_ban_slider2 {display: block;}
}

@media only all and (max-width: 1100px) {
    .main_ban_slider .dirGroup {display: none;}
    .main_ban_slider2 .dirGroup {display: none;}
    .section .pdList .pdItem .dscr dd p.krm .sijungPrice,
    .subContent .pdList .pdItem .dscr dd p.krm .sijungPrice {margin:5px 0 0 45px; position: absolute; top: -5px; right: 0;}
    .section .pdList .pdItem .dscr dd p.krm .goodsPrice,
    .subContent .pdList .pdItem .dscr dd p.krm .goodsPrice {margin-top: 20px;}
}
@media only all and (max-width: 1023px) {
    .allCateBox #pm_s_allCate .benefit {display: none;}
    .pdList .pdItem {width: 25%;}
}

@media only all and (max-width:767px) {
    #header .inner_header .scroll_blinder {overflow: hidden; height: 45px; border-bottom: 1px solid #dcdcdc;}
    #header .inner_header .gnb_mo_cate {height: 60px; overflow-x: scroll; overflow-y: hidden; background-color: #fff;}
    #header .inner_header .gnb_mo_cate .prev_grd {
        position: absolute;
        top: 50px;
        left: 0;
        width: 18px;
        height: 42px;
        background: -webkit-gradient(linear,left top,right top,color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0)));
        z-index: 1;
    }
    #header .inner_header .gnb_mo_cate .next_grd {
        position: absolute;
        top: 50px;
        right: 0;
        width: 30px;
        height: 42px;
        background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(60%,#fff));
        z-index: 1;
    }
    #header .inner_header .userGnb {display: none; top: 45px; right: 10px;}
    #header .inner_header .lnb .content .wrap .btns_main {display: block; position: absolute; top: 45px; right: 10px; z-index: 999;}
    #header .inner_header .lnb .content .searchBox {display: none; width: 80%;}
    #header .inner_header .lnb .content .searchBox dl {width: 100%;}
    .subContent .pdList .pageNum {margin: 25px 0;}
}

@media only all and (max-width:720px){
    body #moGnb {width: 280px !important; left: -280px; z-index: 1112;}
    body #bgBlack {z-index: 1111;}
    body #moGnb .btnMoCl {right: -22px;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep1 li a::before {display: none;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep1 > li {background: 254px 18px url(/img_up/shop_pds/jtrade/design/images/cside/arrow_b.png) no-repeat; background-size: 14px; border-bottom: 1px solid #dcdcdc;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep1 > li a {padding: 12px 15px;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep1 > li.active {background: 254px 16px url(/img_up/shop_pds/jtrade/design/images/cside/arrow_g.png) no-repeat; background-size: 14px;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep1 > li.active > a {color: #83d2c0;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep2 {padding: 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep2 > li > a {padding: 14px 0; margin-left: 20px; border-bottom: 1px solid #dcdcdc;}
    #moGnb .pm-goods_cate1_vertical_toggle_p_moCate .dep2 > li:last-child > a {border-bottom: 0;}
    #moGnb .pm-navigation_vertical_toggle_q_moNav {display: none;}
    #moGnb .inner .wrap_members {width: 240px; padding: 10px 0; margin: 0 auto;}
    #moGnb .inner .wrap_members a {display: inline-block; width: 110px; height: 35px; background-color: #6bc9b9; border-radius:20px; box-sizing: border-box; text-align: center; color: #fff; font-size: 13px; line-height: 38px;}
    #moGnb .inner .wrap_members a:nth-child(1) {margin-right: 15px;}
    #moGnb .inner .user_gnb {width: 280px; height: 70px; border: 1px solid #e8e9ea; background-color:#fafafa; box-sizing: border-box;}
    #moGnb .inner .user_gnb::after {display: block; content: ''; clear: both;}
    #moGnb .inner .user_gnb li {float: left; width: 25%; height: 100%; box-sizing: border-box; background-size: 34px;}
    #moGnb .inner .user_gnb li a {display: block; height: auto; text-align: center; line-height: 110px; font-size: 12px; color: #60636a;}
    #moGnb .inner .user_gnb li:nth-child(2),
    #moGnb .inner .user_gnb li:nth-child(3),
    #moGnb .inner .user_gnb li:nth-child(4) {border-left: 1px solid #e8e9ea;}
    #moGnb .inner .user_gnb li:nth-child(1) {background: 18px 12px url(/img_up/shop_pds/jtrade/design/images/cside/mgnb_mypage_ico.png) no-repeat; background-size: 28px;}
    #moGnb .inner .user_gnb li:nth-child(2) {background: 18px 12px url(/img_up/shop_pds/jtrade/design/images/cside/mgnb_order_ico.png) no-repeat; background-size: 28px;}
    #moGnb .inner .user_gnb li:nth-child(3) {background: 18px 14px url(/img_up/shop_pds/jtrade/design/images/cside/mgnb_wish_ico.png) no-repeat; background-size: 30px;}
    #moGnb .inner .user_gnb li:nth-child(4) {background: 18px 14px url(/img_up/shop_pds/jtrade/design/images/cside/mgnb_cs_ico.png) no-repeat; background-size: 30px;}
    #header .inner_header .lnb .content .lnb .rankup_box {display: none;}
    #header .inner_header .lnb .content .wrap .btns_main {top: 14px; right: 15px;}
    #header .inner_header .lnb .content .wrap .btns_main .btn_search_open {margin-right: 6px;}
    #header .inner_header .lnb .content .wrap .btns_main a img {width: 19px; height: 18px;}
    #header .inner_header .lnb .content .wrap .mobileBtn.mobileMenu {left: 10px; top: 30px;}
    #header .inner_header .lnb .content .wrap .mobileBtn.mobileMenu a img {width: 20px; height: 16px;}
    #header .inner_header .lnb .content .wrap h1 {padding: 12px 0;}
    #header .inner_header .lnb .content .wrap h1 a img {max-width: 95px;}
    .mobile_cont {display: block;}
    .web_cont {display: none;}
    .mainContent .wrap {padding: 0;}
    .pdList .pdItem {width: 50%;}
    .banners01 .wrap ul li {margin: 20px auto;}
    .sort_symptom.mobile_cont {margin-bottom: 21px;}
    .sort_symptom.mobile_cont .swiper-container .swiper-wrapper .swiper-slide {width: 110px !important;}
    .sort_symptom.mobile_cont .swiper-container .swiper-wrapper .swiper-slide .image-container {position: relative; padding-bottom: 40px; height: 140px;}
    .sort_symptom.mobile_cont .swiper-container .swiper-wrapper .swiper-slide .Tit {position: absolute; bottom:0; transform: translate(-50%,0); white-space: nowrap; font-size: 15px;}
    .sort_symptom.mobile_cont .swiper-container .swiper-wrapper .swiper-slide .pd_label {display: none;}
    .sort_symptom.mobile_cont .swiper-container .swiper-pagination {display: none;}
    .subContent > .wrap {padding: 0;}
    #container.mainContent .section.sec01 {padding-top: 0;}
    .mainContent .section {padding: 0;}
    .mainContent .banners01 {padding: 0;}
    .section .wrap .secTit_sub {margin: 25px 0 5px;}
    .section .wrap .secTit {margin-bottom: 18px; font-size: 22px;}
    .section .wrap .cont_1 .pdList ul li.pdItem a:hover {border: 1px solid #dcdcdc;}
    .section .wrap .cont_1 .pdList ul li.pdItem:nth-child(1) a {border-left: 0; border-right: 0;}
    .section .wrap .cont_1 .pdList ul li.pdItem:nth-child(3) a {border-right: 0; border-left: 0;}
    .subContent .pdList .pdItem a:hover {border: 1px solid #dcdcdc;}
    .section .wrap .cont_1 {height: 0; padding-bottom: 64%; overflow: hidden;}
    .section .wrap .cont_1 .pdList {overflow-x: scroll; height: 0; padding-bottom: calc(64% + 20px);}
    .section .wrap .cont_1 .pdList ul {width: 250%;}
    .section .wrap .cont_1 .pdList .pdItem .figure img {height: auto;}
    .section .wrap .cont_3 {padding-bottom: 20px;}
    .section .wrap .cont_3 .secTabMenu {margin-bottom:0; border-bottom: 0;}
    .section .wrap .cont_3 .secTabMenu .disTable .disTd {width: 50%; float: left; display: block; box-sizing: border-box;}
    .section .wrap .cont_3 .secTabMenu .disTable .disTd:nth-child(1),
    .section .wrap .cont_3 .secTabMenu .disTable .disTd:nth-child(2) {border-bottom: 1px solid #dcdcdc;}
    .section .wrap .cont_3 .secTabMenu .disTable .disTd:nth-child(2),
    .section .wrap .cont_3 .secTabMenu .disTable .disTd:nth-child(4) {border-left: 1px solid #dcdcdc;}

    .section .secTabCon .tabItem2 .pdList ul,
    .section .secTabCon .tabItem .pdList ul,
    .subContent .pdList ul {border: 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
    .subContent .pdList ul li {position: relative;}
    .subContent .pdList ul li::after {content: ''; display: block; width: 100%; height: 1px; background-color: #dcdcdc; position: absolute; bottom: 0;}
    .section .secTabCon .tabItem2 .pdList ul li a,
    .section .secTabCon .tabItem .pdList ul li a,
    #container .subContent .pdList .pdItem a {border: 0;}

    .section .secTabCon .tabItem .pdList ul li a:hover,
    .section .secTabCon .tabItem2 .pdList ul li a:hover,
    #container .subContent .pdList .pdItem a:hover {border: 0;}

    .section .secTabCon .tabItem2 .pdList ul li:nth-child(1) a,
    .section .secTabCon .tabItem .pdList ul li:nth-child(1) a {border-bottom: 1px solid #dcdcdc;}
    .section .secTabCon .tabItem2 .pdList ul li:nth-child(2) a,
    .section .secTabCon .tabItem .pdList ul li:nth-child(2) a {border-bottom: 1px solid #dcdcdc;}
    #container .subContent .pdList .pdItem a  {}
    #container .subContent .pdList .pdItem:nth-child(11) a,
    #container .subContent .pdList .pdItem:nth-child(12) a {border: 0;}
    #container .subContent .pdList .pdItem:nth-child(even) a {position: relative;}
    #container .subContent .pdList .pdItem:nth-child(even) a::before {display: block; content: ''; position: absolute; left:0; width:1px; height: 100%; background-color: #dcdcdc;}

    .section .secTabCon .tabItem2 .pdList ul li:nth-child(2) a,
    .section .secTabCon .tabItem2 .pdList ul li:nth-child(4) a {position: relative;}
    .section .secTabCon .tabItem .pdList ul li:nth-child(2) a,
    .section .secTabCon .tabItem .pdList ul li:nth-child(4) a {position: relative;}

    .section .secTabCon .tabItem2 .pdList ul li:nth-child(2) a::before,
    .section .secTabCon .tabItem .pdList ul li:nth-child(2) a::before {display: block; content: ''; position: absolute; left:0; width:1px; height: 100%; background-color: #dcdcdc;}
    .section .secTabCon .tabItem2 .pdList ul li:nth-child(4) a::before,
    .section .secTabCon .tabItem .pdList ul li:nth-child(4) a::before {display: block; content: ''; position: absolute; left:0; width:1px; height: 100%; background-color: #dcdcdc;}

    .section .secTabCon .tabItem2 .pdList ul li a .figure,
    .section .secTabCon .tabItem .pdList ul li a .figure {padding:16px 18.5px;}
    .section .pdList .pdItem .dscr {padding: 15px 18.5px;}
    .section .pdList .pdItem .dscr dd p.krm .sijungPrice,
    .subContent .pdList .pdItem .dscr dd p.krm .sijungPrice {font-size: 13px;}
    .section .pdList .pdItem .dscr dd p.krm .goodsPrice,
    .subContent .pdList .pdItem .dscr dd p.krm .goodsPrice {font-size: 18px;}
    .section .pdList .pdItem .dscr dt span.goodsName {font-size: 14px;}
    .section .pdList .pdItem .dscr dd span.goodsDesc {font-size: 12px; color: #7c8086;}
    #footer .fcs {padding: 15px; background-color: #f6f6f7; border-top: 1px solid #ededed; border-bottom:1px solid #ededed;}
    #footer .fcs .wrap_cs h2 {padding: 15px 0; text-align: left; font-size: 13px; color: #4b4f58;}
    #footer .fcs .wrap_cs {padding: 0 25px;}
    #footer .fcs .wrap_cs .links {border: none; padding-bottom: 10px;}
    #footer .fcs .wrap_cs .links ul {padding-bottom:17.5px; background-color: #f6f6f7;}
    #footer .fcs .wrap_cs .links ul li {float: left; width: 50%;}
    #footer .fcs .wrap_cs .links ul li a {
        display: block; height: 35px;
        line-height: 35px;
        width: 97%;
        border-radius: 20px;
        font-size: 12px;
        box-sizing: border-box;
    }

    #footer .fcs .wrap_cs .links ul .cs_kakao a {margin-right:3%; background:#fbdd01 url(/img_up/shop_pds/jtrade/design/images/cside/kakao_ico.png) 10px no-repeat; background-size: 20px; border: 1px solid #fbdd01; color: rgba(59, 33, 32, 0.9); text-indent: 25px;}
    #footer .fcs .wrap_cs .links ul .qna a {margin-left:3%; background-color: #6bc9b9; border: 1px solid #6bc9b9; color: #fff;}

    #footer .fcs .wrap_cs .links p {
        font-size: 12px;
        text-align: left;
        font-weight: bold;
        color: #4b4f58;
    }

    #footer .fcs .wrap_cs .links span {
        padding-top: 11px;
        display: block;
        font-size: 12px;
        color: #7c8086;
    }
    #footer .fcs .wrap_cs .links span strong{color:#4b4f58;}

    #layoutBody #footer .fguide {background-color: #fff; border-bottom: 1px solid #ededed;}
    #footer .fguide .inner .wrap {padding: 0;}
    #footer .fguide .inner .wrap ul li {width: 25%;}
    #footer .fguide .inner .wrap ul li:nth-child(3) {padding-left: 15px;}
    #footer .fguide .inner .wrap ul li a {padding: 0; display: block; font-size: 12px; text-align: center; color: rgba(105, 110, 117, 0.9); white-space: nowrap;}
    #layoutBody #footer .fcopy {padding: 15px 25px; background-color: #fff; border-top: none;}
    #layoutBody #footer .fcopy .wrap {padding: 0;}
    #footer .fcopy .wrap p {font-size: 12px; color:#7c8086;}
    #footer .fcopy .wrap p:nth-child(2) {padding-top: 15px;}
}
@media only all and (max-width:420px) {
    .sort_symptom.mobile_cont .swiper-container .swiper-wrapper .swiper-slide {width: 25.5% !important;}
    .sort_symptom.mobile_cont .swiper-container .swiper-wrapper .swiper-slide .image-container {width: 70px; height:100px; background-size: 70px;}
    .sort_symptom.mobile_cont .swiper-container .swiper-wrapper .swiper-slide .Tit {font-size: 13px;}
}