.pr {
    position: relative
}

.pa {
    position: absolute
}

.boxSizing {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box
}

html, body {
    width: 100%;
    height: 100%
}

#wrap {
    max-width: 640px;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    background: url(../images/bg.gif) repeat-y left top;
    background-size: 100% auto;
    overflow: hidden
}

.fr {
    float: right;
}

.fl {
    float: left;
}

#wrap .start_loading {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 30%
}

    #wrap .start_loading img {
        width: 47%
    }

    #wrap .start_loading.top {
        position: relative;
        top: 0;
        padding-top: 10%
    }

#wrap .mem_h1 {
    color: #fff;
    font-size: 3em;
    letter-spacing: -.1em;
    font-weight: 400;
    text-align: center;
    letter-spacing: -.1em
}

#wrap .loginBox {
    position: relative;
    text-align: center;
    width: 76%;
    margin: 7% auto 0 auto;
    padding-bottom: 7%
}

    #wrap .loginBox .phone {
        float: left;
        width: 64%
    }

        #wrap .loginBox .phone input {
            color: #c1c1c1;
            font-size: 1em;
            letter-spacing: -.1em;
            border: 0;
            background: #fff;
            height: .9em;
            line-height: .9em;
            text-align: center;
            font-weight: 700;
            padding: 4% 2%;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            background-color: #fff;
            width: 96%;
            padding: 7.8% 2%
        }

    /*20150812추가*/
    #wrap .loginBox .phone02 {
        float: left;
        width: 100%
    }

        #wrap .loginBox .phone02 input {
            color: #c1c1c1;
            font-size: 1em;
            letter-spacing: -.1em;
            border: 0;
            background: #fff;
            height: .9em;
            line-height: .9em;
            text-align: center;
            font-weight: 700;
            padding: 4% 2%;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            background-color: #fff;
            width: 96%;
            padding: 5.5% 2%
        }
    /*20150812추가*/
    /*20150812수정*/
    #wrap .loginBox .num_confirm {
        display: block;
        color: #fff;
        font-size: 1em;
        letter-spacing: -.1em;
        border: 0;
        background: #fff;
        height: .8em;
        line-height: .8em;
        text-align: center;
        font-weight: 700;
        padding: 4% 2%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background-color: #fff;
        float: right;
        width: 29%;
        line-height: 1em;
        background-color: #4f9794;
        padding: 5.5% 2% 5.5% 2%;
    }
    /*20150812수정*/

    #wrap .loginBox .get_num {
        width: 100%;
        text-align: center;
        margin-top: 3%
    }

        #wrap .loginBox .get_num input {
            color: #c1c1c1;
            font-size: 1em;
            letter-spacing: -.1em;
            border: 0;
            background: #fff;
            height: 1em;
            line-height: 1em;
            text-align: center;
            font-weight: 700;
            padding: 4% 2%;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            background-color: #fff;
            width: 96%
        }

    #wrap .loginBox .lBox {
        width: 48%;
        margin-bottom: 3%
    }

        #wrap .loginBox .lBox input {
            color: #c1c1c1;
            font-size: 1em;
            letter-spacing: -.1em;
            border: 0;
            background: #fff;
            height: .9em;
            line-height: .9em;
            text-align: center;
            font-weight: 700;
            padding: 4% 2%;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            background-color: #fff;
            width: 96%;
            padding: 8.5% 2%
        }

        #wrap .loginBox .lBox.left {
            float: left
        }

        #wrap .loginBox .lBox.right {
            float: right
        }

/*20160127 footer 수정 */
#wrap .footer_main {
    position: absolute;
    left: 0;
    bottom: 1%;
    width: 100%;
    text-align: center
}

    #wrap .footer_main img {
        width: 48%
    }

    #wrap .footer_main.noP {
        bottom: 0
    }
/*20160127 footer 수정 */

/*20160127 footer 추가 */
#wrap .footer {
    width: 100%;
    position: relative;
    bottom: 0px;
    border-top: 1px solid #eeeeee;
    background-color: #eeeeee;
    color: #666666;
    font-size: 0.8em;
    padding-bottom: 10px;
}

    #wrap .footer div {
        margin-top: 10px;
        margin-left: 3%;
        margin-right: 3%;
        line-height: 15px;
        letter-spacing: 0px;
    }
/*20160127 footer 추가 */

#wrap .m_top {
    margin-top: 3%
}

#wrap .mt1 {
    margin-top: 5% !important
}

#wrap .mt05 {
    margin-top: 3% !important
}

#wrap .chked {
    text-align: left;
    width: 100%;
    margin-top: 2%
}

    #wrap .chked a img {
        width: 55%;
        margin: 0 2%
    }

    #wrap .chked a .chk {
        width: 7.8%
    }

#wrap .mem_header {
    position: relative;
    width: 100%;
    height: 4em
}

    #wrap .mem_header img.logo {
        position: absolute;
        width: 38%;
        left: 1em;
        top: .8em
    }

    #wrap .mem_header a.close img {
        width: 9%;
        position: absolute;
        right: 1em;
        top: .8em
    }

#wrap .alignBox {
    width: 90%;
    margin: 7% auto 0 auto
}

    #wrap .alignBox .cBox {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -mox-box-sizing: border-box;
        width: 100%;
        padding: 2%;
        border: 1px solid #62a29e;
        background: #6fb8b4
    }

        #wrap .alignBox .cBox h2 {
            color: #fff;
            font-size: 1em;
            letter-spacing: -.1em;
            font-weight: border;
            text-align: left;
            letter-spacing: -.1em;
            padding-left: 2%
        }

        #wrap .alignBox .cBox .boxer {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -mox-box-sizing: border-box;
            width: 100%;
            display: block;
            border: 1px solid #fff;
            background: #fff;
            color: #6fb8b4;
            font-size: 1em;
            letter-spacing: -.1em;
            font-weight: border;
            text-align: left;
            letter-spacing: -.1em;
            padding: 5% 2%;
            margin: 2% 0
        }

            #wrap .alignBox .cBox .boxer h3 {
                width: 30%;
                float: left
            }

            #wrap .alignBox .cBox .boxer .select {
                width: 66%;
                padding: 0 2%;
                float: right
            }

                #wrap .alignBox .cBox .boxer .select .c_selec {
                    color: #c1c1c1;
                    font-size: 1em;
                    letter-spacing: -.1em;
                    font-weight: border;
                    text-align: left;
                    letter-spacing: -.1em;
                    position: relative;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -mox-box-sizing: border-box;
                    border: 1px solid #6fb8b4;
                    background: #fff;
                    padding: 2% 10% 2% 2%;
                    width: 100%
                }

                    #wrap .alignBox .cBox .boxer .select .c_selec select {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        left: 0;
                        top: 0;
                        opacity: 0
                    }

                    #wrap .alignBox .cBox .boxer .select .c_selec.half {
                        width: 49%;
                        position: relative
                    }

                        #wrap .alignBox .cBox .boxer .select .c_selec.half.left {
                            float: left
                        }

                        #wrap .alignBox .cBox .boxer .select .c_selec.half.right {
                            float: right
                        }

                #wrap .alignBox .cBox .boxer .select .cs {
                    width: 1em;
                    position: absolute;
                    top: .7em;
                    right: 1em
                }

    #wrap .alignBox.mt1 {
        margin-top: 1%
    }

#wrap .agree2 {
    width: 90%;
    text-align: right;
    padding-right: 2%;
    margin: 3% auto
}

    #wrap .agree2 input {
        vertical-align: middle;
        margin: 0 2%
    }

    #wrap .agree2 label {
        color: #327d7a;
        font-size: 1em;
        letter-spacing: -.1em;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1em;
        vertical-align: middle
    }

#wrap .btnBox2 {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 7%
}

#wrap .m_btn {
    display: block;
    width: 96%;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    letter-spacing: 0em;
    border: 0;
    background: #fff;
    height: 1.4em;
    line-height: 1.4em;
    text-align: center;
    font-weight: 700;
    padding: 4% 2%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    background-color: #327d7a;
    margin-top: 3%
}

#wrap .liner {
    width: 100%;
    height: 1px;
    background: #327d7a;
    margin: 8% 0
}

#wrap .enterZone input {
    color: #c1c1c1;
    font-size: 1em;
    letter-spacing: -.1em;
    font-weight: border;
    text-align: left;
    letter-spacing: -.1em;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    border: 1px solid #6fb8b4;
    background: #fff;
    padding: 2% 10% 2% 2%;
    width: 70%
}

#wrap .enterZone a {
    vertical-align: middle;
    display: inline-block;
    width: 29%;
    margin-left: 1%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    border: 1px solid none;
    background: #327d7a;
    padding: 2%;
    text-align: center;
    color: #fff;
    font-size: 1em;
    letter-spacing: -.1em;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.1em
}

#wrap .info2 {
    color: #327d7a;
    font-size: 1em;
    letter-spacing: -.1em;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.1em;
    vertical-align: middle;
    text-align: center;
    margin: 3% 0
}

#wrap .mem_suc {
    width: 80%;
    position: relative;
    top: 3em;
    left: 10%;
    margin-bottom: 30%
}

#wrap .btnBox2.prs {
    position: absolute;
    bottom: 3%;
    left: 5%
}

#wrap p.name {
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
    text-align: center;
    color: #327d7a;
    font-size: 1.3em;
    letter-spacing: -.1em;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.1em;
    line-height: 1.3em;
    padding-bottom: 2%
}

    #wrap p.name span {
        text-decoration: underline
    }

#wrap .mem_header.page img.logo {
    left: 9em;
    top: 1.3em
}

#wrap .nav_out {
    position: absolute;
    left: 0;
    top: 0;
    width: 20.5%
}

#wrap .orderMenu {
    width: 20%;
    position: absolute;
    right: 1em;
    top: 1em
}

    #wrap .orderMenu ul {
        width: 100%
    }

        #wrap .orderMenu ul li:nth-child(1) {
            float: left;
            width: 48%
        }

        #wrap .orderMenu ul li:nth-child(2) {
            float: right;
            width: 48%
        }

    #wrap .orderMenu .home {
        width: 60%;
        float: right;
        position: relative;
        top: -.5em
    }

#wrap .o_con {
    background: #fff;
    width: 100%;
    position: relative;
    margin-top: 2em
}

    #wrap .o_con ul {
        width: 90%;
        padding: 2% 5%
    }

        #wrap .o_con ul li {
            margin-bottom: 2%
        }

            #wrap .o_con ul li:last-child {
                margin-bottom: 0
            }

#wrap .tap {
    width: 90%;
    margin: 0 auto 0 auto;
    padding-top: 1em;
}

    #wrap .tap ul {
        width: 100%;
        padding: 0;
    }

        #wrap .tap ul li {
            width: 32%;
            float: left;
            height: 2.5em;
        }

            #wrap .tap ul li:nth-child(2) {
                margin: 0 2%;
            }

            #wrap .tap ul li a {
                width: 100%;
                height: 100%;
                display: block;
                border-radius: 12px;
                line-height: 2.3em;
                background: #b7ecea;
                text-align: center;
                font-size: 1em;
                font-weight: bold;
                color: #62b4b0;
            }

            #wrap .tap ul li.on a {
                background: #62b4b0;
                color: #fff;
            }

#wrap .two ul li {
    width: 48%;
    float: left;
    height: 4em;
}

    #wrap .two ul li img {
        width: 15%;
        vertical-align: middle;
        margin-right: 0.3em;
    }

    #wrap .two ul li:nth-child(1) {
        margin-right: 4%;
    }

        #wrap .two ul li:nth-child(1) img {
            width: 18%;
        }

    #wrap .two ul li:nth-child(2) {
        margin: 0;
    }

    #wrap .two ul li a {
        line-height: 3em;
        font-size: 1.2em;
        color: #fff;
    }

    #wrap .two ul li.on a {
        background: #327d7a;
    }



#wrap .o_con ul .product {
    height: 4.5em;
    width: 50%;
    float: left;
    background-color: #6fb8b4;
    position: relative;
    padding: 2% 0;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    overflow: hidden
}

    #wrap .o_con ul .product .chk {
        width: 15%;
        position: absolute;
        top: 1%;
        left: 1%
    }

    #wrap .o_con ul .product .pd {
        width: 20%;
        margin: 3% 0 0 20%
    }

    #wrap .o_con ul .product .box50 {
        position: absolute;
        top: 12%;
        right: 0;
        width: 55%
    }

        #wrap .o_con ul .product .box50 p {
            line-height: 1.5em
        }

            #wrap .o_con ul .product .box50 p:nth-child(1) {
                color: #fff;
                font-size: 1em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: left;
                letter-spacing: -.1em
            }

            #wrap .o_con ul .product .box50 p:nth-child(2) {
                color: #b7ecea;
                font-size: 1em;
                letter-spacing: -.1em;
                font-weight: 400;
                text-align: left;
                letter-spacing: -.1em
            }

            #wrap .o_con ul .product .box50 p:nth-child(3) {
                color: #fff;
                font-size: 1em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: left;
                letter-spacing: -.1em
            }

#wrap .o_con ul .count {
    width: 50%;
    height: 4.5em;
    float: right;
    background-color: #85cfcc;
    padding: 2% 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    text-align: center
}

    #wrap .o_con ul .count a img {
        width: 20%
    }

    #wrap .o_con ul .count span {
        color: #fff;
        font-size: 1.5em;
        letter-spacing: -.1em;
        font-weight: 700;
        text-align: left;
        letter-spacing: -.1em;
        margin: 0 7%
    }

    #wrap .o_con ul .count .box51 {
        margin-top: 8%
    }

#wrap .o_con ul .product.big {
    height: 13em;
    width: 100%;
    float: none;
    padding: 2% 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

    #wrap .o_con ul .product.big .chk {
        width: 9%;
        top: .5%;
        left: .5%
    }

    #wrap .o_con ul .product.big .pd {
        width: 25%;
        margin: 3% 0 0 10%
    }

    #wrap .o_con ul .product.big .box50 {
        position: absolute;
        top: 9%;
        right: 0;
        width: 60%;
        letter-spacing: 0
    }

        #wrap .o_con ul .product.big .box50 p {
            line-height: 1.2em
        }

            #wrap .o_con ul .product.big .box50 p:nth-child(1) {
                color: #fff;
                font-size: 1.2em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: left;
                letter-spacing: -.1em;
                letter-spacing: .08em
            }

            #wrap .o_con ul .product.big .box50 p:nth-child(2) {
                color: #fff;
                font-size: 1em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: left;
                letter-spacing: -.1em;
                letter-spacing: .08em
            }

            #wrap .o_con ul .product.big .box50 p:nth-child(3) {
                color: #fff;
                font-size: 1.2em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: left;
                letter-spacing: -.1em;
                letter-spacing: .08em
            }

        #wrap .o_con ul .product.big .box50 .ds {
            color: #fff;
            font-size: 1em;
            letter-spacing: -.1em;
            font-weight: 400;
            text-align: left;
            letter-spacing: -.1em;
            letter-spacing: -.01em;
            line-height: 1.2em
        }

            #wrap .o_con ul .product.big .box50 .ds .tt {
                color: #fff;
                font-size: 1.2em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: left;
                letter-spacing: -.1em;
                line-height: 2em
            }

            #wrap .o_con ul .product.big .box50 .ds .str {
                color: #fff;
                font-size: 1em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: center;
                letter-spacing: -.1em
            }

        #wrap .o_con ul .product.big .box50 .w_line {
            width: 90%;
            height: 1px;
            background-color: #b4e2e0;
            margin: 5% 0 3% 0
        }

#wrap .o_con ul .count.big {
    position: relative;
    height: 2em;
    float: none;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

    #wrap .o_con ul .count.big .box51 {
        margin-top: 0
    }

        #wrap .o_con ul .count.big .box51 .inCnt {
            position: absolute;
            right: 5%;
            top: 15%;
            width: 20%
        }

    #wrap .o_con ul .count.big a img {
        width: 40%
    }

    #wrap .o_con ul .count.big p.amount {
        position: absolute;
        width: 30%;
        left: 0;
        top: 20%;
        color: #fff;
        font-size: 1.2em;
        letter-spacing: -.1em;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1em
    }

    #wrap .o_con ul .count.big p.pay {
        position: absolute;
        width: 50%;
        left: 26%;
        top: 20%;
        color: #fff;
        font-size: 1.2em;
        letter-spacing: -.1em;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1em
    }

    #wrap .o_con ul .count.big .h_line {
        width: 1px;
        height: 60%;
        position: absolute;
        top: 20%;
        left: 32.5%;
        background-color: #b4e2e0
    }

#wrap .o_con .btnBox2 {
    padding-bottom: 0
}

    #wrap .o_con .btnBox2.clear {
        margin-top: 2%;
        padding-bottom: 10%
    }

#wrap .o_con .m_btn {
    margin-top: 0;
    background-color: #85cfcc
}

    #wrap .o_con .m_btn .dash {
        position: relative;
        top: -9%
    }

    #wrap .o_con .m_btn.full {
        width: 96%;
        background-color: #327d7a
    }

    #wrap .o_con .m_btn.half {
        width: 45%;
        background-color: #327d7a
    }

        #wrap .o_con .m_btn.half:nth-child(1) {
            float: left
        }

        #wrap .o_con .m_btn.half:nth-child(2) {
            float: right
        }

#wrap .o_con > h1 {
    text-align: center;
    padding: 2% 0;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: -.1em;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.1em;
    background-color: #5da7a3
}

#wrap .o_con .dateFick {
    width: 100%;
    margin-top: 3%;
    position: relative
}

    #wrap .o_con .dateFick a img {
        width: 2em;
        margin-right: 2%
    }

    #wrap .o_con .dateFick input {
        color: #67b8b4;
        font-size: 1em;
        letter-spacing: -.1em;
        font-weight: 400;
        text-align: left;
        letter-spacing: -.1em;
        padding: 1% 2%;
        border: 1px solid #4f9794;
        background: #fff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -mox-box-sizing: border-box;
        width: 25%
    }

    #wrap .o_con .dateFick span {
        color: #67b8b4;
        font-size: 1em;
        letter-spacing: -.1em;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1em;
        margin: 0 2%
    }

    #wrap .o_con .dateFick a.btn20 {
        display: block;
        width: 20%;
        color: #fff;
        font-size: 1em;
        letter-spacing: -.1em;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1em;
        border: 1px solid none;
        background: #4f9794;
        position: absolute;
        right: 0;
        top: 8%;
        padding: 1% 0
    }

#wrap .o_con .tableBox {
    width: 90%;
    margin: 3% auto 0 auto
}

    #wrap .o_con .tableBox table {
        width: 100%;
        box-shadow: 2px 2px 2px #888
    }

        #wrap .o_con .tableBox table th {
            background-color: #67b8b4;
            color: #fff;
            font-size: 1em;
            font-weight: 700;
            text-align: center;
            letter-spacing: -.1em;
            padding: 1% 0;
            position: relative
        }

            #wrap .o_con .tableBox table th .h_line {
                width: 1px;
                height: 60%;
                position: absolute;
                top: 20%;
                left: 0;
                background-color: #fff
            }

        #wrap .o_con .tableBox table td {
            color: #67b8b4;
            font-size: 1em;
            letter-spacing: -.1em;
            font-weight: 400;
            text-align: center;
            letter-spacing: -.1em;
            padding: 2% 0
        }

            #wrap .o_con .tableBox table td a {
                display: block;
                width: 90%;
                height: 100%;
                background-color: #9bd7d5;
                color: #fff;
                font-size: 1em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: center;
                letter-spacing: -.1em;
                padding: 3% 0
            }

            #wrap .o_con .tableBox table td.state {
                color: #327d7a;
                font-size: 1em;
            }

            #wrap .o_con .tableBox table td a.cart {
                background-color: #327d7a
            }

            #wrap .o_con .tableBox table td.add {
                background-color: #67b8b4;
                padding: 0
            }

                #wrap .o_con .tableBox table td.add a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    color: #fff;
                    font-size: 1em;
                    letter-spacing: -.1em;
                    font-weight: 700;
                    text-align: center;
                    letter-spacing: -.1em;
                    background-color: #67b8b4
                }

                    #wrap .o_con .tableBox table td.add a img {
                        width: 1em;
                        margin-left: 5%
                    }

#wrap .o_con .btnBox3 {
    margin-top: 7%;
    padding-bottom: 10%;
    text-align: center
}

    #wrap .o_con .btnBox3.clear {
        margin-top: 4%;
    }

    #wrap .o_con .btnBox3 a {
        display: inline-block;
        margin: 0 auto;
        width: 30%;
        color: #fff;
        font-size: 1.2em;
        letter-spacing: -.1em;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1em;
        padding: 2% 0 2.5% 0;
        background-color: #327d7a
    }

        #wrap .o_con .btnBox3 a.fl {
            width: 15%;
        }

#wrap .o_con .shipping {
    text-align: center;
    margin: 10% 0
}

    #wrap .o_con .shipping img {
        width: 35%
    }

#wrap .o_con .tableBox.ship {
    width: 80%;
    padding-bottom: 30%
}

    #wrap .o_con .tableBox.ship table {
        width: 100%
    }

        #wrap .o_con .tableBox.ship table th {
            border: 1px solid #67b8b4;
            background: #84c5c2
        }

        #wrap .o_con .tableBox.ship table td {
            border: 1px solid #67b8b4;
            background: 0
        }

#wrap .w_deem {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5
}

#wrap .nav {
    position: absolute;
    width: 45%;
    left: -45%;
    top: 0
}

.setBox ul li {
    width: 33%;
    text-align: center;
    float: left;
    margin-bottom: 0 !important;
    vertical-align: bottom;
    overflow: hidden;
    padding-bottom: 7%
}

    .setBox ul li a img {
        vertical-align: bottom;
        position: relative
    }

.setBox ul {
    margin-bottom: 2%
}

    .setBox ul:nth-child(1) li img {
        width: 70%
    }

    .setBox ul:nth-child(1) li:nth-child(2) {
        width: 34%
    }

    .setBox ul:nth-child(2) li img {
        width: 70%
    }

    .setBox ul:nth-child(2) li:nth-child(2) {
        width: 34%
    }

.helpBox {
    width: 90%;
    margin: 5% auto 0 auto;
    padding-bottom: 7%
}

    .helpBox > dl {
        width: 100%;
        margin-bottom: 3%
    }

        .helpBox > dl dt {
            background-color: #67b8b4;
            position: relative;
            padding: 2%;
            color: #fff;
            font-size: 1em;
            letter-spacing: -.1em;
            font-weight: 700;
            text-align: left;
            letter-spacing: -.1em
        }

            .helpBox > dl dt a {
                display: block;
                width: 100%;
                height: 100%;
                color: #fff;
                font-size: 1em;
                letter-spacing: -.1em;
                font-weight: 700;
                text-align: left;
                letter-spacing: -.1em
            }

                .helpBox > dl dt a img {
                    width: 1em;
                    position: absolute;
                    right: 3%;
                    top: 35%
                }

            .helpBox > dl dt img {
                width: 1em;
                position: absolute;
                right: 3%;
                top: 35%
            }

        .helpBox > dl > dd {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -mox-box-sizing: border-box;
            border: 1px solid #6fb8b4;
            background: #fff;
            text-align: center;
            padding: 10% 2%;
            color: #67b8b4;
            font-size: 1em;
            letter-spacing: -.1em;
            font-weight: 400;
            text-align: center;
            letter-spacing: -.1em
        }

.clauseAgree1 h1, .clauseAgree1 h2 {
    font-weight: 700
}

.m_btn.better {
    background-color: #327d7a !important
}

.pb7 {
    padding-bottom: 7% !important
}

.clause {
    border: solid 1px #cdcdcd;
    width: 100%;
    padding-bottom: 15%;
    height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

#clauseAgree10 {
    padding: 20px 5% 0 5%;
}

.payBox {
    width: 94%;
    border-radius: 12px;
    background: #6fb8b4;
    padding: 3%;
    margin: 4% auto 0 auto;
}

    .payBox h2 {
        font-size: 1em;
        color: #fff;
        font-weight: bold;
    }

        .payBox h2.sb {
            margin: 5% 0 0 0;
        }

    .payBox .bank {
        width: 94%;
        border-radius: 12px;
        background: #fff;
        padding: 3%;
        margin: 2% auto;
    }

        .payBox .bank.txtBox {
            height: 3em;
        }

            .payBox .bank.txtBox textarea {
                border: none;
                background: transparent;
                color: #6fb8b4;
                font-size: 1em;
                width: 100%;
                height: 100%;
                resize: none;
            }

#wrap .payBox .bank table {
    box-shadow: none;
}

    #wrap .payBox .bank table th {
        background: none;
        color: #327d7a;
        text-align: left;
    }

    #wrap .payBox .bank table td {
        color: #6fb8b4;
        text-align: left;
    }

#wrap .payBox p {
    width: 94%;
    margin: 0 auto;
    line-height: 1.6em;
    font-size: 1em;
    color: #8aeae5;
}


/*0828 추가*/
#wrap p.white {
    color: #d0eae9;
}

#wrap .o_con .btnBox3 a.back {
    background: #6fb8b4;
    margin-left: 3%;
}

#wrap p.agree {
    font-size: 1em;
    color: #327d7a;
    margin: 5% 0 3% 0;
}

#wrap p.chk03 {
    position: relative;
}

    #wrap p.chk03 a img {
        width: 8%;
        vertical-align: top;
    }

        #wrap p.chk03 a img.chk03_on {
            position: absolute;
            left: 0;
            top: 0%;
        }

    #wrap p.chk03 a span.big {
        font-size: 1.6em;
        color: #6fb8b4;
        font-weight: bold;
        letter-spacing: -0.1em;
        vertical-align: bottom;
    }

    #wrap p.chk03 a span.small {
        font-size: 1em;
        color: #6fb8b4;
        letter-spacing: -0.1em;
        vertical-align: bottom;
    }

.pop {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

    .pop .dim {
        background: #000;
        opacity: 0.5;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .pop .allBg {
        background: #fff;
        border-radius: 20px;
        width: 50%;
        position: absolute;
        top: 20%;
        left: 25%;
    }

        .pop .allBg.mt0 {
            top: 5%;
        }

    .pop .topBg01 {
        background: #7accc8;
        border-radius: 20px 20px 0 0;
        width: 90%;
        position: relative;
        left: 0;
        top: 0;
        padding: 20px 5%
    }

    .pop .btnBox {
        padding: 30px 0;
    }

        .pop .btnBox a {
            display: inline-block;
            font-size: 1.3em;
            font-weight: bold;
            padding: 9px 0;
            text-align: center;
            width: 42.5%;
        }

        .pop .btnBox .btn01 {
            color: #fff;
            background: #7accc8; /* Old browsers */
            background: -moz-linear-gradient(top, #7accc8 0%, #50a09c 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7accc8), color-stop(100%,#50a09c)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #7accc8 0%,#50a09c 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #7accc8 0%,#50a09c 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #7accc8 0%,#50a09c 100%); /* IE10+ */
            background: linear-gradient(to bottom, #7accc8 0%,#50a09c 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7accc8', endColorstr='#50a09c',GradientType=0 ); /* IE6-9 */
            border-radius: 30px;
        }

            .pop .btnBox .btn01.small {
                font-size: 12px;
                width: 84px;
                border-radius: 15px;
                padding: 7px 5px;
            }

        .pop .btnBox .btn02 {
            color: #7accc8;
            border: 2px solid #7accc8;
            border-radius: 30px;
            padding: 7px 0;
        }

    .pop .btn02.small {
        font-size: 12px;
        width: 80px;
        border-radius: 15px;
        padding: 5px;
    }

.twoBtn {
    text-align: center;
}

    .twoBtn a:nth-child(1) {
        margin-right: 1%;
    }

.pop .topBg01 .txt01 h2 {
    text-align: center;
    font-size: 1.3em;
    color: #fff;
    padding: 0 10px;
    line-height: 5em;
    font-weight: bold;
    letter-spacing: -1px;
}

.pop .topBg01.white {
    background: #fff;
}


/*140905 고객센터 추가*/
.setBox ul li.cus {
    width: 50% !important;
}

    .setBox ul li.cus a img {
        width: 45%;
    }

/*140924 토탈 금액 추가*/
p.total {
    font-size: 1.2em;
    color: #327d7a;
    text-align: center;
    margin-top: 0.7em;
}


/*20141020 추가*/
.order_vieiw_pop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.b_deem {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}

.ov_pop {
    width: 94%;
    position: absolute;
    left: 3%;
    background: url(../images/bg.gif) repeat-y left top;
    top: 5%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
}

    .ov_pop h1 {
        text-align: center;
        padding: 5% 0;
    }

        .ov_pop h1 img {
            width: 30%;
        }

    .ov_pop .ov_con {
        background: #fff;
        color: #67b8b4;
        font-size: 1em;
        line-height: 2em;
        letter-spacing: -0.01em;
        border-radius: 0 0 15px 15px;
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        -o-border-radius: 0 0 15px 15px;
        -ms-border-radius: 0 0 15px 15px;
    }

        .ov_pop .ov_con ul {
            margin-bottom: 0.5em;
        }

        .ov_pop .ov_con li {
            float: left;
        }

            .ov_pop .ov_con li:nth-child(1) {
                float: left;
                margin-left: 5%;
            }

            .ov_pop .ov_con li:nth-child(2) {
                float: right;
                margin-right: 5%;
            }

.order_vieiw_pop .pro_list {
    background: #e6e6e6; /*height:8em;*/
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #fafafa;
}

    .order_vieiw_pop .pro_list dt {
        float: left;
        width: 50%;
        text-align: center;
    }

        .order_vieiw_pop .pro_list dt img {
            width: 30%; /*margin-top:1em;*/
            padding: 0.5em 0;
        }

    .order_vieiw_pop .pro_list dd {
        float: left;
        width: 50%;
    }

        .order_vieiw_pop .pro_list dd p {
            font-size: 1em;
            color: #828282;
            line-height: 1.2em;
            margin-top: 2.5em;
        }

            .order_vieiw_pop .pro_list dd p span {
                color: #327d7a;
            }

    .order_vieiw_pop .pro_list.fir {
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
    }

.order_vieiw_pop .result_box {
    height: 8em;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -o-border-radius: 0 0 15px 15px;
    -ms-border-radius: 0 0 15px 15px;
    background: #e6e6e6;
    border-top: 1px solid #fafafa;
    text-align: center;
}

    .order_vieiw_pop .result_box .total {
        font-size: 1em;
        font-weight: bold;
        color: #666666;
        line-height: 2em;
        padding-top: 1.5em;
    }

        .order_vieiw_pop .result_box .total span {
            display: inline-block;
            width: 50%;
            height: 2em;
            border: 1px solid #b6b6b6;
            background: #fff;
            border-radius: 30px;
            line-height: 2em;
        }

    .order_vieiw_pop .result_box .btnBox3 {
        margin-top: 1em;
    }

        .order_vieiw_pop .result_box .btnBox3 a {
            display: inline-block;
            margin: 0 auto;
            width: 30%;
            color: #fff;
            font-size: 1em;
            letter-spacing: -.1em;
            font-weight: 700;
            text-align: center;
            letter-spacing: -.1em;
            height: 2.5em;
            line-height: 2.2em;
        }

            .order_vieiw_pop .result_box .btnBox3 a:nth-child(1) {
                background-color: #67b8b4
            }

            .order_vieiw_pop .result_box .btnBox3 a:nth-child(2) {
                background-color: #327d7a
            }

.order_vieiw_pop .complete_box {
    width: 94%;
    position: absolute;
    left: 3%;
    top: 5%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    background: #7accc8;
    overflow: hidden;
}

    .order_vieiw_pop .complete_box .txt p {
        font-size: 1.2em;
        color: #fff;
        line-height: 1.6em;
        text-align: center;
        letter-spacing: -0.05em;
    }

    .order_vieiw_pop .complete_box .txt {
        padding-top: 2em;
    }

        .order_vieiw_pop .complete_box .txt p span {
            display: inline-block;
            color: #7accc8;
            background: #fff;
            line-height: 1.6em;
            height: 1.6em;
            padding: 0 0.5em;
        }

        .order_vieiw_pop .complete_box .txt ul {
            list-style-type: disc !important;
            margin-top: 1em;
        }

            .order_vieiw_pop .complete_box .txt ul li {
                color: #fff;
                font-size: 1.2em;
                text-align: center;
                list-style-type: disc !important;
                text-align: left;
                margin-left: 30%;
                letter-spacing: -0.05em;
            }

        .order_vieiw_pop .complete_box .txt .lst {
            margin-top: 1em;
            color: #fff;
            font-size: 1.5em;
        }

    .order_vieiw_pop .complete_box .btnBox5 {
        background: #fff;
        border-radius: 0 0 15px 15px;
        padding: 1em 0;
        text-align: center;
        margin-top: 1em;
    }

        .order_vieiw_pop .complete_box .btnBox5 a {
            color: #fff;
            display: inline-block;
            width: 30%;
            height: 2em;
            line-height: 1.8em;
            font-size: 1.2em;
            border-radius: 30px;
        }

            .order_vieiw_pop .complete_box .btnBox5 a:nth-child(1) {
                background: #7accc8;
                background: -moz-linear-gradient(top, #7accc8 0%, #50a09c 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7accc8), color-stop(100%,#50a09c));
                background: -webkit-linear-gradient(top, #7accc8 0%,#50a09c 100%);
                background: -o-linear-gradient(top, #7accc8 0%,#50a09c 100%);
                background: -ms-linear-gradient(top, #7accc8 0%,#50a09c 100%);
                background: linear-gradient(to bottom, #7accc8 0%,#50a09c 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7accc8', endColorstr='#50a09c',GradientType=0 );
            }

            .order_vieiw_pop .complete_box .btnBox5 a:nth-child(2) {
                color: #7accc8;
                border: 2px solid #7accc8;
                box-sizing: border-box;
            }

#wrap .alignBox .cBox .boxer .select.select1 {
    border-left: 1px solid #8cc6c3;
    color: #666666;
    box-sizing: border-box;
    min-height: 3em;
}

#wrap .alignBox .cBox .boxer .mt2 {
    margin-top: 2em;
}

#wrap .alignBox .cBox .boxer.boxer2 {
    padding: 2em 0;
}

    #wrap .alignBox .cBox .boxer.boxer2 h3 {
        text-align: center;
    }

.t_price {
    width: 100%;
    height: 2.5em;
    background: #e3e3e3;
    border-radius: 25px;
    border: 1px solid #bdbdbd;
    margin-top: 0.5em;
}

    .t_price p {
        font-size: 1em;
        line-height: 2.5em;
        font-weight: bold;
    }

        .t_price p:nth-child(1) {
            float: left;
            margin-left: 7%;
            color: #414141;
        }

        .t_price p:nth-child(2) {
            float: right;
            margin-right: 7%;
            color: #007c75;
        }

.pop .topBg01.bgNoRnd {
    border-radius: 0;
}

    .pop .topBg01.bgNoRnd p {
        text-align: center;
        color: #fff;
        font-size: 1.2em;
        line-height: 1.6em;
        letter-spacing: -0.1em;
    }

        .pop .topBg01.bgNoRnd p span {
            display: inline-block;
            padding-bottom: 0.05em;
            border-bottom: 1px solid #fff;
        }

.pop .topBg h2 {
    font-size: 1.3em;
    color: #7accc8;
    text-align: center;
    font-weight: bold;
}

.pop .topBg {
    padding: 30px 0;
}

.pop .btnBox {
    text-align: center;
}

.pop .allBg.notice {
    top: 5%;
}


/*150109 추가*/
#wrap .o_con .btnBox3_1 {
    padding-bottom: 0;
}

#wrap p.agree.agree1 {
    font-weight: bold;
    width: 95%;
    margin: 5% auto 3% auto;
}

#wrap p.chk03.chk03_1 {
    width: 95%;
    margin: 0 auto;
}



#wrap .tap.twoMenu ul li {
    width: 45%;
    float: left;
    height: 2.5em;
    margin: 0 2.5%
}


/*리스트 신상*/
#wrap .o_con ul .new_product {
    position: relative;
}

    #wrap .o_con ul .new_product .product.big {
        background: url(../images/new_bg_top.png) no-repeat left top;
        background-size: 100% 100%;
    }

    #wrap .o_con ul .new_product .count.big {
        background: url(../images/new_bg_bottom.png) no-repeat left top;
        background-size: 100% 100%;
    }

    #wrap .o_con ul .new_product .new_icon {
        position: absolute;
        width: 22%;
        right: -5%;
        top: -2%;
    }

/*
20151216 수정
*/
h2.tit {
    font-size: 1.5em;
    color: #327d7a;
    font-weight: bold;
    border-bottom: 1px solid #327d7a;
    padding-bottom: 2%;
}

.padding_con {
    padding: 5%;
}

.mt5p {
    margin-top: 5% !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.ml10px {
    margin-left: 10px !important;
}

.table_tit {
    font-size: 1.3em;
    color: #6fb8b4;
    margin-bottom: 2%;
    font-weight: bold;
}

.greenBox {
    background: #6fb8b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 3%;
    font-size: 1.2em;
    color: #fff;
}

    .greenBox input[type="radio"] {
        margin-left: 5px;
        vertical-align: middle;
        position: relative;
        top: 0.15em;
    }

    .greenBox label {
        display: inline-block;
        width: 25%;
        font-size: 1em;
        color: #fff;
        font-weight: bold;
        vertical-align: middle;
        line-height: 25px;
        letter-spacing: -2px;
    }

    .greenBox input[type=text] {
        border: 0;
        width: 45%;
        vertical-align: middle;
        padding: 0 5%;
        height: 25px;
        background: #fff;
        line-height: 25px;
        font-size: 1em;
        color: #9a9a9a;
    }

    .greenBox select {
        padding: 5px 10px;
        width: 25%;
        border: 0;
        background: #fff;
        color: #9a9a9a;
        font-size: 1em;
        vertical-align: middle;
    }

.table_info {
    padding-left: 4%;
    font-size: 0.9em;
    color: #414141;
    letter-spacing: -1px;
}

.point {
    color: #f00;
}

.greyBox {
    background: #e3e3e3;
    font-size: 1em;
    letter-spacing: -1px;
    padding: 3%;
    margin-top: 5%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

textarea.memo {
    width: 96%;
    border: 1px solid #327d7a;
    font-size: 1em;
    resize: none;
    padding: 2%;
}

.btnCenter {
    text-align: center;
    margin-top: 10%;
}

.greenBtn {
    display: inline-block;
    padding: 3% 10%;
    background: #327d7a;
    text-align: center;
    font-size: 1.3em;
    color: #fff;
    font-weight: bold;
}