@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");

* {
	box-sizing: border-box;
}

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; outline: 0; color: inherit;font-family: "Pretendard Variable", Malgun Gothic, "맑은 고딕", AppleGothic,
   Dotum, "돋움", sans-serif; font-size: 13px; line-height: 1.4; vertical-align: baseline; }
@media all and (min-width: 1024px) { 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 { line-height: 1.6; font-size: 13px; }
 }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
body { word-break: break-all; -webkit-text-size-adjust: none; }
ol,
ul,
li { 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; }
img { vertical-align: top; }
input[type="radio"],
input[type="checkbox"] { margin-top: -1px; vertical-align: middle; }
input[type="text"],
input[type="email"],
input[type="password"] { vertical-align: top; }
a,
a:hover,
a:active,
a:focus { text-decoration: none; cursor: pointer; }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="email"],
textarea { border-radius: 0; -webkit-appearance: none; }

/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/

#contents {font-family: "Pretendard Variable";}
/*h2 {font-family: 'GmarketSans'; font-weight:700; color:#000; letter-spacing:-0.06em; text-align:center;}*/
span.sandoll {font-family:  "Pretendard Variable"; font-weight:600; color:#f37021; letter-spacing:-0.06em;}
body.layer {overflow:hidden;}


.dn { display: none !important; }
.hidden { visibility: hidden; overflow: hidden; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.empty { padding: 20px 0 !important; text-align: center; }
.fl { float: left !important; }
.fr { float: right !important; }
.clear { clear: both; }
.bc { display: block; margin-left: auto; margin-right: auto; }
.p_color { color: #d53838 !important; }
.ellipsis-1{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal;}
/* .i_info { display: inline-block; position: relative; top: 4px; width: 15px; height: 15px; background: url(" { { $이미지경로 }
 }/common/icon_info.png") no-repeat
 center/15px; font-style: normal; font-weight: normal; line-height: 1; } */

@media all and (min-width: 768px){
 .empty { padding: 100px 0 !important; text-align: center; font-size:14px;}
 }

/* input 기본 스타일 */
.form_input { height: 34px; padding: 4px 48px 4px 24px; border: 1px solid #dcdcdc;  background: #fff; color: #000; font-family: Pretendard Variable; font-size: 1.33rem; transition: all 0.3s ease; }
.form_input:focus { border-color: #000; outline: none !important; }
.form_input.block { width: 100% !important; }
.form_input:-ms-input-placeholder { color: #666; font-family: "SpoqaHanSansNeo", sans-serif; }
.form_input::-webkit-input-placeholder { color: #666; font-family: "SpoqaHanSansNeo", sans-serif; }
.form_input::-moz-placeholder { color: #666; font-family: "SpoqaHanSansNeo", sans-serif; }
.form_input.readonly { background: #e0e0e0 !important; }
.form_input.gray { background: #fafafa; }
.form_input.gray:focus { background: #fff; }
textarea.form_input { height: auto; }

@media all and (min-width: 768px){
 .form_input { height: 48px; }
 }

/* 셀렉트 */
/* select { max-width: 100%; height: 34px; padding: 4px 6px; border: 1px solid #dcdcdc; border-radius: 0; background: url(" { { $이미지경로 }
 }/common/select_arrow.png") no-repeat
 98% center/10px 6px #fff; color: #666; font: inherit; -webkit-appearance: none; appearance: none; } */
select.block { width: 100%; }
select:focus { border-color: #000; outline: none !important; }
select::-ms-expand { display: none; }

@media all and (min-width: 768px) { select { height: 40px; }
 }

/* 서브 페이지 타이틀 */
.subtitle { padding: 12px 0; margin-bottom: 4.16%; border-bottom: 1px solid #dbdbdb; font-size: 1.417rem; font-weight: bold; text-align: center; }

/* 상품리스트 수량,정렬선택 */
.total_sort { clear: both; height: 34px; margin: 10px 0; }
.total_sort:after { display: block; clear: both; content: ""; }
.total_sort .total { float: left; font-size: 0.917rem; line-height: 34px; }
.total_sort .sort { float: right; }

@media all and (min-width: 768px){
 .total_sort { height: 40px; }
 .total_sort .total { line-height: 40px; }
 }

/* 페이징 */
.paging * { vertical-align: middle; }
.paging { margin-top: 15px; font-size: 0; text-align: center; }
.paging li { display: inline; padding: 0 2px; color: #9e9e9e; vertical-align: middle; }
.paging li strong { display: inline-block; width: 34px; height: 34px; border: 1px solid #676767; background: #676767; color: #fff; line-height: 34px; }
.paging li a { display: inline-block; width: 34px; height: 34px; border: 1px solid #e0e0e0; background: #fff; color: #6e6e6e; line-height: 34px; }

@media all and (min-width: 768px){
 .paging { margin-top: 30px; }
 }

/* 박스 스타일 - 수량 */
.box_qty { display: inline-block; position: relative; width: 100px; }
.box_qty.block { width: 100%; }
.box_qty .form_input { padding: 0 30px; }
.box_qty .form_input:hover { border-color: #dcdcdc; }
.box_qty .minus { display: inline-block; position: absolute; left: 0; top: 0; width: 34px; height: 34px; border: 1px solid #dcdcdc; background: url("https://pliki4.com/_skin/pliki_202405/img/common/bullet_minus.png")
 no-repeat center/12px; }
.box_qty .plus { display: inline-block; position: absolute; right: 0; top: 0; width: 34px; height: 34px; border: 1px solid #dcdcdc; background: url("https://pliki4.com/_skin/pliki_202405/img/common/bullet_plus.png")
 no-repeat center/12px; }

@media all and (min-width: 768px){
 .box_qty { width: 130px; }
 .box_qty .form_input { padding: 0 40px; }
 .box_qty .minus { width: 40px; height: 40px; }
 .box_qty .plus { width: 40px; height: 40px; }
 .box_qty.mini { width: 100px; }
 .box_qty.mini .form_input { height: 30px; padding: 0 30px; }
 .box_qty.mini .minus { width: 30px; height: 30px; }
 .box_qty.mini .plus { width: 30px; height: 30px; }
 }

/* 컬러칩 리스트 */
.color_option { font-size: 0; }
.color_option:after { display: block; clear: both; content: ""; }
.color_option li { float: left; }
.color_option li a { display: block; width: 17px; height: 17px; margin: 1px; border: 1px solid #fff; }
.color_option li a.selected { border: 1px solid #fff; outline: 1px solid #ff1111; }
.color_option li a img { width: 15px; height: 15px; }
.text_option { font-size: 0; }
.text_option:after { display: block; clear: both; content: ""; }
.text_option li { float: left; text-align: left; }
.text_option li a { overflow: hidden; display: block; height: 20px; margin: 1px; padding: 0 6px; border: 1px solid #d8d8d8; line-height: 20px; text-align: center; }
.text_option li a.selected { border: 1px solid #ff1111; }
.text_option li a.soldout { background: #ff1111; color: #fff; }

/* 글쓰기 - 주문서,1:1문의 */
.write > div { margin-bottom: 10px; text-align: left; }
.write > div:last-child { margin-bottom: 0; }
.write > div.line { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; }
.write > div > label { display: none; }
.write > .msg { margin-bottom: 10px; line-height: 34px; }
.write > .msg * { vertical-align: middle; }

/* 상단 셀렉트 메뉴 */
.top_select_menu { height: 40px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; background-color: #f1f1f1; }
@media all and (min-width: 1024px){
 .top_select_menu { display: none; }
 }
/* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */
#qdBackground { position: fixed !important; width: 100% !important; height: 100% !important; }

/* 상품후기 평점 */
.gradebox { display: inline-block; position: relative; width: 154px; height: 24px; background: url("https://pliki4.com/_skin/pliki_202405/img/shop/grade.png")
 no-repeat left top/auto 100%; font-size: 0; }
.gradebox:after { display: block; position: absolute; left: 0; top: 0; height: 100%; background: url("https://pliki4.com/_skin/pliki_202405/img/shop/grade_over.png")
 no-repeat left top/auto 100%; content: ""; }
.gradebox.small { width: 80px; height: 12px; }
.gradebox.point1:after { width: 20%; }
.gradebox.point2:after { width: 40%; }
.gradebox.point3:after { width: 60%; }
.gradebox.point4:after { width: 80%; }
.gradebox.point5:after { width: 100%; }
.gradebox.write label { display: inline-block !important; position: relative; z-index: 10; width: 30px; height: 100%; opacity: 0; font-size: 0; cursor: pointer; }
.gradebox.write input { cursor: pointer; }

@media all and (min-width: 768px){
 .gradebox.small { width: 95px; height: 15px; }
 .gradebox.write label { width: 30.8px; }
 }

/* 사은품 리스트 */
.list_gift > h3 { padding-bottom: 15px; }
.list_gift > ul { border-top: 1px solid #e5e5e5; font-size: 0; }
.list_gift > ul > li { padding: 20px 0; border-bottom: 1px solid #e5e5e5; text-align: left; vertical-align: middle; }
.list_gift > ul > li > .box > .img { display: table-cell; position: relative; width: 100px; height: 100px; border: 1px solid #e5e5e5; }
.list_gift > ul > li > .box > .img img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.list_gift > ul > li > .box > .name { display: table-cell; padding: 0 20px 0 10px; vertical-align: middle; }

@media all and (min-width: 768px){
 .list_gift > ul { border: 1px solid #e5e5e5; border-width: 1px 0; }
 .list_gift > ul > li { display: inline-block; width: 25%; margin-bottom: -1px; border-bottom: 1px solid #e5e5e5; }
 .list_gift > ul > li > .box { margin-left: 20px; border-right: 1px solid #e5e5e5; }
 .list_gift > ul > li:last-child > .box,
 .list_gift > ul > li:nth-child(4n) > .box { border-right: 0; }
 }

/* 쿠폰 다운로드 리스트 */
.list_cpn_down > .box { border: 1px solid #dcdcdc; }
.list_cpn_down > .box > ul > li { position: relative; padding: 15px 130px 15px 15px; border-top: 1px solid #dcdcdc; text-align: left; vertical-align: middle; }
.list_cpn_down > .box > ul > li:first-child { border-top: 0; }
.list_cpn_down > .box > ul > li:before { display: inline-block; position: absolute; right: 120px; top: 15px; width: 1px; height: calc(100% - 30px); background-color: #e5e5e5; content: ""; }
.list_cpn_down > .box > ul > li > .sale { font-size: 1.417rem; font-weight: bold; }
.list_cpn_down > .box > ul > li > .name { font-weight: bold; }
.list_cpn_down > .box > ul > li > span { position: absolute; right: 15px; top: 50%; margin-top: -20px; }
.list_cpn_down > .box > ul > li > span.fin { display: inline-block; min-width: 90px; height: 40px; padding: 4px 8px; border: 1px solid #c3c3c3; background: #fff; color: #666 !important; line-height: 32px; text-align: center; vertical-align: top; white-space: nowrap; }
.list_cpn_down > .box > ul > li > span.box_btn * { min-width: 90px; height: 40px; line-height: 32px; }

@media all and (min-width: 768px){
 .list_cpn_down > .box { padding: 0 30px 30px 30px; }
 .list_cpn_down > .box > ul { display: flex; flex-wrap: wrap; }
 .list_cpn_down > .box > ul > li { width: 25%; margin-top: 30px; padding: 0 20px; border-top: 0; border-right: 1px solid #eee; text-align: center; vertical-align: top; }
 .list_cpn_down > .box > ul > li:last-child,
 .list_cpn_down > .box > ul > li:nth-child(4n) { border-right: 0; }
 .list_cpn_down > .box > ul > li:before { display: none; }
 .list_cpn_down > .box > ul > li > .sale { display: inline-block; position: relative; min-width: 100px; height: 40px; padding: 0 10px 0 26px; border: 1px solid #999; font-size: 1.167rem; text-align: center; line-height: 38px; }
 .list_cpn_down > .box > ul > li > .sale:before { position: absolute; left: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #999; border-radius: 50%; border-bottom-color: transparent; border-left-color: transparent; background-color: #fff; transform: rotate(45deg); content: ""; }
 .list_cpn_down > .box > ul > li > .sale:after { position: absolute; left: 16px; top: 0; width: 1px; height: 100%; border-right: 1px dashed #999; content: ""; }
 .list_cpn_down > .box > ul > li > .name { margin: 10px 0; font-weight: bold; }
 .list_cpn_down > .box > ul > li > span { position: static; margin-top: 0; }
 .list_cpn_down > .box > ul > li > span.fin { min-width: 100px; height: auto; outline: none; line-height: 1.4; white-space: nowrap; }
 .list_cpn_down > .box > ul > li > span.box_btn * { min-width: 100px; height: auto; padding: 4px 8px; line-height: normal; }
 }

/* 타이머 */
.box_timer { display: inline-block; margin-top: 10px; border: 1px solid #dcdcdc; border-radius: 20px; font-size: 0; }
.box_timer > .title { display: inline-block; position: relative; padding: 5px; border-radius: 20px; background-color: #333; color: #fff; font-size: 0; vertical-align: top; }
.box_timer > .title:before { display: inline-block; width: 13px; height: 13px; border: 1px solid #fff; border-radius: 50%; vertical-align: top; content: ""; }
.box_timer > .title:after { display: inline-block; position: absolute; left: 8px; top: 50%; width: 4px; height: 4px; margin-top: -2px; border: 1px solid #fff; border-width: 0 1px 1px 0; content: ""; }
.box_timer > ._timesale_timer { display: inline-block; padding: 0 10px 0 5px; }
.box_timer > ._timesale_timer * { color: #333; font-size: 1rem; line-height: 23px; }
.box_timer > ._timesale_timer > ._timer_num { font-weight: 900; }
.box_timer.big > .title { font-size: 1rem; }
.box_timer.big > .title:before { margin: 2px 5px 0 0; }
.box_timer.big > ._timesale_timer * { font-size: 1.083rem; line-height: 26px; }
#detail .box_timer { margin-bottom: 20px; }

@media all and (min-width: 768px){
 .box_timer > .title { padding: 2px 10px; font-size: 11px; }
 .box_timer > .title:before { margin: 2px 5px 0 0; }
 .box_timer > .title:after { left: 13px; top: 50%; margin-top: -4px; }
 .box_timer > ._timesale_timer { padding: 0 10px 0 7px; }
 .box_timer > ._timesale_timer * { line-height: 21px; }
 .box_timer.big > .title { padding: 5px 10px; }
 .box_timer.big > .title:before { margin: 3px 0 0 0; }
 .box_timer.big > ._timesale_timer * { line-height: 29px; }
 #detail .box_timer { margin-bottom: 0; }
 }

 ._timer_num_0::before { content: "D-"; display: inline-block; margin-right: 5px; }

/* 이메일 자동 완성 */
.auto_complete_dialog { display: none; position: absolute; z-index: 10; width: 100%; margin-top: -1px; padding: 10px 0; border: 1px solid #535353; background-color: #fff; word-break: break-all; }
.auto_complete_dialog li { padding: 5px 20px; font-size: 1.167em; cursor: pointer; }
.auto_complete_dialog li:hover,
.auto_complete_dialog li.selected { background-color: #f0f2f6; }
#join_input .auto_complete_dialog { width: calc(100% - 52px); }

@media all and (min-width: 768px){
 #join_input .auto_complete_dialog { width: 512px; }
 }

/* 체크박스, 라디오 */
.check_chg input[type="checkbox"] { display: none; }
.check_chg input[type="checkbox"] + label { display: inline-block; min-height: 18px; padding-left: 28px; background: url("https://pliki4.com/_skin/pliki_202405/img/common/bullet_cb.png")
 no-repeat left center; background-size: 18px; vertical-align: top; cursor: pointer; }
.check_chg input[type="checkbox"]:checked + label { background-image: url("https://pliki4.com/_skin/pliki_202405/img/common/bullet_cb_checked.png"); }
.check_chg.black input[type="checkbox"]:checked + label { background-image: url("https://pliki4.com/_skin/pliki_202405/img/common/bullet_cb_checked_black.png"); }
.radio_chg input[type="radio"] { display: none; }
.radio_chg input[type="radio"] + label { display: inline-block; min-height: 18px; padding-left: 28px; background: url("https://pliki4.com/_skin/pliki_202405/img/common/bullet_radio.png")
 no-repeat left center; background-size: 18px; vertical-align: top; cursor: pointer; }
.radio_chg input[type="radio"]:checked + label { background-image: url("https://pliki4.com/_skin/pliki_202405/img/common/bullet_radio_checked.png"); }

@media all and (min-width: 768px){
 .check_chg input[type="checkbox"] + label { min-height: 20px; padding-left: 30px; font-size: 1.167rem; }
 .radio_chg input[type="radio"] + label { min-height: 20px; padding-left: 30px; font-size: 1.167rem; }
 }

/*-----------------------------------------------------------------*/
/* 2-1. table
/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col { display: block; width: 100%; border-top: 1px solid #dbdbdb; }
.tbl_col > .thead { display: none; }
.tbl_col > .tbody { overflow: hidden; display: block; padding: 15px 0; border-bottom: 1px solid #dbdbdb; }
.tbl_col > .tbody > li { width: auto; }
.tbl_col > .tbody > li + li { padding-top: 5px; }
.tbl_col > .tbody > li.img img { width: 100%; }

@media all and (min-width: 768px){
 .tbl_col { display: table; table-layout: fixed; border-collapse: collapse; }
 .tbl_col > .thead { display: table-row; border-bottom: 1px solid #dbdbdb; }
 .tbl_col > .thead > li { display: table-cell; width: 5%; padding: 15px 0; text-align: center; vertical-align: middle; }
 .tbl_col > .tbody { display: table-row; padding: 0; }
 .tbl_col > .tbody > li { display: table-cell; width: 5%; padding: 15px 0; text-align: center; vertical-align: middle; }
 .tbl_col > .tbody > li.tal { padding-left: 30px; text-align: left; }
 .tbl_col > .tbody > li + li { padding-top: 15px; }
 }

/* 테이블 스타일 - 마이페이지 공통 리스트 */
.tbl_col.my { padding-bottom: 15px; }
.tbl_col.my > .tbody > li { margin-left: 85px; }
.tbl_col.my > .tbody > li.left_area { float: left; width: 85px; margin: 0; color: #888; text-align: left; }
.tbl_col.my > .tbody > li.left_area + li { padding-top: 0; }
.tbl_col.my > .tbody > li.left_area .point { font-size: 1.333rem; }

@media all and (min-width: 768px){
 .tbl_col.my { padding-bottom: 15px; }
 .tbl_col.my > .tbody > li { margin-left: 0; }
 .tbl_col.my > .tbody > li.left_area { float: none; width: auto; text-align: center; }
 .tbl_col.my > .tbody > li.left_area + li { padding-top: 15px; }
 .tbl_col.my > .tbody > li.left_area .point { font-size: 1rem; }
 .tbl_col.my > .tbody > li .m_txt { display: none; }
 }

/* 테이블 스타일(table 구조) - 가로 */
.tbl_col_og { table-layout: fixed; clear: both; width: 100%; border-collapse: collapse; }
.tbl_col_og caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_col_og > thead > tr > th { padding: 15px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-weight: normal; text-align: center; vertical-align: middle; }
.tbl_col_og > tbody > tr > td { padding: 15px 0; border-bottom: 1px solid #e0e0e0; text-align: center; vertical-align: middle; }
.tbl_col_og > tbody > tr > td * { color: #666; }
.tbl_col_og > tbody > tr > td.tal { padding-left: 15px !important; }
.tbl_col_og > tbody > tr > td.img img { width: 100px; height: auto; }

/* 테이블 스타일(table 구조) - 세로 */
.tbl_row { table-layout: fixed; width: 100%; border-top: 1px solid #e0e0e0; }
.tbl_row caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_row th { padding: 10px; border-bottom: 1px solid #e0e0e0; font-weight: normal; text-align: left; vertical-align: middle; }
.tbl_row td { padding: 10px; border-bottom: 1px solid #e0e0e0; text-align: left; vertical-align: middle; word-break: break-all; word-wrap: break-word; }

@media all and (min-width: 768px){
 .tbl_row th { padding: 15px 0 15px 30px; }
 .tbl_row td { padding: 15px 10px; }
 }

/* 테이블 스타일 - 주문서, 주문완료, 주문상세조회, 장바구니 */
.tbl_order { table-layout: fixed; width: 100%; margin: 0 auto; }
.tbl_order caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_order th { padding: 6px 0; font-weight: normal; text-align: left; vertical-align: middle; }
.tbl_order td { padding: 6px 0; text-align: right; vertical-align: middle; }
.tbl_order.sale { margin: 5px 0; border: 1px solid #dcdcdc; border-width: 1px 0; }
.tbl_order .total td .view_info { display: none; margin-top: 5px; }
.tbl_order .total_price,
.tbl_order .total_price * { color: #d53838; font-size: 1.333rem; }

@media all and (min-width: 768px){
 .tbl_order .total td { position: relative; }
 .tbl_order .total_price,
 .tbl_order .total_price * { font-size: 1rem; }
 }

/* 테이블 스타일 - 주문서, 주문상세조회 */
.tbl_order2 { display: block; width: 100%; border-top: 1px solid #e0e0e0; }
.tbl_order2 > .thead { display: none; }
.tbl_order2 > .tbody { overflow: hidden; display: block; padding: 10px 0; border-bottom: 1px solid #e0e0e0; }
.tbl_order2 > .tbody > li { width: 100%; }
.tbl_order2 > .tbody > li.title { padding-bottom: 10px; font-weight: 700; }
.tbl_order2 > .tbody > li .form_input { width: 100%; }
.tbl_order2 > .tbody > li .use_msg { text-align: right; }
.tbl_order2 > .tbody > li .own_mileage,
.tbl_order2 > .tbody > li .own_deposit { color: #d53838; line-height: 25px; }

@media all and (min-width: 768px){
 .tbl_order2 { display: table; table-layout: fixed; border-collapse: collapse; }
 .tbl_order2 > .thead { display: table-row; }
 .tbl_order2 > .thead > li { display: table-cell; }
 .tbl_order2 > .tbody { display: table-row; padding: 0; border: 1px solid #e0e0e0; border-top: 0; }
 .tbl_order2 > .tbody > li { display: table-cell; padding: 20px; vertical-align: middle; }
 .tbl_order2 > .tbody > li.title { padding: 20px 15px; border-right: 1px solid #e0e0e0; font-weight: 400; }
 }

@media all and (min-width: 1024px){
 .tbl_order2 > .tbody { border-width: 0 0 1px 0; }
 }

/* 테이블 스타일 - 상품정보고시 */
.tbl_prdinfo { table-layout: fixed; width: 100%; margin: 20px 0; }
.tbl_prdinfo caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_prdinfo th { padding: 10px; border: 1px solid #e0e0e0; background-color: #fafafa; font-weight: normal; text-align: left; vertical-align: middle; }
.tbl_prdinfo td { padding: 10px; border: 1px solid #e0e0e0; text-align: left; vertical-align: middle; }

/*-----------------------------------------------------------------*/
/* 2-2. button
/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */
.box_btn { display: inline-block; text-align: center; vertical-align: top; }
.box_btn > * { display: inline-block; margin: 0; padding: 8px 12px; border: 1px solid #676767; outline: none; background: #666; color: #fff !important; font-size: 1rem; font-family: Malgun Gothic, "맑은 고딕", AppleGothic, Dotum, "돋움",
 sans-serif; font-weight: normal; text-align: center; vertical-align: middle; line-height: 1.4; white-space: nowrap; cursor: pointer; -webkit-appearance: none; transition: all 0.2s ease; }
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus { background: #333; }

@media all and (min-width: 768px){
 .box_btn.large > * { padding: 12px 16px; }

 .write_btn { padding-top: 10px; text-align: right; }
 .write_btn .box_btn { display: inline-block; }
 .write_btn .box_btn > * { width: 125px; }
 }

/* 버튼스타일 - 크기 */
.box_btn.small > * { padding: 4px 8px; }
.box_btn.large > * { height: 40px; padding: 0 16px; font-size: 1.167rem; line-height: 40px; }
@media all and (min-width: 768px){
 .box_btn.small > * { padding: 4px 8px; }
 .box_btn.large > * { height: 45px; font-size: 1.167rem; line-height: 45px; }
 }
/* 버튼스타일 - 가로길이 */
.box_btn.block { display: block; }
.box_btn.block > * { width: 100%; }
.box_btn.w50 > * { width: 50px; }
.box_btn.w70 > * { width: 70px; }
.box_btn.w75 > * { width: 75px; }
.box_btn.w100 > * { width: 100px; }
.box_btn.w125 > * { width: 125px; }
.box_btn.w150 > * { width: 150px; }
.box_btn.w175 > * { width: 175px; }
.box_btn.w200 > * { width: 200px; }
.box_btn.w225 > * { width: 225px; }
.box_btn.w250 > * { width: 250px; }
.box_btn.w275 > * { width: 275px; }
.box_btn.w300 > * { width: 300px; }
.box_btn.w325 > * { width: 325px; }
.box_btn.w350 > * { width: 350px; }

/* 버튼스타일 - 색상 */
.box_btn.white * { border-color: #c3c3c3; background: #fff; color: #666 !important; }
.box_btn.white:hover *,
.box_btn.white:active *,
.box_btn.white:focus * { background: #f5f5f5; }
.box_btn.gray * { border-color: #f5f5f5; background: #f5f5f5; color: #666 !important; }
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * { background: #dadada; }
.box_btn.gray2 * { border-color: #dcdcdc; background: #eee; color: #666 !important; }
.box_btn.gray2:hover *,
.box_btn.gray2:active *,
.box_btn.gray2:focus * { background: #dadada; }
.box_btn.gray3 * { border-color: #e9e9e9; background: #e9e9e9; color: #666 !important; }
.box_btn.gray3:hover *,
.box_btn.gray3:active *,
.box_btn.gray3:focus * { background: #d6d3d3; }

/* 버튼스타일 - 텍스트 */
.box_btn.strong * { font-weight: bold; }
.box_btn.radius * { border-radius: 6px; }

/* 나열 버튼 */
.btn_col { width: 100%; }
.btn_col:after { display: block; clear: both; content: ""; }
.btn_col span { float: left; width: 49%; }
.btn_col span:last-child { float: right; }
.btn_col.col3 span { float: left; width: 32%; }
.btn_col.col3 span:nth-child(3n-1) { margin: 0 2%; }
.btn_col2 { width: 100%; }
.btn_col2:after { display: block; clear: both; content: ""; }
.btn_col2 span { float: left; width: 50%; }
.btn_col2 span:last-child { float: right; position: relative; left: -1px; }

/*-----------------------------------------------------------------*/
/* 2-3. product
/*-----------------------------------------------------------------*/

/* 상품스타일 - 기본 */ /* 상품스타일 - 기본 */
.prd_basic { display: block; font-size: 0; text-align: left !important; }
.prd_basic > li { display: inline-block; width: 50%; padding-bottom: 30px; padding-right: 1.5625%; text-align: center; vertical-align: top; }
.prd_basic > li:nth-child(2n) { padding-right: 0; padding-left: 1.5625%; }
.prd_basic .box { position: relative; width: 100%; margin: 0 auto; }
.prd_basic .box .img { overflow: hidden; position: relative; z-index: 1; width: 100%; margin: 0 auto; text-align: center; border-radius: 8px; }
.prd_basic .box .img .prdimg { transition: all 0.3s ease; background-color: #f5f5f5; }
.prd_basic .box .img .prdimg img { width: 100%; height: 100%; object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); }
.prd_basic .box .img:hover .prdimg { -ms-transform: scale(1.1, 1.1); /* IE 9 */
 -webkit-transform: scale(1.1, 1.1); /* Safari */
 transform: scale(1.1, 1.1); /* Standard syntax */}
.prd_basic .box .img .soldout { display: none; }
.prd_basic .box .img .wish { display: none; position: absolute; right: 0; top: 0; }
.prd_basic .box .img .wish a { display: block; width: 32px; height: 32px; background: url("https://pliki4.com/_skin/pliki_202405/img/shop/icon_wish.png")
 no-repeat center/32px; }
.prd_basic .box .img .wish a.wish_on { background-image: url("https://pliki4.com/_skin/pliki_202405/img/shop/icon_wish_on.png"); }
.prd_basic .box.out .img .prdimg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
.prd_basic .box.out .img::after{display:block;content:'Sold out';font-size:14px;font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.prd_basic .box.out .img .soldout { display: block; position: absoflute; left: 0; top: 50%; z-index: 5; width: 100%; color: #000; font-size: 1.167rem; font-weight: bold; text-align: center; cursor: pointer; } /* 품절시 soldout 출력 */
.prd_basic .box .info { position: relative; text-align: left; }
.prd_basic .box .quick { display: none; padding: 20px 0 0 2px; padding-left: 2px; font-size: 0; }
.prd_basic .box .quick li { display: inline-block; text-align: center; vertical-align: top; }
.prd_basic .box .quick li a { display: block; width: 32px; height: 32px; margin-left: -1px; border: 1px solid #dbdbdb; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 32px; text-indent: -9999px; transition: all 0.3s ease; }
.prd_basic .box .quick li a:hover { background-color: #f6f6f6; }
.prd_basic .box .quick li.preview a { background-image: url("https://pliki4.com/_skin/pliki_202405/img/shop/icon_preview.png"); }
.prd_basic .box .quick li.cart a { background-image: url("https://pliki4.com/_skin/pliki_202405/img/shop/icon_cart.png"); }
.prd_basic .box .quick li.wish a { background-image: url("https://pliki4.com/_skin/pliki_202405/img/shop/icon_wish.png"); }
.prd_basic .box .quick li.wish a.wish_on { background-image: url("https://pliki4.com/_skin/pliki_202405/img/shop/icon_wish_on.png"); }
.prd_basic .box .info .wish { position: absolute; right: 0; top: 13px; }
.prd_basic .box .info .wish a { display: block; width: 11px; height: 11px; }
.prd_basic .box .info .wish a .wish_icon { font-family: xeicon; color: #c3c3c3; font-size: 1.083rem; }
.prd_basic .box .info .wish a.wish_on .wish_icon:before { color: #333; content: "\ea10"; }
.prd_basic .box .name { padding: 13px 11px 0 0; }
.prd_basic .box .name a { font-size: 0.917rem; letter-spacing: -0.5px; }
.prd_basic .box .summary { overflow: hidden; padding-top: 2px; color: #999; font-size: 0.917rem; word-break: break-all; word-wrap: break-word; letter-spacing: -0.5px; }
.prd_basic .box .price { margin-top: 7px; padding-top: 8px; border-top: 1px solid #ededed;}
.prd_basic .box .price p {word-break: break-all; word-wrap: break-word; vertical-align: middle; }
.prd_basic .box .price .per { padding-right: 5px; color: #E52A2A; font-size: 1rem; font-weight: 700; }
.prd_basic .box .price .consumer { color: #999; font-size: 0.917rem; font-weight: 400; text-decoration: line-through; }
.prd_basic .box .price .consumerY { display: none; }
.prd_basic .box .price .sell { padding-right: 6px; display:flex;gap:5px;align-items:center;}
/*.prd_basic .box .price .sellY { text-decoration: line-through; }*/
/*.prd_basic .box .price .sellY strong { font-weight: 400; }*/
.prd_basic .box.basic .price .per{display:none;}
.prd_basic .box .price .discount { display: none; }
.prd_basic .box .price .discountY { display: block; }
.prd_basic .box .count { display: none; padding-top: 20px; font-size: 0; }
.prd_basic .box .count li { display: inline; position: relative; padding: 0 10px; color: #888; font-size: 0.917rem; }
.prd_basic .box .count li:after { position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background: #d2d2d2; content: ""; }
.prd_basic .box .count li:first-child:after { display: none; }
.prd_basic .box .icon { padding-top: 10px; }
.prd_basic .box .icon img { margin: 0 2px 2px 2px; vertical-align: middle; }
.prd_basic .box .today { display: inline-block; margin: 10px auto 0px; padding: 3px; background-color: #ebebeb; font-size: 0.917rem; }
.prd_basic .box .today * { font-size: inherit; }
.prd_basic .box .today > span { padding-left: 5px; color: #666; }
.consumer.consumer{font-weight: 400; text-decoration: line-through;color: rgba(34, 34, 34, 0.50);font-size: 14px;line-height:13px;}

/* 상품스타일 - 보기갯수 */
.prd_basic.col_img > li { width: 50%; padding-right: 1.5625%; }
.prd_basic.col_img > li:nth-child(2n) { padding-right: 0; padding-left: 1.5625%; }
.prd_basic.col_img .box .info { display: none; }
.prd_basic.col_list > li { width: 100%; margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid #ebebeb; }
.prd_basic.col_list > li .box:after { display: block; clear: both; content: ""; }
.prd_basic.col_list > li .box .img { float: left; width: 30%; }
.prd_basic.col_list > li .box .info { float: left; width: 70%; padding-left: 10px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.prd_basic.col_list > li .box .name { padding-top: 0; }
.prd_basic.col_list > li .box .quick,
.prd_basic.col_list > li .box .count { display: none; }
.prd_basic .box.basic .img .hit_view{font-size: 12px;line-height: 20px;position: absolute;right: 10px;top: 10px;z-index:1;}
.prd_basic .box.basic .img .new-txt{font-size: 12px;line-height: 20px;position: absolute;left: 10px;top: 10px;z-index:1;}
.prd_basic .box.basic .img .ranking{font-size: 12px;line-height: 30px;position: absolute;left:0;top:0;z-index:2;background:#333;color:#fff;width:30px;height:30px;display:none;}
.prd_basic .box.basic .img .ranking.on{display:block;}
.prd_basic .box.basic .img:has(.ranking.on) .new-txt{display:none;}
.prd_basic .box.basic .img .ranking[data-idx="1"],
.prd_basic .box.basic .img .ranking[data-idx="2"],
.prd_basic .box.basic .img .ranking[data-idx="3"],
.prd_basic .box.basic .img .ranking[data-idx="4"],
.prd_basic .box.basic .img .ranking[data-idx="5"],
.prd_basic .box.basic .img .ranking[data-idx="6"],
.prd_basic .box.basic .img .ranking[data-idx="7"],
.prd_basic .box.basic .img .ranking[data-idx="8"],
.prd_basic .box.basic .img .ranking[data-idx="9"],
.prd_basic .box.basic .img .ranking[data-idx="10"]{background:#000;}



@media all and (min-width: 768px){
 .prd_basic { margin-left: -15px; }
 .swiper.prd_basic { margin-left: 0; }
 .prd_basic > li { width: 25%; margin: 0 !important; padding: 0 0 40px 15px !important; }

 .prd_basic .box .name > a { font-size: 1.167em; letter-spacing: -0.7px; }
 .prd_basic .box .info .wish { top: 16px; right: 5px; }
 .prd_basic .box .info .wish a .wish_icon { font-size: 1.333rem; }
 .prd_basic .box .summary { font-size: 13px; line-height: 1.4; letter-spacing: -0.65px; }
 .prd_basic .box .summary:after { margin-top: 11px; }
 .prd_basic .box .icon { padding-top:10px; }
 .prd_basic .box .icon img { margin: 0 2px; vertical-align: middle; }
 .prd_basic .box .icon img:first-child{margin-left:0;}
 .prd_basic .box .price { margin-top: 13px; padding-top: 13px; display: flex;align-items: center;flex-wrap: wrap;}
 .prd_basic .box .price .per,
 .prd_basic .box .price .sell strong { font-size: 15px; }
 .prd_basic .box .price .consumer { margin-top: 1px; font-size: 1.167em; }
 .prd_basic .box .price .per { padding-right: 9px; }
 .prd_basic .box .price .sell { padding-right: 6px; }
 }

@media (max-width: 767px){
 .prd_basic .box.basic .img .hit_view{font-size:11px;font-weight:300;}
 .prd_basic .box.basic .img .new-txt{font-size:11px;font-weight:300;}
}


/* 상품스타일 - 관심상품, 관련상품 */
.prd_related { table-layout: fixed; clear: both; width: 100%; border-top: 1px solid #e0e0e0; border-collapse: collapse; }
.prd_related > li { overflow: hidden; width: 100%; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
.prd_related > li > div { margin-left: 160px; padding-bottom: 10px; }
.prd_related > li .chk { float: left; margin: 0 5px 0 0; }
.prd_related > li .img { float: left; margin: 0 15px 0 0; }
.prd_related > li .img img { width: 120px; height: auto; }
.prd_related > li .subject p { padding-bottom: 5px; }
.prd_related > li .subject .soldout { display: none; color: #d53838; }
.prd_related > li .subject .soldout.out { display: inline; }
.prd_related > li .subject .summary { color: #888; font-size: 0.917rem; }
.prd_related > li .opt { padding-bottom: 0; }
.prd_related > li .opt select { display: block; width: 100%; margin: 5px 0; height:20px;}
.prd_related > li .opt input[type=text] { height:20px; display: block; width: 100%; margin: 5px 0; border:1px solid #000; border-radius:3px;}
.prd_related.my > li .opt br { display: none; }

@media all and (min-width: 768px){
 .prd_related { display: table; }
 .prd_related > li { display: table-row; padding: 0; }
 .prd_related > li > div { display: table-cell; margin-left: 0; padding-bottom: 0; text-align: center; vertical-align: middle; }
 .prd_related > li .chk { float: none; width: 5%; margin: 0; }
 .prd_related > li .img { float: none; width: 120px; margin: 0; }
 .prd_related > li .subject { padding-left: 25px; text-align: left; }
 .prd_related > li .prc { width: 9%; }
 .prd_related > li .qty { width: 20%; }
 .prd_related > li .opt { width: 15%; }
 .prd_related > li .opt select{height:40px;}
 .prd_related > li .opt input[type=text] { height:40px;}
 }


@media all and (min-width:1024px) {
	/*h2 {font-size:56px;}*/
	span.sandoll {font-size:60px;}
	#visual {position:relative; display:block; overflow:hidden; clear:both;}
	#visual img {width:100%;}
	#visualM {display:none;}

	#hooking {position:relative; display:block; overflow:hidden; background-size:cover !important;
			background-position:center center !important; text-align:center; padding:80px 0;}
	#hooking h2 {margin:10px 0 50px;}
	#hooking .emoji {display:block; margin-bottom:80px;}
	#hooking .emoji img {max-width:90%;}
	#hooking .videoArea {position:relative; background:url("/theme/basic/img/videoBack.png") no-repeat;
			background-position:center center; line-height:0; font-size:0;}
	#hooking .videoArea .thumb {margin:0 auto; width:740px; max-width:100%;}
	#hooking .videoArea .videoPlay {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:60px;}
	#hooking .message {position:absolute;}
	#hooking .message1 {bottom:55px; left:15%;}
	#hooking .message2 {top:70px; left:21.5%;}
	#hooking .message3 {top:-35px; right:19.5%;}
	#hooking .message4 {bottom:25px; right:11%;}
		.visualPopup {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:60%; height:60%; z-index:10; display:none; font-size:0;}
		.visualPopup iframe {width:100%; height:100%; z-index:3;}
		.visualPopup .closeBtn {position:fixed; top:0; right:0; height:30px; background:#fff; padding:15px; border-radius:100%; z-index:999; cursor:pointer;}
		.v-layer {position:fixed; top:0; left:0; width:100vw; height:100vh; display:none;
						background:rgba(0,0,0,0.4); z-index:2; background-size:6px;}

	#training {position:relative; display:block; overflow:hidden; text-align:center; background:#fc8b12; padding:100px 0;}
	#training .sandoll {display:block; font-size:60px; line-height:1; font-weight:700; margin-top:30px; color:#FFF349;}
	#training > p {font-size:23px; line-height:34px; color:#fff; margin:20px 0 30px;}
	#training h2 {color:#fff; line-height:84px; font-weight:400; color:#fff;}
	#training h2 span {font-weight:700;}
	#training .imgArea {display:flex; justify-content:center; align-items:center; margin-top:50px;}
	#training .imgArea li {margin:0 10px; padding:20px 20px 30px; border-radius:30px; background:#fff;}
	#training .imgArea li img {width:320px;}
	#training .imgArea li p {font-size:28px; line-height:42px; font-weight:600; margin-top:20px; letter-spacing:-0.06em;}

	#bna {position:relative; display:block; overflow:hidden; text-align:center; padding:100px 0;
				background: linear-gradient(#1f192e 0, #331979 100%); font-size:0;}
	#bna .bnaBack1 {position:absolute; top:20%; left:2%;}
	#bna .bnaBack2 {position:absolute; top:25%; right:15%;}
	#bna .bnaBack3 {position:absolute; bottom:5%; right:3%;}
	#bna h2 {color:#fff; margin:10px 0;}
	#bna h2 span {color:#b297ff; margin-left:20px;}
	#bna > p {font-size:24px; line-height:34px; font-weight:400; color:#d6bbfb;}
	#bna > p br {display:none;}
		.videoSwiper {position:relative; display:block; margin-top:180px; }
		.videoSwiper .swiper-wrapper { position:relative; display:flex; align-items:center;  }
		.videoSwiper .swiper-wrapper .swiper-slide {position:relative; flex-shrink:0; transition: transform 0.3s; border-radius:20px; overflow:hidden;}
		.videoSwiper .swiper-wrapper .swiper-slide img {}
		.videoSwiper .swiper-wrapper .swiper-slide iframe {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); display:none; width:110%; height:110%;}
		.videoSwiper .swiper-wrapper .swiper-slide-active {transform: scale(1.6); border:10px solid rgba(0,0,0,0.8); background:#000; border-radius:50px; z-index:999}
		.videoSwiper .swiper-wrapper .swiper-slide .bnaPlay {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; cursor:pointer;
					opacity:0; height:86px !important; transition:.3s; box-shadow:2px 2px 4px rgba(0,0,0,0.3); border-radius:100%;}
		.videoSwiper .swiper-wrapper .swiper-slide-active .bnaPlay {opacity:1; transform:translate(-50%,-50%) scale(0.7);}
		.videoSwiper .arrow {margin-top:140px; margin-left:38%;}
		.videoSwiper .arrow .swiper-video-prev {display:inline-block; cursor:pointer; margin-right:10px;}
		.videoSwiper .arrow .swiper-video-next {display:inline-block; cursor:pointer;}
		.videoSwiper .arrow .swiper-video-prev img,
		.videoSwiper .arrow .swiper-video-next img {height:50px;}
		.videoPopup {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none; z-index:11;}
		.videoPopup li {width:100%; height:100%;}
		.videoPopup iframe {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:60%; height:60%;}
		.closeBna {position:absolute; top:20px; right:5%; height:30px; background:#fff; padding:15px; border-radius:100%; z-index:999; cursor:pointer; display:none;}

	#program {position:relative; display:block; overflow:hidden; text-align:center; padding:100px 0;}
	#program h3 {font-size:30px; line-height:45px; color:#FF6F00; letter-spacing:-0.05em; margin:20px 0;}
	#program h2 {font-weight:700;}
	#program h2 span {color:#FF6F00;}
	#program > p {font-size:24px; line-height:36px; font-weight:600; margin-top:50px;}
	#program > p.mobile {display:none;}
	#program .tag {display:flex; justify-content:center; margin:45px 0 100px;}
	#program .tag li {background:#f2f2f2; padding:10px 22px; border-radius:80px; font-size:22px; line-height:34px; font-weight:600; letter-spacing:-0.06em; margin:0 12px;}
	#program .class {display:flex; justify-content:space-between;}
	#program .class li {margin-right:20px;}
	#program .class li:last-child {margin-right:0;}
	#program .class img {display:block; width:100%;}
	#program .class a {display:block; width:200px; padding:14px 10px; border-radius:50px; font-size:20px; line-height:1; font-weight:700; background:#222; color:#fff; margin:30px auto 0; box-shadow:0 4px 4px rgba(0,0,0,0.1);}
	#program .class a:after {display:inline-block; content:""; background:url("/theme/basic/img/arrow-nextW.svg") no-repeat; width:12px; height:12px; margin-left:10px; vertical-align:middle;}

	#best {position:relative; display:block; overflow:hidden; text-align:center; background:#F2F4F7; padding:100px 0 40px; font-size:0;}
	#best h2 {margin-bottom:5px;}
	#best .emoji {height:80px;}
	#best > span {margin-left:10px;}
	#best .reviewArea {display:flex; justify-content:center; margin:60px 0;}
	#best .reviewArea li {background:#fff; font-size:0; line-height:0; padding:30px 10px 45px; margin:0 10px;
			border-radius:30px;}
	#best .reviewArea li .face {height:140px;}
	#best .reviewArea li .star {display:block; margin:15px auto;}
	#best .reviewArea li p {font-size:22px; line-height:33px; font-weight:700; letter-spacing:-0.04em; padding:0 20px;}
	#best .reviewArea li p.who {font-size:18px; font-weight:400; margin:15px 0 45px;}
	#best .reviewArea li a {font-size:20px; font-weight:700; line-height:20px; background:#222;
			border-radius:50px; color:#fff;
			padding:13px 20px; box-shadow:2px 2px 4px rgba(0,0,0,0.2); letter-spacing:-0.02em;}
	#best .reviewArea li a img {height:8px; margin:7px 10px;}

	#why {position:relative; display:block; overflow:hidden; text-align:center; background:#1a1a1a; padding:100px 0;}
	#why h2 {color:#fff; font-weight:400; line-height:67.2px; letter-spacing:-0.06em; margin:30px 0 50px;}
	#why h2 span {font-weight:600;}
		.whySwiper {position:relative; display:block; overflow:hidden;}
		.whySwiper .swiper-wrapper {display:flex;}
		.whySwiper .swiper-wrapper .swiper-slide {flex-shrink:0;}

	#roadMap {position:relative; display:block; overflow:hidden; text-align:center; background:#000; padding:100px 0; font-size:0;}
	#roadMap h3 {font-size:30px; line-height:36px; font-weight:600; color:#FF881B;}
	#roadMap h2 {font-weight:600; color:#fff; margin:10px 0 60px;}
	#roadMap .topArea {border-radius:30px; border:2px solid #fa9428; width:1000px; margin:0 auto; background:rgba(255,255,255,0.15); padding:20px 0;}
	#roadMap .roadInner {display:flex; justify-content: center; align-items:center; padding:40px 60px; }
	#roadMap li {margin-right:20px; text-align:left;}
	#roadMap li:first-child {padding-right:20px;}
	#roadMap li:last-child {margin-right:0;}
	#roadMap li p {font-size:40px; line-height:52px; font-weight:500; color:#fff; white-space:nowrap; margin-top:25px; font-family: 'GmarketSans';}
	#roadMap li p span {font-weight:600;}
	#roadMap .bottomArea {border-radius:30px; background:rgba(255,255,255,0.15); width:1000px; margin:0 auto; padding:20px 0;}
	#roadMap .bottomArea .roadInner {padding:60px;}
	#roadMap .bottomArea .roadInner li p {margin-bottom:20px;}
	#roadMap .bottomArea .roadInner li ul {display:flex; align-items:center;}

	#soriEng {position:relative; display:block; overflow:hidden; text-align:center; padding:100px 0;}
	#soriEng h2 span {display:block; font-weight:500; margin-top:10px;}
	#soriEng .soriCont {display:flex; justify-content:center; margin-top:60px;}
	#soriEng .soriCont .soriLeft {margin-right:30px;}
	#soriEng .soriCont .soriLeft ul {display:flex; padding:40px; border-radius:30px; margin-bottom:30px; text-align:left;}
	#soriEng .soriCont .soriLeft ul:first-child {background:#f2f4f7;}
	#soriEng .soriCont .soriLeft ul:last-child {background:#FFE863; margin-bottom:0; align-items:flex-end;;}
	#soriEng .soriCont .soriLeft ul li:first-child {margin-right:10px;}
	#soriEng .soriCont .soriRight {background:#FFA065; border-radius:30px;}
	#soriEng .soriCont .soriRight ul {padding:25px 25px 0;}
	#soriEng .soriCont .soriRight ul li {text-align:left;}
	#soriEng .soriCont ul li p {color:#000;}
	#soriEng .soriCont ul li p.num {border-radius:30px; background:#222; font-size:20px; padding:5px 10px; color:#fff; font-weight:700; width:50px; text-align:center;}
	#soriEng .soriCont ul li p.title {font-size:34px; line-height:51px; font-weight:700; margin:20px 0 10px;}
	#soriEng .soriCont ul li p.desc {font-size:26px; line-height:39px; font-weight:400;}
	#soriEng .soriCont .soriRight ul li p.desc {margin-bottom:65px;}


	#career {position:relative; display:block; overflow:hidden; background:url("/theme/basic/img/careerBack.jpg") no-repeat;
			background-size:cover; background-position:center center; padding:80px 0 0; text-align:center; font-size:0;}
	#career .careerEffect {position:absolute; top:0; left:50%; transform:translateX(-50%);}
	#career h2 {line-height:67.2px; margin-bottom:10px;}
	#career h3 {color:#FF6F00; font-size:56px; font-weight:700; text-align:center; letter-spacing:-0.06em; line-height:67.2px; margin-bottom:30px;}
	#career .book {display:block; width:30%; margin:50px auto;}
	#career .txtArea {position:relative; padding:40px 30px 30px 50px; background:#fff; border-radius:30px 30px 0 0; width:700px; margin:0 auto;}
	#career .txtArea li {text-align:left; font-size:24px; line-height:40px; font-weight:700; letter-spacing:-0.09em;}
	#career .txtArea li:before {content:"·"; width:20px; height:20px; color:#FF6F00; margin-right:10px;}
	#career .txtArea .prizeBack {position:absolute; bottom:90px; right:20%;}
	#career .txtArea .jua {position:absolute; bottom:0; right:-33%; width:400px;}

	#talk {position:relative; display:block; overflow:hidden; text-align:center; padding:100px 0 0;
				background: linear-gradient(rgba(225, 226, 230, 0) 0%,rgba(225, 226, 230, 1) 100%);}
	#talk h2 {margin:20px 0 5px; line-height:84px;}
	#talk .desc {width:600px; border:1px solid #000; border-radius:60px; font-size:22px; line-height:60px; font-weight:600;
				margin:40px auto 65px;}
	#talk .talkHead {position:relative; display:flex; align-items:center; justify-content:flex-end;
				width:660px; height:45px; margin:0 auto; background:#fff; border-radius:20px 20px 0 0; text-align:right;}
	#talk .talkCont {background:#E1E2E6; width:660px; margin:0 auto;}
	#talk .talkCont .inner {padding:30px 30px 50px 30px;}
	#talk .talkCont .inner ul.left {text-align:left;}
	#talk .talkCont .inner ul li {font-size:0; line-height:0;}
	#talk .talkCont .inner ul li a {position:relative; display:block;}
	#talk .talkCont .inner ul li a img {margin-bottom:0;}
	#talk .talkCont .inner img {display:block; margin-bottom:12px;}
	#talk .talkCont .inner a img.playBtn {position:absolute; top:0; left:0; height:75px; transition:.2s;}
	#talk .talkCont .inner a img.playBtn:hover {opacity:0;}
	#talk .talkCont .inner a img.playBtn2 {height:75px;}
	#talk .talkCont .inner a img.pause {position:absolute; top:0; left:0; height:75px; transition:.2s; display:none;}

	#talk .talkCont .inner ul.right {margin-top:30px;}
	#talk .talkCont .inner ul.right img {margin-left:auto;}
	#talk .talkCont .inner ul.right img.playBtn {left:auto; right:0;}
	#talk .talkCont .inner ul.right img.pause {left:auto; right:0;}
	#talk .beforeSound {display:none;}

	#bubbles .bubble {
	  width: 200px;
	  height: 200px;
	  background-image: url("/theme/basic/img/bubble.png");
	  background-size: cover;
	  border-radius: 50%;
	  position: absolute;
	  bottom: -450px;
	  opacity: 1;
	}


	@keyframes floatBubble {
	  0% {
		transform: translateX(0);
		opacity: 1;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		transform: translateX(100px) translateY(-1200px);
		opacity: 1;
	  }
	}

	#process {position:relative; display:block; overflow:hidden; background:linear-gradient(#332753 0%, #111112 100%); text-align:center; padding:100px 0 70px;}
	#process span.sandoll {color:#d0ff59; font-size:70px; line-height:1; font-weight:700; display:block; margin:30px 0;}
	#process h2 {color:#fff;}
	#process ul {width:1000px; margin:50px auto 0; max-width:90%;}
	#process ul li {margin-bottom:20px; border-radius:30px; padding:40px 70px; background:#fff; font-size:38px; line-height:50px; font-weight:600;
				text-align:left; color:#000;}
	#process ul li span {display:inline-block; vertical-align:middle; width:50px; height:49px; background:#101828; border-radius:30px;
				font-weight:500; font-size:30px; line-height:50px;color:#fff; margin-right:20px; text-align:center; margin-top:-8px;}


	#realReview {position:relative; display:block; overflow:hidden; /*padding:100px 0 0; */ background:#F2F4F7; text-align:center; font-size:0;}
	#realReview h2 {margin-top:35px; line-height:84px; margin-bottom:15px;}
	#realReview h2 span {color:#FF6F00;}
	#realReview > p {font-size:24px; font-weight:400;}
	#realReview .reviewArea {position:relative; display:block; padding:100px 0 0; margin:100px 0;}
	#realReview .reviewArea .backCont {position:absolute; left:25%; top:0; display:inline-block; vertical-align:top; width:440px; height:600px;
				background:url("/theme/basic/img/backCont.png") rgba(0,0,0,1) no-repeat; background-size:cover; background-position:center center; border-radius:50px;}
	#realReview .reviewArea .backCont .desc {font-size:26px; font-weight:500; line-height:40px; color:#fff; text-align:left; padding:50px 40px; letter-spacing:-0.05em;}
	#realReview .reviewArea .backCont .desc p {font-size:40px; line-height:50px; font-weight:600;}
	#realReview .reviewArea .subDesc {position:absolute; left:calc(23% + 500px); top:0; display:inline-block; vertical-align:top; text-align:left;
				margin-left:30px; padding-top:40px;}
	#realReview .reviewArea .subDesc span {font-size:40px; font-weight:700; line-height:46px;}
	#realReview .reviewArea .subDesc span p {color:#667085; margin-left:25px;}

	#realReview .reviewSwiper {position:relative; display:block; padding-top:70px; padding-bottom:20px; width:118vw;}
	#realReview .reviewSwiper .swiper-wrapper {display:flex;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide {flex-shrink:0; border-radius:50px; background:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1);}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-opacity {opacity:0.5;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .inner {padding:50px 40px;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top {display:block;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left {display:inline-block; text-align:left; width:50%; margin-right:-4px; vertical-align:top;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left p {margin-top:20px; font-size:16px; font-weight:400; line-height:20px; letter-spacing:-0.06em;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .right {display:inline-block; text-align:right; width:50%; vertical-align:top; margin:-15px 0 15px;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .bottom {font-size:24px; line-height:36px; letter-spacing:-0.06em; font-weight:500; text-align:left;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-active {}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-prev {margin-left:20%;}
	#realReview .arrow {text-align:right; padding-right:30%;}
	#realReview .swiper-review-next {display:inline-block; cursor:pointer;}
	#realReview .swiper-review-prev {display:inline-block; cursor:pointer;}

	#timeAttack {position:fixed; bottom:0; left:0; width:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; height:90px;
				background:rgba(0,0,0,0.85); text-align:center; letter-spacing:-0.05em; z-index:10;}
	#timeAttack > span {font-size:22px; font-weight:500;color:#fff; margin-right:10px;}
	#timeAttack #timer {font-size:22px; font-weight:500; text-align: center; color:#fff; width:100px;}
	#timeAttack .footBtn {display:flex; align-items:center; font-size:26px; font-weight:700; color:#fff; font-family: 'GmarketSans';
				padding:13px 24px 8px; background:#F9544B; border-radius:16px; margin-left:60px; box-shadow:0 5px #a4362f; letter-spacing:-0.05em;}
	#timeAttack .footBtn span {color:#fff478; margin-right:7px;}
	#timeAttack .footBtn img {display:inline-block; vertical-align:top; height:30px; margin-left:10px; margin-top:-7px;}
}
@media all and (max-width:1440px) {
	#realReview .reviewSwiper {padding-top:150px; width:120vw; left:150px;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-prev {}
}
@media all and (max-width:1023px) {
	h2 {font-size:25px;}
	span.sandoll {font-size:28px;}
	.emoji {height:40px;}
	.topImg {height:50px;}

	#visual {position:relative; display:block; overflow:hidden; clear:both; font-size:0; line-height:0;}
	#visual img {width:100%;}
	#visualM {display:none;}

	#hooking {position:relative; display:block; overflow:hidden; background-size:cover !important;
			background-position:center center !important; text-align:center; padding:40px 0;}
	#hooking h2 {margin:10px 0 15px;}
	#hooking .videoArea {position:relative; background:url("/theme/basic/img/videoBack.png") no-repeat;
			background-position:center center; line-height:0; font-size:0;}
	#hooking .videoArea .thumb {width:90%; margin:0 auto;}
	#hooking .videoArea .videoPlay {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:50px;}
		.visualPopup {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; height:90%; z-index:10; display:none;}
		.visualPopup iframe {width:100%; height:100%; z-index:3;}
		.visualPopup .closeBtn {position:fixed; top:0; right:0; height:30px; background:#fff; padding:15px; border-radius:100%; z-index:999; cursor:pointer;}
		.v-layer {position:fixed; top:0; left:0; width:100vw; height:100vh; display:none;
						background:rgba(0,0,0,0.8); z-index:2; background-size:6px;}

	#training {position:relative; display:block; overflow:hidden; text-align:center; background:#fc8b12; padding:40px 2.5%;}
	#training .sandoll {display:block; font-size:30px; line-height:1; font-weight:700; margin-top:20px; color:#FFF349;}
	#training > p {font-size:16px; line-height:1.4; color:#fff; margin:10px 0 20px;}
	#training h2 {color:#fff; font-weight:400; color:#fff; font-size:5.8vw;}
	#training h2 span {font-weight:700;}
	#training .imgArea {margin-top:30px;}
	#training .imgArea li {display:block; width:80%; border-radius:20px; background:#fff; margin:0 auto 20px; padding:20px 20px 0;}
	#training .imgArea li img {width:100%;}
	#training .imgArea li p {font-size:18px; line-height:1.4; font-weight:600; letter-spacing:-0.06em; padding:15px 0 25px;}

	#bna {position:relative; display:block; overflow:hidden; text-align:center; padding:40px 2.5%;
				background: linear-gradient(rgba(17, 17, 17, 1) 0%, rgba(52, 40, 85, 1) 100%); font-size:0;}
	#bna .bnaBack1 {position:absolute; top:20%; left:2%; width:50%;}
	#bna .bnaBack2 {position:absolute; top:25%; right:15%; width:10%;}
	#bna .bnaBack3 {position:absolute; bottom:5%; right:3%;}
	#bna .topImg {height:50px;}
	#bna h2 {color:#fff; margin:10px 0;}
	#bna h2 span {color:#b297ff; margin-left:10px;}
	#bna > p {font-size:16px; line-height:1.4; font-weight:400; color:#d6bbfb;}
		.videoSwiper {position:relative; display:block; margin-top:80px; }
		.videoSwiper .swiper-wrapper { position:relative; display:flex; align-items:center;  }
		.videoSwiper .swiper-wrapper .swiper-slide {position:relative; flex-shrink:0; transition: transform 0.3s; border-radius:15px; overflow:hidden;}
		.videoSwiper .swiper-wrapper .swiper-slide img {}
		.videoSwiper .swiper-wrapper .swiper-slide iframe {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); display:none; width:110%; height:110%;}
		.videoSwiper .swiper-wrapper .swiper-slide-active {transform: scale(1.2); z-index:999}
		.videoSwiper .swiper-wrapper .swiper-slide .bnaPlay {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; cursor:pointer;
					opacity:0; height:86px !important; transition:.3s; box-shadow:2px 2px 4px rgba(0,0,0,0.3); border-radius:100%;}
		.videoSwiper .swiper-wrapper .swiper-slide-active .bnaPlay {opacity:1; transform:translate(-50%,-50%) scale(0.5);}
		.videoSwiper .arrow {margin-top:50px;}
		.videoSwiper .arrow .swiper-video-prev {display:inline-block; cursor:pointer; margin-right:20px;}
		.videoSwiper .arrow .swiper-video-next {display:inline-block; cursor:pointer;}
		.videoSwiper .arrow .swiper-video-prev img,
		.videoSwiper .arrow .swiper-video-next img {height:40px;}
		.videoPopup {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none; z-index:11;}
		.videoPopup li {width:100%; height:100%;}
		.videoPopup iframe {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; max-width:90%; height:600px;}
		.closeBna {position:absolute; top:20px; right:5%; height:30px; background:#fff; padding:15px; border-radius:100%; z-index:999; cursor:pointer; display:none;}

	#program {position:relative; display:block; overflow:hidden; text-align:center; padding:40px 0 0;}
	#program h3 {font-size:18px; line-height:1.4; color:#FF6F00; letter-spacing:-0.05em; margin:10px 0;}
	#program h2 {font-weight:700;}
	#program h2 span {color:#FF6F00;}
	#program > p {font-size:18px; line-height:24px; font-weight:600; margin-top:30px;}
	#program > p.web {display:none;}
	#program .tag {display:flex; justify-content:center; flex-wrap:wrap; margin:45px 0 50px;}
	#program .tag li {background:#f2f2f2; padding:10px 20px; border-radius:20px; font-size:16px; line-height:1; font-weight:600; letter-spacing:-0.06em; margin:0 7px 20px;}
	#program .class {display:flex; justify-content:space-between;}
	#program .class li {display:block; margin:0 5px;}
	#program .class li.dummy {display:none;}
	#program .class img {display:block; width:100%;}
	#program .class a {display:block; width:120px; padding:10px 10px; border-radius:30px; font-size:14px; line-height:1; font-weight:700; background:#222; color:#fff; margin:15px auto 50px; box-shadow:0 4px 4px rgba(0,0,0,0.1);}
	#program .class a:after {display:inline-block; content:""; background:url("/theme/basic/img/arrow-nextW.svg") no-repeat; width:8px; height:8px; margin-left:5px; vertical-align:middle;}

	#best {position:relative; display:block; overflow:hidden; text-align:center; background:#F2F4F7; padding:60px 0 0; }
	#best h2 {margin-bottom:30px;}
	#best > span {margin-left:7px;}
	#best .reviewArea {display:flex; justify-content:center; flex-direction:column; margin:40px 10%;}
	#best .reviewArea li {background:#fff; font-size:0; line-height:0; padding:20px 0 35px; margin:0 0 20px;
			border-radius:25px;}
	#best .reviewArea li .face {height:80px;}
	#best .reviewArea li .star {display:block; margin:15px auto;}
	#best .reviewArea li p {font-size:16px; line-height:1.4; font-weight:700; letter-spacing:-0.04em; padding:0 20px;}
	#best .reviewArea li p.who {font-size:16px; font-weight:400; margin:15px 0 25px;}
	#best .reviewArea li a {font-size:16px; font-weight:700; line-height:20px; background:#222;
			border-radius:50px; color:#fff; padding:10px 20px; box-shadow:2px 2px 4px rgba(0,0,0,0.2); letter-spacing:-0.02em;}
	#best .reviewArea li a img {height:8px; margin:7px 10px;}

	#why {position:relative; display:block; overflow:hidden; text-align:center; background:#1a1a1a; padding:60px 0;}
	#why h2 {color:#fff; font-weight:400; line-height:1.4; letter-spacing:-0.06em; margin:20px 0 30px;}
	#why h2 span {font-weight:600;}
		.whySwiper {position:relative; display:block; overflow:hidden;}
		.whySwiper .swiper-wrapper {display:flex;}
		.whySwiper .swiper-wrapper .swiper-slide {flex-shrink:0;}
		.whySwiper .swiper-why-pagination {text-align:center; margin-top:20px;}
		.whySwiper .swiper-why-pagination .swiper-pagination-bullet {display:inline-block; margin-right:10px; width:12px; height:12px; background:rgba(255,255,255,0.5); border-radius:100%;}
		.whySwiper .swiper-why-pagination .swiper-pagination-bullet-active {background:#FF6F00;}

	#roadMap {position:relative; display:block; overflow:hidden; text-align:center; background:#000; padding:60px 5%; font-size:0; text-align:center;}
	#roadMap h3 {font-size:30px; line-height:36px; font-weight:600; color:#FF881B;}
	#roadMap h2 {font-weight:600; color:#fff; margin:10px 0 60px;}
	#roadMap .topArea {border-radius:30px; border:2px solid #fa9428; width:90%; margin:0 auto; background:rgba(255,255,255,0.15); padding:20px 0;}
	#roadMap .roadInner {padding:20px 40px; }
	#roadMap li {margin-bottom:15px;}
	#roadMap .topArea li img {margin-left:10px;}
	#roadMap li p {font-size:40px; line-height:52px; font-weight:500; color:#fff; white-space:nowrap; margin:10px 0 20px; font-family: 'GmarketSans';}
	#roadMap li p span {font-weight:600;}
	#roadMap .bottomArea {border-radius:30px; background:rgba(255,255,255,0.15); width:90%; margin:0 auto; padding:20px 0;}
	#roadMap .bottomArea .roadInner {}
	#roadMap .bottomArea .roadInner li {margin-left:0; margin-bottom:20px;}
	#roadMap .bottomArea .roadInner li.left {margin-bottom:50px;}
	#roadMap .bottomArea .roadInner li p {margin-bottom:20px;}
	#roadMap .bottomArea .roadInner li ul li {padding:0 5px;}

	#soriEng {position:relative; display:block; overflow:hidden; text-align:center; padding:60px 5%;}
	#soriEng h2 {white-space:nowrap; font-size:22px;}
	#soriEng h2 span {display:block; font-weight:500; margin-top:5px;}
	#soriEng .soriCont {margin-top:40px;}
	#soriEng .soriCont .soriLeft {text-align:center; margin-bottom:30px;}
	#soriEng .soriCont .soriLeft ul {position:relative; padding:20px; border-radius:30px; margin:0 5% 30px; text-align:left;}
	#soriEng .soriCont .soriLeft ul:first-child {background:#f2f4f7;}
	#soriEng .soriCont .soriLeft ul:last-child {background:#FFE863; margin-bottom:0;}
	#soriEng .soriCont .soriLeft ul li:first-child {margin-right:10px;}
	#soriEng .soriCont .soriLeft ul li img {display:block; width:60%; margin:0 auto;}
	#soriEng .soriCont .soriRight {position:relative; background:#FFA065; border-radius:30px; margin:0 5%;}
	#soriEng .soriCont .soriRight ul {padding:20px;}
	#soriEng .soriCont .soriRight ul li {}
	#soriEng .soriCont ul li p {color:#000; text-align:center;}
	#soriEng .soriCont ul li p.num {position:absolute; top:18px; left:20px; border-radius:30px; background:#222; font-size:14px; padding:5px 10px;
				color:#fff; font-weight:700; width:30px; text-align:center;}
	#soriEng .soriCont ul li p.title {display:block; font-size:18px; line-height:1.4; font-weight:700; margin-left:20px; margin-bottom:20px;}
	#soriEng .soriCont ul li p.desc {font-size:16px; line-height:1.4; font-weight:400; margin-bottom:20px;}

	#career {position:relative; display:block; overflow:hidden; background:url("/theme/basic/img/careerBack.jpg") no-repeat;
			background-size:cover; background-position:center center; padding:60px 0 0; text-align:center; font-size:0;}
	#career .careerEffect {position:absolute; top:20px; left:50%; transform:translateX(-50%);}
	#career h2 {font-size:22px;}
	#career h3 {color:#FF6F00; font-size:22px; font-weight:700; text-align:center; letter-spacing:-0.06em; margin-bottom:30px;}
	#career .book {display:block; margin:50px auto 30px; width:90%}
	#career .prize {transform:scale(1.2);}
	#career .txtArea {position:relative; padding:20px 5%; background:#fff; border-radius:15px 15px 0 0; width:80%; margin:0 auto;}
	#career .txtArea li {position:relative; text-align:center; font-size:15px; line-height:30px; font-weight:700; letter-spacing:-0.09em; z-index:1;}
	#career .txtArea li:before {content:"·"; width:20px; height:20px; color:#FF6F00; margin-right:10px;}
	#career .txtArea .prizeBack {position:absolute; bottom:50px; right:50%; transform:translateX(50%); height:150px; z-index:0;}
	#career .txtArea .jua {position:absolute; bottom:-40px; right:-60px; height:300px;}

	#talk {position:relative; display:block; overflow:hidden; text-align:center; padding:40px 0 0;
				background: linear-gradient(rgba(225, 226, 230, 0) 0%,rgba(225, 226, 230, 1) 100%);}
	#talk h2 {margin:20px 0 5px; line-height:40px;}
	#talk .desc {width:80%; border:1px solid #000; border-radius:60px; font-size:16px; line-height:40px; font-weight:600;
				margin:40px auto;}
	#talk .talkHead {position:relative; display:flex; align-items:center; justify-content:flex-end;
				width:90%; height:40px; margin:0 auto; background:#fff; border-radius:20px 20px 0 0; text-align:right;}
	#talk .talkCont {background:#E1E2E6; width:90%; margin:0 auto;}
	#talk .talkCont .inner {padding:20px 20px 40px 20px;}
	#talk .talkCont .inner ul.left {text-align:left;}
	#talk .talkCont .inner ul li {font-size:0; line-height:0;}
	#talk .talkCont .inner ul li img.student {height:40px;}
	#talk .talkCont .inner ul li a {position:relative; display:block;}
	#talk .talkCont .inner ul li a img {margin-bottom:0;}
	#talk .talkCont .inner img {display:block; margin-bottom:8px; height:35px;}
	#talk .talkCont .inner a img.playBtn {position:absolute; top:0; left:0; height:50px; transition:.2s;}
	#talk .talkCont .inner a img.playBtn:hover {opacity:0;}
	#talk .talkCont .inner a img.playBtn2 {height:50px;}
	#talk .talkCont .inner a img.pause {position:absolute; top:0; left:0; height:75px; transition:.2s; display:none; height:50px;}

	#talk .talkCont .inner ul.right {margin-top:30px;}
	#talk .talkCont .inner ul.right img {margin-left:auto;}
	#talk .talkCont .inner ul.right img.playBtn {left:auto; right:0;}
	#talk .talkCont .inner ul.right img.pause {left:auto; right:0;}
	#talk .beforeSound {display:none;}

		#bubbles .bubble {
		  width: 200px;
		  height: 200px;
		  background-image: url("/theme/basic/img/bubble.png");
		  background-size: cover;
		  border-radius: 50%;
		  position: absolute;
		  bottom: -450px;
		  opacity: 1;
		  box-shadow:4px 4px 4px rgba(0,0,0,0.05);
		}


		@keyframes floatBubble {
		  0% {
			transform: translateX(0);
			opacity: 1;
		  }
		  50% {
			opacity: 1;
		  }
		  100% {
			transform: translateX(100px) translateY(-1200px);
			opacity: 1;
		  }
		}

	#process {position:relative; display:block; overflow:hidden; background:linear-gradient(#332753 0%, #111112 100%); text-align:center; padding:40px 0 40px;}
	#process span.sandoll {display:block; color:#d0ff59; margin:20px 0 5px;}
	#process h2 {color:#fff;}
	#process ul {max-width:90%; margin:50px auto 0;}
	#process ul li {display:block; margin-bottom:10px; border-radius:30px; padding:10px 20px; background:#fff; font-size:16px; line-height:30px; font-weight:600;
				text-align:left; color:#000;}
	#process ul li.size {font-size:15px;}
	#process ul li.size span {margin-top:-3px;}
	#process ul li span {display:inline-block; vertical-align:middle; width:30px; height:30px; background:#101828; border-radius:30px;
				font-weight:500; font-size:16px; line-height:30px;color:#fff; margin-right:10px; text-align:center; margin-top:-5px;}

	#realReview {position:relative; display:block; overflow:hidden; /*padding:40px 0;*/ background:#F2F4F7; text-align:center; font-size:0;}
	#realReview h2 {margin-top:20px; line-height:40px; margin-bottom:5px;}
	#realReview h2 span {color:#FF6F00;}
	#realReview > p {font-size:16px; font-weight:400; padding:0 5%;}
	#realReview .reviewArea {position:relative; display:block; padding-top:30px;}
	#realReview .reviewArea .backCont {display:block; height:200px; margin:20px 10% 30px;
				background:url("/theme/basic/img/backCont.png") rgba(0,0,0,1) no-repeat; background-size:cover; background-position:center -50px; border-radius:20px;}
	#realReview .reviewArea .backCont .desc {font-size:14px; font-weight:500; line-height:40px; color:#fff; text-align:left; padding:20px 5%; letter-spacing:-0.05em;}
	#realReview .reviewArea .backCont .desc p {font-size:22px; line-height:1.4; font-weight:600;}
	#realReview .reviewArea .subDesc {display:block;}
	#realReview .reviewArea .subDesc span {font-size:28px; font-weight:700; line-height:1.3;}
	#realReview .reviewArea .subDesc span p {color:#667085;}

	#realReview .reviewSwiper {position:relative; display:block; padding-top:0; padding-bottom:20px; left:0; width:100%;}
	#realReview .reviewSwiper .swiper-wrapper {display:flex;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide {flex-shrink:0; border-radius:20px; background:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1);}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-opacity {opacity:0.5;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .inner {padding:30px 20px;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top {display:block;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left {display:inline-block; text-align:left; width:50%; margin-right:-4px; vertical-align:top;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left p {margin-top:20px; font-size:16px; font-weight:400; line-height:20px; letter-spacing:-0.06em;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .right {display:inline-block; text-align:right; width:50%; vertical-align:top; margin:-15px 0 15px;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .bottom {font-size:14px; line-height:1.4; letter-spacing:-0.06em; font-weight:500; text-align:left;}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-active {}
	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-prev {}
	#realReview .arrow {text-align:center;}
	#realReview .swiper-review-next {display:inline-block; cursor:pointer;}
	#realReview .swiper-review-prev {display:inline-block; cursor:pointer;}
	#realReview .swiper-review-next img,
	#realReview .swiper-review-prev img {height:50px;}

	#timeAttack {position:fixed; bottom:0; left:0; width:90%; padding:10px 5% 15px; overflow:hidden;
				background:rgba(0,0,0,0.85); text-align:center; letter-spacing:-0.05em; z-index:9;}
	#timeAttack > span {display:inline-block; font-size:14px; font-weight:600;color:#fff; margin-right:4px; text-align:center; line-height:30px;}
	#timeAttack #timer {display:inline-block; font-size:16px; font-weight:600; text-align: center; color:#fff; width:100px;}
	#timeAttack .footBtn {display:flex; align-items:center; font-size:30px; font-weight:700; color:#fff; font-family: 'GmarketSans';
				padding:16px 24px 8px; background:#F9544B; border-radius:16px; margin-left:40px; box-shadow:0 5px #a4362f; letter-spacing:-0.05em;}
	#timeAttack .footBtn span {color:#fff478; margin-right:7px;}
	#timeAttack .footBtn img {display:inline-block; vertical-align:top; height:20px; margin-left:10px; margin-top:4px;}

	#timeAttack .footBtn {display:block; width:80%; font-size:18px; line-height:30px; padding:5px 10px; box-shadow:0 2px #a4362f; margin:5px auto 0;}
}

@media all and (max-width:960px) {
	#visual.web {display:none;}
	#visualM {position:relative; display:block; overflow:hidden; clear:both; font-size:0; line-height:0;}
	#visualM img {width:100%;}
}

@media all and (max-width:750px) {

	#career .txtArea li {text-align:left;}
}
@charset "utf-8";
	body {font-size:12px;}
	@media all and (max-width:980px) {
		body {font-size:12px;}
		}
/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */

*{-webkit-tap-highlight-color: transparent !important;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font-family:'Pretendard', sans-serif;  color:#353535; background:#fff;
			font-weight:400; word-break:keep-all;
			-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; letter-spacing:-0.02em}
body { line-height:1.4; max-width:3840px; margin:0 auto;  	}
body.zoom-open {overflow:hidden;}
body#popup { min-width:0; }
li { list-style:none; }
img {max-width:100%;}
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input {border-radius:0 !important; max-width:100%;}
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
fieldset,input,textarea,button {font-family:'Inter', 'Pretendard', sans-serif !important;}
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !important; }
select {color:#111 !important;}

/* 결제진행바 */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }


.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }

/* **************************** **************************** */


/*input[type="radio"]:checked {*/
/*	border:0 !important;*/
/*    background:transparent url("//soritunenglish.com/ifw/radioChecked.svg") no-repeat !important;*/
/*    -webkit-appearance: none;*/
/*	}*/
/*input[type="radio"] {border-radius:0 !Important; background:url("//soritunenglish.com/ifw/radioBtn.svg") no-repeat !important;}*/

/*input[type="checkbox"]:checked {*/
/*	border:0 !important;*/
/*    background:transparent url("//soritunenglish.com/ifw/checkbox-on.svg") no-repeat !important;*/
/*    -webkit-appearance: none;*/
/*	}*/
/*input[type="checkbox"] {*/
/*	border:0 !important;*/
/*	width: 18px !important;*/
/*	height: 18px !important;*/
/*	background-size: 18px 18px !important;*/
/*	border-radius:0 !Important;*/
/*	background:transparent url("//soritunenglish.com/ifw/checkbox.svg") no-repeat !important;*/
/*	}*/

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-thumb {background-color: #f7f7f8; border:1px solid #111;}
::-webkit-scrollbar-track {background-color: white;}
@charset "utf-8";


#topBanner {position:relative; display:block; height:140px; font-size:0; line-height:0; background:#000; text-align:center;}
#topBanner img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-height:100%; max-width:100%;}

/*  */
.path { overflow:hidden; height:30px; line-height:30px; *zoom:1; display:none;}
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px; }
.path li:first-child { background:none; }
.path li a { color:#757575; }
.path li strong,
.path li strong a { color:#2e2e2e; }

/* 타이틀 */
.titleArea { min-height:30px; margin:10px 0 20px;}
.titleArea h2 { display:inline-block; color:#2e2e2e; font-size:16px; *display:inline; }
.titleArea p { display:inline-block; position:relative; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; *display:inline; }
.titleArea p:before { display:inline-block; position:absolute; top:0; left:0; content:""; width:1px; height:13px; border-left:1px solid #d9d9d9; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { position:relative; padding:0 0 0 9px; }
.titleArea ul li:before { display:block; position: absolute; top:50%; left:0; content:""; width:2px; height:2px; margin:-2px 0 0 0; background:#939393; }

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain td img { vertical-align:middle; margin:1px; }
.boardMain .board { position:relative; margin:0 0 65px; }
.boardMain .leftArea { float:left; width:50%; }
.boardMain .leftArea .board { margin:0 23px 65px 0; }
.boardMain .rightArea { float:right; width:50%; }
.boardMain .rightArea .board { margin:0 0 65px 23px; }
.boardMain .board h3 { margin:0 0 13px; height:28px; font-size:16px; color:#2e2e2e; border-bottom:2px solid #626672; }
.boardMain .board .btnLink { position:absolute; top:3px; right:0; }
.boardMain .board .ec-base-table.typeList td { color:#a4a4a4; }
.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover { color:#4f4f4f; }
.boardMain .board .galleryList { overflow:hidden; }
.boardMain .board .galleryList ul { overflow:hidden; margin:0 -10px; }
.boardMain .board .galleryList li { float:left; position:relative; width:20%; padding:0 0 12px 0; word-break:break-all; }
.boardMain .board .galleryList li span { display:block; margin:0 10px; font-size:11px; color:#a4a4a4; }
.boardMain .board .galleryList li .imgLink,
.boardMain .board .galleryList li .imgLink:hover { display:block; margin:0 10px 5px; font-size:12px; }
.boardMain .board .galleryList li .imgLink img { width:100%; max-height:110px; border:1px solid #ededed; }

/* 퀵뷰 모달 */
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }

/* 아이디찾기 */
.xans-member-findid {max-width:400px !important;}
.xans-member-findid .ec-base-help p:before,
.xans-member-findid .ec-base-help ul li:before {display:none;}
.xans-member-findid .ec-base-help {text-align:center;}
.xans-member-findid .ec-base-help ul li {padding:0;font-size:12px;margin-bottom:5px;}
.xans-member-findid .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findid .ec-base-box.typeMember .content {width:100%;}
.xans-member-findid .ec-base-desc.gVer .desc {margin:5px 0 20px;}
.xans-member-findid .ec-base-desc.gVer .desc select {height:40px;}
.xans-member-findid .ec-base-desc.gVer .desc input {display:inline-block; vertical-align:middle; font-size:16px;}
.xans-member-findid .ec-base-desc.gVer .desc label {display:inline-block; vertical-align:middle; font-size:14px;}
.ec-base-desc .term {font-size:15px; line-height:40px !Important}
.xans-member-findid .ec-base-desc.gVer li.focus strong {color:#f37021;}
.xans-member-findid .ec-base-button.gBottom {margin-top:20px; }
.xans-member-findid .ec-base-button.gBottom .sizeM { padding:13px 0; font-size:15px; font-weight:400; color:#fff; transition:.3s; background:#f37021;}
.xans-member-findid .ec-base-button.gBottom .sizeM:hover {background:#000;}
/* 아이디찾기 완료 */
.xans-member-findidresult {max-width:400px; margin:30px auto;}
.xans-member-findidresult .info { margin:0 0 20px; text-align:center;}
.xans-member-findidresult .information {border:1px solid #ccc; padding:30px; 5%;}
.xans-member-findidresult .information li {margin:10px 0}

/* 비밀번호찾기 */
.xans-member-findpasswd {max-width:400px !important; }
.xans-member-findpasswd .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findpasswd .ec-base-box.typeMember .content {width:100%;}
.xans-member-findpasswd .ec-base-desc.gVer .desc {margin:5px 0 20px;}
.xans-member-findpasswd .ec-base-desc.gVer .desc select {height:40px;}
.xans-member-findpasswd .ec-base-desc.gVer .desc input {display:inline-block; vertical-align:middle;}
.xans-member-findpasswd .ec-base-desc.gVer .desc label {display:inline-block; vertical-align:middle; font-size:14px;}
.xans-member-findpasswd select, .xans-member-findpasswd input[type="text"] {border-color:#ccc}
.xans-member-findpasswd .ec-base-desc.gVer li.focus strong {color:#f37021;}
.xans-member-findpasswd .ec-base-button.gBottom {margin-top:20px; }
.xans-member-findpasswd .ec-base-button.gBottom .sizeM { padding:13px 0; font-size:15px; font-weight:400; color:#fff; transition:.3s; background:#f37021;}
.xans-member-findpasswd .ec-base-button.gBottom .sizeM:hover {background:#000;}

/* 비밀번호찾기 2단계 */
.xans-member-findpasswdmethod {max-width:400px;}
.xans-member-findpasswdmethod .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findpasswdmethod .ec-base-box.typeMember .content {width:100%;}
.xans-member-findpasswdmethod .ec-base-button.gBottom {display:flex;}
.xans-member-findpasswdmethod .ec-base-button.gBottom a {flex:1;}

/* 비밀번호찾기 2단계 힌트 */
.xans-member-findPasswdQuestion {max-width:400px;}
.xans-member-findPasswdQuestion .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findPasswdQuestion .ec-base-box.typeMember .content {width:100%;}
.xans-member-findPasswdQuestion .ec-base-desc.gVer .desc {margin:5px 0 20px;}

/* 비밀번호찾기 재설정 */
.xans-member-passwordreset {max-width:400px;}
.xans-member-passwordreset .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-passwordreset .ec-base-box.typeMember .content {width:100%;}
.xans-member-passwordreset .ec-base-button.gBottom {display:flex;}
.xans-member-passwordreset .ec-base-button.gBottom a {flex:1;}

/* 비밀번호찾기 본인확인 */
.xans-member-passwordverification {max-width:400px;}
.xans-member-passwordverification .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-passwordverification .ec-base-box.typeMember .content {width:100%;}
.xans-member-passwordverification .ec-base-desc.gVer .desc {margin:5px 0 20px;}
.xans-member-passwordverification .ec-base-button.gBottom {display:flex;}
.xans-member-passwordverification .ec-base-button.gBottom a {flex:1;}

/* 비밀번호찾기 완료 */
.xans-member-findpasswdresult {max-width:400px;}
.xans-member-findpasswdresult .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findpasswdresult .complete {width:100%;}

/* 회원정보수정 */
.xans-member-edit {max-width:720px;margin:0 auto;}
.xans-member-edit .required {font-size:14px;color:#1a1a1a;margin:-19px 0 0 0;}
.xans-member-edit .icoRequired {margin-right:12px;}
.xans-member-edit .txtInfo {display:block;margin:10px 0 0 0;}
.xans-member-edit .ec-base-table {border-top:2px solid #1a1a1a;}
.xans-member-edit .ec-base-table.typeWrite th[scope*="row"] {padding:10px 16px;font-size:14px;font-weight:400;}
.xans-member-edit .ec-base-table.typeWrite .ec-address input[type="text"],
.xans-member-edit .ec-base-table.typeWrite .ec-address select,
.xans-member-edit .ec-base-table.typeWrite td input[type="text"],
.xans-member-edit .ec-base-table.typeWrite td input[type="password"],
.xans-member-edit .ec-base-table.typeWrite td select {width:100%}
.xans-member-edit .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {width:160px;}
.xans-member-edit .ec-base-table .gFlow {display:block;margin:10px 0 0;}
.xans-member-edit #mobile1,
.xans-member-edit #mobile2,
.xans-member-edit #mobile3,
.xans-member-edit #phone1,
.xans-member-edit #phone2,
.xans-member-edit #phone3,
.xans-member-edit #birth_year,
.xans-member-edit #marry_year,
.xans-member-edit #partner_year,
.xans-member-edit #birth_month,
.xans-member-edit #marry_month,
.xans-member-edit #partner_month,
.xans-member-edit #birth_day,
.xans-member-edit #marry_day,
.xans-member-edit #partner_day {width:110px;}
.xans-member-edit .ec-base-table.typeWrite .formGroup {padding-left:20px;}
.xans-member-edit .ec-base-table.typeWrite .formGroup input[type="text"],
.xans-member-edit .ec-base-table.typeWrite .formGroup input[type="password"],
.xans-member-edit .ec-base-table.typeWrite .formGroup select,
.xans-member-edit .ec-base-table.typeWrite .formGroup [class^="btn"] {margin:0 14px;}
.xans-member-edit .eTooltip {display:block;}
.xans-member-edit #phone1,
.xans-member-edit #mobile1,
.xans-member-edit #birth_year,
.xans-member-edit #marry_year,
.xans-member-edit #partner_year {margin-left:0;}
.xans-member-edit #birth_year,
.xans-member-edit #birth_month,
.xans-member-edit #birth_day,
.xans-member-edit #marry_year,
.xans-member-edit #marry_month,
.xans-member-edit #marry_day,
.xans-member-edit #partner_year,
.xans-member-edit #partner_month,
.xans-member-edit #partner_day {width:106px !important;margin-right:3px !important;}
.xans-member-edit [class^='btn'].sizeS {width:60px;height:30px;padding:0;line-height:30px;border:1px solid #d6d6d6;font-size:13px;color:#1a1a1a;}
.xans-member-edit .ec-base-button.gBottom {display:flex;margin-top:40px;}
.xans-member-edit .ec-base-button.gBottom button,
.xans-member-edit .ec-base-button.gBottom a {flex:1;height:56px;padding:0;line-height:56px;font-size:16px;}
.xans-member-edit .ec-base-table.typeWrite table .interest {margin:10px 0 0 0;word-break:keep-all;}
.xans-member-edit .ec-base-table.typeWrite table .interest input {margin:-2px 0 10px 0;}
.xans-member-edit .ec-base-table.typeWrite table .interest label {font-size:14px;margin:0 24px 0 10px;}
.xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:'\a';white-space:pre;}

/* 비밀번호 수정 */
.xans-member-changepasswd {max-width:400px;margin:0 auto;}
.xans-member-changepasswd .ec-base-help {text-align:center;}
.xans-member-changepasswd .ec-base-help p:before {display:none;}
.xans-member-changepasswd .ec-base-help p {padding:0;font-size:14px;margin:0;}
.xans-member-changepasswd .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-changepasswd .ec-base-box.typeMember .content {width:100%;}
.xans-member-changepasswd .ec-base-button.gBottom {display:flex;}
.xans-member-changepasswd .ec-base-button.gBottom a {flex:1;}

@media all and (max-width:1080px) {
	#topBanner {height:100px;}
}
/* Font */
.txtInfo { color:#868686; font-size:12px; line-height:22px; }
p.txtInfo,
ul.txtInfo { margin:10px 0 0; }
span.txtInfo { margin-left:10px; }
p.txtInfo.typeDot,
.txtInfo.typeDot li { position:relative; padding:0 0 0 14px; }
p.txtInfo.typeDot:before,
.txtInfo.typeDot li:before { content:""; position:absolute; top:8px; left:0; display:inline-block; width:4px; height:4px; border-radius:50%; background:#868686; }
.txtList { color:#868686; font-size:13px; line-height:20px; }
p.txtList,
ul.txtList { margin:10px 0 0; }
.txtWarn { color:var(--font-color-warn); }
.txtEm { color:var(--font-color-primary); }
.txtSecondary { color:var(--font-color-secondary); }
.txtSuccess { color:var(--font-color-success); }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:16px; color:#333; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
  /* JP, TW, CN */
  html:lang(ja) .txt11,
  html:lang(zh) .txt11,
  html:lang(zh-tw) .txt11 { font-size:12px; }


/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank15 { display:block; margin-top:15px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* svg icon */
svg.icon { display:block; }

/* css icon */
.icon.icoClose { display:block; position:relative; overflow:hidden; width:15px; height:15px; margin:0 auto; font-size:1px; line-height:0; color:transparent; white-space:nowrap; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.icon.icoClose:before { content:""; position:absolute; top:0; right:7px; width:1px; height:15px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.icon.icoClose:after { content:""; position:absolute; top:7px; right:0; width:15px; height:1px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
    .icon.icoClose.white:before,
    .icon.icoClose.white:after { background:#fff; }
.icon[class*="icoArrow"] { display:inline-block; overflow:hidden; width:8px; height:8px; text-indent:120%; white-space:nowrap; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.icon.icoArrowRight {  -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
.icon.icoArrowLeft {  -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.icon.icoArrowTop { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.icon.icoArrowBottom { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
	.icon[class*="icoArrow"].white { border-color:#fff; }
.icon.icoNav { display:block; width:20px; height:2px; color:#000; background: currentColor; box-shadow: 0 14px 0; margin:-8px auto 0; position: relative;  }
.icon.icoNav:before { content: ""; position: absolute; top: 7px; left: 0; width:20px; height:2px; background: currentColor; }
.icon.icoUser { overflow:hidden; display:inline-block; width:22px; height:22px; border-bottom:2px solid #000; box-sizing:border-box; }
.icon.icoUser:before { content:""; display:block; width:6px; height:6px; margin:0 auto 1px; border-radius:50%; border:2px solid #000; }
.icon.icoUser:after { content:""; display:block; width:18px; height:16px; border-radius:50%; border:2px solid #000; }

/* Form */
/*input:focus {border-bottom:2px solid #f37021 !important;}*/
/*input[type=text],*/
/*input[type=password] { height:40px; line-height:40px; padding:2px 4px 2px 15px; border:0; border-bottom:2px solid #ddd; color:var(--font-color-base); font-size:16px; box-sizing:border-box; outline:1px; background:none; }*/
/*input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea, select { -moz-appearance:none; -webkit-appearance:none; appearance:none; }*/
/*input[type=text]:not(:disabled):focus,*/
/*input[type=password]:not(:disabled):focus,*/
/*input[type=text]:not(:disabled):hover,*/
/*input[type=password]:not(:disabled):hover { transition:.3s; }*/
/*input[type=text]:disabled { background:#f9f9f9; }*/
/*input[type=text][readonly] { background:none; }*/
/*textarea { padding:10px 15px; border:1px solid #e0e0e0; line-height:1.5; }*/
/*input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }*/
/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }*/
/*input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }*/
/*input.gFull { width:100%; }*/
/*!* file *!*/
/*input[type="file"] { height:40px; line-height:1; font-size:13px; color:#7d7d7d; }*/
/*input[type="file"]::file-selector-button,*/
/*input[type="file"]::-webkit-file-upload-button { height:40px; padding:0 20px; font-size:13px; color:#1c1c1c; border:1px solid #bcbcbc; border-radius:0; background:#fff; box-sizing:border-box; -webkit-appearance:none; }*/
/*!* select *!*/
/*select { width:100%; height:20px; padding:0 30px 0 15px; height:40px; line-height:40px; font-size:14px; border:0; border-bottom:2px solid #ddd; box-sizing:border-box; background:url("//img.echosting.cafe24.com/skin/skin/common/ico_select.png") no-repeat right 10px center; background-size:14px 8px; }*/
/*select::-ms-expand { display:none; }*/
/*!* radio *!*/
/*input[type="radio"] { position:relative; opacity:1; width:18px; height:18px; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0;*/
/*  background:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio.png") no-repeat 0 0; background-size:18px 18px; outline:0; overflow:hidden;}*/
/*input[type="radio"]:checked { background:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio_checked.png") no-repeat; -webkit-transition:.2s ease-out; transition:.2s ease-out; }*/
/*input[type="radio"]::-ms-check { border:1px solid #000; background-color:#fff; }*/
/*!* checkbox *!*/
/*input[type="checkbox"] { position:relative; opacity:1; cursor:pointer; width:15px; height:15px; vertical-align: text-top; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:1px solid #000; background:#fff; outline:0; }*/
/*input[type="checkbox"]:checked { border:0; background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png") no-repeat; background-size:15px 15px; -webkit-transition:.2s ease-out; transition:.2s ease-out; }*/
/*  !* ie support *!*/
/*    input[type="checkbox"]::-ms-check { border:1px solid #ababab; background-color:#fff; }*/
/*    input[type="checkbox"]:checked::-ms-check { color:transparent; border:0; background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png") no-repeat; background-size:15px 15px; background-repeat:no-repeat; }*/
/*label > input[type=radio], label > input[type=checkbox] { margin:0 10px 0 0; vertical-align:middle; }*/
/*label + label { margin-left:15px; }*/
/*input[type=radio] + label, input[type=checkbox] + label { margin:0 15px 0 10px; vertical-align:middle; }*/

/*legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }*/

/*table tr.radioType input,*/
/*span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }*/

.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull select { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }

/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; vertical-align:top; cursor:pointer; }



/* ec-base-field */
.ec-base-field { display:-webkit-flex; display:-ms-flex; display:flex; }
.ec-base-field input[type="text"],
.ec-base-field input[type="password"] { -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-field input ~ [class*='btn'] { margin-left:5px; }
.ec-base-field.code { margin:0 -9px; align-items:center; }
.ec-base-field.code input[type="text"],
.ec-base-field.code input[type="password"] { margin:0 9px; }

/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}

/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:103px; padding:0 30px; vertical-align:top; box-sizing:border-box; }
.ec-base-qty input[type="text"] { width:45px; height:30px; padding:0; line-height:28px; margin-left:-1px; text-align:center; }
.ec-base-qty input[type="text"]:focus,
.ec-base-qty input[type="text"]:hover { border:1px solid #e5e5e5; }
.ec-base-qty img { position:absolute; top:0; left:0; opacity:.00001; width:100%; height:100%; z-index:10; }
.ec-base-qty .up { position:absolute; right:0; top:0; }
.ec-base-qty .down { position:absolute; left:0; top:0; }
.ec-base-qty a { width:30px; height:30px; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-indent: 150%; color: transparent; font-size: 1px; line-height:1px; }
.ec-base-qty a:before { content: ''; position: absolute;left:11px; top: 50%; width: 9px; height: 1px; background: #000; }
.ec-base-qty .up:after {content: ''; position: absolute;left: 50%; top: 50%;width: 1px;height: 9px; margin: -4px 0 0 0; background: #000;}
.ec-base-qty .qtyUp {position:absolute; right:0; top:0;}
.ec-base-qty .qtyDown { position:absolute; left:0; top:0;}
.ec-base-qty .qtyUp .up { position:static; left:auto; top:auto; }
.ec-base-qty .qtyDown .down { position:static; left:auto; top:auto; }

/* ec-base-step */
.ec-base-step { margin:20px 0 30px; text-align:left; }
.ec-base-step li { display:inline-block; font-size:13px; color:#939393;  }
.ec-base-step li:not(:last-child):after { content:""; display:inline-block; width:8px; height:8px; vertical-align:middle;
										border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
										-webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.ec-base-step li:not(:last-child):after { margin:-2px 10px 0; }
.ec-base-step .selected { color:#000; }


/********************* PC *********************/
@media all and (min-width:1025px) {
	.ec-base-step { text-align:center; }
    .ec-base-step li { font-size:12px; }
	.ec-base-step li:not(:last-child):after { margin:-2px 30px 0; }

    /* memberArea */
    .memberArea { max-width:898px; margin:0 auto; }

    #capp-shop-new-product-optionselect-layer { position:fixed !important; top:0 !important; right:0 !important; left:auto !important; width:458px !important; height:100% !important; margin:0 !important; }
    #capp-shop-new-product-optionselect-layer > iframe { z-index:1111; position:relative; }
    #capp-shop-new-product-optionselect-layer:after { content:""; display:block; position:fixed; top:0; bottom:0; right:0; left:0; z-index:1; background:#00000040; }
    #capp-shop-new-product-optionselect-backlayer { width:100% !important; background: #000; }
    #capp-shop-new-product-optionselect-backlayer + #capp-shop-new-product-optionselect-layer:after { display:none; }
}

@media all and (max-width:790px) {
	.txtNum {font-size:14px;}
	input[type=text], input[type=password] {font-size:13px;}
}

.ec-base-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:15px; border:1px solid #565960; background:#fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.ec-base-tooltip h3 + p { margin:0 5px 10px; }
.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#565960; border-width:0 5px 5px 5px; }
.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:#757575; }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:8px 10px; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .txtEm { color:#008bcc; }
.ec-base-tooltip .txtWarn { color:#f65b54; }

/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto; bottom:34px; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#565960; border-width:5px 5px 0 5px; }
.ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; }
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 9px; padding:1px 0 1px 20px; line-height:1.4; text-align:left; background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px; }

div.ec-base-help { margin:20px 0; border:1px solid #d6d4d4; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:9px 0 6px 10px; border-bottom:1px solid #e8e7e7; color:#101010; font-size:12px; background:#fbfbfb; }
div.ec-base-help .inner { padding:0 9px 12px; }
div.ec-base-help h4 { margin:22px 0 -4px; color:#404040; font-size:12px; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:13px; }
div.ec-base-help p { margin:15px 0 0 10px; color:#707070; }
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0 11px; }
div.ec-base-help li { color:#707070; }

/* number */
div.ec-base-help ol li { padding:0 0 0 25px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat; }
div.ec-base-help ol .item1 { background-position:-484px 0; }
div.ec-base-help ol .item2 { background-position:-434px -100px; }
div.ec-base-help ol .item3 { background-position:-384px -200px; }
div.ec-base-help ol .item4 { background-position:-334px -300px; }
div.ec-base-help ol .item5 { background-position:-284px -400px; }
div.ec-base-help ol .item6 { background-position:-234px -500px; }
div.ec-base-help ol .item7 { background-position:-184px -600px; }
div.ec-base-help ol .item8 { background-position:-134px -700px; }
div.ec-base-help ol .item9 { background-position:-84px -800px; }
div.ec-base-help ol .item10 { background-position:-34px -900px; }

/* typeDash */
div.ec-base-help ul li { padding:0 0 0 11px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px; }
.ec-base-help.typeDash li { padding:0 0 0 11px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px; }
.ec-base-tooltip .ec-base-help.typeDash li { margin:2px 0; }
.ec-base-product { margin:0 0 40px; padding:60px 70px 80px; background:#fff; border-radius:30px;}
.ec-base-product h2 {font-size:28px; font-weight:500; color:#333; letter-spacing:-0.06em; margin-bottom:30px;}
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }

.ec-base-product .prdList { width:100%; margin:-20px 0 0; font-size:0; line-height:0;}
.ec-base-product .prdList > li { position:relative; display:inline-block; margin:30px 0 20px; color:#757575; vertical-align:top;}

.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; text-align:center; border-radius:16px 16px 0 0; border-radius:16px 16px 0 0; overflow:hidden;}
.ec-base-product .prdList .thumbnail .prdImg { position:relative; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .thumbnail .sold {position:absolute; top:10px; left:10px; background:#000; color:#fff; line-height:1;
										display:block; border-radius:4px; padding:8px 12px;	font-weight:600; font-size:14px;}
.ec-base-product .prdList .thumbnail .promotion { float:left; margin:0 0 4px; text-align:left; }
.ec-base-product .prdList .thumbnail .promotion img { margin:0 4px 0 0; }
.ec-base-product .prdList .thumbnail .button { float:right; margin:0 0 4px; }
.ec-base-product .prdList .thumbnail .button img { margin:0 2px 0 0; cursor:pointer; }
.ec-base-product .prdList .thumbnail .button .option { display:inline; position:relative; }
.ec-base-product .prdList .thumbnail .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .thumbnail .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .thumbnail .button .likeButton button img { margin:0; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton.selected button { color:#353535; }

.ec-base-product .prdList .description {position:relative; margin:0 auto; padding:32px 34px 30px; font-size:12px; line-height:18px; text-align:center;
			border-radius:0 0 16px 16px; border:1px solid rgba(0,0,0,0.1); border-top:0;}
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; }
.ec-base-product .prdList .description .name a {line-height:31px;}
.ec-base-product .prdList .description .name a span {font-size:24px !important; letter-spacing:-0.05em;}
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }
.ec-base-product .prdList .description .ec-base-help { margin-left:0; }

.xans-product-listmain .description li.percent {font-weight:600; margin-top:15px;}
.xans-product-listmain .description li.percent .grey {margin-left:6px; color:#b4b4b4; text-decoration:line-through;}
.xans-product-listmain .description li.installPrice {margin-top:8px; font-weight:600; letter-spacing:-0.1em;}

.xans-product-listmain .description li.listTag {margin-top:35px;}
.xans-product-listmain .description li.listTag span span {display:inline-block; background:#eaecf0; border-radius:4px; padding:8px 12px; margin:0 7px 7px 0; font-weight:600;}
.xans-product-listmain .description li.listTag .black {position:absolute; top:-17px; left:0; background:#000; padding:5px 20px 1px 34px; border-radius:0 50px 50px 0; font-family:'GmarketSans'; line-height:30px; text-align:center; color:#fff;}
.xans-product-listmain .description li.period {margin-top:20px; line-height:30px; border-bottom:1px solid #ddd;}
.xans-product-listmain .description li.period span span {display:inline-block; width:50%; margin-right:-4px;}
.xans-product-listmain .description li.group { line-height:30px; border-bottom:1px solid #ddd;}
.xans-product-listmain .description li.group span span {display:inline-block; width:50%; margin-right:-4px;}
.xans-product-listmain .description li.recruit { line-height:30px; border-bottom:1px solid #ddd;}
.xans-product-listmain .description li.recruit span span {display:inline-block; width:50%; margin-right:-4px;}
.xans-product-listmain .description li.remain {line-height:30px;}
.xans-product-listmain .description li.remain strong {display:inline-block; width:50%; margin-right:-8px; font-size:14px; color:#555;}
.xans-product-listmain .description li.remain span:before {display:inline-block; content:"";
			background:url("//soritunenglish.com/ifw/detail/icon-member.svg") no-repeat; width:13px; height:13px; margin-right:5px;}
.xans-product-listmain .description li:last-child {border-bottom:0;}

/* grid */
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:calc(33.333% - 20px); margin-right:30px;}
.ec-base-product ul.grid3 > li:nth-child(3n) {margin-right:0;}
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }

/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { text-align:left; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }

.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

@media all and (max-width:1320px) {
	.ec-base-product .prdList .description .name a span {font-size:20px !important;}
}

@media all and (max-width:1100px) {
	.ec-base-product .prdList .description .name a span {font-size:18px !important;}
}
@media all and (max-width:1024px) {
	.ec-base-product {padding:40px 40px 50px;}
	.ec-base-product h2 {font-size:18px;}
	.ec-base-product ul.grid3 > li { width:calc(50% - 10px); margin-right:20px;}
	.ec-base-product ul.grid3 > li:nth-child(2n) {margin-right:0;}
	.ec-base-product ul.grid3 > li:nth-child(3n) {margin-right:20px;}
	.ec-base-product .prdList .description {padding:20px 20px 20px;}
	.ec-base-product .prdList .thumbnail .sold {top:10px; padding:5px 9px; font-size:12px;}
	.xans-product-listmain .description li.percent {margin-top:10px;}
	.xans-product-listmain .description li.percent span {font-size:16px !important;}
	.xans-product-listmain .description li.percent .grey {}
	.xans-product-listmain .description li.installPrice {margin-top:5px;}
	.xans-product-listmain .description li.installPrice span {font-size:16px !important;}
	.xans-product-listmain .description li.listTag {margin-top:20px;}
	.xans-product-listmain .description li.listTag span span {font-size:12px !important; padding:5px 9px;}
	.xans-product-listmain .description li.badge {position:absolute; top:-17px; left:0; background:#000; padding:3px 10px 0 24px; border-radius:0 30px 30px 0;}
	.xans-product-listmain .description li.badge span {line-height:25px; font-size:12px !important;}
	.xans-product-listmain .description li.badge span:after {content:"🔥"; font-size:16px; line-height:25px; margin-left:5px;}
	.xans-product-listmain .description li.listTag .black {padding:0 15px;}
}
@media all and (max-width:690px) {
	.ec-base-product {padding:30px 5% 40px;}
	.ec-base-product ul.grid3 > li { width:100%; margin-right:0;}
}
/* typeList */
.ec-base-paginate.typeList { margin:60px 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate.typeList > a {background:url("//soritunenglish.com/web/ifw/detail/nextPage.svg")no-repeat center center; background-size:30px 30px; display: inline-block; width:40px;
line-height: 40px;  text-align: center;  box-sizing:border-box;}
.ec-base-paginate.typeList > a.first,
.ec-base-paginate.typeList > a.last {display:none}
.ec-base-paginate.typeList > a:first-child {transform:rotate(-180deg)}
.ec-base-paginate.typeList > a:nth-child(2) {transform:rotate(-180deg)}


.ec-base-paginate.typeList > a:first-child + a::after {transform: rotate(-135deg); border:1px solid #333}
.ec-base-paginate.typeList ol { display:inline-block; font-size:0; line-height:0; vertical-align:middle; margin:0 15px }
.ec-base-paginate.typeList li { display:inline-block; margin:0 0 0 -1px; vertical-align:top; }
.ec-base-paginate.typeList li:first-child { margin-left:0; }
.ec-base-paginate.typeList img { vertical-align:top; }
.ec-base-paginate.typeList li a { display:block; line-height:20px; margin:0 10px;;  text-align:center; font-size:18px; font-weight:500; color:#999; }
.ec-base-paginate.typeList li a:hover { text-decoration:none; color:#111;  }
.ec-base-paginate.typeList li a.this {color:#f37021;  text-decoration:underline; font-weight:600; }
.ec-base-paginate.typeList a.nolink { cursor:default; }
/* typeSwipe */
.ec-base-paginate.typeSwipe { text-align: center; }
.ec-base-paginate.typeSwipe .prev, .ec-base-paginate.typeSwipe .next{ display: none; }
.ec-base-paginate.typeSwipe [id*='swipe-button'] button { display: inline-block; margin: 0 7px; width: 8px; height: 8px; overflow: hidden; font-size: 1px; line-height: 0; text-indent: -9999px; border-radius: 100%; background: #000; opacity: .2; }
.ec-base-paginate.typeSwipe [id*='swipe-button'] button.selected { opacity: 1; }



.ec-base-paginate.typeList > a::after,


.ec-base-tab { position:relative; }
.ec-base-tab .menu {
    margin:0 0 20px; border:1px solid #cbcdce; border-bottom-color:#202020; border-left:0; background:#f2f2f2;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li { float:left; border-left:1px solid #cbcdce; background:#f2f2f2; }
.ec-base-tab .menu li a { display:block; min-width:187px; margin:0 0 0 -1px; padding:12px 5px 11px; border-right:1px solid #cbcdce; color:#707070; text-decoration:none; outline:0; text-align:center; background:#f2f2f2; }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; top:-1px; left:-2px; margin:0 0 -1px; border:1px solid #202020; border-bottom:0; color:#fff; font-weight:bold; background:#4a5164; }
.ec-base-tab .menu li.selected:first-child a { left:-1px; }
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
  /* typeLight */
  .ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#404040; background:#fff; }
  /* grid (2~7) */
  .ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
  .ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; }
  .ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:100%; min-width:0; margin:0; padding:11px 0; border:0; }
  .ec-base-tab[class*="grid"] .menu li.selected { position:relative; top:0; right:-1px; border:1px solid #292929; border-bottom:0; background:#4a5164; }
  .ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
  .ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; }
    .ec-base-tab.grid2 .menu li { width:50.5%; }
    .ec-base-tab.grid3 .menu li { width:34%; }
    .ec-base-tab.grid4 .menu li { width:25.5%; }
    .ec-base-tab.grid5 .menu li { width:20.5%; }
    .ec-base-tab.grid6 .menu li { width:17%; }
    .ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
    .ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }
  /* gFlex */
  .ec-base-tab.gFlex .menu { display:flex; border-right:0; }
  .ec-base-tab.gFlex .menu:after { display:none; }
  .ec-base-tab.gFlex .menu li { display:flex; align-items: center; float:none; flex:1; position:relative; }
  .ec-base-tab.gFlex .menu li:last-child { border-right:1px solid #cbcdce; }
  .ec-base-tab.gFlex .menu li a { width:100%; min-width:0; border-right:0; background:none; word-break:break-all; }
  .ec-base-tab.gFlex .menu li a:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; }
  .ec-base-tab.gFlex .menu li.selected { border:1px solid #292929; border-bottom:0; background:#4a5164; }
  .ec-base-tab.gFlex .menu li.selected a { left:0; margin:0 0 -1px -1px; background:#4a5164; border:0; position: initial;}
/* button */
[class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; line-height:30px; font-size:12px; padding:0 10px; box-sizing:border-box; border:1px solid #bcbcbc;  font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#000; background-color:#f7f7f8; }
[class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; line-height:30px;  font-size:12px; box-sizing:border-box; border:1px solid transparent; font-weight:600; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#f37021; transition:.3s;}
[class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:0 8px; border:1px solid transparent; font-size:14px; line-height:30px; font-weight:normal; text-decoration:none; vertical-align:bottom; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#f37021; transition:.3s;}
[class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#f0f0f0; }
	a[class^='btnSubmit']:hover {background:#000;}
    [class^='btnNormal']:not(.disabled):hover,
	[class^='btnNormal']:not(.disabled).selected { border-color:#000; }
    [class^='btnEm']:not(.disabled):hover { background-color:#000; }
    [class^='btnBasic']:not(.disabled):hover { background-color:#e5e5e5; }
    [class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
    [class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
    [class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
    [class^='btnBasic'].disabled { color:#999; }
[class^='btn'] + [class^='btn'] { margin-left:6px; }
	/* sizeQty */
	[class^='btn'].sizeQty { padding:9px 20px; height:30px; margin-left:6px; font-size:12px; line-height:12px; }
	/* btnText */
	.btnText { display:inline-block; font-size:12px; line-height:18px; text-decoration:underline; }
    /* width full */
    [class^='btn'].gFull { width:100%; }
	[class^='btn'].gFull + [class^='btn'].gFull { margin:10px 0 0; }
/* btnMore */
.xans-product-listmore { text-align:center; }
.btnMore { display:inline-block; min-width: 220px; padding: 15px 0; border:1px solid #222; text-align:center; transition: all 400ms;}
.btnMore:hover{background: #222; border-color: #222; color: #fff; text-decoration: none;}
.btnMore .icon{ margin: -8px 0 0 10px; vertical-align: middle;}
.btnMore:hover .icon{border-color: #fff;}

/* ec-base-button */
.ec-base-button { margin:20px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
    /* type */
    .ec-base-button.typeBorder { margin-top:-1px; padding:10px 0; border:1px solid #d7d5d5; }
	/* gBottom */
	.ec-base-button.gBottom { margin:50px 0 0; }
    .ec-base-button.gBottom [class^='btn'] + [class^='btn'] { margin-left:10px; }
    /* gColumn */
    .ec-base-button[class*="gColumn"] { margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
    .ec-base-button[class*="gColumn"]:after { display:none; }
    .ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 5px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
        /* gFlex */
        .ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; }
        .ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3; -moz-flex:3; -ms-flex:3; flex:3; }
        .ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4; -moz-flex:4; -ms-flex:4; flex:4; }
    /* gFixed */
    .ec-base-button.gFixed { position:fixed; z-index:990; left:0; bottom:0; max-width:100%; width:100%; margin:0; box-sizing:border-box; background:#fff; }
    .ec-base-button.gFixed > .ec-base-button,
	.ec-base-button.gFixed > .ec-base-button[class*="gColumn"] { margin:10px 11px; }

                                                   /* unique */
    .btnLogin, a.btnLogin { display:block; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; color:#fff; background-color:#f37021; transition:.3s;}
    .btnLogin:hover { background-color:#000; }
    .btnAgree, a.btnAgree { display:inline-block; box-sizing:border-box; width:80px; height:70px; line-height:70px; border:1px solid #d1d1d1; border-radius:2px; text-align:center; font-family:"굴림",Gulim; font-size:12px; font-weight:bold; color:#222; text-decoration:none; background-color:#fff; }
    .btnAgree:hover { background-color:#f3f3f3; }
    .btnToggle { display:inline-block; font-size:0; line-height:0; }
    .btnToggle button { display:inline-block; box-sizing:border-box; border:1px solid #d1d1d1; margin:0 -1px 0 0; padding:0 7px; height:24px; line-height:24px; text-align:center; font-family:"굴림",Gulim; font-size:12px; outline:0; text-decoration:none; color:#222; background:#fff; }
    .btnToggle button:first-child { border-radius:2px 0 0 2px; }
    .btnToggle button:last-child { border-radius:0 2px 2px 0; }
    .btnToggle button.selected { position:relative; border:1px solid #84868b; color:#fff; background:#84868b; }

/********************* Mobile *********************/
@media all and (max-width:767px) {
    .btnMore {display: block; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
      /* size */
    [class^='btn'].sizeS { padding:0 16px; height:26px;  line-height:24px; font-size:12px; }
    [class^='btn'].sizeM { padding:0 20px; height:38px; line-height:36px; font-size:12px;  }
    [class^='btn'].sizeL { padding:0 26px; height:45px; line-height:43px; min-width:80px; font-size:12px; font-weight:600; }
    /* width Fix */
    [class^='btn'][class*='Fix'] { min-width:72px; word-break:keep-all; word-wrap:break-word; }
    [class^='btn'][class*='Fix'].sizeS { min-width:96px; }
    [class^='btn'][class*='Fix'].sizeM { min-width:135px; padding-left:15px; padding-right:15px; }
    [class^='btn'][class*='Fix'].sizeL { min-width:160px; padding-left:8px; padding-right:8px; }

    /* ec-base-button */
	.ec-base-button { margin-left:16px; margin-right:16px; }
    .ec-base-button [class^='btn'] + [class^='btn'] { margin-left:6px; }
        /* gBottom */
        .ec-base-button.gBottom { display:flex; margin-left:16px; margin-right:16px; }
        .ec-base-button.gBottom .gLeft,
        .ec-base-button.gBottom .gRight { display:flex; flex:1; }
        .ec-base-button.gBottom [class^='btn'] { flex:1; }
        .ec-base-button.gBottom [class^='btn'] + [class^='btn'] { margin-left:10px; }
        /* gBreak */
        .ec-base-button.gBreak { flex-direction:column; }
        .ec-base-button.gBreak .gLeft + .gRight { margin:10px 0 0; }
        .ec-base-button.gBreak .gBreak { flex-direction:column; }
    	.ec-base-button.gBreak > [class^='btn'] + [class^='btn'],
        .ec-base-button.gBreak .gBreak [class^='btn'] + [class^='btn'] { margin:10px 0 0; }
    	.ec-base-button .ec-base-button[class*="gColumn"] { margin:0 -5px; }
        /* gColumnM (mobile only flex) */
        .ec-base-button[class*="gMColumn"] { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; margin-left:11px; margin-right:11px; }
        .ec-base-button[class*="gMColumn"]:after { display:none; }
        .ec-base-button[class*="gMColumn"] [class^='btn'] { margin:0 5px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
        .ec-base-button[class*="gMColumn"] .gLeft,
    	.ec-base-button[class*="gMColumn"] .gRight { float:none; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; width:100%; }
    	/* reset */
        .gInnerMargin .ec-base-button,
        .gInnerMargin .ec-base-button.gBottom,
        .gInnerMargin.ec-base-button.gBottom { margin-left:0; margin-right:0; }

		.btnArea {font-size:12px;}
}

/********************* PC *********************/
@media all and (min-width:1025px) {
    /* size */
    [class^='btn'].sizeS { padding:10px 18px;  font-size:13px; line-height:1; }
    [class^='btn'].sizeM { padding:8px 16px; font-size:14px; }
    [class^='btn'].sizeL { padding:0 20px;  line-height:46px; min-width:80px; font-size:14px; font-weight:600;  }
    /* width Fix */
    [class^='btn'][class*='Fix'] { min-width:72px; word-break:keep-all; word-wrap:break-word; }
    [class^='btn'][class*='Fix'].sizeS { min-width:76px; }
    [class^='btn'][class*='Fix'].sizeM { min-width:105px; padding-left:10px; padding-right:10px; }
    [class^='btn'][class*='Fix'].sizeL { min-width:130px; padding-left:8px; padding-right:8px; }
}



.btnArea .btnCheck {display:block; line-height:41px; text-align:center; border:1px solid #111; background:#111; color:#fff; font-weight:400; margin:0}
.btnArea .btnCancle {display:block; line-height:40px; text-align:center; border:1px solid #111; margin:10px 0}
/* base */
.ec-base-box { padding:20px; margin-left:auto; margin-right:auto; border:5px solid #e5e5e5; }
.ec-base-box.gHalf { position:relative; padding:20px 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#e6e6e6; }
.ec-base-box.typeBg { background-color:#fbfafa; }
.ec-base-box.typeThin { border-width:1px; border-color:#e5e5e5; }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 20px; font-size:16px; font-weight:normal; text-align:center; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#d7d5d5; background-color:#f7f7f8; }
.ec-base-box.center { text-align:center; }
.ec-base-box .headDesc { margin:0 0 40px; font-size:16px; line-height:22px; color:var(--font-color-heading); }
.ec-base-box.typeThin > .agree { color:#6d6d6d; font-size:12px; line-height:20px; background:#fff; }
.ec-base-box.typeThin > .agree p { padding:0 0 30px; }

@media (max-width: 450px) {
	.ec-base-box.gHalf { padding: 10px 0;}
	.myshop-point ul li { width: 100% !important; }
	.ec-base-box.gHalf:before { background-color : unset; }
	.ec-base-tab .menu li { width: 100%; }
}
/* typeMember */
.ec-base-box.typeMember { border-width:1px; border-color:#e5e5e5; }
.ec-base-box.typeMember h3.boxTitle { margin:0 0 20px; font-size:16px; font-weight:normal; text-align:center; }
.ec-base-box.typeMember .content { margin:0 auto; text-align:center; }
.ec-base-box.typeMember input[type="text"],
.ec-base-box.typeMember input[type="password"],
.ec-base-box.typeMember select { width:100%; }
.ec-base-box.typeMember .info { font-size:13px; line-height:20px; color:#6d6d6d; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:10px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description { display:table-cell; padding:0 10px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle; }
    .ec-base-box.typeMember.gMessage { border-width:1px; border-color:#d7d5d5; }

/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:10px; width:100%; box-sizing:border-box; border:10px solid #f6f6f6; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; vertical-align:top; position:relative; }
.ec-base-box.typeProduct .thumbnail { width:120px; display:table-cell; vertical-align:middle;}
.ec-base-box.typeProduct .thumbnail img { max-width:100px; vertical-align:middle;}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
    .ec-base-box.gPadding { padding:50px 18px 40px; }
    /* typeMember */
    .ec-base-box.typeMember { padding:50px 18px 40px; }
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
   .additionalInfo { margin:0 24px; }
}

/********************* PC *********************/
@media all and (min-width:1025px) {
    .ec-base-box.gPadding { padding:74px 0; }
    /* typeMember */
	.ec-base-box.typeMember { padding:74px 0; }
    .ec-base-box.typeMember .content { width:421px; }
}
/* Align */
.ec-base-table th[scope*="row"] { text-align:left; }
.ec-base-table .left { text-align:left; }
.ec-base-table .center { text-align:center; }
.ec-base-table .right { text-align:right; }
.ec-base-table td.left { text-align:left; }
.ec-base-table td.center { text-align:center; }
.ec-base-table td.right { text-align:right; }
.ec-base-table .top th,
.ec-base-table .top td,
.ec-base-table th.top,
.ec-base-table td.top { vertical-align:top; }
.ec-base-table .middle th,
.ec-base-table .middle td,
.ec-base-table th.middle,
.ec-base-table td.middle { vertical-align:middle; }
.ec-base-table .bottom th,
.ec-base-table .bottom td,
.ec-base-table th.bottom,
.ec-base-table td.bottom { vertical-align:bottom; }

/* Table */
.ec-base-table { border-top:1px solid #000; }
.ec-base-table th,
.ec-base-table td { height:29px; padding:14px 20px; line-height:22px; vertical-align:middle; font-weight:500; font-size:12px; color:#333;}
.ec-base-table th { border-bottom:1px solid #e5e5e5; background-color:#fafafa;}
.ec-base-table td { border-bottom:1px solid #e5e5e5; }
.ec-base-table th img.icon,
.ec-base-table td img.icon { display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }
.ec-base-table td [class^="btn"],
.ec-base-table td a[class^="btn"]{ vertical-align:baseline; }
  /* gBorderClear */
  .ec-base-table.gBorderClear { border-top:0; }
  .ec-base-table td.gBorderClear { border-bottom:0; }

/* Table - Empty */
.ec-base-table .message { padding:56px 0; border-bottom:1px solid #e5e5e5; text-align:center; color:#6d6d6d; font-size:14px;}

/* Table - typeWrite */
.ec-base-table.typeWrite th,
.ec-base-table.typeWrite td { height:auto; }
.ec-base-table.typeWrite td [class^="btn"],
.ec-base-table.typeWrite td a[class^="btn"] { vertical-align:middle; }
  /* formMultiple */
  .ec-base-table.typeWrite .formMultiple dl,
  .ec-base-table.typeWrite .formMultiple ul { width:100%; }
  .ec-base-table.typeWrite .formMultiple dt { margin:0 0 2px 0; }
  .ec-base-table.typeWrite .formMultiple li,
  .ec-base-table.typeWrite .formMultiple dd { margin:0 0 10px 0; }
  .ec-base-table.typeWrite .formMultiple li:last-of-type,
  .ec-base-table.typeWrite .formMultiple dd:last-of-type { margin-bottom:0; }
  /* formGroup */
  .ec-base-table.typeWrite .formGroup input[type="text"],
  .ec-base-table.typeWrite .formGroup input[type="password"],
  .ec-base-table.typeWrite .formGroup select,
  .ec-base-table.typeWrite .formGroup [class^="btn"] { min-width:0; margin:0 5px; }
  .ec-base-table.typeWrite .formGroup input[type="text"] + [class^="btn"] { margin-left:5px; }
  .ec-base-table.typeWrite .formGroup:not(td) { width:auto; margin-left:-5px; margin-right:-5px; }
  .ec-base-table.typeWrite .formGroup.code { font-size:20px; color:#7f7f7f; }
  /* txtInfo */
  .ec-base-table.typeWrite td p.txtInfo,
  .ec-base-table.typeWrite td ul.txtInfo { width:100%; }
  /* form */
  .ec-base-table.typeWrite td input[type="text"] + [class^='btn'],
  .ec-base-table.typeWrite td input[type="password"] + [class^='btn'],
  .ec-base-table.typeWrite td input[type="text"] + a[class^='btn'],
  .ec-base-table.typeWrite td input[type="password"] + a[class^='btn'] { margin-left:10px; }
  .ec-base-table.typeWrite td label { line-height:32px; }
  /* address */
  .ec-base-table.typeWrite .ec-address { width:100%; }
  .ec-base-table.typeWrite .ec-address .btnBasic { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid #bcbcbc; line-height:1; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#000; background-color:#fff; }
  .ec-base-table.typeWrite .ec-address-area select { display:block; margin:10px 0 0; }
  .ec-base-table.typeWrite .ec-address-area select:first-of-type { margin-top:0; }


/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
  /* gFlow */
  .ec-base-table .gFlow { display:inline-block; width:100%; margin-top:5px; }

   /* gBorderClear */
  .ec-base-table tr.gBorderClear td { border-bottom:0; }
  .ec-base-table.typeList tr.gBorderClear { border-bottom:0; }

  /* Table - typeWrite */
  .ec-base-table.typeWrite { padding:10px 0; }
  .ec-base-table.typeWrite tr { display:block; }
  .ec-base-table.typeWrite th { display:block; padding:6px 15px 0; border-bottom:0; text-align:left; background-color:transparent; }
  .ec-base-table.typeWrite td { display:block; padding:2px 15px 10px; border-bottom:0; align-items:center; }
    /* formMultiple */
    .ec-base-table.typeWrite .formMultiple { padding-top:10px; }
    /* formGroup */
    .ec-base-table.typeWrite td.formGroup { padding-left:10px; padding-right:10px; }
    .ec-base-table.typeWrite td.formGroup.date { padding-left:10px; padding-right:15px; }
    .ec-base-table.typeWrite .formGroup { display:flex; flex-flow:wrap; box-sizing:border-box; align-items:center; }
    .ec-base-table.typeWrite .formGroup input[type="text"],
    .ec-base-table.typeWrite .formGroup input[type="password"],
    .ec-base-table.typeWrite .formGroup select { flex:1; }
    /* txtInfo */
    .ec-base-table.typeWrite span.txtInfo { display:block; width:100%; margin:10px 0 0; }
    /* form */
    .ec-base-table.typeWrite td input[type="text"],
    .ec-base-table.typeWrite td input[type="password"],
    .ec-base-table.typeWrite td select { width:100%; }
    /* address */
    .ec-address .ec-address-zipcode { display:flex; flex-flow:wrap;  }
    .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] { flex:1; }
    .ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label { display:block; width:100%; margin:5px 0 0; }

  /* Table - typeList */
  .ec-base-table.typeList thead { display:none; }
  .ec-base-table.typeList table,
  .ec-base-table.typeList tbody { display:block; }.ec-base-table.typeList tr { display:block; position:relative; padding:20px 8px 19px; border-bottom:1px solid #e5e5e5; text-align:left; }
  .ec-base-table.typeList tr:after { content:""; display:block; clear:both; }
  .ec-base-table.typeList td { height:auto; display:block; padding:3px 8px; border-bottom:0; text-align:left; color:#6d6d6d; }.ec-base-table.typeList td a { color:#6d6d6d; }
  .ec-base-table.typeList td.chk { box-sizing:border-box; padding:0; }
  .ec-base-table.typeList td.chk .boardChk { margin:5px 8px 0 8px; }
  .ec-base-table.typeList td.chk:not(.no) .boardChk { margin:5px 8px 0px 8px }
  .ec-base-table.typeList td.subject { float:none; box-sizing:border-box; }
  .ec-base-table.typeList td.subject a { color:#000;}
  .ec-base-table.typeList.gThumb td.thumb { overflow:hidden; position:absolute; top:24px; left:16px; width:65px; height:calc(100% - 45px); padding:0; }
  .ec-base-table.typeList.gThumb td.thumb a { display:block; height:100%; text-align:center; }
  .ec-base-table.typeList.gThumb td.thumb img { max-width:100%; max-height:100%; }
  .ec-base-table.typeList.gThumb tr { padding-left:90px; padding-right:20px; }
  .ec-base-table.typeList.gThumb td.chk { z-index:1; position:absolute; top:16px; right:16px; padding:0; }
  .ec-base-table.typeList.gThumb td.chk .boardChk { margin:0; }
}
@media all and (max-width:790px) {
	.ec-base-table.typeList td {display:inline-block;}
	.ec-base-table th,
	.ec-base-table td {font-size:14px;}
}
/********************* PC *********************/
@media all and (min-width:1025px) {
  /* gFlow */
  .ec-base-table .gFlow { width:100%; margin-left:20px; }

  /* gBorderClear */
  .ec-base-table tr.gBorderClear td { border-bottom:0; }

  /* Table */
  .ec-base-table th { padding:14px 30px; }

  /* Table - typeWrite */
  .ec-base-table.typeWrite th { padding:10px 30px; }
  .ec-base-table.typeWrite th[scope*="row"] { padding-right:15px; }
  .ec-base-table.typeWrite td { padding:10px 20px; }
    /* formMultiple */
    .ec-base-table.typeWrite .formMultiple { padding-top:22px; padding-bottom:22px; }
    /* formGroup */
    .ec-base-table.typeWrite td.formGroup { padding-left:15px; padding-right:15px; }
    .ec-base-table.typeWrite .formGroup input[type="text"],
    .ec-base-table.typeWrite .formGroup select { width:190px; }
    /* form */
    .ec-base-table.typeWrite td input[type="text"],
    .ec-base-table.typeWrite td input[type="password"],
    .ec-base-table.typeWrite td select { width:290px; }
    .ec-base-table.typeWrite td .ec-base-qty input[type="text"] { width:45px; }
    /* address */
    .ec-base-table.typeWrite .ec-address input[type="text"],
    .ec-base-table.typeWrite .ec-address select { width:450px; }
    .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] { width:200px; }
    .ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label { margin:0 0 0 15px; line-height:40px; }

  /* Table - typeList */
  .ec-base-table.typeList { border-top:0; }
  .ec-base-table.typeList th,
  .ec-base-table.typeList td { padding:15px 10px 16px; }
  .ec-base-table.typeList th { border-bottom:0; }
  .ec-base-table.typeList td.subject { padding-left:20px; padding-right:20px; }
}

.ec-base-desc { overflow:hidden; text-align:left; }
.ec-base-desc:after { content:""; display:block; clear:both; }
.ec-base-desc dt, .ec-base-desc .term { float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.ec-base-desc dd, .ec-base-desc .desc { display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word; word-break:break-all; }
.ec-base-desc dd:after, .ec-base-desc .desc:after { content:""; display:block; clear:left; }

/* size */
.ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term { width:30%; }
.ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc { padding-left:30%; }
.ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term { width:40%; }
.ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc { padding-left:40%; }
.ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term { width:50%; }
.ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc { padding:0 0 0 50%; }

/* align */
.ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc,
.ec-base-desc.center, .ec-base-desc .center { text-align:center; }
.ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc,
.ec-base-desc.right, .ec-base-desc .right { text-align:right; }
.ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc { padding-right:0; }

/* typeBullet */
.ec-base-desc.typeBullet dt,
.ec-base-desc.typeBullet .term { padding:0 4px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px; }

/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term { position:relative; padding:0 4px 0 10px; }
.ec-base-desc.typeDot dt:before,
.ec-base-desc.typeDot .term:before { position:absolute; top:50%; left:0; content:""; display:block; width:2px; height:2px; margin:-2px 0 0 0; background:#383838; }

.ec-base-prdInfo { position:relative; border-top:1px solid #ddd; box-sizing:border-box; background:#fff; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; flex:1; flex-wrap:wrap; }
.ec-base-prdInfo .check { display:inline-block; margin:0 10px 0 0; }
.ec-base-prdInfo .check label { margin:0; }
.ec-base-prdInfo .thumbnail { overflow:hidden; width:100px;  margin:0 35px 0 0; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100% !important; height:auto !important; }
.ec-base-prdInfo .description { display:flex; -webkit-flex:1; -ms-flex:1; flex:1; line-height:1.4; }
.ec-base-prdInfo .description .section {flex:1}
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 3px; font-weight:normal; }
.ec-base-prdInfo .description .prdName a { color:#000; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .prdName img { margin:0 1px; vertical-align:middle; }
.ec-base-prdInfo .description .price {}
.ec-base-prdInfo .description .price,
.ec-base-prdInfo .description .price li { font-size:13px; color:#000; line-height:1.7; }
.ec-base-prdInfo .description .price strong { font-weight:600; }
.ec-base-prdInfo .description .price .refer { font-weight:normal; font-size:11px; }
.ec-base-prdInfo .description .price .discount { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .price .strike { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .price .strike strong { font-weight:normal; }
.ec-base-prdInfo .description .info { margin:5px 0 0; }
.ec-base-prdInfo .description .info li { margin:0 0 3px; font-size:12px; color:#7d7d7d; }
.ec-base-prdInfo .description .info a { color:#7d7d7d; }
.ec-base-prdInfo .description .info .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .mileage img {    vertical-align: text-top;}
.ec-base-prdInfo .description input[type="number"] { max-width:51px; }
.ec-base-prdInfo .description .info .amount button { margin:0; padding:0; border:0; }
.ec-base-prdInfo .description .info .amount { width:50px; }
.ec-base-prdInfo .description .info input.amount { text-align:right; }
.ec-base-prdInfo .description  input[type="tel"] { text-align:right; }
.ec-base-prdInfo .description .quantity input[type="tel"] { width:51px; }
.ec-base-prdInfo .sumPrice strong { font-size:14px; }
.ec-base-prdInfo .quantity { margin:20px 0 0; padding:0 0 0 98px;box-sizing:border-box; width:100%; }
	.ec-base-prdInfo.gCheck .quantity { padding:0 0 0 160px; }
.ec-base-prdInfo .btnDelete {background:url("//soritunenglish.com/ifw/layout/icon-close5.svg");display:block; position:absolute; top:12px; right:0; overflow:hidden;
width:14px; height:14px; margin:0 auto; font-size:1px; line-height:0; color:transparent; white-space:nowrap; }

.ec-base-prdInfo .optionGroup {font-size:13px; color:#777; font-weight:400; }
.ec-base-prdInfo .optionGroup:empty { margin-top:0; }
.ec-base-prdInfo .optionGroup li { margin:2px 0 3px; line-height:20px; color:#7d7d7d; }
.ec-base-prdInfo .optionGroup .optionName { line-height:18px; word-break:break-all; }
.ec-base-prdInfo .optionGroup li .product { display:block; margin:8px 0 0; color:#000; }
.ec-base-prdInfo .optionGroup li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .optionGroup .product.displaynone + .optionStr { display:inline-block; margin-right:10px; color:#000; }
.ec-base-prdInfo .optionGroup .product.displaynone + .optionStr:empty { margin-right:0; }
.ec-base-prdInfo .optionGroup li br { display:none; }
.ec-base-prdInfo .optionGroup .file a { color:#07a4fd; text-decoration:underline; word-break:break-all; }

.ec-base-prdInfo .optionSelect { padding:10px 20px 20px; background:#f6f6f6; }
.ec-base-prdInfo .optionSelect li { margin:10px 0 0; }
.ec-base-prdInfo .optionSelect select,
.ec-base-prdInfo .optionSelect input { width:calc(100% - 258px); }
.ec-base-prdInfo .optionSelect + .optionSelect { margin-top:-34px; padding-top:0; }
.ec-base-prdInfo .optionDesc { display:inline-block; width:254px; color:#545454; }

.ec-base-prdInfo .prdFoot {  }
.ec-base-prdInfo .prdFoot:after { content:''; display:block; clear:both; }
.ec-base-prdInfo .prdFoot .gLeft { float:left; text-align:left;  margin-right:20px;}
.ec-base-prdInfo .prdFoot .gRight { float:right; text-align:right; }
.ec-base-prdInfo .prdFoot .txtStatus {font-size:13px; font-weight:bold; }
.ec-base-prdInfo .prdFoot .store { color:#000; font-weight:normal; }
.ec-base-prdInfo .prdFoot span span.discount { text-decoration:line-through; }
.ec-base-prdInfo .prdFoot span span.discount strong {font-weight:normal; }

.ec-base-prdInfo .optionModifyLayer { display:none; }
.ec-base-prdInfo .optionModifyLayer .dimmed {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); }
.ec-base-prdInfo .optionModifyLayer .title { display:block; margin:0 0 6px; font-size:13px; }
.ec-base-prdInfo .optionModifyLayer .prdInfo { font-size:13px; }
.ec-base-prdInfo .optionModifyLayer .prdInfo li { margin:0 0 20px; }
.ec-base-prdInfo .optionModifyLayer .prdInfo li:empty { margin:0; }
.ec-base-prdInfo .optionModifyLayer .prdModify li { display:flex; margin:10px 0 0; }
.ec-base-prdInfo .optionModifyLayer .prdModify li:first-child { margin-top:0; }
.ec-base-prdInfo .optionModifyLayer .prdModify .optionDesc { display:inline-block; width:89px; padding:11px 0 0; font-size:13px; color:#545454; }
.ec-base-prdInfo .optionModifyLayer .prdModify li select { flex:1; width:100%; }
.ec-base-prdInfo .optionModifyLayer .prdModify li input[type=text] { flex:1; width:100%; }

/* order_result.html > orderArea > ec-base-prdInfo */
.orderArea .ec-base-fold .ec-base-prdInfo { border-bottom:1px solid #d5d5d5; }
.orderConfirmLayer .orderArea .ec-base-prdInfo { border-bottom:0; }
.orderArea .ec-base-prdInfo + .ec-base-prdInfo { border-top:1px solid #d5d5d5; }

/* ec-base-prdEmpty */
.ec-base-prdEmpty { }

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
    .ec-base-prdInfo .prdBox { padding:40px 16px; }
    .ec-base-prdInfo .description {display:block; padding:0 40px 0 0; }
    .ec-base-prdInfo .sumPrice { margin:20px 0 0; padding:0 0 0 98px; box-sizing:border-box; width:100%;}
    .ec-base-prdInfo .buttonGroup { margin:20px 0 0; padding:0 0 0 98px; box-sizing:border-box; width:100%; }
    	/* gCheck */
        .ec-base-prdInfo.gCheck .sumPrice,
        .ec-base-prdInfo.gCheck .quantity,
    	.ec-base-prdInfo.gCheck .buttonGroup { padding:0 0 0 125px; }
    .ec-base-prdInfo .btnDelete { right:5px; }
    .ec-base-prdInfo .optionSelect { margin:0 16px 24px; padding:10px 20px 20px; }
    .ec-base-prdInfo .optionSelect li { margin:10px 0 0; }
    .ec-base-prdInfo .optionSelect select,
    .ec-base-prdInfo .optionSelect input { width:100%; }
    .ec-base-prdInfo .optionSelect + .optionSelect { margin-top:-34px; padding-top:0; }
    .ec-base-prdInfo .optionDesc { display:block; margin:0 0 10px; color:#545454; }
    .ec-base-prdInfo .prdFoot { }
    .optionModifyLayer .ec-base-button { display: flex; }
    .optionModifyLayer .ec-base-button [class*='Fix'] {flex: 1; min-width: auto; }

    /* ec-base-prdEmpty */
    .ec-base-prdEmpty { padding:40px 0; text-align:center;}
}

/********************* PC *********************/
@media all and (min-width:1025px) {
    .ec-base-prdInfo .prdBox { position:relative; padding:20px 0; }
    .ec-base-prdInfo .description { margin:0 50px 0; }
    .ec-base-prdInfo .sumPrice { text-align:left; padding:30px 30px;}
    .ec-base-prdInfo .buttonGroup { position:absolute; bottom:25px; right:0; width:300px; text-align:right; }
    .ec-base-prdInfo .btnDelete { right:0px; }
    .ec-base-prdInfo .optionSelect { margin:0 0 24px 98px; padding:10px 20px 20px; }
    .ec-base-prdInfo .optionSelect li { margin:10px 0 0; }
    .ec-base-prdInfo .optionSelect select,
    .ec-base-prdInfo .optionSelect input { width:calc(100% - 258px); }
    .ec-base-prdInfo .optionSelect + .optionSelect { margin-top:-34px; padding-top:0; }
    .ec-base-prdInfo .optionDesc { width:254px; }
    .ec-base-prdInfo .prdFoot {font-size:14px;}
    .optionModifyLayer .ec-base-layer { width:485px; }

    /* ec-base-prdEmpty */
    .ec-base-prdEmpty { padding:16px 0; text-align:center; font-size:14px;}
}
/* reset */
li { list-style:none; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
h1, h3 { margin:0; }

/* common */
.ec-base-layer { position:absolute; z-index:100; border:1px solid #757575; background:#fff; }
.ec-base-layer .header { padding:7px 35px 7px 19px; color:#fff; background:#495164; }
.ec-base-layer .header > h1,
.ec-base-layer .header > h3 { font-size:14px; line-height:1.5; }
.ec-base-layer .content { padding:20px; font-size:12px; }
.ec-base-layer div.ec-base-help { margin-top:0; }
.ec-base-layer .ec-base-button { padding:9px; border-top:1px solid #d7d5d5; text-align:center; background:#fbfafa; }
.ec-base-layer .close { position:absolute; right:0; top:0; padding:11px 20px; cursor:pointer; }

/* popup */
#popup .ec-base-layer { position:relative; border:0; }
#popup .ec-base-layer .header { padding:12px 35px 12px 19px; }
#popup .ec-base-layer .close { top:5px; }

/* ec-base-table */
.ec-base-layer .content > .ec-base-table table:first-child { margin-top:0; }
.ec-base-layer .ec-base-table table { line-height:1.4; }
.ec-base-layer .ec-base-table thead th { padding:9px 0 8px; }
.ec-base-layer .ec-base-table tbody th { padding:9px 0 8px 10px; }
.ec-base-layer .ec-base-table td { padding:9px 10px 8px; }
  /* horizontal - typeWrite */
    .ec-base-layer .ec-base-table.typeWrite td { padding:5px 10px 4px; }
  /* vertical - typeList */
    .ec-base-layer .ec-base-table.typeList tfoot td { padding:10px 10px 12px; }
  /* typeBorder */
    .ec-base-layer .ec-base-table.typeBorder tfoot td { padding:10px 10px 12px; }
  /* address */
    .ec-base-layer .ec-base-table .ec-address { margin:-6px -10px -4px; }
    .ec-base-layer .ec-base-table .ec-address > li { padding:5px 10px 4px; }




.xans-layout-conversionpc { background:#fff; padding:45px; text-align:center; }
.xans-layout-conversionpc a {
    margin:20px; padding:20px 40px 20px 110px;
    font-size:68px; color:#63666e; text-decoration:none; text-align:center;
    border:4px solid #9d9db0; border-radius:10px; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
}

.mobile {display:none;}
header {position:fixed; top:0; left:0; width:100%; z-index:999; background:#fff;}
header .inner {position:relative; margin:0 5%; height:84px;}
header .inner .logoArea {position:relative; width:25%; float:left; height:100%; line-height:0; font-size:0;}
header .inner .cateArea {width:50%; float:left; text-align:center;}
header .inner .iconArea {width:25%; float:left; text-align:right;}

header .inner .logoArea img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:180px;}

header .inner .cateArea > ul { margin:0 auto; padding:0 20px; border-radius:50px;}
header .inner .cateArea ul li {position:relative; display:inline-block; vertical-align:top; margin:0 20px;}
header .inner .cateArea ul li a { font-size:18px; font-weight:700;  color:#000; line-height:84px; transition:.5s;}
header .inner .cateArea ul li.prdClass ul {position:absolute; top:70px; left:50%; transform:translateX(-50%); width:180px; background:#fff;
			opacity:0; visibility:hidden; transition:.3s; padding:10px 0; border-radius:0 0 20px 20px;}
header .inner .cateArea ul li.prdClass:hover ul {opacity:1; visibility:visible;}
header .inner .cateArea ul li.prdClass ul li {display:block;}
header .inner .cateArea ul li.prdClass ul li a {font-size:16px; line-height:35px; color:#555; transition:.3s;}
header .inner .cateArea ul li.prdClass ul li a:hover {color:#000;}

header .inner .iconArea ul li {display:inline-block; margin-left:15px;}
header .inner .iconArea ul li a {font-size:13px; font-weight:500; color:#777;}
header .inner .iconArea ul li.myClass a {background:#000; border-radius:50px; color:#fff; padding:10px 20px; font-size:15px;  letter-spacing:-0.02em; line-height:84px;}
header .inner .iconArea img {height:25px;}
header .inner .iconArea ul li.boardCate {position:relative;}
header .inner .iconArea ul li.boardCate ul {position:absolute; top:30px; left:50%; transform:translateX(-50%); width:150px; text-align:center;
			padding:20px 0 15px; background:#fff; opacity:0; visibility:hidden; transition:.3s; border-radius:0 0 15px 15px;}
header .inner .iconArea ul li.boardCate:hover ul {opacity:1; visibility:visible;}
header .inner .iconArea ul li.boardCate ul li {display:block; line-height:30px; margin-left:0;}
header .inner .iconArea ul li.boardCate ul li a:hover {color:#000;}

header .inner .iconArea .mobile {display:none;}

@media all and (min-width:961px) {

}

@media all and (max-width:1160px) {
	header .inner .logoArea img {width:160px;}
	header .inner .cateArea ul li {margin:0 10px;}
	header .inner .cateArea ul li a {font-size:16px;}
	header .inner .iconArea ul li {margin-left:7px;}
	header .inner .iconArea ul li.first {margin-left:0;}
	header .inner .iconArea ul li a {font-size:12px;}
	header .inner .iconArea ul li.myClass a {font-size:13px; line-height:84px;}
}

@media all and (max-width:960px) {
	.web {display:none}
	.mobile {display:block}
	header .inner .iconArea .web {display:none;}
	header .inner .iconArea .mobile {display:block;}

	header .inner {display:block; height:60px;}
	header .inner .nav {position:relative; float:left; width:15%; height:100%;}
	header .inner .nav img {position:absolute; top:50%; left:0; transform:translateY(-50%); height:18px;}
	header .inner .logoArea {position:relative; float:left; width:70%; height:100%;}
	header .inner .logoArea img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
	header .inner .iconArea {position:relative; float:left; width:15%; height:100%;}
	header .inner .iconArea li img {position:absolute; top:50%; right:0; transform:translateY(-50%); height:21px;}

	header #overlay {position:fixed; top:0; left:0; width:100vw; height:100vh; background:#f37021; z-index:11; display:none; overflow-y:auto;}
	header #overlay .overHead {position:relative; margin:0 3%; height:10%; font-size:0; line-height:0;}
	header #overlay .overHead .closeBtn {position:absolute; top:10px; left:0; height:18px; padding:10px; background:rgba(255,255,255,0.1); border-radius:10px;}
	header #overlay .overHead .memb {font-size:14px; color:#fff; line-height:1;}
	header #overlay .overInner {position:relative; background:#fff; border-radius:45px 45px 0 0; height:calc(90% - 60px); padding:30px 40px;
				box-shadow:0 0 2px 2px rgba(0,0,0,0.1); max-height:100vh;}
	header #overlay .overInner .overlayCont {margin-top:30px;}
	header #overlay .overInner a.myClass {position:relative; display:block; font-size:18px; font-weight:800; color:#000; margin:20px 0 30px; border-bottom:1px solid #ddd; line-height:60px;}
	header #overlay .overInner a.myClass img {height:18px; margin:21px 10px 21px 0;}
	header #overlay .overInner a.myClass:after {content:""; background:url("//soritunenglish.com/ifw/layout/arrow-next.svg") no-repeat; width:14px; height:14px;
				position:absolute; top:50%; right:0; transform:translateY(-50%);}
	header #overlay .overInner .overlayCont h3 {font-size:18px; font-weight:800; color:#000; border-bottom:1px solid #ddd; line-height:60px; margin-bottom:20px;}
	header #overlay .overInner .overlayCont li {position:relative; margin-bottom:20px;}
	header #overlay .overInner .overlayCont li a {position:relative; display:block; font-size:16px; font-weight:600; color:#555;}
	header #overlay .overInner .overlayCont li a.bold {color:#000; font-size:17px;}
	header #overlay .overInner .overlayCont > li > a:after {content:""; background:url("//soritunenglish.com/ifw/layout/arrow-next.svg") no-repeat; width:12px; height:12px;
				position:absolute; top:50%; right:0; transform:translateY(-50%); transition:.3s;}

	header #overlay .overInner .overlayCont li a.afterRotate:after {right:3px; transform:translateY(-50%) rotate(90deg);}
	header #overlay .overInner .overlayCont li.mBoard ul {display:none; margin-top:20px; padding-left:5%;}
	header #overlay .overInner .overlayCont li.mBoard ul li {margin-bottom:10px;}
	header #overlay .overInner .overlayCont li.mBoard ul li a {font-size:14px;}
	header #overlay .overInner .overlayCont li.mClass ul {display:none; margin-top:20px; padding-left:5%;}
	header #overlay .overInner .overlayCont li.mClass ul li {margin-bottom:10px;}
	header #overlay .overInner .overlayCont li.mClass ul li a {font-size:14px;}

	header #overlay .overInner .logBtn {display:block; width:100%; border-radius:40px; text-align:center; margin-top:50px;}
	header #overlay .overInner .logBtn li a {display:block; width:100%; line-height:50px; font-weight:600; font-size:16px; margin-bottom: 10px; border-radius:50px;}
	header #overlay .overInner .logBtn .btnTop a {color:#fff; background:#000; border:1px solid #000;}
	header #overlay .overInner .logBtn .btnBtm a {border:1px solid #cacae5; line-height:48px;}
	header #overlay .overInner .logBtn .red a {color:#ff0000; border:1px solid #ff0000;}
}

footer {position:relative; display:block; overflow:hidden; background:#fff;}
footer .inner {display:flex; justify-content:space-between; margin:40px auto; width:55%;}
footer .inner .logoArea {flex:1;}
footer .inner .logoArea a.logo {margin-bottom:50px;}
footer .inner .logoArea a.logo img {display:block; height:35px;}
footer .inner .logoArea .util {margin-top:60px;}
footer .inner .logoArea .util li {display:inline-block; margin-right:15px;}
footer .inner .logoArea .util li:after {content:"·"; display:inline-block; padding-left:15px; color:#000; font-size:14px;}
footer .inner .logoArea .util li:last-child:after {content:"";}
footer .inner .logoArea .util li a {font-size:16px; line-height:30px; font-weight:700;}
footer .inner .logoArea .basic {margin-top:30px;}
footer .inner .logoArea .basic li {}
footer .inner .logoArea .basic li,
footer .inner .logoArea .basic li a {color:#667085; font-size:15px; font-weight:400; line-height:28px;}

footer .inner .infoArea {flex:1; text-align:right;}
footer .inner .infoArea .topInfo {}
footer .inner .infoArea .topInfo li {display:inline-block; vertical-align:top; margin-left:15%; font-size:14px;}
footer .inner .infoArea .topInfo li:first-child {margin-left:0;}
footer .inner .infoArea .topInfo li.terms:before {content:"|"; color:#111; margin-right:15px; font-size:11px;}
footer .inner .infoArea .topInfo li a {color:#333; font-size:16px; font-weight:700; line-height:30px;}

footer .inner .infoArea .snsArea {margin-top:60px;}
footer .inner .infoArea .snsArea li {display:inline-block; margin-left:40px; vertical-align:top;}
footer .inner .infoArea .snsArea li img {height:28px;}


@media all and (max-width:1280px) {
	footer .inner {position:relative; flex-direction:column; width:94%; padding:50px 0 0; margin:20px auto;}
	footer .inner .infoArea {order:1; text-align:center; margin-top:5px;}
	footer .inner .logoArea {order:2;}
	footer .inner .logoArea a.logo {position:absolute; top:0; left:50%; transform:translateX(-50%);}
	footer .inner .logoArea .util {margin-top:15px;}
	footer .inner .logoArea .util li {margin-right:15px;}
	footer .inner .logoArea .util li:after {content:""; padding-left:0;}
	footer .inner .logoArea .util li a {font-size:13px; color:#333;}
	footer .inner .logoArea .basic {margin-top:0;}
	footer .inner .logoArea .basic li,
	footer .inner .logoArea .basic li a {font-size:12px; line-height:20px;}
	footer .inner .infoArea .topInfo {border-bottom:1px solid #ddd; padding-bottom:15px;}
	footer .inner .infoArea .topInfo li {margin:0 8px;}
	footer .inner .infoArea .topInfo li:first-child {margin:0 8px;}
	footer .inner .infoArea .topInfo li a {font-size:14px; }
	footer .inner .infoArea .snsArea {position:absolute; bottom:0; right:0;}
	footer .inner .infoArea .snsArea li {margin-left:20px; vertical-align:top;}
	footer .inner .infoArea .snsArea li img {height:20px;}

}

/* 후기 작성 */
#sit_use_write { padding:  10px; }
#sit_use_write .frm_input {
    font-size: 14px;
    padding: 0 14px;
    border-radius: 5px !important;
    height: 40px;
    width: 100%;
    margin: 3px 0;
    border: 1px solid rgb(235, 235, 235);
}
#sit_use_write .win_btn{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
#sit_use_write .btn_submit{
    height: 50px;
    padding: 0 10px;
    width: 160px;
    font-weight: bold;
    font-size: 1.25em;
    border: 1px solid #000;
    color: #fff;
    background: #000;
}
#sit_use_write .btn_close{
    height: 50px;
    padding: 0 10px;
    width: 160px;
    font-weight: bold;
    font-size: 1.25em;
    border: 1px solid #666;
    color: #666;
    background: #fff;
}