/* BASIC css start */
/* */

.SMS_kakaoBtn, .SMS_talkBtn{
    position: fixed;
    text-align: center;
    color: #fff;
    font-size: 0;
    width: 30px;
    height: 30px;
    z-index: 10;
    border-radius: 1px;
    right: 10px;
}

.SMS_kakaoBtn img, .SMS_talkBtn img{
    width:100%;
}

.SMS_kakaoBtn{
    bottom:100px;
}

.SMS_talkBtn{
    bottom:70px;
}

.SMS_TopBtn, .SMS_BottomBtn{
    background:#aaa;
}

.SMS_TopBtn{
    bottom:160px;
}

.SMS_BottomBtn{
    bottom:130px;
}

.SMS_loveFloatBtn{
    background-color: rgba(255,255,255,0.7);
    right:10px;
    width:30px;
    height:30px;
    border-radius:0px;
    bottom:190px;
    border:0px solid #a5a5a5;
    background-image:url("/design/whodings/smartskin/mobile/like.png");
}


/* 210512 유료기술지원 R */

.SMS_fixed_wrap {
    position:relative;
}
.SMS_top_menu {
    border-bottom:1px solid #ddd;
}
.SMS_top_menu ul {
    width:100%;
    display:block;
    font-size:0;
}
.SMS_top_menu ul li {
    display:inline-block;
    position:relative;
    width:20%;
    height:40px;
    text-align:center;
    font-size:12px;
}
.SMS_top_menu ul li a {
    display:block;
    position:relative;
    height:40px;
    line-height:40px;
    font-size:12px;
    color:#000;
}
.SMS_top_menu ul li a:after {
    display:block;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    content:"|";
    color:#ddd;
}
.SMS_top_menu ul li:last-child a:after {
    display:none;
}
.SMS_top_menu ul li #joinAnimation {
    position:absolute;
    bottom:-10px;
    left:15%;
    padding:1px 5px;
    width:70%;
    font-size:10px;
    background:#000;
    color:#fff;
    border-radius:3px;
}
.SMS_top_menu ul li #top_cartCnt {
    position:absolute;
    bottom:-8px;
    left:calc(50% - 10px);
    width:15px;
    font-size:10px;
    background:#ff0000;
    color:#fff;
    border-radius:3px;
}

.SMS_fixed_inner {
    position:relative;
    height:65px;
}
.fixedTopStyle .SMS_fixed_inner {
    background:#fff;
}
.SMS_fixed_inner .small_icon {
    top:50%;
    transform:translateY(-50%);
}
.SMS_fixed_inner .fixed_logo {
    margin:0 auto;
    width:144px;
}
.SMS_fixed_inner .fixed_logo a {
    margin-left:0px;
}
.SMS_fixed_inner .fixed_logo a span {
    margin-top:25px;
}
.SMS_fixed_inner .search_fixed_btn {
    right:20px;
}
.SMS_fixed_inner .SMS_menu {
    display:block;
}

.rolling_wrap {
    background:#fff;
    border-bottom:1px solid #ddd;
}
.SMS_rolling_menu {
    margin-right:0;
}
.SMS_rolling_menu .swiper-slide a {
    font-weight:bold;
    color:#000;
}

#Basement {
    width:80%;
    padding:20px 15px 80px 15px;
}
#SMS_HamburgerClose p {
    top:30px;
    right:30px;
    left:unset;
    width: 40px;
    height: 40px;
    padding-top:40px;
    background-image: url('/design/whodings/smartskin/mobile/custom/img/close_icon.png');
    background-size: 40%;
    background-color: #fff;
    border-radius: 50%;
}
.MenuAllCon .SMS_All_tabmenu_content .tab_box {
    padding:10px 0px;
}
.tab_box .ham_toggle_head {
    position:relative;
    height:38px;
    line-height:38px;
    padding:0 10px;
    border-bottom:1px solid #ddd;
    color:#000;
}
.ham_toggle_btn::after {
    width:38px;
    height:38px;
    background-size:40%;
}
.ham_toggle_btn.on::after {
    transform:rotate(0deg);
}

.tabSub_box_inner {
    border-top:1px solid #ddd !important;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.ham_toggle_contents {
    background:#f7f7f7;
    border-bottom:none;
}
.ham_toggle_contents li {
    border-top:none;
}
.MenuAllCon .SMS_All_tapMenu.blk div {
    border:1px solid #ddd;
    border-right:none;
    background:#fff;
    color:#000;
}
.MenuAllCon .SMS_All_tapMenu.blk div:last-child {
    border-right:1px solid #ddd;
}
.MenuAllCon .SMS_All_tapMenu.blk div.SelMenu {
    background:#ddd;
    border:1px solid #ddd !important;
    color:#000;
}

.ham_other_box {
    border:1px solid #ddd;
    margin:5px 0;
}
.ham_other_box h2 {
    height:38px;
    line-height:38px;
    padding:0 10px;
    border-bottom:1px solid #ddd;
}
.SMS_recentHam {
    padding:10px;
}
.SMS_recentHam ul {
    margin-top:0px;
}
.SMS_recentHam ul > li {
    padding:0 3px;
}

.MenuAllCon .ham_user_wrap {
    padding:0px; 
}
.MenuAllCon .ham_header_menu ul {
    font-size:0px;
}
.MenuAllCon .ham_header_menu li {
    width:50%;
    border:1px solid #555;
    padding-right:0px;
    background:#555;
}
.MenuAllCon .ham_header_menu li.point {
    background:#fff;
    border-color:#ddd;
}
.MenuAllCon .ham_header_menu li:after {
    display:none;
}
.MenuAllCon .ham_header_menu li:first-child {
    border-right:none;
}
.MenuAllCon .ham_header_menu li a {
    color:#fff;
}
.MenuAllCon .ham_header_menu li.point a {
    color:#000;
}
.MenuAllCon .ham_user_wrap .text b {
    font-size:12px;
}
.MenuAllCon .ham_user_wrap .text {
    font-size:12px;
}
.MenuAllCon .ham_header_menu {
    margin:25px 0;
    overflow:unset;
}
.MenuAllCon .ham_header_menu ul {
    overflow:unset;
}
.MenuAllCon .ham_header_menu #joinAnimation {
    position:absolute;
    bottom:-15px;
    left:30%;
    padding:3px 5px;
    width:40%;
    font-size:10px;
    background:#555;
    color:#fff;
    border-radius:3px;
}
.MenuAllCon .ham_header_menu #joinAnimation p {
    background:#555;
    color:#fff;
    line-height:normal;
}
.MenuAllCon .ham_user_wrap #joinAnimation p .text {
    color:#fff;
    font-weight:normal;
}
.MenuAllCon .SMS_All_tabmenu_content .base_menu li a {
    color:#000;
}
/* BASIC css end */