@charset "UTF-8";



* { margin: 0; padding: 0; list-style: none; box-sizing: border-box; font-family: inherit; outline: none; line-height: 1.5; font-weight: inherit; }
html { overflow-y: scroll; }
body { font-family: 'SCoreDream', 'Roboto', sans-serif; font-size: 0.75em;  background:#f5eee6 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
button, input[type="submit"], label { cursor: pointer; }
form, fieldset { border: 0; }
a { color: inherit; text-decoration: none; }
address { font-style: normal; }
pre { overflow-y: scroll; overflow-x: auto; white-space: pre-line; }
table { width: 100%; border-collapse: collapse; }
th,dt { font-weight: inherit; }
legend, hr { display: none; }
textarea { resize: none; }
strong { font-weight: bold; }
img { max-width: 100%; }
button {cursor:pointer; background:none; border:none; }
em, span, i, b, a, strong {font-size:inherit; color:inherit; font-weight:inherit; line-height:inherit; font-style: inherit;}

.tfclr {color:#cca07b}
.w50 {width:50% !important; display:inline-block; }
.fbold {font-weight:bold !important; }
.inner {width:100%; margin:0 auto; position:relative; }
.dn {display:none !important}

::placeholder { color: #aaa; }

.wrap {padding:0 16px;position:relative; box-sizing:border-box;  }


#left_box {position: fixed; top:0; box-sizing:border-box; padding:0 0px 0 70px; display: flex; flex-direction: column; justify-content: center; align-items:flex-start; width:527px; height:100vh; z-index: 10001; background: #f5eee6;}
#left_box .txt_box {position:relative; width:100%;}
#left_box .logo_box {position:absolute; top:70px; right:50px;}
#left_box .logo_box img {height:110px}
#left_box .site_tt {color:#000000; font-size:42px; font-weight:300; margin-bottom:35px; line-height: 1.2;}
#left_box .site_tt > span{font-weight:600;}
	/* search_box */
	.left_search_box div{border-bottom:1px solid #c1bcb5; width:345px; padding:6px; display:flex; justify-content:space-between; flex-wrap:nowrap;}
	.left_search_box div input{font-size:17px; background-color:transparent; border:0; outline:0; width:100%}
	.left_search_box div input::placeholder{color:#afaaa4}
	.left_search_box div button img{vertical-align:sub;}

	/* search_keyword */
	ul.search_keyword{display:flex;  width:345px; flex-wrap:wrap; padding:15px 0}
	ul.search_keyword > li {margin-right:10px; margin-bottom:10px}
	ul.search_keyword > li > a{display:block; padding: 5px 15px; border:1px solid #c1bcb5; border-radius:50px; font-size:14px}
	ul.search_keyword > li.bg_tag > a{color:#fff;border:1px solid #cca07b; background-color:#cca07b; }
	
	/* alarm style */
	.alarm_dot{position:absolute; background-color:#ff5240; width:15px; height:15px; border-radius:50px; display:flex; justify-content:center; align-items:center; top:-50%; right:-30%;}
	.alarm_dot b{color:#fff; font-size:10px;}
#left_box .site_p { font-size:18px; font-weight:400; }
#left_box .app_box {margin-top:32px; display:flex; box-sizing:border-box; }
#left_box .app_con { width:240px; } 
#left_box .app_con.btn_box > div{width:170px; }
#left_box .app_con.btn_box > div > img{width:100%}
#left_box .app_con.btn_box span {overflow:hidden; display: flex;align-items: center; justify-content: center; background:#fff; border-radius:30px; width:100%; margin-right:4px; box-sizing:border-box; text-align:center;  height:45px; margin-bottom:12px; }
#left_box .app_con.btn_box span:last-child {margin-bottom:0}
#left_box .app_con.btn_box span a {display:flex; align-items:center; width:100%; justify-content:center; }
#left_box .app_con.btn_box span img {width:120px; transition:0.2s}
#left_box .app_con.btn_box span:hover img{transform: scale(1.1)}
#left_box .app_con:last-child {width:calc(100% - 240px); padding-left:32px; box-sizing:border-box; }
#left_box .app_con.qr_box span {border-radius: 13px; padding:12px; background:#fff; display: flex;align-items: center; justify-content: center;}
#left_box .img_box {margin-top:20px; position:relative;  }
#left_box .img_con {margin-left: -47px;}
#left_box .img_con img {width:366px; margin:0 auto; }
#left_box .sns_con {display: flex; justify-content: space-between; margin-top:-60px}
#left_box .sns_con .link_con a {display:inline-block; margin-right:2px; }
#left_box .sns_con .text {text-align:right; } 
#left_box .sns_con .text label {display:block; font-size:13px; font-weight:400; }
#left_box .sns_con .text em {display:block; font-size:13px; font-weight:500;}

/* left_box 추가 */
aside.appstore_popup{display:none; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:1}
aside.appstore_popup > div{width:500px; height:85%; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:10px;padding:20px;  position:relative; overflow:hidden; }
aside.appstore_popup > div > div{overflow:auto; height:100%; }
.appstore_guide .guide_close{position:absolute; top:15px; right:20px;}
.appstore_guide > div > h1{font-size:26px; text-align:center; font-weight:700;margin:20px 0 10px;}
.appstore_guide > div > p{font-size:16px; text-align:center; line-height:20px; margin-bottom:10px;}
.appstore_guide > div > div.guide_box {text-align:center; border-top:1px solid #ddd; padding:20px 10px; margin-top:20px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.appstore_guide > div > div.guide_box > div{width:calc(100% / 3);}
.appstore_guide > div > div.guide_box > div:nth-child(n+4){margin-top:30px}
.appstore_guide > div > div.guide_box > div > p{line-height:16px; font-size:12px;}
.appstore_guide > div > div.guide_box > div > p > a{color:#48a7fd; font-weight:800; text-decoration:underline}

#right_box {position: relative; left:527px; max-width:527px; width:100%; box-sizing:border-box; height: calc(var(--vh, 1vh) * 100);  box-shadow: 0 6px 19px 0 rgb(120 125 144 / 5%); background:#fff; z-index: 10000;}
.scroll_box {width:100%; height:100%; }

#contain { position: relative; padding-bottom:60px; margin: 0 auto; width: 100%; background-color: #fff; overflow: hidden; box-sizing:border-box; }
.listtype_top {margin-bottom:41px; }
.listtype_top img {width:100% }


.cb::after { content:""; display: block; clear: both; }
.cb > .left { float: left; }
.cb > .right { float: right; }
.cb > li { float: left; }

/* .sub { margin-top: 150px; } */

.inner { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }

.navy { color: #cca07b; }
.blue { color: #04548C;  font-weight:500}
.pink { color: #FF3379; }
.mint { color: #00cccc; }

.bgc {background-color: #F2F5F7; }
.shadow { background-color: #fff; box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.1); border-radius: 10px; }


/* 버튼 */
.btn_01,.btn_02,.btn_03, .btn_04 { display: inline-block; text-align: center; border: 1px solid transparent; background-color: transparent; }
.btn_01 { background-color: #cca07b; color: #ffffff; border-color: #cca07b; }
.btn_02 { background-color: #ffffff; color: #cca07b; border-color: #ffffff; }
.btn_03 { background-color: #00cccc; color: #ffffff; border-color: #00cccc; }
.btn_04 { background-color: #ffffff; color: #777777; border-color: #eeeeee; }

.btn { display: inline-block; color: #bbb; border: 1px solid transparent; background-color: transparent; text-align: center; font-size: 14px; width: 1.8em; height: 1.8em; }
.btn01,.btn02,.btn_submit,.btn_close,.btn_cancel,.btn_frmline,.btn_b02,.btn_b03,.btn_b04 { border-radius:4px; display: inline-block; border: 1px solid transparent; background-color: transparent; text-align: center; }
.btn01       { color: #777777; border-color: #eeeeee; background-color: transparent; }
.btn02       { color: #ffffff; border-color: #777777; background-color: #777777; }
.btn_submit  { color: #ffffff; border-color: #cca07b; background-color: #cca07b; }
.btn_close   { color: #777777; border-color: #eeeeee; background-color: transparent; }
.btn_cancel  { color: #ffffff; border-color: #999999; background-color: #999999; }
.btn_frmline { color: #ffffff; border-color: #4A4D53; background-color: #4A4D53; }
.btn_b02     { color: #ffffff; border-color: #04548C; background-color: #04548C; }
.btn_b03     { color: #777777; border-color: #cccccc; background-color: transparent; }
.btn_b04     { color: #777777; border-color: #cccccc; background-color: transparent; }
.btn_frmline.disabled { cursor: default; background-color: #fff; color: #bbb; border-color: #eee; }


/* 기본테이블 */
.tbl_wrap table {  }
.tbl_wrap caption { display: none; }
.tbl_wrap table { text-align: center; }
.tbl_wrap tr { border-bottom: 1px solid #eee; }
.tbl_wrap thead th,
.tbl_wrap tbody td { height: 50px; }
.tbl_wrap tbody td { padding: 5px 0; }
.tbl_wrap .td_subject { text-align: left; }
.tbl_head01 table { border-top: 2px solid #000; }
.tbl_wrap .tbl_btn { height: 25px; margin-left:8px; font-size:12px; margin-right: 0; width:65px; vertical-align: middle; justify-content: center; align-items: center; background:#cca07b; color:#fff; }

/* 폼 */
textarea, select, .frm_input { height: 40px; background-color: #fff; border: 1px solid #eee; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding: 0 16px; font-size: inherit; }
textarea { width: 100%; padding: 8px; min-height:  180px;}
.full_input { width: 100%; }
.half_input { width: 49.5%; }


/* radio , checkbox */
.chk_box { line-height: 16px; }
.chk_box .selec_chk { display: none; }
.chk_box .selec_chk + label { font-size: 12px; }
.chk_box .selec_chk + label span { margin-right: 4px; }
.chk_box .selec_chk + label span,
.chk_box .selec_chk + label b { display: inline-block; vertical-align: middle; }
.chk_box .selec_chk + label b { font-weight: normal; }
/* checkbox */
.chk_box .selec_chk[type='checkbox'] + label span { width: 16px; height: 16px; border: 1px solid #eee; background: #fff url(/sum/img/ico_chk.png) no-repeat center/ 80%; border-radius: 4px; }
.chk_box .selec_chk[type='checkbox']:checked + label span { background-color: #cca07b; border-color: #cca07b; }
/* radio */
.chk_box .selec_chk[type='radio'] + label span { width: 16px; height: 16px; border: 1px solid #eee; background: #fff; border-radius: 30px; position: relative; }
.chk_box .selec_chk[type='radio'] + label span::after { content: ""; width: 8px; height: 8px;  display: block; border-radius: 30px; position: absolute; top: 0; left: 0; margin: 3px; background-color: #fff; }
.chk_box .selec_chk[type='radio']:checked + label span { border-color: #cca07b; }
.chk_box .selec_chk[type='radio']:checked + label span::after { background-color: #cca07b; }
.chk_box2 { line-height: 16px; display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom:10px;  }
.chk_box2 .selec_chk { display: none; }
.chk_box2 .selec_chk + label { font-size: 13px; background-color: #bbb; color: #fff; padding: 6px 12px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.chk_box2 .selec_chk:checked + label { background-color: #cca07b; }


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 자료 없는 목록 */
[class*='empty'] { text-align: center; font-size: 14px !important; color: #999; margin: 0 !important; padding: 80px 0 !important; background-color: #fff; }
.empty_table { }
.empty_list { width: 100% !important; flex-basis: 100% !important; }


/* 필수입력 */
.required, textarea.required {/*background-image:url('/sum/img/require.png') !important;*/background-repeat:no-repeat !important;background-position:right top !important}
.readonly { background-color: #f7f7f7; }


/* 페이징 */
.pg_wrap { width: 100%; text-align: center; margin-top: 32px; }
.pg_wrap .pg::after { content: ""; display: block; clear: both; }
.pg_wrap .pg_page,
.pg_wrap .pg_current { display: inline-block; width: 28px; height: 28px; line-height: 26px; text-align: center; border: 1px solid #ccc; vertical-align: middle; font-size: 12px; border-radius: 4px; background-color: transparent; }
.pg_wrap .pg_page:hover { border-color: #bbb; }
.pg_wrap .pg_current { border-color: #cca07b; background-color: #cca07b; color: #fff; }
.pg_wrap .pg_current:hover { border-color: #cca07b; }
.pg_wrap .pg_start, .pg_wrap .pg_prev, .pg_wrap .pg_next, .pg_wrap .pg_end { font-size: 0; background: no-repeat center; }
.pg_wrap .pg_start { background-image: url(/sum/img/page_start.png); }
.pg_wrap .pg_prev { background-image: url(/sum/img/page_prev.png); }
.pg_wrap .pg_next { background-image: url(/sum/img/page_next.png); }
.pg_wrap .pg_end { background-image: url(/sum/img/page_end.png); }

/* 배너 */
#visual_box2{margin-top:50px;}

/* 팝업 */
.popup { font-size: 1rem; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 10002; display: none; }
.popup .box { width: 90%; max-width: 600px; position: absolute; background-color: #fff; border-radius: 1em; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; display: none; }
.popup .title { font-size: 1.125em; padding: 0.75em 1em; border-bottom: 1px solid #eee;  position: relative; margin-bottom: 0; }
.popup .popup_close { font-size: 1.125em; padding: 0.75em 1em; position: absolute; right: 0; top: 50%; cursor: pointer; transform: translateY(-50%); }
.popup .txt { height: 300px; padding: 1.25em; font-size: 0.875em; color: #777; overflow-y: scroll;  background-color: #f7f7f7; }


/* 팝업레이어 */
#hd_pop {z-index:10002;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


/* 새창스타일 */
.new_win { min-width: 0; }
#win_title { font-size: 1.5em; padding: 1em; box-shadow:0 1px 10px rgba(0,0,0,.1); }
.new_win_con { font-size: 1.125em; padding: 1em; }
.win_btn { text-align: center; margin-top: 8vh; }
.win_btn * { padding: 0.675em 2em; }


/* 상단 */
.hd { font-size: 1rem; width: 100%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 9999; }
.hd.fix { top: -90px; position: fixed; }
.hd section { padding: 1em 0; border-bottom: 1px solid #eee; }
.hd ul { display: flex; align-items: center; }
.hd_top { display: flex; align-items: center; justify-content: space-between; }
.hd_tnb { font-size: 1em; justify-content: center; }
.hd_tnb li { margin-left: 2.5em; }
.hd_gnb { font-size: 1.125em; font-weight: 500; justify-content: center; }
.hd_gnb li { margin: 0 3em; }


/* 하단 */
footer section { font-size: 0.875rem; padding: 1em 0; border-top: 1px solid #eee; color: #666; }
.ft_fnb { display: flex; align-items: center; }
.ft_fnb li { margin-right: 2.5em; }
.ft_btm { display: flex; align-items: center; justify-content: center; }
.ft_logo { margin-right: 5%; }
.ft_info p { font-size: 0.9em; color: #999; line-height: 2; }
.ft_cs { margin-left: auto; }
.ft_cs h3 { font-size: 2em; font-weight: 700; }
.ft_cs p { font-size: 1em; margin-top: 0.5em; color: #999; }
.ft_copyright { font-size: 0.9em; color: #999; text-align: center; }


/* 회원가입 및 로그인 
.register .inner { display: flex}
.register article:nth-child(1) { flex-grow: 1; }
.register article:nth-child(2) { margin-left: 20px; }
.register .tit { font-size: 1rem; font-weight: 500; }
.register .tit h5 { margin-bottom: 0.8em; font-size: 1.125em; }
.register .tit h3 { font-size: 2em; line-height: 1.2; font-weight: 500; font-family: 'GmarketSans';}
.register .tit h5 { color: #777; margin-top: 1em; font-size: 1em; font-family: 'GmarketSans';}
.register .bnr_wrap .bnr { overflow: hidden; }
.register .bnr_wrap .bnr:nth-child(1) { margin-bottom: 20px; }
.register .bnr_wrap .img { width: 100%; }
.register .main { padding: 70px 32px; text-align: center; }
.register .main .link_wrap { margin-top: 80px; }
.register .main .link_wrap li { width: calc((100% - 24px)/2); margin-right: 16px; margin-bottom: 16px; }
.register .main .link_wrap li:nth-child(2n) { margin-right: 0; }
.register .main .link_wrap a { display: block; padding: 32px 0; }
.register .main .link_wrap img { margin-bottom: 16px; }
.register .main .link_wrap h3 { font-size: 18px; color: #04548C; font-weight: 500; }
.register .main .link_wrap p { font-size: 12px; color: #777; }
.register .main .link_wrap li:hover { background-color: #04548C; }
.register .main .link_wrap li:hover img { filter: brightness(100) }
.register .main .link_wrap li:hover h3 { color: #fff; }
.register .main .link_wrap li:hover p { color: #fff; }
.register .frm_wrap { padding: 32px 48px; }
.register article:nth-child(1).result { width: 100%; text-align: center; padding: 100px 0; }
.register .result .img { margin: 60px 0; }
.register .result .btn_submit { width: 400px; line-height: 60px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }
.register .privacyTxt { width: 100%; height: 200px; overflow: auto; font-size: 14px; color: #777; padding: 16px; border: 1px solid #eee; background-color: #fafafa;}
.register .privacyTxt + .agree { margin: 10px 0; text-align: left; font-size: 14px; }
.register .login { max-width:100%; margin:0 auto; text-align: center; }
.register .login .btn01,
.register .login .btn_submit,
.register .login .frm_input { width: 100%; height: 50px; font-size: 14px; }
.register .login .frm_input { margin-bottom: 10px; }
.register .login .flogin { padding: 0;  text-align:right; }
.register .login .flogin a { font-size: 14px; margin-top: 5px; color: #b2b2b2; display: inline-block;}
.register .login .txt_box { margin-top: 48px; }
.register .login .txt_box h4 { font-size: 16px; color: #b2b2b2; margin-bottom: 16px; }
.register .login .btn01 { -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }
.register .login .btn_submit { box-shadow: 0 2px 4px rgb(0 0 0 / 16%); border-radius: 5px; margin:5px 0 15px}
.register .confirm { max-width: 500px; }
.register .confirm .frm_input { margin-bottom: 1em; }
*/

/* 회원정보찾기 */
#info_fs p { margin-bottom: 0.5em; }

/* 회원정보수정 */
.frm_wrap .tit { font-weight: 500; margin-bottom: 20px; }
.frm_wrap .btn_frmline { height: 40px; vertical-align: top; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding: 0 20px; font-size: 13px; line-height: 38px; }
.frm_wrap dl { padding: 10px 0; }
.frm_wrap dt { font-size: 14px; margin-bottom: 10px; font-weight: 500; }
.frm_wrap dd { font-size: 0; margin-bottom: 10px; }
.frm_wrap dd .help { font-size: 13px; margin-right: 10px; vertical-align: middle; }
.frm_wrap dd .frm_input { font-size: 13px; width: 100%; }
.frm_wrap dd .frm_input + .help { margin-left: 10px; }
.frm_wrap dd.wid_50 .frm_input { width: calc(50% - 5px); }
.frm_wrap dd.wid_50 .frm_input:nth-child(1) { margin-right: 10px; }
.frm_wrap dd.wid_33 .frm_input { width: calc((100% - 20px)/3); margin-right: 10px; }
.frm_wrap dd.wid_33 .frm_input:nth-child(3) { margin-right: 0; }
.frm_wrap dd.wid_33.len2 .frm_input:nth-child(1) { width: calc((((100% - 10px)/3)*2)); }
.frm_wrap dd.wid_33.len2 .frm_input:nth-child(2) { margin-right: 0; }
.frm_wrap dd:last-child { margin-bottom: 0; }
.frm_wrap .btn_wrap { text-align: center; margin-top: 30px; }
.frm_wrap .btn_wrap .btn_close,
.frm_wrap .btn_wrap .btn_submit { width: 120px; line-height: 38px; height: 40px; vertical-align: top; font-size: 14px; margin: 0 5px; }
.frm_wrap .mb_sc_method,
.frm_wrap .mb_sc_minimum,
.frm_wrap .mb_sc_qty { display: none; }
.frm_wrap .mb_sc_method.on,
.frm_wrap .mb_sc_minimum.on,
.frm_wrap .mb_sc_qty.on {display: block;}
.frm_wrap .file_hidden { display: none; }
.frm_wrap .file { position: relative; }
.frm_wrap .file > div { padding-top: 10px; }
.frm_wrap .file > div img { height: 100px; }
.frm_wrap .file .file_del { display: inline-block; vertical-align: top; margin-left: 10px; }
.frm_wrap .chk_wrap .chk_box { display: inline-block; margin-right: 10px; vertical-align: top; line-height: 40px; }
.frm_wrap .chk_wrap .chk_box .selec_chk + label { font-size: 14px; vertical-align: middle; }
.frm_wrap .hidden { display: none; }
.frm_wrap .hidden2 { display: none; }



/* 상품 상단 */
.product .topBox { margin: 24px 0 10px; }
.product .search { font-size: 0; }
.product .search .search_txt,
.product .search .search_btn { height: 35px; border: 1px solid transparent; vertical-align: top; }
.product .search .search_txt { width: 250px; background-color: #f7f7f7; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; padding: 0 10px;}
.product .search .search_btn { width: 35px; background: url(/sum/img/btn_search.png) no-repeat center/65%; font-size: 0; }
.product .sort li.on { color: #000; background: url(/sum/img/ico_sort.png) no-repeat left center; padding-left: 20px; }
.product .sort li { line-height: 35px; color: #999; font-size: 14px; }
.product .sort li::after { content:""; width: 1px; height: 14px; display: inline-block; background-color: #eee; vertical-align: middle; margin: 0 10px;}
.product .sort li:last-child::after { display: none; }

/* 상품목록 */
.product .list { /*display: flex; flex-wrap: wrap; */}
.product .list > li { margin-right: 2%; margin-bottom: 2%; }

.product .list .chk_box { position: absolute; top: 0; left: 0; margin: 5px; display: inline-block; z-index: 99; }

.product .list .img { width: 100%; padding-top: 100%; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; position: relative; background: no-repeat center/cover; }
.product .list .img:hover .btn_wrap {display: flex;}

.product .list .sticker { font-size: 12px; margin-right: 5px; display: inline-block; vertical-align: top; color: #fff; font-weight: 500; padding: 0 8px; text-transform: uppercase; }
.product .list .sticker_01 { background-color: #E8ABAB; }
.product .list .sticker_02 { background-color: #9AE2A5; }
.product .list .sticker_03 { background-color: #8FC9E9; }
.product .list .sticker_04 { background-color: #BBABE8; }
.product .list .sticker_05 { background-color: #E5D098; }

.product .list .label { font-size: 12px; margin-right: 5px; display: inline-block; vertical-align: top; font-weight: 500; }
.product .list .label_01 { color: #FF4646; }
.product .list .label_02 { color: #1DD93A; }
.product .list .label_03 { color: #1F93FF; }
.product .list .label_04 { color: #7343FC; }
.product .list .label_05 { color: #FC9C2B; }

/*
.product .list .btn_wrap { position: absolute; font-size: 14px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top: 0; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; color: #fff; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; display: none; }
.product .influencer_list .list .btn_wrap p { margin-top: 10px}
.product .list .btn_wrap a,
.product .list .btn_wrap button { display: block; margin: 3px 15px; background-color: transparent; border: 0; vertical-align: top; }
.product .list .btn_wrap .icon { width: 100%; background: #fff no-repeat center/27%; color:#000;}
.product .list .btn_wrap p { display:block; line-height:42px; vertical-align: top; color: #000; font-size:12px; }
*/

.product .list .btn_wrap { position: absolute; font-size: 14px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top: 0; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; color: #fff; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; display: none; }
.product .influencer_list .list .btn_wrap p { margin-top: 10px}
/*.product .list .btn_wrap span { display:flex; align-items:center; margin: 5px 3rem; background-color: transparent; border: 0; vertical-align: top;}*/
.product .list .btn_wrap a,
.product .list .btn_wrap button { align-items:center; margin: 1px 15px; background-color: transparent; border: 0; vertical-align: top; }
.product .list .btn_wrap .icon { width: 100%; background: #fff; color:#000; border-radius:16px}
.product .list .btn_wrap p { display:block; vertical-align: top; color: #000; font-size:12px; padding:0.7rem 0}


/* 2 x n 배열에서 버튼 다름*/
.product .list.grid1 .btn_wrap span{margin:5px 7rem}

/*
.product .list .btn_view .icon { background-image: url(/sum/img/btn_list_view.png); }
.product .list .btn_sample .icon { background-image: url(/sum/img/btn_list_sample.png); }
.product .list .btn_wish .icon { background-image: url(/sum/img/btn_list_wish.png); }
.product .list .btn_wish.on .icon { background-image: url(/sum/img/btn_list_wish_on.png); }
*/
.product .list .btn_del .icon { text-align: center; line-height: 60px; }
.product .list .btn_del .icon i { font-size: 18px; color: #3388FF; }
.product .list .btn_soldout .icon { display: flex; align-items: center; justify-content: center; color: #3388FF; }
.product .list .btn_soldout .icon span { display: block; line-height: 1.2; font-weight: 700; }
.product .list .btn_wrap .btn_soldout p {margin-top:8px ; }
.product .list .flex { display: flex; }
.product .list .txt { margin-top: 8px; font-size: 14px; line-height: 1.6; color: #777; }
.product .list .txt .flex > a { width: 100px; line-height: 25px; height: 25px; display: inline-block; margin-left: auto; border: 1px solid #ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color: #999; text-align: center; }
.product .list .txt .flex > a:hover { background-color: #000; color: #fff; border-color: #000; }
.product .list .txt .flex .brand { margin-left: auto; }
.product .list .name { color: #000; font-weight: 600; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis;text-overflow: ellipsis;  }
.product .list .tag { font-size: 13px; color: #777; width: 100%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;text-overflow: ellipsis; }
.product .list .info { display:flex; align-items:center;}
.product .list .info > p{ margin-right:7px}
.product .list .info > p:last-child{margin-right:0;}
.product .list .info > p.lowest {font-weight:600; font-size:18px; color:#000;}
.product .list .info > p.discount {color:#fb1313; font-size:15px; font-weight:600;}
.product .list .info > p.dc_price {font-size:12px}
.product .list .info > p strong { font-weight: 400; color: #999; }
.product .list .info > p span {  }
.product .list .fee { font-size: 12px; }
.product .list .fee strong { font-size: 36px; }
.product .list .fee span { font-size: 18px; margin-right: 8px; }
.product .list .stock { text-align: right; }

.product .grid4 > li { flex-grow: 0; flex-shrink: 1; flex-basis: 23.5%; }
.product .grid4 > li:nth-child(4n) { margin-right: 0; }

.product .grid3 > li { flex-grow: 0; flex-shrink: 1; flex-basis: 32%; }
.product .grid3 > li:nth-child(3n) { margin-right: 0; }
.product .grid3 .flex > * { flex-grow: 0; flex-shrink: 1; }
.product .grid3 .flex .img { flex-basis: 35%; padding-top: 35%; height: 35%; }
.product .grid3 .flex .txt { flex-basis: 65%; font-size: 13px; margin-top: 0; padding-left: 8px; }
.product .grid3 .info > p.pink {  }
.product .grid3 .info > p.pink span { margin: 0 auto; }
.product .grid3 .info > p.pink .start { margin-left: 0; margin-right: auto;}
.product .grid3 .info > p.pink .end { margin-right: 0; margin-left: auto; }
/*.product .grid3 .name { white-space: nowrap; width: 150px; }*/



/* 상품구입폼 */
.item_frm > form > .cb > div { width: 100%;  position:relative; }
.item_frm .img_box .img { width: 100%; padding-top: 100%; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background: no-repeat center/cover; border: 1px solid #eee;}
.item_frm .img_big { padding: 10px; }
.item_frm .img_list { padding: 0 5px; }
.item_frm .img_list li { width: 20%; padding: 5px; }
.item_frm .img_list .img { cursor: pointer; }
.item_frm .txt_box { padding: 10px; }
.item_frm .txt_box .name { font-size: 15px; margin-bottom: 10px; }
.item_frm .txt_box .price { font-size: 13px; margin-bottom: 32px; }
.item_frm .txt_box .price strong { font-size: 1.5em; }
.item_frm .txt_box .price small { font-size: 1em; color: #999; text-decoration: line-through;}
.item_frm .txt_box .delivery_box{display:flex; position:relative;}
.item_frm .txt_box .delivery_txt{cursor:pointer; background-color:#cca07b; border-radius:50px; width:16px; height:16px; color:#fff; margin-left:3px; font-size:10px;font-weight:600; display:flex; display:flex; align-items:center; justify-content:center;}
.delivery_box > span.delivery_popup{position:absolute; right:0; top:100%; font-size:10px; line-height:12px; background-color:#fff; border:1px solid #a2a2a2; padding:6px 10px; display:none;}
.delivery_box > span.delivery_popup.active{display:block}

.item_frm .opt_view { background-color: #f7f7f7; padding: 16px; margin-bottom: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.item_frm .opt_view h3 { font-size: 16px; margin-bottom: 10px; }
.item_frm .opt_view div { font-size: 14px; }
.item_frm .opt_view span { display: block; }
.item_frm .opt_view .left { min-width: 80px; }
.item_frm .get_item_options { font-size: 0; margin-bottom: 10px; }
.item_frm .get_item_options label { display: inline-block; width: 80px; }
.item_frm .get_item_options label + span { display: inline-block; width: calc(100% - 80px); }
.item_frm .get_item_options label,
.item_frm .get_item_options label + span { font-size: 14px; }
.item_frm .get_item_options select { width: 100%; }
.item_frm .opt_box { margin-top: 24px; }
.item_frm .opt_list {  }
.item_frm .opt_list li { border: 1px solid #eee; padding: 16px; margin-bottom: 8px; }
.item_frm .opt_name { font-size: 14px; position: relative; }
.item_frm .opt_number { margin-top: 8px; }
.item_frm .opt_count { font-size: 0; padding-left: 1px; }
.item_frm .opt_price { font-size: 14px; line-height: 30px; }
.item_frm .opt_box .sit_opt_del { width: 20px; height: 20px; position: absolute; top: 0; right: 0; border: 0; background: #eee url(/sum/img/btn_del.png) no-repeat center; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; font-size: 0; }
.item_frm .opt_number .num_input,
.item_frm .opt_number button { height: 30px; border: 1px solid #eee; display: inline-block; vertical-align: top; margin-left: -1px; }
.item_frm .opt_number button { width: 30px; background-color: #fff; font-size: 0; }
.item_frm .opt_number .num_input { width: 50px; text-align: center; }
.item_frm .opt_box .sit_qty_minus { background: url(/sum/img/btn_minus.png) no-repeat center; }
.item_frm .opt_box .sit_qty_plus { background: url(/sum/img/btn_plus.png) no-repeat center; }
.item_frm .total {text-align: right; font-size: 16px; padding: 16px 0; }
.item_frm .total strong { font-size: 24px; margin: 0 2px 0 5px;}
.item_frm .btn_wrap { font-size: 0; margin-top: 10px; display: flex; }
.item_frm .btn_wrap a,
.item_frm .btn_wrap button { height: 44px; width:44px; display: block; border:1px solid #04548C; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; font-size:0; margin-right: 5px; }
.item_frm .btn_wrap *:last-child { margin-right: 0; }
.item_frm .btn_wrap .btn_wish { background: url(/sum/img/btn_wish.png) no-repeat center; background-size: 20px auto;}
.item_frm .btn_wrap .btn_wish.on { background: url(/sum/img/btn_wish_on.png) no-repeat center; background-size: 20px auto;}
.item_frm .btn_wrap .btn_cart { background: url(/sum/img/btn_cart.png) no-repeat center; background-size: 20px auto;}
.item_frm .btn_wrap .btn_buy { background-color: #04548C;  margin-right: 0; color: #fff; flex: 1 1 40%; font-size: 14px; }


/* 상품상세내용 */
.item_info .tab { border-bottom: 1px solid #eee; margin: 24px 0 0; }
.item_info .tab ul {display:flex; }
.item_info .tab li { width:100%; text-align: center; font-size: 12px; border-bottom: 2px solid transparent; line-height: 40px; cursor: pointer; letter-spacing: -1px;}
.item_info .tab li:hover { color: #04548C; }
.item_info .tab li.on { border-color: #04548C; color: #04548C; }
.item_info .cont > div { display: none; font-size: 14px; line-height: 1.7; padding:10px;}
.item_info .cont > div.on { display: block; }
.item_info .cont .dex > p > b { font-size: 1.25em; margin-bottom: 10px; display: inline-block; }

/* 후기,문의 글쓰기 */
.item_info .frm_wrap { padding: 24px; }
.item_info .frm_wrap .tit { font-weight: 400; }
.item_info .frm_wrap .tit small { color: #999; }
.item_info .frm_wrap .btn_wrap { margin-top: 0px; text-align: right; }
.item_info .frm_wrap textarea { font-size: 14px; }
.item_info .use .star { padding: 15px 0; }
.item_info .use .star .chk_box { display: inline-block; margin-right: 10px; }
.item_info .use .star .chk_box label { height: 20px; display: inline-block; vertical-align: top; }
.item_info .use .star .chk_box label span { width: 20px; height: 20px; margin-right: 0; }
.item_info .use .star .chk_box label span::after { width: 10px; height: 10px; margin: 4px; }
.item_info .use .star .chk_box label img { vertical-align: middle; height: 16px; }

/* 사용후기 */
#sit_use_ol { font-size: 14px; margin-top: 20px; border-bottom: 1px solid #eee; }
.sit_use_li { position: relative; border-top: 1px solid #eee; }
.sit_use_top { padding: 10px 0; display:flex; align-items:center}
.sit_thum,
.sit_use_dl { display: inline-block; vertical-align: top; }
.sit_thum { width: 80px; height: 80px; }
.sit_thum img { width: 100%; height: auto }
.sit_use_dl { width: calc(100% - 180px); padding: 10px; }
.sit_use_dl dt { display: none; }
.sit_use_dl dd.small { font-size: 12px; color: #999; }
.sit_use_li_title { position:absolute;right:20px;top:20px;border:1px solid #eee;padding:8px 10px;border-radius:3px;color:#666;font-size:0.92em;background:#fff; }
.sit_use_con { font-size: 14px; line-height: 1.7; padding: 10px; background-color: #f7f7f7; display: none; }
.sit_use_cmd { text-align: right; }
.sit_use_cmd a { padding: 2px 10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background-color: #fff; font-size: 12px; }

/* 상품문의 */
#sit_qa_ol { font-size: 14px; margin-top: 20px; border-bottom: 1px solid #eee; }
.sit_qa_li { border-top: 1px solid #eee; }
.sit_qa_top { padding: 10px; }
.sit_qa_li_title,
.sit_qa_dl { display: inline-block; vertical-align: top; }
.sit_qa_li_title { width: calc(100% - 135px); background: transparent; border: 0; text-align: left; line-height: 30px; }
.sit_qa_li_title span { display: inline-block; padding: 0 10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-right: 10px; line-height: 30px; }
.sit_qa_li_title .sit_qaa_yet { background-color: #ccc; color: #fff; }
.sit_qa_li_title .sit_qaa_done { background-color:#f6bb42; color:#fff; }
.sit_qa_li_title .sit_qa_qaq { background-color: #3388ff; color: #fff;}
.sit_qa_dl { width: 125px; text-align: right; }
.sit_qa_dl dt { display: none; }
.sit_qa_dl dd { font-size: 12px; color: #999; line-height: 30px; }
.sit_qa_con { font-size: 14px; line-height: 1.7; background-color: #f7f7f7; display: none; }
.sit_qa_p > div { padding: 10px; }
.sit_qa_p .qa_alp { font-size: 20px; margin: 0 10px 0 5px; font-family: 'Malgun Gothic', dotum, sans-serif; }
.sit_qa_qaq { border-bottom: 1px solid #eee; }
.sit_qa_qaa > * {display: inline-block; vertical-align: top; }
.sit_qa_cmd { text-align: right; padding: 5px; }
.sit_qa_cmd a { padding: 2px 10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background-color: #fff; font-size: 12px; }

#fanswer { width: calc(100% - 40px); text-align: right; }
#fanswer textarea { width: 100%; }
#fanswer button { width: 100px; height: 30px; }

/* 장바구니 주문서 공통 */
.od_prd_list .td_prd { padding: 10px; text-align: left; }
.od_prd_list .td_prd .sod_img,
.od_prd_list .td_prd .sod_name { display: inline-block; vertical-align: top; min-height: 80px; }
.od_prd_list .td_prd .sod_img a { display: block; }
.od_prd_list .td_prd .sod_name { padding: 0 8px; width: calc(100% - 96px);}
.od_prd_list .td_prd .sod_name b {white-space: normal; text-align: left; word-wrap: break-word; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 18px; height: 36px;}
.sod_opt { margin:5px 0; font-size: 12px; }
.sod_opt li { padding: 3px 0; }
.sod_opt li:before { content:"옵션"; display:inline-block; padding:0 3px; border-radius:3px; background:#e2eaf6; color:#3a8afd; margin-right: 3px; }
.sod_option_btn .mod_options { font-size: 13px; padding: 2px 8px; border: 1px solid #eee; color: #666; background-color: #fff; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.cp_btn {padding:0 10px;border:1px solid #d4d6db;color:#3a8afd;background:#fff;height:26px;border-radius:3px}
.cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff;height:26px;border-radius:3px}



/* 주문서 작성 */
.sod_frm_pc .chk_box { display: inline-block; margin-right: 10px; height: 40px; line-height: 40px; }
.sod_wrap .left { width: 100%; float:none;}
.sod_wrap .left dl { margin-top: 30px; }
.sod_wrap .left dt { font-size: 16px; font-weight: 500; margin-bottom: 16px; }
.sod_wrap .left dt.addressee{ position:relative;}
.sod_wrap .left dt.addressee > span.check{cursor:pointer; background-color:#eee; border-radius:50px; padding:1px 6px; font-size:13px; width:20px; display:inline-block; height:20px; vertical-align:text-bottom; margin-bottom:1px}
.sod_wrap .left dt.addressee > p.check_text{ display:none; position:absolute; font-size:12px; font-weight:400; left:120px; top:50%; transform:translateY(-50%); line-height:14px; word-break:keep-all; background-color:#eee; padding:5px 7px; border-radius:5px}
.sod_wrap .left dt.addressee p > span{content:''; display:block; position:absolute;  border-top: 10px solid transparent; border-right: 16px solid #eee; border-bottom: 10px solid transparent; border-left: 10px solid transparent; margin-left:-25px; top:50%; transform:translateY(-50%)}
.sod_wrap .left dt.addressee > p.check_text.on{display:block}
.sod_wrap .left dd { margin-bottom: 10px; }
.sod_wrap .left dd .frm_input,
.sod_wrap .left dd .btn_address { height: 45px; }
.sod_wrap .left dd .btn_frmline { height: 35px; padding: 0 24px; }
.sod_wrap .left dd .frm_input { width: 49%; }
.sod_wrap .left dd .frm_input:nth-child(1) { margin-right: 0.5%; }
.sod_wrap .left dd .frm_input.full { width: 100%; margin-right: 0; }
.sod_wrap .left dd .btn_address { padding: 0 24px; background-color: #666;color: #fff; border: 1px solid #666; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.sod_wrap .left dd .order_choice_place {line-height:35px;}
.sod_wrap .right { width: 100%; box-sizing:border-box; float:none; padding: 16px; margin-top: 30px; }
.sod_wrap .right .layout li { font-size: 0; padding: 8px 0; }
.sod_wrap .right .layout span,
.sod_wrap .right .layout strong { font-size: 14px; display: inline-block; }
.sod_wrap .right .layout span { width: 120px; }
.sod_wrap .right .layout strong { width: calc(100% - 120px); text-align: right; }
.sod_wrap .pay_tbl table { font-size: 14px; border-collapse: collapse; }
.sod_wrap .pay_tbl th { text-align: left; }
.sod_wrap .pay_tbl td { text-align: right; }
.sod_wrap #od_tot_price { border-bottom: 1px solid #eee; }
.sod_wrap #od_tot_price strong { font-size: 24px; }
.sod_wrap #od_pay_sl { padding-top: 16px; }
.sod_wrap #od_pay_sl h3 { font-size: 16px; font-weight: 500; margin-bottom: 16px; }
.sod_wrap #sod_frm_paysel {display: flex;  flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.sod_wrap #sod_frm_paysel > input { display: none; }
.sod_wrap #sod_frm_paysel > label { display:inline-block; width:calc(50% - 5px); margin-right:10px;  line-height: 50px; border: 1px solid #eee; background-color: #fff; text-align: center; font-size: 14px; margin-top: 10px;}
.sod_wrap #sod_frm_paysel > label:nth-child(5), .sod_wrap #sod_frm_paysel > label:nth-child(9), .sod_wrap #sod_frm_paysel > label:nth-child(13) {margin-right:0}
.sod_wrap #sod_frm_paysel > input:checked + label { background-color: #cca07b; border-color: #cca07b; color: #fff; }
#display_pay_button {z-index:100; position:fixed; bottom:66px; left:auto; max-width: 527px; width: 100%;}
#display_pay_button a,
#display_pay_button input { cursor:pointer; font-size: 14px; width: 100%; display: block; height: 50px; margin-top: 10px; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; }
#display_pay_button a { background-color: #aaa; border-color: #aaa; color: #fff;  line-height:50px; display:none; }
.sod_wrap #settle_bank { width:100%; line-height: 30px; background-color: #fff; border: 1px solid #eee; margin-top: 10px; padding: 16px; }
.sod_wrap #settle_bank #od_deposit_name { border: 1px solid #ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding: 0 10px; height: 30px; margin-left: 10px; }
.sod_wrap #refund { width:100%; line-height: 30px; background-color: #fff; border: 1px solid #eee; margin-top: 10px; padding: 16px; }
.sod_wrap #refund #od_refund_bank { border: 1px solid #ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding: 0 10px; height: 30px;  }
.sod_wrap #cashrcpt { width:100%; line-height: 30px; background-color: #fff; border: 1px solid #eee; margin-top: 10px; padding: 16px; }
.sod_wrap #cashrcpt #cr_value { border: 1px solid #ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding: 0 10px; height: 30px; margin-left: 10px; }
.sod_wrap .sod_frm_point { background-color: #fff; border: 1px solid #eee; margin-top: 10px; padding: 10px 16px; }
.sod_wrap .sod_frm_point #od_temp_point { height: 35px; padding: 0 10px; border: 1px solid #eee; }
.sod_wrap .sod_frm_point #od_temp_point2 { height: 35px; padding: 0 10px; border: 1px solid #eee; }
.sod_wrap .sod_frm_point > div { display: flex; }
.sod_wrap .sod_frm_point span { flex: 1 1 40%; display: block; line-height: 35px;}
.sod_wrap .sod_frm_point strong { display: inline-block; margin-right: 10px; }
.sod_wrap .sod_frm_point em { font-style: normal; }
.sod_wrap .sod_frm_point p { font-weight: 500; margin-bottom: 10px; }
.sod_wrap .sod_frm_point p strong { margin-right: 0; }

.order_prd_list {}
.order_prd_list .top {display:flex; justify-content: flex-start; align-items: center; margin-bottom:12px; }
.order_prd_list .img {width:100px; text-align:center; box-sizing:border-box;  }
.order_prd_list .txt {width:calc(100% - 100px); padding-left:16px; box-sizing:border-box; }
.order_prd_list .info > div  {display: flex; justify-content: space-between;  align-items: center; margin-bottom: 4px;  color: #666;  }
.order_prd_list div.name { display:block; color:#000; margin-bottom:16px}
.order_prd_list .name b {font-weight:bold; font-size:14px; }
.order_prd_list .total {display: flex; justify-content: space-between;  align-items: center; border-top:1px solid #ddd; padding-top:10px; margin-top:10px; width: 100%; font-size:16px; font-weight:600}
.order_prd_list .total span {font-size:14px; font-weight:400} 

/* 주문상세 */
#sod_fin .sod_wrap .tbl_head01 table { text-align: left; }
#sod_fin #sod_fin_tot { border-top: 1px solid #eee; }
#sod_fin #sod_fin_tot #alrdy strong { font-size: 20px; }

#sod_fin_cancel > button { width: 100%; height: 50px; border: 1px solid #eee; background-color: #fff; text-align: center; font-size: 14px; margin-top: 10px; }
#sod_fin_cancel > div { display: none; }
#sod_fin_cancel > div form { margin-top: 10px; display: flex; flex-wrap: wrap; }
#sod_fin_cancel > div .btn_frmline,
#sod_fin_cancel > div .frm_input { height: 40px; font-size: 14px; vertical-align: top; }
#sod_fin_cancel > div .frm_radio { font-size: 15px; line-height: 2; margin-right: 1em; display: inline-block; }
#sod_fin_cancel > div .frm_radio input { margin-right: 5px; }
#sod_fin_cancel > div .btn_frmline { flex-grow: 1; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-left: 5px; }


/* 회원가입 */
.register .tit {padding:30px 0; text-align:center;}
.register .tit h5 {font-size:16px; font-weight:600; margin-bottom:15px;}
.register .tit h3 {font-size:14px; margin-bottom:15px;}
.register .link_wrap {padding:0 10px;}
.register .link_wrap li {width:calc(100% - 5px); margin-right:8px; text-align:center; box-sizing:border-box; padding:10px; margin:3px;}
.register .link_wrap li a {display:block;}
.register .link_wrap li:last-child {margin-right:0;}
.register .link_wrap li img {max-width:40px;}
.register .link_wrap li h3 {font-weight:600; letter-spacing:-1px; margin:5px 0;}
.register .link_wrap li p {font-size:11px; color:#7c7c7c;}
.register .bnr_wrap {padding:0 10px; margin:30px 0; font-size:0; background:#fff;}
/*.register .bnr_wrap .bnr {display:inline-block; width:calc(50% - 4px); margin-right:8px;} */
.register .bnr_wrap .bnr:last-child {margin-right:0;}
.register .bnr_wrap .bnr img {max-width:100%;}

/* 상품 분류 */
.product .title {margin-top:20px; padding-left:10px;}
.product .category {margin:20px 0;}
.product .category ul {font-size:0; text-align:left;}
.product .category ul li {width:20%; text-align:center; display:inline-block; float:none; vertical-align:top; margin-bottom:10px;}
.product .search.left {display:none; float:none; max-width:60%; margin:0 auto; position:relative;}
.product .search .search_txt {width:100%;}
.product .search .search_btn {position:absolute; top:0; right:10px;}
.product .sort.right {padding-right:10px;}
.product .sort li {font-size:12px;}
.product .list {font-size:0; /*display:block;*/}
.product .list.grid2 > li {display:inline-block; vertical-align:top; width:calc(50% - 8px); margin-right:16px; margin-bottom:20px;}
.product .list.grid2 > li:nth-child(2n) {margin-right:0;}
.product .list .name {white-space:nowrap; width:100%; margin:5px 0;}
.product .list .sticker, .product .list .label, .product .list .txt .flex .brand {font-size:10px;}
.product .list .info {font-size:14px;}
.product .list .fee {text-align:right;}
.product .list .fee strong {font-size:18px;}

/*복사 및 공유*/
.communication {margin-bottom:5px; padding:10px;}
.communication .btn {display:inline-block; width:max-content; background:#EEE; color:#111; padding:0px 5px; margin-right:10px;}
.communication-item { position:absolute; z-index:9999; right:20px; }
.communication-item p { position:relative; top:470px; }
.communication-item a { overflow:hidden; display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; vertical-align:middle; border:1px solid; border-radius:50%; margin:5px;}

/*비회원 조회 박스*/
.um-order-box{ display:block; width:100%; margin-top:10px; margin-bottom:10px; background:#EEE; padding:10px; padding-bottom:0px;  }
.um-order-box p{ background:#FFF; }
.um-order-btn { display:inline-block; width:100%; padding-top:15px; padding-bottom:15px; }

/*배송지 목록 팝업*/
#sod_addr .chk_box {display:inline-block;}
#sod_addr .basic_addr {line-height:16px; margin-bottom:5px;}
#sod_addr .basic_addr input {display:inline-block; vertical-align:middle;}
#sod_addr .sel_address, #sod_addr .del_address {display:inline-block; padding:5px 10px; font-size:12px; border:1px solid #eee; color:#777; border-radius:4px;}
#sod_addr .sel_address {background:#cca07b; border:1px solid #cca07b; color:#fff;}
/* 탑버튼 */
#footer .top_wrap { display:none; position: fixed;right: calc(50% - 220px);bottom: 70px; width:38px; z-index: 9990;}
#footer .top_wrap .btn_top {width:38px; height:38px; background:  url('/img/new//btn_top.svg') no-repeat 50% 50%;background-size:38px; text-indent: -9999px; border-radius: 50%; transition: transform 0.5s; display: block;}



#footer_nav {position:fixed; bottom:0; left:auto; max-width:527px; width:100%; box-shadow: 0 6px 19px 0 rgb(120 125 144 / 5%);; background:#f4f6f9; box-sizing:border-box; padding:7px 16px; z-index:10}
#footer_nav .nav {display:flex;align-items: center; justify-content: space-around;}
#footer_nav .nav li {display:inline-block; text-align:center;  }
#footer_nav .nav li a {display:inline-block; width:100%}
#footer_nav .nav li span {display:block; }
#footer_nav .nav li .img {width:27px; margin:0 auto; }
#footer_nav .nav li .txt {font-size:12px; font-weight:500 }

#footer_info {position: relative;  margin:0 auto 0; padding: 29px 19px 100px; width: 100%; background:#fff; border-top:1px solid #eee }
#footer_info .txt {font-size:14px;line-height:20px;color:#888;font-weight:500;display: block;clear: both; padding-top: 16px;border-top: #eeeeee 1px solid;}
#footer_info .info {margin-bottom:29px}
#footer_info .info li {display:inline-block}
#footer_info .info li > a, #footer_info .company li {font-size: 16px;color: #000;font-weight:500;line-height: 18px;}
#footer_info .info li + li {margin-left:30px;}
#footer_info .company_tit {margin-bottom:16px;font-size:16px;color:#000;font-weight:500;display: inline-block;line-height: 20px;position: relative;border-top:none;padding:0 26px 0 0;cursor: pointer;}
#footer_info .company_tit:after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width:20px;height:20px;background: url('/img/new/arrow_footer.svg') no-repeat 50% 50%;}
#footer_info .company_tit.on:after {transform: translateY(-50%) rotate(-180deg);}
#footer_info .company {display:none;padding:5px 0 16px;}
#footer_info .company li {display:inline-block;margin-top:0 !important;font-size:14px;line-height:27px;color:#888}
#footer_info .company li + li {margin-left: 12px;}
#footer_info .company li span {color:#000}
#footer_info .company li:nth-child(3),#footer_info .company li:nth-child(5),
#footer_info .company li:nth-child(6), #footer_info .company li:last-child {clear: both;margin-left: 0;}

/* 탭 */
.lnb {display: table; table-layout:fixed; width:100%;  margin:16px 0 24px; }
.lnb li {line-height:1.5; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #eee; padding:10px 10px; border-right:0}
.lnb li:last-child {border-right:1px solid #eee}
.lnb li a {display:inline-block; width:100%; height:100%; color:#888; word-break: break-all; letter-spacing: -1px;}
.lnb li.on a{color:#cca07b; font-weight:600}



.clipboard_box {position:absolute; top:46px; right:16px}
.clipboard_inner {position:relative; } 
.clipboard_box .shareBtn  {display:inline-block; width:22px; }
.share_list {width:74px; display: flex;align-items: flex-start;justify-content: flex-end; }
.share_list li {display:inline-block; margin-left:4px; }
.share_list li button {width:22px; line-height: 1; }



/* 신상list 수정했습니다. */
div.new_products > ul.list.grid1{flex-direction:column; padding:0 60px; box-sizing:border-box;}
div.new_products > ul.list.grid1 > li{width:100%; margin-bottom:32px}


/* kakao plus친구 스타일 */
.kakaoplus { position:fixed; left: 80%; bottom: 70px; z-index:9999; }
.kakaoplus .kakaoplus_btn { position:relative; width:70px; height:70px; cursor:pointer; background:center 70px/70px url('/img/ico_kko.png'); border-radius:100%; }


/* 231222 bts add*/
section.btns_wrap{display:flex; justify-content:space-between; padding:0 20px;}
	section.btns_wrap > div {width:calc(100% - 10px); text-align:center; border:1px solid #04548C; background:#04548c; border-radius:10px}
	section.btns_wrap > div a{font-size:13px; line-height:15px; padding:15px 0; display:block; color:#fff; }
	section.btns_wrap > div:hover {background-color:transparent}
	section.btns_wrap > div:hover a{color:#04548c}

@media (max-width:1054px) {
	body {background:#fff; }
	.inner {width:100%}
	#left_box {display:none; }
	#right_box {left:0; margin:0 auto}

	/* kakao plus친구 스타일 */
	.kakaoplus { left: auto; right: 10px; }
}



@media (max-width:998px) { 
	.logo_box img {height:45px}
	.header_menu_box a {font-size:14px}
	.listtype_top {margin-top:0}
}
@media (max-width:527px) {
	#header.headroom--not-top {width:100%}
	#footer {width:100%}
	#footer_nav {padding:5px 16px}
	#footer_nav .nav li .img {width:25px; }
	#footer_nav .nav li .txt {font-size:10px; }
	#footer_info .info li > a, #footer_info .company li, #footer_info .company_tit {font-size:14px; }
	#footer_info .txt {font-size:12px; }

	.product .list .img:hover .btn_wrap {display:none;}

	/*
	.product .list .btn_wrap {flex-wrap: nowrap; align-items:center;}
	.product .list .btn_wrap span {width:50%; margin: 5px 4rem;}
	*/

	.product .list .info{flex-direction:column; align-items:baseline}
}


/* 0229 header_drop_menu */
h1.logo_box{position:relative; display:inline-block}
.logo_box > button{position:absolute; width:20px; height:20px; border:1px solid #000; border-radius:50px;  background:url(/img/ico_header_arrow.png) no-repeat; background-size:12px; background-position:center; margin-left:5px; opacity:0.4; right:-20px; top:50%; transform:translateY(-50%)}
h1.logo_box > ul.h_drop{display:none; position:absolute; top:-5px; left:-30px; padding:5px 30px; box-shadow:0 0 5px rgba(0,0,0,0.2); background-color:#fff; width:100%; border-radius:10px; z-index:1; box-sizing:content-box;}
h1.logo_box > ul.h_drop.active{display:block}
h1.logo_box > ul.h_drop.active2{display:block}
h1.logo_box > ul.h_drop > li {position:relative; }
h1.logo_box > ul.h_drop > li:last-child{border-top:1px solid #c5c5c5; margin-top:10px; padding:10px 0 5px}
h1.logo_box > ul.h_drop > li:last-child a > img{width:75%; height:auto;}
h1.logo_box > ul.h_drop > li > button{position:absolute;  right:-20px; top:34%; width:20px; height:20px; border:1px solid #000; border-radius:50px;  background:url(/img/ico_header_arrow.png) no-repeat; background-size:12px; background-position:center; margin-left:5px; opacity:0.4; }
@media(max-width:1023px){
h1.logo_box > ul.h_drop > li > button{top:31%}
}