@charset "utf-8";

.wh_blackbox {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 31;
    opacity: 0.8;
}

.wh_blackbox.on {
    display: block
}

body.wh_sub_body {
    background: url('https://akamai.pizzahut.co.kr/images/etc/wh_new_bg.jpg') no-repeat center top fixed;
    background-size: cover;
}

/*#wh_Container #Contents {*/
    /*padding: 0 0 0 0;*/
/*}*/

#wh_Container #Contents.full {
    padding: 0 0 0 0;
}

#wh_Container #Contents.three {
    padding: 0 0 20px 0;
}

.wh_sub_body #Contents {
    padding: 0 0 20px 0;
}

.wh_sub_body #Contents.full.main {
    padding: 0 0 20px 0;
}

#wh_Header_Wrap {
    width: 100%;
    background: #fff;
    z-index: 30;
}

#wh_Header_Wrap:after {
    content: '';
    display: block;
    clear: both;
}

#wh_Header {
    position: relative;
}

/* header_top_wrap */
.wh_header_top_wrap {
    width: 100%;
    height: 64px;
    background: #fff;
    position: relative;
    z-index: 30;
}

.wh_header_top_wrap h1 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

@media all and (max-width: 1024px) {
    .wh_header_top_wrap {
        height: 56px;
    }

    .wh_header_top_wrap h1 {
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        text-align: center;
    }

    .wh_header_top_wrap h1 img {
        width: 74%
    }
}

@media all and (max-width: 374px) {
    .wh_header_top_wrap {
        height: 56px;
    }

    .wh_header_top_wrap h1 {
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        text-align: center;
    }

    .wh_header_top_wrap h1 img {
        width: 74%
    }
}

.wh_header_top {
    max-width: 1180px;
    height: 64px;
    margin: 0 auto;
}

@media all and (max-width: 1024px) {
    .wh_header_top {
        height: 56px;
    }
}

.wh_contents_body .wh_w_hide {
    display: none;
}

.wh_contents_body .wh_m_hide {
    display: block;
}

@media all and (max-width: 768px) {
    .wh_contents_body .wh_w_hide {
        display: block;
    }

    .wh_contents_body .wh_m_hide {
        display: none;
    }
	#wh_Container #Contents {
		padding-bottom: 20px;
	}
}

/* 상단 광고 */
/*.header_ad_wrap{width:100%; background:#fcf4da}*/
.wh_sub_body .header_ad_wrap {
    display: none;
    width: 100%;
    background: #fef8e8;
}

/* 20170918 색상변경 #f1f5f8 -> #eeeeee */
.wh_sub_body .header_ad_wrap.on {
    display: block;
}

.wh_sub_body .header_ad {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.wh_sub_body .header_ad img {
    max-width: 100%;
}

.wh_sub_body .header_ad .header_ad_btn {
    position: absolute;
    right: 0px;
    top: 10px;
    width: 37px;
    height: 37px;
    background: url('https://akamai.pizzahut.co.kr/banner/main/btn_close.png') center center no-repeat;
    background-size: 100%;
}

.wh_sub_body .header_ad .wh_w_hide {
    display: none;
}

.wh_sub_body .header_ad .wh_m_hide {
    display: block;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .header_ad .wh_w_hide {
        display: block !important;
    }
    .wh_sub_body .header_ad .wh_w_hide img{
        width:640px;
        margin:0 auto;
        display: block;
    }

    .wh_sub_body .header_ad .wh_m_hide {
        display: none !important;
    }

    .wh_sub_body .header_ad .header_ad_btn {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
        background: url('https://akamai.pizzahut.co.kr/banner/main/btn_close.png') center center no-repeat;
        background-size: 100%;
    }
}

/* header_top_left menu */
.wh_header_top_l {
    float: left;
    padding: 20px 0 18px 0;
}

.wh_header_top_l .wh_header_top_l_list li {
    float: left;
    font-size: 14px;
    margin: 4px 10px 0 0;
    color: #313131;
}

.wh_header_top_l .wh_header_top_l_list li a {
    color: #313131;
}

.wh_header_top_l .wh_header_top_l_list .change {
    width: 95px;
    height: 22px;
    line-height: 21px;
    background: #ffc227;
    border-radius: 10px;
    text-align: center;
    margin: 4px 0 0 0;
}

.wh_header_top_l .wh_header_top_l_list .change a {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}

.wh_header_top_l .wh_header_top_l_list li span {
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}

@media all and (max-width: 1024px) {
    .wh_header_top_l {
        display: none;
    }

    .wh_header_top_r {
        display: none;
    }
}

/* header_top_right menu */
.wh_header_top_r {
    float: right;
    padding: 19px 0 18px 0;
}

.wh_header_top_r .wh_header_top_r_list.login {
    display: block;
}

.wh_header_top_r .wh_header_top_r_list.logout {
}

.wh_header_top_r .wh_header_top_r_list.nonmember {
    display: none;
}

.wh_header_top_r .wh_header_top_r_list li {
    float: left;
    font-size: 14px;
    margin: 5px 0 0 0;
    font-weight: bold;
}

.wh_header_top_r .wh_header_top_r_list li:last-child {
    margin: 0 0 0 17px;
}

.wh_header_top_r .wh_header_top_r_list li a {
    color: #313131;
    position: relative;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}

.wh_header_top_r .wh_header_top_r_list li a span {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -8px;
    top: -7px;
    border-radius: 16px;
    font-size: 11px;
    color: #ffffff;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    background: #ff0000;
}

.wh_header_top_r .wh_header_top_r_list .red a {
    color: #c10a28;
}

.at_bar {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    width: 1px;
    height: 11px;
    background: #313131;
    vertical-align: -1px;
}

/* gnb */
.wh_header_gnb_wrap {
    height: 63px;
    width: 100%;
    background: #c10a28;
    z-index: 29;
}

.wh_header_gnb {
    position: relative;
    width: 100%;
    height: 63px;
    background: #c10a28;
}

.wh_nav_bg {
    display: none;
    position: absolute;
    left: 0px;
    top: 63px;
    width: 100%;
    height: 47px;
    background: #fff;
    z-index: 30;
}

.wh_nav_bg.on {
    display: block;
}

nav {
    max-width: 1180px;
    width: 100%;
    height: 63px;
    margin: 0 auto;
}

.wh_nav {
    float: left;
    width: 50%
}

.wh_nav > li {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: 63px;
    padding: 0 18px;
    /*min-width: 100px;*/
}

/*.wh_nav > li.wh_nav_menu4 {*/
/*padding: 0 15px 0 25px;*/
/*}*/

/*.wh_nav > li.wh_nav_menu2 {*/
/*padding: 0 15px 0 10px;*/
/*}*/

.wh_nav > li > a {
    display: block;
    height: 63px;
    font-size: 16px;
    color: #ffffff;
    line-height: 56px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.08em;
    padding: 2px 0 0 0;
    font-family: 'Noto Sans KR', sans-serif;
}

.wh_nav > li:hover > a {
    border-bottom: 4px solid #ffc227;
}

.wh_nav > li > ul {
    display: none;
    position: absolute;
    top: 63px;
    z-index: 30;
    min-width: 1000px;
}

.wh_nav > li > ul.on {
    display: block;
}

.wh_nav > li.gnb_last {
    padding: 0;
    min-width: 23px;
}

.wh_nav > li.gnb_last img {
    margin: -6px 0 0 0;
}

.wh_nav > li.gnb_last .last2 {
    display: none;
}

.wh_nav > li.gnb_last a {
    text-align: left;
    width: 40px;
}

.wh_nav > li > ul > li {
    float: left;
    display: block;
}

.wh_nav > li > ul > li > a {
    height: 50px;
    margin: 0 25px;
    font-size: 15px;
    color: #313131;
    line-height: 45px;
}

.wh_nav > li > ul > li > a:first-child {
    margin: 0 25px 0 0;
}

.wh_nav > li > ul > li > a:hover {
    color: #fdd75f;
}

.nav_right {
    width: 438px;
    float: right;
    padding: 13px 0 9px 0;
}

.nav_right li {
    float: left;
    width: 140px;
    height: 37px;
    line-height: 36px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    margin-left: 6px;
}

.nav_right li a {
    display: block;
    width: 100%;
    color: #c10a28;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}

.nav_right li.order_button01 {
    background: #ffc227;
}

.nav_right li.order_button01 a {
    color: #000;
}

.nav_right li.order_button01 a:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url('../images/white_ver/order_button01.svg') no-repeat;
    vertical-align: middle;
    margin: -2px 0 0 0;
}

.nav_right li.order_button02 a:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 21px;
    background: url('../images/white_ver/order_button02_red.svg') no-repeat;
    vertical-align: middle;
    margin: -1px -3px 0 0;
}

.nav_right li.order_button03 a:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 20px;
    background: url('../images/white_ver/order_button03_red.svg') no-repeat;
    vertical-align: middle;
    margin: -1px 1px 0 0;
}

@media all and (max-width: 1024px) {
    .wh_header_gnb_wrap {
        display: none;
    }
}

/* 모바일 - 햄버거버튼 */
.m_lbtn {
    display: none;
    position: absolute;
    left: 13px;
    top: 15px;
    z-index: 32;
}

.m_rbtn {
    display: none;
    position: absolute;
    right: 13px;
    top: 17px;
    z-index: 32;
}
.m_best10{
    display: none;
    position: absolute;
    top:15px;
    left:45px;
    z-index: 30;
    width: 72px;
    height:27px;
    border:2px solid #c10a28 ;
    border-radius: 5px;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(205, 205, 205, 1);
    box-shadow: 3px 3px 7px 0px rgba(205, 205, 205, 1);
}
.m_best10 a{
    display: block;
    font-weight: bold;
    font-size:14px;
    padding:0.03em 0 0 0;
    width: 100%;
    height:100%;
    color: #c10a28;
}
@media all and (max-width: 1024px) {
    .m_lbtn {
        display: block;
    }

    .m_rbtn {
        display: block;
    }
    .m_best10{
        display: block;
    }
    .font_hide{
        font-size: 0 !important;
    }
}

.m_lbtn button {
    display: block;
    float:left;
    width: 23px;
    height: 27px;
    padding: 0 0 0 0;
    color: #ffffff;
    background: url('../images/white_ver/m_btn_l.svg') no-repeat;
    background-size: 100%;
    font-size: 0;
}


.m_rbtn a {
    display: block;
    float: left;
    width: 35px;
    height: 27px;
    background: url('../images/white_ver/m_btn_r.svg') no-repeat;
    font-size: 0;
    background-size: 100%;
}

.m_rbtn a span {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -8px;
    top: -7px;
    border-radius: 16px;
    font-size: 11px;
    color: #ffffff;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    background: #ff0000;
}

.m_rbtn a.membership {
    margin: 0 11px 0 0;
}

.m_rbtn .membership.rbtn_login {
    width: 35px;
    height: 28px;
    background: url('../images/white_ver/m_btn_login.svg') no-repeat;
    background-size: 100%;
}

.m_rbtn .membership.rbtn_vip {
    width: 35px;
    height: 28px;
    background: url('../images/white_ver/m_btn_vip.png') no-repeat;
    background-size: 100%;
}

.m_rbtn .membership.rbtn_gold {
    width: 35px;
    height: 28px;
    background: url('../images/white_ver/m_btn_gold.png') no-repeat;
    background-size: 100%;
}

.m_rbtn .membership.rbtn_red {
    width: 35px;
    height: 28px;
    background: url('../images/white_ver/m_btn_red.png') no-repeat;
    background-size: 100%;
}

.m_rbtn .membership.rbtn_normal {
    width: 35px;
    height: 28px;
    background: url('../images/white_ver/m_btn_normal.png') no-repeat;
    background-size: 100%;
}

/* 모바일 - 메뉴전체영역 */
.m_header.wh_m_header {
    display: none; /*임시블록*/
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 40;
}

@media all and (max-width: 1024px) {
    .m_header.wh_m_header {
        overflow-y: auto;
        position: fixed;
        width: 90%;
        left: 0px;
        top: 0px;
        bottom: 0;
        right: 0;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
}

.m_header.on {
    display: block;
}

.m_header .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

/* 모바일 - 상단 메뉴전까지영역 */
.wh_m_header_con {
    display: none; /*임시블록*/
    position: relative;
    background-color: #fff;
    z-index: 40;
}

.wh_m_header_con.on {
    display: block;
}

/* 모바일 - 로그인, 로그아웃, 검색, 메뉴닫기 상단영역 */
.wh_m_header_con .m_search_wrap {
    position: relative;
    padding: 0 0 0 0;
}

.wh_m_header_con .m_search_login {
    padding: 17px 20px;
}

.wh_m_header_con .m_search_login p {
    font-size: 17px;
    margin: 0 0 0 0;
    color: #313131;
    line-height: 25px;
}

.wh_m_header_con .m_search_logout {
    padding: 17px 20px;
}

.wh_m_header_con .m_search_logout p {
    font-size: 17px;
    margin: 0 0 0 0;
    color: #313131;
    line-height: 25px;
}

.wh_m_header_con .m_search_logout p span {
    font-weight: bold;
    color: #313131;
}

.wh_m_header_con .m_search_logout p:last-child span {
    font-size: 15px;
    font-weight: normal;
}

.wh_m_header_con .m_search_logout.p_alone {
    height: auto
}

.wh_m_header_con .m_search_logout.p_alone p { /*margin:12px 0 22px;*/
    line-height: 25px
}

.wh_m_header_con .m_search_logout p .gold {
    color: #fdd043
}

.wh_m_header_con .m_search_logout p .btn_yellow {
    display: inline-block;
    width: 79px;
    height: 22px;
    margin-left: 5px;
    line-height: 22px;
    border-radius: 10px;
    text-align: center;
    background: #fdd043;
    font-size: 12px;
    color: #000
}

/* 모바일 - 검색버튼 */
.wh_m_header_con .m_search_btn {
    position: absolute;
    right: 5px;
    top: 13px;
    display: inline-block;
}

.wh_m_header_con .m_search_btn a {
    margin: 0 21px 0 0;
}

.wh_m_header_con .m_search_btn a img {
    height: 18px;
}

/* 모바일 - 로그인, 로그아웃, 회원가입, 마이페이지 버튼 */
.wh_m_header_con .m_link {
    margin: 0 0 0 0
}

.wh_m_header_con .m_link ul {
    overflow: hidden;
    font-size: 0px;
}

.wh_m_header_con .m_link ul li {
    float: left;
    display: block;
    width: 50%;
    height: 50px;
    line-height: 49px;
    border: none;
    border-radius: 0;
    text-align: center;
    background: #313131;
}

.wh_m_header_con .m_link ul li:first-child {
    border-right: none;
    border-radius: 0;
}

.wh_m_header_con .m_link ul li a {
    font-size: 16px;
    color: #ffffff;
    line-height: 48px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    height: 100%;
}

/* 모바일 - 검색 */
.wh_m_header_con .m_search_box {
    display: none;
    position: absolute;
    left: 0px;
    top: -18px;
    width: 100%;
    height: 135px;
    padding: 67px 107px 0 12px;
    text-align: right;
    background: #ffffff;
}

.wh_m_header_con .m_search_box.on {
    display: block;
}

.wh_m_header_con .m_search_box input {
    float: left;
    padding: 0;
    height: 25px;
    font-size: 12px;
    color: #222;
    line-height: 25px;
    border: none;
}

.wh_m_header_con .m_search_box input:-ms-input-placeholder {
    font-size: 14px
}

.wh_m_header_con .m_search_box input::-webkit-input-placeholder {
    font-size: 14px
}

.wh_m_header_con .m_search_box a img {
    height: 25px;
}

.wh_m_header_con .m_search_box1 {
    position: absolute;
    right: 57px;
    top: 64px;
}

.wh_m_header_con .m_search_box2 {
    position: absolute;
    right: 12px;
    top: 64px;
}

/*모바일 - 팬 정보*/
.wh_m_header_con .wh_m_grade {
    background: #fff;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    height: auto;
    padding: 7% 37px 2% 37px;
}

.wh_m_header_con .wh_m_grade > ul {
    width: 100%;
    padding-bottom: 4%;
    height: auto;
    display: inline-block;
    border-bottom: 1px solid #000;
}

.wh_m_header_con .wh_m_grade:after, .wh_m_header_con .wh_m_quick:after {
    content: '';
    display: inline-block;
    clear: both;
}

.wh_m_header_con .wh_m_grade .grade01 {
    float: left;
    width: 43%;
}

.wh_m_header_con .wh_m_grade .grade02 {
    float: left;
    width: 41%;
}

.wh_m_header_con .wh_m_grade .grade03 {
    float: left;
    width: 16%;
}

.wh_m_header_con .wh_m_grade .grade ul {
}

.wh_m_header_con .wh_m_grade .grade ul li {
    width: 100%;
    font-size: 20px;
}

.wh_m_header_con .wh_m_grade .grade ul li img {
    height: 30px;
    margin-right: 10px;
}

.wh_m_header_con .wh_m_grade .grade ul li:last-child {
    margin-top: 3px;
    font-size: 22px;
}

.wh_m_header_con .wh_m_grade .grade ul li span {
    color: #d00220;
}

.wh_m_header_con .wh_m_quick {
    width: 100%;
    height: auto;
    padding: 5px 20px 5% 20px;
    display: inline-block;
}

.wh_m_header_con .wh_m_quick > ul {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.wh_m_header_con .wh_m_quick .quick_button {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 25px;
}

.wh_m_header_con .wh_m_quick .quick_button img {
    width: 100%
}

.wh_m_header_con .wh_m_quick .quick_button a {
    color: #313131;
}

.wh_m_header_con .wh_m_quick .quick_button.red a {
    color: #d00220;
    font-weight: bold;
}

.wh_m_header_con .wh_m_quick .quick_button.black a {
    font-weight: bold;
}

.wh_m_header_con .wh_m_quick .quick_button > ul li:last-child {
    margin-top: 5px;
}

.wh_m_header_con .wh_m_grade .grade01.none a {
    font-size: 16px;
    color: #bd0008;
}

.wh_m_header_con .wh_m_grade .grade01.none a img {
    height: 15px;
    width: 15px;
    margin: -2px 0 0 0;
}

.wh_m_header_con .wh_m_grade .grade01.normal span {
    color: #8b8b8b
}

.wh_m_header_con .wh_m_grade .grade01.red span {
    color: #bd0008;
}

.wh_m_header_con .wh_m_grade .grade01.gold span {
    color: #987900;
}

.wh_m_header_con .wh_m_grade .grade01.vip span {
    color: #070001;
}

/* Loading Bar */
.loading_wrap2 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: hidden;
    width: 200%;
    height: 200%;
    text-align: center;
}

.loading_wrap2 span.bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: url('../images/common/bg_black_60per.png') 0 0 repeat;
}

.loading_wrap2 span.ico {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/white_ver/loading4.gif') center center no-repeat;
    background-size: 75px auto;
}

/* 전체메뉴 */
.gnb_all_wrap {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0 0 40px 0;
    border-top: 1px solid #444444;
    background: #313131;
    z-index: 40;
}

@media all and (max-width: 1024px) {
    .gnb_all_wrap {
        top: 200px;
    }
}

.gnb_all_wrap.on {
    display: block;
}

.gnb_all {
    position: relative;
    width: 1180px;
    max-width: 100%;
    margin: 0 auto;
}

.gnb_all_menu li {
    display: table-cell;
    width: 1%;
    height: 60px;
    text-align: center;
    border-left: 1px solid #000000;
    background: #333333;
}

.gnb_all_menu li:first-child {
    border-left: none;
}

.gnb_all_menu li a {
    display: block;
    font-size: 17px;
    color: #ffffff;
    line-height: 60px;
}

.gnb_all_list_wrap {
    position: relative;
    overflow: hidden;
    width: 1180px;
    max-width: 100%;
    padding: 40px 0 0 0
}

.gnb_all_list {
    float: left;
}

.gnb_all_list > ul > li {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

.gnb_all_list > ul > li > strong {
    display: none;
}

.gnb_all_list > ul > li > ul {
    display: none;
    font-size: 0px;
}

.gnb_all_list > ul > li > ul > li {
    display: inline-block;
    width: 25%;
}

.gnb_all_list > ul > li > ul > li a {
    display: block;
    height: 160px;
    padding: 110px 0 0 0;
    font-size: 23px;
    color: #b6b0af;
    line-height: 160px;
    text-align: center;
}

.gnb_all_list > ul > li > div > dl {
    margin: 30px 0 0 0;
}

.gnb_all_list > ul > li > div > dl:first-child {
    margin: 0 0 0 0;
}

.gnb_all_list > ul > li > div > dl > dt {
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
}

.gnb_all_list > ul > li > div > dl > dd > a {
    font-size: 16px;
    color: #aaaaaa;
    line-height: 25px;
}

.gnb_all_list > ul > li > div > dl > dd > a:hover {
    color: #fdd75f;
}

.gnb_ad {
    position: absolute;
    right: 1px;
    top: 40px;
    vertical-align: top;
}

.wh_m_sns {
    display: none;
    width: 100%;
    height: 120px;
    background: #fff;
    padding: 40px 0 0 20px;
}

.wh_m_sns ul li {
    float: left;
    margin-right: 20px;
}

.wh_m_sns ul li img {
    width: 70%;
}

@media all and (max-width: 1024px) {
    .main_menu {
        display: block;
    }

    .m_lbtn {
        display: block;
    }

    .m_header.on {
        display: block;
    }

    .wh_m_header_con.on {
        display: block;
    }

    .wh_m_sns {
        display: block;
    }

    #wh_Header_Wrap .gnb_all_wrap.on {
        display: block;
    }

    #wh_Header_Wrap .gnb_ad {
        display: none;
    }

    #wh_Header_Wrap .gnb_all_menu {
        display: none;
    }

    #wh_Header_Wrap .gnb_all_wrap {
        position: relative;
        top: 0px;
        border-top: none;
        padding-bottom: 0;
        background: #e9ebec;
    }

    #wh_Header_Wrap .gnb_all_list_wrap {
        padding: 0;
    }

    #wh_Header_Wrap .gnb_all_list {
        float: none;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li {
        width: 100%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li.on {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li.on {
        background: #e9ebec;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li + li.on {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > strong {
        overflow: hidden;
        display: block;
        height: 60px;
        padding: 0 20px;
        font-size: 17px;
        font-weight: bold;
        color: #313131;
        line-height: 60px;
        background: #e9ebec;
        cursor: pointer;
        _cursor: hand;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > strong {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li > strong {
        background: #e9ebec;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li + li > strong {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li.on > strong {
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > strong > span {
        float: right;
        display: inline-block;
        width: 13px;
        height: 13px;
        margin: 23px 0 0 0;
        background: url('../images/white_ver/ico_gnb_off.png') center center no-repeat;
        background-size: 13px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li.on > strong > span {
        background: url('../images/white_ver/ico_gnb_on.png') center center no-repeat;
        background-size: 13px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li.on > ul {
        display: block;
        font-size: 0px;;
        white-space: nowrap
    }

    #wh_Header_Wrap .gnb_all_list > ul > li.on > ul {
        margin: 0 20px;
        border-top: 1px solid #979797;
        border-bottom: 1px solid #979797;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li.on > ul {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li.on > ul {
        background: #e9ebec;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li + li.on > ul {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > ul > li {
        display: inline-block;
        width: auto;
        padding: 10px 0;
        margin-right: 20px;
        font-size: 17px;
        color: #313131;
        text-align: left;
        vertical-align: top;
        cursor: pointer;
        _cursor: hand;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li {
        display: inline-block;
        padding: 10px 0;
        font-size: 17px;
        margin-right: 20px;
        color: #313131;
        letter-spacing: -0.08em;
        text-align: left;
        vertical-align: top;
        cursor: pointer;
        _cursor: hand;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li + li + li + li {
        width: 22%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > ul > li.on {
        color: #d00220;
        font-weight: bold;
        letter-spacing: -0.075em
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > div {
        display: none;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li.on > div {
        display: block;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > div > dl {
        display: none;
        margin: 0;
        padding: 3px 0 10px 0;
        background: #e9ebec;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > div > dl {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li > div > dl {
        background: #e9ebec;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li + li + li > div > dl {
        background: #fff;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > div > dl.on {
        display: block;
        margin: 0;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > div > dl:first-child.on {
        display: block;
        margin: 0;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > div > dl > dt {
        display: none;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > div > dl > dd a {
        display: block;
        padding: 0 20px;
        font-size: 14px;
        color: #6d6d6d;
        line-height: 35px;
    }

}

@media all and (max-width: 600px) {
    .wh_m_header_con .wh_m_grade {
        padding: 4% 20px 0% 20px;
        height: 91px;
    }

    .wh_m_header_con .m_search_login p {
        font-size: 14px;
    }

    .wh_m_header_con .m_link ul li a {
        font-size: 14px;
    }

    .wh_m_header_con .wh_m_quick {
        padding: 10px 15px 3% 15px;
    }

    .wh_m_header_con .wh_m_grade .grade ul li {
        font-size: 14px;
    }

    .wh_m_header_con .wh_m_grade .grade ul li span {
        font-size: 16px;
    }

    .wh_m_header_con .wh_m_quick .quick_button {
        margin-bottom: 15px;
    }

    .wh_m_header_con .wh_m_quick .quick_button a {
        font-size: 13px;
    }

    .wh_m_header_con .wh_m_quick .quick_button > ul li:last-child {
        margin-top: 2px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > strong {
        font-size: 14px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > ul > li {
        font-size: 14px;
        /*width: 24%;*/
    }

    /*#wh_Header_Wrap .gnb_all_list > ul > li > ul > li + li {
        width: 28%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > ul > li + li + li {
        width: 22%;
    }
*/
    .wh_m_header_con .wh_m_quick .quick_button img {
        width: 75%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li {
        font-size: 14px;
    }
}

@media all and (max-width: 460px) {
    .wh_m_sns {
        padding: 40px 200px 0 20px;
    }

    .wh_m_sns ul {
        width: 100%;
    }

    .wh_m_sns ul li {
        width: 42%;
        margin-right: 7%
    }

    .wh_m_sns ul li:last-child {
        margin-right: 0
    }

    .wh_m_sns ul li img {
        width: 90%
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > strong {
        height: 45px;
        padding: 0 17px;
        line-height: 45px
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li {
        display: inline-block;
        width: auto !important;
        font-size: 14px;;
        color: #313131;
        text-align: left;
        vertical-align: top;
        cursor: pointer;
        _cursor: hand;
        line-height: inherit;
        margin-right: 20px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li + li {
        width: 17%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li + li + li {
        width: 27%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li + li + li + li {
        width: 22%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > strong > span {
        margin: 16px 0 0 0
    }
}

@media all and (max-width: 426px) {
    .wh_m_header_con .wh_m_quick {
        padding: 10px 10px 0 10px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li + li {
        width: 16%;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li + li + li {
        width: 29%;
    }
}

@media all and (max-width: 374px) {
    .wh_m_sns {
        padding: 40px 150px 0 20px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li.on > ul {
        margin: 0 15px;
    }

    .wh_m_header_con .wh_m_quick {
        padding: 0 4px 0 4px;
    }

    .wh_m_header_con .m_link ul li {
        height: 45px;
        line-height: 45px;
    }

    .wh_m_header_con .wh_m_grade .grade ul li img {
        height: 24px;
        margin-top: -3px;
    }

    .wh_m_header_con .wh_m_quick .quick_button a {
        font-size: 12px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > strong {
        font-size: 12px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > ul > li {
        font-size: 12px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li > div > dl > dd a {
        font-size: 12px;
    }

    #wh_Header_Wrap .gnb_all_list > ul > li + li > ul > li {
        font-size: 12px;
    }
}

#wh_Header_Wrap .header_logo {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    z-index: 31;
}

/* 주문상태 스티커 */

#wh_Header_Wrap .order_popup {
    position: absolute;
    width: 135px;
    height: 135px;
    z-index: 9999;
    top: 200%;
    right: 0;
}

#wh_Header_Wrap .order_popup .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    background: url('../images/common/order_pop_close.png') no-repeat 100% 0;
    background-size: 17px 17px;
    -webkit-background-size: 17px 17px
}

#wh_Header_Wrap .order_popup.pop_hide {
    display: none;
    margin: 87px 0 0 0;
}

#wh_Header_Wrap .order_popup > div {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    background-size: contain !important;
    background-position: left top
}

#wh_Header_Wrap .order_popup > div:before {
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
    background: none;
    z-index: -1
}

#wh_Header_Wrap .order_popup > div > p {
    margin: 0;
    padding: 0;
    line-height: 1;
    letter-spacing: -1px
}

#wh_Header_Wrap .order_popup > div .step_title {
    color: #fff;
    height: auto;
    font-size: 17px;
    padding-top: 60px;
    font-weight: bold;
    animation: step_txt 2.0s infinite;
    -webkit-animation: step_txt 2.0s infinite
}

#wh_Header_Wrap .order_popup > div .step_content {
    color: #ffd9d9;
    font-size: 14px;
    margin-top: 6px;
    letter-spacing: -0.5px;
    animation: step_txt 2.0s infinite;
    -webkit-animation: step_txt 2.0s infinite
}

#wh_Header_Wrap .order_popup > div a {
    display: block;
    font-weight: 900;
    color: #000;
    text-decoration: none;
    line-height: 24px;
    height: 28px;
    font-size: 12px;
    margin-top: 13px
}

#wh_Header_Wrap .order_popup .step_1 {
    background: url('../images/common/bg/popupbg_step1.png') no-repeat
}

#wh_Header_Wrap .order_popup .step_2 {
    background: url('../images/common/bg/popupbg_step2.png') no-repeat
}

#wh_Header_Wrap .order_popup .step_3 {
    background: url('../images/common/bg/popupbg_step3.png') no-repeat
}

#wh_Header_Wrap .order_popup .step_4 {
    background: url('../images/common/bg/popupbg_step4.png') no-repeat
}

#wh_Header_Wrap .order_popup .step_5 {
    background: url('../images/common/bg/popupbg_step5.png') no-repeat
}

#wh_Header_Wrap .order_popup .step_6 {
    background: url('../images/common/bg/popupbg_step6.png') no-repeat
}

@-webkit-keyframes step_txt {
    0% {
        color: #fff
    }
    25% {
        color: transparent
    }
    50% {
        color: #fff
    }
    75% {
        color: transparent
    }
    100% {
        color: #fff
    }
}

@keyframes step_txt {
    0% {
        color: #fff
    }
    25% {
        color: transparent
    }
    50% {
        color: #fff
    }
    75% {
        color: transparent
    }
    100% {
        color: #fff
    }
}

/* Container css*/

#wh_Container {
    position: relative;
    margin: 0 auto; /*z-index: 10;*/
    width: 100%;
    height: auto;;
}

.wh_main_section {
    width: 100%;
    margin: auto 0;
    padding: 0;
    background: none;
}

/*.contents_body.wh_main{background: #fff;}*/
body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

/* 메인 - 모바일상단 링크3개 */
.wh_mQuick_wrap {
    display: none;
}

@media all and (max-width: 1024px) {
    .wh_mQuick_wrap {
        position: relative;
        display: block;
        height: 45px;
        background: #c10a28;
    }
}

.wh_mQuick_list {
    overflow: hidden;
    padding: 14px 0 25px 0;
}

.wh_mQuick_list li {
    float: left;
    width: 33.333333%;
}

/*.wh_mQuick_list li .wh_item {
    padding-right: 12px;
    margin-left: 0;
    padding-left: 0;
}

.wh_mQuick_list li:first-child .wh_item {
    padding-right: 13px;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}*/

.wh_mQuick_list li .wh_item a {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 17px;
}

.wh_mQuick_list li .wh_item a span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 15px;
    font-weight: bold;
}

/*.wh_mQuick_list li:first-child .wh_item a span:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/white_ver/pizza_quick.svg') no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin: -3px 2px 0 0;
}*/

/*.wh_mQuick_list li:first-child + li .wh_item a span:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 16px;
    background: url('../images/white_ver/double_quick.svg') no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin: -3px 2px 0 0;
}*/

/*.wh_mQuick_list li:first-child + li + li .wh_item a span:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 17px;
    background: url('../images/white_ver/side_quick.svg') no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin: -3px 2px 0 0;
}*/

.Quick_list li:first-child + li + li .wh_item a span {
    padding-left: 22px;
    background: url('../images/mobile/ico_mquick03.png') left center no-repeat;
    background-size: 17px auto;
}

@media all and (max-width: 374px) {
    .wh_mQuick_wrap {
        height: 45px;
    }

    .wh_mQuick_list {
        padding: 14px 0 20px 0;
    }
}

/* 메인 - 비주얼 */
.wh_main_section .wh_main2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 10px 0 0 0; /*background: url('../images/white_ver/main02_bg.jpg') no-repeat center top;background-size:auto;background-size:100% 477px;*/
}

.wh_main2 {
    overflow: hidden;
    width: 100%;
    height: 400px;
}

@media all and (max-width: 1024px) {
    .wh_main_section .wh_main2 {
        margin-top: 0;
        display: inline-block;
    }
}

.wh_main2 .inner_wh_main2 {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    margin-top: 13px;
}

.wh_main2 div ul {
    height: 400px;
    overflow: hidden
}

.wh_main2 div ul li {
    position: relative;;
    cursor: pointer;
    overflow: hidden;
    height: 400px;
}

.wh_main2 div ul li img {
    max-width: 100%;
}

.wh_main2 div ul li > span {
    display: none;
    position: absolute;
    left: 120px;
    top: 113px;
    font-size: 26px;
    color: #fff;
}

.wh_main2 div ul li > strong {
    display: none;
    position: absolute;
    left: 120px;
    top: 163px;
    font-size: 45px;
    color: #ffffff;
    line-height: 52px;
    font-weight: normal;
}

.wh_main2 div ul li > a.btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 9999;
}

.wh_main2 div ul li > a.btn span {
    display: block;
    height: 42px;
    padding: 0 43px;
    background-color: #ed1c24;
    color: #fff;
    font-size: 17px;
    line-height: 42px;
}

.wh_main2 .inner_wh_main2 .wh_m_hide {
    display: block
}

.wh_main2 .inner_wh_main2 .wh_w_hide {
    display: none;
}

@media all and (max-width: 1024px) {
    .wh_main2 ul li > span {
        top: 83px;
    }

    .wh_main2 ul li > strong {
        top: 133px;
    }

}

@media all and (max-width: 768px) {
    .wh_main2 ul li > span {
        top: 53px;
        font-size: 21px;
    }

    .wh_main2 ul li > strong {
        top: 83px;
        font-size: 36px;
        line-height: 42px;
    }
}

@media all and (max-width: 740px) {
    .wh_main2 ul li > span {
        top: 23px;
        font-size: 14px;
    }

    .wh_main2 ul li > strong {
        top: 53px;
        font-size: 23px;
        line-height: 28px;
    }

    .wh_main2 ul li > a.btn {
        display: none;
    }
}

@media all and (max-width: 500px) {
    .wh_main2 .inner_wh_main2 .wh_m_hide {
        display: none;
    }

    .wh_main2 .inner_wh_main2 .wh_w_hide {
        display: block;
    }
}

@media all and (max-width: 480px) {
    .wh_main2 ul li > span {
        left: 12px;
        top: 25px;
    }

    .wh_main2 ul li > strong {
        left: 12px;
        top: 47px;
    }
}

@media all and (max-width: 333px) {
    .wh_main2 ul li img {
        min-height: 170px;
    }
}

.wh_main2 .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #c10a28;
}

.wh_main2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #c10a28;
    width: 30px;
    animation-duration: 0.2s;
    animation-name: pagerbtn;
    transition-timing-function: ease-out;
}

@keyframes pagerbtn {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}

.wh_main2 .bx-wrapper .bx-controls-direction a {
    display: block;
    width: 28px;
    height: 28px;
}

.wh_main2 .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url('../images/white_ver/slide_btn_l.png') left top no-repeat;
}

.wh_main2 .bx-wrapper .bx-controls-direction a.bx-next {
    background: url('../images/white_ver/slide_btn_r.png') left top no-repeat;
}

.wh_main_order {
    display: none;
    width: 100%;
    padding: 15px 22px 0 22px;
    background: #fff;
}

.wh_main_order .order_button {
    width: 100%;
}

.wh_main_order .order_button:after {
    content: '';
    display: block;
    clear: both;
}

.wh_main_order .order_button li {
    float: left;
    border-radius: 5px;
    width: 49.5%;
    height: 51px;
    line-height: 48px;
    text-align: center;
}

.wh_main_order .order_button li a {
    display: block;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
}

.wh_main_order .etc_button {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding-top: 25px;
}

.wh_main_order .etc_button li {
    float: left;
    width: 21%;
    text-align: center;
    margin-right: 5%;
}

.wh_main_order .etc_button li:last-child {
    margin-right: 0;
}

.wh_main_order .etc_button > li > ul > li {
    width: 100%;
}

.wh_main_order .etc_button > li > ul > li:after {
    content: '';
    display: block;
    clear: both;
}

.wh_main_order .etc_button > li > ul > li img {
    width: 100%;
    margin-bottom: 10px;
}

.wh_main_order .etc_button > li > ul > li a {
    font-size: 17px;
}

@media all and (max-width: 1024px) {
    .wh_main_order {
        display: inline-block;
        margin: 0 0 -6px 0px;
    }
}

@media all and (max-width: 768px) {
    .wh_main_order .order_button li {
        width: 100%;
    }
}

@media all and (max-width: 500px) {
    .wh_main_order .etc_button > li > ul > li a {
        font-size: 15px;
    }
}

@media all and (max-width: 374px) {
    .wh_main_order .etc_button > li > ul > li a {
        font-size: 14px;
    }
}

@media all and (max-width: 350px) {
    .wh_main_order .etc_button > li > ul > li a {
        font-size: 13px;
    }
}

.wh_main_section .wh_main3 {
    width: 100%;
    height: auto; /*display: inline-block;*/
    padding: 20px 0 0 0;
    background: #fff;
}

.wh_main_section .wh_main3 .subBanner {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.wh_main_section .wh_main3 .subBanner li {
    float: left;
    width: 50%;
    height: auto;
    margin: 0 0 20px 0;
}

.wh_main_section .wh_main3 .subBanner li:nth-child(odd) {
    padding-right: 10px;
}

.wh_main_section .wh_main3 .subBanner li:nth-child(even) {
    padding-left: 10px;
}

.wh_main_section .wh_main3 .subBanner li img {
    max-width: 100%;
    width: 100%;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

@media all and (max-width: 1200px) {

    .wh_main2 div ul {
        height: auto;
    }

    .wh_main2 div ul li {
        height: auto;
    }

    .wh_main_section .wh_main3 {
        height: auto;
    }
}

@media all and (max-width: 1024px) {
    .wh_main2 div ul {
        height: auto;
    }

    .wh_main2 div ul li {
        height: auto;
    }

    .wh_main_section .wh_main3 {
        height: auto;
    }

    .wh_main_section .wh_main3 .subBanner li {
        margin: 0 0 10px 0;
    }

    .wh_main_section .wh_main3 .subBanner li:nth-child(odd) {
        padding-right: 5px;
    }

    .wh_main_section .wh_main3 .subBanner li:nth-child(even) {
        padding-left: 5px;
    }
}

@media all and (max-width: 768px) {
    .wh_main_section .wh_main3 {
        padding: 20px 0 5px 0;
    }

    .wh_main_section .wh_main3 .subBanner li {
        float: none;
        width: 100%;
    }

    .wh_main_section .wh_main3 .subBanner li:nth-child(odd) {
        padding-right: 0;
    }

    .wh_main_section .wh_main3 .subBanner li:nth-child(even) {
        padding-left: 0;
    }
}

.wh_main_section .wh_main4 {
    width: 100%;
    height: auto; /*display: inline-block;*/
    padding: 15px 0 20px 0;
    background: #e9ebec;
}

.wh_main_section .wh_main3:after, .wh_main_section .wh_main4:after {
    content: '';
    clear: both;
    display: block;
}

.wh_main_section .wh_main4 .banner_box {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.wh_main_section .wh_main4 .banner_box img {
    max-width: 100%;
    width: 100%;
}

.wh_main_section .wh_main4 .half_banner {
}

.wh_main_section .wh_main4 .half_banner:after {
    content: '';
    display: block;
    clear: both;
}

.wh_main_section .wh_main4 .half_banner li {
    float: left;
    width: 50%;
}

.wh_main_section .wh_main4 .one_banner {
    width: 100%;
    padding: 10px 0;
}

.wh_main_section .wh_main4 ul li.main4_1 {
    padding: 5px 10px 10px 0;
    cursor: pointer;
}

.wh_main_section .wh_main4 ul li.main4_2 {
    padding: 5px 0 10px 10px;
    cursor: pointer;
}

.wh_main_section .wh_main4 .wh_board {
    width: 100%;
    padding-top: 10px;
}

.wh_main_section .wh_main4 .wh_board > div {
    float: left;
    width: 50%;
}

.wh_main_section .wh_main4 .wh_board > div .inner {
    background: #fff;
    width: 100%;
    position: relative;
    padding: 17px 22px 22px 22px;
}

.wh_main_section .wh_main4 .wh_board .more {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: #c1c1c1;
    text-align: center;
}

.wh_main_section .wh_main4 .wh_board .more a {
    color: #fff;
    font-size: 30px;
    line-height: 33px;
    display: block;
    width: 100%;
    height: 100%;
}

.wh_main_section .wh_main4 .wh_board .inner span {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
}

.wh_main_section .wh_main4 .wh_board .inner span:before {
    content: '';
    width: 23px;
    height: 19px;
    background-image: url('../images/white_ver/board_mark.png');
    display: inline-block;
    vertical-align: middle;
}

.wh_main_section .wh_main4 .wh_board .inner .body {
    background: #f0f0f0;
    padding: 14px 20px;
    width: 100%;
    margin: 15px 0 0 0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_main_section .wh_main4 .wh_board .inner .body p {
    width: 90%;
    height: 30px;
    overflow: hidden;
}

.wh_main_section .wh_main4 .wh_board > div:first-child {
    padding: 0 10px 0 0;
}

.wh_main_section .wh_main4 .wh_board > div:last-child {
    padding: 0 0 0 10px;
}

@media all and (max-width: 1024px) {
    .wh_main_section .wh_main4 .one_banner {
        padding: 5px 0;
    }

    .wh_main_section .wh_main4 .one_banner .m_hide {
        display: block !important;
    }

    .wh_main_section .wh_main4 .one_banner .w_hide {
        display: none;
    }

    .wh_main_section .wh_main4 ul li.main4_1 {
        padding: 0 5px 5px 0;
    }

    .wh_main_section .wh_main4 ul li.main4_2 {
        padding: 0 0 5px 5px;
    }

    .wh_main_section .wh_main4 .wh_board {
        padding-top: 5px;
    }

    .wh_main_section .wh_main4 .wh_board > div:first-child {
        padding: 0 5px 0 0;
    }

    .wh_main_section .wh_main4 .wh_board > div:last-child {
        padding: 0 0 0 5px;
    }
}

@media all and (max-width: 768px) {
    .wh_main_section .wh_main4 .half_banner li {
        float: left;
        width: 100%;
    }

    .wh_main_section .wh_main4 .one_banner {
        padding: 0 0 15px 0;
    }

    .wh_main_section .wh_main4 .one_banner .m_hide {
        display: none !important;
    }

    .wh_main_section .wh_main4 .one_banner .w_hide {
        display: block;
        height: 100%;
    }

    .wh_main_section .wh_main4 ul li.main4_1 {
        padding: 0 0 15px 0;
    }

    .wh_main_section .wh_main4 ul li.main4_2 {
        padding: 0 0 15px 0;
    }

    .wh_main_section .wh_main4 .wh_board {
        padding-top: 0;
    }

    .wh_main_section .wh_main4 .wh_board > div:first-child {
        width: 100%;
        padding: 0 0 0 0;
    }

    .wh_main_section .wh_main4 .wh_board > div:last-child {
        display: none;
    }
}

/* // contatiner css*/

/* footer css*/

#wh_Footer_Wrap {
    background: #fff;
}

#wh_Footer {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}
#wh_Footer .wh_footer_header_wrap {text-align: center;}
#wh_Footer .wh_footer_header {
    display: inline-block;
    height: 151px;
    padding: 40px 0;
}

#wh_Footer .wh_footer_header:after, #wh_Footer .wh_footer_tel_wrap:after, #wh_Footer .wh_footer_link_wrap:after, #wh_Footer .wh_footer_etc:after {
    content: '';
    display: block;
    clear: both;
}

#wh_Footer .wh_footer_header > li {
    float: left;
    width:100px;
    font-size: 14px;
    margin-right: 25px;
    text-align: center;
}

#wh_Footer .wh_footer_header > li:last-child {
    margin-right: 0;
}

#wh_Footer .wh_footer_header .img {
    width: 45px;
    height: 45px;
    margin: 0 auto 10px;
}

#wh_Footer .wh_footer_header .img img {
    width: 100%;
}

#wh_Footer .wh_footer_header .text.green a {
    color: #70a401;
}

#wh_Footer .wh_footer_tel_wrap {
    width: 100%;
    height: 64px;
}

#wh_Footer .wh_footer_tel_wrap:after {
    content: '';
    clear: both;
    display: block;
}

#wh_Footer .wh_footer_tel_wrap .call_box {
    width: 50%;
    float: left;
    height: 64px;
    background: #acacac;
}

#wh_Footer .wh_footer_tel_wrap .call_box01, #wh_Footer .wh_footer_tel_wrap .call_box02 {
    border-right: 1px solid #fff;
}

#wh_Footer .wh_footer_tel_wrap .call_box .img {
    float: left;
    width: 25px;
    height: 25px;
    margin: 19px 0 0 19px;
}

#wh_Footer .wh_footer_tel_wrap .call_box .call_text {
    width: 88%;
    color: #fff;
    float: left;
    padding: 23px 0 13px 10px;
    font-size: 14px;
    line-height: 14px;
}

#wh_Footer .wh_footer_tel_wrap .call_box .call_text li {
    float: left;
}

#wh_Footer .wh_footer_tel_wrap .call_box .call_text li:last-child {
    float: right;
}

#wh_Footer .wh_footer_tel_wrap .call_box02 .call_text li:last-child {
    float: right;
    margin: 0 0 0 5px;
}

#wh_Footer .wh_footer_tel_wrap .call_box .call_text li a {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    margin: -5px 0 0 5px;
}

#wh_Footer .wh_footer_tel_wrap .call_box .call_text .red a {
    color: #fff;
    font-weight: normal;
}

#wh_Footer .wh_footer_tel_wrap .call_box .call_button {
    color: #fff;
    float: right;
    padding: 15px 17px 0 0;
    display: none;
}

#wh_Footer .wh_footer_tel_wrap .call_box .call_button a {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 13px;
    display: block;
    border-radius: 12px;
    font-size: 13px;
}

#wh_Footer .wh_footer_link_wrap {
    margin: 15px 0 15px 0;
    /*height: 53px;*/
    display: block;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
}

#wh_Footer .wh_footer_link_wrap ul li {
    display: block;
    padding: 10px 0;
    float: left;
    width: 12.5%;
    text-align: center;
}

/*#wh_Footer .wh_footer_link_wrap ul li:first-child {
    text-align: left;
    width: 10%;
}

#wh_Footer .wh_footer_link_wrap ul li:last-child {
    text-align: right;
    width: 12%;
}*/

#wh_Footer .wh_footer_link_wrap ul li a {
    color: #313131;
    font-size: 14px;
    vertical-align: top;
}

#wh_Footer .wh_footer_link_wrap ul li a.red {
    color: #cf0221;
}

#wh_Footer .wh_footer_etc {
    width: 100%;
    /*height: 138px;*/
    padding-bottom: 20px;
}

#wh_Footer .wh_footer_etc .wh_footer_logo {
    float: left;
    margin-right: 15px; /*opacity: 0.5*/
}

#wh_Footer .wh_footer_etc .wh_footer_copyright {
    float: left;
    font-size: 13px;
    padding-bottom: 20px;
}

#wh_Footer .wh_footer_etc .wh_footer_copyright strong {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
}

#wh_Footer .wh_footer_etc .wh_footer_copyright address {
    font-size: 12px;
    padding: 10px 0 6px 0;
    line-height: 17px;
}

#wh_Footer .wh_footer_etc .app_download {
    float: right;
}

#wh_Footer .wh_footer_etc .app_download li:first-child {
    padding-bottom: 12px;
}

@media all and (max-width: 1024px) {
    #wh_Footer .wh_footer_tel_wrap {
        height: auto;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_button {
        display: block;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box {
        width: 100%;
        height: 63px;
        float: left;
        background: #acacac;
        border-bottom: 1px solid #fff;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box {
        height: 63px;
    }

    #wh_Footer .wh_footer_header {
        width:100%;
    }

    #wh_Footer .wh_footer_header > li {
        float: left;
        width: 11.7142%;
        font-size: 14px;
        margin-right: 3%;
        text-align: center;
    }

    #wh_Footer .wh_footer_header .text.green a {white-space: nowrap;}

    #wh_Footer .wh_footer_tel_wrap .call_box .call_text {
        color: #fff;
        float: left;
        padding: 13px 0 13px 10px;
        font-size: 14px;
        line-height: 14px;
        width: auto;
    }
    #wh_Footer .wh_footer_tel_wrap .call_box .call_text .red a{
        font-size:14px;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_text li {
        float: none;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_text li:last-child {
        padding-top: 0;
        float: none;
        margin: 4px 0 0 0;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_text li a {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box02 .call_text li:last-child {
        margin: 4px 0 0 0;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_text .red a {
        color: #fff;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box01, #wh_Footer .wh_footer_tel_wrap .call_box02 {
        border-right: 0;
    }

    #wh_Footer .wh_footer_link_wrap ul li {
        display: block;
        padding: 11px 0;
        float: left;
        width: 12.9%;
        text-align: center;
    }

    #wh_Footer .wh_footer_link_wrap ul li:first-child {
        text-align: left;
        width: 8%;
    }

    #wh_Footer .wh_footer_link_wrap ul li:last-child {
        text-align: right;
        width: 14.6%;
    }

    #wh_Footer .wh_footer_etc .wh_footer_copyright {
        width: 55%;
    }

    #wh_Footer .wh_footer_etc .app_download {
        width: 25%;
    }

    #wh_Footer .wh_footer_etc {
        height: auto;
        min-height: 137px;
        display: inline-block;
    }

    #wh_Footer .wh_footer_etc .wh_footer_copyright {
        font-size: 13px;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box02 .call_text li:first-child a {
        vertical-align: top;
        font-weight: normal;
        font-size: 15px;
    }
}

@media all and (max-width: 768px) {
    #wh_Footer .wh_footer_etc .wh_footer_logo { /*opacity: 0.5*/;
    }

    #wh_Footer .wh_footer_header {
        width: 80%;
        margin: 0 auto;
        height: 120px;
        padding: 22px 0;
    }

    #wh_Footer .wh_footer_header > li {
        float: left;
        width: 33.3%;
        font-size: 14px;
        margin-right: 0%;
        text-align: center;
    }

    #wh_Footer .wh_footer_link_wrap ul li {
        width: 33.333333%;
    }

    #wh_Footer .wh_footer_link_wrap ul li:last-child {
        width: 33.333333%;
        text-align: center;
    }

    #wh_Footer .wh_footer_header > li.m_hide7, #wh_Footer .wh_footer_link_wrap ul li.m_hide7 {
        display: none;
    }

    #wh_Footer .wh_footer_tel_wrap {
        height: 128px;
    }

    #wh_Footer .wh_footer_etc {
        display: inline-block;
        padding: 0 15px 15px 15px;
    }

    #wh_Footer .wh_footer_etc .wh_footer_logo, #wh_Footer .wh_footer_etc .wh_footer_copyright, #wh_Footer .wh_footer_etc .app_download {
        float: none;
    }

    #wh_Footer .wh_footer_etc .app_download li:first-child, #wh_Footer .wh_footer_etc .app_download li:last-child {
        float: left;
        padding-bottom: 0;
    }

    #wh_Footer .wh_footer_etc .app_download {
        width: 100%;
    }

    #wh_Footer .wh_footer_etc .app_download li {
        width: 49%;
        margin-right: 2%;
    }

    #wh_Footer .wh_footer_etc .app_download li:last-child {
        margin-right: 0;
    }

    #wh_Footer .wh_footer_etc .app_download li img {
        width: 100%;
    }

    #wh_Footer .wh_footer_etc .app_download:after {
        content: '';
        display: inline-block;
        clear: both;
    }

    #wh_Footer .wh_footer_etc .wh_footer_copyright {
        padding-bottom: 15px;
        width: 100%;
    }

    #wh_Footer .wh_footer_etc .wh_footer_logo {
        margin-bottom: 16px;
    }

    #wh_Footer .wh_footer_etc .wh_footer_copyright address {
        padding: 10px 0 9px 0;
        line-height: 16px;
    }

    #wh_Footer .wh_footer_etc .wh_footer_copyright p {
        font-size: 12px;
        letter-spacing: -0.02em
    }
}

@media all and (max-width: 500px) {
    #wh_Footer .wh_footer_tel_wrap .call_box .img {
        margin: 19px 0 0 15px;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_button {
        padding: 15px 22px 0 0;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box02 .call_button {
        padding: 15px 22px 0 0;
    }
}

@media all and (max-width: 400px) {
    #wh_Footer .wh_footer_tel_wrap .call_box i {
        display: block;
    }
}

@media all and (max-width: 374px) {
    #wh_Footer .wh_footer_tel_wrap .call_box .img {
        margin: 22px 0 0 10px;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .img {
        width: 20px;
        height: 20px;
    }

    #wh_Footer .wh_footer_header {
        width: 90%
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_text li {
        font-size: 14px;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box02 .call_text li:first-child a {
        font-size: 14px;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box .call_button {
        padding: 15px 16px 0 0;
    }

    #wh_Footer .wh_footer_tel_wrap .call_box02 .call_button {
        padding: 15px 16px 0 0;
    }
}

/* 서브 */

/* 서브 - 공통 */
.wh_contents_body .section.full {
    margin: 0 0 15px 0;
}

.section.wh_section_bottom01 .section_header {
    position: relative;
    margin: 0 10px;
}

.section.wh_section_bottom01 .section_header > h3 {
    display: inline-block;
    font-size: 22px;
    color: #313131;
    line-height: 24px;
    margin: 0 0 0 0;
}

.section.wh_section {
    margin: 10px 10px 0 10px;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section02 {
    margin: 0 0 0 0;
    padding: 20px 10px 0 10px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section03 {
    margin: 10px 0 0 0;
    padding: 20px 10px 0 10px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_detail {
    margin: 10px 0 0 0;
    padding: 20px 20px 20px 20px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_member {
    margin: 10px 0 0 0;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_order {
    margin: 0 0 10px 0;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_origin {
    margin: 10px 0 10px 0;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_top01 {
    margin: 0px 0 10px 0;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_top02 {
    margin: 10px 0 0px 0;
    padding: 20px 20px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_top03 {
    margin: 10px 0 10px 0;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_top04 {
    margin: 0px 0 0 0;
    padding: 20px 10px 10px 10px;;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_bottom01 {
    margin: 10px 0 10px 0;
    padding: 20px 20px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_bottom02 {
    margin: 10px 0 0px 0;
    padding: 20px 20px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.section.wh_section_bottom03 {
    margin: 0px 0 10px 0;
    padding: 20px 20px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .section.w1 {
    float: left;
    width: 320px;
    height: 480px;
    font-size: 0px;
}

.wh_sub_body .section.w2 {
    float: left;
    width: 318px;
    height: 480px;
    margin: 10px 11px 0 11px;
}

.wh_sub_body .section.w3 {
    float: left;
    width: 320px;
    height: 480px;
}

.wh_sub_body .custom .section.w1 {
    height: 350px;
}

.wh_sub_body .custom .section.w2 {
    height: 350px;
}

.wh_sub_body .custom .section.w3 {
    height: 350px;
}

.wh_sub_body .custom section.oh {
    margin: -10px 0 0 0;
}

.section.wh_section_top01.mh480 {
    min-height: 480px
}

/* 서브 - 상단 타이틀 */
.contents_header.wh_contents_header {
    position: relative;
    overflow: hidden;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    height: 52px;
    padding: 16px 0 12px 0;
}

.contents_header.wh_contents_header h2 {
    text-align: left;
    font-size: 21px;
    color: #313131;
    width: 100%;
}
.wh_sub_body .member_top_banner{
    max-width:1180px;
    width:100%;
    margin:0 auto 10px;
}
.wh_sub_body .member_top_banner img{
    width:100%;
}
.wh_sub_body .member_top_banner .wh_w_hide{
    display:none;
}
.wh_sub_body .member_top_banner .wh_m_hide{
    display:block;
}
@media all and (max-width: 1024px) {
    .wh_sub_body .member_top_banner {
        max-width: 1180px;
        width: 100%;
        margin: 0 auto;
    }

    .wh_sub_body .member_top_banner .wh_m_hide {
        display: none;
    }
    .wh_sub_body .member_top_banner .wh_w_hide{
        display:block;
        margin:10px 0 0 0;
    }
}
.contents_body.wh_contents_body .section_ad1_wrap {
    margin: 0 10px;
}

.contents_body.doublebox {
    margin-top: -30px;
}

.wh_sub_body .section_body_txt2_wrap .section_body_txt2 {
    width: 637px;
    max-width: 100%;
    margin: 0 auto;
}

@media all and (max-width: 1024px) {
    .section.wh_section {
        margin: 10px 0 10px 0;
    }

    .contents_header.wh_contents_header {
        display: none;
    }

    .wh_contents_header .section_ad1_wrap {
        display: none;
    }

    .section.wh_section_order {
        padding: 10px 10px;
    }

    .contents_body.wh_contents_body {
        padding: 0 0 0;
    }

    .wh_contents_body .section.full {
        margin: 0 0 0 0;
    }

    .section.wh_section_origin {
        margin: 10px 0 10px 0;
        padding: 10px 10px;
    }

    .section.wh_section_top01 {
        margin: 0px 0 10px 0;
        padding: 10px 10px;
    }

    .section.wh_section_top02 {
        margin: 10px 0 0 0;
        padding: 10px 10px;
    }

    .section.wh_section_top03 {
        margin: 10px 0 10px 0;
        padding: 10px 10px;
    }

    .section.wh_section_top04 {
        margin: 0 0 0 0;
        padding: 10px 10px;
    }

    .section.wh_section_bottom01 {
        margin: 10px 0 10px 0;
        padding: 10px 10px;
    }

    .section.wh_section_bottom02 {
        margin: 10px 0 0px 0;
        padding: 15px 10px;
    }

    .section.wh_section_bottom03 {
        margin: 0 0 10px 0;
        padding: 10px 10px;
    }

    .wh_sub_body .section.w1 {
        padding: 20px 12px 40px 12px;
    }

    .wh_sub_body .section.w2 {
        padding: 20px 12px 40px 12px;
    }

    .wh_sub_body .section.w3 {
        padding: 20px 12px 40px 12px;
    }

    .wh_sub_body .section.w1 {
        float: none;
        width: 100%;
        height: auto;
    }

    .wh_sub_body .section.w2 {
        float: none;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .section.w3 {
        float: none;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }

    .section.wh_section_top01.mh480 {
        min-height: auto
    }

    .section.wh_section_top01.mar_b100 {
        margin: 15px 0 0 0 !important;
    }

    .wh_sub_body .custom .section.w1 {
        height: 295px;
    }

    .wh_sub_body .custom .section.w2 {
        height: 295px;
    }

    .wh_sub_body .custom .section.w3 {
        height: 295px;
    }

}

.wh_sub_body .section_header_list {
    display: block;
    font-size: 0px;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

.wh_sub_body .section_header_list li {
    display: block;
    font-size: 15px;
    color: #313131;
    line-height: 30px;
}

.wh_sub_body .section_header_list li a {
    font-size: 15px;
    color: #313131;
    line-height: 30px;
}

.wh_sub_body .section_header_list li a:hover {
    color: #c10a28;
}

.wh_sub_body .section .section_header.line_b {
    padding-bottom: 21px;
    border-bottom: 1px solid #acacac;
}

.wh_sub_body .section .section_header {
    position: relative;
}

.wh_sub_body .region_list_wrap h3 {
    margin: 0;
    font-size: 22px;
    color: #fff;
}

.wh_sub_body .region_list_wrap h3 .fr {
    font-size: 14px;
    color: #888
}

.wh_sub_body .region_list_wrap .slct_cont {
    display: none
}

.wh_sub_body .region_list_wrap .slct_cont.on {
    display: block
}

@media all and (max-width: 1024px) {
    .wh_sub_body .section_header_list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
}

.wh_sub_body .agreement_box h4 {
    margin: 35px 0 0 0;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    line-height: 17px;
}

.wh_sub_body .agreement_box h4:first-child {
    margin: 0;
}

.wh_sub_body .agreement_box p {
    margin: 5px 0 0 0;
    font-size: 15px;
    color: #313131;
    line-height: 25px;
}

.wh_sub_body .section_body_strong {
    display: block;
    font-size: 15px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .section_body_txt {
    font-size: 15px;
    color: #313131;
    line-height: 24px;
    text-align: center;
}

/* 서브 - 상단 현재위치 */
.wh_contents_header .breadcrumb {
    position: absolute;
    bottom: 10px;
    right: 0;
    float: right;
}

.wh_contents_header .breadcrumb li {
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0 0 0 11px;
    background: url('../images/common/ico_arrow.png') left 8px no-repeat;
    line-height: auto;
    font-size: 13px;
    color: #313131;
    vertical-align: top;
}

.wh_contents_header .breadcrumb li:first-child {
    margin: 0;
    padding: 0;
    background: none;
}

.wh_contents_header .breadcrumb li a {
    color: #313131;
}

#Contents.two .wh_contents_header .breadcrumb {
    padding-right: 10px;
}

.wh_sub_body .section .section_header > a.scroll_btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #313131;
    box-sizing: border-box;
    font-size: 14px;
    color: #313131;
}

.wh_sub_body .section .section_header > a.scroll_btn:hover { /* background:#898483; *//* color:#fff; */
}

/* 피자 리스트 - 박스 */
.wh_contents_body .section_portfolio_wrap {
    padding: 0;
    margin: 0 0 15px 0;
}

.wh_contents_body .section_portfolio_wrap + .btn_table_wrap {
    overflow: hidden;
    margin: 20px 10px 0 10px
}

.wh_contents_body .section_portfolio_wrap .section_portfolio.small > li .section_portfolio_thumb {
    height: 270px;
}

.wh_contents_body .section_portfolio:after {
    content: '';
    display: block;
    clear: both
}

.wh_contents_body .section_portfolio > li {
    position: relative;
    float: left;
    width: 280px;
    margin: 0 10px 20px 10px;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_contents_body .section_portfolio > li.no_mar {
    margin-right: 0;
}

.wh_contents_body .section_portfolio.on > li:hover {
    padding: 0;
    border: 0;
}

.wh_contents_body .section_portfolio > li .section_portfolio_thumb {
    position: relative;
    height: 400px;
    text-align: left;
}

.wh_contents_body .side_portfolio_wrap .section_portfolio > li .section_portfolio_thumb {
    position: relative;
    height: 485px;
    text-align: left;
}

.wh_contents_body .side_portfolio_wrap.side_portfolio_wrap .section_portfolio > li .section_portfolio_thumb {
    position: relative;
    height: 410px;
    text-align: left;
}

.wh_contents_body .section_portfolio > li .section_portfolio_thumb button.gold {
    height: 23px;
    margin: 0 6px 6px 0;
    padding: 0 6px;
    line-height: 21px
}

.wh_contents_body .section_portfolio.small > li .section_portfolio_thumb {
    height: 290px;
}

.wh_contents_body .section_portfolio.small2 > li .section_portfolio_thumb {
    height: 360px;
}

.wh_contents_body .section_portfolio.mid > li .section_portfolio_thumb {
    height: 420px;
}

.wh_contents_body .section_portfolio.mid2 > li .section_portfolio_thumb {
    height: 470px;
}

.wh_contents_body .section_portfolio .tooltip_wrap {
    right: auto;
    left: 0
}

.wh_contents_body .thumb_r {
    height: 135px;
    padding: 18px;
    position: relative;
}

.wh_contents_body .thumb_r:after {
    content: '';
    display: block;
    clear: both;
}

.wh_contents_body .side_portfolio_wrap .thumb_r {
    height: 210px;
}

@media all and (max-width: 1200px) {
    .wh_contents_body .section_portfolio > li.no_mar {
        margin-right: 20px;
    }
}

@media all and (max-width: 1024px) {
    .wh_contents_body .section_ad1_wrap {
        display: none;
    }

    .wh_contents_body .section_portfolio_wrap {
        padding-top: 0px;
    }

    .wh_contents_body .section.full {
    }

}

@media all and (max-width: 768px) {
    .wh_contents_body .side_portfolio_wrap .section_portfolio > li .section_portfolio_thumb {
        position: relative;
        height: auto;
        text-align: left;
    }

    .wh_contents_body .side_portfolio_wrap.side_portfolio_wrap .section_portfolio > li .section_portfolio_thumb {
        position: relative;
        height: auto;
        text-align: left;
    }

    .wh_contents_body .section_portfolio > li {
        position: relative;
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0;
        background: #fff;
        -webkit-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
        -moz-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
        box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    }
	.wh_contents_body .section_portfolio > li:last-child {
		margin-bottom: 0;
	}

    .wh_contents_body .side_portfolio_wrap .thumb_r {
        height: auto;
    }

    .wh_contents_body .thumb_r {
        width: 50%;
        float: right;
        height: auto;
        padding: 11px 10px 0 14px;
    }

    .wh_contents_body .section_portfolio > li .section_portfolio_thumb {
        width: 100%;
        display: inline-block;
        height: auto;
    }

	#Contents .mob_mb0pb0 {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media all and (max-width: 423px) {
    .wh_contents_body .thumb_r {
        padding: 9px 10px 0 10px;
    }

    .wh_contents_body .section_portfolio > li .section_portfolio_thumb button.gold {
        height: 20px;
        line-height: 20px;
    }

    .wh_sub_body .thumb_list_btn > li > button > span {
        margin: 0 0 0 5px;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_list_btn li {
        width: 90%;
    }
}

@media all and (max-width: 374px) {
    .wh_contents_body .thumb_r {
        padding: 9px 10px 0 10px;
    }
}

/* 피자 리스트 - 상단아이콘 */
.wh_contents_body .thumb_icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0px;
}

.wh_contents_body .thumb_icon li {
    display: inline-block;
    width: 42px;
    height: 42px;
    padding: 8px 0;
    font-size: 12px;
    color: #fff;
    line-height: 13px;
    text-align: center;
    vertical-align: top;
}

.wh_contents_body .thumb_icon li.new {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_new.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best01 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best01.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best02 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best02.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best03 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best03.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best04 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best04.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best05 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best05.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best06 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best06.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best07 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best07.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best08 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best08.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best09 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best09.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.best10 {
    padding: 0;
    line-height: 42px;
    background: url('../images/white_ver/list_ico_best10.png') no-repeat;
    width: 82px;
    height: 82px;
}

.wh_contents_body .thumb_icon li.gold {
    background: #ed7c06;
}

.wh_contents_body .thumb_icon li.free {
    background: #ac5d01;
}

.wh_contents_body .thumb_icon li.kiz {
    padding: 0;
    background: #ec9805;
    line-height: 42px;
}

.wh_contents_body .thumb_icon li.man {
    padding: 0;
    background: #6713bc;
    line-height: 42px;
}

.wh_contents_body .thumb_icon li.woman {
    padding: 0;
    background: #ae0d7b;
    line-height: 42px;
}

.wh_contents_body .thumb_icon li.best_top1 {
    padding: 0;
    background: #e00009;
}

.wh_contents_body .thumb_icon li.best_top2 {
    padding: 0;
    background: #ec7c05;
}

.wh_contents_body .thumb_icon li.best_top3 {
    padding: 0;
    background: #57a610;
}

.wh_contents_body .thumb_icon li span {
    display: inline-block;
    margin: 10px 0 0 0;
    font-size: 12px;
    line-height: 12px;
}

.wh_contents_body .thumb_icon li.best_etc {
    padding: 16px 0 0 0;
    color: #b6b0af;
    background: #413e3d;
}

/* 피자 리스트 - 이미지 */
.wh_contents_body .thumb_img_wrap {
    width: 280px;
    height: 204px;
    line-height: 161px;
    text-align: center;
    background: #f0f0f0;
	position: relative;
}

.wh_contents_body .thumb_img_wrap img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
    margin: 0 auto;
}

.wh_contents_body .section_portfolio.on > li:hover .thumb_icon {
    overflow: hidden;
    left: 0;
    top: 0;
}

.wh_contents_body .section_portfolio.on > li:hover .thumb_icon li {
    margin: 0 0 0 0;
}

.wh_contents_body .section_portfolio.on > li:hover .thumb_icon li:first-child {
    margin: 0 0 0 0;
}

.wh_contents_body .section_portfolio.on > li .section_portfolio_thumb .thumb_img_wrap a .thumb_img_on {
    display: none;
}

.wh_contents_body .section_portfolio.on > li:hover .section_portfolio_thumb .thumb_img_wrap a .thumb_img_off {
    display: none;
}

.wh_contents_body .section_portfolio.on > li:hover .section_portfolio_thumb .thumb_img_wrap a .thumb_img_on {
    display: block;
}

@media all and (min-width: 1224px) {

}

@media all and (max-width: 768px) {
    .wh_contents_body .section_portfolio.on > li .section_portfolio_thumb .thumb_img_wrap a .thumb_img_on {
        display: none;
    }

    .wh_contents_body .section_portfolio.on > li:hover .section_portfolio_thumb .thumb_img_wrap a .thumb_img_off {
        display: block;
        margin: 0 auto;
        vertical-align: top;
    }

    .wh_contents_body .section_portfolio.on > li:hover .section_portfolio_thumb .thumb_img_wrap a .thumb_img_on {
        display: none;
        margin: 0 auto;
        vertical-align: top;
    }

    .wh_contents_body .thumb_img_wrap {
        width: 49%;
        height: auto;
        line-height: 0;
        float: left;
    }

    .wh_contents_body .thumb_icon li.new {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_new.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best01 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best01.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best02 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best02.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best03 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best03.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best04 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best04.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best05 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best05.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best06 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best06.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best07 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best07.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best08 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best08.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best09 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best09.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }

    .wh_contents_body .thumb_icon li.best10 {
        padding: 0;
        line-height: 42px;
        background: url('../images/white_ver/list_ico_best10.png') no-repeat;
        width: 82px;
        height: 82px;
        background-size: 70%;
    }
}

/* 피자 리스트 - 타이틀, 내용 */
.wh_contents_body .thumb_text {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-top: none;
}

.wh_contents_body .thumb_text strong {
    display: block;
    height: auto;
    font-size: 19px;
    color: #313131;
    text-align: left;
    line-height: 25px;
    font-weight: normal;
}

.wh_contents_body .side_portfolio_wrap .thumb_text strong {
    display: block;
    height: auto;
    font-size: 19px;
    color: #313131;
    text-align: left;
    line-height: 25px;
    font-weight: normal;
}

.wh_contents_body .side_portfolio_wrap.side03 .thumb_text strong {
    display: block;
    height: 70px;
    font-size: 19px;
    color: #313131;
    text-align: left;
    line-height: 23px;
    font-weight: normal;
}

.wh_sub_body .side_portfolio_wrap.side02 .thumb_text strong {
    display: block;
    height: auto;
    font-size: 19px;
    color: #313131;
    text-align: left;
    line-height: 22px;
    font-weight: normal;
}

.wh_sub_body .side_portfolio_wrap.side02 .thumb_price {
    margin: 9px 0 7px 0;
}

@media all and (max-width: 768px) {
    .wh_contents_body .side_portfolio_wrap .thumb_text strong {
        height: auto;
        font-size: 16px;
        line-height:31px;
    }

    .wh_contents_body .side_portfolio_wrap.side03 .thumb_text strong {
        line-height: 17px;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_price_wrap {
        height: auto;
        display: inline-block;
    }
    .wh_contents_body .side_portfolio_wrap .thumb_btn_wrap {
        margin:5px 0 0 0;
    }

    .wh_contents_body .thumb_text strong {
        height: auto;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_price.free2 {
        height: auto;
    }
}

@media all and (max-width: 470px) {
    .wh_sub_body .side_portfolio_wrap.side02 .thumb_text strong {
        font-size: 15px;
        line-height: 16px;
        margin: 6px 0 0 0;
    }

    .wh_sub_body .side_portfolio_wrap.side02 .thumb_price {
        margin: 37px 0 7px 0;
    }

    .wh_sub_body .side_portfolio_wrap.side02 .thumb_price.free2 li {
        line-height: 21px;
    }

    .wh_sub_body .side_portfolio_wrap.side02 .thumb_price li strong {
        margin: 0;
    }

    .wh_sub_body .side_portfolio_wrap.side02 .thumb_list_btn {
        top: 50px;
    }

    .wh_sub_body .side_portfolio_wrap.side03 .thumb_text strong {
        font-size: 15px;
    }

    .wh_sub_body .side_portfolio_wrap.side03 .thumb_price {
        margin: 0 0 7px 0;
    }

    .wh_sub_body .side_portfolio_wrap.side03 .thumb_list_btn {
        top: 70px;
    }

    .wh_sub_body .side_portfolio_wrap.side03 .thumb_text p {
        line-height: 15px;
        margin: 0 0 0 0;
    }

    .wh_sub_body .side_portfolio_wrap.side03 .thumb_price.free2 li {
        line-height: 18px;
    }

    .wh_contents_body .side_portfolio_wrap.side02 .thumb_list_btn li {
        width: 85%;
    }

    .wh_contents_body .side_portfolio_wrap.side03 .thumb_list_btn li {
        width: 85%;
    }
}

.wh_contents_body .thumb_text > div {
    padding: 0 0 0 23px;
    height: 50px;
}

.wh_contents_body .thumb_text > div input {
    margin: 0 0 0 -23px;
}

.wh_contents_body .thumb_text > div label {
    margin: 0 0 0 10px;
    font-size: 19px;
    color: #eabb75;
    line-height: 25px;
    font-weight: 700;
}

/* 피자 리스트 - 사이즈, 가격 */
.wh_contents_body .thumb_price {
    height: 46px;
    margin: 3px 0 7px 0;
}

.wh_contents_body .thumb_price.free {
    height: 120px;
}

.wh_contents_body .thumb_price.free2 {
    height: 70px;
}

.wh_contents_body .thumb_price.free3 {
    height: 120px;
}

.wh_contents_body .thumb_price.free2.free3 {
    height: 120px;
}

.wh_contents_body .thumb_price li {
    display: inline-block;
    width: 49%;
    position: relative;
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
    font-size: 13px;
    color: #fff;
    line-height: 23px;
    vertical-align: top;
}

.wh_contents_body .thumb_price li:first-child {
    margin: 0;
}

.wh_contents_body .thumb_price.free2 li {
    margin: 0;
    padding: 0;
    line-height: 24px;
}

.wh_contents_body .thumb_price.free3 li {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
}

.wh_contents_body .thumb_price.free2.free3 li {
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
}

.wh_contents_body .thumb_price.free4 li {
    display: block;
    margin: 0;
    line-height: 23px;
}

.wh_contents_body .thumb_price li .txt_amount {
    display: inline-block;
    margin: 0 2px 0 3px;
    font-style: normal
}

.wh_contents_body .thumb_price li input {
    vertical-align: middle;
}

.wh_contents_body .thumb_price li span {
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    border-radius: 3px;
    margin: 5px 5px 0 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
    float: left;
}

.wh_contents_body .thumb_price li:first-child span {
    background: #ff784e;
}

.wh_contents_body .thumb_price li:last-child span {
    background: #e75253;
}

.wh_contents_body .thumb_price li span.thumb_price_l {
    color: #ed1c24;
}

.wh_contents_body .thumb_price li strike {
    position: absolute;
    left: 23px;
    top: 0px;
    font-size: 14px;
    color: #acacac;
}

.wh_contents_body .thumb_price li em {
    font-size: 18px;
    color: #313131;
    letter-spacing: -1px;
    font-weight: bold;
}

.wh_contents_body .thumb_price li del {
    color: #858585
}

.wh_contents_body .thumb_price li p {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #b79c81;
}

.wh_contents_body .thumb_price li strong {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 12px;
    color: #b79c81;
    font-weight: normal;
    line-height: 24px
}

@media all and (max-width: 786px) {
    .wh_contents_body .thumb_price li strong {
        line-height: 19px;
        margin: 0 0 0 0;
    }

    .wh_contents_body .side_portfolio_wrap.side03 .thumb_price li strong {
        line-height: 15px;
    }
}

@media all and (max-width: 510px) {
    .wh_contents_body .thumb_text strong {
        font-size: 16px;
    }

    .wh_contents_body .pongdang_set strong {
        font-size: 14px;
    }

    .wh_contents_body .thumb_price {
        height: auto;
    }

    .wh_contents_body .thumb_price li {
        padding: 16px 0 0 0;
        display: block;
        float: left;
    }

    .wh_contents_body .thumb_price li em {
        font-size: 15px;
    }


    .wh_contents_body .thumb_price li strike {
        font-size: 12px;
    }

    .wh_contents_body .thumb_price li strike {
        left: 19px;
    }

    .wh_contents_body .thumb_price li span {
        width: 14px;
        height: 14px;
        line-height: 13px;
        font-size: 10px;
        margin-right: 2px;
    }
}

@media all and (max-width: 413px) {
    .wh_contents_body .thumb_text strong {
        font-size: 14px;
    }
    .wh_contents_body .pongdang_set strong {
        font-size: 12px;
    }
}

@media all and (max-width: 374px) {

    .wh_contents_body .thumb_price li {
        padding: 13px 0 0 0;
        line-height: 12px;
    }

    .wh_contents_body .thumb_text strong {
        font-size: 14px;
    }

    .wh_contents_body .thumb_price li em {
        font-size: 13px;
    }

    .wh_contents_body .pongdang_set strong {
        font-size: 11px;
    }

    .wh_contents_body .thumb_price li strike {
        font-size: 11px;
    }

    .wh_contents_body .thumb_price {
        margin-top: 0;
    }

    .wh_contents_body .thumb_price li span {
        margin: 0 5px 0 0;
    }
}
@media all and (max-width: 350px) {
    .wh_contents_body .thumb_text strong {
        font-size: 13px;
    }

    .wh_contents_body .pongdang_set strong {
        font-size: 11px;
    }
}

/* 피자 리스트 - 할인,쿠폰버튼 */
.wh_contents_body .thumb_btn_wrap {
    height: auto;
    margin: 9px 0 0 0;
}

.wh_contents_body .thumb_btn_wrap.free {
    height: auto;
}

.wh_contents_body .thumb_btn {
    overflow: hidden;
    display: block;
    width: 100%;
    margin: 0;
}

.wh_contents_body .thumb_btn > li {
    float: left;
    display: table-cell;
    height: 25px;
    margin: 10px 5px 0 0;
    padding: 0 8px;
    border: 1px solid #423e3d;
}

.wh_contents_body .thumb_btn.thumb_btn3 > li {
    border: 1px solid #dfdfdf;
}

.wh_contents_body .thumb_btn > li:first-child {
    margin: 10px 5px 0 0;
}

.wh_contents_body .thumb_btn > li.gold {
    padding: 0;
    border: 1px solid #eab976;
}

.wh_contents_body .thumb_btn > li.gold2 {
    padding: 0;
    border: 1px solid #c37d5e;
}

.wh_contents_body .thumb_btn > li a {
    font-size: 11px;
    color: #b4afaa;
    line-height: 25px;
}

.wh_contents_body .thumb_btn > li button {
    font-size: 11px;
    color: #b4afaa;
    line-height: 25px;
}

.wh_contents_body .thumb_btn > li span {
    font-size: 11px;
    color: #b4afaa;
    line-height: 25px;
}

.wh_contents_body .thumb_btn.thumb_btn3 > li button {
    font-size: 11px;
    color: #9b9b9b;
    line-height: 25px;
}

.wh_contents_body .thumb_btn > li.gold a {
    color: #eabb77;
}

.wh_contents_body .thumb_btn > li.gold2 a {
    color: #eabb77;
}

.wh_contents_body .thumb_btn > li.gold > button {
    display: inline-block;
    padding: 0 16px 0 8px;
    color: #eabb77;
    background: url('../images/common/ico_thumb_down.png') right center no-repeat;
}

.wh_contents_body .thumb_btn > li > button.gold {
    display: inline-block;
    padding: 0 16px 0 8px;
    border: 1px solid #eab976;
    color: #eabb77;
    background: url('../images/common/ico_thumb_down.png') right center no-repeat;
}

.wh_contents_body .thumb_btn > li.gold2 > button {
    display: inline-block;
    padding: 0 8px;
    color: #eabb77;
    background: none;
}

.wh_contents_body .thumb_btn2 {
    *zoom: 1;
    clear: both;
    padding: 6px 18px 0 18px;
    width: 100%;
    position: absolute;
    bottom: 18px;
}

.wh_contents_body .thumb_btn2:after {
    content: "";
    clear: both;
    display: block;
}

.wh_contents_body .section_portfolio_ab .thumb_btn2 {
    margin: 0;
    padding: 20px 30px;
    background: #000;
}

.wh_contents_body .thumb_btn2 > li {
    float: left;
    display: block;
    vertical-align: top;
    width: 49%;
}

.wh_contents_body .thumb_btn2 > li:last-child {
    float: right;
}

.wh_contents_body .thumb_btn2 > li.fn {
    display: block;
    width: 100%;
}

.wh_contents_body .thumb_btn2 > li.fn {
    display: block;
    width: 100%;
}

/* 피자 리스트 - 하단광고 */
.wh_contents_body .section_ad_botom_wrap {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.wh_contents_body .section_ad_botom_wrap img {
    width: 100%;
    height: 120px;
}

.wh_contents_body .section_ad_botom_wrap .wh_w_hide {
    display: none;
}

@media all and (max-width: 1024px) {
    .wh_contents_body .section_ad_botom_wrap {
        width: 100%;
        height: auto;
    }

    .wh_contents_body .section_ad_botom_wrap img {
        height: auto;
    }

}

@media all and (max-width: 768px) {
    .wh_contents_body .section_ad_botom_wrap .wh_w_hide {
        display: block;
    }

    .wh_contents_body .section_ad_botom_wrap .wh_m_hide {
        display: none;
    }

    .wh_contents_body .thumb_btn2 {
        position: relative;
        padding: 13px 13px 13px 13px;
        bottom: 0;
    }

    .wh_contents_body .thumb_price {
        margin-bottom: 0;
    }

    .wh_contents_body .thumb_btn2 > li {
        width: 48.5%;
        margin-left: 0.5%;
    }
}

@media all and (max-width: 530px) {
    .wh_contents_body .thumb_btn2 {
        padding: 10px 13px 6px 13px;
        bottom: 0;
    }
}

@media all and (max-width: 460px) {
    .wh_contents_body .thumb_btn_wrap {
        margin: 3px 0 0 0;
    }


}

/* pizza detail */
.wh_pizza_detail .wh_section_header {
    position: relative;
    height: auto;
    background: #fff;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
}

.wh_pizza_detail .wh_section_header h2 {
    font-size: 21px;
    font-weight: bold;
    padding: 17px 0 0 20px;
    color: #313131;
}
.wh_pizza_detail .wh_section_header p i{
    display: block;
}
.wh_pizza_detail .wh_section_header p .wh_red{
    color:#c12b3e;
    font-weight: bold;
}

.wh_pizza_detail .wh_section_header p {
    color: #313131;
    font-size: 15px;
    padding: 10px 0 0 20px;
}

.wh_pizza_detail .wh_section_header .sns_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 197px;
    height: 38px;
    background: #acacac;
    font-size: 0;
    padding: 7px;
}

.wh_pizza_detail .wh_section_header .sns_icon li {
    float: left;
    width: 20%;
    text-align: center;
}

/* pizza detail */
.wh_pizza_detail .wh_section_header.icon h2 {
    font-size: 21px;
    font-weight: bold;
    padding: 17px 0 0 65px;
    color: #313131;
}

.wh_pizza_detail .wh_section_header.icon p {
    color: #313131;
    font-size: 15px;
    padding: 10px 0 0 65px;
}

.wh_pizza_detail .wh_section_header.icon .thumb_icon_new {
    position: absolute;
    top: 0;
    left: 0;
    width: 73px;
    height: 73px;
    background: url('../images/white_ver/detail_thumb_new.png') no-repeat;
    background-size: 100% 100%;
}

.wh_pizza_detail .wh_section_header.icon .thumb_icon_best {
    position: absolute;
    top: 0;
    left: 0;
    width: 73px;
    height: 73px;
    background: url('../images/white_ver/detail_thumb_best.png') no-repeat;
    background-size: 100% 100%;
}

@media all and (max-width: 1024px) {
    .wh_pizza_detail .wh_section_header.icon h2 {
        padding: 13px 0 0 0;
        font-size: 17px;
    }

    .wh_pizza_detail .wh_section_header.icon p {
        padding: 10px 25px 0 25px;
        font-size: 14px;
    }
}

/* 피자 상세 - 상단영역 */
.wh_pizza_detail .section.wh_section .detail_box {
    *zoom: 1;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

.wh_pizza_detail .section.wh_section .detail_box:after {
    content: "";;
    display: block;
    clear: both;
}

/* 피자 상세 - 상단 왼쪽 슬라이드영역 */
.wh_pizza_detail .detail_box_img_wrap {
    float: left;
    max-width: 540px;
    width:51%;
}

.wh_pizza_detail .detail_box_img_wrap .free {
    height: 101px;
    margin: 30px 0 0 0;
    padding: 15px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}

.wh_pizza_detail .detail_box_img_wrap .free dl dt {
    display: inline-block;
    width: 100px;
    height: 71px;
}

.wh_pizza_detail .detail_box_img_wrap .free dl dt img {
    max-width: 100%;
}

.wh_pizza_detail .detail_box_img_wrap .free dl dd {
    display: inline-block;
    margin: 13px 0 13px 20px;
    padding: 12px 0;
    font-size: 18px;
    color: #9d744c;
    font-weight: 700;
    border-top: 1px solid #644e39;
    border-bottom: 1px solid #644e39;
}

.wh_pizza_detail .detail_box_img_wrap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
    border-radius: 7px;
    background: #635d5b;
}

.wh_pizza_detail .detail_box_img_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #ed1c24;
}

.wh_pizza_detail .detail_box_img_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ed1c24;
}

.wh_pizza_detail .detail_box_img {
    overflow: hidden;
    padding: 0 0 30px 0;
    width: 540px;
    height: 420px;
    overflow: hidden
}

.wh_pizza_detail .detail_box_img li img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

/* 피자 상세 - 상단 오른쪽 주문정보영역 */
.wh_pizza_detail .detail_box_con_wrap {
    float: right;
    width: 47.3%;
}

.wh_pizza_detail .detail_box_con {
    margin-top: -10px
}

.wh_pizza_detail .detail_box_con > li {
    padding: 10px 0 10px 0;
    border: none;
}

.wh_pizza_detail .detail_box_con > li.no_line {
    padding: 0;
    border-bottom: none;
    margin: 15px 0 0 0;
}

.wh_pizza_detail .detail_box_con_dl {
    font-size: 0px;
}

.wh_pizza_detail .detail_box_con_dl > dt {
    display: inline-block;
    width: 137px;
    font-size: 15px;
    color: #313131;
    vertical-align: top;
}

.wh_pizza_detail .detail_box_con_dl > dd {
    display: inline-block
}

.wh_pizza_detail .detail_box_con_dl_ul {
    overflow: hidden;
    margin-left: -20px
}

.wh_pizza_detail .detail_box_con_dl_ul li {
    display: inline-block;
    margin-left: 20px
}

.wh_pizza_detail .detail_box_con_dl_ul li input {
    margin: 5px 0 0 0;
    vertical-align: top;
}

.wh_pizza_detail .detail_box_con_dl_ul li input + label span {
    margin: 0 0 0 10px
}

.wh_pizza_detail .detail_box_con_dl_ul li label {
    line-height: 22px;
}

.wh_pizza_detail .detail_box_con_dl_ul li label span {
    text-align: top;
    display: inline-block;
    line-height: 17px;
    width: 17px;
    height: 17px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    background: #ff784e;
    color: #fff;
    font-weight: 700;
}

.wh_pizza_detail .detail_box_con_dl_ul li label span.thumb_price_l {
    color: #fff;
    background: #e75253;
}

.wh_pizza_detail .detail_box_con_dl_ul li label strike {
    margin: 0 0 0 7px;
    font-size: 15px;
    color: #acacac;
}

.wh_pizza_detail .detail_box_con_dl_ul li label em {
    margin: 0 0 0 5px;
    font-size: 20px;
    color: #313131;
    font-weight: bold;
    line-height: 19px;
}

.wh_pizza_detail .detail_box_con_dsc {
    margin-top: 10px
}

.wh_pizza_detail .detail_box_con_dsc li p {
    margin: 7px 0 0;
    font-size: 12px;
    color: #b6b0af
}

.wh_pizza_detail .detail_box_con_dsc li p span {
    display: inline-block;
    width: 14px;
    padding-right: 5px;
    color: #ed751c
}

.wh_pizza_detail .detail_box_con_dsc li p .thumb_price_l {
    color: #ed1c24
}

.wh_pizza_detail .detail_box_con_dl2 {
    margin: 15px 0 10px 0;
    font-size: 0px;
}

.wh_pizza_detail .detail_box_con_dl2 dt {
    display: inline-block;
    width: 137px;
    line-height: 30px;
    font-size: 15px;
    color: #313131;
    vertical-align: top;
}

.wh_pizza_detail .detail_box_con_dl2 dd {
    display: inline-block;
    vertical-align: top;
}

.wh_pizza_detail .detail_box_con_dl2 dd .btn_topping {
    display: inline-block;
    width: 100%;
    padding: 0 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fdd043;
    font-size: 14px;
    color: #000
}

.wh_pizza_detail .detail_box_con .ico_free {
    display: block;
    width: 65px;
    height: 22px;
    background: url('../images/white_ver/ico_free.png') no-repeat 0 0;
    color: transparent;
    background-size: contain
}

.wh_pizza_detail .detail_box_con .coupon_choice {
}

.wh_pizza_detail .detail_box_con .coupon_choice .name {
    display: inline-block;
    padding: 0;
    margin: -2px 0 0 0;
    font-size: 15px;
    color: #313131
}

.wh_pizza_detail .detail_box_con .coupon_choice .s_txt {
    display: block;
    margin-top: 5px;
    font-size: 12px
}

.wh_pizza_detail .detail_box_con .coupon_choice .btn_choice {
    width: 78px;
    height: 22px;
    margin-left: 10px;
    vertical-align: top;
    background: #fdd043;
    color: #000;
    font-size: 12px
}

.wh_pizza_detail .detail_box_con_dl2 dd .price {
    display: inline-block;
    padding-left: 8px;
    vertical-align: bottom;
    font-size: 12px;
    color: #b6b0af
}

.wh_pizza_detail .detail_box_con_dl_ul2 li {
    display: inline-block;
    width: 70px;
    margin: 0 10px 0 0;
    vertical-align: top;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li input {
    display: none;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li label {
    cursor: pointer;
    display: block;
    position: relative;
    transition: background 2s ease 0;
    -webkit-transition: background 2s ease 0;
    text-align: center;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li label img {
    width: 70px;
    height: 70px;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li.free label {
    background: url('../images/common/bg_itemFree.png') 0 0 no-repeat;
    background-size: 100% auto;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li.free label img {
    position: relative;
    z-index: -1;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li.active label {
    background: url('../images/white_ver/bg_itemCheck.png') 0 0 no-repeat;
    background-size: 100% auto;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li.active label img {
    position: relative;
    z-index: -1;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li label span {
    display: inline-block;
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #313131;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li label em {
    display: inline-block;
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #fff;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li button.btn_table5:hover {
    color: #eaba75;
    line-height: 36px;
    border: 3px solid #eaba75;
}

.wh_pizza_detail .detail_box_con_dl_ul2 li.active button.btn_table5 {
    color: #eaba75;
    line-height: 36px;
    border: 3px solid #eaba75;
}

.wh_pizza_detail .detail_box_con_dl3 {
    position: relative;
    display: table;
    width: 100%;
    padding: 10px 0 0;
    font-size: 0px;
}

.wh_pizza_detail .detail_box_con_dl3:first-child {
    margin-top: 0
}

.wh_pizza_detail .detail_box_con_dl3 dt {
    display: table-cell;
    width: 137px;
    font-size: 15px;
    color: #313131;
    line-height: 34px;
}

.wh_pizza_detail .detail_box_con_dl3 dt label {
    display: block;
    line-height: 34px;
    cursor: pointer
}

.wh_pizza_detail .detail_box_con_dl3 dt.gold {
    color: #fdd75f;
}

.wh_pizza_detail .detail_box_con_dl3 dd {
    display: table-cell;
    vertical-align: top;
}

.wh_pizza_detail .detail_box_con_dl3 dd .sale_choice {
    position: relative;
    padding-right: 78px
}

.wh_pizza_detail .detail_box_con_dl3 dd select {
    width: 100%;
    background: url('../images/common/ico_select.png') right center no-repeat;
    color: #fff
}

.wh_pizza_detail .detail_box_con_dl3 dd select option {
    color: #444
}

.wh_pizza_detail .detail_box_con_dl3 dd .thumb_list_btn {
    position: absolute;
    right: 0;
    top: 0
}

.wh_pizza_detail .detail_box_con_dl3 dd .thumb_list_btn.pl {
    position: absolute;
    left: 0;
    top: 5px
}

.wh_pizza_detail .detail_box_con_dl3 dd .thumb_list_btn .gold.tooltip_bt {
    margin: 0 0 6px 0
}

.wh_pizza_detail .detail_box_con_dl4 {
    overflow: hidden;
    padding: 10px 10px;
    border: none;
    font-size: 0px;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_pizza_detail .detail_box_con_dl4 dt {
    float: left;
    display: inline-block;
    font-size: 15px;
    color: #313131;
    line-height: 34px;
}

.wh_pizza_detail .detail_box_con_dl4 dd {
    float: right;
    display: inline-block;
    line-height: 34px;
}

.wh_pizza_detail .detail_box_con_dl4 dd div {
    margin: 0;
}

.wh_pizza_detail .detail_box_con_dl4 dd div .lp_thumb_con_price {
    display: inline-block;
    width: 100px;
    text-align: right;
    line-height: 34px;
    color: #c10a28;
    font-weight: bold;
}

.wh_pizza_detail .detail_box_con_dl4 dd div .lp_thumb_con_price em {
    vertical-align: middle;
}

.wh_pizza_detail .detail_box_con_dl4 dd div .lp_thumb_con_price button {
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.wh_pizza_detail .detail_box_con_dl4 dd div .lp_thumb_con_count input {
    margin: 0 10px;
}

.wh_pizza_detail .detail_box_con_dl5 {
    padding: 10px 0 0 0;
    font-size: 0px;
}

.wh_pizza_detail .detail_box_con_dl5 dt {
    display: inline-block;
    font-size: 15px;
    color: #313131;
    font-weight: 700;
}

.wh_pizza_detail .detail_box_con_dl5 dd {
    display: inline-block;
    font-size: 15px;
    color: #c10a28;
    font-weight: bold;
}

.wh_pizza_detail .detail_box_con_dl5 dd em {
    margin: 0 0 0 20px;
    font-size: 22px;
    color: #c10a28;
    font-weight: bold;
}

.wh_pizza_detail .detail_box_con_dl5.pd_bt20 {
    overflow: hidden;
    width: 100%;
    padding: 20px 0 0 0;
}

.wh_pizza_detail .detail_box_con_dl5.pd_bt20 dt {
    float: left;
    font-weight: normal;
}

.wh_pizza_detail .detail_box_con_dl5.pd_bt20 dd {
    float: right;
}

.wh_pizza_detail .detail_box_con_dl6 {
    overflow: hidden;
    padding: 10px 0 0 0;
    font-size: 0px;
}

.wh_pizza_detail .detail_box_con_dl6 dt {
    float: left;
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

.wh_pizza_detail .detail_box_con_dl6 dd {
    display: inline-block;
    font-size: 14px;
    color: #fffefe;
}

.wh_pizza_detail .detail_box_con_dl6 dd em {
    margin: 0 0 0 20px;
    font-size: 24px;
    color: #ed1c24;
    font-weight: 700;
}

.wh_pizza_detail .detail_box_img_wrap .guideMsg_wrap {
    margin-bottom: 40px;
}

.wh_pizza_detail .list_choicebox {
    margin: 0 0 10px 0;
    position: relative;
}

.wh_pizza_detail .list_choicebox .delete_button {
    position: absolute;
    right: 0;
    top: 0;
    height: 29px;
    width: 29px;
    background: #313131;
    text-align: center;
}

@media all and (max-width: 1024px) {
    .wh_pizza_detail .wh_section_header .thumb_icon_new {
        width: 60px;
        height: 60px;
    }

    .wh_pizza_detail .wh_section_header .thumb_icon_best {
        width: 60px;
        height: 60px;
    }

    .wh_pizza_detail .detail_box_con > li {
        padding: 5px 0;
    }

    .wh_pizza_detail .detail_box_con_dl2 {
        margin: 15px 0 0 0;
    }

    .wh_pizza_detail .detail_box_con_dl_ul2 li {
        /*margin: 0 15px 0 0;*/
        margin: 0 10px 0 0;
    }

    .wh_pizza_detail .detail_box_con_dl4 dt {
        font-size: 13px;
        line-height: 26px;
    }

    .wh_pizza_detail .detail_box_img {
        overflow: hidden;
        padding: 0 0 30px 0;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .wh_pizza_detail .detail_box_img {
        height: 71vw;
        overflow: hidden;
    }
}

@media all and (max-width: 450px) {
    .wh_pizza_detail .detail_box_con_dl4 dt {
        font-size: 13px;
        line-height: 17px;
        padding: 0 20% 0 0;
    }
}

.wh_wow7box {
    margin: 10px 10px 0 10px;
    font-size: 0px;
}

.wh_wow7box_l {
    margin-right: 1.69491%;
    position: relative;
    display: inline-block;
    max-width: 580px;
    width: 49.15254%;
    height: 295px;
    border-radius: 0;
    border: none;
    background: #fff;
    vertical-align: top;
    -webkit-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    -moz-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
}

@media all and (max-width: 959px) {
    .wh_wow7box {
        position: relative;
    }

    .wh_wow7box_l {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        box-shadow: none;
    }
}

@media all and (max-width: 768px) {
    .wh_wow7box {
        margin: 10px 0 0 0;
    }
}

@media all and (max-width: 560px) {
    .wh_wow7box_l {
        height: 250px;
    }
}

@media all and (max-width: 430px) {
    .wh_wow7box_l {
        height: 225px;
    }
}

.wh_wow7box_choice {
    *zoom: 1;
    width: 420px;
    max-width: 100%;
    margin: 20px auto 0;
}

.wh_wow7box_choice.wow7box_choice_quick {
    width: 100%;
    padding: 0;
}

.wh_wow7box_choice.wow7box_choice_quick2 {
    margin-top: 0px;
}

.wh_wow7box_choice:after {
    content: "";
    display: block;
    clear: both;
}

.wh_wow7box_choice.mp_t62 {
    width: 312px;
    margin: 62px auto 0;
}

.wh_wow7box_choice li {
    position: relative;
    display: inline-block;
    width: 215px;
    height: 167px;
    vertical-align: top;
}

@media all and (max-width: 430px) {
    .wh_wow7box_choice li {
        height: 125px;
    }
}

.wh_wow7box_choice.wow7box_choice_quick li {
    width: 50%;
    height: 130px;
    padding: 0 10px;
}

.wh_wow7box_choice_quick .wow7box_txt {
    padding: 10px 32px 0 32px;
}

.wh_wow7box_choice li.wow7box_choice3 {
    width: 312px;
    height: 210px;
}

.wh_wow7box_choice2 .wow7box_txt {
    overflow: hidden;
    line-height: 999px;
    background: url('../images/pizza/wow7box_choice2.png') center top no-repeat
}

.wh_wow7box_choice3 .wow7box_txt {
    width: 312px;
    height: 210px;
    padding: 90px 146px 0 35px;
    background: url('../images/pizza/wow7box_choice3.png') center top no-repeat;
}

.wh_wow7box_choice_quick .wow7box_txt {
    width: 100%;
    background-size: 100%;
}

.wh_wow7box_choice li.active .wow7box_txt {
    display: none;
}

.wh_wow7box_choice1 {
    padding: 0 25px 0 20px;
}

.wh_wow7box_choice2 {
    padding: 0 0 0 45px;
}

.wh_wow7box_choice_info {
    display: none;
    width: 215px;
    height: 167px;
    padding: 5px 0 0 0;
    text-align: center;
}

.wh_wow7box_choice_info strong {
    display: block;
    margin: 5px 0 0 0;
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
}

.wh_wow7box_choice_info span {
    display: block;
    margin: 0;
    font-size: 12px;
    color: #bbb;
}

.wh_wow7box_choice1 .wh_wow7box_choice_info {
    background: url('../images/pizza/wow7box_choice1.png') center top no-repeat;
}

.wh_wow7box_choice1 .wh_wow7box_choice_info img {
    width: 100%;
}

.wh_wow7box_choice2 .wh_wow7box_choice_info {
    background: url('../images/pizza/wow7box_choice2.png') center top no-repeat;
}

.wh_wow7box_choice2 .wh_wow7box_choice_info img {
    width: 100%;
}

.wh_wow7box_choice3 .wh_wow7box_choice_info {
    width: 312px;
    height: 210px;
    padding: 60px 131px 30px 20px;
    background: url('../images/pizza/wow7box_choice3.png') center top no-repeat;
}

.wh_wow7box_choice3 .wh_wow7box_choice_info img {
    width: 100%;
}

.wh_wow7box_choice_quick .wow7box_choice_info {
    width: 100%;
    background-size: 100%;
}

.wh_wow7box_choice li.active .wow7box_choice_info {
    display: block;
}

.wow7box_choice li.active .wow7box_choice_info img {
    width: 180px;
    float: left;
}

.wh_wow7box_choice li:last-child.active .wow7box_choice_info {
    display: block;
    float: right;
}

.wh_wow7box_r {
    display: inline-block;
    max-width: 580px;
    width: 49.15254%;
    height: 295px;
    padding: 20px;
    font-size: 15px;
    border-radius: 0;
    background: #fff;
    vertical-align: top;
    -webkit-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    -moz-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
}

@media all and (max-width: 959px) {
    .wh_wow7box_choice1 {
        padding: 0 45px 0 0;
    }

    .wh_wow7box_r {
        width: 100%;
        max-width: 100%;
    }
}

@media all and (max-width: 560px) {
    .wh_wow7box_r {
        padding: 13px;
        height: auto;
    }

    /* 기존 250에서 auto로 수정 20171221*/
}

.wh_wow7box_r_tit {
    width: 294px;
    height: 56px;
    margin: 18px auto 0;
    padding: 0 0 0 0;
    line-height: 0;
}

.wh_wow7box_r_price {
    margin: 57px 8px 0 8px;
    text-align: right;
}

.wh_wow7box_r_price .etc {
    display: inline-block;
    float: left;
    width: auto;
    height: auto;
    margin: 0 15px 0 0;
    font-size: 20px;
    color: #313131;
    line-height: 30px;
    text-align: center;
    border: none;
    border-radius: 0;
    vertical-align: none;
}

.wh_wow7box_r_price strong {
    font-size: 30px;
    color: #ed1c24;
    line-height: 30px;
}

.wh_wow7box_r_price .won {
    margin: 0 0 0 5px;
    font-size: 30px;
    color: #ed1c24;
    font-weight: 700;
}

@media all and (max-width: 968px) {
    .wh_wow7box_r_price {
        margin: 30px 0 0 0;
    }

    .wh_wow7box_r_price .etc {
        font-size: 28px
    }

    .wh_wow7box_r_price strong {
        font-size: 28px
    }

    .wh_wow7box_r_price .won {
        font-size: 28px
    }
}

@media all and (max-width: 560px) {
    .wh_wow7box_r_price {
        margin: 15px 0 0 0;
    }

    .wh_wow7box_r_price .etc {
        font-size: 21px
    }

    .wh_wow7box_r_price strong {
        font-size: 21px
    }

    .wh_wow7box_r_price .won {
        font-size: 21px;
        line-height: 21px;
    }

    .wh_sub_body .contents_body.ofxfordbox .final_choice {
        font-size: 13px;
    }
}

@media all and (max-width: 364px) {
    .wh_wow7box_r_tit {
        text-align: center;
    }

    .wh_wow7box_r_tit img {
        width: 90%;
    }
}

/* doublebox */
.wh_wow7box_choice li:last-child.active .wow7box_choice_info.bg_none {
    background: none;
}

.wh_doublebox .section_ad_double .wh_w_hide {
    display: none;
}

.wh_doublebox .section_ad_double .wh_m_hide {
    display: block;
}

@media all and (max-width: 768px) {
    .wh_doublebox .section_ad_double {
        margin: 0;
    }

    .wh_doublebox .section_ad_double .wh_w_hide {
        display: block;
    }

    .wh_doublebox .section_ad_double .wh_m_hide {
        display: none;
    }
}

.wh_doublebox .wow7box_choice {
    margin: 27px auto 0;
    width: auto;
    padding: 0 5%
}

.wh_doublebox .wh_wow7box_choice li {
    width: 49%;
    white-space: nowrap
}

.wh_doublebox .wh_wow7box_choice li img:last-child {
}

.wh_doublebox .wh_again_choice {
    position: relative;
    padding: 18px 100px 18px 18px;
    border: none;
    line-height: 20px;
    color: #313131;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    min-height: 56px;
}

@media all and (max-width: 1024px) {
    .wh_doublebox .wh_again_choice .txt.pizzaName i {
        display:block;
    }
}
@media all and (max-width: 959px) {
    .wh_doublebox .wow7box_choice {
        padding: 0 20px;
    }
}

@media all and (max-width: 560px) {
    .wh_doublebox .wow7box_choice {
        padding: 0 13px;
    }
}

.wh_doublebox .wow7box_r.on .wh_again_choice {
    color: #fff
}

.wh_doublebox .wow7box_choice2 {
    padding: 0 0 0 0
}

.wh_doublebox .btn_list.mid2 a {
    width: 100%;
    line-height: 47px;
    height: 51px;
    border-radius: 10px;
    background: #c10a28;
    color: #fff;
    font-weight: bold;
}

.wh_doublebox .wh_again_choice .txt + .txt {
    margin-left: 10px
}

@media all and (max-width: 750px) {
    .wh_doublebox .wh_again_choice .txt + .txt {
        margin-left: 0
    }

    .wh_doublebox .wh_again_choice .txt {
        display: block;
        font-size: 14px;
    }

    .wh_doublebox .wh_again_choice {
        min-height: 75px;
    }
}
@media all and (max-width: 374px) {
    .wh_doublebox .wh_again_choice .txt {
        font-size: 14px;
    }
}

.wh_doublebox .wh_again_choice .btn_nobg3 {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #70a401;
    color: #fff;
}

@media all and (max-width: 750px) {
    .wh_doublebox .wh_again_choice .btn_nobg3 {
        top: 20px;
    }
}

.wh_doublebox .wow7box_txt, .doublebox .wow7box_choice_info {
    width: 200px;
    height: 137px;
    padding: 0;
    background: url('https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/box.jpg') no-repeat 0 0;
    background-size: contain
}

.wh_doublebox .wow7box_txt.en, .doublebox .wow7box_choice_info.en {
    background-image: url('https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/box-en.jpg') !important;
}

.wh_sub_body .doublebox .coupon_choice {
    display: block;
    margin-top: 15px
}

.wh_sub_body .doublebox .wow7box_txt {
    overflow: hidden;
    padding: 75px 0 0 0;
    line-height: 999px
}

.wh_sub_body .doublebox .coupon_choice .name {
    display: inline-block;
    padding: 0 0 0 65px;
    margin-right: 10px;
    height: 22px;
    background: url('../images/white_ver/ico_free.png') no-repeat 0 0;
    color: #313131;
    background-size: contain
}

.wh_doublebox .wh_wow7box_choice2 .wow7box_txt {
    float: right;
}

.doublebox .wow7box_txt, .doublebox .wow7box_choice_info img {
    height: 137px;
}

.doublebox .coupon_choice .name {
    display: inline-block;
    padding: 3px 0 0 65px;
    margin-right: 35px;
    height: 22px;
    background: url('../images/pizza/ico_free.png') no-repeat 0 0;
    color: #fff;
    background-size: contain
}

.doublebox .wow7box_r_price {
    margin-left: 0
}

.doublebox .coupon_choice .btn_area {
    display: inline-block
}

.doublebox .coupon_choice .btn_area .btn_nobg, .doublebox .coupon_choice .btn_area .btn_nobg.on {
    border: 0;
    color: #fff;
    background: #70a401
}

@media all and (max-width: 1060px) {
    .doublebox .wow7box_txt, .doublebox .wow7box_choice_info img {
        height: 128px;
    }
}

@media all and (max-width: 1024px) {
    .doublebox .wow7box_txt, .doublebox .wow7box_choice_info img {
        height: 124px;
    }
}

@media all and (max-width: 560px) {
    .doublebox .wow7box_txt, .doublebox .wow7box_choice_info img {
        height: 125px;
    }

    .wh_doublebox .wow7box_txt, .doublebox .wow7box_choice_info {
        width: 190px;
        height: 150px;
    }
}

@media all and (max-width: 450px) {
    .wow7box_choice li.active .wow7box_choice_info img {
        width: 163px;
        height: 115px;
    }
}

@media all and (max-width: 430px) {
    .doublebox .wow7box_txt, .doublebox .wow7box_choice_info img {
        height: 117px;
    }

    .wh_doublebox .wow7box_txt, .doublebox .wow7box_choice_info {
        width: 160px;
        height: 125px;
    }
}

@media all and (max-width: 374px) {
    .wow7box_choice li.active .wow7box_choice_info img {
        width: 150px;
        height: 105px;
    }

    .doublebox .wow7box_txt, .doublebox .wow7box_choice_info img {
        height: 106px;
    }

    .wh_doublebox .wow7box_txt, .doublebox .wow7box_choice_info {
        width: 145px;
        height: 113px;
    }
}

.wh_doublebox .txt_plus {
    overflow: hidden;
    position: absolute;
    left: -10%;
    top: 32%;
    width: 51px;
    height: 51px;
    background: url('../images/white_ver/ico_plus.jpg') no-repeat 0 0;
    background-size: contain
}

@media all and (max-width: 1065px) {
    .wh_doublebox .txt_plus {
        display: none;
    }
}

.wh_doublebox .thumb_text {
    padding-top: 0px
}

.wh_doublebox .thumb_text strong {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.doublebox .section_portfolio.small li.on .btn_nobg3 {
    color: #fff;
    background: #898383
}

.wh_contents_body.wh_doublebox .section_portfolio_wrap .section_portfolio.small > li .section_portfolio_thumb {
    height: 315px;
}

.wh_contents_body.wh_doublebox .thumb_r {
    height: 105px;
}

.wh_contents_body.wh_doublebox .section_portfolio > li {
}

.wh_contents_body.wh_doublebox .section_portfolio > li.no_ri {
    margin-right: 0;
}

.wh_contents_body.wh_doublebox .btn_nobg3.double {
    display: inline-block;
    width: 100%;
    min-width: 80px;
    height: 37px;
    background: #f5f5f5;
    margin: 5px 0 0 0;
    padding: 0 7px;
    font-size: 17px;
    color: #313131;
    line-height: 35px;
    text-align: center;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
}

@media all and (max-width: 1200px) {
    .wh_contents_body.wh_doublebox .section_portfolio > li.no_ri {
        margin-right: 20px;
    }
}

@media all and (max-width: 1024px) {
    .wh_contents_body.wh_doublebox .section_portfolio_wrap {
        padding-top: 0;
        padding-bottom: 5px;
    }

    .wh_contents_body .section_portfolio_wrap {
        /*margin: 0 0 5px 0;*/
		margin: 0;
    }
}


/* side */

.wh_contents_body .side_portfolio_wrap .thumb_text p {
    font-size: 14px;
    height: 14px;
    margin-top: 2px;
    color: #313131;
    height: 40px;
}

.wh_contents_body .side_portfolio_wrap.side03 .thumb_text p {
    font-size: 0
}

.wh_contents_body .side_portfolio_wrap .section_portfolio .tooltip_wrap {
    left: 0;
}
.wh_contents_body .side_portfolio_wrap .section_portfolio .detail_tooltip_p{
    font-size:14px;
    line-height:17px;
    margin:10px 0 15px 0;
    color:#898483;
}

@media all and (max-width: 768px) {
    .wh_contents_body .side_portfolio_wrap .thumb_text p {
        height: auto
    }

    .wh_contents_body .side_portfolio_wrap .section_portfolio .tooltip_wrap {
        left: -178px;
    }
}

@media all and (max-width: 470px) {
    .wh_contents_body .side_portfolio_wrap .section_portfolio .tooltip_wrap {
        left: -170px;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_img_wrap {
        width: 49%;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_r {
        width: 50%;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_text p {
        font-size: 12px;
        height: 14px;
        margin-top: 4px;
        line-height: 15px;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_text strong {
        line-height: 15px;
        line-height: 31px;
    }
    .wh_contents_body .side_portfolio_wrap .section_portfolio .detail_tooltip_p{
        font-size:14px;
        line-height:17px;
        margin:18px 0 15px 0;
    }
}

@media all and (max-width: 374px) {
    .wh_contents_body .side_portfolio_wrap .thumb_text p {
        font-size: 11px;
    }
}

.wh_contents_body .side_portfolio_wrap .thumb_price.free2 {
    height: auto;
}
.wh_contents_body .side_portfolio_wrap.side03 .thumb_price.free2 {
    height:22px;
}
.wh_contents_body .side_portfolio_wrap.side03  .thumb_btn_wrap {
    margin:7px 0 0 0;
}


.wh_contents_body .side_portfolio_wrap .thumb_price {
    margin: 7px 0 7px 0;
}

.wh_contents_body .side_portfolio_wrap.side03 .thumb_price {
    margin: 4px 0 7px 0;
}

@media all and (max-width: 768px) {
    .wh_contents_body .side_portfolio_wrap .thumb_price.free2 {
        height: auto;
    }
    .wh_contents_body .side_portfolio_wrap.side03 .thumb_price.free2 {
        height:auto;
    }
}

@media all and (max-width: 470px) {
    /*   .wh_contents_body .side_portfolio_wrap .thumb_img_wrap {
           height: 180px;
       }*/

    .wh_contents_body .thumb_img_wrap img {
        max-height: auto;
        height: auto;
    }

    .wh_contents_body .side_portfolio_wrap .thumb_price {
        margin: 7px 0 7px 0;
    }
    .wh_contents_body .side_portfolio_wrap.side03 .thumb_btn_wrap {
        margin:4px 0 0 0;
    }
}

.wh_contents_body .side_portfolio_wrap .thumb_price.free2 li {
    width: 100%;
}

@media all and (max-width: 470px) {
    .wh_contents_body .side_portfolio_wrap .thumb_price.free2 li {
        padding: 0 0 0 0;
    }
}

.wh_contents_body .side_portfolio_wrap .thumb_price li {
}

.wh_contents_body .side_portfolio_wrap .thumb_price li .txt_amount {
    width: 45px;
    height: 19px;
    line-height: 19px;
    background: #e75253;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
}

@media all and (max-width: 768px) {
    .wh_contents_body .side_portfolio_wrap .thumb_price li .txt_amount {
        vertical-align: top;
        margin:3px 0 0 0;
    }
    .wh_contents_body .side_portfolio_wrap .wh_contents_body .thumb_price li em {
        margin: 0 0 0 2px;
    }
}

@media all and (max-width: 470px) {
    .wh_contents_body .side_portfolio_wrap .thumb_price li .txt_amount {
        width: 45px;
        height: 19px;
        line-height: 19px;
        background: #e75253;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        font-size: 12px;
    }
}

.wh_contents_body .side_portfolio_wrap .thumb_price li + li .txt_amount {
    background: #ff784e;
}

.wh_contents_body .side_portfolio_wrap .thumb_price li strong {
    color: #313131;
}

@media all and (max-width: 768px) {
    .wh_contents_body .side_portfolio_wrap .thumb_price li strong {
        display: block;
    }
}

@media all and (max-width: 470px) {
    .wh_contents_body .side_portfolio_wrap .thumb_price li strong {
        line-height: 12px;
    }
}

@media all and (max-width: 768px) {
    .wh_contents_body .side_portfolio_wrap .thumb_price li .txt_amount {
        margin-right: 0;
    }
}

@media all and (max-width: 470px) {
    .wh_contents_body .side_portfolio_wrap .thumb_text strong {
        font-size: 15px;
    }
}

@media all and (max-width: 403px) {
    .wh_contents_body .side_portfolio_wrap .thumb_text strong {
        line-height: 22px;
    }
    .wh_contents_body .side_portfolio_wrap .thumb_btn_wrap {
        margin:1px 0 0 0;
    }
    .wh_contents_body .section_portfolio > li .section_portfolio_thumb button.gold {
        line-height:19px;
    }
}

/* event */

@media all and (max-width: 1024px) {
    .section.wh_section02 {
        margin: 0 0 0 0;
        padding: 12px 12px 10px 12px;
    }

    .wh_sub_body #Contents.two {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 0 20px 0;
    }

    .section.wh_section02.tab_select_wrap.tab_select_wrap2 {
        margin-top: 56px;
    }
}

/* my page */

.wh_sub_body .my_top_list {
    font-size: 15px;
    width: 100%;
    height: auto;
    padding: 10px 10px;
}

.wh_sub_body .my_top_list > ul {
    overflow: hidden
}

.wh_sub_body .my_top_list > ul > li {
    float: left;
    width: 47%;
    height: 142px;
    background: #f0f0f0;
    vertical-align: top;
    margin: 10px 10px;
    padding: 17px 23px 27px 37px;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .my_top_list .grade_box {
}

.wh_sub_body .my_top_list .grade_box .img {
    width: 25%;
    float: left;
}

.wh_sub_body .my_top_list .grade_box .img > img {
    vertical-align: middle;
}

.wh_sub_body .my_top_list .grade_box .box {
    width: 62%;
    float: right;
}

.wh_sub_body .my_top_list .grade_box .box span {
    display: block;
    margin: 5px 0 10px 0;
}

.wh_sub_body .my_top_list .grade_box .box .inner_box {
    width: 100%;
    float: right;
    height: auto;
    background: #fff;
    padding: 14px 14px 5px 14px;
    line-height: 17px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
}

.wh_sub_body .my_top_list .grade_box .box .inner_box p {
    line-height: 10px;
    margin: 0 0 6px 0;
}

.wh_sub_body .my_top_list .grade_box .box .inner_box span.gold {
    color: #ffc227;
    font-weight: bold;
    display: inline-block;
}

.wh_sub_body .my_top_list .grade_box .box .inner_box span.vip {
    color: #000;
    font-weight: bold;
    display: inline-block;
}

.wh_sub_body .my_top_list .grade_box .box .inner_box span.red {
    color: #c10a28;
    font-weight: bold;
    display: inline-block;
}

.wh_sub_body .my_top_list .point_box {
    padding: 17px 23px 27px 37px
}
.wh_sub_body .my_top_list .point_box p{
    width: 100%;
    border-bottom: 1px solid #acacac;
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}
.wh_sub_body .my_top_list .point_box p a{
    color: #c10a28;
}
.wh_sub_body .my_top_list .point_box img{
    margin: -1px 5px 0 0;
}
.wh_sub_body .my_top_list .point_line {
    margin: 0 0 3px 0;
    max-width: 95%;
}

.wh_sub_body .my_top_list .point_line:last-child {
    margin: 0;
}

.wh_sub_body .my_top_list .point_line:after {
    content: '';
    display: inline-block;
    clear: both;
}

.wh_sub_body .my_top_list .point_line > ul > li {
    float: left;
}

.wh_sub_body .my_top_list .point_line:first-child > ul > li {
    font-weight: bold;
    color: #c10a28;
}

.wh_sub_body .my_top_list .point_line > ul > li:last-child {
    float: right;
    line-height: 24px;
}

/* 포인트통합 - 보유카드 목록 */
.wh_sub_body .coupon_list {
    border: none;
}

.wh_sub_body .coupon_list > li {
    position: relative;
    background: #f0f0f0;
    border-radius: 5px;
    margin: 0 0 15px 0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    width: 100%;
    padding: 0 20px;
}
.wh_sub_body .coupon_list > li:first-child { margin-top: 20px;}
.wh_sub_body .coupon_list > li.on {height: auto;}

.wh_sub_body .coupon_list > li > div.coupon_list_top {
    position: relative;
    padding: 20px 20px 0 20px;
}

.wh_sub_body .coupon_list > li > div.coupon_list_top.line_b {
    min-height: 120px;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .coupon_list > li > div.red {
    position: absolute;
    left: 25px;
    top: 50%;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 0;
    border: 2px solid #ed1c24;
    border-radius: 70px;
    font-size: 17px;
    color: #ed1c24;
    text-align: center;
    line-height: 70px;
}

.wh_sub_body .coupon_list > li > div.gray {
    position: absolute;
    left: 25px;
    top: 50%;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 0;
    border: 2px solid #898483;
    border-radius: 70px;
    font-size: 17px;
    color: #898483;
    text-align: center;
    line-height: 70px;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con {
    position: relative;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con span {
    font-size: 12px;
    color: #898383;
    line-height: 18px;
}

.wh_sub_body .coupon_list span.w {
    font-size: 15px;
    color: #c10a28;
    line-height: 20px;
    display: block;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con span.w2 {
    display: block;
    font-size: 17px;
    color: #ffffff;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con span.b {
    font-size: 14px;
    color: #b6b0af;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con span.red {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    border-radius: 10px;
    font-size: 13px;
    color: #000;
    background: #ffc227;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con span.n {
    display: block;
    margin: 12px 0 0 0;
    font-size: 13px;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con span.n2 {
    display: block;
    margin: 14px 0 12px 0;
    font-size: 13px;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_top > div.coupon_list_con span.day {
    /*position: absolute;*/
    /*right: 50px;*/
    /*top: 0px;*/
    font-size: 13px;
    color: #313131;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_txt {
    position: relative;
    border: 0;
    margin-top: 10px;
}

.wh_sub_body .coupon_list > li .coupon div.coupon_list_txt span {
    font-size: 12px;
    color: #313131;
    line-height: 18px;
}
.wh_sub_body .coupon_list > li .coupon div.coupon_view {
    padding-bottom: 20px;
    text-align: right;
}
.wh_sub_body .coupon_list > li .coupon div.coupon_view img {
    max-width: 28px;
}

.wh_sub_body .total2 {
    overflow: hidden;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px 10px 10px 10px;
    text-align: right;
    border-top: 1px solid #413e3d;
    border: none;
    background: #f0f0f0;
    vertical-align: top;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .total2.line_tn {
    height: 58px;
    padding: 9px 0 9px 20px;
    border-top: none;
    margin: 0 10px 0 0;
}

.wh_sub_body .total2 strong {
    float: left;
    margin: 0 10px 0 0;
    font-size: 15px;
    color: #313131;
    font-weight: normal;
    line-height: 40px;
}

.wh_sub_body .total2 strong span {
    color: #ed1c24;
    line-height: 40px;
}

.wh_sub_body .total2 label {
    margin: 0;
    font-size: 14px;
    color: #e0dedd;
    line-height: 40px;
}

.wh_sub_body select {
    background: url('../images/white_ver/ico_select.png') right center no-repeat;
    color: #313131;
}

.wh_sub_body .my_select select {
    float: right;
    margin: 0 10px 0 0;
}

.wh_sub_body .my_select:after {
    content: '';
    clear: both;
    display: block;
}

@media all and (max-width: 1024px) {
    .wh_sub_body select {
        min-width: 90px;
    }

    .wh_sub_body .my_top_list .grade_box .box {
        width: 60%
    }

    .wh_sub_body .my_top_list {
    }

    .wh_sub_body .my_top_list > ul {
        overflow: visible;
    }

    .wh_sub_body .my_top_list > ul > li {
        margin: 0 0 20px 0;
        width: 100%;
        float: none;
    }

    .wh_sub_body .my_top_list > ul > li:first-child {
        margin: 0 0 10px 0;
    }

    .wh_sub_body .my_top_list > ul > li:last-child {
        margin: 0 0 0 0;
        display: none;
    }

    .wh_sub_body .coupon_list > li {
        margin: 6px 0 10px 0;
    }

    .section.wh_section03 .section_header {
        margin: 0;
    }

    .section.wh_section03 {
        padding: 10px 10px 10px 10px;
    }

    .wh_sub_body .my_top_list > ul > li {
        padding: 15px 20px;
    }

    .wh_sub_body .my_top_list .grade_box .img {
        margin: 5px 0 0 0;
    }

    .wh_sub_body .news_list_btn a {
        width: 100%;
    }

    .wh_sub_body .coupon_list > li > div.coupon_list_top > div.coupon_list_con span.day {
        position: relative;
        padding: 10px 0 0 0;
        display: block;
    }

    .wh_sub_body .total2.line_tn {
        margin: 0;
        padding: 12px 0 0 0;
    }

    .wh_sub_body .my_top_list .grade_box .img {
        width: auto
    }

    .wh_sub_body .my_top_list .point_line > ul > li:last-child {
        /*font-size: 20px;*/
    }

    .wh_sub_body .my_select select {
        margin: 10px 0 0 0;
    }
}

@media all and (max-width: 560px) {
}

@media all and (max-width: 465px) {
    .wh_sub_body .my_top_list > ul > li {
        padding: 10px 15px 10px 15px
    }

    .wh_sub_body .my_top_list .grade_box .img {
        margin: 15px 0 0 0;
    }

    .wh_sub_body .my_top_list .point_box {
        padding: 10px 15px 10px 15px
    }

    .wh_sub_body .my_top_list > ul > li:last-child {
        height: 130px
    }

}

.wh_sub_body .section .section_header > h3 {
    display: inline-block;
    font-size: 18px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .section .section_header > h3.red {
    color: #c10a28;
    font-weight: bold;
    font-size: 15px;
    margin: 0 0 5px 0;
}

.wh_sub_body .event_sale .section:after {
    clear: both;
    display: block;
    content: ''
}

.wh_sub_body .event_sale .section_header {
    margin: 10px 10px 0 0
}

.wh_sub_body .header_tit1 {
    margin: 0 0 10px 0;
}

/* 제휴 - 통신사할인 */
.wh_sub_body .event_sale_list {
    height: auto;
    display: inline-block;
}

.wh_sub_body .event_sale_list > ul {
    overflow: visible;
    margin: 0
}

.wh_sub_body .event_sale_list > ul > li {
    width: 300px;
    float: left;
    height: 330px;
    margin: 0 20px 10px 0;
    padding: 25px;
    border: 0;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .event_sale_list > ul > li:last-child {
    margin: 0 0 10px 0;
}

.wh_sub_body .event_sale_list > ul > .over_hd {
    height: 400px;
}

/* 20170703 추가 */
.wh_sub_body .event_sale_list > ul > .over_lt > strong {
    margin-top: 42px;
}

/* 20170703 추가 */
.wh_sub_body .event_sale_list > ul > .over_lt .lt_img {
    margin-top: 0;
}

/* 20170703 추가 */
.wh_sub_body .event_sale_list > ul > li > strong {
    display: block;
    margin: 25px 0 0 0;
    font-size: 15px;
    font-weight: bold;
    color: #313131;
}

.wh_sub_body .event_sale_list > ul > li > ul {
    margin: 10px 0 0 0;
}

.wh_sub_body .event_sale_list > ul > li > ul li {
    margin: 0
}

.wh_sub_body .bl_arrow > li {
    margin: 4px 0 0 0;
    padding: 0 0 4px 10px;
    background: url('../images/white_ver/ico_bl4.jpg') left 7px no-repeat;
    background-size: 5px;
    font-size: 15px;
    color: #313131;
    line-height: 22px;
}

.wh_sub_body .bl_arrow > li:first-child {
    margin: 0;
}

.wh_sub_body .bl_arrow > li:last-child {
    padding: 0 0 0 10px;
}

.wh_sub_body .section .section_body .membership_part {
    margin: 0
}

.wh_sub_body .section .section_body .membership_part table td:first-child {
    width: 20%;
}

.wh_sub_body .section .section_body .membership_part table tr {
    border-bottom: 1px solid #acacac;
}

.wh_sub_body .section .section_body .membership_part table tr:first-child {
    border-bottom: 0
}

.wh_sub_body .section .section_body .membership_part table tr:last-child {
    border-bottom: 0
}

.wh_sub_body .section .section_body .membership_part table td {
    width: 25%;
    font-size: 14px;
}

.wh_sub_body .section .section_body .membership_part table tr:first-child td {
    background: #e9ebec
}

.wh_sub_body .section .section_body .membership_part span {
    font-weight: 800;
}

.wh_sub_body .section .section_body .membership_part h3 {
    color: #313131;
    font-size: 18px;
    padding-bottom: 19px;
    font-weight: bold;
}

.wh_sub_body .section .section_body .membership_part p {
    color: #313131;
    margin-bottom: 15px;
    font-size: 14px;
}

.wh_sub_body .section .section_body .membership_part h3 span {
    color: #313131;
}

.wh_sub_body .section .section_body .membership_part li {
    color: #313131;
    padding-bottom: 5px;
    font-size: 15px;
    padding-bottom: 17px;
    line-height: 20px;
}

.wh_sub_body .section .section_body .membership_part h3.gray_box {
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    padding: 12px 10px;
    margin: 0 0 15px 0;
}

.wh_sub_body .section .section_body .membership_part h3.gray_box span {
    background: #c10a28;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 5px;
    margin: 0 5px 10px 0;
}

.wh_sub_body .event_sale .section_body_txt5 {
    font-size: 15px;
    color: #313131;
    line-height: 24px;
    margin: 0 0 0 0;
}

.wh_sub_body .event_sale .section_body_txt5.red {
    color: #c10a28
}

.wh_sub_body .event_sale .section_body .membership_part {
    margin: 0 0 15px 0;
    padding: 10px;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.wh_sub_body .event_sale .section_body .membership_part.bg_white {
    background: #fff;
    box-shadow: none;
}

.wh_sub_body .event_sale .section_body .membership_part h3 {
    padding: 2px 0 0 9px;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 5px 0;
}

.wh_sub_body .event_sale .section_body .membership_part h3 span {
    background: #c10a28;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 5px;
    margin: 0 3px 10px 0;
}

.wh_sub_body .event_sale .section_body .membership_part li {
    padding: 0 0 0 9px;
}

.wh_sub_body .event_sale .benefit_list3 li.box01 {
    width: 49%
}

.wh_sub_body .event_sale .benefit_list3 .box01.left {
    margin: 0 1% 2% 0
}

.wh_sub_body .event_sale .benefit_list3 .box01.right {
    margin: 0 0 2% 1%
}

.wh_sub_body .event_sale .gift_list {
    padding: 10px;
    margin: 0 0 20px 0;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .benefit_list3_wrap:after {
    content: '';
    display: block;
    clear: both;
}

.wh_sub_body .benefit_list3_wrap h3 {
    margin: 0 0 10px 0;
}

.wh_sub_body .benefit_list3 {
    border: none;
}

.wh_sub_body .benefit_list3 thead {
    height: 54px
}

.wh_sub_body .benefit_list3 img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin: 15px 0 0 0;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
}

.wh_sub_body .benefit_list3 .row_left {
    margin: 10px 0 0 0;
}

.wh_sub_body .benefit_list3 th, .benefit_list3 td {
    padding: 20px;
    border-top: none;
    color: #313131
}

.wh_sub_body .benefit_list3 {
    padding: 0;
    width: 100%;
}

.wh_sub_body .benefit_list3 li {
    background: none;
    background-size: 5px;
    color: #313131
}

.wh_sub_body .benefit_list3 .f_white {
    color: #fff
}

.wh_sub_body .benefit_list3 .f_gray {
    margin-top: 10px;
    line-height: 20px;
    color: #898483
}

.wh_sub_body .benefit_list3 li.box01 {
    float: left;
    width: 49%;
    padding: 20px 0;
    margin: 1%;
    height: 210px;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .benefit_list3 .box01 .box02 {
    float: left;
    width: 50%;
    text-align: center;
}

/*.wh_sub_body .benefit_list3 .box01 .box02 li{line-height: 28px;}*/
.wh_sub_body .benefit_list3 .box01 .box02:last-child {
    text-align: left;
}

.wh_sub_body .benefit_list3 .box01.left {
    margin-left: 0
}

.wh_sub_body .benefit_list3 .box01.right {
    margin-right: 0;
}

.wh_sub_body .benefit_list3 .box01.left.bottom {
    margin-bottom: 1%;
}

.wh_sub_body .benefit_list3 .box01.right.bottom {
    margin-bottom: 1%;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .event_sale .section_body .membership_part h3 span {
        padding: 1px 10px;
        font-size: 13px;
        margin: 0 3px 0 0;
    }

    .wh_sub_body .benefit_list3 li.box01 {
        width: 100%;
        height: 200px;
        float: none;
        margin: 0 0 10px 0;
    }

    .wh_sub_body .benefit_list3 img {
        width: 85px;
        height: 85px;
        margin: 23px 0 0 0;
    }

    .wh_sub_body .benefit_list3 .box01 .box02:first-child {
        width: 40%
    }

    .wh_sub_body .benefit_list3 .box01 .box02 {
        width: 60%
    }

    .wh_sub_body .benefit_list3 .box01 .box02:last-child {
        padding: 0 0 0 20px;
    }

    .wh_sub_body .benefit_list3 li {
        font-size: 14px;
    }

    .wh_sub_body .benefit_list3 .row_left {
        font-weight: bold;
        line-height: 18px;
    }

    .wh_sub_body .benefit_list3 .box01.left {
        padding: 15px 10px 15px 10px;
    }

    .wh_sub_body .benefit_list3 .box01.right {
        padding: 20px 10px 0 16px;
    }

    .wh_sub_body .benefit_list3 .box01.right:last-child {
        margin-bottom: 0;
    }

    .wh_sub_body .section .section_body .membership_part p {
        font-size: 14px;
        line-height: 17px;
    }

    .wh_sub_body .event_sale_list {
        width: 100%;
    }

    .wh_sub_body .event_sale_list > ul > li {
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .wh_sub_body .event_sale_list > ul > li {
        height: auto;
        padding: 25px;
        border: 0
    }

    .wh_sub_body .event_sale_list > ul > li > strong {
        display: block;
        margin: 25px 0 0 0;
        text-align: left;
        font-size: 15px;
        font-weight: bold;
        color: #313131;
    }

    .wh_sub_body .event_sale .event_sale_list > ul > li > ul {
        text-align: left;
        font-size: 15px;
    }

    .wh_sub_body .event_sale .gift_list {
        margin: 0 0 20px 0;
    }

    .wh_sub_body .benefit_list3 .box01.left.bottom {
        margin: 0 0 10px 0;
    }

}

@media all and (max-width: 500px) {
    .wh_sub_body .bl_arrow > li:first-child {
        margin: 0 0 4px 0;
    }

    .wh_sub_body .bl_arrow > li {
        font-size: 13px;
        line-height: 17px;
        margin: 0 0 4px 0;
    }

    .wh_sub_body .event_sale .event_sale_list .bl_arrow > li {
        font-size: 15px;
        line-height: 22px;
    }

    .wh_sub_body .event_sale_list .bl_arrow > li:first-child {
        margin: 0;
    }

    .wh_sub_body .event_sale_list > ul > li {
        padding: 20px;
    }

    .wh_sub_body .event_sale_list > ul > .over_hd {
        height: auto;
    }

    .wh_sub_body .event_sale .section_body .membership_part h3 {
        font-size: 16px;
    }
}

/* 제휴 - 피자헛 상품권 */
.wh_sub_body .gift_list li {
    display: table-cell;
    width: 1%;
    padding: 0 10px;
    text-align: center;
}

.wh_sub_body .gift_list li:first-child {
    padding-left: 0
}

.wh_sub_body .gift_list li img {
    max-width: 100%;
}

.wh_sub_body .gift_list li .txt {
    display: block;
    margin: 14px 0 0 0;
    font-size: 15px;
    color: #313131;
    line-height: 19px;
}

/* 제휴 - 제휴 상품권 */
.wh_sub_body .corp_list {
    margin: 0 0 0 0;
    height: auto;
}

.wh_sub_body .corp_list li {
    width: 23.5%;
    margin: 0 2% 0 0;
    float: left;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .corp_list li:last-child {
    margin: 0;
}

.wh_sub_body .corp_list li > div {
    width: 210px;
    height: 210px;
    margin: 0 0 0 0;
    border: none;
}

.wh_sub_body .corp_list li:first-child > div {
    margin: 0;
}

.wh_sub_body .corp_list li > div > div {
    height: 124px;
    border-bottom: none;
    text-align: center;
    line-height: 124px;
}

.wh_sub_body .corp_list li strong {
    display: block;
    margin: 21px 0 0 0;
    padding: 0 20px;
    font-size: 15px;
    color: #313131;
    line-height: 18px;
    font-weight: normal;
}

.wh_sub_body .corp_list li span {
    display: block;
    margin: 14px 0 0 0;
    padding: 0 20px;
    font-size: 15px;
    color: #313131;
    line-height: 19px;
    letter-spacing: -1px;
}

.wh_sub_body .corp_list:after {
    content: '';
    clear: both;
    display: block;
}

.wh_sub_body .tab_free3_b2_wrap {
    display: none;
    overflow: hidden;
    margin: 20px 0 0 0;
}

.wh_sub_body .tab_free3_b2_list > div > ul {
    overflow: hidden;
    width: 100%;
}

.wh_sub_body .tab_free3_b2_list > div > ul > li {
    float: left;
    width: 50%;
    height: 35px;
    background: #ffffff
}

.wh_sub_body .tab_free3_b2_list > div > ul > li.line_b {
    border-bottom: 1px solid #2e2b2a;
}

.wh_sub_body .tab_free3_b2_list > div > ul > li.line_t {
    border-top: 2px solid #2e2b2a;
}

.wh_sub_body .tab_free3_b2_list > div > ul > li.line_r {
    border-right: 1px solid #2e2b2a;
}

.wh_sub_body .tab_free3_b2_list > div > ul > li.line_l {
    border-left: 1px solid #2e2b2a;
}

.wh_sub_body .tab_free3_b2_list > div > ul > li a {
    display: block;
    font-size: 14px;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    background: #acacac;
}

.wh_sub_body .tab_free3_b2_list > div > ul > li.active a,
.wh_sub_body .tab_free3_b2_list > div > ul > li:hover a {
    color: #413e3d;
}

.wh_sub_body .tab_free3_b2_list.tab_free3_b3_list > div > ul > li {
    background: none;
}

.wh_sub_body .tab_free3_b2_list.tab_free3_b3_list > div > ul > li a {
    background: #fff;
}

.wh_sub_body .tab_free3_b2_list.tab_free3_b3_list > div > ul > li.active a,
.wh_sub_body .tab_free3_b2_list.tab_free3_b3_list > div > ul > li:hover a {
    color: #fdd043;
}

.wh_sub_body .event_sale .tab_free3_b2_wrap {
    display: none;
    overflow: hidden;
    height: auto;
    margin: 10px 0 0 0;
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul {
    overflow: hidden;
    width: 100%;
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li {
    float: left;
    width: 50%;
    height: 35px;
    background: #ffffff
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li.line_b {
    border-bottom: 2px solid #fff;
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li.line_t {
    border-top: 2px solid #fff;
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li.line_r {
    border-right: 0;
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li.line_l {
    border-left: 2px solid #fff;
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li a {
    display: block;
    font-size: 14px;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    background: #000;
}

.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li.active a,
.wh_sub_body .event_sale .tab_free3_b2_list > div > ul > li:hover a {
    color: #fff;
}

.wh_sub_body .event_sale .tab_free3_b2_list.tab_free3_b3_list > div > ul > li {
    background: none;
}

.wh_sub_body .event_sale .tab_free3_b2_list.tab_free3_b3_list > div > ul > li a {
    background: #acacac;
    color: #fff;
    font-weight: normal;
}

.wh_sub_body .event_sale .tab_free3_b2_list.tab_free3_b3_list > div > ul > li.active a,
.wh_sub_body .event_sale .tab_free3_b2_list.tab_free3_b3_list > div > ul > li:hover a {
    color: #000;
    background: #ffc227;
    font-weight: bold;
}

.wh_sub_body .tab_free3_b2_wrap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 70px;
    height: 3px;
    border-radius: 0;
    background: #b6b0af;
}

.wh_sub_body .tab_free3_b2_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #413e3d;
}

.wh_sub_body .tab_free3_b2_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #413e3d;
}

.wh_sub_body .tab_free3_b2_wrap.tab_free3_b3_wrap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 70px;
    height: 3px;
    border-radius: 0;
    background: #b6b0af;
}

.wh_sub_body .tab_free3_b2_wrap.tab_free3_b3_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fdd043;
}

.wh_sub_body .tab_free3_b2_wrap.tab_free3_b3_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fdd043;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .tab_free3_b2_wrap {
        display: block;
    }

    .wh_sub_body .event_sale .tab_free3_b2_wrap {
        display: block;
        margin: 0 0 0 0;
    }

    .wh_sub_body .corp_list {
        margin: 0 0 2% 0;
    }

    .wh_sub_body .corp_list li {
        width: 49%;
        margin: 0 0 10px 0;
    }

    .wh_sub_body .corp_list li:nth-child(1) {
        margin: 0 2% 0 0;
    }

    .wh_sub_body .corp_list li:nth-child(3) {
        margin: 0 2% 0 0;
    }

    .wh_sub_body .corp_list li > div {
        width: 100%;
    }

    .wh_sub_body .corp_list li > div > div {
        height: 100px;
    }

    .wh_sub_body .corp_list li span {
        margin: 5px 0 0 0;
    }

    .wh_sub_body .m2_hide {
        display: none;
    }
}

.wh_sub_body .corp_list2 {
    float: left;
    width: 459px;
    margin: 0 10px;
}

.wh_sub_body .event_sale .corp_list2 {
    margin: 0;
}
.wh_sub_body .corp_list2.last_crop {
    float: left;
    width: 459px;
    clear: both;
}

/* 20170818 웰페어클럽 추가*/
.wh_sub_body .corp_list2.full {
    width: 100%;
}

.wh_sub_body .corp_list2.corp_list3 {
    display: inline-block;
    width: 100%;
}

.wh_sub_body .corp_list2 > li {
    display: inline-block;
    position: relative;
    width: 459px;
    margin: 0 0 39px 0;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .corp_list2 > li:first-child {
    margin: 0 0 56px 0;
}

.wh_sub_body .corp_list2.full > li {
    width: 100%;
    margin: 0;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_1:after {
    content: '';
    display: block;
    clear: both
}

.wh_sub_body .corp_list2.corp_list4 > li > div > div.crop_list2_1 {
    overflow: hidden;
    min-height: 80px;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div {
    overflow: hidden;
    vertical-align: top;
    line-height: 18px
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div.w200 {
    width: 200px;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div:first-child {
    float: left;
    margin-right: 23px;
    width: 184px;
    vertical-align: top;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div:first-child img {
    max-width: 100%;
}

.wh_sub_body .corp_list2.full > li > div > div.crop_list2_1 > div {
    float: left;
    width: 500px
}

.wh_sub_body .corp_list2.full > li > div > div.crop_list2_1 > div:first-child {
    width: 184px;
}

.wh_sub_body .corp_list2 > li > div {
    overflow: hidden;
    padding: 25px 20px 14px 20px;
    border: 0;
    min-height: 200px;
}

/* 20170817웰페어클럽 수정*/
.wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div > ul {
    margin: 10px 0 0 0;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div > strong {
    display: block;
    margin: 5px 0 0 0;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div > span {
    display: block;
    margin: 10px 0 0 0;
    font-size: 13px;
    color: #b19776;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_2 {
    display: none;
    position: relative;
    margin: 20px 0 0 0;
    height: 330px
}

/* 20170717 jyjeong height 280 to 300 */
.wh_sub_body .corp_list2 > li > div > div.crop_list2_2 > a {
    position: absolute;
    right: 0px;
    top: 20px;
    margin: 0;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_2 > a.por {
    position: relative;
    margin: 0 auto 20px;
}

.wh_sub_body .corp_list2 > li > div > div.crop_list2_2.h_auto {
    height: auto;
    padding-bottom: 10px
}

.wh_sub_body .benefit_list3_txt {
    margin: 15px 0 20px;
    padding-left: 10px;
    color: #b6b0af;
    background: url('../images/common/ico_bl4.png') left 4px no-repeat;
    background-size: 5px;
    font-size: 15px
}

.wh_sub_body .corp_list2 .thumb_list_btn {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 330px;
    white-space: normal
}

@media all and (max-width: 1024px) {
    .wh_sub_body .corp_list2 {
        width: 100%;
    }

    .wh_sub_body .corp_list2 > li:first-child {
        margin: 0 0 50px 0;
    }

    .wh_sub_body .corp_list2 > li:last-child {
        margin: 0 0 50px 0;
    }

    .wh_sub_body .corp_list2 > li {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .wh_sub_body .corp_list2 > li > div {
        padding: 20px 10px 20px 10px;
        min-height: 165px;
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div > strong {
        margin-top: 0;
        font-size: 14px
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div {
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div img {
        padding-right: 15px
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div > ul {
        margin-top: 7px
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_1 .bl_arrow > li {
        line-height: 18px;
        font-size: 13px
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_2 {
        margin: 15px 0 0 0;
        height: auto
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_2 .bl_line li {
        font-size: 13px
    }

    .wh_sub_body .corp_list2.full > li > div > div.crop_list2_1 > div {
        float: none;
        width: 100%;
        margin: 0;
        vertical-align: top;
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div:first-child {
        margin: 0;
        padding: 0 5px 0 0;
        width: 50%
    }

    .wh_sub_body .corp_list2.full > li > div > div.crop_list2_1 > div:first-child {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    .wh_sub_body .corp_list2.full > li > div > div.crop_list2_1 > div:first-child > img {
        display: block;
        margin: 0 auto;
        max-width: 280px;
        width: 100%;
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_1 > div.w200 {
        width: 50%;
    }

    .wh_sub_body .corp_list2.full > li > div.crop_list2_1 > div {
        width: 50%;
    }

    .wh_sub_body .corp_list2 > li > div.crop_list2_1 > div:first-child {
        float: none;
        display: inline-block;
        width: 50%;
        margin: 0;
        padding: 0 10px 0 0;
    }

    .wh_sub_body .corp_list2.full > li > div.crop_list2_1 > div:first-child {
        width: 50%;
    }

    .wh_sub_body .corp_list2 .thumb_list_btn {
        position: static;
        width: 100%;
        margin-top: 10px
    }

    .wh_sub_body .corp_list2 > li > div > div.crop_list2_2.h_auto {
        padding: 0;
    }
}

/* 제휴 - 온라인서베이 제공혜택 */
.wh_sub_body .benifit_mar {
    margin-top: 60px;
}

.wh_sub_body .benifit_mar2 {
    margin-top: 40px;
}

.wh_sub_body .benifit_list_wrap {
    margin-top: 25px;
    border-top: 1px solid #dddddd;
}

.wh_sub_body .benifit_list {
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #dddddd;
}

.wh_sub_body .benifit_list.last {
    border: 0;
}

.wh_sub_body .benifit_list li {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle
}

.wh_sub_body .benifit_list li dl dt {
    font-size: 18px;
    color: #c10a28;
    width: 60px;
    margin: 0 auto;
    font-weight: bold;
    border-bottom: 3px solid #c10a28;
}

.wh_sub_body .benifit_list li dl dd, .benifit_list li dl dd a {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #313131;
}

.wh_sub_body .benifit_list li dl dd a {
    margin-right: 2px
}

.wh_sub_body .benifit_list li dl dd a:hover {
    text-decoration: underline
}

.wh_sub_body .benifit_list li span img {
    max-width: 100%;
}

.wh_sub_body .benifit_list2 {
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #dddddd;
}

.wh_sub_body .benifit_list2 .benifit_list2_txt_wrap {
    padding: 0 39px;
}

.wh_sub_body .benifit_list2 > li {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle
}

.wh_sub_body .benifit_list2 li dl dt {
    font-size: 18px;
    color: #c10a28;
    width: 60px;
    margin: 0 auto;
    font-weight: bold;
    border-bottom: 3px solid #c10a28;
}

.wh_sub_body .benifit_list2 li dl dd {
    margin-top: 7px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .benifit_list2 li ol {
    display: block;
}

.wh_sub_body .benifit_list2 li ol li {
    overflow: hidden
}

.wh_sub_body .benifit_list2 li .benifit_list2_txt {
    display: none
}

.wh_sub_body .benifit_list2 li .benifit_list2_txt_wrap .benifit_list2_txt {
    display: block;
    margin-top: 20px
}

.wh_sub_body .benifit_list2 li .benifit_list2_txt strong {
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .benifit_list2 li .benifit_list2_txt span {
    display: block;
    margin-top: 7px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .benifit_list2 li img {
    max-width: 100%;
}

/*.wh_sub_body .benifit_list2 li:last-child .benifit_list2_img {*/
/*margin-top: 30px*/
/*}*/

@media all and (max-width: 1024px) {
    .wh_sub_body .benifit_list li {
        display: block;
        width: 100%
    }

    .wh_sub_body .benifit_list li:first-child {
        margin-bottom: 25px;
    }

    .wh_sub_body .benifit_list li dl:after, .benifit_list2 li dl:after {
        display: none
    }

    .wh_sub_body .benifit_list li span {
        display: block;
        text-align: center
    }

    .wh_sub_body .benifit_list2 {
        display: block
    }

    .wh_sub_body .benifit_list2 > li {
        display: block;
        width: 100%;
    }

    .wh_sub_body .benifit_list2 li {
        margin-top: 20px;
        line-height: 20px;
        text-align: center;
    }

    .wh_sub_body .benifit_list2 li .benifit_list2_txt_wrap .benifit_list2_txt {
        display: none
    }

    .wh_sub_body .benifit_list2 li .benifit_list2_txt span {
        margin-top: 0
    }

    .wh_sub_body .benifit_list2 li .benifit_list2_txt {
        display: block
    }

    .wh_sub_body .benifit_list2 li .benifit_list2_img {
        margin-top: 10px;
        text-align: center
    }

    .wh_sub_body .benifit_list2 li .benifit_list2_txt_wrap .benifit_list2_txt {
        display: none
    }

    .wh_sub_body .benifit_list2 li:last-child .benifit_list2_img {
        margin-top: 0
    }

    .wh_sub_body .benifit_list2 li ol {
        margin-top: 20px
    }

    .wh_sub_body .benifit_list2 li img {
        margin: 15px 0 0 0;
    }
}

@media all and (max-width: 768px) {
    .wh_sub_body .benifit_list li {
        display: block;
        width: 100%;
    }

    .wh_sub_body .benifit_list li:first-child {
        margin: 0 0 25px 0;
    }

    .wh_sub_body .benifit_list li span {
        display: block;
        text-align: center;
    }
}

.wh_sub_body .ico_t4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    margin: 0;
    border: 0;
    border-radius: 50px;
    background: url('../images/white_ver/mypage_ico_t4.png') center center no-repeat;
    background-size: 100%;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
}

/* 회원로그인 */
.wh_sub_body .section_login_header p {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}

.wh_sub_body .section_login_body {
    overflow: hidden;
    position: relative;
    width: 620px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 3px 0;
}

.wh_sub_body .section_login_body.w465 {
    width: 465px;
}

.wh_sub_body .section_login_body.w520 {
    width: 520px;
}

.wh_sub_body .section_login_body p a {
    font-size: 14px;
    color: #e0dedd;
}

.wh_sub_body .section_login_body a.btn_login4 {
    display: block;
    height: 51px;
    background: #c10a28;
    font-size: 17px;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    line-height: 51px;
    cursor: pointer;
}

.wh_sub_body .section_body a.btn_login4.w_full620 {
    width: 620px;
    margin: 0 auto;
    display: block;
    height: 51px;
    font-size: 17px;
    border-radius: 10px;
    text-align: center;
    line-height: 51px;
    cursor: pointer;
}

.wh_sub_body .section_login_body a.red {
    float: right;
    color: #c10a28;
    font-size: 15px;
    padding: 4px 0 0 0;
}

.wh_sub_body .section_login_body_input {
    height: 48px !important;
    font-size: 17px !important;
    line-height: 48px !important;
}

.wh_sub_body .section_login_body_label {
    margin: 0 0 0 5px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .section_login_body_label2 {
    display: inline-block;
    width: 110px;
    margin: 0 0 0 10px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .section_login_body_span {
    margin: 0 0 0 10px;
    font-size: 13px;
    color: #635d5b;
}

.wh_sub_body .section_login_footer {
    margin: 10px 0 0 105px;
}

.wh_sub_body .section_login_footer p {
    font-size: 13px;
    color: #bab6b6;
}

.wh_sub_body .section_login_footer p label {
    margin: 0 0 0 10px;
    font-size: 14px;
    color: #e0dedd;
}

.wh_sub_body .membership_chance {
    margin: 20px 20px 20px
}

.wh_sub_body .membership_chance li {
    float: left;
    margin: 0 2.5% 0 0;
    display: block;
    width: 23%;
    height: 224px;
    background: #f0f0f0;
    padding: 20px;
    border: 0;
    text-align: center;
    vertical-align: top;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .membership_chance li p {
    font-size: 19px;
    margin: 0 0 45px 0;
}

.wh_sub_body .membership_chance li:last-child {
    margin: 0;
}

.wh_sub_body .membership_chance:after {
    content: '';
    clear: both;
    display: block;
}

.wh_sub_body .membership_chance li .red {
    color: #c10a28;
    font-weight: bold;
}

.wh_sub_body .member_h h3 {
    font-weight: 21px;
}

.wh_sub_body .member_h h3 span {
    color: #c10a28;
    font-weight: bold;
}

.wh_sub_body .member_h h3 span:before {
    content: '';
    width: 38px;
    height: 23px;
    background: url('../images/white_ver/member_h.jpg') no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.wh_sub_body .section_body .gray.btn_login4 {
    position: relative;
    display: block;
    height: 51px;
    background: #f5f5f5;
    font-size: 17px;
    border: 1px solid #bfbfbf;
    color: #313131;
    border-radius: 10px;
    width: 620px;
    margin: 0 auto;
    text-align: center;
    line-height: 51px;
}

.wh_sub_body .section_body .green.btn_login4 {
    position: relative;
    display: block;
    height: 51px;
    background: #70a401;
    font-size: 17px;
    color: #ffffff;
    border-radius: 10px;
    width: 620px;
    margin: 0 auto;
    text-align: center;
    line-height: 51px;
}

.wh_sub_body .section_body .gray.btn_login4 span, .wh_sub_body .section_body .green.btn_login4 span {
    position: absolute;
    right: 15px
}

/* 비회원(주문조회) - 주문제품 정보 */
.wh_sub_body .order_total > li {
    overflow: hidden;
    padding: 20px;
    text-align: right;
    border-bottom: 1px solid #acacac;
}

.wh_sub_body .order_total > li.last {
    border-bottom: 1px solid #acacac;
}

.wh_sub_body .order_total > li > ul {
    display: inline-block;
    width: 100%;
}

.wh_sub_body .order_total > li > ul > li {
    overflow: hidden;
}

.wh_sub_body .order_total > li > ul > li > span.n {
    float: left;
    font-size: 15px;
    color: #898483;
    line-height: 22px;
}

.wh_sub_body .order_total > li > ul > li > span.red {
    float: right;
    font-size: 15px;
    color: #ed1c24;
    line-height: 22px;
}

.wh_sub_body .order_total > li > dl {
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.wh_sub_body .order_total > li > dl dt {
    float: left;
    display: inline-block;
    font-size: 15px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .order_total > li > dl dt.red {
    color: #ed1c24;
}

.wh_sub_body .order_total > li > dl dd {
    float: right;
    display: inline-block;
    font-size: 22px;
    color: #313131;
    line-height: 24px;
    font-weight: bold;
}

.wh_sub_body .order_total > li > dl dd span {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .order_total > li > dl dd.red {
    color: #ed1c24;
}

.wh_sub_body .order_total > li > dl dd.red span {
    color: #ed1c24;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .order_total > li.last {
        padding: 15px;
    }

    .wh_sub_body .section_body a.btn_login4.w_full620 {
        width: 100%;
        max-width: 620px;
        font-size: 15px;
        height: 45px;
        line-height: 42px;
    }

    .wh_sub_body .online_list2 {
        overflow: hidden;
        margin: 20px auto 0;
        width: 70%;
        font-size: 0px;
        padding: 0
    }

    .wh_sub_body .tab_select_list2 {
        width: 100%;
        margin: 0 0 0 0;
    }

    .wh_sub_body .tab_select_list2 .tab_select_wrap {
        margin: 0 0;
    }

    .wh_sub_body .mp_t10 {
        margin: 10px 0 0 !important;
    }

    .wh_sub_body .table_wrap_body.table_w637 .m_td3 .td_poa, .table_wrap_body.table_w637 .m_td .td_poa {
        display: block;
    }

    .wh_sub_body .event_sale .section_header {
        margin: 10px 0 0 0;
    }

    .wh_sub_body .membership_chance {
        margin: 5px auto 0
    }

    .wh_sub_body .membership_chance li {
        width: 48%;
        margin: 1% 1% 1% 1%;
        height: 200px;
    }

    .wh_sub_body .membership_chance li p {
        font-size: 19px;
        margin: 0 0 30px 0;
    }

    .wh_sub_body .membership_chance li:last-child {
        width: 48%;
        margin: 1% 1% 1% 1%
    }
}

@media all and (max-width: 768px) {
    .wh_sub_body .online_list2 {
        overflow: hidden;
        margin: 30px auto 0;
        width: 90%;
        font-size: 0px;
        padding: 0
    }

    .wh_sub_body .online_list2 li {
        width: 50%;
        margin: 0 0 30px 0;
    }
}

@media all and (max-width: 650px) {
    .wh_sub_body .section .section_header > h3 {
        font-size: 17px;
        line-height: 17px;
        margin: 3px 0 5px 0;
    }

    .wh_sub_body .order_payment .section .section_header > h3 {
        font-size: 17px;
        margin: 0 0 0 0;
    }

    .wh_sub_body .event_sale .section_header .header_tit1 {
        margin: 0 0 10px 0;
    }

    .wh_sub_body .section_body .green.btn_login4 {
        width: 100%;
    }

    .wh_sub_body .section_body .gray.btn_login4 {
        width: 100%;
    }

    .wh_sub_body .online_list2 li {
        width: 50%;
        margin: 0 0 20px 0;
    }

    .wh_sub_body .mar_t20 {
        margin-top: 10px !important;
    }
}

@media all and (max-width: 450px) {
    .wh_sub_body .section_login_body {
        padding: 0 0 1px 0;
    }

    .wh_sub_body .section_login_body a.btn_login4 {
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }

    .wh_sub_body .section_body .green.btn_login4 {
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }

    .wh_sub_body .section_body .gray.btn_login4 {
        font-size: 14px;
    }

    .wh_sub_body .online_list2 li span {
        font-size: 14px;
    }

    .wh_sub_body .online_list2 li {
        width: 50%;
        margin: 0 0 15px 0;
    }

    .wh_sub_body .section_login_body a.red {
        padding: 5px 0 0 0;
        font-size: 14px;
    }

    .wh_sub_body .membership_chance li {
        float: left;
        display: block;
        background: #f5f5f5;
        padding: 15px 20px 20px 20px;
        width: 48%;
        margin: 1%;
        height: auto
    }

    .wh_sub_body .membership_chance li:last-child {
        width: 48%;
        margin: 1% 1% 1% 1%
    }

    .wh_sub_body .membership_chance li img {
        height: 51px;
    }

    .wh_sub_body .membership_chance li p {
        font-size: 16px;
        margin: 0 0 5px 0;
    }

    .wh_sub_body .section_login_body_label {
        font-size: 14px;
    }
}

@media all and (max-width: 380px) {
    .wh_sub_body .section_login_body .checksave {
    }

    .wh_sub_body .easy_login {
        margin: 12px 0 0 0;
        padding: 0 0 9px 0
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .section_login_body a.btn_login4 {
    }

    .wh_sub_body .section_body .green.btn_login4 {
        font-size: 13px;
    }

    .wh_sub_body .section_body .gray.btn_login4 {
        font-size: 13px;
    }

    .wh_sub_body .membership_chance li p {
        font-size: 14px;
        margin: 0 0 20px 0;
    }

    .wh_sub_body .section_login_body_label {
        font-size: 13px;
    }

    .wh_sub_body .section_login_body a.red {
        font-size: 13px;
    }
}

/* 회원가입 */
.wh_sub_body .section .section_header p {
    color: #313131;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin: 0 0 20px 0;
}

.wh_sub_body .section .section_header p span.w {
    color: #313131;
}

.wh_sub_body .section .section_header p .gold {
    color: #c8102e;
    font-weight: bold;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .btn_list.mid2.line_b {
        padding: 0 0 0 0;
    }
}

.wh_sub_body .section .section_header > h3.line_b {
    position: relative;
    border: 0;
    padding: 5px 10px;
    line-height: 40px;
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .section_body_txt2 {
    margin: 0 0 9px 0;
    font-size: 15px;
    color: #313131;
    line-height: 22px;
    text-align: left;
}

.wh_sub_body .text_box {
    margin: 15px 0 0 0;
    text-align: left;
    width: 100%;
    height: auto;
    padding: 15px 0;
    border-top: 1px solid #acacac;;
    border-bottom: 1px solid #acacac;
}

.wh_sub_body .text_box .wh_sectionbody_txt {
    color: #858585;
    font-size: 14px;
}

/* 약관/정보입력 - 약관동의 */
.wh_sub_body .section_checkbox_p {
    position: relative;
    width: 420px;
    height: 38px;
    margin: 0 0 0 430px;
    padding: 0 0 0 10px;
    background: #e9ebec;
    line-height: 38px;
}

.wh_sub_body .section_checkbox_p span {
    position: absolute;
    left: -220px;
    top: 0px;
    font-size: 15px;
    color: #313131;
    line-height: 38px;
}

.wh_sub_body .section_checkbox_p label {
    margin: 0 0 0 8px;
    font-size: 15px;
    color: #000;
}

.wh_sub_body .section_checkbox_p a {
    float: right;
    display: inline-block;
    min-width: 78px;
    margin: 9px 10px 0 0;
    height: 22px;
    padding: 0 0;
    font-size: 12px;
    color: #000;
    background: #ffc227;
    line-height: 22px;
    text-align: center;
    border: 0
}

.wh_sub_body .section_checkbox {
    width: 420px;
    margin: 0 0 0 430px;
}

.wh_sub_body .section_checkbox li {
    overflow: hidden;
    padding: 9px 0 9px 10px;
    line-height: 22px;
}

.wh_sub_body .section_checkbox li label {
    margin: 0 0 0 8px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .section_checkbox li a {
    float: right;
    display: inline-block;
    width: 65px;
    height: 20px;
    border: none;
    margin: 4px 0 0 0;
    background: #acacac;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

/* 약관/정보입력 - 개인정보 보유기간 */
.wh_sub_body .section_radios {
    position: relative;
    width: 420px;
    margin: 0 0 9px 430px;
}

.wh_sub_body .section_radios span {
    position: absolute;
    left: -220px;
    top: 0px;
    font-size: 15px;
    color: #313131;
    line-height: 20px;
}

.wh_sub_body .section_radios ul li {
    display: inline-block;
    line-height: 20px;
}

.wh_sub_body .section_radios ul li input {
    margin: 0 8px 0 40px;
}

.wh_sub_body .section_radios ul li:first-child input {
    margin: 0 8px 0 10px;
}

.wh_sub_body .section_radios ul li label {
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .input_popup_section {
    margin-top: 10px;
    width: 100%;
}

/**/
.wh_sub_body .input_popup_section img {
    width: 100%;
}

.wh_sub_body .input_popup_section.period_b {
    display: none; /* 16일 display:block*/
}

.wh_sub_body .input_popup_section.period_c {
    display: none; /* 23일 display:block*/
}

.wh_sub_body .table_wrap_body td > label {
    margin-left: 5px;
    font-size: 15px;
    color: #313131;
    line-height: 20px;
}

.wh_sub_body .select_box_wrap ul {
    display: block;
}

.wh_sub_body .select_box_wrap ul li.cap10 {
    padding: 0 10px;
}

.wh_sub_body .select_box_wrap ul li {
    display: table-cell;
    width: 1%
}

.wh_sub_body .select_box_wrap ul li select {
    width: 100%;
    color: #313131;
}

.wh_sub_body .section_header.wh_w_hide {
    display: none;
}

.wh_sub_body .section_header .wh_w_hide {
    display: none;
}

.wh_sub_body .section_header .wh_m_hide {
    display: block;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .section_radios {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .section_header.wh_w_hide {
        display: block;
    }

    .wh_sub_body .section_header .wh_w_hide {
        display: block;
    }

    .wh_sub_body .section_header .wh_m_hide {
        display: none;
    }

    .wh_sub_body .section .section_header p {
        margin: 0 0 15px 0;
    }

    .wh_sub_body .section_checkbox_p span {
        display: none;
    }

    .wh_sub_body .section_checkbox_p {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .section_checkbox {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .section_radios ul li input {
        margin: 0 8px 0 15px;
    }

    .wh_sub_body .section_checkbox_p label {
        font-size: 14px;
    }

    .wh_sub_body .section_checkbox_p a {
        min-width: 60px;
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .section_checkbox li label {
        font-size: 12px;
    }

    .wh_sub_body .section_checkbox li {
        padding: 5px 0 5px 10px;
    }

    .wh_sub_body .section_body_txt2 {
        font-size: 13px;
    }
}

@media all and (max-width: 1024px) {
    .wh_sub_body .orderChoice .choice_area .choice_title {
        display: none;
    }

    .wh_sub_body .orderChoice .e_order {
        width: 100%;
        /*height: 80px;*/
    }

    .wh_sub_body .orderChoice .e_order .btn_coupon {
        padding: 0;
    }

    .wh_sub_body .orderChoice .e_order .txt {
        font-size: 14px;
    }

    .wh_sub_body .orderChoice .btn_shop {
        max-width: 100%;
    }

    .wh_sub_body .orderChoice .btn_shop li a {
        font-size: 18px
    }

    .wh_sub_body .orderChoice .btn_shop li:hover a span, .wh_sub_body .orderChoice .btn_shop li.active a span, .wh_sub_body .orderChoice .btn_shop li a span {
        padding: 42px 0 0 0;
        height: 35px;
        background-position: 50% 0;
        background-size: 35px;
    }
    .wh_sub_body .orderChoice .btn_shop li a .wrapper span {
        padding: 0 0 0 45px;
        background-position: left 8px;
    }
    .wh_sub_body .orderChoice .btn_shop li:hover a .wrapper span,
    .wh_sub_body .orderChoice .btn_shop li.active a .wrapper span {
        background-position: left -31px;
    }

    .wh_sub_body .orderChoice .btn_shop li:hover a, .wh_sub_body .orderChoice .btn_shop li.active a, .wh_sub_body .orderChoice .btn_shop li a {
        padding: 27px 0 17px;
    }

    .wh_sub_body .orderChoice .order_choice_area.section .section_header {
        text-align: left;
    }

    .wh_sub_body .orderChoice .choice_list li {
        position: relative;
        padding: 14px 12px 0 0
    }

    .wh_sub_body .orderChoice .choice_list li div {
        display: block;
        width: 100% !important
    }

    .wh_sub_body .orderChoice .choice_area.home .choice_list .delivery {
        text-align: left;
    }

    .wh_sub_body .orderChoice .choice_list li .btn {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -15px;
        width: auto !important;
    }

    .wh_sub_body .orderChoice .choice_area.home .choice_list .address {
        padding: 0 130px 5px 0;
    }
}

@media all and (max-width: 740px) {
    .wh_sub_body .orderChoice .choice_area.home .choice_list li .sale {
        padding-bottom: 10px;
    }

    .wh_sub_body .orderChoice .choice_list li {
        padding: 14px 0;
    }

    .wh_sub_body .orderChoice .choice_list li div {
        padding-bottom: 0;
    }
}

@media all and (max-width: 500px) {
    .wh_sub_body .orderChoice .choice_list li .btn {
        position: absolute;
        margin: 0;
        height: calc(100% - 10px);
        top: 10px;
        padding: 0;
    }

    .wh_sub_body .orderChoice .choice_area.home .choice_list .address {
        padding-right: 60px;
    }
}

.wh_sub_body .toggle_top {
    overflow: hidden;
    position: relative;
    min-height: 40px;
    padding: 10px 50px 20px 0;
    font-size: 15px;
    color: #fff;
    line-height: 23px;
    text-align: left;
    font-weight: normal;
    border: 0
}

.wh_sub_body .toggle_top.active {
    min-height: 40px;
    border-bottom: none;
}

.wh_sub_body .toggle_top label {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}

.wh_sub_body .toggle_top strong.gold {
    font-size: 17px;
    color: #c10a28;
    font-weight: bold;
}

.wh_sub_body .toggle_top span.normal {
    margin: 0 0 0 10px;
    font-size: 17px;
    color: #313131;
}

.wh_sub_body .toggle_top.active .toggle_top_btn {
    float: right;
    display: block;
    width: 40px;
    height: 40px;
    background: url('../images/common/btn_toggle_top_on.png') right center no-repeat;
    background-size: 40px;
    text-indent: -9999px;
}

.wh_sub_body .toggle_top .toggle_top_btn {
    float: right;
    display: block;
    width: 40px;
    height: 40px;
    background: url('../images/common/btn_toggle_top_off.png') right center no-repeat;
    background-size: 40px;
    text-indent: -9999px;
}

.wh_sub_body .toggle_top span.dib {
    display: inline-block;
}

.wh_sub_body .toggle_top > a {
    position: absolute;
    right: 0px;
    top: 5px
}

.wh_sub_body .toggle_top > .btn_nobg3.fr {
    width: 120px;
    background: #70a401;
    color: #fff;
    border: 0;
}

.wh_sub_body .toggle_top .toggle_top_btn.toggle_top_btn2 {
    width: 62px;
    height: 24px;
    background: url('../images/common/btn_toggle_top2_off.png') right center no-repeat;
}

.wh_sub_body .toggle_top .toggle_top_btn.toggle_top_btn2.active {
    background: url('../images/common/btn_toggle_top2_on.png') right center no-repeat;
}

.wh_sub_body .section_body h4 {
    color: #313131;
    font-weight: bold;
    line-height: 15px;
}

.wh_sub_body .section_body h4 span:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url('../images/white_ver/double_notice.jpg') no-repeat;
    vertical-align: top;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .toggle_top > .btn_nobg3.fr {
        width: 100px;
        background: #70a401;
        height: 30px;
        line-height: 30px;
        color: #fff;
        border-radius: 10px;
        border: 0;
    }

    .wh_sub_body .toggle_top strong.gold {
        font-size: 16px;
    }

    .wh_sub_body .toggle_top span.normal {
        font-size: 16px;
    }

    .wh_sub_body .toggle_top {
        min-height: 60px;
        padding: 5px 50px 15px 0;
    }

    .wh_sub_body .toggle_top span.dib {
        margin: 5px 0 20px 0;
    }

    .wh_sub_body .shop_toggle {
    }

    .wh_sub_body .add_list2 li {
        min-height: auto;
        padding: 18px 0 15px 30px;
        margin: 0 0 15px 0;
    }

    .wh_sub_body .add_list2 li > input {
        top: 20px;
        left: 10px;
        margin: 0;
    }

    .wh_sub_body .add_list2 li > div.add_con {
        width: 100%;
        padding: 0 10px 0 90px;
    }

    .wh_sub_body .add_list2 li > div.am_box {
        width: 100%;
        margin: 15px 0 0 0;
        vertical-align: top;
    }

    .wh_sub_body .add_list2 li > div.add_txt {
        display: block;
        width: 100%;
        margin: 15px 0 0 0px;
        text-align: left;
    }

    .wh_sub_body .add_list2 li > div.add_con img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 70px;
    }

    .wh_sub_body .add_list2 li > div.add_con span.w {
        line-height: 20px;
        font-size: 15px;
    }

    .wh_sub_body .add_list2 li > div.add_con span.n {
        display: inline-block;
        margin: 5px 0 0 0;
        line-height: 15px;
        font-size: 12px;
    }

    .wh_sub_body .add_list2 li > div.am_box span {
        display: inline-block;
        width: 78px;
        margin: 0 10px 0 0;
        padding: 0 0 0 10px;
        font-size: 15px;
        color: #898383;
        line-height: 30px;
        vertical-align: top;
    }

    .wh_sub_body .am_box input.am_box_c {
        line-height: 30px
    }

    .wh_sub_body .add_list2 li > div.am_box > .btn_del {
        position: static;
        margin: 0 0 0 5px;
        height: 30px;
    }

    .wh_sub_body .add_list2 li > div.add_txt em {
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
    }

    .wh_sub_body .add_list2 li > div.add_txt span {
        line-height: 24px;
    }

    .wh_sub_body .shop_total_list > li.shop_total_list1, .wh_sub_body .shop_total_list > li.shop_total_list2, .wh_sub_body .shop_total_list > li.shop_total_list3 {
        width: 100%;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_top > dl {
        height: auto;
        padding: 10px 12px;
        font-size: 0;
        white-space: nowrap;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_top > dl dt {
        display: inline-block;
        width: 50%;
        line-height: 40px;
        text-align: left;
        white-space: normal;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_top > dl dd {
        display: inline-block;
        width: 50%;
        margin: 0;
        line-height: 40px;
        text-align: right;
        white-space: normal;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_top > dl dd em {
        font-size: 22px;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_top > dl dd span {
        margin: 0 0 0 2px;
        font-size: 14px;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_bottom {
        padding: 20px 0;
        height: auto;
        border-left: 0;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_bottom > dl {
        width: 100%;
        font-size: 0px;
        white-space: nowrap;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_bottom > dl dt {
        padding: 0 0 0 12px;
        white-space: normal;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_top > dl dd img {
        position: relative;
        left: 0px;
        top: 10px;
        margin: 0;
        height: 20px;
        float: left;
    }

    .wh_sub_body .section_body h4 {
        font-size: 14px;
    }

    .wh_sub_body .section_body.company h4 {
        font-size: 16px;
    }

    .wh_sub_body .section_body.company h4.mar_t20 {
        margin: 20px 0 0 0 !important;
    }

    .wh_sub_body .map_list dd {
        font-size: 14px;
    }
}

@media all and (max-width: 740px) {
    .wh_sub_body .toggle_top span.dib {
        display: block;
    }
}

@media all and (max-width: 500px) {
    .wh_sub_body .toggle_top {
        min-height: 45px;
        padding: 0 0 1px 0;
    }

    .wh_sub_body .toggle_top > .btn_nobg3.fr {
        top: 28px;
    }

    .wh_sub_body .add_list2 li > div.add_txt {
        margin: 0 0 0 0;
    }

    .wh_sub_body .add_list2 li > div.add_txt em {
        padding: 0 0 0 86px;
        display: inline-block;
        margin: 5px 0 0 0;
    }

    .wh_sub_body .shop_total_list > li > ul > li.shop_total_list_top > dl {
        padding: 4px 12px;
    }
}

.wh_sub_body .order_payment {
    font-size: 15px;
    color: #b6b0af;
	/*margin-bottom: 20px;*/
}

.wh_sub_body .order_payment input:-ms-input-placeholder {
    color: #b6b0af
}

.wh_sub_body .order_payment input::-webkit-input-placeholder {
    color: #b6b0af
}

.wh_sub_body .order_payment input:disabled {
    color: #898483;
    background: #413e3d;
    border-color: transparent;
}

.wh_sub_body .order_payment section > .section_header {
    margin-top: 10px
}

.wh_sub_body .order_payment .table_wrap_body td {
    padding: 10px 0 0;
    color: #313131;
}

.wh_sub_body .order_payment .table_wrap_body td.line_t {
    padding: 10px 0;
}

.wh_sub_body .order_payment .section_header {
    padding: 0 20px;
    width: 100%;
    background: #fff;
}

.wh_sub_body .order_payment .section_header h3 {
    padding: 20px 0;
    font-size: 18px;
    line-height: 18px;
    color: #313131;
    border-bottom: 1px solid #acacac
}

.wh_sub_body .order_payment .section_header + .section {
    margin-top: 0
}

.wh_sub_body .order_payment .payment_list > li {
    margin-top: 12px;
    line-height: 22px
}

.wh_sub_body .order_payment .payment_list > li:first-child {
    margin-top: 0;
}

.wh_sub_body .order_payment .payment_list .title {
    float: left;
    width: 180px;
    color: #313131;
    font-weight: bold;
}

.wh_sub_body .order_payment .payment_list .order_time {
    padding-left: 10px;
    color: #313131
}

.wh_sub_body .order_payment .payment_list .content {
    overflow: hidden;
    color: #313131;
}

.wh_sub_body .order_payment .payment_list .content .btn_nobg {
    margin: 0 0 0 4px;
    vertical-align: top
}

.wh_sub_body .order_payment .radio_type li label.radio_type_label {
    text-align: center;
    background: #acacac;
    border: 0;
    color: #fff;
}

.wh_sub_body .order_payment .radio_type li label.radio_type_label.active {
    border: 0;
    background: #ffc227;
    color: #000;
}

.wh_sub_body .order_payment .order_list {
    /* width: 700px */
}

.wh_sub_body .order_payment .order_list li {
    line-height: 22px
}

.wh_sub_body .order_payment .order_list li .name {
    padding-right: 10px;
    color: #313131;
}

.wh_sub_body .order_payment .order_list li .fr {
    color: #313131;
}

.wh_sub_body .order_payment .order_list li .totalAmount {
    color: #c8102e;
    font-weight: bold;
}

.wh_sub_body .order_payment .order_list + .txt {
    margin-top: 20px;
    line-height: 18px
}

.wh_sub_body .order_payment .order_list .total_price {
    margin-top: 15px;
    padding: 8px 0;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac
}

.wh_sub_body .order_payment .gold {
    color: #c8102e;
    font-weight: bold;
}

.wh_sub_body .order_payment .order_list .bl_box_ul em.gold {
    margin-left: 10px
}

.wh_sub_body .order_payment .comment .f13.point {
    display: inline-block
}

.wh_sub_body .order_payment .gold2 {
    line-height: 22px;
    font-size: 22px;
    color: #c8102e
}

.wh_sub_body .order_payment .f13 {
    font-size: 13px
}

.wh_sub_body .order_payment .input_txt {
    position: relative;
    display: inline-block
}

.wh_sub_body .order_payment .alliance.input_txt input {
    padding: 0 55px 0 10px
}

.wh_sub_body .order_payment .alliance.input_txt .btn_delete {
    position: absolute;
    right: 27px;
    top: 11px;
    width: 15px;
    height: 15px;
    background: url('../images/common/btn_delete.png') no-repeat 50% 50%;
    background-size: 12px 12px
}

.wh_sub_body .order_payment .input_txt input {
    padding: 0 30px 0 10px
}

.wh_sub_body .order_payment .member_info select {
    margin-right: 7px
}

.wh_sub_body .order_payment .member_info .input_txt {
    margin-right: 10px
}

.wh_sub_body .order_payment .member_info .w110 {
    min-width: initial
}

.wh_sub_body .order_payment .member_info .btn_table.gray {
    margin: 0;
    background: #70a401;
    color: #fff;
}

.wh_sub_body .order_payment .customer .time .radio_type {
    margin-right: -3px
}

.wh_sub_body .order_payment .customer input[type=text] {
    padding-right: 30px
}

.wh_sub_body .order_payment .customer .btn_table.gray {
    padding: 0
}

.wh_sub_body .order_payment .customer td {
    padding-bottom: 0
}

.wh_sub_body .order_payment .time .db {
    display: inline-block
}

.wh_sub_body .order_payment .th_float .input_txt:after {
    position: absolute;
    right: 9px;
    top: 10px;
    content: '원';
    font-size: 15px;
    color: #898483
}

.wh_sub_body .order_payment .th_float .input_txt.point input[type=text] {
    padding-right: 55px
}

.wh_sub_body .order_payment .th_float .input_txt.point:after {
    content: 'point'
}

.wh_sub_body .order_payment .comment .radio_tab {
    padding-bottom: 7px;
    overflow: visible;
}
.wh_sub_body .order_payment .comment .radio_tab:after {
    display: block;
    content:'';
    clear:both;
}

.wh_sub_body .order_payment .comment .radio_tab .sp_ico {
    overflow: hidden;
    display: inline-block;
    width: 80px;
    height: 24px;
    background: url('../images/common/sp_snspay.png') no-repeat 0 0;
    background-size: 67px 75px;
    text-indent: -99px
}

.wh_sub_body .order_payment .comment .radio_tab .sp_ico_payco {
    overflow: hidden;
    display: inline-block;
    width: 67px;
    height: 20px;
    background: url('../images/common/sp_payco.png') no-repeat 0 0;
    background-size: 100%;
    text-indent: -99px;
    margin: 0 0 0 2px;
}

.wh_sub_body .order_payment .comment .radio_tab #selectPaymentNaverPayLi .sp_ico {
    background-position: 0 -55px
}

.wh_sub_body .order_payment .comment .radio_tab1 {
    padding-top: 10px
}

.wh_sub_body .order_payment .comment .radio_tab1 li {
    padding-top: 7px
}

.wh_sub_body .order_payment .radio_tab input[type=text] {
    padding: 0;
    width: 39px
}

.wh_sub_body .order_payment .comment .radio_tab + .f13.gold {
    display: block;
    margin-top: -13px;
    padding-bottom: 15px
}

.wh_sub_body .order_payment .w440 {
    width: 440px;
    padding: 0 10px
}

.wh_sub_body .order_payment .am_box {
    margin-left: 1px
}

.wh_sub_body .order_payment .am_box input.am_box_c {
    height: 30px;
    line-height: 30px;
}

.wh_sub_body .order_payment .am_box button {
    width: 29px;
    height: 30px;
    line-height: 30px;
    color: #898483
}

.wh_sub_body .order_payment .customer {
    width: 706px
}

.wh_sub_body .order_payment .table_wrap_body th {
    width: 180px;
    padding: 10px 0 0;
    font-weight: bold;
}

.wh_sub_body .order_payment .table_wrap_body .now {
    padding: 10px 0 10px
}

.wh_sub_body .order_payment .table_wrap_body .check_allway {
    padding: 10px 0 17px 0
}

.wh_sub_body .order_payment .w55 {
    min-width: 55px;
    height: 30px;
    color: #313131
}

.wh_sub_body .order_payment .w55 option {
    color: #898483
}

.wh_sub_body .order_payment .w110 {
    min-width: 110px
}

.wh_sub_body .order_payment .w210 {
    width: 210px
}

.wh_sub_body .order_payment .w330 {
    width: 330px
}

.wh_sub_body .order_payment .phone select {
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .order_payment .phone select option {
    color: #898483
}

.wh_sub_body .order_payment .section .section_header > h3 {
    display: block
}

.wh_sub_body .order_payment h3 .toggle_top_btn {
    display: none
}

.wh_sub_body .order_payment .btn_list a span.w_hide {
    display: none
}

.wh_sub_body .order_payment .input_l1 .section_body {
    padding: 15px 20px 10px 20px
}

.wh_sub_body .order_payment .input_l2 .section_body {
    padding: 15px 20px 20px;
    margin: 0 0 0 0;
}

.wh_sub_body .order_payment .input_l2 .comment .orderinput_wrap {
    padding: 3px 0 0
}

.wh_sub_body .order_payment .input_r1 {
    padding: 0 20px 40px
}

.wh_sub_body .order_payment .giftcard td label {
    display: inline-block;
    cursor: pointer
}

.wh_sub_body .order_payment .giftcard td input:checked + label {
    background-position: 100% -42px
}

.wh_sub_body h3 .toggle_top_btn {
    float: right;
    display: block;
    width: 25px;
    height: 25px;
    background: url('../images/common/btn_toggle_top_off.png') right center no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    margin: 10px 0 0 0;
}

.wh_sub_body h3.active .toggle_top_btn {
    float: right;
    display: block;
    width: 25px;
    height: 25px;
    background: url('../images/common/btn_toggle_top_on.png') right center no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    margin: 10px 0 0 0;
}

.wh_sub_body .input_l {
    float: left;
    width: 67%;
    padding: 0 10px 0 0;
}

.wh_sub_body .input_r {
    position: absolute;
    right: 0px;
    width: 33%;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
}

.wh_sub_body .input_l1 {
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .input_l2 {
    margin: 10px 0 0 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
}

.wh_sub_body .orderinput_wrap {
    display: none;
    margin: 20px 0 0 0;
    padding: 20px 0;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
}

.wh_sub_body .orderinput_wrap.line_bn {
    padding: 20px 0 0 0;
    border-bottom: none;
}

.wh_sub_body .orderinput_wrap.no {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid #979797;
}

.wh_sub_body .orderinput_wrap.line_tn {
    border-top: none;
}

.wh_sub_body .bl_box_ul > li:first-child {
    margin: 0;
}

.wh_sub_body .bl_box_ul > li span.normal {
    font-size: 15px;
    color: #b6b0af;
}

.wh_sub_body .bl_box_ul > li span.normal2 {
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .bl_box_ul > li span.normal3 {
    font-size: 15px;
    color: #ffffff;
}

.wh_sub_body .bl_box_ul > li span.red {
    font-size: 15px;
    color: #ed1c24;
}

.wh_sub_body .bl_box_ul > li span.w {
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .bl_box_ul > li span.w2 {
    font-size: 15px;
    color: #313131;
    font-weight: bold;
}

.wh_sub_body .bl_box_ul > li span.gold {
    margin: 0 0 0 5px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .input_r1 .bl_box {
    padding-top: 0;
    border-top: 0
}

.wh_sub_body .input_r1 .bl_box li {
    padding: 18px 0
}

.wh_sub_body .input_r1 .bl_box ul > li {
    padding: 0 85px 0 0
}

.wh_sub_body .input_r1 .bl_box ul > li:after {
    display: none
}

.wh_sub_body .bl_box_ul > li strong.gold {
    margin: 0 0 0 5px;
    font-size: 15px;
    color: #fdd043;
}

.wh_sub_body .bl_box_ul > li strong.gold em {
    font-size: 15px;
    color: #fdd043;
}

.wh_sub_body .bl_box_ul > li span.fr {
    position: absolute;
    top: 0px;
    right: 0px
}

.wh_sub_body .bl_box_ul > li span.fr.red {
    color: #ed1c24;
}

.wh_sub_body .bl_box_ul > li span.fr em {
    vertical-align: top;
}

.wh_sub_body .bl_box > li {
    border-bottom: 1px solid #acacac
}

.wh_sub_body .btn_fixed {
    display: none;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .order_payment .input_tel {
        width: 100%;
    }
    .wh_sub_body .order_payment .member_info .input_txt.no_mg {
        max-width: 100%;
    }
    .wh_sub_body .order_payment .section {
        padding: 0 12px 20px;
    }

    .wh_sub_body .order_payment .payment_list {
        padding-top: 10px;
    }

    .wh_sub_body .order_payment .payment_list .title {
        position: relative;
        width: auto;
        padding-right: 15px;
        font-weight: bold;
    }

    .wh_sub_body .order_payment .payment_list .content {
        position: relative;
    }

    .wh_sub_body .order_payment .member_info .phone .content {
        padding: 0 103px 0 0;
    }

    .wh_sub_body .order_payment .input_txt {
        display: block;
        margin: 0 0 5px 0px;
    }

    .wh_sub_body .order_payment .input_txt input .mar_l5 {
        margin: 0;
    }

    .wh_sub_body .order_payment .member_info .btn_table.gray {
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        line-height: 29px;
    }

    .wh_sub_body input[type=text].m_full, input[type=password].m_full {
        width: 100%;
    }

    .wh_sub_body .order_payment .payment_list li:last-child .content {
        padding: 0 0 0 0;
    }

    .wh_sub_body .order_payment .payment_list li:last-child .content span {
        display: block;
    }

    .wh_sub_body .order_payment .payment_list .content .btn_nobg {
        position: absolute;
        right: 0;
        top: 0;
        width: 78px;
    }

    .wh_sub_body .order_payment .section_header {
        padding: 0 10px;
    }

    .wh_sub_body .order_payment .section_header h3 {
        padding: 0 0;
        line-height: 50px;
        font-size: 18px
    }

    .wh_sub_body .order_payment .order_list {
        padding: 10px 0 0 0;
        width: auto
    }

    .wh_sub_body .order_payment .order_list li .name {
        padding-right: 10px;
        font-size: 14px;
    }

    .wh_sub_body .order_payment h3 .toggle_top_btn {
        display: block;
        margin: 12px 0 0;
        width: 25px;
        height: 25px;
        background-size: 25px;
    }

    .wh_sub_body .input_l {
        float: none;
        width: 100%;
        padding: 0;
    }

    .wh_sub_body .order_payment .input_l2 {
        float: none;
        width: 100%;
        padding: 0;
    }

    .wh_sub_body .input_r {
        position: relative;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .btn_list.mid2 {
        padding: 0;
    }

    .wh_sub_body .btn_fixed .inner {
        background: #fff;
    }

    .wh_sub_body .btn_fixed .btn_list.mid2 .paymentBtn span {
        display: inline-block;
        line-height: 40px
    }

    .wh_sub_body .order_payment .input_l1 .section_body {
        padding: 10px 12px 10px;
    }

    .wh_sub_body .order_payment .w110 {
        width: 100%;
    }

    .wh_sub_body .order_payment .table_wrap_body.th_float th {
        display: inline-block;
        float: left;
        width: 83px;
        line-height: 18px;
    }

    .wh_sub_body .order_payment .table_wrap_body.th_float td {
        overflow: hidden;
        display: block;
        padding: 8px 0 8px 10px
    }

    .wh_sub_body .order_payment .input_l2 .section_body {
        padding: 10px 12px 30px;
    }

    .wh_sub_body .order_payment .section_body {
        position: relative;
    }

    .wh_sub_body .order_payment .order_proc {
        margin-top: 0;
    }

    .wh_sub_body .order_payment .input_r1 {
        margin: 5px 0 0 0;
        padding: 0 12px 18px;
    }

    .wh_sub_body .input_r1 {
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .order_payment .order_list li p {
        position: relative;
        padding: 0 100px 0 0;
    }

    .wh_sub_body .order_payment .order_list li p .fr {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0
    }

    .wh_sub_body h3.active .toggle_top_btn {
        background-size: 25px;
        width: 25px;
        height: 25px;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .order_payment .gold {
        text-align: right;
    }

    .wh_sub_body .order_payment .w440 {
        width: 100%;
    }
}

@media all and (max-width: 768px) {
	.wh_sub_body .order_payment {
		margin-bottom: 0;
	}
}

@media all and (max-width: 740px) {
    .wh_sub_body .btn_fixed {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 9999;
        width: 100%
    }

    .wh_sub_body .btn_fixed .btn_list a.size100p {
        width: 100%;
    }

    .wh_sub_body .event_sale .btn_list.mid2 {
        display: block;
    }

    .wh_sub_body .doublebox .btn_list.mid2 {
        display: block;
    }

    .wh_sub_body .btn_fixed .btn_list.mid2 {
        display: block;
    }

    .wh_sub_body .btn_fixed .btn_list.mid2 a {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    .wh_sub_body .input_r1 .bl_box {
        padding: 0 0 0 0;
    }

    .wh_sub_body .table_wrap_body.no_th th {
        font-size: 14px;
    }

    .wh_sub_body .order_payment .f13 {
        display: block;
        text-align: left;
        padding: 5px 0 0 0;
    }

    .wh_sub_body .order_payment .input_l2 .section_body {
        padding: 10px 12px 10px;
    }

    .wh_sub_body .input_r1 .bl_box li {
        padding: 16px 0;
    }

    .wh_sub_body .btn_fixed .btn_list.mid2.m_50p a {
        width: 100%;
        height: 51px;
        line-height: 50px;
    }
}

.wh_sub_body .order_detail li strong {
    color: #313131;
}

.wh_sub_body .section_box8 {
    padding: 40px 0 40px 120px;
    min-height: 83px;
}

.wh_sub_body .section_box8.section_box10 {
    position: relative;
}

.wh_sub_body .section_box8_tit {
    color: #c10a28;
    font-size: 15px;
    line-height: 15px;
}

.wh_sub_body .section_box8_tit.pd_t17 {
    padding-top: 10px;
}

.wh_sub_body .section_box8_tit:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url('../images/white_ver/double_notice.jpg') no-repeat;
    vertical-align: middle;
}

.wh_sub_body .custom .section_box8 {
    padding: 23px 0 20px 0;
    min-height: 100px;
}

.wh_sub_body .custom .section_box8_tit {
    font-size: 19px;
}

.wh_sub_body .custom .section_box8_tit:before {
    background: #fff;
    width: 0;
    height: 0;
}

.wh_sub_body .order_detail_wrap {
    margin-top: 20px;
    text-align: center
}

.wh_sub_body .order_detail {
    display: block;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    white-space: nowrap;
    font-size: 0
}

.wh_sub_body .order_detail li {
    position: relative;
    display: inline-block;
    width: 120px;
    margin-left: 105px;
    vertical-align: top;
    font-size: 14px;
    color: #898483
}

.wh_sub_body .order_detail li:first-child {
    margin-left: 0
}

.wh_sub_body .order_detail li:last-child {
    margin-right: 0
}

.wh_sub_body .order_detail li:first-child:after {
    display: none
}

.wh_sub_body .order_detail li:after {
    content: '';
    clear: both;
    position: absolute;
    left: -112px;
    top: 0;
    width: 122px;
    height: 120px;
}

.wh_sub_body .order_detail li img {
    max-width: 100%
}

.wh_sub_body .order_detail li .on {
    display: block
}

.wh_sub_body .order_detail li .off {
    display: none
}

.wh_sub_body .order_detail li.active {
    color: #fff
}

.wh_sub_body .order_detail li.active .on {
    display: none
}

.wh_sub_body .order_detail li.active .off {
    display: block
}

.wh_sub_body .order_detail li span {
    display: block
}

.wh_sub_body .order_detail li div.hide {
    display: none
}

.wh_sub_body .order_detail li strong {
    display: inline-block;
    position: relative;
    margin-top: 19px;
    line-height: 18px;
    font-weight: normal
}

.wh_sub_body .order_detail li.active strong:after {
    content: '';
    clear: both;
    position: absolute;
    left: -10px;
    top: 5px;
    width: 12px;
    height: 9px;
    background-size: 100%;
    margin-right: 4px;
    background: url('../images/common/ico_check.png') center center no-repeat
}

.wh_sub_body .order_detail.step2 li {
    margin-left: 60px
}

.wh_sub_body .order_detail.step2 li:first-child {
    margin-left: 0
}

.wh_sub_body .order_detail.step2 li:after {
    left: -60px;
    width: 60px
}

@media all and (max-width: 1170px) {
    .wh_sub_body .order_detail.step2 li {
        margin: 0 1px;
    }

    .wh_sub_body .order_detail li {
        width: 18%;
        margin-left:7%;
    }

    .wh_sub_body .order_detail li div {
        margin: 0 0px;
    }

    .wh_sub_body .order_detail.step2 li strong i {
        display: block;
    }

    .wh_sub_body .order_detail li strong {
        margin: 10px 0 0 0;
    }

}

@media all and (max-width: 1024px) {
    .wh_sub_body .section .section_header p {
        font-size: 18px;
        line-height: 23px;
    }

    .wh_sub_body .table_view li dl {
        overflow: hidden;
        display: block;
        width: 100%;
        min-height: 33px;
        padding: 20px 0 0 130px;
    }

    .wh_sub_body .table_view li.full dl {
        padding: 0;
        border-bottom: none;
    }

    .wh_sub_body .table_view li dl:first-child {
        padding: 0 0 20px 130px;
        border-bottom: 1px solid #acacac;
    }

    .wh_sub_body .table_view li.full.last2 dl:first-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .wh_sub_body .order_detail li span {
    }

    .wh_sub_body .table_view li dl dt {
        margin: 0;
        font-weight: bold;
    }

    .wh_sub_body .table_view li dl:first-child dt {
        margin: -15px 0 0 0;
        font-weight: bold;
    }

    .wh_sub_body .table_view li dl dd a.btn_nobg {
        display: block;
        width: 76px;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .table_view li.full dl dd {
        padding: 0 0;
    }

    .wh_sub_body .detail_list > li {
        padding: 20px 0 20px 110px;
        text-align: left;
    }

    .wh_sub_body .detail_list > li img {
        left: 0px;
    }

    .wh_sub_body .detail_list > li div.detail_list_con1 {
        display: block;
        width: 100%;
        padding: 0;
    }

    .wh_sub_body .detail_list > li div.detail_list_con2 {
        overflow: hidden;
        display: block;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .detail_list > li div span.gold {
        width: auto;
        line-height: 26px;
    }

    .wh_sub_body .detail_list > li div strong.w {
        width: auto;
        line-height: 26px;
        float: right;
    }

    .wh_sub_body .order_total > li > ul {
        width: 100%;
    }

    .wh_sub_body .order_total > li > dl {
        width: 100%;
    }

    .wh_sub_body .section_box8_tit {
        line-height: 17px;
    }

    .wh_sub_body .section_box8_tit.pd_t17 {
        padding: 0 0 0 0;
    }
}

@media all and (max-width: 500px) {
    .wh_sub_body .order_detail li div {
        margin: 0 6px;
    }

    .wh_sub_body .section_body span i {
        display: block;
    }

    .wh_sub_body .order_detail li img {
        max-width: 90%;
    }

    .wh_sub_body .order_detail li strong {
        margin-top: 11px;
    }
}

.wh_sub_body .tooltip_sale {
    margin: 30px 0;
    border-bottom: 1px solid #e0dedd
}

.wh_sub_body .tooltip_sale > li {
    border-top: 1px solid #e0dedd
}

.wh_sub_body .tooltip_sale li dl {
    display: table;
    width: 100%;
    table-layout: fixed
}

.wh_sub_body .tooltip_sale li dl dt {
    position: static;
    display: table-cell;
    width: 90px;
    padding: 15px 10px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    background: #635d5b
}

.wh_sub_body .tooltip_sale li dl dd {
    display: table-cell;
    width: auto;
    font-size: 13px;
    color: #333;
    line-height: 20px;
}

.wh_sub_body .tooltip_sale li dl dd .name {
    color: #413e3d
}

.wh_sub_body .tooltip_sale li dl dd .dsc {
    margin: 8px 0 9px 15px
}

.wh_sub_body .tooltip_sale li dl dd .dsc li {
    position: relative;
    padding: 5px 0 0 6px;
    color: #898483
}

.wh_sub_body .tooltip_sale li dl dd .dsc li:after {
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 12px;
    width: 2px;
    height: 2px;
    background: #6d6b6a
}

.wh_sub_body .section .section_header .guideMsg_wrap {
    position: absolute;
    right: 10px;
    top: 17px;: 0
}

.wh_sub_body .section .section_header .guideMsg_wrap.pizza_detail {
    padding: 0 0 10px 10px;
    position: static;
}

.wh_sub_body .section .section_header .guideMsg_wrap.pizza_detail .guideMsg {
    margin-top: 10px;
}

.wh_sub_body .section .section_header .guideMsg_wrap.pizza_detail .guideMsg:nth-child(1) {
    margin-top: 0;
}

.wh_sub_body .section .section_header .guideMsg_wrap .guideMsg {
    margin: 0;
    font-size: 13px;
    color: #c10a28;
    line-height: 15px;
    text-align: left;
}

.wh_sub_body .detail_box {
    *zoom: 1;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-top: none;
}

.wh_sub_body .detail_box:after {
    content: "";;
    display: block;
    clear: both;
}

.wh_sub_body .share_sns_area {
    display: none
}

.wh_sub_body .detail_view {
    display: none;
}

.wh_sub_body .pizza_detail .table_list_type3 {
    margin: 20px 0;
}

.wh_sub_body .detail_slide_wrap {
    overflow: hidden;
    height: 205px;
    margin-top: 40px;
    width: 100%
}

.wh_sub_body .detail_slide_wrap > div {
    display: none;
}

.wh_sub_body .detail_slide_wrap > div:first-child {
    display: block;
}

.wh_sub_body .detail_slide_wrap .bx-wrapper .bx-controls-direction a {
    width: 15px;
    height: 25px;
}

.wh_sub_body .detail_slide_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -50px;
    bottom: 120px;
    margin: 0;
    background: url('../images/white_ver/btn_bx_r5.png') left top no-repeat;
    background-size: 15px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.wh_sub_body .detail_slide_wrap .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.wh_sub_body .detail_slide_wrap .bx-wrapper .bx-controls-direction a.bx-next {
    right: -50px;
    bottom: 120px;
    margin: 0;
    background: url('../images/white_ver/btn_bx_l5.png') left top no-repeat;
    background-size: 15px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.wh_sub_body .detail_slide_wrap .bx-wrapper .bx-controls-direction a.bx-next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.wh_sub_body .detail_slide {
    font-size: 0px;
    text-align: center;
}

.wh_sub_body .detail_slide li {
    display: inline-block;
    width: 218px !important;
    height: 248px;
    margin: 0 14px;
    border: none;
    text-align: center;
}

.wh_sub_body .detail_slide li div {
    display: block;
    height: 140px;
    padding: 0 27px;
    border-bottom: none;
    line-height: 140px;
}

.wh_sub_body .detail_slide li div img {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.wh_sub_body .detail_slide li strong {
    display: block;
    margin: 10px 0 3px 0;
    padding: 0 20px;
    font-size: 14px;
    color: #313131;
    font-weight: normal;
    line-height: 18px;
}

.wh_sub_body .detail_slide li span {
    display: block;
    margin: 7px 0 11px 0;
    font-size: 11px;
    color: #313131;
}

.wh_sub_body .detail_slide li em {
    font-size: 14px;
    color: #313131;
    font-weight: 700;
    text-decoration: initial;
}

.wh_sub_body .detail_slide li .orgin {
    margin-right: 10px;
    font-size: 12px;
    color: #b9b6b5;
    text-decoration: line-through;
}

.wh_sub_body .detail_slide li .dis {
    color: #ed1c24;
}

.wh_sub_body .btn_list.mid2 {
    width: 100%;
}

.wh_sub_body .detail_slide_wrap {
    overflow: hidden;
    height: 248px;
    margin-top: 0
}

.wh_sub_body .pizza_detail .table_list_type3.wh_w_hide {
    display: none;
}

.wh_sub_body .section .section_body .membership_part table {
    border: none;
    text-align: center;
}

.wh_sub_body .section .section_body .membership_part table td {
    border: none;
    padding: 12px 0;
    color: #8a8484;
    line-height: 20px;
    color: #313131;
}

/*.wh_sub_body .section_body.wh_bottom_button {*/
    /*min-height: 60px;*/
/*}*/

@media all and (max-width: 1024px) {
    .wh_sub_body .detail_slide li strong {
        margin: 5px 0 3px 0;
    }

    .wh_sub_body .detail_box_img_wrap {
        float: none;
        width: 100%;
        padding: 0 0 4px 0;
        overflow: hidden;
    }

    .wh_sub_body .detail_box_con_wrap {
        float: none;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .detail_box_con_dl {
        position: relative;
    }

    .wh_sub_body .detail_box_con_dl > dt {
        display: none;
    }

    .wh_sub_body .detail_box_con_dl > dd {
        width: 100%;
    }

    .detail_box_con_dl3 dt {
        width: 93px;
        font-size: 13px;
    }

    .wh_sub_body .section.wh_section_detail {
        padding: 10px 10px 10px 10px;
    }

    .wh_sub_body .section .section_header > h3.line_b {
        font-size: 18px;
        margin: 0 0 10px 0;
    }

    .wh_pizza_detail .wh_section_header .sns_icon {
        display: none;
    }

    .wh_sub_body .share_sns_area {
        display: block;
        position: absolute;
        right: 13px;
        top: 6px
    }

    .wh_sub_body .share_sns_area .tooltip_bt {
        width: 19px;
        height: 20px;
        background: url('../images/pizza/ico_sns.png') no-repeat 0 0;
        background-size: 19px 20px
    }

    .wh_sub_body .share_sns_area .tooltip_wrap {
        left: auto;
        right: 0;
        width: 252px;
    }

    .wh_sub_body .share_sns_area .share_sns {
        overflow: hidden;
        margin: 0 0 10px
    }

    .wh_sub_body .share_sns_area .share_sns li {
        float: left;
        width: 110px;
        height: 30px;
        margin-top: 10px;
        font-size: 13px
    }

    .wh_sub_body .share_sns_area .share_sns img {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 5px
    }

    .wh_sub_body .share_sns_area .share_sns .txt {
        display: inline-block;
        line-height: 30px
    }

    .wh_pizza_detail .wh_section_header {
        margin: 10px 0 0 0;
        padding: 5px 0 10px 0;
    }

    .wh_pizza_detail .wh_section_header h2 {
        font-size: 17px;
        padding: 12px 0 0 0;
        text-align: center;
    }

    .wh_pizza_detail .wh_section_header p {
        padding: 10px 21px 5px 21px;
        line-height: 19px;
    }

    .wh_sub_body .pizza_detail .table_list_type3.wh_m_hide {
        display: none;
    }

    .wh_sub_body .pizza_detail .table_list_type3.wh_w_hide {
        display: block
    }

    .wh_sub_body .pizza_detail .table_list_type3.wh_w_hide {
        display: table;
    }

    .wh_sub_body .pizza_detail .table_list_type3 {
        margin-top: 0;
    }

    .wh_pizza_detail .detail_box_con_dl2 dt {
        width: 93px;
    }

    .wh_pizza_detail .detail_box_con_dl3 dt {
        width: 93px;
    }

    .wh_sub_body .section .section_body .membership_part {
        margin: 0px 0;
    }

    .wh_sub_body .section .section_body .membership_part h3.gray_box {
        font-size: 15px;
        margin: 0 0 15px 0;
    }

    .wh_sub_body .section .section_body .membership_part h3.gray_box span {
        font-size: 13px;
        margin: 0 5px 0 0;
    }

    .wh_sub_body .section .section_body .membership_part li {
        padding-bottom: 10px;
        font-size: 13px;
    }

    .wh_sub_body .event_sale .section_body .membership_part li {
        padding: 0 0 0 10px;
    }

    .wh_sub_body .section .section_body .membership_part table td {
        font-size: 14px;
    }

    .wh_sub_body .section .section_body .membership_part table td.left {
        text-align: left;
    }

    .wh_sub_body .event_sale .benefit_list3 li.box01 {
        width: 100%;
    }

    .wh_sub_body .event_sale .benefit_list3 .box01.left {
        margin: 15px 0 0 0
    }

    .wh_sub_body .event_sale .benefit_list3 .box01.left.top {
        margin: 0 0 0 0;
    }

    .wh_sub_body .event_sale .benefit_list3 .box01.right {
        margin: 15px 0 0 0
    }

    .wh_sub_body .event_sale .benefit_list3 .box01:last-child {
        margin: 10px 0 20px 0;
    }

}

@media all and (max-width: 740px) {
    .wh_sub_body .detail_box_con_wrap .btn_list {
        display: none;
    }

    .wh_sub_body .section .section_header > h3.line_b {
        font-size: 15px;
    }

    .wh_sub_body .section .section_header .guideMsg_wrap {
        position: static;
        right: initial;
        bottom: initial;
        margin: -5px 0 5px 0
    }

    .wh_sub_body .topping_ul li span.item_img {
        width: 90px;
        height: 90px;
    }
}

@media all and (max-width: 500px) {
    .wh_sub_body .detail_slide_wrap {
        height: 200px;
    }

    .wh_sub_body .detail_box_con_wrap .btn_list {
        display: none;
    }

    .wh_sub_body .section .section_header > h3.line_b {
        font-size: 15px;
        padding: 5px 13px;
    }

    .wh_sub_body .section .section_header .guideMsg_wrap {
        position: static;
        right: initial;
        bottom: initial;
        margin: -5px 0 9px 0
    }

    .wh_sub_body .topping_ul li span.item_img {
        width: 70px;
        height: 70px;
    }

    .wh_sub_body .detail_slide li div {
        padding: 0 0;
    }

    .wh_sub_body .detail_box_con_dl3 dt {
        display: none;
    }

    .wh_sub_body .section_checkbox_p {
        line-height: 35px;
    }

    .wh_sub_body .section_checkbox li {
        padding: 6px 0 9px 10px;
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .section .section_body .membership_part h3.gray_box {
        line-height: 20px;
    }
}

.wh_sub_body .mypage_list.line_t {
    border-top: 0;
}

.wh_sub_body .mypage_list li {
    overflow: hidden;
    padding: 8px 0 20px 0;
    margin: 0 0 20px 0;
    border: none;
    background: #f0f0f0;
    vertical-align: top;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .mypage_list li .nodata {
    color: #313131;
    text-align: center;
}

.wh_sub_body .mypage_list_con {
    float: left;
}

.wh_sub_body .mypage_list_con div {
    vertical-align: top;
}

.wh_sub_body .mypage_list_con div img {
    width: 54px;
    line-height: 47px;
    margin: 5px 0 0 0;
}

.wh_sub_body .mypage_list_img {
    display: inline-block;
    margin: 0 20px 0 20px;
    min-width: 150px;
    text-align: center;
}

.wh_sub_body .mypage_list_img span {
    font-size: 12px;
    color: #000;
    background: #ffc227;
    padding: 3px 10px;
    border-radius: 10px;
}

.wh_sub_body .mypage_list_txt {
    display: inline-block;
}

.wh_sub_body .mypage_list_txt span.b {
    font-size: 13px;
    color: #313131;
}

.wh_sub_body .mypage_list_txt strong {
    display: block;
    margin: 4px 0 0 0;
    font-size: 22px;
    color: #313131;
    font-weight: normal;
    line-height: 22px;
}

.wh_sub_body .mypage_list_txt strong a {
    font-size: 17px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .mypage_list_txt span.w {
    font-size: 17px;
    color: #313131;
}

.wh_sub_body .mypage_list_txt strike {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 14px;
    color: #acacac;
}

.wh_sub_body .mypage_list_btn {
    float: right;
    text-align: right;
    margin: 10px 20px 0 0;
    font-size: 0px;
}

.wh_sub_body .mypage_list_btn span {
    display: block;
    margin: 20px 0 0 10px;
    font-size: 13px;
    color: #313131;
    font-weight: bold;
}

.wh_sub_body .mypage_list_btn > a {
    min-width: 85px;
    margin: 0 0 0 10px;
    vertical-align: top;
    background: #c10a28;
    border-radius: 10px;
    border: 0;
    color: #fff;
}

.wh_sub_body .mypage_list_btn > a:hover {
    min-width: 85px;
    margin: 0 0 0 10px;
    vertical-align: top;
    background: #c10a28;
    border-radius: 10px;
    border: 0;
    color: #fff;
}

.wh_sub_body .mypage_list_btn > a:first-child {
    margin: 0;
}

.wh_sub_body .box4 {
    margin: 0 -2px;
    overflow: hidden
}

.wh_sub_body .box4 > li {
    float: left;
    width: 50%;
    height: 60px;
    padding: 5px;
    margin: 0 0 10px 0;
    text-align: center;
    vertical-align: top
}

.wh_sub_body .box4 > li > dl {
    display: block;
    width: 100%;
    height: 60px;
    padding: 10px 0;
    background: #f5f5f5;
}

.wh_sub_body .box4 > li > dl > dt {
    font-size: 15px;
    color: #313131;
    float: left;
    padding: 10px 0 0 15px;
}

.wh_sub_body .box4 > li > dl > dd {
    margin: 0 0 0 0;
    float: right;
    padding: 0 15px 0 0;
}

.wh_sub_body .box4 > li > dl > dd strong {
    margin: 0 3px 0 0;
    font-size: 24px;
    color: #c10a28;
    font-weight: normal;
}

.wh_sub_body .box4 > li > dl > dd span {
    font-size: 18px;
    color: #c10a28;
}

.wh_sub_body .section_box8.section_box9 {
    padding: 0 0 0 0;
    min-height: 35px;
}

.wh_sub_body .section_box6_txt p {
    color: #313131;
    font-size: 15px;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .mypage_list li {
        padding: 10px 10px 15px 0;
        margin: 0 0 10px 0;
    }

    .wh_sub_body .mypage_list_con {
        float: none;
        position: relative;
        padding: 0 0 0 150px;
    }

    .wh_sub_body .mypage_list_img {
        position: absolute;
        left: 0;
        top: 0px;
        margin: 0;
    }

    .wh_sub_body .mypage_list_btn {
        float: none;
        margin: 20px 0 0 0;
    }

    .wh_sub_body .mypage_list_btn span {
        display: inline-block;
        margin: 3px 0 0 8px;
    }

    .wh_sub_body .mypage_list_txt strong a {
        font-size: 14px;
    }

    .wh_sub_body .mypage_list_txt span.w {
        font-size: 14px;
    }

    .wh_sub_body .mypage_list_txt strong {
        margin: 4px 0 3px 0;
    }

    .wh_sub_body .mypage_list_img span {
        padding: 1px 6px;
    }

    .wh_sub_body .mypage_list_con div {
        padding: 0 0 0 11px;
    }

    .wh_sub_body .box4 > li {
        margin: 0 0 0 0;
    }

    .wh_sub_body .section_box6_txt p {
        font-size: 13px;
        line-height: 17px;
    }
}

@media all and (max-width: 740px) {
    .wh_sub_body .box4 > li {
        height: auto
    }

    .wh_sub_body .box4 > li > dl > dd strong {
        margin: 0 0 0 0;
        font-size: 19px;
        color: #c10a28;
        font-weight: normal;
    }

    .wh_sub_body .box4 > li > dl {
        display: block;
        width: 100%;
        height: auto;
        padding: 14px 0;
        background: #f5f5f5;
    }

    .wh_sub_body .box4 > li > dl > dt {
        font-size: 15px;
        color: #313131;
        float: none;
        padding: 0 0 5px 15px;
        text-align: left;
    }

    .wh_sub_body .box4 > li > dl > dd {
        margin: 0 0 0 0;
        float: none;
        padding: 0 15px 0 0;
        text-align: left;
        padding: 0 0 0 15px;
    }
}

@media all and (max-width: 740px) {
    .wh_sub_body .mypage_list_btn {
        margin: 10px 0 0 0;
    }

    .wh_sub_body .mypage_list_con div img {
        width: 50px;
        margin: 15px 0 0 0;
    }

    .wh_sub_body .mypage_list_btn span {
        margin: 3px 0 0 8px;
        font-size: 14px;
        font-weight: normal;
    }

    .wh_sub_body .mypage_list_btn > a {
        min-width: 90px;
    }
}

@media all and (max-width: 1024px) {
    .wh_sub_body .table_wrap_body th {
        display: none;
    }

    .wh_sub_body .table_wrap_body.no_th th {
        display: block;
        width: 200px;
    }

    .wh_sub_body .tab_input_con1 {
        margin: 0;
        padding: 9px 0;
    }

    .wh_sub_body .tab_input_con2 {
        margin: 0
    }

    .wh_sub_body .td_poa {
        right: 0px;
    }

    .wh_sub_body .td_poa3 {
        left: 0px;
    }

    .table_wrap_body.table_w1050, .table_wrap_body.table_w830, .table_wrap_body.table_w700, .table_wrap_body.table_w637 {
        width: 100%;
    }
}

.wh_sub_body .mypage .section_box8_tit {
    color: #c10a28;
    font-size: 22px;
    line-height: 25px;
}

.wh_sub_body .mypage .section_box8_tit:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    background: #fff;
}

.wh_sub_body .mypage .section_box6_txt p {
    font-size: 15px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.wh_sub_body .mypage .section_box6_txt p span {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #313131;
}

/* 퀵 - 상단링크 */
.wh_sub_body .aside_link_wrap {
    height: auto;
    margin: 10px 0 0 20px;
    width: 90px;
}

.wh_sub_body .aside_link_wrap .best10 {
    margin: 0 0 10px 0;
}

.wh_sub_body .aside_link {
    width: 90px;
    padding: 5px 0 0 0;
    border-top: 10px solid #c10a28;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .aside_link > li {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
    margin: 0 10px 10px 10px;
    border-bottom: 1px solid #acacac
}

.wh_sub_body .aside_link > li:last-child {
    border: 0;
    margin-bottom: 0
}

.wh_sub_body .aside_link > li.aside_link0 {
    background: url('../images/white_ver/quick_best10.png') center 0px no-repeat #fdd043;
}

.wh_sub_body .aside_link > li.aside_link1 {
    background: url('../images/white_ver/ico_quick1.png') center 15px no-repeat #fff;
}

.wh_sub_body .aside_link > li.aside_link2.vip {
    background: url('../images/white_ver/ico_vip.png') center 5px no-repeat #fff;
}

.wh_sub_body .aside_link > li.aside_link2.gold {
    background: url('../images/white_ver/ico_gold.png') center 5px no-repeat #fff;
}

.wh_sub_body .aside_link > li.aside_link2.red {
    background: url('../images/white_ver/ico_red.png') center 5px no-repeat #fff;
}

.wh_sub_body .aside_link > li.aside_link2.normal {
    background: url('../images/white_ver/ico_normal.png') center 5px no-repeat #fff;
}

.wh_sub_body .aside_link > li.aside_link2.none {
    background: url('../images/white_ver/ico_nomember.png') center 5px no-repeat #fff;
}

.wh_sub_body .aside_link > li.aside_link2 {
    background: url('../images/white_ver/ico_quick2.png') center 5px no-repeat #fff;
}

.wh_sub_body .aside_link > li.aside_link3 {
    background: url('../images/white_ver/ico_quick3.png') center 14px no-repeat #fff;
}

.wh_sub_body .aside_link > li > a {
    position: relative;
    display: block;
    width: auto;
    height: 80px;
    padding: 47px 0 10px 0;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    color: #000;
}

.wh_sub_body .aside_link > li > a > span {
    position: absolute;
    left: 7px;
    top: 5px;
    display: block;
    width: 19px;
    height: 19px;
    line-height: 18px;
    padding: 0;
    background: #ff0000;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
}

.wh_sub_body .aside_link > li.aside_link1 > a > span {
    position: absolute;
    left: 12px;
    top: 7px;
    display: block;
    padding: 0;
    width: 19px;
    height: 19px;
    line-height: 18px;
    background: #ff0000;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
}

.wh_sub_body .aside_link > li.vip a {
    color: #000;
}

.wh_sub_body .aside_link > li.gold a {
    color: #987900;
}

.wh_sub_body .aside_link > li.red a {
    color: #ce0321;
}

.wh_sub_body .aside_link > li.normal a {
    color: #8b8b8b;
}

.wh_sub_body .aside_link > li.none a {
    color: #313131;
}

/* 퀵 - 하단 오늘본상품, 탑버튼 */
.wh_sub_body .aside_bottom {
    position: relative;
    width: 144px;
    height: auto;
    padding: 0 34px 0 20px;
}

.wh_sub_body .aside_list_wrap {
    overflow: hidden;
    height: 113px;
    padding: 0 0 21px 0;
    border-top: 1px solid #000;
    background: #fef1c7 url('../images/common/bg_aside_list.png') no-repeat 0 0
}

.wh_sub_body .aside_list {
    width: 93px
}

.wh_sub_body .aside_list li a {
    display: block;
    height: 91px;
    text-align: center;
    background: #fef1c7
}

.wh_sub_body .aside_list li:first-child a {
    border-top: none;
}

.wh_sub_body .aside_list li a img {
    display: inline-block;
    width: 60px;
    height: 44px;
    margin: 10px 0;
}

.wh_sub_body .aside_list li a span {
    display: block;
    font-size: 11px;
    color: #000;
    line-height: 13px;
    letter-spacing: -1px;
}

.wh_sub_body .aside_list_wrap .bx-viewport {
    height: auto !important
}

.wh_sub_body .aside_list_wrap .bx-wrapper .bx-controls-direction a {
    border-top: 1px solid #000
}

.wh_sub_body .aside_list_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
    display: inline-block;
    left: 0px;
    top: 92px;
    width: 46px;
    height: 21px;
    background: url('../images/common/btn_aside_up.jpg') left top no-repeat;
}

.wh_sub_body .aside_list_wrap .bx-wrapper .bx-controls-direction a.bx-next {
    display: inline-block;
    right: 0px;
    top: 92px;
    width: 44px;
    height: 21px;
    background: url('../images/common/btn_aside_down.jpg') left top no-repeat;
}

.wh_sub_body .aside_btn {
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
    font-size: 0px;
}

.wh_sub_body .aside_btn li {
    display: inline-block;
}

.wh_sub_body .aside_topBtn {
    display: block;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

/* 퀵 - 최근주문 */

/* 20180207 최근주문 팝업 css 수정 */
.wh_sub_body .self_pop_pc .self_pop_wrap {
    display: none;
    position: fixed;
    left: 50%;;
    transform: translate(-50%, 0);
    top: 180px;
    width: 360px;
    height: 490px;
    text-align: left;
    border: 0;
    background: #ffffff;
    z-index: 31;
    border-radius: 10px;
}

.wh_sub_body .self_pop_wrap3 {
    display: none;
    position: absolute;
    right: 0px;
    top: 68px;
    width: 248px;
    text-align: left;
    border: 2px solid #000000;
    background: #ffffff;
}

.wh_sub_body .self_pop_wrap .self_tit {
    display: block;
    height: 40px;
    padding: 13px 16px 6px 16px;
    background-color: none;
    font-weight: bold;
    font-size: 16px;
    color: #313131;
    width: 100%;
    text-align: center;
}
.wh_sub_body .self_pop_wrap .self_tit1 {
    display: block;
    height: 40px;
    padding: 13px 0 6px 0;
    background-color: none;
    font-weight: bold;
    font-size: 16px;
    color: #313131;
    width: 100%;
    text-align: center;
}

.wh_sub_body .self_pop {
    position: relative
}

.wh_sub_body .self_pop_con_wrap {
    padding: 22px 15px 21px 15px;
    margin: 52px 0 0 0;
    background: #e9e9e9;
}

.wh_sub_body .self_pop_card_wrap {
    padding: 22px 15px 22px 15px;
    margin:10px 0 22px 0;
    height:140px;
    background: #e9e9e9;
}
.wh_sub_body .self_pop_card_wrap .card_number{
    text-align:center;
    width:95%;
    margin:0 auto 10px;
    height:30px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    line-height:29px;
}

.wh_sub_body .self_pop_card_wrap .couponNumber{
    text-align:center;
    width:95%;
    margin:0 auto 10px;
    height:30px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    line-height:29px;
}

.wh_sub_body .self_pop_card_wrap .card_number:last-child{
     margin-bottom:0px;
 }

.wh_sub_body .self_pop_card_wrap .couponNumber:last-child{
    margin-bottom:0px;
}

.wh_sub_body .self_pop_card_wrap .card_barcode{
    text-align:center;
    width:95%;
    margin:0 auto 10px;
    height:30px;
    background: #fff;
    line-height:29px;
}

.wh_sub_body .self_pop_con_wrap .bx-controls {
    position: absolute;
    left: 0;
    top: -64px;
    width: 95%;
    margin: 0 0 0 8px;
}

/* 20180222 추가작업 시작*/
.wh_sub_body .self_pop_con_wrap .free_fondue{
    width:95%;
    margin:13px auto -3px;
    font-size:13px;
    text-align:right;
}
.wh_sub_body .self_pop_con_wrap .free_fondue_m{
    width:95%;
    margin:7px auto 5px;
    font-size:13px;
    text-align:right;
}
/* 20180222 추가작업 종료*/

.wh_sub_body .self_pop_con_wrap .self_pop_con_item {
    width: 95%;
    margin: 0 0 0 8px;
}

.wh_sub_body .self_pop_con_wrap .bx-wrapper .bx-pager.bx-default-pager {
    padding: 0;
    font-size: 0px;
    text-align: left;
    padding: 0 0 0 0;
}

.wh_sub_body .self_pop_con_wrap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 100%;
    height: 27px;
    border-radius: 0;
    margin: 0 0 0 0;
    font-size: 13px;
    font-weight: normal;
    color: #313131;
    border-right: 1px solid #fff;
    line-height: 29px;
    text-align: center;
    text-indent: 0px;
    background: #e9e9e9;
}

.wh_sub_body .self_pop_con_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wh_sub_body .self_pop_con_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    color: #fff;
    background: #313131;
}

.wh_sub_body .self_pop_con_wrap .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    width: 33.333333%
}

.wh_sub_body .self_pop_con_item ul {
    overflow-y: auto;
    height: 80px;
    padding: 12px 0 0 0;
    width: 100%;
    background: url('../images/white_ver/pop_line_bg.jpg') no-repeat #fff;
    background-size: 100%;
    background-position: bottom center;
}

.wh_sub_body .self_pop_con_item ul.order_pop_type {
    height: 70px;
}

.wh_sub_body .self_pop_con_item ul.add_box {
    height: 89px;
    padding: 12px 10px 0 0
}

.wh_sub_body .self_pop_con_item ul li {
    margin: 0;
    background: none;
    background-size: 5px 5px;
    line-height: 20px;
    font-size: 15px;
    color: #313131;
    font-weight: bold;
    padding: 0 0 0 16px
}

.wh_sub_body .self_pop_con_item ul.last_box li {
    padding: 0 0 2px 16px;

}
.wh_sub_body .self_pop_con_item ul.last_box li .l {
    float: left;
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wh_sub_body .self_pop_con_item ul.last_box li .r {
    float: right;
    padding: 0 23px 0 0;
    font-weight: normal;
    color: #9a9a9a;
}

.wh_sub_body .self_pop_con_item ul li:first-child {
    font-weight: normal;
    font-size: 13px;
    padding: 0 0 1px 16px
}

.wh_sub_body .self_pop_con_item ul li:last-child {
    padding: 0 0 0 16px
}

.wh_sub_body .self_pop_con_item ul li span.order_pop_list {
    color: #9a9a9a;
}

.wh_sub_body .self_pop_con_item ul.last_box {
    height: 96px;
    overflow-y: hidden;
    border-bottom: 0;
}

.wh_sub_body .self_pop_con_item ul.last_box.overflow_scroll {
    overflow-y: auto
}

.wh_sub_body .self_pop_con_item ul.last_box {
    background: url('../images/white_ver/order_pop_zg.jpg') no-repeat #fff;
    background-position: bottom;
    background-size: 100%;
}

.wh_sub_body .mobile .self_pop_con_item ul.last_box {
    background: url('../images/white_ver/order_pop_zg.jpg') no-repeat #fff;
    background-position: bottom;
    background-size: 100%;
}

.wh_sub_body .self_pop_con_p {
    margin: 10px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 0;
    text-align: right;
    border-top: 1px solid #acacac;
}

.wh_sub_body .tot .self_pop_con_p {
    position: absolute;
    bottom: -37px;
    left: 0;
    width: 100%;
    margin: 9px 0 0 0;
    padding: 0 22px;
    border-top: 0;
    text-align: right;
    border-top: 0
}

em {
    font-weight: bold;
    font-size: 14px;
    color: #c10a28;
}

.wh_sub_body .self_pop_con_p span {
    margin: 1px 0 0 2px;
    font-size: 15px;
    color: #c10a28;
}

.wh_sub_body .self_pop_con_p em {
    font-size: 15px;
}

.wh_sub_body .self_pop_con_p span:first-child {
    color: #000;
    float: left;
}

.wh_sub_body .self_pop_close img {
    width: 100%;
    vertical-align: top;
}

.wh_sub_body .self_pop_arrow {
    position: absolute;
    right: -6px;
    top: 26px;
    width: 10px;
    height: 14px;
    background: url('../images/common/ico_self_pop_arrow.png') center center no-repeat;
}

.wh_sub_body .self_pop_wrap3 .self_pop_arrow {
    display: none;
    position: absolute;
    right: 27px;
    top: -10px;
    width: 12px;
    height: 10px;
    background: url('../images/common/ico_self_pop_arrow2.png') center center no-repeat;
}

.wh_sub_body .order_payment .payco_discount {
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #c8102e;
    padding: 0 0 0 18px;
    margin: -4px 0 0 0;
}

.wh_sub_body .self_pop_wrap2 {
    display: none;
    position: absolute;
    left: -248px;
    top: -11px;
    width: 248px;
    text-align: left;
    border: 2px solid #000000;
    background: #ffffff;
}

.wh_sub_body .self_pop2 {
    position: relative;
    width: 244px;
}

.wh_sub_body .self_pop_con_wrap2 {
    padding: 0 14px 20px 14px;
    border-bottom: 1px solid #000000;
    background: #fef1c7;
}

.wh_sub_body .self_pop_con_wrap2_img {
    position: relative;
    height: 95px;
    text-align: center;
    line-height: 95px;
}

.wh_sub_body .ico_top {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 28px;
    height: 35px;
    background: url('../images/common/ico_tquick.png') 0 0 no-repeat;
}

.wh_sub_body .ico_hot {
    position: absolute;
    left: 0px;
    top: 76px;
    width: 42px;
    height: 14px;
    background: url('../images/common/ico_bquick.png') 0 0 no-repeat;
}

.wh_sub_body .self_pop_con_wrap2_tit {
    font-size: 13px;
    color: #333333;
    font-weight: 700;
}

.wh_sub_body .self_pop_con_wrap2_txt {
    margin: 12px 0 0 0;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
}

.wh_sub_body .self_pop_con_wrap3 {
    width: 244px;
    padding: 0 14px;
    border-bottom: 1px solid #000;
}

.wh_sub_body .self_pop_con_wrap3 ul li {
    display: block;
    width: 216px !important;
    height: 193px;
    padding: 14px 0 20px 0;
    border-top: 1px dashed #000000;
}

.wh_sub_body .self_pop_con_wrap3 .bx-wrapper .bx-controls-direction {
    font-size: 0px;
}

.wh_sub_body .self_pop_con_wrap3 .bx-wrapper .bx-controls-direction a {
    display: inline-block;
}

.wh_sub_body .self_pop_con_wrap3 .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -14px !important;
    width: 122px;
    height: 37px;
    margin: 0;
    border: 1px solid #000000;
    background: url('../images/common/ico_quick_tbtn.png') center center no-repeat #ffffff;
}

.wh_sub_body .self_pop_con_wrap3 .bx-wrapper .bx-controls-direction a.bx-next {
    right: -14px !important;
    width: 122px;
    height: 37px;
    margin: 0;
    border: 1px solid #000000;
    background: url('../images/common/ico_quick_dbtn.png') center center no-repeat #ffffff;
}

.wh_sub_body .self_pop_con_item_top {
    overflow: hidden;
}

.wh_sub_body .self_pop_con_item_top img {
    float: left;
    max-width: 53px;
    max-height: 41px;
}

.wh_sub_body .self_pop_con_item_top dl {
    float: left;
    width: 151px;
    padding: 0 0 0 11px;
}

.wh_sub_body .self_pop_con_item_top dl dt {
    margin: 3px 0 0 0;
    font-size: 12px;
    color: #ed1c24;
    font-weight: 700;
}

.wh_sub_body .self_pop_con_item_top dl dd {
    margin: 7px 0 0 0;
    font-size: 13px;
    color: #333333;
    font-weight: 700;
}

.wh_sub_body .self_pop_con_item_bottom {
    margin: 14px 0 0 0;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
}

.wh_sub_body .self_pop_close {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 15px;
    height: 15px
}

.wh_sub_body .self_pop_arrow {
    position: absolute;
    right: -6px;
    top: 26px;
    width: 10px;
    height: 14px;
    background: url('../images/common/ico_self_pop_arrow.png') center center no-repeat;
}

.wh_sub_body .btn_self_pop {
    margin: 15px 0 0 0;
    font-size: 0px;
}

.wh_sub_body .btn_self_pop.fix_bottom {
    position: absolute;
    bottom: -100px;
    left: 0;
    height: 50px;
    width: 100%;
}

.wh_sub_body .mobile .btn_self_pop.fix_bottom {
    bottom: -99px;
}

.wh_sub_body .btn_self_pop.fix_bottom a {
    display: inline-block;
    width: 101px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 50px;
}

.wh_sub_body .mobile .btn_self_pop.fix_bottom a {
    display: inline-block;
    width: 100%;
    height: 52px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 50px;
}

.wh_sub_body .btn_self_pop.fix_bottom a.red {
    margin: 0 0 0 0;
    font-weight: normal;
    color: #ffffff;
    border: 0;
    background: #c10a28;
    font-weight: bold;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.wh_sub_body .btn_self_pop a {
    display: inline-block;
    width: 101px;
    height: 28px;
    font-size: 13px;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
}

.wh_sub_body .btn_self_pop a.red {
    margin: 0 6px 0 0;
    font-weight: normal;
    color: #ffffff;
    border: 0;
    background: #c10a28;
    font-weight: bold;
    border-radius: 10px;
}

.wh_sub_body .self_pop_wrap .btn_self_pop a.red:before {
    content: '';
    clear: both;
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url('../images/white_ver/order_button02.svg') no-repeat 0 0px;
    background-size: 100%;
    margin: -2px 5px 0 0;
    padding: 4px 0 0 0;
    vertical-align: middle;
}

.wh_sub_body .self_pop_wrap .btn_self_pop.fix_bottom a.red:before {
    content: '';
    clear: both;
    display: inline-block;
    width: 18px;
    height: 21px;
    background: url('../images/white_ver/order_button02.svg') no-repeat 0 0px;
    background-size: 100%;
    margin: -3px 5px 0 0;
    padding: 0px 0 0 0;
    vertical-align: middle;
}

.wh_sub_body .btn_self_pop.fix_bottom .txt {
    line-height: 50px;
}

.wh_sub_body .btn_self_pop .txt {
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}

.wh_sub_body .btn_self_pop a.m_full {
    width: 100%
}

.wh_sub_body .btn_self_pop a.nobg {
    color: #000000;
    border: 2px solid #000000;
}

.wh_sub_body .moblie .self_pop_wrap .btn_self_pop.fix_bottom a.red:before {
    content: '';
    clear: both;
    display: inline-block;
    width: 18px;
    height: 21px;
    background: url('../images/white_ver/order_button02.svg') no-repeat 0 0px;
    background-size: 100%;
    margin: -1px 5px 0 0;
    padding: 0px 0 0 0;
    vertical-align: middle;
}

.wh_sub_body .moblie .btn_self_pop.fix_bottom .txt {
    line-height: 39px;
}

.wh_sub_body .news_view .btn_sns2.fr {
    top: 0
}

.wh_sub_body .sns_line {
    position: relative;
    min-height: 32px;
}
.wh_sub_body .lp_selppop {
    overflow: hidden;
    width: 350px;
    min-width: 248px;
    min-height: 513px;
    position: relative
}
.wh_sub_body .lp_selppop .self_pop_wrap {
    display: block;
    left: 0;
    top: 0
}

.wh_sub_body .total {
    overflow: hidden;
    margin: 20px 0 10px 0;
    text-align: right;
    line-height: 15px;
}

.wh_sub_body .total strong {
    margin: 0 0 0 0;
    font-size: 13px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .total strong span {
    color: #fdd75f;
}

.wh_sub_body .total strong span.red {
    color: #ed1c24;
}

.wh_sub_body .total label {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #e0dedd;
}

.wh_sub_body .section_body_txt2s {
    margin: 0px;
    font-size: 14px;
    color: #c10a28;
    line-height: 24px;
    text-align: center;
}

.wh_sub_body .tot-mobile .self_pop_con_p {
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0 22px;
    border-top: 0;
    text-align: right;
    border-top: 0
}

.wh_sub_body .mobile .btn_self_pop.fix_bottom {
    bottom: -99px;
}

.wh_sub_body .mobile .self_pop_con_wrap {
    height: 311px;
    width: 100%;
}

.wh_sub_body .mobile .self_pop_con {
    width: 100%;
}

.wh_sub_body .mobile .self_pop_con li {
    width: 100%;
    overflow: hidden;
    min-width: 320px
}

.wh_sub_body .mobile .self_pop_con_item ul {
    overflow: hidden;
}

.wh_sub_body .mobile .self_pop_con_item ul.last_box {
    overflow-y: auto;
}

.wh_sub_body .mobile .self_pop_con_item ul li {
    padding: 0 14px;
}

.wh_sub_body .mobile .self_pop_con_wrap {
    margin: 61px 0 0 0
}

.wh_sub_body .mobile .self_pop_con_wrap .bx-controls {
    top: -69px;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .lp_selppop {
        height: 259px;
    }

    .wh_sub_body .btn_self_pop a {
        height: 33px;
        line-height: 33px;
    }

    .wh_sub_body .btn_self_pop .txt {
        line-height: 32px;
    }

    .wh_sub_body .section_checkbox_p.mar_l220 {
        margin: 0 !important;
    }

    .wh_sub_body .section_checkbox.mar_l220 {
        margin: 0 !important;
    }

    .wh_sub_body .tot .self_pop_con_p {
        position: absolute;
        bottom: -45px;
    }

    .wh_sub_body .self_pop_con_wrap .bx-wrapper .bx-pager.bx-default-pager a {
        width: 100%;
    }

    .wh_sub_body .self_pop_con_wrap .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        width: 33.333333%
    }

    .wh_sub_body .tot-mobile .self_pop_con_p {
        position: absolute;
        bottom: -35px;
        left: 0;
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0 22px;
        border-top: 0;
        text-align: right;
        border-top: 0
    }

    .wh_sub_body .mobile .btn_self_pop.fix_bottom {
        bottom: -99px;
    }
}

@media all and (max-width: 480px) {
    .wh_sub_body .mobile .self_pop_con li {
        width: 100%;
    }

    .wh_sub_body .btn_self_pop.fix_bottom {
        bottom: -100px;
    }

    .wh_sub_body .mobile .btn_self_pop.fix_bottom {
        bottom: -99px;
    }

    .wh_sub_body .mobile .self_pop_con li {
        width: 100%;;
        overflow: hidden;
    }
}

@media all and (max-width: 375px) {
    .wh_sub_body .mobile .self_pop_con li {
        width: 100%;
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .order_payment .payco_discount {
        line-height: 13px;
    }
}

/* ----------------------------------------------------------------------------------------------------
                                                04. 이벤트,제휴
---------------------------------------------------------------------------------------------------- */

.wh_sub_body .ico_list {
    overflow: hidden;
    margin-top: -6px;
    font-size: 0px;
}

.wh_sub_body .ico_list li {
    display: inline-block;
    height: 20px;
    margin: 6px 15px 0 0;
}

.wh_sub_body .ico_list li img {
    width: 18px;
    vertical-align: top;
}

.wh_sub_body .ico_list li span {
    margin: 0 0 0 6px;
    font-size: 14px;
    color: #313131;
    line-height: 20px;
}

.wh_sub_body .ico_list2 {
    overflow: hidden;
    display: block;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac
}

.wh_sub_body .ico_list2 li {
    position: relative;
    float: left;
    width: 25%;
    height: 215px;
    padding: 93px 0 0 0;
    text-align: center
}

.wh_sub_body .ico_list2 li div {
    position: absolute;
    left: 0px;
    bottom: 122px;
    width: 100%;
}

.wh_sub_body .ico_list2 li div img {
    width: 60px;
}

.wh_sub_body .ico_list2 li p {
    margin: 15px 0 0 0;
    font-size: 15px;
    color: #313131;
    line-height: 22px;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .ico_list2 li {
        display: inline-block;
        width: 50%;
    }
}

/* ----------------------------------------------------------------------------------------------------
                                                05. 매장찾기
---------------------------------------------------------------------------------------------------- */
.wh_sub_body .introMap img {
    max-width: 100%;
}

.wh_sub_body .store_choice_wrap {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    padding-bottom: 30px;
}

.wh_sub_body .store_choice_wrap .store_type_txt {
    font-size: 17px;
    color: #313131
}

.wh_sub_body .store_choice_wrap .gray_bd {
    margin: -3px 0 0 10px;
    padding: 3px 12px 1px;
    color: #000;
    background: #ffc227;
}

.wh_sub_body .store_choice_wrap .gray_bd:hover, .store_choice_wrap .gray_bd:focus {
    background: #898483;
    color: #fff
}

.wh_sub_body .store_choice_wrap .btn_open {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 0;
    background: url('../images/common/ico_da_red_off.png') right center no-repeat;
    background-size: 15px auto;
    text-indent: -999px
}

.wh_sub_body .store_choice_wrap.active .btn_open {
    background: url('../images/common/ico_da_red_on.png') right center no-repeat;
    background-size: 15px auto
}

.wh_sub_body .store_choice_wrap.active .store_type_choice {
    display: block
}

.wh_sub_body .store_type_choice {
    display: none;
    overflow: hidden;
    margin: 20px 0 0 0
}

.wh_sub_body .store_type_choice li {
    float: left;
    width: 16.66%
}

.wh_sub_body .store_type_choice li a {
    display: block;
    margin: 0 5px 5px 0;
    padding-top: 22px;
    height: 100px;
    text-align: center;
    background-color: #f6f6f6;
    color: #acacac;
    border: 2px solid #f6f6f6;
}

.wh_sub_body .store_type_choice li .ico {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../images/white_ver/sp_storetype.png') no-repeat
}

.wh_sub_body .store_type_choice li .txt {
    display: block;
    margin-top: 10px;
    letter-spacing: -1px;
    font-size: 15px
}

.wh_sub_body .store_type_choice li.on a {
    background-color: #f6f6f6;
    font-weight: bold;
    color: #c10a28;
    border: 2px solid #c10a28;
}

.wh_sub_body .store_type_choice li.m01 .ico {
    background-position: 2px 0
}

.wh_sub_body .store_type_choice li.m02 .ico {
    background-position: -149px 0
}

.wh_sub_body .store_type_choice li.m03 .ico {
    background-position: -301px 0
}

.wh_sub_body .store_type_choice li.m04 .ico {
    background-position: -451px 0
}

.wh_sub_body .store_type_choice li.m05 .ico {
    background-position: -602px 0
}

.wh_sub_body .store_type_choice li.m06 .ico {
    background-position: -754px 0
}

.wh_sub_body .store_type_choice li.m07 .ico {
    background-position: -1072px 0
}
.wh_sub_body .store_type_choice li.m08 .ico {
    background-position: -1073px 0
}

/* 20170809 한정판 블록 css 추가 */
.wh_sub_body .store_type_choice li.m01.on .ico {
    background-position: 2px -48px
}

.wh_sub_body .store_type_choice li.m02.on .ico {
    background-position: -149px -48px
}

.wh_sub_body .store_type_choice li.m03.on .ico {
    background-position: -301px -47px
}

.wh_sub_body .store_type_choice li.m04.on .ico {
    background-position: -451px -48px
}

.wh_sub_body .store_type_choice li.m05.on .ico {
    background-position: -602px -48px
}

.wh_sub_body .store_type_choice li.m06.on .ico {
    background-position: -754px -48px
}

.wh_sub_body .store_type_choice li.m07.on .ico {
    background-position: -1072px -48px
}
.wh_sub_body .store_type_choice li.m08.on .ico {
    background-position: -1073px -47px
}

/* 20170809 한정판 블록 css 추가 */

@media all and (max-width: 780px) {
    .wh_sub_body .store_choice_wrap {
        margin: 10px 0 0 0;
        padding: 0 0 15px 0;
    }

    .wh_sub_body .store_type_choice {
        margin-top: 10px
    }

    .wh_sub_body .store_type_choice li {
        margin-top: 0;
        width: 33.33%
    }

    .wh_sub_body .store_type_choice li a {
        height: auto;
        padding: 8px 0;
        margin: 0 5px 5px 0;
    }

    .wh_sub_body .store_type_choice li .ico {
        width: 16px;
        height: 16px;
        background-size: 391px 40px
    }

    .wh_sub_body .store_type_choice li .txt {
        margin-top: 5px;
        font-size: 14px
    }

    .wh_sub_body .store_type_choice li.m01 .ico {
        background-position: 2px 0
    }

    .wh_sub_body .store_type_choice li.m02 .ico {
        background-position: -50px 0
    }

    .wh_sub_body .store_type_choice li.m03 .ico {
        background-position: -104px 0
    }

    .wh_sub_body .store_type_choice li.m04 .ico {
        background-position: -185px 0
    }

    .wh_sub_body .store_type_choice li.m05 .ico {
        background-position: -211px 0
    }

    .wh_sub_body .store_type_choice li.m06 .ico {
        background-position: -264px 0
    }

    .wh_sub_body .store_type_choice li.m07 .ico {
        background-position: -378px 0
    }
    .wh_sub_body .store_type_choice li.m08 .ico {
        background-position: -379px 0
    }
    /* 20170809 한정판 블록 css 추가 */
    .wh_sub_body .store_type_choice li.m01.on .ico {
        background-position: 2px -24px
    }

    .wh_sub_body .store_type_choice li.m02.on .ico {
        background-position: -50px -24px
    }

    .wh_sub_body .store_type_choice li.m03.on .ico {
        background-position: -104px -24px
    }

    .wh_sub_body .store_type_choice li.m04.on .ico {
        background-position: -185px -24px
    }

    .wh_sub_body .store_type_choice li.m05.on .ico {
        background-position: -211px -24px
    }

    .wh_sub_body .store_type_choice li.m06.on .ico {
        background-position: -264px -24px
    }

    .wh_sub_body .store_type_choice li.m07.on .ico {
        background-position: -378px -24px
    }
    .wh_sub_body .store_type_choice li.m08.on .ico {
        background-position: -379px -24px
    }
    /* 20170809 한정판 블록 css 추가 */
}

.wh_sub_body .map_search {
    overflow: hidden;
    position: relative;
    padding: 0 0 30px 0;
    font-size: 0px;
    border-bottom: 1px solid #acacac;
}

.wh_sub_body .map_search.map_search2 {
    margin: 30px 0 0 0;
    padding: 20px;
    border-bottom: none;
    background: #f4f4f4;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .map_search.map_search2 {
        margin: 20px 0 0 0;
    }
}

@media all and (max-width: 740px) {
    .wh_sub_body .map_search.map_search2 {
        padding: 10px;
    }
}

.wh_sub_body .map_search.map_search3 {
    position: relative;
    padding: 0 110px 30px 0;
}

.wh_sub_body .map_search.map_search3 a {
    position: absolute;
    right: 0px;
    top: 0px;
}

.wh_sub_body .map_search_l {
    float: left;
    position: relative;
    margin-top: 10px;
    padding: 0 165px 0 0;
}

.wh_sub_body .all_tab1 .map_search_l {
    width: 551px;
}

.wh_sub_body .all_tab2 .map_search_l {
    width: 441px;
    padding-right: 110px;
}

.wh_sub_body .all_tab2 .map_search_l_btn1 {
    right: 0;
}

.wh_sub_body .ollehmap_info_tip {
    display: none;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .all_tab1 .map_search_l {
        width: 100%;
        margin-top: 20px;
        padding-bottom: 0;
    }

    .wh_sub_body .all_tab2 .map_search_l {
        width: 100%;
        padding-right: 0;
    }

    .wh_sub_body .all_tab2 .map_search_r {
        margin-top: 10px;
        padding-bottom: 0;
    }
}

.wh_sub_body .map_search_l.map_search_l2 {
    width: 507px;
    margin-top: 0;
    padding: 0 165px 0 0;
}

.wh_sub_body .lp_storeSearch .all_tab2 .map_search_l.map_search_l2 {
    width: 392px;
    margin-top: 0;
    padding: 0 110px 0 0;
}

@media all and (max-width: 740px) {
    .wh_sub_body .lp_storeSearch .all_tab2 .map_search_l.map_search_l2 {
        width: 100%;
        padding: 0 0 58px;
    }
}

.wh_sub_body .map_search_l_btn1 {
    position: absolute;
    right: 65px;
    top: 0px
}

.wh_sub_body .map_search_l_btn1 img {
    width: 40px;
    height: 38px
}

.wh_sub_body .map_search_l_btn2 {
    position: absolute;
    right: 0px;
    top: 0px;
}

.wh_sub_body .map_search_l .map_search_l_btn3 {
    position: absolute;
    top: 0;
    right: 110px
}

.wh_sub_body .map_search_l.map_search_l2 .map_search_l_btn2 {
    right: 10px;
}

.wh_sub_body .map_search.map_search2 .map_search_l input {
    color: #898483;
    border: 1px solid #cccccc;
    background: #fff;
}

.wh_sub_body .map_search_r {
    float: right;
    position: relative;
    width: 440px;
    margin-top: 10px;
    padding: 0 110px 0 0;
}

.wh_sub_body .map_search_r.map_search_r2 {
    width: 49%;
    margin-top: 0;
}

.wh_sub_body .map_search_r ul {
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

.wh_sub_body .map_search_r ul li {
    display: inline-block;
    width: 33.333333%;
    padding-left: 10px;
    white-space: normal
}

.wh_sub_body .map_search_r ul li:first-child {
    padding-left: 0;
}

.wh_sub_body .map_search_r.map_search_r2 ul li input {
    color: #413e3d;
    text-align: right;
    border: 1px solid #cccccc;
    background: #ffffff;
}

.wh_sub_body .map_search_r select {
    width: 100%;
    min-width: 100%
}

.wh_sub_body .map_search_r a, .map_search_r button {
    position: absolute;
    right: 0px;
    top: 0px;
}

.wh_sub_body .all_tab1 .map_con_list li.node1 {
    cursor: pointer;
}

.wh_sub_body .all_tab2 .map_con_list {
    overflow: hidden;
}

.wh_sub_body .all_tab .map_api {
    overflow: hidden;
    width: 100%;
    height: 297px;
    margin: 34px 0 0 0;
    border: 1px solid #efeae5;
}

.wh_sub_body .all_tab .map_api .inner {
    width: 100%;
    height: 100%;
}

.wh_sub_body .map_con_wrap {
    overflow: hidden;
    margin: 0 0 0 0
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_in {
    height: 36px;
    border-bottom: 1px solid #898483;
    font-size: 17px;
    color: #313131
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_in {
    color: #4b4b4b;
    border-bottom: 2px solid #efeae5;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_in a {
    color: #313131
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_in.pc {
    display: block;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_in.mob {
    display: none;
    cursor: pointer;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_in span {
    color: #ed1c24;
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_in span {
    color: #ed1c24;
}

.wh_sub_body .map_txt_in2 {
    display: block;
    margin: 30px 0 10px 0;
    font-size: 13px;
    color: #4b4b4b;
}

.wh_sub_body .map_txt_in2 span {
    font-size: 13px;
    color: #ed1c24;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list {
    overflow-y: auto;
    height: 268px;
    /*padding: 10px 0;*/
    border-bottom: 1px solid #acacac
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list {
    padding-right: 10px;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li {
    position: relative;
    border-bottom: 1px solid #acacac;
    cursor: pointer;
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list ul li {
    border-bottom: 1px solid #efeae5;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl {
    overflow: hidden;
    padding: 20px 335px 20px 10px;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dt {
    position: relative;
    float: left;
    padding: 0 0 0 22px;
    width: 125px;
    font-size: 14px;
    color: #313131;
    line-height: 20px
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dt:after {
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 20px;
    background: url('../images/common/ico_map2.png') left top no-repeat;
    background-size: contain
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dt .distance {
    display: block;
    font-size: 15px;
    color: #313131
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list ul li dl {
    padding: 20px 145px 20px 10px
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list ul li dl dt {
    color: #333
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list ul li dl dt .phone {
    line-height: 1.3;
    color: #898483
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list .f_red {
    color: #ed1c24
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list ul li dl dt .distance {
    font-size: 13px;
    color: #898483
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd {
    overflow: hidden;
    padding: 0 0 0 22px;
    font-size: 14px;
    line-height: 21px;
    color: #313131
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a {
    color: #b6b0af;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a:hover {
    color: #fff;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a.btn_nobg {
    position: absolute;
    right: 0;
    top: 50%;
    /*margin-top: -11px;*/
    color: #fff;
    margin-right: 15px;
    background: #70a401;
}
.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a.btn_nobg.top {
    top: auto;
    bottom: 50%;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a.btn_nobg.bottom {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}
.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a.btn_nobg.disabled {
    background: #b6b0af;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a.btn_nobg:hover {
    color: #fff
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .c_gray {
    margin-top: 3px;
    color: #b6b0b0
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .time {
    font-size: 13px;
    color: #898483
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .sale {
    font-size: 13px;
    color: #898483
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .btn_area {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .btn_area a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 10px
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .btn_red {
    background: #ed1c24
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .btn_gray {
    margin-left: 7px;
    background: #898483
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .c_gray {
    position: relative;
    margin-top: 5px;
    min-height: 22px;
    line-height: 1.3;
    color: #b6b0b0
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .store_type {
    position: absolute;
    right: 147px;
    top: 50%;
    margin-top: -17px;
    width: 200px;
    text-align: right
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .store_type .gray_bd {
    margin: 6px 0 0 2px
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .store_type.double {
    margin-top: -30px
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .gray_bd {
    display: inline-block;
    padding: 1px 5px 0;
    border: 1px solid #6b6766;
    line-height: 16px;
    font-size: 12px;
    color: #6b6766;
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .c_gray .gray_bd {
    margin-right: 8px
}

.wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .ico_best {
    position: absolute;
    right: 98px;
    top: 50%;
    margin-top: -15px;
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../images/common/ico_best.png') no-repeat 0 0;
    text-indent: -999px;
    background-size: contain
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list ul li dl dd {
    color: #333
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt .map_txt_list ul li dl dd .c_gray {
    color: #898483;
}

.wh_sub_body .map_con_wrap .map_api {
    float: right;
    width: 100%;
    height: 330px;
    margin: 23px 0 0 0;
    border: 1px solid #efeae5;
}

.wh_sub_body .map_con_wrap .map_api img {
    max-width: initial;
}

.wh_sub_body .map_con_wrap.map_con_wrap2 .map_api {
    overflow: hidden;
    width: 100%;
    height: 297px;
    margin: 34px 0 0 0;
    border: 1px solid #efeae5
}

@media all and (max-width: 740px) {
    .wh_sub_body .all_tab .map_api {
        margin: 10px 0 0 0;
    }

    .wh_sub_body .map_con_wrap {
        padding-top: 1px
    }

    .wh_sub_body .map_con_wrap .map_txt .map_txt_in {
        font-size: 17px
    }

    .wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl {
        padding: 20px 90px 20px 10px
    }

    .wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .store_type {
        display: none
    }

    .wh_sub_body .map_con_list li.node1 .map_txt_list {
        display: none;
    }

    .wh_sub_body .map_con_list li.node1.active .map_txt_list {
        display: block;
    }
}

@media all and (max-width: 600px) {
    .wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dt {
        float: none;
        width: auto
    }

    .wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dt .distance {
        display: inline-block
    }

    .wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd a.btn_nobg {
        /*margin-top: -30px;*/
        margin-right: 10px;
    }

    .wh_sub_body .map_con_wrap .map_txt .map_txt_list ul li dl dd .ico_best {
        right: 22px;
        margin-top: 0
    }
}

/* 매장 프로모션 */
.wh_sub_body .local_ud_list_wrap {
    overflow-y: auto;
    height: auto;
    padding: 0;
}

.wh_sub_body .local_ud_list li {
    position: relative;
}

.wh_sub_body .local_ud_list li dl dt {
    display: block;
    position: relative;
    padding: 20px 50px 20px 20px;
    border-bottom: 1px solid #454241;
    text-align: right;
    cursor: pointer;
    _cursor: hand;
}

.wh_sub_body .local_ud_list li dl dt strong {
    float: left;
    font-size: 15px;
    color: #ffffff;
    line-height: 17px;
    font-weight: normal;
}

.wh_sub_body .local_ud_list li dl dt span {
    font-size: 13px;
    color: #b6b0af;
    line-height: 17px;
}

.wh_sub_body .local_ud_list li dl dt a {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 0;
    background: url('../images/common/ico_faq_down2.png') center center no-repeat;
    background-size: 15px;
}

.wh_sub_body .local_ud_list li dl.active dt a {
    background: url('../images/common/ico_faq_up2.png') center center no-repeat;
    background-size: 15px;
}

.wh_sub_body .local_ud_list li dl dd {
    display: none;
    padding: 30px 20px;
    background: #f5f5f5;
}

.wh_sub_body .local_ud_list li dl.active dd {
    display: block;
}

.wh_sub_body .local_ud_list li dl dd .local_ud_list_txt {
    font-size: 15px;
    color: #313131;
    line-height: 26px;
}

/* 신규 오픈매장 */
.wh_sub_body .local_list {
    margin: 30px 0 0 0;
    border-top: 1px solid #413e3d;
}

.wh_sub_body .local_list li {
    position: relative;
    padding: 20px 20px 20px 110px;
    border-bottom: 1px solid #413e3d;
    font-size: 0px;
}

.wh_sub_body .local_list_img {
    position: absolute;
    left: 20px;
    top: 20px;
}

.wh_sub_body .local_list_img img {
    width: 72px;
}

.wh_sub_body .local_list_txt {
    display: inline-block;
    width: 544px;
}

.wh_sub_body .local_list_txt strong {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    font-size: 17px;
    color: #ffffff;
    line-height: 19px;
    font-weight: normal;
    border-right: 1px solid #868281;
}

.wh_sub_body .local_list_txt span.n {
    display: inline-block;
    font-size: 14px;
    color: #b6b0af;
    line-height: 17px;
}

.wh_sub_body .local_list_txt span.n2 {
    display: block;
    font-size: 14px;
    color: #898383;
    line-height: 17px;
    margin: 10px 0 0 0;
}

.wh_sub_body .local_list_time {
    display: inline-block;
    width: 226px;
    text-align: right;
}

.wh_sub_body .local_list_time span {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 13px;
    color: #898483;
    line-height: 22px;
}

.wh_sub_body .local_list_time a {
    display: inline-block;
    margin: 5px 0 0 0;
    vertical-align: top;
}

/* ----------------------------------------------------------------------------------------------------
                                                06. 회원가입
---------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------
                                                07. 마이페이지
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
                                                08. 멤버십
---------------------------------------------------------------------------------------------------- */
/* 멤버십 정보(나의멤버십) - 상단영역 */
.wh_sub_body .mymember_list > ul {
    overflow: hidden;
}

.wh_sub_body .mymember_list > ul > li {
    float: left;
    width: 50%;
    height: 190px;
    padding: 37px 0 37px 40px;
    font-size: 0px;
    border-radius: 20px 0 0 0;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .mymember_list > ul > li:first-child {
    position: relative;
    border-radius: 0 20px 0 0
}

.wh_sub_body .mymember_list > ul > li:first-child:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 59px;
    width: 30px;
    height: 57px;
    background: url('../images/membership/sp_mymember_list.png') no-repeat 0 0;
    background-size: 58px 300px
}

.wh_sub_body .mymember_list > ul > li > div {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.wh_sub_body .mymember_list > ul > li > div:first-child {
    width: 160px;
}

.wh_sub_body .mymember_list > ul > li > div:first-child img {
    width: 120px;
}

.wh_sub_body .mymember_list > ul > li > div > .text {
    margin: 15px 0 0 0;
    line-height: 22px;
    font-size: 15px;
    color: #b6b0af
}

.wh_sub_body .mymember_list > ul > li > div > .red {
    margin: 20px 0 0 0;
    font-size: 15px;
    color: #ed1c24;
}

.wh_sub_body .mymember_list > ul > li > div > .write {
    font-size: 17px;
    color: #fff;
    line-height: 22px
}

.wh_sub_body .mymember_list > ul > li > div > .btn_nobg3 {
    margin: 0
}

.wh_sub_body .mymember_list .my_level .bl_arrow li {
    font-size: 15px;
    color: #b6b0af
}

.wh_sub_body .mymember_list .my_level .bl_arrow .fl {
    width: 99px
}

.wh_sub_body .mymember_list .my_level .bl_arrow .link {
    overflow: hidden
}

.wh_sub_body .mymember_list .my_level .bl_arrow a {
    border-bottom: 1px solid #999;
    color: #fff
}

.wh_sub_body .mymember_list .my_level .bl_arrow .f_gray {
    margin-top: 2px;
    font-size: 13px;
    color: #635d5b
}

.wh_sub_body .mymember_list .gold {
    color: #fdd043
}

.wh_sub_body .mymember_list .red {
    color: #ed1c24
}

.wh_sub_body .mymember_list .gold.f_22 {
    padding: 0 4px;
    font-size: 22px
}

.wh_sub_body .mymember_list > ul > li > div > span {
    display: block;
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #635d5b;
    letter-spacing: -1px;
}

.wh_sub_body .mymember_list > ul > li > div > ul {
    margin: 10px 0 0 0;
}

.wh_sub_body .mymember_list > ul > li > div > ul > li {
    overflow: hidden;
}

/* 가입,가드등록 */
.wh_sub_body .regcard_header strong {
    font-size: 22px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .regcard_header p.gold {
    margin: 10px 0 4px 0;
    font-size: 22px;
    color: #c10a28;
}

@media all and (max-width: 740px) {
    .wh_sub_body .regcard_header strong {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .wh_sub_body .regcard_header p.gold {
        margin: 0 0 13px 0 !important;
        font-size: 18px !important;
        line-height: 24px !important;
    }
}

.wh_sub_body .regcard_header span {
    font-size: 15px;
    color: #858585;
}

.wh_sub_body .regcard_top > ul > li {
    width: 440px;
    margin: 0 0 0 20px;
}

.wh_sub_body .regcard_top > ul > li:first-child {
    margin: 0;
}

.wh_sub_body .regcard_top > ul > li > div:first-child {
    height: 57px;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    font-size: 17px;
    color: #313131;
    line-height: 52px;
}

.wh_sub_body .regcard_top > ul > li > div:first-child > a {
    float: right;
    margin: 16px 0 0 0;
}

.wh_sub_body .regcard_top_ul {
    padding: 15px 0;
}

.wh_sub_body .regcard_top_ul li {
    overflow: hidden;
    height: 90px;
    padding: 10px 0;
}

/* 20170727 멤버쉽 가입 수정사항 */
.wh_sub_body .regcard_top_ul li span {
    float: left;
    display: inline-block;
    width: 130px;
    text-align: center;
    line-height: 45px;
}

.wh_sub_body .regcard_top_ul li span img {
    width: 70px;
}

.wh_sub_body .regcard_top_ul li p {
    float: left;
    margin: 25px 0 0 0;
    font-size: 15px;
    color: #313131;
    line-height: 22px;
}

/* 20170727 멤버쉽 가입 수정사항 */
.wh_sub_body .regcard_top_ul li p strong {
    color: #fff;
    font-weight: normal;
}

.wh_sub_body .regcard_top_txt {
    font-size: 13px;
    color: #635d5b;
}

.wh_sub_body .regcard_box {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .regcard_box div img {
    height: 130px;
}

.wh_sub_body .regcard_box div strong {
    font-size: 22px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .regcard_box div p {
    font-size: 15px;
    color: #858585;
    line-height: 18px;
}

.wh_sub_body .regcard_box div p.gold {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #c10a28;
}

.wh_sub_body .reg_box {
    position: relative;
    width: 490px;
    margin: 30px 0 0 0;
    padding: 0 173px 0 0;
}

.wh_sub_body .reg_box div {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
}

.wh_sub_body .membership_chance02 {
    margin: 16px 0 0 0
}

.wh_sub_body .membership_chance02 li {
    float: left;
    margin: 0 2% 2% 0;
    display: block;
    width: 49%;
    height: 145px;
    background: #f5f5f5;
    padding: 20px;
    border: 0;
    text-align: center;
    vertical-align: top;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(205, 205, 205, 0.7);
}

.wh_sub_body .membership_chance02 li:nth-child(even) {
    margin: 0 0 2% 0;
}

.wh_sub_body .membership_chance02 li img {
    height: 60px;
}

.wh_sub_body .membership_chance02 li p {
    font-size: 17px;
    margin: 0 0 15px 0;
}

.wh_sub_body .membership_chance02 li:last-child {
    margin: 0;
}

.wh_sub_body .membership_chance02:after {
    content: '';
    clear: both;
    display: block;
}

.wh_sub_body .membership_chance02 li .red {
    color: #c10a28;
    font-weight: bold;
}

.wh_sub_body .regcard_top .section_checkbox_p {
    position: relative;
    width: 420px;
    height: 38px;
    margin: 0 0 0 430px;
    padding: 0 0 0 10px;
    background: #e9ebec;
    line-height: 35px;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .membership_chance02 {
        margin: 10px 0 20px 0;
    }

    .wh_sub_body .regcard_top.mar_t20 {
        margin: 20px 0 0 0 !important;
    }

    .wh_sub_body .regcard_top .mar_t20 {
        margin: 20px 0 0 0 !important;
    }

    .wh_sub_body .mp_t20 {
        margin: 20px 0 0 0;
    }

    .wh_sub_body .regcard_top > ul > li {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .regcard_top_ul li span {
        width: 90px;
        padding: 0 10px;
    }

    .wh_sub_body .regcard_top_ul li p {
        margin: 27px 0 0 0;
    }

    /* 20170727 멤버쉽 가입 수정사항 */
    .wh_sub_body .reg_box {
        width: 100%;
        padding: 0 120px 0 0;
    }

    .wh_sub_body .reg_box .btn_list.mid a {
        width: 110px;
        margin: 0;
    }

    .wh_sub_body .regcard_top > ul > li > div:first-child {
        padding: 0 10px;
        height: 49px;
        line-height: 45px;
    }

    .wh_sub_body .regcard_top > ul > li > div:first-child > a {
        margin: 12px 0 0 0;
    }

}

@media all and (max-width: 740px) {
    .wh_sub_body .regcard_box div strong {
        font-size: 18px;
        line-height: 24px;
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .membership_chance02 li p {
        font-size: 14px;
    }
}

.wh_sub_body .coupon_list2 {
    border-top: 1px solid #413e3d;
}

.wh_sub_body .coupon_list2 > li {
    position: relative;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top {
    position: relative;
    min-height: 110px;
    padding: 20px 20px 20px 120px;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top.line_b {
    min-height: 120px;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .coupon_list2 > li > div.gold {
    position: absolute;
    left: 25px;
    top: 50%;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 0;
    border: 2px solid #fdd043;
    border-radius: 70px;
    font-size: 17px;
    color: #fdd043;
    text-align: center;
    line-height: 70px;
}

.wh_sub_body .coupon_list2 > li > div.red {
    position: absolute;
    left: 25px;
    top: 50%;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 0;
    border: 2px solid #ed1c24;
    border-radius: 70px;
    font-size: 17px;
    color: #ed1c24;
    text-align: center;
    line-height: 70px;
}

.wh_sub_body .coupon_list2 > li > div.gray {
    position: absolute;
    left: 25px;
    top: 50%;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 0;
    border: 2px solid #898483;
    border-radius: 70px;
    font-size: 17px;
    color: #898483;
    text-align: center;
    line-height: 70px;
}

.wh_sub_body .coupon_list2 > li > div.line2 {
    padding: 15px 0;
    line-height: 20px;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con {
    position: relative;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con span {
    font-size: 12px;
    color: #898383;
    line-height: 18px;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con span.w {
    margin: 10px 0 0 0;
    font-size: 22px;
    color: #ffffff;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con span.b {
    display: block;
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #b6b0af;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con span.n {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #b6b0af;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con span.red {
    display: block;
    margin: 12px 0 0 0;
    font-size: 13px;
    color: #e21c23;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con span.day {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    color: #898383;
    text-align: right;
}

.wh_sub_body .coupon_list2 > li > div.coupon_list_top > div.coupon_list_con span.day2 {
    position: absolute;
    left: 83%;
    top: 0px;
    font-size: 13px;
    color: #898383;
    text-align: right;
}

/* 포인트통합 - 하단탭 */
.wh_sub_body .section_box5 {
    display: inline-block;
    width: 415px;
    padding: 30px 40px;
    background: rgba(78, 74, 73, 0.4);
    border-radius: 4px;
    font-size: 0px;
    vertical-align: top;
}

.wh_sub_body .section_box5.no_bg {
    padding: 0;
    background: none;
}

.wh_sub_body .tab_free.tab_select.off {
    display: block;
}

.wh_sub_body .section_box5.h216 {
    height: 216px;
}

.wh_sub_body .section_box5.h287 {
    height: 287px;
}

/* ----------------------------------------------------------------------------------------------------
                                                09. 회사소개
---------------------------------------------------------------------------------------------------- */
/* 피자헛소개 - 타이틀 */
.wh_sub_body .tit {
    margin: 40px 0 10px 0;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}

.wh_sub_body .tits {
    margin: 30px 0 0 0;
    padding: 0 0 20px 0;
    font-size: 22px;
    color: #313131;
    line-height: 24px;
    background: url('../images/common/bg_tits.jpg') center bottom no-repeat;
}

.wh_sub_body .tits.no_bg {
    background: none;
}

.wh_sub_body .tits2 {
    margin: 40px 0 0 0;
    font-size: 22px;
    color: #313131;
}

.wh_sub_body .tits3 {
    margin: 3px 0 0 0;
    padding: 0 0 24px 0;
    font-size: 15px;
    color: #313131;
    line-height: 19px;
}

/* 피자헛소개 - 이미지 */
.wh_sub_body .about_img {
    margin: 20px 0 0 0;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .about_img img {
    max-width: 100%;
}

/* 회사소개 - 피자헛소개 */
.wh_sub_body .section.about .article {
    box-sizing: border-box
}

.wh_sub_body .section.about .article .in_btn {
    display: none
}

.wh_sub_body .section.about .article .out_btn {
    display: block
}

.wh_sub_body .section.about .article span {
    box-sizing: border-box
}

.wh_sub_body .section.about .article .in_btn span {
    font-size: 13px
}

.wh_sub_body .section.about .article .in_btn .fl {
    margin-right: 10px
}

.wh_sub_body .section.about .article .out_btn span {
    display: inline;
    font-size: 14px;
    color: #acacac;
    line-height: 26px;
    margint: 5px
}

.wh_sub_body .section.about .article a {
    display: inline-block;
    box-sizing: border-box;
    width: 120px;
    height: 30px;
    border: 0;
    border-radius: 10px;
    background: #ffc227;
    color: #000;
    text-align: center;
    font-size: 14px;
    line-height: 28px
}

.wh_sub_body .section.about .article a:hover {
    border: 0;
    border-radius: 10px;
    background: #ffc227;
    color: #000
}

.wh_sub_body .section.about .article.A {
    padding-bottom: 25px;
    border-bottom: 1px solid #acacac
}

.wh_sub_body .section.about .article.B {
    padding: 20px 0 0 0
}

.wh_sub_body .section.about .article.B .tt_list li ul li {
    padding: 0;
    margin: 0;
    width: 100% !important
}

.wh_sub_body .section.about .article.B .tits2.c {
    margin: 0
}

/* 회사소개 - 사회공헌활동  */
.wh_sub_body .section.contribution .con_list_B li {
    overflow: hidden;
    display: block;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #acacac;
    font-size: 0px;
}

.wh_sub_body .section.contribution .con_list_B li.harf_wrap {
    box-sizing: border-box;
    width: 900px
}

.wh_sub_body .section.contribution .con_list_B li.harf_wrap > div {
    width: 420px;
    float: left
}

.wh_sub_body .section.contribution .con_list_B li.harf_wrap > .img_wrap {
    width: 430px;
    float: right
}

.wh_sub_body .section.contribution .con_list_B li.harf_wrap > .img_wrap img {
    max-width: 100%;
}

.wh_sub_body .section.contribution .con_list_B li div strong {
    font-size: 22px;
    color: #313131;
    font-weight: 900
}

.wh_sub_body .section.contribution .con_list_B li > div p.tit {
    margin: 6px 0 25px 0;
    font-size: 15px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .section.contribution .con_list_B li > div p.txt {
    font-size: 15px;
    color: #313131;
    line-height: 26px;
}

/* 회사소개 - 피자헛의 작은차이  */
.wh_sub_body .section.difference {
    padding: 20px 20px
}

.wh_sub_body .contents_body .head_title {
    margin-top: 0;
    text-align: center
}

.contents_body .head_title img {
    max-width: 100%
}

.wh_sub_body .section.difference .diff_list > li {
    width: 900px;
    margin-bottom: 28px
}

.wh_sub_body .section.difference .diff_list > li > div {
    width: 450px;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.wh_sub_body .section.difference .diff_list > li > div > dl,
.wh_sub_body .section.difference .diff_list > li > div > img {
    vertical-align: top;
    display: inline-block;
    width: 220px;
    margin: 0;
}

.wh_sub_body .section.difference .diff_list > li > div > dl {
    margin-left: -5px;
    width: 230px;
    padding: 0 20px
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dt {
    line-height: 18px;
    color: #313131;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dt .diff01 {
    color: #a6804e;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dt .diff02 {
    color: #c10a28;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dt .diff03 {
    color: #70a401;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dt .diff04 {
    color: #eebc1c;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dt .diff05 {
    color: #e75a2e;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dt .diff06 {
    color: #c10a28;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dd {
    font-size: 14px;
    color: #313131;
    line-height: 22px;
}

.wh_sub_body .section.difference .diff_list > li > div > dl > dd small {
    font-size: 13px;
    display: block;
}

@media all and (max-width: 1024px) {
    /* 회사소개 - 피자헛 소개 */
    .wh_sub_body .tits {
        margin: 0px 0 0 0;
    }

    .wh_sub_body .section.difference .diff_list > li > div > dl > dd {
    }

    .wh_sub_body .tits2.mar_t20 {
        margin: 0 0 0 0 !important;
        line-height: 22px;
    }

    .wh_sub_body .section.about {
        padding: 25px 12px
    }

    .wh_sub_body .tits3 {
        padding: 5px 0 15px 0;
        font-size: 14px;
        margin: 0;
    }

    .wh_sub_body .section.about .tits2.c.mar_t60 {
        margin-top: 0 !important;
    }

    .wh_sub_body .section.about .article .in_btn {
        display: block
    }

    .wh_sub_body .section.about .article .out_btn {
        display: none
    }

    .wh_sub_body .section.about .article .in_btn span {
        font-size: 12px;
        line-height: 1.2
    }

    .wh_sub_body .section.about .article .in_btn .fl {
        margin-right: 8px
    }

    .wh_sub_body .section.about .article .oh i {
        display: block
    }

    .wh_sub_body .section.about .article.A {
        padding-bottom: 25px
    }

    .wh_sub_body .section.about .article.B {
        padding-top: 20px
    }

    .wh_sub_body .section.about .article.A .tt_list li.padd_li {
        padding-bottom: 0
    }

    .wh_sub_body .section.about .article.B .tt_list li ul li {
        padding: 0;
        margin: 0
    }

    .wh_sub_body .section.about .article.B .tt_list li.pd_l25 {
        padding: 0 !important
    }

    .wh_sub_body .section.about .article.B .tt_list li .article_img {
        margin-bottom: 0
    }

    .wh_sub_body .section.about .article .tt_list > li > span > img {
        width: auto !important
    }

    /* 회사소개 - 사회공헌활동 */
    .wh_sub_body .section.contribution {
        padding: 25px 12px
    }

    .wh_sub_body .section.contribution .tits.c.mar_t60 {
        margin-top: 0 !important;
    }

    .wh_sub_body .section.contribution .con_list_B li {
        padding: 20px 0 10px 0
    }

    .wh_sub_body .section.contribution .con_list_B li.harf_wrap {
        width: auto
    }

    .wh_sub_body .section.contribution .con_list_B li > div {
        float: none !important;
        width: 100% !important
    }

    .wh_sub_body .section.contribution .con_list_B li .img_wrap {
        margin-top: 20px;
        text-align: center
    }

    .wh_sub_body .section.contribution .con_list_B li div strong {
        font-size: 18px;
        line-height: 24px
    }

    .wh_sub_body .section.contribution .con_list_B li div p.tit {
        font-size: 14px;
        margin: 4px 0 10px 0
    }

    .wh_sub_body .section.contribution .con_list_B li div p.txt {
        font-size: 14px;
    }

    /* 회사소개 - 피자헛의 작은차이 추가 */
    .wh_sub_body .section.difference {
        margin-top: 10px !important;
        padding: 30px 10px
    }

    .wh_sub_body .contents_body .head_title {
        margin-top: 0
    }

    .wh_sub_body .section.difference .diff_list > li {
        width: auto;
        margin: 0;
        padding: 0;
        vertical-align: top
    }

    .wh_sub_body .section.difference .diff_list > li > div {
        width: 100%;
        margin-top: 30px
    }

    .wh_sub_body .section.difference .diff_list > li > div > dl {
        width: 59%;
        padding: 0 0 0 10px
    }

    .wh_sub_body .section.difference .diff_list > li > div > img {
        width: 41%
    }
}

/* ----------------------------------------------------------------------------------------------------
                                                10. 고객센터
---------------------------------------------------------------------------------------------------- */

/* 자주묻는 질문 - 상단 */
.wh_sub_body .section_box6 {
    margin: 0 auto;
    padding: 30px 40px;
    background: rgba(78, 74, 73, 0.4);
    border-radius: 4px;
    font-size: 0px;
}

.wh_sub_body .section_box6_search {
    font-size: 0px;
    text-align: center;
}

.wh_sub_body .section_box6_search strong {
    font-size: 20px;
    color: #fff;
    line-height: 34px;
    vertical-align: top;
}

.wh_sub_body .section_box6_search input {
    margin: 0 0 0 20px;
}

.wh_sub_body .section_box6_search button {
    display: inline-block;
    width: 76px;
    margin: 0 0 0 5px;
    border-radius: 4px;
    background: #ed1c24;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.wh_sub_body .section_box6_link {
    display: inline-block;
    margin: 5px 0 0 20px;
    font-size: 0px;
    vertical-align: top;
}

.wh_sub_body .section_box6_link dt {
    font-size: 13px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .section_box6_link dd {
    font-size: 13px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .section_box6_link dd ul {
    font-size: 0px;
}

.wh_sub_body .section_box6_link dd ul li {
    display: inline-block;
    margin: 0 0 0 20px;
}

.wh_sub_body .section_box6_link dd ul li:first-child {
    margin: 0;
}

.wh_sub_body .section_box6_link dd ul a {
    display: block;
    padding: 0 21px 0 0;
    background: url('../images/white_ver/ico_btn_right.png') right 4px no-repeat;
    background-size: 15px;
    font-size: 13px;
    color: #c10a28;
    line-height: 24px;
}

.wh_sub_body .section_box6_tit {
    padding: 1px 0 15px 23px;
    background: url('../images/common/ico_tit_hp.png') left top no-repeat;
    border-bottom: 1px solid #575352;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    line-height: 23px;
}

.wh_sub_body .section_box6_tit span {
    color: #fdd75f;
}

.wh_sub_body .section_box6_txt {
    position: relative;
}

.wh_sub_body .section_box6_txt p {
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .section_box6_txt p strong {
    font-size: 22px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .section_box6_txt p span {
    margin: 0 0 0 10px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .section_box6_txt p span.up {
    margin: 10px 0 0 0;
    color: #858585;
    display: block;
}

.wh_sub_body .section_box6_txt p span.btxt {
    margin: -2px 0 0 0;
    font-size: 13px;
    color: #898483;
    display: block;
}

.wh_sub_body .section_box6_txt a.btn_table7 {
    position: absolute;
    right: 0px;
    top: 7px;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .section_box6_txt p span.up {
        margin: 0 0 0 0;
    }

    .wh_sub_body .section_box6_txt p strong {
        line-height: 31px;
    }

    .wh_sub_body .section_box6_txt p span {
        display: block;
        margin: 0 0 0 0;
    }

    .wh_sub_body .section_box6_link {
        margin: 10px 0 0 0;
    }

    .wh_sub_body .section_box6_txt p {
        font-size: 13px;
        line-height: 18px;
    }
}

/* ----------------------------------------------------------------------------------------------------
                                                11. 피자헛소식
---------------------------------------------------------------------------------------------------- */
.wh_sub_body .tv_video {
    position: relative;
    width: 100%;
    margin: 10px 0 0 0;
}

.wh_sub_body .tv_video img {
    max-width: 100%;
}

.wh_sub_body .tv_video object {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.wh_sub_body .tv_header {
    position: relative;
    height: 48px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .tv_header h3 {
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    line-height: 38px;
}

@media all and (max-width: 740px) {
    .wh_sub_body .tv_header h3 {
        line-height: 24px
    }
}

.wh_sub_body .tv_header select {
    position: absolute;
    right: 0px;
    top: 0px;
}

.wh_sub_body .tv_list_wrap {
    overflow: hidden;
    padding: 20px 0 0 0;
    font-size: 0px;
}

.wh_sub_body .tv_list {
    padding: 0 0 10px 0;
}

.wh_sub_body .tv_list li {
    position: relative;
    display: inline-block;
    width: 25%;
    padding: 10px 5px 10px 5px;
    cursor: pointer;
    _cursor: hand;
}

.wh_sub_body .tv_list li strong {
    display: block;
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #e0dedd;
    font-weight: normal;
    text-align: left;
}

.wh_sub_body .tv_list li div {
    position: relative;
}

.wh_sub_body .tv_list li img {
    width: 100%;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.wh_sub_body .tv_list li:hover img {
    filter: alpha(opacity=100);
    opacity: 1;
}

.wh_sub_body .tv_list li div:hover:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #ed1c24;
    box-sizing: border-box;
}

.wh_sub_body .tv_list_wrap .bx-wrapper .bx-controls-direction a {
    width: 13px;
    height: 20px;
}

.wh_sub_body .tv_list_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -24px;
    top: 51px;
    margin: 0;
    background: url('../images/common/btn_bx_l2.png') left top no-repeat;
}

.wh_sub_body .tv_list_wrap .bx-wrapper .bx-controls-direction a.bx-next {
    right: -24px;
    top: 51px;
    margin: 0;
    background: url('../images/common/btn_bx_r2.png') left top no-repeat;
}

/* ----------------------------------------------------------------------------------------------------
                                                12. 피자헛상품권
---------------------------------------------------------------------------------------------------- */

/* 상품권안내 - 상단영역 */
.wh_sub_body .section_body_gift {
    display: inline-block;
    width: 450px;
    height: 180px;
}

.wh_sub_body .section_body_gift2 {
    float: right;
}

.wh_sub_body .section_body_gift img {
    line-height: 170px;
}

.wh_sub_body .section_body_gift_p {
    font-size: 25px;
    color: #313131;
    font-weight: normal;
    margin: 5px 0 0 0;
}

.wh_sub_body .section_body_gift_p span.red {
    color: #ed1c24;
}

.wh_sub_body .section_body_gift_p2 {
    margin: 0px 0 0 0;
    font-size: 25px;
    color: #313131;
}

.wh_sub_body .section_body_gift_ul {
    float: right;
    width: 450px;
    font-size: 0px;
}

.wh_sub_body .section_body_gift_ul li {
    display: inline-block;
    margin: 0 6px;
    vertical-align: top;
}

.wh_sub_body .section_body_gift_ul li span {
    display: block;
    margin: 4px 0 0 0;
    font-size: 14px;
    color: #e0dedd;
    line-height: 17px;
    text-align: center;
}

/* 고객센터-상품권(버튼추가) */
.wh_sub_body .btn_wrap {
    position: relative;
}

.wh_sub_body .btn_wrap.sp .tiny {
    position: absolute;
    left: -10px;
    top: -19px;
    text-align: center;
    border-radius: 10px;
}

/* 상품권안내 - 상품권 구입 안내 */
.wh_sub_body .cardinfo_box ul {
    font-size: 0px;
    overflow: hidden;
}

.wh_sub_body .cardinfo_box ul li {
    display: inline-block;
    width: 440px;
}

.wh_sub_body .cardinfo_box .table_list_type3 tr th {
    width: 180px;
}

.wh_sub_body .cardinfo_box h4 {
    font-size: 16px;
    margin: 17px 0 0 0;
    font-weight: normal;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .section_body_gift_p {
        font-size: 20px;
    }

    .wh_sub_body .section_body_gift_p2 {
        margin: -3px 0 0 0;
        font-size: 20px;
        color: #313131;
    }

    .wh_sub_body .cardinfo_box ul li {
        float: left;
        width: 100%
    }

    .wh_sub_body .cardinfo_box ul .mar_l20 {
        margin: 0 !important;
    }

    .wh_sub_body .section_body_gift {
        height: auto;
    }

    .wh_sub_body .section_body_gift2 {
        float: none;
        width: 100%
    }

    .wh_sub_body .section_body_gift img {
        max-width: 100%;
        line-height: 170px;
    }
}

@media all and (max-width: 480px) {
    .cardinfo_box .table_list_type3 tr th {
        width: auto;
    }
}

@media all and (max-width: 740px) {
    .section_top_box2_p1 {
        font-size: 18px;
    }
}

.wh_sub_body .section_top_box2_p2 {
    margin: 10px 0 0 0;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .section_top_box2_p3 {
    margin: 0px 0 30px 0;
    font-size: 13px;
    color: #313131;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .section_top_box2_p3 {
        margin: 0px 0 15px 0;
    }

    .wh_sub_body .section_top_box2_p2 {
        margin: 4px 0 0 0;
        font-size: 13px;
        color: #313131;
    }
}

/* ----------------------------------------------------------------------------------------------------
                                                13. 단체주문할인
---------------------------------------------------------------------------------------------------- */
.wh_sub_body .order_box_pd {
    padding-left: 565px;
    background: url('../images/white_ver/img_order.png') 50px center no-repeat;
}

.wh_sub_body .order_box .num_dl dd strong .b_bottom {
    border-bottom: 1px solid #c10a28
}

.wh_sub_body .group_list > ul:after {
    content: '';
    display: block;
    clear: both
}

.wh_sub_body .group_list > ul > li {
    float: left;
    width: 50%;
    min-height: 116px
}

.wh_sub_body .group_list > ul > li:nth-child(odd) .box {
    padding: 0 70px 0 0
}

.wh_sub_body .group_list > ul > li h4 {
    margin-left: 0;
    padding-left: 10px;
    line-height: 30px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .group_list > ul > li.line {
    margin: 30px 0 0 0
}

.wh_sub_body .group_list > ul > li p {
    font-size: 15px;
    color: #313131;
    line-height: 22px;
    letter-spacing: -1px;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .order_box_pd {
        padding: 180px 0 0 0;
        background: url('../images/white_ver/img_order_m.png') center 0 no-repeat;
        background-size: 280px;
    }

    .wh_sub_body .group_list > ul {
    }

    .wh_sub_body .group_list > ul > li, .group_list > ul > li.line {
        display: block;
        float: none;
        width: 100%;
        min-height: auto;
        margin: 15px 0 0 0
    }

    .wh_sub_body .group_list > ul > li:first-child {
        margin: 0 0 0;
    }

    .wh_sub_body .group_list > ul > li:nth-child(odd) .box {
        padding: 0
    }

    .wh_sub_body .group_list > ul > li h4 {
        margin: 0
    }

    .wh_sub_body .group_list > ul > li.line {
        margin: 15px 0 0 0;
    }

    .wh_sub_body .group_list > ul > li p {
        font-size: 13px;
    }
}

/* ----------------------------------------------------------------------------------------------------
                                                14. 가맹점모집
---------------------------------------------------------------------------------------------------- */
.wh_sub_body .partner_list1_wrap {
    position: relative;
    padding: 0 0 0 0px;
}

/*20171103 수정*/
.wh_sub_body .partner_list1_wrap table {
    font-size: 14px;
    color: #313131;
}

/*20171103 추가*/
.wh_sub_body .partner_list1_wrap table th {
    color: #313131;
}

.wh_sub_body .partner_list1_wrap table th, .partner_list1_wrap table td {
    padding: 8px 0;
    text-align: center;
    border-right: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    border-left: 1px solid #acacac;
    border-top: 1px solid #acacac
}

/*20171103 추가*/
.wh_sub_body .partner_list1_wrap table .bold {
    font-weight: bold;
    font-size: 15px;
}

.wh_sub_body .partner_list1_wrap table th, .partner_list1_wrap table td {
    padding: 8px 15px;
    text-align: center;
    border-right: 1px solid #898483;
    border-bottom: 1px solid #acacac;
    border-left: 1px solid #acacac;
    border-top: 1px solid #acacac
}

/*20171103 추가*/
.wh_sub_body .partner_list1_wrap .ico_t1 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin: -50px 0 0 0;
    border: 2px solid #ffd043;
    border-radius: 50px;
    background: url('../images/common/ico_t1.png') center center no-repeat;
}

.wh_sub_body .partner_list1_wrap .ico_t3 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -50px;
    border: 2px solid #ed1c24;
    border-radius: 50px;
    background: url('../images/common/ico_t3.png') center center no-repeat;
}

.wh_sub_body .partner_list1 li {
    padding: 0 0 0 12px;
    background: url('../images/common/ico_partner_list1.png') left 9px no-repeat;
}

.wh_sub_body .partner_list1 li strong {
    display: inline-block;
    width: 100px;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    font-weight: normal;
    vertical-align: top;
}

.wh_sub_body .partner_list1 li span {
    display: inline-block;
    font-size: 15px;
    color: #b6b0af;
    line-height: 26px;
}

.wh_sub_body .partner_list {
    border-top: 2px solid #898483;
    border-bottom: 2px solid #898483;
    overflow: hidden
}

.wh_sub_body .partner_list > li {
    float: left;
    width: 50%;
    vertical-align: top
}

.wh_sub_body .partner_list > li > dl {
    height: 120px;
    padding: 20px 0;
    font-size: 0px;
    border-bottom: 1px solid #413e3d;
    white-space: nowrap
}

.wh_sub_body .partner_list > li > dl.h140 {
    height: 140px;
}

.wh_sub_body .partner_list > li.no_line dl {
    border-bottom: none;
}

.wh_sub_body .partner_list > li > dl > dt {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    white-space: normal
}

.wh_sub_body .partner_list > li > dl > dt > strong {
    font-size: 15px;
    color: #c10a28;
    font-weight: normal;
}

.wh_sub_body .partner_list > li > dl > dt > span {
    display: block;
    margin: 5px 0 0 0;
    font-size: 16px;
    color: #313131;
}

.wh_sub_body .partner_list > li > dl > dd {
    display: inline-block;
    width: 75%;
}

.wh_sub_body .partner_list > li > dl > dd > ul > li {
    font-size: 14px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .partner_list > li > dl > dd > ul > li > ul > li {
    font-size: 14px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .info_box {
    overflow: hidden;
    margin-top: 30px
}

.wh_sub_body .info_box .info_txt {
    float: left;
    padding-left: 13px;
    line-height: 21px;
    background: url('../images/white_ver/ico_bl4.jpg') no-repeat 0 6px;
    background-size: 5px;
    font-size: 15px;
    color: #313131
}

.wh_sub_body .info_box .btn_nobg3 {
    margin-left: 12px;
    height: 28px;
    line-height: 28px
}

@media all and (max-width: 1024px) {
    .wh_sub_body .partner_list1_wrap {
        padding: 0 0 0 0;
    }

    .wh_sub_body .partner_list1_wrap .ico_t1 {
        left: 50%;
        top: 0px;
        margin: 0 0 0 -50px;
    }

    .wh_sub_body .partner_list1 li strong {
        width: 80px;
    }

    .wh_sub_body .partner_list > li {
        display: block;
        width: 100%;
        padding: 0 0 0 10px;
    }

    .wh_sub_body .partner_list > li.no_line {
        border-bottom: 1px solid #413e3d;
    }

    .wh_sub_body .partner_list > li:last-child.no_line {
        border-bottom: none;
    }

    .wh_sub_body .partner_list > li > dl {
        position: relative;
        height: auto;
        min-height: 76px;
        padding: 20px 0 20px 120px;
    }

    .wh_sub_body .partner_list > li > dl.h140 {
        height: auto;
    }

    .wh_sub_body .partner_list > li > dl dt {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 120px;
    }

    .wh_sub_body .partner_list > li > dl dt.mar_t15 {
        margin: 0 !important;
    }

    .wh_sub_body .partner_list > li > dl dt.mar_t20 {
        margin: 0 !important;
    }

    .wh_sub_body .partner_list > li > dl dt.mar_t25 {
        margin: 0 !important;
    }

    .wh_sub_body .partner_list > li > dl dt.mar_t30 {
        margin: 0 !important;
    }

    .wh_sub_body .partner_list > li > dl dd {
        width: 100%;
        padding: 0 10px 0 0;
        white-space: normal
    }

    .wh_sub_body .partner_list > li > dl dd.mar_t15 {
        margin: 0 !important;
    }

    .wh_sub_body .partner_list > li > dl dd.mar_t30 {
        margin: 0 !important;
    }

    .wh_sub_body .partner_list > li > dl dd ul.mar_t20 {
        margin: 0 !important;
    }
}

/* ----------------------------------------------------------------------------------------------------
                                                15. 빠른주문
---------------------------------------------------------------------------------------------------- */

.wh_sub_body .quick_list_wrap {
    overflow: hidden;
    height: 680px;
}

.wh_sub_body .quick_list > li {
    float: left;
    display: block;
    width: 187px;
    height: 680px;
    margin: 0 0 0 10px;
}

.wh_sub_body .quick_list > li:first-child {
    margin: 0;
}

.wh_sub_body .quick_list > li.active {
    width: 786px;
    background: url('../images/common/ico_tab_input2.png') center top no-repeat rgba(0, 0, 0, 0.4);
}

.wh_sub_body .quick_list > li > div {
    display: none;
}

.wh_sub_body .quick_list > li > a {
    display: block;
    width: 187px;
    height: 680px;
    padding: 36px 20px 36px 20px;
    text-align: center;
}

.wh_sub_body .quick_list > li > a > span {
    display: block;
    font-size: 13px;
    color: #b6b0af;
}

.wh_sub_body .quick_list > li > a > strong {
    display: block;
    margin: 8px 0 0 0;
    font-size: 17px;
    color: #b6b0af;
    font-weight: normal;
}

.wh_sub_body .quick_list > li.quick_list1 > a {
    background: url('../images/quick/bg_01.png') center bottom no-repeat rgba(0, 0, 0, 0.4);
}

.wh_sub_body .quick_list > li.quick_list2 > a {
    background: url('../images/quick/bg_02.png') center bottom no-repeat rgba(0, 0, 0, 0.4);
}

.wh_sub_body .quick_list > li.quick_list3 > a {
    background: url('../images/quick/bg_03.png') center bottom no-repeat rgba(0, 0, 0, 0.4);
}

.wh_sub_body .quick_list > li.active > div {
    display: block;
    padding: 40px;
}

.wh_sub_body .quick_list > li.active > a {
    display: none;
}

.wh_sub_body .quick_list_tit {
    color: #fdd043;
    text-align: center;
}

.wh_sub_body .quick_list_tit span {
    font-size: 13px;
}

.wh_sub_body .quick_list_tit strong {
    display: block;
    margin: 8px 0 0 0;
    font-size: 17px;
    font-weight: normal;
}

.wh_sub_body .quick_list_con_tit {
    overflow: hidden;
    display: block;
    margin: 35px 0 20px 0;
    font-size: 16px;
    color: #fff;
}

.wh_sub_body .quick_list_con_tit a {
    float: right;
    margin: 0;
}

.wh_sub_body .quick_con11 > div {
    display: none;
}

.wh_sub_body .quick_con11 > div:first-child {
    display: block;
}

.wh_sub_body .quick_list3_con > div {
    display: none;
    height: 429px;
    padding: 10px 0;
    border-top: 2px solid #898483;
    border-bottom: 1px solid #898483;
}

.wh_sub_body .quick_list3_con > div:first-child {
    display: block;
}

.wh_sub_body .table_quick th {
    padding: 13px 0;
    border: 1px solid #ccc;
    background: #56514f;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.wh_sub_body .table_quick td {
    position: relative;
    padding: 13px 10px;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #4b4b4b;
    line-height: 24px;
}

.wh_sub_body .table_quick td > label {
    font-size: 13px;
    color: #ed1c24;
    font-weight: 700;
}

.wh_sub_body .table_quick td > label > strike {
    font-size: 12px;
    color: #585858;
    font-weight: normal;
}

.wh_sub_body .table_quick td.table_quick_div {
    background: #f7f4f1;
}

.wh_sub_body .table_quick_div1 {
    padding: 14px 0;
    border-bottom: 1px solid #ccc;
}

.wh_sub_body .table_quick_div1 label {
    margin: 0 0 0 20px;
}

.wh_sub_body .table_quick_div1 label:first-child {
    margin: 0;
}

.wh_sub_body .table_quick_div1 > ul > li {
    margin: 10px 0 0;
}

.wh_sub_body .table_quick_div1 > ul > li > label {
    margin: 0 0 0 5px;
}

.wh_sub_body .table_quick_div1 > ul > li:first-child {
    margin: 0;
}

.wh_sub_body .table_quick_div2 {
    padding: 14px 0;
    border-bottom: 1px solid #ccc;
}

.wh_sub_body .table_quick_div2 ul li dl {
    overflow: hidden;
}

.wh_sub_body .table_quick_div2 ul li dl dt {
    float: left;
    padding: 0 0 0 10px;
    background: url('../images/common/ico_bl5.png') left 8px no-repeat;
}

.wh_sub_body .table_quick_div2 ul li dl dd {
    float: right;
}

.wh_sub_body .add_box {
    position: relative;
    width: 100%;
    padding: 0 110px 0 0;
}

.wh_sub_body .add_box a {
    position: absolute;
    right: 0px;
    top: 0px;
}

.wh_sub_body .add_box input {
    width: 100%;
    color: #898483;
}

.wh_sub_body .add_box2 {
    position: relative;
    width: 100%;
    padding: 20px 130px 20px 20px;
    background: #f4f4f4;
}

.wh_sub_body .wh_sub_body .add_box2 a {
    position: absolute;
    right: 20px;
    top: 20px;
}

.wh_sub_body .add_box2 input {
    width: 100%;
    background: #ffffff;
}

.wh_sub_body .add_wrap {
    overflow: hidden;
    margin: 25px 0 0 0;
    border-top: 1px solid #ededed;
}

.wh_sub_body .add_list_wrap {
    float: left;
    width: 280px;
}

.wh_sub_body .add_list {
    height: 550px;
    overflow-y: auto;
    border-top: 2px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.wh_sub_body .add_list.h_a {
    padding: 10px 0;
    height: auto;
    max-height: 240px;
}

.wh_sub_body .add_list ul li {
    padding: 20px 10px;
    border-bottom: 1px solid #ededed;
}

.wh_sub_body .add_list ul li strong {
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}

.wh_sub_body .add_list ul li span {
    display: block;
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 24px;
    cursor: pointer;
}

.wh_sub_body .add_info {
    float: left;
    width: 500px;
    margin: 0 0 0 20px;
}

.wh_sub_body .quick_btn {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 70px;
    height: 100%;
    padding: 10px 0 0 0;
    border-left: 1px solid #ccc;
    text-align: center;
    background: url('../images/quick/ico_up.png') center 35px no-repeat #ede8e4;
}

.wh_sub_body .quick_btn_con {
    display: none;
}

.wh_sub_body .quick_list2_con > div {
    display: none;
}

.wh_sub_body .quick_list2_con > div:first-child {
    display: block;
}

.wh_sub_body .quick_list21_con_list1 {
    height: 333px;
    padding: 20px 0;
    border-top: 2px solid #898483;
    border-bottom: 1px solid #898483;
}

.wh_sub_body .quick_list22_con_list {
    height: 333px;
    padding: 20px 0;
    border-top: 2px solid #898483;
    border-bottom: 1px solid #898483;
}

.wh_sub_body .quick_list22_con_list2 {
    display: none;
}

.wh_sub_body .quick_tit7 {
    font-size: 14px;
    color: #89532e;
    font-weight: 700;
}

.wh_sub_body .quick_list_box {
    margin: 20px 0 0 0;
}

.wh_sub_body .quick_list_box ul {
    font-size: 0px;
}

.wh_sub_body .quick_list_box ul li {
    display: inline-block;
    width: 25%;
    margin: 10px 0;
}

.wh_sub_body .quick_list_box ul li label {
    margin: 0 0 0 5px;
    font-size: 15px;
    color: #ffffff;
}

.wh_sub_body .quick_list_box2 {
    margin: 20px 0 0 0;
}

.wh_sub_body .quick_list_box2 ul {
    font-size: 0px;
}

.wh_sub_body .quick_list_box2 ul li {
    display: inline-block;
    width: 33%;
    margin: 10px 0;
}

.wh_sub_body .quick_list_box2 ul li label {
    margin: 0 0 0 5px;
    font-size: 15px;
    color: #ffffff;
}

.wh_sub_body .quick_list_top {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .quick_list_top strong {
    font-size: 17px;
    color: #ffffff;
    font-weight: normal;
}

.wh_sub_body .quick_list_top span {
    display: block;
    margin: 10px 0 0 0;
    font-size: 15px;
    color: #bbbbbb;
}

.wh_sub_body .quick_list_top div {
    position: absolute;
    right: 0px;
    top: 26px;
}

.wh_sub_body .table_quick_div3 {
    padding: 14px 0;
    text-align: right;
}

.wh_sub_body .quick_tooltip_bt {
    display: inline-block;
    height: 25px;
    padding: 0 16px 0 8px;
    font-size: 11px;
    color: #96713b;
    line-height: 25px;
    background: url('../images/common/ico_thumb_down.png') right center no-repeat;
    border: 1px solid #ceb898;
}

.wh_sub_body .quick_bottom_wrap {
    overflow: hidden;
    margin: 20px 0 130px 0;
}

.wh_sub_body .quick_bottom_l {
    float: left;
    width: 786px;
    height: 300px;
    padding: 40px;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .quick_bottom_list {
    font-size: 0px;
}

.wh_sub_body .quick_bottom_list > li {
    display: inline-block;
    position: relative;
    width: 168px;
    height: 170px;
    margin: 0 0 0 10px;
    font-size: 0px;
    background: rgba(255, 255, 255, 0.1);
    vertical-align: top;
}

.wh_sub_body .quick_bottom_list > li:first-child {
    margin: 0;
}

.wh_sub_body .quick_bottom_list > li > div {
    padding: 60px 20px 20px 20px;
}

.wh_sub_body .quick_bottom_list > li.active > div {
    padding: 20px 20px 20px 20px;
}

.wh_sub_body .quick_bottom_list > li > div > a {
    display: none;
    position: absolute;
    right: -5px;
    top: -5px;
}

.wh_sub_body .quick_bottom_list > li.active > div > a {
    display: block;
}

.wh_sub_body .quick_bottom_list > li > div > strong {
    display: block;
    font-size: 20px;
    color: #fdd043;
    text-align: center;
}

.wh_sub_body .quick_bottom_list > li > div > span {
    display: block;
    margin: 11px 0 0 0;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
}

.wh_sub_body .quick_bottom_list > li.active > div > span {
    display: none;
}

.wh_sub_body .quick_bottom_list > li > div > ul {
    display: none;
    margin: 15px 0 0 0;
}

.wh_sub_body .quick_bottom_list > li.active > div > ul {
    display: block;
}

.wh_sub_body .quick_bottom_list > li > div > ul > li {
    padding: 0 0 0 12px;
    font-size: 15px;
    color: #ffffff;
    line-height: 22px;
    text-indent: -12px;
}

.wh_sub_body .quick_bottom_r {
    float: right;
    width: 384px;
    height: 300px;
    padding: 40px;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .quick_bottom_r_box {
    height: 130px;
}

.wh_sub_body .quick_bottom_r_box > ul {
    overflow-y: scroll;
    height: 88px;
    padding: 5px 0;
    background: #444;
    border: 1px solid #525252;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.wh_sub_body .quick_bottom_r_box > ul > li {
    margin: 10px 0 0 0;
    padding: 0 26px;
}

.wh_sub_body .quick_bottom_r_box > ul > li > dl {
    overflow: hidden;
    padding: 0 0 0 10px;
    background: url('../images/common/ico_bl5.png') left 6px no-repeat;
}

.wh_sub_body .quick_bottom_r_box > ul > li > dl > dt {
    float: left;
    display: inline-block;
}

.wh_sub_body .quick_bottom_r_box > ul > li > dl > dt > strong {
    font-size: 13px;
    color: #e0e0e0;
}

.wh_sub_body .quick_bottom_r_box > ul > li > dl > dt > span {
    display: block;
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #fdd75f;
}

.wh_sub_body .quick_bottom_r_box > ul > li > dl > dd {
    float: right;
    display: inline-block;
    font-size: 13px;
    color: #e0e0e0;
}

.wh_sub_body .quick_bottom_r_box > dl {
    overflow: hidden;
    height: 42px;
    padding: 0 26px;
    background: #444;
    border: 1px solid #525252;
    border-top: 1px solid #5a5a5a;
    border-radius: 0 0 4px 4px;
}

.wh_sub_body .quick_bottom_r_box > dl > dt {
    float: left;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}

.wh_sub_body .quick_bottom_r_box > dl > dd {
    float: right;
    display: inline-block;
    line-height: 40px;
}

.wh_sub_body .quick_bottom_r_box > dl > dd > em {
    font-size: 22px;
    color: #fdd75f;
}

.wh_sub_body .quick_bottom_r_box > dl > dd > span {
    font-size: 13px;
    color: #e0e0e0;
}

.wh_sub_body .quick_bottom_r_box2 > ul {
    height: 85px;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .quick_bottom_r_box2 > ul > li {
    margin: 10px 0 0 0;
}

.wh_sub_body .quick_bottom_r_box2 > ul > li > dl {
    overflow: hidden;
}

.wh_sub_body .quick_bottom_r_box2 > ul > li > dl > dt {
    float: left;
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
}

.wh_sub_body .quick_bottom_r_box2 > ul > li > dl > dt > strong {
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
}

.wh_sub_body .quick_bottom_r_box2 > ul > li > dl > dt > strong > span.gold {
    font-size: 15px;
    color: #fdd043;
}

.wh_sub_body .quick_bottom_r_box2 > ul > li > dl > dt > span.n {
    display: block;
    margin: 5px 0 0 0;
    font-size: 15px;
    color: #898483;
}

.wh_sub_body .quick_bottom_r_box2 > ul > li > dl > dd {
    float: right;
    display: inline-block;
    font-size: 13px;
    color: #e0e0e0;
    line-height: 18px;
    vertical-align: top;
}

.wh_sub_body .quick_bottom_r_box2 > dl {
    overflow: hidden;
    height: 59px;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .quick_bottom_r_box2 > dl > dt {
    float: left;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 59px;
}

.wh_sub_body .quick_bottom_r_box2 > dl > dd {
    float: right;
    display: inline-block;
    line-height: 59px;
}

.wh_sub_body .quick_bottom_r_box2 > dl > dd > em {
    font-size: 22px;
    color: #ed1c24;
}

.wh_sub_body .quick_bottom_r_box2 > dl > dd > span {
    font-size: 13px;
    color: #ed1c24;
}

.wh_sub_body .quick_list_ul {
    overflow-y: auto;
    height: 186px;
    padding: 10px 0;
    border-top: 2px solid #898483;
    border-bottom: 1px solid #898483;
}

.wh_sub_body .quick_list_ul li {
    padding: 15px 20px 15px 0;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .quick_list_ul li div {
    display: inline-block;
    margin: 0 0 0 20px;
    line-height: 21px;
}

.wh_sub_body .quick_list_ul li div label {
    margin: 0 0 0 30px;
    font-size: 15px;
    color: #ffffff;
}

.wh_sub_body .quick_list_ul li div span {
    font-size: 13px;
    color: #898383;
}

.wh_sub_body .coupon_state {
    border-radius: 3px;
    background: #eee8dd;
}

.wh_sub_body .coupon_state:after {
    content: "";
    clear: both;
    display: block;
}

.wh_sub_body .coupon_state li {
    float: left;
    width: 33.33333%;
    text-align: center;
}

.wh_sub_body .coupon_state li dl dt {
    line-height: 54px;
    color: #333333;
    font-size: 14px;
    background-image: url('../images/mypage/bg_coupon_bar.png');
    background-position: right center;
    background-repeat: no-repeat;
    font-weight: 700;
}

.wh_sub_body .coupon_state li dl dd {
    border-radius: 0 0 3px 3px;
    line-height: 60px;
    color: #333333;
    font-size: 14px;
    background-color: #ffffff;
    background-image: url('../images/mypage/bg_coupon_bar.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.wh_sub_body .coupon_state li dl dd.pd15 {
    padding: 15px 0;
    background-image: url('../images/mypage/bg_coupon_bar2.png');
}

.wh_sub_body .coupon_state li dl dd.lh30 {
    line-height: 30px;
}

.wh_sub_body .coupon_state li dl dd em {
    font-size: 24px;
    color: #ed1c24;
}

.wh_sub_body .coupon_state li:last-child dt, .coupon_state li:last-child dd {
    background-image: none;
}

.all_tab2 {
    display: none;
}

.all_tab3 {
    display: none;
}

.allergy_pop_wrap > div {
    display: none;
}

.allergy_pop_wrap > div:first-child {
    display: block;
}

/* ----------------------------------------------------------------------------------------------------
                                                16. etc
---------------------------------------------------------------------------------------------------- */

.wh_sub_body .section_top_box2 { /* overflow:hidden; */
    font-size: 0px;
}

.wh_sub_body .section_top_box2_l {
    margin: 33px 0 0 0;
    display: inline-block;
    width: 430px;
    height: 179px;
    text-align: center;
    line-height: 179px;;
    vertical-align: top;
}

.wh_sub_body .section_top_box2_l img {
    width: 410px;
    height: 159px;
}

.wh_sub_body .section_top_box2_r {
    display: inline-block;
    width: 445px;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.wh_sub_body .section_top_box2_r .am_box_wrap {
    margin-top: 10px
}

.wh_sub_body .section_top_box2_r .am_box_wrap:first-child {
    margin-top: 0
}

.wh_sub_body .section_top_box2_r .title {
    display: inline-block;
    padding: 0 90px 0 0;
    line-height: 38px;
    font-weight: normal;
    font-size: 14px;
    color: #313131
}

.wh_sub_body .section_top_box2_r .am_box button {
    width: 38px
}

/*.wh_sub_body .section_top_box2_r .am_box input.am_box_c {
    width: 40px;
    margin: 0 0 0 0;
}*/

.wh_sub_body .section_top_box2_r .am_box_wrap .btn_red {
    display: inline-block;
    margin-left: 10px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    background-color: #ed1c24;
    vertical-align: top;
    font-size: 15px;
    color: #fff
}

.wh_sub_body .section_top_box2_p1 {
    font-size: 22px;
    color: #313131;
}

/* 인터넷 주문하기 - 상단영역 */
.wh_sub_body .section_top_box2 {
    overflow: hidden;
    font-size: 0px;
}

.wh_sub_body .section_top_box2_p1 {
    font-size: 22px;
    color: #313131;
}

@media all and (max-width: 1189px) {
    .wh_sub_body .section_top_box2_l {
        height: 135px;
    }

    .wh_sub_body .section_top_box2_l img {
        width: auto;
        height: 107px;
        vertical-align: top;
        margin: 20px 0 0 0;
    }

    .wh_sub_body .section_top_box2_l {
        display: block;
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .section_top_box2_r {
        display: block;
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
    }
}

/* 단체주문할인 - 주문서작성 파일선택 */
.wh_sub_body .table_wrap .file_box {
    padding-right: 100px;
    height: 38px;
    vertical-align: top
}

.wh_sub_body .table_wrap .file_box .file {
    overflow: hidden;
    width: 45px;
    right: 50px;
    height: 40px;
    z-index: 10
}

.wh_sub_body .table_wrap .file_box .fake {
    position: absolute;
    right: 50px;
    height: 38px
}

.wh_sub_body .table_wrap .file_box .btn_del {
    position: absolute;
    right: 0;
    height: 38px
}

.wh_sub_body .table_wrap .file_box .btn_del.gray {
    background: #acacac;
    border: 1px solid #bfbfbf;
}

.wh_sub_body .discount .section .section_header > h3 {
    display: inline-block;
    font-size: 21px;
    color: #c10a28;
    line-height: 24px;
    font-weight: bold;
}

.wh_sub_body .section .section_header > span.sub_tit {
    float: none;
    display: block;
    font-size: 15px;
    color: #313131;
    line-height: 17px;
    margin: 10px 0 0 0;
}

/* 비밀번화 확인 popup */
.wh_sub_body .lp_pw {
    padding: 15px;
    background: #e8bb42;
}

.wh_sub_body .lp_pw.w {
    overflow-y: auto;
    padding: 0;
    background: #fff;
}

.wh_sub_body .lp_pw_wrap h2 {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #000;
}

.wh_sub_body .lp_pw_wrap h2.h2_tit {
    margin: 15px 0 0 0;
    font-size: 26px;
    color: #76655d;
}

.wh_sub_body .lp_pw_wrap h2.h2_tit2 {
    margin: 20px 30px 24px 30px;
    padding: 0 0 20px 0;
    font-size: 17px;
    color: #76655d;
    border-bottom: 2px solid #e0e0e0;
}

.wh_sub_body .lp_pw_wrap_pop {
    width: 890px;
    max-width: 100%;
    padding: 0 30px;
}

.wh_sub_body .lp_pw_wrap_pop_c {
    width: 890px;
    max-width: 100%;
    height: 500px;
    margin: 30px 0 0 0;
}

.wh_sub_body .lp_pw_wrap_pop_c div {
    display: none;
}

.wh_sub_body .lp_pw_wrap_pop_c div:first-child {
    display: block;
}

.wh_sub_body .lp_pw_wrap .lp_pw_txt {
    padding: 20px 0;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    text-align: center;
}

.wh_sub_body .lp_pw_wrap_01 {
    margin: 25px 0 0 0;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.wh_sub_body .lp_pw_wrap_01 .tit2 {
    font-size: 18px;
    color: #4b4b4b;
    font-weight: 700;
}

.wh_sub_body .lp_pw_wrap_01 .lp_txt {
    margin: 14px 0 0 0;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 24px;
}

.wh_sub_body .lp_pw_wrap_02 {
    padding: 20px 0 0 0;
}

.wh_sub_body .lp_pw_wrap_02 .tit3 {
    font-size: 16px;
    color: #9b6335;
    font-weight: 700;
}

.wh_sub_body .lp_pw_wrap_02 ol {
    margin: 9px 0;
}

.wh_sub_body .lp_pw_wrap_02 ol li {
    font-size: 14px;
    color: #4b4b4b;
    font-weight: 700;
    line-height: 24px;
}

.wh_sub_body .lp_pw_wrap_02 .lp_txt2 {
    font-size: 14px;
    color: #ed1c24;
}

.wh_sub_body .lp_bottom {
    height: 30px;
    background: #efcc6d;
    text-align: right;
}

.wh_sub_body .lp_bottom label {
    margin: 0 20px 0 5px;
    font-size: 12px;
    color: #000;
    line-height: 30px;
}

.wh_sub_body .lp_bottom2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    background: #e0dedd;
    text-align: center;
}

.wh_sub_body .lp_bottom2 label {
    margin: 0 20px 0 5px;
    font-size: 12px;
    color: #000;
    line-height: 30px;
}

.wh_sub_body .lp_thumb_body {
    padding: 30px 30px 0 30px;
}
.wh_sub_body .lp_thumb_img {
    float: left;
    width: 30%;
    border:0;
    font-size: 0px;
    text-align: center;
    line-height: 96px;
    padding:0 0 0 2%;
}

.wh_sub_body .lp_thumb_img img {
    max-width: 100%;
    max-height: 100%;
}

.wh_sub_body .lp_thumb_info {
    float: left;
    width: 70%;
    padding: 0 0 0 20px;
}

/* 설문조사 */
.wh_sub_body .poll p {
    margin: 0 0 20px 0;
    font-size: 17px;
    line-height: 22px;
}

.wh_sub_body .checklist li {
    line-height: 36px;
}

.wh_sub_body .checklist2 li {
    line-height: 36px;
}

.wh_sub_body .btnArea {
    margin: 30px auto;
    text-align: center;
}

.wh_sub_body .search_box_wrap {
    font-size: 0px;
    text-align: right;
}

.wh_sub_body .search_box_wrap select {
    display: inline-block;
    vertical-align: top;
}

.wh_sub_body .search_box {
    overflow: hidden;
    display: inline-block;
    width: 178px;
    height: 36px;
    margin: 0 0 0 10px;
    border: 1px solid #635d5b;
    vertical-align: top;
}

.wh_sub_body .search_box input {
    width: 130px;
    height: 26px;
    margin: 5px 0;
    color: #313131;
    line-height: 26px;
    border: none;
    background: none;
}

.wh_sub_body .search_box a {
    margin: -2px 12px 0 12px;
}

.wh_sub_body .search_box a img {
    width: 17px;
}

/* region */
.wh_sub_body .region_select .select_name {
    display: inline-block;
    line-height: 38px;
    color: #313131
}

.wh_sub_body .region_select .select_area {
    display: inline-block;
    margin-left: 95px;
    width: 200px;
    vertical-align: top
}

.wh_sub_body .region_list_wrap h3 {
    margin: 0;
    font-size: 22px;
    color: #313131;
}

.wh_sub_body .region_list_wrap h3 .fr {
    font-size: 14px;
    color: #313131
}

.wh_sub_body .region_list_wrap .slct_cont {
    display: none
}

.wh_sub_body .region_list_wrap .slct_cont.on {
    display: block
}

.wh_sub_body .textarea_normal {
    width: 100%;
    height: 142px;
    padding: 10px;
    font-size: 15px;
    color: #313131;
    line-height: 23px;
    background: none;
    border: 1px solid #635d5b;
    outline-color: #c10a28;
}
.wh_sub_body .textarea_normal:focus
{
    -webkit-box-shadow: 0px 0px 2px #c10a28;
    -moz-box-shadow: 0px 0px 2px #c10a28;
    box-shadow: 0px 0px 2px #c10a28;
    border-color: #c10a28;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .search_box_wrap {
        position: relative;
        width: 100%;
        padding: 0 0 0 116px;
    }

    .wh_sub_body .search_box_wrap select {
        position: absolute;
        width: auto;
        left: 0px;
        top: 0px;
        height: 36px;
        line-height: 36px;
    }

    .wh_sub_body .search_box_wrap .search_box {
        position: relative;
        padding: 0 35px 0 0;
    }

    .wh_sub_body .search_box_wrap .search_box a {
        position: absolute;
        right: 0px;
        top: 10px;
    }

    .wh_sub_body .search_box_wrap .search_box input {
        width: 100%;
    }

    .wh_sub_body .search_box {
        overflow: hidden;
        display: inline-block;
        width: 100%;
        height: 36px;
        margin: 0;
        border: 1px solid #635d5b;
        vertical-align: top;
    }

    .wh_sub_body .section.region_select {
        margin-bottom: 10px
    }

    .wh_sub_body .region_list_wrap h3 {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 0 0 5px;
    }

    .wh_sub_body .region_select .select_name {
        float: left
    }

    .wh_sub_body .region_select .select_area {
        display: block;
        width: auto;
        margin-left: 140px
    }

    .wh_sub_body .region_list th {
        padding: 20px 10px;
    }

    .wh_sub_body .region_list td {
        padding: 20px 10px;
    }
}

@media all and (max-width: 480px) {
    .wh_sub_body .region_select .select_area {
        margin-left: 100px
    }

    .wh_sub_body .region_list th:first-child, .wh_sub_body .region_list td:first-child {
        width: 100px
    }

    .wh_sub_body .region_select .select_area {
        margin-left: 100px
    }

    .wh_sub_body .region_list_wrap h3 .fr {
        margin: 15px 0
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .table_wrap .file_box {
        padding-right: 120px;
        height: 38px;
        vertical-align: top
    }
}

.wh_sub_body .section_body.inline {
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

.wh_sub_body .section_body_l {
    display: inline-block;
    width: 100%;
    white-space: normal
}

.wh_sub_body .section_body_l .tit,
.wh_sub_body .section_body_r .tit {
    display: block;
    margin: 0;
    font-size: 22px;
    color: #ed1c24;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
}

.wh_sub_body .section_body_l .txt,
.wh_sub_body .section_body_r .txt {
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #bab4b4;
    line-height: 24px;
    text-align: center;
}

.wh_sub_body .section_body_l .txt strong,
.wh_sub_body .section_body_r .txt strong {
    font-size: 22px;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .section_body_l .txt span,
.wh_sub_body .section_body_r .txt span {
    margin: 0 0 0 10px;
    font-size: 15px;
    color: #313131;
}

.wh_sub_body .section_body_r {
    display: inline-block;
    width: 50%;
    border-left: 1px solid #413e3d;
}

.wh_sub_body .btn_table7 {
    position: relative;
    display: inline-block;
    height: 38px;
    border-radius: 10px;
    padding: 0 35px 0 10px;
    border: 1px solid #898483;
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #898483;
    line-height: 35px;
    text-align: center;
    vertical-align: top;
}

.wh_sub_body .btn_table7:hover {
    color: #fff;
    background-color: #898483
}

.wh_sub_body .btn_table7:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    width: 7px;
    height: 11px;
    background: url('../images/common/ico_bl8.png') 0 0 no-repeat;
    background-size: 26px 11px
}

.wh_sub_body .btn_table7:hover:after {
    background-position: -18px 0
}

@media all and (max-width: 1024px) {
    .wh_sub_body .mp_b {
        padding: 20px 12px 20px 12px;
    }

    .wh_sub_body .section_body_l {
        display: block;
        width: 100%;
    }

    .wh_sub_body .section_body_l p.txt {
        margin: 5px 0 0 0;
    }

    .wh_sub_body .section_body_l p.txt span {
        display: block;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .section_body_r {
        display: block;
        width: 100%;
        margin: 53px 0 0 0;
        padding: 60px 0 0 0;
        border-top: 1px solid #413e3d;
        border-left: none;
    }

    .wh_sub_body .section_body_r p.txt {
        margin: 20px 0 0 0;
    }

    .wh_sub_body .section_body_r p.txt span {
        display: block;
        margin: 10px 0 0 0;
    }
}

.wh_sub_body .tab_select_wrap .section_box7 {
    margin-top: 20px;
    padding-bottom: 0px
}

.wh_sub_body .section_box7 {
    position: relative;
    margin-top: 30px;
    padding: 0 0 60px 0;
    font-size: 0px;
}

.wh_sub_body .section_box7 .section_box7_search {
    display: inline-block;
    width: 558px;
    height: 52px;
    background: #fff;
    border: 1px solid #313131;
}

.wh_sub_body .section_box7 .section_box7_search input {
    width: 490px;
    margin: 7px 10px;
    border: none;
    font-size: 17px;
    color: #858585;
    background: #fff;
}

.wh_sub_body .section_box7 .section_box7_search input:-ms-input-placeholder {
    color: #858585;
!important
}

.wh_sub_body .section_box7 .section_box7_search input::-webkit-input-placeholder {
    color: #858585;
}

.wh_sub_body .section_box7 .section_box7_search input:-moz-placeholder {
    color: #858585;
}

.wh_sub_body .section_box7 .section_box7_search a {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url('../images/white_ver/ico_search2_1.png') center center no-repeat;
    background-size: 22px;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .tab_select_wrap .section_box7 {
        margin-top: 0;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

    .wh_sub_body .section_box7 {
        margin-top: 0;
        padding: 0 0 22px 0;
    }

    .wh_sub_body .section_box7 .section_box7_search {
        position: relative;
        width: 100%;
        padding: 0 48px 0 10px;
    }

    .wh_sub_body .section_box7 .section_box7_search input {
        width: 100%;
        margin: 7px 0;
    }

    .wh_sub_body .section_box7 .section_box7_search a {
        position: absolute;
        right: 10px;
        top: 7px;
    }

    .wh_sub_body .section.tab_select_wrap {
        position: relative;
        margin-top: 52px;
    }

    .wh_sub_body .tab_select_list {
        position: absolute;
        left: 0px;
        top: -52px;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 12px;
        z-index: 40;
        box-shadow: none
    }
}

@media all and (max-width: 1024px) {
    .wh_sub_body .table_wrap_body.table_w637 td {
        padding: 9px 0 0
    }

    .wh_sub_body .table_wrap_body.table_w700 .m_td2 .td_poa3 {
        min-width: 90px;
    }

    .wh_sub_body .table_wrap_body.table_w637 td select, .table_wrap_body.table_w637 td input {
        font-size: 14px
    }

    .wh_sub_body .table_wrap_body.table_w637 td.m_td2 {
        padding: 9px 0 0 80px
    }

    .wh_sub_body .table_wrap_body.table_w637 .td_poa {
        display: none
    }

    .wh_sub_body .table_wrap_body.table_w637 .m_td_1 {
        padding-right: 110px
    }

    .wh_sub_body .table_wrap_body.table_w637 .m_td_1 .td_poa {
        display: block
    }

    .wh_sub_body .table_wrap_body.table_w637 td .td_poa3 {
        left: 0;
        min-width: 70px;
        font-size: 14px;
        background-size: 17px
    }

    .wh_sub_body .table_wrap_body.table_w637 .m_td3 .td_poa, .table_wrap_body.table_w637 .m_td .td_poa {
        display: block
    }

    .wh_sub_body .table_wrap_body.table_w637 .m_td3 .td_poa3 {
        min-width: 90px
    }

    .wh_sub_body .table_wrap_body.table_w637 td .in_w155 {
        width: 48%
    }

    .wh_sub_body .table_wrap_body.table_w637 td .in_w155 + .in_w155 {
        float: right;
        width: 47.6%
    }

    .wh_sub_body .table_wrap_body.table_w637 td .in_w330 {
        width: 100% !important
    }

    .wh_sub_body .table_wrap_body td {
        padding: 9px 0 0 0
    }

    .wh_sub_body .table_wrap_body td.m_td {
        padding: 9px 110px 0 0;
    }

    .wh_sub_body .table_wrap_body td.m_td2 {
        padding: 9px 122px 0 100px;
    }

    .wh_sub_body .member_input .table_wrap_body td.m_td2 {
        padding: 9px 122px 0 100px;
    }

    .wh_sub_body .table_wrap_body td.m_td2_2 {
        padding: 9px 0px 9px 100px;
    }

    .wh_sub_body .table_wrap_body td.m_td3 {
        padding: 9px 110px 9px 100px;
    }

}

/* 비회원주문 로그인 */
.wh_sub_body .nonmemOrder .table_wrap_body tr {
    height: 50px;
}

.wh_sub_body .nonmemOrder .table_wrap_body td.m_td3 {
    padding: 9px 130px 3px 130px
}

.wh_sub_body .nonmemOrder .table_wrap_body td.m_td {
    padding: 9px 130px 9px 10px
}

@media all and (max-width: 1024px) {
    /* 비회원주문 로그인 */
    .wh_sub_body .nonmemOrder .table_wrap_body td.m_td3 {
        padding: 9px 110px 0 100px
    }

    .wh_sub_body .nonmemOrder .table_wrap_body td.m_td {
        padding: 9px 110px 9px 0
    }

    .wh_sub_body .nonmemOrder .table_wrap_body label {
        font-size: 14px;
    }

    .wh_sub_body .section_radios {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .section_radios.mar_l220 {
        margin-left: 0px !important;
    }

    .wh_sub_body .section_radios.mar_l220 span {
        display: none;
    }

    .wh_sub_body .section_radios ul li input {
        margin: 0 8px 0 10px;
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .nonmemOrder .table_wrap_body label {
        font-size: 12px;
    }

}

.wh_sub_body .lp_e_coupon {
    min-height: 553px
}

.wh_sub_body .lp_e_coupon.mid1 .lp_pw_wrap {
    padding: 0
}

.wh_sub_body .lp_e_coupon .h2_tit3 {
    padding: 19px 80px 23px 30px;
    height: 70px;
    text-align: left;
    background-color: #fff;
    color: #313131
}

.wh_sub_body .lp_e_coupon .h2_tit3 .title {
    display: inline-block;
    font-weight: normal;
    font-size: 26px
}

.wh_sub_body .lp_e_coupon .h2_tit3 .txt {
    display: inline-block;
    padding-left: 8px;
    vertical-align: 3px;
    font-weight: normal;
    font-size: 14px
}

.wh_sub_body .lp_e_coupon .e_search {
    padding: 6px 0 15px 0;
    border-bottom: 1px solid #ededed
}

.wh_sub_body .lp_e_coupon .e_search label {
    float: left;
    min-width: 85px;
    line-height: 38px;
    font-size: 14px
}

.wh_sub_body .lp_e_coupon .cn_num_search {
    overflow: hidden;
    position: relative;
    padding-right: 110px
}

.wh_sub_body .lp_e_coupon .cn_num_search .in_full {
    height: 38px;
    padding: 0 10px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #fff;
    background: none
}

.wh_sub_body .lp_e_coupon .cn_num_search .btn_srch {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 38px;
    background: #898483;
    color: #fff;
    -webkit-appearance: none
}

.wh_sub_body .lp_e_coupon .e_item {
    overflow: hidden;
    width: 385px;
    margin: 0 auto;
    padding: 27px 0 27px
}

.wh_sub_body .lp_e_coupon .thumb {
    float: left;
    width: 190px;
    margin-right: 15px
}

.wh_sub_body .lp_e_coupon .thumb img {
    max-width: 100%;
    max-height: 135px
}

.wh_sub_body .lp_e_coupon .dsc_area {
    overflow: hidden;
    width: 180px;
    margin-top: 10px
}

.wh_sub_body .lp_e_coupon .item_name {
    display: block;
    line-height: 28px;
    font-size: 20px;
    color: #313131
}

.wh_sub_body .lp_e_coupon .btn_slct {
    display: block;
    height: 30px;
    margin-top: 14px;
    line-height: 28px;
    text-align: center;
    background-color: #70a401;
    font-size: 14px;
    color: #fff
}

.wh_sub_body .lp_e_coupon .e_coupon_area {
    padding: 17px 10px 19px 19px;
    background-color: #f4f4f4;
    text-align: left;
    font-size: 14px
}

.wh_sub_body .lp_e_coupon .e_coupon_area .scroll {
    overflow-y: auto;
    height: 42px;
    background-color: #f4f4f4
}

.wh_sub_body .lp_e_coupon .e_coupon_area li {
    line-height: 21px;
}

.wh_sub_body .lp_e_coupon .menu {
    padding-left: 20px;
    min-height: 15px;
    font-size: 14px;
    color: #413e3d
}

.wh_sub_body .lp_e_coupon .menu:after {
    content: '';
    display: inline-block;
    clear: both;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    vertical-align: -3px;
    background: url('../images/common/btn_del.png') no-repeat 0 50%;
    background-size: 15px 15px
}

.wh_sub_body .lp_e_coupon .btn_pop2_wrap {
    margin-top: 30px;
}

.wh_sub_body .lp_e_coupon .btn_pop2 {
    font-size: 15px;
    border-radius: 10px;
    height: 38px;
    line-height: 36px;
}

.wh_sub_body .lp_e_coupon .btn_pop2.gray {
    background: #e0dedd;
    color: #413e3d
}

.wh_sub_body .lp_e_coupon .btn_lp_close4 {
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 25px;
    width: 20px;
    height: 20px;
    background: url('../images/white_ver/wh_ico_hd_close.jpg') no-repeat 0 50%;
    background-size: 20px 20px;
    text-indent: -999px
}

@media all and (max-width: 530px) {
    .wh_sub_body .lp_e_coupon {
        min-width: 320px;
        min-height: 412px
    }

    .wh_sub_body .lp_e_coupon .h2_tit3 {
        padding: 15px 40px 12px 12px;
        height: 50px
    }

    .wh_sub_body .lp_e_coupon .h2_tit3 .title {
        font-size: 20px
    }

    .wh_sub_body .lp_e_coupon .h2_tit3 .txt {
        margin-top: -4px;
        padding-left: 7px;
        width: 125px;
        line-height: 14px;
        vertical-align: top;
        font-size: 10px
    }

    .wh_sub_body .lp_e_coupon .e_search {
        padding: 20px 0;
        border-bottom: 1px solid #ccc
    }

    .wh_sub_body .lp_e_coupon .e_search label {
        display: none
    }

    .wh_sub_body .lp_e_coupon .e_item {
        width: 250px;
        padding: 17px 0 25px
    }

    .wh_sub_body .lp_e_coupon .thumb {
        width: 105px
    }

    .wh_sub_body .lp_e_coupon .thumb img {
        max-height: 115px
    }

    .wh_sub_body .lp_e_coupon .dsc_area {
        width: 125px
    }

    .wh_sub_body .lp_e_coupon .item_name {
        line-height: 20px;
        font-size: 14px
    }

    .wh_sub_body .lp_e_coupon .btn_slct {
        margin-top: 7px;
        height: 25px;
        line-height: 25px;
        font-size: 13px
    }

    .wh_sub_body .lp_e_coupon .e_coupon_area {
        padding: 14px 7px 15px 10px;
        font-size: 13px
    }

    .wh_sub_body .lp_e_coupon .menu {
        padding-left: 4px;
        font-size: 13px
    }

    .wh_sub_body .lp_e_coupon .mCSB_inside > .mCSB_container {
        margin-right: 10px
    }

    .wh_sub_body .lp_e_coupon .btn_pop2_wrap {
        margin: 20px 0 30px
    }

    .wh_sub_body .lp_e_coupon .btn_lp_close4 {
        top: 18px;
        right: 12px;
        width: 14px;
        height: 14px;
        background-size: 14px 14px
    }
}

.wh_sub_body .section_box10 dl {
    padding: 38px 0;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    text-align: center;
    font-size: 0px;
}

.wh_sub_body .section_box10 dl dt {
    display: inline-block;
    font-size: 15px;
    color: #313131;
    vertical-align: middle;
}

.wh_sub_body .section_box10 dl dd {
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    border-left: 1px solid #acacac;
    font-size: 15px;
    color: #c10a28;
    vertical-align: middle;
}
.wh_sub_body .section_box10 dl dd span{
    display: block;
    text-align: left;
}

@media all and (max-width: 530px) {
    .wh_sub_body .section_box10 dl {
        padding: 15px 0;
    }
}

/* 비밀번화 확인 popup */
.wh_sub_body .lp_pw {
    padding: 15px;
    background: #e8bb42;
    border-radius: 15px;
}

.wh_sub_body .lp_pw.w {
    overflow-y: auto;
    padding: 0;
    background: #fff;
    margin: auto;
}

.wh_sub_body .lp_pw_wrap h2 {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #000;
}

.wh_sub_body .lp_pw_wrap h2.h2_tit {
    margin: 15px 0 0 0;
    font-size: 26px;
    color: #76655d;
}

.wh_sub_body .lp_wrap.sml .lp_pw_wrap {
    padding: 16px 0 16px 0;
}

.wh_sub_body .lp_wrap.sml .lp_pw_wrap.no_twinkling {
    -webkit-transform: translate3d(0, 0, 0); /* 아이폰 깜빡임 수정 */
}

.wh_sub_body .lp_wrap.sml .lp_pw_wrap h2.h2_tit2 {
    margin: 0 30px 15px 30px;
    padding: 0 0 12px 0;
    font-size: 17px;
    color: #313131;
    border-bottom: 2px solid #e0e0e0;
}

.lp_wrap a.btn_lp_close2 {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
    text-indent: -9999px;
    width: 18px;
    height: 18px;
    background: url('../images/common/btn_lp_close2.png') center center no-repeat;
    background-size: 100% auto;
}

.wh_sub_body .lp_pw_wrap_pop {
    width: 890px;
    max-width: 100%;
    padding: 0 30px;
}

.wh_sub_body .lp_pw_wrap_pop_c {
    width: 890px;
    max-width: 100%;
    height: 500px;
    margin: 30px 0 0 0;
}

.wh_sub_body .lp_pw_wrap_pop_c div {
    display: none;
}

.wh_sub_body .lp_pw_wrap_pop_c div:first-child {
    display: block;
}

.wh_sub_body .lp_pw_wrap .lp_pw_txt {
    padding: 20px 0;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    text-align: center;
}

.wh_sub_body .lp_pw_wrap_01 {
    margin: 25px 0 0 0;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.wh_sub_body .lp_pw_wrap_01 .tit2 {
    font-size: 18px;
    color: #4b4b4b;
    font-weight: 700;
}

.wh_sub_body .lp_pw_wrap_01 .lp_txt {
    margin: 14px 0 0 0;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 24px;
}

.wh_sub_body .lp_pw_wrap_02 {
    padding: 20px 0 0 0;
}

.wh_sub_body .lp_pw_wrap_02 .tit3 {
    font-size: 16px;
    color: #9b6335;
    font-weight: 700;
}

.wh_sub_body .lp_pw_wrap_02 ol {
    margin: 9px 0;
}

.wh_sub_body .lp_pw_wrap_02 ol li {
    font-size: 14px;
    color: #4b4b4b;
    font-weight: 700;
    line-height: 24px;
}

.wh_sub_body .lp_pw_wrap_02 .lp_txt2 {
    font-size: 14px;
    color: #ed1c24;
}

.wh_sub_body .lp_bottom {
    height: 30px;
    background: #efcc6d;
    text-align: right;
}

.wh_sub_body .lp_bottom label {
    margin: 0 20px 0 5px;
    font-size: 12px;
    color: #000;
    line-height: 30px;
}

.wh_sub_body .lp_bottom2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding-top:5px;
    padding-left:20px;
    background: #e0dedd;
    text-align: center;
}

.wh_sub_body .lp_bottom2 label {
    margin: 0 20px 0 5px;
    font-size: 12px;
    color: #000;
    line-height: 30px;
}

.wh_sub_body .lp_thumb_body {
    padding: 0 30px 20px 30px;
}

.wh_sub_body .lp_thumb_top {
    overflow: hidden;
    margin: 5px 0 0 0;
    padding:10px 0;
    background:#f5f5f5;
    -webkit-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    -moz-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
}

.wh_sub_body .lp_thumb_img {
    float: left;
    width: 30%;
    border: 0;
    font-size: 0px;
    text-align: center;
    line-height: 96px;
}

.wh_sub_body .lp_thumb_img img {
    max-width: 100%;
    max-height: 100%;
}

.wh_sub_body .lp_thumb_info {
    float: left;
    width: 70%;
    padding: 0 0 0 20px;
}

@media all and (max-width: 740px) {
    .wh_sub_body .lp_wrap.sml .lp_pw_wrap h2.h2_tit2 {
        margin: 0 12px 15px 12px;
    }

    .wh_sub_body .lp_thumb_info {
        padding: 0 0 0 20px;
    }
}

@media all and (max-width: 385px) {
    .wh_sub_body .lp_thumb_info {
        padding: 0 0 0 20px;
    }
}

@media all and (max-width: 365px) {
    .wh_sub_body .lp_thumb_info {
        padding: 0 0 0 20px;
    }
}

@media all and (max-width: 333px) {
    .wh_sub_body .lp_thumb_info {
        padding: 0 0 0 20px;
    }
}

.wh_sub_body .lp_thumb_info p {
    font-size: 19px;
    color: #313131;
    font-weight: 500;
    line-height: 25px;
}

.wh_sub_body .lp_thumb_info ul {
    margin: 10px 0 0 0;
}

.wh_sub_body .lp_thumb_info ul li {
    *zoom: 1;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin: 0 0 2px 0;
}

.wh_sub_body .lp_thumb_info ul li:after {
    content: "";
    display: block;
    clear: both;
}

.wh_sub_body .lp_thumb_info ul li input {
    float: left;
    margin-top: 4px;
}

.wh_sub_body .lp_thumb_info ul li span {
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    border-radius: 3px;
    margin: 1px 5px 0 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    float: left;
}

.wh_sub_body .lp_thumb_info ul li:first-child span {
    background: #ff784e;
}

.wh_sub_body .lp_thumb_info ul li:last-child span {
    background: #e75253;
}

.wh_sub_body .lp_thumb_info ul li em {
    float: left;
    margin: -3px 0 0 4px;
    font-size: 20px;
    color: #413e3d;
    font-weight: bold;
}

.wh_sub_body .lp_thumb_info ul li strike {
    float: left;
    margin: -1px 0 0 4px;
    font-size: 15px;
    color: #898483;
}

.wh_sub_body .lp_thumb_choice_wrap {
    clear: both;
    padding: 15px 0 15px 0;
    border-top: 0;
}
.wh_sub_body .sidecombo_area{
    margin:10px 0 10px 0;
    padding:10px 10px;
    background:#fff4d5;
    -webkit-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    -moz-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
}
.wh_sub_body #quick-order-popup .select_area .slct_head.red{
    color:#c92943;
    font-weight:bold;
}
.wh_sub_body .sidecombo_area p{
    margin:0 0 0 0;
    font-size: 14px;
    text-align: left;
    display: inline-block;
}
.wh_sub_body .sidecombo_area p.sidecombo_img{
    width:62px;
    height:35px;
}
.wh_sub_body .sidecombo_area p.sidecombo_img img{
    width:100%;
}
.wh_sub_body .sidecombo_area p.text{
    text-align:right;
    display: inline-block;
    float:right;
    padding:5px 0 0 0;
}
.wh_sub_body .sidecombo_area span.red{
    color:#c92943;
    font-weight:bold;
}
.wh_sub_body .sidecombo_area i{
    display: block;
}
.wh_sub_body .sidecombo_area strike{
    font-size: 14px;
    color: #acacac;
    margin:0 0 0 2%;
}

@media all and (max-width: 740px) {
    .wh_sub_body .lp_thumb_info p {
        text-align: left;
    }

    .wh_sub_body #quick-order-popup .lp_thumb_choice > li {
        text-align: left;
    }

    .wh_sub_body .lp_thumb_choice_wrap {
        padding: 11 px 0 1px 0;
    }
}

.wh_sub_body .lp_thumb_choice li {
    overflow: hidden;
    margin: 0 0 3px 0;
}

@media all and (max-width: 740px) {
    .wh_sub_body .lp_thumb_choice li {
        margin: 0 0 0 0;
    }
}

.wh_sub_body .lp_thumb_choice li.active div {
    display: block;
}

.wh_sub_body .lp_thumb_choice li label {
    font-size: 14px;
    color: #413e3d;
    line-height: 34px;
}

.wh_sub_body .lp_thumb_choice li label.red_ico {
    font-size: 14px;
    font-weight: bold;
    color: #c10a28;
    font-family: 'Noto Sans KR', sans-serif;
}

.wh_sub_body .lp_thumb_choice li select {
    float: right;
}

.wh_sub_body .lp_thumb_choice li.line_b {
    margin: 0 0 15px 0;
    border-bottom: 0;
}

.wh_sub_body .lp_thumb_choice li.type2 {
    overflow: visible
}

.wh_sub_body .lp_thumb_choice li.type2.mt10 {
    margin-top: 10px
}

.wh_sub_body .lp_thumb_choice li.type2:after {
    content: "";
    clear: both;
    display: block
}

.wh_sub_body .lp_thumb_choice li.type2 .select_area.harf {
    width: 50%;
    float: right
}

.wh_sub_body .lp_thumb_choice li.type2 .select_area .slct_head {
    margin: 0;
    color: #000
}

.wh_sub_body .lp_thumb_choice li.type2 .select_area ul {
    max-height: 200px;
    overflow-y: scroll
}

.wh_sub_body .lp_thumb_choice li.type2 .select_area ul.none_scroll {
    overflow: visible
}

.wh_sub_body .lp_thumb_choice li.type2 .select_area ul.scl_hide {
    overflow: hidden
}

.wh_sub_body .lp_thumb_choice li.type2 .select_area ul li {
    margin: 0
}

.wh_sub_body .lp_thumb_choice li.type2 .select_area ul li > a {
    margin: 0;
    background: #303030
}

.wh_sub_body .lp_thumb_con {
    /*background: #f4f4f4;*/
}

.wh_sub_body .lp_thumb_con.bg_black {
    padding: 0 0 0 0;
    background: #fff;
    border-top: 1px solid #acacac; /*border-left:1px solid #acacac;border-right:1px solid #acacac;*/
}

.wh_sub_body .lp_thumb_con ul li {
    overflow: hidden;
    padding: 15px 10px;
    border-bottom:1px solid #e0dedd;
}
.wh_sub_body .lp_thumb_con ul li.r{
    border:0;
    background:#f5f5f5;
    -webkit-box-shadow: 5px 5px 6px 0px rgba(224,224,224,1);
    -moz-box-shadow: 5px 5px 6px 0px rgba(224,224,224,1);
    box-shadow: 5px 5px 6px 0px rgba(224,224,224,1);
}
.wh_sub_body .lp_thumb_con ul li.r .red{
    color: #c10a28;
    font-weight:bold;
}
.wh_sub_body .lp_thumb_con.bg_black ul li {
    margin: 0 18px;
    padding: 11px 0;
    border: 0 none;
    border-bottom: 1px solid #acacac;
    font-size: 14px;
    color: #fff;
}

.wh_sub_body .lp_thumb_con.bg_black ul li.last {
    border: none;
    text-align: right;
}

.wh_sub_body .lp_thumb_con ul li.minus {
    padding: 15px 10px 15px 10px;
    color: #ed1c24;
    text-align: right;
    border:0;
}

.wh_sub_body .lp_thumb_con ul li > em {
    font-size: 16px;
    color: #f01b21;
    font-weight: 700;
}

.wh_sub_body .lp_thumb_con ul li.minus > em {
    font-size: 14px;
    color: #c10a28;
    font-weight: normal;
}

.wh_sub_body .lp_thumb_con ul li.minus > strong {
    float: left;
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .lp_thumb_con ul li.r strong {
    float: left;
    font-weight: normal;
}

.wh_sub_body .lp_thumb_con ul li.r em {
    font-size: 22px;
    color: #c10a28;
}

.wh_sub_body .lp_thumb_con.bg_black ul li > strong {
    font-size: 14px;
    color: #fff;
}

.wh_sub_body .lp_thumb_con.bg_black ul li.last > strong {
    float: left;
    font-size: 15px;
    color: #313131;
    font-weight: normal;
    line-height: 28px;
}

.wh_sub_body .lp_thumb_con.bg_black ul li.last em {
    font-size: 22px;
    color: #ed1c24;
    line-height: 28px;
}

.wh_sub_body .lp_thumb_con.bg_black ul li.last span {
    font-size: 15px;
    color: #ed1c24;
    line-height: 28px;
}

.wh_sub_body .lp_thumb_con_txt p {
    font-size: 14px;
    color: #333;
    line-height: 21px;
}

.wh_sub_body .bg_black .lp_thumb_con_txt p {
    padding: 0;
    color: #313131;
    background: none;
}

.wh_sub_body .bg_black .lp_thumb_con_txt p em {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #313131;
}

.wh_sub_body .lp_thumb_con_txt p strong {
    color: #313131;
    font-weight: normal;
}

.wh_sub_body .lp_thumb_con_count_wrap {
    overflow: hidden;
    margin: 10px 0 0 0;
}

.wh_sub_body .bg_black .lp_thumb_con_count_wrap {
    margin: 10px 0 0 0;
}

.wh_sub_body .lp_thumb_con_count {
    float: left;
}

.wh_sub_body .lp_thumb_con_count button img {
    width: 18px;
    height: 18px;
}

.wh_sub_body .lp_thumb_con_count input[type='text'] {
    text-align: center;
}

.wh_sub_body .bg_black .lp_thumb_con_count input {
    margin: 0 5px;
}

.wh_sub_body .lp_thumb_con_price {
    float: right;
    font-size: 15px;
    color:#313131;
    line-height: 28px;
}
.wh_sub_body .lp_thumb_con_price em{
    color:#313131;
}

.wh_sub_body .bg_black .lp_thumb_con_price {
    float: none;
    display: inline-block;
    margin: 0 0 0 5px;
    color: #fff;
}

.wh_sub_body .lp_thumb_con_price.fe {
    color: #fffefe;
}

.wh_sub_body .lp_thumb_con_price em {
    font-size: 15px;
    line-height: 15px;
}

.wh_sub_body .lp_thumb_con_price button {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
    color: #8d8d8d;
    line-height: 14px;
    text-align: center;
}

.wh_sub_body .lp_thumb_con_price button.no_bg {
    border: 1px solid #3f3c3b;
    color: #7b7b7b;
    background: none;
}

.wh_sub_body .lp_thum_btn {
    *zoom: 1;
    font-size: 0px;
}

.wh_sub_body .lp_thum_btn:after {
    content: "";
    clear: both;
    display: block;
}

.wh_sub_body .lp_thum_btn li {
    float: left;
    display: block;
    width: 50%;
    vertical-align: top;
}

.wh_sub_body #quick-order-popup .lp_thum_btn_wrap {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    width: 340px;
    height: 38px
}

.wh_sub_body #quick-order-popup .lp_thumb_choice > li {
    overflow: visible;
    padding:10px;
    background: #f5f5f5;
    -webkit-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    -moz-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    position: relative;
}
.wh_sub_body #quick-order-popup .lp_thumb_choice ._select_wrapper > li {
    overflow: visible;
}
.wh_sub_body #quick-order-popup .lp_thumb_choice .select_edge{
    margin-bottom:-10px;
}
.wh_sub_body #quick-order-popup .lp_thumb_choice .select_topping{

}

.wh_sub_body #quick-order-popup .lp_thumb_choice > li:after {
    clear: both;
    display: block;
    content: ''
}

.wh_sub_body #quick-order-popup .select_area .slct_head {
    border: 1px solid #313131;
    background: #fff url('../images/common/ico_select2.png') no-repeat right center;
    color: #413e3d
}
.wh_sub_body #quick-order-popup.new_order .select_area .slct_head {
    border: 1px solid #313131;
    background: #fff url('../images/white_ver/ico_select2_black.png') no-repeat right center;
    color: #413e3d;
    font-family: 'Noto Sans KR', sans-serif;
}
.wh_sub_body #quick-order-popup .select_area .slct_list {
    left: 0px;
    border: 1px solid #313131;
    color: #413e3d;
    background-color: #fff;
    color: #413e3d;
    display: none;
    max-height: none;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%);
}
.wh_sub_body #quick-order-popup .select_area.on .slct_list {
    display: block;
}

.wh_sub_body #quick-order-popup .select_area .select_box li {
    margin: 0
}

.wh_sub_body #quick-order-popup .select_area.on .select_box .on, #quick-order-popup .select_area .select_box li:hover {
    background: #f9f9f9
}

.wh_sub_body #quick-order-popup .select_area.on .select_box .on a, #quick-order-popup .select_area .select_box li:hover a {
    color: #c92943;
    font-weight:bold;
}

.wh_sub_body #quick-order-popup .select_area.on .select_box .slct_head {
    background: #fff url('../images/common/ico_select2_on.png') no-repeat right center
}
.wh_sub_body #quick-order-popup.new_order .select_area.on .select_box .slct_head {
    background: #fff url('../images/white_ver/ico_select2_black_on.png') no-repeat right center
}
.wh_sub_body  .new_order .in_w207 {width:190px;}
.wh_sub_body .w_t70 {
    margin: 70px 0 0 0;
}

.wh_sub_body .w_t130 {
    margin: 130px 0 0 0;
}

@media all and (max-width: 768px) {
    .wh_sub_body .lp_thumb_con {
        text-align: left;
    }
}

@media all and (max-width: 374px) {
    .wh_sub_body .lp_thumb_con ul li {
        overflow: visible;
    }
}

.wh_sub_body .lp_thumb_body .tab_free_pop_wrap {
    margin-top: 20px;
}

/* 매장찾기 지도레이어 */
.wh_sub_body .ollehmap-info-shadow {
    display: none !important;
}

.wh_sub_body .ollehmap-info-area {
    border: 1px solid #000 !important;
    letter-spacing: -1px
}

.wh_sub_body .ollehmap-info-area .ollehmap-info-content .ollehmap-info-content-overflow {
    width: 100% !important;
    padding: 16px 16px 10px 16px !important;
    height: 100% !important;
}

.wh_sub_body .ollehmap-info-defaultStyle > div:first-child {
    margin-bottom: 10px;
    color: #413e3d;
    font-size: 14px;
    font-weight: 700;
}

.wh_sub_body .ollehmap-info-defaultStyle > div:first-child + div {
    margin: 10px 0 5px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0dedd;
}

.wh_sub_body .ollehmap-info-defaultStyle > div:first-child + div + hr + div {
    overflow: hidden;
    min-height: 36px;
    margin-right: 85px;
}

.wh_sub_body .ollehmap-info-defaultStyle > div:first-child + div + hr + div span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 22px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 7px;
    border: 1px solid #9d908c;
    color: #837e7b;
    font-size: 12px;
    line-height: 20px;
}

.wh_sub_body .ollehmap-info-defaultStyle li {
    color: #898483
}

.wh_sub_body .ollehmap-info-defaultStyle .f_red {
    color: #ed1c24
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_list a {
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_area {
    overflow: hidden
}

.wh_sub_body .ollehmap-info-close {
    right: 5px !important;
    top: 5px !important;
}

.wh_sub_body .control-pan, .control-panup, .control-panleft, .control-panright, .control-pandown {
    display: none !important;
}

@media all and (max-width: 740px) {
    .wh_sub_body .ollehmap-info-area {
        width: 268px !important;
    }

    .wh_sub_body .ollehmap-info-area .ollehmap-info-content {
        width: 268px !important;
        min-width: 268px !important;
        max-width: 268px !important;
    }

    .wh_sub_body .ollehmap-info-defaultStyle > div:first-child + div + hr + div {
        margin-right: 0;
    }

    .wh_sub_body .control-roadmap-selected, .control-satellite-out, .control-hybrid-out {
        display: none !important;
    }
}

@media all and (max-width: 333px) {
    .wh_sub_body .ollehmap-info-area {
        width: 250px !important;
    }

    .wh_sub_body .ollehmap-info-area .ollehmap-info-content {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

.wh_sub_body .ollehmap-info-area .ollehmap-info-content .ollehmap-info-content-overflow {
    padding: 23px 16px 0 16px !important
}

.wh_sub_body .ollehmap-info-defaultStyle {
    padding-bottom: 8px
}

.wh_sub_body .ollehmap-info-defaultStyle li {
    position: relative;
    padding-left: 7px;
    line-height: 17px;
    font-size: 13px;
    color: #898483
}

.wh_sub_body .ollehmap-info-defaultStyle li:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 2px;
    height: 2px;
    background: #757575
}

.wh_sub_body .ollehmap-info-defaultStyle .f_red {
    color: #ed1c24
}

.wh_sub_body .ollehmap-info-defaultStyle .time:nth-child(2) {
    display: block;
    text-indent: 58px
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_list {
    position: static;
    margin-top: 8px
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_list a {
    width: 50%;
    margin: 0;
    padding: 0;
    font-size: 13px
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_list a span {
    display: block
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_list.small a {
    line-height: 26px
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_list .red.in_full {
    width: 100%
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_list .gray_bd span {
    margin-left: 10px;
    border: 1px solid #000;
    color: #000
}

.wh_sub_body .ollehmap-info-defaultStyle > hr + div span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 22px;
    margin-top: 10px;
    margin-right: 5px;
    padding: 0 7px;
    border: 1px solid #9d908c;
    color: #837e7b;
    font-size: 12px;
    line-height: 20px;
}

.wh_sub_body .ollehmap-info-close {
    width: 9px;
    height: 9px
}

.wh_sub_body .ollehmap-info-close img {
    top: -349px;
    left: -53px
}

.wh_sub_body .ollehmap-info-defaultStyle .bu_gray li:after {
    background: #b6b0af
}

.wh_sub_body .ollehmap-info-defaultStyle .store_type_choice {
    overflow: hidden;
    margin: 12px 0 0 -20px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    font-size: 0
}

.wh_sub_body .ollehmap-info-defaultStyle .store_type_choice .type {
    display: inline-block;
    margin-left: 20px
}

.wh_sub_body .ollehmap-info-defaultStyle .store_type_choice .type img {
    height: 17px
}

.wh_sub_body .ollehmap-info-defaultStyle .store_type_choice .type .txt {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #8a8484
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_area {
    overflow: hidden;
    margin: 12px 0 0 -5px;
    vertical-align: top;
    white-space: nowrap;
    font-size: 0
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_area a {
    display: inline-block;
    width: 33.33%;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: bold
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_area a span {
    display: block;
    margin-left: 5px
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_area a.red span {
    color: #fff;
    background: #ed1c24
}

.wh_sub_body .ollehmap-info-defaultStyle .btn_area a.gray_bd span {
    color: #000;
    border: 1px solid #000
}

/* pizza */
.wh_sub_body .section_portfolio_ab {
    display: none;
    position: absolute;
    margin: -60px 0 0 0;
    width: 280px;
    z-index: 20;
}

.wh_sub_body .section_portfolio_ab .btn_list {
    margin: 0;
    padding-top: 20px;
    background: #fff; /*border-bottom:1px solid #acacac;border-left:1px solid #acacac;border-right:1px solid #acacac*/
}
.wh_sub_body .side_portfolio_wrap .section_portfolio_ab .btn_list{
    padding:0;
}
.wh_sub_body .section_portfolio_ab .ly_close {
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url('../images/white_ver/btn_close.png') no-repeat 3px 5px;
    background-size: 12px 10px;
    text-indent: -999px
}

.wh_sub_body .section_portfolio_ab.w_hide {
    display: none;
}

@media all and (max-width: 1024px) {
    .wh_sub_body .section_portfolio_ab.m_hide {
        display: none !important
    }

    .wh_sub_body .section_portfolio_ab.w_hide {
        display: none;
        position: relative;
        margin: 10px 0 -8px;
        width: auto;
        /*height: auto;*/
        text-indent: 0;
        clear:both;
    }

    .wh_sub_body .section_portfolio_ab .w_hide {
        display: block;
        height: auto;
    }
}

@media all and (max-width: 768px) {
    .wh_sub_body .lp_thumb_con.bg_black ul li{
        padding:10px 0;
    }
    .wh_sub_body .side_portfolio_wrap .section_portfolio_ab .btn_list{
        padding: 0 0 0 0;
    }
    .wh_sub_body .lp_thumb_con.bg_black ul li > div {
        float: none;
        width: 100%;
    }

}

/* 20170809 피자헛 옥스포드 박스 */

/* ofxfordbox */
.wh_sub_body .oxford_fix {
    max-height: 348px;
    width: 100%;
    height: auto;
}

.wh_sub_body .ofxfordbox .bx-wrapper .bx-pager.bx-default-pager a:hover, .wh_sub_body .ofxfordbox .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #c8102e;
}

.wh_sub_body .ofxfordbox .main2 {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    height: auto;
    padding: 0 0 40px 0;
}
.wh_sub_body .ofxfordbox .giftmain {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    height: auto;
    padding: 0 0 15px 0;
}

.wh_sub_body .ofxfordbox .main2 ul li img {
    width:100%;
}
.wh_sub_body .ofxfordbox .giftmain ul li img {
    width:100%;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_btn {
    height: 35px;
    margin: 0 12px 0 12px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_btn li {
    float: right;
    margin-left: 10px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_btn li .btn_pop.red {
    width: 150px;
    font-size: 15px;
    font-weight: normal;
    border-radius: 0px;
    background: #c10a28;
    color: #fff;
    border-radius: 10px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_btn li .btn_pop.grayb {
    width: 150px;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    border-radius: 0px;
    background: #acacac;
    border-radius: 10px;
}

.wh_sub_body .contents_body.ofxfordbox .final_choice {
    padding: 13px 0 1px 0;
    color: #898483;
}

.wh_sub_body .contents_body.ofxfordbox .section_portfolio_wrap .section_portfolio.middle > li .section_portfolio_thumb { /*height:400px;*/
    height: auto;
    white-space: normal;
}

.wh_sub_body .contents_body.ofxfordbox .wow7box_txt {
    overflow: hidden;
    padding: 75px 0 0;
    line-height: 999px
}

.wh_sub_body .contents_body.ofxfordbox .oxfordbox_txt {
    width: 200px;
    height: 155px;
    float: right;
    padding: 0;
    background: url('../images/pizza/oxford.png') no-repeat 0 0;
    background-size: contain
}

.wh_sub_body .contents_body.ofxfordbox .giftset_txt {
    width: 200px;
    height: 150px;
    float: right;
    padding: 0;
    background: url('https://akamai.pizzahut.co.kr/images/products/pizza/set_bcc.png') no-repeat 0 0;
    background-size: contain
}

.wh_sub_body .contents_body.ofxfordbox .coupon_choice .name {
    display: inline-block;
    padding: 3px 0 0 65px;
    margin-right: 35px;
    height: 22px;
    background: url('../images/pizza/ico_free.png') no-repeat 0 0;
    color: #fff;
    background-size: contain
}

.wh_sub_body .contents_body.ofxfordbox .coupon_choice .btn_area {
    display: inline-block
}

.wh_sub_body .contents_body.ofxfordbox .coupon_choice .btn_area .btn_nobg, .doublebox .coupon_choice .btn_area .btn_nobg.on {
    border: 0;
    color: #fff;
    background: #898483
}

.wh_sub_body .contents_body.ofxfordbox .txt_plus {
    overflow: hidden;
    position: absolute;
    left: -9%;
    top: 32%;
    width: 51px;
    height: 51px;
    background: url('../images/white_ver/ico_plus.jpg') no-repeat 0 0;
    background-size: contain
}

.wh_sub_body .contents_body.ofxfordbox .thumb_text {
    padding-top: 5px;
    border-top: 0;
}

.wh_sub_body .contents_body.ofxfordbox .thumb_text strong {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}
.wh_sub_body .contents_body.ofxfordbox .thumb_text strong span{
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 15px;
    font-size: 12px;
    border-radius: 3px;
    vertical-align: top;
    margin: 4px 0 0 0;
    margin-left: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #e75253;
}
@media all and (max-width: 374px) {
    .wh_sub_body .contents_body.ofxfordbox .thumb_text strong span{
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 14px;
        font-size: 11px;
        border-radius: 3px;
        vertical-align: top;
        margin: 5px 0 0 0;
        margin-left: 2px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        background: #e75253;
    }
}

.wh_sub_body .contents_body.ofxfordbox .section_portfolio.small li.on .btn_nobg3 {
    color: #fff;
    background: #898383
}

/*20170927 한정판 블록 미디움 추가 CSS변경 ~ 3413*/
.wh_sub_body .contents_body.ofxfordbox .oxford_price {
    height: auto;
    margin: 0;
}

.wh_sub_body .contents_body.ofxfordbox .thumb_r {
    height: auto;
    padding: 10px 18px 0 18px;
    float: none;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free {
    height: 120px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free2 {
    height: 70px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free3 {
    height: 120px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free2.free3 {
    height: 120px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 7px 18px 0 18px;
    font-size: 13px;
    color: #fff;
    line-height: 23px;
    vertical-align: top;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li:first-child {
    margin: 0;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li input {
    margin: 9px 3px 0 0;
    vertical-align: top;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free2 li {
    margin: 0;
    padding: 0;
    line-height: 24px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free3 li {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free2.free3 li {
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price.free4 li {
    display: block;
    margin: 0;
    line-height: 23px;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li .txt_amount {
    display: inline-block;
    margin-right: 5px;
    font-style: normal
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li span {
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 15px;
    font-size: 12px;
    border-radius: 3px;
    vertical-align: top;
    margin: 5px 0 0 0;
    margin-right: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li:first-child span {
    background: #ff784e;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li:last-child span {
    background: #e75253;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li span.thumb_price_l {
    color: #ed1c24;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li strike {
    font-size: 18px;
    color: #898483;
    margin: 0 2px 0 0;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li em {
    font-size: 20px;
    color: #313131;
    letter-spacing: -1px;
    font-weight: bold;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li p {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #b79c81;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_price li strong {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 12px;
    color: #b79c81;
    font-weight: normal;
    line-height: 24px
}

/*20170927 한정판 블록 미디움 추가 CSS변경 */

.wh_sub_body .contents_body.ofxfordbox .oxford_box {
    padding: 7px 18px 0 18px;
    display: block;
    height: auto;
}

.wh_sub_body .contents_body.ofxfordbox .oxford_box:after {
    clear: both;
}

.wh_sub_body .contents_body.ofxfordbox .left_font {
    float: left;
    padding: 5px 0 0 0;
    color: #313131;
}

.wh_sub_body .contents_body.ofxfordbox .select_area {
    position: relative;
    min-height: 40px;
    font-size: 15px;
    width: 75%;
    float: right;
}

.wh_sub_body .contents_body.ofxfordbox .select_area .srch_tit {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 10px;
    line-height: 38px;
    vertical-align: top
}

.wh_sub_body .contents_body.ofxfordbox .select_area + .select_area {
    *margin-left: 5px
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 38px
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box {
    overflow: visible;
    height: auto;
    z-index: 10
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box .slct_head {
    height: 38px;
    padding: 0 30px 0 10px;
    line-height: 38px;
    border: 1px solid #635d5b;
    background: url('../images/white_ver/bg_select_white.png') no-repeat 100% 16px;
    background-size: 17px 30px;
    color: #313131
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box .slct_head {
    background-position: 100% -9px
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box a {
    display: block;
    padding: 0 10px;
    line-height: 48px;
    color: #313131
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box .slct_list {
    position: absolute;
    left: 0;
    right: 0;
    overflow-y: auto;
    margin-top: -1px;
    border: 1px solid #635d5b;
    max-height: 300px;
    background: #000
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box li {
    overflow: hidden;
    height: 48px
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box .on, .select_area .select_box li:hover {
    background: #c10a28
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box .on a, .select_area .select_box li:hover a {
    color: #c10a28
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box02 {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 38px
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box02 {
    overflow: visible;
    height: auto;
    z-index: 10
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box02 .slct_head {
    height: 38px;
    padding: 0 30px 0 10px;
    line-height: 38px;
    border: 1px solid #635d5b;
    color: #fff
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box02 .slct_head {
    background-position: 100% -9px
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box02 a {
    display: block;
    padding: 0 10px;
    line-height: 48px;
    color: #898483
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box02 .slct_list {
    position: absolute;
    left: 0;
    right: 0;
    overflow-y: auto;
    margin-top: -1px;
    border: 1px solid #635d5b;
    max-height: 300px;
    background: #000
}

.wh_sub_body .contents_body.ofxfordbox .select_area .select_box02 li {
    overflow: hidden;
    height: 48px
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box02 .on, .select_area .select_box li:hover {
    background: #2e2b2a
}

.wh_sub_body .contents_body.ofxfordbox .select_area.on .select_box02 .on a, .select_area .select_box li:hover a {
    color: #fff
}

.wh_sub_body .contents_body.ofxfordbox .btn_nobg4 {
    outline: 0;
    clear: both;
    display: inline-block;
    min-width: 150px;
    height: 35px;
    border-radius: 10px;
    background: #c10a28;
    margin: 10px 0 10px 0;
    padding: 0 7px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border: none;
    clear: both;
}

.wh_sub_body .contents_body.ofxfordbox .btn_nobg4:first-child {
    margin-left: 0;
}

.wh_sub_body .main2 ul li > span {
    display: none;
}
.wh_sub_body .giftmain ul li > span {
    display: none;
}


.wh_sub_body .contents_body.ofxfordbox .wh_wow7box_r_price {
    margin: 30px 8px 0 8px
}

/* tab control CSS: the tabs */

.oxpopup_wrap .oxpopup_bottom .tabs a.active, .oxpopup_wrap .oxpopup_bottom .tabs a:hover, .oxpopup_wrap .oxpopup_bottom .tabs a:focus, .oxpopup_wrap .oxpopup_bottom .tabs a:active {
    color: #fff;
    background-color: #df000d;
}

.wh_sub_body .tabcontent {
    width: 100%;
    height: 540px;
    margin-top: 20px;
    overflow: auto;
    clear: both;
    display: inline-block;
}

.wh_sub_body .tabcontent .excel {
    padding: 0px 0 0 0;
}

.wh_sub_body .tabcontent .excel h2 {
    color: #5b5b5b;
    border-bottom: 3px solid #acacac;
    padding-bottom: 5px;
}

.wh_sub_body .tabcontent .excel li {
    padding: 20px 0 0 0;
    height: 77px;
    border-bottom: 1px solid #acacac;
}

.wh_sub_body .tabcontent .excel li span {
    padding-bottom: 5px;
    display: block;
    font-size: 16px;
    color: #313131;
}
.wh_sub_body .tabcontent .excel li p {
    font-size: 15px;
}

.wh_sub_body .lp_double .ex_button {
    background: url('https://akamai.pizzahut.co.kr/images/etc/sp_dbside_x.png') no-repeat;
}

@media all and (max-width: 420px) {
    .wh_sub_body .contents_body.ofxfordbox .select_area .select_box {
        height: 30px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li input {
        margin: 7px 3px 0 0;
    }

    .wh_sub_body .contents_body.ofxfordbox .wh_wow7box_r_price {
        margin: 20px 0 0 0;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_btn {
        width: 97%;
        margin: 2% 1%;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_btn li {
        width: 48%;
        float: right;
        margin-left: 2%;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_btn li a {
        width: 100%;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_btn li .btn_pop.grayb {
        width: 100%;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_btn li .btn_pop.red {
        width: 100%;
    }
}

@media all and (max-width: 1060px) {
    .wh_doublebox .wow7box_txt, .doublebox .wow7box_choice_info {
        width: 175px;
    }

    .wh_sub_body .contents_body.ofxfordbox .txt_plus {
        display: none;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxfordbox_txt {
        width: 165px;
        height: 135px;
        margin-left: 36px;
    }
    .wh_sub_body .contents_body.ofxfordbox .giftset_txt {
        width: 165px;
        height: 135px;
        margin-left: 36px;
    }
    .wh_sub_body .contents_body.ofxfordbox {
        margin-top: 10px;
    }
}

@media all and (max-width: 959px) {
    .wh_sub_body .contents_body.ofxfordbox .txt_plus {
        display: block;
    }

    .wh_sub_body .contents_body.ofxfordbox .final_choice {
        padding: 13px 0 1px 0;
        color: #898483;
        position: relative;
        bottom: 4%;
        width: 100%;
        line-height: 19px;
    }

    .wh_sub_body .contents_body.ofxfordbox .coupon_choice .btn_area {
        margin-top: 15px
    }

    .wh_sub_body .contents_body.ofxfordbox .ico_wow7box {
        margin: 15px auto 0
    }

    .wh_sub_body .contents_body.ofxfordbox.wow7box_l {
        width: 100%;
        height: auto;
        border-right: 0;
        border-radius: 0
    }

    .wh_sub_body .contents_body.ofxfordbox li.wow7box_choice2 .wow7box_txt, .doublebox li.wow7box_choice2 .wow7box_choice_info {
        float: right
    }

    .wh_sub_body .contents_body.ofxfordbox .btn_list.mid2 a {
        line-height: 48px
    }

    .wh_sub_body .contents_body.ofxfordbox .again_choice .btn_nobg3 {
        position: absolute;
        right: 10px;
        top: 50%;
        margin: -15px 0 0 0
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r.on .coupon_choice {
        position: absolute;
        bottom: 102px;
        left: 12px;
        margin: 0
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r_price .etc {
        width: auto;
        margin: 0 6px 0 12px;
        border: none
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r {
        min-height: 320px;
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r .wow7box_r_price {
        bottom: 40px;
    }

    .wh_sub_body .contents_body.ofxfordbox .wh_wow7box_r {
        height: auto;
    }
}

@media all and (max-width: 768px) {
    .wh_sub_body .contents_body.ofxfordbox .thumb_r {
        height: auto;
        padding: 3px 10px 5px 10px;
        float: left;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li {
        padding: 7px 10px 0 10px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_box {
        padding: 7px 10px 0 10px;
    }
}

@media all and (max-width: 550px) {
    .wh_sub_body .oxpopup_wrap .lp_double .btn_ly_close {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 25px;
        height: 25px;
        background-position: 0 0;
        font-size: 0;
        color: transparent;
        background-size: 80%;
    }

    .wh_sub_body .contents_body.ofxfordbox .final_choice span i {
        display: block;
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r {
        min-height: 330px;
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r .btn_list.mid2 {
        bottom: 60px;
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r .wow7box_r_price {
        bottom: 60px;
    }
}

@media all and (max-width: 450px) {
    .wh_sub_body .contents_body.ofxfordbox .select_area .select_box {
        height: 30px;
    }

    .wh_sub_body .contents_body.ofxfordbox .select_area .select_box .slct_head {
        height: 30px;
        line-height: 29px;
        background: url('../images/white_ver/bg_select_white.png') no-repeat 100% 12px;
        background-size: 17px 30px;
    }

    .wh_sub_body .contents_body.ofxfordbox .txt_plus {
        display: none;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxfordbox_txt {
        width: 140px;
        height: 125px;
    }
    .wh_sub_body .contents_body.ofxfordbox .giftset_txt {
        width: 140px;
        height: 125px;
    }
    .wh_doublebox .wow7box_txt, .doublebox .wow7box_choice_info {
        width: 160px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price {
        /* height: 67px; */
        height: auto;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li span {
        margin: 5px 5px 0 0;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li strike {
        margin: 0 5px 0 3px;
        font-size: 15px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li em {
        font-size: 16px;
    }

}

@media all and (max-width: 420px) {
    .wh_sub_body .contents_body.ofxfordbox .left_font {
        padding: 2px 0 0 0;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxfordbox_txt {
        margin-left: 15%;
    }
    .wh_sub_body .contents_body.ofxfordbox .giftset_txt {
        margin-left: 15%;
    }
    .wh_sub_body .oxpopup_wrap .lp_double .btn_ly_close {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 20px;
        height: 20px;
        background-position: 0 0;
        font-size: 0;
        color: transparent;
        background-size: 80%;
    }

    .wh_sub_body .contents_body.ofxfordbox .btn_nobg4 {
        width: 90%;
        min-width: 100px;
    }

    .wh_sub_body .contents_body.ofxfordbox .wow7box_r {
        min-height: 210px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li span {
        width: 17px;
        height: 17px;
        line-height: 17px;
        font-size: 12px;
        margin-right: 3px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }

    .wh_sub_body .contents_body.ofxfordbox .select_area {
        min-height: 32px;
    }

}

@media all and (max-width: 374px) {
    .wh_sub_body .contents_body.ofxfordbox .thumb_r {
        height: auto;
        padding: 3px 7px 5px 7px;
        float: left;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li {
        padding: 7px 7px 0 7px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_box {
        padding: 7px 7px 0 7px;
    }

    .wh_sub_body .contents_body.ofxfordbox .txt_plus {
        display: none;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxfordbox_txt {
        width: 140px;
        height: 114px;
    }
    .wh_sub_body .contents_body.ofxfordbox .giftset_txt {
        width: 140px;
        height: 114px;
    }
    .wh_doublebox .wow7box_txt, .doublebox .wow7box_choice_info {
        width: 145px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li strike {
        margin: 0 5px 0 3px;
        font-size: 14px;
    }

    .wh_sub_body .contents_body.ofxfordbox .oxford_price li em {
        font-size: 15px;
    }
}

/* oxford popup */

.wh_sub_body .oxpopup_wrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: inline-block;
}

.wh_sub_body .oxpopup_wrap .oxpopup_top {
    width: 100%;
    height: auto;
    display: inline-block;
    background: #d2131b;
    position: relative;
}

.wh_sub_body .oxpopup_wrap .oxpopup_top img {
    width: 100%;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 3.3333%;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom .tabs {
    width: 100%;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom .tabs li {
    width: 15.6%;
    height: 50px;
    line-height: 50px;
    background: #a0a0a0;
    float: left;
    margin: 0 1% 1% 0;
    text-align: center;
    color: #fff;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom .tabs li a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    outline: 0 none;
    font-weight: 500;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom .button li:last-child {
    margin-right: 0;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom .oxinfo {
    clear: both;
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding: 3%;
    background: #cfcfcf;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom .oxinfo h3 {
    padding-bottom: 15px;
}

.wh_sub_body .oxpopup_wrap .oxpopup_bottom .oxinfo p {
    padding-bottom: 5px;
}

.wh_sub_body .oxpopup_wrap ul.serach_list li.pickBranch {
	cursor: pointer;
}

@media all and (max-width: 720px) {

    .wh_sub_body .oxpopup_wrap .oxpopup_bottom .tabs li {
        width: 32.6%;
        height: 50px;
        line-height: 50px;
        background: #a0a0a0;
        float: left;
        margin: 0 1% 1% 0;
        text-align: center;
        color: #fff;
        font-size: 13px;
    }

    .wh_sub_body .oxpopup_wrap .oxpopup_bottom .tabs li.no_ri {
        margin-right: 0;
    }

    .wh_sub_body .oxpopup_wrap .oxpopup_bottom .oxinfo {
        clear: both;
        width: 100%;
        height: auto;
        padding: 5%;
        background: #cfcfcf;
    }
}

.wh_sub_body .shop_pop_p {
    overflow: hidden;
    position: relative;
    min-height: 38px;
}

.wh_sub_body .shop_pop_p span {
    float: left;
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    line-height: 24px;
}

.wh_sub_body .shop_pop_p a {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
}

.wh_sub_body .shop_pop_input {
    margin: 10px 0 0 0;
}

.wh_sub_body .shop_pop_input label {
    font-size: 14px;
    color: #333;
}

.wh_sub_body .shop_top_ul {
    height: 71px;
}

.wh_sub_body .shop_top_ul1 {
    background: url('../images/common/btn_shop_top_ul1.png') center center no-repeat;
    background-size: cover;
}

.wh_sub_body .shop_top_ul2 {
    background: url('../images/common/btn_shop_top_ul2.png') center center no-repeat;
    background-size: cover;
}

.wh_sub_body .shop_top_ul3 {
    background: url('../images/common/btn_shop_top_ul3.png') center center no-repeat;
    background-size: cover;
}

.wh_sub_body .shop_top_ul li {
    text-indent: -9999px;
}

.wh_sub_body .table_dl {
    font-size: 0px;
}

.wh_sub_body .table_dl dt {
    display: inline-block;
    font-size: 15px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .table_dl dd {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 15px;
    color: #313131;
    line-height: 24px;
}

.wh_sub_body .cardOpen > div {
    display: none;
}

.wh_sub_body .tolltip_wrap_box {
    display: inline-block;
    position: relative;
}

.wh_sub_body .tolltip_wrap_box .tooltip_wrap {
    margin: 0 0 0 10px;
}

.wh_sub_body .shopbasket_table td {
    padding: 13px 33px;
    border-left: 1px solid #5b5655;
    vertical-align: top;
}

.wh_sub_body .shopbasket_table td.th_bg {
    position: relative;
    padding: 30px 0 35px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .shopbasket_table td.th_bg > .th_bg_minus {
    position: absolute;
    left: -20px;
    display: block;
    width: 40px;
    height: 40px;
    margin: 10px 0 0 0;
    background: url('../images/common/th_bg_minus.png') center center no-repeat;
}

.wh_sub_body .shopbasket_table td.th_bg > .th_bg_plus {
    position: absolute;
    left: -20px;
    display: block;
    width: 40px;
    height: 40px;
    margin: 10px 0 0 0;
    background: url('../images/common/th_bg_plus.png') center center no-repeat;
}

.wh_sub_body .shopbasket_table td.th_bg dl {
    overflow: hidden;
}

.wh_sub_body .shopbasket_table td.th_bg dl dt {
    font-size: 15px;
    color: #fff;
}

.wh_sub_body .shopbasket_table td.th_bg dl dd {
    margin: 15px 0 0 0;
    font-size: 18px;
    color: #b6b0af;
    line-height: 25px;
}

.wh_sub_body .shopbasket_table td.th_bg dl dd em {
    font-size: 32px;
    color: #b6b0af;
}

.wh_sub_body .shopbasket_table td.th_bg dl dd em.gold {
    color: #fdd75f;
}

.wh_sub_body .shopbasket_table td.th_bg dl dd em.red {
    color: #ed1c24;
}

.wh_sub_body .shopbasket_table td.th_bg dl dd span {
    font-size: 18px;
    color: #e0dedd;
    font-weight: 700;
}

.wh_sub_body .shopbasket_table td.th_bg dl dd span.red {
    color: #fa1e26;
}

.wh_sub_body .shopbasket_table td:first-child {
    border-left: none;
}

.wh_sub_body .shopbasket_table td ul li {
    font-size: 15px;
    color: #898483;
    line-height: 22px;
}

.wh_sub_body .shopbasket_table td ul li span {
    float: right;
}

.wh_sub_body .all_p {
    height: 52px;
    border-top: 2px solid #898483;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 52px;
}

.wh_sub_body .sale_mem_list {
    border-top: 1px solid #413e3d;
}

.wh_sub_body .sale_mem_list td {
    padding: 30px 25px;
    border-bottom: 1px solid #413e3d;
    vertical-align: top;
}

.wh_sub_body .sale_mem_list td strong {
    font-size: 15px;
    color: #fff;
}

.wh_sub_body .sale_mem_list td ul {
    margin: 10px 0 0 0;
}

.wh_sub_body .giftcard_list {
    margin: 30px 0 0 0;
    border-top: 1px solid #acacac;
}

.wh_sub_body .giftcard_list li {
    position: relative;
    padding: 20px 86px 20px 20px;
    border-bottom: 1px solid #413e3d;
    font-size: 0px;
    line-height: 28px;
}

.wh_sub_body .giftcard_list li span.n {
    display: inline-block;
    width: 74%;
    font-size: 17px;
    color: #ffffff;
}

.wh_sub_body .giftcard_list li span.gold {
    display: inline-block;
    width: 10%;
    padding-left: 12px;
    font-size: 15px;
    color: #fdd043
}

.wh_sub_body .giftcard_list li span.n2 {
    display: inline-block;
    width: 16%;
    font-size: 13px;
    color: #ffffff;
}

.wh_sub_body .giftcard_list li span.n2 em {
    margin: 0 5px 0 0;
    font-size: 22px;
}

.wh_sub_body .giftcard_list li a {
    position: absolute;
    right: 10px;
    top: 20px;
    min-width: 60px
}

.wh_sub_body .con_list li {
    overflow: hidden;
    display: block;
    height: 380px;
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #413e3d;
    font-size: 0px;
}

.wh_sub_body .con_list li.con_list_r {
    position: relative;
    padding: 40px 0 40px 0;
}

.wh_sub_body .con_list li.con_list_l {
    position: relative;
    padding: 40px 0 40px 0;
}

.wh_sub_body .con_list li div {
    float: left;
    width: 570px;
}

.wh_sub_body .con_list li img {
    float: left;
    width: 300px;
    max-width: 100%;
    margin: 0 30px 0 0;
}

.wh_sub_body .con_list li div strong {
    font-size: 22px;
    color: #ffffff;
    font-weight: normal;
}

@media all and (max-width: 740px) {
    .wh_sub_body .con_list li div strong {
        font-size: 18px;
        line-height: 24px;
    }
}

.wh_sub_body .con_list li div p.tit {
    margin: 16px 0 25px 0;
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
}

.wh_sub_body .con_list li div p.txt {
    font-size: 15px;
    color: #b6b0af;
    line-height: 26px;
}

.wh_sub_body .login_label {
    display: inline-block;
    width: 120px;
    color: #ffffff;
}

.wh_sub_body .btn_table_r {
    margin: 10px 0 0 0;
}

.wh_sub_body .em_list_h4 {
    margin: 0;
    font-size: 15px;
    color: #ffffff;
}

.wh_sub_body .side_pop_txt {
    margin: 30px 0;
    font-size: 16px;
    color: #9b6335;
    line-height: 18px;
}

.wh_sub_body .side_pop_txtx {
    font-size: 16px;
    color: #9b6335;
}

.wh_sub_body .side_pop_txt.line_t {
    margin: 20px 0 0 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #ededed;
}

.wh_sub_body .side_pop_txt2 {
    margin: 30px 0 20px 0;
    font-size: 14px;
}

.wh_sub_body .side_pop_txt3 label {
    font-size: 14px;
    color: #333;
}

.wh_sub_body .side_pop_txt3 input {
    width: 400px;
    border: 1px solid #cccccc;
}

.wh_sub_body .side_pop_txt3 input.in_w250 {
    width: 250px;
}

.wh_sub_body .side_pop_txt3 span {
    font-size: 13px;
    color: #4b4b4b;
    line-height: 24px;
}

.wh_sub_body .side_pop_txt3 span.no_bg {
    padding: 0 10px;
    background: none;
}

.wh_sub_body .side_pop_txt4 {
    background: #f4f4f4;
    border-radius: 4px;
    line-height: 40px;
}

.wh_sub_body .side_pop_txt4 label {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

.wh_sub_body .lp_checkCoupon .copop_list_wrap {
    overflow-y: auto;
    max-height: 202px;
}

.wh_sub_body .copop_list {
    overflow: hidden;
    width: 600px;
    max-width: 100%;
    font-size: 0px;
}

.wh_sub_body .copop_list dt {
    clear: both;
    float: left;
    width: 50%;
    margin-top: 10px;
    padding-left: 15px;
    font-size: 14px;
    color: #413e3d;
    line-height: 38px;
    background: url('../images/common/ico_bl4.png') left 16px no-repeat;
    background-size: 5px;
}

.wh_sub_body .copop_list dt span {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #898483;
}

.wh_sub_body .copop_list dd {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.wh_sub_body .copop_total {
    margin: 30px 0 0 0;
    font-size: 0px;
    background: #f4f4f4;
}

.wh_sub_body .copop_total dt {
    display: inline-block;
    width: 50%;
    height: 55px;
    padding: 0 25px;
    line-height: 55px;
    vertical-align: top;
}

.wh_sub_body .copop_total dt.line_t {
    border-top: 1px solid #e0dedd;
}

.wh_sub_body .copop_total dt span.red {
    font-size: 13px;
    color: #ed1c24;
}

.wh_sub_body .copop_total dt span.n {
    font-size: 13px;
}

.wh_sub_body .copop_total dd {
    display: inline-block;
    width: 50%;
    height: 55px;
    padding: 0 25px;
    line-height: 55px;
    text-align: right;
    vertical-align: top;
}

.wh_sub_body .copop_total dd.line_t {
    border-top: 1px solid #e0dedd;
}

.wh_sub_body .copop_total dd em.red {
    font-size: 13px;
    color: #ed1c24;
}

.wh_sub_body .copop_total dd em.red2 {
    font-size: 17px;
    color: #ed1c24;
}

.wh_sub_body .copop_total dd span.red {
    font-size: 13px;
    color: #ed1c24;
}

.wh_sub_body .input_check {
    margin: 10px 0 0 0;
}

.wh_sub_body .input_check input {
    margin: 0 0 0 30px;
}

.wh_sub_body .input_check input:first-child {
    margin: 0;
}

.wh_sub_body .input_check label {
    margin: 0 0 0 10px;
    font-size: 14px;
    color: #e0dedd;
}

.wh_sub_body .triple_box {
    overflow: hidden;
}

.wh_sub_body .triple_box_l {
    float: left;
    width: 675px;
    text-align: center;
}

.wh_sub_body .triple_box_r {
    float: right;
    width: 445px;
    padding: 0 87px 0 0;
}

.wh_sub_body .triple_box_r_con {
    overflow: hidden;
    font-size: 0px;
    text-align: right;
}

.wh_sub_body .triple_box_r_con img {
    float: left;
    display: inline-block;
    vertical-align: top;
}

.wh_sub_body .triple_box_r_con em {
    font-size: 72px;
    color: #ed1c24;
    font-weight: 700;
}

.wh_sub_body .triple_box_r_con span {
    font-size: 22px;
    color: #fff;
}

.wh_sub_body .triple_box_r dl {
    margin: 20px 0 0 0;
}

.wh_sub_body .triple_box_r dl dt {
    margin: 0 0 0 20px;
    padding: 5px 3px;
    background: #000;
    font-size: 14px;
    color: #fff;
}

.wh_sub_body .triple_box_r dl dd {
    margin: 10px 0 0 20px;
    font-size: 14px;
    color: #e0dedd;
    line-height: 22px;
}

.wh_sub_body .order_box_table_wrap {
    overflow-y: auto;
    height: 344px;
    border: 2px solid #595554;
}

.wh_sub_body .order_box_table {
    background: #343231;
}

.wh_sub_body .order_box_table td {
    padding: 13px 10px;
    font-size: 14px;
    color: #e0dedd;
    line-height: 24px;
    text-align: right;
    border-bottom: 1px solid #565251;
}

.wh_sub_body .order_box_table td:first-child {
    text-align: left;
}

.wh_sub_body .order_box_table td span.gold {
    color: #fdd75f;
    margin: 0 5px 0 0;
}

.wh_sub_body .order_box_table td em {
    color: #fff;
}

.wh_sub_body .tab_bg {
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0px;
    border-top: 1px solid #454241;
}

.wh_sub_body .tab_bg li {
    display: inline-block;
    width: 300px;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}

.wh_sub_body .tab_bg li:first-child {
    width: 620px;
}

.wh_sub_body .map_search_input {
    display: block;
    font-size: 0px;
    vertical-align: top;
}

.wh_sub_body .map_search_input li {
    display: inline-block;
    width: 33%;
    padding: 0 0 0 10px;
}

.wh_sub_body .map_search_input li:first-child {
    padding: 0;
}

.wh_sub_body .map_search_input li.map_search_input2 {
    width: 34%;
}

.wh_sub_body .map_search_input li select {
    width: 100%;
}

.wh_sub_body .point_top_list {
    font-size: 0px;
}

.wh_sub_body .point_top_list ul li {
    vertical-align: top;
    color: #fff
}

.wh_sub_body .point_top_list ul li .txt {
    display: inline-block;
    padding-right: 20px
}

.wh_sub_body .point_top_list1 {
    display: inline-block;
    width: 65%;
    height: 270px;
    padding: 38px 0;
    font-size: 0;
    border-radius: 0 20px 0 0;
    border-right: 1px dashed #413e3d;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .point_top_list11 {
    display: inline-block;
    width: 50%;
    padding: 0 30px;
    vertical-align: top;
}

.wh_sub_body .point_top_list11 select {
    color: #fff
}

.wh_sub_body .point_top_list11 img {
    max-width: 100%;
    width: 100%
}

.wh_sub_body .point_top_list2 {
    display: inline-block;
    width: 35%;
    height: 270px;
    padding: 38px 40px;
    font-size: 15px;
    border-radius: 20px 0 0 0;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .point_top_list2 strong {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}

.wh_sub_body .point_top_list2 p {
    margin: 30px 0 0 0;
    font-size: 13px;
    color: #b6b0af;
}

.wh_sub_body .point_top_list2 p .red {
    color: #ed1c24;
}

.wh_sub_body .point_top_list2 .btn_card {
    margin-top: 20px
}

.wh_sub_body .point_top_list2 .bl_arrow li {
    background: url('../images/common/ico_bl4_w.png') left 7px no-repeat;
    background-size: 5px;
    color: #fff
}

.wh_sub_body .point_top_list12 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.wh_sub_body .point_top_list12 dl {
    display: block;
    font-size: 0;
    white-space: nowrap
}

.wh_sub_body .point_top_list12 dl dt {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    white-space: normal
}

.wh_sub_body .point_top_list12 dl dd {
    margin: 14px 0 0 0;
    font-size: 18px;
    color: #e0dedd;
}

.wh_sub_body .point_top_list12 dl dd em {
    margin: 0 3px 0 0;
    font-size: 32px;
}

.wh_sub_body .point_top_list12 dl dd em.red {
    color: #ed1c24;
}

.wh_sub_body .point_top_list12 dl dd em.gold {
    color: #fdd043;
}

.wh_sub_body .point_top_list12 dl dd span {
    display: block;
    margin: 17px 0 0 0;
    font-size: 13px;
    color: #b6b0af;
}

.wh_sub_body .point_top_list12 dl dd span.m_hide {
    margin: 0;
}

.wh_sub_body .point_top_list12 dl:last-child {
    margin-top: 33px
}

.wh_sub_body .point_detail {
    margin-top: 0
}

.wh_sub_body .my_top_list2 {
    display: inline-block;
    width: 35%;
    max-width: 100%;
    height: 200px;
    padding: 38px 40px;
    font-size: 15px;
    border-radius: 20px 0 0 0;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .my_top_list2.my_top_list4 {
    width: 55%;
}

.wh_sub_body .my_top_list2 ul {
    font-size: 0px;
}

.wh_sub_body .my_top_list2 ul li {
    display: inline-block;
    width: 50%;
    text-align: center;
}

.wh_sub_body .my_top_list2.my_top_list4 ul li {
    display: table-cell;
    width: 1%;
}

.wh_sub_body .my_top_list2 ul li span {
    font-size: 13px;
    color: #b6b0af;
    vertical-align: bottom;
}

.wh_sub_body .my_top_list2 ul li span:first-child {
    font-size: 15px;
    color: #b6b0af;
}

.wh_sub_body .my_top_list2 ul li div {
    display: block;
    height: 50px;
    margin: 30px 0 15px 0;
    line-height: 50px;
}

.wh_sub_body .my_top_list2 ul li div img {
    width: 50px;
}

.wh_sub_body .my_top_list2 ul li strong {
    margin: 0 5px 0 0;
    font-size: 28px;
    color: #fdd043;
}

.wh_sub_body .my_top_list2 ul li a {
    margin: 0 5px 0 0;
    font-size: 28px;
    color: #fdd043;
    font-weight: 700;
}

.wh_sub_body .ofxfordbox .wow7box {
    margin: 10px 10px 0 10px;
    font-size: 0px;
}

.wow7box.wow7box2 {
    margin: 0;
    border-bottom: 1px solid #413e3d;
}

.wh_sub_body .ofxfordbox .wow7box_l {
    position: relative;
    display: inline-block;
    width: 55%;
    height: 320px;
    border-right: 1px dashed #413e3d;
    background: #fff;
    vertical-align: top;
}

/* doublebox side menu */
.wh_sub_body .lp_double {
    width: 515px
}

.wh_sub_body .lp_double .sp, .lp_double .side_tit:after, .lp_double .price_area .menu:after {
    background: url('../images/event/sp_dbside.png') no-repeat;
    background-size: 538px 216px;
    -webkit-background-size: 538px 216px
}

.wh_sub_body .lp_double .h2_title {
    text-align: center
}

.wh_sub_body .lp_double .h2_title .img {
    display: block;
}

.wh_sub_body .lp_double .slider_wrap {
    position: relative;
    margin: 10px 0;
    width: 100%;
    /*height: 370px;*/
}

/*.wh_sub_body .lp_double .slider_ul {
    overflow: hidden;
    height: 370px;
    margin: 0 auto;
    overflow-y: scroll
}*/

.wh_sub_body .lp_double .slider_ul li {
    position: relative;
    width: 90%;
    height: 147px;
    background: #f0f0f0;
    margin: 0 auto 20px;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.wh_sub_body .lp_double .slider_ul li:nth-child(1):before, .lp_double .slider_ul li:nth-child(2):before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 370px;
    height: 1px;
    background-color: #f4efeb;
    z-index: -1
}

.wh_sub_body .lp_double .slider_ul li:nth-child(odd):before {
    left: auto;
    right: 0
}

.wh_sub_body .lp_double .slider_ul li:nth-child(even) {
    border-left: 1px solid #f4efeb
}

.wh_sub_body .lp_double .slider_ul li .thumb {
    position: relative;
    float: left;
    width: 190px;
    height: 140px
}

.wh_sub_body .lp_double .slider_ul li .thumb img {
    display: inline;
    max-height: 125px;
    margin: 6px 0 0 0;
}

.wh_sub_body .lp_double .slider_ul li .dsc_area {
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .item_name {
    display: block;
    font-size: 20px;
    color: #000
}

/* 20170717 수정*/
.wh_sub_body .lp_double .slider_ul li .dsc_area .s_name {
    display: block;
    margin-top: 5px;
    font-weight: normal;
    font-size: 14px;
    padding: 15px 0 0 0;
    line-height: 16px;
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .price {
    display: block;
    margin-top: 0;
    font-weight: normal;
    font-size: 15px
}

.wh_sub_body .lp_double .slider_ul li .dsc_area del {
    display: inline-block;
    margin-left: 3px;
    font-size: 15px;
    color: #898483
}

.wh_sub_body .lp_double .slider_ul li .dsc_area em {
    display: inline-block;
    font-size: 20px;
    color: #c10a28;
    font-weight: bold;
}

/* 20170717 수정*/
.wh_sub_body .lp_double .slider_ul li .dsc_area .txt {
    padding-right: 2px;
    font-size: 13px
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .radio_area {
    margin-top: 13px;
    text-align: left
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .radio_box {
    position: relative;
    margin-top: 8px
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .radio_box input {
    opacity: 0
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .radio_area .fake {
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #b6b0af;
    border-radius: 9px;
    background: #fff;
    cursor: pointer
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .radio_area + .num_box {
    margin-top: 15px
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .radio_area :checked + .price_label .fake:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    background: #b6b0af;
    border-radius: 9px
}

.wh_sub_body .lp_double .slider_ul li .dsc_area .price_label {
    margin-left: 10px;
    cursor: pointer
}

.wh_sub_body .lp_double .slider_ul .side_logo {
    padding-left: 100px;
}

/*20170614 적용*/

.wh_sub_body .lp_double .slider_wrap .btn_prev, .lp_double .slider_wrap .btn_next {
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 40px;
    height: 50px;
    font-size: 0;
    color: transparent;
    background-color: #d7c8be
}

.wh_sub_body .lp_double .slider_wrap .btn_prev:before, .lp_double .slider_wrap .btn_next:before {
    content: '';
    position: absolute;
    top: 16px;
    width: 11px;
    height: 19px
}

.wh_sub_body .lp_double .slider_wrap .btn_prev {
    left: 0
}

.wh_sub_body .lp_double .slider_wrap .btn_prev:before {
    left: 13px;
    background: url('../images/common/btn_bx_r5.png') no-repeat 0 0;
    background-size: contain
}

.wh_sub_body .lp_double .slider_wrap .btn_next {
    right: 0
}

.wh_sub_body .lp_double .slider_wrap .btn_next:before {
    left: 17px;
    background: url('../images/common/btn_bx_l5.png') no-repeat 0 0;
    background-size: contain
}

.wh_sub_body .lp_double .ico_sale {
    position: absolute;
    bottom: 6px;
    left: 9px;
    width: 60px;
    height: 50px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    font-family: tahoma, verdana, sans-serif;
    font-size: 19px;
    color: #fff;
    background: url('../images/event/ico_sale.png') no-repeat 0 0;
    background-size: contain
}

.wh_sub_body .lp_double .ico_sale span {
    padding-left: 1px;
    font-weight: normal;
    font-size: 11px
}

.wh_sub_body .lp_double .ico_new {
    overflow: hidden;
    position: absolute;
    left: 21px;
    top: 15px;
    width: 75px;
    height: 41px;
    background: url('../images/event/ico_new.png') no-repeat 0 0;
    background-size: contain;
    text-indent: -999px
}

.wh_sub_body .lp_double .num_box {
    display: inline-block;
    margin-top: 10px;
    font-size: 0;
    vertical-align: top
}

.wh_sub_body .lp_double .num_box input.num_box_c {
    width: 40px;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 27px
}

.wh_sub_body .lp_double .num_box a {
    display: inline-block;
    width: 28px;
    height: 30px;
    font-family: 'dotum', '돋움', '나눔바른고딕', '나눔바른고딕OTF', 'NanumBarunGothic', 'NanumBarunGothicOTF', 'Apple SD Gothic Neo', 'sans-serif';
    font-size: 23px;
    color: #898483;
    text-align: center
}

.wh_sub_body .lp_double .num_box .num_box_l {
    border: 1px solid #ccc;
    border-right: none
}

.wh_sub_body .lp_double .num_box .num_box_r {
    border: 1px solid #ccc;
    border-left: none
}

.wh_sub_body .lp_double .num_box .btn_slct {
    display: inline-block;
    width: 93px;
    height: 30px;
    margin-left: 0;
    line-height: 28px;
    text-align: center;
    background-color: #c10a28;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
}

/* 20170717 수정 */

.wh_sub_body .lp_double .choice_wrap {
    position: relative;
    padding: 5px 30px 5px 30px;
}

/* 20170717 수정 */
.wh_sub_body .lp_double .choice_wrap .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    height: 10px;
    background: url('../images/event/pattern2.png') repeat-x 0 0
}

/* 20170717 수정*/
.wh_sub_body .lp_double .choice_wrap .choice_area {
    position: relative;
    text-align: right
}

.wh_sub_body .lp_double .choice_wrap:after {
    content: '';
    clear: both;
    display: block
}

.wh_sub_body .lp_double .side_tit {
    position: relative;
    float: left;
    margin-top: 3px;
    padding: 0;
    font-size: 15px;
    color: #313131
}

/* 20170717 수정 */
.wh_sub_body .lp_double .price_area .menu {
    position: relative;
    margin: 0;
    padding-right: 25px;
    font-size: 14px
}

.wh_sub_body .lp_double .price_area .price {
    color: #000
}

/* 20170717 수정 */
.wh_sub_body .lp_double .price_area .menu:after {
    content: '';
    margin: 0 0 0 5px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 18px;
    height: 18px;
    background: url('../images/white_ver/price_area_close.jpg');
}

.wh_sub_body .lp_double .price_total {
    font-size: 15px;
    color: #313131;
    font-weight: bold;
}

/* 20170717 수정 */
.wh_sub_body .lp_double .price_total strong {
    float: right;
}

.wh_sub_body .lp_double .lp_foot {
    padding: 17px 30px 20px;
    height: 132px;
}

/* 20170717 수정 */
.wh_sub_body .lp_double .lp_foot .comment_area {
    font-size: 14px;
    color: #9b6335
}

.wh_sub_body .lp_double .lp_foot .comment_area .txt {
    font-size: 13px;
    display: block;
    color: #a4a4a4;
    padding: 10px 0 5px 0;
    text-align: left;
}

/* 20170717 수정 */
.wh_sub_body .lp_double .lp_foot .btn_area button {
    overflow: hidden;
    width: 48%;
    height: 45px;
    font-size: 0;
    color: transparent
}

.wh_sub_body .lp_double .lp_foot .btn_area .btn_red {
    background: url('../images/white_ver/btn_red_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: auto;
}

.wh_sub_body .lp_double .lp_foot .btn_area .btn_white {
    background: url('../images/white_ver/btn_white_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: auto;
    margin: 0 0 0 2%;
}

.wh_sub_body .lp_double .btn_ly_close {
    position: absolute;
    top: 19px;
    right: 19px;
    width: 43px;
    height: 43px;
    background: url('../images/white_ver/wh_lp_close.png') no-repeat;
    font-size: 0;
}

@media all and (max-width: 768px) {
    .wh_sub_body .lp_double .slider_ul li:nth-child(1):before, .lp_double .slider_ul li:nth-child(2):before {
        display: none
    }

    .wh_sub_body .lp_double .slider_ul li:nth-child(even) {
        border-left: 0
    }

    .wh_sub_body .lp_double .side_tit:after {
        left: 12%
    }
}

@media all and (max-width: 420px) {
    /*.wh_sub_body .lp_double .slider_ul {
        height: 270px;
    }*/

    /*.wh_sub_body .lp_double .slider_wrap {
        height: 260px;
    }*/

    .wh_sub_body .lp_double .slider_ul li .thumb {
        width: 147px;
        height: 105px;
    }

    .wh_sub_body .lp_double .slider_ul li {
        padding: 0 10px;
        margin: 0 auto 10px;
    }

    .wh_sub_body .lp_double .slider_ul li .dsc_area .price {
        margin: 3px 0 0 0;
    }

    .wh_sub_body .lp_double .slider_ul li .dsc_area em {
        font-size: 15px;
    }

    .wh_sub_body .lp_double .slider_ul li .dsc_area del {
        font-size: 13px;
    }

    .wh_sub_body .lp_double .slider_ul li .thumb img {
        width: 92%
    }

    .wh_sub_body .lp_double .slider_ul li .thumb img {
        max-height: 106px;
        float: left;
        margin: 18px 0 0 4px
    }

    .wh_sub_body .lp_double .num_box {
        margin-top: 5px
    }

    .wh_sub_body .lp_double .slider_ul .side_logo {
        padding-left: 0;
        margin-top: 10%;
    }

    /*20170615 적용*/
    .wh_sub_body .lp_double .num_box input.num_box_c {
        width: 30px;
        height: 25px;
        padding: 0 1px;
        line-height: 25px;
        font-size: 13px
    }

    .wh_sub_body .lp_double .num_box a {
        width: 20px;
        height: 25px;
        font-size: 19px
    }

    .wh_sub_body .lp_double .num_box a.num_box_l {
        line-height: 27px
    }

    .wh_sub_body .lp_double .num_box a.num_box_r {
        line-height: 26px
    }

    .wh_sub_body .lp_double .num_box .btn_slct {
        width: 81px;
        height: 25px;
        line-height: 25px;
        font-size: 13px
    }

    .wh_sub_body .lp_double .side_tit {
        margin-top: 0;
        padding: 3px 0 5px 12px;
        font-size: 0
    }

    .wh_sub_body .lp_double .side_tit:after {
        top: 1px;
        left: 12px;
        background-position: -107px 0
    }

    .wh_sub_body .lp_double .ico_sale {
        bottom: 0;
        left: 0;
        width: 45px;
        height: 38px;
        letter-spacing: -1px;
        font-size: 14px
    }

    .wh_sub_body .lp_double .ico_new {
        left: 13px;
        top: 10px;
        width: 46px;
        height: 24px
    }

    .wh_sub_body .lp_double .ico_sale span {
        font-size: 8px
    }

    .wh_sub_body .lp_double .slider_ul li:nth-child(even) {
        border: 0
    }

    .wh_sub_body .lp_double .choice_wrap {
        letter-spacing: -1px;
        padding: 5px 15px;
    }

    .wh_sub_body .lp_double .choice_wrap .bg {
        background-size: 15px 25px;
        -webkit-background-size: 15px 25px
    }

    .wh_sub_body .lp_double .price_area .menu {
        margin: 2px 0 0 0;
        font-size: 13px
    }

    .wh_sub_body .lp_double .price_area .menu + .menu {
        margin-left: 15px
    }

    .wh_sub_body .lp_double .price_total {
        margin: 5px 0 5px;
        font-size: 13px
    }

    .wh_sub_body .lp_double .lp_foot {
        padding: 10px 15px
    }

    .wh_sub_body .lp_double .lp_foot .comment_area {
        margin-top: 0;
        left: 12px;
        right: 12px;
        bottom: 12px;
        line-height: 13px;
        font-size: 11px
    }

    .wh_sub_body .lp_double .lp_foot .comment_area .txt + .txt {
        display: none
    }

    .wh_sub_body .lp_double .lp_foot .comment_area .txt {
        line-height: 17px;
    }

    .wh_sub_body .lp_double .lp_foot .btn_area button {
        min-height: 20px;
        height: 40px;
    }

    .wh_sub_body .lp_double .lp_foot .btn_area .btn_red {
    }

    .wh_sub_body .lp_double .lp_foot .btn_area .btn_white {
    }

    .wh_sub_body .lp_double .slider_wrap .btn_prev, .lp_double .slider_wrap .btn_next {
        width: 30px;
        height: 38px
    }

    .wh_sub_body .lp_double .slider_wrap .btn_prev:before, .lp_double .slider_wrap .btn_next:before {
        top: 9px;
        width: 11px;
        height: 19px
    }

    .wh_sub_body .lp_double .slider_wrap .btn_prev:before {
        left: 9px
    }

    .wh_sub_body .lp_double .slider_wrap .btn_next:before {
        left: 13px
    }

    .wh_sub_body .lp_double .btn_ly_close {
        top: 8px;
        right: 8px;
        width: 30px;
        height: 30px;
        background-size: 100%;
    }

    .wh_sub_body .lp_double .lp_foot .comment_area .txt {
        padding: 1px 0 5px 0;
    }
}

.wh_sub_body .day_box_wrap {
    display: inline-block;
    background: url('../images/common/bg_daybox.png') 151px center no-repeat;
    overflow: hidden
}

.wh_sub_body .day_box {
    position: relative;
    float: left;
    width: 145px;
    height: 38px;
    padding: 0 38px 0 0;
    border: 1px solid #635d5b;
    font-size: 0;
    line-height: 0;
}

.wh_sub_body .day_box_wrap > div:first-child {
    margin: 0 25px 0 0;
}

.wh_sub_body .day_box input {
    width: 100%;
    height: 36px;
    border: none;
    font-size: 15px;
    color: #fff;
    line-height: 36px;
}

.wh_sub_body .day_box a {
    position: absolute;
    right: 10px;
    top: 0px;
}

.wh_sub_body .day_box a img {
    padding: 7px 0;
    vertical-align: top;
}

.wh_sub_body .day_box_wrap .txt_normal {
    display: none;
}

.wh_sub_body .pop_coupon > ul {
    font-size: 0px;
}

.wh_sub_body .pop_coupon > ul > li {
    display: inline-block;
    width: 50%;
}

.wh_sub_body .pop_coupon > ul > li:nth-child(odd) {
    padding: 10px 10px 10px 0;
}

.wh_sub_body .pop_coupon > ul > li:nth-child(even) {
    padding: 10px 0 10px 10px;
}

.wh_sub_body .pop_coupon > ul > li > div {
    height: 350px;
    border: 1px solid #cccccc;
}

@media all and (max-width: 740px) {
    .wh_sub_body .pop_coupon > ul > li > div {
        height: auto;
    }
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_tit {
    padding: 25px 28px;
    border-bottom: 1px dotted #e1e1e1;
    text-align: center;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_tit img {
    width: 100%;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_tit p {
    margin: 20px 0 0 0;
    font-size: 15px;
    color: #413e3d;
    line-height: 17px;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con {
    padding: 20px 28px 30px 28px;
    text-align: center;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con ul {
    font-size: 0px;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con ul li {
    display: inline-block;
    height: 25px;
    margin: 0 2px;
    border: 1px solid #b6b0af;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con ul li span {
    display: block;
    padding: 0 6px 0 6px;
    font-size: 12px;
    color: #b6b0af;
    line-height: 25px;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con .day {
    display: block;
    margin: 10px 0 0 0;
    font-size: 15px;
    color: #898483;
}

@media all and (max-width: 740px) {
    .wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con .day {
        word-break: break-all;
    }
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con .n {
    display: block;
    margin: 10px 0 0 0;
    font-size: 15px;
    color: #413e3d;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con .n .red {
    font-size: 15px;
    color: #ed1c24;
}

.wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con > a {
    margin: 20px 0 0 0;
}

@media all and (max-width: 740px) {
    .wh_sub_body .pop_coupon > ul > li > div > .pop_coupon_con > a {
        width: 100%;
    }
}

.wh_sub_body .pop_coupon_no {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.wh_sub_body .pop_coupon.off .pop_coupon_no {
    display: block;
}

/* app */
.wh_sub_body .app_wrap {
    position: relative;
    width: 900px;
    margin: 0 auto;
    font-size: 0px;
}

.wh_sub_body .app_l {
    display: inline-block;
    width: 480px;
}

.wh_sub_body .app_l p {
    font-size: 18px;
    color: #ef1d26;
    line-height: 20px;
}

.wh_sub_body .app_l strong {
    display: block;
    margin: 24px 0 0 0;
    font-size: 32px;
    color: #ffffff;
    line-height: 46px;
    font-weight: normal;
}

.wh_sub_body .app_r {
    position: relative;
    display: inline-block;
    width: 420px;
}

.wh_sub_body .app_r {
    position: relative;
    display: inline-block;
    width: 420px;
}

.wh_sub_body .app_r img {
    position: absolute;
    left: 0px;
    bottom: -55px;
}

.wh_sub_body .app_down {
    width: 900px;
    margin: 0 auto;
    font-size: 0px;
}

.wh_sub_body .app_img {
    display: inline-block;
    width: 480px;
    vertical-align: top;
    text-align: center;
}

.wh_sub_body .app_img ul {
    font-size: 0px;
}

.wh_sub_body .app_img ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.wh_sub_body .app_text {
    display: inline-block;
    width: 420px;
    font-size: 15px;
    vertical-align: top;
}

.wh_sub_body .app_text p {
    margin: 0 0 15px 0;
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
}

.wh_sub_body .box3 {
    margin: 0 -2px;
    font-size: 0px;
}

.wh_sub_body .box3 > li {
    display: table-cell;
    position: relative;
    width: 1%;
    height: 124px;
    padding: 2px;
    text-align: center;
}

.wh_sub_body .box3 > li > dl {
    display: block;
    width: 100%;
    height: 120px;
    padding: 30px 0;
    background: rgba(255, 255, 255, 0.1);
}

.wh_sub_body .box3 > li > dl > dt {
    font-size: 15px;
    color: #fff;
}

.wh_sub_body .box3 > li > dl > dd {
    margin: 15px 0 0 0;
}

.wh_sub_body .box3 > li > dl > dd strong {
    margin: 0 10px 0 0;
    font-size: 32px;
    color: #fdd043;
    font-weight: normal;
}

.wh_sub_body .box3 > li > dl > dd span {
    font-size: 18px;
    color: #b6b0af;
}

.wh_sub_body .box3 > li > dl > dd span.small {
    display: none;
    font-size: 12px;
    color: #898483;
}

.wh_sub_body .box3 > li > span {
    position: absolute;
    right: 0px;
    top: 132px;
    font-size: 12px;
    color: #898483;
}

/* 쿠폰조회 팝업 */
.wh_sub_body .lp_e_coupon .h2_tit3 .sub_title {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-left: 5px
}

.wh_sub_body .lp_e_coupon .half_btn {
    margin-top: 16px;
    text-align: center
}

.wh_sub_body .lp_e_coupon .half_btn a {
    height: 38px;
    line-height: 38px;
    font-size: 15px
}

.wh_sub_body .lp_e_coupon .p_content_wrapper {
    border-bottom: 1px solid #ededed;
    padding-bottom: 26px;
    margin-bottom: 26px
}

.wh_sub_body .lp_e_coupon .p_content_wrapper.cp_list {
    height: 220px;
    overflow-y: scroll;
    padding-right: 20px
}

.wh_sub_body .lp_e_coupon .p_content_wrapper li {
    overflow: hidden;
    position: relative;
    margin-top: 12px;
    padding-left: 18px
}

.wh_sub_body .lp_e_coupon .p_content_wrapper input {
    position: absolute;
    left: 0;
    top: 2px
}

.wh_sub_body .lp_e_coupon .p_content_wrapper input:disabled + label {
    color: #999999
}

.wh_sub_body .lp_e_coupon .p_content_wrapper label {
    float: none;
    line-height: 18px;
    word-wrap: break-word;
    vertical-align: top;
}

.wh_sub_body .lp_e_coupon h6 {
    font-size: 16px;
    color: #313131;
    margin-bottom: 16px
}

.wh_sub_body .lp_e_coupon h6 .sub_title {
    font-size: 12px
}

.wh_sub_body .lp_e_coupon .no_msg {
    font-size: 14px;
    color: #ed1c24
}

.wh_sub_body .lp_e_coupon .cp_list_inner {
    border-bottom: 1px solid #ededed;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.wh_sub_body .lp_e_coupon .cp_list_inner:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.wh_sub_body .lp_e_coupon .cp_list_inner h6 {
    padding: 9px 10px 7px;
    background: #efeeee
}

.wh_sub_body .cp_total_cnt {
    background-color: #e0dedd;
    padding: 0 20px;
    margin-top: 30px
}

.wh_sub_body .cp_total_cnt:after {
    content: '';
    display: block;
    clear: both
}

.wh_sub_body .cp_total_cnt {
    height: 55px;
    line-height: 55px
}

.wh_sub_body .cp_total_cnt .cp_total_cnt_tit {
    float: left;
    font-size: 14px;
    color: #413e3d
}

.wh_sub_body .cp_total_cnt .cp_total_cnt_amount {
    float: right;
    font-size: 18px;
    color: #ed1c24;
    font-weight: bold
}

.wh_sub_body .cp_total_cnt .cp_total_cnt_amount span {
    padding-left: 2px;
    font-size: 14px;
    font-weight: normal
}

@media all and (max-width: 768px) {
    .wh_sub_body .lp_e_coupon .p_content_wrapper.cp_list {
        padding-right: 0
    }

    .wh_sub_body .lp_e_coupon .cp_list_inner {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .wh_sub_body .lp_e_coupon .p_content_wrapper label {
        display: block
    }

    .wh_sub_body .lp_e_coupon .half_btn {
        width: 100%
    }
}

@media all and (max-width: 740px) {
    .wh_sub_body .shop_toggle {
        overflow: hidden
    }

    .wh_sub_body #btnChoiceOrder {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%
    }
}

@media all and (max-width: 1024px) {
    .wh_sub_body .btn_list.w610 a.red.in_full {
        width: 100%;
        margin: 0
    }

    .wh_sub_body .btn_list.mid2.m_p12 {
        padding: 0 12px;
    }

    .wh_sub_body .btn_list.line_t {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }

    .wh_sub_body .btn_list.mid a.m_50 {
        float: left;
        width: 47%;
        margin: 0 1% 0 2%;
        height: 41px;
        line-height: 41px;
    }

    .wh_sub_body .btn_list.mid a.m2_50 {
        width: 47%;
        margin: 0 2% 0 1%;
        height: 41px;
        line-height: 41px;
    }

    .wh_sub_body .btn_list.mid02 a.m_50 {
        float: left;
        width: 49%;
        margin: 0 1% 0 2%;
        height: 41px;
        line-height: 41px;
    }

    .wh_sub_body .btn_list.mid02 a.m2_50 {
        width: 49%;
        margin: 0 2% 0 1%;
        height: 41px;
        line-height: 41px;
    }

    .wh_sub_body .btn_list.mid2 a.m_50 {
        width: 49%;
        margin: 0 1% 0 0;
        height: 40px;
        line-height: 40px;
    }

    .wh_sub_body .btn_list.mid a.m_50p {
        float: left;
        width: 47%;
        margin: 0 1% 0 2%;
        height: 58px;
        line-height: 57px;
    }

    .wh_sub_body .btn_list.mid a.m2_50p {
        width: 47%;
        margin: 0 2% 0 1%;
        height: 58px;
        line-height: 57px;
    }

    .wh_sub_body .btn_list.mid2 a.m_50p {
        width: 100%;
        margin: 0 1% 0 0;
        height: 58px;
        line-height: 57px;
    }

    .wh_sub_body .btn_list.mid2 a.m2_50 {
        width: 49%;
        margin: 0 0 0 1%;
    }

    .wh_sub_body .btn_list.mid a.m_full {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .btn_list.mid2 a.m_full {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .btn_list.big a.m_full {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .btn_pop2.m_full {
        width: 100%;
        margin: 0;
    }

    .wh_sub_body .btn_pop2_wrap a.m_50 {
        width: 49%;
        margin: 0 1% 0 0;
    }

    .wh_sub_body .btn_pop2_wrap a.m2_50 {
        width: 49%;
        margin: 0 0 0 1%;
    }

    .wh_sub_body .ul_item_wrap.w_t40 {
        margin-top: 0px;
    }
}

@media all and (max-width: 705px) {
    .wh_sub_body .regcard_box div img {
        height: auto;
        max-width: 100%
    }

    .wh_sub_body .mar_r40 {
        margin: 0 !important
    }
}

@media all and (max-width: 600px) {
    .wh_sub_body .lp_storeSearch .map_con_wrap .map_txt .map_txt_list ul li dl {
        overflow: visible;
        padding: 17px 100px 15px 10px
    }

    .wh_sub_body .lp_storeSearch .map_con_wrap .map_txt .map_txt_list ul li dl dt .f_red {
        display: inline-block
    }

    .wh_sub_body .lp_storeSearch .map_con_wrap .map_txt .map_txt_list ul li dl dd {
        overflow: visible
    }

    .wh_sub_body .lp_storeSearch .map_con_wrap .map_txt .map_txt_list ul li dl dd .btn_area {
        top: 20px;
        width: 80px;
        margin: 0
    }

    .wh_sub_body .lp_storeSearch .map_con_wrap .map_txt .map_txt_list ul li dl dd .btn_area .btn_gray {
        margin: 5px 0 0 0
    }

    .wh_sub_body .lp_storeSearch .map_con_wrap .map_txt .map_txt_list ul li dl dd .address {
        margin-top: 11px
    }

    .wh_sub_body .lp_storeSearch .map_con_wrap .map_txt .map_txt_list ul li dl dd .sale {
        margin-right: -100px
    }

    /* 배달트래커 모바일 */
    .wh_sub_body .tracking_mobile {
        display: block
    }

    .wh_sub_body .tracking_mobile2 {
        display: inline-block;
    }

    .wh_sub_body .btn_list.tracking_mobile a {
        line-height: 45px;
    }

    .wh_sub_body .btn_list.tracking_mobile a.m_50 {
        width: 40%;
    }

    .wh_sub_body .btn_list.line_t {
        margin: 0 0 0 0;
        padding: 0px 0 0 0;
    }
}

@media all and (max-width: 1024px) {
    .wh_sub_body .app_wrap {
        width: 100%;
        font-size: 0px;
    }

    .wh_sub_body .app_l {
        display: inline-block;
        width: 50%;
    }

    .wh_sub_body .app_r {
        display: inline-block;
        width: 50%;
        text-align: right
    }

    .wh_sub_body .app_r img {
        position: static;
        width: 240px;
        margin: 20px 0 -25px
    }

    .wh_sub_body .app_l strong {
        margin: 10px 0 0 0;
        font-size: 24px;
        line-height: 26px;
    }

    .wh_sub_body .app_down {
        width: 100%;
    }

    .wh_sub_body .app_img {
        display: block;
        width: 100%;
        font-size: 0px;
    }

    .wh_sub_body .app_img ul li {
        display: inline-block;
        margin: 0 0 30px 0;
        padding: 0 10px;
        text-align: center;
    }

    .wh_sub_body .app_text {
        display: block;
        width: 100%;
    }

    .wh_sub_body .map_search_l {
        float: none;
        display: block;
        width: 100%;
        padding: 0 100px 48px 0;
    }

    .wh_sub_body .all_tab1 .map_search_l.map_search_l2 {
        padding-bottom: 0;
    }

    .wh_sub_body .map_search_l.map_search_l2 {
        float: none;
        display: block;
        width: 100%;
        padding: 0 100px 58px 0;
    }

    .wh_sub_body .map_search_l .map_search_l_btn3 {
        right: 45px
    }

    .wh_sub_body .lp_storeSearch .all_tab2 .map_search_l.map_search_l2 {
        width: auto;
        padding: 0 0 58px 0
    }

    .wh_sub_body .map_search_r {
        float: none;
        display: block;
        width: 100%;
        padding: 0 0 48px 0;
    }

    .wh_sub_body .map_search_r.map_search_r2 {
        float: none;
        display: block;
        width: 100%;
        padding: 0 0 0 0;
    }

    .wh_sub_body .map_search_l.map_search_l2 .map_search_l_btn1 {
        right: 0px;
    }

    .wh_sub_body .map_search_l.map_search_l2 .map_search_l_btn2 {
        right: 0;
        top: 48px;
    }

    .wh_sub_body .map_con_wrap.map_con_wrap2 .map_txt {
        float: none;
        width: 100%;
    }

    .wh_sub_body .map_con_wrap.map_con_wrap2 .map_api {
        float: none;
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
    }

    .wh_sub_body .local_ud_list li dl dt strong {
        display: block;
        float: none;
        text-align: left;
    }

    .wh_sub_body .local_ud_list li dl dt span {
        display: block;
        margin: 10px 0 0 0;
        text-align: left;
    }

    .wh_sub_body .local_list_txt {
        display: block;
        width: 100%;
    }

    .wh_sub_body .local_list_time {
        display: block;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: left;
    }

    .wh_sub_body .map_search {
        padding: 0 0 20px 0;
    }

    .wh_sub_body .map_search.map_search3 {
        padding: 0 0 68px 0;
    }

    .wh_sub_body .map_search_input {
        padding: 0;
    }

    .wh_sub_body .map_search_input li {
        width: 33%;
    }

    .wh_sub_body .map_search_input li:first-child {
        padding: 0;
    }

    .wh_sub_body .map_search_input li.mid {
        width: 34%;
        padding: 0 10px;
    }

    .wh_sub_body .map_search_input li.last {
        padding: 0;
    }

    .wh_sub_body .map_search.map_search3 a {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .map_search_r a,
    .wh_sub_body .map_search_r .btn_table {
        position: static;
        top: auto;
        right: auto;
    }

    .wh_sub_body .map_search_r.map_search_r2 a {
        top: 134px;
    }

    .wh_sub_body .map_search.map_search3 a {
        top: 38px;
    }

    .wh_sub_body .map_search .map_search_l_btn1 {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .wh_sub_body .map_search .map_search_l_btn2 {
        top: 38px;
        width: 100%;
    }

    .wh_sub_body .section_ad_wow_wrap {
        padding: 0 12px;
    }

    .wh_sub_body .section_ad_wow_txt {
        display: none;
    }

    .wh_sub_body .section_ad_wow_wrap > a {
        position: absolute;
        right: 12px;
        bottom: 10px;
    }

    .wh_sub_body .section_ad_wow_wrap2 > a {
        position: absolute;
        right: 12px;
        bottom: 50px;
    }

    .wh_sub_body .section_ad_wow_wrap2 img {
        width: 70%;
    }

    .wh_sub_body .section_ad_wow_wrap2 .mar_ll16 {
        display: none;
    }

    .wh_sub_body .section_ad_wow_wrap2 .mar_l60 {
        display: none;
    }

    .wh_sub_body select.mw125 {
        min-width: 90px;
    }

    .wh_sub_body select.m_full {
        width: 100%;
    }

    .wh_sub_body .magazine_list_wrap {
        width: 100%;
    }

    .wh_sub_body .magazine_list {
        width: 100%;
        margin: -20px 0 0 0;
        font-size: 0px;
        text-align: center;
    }

    .wh_sub_body .tv_list {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .wh_sub_body .tv_list li {
        width: 50%;
        text-align: left;
    }

    .wh_sub_body .m_pd12 {
        padding: 0 12px 0 12px !important;
    }

    .wh_sub_body .orderChoice .list_coupon_wrap {
        width: auto
    }

    .wh_sub_body .orderChoice .list_coupon_wrap .list_coupon {
    }

    .wh_sub_body .orderChoice .list_coupon li {
        float: none;
        font-size: 14px
    }

    .wh_sub_body #view-infoModify .table_wrap_body.table_w637 td.m_td3_1 {
        padding: 9px 110px 0 80px
    }

    .wh_sub_body #view-infoModify .table_wrap_body.table_w637 td.m_td3_1 .td_poa {
        display: block
    }

    .wh_sub_body .btn_table.m_full {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .wh_sub_body .tab_free_pop_wrap p {
        display: block;
    }

    .wh_sub_body .tab_free_pop {
        display: none;
        position: absolute;
        left: 0px;
        top: 43px;
        width: 100%;
        padding: 15px 0;
        border: 1px solid #acacac;
        border-top: none;
        background: #fff;
        z-index: 30;
    }

    .wh_sub_body .tab_free_pop.on {
        display: block;
    }

    .wh_sub_body .tab_free_pop li {
        display: block;
        width: 100%;
        height: 43px;
        background: none;
    }

    .wh_sub_body .tab_free_pop li.active {
        display: none;
    }

    .wh_sub_body .tab_free_pop li a {
        width: 100%;
        padding: 0 18px;
        font-size: 13px;
        color: #313131;
        line-height: 43px;
        text-align: left;
        border-left: none;
        border-right: none;
        background: none;
    }

    .wh_sub_body .tab_free_pop li:hover a {
        width: 100%;
        padding: 0 18px;
        font-size: 13px;
        color: #c10a28;
        line-height: 43px;
        text-align: left;
        border-left: none;
        background: none;
    }

}

@media all and (max-width: 1024px) {
    /* 2018019 추가 사항 */
    .wh_sub_body .popContents .c img {
        width: 50%;
    }

    .wh_sub_body #poll_question9 .c img {
        width: 100%;
    }

    .wh_sub_body .bl_arrow.line_t2 {
        padding: 15px 0 0 0;
        margin: 10px 0 0 0;
    }

    /* 2018019 추가 사항 */
}

/* 20171023 신제품 사전 만나보기 */

.early_bird_box.detail_box{
    margin:0;
}
.early_bird_box.detail_box .detail_box_img_wrap{
    width:50%;
}
.early_main_img{
    width:100%;
}
.early_main_img img{
    width: 100%;
}
.early_bird_box .detail_box_con_dl2{
    margin:0;
}
.early_bird_box .detail_box_con_dl_ul li input {
    margin:3px 5px 0 0;
}
.early_bird_box .detail_box_con_dl3{
    padding:10px 0 0;
}

.section_body_txt span{
    font-size:20px;
}


.section_body.early_bird h3{
    font-size: 22px;
    color: #313131;
    padding-bottom:15px;
    line-height: 25px;
}
.section_body.early_bird h3 span{
    color:#fbc853;
}
.section_body.early_bird .early_method li{
    color:#313131;
    border-top:3px solid #413d3c;
}
.section_body.early_bird .early_method li span{
    padding:15px 0;
    display: block;
}
.section_body.early_bird .early_method li p{
    padding: 20px 0 43px 0;
    border-top:1px solid #413d3c;
}

.section_body.early_bird .early_store li{
    padding:20px 0;
    color:#313131;
    border-top:1px solid #413d3c;
    line-height: 18px;
}
.section_body.early_bird .early_store li a{
    color:#313131;
    text-decoration: none;
}
.section_body.early_bird .early_store li.last{
    border-bottom:1px solid #413d3c;
}
.section_body.early_bird .early_store li span{
    padding-right:20px;
    float: left;
    height:35px;
}
.section_body.early_bird .early_store li p{
    float: left;
}
.section_body.early_bird .early_store .red{
    color: red;
    padding-top:20px;
    display: block;
}
.section .section_body.red_dot p{
    color:#fb1112;
    padding-bottom:5px;
}
@media all and (max-width:1024px){
    .early_bird .btn_list.mid a.m_50{
        width: 100%;
    }
    .section_body.early_bird h3{
        font-size: 18px;
    }
    .section_body.early_bird li{
        font-size: 13px;
    }
    .section_body.early_bird .early_store .red{
        font-size: 13px;
    }
    .early_bird_box.detail_box .detail_box_img_wrap{
        width:100%;
        overflow: visible;
    }
}
@media all and (max-width:815px){
    .early_bird .early_store li.high span{
        height:60px;
    }
    .section_body.early_bird .early_method li p{
        line-height: 15px;
    }
    .early_bird_box .detail_box_con_dl3{
        padding:7px 0 0;
    }
    .section_body_txt span{
        font-size: 16px;
        line-height: 21px;
        display: block;
        margin-bottom: -13px;
    }
}



@media all and (max-width:600px){
    .section_body.early_bird .early_store li.high span{
        height:80px;
    }
}

@media all and (max-width:470px){
    .section_body.early_bird .early_store li.high span{
        height:70px;
    }
    .detail_box_con > li{
        padding:5px 0 15px 0
    }
    .section_body span i{
        display: block;
    }
    .section_body.early_bird h3 i{
        display: block;
    }
    .section_body.early_bird .early_method li p{
        line-height: 18px;
    }
    .section_body.early_bird .early_method li span{
        padding:10px 0;
        display: block;
    }
    .section_body.early_bird .early_method li p{
        padding:13px 0 23px 0;
    }
    .section_body.early_bird .early_method li i{
        display: block;
    }
    .section_body.early_bird h3{
        padding-bottom: 11px;
    }
    .section_body.early_bird .early_store li{
        padding:17px 0;
    }
}
@media all and (max-width:395px){
    .section_body.early_bird .early_store li.high span{
        height:90px;
    }
}

.pizza_more_ul {padding:0 0 10px 0;font-size:0px;line-height:0;white-space:nowrap}
.pizza_more_ul li {display:inline-block; width:50%; padding:0 0 0 10px;white-space:normal}
.pizza_more_ul li:first-child {padding:0 10px 0 0;}
.pizza_more_ul li img {width:100%;}

/* 20171023 신제품 사전 만나보기 */





/* 20180220 */
.early_main_img .wh_m_hide{display:block}
.early_main_img .wh_w_hide{display:none;}
.early_bottom_img li{float:left;width:50%;}
.early_bottom_img:after{content:'';clear: both;display: block;}
.early_bottom_img li:first-child{padding-right:5px;}
.early_bottom_img li:last-child{padding-left:5px;}
.early_bottom_img li img{width:100%;}
.wh_pizza_detail .early_bird_box .detail_box_con_dl_ul li input{margin:5px 5px 0 0}
.wh_pizza_detail .early_bird_box .detail_box_con_dl_ul li label span{vertical-align: top;margin:2px 0 0 0}
.wh_sub_body .early_bird_box .detail_box_con_dl{position:relative;display: table;width:100%;}

@media all and (max-width:1024px) {
    .wh_sub_body .early_bird_box .detail_box_con_dl_ul li label em{font-size:17px;}
    .wh_sub_body .early_bird_box  .detail_box_con_dl_ul{margin-left:-10px;}
    .wh_sub_body .early_bird_box .detail_box_con_dl_ul li{margin:0 10px;}
    .wh_sub_body .early_bird_box .detail_box_con_dl{padding:15px 0 0 0;}
    .wh_sub_body .early_bird_box .detail_box_con_dl > dt{display: table-cell;width: 93px;}
    .wh_sub_body .early_bird_box .detail_box_con_dl > dd{display: table-cell;vertical-align: top;width:81%;}
    .early_main_img .wh_m_hide{display:none;}
    .early_main_img .wh_w_hide{display:block;}
}

@media all and (max-width:590px) {

    .early_bottom_img li{float:none;width:100%;}
    .early_bottom_img:after{content:'';clear: both;display: block;}
    .early_bottom_img li:first-child{padding-right:0px;}
    .early_bottom_img li:last-child{padding-left:0px;margin-top:10px;}

}
@media all and (max-width:500px) {
    .wh_sub_body .early_bird_box .detail_box_con_dl{padding:15px 0 0 0;}
    .wh_sub_body .early_bird_box .detail_box_con_dl > dt{display: none;}
    .wh_sub_body .early_bird_box .detail_box_con_dl > dd{display: table-cell;vertical-align: top;width:100%;}
}

.wh_sub_body .wh_w_title{font-size:18px;line-height:20px;margin-bottom: 15px;}


.wh_sub_body .wh_w_title{font-size:18px;line-height:20px;margin-bottom: 15px;}

.wh_sub_body .section .section_body .bottom_txt {margin-top: 20px; text-align: center;}
.wh_sub_body .section .section_body .bottom_txt p {display: inline-block; font-size: 17px; line-height: 23px; color: #acacac;}
.wh_sub_body .section .section_body .bottom_txt span {display: inline-block; margin-right: 6px;}

.wh_sub_body .section_header.no_margin {margin-top: 0; margin-bottom: 0;}

.wh_sub_body .section .section_header.no_margin_top {margin-top: 0;}

.wh_sub_body .section .section_header p.no_margin {margin: 0;}

@media all and (max-width: 1024px){
    .wh_sub_body .section .section_header.no_margin_top {margin-top: 15px;}

    .wh_sub_body .section .section_header > h3 {font-size: 17px; line-height: 0.9em;}
    .wh_sub_body .section .section_header > h3.order_input {line-height: 50px;}
}


/* 2018 03 28 멤버십추가 */
.wh_sub_body .section .membership_part .membership_benefit {overflow: hidden; padding: 0 30px;}
.wh_sub_body .section .membership_part .membership_benefit li {float: left; width: 25%; margin: 15px 0px; color: #313131; padding: 0;}
.wh_sub_body .section .membership_part .membership_benefit li img {vertical-align: middle;}
.wh_sub_body .section .membership_part .membership_benefit li p {display: inline-block; font-size: 16px; font-weight: bold; margin: 0 0 0 20px; vertical-align: middle; line-height: 1.5em;}
.wh_sub_body .section .membership_part .membership_benefit li p span {display: block; color: #a4a4a4; font-size: 12px; margin: 10px 0 0 0; line-height: 1.2em;}

.wh_sub_body .section .membership_part .bottom_txt.bottom {text-align: left; padding: 10px 20px; background: #f6f6f6;}
.wh_sub_body .section .membership_part .bottom_txt.bottom h4 {color: #313131; font-size: 18px; line-height: 1.5em; margin-top: 7px;}
.wh_sub_body .section .membership_part .bottom_txt.bottom h5 {color: #c10a28; text-decoration: underline; font-size: 18px; line-height: 1.5em; margin-top: 3px; font-weight: bold;}
.wh_sub_body .section .membership_part .bottom_txt.bottom p {color: #313131; font-size: 18px; line-height: 1.5em;}

@media screen and (max-width: 1200px){
    .wh_sub_body .section .membership_part .membership_benefit {padding: 0 10px;}
    .wh_sub_body .section .membership_part .membership_benefit li p {font-size: 14px; margin-left: 20px;}
    .wh_sub_body .section .membership_part .membership_benefit li p span {font-size: 12px; margin-top: 5px;}
    .wh_sub_body .section .membership_part .membership_benefit li img {width: 64px;}
}

@media screen and (max-width: 1024px){
    .wh_sub_body .section .membership_part .membership_benefit {padding: 5px 30px 20px;}
    .wh_sub_body .section .membership_part .membership_benefit li { width: 50%; }

    .wh_sub_body .section .membership_part .membership_benefit li p {margin-left: 15px;}

    .wh_sub_body .section .membership_part .bottom_txt.bottom h4 {font-size: 14px;}
    .wh_sub_body .section .membership_part .bottom_txt.bottom h5 {font-size: 14px;}
    .wh_sub_body .section .membership_part .bottom_txt.bottom p {font-size: 14px; margin: 0;}

    .wh_sub_body .section .membership_part .bottom_txt.bottom {margin: 0;}

    .wh_sub_body .section .section_body .txt_wrap p {font-size: 14px;}
    .wh_sub_body .section .section_body .txt_wrap a {font-size: 14px;}

    .wh_sub_body .section .section_body .membership_part h3.gray_box span {font-size: 15px !important;}
}

@media screen and (max-width: 450px){
    .wh_sub_body .section .membership_part .membership_benefit li {text-align: center;}
    .wh_sub_body .section .membership_part .membership_benefit li p {display: block; margin: 10px 0 0 0;}
}

.wh_sub_body .section .membership_part table.benefit .first{font-size: 16px; color: #7d7d7d; font-weight: bold;}
.wh_sub_body .section .membership_part table.benefit tr img {width: 50px;}
.wh_sub_body .section .section_body .membership_part table.benefit tr {border-bottom: 1px solid #e1e1e1;}
.wh_sub_body .section .membership_part table tr th {height: 90px; border-bottom: 4px solid #e1e1e1;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td {width: auto; height: 70px;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td img {width: 30px;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td.first_td {font-size: 16px; color: #7d7d7d; font-weight: bold;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td.txt_td {font-size: 16px; color: #313131; font-weight: bold;}

.wh_sub_body .section .membership_part table.benefit .first {font-size: 16px; color: #7d7d7d;}

@media screen and (max-width: 650px){
    .wh_sub_body .section .membership_part table.benefit .first{font-size: 12px; color: #7d7d7d;}
    .wh_sub_body .section .section_body .membership_part table.benefit tr td.first_td {font-size: 12px;}
    .wh_sub_body .section .section_body .membership_part table.benefit tr td.txt_td {font-size: 14px;}
}

#Contents .section .section_body.no_padding {padding: 0;}

.wh_sub_body .section .section_body .txt_wrap a {color: #c10a28; text-decoration: underline; font-weight: bold;}

/* 2018 03 29 멤버십수정 */
.wh_sub_body .section .section_body .membership_part h3.gray_box span {background: none; color: #c10a28; font-weight: bold; font-size: 18px; margin-right: 0; padding-left: 8px; padding-right: 8px;}

.wh_sub_body .section .membership_part .membership_benefit li img {width: 85px;}
.wh_sub_body .section .section_body .membership_part li.last {padding-bottom: 0;}

/* 2018 03 29 마이페이지 수정 */
.wh_sub_body .my_top_list .grade_box {height: 163px;}
.wh_sub_body .my_top_list .point_box {height: 163px; padding: 25px;}
.wh_sub_body .my_top_list .grade_box .box .inner_box.padding_inner {padding: 15px;}
.wh_sub_body .my_top_list .grade_box .box span.padding_left {padding-left: 15px;}
.wh_sub_body .my_top_list .grade_box .box .inner_box p {margin: 0; line-height: 1.5em;}
.wh_sub_body .my_top_list .grade_box .box span.no_margin {margin: 0;}

.wh_sub_body .event_sale .section_body .membership_part.no_bg {background:#fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}

/* 카드박스 */
.wh_sub_body .self_pop_wrap .card_box {background: #fff; padding-bottom: 40px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap {background: #e6e6e6; padding: 30px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num_box {height:100px; background: #fff; margin-top: 30px; box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num_box:nth-child(1) {margin-top: 0;}

.wh_sub_body .self_pop_wrap .self_tit1 {padding: 0; line-height: 50px; height: auto;}

.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num {text-align: center; padding: 12px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num img {height: 45px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num p {font-size: 15px; margin-top: 10px;}


@media screen and (max-width: 650px){
    .wh_sub_body .my_top_list .grade_box .box .inner_box p {line-height: 1em; margin: 0; line-height: 1.5em; white-space: nowrap;}
    .wh_sub_body .my_top_list .point_box {height: 163px !important;}
}

@media screen and (max-width: 465px){
    /*.wh_sub_body .my_top_list .point_box {height: 163px !important;}*/
}

.wh_sub_body .wh_w_title{font-size:18px;line-height:20px;margin-bottom: 15px;}

.wh_sub_body .section .section_body .bottom_txt {margin-top: 20px; text-align: center;}
.wh_sub_body .section .section_body .bottom_txt p {display: inline-block; font-size: 17px; line-height: 23px; color: #acacac;}
.wh_sub_body .section .section_body .bottom_txt span {display: inline-block; margin-right: 6px;}

.wh_sub_body .section_header.no_margin {margin-top: 0; margin-bottom: 0;}

.wh_sub_body .section .section_header.no_margin_top {margin-top: 0;}

.wh_sub_body .section .section_header p.no_margin {margin: 0;}

@media all and (max-width: 1024px){
    .wh_sub_body .section .section_header.no_margin_top {margin-top: 15px;}

    .wh_sub_body .section .section_header > h3 {font-size: 17px; line-height: 0.9em;}
}


/* 2018 03 28 멤버십추가 */
.wh_sub_body .section .membership_part .membership_benefit {overflow: hidden; padding: 0 30px;}
.wh_sub_body .section .membership_part .membership_benefit li {float: left; width: 25%; margin: 15px 0px; color: #313131; padding: 0; text-align: center;}
.wh_sub_body .section .membership_part .membership_benefit li img {vertical-align: middle;}
.wh_sub_body .section .membership_part .membership_benefit li p {display: inline-block; font-size: 16px; font-weight: bold; margin: 0 0 0 20px; vertical-align: middle; line-height: 1.5em;}
.wh_sub_body .section .membership_part .membership_benefit li p span {display: block; color: #a4a4a4; font-size: 12px; margin: 10px 0 0 0; line-height: 1.2em;}

.wh_sub_body .section .membership_part .bottom_txt.bottom {text-align: left; padding: 10px 20px; background: #f6f6f6;}
.wh_sub_body .section .membership_part .bottom_txt.bottom h4 {color: #313131; font-size: 18px; line-height: 1.5em; margin-top: 7px;}
.wh_sub_body .section .membership_part .bottom_txt.bottom h5 {color: #c10a28; text-decoration: underline; font-size: 18px; line-height: 1.5em; margin-top: 3px; font-weight: bold;}
.wh_sub_body .section .membership_part .bottom_txt.bottom p {color: #313131; font-size: 18px; line-height: 1.5em;}

@media screen and (max-width: 1200px){
    .wh_sub_body .section .membership_part .membership_benefit {padding: 0 10px;}
    .wh_sub_body .section .membership_part .membership_benefit li p {font-size: 14px; margin-left: 20px;}
    .wh_sub_body .section .membership_part .membership_benefit li p span {font-size: 12px; margin-top: 5px;}
    .wh_sub_body .section .membership_part .membership_benefit li img {width: 64px;}
}

@media screen and (max-width: 1024px){
    .wh_sub_body .section .membership_part .membership_benefit {padding: 5px 30px 20px;}
    .wh_sub_body .section .membership_part .membership_benefit li { width: 50%; text-align: left;}
    .wh_sub_body .section .membership_part .membership_benefit li p {margin-left: 15px;}

    .wh_sub_body .section .membership_part .bottom_txt.bottom h4 {font-size: 14px;}
    .wh_sub_body .section .membership_part .bottom_txt.bottom h5 {font-size: 14px;}
    .wh_sub_body .section .membership_part .bottom_txt.bottom p {font-size: 14px; margin: 0;}

    .wh_sub_body .section .membership_part .bottom_txt.bottom {margin: 0;}

    .wh_sub_body .section .section_body .txt_wrap p {font-size: 14px;}
    .wh_sub_body .section .section_body .txt_wrap a {font-size: 14px;}

    .wh_sub_body .section .section_body .membership_part h3.gray_box span {font-size: 15px !important;}
}

@media screen and (max-width: 450px){
    .wh_sub_body .section .membership_part .membership_benefit li {text-align: center; padding-bottom: 50%; position: relative;}
    .wh_sub_body .section .membership_part .membership_benefit li p {display: block; margin: 10px 0 0 0;}
    .wh_sub_body .section .membership_part .membership_benefit .wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}

.wh_sub_body .section .membership_part table.benefit .first{font-size: 16px; color: #7d7d7d; font-weight: bold;}
.wh_sub_body .section .membership_part table.benefit tr img {width: 50px;}
.wh_sub_body .section .section_body .membership_part table.benefit tr {border-bottom: 1px solid #e1e1e1;}
.wh_sub_body .section .membership_part table tr th {height: 90px; border-bottom: 4px solid #e1e1e1;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td {width: auto; height: 70px;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td img {width: 30px;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td.first_td {font-size: 16px; color: #7d7d7d; font-weight: bold;}
.wh_sub_body .section .section_body .membership_part table.benefit tr td.txt_td {font-size: 16px; color: #313131; font-weight: bold;}

.wh_sub_body .section .membership_part table.benefit .first {font-size: 16px; color: #7d7d7d;}

@media screen and (max-width: 650px){
    .wh_sub_body .section .membership_part table.benefit .first{font-size: 12px; color: #7d7d7d;}
    .wh_sub_body .section .section_body .membership_part table.benefit tr td.first_td {font-size: 12px;}
    .wh_sub_body .section .section_body .membership_part table.benefit tr td.txt_td {font-size: 14px;}
}

#Contents .section .section_body.no_padding {padding: 0;}

.wh_sub_body .section .section_body .txt_wrap a {color: #c10a28; text-decoration: underline; font-weight: bold;}

/* 2018 03 29 멤버십수정 */
.wh_sub_body .section .section_body .membership_part h3.gray_box span {background: none; color: #c10a28; font-weight: bold; font-size: 18px; margin-right: 0; padding-left: 8px; padding-right: 8px;}
.wh_sub_body .section .section_body .membership_part h3.gray_box {white-space: nowrap;}

.wh_sub_body .section .membership_part .membership_benefit li img {width: 85px;}
.wh_sub_body .section .section_body .membership_part li.last {padding-bottom: 0;}

/* 2018 03 29 마이페이지 수정 */
.wh_sub_body .my_top_list .grade_box {height: 163px;}
.wh_sub_body .my_top_list .point_box {height: 163px; padding: 25px;}
.wh_sub_body .my_top_list .grade_box .box .inner_box.padding_inner {padding: 15px;}
.wh_sub_body .my_top_list .grade_box .box span.padding_left {padding-left: 15px;}
.wh_sub_body .my_top_list .grade_box .box .inner_box p {margin: 0; line-height: 1.5em;}
.wh_sub_body .my_top_list .grade_box .box span.no_margin {margin: 0;}

.wh_sub_body .event_sale .section_body .membership_part.no_bg {background:#fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}

/* 카드박스 */
.wh_sub_body .self_pop_wrap .card_box {background: #fff; padding-bottom: 40px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap {background: #e6e6e6; padding: 30px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num_box {height:100px; background: #fff; margin-top: 30px; box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num_box:nth-child(1) {margin-top: 0;}

.wh_sub_body .self_pop_wrap .self_tit1 {padding: 0; line-height: 50px; height: auto;}

.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num {text-align: center; padding: 12px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num img {height: 45px;}
.wh_sub_body .self_pop_wrap .card_box .card_num_wrap .card_num p {font-size: 15px; margin-top: 10px;}


@media screen and (max-width: 650px){
    .wh_sub_body .my_top_list .grade_box .box .inner_box p {line-height: 1em; margin: 0; line-height: 1.5em; white-space: nowrap;}
    .wh_sub_body .my_top_list .point_box {height: 163px !important;}
}

@media screen and (max-width: 465px){
    /*.wh_sub_body .my_top_list .point_box {height: 163px !important;}*/
}

/* 신용카드 할인 문구 수정 */
.wh_sub_body .event_sale_list > ul > li.height_auto {height: auto;}

/* 꽉찬세트수정 */
.wh_doublebox .wh_again_choice .txt.no_wrap {white-space: nowrap;}

.wh_sub_body .bl_arrow_b > li a.giftset_store {cursor: pointer; display: inline-block; line-height: 1em; margin-top: -5px;}

.wh_section .section_body .wh_bl_arrow_b .recommend_store {cursor: pointer; display: inline-block; line-height: 1em; margin-top: -5px;}

.wh_wow7box_r_price .etc {font-size: 30px;}
.wh_sub_body .contents_body.ofxfordbox .final_choice #blockText {display: none;}

.wh_wow7box_l .img_wrap {text-align: center; padding: 20px; width: 100%; height: 100%; position: relative;}
.wh_wow7box_l .img_wrap img {width: 100%; position: absolute; left:50%; top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}

.wh_wow7box_r_price.line {line-height: 1em;}

@media screen and (max-width:650px){
    .wh_wow7box_l_inner {display: none;}
}

@media screen and (max-width:950px){
    .wh_wow7box_l .img_wrap img {width: 70%;}
}

@media screen and (max-width:1200px){
    .wh_sub_body .contents_body.ofxfordbox .giftset_txt.big {width: 400px; height: 200px; float: none; background-position: 25px;}
}


/* login.jsp 수정 */
.wh_sub_body .btn_sns a.no_mp {margin: 15px 0 0 0; padding: 0; width: 100%;}
.wh_sub_body .btn_sns a.no_mp:nth-child(1) {margin-top: 0;}

.wh_sub_body .btn_sns a.btn_nomem {display: block; width: 100%; height: 51px; line-height: 48px;}
.wh_sub_body .btn_sns a.btn_nomem span {display:block; border: 2px solid #c10a28; border-radius: 7px; width: 100%; height: 100%; color: #c10a28; font-size: 17px; font-weight: bold}
.wh_sub_body .btn_sns a.btn_sns_n span {border: 1px solid #acacac; color: #787777;}
.wh_sub_body .btn_sns a.btn_sns_c span {border: 1px solid #acacac; color: #787777;}
.wh_sub_body .btn_sns a.btn_sns_f span {border: 1px solid #acacac; color: #787777;}

.wh_sub_body .btn_sns a.btn_sns_n span img {display: inline-block; width: 77px; margin-top: -4px;}
.wh_sub_body .btn_sns a.btn_sns_c span img {display: inline-block; width: 54px; margin-top: -6px;}
.wh_sub_body .btn_sns a.btn_sns_f span img {display: inline-block; width: 91px; margin-top: -7px;}

.section.wh_section_top02 .bottom_menu {text-align: center; margin-top: 20px;}
/* .section.wh_section_top02 .bottom_menu a {margin: 0 0px;} */
.section.wh_section_top02 .bottom_menu span {display: inline-block; width: 1px; height: 14px; background: #787777; margin:0 3px;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);}

@media screen and (max-width:1024px){
    .wh_sub_body .btn_sns a.btn_nomem span {font-size: 15px;}

    .section.wh_section_top02 .bottom_menu {margin-bottom: 10px;}
    .section.wh_section_top02 .bottom_txt{padding-bottom: 20px;}
}

@media screen and (max-width: 450px){
    .wh_sub_body .btn_sns a.btn_nomem {height: 45px; line-height: 42px;}
}

/* applyType 수정 */
.wh_sub_body .section_body a.btn_login4.w_full620.join {height:53px; background: #fff; color: #c10a28; border: 2px solid #c10a28; font-weight: bold; font-size: 17px; line-height: 48px; border-radius: 7px;}
.wh_sub_body .member_h h3 span:before {display: none;}
.wh_sub_body .member_h h3 span {margin-top: 10px;}

.section.wh_section_top02 .bottom_txt {text-align: center; margin-top: 20px;}
.section.wh_section_top02 .bottom_txt p {display: inline-block; color: #acacac; font-size: 17px; vertical-align: middle; margin-left: 10px;}

@media screen and (max-width:1024px){
    .wh_sub_body .section_body a.btn_login4.w_full620.join {font-size: 15px;}
    .wh_sub_body .section .section_header > h3 {line-height: 1.5em;}

    .section.wh_section_top02 .bottom_txt p {font-size: 15px; margin-left: 5px;}
    .section.wh_section_top02 .bottom_txt img {width: 20px;}
}

@media screen and (max-width: 450px){
    .wh_sub_body .section_body a.btn_login4.w_full620.join {height: 45px; line-height: 42px;}
}



/* cert 수정 */
.wh_sub_body .btn_join_boxs li {float: none; width: 100%; margin-top: 15px;}
.wh_sub_body .btn_join_boxs li:first-child {margin-top: 0;}

.wh_sub_body .btn_join_boxs li a img {margin: -3px 10px 0 0; width: 18px;}

.wh_sub_body .btn_join_boxs li.btn_join_box1 a:before {display: none;}
.wh_sub_body .btn_join_boxs li.btn_join_box2 a:before {display: none;}

.wh_sub_body .btn_join_boxs li.btn_join_box1 a {width: 100%; background: #fff; border: 2px solid #c10a28; color: #c10a28;}
.wh_sub_body .btn_join_boxs li.btn_join_box2 a {width: 100%; background: #fff; border: 2px solid #c10a28; color: #c10a28;}

.wh_sub_body .btn_join_boxs li.btn_join_box1 a img.img_white {display: none;}
.wh_sub_body .btn_join_boxs li.btn_join_box2 a img.img_white {display: none;}

.wh_sub_body .btn_join_boxs li.btn_join_box1 a:hover {background: #c10a28; color: #fff;}
.wh_sub_body .btn_join_boxs li.btn_join_box2 a:hover {background: #c10a28; color: #fff;}

.wh_sub_body .btn_join_boxs li.btn_join_box1 a:hover img.img_white {display: inline-block;}
.wh_sub_body .btn_join_boxs li.btn_join_box2 a:hover img.img_white {display: inline-block;}
.wh_sub_body .btn_join_boxs li.btn_join_box1 a:hover img.img_red {display: none;}
.wh_sub_body .btn_join_boxs li.btn_join_box2 a:hover img.img_red {display: none;}

@media screen and (max-width: 768px){
    .wh_sub_body .btn_join_boxs li.btn_join_box1 a.m_hover:hover {background: #fff; color: #c10a28;}
    .wh_sub_body .btn_join_boxs li.btn_join_box2 a.m_hover:hover {background: #fff; color: #c10a28;}

    .wh_sub_body .btn_join_boxs li.btn_join_box1 a.m_hover img.img_white {display: none;}
    .wh_sub_body .btn_join_boxs li.btn_join_box1 a.m_hover img.img_red {display: inline-block;}
    .wh_sub_body .btn_join_boxs li.btn_join_box2 a.m_hover img.img_white {display: none;}
    .wh_sub_body .btn_join_boxs li.btn_join_box2 a.m_hover img.img_red {display: inline-block;}
}

.wh_sub_body .btn_join_boxs li.btn_join_box1 a {width: 100%; background: #fff; border: 2px solid #c10a28; color: #c10a28;}
.wh_sub_body .btn_join_boxs li.btn_join_box2 a {width: 100%; background: #fff; border: 2px solid #c10a28; color: #c10a28;}

.wh_sub_body .btn_join2 li.f {width: 100%;}
.wh_sub_body .btn_join2 li.f a {background: #fff; color: #787777; border: 1px solid #acacac;}

.wh_sub_body .btn_join2.no_margin_top {margin-top: 15px;}

.wh_sub_body .section .section_header.c {padding: 20px 0;}

@media screen and (max-width: 650px){
    .wh_sub_body .btn_join_boxs li a img {width: 14px;}
}

/* 2018 04 02 비회원 nonmemOrder 수정 */
.wh_sub_body .section .membership_part .bottom_txt.bottom p.no_ml {margin-left: 0;}

/* 2018 04 02 모바일모드에서 마이페이지 아이콘 추가 */
.btn_mypage {display: none; position: absolute; right: 60px; top: 13px;}
.btn_mypage img {width: 29px; height:30px;}

@media screen and (max-width: 1024px){
    .btn_mypage {display: block;}
}

/* 2018 04 02 input 수정 */
.wh_sub_body .btn_join2 li.x_full {width: 100%;}

@media screen and (max-width: 1024px){
    .wh_sub_body .btn_join2 li.x_full {position: fixed; left: 0; bottom: 0; padding: 0; margin: 0;}
    .wh_sub_body .btn_join2 li.x_full a {border-radius: 0; line-height: 58px; height: 58px; padding: 0; margin: 0;}
}

.wh_sub_body .self_pop_card_wrap {text-align: center;}
.wh_sub_body .self_pop_card_wrap img {width: 304px;}

/* 2018 04 02  숫자판 변경 */
.wh_sub_body input[type=tel] {height: 38px; padding: 0 10px; border: 1px solid #635d5b; font-size: 15px; color: #313131; line-height: 1.5; background: none;}

/* 마이페이지 등급 이미지 텍스트 위치조절 */
.wh_sub_body .my_top_list .grade_box.pr {position: relative;}
.wh_sub_body .my_top_list .grade_box.pr .img.pa {position: absolute; top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.wh_sub_body .my_top_list .grade_box.pr .box span.pa {position: absolute; top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}

@media screen and (max-width: 1024px){
    .wh_sub_body .my_top_list .grade_box.pr .img.pa {margin: 0;}
}

/* 2018 04 03 회원가입 부모님번호 수정 */
.table_wrap .table_wrap_body .parent_name {color: #635d5b;}
.table_wrap .table_wrap_body .parent_phone td {padding: 0 0 0 20px; color: #635d5b;}
.table_wrap .table_wrap_body .parent_phone td span {color: #635d5b;}

@media screen and (max-width:1024px){
    .table_wrap .table_wrap_body .parent_phone td {display: none;}
}

/* 2018 04 03 영수증 설문조사 혜택 추가 */
.wh_sub_body .benifit_list li dl dd .step4 {color: #9d9d9d;}

/* 2018 04 03 결제단, 신용카드 할인 레이아웃 수정 */
.wh_sub_body .side_pop_txt3 input.creditcard_date {margin-left: 10px;}

.lp_thumb_body .all_tab .left_input {float:left; width: auto; padding-right: 5px;}
.lp_thumb_body .all_tab .right_input {float:left; width: auto; padding-left: 5px;}

.wh_sub_body .order_payment .phone select.mw50 {min-width: 50px;}

.wh_sub_body .order_payment .member_info .input_txt.no_mg { display: inline-block; margin-right: 10px; position: static;}

@media screen and (max-width: 1024px){
    .lp_thumb_body .all_tab .left_input {width: 50%;}
    .lp_thumb_body .all_tab .right_input {width: 50%;}
    .wh_sub_body .order_payment .member_info .input_txt.no_mg {margin: 0; width: calc(100% - 90px);}
}

@media screen and (max-width: 650px){
    .lp_thumb_body .all_tab .left_input {float:none; width: 100%; padding: 0;}
    .lp_thumb_body .all_tab .right_input {float:none; width: 100%; padding-left: 0; margin-top: 10px;}
}

/* 2018 04 04 비회원 주문하기 버튼 */
.wh_sub_body .btn_table.red {color: #c10a28; background: #fff; border: 2px solid #c10a28; line-height: 34px; margin-left: 12px; padding: 0 23px; border-radius: 7px;}
.wh_sub_body .btn_table.red.on {color: #fff; background: #c10a28;}
.wh_sub_body .btn_table.green {color: #70a401; background: #fff; border: 2px solid #70a401;}
.wh_sub_body .btn_table.green.on {color: #fff; background: #70a401;}

/* 2018 04 04 단체주문 핸드폰번호 폼 길이 수정 */
@media screen and (max-width: 1024px){
    .table_wrap_body td.m_td2.group_order {padding-right: 0;}
}

/* 2018 04 03 아이디/비밀번호 찾기 수정 */
.wh_sub_body .info_phone {text-align: center; font-size: 15px; color: #313131; margin-top: 20px;}

.table_wrap_body td.m_td3.pd_l130 {padding-left: 130px;}

.table_wrap_body td.m_td.pass_search {padding-left: 10px;}

.member_input .table_wrap_body td.m_td2.pd_r130 {padding-right: 130px;}

.wh_sub_body .table_wrap_body td.m_td.info_modify {padding-left: 10px;}

@media screen and (max-width: 1024px){
    .table_wrap_body td.m_td3.pd_l130 {padding-left: 100px;}
    .table_wrap_body td.m_td.pass_search {padding-left: 0px;}
    .member_input .table_wrap_body td.m_td2.pd_r130 {padding-right: 110px;}
    .wh_sub_body .table_wrap_body td.m_td.info_modify {padding-left: 0px;}

    .wh_sub_body .table_wrap_body.table_w637 td.tac {text-align: center;}
}
.wh_sub_body .order_payment .member_info .input_txt.no_mg {display: inline-block; position: static;}

.wh_sub_body .order_payment .phone select.mw50 {min-width: 50px;}

.wh_sub_body .order_payment .input_txt input.mw200 {width: 301px;}

@media screen and (max-width: 1024px){
    .wh_sub_body .order_payment .member_info .input_txt.no_mg {margin: 0;}
    .wh_sub_body .order_payment .member_info .input_txt {margin: 0;}
    .wh_sub_body .order_payment .input_txt input.mw200 {width: calc(100% - 118px);}
}

/* 피자리스트 품절이미지 추가 */
.wh_contents_body .thumb_img_wrap .img_soldout_n {position: absolute; left: 0; top: 0; display: none; z-index:11;}
.wh_contents_body .thumb_img_wrap .img_soldout_y {display: block;}

.wh_contents_body .thumb_icon.zindex {z-index: 10; cursor: pointer;}

/* 2018 04 03 영양정보 수정 */
.lp_wrap.big .lp_pw_wrap .table_wrap {padding: 0 30px 30px;}
.lp_wrap.big .lp_pw_wrap .nutrition_table .top_tr {background: #565656; color: #fff; height: 50px;}
.lp_wrap.big .lp_pw_wrap .nutrition_table td {height: 60px; text-align: center; font-weight: 500;}
.lp_wrap.big .lp_pw_wrap .nutrition_table tr {border-bottom: 1px solid #acacac;}
.wh_sub_body .lp_pw.nutrition {min-height: auto;}

/* 2018 04 04 사이드리스트 상세보기추가 */
.bg_popup{position: fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99; display: none;}
.popup_detail {position: fixed; left: 50%; top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 400px; height: auto; z-index: 100; background: #fff; border-radius: 10px; padding-top: 20px; display: none; z-index: 100;}
.popup_detail table.side_detail {border-top: 2px solid #7e7e7e; border-bottom: 1px solid #7e7e7e;}
.popup_detail .title>h2 {font-size: 18px; color: #313131; font-weight: bold; text-align: center; line-height: 40px;}
.popup_detail .detail_body h2 {font-size: 16px; color: #c10a28; font-weight: bold; padding: 0 0 16px 0;}
.popup_detail h3 {font-size: 14px; line-height: 40px; color: #9a9a9a; font-weight: bold;}
.popup_detail p {font-size: 14px; line-height: 1.5; color: #313131;}
.popup_detail .detail_body_wrap {margin-top: 20px; padding: 20px; background: #f0f0f0; border-radius: 0 0 10px 10px;}
.popup_detail .detail_body_wrap .detail_body {background: #fff; padding: 0 20px 20px 20px;}
.popup_detail>div:first-child {margin-top: 0;}
.popup_detail table.side_detail th {font-size: 14px; line-height: 40px; text-align: center; border-right: 1px solid #fff; color: #313131; background: #f0f0f0; font-weight: bold;}
.popup_detail table.side_detail td {font-size: 14px; line-height: 40px; text-align: center;}

.popup_detail .btn_popup_close {position: absolute; top: 20px; right: 20px; outline:none;}
.popup_detail .btn_popup_close img {width: 15px; height: 15px;}

@media screen and (max-width: 650px){
    .popup_detail {width: 340px;}
}

/* 결제화면 전화번호 인증 버튼 */
.wh_sub_body .order_payment .member_info .btn_table.gray.red {color: #c10a28; background: #fff; border: 2px solid #c10a28; line-height: 34px; margin-left: 12px; padding: 0 22px; border-radius: 7px;}
.wh_sub_body .order_payment .member_info .btn_table.gray.red.on {color: #fff; background: #c10a28; border: none; line-height: 38px; padding: 0 24px;}
.wh_sub_body .order_payment .member_info .btn_table.gray.green {color: #70a401; background: #fff; border: 2px solid #70a401;}
.wh_sub_body .order_payment .member_info .btn_table.gray.green.on {color: #fff; background: #70a401; border: none; line-height: 38px; padding: 0 24px;}

.wh_sub_body .order_payment .member_info .btn_table.gray.round {border-radius: 7px;}

/* 2018 04 10 직원채용페이지 추가 */
.wh_sub_body .recruit_banner_wrap {font-size: 0; padding-bottom: 70px; max-width:980px;}
.wh_sub_body .recruit_banner_wrap a {margin-left: 10px; display:inline-block; width: 32.653%; padding-bottom:40.40%; position: relative;}
.wh_sub_body .recruit_banner_wrap a:first-child {margin-left: 0;}
.wh_sub_body .recruit_banner_wrap a img {width:100%; position:absolute; left:0; top:0;}
.wh_sub_body .recruit_banner_wrap .img_m {display:none;}

@media screen and (max-width: 1250px){
    .wh_sub_body .recruit_banner_wrap {padding-bottom:20px;}
    .wh_sub_body .recruit_banner_wrap a {margin-left: 5px;}
    .wh_sub_body .recruit_banner_wrap a:first-child {margin:0;}
}

@media screen and (max-width: 1024px){
    .wh_sub_body .recruit_banner_wrap .img_pc {display:none;}
    .wh_sub_body .recruit_banner_wrap .img_m {display:block;}
    .wh_sub_body .recruit_banner_wrap a {display:block; width:100%; padding-bottom:43.43%; margin:25px 0 0 0;}
    .wh_sub_body .recruit_banner_wrap a:first-child {margin: 25px 0 0 0;}

}

@media screen and (max-width: 650px){
    .wh_sub_body .recruit_banner_wrap {padding-bottom:10px;}
    .wh_sub_body .recruit_banner_wrap a {margin: 15px 0 0 0;}
    .wh_sub_body .recruit_banner_wrap a:first-child {margin: 15px 0 0 0;}
}

/* 2018 04 10 아이폰 탈퇴시까지 레이아웃 깨짐 수정 */
@media screen and (max-width: 650px){
    .wh_sub_body .section_radios ul li label {white-space: nowrap;}
    .wh_sub_body .section_radios ul li input {margin: 0 6px;}
}

/* 2018 04 17 regCard 수정 */
.contents_body .regcard_top .fl {width: calc(50% - 10px);}
.contents_body .regcard_top .fr {width: calc(50% - 10px); margin: 0;}
.contents_body .regcard_top .membership_benefit {margin-top: 35px;}
.contents_body .regcard_top .membership_benefit:after {display: block; content: ''; clear:both;}
.contents_body .regcard_top .membership_benefit li {float: left; width: 50%; }
.contents_body .regcard_top .membership_benefit li:nth-child(3) {margin-top: 30px;}
.contents_body .regcard_top .membership_benefit li:nth-child(4) {margin-top: 30px;}
.contents_body .regcard_top .membership_benefit li p {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0 10px;
    line-height: 1.5em;}

.contents_body .regcard_top .membership_benefit li p span {
    display: block;
    color: #a4a4a4;
    font-size: 12px;
    margin: 10px 0 0 0;
    line-height: 1.2em;}

.contents_body .regcard_top .membership_benefit img {width: 65px;}

@media screen and (max-width: 1024px){
    .contents_body .regcard_top .fl {width: 100%;}
    .contents_body .regcard_top .fl li {padding: 0 30px;}
    .contents_body .regcard_top .fr {width: 100%; margin-top: 30px;}
}

@media screen and (max-width: 650px){
    .contents_body .regcard_top .fl li {padding: 0;}
    .contents_body .regcard_top .membership_benefit li p {display: block; margin: 10px 0 0 0;}
    .contents_body .regcard_top .membership_benefit li p span {margin-top: 3px;}
    .contents_body .regcard_top .membership_benefit {margin-top: 20px;}
    .contents_body .regcard_top .membership_benefit li {text-align: center;}
    .contents_body .regcard_top .membership_benefit li:nth-child(3) {margin-top: 20px;}
    .contents_body .regcard_top .membership_benefit li:nth-child(4) {margin-top: 20px;}
}

/* 2018 04 17 회원가입 이미지배너 추가 */
.wh_sub_body .img_new_mem_wrap {margin-top: 10px; max-width:1180px; height:160px; background:url('https://akamai.pizzahut.co.kr/banner/pizza/white_ver/banner_join_pC.jpg') no-repeat center top;}

@media screen and (max-width: 640px){
    .wh_sub_body .img_new_mem_wrap {margin-top: 10px; max-width:640px; height:auto; padding-top:25.78%; background-image: url('https://akamai.pizzahut.co.kr/banner/pizza/white_ver/banner_join_M.jpg'); background-size: cover;}
}

/* 2018 04 17 회원가입완료 텍스트 변경 */
.wh_sub_body .section .section_header p.mr_0 {margin: 0 !important;}
.wh_sub_body .section .section_header p span.fw_b {font-weight: bold;}
.wh_sub_body .section_body_txt.pd_b20_m {color: #5a5a5a;}

@media screen and (max-width: 1024px){
    .wh_sub_body .section .section_header.pd_t20_m {padding-top: 20px;}
    .wh_sub_body .section_body_txt.pd_b20_m {padding-bottom:20px; font-size: 16px;}
}
/* 2018 04 17 모바일 헤더 이벤트추가 */
#wh_Header_Wrap .event_new_mem_coupon { width: 100%; background: #fff; height: 64px; padding: 0 15px; border-bottom: 1px solid #000; z-index: 100; }

#wh_Header_Wrap .event_new_mem_coupon .evt_txt {display: inline-block; line-height:64px;}
#wh_Header_Wrap .event_new_mem_coupon .evt_txt p {vertical-align: middle; color:#606060; font-size: 16px;}
#wh_Header_Wrap .event_new_mem_coupon .evt_txt p span {color:#c10a28; font-weight:bold;}

#wh_Header_Wrap .event_new_mem_coupon .btn_wrapper {display: inline-block; float:right; margin-top:18px;}
#wh_Header_Wrap .event_new_mem_coupon .btn_wrapper .btn_app_open {display: inline-block; margin-right:4px;}
#wh_Header_Wrap .event_new_mem_coupon .btn_wrapper .btn_app_open button {width: 70px; height: 26px; border-radius: 26px; border: 2px solid #c10a28; font-size: 12px; color: #c10a28; outline:none; font-weight: bold;}
#wh_Header_Wrap .event_new_mem_coupon .btn_wrapper .btn_app_open .app_open_txt {margin-right: 2px;}
#wh_Header_Wrap .event_new_mem_coupon .btn_wrapper .btn_close_wrap {display: inline-block;}
#wh_Header_Wrap .event_new_mem_coupon .btn_wrapper .btn_close_wrap button {outline:none;}
#wh_Header_Wrap .event_new_mem_coupon .btn_wrapper .btn_close_wrap img {width: 26px; height: 26px;}

@media screen and (max-width:1024px) {
    .wh_sub_body p.m_inlineblock {display: inline-block; margin-right: 10px;}
}
/* orderInput 동의여부 박스 */
.wh_sub_body .order_payment .payment_list .content .btn_nobg.vertical_middle {vertical-align:middle;}
.wh_sub_body .order_payment .payment_list .content span.bg_gray {background:#e9ebec; padding:20px; line-height:38px;}

@media screen and (max-width:1024px){
    .wh_sub_body .order_payment .payment_list .content span.bg_gray {display:block; padding: 0 10px;}
    .wh_sub_body .order_payment .payment_list .content .btn_nobg.vertical_middle {top:10px; right:7px;}
}

/* 2018 04 26 주문하기 그대로주문 색 수정 */
.wh_main_order .order_button li:nth-child(1) {margin-right: 0.5%; background: #c10a28;}
.wh_main_order .order_button li:nth-child(2) {margin-left: 0.5%; background: #f5f5f5; border: 2px solid #d2d2d2;}

.wh_main_order .order_button li:nth-child(1) a {color: #fff;}
.wh_main_order .order_button li:nth-child(2) a {color: #c10a28;}

.wh_main_order .order_button li:nth-child(1) a:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 19px;
    background: url(../images/white_ver/m_order_button01.svg) no-repeat;
    vertical-align: middle;
    margin-top: -1px;
}
.wh_main_order .order_button li:nth-child(2) a:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 25px;
    background: url(../images/white_ver/m_order_button02.svg) no-repeat;
    vertical-align: middle;
    margin-top: -4px;
}

@media screen and (max-width: 768px){
    .wh_main_order .order_button li:nth-child(1) {margin: 0 0 10px 0;}
    .wh_main_order .order_button li:nth-child(2) {margin:0;}
}

/* 2018 05 03 퀵메뉴 수정 */
@media screen and (max-width: 1450px){
    #Aside {left: auto; right:0; margin-right:0;}
}
@media screen and (max-width: 1024px){
    #Aside {display: none;}
}

/* 2018 05 08 피자리스트, 푸터 */

/*.wh_contents_body .thumb_btn2.btn_order_wrap {position: static; padding:0; margin-top: 10px;}
.thumb_price#ele_priceArea {overflow: hidden;}*/

.app_download {display: none;}
#wh_Footer {padding-top: 15px;}
.wh_footer_etc .m_txt {display: none;}

@media screen and (max-width: 768px){
    /*   .wh_contents_body .thumb_btn_wrap.btn_dc_wrap {position: absolute; width: 1px; height: 1px; margin:-1px; overflow: hidden; border: 0; padding: 0; clip: rect(0,0,0,0);}
       .wh_contents_body .thumb_btn2.btn_order_wrap li:nth-child(1) {float: none; width: 100%;}
       .wh_contents_body .thumb_btn2.btn_order_wrap li:nth-child(2) {display: none;}*/

    .app_download {display: block; overflow: hidden; margin-top: 10px; padding: 0 10px;}
    .app_download li:nth-child(1) {float: left; width: 50%; padding-right: 5px;}
    .app_download li:nth-child(2) {float: right; width: 50%; padding-left: 5px;}
    .app_download li img {width: 100%;}

    .wh_footer_etc .m_txt {display: inline-block; vertical-align: middle;}
    .wh_footer_copyright strong {display: none;}
    .wh_footer_etc .wh_footer_logo {display: inline-block;}
}

/* 2018 04 26 e-쿠폰 - 05 14 수정*/
@media screen and (max-width: 550px){
    .wh_sub_body .lp_e_coupon .thumb.img_coupon {width: 105px;}
    .wh_sub_body .lp_e_coupon .dsc_area.txt_coupon {margin:0;}
    .wh_sub_body .coupon_list {margin-top: 20px;}
    .wh_sub_body .coupon_list:nth-child(1) {margin:0;}
}

.wh_sub_body .lp_e_coupon.mid1 .lp_pw_wrap.e-coupon_box_wrap {height: 500px; overflow: auto;}

/* 2018 05 04 e쿠폰수정 */
.e_coupon_popup {width:550px; background: #fff; position:fixed; left:50%; top:50%; border-radius: 20px; display:none;
    z-index: 101;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.e_coupon_popup .title {text-align: center;}
.e_coupon_popup .title h3 {font-size: 20px; color:#313131; font-weight: bold; line-height: 60px;}

.e_coupon_popup .search_coupon {padding:20px; background:#f5f5f5;}
.e_coupon_popup .search_coupon input {border: 1px solid #b1b1b1; width: calc(100% - 114px); outline:none;}
.e_coupon_popup .search_coupon button {line-height: 38px; background: #a5a5a5; color: #fff; width:100px; font-size: 15px; margin-left: 10px; outline:none;}

.e_coupon_popup .search_coupon input::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #a6a5a5;
}
.e_coupon_popup .search_coupon input:-moz-placeholder { /* 파이어폭스 4–18 */
    color: #a6a5a5;
    opacity:  1;
}
.e_coupon_popup .search_coupon input::-moz-placeholder { /* 파이어폭스 19–50 */
    color: #a6a5a5;
    opacity:  1;
}
.e_coupon_popup .search_coupon input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
    color:  #a6a5a5;
}
.e_coupon_popup .search_coupon input::placeholder { /* 파이어폭스 51+, 크롬 57+ */
    color: #a6a5a5;
    opacity:  1;
}
.e_coupon_popup .btn_order {padding: 20px 0; text-align: center; position: relative;}
.e_coupon_popup .btn_order button.button_order {background: #c10a28; color: #fff; font-size: 20px; font-weight: bold; width: 60%; line-height:50px; border-radius: 10px; outline:none;}
.e_coupon_popup .btn_order button.button_hint {position:absolute; top: 35px; margin-left: 10px;}

.e_coupon_popup .btn_close {position:absolute; right:20px; top:15px;}
.e_coupon_popup .btn_close button {outline:none;}
.e_coupon_popup .btn_close img {width:20px;}

.e_coupon_popup .coupon_list {display:none; max-height: 200px; border:1px solid #b1b1b1; margin-top: 20px; padding: 10px 20px; overflow-y: auto;}
.e_coupon_popup .coupon_list li {padding: 10px 0; border-top: 1px solid #b1b1b1; color: #313131;}
.e_coupon_popup .coupon_list li:first-child {border:none;}
.e_coupon_popup .coupon_list li span {margin-right: 10px; vertical-align: top;}
.e_coupon_popup .coupon_list li p {display:inline-block; max-width: 70%;}
.e_coupon_popup .coupon_list li .btn_choice {float: right; margin-top: -3px;}
.e_coupon_popup .coupon_list li button {border:2px solid #2db400; width: 60px; line-height: 24px; background: #fff; color: #2db400; transition: all 0.3s;}
.e_coupon_popup .coupon_list li button:hover {background: #2db400; color: #fff;}
.e_coupon_popup .coupon_list li:after {content:'';display: block; position: absolute; clear: both;}

.e_coupon_popup .selected_list {display:none; margin-top: 20px; background: #fff; padding: 10px 20px;-webkit-box-shadow: 3px 3px 5px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(205, 205, 205, 1);
    box-shadow: 3px 3px 7px 0px rgba(205, 205, 205, 1);}
.e_coupon_popup .selected_list p {font-size: 14px;}
.e_coupon_popup .selected_list h4 {font-size: 16px; font-weight: bold; }
.e_coupon_popup .selected_list .select_cancel {position:absolute; right:0; top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.e_coupon_popup .selected_list .select_cancel button {outline: none; width: auto; line-height:0;}
.e_coupon_popup .selected_coupon {position:relative; margin-top: 20px; display: none;}
.e_coupon_popup .selected_coupon:nth-child(1) {margin-top: 0;}

.e_coupon_popup .bottom_txt {color: #a6a5a5; text-align: center; padding-bottom: 10px; display:none;}

.e_coupon_popup .coupon_hint {text-align: center; display: none;}
.e_coupon_popup .coupon_hint p {padding: 26px 0;}

@media screen and (max-width:550px) {
    .e_coupon_popup {width:100%;}
    .e_coupon_popup .search_coupon input {font-size: 14px;}
    .e_coupon_popup .coupon_list li p {max-width: 55%; font-size: 14px;}
    .e_coupon_popup .coupon_list li span {vertical-align: top;}

    .e_coupon_popup .selected_list h4 {font-size: 15px; padding-right: 40px;}
}

.popup_bg {display:none; position: fixed; left:0; top: 0; width:100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 100;}


/* 원산지정보 */
@media screen and (max-width: 768px) {
    .tab_free3_b li {
        margin: 0 10px;
    }

    .tab_free3_b li a {
        font-size: 13px;
    }
}

.wh_pizza_detail .wh_section_header.icon p.color_red {color: #c10a28; padding-top: 2px;}
.wh_pizza_detail .wh_section_header.icon p.fw_b {font-weight: bold;}

/* 2018 05 17 메인페이지슬라이더 페이지네이션 */
@media screen and (max-width: 768px) {
    .main_visual_slider .bx-prev, .main_visual_slider .bx-next {
        top: 50%;
        margin-top: -14px;
    }

    .main_visual_slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 3%;
    }

    .main_visual_slider .bx-wrapper .bx-controls-direction a.bx-next {
        right: 3%;
    }

    .main_visual_slider .bx-wrapper .bx-pager {
        bottom: 0;
        right: 0;
        width: 70px;
        height: 40px;
        line-height: 44px;
        color: #fff;
        background: rgba(0, 0, 0, .35);
        padding: 0;
    }
}

/* 얼리버드이벤트 */
.section.wh_section_top01.bg_opacity_1 {margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}
@media screen and (max-width: 1024px) {
    .section.wh_section_top01.bg_opacity_1 {margin: 0;}
}

.wh_sub_body .section.wh_section_top01.bg_opacity_1 .faq_list li dl.active dd {background-position: left; padding-left: 50px; background: #fff0f0;}
.wh_sub_body .section.wh_section_top01.bg_opacity_1 .faq_list li dl.active dd .img_layer {margin-top: 15px;}
.wh_sub_body .section.wh_section_top01.bg_opacity_1 .faq_list li dl.active dd .img_layer a {color: #c10a28; border: 1px solid black; padding: 5px 10px;
    -webkit-transition: color 0.3s, background 0.3s;
    -moz-transition: color 0.3s, background 0.3s;
    -ms-transition: color 0.3s, background 0.3s;
    -o-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;}
.wh_sub_body .section.wh_section_top01.bg_opacity_1 .faq_list li dl.active dd .img_layer a:hover {color: #fff; background: #c10a28;}

.wh_sub_body .section_box8.early {padding: 0 0 0 10px; min-height: inherit;}
.wh_sub_body .section_box8_tit.early {font-size: 20px; line-height: 50px;}

.wh_sub_body .lp_double .btn_ly_close.early {top: -3px; width: 35px; height: 35px; background-size: cover; z-index: 10;}

.wh_sub_body .section.wh_section_top01.bg_opacity_1 .naverpay_desc {position: absolute; width: 100%; max-width: 780px; left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.wh_sub_body .section.wh_section_top01.bg_opacity_1 .naverpay_desc > img {width: 100%; border:1px solid black;}
.wh_sub_body .section.wh_section_top01.bg_opacity_1 .naverpay_desc .btn_close {position: absolute; right:10px; top:10px;}
.wh_sub_body .section.wh_section_top01.bg_opacity_1 .naverpay_desc .btn_close button {background: none; border:none; padding: 0; margin:0; outline: none;}

/* 주문하기 팝업창 사이드메뉴 간격 */
.wh_sub_body .select_area .select_box .sidelist_wrap li.side_menu {
    height: auto;
}

/* 스마일페이 */
#smilePay_layer {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0, .6);
}

#i_cnspay {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid black;

}


#selectPaymentSmilePayLi {position: relative;}

.wh_sub_body .order_payment .comment .radio_tab .sp_ico_smile {
    overflow: hidden;
    display: inline-block;
    width: 67px;
    height: 20px;
    background: url('https://akamai.pizzahut.co.kr/reno_pizzahut/images/common/ico/sp_smilepay.png') no-repeat 0 0;
    background-size: 100%;
    text-indent: -99px;
    margin: 0 0 0 2px;
}

/*
** 2018 06 20 스마일페이이벤트
** 스마일 이벤트 이미지 들어갈 공간 padding 으로 확보
** 이벤트 기간에만 삽입해주세요
*/

.line_t.smile_event {
    padding: 10px 0 50px !important;
}

.selectPaymentSmilePayLi:after {
    position: absolute;
    content: '';
    width: 122px;
    height: 40px;
    background: url('https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/smilepay_info_v2.png') no-repeat;
    background-size: contain;
    left: 17px;
    bottom: -40px;
}
@media screen and (max-width: 768px){
    .selectPaymentSmilePayLi:after {
        width: 100px;
    }
}

/* 2018 06 18 메인슬라이더 pager css */
.scrollbar-measure {
    /* 스크롤바 넓이를 구하기 위한 css */
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

.wh_main_section .bx-wrapper .bx-viewport {
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.wh_main_section .bx-controls {height: 50px;}
.wh_main_section .bx-wrapper .bx-prev {left: 50%; margin: 11px 0 0 -100px;}
.wh_main_section .bx-wrapper .bx-next {right: 50%; margin: 11px -100px 0 0;}

@media screen and (max-width: 768px){
    .wh_main_section .bx-controls {height: 0;}
}

/* 18 06 18 플로팅배너 */
.floating_banner {
    position: relative;
    margin: 20px 0;
    visibility: hidden;
}
.floating_banner a {
    display: block;
    width: 100%;
    height:100%;
}
.floating_banner h3 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top:15px;
}
.floating_banner p {
    margin-top:10px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.gnb_floating_banner {
    display: none;
}

.floating_banner .btn_floating_close {
    position: absolute;
    right: -7px;
    top: 0;
}
.floating_banner.cookie {
    visibility: visible;
}

.floating_today_banner .btn_floating_today_close {
    position: absolute;
    right: -7px;
    top: 0;
}

.floating_today_banner.cookie {
    visibility: visible;
}

.floating_today_banner {
    position: relative;
    margin: 20px 0;
    visibility: hidden;
}
.floating_today_banner a {
    display: block;
    width: 100%;
    height:100%;
}
.floating_today_banner h3 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top:15px;
}
.floating_today_banner p {
    margin-top:10px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.surpdeal {
    position: relative;
    padding: 20px 0;
}
.surpdeal .symbol {
    position: absolute;
    left: 0;
    top: -60px;

}
.surpdeal .popup_header {
    padding-bottom: 10px;
    text-align: center;
}
.surpdeal .popup_header h3 {
    font-size: 18px;
    color: #313131;
    font-weight: bold;
}
.surpdeal .popup_header p {
    font-size: 15px;
    color: #313131;
}
.surpdeal .popup_body {
    padding-bottom: 30px;
    text-align: center;
}
.surpdeal .popup_body p {
    font-size: 16px;
    color: #313131;
}
.surpdeal .popup_body .c_grey {
    color: #818181;
}
.surpdeal .popup_body .c_red {
    color: #c10a28;
}
.surpdeal .btn_getcoupon {
    background: #c10a28;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius:  15px;
}
.surpdeal button {
    outline: none;
}
.surpdeal .btn_getcoupon button {
    width: 100%;
    padding: 15px 0;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}
.surpdeal .popup_button_wrap {
    padding: 0 30px;
}
.surpdeal .popup_button_wrap button {
    width: 100%;
    padding: 7px 0;
    font-size: 20px;
    font-weight: bold;
    color: #c10a28;
    background: #fff;
    border: 3px solid #c10a28;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.surpdeal .popup_button_wrap .btn_appdown {
    margin-top: 10px;
}
.surpdeal .popup_button_wrap .btn_appdown button {
    background: #c10a28;
    color: #fff;
}
.surpdeal .popup_body.getcoupon {
    padding: 10px 0;
    margin: 0 30px;
    text-align: left;
    background: #ededed;
    margin-bottom: 20px;
}
.surpdeal .popup_body.getcoupon p {
    font-size: 14px;
    color: #656565;
    padding: 0 20px;
    line-height: 1.5em;
}

/* 19-06-07 빨간머리앤 수정 */
.red_hair .surpdeal {
    padding-top: 15px;
}
.red_hair .surpdeal .img_ticket {
    margin: 20px 30px 0;
}
.red_hair .surpdeal .img_ticket > p {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
}
.red_hair .surpdeal .img_ticket > div {
    max-width: 80%;
    margin: 0 auto;
}
.red_hair .surpdeal .img_ticket img {
    width: 100%;
}
.red_hair .surpdeal .popup_body.getcoupon {
    margin:0;
}
.red_hair .surpdeal .popup_body.getcoupon > * {
    padding: 0 40px;
}
.red_hair .surpdeal .img_ticket h4 {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}
.red_hair .surpdeal .c_red {color: #c10a28;}
.red_hair .surpdeal .c_gray {color: #8b8b8b;}
.red_hair .surpdeal .fs_small {font-size: 14px;}
.red_hair .surpdeal .img_ticket h5 {
    font-size: 15px;
    font-weight:bold;
    text-align: center;
    margin-top: 25px;
}
.red_hair .surpdeal .popup_body.getcoupon .howto_use {
    margin: 10px 0;
}
.red_hair .surpdeal .popup_body.getcoupon .howto_use p {
    padding: 0;
    font-weight: bold;
    color: #000;
}
.red_hair .surpdeal .popup_body.getcoupon .howto_use ul {
    margin-top: 5px;
}
.red_hair .surpdeal .popup_body.getcoupon .howto_use li {
    font-size: 14px;
    color: #656565;
    color: #000;
    line-height: 1.5em;
}

@media screen and (max-width: 1024px) {
    .gnb_floating_banner {
        display: block;
        position: fixed;
        top: 10%;
        right: 3%;
        z-index: 100;
    }
}

/* 2018 06 22 퐁당세트 반응형 수정 */
.wh_contents_body.wh_doublebox .section_portfolio_wrap .section_portfolio.small > li .section_portfolio_thumb {
    padding-bottom: 20px;
    height: auto;
}
.wh_sub_body .contents_body.ofxfordbox .thumb_text strong.recom_title {
    height: 50px;
}
@media screen and (max-width: 1024px) {
    .wh_doublebox .wh_again_choice .btn_nobg3 {
        width: 80px;
    }
}

.thumb_r span.ico_large{
    background: #e75253;
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}
.wh_sub_body .contents_body.ofxfordbox .thumb_text strong.recom_title {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: -0.05em;
}
.wh_sub_body .contents_body.ofxfordbox .thumb_text.recom {
    padding:5px 0;
    text-align: center;
}

/* pizzaDetail.jsp 사이드콤보 */
.wh_sub_body .sidecombo_area.pizza_detail_sidecombo {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.wh_pizza_detail .detail_box_con_dl3 .vertical_middle {
    vertical-align: middle;
}


/* 퀵오더 사이드 */
.wh_sub_body .select_area.disable {
    position: relative;

}
.wh_sub_body .select_area.disable:after {
    content: '추가선택';
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: #fff;
    border:1px solid #cccccc;
    color: #cccccc;
    padding: 0 10px;
    line-height: 38px;
}
.wh_sub_body .select_area.disable:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width:20px;
    height: 7px;
    background: url('../images/white_ver/ico_select2_black.png');
    z-index: 1;
    opacity: 0.2;
}
#p_select_side_first.active, #p_select_side_second.active {
    -webkit-box-shadow: 0px 0px 4px 2px rgba(255, 0, 0, 0.8) !important;
    -moz-box-shadow: 0px 0px 4px 2px rgba(255, 0, 0, 0.8) !important;
    box-shadow: 0px 0px 4px 2px rgba(255, 0, 0, 0.8) !important;
    border-radius: 1px;
}
.wh_sub_body .select_area .select_box a span.red {
    color: #c92943;
    font-weight: bold;
}
.wh_sub_body .select_area .select_box a strike {
    color: #acacac;
}

.wh_sub_body .select_area .select_box .slct_list .height_auto {
    height: auto;
}
.wh_sub_body .select_area .h_40 {height: 40px !important;}

@media screen and (max-width: 740px) {
    #p_select_side_first, #p_select_side_second {
        margin-bottom: 3px;
    }
}

/* 1+1할인 사이드 이동 */
.wh_contents_body .side_portfolio_wrap .thumb_text p.side_dc_text {
    color: blue;
    height: auto;
}
.wh_contents_body .side_portfolio_wrap .thumb_text p.side_dc_text span {
    background: #c10a28;
    color: #fff;
    border-radius: 3px;
    padding: 0 4px;
    margin-left: 5px;
}

/*
**  18-07-30 더블박스 페이지
*/

/* 리스트 5개씩 정렬 */
.section_portfolio_wrap.doublebox {
    text-align: center;
}
.section_portfolio_wrap.doublebox ul {
    display: inline-block;
}
.section_portfolio_wrap.doublebox li {
    width: 50%;
    margin: 0;
    background: none;
    box-shadow: none;
}

.section_portfolio_wrap.doublebox .doublebox_pizza_img {
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media all and (min-width: 1024px) {
    .section_portfolio_wrap.doublebox > ul > li:hover .doublebox_pizza_img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.section_portfolio_wrap.doublebox li:nth-child(2n-1) {
    padding-right: 10px;
}
.section_portfolio_wrap.doublebox li:nth-child(2n) {
    padding-left: 10px;
}
.section_portfolio_wrap.doublebox li:nth-child(n+3) {
    margin-top: 20px;
}
.section_portfolio_wrap.doublebox li > .con_wrapper {
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.section_portfolio_wrap.doublebox .thumb_img_wrap {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative;
}

.doublebox_inner > p.wh_w_hide {
    color: #ea9800;
    margin-top: 16px;
    font-size: 16px;
}
.section_portfolio_wrap.doublebox .thumb_r {
    height: auto;
    text-align: center;
}
.section_portfolio_wrap.doublebox .thumb_r.en {
    height: 56px;
    position: relative;
}
.section_portfolio_wrap.doublebox .thumb_r.en .thumb_text {
    white-space: normal;
}
.section_portfolio_wrap.doublebox .thumb_r.en .thumb_text strong {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
}
.wh_contents_body.wh_doublebox .section_portfolio_wrap.doublebox .section_portfolio.small > li .section_portfolio_thumb {
    padding: 0;
}

@media screen and (max-width: 1200px) {

    .section_portfolio_wrap.doublebox ul {
        width: 100%;
    }
}

/* 18-07-26 더블박스 */
.doublebox_inner:after {
    display: block;
    content: '';
    clear: both;
}
.doublebox_inner > .section {
    width: 50%;
    float: left;
    padding-right: 10px;
}
.doublebox_inner > .wh_wow7box {
    width: 50%;
    float: right;
    margin:0;
    padding-left: 10px;
}
.wh_wow7box_r.double_box .wh_wow7box_r_price {
    margin-top: 30px;
}
.wh_wow7box_l.double_box {
    width: 100%;
    height: 172px;
    margin-top: 45px;
    padding:15px;
}
.select_again_box:after {
    content:'';
    clear: both;
    display: block;
}
.btn_select_again {
    position: absolute;
    right: 20px;
    top: 20px;
}
.btn_select_again button {
    color: #fff;
    background: #2db400;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:5px 10px;
}

.wh_contents_body .thumb_r.double_box {
    height:auto;
}
.wh_contents_body.wh_doublebox .section_portfolio_wrap .section_portfolio.small > li .section_portfolio_thumb.double_box {
    padding:0;
}
.wh_contents_body.wh_doublebox .section_portfolio > li .thumb_img_wrap:after {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.wh_contents_body.wh_doublebox .section_portfolio > li.on .thumb_img_wrap:after {
    display: block;
}

.wh_wow7box_r.double_box .select_area {
    width: 100%;
}
.wh_wow7box.doublebox:after {
    display: block;
    content: '';
    clear: both;
}
.wh_wow7box.doublebox .wh_wow7box_l {
    height: auto;
    width: 100%;
    margin: 0;
    position: relative;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    max-width: 100%;
}
.wh_wow7box.doublebox .wh_wow7box_r {
    width: 100%;
    max-width: 100%;
    height: auto;

}
.wh_wow7box_l_inner {
    text-align: center;
    background: #fff;
    /*-webkit-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    -moz-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);*/
    padding: 20px 0 10px;
}
.wh_wow7box_l_inner .wh_wow7box_r_tit {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.select_again_box {
    margin-top: 20px;
    -webkit-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    -moz-box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    box-shadow: 6px 6px 14px -1px rgba(207, 207, 207, 0.49);
    background: #fff;
    padding: 15px;
}

.select_again_box .selected_menu_list:after {
    display: block;
    content: '';
    clear: both;
}
.select_again_box .selected_menu_list .name { float:left; }
.select_again_box .selected_menu_list .price { float:right; }

.section.wh_section.doublebox {
    margin-top: 20px;
	margin-bottom: 20px;
}
.select_again_box .selected_menu p {
    font-size: 14px;
}

.wh_wow7box_r.double_box > div > ul > li {
    margin-top: 10px;
}
.select_again_box .selected_menu li {
    margin-top: 10px;
}

.section_portfolio_wrap.doublebox .thumb_r .thumb_text { white-space: nowrap; }
.section_portfolio_wrap.doublebox .thumb_r strong {
    display: inline-block;
    vertical-align: middle;
}
.section_portfolio_wrap.doublebox .thumb_r .en strong {
    font-size: 12px;
}
.wh_contents_body.wh_doublebox .section_portfolio_wrap.doublebox button.double {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 20px;
    height: 20px;
    background: #c10a28;
    padding: 0;
    border:none;
    border-radius: 0;
    min-width: 0;
    vertical-align: middle;
    border-radius: 100%;
    position: relative;
}
.wh_contents_body.wh_doublebox .section_portfolio_wrap.doublebox button.double span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.wh_contents_body.wh_doublebox .section_portfolio_wrap.doublebox button.double span:nth-child(1) {
    width: 2px;
    height: calc(100% - 8px);
    background: #fff;
}
.wh_contents_body.wh_doublebox .section_portfolio_wrap.doublebox button.double span:nth-child(2) {
    width: calc(100% - 8px);
    height: 2px;
    background: #fff;
}

.pizza-choice-txt {
    display: none;
    font-size: 14px;
}

@media screen and (max-width: 1200px) {
    .wh_wow7box.doublebox .wh_wow7box_l {
        max-width: 100%;
        width: 100%;
        display: block;
        float: none;
    }
    .wh_wow7box.doublebox .wh_wow7box_r {
        max-width: 100%;
        width: 100%;
        display: block;
        float: none;
    }
}

.wh_wow7box_l_inner .wh_wow7box_choice li {
    position: relative;
}
.wh_wow7box_l_inner .wh_wow7box_choice li p {
    position: absolute;
    bottom:0;
    font-size: 14px;
}

@media screen and (max-width: 850px) {
    .doublebox_inner > .wh_wow7box {
        width: 100%;
        float: none;
        padding: 0;
    }
    .doublebox_inner > .section {
        width: 100%;
        float: none;
        padding: 0;
    }
    .doublebox_inner > .wh_wow7box .txt_plus {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .wh_wow7box_l_inner {
        /*height: 60px;*/
        padding:10px 0;
    }
    .wh_wow7box.doublebox .wh_wow7box_r {
        margin-top: 20px;
    }
    /*.wh_wow7box_l_inner .wh_wow7box_r_tit {
        display:none;
    }
    .wh_doublebox .wow7box_choice {
        display: none;
    }*/
    .wh_contents_body .thumb_r.double_box {
        padding: 9px 18px;
    }
    .section_portfolio_wrap.doublebox .thumb_r {
        width: 100%;
        padding-bottom: 5px;
    }
    .btn_select_again {
        top: 16px;
    }
    .pizza-choice-txt {
        display: block;
    }

    .section_portfolio_wrap.doublebox li:nth-child(2n-1) {
        padding-right: 5px;
    }
    .section_portfolio_wrap.doublebox li:nth-child(2n) {
        padding-left: 5px;
    }
    .section_portfolio_wrap.doublebox li:nth-child(n+3) {
        margin-top: 10px;
    }

    /* 로딩bg 추가를 위한 css */
    .section_portfolio_wrap.doublebox .rwd_wrap {
        position: relative;
        padding-bottom: 73%;
        background: url('../images/white_ver/bigbox_loading.jpg') no-repeat center center;
        background-size: cover;
    }
    .section_portfolio_wrap.doublebox .rwd_wrap .thumb_img_wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: none;
    }
	.section.wh_section.doublebox {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 650px) {
    .doublebox_inner > .wh_wow7box .wh_wow7box_l_inner {
        display: block;
    }
}
@media screen and (max-width: 450px) {
    .doublebox_inner > .wh_wow7box .txt_plus {
        display: none;
    }
}
@media screen and (max-width: 430px) {
    .wh_doublebox .wh_wow7box_choice li {
        height: 145px;
    }
}
.coupon { display: none; }
/* 18-08-08 마이페이지 쿠폰 수정 */
.btn_coupon_detail {
    position: absolute;
    right:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.btn_coupon_detail span {
    position: absolute;
    background: #9f9f9f;
    -webkit-transition: all 0.2;
    -moz-transition: all 0.2;
    -ms-transition: all 0.2;
    -o-transition: all 0.2;
    transition: all 0.2;
}
.btn_coupon_detail span:nth-child(1) {
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:40%;
    height:2px;
}
.btn_coupon_detail span:nth-child(2) {
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:2px;
    height:40%;
}
.btn_coupon_detail.on {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.btn_coupon_detail.on span:nth-child(2) {
    opacity: 0;
}
.membership_info .membership_point {
    display: none;
}
.wh_sub_body .my_top_list .grade_box .img > p {
    display: none;
}

.wh_sub_body .news_list_btn.mypage_more_view span {
    background: url("../images/white_ver/ico_gnb_off.png") no-repeat 0 center;
    background-size: 12px;
}

@media screen and (max-width: 1024px) {
    .wh_sub_body .my_top_list .grade_box.pr .img.pa p {
        margin-top:10px;
    }
    .wh_sub_body .my_top_list .grade_box.pr .box.membership_info .pa {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        padding: 0;
    }

    .membership_info .membership_point {
        margin-top: 20px;
        display: block;
    }

    .wh_sub_body .my_top_list .grade_box .img > p {
        display: block;
    }

    .wh_sub_body .coupon_list > li > div.coupon_list_top > div.coupon_list_con span.day {
        right: auto
    }
}

/*
**  18-08-07 사이드 음료 레이아웃
*/
.wh_contents_body .thumb_price_wrap .thumb_price span.bev_weight {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1.5em;
    margin:0 0 0 5px;
    color: gray;
    font-weight: 400;
    float: none;
    background: lightgray;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 4px;
}
.wh_contents_body .thumb_price_wrap .thumb_price .count_box {
    float: right;
    width: calc(100% - 140px);
}
.wh_contents_body .thumb_price_wrap .thumb_price .count_box select {
    width:100%;
    min-width:0;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}
.wh_sub_body .side_portfolio_wrap .btn_list.sidebox {
    margin: 0;
}
.wh_sub_body .side_portfolio_wrap .btn_list.sidebox a {
    height: 35px;
    line-height: 35px;
}

@media screen and (max-width: 768px) {
    .wh_contents_body .thumb_price_wrap .thumb_price .count_box {
        width: auto;
    }
}
@media screen and (max-width: 510px) {
    .wh_contents_body .thumb_price_wrap .thumb_price .count_box select {
        font-size: 15px;
    }
}
@media screen and (max-width: 374px) {
    .wh_contents_body .thumb_price_wrap .thumb_price .count_box select {
        font-size: 13px;
    }
}

/* 18-07-23 로그인개선 */
.btn_m_login {
    position: absolute;
    right:58px;
    top: 15px;
    display: none;
}
.btn_m_login a {
    display: block;
    color: black;
    width: 65px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background: #f5f5f5;
}

@media screen and (max-width: 1024px) {
    .btn_m_login {
        display: block;
    }
}

/*
**	18-07-25 회원가입 프로세스 변경
*/

/* idFinish */
.btn_member_join_wrap {
    margin-top: 20px;
}
.btn_member_join_wrap a {
    display: block;
    max-width: 160px;
    color: #fff;
    background: #c10a28;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 auto;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.btn_member_join_wrap a:hover {
    color: #fff;
}
.cs_center {
    text-align: center;
    margin-top: 25px;
}
.cs_center a {
    color: black;
    display: inline-block;
    margin-top: -4px;
}
.wh_sub_body .section .section_header.id_finish p {
    margin: 0;
    padding: 20px 0;
}

/* idSearch */
.wh_sub_body .id_pw_process .tab_select_list2 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.wh_sub_body .id_pw_process .section.wh_section_bottom02 {
    margin: 0;
}
.wh_sub_body .id_pw_process  .tab_free {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.wh_sub_body .id_pw_process .tab_free li a {
    height: 38px;
    line-height: 38px;
    background: #fff;
    color: #ababab;
    font-weight: 400;
}
.wh_sub_body .id_pw_process .tab_free li {
    position: relative;
}
.wh_sub_body .id_pw_process .tab_free li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: lightgray;
}
.wh_sub_body .id_pw_process .tab_free li.active:after {
    background-color: #c10a28;
}
.wh_sub_body .id_pw_process .tab_free li.active a {
    color: #c10a28;
}
.wh_sub_body .id_pw_process .tab_free li:nth-child(1).active {
    -webkit-box-shadow: 4px 4px 0 0 rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 0 0 rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 0 0 rgba(205, 205, 205, 1);
}

@media screen and (max-width: 687px) {
    .btn_member_join_wrap a {
        max-width: 100%;
    }
}

/* member/input */
span.age_under14 {
    display: block;
    color: #ccc;
    font-size: 12px;
    text-indent: 25px;
}
@media screen and (max-width: 374px) {
    span.age_under14 {
        font-size: 11px;
    }
}

/* applyType */
@media screen and (max-width: 1024px) {
    .section.wh_section_top02.apply_type {
        padding: 10px 10px 20px;
    }
}

/*  gnb 쿠폰 카운트*/
.coupon_count {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -8px;
    bottom: -5px;
    border-radius: 16px;
    font-size: 11px;
    color: #ffffff;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    background: #ff0000;
}


/*
**  18-08-31 얼리버드 팝업
*/
.earlybird_popup {
    padding: 25px;
}
.earlybird_popup .content_box h3 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.earlybird_popup .content_box .input_wrap { width: 100%; margin-top: 10px; }
.earlybird_popup .content_box .input_wrap input { width: 100%; height: 34px; }
.earlybird_popup .content_box .agreement { margin-top: 10px; font-size: 12px; text-align: center; }
.earlybird_popup .content_box .agreement span { margin-left: 5px; cursor: pointer; }
.earlybird_popup .content_box .personal_inform_guide {
    padding: 10px;
    border: 1px solid #ababab;
    color: #ababab;
    font-size: 12px;
    margin-top: 10px;
}
.earlybird_popup .footer {
    margin-top: 10px;
}
.earlybird_popup .footer .button a {
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 10px 0;
    max-width: 320px;
    background: #c10a28;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}

/* 18-08-29 포인트후적립 팝업 */
/* class default_layer_popup로 수정(공통팝업으로 수정) */
.default_layer_popup .btn_list { text-align: center; }
.default_layer_popup .btn_list a.red.radius { width: 80%;
    max-width: 340px;
    box-sizing: border-box;
}
.default_layer_popup .btn_list a.red.radius.mem_join {
    background: #fff;
    border: 2px solid #c10a28;
    color: #c10a28;
}
.default_layer_popup .btn_list a.red.radius.mem_join a {
    display: block;
    height: 41px;
}
.default_layer_popup .btn_list a.red.radius.mem_join span {
    line-height: 37px;
}

.default_layer_popup .btn_list a.red.radius span {
    display: block;
    line-height: 39px;
}

.default_layer_popup .content h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.default_layer_popup .content p {
    text-align: center;
}
.default_layer_popup .point_popup.mem_join {
    margin-top: 25px;
    padding-bottom: 20px;
    font-weight: bold;
}

.default_layer_popup .english_order_popup .content h3 {
    font-size: 36px;
}
.default_layer_popup .english_order_popup .content h3 a {
    color: #313131;
}

/* 18-08-28 빅박스 */
.wh_contents_body .bigbox_inner .section_portfolio > li {
    width: calc(25% - 10px);
    margin: 0 5px 10px 5px;
    padding: 0;
}
.bigbox_inner h3 {
    background: #fff;
    text-align: center;
    padding: 10px 20px;
    margin:10px 10px;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.bigbox_inner h3.on {
    border-bottom: 6px solid #c10a28;
    color: #c10a28;
}
.bigbox_inner .btn_toggle {
    display: none;
    position: relative;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -ms-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    float: right;
    margin: 8px 0 0 10px;
}
.bigbox_inner .btn_toggle span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #000;
}
.bigbox_inner .btn_toggle span:nth-child(1) {
    width: 100%;
    height: 2px;
}
.bigbox_inner .btn_toggle span:nth-child(2) {
    width: 2px;
    height: 100%;
}
.bigbox_inner .btn_toggle.on {
    -webkit-transform: translateY(-1px) rotate(180deg);
    -moz-transform: translateY(-1px) rotate(180deg);
    -ms-transform: translateY(-1px) rotate(180deg);
    -o-transform: translateY(-1px) rotate(180deg);
    transform: translateY(-1px) rotate(180deg);
}
.bigbox_inner .btn_toggle.on span:nth-child(2) {
    opacity: 0;
}

.bigbox .slide {
    display: none;
}
.bigbox .tab_bar {
    height: 60px;
    background: #fff;
    text-align: center;
    margin:10px 5px;
    font-size: 18px;
    font-weight: bold;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.bigbox .tab_bar ul {
    display: block;
    text-align: center;
}
.bigbox .tab_bar ul:after {
    display: block;
    content: '';
    clear: both;
}
.bigbox .tab_bar li {
    float: left;
    width: 50%;
    position: relative;
}
.bigbox .tab_bar li a {
    display: block;
    width: 60%;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    vertical-align: 0;
    color: #313131;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
}
.bigbox .tab_bar li a:hover {
    color: #636363;
}
.bigbox .tab_bar li a.on {
    color: #c10a28;
    border-bottom: 6px solid #c10a28;
}

.bigbox .tab_bar li:first-child:after {
    display: none;
}
.tab .bigbox_inner.premium_pizza {
    display: none;
}

.bigbox .btn_table_wrap ul {
    text-align: right;
    float: none;
    width: 100%;
}
.bigbox .btn_table_wrap ul:after {
    content: '';
    display: block;
    clear: both;
}
.bigbox .btn_table_wrap ul li {
    display: inline-block;
    width: 24.25%;
    max-width: 130px;
    float: none;
    margin-right: 1%;
}
.bigbox_scroll {
    /* 18-11-14 빅박스 영양정보 스크롤 추가 */
    height: 500px;
    overflow: auto;
}

@media screen and (max-width: 1200px) {
    .wh_contents_body .bigbox_inner .section_portfolio li .thumb_text strong {
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .bigbox .tab_bar li a {
        width:100%;
    }
    .wh_contents_body .bigbox_inner .section_portfolio li .thumb_text strong.small-font {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .bigbox .slide {
        display: block;
    }
    .bigbox .tab {
        display: none;
    }

    .wh_contents_body .bigbox_inner .section_portfolio > li {
        width: 50%;
        margin: 0 0 10px 0;
    }
    .wh_contents_body .bigbox_inner .section_portfolio > li:nth-child(2n+1) {
        padding-right: 5px;
    }
    .wh_contents_body .bigbox_inner .section_portfolio li:nth-child(2n) {
        padding-left: 5px;
    }
    /*    .bigbox_inner h3 {
            cursor: pointer;
            border: 3px solid #c10a28;
        }*/
    .bigbox_inner .btn_toggle {
        display: inline-block;
    }

    .bigbox .btn_table_wrap ul li {
        width: 50%;
        margin: 0;
        max-width: none;
    }
    .bigbox .btn_table_wrap ul li:nth-child(2n+1) {
        padding-right: 5px;
    }
    .bigbox .btn_table_wrap ul li:nth-child(2n) {
        padding-left: 5px;
    }
    .bigbox .btn_table_wrap ul li:nth-child(n+3) {
        margin-top: 10px;
    }

    .bigbox_nutrition li { margin: 0 4px; }
    .nutrition_table_wrap .nutrition_table tr:last-child { border: none !important; }
    .nutrition_table_wrap .nutrition_table tr:last-child td { border: none; }
}


/*
**  18-08-31 얼리버드 사전예약자 전용 주문페이지 (menu/set/earlyBird.jsp)
**** 18-11-06 업데이트
*/
.earlybird_wrapper .reserve_wrapper {
    margin-top: 30px;
    /*background: #fff;*/
    /*padding: 3% 4.5%;*/
    /*-webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);*/
    /*-moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);*/
    /*box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);*/
}
.earlybird_wrapper .reserve_wrapper:after {
    display: block;
    content: '';
    clear: both;
}
.earlybird_wrapper .reserve_wrapper .set_price {
    margin-top: 30px;
}
.earlybird_wrapper .reserve_wrapper .con_box {
    width: calc(50% - 5px);
    float: left;
}
.earlybird_wrapper .reserve_wrapper .con_box.set_select_box {
    /*margin-right: 1.5%;*/
}
.earlybird_wrapper .reserve_wrapper .check_phone_box {
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.earlybird_wrapper .reserve_wrapper .con_box.set_info_box {
    padding: 30px;
    background: #fff;
    /*margin-left: 1.5%;*/
    margin-left: 10px;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.earlybird_wrapper .reserve_wrapper .con_box.set_info_box:after {
	clear: both;
	display:block;
	content:'';
}

.earlybird_wrapper .reserve_wrapper .con_box .box_title h3 {
    font-size: 24px;
    color: #313131;
    text-align: center;
    font-weight: bold;
}
.earlybird_wrapper .reserve_wrapper .con_box .input_wrap {
    margin-top: 20px;
    width: 100%;
}
.earlybird_wrapper .reserve_wrapper .con_box .input_wrap input {
    width: calc(100% - 140px);
    height: 60px;
    line-height: 60px;
    border: 1px solid #a5a5a5;
    padding: 0 20px;
    font-size: 24px;
}
.earlybird_wrapper .reserve_wrapper .con_box .input_wrap button {
    width: 120px;
    height: 60px;
    font-weight: bold;
    margin-left: 10px;
    font-size: 24px;
    color: #fff;
    background: #c10a28;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
}
.earlybird_wrapper .reserve_wrapper .con_box .coupon_box {
    width: 100%;
    background: #efefef;
    position: relative;
	height: 170px;
}
.earlybird_wrapper .reserve_wrapper.marble_set_wrapper .con_box .coupon_box {
	min-height: none;
}
.earlybird_wrapper .reserve_wrapper .con_box .coupon_box p.no_coupon {
    font-size: 22px;
    color: #8e8e8e;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
}
.earlybird_wrapper .reserve_wrapper .con_box .coupon_box .coupon_num p {
    font-size: 20px;
    color: #313131;
    font-weight: bold;
}
.earlybird_wrapper .reserve_wrapper .con_box .set_price:after {
    display: block;
    clear: both;
    content: '';
}
.earlybird_wrapper .reserve_wrapper .con_box .set_price h3 {
    float: left;
    font-size: 24px;
    font-weight: bold;
}
.earlybird_wrapper .reserve_wrapper .con_box .set_price p.price {
    float: right;
    font-weight: bold;
    color: #c10a28;
    font-size: 24px;
}
.earlybird_wrapper .reserve_wrapper .con_box .btn_order {
    margin-top: 20px;
}
.earlybird_wrapper .reserve_wrapper .con_box .btn_order button {
    width: 100%;
    height: 60px;
    color: #fff;
    background: #c10a28;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    font-weight: bold;
    font-size: 24px;
}
.earlybird_wrapper .reserve_wrapper .con_box .des {
    margin-top: 20px;
}
.earlybird_wrapper .reserve_wrapper .con_box .des p {
    font-size: 20px;
    color: #313131;
    margin-top: 10px;
}
.earlybird_wrapper .reserve_wrapper .choose_dough_box {
    /*display: none;*/
    margin-top: 20px;
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}

.earlybird_warn_list {
    margin-bottom: 80px;
    padding: 3%;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.earlybird_warn_list > h4 {
    font-size: 14px;
    color: #313131;
    padding-left: 22px;
    background: url("../images/white_ver/warn_list.png") no-repeat left center;
}
.earlybird_warn_list ul li {
    font-size: 14px;
    color: #313131;
    margin-top:5px;
}
.earlybird_warn_list ul {
    margin-top: 10px;
}

.earlybird_wrapper .reserve_wrapper .choose_dough_box {
    position: relative;
}
.earlybird_wrapper .reserve_wrapper .choose_dough_box .select_box {
    text-align: center;
}
.earlybird_wrapper .reserve_wrapper .choose_dough_box .select_box:nth-child(2) {
	margin-top: 20px;
}
.earlybird_wrapper .reserve_wrapper .choose_dough_box .select_box h3 {
    font-size: 24px;
    font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}
.earlybird_wrapper .reserve_wrapper .choose_dough_box .select_box h3 span {
    color: #c10a28;
}

.earlybird_wrapper .reserve_wrapper .radio_wrap {
    font-size: 0;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio {
    display: inline-block;
    width: 25%;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio:first-child {
    margin-left: 0;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio input:checked + label {
    color: #c10a28;
    font-weight: bold;
	text-decoration: underline;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio label{
    display: block;
    font-size: 16px;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 110px;
    cursor: pointer;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio label:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio input:checked + label:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    max-height: 130px;
    border-radius: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/radio_checked.png) no-repeat center center;
    background-size: cover;
    z-index: 10;
}

.earlybird_wrapper .reserve_wrapper .radio_wrap .radio.classic label:after {
    background: url(https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/edge_ca.jpg) no-repeat center top;
    background-size: cover;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio.crunch label:after {
    background: url(https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/edge_cr.jpg) no-repeat center top;
    background-size: cover;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio.richgold label:after {
    background: url(https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/edge_ri.jpg) no-repeat center top;
    background-size: cover;
}
.earlybird_wrapper .reserve_wrapper .radio_wrap .radio.cheese label:after {
    background: url(https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/edge_ch.jpg) no-repeat center top;
    background-size: cover;
}

.earlybird_wrapper .reserve_wrapper .coupon_info {
    height: 100%;
}
.earlybird_wrapper .reserve_wrapper .coupon_info:after {
    content: '';
    display: block;
    clear: both;
}
.earlybird_wrapper .reserve_wrapper .coupon_info .half_div {
	display: inline-block;
    width: 50%;
    padding: 0 20px;
    position: relative;
    height: 100%;
	vertical-align: middle;
}
.earlybird_wrapper .reserve_wrapper .coupon_info .half_div .coupon_num {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.earlybird_wrapper .reserve_wrapper .coupon_info .half_div:nth-child(2) {
	margin-left: -4px;
}
.earlybird_wrapper .reserve_wrapper .coupon_info .pdt_img img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 250px;
}

.earlybird_wrapper .reserve_wrapper .select_box.select_pizza:after {
	display: block;
	clear: both;
	content: '';
}
.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap {
	width: 100%;
	float: left;
}
.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap {
	/*width: 50%;*/
    width: 100%;
    max-width: 300px;
	padding: 0 10px;
    margin: 0 auto;
}
.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap img {
	width: 100%;
}
.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap p {
	margin-top: 10px;
}
.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap input:checked + label + p {
	font-weight: bold;
	color: #c10a28;
	text-decoration: underline;
}
.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap input {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	width: 1px;
	height: 1px;
}
.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap input + label {
	cursor: pointer;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap input:checked + label {
	font-weight: bold;
	color: #c10a28;
	text-decoration: underline;
}
/*.earlybird_wrapper .reserve_wrapper .select_box .pizza_wrap .pizza_img_wrap input:checked + label:after {*/
/*	position: absolute;*/
/*	content:'';*/
/*	left: 0;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background: url(https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/check_v01.png) no-repeat center center;*/
/*	background-size: cover;*/
/*}*/


@media screen and (max-width: 900px) {
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio label {
        font-size: 14px;
        padding-top: 80px;
    }
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio input:checked + label:before {
        width: 75px;
        height: 75px;
    }
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio label:after {
        width: 75px;
        height: 75px;
    }
}

@media screen and (max-width: 768px) {
    .earlybird_wrapper .reserve_wrapper .con_box { float: none; width: 100%; }
    .earlybird_wrapper .reserve_wrapper .con_box .coupon_box { padding: 20px; }
    .earlybird_wrapper .reserve_wrapper .con_box.set_info_box { margin: 10px 0 0; }
    .earlybird_wrapper .reserve_wrapper .con_box .des p { font-size: 18px; }
    .earlybird_warn_list h4 { font-size: 16px; }
    .earlybird_warn_list ul li { font-size: 16px; margin-top: 10px; }
    .earlybird_warn_list ul li.no_mar { margin: 0; }
    .earlybird_warn_list { margin-bottom: 40px }

    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio label {
        padding-top: 110px;
    }
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio input:checked + label:before {
        width: 100px;
        height: 100px;
    }
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio label:after {
        width: 100px;
        height: 100px;
    }

	.earlybird_wrapper .reserve_wrapper .coupon_info .half_div {
		padding: 0;
	}
	.earlybird_wrapper .reserve_wrapper .choose_dough_box {
		height: auto !important;
	}
}
@media screen and (max-width: 475px) {
    .earlybird_wrapper .reserve_wrapper .set_info_box.con_box { padding: 5%; }
    .earlybird_wrapper .reserve_wrapper .check_phone_box { padding: 5%; }
    .earlybird_wrapper .reserve_wrapper .con_box .box_title h3 { font-size: 16px; }
    .earlybird_wrapper .reserve_wrapper .con_box .input_wrap input {
        width: calc(100% - 100px);
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 0 0 10px;
    }
    .earlybird_wrapper .reserve_wrapper .con_box .input_wrap button {
        width: 80px;
        height: 40px;
        font-size: 16px;
    }
    .earlybird_wrapper .reserve_wrapper .con_box .coupon_box .coupon_num p { font-size: 14px; }
    .earlybird_wrapper .reserve_wrapper .con_box .set_price h3 { font-size: 16px; }
    .earlybird_wrapper .reserve_wrapper .con_box .set_price p.price { font-size: 16px; }
    .earlybird_wrapper .reserve_wrapper .con_box .btn_order button { height: 40px; font-size: 16px; }
    .earlybird_wrapper .reserve_wrapper .con_box .coupon_box p.no_coupon { font-size: 14px; }
    .earlybird_wrapper .reserve_wrapper .con_box .des p { font-size: 14px; }
    .earlybird_warn_list ul li { font-size: 14px; }

    .earlybird_warn_list { padding: 5%; }

    .earlybird_wrapper .reserve_wrapper .choose_dough_box .select_box h3 {
        font-size: 16px;
    }
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio label {
        font-size: 13px;
        padding-top: 80px;
    }
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio input:checked + label:before {
        width: 70px;
        height: 70px;
    }
    .earlybird_wrapper .reserve_wrapper .radio_wrap .radio label:after {
        width: 70px;
        height: 70px;
    }

}

/*
**  18-10-12 헛플레이스
*/
#hutplacePopup .ollehmap-info-defaultStyle {padding: 0}
#hutplacePopup .ollehmap-info-content-overflow { padding: 18px !important; box-sizing: border-box;}
#hutplacePopup .hutplace_wrapper {
    margin-top: 15px;
    border:none;
    padding: 0;
}

#hutplacePopup .hutplace_wrapper:after {
    display: block;
    content: '';
    clear: both;
}
#hutplacePopup .ollehmap-info-defaultStyle .btn_area a {
    background: #c10a28;
    border: 1px solid #c10a28;
}
#hutplacePopup .ollehmap-info-defaultStyle .btn_area a span {
    color: #fff;
}
#hutplacePopup .hutplace_wrapper:nth-child(1) {
    margin:0;
}
#hutplacePopup .hutplace_name {
    float:left;
    font-family: 'Spoqa Han Sans Regular', 'Apple SD Gothic Neo', 'sans-serif';
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;
}
#hutplacePopup .hutplace_btn_order {
    float: right;
    margin: 0 0 0 20px;
    padding: 0;
    font-family: 'Spoqa Han Sans Regular', 'Apple SD Gothic Neo', 'sans-serif';
    border: none;
    overflow: auto;

}
#hutplacePopup .hutplace_btn_order a {
    width: 100%;
    line-height: inherit;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;


}
#hutplacePopup .hutplace_btn_order a span {
    border: none;
    margin: 0;
    height:24px;
    line-height: 24px;
    font-size: 15px;
}

#hutplacePopup .gps_search {
    margin-bottom: 20px;
}
#hutplacePopup .gps_search:after {
    display: block;
    content: '';
    clear: both;
}
#hutplacePopup .gps_search a {
    display: block;
    line-height:40px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    color: #c10a28;
    border: 2px solid #c10a28;
    font-weight: bold;
}
#hutplacePopup .ollehmap-info-area {
    border: none !important;
    border-radius: 10px !important;
    overflow: auto;
}
#hutplacePopup .ollehmap-info-close {
    right: 10px !important;
    top: 10px !important;
}
#hutplacePopup .ollehmap-info-tip:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url('https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/infowins5.png') no-repeat;
}
/*#hutplacePopup .ollehmap-info-content {*/
/*overflow: auto;*/
/*max-height: 300px;*/
/*}*/
/*#hutplacePopup .ollehmap-info-area {*/
/*max-height: 300px;*/
/*}*/
#hutplacePopup .ollehmap-info-tip {
    transform: translateY(-2px);
}


@media screen and (max-width: 740px) {
    #hutplacePopup .hutplace_name {
        margin: 15px auto 0 !important;
        font-size: 14px;
        float: none;
        text-align: center;
        width: 220px;
    }
    #hutplacePopup .hutplace_btn_order {
        float: none;
        text-align: center;
        margin: 10px 0 0 0;
    }
    #hutplacePopup .hutplace_btn_order a {
        width: 80%
    }
    #hutplacePopup .hutplace_btn_order a span {
        font-size: 13px;
    }
    #hutplacePopup .hutplace_wrapper {
        margin-top: 15px;
        position:relative;
    }
    #hutplacePopup .hutplace_wrapper:after {
        position: absolute;
        content: '';
        left:0;
        top:-5px;
        width: 100%;
        height: 1px;
        background: #ccc;
    }
    #hutplacePopup .hutplace_wrapper:nth-child(1):after {
        display: none;
    }
    #hutplacePopup .gps_search {
        margin-bottom: 10px;
    }
    #hutplacePopup .gps_search a {
        float: none;
        width: 100%;
        font-size: 16px;
        line-height: 32px;
    }
    #hutplacePopup #root_pane .ollehmap-event {
        background-size: contain !important;
    }
    #hutplacePopup .ollehmap-info-content-overflow {
        background: #fff;
    }
    #hutplacePopup .ollehmap-info-area {
        border: none !important;
        width: 300px;
    }
    #hutplacePopup .ollehmap-info-close img {
        top: -347px;
        left: -51px;
    }
}


/*
**   장바구니 업셀링 띠배너
*/
#colorbox .banner_new {
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
    height: 84px;
    background: url('../images/white_ver/list_ico_new.png') no-repeat;
}

#colorbox .banner_best {
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
    height: 84px;
    background: url('../images/white_ver/list_ico_best.png') no-repeat;
}

/*
**  18-10-16 이벤트페이지 SMS 수신동의 팝업
*/
#smsAgreePopup {
    padding: 20px;
}
#smsAgreePopup .txt_wrap {
    text-align: center;
}
#smsAgreePopup .txt_wrap h2 {
    font-size: 24px;
}
#smsAgreePopup .txt_wrap p {
    margin-top: 20px;
    font-size: 16px;
}
#smsAgreePopup .btn_area {
    margin-top: 30px;
    text-align: center;
}
#smsAgreePopup .btn_area a {
    padding: 6px 20px;
    background: #fff;
    color: #000;
    font-size: 16px;
    border: 1px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}
#smsAgreePopup .btn_area .btn_wrap {
    display: inline-block;
    margin: 0 5px;
}
#smsAgreePopup .btn_area a.agree {
    background: #c10a28;
    color: #fff;
    border-color: #c10a28;
}


/** 언어 변경 버튼 (푸터) **/
.change_language {
    padding: 20px 10px;
}
.change_language button {
    width: 100%;
    height: 45px;
    background: #fff;
    font-size: 14px;
    color: #000;
    text-align: center;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #767676;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.11);
    box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.11);
}


.wh_contents_body .section_portfolio > li .section_portfolio_thumb.en {
    height: 430px;
}
@media screen and (max-width: 768px) {
    .wh_contents_body .section_portfolio > li .section_portfolio_thumb.en {
        height: auto;
    }
}


/* 피자헛상품권 매진일시 추가클래스 */
.giftcard_soldout {
    position: relative;
}
.giftcard_soldout:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url("https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/gift_coupon_soldout.png") no-repeat center center;
}


/*
**		2018-12-06 마블세트 css 추가
*/
#marbleSet .reserve_wrapper {
    margin-top: 0px;
}
#marbleSet .reserve_wrapper .choose_dough_box {
    margin-top: 0;
	overflow: hidden;
}
#marbleSet .selected_dough {
    font-size: 12px;
    opacity: 0.7;
}

#marbleSet .oxpopup_bottom .tabs:after {
    display: block;
    content:'';
    clear: both;
}
@media screen and (max-width: 768px) {
    #marbleSet .reserve_wrapper .choose_dough_box {
        min-height: auto;
    }
}


/*
**	2019-02-14 디스카운트 아이콘
*/
.discount_icon {
	display: inline-block;
    text-align: center;
	line-height: 100%;
    width : 55px;
	padding: 5px;
	background: #c10a28;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	vertical-align: text-top;
	margin-left: 4px;
}
.discount_icon i {
    display: inline-block !important;
	font-size: 9px;
	font-style: normal;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
}

/* 2019 03 20 kbpi 로고 추가 */
#wh_Footer .bottom_footer:after{
    display: block;
    content: '';
    clear: both;
}
#wh_Footer .wh_footer_etc {
    float: left;
    width: auto;
}
#wh_Footer .bottom_footer .kbpi_wrap {
    float: right;
    text-align: center;
}
#wh_Footer .bottom_footer .kbpi_wrap .img_wrap img {
    max-width: 100%
}
#wh_Footer .bottom_footer .kbpi_wrap .body address {
    font-size: 12px;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    #wh_Footer .bottom_footer .kbpi_wrap {
        float: none;
        text-align: left;
        padding: 0 0 30px 15px;
    }
    #wh_Footer .bottom_footer .kbpi_wrap .img_wrap {
        display: inline-block;
        vertical-align: middle;
    }
    #wh_Footer .bottom_footer .kbpi_wrap .body {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 20px;
    }
    #wh_Footer .bottom_footer .kbpi_wrap .body address {
        margin: 0;
    }
    #wh_Footer .wh_footer_etc {
        float: none;
    }
}

/* 퀵오더 수정 0409 */
#p_li_edge_quick {
    padding: 20px 10px 10px 10px !important;
    font-size: 0;
}
#p_li_edge_quick .quickorder_select_title {
    vertical-align: top;
}
.quickorder_select_title {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}
.quickorder_select_title > label {
    line-height: 100% !important;
}
.select_wrap  {
    display: inline-block;
    font-size: 0;
    margin: 0 !important;
    width: 75%;
    vertical-align: middle;
}
.select_wrap .radio {
    display: inline-block;
    width: 33.33%;
}

.select_wrap .radio input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}
.select_wrap .radio input:checked + label {
    color: #c10a28;
    font-weight: bold;
    text-decoration: underline;
}
.select_wrap .radio label{
    display: block;
    font-size: 13px;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 70px;
    cursor: pointer;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center top;
    white-space: nowrap;
}
.select_wrap .radio label:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.select_wrap .radio input:checked + label:before {
    content: '';
    position: absolute;
    width: 100%;
    padding-bottom: 100%;
    left: 0;
    top: 0;
    background: url(https://akamai.pizzahut.co.kr/reno_pizzahut/images/etc/radio_checked.png) no-repeat center top;
    background-size: 80%;
    /*z-index: 10;*/
}

/* 190530 도우 4개 추가 */
.select_wrap.row4 {
    width: 100%;
}

.select_wrap.row4 .radio {
    width: 25%;
}

.select_wrap .radio_wrap .radio {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#p_select_topping {
    font-size: 0;
}
#p_select_fondue {
    font-size: 0;
}
.select_wrap .checkbox_wrap input + label {
    display: block;
    width: 100%;
    height: 34px;
    background: #c10a28;
    color: #fff;
    overflow: hidden;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
    text-align: center;
}
.select_wrap .checkbox_wrap input + label > div {
    display: inline-block;
}
.select_wrap .checkbox_wrap input + label:after {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f5f5f5;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.select_wrap .checkbox_wrap input + label span {
    display: block;
    position: relative;
    width: 30px;
    height: 100%;
}
.select_wrap .checkbox_wrap input + label span .__on {
    display: none;
}
.select_wrap .checkbox_wrap input + label span img {
    max-width: 70%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.select_wrap .checkbox_wrap input + label p {
    display: inline-block;
    line-height: 34px;
}
.select_wrap .checkbox_wrap input + label span.front_topping_img {
    display: inline-block;
    vertical-align: middle;
    /*float: left;*/
    /*margin-right: 10px;*/
    margin-top: -3px;
}
.select_wrap .checkbox_wrap input + label span.back_topping_img {
    float: right;
}
.select_wrap .checkbox_wrap input:checked + label {
    /*background: linear-gradient(to bottom right, #ffcd38, #ff9e23);*/
    background-color: #FED03B;
    color: #231F20;
    font-weight: bold;
}
.select_wrap .checkbox_wrap input label span .__off {
    display: none;
}
.select_wrap .checkbox_wrap input label span .__on {
    display: block;
}

.wh_pizza_detail .detail_box_con_dl2 .select_wrap {
    min-width: 300px;
}
.wh_pizza_detail .detail_box_con_dl2 .select_wrap label {
    font-size: 15px;
    line-height: 34px;
}

/* 19-04-22 쿠폰사용법 추가 */
span.howtouse_coupon {
    display: inline-block;
    margin-left: 10px;
    color: #818181;
    font-size: 15px;
    padding: 2px 5px;
    background: linear-gradient(to bottom, #fff, 70%, #D5D5D5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    cursor: help;
}
span.howtouse_coupon > img {
    display: inline-block;
    margin-right: 2px;
    max-width: 20px;
    vertical-align: sub;
}
.wh_sub_body .section .section_header p.mycoupon_select {
    margin: 0;
}
#selectCouponUsableStatus {
    margin: 0;
}

@media screen and (max-width: 768px) {
    span.howtouse_coupon {
        padding: 2px 5px;
    }
}

/*
**      19-04-26 메가크런치 리스트
*/
._pizza_price_wrap {
    font-size: 0;
    margin-top: 15px;
}
._pizza_price_wrap > div {
    display: inline-block;
    width: 50%;
}
._pizza_price_wrap > div span {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
}
._pizza_price_wrap ._type {
    font-size: 16px;
    letter-spacing: 0.025em;
}
._pizza_price_wrap ._size {
    margin: 1px 5px 0;
}
._pizza_price_wrap ._size img {
    max-width: 100%;
}
._pizza_price_wrap ._price {
    font-size: 17px;
    font-weight: bold;
}
._btn_mega_wrap {
    margin-top: 18px;
}
._btn_mega_wrap:after {
    content: '';
    display: block;
    clear: both;
}
._btn_mega_wrap ._btn_mega {
    width: 50%; /* for older browser */
    width: calc(50% - 3px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 8px;
    padding: 3px;
}
._btn_mega_wrap ._btn_mega.combination {
    background: #ff1936; /* for older browser */
    background: linear-gradient(to right, #ff1936, #ff5d36);
    float: left;
}
._btn_mega_wrap ._btn_mega.double {
    background: #ff5d36; /* for older browser */
    background: linear-gradient(to right, #ff5d36, #ff8448);
    float: right;
}
._btn_mega_wrap ._btn_mega a {
    display: block;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}
._btn_mega_wrap ._btn_mega.combination a span {
    background: linear-gradient(to right, #ff1936, #ff5d36);
    -webkit-background-clip: text;
}
._btn_mega_wrap ._btn_mega.double a span {
    background: linear-gradient(to right, #ff5d36, #ff8448);
    -webkit-background-clip: text;
}
._btn_mega_wrap ._btn_mega a span {
    color: #c10a28;
    font-size: 16px;
    line-height: 30px;
    -webkit-text-fill-color: transparent;
}
@media screen\0 {
    ._btn_mega_wrap ._btn_mega.double a span,
    ._btn_mega_wrap ._btn_mega.combination a span{
        background: none;
    }
}

@media screen and (max-width: 768px) {
    ._pizza_price_wrap > div {
        display: block;
        width: 100%;
    }
    ._pizza_price_wrap > div:nth-child(2) {
        margin-top: 15px;
    }
}

@media screen and (max-width: 510px) {
    ._pizza_price_wrap ._type {
        font-size: 14px;
    }
    ._pizza_price_wrap ._price {
        font-size: 15px;
    }
    ._btn_mega_wrap ._btn_mega {
        padding: 2px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    ._btn_mega_wrap ._btn_mega a span {
        font-size: 14px;
        line-height: 23px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}

._select_wrapper {
    /*overflow: visible;*/
    padding: 10px;
    background: #f5f5f5;
    -webkit-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    -moz-box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    box-shadow: 5px 5px 6px 0px rgba(209,209,209,1);
    /*position: relative;*/
}
._select_wrapper .select_wrap {
    width: 100%;
}
#p_select_beverage, #p_select_side {
    text-align: left;
}
/*
**	19-05-03 메가크런치 상세
*/
._megacrunch_detail span {
    display: inline-block;
    vertical-align: middle;
    line-height: 17px;
    width: 17px;
    height: 17px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background: #e75253;
}
._megacrunch_detail em {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    font-size: 20px;
    color: #313131;
    font-weight: bold;
}
._megacrunch_detail i {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
}

/*
**	19-04-29 메가더블세트
*/
.mega_double ._btn_detail {
	position: absolute;
	right: 6%;
	top: 5%;
	width: 30px;
	height: 30px;
	z-index: 11;
}
.mega_double ._btn_detail a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px solid #c8c8c8;
	opacity: 0.6;
}

.mega_double ._btn_detail img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mega_double ._btn_detail span:nth-child(1) {
	width: 60%;
	height: 2px;
}
.mega_double ._btn_detail span:nth-child(2) {
	height: 60%;
	width: 2px;
}
.mega_double .btnChoiceItem {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	margin-left: 10px;
	background: url("https://akamai.pizzahut.co.kr/images/etc/DS_button_on.png") no-repeat center center;
	background-size: cover;
}
.mega_double .selected .btnChoiceItem {
	background-image: url("https://akamai.pizzahut.co.kr/images/etc/DS_button_on.png");
}
.mega_double .wh_wow7box_l_inner {
	padding: 40px 0 10px;
}
.mega_double .btn_select_again {
	top: 30px;
}
.mega_double .btn_select_again button {
	color: #000;
	padding: 0 0 0 25px;
	line-height: 100%;
	font-size: 16px;
	background: url("https://akamai.pizzahut.co.kr/images/etc/DS_RE_button.png") left center no-repeat;
	font-weight: bold;
	outline: none;
}
.mega_double ._selected_menu_wrap {
	font-size: 0;
	margin-top: 30px;
}
.mega_double ._menu_wrap {
	display: inline-block;
	text-align: center;
	padding: 0 2.5%;
	width: 50%;
	position: relative;
}
.mega_double ._menu_wrap ._empty_box img {
	max-width: 100%;
}
.mega_double ._menu_wrap ._selected_pizza {
	position: absolute;
	width: 80%;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mega_double ._menu_wrap ._selected_pizza img {
	max-width: 100%;
}
.mega_double ._menu_wrap ._pizza_name {
	margin-top: 20px;
}
.mega_double ._menu_wrap ._pizza_name span {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
	line-height: 100%;
}
.mega_double ._menu_wrap ._pizza_name span:nth-child(1) {
	margin-right: 15px;
}
.mega_double ._menu_wrap ._pizza_name span:nth-child(1):after {
	content: '';
	position: absolute;
	top: 50%;
	right: -10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 3px;
	height: 90%;
	background: #000;
}
.mega_double ._menu_wrap ._pizza_name ._btn_cancel {
	display: inline-block;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0, .1) url("https://akamai.pizzahut.co.kr/images/etc/DS_RE_button.png");
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center center;
	border-radius: 100%;
}
.mega_double ._btn_cheese_wrap {
	margin-top: 50px !important;
	text-align: center;
}
.mega_double ._btn_cheese_wrap .checkbox_wrap {
	max-width: 410px;
	margin: 0 auto;
}
.mega_double ._btn_cheese_wrap .checkbox_wrap:nth-child(n+1) {
    margin-top: 10px !important;
}
.mega_double .select_wrap .checkbox_wrap input + label {
	display: inline-block;
	height: 50px;
}
.mega_double .select_wrap .checkbox_wrap input + label:after {
    background: #fff;
}
.mega_double .select_wrap .checkbox_wrap input + label p {
	font-size: 18px;
	display:inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-weight: bold;
}
.mega_double .select_wrap .checkbox_wrap input + label span {
	float: none;
	width: 40px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.mega_double .select_wrap .checkbox_wrap input + label span img {
	max-width: none;
	width: 100%;
}
.mega_double .select_wrap .checkbox_wrap input + label span.back_topping_img {
	width: 26px;
}

/*메가크런치 더블박스 레이어*/
.mega_double_layer {
	text-align: center;
	padding: 30px 0 50px;
}
.mega_double_layer img {
	max-width: 100%;
}
.mega_double_layer .pizza_name {
	margin-top: 40px;
}
.mega_double_layer .pizza_name h3 {
	color: #c10a28;
	font-size: 24px;
	display: inline-block;
	position: relative;
	line-height: 100%;
}
.mega_double_layer .pizza_name h3:before {
	content: '';
	position: absolute;
	left: -5px;
	top: 50%;
	width: 2px;
	height: 95%;
	background: #c10a28;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 2px;
}
.mega_double_layer .pizza_name h3:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -5px;
	width: 2px;
	height: 95%;
	background: #c10a28;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 2px;
}
.mega_double_layer .pizza_img {
	max-width: 90%;
	margin: 0 auto;
}
.mega_double_layer .pizza_des {
	max-width: 80%;
	margin: 20px auto 0;
}
.mega_double_layer .pizza_des p {
	font-size: 18px;
}

@media all and (min-width: 1024px) {
	.mega_double ._btn_detail a:hover {
		background: #e0dedd;
		border: none;
	}
}

@media screen and (max-width: 768px) {
	.mega_double .wh_wow7box.doublebox .wh_wow7box_r {
		margin-top: 0;
	}
	.mega_double .btn_select_again button {
		font-size: 14px;
	}
	.mega_double ._menu_wrap ._pizza_name span {
		font-size: 16px;
	}
	.mega_double ._menu_wrap ._pizza_name span:nth-child(1):after {
		width: 2px;
		margin-top: 2px;
	}
	.mega_double .wh_wow7box_r_tit img {width: auto;}

	.mega_double ._btn_cheese_wrap {
		width: 100%;
	}
	.mega_double ._btn_cheese_wrap {
		margin-top: 25px !important;
		padding: 0 13px;
	}
	.mega_double ._btn_cheese_wrap .checkbox_wrap {
		max-width: none;
	}
	.mega_double .select_wrap .checkbox_wrap input + label {
		height: 36px;
	}
	.mega_double .select_wrap .checkbox_wrap input + label p {
		font-size: 14px;
	}
	.mega_double .select_wrap .checkbox_wrap input + label span {
		width: 26px;
	}
	.mega_double .select_wrap .checkbox_wrap input + label span.back_topping_img {
		width: 20px;
	}

	.mega_double_layer .pizza_name h3 {
		font-size: 20px;
	}
	.mega_double_layer .pizza_des p {
		font-size: 16px;
	}
	.mega_double ._btn_detail {
		right: 4%;
		top: 4%;
		width: 24px;
		height: 24px;
	}
	.mega_double ._btn_detail a img {
		width: 6px;
	}
}

/*
**  19-05-02 메가콤비세트
*/
._mega_combo_wrap ._mega_combo_title {
    text-align: center;
    padding: 20px 0;
}
._mega_combo_wrap ._mega_combo_title img {
    max-width: 100%;
}
._mega_combo_wrap ._mega_combo_info {
    height: auto;
    font-size: 0;
    padding: 0 20px 20px;
    margin-top: 0px;
}
._mega_combo_wrap ._mega_combo_list {
    cursor: pointer;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 8px 8px 16px rgba(207, 207, 207, 0.49);
    -moz-box-shadow: 8px 8px 16px rgba(207, 207, 207, 0.49);
    box-shadow: 8px 8px 16px rgba(207, 207, 207, 0.49);
}
._mega_combo_wrap ._mega_combo_list:nth-child(n+2) {
    margin-top: 20px;
}
._mega_combo_wrap ._mega_combo_img {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}
._mega_combo_wrap ._mega_combo_title_text h3 {
    font-size: 25px;
    text-align: center;
    margin: 10px 0;
}
._mega_combo_wrap ._mega_combo_img img {
    max-width: 100%;
}
._mega_combo_wrap ._mega_combo_dsc {
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px;
    width: 60%;
}
._mega_combo_wrap ._mega_combo_text h3 {
    font-size: 17px;
}
._mega_combo_wrap ._mega_combo_text p {
    font-size: 18px;
    font-weight: bold;
}
._mega_combo_cheese {
    text-align: center;
    margin-top: 20px;
}
._mega_combo_cheese .select_wrap {
    width: 100%;
}
._btn_cheese_wrap {
    margin-top: 50px !important;
    text-align: center;
}
._btn_cheese_wrap .checkbox_wrap {
    max-width: 300px;
    margin: 0 auto;
}
._mega_combo_cheese .select_wrap .checkbox_wrap input + label {
    display: inline-block;
    height: 40px;
}
._mega_combo_cheese .select_wrap .checkbox_wrap input + label:after {
    background: #FFF;
}
._mega_combo_cheese .select_wrap .checkbox_wrap input + label p {
    font-size: 16px;
    display:inline-block;
    vertical-align: middle;
    margin: 0 10px;
    font-weight: bold;
}
._mega_combo_cheese .select_wrap .checkbox_wrap input + label span {
    float: none;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
._mega_combo_cheese .select_wrap .checkbox_wrap input + label span img {
    max-width: none;
    width: 100%;
}
._mega_combo_cheese .select_wrap .checkbox_wrap input + label span.back_topping_img {
    width: 22px;
}
._mega_combo_side_wrap {
    margin-top: 20px;
}
._mega_combo_select label {
    cursor: pointer;
    text-align: center;
    display: block;
    background: #b3b3b3;
}
._mega_combo_select label span {
    display: inline-block;
    padding: 8px 0 8px 30px;
    font-size: 16px;
    background: url("https://akamai.pizzahut.co.kr/images/etc/button_off_2.png") no-repeat left center;
    background-size: 22px;
    color: #fff;
}
._mega_combo_select input[type="radio"]:checked + label {
    background: #70a401;
}
._mega_combo_select input[type="radio"]:checked + label span {
    background-image: url("https://akamai.pizzahut.co.kr/images/etc/button_on_2.png");
}

@media screen and (max-width: 768px) {
    ._mega_combo_wrap ._mega_combo_title {
        width: 50%;
        margin: 0 auto;
    }
    ._mega_combo_wrap ._mega_combo_title_text h3 {
        font-size: 20px;
    }
    ._mega_combo_wrap ._mega_combo_img {
        width: 50%;
    }
    ._mega_combo_wrap ._mega_combo_dsc {
        width: 50%;
        padding-left: 10px;
    }
    ._mega_combo_wrap ._mega_combo_info {height: auto; padding: 0 0 20px;}
    ._mega_combo_wrap ._mega_combo_text h3 {font-size: 12px;}
    ._mega_combo_wrap ._mega_combo_text p {font-size: 13px;}
    ._mega_combo_cheese ._btn_cheese_wrap {
        width: 100%;
    }
    ._mega_combo_cheese ._btn_cheese_wrap {
        margin-top: 25px !important;
        padding: 0 13px;
    }
    ._mega_combo_cheese ._btn_cheese_wrap .checkbox_wrap {
        max-width: none;
    }
    ._mega_combo_cheese .select_wrap .checkbox_wrap input + label {
        height: 36px;
    }
    ._mega_combo_cheese .select_wrap .checkbox_wrap input + label p {
        font-size: 12px;
        margin: 0 5px;
    }
    ._mega_combo_cheese .select_wrap .checkbox_wrap input + label span {
        width: 16px;
    }
    ._mega_combo_cheese .select_wrap .checkbox_wrap input + label span.back_topping_img {
        width: 16px;
    }
    ._mega_combo_select label span {
        padding: 9px 0 9px 25px;
        font-size: 12px;
        background-size: 16px
    }
}

/* 190530 엣지 설명관련 클래스 추가 */
.edge_sub_description {
    margin-top: 15px;
    font-size: 15px;
}
.quick_edge_sub_description {
    font-size: 14px;
    padding-left: 15px;
    margin-top: 10px;
}
/*
    190731 ADDED
    Detail page PC / mobile 분기 시 사용
*/
.detail_pc_visible_img {
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    display: block;
}
.detail_mob_visible_img {
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    display: none;
}
@media screen and (max-width: 768px) {
    .detail_mob_visible_img {
        display: block;
    }
    .detail_pc_visible_img {
        display: none;
    }
}



/*
**  퀵샵 공통팝업
*/
#PopCommonQuick {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    display: none;
    background: rgba(0,0,0,.5);
}
#PopCommonQuick #PopCommonQuickInner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100vw;
    max-height: 80vh;
    overflow: auto;
    border-radius: 15px;
}

.wh_sub_body .btn_table_wrap.line_tn a.btn_quick_pop {
    width: calc(50% - 5px);
    margin: 0;
}
.wh_sub_body .btn_table_wrap.line_tn a.btn_quick_pop:nth-child(2n) {
    margin: 0 0 0 10px;
}
.wh_sub_body .btn_table_wrap.line_tn a.btn_quick_pop:nth-child(n+3) {
    margin-top: 10px;
}

/* 세트페이지 추가정보 4컬럼 */
.wh_contents_body .btn_table_wrap.col-4 li {
    width: 23.5%;
}
.wh_contents_body .btn_table_wrap.col-4 ul {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .wh_contents_body .btn_table_wrap.col-4 li {
        width: 49%;
        margin: 0;
    }
    .wh_contents_body .btn_table_wrap.col-4 ul {
        width: 100%;
    }
    .wh_contents_body .btn_table_wrap.col-4 li:nth-child(2n) {
        margin-left: 2%;
    }
    .wh_contents_body .btn_table_wrap.col-4 li:nth-child(n+3) {
        margin-top: 2%;
    }
}


/* 190823 스탬프박스 */
.stamp_box {
    margin: 10px 0 0 0;
    padding: 20px 20px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
}
.stamp_box .box_title h4 {
    font-weight: 500;
    display: inline-block;

}
.stamp_box .list_wrap {
    margin-top: 20px;
    font-size: 0;
}
.stamp_box .list {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    font-size: 0;
    background: #f1f1f1;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205,205,205,1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205,205,205,1);
    box-shadow: 4px 4px 7px 0px rgba(205,205,205,1)
}
.stamp_box .list:first-child {
    margin-top: 0;
}
.stamp_box .list .img_wrap {
    display: inline-block;
    width: 100%;
    max-width: 130px;
    margin-left: 30px;
    vertical-align: middle;
}
.stamp_box .list .img_wrap img {
    max-width: 100%;
}
.stamp_box .list .list_des {
    display: inline-block;
    width: calc(70% - 73px);
    margin-left: 30px;
    vertical-align: middle;
}
.stamp_box .list .list_des span {
    font-size: 14px;
    display: block;
    color: #9d9d9d;
}
.stamp_box .list .list_des p {
    font-size: 18px;
}
.stamp_box .list label {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;
    padding: 4px 16px;
    background: #70a401;
    border-radius: 5px;
}
.stamp_box .list input[type="radio"]:disabled + .img_wrap + .list_des + label {
    background: gray;
}

.stamp_popup {
    padding: 0;
}
.stamp_popup .stamp_logo {
    position: absolute;
    left: 20px;
    top: 0;
    width: 75px;
    transform: translateY(-50%);
}
.stamp_popup .stamp_logo img {
    max-width: 100%;
}
.stamp_popup .popup_header h3 {
    padding: 20px 0;
}
.stamp_popup_content {
    padding: 0 20px;
}
/*.stamp_pdt_list {*/
/*    margin-bottom: 20px;*/
/*}*/
.stamp_pdt_list .list {
    position: relative;
    height: 110px;
    font-size: 0;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    background: #f0f0f0;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    box-shadow: 4px 4px 7px 0px rgba(205, 205, 205, 1);
    margin-top: 20px;
}
.stamp_pdt_list .list_inner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
}
.stamp_pdt_list .list:first-child {
    margin-top: 0;
}
.stamp_pdt_list .list .img_wrap {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}
.stamp_pdt_list .list .img_wrap img {
    max-width: 100%;
}
.stamp_pdt_list .list .pdt_des {
    display: inline-block;
    width: calc(70% - 20px);
    vertical-align: middle;
    margin-left: 20px;
}
.stamp_pdt_list .list .pdt_des p {
    font-weight: bold;
    font-size: 16px;
}
.stamp_pdt_list .list .pdt_des span {
    display: block;
    font-size: 14px;
}
.stamp_unusable {
    background: #acacac;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-top: 5px;
    padding: 4px 16px;
    border-radius: 5px;
}

.popup_desc {
    text-align: center;
    padding: 20px 0;

}
.popup_desc p {
    font-size: 14px;
}
.popup_desc p.c_red {
    color: #c10a28;
}

.stamp_box .box_title:after {
    display: block;
    content: '';
    clear: both;
}
.stamp_box .box_title .howtouse_coupon {
    float: right;
}

@media screen and (max-width: 768px) {
    .stamp_box .list {
        padding: 20px 10px;
    }
    .stamp_box .list .img_wrap {
        margin-left: 15px;
        max-width: none;
        width: 30%;
    }
    .stamp_box .list .list_des {
        margin-left: 15px;
        width: calc(70% - 47px);
    }
    .stamp_box .list .list_des p {
        font-size: 16px;
    }
    .stamp_box .list .list_des span {
        font-size: 12px;
    }
    .stamp_box .list label {
        position: static;
        display: inline-block;
        transform: none;
        margin-top: 5px;
        font-size: 12px;
    }
}
/*@media screen and (max-width: 768px) {
    .stamp_box {
        padding: 20px 10px;
    }
    .stamp_box .list_wrap {
        margin-top: 0;
    }
    .stamp_box .list {
        width: calc(50% - 10px);
        text-align: center;
        padding: 20px 10px;
    }
    .stamp_box .list:nth-child(2n) {
        margin-left: 20px;
    }
    .stamp_box .list input[type="radio"] {
        visibility: hidden;
    }
    .stamp_box .list .img_wrap {
        display: block;
        margin: 0 auto;
    }
    .stamp_box .list .list_des {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }
    .stamp_box .list .list_des span {
        font-size: 12px;
    }
    .stamp_box .list .list_des p {
        font-size: 14px;
    }
    .stamp_box .list label {
        position: static;
        display: block;
        width: 50%;
        min-width: 100px;
        transform: none;
        margin: 10px auto 0;
    }
}*/

.topping_quick_desc {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px !important;
    line-height: 100%;
}
.topping_quick_desc p {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
.topping_quick_desc span {
    display: inline-block;
    padding: 6px 4px;
    background: #fed03b;
    font-size: 0.8em;
    margin-left: 5px;
    border-radius: 5px;
    line-height: 100%;
    vertical-align: middle;
}
.topping_origin_price {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 0.8em;
    color: #fff;
}