@charset "utf-8";
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}

.ollehShopWrap h4{font-weight:400;font-size:22px;color:#000;}
.ollehShopWrap *{font-family:'Roboto Regular','Noto Sans KR';}

.model-tab-menu{border-bottom: 1px solid #D9D9D9;}
.model-tab-menu::after{content:'';display:block;clear:both;}
.model-tab-menu li{position:relative;float:left;box-sizing:border-box;width:270px;height:56px;}
.model-tab-menu a{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;height:100%;font-weight:400;font-size:22px;text-align:center;line-height:55px;color:#6A6A6A;}
.model-tab-menu li.on{border-radius: 27px;}
.model-tab-menu li.on a{color:#000;border-bottom: 2px solid #000;}

.model-text{box-sizing:border-box;}
.model-text::after{content:'';display:block;clear:both;}
.model-title{float:left;font-weight:400;font-size:30px;color:#000;}
.model-selected{float:right;margin-top:9px;font-size:18px;color:#000;letter-spacing:0;}
.model-selected span {color:#000;}
.model-selected em{color:#777;}
.model-color{font-size:inherit;}
.model-memory{font-size:inherit;}

.btn-model-memory{float:left;margin-top:10px;box-sizing:border-box;width:100%;height:60px;border:1px solid #e0e0e0;font-size:26px;text-align:center;line-height:60px;color:#000;font-weight:bold;letter-spacing:0;border-radius:10px;background: url(/NWL/assets/images/pc/nwRadio_off.svg) 10% 50% / 20px auto no-repeat;}
.btn-model-memory:first-of-type{margin-left:0;}
.btn-model-memory .gb{font-size:20px;font-weight:normal;color:#000;}
.btn-model-memory.selected{background:#000;border-color:#000;background: url(/NWL/assets/images/pc/nwRadio_on.svg) 10% 50% / 20px auto no-repeat;}
.btn-model-memory.disabled{position:relative;color:#cfcfcf;overflow:hidden;}
.btn-model-memory.disabled .gb{color:#cfcfcf;}
.btn-model-memory.disabled:after{content:'';position:absolute;right:-8px;top:40px;height:1px;width:150%;background:#e2e2e2;transform:rotate(-18deg);}

.ollehShopWrap .resInfo h4{font-size:22px;} 
.model-tab-item .model-option-title {font-size:18px;color:#000;font-weight:400;}
.txt_resInfo {font-size:16px;font-weight:300;} 
.resInfo li button.disable {background:#ddd;border:1px solid #ddd;color:#aaa;font-weight:200;}

/* 넷퍼넬 */
#NetFunnel_Loading_Popup{width:800px;padding:0 0 40px;text-align:center;background:#fff;border-radius:25px;overflow:hidden;}
#NetFunnel_Loading_Popup *{font-family:'Roboto Regular','Noto Sans KR';}                                    
#NetFunnel_Loading_Popup .iphone12_title{height:80px;font-size:0;line-height:0;background:#efefef url('/preorder/114086/pc/images/iphone12_logo.png') no-repeat 50% 50%;}
#NetFunnel_Loading_Popup .np-stit{margin:25px 0 8px;letter-spacing:-2px;font-size:36px;font-weight:700;color:#000;}
#NetFunnel_Loading_Popup .np-desc{line-height:1.2;font-size:19px;color:#222;font-weight:300;}
#NetFunnel_Loading_Popup .np-graph{width:600px; margin:35px auto 20px;}
#NetFunnel_Loading_Popup .np-graph .np-grapht{overflow:hidden;font-size:0;text-align:center;line-height:1;font-weight:500;}
#NetFunnel_Loading_Popup .np-graph .np-grapht .np-num{display:inline-block;font-size:20px;color:#222;vertical-align:top;}
#NetFunnel_Loading_Popup .np-graph .np-grapht .np-num > span{color:#222;}
#NetFunnel_Loading_Popup .np-graph .np-grapht .np-tim{display:inline-block;padding-left:20px;margin-left:20px;font-size:20px;color:#222;border-left:1px solid #bfbfbf;vertical-align:top;}
#NetFunnel_Loading_Popup .np-graph .np-grphbox{position:relative;width:100%;height:26px;margin-top:19px;background:#efefef;border-radius:25px;overflow:hidden;}
#NetFunnel_Loading_Popup .np-graph .np-grphbox .np-grph{position:absolute;top:0;left:0;height:26px;overflow:hidden;color:#ebb053;background:#ebb053;}
#NetFunnel_Loading_Popup .np-graph .np-grapht span#NetFunnel_Loading_Popup_Count,
#NetFunnel_Loading_Popup .np-graph .np-grapht span#NetFunnel_Loading_Popup_TimeLeft{color:#EA3037;font-size:22px;font-weight:400;text-decoration:none !important;}
#NetFunnel_Loading_Popup_Progressbar{height:26px;}
#NetFunnel_Loading_Popup_Progressbar table{height:26px;}
#NetFunnel_Loading_Popup_Progressbar table td{height:26px; background:#EA3037 !important;}
#NetFunnel_Loading_Popup .warn{display:block;font-weight:300;font-size:17px;color:#222;line-height:1;margin-bottom:30px;}
#NetFunnel_Loading_Popup button{width:200px;height:60px;line-height:60px;text-align:center;font-size:24px;border-radius:30px;color:#fff;background:#000;font-weight:700;}
#mpopup_bg{background:rgba(0,0,0,0.6) !important;}

.lp_Direct, #EntryCancel  {border:2px solid #000;}
#ShopLayer.lp_Direct .lyClose {top:17px !important;}
#ShopLayer.lp_EntryCancel .lyClose{top:28px !important;right:25px !important;}

/*2025 17버전*/
.model-tab-item{display:none;position:relative;box-sizing:border-box;}
.model-tab-item:first-child{margin:40px 0 0;padding-left:512px;}
.model-tab-item:first-child::-webkit-scrollbar{display:none;}
.model-image{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:472px;height:537px;border-radius:12px;text-align:center; background:#f7f6f8;}
.model-image.xs_size img{height:437px;}
.model-image.s_size img{height:399px;}
.model-image.m_size img{height:422px;}
.model-image.l_size img{height:457px;}

.phone_option{flex:1;}
.phone_option .top_txt{padding:16px 16px 16px 40px;font-size:16px;color:#FE2E36;font-weight:500;border:1px solid #000;border-radius:8px;background:url(/preorder/392162/pc/images/notice_ico.png) no-repeat 16px 20px / 16px;}
.phone_option .top_txt span{color:#000;}

.nameArea{margin:40px 0 24px;font-size:24px;color:#161616;font-weight:700;}
.nameArea:first-child{margin-top:0;}
.phone_option .resInfo{height:initial;}
.phone_option .iphone18_txt{margin-top:12px;font-size:12px;color:#3D84E6;text-align:right;}
.phone_option .iphone18_txt:before{content:'';display:inline-block;width:20px;height:20px;margin-right:4px;background:url(/preorder/392162/pc/images/ico_blue_chk.png) no-repeat 0 0 / 20px;vertical-align:middle;}

.resInfo{padding-left:12px;}
.resInfo li{display:flex;flex-wrap:wrap;gap:12px;width:100%;}
.resInfo button{position:relative;width:100%;height:56px;border:1px solid #d9d9d9;background:#fff;font-size:16px;color:#000;cursor:pointer;font-weight:400;border-radius:8px;background:url(/preorder/392162/pc/images/nwRadio_off.svg) 20px 50% / 20px auto no-repeat;text-align:left;text-indent:50px;}
.resInfo button.current{font-weight:700;border:1px solid #000;outline:1px solid #000;box-shadow:0px 3px 5px 0px rgb(0 0 0 / 10%);background:url(/preorder/392162/pc/images/nwRadio_on.svg) 20px 50% / 20px auto no-repeat;}
.resInfo button li button{width:50%;}
.resInfo > button + button{margin-top:12px;}
.resInfo button .gu{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:initial;min-height:initial;padding:0;font-size:14px;font-weight:300;}

.select-color_title{display:flex;gap:0 16px;padding-left: 12px;font-size:18px;color:#000;line-height:1;font-weight:500;}
.select-color_title .model-color i{position:relative;font-size:16px;font-weight:400;}
.select-color_title .model-color i::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:1px;height:12px;background:#808080;}

.model-option{position:relative; margin-top:18px;}
.model-option:after{content:""; display:block; clear:both;}
.model-option li{float:left;margin-left:15px;border-radius:50%;}
.model-option li:first-child{margin-left:12px;}
.model-option-item::after{content:'';display:block;clear:both;}
.model-option-color{position:relative;width:42px;height:42px;border-radius:50%;background-color:#fff;outline-offset:-5px;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;}
.model-option-color.selected {outline: 2px solid #fff;outline-offset: -5px;}
.model-option-color.selected i{background-image:url('/preorder/392162/pc/images/nwBgColorCheck.svg');background-repeat:no-repeat;background-position:47% 45%;}
.model-option-color i{position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;color:transparent;}
.model-option-color.selected i.black,
.model-option-color.selected i.blue{background-image:url('/preorder/392162/pc/images/nwBgColorCheck_dark.svg');}
.model-option-color.disabled{position:relative;color:#cfcfcf;overflow:hidden;}
.model-option-color.disabled .gb{color:#cfcfcf;}
.model-option-color.disabled:after{content:'';position:absolute;right:-8px;top:20px;height:2px;width:150%;background:#e2e2e2;transform:rotate(-40deg);}
.model-option-color.disabled.selected i {background-image:none;}
.model-option-color.disabled {outline: 2px solid #fff;outline-offset: -5px;}

.model-option-memory{position:absolute;top:42px;left:0;z-index:10;width:100%;}
.model-option-memory::after{content:'';display:block;clear:both;}
.model-option-memory.block {display:block; }
.model-option-memory .model-option-title{display:block;position:absolute;left:0;top:0;font-size:18px;color:#000;line-height:1;font-weight:400;}
.model-option-memory .nameArea:first-child{margin-top:40px;}
.sizeArea {padding-left: 12px;}
.sizeArea .nwRadio + .nwRadio{margin-top:12px}
.sizeArea .nwRadio input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px;  margin: -1px; overflow: hidden;}
.sizeArea label{position:relative;display:inline-flex;width:100%;height:100%;padding: 19px 16px 19px 48px;align-items:center;border: 1px solid #d9d9d9;border-radius:8px;font-size:16px;color:#161616;line-height:1;cursor:pointer;box-sizing:border-box;}
.sizeArea .nwRadio.rect label i{position:absolute;top:50%;left:16px;transform:translateY(-50%);height:20px;width:20px;background:url(/preorder/392162/pc/images/nwRadio_off.svg) 0 0 / 20px auto no-repeat;}
.sizeArea .nwRadio.rect label em{color: #000;}
.sizeArea .nwRadio.rect label .r{margin-left:auto;color: #525252;letter-spacing: -0.4px;}
.sizeArea .nwRadio.rect label .r .won{font-size:14px;color: #525252;}
.sizeArea .nwRadio.current label i.i{background-image:url(/preorder/392162/pc/images/nwRadio_on.svg);}
.sizeArea .current label{color:#000;font-weight:700;border:1px solid #161616;outline:1px solid #161616;box-shadow:0px 3px 5px 0px rgb(0 0 0 / 10%)}
.sizeArea .current label em{color:#000;letter-spacing: -0.4px;}
.sizeArea .current label .r{color:#000 !important;font-weight:500;}
.sizeArea .current label .r .won{color: #000;}
.sizeArea .nwRadio.soldout em{text-decoration:line-through;} 
.sizeArea .nwRadio.soldout .sold{margin-left:5px;}

.customer_form{margin-top:68px;padding-top:68px;border-top:1px solid #D9D9D9;}
.customer_form .choiceList li + li{margin-top:32px;}
.customer_form .resInfo li{gap:0 12px;}
.resInfo li strong{display:block;width:100%;margin-bottom:12px;font-size:18px;color:#161616;font-weight:500;line-height:1;}
.resInfo li .txt_resInfo{padding-top:12px;font-size:14px;line-height:24px;color: #525252;}
.resInfo li .inp_flex{display:flex;gap:0 12px;width:100%;}
.resInfo li .inp_flex > *{flex:1;}
.resInfo input{box-sizing:border-box;width:100%;height:48px;padding:0 18px;border:1px solid #e0e0e0;font-size:16px;line-height:48px;color:#000;border-radius:8px;vertical-align:middle;-webkit-appearance:none;}
.resInfo input::-webkit-input-placeholder{color:#808080;font-weight:300;}
.resInfo input:-ms-input-placeholder{color:#808080;font-weight:300;}
.resInfo input::-ms-input-placeholder {color:#808080;font-weight:300;}
.resInfo input::placeholder{color:#808080;font-weight:300;}
.resInfo span{display:table;position:absolute;top:0;right:0;box-sizing:border-box;padding-left:10px;min-height:40px;width:740px;}
.resInfo span em{display:table-cell;vertical-align:middle;font-size:15px;text-indent:-10px;color:#888;}
.resInfo .inpList p{position:relative; left:0;margin-top:8px;padding-left:24px;font-size:14px;letter-spacing:-0.7px;}
.resInfo .inpList p:before{content:'';display:inline-block;position:absolute;top:0px;left:0;width:20px;height:20px;vertical-align:text-bottom;}
.resInfo .inpList p.rechk:before {background:url('/preorder/392162/pc/images/ico_preorder_rechk.png') 0 0 no-repeat;}
.resInfo .inpList p.rechkOk:before {background:url('/preorder/392162/pc/images/ico_preorder_rechkOk.png') 0 0 no-repeat;}
.resInfo .inpList p.rechk {color:#ff2d36;}
.resInfo .inpList p.rechkOk {color:#3D84E6;}

.resAgree{position:relative;margin-top:32px;padding-left: 12px;}
.resAgree .agree_area{padding:18px 16px 16px;border:1px solid #D9D9D9;border-radius:8px;}
.resAgree > strong{display:block;margin-bottom:10px;font-size:18px;color:#161616;font-weight:500;line-height:1;}
.resAgree input[type="checkbox"] {overflow:hidden;position:absolute;left:-1000%;top:auto;width:1px;height:1px;}
.resAgree input[type="checkbox"] + label{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;padding-left:35px;}
.resAgree input[type="checkbox"] + label:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);}
.resAgree input[type="checkbox"] + label:before{height: 20px; width: 20px; margin-right: 8px;background: url(/preorder/392162/pc/images/nwCheckbox_off.svg) 0 0 / 20px auto no-repeat;}
.resAgree input[type="checkbox"]:checked + label:before{background-image: url(/preorder/392162/pc/images/nwCheckbox_on.svg);}
.resAgree input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before{outline:1px dashed #666;}
.btn_agree_view{position:absolute;top:0;right:-16px;z-index:10;background-color:gold;width:48px;height:100%;background:url('/preorder/392162/pc/images/ico_toggle_bold.png') no-repeat center;transform:rotate(180deg);transition:.2s;}
.btn_agree_view.on{transform:rotate(0);}
.agree_all{position:relative;}
.agree_all label, .agree_all label em{font-size:16px;color:#161616;font-weight:500;line-height:24px;}
.resAgree_list{margin-top:16px;border-top:1px solid #d9d9d9;}
.resAgree_list li{margin:16px 0 0 32px;}
.resAgree_list .agree label, .resAgree_list .agree label em{font-size:14px;color:#000;font-weight:400;line-height:20px;}
.agree_top {position:relative;}
.agree_cont{display:none;padding:16px 0 16px 32px;}
.agree_cont[aria-hidden="false"]{display:block;}
.resAgree p{font-size:14px;color:#525252;line-height:21px;}
.resAgree .tbl{margin-top:17px;border-top:1px solid #aeaeae;}
.resAgree caption{position:absolute;top:0;left:0;}
.resAgree table th{padding:12px 24px;font-size:14px;color:#000;text-align:left;font-weight:500;border-bottom:1px solid #dedede;}
.resAgree table td{padding:12px 24px;font-size:14px;color:#525252;border-bottom:1px solid #dedede;border-left: 1px solid #dedede;}
.resAgree table tr:last-child th,
.resAgree table tr:last-child td{border-bottom:none;}

.ollehShopWrap .btn_area {padding-top:32px;}