@charset "euc-kr";/*CSS Document*/

/* input */
input[type="text"] { -webkit-appearance: none; -webkit-border-radius: 0; }
.input_style { border:1px solid #d9d9d9; height:18px; font-size:12px; }
.login_input { padding:3px; border:2px solid #d5d5d5; width:95% }
.input_block { border:1px solid #9a9a9a; background:#bbbbbb; font-size:12px; }
.post_input { padding:3px; border:2px solid #d5d5d5; width:95%; height:20px }


.btn_login { background:url(../img/sub/btn_login.gif) left top no-repeat; width:66px; height:63px; text-align:center; color:#ffffff; font-weight:bold; }
.btn_postsearch { background:url(../img/sub/btn_postsearch.gif) left top no-repeat; width:38px; height:30px; text-align:center; line-height:30px; color:#ffffff; }
.btn_black_small { width:81px; height:32px; background:url(../img/sub/btn_ok.gif) top center no-repeat; line-height:32px; text-align:center; color:#ffffff; font-weight:bold; }
.btn_guide { background:url(../img/sub/btn_guide.gif) left top no-repeat; width:81px; height:32px; line-height:32px; text-align:center; color:#ffffff; font-weight:bold; font-size:12px; }
.btn_privacy { background:url(../img/sub/btn_privacy.gif) left top no-repeat; width:122px; height:32px; line-height:32px; text-align:center; color:#ffffff; font-weight:bold; font-size:12px; }
.btn_order { background:url(../img/sub/btn_gray_bg.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#ffffff; }
.btn_gray_small { background:url(../img/sub/btn_gray_small.gif) left top repeat-x; border:1px solid #888888; font-size:11px; line-height:20px; height:20px; text-align:center; color:#ffffff; }


.btn_white_small { width:81px; height:32px; background:url(../img/sub/btn_cancel.gif) top center no-repeat; line-height:32px; text-align:center; color:#787878; font-weight:bold; }
.btn_small { background:url(../img/sub/btn_white_bg.gif) left top repeat-x; font-size:11px; height:20px; border:1px solid #b8b8b8 }
.btn_etc { background:url(../img/sub/btn_white_big.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#787878; border:0 none; }
.btn_join { background:url(../img/sub/btn_join.gif) left top no-repeat; width:108px; height:30px; line-height:30px; text-align:center; color:#ffffff; font-weight:bold; }
.btn_grat_big { background:url(../img/sub/btn_gray_bg.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#ffffff; }



/* select */
.select_post select { width:100%; height:30px; padding:5px 0; line-height:30px; font-size:15px }



/* selece */
.select_style { position:relative; height:40px; }
.select_style select { position:absolute; right:10px; top:10px; font-size:11px; }

/* prdlist */
.prd_list { width:95%; margin:0 auto; }
.prd_list li { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #e6e6e6 }
.prd_tit { font-size:14px }
.prd_list_option_tit { color:#999999; font-size:10px; width:20%; }
.prd_list_option_con { font-size:11px }



.prd_view_tab th { width:33.3%; background:#757575; height:35px; font-size:12px; color:#ffffff; }
.prd_view_tab td { width:33.3%; text-align:center; font-size:12px; background:#e2e2e2; color:#787878 }
.prd_view_tab th a { color:#ffffff; }
.prd_view_tab td a { color:#787878; }

/* prdview prd_info */


.more_view { background:#e3e3e3; border-bottom:1px solid #cdcdcd; text-align:center; line-height:20px; font-size:12px }


/* button */
.btn { padding-top:10px; height:32px }

.gray_box { background:#f1f1f1; margin-top:10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 15px; }
.graybox { background:#f1f1f1; border:1px solid #e6e6e6; padding:10px; font-size:11px; }
.total_price { margin:15px 10px 5px 10px; background:#ff6a19; color:#ffffff; text-align:center; padding:10px 0; font-weight:bold; }
.total_price b { font-size:20px; }
.btn { margin-left:10px; margin-right:10px }


/* view_review */
.review { padding:30px 10px 10px 10px; }
.review_info { color:#787878; font-size:12px; line-height:150%; }
.review_title { font-size:12px; line-height:150%; }
.review_con { font-size:12px; background:#ececec; padding:10px; }

/* list */
.gray_list li { font-size:10px; color:#787878; line-height:130%; padding-left:8px; background:url(../img/sub/point.gif) 0px 5px no-repeat; }


/* join */
.join_input_table { border-top:1px solid #e6e6e6; }
.join_input_table th, .join_input_table td { border-bottom:1px solid #e6e6e6; padding:4px }
.join_input_table th { background:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; width:20% }
.join_input_table td { text-align:left; font-size:12px; }
.join_input_table td td { border:0 none; padding:0 }

/* table */
.table_normal th, .table_normal td { padding:2px; text-align:left; font-weight:normal; font-size:11px; }
.table_normal th { color:#999999; width:20%; }
.table_normal td { font-size:11px; }

/* top */
.mobile_top_wrap { height:35px; background:#ce2a55; position:relative; padding:5px 10px 0; }
.mobile_logo { position:absolute; left:10px; top:0; }
.mobile_gnb { width:163px; overflow:hidden; height:35px; position:absolute; right:10px; top:0; }
.mobile_gnb li { float:left; }
.mobile_search { border:1px solid #ad0e38; width:98%; margin:0 auto; }


.shadow_line { height:10px; background:#f2f2f2; border-top:1px solid #e7e7e7; }

.button_common { font-size:0; white-space:nowrap; }
.button_common button, .button_common a { display:inline-block; width:100%; height:45px; line-height:45px; text-align:center; color:#fff; font-size:15px; font-weight:600; letter-spacing:-0.05em; background:#dc1515; border:none; }

.button_common.col2 { font-size:0; white-space:nowrap; }
.button_common.col2 a, .button_common.col2 input, .button_common.col2 button { width:calc(50% - 2px); height:47px; line-height:45px; text-align:center; font-size:15px; color:#fff; font-weight:600; letter-spacing:-0.05em; background:#dc1515; border-radius:3px; margin:0 0 0 4px; padding:0; vertical-align:middle; box-sizing:border-box; }
.button_common.col2 a { display:inline-block; background:#fff; border:1px solid #dc1515; color:#dc1515; }
.button_common.col2 a:first-child, .button_common.col2 input:first-child, .button_common.col2 button:first-child { margin-left:0; }
.button_common.col2 input { }

.button_small { font-size:0; white-space:nowrap; }
.button_small button, .button_small a { display:inline-block; height:27px; line-height:25px; padding:0 10px; font-size:13px; color: #444; letter-spacing:-0.07em; border-radius: 2px; margin-left:5px;border: 1px solid #ddd; border-right-color: #bbb; border-bottom-color: #bbb; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f7f7f7', GradientType=0);box-sizing:border-box;vertical-align:middle; }
.button_small button:first-child, .button_small a:first-child { margin-left:0; }


.notice_note { }
.notice_note strong { display:block; font-size:13px; font-weight:600; color:#787878; margin:0 0 10px; line-height:1.3; }
.notice_note p { font-size:11px; color:#787878; line-height:1.3; padding-left:8px;
    background:url(../img/sub/point.gif) 0 2px no-repeat; margin:4px 0 0; }
.notice_note p:first-child { margin:0; }
.notice_note p b { color:#dc1515; }





.data-title { position:relative; height:40px; line-height:40px; background:#fafafa; letter-spacing:-0.05em; font-size:17px; font-weight:600; padding:0 0 0 15px; border-bottom:1px solid #eee; margin:0 0 15px; }
.data-title small { display:inline-block; font-size:13px; font-weight:normal; }
.data-title label { position:absolute; right:15px; top:0; font-size:13px; font-weight:normal; vertical-align:middle; }
.data-title label input { position:relative; top:-1px; width:17px; height:17px; border:1px solid #aaa; vertical-align:middle; }


.data-line { margin:25px 0; height:1px; background:#eee; }
.data-table { }
.data-table, .data-table dt, .data-table dd { padding:0; margin:0; }
.data-table { margin:25px 0 0; }
.data-table:first-child { margin-top:0; }
.data-table dt { font-size:15px; color:#111; line-height:1.3; letter-spacing:-0.05em; }
.data-table dt i { font-style:normal; color:#ff3131; }
.data-table dt small { font-size:11px; color:#999; letter-spacing:-0.05em; }
.data-table dd { position:relative; margin:6px 0 0; font-size:13px; }
.data-table dd.txt { font-size:17px; color:#111; font-weight:bold; }
.data-table dd, .data-table dd * { vertical-align:middle; }
.data-table dd input[type=text],
.data-table dd input[type=password],
.data-table dd input[type=email],
.data-table dd input[type=tel],
.data-table dd input[type=file] { width:calc(100% - 17px); height:35px; line-height:35px; font-size:15px; color:#333; background:#fff; padding:0 0 0 15px; margin:0; border:1px solid #ddd; border-radius:3px; }
.data-table dd select { min-width:60px; max-width:100%; height:37px; padding:0 30px 0 10px; margin:0; border:1px solid #ddd; font-size:15px; color:#333; border-radius:3px; -webkit-appearance:none; background:url(../images/ico/select_arrow.png) right 10px top 50% no-repeat; background-size:8px auto; }
.data-table dd textarea {font-family: inherit; width:calc(100% - 22px); line-height:1.5; font-size:15px; color:#333; background:#fff; padding:10px; margin:0; border:1px solid #ddd; border-radius:3px; }
.data-table dd button { height:37px; background:#888; color:#fff; font-size:13px; letter-spacing:-0.05em; padding:0 12px; border-radius:3px; box-shadow: none; border: 0; }
.data-table dd label { margin-right:10px; font-size:13px; }
.data-table dd label:last-child { margin-right:0; }
.data-table dd input[type=radio] { width:17px; height:17px; }
.data-table.spam_check { }
.data-table.spam_check dt { }
.data-table.spam_check dd { font-size:0; white-space:nowrap; }
.data-table.spam_check dd img { width:90px; height:35px; padding:0; margin:0; border-radius:3px; }
.data-table.spam_check dd input { width: calc(100% - 114px); margin-left:5px; }
.data-table dd table { border-top:1px solid #bbb; }
.data-table dd table th, .data-table dd table td { padding:7px 0 7px 10px; font-size:13px; text-align:left; font-weight:normal; border-bottom:1px solid #eee; }
.data-table dd table th { background:#f7f7f7; letter-spacing:-0.1em; }
.data-table dd table td { }
.data-table dd table td input[type=text] { height:25px; line-height:25px; font-size:13px; }
.data-table.col { position:relative; margin:10px 0 0; padding-left:95px; }
.data-table.col dt { position:absolute; left:0; top:0; height:37px; line-height:37px; font-size:15px; color:#111; letter-spacing:-0.07em; }
.data-table.col dd.txt { height:37px; line-height:37px; font-size:15px; font-weight:normal; }






.cart-prdlist { overflow:hidden; }
.cart-prdlist li { position:relative; padding:10px 0 10px 35px; border-bottom:1px solid #eee; overflow:hidden; }
.cart-prdlist li input[type=checkbox] { position:absolute; left:10px; top:10px; width:17px; height:17px; margin:0; padding:0; border:1px solid #aaa; z-index:2; }
.cart-prdlist li .img { float:left; width:65px; overflow:hidden; border:1px solid #ddd; }
.cart-prdlist li .img img { width:100%; height:auto; }
.cart-prdlist li .prdinfo_wrap { float:left; width:calc(100% - 87px); margin-left:10px; }
.cart-prdlist li .prdinfo_wrap .prdname { font-size:17px; line-height:1.3; letter-spacing:-0.02em; }
.cart-prdlist li .prdinfo_wrap .option { margin:3px 0 0; }
.cart-prdlist li .prdinfo_wrap .option p { font-size:12px; line-height:1.3; color:#999; }
.cart-prdlist li .prdinfo_wrap .price { color:#dc1515; font-size:13px; margin:5px 0 0; }
.cart-prdlist li .prdinfo_wrap .price small { font-size:11px; }
.cart-prdlist li .prdtotal_wrap { float:left; clear:both; width:calc(100% - 10px); border-top:1px solid #eee; margin:10px 0 0; padding:10px 0 0; font-size:14px; }
.cart-prdlist li .prdtotal_wrap b { font-weight:normal; color:#dc1515; line-height:1.3; }
.cart-prdlist li .prdtotal_wrap small { display:block; font-size:10px; color:#999; line-height:1.3; margin:2px 0 0; }
.cart-prdlist.no-check { }
.cart-prdlist.no-check li { padding-left:10px; }

.no_prd { width:100%; height:70px; line-height:70px; padding:0!important; margin:0!important; text-align:center; font-size:13px; color:#999; letter-spacing:-0.05em; border-bottom:1px solid #eee; }


.prd_totalprice { }
.prd_totalprice .tit { height:40px; line-height:40px; background:#fafafa; letter-spacing:-0.05em; font-size:17px; font-weight:600; padding:0 0 0 15px; border-bottom:1px solid #eee; }
.prd_totalprice .cont { padding:15px; }
.prd_totalprice .cont table { }
.prd_totalprice .cont table th, .prd_totalprice .cont table td { padding:7px 0; font-weight:normal; font-size:15px; }
.prd_totalprice .cont table th { text-align:left; }
.prd_totalprice .cont table td { text-align:right; font-weight:bold; font-size:18px; }
.prd_totalprice .cont table td strong { color:#dc1515; }


.orderlist_wrap { margin:15px 10px 0; border:1px solid #ddd; border-radius:3px; overflow:hidden; }

.orderlist_wrap .orderlist { position:relative; }
.orderlist_wrap .orderlist:first-child { margin:0; }
.orderlist_wrap .orderlist .code { position:relative; background:#f7f7f7; }
.orderlist_wrap .orderlist .code p { height:35px; line-height:35px; padding-left:10px; font-size:0.7rem; color:#999; }
.orderlist_wrap .orderlist .code p span:first-child { display:inline-block; margin:0 7px; color:#ddd; }
.orderlist_wrap .orderlist .code p .prdcode { color:#dc1515; }
.orderlist_wrap .orderlist .code .order_cancel { position:absolute; right:3px; top:3px; width:62px; height:27px; line-height:25px; text-align:center; background:#fff; border:1px solid #ddd; color:#999; font-size:12px; letter-spacing:-0.07em; border-radius:3px; box-sizing:border-box; }
.orderlist_wrap .orderlist .info { position:relative; padding:10px; }
.orderlist_wrap .orderlist .info span { display:block; color:#dc1515; font-size:13px; line-height:1.3; }
.orderlist_wrap .orderlist .info strong { display:block; font-size:14px; color:#333; line-height:1.3; letter-spacing:-0.05em; font-weight:normal; margin:5px 0 0; }
.orderlist_wrap .orderlist .info b { display:block; font-size:1rem; font-weight:bold; line-height:1.3; color:#000; margin:15px 0 0; }
.orderlist_wrap .orderlist .info .detail_view { position:absolute; right:10px; bottom:10px; padding:6px 10px; font-size:11px; line-height:1.3; color:#888; background:#f7f7f7; border:none; }


.orderlist_wrap .orderlist_detail { border-top:1px solid #ddd; }


.orderlist_wrap .orderlist_detail .prdinfo { padding:15px 15px 0; }
.orderlist_wrap .orderlist_detail .prdinfo .tit { font-size:13px; color:#dc1515; letter-spacing:-0.05em; line-height:1.3; }
.orderlist_wrap .orderlist_detail .prdinfo .cont { margin:5px 0 0; padding:0 0 10px; }
.orderlist_wrap .orderlist_detail .prdinfo .cont p { font-size:14px; color:#000; line-height:1.3; letter-spacing:-0.05em; font-weight:600; }
.orderlist_wrap .orderlist_detail .prdinfo .cont table { border-width:0 0 1px 1px; border-style:solid; border-color:#ddd; margin:3px 0 0; }
.orderlist_wrap .orderlist_detail .prdinfo .cont table th, .orderlist_wrap .orderlist_detail .prdinfo .cont table td { padding:5px; font-size:11px; letter-spacing:-0.05em; border-width:1px 1px 0 0; border-style:solid; border-color:#ddd; }
.orderlist_wrap .orderlist_detail .prdinfo .cont table th { background:#f7f7f7; vertical-align:middle; }
.orderlist_wrap .orderlist_detail .prdinfo .cont table td { vertical-align:middle; }
.orderlist_wrap .orderlist_detail .prdinfo .noprd { text-align:center; font-size:11px; color:#aaa; line-height:1.4; }

.orderlist_wrap .orderlist_detail .payinfo { padding:5px 15px 0;; }
.orderlist_wrap .orderlist_detail .payinfo .tit { font-size:13px; color:#dc1515; letter-spacing:-0.05em; line-height:1.3; }
.orderlist_wrap .orderlist_detail .payinfo .cont { margin:5px 0 0; }
.orderlist_wrap .orderlist_detail .payinfo .cont p { font-size:15px; color:#000; line-height:1.3; letter-spacing:-0.05em; font-weight:600; }
.orderlist_wrap .orderlist_detail .payinfo .cont table { border-width:0 0 1px 1px; border-style:solid; border-color:#ddd; margin:5px 0 0; }
.orderlist_wrap .orderlist_detail .payinfo .cont table th, .orderlist_wrap .orderlist_detail .payinfo .cont table td { padding:5px; font-size:11px; letter-spacing:-0.05em; border-width:1px 1px 0 0; border-style:solid; border-color:#ddd; }
.orderlist_wrap .orderlist_detail .payinfo .cont table th { background:#f7f7f7; vertical-align:middle; }
.orderlist_wrap .orderlist_detail .payinfo .cont table td { vertical-align:middle; }

.orderlist_wrap .orderlist_detail .delinfo { padding:15px; }
.orderlist_wrap .orderlist_detail .delinfo .tit { font-size:13px; color:#dc1515; letter-spacing:-0.05em; line-height:1.3; }
.orderlist_wrap .orderlist_detail .delinfo .cont { margin:5px 0 0; }
.orderlist_wrap .orderlist_detail .delinfo .cont p { font-size:15px; color:#000; line-height:1.3; letter-spacing:-0.05em; font-weight:600; }
.orderlist_wrap .orderlist_detail .delinfo .cont table { border-width:0 0 1px 1px; border-style:solid; border-color:#ddd; margin:5px 0 0; }
.orderlist_wrap .orderlist_detail .delinfo .cont table th, .orderlist_wrap .orderlist_detail .delinfo .cont table td { padding:5px; font-size:11px; letter-spacing:-0.05em; border-width:1px 1px 0 0; border-style:solid; border-color:#ddd; }
.orderlist_wrap .orderlist_detail .delinfo .cont table th { background:#f7f7f7; vertical-align:middle; }
.orderlist_wrap .orderlist_detail .delinfo .cont table td { vertical-align:middle; }


.AW-pagenum { text-align: center; display: flex; justify-content: center; align-items: center; width: 100%; margin: 1.875rem auto; }
.AW-pagenum > * { flex: none; margin: 0 0.125rem;}
.AW-pagenum a:not(.num) { overflow: hidden; border-radius: 50%; border: 1px solid #ddd; box-sizing: border-box;
    display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem;}
.AW-pagenum a img { height: 0.75rem; display: block; width: auto; flex: none;}
.AW-pagenum .num { width: 2.5rem; height: 2.5rem; box-sizing: border-box; border-radius: 50%;
    display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: normal; background: #ccc; border-color: #ccc; color: #fff;}
.AW-pagenum .num.current { font-weight: bold; background: var(--m-color); color: #fff; border-color: var(--m-color);}