/*
header {position: fixed; z-index: 100; width: 100%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
header .top {width: 100%; padding: 8px 0px; background: #C2935F; color: #ffffff;}
header .top ul {float: right;}
header .top ul li {display: inline-block; margin-right: 48px; font-size: 14px;}
header .top ul li:last-child {margin-right: 0px;}
header .bottom {position: relative; width: 100%; height: 80px; background: #E3D8C3;}
header .bottom .center {position: relative; height: 100%;}
header .bottom h1 {float: left; width: 130px; margin-top: 16px;}
header .bottom h1 a, header .bottom h1 img {display: block; width: 100%;}

header .bottom form {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
header .bottom form input {width: 200px; height: 40px; padding-left: 6px; padding-right: 26px; box-sizing: border-box; background: none; border-bottom: 2px solid #C2935F; outline: none; font-size: 14px;}
header .bottom form button {position: absolute; right: 6px; top: 6px;}
header .bottom .gnb {position: absolute; left: 259px; top: 50%; transform: translateY(-50%);}
header .bottom .gnb > li {position: relative; display: inline-block; font-size: 18px; font-weight: 500;}
header .bottom .gnb > li:last-child {margin-right: 0px;}
header .bottom .gnb > li >a {display: block; height: 80px; padding: 0 30px; line-height: 80px;}


.fix_menu {position: fixed; right: 3vw; bottom: 4vw; text-align: right;}
.fix_menu li {height: 64px;}
.fix_menu li:first-child {margin-bottom: 12px;}
.fix_menu li:last-child {border-radius: 32px; box-shadow: 5px 4px 12px rgba(0, 0, 0, 0.14);}
*/

.sale_ban{ position: relative;}
.sale_ban::after{ content: ""; position: absolute; top: 90%; right: 8%; display: block; width: 62px; height: 52px; background: url("/img/member_ban.gif") no-repeat 50% 50%;
background-size: cover;}



/* -----------------------------hedaer end---------------------------------- */


/* -----------------------------idx_sub_common---------------------------------- */
.cont {padding-top: 208px ;}
.swiper-button-next, .swiper-button-prev {outline: none;}
.swiper-button-next {right: 0;}
.swiper-button-prev {left: 0;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

.sm_title {text-align: center; color: #7F7F7F;}
.lg_title {text-align: center; color: #C2935F; font-weight: 500;}
.idx .lg_title {position: relative; margin-bottom: 42px; padding-bottom: 12px;  font-size: 30px;}
.idx .lg_title::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 40px; height: 2px; background: #C2935F;}
.sub .lg_title {margin-bottom: 18px; font-size: 24px;}

.btn_like svg .st0 {fill: #C4C4C4;}
.btn_like.active svg .st0 {fill: #C2935F;}

.sub_menu {display: flex; justify-content: center; margin-bottom: 30px; border-bottom: 2px solid #C2935F;}
.sub_menu li {position: relative; margin-right: 60px; line-height: 44px; color: #7F7F7F;}
.sub_menu li.active {color: #C2935F;}
.sub_menu li.active::after {content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; background: #C2935F;}
.sub_menu li:last-child {margin-right: 0px;}

.btn_adm_wrp {float: right;}
.cm_tabel {clear: both; table-layout: fixed; width: 100%; margin-bottom: 24px; border-bottom: 1px solid #E5E5E5; font-size: 13px; color: #282D32; text-align: center;}
.cm_tabel tr {border-top: 1px solid #E5E5E5;}
.cm_tabel td {padding: 16px 0px;}
.cm_tabel thead td {color: #56606A;}
.cm_tabel tbody .title {text-align: left;}
.cm_tabel .num {position: relative; width: 10%;}
.cm_tabel .num.notice {color: #C2935F;}
.cm_tabel .title a {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 체크박스 수정 */
.cm_tabel .num input[type="checkbox"] {display: none;}
.cm_tabel .num input[type="checkbox"] + label { display: inline-block; position: absolute; left: 12px; top: 18px; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 15px;}
.cm_tabel .num input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; border: 1px solid #dedede; box-sizing: border-box;}
.cm_tabel .num input[type="checkbox"]:checked + label:after {content: ''; position: absolute; top: 0px; left: 0px; width:16px; height: 16px; background: url(../img/icon_ck_bg.png) no-repeat center center; background-size: cover; border: 0px;}
/* 체크박스 수정 end */

.cm_form .cont_info {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 30px; font-size: 13px;}
.cm_form .cont_info .wd_100 {display: flex; flex-wrap: wrap; width: 100%; font-size: 13px;}
.cm_form .cont_info .wd_50 {width: 50%;}
.cm_form .cont_info li {display: flex; border-bottom: 1px solid #E6E6E6;}
.cm_form .cont_info {border-top: 1px solid #E6E6E6;}
.cm_form .cont_info {border-top: 1px solid #E6E6E6;}
.cm_form .cont_info li h3, .cm_form .cont_info li p {padding: 8px 16px; box-sizing: border-box;}
.cm_form .cont_info li h3 {width: 120px; line-height: 40px; background: #F7F7F7;}
.cm_form .cont_info li p {width: calc(100% - 120px);}
.cm_form .cont_info li p input {width: 100%; height: 40px; padding: 0 12px; border: 1px solid #E6E6E6; border-radius: 4px;}
.cm_form .cont_info li p input::placeholder {color: #999999;}
.cm_form .cont_info .add_wrp {position: relative;}
.cm_form .cont_info .add_wrp input {margin-bottom: 10px;}
.cm_form .cont_info .add_wrp .add_01 {width: 50%;}
.cm_form .cont_info .add_wrp .add_03 {margin-bottom: 0px;}
.cm_form .cont_info .add_wrp .find_add {position: absolute; left: 56%; top: 8px; width: 100px; height: 40px; border-radius: 4px; background: #C2935F; color: #ffffff; text-align: center; line-height: 40px;}
.cm_form .dhtml_wrp {margin-bottom: 30px;}
.cm_form .file_title {font-size: 18px; color: #7F7F7F; font-weight: 500;}
.cm_form .file_title span {font-size: 16px;}
.cm_form .file_box {width: 100%;margin-top: 14px; padding: 22px 16px; border: 1px solid #E6E6E6; border-radius: 8px; box-sizing: border-box;}
.cm_form .file_box label img {vertical-align: -5px;}
.cm_form .file_box input {width: 85%; margin-left: 16px; font-size: 13px; outline: none;}
.cm_form .btn_wrp {display: flex; justify-content: center; margin-top: 30px;}
.cm_form .btn_wrp a, .cm_form .btn_wrp button {display: block; height: 60px; text-align: center; box-sizing: border-box;}
.cm_form .btn_wrp a {width: 162px; margin-right: 20px; border: 2px solid #C2935F; line-height: 56px; color: #C2935F;}
.cm_form .btn_wrp button {width: 438px; line-height: 60px; color: #ffffff; background: #C2935F;}

.cm_veiw .cont_info {width: 100%; border-top: 1px solid #E5E5E5;}
.cm_veiw .cont_info li {float: left; display: flex; border-bottom: 1px solid #E5E5E5;}
.cm_veiw .cont_info li h4, .cm_veiw .cont_info li p {padding: 16px; font-size: 13px; box-sizing: border-box;}
.cm_veiw .cont_info li h4 {width: 120px; background: #F7F7F7; color: #282D32;}
.cm_veiw .cont_info li p {width: calc(100% - 120px); padding: 16px; font-size: 13px; box-sizing: border-box;}
.cm_veiw .cont_info .wd_100 {width: 100%;}
.cm_veiw .cont_info .wd_50 {width: 50%;}
.cm_veiw .cont_info .wd_33 {width: 33.33%;}

.pg_wrp {margin-top: 24px; text-align: center;}
/* -----------------------------idx_sub_common end---------------------------------- */


/* -----------------------------main_vis---------------------------------- */
.main_vis {position: relative; width: 100%; height: 500px;}
.main_vis .main_vis_slider .swiper-slide {width: 100%; height: 500px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.main_vis .main_vis_slider .swiper-slide a { display: block; width: 100%; height: 100%; }

.main_vis .btn_wrp {position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 95%; max-width: 1700px;}
/* -----------------------------main_vis end---------------------------------- */


/* -----------------------------main_vis---------------------------------- */
.common_form { background: #C2935F; border-bottom: 1px solid #fff; }
.common_form form {position: relative; display: flex; align-items: center; width: 100%;  color: #ffffff; box-shadow: 0px 10px 11px rgba(194, 147, 95, 0.38); padding: 10px 0; }
.common_form form h6 {margin: 0 42px;}
.common_form form span {margin: 0 16px;}
.common_form form .text_wrp input {width: 160px; height: 40px; padding: 0 18px; border: 2px solid #ffffff; background: none; font-size: 14px;}
.common_form form .text_wrp input::placeholder {color: #ffffff; opacity: 0.4; text-align: right;}
.common_form form .sel_wrp select {width: 92px; height: 40px; margin-left: 90px; padding: 0 18px; border: 2px solid #ffffff; background: none; font-size: 14px; }
.common_form form .sel_wrp select option {color: #333333;}
.common_form form .btn_wrp {position: absolute; right: 0; top: 0; height:100%; background: #524233; padding: 10px;}
.common_form form .btn_wrp button {display: block; width: 100%; height: 100%;}
.common_form form  input[type="number"]::-webkit-outer-spin-button,
.common_form form  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* -----------------------------main_vis---------------------------------- */


/* -----------------------------main_sec_01---------------------------------- */
.main_sec_01 {padding: 120px 0px; border-bottom: 1px solid #F5F5F5;}
.main_sec_01 ul {display: flex; justify-content: center;}
.main_sec_01 ul li {position: relative; width: 300px; height: 300px; margin-right: 50px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 0px 0px 0px 60px;}
.main_sec_01 ul li:last-child {margin-right: 0px;}
.main_sec_01 ul li a {display: block; width: 100%; height: 100%;}
.main_sec_01 ul li .textbox {position: absolute; left: 0px; bottom: 30px; width: 100%; color: #E3D8C3;}
.main_sec_01 ul li .textbox h5 {font-size: 24px;}
.main_sec_01 ul li .textbox h4 {font-size: 28px; text-align: center; font-weight: 500; line-height: 1.2em;}
/* -----------------------------main_sec_01 end---------------------------------- */


/* -----------------------------main_sec_02---------------------------------- */
.main_sec_02 {padding: 60px 0px 120px 0px;}
.main_sec_02 .center {display: flex; justify-content: space-between; align-items: center;}
.main_sec_02 .box {width: 30%; height: 285px; border-bottom: 1px solid #C4C4C4;}
.main_sec_02 .box h6 {position: relative; width: 100%; margin-bottom: 24px; font-size: 20px; font-weight: 500;}
.main_sec_02 .box h6 a {position: absolute; right: 0; top: 0; border-bottom: 1px solid #333333; font-weight: 400; font-size: 14px;}

.main_sec_02 .box1 ul li {margin-bottom: 8px;}
.main_sec_02 .box1 ul li a {display: block; width: 100%;}
.main_sec_02 .box1 ul li i {position: relative; vertical-align: 5px;}
.main_sec_02 .box1 ul li i::after {content: "|"; display: inline-block; margin: 0 10px; font-size: 14px; vertical-align: 2px;}
.main_sec_02 .box1 ul li span {display: inline-block; width: calc(100% - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.main_sec_02 .box2 h5 {margin-bottom: 12px; font-weight: 500;}
.main_sec_02 .box2 ul {display: flex; margin-bottom: 24px;}
.main_sec_02 .box2 ul li {width: 33.33%;}
.main_sec_02 .box2 ul li:nth-child(2) h5 {margin-bottom: 24px;}
.main_sec_02 .box2 ul li:last-of-type figure {line-height: 1.2em;}
.main_sec_02 .box2 .inner_box h5 {margin-bottom: 6px;}

.main_sec_02 .box3 {padding: 40px; box-sizing: border-box; background: #C2935F; box-shadow: 10px 12px 15px rgba(194, 147, 95, 0.48); border-radius: 20px; color: #ffffff;}
.main_sec_02 .box3 h5 {font-size: 20px; font-weight: 500;}
.main_sec_02 .box3 h4 {font-size: 34px; font-weight: 500;}
.main_sec_02 .box3 h4 img {margin-left: 20px; vertical-align: -2px;}
/* -----------------------------main_sec_02 end---------------------------------- */



/* -----------------------------sub_vis---------------------------------- */
.sub_vis {position: relative; width: 100%; height: 360px;}
.sub_vis figure {width: 100%; height: 360px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.sub_vis figure img {display: block; width: 100%;}
.sub_vis .textbox {text-align: center; color: #ffffff;}
.sub_vis .textbox h2 {margin-bottom: 8px; font-weight: 500; font-size: 30px;}
.sub_vis .textbox p {font-size: 18px;}
/* .sub_vis_pd {padding-top: 59px;} */
/* -----------------------------sub_vis end---------------------------------- */



/* -----------------------------sub1_1---------------------------------- */
.sub1_1 {padding: 60px 0 120px 0px;}
.sub1_1 .fix_top {position: fixed; z-index: 99; left: 0; top: 208px; width: 100%; padding: 12px 0px; background: #C2935F; color: #ffffff;}
.sub1_1 .fix_top .order_info {float: left; display: flex; align-items: center; justify-content: space-between; width: 890px;}
.sub1_1 .fix_top .order_info h6 {width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
.sub1_1 .fix_top .order_info p span {font-weight: 500; font-size: 22px;}
.sub1_1 .fix_top .btn_wrp {float: right;}
.sub1_1 .fix_top .btn_wrp button {width: 135px; height: 35px; font-weight: 500; background: #524233; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 4px;}
.sub1_1 .fix_top .btn_wrp .btn_basket {margin-right: 6px;}


.sub1_1 .top_wrp figure {width: 100%; margin-bottom: 32px;}
.sub1_1 .top_wrp figure img {display: block; width: 100%;}
.sub1_1 .bot_wrp h2 {width: 100%; margin-bottom: 16px; line-height: 2em; font-size: 24px; color: #C2935F; border-bottom: 2px solid #C2935F}
.sub1_1 .bot_wrp h6 {margin-bottom: 8px; color: #7F7F7F;}
.sub1_1 .bot_wrp h6 span {margin-left: 4px; font-size: 20px; color: #C2935F; font-weight: 500; vertical-align: -2px;}
.sub1_1 .bot_wrp .list {display: flex; margin-bottom: 16px; padding: 27px 0px; border: 1px solid #C4C4C4;}
.sub1_1 .bot_wrp .list:last-of-type {margin-bottom: 32px;}
.sub1_1 .bot_wrp .list li {position: relative; flex: 1; border-right: 1px solid #c4c4c4; text-align: center; color: #C2935F; font-size: 18px; font-weight: 500;}
.sub1_1 .bot_wrp .list li.active {color: #ffffff;}
.sub1_1 .bot_wrp .list li.active::after {content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; height: 150%; border-radius: 20px; background: #C2935F; color: #ffffff;}
.sub1_1 .bot_wrp .list li:last-child {border-right: 0px;}



.sub1_1 .list_table {table-layout: fixed; width: 100%; font-size: 14px; text-align: center;}
.sub1_1 .list_table thead {background: #C2935F; color: #ffffff;}
.sub1_1 .list_table thead td {position: relative; padding: 10px 0px; border: 1px solid #C2935F;}
.sub1_1 .list_table thead td::after {content: ""; position: absolute; right: 0; top: 14px; width: 1px; height: 14px; background: #ffffff;}
.sub1_1 .list_table thead .ck::after {display: none;}
.sub1_1 .list_table tbody td {padding: 6px 0px; border: 1px solid #C4C4C4;}
.sub1_1 .list_table tbody .price_vat {background: rgba(227, 216, 195, 0.4);}

.sub1_1 .list_table .title {width: 20%;}
.sub1_1 .list_table .size {width: 16%;}
.sub1_1 .list_table .option {width: 4%;}
.sub1_1 .list_table .price {width: 7%;}
.sub1_1 .list_table .set_num {width: 7%;}
.sub1_1 .list_table .stock {width: 4%;}
.sub1_1 .list_table .quantity {width: 10%;}
.sub1_1 .list_table .price_vat {width: 9%;}
.sub1_1 .list_table .wish {width: 5%;}
.sub1_1 .list_table .ck {position: relative; width: 5%;}

.sub1_1 .list_table .title > span{ position: relative;}
.sub1_1 .list_table .title > span.new{ display: inline-block; margin-right: 40px;}
.sub1_1 .list_table .title > span.hot{ display: inline-block; margin-right: 40px;}
.sub1_1 .list_table .title > span.sale{ display: inline-block; margin-right: 40px;}
.sub1_1 .list_table .title > span.many{ display: inline-block; margin-right: 40px;}
.sub1_1 .list_table .title > span::after{ content: ""; position: absolute; left: calc(100% + 5px); top: 50%; transform: translateY(-50%); display: block; width: 35px; padding: 0 5px 2px;
font-size: 12px; color: #fff; border-radius: 5px;}
.sub1_1 .list_table .title span.new::after{ content: "NEW"; background: #95d895;}
.sub1_1 .list_table .title span.hot::after{ content: "HOT"; background: #d396d6;}
.sub1_1 .list_table .title span.sale::after{ content: "SALE"; background: #f4a525;}
.sub1_1 .list_table .title span.many::after{ content: "대량할인"; width: 52px; padding: 3px 5px; background: #d53b43; line-height: 1.2;}

.sub1_1 .list_table .size a {display: block; width: 90%; margin: 0 auto; padding-bottom: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub1_1 .list_table .size a span {font-size: 18px; font-weight: 500; color: #C2935F; }
.sub1_1 .list_table .quantity button {display: inline-block; width: 30px; height: 30px; border: 1px solid #C4C4C4;}
.sub1_1 .list_table .quantity .btn_minus {margin-right: -4px;}
.sub1_1 .list_table .quantity .btn_plus {margin-left: -3px;}
.sub1_1 .list_table .quantity .btn_minus img {vertical-align: 5px;}
.sub1_1 .list_table .quantity .btn_plus img {vertical-align: 1px;}
.sub1_1 .list_table .quantity input[type="number"]::-webkit-outer-spin-button,
.sub1_1 .list_table .quantity input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.sub1_1 .list_table .quantity input {width: 40px; height: 30px; text-align: center; outline: none; border: 1px solid #C4C4C4;}
.sub1_1 .list_table .wish svg {width: 20px; height: 20px; vertical-align: -4px;}
/* 체크박스 수정 */
.sub1_1 .list_table .ck input[type="checkbox"] {display: none;}
.sub1_1 .list_table .ck input[type="checkbox"] + label { display: inline-block; position: absolute; left: 22px; top: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.sub1_1 .list_table .ck input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; border: 1px solid #C2935F; box-sizing: border-box;}
.sub1_1 .list_table .ck input[type="checkbox"]:checked + label:after {content: ''; position: absolute; top: 0px; left: 0px; width:16px; height: 16px; background: url(../img/icon_ck_bg.png) no-repeat center center; background-size: cover; border: 0px;}
/* 체크박스 수정 end */
.sub1_1 .list_table .ck .btn_out_of_stock {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
/* -----------------------------sub1_1 end---------------------------------- */



/* -----------------------------sub1_2---------------------------------- */
.sub1_2 {padding: 90px 0 200px 0px;}
.sub1_2 .top {display: flex; justify-content: space-between; margin-bottom: 74px;}
.sub1_2 .top figure {width: 590px; border: 1px solid #C2935F;}
.sub1_2 .top figure img {display: block; width: 100%; }
.sub1_2 .top .textbox {width: 490px;}
.sub1_2 .top .textbox h2 {font-size: 20px; padding-bottom: 14px; border-bottom: 2px solid #C2935F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub1_2 .top .textbox >ul {margin-bottom: 52px;}
.sub1_2 .top .textbox >ul li {display: flex; margin-bottom: 6px;}
.sub1_2 .top .textbox >ul li h3 {width: 136px; color: #7F7F7F;}
.sub1_2 .top .textbox >ul li p {width: calc(100% - 136px);}
.sub1_2 .top .textbox >ul li:first-child {margin-bottom: 15px; line-height: 60px; border-bottom: 1px solid #C4C4C4;}
.sub1_2 .top .textbox >ul li:first-child h3 {color: #333333;}
.sub1_2 .top .textbox >ul li:first-child p span {font-size: 14px;}
.sub1_2 .top .textbox >ul li:last-child {margin-bottom: 0px;} 
.sub1_2 .top .textbox .quantity_wrp {margin-bottom: 48px; border-top: 1px solid #C4C4C4;}
.sub1_2 .top .textbox .quantity_wrp h4 {margin: 20px 0px 8px 0px; font-size: 14px;}
.sub1_2 .top .textbox .quantity_wrp button {display: inline-block; width: 40px; height: 40px; border: 1px solid #C4C4C4;}
.sub1_2 .top .textbox .quantity_wrp .btn_minus {margin-right: -4px;}
.sub1_2 .top .textbox .quantity_wrp .btn_plus {margin-left: -4px;}
.sub1_2 .top .textbox .quantity_wrp .btn_minus img {vertical-align: 5px;}
.sub1_2 .top .textbox .quantity_wrp .btn_plus img {vertical-align: 1px;}
.sub1_2 .top .textbox .quantity_wrp input[type="number"]::-webkit-outer-spin-button,
.sub1_2 .top .textbox .quantity_wrp input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.sub1_2 .top .textbox .quantity_wrp input {width: 60px; height: 40px; text-align: center; outline: none; border: 1px solid #C4C4C4;}
.sub1_2 .top .textbox .btn_wrp >button {display: block; width: 100%; height: 60px; margin-bottom: 14px; font-weight: 500; background: #C2935F; color: #ffffff; box-shadow: 0px 6px 6px rgba(194, 147, 95, 0.44);}
.sub1_2 .top .textbox .btn_wrp ul {display: flex; justify-content: space-between;}
.sub1_2 .top .textbox .btn_wrp ul li {height: 50px; color: #ffffff;}
.sub1_2 .top .textbox .btn_wrp ul .type_01 {width: 180px; background: #C2935F;}
.sub1_2 .top .textbox .btn_wrp ul .type_01 a {display: block; width: 100%; height: 100%; line-height: 50px; text-align: center;}
.sub1_2 .top .textbox .btn_wrp ul .type_02 {width: 50px; background: #524233; text-align: center;}
.sub1_2 .top .textbox .btn_wrp ul .type_02 button {width: 100%; height: 100%;}
.sub1_2 .top .textbox .btn_wrp ul .type_02 button img {vertical-align: -2px;}
.sub1_2 .top .textbox .btn_wrp ul .type_02 a {line-height: 50px; text-align: center;}
.sub1_2 .top .textbox .btn_wrp ul .type_02 .btn_like svg {width: 20px; vertical-align: -3px;}
.sub1_2 .top .textbox .btn_wrp ul .type_02 .btn_like svg .st0 {fill: #ffffff;}
.sub1_2 .top .textbox .btn_wrp ul .type_02 .btn_like.active svg .st0 {fill: #C2935F;}

.sub1_2 .bottom .tab_menu {display: flex; width: 100%; border-bottom: 2px solid #C2935F} 
.sub1_2 .bottom .tab_menu li {width: 140px; height: 40px; border: 2px solid #C2935F; border-bottom: 0px; box-sizing: border-box; color: #C2935F;}
.sub1_2 .bottom .tab_menu li.active {background: #C2935F; color: #ffffff;}
.sub1_2 .bottom .tab_menu li button {width: 100%; height: 100%;}
.sub1_2 .bottom .tab_cont li figure {width: 100%; text-align: center;}
.sub1_2 .bottom .tab_cont li figure img {max-width: 100%;}
.sub1_2 .bottom .tab_cont li .textbox {padding-top: 40px;}
.sub1_2 .bottom .tab_cont .cont_02 {display: none;}
/* -----------------------------sub1_2 end---------------------------------- */



/* -----------------------------sub1_3---------------------------------- */
.sub1_3 {padding: 90px 0px;}
.sub1_3 .lg_title {position: relative; margin-bottom: 48px; padding-bottom: 14px;}
.sub1_3 .lg_title::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 40px; height: 2px; background: #C2935F;}
/* -----------------------------sub1_3 end---------------------------------- */



/* -----------------------------sub2_common---------------------------------- */
.sub2_common {padding: 60px 0px 120px 0px;}
.sub2_common .sub2_cm_title {position: relative; margin: 148px 0px 100px 0px; text-align: center;}
.sub2_common .sub2_cm_title span {position: relative; z-index: 1; font-size: 20px; font-weight: 500; color: #7F7F7F;}
.sub2_common .sub2_cm_title::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-60%); font-size: 170px; font-weight: 700; color: rgba(194, 147, 95, 0.3);}
.sub2_common .box_info {width: 100%; margin-bottom: 25px; border-top: 1px solid #C2935F; text-align: center; color: #7F7F7F;}
.sub2_common .box_info td {width: 16.666%; padding: 18px 0px; border: 1px solid #CCCCCC;}
.sub2_common .box_info td:first-child {border-left: 0px;}
.sub2_common .box_info td:last-of-type {border-right: 0px;}
.sub2_common .box_info thead td {border-top: 0px; background: #E3D8C3;}
/* -----------------------------sub2_common end---------------------------------- */


/* -----------------------------sub2_1---------------------------------- */
.sub2_1 .sub2_cm_title::after {content: "01";}
.sub2_1 figure {width: 100%; height: 240px; margin-bottom: 26px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.sub2_1 .box h4, .sub2_1 .box h5 {color: #7F7F7F; font-weight: 500;}
.sub2_1 .box ul {display: flex; justify-content: space-between;}
.sub2_1 .box ul li {width: 372px;}

.sub2_1 .box1 {border-bottom: 1px solid #C4C4C4; padding-bottom: 24px; margin-bottom: 24px;}
.sub2_1 .box1 h4 {margin-bottom: 10px;}
.sub2_1 .box1 ul li h5 {margin-bottom: 4px;}
.sub2_1 .box1 ul li label {width: 100%;}
.sub2_1 .box1 ul li label input {width: 100%; height: 50px; padding: 0 16px; border: 2px solid #C2935F; outline: none;}
.sub2_1 .box1 ul li label input::placeholder {color: rgba(127, 127, 127, 0.4)}
.sub2_1 .box1 ul li label input[type="number"]::-webkit-outer-spin-button,
.sub2_1 .box1 ul li label input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

.sub2_1 .box2 ul {margin-bottom: 50px;}
.sub2_1 .box2 ul li h5 {margin-bottom: 14px; box-sizing: border-box; border-right: 1px solid #C4C4C4;}
.sub2_1 .box2 ul li:last-of-type h5 {border-right: 0px;}
 /* 라디오 수정 */
 .sub2_1 .box2 ul li p {position: relative; display: block; width: 100%; margin-bottom: 12px;}
 .sub2_1 .box2 ul li p input[type="radio"] {display: none;}
 .sub2_1 .box2 ul li p input[type="radio"] + label { display: inline-block; position: relative; padding-left: 28px; color: #7f7f7f; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
 .sub2_1 .box2 ul li p input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; border: 1px solid #C2935F; border-radius: 16px; box-sizing: border-box;}
 .sub2_1 .box2 ul li p input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 6px; left: 0px; width:16px; height: 16px; background: url(../img/icon_radio_bg.png) no-repeat center center; background-size: cover; border: 0px;}
 /* 라디오 수정 end */
 .sub2_1 .box2 button {display: block;  margin: 0 auto; width: 620px; height: 50px; background: #C2935F; color: #ffffff; font-weight: 500;}
/* -----------------------------sub2_1 end---------------------------------- */



/* -----------------------------sub2_2---------------------------------- */
.sub2_2 .sub2_cm_title::after {content: "02";}
.sub2_2 .form ul {display: flex; justify-content: space-between; margin-bottom: 36px;}
.sub2_2 .form ul li {position: relative;}
.sub2_2 .form ul li h5 {margin-bottom: 8px; color: #C2935F;}
.sub2_2 .form ul li input {display: block; width: 100%; height: 60px; padding: 0 32px 0px 16px; border: 2px solid #C2935F; outline: none; text-align: right;}
.sub2_2 .form ul li label input[type="number"]::-webkit-outer-spin-button,
.sub2_2 .form ul li label input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.sub2_2 .form ul li i {position: absolute; right: 16px; top: 50px; color: #C2935F; font-weight: 500;}
.sub2_2 .form ul li:first-child {width: 310px;}
.sub2_2 .form ul li:last-child {width: 870px;}
.sub2_2 .form .btn_wrp {display: flex; justify-content: center;}
.sub2_2 .form .btn_wrp a, .sub2_2 form .btn_wrp button {display: block; height: 60px; text-align: center; box-sizing: border-box;}
.sub2_2 .form .btn_wrp a {width: 162px; margin-right: 20px; border: 2px solid #C2935F; line-height: 56px; color: #C2935F;}
.sub2_2 .form .btn_wrp button {width: 438px; line-height: 60px; color: #ffffff; background: #C2935F;}
/* -----------------------------sub2_2 end---------------------------------- */



/* -----------------------------sub2_3---------------------------------- */
.sub2_3 .sub2_cm_title::after {content: "03";}
.sub2_3 .price_info {margin-bottom: 32px;}
.sub2_3 .price_info ul {display: flex; justify-content: space-between; width: 100%;}
.sub2_3 .price_info ul li {display: flex; justify-content: space-between; height: 60px; padding: 0 20px; box-sizing: border-box; line-height: 60px; background: #C2935F; color: #ffffff;}
.sub2_3 .price_info ul li:first-child {width: 310px;}
.sub2_3 .price_info ul li:last-child {width: 870px;}


.popup {display: none; position: fixed; z-index: 101; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6);}
.popup .popop_box {width: 760px; margin: 15% auto; padding: 45px 0px; background: #E3D8C3; text-align: center;}
.popup .popop_box h4 {margin: 10px 0px 6px 0px; font-weight: 500; font-size: 24px;}
.popup .popop_box img {border-radius: 100%; box-shadow: 5px 7px 22px rgba(194, 147, 95, 0.15);}
.popup .popop_box p {margin-bottom: 30px; color: #7f7f7f;}
.popup .popop_box a {display: inline-block; width: 80%; padding: 17px 0px; background: #C2935F; color: #ffffff;}
/* -----------------------------sub2_3---------------------------------- */



/* -----------------------------sub2_4---------------------------------- */
.sub2_4 .cm_tabel .title {width: 70%;}
.sub2_4 .cm_tabel .writer {width: 10%;}
.sub2_4 .cm_tabel .date {width: 10%;}
/* -----------------------------sub2_4 end---------------------------------- */



/* -----------------------------sub4_common---------------------------------- */
.sub4_common .cm_tabel .title {width: 69%;}
.sub4_common .cm_tabel .writer {width: 7%;}
.sub4_common .cm_tabel .view {width: 7%;}
.sub4_common .cm_tabel .date {width: 7%;}

.sub4_common .cm_form .btn_wrp {justify-content: flex-end;}
.sub4_common .cm_form .btn_wrp a, .sub4_common .cm_form .btn_wrp button {height: 48px; border-radius: 4px;}
.sub4_common .cm_form .btn_wrp a {width: 75px; margin-right: 8px; line-height: 46px; border: 1px solid #CCCCCC; color: #666666;}
.sub4_common .cm_form .btn_wrp button {width: 101px; line-height: 48px; }
.sub4_common .precautions {color: #EB5757;}
.sub4_common .precautions span {margin-right: 6px; font-weight: 700;}
/* -----------------------------sub4_common end---------------------------------- */



/* -----------------------------sub4_7---------------------------------- */
.sub4_7 .per_pay_list {clear: both; margin-top: 90px;}
.sub4_7 .per_pay_list li {float: left; display: flex; justify-content: space-between; width: 31.33%; margin-right: 3%; margin-bottom: 80px; padding-bottom: 20px; border-bottom: 1px solid #CCCCCC;}
.sub4_7 .per_pay_list li:nth-child(3n) {margin-right: 0px;}
.sub4_7 .per_pay_list li h4 {color: #141414; font-size: 18px;}
.sub4_7 .per_pay_list li p {color: #7F7F7F;}
.sub4_7 .per_pay_list li a {display: block; width: 180px; height: 44px; border: 2px solid #C2935F; color: #C2935F; text-align: center; line-height: 40px;}
.sub4_7 .pg_wrp {clear: both; margin-top: 0px;}
/* -----------------------------sub4_7 end---------------------------------- */



/* -----------------------------sub4_8---------------------------------- */
.sub4_8 .pay_user {margin: 60px 0px 30px 0px; font-size: 22px; text-align: center; color: #C2935F;}
.sub4_8 .pay_user span {color: #141414; font-weight: 500;}
.sub4_8 .pay_amount {margin-top: 8px; color: #C2935F; font-size: 18px; text-align: center;}
.sub4_8 .pay_amount span {color: #141414; font-size: 22px; font-weight: 500;} 
.sub4_8 .cm_form .btn_wrp {justify-content: center;}
.sub4_8 .cm_form .btn_wrp button {width: 620px; height: 60px; border-radius: 0px; line-height: 60px;}
/* -----------------------------sub4_8 end---------------------------------- */



/* -----------------------------sub4_9---------------------------------- */
.sub4_9 .map_01 {width: 100%; margin: 42px 0px; border-bottom: 2px solid #C2935F;}
.sub4_9 .map_01 h4 {margin-bottom: 14px; font-size: 20px; font-weight: 500;}
.sub4_9 .map_01 h4 span {margin-right: 12px; font-size: 26px; color: #C2935F;}
.sub4_9 .map_01 iframe {width: 100%; height: 400px; margin-bottom: 30px; border: 0px;}
.sub4_9 .map_01 .inner {margin-bottom: 42px; border-top: 1px solid #DCDFE3;}
.sub4_9 .map_01 .inner figure {float: left; width: 175px; height: 124px; margin-top: 16px; background: url(../img/directions_01.png) center center no-repeat; background-size: cover;}
.sub4_9 .map_01 .inner ul {display: flex; flex-wrap: wrap; float: right; width: 997px;}
.sub4_9 .map_01 .inner ul li {position: relative; display: flex; align-items: center; width: 50%; height: 64px; border-bottom: 1px solid #DCDFE3;  color: #56606A;}
.sub4_9 .map_01 .inner ul li:nth-child(odd)::after {content: ""; position: absolute; right: 10px; top: 12px; width: 1px; height: 40px; background: #DCDFE3;}
.sub4_9 .map_01 .inner ul li img {margin-right: 20px; vertical-align: bottom;}
.sub4_9 .map_01 .inner ul li h5 {width: 180px; font-weight: 500;}
.sub4_9 .map_01 .inner ul li p {width: calc(100% - 180px);}
.sub4_9 .map_02 >ul {display: flex; justify-content: space-between;;}
.sub4_9 .map_02 >ul >li {display: flex; justify-content: space-between; width: 48%; border-top: 1px solid #DCDFE3;}
.sub4_9 .map_02 li .imgbox figure {width: 175px; height: 124px; margin-top: 16px; margin-bottom: 8px; }
.sub4_9 .map_02 li:nth-child(1) .imgbox figure { background: url(../img/directions_02.png) center center no-repeat; background-size: cover;}
.sub4_9 .map_02 li:nth-child(1) .imgbox figure { background: url(../img/directions_03.png) center center no-repeat; background-size: cover;}
.sub4_9 .map_02 .imgbox h6 {color: #C2935F; font-size: 22px; font-weight: 500; text-align: center;}
.sub4_9 .map_02 .textbox {width: calc(100% - 200px);}
.sub4_9 .map_02 .textbox ul li {display: flex; align-items: center; width: 100%; height: 64px; border-bottom: 1px solid #DCDFE3; color: #56606A;}
.sub4_9 .map_02 .textbox ul li h5 {width: 180px; font-weight: 500;}
.sub4_9 .map_02 .textbox ul li p {width: calc(100% - 180px);}
.sub4_9 .map_02 .textbox ul li img {margin-right: 20px; vertical-align: bottom;}
/* -----------------------------sub4_9 end---------------------------------- */



.login {padding: 180px 0px 166px 0px; background: url(../img/login_bg.png) center center no-repeat; background-size: cover; color: #ffffff;}
.login h2 {position: relative; margin-bottom: 24px; font-weight: 500; font-size: 36px;}
.login h2::after {content: ""; position: absolute; left: 0; bottom: -10px; width: 40px; height: 2px; background: #ffffff;}
.login form {width: 600px;}
.login form .text_wrp {margin-bottom: 26px; border-bottom: 2px solid #ffffff;}
.login form .text_wrp:nth-of-type(2) {margin-bottom: 12px;}
.login form .text_wrp label {display: inline-block; width: 25px;}
.login form .text_wrp label img {vertical-align: -3px;}
.login form .text_wrp input {width: 570px; height: 40px; background: none; outline: none;}
.login form .text_wrp input::placeholder {color: rgba(255, 255, 255, 0.6);}
.login form .ck_wrp {position: relative; margin-bottom: 26px;}
.login form .ck_wrp .find_info {position: absolute; right: 0; top: 0;}
.login form .ck_wrp .find_info img {margin-left: 10px; vertical-align: sub;}
.login form .btn_wrp {display: flex; justify-content: space-between; width: 100%; padding-bottom: 25px; border-bottom: 1px solid #CCCCCC;}
.login form .btn_wrp button, .login form .btn_wrp a {display: block; width: 49%; height: 60px; line-height: 60px; text-align: center; font-size: 18px;}
.login form .btn_wrp button {background: #C2935F;}
.login form .btn_wrp a {background: #524233;}

.login .sns_box {width: 600px; margin-top: 30px;}
.login .sns_box li a {display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 10px; font-size: 18px;}
.login .sns_box li:first-child  {margin-bottom: 10px; background: #01C73C; color: #ffffff;}
.login .sns_box li:first-child figure {border-right: 1px solid #ffffff;}
.login .sns_box li:last-child {background: #FAE301; color: #391B1B;}
.login .sns_box li:last-child figure {border-right: 1px solid #391B1B;}
.login .sns_box li figure {width: 52px; box-sizing: border-box;}
.login .sns_box li figure img {display: block;}
.login .sns_box li p {width: calc(100% - 52px); text-align: center;}





/* ------------------------------join_common----------------------------------------- */
.join_common {padding: 80px 0px 120px 0px;}
.join_common .lg_title {margin-bottom: 56px;}
.join_common .inner {width: 780px; margin: 0 auto;}
.join_common .desc {width: 100%; height: 60px; margin-bottom: 17px; line-height: 60px; text-align: center; color: #7F7F7F; font-weight: 500; border-left: 10px solid #C2935F; border-radius: 4px; background: #E3D8C3;}
.join_common .desc img {vertical-align: -3px; margin-right: 6px;}
/* 체크박스 수정 */
.join_common form .ck_wrp {position: relative;}
.join_common form .ck_wrp input[type="checkbox"] {display: none;}
.join_common form .ck_wrp input[type="checkbox"] + label {width:16px; height: 16px; border-radius: 4px; border: 1px solid #dedede; box-sizing: border-box; cursor: pointer; float: left;}
.join_common form .ck_wrp input[type="checkbox"]:checked + label {background:url(../img/icon_ck_bg.png) no-repeat center center; background-size: cover; border: 0px; }
.join_common form .ck_wrp input[type="checkbox"] + label span {position: absolute; left: 26px; top: 15px; font-size: 15px; color: #3F464E;}
.join_common form .ck_wrp a {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 13px; color: #C2935F;}
.join_common form .ck_wrp a span {border-bottom: 1px solid #C2935F;}
.join_common form .ck_wrp a img {margin-left: 10px; vertical-align: middle;}
.join_common form .ck_wrp a.active img {transform: rotate(180deg);}
.join_common form .btn_wrp {display: flex; justify-content: center; margin-top: 30px;}
.join_common form .btn_wrp a, .join_common form .btn_wrp button {display: block; width: 300px; height: 51px; text-align: center; line-height: 49px; box-sizing: border-box;}
.join_common form .btn_wrp a {margin-right: 20px; border: 2px solid #C2935F; color: #C2935F;}
.join_common form .btn_wrp button {border: 1px solid #C2935F; background: #C2935F; color: #ffffff;}
/* ------------------------------join_common edn----------------------------------------- */


/* ------------------------------join_01----------------------------------------- */
.join_01 .sns_join {display: flex; justify-content: space-between; width: 600px; margin: 0 auto 38px;}
.join_01 .sns_join li {width: 49%}
.join_01 .sns_join li a {display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 10px; font-size: 18px;}
.join_01 .sns_join li:first-child { background: #01C73C; color: #ffffff;}
.join_01 .sns_join li:first-child figure {border-right: 1px solid #ffffff;}
.join_01 .sns_join li:last-child {background: #FAE301; color: #391B1B;}
.join_01 .sns_join li:last-child figure {border-right: 1px solid #391B1B;}
.join_01 .sns_join li figure {width: 52px; box-sizing: border-box;}
.join_01 .sns_join li figure img {display: block;}
.join_01 .sns_join li p {width: calc(100% - 52px); text-align: center;}
.join_01 form .ck_wrp {padding: 20px 0; border-bottom: 1px solid #DCDFE3;}
.join_01 form .text_wrp {overflow-y: scroll;  width: 100%; height: 240px; border: 1px solid #DCDFE3; border-top: 0px; padding: 12px; box-sizing: border-box; font-size: 13px; color: #88939E;}
.join_01 form .text_terms {display: block;}
.join_01 form .text_privacy {display: none;}
/* ------------------------------join_01 end----------------------------------------- */



/* ------------------------------join_02----------------------------------------- */
.join_02 form .join_title {float: left; width: 100%; margin-bottom: 20px; line-height: 2em; border-bottom: 1px solid #C2935F;}
.join_02 form .join_title:nth-of-type(2), .join_02 form .join_title:nth-of-type(3) {margin-top: 32px;}
.join_02 form p {float: left; margin-bottom: 32px;}
.join_02 form p input::placeholder {color: #88939E;}
.join_02 form .wid_100 {width: 100%;}
.join_02 form .wid_50 {width: 49%;}
.join_02 form .wid_30 {width: 32%;}
.join_02 form .mag_rg {margin-right: 2%;}
.join_02 form .form_title {display: block; margin-bottom: 8px; font-size: 13px; color: #56606A;}
.join_02 form .text_wrp input {width: 100%; height: 40px;  border: 1px solid #DCDFE3; border-radius: 4px; font-size: 13px; padding: 0 12px;}
.join_02 form .add_wrp {position: relative;}
.join_02 form .add_wrp input {margin-bottom: 12px;}
.join_02 form .add_wrp input.add_01 {width: calc(100% - 102px);}
.join_02 form .add_wrp input.add_03 {margin-bottom: 0px;}
.join_02 form .add_wrp .find_add {position: absolute; right: 0; top: 27px; width: 90px; height: 40px; box-sizing: border-box; line-height: 38px; border: 1px solid #C0C6CC; border-radius: 2px; text-align: center; font-size: 12px;}
.join_02 form .ck_wrp {margin-bottom: 16px;}
.join_02 form .ck_wrp input[type="checkbox"] + label span {top: -3px;}
.join_02 form .recaptcah_wrp {margin: 0px;}


/* 이메일 선택,직접입력 추가 */
.join_02 form .form_email > label { position: relative; }
.join_02 form .form_email input,.join_02 form .form_email select { width: calc((100% - 2% - 4px)/2); }
.join_02 form .form_email input[name='mb_email1'] { margin-right: 2%; }
.join_02 form .form_email input[name='mb_email1'] + span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 1; }
.join_02 form .form_email select { height: 40px;  border: 1px solid #DCDFE3; border-radius: 4px; font-size: 13px; padding: 0 12px; outline: none; }
.join_02 form .form_email input[name='mb_email3'] { position: absolute; right: 0; top: 45px;  }

.join_02 form .form_email input[name='mb_email'] { display: none;  }

/* ------------------------------join_02 end----------------------------------------- */


/* ------------------------------join_03----------------------------------------- */
.join_03 .join_box {width: 100%; padding: 45px 0px; text-align: center; background: #E3D8C3; border-radius: 4px;}
.join_03 .join_box img {border-radius: 100%; box-shadow: 5px 7px 22px rgba(194, 147, 95, 0.15);}
.join_03 .join_box h4 {margin-top: 10px; font-size: 24px;}
.join_03 .join_box h4 span {font-weight: 500;}
.join_03 .join_box p {margin-bottom: 28px; opacity: 0.6;}
.join_03 .join_box a {display: block; width: 620px; height: 60px; margin: 0 auto; text-align: center; line-height: 60px; background: #C2935F; color: #ffffff; font-size: 18px; font-weight: 500;}
/* ------------------------------join_03----------------------------------------- */




/* ------------------------------mypge_common----------------------------------------- */
.mypge_common {padding: 46px 0 122px 0px;}
.mypge_common .mypage_title {margin-bottom: 8px; color: #7F7F7F; font-size: 18px;}
.mypge_common .mp_cm_tabel {width: 100%; margin-bottom: 12px; font-size: 14px;}
.mypge_common .mp_cm_tabel .title {position: relative; width: 67%;}
.mypge_common .mp_cm_tabel .order_quantity {width: 6%;}
.mypge_common .mp_cm_tabel .price {width: 9%;}
.mypge_common .mp_cm_tabel .pay_amount {width: 9%;}
.mypge_common .mp_cm_tabel .ship {width: 9%;}
.mypge_common .mp_cm_tabel thead td {padding: 10px 0px; background: #C2935F; border: 1px solid #C2935F; color: #ffffff; text-align: center;}
.mypge_common .mp_cm_tabel tbody td {padding: 18px 20px; border: 1px solid #CCCCCC; font-weight: 500;}
.mypge_common .mp_cm_tabel tbody .title {height: 95px; border-left: 0px;}
.mypge_common .mp_cm_tabel tbody .order_quantity {text-align: center;}
.mypge_common .mp_cm_tabel tbody .price {text-align: right;}
.mypge_common .mp_cm_tabel tbody .pay_amount {text-align: right;}
.mypge_common .mp_cm_tabel tbody .ship {text-align: center; border-right: 0px;}
.mypge_common .btn_cart_del {margin-bottom: 42px;}
.mypge_common .btn_cart_del button {width: 82px; height: 34px; background: #C2935F; color: #ffffff; font-size: 14px; font-weight: 300;}
.mypge_common .btn_cart_del .btn_del {margin-right: 10px;}
/* 체크박스 수정 */
.mypge_common .mp_cm_tabel .title input[type="checkbox"] {display: none;}
.mypge_common .mp_cm_tabel .title input[type="checkbox"] + label { display: inline-block; position: absolute; left: 12px; top: 18px; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 15px;}
.mypge_common .mp_cm_tabel .title input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #dedede; box-sizing: border-box; background: #ffffff;}
.mypge_common .mp_cm_tabel .title input[type="checkbox"]:checked + label:after {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:16px; height: 16px; background: url(../img/icon_ck_bg.png) no-repeat center center; background-size: cover; border: 0px;}

.mypge_common .mp_cm_tabel tbody .title input[type="checkbox"] + label:before {top: 44px;}
.mypge_common .mp_cm_tabel tbody .title input[type="checkbox"]:checked + label:after  {top: 44px;}
/* 체크박스 수정 end */
.mypge_common .mp_cm_tabel tbody .title figure {display: inline-block; vertical-align: top; width: 95px; height: 95px; margin-left: 30px; border: 1px solid #C2935F; box-sizing: border-box; background-size: cover; background-position: center center; background-repeat: no-repeat}
.mypge_common .mp_cm_tabel tbody .title .textbox {display: inline-block; vertical-align: 28px; margin-left: 12px;}
.mypge_common .mp_cm_tabel tbody .title h3 {margin-bottom: 6px;}
.mypge_common .mp_cm_tabel tbody .title button {width: 100px; height: 25px; background: #C2935F; color: #ffffff; border-radius: 10px; font-weight: 300;}
.mypge_common .pay_info {display: flex; margin-bottom: 44px;}
.mypge_common .pay_info li {display: flex; justify-content: space-between; padding: 16px 20px; box-sizing: border-box; border: 1px solid #C2935F; font-size: 18px;}
.mypge_common .pay_info li:first-child {width: 30%; color: #C2935F;}
.mypge_common .pay_info li:last-child {width: 70%; background: #C2935F; color: #ffffff;}
.mypge_common .btn_wrp {display: flex; justify-content: center;}
.mypge_common .btn_wrp button, .mypge_common .btn_wrp a {display: block; width: 300px; height: 60px; border: 1px solid #C2935F; box-sizing: border-box; line-height: 58px; text-align: center;}
.mypge_common .btn_wrp a {margin-right: 20px; color: #C2935F;}
.mypge_common .btn_wrp.wish button:nth-child(1) {margin-right: 20px; color: #C2935F; background-color: #fff;}
.mypge_common .btn_wrp button {background: #C2935F; color: #ffffff;}
/* ------------------------------mypge_common end----------------------------------------- */




/* ------------------------------mypage_01----------------------------------------- */
.mypage_01 h2 {margin-bottom: 40px; border-bottom: 1px solid #C2935F; color: #7F7F7F; font-size: 18px;}
.mypage_01 h2 span {font-weight: 500; font-size: 20px; color: #C2935F;}
.mypage_01 .top {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 9px; border-bottom: 1px solid #DCDFE3;}
.mypage_01 .top h3 {font-size: 18px; color: #56606A;}
.mypage_01 .top .btn_tax {display: block; width: 140px; height: 30px; background: #C2935F; color: #ffffff; text-align: center; line-height: 30px; font-size: 14px;}
.mypage_01 .top .btn_more {color: #56606A; font-size: 14px;}

.mypage_01 .bottom {position: relative; display: flex; justify-content: space-between; padding-top: 26px;}
.mypage_01 .bottom .btn_logout {position: absolute; right: 0; top: 18px; font-size: 14px; color: #56606A;}
.mypage_01 .bottom .imgbox {width: 200px; text-align: center;}
.mypage_01 .bottom .imgbox figure {width: 100px; height: 100px; margin: 0 auto; margin-bottom: 10px; border-radius: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; display: none; }
.mypage_01 .bottom .imgbox a {color: #C2935F; font-size: 14px;}
/*.mypage_01 .bottom .textbox {width: calc(100% - 200px);}*/
.mypage_01 .bottom .textbox {width: 100%;}
.mypage_01 .bottom .textbox .inner {display: flex; margin-bottom: 13px;}
.mypage_01 .bottom .textbox .inner > ul {width: 50%; box-sizing: border-box;}
.mypage_01 .bottom .textbox .inner .left {display: flex; flex-wrap: wrap; font-size: 14px; color: #56606A; border-right: 1px solid #DCDFE3;}
.mypage_01 .bottom .textbox .inner .left li {width: 50%; margin-bottom: 20px;}
.mypage_01 .bottom .textbox .inner .left li p {font-weight: 300;}
.mypage_01 .bottom .textbox .inner .right {padding-left: 40px; font-weight: 500; color: #C2935F;}
.mypage_01 .bottom .textbox .inner .right li {margin-bottom: 12px;}
.mypage_01 .bottom .textbox .inner .right li:last-child {margin-bottom: 0px;}
.mypage_01 .bottom .textbox .mypage_menu {display: flex; flex-wrap: wrap; border-top: 1px solid #DCDFE3;}
.mypage_01 .bottom .textbox .mypage_menu li {position: relative; width: 50%; padding: 20px 0px; border-bottom: 1px solid #DCDFE3; color: #56606A; box-sizing: border-box;}
.mypage_01 .bottom .textbox .mypage_menu li::before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 15px; vertical-align: -2px; border-radius: 100%; background: #C2935F;}
.mypage_01 .bottom .textbox .mypage_menu li:nth-child(odd)::after {content: ""; position: absolute; right: 0px; top: 13px;  width: 1px; height: 40px; background: #DCDFE3;}
.mypage_01 .bottom .textbox .mypage_menu li:nth-child(even) {padding-left: 10px;}

.mypage_01 .top2 {margin-top: 60px; border-bottom: 0px; padding-bottom: 0px;}
.mypage_01 .bottom2 {padding-top: 16px;}
.mypage_01 .mypage_table {table-layout: fixed; width: 100%; font-size: 14px;}
.mypage_01 .mypage_table thead td {padding: 10px 0px; background: #C2935F; border: 1px solid #C2935F; color: #ffffff; text-align: center !important;}
.mypage_01 .mypage_table tbody td {padding: 50px 20px; border: 1px solid #CCCCCC; font-weight: 500;}
.mypage_01 .mypage_table .order_num {width: 29%; border-left: 0px;}
.mypage_01 .mypage_table .order_date {width: 29%;}
.mypage_01 .mypage_table .order_quantity {width: 6%; text-align: center;}
.mypage_01 .mypage_table .order_amount {width: 9%; text-align: right;}
.mypage_01 .mypage_table .pay_amount {width: 9%; text-align: right;}
.mypage_01 .mypage_table .undeposited_amount {width: 9%; text-align: right;}
.mypage_01 .mypage_table .order_satatus {width: 9%; text-align: center; border-right: 0px;}
.mypage_01 .mypage_table .order_num a {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mypage_01 .mypage_table .order_cancel span {color: red;}
.mypage_01 .mypage_table .order_proceeding span {display: inline-block; width: 80px; padding: 2px 0px 4px 0px; color: #8CC152;background: #EDFBDE; border-radius: 4px;}
.mypage_01 .mypage_table .order_finished span {display: inline-block; width: 80px; padding: 2px 0px 4px 0px; color: #ffffff;background: #84C93A; border-radius: 4px;}
/* ------------------------------mypage_01 end----------------------------------------- */




/* ------------------------------mypage_03----------------------------------------- */
.mypage_03 .btn_wrp {margin-top: 38px;}
/* ------------------------------mypage_03 end----------------------------------------- */



/* ------------------------------qna_common ----------------------------------------- */
.qna_common {padding: 76px 0px 98px 0px;}
/* ------------------------------qna_common end ----------------------------------------- */



/* ------------------------------qna_write ----------------------------------------- */
.qna_write .sub_menu {margin-bottom: 48px;}
.qna_write .cm_form .btn_wrp {justify-content: flex-end;}
.qna_write .cm_form .btn_wrp a, .qna_write .cm_form .btn_wrp button {height: 48px; border-radius: 4px;}
.qna_write .cm_form .btn_wrp a {width: 75px; margin-right: 8px; line-height: 46px; border: 1px solid #CCCCCC; color: #666666;}
.qna_write .cm_form .btn_wrp button {width: 101px; line-height: 48px; }
/* ------------------------------qna_write end----------------------------------------- */



/*  background-size: cover; background-position: center center; background-repeat: no-repeat; */
/* -----------------------------footer---------------------------------- */
footer {width: 100%; background: #333333; color: #ffffff;}
footer .top {padding: 34px 0px 17px 0px;}
footer .top h1 {float: left; width: 120px; margin-top: 10px; margin-right: 56px;}
footer .top h1 a , footer .top h1 img {display: block; width: 100%;}
footer .top .f_info {float: left;}
footer .top .f_info h2 {margin-bottom: 5px; font-weight: 500;}
footer .top .f_info  ul li {position: relative; display: inline-block; font-size: 14px; opacity: 0.6;}
footer .top .f_info  ul li::after {content: "|"; display: inline-block; margin: 0 16px; vertical-align: 2px; font-size: 12px;}
footer .top .f_info  ul li:nth-of-type(2n+3)::after {display: none;}
footer .top .f_menu {float: right; text-align: right; opacity: 0.6;}
footer .bottom .center {border-top: 1px solid rgba(196, 196, 196, 0.2);}
footer .bottom .center p {padding: 6px 0px; font-size: 14px; opacity: 0.2;}
/* -----------------------------footer end---------------------------------- */






/*  배송유형 선택 추가  */
/*  파일경로 /shop/orderform.sub.php */
.od_dvr_type { border: 1px solid #e3e5e8; margin-top: 20px; padding: 10px; }
.od_dvr_type h4 { font-size: 1.167em; margin-bottom: 10px; font-weight: 500; }
.od_dvr_type input[type="radio"] {display: none;}
.od_dvr_type input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; vertical-align: top; margin-right: 5px; }
.od_dvr_type input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border: 1px solid #C2935F; border-radius: 16px; box-sizing: border-box;}
.od_dvr_type input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 3px; left: 0px; width:16px; height: 16px; background: url(../img/icon_radio_bg.png) no-repeat center center; background-size: cover; border: 0px; }


/* 게시판 글쓰기 페이지 파일삭제 input 사라짐 해결 */
.board article .file_del input { -webkit-appearance: checkbox; }




/*  부자재 리스트 css 추가  */
/*  파일경로 /theme/basic/skin/shop/basic/list.30.skin.php */
.sub1_1 .list_ul {width: 100%;}
.sub1_1 .list_ul > li {position: relative; float: left; width: 285px; padding: 10px; margin-right: 20px; margin-bottom: 40px; border: 1px solid #ccc;}
.sub1_1 .list_ul > li:nth-child(4n) {margin-right: 0px;}

.sub1_1 .list_ul figure {width: 100%; height: 285px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.sub1_1 .list_ul figure .link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; }

.sub1_1 .list_ul .textbox { position: relative; }

.sub1_1 .list_ul .title { color: #141414; font-size: 18px; padding: 10px 0; border-bottom: 1px solid #c4c4c4;}

.sub1_1 .list_ul .info { color: #7f7f7f; font-size: 16px; padding: 8px 0; }
.sub1_1 .list_ul .info li {  }
.sub1_1 .list_ul .info li strong { float: left; }
.sub1_1 .list_ul .info li span { float: right; }

.sub1_1 .list_ul .size {  }
.sub1_1 .list_ul .set_num {  }

.sub1_1 .list_ul .price { font-size: 20px; color: #141414; }
.sub1_1 .list_ul .price span { font-size: 24px; font-weight: 500; }

.sub1_1 .list_ul .btn_like { position: absolute; bottom: 0; right: 0; margin: 5px; }
.sub1_1 .list_ul .btn_like svg {width: 20px; height: 20px; vertical-align: -4px;}


.sub1_1 .list_ul .btn_cart,.sub1_1 .list_ul .btn_out_of_stock { font-size: 18px; width: 140px; height: 40px; line-height: 40px; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;  }

.sub1_1 .list_ul .btn_cart { background-color: #C2935F; color: #fff; display: none; }
.sub1_1 .list_ul .btn_out_of_stock { background: url("../img/img_out_of_stock_ho.png") no-repeat left #C2935F; color: #fff; padding-left: 60px; }

.sub1_1 .list_ul figure:hover .btn_cart { display: block; }
.sub1_1 .list_ul figure:hover .soldout { display: block; }

.sub1_1 .list_ul .soldout { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; display: none; }
.sub1_1 .list_ul .soldout::after { content: "SOLD OUT"; color: #fff; font-size: 24px; font-weight: 500; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }





/* 20210528 css 추가 */
/*.gnb_sub {display: none; position: absolute; z-index: 10; left: 50%; top: 70px; width: 160px; padding: 8px 0px; transform: translateX(-50%); box-sizing: border-box; text-align: center; color: #ffffff; background: #C2935F; border: 2px solid #ffffff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 10px;}*/
/*.gnb_sub li {margin-bottom: 10px;}*/
/*.gnb_sub li a {font-weight: 400; font-size: 16px;}*/
/*.gnb_sub li a:hover {border-bottom: 2px solid #ffffff;}*/
/*.gnb_sub li a span {color: #FCCC04; font-weight: 700;}*/

.orderform_sub_sec {padding: 80px; font-size: 14px;}
.orderform_sub_sec .lg_title {position: relative; padding-bottom: 10px; margin-bottom: 47px;}
.orderform_sub_sec .lg_title::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 40px; height: 2px; background: #C2935F;}

.orderform_sub_sec .tbl_head03 thead th {padding: 10px 0px; border-top: 0px; color: #ffffff;  font-weight: 400; background: #C2935F;}
.orderform_sub_sec #sod_frm section h2 {color: #C2935F;}
.orderform_sub_sec #sod_frm .tbl_frm01 th { font-weight: 500;}
.orderform_sub_sec #sod_frm_taker .tbl_frm01 .btn_frmline {font-size: 12px;}

.orderform_sub_sec #sod_frm .tbl_frm01 th {width: 100px;}
.orderform_sub_sec #sod_frm_taker label {line-height: 1.4em;;}
.orderform_sub_sec #sod_frm .tbl_frm01 th label {font-weight: 500;}
.orderform_sub_sec #sod_frm #sod_bsk_tot li span {font-size: 13px; margin-bottom: 0px}
.orderform_sub_sec #sod_frm_pay .pay_tbl th {font-size: 13px;}
.orderform_sub_sec #sod_frm_pay .pay_tbl td {font-size: 12px;}

.orderform_sub_sec #od_tot_price {background: #E3D8C3;}
.orderform_sub_sec #od_tot_price span {font-weight: 400;}
.orderform_sub_sec #od_tot_price strong {color: #333333; font-size: 18px;}

.orderform_sub_sec .od_dvr_type.apply_receipts {padding: 0px 0px 20px 0px;}
.orderform_sub_sec .od_dvr_type.apply_receipts h4 {padding: 18px 10px; border-bottom: 1px solid #C4C4C4; font-size: 16px;}
.orderform_sub_sec .od_dvr_type.apply_receipts h5 {padding: 10px 10px 0px 10px; }
.orderform_sub_sec .od_dvr_type.apply_receipts a {margin-left: 10px; border-bottom: 1px solid #3A8AFD; color: #3A8AFD; ;}


.orderform_sub_sec #display_pay_button .btn_submit {font-weight: 400;  background: #C2935F; border: 1px solid #C2935F; border-radius: 0px;}
.orderform_sub_sec #display_pay_button .btn01 {font-weight: 400;  border-radius: 0px; line-height: 30px;}


.pg_wrap { padding: 25px 0; float:none; display:block; width: 100%; text-align: center; }
.pg_page, .pg_current { width: 28px; height: 28px; line-height: 26px; padding: 0; background-color: #fff; font-size: 12px; color: #666;  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.pg_page:hover { border-color: #bdbdbd; }
.pg_start { background-image: url(../skin/board/notice/img/page_ico1.png);}
.pg_prev { background-image: url(../skin/board/notice/img/page_ico2.png);}
.pg_next { background-image: url(../skin/board/notice/img/page_ico3.png);}
.pg_end { background-image: url(../skin/board/notice/img/page_ico4.png);}
.pg_current { color: #fff; background: #C2935F; border-color: #C2935F;}
.center .board .pg_current {background-color: #C2935F; border-color: #C2935F;}

.sub4_common .bo_v_nb li {position: relative;}
.sub4_common .bo_v_nb li:hover a {float: left; display: block; width: 50%; box-sizing: border-box;}
.sub4_common .bo_v_nb li:hover a:hover {color: #C2935F;}
.sub4_common .bo_v_nb li .nb_date {position: absolute; right: 0; top: 0;}


.sub4_8 #display_pay_button {display: flex; justify-content: space-between; align-items: center;}
.sub4_8 #display_pay_button .btn01, 
.sub4_8 #display_pay_button .btn_submit {width: 49%; font-weight: 400; font-size: 16px; border-radius: 0px;}
.sub4_8 #display_pay_button .btn_submit {background: #C2935F; border-color: #C2935F;}
.sub4_8 .chk_box input[type="radio"]:checked + label {color: #C2935F;}
.sub4_8 .chk_box input[type="radio"]:checked + label span:before {background: #C2935F}


.mypge_common .mp_cm_tabel tbody .title .out_of_stock {position: absolute; left: 0px; top: 44px;}
.mypge_common .mp_cm_tabel tbody .title .textbox {margin-top: 20px;}
.mypge_common .mp_cm_tabel tbody .title .textbox .btn_del {display: block; width: 100px; height: 25px; background: #C2935F; color: #ffffff; text-align: center; line-height: 25px; border-radius: 10px; font-weight: 300;}
.mypge_common .mp_cm_tabel tbody .title button {padding: 0px; border: 0px;}
.mypge_common .mp_cm_tabel tbody .title figure a, .mypge_common .mp_cm_tabel tbody .title img {display: block; width: 100%; height: 100%;}
.mypge_common .pay_info li:last-child {width: 100%;}




/* 20210531 css 추가 */
.qna_common #bo_cate a {border: 1px solid #C2935F; color: #C2935F;}
.qna_common #bo_cate #bo_cate_on,
.qna_common #bo_cate a:focus, 
.qna_common #bo_cate a:hover,
.qna_common #bo_cate a:active {background: #C2935F; border: 1px solid #C2935F; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); font-weight: 400;}

.qna #faq_sch .frm_input {margin-right: 16px; border: 1px solid #C2935F;}
.qna #faq_sch .btn_submit {background: #C2935F; border: 1px solid #C2935F; font-size: 16px; font-weight: 400;}
.qna #faq_wrap li h3.faq_li_open a {color: #000;}
.qna #faq_wrap li h3 .tit_bg {font-size: 24px; font-weight: 500;}
.qna #faq_con .con_inner .closer_btn {color: #C2935F;}
.qna #faq_con .con_inner {padding: 30px 60px 50px 100px; background: #F0F0F0;}
.qna #faq_con .con_inner .textbox {position: relative;}
.qna #faq_con .con_inner .textbox::before {content: "A"; position: absolute; left: -40px; top: -6px; font-size: 24px; font-weight: 500; color: #C2935F;}

.qna_list .cm_tabel .num {width: 10%;}
.qna_list .cm_tabel .title {width: 60%;}
.qna_list .cm_tabel .writer {width: 10%;}
.qna_list .cm_tabel .view {width: 10%;}
.qna_list .cm_tabel .date {width: 10%;}
.qna_list .board .top_box .btn_del {font-weight: 300; color: #444;}
.qna_list .board .top_box .btn_del i {font-size: 16px;vertical-align: text-top;}
.qna_list .cm_tabel .title a {display: inline-block; width: 80%;}

.qna_write .bo_v_nb li:hover {background: none;}
.qna_write .bo_v_nb li:hover a {color: #C2935F;}
.qna_write #bo_v_ans_form h2 {font-size: 18px; font-weight: 500; color: #C2935F;}
.qna_write #bo_v_ans_form .btn_submit {width: 220px; border-color: #C2935F; background: #C2935F; font-weight: 400; font-size: 16px;}
.qna_write #bo_v_ans {padding: 20px 30px; box-sizing: border-box; background: #f7f7f7; border: 0px; border-radius: 0px;}
.qna_write #bo_v_ans h2 {margin-bottom: 8px; padding: 0px; font-size: 17px;}
.qna_write #bo_v_ans h2 span {line-height: 19px;}
.qna_write #bo_v_ans #ans_datetime {padding: 0px; background: #f7f7f7;}
.qna_write #bo_v_ans .ans_btn {position: relative; margin-bottom: 16px;}
.qna_write #bo_v_ans #ans_add {right: 0px; top: -36px;}
.qna_write #bo_v_ans #ans_con {padding: 0px;}
.qna_write .bo_v_btn .add_qa {width: 220px; height: 50px; line-height: 50px; border-color: #C2935F; background: #C2935F; font-weight: 400; font-size: 16px;}


.orderinquiryview_sec {padding: 60px 0px;}
.orderinquiryview_sec #sod_fin_no {background: #C2935F; border: 1px solid #C2935F; color: #ffffff;}
.orderinquiryview_sec #sod_fin_pay ul {font-size: 14px;}
.orderinquiryview_sec #sod_bsk_tot2 {border: 1px solid #C2935F;}
.orderinquiryview_sec #sod_bsk_tot2 li.sod_fin_tot {background: #C2935F; color: #ffffff;}
.orderinquiryview_sec #sod_bsk_tot2 li.sod_fin_tot strong {color: #ffffff;}


.privacy_terms {padding: 100px 0px 140px 0px;}
.privacy_terms .inner {white-space: pre-line;}



.sub1_1 .list_ul .title a {display: flex; align-items: flex-end; width: 100%; height: 52px; white-space: normal; overflow: hidden; text-overflow: ellipsis;}
.sub1_1 #ssch h2 strong {color: #C2935F;}
.sub1_1 #ssch_cate a:hover {color: #C2935F;}
.sub1_1 #ssch .list_ul .title {font-size: 18px;;}






/* 20210622 css */
.main_sec_02 .box .modi_title {font-size: 20px; font-weight: 500;}
.main_sec_02 .box .modi_title::before {content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 8px; background: #333333}
.main_sec_02 .box2 ul li:last-of-type figure span {font-size: 12px;}
.main_sec_02 .box2 .inner_box p {margin-bottom: 4px;}
.main_sec_02 .box3 ul li {display: flex; margin-bottom: 4px;}
.main_sec_02 .box3 ul li:last-child {margin-bottom: 0px;}
.main_sec_02 .box3 ul li h6 {position: relative; width: 100px; letter-spacing: normal;}
.main_sec_02 .box3 ul li h6::after {content: "|"; position: absolute; right: 14px; top: -2px; color: #ffffff; font-size: 16px;}
.main_sec_02 .box3 ul li p {width: calc(100% - 100px);}
.main_sec_02 .box3 .ul_01 {margin-top: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ffffff}

.sub1_1 .bot_wrp .list_modi li span {display: block; width: 110px; height: 39px; margin: 10px auto 0px; line-height: 39px; color: #C2935F; border-radius: 20px;}
.sub1_1 .bot_wrp .list_modi li.active::after {display: none;}
.sub1_1 .bot_wrp .list_modi li.active span {background: #C2935F; color: #ffffff;}



/* 20210623 css */
.sub1_1 .top_wrp figure img {display: none;}
.idx .common_form {margin-top: -60px;}

.od_dvr_type p { display: none; padding-top: 10px; }
.od_dvr_type p.on { display: block; }


#mod_option_frm .btn_confirm .btn_close { color: #999; }


/*20210910*/
.login .login_box { float: left; }
.login #mb_login_notmb,
.login #mb_login_od_wr
{ width: 600px; margin: 0; float: left; background-color: transparent; border: 0; text-align: left; padding: 0; padding-left: 40px; }
.login #mb_login_notmb h2,
.login #mb_login_od_wr h2 {text-align: left; margin: 0; position: relative; margin-bottom: 24px; font-weight: 500; font-size: 36px;}

.login #guest_privacy { background-color: rgba(255,255,255,0.5); }
.login #mb_login_notmb label { color: #fff; }
.login #mb_login_od_wr .btn_submit,
.login #mb_login_notmb .btn_submit { font-weight: 400; background-color: #C2935F; border-color: #C2935F; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; line-height: 60px; height: 60px; }

.orderinquiryview_sec { font-size: 13px; }

.login #mb_login_od_wr p { background-color: transparent; padding: 0; margin: 10px 0; }
.login #mb_login_od_wr .frm_input { -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; background-color: transparent; border: 0; border-bottom: 2px solid #fff; margin-bottom: 10px; color: #fff; }
.login #mb_login_od_wr .frm_input::placeholder { color: #fff; opacity: 0.7; }


.login #mb_login_od_wr h3 { font-size: 18px; }





/*  */
.od_tax_invoice { border: 1px solid #e3e5e8; margin-top: 20px; padding: 10px; display: none; }
.od_tax_invoice h4 { font-size: 1.167em; margin-bottom: 10px; font-weight: 500; }
.od_tax_invoice input[type="radio"] {display: none;}
.od_tax_invoice input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; vertical-align: top; margin-right: 5px; }
.od_tax_invoice input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border: 1px solid #C2935F; border-radius: 16px; box-sizing: border-box;}
.od_tax_invoice input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 3px; left: 0px; width:16px; height: 16px; background: url(../img/icon_radio_bg.png) no-repeat center center; background-size: cover; border: 0px; }
.od_tax_invoice > div { margin-top: 10px; display: none; }
.od_tax_invoice .frm_input { width: 100%; height: 35px; margin-bottom: 5px; }
.od_tax_invoice .frm_input.half { width: calc(50% - 2px); }

.od_tax_invoice.on {display: block;}
.od_tax_invoice > div.on {display: block;}




.od_ji_invoice_info { border: 1px solid #e3e5e8; margin-top: 20px; padding: 10px; display: none; }
.od_ji_invoice_info h4 { font-size: 1.167em; margin-bottom: 10px; font-weight: 500; }
.od_ji_invoice_info input[type="radio"] {display: none;}
.od_ji_invoice_info input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; vertical-align: top; margin-right: 5px; }
.od_ji_invoice_info input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border: 1px solid #C2935F; border-radius: 16px; box-sizing: border-box;}
.od_ji_invoice_info input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 3px; left: 0px; width:16px; height: 16px; background: url(../img/icon_radio_bg.png) no-repeat center center; background-size: cover; border: 0px; }
.od_ji_invoice_info > div { margin-top: 10px; display: none; }
.od_ji_invoice_info .frm_input { width: 100%; height: 35px; margin-bottom: 5px; }
.od_ji_invoice_info .frm_input.half { width: calc(50% - 2px); }

.od_ji_invoice_info.on {display: block;}
.od_ji_invoice_info  > div.on {display: block;}




/* 220514 */
header { width: 100%; position: fixed; z-index: 999; background-color: #fff;}
header .top_area .center,
header .btm_area .center { padding: 10px 0; display: flex; align-items: center; }
header .tnb,
header .hd_sch { margin-left: auto; }
header .logo img { width: 185px; }
header ul { display: flex; }
header .tnb li { margin-left: 20px; }
header .btm_area { color: #fff; background-color: #524233; }
header .gnb { flex-grow: 1; font-size: 18px; text-align: center; }
header .gnb li { flex-grow: 1; position: relative; }
header .hd_sch form { display: flex; color: #fff; border-bottom: 2px solid #fff; }
header .hd_sch form input { width: 200px; padding: 0 8px; background-color: transparent; }
header .hd_sch form input::placeholder { color: #eee; }
header .hd_sch form button { width: 40px; height: 40px; filter: brightness(500%) }
header .common_form { border-bottom: 0; }
header .common_form form { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; }

.gnb_sub {display: none; position: absolute; z-index: 999; left: 50%; top: 55px; width: 180px; padding: 8px 0px; transform: translateX(-50%); box-sizing: border-box; text-align: center; color: #ffffff; background: #C2935F; border: 2px solid #ffffff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.gnb_sub li {margin-bottom: 10px;}
.gnb_sub li a {font-weight: 400; font-size: 16px;}
.gnb_sub li a:hover {border-bottom: 2px solid #ffffff;}
.gnb_sub li a span {color: #FCCC04; font-weight: 700;}

.gnb_sub.txt_left { text-align: left; }
.gnb_sub.txt_left li { padding: 0 16px; margin-bottom: 0; }
.gnb_sub.txt_left li .line { border: 1px dashed #fff; margin: 20px 0; }

.idx section { padding-top: 40px;padding-bottom: 40px; }
.idx .lg_title {text-align: center; color: #000; font-weight: 500;}
.idx .lg_title {position: relative; margin-bottom: 42px; padding-bottom: 12px;  font-size: 30px;}
.idx .lg_title::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 40px; height: 2px; background: #000;}

.idx .sec01 { background:url('/img/main_bg.jpg') no-repeat center; background-size:cover; }
.idx .sec01 ul { display: flex; text-align: center; }
.idx .sec01 li { width: calc((100% - 120px)/7); margin: 0 10px; }
.idx .sec01 li .txt { color: #fff; background-color: #C2935F; padding-top: 15px; padding-bottom: 25px; margin-top: -20px; transition:0.3s; border-radius:10px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.idx .sec01 li h4 { font-size: 22px; font-weight: 700; margin-bottom: 5px; }
.idx .sec01 li p { font-size: 16px; line-height: 1.4; height: 3.5em; padding-bottom: 20px; color: #fff; }
.idx .sec01 li img {transition:0.3s; }
.idx .sec01 li:hover img {transform:translateY(-10px);}
.idx .sec01 li:hover .txt{color: #fff; background-color:#966135; }

.idx .sec02{ background-color:#fff; }
.idx .sec02 ul {/* display: flex; */}
.idx .sec02 ul:after{content:''; display:block; clear:both;}
.idx .sec02 li {width: calc((100% - 80px)/3);padding: 16px 16px;margin:  10px;overflow: hidden;position: relative;float: left;min-height: 225px;border-radius: 0 40px;
	background-color: #faf3eb; transition:0.3s;box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
.idx .sec02 li img {transition:0.3s;}
/*.idx .sec02 li:nth-child(1) { background-color: #fed96d; }
.idx .sec02 li:nth-child(2) { background-color: #e6a5fe; }
.idx .sec02 li:nth-child(3) { background-color: #befb6d; }
.idx .sec02 li:nth-child(4) { background-color: #ade3ff; }*/
.idx .sec02 li:hover{ background-color: #ffca69 }
.idx .sec02 li:hover img { transform:translateY(-10px); }
.idx .sec02 h4 { font-size: 24px; font-weight: 700; border-bottom: 1px solid #000; padding-bottom: 5px; }
.idx .sec02 p { font-size: 18px; padding: 16px 0; }
.idx .sec02 p strong { color: #333; font-weight: 700; }
.idx .sec02 img { position: absolute; bottom: 0; right: 0; display: block; width: 40%;}
.idx .sec02 h4 + a { margin-top: 10px; line-height: 2; padding: 0 20px; background-color: #000; color: #fff; display: inline-block; border-radius: 10px; }



.idx .sec03 ul { display: flex; }
.idx .sec03 li { padding: 65px 0;width: calc((100% - 80px)/4);margin: 0 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 50%;overflow: hidden;
	text-align: center;transition:0.3s; }
.idx .sec03 li:hover{ transform:translateY(-10px); }
.idx .sec03 li h4 { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.idx .sec03 li div { font-size: 32px; width: 74%; height: 100px; margin: auto; font-weight: 700; line-height: 1.2; display: flex; align-items: center;  justify-content: center; }
.idx .sec03 li{ position:relative; }
.idx .sec03 li:nth-child(odd) { background-color: #ffd387; color: #fff; }
.idx .sec03 li:nth-child(odd) h4 { color: #855d82; }
.idx .sec03 li:nth-child(odd) div { background-color: #a98da7; box-shadow: -1px 1px 0 1px #855d82,-2px 2px 0 1px #855d82,-3px 3px 0 1px #855d82,-4px 4px 0 1px #855d82,-5px 5px 0 1px #855d82,-6px 6px 0 1px #855d82,-7px 7px 0 1px #855d82,-8px 8px 0 1px #855d82,-9px 9px 0 1px #855d82,-10px 10px 0 1px #855d82,-11px 11px 0 1px #855d82,-12px 12px 0 1px #855d82,-13px 13px 0 1px #855d82,-14px 14px 0 1px #855d82,-15px 15px 0 1px #855d82,-16px 16px 0 1px #855d82,-17px 17px 0 1px #855d82,-18px 18px 0 1px #855d82,-19px 19px 0 1px #855d82,-20px 20px 0 1px #855d82,-21px 21px 0 1px #855d82,-22px 22px 0 1px #855d82,-23px 23px 0 1px #855d82,-24px 24px 0 1px #855d82,-25px 25px 0 1px #855d82,-26px 26px 0 1px #855d82,-27px 27px 0 1px #855d82,-28px 28px 0 1px #855d82,-29px 29px 0 1px #855d82,-30px 30px 0 1px #855d82,-31px 31px 0 1px #855d82,-32px 32px 0 1px #855d82,-33px 33px 0 1px #855d82,-34px 34px 0 1px #855d82,-35px 35px 0 1px #855d82;}
.idx .sec03 li:nth-child(even) { background-color: #a98da7; color: #855d82; }
.idx .sec03 li:nth-child(even) h4 { color: #fff200; }
.idx .sec03 li:nth-child(even) div { background-color: #ffd387; box-shadow: -1px 1px 0 1px #e3b15a,-2px 2px 0 1px #e3b15a,-3px 3px 0 1px #e3b15a,-4px 4px 0 1px #e3b15a,-5px 5px 0 1px #e3b15a,-6px 6px 0 1px #e3b15a,-7px 7px 0 1px #e3b15a,-8px 8px 0 1px #e3b15a,-9px 9px 0 1px #e3b15a,-10px 10px 0 1px #e3b15a,-11px 11px 0 1px #e3b15a,-12px 12px 0 1px #e3b15a,-13px 13px 0 1px #e3b15a,-14px 14px 0 1px #e3b15a,-15px 15px 0 1px #e3b15a,-16px 16px 0 1px #e3b15a,-17px 17px 0 1px #e3b15a,-18px 18px 0 1px #e3b15a,-19px 19px 0 1px #e3b15a,-20px 20px 0 1px #e3b15a,-21px 21px 0 1px #e3b15a,-22px 22px 0 1px #e3b15a,-23px 23px 0 1px #e3b15a,-24px 24px 0 1px #e3b15a,-25px 25px 0 1px #e3b15a,-26px 26px 0 1px #e3b15a,-27px 27px 0 1px #e3b15a,-28px 28px 0 1px #e3b15a,-29px 29px 0 1px #e3b15a,-30px 30px 0 1px #e3b15a,-31px 31px 0 1px #e3b15a,-32px 32px 0 1px #e3b15a,-33px 33px 0 1px #e3b15a,-34px 34px 0 1px #e3b15a,-35px 35px 0 1px #e3b15a;}
.idx .sec03 li:nth-child(2n){top:40px;}
.idx .sec03 li:last-child div { font-size: 28px; }
.idx .sec03 li .pink { color: #855d82;
    animation-duration: 0.6s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-name: pink;
}
.idx .sec03 li .yellow { color: #fff;
    animation-duration: 0.8s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-name: yellow;
}
@keyframes yellow {
    0% { color: #fff; }
    50%   { color: #fff568; }
    100% { color: #fff; }
}
@keyframes pink {
    0% { color: #855d82; }
    50%   { color: #f06eaa; }
    100% { color: #855d82; }
}



.idx .sec04 { background-color: #f8f8f8; margin-top: 0px; padding-bottom: 60px;}
.idx .sec04 .center { display: flex; font-size: 16px; }
.idx .sec04 h3 { font-size: 36px; }
.idx .sec04 h4 { font-size: 24px; }
.idx .sec04 h5 { font-size: 20px; }
.idx .sec04 h5::before {content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 8px; background: #333333; }
.idx .sec04 h6 { font-weight: 700; font-size: 18px; }
.idx .sec04 p { font-size: 16px; color: #777; }
.idx .sec04 .box { margin: 0 10px; }
.idx .sec04 .box:last-child { margin-right: 0; }
.idx .sec04 .box1 { padding: 16px 24px; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; color: #fff; background-color: #c2935f; }
.idx .sec04 .box1 h3 { margin-bottom: 20px; }
.idx .sec04 .box1 ul:last-child { border-top: 2px solid #fff; margin-top: 20px; padding-top: 20px; }
.idx .sec04 .box1 li { line-height: 18px; display: flex; margin-bottom: 10px; }
.idx .sec04 .box1 h6 { font-size: 16px; font-weight: 400; width: 74px; margin-right: 10px; border-right: 2px solid #fff; }
.idx .sec04 .box1 p { color: #fff; }
.idx .sec04 .box2 { border-right: 2px solid #ccc; padding: 0 24px; }
.idx .sec04 .box2:last-child { border-right: 0; }
.idx .sec04 .box2 ul { padding-left: 23px; }
.idx .sec04 .box2 li { margin-top: 20px; }
.idx .sec04 .box2 .red { display: flex; margin-top: 0; align-items: flex-end; color: #e70014;}
.idx .sec04 .box2 .red h6 { padding: 10px 16px; }
.idx .sec04 .box2.latest ul:nth-child(2) { margin-bottom: 24px; }
.idx .sec04 .box2.latest ul:nth-child(4) { margin-top: 20px; }
.idx .sec04 .box2.latest ul:nth-child(4) li { margin-top: 0px; }
.idx .sec04 .box2 .flex { display: flex; align-items: center; }

.sub1_visual {     margin-top: 50px;  margin-bottom: 10px; padding: 24px 60px; align-items: center; justify-content: center; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; border: 1px solid #ddd; display: flex; background-color: #f0ece4; }
.sub1_visual div { flex-grow: 1; }
.sub1_cate { margin: 30px 0; }
.sub1_cate ul { display: flex; }
.sub1_cate li { flex-grow: 1; margin-right: 5px; line-height: 54px; text-align: center; }
.sub1_cate p { font-size: 18px; padding: 25px 0 10px; height: 75px; color: #fff; display: flex; align-items: flex-end; justify-content: center; background-color: #c2935f; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin-top: -30px; }
.sub1_cate small { font-size: 12px; color: #ebe2d8; }
.sub1_cate strong { font-size: 20px; font-weight: 700; margin: 0 5px; }
.sub1_cate li:last-child { margin-right: 0; line-height: 1; }
.sub1_cate li:last-child strong { font-size: 15px; }

.sub1_1 .list_table .price{ padding: 0;}
.price > div{ display: flex; justify-content: center; align-items: center; flex-direction: column-reverse;}
.price > div > span{ line-height: 1;}
.price > div > span.price_ch{ position: relative; color : #333; font-size: 14px; padding-right: 15px;}
.price > div > span.price_ch.up::before{ content: ""; position: absolute; left: calc(100% - 10px); top: 50%; transform: translateY(-50%); display: block; width: 12px; height: 15px;
background: url("/img/up_ico.png") no-repeat; background-size: cover;}
.price > div > span.price_ch.down::before{ content: ""; position: absolute; left: calc(100% - 10px); top: 50%; transform: translateY(-50%); display: block; width: 12px; height: 15px;
background: url("/img/down_ico.png") no-repeat; background-size: cover;}



.btnMore { display: block; margin: 30px auto 0; background-color: #524233; color: #fff; width: 200px; height: 60px; font-size: 18px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }