@charset "UTF-8";


/***************************************************************************************************
	Font
***************************************************************************************************/

/* Pretendard */
@font-face {
    font-family: "Pretendard"; font-style: normal; font-weight: normal;
    src: url("../font/Pretendard-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard"; font-style: normal; font-weight: 300;
    src: url("../font/Pretendard-Light.woff") format("opentype");
}
@font-face {
    font-family: "Pretendard"; font-style: normal; font-weight: 500;
    src: url("../font/Pretendard-Medium.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard"; font-style: normal; font-weight: 600;
    src: url("../font/Pretendard-SemiBold.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard"; font-style: normal; font-weight: bold;
    src: url("../font/Pretendard-Bold.otf") format("opentype");
}

:root {
    --font: "Pretendard";   /* font-face 로 지정한 폰트명 */

    --normal: #181818;
    --primary: #D5001D;
    --secondary: #FFCBD2;
    --sub: #555;
    --light: #B5B5B5;
    --bg01: #fafafa;

    --placeholder: #B5B5B5;
    --disabled: #ccc;
    --border: #E2E2E2;

    --blue: #84CDEE;
    --red: #DA201C;
    --yellow: #FEC443;
}


/***************************************************************************************************
	Reset
***************************************************************************************************/
body {-webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

* {box-sizing: border-box;}
html, body {width: 100vw; height:100%; margin:0; padding:0; -webkit-text-size-adjust:none;}
html {font:normal 16px var(--font), 'arial', 'verdana', sans-serif; background:transparent;}
body {min-height:100%; font-family: var(--font), 'arial', 'verdana', sans-serif; color:var(--normal); background:transparent; word-break: break-all; overflow-wrap: break-word;}
img {border:none;}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd, em, figure {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; font-size:1em;}
li {list-style:none;}
fieldset {margin:0; padding:0; border:none;}
legend {position:absolute; left:-1000px; top:-1000px; height:0; font-size:0; line-height:0; visibility:hidden;}
a {display: inline-flex; margin:0; color:var(--normal); text-decoration:none; justify-content: center; align-items: center;}
table {border-collapse:collapse; font-size:1em;}
table caption {display:none;position:absolute; left:-999px; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
table td, table th {padding:0;}
button {margin:0; padding:0; font:normal 1em var(--font), 'arial', 'verdana', sans-serif; color:var(--normal); vertical-align:middle; background:0; border:none; overflow:visible; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
button:focus {outline:none;}
button:disabled {color: var(--placeholder); border-color: #E2E2E2;}
button:disabled > *:first-child::before {opacity: 0.1;}
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=rang], input[type=email], input[type=url], input[type=date], input[type=datetime], input[type=month], input[type=tel], input[type=search], input[type=color] {
    display:inline-block; max-width: 100%; height: 40px; margin: 0; padding: 3px 15px; font: normal 0.8125rem var(--font), 'arial', 'verdana', sans-serif; color:var(--normal); vertical-align:middle;
    background:#fff; border:1px solid var(--border); border-radius: 6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
.input_h02 {height: 40px !important;}

input[type=checkbox], input[type=radio] {margin:0; vertical-align:middle; font-size:1em; border:none; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type=checkbox] {width: 20px; min-width: 20px; height: 20px; background:url("../images/checkbox_off.svg") no-repeat center center; border:none;}
input[type=checkbox]:checked {background-image:url("../images/checkbox_on.svg");}
input[type=checkbox]:disabled {background-image:url("../images/checkbox_disabled.svg");}
input[type=checkbox]:checked:disabled {background-image:url("../images/checkbox_on_disabled.svg");}
input[type=checkbox]:disabled + * {color: #bdbdbd;}

input[type=radio] {width: 26px; min-width: 26px; height: 26px; background:url("../images/radio_off.svg") no-repeat left center; border:none;}
input[type=checkbox]:only-child, input[type=radio]:only-child {margin:0;}
input[type=radio] + span, input[type=checkbox] + span {display: inline-block; margin-left: 7px; margin-top: -1px; vertical-align:middle;}
input[type=radio]:checked {background-image:url("../images/radio_on.svg");}
input[type=radio]:disabled {background-image: url("../images/radio_disabled.svg");}
input[type=radio]:checked:disabled {background-image: url("../images/radio_on_disabled.svg");}

input[type=file] {border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=text]:only-child, input[type=password]:only-child, input[type=search]:only-child, input[type=number]:only-child, input[type=date]:only-child, input[type=email]:only-child, input[type=tel]:only-child {max-width:100%; width:100%;}
input::-webkit-input-placeholder {color: var(--placeholder);}
input[type=number]::-webkit-input-placeholder {text-align:left;}

input:focus, textarea:focus, select:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0.2);}
input:focus:not([type=checkbox]):not([type=radio]), select:focus, textarea:focus {border-color:var(--normal);}
input:disabled:not([type=radio]):not([type=checkbox]) {color:#aeb4bc; border-color: var(--disabled); background:#fafafa;}
input:read-only:not([type=radio]):not([type=checkbox]) {color:#595959; border-color: var(--disabled); background-color:#EBEBEB;}
input[type=password] {font-family: 'arial', 'verdana', sans-serif;}
input[type=password]::-webkit-input-placeholder {font-family: var(--font), 'arial', 'verdana', sans-serif;}

select {margin:0; max-width:100%; height: 40px; padding:0 35px 0 10px; font: normal 0.8125rem var(--font), 'arial', 'verdana', sans-serif; font-weight: 500; color:var(--normal); vertical-align:middle; text-overflow:ellipsis;
    background: url("../images/select_arrow.svg") no-repeat right 13px center; background-color: #fff; border: 1px solid var(--border); border-radius: 8px; -webkit-appearance:none; -moz-appearance:none; appearance:none; white-space:nowrap; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

select:disabled {color: var(--sub); opacity: 1; background-color: #EBEBEB;}
select:only-child {display:block; width:100%;}
.none_select {color: #b5b5b5 !important;}
label, label > * {vertical-align:middle; white-space: nowrap;}
label input[type=checkbox] + *, label input[type=radio] + * {margin-left: 10px; vertical-align:middle;}
label input[type=checkbox].hide + *, label input[type=radio].hide + * {margin-left: 0; vertical-align:middle;}
label input[type=checkbox].hide:checked + *, label input[type=radio].hide:checked + * {color: var(--primary);}
textarea {width:100%; padding: 10px; font-weight: 500; font:normal 1.0625rem var(--font), 'arial', 'verdana', sans-serif; color:var(--normal);
    background: #fff; border:1px solid var(--border); border-radius: 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    resize:none;
}
textarea[readonly=readonly] {background: #e5e7ed; box-shadow: none;}
textarea:only-child {vertical-align:top;}
textarea::-webkit-input-placeholder {color: var(--placeholder);}
hr {height:0; margin: 10px 0; border:none; border-bottom: 4px solid #D6D6D6;}
hr.line {margin: 15px 0; border-width: 0 0 1px;}
div {box-sizing:border-box; -webkit-box-sizing:border-box;}
article, aside, footer, header, hgroup, nav, section, figure {display:block; padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
a[href^=tel] {text-decoration:underline;}
em, address {font-style:normal;}
em {color:var(--primary);}
sub {font-weight:normal; vertical-align:middle;}
img,  svg {max-width:100%; vertical-align:top;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}


@media screen and (min-width: 1000px) {
    html, body {width: 100%;}
}

/******** common class ********/
.vtop {vertical-align:top !important;}
.vmid {vertical-align: middle;}
.c_btn {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; margin: 20px 0; justify-content: center;}
.c_btn:first-child {margin-top: 0;}
.c_btn:last-child {margin-bottom: 0 !important;}
.c_btn button:not(.btn_txt) {-webkit-flex:1; flex:1;}
.c_btn button:only-child {width: 100%;}
.c_btn button + button {margin-left: 12px;}
.c_btn.normal {display: block; text-align: center;}
.c_btn.normal button:only-child {width: auto; min-width: 150px; padding: 5px 20px;}
.l_btn {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 20px 0;}
.l_btn:last-child {margin-bottom: 0;}
.l_btn > *:not(:first-child) {margin-left: 10px;}
.l_btn button:only-child {min-width: 120px;}
.r_btn {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 20px 0; justify-content: flex-end; -webkit-box-align: center; align-items: center;}
.r_btn > * {margin-left: 10px;}
.r_btn:first-child {margin-top: 0;}
.r_btn:last-child {margin-bottom: 0;}
.btn_list {display: block; margin: 15px 0 0;}
.btn_list:first-child {margin: 0;}
.btn_list > button, .c_btn.btn_list > button {width: 100%; margin: 20px 0 0;}
.btn_list > button:first-child {margin-top: 0 !important;}
.btn_area_cont {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; margin: 10px 0; -webkit-box-align: center; align-items: center;}
.btn_area_cont:first-child {margin-top: 0;}
.btn_area_cont > * + * {margin-left: 10px;}
.text_right {text-align:right !important;}
.text_left {text-align:left !important;}
.txt_underline {text-decoration: underline;}
.cen {text-align:center !important;}
.hide {position:absolute !important; left:-10000px; top:-10000px; visibility:hidden;}
.none {display:none !important;}
.nodata {position:relative; margin: 50px 0; padding: 34px 0 0; font-size: 0.875rem; color: var(--light); text-align:center; background: url("../images/ico_nodata.svg") no-repeat center top; z-index:10;}
.noimg img {display: none !important;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ellipsis_line2 {display: -webkit-box; -webkit-box-orient: vertical; text-overflow:ellipsis; -webkit-line-clamp: 2; line-clamp: 2; overflow:hidden;}
.nowrap {white-space: nowrap;}
.prewrap {white-space: pre-wrap;}
.word_keep {word-break:keep-all;}
.block {display: block !important;}
.iblock {display: inline-block !important;}
.dflex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.dflex button {margin: 0 5px;}
.dflex button:first-child {margin-left: 0;}
.dflex button:last-child {margin-right: 0;}
.space_between {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.space_between > * + * {margin-left: 20px;}
.flex_none {-webkit-flex: none !important; flex: none !important;}
.align_right {-webkit-justify-content: flex-end; justify-content: flex-end;}
.align_mid {-webkit-box-align: center; align-items: center;}
.space_center {-webkit-justify-content: center; justify-content: center !important;}

.pd0 {padding:0 !important;}
.mg0 {margin: 0 !important;}

.nobg {background-color: transparent !important;}
.noborder {border: none !important;}
.bg_w {background-color: #fff !important;}
.bg_normal {background-color: var(--normal) !important;}
.bg_gray {background-color: #F4F4F4 !important;}
.relative {position: relative !important;}


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

/***** layout *****/
.subWrap {position: relative; display:flex; flex-direction: column; min-width: 1110px; min-height: 100%;}

.web_container {max-width: 1110px; margin: 0 auto; padding: 0 30px;}

.headerWrap {position: -webkit-sticky; position: sticky; top: -111px; min-height: 150px; padding: 33px 0 0; background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, .05); z-index: 600;}
.headerWrap .web_container {padding: 0 30px;}
.utilWrap {display: flex; justify-content: space-between; align-items: center;}
.utilWrap > *:not(.header_search) {flex: 1;}
.header_logo {display: flex; align-items: center;}
.header_logo a {font-size: 1.125rem;}
.header_logo .logo {position: relative; min-width: auto; height: auto; margin-right: 21px; padding-left: 55px; font-weight: normal; font-size: 1.125rem; text-indent: 0; background: none;}
.header_logo .logo::before {content: ""; position: absolute; left: 0; top: 50%; width: 40px; height: 40px; margin-top: -20px; background: url("../images/logo.svg") no-repeat left center;}
/*
.header_logo .logo::after {content: ""; position: absolute; right: -10px; top: 50%; width: 1px; height: 15px; margin-top: -7.5px; background: #E2E2E2;}
*/
.header_logo .link {color: #B5B5B5;}

.header_search {position: relative; width: 40%; max-width: 400px;}
.header_search input {width: 100%; height: 50px; padding-left: 15px; padding-right: 45px; background-color: #F4F4F4; border: none; box-shadow: none; border-radius: 6px;}

.header_search .btn_search {position: absolute; right: 0; top: 0; width: 60px; height: 100%; text-indent: -999em; background: url("../images/btn_header_search.svg") no-repeat center center;}
.utilWrap .util {position: relative; display: flex; justify-content: flex-end;}
.utilWrap .top {position: absolute; right: 0; top: -33px; display: flex; align-items: center;}
.utilWrap .top > a {position: relative; display: inline-block; padding: 9px 10px; font-size: 0.875rem; color: #4A4A4A;}
.utilWrap .top > a::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background-color: #E2E2E2;}
.ui_dropdown {position: relative;}
.ui_dropdown .title {position: relative; padding: 9px 20px 9px 10px; font-size: 0.875rem; color: #4A4A4A;}
.ui_dropdown .btn_dropdown {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -999em;}
.ui_dropdown .btn_dropdown::after {content: ""; position: absolute; right: 0; top: 50%; width: 10px; height: 10px; margin-top: -5px; background: url("../images/ico_down.svg") no-repeat center center;}
.drop_layer {position: absolute; right: 0; top: 100%; min-width: 110px; height: 0; margin-top: -5px; padding: 0; background-color: #fff; border: 1px solid #E2E2E2; overflow: hidden; opacity: 0; transition: all 0.2s linear; z-index: 500;}
.drop_layer a {display: block; padding: 4px 10px; font-size: 0.75rem; color: #4A4A4A;}
.dropdown_open .drop_layer {height: auto; margin-top: 0; padding: 2px 0; opacity: 1;}
.drop_layer li > label {display: block; padding: 7px 10px; cursor: pointer;}
.drop_layer li > label input {position: absolute; left: 0; top: 0; opacity: 0;}
.drop_layer li > label input + * {margin: 0;}
.drop_layer li > label input:checked ~ * {color: var(--primary);}

.btn_head_mypage {width: 45px; height: 40px; text-indent: -999em; background: url("../images/btn_head_mypage.svg") no-repeat center center;}
.btn_head_favorite {width: 45px; height: 40px; text-indent: -999em; background: url("../images/btn_head_favorite.svg") no-repeat center center;}
.btn_head_cart {width: 45px; height: 40px; text-indent: -999em; background: url("../images/btn_head_cart.svg") no-repeat center center;}


.navWrap {position: relative; height: 56px; margin-top: 28px; padding-left: 160px; justify-content: center;}
.btn_menu {position: absolute; left: 0; top: 0; height: 50px; padding: 5px 30px; font-size: 1rem; background: url("../images/btn_menu.svg") no-repeat left center;}
.nav_list {display: flex;}
.nav_list a {display: flex; min-width: calc(4em + 92px); height: 56px; padding: 5px 20px; align-items: center; justify-content: center;}
.nav_list .right {margin-left: auto;}
.nav_list .right a {min-width: 5em;  padding-right: 0; text-align: right;}

.categoryWrap {position: absolute; left: 0; top: 100%; display: flex; width: 1050px; height: 0; opacity: 0; transition: all 0.3s linear; overflow: hidden; z-index: 100;}
.category_open .categoryWrap {height: 410px; opacity: 1;}
.category_list {width: 190px; background-color: #fff; border: 1px solid #E2E2E2; overflow: auto;}
.category_list > li {position: relative;}
.category_list > li:last-child {border: none;}
.category_list a {position: relative; display: flex; min-height: 35px; padding: 5px 16px; font-size: 0.875rem; color: var(--normal); align-items: center; justify-content: flex-start;}
.category_list a::after {content: ""; position: absolute; right: 15px; top: 50%; width: 10px; height: 10px; margin-top: -5px; background: url("../images/ico_category_arrow.svg") no-repeat right center;}

.category_list a::before {content: ""; position: absolute; left: 20px; top: 50%; width: 30px; height: 30px; margin-top: -15px;}
.category_list a:hover {color: var(--blue);}

.category_list .on a {color: var(--primary); background-color: #F4F4F4;}

.sub_depth {flex: 1; max-height: 100%; margin-bottom: auto; padding: 15px 26px 30px; background-color: #fff; border: 1px solid #E2E2E2; border-left: none; overflow: auto;}
.sub_depth .btn_area {margin-bottom: 20px;}
.sub_depth ul a {display: flex; flex-direction: column; align-items: center; font-size: 0.875rem; color: var(--normal);}
.sub_depth > ul {display: flex; flex-wrap: wrap; gap: 20px 35px;}
.sub_depth > ul > li {width: 70px; text-align: center;}
/*.sub_depth > ul > li:not(:last-child) {margin-right: 40px;}*/
.sub_depth .image {display: block; width: 70px; height: 70px; margin-bottom: 10px;}
.sub_depth .image img {width: 100%; height: 100%;}
.sub_depth .on a {color: var(--primary);}


.contentsWrap {position: relative; -webkit-flex:1; flex:1; width:100%; padding: 52px 0 90px;}
.breadcrumb {display: flex; margin-top: -50px; padding: 15px 0; align-items: center;}
.breadcrumb > * {position: relative; margin-right: 5px; padding: 5px 12px; font-size: 0.75rem; color: var(--sub);}
.breadcrumb > *:first-child {padding-left: 0;}
.breadcrumb > *:not(:last-child)::after {content: ""; position: absolute; left: 100%; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../images/ico_breadcrumb_arrow.svg") no-repeat center center;}
.breadcrumb .ui_dropdown {padding: 0 10px 0 0;}
.breadcrumb .ui_dropdown .title {padding: 5px 20px 5px 12px;}
.breadcrumb .ui_dropdown .drop_layer {left: 0; right: auto; min-width: 80px; max-height: 310px; overflow: auto;}


.card_submenu {margin: 30px 0 50px; padding: 25px 35px; background-color: #fff; border: 1px solid #E2E2E2;}
.card_submenu > ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px;}
.txt_toggle {position: relative; display: block; padding: 5px; font-size: 0.875rem; cursor: pointer;}
.txt_toggle input {position: absolute; opacity: 0;}
.txt_toggle input:checked ~ * {color: var(--primary);}
.txt_toggle:hover {background-color: #fafafa;}



.logo {display: block; min-width: 190px; height: 52px; text-indent: -999em; background: url("../images/logo.svg") no-repeat left center;}

.footerWrap {padding-top: 40px; border-top: 1px solid #F4F4F4;}
.footerWrap .web_container {display: flex; justify-content: space-between;}
.csWrap {flex: 1; padding-right: 30px;}
.tit_cs {margin-bottom: 18px; font-weight: 500; font-size: 1.125rem;}
.cs_center_info {display: flex; margin-bottom: 17px; align-items: center;}
.cs_center_info .cs_tel {margin-right: 12px; font-weight: 600; font-size: 1.875rem;}
.cs_center_info strong {font-weight: 600;}
.footerWrap .inquery {display: flex; align-items: center;}
.footerWrap .inquery a {min-width: 157px; height: 45px; margin-right: 12px; padding: 10px; font-size: 1rem; font-weight: 500; border: 1px solid #E2E2E2;}
.footerWrap .inquery p {font-size: 0.875rem; color: var(--sub);}
.footer_terms {display: flex; margin: -5px 0 15px -12px;}
.footer_terms a {display: inline-block; padding: 5px 12px; font-weight: 500; font-size: 1rem;}
.footer_terms .right {margin-left: auto; margin-right: 0;}

.company_info p {display: flex; align-items: center; margin-top: 5px; font-size: 0.75rem; color: var(--sub);}
.company_info span {position: relative;}
.company_info span:not(:last-child):after {content: "|"; display: inline-block; margin: 0 7px;}
.company_info span:first-child {margin-left: 0;}
.company_info span:last-child {margin-right: 0;}
.web_container.copyright {display: block;}
.copyright {margin-top: 40px; padding: 30px 0 32px; font-size: 0.75rem; color: var(--sub); text-align: center; border-top: 1px solid #F4F4F4;}

.quickWrap {position: absolute; display: none; top: 570px;}
.quickWrap .wrapper {position: absolute; width: 150px;}


@media screen and (min-width: 1640px) {
	.quickWrap {display: block;}
}


/*** loading ***/


/***** system *****/
.systemWrap {position: relative; display: flex; height: 100%; padding: 100px; font-weight: 500; text-align: center; background-color: #F4F4F4 !important;}

.system_404 {background: url("../images/bg_system_404.png") no-repeat center center;}
.system_500 {background: url("../images/bg_system_500.png") no-repeat center center;}
.system_cont {margin: auto;}
.tit_system {display: block; font-weight: bold; font-size: 200px;}
.txt_system {display: block; margin-bottom: 15px; font-weight: bold; font-size: 50px;}
.systemWrap .c_btn {margin-top: 40px;}
.systemWrap .c_btn button {flex: none; width: auto; min-width: 130px;}

/***** GNB *****/

/***** sticky *****/
.sticky_top {position: -webkit-sticky; position: sticky; top: 0; background-color: #fff; z-index: 10;}



/***** main *****/
.mainWrap .contentsWrap {padding: 0;}
.main_visual_swiper {position: relative; height: 300px; margin-top: 15px; padding: 0 calc((100% - 1050px) / 2); overflow: hidden;}
.main_visual_swiper .image {width: 100%; height: 100%; justify-content: center;}
.main_visual_swiper img {min-width: 100%; max-width: initial; height: 100%;}

@media screen and (min-width: 1095px) {
	.main_visual_swiper .swiper-button-prev {left: 50%; margin-left: -547px;}
	.main_visual_swiper .swiper-button-next {right: 50%; margin-right: -547px;}
}


.main_cont {margin: 72px 0;}
.main_title {margin-bottom: 35px;}
.tit_main {margin-bottom: 10px; font-weight: 500; font-size: 1.375rem;}

.main_brand {margin: 80px 0 72px;}
.main_brand ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.main_brand ul li {
    flex-basis: calc((100% / 9) - 20px);
    max-width: calc((100% / 9) - 20px);
    box-sizing: border-box;
}
.main_brand a {display: block; text-align: center; font-size: 0.875rem;}
.main_brand a img {display: block; margin-bottom: 8px;}




.banner_item {overflow: hidden;}


/***** sub column layout *****/
.cont_column {display: flex;}
.cont_column .col_menu {width: 220px; margin-right: 47px;}
.cont_column .col_cont {flex: 1;}
.col_cont > .container:first-child {padding-top: 0;}
.cont_column > .col + .col {margin-left: 30px;}
.banner_image {margin: 50px 0;}
.banner_image:first-child {margin-top: 0;}
.banner_image:last-child {margin-bottom: 0;}
.banner_image img {width: 100%;}
.detail_column .col_price {position: sticky; top: 76px; width: 380px; margin-left: 30px; margin-bottom: auto;}
.tab_sub ~ .detail_column .col_price {top: 132px;}
.detail_column .image_area img {display: block; width: 100%;}
.tit_page + .cont_column {margin-top: 32px;}
.sub_menu_list {margin-top: 40px; border: 1px solid var(--border);}
.sub_menu_list li:not(:first-child) {border-top: 1px solid var(--border);}
.sub_menu_list a {display: flex; min-height: 53px; padding: 10px 30px 10px 20px; color: var(--light); justify-content: flex-start; background: url("../images/ico_more_light.svg") no-repeat right 15px center;}
.sub_menu_list a:hover {color: var(--normal);}
.sub_menu_list .cur a {color: var(--primary); background-image: url("../images/ico_more_primary.svg");}




/***** login *****/
.loginWrap {width: 360px; margin: 82px auto 30px;}
.loginWrap .inp_box {margin: 10px 0;}
.loginWrap .inp_box input {height: 55px; font-size: 1rem;}
.login_menu {display: flex; margin: 10px 0; justify-content: flex-end;}
.login_menu a {padding: 10px; font-size: .875rem;}
.login_menu a:last-child {padding-right: 0;}
.login_btn_area button, .login_btn_area a {width: 100%; margin-top: 10px;}




/***** tab *****/
.tab01 {position: relative; margin-bottom: 30px;}
.tab01 ul {display: flex; flex: 1; border-bottom: 1px solid #F4F4F4;}
.tab01 li {flex: 1;}
.tab01 a, .tab01 button {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; padding: 5px 10px; font-size: 0.9375rem; color: var(--sub);}
.tab01 .on a, .tab01 .on button {font-weight: bold; color: var(--normal);}
.tab01 .on a::before, .tab01 .on button::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--primary);}

.tab_sub {position: sticky; top: 56px; margin: 90px 0 40px; z-index: 90;}
.tab_sub ul {display: flex; background-color: #F4F4F4;}
.tab_sub li {flex: 1;}
.tab_sub a, .tab_sub button {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 5px 10px; font-size: 1rem; color: var(--normal);}
.tab_sub .on a, .tab_sub .on button {font-weight: bold; color: var(--primary);}
.tab_sub .on a::before, .tab_sub .on button::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--primary);}


/***** search *****/
.searchWrap {position: relative; margin: 50px 0; padding-right: 108px;}
.search_row {display: flex; align-items: center; column-gap: 10px;}
.search_row dl {display: flex; align-items: center; font-weight: 500; font-size: 0.9375rem;}
.searchWrap table {width: 100%; font-size: 0.9375rem;}
.searchWrap th, .searchWrap td {padding: 5px; vertical-align: middle;}
.searchWrap th {font-weight: 500; text-align: left;}
.searchWrap th:first-child {padding-left: 0;}
.searchWrap td + th {padding-left: 30px;}
.searchWrap table tr:first-child > * {padding-top: 0;}
.searchWrap table tr:last-child > * {padding-bottom: 0;}
.searchWrap table .col + .col {margin-left: 0;}
.searchWrap .btn_search {position: absolute; top: 0; right: 0; width: 98px; height: 100%; font-size: 0.9375rem; color: #fff; background-color: var(--normal); border-radius: 2px;}

/***** form *****/
.inp_box {position: relative; margin: 20px 0;}
.inp_box:first-child {margin-top: 0 !important;}
.inp_box:last-child {margin-bottom: 0 !important;}
.row .inp_box {margin: 0 !important;}
.inp_box input {width: 100%;}
.inp_box.search_type input {padding-right: 35px;}
input.ico_search {padding-left: 39px; background: url("../images/ico_search.svg") no-repeat 10px center; background-color: #fff;}
.inp_box .btn_inp_del {position: absolute; right: 5px; top: 0; width: 0; height: 100%;}
.btn_inp_del {width: 0; height: 100%; text-indent: -999em; background: url("../images/btn_input_clear.svg") no-repeat center center; transition: width .2s linear;}
.btn_inp_pw {position: absolute; right: 0; top: 0; width: 45px; height: 100%; text-indent: -999em; background: url("../images/btn_inp_pw_off.svg") no-repeat center center;}
.btn_inp_pw.show {background-image: url("../images/btn_inp_pw_on.svg");}
.inp_box.pw .btn_inp_del {right: 37px;}
.inp_box .btn_area {position: absolute; right: 5px; top: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%;}
.inp_box .btn_area button {position: static;}
.inp_box.active input {padding-right: 40px;}
.inp_box.active.pw input, .inp_box.active.search_type input {padding-right: 80px;}
.active .btn_inp_del {width: 40px;}

.form_row {display: flex; margin: 10px 0; align-items: center;}
.form_row:first-child {margin-top: 0;}
.form_row:last-child {margin-bottom: 0;}
.form_row button {height: 40px;}
.form_row .inp_box {flex: 1;}
.form_row > * {margin-top: 0; margin-bottom: 0;}
.form_row > * + * {margin-left: 10px;}


input.inp_cal {max-width: 200px !important; padding-right: 35px; color: var(--normal) !important; background: #fff url("../images/ico_inp_calendar.svg") no-repeat right 9px center !important;}
input.inp_cal:disabled {color: #ccc !important; background-image: url("../images/ico_inp_calendar_disabled.svg") !important;}


.inp_like {position: relative; width: 25px; height: 23px;}
.inp_like input {width: 100%; height: 100%; background: url("../images/ico_like_off.svg") no-repeat center center;}
.inp_like input:checked {background: url("../images/ico_like_on.svg") no-repeat center center;}

.switch_list {display: flex; margin: 50px 0 100px; flex-wrap: wrap; justify-content: center;}
.switch01 {position: relative; display: inline-block; margin: 5px 10px;}
.switch01 input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.switch01 .txt_box {display: inline-block; height: 50px; margin: 0; padding: 5px 42px; font-size: 1.0625rem; text-align: center; line-height: 40px; background-color: #F3F3F3; border-radius: 50px; cursor: pointer;}
.switch01 input:checked ~ .txt_box {color: #fff; background-color: #84CDEE;}

.regist_group {margin-bottom: 40px;}
.tit_regist {position: relative; display: flex; margin: 40px 0 20px; padding-bottom: 10px; font-size: 1.375rem; border-bottom: 1px solid #181818;}
.tit_regist:first-child {margin-top: 0;}
.tit_regist .tit {flex: 1; font-weight: 600;}
.tit_regist .tit sub {margin-left: 12px; font-weight: normal; font-size: 0.75rem;}
.tit_regist .right {margin: auto 0 0 auto; font-weight: normal; font-size: 0.9375rem;}
.contentsWrap .regist_formWrap {margin: 30px auto;}
.regist_formWrap > *, .regist_formWrap dl {margin-bottom: 20px;}
.regist_formWrap dt {margin-bottom: 10px; font-weight: 500; font-size: 0.9375rem;}
.regist_formWrap .inp_box {margin: 10px 0;}
.regist_formWrap input:not(input[type=radio]):not(input[type=checkbox]), .regist_formWrap select, .regist_formWrap button {height: 54px;}
.regist_formWrap .btn_more, .regist_formWrap .btn_acc {height: auto;}
.regist_formWrap .row > dl {flex: 1; margin: 0;}
.regist_formWrap.reg_md .col-9 {width: 380px;}
.regist_formWrap.reg_md .col-3 {width: 130px;}
.required {display: inline-block; width: 4px; height: 4px; margin-left: 4px; text-indent: -999em; background-color: var(--primary); border-radius: 10px;}
.pop_cont .regist_formWrap > * {margin-bottom: 25px;}

.regist_formWrap.reg_sm {width: 360px;}
.regist_formWrap.reg_md {width: 520px;}

.form_file {position: relative; display: block; padding-right: 155px;}
.form_file .tit_file {position: absolute; top: 0; right: 0; display: flex; width: 145px; height: 100%; align-items: center; justify-content: center; font-weight: 500; font-size: 0.9375rem; color: #fff; background-color: var(--normal); border-radius: 6px;}
.form_file input[type=file] {position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}

.reg_email {display: flex; align-items: center; border: 1px solid var(--border); border-radius: 8px;}
.reg_email .inp {flex: 1;}
.reg_email .inp:first-child {max-width: 40%;}
.reg_email input {border: none !important;}

.filter_list {display: flex; margin: 20px 0; align-items: center; gap: 7px; flex-wrap: wrap;}
.inp_filter {position: relative; display: inline-block;}
.inp_filter input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.inp_filter .txt_box {display: inline-block; height: 40px; margin: 0; padding: 5px 20px; font-size: 1rem; text-align: center; line-height: 30px; background-color: #F4F4F4; border-radius: 50px; cursor: pointer;}
.inp_filter input:checked ~ .txt_box {color: #fff; background-color: #181818;}

.txtbox01 {display: inline-block; padding: 2px 6px; font-size: 0.75rem; color: #3F3D37; line-height: 14px; background-color: #FDEBEC; border-radius: 2px; box-sizing: border-box;}
.txtbox01.bg02 {background-color: #FBEBDD;}
.txtbox01.bg03 {background-color: #FCF3DA;}
.txtbox01.bg04 {background-color: #EDF3EC;}
.txtbox01.bg05 {background-color: #E7F3F8;}
.txtbox01.bg06 {background-color: #F7F3F8;}
.txtbox01.bg07 {background-color: #F4EEEE;}
.txtbox01.bg08 {background-color: #FBF2F5;}
.txtbox01.bg09 {background-color: #F1F1EF;}
.txtbox01.etc {padding: 1px 5px; background-color: #fff; border: 1px solid #F1F1EF;}
label .txtbox01 {margin-left: 8px;}

.price_range {display: flex; font-size: 0.75rem;}
.price_range .inp {flex: 1; position: relative;}
.price_range .inp input {width: 100%; padding-left: 5px; padding-right: 1.5em; text-align: right;}
.price_range .inp .unit {position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}


/***** button *****/
.btn01 {min-width: 70px; height: 54px; padding: 10px 15px; font-weight: 500; font-size: 0.9375rem; color: #fff; background-color: var(--primary); border-radius: 6px;}
.btn01:disabled {color: #fff; background-color: #E2E2E2;}
.btn01.bg_normal {color: #fff;}
.btn01.light {color: var(--primary); background-color: #FFF8F9;}
.btn02 {min-width: 70px; height: 54px; padding: 10px 15px; font-weight: 500; font-size: 0.9375rem; color: var(--primary); background-color: #fff; border: 1px solid var(--primary); border-radius: 6px;}
.btn02.normal {color: var(--normal); border-color: var(--normal);}
.btn03 {height: 30px; padding: 5px 10px; font-size: 0.875rem; border: 1px solid #b5b5b5; border-radius: 3px;}
.btn03.red {color: var(--red); border-color: var(--red);}

.btn_favorite {width: 32px; height: 32px; text-indent: -999em; background: url("../images/btn_favorite_off.svg") no-repeat center center; background-color: #fff; border-radius: 6px; z-index: 10;}
.btn_favorite.on {background-image: url("../images/btn_favorite_on.svg"); background-size: 14px auto;}
.btn_cart {width: 32px; height: 32px; text-indent: -999em; background: url("../images/btn_cart.svg") no-repeat center center; background-color: #fff; border-radius: 6px; z-index: 10;}
.btn_list_more {min-width: 5em; height: 50px; padding: 10px 20px; font-size: 1rem; border: 1px solid #E2E2E2; border-radius: 6px;}
.btn_list_more strong {font-weight: 600;}
.btn_list_more::before {content: ""; display: inline-block; width: 12px; height: 14px; margin-right: 6px; background: url("../images/ico_refresh.svg") no-repeat left center;}
.btn_list_more.down::before {display: none;}
.btn_list_more.down > * {display: inline-block; padding-right: 20px; background: url("../images/ico_arrow_down.svg") no-repeat right center;}
.btn_putcart {width: 60px; height: 60px; padding: 10px; border: 1px solid #E2E2E2; border-radius: 3px;}
.btn_putcart > * {display: block; padding-top: 26px; background: url("../images/btn_head_cart.svg") no-repeat center top; background-size: auto 20px;}
.btn_putcart.red {color: var(--red); border-color: var(--red);}
.btn_putcart.red > * {background-image: url("../images/btn_head_cart_red.svg");}

.btn_more {padding: 5px 25px 5px 0; font-weight: 500; background: url("../images/ico_more.svg") no-repeat right 5px center;}
.btn_reset {padding: 5px 0 5px 20px; font-size: 0.875rem; color: var(--primary); background: url("../images/ico_reset.svg") no-repeat 6px center;}
.btn_reset:disabled {background-image: url("../images/ico_reset_disabled.svg");}
.btn_txt {padding: 5px; font-size: 0.875rem; color: var(--sub); text-decoration: underline;}
.btn_txt_more {padding: 5px 15px 5px 10px; font-size: 0.875rem; color: var(--sub); background: url("../images/ico_more.svg") no-repeat right center;}

.btn_acc {width: 30px; height: 30px; text-align: left; text-indent: -999em;}
.btn_acc::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.btn_acc::after {content: ""; position: absolute; right: 10px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: url("../images/ico_arrow_down.svg") no-repeat center center; transition: all 0.2s linear;}
.btn_acc.light::after {background: url("../images/btn_acc.svg") no-repeat center center;}
.btn_acc.text {width: auto; padding-right: 30px; text-indent: 0;}
.btn_download {min-width: 120px; height: 36px; padding: 5px 20px; font-size: 0.8125rem; color: #fff; background-color: var(--normal); border-radius: 3px;}
.btn_download > * {position: relative; display: inline-block; padding-left: 18px;}
.btn_download > *::before {content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: url("../images/ico_download.svg") no-repeat left center;}




.btn_detail {position: absolute; left:0; top:0; width:100%; height:100%; margin: 0; text-indent: -999em; font-weight: 500; font-size: 1.0625rem; color: var(--sub); text-align: left;}
.btn_detail.arrow::after {content: ""; position: absolute; right: 0; top:0; width: 20px; height:100%; background: url("../images/ico_rarrow01.svg") no-repeat right center;}

.bt_sm {min-width: 50px; height: 30px; padding: 2px 5px; font-size: 0.875rem;}
.bt_md {height: 36px; padding: 2px 20px; font-size: 0.9375rem;}
.bt_lg {height: 60px; font-weight: normal; font-size: 1rem;}



/***** title *****/
.tit_page {margin: 6px 0 30px; font-weight: 600; font-size: 30px; text-align: center;}
.tit_page h2, .tit_page h3 {font-weight: 600;}
.title_section {padding-bottom: 19px; border-bottom: 1px solid #F4F4F4;}
.tit_page.optWrap:first-child {margin-top: -10px;}
.tit_page.optWrap > * {text-align: left;}
.col_menu .tit_page > * {font-weight: normal; text-align: left;}
.tit_sub {margin-bottom: 40px; font-weight: 600; font-size: 1.375rem;}
.tit_sub > * {font-weight: 600;}
.col_cont > .tit_sub {margin-top: 7px;}
.tit_row {display: flex; align-items: baseline;}
.tit_row > *:not(:last-child) {margin-right: 15px;}

.tit01 {margin: 15px 0; font-size: 1.25rem; -webkit-box-align: center; align-items: center;}
.tit01:first-child {margin-top: 0;}
.tit01:last-child {margin-bottom: 0;}
.tit02 {font-weight: 500; font-size: 1.375rem;}
.tit03 {margin: 23px 0 15px; font-weight: normal;}
.tit04 {margin: 25px 0 15px; font-weight: 300;}
.tit04:first-child {margin-top: 0;}

.tit_prd {margin: 5px 0 10px;}
.txt_form_info {margin-top: 7px; font-size: 0.75rem; color: var(--primary);}
.title_line {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #181818;}
.cont_group + .title_line {margin-top: 52px;}

/***** text *****/
.txt01 {font-size: .9375rem;}
.txt01 .font_normal {margin-right: 10px;}
.txt02 {font-size: 1rem;}
.txt03 {font-size: 1.0625rem; color: var(--sub);}
.txt_light {font-weight: 300; font-size: 0.875rem;}

.txt_category {font-size: 0.875rem; color: var(--sub);}
.txt_date {font-size: 0.75rem; color: var(--sub);}
.txt_price {font-size: 1rem; font-weight: 600;}
.txt_amount {font-weight: 600; font-size: 1.375rem;}

.txt_info_list {display: flex; margin-top: 5px 0; font-size: 0.8125rem; color: var(--sub);}
.txt_info_list > *:not(:last-child)::after {content: "|"; margin: 0 10px; color: var(--placeholder);}

.txtc_normal {color: var(--normal) !important;}
.txtc_sub {color: var(--sub) !important;}
.txtc_light {color: var(--light);}
.txtc_primary {color: var(--primary) !important;}
.txtc_red {color: var(--red) !important;}
.txtc_blue {color: var(--blue) !important;}

.weight_n {font-weight: normal !important;}
.weight_m {font-weight: 500 !important;}
.weight_sm {font-weight: 600 !important;}
.weight_b {font-weight: bold !important;}


.font_base {font-size: 1rem !important;}
.font_xs {font-size: 0.75rem !important;}
.font_sm {font-size: 0.875rem !important;}
.font_md {font-size: 0.9375rem !important;}
.font_lg {font-size: 1.375rem !important;}

.txt_chip01 {display: inline-flex; min-width: 60px; height: 28px; align-items: center; justify-content: center; padding: 4px 8px; font-weight: normal; font-size: 0.75rem; color: var(--primary); text-align: center; border: 1px solid var(--primary); border-radius: 3px;}
.txt_chip01.light {color: var(--light); border-color: var(--light);}
.txt_chip01.gray {color: var(--sub); background-color: #E2E2E2; border-color: #E2E2E2;}
.txt_chip01.disabled {color: #fff; background-color: #B5B5B5; border-color: #B5B5B5;}
.txt_chip01.red {color: var(--primary); background-color: #FFCBD2; border-color: #FFCBD2;}



/***** list *****/
.list01 {padding: 0 20px; font-size: 1.0625rem;}
.list01 > li {position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #D6D6D6; box-sizing: border-box;}
.list01 .cont {-webkit-flex: 1;  flex: 1; min-width: 0; padding: 15px 0;}
.list01 .cont_col {margin: auto 0 auto 20px;}
.list01 .title {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.list01 .title > *:not(:last-child) {margin-right: 10px;}
.list01 .tit {font-size: 1.0625rem;}
.list01 li > label:only-child {flex: 1; padding: 15px 0;}
.cont_box01 .list01 {padding: 0;}
.cont_box01 .list01:only-child {margin: -20px 0;}
.cont_box01 .list01 > li {border-color: #F4F4F4;}
.cont_box01 .list01 > li:last-child {border: none;}

.chk_list li {margin-top: 12px;}
.chk_list li:first-child {margin-top: 0;}
.chk_list label {display: block; cursor: pointer;}
.chk_list.bg_gray {padding: 16px 15px;}

.info_list {margin: 20px 0; font-size: 0.75rem; color: var(--sub); line-height: 1.34;}
.info_list:last-child {margin-bottom: 0;}
.info_list dl {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2;}
.info_list dl:last-child {margin-bottom: 0; padding-bottom: 0; border: none;}
.info_list dt {margin-bottom: 15px; font-weight: 300; font-size: 1rem; color: var(--normal);}

.bul_list {margin: 20px 0; font-size: 0.75rem; line-height: 1.34;}
.bul_list:last-child {margin-bottom: 0;}
.bul_list > li {display: flex; margin-top: 10px;}
.bul {min-width: 0.5em; margin-right: 4px; margin-bottom: auto;}
.dot {position: relative; display: inline-block; min-width: 0.5em; margin-right: 4px; margin-bottom: auto; text-indent: -999em;}
.dot::before {content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -1.5px; background-color: var(--placeholder); border-radius: 5px;}

.step {display: flex; font-weight: normal; font-size: 0.875rem; color: var(--sub);}
.step li {position: relative;}
.step li:not(:last-child)::after {content: ""; display: inline-block; width: 5px; height: 10px; margin: 0 10px; background: url("../images/ico_breadcrumb_arrow.svg") no-repeat center center;}
.step strong {color: var(--normal);}

.step_list {margin: 15px 0; font-size: 0.875rem;}
.step_list:last-child {margin-bottom: 0;}
.step_list li {position: relative; margin-bottom: 20px; padding-left: 26px;}
.step_list li:last-child {margin: 0;}
.step_list li:not(:last-child):before {content: ""; position: absolute; left: 10px; top: 10px; bottom: -25px; border-right: 1px dashed #E2E2E2;}
.step_list .tit_row {position: relative; margin: 0 0 5px -26px; align-items: center;}
.step_list .num {display: block; width: 20px; height: 20px; margin-right: 6px; font-weight: bold; font-size: 0.75rem; color: #fff; text-align: center; line-height: 20px; background-color: var(--normal); border-radius: 20px;}


/***** accordion *****/
.acc_head {position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center;}
.acc_tit {-webkit-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center;}
.acc_tit .tit {-webkit-flex: 1; flex: 1;}
.acc_cont {position: relative; height: 0; padding: 0; overflow: hidden; opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear;}
.acc_cont .txt_require_info {position: absolute; top: 4px; right: 0;}
.acc_open .btn_acc::after {transform: rotate(-180deg);}
.acc_open .acc_cont {height: auto; opacity: 1;}

.search_accWrap {border-bottom: 1px solid #F4F4F4;}
.search_accWrap .acc_head {min-height: 50px;}
.search_accWrap .row {column-gap: 4px;}
.search_accWrap .btn01 {min-width: 55px;}
.search_accWrap input:not([type="checkbox"]):not([type="radio"]), .search_accWrap button {height: 36px; font-weight: 300; font-size: 0.75rem; border-radius: 2px;}
.search_accWrap .inp_box .btn_inp_del {background-size: 14px auto;}
.search_accWrap .inp_box.active input {padding-right: 25px;}
.search_accWrap .inp_box.active .btn_inp_del {width: 24px;}
.search_accWrap.acc_open .acc_cont {padding: 1px 0 20px;}

.inquiry_list {margin: 20px 0; font-size: 0.875rem; border-top: 2px solid var(--normal);}
.inquiry_list li {position: relative; border-bottom: 1px solid var(--border);}
.inquiry_list .acc_head {min-height: 56px; padding: 10px 0;}
.inquiry_list .num {min-width: 4em; padding: 5px; font-weight: bold; text-align: center;}
.inquiry_list .acc_tit {padding: 5px; font-weight: normal;}
.inquiry_list .txt_date {padding-left: 10px; font-size: 1em; white-space: nowrap;}
.inquiry_list .btn_acc {width: 40px;}
.inquiry_list .acc_cont {padding: 0 20px; background-color: #fafafa;}
.inquiry_list .acc_open .acc_cont {padding: 20px;}



/***** table *****/
table.fixed {table-layout: fixed;}
.table01 {width: 100%; font-size: 0.875rem; text-align: center; border-top: 2px solid #181818;}
.table01 tr {border-bottom: 1px solid #E2E2E2;}
.table01 thead th {height: 52px; padding: 10px 5px; font-weight: normal;}
.table01 tbody tr > * {height: 56px; padding: 10px 5px;}
.table01 a {display: flex; padding: 7px 0; justify-content: flex-start;}
.table01 a.cen {justify-content: center;}
.table01 tr:hover a {color: var(--primary);}
.table01.view {text-align: left;}
.table01.view th, .table01.view td {padding: 10px 20px;}
.table01.view th {text-align: center;}
.table01.view tbody th {background-color: #F4F4F4;}
.table01.view td {color: var(--sub);}

.table02 {width: 100%; font-size: 0.75rem; text-align: center;}
.table02 thead tr {background-color: #F4F4F4;}
.table02 tr {border-bottom: 1px solid #F4F4F4;}
.table02 th, .table02 td {height: 40px; padding: 10px; font-weight: normal;}


/***** grid *****/
.row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; column-gap: 10px;}
.row + .row { margin-top: 8px;}
.col {-webkit-flex: 1; flex: 1;}
.row .col {margin: 0;}

.col {-webkit-flex:1; flex:1; box-sizing: border-box;}
.col.auto {-webkit-flex: 0 1 auto; flex: 0 1 auto;}
.col.vtop {margin-bottom: auto;}
.col.vbot {margin-top: auto;}
.col-1 {width: 8.333%;}
.col-2 {width: 16.666%;}
.col-3 {width: 25%;}
.col-4 {width: 33.333%;}
.col-5 {width: 41.666%;}
.col-6 {width: 50%;}
.col-7 {width: 58.333%;}
.col-8 {width: 66.666%;}
.col-9 {width: 75%;}
.col-10 {width: 83.333%;}
.col-11 {width: 91.666%;}
.col-12 {width: 100%;}
.col-45p {width: 45%;}
.col-10p {width: 10%;}
.col-20p {width: 20%;}
.col-30p {width: 30%;}
.col-period {min-width: 380px;}
.col-period .period {width: 300px !important;}
.col-period dt {flex: 1;}


.optWrap {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; align-items: center; margin: 10px 0; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.optWrap:first-child {margin-top: 0 !important;}
.optWrap:last-child {margin-bottom: 0 !important;}
.optWrap > *:first-child:not(.option) {-webkit-flex:1; flex:1; min-width: 0; margin: 0;}
.optWrap .option {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; align-items: center; margin-left: auto; padding-left: 10px;}
.optWrap .option button {margin-left: 10px;}
.optWrap .option > * + * {margin-left: 5px;}
.optWrap .option.gap02 > * + * {margin-left: 10px;}
.optWrap .option dl:not(:last-child) {margin-right: 10px;}
.optWrap .option .dlist02.inline + .dlist02.inline {margin-left: 35px;}
.optWrap .option label:not(:last-child) {margin-right: 15px;}
.optWrap .option label + button {margin-left: 0;}
.optWrap .option.form_list > label {margin-right: 0;}
.optWrap .vtop {margin-bottom: auto;}
.optWrap .vbot {margin-top: auto;}
.optWrap.type02 { padding: 10px 20px; margin-bottom: 0;}
.optWrap.type03 { padding: 10px 20px; margin-bottom: 0; background-color: #F4F6FA;}
.optWrap.type03 .option > * { font-size: .9375rem;}
.optWrap.type03 .option > .tit_type { font-size: 1.0625rem; padding-right: 20px;}
.optWrap.type03 .option > .tit_type em { color: #415B85; padding-right: 10px;}
.optWrap.has_btn {min-height: 60px;}
.optWrap .option .btn01:only-child, .optWrap.has_btn .option button {min-width: 130px;}
.optWrap.has_btn .option select {min-width: 240px;}
.optWrap .option > button:first-child {margin-left: 0;}
.optWrap.bor_bottom { padding-bottom: 15px; border-bottom: 1px solid #D6D6D6;}

.optWrap + .reply_list { padding-top: 10px;}




/********** contents style *********/
.container {padding: 10px 20px;}
.cont_box01 {margin: 10px 0; padding: 25px 15px; background-color: #fff; border-radius: 6px;}
.cont_box02 {padding: 25px 20px; border-bottom: 1px solid #F4F4F4;}

.image {display: block;}
.image img {display: block;}
.prd_image {position: relative; border: 1px solid #D9D9D9; border-radius: 8px; overflow: hidden;}
.prd_image img {width: 100%; height: 100%;}

.cont_group {margin: 40px 0;}
.cont_group:first-child {margin-top: 0;}
.cont_group.sub {margin: 0; padding: 25px 18px; border-bottom: 1px solid #F4F4F4;}
.cont_group.divide { border-top: 2px solid #181818;}
.title_line + .cont_group.sub {margin-top: -20px;}

.guide_box {position: relative; margin-top: 50px; padding: 20px 60px 20px 40px; background: url("../images/ico_guide_arrow.svg") no-repeat right 40px center; background-color: #F4F4F4; border-radius: 3px;}


/***** 제품 목록 *****/
.prd_list {position: relative; margin-bottom: 60px;}
.prd_list ul:not(.swiper-wrapper) {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 18px; row-gap: 50px; flex-wrap: wrap;}
.prd_list ul:not(.swiper-wrapper) li {position: relative; flex: 1;}
.prd_list .prd_image {position: relative; width: 249px; height: 249px; margin-bottom: 10px;}
.prd_list .num {position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; padding: 5px; font-weight: 600; font-size: 1rem; color: var(--normal); text-align: center; line-height: 20px; background-color: #fff; border-radius: 6px; z-index: 5;}
.prd_list li:first-child .num {color: #fff; background-color: var(--primary);}
.prd_list .prd_image img {display: block; width: 100%; height: 100%; transition: all 0.2s linear;}
.prd_list .prd_image .btn_area {position: absolute; right: 10px; bottom: 10px; display: flex; flex-direction: column;}
.prd_list .prd_image .btn_area button {margin-top: 5px;}
.prd_list .price_info {margin-top: 10px;}
.prd_list del {display: block; font-size: 0.875rem; color: var(--sub);}
.price_wrap {display: flex; margin-top: 3px; font-weight: 600;}
.price_wrap em {margin-right: 10px;}
.prd_list li:hover .prd_image img {scale: 1.2;}
.prd_list.item3 ul {grid-template-columns: repeat(3, 1fr);}
.prd_list.item6 .prd_image {width: 170px; height: 170px;}
.prd_list .swiper-button-prev, .prd_list .swiper-button-next {top: 124.5px;}
.prd_list.item6 .swiper-button-prev, .prd_list.item6 .swiper-button-next {top: 85px;}
.count_info {display: flex; margin: 10px 0; font-size: 0.75rem; color: var(--sub);}
.count_info dl {display: inline-flex; align-items: center;}
.count_info dl:not(:last-child)::after {content: ""; display: block; width: 3px; height: 3px; margin: auto 5px; background-color: var(--sub); border-radius: 5px;}
.count_info dt {margin-right: 5px;}
.prd_type {display: flex; margin-top: 10px; gap: 5px; flex-wrap: wrap;}

.pagination {display: flex; margin-top: 30px; justify-content: center; font-size: 0.875rem;}
.pagination .wrap {display: flex; border: 1px solid #F4F4F4;}
.pagination a {width: 100%; height: 100%; color: var(--sub);}
.pagination a:hover {color: var(--primary);}
.pagination .wrap > a {width: 28px; height: 28px; text-indent: -999em; border-left: 1px solid #F4F4F4;}
.pagination .wrap > a:first-child {border: none;}
.pagination ol {display: flex;}
.pagination li {width: 29px; border-left: 1px solid #F4F4F4;}
.pagination .cur a {color: #fff; background-color: var(--primary);}
.btn_page_first {background: url("../images/btn_page_first.svg") no-repeat center center;}
.btn_page_first:hover {background: url("../images/btn_page_first_on.svg") no-repeat center center;}
.btn_page_prev {background: url("../images/btn_page_prev.svg") no-repeat center center;}
.btn_page_prev:hover {background: url("../images/btn_page_prev_on.svg") no-repeat center center;}
.btn_page_next {background: url("../images/btn_page_next.svg") no-repeat center center;}
.btn_page_next:hover {background: url("../images/btn_page_next_on.svg") no-repeat center center;}
.btn_page_last {background: url("../images/btn_page_last.svg") no-repeat center center;}
.btn_page_last:hover {background: url("../images/btn_page_last_on.svg") no-repeat center center;}


.prd_swiper {margin-left: -30px; margin-right: -30px; padding: 0 30px; overflow: hidden;}
.prd_swiper::before {content: ""; position: absolute; left: 0; top: 0; width: 12px; height: 100%; background-color: #fff; z-index: 2;}
.prd_swiper::after {content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 100%; background-color: #fff; z-index: 2;}
/*.prd_swiper.item6::before {content: ""; position: absolute; left: 0; top: 0; width: 122px; height: 100%; background: linear-gradient(to right, #fff, transparent); z-index: 2;}
.prd_swiper.item6::after {content: ""; position: absolute; right: 0; top: 0; width: 122px; height: 100%; background: linear-gradient(to right, transparent, #fff); z-index: 2;}
*/

.prd_swiper.item6 .swiper-button-prev, .prd_swiper.item6 .swiper-button-next {top: 0; width: 0; height: 100%; margin: 0;}
.prd_swiper.item6 .swiper-button-prev::before {content: ""; position: absolute; left: 0; top: 0; width: 122px; height: 100%; background: linear-gradient(to right, #fff, transparent); z-index: 2; pointer-events: none;}
.prd_swiper.item6 .swiper-button-prev::after {content: ""; position: absolute; left: 0; top: 85px; width: 53px; height: 53px; background: url("../images/btn_swiper_prev.svg") no-repeat center center;}
.prd_swiper.item6 .swiper-button-next::before {content: ""; position: absolute; right: 0; top: 0; width: 122px; height: 100%; background: linear-gradient(to right, transparent, #fff); z-index: 2; pointer-events: none;}
.prd_swiper.item6 .swiper-button-next::after {content: ""; position: absolute; right: 0; top: 85px; width: 53px; height: 53px; background: url("../images/btn_swiper_next.svg") no-repeat center center;}

.prd_sort {display: flex; margin-bottom: 20px; align-items: center;}
.tit_result {font-weight: normal; font-size: 0.875rem;}
.sort_option {display: flex; margin-left: auto;}
.sort_option label {position: relative;}
.sort_option label::before {content: ""; position: absolute; left: -0.5px; top: 50%; width: 1px; height: 10px; margin-top: -5px; background-color: #E2E2E2;}
.sort_option label:first-child::before {display: none;}
.sort_option input {position: absolute; opacity: 0;}
.sort_option input + * {display: inline-block; margin: 0 !important; padding: 5px 11px; font-size: 0.875rem; color: var(--sub);}
.sort_option input:checked + * {color: var(--normal);}


.prd_detailWrap {display: flex; margin: 20px 0;}
.prd_detailWrap .image_area {width: 500px; margin-bottom: auto; border: 1px solid #F4F4F4; border-radius: 6px;}
.prd_detail_view {display: flex; height: 498px; align-items: center; justify-content: center;}
.detail_thumb_swiper {position: relative; padding: 5px 0; border-top: 1px solid #F4F4F4; overflow: hidden;}
.detail_thumb_list {display: flex; padding: 0 20px; align-items: center; justify-content: center; gap: 5px;}
.detail_thumb_list li {position: relative; width: 50px; height: 50px;}
.detail_thumb_list input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none !important;}
.detail_thumb_list input:checked{border: 1px solid var(--primary);}
.detail_thumb_swiper img {max-width: 100%; max-height: 100%;}
.detail_thumb_swiper .swiper-button-prev {left: 0; top: 0; width: 30px; height: 100%; margin-top: 0; background: url("../images/btn_page_prev.svg") no-repeat center center;}
.detail_thumb_swiper .swiper-button-next {right: 0; top: 0; width: 30px; height: 100%; margin-top: 0; background: url("../images/btn_page_next.svg") no-repeat center center;}

.prd_price_info {flex: 1; margin-left: 50px;}
.prd_price_info .tit_prd {margin-bottom: 10px; font-weight: 600; font-size: 1.375rem;}
.prd_price_info .prd_type {gap: 2px;}
.sell_price_status {margin: 45px 0;}
.sell_price_status:first-child {margin-top: 0;}
.sell_price_status dl {display: flex; margin-top: 20px; align-items: center;}
.sell_price_status dl:first-child {margin-top: 0;}
.sell_price_status dd {flex: 1; font-weight: 600; text-align: right;}
.sell_price_status del {font-weight: 300; color: var(--sub);}
.sell_price_status .divide {padding-top: 20px; border-top: 1px solid #F4F4F4;}
.quantity_setting {display: flex; margin: 20px 0; padding: 20px 0; align-items: center; border: 0 solid #F4F4F4; border-width: 1px 0;}
.quantity_setting .setting {flex: 1;}
.quantity_setting dl {display: block; margin-top: 0; margin-bottom: 12px;}
.quantity_setting dl > * {display: inline-block;}
.quantity_setting dl dt {margin-right: 5px; font-weight: 600;}
.quantity_setting dl dd {font-weight: normal; font-size: 0.875rem;}
.quantity_setting .status {text-align: right;}
.quantity_setting .stock {margin-bottom: 10px; font-size: 0.875rem; color: var(--sub);}

.num_box {position: relative; width: 125px; max-width: 125px; height: 36px;}
.num_box button {position: absolute; top: 1px; width: 35px; height: calc(100% - 2px); text-indent: -999em; background-color: #F4F4F4 !important;}
.num_box input {width: 100%; height: 100%; padding: 5px 40px; font-weight: 600; text-align: center; border-radius: 0;}
.num_box .btn_num_minus {left: 1px; background: url("../images/btn_num_minus.svg") no-repeat center center;}
.num_box .btn_num_plus {right: 1px; background: url("../images/btn_num_plus.svg") no-repeat center center;}
.num_box:hover input {border-color: var(--normal);}

.total_price {margin: 40px 0 30px; font-weight: 600; font-size: 1.1875rem; text-align: right;}
.total_price dl > * {display: inline-block;}
.total_price dd {margin-left: 10px; font-size: 1.875rem; color: var(--primary);}
.total_price .unit {font-size: 1.25rem;}
.detail_btn_area {display: flex; margin: 20px 0;}
.detail_btn_area button {height: 60px;}
.detail_btn_area .btn_favorite {width: 60px; height: 60px; margin-right: 10px; background-size: auto 20px; border: 1px solid var(--sub); border-radius: 6px;}
.detail_btn_area .c_btn {flex: 1; margin: 0; border-radius: 6px; overflow: hidden;}
.detail_btn_area .c_btn button {margin: 0; border-radius: 0;}
.detail_btn_area .c_btn button:first-child {min-width: 100px; max-width: 30%;}
.order_total {margin: -25px 0 25px; padding: 20px 0; border: 0 solid #F4F4F4; border-width: 1px 0;}
.order_total dl {display: flex; align-items: center;}
.order_total dd {flex: 1;}

.sale_notice_box {margin: 30px 0; padding: 20px; border: 1px solid var(--border); border-radius: 6px;}
.noti_alert {display: flex; margin: 20px 0; font-size: 0.875rem; line-height: 1.3;}
.noti_alert::before {content: ""; display: inline-block; min-width: 14px; min-height: 14px; max-height: 1.3em; margin-right: 5px; background: url("../images/ico_alert_r.svg") no-repeat left center;}
.noti_alert:first-child {margin-top: 0;}
.noti_no {position: relative; min-height: 24px; margin-top: 20px; padding: 20px 0 20px 40px; font-size: 0.9375rem; background: url("../images/ico_no.svg") no-repeat left center; border-top: 1px solid #F4F4F4;}
.noti_no.discount {background: url("../images/ico_discount.svg") no-repeat left center;}
.noti_no + .noti_no {margin-top: 0;}
.sale_notice_box .noti_no:last-child {margin-bottom: -20px;}
.noti_no dt {margin-bottom: 5px; font-weight: bold; font-size: 1rem; color: #2B27B4;}


.prd_row {position: relative; display: flex; align-items: center; font-weight: normal;}
.prd_row .prd_image {width: 80px; margin-right: 20px; border: 1px solid #F4F4F4; border-radius: 3px; overflow: hidden;}
.prd_row .tit_prd {margin: 0 0 5px;}
.price_info {margin: 7px 0 0; font-size: 0.75rem;}
.price_info del {margin: 0 10px; color: var(--placeholder);}
.price_info del:first-child {margin: 0;}
.price_info em {margin: 0 5px;}
.point_use {position: relative;}
.point_use .tit {position: absolute; left: 10px; top: 50%; font-size: 0.875rem; color: var(--sub); transform: translateY(-50%);}
.point_use .unit {position: absolute; right: 10px; top: 50%; font-size: 0.875rem; transform: translateY(-50%);}
.point_use input {padding: 3px 2em 3px 3em; color: var(--primary); text-align: right;}
.point_use button {min-width: 105px;}
.prd_list_row li {position: relative; margin-top: 10px;}
.prd_list_row li:first-child {margin-top: 0;}


.card_cart {padding: 25px; background-color: #F4F4F4; border-radius: 6px;}
.card_cart .quantity_setting {display: block; padding: 20px 15px; background-color: #fff;}
.card_cart .tit_prd {margin-bottom: 20px; font-size: 0.875rem;}
.card_cart .num_box {flex: none;}
.card_cart .unit_price {margin-left: auto;}
.card_cart .total_price {margin: 25px 0 0;}
.card_cart .total_price dl {display: flex; align-items: center;}
.card_cart .total_price dt {padding-right: 15px; font-weight: 600;}
.card_cart .total_price dd {flex: 1; font-size: 1.375rem; text-align: right;}
.card_cart .total_price .unit {font-size: 1rem;}

.recommend_area {margin-top: 50px; padding-top: 56px; border-top: 1px solid #E2E2E2; box-shadow: inset 0 6px #F4F4F4;}

.review_total {padding: 0 20px 30px; border-bottom: 7px solid #F4F4F4; box-shadow: inset0 -1px #E2E2E2;}
.review_score {display: flex; margin-top: 30px; align-items: center;}
.review_score dl {width: 180px; margin-right: 20px; text-align: center;}
.review_score dt {margin-bottom: 2px; font-size: 0.875rem; color: var(--sub);}
.review_score dd {font-weight: 600; font-size: 2rem;}
.tot_star {display: block; width: 62px; height: 10px; margin: 2px auto; background: url("../images/bg_star_total_off.svg") no-repeat 0 0;}
.tot_star > * {display: block; height: 10px; text-indent: -999em; background: url("../images/bg_star_total_on.svg") no-repeat 0 0;}

.bar_graphWrap {flex: 1; font-size: 0.875rem;}
.bar_graph {margin-top: 10px;}
.bar_graph:first-child {margin-top: 0;}
.bar_graph .tit {font-weight: normal;}
.barWrap {position: relative; height: 3px; margin-top: 5px; background-color: #F4F4F4;}
.barWrap .value {display: block; height: 100%; background-color: var(--primary);}
.barWrap .txt {position: absolute; right: 0; bottom: 100%; margin-bottom: 5px;}

.review_cont {padding: 15px 20px;}
.sortWrap {display: flex;}
.sortWrap select {border: none;}
.sortWrap > * {position: relative; margin-right: 11px;}
.sortWrap > *::after {content: ""; position: absolute; top: 50%; right: -5px; display: inline-block; width: 1px; height: 10px; margin-top: -5px; background-color: #E2E2E2;}

.review_list {margin-top: 10px;}
.review_list > li {position: relative; padding: 20px 0; border-top: 1px solid #F4F4F4;}
.star_value {min-height: 12px; padding-left: 78px; font-weight: 600; font-size: 0.875rem; background: url("../images/bg_star5.svg") no-repeat left center;}
.star_value.value4 {background-image: url("../images/bg_star4.svg");}
.star_value.value3 {background-image: url("../images/bg_star3.svg");}
.star_value.value2 {background-image: url("../images/bg_star2.svg");}
.star_value.value1 {background-image: url("../images/bg_star1.svg");}

.review_list .txt_date {padding-right: 20px;}
.writer_info {display: flex; align-items: center; margin: 15px 0; font-size: 0.8125rem;}
.avatar {width: 20px; height: 20px; margin-right: 5px; background-color: #B5B5B5; border-radius: 20px; overflow: hidden;}
.writer_info .r_btn {margin: 0 0 0 auto; padding: 0 20px;}

.review_data {display: flex; align-items: center;}
.review_data .image {position: relative; margin-right: 20px;}
.review_data img {max-width: 90px; transition: all 0.3s linear;}
.review_data .image.noimg {margin: 0;}
.review_data .btn_image_view {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -999em;}
.image.resize img {max-width: 300px;}
.txt_review {font-size: 0.875rem; line-height: 1.34; white-space: pre-line;}

.mapWrap {position: relative; overflow: hidden;}
.contact_info {margin: 40px 30px;}
.contact_info dl {display: flex; align-items: center; margin-top: 20px; font-weight: 500;}
.contact_info dt {min-width: 5em; padding-right: 20px; font-weight: 900;}

/***** board *****/
.board_reg_info {margin: 50px 0 0; padding: 0 30px 20px; text-align: center; border-bottom: 2px solid var(--normal);}
.board_reg_info .txt_date {margin-bottom: 10px;}
.tit_board {font-weight: normal; font-size: 1.875rem;}
.board_cont {min-height: 15em; margin: 0 auto; padding: 30px 25px; font-size: 0.9375rem; line-height: 1.4; border-bottom: 1px solid #F4F4F4; white-space: pre-line;}
table .board_cont {padding: 0;}
.cont_btn_area > a {min-width: 100px;}

.member_benefit {margin: 0;}
.member_benefit ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; font-size: 0.8125rem; line-height: 1.34;}
.member_benefit li {padding: 25px 20px; background-color: #F4F4F4; border-radius: 3px;}
.member_benefit .num {display: block; width: 20px; height: 20px; margin-bottom: 10px; font-weight: bold; font-size: 0.75rem; color: #fff; text-align: center; line-height: 20px; background-color: var(--primary); border-radius: 20px;}


/***** mypage *****/
.my_infoWrap {display: flex; align-items: center; margin-bottom: 25px;}
.my_infoWrap .profileWrap {display: flex; flex: 1;  align-items: center;}
.profileWrap .img_profile {width: 50px; height: 50px; margin-right: 15px; background: url("../images/bg_profile.svg") no-repeat center center; border-radius: 50px; overflow: hidden;}
.profileWrap .img_profile img {width: 100%; height: 100%;}
.profileWrap .txt_name {font-weight: 600; font-size: 1.375rem;}
.profileWrap .unit {margin-left: 5px; font-weight: 300; font-size: 1rem;}


.my_point_status {display: flex; min-height: 70px; margin-bottom: 40px; padding: 10px 0; border: 1px solid var(--border);}
.my_infoWrap .my_point_status {width: 500px; margin: 0 0 0 auto;}
.my_point_status dl {flex: 1; padding: 0 15px;}
.my_point_status dl:not(:first-child) {border-left: 1px solid var(--border);}
.my_point_status dt {font-size: 0.8125rem;}
.my_point_status dd {margin-top: 5px; text-align: right;}
.my_point_status .unit {margin-left: 5px;}

.itembox_row {display: flex; margin: 0 0 40px;}
.itembox_row > * {flex: 1; padding: 15px; background-color: #F4F4F4; border-radius: 3px;}
.itembox_row > * + * {margin-left: 20px;}
.itembox_row dt {margin-bottom: 10px; font-size: 0.8125rem;}
.itembox_row dd {text-align: right;}
.itembox_row dd strong {font-size: 1.375rem;}
.itembox_row .unit {margin-left: 3px; font-size: 0.75rem;}
.tit_sub + .itembox_row {margin-top: 45px;}
.title_line + .itembox_row {margin-top: -20px;}




/********** popup style *********/
.modalWrap {position: fixed; left: 0; top: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; row-gap: 20px; width: 100%; height: 100%; padding: 50px 100px; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; flex-wrap: wrap; background: rgba(0, 0, 0, .3); overflow: auto; z-index: 1000;}
.modalWrap > * {min-width: 300px;}
.popWrap {position: relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-flex-direction: column; flex-direction: column; min-width: 300px; max-width: 1000px; min-height: 150px; max-height: 100%; margin: 0 auto; background: #fff; border-radius: 10px;}
.popWrap > *:first-child {padding-top: 20px; border-radius: 10px 10px 0 0;}
.pop_head {position: relative; min-height: 64px; padding: 20px 50px; text-align: center; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: 10px 10px 0 0;}
.pop_head .pop_tit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 600; font-size: 1.375rem; text-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.pop_tit:only-child {margin: 0 -20px;}
.pop_head p + .pop_tit {margin-top: 10px;}
.btn_pop_close {position: absolute; right:0; top:0; width: 64px; height: 100%; max-height: 80px; text-indent: -999em; background: url("../images/btn_pop_close.svg") no-repeat center center;}
.pop_top {padding: 0 20px 10px;}
.pop_cont {-webkit-flex:1; flex:1; min-height: 55px; padding: 0 20px; font-size: 1rem; text-align: left; overflow: auto; -webkit-overflow-scrolling: touch; }
.tit_pop_cont {margin-bottom: 30px;}
.pop_cont.dflex {-webkit-flex-direction: column; flex-direction: column;}
.pop_cont.type02 { padding-bottom: 10px;}
.pop_cont.type03 {padding: 0 60px 10px;}
.pop_cont:first-child {padding-top: 30px;}
.pop_cont:last-child {margin-bottom: 15px; padding-bottom: 10px;}
.pop_cont.pd02 {padding: 0 30px;}
.pop_foot {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; padding: 0; -webkit-justify-content: center; justify-content: center; border-top: 1px solid var(--light);}
.pop_foot button {position: relative; flex: 1; height: 48px; padding: 5px 20px; font-weight: 500; font-size: 0.9375rem; color: var(--primary);}
.pop_foot button:not(:first-child)::before {content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: var(--light);}
.pop_foot button.cancel {color: var(--placeholder);}

.popWrap.alert {text-align: center;}
.popWrap.alert .pop_cont {text-align: center; line-height: 1.5;}

.pop_lg {width: 800px;}

/********** plug-in *********/

/*** swiper ***/
.swiper {position: relative; overflow: hidden;}
.swiper-button-next, .swiper-button-prev {width: 53px; height: 53px; margin-top: -22px; text-indent: -999em; background: url("../images/btn_swiper_prev.svg") no-repeat center center;}
.swiper-button-next {background-image: url("../images/btn_swiper_next.svg");}
.swiper-pagination-bullets {display: flex; -webkit-justify-content: center; justify-content: center;}
.swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 5px; background-color: #DCE2E9; border-radius: 10px; opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #86939F;}