/* BASIC css start */

.MK_top_banner { text-align: center; }
div.H-7338-1-1 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }





#header, #header .top-pix {background-color: #fff !important;}
#header #gnb ul li a {color:#000 !important;}
#header #gnb {background-color:#F8C5CE !important; border-bottom-color: #F8C5CE !important;}
.header-logo .top-ico {color:#727272 !important;}
.sch-box .sch input[type='text'] {border-color: #727272 !important;}



div.H-7338-1-2 #header {width:100%; position:relative; line-height:0; border-bottom: 1px solid #ddd;} 
div.H-7338-1-2 #header h1 {text-align:center; padding:12px 0; min-height:21px;}
div.H-7338-1-2 #header .header-logo { position: relative; }
div.H-7338-1-2 #header .logo-area { position: relative; }
div.H-7338-1-2 #header .txt_h1 {font-size:1.2em; line-height:normal;}
div.H-7338-1-2 #header .btn-temp4-list {position: absolute; bottom: 13px; left: 15px; width:20px; height:20px; display: inline-block; color: #777;}
div.H-7338-1-2 #header .btn-bookmark {position:absolute; left:55px; bottom: 13px; width:20px; height:20px; color: #777;}
div.H-7338-1-2 #header .btn-cart {position:absolute; right: 55px; bottom: 13px; width:20px; height:20px; color: #777;}
div.H-7338-1-2 #header .btn-sch {position:absolute; right:15px; bottom: 13px; width:20px; height:20px; color: #777;}
div.H-7338-1-2 #header #gnb {position:relative; width:100%; height:34px; display:inline-block; border-bottom: 1px solid #ddd; background: #f7f7f7;}
div.H-7338-1-2 #header #gnb ul li {position:relative; float:left; width:25%; height:34px; line-height:36px; text-align:center;}
div.H-7338-1-2 #header #gnb ul li a {color:#313131; font-size:.750em; display:block;}
div.H-7338-1-2 #header .user_basket_quantity {position:absolute; right:-11px; top:-9px; display: inline-block; background:#ff4e4e; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; width:15px; height:15px; margin-left:-10px; line-height:16px; font-size: 11px; color: #fff; text-align: center;}
 

div.H-7338-1-2 .speech-bubble { position: absolute; top:25px; left: 50%; line-height: normal; z-index: 3; width: 70px; margin-left: -35px;}
div.H-7338-1-2 .speech-bubble p { border: 1px solid #78CABC; background-color: #78CABC; border-radius: 3px; padding: 2px; letter-spacing:-0.5px; font-size: 0.688em; color: #FFFFFF; }
div.H-7338-1-2 .speech-bubble .speech-bubble-arrow {position: relative; left: 50%; margin-left: -5px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #78CABC; }



/* Àå¹Ù±¸´Ï °³¼ö ¹Ì³ëÃâ */
div.H-7338-1-2 #header .user_basket_quantity {display: none;}

/* »ó´Ü °íÁ¤ */
div.H-7338-1-2 .top-pix {position: fixed !important; top: 0; box-shadow: 0 0 7px 0 #676767; width: 100%; opacity: 0.8; z-index: 4;}

/* °Ë»ö */
.sch-box {position: relative; width:100%;}
.sch-box .sch {width:100%; display:inline-block;}
.sch-box .sch > div {position:relative; padding:5px 8px;}
.sch-box .sch p { margin: 0 10px;}
.sch-box .sch input[type='text'] {border: 2px solid #9e9e9e; width:100%; height:35px; line-height:35px; border-radius: 18px;}
.sch-box .sch .btn-detail-sch {position:absolute; right:30px; top:17px; width:15px; height:15px; font-size:0.75em; line-height:0; color: #777;}

/* ȸ¿ø°¡ÀÔ ¸»Ç³¼± */
.shake {display:inline-block; -webkit-animation:MK_shake_animation 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;}
@-webkit-keyframes MK_shake_animation{
  0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  5%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg); }
  10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg); }
  20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}



/* sns³ëÃâ °ü·Ã css */
div.H-7338-1-2 #header .sns_icons {position: relative; text-align: right; padding-right: 10px; padding-top: 10px; width: 100%; box-sizing: border-box;}
div.H-7338-1-2 #header .sns_icons img {width: 27px; height: auto;border-radius: 3px;}


div.H-7338-1-2 .sch-box .ranking-top .ranking-tit { background-color:#000000; color:#FFFFFF; }
div.H-7338-1-2 .sch-box .sch input[type='text'] { border-color:; }
div.H-7338-1-2 .sch-box .ranking-top .ranking-wrap ul li a span { color:#8C8C8C; }
div.H-7338-1-2 .header-logo .top-ico { color:#777777; }
div.H-7338-1-2 .sch-box .ranking-top .ranking-wrap ul li a { color:#464646; border-color:#BBBBBB; background-color:#FFFFFF; }
div.H-7338-1-2 #header, #header .top-pix { background-color:#FFFFFF; }
div.H-7338-1-2 #header #gnb { background-color:#F7F7F7; border-bottom-color:#DDDDDD; }
div.H-7338-1-2 #header #gnb ul li a { color:#313131; }
div.H-7338-1-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* ·¹ÀÌ¾î ¸ñ·Ï */
#layer-list .pp2-layer-bg {height: 100%; background-color: #fff; margin-right: 60px;}
#pp2-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background-color: #000; }
#layer-list {visibility: visible; position: fixed; 
    top: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    z-index: 101;
    -webkit-transition-property:-webkit-transform, right, top;
    -webkit-transition-duration:.2s;
    -webkit-transform:translate3d(-100%,0,0);
    -webkit-transition-timing-function:ease-out;

    -moz-transition-property:-moz-transform, right, top;
    -moz-transition-duration:.2s;
    -moz-transform:translate3d(-100%,0,0);
    -moz-transition-timing-function:ease-out;

    -o-transition-property:-o-transform, right, top;
    -o-transition-duration:.2s;
    -o-transform:translate3d(-100%,0,0);
    -o-transition-timing-function:ease-out;
    -o-transform:translate(100%,0px);

    -ms-transition-property:-ms-transform, right, top;
    -ms-transition-duration:.2s;
    -ms-transform:translate3d(-100%,0,0);
    -ms-transition-timing-function:ease-out;

    transition-property:transform, right, top;
    transition-duration:.2s;
    transform:translate3d(-100%,0,0);
    transition-timing-function:ease-out;
}
.bg-modal {position:absolute; left:0; top:0; width:100%; height: 100%; z-index:4;}

.layer-list {position:absolute; left:0; top:0; width:100%;}
.layer-list .layer-list-box {margin-right:60px; background:#fff; overflow:hidden; line-height:14px;}
.layer-goods-box .layer-overlay-click,
.layer-list .layer-overlay-click { position: absolute; right: 0; top: 0; width: 60px; height: 100%; z-index: 1; }



.layer-list .layer-list-top {position: relative;height: 80px;line-height: 80px;}
.layer-list .layer-list-top .btn-logo {display: block;font-weight: bold;text-align: center;vertical-align: middle;}
.layer-list .layer-list-top .btn-logo img {max-height: 40px;width: auto;}
.layer-list .layer-list-top .btn-list-close {position: absolute; top: 5px; right: 5px; width: 45px; height: 36px;}
.layer-list .layer-list-top .btn-list-close .pop-close-btn .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}
.layer-list .layer-list-top .btn-list-close .pop-close-btn .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}
.layer-list .layer-list-top .menu-sch-box .sch .btn-detail-sch {position: absolute; right: 10px; top: 15px; width: 15px; height: 15px; font-size: 0.75em; line-height: 0; color: #777;}

.layer-list .my-list {height: 40px;padding: 0 16px 17px;overflow: hidden;}
.layer-list .my-list li {float:left;width:50%;color:#333;font-size:14px;text-align:center;}
.layer-list .my-list li a{font-family: 'Noto Sans KR', sans-serif; font-weight:300;}
.layer-list .my-list li a.btn-join {display: block;height: 36px;line-height: 36px;border: 2px solid #ffaeae;color: #ffaeae;background-color: #fff;margin-right: 3px;}
.layer-list .my-list li a.btn-login {display: block;height: 36px;line-height: 36px;border: 2px solid #999999;color: #222222;}
.layer-list .my-list li strong {color:#e74c3c;}z`
.layer-list .my-list li a {color:#333;}
.layer-list .my-list li a strong {color:#e74c3c;}

.layer-list .my-list-sch { position: relative; }
.layer-list .my-list-sch .menu-sch-box .sch { background: none; }
.layer-list .my-list-sch .menu-sch-box .sch p {margin: 0;}
.layer-list .my-list-sch .menu-sch-box .sch .btn-detail-sch {position: absolute;right: 25px;top: 31px;width: 15px;height: 15px;font-size: 0.75em;line-height: 0;color: #777;}
.layer-list .my-list-sch .menu-sch-box .sch input[type='text'] {border: none;border-bottom: 1px solid #888888;width: 100%;height: 40px;line-height: 40px;border-radius: 0;}
.layer-list .my-list-sch .menu-sch-box .sch > div {padding: 22px 16px;} 

.layer-list .stats-logout .member-stats { padding: 10px 0 25px; text-align: center; background-color: #f1f1f1; }
.layer-list .stats-logout .member-stats dl dt { margin-bottom: 15px; font-weight: bold; color: #202020; font-size: 0.875em; }
.layer-list .stats-logout .member-stats dl dd { line-height: 20px; font-weight: bold; color: #858484; font-size: 0.875em; }

.layer-list .stats-login .member-stats { padding: 10px 0 25px; text-align: center; background-color: #f1f1f1; }
.layer-list .stats-login .member-stats dl dt { margin-bottom: 15px; font-weight: bold; color: #202020; font-size: 0.875em; }
.layer-list .stats-login .member-stats dl dd { line-height: 20px; font-weight: bold; color: #858484; font-size: 0.875em; }
.layer-list .stats-login .member-stats dl dd .del-count {display: block; color: #F74F4F; margin-top: 5px;}


.layer-list .tab-menu {overflow:hidden;font-size: 0.875em;padding: 5px 16px 10px;}
.layer-list .tab-menu li {position:relative; float:left; width:33.3%; margin-top:8px; box-sizing: border-box;    border-right: 1px solid #e0e0e0;}
/*.layer-list .tab-menu li:first-child {border-left: 1px solid #585858;}*/
.layer-list .tab-menu li a {display:block; text-align:center; height:39px; line-height:40px; color:#585858; font-size:0.875em; /*border: 1px solid #585858; border-left: 0px;*/ background: #f5f5f5;}
.layer-list .tab-menu .on a em {position:absolute; left:44%; bottom:-6px; border-top:6px solid #585858; border-left:4px solid transparent; border-right:4px solid transparent;}
.layer-list .list-menu {overflow:hidden; font-size: 0.79em;}
.layer-list .list-menu .category-list-top {display: inline-block;border-top: 2px solid #eeeeee;border-left: 2px solid #eeeeee;}
.layer-list .list-menu ul li span {display:block;height:41px;line-height:42px;border-bottom: 2px solid #eeeeee;padding-right: 11px;}
.layer-list .list-menu ul li span a {display:block;padding-left: 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%;color: #666666;}
.layer-list .list-menu ul li ul li span a {padding-left:25px;}
.layer-list #tab-category.list-menu > ul li { position: relative; }
.layer-list #tab-category.list-menu > ul > li ul { display: none; background-color: #f9f9f9; }
.layer-list #tab-category.list-menu > ul > li > ul > li > ul > li > span a { padding-left: 50px; }
.layer-list #tab-category.list-menu > ul li span a.expend {display: block; position: absolute; top: 0; right: 0; width: 50px; height: 41px; padding-left: 0; text-align: center;}
.layer-list #tab-category.list-menu > ul li span a.expend:before { content: "\f107"; font-family: FontAwesome; }
.layer-list #tab-category.list-menu > ul li span a.expend.showing:before { content: "\f106"; font-family: FontAwesome;}

#review-board-type .reply-write .sub-reviews li { border-bottom: 1px solid #e1e1e1; list-style-type: none; padding: 10px 14px; background-color: #fff; }
#review-board-type .reply-write .sub-reviews li:last-child { border-bottom: none; }
#review-board-type .reply-write .sub-reviews .info { font-size: .75em; color: #777; }
#review-board-type .reply-write .sub-reviews .info .btns { display: inline-block; margin-left: 10px; }
#review-board-type .reply-write .sub-reviews .info a { font-size: 1em; }
#review-board-type .reply-write .sub-reviews li p { margin-top: 5px; font-size: .75em; color: #777; }
#review-board-type .reply-write td ul.agree li a {position: absolute; right: 14px; top: 7px; font-size: 1em; }

.layer-list .cs-center {padding:20px;}
.layer-list .cs-center p {color:#666; font-size:0.75em; text-align: center;}


.member-menu { position: relative; margin: 7px 5px 0; border: 3px double #dedede; border-radius: 5px; }
.member-menu .fa-hover {color: #717171;}
.member-menu .fa-hover span {font-size: 1.5em;}

#menuArea { padding: 15px 0; text-align: center; }
#menuArea ul {overflow: hidden;}
#menuArea ul li { display: inline-block; float: left;}
#menuArea ul li figure {padding-top: 2px;}
#menuArea ul li.last { margin-right: 0; }
#menuArea ul li figcaption { margin-top: 3px; font-size: 12px; }

/* ÃÖ±Ù º» »óÇ° */
.resent-list ul {overflow:hidden;}
.resent-list ul li dl dd a span.tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.resent-list {overflow:hidden; padding: 0 8px; text-align: center;}
.resent-list ul li {float:left; width:50%; margin-bottom:10px;}
.resent-list ul li dl {padding: 0 1px 5px;}
.resent-list ul li dl dt img {max-width:100%; height:auto;}
.resent-list ul li dl dd {color:#555555; line-height:18px; font-size:0.75em; padding:5px 7px 0 7px;}
.resent-list ul li dl dd span {display:block; color:#000; word-break: break-all; }
.resent-list ul li dl dd a {color:#555555;}
.resent-list .recent-dec {text-align: center; display: block; font-size: 0.875em; background-color: #f9f9f9; padding: 20px 0;}

/* ÀÚÁÖã´Â Ä«Å×°í¸® ¸ðÀ½ */
.favorite_cate {border: 1px solid #b1bbc5; margin: 2px 3px 5px; border-radius: 3px;}
.favorite_cate .favorite_btn {padding: 10px 0; display: inline-block; width: 100%; background-color: #e2e6ea; text-align: center;}
.favorite_cate .favorite_wrap li { overflow:hidden; padding:5px 10px 10px; font-size: 0.875em; text-align: center;}
.favorite_cate .favorite_wrap li a {float:left; height: 25px; line-height: 25px; padding: 0 5px; margin:5px 5px 0 0; border:1px solid #ccc; background:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; box-sizing: border-box;}
.favorite_cate .favorite_wrap {display: none; border-top: 1px dotted #b1bbc5;}


div.H-7338-1-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.H-7338-1-4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

.my-menu {
    padding: 0 16px;
}
.my-menu ul {
    display: table;
    width: 100%;
}
.my-menu ul li {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #cccccc;
}
.my-menu ul li:last-child{
    border-right:none;
}
.my-menu ul li a {
    font-size: 14px;
    font-family:'Noto Sans KR', sans-serif;
    font-weight: 300;
}
div.H-7338-1-4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

.menu-sch-box .fa-lg {
    font-size: 24px;
}

.tab-conts {
    padding: 16px;
}

.fa-chevron-right:before {
    font-family: 'FontAwesome';
}

.fa-chevron-right {
    float: right;
    color: #cccccc;
    font-style: normal;
}

.layer-list .list-menu .category-list-top li {
    width: 50%;
    float: left;
    border-right: 2px solid #eeeeee;
    box-sizing: border-box;
}

.list-menu h1{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    margin-bottom: 11px;    
}
#tab-01 h1 {
    color: #ffaeae;
}
#tab-02 h1 {
    color: #7cb6de;
}
#tab-03 h1 {
    color: #f6bf5b;
}

.layer-list .tab-menu li.on a{color:#fff;}
.layer-list .tab-menu .on.tab01 a em{border-top:6px solid #ffaeae !important;}
.layer-list .tab-menu .on.tab02 a em{border-top:6px solid #7cb6de!important;}
.layer-list .tab-menu .on.tab03 a em{border-top:6px solid #f6bf5b!important;}
.on.tab01 a{background:#ffaeae !important}
.on.tab02 a{background:#7cb6de !important;}
.on.tab03 a{background:#f6bf5b !important;}


.layer-list .cs-center ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.layer-list .cs-center ul li {
    display: table-cell;
    text-align: center;
}

.layer-list .cs-center ul li img {
    margin-bottom: 13px;
    width: auto;
    height: 18px;
}

.layer-list .cs-center ul li a {
    display: inline-block;
}

.community_icon {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 20px 0 51px;
}

.community_icon li {
    display: table-cell;
    text-align: center;
}

.community_icon li a {
    display: inline-block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    color: #f6bf5b;
}

.community_icon li img {
    margin-bottom: 8px;
    width: 35px;
}

.layer-list .cs-center ul li a {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
}


.btn-join.p_pink{border: 2px solid #ffaeae !important; color: #ffaeae !important;}
.btn-join.p_blue{border: 2px solid #7cb6de !important; color: #7cb6de !important;}
.btn-join.p_yellow{border: 2px solid #f6bf5b !important; color: #f6bf5b !important;}
div.H-7338-1-4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */