@charset "euc-kr";textarea {
    font: 12px dotum,"µ¸¿ò",sans-serif;
    color: #000;
    border: 1px solid #ccc
}

input[type="text"]::-webkit-input-placeholder {
    color: #b5b5b5;
    font-size: 11px;
    padding-left: 10px
}

input[type="text"]:-moz-placeholder {
    color: #b5b5b5;
    font-size: 11px;
    padding-left: 10px
}

input[type="text"]::-moz-placeholder {
    color: #b5b5b5;
    font-size: 11px;
    padding-left: 10px
}

input[type="text"]:-ms-input-placeholder {
    color: #b5b5b5;
    font-size: 11px;
}

.rdo_label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    overflow: hidden
}

img {
    vertical-align: middle
}

.t_cen,.txt_c,.atc {
    text-align: center !important
}

.t_lft,.atl {
    text-align: left !important
}

.atr {
    text-align: right
}

.t_del {
    text-decoration: line-through !important
}

.att {
    vertical-align: top
}

.atm {
    vertical-align: middle
}

.atb {
    vertical-align: bottom
}

.ft_s {
    font-size: 11px;
    color: #9c9c9c
}

.f_or {
    color: #fa451d !important
}

.f_red {
    color: red !important
}

.f_red2 {
    color: #ec1821 !important
}

.f_blue {
    color: #00f !important
}

.f_green {
    color: #068009 !important
}

.f_black {
    color: #000 !important
}

.f_black2 {
    color: #282828 !important
}

.ft_n {
    font-size: 11px;
    font-weight: normal
}

.inline {
    display: inline-block;
    vertical-align: top;
    position: relative;
    zoom:1;*display: inline;
    _display: inline
}

.block {
    clear: both;
    display: block
}

.none {
    display: none
}

.blind {
    text-indent: -9999em;
    font-size: 0;
    height: 0;
    line-height: 0
}

.clr {
    *zoom:1;}

.clr:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0
}

.icp {
    background: url(//okst.okmall.com/OKOutdoor/PC/Mypage/icon_red_arrow.gif) 0 0 no-repeat
}

.scrollUI {
    height: 356px;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 1px solid #ddd
}

.topZero {
    top: 0 !important
}

.mR30 {
    margin: 0 30px 0 0
}

.ib {
    display: none
}

.ib.on {
    display: block
}

.tb {
    display: none
}

.tb.on {
    display: table-row
}

.pd_no {
    padding: 0 !important
}

.ip_s {
    width: 47px
}

.ip_b {
    width: 391px
}

.ip_m {
    width: 150px
}

.pos_R {
    position: relative
}

.tbl_bd th,.tbl_bd td {
    border: 1px solid #666
}

.tc_g th,.tc_g td {
    color: #a7a6a6
}

.tc_b th {
    background-color: #eafaff !important
}

.tc_e th {
    background-color: #ecffea !important
}

hr.popHR {
    height: 1px;
    margin-bottom: 20px;
    border: 0;
    border-bottom: 1px solid #cecece
}

.bt_no {
    border-top: 0 !important
}

.br_no {
    border-right: 0 !important
}

.bb_no {
    border-bottom: 0 !important
}

.bl_no {
    border-left: 0 !important
}

.f_emph {
    color: #ff4200 !important
}

.q_sbj {
    cursor: pointer
}

.bd_none {
    border: 0 !important
}

.bg_none {
    background: none !important
}

.mb10 {
    margin-bottom: 10px !important
}

.f11 {
    font-size: 11px !important;
    color: #999
}

.ft11 {
    font-size: 11px !important
}

.f12 {
    font-size: 12px !important
}

input.search_txt {
    height: 20px
}

.in_radio {
    margin-top: -3px
}

.sear .inp {
    vertical-align: top;
    margin-right: -10px
}

.btn_area_center {
    margin: 20px 0;
    text-align: center
}

.HiddenSel {
    margin-bottom: 10px
}

.slct_wrap select {
    height: 22px
}

.obtn {
    height: 21px;
    display: inline-block;
    background: none;
    border: 0;
    outline: 0;
    overflow: visible;
    zoom:1;*display: inline;
    _display: inline;
    vertical-align: top;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.obtn.base {
    vertical-align: top;
    padding: 3px 14px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    border-left: 1px solid #ccc;
    font-size: 12px !important;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    cursor: pointer;
    letter-spacing: -1px
}

.obtn.bigScale {
    height: 38px;
    padding: 6px 15px 6px 15px;
    *padding: 0 15px;
    font-size: 15px !important
}

.obtn.smallScale {
    height: 30px;
    padding: 6px 15px 6px 15px;
    *padding: 0 15px;
    font-size: 13px !important
}

.obtn.gray {
    background: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3');
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
    background: -moz-linear-gradient(top,#fff,#f3f3f3);
    background: -o-linear-gradient(top,#fff,#f3f3f3);
    background: -ms-linear-gradient(top,#fff,#f3f3f3)
}

.obtn.gray:hover {
    border: 1px solid #aaa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='#BCBCBC');
    background: -webkit-gradient(linear,left top,left bottom,from(white),to(#bcbcbc));
    background: -moz-linear-gradient(top,white,#bcbcbc);
    background: -o-linear-gradient(top,white,#bcbcbc);
    background: -ms-linear-gradient(top,white,#bcbcbc)
}

.obtn.blue {
    color: #fff;
    text-shadow: 1px 1px #146c88;
    border: 1px solid #1795bd;
    background: #42b9f1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B6E9F3',endColorstr='#3EA9DB');
    background: -webkit-gradient(linear,left top,left bottom,from(#b6e9f3),to(#3ea9db));
    background: -moz-linear-gradient(top,#b6e9f3,#3ea9db);
    background: -o-linear-gradient(top,#b6e9f3,#3ea9db);
    background: -ms-linear-gradient(top,#b6e9f3,#3ea9db)
}

.obtn.blue:hover {
    border: 1px solid #146c88;
    background: #42b9f1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CAF5FD',endColorstr='#0A7EB4');
    background: -webkit-gradient(linear,left top,left bottom,from(#caf5fd),to(#0a7eb4));
    background: -moz-linear-gradient(top,#caf5fd,#0a7eb4);
    background: -o-linear-gradient(top,#caf5fd,#0a7eb4);
    background: -ms-linear-gradient(top,#caf5fd,#0a7eb4)
}

.obtn.orange {
    color: #fff;
    text-shadow: 1px 1px #8d3b15;
    border: 1px solid #ce6b2a;
    background: #e96700;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD13F',endColorstr='#E96700');
    background: -webkit-gradient(linear,left top,left bottom,from(#ffd13f),to(#e96700));
    background: -moz-linear-gradient(top,#ffd13f,#e96700);
    background: -o-linear-gradient(top,#ffd13f,#e96700);
    background: -ms-linear-gradient(top,#ffd13f,#e96700)
}

.obtn.orange:hover {
    background: #fa7409;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB00A',endColorstr='#FA7409');
    background: -webkit-gradient(linear,left top,left bottom,from(#ffb00a),to(#fa7409));
    background: -moz-linear-gradient(top,#ffb00a,#fa7409);
    background: -o-linear-gradient(top,#ffb00a,#fa7409);
    background: -ms-linear-gradient(top,#ffb00a,#fa7409)
}

.obtn.dark {
    color: #fff;
    text-shadow: 1px 1px #000;
    border: 1px solid #000;
    background: #3a3a3a;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADADAD',endColorstr='#3A3A3A');
    background: -webkit-gradient(linear,left top,left bottom,from(#adadad),to(#3a3a3a));
    background: -moz-linear-gradient(top,#adadad,#3a3a3a);
    background: -o-linear-gradient(top,#adadad,#3a3a3a);
    background: -ms-linear-gradient(top,#adadad,#3a3a3a)
}

.obtn.dark:hover {
    border: 1px solid #000;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A3A3A',endColorstr='#000000');
    background: -webkit-gradient(linear,left top,left bottom,from(#3a3a3a),to(#000));
    background: -moz-linear-gradient(top,#3a3a3a,#000);
    background: -o-linear-gradient(top,#3a3a3a,#000);
    background: -ms-linear-gradient(top,#3a3a3a,#000)
}

.obtn.green {
    color: #fff;
    text-shadow: 1px 1px #0d360b;
    border: 1px solid #2e8d3a;
    background: #4d9741;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99E996',endColorstr='#4D9741');
    background: -webkit-gradient(linear,left top,left bottom,from(#99e996),to(#4d9741));
    background: -moz-linear-gradient(top,#99e996,#4d9741);
    background: -o-linear-gradient(top,#99e996,#4d9741);
    background: -ms-linear-gradient(top,#99e996,#4d9741)
}

.obtn.green:hover {
    border: 1px solid #2e8d3a;
    background: #135808;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99E996',endColorstr='#135808');
    background: -webkit-gradient(linear,left top,left bottom,from(#99e996),to(#135808));
    background: -moz-linear-gradient(top,#99e996,#135808);
    background: -o-linear-gradient(top,#99e996,#135808);
    background: -ms-linear-gradient(top,#99e996,#135808)
}

.obtn.off,.obtn.off:hover {
    color: #a4a4a4
}

.obtn.help {
    position: relative;
    top: 2px;
    left: 0;
    background: url('//okst.okmall.com/OKmall/PC/Common/Icons/ico_help.png') 0 0 no-repeat;
    width: 13px;
    height: 13px;
    cursor: pointer
}

.mbtn {
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    height: 40px;
    color: #fff;
    font-size: 15px;
    padding: 0 26px;
    background: #ff4200;
    border: 0
}

.mbtn2 {
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    height: 32px;
    color: #ff4200;
    font-size: 15px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #ff4200
}

.mbtn3 {
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    height: 40px;
    color: #fff;
    font-size: 15px;
    padding: 0 26px;
    background: #969696;
    border: 0
}

.arr_btn {
    padding: 5px 16px 1px 7px;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    border: 1px solid #898989;
    font-size: 11px;
    color: #656565;
    font-weight: normal;
    letter-spacing: -1px;
    background: #fff;
    position: relative;
    font-family: dotum,"µ¸¿ò";
    vertical-align: middle
}

.arr_btn:after {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -640px -420px no-repeat;
    content: '';
    position: absolute;
    right: 6px;
    top: 4px;
    width: 5px;
    height: 9px
}

.btn_base {
    padding: 5px 12px 1px;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    border: 1px solid #898989;
    font-size: 11px;
    color: #6e6e6e;
    font-weight: normal;
    background: #fff;
    position: relative;
    font-family: dotum,"µ¸¿ò";
    vertical-align: middle
}

.l_popup {
    position: absolute;
    width: 586px;
    padding: 0 16px 14px;
    letter-spacing: -1px;
    z-index: 10;
    border: 1px solid #000;
    background: #fff;
    line-height: 1.5;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.l_popup .btn_close {
    position: absolute;
    top: 11px;
    right: 11px;
    width: 23px;
    height: 23px;
    background: url('//okst.okmall.com/OKmall/PC/Common/Icons/ic_clse.png') 0 0 no-repeat;
    text-indent: -999px;
    overflow: hidden
}

.l_popup .layer_tit {
    height: 47px;
    line-height: 47px;
    font-size: 17px;
    color: #363636;
    font-weight: bold;
    border-bottom: 2px solid #3f3f3f;
    margin-bottom: 15px;
    text-align: center
}

.l_popup .l_tab:after {
    content: '';
    display: block;
    clear: both
}

.l_popup .l_tab li {
    width: 50%;
    float: left
}

.l_popup .l_tab li a {
    display: block;
    border: 1px solid #c8c8c8;
    border-left: 0;
    background: #f0f0f0;
    height: 43px;
    line-height: 45px;
    font-size: 15px;
    color: #0e0e0e;
    text-align: center;
    font-weight: bold
}

.l_popup .l_tab li:first-child a {
    border-left: 1px solid #c8c8c8
}

.l_popup .l_tab li.on a {
    background: #fff;
    border-bottom-color: #fff
}

.l_popup .l_tab_cont {
    border: 1px solid #c8c8c8;
    border-top: 0;
    padding: 0 14px 14px;
    text-align: left;
    font-size: 12px;
    color: #626262;
    line-height: 1.7;
    font-family: dotum,"µ¸¿ò",sans-serif
}

.l_popup .l_tab_cont .tit_sm {
    color: #2c2c2c;
    padding-top: 13px;
    font-weight: bold
}

.l_popup .l_tab_cont .tit_lg {
    color: #2c2c2c;
    font-size: 15px;
    font-weight: bold;
    padding-top: 15px
}

.l_popup .l_tab_cont .txt_blt {
    color: #626262;
    padding-left: 10px;
    position: relative
}

.l_popup .l_tab_cont .txt_blt:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0
}

.l_popup .l_tab_cont .txt_gr {
    color: #9a9999
}

.l_popup .l_tab_cont .img_ex {
    text-align: center;
    padding-bottom: 5px;
	width:467px;
}
.l_popup .l_tab_cont .img_ex img{width:100%}

.l_popup .btn_wrap {
    text-align: center;
    padding-top: 6px;
    margin-bottom: 8px
}

.l_popup .btn_clse_lg {
    width: 110px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #787878;
    display: inline-block;
    line-height: 38px
}

.l_popup .scrl_cont_wrap {
    overflow: auto;
    height: 480px;
    margin: 0 -14px -14px 0;
    padding: 7px 0
}

.l_popup .refund_noti {
    font-weight: bold;
    color: #2c2c2c;
    font-size: 16px;
    margin: 0 16px 16px
}

.l_popup .refund_noti2 {
    font-size: 12px;
    color: #626262;
    font-family: 'µ¸¿ò',dotum;
    margin: 0 16px 16px
}

.myp_btn,.myp_ico {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') 0 0 no-repeat;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    cursor: pointer
}

.myp_btn.txt_all_view {
    width: 103px;
    height: 22px;
    background-position: -220px -40px
}

.myp_btn.txt_no_member {
    width: 133px;
    height: 22px;
    background-position: 0 0
}

.myp_btn.txt_faq {
    width: 133px;
    height: 22px;
    background-position: -220px 0
}

.myp_btn.txt_write {
    width: 71px;
    height: 22px;
    background-position: -140px 0
}

.myp_btn.txt_clse {
    width: 109px;
    height: 32px;
    background-position: -140px -280px
}

.myp_btn.txt_cncl {
    width: 67px;
    height: 25px;
    background-position: -220px -80px
}

.myp_btn.txt_reg {
    width: 67px;
    height: 25px;
    background-position: -140px -40px
}

.myp_btn.txt_reg2 {
    width: 70px;
    height: 22px;
    background-position: -140px -80px
}

.myp_btn.txt_slct {
    width: 78px;
    height: 22px;
    background-position: 0 -120px;
    vertical-align: middle
}

.myp_btn.txt_reslct {
    width: 78px;
    height: 22px;
    background-position: 0 -80px;
    vertical-align: middle
}

.myp_btn.txt_prd_slct {
    width: 43px;
    height: 22px;
    background-position: -80px -80px;
    margin: 0 5px 0 10px
}

.myp_btn.txt_prd_slct2 {
    width: 109px;
    height: 32px;
    background-position: -140px -160px
}

.myp_btn.txt_qna_reg2 {
    width: 109px;
    height: 32px;
    background-position: -260px -160px
}

.myp_btn.txt_refund {
    width: 118px;
    height: 21px;
    background-position: 0 -160px
}

.myp_btn.txt_adrs_mod {
    width: 118px;
    height: 21px;
    background-position: 0 -200px
}

.myp_btn.txt_adrs_mod.off {
    width: 118px;
    height: 21px;
    background-position: 0 -320px
}

.myp_btn.txt_odr_cncl {
    width: 118px;
    height: 21px;
    background-position: 0 -240px
}

.myp_btn.txt_odr_cncl2 {
    width: 90px;
    height: 30px;
    background-position: -280px -120px
}

.myp_btn.txt_odr_cncl3 {
    width: 86px;
    height: 20px;
    background-position: 0 -600px
}

.myp_btn.txt_odr_cncl3.off {
    background-position: -100px -600px
}

.myp_btn.txt_qna {
    width: 118px;
    height: 21px;
    background-position: 0 -280px
}

.myp_btn.txt_pr60 {
    width: 60px;
    height: 26px;
    background-position: -140px -240px
}

.myp_btn.txt_pr120 {
    width: 60px;
    height: 26px;
    background-position: -204px -240px
}

.myp_btn.txt_pr180 {
    width: 60px;
    height: 26px;
    background-position: -268px -240px
}

.myp_btn.txt_pr60.on {
    width: 60px;
    height: 26px;
    background-position: -140px -200px
}

.myp_btn.txt_pr120.on {
    width: 60px;
    height: 26px;
    background-position: -204px -200px
}

.myp_btn.txt_pr180.on {
    width: 60px;
    height: 26px;
    background-position: -268px -200px
}

.myp_btn.txt_calendar {
    width: 20px;
    height: 20px;
    background-position: -580px -420px
}

.myp_btn.txt_inqry {
    width: 70px;
    height: 26px;
    vertical-align: middle;
	outline:none;
	border:none
}

.myp_btn.txt_buy_lst {
    width: 214px;
    height: 30px;
    background-position: 0 -420px
}

.myp_btn.txt_order_lst {
    width: 214px;
    height: 30px;
    background-position: 0 -460px
}

.myp_btn.txt_card_reg {
    width: 122px;
    height: 22px;
    background-position: -140px -320px
}

.myp_btn.txt_go_main {
    width: 122px;
    height: 22px;
    background-position: -268px -320px
}

.myp_btn.txt_all_order {
    width: 102px;
    height: 22px;
    background-position: -240px -360px
}

.myp_btn.txt_all_slct {
    width: 77px;
    height: 22px;
    background-position: 0 -360px
}

.myp_btn.txt_all_del {
    width: 77px;
    height: 22px;
    background-position: -80px -360px
}

.myp_btn.txt_slct_del {
    width: 77px;
    height: 22px;
    background-position: -160px -360px
}

.myp_btn.txt_enter {
    width: 90px;
    height: 30px;
    background-position: -240px -400px
}

.myp_btn.txt_enter2 {
    width: 405px;
    height: 36px;
    background-position: 0 -500px
}

.myp_btn.txt_order {
    width: 70px;
    height: 20px;
    background-position: -80px -400px
}

.myp_btn.txt_cart {
    width: 70px;
    height: 20px;
    background-position: -160px -400px
}

.myp_btn.txt_del {
    width: 70px;
    height: 20px;
    background-position: 0 -400px
}

.myp_btn.txt_out {
    width: 122px;
    height: 22px;
    background-position: -280px -540px
}

.myp_btn.txt_personal_info {
    width: 68px;
    height: 16px;
    background-position: -240px -440px
}

.myp_btn.txt_qs {
    width: 21px;
    height: 21px;
    background-position: -340px -420px;
    vertical-align: middle
}

.myp_btn.txt_qs_s {
    width: 13px;
    height: 13px;
    background-position: -360px -360px;
    vertical-align: middle
}

.myp_btn.txt_payment {
    width: 86px;
    height: 20px;
    background-position: 0 -580px;
    vertical-align: middle
}

.myp_btn.txt_payment.off {
    background-position: -100px -580px
}

.myp_btn.bbs_write1 {
    width: 190px;
    height: 38px;
    background-position: 0 -640px
}

.myp_btn.bbs_write2 {
    width: 190px;
    height: 38px;
    background-position: -200px -640px
}

.myp_btn.txt_out_cncl {
    width: 90px;
    height: 30px;
    background-position: -200px -580px
}

.myp_btn.txt_out2 {
    width: 90px;
    height: 30px;
    background-position: -300px -580px
}

.myp_btn.txt_delivery {
    width: 74px;
    height: 21px;
    background-position: -220px -460px
}

.myp_btn.txt_receipt {
    width: 118px;
    height: 21px;
    background-position: -300px -460px
}

.myp_btn.txt_help {
    width: 14px;
    height: 14px;
    background-position: -340px -400px;
    vertical-align: middle
}

.myp_btn.txt_help2 {
    width: 13px;
    height: 13px;
    background-position: -360px -400px;
    vertical-align: middle
}

.myp_btn.point_go {
    width: 134px;
    height: 30px;
    background-position: -420px -500px
}

.myp_btn.txt_cncl2 {
    width: 122px;
    height: 22px;
    background-position: 0 -540px
}

.myp_btn.txt_info_mod {
    width: 122px;
    height: 22px;
    background-position: -140px -540px
}

.button_cncl {
    width: 150px;
    height: 38px;
    background: #787878;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    border: 0
}

.button_mod {
    width: 150px;
    height: 38px;
    background: #ff4200;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    border: 0
}

.myp_ico.txt_soldout {
    width: 55px;
    height: 20px;
    background-position: -620px -380px;
    vertical-align: middle
}

.myp_ico.txt_zoom {
    width: 17px;
    height: 17px;
    background-position: -620px -420px;
    vertical-align: middle
}

.myp_tit {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_tit.png?20180813') 0 0 no-repeat;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden
}

.myp_tit.m1 {
    width: 145px;
    height: 24px;
    background-position: 0 -40px
}

.myp_tit.m2 {
    width: 145px;
    height: 24px;
    background-position: 0 -80px
}

.myp_tit.m3 {
    width: 75px;
    height: 24px;
    background-position: 0 -120px
}

.myp_tit.m4 {
    width: 173px;
    height: 24px;
    background-position: 0 -160px
}

.myp_tit.m5 {
    width: 222px;
    height: 24px;
    background-position: 0 -200px
}

.myp_tit.m6 {
    width: 122px;
    height: 24px;
    background-position: 0 -240px
}

.myp_tit.m7 {
    width: 248px;
    height: 24px;
    background-position: 0 -280px
}

.myp_tit.m9 {
    width: 130px;
    height: 24px;
    background-position: 0 -320px
}

.myp_tit.m14 {
    width: 90px;
    height: 24px;
    background-position: 0 -360px
}

.myp_tit.m15 {
    width: 180px;
    height: 24px;
    background-position: 0 -400px
}

.myp_tit.m16 {
    width: 180px;
    height: 24px;
    background-position: 0 -440px
}

.myp_tit.myokmall {
    width: 203px;
    height: 24px
}

.myp_txt {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_txt.png') 0 0 no-repeat;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0
}

.myp_txt.txt_security {
    width: 526px;
    height: 17px;
    background-position: 0 0
}

.myp_txt.txt_shop {
    width: 795px;
    height: 55px;
    background-position: 0 -20px
}

h4 span.mybuyde_tttxt {
    padding-left: 24px;
    font-size: .95em;
    font-weight: normal;
    color: #777;
    background: url(//okst.okmall.com/MyPage/20120320/mypg_bl_09.gif) no-repeat 13px 7px
}

div.mybuyde_daehan {
    margin: 7px 0 50px;
    padding: 21px 16px 15px 19px;
    border: 1px solid #ddd;
    font-size: .95em;
    color: #777
}

div.mybuyde_daehan div {
    padding-top: 10px;
    height: 31px;
    text-align: center;
    background: #eee
}

div.mybuyde_daehan div img {
    vertical-align: middle
}

div.mybuyde_daehan ul li {
    margin-top: 15px;
    padding-left: 8px;
    line-height: 1.25em;
    color: #999;
    background: url(//okst.okmall.com/MyPage/20120320/mypg_bl_01.gif) no-repeat 0 4px
}

div.mybuyde_daehan div input.mydaehan_inpttxt {
    height: 18px;
    margin: 0 12px 0 7px;
    border: 1px solid #ccc
}

.accrue_popup {
    position: absolute;
    left: 50%;
    top: 440px;
    margin: 45px 0 0 -142px;
    z-index: 999
}

.add30per .add30per_is {
    position: relative
}

.add30per .add30per_is .layer_add30per {
    display: none;
    position: absolute;
    right: 237px;
    top: 172px
}

.add30per .add30per_is .layer_add30per.on {
    display: block
}

div.detailwrap {
    width: 786px;
    padding: 2px;
    background: url(//okst.okmall.com/MyPage/20120320/mypg_04_detalbg.gif) repeat-x left top
}

div.detail {
    padding: 18px 30px 0;
    background-color: #fff
}

div.detail div {
    height: 168px;
    margin: 29px 0 25px
}

div.detail div img,div.detail div span {
    float: left
}

div.detail div span {
    padding: 64px 0 0 12px
}

div.detail div p.ptxt1 {
    float: right;
    width: 463px;
    padding: 21px 0 27px 20px;
    border: 1px solid #ccc;
    background-color: #f5f5f5
}

div.detail div p.ptxt1 img:first-child {
    padding-bottom: 24px
}

div.detail p.endptxt {
    padding-top: 24px;
    border-top: 1px dashed #ccc
}

div.detail table {
    text-align: center;
    color: #555
}

div.detail div.detailbt {
    height: 86px;
    margin: 0;
    padding: 18px 0 19px 0;
    text-align: top
}

div.detail table th {
    padding: 9px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    background-color: #eee
}

div.detail table td {
    padding: 14px 0;
    border-bottom: 1px solid #ddd
}

div.detail table th:first-child,div.detail table td:first-child {
    text-align: left;
    font-weight: bold;
    padding-left: 26px
}

div.detail table td:first-child {
    color: #fa451d
}

div.detailwrap2 {
    width: 963px;
    padding: 2px;
    background: url(//okst.okmall.com/MyPage/20120320/mypg_04_detalbg.gif) repeat-x left top
}

div.detail2 {
    padding: 18px 30px 0;
    background-color: #fff
}

div.detail2 ul.ultxt1 {
    margin: 19px 0 16px
}

div.detail2 ul.ultxt1 li:first-child {
    padding-bottom: 12px
}

div.detail2 p {
    font-size: .9em;
    color: #999;
    padding: 11px 0 28px 15px
}

div.detail2 span.spantxt1 {
    color: #c30109
}

div.detail2 .spantxt3 {
    color: #fa451d
}

div.detail2 table {
    text-align: left
}

div.detail2 table th {
    color: #555;
    padding: 11px 0 11px 30px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #eee
}

div.detail2 table td {
    color: #777;
    padding-left: 30px;
    border-bottom: 1px solid #ddd
}

div.detail2 table tr:first-child th,div.detail2 table tr:first-child td {
    border-top: 1px solid #ccc
}

div.detail2 div.deoneveiw {
    position: relative;
    width: 900px;
    height: 318px;
    margin-top: 10px;
    padding-bottom: 20px;
    background: url(//okst.okmall.com/MyPage/20120320/mypg_04_detail11.gif) repeat-x left top
}

div.detail2 div.deoneveiw dl {
    color: #555
}

div.detail2 div.deoneveiw dl dt {
    font-weight: bold;
    padding-bottom: 21px
}

div.detail2 div.deoneveiw dl dd {
    padding-bottom: 10px
}

div.detail2 div.deoneveiw dl.deone1 {
    position: absolute;
    left: 17px;
    top: 60px
}

div.detail2 div.deoneveiw dl.deone2 {
    position: absolute;
    left: 305px;
    top: 60px
}

div.detail2 div.deoneveiw dl.deone3 {
    position: absolute;
    left: 17px;
    top: 210px
}

div.detail2 div.deoneveiw dl.deone4 {
    position: absolute;
    left: 480px;
    top: 110px
}

div.detail2 div.deoneveiw ul.ultxt2 {
    position: absolute;
    right: 14px;
    top: 18px
}

div.detail2 div.deoneveiw ul.ultxt2 li {
    display: block;
    height: 32px;
    padding-left: 7px;
    margin-bottom: 19px;
    #margin-bottom:17px;font-weight: bold;
    color: #555;
    background: url(//okst.okmall.com/MyPage/20120320/mypg_bl_08.gif) no-repeat 0 3px
}

div.detail2 div.deoneveiw ul.ultxt2 li span {
    display: block;
    padding-top: 1px
}

#wide_content p.write {
    margin: 0 0 30px;
    padding-top: 20px;
    border-top: 1px solid #ff8e75
}

ul.mymemout_tab .over {
    position: relative;
    font-weight: bold;
    border: 1px solid #ff8e75;
    border-bottom: 0;
    padding: 10px 20px 11px;
    z-index: 99;
    *padding: 8px 20px 1px;
    background: #fff
}

ul.mymemout_tab .off {
    font-weight: bold;
    color: #555;
    background: #eee;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ff8e75;
    padding: 10px 35px 10px;
    *padding: 8px 35px 0;
}

p.mymemout_txt2 {
    float: left;
    font-weight: bold;
    color: #777;
    border-bottom: 1px solid #ff8e75;
    padding: 2px 0 11px 20px;
    margin-left: -27px;
    *padding: 0 46px 6px 20px;
}

ul.mymemout_tab .over a {
    color: #fa451d
}

.myp_pop_wrap {
    margin: 0 auto;
    width: 700px;
    color: #555;
    line-height: 1.6em
}

.myp_pop_wrap h1 {
    padding: 18px 0 17px 30px;
    background: url("//okst.okmall.com/MyPage/20120320/mypg_pop_titlebg.gif") repeat-x left top
}

.myp_pop_content {
    padding: 28px 30px 0 30px
}

.myp_pop_content h2 {
    font-size: 14px
}

.b_number {
    font-weight: bold
}

.num_01 {
    padding-bottom: 11px
}

.special_taste {
    font-size: 12px
}

.user_change {
    position: relative;
    margin-top: 13px;
    height: 342px;
    border: 2px solid #ccc;
    background-color: #f8f8f8;
    line-height: 18px
}

.img_line {
    text-align: center
}

.img_table {
    padding-top: 30px
}

.red_arrow {
    position: absolute;
    top: 62px;
    left: 302px
}

.txt_userinfo {
    padding: 24px 0 0 72px
}

.sm_txt {
    font-size: 11px
}

.gray_txt {
    color: #777
}

.gray_txt2 {
    color: #999;
    padding: 0 0 0 12px;
    display: inline-block
}

.r_txt {
    color: #c30109;
    font-size: 11px
}

.r_txt2 {
    color: #c30109
}

.user_info {
    padding-top: 15px
}

.num_03 {
    padding: 20px 0 18px 0;
    vertical-align: middle
}

.real_name {
    vertical-align: top
}

.caution_txt {
    margin-top: 13px;
    padding-left: 12px;
    background: url(//okst.okmall.com/MyPage/20120320/mypg_pop_barbg.gif) no-repeat 0 9px
}

.system_view {
    padding: 3px 0 0 12px
}

.last_line {
    padding-bottom: 38px
}

.black {
    background: #000
}

.black #wrap {
    width: 800px;
    height: 645px;
    position: relative;
    padding-bottom: 20px;
    background: #fff
}

.answer {
    position: relative;
    border: 10px solid #08975e;
    padding: 40px 60px 0 40px;
    margin: -10px 20px 50px;
    #margin:-20px 20px 50px;font-size: 12px;
    font-weight: bold;
    color: #777;
    z-index: 100
}

.answer dl {
    padding-bottom: 20px
}

.answer dt {
    color: #555;
    margin-bottom: 10px
}

.answer dd {
    margin-left: 0;
    padding-left: 10px;
    padding-bottom: 7px;
    line-height: 18px;
    background: url("//okst.okmall.com/Event/guerrilla/20120320/blt_replydelay1.gif") no-repeat 0 5px
}

.answer .accept {
    margin-left: 10px;
    background: url("//okst.okmall.com/Event/guerrilla/20120320/blt_replydelay2.gif") no-repeat 3px 3px
}

.answer span {
    color: #e22900;
    padding-left: 5px
}

.close {
    float: right;
    position: relative;
    padding-right: 20px;
    top: -30px;
    #top:-40px}

.close img {
    border: 0
}

.birthdayevent_method {
    margin-top: -20px
}

.birthdayevent_method a {
    position: relative;
    top: 187px;
    left: 265px
}

.birthdayevent_reading {
    margin-top: -20px
}

.birthdayevent_reading a {
    position: relative;
    top: 130px;
    left: 750px
}

.pointsale_ex2 {
    margin-top: -20px
}

.pointsale_ex2 a {
    position: relative;
    top: 560px;
    left: 420px
}

.pointsale_ex3 {
    margin-top: -20px
}

.pointsale_ex3 a {
    position: relative;
    top: 143px;
    left: 340px
}

#wrap_popup {
    width: 800px;
    height: 614px;
    position: relative;
    padding-bottom: 20px;
    background: #fff
}

.donation {
    position: relative;
    top: 20px;
    border: 1px solid #cecece;
    padding: 20px;
    #padding:0 20px 10px;padding-bottom: 20px;
    margin: 20px;
    #margin:0 20px;font-size: 12px;
    font-weight: bold;
    color: #777;
    background-color: #f2f2f2
}

.donation h1 {
    background-color: #00946c;
    color: #fff;
    font-size: 16px;
    padding: 10px 0 10px 10px
}

.donation dl {
    background-color: #fff;
    padding: 20px 0 20px 30px
}

.donation dt {
    color: #f33;
    font-size: 16px;
    margin-bottom: 5px
}

.donation dd {
    margin: 0 0 0 10px;
    word-spacing: -3px;
    line-height: 20px
}

.donation p {
    margin: -19px 0 0 19px;
    line-height: 20px
}

.donation p.line {
    background: url("//okst.okmall.com/Event/guerrilla/20120320/blt_replydelay1.gif") no-repeat 0 5px;
    margin: 30px 10px 20px 10px;
    padding-left: 10px;
    line-height: 20px
}

.donation ul {
    background-color: #fff;
    padding: 15px 0 15px 30px;
    #margin-left:0}

.donation li {
    color: #00946c;
    list-style: none;
    line-height: 20px
}

#wrap_popup .close {
    float: right;
    position: relative;
    top: 10px;
    #top:30px}

.event {
    background: url("//okst.okmall.com/Event/guerrilla/20120320/bg_gibu100won.gif") no-repeat 0 0;
    height: 830px;
    width: 990px;
    padding: 70px 70px 50px
}

.event h1 {
    margin-bottom: 30px
}

.event .header {
    font-weight: bold;
    font-size: 16px;
    color: #fffa00
}

.event .header1 {
    font-weight: bold;
    font-size: 16px;
    color: #fffa00;
    margin-bottom: 10px
}

.event .header2 {
    font-weight: bold;
    font-size: 12px;
    color: #f0efef;
    line-height: 17px
}

.event .header3 {
    font-weight: bold;
    font-size: 12px;
    color: #f0efef;
    letter-spacing: -1px;
    line-height: 17px
}

.event .number {
    margin: 60px;
    padding-left: 120px
}

.event .number .now {
    color: #fff;
    margin: 50px 0 0 -110px;
    padding: 0;
    font-weight: bold
}

.event .number .now dt {
    color: #fff;
    font-size: 14px
}

.event .number .now .won {
    font-size: 14px;
    color: #f66;
    margin: 15px 20px 5px 270px
}

.event .number .now .case {
    border-bottom: 1px solid #fff;
    font-size: 14px;
    margin-right: 540px;
    padding-left: 220px;
    padding-bottom: 5px
}

.event .number .now .sum {
    color: #fff;
    font-size: 14px;
    padding-left: 170px;
    padding-top: 10px
}

.event .number .now span {
    color: #ff6;
    font-size: 24px
}

.event .number .today {
    color: #fff;
    margin: -112px 0 0 270px;
    padding: 0;
    font-weight: bold
}

.event .number .today dt {
    color: #fff;
    font-size: 14px
}

.event .number .today .won {
    font-size: 14px;
    color: #f66;
    margin: 15px 20px 5px 270px
}

.event .number .today .case {
    border-bottom: 1px solid #fff;
    font-size: 14px;
    margin-right: 160px;
    padding-left: 200px;
    padding-bottom: 5px
}

.event .number .today .sum {
    color: #fff;
    font-size: 14px;
    padding-left: 160px;
    padding-top: 10px
}

.event .number .today span {
    color: #ff6;
    font-size: 24px
}

.event .number p {
    font-weight: bold;
    color: #777;
    border-bottom: 1px dashed #999;
    margin: 30px 130px 0 -120px;
    padding-bottom: 20px;
    padding-left: 250px
}

.event .number .move dt {
    font-weight: bold;
    color: #555;
    font-size: 16px;
    margin: 20px 0 20px -115px
}

.event .number .move dd {
    background: url("//okst.okmall.com/Event/guerrilla/20120320/blt_heart.gif") no-repeat 0 3px;
    padding-left: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #777;
    font-size: 14px;
    margin-left: -110px
}

.event .number .detail {
    display: inline-block;
    margin-top: 5px;
    margin-left: -20px
}

.security {
    margin-top: 20px;
    margin-bottom: 50px
}

.security a {
    float: right;
    position: relative;
    bottom: 75px;
    right: 50px
}

#history {
    margin-left: 185px
}

#history .record h4 {
    margin-top: 40px
}

#history ul {
    margin-top: 30px;
    margin-left: 20px
}

#history li {
    font-weight: bold;
    font-size: 12px;
    color: #555;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 5px;
    background: url("//okst.okmall.com/imsi/blt_history.gif") no-repeat 0 15px
}

#history li .over {
    color: #ff5a00
}

#history li .off {
    color: #555
}

#history li .off2 {
    color: #828282
}

#history li img {
    padding-left: 4px
}

#history .record dl {
    margin: 20px 0 10px 30px;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    width: 775px
}

#history .record dt {
    float: left
}

#history .record dd {
    float: left;
    margin-left: 30px
}

#history .drama {
    float: left;
    margin-left: 15px;
    margin-bottom: 40px
}

#history .drama .no {
    background: none;
    margin-top: 10px;
    margin-left: -15px
}

.eventing {
    float: left;
    margin-bottom: 40px
}

.eventing ul:after {
    content: "";
    display: block;
    clear: both
}

.eventing span a {
    right: 0;
    top: 0;
    float: left
}

.eventing li {
    float: left;
    width: 495px;
    height: 150px;
    *height: 167px;
}

.eventing a {
    float: right;
    position: relative;
    right: 22px;
    top: -30px;
    *margin-top: -10px;
}

.eventing li {
    #float:left;#margin-right:0;#margin-bottom:-16px}

.eventing a {
    #float:left;#position:relative;#top:-30px;#left:400px}

.eventing .evt_bn a {
    float: left !important;
    right: 0;
    top: 0 !important;
    *margin: 0;
    *left: 0 !important;
}

.add30per .reading a {
    float: right;
    position: relative;
    top: -108px;
    right: 170px
}

.revise {
    border: 1px solid #e3e2e2;
    padding: 20px;
    line-height: 20px;
    color: #525252
}

.revise dt {
    float: left;
    width: 80px
}

.agree14 {
    margin-left: 10px
}

.agree_popup {
    position: absolute;
    top: 324px;
    left: 760px;
    width: 430px;
    height: 140px;
    border: 1px solid #ddd;
    background-color: #EEE
}

.agree_popup dt {
    float: left;
    line-height: 15px;
    text-align: right;
    width: 120px;
    padding-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px
}

.agree_popup dd {
    margin-bottom: 5px;
    margin-top: 5px
}

.agree_popup p {
    margin-left: 130px
}

.agree_popup a {
    margin-left: 5px
}

#history .record {
    margin-bottom: 40px
}

.gwp .eventGwp02 {
    position: relative
}

.gwp .eventGwp02 a {
    position: absolute;
    left: 380px;
    top: 102px
}

.gwp .eventGwp03 {
    position: relative
}

.gwp .eventGwp03 a {
    position: absolute;
    left: 51px;
    top: 82px
}

.modify_name_popup {
    position: absolute;
    margin-top: 3px;
    z-index: 999
}

.modify_name_popup .modify_name_title {
    margin: 0
}

.modify_name_popup .modify_name_content {
    border: 3px solid #dcdcdc;
    background: #fff;
    padding: 21px 17px 15px 17px
}

.modify_name_popup .modify_name_content .modify_content01 {
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modify_name_popup .modify_name_content .modify_content02 {
    color: #323232;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 13px
}

.modify_name_popup .modify_name_content .modify_content03 {
    background: #f6f6f6;
    padding: 22px 19px;
    margin: 0;
    width: 292px
}

.modify_name_popup .modify_name_content .modify_content04 {
    margin-top: 18px;
    text-align: center
}

.proc_detail_list {
    margin-top: 7px;
    background-color: #fff
}

.proc_detail_list .pro_info .photo {
    float: left
}

.proc_detail_list .pro_info .photo img {
    border: 1px solid #ddd
}

.proc_detail_list .pro_info .txt {
    margin-left: 96px;
    text-align: left
}

.proc_detail_list .pro_info .txt a {
    display: block;
    padding-top: 10px
}

.proc_detail_list .pro_info .txt span {
    display: block
}

.proc_detail_list .pro_info .txt .t1 {
    color: #333;
    font-weight: bold
}

.proc_detail_list .pro_info .txt .t2 {
    color: #7f7f7f
}

.proc_detail_list .pro_info .process {
    margin: 7px 0 0 67px;
    font-size: 11px
}

.or_return .pay,.or_return .cancel,.or_change .pay,.or_change .cancel,.or_as .pay,.or_as .cancel {
    position: relative
}

.inquiry {
    margin: 8px 0 0 0;
    line-height: 13px !important;
    font-size: 11px;
    letter-spacing: -1px
}

.inquiry a:hover {
    color: #006fbd;
    text-decoration: underline
}

.bbs_btn_area {
    margin: 10px 0
}

.layer_mp {
    display: none;
    padding: 3px;
    position: absolute;
    top: 19px;
    left: 0;
    border: 2px solid #ff4200;
    width: 200px;
    background-color: #fff;
    font-size: 11px;
    text-align: left;
    z-index: 100;
    font-weight: normal !important
}

.layer_mp.on {
    display: block
}

.mybuyde_list .pd1 {
    padding-left: 34px
}

.mybuyde_list .pd2 {
    padding-left: 7px
}

.search_brand select {
    padding: 1px 2px;
    height: 20px;
    border: 1px solid #ccc
}

.search_brand {
    text-align: center;
    vertical-align: top
}

.sel_opts,.search_brand .sel_keyword,.search_brand .obtn {
    display: inline-block;
    text-align: center;
    zoom:1;*display: inline;
    _display: inline
}

.sel_opts select {
    font-size: 12px;
    vertical-align: middle
}

.search_brand .sel_keyword input {
    width: 200px;
    padding: 2px 0 0 2px;
    height: 16px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #777;
    line-height: 20px
}

.search_brand .obtn {
    height: 20px;
    font-size: 12px !important
}

.btn_myOrder_utils {
    margin-bottom: 30px
}

.btn_myOrder_utils .inline {
    margin: 0 15px 5px 0
}

.btn_myOrder_utils .inline .inline {
    margin: 0
}

.btn_myOrder_utils p.period_txt {
    margin: 0;
    padding: 0;
    background: none;
    height: 20px;
    line-height: 20px;
    font-weight: bold
}

.proc_period {
    padding: 20px 0 10px 0
}

.sel_period {
    float: left
}

.sel_period ul {
    float: left;
    width: 215px;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #e3e3e4
}

.sel_period ul li {
    float: left;
    width: 16.5%;
    background-color: #fbfbfb
}

.sel_period ul li a {
    padding: 2px 3px;
    font-size: 11px;
    height: 13px;
    line-height: 16px;
    display: block;
    border-top: 1px solid #e3e3e4;
    border-right: 1px solid #e3e3e4;
    border-bottom: 1px solid #bdbdc0;
    text-align: center;
    letter-spacing: -1px
}

.sel_period ul li:hover {
    background-color: #9396a0
}

.sel_period ul li:hover a {
    color: #f1f5f2;
    border-top: 1px solid #bdbdc0
}

.sel_period ul li.first a {
    border-left: 1px solid #e3e3e4
}

.sel_period ul li.last a {
    border-right: 1px solid #bdbdc0
}

.sel_period ul li.on {
    width: 17.5%;
    background-color: #9396a0
}

.sel_period ul li.on a {
    color: #f1f5f2;
    border-top: 1px solid #bdbdc0
}

.sel_calendar input {
    padding: 0 2px;
    width: 84px;
    height: 17px;
    border: 1px solid #bdbdc0;
    font-size: 11px;
    line-height: 18px
}

.sel_calendar .input_calendar {
    position: relative;
    *top: -1px;
}

.obtn_calendar {
    position: absolute;
    left: 73px;
    top: 2px;
    *top: 3px;
    *left: 71px;
    width: 15px;
    height: 14px;
    background: url(//okst.okmall.com/OKOutdoor/PC/Mypage/icon_mini_calendar.jpg) 0 0 no-repeat;
    cursor: pointer
}

.sel_calendar .icon_wave {
    position: relative;
    top: 4px;
    *left: 2px;
}

.sel_period .obtn {
    *margin-left: 2px;
}

.sel_type {
    float: right;
    width: 250px
}

.sel_type .sel_opts {
    margin-left: 2px;
    zoom:1;*display: inline;
    _display: inline;
    font-size: 11px
}

#pop_contents {
    padding: 10px;
    font-family: "Dotum","µ¸¿ò";
    min-width: 940px
}

#pop_contents .inquiry {
    margin: 0 0 3px 0
}

#pop_contents .proc_detail_list {
    position: relative
}

#pop_contents .proc_detail_list .pro_info .photo img {
    width: 50px
}

#pop_contents .proc_detail_list .pro_info .txt {
    margin-left: 67px
}

#pop_contents .proc_tbl th {
    border-top: 3px solid #666
}

#pop_contents .icp {
    background: url(//okst.okmall.com/OKOutdoor/PC/Mypage/icon_red_arrow.gif) 10px 13px no-repeat
}

#pop_contents .proc_detail_list {
    margin: 0
}

#pop_contents .proc_detail_list .info_tbl .table3 th {
    padding: 0;
    text-align: center
}

#pop_contents .con_title {
    width: auto;
    padding: 11px 0 11px 30px
}

#pop_contents .pop_commt {
    padding: 10px 0 30px 0
}

#pop_contents .pop_commt dt {
    float: left;
    padding: 5px 2px 0 0;
    width: 140px;
    font-weight: bold
}

#pop_contents .pop_commt dd {
    margin-left: 140px;
    padding: 5px 0 2px 0
}

#pop_contents .bt {
    padding: 15px 10px;
    border-top: 1px solid #777
}

#pop_contents label {
    padding: 0 0 0 5px
}

#pop_contents .proc_tbl .layer_mp {
    left: -198px
}

#pop_contents input[type=text] {
    margin-bottom: 3px;
    padding: 0 2px;
    font-size: 12px;
    color: #666
}

#pop_contents input[type=checkbox] {
    cursor: pointer
}

#pop_contents select {
    font-size: 12px;
    margin: 0;
    color: #666
}

#pop_contents textarea {
    font-size: 12px;
    color: #666
}

#pop_contents .link_txt {
    text-decoration: underline;
    color: #b5b0b0;
    font-weight: bold
}

.sel_return {
    padding: 10px 0
}

.sel_return select {
    margin-right: 10px
}

.sel_return label {
    height: 20px;
    line-height: 20px
}

.sel_return dl {
    width: 500px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666
}

.sel_return dt {
    float: left;
    width: 140px;
    height: 27px;
    padding: 5px 0 0 10px;
    background-color: #f7f7f7
}

.sel_return dd {
    float: left;
    width: 340px;
    height: 27px;
    padding: 5px 0 0 10px
}

.sel_return dd input {
    width: 200px;
    padding: 0 2px;
    font-size: 11px
}

.sel_return dd input.own_01 {
    width: 100px
}

.sel_return dd input.own_02 {
    width: 300px
}

.txt_rig_box {
    text-align: right;
    padding: 8px 0
}

.btn_popWrap {
    padding: 20px 0;
    text-align: center
}

.modify_form{border:6px solid #e1e1e1;width:700px;height:200px;box-sizing:border-box;margin:0 auto;padding:20px 0 0 50px;letter-spacing:-1px;font-family:"¸¼Àº °íµñ", "Malgun Gothic","µ¸¿ò","Dotum","sans-serif";}
.modify_form .tit{font-size:14px;color:#4d4d4d;font-weight:bold;margin-bottom:10px}
.modify_form .cont{font-size:14px;color:#4d4d4d;line-height:16px}

.btn_popWrap>.obtn.bigScale {
    margin-right: 6px;
    width: 140px;
    height: 40px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/btn_mypage_next.jpg') 0 0 no-repeat;
    border: 0
}

.btn_popWrap>.obtn.bigScale2 {
    margin-right: 6px;
    width: 140px;
    height: 40px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/btn_mypage_close2.png') 0 0 no-repeat;
    border: 0;
	text-indent:-999px
}

.btn_popWrap>.obtn.bigScale.PopupClose_BTN {
    background: url('//okst.okmall.com/OKmall/PC/mypage/btn_mypage_close.png') 0 0 no-repeat
}

.btn_popWrap>.obtn.bigScale>b,.btn_popWrap>.obtn.bigScale>.ft_n {
    display: none
}

.ib.on>.btn_popWrap>#OrderRequestStepEND_BTN_OPEN {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_mypage_complete.jpg') 0 0 no-repeat
}

.btn_popWrap>.obtn.bigScale.next1 {
    padding-top: 4px;
    letter-spacing: -1px;
    background: #ff4200
}

.btn_popWrap>.obtn.bigScale.next1>b {
    display: block;
    color: #fff
}

.btn_popWrap>.obtn.bigScale.next2 {
    padding-top: 4px;
    background: #ff4200;
    letter-spacing: -1px;
    padding: 4px 5px 6px
}

.btn_popWrap>.obtn.bigScale.next2>b {
    display: block;
    color: #fff
}

.btn_popWrap>.obtn.bigScale.next3 {
    background: #ff4200
}

.btn_popWrap>.obtn.bigScale.next3>b {
    display: block;
    color: #fff
}

.btn_popWrap>.obtn.bigScale>span {
    display: block;
    font-size: 13px;
    color: #fff
}

.sel_radio {
    padding: 0 0 10px 0;
    margin-bottom: 10px
}

.sel_radio p {
    padding: 0 0 8px 0
}

.sel_radio p label {
    font-size: 13px;
    font-weight: bold
}

.posRe {
    position: relative
}

.obtn_locate_list {
    position: absolute;
    top: 0;
    right: 0
}

.file_attach_box {
    margin-top: 5px;
    background-color: #fffcf2;
    padding: 10px
}

.file_attach_box input[type="file"] {
    margin: 0 !important
}

.file_attach_box .file_size {
    font-weight: bold;
    color: #777
}

.file_attach_box .btn_file_add {
    height: 22px;
    background-color: #f8f8f9;
    border: 1px solid #999;
    border-radius: 2px;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25)
}

.input_box h4 {
    float: left;
    padding: 0 10px 10px 0
}

.tbl_se {
    clear: left;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666
}

.tbl_se th,.tbl_se td {
    padding: 5px 10px;
    line-height: 20px
}

.tbl_se th {
    background-color: #f7f7f7;
    font-weight: normal;
    text-align: left
}

.tbl_se tr.first th,.tbl_se tr.first td {
    padding: 10px;
    border-bottom: 1px solid #e1e1e1
}

.tbl_se tr.last th,.tbl_se tr.last td {
    padding: 10px;
    border-top: 1px solid #e1e1e1
}

.tbl_auto {
    width: auto !important
}

.obtn_postNum {
    margin-right: 15px
}

.layer_request_change {
    display: none;
    box-shadow: 1px 1px 1px #b4b4b4;
    padding: 5px 10px;
    border: 3px solid #c8070f;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 137px;
    width: 640px;
    height: 322px;
    margin-left: -333px;
    z-index: 110
}

.layer_request_change .proc_tbl {
    margin-bottom: 8px
}

.layer_request_change .proc_tbl td {
    padding: 5px 0
}

.layer_request_change.on {
    display: block
}

.layer_request_change .bt {
    padding: 15px 10px 0 10px !important;
    border-width: 2px
}

.layer_request_change textarea {
    margin-bottom: 8px;
    border: 1px solid #ddd;
    padding: 3px;
    width: 99%;
    text-align: left;
    color: #7f7f7f
}

.input_textarea {
    margin-bottom: 8px;
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 3px;
    width: 99%;
    text-align: left;
    color: #7f7f7f
}

.input_option select,.input_option input,.input_option button {
    margin-bottom: 8px !important
}

caption {
    font-size: 0
}

.layer_cover {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    background-color: #000;
    opacity: .05;
    width: 100%;
    height: 496px;
    z-index: 105;
    filter: alpha(opacity=5)
}

.layer_cover.on {
    display: block
}

#pop_contents input[type="file"] {
    width: 438px;
    margin-bottom: 10px;
    height: 21px;
    border: 1px solid #ddd;
    font-size: 11px;
    background-color: #fff
}

#pop_contents label.label_photo {
    display: inline-block;
    padding-right: 10px;
    position: relative;
    top: -3px
}

.obtn.btn_addFile {
    padding-top: 4px;
    height: 21px
}

.request_info dt {
    float: left;
    width: 80px;
    padding: 3px;
    font-weight: bold
}

.request_info dd {
    margin-left: 80px;
    padding: 3px
}

.request_conts {
    padding: 7px 0
}

.ck_b {
    width: 20px;
    height: 20px
}

.proc_detail_list .input_option {
    display: none;
    margin: 5px 5px 5px 67px;
    padding: 7px;
    border: 1px solid #e4e4e4;
    background-color: #fffcf2
}

.proc_detail_list .input_option.on {
    display: block
}

.proc_detail_list .info_tbl .table3 {
    line-height: 1.5
}

.re_prd {
    position: absolute;
    left: 0;
    top: 50%;
    width: 130px;
    margin-top: -10px;
    text-align: center;
    font-weight: bold;
    z-index: 10;
    letter-spacing: -1px
}

.posRel {
    position: relative
}

.posAbs {
    position: absolute
}

.refund0 td {
    background-color: #fff3ea !important
}

.refund0 tr:last-child td {
    border-bottom: 1px solid #ddd !important
}

.refund1 td {
    background-color: #f2f9ff !important
}

.refund2 td {
    background-color: #fff !important
}

.tabs_bar {
    border-bottom: 1px solid #ddd
}

.receive_tabs li {
    float: left;
    height: 35px
}

.receive_tabs li a {
    padding: 10px 20px;
    display: block;
    border: 1px solid #bebebe;
    border-bottom: 0;
    letter-spacing: -1px;
    color: #a5a5a5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.receive_tabs li a:hover {
    color: #000
}

.receive_tabs li.on {
    margin-bottom: -1px
}

.receive_tabs li.on a {
    height: 15px;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    background: #f7f7f7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#f0f0f0');
    background: -webkit-gradient(linear,left top,left bottom,from(#dedede),to(#f7f7f7));
    background: -moz-linear-gradient(top,#dedede,#f7f7f7);
    background: -o-linear-gradient(top,#dedede,#f7f7f7);
    background: -ms-linear-gradient(top,#dedede,#f7f7f7)
}

.receive_tabs li.sel_basket a,.receive_tabs li.sel_search a,.receive_tabs li.sel_order a,.receive_tabs li.sel_order_same a {
    border-right: 0
}

.sub_page {
    padding: 10px;
    border: 1px solid #bebebe;
    border-top: 0;
    background: #f7f7f7
}

.sub_page .proc_tbl th {
    border-top: 1px solid #ddd !important
}

.sub_page .scrollUI {
    border: 1px solid #ebebeb;
    border-top: 0
}

.sub_page .scrollUI .pro_info .photo {
    padding-top: 16px
}

.icon_reply {
    position: absolute;
    top: -28px;
    left: 0
}

.requestBox {
    border: 1px solid #ddd;
    padding: 20px 30px 13px;
    margin-top: 8px
}

.requestBox .requestBoxinGray {
    background: #eee;
    padding: 15px 0 14px;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.requestBox .requestBoxinGray div {
    display: inline-block
}

.requestBox .requestBoxinGray div.checkCash {
    margin-right: 100px
}

.requestBox .requestBoxinGray input {
    margin: 0
}

.requestBoxinGray span {
    font-weight: bold;
    color: #555;
    padding-left: 5px;
    vertical-align: top
}

.requestBox ul {
    padding-top: 10px
}

.requestBox ul li {
    color: #999;
    font-size: 11px;
    line-height: 21px
}

.requestBox ul li span {
    padding-left: 11px
}

#pop_contents .page a img {
    position: relative;
    top: -2px
}

.proc_detail_list ul.as_info li {
    padding: 3px 0;
    line-height: 18px
}

.ship_charge {
    padding: 0 10px 10px 10px;
    line-height: 16px;
    width: 540px;
    height: auto
}

.ship_charge .icp {
    font-size: 15px;
    background-position: 1px 14px !important;
    padding-left: 20px !important
}

.hs {
    position: absolute;
    left: 5px;
    top: -1px;
    font-size: 12px;
    color: #666;
    line-height: 15px !important;
    letter-spacing: -1px
}

.place_holder {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 12px;
    color: #666;
    line-height: 15px !important;
    letter-spacing: -1px;
    width: 99%
}

.ic_x {
    font-style: normal;
    font-size: 12px
}

.layer_addrInfo {
    width: 670px;
    left: 50%;
    margin-left: -335px;
    top: 90px;
    font-size: 12px
}

.parcel_memo {
    text-align: left;
    font-size: 11px;
    line-height: 15px
}

.parcel_memo input {
    border: 1px solid #ccc;
    width: 316px
}

.parcel_memo .parcel_top {
    padding: 4px 0;
    text-align: left;
    font-weight: bold;
    color: #3f48cc
}

.parcel_memo .parcel_cont {
    font-weight: bold;
    color: #00a2e8;
    cursor: pointer
}

.parcel_memo .parcel_cont:hover {
    background: #bbe5f7
}

.parcel_memo .parcel_top2 {
    margin: 10px 0;
    font-weight: bold
}

.parcel_memo .parcel_top2 span {
    display: block;
    padding: 4px 0;
    color: #000;
    cursor: pointer;
    text-align: left
}

.parcel_memo .parcel_cont2 {
    font-weight: bold;
    cursor: pointer;
    display: none;
    text-align: left
}

.parcel_memo .parcel_cont2.w1 {
    width: 110px
}

.parcel_memo .parcel_cont2.w2 {
    width: 110px
}

.parcel_memo .parcel_cont2.w3 {
    width: 150px
}

.parcel_memo .parcel_cont2.w4 {
    width: 110px
}

.parcel_memo .parcel_cont3:hover {
    background: #dad6d6
}

.parcel_memo .parcel_cont3 .pc3 {
    margin: -5px 0 0 9px;
    text-align: left;
    color: #000
}

.parcel_memo .parcel_popup {
    position: absolute;
    width: 260px;
    border: 3px solid #7f7f7f;
    padding: 10px;
    background: #fff;
    font-weight: normal;
    display: none;
    margin-left: 49px
}

.parcel_memo .parcel_top2 .parcel_cont2:hover .parcel_popup {
    display: block
}

.parcel_memo .parcel_popup .parcel_tit {
    font-weight: bold
}

.parcel_memo .parcel_popup li {
    cursor: pointer;
    line-height: 20px;
    border-bottom: 1px dashed #ccc
}

.parcel_memo .parcel_last {
    width: 316px;
    border: 1px solid #ccc;
    margin-top: 5px;
    padding: 5px
}

.parcel_memo .parcel_last .pc3 {
    margin-left: 7px
}

.mv1 {
    background: url(//okst.okmall.com/OKOutdoor/PC/Member/mem_v1.png) 0 0 no-repeat
}

.mymem_pw_wrap {
    padding-top: 48px
}

.mymem_pw {
    margin: 0 0 30px 0;
    width: 800px;
    height: 160px;
    border: 2px solid #ebebeb;
    background: #fff url(//okst.okmall.com/OKOutdoor/PC/Member/img_pw_bg.jpg) 0 0 repeat-x
}

.mymem_pw dl {
    width: 702px;
    height: 24px;
    margin: 32px 0 0 48px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e2e2e2
}

.mymem_pw dl:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    width: 0;
    height: 0
}

.mymem_pw dt,.mymem_pw dd {
    float: left;
    height: 25px;
    vertical-align: middle;
    overflow: hidden
}

.mymem_pw dd {
    padding-left: 9px
}

.mymem_pw .tid {
    display: inline-block;
    margin: 5px 0 0 132px;
    width: 34px;
    height: 14px;
    background-position: 0 -50px
}

.mymem_pw .d1 {
    font-weight: bold;
    color: #fd4914;
    line-height: 25px
}

.mymem_pw .d2 input {
    width: 138px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #969696
}

.mymem_pw .tpw {
    display: inline-block;
    margin: 5px 0 0 38px;
    width: 46px;
    height: 14px;
    background-position: 0 -100px
}

.mymem_pw p {
    padding-top: 20px;
    text-align: center;
    font-size: 11px
}

.mymem_pw_wrap .btn_pw_wrap {
    text-align: center
}

.mymem_pw_wrap .btn_pw_confirm {
    display: inline-block;
    width: 53px;
    height: 28px;
    border: 0;
    outline: 0;
    cursor: pointer
}

.vip_grade_info {
    position: relative
}

.btn_vip {
    position: absolute;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.btn_vip_prev {
    display: block;
    width: 135px;
    height: 18px;
    left: 373px;
    top: 108px;
    background: url(//okst.okmall.com/OKOutdoor/PC/Event/VipMember/20140424/btn_vip_prev.jpg) 0 0 no-repeat
}

.vip_gradeDetail_top {
    position: relative;
    width: 990px;
    height: 644px;
    background: url(//okst.okmall.com/OKOutdoor/PC/Event/VipMember/20140424/img_vip_03_1.jpg) 0 0 no-repeat
}

.vip_gradeDetail_top.on {
    height: 662px
}

.vip_gradeDetail_top.on .vip_myGraph {
    display: block
}

.btn_vipLogin {
    position: absolute;
    z-index: 1;
    width: 101px;
    height: 18px;
    left: 667px;
    top: 59px;
    background: url(//okst.okmall.com/OKOutdoor/PC/Event/VipMember/20140424/btn_login.jpg) 0 0 no-repeat
}

.btn_vipBuy {
    display: block;
    position: absolute;
    z-index: 2;
    width: 111px;
    height: 18px;
    left: 778px;
    top: 59px
}

.vip_gradeGraph_wrap {
    position: relative
}

.vip_grade_graph {
    padding: 105px 0 0 175px
}

.vip_grade_graph table {
    border-collapse: collapse;
    width: 600px
}

.vip_grade_graph th {
    height: 40px;
    background-color: #27b1a4;
    border: 1px solid #fff;
    color: #fff;
    letter-spacing: -1px;
    font-size: 11px
}

.vip_grade_graph td {
    height: 28px;
    text-align: center;
    background-color: #e7e7e7;
    border: 1px solid #fff;
    font-weight: bold;
    color: #747474;
    letter-spacing: -.02em
}

.vip_grade_graph .fs {
    font-size: 11px;
    letter-spacing: -.15em
}

.vip_myGraph {
    display: none;
    position: absolute;
    left: 63px;
    top: 200px;
    width: 565px;
    height: 94px;
    background: url(//okst.okmall.com/OKOutdoor/PC/Event/VipMember/20140424/img_my_grade.png) 0 0 no-repeat
}

.vip_myGraph.on {
    display: block
}

.vip_myGraph .vip_myName {
    padding: 34px 0 0 5px;
    width: 80px;
    letter-spacing: -1px;
    text-align: center;
    line-height: 15px;
    color: #fff
}

.vip_myGraph .vip_myName .bold {
    font-weight: bold;
    color: #ffd801
}

.vip_myGraph.g1 {
    top: 113px
}

.vip_myGraph.g2 {
    top: 144px
}

.vip_myGraph.g3 {
    top: 175px
}

.vip_myGraph.g4 {
    top: 206px
}

.vip_myGraph.g5 {
    top: 237px
}

.vip_myGraph.g6 {
    top: 268px
}

.vip_myGraph.g7 {
    top: 299px
}

.vip_myGraph.g8 {
    top: 330px
}

.vip_myGraph.g9 {
    top: 361px
}

.vip_myGraph.g10 {
    top: 392px
}

.vip_myGraph.g11 {
    top: 423px
}

.vip_myGraph.g12 {
    top: 454px
}

.vip_myGraph.g13 {
    top: 485px
}

.layer_prevGrade {
    display: none;
    width: 427px;
    height: 173px;
    position: absolute;
    left: 508px;
    top: 108px;
    z-index: 3
}

.layer_prevGrade.on {
    display: block
}

.vip_gradeDetail_bottom {
    position: relative
}

.btn_vipPage {
    position: absolute;
    left: 469px;
    top: 47px;
    width: 176px;
    height: 18px
}

.event_wrap {
    margin-top: -4px
}

.event_wrap #wide_wrapper {
    background: url("//okst.okmall.com/OKmall/PC/EventPage/20170619/vipInfo/bg_evt.png") 0 0 repeat;
    margin: 0 auto;
	width:1208px
}

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

.vipMember_content {
    margin-bottom: 28px;
    padding-top: 6px
}

.vipMember_content .vip_guide {
    position: relative
}

.vipMember_content .vip_guide .vip_btn {
    position: absolute;
    display: inline-block;
    top: -24px;
    right: 20px;
    cursor: pointer
}

.vipMember_content .vip_guide .layer_ws_vipGrade {
    position: absolute;
    left: 16px;
    margin-top: 0;
    display: none;
    z-index: 999
}

.vipMember_content .vip_guide .layer_ws_vipGrade.on {
    display: block
}

.vipMember_content .vip_guide .layer_ws_vipGrade .grade_sel {
    position: absolute;
    top: 100px;
    right: 10px
}

.wrap_vipMember .vipMember_content iframe {
    width: 1208px;
    height: 220px
}

.vipMember_content iframe {
    width: 1208px;
    height: 529px
}

.banner_right_list {
    position: absolute;
    left: 1208px;
    top: 0;
    display: block
}

.banner_right_list a {
    display: inline-block
}

.vaT {
    vertical-align: top !important
}

.vaM {
    vertical-align: middle !important
}

.vaB {
    vertical-align: bottom !important
}

.order_pop_layer {
    display: none;
    padding: 30px;
    background: #fff;
    z-index: 999
}

.order_pop_layer ul {
    text-align: left
}

.order_pop_layer.on {
    display: block
}

.order_pop_layer p {
    line-height: 170%;
    color: #555
}

.order_pop_layer #AddRefundInfo > div > span{display:inline-block;width:60px;text-align:left}

.order_pop_layer .p_fontbg {
    text-align: left;
    background: url('//okst.okmall.com/MyPage/20120320/order_bullet .gif') no-repeat 0 5px;
    padding-left: 10px;
    margin: 0 0 10px 10px;
    letter-spacing:-0.5px;
}

.order_pop_layer .p_cancel {
    text-align: center
}

.order_pop_layer .p_cancel .p_tit {
    font-size: 14px;
    font-weight: bold
}

.order_pop_layer span a {
    color: #fa451d
}

.order_pop_layer .order_btn {
    text-align: center;
    margin-top: 15px
}

.order_pop_layer .order_fontstyle {
    margin-left: 40px
}

.order_pop_layer .order_topfont {
    margin: 30px 0 0 40px
}

.order_pop_layer .order_btn02 {
    text-align: center;
    margin-top: 40px
}

.order_pop_layer ul {
    margin: 0 0 10px 20px
}

.order_pop_layer ul li {
    margin-bottom: 3px
}

.order_pop_layer .p_point {
    margin-left: 30px;font-weight: bold;
}

.order_pop_layer.order_point {
    margin-left: -235px;
    padding: 10px 0
}

.order_pop_layer .member_point {
    padding: 10px 0;
    background: #f0f0f0;
    text-align: center
}

.order_pop_layer .member_point ul {
    margin: 0;
    text-align: left
}

.order_pop_layer .member_point input {
    margin: -4px 0 0 10px
}

.order_pop_layer .member_point .member_account {
    margin: 0 0 2px 135px;
    text-align: left
}

.order_pop_layer .member_point .member_account span {
    display: inline-block;
    width: 60px
}

.order_pop_layer .member_point .member_account input {
    margin: 0
}

.order_pop_layer .p_check {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #d7d7d7
}

.order_pop_layer .p_refund {
    margin: 0 0 5px 20px;
    font-weight: bold
}

.order_pop_layer .p_refund span {
    color: #ed232b
}

.pro_asGuide {
    margin-top: 20px;
    text-align: center
}

.pro_asGuide p {
    margin: 10px 0 30px
}

.DirectASForm .direct_tit {
    padding: 12px 0 12px 15px;
    border: 1px solid #666;
    border-bottom: 2px solid #666;
    color: #828282
}

.DirectASForm .direct_tit2 {
    padding: 20px 0;
    border: 1px solid #666;
    border-top: 0;
    border-bottom: 2px solid #666;
    color: #323232;
    font-weight: bold;
    font-size: 20px;
    text-align: center
}

.as_application {
    border: 1px solid #666;
    border-top: 0
}

.as_application th {
    padding: 13px 0;
    background: #eee;
    width: 144px
}

.as_application th,.as_application td {
    border-bottom: 1px solid #cecece;
    color: #828282
}

.as_application td {
    padding: 13px 0 13px 18px;
    width: 317px
}

.as_application th.borr,.as_application td.borr {
    border-right: 1px solid #666
}

.as_application tr.borb th,.as_application tr.borb td {
    border-bottom: 1px solid #666
}

.as_application tr th.borb,.as_application tr td.borb {
    border-bottom: 1px solid #666
}

.as_application tr td p.call {
    margin-top: 3px;
    color: #fa451d
}

.as_application tr td.as_check {
    height: 70px;
    vertical-align: top
}

.as_application tr td.as_reason {
    height: 200px;
    vertical-align: top
}

.as_application tr td.as_reason textarea {
    width: 920px;
    height: 190px
}

.as_application tr td.as_letter {
    padding-top: 30px
}

.as_application tr td p.as_output {
    margin-top: 25px;
    text-align: center
}

.DirectASForm.as_print .direct_tit {
    padding: 5px 0 5px 15px;
    border: 1px solid #000;
    border-bottom: 2px solid #000
}

.DirectASForm.as_print .direct_tit2 {
    padding: 10px 0;
    border: 1px solid #000;
    border-top: 0;
    border-bottom: 2px solid #000
}

.DirectASForm.as_print .as_application {
    border: 1px solid #000;
    border-top: 0
}

.DirectASForm.as_print .as_application th {
    padding: 5px 0;
    background: #eee;
    width: 144px
}

.DirectASForm.as_print .as_application th,.DirectASForm.as_print .as_application td {
    border-bottom: 1px solid #000;
    color: #828282
}

.DirectASForm.as_print .as_application td {
    padding: 5px 0 5px 18px;
    width: 317px
}

.DirectASForm.as_print .as_application th.borr,.DirectASForm.as_print .as_application td.borr {
    border-right: 1px solid #000
}

.DirectASForm.as_print .as_application tr.borb th,.DirectASForm.as_print .as_application tr.borb td {
    border-bottom: 1px solid #000
}

.DirectASForm.as_print .as_application tr th.borb,.DirectASForm.as_print .as_application tr td.borb {
    border-bottom: 1px solid #000
}

.DirectASForm.as_print .as_application tr td p.call {
    margin-top: 3px;
    color: #fa451d
}

.DirectASForm.as_print .as_application tr td.as_check {
    height: 105px;
    vertical-align: top
}

.DirectASForm.as_print .as_application tr td.as_reason {
    height: 270px;
    vertical-align: top
}

.DirectASForm.as_print .as_application tr td.as_reason textarea {
    width: 920px;
    height: 190px
}

.DirectASForm.as_print .as_application tr td.as_letter {
    padding-top: 10px
}

.DirectASForm.as_print .as_application tr td p.as_output {
    margin-top: 0;
    text-align: center
}

.ViewProduct .brand_pop_btn {
    display: inline-block;
    font-size: 11px;
    cursor: pointer;
    margin-left: -2px;
    margin-top: 5px;
    vertical-align: middle
}

.ViewProduct .q_ic {
    cursor: pointer;
    margin-top: 5px
}

.brand_info_popup {
    position: absolute;
    top: 86px;
    left: 13px;
    z-index: 9999
}

.brand_info_popup {
    width: 364px;
    text-align: left
}

.brand_info_popup .top {
    height: 2px;
    width: 100%;
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_top.png") no-repeat;
    position: relative;
    bottom: 0;
    margin: 0
}

.brand_info_popup .middle {
    width: 100%;
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_middle.png") repeat-y
}

.brand_info_popup .bottom {
    height: 8px;
    width: 100%;
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_bottom.png") no-repeat
}

.brand_info_popup .middle {
    padding: 11px
}

.brand_info_popup .middle>p {
    width: 340px;
    color: #ff4200;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.brand_info_popup .middle>ul {
    width: 340px;
    margin-bottom: 15px;
    color: #555
}

.brand_info_popup .middle>ul li {
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/list_style.png") no-repeat left 7px;
    padding: 3px 0 3px 10px
}

.brand_info_popup .middle>ul li a {
    text-decoration: underline;
    color: #ff4200
}

.brand_info_popup .middle>.close_btn {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding-right: 30px
}

.help_popup {
    width: 364px;
    position: absolute;
    top: 29px;
    left: 118px;
    z-index: 9999
}

.help_popup>.top {
    height: 2px;
    background-image: url(//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_top.png);
    background-repeat: no-repeat;
    position: relative;
    bottom: 0;
    margin: 0;
    width: auto
}

.help_popup>.middle {
    padding-left: 3px;
    padding-right: 5px;
    background-image: url(//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_middle.png);
    background-repeat: repeat-y
}

.help_popup>.middle>.inner {
    padding: 10px
}

.help_popup>.middle>.inner .btn_wrap {
    text-align: center;
    margin-top: 5px
}

.help_popup>.middle>.inner .btn_wrap .close_btn {
    cursor: pointer
}

.help_popup>.bottom {
    height: 8px;
    background-image: url(//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_bottom.png);
    background-repeat: no-repeat
}

.layer_member_leave {
    position: absolute;
    left: 50%;
    margin-left: -233px;
    width: 460px;
    height: 257px;
    border: 3px solid #f62300;
    background: #fff
}

.layer_member_leave h4 {
    height: 60px;
    background: url("//okst.okmall.com/OKmall/PC/Popup/20141120/bg_popup_title.jpg") repeat-x
}

.layer_member_leave h4 img {
    position: absolute;
    top: 18px;
    left: 18px
}

.layer_member_leave .member_content {
    padding: 20px;
    color: #555
}

.layer_member_leave .member_content .ml1 {
    margin-bottom: 17px
}

.layer_member_leave .member_content .ml2 {
    font-weight: bold;
    font-size: 16px
}

.layer_member_leave .member_btn {
    text-align: center
}

.layer_member_leave .close_btn {
    position: absolute;
    top: 16px;
    right: 16px
}

.inline.atr .all_sel {
    margin-top: -2px;
    cursor: pointer
}

.inline.atr .layer_checkbox {
    display: none;
    position: absolute;
    left: 89px;
    top: -14px;
    width: 200px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #fff;
    text-align: left
}

.inline.atr .layer_checkbox.btn_as {
    left: 14px
}

.inline.atr .layer_checkbox.on {
    display: block
}

.ml26 {
    margin-left: 260px
}

.ml26 p {
    margin-left: -25px
}

table.mybuyde_list td.ql {
    position: relative
}

table.mybuyde_list td a.ql {
    position: absolute;
    top: 20px;
    right: -5px
}

.dispatch_layer {
    position: absolute;
    background: #fff;
    border: 4px solid #ff4200;
    z-index: 1001;
    width: 410px;
    text-align: left;
    top: 33px;
    right: -161px
}

.dispatch_layer h2 {
    background: #ff4200;
    padding: 5px 0 9px 15px
}

.dispatch_layer .content {
    padding: 10px 15px 15px;
    color: #828282;
    letter-spacing: -.7px
}

.dispatch_layer .send_info {
    color: #505050;
    font-weight: bold;
    border-top: 1px solid #ebebeb;
    margin: 10px 0 5px;
    padding-top: 10px
}

.dispatch_layer .send_table {
    height: 250px;
    overflow-y: auto
}

.dispatch_layer .content table th {
    color: #505050;
    text-align: center;
    border: 1px solid #e6e6e6
}

.dispatch_layer .content table td {
    color: #969696;
    border: 1px solid #e6e6e6
}

.dispatch_layer .content table td p {
    width: 212px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dispatch_layer .content table td.tc {
    text-align: center
}

.dispatch_layer .content table td.tr span {
    display: block;
    text-align: right
}

.dispatch_layer .content .btn_cls {
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
    padding-top: 15px;
    text-align: center
}

#receive_agree li {
    display: inline-block
}

.ItemLayer div .itemL {
    position: relative;
    top: -2px;
    left: 3px;
    cursor: pointer
}

.ItemLayer div .layer_popup {
    display: none;
    position: absolute;
    right: 14px;
    background: #fff;
    padding: 10px 10px 7px;
    width: 260px;
    border: 2px solid #ff4200;
    font-size: 11px;
    color: #999;
    letter-spacing: -.5px;
    line-height: 17px;
    text-align: left;
    z-index: 99
}

.ItemLayer div .itemL:hover+.layer_popup {
    display: block
}

.ItemLayer div .layer_popup p:first-child {
    margin-bottom: 9px
}

.wrap_receipt {
    width: 750px;
    margin: 10px;
    padding: 20px 10px;
    border: 2px solid #ff4200;
    box-sizing: border-box;
    font-family: "¸¼Àº °íµñ","Malgun Gothic";
    font-size: 11px
}

.wrap_receipt .title h1 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.wrap_receipt .title h2 {
    margin: 5px 0;
    padding: 0 0 0 12px;
    background: url('//okst.okmall.com/OKmall/PC/member/20150724/ico_step_tit.png') no-repeat 0 6px;
    font-size: 15px
}

.wrap_receipt .content .okmall_table:after {
    content: "";
    display: block;
    clear: both
}

.wrap_receipt .content .okmall_table .receipt_table {
    float: left;
    width: 356px
}

.wrap_receipt .content .okmall_table .receipt_table:first-child {
    margin-right: 10px
}

.receipt_table th,.receipt_table td {
    padding: 5px;
    border: 1px solid #cfcfcf;
	font-size:11px
}

.receipt_table td {
    color: #999
}

.receipt_table th {
    background: #f2f2f2;
    color: #777
}

.receipt_table.fl {
    float: left
}

.receipt_table .last th,.receipt_table .last td {
    border-bottom: 1px solid #cfcfcf
}

.prd_table {
    margin-top: 15px
}

.prd_table .receipt_table tr.del td {
    text-decoration: line-through
}

.prd_table .receipt_table tr.blue td {
    color: #03C
}

.prd_table .receipt_table th {
    background: #8c939a;
    color: #fff
}

.prd_table .receipt_table th,.prd_table .receipt_table td {
    text-align: center
}

.prd_table .receipt_table tr td:nth-child(6),.prd_table .receipt_table tr td:nth-child(7) {
    text-align: right
}

.payment_info {
    margin-top: 10px
}

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

.payment_info .exchange {
    float: left;
    width: 380px;
    letter-spacing: -.5px;
    color: #999
}

.payment_info .exchange p {
    margin-top: 10px
}

.payment_info .payment_table {
    float: right;
    width: 330px
}

.payment_info .payment_table td {
    text-align: right
}

.payment_info .payment_table tr.last th {
    font-size: 14px;
    color: #3a0000
}

.payment_info .payment_table tr.last td {
    font-size: 14px;
    color: #f00;
    font-weight: bold
}

.btn_receipt {
    width: 750px;
    margin: 15px 0 30px 10px;
    text-align: center
}

.wrap_receipt .content .seal {
    position: absolute;
    top: 86px;
    left: 312px
}

.wrap_receipt .content .seal img {
    width: 105px;
    height: 100px
}

#pop_contents .proc_tbl.up_prd {
    border-top: 3px solid #666;
    margin-bottom: 20px
}

#pop_contents .proc_tbl.up_prd th,#pop_contents .proc_tbl.up_prd td {
    border: 1px solid #ddd
}

#pop_contents .proc_tbl.up_prd th.up_prd_slct {
    background-color: #e2e2e2
}

#pop_contents .proc_tbl.up_prd td.up_prd_slct {
    font-weight: bold
}

#pop_contents .proc_tbl.up_prd td.up_prd_slct button {
    vertical-align: bottom
}

#pop_contents .proc_tbl.up_prd td.up_prd_slct div {
    padding-bottom: 4px
}

.wrap_receipt .content .seal_box {
    position: relative;
    padding: 4px 0
}

.wrap_receipt .content .seal2 {
    position: absolute;
    right: 80px;
    top: 0
}

.wrap_receipt .content .seal2 img {
    width: 30px;
    height: 40px
}

.myp_pw_box {
    width: 468px;
    border: 5px solid #e6e6e6;
    margin: 60px auto 0
}

.myp_pw_box ul {
    padding: 22px 32px 0
}

.myp_pw_box ul li {
    padding: 9px 0;
    color: #828282;
    font-family: "¸¼Àº °íµñ","Malgun Gothic","sans-serif";
    font-size: 16px;
    font-weight: bold
}

.myp_pw_box ul li input[type="password"] {
    width: 100%;
    text-indent: 23px;
    height: 18px;
    padding: 8px 0;
    border: 1px solid #dadada;
    outline: 0;
    line-height: 14px;
    font-family: "¸¼Àº °íµñ","Malgun Gothic","sans-serif";
    color: #828282;
    font-weight: bold;
    font-size: 16px
}

.myp_pw_box ul li span {
    color: #ff4200
}

.myp_pw_box p {
    padding: 15px 33px 25px;
    line-height: 22px;
    color: #969696
}

.myp_pw_box p strong {
    color: #505050
}

.myp_pw_box .pw_find_box {
    border-top: 1px solid #e6e6e6;
    padding: 20px 33px
}

.myp_pw_box .pw_find_box .txt_pw_find {
    padding-right: 10px;
    background: url(//okst.okmall.com/OKmall/PC/mypage/blt_pw_find.png) 100% 4px no-repeat;
    color: #969696
}

.coupon_addsale {
    width: 430px;
    height: 110px;
    display: inline-block;
    background: url('//okst.okmall.com/OKmall/PC/mypage/mypg_coupon.png') 0 0 no-repeat;
    position: relative;
    vertical-align: top
}

.coupon_addsale .txt_coupon {
    position: absolute;
    left: 172px;
    top: 28px;
    font-size: 27px;
    font-family: "¸¼Àº °íµñ","Malgun Gothic","sans-serif";
    font-weight: bold;
    letter-spacing: -1px
}

.coupon_addsale .txt_coupon em {
    font-style: normal
}

.vipInfo_box {
    width: 1077px;
    margin: 50px auto 0
}

.vipInfo_box .tit {
    padding: 0 0 10px 20px
}

.vipInfo_box .vipInfo_ctt1 {
    height: 412px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/EventPage/20170619/vipInfo/img_vipInfo_ctt1.png') 0 0 no-repeat
}

.vipInfo_box .vipInfo_ctt2 {
    height: 121px;
    padding: 20px 22px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/EventPage/20170619/vipInfo/img_vipInfo_ctt2.png') 0 0 no-repeat;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    letter-spacing: -.7px
}

.vipInfo_box .vipInfo_ctt2 .mylevel {
    padding: 24px 0 0 38px;
    width: 558px;
    position: relative;
    float: left
}

.vipInfo_box .vipInfo_ctt2 .mylevel .level_box {
    position: absolute;
    left: 138px;
    bottom: 24px;
    font-weight: bold;
    font-size: 20px;
    color: #797878
}

.vipInfo_box .vipInfo_ctt2 .mylevel .level_box .upgrade_box {
    font-size: 15px;
    display: block;
    margin: 5px 0 -15px;
    letter-spacing: -1.5px;
    font-weight: bold
}

.vipInfo_box .vipInfo_ctt2 .txt_level,.vipInfo_box .vipInfo_ctt2 .txt_login {
    color: #ff4200
}

.vipInfo_box .vipInfo_ctt2 .txt_need,.vipInfo_box .vipInfo_ctt2 .total {
    color: #2c2c2c
}

.vipInfo_box .vipInfo_ctt2 .level_detail {
    float: right;
    height: 119px;
    width: 436px;
    border-left: 1px solid #b5b6b6
}

.vipInfo_box .vipInfo_ctt2 .level_detail dl {
    margin: 32px 0 0 28px
}

.vipInfo_box .vipInfo_ctt2 .level_detail dl:after {
    content: '';
    display: block;
    clear: both
}

.vipInfo_box .vipInfo_ctt2 .level_detail dl dt {
    float: left;
    width: 146px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    color: #797878
}

.vipInfo_box .vipInfo_ctt2 .level_detail dl dd {
    float: left;
    width: 260px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    color: #797878
}

.vipInfo_box .vipInfo_ctt2 .level_detail .detail_view {
    margin: 4px 0 0 27px;
    display: inline-block
}

.vipInfo_box .vipInfo_ctt3 {
    height: 1245px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/EventPage/20170619/vipInfo/img_vipInfo_ctt3.png') 0 0 no-repeat
}

.vipInfo_box .vipInfo_ctt4 {
    height: 100px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/EventPage/20170619/vipInfo/img_vipInfo_ctt4.png') 0 0 no-repeat;
    padding-bottom: 67px
}

.membership_bx {
    position: relative;
    color: #464545;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    letter-spacing: -2px
}

.mygrade_bx {
    position: absolute;
    background-color: #fff;
    left: 62px;
    top: 228px;
    width: 1086px;
    height: 200px
}

.mygrade_bx .tit {
    margin: 0 42px;
    color: #1b1b1b;
    font-weight: bold;
    font-size: 30px;
    padding: 25px 10px 8px;
    border-bottom: 2px solid #646464
}

.mygrade_bx .mygrade_info {
    margin: 0 42px;
    position: relative;
    overflow: hidden
}

.mygrade_bx .mygrade_info .mylevel {
    padding-top: 23px;
    display: inline-block;
    float: left
}

.mygrade_bx .mygrade_info .mylevel .mylevel_box {
    margin: 21px 0 0 15px;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    vertical-align: top
}

.mygrade_bx .mygrade_info .mylevel .mylevel_box.members {
    width: 320px
}

.mygrade_bx .mygrade_info .mylevel .mylevel_box .t1 {
    color: #9a9695
}

.mygrade_bx .mygrade_info .level_detail {
    float: left;
    position: relative;
    margin: 20px 0 0 4px;
    display: inline-block;
    padding-left: 10px;
    width: 390px;
    letter-spacing: -1px
}

.mygrade_bx .mygrade_info .level_detail:before {
    position: absolute;
    top: 2px;
    left: 0;
    height: 40px;
    border-left: 1px solid #6f6f6f;
    content: ''
}

.mygrade_bx .mygrade_info .level_detail dl {
    overflow: hidden
}

.mygrade_bx .mygrade_info .level_detail dl dt {
    font-weight: bold;
    font-size: 17px;
    height: 24px;
    float: left;
    width: 114px
}

.mygrade_bx .mygrade_info .level_detail dl dd {
    font-size: 16px;
    float: left;
    width: 260px;
    height: 24px
}

.mygrade_bx .mygrade_info .level_detail .t_upgrade {
    font-size: 16px;
    margin-top: 12px
}

.img_level {
    width: 67px;
    height: 67px;
    display: inline-block;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/Event/VipMember/20180525/img_membership_sp.png?20210104') 0 0 no-repeat;
    text-indent: -9999px
}

.img_level.g1 {
    background-position: -100px -200px
}

.img_level.g2 {
    background-position: -180px -200px
}

.img_level.g3 {
    background-position: -260px -200px
}

.img_level.g4 {
    background-position: -340px -200px
}

.img_level.g5 {
    background-position: -420px -200px
}

.img_level.g6 {
    background-position: -100px -280px
}

.img_level.g7 {
    background-position: -180px -280px
}

.img_level.g8 {
    background-position: -260px -280px
}

.img_level.g9 {
    background-position: -340px -280px
}

.img_level.g10 {
    background-position: -420px -280px
}

.img_level.g11 {
    background-position: -100px -360px
}

.img_level.g12{background-position:-180px -360px}

.membership_bx .button_wrap {
    position: absolute;
    top: 41px;
    right: 0
}

.membership_bx .button_wrap2 {
    position: absolute;
    top: 19px;
    right: 0
}

.membership_bx .detail_view,.membership_bx .btn_mygrade,.membership_bx .btn_join {
    display: inline-block;
    width: 146px;
    height: 41px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/Event/VipMember/20180525/img_membership_sp.png') 0 0 no-repeat;
    margin-left: 10px
}

.membership_bx .detail_view {
    background-position: -100px -120px;
    width: 184px
}

.membership_bx .btn_mygrade {
    background-position: -100px 0
}

.membership_bx .btn_join {
    background-position: -100px -60px;
    width: 150px
}

.membership_table {
    background-color: #fff;
    padding: 0 63px 42px
}

.membership_table .tit {
    background-color: #ecf1f3;
    height: 73px;
    color: #464545;
    font-size: 20px;
    text-align: center;
    line-height: 73px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.membership_table .tit .brck_opn,.membership_table .tit .brck_end {
    font-size: 40px;
    color: #ababab;
    font-weight: bold;
    display: inline-block;
    margin: 0 25px;
    vertical-align: top
}

.benefit_typing {
    position: relative
}

.benefit_typing .typing_bx {
    position: absolute;
    left: 206px;
    top: 164px;
    color: #515151;
    font-size: 30px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-weight: bold;
    width: 792px;
    text-align: center
}

.benefit_typing .typing_bx .str_typing {
    border-bottom: 5px solid #515151;
    padding-bottom: 5px
}

.benefit_typing .typed-cursor {
    color: #515151;
    font-size: 30px;
    font-family: 'Circular-Medium','ng','³ª´®°íµñ','NanumGothic';
    font-weight: bold;
    animation: blinking .6s infinite
}

@keyframes blinking {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.member_tbl {
    position: relative
}

.member_tbl table {
    border-collapse: collapse
}

.member_tbl table th {
    height: 32px;
    color: #fff;
    background-color: #00455e;
    border: 1px solid #00455e;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 13px;
    letter-spacing: -1px
}

.member_tbl table thead th:first-child {
    background-color: #cb8418;
    border: 1px solid #cb8418
}

.member_tbl table td {
    height: 35px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    font-size: 13px;
    text-align: right;
    color: #797878;
    padding: 0 11px 0 0
}

.member_tbl table td.txt_c {
    padding: 0
}

.member_tbl table td:nth-child(3) {
    text-align: left;
    padding: 0 0 0 15px
}

.member_tbl table tr:nth-child(even) td {
    background-color: #fafcfd
}

.member_tbl table tr td:nth-child(10) {
    padding: 0 23px 0 10px
}

.member_tbl table tr td:last-child {
    padding: 0 49px 0 0
}

.member_tbl table tr td:first-child {
    font-weight: bold
}

.member_tbl table tr td:last-child {
    border-right: 0
}

.member_tbl table tr td.col1 {
    color: #cb8418
}

.member_tbl table tr td.col2 {
    color: gray
}

.member_tbl table tr td.col3 {
    color: red
}

.member_tbl table tr td.col4 {
    color: #f2520b
}

.member_tbl table tr td.col5 {
    color: #ef880e
}

.member_tbl table tr td.col6 {
    color: #d3ad32
}

.member_tbl table tr td.col7 {
    color: #909b5a
}

.member_tbl table tr td.col8 {
    color: #7c8260
}

.member_tbl table tr td.col9 {
    color: #ab9670
}

.member_tbl table tr td.col10 {
    color: #896c36
}

.member_tbl table tr td.col11 {
    color: #949494
}

.member_tbl table tr td.col12 {
    color: #979797
}

.member_tbl .mygrade_bd {
    position: absolute;
    border: 2px solid #ff4200;
    width: 1078px;
    height: 34px;
    left: 0;
    display: none
}

.member_tbl .mygrade_bd.on {
    display: block
}

.member_tbl .mygrade_bd.gr1 {
    top: 32px
}

.member_tbl .mygrade_bd.gr2 {
    top: 68px
}

.member_tbl .mygrade_bd.gr3 {
    top: 104px
}

.member_tbl .mygrade_bd.gr4 {
    top: 140px
}

.member_tbl .mygrade_bd.gr5 {
    top: 176px
}

.member_tbl .mygrade_bd.gr6 {
    top: 212px
}

.member_tbl .mygrade_bd.gr7 {
    top: 248px
}

.member_tbl .mygrade_bd.gr8 {
    top: 284px
}

.member_tbl .mygrade_bd.gr9 {
    top: 320px
}

.member_tbl .mygrade_bd.gr10 {
    top: 356px
}

.member_tbl .mygrade_bd.gr11 {
    top: 392px
}

.member_tbl .mygrade_bd.gr12 {
    top: 428px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .membership_table table td {
        letter-spacing:-1px
    }
}

.ico_grade {
    width: 18px;
    height: 10px;
    background: url('//okst.okmall.com/OKmall/PC/Event/VipMember/20180525/img_membership_sp.png') 0 0 no-repeat;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin: -2px 2px 0 0
}

.img_grade {
    width: 88px;
    height: 27px;
    background: url('//okst.okmall.com/OKmall/PC/Event/VipMember/20180525/img_membership_sp.png') 0 0 no-repeat;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.ico_grade.gr1 {
    background-position: -100px -180px
}

.ico_grade.gr2 {
    background-position: -120px -180px
}

.img_grade.gr1 {
    background-position: 0 0
}

.img_grade.gr2 {
    background-position: 0 -36px
}

.img_grade.gr3 {
    background-position: 0 -72px
}

.img_grade.gr4 {
    background-position: 0 -108px
}

.img_grade.gr5 {
    background-position: 0 -144px
}

.img_grade.gr6 {
    background-position: 0 -180px
}

.img_grade.gr7 {
    background-position: 0 -216px
}

.img_grade.gr8 {
    background-position: 0 -252px
}

.img_grade.gr9 {
    background-position: 0 -288px;
    height: 29px
}

.img_grade.gr10 {
    background-position: 0 -326px;
    height: 29px
}

.img_grade.gr11 {
    background-position: 0 -364px
}

.img_grade.gr12 {
    background-position: 0 -400px
}

.l_nav_box {
    width: 218px;
    float: left;
    border: 1px solid #a4a8ae
}

.l_nav_box+div {
    float: right !important;
    width: 968px !important;
    padding-left: 20px
}

.l_nav_box .nav_top {
    height: 118px;
    background-color: #ff4200;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    text-align: center
}

.l_nav_box .nav_top h2 {
    padding: 27px 0 20px
}

.l_nav_box .nav_top h2 .myp_lnb.t_myp {
    width: 155px;
    height: 35px;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_lnb.png?20180813') 0 0 no-repeat
}

.l_nav_box .nav_top .t_user {
    margin: 0 auto;
    color: #ffdfd4;
    font-size: 12px;
    padding-top: 9px;
    text-align: center;
    position: relative
}

.l_nav_box .nav_top .t_user:before {
    position: absolute;
    top: 0;
    left: 15px;
    width: 188px;
    border-top: 1px solid #ff946e;
    content: ''
}

.l_nav_box .nav_top .t_user strong {
    color: #fff
}

.nav_lst ul {
    padding: 13px 0 20px;
    position: relative
}

.nav_lst ul:before {
    position: absolute;
    top: 0;
    left: 15px;
    border-top: 1px solid #a4a8ae;
    width: 188px;
    content: ''
}

.nav_lst ul:first-child:before {
    border-top: 0
}

.nav_lst ul li a {
    display: block;
    height: 24px
}

.nav_lst ul li.on a {
    background-color: #efefef
}

.nav_lst ul li .myp_lnb {
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    color: #444;
    padding: 3px 0 3px 15px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
    display: block
}

.nav_lst ul li.fst {
    padding-bottom: 5px
}

.nav_lst ul li.fst .myp_lnb {
    font-size: 18px
}

.h3_title {
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 24px;
    color: #424241;
    padding: 17px 0 8px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 8px
}

h4 {
    margin: 20px 0 10px;
    display: inline-block;
    width: 100%
}

.h4_title {
    padding: 7px 0;
    line-height: 1;
    font-size: 20px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    color: #424241;
    margin: 0 !important
}

.h4_title .t_sub {
    font-size: 12px
}

#BtnCancelListRemove {
    margin-top: -20px;
    position: relative;
    z-index: 99
}

.top_opt_wrap {
    position: absolute;
    right: 0;
    top: 2px
}

.top_opt_wrap .btn_opt {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #989898;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    height: 24px;
    padding: 0 10px;
    cursor: pointer
}

.myp_p1 {
    color: #424241;
    font-size: 12px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-weight: bold;
    margin-bottom: 10px
}

.mygrade_box {
    border: 1px solid #ccc;
    padding: 0 20px;
    height: 166px;
    margin-bottom: 27px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: -1px
}

.mygrade_box .mygrade_dscrt {
    height: 79px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc
}

.mygrade_box .mygrade_dscrt .ico_grade {
    width: 64px;
    height: 69px;
    display: inline-block;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') 0 0 no-repeat;
    text-indent: -9999px;
    float: left;
    margin-left: 10px
}

.mygrade_box .mygrade_dscrt .ico_grade.gr1 {
    background-position: -400px 0
}

.mygrade_box .mygrade_dscrt .ico_grade.gr2 {
    background-position: -480px 0
}

.mygrade_box .mygrade_dscrt .ico_grade.gr3 {
    background-position: -560px 0
}

.mygrade_box .mygrade_dscrt .ico_grade.gr4 {
    background-position: -640px 0
}

.mygrade_box .mygrade_dscrt .ico_grade.gr5 {
    background-position: -720px 0
}

.mygrade_box .mygrade_dscrt .ico_grade.gr6 {
    background-position: -400px -80px
}

.mygrade_box .mygrade_dscrt .ico_grade.gr7 {
    background-position: -480px -80px
}

.mygrade_box .mygrade_dscrt .ico_grade.gr8 {
    background-position: -560px -80px
}

.mygrade_box .mygrade_dscrt .ico_grade.gr9 {
    background-position: -640px -80px
}

.mygrade_box .mygrade_dscrt .ico_grade.gr10 {
    background-position: -720px -80px
}

.mygrade_box .mygrade_dscrt .ico_grade.gr11 {
    background-position: -400px -160px
}

.mygrade_box .mygrade_dscrt .dscrt_box {
    float: left;
    margin-left: 10px
}

.mygrade_box .mygrade_dscrt .t_my {
    font-size: 20px
}

.mygrade_box .grade_need {
    padding: 10px 0 0 89px
}

.mygrade_box .grade_need li {
    height: 22px;
    line-height: 22px;
    position: relative;
    color: #424241;
    padding-left: 12px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.mygrade_box .grade_need li:before {
    width: 4px;
    height: 4px;
    background-color: #424241;
    content: '';
    position: absolute;
    left: 0;
    top: 9px
}

.myorder_stt_box {
    border: 1px solid #ccc;
    padding: 31px 0;
    margin-bottom: 27px
}

.myorder_stt_box ul {
    width: 840px;
    margin: 0 auto;
    height: 104px
}

.myorder_stt_box ul li {
    float: left;
    width: 112px;
    height: 104px;
    text-align: center;
    position: relative
}

.myorder_stt_box ul li .ico_myorder,.myorder_stt_box .num {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') 0 0 no-repeat
}

.myorder_stt_box ul li .ico_myorder.step1 {
    width: 86px;
    height: 68px;
    background-position: -400px -240px;
    -webkit-background-position: -400px -240px;
    margin-top: 5px
}

.myorder_stt_box ul li .ico_myorder.step2 {
    width: 68px;
    height: 72px;
    background-position: -500px -240px;
    -webkit-background-position: -500px -240px;
    margin-top: 5px
}

.myorder_stt_box ul li .ico_myorder.step3 {
    width: 112px;
    height: 65px;
    background-position: -580px -240px;
    -webkit-background-position: -580px -240px;
    margin-top: 9px
}

.myorder_stt_box ul li .ico_myorder.step4 {
    width: 85px;
    height: 78px;
    background-position: -700px -240px;
    -webkit-background-position: -700px -240px
}

.myorder_stt_box ul li .ico_myorder.nxt {
    width: 28px;
    height: 36px;
    background-position: -520px -380px;
    -webkit-background-position: -520px -380px;
    margin-top: 27px
}

.myorder_stt_box ul li a {
    display: block;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 14px;
    font-weight: bold
}

.myorder_stt_box .num {
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-position: -560px -380px;
    -webkit-background-position: -560px -380px;
    color: #fff;
    vertical-align: middle;
    margin: -2px 0 0 6px;
    text-indent: 0
}

.myorder_stt_box ul li.ico_nxt {
    width: 130px;
    text-align: center
}

.myorder_stt_box ul li .t_stt {
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #424241
}

.myorder_stt_box ul li .dscrt_layer {
    display: none;
    width: 148px;
    height: 45px;
    padding-top: 8px;
    background-color: #fbfbfb;
    border: 3px solid #ccc;
    position: absolute;
    bottom: -70px;
    left: -19px;
    z-index: 100
}

.myorder_stt_box ul li .dscrt_layer:before {
    position: absolute;
    z-index: 101;
    content: '';
    display: inline-block;
    left: 50%;
    top: -13px;
    width: 20px;
    height: 13px;
    margin-left: -10px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -520px -420px no-repeat
}

.myorder_stt_box ul li:hover .dscrt_layer {
    display: inline-block
}

.myorder_stt_box ul li .dscrt_layer p {
    padding-left: 17px;
    position: relative;
    height: 18px;
    line-height: 18px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 14px;
    font-weight: bold;
    color: #424241;
    text-align: left;
    letter-spacing: -1px
}

.myorder_stt_box ul li .dscrt_layer p:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 8px;
    width: 4px;
    height: 4px;
    background-color: #a4a8ae
}

.rcnt_order_box {
    border: 1px solid #ccc;
    border-top: 0;
    position: relative
}

.rcnt_order_box.lst_bndl {
    margin-top: 10px;
    border-top: 1px solid #ccc
}

.rcnt_order_box .r_opt {
    position: absolute;
    right: 0;
    top: -20px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.rcnt_order_box .rcnt_top {   
    border-bottom: 1px solid #6e6c6c;
    border-top: 2px solid #000
}

.rcnt_order_box .rcnt_top table th {
    color: #424241;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 14px;
    line-height: 1.4;
    padding: 5px 0
}

.rcnt_order_box .rcnt_lst table td {
    color: #424241;
    vertical-align: top;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    border-bottom: 0
}

.rcnt_order_box .rcnt_lst.empty table td{font-size:16px;color:#989898;font-weight:bold;letter-spacing:-0.5px;}
.rcnt_order_box .rcnt_lst.empty table td p{margin-top:20px}
.rcnt_order_box .rcnt_lst.empty table td .go_shop{display:inline-block;margin-top:20px;margin-bottom:20px}

.rcnt_order_box .rcnt_lst table td .txt1 {
    color: #3e5ce4 !important
}

.rcnt_order_box .rcnt_lst table td.prd_col {
    padding: 0
}

.rcnt_order_box .rcnt_lst table td.prd_col ul {
    overflow-y: auto;
    max-height: 324px
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li {
    padding: 5px;
    position: relative
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li:after {
    content: '';
    display: block;
    clear: both
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li img {
    border: 1px solid #ccc
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 292px;
    text-align: left
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li p .prd_nm {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 16px;
    max-height: 32px
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li p .prd_cnt {
    font-weight: bold;
    display: inline-block;
    line-height: 20px;
    height: 20px
}

.rcnt_order_box .rcnt_lst table td.no_order {
    padding: 22px 0
}

.rcnt_order_box .rcnt_btm {
    background-color: #efefef;
    height: 21px;
    padding: 10px 20px;
    border-top: 1px solid #ccc
}

.rcnt_order_box .rcnt_btm .r_btn {
    float: right
}

.rcnt_order_box .rcnt_btm button {
    width: 116px
}

.rcnt_order_box .sp {
    position: relative;
    cursor: pointer
}

.rcnt_order_box .sp .dscrt_layer {
    display: none;
    position: absolute;
    z-index: 100;
    width: 170px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #000;
    color: #424241;
    line-height: 1.4;
    left: 50%;
    margin-left: -95px;
    top: 26px;
    letter-spacing: -1px;
    text-align: left
}

.rcnt_order_box .sp:hover .dscrt_layer {
    display: inline-block
}

.rcnt_order_box .sp .dscrt_layer:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 11px;
    z-index: 101;
    top: -11px;
    left: 50%;
    margin-left: -10px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -540px -420px no-repeat
}

.rcnt_order_box .rcnt_btm .sp .dscrt_layer {
    top: auto;
    bottom: 30px
}

.rcnt_order_box .rcnt_btm .sp .dscrt_layer:before {
    bottom: -11px;
    top: auto;
    background-position: -560px -420px
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li .btn_arr_b {
    width: 68px;
    line-height: 19px;
    color: #4e4e4e;
    border: 1px solid #898989;
    font-size: 11px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-family: "¸¼Àº °íµñ","Malgun Gothic","Verdana";
    height: 19px;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    bottom: 8px
}

.rcnt_order_box .rcnt_lst table td.prd_col ul li .btn_arr_b .ic {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 6px 0 0 3px;
    border-left: 4px solid #4e4e4e;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    vertical-align: top
}

.layer_label {
    display: none;
    position: fixed;
    border: 2px solid #282828;
    width: 420px;
    padding: 10px;
    z-index: 900;
    background-color: #fff;
    letter-spacing: -1px;
    left: 50%;
    top: 50%;
    margin: -153px 0 0 -245px
}

.layer_label .layer_tit {
    font-size: 14px;
    color: #505050;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center
}

.layer_label .kc_label {
    padding-top: 5px;
    border-top: 2px solid #666
}

.layer_label .kc_label .cart_tbl th {
    text-align: left;
    background: #eaeaea;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #2c2c2c;
    font-size: 12px;
    padding: 6px 12px
}

.layer_label .kc_label .cart_tbl td {
    text-align: left;
    border: 0;
    border-bottom: 1px solid #eaeaea;
    color: #626262;
    font-size: 11px;
    padding: 6px 9px;
    letter-spacing: -.5px
}

.layer_label .kc_label .cart_tbl .notice_ctt {
    padding: 0
}

.layer_label .kc_label .cart_tbl .ctt_scrl {
    padding: 6px;
    overflow-y: scroll;
    height: 60px;
    line-height: 1.5
}

.layer_label .btn_wrap {
    margin-top: 10px;
    text-align: center
}

.layer_label .btn_wrap .btn_comm_b {
    display: inline-block;
    width: 66px;
    height: 29px;
    text-align: center;
    border: 1px solid #3c454c;
    color: #fff;
    line-height: 29px;
    letter-spacing: -1px;
    background-color: #3c454c;
    font-size: 13px
}

.myduyde_baner {
    margin-top: 10px
}

.mybuyde_txt li {
    padding-left: 12px;
    font-size: 13px;
    line-height: 19px;
    position: relative;
    color: #424241;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.mybuyde_txt li:before {
    width: 2px;
    height: 2px;
    display: inline-block;
    position: absolute;
    content: '';
    left: 0;
    top: 9px;
    background-color: #424241
}

.order_srch {
    border: 1px solid #ccc;
    margin-bottom: 27px;
    position: relative
}

.order_srch .period {
    height: 32px
}

.order_srch .production {
    border-top: 1px solid #ccc
}

.order_srch .tit {
    width: auto;
    display: inline-block;
    text-indent: 16px;
    line-height: 26px;
    color: #424241;
    font-size: 13px;
    font-weight: bold;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    margin-right:13px
}

.order_srch .pr_btn button {
    vertical-align: middle
}

.order_srch .pr_ipt {
    margin: 0 8px 0 18px
}

.order_srch .pr_ipt .lb_date {
    width: 104px;
    border: 1px solid #ccc;
    height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.order_srch .pr_ipt .lb_date input {
    width: 81px;
    border: 0;
    outline: 0;
    text-align: center;
    font-size: 13px;
    color: #424241;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    height: 24px;
    line-height: 24px
}

.order_srch .pr_ipt em {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 3px
}

.order_srch .pr_slct {
    display: inline-block;
    margin-right:5px
}

.order_srch .pr_slct select {
    width: 100px;
    height: 26px;
    border: 1px solid #ccc;
    padding-left: 8px;
    vertical-align: middle
}

.order_srch .pr_ipt2 {
    display: inline-block;
    margin-right: 5px
}

.order_srch .pr_ipt2 input {
    font-size: 13px;
    width: 200px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    color: #424241
}

.mybuyde_refertxt {
    padding: 10px 28px;
    border: 1px solid #ccc
}

.mybuyde_refertxt dl {
    position: relative;
    color: #424241;
    border-top: 1px solid #ccc;
    padding: 18px 0 5px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.mybuyde_refertxt dl:first-child {
    border-top: 0
}

.mybuyde_refertxt dl dt {
    position: absolute;
    top: 18px;
    left: 0;
    font-size: 15px
}

.mybuyde_refertxt dl dd {
    padding: 0 0 15px 100px;
    position: relative;
    line-height: 18px
}

.mybuyde_refertxt dl dd:before {
    width: 2px;
    height: 2px;
    display: inline-block;
    background-color: #424241;
    position: absolute;
    left: 90px;
    top: 7px;
    content: ''
}

.order_info_wrap {
    padding-bottom: 17px;
    position: relative
}

.order_info_wrap .table3 tr td{height:34px;box-sizing:border-box}

.order_info_wrap .btm_opt {
    position: absolute;
    bottom: -13px;
    right: 0
}

.order_info_wrap .btm_opt .bndl {
    display: inline;
    vertical-align: top;
    margin: 0 0 5px 15px
}

.order_info_wrap.order_prd_info .table3 th,.order_info_wrap.order_prd_info .table3 td {
    border-right: 0;
    padding: 5px 0 5px 20px;
    height: 20px;
    text-align: center
}

.txt_order_detl {
    color: #777;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.8px
}

.sum_payment {
    position: absolute;
    background: #ededed;
    display: block;
    font-weight: normal;
    width: 450px;
    margin-top: 10px;
    z-index: 10
}

.sum_payment td {
    margin: 0 !important;
    border-collapse: collapse;
    border: 0
}

.sum_payment .sum_payment_table {
    width: 100%;
    border: 2px solid #999
}

.sum_payment .sum_payment_table th {
    padding-left: 0;
    text-align: center;
    font-weight: bold
}

.sum_payment .sum_payment_table td {
    background: #fff;
    border-right: 1px solid #eee
}

.sum_payment .each_payment {
    width: 100%
}

.sum_payment .each_payment .payment_top td {
    border-top: 0 !important
}

.sum_payment .each_payment .pay_r {
    text-align: right;
    padding-right: 10px !important
}

.sum_payment .each_payment .pay_l {
    text-decoration: line-through
}

.sum_payment .each_payment td {
    border-bottom: 0;
    text-align: center
}

.order_srch.chng_pg {
    margin-bottom: 9px
}

.proc_loc {
    margin-bottom: 30px;
    border: 5px solid #ececec;
    text-align: center
}

.proc_loc .proc_tap li {
    width: 16.66%;
    float: left
}

.proc_loc .proc_tap li div {
    position: relative;
    border-left: 2px solid #ececec;
    height: 103px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-weight: bold
}

.proc_loc .proc_tap li:first-child div {
    border-left: 0
}

.proc_loc .proc_tap li .txt span {
    display: block;
    text-align: center
}

.proc_loc .proc_tap li .txt .t1 {
    font-size: 18px
}

.proc_loc .proc_tap li .txt .t2 {
    font-size: 12px
}

.proc_loc .proc_tap li .num {
    color: #ff4200;
    font-size: 35px;
    height: 61px;
    line-height: 61px;
    letter-spacing: -2px
}

.order_srch .r_opt {
    position: absolute;
    right: 10px;
    top: 9px
}

.order_srch .r_opt select {
    height: 22px;
    line-height: 22px
}

.chng_tbl.rcnt_lst table td {
    border-bottom: 1px solid #ccc;
    vertical-align: middle
}

.chng_tbl.rcnt_lst table tr:last-child td {
    border-bottom: 0
}

.chng_tbl.rcnt_lst table td.date {
    text-align: center
}

.chng_tbl.rcnt_lst table td.date .t1 {
    font-weight: bold;
    margin-bottom: 5px
}

.chng_tbl.rcnt_lst table td.date .t2 {
    margin-bottom: 5px
}

.chng_tbl.rcnt_lst table td.date .processing {
    margin-bottom: 5px
}

.chng_tbl.rcnt_lst table td.date .t2 a {
    color: #006fbd;
    text-decoration: underline
}

.chng_tbl.rcnt_lst table td.info {
    padding: 0
}

.chng_tbl.rcnt_lst table td.info .refund0 {
    background-color: #fff3ea
}

.chng_tbl.rcnt_lst table td.info .refund0 td {
    border-top: 1px solid #ddd
}

.chng_tbl.rcnt_lst table td.info .refund1 {
    background-color: #f2f9ff
}

.chng_tbl.rcnt_lst table td.order .btn_blk {
    margin-bottom: 5px
}

.chng_tbl.rcnt_lst .pro_info .photo {
    float: left;
    margin-left: 5px
}

.chng_tbl.rcnt_lst .pro_info .photo img {
    border: 1px solid #ccc;
    width: 98px;
    height: 98px
}

.chng_tbl.rcnt_lst .pro_info.att {
    vertical-align: top
}

.chng_tbl.rcnt_lst .pro_info .txt {
    text-align: left
}

.chng_tbl.rcnt_lst .pro_info .txt a {
    display: block;
    padding-top: 10px;
    color: #424241
}

.chng_tbl.rcnt_lst .pro_info .txt span {
    display: block;
    margin-bottom: 4px
}

.chng_tbl.rcnt_lst .pro_info .txt .t1 {
    font-weight: bold
}

.chng_tbl.rcnt_lst .pro_info .process {
    margin: 10px 0 0 0;
    text-align: left
}

.proc_tbl {
    color: #777;
    width: 100%
}

.proc_tbl th {
    padding: 8px 0 7px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #eee
}

.proc_tbl th.all_chck {
    text-align: left;
    padding: 0 0 0 16px
}

.proc_tbl td {
    padding: 5px 5px;
    border-bottom: 1px solid #ddd
}

.proc_tbl td.date {
    text-align: left;
    padding: 0 0 0 16px;
    border-right: 1px solid #fcfcfc
}

.proc_tbl td.won {
    text-align: center
}

.proc_tbl td.date .t1,.proc_tbl td.date .t2 {
    text-align: center
}

.proc_tbl td.date .t1 {
    font-size: 17px;
    color: #000;
    font-family: "Arial"
}

.proc_tbl td.date .t2 a,.proc_tbl td.order .t2 a {
    color: #006fbd;
    text-decoration: underline
}

.proc_tbl td.order p,.proc_tbl td.order div {
    margin-bottom: 3px
}

.proc_tbl td .ico_comm {
    width: 70px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_goods.png') 0 0 no-repeat;
    vertical-align: middle;
    margin-left: 21px;
    background-size: 70px auto
}

.proc_tbl td .ico_free {
    width: 70px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_evt_free1.png') 0 0 no-repeat;
    vertical-align: middle;
    margin-left: 14px;
    background-size: 70px auto
}

.proc_tbl td .ico_free2 {
    width: 70px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_evt_free2.png') 0 0 no-repeat;
    vertical-align: middle;
    margin-left: 14px;
    background-size: 70px auto
}

.proc_tbl tr.sold_out td .ico_free,.proc_tbl tr.sold_out td .ico_free2 {
    margin-left: 30px
}

.proc_tbl tr.sold_out td .ico_comm {
    margin-left: 37px
}

.chng_tbl.rcnt_lst.rs0 .pro_info .txt {
    margin-left: 0
}

.chng_tbl.rcnt_lst.rs0 .pro_info .num {
    margin-left: 0
}

.chng_tbl.rcnt_lst.rs0 .info {
    padding: 0
}

.chng_tbl.rcnt_lst.rs0 .last td {
    border-bottom: 0
}

.chng_tbl.rcnt_lst.rs0 .pro_info .process {
    margin: 7px 0 0 0
}

.pw0 {
    width: 120px
}

.pw1 {
    width: 371px
}

.pw2 {
    width: 137px
}

.pw3 {
    width: 176px
}

.rw0 {
    width: 97px
}

.rw1 {
    width: 274px
}

.rw2 {
    width: 137px
}

#pop_contents .proc_tbl.up_prd {
    border-top: 3px solid #666;
    margin-bottom: 20px
}

#pop_contents .proc_tbl.up_prd th,#pop_contents .proc_tbl.up_prd td {
    border: 1px solid #ddd
}

#pop_contents .proc_tbl.up_prd th.up_prd_slct {
    background-color: #e2e2e2
}

#pop_contents .proc_tbl.up_prd td.up_prd_slct {
    font-weight: bold
}

#pop_contents .proc_tbl.up_prd td.up_prd_slct button {
    vertical-align: bottom
}

#pop_contents .proc_tbl.up_prd td.up_prd_slct div {
    padding-bottom: 4px
}

#pop_contents {
    padding: 10px;
    font-family: "Dotum","µ¸¿ò";
    min-width: 940px
}

#pop_contents .inquiry {
    margin: 0 0 3px 0
}

#pop_contents .proc_detail_list {
    position: relative
}

#pop_contents .proc_detail_list .add_list .ico_free+.pro_info,#pop_contents .proc_detail_list .add_list .ico_free2+.pro_info,#pop_contents .proc_detail_list .add_list .ico_comm+.pro_info {
    margin-left: 108px
}

#pop_contents .proc_detail_list .add_list .ico_free,#pop_contents .proc_detail_list .add_list .ico_free2,#pop_contents .proc_detail_list .add_list .ico_comm {
    position: absolute;
    top: 50%;
    margin-top: -10px
}

#pop_contents .proc_detail_list .pro_info .photo img {
    width: 50px
}

#pop_contents .proc_detail_list .pro_info .txt {
    margin-left: 67px
}

#pop_contents .proc_tbl th {
    border-top: 3px solid #666
}

#pop_contents .icp {
    background: url(//okst.okmall.com/OKOutdoor/PC/Mypage/icon_red_arrow.gif) 10px 13px no-repeat
}

#pop_contents .proc_detail_list {
    margin: 0
}

#pop_contents .scrollTop {
    padding-right: 15px;
    background: #eee
}

#pop_contents .scrollTop:after {
    border-top: 3px solid #666;
    position: absolute;
    top: 0;
    content: '';
    width: 100%
}

#pop_contents #RequestFormStep1 .proc_detail_list.scrollUI {
    overflow-y: scroll
}

#pop_contents #LAST_FM .con_title {
    width: auto;
    padding: 11px 0 11px 30px
}

#pop_contents #LAST_FM .con_title .arr_btn {
    margin-left: 10px
}

#pop_contents .con_title {
    margin-top: 40px
}

#pop_contents .con_title.fst {
    margin-top: 0 !important
}

#pop_contents .pop_commt {
    padding: 10px 0 30px 0
}

#pop_contents .pop_commt dt {
    float: left;
    padding: 5px 2px 0 0;
    width: 140px;
    font-weight: bold
}

#pop_contents .pop_commt dd {
    margin-left: 140px;
    padding: 5px 0 2px 0
}

#pop_contents .bt {
    padding: 15px 10px;
    border-top: 1px solid #777
}

#pop_contents label {
    padding: 0 0 0 5px
}

#pop_contents .proc_tbl .layer_mp {
    left: -198px
}

#pop_contents input[type=text] {
    margin-bottom: 3px;
    padding: 0 2px;
    font-size: 12px;
    color: #666
}

#pop_contents input[type=checkbox] {
    cursor: pointer
}

#pop_contents select {
    font-size: 12px;
    margin: 0;
    color: #666
}

#pop_contents textarea {
    font-size: 12px;
    color: #666
}

#pop_contents .link_txt {
    text-decoration: underline;
    color: #b5b0b0;
    font-weight: bold
}

.refund0,.refund1 {
    border-spacing: 0;
    border-collapse: separate
}

.refund0 td {
    background-color: #fff3ea !important;
    position: relative
}

.refund1 td {
    background-color: #f2f9ff !important;
    position: relative
}

.refund2 td {
    background-color: #fff !important
}

.refund0 td.date,.refund1 td.date {
    border-right: 1px solid #ddd
}

.input_box h4 {
    float: left;
    padding: 0 10px 10px 0
}

.tit_sub {
    padding: 25px 0 8px;
    font-size: 14px;
    color: #323232;
    font-weight: bold
}

.refund_info {
    border: 6px solid #eee;
    padding: 9px 9px 0
}

.refund_info .sale_list_wrap {
    position: relative;
    margin-bottom: 10px
}

.refund_info .sale_list_wrap:after {
    content: '';
    display: block;
    clear: both
}

.refund_info .sale_list {
    display: inline-block;
    padding-right: 16px;
    border-right: 1px solid #d0d0d0;
    float: left
}

.refund_info .sale_list li {
    margin-bottom: 3px
}

.refund_info .sale_list li:last-child {
    margin-bottom: 0
}

.refund_info .sale_list .t_sale {
    width: 157px;
    height: 18px;
    padding-top: 6px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #b2b2b2
}

.refund_info .sale_list .t_pr {
    width: 74px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    font-weight: bold;
    color: #848484;
    display: inline-block;
    text-align: right;
    position: relative;
    padding-right: 18px
}

@media all and (-webkit-min-device-pixel-ratio: 0) {
    .refund_info .sale_list .t_pr {
        letter-spacing:-.5px
    }
}

.refund_info .sale_list .on .t_sale {
    background: #ff4200
}

.refund_info .sale_list .on .t_pr {
    color: #ff4200
}

.refund_info .sale_list .on .t_pr:after {
    width: 14px;
    height: 14px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_sale_on.png') 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 4px;
    content: ''
}

.refund_info .t_sale_apply {
    position: absolute;
    left: 303px;
    top: 50%;
    margin-top: -7px
}

.refund_info .t_sale_add {
    margin-bottom: 5px
}

.tbl_se {
    clear: left;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666
}

.tbl_se th,.tbl_se td {
    padding: 5px 10px;
    line-height: 20px
}

.tbl_se th {
    background-color: #f7f7f7;
    font-weight: normal;
    text-align: left
}

.tbl_se th .ico_minus {
    float: right;
    width: 21px;
    height: 20px;
    display: inline-block;
    font-style: normal;
    text-indent: -99999px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_minus.png') 0 0 no-repeat
}

.tbl_se th .ico_plus {
    float: right;
    width: 21px;
    height: 20px;
    display: inline-block;
    font-style: normal;
    text-indent: -99999px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_plus.png') 0 0 no-repeat
}

.tbl_se th .ico_equal {
    float: right;
    width: 21px;
    height: 20px;
    display: inline-block;
    font-style: normal;
    text-indent: -99999px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_eq.png') 0 0 no-repeat
}

.tbl_se tr.first th,.tbl_se tr.first td {
    padding: 10px;
    border-bottom: 1px solid #e1e1e1
}

.tbl_se tr.last th,.tbl_se tr.last td {
    padding: 10px;
    border-top: 1px solid #e1e1e1
}

.tbl_se .bdL_line {
    border-left: 2px solid #5e5e5e
}

.tbl_se .sp_price {
    display: inline-block;
    width: 70px;
    text-align: right
}

#ReqMember .tbl_se {
    border-top: 0;
    border-bottom: 0
}

#ReqMember .tbl_se th {
    border-top: 1px solid #fff
}

.tbl_auto {
    width: auto !important;
    border: 2px solid #5e5e5e
}

.obtn_postNum {
    margin-right: 15px
}

.layer_request_change {
    display: none;
    box-shadow: 1px 1px 1px #b4b4b4;
    padding: 5px 10px;
    border: 3px solid #c8070f;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 137px;
    width: 640px;
    height: 322px;
    margin-left: -333px;
    z-index: 110
}

.layer_request_change .proc_tbl {
    margin-bottom: 8px
}

.layer_request_change .proc_tbl td {
    padding: 5px 0
}

.layer_request_change.on {
    display: block
}

.layer_request_change .bt {
    padding: 15px 10px 0 10px !important;
    border-width: 2px
}

.layer_request_change textarea {
    margin-bottom: 8px;
    border: 1px solid #ddd;
    padding: 3px;
    width: 99%;
    text-align: left;
    color: #7f7f7f
}

.input_textarea {
    margin-bottom: 8px;
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 3px;
    width: 99%;
    text-align: left;
    color: #7f7f7f
}

.input_option select,.input_option input,.input_option button {
    margin-bottom: 8px !important
}

caption {
    font-size: 0
}

.layer_cover {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    background-color: #000;
    opacity: .05;
    width: 100%;
    height: 496px;
    z-index: 105;
    filter: alpha(opacity=5)
}

.layer_cover.on {
    display: block
}

.mygrade_view {
    margin-top: 22px
}

.mygrade_view .mygrade_box {
    width: 437px;
    float: left;
    margin-right: 10px
}

.mygrade_view .mygrade_box.rig {
    margin-right: 0
}

.mygrade_view .more_btn {
    margin-top: 15px
}

.mygrade_view .more_btn button:last-child {
    float: right
}

.mygrade_view .grade_t1 {
    margin-top: 10px;
    line-height: 22px
}

.okmall_shop_box1 {
    height: 75px;
    border: 7px solid #ececec;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 24px;
    font-weight: bold;
    color: #424241;
    padding: 13px 0 0 15px;
    line-height: 1.3
}

.okmall_shop_box2 {
    margin-top: 25px;
    padding: 0 0 10px 22px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.okmall_shop_box2 strong {
    position: relative;
    font-size: 20px;
    margin-bottom: 7px;
    display: block
}

.okmall_shop_box2 strong:before {
    width: 3px;
    height: 3px;
    position: absolute;
    background-color: #424241;
    left: -8px;
    top: 8px;
    content: ''
}

.okmall_shop_box3 {
    border: 1px solid #e9e9e9;
    background-color: #f3f3f3;
    padding: 13px 21px 4px;
    color: #424241;
    font-size: 14px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.okmall_shop_box3 .tit {
    margin-bottom: 13px;
    padding-left: 18px;
    font-weight: bold;
    position: relative
}

.okmall_shop_box3 .tit:before {
    position: absolute;
    width: 13px;
    height: 16px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -600px -420px no-repeat;
    content: '';
    left: 0;
    top: 0
}

.okmall_shop_box3 p {
    margin-bottom: 7px
}

.okmall_shop_box3 p strong {
    display: inline-block;
    margin-right: 3px
}

.okmall_shop_login {
    border: 1px solid #e9e9e9;
    background-color: #f3f3f3;
    padding: 19px 22px
}

.okmall_shop_login dl {
    width: 338px
}

.okmall_shop_login dl dt {
    float: left;
    width: 90px;
    color: #343434;
    font-size: 14px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: bold
}

.okmall_shop_login dl dd {
    width: 248px;
    float: left;
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.okmall_shop_login dl dd input[type="text"] {
    height: 24px;
    line-height: 24px;
    background: #fff;
    outline: 0;
    border: 1px solid #bbb;
    width: 226px;
    padding: 0 10px
}

.okmall_shop_login .button_wrap {
    text-align: right;
    width: 338px
}

.myp_tbl2 {
    border: 1px solid #ccc
}

.myp_tbl2 th {
    height: 31px;
    background-color: #efefef;
    border-bottom: 1px solid #ccc;
    color: #424241;
    font-size: 14px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.myp_tbl2 td {
    padding: 10px 2px 8px;
    text-align: center;
    vertical-align: middle;
    color: #424241;
    font-size: 12px;
    border-bottom: 1px solid #ccc
}

.myp_tbl2 tr:last-child td {
    border-bottom: 0
}

.bbs_top.bg_mypoint {
    height: 90px;
    background: url('//okst.okmall.com/OKmall/PC/Board/tit_mypoint_bg.png') 15px 15px no-repeat
}

.dscrt_mypoint {
    position: absolute;
    left: 209px;
    top: 20px
}

.dscrt_mypoint li {
    position: relative;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    color: #424241;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold
}

.dscrt_mypoint li:before {
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #424241;
    top: 6px;
    content: '';
    left: -8px
}

.t_mypoint {
    position: absolute;
    left: 208px;
    bottom: 22px;
    font-size: 18px;
    font-weight: bold;
    color: #424241;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.t_mypoint .sp {
    display: inline-block;
    margin-right: 26px
}

.t_total_mypoint {
    font-size: 20px;
    font-weight: bold;
    color: #424241;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    padding-bottom: 10px
}

.btn_gift_reg {
    float: right;
    margin-top: -13px
}

.mypoint_box {
    padding-top: 20px
}

.mysavem_pointxt {
    padding-top: 10px
}

.mysavem_pointxt li {
    padding-left: 8px;
    position: relative;
    line-height: 1.5;
    color: #999;
    font-size: 11px
}

.mysavem_pointxt li:before {
    width: 2px;
    height: 2px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 6px;
    content: ''
}

.point_use_box {
    display: block
}

.SendEtc {
    margin-top: 3px;
    display: inline-block
}

.myp_tbl2 .use_info {
    padding: 0
}

.myp_tbl2 .use_lst {
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #ccc
}

.myp_tbl2 .use_lst.lst {
    border-bottom: 0
}

div.mybuyde_login {
    padding: 42px 20px 20px 20px;
    margin: 20px 0 40px 0;
    height: 88px;
    border: 1px solid #ccc
}

div.mybuyde_login div {
    position: relative;
    float: left;
    width: 346px;
    height: 71px;
    padding: 16px 0 0 25px;
    background: #eee
}

div.mybuyde_login div h3 {
    position: absolute;
    left: 0;
    top: -22px
}

div.mybuyde_login div p {
    padding-bottom: 12px;
    height: 22px
}

div.mybuyde_login div p img {
    vertical-align: middle;
    padding-right: 16px
}

div.mybuyde_login div p input.yesmem_inpttxt {
    height: 20px;
    border: 1px solid #ccc;
	text-align:left;
}

.yesmem_inpttxt::-webkit-input-placeholder{text-align:left;position:relative;left:-5px}
.yesmem_inpttxt:-moz-placeholder{text-align:left;position:relative;left:-5px}
.yesmem_inpttxt::-moz-placeholder{text-align:left;position:relative;left:-5px}

div.mybuyde_login div p.yesmem_bt {
    position: absolute;
    right: 10px;
    top: 15px
}

div.mybuyde_login div.yesmem {
    margin-right: 20px;
    height: 172px
}

div.mybuyde_login {
    height: 432px
}

div.mybuyde_login div {
    margin-bottom: 50px
}

div.mybuyde_login div.takeUser {
    width: 371px;
    height: 87px;
    padding: 0
}

div.mybuyde_login div.noOrderMem {
    margin: 0 20px 13px 0;
    clear: both
}

div.mybuyde_login .noRequestMem {
    margin-bottom: 13px
}

div.mybuyde_login div.nomember_check1 {
    width: 330px;
    margin: 0 20px 5px 0;
    padding: 0 26px 0 10px;
    height: auto;
    background: none;
    color: #5192ae
}

div.mybuyde_login div.nomember_check2 {
    width: 356px;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
    height: auto;
    background: none;
    color: #5192ae
}

div.mybuyde_login div.nomember_check2 span {
    color: #ad2a3c;
    font-weight: bold
}

div.mybuyde_login div.nomember_check1 ul li,div.mybuyde_login div.nomember_check2 ul li {
    line-height: 1.4
}

.myp_pw_box {
    width: 468px;
    border: 5px solid #e6e6e6;
    margin: 156px auto 0;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.myp_pw_box ul {
    padding: 22px 32px 0
}

.myp_pw_box ul li {
    padding: 9px 0;
    color: #828282;
    font-size: 16px;
    font-weight: bold
}

.myp_pw_box ul li input[type="password"] {
    width: 100%;
    text-indent: 23px;
    height: 18px;
    padding: 8px 0;
    border: 1px solid #dadada;
    outline: 0;
    line-height: 14px;
    font-family: "¸¼Àº °íµñ","Malgun Gothic","sans-serif";
    color: #828282;
    font-weight: bold;
    font-size: 16px
}

.myp_pw_box ul li span {
    color: #ff4200
}

.myp_pw_box p {
    padding: 15px 33px 25px;
    line-height: 22px;
    color: #969696;
    font-size: 14px;
    letter-spacing: -1px
}

.myp_pw_box p strong {
    color: #505050
}

.myinfo_box {
    padding: 3px 0 25px
}

.myinfo_box input[type="text"] {
    text-indent: 4px
}

.myinfo_box .sp_call select {
    height: 20px;
    border: 1px solid #ccc;
    border-right: 0
}

.myinfo_box .sp_call input[type="text"] {
    margin-left: -4px
}

.myinfo_box .t_prvc {
    font-size: 12px;
    color: #8d8d8d;
    padding: 2px 0 15px
}

.myinfo_box .privacy_date_wrap {
    border: 1px solid #eee;
    padding: 23px 9px 9px
}

.myinfo_box .privacy_date_wrap .privacy_date_box li {
    display: inline-block;
    width: 262px;
    margin-left: 23px;
    font-size: 15px;
    color: #3e3e3e
}

.myinfo_box .rdo_label input[type="radio"] {
    position: absolute;
    left: -999px
}

.myinfo_box .rdo_label .txt_rdo {
    padding-left: 25px;
    background: url('//okst.okmall.com/OKmall/PC/mypage/ico_slct_off.png') 0 center no-repeat;
    min-height: 14px;
    display: inline-block
}

.myinfo_box .rdo_label input[type="radio"]:checked+.txt_rdo {
    background-image: url('//okst.okmall.com/OKmall/PC/mypage/ico_slct_on.png')
}

.myinfo_box .privacy_date_wrap .agree_box {
    background: #f7f7f7;
    padding: 7px 18px;
    line-height: 17px;
    color: gray;
    font-size: 12px;
    margin-top: 22px
}

tr.ChangePw .layer_helper {
    top: 340px;
    left: 450px
}

.mymem_bt {
    height: 28px;
    margin: 20px 0 29px 301px
}

.mymem_bt li {
    float: left;
    padding-left: 10px
}

.pop_conts {
    background: #fff;
    border: 1px solid #ff6b01;
    position: absolute;
    z-index: 10
}

.pop_conts h3 {
    background: url("//okst.okmall.com/MyPage/20130703/img_pop_red_bg.jpg") repeat-x scroll 0 0;
    height: 36px;
    line-height: 33px;
    padding-left: 18px
}

.pop_conts .section {
    line-height: 18px
}

.company_num {
    margin: 2px 0 5px;
    font-size: 13px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.table3 .zip_bx {
    margin-bottom: 5px
}

.mymem_bt .pop_wrap .pop_conts {
    margin-left: -200px;
    margin-top: -260px
}

.mymem_bt .pop_wrap .pop_conts h3 {
    padding-top: 10px
}

.mymem_bt .pop_wrap .pop_conts .section {
    padding: 17px 25px 20px 20px
}

.mymem_bt .pop_wrap .pop_conts .section .content_out {
    margin-bottom: 17px;
    padding-bottom: 29px;
    border-bottom: 1px solid #e8e7e7
}

.mymem_bt .pop_wrap .pop_conts .section .content_out2 {
    margin: 18px 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #e8e7e7
}

.mymem_bt .pop_wrap .pop_conts .section .content_out_btn {
    text-align: center
}

.mymem_bt .pop_wrap .pop_conts .section .point_today {
    font-weight: bold;
    margin: -10px 0 18px 0
}

.mymem_bt .pop_wrap .pop_conts .section .point_content {
    padding: 22px 51px 18px 51px;
    background: #f6f6f6;
    color: #787878
}

.mymem_bt .pop_wrap .pop_conts .section .point_content p {
    background: url('//okst.okmall.com/MyPage/20130703/blt_mymem.png') 0 7px no-repeat;
    padding-left: 10px;
    height: 25px
}

.mymem_bt .pop_wrap .pop_conts .section .point_content p .point_right {
    float: right
}

.mymem_bt .pop_wrap .pop_conts .section .point_content .point_last {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd
}

.mymem_bt .pop_wrap .pop_conts .section .point_content .point_sum {
    color: #323232;
    font-weight: bold;
    background: none
}

.mymemout_txt3 {
    text-align: center;
    position: relative;
    border: 1px solid #ddd;
    height: 26px;
    padding-top: 6px
}

.mymemout_txt3 .txt_personal_info {
    margin-left: 10px
}

.myp_layer2.member_out {
    width: 370px
}

.myp_layer2.member_out .layer_ctt {
    text-align: center
}

.myp_layer2.member_out .layer_ctt .point_content {
    margin: 10px 0;
    padding: 22px 35px 18px;
    background: #f6f6f6;
    color: #787878;
    text-align: left
}

.myp_layer2.member_out .layer_ctt .point_content p {
    padding-left: 10px;
    height: 25px;
    position: relative
}

.myp_layer2.member_out .layer_ctt .point_content p.point_lst:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 3px;
    height: 3px;
    background-color: #ff4200
}

.myp_layer2.member_out .layer_ctt .point_content p .point_right {
    float: right
}

.myp_layer2.member_out .layer_ctt .point_content .point_last {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd
}

.myp_layer2.member_out .layer_ctt .point_content .point_sum {
    color: #323232;
    font-weight: bold;
    background: none
}

.result {
    text-align: center;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 15px;
    padding-top: 160px
}

.myp_btn_wrap {
    height: 22px;
    margin: 16px 0 5px;
    position: relative
}

.myp_btn_wrap .sp {
    float: left;
    display: inline-block;
    margin-right: 7px
}

.myp_btn_wrap .mywantprt_search {
    position: absolute;
    right: 10px;
    top: 0
}

.myp_btn_wrap .mywantprt_search select {
    width: 182px;
    height: 20px;
    border: 1px solid #ccc;
    margin-right: 10px
}

.myp_tbl {
    background: url('//okst.okmall.com/OKmall/PC/Common/Img/benefit/bg_grade_btm.jpg') repeat-x left top
}

.myp_tbl th {
    color: #424241;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #6e6c6c
}

.myp_tbl td {
    color: #424241;
    vertical-align: middle;
    text-align: center;
    padding: 15px 5px;
    border-bottom: 1px solid #bebebe;
    font-size: 13px;
    letter-spacing: -1px
}

.myp_tbl td.no_prd {
    padding: 30px 0
}

.myp_tbl td img {
    width: 76px;
    height: 76px;
    border: 1px solid #ccc
}

.myp_tbl td .favorite_prd {
    width: 300px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5
}

.myp_tbl td .sp {
    display: block;
    margin-bottom: 8px
}

.myp_tbl td .favorite_num {
    display: block;
    text-align: left !important
}

.myp_tbl td .sz_slct {
    width: 180px;
    height: 20px;
    border: 1px solid #898989
}

.myp_tbl td .ipt_num {
    width: 38px;
    height: 18px;
    text-align: center;
    border: 1px solid #898989
}

.myp_tbl td .t_price {
    color: #ff4200;
    font-weight: bold;
    display: block
}

.myp_tbl td .t_del {
    text-decoration: line-through;
    letter-spacing: -1px
}

.myp_refertxt {
    padding: 18px 0 1px 107px;
    margin: 30px 0 15px;
    border: 1px solid #ddd;
    line-height: 1.3em;
    background: #f5f5f5;
    position: relative
}

.myp_refertxt:before {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -680px -340px no-repeat;
    content: '';
    position: absolute;
    left: 28px;
    top: 20px;
    width: 56px;
    height: 56px
}

.myp_refertxt span {
    font-weight: bold;
    color: #333
}

.myp_refertxt span.zzim_normal {
    font-weight: normal
}

.myp_refertxt ul li {
    padding: 0 25px 13px 8px;
    font-size: .95em;
    color: #777;
    position: relative
}

.myp_refertxt ul li:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: '';
    width: 2px;
    height: 2px;
    background-color: #aaa
}

.pagenation_wrap {
    padding: 30px 0 50px;
    text-align: center;
    position: relative
}

.pagenation_wrap .pagenation_box {
    display: inline-block
}

.pagenation_wrap .pagenation_box a,.pagenation_wrap .pagenation_box strong {
    height: 20px;
    width: 20px;
    line-height: 24px;
    color: #828282;
    border: 1px solid #e4e4e4;
    display: inline-block;
    vertical-align: middle;
    background: #f7f7f7
}

.pagenation_wrap .pagenation_box a.num {
    background-color: #fff
}

.pagenation_wrap .pagenation_box strong,.pagenation_wrap .pagenation_box a.num:hover {
    color: #fff;
    background-color: #ff4200;
    border: 1px solid #ff4200;
    font-weight: normal
}

.pagenation_wrap .pagenation_box .pre span,.pagenation_wrap .pagenation_box .bef span,.pagenation_wrap .pagenation_box .aft span,.pagenation_wrap .pagenation_box .nex span {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') 0 0 no-repeat;
    display: inline-block;
    font-size: 0;
    text-indent: -9999px;
    height: 7px;
    margin-top: 6px
}

.pagenation_wrap .pagenation_box .pre span {
    background-position: -440px -400px;
    width: 8px
}

.pagenation_wrap .pagenation_box .bef span {
    background-position: -460px -400px;
    width: 4px
}

.pagenation_wrap .pagenation_box .aft span {
    background-position: -480px -400px;
    width: 4px
}

.pagenation_wrap .pagenation_box .nex span {
    background-position: -500px -400px;
    width: 8px
}

.qna_top {
    padding: 23px 0 20px
}

.qna_board_faq {
    position: relative;
    margin: 0 0 20px 0;
    line-height: 16px;
    border: 6px solid #ececec;
    padding: 24px 0 20px
}

.qna_board_faq .faq_box {
    width: 786px;
    margin: 0 auto;
    padding-left: 132px;
    position: relative
}

.qna_board_faq .faq_box:before {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -660px -320px no-repeat;
    width: 122px;
    height: 20px;
    position: absolute;
    content: '';
    left: 0;
    top: 8px
}

.qna_board_faq .faq_box .search_box {
    width: 386px;
    display: inline-block;
    position: relative
}

.qna_board_faq .faq_box .search_txt {
    width: 300px;
    height: 33px;
    padding: 0;
    outline: 0;
    padding: 0 8px;
    border-right: 0;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 15px;
    font-weight: bold;
    color: #8c8c8c;
    float: left
}

.qna_board_faq .faq_box p {
    padding-top: 8px
}

.qna_board_faq .faq_box .quick_search {
    margin: 9px 0 0 0
}

.qna_board_faq .faq_box .quick_search ul:after {
    display: block;
    clear: both;
    content: ''
}

.qna_board_faq .faq_box .quick_search ul li {
    float: left
}

.qna_board_faq .faq_box .quick_search ul li a {
    display: block;
    padding: 0 11px 0 10px;
    position: relative;
    height: 15px;
    font-weight: bold;
    font-size: 14px;
    color: #777;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    line-height: 1
}

.qna_board_faq .faq_box .quick_search ul li a:after {
    position: absolute;
    right: 0;
    height: 14px;
    border-right: 1px solid #ccc;
    content: ''
}

.qna_board_faq .faq_box .quick_search ul li:last-child a:after {
    border-right: 0
}

.qna_board_faq .faq_box .quick_menu {
    position: absolute;
    right: 0;
    top: -2px
}

.qna_board_faq .faq_box .quick_menu li {
    float: left
}

.qna_board_faq .faq_box .quick_menu li a {
    display: block;
    padding: 0 22px;
    height: 57px;
    position: relative
}

.qna_board_faq .faq_box .quick_menu li a:after {
    position: absolute;
    border-right: 1px solid #e5e5e5;
    height: 53px;
    content: '';
    right: 0;
    top: 5px
}

.qna_board_faq .faq_box .quick_menu li:last-child a:after {
    border-right: 0
}

.qna_board_faq .faq_box .quick_menu li a span {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -400px -320px no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block
}

.qna_board_faq .faq_box .quick_menu li a .m1 {
    width: 72px;
    height: 56px;
    margin-top: 2px
}

.qna_board_faq .faq_box .quick_menu li a .m2 {
    width: 98px;
    height: 57px;
    background-position: -480px -320px;
    margin-top: 1px
}

.qna_board_faq .faq_box .quick_menu li a .m3 {
    width: 72px;
    height: 58px;
    background-position: -580px -320px
}

.best_qna_box {
    margin-bottom: 25px
}

.best_qna_box .tit_p,.tit_p {
    position: relative;
    margin: 30px 0 12px
}

.best_qna_box .tit_h4 {
    font-size: 20px;
    font-weight: bold;
    color: #454444;
    letter-spacing: -.8px;
    line-height: 1;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    display: inline-block;
    width: auto;
    margin: 0
}

.best_qna_box .s_cate {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle
}

.best_qna_box .s_cate li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #ccc
}

.best_qna_box .s_cate li:first-child {
    border-left: 1px solid #ccc
}

.best_qna_box .s_cate li a {
    display: block;
    color: #777;
    font-size: 14px;
    font-weight: bold;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    line-height: 1;
    height: 15px
}

.best_qna_box .s_cate li.on a {
    color: #ff4200
}

.best_qna_box .qna_category_box {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow: hidden;
    margin-top: 30px
}

.best_qna_box .qna_category_box li {
    float: left;
    width: 16.66%;
    height: 31px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa
}

.best_qna_box .qna_category_box li.on {
    background-color: #3f4250
}

.best_qna_box .qna_category_box li.on a {
    color: #fff
}

.best_qna_box .qna_category_box li.on a span:after {
    content: '';
    width: 9px;
    height: 3px;
    display: inline-block;
    background: url('//okst.okmall.com/OKmall/PC/Board/blt_faq_menu.png') right top no-repeat;
    position: relative;
    top: -2px
}

.best_qna_box .qna_category_box li a {
    display: block
}

.best_qna_box .qna_category_box li span {
    height: 31px;
    line-height: 33px;
    border-right: 1px solid #ddd;
    display: block;
    font-size: 13px
}

.best_qna_board {
    position: relative;
    height: 25px
}

.best_qna_board strong {
    font-size: 18px;
    color: #454544;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    line-height: 16px
}

.best_qna_board a {
    position: absolute;
    right: 0;
    top: -5px
}

.table .best_answer td {
    display: none
}

.table .best_answer.on td {
    display: table-cell
}

.myp_tab_wrap {
    position: relative;
    margin: 30px 0 12px
}

.myp_tab_wrap .q_btn {
    top: 10px;
    position: absolute;
    right: 0
}

ul.myp_tab {
    border-bottom: 2px solid #ff4200;
    height: 40px
}

ul.myp_tab li {
    float: left
}

ul.myp_tab li a {
    display: block;
    width: 161px;
    height: 42px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ff4200;
    border-left: 0;
    background-color: #fbfbfb;
    color: #7f8191;
    font-weight: bold;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 14px;
    line-height: 42px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative
}

ul.myp_tab li:first-child a {
    border-left: 1px solid #ccc
}

ul.myp_tab li.over a {
    color: #ff4200;
    border-bottom: 2px solid #fff;
    background-color: #fff
}

ul.myp_tab li.over a:after {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    border: 2px solid #ff4200;
    border-bottom: 0;
    width: 158px;
    height: 100%;
    z-index: 10
}

ul.myp_tab li:first-child.over a:after {
    width: 157px
}

.list_reason {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.list_reason .list_reason_etc {
    background-color: #fff;
    border: 1px solid #000;
    padding: 5px 5px 2px;
    position: absolute;
    top: 15px;
    width: 260px;
    margin-left: -130px;
    line-height: 1.3;
    display: none
}

.list_reason:hover .list_reason_etc {
    display: block
}

.re_write {
    font-size: 11px;
    color: #555
}

.re_write .red {
    color: #bc0109;
    margin: 20px 0 12px
}

.caution {
    font-size: 11px;
    color: #777
}

.caution li {
    margin-bottom: 7px
}

.caution li strong {
    font-size: 12px
}

.caution li span {
    display: block;
    margin: 7px 0 0 17px
}

.cau_btn {
    margin: 0 0 15px 17px
}

.bbs_table {
    text-align: left;
    border-top: 1px solid #ddd
}

.bbs_table .bt th,.bbs_table .bt td {
    border-top: 1px solid #ddd
}

.bbs_table th {
    padding-left: 18px;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    font-weight: normal;
    color: #333;
    text-align: left
}

.bbs_table td {
    padding: 10px;
    font-size: 11px;
    line-height: 15px;
    color: #787878;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.bbs_table td.pt {
    padding-top: 8px
}

.bbs_table input {
    vertical-align: middle
}

.bbs_table input[type=text] {
    border: 1px solid #ccc;
    text-indent: 5px;
    font-size: 12px;
    line-height: 20px
}

.bbs_table .red {
    color: #d71921
}

.bbs_table .qna_list {
    border: 0;
    width: 97%
}

.bbs_table .qna_list th {
    border: 0
}

.bbs_table .qna_list td {
    border-left: 0;
    border-right: 0
}

.bbs_table .qna_list td,.bbs_table .gray {
    color: #787878
}

.bbs_table td .red {
    margin-left: -10px
}

.bbs_table td input+label {
    font-size: 12px;
    margin: 0 20px 0 4px
}

.bbs_table .ml {
    margin-left: 6px
}

.bbs_table .mb {
    margin-bottom: 7px
}

.bbs_table span.mt {
    margin-top: 7px;
    display: block;
    clear: both
}

.bbs_table .tell {
    width: 50px
}

.bbs_table .pon {
    width: 60px
}

.bbs_table select {
    margin: 0;
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    height: 20px;
    vertical-align: middle
}

.bbs_table textarea {
    width: 100%;
    height: 248px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 5px;
    line-height: 15px;
    resize: none
}

.bbs_table .file {
    border: 1px solid #CCC;
    height: 17px;
    padding-top: 3px;
    width: 585px;
    float: left;
    margin-bottom: 7px
}

.bbs_table .file input {
    border: 0;
    float: left
}

.bbs_table .file input.fr {
    float: right
}

.bbs_table .gray span {
    color: #7b1600
}

.bbs_table .s_name {
    width: 85px
}

.bbs_table .s_ask {
    width: 110px
}

.bbs_table .rdo_label {
    color: #333;
    display: inline-block;
    cursor: pointer;
    margin-right: 80px;
    font-weight: bold
}

.bbs_table .FileListContent {
    padding-top: 5px;
    margin-bottom: 5px
}

.bbs_table .t_str {
    font-weight: bold;
    color: #333
}

.bbs_table .inqry_prd {
    color: #2e2e2e;
    position: relative;
    padding: 12px 0 0 60px;
    height: 43px;
    display: inline-block;
    font-size: 12px;
    line-height: 16px
}

.bbs_table .inqry_prd .img {
    width: 48px;
    height: 53px;
    display: inline-block;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 0
}

.bbs_table .inqry_prd .img img {
    width: 100%;
    height: 100%
}

.bbs_table .inqry_prd .nm {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.bbs_table .inqry_opt {
    display: inline-block;
    vertical-align: top;
    margin-top: 12px
}

.bbs_table .sub {
    font-weight: bold;
    color: #999
}

.bbs_table .sub .limitsize {
    color: red
}

.qa_conLogin {
    width: 780px;
    margin-left: 210px
}

.qa_conLogin h3 {
    padding: 20px 0 40px 20px
}

.qa_Login {
    width: 780px;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden
}

.qa_Login .qa_LoginList01 {
    float: left;
    width: 385px;
    padding: 15px 15px 15px 20px;
    border-right: 1px dashed #c2c2c2
}

.qa_Login .qa_LoginList01 h4 {
    padding-bottom: 15px
}

.qa_Login .qa_LoginList01 .qa_idPs {
    width: 340px;
    background: #eee;
    padding: 15px 0 10px 20px;
    overflow: hidden
}

.qa_Login .qa_LoginList01 .qa_idPs p {
    padding-bottom: 10px
}

.qa_Login .qa_LoginList01 .qa_idPs span {
    float: left;
    padding: 2px 20px 0 0
}

.qa_Login .qa_LoginList01 .qa_idPs a {
    float: left
}

.qa_Login .qa_LoginList02 {
    float: left;
    width: 300px;
    padding: 15px 0 0 35px
}

.qa_Login .qa_LoginList02 h4 {
    padding-bottom: 12px
}

.qa_Login .qa_LoginList02 span {
    padding: 20px 0 20px 70px;
    background: #eee;
    display: block
}

.qa_Login .qa_LoginTxt {
    padding: 35px 0 15px
}

.qa_Login .qa_LoginBnt {
    padding-left: 10px;
    margin-bottom: 5px;
    display: block
}

#lblMain {
    position: relative
}

.obtn_reInquiry {
    position: absolute;
    top: 0;
    right: 0
}

.layer_posR {
    position: relative;
    z-index: 10
}

.layer_rec {
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -222px;
    width: 445px;
    height: 234px;
    background: #fff url(//okst.okmall.com/OKOutdoor/PC/Board/img_pop_reConfirm.jpg) 0 0 no-repeat
}

.btn_rec1,.btn_rec2 {
    display: block;
    position: absolute;
    top: 136px
}

.btn_rec1 {
    width: 177px;
    height: 40px;
    left: 51px
}

.btn_rec2 {
    width: 154px;
    height: 40px;
    left: 238px
}

.ip_rec {
    position: absolute;
    left: 317px;
    top: 206px
}

.ip_rec label {
    padding-left: 7px
}

.ip_rec label a {
    font-size: 11px;
    letter-spacing: -1px;
    color: #b6b6b6
}

.board_asboard1 {
    position: relative
}

.board_asboard1 .btn_asboard1 {
    position: absolute;
    right: 123px;
    bottom: 138px
}

.board_asboard1 .btn_asboard2 {
    position: absolute;
    left: 328px;
    bottom: 92px
}

.board_asboard2 {
    position: relative
}

.board_asboard2 .btn_asboard3 {
    position: absolute;
    left: 61px;
    top: 107px
}

.qna_pop_contents {
    border: #e1e1e1 solid 1px;
    box-sizing: border-box
}

.board_asboard2 {
    position: relative
}

.board_asboard2 .btn_progress {
    position: absolute;
    top: 7px;
    left: 217px
}

.brand_box {
    position: relative;
    padding: 20px;
    border: #ccc solid 1px;
    background: #f9f9f9;
    margin: 15px auto;
    height: 250px;
    overflow: auto
}

.board_asboard2 .brand_box {
    width: 700px
}

.brand_box>ul li {
    float: left;
    display: block;
    width: 160px;
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/list_style.png") no-repeat left 7px;
    padding: 3px 0 3px 10px;
    color: #888;
    cursor: pointer
}

.brand_box>ul {
    content: "";
    display: block;
    clear: both;
    overflow: hidden
}

.brand_box>ul li:hover {
    text-decoration: underline;
    color: #fa451d
}

.brand_box .detail_popup {
    position: absolute;
    top: 200px;
    left: 30%;
    z-index: 9999
}

.brand_box .detail_popup {
    width: 364px
}

.brand_box .detail_popup .top {
    height: 2px;
    width: 100%;
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_top.png") no-repeat;
    margin: 0;
    position: static
}

.brand_box .detail_popup .middle {
    width: 100%;
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_middle.png") repeat-y
}

.brand_box .detail_popup .bottom {
    height: 8px;
    width: 100%;
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/pop_bg_bottom.png") no-repeat
}

.brand_box .detail_popup .middle {
    padding: 11px
}

.brand_box .detail_popup .middle>p {
    width: 340px;
    color: #ff4200;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.brand_box .detail_popup .middle>ul {
    width: 340px;
    margin-bottom: 15px;
    color: #555
}

.brand_box .detail_popup .middle>ul li {
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/list_style.png") no-repeat left 7px;
    padding: 3px 0 3px 10px
}

.brand_box .detail_popup .middle>ul li a {
    text-decoration: underline;
    color: #ff4200
}

.brand_box .detail_popup .middle>.close_btn {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding-right: 30px
}

.brand_box .detail_popup .middle div>p {
    width: 340px;
    color: #ff4200;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.brand_box .detail_popup .middle div>ul {
    width: 340px;
    margin-bottom: 15px;
    color: #555
}

.brand_box .detail_popup .middle div>ul li {
    background: url("//okst.okmall.com/OKOutdoor/PC/Board/20140912/list_style.png") no-repeat left 7px;
    padding: 3px 0 3px 10px;
    word-break: break-all
}

.brand_box .detail_popup .middle div>ul li a {
    text-decoration: underline;
    color: #ff4200
}

.brand_box .detail_popup .middle div>.close_btn {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding-right: 30px
}

.board_asboard3 {
    position: relative
}

.board_asboard3 .btn_asboard1 {
    position: absolute;
    top: 222px;
    left: 493px
}

.board_asboard3 .btn_asboard2 {
    position: absolute;
    top: 205px;
    left: 370px
}

.agreement div#Agree4 {
    width: 1172px
}

.as_select {
    color: #fa451d !important
}

.brand_search {
    display: inline-block;
    height: 20px;
    position: relative;
    top: 2px
}

.admin_memo_list {
    padding: 9px 0;
    border-bottom: 1px solid #ddd !important
}

.AsInfo {
    background-color: #fff;
    border: 3px solid #ff9600;
    display: none;
    padding: 15px;
    position: absolute;
    width: 400px;
    z-index: 999
}

.AsInfo div p {
    text-align: left
}

.AsInfo div div {
    text-align: left
}

.AsInfo .close {
    cursor: pointer;
    float: right
}

.MainLayer .AsInfo {
    margin: 143px 0 0 200px
}

.board_pw_box {
    width: 500px;
    height: 176px;
    margin: 30px auto 115px;
    padding: 30px 35px;
    background: url('//okst.okmall.com/Board/ShopQNA/20120331/bg_qna_pw.jpg') left top no-repeat
}

.board_pw_box h4 {
    margin: 0 0 10px 0
}

.board_pw_box p {
    margin: 20px 0 15px 0;
    padding: 15px 0 15px 30px;
    background: #eee
}

.board_pw_box p span {
    display: inline-block;
    margin-left: 5px
}

.board_pw_box ul li {
    padding: 0 0 5px 12px;
    font-size: 11px;
    color: #777;
    background: url('//okst.okmall.com/Board/ShopQNA/20120331/bul_board_pw.gif') 2px 5px no-repeat
}

.board_pw_box ul li strong {
    color: #222
}

.as_enter {
    width: 803px;
    height: 32px;
    margin-bottom: 10px;
    border: 1px solid #aaa;
    overflow: hidden
}

.as_enter dt {
    float: left;
    width: 120px;
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #aaa;
    background: #ccc
}

.as_enter dd {
    float: left;
    width: 662px;
    padding: 10px 0 10px 20px;
    font-weight: bold;
    background: #eee
}

.as_board_info {
    font-size: 11px;
    padding-bottom: 10px;
    line-height: 16px;
    border-bottom: 1px solid #ddd
}

.as_board_info p {
    margin: 5px 0;
    color: #bc0109
}

.as_board_info div {
    margin-left: 15px
}

.as_info_box {
    padding-top: 10px
}

.as_info_box h4 {
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd
}

.as_info_box ul li {
    margin-bottom: 20px;
    color: #777;
    line-height: 16px
}

.as_info_box ul li span {
    display: inline-block;
    margin-left: 15px
}

.inquire {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    clear: both
}

.inquire p {
    padding: 20px;
    line-height: 22px
}

.inquire.reple p {
    padding: 0
}

.inquire h5 {
    font-size: 12px;
    color: #555;
    padding: 12px 0 12px 20px;
    border-bottom: 1px dashed #ddd
}

.inquire ul {
    padding: 8px 6px 8px 20px;
    *zoom:1;border-bottom: 1px dashed #ddd
}

.inquire ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.inquire .fl {
    float: left;
    color: #d71921
}

.inquire .fl span {
    color: #999;
    font-size: 11px
}

.inquire .fr {
    float: right;
    color: #333
}

.inquire.none p {
    clear: both;
    padding: 30px 20px;
    color: #474747;
    line-height: 16px;
    word-wrap: break-word
}

.inquire.none {
    border-bottom: 0
}

.inquire .no_bottom {
    border-bottom: 0
}

.inquire+.btn {
    margin: 0 0 20px
}

.reple {
    background: #f5f5f5;
    margin: 0 0 10px
}

.reple h5 {
    padding-left: 60px;
    background: #eee url('//okst.okmall.com/Board/ShopQNA/20120331/re.gif') no-repeat 20px 11px
}

.reple h5 img {
    margin-left: 6px;
    vertical-align: bottom
}

.reple .content_bdview {
    padding: 20px
}

.bbs_content {
    width: 990px !important;
    float: none !important
}

.bbs_top2 {
    margin: 32px 0 20px
}

.bbs_top_tab ul:after {
    content: '';
    display: block;
    clear: both
}

.bbs_top_tab ul li {
    float: left
}

.bbs_top_tab ul li a {
    display: block;
    text-align: center;
    height: 43px;
    line-height: 43px;
    font-family: 'ng','³ª´®°íµñ';
    font-size: 18px;
    color: #a0a0a0;
    font-weight: bold;
    border: 1px solid #cecece;
    border-left: 0;
    width: 232px;
    position: relative
}

.bbs_top_tab ul li:first-child a {
    border-left: 1px solid #cecece
}

.bbs_top_tab ul li.on a {
    border-bottom: 1px solid #fff;
    color: #181818
}

.bbs_top_tab ul li.on a:after {
    position: absolute;
    content: '';
    top: -1px;
    left: -1px;
    right: -1px;
    border-top: 2px solid #0d0d0d
}

.tit_partner_category {
    font-size: 14px;
    color: #343434;
    padding: 18px 0 10px;
    font-family: 'ng','³ª´®°íµñ'
}

.tit_partner_category .t_sm {
    font-size: 12px;
    color: #8c8c8c;
    font-weight: normal !important
}

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

.partner_category_list li {
    float: left;
    width: 14%
}

.partner_category_list li.li_w {
    width: 15%
}

.partner_category_list li a {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    color: #888;
    text-align: center;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #f4f6f8
}

.partner_category_list li.on a {
    background: #61636b;
    color: #fff
}

.t_sub_tip {
    font-size: 12px;
    color: #8c8c8c;
    font-weight: normal !important;
    margin: 13px 0 0 !important
}

.partner_tbl table {
    table-layout: fixed
}

.partner_tbl table th {
    padding: 7px 0;
    color: #343434;
    font-size: 14px;
    font-family: 'ng','³ª´®°íµñ';
    font-weight: normal;
    text-align: left
}

.partner_tbl table td {
    padding: 7px 0
}

.partner_tbl table td input[type="text"],.partner_tbl td input[type="password"],.partner_tbl td input[type="email"] {
    width: 316px;
    height: 18px;
    padding: 8px 10px;
    border: 1px solid #cecece;
    font-size: 12px;
    color: #727272
}

.partner_tbl table td input::-webkit-input-placeholder {
    font-size: 12px;
    color: #727272;
    padding-left: 0
}

.partner_tbl table td input:-moz-placeholder {
    font-size: 12px;
    color: #727272;
    padding-left: 10
}

.partner_tbl table td input::-moz-placeholder {
    font-size: 12px;
    color: #727272;
    padding-left: 10
}

.partner_tbl table td input:-ms-input-placeholder {
    font-size: 12px;
    color: #727272;
    padding-left: 10
}

.ckeditor_wrap {
    border: 1px solid #ddd;
    position: relative
}

#inquire .file_atch {
    padding: 5px 0 0 115px;
    position: relative
}

#inquire .file_atch .file_tit {
    position: absolute;
    left: 0;
    top: 5px
}

#inquire .file_atch .file_tit .txt_tit {
    font-size: 13px;
    color: #343434;
    font-family: 'ng','³ª´®°íµñ';
    font-weight: normal !important
}

#inquire .file_atch .file_tit .btn_file_add {
    width: 64px;
    height: 20px;
    border: 0;
    background: #9a9a9a;
    font-size: 11px;
    color: #fff;
    border-radius: 10px;
    font-family: 'ng','³ª´®°íµñ';
    padding: 0
}

#inquire .file_atch .file_sp {
    margin-bottom: 4px
}

#inquire .file_atch .file_sp .sub{
	margin-left:10px
}

#inquire .file_atch .file_sp .btn_cancel{
	background:#ED1B23;
	display:inline-block;
	height:13px;width:12px;
	box-sizing:border-box;
	padding:3px 0 0 2px
}
#inquire .file_atch .file_sp input[type="file"] {
    width: 270px;
    vertical-align: top
}

#inquire .file_atch .file_sp .file_byte {
    display: inline-block;
    color: #a0a0a0;
    font-size: 12px;
    vertical-align: top;
    position: relative;
    top: 5px
}

#inquire .file_atch .file_sp .file_byte .now_byte {
    color: #f00
}

#inquire .file_atch .file_sp .btn_file_del {
    width: 11px;
    height: 11px;
    border: 0;
    display: inline-block;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/Board/ico_file_del.jpg') 0 0 no-repeat;
    text-indent: -999px;
    vertical-align: top;
    position: relative;
    top: 5px;
    cursor: pointer
}

#inquire .file_atch .file_noti {
    color: #a0a0a0;
    font-size: 12px;
    margin: 12px 0 0 !important
}

.bbs_content #Agree4 {
    width: 948px !important
}

.bbs_button_wrap {
    text-align: center;
    padding: 35px 0
}

.bbs_button_wrap .btn_type1 {
    width: 108px;
    height: 34px;
    background: #818181;
    color: #fff;
    font-family: 'ng','³ª´®°íµñ';
    font-weight: bold;
    font-size: 16px;
    border: 0;
    cursor: pointer
}

.bbs_button_wrap .btn_type2 {
    width: 108px;
    height: 34px;
    background: #ff4200;
    color: #fff;
    font-family: 'ng','³ª´®°íµñ';
    font-weight: bold;
    font-size: 16px;
    border: 0;
    cursor: pointer
}

.conJobs {
    border-bottom: 1px solid #ddd;
    color: #777;
    line-height: 1.6
}

.conJobs h4 {
    padding-bottom: 25px
}

.conJobs span {
    padding: 5px 0 15px;
    display: block
}

.conJobs p {
    padding: 20px 0
}

.conJobs .minutelyBot {
    padding: 40px 0 15px 514px;
    display: block
}

.Faq_Tbset {
    width: 790px
}

.Faq_tbList {
    width: 790px;
    position: relative;
    padding: 20px 0
}

.Faq_tbList p {
    padding: 10px 0 10px
}

.Faq_tbList .FaqBot {
    position: absolute;
    top: 80px;
    right: 1px
}

.Faq_Tbset {
    padding-bottom: 20px
}

.Faq_Tbset th {
    color: #555;
    padding: 11px 0;
    text-align: center;
    background: url("//okst.okmall.com/Board/ShopQNA/20120331/bg_FaqQa01.gif") no-repeat 0 0
}

.Faq_Tbset td {
    color: #555;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #ccc
}

.Faq_Tbset .Faq_st {
    text-align: left;
    padding-left: 20px
}

.Faq_bdon01 {
    border-bottom: 0
}

.Faq_viewList01,.Faq_viewList02 {
    padding-bottom: 15px;
    border-top: 1px solid #aaa
}

.Faq_viewList01 #privacy_insert_layer{border:1px solid #333 !important;padding:5px !important;}
.Faq_viewList01 #privacy_insert_layer > span:first-child{font-weight:bold;font-size:13px}
.Faq_viewList01 #privacy_insert_layer > span#close{position:absolute;top:1px;right:5px}
.Faq_viewList01 #privacy_insert_layer > div > select{height:24px;margin-top:3px}
.Faq_viewList01 #privacy_insert_layer > div > input{position:relative;top:-3px;background:#999;outline:0;color:#fff;border:0;font-weight:bold;padding:2px 6px;border:1px solid #666}

.Faq_viewList01 .btn_wrap{text-align:right}

.Faq_viewList01_p {
    color: #555;
    padding: 10px 0 10px 15px;
    border-bottom: 1px dashed #ddd;
    font-weight: bold;
    position: relative
}

.Faq_viewList01_p span {
    font-weight: normal;
    color: #999;
    font-size: 11px;
    padding-right: 15px;
    position: absolute;
    right: 0
}

.Faq_viewList01 ul {
    color: #474747;
    padding: 0 0 15px 20px;
    line-height: 1.3
}

.Faq_viewList01 ul .privacy_layer{padding:5px !important}
.Faq_viewList01 ul .privacy_layer span:nth-child(2){position:absolute;top:0;right:5px;}
.Faq_viewList01 ul .privacy_layer  div select{position:relative;top:5px}

.Faq_viewList01 ul .Faq_firstList {
    padding: 5px 0 20px
}

.Faq_viewList02 ul .Faq_firstList {
    padding: 5px 0 15px
}

.Faq_viewList01 ul .Faq_firstList .Faq_moreImg {
    padding-left: 495px;
    background: url("//okst.okmall.com/Board/ShopQNA/20120331/ien_qa9_01.gif") no-repeat 480px 0
}

.Faq_viewList01 ul strong,.Faq_viewList02 ul strong {
    color: #d71921;
    font-weight: normal
}

.Faq_viewList01 ul span {
    color: #999;
    font-size: 12px
}

.Faq_viewList02 ul {
    padding-left: 20px;
    line-height: 2
}

.Faq_viewList02 ul span {
    color: #777;
    font-size: 12px
}

.Faq_viewList02 p {
    background: #eee
}

.Faq_viewList02 ul {
    color: #474747;
    padding: 0 0 15px 20px;
    background: #f5f5f5
}

.FaqTable tbody {
    *margin: 0;
    padding: 0
}

.FaqTable {
    border-bottom: 1px solid #aaa;
    border-top: 0 !important;
    padding: 0 !important
}

.FaqTable th {
    background: #eee;
    padding: 10px 0 10px 20px;
    font-weight: normal;
    text-align: left;
    color: #555;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #aaa
}

.FaqTable td {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #aaa
}

.FaqTable td p {
    color: #999;
    padding-top: 5px
}

.FaqTable textarea {
    width: 610px;
    height: 200px;
    overflow-y: scroll
}

.last th,.last td {
    border-bottom: 0
}

.input_500 {
    width: 500px
}

.Faq_viewBnt {
    display: block;
    margin: 10px 0 10px;
    text-align: right
}

.addCon {
    position: relative
}

.addCon .conNav {
    position: absolute;
    right: 0;
    top: 10px
}

.addCon .conNav ul {
    overflow: hidden
}

.addCon .conNav ul li {
    float: left;
    padding-right: 16px;
    background: url("//okst.okmall.com/Board/ShopQNA/20120331/blt_gtNav.gif") no-repeat 5px 3px;
    padding: 0 3px 0 15px
}

.addCon .conNav ul li.home {
    padding: 0 3px 0 3px;
    background: none
}

.addCon .conNav ul li.conNav_on {
    font-weight: bold
}

.editor_wrap {
    position: relative
}

.placeholder_layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.placeholder_layer .txt_placeholder {
    font-size: 13px;
    color: #7d7d7d;
    display: inline-block;
    padding: 135px 0 0 30px;
    line-height: 20px
}

.member_personal_info {
    border-bottom: 1px solid #ccc;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    padding: 46px 0 90px
}

.personal_login .tit_privacy {
    padding: 0 0 15px 200px
}

.personal_login .tit_privacy .t_tit {
    font-size: 23px;
    color: #333;
    line-height: 1;
    font-weight: bold
}

.personal_login .login_area {
    border: 1px solid #ccc;
    border-top: 3px solid #ccc;
    width: 808px;
    height: 126px;
    margin: 0 auto
}

.personal_login .login_form {
    margin: 40px 0 0 233px;
    position: relative
}

.personal_login .login_form dl {
    width: 227px;
    overflow: hidden
}

.personal_login .login_form dl dt {
    font-size: 13px;
    color: #616161;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    width: 65px;
    float: left
}

.personal_login .login_form dl dd {
    width: 162px;
    float: left;
    height: 20px;
    margin-bottom: 10px
}

.personal_login .login_form dl dd input[type="text"],.personal_login .login_form dl dd input[type="password"] {
    height: 18px;
    width: 150px;
    padding: 0 5px;
    border: 1px solid #616161;
    background: #fff;
    outline: 0
}

.personal_login .login_form .btn_enter {
    width: 70px;
    height: 58px;
    background: url('//okst.okmall.com/OKmall/PC/Board/privacy/btn_enter.jpg') 0 0 no-repeat;
    position: absolute;
    left: 266px;
    top: -4px;
    overflow: hidden;
    text-indent: -9999px;
    border: 0
}

.my_info_wrap {
    padding: 44px 0 0
}

.my_info_wrap .txt1 {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    text-align: center
}

.my_info_wrap .txt2 {
    font-size: 16px;
    color: #616161;
    line-height: 22px;
    text-align: center;
    padding-top: 15px
}

.my_info_wrap .my_info_box {
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 22px;
    line-height: 25px;
    width: 670px;
    margin: 20px auto 0;
    padding: 20px 0 18px
}

.my_info_wrap .button_wrap {
    padding-top: 30px;
    text-align: center
}

.my_info_wrap .button_wrap .btn {
    background: #46474c;
    width: 297px;
    height: 55px;
    color: #fff;
    font-size: 25px;
    border: 0;
    margin: 0 20px;
    text-align: center;
    letter-spacing: -3px
}

.layer_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    left: 0;
    top: 0;
    z-index: 8889
}

.myp_layer {
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -223px;
    width: 446px;
    z-index: 9000;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    font-size: 15px;
    font-weight: bold;
    color: #787878;
    display: none
}

.myp_layer.on {
    display: block
}

.myp_layer .l_top {
    background-color: #6d6d6d;
    position: relative;
    height: 40px;
    font-size: 18px;
    font-weight: bold
}

.myp_layer .l_top .t1 {
    margin-left: 14px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    display: inline-block
}

.myp_layer .l_top .btn_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 11px;
    border: 0;
    cursor: pointer;
    background: transparent
}

.myp_layer .l_top .txt_close {
    width: 21px;
    height: 21px;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -400px -380px no-repeat
}

.myp_layer .ctt_box {
    background-color: #fff;
    border: 1px solid #000;
    border-top: 0;
    padding: 13px 15px
}

.myp_layer .btn_wrap {
    text-align: center
}

.myp_layer .inquiry_ipt {
    margin: 11px 9px 18px;
    position: relative;
    padding-right: 86px
}

.myp_layer .inquiry_ipt input[type="text"] {
    border: 1px solid #bebebe;
    width: 246px;
    height: 23px;
    padding: 2px 0;
    text-indent: 15px
}

.myp_layer .inquiry_ipt input[type="text"].s_ipt {
    width: 72px
}

.myp_layer .inquiry_ipt .t_dash {
    display: inline-block;
    position: relative;
    width: 13px;
    height: 29px;
    overflow: hidden;
    text-indent: -99999px;
    vertical-align: middle
}

.myp_layer .inquiry_ipt .t_dash:after {
    position: absolute;
    width: 9px;
    left: 2px;
    top: 13px;
    content: '';
    border-bottom: 1px solid #ccc
}

.myp_layer .inquiry_ipt dl:after {
    content: '';
    display: block;
    clear: both
}

.myp_layer .inquiry_ipt dl dt {
    float: left;
    width: 62px;
    height: 29px;
    padding-bottom: 6px;
    line-height: 27px
}

.myp_layer .inquiry_ipt dl dd {
    float: left;
    width: 248px;
    height: 29px;
    padding-bottom: 6px
}

.myp_layer .inquiry_ipt .btn_search {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 64px;
    border: 0;
    background-color: #ff4200;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    font-family: 'ng','³ª´®°íµñ','NanumGothic'
}

.myp_layer .inquiry_prd .tab_box {
    height: 29px;
    border-bottom: 1px solid #ff4200
}

.myp_layer .inquiry_prd .tab_box li {
    float: left
}

.myp_layer .inquiry_prd .tab_box li a {
    display: block;
    text-align: center;
    height: 28px;
    line-height: 32px;
    color: #898a92;
    font-size: 13px;
    background-color: #fbfbfb;
    padding: 0 14px;
    border: 1px solid #bbb;
    border-bottom: 1px solid #ff4200;
    border-left: 0;
    position: relative
}

.myp_layer .inquiry_prd .tab_box li:first-child a {
    border-left: 1px solid #bbb
}

.myp_layer .inquiry_prd .tab_box li.on a {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #ff4200
}

.myp_layer .inquiry_prd .tab_box li.on a:after {
    color: #ff4200;
    border: 1px solid #ff4200;
    width: 100%;
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    height: 28px;
    border-bottom: 0
}

.myp_layer .inquiry_prd .inqry_prd_lst {
    margin-top: 10px;
    display: none
}

.myp_layer .inquiry_prd .inqry_prd_lst.on {
    display: block
}

.myp_layer .inquiry_prd .inqry_prd_lst .tit {
    border: 1px solid #d8d8d8;
    background-color: #f3f3f3;
    color: #6d6d6d;
    text-align: center;
    height: 33px;
    line-height: 35px;
    font-size: 12px
}

.myp_layer .inquiry_prd .inqry_prd_lst .lst {
    max-height: 301px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    overflow-y: auto
}

.myp_layer .inquiry_prd .inqry_prd_lst .lst li {
    border-bottom: 1px solid #d8d8d8;
    height: 65px;
    padding-top: 10px
}

.myp_layer .inquiry_prd .inqry_prd_lst .lst li:last-child {
    border-bottom: 0
}

.myp_layer .inquiry_prd .inqry_prd_lst .lst li .img {
    width: 48px;
    height: 53px;
    display: inline-block;
    border: 1px solid #d8d8d8
}

.myp_layer .inquiry_prd .inqry_prd_lst .lst li .img img {
    width: 100%;
    height: 100%
}

.myp_layer .inquiry_prd .inqry_prd_lst .lst li .nm {
    width: 264px;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle
}

.myp_layer2 {
    display: none;
    position: fixed;
    z-index: 9000;
    left: 50%;
    top: 40%;
    width: 350px;
    background-color: #fff;
    border: 1px solid #000;
    padding: 35px 34px 20px;
    font-family: 'ng','³ª´®°íµñ','NanumGothic';
    margin-left: -209px;
    letter-spacing: -1px;
    font-size: 13px;
    line-height: 1.4
}

.myp_layer2.on {
    display: block
}

.myp_layer2 .btn_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.myp_layer2 .btn_close .txt_close {
    background: url('//okst.okmall.com/OKmall/PC/mypage/img_myp_sp_v2.png') -400px -420px no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden
}

.myp_layer2 .tit {
    font-size: 19px;
    color: #363636;
    font-weight: bold;
    border-bottom: 2px solid #3f3f3f;
    line-height: 24px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-align: center
}

.myp_layer2 .layer_ctt {
    color: #7d7d7d
}

.myp_layer2 .layer_ctt .t_emph {
    color: #3c454b
}

.myp_layer2 .btn_wrap {
    text-align: center;
    margin-top: 20px
}

.myp_layer2 .btn_wrap.two button {
    margin: 0 3px
}

.order_popup {
    width: 494px;
    height: 264px;
    padding: 30px 0
}

.order_popup p {
    line-height: 170%;
    color: #555
}

.order_popup .p_fontbg {
    text-align: left;
    background: url('//okst.okmall.com/MyPage/20120320/order_bullet .gif') no-repeat 0 5px;
    padding-left: 10px;
    margin: 0 0 10px 40px
}

.order_popup span a {
    color: #fa451d
}

.order_btn {
    text-align: center;
    margin-top: 30px
}

.order_fontstyle {
    margin-left: 40px
}

.order_topfont {
    margin: 30px 0 0 40px
}

.order_btn02 {
    text-align: center;
    margin-top: 40px
}

.myp_layer2.bbs_write {
    width: 400px;
    margin-left: -240px;
    padding-bottom: 38px
}

.myp_layer2.bbs_write .layer_ctt {
    margin: 0 -34px;
    background-color: #f6f6f6;
    padding-top: 10px;
    height: 65px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #807f7e;
    line-height: 1.8
}

.myp_layer2.bbs_write .p_chk {
    position: absolute;
    bottom: 14px;
    right: 40px
}

#inquire {
    color: #555
}

#inquire p {
    margin: 15px 0 -5px 10px
}

#inquire span {
    font-weight: bold
}

#inquire em {
    color: #fa451d;
    font-style: normal
}

#inquire .important {
    text-align: left;
    margin-top: 10px
}

#inquire .important th {
    background-color: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    padding-left: 20px;
    text-align: left
}

#inquire .important td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 40px;
    height: 35px
}

#inquire .important select {
    width: 120px;
    height: 21px;
    font-size: 11px;
    color: #555
}

#inquire .important .mail {
    width: 100px
}

#inquire .important .name {
    width: 500px
}

#inquire .important .file {
    height: 60px
}

#inquire .important .file td {
    color: #999;
    line-height: 25px
}

#inquire .important .tlietext {
    width: 448px
}

#inquire .important .tel {
    width: 55px
}

#inquire .important .tel2 {
    height: 21px;
    width: 55px
}

#inquire .important .plus {
    color: #777
}

#inquire .writepage {
    border: 2px solid #acacac;
    height: 450px
}

#inquire .edit {
    height: 25px;
    background-color: #efefef;
    border-bottom: 1px solid gray;
    padding-top: 5px;
    padding-left: 5px
}

#inquire .edit select {
    color: #666
}

#inquire .write {
    border: 1px solid #404040;
    height: 417px;
    width: 799px;
    text-align: left
}

#inquire .line {
    float: right;
    margin-top: 20px
}

.help_box {
    display: inline-block;
    position: relative
}

.btn_help {
    background: url('//okst.okmall.com/OKmall/PC/Common/Img/list_sprites_v4.png?20180920') -100px -120px no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    line-height: 9999px;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle
}

.help_box .layer_help {
    position: absolute;
    border: 2px solid #ff4200;
    width: 570px;
    background: #fff;
    z-index: 10;
    padding: 5px 10px;
    display: none;
    line-height: 1.6;
    top: 14px;
    left: 0
}

.help_box .btn_help:hover+.layer_help {
    display: block
}

.btn_area_right {
    margin: 20px 0;
    text-align: right
}

.rdo_opt_box {
    overflow: hidden;
    padding: 20px 0 10px;
    text-align: right
}

.rdo_opt_box .sp {
    display: inline-block;
    padding-left: 20px
}

.qna_pop_wrap {
    width: 570px;
    padding: 40px 30px
}

.qna_pop_content {
    position: relative
}

.qna_pop_content h1 {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc
}

.qna_pop_content p.f11 {
    margin: 5px 0 20px 0;
    color: #777
}

.qna_pop_content .table_tit {
    margin: 10px 0;
    text-align: right;
    color: #555
}

.qna_pop_content .table_tit select {
    margin-left: 5px
}

.qna_pop_content table tr th {
    padding: 10px 0;
    color: #555;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    background: #eee
}

.qna_pop_content table tr td {
    padding: 10px 0;
    text-align: center;
    color: #777;
    border-bottom: 1px solid #ddd
}

.qna_pop_content table tr td.table_content {
    padding-left: 20px;
    text-align: left
}

.qna_pop_content table tr td img {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #e0e0e0
}

.qna_pop_content table tr td span.org_price {
    text-decoration: line-through
}

.qna_pop_content table tr td span.new_price {
    display: inline-block;
    margin-left: 15px;
    color: #d71921
}

.qna_pop_content .select_layer {
    position: absolute;
    right: 20px;
    top: 205px;
    width: 310px;
    border: 2px solid #ccc
}

.qna_pop_content .as_course {
    margin-left: -5px;
    padding-bottom: 33px;
    border-bottom: 1px solid #e5e5e5
}

.qna_pop_content .as_course li {
    margin-right: -1px
}

.qna_pop_wrap03 .qna_pop_content h2 {
    background: url("//okst.okmall.com/Board/ShopQNA/20120331/btn_as_arrow.gif") no-repeat left center;
    padding-left: 18px
}

.qna_pop_content .as_lost {
    border-bottom: 1px dashed #999;
    margin-bottom: 33px;
    padding-bottom: 35px
}

.qna_pop_content .as_lost li {
    color: #999;
    margin: 5px 0
}

.qna_pop_content .as_lost .asline {
    padding-left: 10px
}

.qna_pop_content .as_lost .asline2 {
    padding-left: 10px;
    letter-spacing: -1px
}

.qna_pop_content .as_lost .asline3 {
    margin-top: 22px !important
}

.qna_pop_content .as_lost .asline4 {
    margin-left: 37px !important
}

.qna_pop_content .as_lost .asline5 {
    letter-spacing: -1px
}

.qna_pop_content .as_lost .ascol {
    color: #777 !important
}

.qna_pop_content .as_lost .ascol .ascol_none {
    color: #fa451d !important;
    font-weight: bold
}

.qna_pop_content .as_lost .ascol2 {
    color: #fa451d !important
}

.qna_pop_content .as_lost .ascol3 {
    color: #55aead !important
}

.qna_pop_content .as_lost .caution {
    color: #f40000 !important;
    margin-bottom: 40px !important
}

.qna_pop_content .as_lost .blt_point {
    background: url("//okst.okmall.com/Board/ShopQNA/20120331/blt_point.gif") no-repeat left top;
    padding-left: 15px;
    letter-spacing: -1px
}

.as_lost2 {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.qna_pop_wrap02 {
    width: 600px
}

.qna_pop_wrap02 .qna_pop_content {
    padding: 40px 30px;
    background: url('//okst.okmall.com/Board/ShopQNA/20120331/bg_qna_popup.gif') left top no-repeat
}

.qna_pop_wrap02 .report_care {
    padding: 40px 30px;
    background: url('//okst.okmall.com/Board/ShopQNA/20120331/bg_qna_popup02.gif') left top no-repeat
}

.qna_pop_wrap02 .report_care h1 {
    margin-bottom: 10px;
    padding-left: 110px
}

.qna_pop_wrap02 .qna_pop_title {
    padding-left: 90px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ccc
}

.qna_pop_wrap02 .qna_pop_title h1 {
    margin: 0 0 5px 0;
    border: 0
}

.qna_pop_wrap02 .qna_content_box ul {
    padding-bottom: 25px
}

.qna_pop_wrap02 .qna_content_box ul li {
    padding-top: 25px
}

.qna_pop_wrap02 .qna_content_box ul li div {
    margin: 10px 0 0 25px
}

.qna_pop_wrap02 .qna_content_box p {
    padding-top: 20px;
    border-top: 1px solid #ccc
}

.qna_pop_wrap02 .bg_none h1 {
    margin-bottom: 10px
}

.qna_pop_wrap02 h2 {
    margin: 25px 0 10px 0
}

.qna_pop_wrap02 .no_row {
    padding: 20px;
    height: 150px;
    font-size: 11px;
    color: #555;
    border: 1px solid #ddd;
    overflow: auto
}

.qna_pop_wrap02 .no_row .content_tit {
    margin: 10px 0 5px 0;
    color: #7b1600
}

.qna_pop_wrap03 {
    width: 800px
}

.qna_pop_wrap03 .qna_pop_content {
    padding: 40px 25px
}

.qna_pop_wrap03 .qna_pop_content h2 {
    font-size: 14px;
    font-weight: bold;
    color: #333
}

.qna_pop_content .as_course {
    width: 100%;
    margin: 20px 0;
    overflow: hidden
}

.qna_pop_content .as_course li {
    float: left;
    margin: 3px
}

.qna_pop_content .as_lost li {
    margin: 20px 0;
    color: #777
}

.qna_pop_content p.as_care {
    color: #7b1600
}

.layer_buyCheck {
    position: absolute;
    top: 32px;
    right: -1px;
    padding: 78px 36px 19px;
    width: 506px;
    height: 462px;
    background: url("//okst.okmall.com/OKOutdoor/PC/Mypage/20140520/bg_mypage_Layer.jpg") 0 0 no-repeat;
    z-index: 999
}

.layer_buyCheck .check_tab {
    background: url("//okst.okmall.com/OKOutdoor/PC/Mypage/20140520/bg_mypage_tab.png") 240px 39px no-repeat
}

.layer_buyCheck .check_tab:after {
    content: "";
    display: block;
    clear: both
}

.layer_buyCheck .check_tab li {
    list-style: none;
    float: left;
    cursor: pointer
}

.layer_buyCheck .check_tab li.online {
    width: 120px;
    height: 41px;
    background: url("//okst.okmall.com/OKOutdoor/PC/Mypage/20140520/img_tab1_off.png") 0 0 no-repeat
}

.layer_buyCheck .check_tab li.store {
    position: absolute;
    top: 78px;
    left: 156px;
    width: 120px;
    height: 41px;
    background: url("//okst.okmall.com/OKOutdoor/PC/Mypage/20140520/img_tab2_off.png") 0 0 no-repeat
}

.layer_buyCheck .check_tab li.online.over {
    width: 120px;
    height: 41px;
    background: url("//okst.okmall.com/OKOutdoor/PC/Mypage/20140520/img_tab1_on.png") 0 0 no-repeat
}

.layer_buyCheck .check_tab li.store.over {
    position: absolute;
    top: 78px;
    left: 156px;
    width: 120px;
    height: 41px;
    background: url("//okst.okmall.com/OKOutdoor/PC/Mypage/20140520/img_tab2_on.png") 0 0 no-repeat
}

.layer_buyCheck .check_sel {
    position: absolute;
    right: 35px;
    margin-top: -30px;
    *top: 120px;
}

.layer_buyCheck .check_table {
    margin-top: 6px;
    border: 1px solid #e1e1e1;
    *margin-top: 125px;
}

.layer_buyCheck .check_table .check_tit {
    color: #505050;
    font-weight: bold
}

.layer_buyCheck .check_table .check_tit:after {
    content: "";
    display: block;
    clear: both
}

.layer_buyCheck .check_table .check_tit .tit2 {
    padding-left: 9px;
    width: 117px
}

.layer_buyCheck .check_table .check_tit .tit3 {
    padding-right: 25px;
    width: 101px
}

.layer_buyCheck .check_table .check_tit .tit4 {
    padding-right: 26px;
    width: 100px
}

.layer_buyCheck .check_table .check_tit li {
    float: left;
    padding: 19px 0;
    text-align: center;
    width: 126px;
    background: #f5f5f5;
    font-size: 12px
}

.layer_buyCheck .check_table .check_cont {
    clear: both;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 325px
}

.layer_buyCheck .check_table .check_cont table {
    border: 0;
    margin: 0;
    width: 100%;
    color: #787878
}

.layer_buyCheck .check_table .check_cont table td {
    padding: 8px 0;
    border-top: 0;
    border-bottom: 1px solid #f2f2f2;
    font-size: 12px;
    text-align: center
}

.layer_buyCheck .check_table .check_cont table td.tr {
    padding-right: 30px;
    text-align: right
}

.layer_buyCheck .check_table .check_cont table td.minus {
    color: red
}

.layer_buyCheck .check_close {
    position: absolute;
    top: 15px;
    right: 34px
}

.layer_buyCheck .check_close2 {
    position: absolute;
    display: inline-block;
    left: 50%;
    margin: 10px 0 0 -33px
}

.l_popup.board_popup {
    padding-top: 16px;
    margin-left: -249px;
    z-index: 9999
}

.l_popup.board_popup p.tit {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    border-bottom: 2px solid #3f3f3f
}

.l_popup.board_popup p {
    line-height: 24px;
    font-size: 13px;
    letter-spacing: -1.2px;
    margin-bottom: 10px
}

.l_popup.refund_popup {
    box-sizing: border-box;
    padding: 0 16px 14px
}

.l_popup.refund_popup .layer_tit {
    margin-bottom: 20px;
    color: #0e0e0e;
    border-bottom: 2px solid #000
}

.l_popup.refund_popup .layer_ctt .refund_noti {
    color: #2c2c2c
}

.l_popup.refund_popup .btn_clse_lg2 {
    margin-tight: 3px;
    width: 350px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #ff4200;
    display: inline-block;
    line-height: 38px
}

.l_popup.refund_popup .btn_clse_lg {
    width: 130px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #bbb;
    display: inline-block;
    line-height: 38px;
    font-weight: normal
}

.blockOverlay {
    z-index: 4000 !important
}

.blockPage {
    z-index: 4001 !important
}

.tit_simple_login {
    width: 70px;
    height: 13px;
    background: url('//okst.okmall.com/OKmall/PC/member/login/t_simple_login.png') 0 0 no-repeat;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    margin: 13px 0 10px
}

.button_login_naver {
    width: 172px;
    height: 36px;
    display: block;
    background: url('//okst.okmall.com/OKmall/PC/member/login/btn_naver2.png') 0 0 no-repeat;
    text-indent: -999px;
    overflow: hidden
}

.qa_LoginList01 .tit_simple_login {
    margin-top: 21px
}

/* 191227 ºí·Î±× ¹è³Ê */
.blog_banner{position:fixed;margin-left:1238px;top:220px;z-index:901;border:1px solid #D9D9D9}
.blog_banner a{outline:0;}

.ico_evt1,.ico_evt2,.ico_evt3,.ico_evt6 {
    display: inline-block;
    padding: 0 2px;
    background: #18c98d;
    font-size: 11px;
    color: #fff;
    height: 17px;
    line-height: 15px;
    font-family: "¸¼Àº °íµñ","Malgun Gothic","Verdana"
}
.ico_evt2 {
    background: #ff7f6f
}

.ico_evt3 {
    background: #76b0fa
}

.ico_evt6 {
    background: #ffbf5b
}

/* 200506 ¿µ¹® Ãß°¡ */
#inquire span.en_txt{color:#989898;font-size:12px;font-weight:normal;}
.t_sub_tip .en_txt{margin-left:5px} 
.tit_partner_category .en_txt{margin-left:5px}
.partner_category_list li a{line-height:28px;height:40px}
#inquire .partner_category_list li.on .en_txt{color:#fff}
#inquire .partner_category_list li .en_txt{display:block;line-height:0;margin-top:0;font-size:11px;color:#CACACA}
.partner_tbl table th .en_txt{display:block}
#inquire .file_atch .file_tit .en_txt{display:block}
.bbs_button_wrap .btn_type1,.bbs_button_wrap .btn_type2{height:40px;font-size:15px}
#inquire .bbs_button_wrap .btn_type1 .en_txt,#inquire .bbs_button_wrap .btn_type2 .en_txt{display:block;color:#fff}
#inquire .bbs_top_tab ul li a span.en_txt{margin-left:5px}

/* ÁÖ¹®°Ë»ö ±â°£°Ë»ö 200616 */
.large_content .mybuyde_txt{margin-bottom:22px}
.txt_inqry{ background: url('//okst.okmall.com/OKmall/PC/mypage/btn_search.png') 0 0 no-repeat;display: inline-block;text-indent:-9999px;overflow: hidden;border: 0;cursor: pointer;width:50px;height:26px;}
.order_srch{padding-top:6px}
.order_srch .period span{float:left}
.order_srch .period span select{font-size:13px;font-family: dotum,"µ¸¿ò";}
.order_srch .period .period_r{float:right;margin-right:13px}
.order_srch .period .period_l select{width:100px;padding-left:4px;vertical-align:top;color:#ccc}
.order_srch .period .period_l select:active,.order_srch .period .period_l select:focus{color:#000 !important;border:1px solid #000 !important}
.order_srch .period .period_l .pr_slct .three_month{width:100px;height:26px;box-sizing:border-box;color:#000;border:1px solid #000;background:#fff;cursor:pointer;}
.large_content .pos_R .h4_title .last{font-size:12px;color:#989898;font-weight:normal;letter-spacing:-0.5px}
.large_content .pos_R .h4_title .last span{color:#ff4200;margin-left:3px}


.order_srch .period .period_l .pr_slct.year .three_month{color:#ccc;border:1px solid #ccc}
.order_srch .period .period_l .pr_slct.year select{color:#000;border:1px solid #000}