@charset "UTF-8";
body, td { letter-spacing: -0.5px !important; }

#ui-datepicker-div { display: none; }

.ofhd { overflow: hidden !important; }

.lspm1 { letter-spacing: -1px !important; }

.ftl { float: left !important; }

.ftr { float: right !important; }

.oafter:after { content: ''; display: block; float: none; clear: both; }

.dpib { display: inline-block !important; }

.dpb { display: block !important; }

.defaultbox { width: 1200px; margin: 0 auto; position: relative; }

.bsbb { -webkit-box-sizing: border-box; box-sizing: border-box; }

.psr { position: relative; }

.psa { position: absolute; }

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

.psar1 { position: absolute; right: 0; top: 10px; }

.clear_div { clear: both; float: none; display: block; height: 0; }

.ffth { font-family: 'tahoma'; }

#head_wrap { min-width: 1200px; display: block; height: 30px; margin-bottom: 0px; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; background: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; }

#head_wrap2 { min-width: 1200px; height: 85px; border-bottom: solid 1px #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box; }

#toplogo { position: absolute; top: 9px; left: 0; }

ul#gm { float: right; font-size: 12px; margin-top: 1px; }

ul#gm li { float: left; padding: 0 10px; border-right: 1px solid #e9e9e9; line-height: 27px; }

/* 140731 ?�정*/
ul#gm li:first-child { border-left: 1px solid #e9e9e9; padding-top: 6px; }

ul#gm li a { color: #999999; /* font-family:dotum,'?��?'; */ }

ul#gm li span { color: #283f92; }

#toplogo2 { position: absolute; top: 28px; left: 0; }

.topSearch { position: absolute; top: 23px; left: 160px; border-radius: 3px; border: 1px solid #cbcbcb; width: 460px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#sch_val { border: none; padding: 13px 10px 10px; width: 390px; background: transparent; }

.btn_ts { position: absolute; top: -1px; right: -1px; }

#location { border-bottom: 1px solid #e9e9e9; height: 60px; padding: 13px 10px 7px; position: relative; z-index: 999; }

#location .location { position: absolute; top: 14px; left: 45px; line-height: 30px; font-size: 13px; /* font-family:dotum,'?��?'; */ }

#body_wrap { min-height: 525px; }

#body_wrap .defaultbox { /* background:#fff url(/share/snoimg/body_wrap_bg.jpg) repeat-y;*/ }

#body_wrap .defaultbox.nono { background: #fff; }

#body_left { padding: 0 8px; width: 174px; float: left; }

#favspot { border: solid 1px #dddddd; border-top: 0px; padding: 10px; margin-bottom: 20px; }

#favspot ul { margin: 10px 0; }

#favspot ul li { line-height: 24px; font-size: 12px; }

#body_content { width: 980px; float: right; }

#tab_content0 { width: calc(100% - 38px); line-height: 1.667; }

.rc_add, .rc_min { line-height: 1; }

.body_schop_boxO { border: solid 1px #e1e1e1; border-top: solid 2px #707070; border-bottom: solid 1px #0a2a64; }

.schop_list .schopslider { width: 816px; height: 100px; position: relative; z-index: 3; }

.body_schop_boxO ul.schop_list > li { height: 98px; padding: 0 40px 0 130px; position: relative; border-top: solid 1px #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box; }

.body_schop_boxO ul.schop_list > li:first-child { border-top: none; }

.body_schop_boxO ul.schop_list > li:after { content: ''; display: block; float: none; clear: both; }

.body_schop_boxO ul.schop_list > li .corpname { background: url(../snoimg/liline.png) no-repeat 100% 50%; width: 130px; position: absolute; left: 0; top: 0; font-size: 15px; font-weight: bold; text-align: center; line-height: 96px; }

.body_schop_boxO ul.schop_list > li .controlbox { width: 39px; position: absolute; right: 0; top: 0; font-size: 15px; font-weight: bold; text-align: center; height: 97px; border-left: solid 1px #e1e1e1; }

.body_schop_boxO ul.schop_list > li .controlbox span { display: none; width: 16px; overflow: hidden; }

.body_schop_boxO ul.schop_slider { margin-left: 1px; }

.body_schop_boxO ul.schop_slider > li { height: 98px; float: left; width: 102px; }

ul.schop_slider > li { margin: 0 0 0 -1px; background: url(../snoimg/liline.png) no-repeat 100% 50%; }

ul.schop_slider > li input[type='checkbox'] { display: none; }

ul.schop_slider > li input[type='checkbox'] + label { font-size: 12px; position: relative; z-index: 2; color: #000; display: block; height: 98px; width: 102px; border: solid 1px transparent; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

ul.schop_slider > li input[type='checkbox'] + label > span { height: 50px; margin: 0; background: none; display: inline-block; width: 100%; vertical-align: middle; cursor: pointer; padding: 18px 0 3px; }

ul.schop_slider > li input[type='checkbox']:checked + label { border: solid 1px #0a2a64; color: #f00; font-weight: bold; }

ul.schop_slider > li.nonoline { background: none; }

.body_search_boxO { border: solid 1px #e1e1e1; border-bottom: solid 1px #0a2a64; border-top: none; position: relative; padding: 0 0; }

.body_search_boxI { border-top: solid 2px #eeeeee; border-bottom: solid 1px #eeeeee; }

.body_search_optionboxO { padding: 0 40px 0 130px; position: relative; }

.body_search_boxO .corpname { height: 130px; background: url(../snoimg/liline2.png) no-repeat 100% 50%; width: 130px; position: absolute; left: 0; top: 0; font-size: 12px; text-align: center; }

.body_search_boxO .corpname span { display: block; padding: 30px 0 5px; width: 100%; text-align: center; }

input[type='checkbox'] { display: none; }

input[type='checkbox'] + label { color: #000; }

input[type='checkbox'] + label span { display: inline-block; width: 20px; height: 19px; margin: 0px 0px 0 5px; vertical-align: middle; background: url(/share/snoimg/check_radio_sheet.png) 0px top no-repeat; cursor: pointer; }

input[type='checkbox']:checked + label span { background: url(/share/snoimg/check_radio_sheet.png) -20px top no-repeat; }

input[type='radio'] { display: none; }

input[type='radio'] + label { color: #000; }

input[type='radio'] + label span { display: inline-block; width: 20px; height: 19px; margin: 0px 3px 0 5px; vertical-align: middle; background: url(/share/snoimg/check_radio_sheet3.png) 0px top no-repeat; cursor: pointer; }

input[type='radio']:checked + label span { background: url(/share/snoimg/check_radio_sheet3.png) -20px top no-repeat; }

input[type='radio'] + label span.mtm3 { margin-top: -3px; }

.psar > #item_1 { z-index: 9999; }

.body_search_optionbox { width: 130px; float: left; height: 110px; margin: 20px 0 0 20px; padding: 0px; }

.body_search_optionbox:first-child { border: none; }

.body_search_optionbox p.tit { margin: 0 0px 0; padding: 5px; font-weight: bold; }

.body_search_optionbox ul li { line-height: 22px; font-size: 12px; }

.body_search_optionbox p.ipt { padding: 0 0px; }

.body_search_optionbox input.bsobinput { width: 96%; font-size: 12px; border: solid 1px #dddddd; border-radius: 4px; padding: 7px 2%; }

.copdelbox { font-size: 12px; background: #f3f3f3; color: #3e6eb0; position: relative; min-height: 35px; border-top: solid 1px #e1e1e1; padding: 0 40px 0 130px; }

.copdelbox .corpname2 { line-height: 25px; height: 25px; text-align: center; position: absolute; top: 5px; left: 0; border-right: solid 1px #e1e1e1; width: 130px; }

.copdelbox ul { padding: 10px; }

.copdelbox ul li { padding: 0 15px; line-height: 15px; font-weight: bold; display: inline-block; }

.schopslider .bx-controls { position: absolute; width: 39px; background: #fff; text-align: center; right: -32px; top: 0; z-index: 99; }

.schopslider .bx-controls .bx-prev.disabled { display: none; }

.schopslider .bx-controls .bx-next.disabled, .schopslider .bx-controls .bx-next.nonono { display: none; }

.pshtit { font-size: 22px; font-weight: normal; margin: 40px 0 3px; }

.pssboxO { border: solid 2px #eeeeee; border-top: solid 1px #555555; }

.pssboxI { border-top: solid 2px #eeeeee; }

.pssbox li { width: 144px; float: left; min-height: 240px; border-left: solid 1px #eeeeee; margin: 15px 0; padding: 0 25px; }

.pssbox li:first-child { border: none; }

.pssbox li .txt { margin-top: 30px; }

.pssbox li .txt .item_seller { font-weight: bold; margin-bottom: 5px; }

.pssbox li .txt .item_name { margin-bottom: 5px; font-size: 12px; line-height: 14px; word-break: break-word; }

table.snotable01 { border-collapse: collapse; text-indent: 0; font-weight: normal; width: 100%; /*  border-top: 1px solid #707070; border-bottom: 1px solid #707070; 2019-10-07 */ border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

table.snotable01 td { border-top: 1px solid #eeeeee; padding: 15px; vertical-align: top; text-align: left; color: #5c5c5c; }

table.snotable01 tr:first-child td { border: none; }

table.snotable01 td a.tit { font-size: 14px; font-weight: 500; line-height: 20px; display: block; margin-right: 28px; margin-bottom: 11px; position: relative; }

table.snotable01 td.ctxt { text-align: center; }

table.snotable01 td a, table.t1 td a:visited { color: #202020; }

table.snotable01 td a:hover { color: #0259ca; }

table.snotable01.bdt1 { border-top: 1px solid #cdcfc4 !important; }

table.snotable01 td ul.optionlist1 li { padding-bottom: 6px; color: #aeaeae; }

table.snotable01 td ul.optionlist1 li.on { color: #ff690e; }

table.snotable01 td ul.optionlist2 li { min-height: 15px; font-size: 12px; padding-bottom: 8px; color: #3e3e3e; text-align: right; position: relative; }

table.snotable01 td ul.optionlist2 li span.aaa { display: block; position: absolute; color: #5c5c5c; }

table.snotable02 { /* font-family:dotum,'?��?'; */ font-size: 12px; border-collapse: collapse; text-indent: 0; font-weight: normal; width: 100%; border-top: 1px solid #999999; border-bottom: 1px solid #cccccc; }

table.snotable02 th { border-top: 1px solid #eeeeee; text-align: left; padding: 15px; font-size: 13px; }

table.snotable02 th span { background: url(/share/snoimg/bul_tit_imp.png) no-repeat 0 50%; padding-left: 13px; }

table.snotable02 td { border-top: 1px solid #eeeeee; padding: 15px; vertical-align: top; text-align: left; color: #5c5c5c; }

table.snotable02 tr:first-child td, table.snotable02 tr:first-child th { border: none; }

table.snotable02 td select { padding: 0px 0 0 10px; width: 520px; height: 28px; border: solid 1px #c2c2c2; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/share/snoimg/selectbg2.png) no-repeat 100% 0; font-size: 14px; }

table.snotable02 td select::-ms-expand { display: none; }

table.snotable02 tr:nth-child(2n) { background: #f5f5f5; }

table.snotable02 td input.winput6 { padding: 0px 10px; width: 500px; height: 26px; border: solid 1px #c2c2c2; /* font-family:dotum,'?��?'; */ font-size: 12px; }

table.snotable02 td input.winput4 { padding: 0px 10px; width: 220px; height: 27px; border: solid 1px #c2c2c2; /* font-family:dotum,'?��?'; */ font-size: 12px; }

table.snotable02 td input.winput7 { padding: 0px 10px; width: 150px; height: 27px; border: solid 1px #c2c2c2; /* font-family:dotum,'?��?'; */ font-size: 12px; }

table.snotable02_ { /* font-family:dotum,'?��?'; */ font-size: 12px; border-collapse: collapse; text-indent: 0; font-weight: normal; width: 100%; border-top: 1px solid #999999; border-bottom: 1px solid #cccccc; }

table.snotable02_ th { border-top: 1px solid #eeeeee; text-align: left; padding: 15px; background: #f5f5f5; }

table.snotable02_ th span { background: url(/share/snoimg/bul_tit_imp.png) no-repeat 0 50%; padding-left: 13px; }

table.snotable02_ td { border-top: 1px solid #eeeeee; padding: 15px; vertical-align: top; text-align: left; color: #5c5c5c; }

table.snotable02_ tr:first-child td, table.snotable02_ tr:first-child th { border: none; }

table.snotable02_ td span.t1 { font-size: 20px; font-weight: 500; color: #000; }

table.snotable02_ td span.t2 { color: #ea0000; }

table.snotable03 { /* font-family:dotum,'?��?'; */ font-size: 12px; border-collapse: collapse; text-indent: 0; font-weight: normal; width: 100%; }

table.snotable03 th { border-top: 1px solid #eeeeee; text-align: left; padding: 0 6px 3px 0; }

table.snotable03 th span { position: relative; background: #818fa9 url(/share/snoimg/bul_tit_th.png) no-repeat 0 50%; padding-left: 22px; display: block; line-height: 26px; color: #fff; }

table.snotable03 td { border-top: 1px solid #eeeeee; padding: 0 5px 3px 0; vertical-align: top; text-align: left; color: #5c5c5c; }

table.snotable03 tr:first-child td, table.snotable02 tr:first-child th { border: none; }

table.snotable03 td select { padding: 0px 10px; width: 100%; height: 28px; border: solid 1px #c2c2c2; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/share/snoimg/selectbg2.png) no-repeat 100% 0; }

table.snotable03 td select::-ms-expand { display: none; }

table.snotable03 tr:nth-child(2n) { background: #f5f5f5; }

table.snotable03 td input.winput1 { padding: 0px 10px; width: 100%; height: 28px; border: solid 1px #c2c2c2; /* font-family:dotum,'?��?'; */ font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; }

table.snotable03_add th { padding: 0 5px 3px 0 !important; }

table.snotable03_add th span { line-height: 28px !important; }

table.snotable04 { border-collapse: collapse; text-indent: 0; font-weight: normal; width: 100%; border-top: 1px solid #999; border-bottom: 1px solid #999; }

table.snotable04 thead th { padding: 10px 0 12px; background: #f5f5f5; text-align: center; /* font-family:dotum,'?��?'; */ font-size: 12px; font-weight: normal; color: #666; border-bottom: 1px solid #ccc; }

table.snotable04 thead th span { display: inline-block; width: 100%; border-left: solid 1px #ccc; padding: 1px 0; }

table.snotable04 td { line-height: 17px; letter-spacing: 0.5px; border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; padding: 15px; vertical-align: top; text-align: left; color: #5c5c5c; /* font-family:dotum,'?��?'; */ font-size: 12px; }

table.snotable04 td .bagpic02 { position: absolute; width: 50px; height: 50px; }

table.snotable04 td .bagpic02 img { width: 100%; }

table.snotable04 td .bagtxt02 { margin-left: 105px; line-height: 17px; }

table.snotable04 td .bagtxt03 { border: solid 1px #dedede; padding: 6px 14px; margin: 3px 0; font-weight: bold; color: 333; }

table.snotable04 tr:first-child td { border: none; border-left: 1px solid #eeeeee; }

table.snotable04 td:first-child { border-left: none !important; }

table.snotable04 td a.tit { font-size: 16px; font-weight: bold; line-height: 20px; display: block; margin-bottom: 11px; }

table.snotable04 td.ctxt { text-align: center; }

table.snotable04 td a, table.t1 td a:visited { color: #202020; }

table.snotable04 td a:hover { color: #0259ca; }

table.snotable04.bdt1 { border-top: 1px solid #cdcfc4 !important; }

table.snotable04 td ul.optionlist1 li { text-align: center; color: #333333; }

table.snotable04 td ul.optionlist1 li.on { color: #ff690e; }

table.snotable04 td.txtc { text-align: center !important; }

table.snotable04 td ul.optionlist2 li { font-size: 12px; padding-bottom: 8px; color: #3e3e3e; text-align: right; position: relative; }

table.snotable04 td ul.optionlist2 li span { display: block; position: absolute; color: #5c5c5c; }

.ordertit { font-size: 18px; font-weight: bold; padding: 30px 0 10px; }

.sv_wrap { display: inline-block; position: relative; font-weight: normal; font-size: 1em; padding-left: 5px; }

.sv_wrap .sv { z-index: 1000; display: none; margin: 5px 0 0; border: 1px solid #383838; }

.sv_wrap .sv a { display: inline-block; margin: 0; padding: 3px; width: 94px; border-bottom: 1px solid #383838; background: #111; color: #fff; text-decoration: none; }

.sv_wrap .sv a:focus, .sv_wrap .sv a:hover { background: #393939; }

.sv_on { display: block !important; position: absolute; top: 10px; left: 20px; width: auto; height: auto; }

.sv_nojs .sv { display: block; }

.gallery .sv_wrap { font-size: 12px; }

/* pagination */
#pagination-bottom { background-color: #f5f5f5; }

.ui-pagination-body.ui-pagination-front { padding: 6px 10px 6px 0; margin: 30px 0 0; background: 0 0; }

.ui-pagination-body { padding: 6px 10px; margin: 10px 0; background: #f5f5f5; }

.ui-pagination { margin: 10px 0; overflow: hidden; }

#pagination-bottom .ui-pagination-navi { margin-left: 10px; }

.util-left { float: left; }

.util-left, .util-right { display: inline; }

.ui-pagination-front .ui-pagination-navi .ui-pagination-next, .ui-pagination-front .ui-pagination-navi .ui-pagination-prev, .ui-pagination-front .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-next, .ui-pagination-front .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-prev { padding-right: 16px !important; }

.ui-pagination-front .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-prev, .ui-pagination-front .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-prev:hover { background: #fff url(/share/snoimg/pagination.png) -53px -8px no-repeat; }

.ui-pagination-front .ui-pagination-navi .ui-pagination-next, .ui-pagination-front .ui-pagination-navi .ui-pagination-prev, .ui-pagination-front .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-next, .ui-pagination-front .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-prev { width: 6px; padding-right: 13px; overflow: hidden; text-indent: -999px; border: 1px solid #d3d3d4; }

.ui-pagination-front .ui-pagination-navi a, .ui-pagination-front .ui-pagination-navi span, .ui-pagination-front .ui-pagination-navi span.ui-pagination-disabled { float: left; display: inline; margin: 0 5px 0 0; padding: 8px 11px; font-size: 14px; color: #4a4a4a; line-height: 14px; overflow: hidden; text-decoration: none; background: #fff; border: 1px solid #d8d8d8; }

.ui-pagination-navi span.ui-pagination-disabled.ui-pagination-prev, .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-prev:hover { background-position: -41px 7px; border: solid 1px #d3d3d4 !important; }

.ui-pagination-navi .ui-pagination-next, .ui-pagination-navi .ui-pagination-prev, .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-next, .ui-pagination-navi span.ui-pagination-disabled.ui-pagination-prev { width: 6px; overflow: hidden; text-indent: -999px; background: #fff url(/share/snoimg/pagination.png) no-repeat 0 0; }

.ui-pagination-front .ui-pagination-navi .ui-pagination-prev, .ui-pagination-front .ui-pagination-navi .ui-pagination-prev:hover { background: #fff url(/share/snoimg/pagination.png) no-repeat 11px -8px; }

.ui-pagination-front .ui-pagination-navi .ui-pagination-next, .ui-pagination-front .ui-pagination-navi .ui-pagination-next:hover { background: #fff url(/share/snoimg/pagination.png) -10px -8px no-repeat; }

.ui-pagination-front .ui-pagination-navi span { padding: 8px 11px; font-size: 14px; color: #fff; line-height: 14px; overflow: hidden; text-decoration: none; background: #3385d6; border: 1px solid #d8d8d8; }

.ui-pagination-navi .ui-pagination-prev, .ui-pagination-navi .ui-pagination-prev:hover { background-position: 7px 7px; }

.ui-pagination-navi span { border: 1px solid transparent; background: 0 0; cursor: default; _border: none; }

.ui-pagination-navi a, .ui-pagination-navi span { float: left; display: inline; margin: 0 3px 0 0; padding: 4px 6px; font-size: 11px; color: #06c; line-height: 12px; overflow: hidden; text-decoration: none; background: #fff; border: 1px solid #d3d3d4; }

#pagination-bottom .ui-pagination-goto { line-height: 32px; }

.ui-pagination-front .ui-pagination-goto, .ui-pagination-front .ui-pagination-item { line-height: 35px; }

.ui-pagination-goto { padding-left: 30px; }

.ui-pagination-goto, .ui-pagination-item { line-height: 22px; }

.util-right { float: right; }

.util-left, .util-right { display: inline; }

.ui-pagination-goto .ui-textfield-system { width: 40px; height: 21px; }

.ui-pagination-goto .ui-textfield-system { padding: 1px 5px; width: 18px; text-align: right; margin-top: 0px; }

.ui-button ui-button-normal ui-button-small { width: 40px; height: 21px; }

.pagenumbox { width: 40px; height: 16px; padding: 1px 5px; width: 18px; text-align: right; margin-top: 0px; }

.pagenumboxsubmit { padding: 0px 8px !important; }

.pagenumboxsubmit { display: inline-block; position: relative; padding: 0; border: 1px solid #333; height: 20px; line-height: 20px; background: #000; font-size: 12px; color: #fff !important; margin-right: 0.1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; vertical-align: middle; }

.pagenumboxsubmit2 { display: inline-block; position: relative; padding: 0 30px 0 8px; border: 1px solid #ff7200; height: 20px; line-height: 20px; font-size: 12px; color: #fff !important; background: #e65100 url(/share/snoimg/down-arrow-white3.png) no-repeat 100% 0; margin-right: 0.1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; vertical-align: middle; }

.ui-textfield-system { -webkit-box-shadow: none; box-shadow: none; }

.ui-textfield-system { height: 14px; padding: 5px 4px; font-family: inherit; font-weight: 400; font-size: 12px; line-height: 14px; color: #333; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: border linear 0.2s; transition: border linear 0.2s; }

.ui-textfield { display: inline-block; overflow: visible; outline: 0; }

.snotit { padding: 0 0 23px; }

.snotit2 { padding: 40px 0 23px; text-align: center; }

.ordernum4 { width: 640px; /* font-family:dotum,'?��?'; */ font-size: 14px; margin-bottom: 40px; margin-left: 560px; }

.paymentway { border: solid 1px #ff8f44; }

.ways { width: 610px; margin: auto; height: 50px; line-height: 50px; border-bottom: solid 1px #ccc; }

.waybox01 { padding: 20px; }

.waybox01 ul li { margin-bottom: 4px; }

.paymentway select { padding: 0px 0 0 10px; width: 160px; height: 28px; border: solid 1px #c2c2c2; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/share/snoimg/selectbg2.png) no-repeat 100% 0; }

.paymentway select::-ms-expand { display: none; }

.ordernum3txt1 { padding: 0 0 10px; line-height: 18px; color: #000; }

.ordernum3txt1 p { font-weight: bold; }

.ordernum3txt2 { padding: 10px 0 10px; line-height: 19px; color: #000; }

.ordernum3txt2 p { font-weight: bold; }

.ordernum3 { width: 520px; position: absolute; left: 0; top: 0; }

.tatalmoneyorder { border-top: solid 0px #999999; }

.tatalmoneybox { width: 260px; text-align: center; margin: 20px auto 10px; border: solid 1px #2b4e7e; border-radius: 3px; background: #3f6fb1; line-height: 45px; color: #fff; font-size: 24px; }

.tatalmoneybox2 { padding: 25px; border-top: solid 1px #ccc; background: #f5f5f5; /* font-family:dotum,'?��?'; */ font-size: 12px; }

table.snotable05 { background: #fcfbfb; /* font-family:dotum,'?��?'; */ font-size: 12px; border-collapse: collapse; text-indent: 0; font-weight: normal; width: 100%; border-bottom: solid 1px #dfdfdf; line-height: 18px; }

table.snotable05 td { border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; padding: 10px 35px; vertical-align: top; text-align: left; color: #5c5c5c; }

table.snotable05 tr td:first-child { text-align: center; border-left: none; vertical-align: middle; }

.addrinfo { width: 640px; position: absolute; left: 0; top: 0; }

.totalminfo { width: 520px; /* font-family:dotum,'?��?'; */ font-size: 12px; margin-bottom: 40px; margin-left: 680px; }

#foot_wrap { background: #fafafa url(/share/snoimg/footBg.png) repeat-x; font-size: 13px; color: #777; height: 253px; min-width: 1200px; }

#L_FOOTER { height: 253px; }

.footMenu { height: 44px; }

.footMenu ul { width: 820px; margin: auto; }

.footMenu ul li { padding: 0 30px; line-height: 38px; float: left; background: url(/share/snoimg/bul_fm.png) no-repeat 0 50%; font-size: 14px; white-space: nowrap; }

.footMenu ul li:first-child { background: none; }

.footlogo { position: absolute; top: 105px; left: 23px; }

.footInfo { position: absolute; top: 60px; left: 220px; width: 500px; line-height: 18px; color: #686868; }

.footInfo .tit, .footInfo2 .tit { font-size: 14px; color: #444; margin-bottom: 10px; font-weight: bold; }

.footInfo2 { position: absolute; top: 60px; left: 720px; width: 400px; color: #686868; line-height: 18px; }

.footInfo2 .cs2 { font-size: 18px; font-weight: bold; line-height: 1.1; padding-top: 20px; }

.copyright { height: 35px; line-height: 35px; position: absolute; bottom: 0; width: 100%; text-align: center; color: #666; }

.line_ft { background: url(/share/snoimg/bul_fm.png) no-repeat 50% 50%; display: inline-block; width: 13px; height: 18px; vertical-align: top; }

/* menu s*/
/* mainMenu */
#location #allmenu { position: absolute; top: 14px; left: 0px; width: 41px; height: 31px; }

#btn_allmenu { position: relative; z-index: 99999; }

.allmenu { z-index: 99998; position: relative; width: 188px; border: 1px solid #3e6eb0; height: 258px; left: 0px; top: -1px; display: none; background: #fff; }

.allmenu .ico_navi_pointer { position: absolute; display: block; width: 10px; height: 15px; background: url(../../img/layout/d3_arr.png) no-repeat; }

/* depth1 */
.allmenu > ul { margin: 0; padding: 10px 0; }

.allmenu > ul > li { border-bottom: 0px solid #ea726c; overflow: visible; height: 34px; }

.allmenu > ul > li > a { color: #000; display: block; width: 158px; height: 26px; line-height: 18px; padding: 5px 15px 3px; position: relative; z-index: 5; }

.allmenu a.on { background-color: #f0f0f0; }

.allmenu .allmenu_depth2_group { position: absolute; left: 188px; top: -1px; width: 700px; height: 258px; border: 1px solid #3e6eb0; background: #fff; z-index: 4; font-size: 12px !important; }

.allmenu .allmenu_depth2_group .btn_coupon { position: relative; top: -2px; display: inline-block; margin-bottom: -3px; vertical-align: middle; }

.allmenu .allmenu_depth2_group .column_bg { background: #f2f2f2; }

.allmenu .allmenu_depth2_group .column_inner_ad { margin: 0 12px; padding-top: 12px; border-top: 1px solid #eaeaea; }

.allmenu .allmenu_depth2_group .column2 .column_tit { padding-left: 12px; letter-spacing: -1px; color: #666; display: none; }

.allmenu .allmenu_depth2_group .column1, .allmenu .allmenu_depth2_group .column2, .allmenu .allmenu_depth2_group .column3, .allmenu .allmenu_depth2_group .column4 { float: left; width: 164px; height: 100%; border-right: 1px solid #eaeaea; }

.allmenu .allmenu_depth2_group .column_ad { position: relative; height: 100%; border-left: 1px solid #eaeaea; overflow: hidden; }

.allmenu .allmenu_depth2_group .column_ad ul { margin: 0; padding: 0; }

.allmenu .allmenu_depth2_group .column_ad .allmenu_ad_title { display: block; }

.allmenu .allmenu_depth2_group .column_ad .allmenu_ad_title img { width: 494px; height: 130px; vertical-align: middle; }

.allmenu .allmenu_depth2_group .column_ad .allmenu_ad_image { display: block; }

.allmenu .allmenu_depth2_group .column_ad .allmenu_ad_image img { width: 494px; height: 275px; vertical-align: middle; }

.allmenu .allmenu_depth2_group .column_ad .allmenu_ad_title img.ad_size2 { width: 164px; height: 130px; }

.allmenu .allmenu_depth2_group .column_ad .allmenu_ad_image img.ad_size2 { width: 164px; height: 275px; }

.allmenu .allmenu_depth2_group ul.type_block { margin: 15px 0; padding: 0; padding-bottom: 17px; }

.allmenu .allmenu_depth2_group ul.type_block > li { padding: 7px 0 5px 12px; line-height: 10px; }

.allmenu .allmenu_depth2_group ul.type_block > li > a { text-decoration: none; color: #333; }

.allmenu .allmenu_depth2_group ul.type_block > li.on { background-color: #3e6eb0; }

.allmenu .allmenu_depth2_group ul.type_block > li.on > a { color: #fff; }

*:first-child + html .allmenu .allmenu_depth2_group ul.type_block { margin: 0; *margin-bottom: 1px; }

*:first-child + html .allmenu .allmenu_depth2_group ul.type_block ul.type_block { margin: 0; padding-top: 17px; }

*:first-child + html .allmenu .allmenu_depth2_group ul.type_block > li:hover { margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-bottom: 2px; }

*:first-child + html .allmenu .allmenu_depth2_group ul.type_block > li:first-child:hover { padding-top: 7px; padding-bottom: 2px; }

*:first-child + html .allmenu .allmenu_depth2_group ul.type_block ul.type_block > li:first-child:hover, *:first-child + html .allmenu .allmenu_depth2_group ul.type_block ul.type_block > li { padding-top: 8px; padding-bottom: 3px; }

.allmenu_depth2_group li .new, .navi_dropdown .new, .hp_bot_corner dd .new { margin: -2px 0 0 4px; vertical-align: middle; }

/* depth3 */
.allmenu .allmenu_depth3_group { position: absolute; top: -1px; left: 160px; height: 236px; border: 2px solid #000000; background: #fff; z-index: 5; }

.allmenu .allmenu_depth3_group .column_inner { float: left; width: 163px; height: 100%; border-left: 1px solid #eaeaea; }

.allmenu .allmenu_depth3_group .column_inner:first-child { border-left: none; }

.allmenu .allmenu_depth3_group .column_inner ul { margin: 20px 0 0 0; }

.allmenu .allmenu_depth3_group .column_inner ul li { padding: 5px 0 4px 12px; line-height: 1em; }

.allmenu .allmenu_depth3_group ul.type_block { padding: 0; }

.allmenu .allmenu_depth3_group ul.type_block > li { padding: 7px 0 3px 20px; line-height: 10px; }

.allmenu .allmenu_depth3_group ul.type_block > li:hover { padding: 8px 0 4px 20px; margin-top: -1px; margin-bottom: -1px; background: #3e6eb0; }

.allmenu .allmenu_depth3_group ul.type_block > li > a { color: #333; text-decoration: none; }

.allmenu .allmenu_depth3_group ul.type_block > li:hover > a { color: #fff; }

/* menu e*/
/* button */
.css_btn1 { background: url("http://pics.esmplus.com/front/btn/css_btn1_right.gif") no-repeat 100% 0; display: inline-block; vertical-align: middle; }

.css_btn1 a { line-height: 17px; font-family: dotum; background: url("http://pics.esmplus.com/front/btn/css_btn1_left.gif") no-repeat 0 0; display: inline-block; padding: 3px 7px 0 6px; font-size: 11px; letter-spacing: -1px; height: 17px; }

.css_btn1 a:hover { text-decoration: none; }

.css_btn1 .show_help_ask { background: none; padding: 0; margin: 0 7px 0 0; }

.css_btn1 .show_help_ask img { vertical-align: middle; }

/* button */
ul#potabmenu { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; text-align: center; list-style: none; padding: 0; font-size: 0; position: relative; }

ul#potabmenu li { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; list-style: none; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: 0; width: 10%; background: #ffffff; border: 1px solid #e1e1e1; line-height: 57px; height: 57px; /* box-shadow: 1px 2px 2px #578bd5;*/ border-right: 0px; }

/* help box */
.ad_layer { display: none; position: absolute; top: 22px; left: 117px; right: inherit; z-index: 2; width: 182px; height: auto; padding: 14px 33px 14px 14px; border: 1px solid #bababa; background: #faf8dd; line-height: 15px; vertical-align: top; }

.ad_layer .cont { font-size: 12px; letter-spacing: -1px; font-weight: normal; line-height: 1.5; }

.ad_layer .cont strong, .ad_layer4 .cont strong { padding: 0 0 5px; display: block; }

.ad_layer .icon_arrow { display: inline-block; position: absolute; top: -6px; left: 22px; width: 11px; height: 6px; background: url(/share/snoimg/icon_arrow13.gif) 0 0 no-repeat; text-indent: -9999px; }

.ad_layer span.ad_layer_close { display: inline-block; position: absolute; top: 13px; left: initial; right: 13px; width: 10px; height: 10px; background: url(/share/snoimg/btn_close.gif) 0 0 no-repeat; text-indent: -9999px; cursor: pointer; }

.ad_layer4 { z-index: 9999; display: none; position: absolute; top: 40px; left: 157px; width: 240px; padding: 15px; border: 1px solid #bababa; background: #faf8dd; }

.bx_allkill .h3_tit { display: block; position: absolute; top: 0px; left: 0px; width: 140px; height: 31px; margin: 0; background: url(/share/snoimg/alllist.png) 0 0px no-repeat; text-indent: -9999px; }

.bx_allkill { margin-top: 20px; position: relative; height: 42px; background: #ffc801; border-top: 0; border-bottom: 1px solid #e6e6e6; }

.bx_allkill .h3_tit_txt { display: inline-block; padding-left: 145px; padding-top: 15px; font-size: 12px; color: #735900; line-height: 16px; letter-spacing: -1px; }

.bx_allkill .lnk_deliver { display: block; position: absolute; top: 14px; right: 21px; font-size: 11px; color: #735900; text-decoration: underline; line-height: 16px; }

/**/
.bx_ps .h3_tit { display: block; position: absolute; top: 12px; left: 14px; width: 200px; height: 31px; margin: 0; font-size: 20px; }

.bx_ps { margin-top: 20px; position: relative; height: 42px; background: #3675c7; border-top: 0; border-bottom: 1px solid #3675c7; color: #fff; }

.bx_ps .h3_tit_txt { display: inline-block; padding-left: 205px; padding-top: 15px; font-size: 12px; color: #735900; line-height: 16px; letter-spacing: -1px; }

.bx_ps .lnk_deliver { display: block; position: absolute; top: 14px; right: 21px; font-size: 11px; color: #735900; text-decoration: underline; line-height: 16px; }

.ssopt select { padding: 0px 0 0 8px; width: 125px; font-size: 13px; height: 27px; border: solid 1px #cfcfcf; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/img/board/bssbg.png) no-repeat 100% -2px; }

.ssopt select::-ms-expand { display: none; }

/* help box */
.ad_layer2, .fade_layer { display: none; position: absolute; bottom: 33px; left: 110px; right: inherit; z-index: 2; width: 182px; height: auto; padding: 14px 33px 14px 14px; border: 1px solid #bababa; background: #faf8dd; line-height: 15px; vertical-align: top; }

.ad_layer2 .cont, .fade_layer .cont { color: #000; font-size: 12px; letter-spacing: -1px; font-weight: normal; line-height: 1.5; }

.ad_layer2 .cont strong, .fade_layer .cont strong { padding: 0 0 5px; display: block; }

.ad_layer2 .icon_arrow, .fade_layer .icon_arrow { display: inline-block; position: absolute; top: inherit; bottom: -6px; left: 22px; width: 11px; height: 6px; background: url(/share/snoimg/icon_arrow13.gif) 0 0 no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); text-indent: -9999px; font-size: 0; }

.ad_layer2 span.ad_layer_close, .fade_layer span.fade_layer_close { display: inline-block; position: absolute; top: 13px; left: initial; right: 13px; width: 10px; height: 10px; background: url(/share/snoimg/btn_close.gif) 0 0 no-repeat; text-indent: -9999px; cursor: pointer; }

.ad_layer2 .cont span, .app_layer span.timer_wrap { position: relative; background: #818fa9 url(/share/snoimg/bul_tit_th.png) no-repeat 0 50%; padding-left: 22px; display: block; line-height: 26px; color: #fff; }

.ballon_guide_msg { float: right; width: 17px; padding: 0 5px 0 0; cursor: pointer; }

.ad_layer5 { z-index: 9000; position: absolute; right: 15px; width: 200px; height: auto; padding: 15px; margin-top: -136px; background: #faf8dd; border: 1px solid #bababa; }

.ad_layer5 .icon_arrow { display: inline-block; position: absolute; top: auto; bottom: -6.5px; right: 45px; width: 11px; height: 6px; background: url(/share/snoimg/icon_arrow13.gif) 0 0 no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); text-indent: -9999px; }

.fade_layer2 { padding: 5px 5px 5px 22px; margin-top: 5px; background: #818fa9 url(/share/snoimg/bul_tit_th.png) no-repeat 0 50%; color: #fff; }

.levelicon { width: 18px; height: 16px; display: block; float: left; background: url(/img/level/icon_level.png) no-repeat; }

.leveliconmbl { width: 18px; height: 6px; display: block; float: left; background: url(/img/level/icon_level.png) no-repeat; }

.leveliconmlb { width: 18px; height: 14px; display: inline-block; background: url(/img/level/icon_level.png) no-repeat; vertical-align: top; }

.leveliconmain { width: 18px; height: 16px; display: inline-block; background: url(/img/level/icon_level.png) no-repeat; vertical-align: top; }

.leveliconcomment { margin-top: 4px; width: 18px; height: 14px; display: block; float: left; background: url(/img/level/icon_level.png) no-repeat; }

.levelicons { left: -1px !important; margin-top: -1px; display: block; width: 18px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/img/level/new_icon_level3.png) no-repeat; -webkit-box-sizing: borer-box; }

.levelicon_ { background-position: 0px 0px; }

.levelicon0 { background-position: 0px 0px; }

.levelicon1 { background-position: -20px 0; }

.levelicon2 { background-position: -40px 0px; }

.levelicon3 { background-position: -60px 0px; }

.levelicon4 { background-position: -80px 0px; }

.levelicon5 { background-position: 0px -20px; }

.levelicon6 { background-position: -20px -20px; }

.levelicon7 { background-position: -40px -20px; }

.levelicon8 { background-position: -60px -20px; }

.levelicon9 { background-position: -80px -20px; }

.levelicon10 { background-position: 0px -40px; }

.levelicon11 { background-position: -20px -40px; }

.levelicon12 { background-position: -40px -40px; }

.levelicon13 { background-position: -60px -40px; }

.levelicon14 { background-position: -80px -40px; }

.levelicon15 { background-position: 0px -60px; }

.levelicon16 { background-position: -20px -60px; }

.levelicon17 { background-position: -40px -60px; }

.levelicon18 { background-position: -60px -60px; }

.levelicon19 { background-position: -80px -60px; }

.levelicon20 { background-position: 0px -80px; }

.levelicon21 { background-position: -20px -80px; }

.levelicon22 { background-position: -40px -80px; }

.levelicon23 { background-position: -60px -80px; }

.levelicon24 { background-position: -80px -80px; }

.levelicon25 { background-position: 0px -100px; }

.levelicon26 { background-position: -20px -100px; }

.levelicon27 { background-position: -40px -100px; }

.levelicon28 { background-position: -60px -100px; }

.levelicon29 { background-position: -80px -100px; }

.levelicon30 { background-position: 0px -120px; }

.levelicon31 { background-position: -20px -120px; }

.levelicon32 { background-position: -40px -120px; }

.levelicon33 { background-position: -60px -120px; }

.levelicon34 { background-position: -80px -120px; }

.levelicon35 { background-position: 0px -140px; }

.levelicon36 { background-position: -20px -140px; }

.levelicon37 { background-position: -40px -140px; }

.levelicon38 { background-position: -60px -140px; }

.levelicon39 { background-position: -80px -140px; }

.levelicon40 { background-position: 0px -160px; }

.levelicon41 { background-position: -20px -160px; }

.levelicon42 { background-position: -40px -160px; }

.levelicon43 { background-position: -60px -160px; }

.levelicon44 { background-position: -80px -160px; }

.levelicon45 { background-position: 0px -180px; }

.levelicon46 { background-position: -20px -180px; }

.levelicon47 { background-position: -40px -180px; }

.levelicon48 { background-position: -60px -180px; }

.levelicon49 { background-position: -80px -180px; }

.levelicon50 { background-position: 0px -200px; }

.levelicon51 { background-position: -20px -200px; }

.levelicon52 { background-position: -40px -200px; }

.levelicon53 { background-position: -60px -200px; }

.levelicon54 { background-position: -80px -200px; }

.levelicon55 { background-position: 0px -220px; }

.levelicon56 { background-position: -20px -220px; }

.levelicon57 { background-position: -40px -220px; }

.levelicon58 { background-position: -60px -220px; }

.levelicon59 { background-position: -80px -220px; }

.levelicon60 { background-position: 0px -240px; }

.levelicon61 { background-position: -20px -240px; }

.levelicon62 { background-position: -40px -240px; }

.levelicon63 { background-position: -60px -240px; }

.levelicon64 { background-position: -80px -240px; }

.levelicon65 { background-position: 0px -260px; }

.levelicon66 { background-position: -20px -260px; }

.levelicon67 { background-position: -40px -260px; }

.levelicon68 { background-position: -60px -260px; }

.levelicon69 { background-position: -80px -260px; }

.levelicon70 { background-position: 0px -280px; }

.levelicon71 { background-position: -20px -280px; }

.levelicon72 { background-position: -40px -280px; }

.levelicon73 { background-position: -60px -280px; }

.levelicon74 { background-position: -80px -280px; }

.levelicon75 { background-position: 0px -300px; }

.levelicon76 { background-position: -20px -300px; }

.levelicon77 { background-position: -40px -300px; }

.levelicon78 { background-position: -60px -300px; }

.levelicon79 { background-position: -80px -300px; }

.levelicon80 { background-position: 0px -320px; }

.levelicon81 { background-position: -20px -320px; }

.levelicon82 { background-position: -40px -320px; }

.levelicon83 { background-position: -60px -320px; }

.levelicon84 { background-position: -80px -320px; }

.levelicon85 { background-position: 0px -340px; }

.levelicon86 { background-position: -20px -340px; }

.levelicon87 { background-position: -40px -340px; }

.levelicon88 { background-position: -60px -340px; }

.levelicon89 { background-position: -80px -340px; }

.levelicon90 { background-position: -20px -360px; }

.levelicon91 { background-position: -40px -360px; }

.levelicon92 { background-position: -60mpx -360px; }

#msg_modal { display: none; position: absolute; top: 0; min-width: 1220px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999999; }

#msg_modal .content { width: 660px; margin: 100px auto 0 auto; background-color: #fff; overflow-y: hidden; line-height: 18px; }

#msg_modal .top_header { max-height: 55px; height: auto; padding: 13px 20px; background-color: #2c3e50; color: #fff; }

#msg_modal .content > div { max-height: 550px; padding: 20px; overflow-y: auto; }

/* 2018-05-08 �߰� */
.lh17 { line-height: 17px !important; }

.lh18 { line-height: 18px !important; }

.lh19 { line-height: 19px !important; }

.center { text-align: center; }

.pd3145 { padding: 3px 14px 5px 14px !important; }

.mg5_0 { margin: 5px 0 !important; }

.order_blk { text-align: center; padding: 105px 0 165px; color: #989898; font-size: 16px; line-height: 1.5; }

select#year, select#month { width: 90px; margin-right: 15px; font-size: 14px; }

select#day { width: 90px; font-size: 14px; }

.cardnotice { margin: 15px 20px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; }

.totalmoney_d { width: 610px; text-align: center; margin: auto; line-height: 50px; color: #ff6c00; font-size: 23px; font-weight: bold; }

.totalmoney_d2 { text-align: center; margin: 0 auto 20px; color: #ff6c00; font-size: 23px; font-weight: bold; }

.totalmoney_s { font-size: 19px; margin-right: 20px; vertical-align: top; }

.totalorder_i { text-align: center; margin-top: 25px; }

.vertical-divider { color: #1550f9; font-weight: bold; vertical-align: top; }

.vertical-divider:after { content: ' '; display: inline-block; width: 1px; height: 36px; margin-left: 12px; margin-right: 12px; background-color: #ccc; vertical-align: middle; }

.vertical-divider + p > span { line-height: 18px; font-size: 12px; }

.d-inline { display: inline-block; }

.fade_timer { display: inline-block !important; padding: 0 !important; background: transparent !important; }

/* 2018-05-16 snoheader.php */
.s_snricon { display: inline-block; width: 40px; height: 15px; margin-right: 0px; background: url(/img/main/icon_main.png) no-repeat; background-position: -80px -79px; vertical-align: middle; }

.icon-app { width: 190px; height: 38px; position: absolute; top: -1px; background: #fff; border: 1px solid #e1e4e9; }

.top_choice { font-size: 13px; border-bottom: 1px solid #e1e4e9; }

.top_choice a { color: #3e6db1; display: block; padding: 10px 0 11px 18px; }

.top_choice a:hover { background: #f2f5f9; }

.onlinesearch { display: none; position: absolute; width: 190px; top: 38px; left: 60px; background: #fff; border: 1px solid #3b78ce; z-index: 10000; }

.onlinechoice { cursor: pointer; left: 60px; }

.onlinechoice2 { cursor: pointer; border: 1px solid #3b78ce; top: -40px; left: -1px; }

.onlinetxt { position: absolute; top: 12px; left: 37px; color: #3e6db1; font-size: 12px; }

.onlineimage { top: 11px; left: 17px; position: absolute; }

.onlinearrow { top: 16px; right: 16px; position: absolute; }

.slogo_m { margin: 3px 5px 0 -2px; }

.slogo_m2 { margin: 3px 7px 0 -2px; }

.klogo_m { margin: 1px 6px 0 -2px; }

.cjlogo_m { margin-right: 6px; }

.power_top_button { padding: 0px 9px 0px 9px; text-align: center; border: solid 1px #ccc; border-radius: 3px; background: #fff; line-height: 22px; height: 23px; color: #000; font-size: 12px; display: inline-block; vertical-align: top; }

.order_success_button { padding: 0px 21px 0px 21px; text-align: center; border: solid 1px #ccc; border-radius: 3px; background: #fff; line-height: 22px; height: 23px; color: #000; font-size: 12px; display: inline-block; vertical-align: top; margin-top: 8px; }

.order_success_span { padding: 0px 21px 0px 21px; text-align: center; border: solid 1px #ccc; border-radius: 3px; background: #fff; line-height: 22px; height: 23px; color: #000; font-size: 12px; display: inline-block; vertical-align: top; }

.order_blind_y_span { padding: 0px 10px 0px 10px; text-align: center; border: solid 1px #ccc; border-radius: 3px; background: #fff; line-height: 22px; height: 23px; color: #000; font-size: 12px; display: inline-block; vertical-align: top; }

.show_external_img { position: fixed; right: 10px; z-index: 99999999; width: 909px; max-height: 500px; top: 58px; overflow-y: scroll; border: 1px solid black; padding: 10px; background: white; }

.show_external_img h4 { cursor: pointer; }

.folding_area { display: none; padding-top: 10px; }

.modelList, .colorList { position: absolute; border: 1px solid black; background: white; z-index: 999; display: none; right: 15px; }

.modelList { width: 370px; }

.colorList { min-width: 500px; }

.modelList li { text-align: left; border-bottom: 1px solid #d3d3d3; padding: 10px; overflow: hidden; }

.modelList li .order-btn { float: right; border: 1px solid #cdcdcd; padding: 5px 8px; }

.modelList input[type='checkbox'] { display: inline; }

.modelList .order-btn .close-btn { cursor: pointer; }

.colorListInfo { padding: 5px 20px 0 20px; }

.colorList li { padding: 5px 0; overflow: hidden; border-bottom: 1px solid #efefef; }

.colorNum { width: 52px; padding: 5px 10px; vertical-align: middle; border: 1px solid #ccc; font-family: tahoma; font-size: 12px; }

.colorName { display: inline-block; width: 56%; font-size: 13px; color: #000; }

.close-btn-area { text-align: center; padding: 10px; }

.btn-close-all { background: #434343 !important; }

.btn-close-selected { background: white !important; border: 1px solid #cdcdcd !important; color: #262626 !important; }

.view-outline-box { position: relative; padding: 40px 17px 20px; margin-bottom: 20px; background: #ffe9e9; }

.view-outline-tit { position: absolute; top: 22px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; padding: 3px 15px 7px; border-radius: 10px; background: #cf413f; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -0.08em; }

.view-outline-cont { min-height: 350px; padding: 35px 20px 20px; -webkit-box-shadow: 3px 3px 5px rgba(139, 2, 0, 0.15); box-shadow: 3px 3px 5px rgba(139, 2, 0, 0.15); background: #fff; color: #333; font-size: 14px; }

.snr-view-icon { display: inline-block; position: absolute; bottom: 20px; right: 35px; width: 119px; height: 110px; background: url(/share/snoimg/snr_view_icon.png) no-repeat; text-indent: -9999px; }

.snr-view-icon2 { display: inline-block; position: absolute; bottom: 20px; right: 35px; width: 91px; height: 114px; background: url(/share/snoimg/snr_view_icon2.png) no-repeat; text-indent: -9999px; }

.snr-view-icon3 { display: inline-block; position: absolute; bottom: 20px; right: 35px; width: 97px; height: 106px; background: url(/share/snoimg/snr_view_icon3.png) no-repeat; text-indent: -9999px; }

.back-blue { background: #c8e4f3 !important; }

.tit-blue { background: #4ca3d2 !important; }

.shadow-blue { -webkit-box-shadow: 3px 3px 5px rgba(24, 63, 104, 0.15) !important; box-shadow: 3px 3px 5px rgba(24, 63, 104, 0.15) !important; }

.back-grey { background: #eee !important; }

.tit-grey { background: #959595 !important; }

.shadow-grey { -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15) !important; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15) !important; }

.mb13 { margin-bottom: 13px; }

#snow-area { padding: 5px; margin-bottom: 20px; }

#snow-button-area { padding: 25px 35px; margin-bottom: 20px; overflow: hidden; }

.snow_button li { float: left; width: 146px; margin-right: 12px; }

.snow_button li button { width: 100%; padding: 10px; font-size: 14px; line-height: 18px; cursor: pointer; }

.snow_button li:nth-child(5n) { margin-right: 0px; }

#snow_cont { height: auto; position: relative; }

.cont-tit { display: inline-block; padding: 4px 15px 7px; margin-bottom: 10px; color: #fff; }

.snow-area1, .snow-area7 { border: 4px solid #000; }

.snow-area2, .snow-area8 { border: 4px solid #187a8f; }

.snow-area3, .snow-area9 { border: 4px solid #714618; }

.snow-area4, .snow-area10 { border: 4px solid #4c4890; }

.snow-area5 { border: 4px solid #db5a6f; }

.snow-area6 { border: 4px solid #468d61; }

.border-style1 { border: 1px solid #4a4a4a !important; }

.border-style2 { border: 1px solid #2d9ab1 !important; }

.border-style3 { border: 1px solid #94612c !important; }

.border-style4 { border: 1px solid #6763b8 !important; }

.border-style5 { border: 1px solid #f67b8f !important; }

.border-style6 { border: 1px solid #63ac7f !important; }

.border-style7 { border: 1px solid #4a4a4a !important; }

.border-style8 { border: 1px solid #2d9ab1 !important; }

.border-style9 { border: 1px solid #94612c !important; }

.border-style10 { border: 1px solid #6763b8 !important; }

.border-style1 li button, .border-style7 li button { border: 1px solid #4a4a4a; background: #4a4a4a; color: white; }

.border-style2 li button, .border-style8 li button { border: 1px solid #2d9ab1; background: #2d9ab1; color: white; }

.border-style3 li button, .border-style9 li button { border: 1px solid #94612c; background: #94612c; color: white; }

.border-style4 li button, .border-style10 li button { border: 1px solid #6763b8; background: #6763b8; color: white; }

.border-style5 li button { border: 1px solid #f67b8f; background: #f67b8f; color: white; }

.border-style6 li button { border: 1px solid #63ac7f; background: #63ac7f; color: white; }

.btn-style1.on, .btn-style7.on { border: 1px solid #000 !important; background: #000 !important; }

.btn-style2.on, .btn-style8.on { border: 1px solid #187a8f !important; background: #187a8f !important; }

.btn-style3.on, .btn-style9.on { border: 1px solid #714618 !important; background: #714618 !important; }

.btn-style4.on, .btn-style10.on { border: 1px solid #4c4890 !important; background: #4c4890 !important; }

.btn-style5.on { border: 1px solid #db5a6f !important; background: #db5a6f !important; }

.btn-style6.on { border: 1px solid #468d61 !important; background: #468d61 !important; }

#snow_cont div { height: 390px; padding: 15px 17px; }

#snow_cont div span.arrow { display: inline-block; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 15px; height: 11px; text-indent: -9999px; }

#snow_cont div p { height: 330px; padding: 20px 15px 30px; background: #fff; }

.cont-style1 div, .cont-style7 div { background: #eee; }

.cont-style2 div, .cont-style8 div { background: #e9f6f9; }

.cont-style3 div, .cont-style9 div { background: #faf3ec; }

.cont-style4 div, .cont-style10 div { background: #f0efff; }

.cont-style5 div { background: #fff2f4; }

.cont-style6 div { background: #f0fbf4; }

.cont-style1 div p, .cont-style7 div p { -webkit-box-shadow: 3px 3px 5px rgba(74, 74, 74, 0.15); box-shadow: 3px 3px 5px rgba(74, 74, 74, 0.15); }

.cont-style2 div p, .cont-style8 div p { -webkit-box-shadow: 3px 3px 5px rgba(12, 90, 106, 0.15); box-shadow: 3px 3px 5px rgba(12, 90, 106, 0.15); }

.cont-style3 div p, .cont-style9 div p { -webkit-box-shadow: 3px 3px 5px rgba(102, 52, 0, 0.15); box-shadow: 3px 3px 5px rgba(102, 52, 0, 0.15); }

.cont-style4 div p, .cont-style10 div p { -webkit-box-shadow: 3px 3px 5px rgba(62, 58, 133, 0.15); box-shadow: 3px 3px 5px rgba(62, 58, 133, 0.15); }

.cont-style5 div p { -webkit-box-shadow: 3px 3px 5px rgba(182, 64, 83, 0.15); box-shadow: 3px 3px 5px rgba(182, 64, 83, 0.15); }

.cont-style6 div p { -webkit-box-shadow: 3px 3px 5px rgba(70, 140, 97, 0.15); box-shadow: 3px 3px 5px rgba(70, 140, 97, 0.15); }

.cont-style1 div span.arrow, .cont-style7 div span.arrow { background: url(/share/snoimg/arrow1_7.png) no-repeat; }

.cont-style2 div span.arrow, .cont-style8 div span.arrow { background: url(/share/snoimg/arrow2_8.png) no-repeat; }

.cont-style3 div span.arrow, .cont-style9 div span.arrow { background: url(/share/snoimg/arrow3_9.png) no-repeat; }

.cont-style4 div span.arrow, .cont-style10 div span.arrow { background: url(/share/snoimg/arrow4_10.png) no-repeat; }

.cont-style5 div span.arrow { background: url(/share/snoimg/arrow5.png) no-repeat; }

.cont-style6 div span.arrow { background: url(/share/snoimg/arrow6.png) no-repeat; }

.cont-style1 .cont-tit, .cont-style7 .cont-tit { background: #4a4a4a; }

.cont-style2 .cont-tit, .cont-style8 .cont-tit { background: #2d9ab1; }

.cont-style3 .cont-tit, .cont-style9 .cont-tit { background: #94612c; }

.cont-style4 .cont-tit, .cont-style10 .cont-tit { background: #6763b8; }

.cont-style5 .cont-tit { background: #f67b8f; }

.cont-style6 .cont-tit { background: #63ac7f; }

.snow-none { display: none; }

.seller-area { width: 869px; height: 646px; background: url(/share/snoimg/seller-cont.jpg) no-repeat; }

.seller-tit { position: absolute; top: 31px; left: 45px; font-size: 26px; font-weight: bold; letter-spacing: -0.08em; color: #fff; }

.seller-cont { position: absolute; top: 100px; left: 50px; width: 770px; height: 370px; overflow-y: auto; }

.seller-cont2 { position: absolute; top: 31%; left: 5%; width: calc(91% - 87px); height: calc(75% - 170px); padding: 40px; overflow-y: auto; }

.seller-cont2.hp, .seller-cont2.usim { position: relative; top: unset; left: unset; width: 100%; height: calc(100% - 170px); min-height: 760px; background-image: url(/share/snoimg/seller-cont22.jpg); background-size: contain; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 260px 60px 70px; }

.seller-cont2.hp:after, .seller-cont2.usim:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/share/snoimg/seller-cont21.jpg); background-size: contain; background-repeat: no-repeat; }

.seller-cont2.hp:before, .seller-cont2.usim:before { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 45px; background-image: url(/share/snoimg/seller-cont23.jpg); background-size: initial; background-repeat: no-repeat; }

.seller-cont2.hp > p, .seller-cont2.hp > div, .seller-cont2.hp > span, .seller-cont2.usim > p, .seller-cont2.usim > div, .seller-cont2.usim > span { position: relative; z-index: 1; }

#snow-community { padding: 3px 0 3px 20px; margin-top: 20px; color: #fff; font-size: 26px; font-weight: bold; }

ol.olil { padding-left: 20px; }

ol.olil li { list-style: inherit; }

div.olol strong { font-size: initial; }

.snotable01 td.far:hover i.user-icon { display: inline; -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */ animation: fadein 1s; }

.snotable01 td.far i.user-icon { display: none; }

.snotable01 td.far span.user-icon { display: none; background: url(/share/snoimg/bookmark_off.png) no-repeat; z-index: 1; }

.snotable01 td i { font-size: 22px; position: absolute; left: 819px; z-index: 1; cursor: pointer; color: #3385d6; }

.icon-bookmark { position: absolute; top: -5px; left: 10px; width: 24px; height: 29px; background: url(/share/snoimg/bookmark_on2.png) no-repeat; cursor: pointer; z-index: 1; }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Internet Explorer */

/* Opera < 12.1 */

.snotable01 td.far:hover span.user-icon { display: inline; -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */ animation: fadein 1s; }

.sno-description { width: 54px; display: none; position: absolute; padding: 7px 12px; border: 1px solid black; background: white; z-index: 1; left: 0px; }

.container2:hover .sno-description { display: block; }

.container-input { position: relative; }

.container-input:hover .sno-description { display: block; }

label.container2 { position: relative; }

.icon_new:after { content: ''; position: absolute; top: 7px; width: 11px; height: 11px; margin-left: 3px; background: url(/share/img/main/icon_new.png) no-repeat; }

.ctf_pop { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999999; }

.ctf_pop2 { position: relative; width: 530px; height: 100%; margin: 0 auto; }

.ctf_div { position: absolute; top: 50%; width: 100%; background: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.ctf_tit { height: 47px; background: #3069b3; }

.ctf_tit p { display: inline-block; padding: 15px; font-size: 15px; color: #fff; }

.ctf_hide { float: right; position: relative; top: 15px; right: 19px; cursor: pointer; }

.ctf_cont { padding: 15px; text-align: center; }

.internet-plus { width: 22px; position: relative; top: 2px; }

.bankSelect { overflow: hidden; }

.bankSelect li:after { content: ''; display: block; clear: both; }

.bankSelect li { float: left; width: 100px; height: 35px; margin-right: -1px; margin-bottom: -1px !important; border: 1px solid #d7d7d7; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; }

.bankSelect li:hover { background: #f1f1f1; }

.bankSelect li a:hover { color: #000; text-decoration: none; }

.bankSelect li:last-child { margin-bottom: 0px !important; }

.select { display: block; background: #f1f1f1; }

.wd200 { width: 200px !important; }

.bdr_eee { border-right: 1px solid #eee !important; }

.f8f8f8 { background: #f8f8f8; }

.s_title { width: 94px; height: 19px; padding: 7px 0; float: left; border: 1px solid #d5dbe0; background: #f7f7f9; text-align: center; font-size: 13px; }

.txt1 { width: 270px; height: 19px; padding: 7px 12px; border: solid 1px #d7d7d7; }

.pdm06 { margin: 0 -1px 6px !important; }

.dpib { display: inline-block; }

.imagineBox { padding: 15px 20px; }

.imagineTxt { margin-bottom: 10px; font-size: 13px; line-height: 18px; }

.imagineBtn { display: inline-block; width: 90px; padding: 13px 0; margin-top: 10px; text-align: center; background: #34343e; color: #fff; font-size: 15px; cursor: pointer; }

.span1 { width: 3%; }

.span2 { float: right; width: 97%; }

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

.mt660 { margin-top: 660px; }

.mt683 { margin-top: 687px; -webkit-margin-before: 647px; }

.mt275 { margin-top: 275px; }

#address { width: 250px; }

#address_detail { width: 703px; }

textarea[name='memo'] { width: calc(100% - 23px); height: 27px; padding: 0 10px; line-height: 27px; border: 1px solid #c2c2c2; font-size: 14px; resize: none; }

.option_choice { width: 100%; height: 25px; padding: 0 3px; border: 1px solid #ccc; }

.option_choice2 { display: inline-block; width: 42%; height: 25px; padding: 0 3px; border: 1px solid #ccc; }

.pwBtn { position: absolute; right: 121px; bottom: 43px; width: 22px; }

.arrayWrap { position: absolute; right: 0px; top: 15px; }

.arrayTab { width: 75px; height: 34px; background: #fff; border: 1px solid #cfcfcf; line-height: 33px; text-align: center; font-size: 13px; font-weight: bold; cursor: pointer; }

.arrayImg { position: relative; top: 8px; margin-right: 5px; }

.arrayList { z-index: 99; display: none; position: absolute; width: 75px; margin-top: -1px; background: #fff; border: 1px solid #cfcfcf; -webkit-box-shadow: 2px 2px 2px rgba(127, 127, 127, 0.2); box-shadow: 2px 2px 2px rgba(127, 127, 127, 0.2); font-size: 13px; }

.arrayList li { padding: 10px; cursor: pointer; }

.arrayList li:hover { background: #eee; }

.wd70 { width: 70px !important; }

.mb16 { margin-bottom: 16px; }

#snow-area2 { height: 845px; }

.area-KT { background: url(/share/snoimg/kt_bg.jpg) no-repeat; }

.area-SK { background: url(/share/snoimg/sk_bg.jpg) no-repeat; }

.area-LG { background: url(/share/snoimg/lg_bg.jpg) no-repeat; }

#snow-button-area2 { padding: 172px 40px 20px; overflow: hidden; }

.snow_button2 li { float: left; width: calc(20% - 1.6px); margin-right: 2px; }

.snow_button2 li button { width: 100%; height: 46px; padding: 10px; border: 1px solid #fff; background: #fff; color: #2f486b; font-size: 18px; line-height: 18px; cursor: pointer; }

.snow_button2 li button.on { border-bottom: 3px solid #f64646; color: #f64646; font-weight: bold; }

.snow_button2 li:nth-child(5n) { margin-right: 0px; }

#snow_cont_plus div { padding: 0 40px; }

div.olol2 { height: 420px !important; padding: 40px !important; background: #fff; }

.cont-tit2 { display: inline-block; padding: 0 5px; margin-bottom: 25px; border: 1px solid #f64646; color: #f64646; font-size: 18px; font-weight: bold; }

.view-outline-box2 { position: relative; }

.view-outline-tit2 { position: absolute; top: 18%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0 10px 9px; background: #ff5050; color: #fff; font-size: 42px; font-weight: bold; letter-spacing: -0.08em; line-height: 1.2; }

.view-outline-cont2 { position: absolute; top: 32%; left: calc(30% - 80px); display: inline-block; width: calc(73% - 90px); font-size: 17px; color: #333; }

.view-outline-box3 { position: relative; }

.view-outline-tit3, .view-outline-tit4 { position: absolute; top: 18.5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 44px; font-weight: bold; letter-spacing: -0.08em; line-height: 1.2; }

.view-outline-cont3 { position: absolute; top: 230px; left: 5px; display: inline-block; padding: 0 40px; font-size: 18px; color: #333; }

.view-outline-box4 { position: relative; height: 799px; background: url(/share/snoimg/process_guide.jpg) no-repeat; }

.view-outline-tit4 { width: 100%; text-align: center; color: #fff; }

.view-outline-cont4 { position: absolute; top: 230px; left: 40px; display: inline-block; font-size: 18px; color: #333; }

.defer_reason { list-style-type: none; }

.defer_reason li { counter-increment: step-counter; padding: 22px 30px; margin-bottom: 5px; background: #fff; }

.defer_reason li::before { content: counter(step-counter); display: inline-block; width: 35px; height: 35px; margin-right: 15px; background-color: #4868b1; color: #fff; border-radius: 50%; font-size: 20px; font-weight: bold; text-align: center; }

.defer_reason li div { margin-left: 70px; font-size: 15px; }

.defer_reason li span { margin-left: 49px; }

tr.bg_blue { background: #f5f9fc; }

tr.bg_blue td:first-child { background: #fff; }

.arrow_on, .arrow_off { position: absolute; top: 15px; right: 10px; }

.arrow_off { display: none; }

.selectTxt { position: absolute; top: 12px; left: 10px; font-size: 12px; font-weight: bold; }

.icon_explain, .icon_explain2 { position: absolute; top: 12px; right: 35px; cursor: pointer; }

.icon_explain2 { display: none; z-index: 999; top: 47px; }

.icon_explain3 { position: absolute; top: 1px; margin-left: 7px; cursor: pointer; }

.ad_layer6, .ad_layer7, .buyer_layer { display: none; z-index: 999; position: absolute; top: 0px; right: 141px; width: 165px; padding: 20px 15px 15px; background: #faf8dd; border: 1px solid #bababa; line-height: 18px; font-size: 12px; }

.ad_layer7 { top: 35px; }

.buyer_layer.v2 { top: 100px; }

.ad_layer8 { display: none; z-index: 999; position: absolute; top: 110px; right: 0px; width: 185px; padding: 20px 15px 15px; background: #faf8dd; border: 1px solid #bababa; line-height: 18px; font-size: 12px; text-align: left; }

.icon_arrow6 { position: absolute; top: 13px; right: -6px; display: inline-block; width: 6px; height: 11px; background: url(/img/board/icon_arrow6.png) 0 0 no-repeat; text-indent: -9999px; }

.icon_guide { position: absolute; right: 15px; bottom: 33px; cursor: pointer; }

.icon_guide2 { position: absolute; top: 17px; left: 175px; cursor: pointer; }

.ordertit2 { padding: 37px 0 15px; font-size: 27px; font-weight: bold; }

.ordernum5 { float: left; width: 66%; }

.ordernum6_div { position: absolute; top: 0px; right: 0px; width: 100%; }

.ordernum6 { position: absolute; top: 40px; right: 0px; width: 29%; }

.bagpic03 { position: absolute; width: 60px; height: 60px; }

.bagpic03 img { padding: 4px; border: 1px solid #eee; }

.bagtxt04 { margin-left: 80px; font-size: 14px; line-height: 25px; color: #010101; }

.bagtxt04 .one_line { width: 525px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.bagtxt04 .one_line2 { width: 660px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.cart_opt3 { color: #3675c7; font-size: 14px; }

.orderinfo_wrap { padding: 20px 10px; border-bottom: 2px solid #eee; }

.ordertit3 { position: relative; padding: 50px 0 15px; border-bottom: 2px solid #eee; font-size: 17px; font-weight: bold; }

.ordertit4 { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: bold; }

table.paytable01 { width: 100%; }

table.paytable01 tr th { padding-bottom: 15px; text-align: left; font-size: 15px; }

table.paytable01 tr td { padding-bottom: 15px; }

table.paytable01 tr:last-child th, table.paytable01 tr:last-child td { padding-bottom: 0px; }

.payInput { width: 253px; height: 36px; padding: 0 15px; border: 1px solid #e7e7e7; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payInput::-webkit-input-placeholder, .payInput2::-webkit-input-placeholder { color: #bebebf; font-size: 13px; }

.payInput:-ms-input-placeholder, .payInput2:-ms-input-placeholder { color: #bebebf; font-size: 13px; }

.payInput::-ms-input-placeholder, .payInput2::-ms-input-placeholder { color: #bebebf; font-size: 13px; }

.payInput::placeholder, .payInput2::placeholder { color: #bebebf; font-size: 13px; }

.payInput.certify:-moz-read-only { background: #f2f2f2; }

.payInput.certify:read-only { background: #f2f2f2; }

.payInput2 { width: 388px; height: 36px; padding: 0 30px 0 15px; border: 1px solid #e7e7e7; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payInput3 { width: 178px; height: 33px; padding: 0 10px; border: 1px solid #e7e7e7; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f3f3f5; color: #6d6d6d; line-height: 33px; text-align: right; font-size: 15px; }

.payInput4 { width: 94px; height: 35px; padding: 0 10px; margin-right: 8px; border: 1px solid #e7e7e7; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payInput.readonly { padding: 0 10px; background: #f3f3f5; }

.inputArrow { position: absolute; top: 0px; right: 0px; padding: 15px 10px; cursor: pointer; }

.paySelect { height: 35px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; vertical-align: top; }

.pay_btn { display: inline-block; height: 33px; padding: 0 20px; line-height: 32px; border: 1px solid #3675c7; border-radius: 5px; color: #3675c7 !important; text-align: center; font-size: 15px; font-weight: bold; cursor: pointer; }

.pay_btn:hover, .pay_btn2:hover { color: #3675c7 !important; }

.pay_btn2 { display: inline-block; height: 33px; padding: 0 12px; line-height: 32px; border: 1px solid #3675c7; border-radius: 5px; color: #3675c7 !important; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; }

.pay_btn3 { display: inline-block; height: 33px; padding: 0 12px; line-height: 32px; border: 1px solid #3675c7; border-radius: 5px; background: #3675c7; color: #fff !important; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; }

.pay_btn3:hover { color: #fff !important; }

.pay_btn4 { display: inline-block; height: 20px; padding: 0 3px; margin-left: 5px; line-height: 20px; border-radius: 5px; background: #999; color: #fff !important; text-align: center; font-size: 12px; font-weight: bold; cursor: pointer; }

.paymentway2 { position: relative; padding: 30px; border: 1px solid #ddd; border-radius: 5px; }

.paymentway2 h3 { padding-bottom: 8px; font-size: 16px; }

.agree_wrap { padding: 7px 20px; background: #eee; }

.agree_wrap:after, .agree_wrap2:after { content: ''; display: block; clear: both; }

.agree_wrap2 { display: none; padding: 17px 20px; background: #eee; }

.agree_box { float: right; }

.agree_wrap_cont { display: none; padding: 20px; border: 1px solid #eee; line-height: 20px; font-size: 14px; }

.agree_ul li { margin-bottom: 15px; }

.agree_ul li:last-child { margin-bottom: 0; }

.agree_wrap_cont2 { padding: 25px; border: 2px solid #3675c7; background: #e7f0fc; line-height: 20px; font-size: 14px; cursor: pointer; }

.agree_wrap_cont3 { padding: 25px; border: 2px solid #eee; line-height: 20px; font-size: 14px; cursor: pointer; }

.receipt_btn { display: inline-block; height: 35px; padding: 0 20px; border: 1px solid #3675c7; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 33px; background: #fff; color: #3675c7; font-weight: bold; cursor: pointer; vertical-align: bottom; }

.receipt_btn:hover { color: #3675c7; }

.receipt_btn.on { background: #2f76c4; color: #fff; }

.receipt_btn.on:hover { color: #fff; }

#ph_num_wrap, #cash_wrap, #cash_wrap2, #business_num_wrap { display: inline-block; }

#cash_wrap, #cash_wrap2 { display: none; }

.wd53 { width: 53px !important; }

.orderinfo_ul { padding-top: 9px; border-bottom: 1px solid #eee; line-height: 1.6; letter-spacing: 0px; font-size: 13px; }

.orderinfo_ul li { padding-bottom: 10px; }

.orderinfo_ul li:last-child { padding-bottom: 20px; }

.total_wrap { padding: 30px 0; }

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

.total_num_wrap { float: right; color: #FF665C; font-size: 20px; }

.total_num { font-size: 35px; font-weight: bold; }

.payment_btn2 { width: 100%; padding: 19px 0; border: none; border-radius: 5px; color: #FFF; font-weight: bold; font-size: 22px; cursor: pointer; }

.payment_btn2.confirm { background: #3675c7; }

.payment_btn2.cancel { background: #b8b8b8; }

.payment_cart_btn { display: inline-block; width: 222px; padding: 22px 0; margin-right: 20px; border: 1px solid #3675c7; border-radius: 5px; color: #3675c7; font-size: 18px; font-weight: bold; cursor: pointer; }

.payment_cont_btn { display: inline-block; width: 222px; padding: 22px 0; margin-right: 15px; border-radius: 5px; font-size: 18px; font-weight: bold; cursor: pointer; }

.payment_cont_btn.cart { border: 1px solid #3675c7; color: #3675c7; }

.payment_cont_btn.cart:hover { color: #3675c7; }

.payment_cont_btn.pay { border: 1px solid #3675c7; background: #3675c7; color: #fff; }

.payment_cont_btn.pay:hover { color: #fff; }

.mt_1 { margin-top: -1px; }

.static { position: static !important; }

.static .ordernum6 { top: auto; bottom: 0px; margin-bottom: -1px; }

.requestWrap { display: inline-block; position: relative; }

.requestUl { z-index: 99; display: none; position: absolute; width: calc(100% - 2px); margin-top: -1px; border: 1px solid #ddd; border-radius: 5px; background: #fff; color: #888; font-size: 13px; }

.requestUl li a { display: block; padding: 10px; cursor: pointer; }

.requestUl li a:hover { background: #f3f3f5; color: #888; }

.pay_arrow { position: absolute; top: 56px; right: 1px; cursor: pointer; }

.pay_arrow2 { position: absolute; top: 0; left: auto; padding: 21px 10px; cursor: pointer; }

.pay_container { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pay_checkmark { position: absolute; width: 20px; height: 20px; background: #fff; border: 1px solid #ddd; border-radius: 5px; }

.pay_container input { position: absolute; opacity: 0; width: 17px; height: 17px; right: 1px; }

.pay_container input:checked ~ .pay_checkmark { border: 1px solid #3675c7; background: #3675c7; }

.pay_checkmark:after { content: ""; position: absolute; }

.pay_container .pay_checkmark:after { left: 7px; top: 3px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.explain_sq { position: absolute; top: 31px; left: 194px; cursor: pointer; }

.explain_sq2 { position: absolute; left: 60px; cursor: pointer; }

.wpay_layer { display: none; position: absolute; bottom: 45px; left: 135px; padding: 20px; border: 1px solid #888; background: #fff; }

.wpay_layer2 { display: none; position: absolute; top: 25px; left: 0; padding: 20px; border: 1px solid #888; background: #fff; }

.wpay_layer2 p { line-height: 20px; }

.wpay_set { float: right; color: #888 !important; font-size: 13px; text-decoration: underline !important; }

.wpay_set:hover { color: #888 !important; }

.bdb_ccc { border-bottom: 1px solid #ccc !important; }

.ordernum6_div2 { width: 100%; }

.app_layer { z-index: 9999; position: absolute; top: 60px; left: 120px; padding: 15px; border: 1px solid #bababa; background: #faf8dd; line-height: 15px; }

.app_layer .cont { font-size: 12px; color: #000; letter-spacing: -1px; }

.version_txt { margin-top: 5px; font-size: 12px; font-weight: bold; letter-spacing: 0; }

.app_layer .icon_arrow { position: absolute; top: 20px; left: -6px; display: inline-block; width: 6px; height: 11px; background: url(/share/snoimg/app_layer_arrow.png) 0 0 no-repeat; text-indent: -9999px; }

.pay_card_cont { padding: 10px 0 0 28px; }

.bpay_layer_pop { z-index: 999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.bpay_layer_wrap { position: fixed; top: 50%; left: 50%; width: 1000px; margin: -476px 0 0 -500px; border-radius: 10px; background: #fff; }

.bpay_layer_cont { position: relative; padding: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #335abc; text-align: center; }

.bpay_txt { padding: 30px 0 50px; }

.bpay_close { position: absolute; top: 30px; right: 30px; cursor: pointer; }

.bpay_slider { left: 55px; }

.bpay_slider li { width: 832px !important; margin-right: 80px; }

.bpay_layer_cont2 { padding: 30px 45px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #fff; }

.ca_name.red { min-width: auto; margin-right: 3px; border: 1px solid #ff1717; color: #ff1717; }

.ca_name.yellow { min-width: auto; margin-right: 3px; border: 1px solid #eea016; color: #eea016; }

.ca_name.green { min-width: auto; margin-right: 3px; border: 1px solid #158524; color: #158524; }

.ca_name.skyblue { min-width: auto; margin-right: 3px; border: 1px solid #3385D6; color: #3385D6; }

.receipt_tit { position: relative; display: inline-block; width: 155px; height: 35px; padding: 0 10px; margin-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; line-height: 35px; background: #fff; font-size: 13px; cursor: pointer; color: #6d6d6d; vertical-align: middle; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }

.receipt_tit_list { z-index: 99; display: none; position: absolute; top: 33px; left: 0; width: 155px; border: 1px solid #ddd; border-top: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #fff; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }

.receipt_tit_list li a { display: block; padding: 10px; font-size: 13px; color: #6d6d6d; }

.receipt_tit_list li a:hover { background: #f3f3f5; }

.receipt_arrow { position: absolute; top: 15px; right: 10px; display: inline-block; width: 10px; height: 5px; background: url(/img/newsno/receipt_arrow.png) no-repeat; text-indent: -9999px; }

.receipt_arrow2 { display: inline-block; width: 5px; background: url(/img/newsno/receipt_arrow2.png) no-repeat 0 6px; text-indent: -9999px; }

.receipt_explain { float: right; color: #6d6d6d; font-size: 13px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }

#business_wrap { display: none; }

#receipt_none_wrap { padding-top: 25px; line-height: 22px; color: #6d6d6d; }

.receipt_explain_ul li { position: relative; padding-bottom: 20px; line-height: 22px; }

.receipt_explain_ul li p { margin-left: 7px; }

.receipt_explain_ul li:last-child { padding-bottom: 0; }

.receipt_explain_ul li:before { content: ''; position: absolute; top: 10px; display: inline-block; width: 2px; height: 2px; background: #222; }

.receipt_hide { position: absolute; top: 19px; right: 20px; cursor: pointer; }

/*스노방 헤더 new*/
.news_agency { display: inline-block; font-size: 12px; color: #757575; cursor: pointer; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }

.news_agency_list { z-index: 100; display: none; position: absolute; top: 45px; border: 1px solid #e7e7e7; -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.11); background: #fff; letter-spacing: -1px; font-size: 12px; }

.news_agency_list ul li { float: none; padding: 0; }

.news_agency_list ul li a { display: block; padding: 12px 10px; color: #757575; -webkit-transition: 0.2s; transition: 0.2s; }

.news_agency_list ul li a:hover { background: #ededed; }

.news_agency_list ul li a img { margin-right: 9px; }

.search_arrow_white { position: absolute; top: -6px; left: 12px; display: inline-block; width: 9px; height: 6px; background: url(/img/main/arrow_white.png) no-repeat; text-indent: -9999px; }

.search_arrow { display: inline-block; width: 6px; margin-left: 5px; background: url(/img/main/search_arrow.png) 0 6px no-repeat; text-indent: -9999px; }

.hd_btn { display: inline-block; height: 20px; padding: 0 10px; margin-top: -3px; border-radius: 15px; line-height: 19px; letter-spacing: 0; font-family: 'Noto Sans KR'; font-weight: bold; color: #fff !important; }

.hd_btn.blue { background: #376be0; }

.hd_btn.grey { background: #8b8b8b; }

.hd_btn.dark_grey { background: #676767; }

.hd_btn.dark_blue { height: 22px; padding: 0 15px; line-height: 21px; background: #093d81; }

.search_menu_wrap { -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04); }

.hbg_wrap { float: left; width: 51px; height: 51px; background: #376be0; cursor: pointer; }

.hbg { margin-top: 17px; }

.hbg .line { display: block; width: 18px; height: 2px; margin: 5px auto; background: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.hbg:hover { cursor: pointer; }

.hbg.is-active .line:nth-child(2) { opacity: 0; }

.hbg.is-active .line:nth-child(1) { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }

.hbg.is-active .line:nth-child(3) { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }

.all_menu_wrap { z-index: 99999; display: none; position: absolute; top: 50px; border: 1px solid #376be0; background: #fff; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; min-height: 354px; }

.all_menu_ul { width: 148px; }

.all_menu_tit, .all_menu_tit2 { padding: 10px 15px 10px 20px; cursor: pointer; }

.all_menu_tit.on { /*background: url(/img/main/all_menu_arrow.png) no-repeat 128px;*/ background: #ecf4ff; color: #376be0; font-weight: bold; }

.all_menu_tit2 { background: url(/img/main/talk_menu_arrow.png) no-repeat 128px; }

.all_menu_tit2.on { background: url(/img/main/talk_menu_arrow.png) no-repeat 128px #ecf4ff; color: #376be0; font-weight: bold; }

.two_depth, .three_depth { display: none; position: absolute; top: -1px; left: 148px; width: 148px; height: 354px; border: 1px solid #376be0; background: #fff; }

.two_depth ul, .three_depth ul { position: absolute; left: -1px; width: 100%; height: 100%; border-left: 1px solid #e7e7e7; }

.two_depth.on { display: block; }

.two_depth li a { display: block; padding: 10px 15px 10px 20px; }

.two_depth li a:hover { font-weight: bold; background: #ecf4ff; color: #376be0; }

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

.search_tab_list li a { float: left; padding: 17px; color: #333; cursor: pointer; font-size: 15px; }

.search_tab_list li a.on { font-weight: bold; color: #376be0; }

.search_tab_list li:first-child a { padding-left: 50px; }

#gm3 { position: absolute; top: 14px; right: 15px; }

#gm3 li { float: left; padding: 0 25px; }

#gm3 li:last-child { padding-right: 0; }

.head_right { float: right; font-size: 12px; }

.head_right li { float: left; padding: 0 20px 0 0; border: none; line-height: normal; color: #757575; }

.head_right li a { color: #757575; }

.head_right li:last-child { padding-right: 0; }

.btn_view_amount { width: 13px; margin-left: -5px; border: none; background: url(/img/board/icon_send_explain.png) no-repeat 0 4px; text-indent: -9999px; }

.img_usedphone { position: absolute; top: 15px; left: 15px; }

.c_red { color: #FF665C; font-weight: normal; }

/*스노방 판매자정보*/
.btn_seller_ask { display: inline-block; width: 160px; height: 40px; margin-top: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 5px; background: #555; color: #fff; cursor: pointer; }

.btn_seller_ask img { margin-right: 3px; }

.seller_ask_layer { z-index: 99; display: none; position: absolute; top: 83px; right: 30px; width: 285px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.15); border: 1px solid #555; border-radius: 8px 0 8px 8px; background: #fff; color: #333; text-align: left; }

.seller_ask_layer .sv_wrap { padding-left: 0; margin-bottom: 15px; }

.seller_ask_layer .sv_wrap a { text-decoration: underline; }

.seller_ask_layer .sv_wrap a:hover { color: #333; }

.icon_ask_hide { position: absolute; top: 20px; right: 20px; cursor: pointer; }

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

.seller_info_list p { float: left; }

.seller_info_list p:first-child { width: 76px; }

.seller_info_list p:last-child { color: #666; }

.icon_seller_exp { margin-left: 4px; cursor: pointer; }

.safe_num_exp { padding: 8px; margin: 8px 0 10px; border-radius: 5px; background: #F2F2F2; line-height: 17px; letter-spacing: -0.1em; font-size: 12px; color: #888; }

.certify_success:before { content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 3px; background: url(/img/newsno/icon_certify_chk.png) no-repeat; background-size: 18px 18px; position: relative; top: 4px; }

.certify_success { position: relative; top: -2px; font-size: 13px; font-weight: bold; color: #FC4B51; }

#certify_pop.pop_outer { z-index: 999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); font-family: 'Noto Sans Kr'; }

#certify_pop .pop_inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 420px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; background: #fff; }

#certify_pop .pop_tit { padding: 24px 20px 25px; border-bottom: 1px solid #e7e7e7; line-height: 27px; text-align: center; font-size: 20px; font-weight: 500; color: #222; }

#certify_pop .pop_hide { position: absolute; top: 0; right: 0; padding: 28px 21px; cursor: pointer; }

#certify_pop .pop_cont { padding: 40px 20px 20px; text-align: center; }

#certify_pop .pop_btn_basic { width: 100%; height: 54px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; border: none; background: #376BE0; color: #fff; text-align: center; font-size: 16px; font-weight: 500; cursor: pointer; font-family: 'Noto Sans Kr', sans-serif; }

#certify_pop .certify_msg.medium { margin-bottom: 19px; line-height: 24px; font-size: 15px; color: #333; }

#certify_pop .certify_msg.small { margin-bottom: 40px; line-height: 21px; font-size: 14px; color: #888; }

.bank_chk_btn { width: 110px; height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 4px; background: #eee; text-align: center; line-height: 38px; color: #bbb; -webkit-transition: background 0.2s; transition: background 0.2s; vertical-align: top; font-size: 14px; pointer-events: none; }

.bank_chk_btn.on { background: #FC4B51; color: #fff; pointer-events: auto; }

.icon_url { position: absolute; top: -2px; right: -7px; display: inline-block; width: 30px; height: 30px; background: url(/img/newsno/icon_url.png) no-repeat; background-size: 30px 30px; cursor: pointer; font-size: 0; text-indent: -9999px; }

.url_layer { display: none; z-index: 99; position: absolute; top: 33px; right: 0; width: 200px; padding: 14px 14px 14px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #333; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); background: #fff; }

.url_layer_hide { position: absolute; top: 17px; right: 14px; cursor: pointer; }

.btn_url:before { content: ''; display: inline-block; width: 34px; height: 34px; margin-right: 10px; background: url(/img/newsno/icon_url_inner.png) no-repeat; background-size: 34px 34px; vertical-align: middle; }

.btn_url { height: 34px; border: none; line-height: 34px; background: none; font-size: 14px; letter-spacing: -0.03em; cursor: pointer; }

.url_toast { visibility: hidden; position: absolute; bottom: 97px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 390px; height: 90px; padding: 22px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; background: rgba(0, 0, 0, 0.7); text-align: center; line-height: 24px; font-size: 16px; font-weight: 500; color: #fff; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; }

.url_toast.show { visibility: visible; -webkit-animation: toast-fade-in 700ms, toast-fade-out 700ms 2000ms; animation: toast-fade-in 700ms, toast-fade-out 700ms 2000ms; }

@-webkit-keyframes toast-fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes toast-fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes toast-fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes toast-fade-out { from { opacity: 1; }
  to { opacity: 0; } }
/*# sourceMappingURL=layout.css.map */