/*--- RESET/NORMALIZE ---*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

:root {
	--global-background-color: #FFFFFF;  /* CSS 전역 변수 선언 */
	--global-bi-color: #DC143C;
	--global-background-img: url(../images/background_paper.jpg);
	--global-background-color-img: url(../images/background_paper_color.jpeg);
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body, h1, h2, h3, h4, h5, h6, figure, pre, dl, dd, blockquote, input[type="radio"], input[type="checkbox"] {margin:0}
legend {padding:0}
fieldset, ul, ol {padding:0;margin:0}
ul, ol {list-style:none}
body {line-height:1}
main, figure, figcaption {display:block} /*--- <main> for IE 11 ---*/
img {max-width:100%;height:auto; display: inline-block;}
a {text-decoration:none}
fieldset {border:0}
input, textarea, select, button {display:block;max-width:100%;font-family:inherit;font-size:inherit;color:inherit}
label {display:table}
input[type="text"], input[type="email"], input[type="password"], input[type="search"] {-webkit-appearance:none;outline: 0;} /*--- for Safari (add/remove types as needed) ---*/
button {line-height:inherit; outline: 0; border:0; background: none;}
select { outline: 0; border:0; }
button::-moz-focus-inner {border:0; } /*--- for Firefox ---*/
html {-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:1.25em; } /*--- optional base font size ---*/
* { box-sizing: border-box; vertical-align: middle; }
html, body {min-height: 100%; font-family: 'Noto Sans KR', sans-serif;
	background-color: var(--global-background-color);
	background: var(--global-background-img) repeat center;
}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
/* reset// */

input:focus { outline: none !important; box-shadow: none !important; }
textarea:focus { outline: none !important; box-shadow: none !important; }

.wrap_contents { width: 100%; max-width: 1200px; margin: 0 auto; height: 100%; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.center { text-align: center; }

.main_font {
	font-size: 5vw;
	font-weight: 1000;
	color: #e8614c;
	text-shadow: 0 3px #D5D5D5;
	font-family: BinggraeMelona-Bold, "맑은 고딕", serif;
}

/* 스플래쉬화면 */
section.splash { width: 100vw; height: 100vh; background-color: #ff595d; }
section.splash .inner { position: relative; width: 100%; height: 100%;}
section.splash .main_logo { position: absolute; top:50%; left: 50%; text-align: center; transform: translate(-50%, -55%); }
section.splash .slogan { font-family: 'NanumSquare', sans-serif; font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.56;letter-spacing: normal;text-align: center;color: #ffffff;}
section.splash .logo { margin-top: 16px; }
section.splash .word { margin-top: 8px; }
section.splash img { margin: 0 auto; }
/* 스플래쉬화면// */

/* 기본 상점 설정 화면 */
header.header_basic { position: fixed; z-index: 1001; top: 0; width: 100%; height: 56px; background-color: transparent; border-bottom: 1px solid #ff595d; }
header.header_basic .headlogo { text-align: center; padding-top: 16px;  }
header.header_basic .headlogo img { margin: 0 auto; }
.noti { position: fixed; top: 56px; z-index: 1003;  padding: 8px 0; width: 100%; background-color: #86d295; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; text-align: center;color: #ffffff; }

.mart_name {
		padding: 6px 0;
		width: 100%;
		background: var(--global-background-img) repeat center;
		font-family: 'Noto Sans KR', sans-serif;
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.43;
		letter-spacing: normal;
		text-align: center;
		color: #696969;
		height: 35px;
		border-bottom: solid 1px #e0e0e0;
}

/* FF585D B22222 */
.mart_name.scroll {
		padding: 6px 0;
		width: 100%;
		background: var(--global-background-color-img) repeat center;
		font-family: 'Noto Sans KR', sans-serif;
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.43;
		letter-spacing: normal;
		text-align: center;
		color: #FFFFFF;
		height: 35px;
		border-bottom: solid 1px #e0e0e0;
}

.mart_name_sub { position: fixed;
				 top: 56px;
				 padding: 6px 0;
				 width: 100%;
				 font-family: 'Noto Sans KR', sans-serif;
				 font-size: 16px;
				 font-weight: bold;
				 font-stretch: normal;
				 font-style: normal;
				 line-height: 1.43;
				 letter-spacing: normal;
				 text-align: center;
				 color: #FFFFFF;
				 height: 35px;
				 border-bottom: solid 1px #e0e0e0;
				 z-index: 1002;
				 background: var(--global-background-color-img) repeat center; }

header.header_basic_back { position: fixed; z-index: 1001; top: 0; width: 100%; height: 56px; background-color: #fff; border-bottom: 1px solid #ff595d; }
header.header_basic_back .inner { display: flex; justify-content: space-between; }
header.header_basic_back .inner .lt .absol_btn { position: relative; left: 0; top: 2px; }
header.header_basic_back .inner .lt .absol_btn .back_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_back@3x.png) no-repeat center; background-size: cover; }
header.header_basic_back .inner .lt .close_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_x@3x.png) no-repeat center; background-size: cover; }
header.header_basic_back .headlogo { text-align: center; padding-top: 16px; width: 100%;  }
header.header_basic_back .headlogo img { margin: 0 auto; transform: translate(-24px, 0%); }

.map { /* position: relative; */ }
.map_background { position: absolute; margin-top: 91px; height: calc(100vh - 92px); width: 100%; max-width: 1200px;}
.map_feature { top: 100px; position: absolute; z-index: 100; }

.myp { padding: 0 16px; margin-top: 10px; }
.myp button { border:0; padding: 5px 12px 8px; opacity: 0.9; border-radius: 18px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10); background-color: #ffffff;}
.myp button:active { opacity: 1; }
.myp button span { font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #000000; }

.myp button span img { top: 4px; position: relative; }
.map_background .marker { position: absolute; top:20%; right: 20%; }

.bottom_btn { position: absolute; width: 100%; padding: 0 16px; bottom: 20px; z-index: 2; }
.bottom_btn button { width: 100%; padding: 9px 0 11px; text-align: center; border:0; border-radius: 20px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10); background-color: #ff595d; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ffffff;}
.bottom_btn button:active { background-color: #d0373b; }
.bottom_btn button span { font-size: 14px; font-weight: normal; font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #fff; }
.bottom_btn button span img { top: 2px; position: relative; }
.bottom_btn button span~span { margin-left: 4px; }


.slide_popup { padding:0 16px; border-top-right-radius: 30px; border-top-left-radius: 30px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10); position: fixed; top: 50vh; z-index: 1000; min-height: 400px; width: 100%; background: var(--global-background-img) repeat center; }
.slide_popup .pu_hd { width: 100%; height: 34px; text-align: center; }
.slide_popup .pu_hd > div { display: inline-block; width: 40px; height: 4px; border-radius: 2px; border:0; background-color: #e0e0e0; }
.slide_popup .sd_search { display: flex; justify-content: space-between; border-bottom: solid 1px #9e9e9e; }
.slide_popup .sd_search input { display: inline-block; }
.slide_popup .sd_search input[type="text"] { width: calc(100% - 48px); padding: 19px 12px 12px; border:0; background: none; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000;  }
.slide_popup .sd_search input[type="text"]::placeholder { font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.slide_popup .sd_search input[type="submit"] { width: 48px; height: 48px; border:0; font-size: 0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; }
.slide_popup .sd_list { margin-top: 18px; min-height: 600px; }
.slide_popup .sd_list .list_info { display: flex; justify-content: space-between; }
.slide_popup .sd_list .list_info > div { display: inline-block; }
.slide_popup .sd_list .list_info .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; display : flex; justify-content : center; align-items : center; }
.slide_popup .sd_list .list_info .lt .mart_no { font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.slide_popup .sd_list .list_info .rt { padding-left: 16px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.slide_popup .sd_list .list_info .rt select { background-color: transparent; width: 100%; border: 0; padding: 5px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }

.slide_popup .sd_list > ul { margin-top: 4px; }
.slide_popup .sd_list > ul > li { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: solid 1px #e0e0e0; }
.slide_popup .sd_list > ul > li > div { display: inline-block; }
.slide_popup .sd_list > ul > li .thumb { width: 24vw; height: 24vw; border-radius: 10px; background-color:transparent; display: flex; justify-content: center; align-items: center; }
.slide_popup .sd_list > ul > li .thumb img {width: 100%; }
.slide_popup .sd_list > ul > li .info { width: calc(100% - 28vw); text-align: left; position: relative; }
.slide_popup .sd_list > ul > li .info .name { font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.slide_popup .sd_list > ul > li .info .addr { margin-top: 2px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.slide_popup .sd_list > ul > li .info .phone { margin-top: 2px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.slide_popup .sd_list > ul > li .info .detail {margin-top: 5px; text-decoration: underline; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

.slide_popup .sd_list > ul > li .info .base_check { background: url(../images/bt_mart_base_o@2x.png) no-repeat center; background-size: cover; position: absolute; right: 0; bottom: -4px; display: inline-block; width: 101px; height: 38px; }
.slide_popup .sd_list > ul > li .info .base_check:hover { background: url(../images/bt_mart_base_o@3x.png) no-repeat center; background-size: cover; }

.slide_popup.atest { border-radius: 0; box-shadow: 0;  }
.slide_popup.atest .inner { -ms-overflow-style: none; scrollbar-width: none; overflow: scroll; height: calc(100vh - 58px); padding-bottom: 100px; }
.slide_popup.atest .inner::-webkit-scrollbar { display: none; }

.slide_popup .bottom_btn { position: absolute; left: 0; }
.display_none { display: none; }

/* 기본 상점 설정 화면// */

/* 메인화면 */
.header_div { transition: all .3s; width: 100%; z-index: 1002; top:0; position: fixed; }
header.header_main { width: 100%; padding: 0 8px 0 16px; height: 56px; border-bottom: solid 1px var(--global-bi-color); background: var(--global-background-img) repeat center; }
header.header_main .inner { display: flex; justify-content: space-between; }
header.header_main .inner > div { display: inline-block; }
header.header_main .inner .lt .headlogo { margin-top: 16px; display: inline-block; vertical-align: middle; }
header.header_main .inner .lt .headlogo img { vertical-align: middle; max-width: 72px; max-height: 24px; }
header.header_main .inner .lt .store_name { vertical-align: middle; margin-left: 2px; margin-top: 17px; display: inline-block; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
header.header_main .inner .rt { margin-top: 4px; }
header.header_main .inner .rt input[type=search] { position: absolute; height: 44px; margin-top:2px; padding: 5px 15px 7px; transform: translate(calc(57px - 100%), 0%); border:0; width: 50%; max-width: 900px; border: solid 1px #A1A1A1; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; border-radius: 20px; background-color: transparent; }
header.header_main .inner .rt .search { position: relative; display: inline-block; width: 48px; height: 48px; border:0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; top: 0px; right: -2px; }
header.header_main .inner .rt .cart { position: relative; display: inline-block; width: 48px; height: 48px; border:0; background: url(../images/ic_cart@3x.png) no-repeat center; background-size: cover; margin-top: -2px; }
header.header_main .inner .rt .cart .cart_no {display: inline-block; width: 12px; position: absolute; top: 8px; right: 8.5px; font-size: 11px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }

.sub_header {  width: 100%; position: relative; height: 48px; border-bottom: solid 0.5px #bdbdbd; background: var(--global-background-img) repeat center; }
.sub_header .inner { display: block; overflow: hidden; overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; }
.sub_header .inner::-webkit-scrollbar { display: none; }

.sub_header .inner ul { padding: 0 16px; position: relative; display: inline-block;  }
.sub_header .inner ul:after { content: "";display: table;clear: both; }
.sub_header .inner ul li { display: inline-block; }
.sub_header .inner ul li~li { margin-left: 16px; }
.sub_header .inner ul li a { display: inline-block; font-size: 14px; padding: 14px 4px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
.sub_header .inner ul li a.active { padding: 14px 4px 12px; border-bottom: 3px solid #B22222; color: #222222; font-weight: 500; }


.main_slider { margin-top: 139px; }


.Horizontal_list { padding: 20px 0 0px; }
.Horizontal_list .inner {  }
.Horizontal_list .inner .title { padding: 0 16px; }
.Horizontal_list .inner .title h1 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.Horizontal_list .inner .title h2 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; float: left; }
.Horizontal_list .inner .title .more { font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #757575; display: inline-block; margin-left: 10px; margin-top: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #9e9e9e; border-radius: 5px;}
.Horizontal_list .inner .title p { margin-top: 5px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.Horizontal_list .inner .list { display: block; overflow: hidden; white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none;margin-top: 20px; overflow-x: scroll; }
.Horizontal_list .inner .list::-webkit-scrollbar { display: none; }
.Horizontal_list .inner .list ul { position: relative; display: inline-block; padding-left: 16px; }
.Horizontal_list .inner .list ul:after { content: "";display: table;clear: both; }
.Horizontal_list .inner .list ul li { display: inline-block; vertical-align: top; width: 130px; margin-right: 12px; }

.Horizontal_list .inner .list ul li .thumb {position: relative;border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);width: 100%;height: 133px;background-color: #e0e0e0;background-position: center;background-size: cover;overflow: hidden;background-repeat: no-repeat;}
.Horizontal_list .inner .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
.Horizontal_list .inner .list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; color: #ffffff; }
.Horizontal_list .inner .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
.Horizontal_list .inner .list ul li .thumb .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover; }
/* one coupon */
.Horizontal_list .inner .list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
.Horizontal_list .inner .list ul li .thumb img {width: 100% }
.Horizontal_list .inner .list ul li .info { margin-top: 6px; }
.Horizontal_list .inner .list ul li .info .prd_name { font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.Horizontal_list .inner .list ul li .info .prd_price {  }
.Horizontal_list .inner .list ul li .info .prd_price .price { font-size: 14px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.Horizontal_list .inner .list ul li .info .prd_price .unit { margin-left: -4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.Horizontal_list .inner .list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

.square_list { padding: 20px 0 12px; }
.square_list .inner {  }
.square_list .inner .title { padding: 0 16px; }
.square_list .inner .title h1 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.square_list .inner .title h2 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; float: left; }
.square_list .inner .title .more { font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #757575; display: inline-block; margin-left: 10px; margin-top: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #9e9e9e; border-radius: 5px;}
.square_list .inner .title p { margin-top: 5px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

.square_list .inner .list { margin-top: 20px; padding: 0 16px; }
.square_list .inner .list ul:after { content: "";display: table;clear: both; }
.square_list .inner .list ul li { margin-bottom: 20px; display: inline-block; width: 31%; float: left; margin-right: 3.5%; }
.square_list .inner .list ul li:nth-child(3),
.square_list .inner .list ul li:nth-child(6) { margin-right: 0; }
.square_list .inner .list ul li .thumb { border-radius: 10px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); background-color: #FFFFFF; width: 100%; padding-top: 100%; /* 1:1 Aspect Ratio */position: relative; /* If you want text inside of it */ }
.square_list .inner .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
.square_list .inner .list ul li .thumb img {width: 100% }

.square_list .inner .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 14px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
.square_list .inner .list ul li .thumb .pct span { font-size: 14px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; color: #ffffff; }
.square_list .inner .list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }

.square_list .inner .list ul li .info { margin-top: 6px; }
.square_list .inner .list ul li .info .prd_name { font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; display: -webkit-box; height: 38px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.square_list .inner .list ul li .info .prd_price {  }
.square_list .inner .list ul li .info .prd_price .price { font-size: 14px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.square_list .inner .list ul li .info .prd_price .unit { margin-left: -4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.square_list .inner .list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

.square_list .list_group .list.box_list { padding: 0 16px 40px; }
.square_list .list_group .list.box_list ul li { display: inline-block; margin-top: 24px; width: calc(50% - 8px); float: left; margin-right: 16px; }
.square_list .list_group .list.box_list ul li:nth-child(2n) { margin-right: 0; }
.square_list .list_group .list.box_list ul:after { content: "";display: table;clear: both; }
.square_list .list_group .list.box_list ul li .prd_div {  }
.square_list .list_group .list.box_list ul li > div {   }
.square_list .list_group .list.box_list ul li .thumb { width: 100%; padding-top: 100%; position: relative; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); background-color: #ffffff; }
.square_list .list_group .list.box_list ul li .thumb img {width: 100%; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #FFFFFF; }
.square_list .list_group .list.box_list ul li .info { width: 100%;  }
.square_list .list_group .list.box_list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
.square_list .list_group .list.box_list ul li .info .marker > span { display: inline-block; }
.square_list .list_group .list.box_list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
.square_list .list_group .list.box_list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
.square_list .list_group .list.box_list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
.square_list .list_group .list.box_list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
.square_list .list_group .list.box_list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
.square_list .list_group .list.box_list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
.square_list .list_group .list.box_list ul li .info .marker .info_span .month {  }
.square_list .list_group .list.box_list ul li .info .marker .info_span .day { }
.square_list .list_group .list.box_list ul li .info .prd_name {font-size: 15px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.square_list .list_group .list.box_list ul li .info .shop_name {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #8e8e8e; }
.square_list .list_group .list.box_list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }
.square_list .list_group .list.box_list ul li .info .prd_price { display: inline-block;  }
.square_list .list_group .list.box_list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
.square_list .list_group .list.box_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.square_list .list_group .list.box_list ul li .info .discount { display: inline-block; text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.square_list .list_group .list.box_list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
.square_list .list_group .list.box_list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ffffff; }
.square_list .list_group .list.box_list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center; color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
.square_list .list_group .list.box_list ul li .thumb .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }
.square_list .list_group .list.box_list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
.square_list .list_group .list.box_list ul li .feature { margin-top: 12px; }
.square_list .list_group .list.box_list ul li .feature > span { display: inline-block; padding:0 4px 1px; border-radius: 4px; background-color: #e0e0e0;font-size: 10px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #424242;}

.vertical_list { padding: 12px 0 20px; }
.vertical_list .inner {  }
.vertical_list .inner .title { margin-top: 20px; padding: 0 16px; }
.vertical_list .inner .title h1 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }

.vertical_list .inner .list { margin-top: 20px; padding: 0 16px; }
.vertical_list .inner .list ul {  }
.vertical_list .inner .list ul li { margin-bottom: 20px; position: relative; }
.vertical_list .inner .list ul li > div { display: inline-block; float: left; }
.vertical_list .inner .list ul li:after { content: "";display: table;clear: both; }
.vertical_list .inner .list ul li .thumb {position: relative;width: 100px;height: 100px;border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #e0e0e0;}
.vertical_list .inner .list ul li .thumb img {width: 100% }
.vertical_list .inner .list ul li .info { margin-left: 12px; width: calc(100% - 112px); }
.vertical_list .inner .list ul li .info .prd_name { font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.vertical_list .inner .list ul li .info .prd_price {  }
.vertical_list .inner .list ul li .info .prd_price .price { font-size: 14px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.vertical_list .inner .list ul li .info .prd_price .unit { margin-left: -4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.vertical_list .inner .list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.vertical_list .inner .list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

.recipe_tag { margin-top: 10px; }
.recipe_tag .inner { width: 100%; overflow-x: scroll; overflow-x: scroll; -ms-overflow-style: none;}
.recipe_tag .inner::-webkit-scrollbar { display: none; }

.recipe_tag .inner ul { width: 420px; padding:0 16px; }
.recipe_tag .inner ul:after { content: "";display: table;clear: both; }
.recipe_tag .inner ul li { display: inline-block; border-radius: 19px; margin-top:5px; padding: 8px 12px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left; color: #fff; }
.recipe_tag .inner ul li.active { background-color: #ff595d; color: #fff; }
.recipe_tag .recipe_img { margin-top: 2px; position: relative; width: 100%; height: 65vw; background-color: white; text-align: left; }
.recipe_tag .recipe_img .bottom_title { width: 100%; padding: 25px 16px 16px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); }
.recipe_tag .recipe_img .bottom_title h4 { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ffffff; }
.recipe_tag .recipe_img .bottom_title h1 { font-size: 22px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ffffff; }

section.img_banner { color: #bdbdbd; display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100%; text-align: center; margin-bottom: 3px; }
section.img_banner .img_wrap_contents { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1200px; background-color: #e0e0e0; height: 100%; }
section.img_banner .img_wrap_contents a { width: 100%; }

@media screen and (max-width : 1799px ) {
	section.img_banner img { height: 183px;  }
}

@media screen and (max-width : 599px) {
	section.img_banner img { height: auto; }
}

footer { padding: 15px 16px 40px; background-color: #777777; }
footer .inner {  }
footer .inner .top_section { padding-bottom: 12px; border-bottom: solid 1px #bdbdbd; }
footer .inner .top_section ul { }
footer .inner .top_section ul:after { content: "";display: table;clear: both; }
footer .inner .top_section ul li { display: inline-block; margin-right: 6px; padding-left: 6px; float: left; display: flex; justify-content: center;  }
footer .inner .top_section ul li a { font-size: 13px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #FFFFFF; }
footer .inner .info_section { margin-top: 12px; }
footer .inner .info_section ul {  }
footer .inner .info_section ul li { display: inline-block; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #FFFFFF; }
footer .inner .info_section ul .email { margin-top: 20px; display: block;  }
footer .inner .info_section ul .cs { display: block; }
.li_left_spr {border-left: 1px solid #bbb; }

.bottom_nav { transition: all .3s; position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; height : 63px; border-top: solid 0.5px #9e9e9e; background: var(--global-background-img) repeat center; }
.bottom_nav ul { padding: 4px 12px; display: flex; justify-content: space-between;  }
.bottom_nav ul li { width: 18%; display: inline-block;  }
.bottom_nav ul li.active {  }

.bottom_nav ul li.category .ic { background-image: url(../images/ic_menu_x@3x.png); background-size: 16px 14px; }
.bottom_nav ul li.near .ic { background-image: url(../images/ic_mart_x@3x.png); background-size: 15px 20px; }
.bottom_nav ul li.home .ic { background-image: url(../images/ic_home_x@3x.png); background-size: 24px 21px; }
.bottom_nav ul li.order .ic { background-image: url(../images/ic_del_x@3x.png); background-size: 25px 19px; }
.bottom_nav ul li.my .ic { background-image: url(../images/ic_my_x@3x.png); background-size: 16px 21px; }

.bottom_nav ul li.category.active .ic { background-image: url(../images/ic_menu_o@3x.png); }
.bottom_nav ul li.near.active .ic { background-image: url(../images/ic_mart_o@3x.png); }
.bottom_nav ul li.home.active .ic { background-image: url(../images/ic_home_o@3x.png); }
.bottom_nav ul li.order.active .ic { background-image: url(../images/ic_del_o@3x.png); }
.bottom_nav ul li.my.active .ic { background-image: url(../images/ic_my_o@3x.png);  }

.bottom_nav ul li a .ic { width: 100%; padding-top: 36px; background-position: center; background-repeat: no-repeat; }
.bottom_nav ul li a .wd { font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: normal;text-align: center;color: #757575; }
.bottom_nav ul li.active a .wd { color: #ff3f44; }
.bottom_nav ul li.active a .ic { }

/* 로그인 2020.10.21 */
header.header_login { width: 100%; z-index: 1000; height: 56px; position: fixed; top: 0; left: 0; border-bottom: solid 1px var(--global-bi-color); background: var(--global-background-img) repeat center; }
header.header_login .inner { display: flex; justify-content: space-between; }
header.header_login .inner .lt .absol_btn { position: relative; left: 0; top: 2px; }
header.header_login .inner .lt .absol_btn .back_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_back@3x.png) no-repeat center; background-size: cover; }
header.header_login .inner .lt .close_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_x@3x.png) no-repeat center; background-size: cover; }
header.header_login .inner .header_title { width:100%; padding-top: 12px; transform: translate(-24px, 0%); font-size: 20px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: center;color: #000000; }
header.header_login .inner .header_title_nobtn { width:100%; padding-top: 12px; font-size: 20px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: center;color: #000000; }
header.header_login .inner .lt .headlogo { margin-top: 10px; display: inline-block; vertical-align: middle; text-align: left}
header.header_login .inner .lt .headlogo img { position: relative; display: inline-block; vertical-align: middle; max-width: 72px; max-height: 24px; }

header.header_finish { width: 100%; height: 52px; background: #fff; position: relative; background: var(--global-background-img) repeat center; }
header.header_finish .inner { text-align: center; }
header.header_finish .inner .lt { display: inline-block; position: absolute;left: 0px; top:2px; }
header.header_finish .inner .lt .close_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_x@3x.png) no-repeat center; background-size: cover; }

section.section_member { margin-top: 55px; }
section.section_member .input_group { padding: 28px 16px 10px }
section.section_member .input_group .line { margin-bottom: 26px; position: relative; }
section.section_member .input_group .line input[type=checkbox] { display: none; }
section.section_member .input_group .line label { padding-left: 24px; background-image: url(../images/bt_checkbox_x@3x.png); background-repeat: no-repeat; background-size: 48px 48px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .input_group .line input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }

section.section_member .errmsg { padding: 0px 25px; font-size: 14px; font-weight: bold; color : #ff595d; margin-bottom: 5px; }
section.section_member .notice { padding: 0px 25px; font-size: 14px; font-weight: normal; margin-bottom: 5px; }

section.section_member .input_group .line .title h1 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .input_group .line .title h1 span { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .input_group .line .title h4 { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #375691; }
section.section_member .input_group .line .title h4 span { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #375691; }
section.section_member .input_group .line .title p { margin-top: 4px; font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

section.section_member .input_group .line .cert_send { position: absolute; left: 2px; bottom: -20px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #73cb85; }
section.section_member .input_group .line .sub_notice { position: absolute; left: 2px; bottom: -20px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #73cb85; }

section.section_member .input_group .line .input_tit { font-size: 16px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .input_group .line input {  height: 44px; width: 100%; padding: 10px 4px 7px; border:0; outline: 0; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; border-bottom: solid 1px #9e9e9e; background-color: transparent; }
section.section_member .input_group .line input::placeholder { padding: 16px 4px 8px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }

section.section_member .input_group .line.with_btn:after { content: "";display: table;clear: both; }
section.section_member .input_group .line.with_btn .input_opt_btn { float: right; margin-top: 6px; position: relative;display: inline-block; float: right; padding: 8px 11px; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center; color: #ff595d;border-radius: 8px; border: solid 1px #ff595d; background-color: transparent; }
section.section_member .input_group .line.with_btn .input_opt_btn_disable { float: right; margin-top: 6px; position: relative;display: inline-block; float: right; padding: 8px 11px; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #dedede;border-radius: 8px; border: solid 1px #dedede;background-color: #ffffff; }
section.section_member .input_group .line.with_btn input { display: inline-block; width: calc(100% - 84px); }

section.section_member .input_group input[type=submit] { z-index: 1004; position: fixed; bottom: 0; left: 0; width: 100%; padding: 14px 0; text-align: center; background-color: #ff595d; font-size: 16px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal; color: #ffffff; border:0; border-top-left-radius: 20px; border-top-right-radius: 20px; }
section.section_member .input_group input[type=submit]:disabled { background-color: #dedede; }

section.section_member.login {  }
section.section_member.login .logo { position: relative; width: 100%; height: 270px; }
section.section_member.login .logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.section_member.login .input_group { padding: 0 20px; }
section.section_member.login .input_group .line { margin-bottom: 8px; position: relative; }
section.section_member.login .input_group .line:last-child { margin-bottom: 4px; }
section.section_member.login .input_group .line input { height: 44px; width: 100%; padding: 13px 8px 7px; border:0; outline: 0; font-size: 16px;font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; border-bottom: solid 1px #9e9e9e; background-color: transparent; }
section.section_member.login .input_group .line input::placeholder { padding: 16px 0px 8px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }

section.section_member.login .input_group .line .login_option { display: flex; justify-content: space-between; height: 48px; }
section.section_member.login .input_group .line .login_option .lt { display: inline-block; }
section.section_member.login .input_group .line .login_option .lt input[type=checkbox] { display: none; width: 0; height: 0; }
section.section_member.login .input_group .line .login_option .lt label { padding-top: 14px; display: block; padding-left: 48px; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member.login .input_group .line .login_option .lt label:before { content:"";position:absolute;top:0;left:0; width: 48px; height: 48px; background-image: url(../images/bt_checkbox_x@3x.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
section.section_member.login .input_group .line .login_option .lt input[type="checkbox"]:checked + label::before { background-image: url(../images/bt_checkbox_o@3x.png);  }

section.section_member.login .input_group .line .login_option .rt { display: inline-block; }
section.section_member.login .input_group .line .login_option .rt a { display: block; padding-top: 14px;font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }

section.section_member.login .input_group .line input[type=submit] { display: block; width: 100%; position: relative; bottom: unset; left: unset; padding: 10px 0; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ffffff;border-radius: 70px;background-color: #ff595d; }
section.section_member.login .input_group .line input[type=submit]:disabled { background-color: #dedede; }


section.section_member.login .input_group .line .join_btn { display: block; margin-top: 12px; padding: 10px 0; width: 100%; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000;border-radius: 70px; border: solid 1px #ff595d;}
section.section_member.login .input_group .line .join_btn_s { font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #ff595d; }
section.section_member.login .input_group .line .nonmb_ment { margin-right: 4px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #616161; }

section.section_member.login .social_group {margin-top: 24px; }
section.section_member.login .social_group ul { padding: 0 60px; display: flex; justify-content: space-between; }
section.section_member.login .social_group ul li { display: inline-block; width: 18%; min-width: 44px; }
section.section_member.login .social_group ul li a {  }
section.section_member.login .social_group ul li a .ic { margin: 0 auto; width: 36px; height: 36px; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; }
section.section_member.login .social_group ul li a .wd { margin-top: 4px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #616161; }

section.section_member.login .non_member_menu { margin-top: 42px; text-align: center; }
section.section_member.login .non_member_menu a { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #757575; }
section.section_member.login .non_member_menu span { vertical-align: middle; font-size: 0; display: inline-block; width: 1px; height: 10px; background: #757575; margin:0 16px; }

section.section_member .divider { width: 100%; height: 4px; background-color: #f5f5f5; }

section.section_member .terms_div { padding: 30px 0px 80px; }
section.section_member .terms_div .title { margin-bottom: 12px; font-size: 16px; padding: 0 16px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .terms_div .agree_div {  }
section.section_member .terms_div .agree_div .chk_all { position: relative;height: 48px; }
section.section_member .terms_div .agree_div .chk_all input[type=checkbox] { width: 0; height: 0;  }
section.section_member .terms_div .agree_div .chk_all label { padding-top: 14px; display: block; padding-left: 48px; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .terms_div .agree_div .chk_all label:before { content:"";position:absolute;top:0;left:0; width: 48px; height: 48px; background-image: url(../images/bt_checkbox_x@3x.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
section.section_member .terms_div .agree_div .chk_all input[type="checkbox"]:checked + label::before { background-image: url(../images/bt_checkbox_o@3x.png);  }


section.section_member .terms_div .agree_div .chk_line { position: relative; }
section.section_member .terms_div .agree_div .chk_line input { width: 0; height: 0;; }
section.section_member .terms_div .agree_div .chk_line label { padding-top: 14px; padding-left: 48px; display: block; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .terms_div .agree_div .chk_line label:before { content:"";position:absolute;top:0;left:0; width: 48px; height: 48px; background-image: url(../images/bt_checkbox_x@3x.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
section.section_member .terms_div .agree_div .chk_line input[type="checkbox"]:checked + label::before { background-image: url(../images/bt_checkbox_o@3x.png);  }
section.section_member .terms_div .agree_div .chk_line label span { margin-left: 2px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_member .terms_div .agree_div .chk_line label p { margin-top: 8px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

section.section_member .terms_div .agree_div .divider { margin: 4px 16px; height: 1px; width: auto; background: #e0e0e0; }

/* 카테고리 */
header.header_main_back { top: 0; z-index: 1001; width: 100%; padding: 0 8px 0 0px; height: 56px; border-bottom: solid 1px var(--global-bi-color); background: var(--global-background-img) repeat center; }
header.header_main_back .inner { display: flex; justify-content: space-between; }
header.header_main_back .inner > div { display: inline-block; }
header.header_main_back .inner .lt .absol_btn { position: relative; display: inline-block; left: 0; top: 2px; }
header.header_main_back .inner .lt .absol_btn .back_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_back@3x.png) no-repeat center; background-size: cover; }
header.header_main_back .inner .lt .headlogo { margin-top: 10px; display: inline-block; vertical-align: middle; text-align: left}
header.header_main_back .inner .lt .headlogo img { position: relative; display: inline-block; vertical-align: middle; max-width: 72px; max-height: 24px; }
header.header_main_back .inner .lt .store_name { vertical-align: middle; margin-top: 11px; display: inline-block; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
header.header_main_back .inner .rt { margin-top: 4px; }
header.header_main_back .inner .rt input[type=search] { position: absolute; height: 44px; margin-top:2px; padding: 5px 15px 7px; transform: translate(calc(57px - 100%), 0%); border:0; width: 50%; max-width: 900px; border: solid 1px #A1A1A1; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; border-radius: 20px; background-color: transparent; }
header.header_main_back .inner .rt .search { position: relative; display: inline-block; width: 48px; height: 48px; border:0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; top: 0px; right: -2px; }
header.header_main_back .inner .rt .cart { position: relative; display: inline-block; width: 48px; height: 48px; background: url(../images/ic_cart@3x.png) no-repeat center; background-size: cover; border:0; ; margin-top: -2px; }
header.header_main_back .inner .rt .cart .cart_no {display: inline-block; width: 12px; position: absolute; top: 8px; right: 8.5px; font-size: 11px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }
.cate_sub_header { top: 89px; width: 100%; height:49px; background: var(--global-background-img) repeat-y center; z-index: 1000; border-bottom: solid 0.5px #bdbdbd; padding: 9px 0 10px; font-size: 18px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: center;color: #000000; }

header.header_main_search { position: fixed; top: 0; z-index: 1001; width: 100%; padding: 0 8px 0 0px; height: 56px; border-bottom: solid 1px var(--global-bi-color); background: var(--global-background-img) repeat center; }
header.header_main_search .inner { display: flex; justify-content: space-between; }
header.header_main_search .inner > div { display: inline-block; }
header.header_main_search .inner .lt .absol_btn { position: relative; left: 0; top: 2px; }
header.header_main_search .inner .lt .absol_btn .back_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_back@3x.png) no-repeat center; background-size: cover; }
header.header_main_search .inner .lt .headlogo { margin-top: 16px; display: inline-block; vertical-align: middle; }
header.header_main_search .inner .lt .headlogo img { vertical-align: middle; max-width: 60px; max-height: 20px; }
header.header_main_search .inner .lt .store_name { vertical-align: middle; margin-top: 17px; display: inline-block; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
header.header_main_search .inner .rt { margin-top: 4px; }
header.header_main_search .inner .rt input[type=search] { position: absolute; height: 44px; margin-top:2px; padding: 5px 15px 7px; transform: translate(calc(57px - 100%), 0%); border:0; width: 75%; max-width: 950px; border: solid 1px #A1A1A1; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; border-radius: 20px; background-color: transparent; }
header.header_main_search .inner .rt .search { position: relative; display: inline-block; width: 48px; height: 48px; border:0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; top: 0px; right: -2px; }
header.header_main_search .inner .rt .cart { position: relative; display: inline-block; width: 48px; height: 48px; background: url(../images/ic_cart@3x.png) no-repeat center; background-size: cover; border:0; margin-top: -2px; }
header.header_main_search .inner .rt .cart .cart_no {display: inline-block; width: 12px; position: absolute; top: 8px; right: 8.5px; font-size: 11px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }

section.section_cate {  margin-top: 91px; }
section.section_cate .cate_group { }
section.section_cate .cate_group .cate_inner { border-bottom: solid 4px #e0e0e0;  }
section.section_cate .cate_group .cate_inner ul { min-height: 500px; }
section.section_cate .cate_group .cate_inner ul:after { content: "";display: table;clear: both; }
section.section_cate .cate_group .cate_inner ul li { display: inline-block; padding: 0 6px; width: 25%; height: 110px; float: left; }
section.section_cate .cate_group .cate_inner ul li:nth-child(4),
section.section_cate .cate_group .cate_inner ul li:nth-child(8),
section.section_cate .cate_group .cate_inner ul li:nth-child(12) { border-right: 0; }
section.section_cate .cate_group .cate_inner ul li .ic { margin-top: 12px;  text-align: center;}
section.section_cate .cate_group .cate_inner ul li .ic img { width: 50px; height: 50px; margin: 0 auto; }
section.section_cate .cate_group .cate_inner ul li .wd { margin-top: 4px; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #000000; }

section.section_cate_main { padding: 10px 0 10px; }
section.section_cate_main .cate_group { }
section.section_cate_main .cate_group .title { padding: 0 16px; }
section.section_cate_main .cate_group .title h1 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cate_main .cate_group .title h2 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; float: left; }
section.section_cate_main .cate_group .title p { margin-top: 5px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_cate_main .cate_group .title .more { font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #757575; display: inline-block; margin-left: 10px; margin-top: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #9e9e9e; border-radius: 5px;}
section.section_cate_main .cate_group .cate_inner ul { }
section.section_cate_main .cate_group .cate_inner ul:after { content: "";display: table;clear: both; }
section.section_cate_main .cate_group .cate_inner ul li { display: inline-block; padding: 0 5px; width: 25%; height: 110px; float: left; }
section.section_cate_main .cate_group .cate_inner ul li:nth-child(4),
section.section_cate_main .cate_group .cate_inner ul li:nth-child(8),
section.section_cate_main .cate_group .cate_inner ul li:nth-child(12) { border-right: 0; }
section.section_cate_main .cate_group .cate_inner ul li .ic { margin-top: 15px;  text-align: center;}
section.section_cate_main .cate_group .cate_inner ul li .ic img { width: 45px; height: 45px; margin: 0 auto; }
section.section_cate_main .cate_group .cate_inner ul li .wd { margin-top: 4px; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #000000; }

section.section_cate .event_group { border-bottom: solid 4px #e0e0e0; padding-bottom: 20px; }
section.section_cate .event_group .title { padding: 16px 16px 12px; display: flex; justify-content: space-between; }
section.section_cate .event_group .title .lt { display: inline-block; font-size: 16px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cate .event_group .title .rt { display: inline-block; }
section.section_cate .event_group .title .rt a { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
section.section_cate .event_group .h_banner { overflow-x: auto; -ms-overflow-style: none; width: 100%; height: 90px; padding-left: 16px; white-space:nowrap;  }
section.section_cate .event_group .h_banner::-webkit-scrollbar { display: none; }

section.section_cate .event_group .h_banner ul { }
section.section_cate .event_group .h_banner ul:after { content: ""; display: table; clear: both; }
section.section_cate .event_group .h_banner ul li { display:inline-block; }
section.section_cate .event_group .h_banner ul li~li { margin-left: 12px; }
section.section_cate .event_group .h_banner ul li a { display: inline-block; width: 300px; height: 80px; border-radius: 10px; background-color: #e0e0e0; background-size: contain; }

section.section_cate .cs_group {  }
section.section_cate .cs_group .cs_info { padding: 16px 0 28px 80px; background: url(../images/ic_call@3x.png) no-repeat 16px 27px; background-size: 56px; }
section.section_cate .cs_group .cs_info h3 { font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }
section.section_cate .cs_group .cs_info h1 { font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #000000; }
section.section_cate .cs_group .cs_info p { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

/* 카테고리 list */
section.section_cate_detail {  margin-top: 139px; padding-bottom: 100px; }
section.section_cate_detail .cate_group { }
section.section_cate_detail .cate_group .cate_inner { border-bottom: solid 1px #e0e0e0;  }
section.section_cate_detail .cate_group .cate_inner ul { }
section.section_cate_detail .cate_group .cate_inner ul:after { content: "";display: table;clear: both; }
section.section_cate_detail .cate_group .cate_inner ul li { text-align:left; border-right: solid 0.5px #e0e0e0; border-bottom: solid 0.5px #e0e0e0; display: inline-block; width: 50%; float: left; }
section.section_cate_detail .cate_group .cate_inner ul li:nth-child(2n) { border-right: 0; }
section.section_cate_detail .cate_group .cate_inner ul li .wd { padding: 10px 12px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #424242;}

section.section_cate_detail .list_group { border-top: solid 1px #e0e0e0; margin-top: -1px;  }
section.section_cate_detail .list_group .header { display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0; }
section.section_cate_detail .list_group .header .lt { padding: 14px 16px; display: inline-block; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cate_detail .list_group .header .lt .amount { padding-left: 2px; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
section.section_cate_detail .list_group .header .rt { display: inline-block; }
section.section_cate_detail .list_group .header .rt select { vertical-align: middle; border:0; display: inline-block; padding: 14px 0 14px 12px; width: 120px; height: 48px; border-left: solid 1px #e0e0e0; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right; background-color:transparent; color: #000000; }
section.section_cate_detail .list_group .header .rt button { vertical-align: middle; border:0; display: inline-block; width: 48px; height: 48px; border-left: solid 1px #e0e0e0; background-image: url(../images/bt_list_box@3x.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
section.section_cate_detail .list_group .header .rt button.list_type { background-image: url(../images/bt_list_box@3x.png); }
section.section_cate_detail .list_group .header .rt button.box_type { background-image: url(../images/bt_list_chart@3x.png); }

section.section_cate_detail .list_group .list { transition: all .3s; }
section.section_cate_detail .list_group .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
section.section_cate_detail .list_group .list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #ffffff; }
section.section_cate_detail .list_group .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
section.section_cate_detail .list_group .list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
section.section_cate_detail .list_group .list ul li .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

section.section_cate_detail .list_group .list .feature { margin-top: 12px; }
section.section_cate_detail .list_group .list .feature > span { display: inline-block; padding:0 4px 1px; border-radius: 4px; background-color: #e0e0e0;font-size: 10px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #424242;}

/* 리스트타입 라인 기본 */
section.section_cate_detail .list_group .list.line_list { padding: 0 16px; }

section.section_cate_detail .list_group .list.line_list ul li .prd_div { position: relative; display: flex; justify-content: space-between; }
section.section_cate_detail .list_group .list.line_list ul li { padding: 16px 0; border-bottom: solid 1px #e0e0e0; }

section.section_cate_detail .list_group .list.line_list ul li > div { display: inline-block;  }
section.section_cate_detail .list_group .list.line_list ul li .thumb { width: 136px;height: 136px; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #ffffff; }
section.section_cate_detail .list_group .list.line_list ul li .thumb img {width: 100% }
section.section_cate_detail .list_group .list.line_list ul li .info { width: calc(100% - 136px); padding-left: 12px; }
section.section_cate_detail .list_group .list.line_list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .info_span .month {  }
section.section_cate_detail .list_group .list.line_list ul li .info .marker .info_span .day { }
section.section_cate_detail .list_group .list.line_list ul li .info .prd_name {font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cate_detail .list_group .list.line_list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

section.section_cate_detail .list_group .list.line_list ul li .info .prd_price {  }
section.section_cate_detail .list_group .list.line_list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
section.section_cate_detail .list_group .list.line_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cate_detail .list_group .list.line_list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_cate_detail .list_group .list.line_list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }


/* 리스트타입 박스 변경시 */
section.section_cate_detail .list_group .list.box_list { padding: 0 16px; }

section.section_cate_detail .list_group .list.box_list ul li { display: inline-block; margin-top: 24px; width: calc(50% - 8px); float: left; margin-right: 16px; }
section.section_cate_detail .list_group .list.box_list ul li:nth-child(2n) { margin-right: 0; }
section.section_cate_detail .list_group .list.box_list ul:after { content: "";display: table;clear: both; }
section.section_cate_detail .list_group .list.box_list ul li .prd_div {  }

section.section_cate_detail .list_group .list.box_list ul li > div {   }
section.section_cate_detail .list_group .list.box_list ul li .thumb { width: 100%; padding-top: 100%; position: relative; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #ffffff; }
section.section_cate_detail .list_group .list.box_list ul li .thumb img {width: 100%; }
section.section_cate_detail .list_group .list.box_list ul li .info { width: 100%;  }
section.section_cate_detail .list_group .list.box_list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
section.section_cate_detail .list_group .list.box_list ul li .info .marker > span { display: inline-block; }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .info_span .month {  }
section.section_cate_detail .list_group .list.box_list ul li .info .marker .info_span .day { }
section.section_cate_detail .list_group .list.box_list ul li .info .prd_name {font-size: 15px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
section.section_cate_detail .list_group .list.box_list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

section.section_cate_detail .list_group .list.box_list ul li .info .prd_price { display: inline-block;  }
section.section_cate_detail .list_group .list.box_list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
section.section_cate_detail .list_group .list.box_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cate_detail .list_group .list.box_list ul li .info .discount { display: inline-block; text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_cate_detail .list_group .list.box_list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

section.section_cate_detail .list_group .list.box_list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
section.section_cate_detail .list_group .list.box_list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; color: #ffffff; }
section.section_cate_detail .list_group .list.box_list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
section.section_cate_detail .list_group .list.box_list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
section.section_cate_detail .list_group .list.box_list .feature { margin-top: 8px; }

/* product detail base */
.section_prd_detail { margin-top: 91px; }
.section_prd_detail .prd_basic_info {  }
.section_prd_detail .prd_basic_info .prd_div { position: relative; }
.section_prd_detail .prd_basic_info .prd_div .thumb { width: 100%; padding-top: 100%; background-color: #e0e0e0; background-repeat: no-repeat; background-size: cover; background-position: center; }
.section_prd_detail .prd_basic_info .prd_div .thumb img { width: 100%; }

.section_prd_detail .prd_basic_info .prd_div .thumb .pct { text-align: center; font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal; color: #ffffff; padding: 4px 8px; border-radius: 8px; background-color: #ff595d; }
.section_prd_detail .prd_basic_info .prd_div .thumb .pct span { font-size: 18px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }
.section_prd_detail .prd_basic_info .prd_div .thumb .tds {  font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 6px; border-radius: 8px; background-color: #375691; }
/* one coupon */
.section_prd_detail .prd_basic_info .prd_div .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:54px; height:54px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }

.section_prd_detail .prd_basic_info .prd_div .info { padding: 16px 16px 0px; }
.section_prd_detail .prd_basic_info .prd_div .info .prd_name { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_prd_detail .prd_basic_info .prd_div .info .prd_info { margin-top: 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }

.section_prd_detail .prd_basic_info .prd_div .info .prd_price { display: inline-block;  }
.section_prd_detail .prd_basic_info .prd_div .info .prd_price .price { font-size: 26px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.46;letter-spacing: -1px;text-align: left;color: #000000; }
.section_prd_detail .prd_basic_info .prd_div .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_prd_detail .prd_basic_info .prd_div .info .discount { display: inline-block; text-decoration: line-through; margin-top: 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }


.section_prd_detail .prd_basic_info .prd_div .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
.section_prd_detail .prd_basic_info .prd_div .info .marker > span { display: inline-block; }
.section_prd_detail .prd_basic_info .prd_div .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
.section_prd_detail .prd_basic_info .prd_div .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
.section_prd_detail .prd_basic_info .prd_div .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
.section_prd_detail .prd_basic_info .prd_div .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
.section_prd_detail .prd_basic_info .prd_div .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
.section_prd_detail .prd_basic_info .prd_div .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
.section_prd_detail .prd_basic_info .prd_div .info .marker .info_span .month {  }
.section_prd_detail .prd_basic_info .prd_div .info .marker .info_span .day { }

.section_prd_detail .prd_basic_info .grp_list {padding: 0px 16px 0px; }
.section_prd_detail .prd_basic_info .grp_list select { background-color: transparent; width: 100%; border: 0; padding: 10px 4px 10px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left; color: #343434; }
.section_prd_detail .prd_basic_info .grp_list select option {  }


.section_prd_detail .prd_basic_info .feature { padding: 0 16px 16px; }
.section_prd_detail .prd_basic_info .feature span { border-radius: 4px; padding: 0 4px 1px; background-color: #e0e0e0; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #424242; }

.section_prd_detail .banner {  }

.section_prd_detail .info_div {  }
.section_prd_detail .info_div .prd_tab { border-bottom:1px solid  #bdbdbd; }
.section_prd_detail .info_div .prd_tab ul { padding: 0 36px; display: flex; justify-content: space-between; }
.section_prd_detail .info_div .prd_tab ul li { display: inline-block; }
.section_prd_detail .info_div .prd_tab ul li a { display: block; padding: 14px 4px; border-bottom: 2px solid #fff; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161;}
.section_prd_detail .info_div .prd_tab ul li a.active { border-bottom: 2px solid #29406c; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #29406c; }

.section_prd_detail .info_div .detail_info { padding: 24px 16px; }
.section_prd_detail .info_div .detail_info ul {  }
.section_prd_detail .info_div .detail_info ul li {  }
.section_prd_detail .info_div .detail_info ul li~li { margin-top: 10px; }
.section_prd_detail .info_div .detail_info ul li:after { content: ''; display: table; clear: both; }
.section_prd_detail .info_div .detail_info ul li .item { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;display: inline-block; float: left; width: 80px; }
.section_prd_detail .info_div .detail_info ul li .value { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;display: inline-block; float: left; width: calc(100% - 80px); }

.section_prd_detail .info_div .detail_info .detail_img { margin-top: 40px; }
.section_prd_detail .info_div .detail_info .detail_img .tit { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }
.section_prd_detail .info_div .detail_info .detail_img .img { margin-top: 8px; background-color: #e0e0e0; width: 100%; }
.section_prd_detail .info_div .detail_info .detail_img .text { margin-top: 8px; height: auto; font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;}

.section_prd_detail .info_div .mart_review { border-top: 1px solid #f5f5f5; }
.section_prd_detail .info_div .mart_review .title { padding: 26px 16px 16px; border-bottom: solid 1px #e0e0e0; }
.section_prd_detail .info_div .mart_review .title .star { }
.section_prd_detail .info_div .mart_review .title .star ul { display: inline-block; vertical-align: middle; }
.section_prd_detail .info_div .mart_review .title .star ul:after { content: ''; display: table; clear: both;}
.section_prd_detail .info_div .mart_review .star ul li {vertical-align: middle;  float:left; display: inline-block; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_prd_detail .info_div .mart_review .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_prd_detail .info_div .mart_review .star ul li~li { margin-left: 4px; }
.section_prd_detail .info_div .mart_review .star .point { vertical-align: middle; display: inline-block; margin-left: 8px; font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }

.section_prd_detail .info_div .review_regist { border-top: 8px solid #f5f5f5; }
.section_prd_detail .info_div .review_regist .title { padding: 26px 16px 16px; border-bottom: solid 1px #e0e0e0; }
.section_prd_detail .info_div .review_regist .title .star {text-align: center; }
.section_prd_detail .info_div .review_regist .title .star ul { display: inline-block; vertical-align: middle; }
.section_prd_detail .info_div .review_regist .title .star ul:after { content: ''; display: table; clear: both;}
.section_prd_detail .info_div .review_regist .star ul li {vertical-align: middle;  display: inline-block; width: 35px; height: 35px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_prd_detail .info_div .review_regist .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_prd_detail .info_div .review_regist .star ul li~li { margin-left: 8px; }
.section_prd_detail .info_div .review_regist .title .cont { padding-top: 15px; }
.section_prd_detail .info_div .review_regist .title .cont textarea { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;width: 100%; padding: 16px 12px; min-height: 150px; border-radius: 8px; border:0; background-color: #f5f5f5; resize: none; }
.section_prd_detail .info_div .review_regist .title .cont textarea::placeholder { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_prd_detail .info_div .review_regist .title .charLen { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #000000; }
.section_prd_detail .info_div .review_regist .reg_btn { margin-top: 10px; margin-bottom: 10px; width: 100%; text-align:center; }
.section_prd_detail .info_div .review_regist .reg_btn button { border-radius: 8px; background: 0; border: 0; padding: 12px 0; display: inline-block; width: 49%; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #fff; background-color: #222222; border: 1px solid #222222; }


.section_prd_detail .info_div .mart_review .review_list {}
.section_prd_detail .info_div .mart_review .review_list .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_prd_detail .info_div .mart_review .review_list .header .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_prd_detail .info_div .mart_review .review_list .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_prd_detail .info_div .mart_review .review_list .header select { background-color: transparent; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.section_prd_detail .info_div .mart_review .review_list .header select option {  }

.section_prd_detail .info_div .mart_review .review_list .list {  }
.section_prd_detail .info_div .mart_review .review_list .list ul {  }

.section_prd_detail .info_div .mart_review .review_list .list ul li { padding: 18px 16px 16px; border-bottom: solid 1px #e0e0e0; }
.section_prd_detail .info_div .mart_review .review_list .list ul li .star {  }

.section_prd_detail .info_div .mart_review .review_list .list > ul > li .star ul { display: inline-block; vertical-align: middle; }
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .star ul:after { content: ''; display: table; clear: both;}
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .star > ul > li { padding:0; border: 0; float:left; display: inline-block; width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .star > ul > li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .star > ul > li~li { margin-left: 2px; }
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .star .point { display: inline-block; margin-left: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

.section_prd_detail .info_div .mart_review .review_list .list > ul > li .ment { margin-top: 10px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .write_info { margin-top: 10px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .write_info .writer { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }
.section_prd_detail .info_div .mart_review .review_list .list > ul > li .write_info .write_day { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

.section_prd_detail .info_div .mart_review .review_list .more_btn { margin-top: 18px; width: 100%; text-align:center; }
.section_prd_detail .info_div .mart_review .review_list .more_btn button { margin:0 auto; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }


.section_prd_detail .info_div .buy_info { border-top: 1px solid #f5f5f5;  }
.section_prd_detail .info_div .buy_info ul { padding-top: 8px; padding-bottom: 60px;}
.section_prd_detail .info_div .buy_info ul li { border-bottom: solid 1px #e0e0e0; padding: 12px 16px; }
.section_prd_detail .info_div .buy_info ul li:last-child { border: 0; }
.section_prd_detail .info_div .buy_info ul li .tit { font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_prd_detail .info_div .buy_info ul li .content { margin-top: 2px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }

.bottom_sd_btn { width: 100%; position: fixed; bottom: 0px; left: 0; z-index: 1000; background: var(--global-background-img) repeat center; }
.bottom_sd_btn > button { width: 100%; padding: 14px 0; background-color: #ff595d; border-top-left-radius: 12px; border-top-right-radius: 12px; font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }
.bottom_sd_btn > button:disabled { background-color: #dedede; }
.bottom_sd_btn .buy_detail { padding: 0 16px;border-top-right-radius: 30px;border-top-left-radius: 30px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.40); display: none; background-color: transparent; }
.bottom_sd_btn .buy_detail .header { width: 100%;height: 34px;text-align: center; }
.bottom_sd_btn .buy_detail .header .close { display: inline-block;width: 40px;height: 4px;border-radius: 2px;border: 0;background-color: #e0e0e0;}
.bottom_sd_btn .buy_detail .prd_tit { font-size: 16px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.bottom_sd_btn .buy_detail .amount_price { margin-top: 14px; display: flex; justify-content: space-between; }
.bottom_sd_btn .buy_detail .amount_price .minus { vertical-align: middle;border: 0; display: inline-block; width: 28px; height: 28px; background: url(../images/bt_minus@3x.png) no-repeat center; background-size: 44px 44px; }
.bottom_sd_btn .buy_detail .amount_price .prd_amount { vertical-align: middle; display: inline-block; padding-top: 2px; width: 28px; height: 28px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }
.bottom_sd_btn .buy_detail .amount_price .plus { vertical-align: middle;border: 0; display: inline-block; width: 28px; height: 28px; background: url(../images/bt_plus@3x.png) no-repeat center ; background-size: 42px 42px; }
.bottom_sd_btn .buy_detail .amount_price .price { font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: normal;  text-align: left;  color: #000000; }
.bottom_sd_btn .buy_detail .amount_price .unit { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.bottom_sd_btn .buy_detail .btn_group { margin: 20px 0 0px; padding-bottom: 14px; display: flex; justify-content: space-between;  }
.bottom_sd_btn .buy_detail .btn_group button { border-radius: 8px; background: 0; border: 0; padding: 12px 0 ; display: inline-block; width: 49%; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center; }
.bottom_sd_btn .buy_detail .btn_group button:first-child { color: #ff595d; border: 1px solid #ff595d; }
.bottom_sd_btn .buy_detail .btn_group button:last-child { color: #fff; background-color: #ff595d; }

.bottom_sd_btn .buy_detail .btn { margin: 20px 0 0px; padding-bottom: 14px; display: flex; justify-content: space-between;  }
.bottom_sd_btn .buy_detail .btn button { border-radius: 8px; background: 0; border: 0; padding: 12px 0 ; display: inline-block; width: 98%; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center; color: #fff; background-color: #ff595d ; border: 1px solid #222222; }

.bottom_sd_btn_cart { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1000; }
.bottom_sd_btn_cart > button { width: 100%; padding: 14px 0; background-color: #ff595d; border-top-left-radius: 12px; border-top-right-radius: 12px; font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }
.bottom_sd_btn_cart > button:disabled { background-color: #dedede; }
.bottom_sd_btn_cart.two { display: flex; justify-contents:space-between; }
.bottom_sd_btn_cart.two > button { width: 50%; padding: 14px 0; background-color: #ff595d; border-top-left-radius: 12px; border-top-right-radius: 0; font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }
.bottom_sd_btn_cart.two > button:last-child { border-top-left-radius: 0;border-top-right-radius: 12px; background-color: #ff7b7e; }

/* BASE MART_MART CONTENTS */
section.section_mart {margin-top: 91px; }
section.section_mart .top_img { width: 100%; padding-top: 100%; background-color: #e0e0e0; background-repeat: no-repeat; background-position: center; background-size: cover; }
section.section_mart .mart_info {  }
section.section_mart .mart_info .title { padding: 14px 16px 12px; position: relative; border-bottom: solid 1px #e0e0e0; }
section.section_mart .mart_info .title h1 { font-size: 22px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_mart .mart_info .title p { margin-top: 6px; padding-bottom: 11px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
section.section_mart .mart_info .title input[type=checkbox] { display: none; }
section.section_mart .mart_info .title label { position: absolute; right: 16px; bottom: 12px; font-size: 0; display: inline-block; width: 101px; height: 38px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/bt_mart_base_o@2x.png); }
section.section_mart .mart_info .title input[type=checkbox]:checked + label { background-image: url(../images/bt_mart_base_o@3x.png); }

section.section_mart .mart_info .basic_info { padding: 16px; border-bottom: solid 1px #e0e0e0; }
section.section_mart .mart_info .basic_info div {  }
section.section_mart .mart_info .basic_info ul li:after { content: ''; display: table; clear: both;}
section.section_mart .mart_info .basic_info ul li { display: block;  }
section.section_mart .mart_info .basic_info ul li > div { display: inline-block; float: left; }
section.section_mart .mart_info .basic_info ul li~li { margin-top:12px; }
section.section_mart .mart_info .basic_info ul li .item { width: 80px; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_mart .mart_info .basic_info ul li .value { width: calc(100% - 80px); font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

section.section_mart .mart_info .desc { padding: 16px 16px 20px; }
section.section_mart .mart_info .desc .tit { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_mart .mart_info .desc .content { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }

section.section_mart .mart_review { border-top: 1px solid #f5f5f5;  }
section.section_mart .mart_review .title { padding: 16px; border-bottom: solid 1px #e0e0e0; }
section.section_mart .mart_review .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_mart .mart_review .title .star { margin-top: 12px; }
section.section_mart .mart_review .title .star ul { display: inline-block; }
section.section_mart .mart_review .title .star ul:after { content: ''; display: table; clear: both;}
section.section_mart .mart_review .title .star ul li { float:left; display: inline-block; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
section.section_mart .mart_review .title .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
section.section_mart .mart_review .title .star ul li~li { margin-left: 4px; }
section.section_mart .mart_review .title .star .point { display: inline-block; margin-left: 8px; font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }

section.section_mart .mart_review .review_list { padding-bottom: 50px; }
section.section_mart .mart_review .review_list .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
section.section_mart .mart_review .review_list .header .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_mart .mart_review .review_list .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
section.section_mart .mart_review .review_list .header select { background-color: #fff; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
section.section_mart .mart_review .review_list .header select option {  }
section.section_mart .mart_review .review_list .list {  }
section.section_mart .mart_review .review_list .list > ul {  }
section.section_mart .mart_review .review_list .list > ul > li { padding: 18px 16px 16px; border-bottom: solid 1px #e0e0e0; }
section.section_mart .mart_review .review_list .list > ul > li .star {  }

section.section_mart .mart_review .review_list .list > ul > li .star ul { display: inline-block; }
section.section_mart .mart_review .review_list .list > ul > li .star ul:after { content: ''; display: table; clear: both;}
section.section_mart .mart_review .review_list .list > ul > li .star ul li { float:left; display: inline-block; width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
section.section_mart .mart_review .review_list .list > ul > li .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
section.section_mart .mart_review .review_list .list > ul > li .star ul li~li { margin-left: 2px; }
section.section_mart .mart_review .review_list .list > ul > li .star .point { display: inline-block; margin-left: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

section.section_mart .mart_review .review_list .list > ul > li .ment { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_mart .mart_review .review_list .list > ul > li .write_info { font-size: 12px; margin-top:10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #757575; }
section.section_mart .mart_review .review_list .list > ul > li .write_info .writer { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }
section.section_mart .mart_review .review_list .list > ul > li .write_info .write_day { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

section.section_mart .mart_review .review_list .more_btn { margin-top: 18px; width: 100%; text-align:center; }
section.section_mart .mart_review .review_list .more_btn button { margin:0 auto; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }

/* CART */
section.section_cart { margin-top: 139px; }

section.section_cart .header { padding: 15px 16px; display: flex; justify-content: space-between;  }
section.section_cart .header .lt { display: flex; justify-content: center; align-items: center; }
section.section_cart .header .rt { display: flex; justify-content: center; align-items: center; }
section.section_cart .header input[type=checkbox] { display: none; }
section.section_cart .header label { padding-left: 24px; background-image: url(../images/bt_checkbox_x@3x.png); background-repeat: no-repeat; background-position: -15px center; background-size: 48px 48px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .header input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
section.section_cart .header .uncheckAll { width: 90px; padding: 5px 0px; font-size: 14px;font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #FFFFFF; background-color: #ff595d; border: solid 1px #bdbdbd; color: #FFFFFF; background-color: #ff595d; border: solid 1px #bdbdbd; }

section.section_cart .prd_list { border-top: 1px solid #e0e0e0; }
section.section_cart .prd_list ul {}
section.section_cart .prd_list ul li { position: relative; padding: 20px 0px; border-bottom: solid 1px #e0e0e0; }
section.section_cart .prd_list ul li .thumb { vertical-align: middle; display: inline-block; margin-left: 44px; width: 80px; height: 80px;border-radius: 10px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10); background-color: #ffffff; }
section.section_cart .prd_list ul li .thumb img { width: 100%; }
section.section_cart .prd_list ul li .info { vertical-align: middle;  display: inline-block; margin-left: 12px; width: calc(100% - 150px); }
section.section_cart .prd_list ul li .info .prd_name {font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
section.section_cart .prd_list ul li .info .prd_price { margin-top: 4px;  }
section.section_cart .prd_list ul li .info .prd_price .price { font-size: 14px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .prd_list ul li .info .prd_price .unit { font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .prd_list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_cart .prd_list ul li .info .del {position: absolute; right: 24px; top: 15px; }
section.section_cart .prd_list ul li .info .del span { color: #ff595d; font-size: 15px; }
section.section_cart .prd_list ul li .info .del .delBtn { margin-left: 5px; width: 22px; height: 22px; float: right; background: url(../images/bt_del@2x.png) no-repeat center; background-size: contain; border: solid 1px #e0e0e0; }
section.section_cart .prd_list ul li .cart_cb { position: absolute; left:0; top: 0; }
section.section_cart .prd_list ul li .cart_cb input[type=checkbox] { display: none; }
section.section_cart .prd_list ul li .cart_cb label { display: inline-block; width: 48px; height: 48px; background-image: url(../images/bt_checkbox_x@3x.png); background-repeat: no-repeat; background-position: center center; background-size: 48px 48px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .prd_list ul li .cart_cb input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }

section.section_cart .prd_list ul li .amountCtr { position: absolute; right: 24px; bottom: 20px; }
section.section_cart .prd_list ul li .amountCtr .minus { vertical-align: middle;border: 0; display: inline-block; width: 28px; height: 28px; background: url(../images/bt_minus@3x.png) no-repeat center; background-size: 44px 44px; }
section.section_cart .prd_list ul li .amountCtr .prd_amount { vertical-align: middle; display: inline-block; padding-top: 2px; width: 28px; height: 28px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }
section.section_cart .prd_list ul li .amountCtr .plus { vertical-align: middle;border: 0; display: inline-block; width: 28px; height: 28px; background: url(../images/bt_plus@3x.png) no-repeat center ; background-size: 42px 42px; }

section.section_cart .prd_list .all_prd_price { padding: 16px 16px 16px; display: flex; justify-content: space-between; }
section.section_cart .prd_list .all_prd_price .item { font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }
section.section_cart .prd_list .all_prd_price .price { font-size: 18px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .prd_list .all_prd_price .unit {margin-left: -4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

section.section_cart .pay_price { padding: 5px 16px 80px; }
section.section_cart .pay_price ul {  border-bottom: solid 1px #e0e0e0; padding-bottom: 20px; }
section.section_cart .pay_price ul li { display: flex; justify-content: space-between; }
section.section_cart .pay_price ul li~li { margin-top: 10px; }
section.section_cart .pay_price ul li .item { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .pay_price ul li .value { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
section.section_cart .pay_price .total_pay_price { margin-top: 14px; display: flex;justify-content: space-between; border-bottom: solid 1px #e0e0e0; padding-bottom: 14px; }
section.section_cart .pay_price .total_pay_price .item { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .pay_price .total_pay_price .price { font-size: 18px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .pay_price .total_pay_price .unit {margin-left: -4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

section.section_cart .list_group { border-top: 2px solid #e0e0e0; padding-bottom: 40px; }
section.section_cart .list_group .title { padding: 20px 16px 0; }
section.section_cart .list_group .title h1 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .list_group .title p { margin-top: 2px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

section.section_cart .list_group .list { padding: 0 16px; }

section.section_cart .list_group .list ul li { display: inline-block; margin-top: 24px; width: calc(50% - 8px); float: left; margin-right: 16px; }
section.section_cart .list_group .list ul li:nth-child(2n) { margin-right: 0; }
section.section_cart .list_group .list ul:after { content: "";display: table;clear: both; }
section.section_cart .list_group .list ul li .prd_div {  }

section.section_cart .list_group .list ul li > div {   }
section.section_cart .list_group .list ul li .thumb { width: 100%; padding-top: 100%; position: relative; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #e0e0e0; }
section.section_cart .list_group .list ul li .info { width: 100%;  }
section.section_cart .list_group .list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
section.section_cart .list_group .list ul li .info .marker > span { display: inline-block; }
section.section_cart .list_group .list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
section.section_cart .list_group .list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
section.section_cart .list_group .list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
section.section_cart .list_group .list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
section.section_cart .list_group .list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
section.section_cart .list_group .list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
section.section_cart .list_group .list ul li .info .marker .info_span .month {  }
section.section_cart .list_group .list ul li .info .marker .info_span .day { }
section.section_cart .list_group .list ul li .info .prd_name {font-size: 15px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
section.section_cart .list_group .list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

section.section_cart .list_group .list ul li .info .prd_price { display: inline-block;  }
section.section_cart .list_group .list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
section.section_cart .list_group .list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_cart .list_group .list ul li .info .discount { display: inline-block; text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_cart .list_group .list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

section.section_cart .list_group .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
section.section_cart .list_group .list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; color: #ffffff; }
section.section_cart .list_group .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
section.section_cart .list_group .list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
section.section_cart .list_group .list .feature { margin-top: 8px; }
section.section_cart .list_group .list .feature > span { display: inline-block; padding:0 4px 1px; border-radius: 4px; background-color: #e0e0e0;font-size: 10px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #424242;}
section.section_cart .list_group .list ul li .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

/* section_coupon_search */

.coupon_search { margin-top: 139px; }
.coupon_search .inner > .header { display: flex; justify-content: space-between; padding: 18px 16px; }
.coupon_search .inner > .header .title { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.coupon_search .inner > .header .title .amount_coupon { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff7276; }
.coupon_search .inner > .header .reg_coupon {  text-decoration: underline; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.coupon_search .body { border-top: solid 1px #e0e0e0; }
.coupon_search .body .list {  }
.coupon_search .body .list ul {  }
.coupon_search .body .list ul li { padding: 14px 16px 20px; border-bottom: solid 1px #e0e0e0; }
.coupon_search .body .list ul li .header { display: flex; justify-content: space-between; }
.coupon_search .body .list ul li .header input[type=checkbox] { display: none; }
.coupon_search .body .list ul li .header label { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-size: 48px 48px; background-position: center; background-image: url(../images/bt_checkbox_x@3x.png); }
.coupon_search .body .list ul li .header input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.coupon_search .body .list ul li .header .d_day { vertical-align: middle; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #bdbdbd; }
.coupon_search .body .list ul li .content { margin-top: 4px; }
.coupon_search .body .list ul li .content .coupon_price { font-size: 24px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.coupon_search .body .list ul li .content .coupon_name { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.coupon_search .body .list ul li .content .htu { margin-top: 8px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #bdbdbd; }

.set_btn { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ffffff; }

/* buy_finish */
.buy_finish { padding: 0 16px; }
.buy_finish .noti_header { padding-top: 28%; padding-bottom: 60px; }
.buy_finish .noti_header .img { text-align: center; }
.buy_finish .noti_header .img img { width: 52px; height: 52px; }
.buy_finish .noti_header .wd { margin-top: 8px; }
.buy_finish .noti_header .wd h1 { font-size: 22px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #000000; }
.buy_finish .noti_header .wd p { margin-top: 15px; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #757575; font-weight: 500; }
.buy_finish .noti_detail { border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; }
.buy_finish .noti_detail ul {padding: 20px 0;}
.buy_finish .noti_detail ul li { padding: 0 4px; display: flex; justify-content: space-between; }
.buy_finish .noti_detail ul li~li { margin-top: 10px; }
.buy_finish .noti_detail ul li .item { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
.buy_finish .noti_detail ul li .value { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }

/* section_payment */
.section_payment { margin-top: 92px; }
.section_payment .prd_list {  }
.section_payment .prd_list .title { padding: 16px 16px 0; }
.section_payment .prd_list .title h1 { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left; color: #696969; }

.section_payment .prd_list ul {  }
.section_payment .prd_list ul li { border-bottom: solid 1px #e0e0e0; padding: 16px; position: relative;}
.section_payment .prd_list ul li:after { content: ''; display: table; clear: both; }
.section_payment .prd_list ul li .thumb {width: 80px;height: 80px;border-radius: 10px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10);background-color: #ffffff; }
.section_payment .prd_list ul li .thumb img {width: 100%; }
.section_payment .prd_list ul li > div { display: inline-block; float: left; }
.section_payment .prd_list ul li .info {  margin-left: 12px; width: calc(100% - 100px); }
.section_payment .prd_list ul li .info .prd_name { font-size: 12px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.20;letter-spacing: normal;text-align: left;color: #000000; word-break:break-all; }
.section_payment .prd_list ul li .info .prd_price { margin-top: 4px; }
.section_payment .prd_list ul li .info .prd_price .price { font-size: 14px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .prd_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .prd_list ul li .info .discount { margin-top: 4px; text-decoration: line-through; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e;  }

.section_payment .prd_list ul li .amountCtr { position: absolute; right: 24px; bottom: 16px; }
.section_payment .prd_list ul li .amountCtr .minus { vertical-align: middle;border: 0; display: inline-block; width: 28px; height: 28px; background: url(../images/bt_minus@3x.png) no-repeat center; background-size: 44px 44px; }
.section_payment .prd_list ul li .amountCtr .prd_amount { vertical-align: middle; display: inline-block; padding-top: 2px; width: 28px; height: 28px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }
.section_payment .prd_list ul li .amountCtr .plus { vertical-align: middle;border: 0; display: inline-block; width: 28px; height: 28px; background: url(../images/bt_plus@3x.png) no-repeat center ; background-size: 42px 42px; }

.section_payment .prd_list .all_prd_price { padding: 14px 16px 20px; display: flex; justify-content: space-between; }
.section_payment .prd_list .all_prd_price .item { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .prd_list .all_prd_price .price { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .prd_list .all_prd_price .unit { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }

.section_payment .howtoget { padding: 0px 16px 2px; }
.section_payment .howtoget .tit { font-size: 16px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #696969; }
.section_payment .howtoget .sub_tit { font-size: 13px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #bdbdbd; }

.section_payment .user_info { border-top: 8px solid #f5f5f5; }
.section_payment .user_info .content { margin-top: 10px; }
.section_payment .user_info .content ul { display: flex;justify-content: space-between; }
.section_payment .user_info .content ul li { display: inline-block;border-radius: 8px;width: 49%;color: #9e9e9e;border: solid 1px #9e9e9e; padding: 12px; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center; }
.section_payment .user_info .content ul li.full { width: 100%; }
.section_payment .user_info .content ul li.active {border: solid 1px #29406c; color: #29406c; }
.section_payment .user_info .content .line select { background-color: transparent; width: 100%; border: 0; padding: 5px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #bdbdbd; }

.section_payment .user_info > .content {  }
.section_payment .user_info > .content > .title { border-bottom: solid 0px #e0e0e0; padding: 16px; display: flex; justify-content: space-between; }
.section_payment .user_info > .content > .title .tit { display: inline-block; font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .user_info > .content > .title .addr_manage { text-decoration: underline; display: inline-block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e;}
.section_payment .user_info > .content .line { padding: 10px 16px 6px; }
.section_payment .user_info > .content .line .title { display: flex; justify-content: space-between;  }
.section_payment .user_info > .content .line .title h1 { font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }
.section_payment .user_info > .content .line .content {  }
.section_payment .user_info > .content > .line > .content .just {display: flex; justify-content: space-between;}
.section_payment .user_info > .content > .line > .content .just input:first-child { display: inline-block; }
.section_payment .user_info > .content > .line > .content .just button { display: inline-block; }
.section_payment .user_info > .content .line .content input { width: 100%; border: 0; padding: 5px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; background-color: transparent; }
.section_payment .user_info > .content .line .content input::placeholder { font-size: 14px; padding: 16px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_payment .user_info > .content .line .content button { width: 100px; margin-left: 8px; border-radius: 8px; padding: 7px 11px; border: solid 1px #ff595d; background-color: transparent; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d;}
.section_payment .user_info > .content .line .content input:nth-child(3) { display: block; }
.section_payment .user_info > .content .line .content select { background-color: transparent; width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #bdbdbd; }
.section_payment .user_info > .content .line .content select option {  }

.section_payment .user_info > .content .line .content .info { font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_payment .user_info > .content .line .content .cert_send { left: 2px; bottom: -20px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #73cb85; }

.section_payment .inner_section { border-top: 2px solid #e0e0e0; padding: 10px 0px 16px;}
.section_payment .inner_section > .title { padding: 0 16px; }
.section_payment .inner_section > .title h1 { font-size: 18px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .inner_section .content { margin-top: 8px; }

.section_payment .soldout { border-top: 2px solid #f5f5f5; }
.section_payment .soldout > .content > .title { border-bottom: solid 0px #e0e0e0; padding: 16px; display: flex; justify-content: space-between; }
.section_payment .soldout > .content > .title .tit { display: inline-block; font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .soldout .content .line { margin-bottom: 10px; }
.section_payment .soldout .content .line input[type=radio] { display: none; }
.section_payment .soldout .content .line label { padding-left: 42px; background-repeat: no-repeat;background-size: 48px; background-position: left center; background-image: url(../images/bt_checkbox_x@3x.png); font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .soldout .content .line input[type=radio]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }

.section_payment .coupon {  }
.section_payment .coupon .content { margin-top: 16px; }
.section_payment .coupon .content .line~.line { margin-top: 24px; }
.section_payment .coupon .content .line > .title { padding: 0 16px; }
.section_payment .coupon .content .line > .title h1 { display: inline-block; font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000;}
.section_payment .coupon .content .line > .title .hasvalue { margin-left: 0px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #375691; }
.section_payment .coupon .content .line .content { padding: 0 16px; margin-top: 0; }
.section_payment .coupon .content .line .content input[type=text],
.section_payment .coupon .content .line .content input[type=number] { width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; background-color: transparent; }
.section_payment .coupon .content .line .content input::placeholder { font-size: 14px; padding: 16px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_payment .coupon .content .line .content button { width: 100px; margin-left: 8px; border-radius: 8px; padding: 7px 11px; border: solid 1px #ff595d; background-color: #ffffff; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d;}
.section_payment .coupon .content .line .content { display: flex; justify-content: space-between; }
.section_payment .coupon .content .line .content select { background-color: transparent; width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_payment .coupon .content .line .content select option {  }

.section_payment .coin {  }
.section_payment .coin .content { margin-top: 16px; }
.section_payment .coin .content .line~.line { margin-top: 24px; }
.section_payment .coin .content .line > .title { padding: 0 16px; }
.section_payment .coin .content .line > .title h1 { display: inline-block; font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000;}
.section_payment .coin .content .line > .title .hasvalue { margin-left: 0px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #375691; }
.section_payment .coin .content .line .just { padding: 0 16px; margin-top: 0; display: flex; justify-content: space-between; }
.section_payment .coin .content .line .just input[type=text],
.section_payment .coin .content .line .just input[type=number] { width: 100%; border: 0; padding: 5px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; background-color: transparent; text-align: right; }
.section_payment .coin .content .line .just input::placeholder { font-size: 14px; padding: 16px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_payment .coin .content .line .just button { width: 100px; margin-left: 8px; border-radius: 8px; padding: 7px 11px; border: solid 1px #ff595d; background-color: transparent; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d;}

.section_payment .inner_section.pay_price { padding: 20px 16px; }
.section_payment .inner_section.pay_price .content ul {  }
.section_payment .inner_section.pay_price .content ul li { display: flex; justify-content: space-between; }
.section_payment .inner_section.pay_price .content ul li.all_prd_price {  }
.section_payment .inner_section.pay_price .content ul li.all_prd_price .item { font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .inner_section.pay_price .content ul li.all_prd_price .price { font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #000000; }
.section_payment .inner_section.pay_price .content ul li.all_prd_price .unit { margin-left: -4px;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #000000; }
.section_payment .inner_section.pay_price .content ul li.cost_price {margin-top: 8px; }
.section_payment .inner_section.pay_price .content ul li.cost_price .item { font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #616161; }
.section_payment .inner_section.pay_price .content ul li.cost_price .price { font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #616161; }
.section_payment .inner_section.pay_price .content ul li.cost_price .unit { margin-left: -4px;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #616161; }
.section_payment .inner_section.pay_price .content ul li.sale_price {margin-top: 8px; }
.section_payment .inner_section.pay_price .content ul li.sale_price .item { font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .inner_section.pay_price .content ul li.sale_price .price { font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #ff595d; }
.section_payment .inner_section.pay_price .content ul li.sale_price .unit { margin-left: -4px;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #ff595d; }
.section_payment .inner_section.pay_price .content ul li.sale_price .price_p { font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #616161; }
.section_payment .inner_section.pay_price .content ul li.sale_price .unit_p { margin-left: -4px;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #616161; }

.section_payment .inner_section.pay_price .content ul li.coupon_price { margin-top: 3px;  }
.section_payment .inner_section.pay_price .content ul li.coupon_price .item { margin-left : 5px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_payment .inner_section.pay_price .content ul li.coupon_price .price { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_payment .inner_section.pay_price .content ul li.coupon_price .unit { margin-left: -4px;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_payment .inner_section.pay_price .content ul li.all_pay_price { margin-top: 20px; padding-top: 14px; border-top: solid 1px #e0e0e0; }
.section_payment .inner_section.pay_price .content ul li.all_pay_price .item { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .inner_section.pay_price .content ul li.all_pay_price .price { font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .inner_section.pay_price .content ul li.all_pay_price .unit { margin-left: -4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

.section_payment .paymethod .content {  }
.section_payment .paymethod .content .line {  }
.section_payment .paymethod .content .line .title { padding: 16px; }
.section_payment .paymethod .content .line .title input[type=radio] { display: none; }
.section_payment .paymethod .content .line .title label { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.section_payment .paymethod .content .line .title input[type=radio]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.section_payment .paymethod .content .line .title input[type=checkbox] { display: none; }
.section_payment .paymethod .content .line .title label { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.section_payment .paymethod .content .line .title input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.section_payment .paymethod .content .line .title label span { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_payment .paymethod .content .line .title input { width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal; text-align: left; background-color: transparent; }
.section_payment .paymethod .content .line .title input::placeholder { font-size: 14px; padding: 16px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_payment .paymethod .content .line .title select { background-color: transparent; width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }

.section_payment .paymethod .content .line .list { padding: 0 16px; }
.section_payment .paymethod .content .line .list ul {  }
.section_payment .paymethod .content .line .list ul:after { content: ''; display: table; clear:both; }
.section_payment .paymethod .content .line .list ul li { display: inline-block; float: left; width: 32%; margin-right: 1.5%; margin-bottom: 1.5%; }
.section_payment .paymethod .content .line .list ul li:nth-child(3),
.section_payment .paymethod .content .line .list ul li:nth-child(6) { margin-right: 0; }
.section_payment .paymethod .content .line .list ul li input[type=radio] { display: none; }
.section_payment .paymethod .content .line .list ul li label { padding: 12px 0; display: block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #616161; border-radius: 4px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10); border: solid 1px #bdbdbd; }
.section_payment .paymethod .content .line .list ul li input[type=radio]:checked + label { color: #375691; border: solid 1px #375691; font-weight: 500; }

.section_payment .mart_point .content { margin-top: 0; }
.section_payment .mart_point .content .line { padding: 0 16px; }

.section_payment .mart_point .content .line input[type=number] { width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .mart_point .content .line input::placeholder { font-size: 14px; padding: 16px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }

.section_payment .paid_agree .content { padding: 0 16px; padding-bottom: 40px; }
.section_payment .paid_agree .content .line {margin-bottom: 10px; }
.section_payment .paid_agree .content .line input[type=checkbox] { display: none; }
.section_payment .paid_agree .content .line label { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.section_payment .paid_agree .content .line input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.section_payment .paid_agree .content .line label span { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }


/* place_add */
.place_manage { margin-top: 103px;  }
.place_manage .input_group {  }
.place_manage .input_group .line { padding: 26px 16px 0;  }
.place_manage .input_group .line .title { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.place_manage .input_group .line .content {  }
.place_manage .input_group .line .content input {  }
.place_manage .input_group .line .content .search_addr {  }

.place_manage .input_group .line .content .just {display: flex; justify-content: space-between;}
.place_manage .input_group .line .content .just input:first-child { display: inline-block; }
.place_manage .input_group .line .content .just button { display: inline-block; }
.place_manage .input_group .line .content input { width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.place_manage .input_group .line .content input::placeholder { font-size: 14px; padding: 16px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.place_manage .input_group .line .content button { width: 100px; margin-left: 8px; border-radius: 8px; padding: 7px 11px; border: solid 1px #ff595d; background-color: #ffffff; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d;}
.place_manage .input_group .line .content input:nth-child(3) { display: block; }


.place_manage .header { padding: 20px 16px 0; text-align: right; }
.place_manage .header .add_place { text-align: right; text-decoration: underline; display: inline-block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #9e9e9e;}
.place_manage .body {  }
.place_manage .body .list { padding: 0 16px; }
.place_manage .body .list ul {  }
.place_manage .body .list ul li { padding: 12px 0px 16px; border-bottom: solid 1px #e0e0e0; }
.place_manage .body .list ul li .title {  }

.place_manage .body .list ul li .title input[type=radio] { display: none; }
.place_manage .body .list ul li .title label { vertical-align: middle; display: inline-block; font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.place_manage .body .list ul li .title input[type=radio]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }

.place_manage .body .list ul li .title .label { margin-left: 4px; vertical-align: middle; display: inline-block; border-radius: 5px; padding: 0 4px; border: solid 1px #375691; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #375691;}
.place_manage .body .list ul li .addr { margin-top: 10px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.place_manage .body .list ul li .user_info { margin-top: 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.place_manage .body .list ul li .user_info .name {  }
.place_manage .body .list ul li .user_info .phone {  }

.place_manage_dtl { margin-top: 52px;  }
.place_manage_dtl .input_group {  }
.place_manage_dtl .input_group .line { padding: 26px 16px 0;  }
.place_manage_dtl .input_group .line .title { font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.place_manage_dtl .input_group .line .content {  }
.place_manage_dtl .input_group .line .content input {  }
.place_manage_dtl .input_group .line .content .search_addr {  }

.place_manage_dtl .input_group .line .content .just {display: flex; justify-content: space-between;}
.place_manage_dtl .input_group .line .content .just input:first-child { display: inline-block; }
.place_manage_dtl .input_group .line .content .just button { display: inline-block; }
.place_manage_dtl .input_group .line .content input { width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.place_manage_dtl .input_group .line .content input::placeholder { font-size: 14px; padding: 16px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.place_manage_dtl .input_group .line .content button { width: 100px; margin-left: 8px; border-radius: 8px; padding: 7px 11px; border: solid 1px #ff595d; background-color: #ffffff; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d;}
.place_manage_dtl .input_group .line .content input:nth-child(3) { display: block; }

.place_manage_dtl .input_group .line input[type=checkbox] { display: none; }
.place_manage_dtl .input_group .line label { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.place_manage_dtl .input_group .line input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }

.place_manage_dtl .header { padding: 20px 16px 0; text-align: right; }
.place_manage_dtl .header .add_place { text-align: right; text-decoration: underline; display: inline-block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #9e9e9e;}
.place_manage_dtl .body {  }
.place_manage_dtl .body .list { padding: 0 16px; }
.place_manage_dtl .body .list ul {  }
.place_manage_dtl .body .list ul li { padding: 12px 0px 16px; border-bottom: solid 1px #e0e0e0; }
.place_manage_dtl .body .list ul li .title {  }

.place_manage_dtl .body .list ul li .title input[type=radio] { display: none; }
.place_manage_dtl .body .list ul li .title label { vertical-align: middle; display: inline-block; font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.place_manage_dtl .body .list ul li .title input[type=radio]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }

.place_manage_dtl .body .list ul li .title .label { margin-left: 4px; vertical-align: middle; display: inline-block; border-radius: 5px; padding: 0 4px; border: solid 1px #375691; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #375691;}
.place_manage_dtl .body .list ul li .addr { margin-top: 10px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.place_manage_dtl .body .list ul li .user_info { margin-top: 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.place_manage_dtl .body .list ul li .user_info .name {  }
.place_manage_dtl .body .list ul li .user_info .phone {  }

/* 09_order */
.section_order { margin-top: 101px;  }
.section_order .order_nav { padding: 8px 16px 12px; border-bottom: solid 1px #e0e0e0;}
.section_order .order_nav ul { display: flex; justify-content: space-between; }
.section_order .order_nav ul li { display: inline-block; }
.section_order .order_nav ul li.nav { padding: 13px 0 11px; text-align: center; width: 22%; }
.section_order .order_nav ul li.nav .value { font-size: 22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #757575; }
.section_order .order_nav ul li.nav .wd { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }
.section_order .order_nav ul li.divider { width: 4%; position: relative; }
.section_order .order_nav ul li.divider img { height: 100%; position: relative; bottom: 1px; }

.section_order .list_group {  }

.section_order .list_group .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_order .list_group .header .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .list_group .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_order .list_group .header select { background-color: #fff; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.section_order .list_group .header select option {  }

.section_order .list_group .list {  }
.section_order .list_group .list > ul {  }
.section_order .list_group .list > ul > li { padding: 20px 16px 18px; border-bottom: solid 1px #e0e0e0; vertical-align: middle; }
.section_order .list_group .list > ul > li .date { margin-top: 4px; margin-right : 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_order .list_group .list > ul > li .prd_name { font-size: 15px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .list_group .list > ul > li .prd_sum {  }
.section_order .list_group .list > ul > li .prd_sum .item { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }
.section_order .list_group .list > ul > li .prd_sum .price { margin-left: 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }
.section_order .list_group .list > ul > li .ord_no .status { font-size: 11px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #73cb85; }

.section_order .list_group .list > ul > li .btn_set { margin-top: 12px; }
.section_order .list_group .list > ul > li .btn_set ul { display: flex; justify-content: space-between; }
.section_order .list_group .list > ul > li .btn_set ul li { display: inline-block; width: 32%; }
.section_order .list_group .list > ul > li .btn_set ul li a { border-radius: 6px; border: solid 1px #bdbdbd; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10);padding: 8px 0;  display: block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #bdbdbd; }
.section_order .list_group .list > ul > li .btn_set ul li.done a { font-size: 14px; border: solid 1px #ff595d; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d; }
.section_order .list_group .list > ul > li .btn_set ul li.detail a { color: #757575;  border: solid 1px #757575; }

.section_order .list_group .as_btn { margin-top: 26px; width: 100%; }
.section_order .list_group .as_btn a { text-decoration: underline;display: block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #9e9e9e; }


.section_order .mt_review_write { margin-top: 100px; }
.section_order .mt_review_write .header {  }
.section_order .mt_review_write .header .title { text-align: center; }
.section_order .mt_review_write .header .title h1 {font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #616161; }
.section_order .mt_review_write .header .title h1 b { font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: center;color: #000000; }

.section_order .mt_review_write .star { margin-top: 8px;  text-align: center; }
.section_order .mt_review_write .star ul { display: inline-block; margin:0 auto; }
.section_order .mt_review_write .star ul:after { content: ''; display: table; clear: both;}
.section_order .mt_review_write .star ul li { float:left; display: inline-block; width:40px; height: 40px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_order .mt_review_write .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_order .mt_review_write .star ul li~li { margin-left: 12px; }
.section_order .mt_review_write .star .wd { margin-top: 8px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #bdbdbd;}

.section_order .textarea { margin-top: 32px; padding: 0 16px; position: relative; }
.section_order .textarea textarea { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;width: 100%; padding: 16px 12px; min-height: 240px; border-radius: 8px; border:0; background-color: #f5f5f5; }
.section_order .textarea textarea::placeholder { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_order .textarea .count_checker {position: absolute; right: 28px; bottom: 12px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #757575; }
.section_order .textarea .count_checker .character_no { font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: right;color: #757575; }

.section_order .list_group .title { padding: 20px 16px 0; }
.section_order .list_group .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .list_group .list ul { padding: 0 16px; }
.section_order .list_group .list ul li { border-bottom: solid 1px #e0e0e0; padding: 16px 0; position: relative;}
.section_order .list_group .list ul li:after { content: ''; display: table; clear: both; }
.section_order .list_group .list ul li .thumb {width: 80px;height: 80px;border-radius: 10px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10);background-color: #e0e0e0; }
.section_order .list_group .list ul li .thumb img {width: 80px;height: 80px;border-radius: 10px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10);background-color: #e0e0e0; }
.section_order .list_group .list ul li > div { display: inline-block; float: left; }
.section_order .list_group .list ul li .ord_no {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal; margin-right: 10px; padding-top: 7px; }
.section_order .list_group .list ul li .info { margin-left: 12px; }
.section_order .list_group .list ul li .info .prd_name { font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .list_group .list ul li .info .prd_info { margin-top: 4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
.section_order .list_group .list ul li .info .prd_price { margin-top: 4px; }
.section_order .list_group .list ul li .info .prd_price .price { font-size: 14px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .list_group .list ul li .info .prd_price .unit { margin-left: -4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .list_group .list ul li .info .discount { margin-top: 4px; text-decoration: line-through; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e;  }

.section_order .list_group .list > ul > li > button { padding: 8px 12px; position: absolute; right: 0; bottom: 15px; display: inline-block; background-color: #fff;  border-radius: 18px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_order .list_group .list ul li .done_review { color: #bdbdbd; border: solid 1px #bdbdbd; }
.section_order .list_group .list ul li .write_review { color: #ff595d; border: solid 1px #ff595d; }

.section_order .review_top { padding: 20px 16px 16px; border-bottom: solid 1px #e0e0e0; }
.section_order .review_top:after { content: ''; display: table; clear: both; }
.section_order .review_top .thumb {width: 80px;height: 80px;border-radius: 10px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10);background-color: #e0e0e0; }
.section_order .review_top > div { display: inline-block; float: left; }
.section_order .review_top .info {  margin-left: 12px; }
.section_order .review_top .info .prd_name { font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .review_top .info .prd_price { margin-top: 4px; }
.section_order .review_top .info .prd_info { margin-top: 4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
.section_order .review_top .info .prd_price .price { font-size: 14px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .review_top .info .prd_price .unit { margin-left: -4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order .review_top .info .discount { margin-top: 4px; text-decoration: line-through; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e;  }

.section_order .review_write { margin-top: 51px; }
.section_order .review_write .header {  }
.section_order .review_write .header .title { text-align: center; }
.section_order .review_write .header .title h1 {font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #616161; }
.section_order .review_write .header .title h1 b { font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: center;color: #000000; }

.section_order .review_write .star { margin-top: 8px;  text-align: center; }
.section_order .review_write .star ul { display: inline-block; margin:0 auto; }
.section_order .review_write .star ul:after { content: ''; display: table; clear: both;}
.section_order .review_write .star ul li { float:left; display: inline-block; width:40px; height: 40px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_order .review_write .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_order .review_write .star ul li~li { margin-left: 12px; }
.section_order .review_write .star .wd { margin-top: 8px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #bdbdbd;}

/* section_order_detail */
.section_order_detail { margin-top: 91px; }
.section_order_detail .header { padding: 20px 16px 14px; }
.section_order_detail .header .top { justify-content: space-between; display: flex; }
.section_order_detail .header .top .order_no { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: right; color: #757575; margin-right: 10px; }
.section_order_detail .header .top .date { margin-left: auto; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #757575; }
.section_order_detail .header .top .stat { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #ff595d; }
.section_order_detail .header .bot { margin-top: 10px; justify-content: space-between; display: flex; }
.section_order_detail .header .bot .shop_name { font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #000000; display : flex; justify-content : center; align-items : center; }
.section_order_detail .header .bot a { border-radius: 6px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16); padding: 6px 8px;  display: block; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; }
.section_order_detail .header .bot .mart_dtl { margin-left: auto; }
.section_order_detail .header .bot .mart_dtl a { color: #FFFFFF; background-color: #ff595d; border: solid 1px #bdbdbd; }
.section_order_detail .header .bot .mart_call a { color: #FFFFFF; background-color: #111111; border: solid 1px #bdbdbd; margin-left: 8px; }
.section_order_detail .header .bot .receipt_view a { color: #a0a0a0; border: solid 1px #bdbdbd; margin-left: 8px; }

.section_order_detail .list_group { border-top: 2px solid #e0e0e0; padding: 16px 16px 20px; }
.section_order_detail .list_group .title {  }
.section_order_detail .list_group .title h1 { font-size: 18px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }

.section_order_detail .list_group .list {  }
.section_order_detail .list_group .list ul {  }
.section_order_detail .list_group .list ul li { border-bottom: solid 1px #e0e0e0; padding: 16px 0; position: relative; display: flex; justify-content: flex-start; }
.section_order_detail .list_group .list ul li:after { content: ''; display: table; clear: both; }
.section_order_detail .list_group .list ul li .thumb { width: 80px; height: 80px; border-radius: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10); background-color: #ffffff; }
.section_order_detail .list_group .list ul li .thumb img {width: 100%; }
.section_order_detail .list_group .list ul li .info { margin-left: 12px; width: calc(100% - 80px); }
.section_order_detail .list_group .list ul li .info .top { display: flex; justify-content: flex-start; }
.section_order_detail .list_group .list ul li .info .bot { display: flex; justify-content: flex-start; height: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; }
.section_order_detail .list_group .list ul li .info .prd_name { font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; text-align: left; color: #000000; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.section_order_detail .list_group .list ul li .info .prd_info { font-size: 14px;  text-align: left; color: #757575; display : flex; justify-content : center; align-items : center; }

.section_order_detail .list_group .list ul li .info .evt_price { font-size: 14px; text-align: left; color: #ff595d; display : flex; justify-content : center; align-items : center; }
.section_order_detail .list_group .list ul li .info .evt_price .price { font-weight: bold; }
.section_order_detail .list_group .list ul li .info .evt_price .unit { font-size: 12px; font-weight: normal; }
.section_order_detail .list_group .list ul li .info .prd_price { font-size: 16px; text-align: left; color: #000000; display : flex; justify-content : center; align-items : center; }
.section_order_detail .list_group .list ul li .info .prd_price .price { font-weight: bold; }
.section_order_detail .list_group .list ul li .info .prd_price .unit { font-size: 12px; font-weight: normal; }

.section_order_detail .list_group .pay_price { margin-top: 12px; }
.section_order_detail .list_group .pay_price ul {  }
.section_order_detail .list_group .pay_price ul li { display: flex; justify-content: space-between; }

.section_order_detail .list_group .pay_price ul li.all_prd_price {display: flex; justify-content: flex-start; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }
.section_order_detail .list_group .pay_price ul li.all_prd_price .item {  }
.section_order_detail .list_group .pay_price ul li.all_prd_price .prc { margin-left: auto; }
.section_order_detail .list_group .pay_price ul li.all_prd_price .price { }
.section_order_detail .list_group .pay_price ul li.all_prd_price .unit { margin-left: -4px;font-size: 14px; }

.section_order_detail .list_group .pay_price ul li.cost_price { margin-top: 6px; display: flex; justify-content: flex-start; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #616161; }
.section_order_detail .list_group .pay_price ul li.cost_price .item { }
.section_order_detail .list_group .pay_price ul li.cost_price .prc { margin-left: auto; }
.section_order_detail .list_group .pay_price ul li.cost_price .price { }
.section_order_detail .list_group .pay_price ul li.cost_price .unit { margin-left: -4px; font-size: 14px; }

.section_order_detail .list_group .pay_price ul li.evt_price { margin-top: 6px; display: flex; justify-content: flex-start; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #616161; }
.section_order_detail .list_group .pay_price ul li.evt_price .item { }
.section_order_detail .list_group .pay_price ul li.evt_price .prc { margin-left: auto; color: #ff595d; }
.section_order_detail .list_group .pay_price ul li.evt_price .price { }
.section_order_detail .list_group .pay_price ul li.evt_price .unit { margin-left: -4px; font-size: 14px; }

.section_order_detail .list_group .pay_price ul li.all_pay_price { margin-top: 10px; padding-bottom: 15px; border-bottom: solid 1px #e0e0e0; display: flex; justify-content: flex-start; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left;color: #000000; }
.section_order_detail .list_group .pay_price ul li.all_pay_price .item { display : flex; justify-content : center; align-items : center; }
.section_order_detail .list_group .pay_price ul li.all_pay_price .prc { margin-left: auto; }
.section_order_detail .list_group .pay_price ul li.all_pay_price .price { font-size: 18px; font-weight: bold; }
.section_order_detail .list_group .pay_price ul li.all_pay_price .unit { margin-left: -4px; font-size: 14px; }

.section_order_detail .list_group .pay_price ul li.paymethod { margin-top: 12px; display: flex; justify-content: space-between; font-size: 16px; font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_order_detail .list_group .pay_price ul li.paymethod .item { font-weight: 500; }
.section_order_detail .list_group .pay_price ul li.paymethod .value { font-weight: bold; }
.section_order_detail .list_group .pay_price ul li.paymethod .value a { border-radius: 6px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16); padding: 6px 8px;  font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; }

.section_order_detail .deli_info { border-top: 2px solid #e0e0e0; padding: 16px 16px 20px; }
.section_order_detail .deli_info .title {  }
.section_order_detail .deli_info .title h1 { font-size: 18px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }

.section_order_detail .deli_info .content {  }
.section_order_detail .deli_info .content ul {  }
.section_order_detail .deli_info .content ul li { margin-top: 16px; display: flex; justify-content: space-between; }
.section_order_detail .deli_info .content ul li:after { content: ''; display: table; clear: both; }
.section_order_detail .deli_info .content ul li > div { display: inline-block; float: left; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;}
.section_order_detail .deli_info .content ul li .item { width: 100px; }
.section_order_detail .deli_info .content ul li .value { width: calc(100% - 100px); }

.section_order_detail .cancel_btn { padding: 16px 16px; border-top: 2px solid #f5f5f5; }
.section_order_detail .cancel_btn button~button { margin-top: 10px; }

/* 02_search */
.section_search {  margin-top: 51px; }
.section_search .search_div { padding: 4px 16px 12px; position: relative; }
.section_search .search_div input[type=search] {height: 49px; padding: 13px 4px 7px; border:0; width: 100%; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_search .search_div input::placeholder { padding: 17px 12px 12px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_search .search_div button[type=submit] { display: inline-block; width: 48px; height: 48px; border:0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; position: absolute; top: 4px; right: 16px; }

.section_search .recent_search { border-top: 2px solid #e0e0e0; padding: 16px;  }
.section_search .recent_search .title { }
.section_search .recent_search .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_search .recent_search .content { }
.section_search .recent_search .content .list {  }
.section_search .recent_search .content .list ul { margin-top: 16px;  }
.section_search .recent_search .content .list ul li { margin-right: 2px; margin-bottom: 8px; display: inline-block; padding: 7px 8px 9px; border-radius: 6px; border: solid 1px #bdbdbd; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
.section_search .recent_search .content .list ul li button { margin-left: 5px; width: 22px; height: 22px;  float: right; background: url(../images/bt_del@3x.png) no-repeat center; background-size: cover; }

.section_search .rec_keyword { border-top: 2px solid #e0e0e0; padding: 16px; }
.section_search .rec_keyword .title {  }
.section_search .rec_keyword .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_search .rec_keyword .content { margin-top: 16px; }
.section_search .rec_keyword .content .list {  }
.section_search .rec_keyword .content .list ul {  }
.section_search .rec_keyword .content .list ul li { margin-right: 2px; margin-bottom: 8px; display: inline-block; padding: 7px 8px 9px; border-radius: 6px; border: solid 1px #bdbdbd; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }

.search_bottom { background-color: #ffffff; position: fixed; bottom: 0; z-index: 1000; width: 100%; border-top: solid 1px #e0e0e0; padding: 13px 16px 15px; }
.search_bottom .inner { display: flex; justify-content: space-between; }
.search_bottom .inner input[type=checkbox] { display: none; }
.search_bottom .inner label { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.search_bottom .inner input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }

.search_bottom .inner .key_del_all { text-decoration: underline; font-size: 14px; font-weight: normal; font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }

/* my_page */
.section_mypage { margin-top: 139px; }
.section_mypage .header {  }
.section_mypage .header .top:after { content: ''; display: table; clear: both; }
.section_mypage .header .top { padding: 28px 28px 29px; position: relative; border-bottom: solid 1px #e0e0e0; }
.section_mypage .header .top > div { float: left; display: inline-block; }
.section_mypage .header .top .mb_icon { width: 54px;height: 54px; border-radius: 27px; background-size: cover; background-repeat: no-repeat;background-position: center; }
.section_mypage .header .top .welcome_ment { margin-left: 20px; }
.section_mypage .header .top .welcome_ment .wd { font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .header .top .welcome_ment .mb_name { font-size: 20px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .header .top .welcome_ment .mb_name .name { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .header .top .modi_btn { top: 32px; right: 17px; position: absolute; border-radius: 18px; background-color: #ff595d; padding: 8px 12px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #FFFFFF; }

.section_mypage .header .bot { border-bottom: solid 1px #e0e0e0;  }
.section_mypage .header .bot ul { display: flex; justify-content: space-between; }
.section_mypage .header .bot ul li { display: inline-block; width: 33.33%; padding: 16px 0; text-align: center; border-right: solid 1px #e0e0e0; }
.section_mypage .header .bot ul li:last-child { border-right: 0; }
.section_mypage .header .bot ul li .item { font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }
.section_mypage .header .bot ul li .value { margin-top: 0; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000;}
.section_mypage .header .bot ul li .value .val { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: center;color: #ff595d; }

.section_mypage .header .nonmb { padding: 28px 0 30px; }
.section_mypage .header .nonmb .img { text-align: center; }
.section_mypage .header .nonmb .img img { width: 52px; height: 60px; margin:0 auto; }
.section_mypage .header .nonmb .wd { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }
.section_mypage .header .nonmb .wd a { color: #ff595d; text-decoration: underline; font-size: 16px; font-weight: bold; }

.section_mypage .mylist { border-top: 1px solid #e0e0e0;  }
.section_mypage .mylist ul {  }
.section_mypage .mylist ul li { background: url(../images/ic_next@3x.png) no-repeat calc(100% - 10px) center; background-size: 22px; padding: 14px 20px; font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .mylist ul li input[type=checkbox] { display: none; }
.section_mypage .mylist ul li label { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.section_mypage .mylist ul li input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.section_mypage .mylist ul li label span { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_mypage .mylist ul li~li { border-top: solid 1px #e0e0e0; }

.section_mypage .input_group { padding: 28px 16px 30px; }

/* signup_finish */
.signup_finish { width: 100%; height: 100%; }
.signup_finish .noti_header { position: absolute; top: 44%; left: 50%; width: 100%; transform: translate(-50%,-50%); }
.signup_finish .noti_header .img { text-align: center; }
.signup_finish .noti_header .img img { width: 52px; height: 52px; }
.signup_finish .noti_header .wd { margin-top: 8px; }
.signup_finish .noti_header .wd h1 { font-size: 22px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #000000; }
.signup_finish .noti_header .wd p { margin-top: 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #757575; }

/* MAIN_EVENT_CONTENTS */
.section_evt { margin-top: 139px; }
.section_evt .list_group {  }
.section_evt .list_group .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_evt .list_group .header .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_evt .list_group .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_evt .list_group .header select { background-color: #fff; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.section_evt .list_group .header select option {  }
.section_evt .list_group .list {  }
.section_evt .list_group .list > ul {  }
.section_evt .list_group .list > ul > li { padding: 20px 16px 18px; border-bottom: solid 1px #e0e0e0;  }
.section_evt .list_group .list > ul > li .date { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #9e9e9e; }
.section_evt .list_group .list > ul > li .evt_name { margin-top: 2px; font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #000000; }
.section_evt .list_group .list > ul > li .evt_name .status { margin-left: 4px; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #73cb85; }
.section_evt .list_group .list > ul > li .btn_set { margin-top: 10px; }
.section_evt .list_group .list > ul > li .btn_set ul { display: flex; justify-content: center;  }
.section_evt .list_group .list > ul > li .btn_set ul li { display: inline-block; width: 35%; }
.section_evt .list_group .list > ul > li .btn_set ul li a { border-radius: 6px; border: solid 2px #ff595d; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16);padding: 8px 0;  display: block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d; }

.section_event .detail_info { padding: 10px 16px; }
.section_event .detail_info ul {  }
.section_event .detail_info ul li {  }
.section_event .detail_info ul li~li { margin-top: 10px; }
.section_event .detail_info ul li:after { content: ''; display: table; clear: both; }
.section_event .detail_info ul li .item { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;display: inline-block; float: left; width: 80px; }
.section_event .detail_info ul li .value { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;display: inline-block; float: left; width: calc(100% - 80px); }
.section_event .detail_info .detail_img { margin-top: 40px; }
.section_event .detail_info .detail_img .tit { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }
.section_event .detail_info .detail_img .img { margin-top: 8px; height: 200px; background-color: #e0e0e0; }
.section_event .detail_info .detail_img .text { margin-top: 8px; height: auto; background-color: #ffffff; font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;}


/* section_main */
.section_main { margin-top: 139px; padding-bottom: 80px; }
.section_main .header { padding: 10px 16px 10px; }
.section_main .header .title {  }
.section_main .header .title h1 { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .header .title h1 span { font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .header .title h4 { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #375691; }
.section_main .header .title h4 span { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #375691; }
.section_main .header .title p { margin-top: 4px; font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }

.section_main .list_group { min-height: 50vh; }
.section_main .list_group .list.line_list {  padding: 0 16px; }
.section_main .list_group .list.line_list ul li:first-child { border-top: solid 1px #e0e0e0; }
.section_main .list_group .list.line_list ul li .prd_div { position: relative; display: flex; justify-content: space-between; }
.section_main .list_group .list.line_list ul li { padding: 16px 0; border-bottom: solid 1px #e0e0e0; }

.section_main .list_group .list.line_list ul li > div { display: inline-block;  }
.section_main .list_group .list.line_list ul li .thumb { width: 136px;height: 136px; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #e0e0e0; }
.section_main .list_group .list.line_list ul li .info { width: calc(100% - 136px); padding-left: 12px; }
.section_main .list_group .list.line_list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
.section_main .list_group .list.line_list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
.section_main .list_group .list.line_list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
.section_main .list_group .list.line_list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
.section_main .list_group .list.line_list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
.section_main .list_group .list.line_list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
.section_main .list_group .list.line_list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
.section_main .list_group .list.line_list ul li .info .marker .info_span .month {  }
.section_main .list_group .list.line_list ul li .info .marker .info_span .day { }
.section_main .list_group .list.line_list ul li .info .prd_name {font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .list_group .list.line_list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

.section_main .list_group .list.line_list ul li .info .prd_price {  }
.section_main .list_group .list.line_list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
.section_main .list_group .list.line_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .list_group .list.line_list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_main .list_group .list.line_list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

.section_main .list_group .list.line_list ul li .info .grby_cnt {font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #8e8e8e; }
.section_main .list_group .list.line_list ul li .info .grby_price .price { font-size: 16px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
.section_main .list_group .list.line_list ul li .info .grby_price .unit { margin-left: -4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }


.section_main .often_group {  }
.section_main .often_group .header { padding: 0; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_main .often_group .header .lt { padding: 16px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .often_group .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_main .often_group .header select { background-color: #fff; padding: 16px 0 16px 16px; margin-right: 16px; border-left: solid 1px #e0e0e0; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.section_main .often_group .header select option {  }

.section_main .often_group .list {  padding: 4px 16px 0 ; }
.section_main .often_group .list {  }
.section_main .often_group .list ul li .prd_div { position: relative; display: flex; justify-content: space-between; }
.section_main .often_group .list ul li { padding: 12px 0 16px; border-bottom: solid 1px #e0e0e0; }

.section_main .often_group .list ul li > div { display: inline-block;  }

.section_main .often_group .list ul li .buy_count { margin-bottom: 8px; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #29406c; }
.section_main .often_group .list ul li .buy_count .count { margin-right: 0px; font-size: 14px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #29406c; }

.section_main .often_group .list ul li .thumb { width: 136px;height: 136px; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #ffffff; }
.section_main .often_group .list ul li .info { width: calc(100% - 136px); padding-left: 12px; }
.section_main .often_group .list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
.section_main .often_group .list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
.section_main .often_group .list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
.section_main .often_group .list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
.section_main .often_group .list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
.section_main .often_group .list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
.section_main .often_group .list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
.section_main .often_group .list ul li .info .marker .info_span .month {  }
.section_main .often_group .list ul li .info .marker .info_span .day { }
.section_main .often_group .list ul li .info .prd_name {font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .often_group .list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

.section_main .often_group .list ul li .info .prd_price {  }
.section_main .often_group .list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
.section_main .often_group .list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .often_group .list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_main .often_group .list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

.section_main .often_group .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
.section_main .often_group .list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #ffffff; }
.section_main .often_group .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
.section_main .often_group .list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
.section_main .often_group .list .feature { margin-top: 8px; }
.section_main .often_group .list .feature { margin-top: 12px; }
.section_main .often_group .list .feature > span { display: inline-block; padding:0 4px 1px; border-radius: 4px; background-color: #e0e0e0;font-size: 10px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #424242;}
.section_main .often_group .list ul li .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

.often_header { border-bottom: 4px solid #e0e0e0; }

.section_main .list_group .list.box_list { padding: 0 16px 40px; }

.section_main .list_group .list.box_list ul li { display: inline-block; margin-top: 24px; width: calc(50% - 8px); float: left; margin-right: 16px; }
.section_main .list_group .list.box_list ul li:nth-child(2n) { margin-right: 0; }
.section_main .list_group .list.box_list ul:after { content: "";display: table;clear: both; }
.section_main .list_group .list.box_list ul li .prd_div {  }

.section_main .list_group .list.box_list ul li > div {   }
.section_main .list_group .list.box_list ul li .thumb { width: 100%; padding-top: 100%; position: relative; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #ffffff; }
.section_main .list_group .list.box_list ul li .thumb img {width: 100%; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); background-color: #FFFFFF;}
.section_main .list_group .list.box_list ul li .info { width: 100%;  }
.section_main .list_group .list.box_list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
.section_main .list_group .list.box_list ul li .info .marker > span { display: inline-block; }
.section_main .list_group .list.box_list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
.section_main .list_group .list.box_list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
.section_main .list_group .list.box_list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
.section_main .list_group .list.box_list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
.section_main .list_group .list.box_list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
.section_main .list_group .list.box_list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
.section_main .list_group .list.box_list ul li .info .marker .info_span .month {  }
.section_main .list_group .list.box_list ul li .info .marker .info_span .day { }
.section_main .list_group .list.box_list ul li .info .prd_name {font-size: 15px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.section_main .list_group .list.box_list ul li .info .shop_name {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #8e8e8e; }
.section_main .list_group .list.box_list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

.section_main .list_group .list.box_list ul li .info .prd_price { display: inline-block;  }
.section_main .list_group .list.box_list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
.section_main .list_group .list.box_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .list_group .list.box_list ul li .info .discount { display: inline-block; text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_main .list_group .list.box_list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

.section_main .list_group .list.box_list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
.section_main .list_group .list.box_list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ffffff; }
.section_main .list_group .list.box_list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center; color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
.section_main .list_group .list.box_list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
.section_main .list_group .list.box_list .feature { margin-top: 8px; }
.section_main .list_group .list .feature { margin-top: 12px; }
.section_main .list_group .list .feature > span { display: inline-block; padding:0 4px 1px; border-radius: 4px; background-color: #e0e0e0;font-size: 10px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #424242;}

.section_main .list_group .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
.section_main .list_group .list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ffffff; }
.section_main .list_group .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
.section_main .list_group .list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
.section_main .list_group .list ul li .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }

.section_main .search_div { padding: 16px 16px 20px;  }
.section_main .search_div .title {  }
.section_main .search_div .title h1 { font-size: 20px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .search_div form { position: relative; }
.section_main .search_div div { position: relative; }
.section_main .search_div input[type=search] {height: 49px; padding: 13px 4px 7px; border:0; width: 100%; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; background-color: transparent; }
.section_main .search_div input::placeholder { padding: 17px 48px 12px 2px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.section_main .search_div button[type=submit] { display: inline-block; width: 48px; height: 48px; border:0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; position: absolute; top: 0px; right: 0; }
.section_main .search_div button[type=button] { display: inline-block; width: 48px; height: 48px; border:0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; position: absolute; top: 0px; right: 0; }

.section_main .recipe_group .box_list { padding: 0 16px; }
.section_main .recipe_group .box_list ul li { display: inline-block; margin-top: 8px; margin-bottom: 24px; width: calc(50% - 8px); float: left; margin-right: 16px; }
.section_main .recipe_group .box_list ul li:nth-child(2n) { margin-right: 0; }
.section_main .recipe_group .box_list ul:after { content: "";display: table;clear: both; }
.section_main .recipe_group .box_list ul li .info { margin-top: 8px; }
.section_main .recipe_group .box_list ul li .info .recipe_name {font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .recipe_group .box_list ul li .info .recipe_info { margin-top: 2px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
.section_main .recipe_group .box_list ul li .thumb { width: 100%; padding-top:100%; position: relative; border-radius: 10px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); background-color: #e0e0e0; background-size: cover; background-repeat: no-repeat; background-position: center; }

.section_main .recipe_header { }
.section_main .recipe_header .recipe_img { background-color: transparent; width: 95%; margin: 0 auto; }
.section_main .recipe_header .recipe_img img { border-radius: 10px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); }
.section_main .recipe_header .info { width: 100%; padding: 10px; }
.section_main .recipe_header .info p { margin-top: 2px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; }
.section_main .recipe_header .info p img { position:relative; left: 50%; transform:translate(-50%, 0); }



.section_main .material { border-top: 8px solid #e0e0e0; padding: 16px 16px 20px; }
.section_main .material .title {  }
.section_main .material .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .material .content { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }

.section_main .recipe_how { border-top: 8px solid #f5f5f5; padding: 16px 16px 20px; }
.section_main .recipe_how .title {  }
.section_main .recipe_how .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .recipe_how .content { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }

.section_main .recipe_cart { border-top: 2px solid #e0e0e0; padding: 16px 16px 10px; }
.section_main .recipe_cart .title {  }
.section_main .recipe_cart .title h1 { font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }

.section_main .recipe_cart .list { margin-top: 16px; }
.section_main .recipe_cart .list ul {  }
.section_main .recipe_cart .list ul li { margin-bottom: 20px; position: relative; }

.section_main .recipe_cart .list ul li > div { display: inline-block; float: left; }
.section_main .recipe_cart .list ul li:after { content: "";display: table;clear: both; }
.section_main .recipe_cart .list ul li .cate_name { text-align: center; font-size: 15px; font-weight: 500; background: var(--global-background-color-img) repeat center; color: #FFFFFF; height: 30px; width: 100%; display: flex; justify-content: center; align-items: center; }
.section_main .recipe_cart .list ul li .thumb { width: 100px;height: 100px;border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); background-color: #FFFFFF; }
.section_main .recipe_cart .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
.section_main .recipe_cart .list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; color: #ffffff; }
.section_main .recipe_cart .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }

.section_main .recipe_cart .list ul li .info { margin-top: 4px; margin-left: 12px; width: calc(100% - 112px); }
.section_main .recipe_cart .list ul li .info .prd_name { font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .recipe_cart .list ul li .info .prd_price {  }
.section_main .recipe_cart .list ul li .info .prd_price .price { font-size: 14px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .recipe_cart .list ul li .info .prd_price .unit { margin-left: -4px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_main .recipe_cart .list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
.section_main .recipe_cart .list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }


/* 공통 */

.footer_btn { border-top: 2px solid #e0e0e0; padding: 22px 0 20px; text-align: center; }
.footer_btn a { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center; text-decoration: underline; color: #9e9e9e; }

.nothing { padding: 20px 0 20px;
		   margin: 0 auto;
		   text-align: center;
		   width: 100%;
		   position: absolute;
		   top: 60%;
		   left: 50%;
		   transform: translate(-50%, -50%);
}
.nothing .img { margin: 0 auto;
				width: 40%;
				height: 250px;
				background-image: url(../images/nothing.png);
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
				opacity: 0.6;
}
.nothing p { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #9e9e9e; }

.off { padding: 40px 0 32px; text-align: center; }
.off .img {  }
.off .img img { width: 40px; height: 40px; }
.off p { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #9e9e9e; }
.title_header { position: fixed; top: 52px; width: 100%; background: #fff; z-index: 1000; border-bottom: solid 0.5px #bdbdbd; padding: 9px 0 10px; font-size: 20px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: center;color: #000000; }


/* 2020 10 19 미니전단 CSS */
.mini_banner { background-color: #262525; text-align: center; padding: 100px 0; }
.mini_banner .content { width: 1260px; background-color: #ffdfe7; margin:0 auto; padding: 0 55px 100px; }
.mini_banner .content .title { padding-top: 346px; text-align: center; background: url(../images/img_top@3x.png) no-repeat center; background-size: contain; }
.mini_banner .content .title .sub { font-family: 'NanumSquare', sans-serif; font-size: 44px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.11;letter-spacing: normal;text-align: center;color: #000000;}
.mini_banner .content .title .main_ment { margin-top: 30px; font-family: 'NanumSquare', sans-serif; font-size: 260px; font-weight: 900;font-stretch: normal;font-style: normal;line-height: 1.13;letter-spacing: normal;text-align: center;color: #ff595d;}
.mini_banner .content .title .date_info { display: inline-block; margin-top: 20px; padding: 13px 56px; border-radius: 40px; background-color: #375691; font-family: 'NanumSquare', sans-serif; font-size: 40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.13;letter-spacing: normal;text-align: center;color: #ffffff; }
.mini_banner .content .title .time_info { margin-top: 40px; font-family: 'NanumSquare', sans-serif; font-size: 30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.17;letter-spacing: normal;text-align: center;color: #000000;}

.mini_banner .content .sector { margin-top: 100px; border-radius: 40px; background-color: #ffffff; }
.mini_banner .content .sector .sec_tit { background-color: #375691; text-align: center; padding: 40px 0; border-top-left-radius: 40px; border-top-right-radius:40px; }
.mini_banner .content .sector .sec_tit .icon { vertical-align: bottom; }
.mini_banner .content .sector .sec_tit .wd { margin-left: 20px; font-family: 'NanumSquare', sans-serif; font-size: 60px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.13;letter-spacing: normal;text-align: left;color: #ffffff; }
.mini_banner .content .sector .sec_item { padding: 80px 30px 30px; }
.mini_banner .content .sector .sec_item ul:after { content: "";display: table;clear: both; }
.mini_banner .content .sector .sec_item ul li { float: left; display: inline-block; width: 340px; margin-bottom: 72px; margin-right: 34px; }
.mini_banner .content .sector .sec_item ul li:nth-child(3),
.mini_banner .content .sector .sec_item ul li:nth-child(6),
.mini_banner .content .sector .sec_item ul li:nth-child(9),
.mini_banner .content .sector .sec_item ul li:nth-child(12) { margin-right: 0; }
.mini_banner .content .sector .sec_item ul li .thumb { width: 340px; height: 340px; background-color: #bfbfbf; background-repeat: no-repeat; background-position: center; background-size: cover; }
.mini_banner .content .sector .sec_item ul li .info { margin-top: -66px; text-align: center; }
.mini_banner .content .sector .sec_item ul li .info .prod_name { font-family: 'NanumSquare', sans-serif; font-size: 50px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.14;letter-spacing: normal;text-align: center;color: #000000; }
.mini_banner .content .sector .sec_item ul li .info .prod_price { margin-top: 30px; font-family: 'NanumSquare', sans-serif; font-size: 60px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.13;letter-spacing: normal;text-align: center;color: #eb2024; }
.mini_banner .content .sector .sec_item ul li .info .prod_price .price { font-family: 'NanumSquare', sans-serif; font-size: 60px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.13;letter-spacing: normal;text-align: center;color: #eb2024; }
.mini_banner .content .sector .button { }
.mini_banner .content .sector .button a { font-family: 'NanumSquare', sans-serif; font-size: 40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.13;letter-spacing: normal;text-align:center;color: #375691; }
.mini_banner .content .sector .button a .icon { vertical-align: bottom; }
.mini_banner .content .sector .button a .icon img {vertical-align: bottom;}

.mini_banner .content .sector:last-child { padding-bottom: 85px;  }


.banner { color: #bdbdbd; display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100%; background-color: #e0e0e0; text-align: center; display: block;}


/* 메인슬라이더 부분 */
.swiper-slide { min-height: 260px; text-align: center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color: transparent; }
.swiper-button-prev { width: 48px; height: 48px; background: url(../images/ic_next_main@3x.png) no-repeat center; background-size: cover; }
.swiper-button-next { width: 48px; height: 48px; background: url(../images/ic_back_main@3x.png) no-repeat center; background-size: cover; }
.swiper-button-prev:after, .swiper-button-next:after { content: ''; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; }
.swiper-pagination-fraction { color: #fff; font-size: 14px; display: inline-block; width: auto; padding: 4px 16px; border-radius:50px; background-color: rgba(0,0,0,.5);margin: 0 auto;left: 50%;bottom: 16px;transform: translate(-50%,0); }
.swiper-pagination-fraction span { font-size: 14px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #ffffff; }
.swiper-pagination-fraction span.swiper-pagination-current { font-weight: bold; }

@media screen and (max-width : 1799px ) {
	.swiper-slide img { height: 500px; }
}

@media screen and (max-width : 599px) {
	.swiper-slide img { height: auto; }
}

/* 공통 */
.back_grey { background-color: #f5f5f5;  }
.lt, .rt { display: inline-block; }

/* 20210219 추가항목 */
.section_payment .user_info .add_content .title { font-size: 16px; padding: 0 16px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_payment .user_info .add_content .content { padding: 0 16px; }
.section_payment .user_info .add_content .content select { background-color: transparent; width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.headnoti { position: fixed; top: 91px; z-index: 1002; padding: 8px 0; width: 100%; background-color: #86d295; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; text-align: center;color: #ffffff; }
.has_noti { margin-top: 164px; }
.bottom_sd_btn.two { display: flex; justify-contents:space-between; }
.bottom_sd_btn.two > button { width: 50%; padding: 14px 0; background-color: #ff595d; border-top-left-radius: 12px; border-top-right-radius: 0; font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff; }
.bottom_sd_btn.two > button:last-child { border-top-left-radius: 0;border-top-right-radius: 12px; background-color: #ff7b7e; }
section.section_search_detail { margin-top: 91px; }
section.section_search_detail .cate_group { }
section.section_search_detail .cate_group .cate_inner { border-bottom: solid 1px #e0e0e0;  }
section.section_search_detail .cate_group .cate_inner ul { }
section.section_search_detail .cate_group .cate_inner ul:after { content: "";display: table;clear: both; }
section.section_search_detail .cate_group .cate_inner ul li { text-align:left; border-right: solid 0.5px #e0e0e0; border-bottom: solid 0.5px #e0e0e0; display: inline-block; width: 50%; float: left; }
section.section_search_detail .cate_group .cate_inner ul li:nth-child(2n) { border-right: 0; }
section.section_search_detail .cate_group .cate_inner ul li .wd { padding: 14px 16px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #424242;}
section.section_search_detail .list_group {  }
section.section_search_detail .list_group .header { display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0; }
section.section_search_detail .list_group .header .lt { padding: 14px 16px; display: inline-block; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_search_detail .list_group .header .lt .amount { padding-left: 2px; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
section.section_search_detail .list_group .header .rt { display: inline-block; }
section.section_search_detail .list_group .header .rt select { background-color: #fff; vertical-align: middle; border:0; display: inline-block; padding: 14px 0 14px 12px; width: 80px; height: 48px; border-left: solid 1px #e0e0e0; background: #fff; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
section.section_search_detail .list_group .header .rt button { vertical-align: middle; border:0; display: inline-block; width: 48px; height: 48px; border-left: solid 1px #e0e0e0; background-image: url(../images/bt_list_box@3x.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
section.section_search_detail .list_group .header .rt button.list_type { background-image: url(../images/bt_list_box@3x.png); }
section.section_search_detail .list_group .header .rt button.box_type { background-image: url(../images/bt_list_chart@3x.png); }
section.section_search_detail .list_group .list { transition: all .3s; }
section.section_search_detail .list_group .list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px;  border-radius: 5px; background-color: #ff595d; }
section.section_search_detail .list_group .list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; color: #ffffff; }
section.section_search_detail .list_group .list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
section.section_search_detail .list_group .list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
section.section_search_detail .list_group .list ul li .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }
section.section_search_detail .list_group .list .feature { margin-top: 12px; }
section.section_search_detail .list_group .list .feature > span { display: inline-block; padding:0 4px 1px; border-radius: 4px; background-color: #e0e0e0;font-size: 10px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #424242;}
/* 리스트타입 라인 기본 */
section.section_search_detail .list_group .list.line_list { padding: 0 16px; }
section.section_search_detail .list_group .list.line_list ul li .prd_div { position: relative; display: flex; justify-content: space-between; }
section.section_search_detail .list_group .list.line_list ul li { padding: 16px 0; border-bottom: solid 1px #e0e0e0; }
section.section_search_detail .list_group .list.line_list ul li > div { display: inline-block;  }
section.section_search_detail .list_group .list.line_list ul li .thumb { width: 136px;height: 136px; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #ffffff; }
section.section_search_detail .list_group .list.line_list ul li .info { width: calc(100% - 136px); padding-left: 12px; }
section.section_search_detail .list_group .list.line_list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
section.section_search_detail .list_group .list.line_list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
section.section_search_detail .list_group .list.line_list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
section.section_search_detail .list_group .list.line_list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
section.section_search_detail .list_group .list.line_list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
section.section_search_detail .list_group .list.line_list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
section.section_search_detail .list_group .list.line_list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
section.section_search_detail .list_group .list.line_list ul li .info .marker .info_span .month {  }
section.section_search_detail .list_group .list.line_list ul li .info .marker .info_span .day { }
section.section_search_detail .list_group .list.line_list ul li .info .prd_name {font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_search_detail .list_group .list.line_list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }
section.section_search_detail .list_group .list.line_list ul li .info .prd_price {  }
section.section_search_detail .list_group .list.line_list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
section.section_search_detail .list_group .list.line_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_search_detail .list_group .list.line_list ul li .info .discount { text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_search_detail .list_group .list.line_list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }
/* 리스트타입 박스 변경시 */
section.section_search_detail .list_group .list.box_list { padding: 0 16px; }
section.section_search_detail .list_group .list.box_list ul li { display: inline-block; margin-top: 24px; width: calc(50% - 8px); float: left; margin-right: 16px; }
section.section_search_detail .list_group .list.box_list ul li:nth-child(2n) { margin-right: 0; }
section.section_search_detail .list_group .list.box_list ul:after { content: "";display: table;clear: both; }
section.section_search_detail .list_group .list.box_list ul li .prd_div {  }
section.section_search_detail .list_group .list.box_list ul li > div {   }
section.section_search_detail .list_group .list.box_list ul li .thumb { width: 100%; padding-top: 100%; position: relative; border-radius: 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);background-color: #e0e0e0; }
section.section_search_detail .list_group .list.box_list ul li .info { width: 100%;  }
section.section_search_detail .list_group .list.box_list ul li .info .marker { width: 100%; margin-top: 4px; margin-bottom: 4px; }
section.section_search_detail .list_group .list.box_list ul li .info .marker > span { display: inline-block; }
section.section_search_detail .list_group .list.box_list ul li .info .marker .popular { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #ff595d;border-radius: 5px; border: solid 1px #ff595d }
section.section_search_detail .list_group .list.box_list ul li .info .marker .new { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #29406c;border-radius: 5px; border: solid 1px #29406c; }
section.section_search_detail .list_group .list.box_list ul li .info .marker .best { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #73cb85;border-radius: 5px; border: solid 1px #73cb85; }
section.section_search_detail .list_group .list.box_list ul li .info .marker .today { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #395497;border-radius: 5px; border: solid 1px #395497; }
section.section_search_detail .list_group .list.box_list ul li .info .marker .local { padding: 0 4px; font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #46aa50;border-radius: 5px; border: solid 1px #46aa50; }
section.section_search_detail .list_group .list.box_list ul li .info .marker .info_span { font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ff3f44; }
section.section_search_detail .list_group .list.box_list ul li .info .marker .info_span .month {  }
section.section_search_detail .list_group .list.box_list ul li .info .marker .info_span .day { }
section.section_search_detail .list_group .list.box_list ul li .info .prd_name {font-size: 15px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_search_detail .list_group .list.box_list ul li .info .prd_info { margin-top: 2px; font-size: 12px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }
section.section_search_detail .list_group .list.box_list ul li .info .prd_price { display: inline-block;  }
section.section_search_detail .list_group .list.box_list ul li .info .prd_price .price { font-size: 20px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: -1px;text-align: left;color: #000000; }
section.section_search_detail .list_group .list.box_list ul li .info .prd_price .unit { margin-left: -4px; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_search_detail .list_group .list.box_list ul li .info .discount { display: inline-block; text-decoration: line-through; margin-top: 4px; font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #9e9e9e; }
section.section_search_detail .list_group .list.box_list ul li .info .gotocart { display: inline-block; width: 48px; height: 48px; position: absolute; right: 0; bottom: 0; background: url(../images/bt_cart_new@3x.png) no-repeat center; background-size: cover;  }
section.section_search_detail .list_group .list.box_list ul li .thumb .pct { text-align: center; color:#fff; font-size: 10px; padding: 4px 6px; border-radius: 5px; background-color: #ff595d; }
section.section_search_detail .list_group .list.box_list ul li .thumb .pct span { font-size: 10px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; color: #ffffff; }
section.section_search_detail .list_group .list.box_list ul li .thumb .tds { font-size: 10px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: center;color: #ffffff; padding: 4px 6px; border-radius: 5px; background-color: #375691; }
/* one coupon */
section.section_search_detail .list_group .list.box_list ul li .thumb .oc_pct { text-align: center; color:#fff; font-size: 14px; background-color: #ff595d; float:right; width:25px; height:25px; background: url(../images/oc_logo.png) no-repeat center; background-size: cover; }
section.section_search_detail .list_group .list.box_list .feature { margin-top: 8px; }
/* 20210219 추가항목// */

.toast { padding: 16px; position: fixed; top: 80%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 32px); font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #ffffff;opacity: 0.6;border-radius: 10px;background-color: #000000; z-index: 1100; }
.thumb { position: relative; overflow: hidden; }
.thumb .lazy {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.thumb .ev_mk {position: absolute;top: 6px;left: 6px;}
.thumb .ev_mk > div~div { margin-top: 4px; }
/* one coupon */
.thumb .oc_mk {position: absolute; float:right; top: 6px;right: 6px;}
.thumb .oc_mk > div~div { margin-top: 4px; }

header.header_full_popup {width: 100%;height: 52px;background: #fff;position: relative;}
header.header_full_popup .close_btn { display: inline-block; width: 48px; height: 48px; background: url(../images/ic_x@3x.png) no-repeat center; background-size: cover; }
.full_popup {width: 100%;height: 100%;}
.full_popup .noti_header { position: absolute; top: 44%; left: 50%; width: 100%; transform: translate(-50%,-50%); }
.full_popup .noti_header .img { text-align: center; }
.full_popup .noti_header .img img { width: 52px; height: 52px; }
.full_popup .noti_header .wd { margin-top: 8px; }
.full_popup .noti_header .wd h1 { font-size: 22px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #000000; }
.full_popup .noti_header .wd p { margin-top: 4px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #757575; }

.cert_pop { z-index:1201; position: fixed; top: 0; left: 0; width: 100%; height: 100%;  }
.cert_pop .dim { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); }
.cert_pop iframe { width: 98%; height : 98%; position: absolute; background-color: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.popup_input { padding: 20px; }
.popup_input .title {  }
.popup_input .title h1 { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.popup_input .content input { width: 100%; border: 0; padding: 10px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.popup_input .content input::placeholder { font-size: 12px; padding: 14px 4px 8px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.popup_input .content button { width: 100px; margin-left: 8px; border-radius: 8px; padding: 7px 11px; border: solid 1px #ff595d; background-color: #ffffff; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ff595d;}
.popup_input .content select { background-color: #fff; width: 100%; border: 0; padding: 13px 4px 7px; border-bottom: solid 1px #9e9e9e; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
.popup_input .content select option {  }
.popup_input input[type=radio] { display: none; }
.popup_input label { padding-left: 28px; background-repeat: no-repeat;background-size: 48px; background-position: -14px center; background-image: url(../images/bt_checkbox_x@3x.png); font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.popup_input input[type=radio]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.popup_input .line { padding: 10px 0; }

.dim_popup { z-index: 1010; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.dim_popup .dim { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); }

.dim_popup.evStpop .popup_inner {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 0;background-color: transparent;text-align: center;}
.dim_popup.evStpop .popup_inner .header { position: absolute; top: 14px; text-align: right; width: 100%; padding: 0 20px; }
.dim_popup.evStpop .popup_inner .header .close {  border-radius: 24px; width: 48px;height: 48px; display: inline-block; border: 0; background: url(../images/ic_X@3x.png) #fff no-repeat center; background-size: cover;}
.dim_popup.evStpop .popup_inner .popup_input label { padding-left: 28px; background-repeat: no-repeat;background-size: 48px; background-position: -14px center; background-image: url(../images/bt_checkbox_x@3x.png); font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal; text-align: left; color: #fff; }
.dim_popup.evStpop .popup_inner .popup_input input[type=checkbox] { display: 0; width: 0; height: 0; }
.dim_popup.evStpop .popup_inner .popup_input input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.dim_popup.evStpop .popup_inner .popup_input { padding: 0px 40px;position: absolute;bottom: -10px;}

.dim_popup .popup_inner { width: calc(100% - 40px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; background-color: #ffffff; text-align: center; max-width: 500px; z-index:1202; position: fixed; }
.dim_popup .popup_inner .header { padding: 4px; display: flex; justify-content: space-between; }
.dim_popup .popup_inner .header .close { width: 48px; height: 48px; border:0; background: url(../images/ic_X@3x.png) no-repeat center; background-size: cover; }
.dim_popup .popup_inner .header .title { padding-right:15px; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #000000; display: flex; justify-content: center; align-items: center; }

.dim_popup .popup_inner .body { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #000000; }
.dim_popup .popup_inner .body .store_name { font-size: 18px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center; color: #000000; }
.dim_popup .popup_inner .body .rsv_info { padding: 0 14px; font-size: 16px; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }
.dim_popup .popup_inner .body .rsv_info span { font-weight: bold; color: #ff595d; }
.dim_popup .popup_inner .body img { width: 96%; margin-bottom: 10px; }
.dim_popup .popup_inner .footer { margin-top: 24px; padding: 0 10px; padding-bottom: 14px; }
.dim_popup .popup_inner .footer .done { display: block; width: 100%; padding: 10px 0; border:0; border-radius: 20px; background-color: #ff595d; text-align: center; }
.dim_popup .popup_inner .footer .done .wd {  font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #ffffff; display : flex; justify-content : center; align-items : center; }

.prd_name { white-space: normal; }

@media only screen and (max-width: 321px) {
	section.section_cate .cate_group .cate_inner ul li .wd { font-size: 12px; }
	header.header_main_back .inner .lt .store_name { font-size: 10px; }
	section.section_cate .cs_group .cs_info p { font-size: 12px; }
}

.loading_sp {z-index: 1100; width: 100%; position:fixed ;top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 0; background-color: transparent;text-align: center; display:inline-block; }
.loading_sp_dim {z-index: 1100; width: 100%; height:100%; position:fixed ;top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 0; background-color: transparent;text-align: center; display:inline-block; }
.loading_sp_dim .dimmed { background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1100; width: 100%; }
.loading_sp_dim img {position:absolute; top:40%; margin: auto; transform: translate(-50%, 0%); }

.noti_pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:1201 }
.noti_pop .dim { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); }
.noti_pop .popup_inner { width: calc(100% - 40px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; background-color: #ffffff; }
.noti_pop .popup_inner .header { padding:15px; text-align:center; font-size:13px; border-bottom: 1px solid #ccc; background-color:#e0e0e0; border-top-left-radius: 10px; border-top-right-radius: 10px;  }
.noti_pop .popup_inner .body { overflow-y:scroll; padding:10px;font-size:13px; min-height: 20vh; max-height: 60vh;  }
.noti_pop .popup_inner img { width : 100%;  }
.noti_pop .popup_inner .footer { text-align: center; padding : 10px; font-size:13px; border-top: 1px solid #ccc; display:flex; justify-content: space-between; }
.noti_pop .popup_inner .footer .left {}
.noti_pop .popup_inner .footer .right { display: flex; }

.noti_pop .popup_inner .footer input[type=checkbox] { display: none; }
.noti_pop .popup_inner .footer label { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;padding-left: 24px; background-repeat: no-repeat; background-size: 48px; background-position: -15px center; background-image: url(../images/bt_checkbox_x@3x.png); }
.noti_pop .popup_inner .footer input[type=checkbox]:checked + label { background-image: url(../images/bt_checkbox_o@3x.png); }
.noti_pop .popup_inner .footer button { margin-right: 5px; width: 22px; height: 22px; background: url(../images/bt_del@3x.png) no-repeat center; background-size: cover; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.noti_pop .popup_inner .footer span { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

.faq { margin-top: 103px;  }
.faq .header { padding: 20px 16px 0; text-align: right; }
.faq .header .add_place { text-align: right; text-decoration: underline; display: inline-block; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;color: #9e9e9e;}
.faq .body {  }
.faq .body .list { padding: 0 16px; }
.faq .body .list ul {  }
.faq .body .list ul li { padding: 12px 0px 16px; border-bottom: solid 1px #e0e0e0; }
.faq .body .list ul li .title { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #4e4e4e; }
.faq .body .list ul li .answer { margin-top: 10px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #8e8e8e; }

section.mawit { width: 100vw; height: 100vh; background: var(--global-background-img) repeat center; }

.iosfix {
  height: 101%;
  overflow: hidden;
}

/* --------------------------------------- sohot */
.section_sohot { margin-top: 139px;  }
.section_sohot .sohot_img { width: 100%; height: auto; min-height: 30vh; background-color: #e0e0e0; }
.section_sohot .sohot_banner { padding-bottom: 80px; }
.section_sohot .sohot_banner ul {padding-top: 5px; }
.section_sohot .sohot_banner ul li {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction : column; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color: transparent; width: 100%; font-size: 24px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #bdbdbd; min-height: 26vW; }
.section_sohot .sohot_banner ul div { width: 100%; background-color: transparent; color: #0e0e0e; font-size: 14px; }
.section_sohot .sohot_banner ul li~li { margin-top: 20px; }

/* --------------------------------------- */

.section_mypage {margin-top: 139px; }
.section_mypage .top_img { width: 100%; padding-top: 100%; background-color: #e0e0e0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.section_mypage .mart_info {  }
.section_mypage .mart_info .title { padding: 14px 16px 12px; position: relative; border-bottom: solid 1px #e0e0e0; }
.section_mypage .mart_info .title h1 { font-size: 22px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .mart_info .title p { margin-top: 6px; padding-bottom: 11px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #757575; }
.section_mypage .mart_info .title input[type=checkbox] { display: none; }
.section_mypage .mart_info .title label { position: absolute; right: 16px; bottom: 12px; font-size: 0; display: inline-block; width: 101px; height: 38px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/bt_mart_base_x@2x.png); }
.section_mypage .mart_info .title input[type=checkbox]:checked + label { background-image: url(../images/bt_mart_base_o@3x.png); }

.section_mypage .mart_info .basic_info { padding: 16px; border-bottom: solid 1px #e0e0e0; }
.section_mypage .mart_info .basic_info div {  }
.section_mypage .mart_info .basic_info ul li:after { content: ''; display: table; clear: both;}
.section_mypage .mart_info .basic_info ul li { display: block;  }
.section_mypage .mart_info .basic_info ul li > div { display: inline-block; float: left; }
.section_mypage .mart_info .basic_info ul li~li { margin-top:12px; }
.section_mypage .mart_info .basic_info ul li .item { width: 80px; font-size: 14px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .mart_info .basic_info ul li .value { width: calc(100% - 80px); font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

.section_mypage .mart_info .desc { padding: 16px 16px 20px; }
.section_mypage .mart_info .desc .tit { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .mart_info .desc .content { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #616161; }

.section_mypage .mart_review { border-top: 1px solid #f5f5f5;  }
.section_mypage .mart_review .title { padding: 16px; border-bottom: solid 1px #e0e0e0; }
.section_mypage .mart_review .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .mart_review .title .star { margin-top: 12px; }
.section_mypage .mart_review .title .star ul { display: inline-block; }
.section_mypage .mart_review .title .star ul:after { content: ''; display: table; clear: both;}
.section_mypage .mart_review .title .star ul li { float:left; display: inline-block; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_mypage .mart_review .title .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_mypage .mart_review .title .star ul li~li { margin-left: 4px; }
.section_mypage .mart_review .title .star .point { display: inline-block; margin-left: 8px; font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }

.section_mypage .mart_review .review_list { padding-bottom: 50px; }
.section_mypage .mart_review .review_list .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_mypage .mart_review .review_list .header .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .mart_review .review_list .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_mypage .mart_review .review_list .header select { background-color: #fff; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.section_mypage .mart_review .review_list .header select option {  }
.section_mypage .mart_review .review_list .list {  }
.section_mypage .mart_review .review_list .list > ul {  }
.section_mypage .mart_review .review_list .list > ul > li { padding: 18px 16px 16px; border-bottom: solid 1px #e0e0e0; }
.section_mypage .mart_review .review_list .list > ul > li .star {  }

.section_mypage .mart_review .review_list .list > ul > li .star ul { display: inline-block; }
.section_mypage .mart_review .review_list .list > ul > li .star ul:after { content: ''; display: table; clear: both;}
.section_mypage .mart_review .review_list .list > ul > li .star ul li { float:left; display: inline-block; width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_mypage .mart_review .review_list .list > ul > li .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_mypage .mart_review .review_list .list > ul > li .star ul li~li { margin-left: 2px; }
.section_mypage .mart_review .review_list .list > ul > li .star .point { display: inline-block; margin-left: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }

.section_mypage .mart_review .review_list .list > ul > li .ment { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .mart_review .review_list .list > ul > li .write_info { margin-top : 10px; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #757575; }
.section_mypage .mart_review .review_list .list > ul > li .write_info .writer { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }
.section_mypage .mart_review .review_list .list > ul > li .write_info .write_day { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #757575; }

.section_mypage .mart_review .review_list .list > ul > li .qna_info { display: flex; justify-content: flex-start;  margin-top : 10px; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #757575; }
.section_mypage .mart_review .review_list .list > ul > li .qna_info .qna_kind { color: #ff595d; margin-right: 10px; }
.section_mypage .mart_review .review_list .list > ul > li .qna_info .qna_date { color: #757575; }

.section_mypage .mart_review .review_list .more_btn { margin-top: 18px; width: 100%; text-align:center; }
.section_mypage .mart_review .review_list .more_btn button { margin:0 auto; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }

.section_mypage .mart_push { border-top: 1px solid #f5f5f5; padding-bottom: 50px;   }
.section_mypage .mart_push .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_mypage .mart_push .header .lt { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }
.section_mypage .mart_push .header .rt { margin-left: auto; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; }
.section_mypage .mart_push .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_mypage .mart_push .header select { background-color: #fff; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.section_mypage .mart_push .header select option {  }
.section_mypage .mart_push > ul {  }
.section_mypage .mart_push > ul > li { padding: 18px 16px 16px; border-bottom: solid 1px #e0e0e0; }

.section_mypage .mart_push > ul > li .info { display: flex; justify-content: flex-start; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #000000; }
.section_mypage .mart_push > ul > li .info .push_tit { margin-right: 10px; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; display : flex; justify-content : center; align-items : center; }
.section_mypage .mart_push > ul > li .info .push_date { margin-right: 10px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #9e9e9e; display : flex; justify-content : center; align-items : center; }
.section_mypage .mart_push > ul > li .info .push_new { margin-right: 10px; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #ff595d; display : flex; justify-content : center; align-items : center; }
.section_mypage .mart_push > ul > li .info .push_btn { margin-left: auto; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; display : flex; justify-content : center; align-items : center; }
.section_mypage .mart_push > ul > li .info a { border-radius: 6px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16); padding: 4px 10px;  display: block; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; }
.section_mypage .mart_push > ul > li .info .push_btn a { color: #FFFFFF; background-color: #ff595d; border: solid 1px #bdbdbd; }
.section_mypage .mart_push > ul > li .push_cont { margin-top: 10px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #848484; }
.section_mypage .mart_push > ul > li img { width: 100%; }


/* 09_order */
.section_mypage .order_nav { padding: 8px 16px 12px; border-bottom: solid 1px #e0e0e0;}
.section_mypage .order_nav ul { display: flex; justify-content: space-between; }
.section_mypage .order_nav ul li { display: inline-block; }
.section_mypage .order_nav ul li.nav { padding: 13px 0 11px; text-align: center; width: 22%; }
.section_mypage .order_nav ul li.nav .value { font-size: 22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #757575; }
.section_mypage .order_nav ul li.nav .wd { font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #000000; }
.section_mypage .order_nav ul li.divider { width: 4%; position: relative; }
.section_mypage .order_nav ul li.divider img { height: 100%; position: relative; bottom: 1px; }

.section_mypage .list_group {  }
.section_mypage .list_group .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_mypage .list_group .header .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .list_group .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_mypage .list_group .header select { background-color: transparent; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: right; color: #000000; }
.section_mypage .list_group .header select option {  }
.section_mypage .list_group .title { padding: 20px 16px 0; }
.section_mypage .list_group .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }

.section_mypage .list_group .list { }
.section_mypage .list_group .list { }
.section_mypage .list_group .list > ul > li {border-bottom: solid 1px #e0e0e0; padding: 15px 0; position: relative; width: 100%; }
.section_mypage .list_group .list > ul > li .info {display: flex; justify-content: flex-start; height: 30px; padding: 0 16px; }
.section_mypage .list_group .list > ul > li .info .ord_no {height: 100%; margin-right: 10px; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .ord_date {height: 100%; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #9e9e9e; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .shop_name {margin-left: auto; height: 100%; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .ord_stat { font-size: 13px; margin-right: 10px;  font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #ff595d; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .goods_name {width: 60%; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left;color: #616161; display : flex; justify-content : left; align-items : center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.section_mypage .list_group .list > ul > li .info .ord_price {margin-left: auto; font-size: 14px;font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left;color: #616161; display : flex; justify-content : center; align-items : center; }

.section_mypage .list_group .list > ul > li .info .grby_seq {height: 100%; margin-right: 10px; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .grby_date {margin-left: auto; margin-right: 10px; height: 100%; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #9e9e9e; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .grby_name {height: 100%; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; display : flex; align-items : center; overflow: hidden; white-space: nowrap; width: 100px; justify-content: left; text-overflow: ellipsis; }

.section_mypage .list_group .list > ul > li .btn_set { margin-top: 15px; width: 100%; padding: 0 16px; }
.section_mypage .list_group .list > ul > li .btn_set > ul { display: flex; justify-content: space-between; }
.section_mypage .list_group .list > ul > li .btn_set > ul > li { display: inline-block; width: 32%; }
.section_mypage .list_group .list > ul > li .btn_set > ul > li a { border-radius: 6px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16); padding: 8px 0;  display: block; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; }
.section_mypage .list_group .list > ul > li .btn_set > ul > li.detail a { color: #FFFFFF; background-color: #ff595d; border: solid 1px #bdbdbd; }
.section_mypage .list_group .list > ul > li .btn_set > ul > li.call a { color: #FFFFFF; background-color: #111111; border: solid 1px #bdbdbd; }
.section_mypage .list_group .list > ul > li .btn_set > ul > li.review a { color: #bdbdbd; border: solid 1px #bdbdbd; }

.section_mypage .list_group .list > ul > li .info .rsv_no { height: 100%; margin-right: 10px; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .rsv_date { height: 100%; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #9e9e9e; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .rsv_stat { width: 65px; font-size: 14px; margin-right: 10px;  font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #ff595d; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .rsv_ord_no {font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left;color: #616161; display : flex; justify-content : center; align-items : center; }
.section_mypage .list_group .list > ul > li .info .rsv_msg { width: calc(100% - 60px); font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #ff595d; display : flex; justify-content : center; align-items : center; }

.section_mypage .rsv_info { padding: 16px 16px 20px; }
.section_mypage .rsv_info .title {  }
.section_mypage .rsv_info .title h1 { font-size: 18px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }

.section_mypage .rsv_info .content {  }
.section_mypage .rsv_info .content ul {  }
.section_mypage .rsv_info .content ul li { margin-top: 8px; display: flex; justify-content: space-between; }
.section_mypage .rsv_info .content ul li:after { content: ''; display: table; clear: both; }
.section_mypage .rsv_info .content ul li > div { display: inline-block; float: left; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #000000;}
.section_mypage .rsv_info .content ul li .item { width: 100px; }
.section_mypage .rsv_info .content ul li .value { width: calc(100% - 100px); }


/* 이용약관 및 개인정보 처리방침 */
section.section_etc { margin-top:139px; margin-bottom:70px; }
section.section_etc .basic_info { padding: 16px;}
section.section_etc .basic_info div {  }
section.section_etc .basic_info h4 {font-size: 18px; margin-bottom:15px;}
section.section_etc .basic_info p {font-size: 15px; margin-top:8px; margin-bottom:8px;}
section.section_etc .basic_info ul li { display: block; font-size:15px; margin-top:8px;}
section.section_etc .basic_info ul li > div { display: inline-block; float: left; }
section.section_etc .basic_info ul li~li { margin-top:10px; }

/* 아이디 비밀번호 찾기 */
section.section_member .input_find { padding: 50px 16px 20px }
section.section_member .input_find .line .input_tit { font-size: 16px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
section.section_member .input_find .line input {  height: 44px; width: 100%; padding: 13px 4px 7px; border:0; background: #fff; outline: 0; font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; border-bottom: solid 1px #9e9e9e; }
section.section_member .input_find .line input::placeholder { padding: 16px 4px 8px; font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #bdbdbd; }
section.section_member .input_find .line.with_btn:after { content: "";display: table;clear: both; }
section.section_member .input_find .line.with_btn .input_opt_btn { float: right; margin-top: 6px; position: relative;display: inline-block; float: right; padding: 8px 11px; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center; color: #ff595d; border-radius: 8px; border: solid 1px #ff595d; background: var(--global-background-img) repeat center; }
section.section_member .input_find .line.with_btn input { display: inline-block; width: calc(100% - 84px); background: var(--global-background-img) repeat center; }
section.section_member .input_find input[type=submit] { z-index: 1004; position: fixed; bottom: 0; left: 0; width: 100%; padding: 14px 0; text-align: center; background-color: #ff595d; font-size: 16px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal; color: #ffffff; border:0; border-top-left-radius: 20px; border-top-right-radius: 20px; }
section.section_member .input_find input[type=submit]:disabled { background-color: #dedede; }
section.section_member .input_solution { padding: 10px 16px 30px }
section.section_member .input_solution .line .input_tit { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left;color: #000000; }

.conf_btn { display: block; width: 100%; position: relative; bottom: unset; left: unset; padding: 10px 0; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ffffff;border-radius: 70px;background-color: #ff595d; }
.comp_btn { display: block; width: 100%; position: relative; bottom: unset; left: unset; padding: 10px 0; font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ffffff;border-radius: 70px;background-color: #343434; }

.list_noting { padding: 16px; border-bottom: solid 1px #e0e0e0; margin-bottom: 60px;  }
.list_noting .img { margin: 0 auto;
		 width: 10%;
		 height: 50px;
		 background-image: url(../images/ic_care.png);
		 background-repeat: no-repeat;
		 background-size: contain;
		 background-position: center;
}
.list_noting p { margin-top: 8px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #9e9e9e; }

.center_div {position:relative; width:80%; top: 50%; left: 50%; text-align: center; transform:translate(-50%, -50%); }

.warning {
	font-size: 5vw;
	font-weight: 1000;
	color: #e8614c;
	text-shadow: 0 3px #D5D5D5;
	font-family: BinggraeMelona-Bold, "맑은 고딕", serif;
	font-family: 'BinggraeMelona-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BinggraeMelona-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

/* 영수증 */
/* section.section_receipt { margin-top: 55px; } */

.section_cs { margin-top:91px; height: 90vh; border-bottom : 1px solid #b3b3b3; }
.section_cs .msgBar { position : absolute; width : 100%; bottom: 0px; border-top : 1px solid #b3b3b3; padding: 10px; display : flex; justify-content : space-between; }
.section_cs .msgBar input[type="button"] { width: 50px; height: 50px; border:0; font-size: 0; background: url(../images/ic_search@3x.png) no-repeat center; background-size: cover; border : 1px solid #b3b3b3; margin-left: 10px; }
.section_cs .list { overflow-y : scroll; height : 75vh; white-space: nowrap; margin-top: 10px; border : 0px solid #b3b3b3; }

.section_cs .list > ul { padding-bottom: 100px; }
.section_cs .list > ul > li { padding: 10px; position: relative; width: 100%; display : flex; flex-direction: column; }
.section_cs .list > ul > li .id {font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #000000; padding-bottom: 5px; }
.section_cs .list > ul > li .info { display : flex; justify-content: flex-start; }
.section_cs .list > ul > li .talk { min-height : 30px; min-width : 40vw; max-width : 60vw; border-radius: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10); font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; padding: 10px 10px; white-space:normal; word-break:break-all; }

.section_cs .list > ul > li .time { font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #9e9e9e; display : flex; align-items : flex-end; }
.section_cs .list > ul > li.left .time { margin-right: auto; padding-left: 10px; }
.section_cs .list > ul > li.right .time  { margin-left: auto; padding-right: 10px; }
.section_cs .list > ul > li.left .talk {  background-color: #F0FFFF; display : flex; justify-content : left; align-items : center; }
.section_cs .list > ul > li.right .talk { background-color: #FFFFF0; display : flex; justify-content : right; align-items : center; }
.section_cs .list > ul > li.left .id { margin-right: auto; }
.section_cs .list > ul > li.right .id  { margin-left: auto; }
.section_cs textarea { width: 100%; border: solid 1px #e0e0e0; height: 100px; background-color: transparent; padding: 5px; font-size: 13px; border-radius: 10px; }

.section_cs .replay { position : absolute; width : 100%; bottom: 135px; left : 50%; transform: translate(-50%, 0); min-height : 30px; min-width : 40vw; max-width : 60vw; border-radius: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10); font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; padding: 10px 10px; white-space:normal; word-break:break-all; background-color: #ff595d; color: #FFFFFF; }
.bottom_nav .chat_div { position : absolute; height : 40px; width: 100px; z-index: 1002; margin-top : -40px; background: url(../images/ic_qna.png) no-repeat center; background-size: contain; right: 5px; }
.chat_scroll { transition: all .3s; width: 100%; z-index: 1002; bottom : 55px; right: 5px; position: fixed; height : 40px; width: 100px; background: url(../images/ic_qna.png) no-repeat center; background-size: contain; }

/* COIN */
.section_mypage .coin_hist { border-top: 1px solid #f5f5f5;  }
.section_mypage .coin_hist .title { padding: 16px; }
.section_mypage .coin_hist .title h1 { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .coin_hist .title .star { margin-top: 12px; }
.section_mypage .coin_hist .title .star ul { display: inline-block; }
.section_mypage .coin_hist .title .star ul:after { content: ''; display: table; clear: both;}
.section_mypage .coin_hist .title .star ul li { float:left; display: inline-block; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/ic_starL_x@3x.png); }
.section_mypage .coin_hist .title .star ul li.filled { background-image: url(../images/ic_starL_o@3x.png); }
.section_mypage .coin_hist .title .star ul li~li { margin-left: 4px; }
.section_mypage .coin_hist .title .star .point { display: inline-block; margin-left: 8px; font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;text-align: left;color: #000000; }

.section_mypage .coin_hist .hist_list { padding-bottom: 50px; }
.section_mypage .coin_hist .hist_list .header { padding: 16px; display: flex; justify-content: space-between; border-bottom: solid 1px #e0e0e0;  }
.section_mypage .coin_hist .hist_list .header .lt { font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #000000; }
.section_mypage .coin_hist .hist_list .header .amount { font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #ff595d; }
.section_mypage .coin_hist .hist_list .header select { background-color: #fff; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: right;color: #000000; }
.section_mypage .coin_hist .hist_list .header select option {  }
.section_mypage .coin_hist .hist_list .list {  }
.section_mypage .coin_hist .hist_list .list > ul {  }
.section_mypage .coin_hist .hist_list .list > ul > li { padding: 18px 16px 16px; border-bottom: solid 1px #e0e0e0; }

.section_mypage .coin_hist .hist_list .list > ul > li .info {display: flex; justify-content: flex-start; height: 30px; padding: 0 16px; }
.section_mypage .coin_hist .hist_list .list > ul > li .info .idx {height: 100%; margin-right: 10px; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; display : flex; justify-content : center; align-items : center; }
.section_mypage .coin_hist .hist_list .list > ul > li .info .tr_date {height: 100%; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #9e9e9e; display : flex; justify-content : center; align-items : center; }
.section_mypage .coin_hist .hist_list .list > ul > li .info .tr_stat {margin-left: auto; height: 100%; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; display : flex; justify-content : center; align-items : center; }

.section_mypage .coin_hist .hist_list .list > ul > li .info .title { font-size: 13px; margin-right: 10px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #ff595d; display : flex; justify-content : flex-start; align-items : center; width: 70px; }
.section_mypage .coin_hist .hist_list .list > ul > li .info .addr {width: 60%; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left;color: #616161; display : flex; justify-content : flex-start; align-items : center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.section_mypage .coin_hist .hist_list .list > ul > li .info .amt {margin-left: auto; font-size: 14px;font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left;color: #616161; display : flex; justify-content : center; align-items : center; }

/* --------------------------------------- grby */
.section_grby { margin-top: 139px;  }
.section_grby .grby_banner { padding-bottom: 80px; }
.section_grby .grby_banner ul {padding-top: 5px; }
.section_grby .grby_banner ul div { width: 100%; }
.section_grby .grby_banner ul li {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction : column; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color: transparent; width: 100%; font-size: 24px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #bdbdbd; min-height: 26vW; }
.section_grby .grby_banner ul li~li { margin-top: 10px; }
.section_grby .grby_banner .grby_nm {text-align: left; height : 30px; width: 98%; background-color: #343434; color : #ffffff; margin-top: -7px; padding-left: 5px; display: flex; align-items: center; font-size: 13px; }

/* --------------------------------------- */



