/* 폰트, 타이틀 */
.txt_point{color:#e80f00 !important;}
.txt_bk{color:#222 !important;}

/* 라디오 */
.form_rdo{display:inline-block;position:relative;padding-left:30px;}
.form_rdo > input{position:absolute;left:0;top:0;width:0;height:0;opacity:0;}
.form_rdo > input + span{display:block;position:absolute;top:2px;left:0;width:22px;height:22px;vertical-align:top;background:url('../img/common/ico_sp.png') -60px 0 no-repeat;}
.form_rdo .label{display:block;font-size:16px;font-weight:700;color:#222;line-height:24px;vertical-align:top;word-break:keep-all;}
.form_rdo > input:checked + span{background-position:-90px 0;}
.form_rdo > input:disabled ~ .label{color:#cacaca;}
.form_rdo + .form_rdo{margin-left:36px;}
.form_rdo .txt_em{color:#e80f00;}

/* 체크박스 */
.form_chk{display:inline-block;position:relative;padding-left:30px;}
.form_chk > input{position:absolute;left:0;top:0;width:0;height:0;opacity:0;}
.form_chk > input + span{display:block;position:absolute;top:2px;left:0;width:22px;height:22px;vertical-align:top;background:url('../img/common/ico_sp.png') 0 0 no-repeat;}
.form_chk .label{display:block;font-size:16px;font-weight:700;color:#222;line-height:24px;vertical-align:top;word-break:keep-all;}
.form_chk > input:checked + span{background-position:-30px 0;}
.form_chk > input:disabled ~ .label{color:#cacaca;}
.form_chk + .form_chk{margin-left:20px;}
.form_chk .txt_em{color:#e80f00;}

.form_chk.type2 > input + span{background-position:-236px -24px}
.form_chk.type2 > input:checked + span{background-position:4px -24px;}
.form_chk.type2 .label{font-weight:normal;color:#616161;}

/* 인풋 */
.form_inp{position:relative;}
.form_inp .int{display:block;position:relative;width:100%;height:45px;padding:0;font-size:16px;font-weight:700;color:#222;line-height:45px;text-decoration: none;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #e5e5e5;box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;outline:0;}
.form_inp .int::placeholder{font-size:16px;color:#bbb;font-weight:400;}
.form_inp .int:-ms-input-placeholder{font-size:16px;color:#bbb;font-weight:400;}
.form_inp .int[type='password']{letter-spacing:1px;}
.form_inp .int:focus{border-color:#616161;}

/* 셀렉트박스 */
.form_sel{position:relative;}
.form_sel select{position:relative;width:100%;height:45px;margin:0;padding:0 15px 0 0;font-size:16px;color:#222;font-weight:700;line-height:45px;background:#fff;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #e5e5e5;box-sizing:border-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form_sel select::-ms-expand{display:none}
.form_sel select:focus{border-color:#616161;}
.form_sel:after{content:'';display:block;position:absolute;top:20px;right:2px;width:8px;height:6px;background:url('../img/common/ico_sp.png') -120px 0 no-repeat;}
.form_sel.basic select{font-size:16px;color:#bbb;font-weight:400;}

/* 탭버튼 */
.tab_btn_area ul{display:table;width:100%;table-layout:fixed;}
.tab_btn_area li{display:table-cell;width:50%;vertical-align:top;}
.tab_btn_area li a{display:table;width:100%;height:65px;font-size:20px;font-weight:700;color:#aaa;text-align:center;background:#f5f5f5;border:2px solid #f5f5f5;box-sizing:border-box;word-break:break-all;table-layout:fixed;}
.tab_btn_area li.on a{color:#e80f00;background:#fff;border-color:#e80f00;}
.tab_btn_area li a span{display:table-cell;vertical-align:middle;}
.tab_btn_cont {display:none}
.tab_btn_cont.active {display:block}

/* 폼 */
.row_box{display:table;width:100%;table-layout:fixed;}
.row_box ~ .row_box{margin-top:35px;}
.row_box .row_tit{display:table-cell;width:160px;padding:14px 0 0 0;font-size:16px;color:#616161;vertical-align:top;box-sizing:border-box;}
.row_box .row_cont{display:table-cell;vertical-align:top;}
.row_box .error .form_inp .int,
.row_box .error .form_sel select{border-color:#e80f00;}
.row_box .btns_del{display:inline-block;position:absolute;right:0;top:11px;width:24px;height:24px;font-size:0;text-align:center;}
.row_box .btns_del .ico_sp{margin-top:6px;}
.row_box .row_cont.row2{display:block;}

.row_msg{margin:12px 0 0 0;font-size:14px;color:#222;line-height:18px;}
.row_msg.error{color:#e80f00;}

.id_form_box{display:table;width:100%;table-layout:fixed;}
.id_form_box .form_inp{display:table-cell;vertical-align:middle;}
.id_form_box .btns_box{display:table-cell;width:100px;padding-left:20px;text-align:right;vertical-align:middle;}
.id_form_box .btns_box .btns_com{width:100%;}

.pw_form_box.error .form_inp .int{padding-right:20px;}
.pw_form_box.error .form_inp:after{content:'';display:block;position:absolute;right:0;bottom:15px;width:13px;height:13px;background:url('../img/common/ico_sp.png') -60px -30px no-repeat;}
.pw_form_box.checked .form_inp:after{content:'';display:block;position:absolute;right:0;bottom:15px;width:13px;height:13px;background:url('../img/common/ico_sp.png') -150px -30px no-repeat;}
.pw_form_box.checked ~ .row_msg{display:none;}

.bir_form_box{display:table;width:100%;table-layout:fixed;}
.bir_form_box .form_sel{display:table-cell;vertical-align:middle;}
.bir_form_box .form_sel ~ .form_sel{padding-left:20px;}
.bir_form_box .bir_yy{width:30%;}

.email_form_box{display:table;width:100%;table-layout:fixed;}
.email_form_box .form_inp{display:table-cell;vertical-align:middle;}
.email_form_box .form_inp:first-child{width:30%;}
.email_form_box .form_sel{display:table-cell;vertical-align:middle;}
.email_form_box .add_field{padding-right:20px;}
.email_form_box .nbsp{display:table-cell;width:15px;vertical-align:middle;}
.email_form_box .nbsp.at{width:40px;font-size:16px;font-weight:700;color:#222;text-align:center;vertical-align:middle;}

.phone_form_box{display:table;width:100%;table-layout:fixed;}
.phone_form_box .form_sel{display:table-cell;width:30%;vertical-align:middle;}
.phone_form_box .form_sel ~ .form_inp{padding-left:20px;}
.phone_form_box .form_inp{display:table-cell;vertical-align:middle;}

.phone_form_box.certify{margin-top:10px;}
.phone_form_box.certify .btns_box{display:table-cell;width:30%;vertical-align:bottom}
.phone_form_box.certify .btns_box .btns_com{width:100%}
.phone_form_box.certify .form_inp{padding-left:20px;}

.eng_name{display:table;width:100%;table-layout:fixed;}
.eng_name .form_inp{display:table-cell;vertical-align:middle;}
.eng_name .form_inp:first-child{width:30%;}
.eng_name .form_inp ~ .form_inp{padding-left:20px;}

.rc_form_box{min-height:45px;padding:10px 0;box-sizing:border-box;}

/* 버튼 */
.btns_com{display:inline-block;height:40px;padding:0 10px;font-size:16px;color:#fff;text-align:center;vertical-align:middle;line-height:39px;word-break:break-all;box-sizing:border-box;}
.btns_com.bk{background:#312626;color:#fff;}
.btns_com.rd{background:#e80f00;color:#fff;}
.btns_com.dis{background:#e1e1e1;color:#fff;pointer-events:none;}
.btns_com.wt{background:#fff;color:#222;border:1px solid #616161;}
.btns_com.gr{background:#f8f8f8;color:#222;border:1px solid #222;}
a.btns_txt{display:inline-block;padding-right:15px;position:relative;font-size:14px;color:#616161;box-sizing:border-box;}
.btns_txt:after{content:'';display:inline-block;position:absolute;right:0;top:3px;width:6px;height:10px;background:url('../img/common/ico_sp.png') -270px -30px no-repeat;}

.btns_area{display:table;margin:0 auto;text-align:center;table-layout:fixed;}
.btns_area .btns_com{display:table-cell;width:300px;height:70px;padding:0;font-size:20px;font-weight:700;line-height:68px;vertical-align:middle;}
.btns_area.block{display:block;max-width:600px;margin:0 auto;table-layout:inherit;}
.btns_area.block .btns_com{display:block;width:100%;}
.btns_area.block .btns_com ~ .btns_com{margin-top:10px;}

/* 리스트 */
.list_type_def li{font-size:16px;line-height:26px;color:#616161;}
.list_type_dot li{position:relative;padding-left:8px;font-size:16px;color:#616161;line-height:28px;}
.list_type_dot li:before{content:'';position:absolute;left:0;top:15px;width:2px;height:2px;border-radius:50%;background:#646464;}

/* 아이콘 */
.ico_sp{display:inline-block;background-image:url('../img/common/ico_sp.png');background-repeat:no-repeat;}
.ico_sp.naver{width:64px;height:64px;background-position:0 -60px;}
.ico_sp.facebook{width:64px;height:64px;background-position:-64px -60px;}
.ico_sp.twitter{width:64px;height:64px;background-position:-128px -60px;}
.ico_sp.kakao{width:64px;height:64px;background-position:-192px -60px;}
.ico_sp.instagram{width:64px;height:64px;background-position:-256px -60px;}
.ico_sp.google{width:64px;height:64px;background-position:-320px -60px;}
.ico_sp.phone{width:42px;height:42px;background-position:0 -270px;}
.ico_sp.ipin{width:42px;height:42px;background-position:-60px -270px;}
.ico_sp.del{width:13px;height:13px;background-position:-150px 0;}

/* Alert 팝업 */
.alert_popup {display:none; position:fixed; top:0; left:0; z-index:110; width:100%; height:100%;}
.alert_popup_inner {position:absolute; top:50%; left:50%; z-index:100; width:77.3vw; max-width:290px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff;}
.alert_popup_cont {overflow:hidden; overflow-y:auto; position:relative; padding:30px 20px; font-size:14px; color:#222; text-align:center; line-height:22px; max-height:65vh; -webkit-overflow-scrolling:touch;}
.alert_popup_cont::-webkit-scrollbar {display:none; width:0; height:0;}
.alert_popup_button {display:-webkit-flex; display:flex; justify-content:center; -webkit-justify-content:center; border-top:1px solid #e0e0e0; background:#fff;}
.alert_popup_button a {-webkit-flex:1; flex:1; display:inline-block; height:55px; border-left:1px solid #e0e0e0; font-size:16px; font-weight:700; color:#222; text-align:center; line-height:55px;}
.alert_popup_button a:first-child {border-left:0;}
.alert_tit{margin-bottom:6px;font-size:15px;line-height:22px;color:#222;font-weight:700;text-align:center;}
.alert_stxt{font-size:14px;line-height:22px;color:#222;text-align:center;}
.alert_dsc{font-size:13px;line-height:21px;color:#616161;text-align:center;}

/* Use Class on Script */
.lockBody {position:fixed; top:0; left:0; overflow:hidden; height:100%;}

/* 23-03-02 첫구매 */
.swiper_hide_arrow button::-moz-focus-inner { border:0 none; padding:0; }
.swiper_hide_arrow button {font-family:inherit; letter-spacing: inherit; border:0; border-radius:0; background:none; box-sizing:border-box; cursor:pointer;touch-action:manipulation}
.swiper_hide_arrow i {font-style:normal}

/* 스와이퍼 */
.swiper-container { margin-left: auto;  margin-right: auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;  /* Fix of Webkit flickering */  z-index: 1;}
.swiper-container-vertical > .swiper-wrapper { flex-direction: column;}
.swiper-wrapper { position: relative;  width: 100%;  height: 100%;  display: flex;  transition-property: transform;  box-sizing: content-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {  transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap;  flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {  transition-timing-function: ease-out;  margin: 0 auto;}
.swiper-container-free-mode > .swiper-wrapper .swiper-slide{width:auto;}
.swiper-slide {  flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;  transition-property: transform;}
.swiper-slide-invisible-blank { visibility: hidden;}
/* Auto Height */
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto;}
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height;}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function: ease-out;}
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity;}
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto;}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none;}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none;}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory;}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory;}
.swiper-button-prev , .swiper-button-next{ position:absolute; top:0;  z-index:2;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { left: 10px; right: auto;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { right: 10px;  left: auto;}
.swiper-button-lock { display: none;}
.swiper-pagination { position: absolute; text-align: center;  transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10;}
.swiper-pagination.swiper-pagination-hidden { opacity: 0;}
.swiper-pagination-bullet { width: 8px;  height: 8px;  display: inline-block;  border-radius: 100%;  background: #000;  opacity: 0.2;}
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.swiper-pagination-bullet-active { opacity: 1;}
/* Progress */
.swiper-pagination-progressbar {  background: rgba(0, 0, 0, 0.25);  position: absolute;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top;}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 100%;  height: 4px;  left: 0;  top: 0;}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 4px;  height: 100%;  left: 0;  top: 0;}

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); opacity:1!important;}
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;}
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%;}
.swiper-scrollbar-drag { height: 100%;  width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0;}
.swiper-scrollbar-cursor-drag { cursor: move;}
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {max-width: 100%; max-height: 100%; object-fit: contain;}
.swiper-slide-zoomed {cursor: move;}

/* swiper arrow custom */
.swiper_arrow{position:relative;width:1280px;margin:0 auto;z-index: 2;}
.swiper_arrow button {position: absolute; top: -200px; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; transition: 0.4s;box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.swiper_arrow button:after {background: url(https://www.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr_v2/resource/images/ico_arrow04.png) no-repeat 0 -32px;}
.swiper_arrow button.swiper-button-disabled:after {opacity:0.3}
.swiper_arrow button.swiper_prev {left: -30px;}
.swiper_arrow button.swiper_next {right: -30px;}
.swiper_arrow button:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.swiper_arrow button.swiper_prev:after {transform: translate(-50%, -50%);}
.swiper_arrow button.swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}

.swiper_hide_arrow button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; opacity:0; box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.swiper_hide_arrow button:after {background: url(https://www.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr_v2/resource/images/ico_arrow04.png) no-repeat 0 -32px;}
.swiper_hide_arrow button.swiper-button-disabled:after {opacity:0.3; transition: 0.4s;}
.swiper_hide_arrow button.swiper_prev {left: -30px;}
.swiper_hide_arrow button.swiper_next {right: -30px;}
.swiper_hide_arrow button:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.swiper_hide_arrow button.swiper_prev:after {transform: translate(-50%, -50%);}
.swiper_hide_arrow button.swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}
[data-slide]:hover .swiper_hide_arrow button, .swiper_hide_arrow button:hover {opacity:1; transition: 0.4s;}
/* swiper arrow custom : small */
.swiper_hide_arrow.small button {width: 30px; height: 30px; border-radius: 6px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);}
.swiper_hide_arrow.small button:after {width: 6px; height: 12px;background: url(https://www.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr_v2/resource/images/ico_arrow01.png) no-repeat;}
.swiper_hide_arrow.small button.swiper_prev {left: -15px;}
.swiper_hide_arrow.small button.swiper_next {right: -15px;}
[data-slide]{position:relative;}
.slide_list{position: relative;}
.slide_list .swiper-container-initialized,
[data-slide] .swiper-container-initialized,
[data-slide] .product_wrap_outer{overflow:hidden;}

/* Type1 */
.bn_wrap{margin-top:60px}
.bn_wrap .bn_band_list {width:100%; height:140px; border-radius:20px; overflow: hidden;}
.bn_wrap .bn_cont{position:relative; display:block;}
.bn_wrap .img_box{display:block; overflow: hidden;}
.bn_wrap .text_box{position:absolute; left:60px; top:50%; width:415px; transform: translateY(-50%);}
.bn_wrap .text_box .text_tit{font-size:20px; font-weight:700; color:#fff;}
.bn_wrap .text_box .text_sub{font-size:15px; color:rgba(255,255,255,.7); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-top:2px}

/* 2023-05-08 : 본인인증 아이핀 인증 제거 */
.ico_sp.phone2 {width:45px; height:45px; background:url('../img/common/ico_phone2.png') no-repeat 0 0 /100% auto;}

/* 2026-01-05 : 전몰 이메일 인증방식 변경 */
.form_inp .time{position:absolute; top:50%; right:20px; line-height: 20px; font-weight:700; color:#e80f00; transform: translateY(-50%);}
.form_inp:has(.time) .btn_ico.delete {right:52px;}
.form_wrap.error>.err_msg {display:block;}
.form_wrap.error>.err_msg .item {display:block; color:#e80f00; font-size:12px; line-height:16px;}
.form_wrap.error>.err_msg .item.complete {color:#222;}