@charset "utf-8"; /* content layout */ /* template - text START */ .w2textbox{word-break:break-word;} h2.title{font-size:15px;font-weight:bold;_margin-bottom:15px;} h3.title{font-size:15px;font-weight:bold;_margin-bottom:15px;} h4.title{font-size:14px;font-weight:bold;_margin-bottom:15px;} .titlearea{position:relative;padding:30px 0 15px 0;} .titlearea .title{display:inline-block;vertical-align:middle;} .titlearea .title + .w2anchor2[class*="btn_"]{vertical-align:middle;margin-top:-4px;} .titlearea .tooltiparea + .fr{position:absolute !important;top:30px;right:0;} .content .contarea:first-child .titlearea .tooltiparea + .fr{top:5px;} .titlearea + .txt_agreebox{margin-top:15px} .prdList{padding:20px 10px 20px;margin-top:20px;background-color:#fff;} .prdList:first-child{margin-top:0px;} .prdList.only .titlearea.tabTitle{margin-bottom:15px;} .prdList.only .titlearea.tabTitle + .titlearea{display:none;} .prdList > .titlearea:first-child{padding-top:10px;} .titlearea.tabTitle{padding:10px 0 0;margin:0 10px;background:#637b98;color:#fff;text-align:center; border-radius:5px;} .titlearea.tabTitle span{color:#fff;} .titlearea.tabTitle h2{display:block; font-size:17px;} .titlearea.tabTitle .fr{float:none !important; display:block; padding:5px 0 10px; color:#637b98; font-size:12px;} .listdash, .listdot, .listacc{overflow:hidden;} .listdash > li, .listdot > li, .listacc > li{position:relative;padding-left:10px !important;margin-top:5px;} .listacc > li{padding-left:15px !important} .listdash > li:before{content:"-";position:absolute;top:0px;left:0px;} .listdot > li:before{content:"⋅";position:absolute;top:0px;left:0px;} .listacc > li:before{content:"※";position:absolute;top:0px;left:0px;} .listdash > li .w2textbox, .listdot > li .w2textbox, .listacc > li .w2textbox{display:block;} .txdash, .txdot, .txacc, .txnoti{position:relative;padding-left:10px !important;/* margin-top:5px; */} .txdash:before{content:"-";position:absolute;top:0px;left:0px;} .txdot:before{content:"⋅";position:absolute;top:0px;left:0px;} .txacc:before{content:"※";position:absolute;top:0px;left:0px;} .txacc{padding-left:15px !important;} .txacc.warnning{margin:20px;} .txwaring{padding:1px 0 0 20px;background:url(/ibs/nfrc/images/ico_waring_gray.png) no-repeat 0 0px;background-size:14px;} .txwaring.red{color:#f84c4c;background:url(/ibs/nfrc/images/ico_waring_red.png) no-repeat 0 0px;} .txwaring.gray{color:#8a9db4;background:url(/ibs/nfrc/images/ico_waring_gray2.png) no-repeat 0 0px;background-size:15px;} .listnum{counter-reset:num} .listnum > li{position:relative;padding-left:13px;margin-top:5px;} .listnum > li:before{counter-increment:num;content:counter(num) ". ";position:absolute;top:0px;left:0px;} .listnum > li:nth-child(n+10){padding-left:22px} /* .listnum > li > .w2textbox + .w2textbox{} .listnum > li.num1:before{content:"1.";} .listnum > li.num2:before{content:"2.";} .listnum > li.num3:before{content:"3.";} .listnum > li.num4:before{content:"4.";} .listnum > li.num5:before{content:"5.";} .listnum > li.num6:before{content:"6.";} .listnum > li.num7:before{content:"7.";} .listnum > li.num8:before{content:"8.";} .listnum > li.num9:before{content:"9.";} .listnum > li.num10:before{content:"10.";} .listnum > li.num11:before{content:"11.";} .listnum > li.num12:before{content:"12.";} .listnum > li.num13:before{content:"13.";} .listnum > li.num14:before{content:"14.";} .listnum > li.num15:before{content:"15.";} .listnum > li.num16:before{content:"16.";} .listnum > li.num17:before{content:"17.";} .listnum > li.num18:before{content:"18.";} .listnum > li.num19:before{content:"19.";} .listnum > li.num20:before{content:"20.";} .listnum > li.num10, .listnum > li.num11, .listnum > li.num12, .listnum > li.num13, .listnum > li.num14, .listnum > li.num15, .listnum > li.num16, .listnum > li.num17, .listnum > li.num18, .listnum > li.num19, .listnum > li.num20{padding-left:22px;} */ .listnum li > .w2textbox{display:block;} .listnum.boldnum > li:before{font-weight:bold;} .ganada > li{position:relative;padding-left:20px;margin-top:5px;} .ganada > li:before{content:"";position:absolute;top:0px;left:0px;} .ganada > li > .w2textbox + .w2textbox{} .ganada > li:nth-child(1):before{content:"가.";} .ganada > li:nth-child(2):before{content:"나.";} .ganada > li:nth-child(3):before{content:"다.";} .ganada > li:nth-child(4):before{content:"라.";} .ganada > li:nth-child(5):before{content:"마.";} .ganada > li:nth-child(6):before{content:"바.";} .ganada > li:nth-child(7):before{content:"사.";} .ganada > li:nth-child(8):before{content:"아.";} .ganada > li:nth-child(9):before{content:"자.";} .ganada > li:nth-child(10):before{content:"차.";} .roundnum > li{position:relative;padding-left:16px;margin-top:5px;} .roundnum > li:before{content:"";position:absolute;top:-1px;left:0px;font-weight:bold;} .roundnum > li > .w2textbox + .w2textbox{} .roundnum > li:nth-child(1):before{content:"①";} .roundnum > li:nth-child(2):before{content:"②";} .roundnum > li:nth-child(3):before{content:"③";} .roundnum > li:nth-child(4):before{content:"④";} .roundnum > li:nth-child(5):before{content:"⑤";} .roundnum > li:nth-child(6):before{content:"⑥";} .roundnum > li:nth-child(7):before{content:"⑦";} .roundnum > li:nth-child(8):before{content:"⑧";} .roundnum > li:nth-child(9):before{content:"⑨";} .roundnum > li:nth-child(10):before{content:"⑩";} .roundnum > li:nth-child(11):before{content:"⑪";} /* template - text END */ /* template - form START 2018.09.13 KJB */ .w2input, .w2inputCalendar_divInput, .w2textarea{width:100%;height:45px;font-size:15px;color:#000;padding:11px 10px 9px 5px; border:1px solid #e5e8eb;box-sizing:border-box;-moz-box-sizing:border-box;} .w2input[type=password]{font-family:verdana;text-indent:0px;padding-top:5px;letter-spacing:1px;background:#fff !important;/* font-size:21px; */color:#637b98 !important;} .w2input[type=password]::-webkit-input-placeholder{/* letter-spacing:0; */font-family:Apple SD Gothic Neo,NanumBarunGothic;/* font-family:inherit; */} .w2input:-ms-input-placeholder, .w2textarea:-ms-input-placeholder{/* color:#afb2bc; */color:#8a9db4;} .w2input::-webkit-input-placeholder, .w2textarea::-webkit-input-placeholder{/* color:#afb2bc; */color:#8a9db4;} .w2input::-moz-placeholder, .w2textarea::-moz-placeholder{/* color:#afb2bc; */color:#8a9db4;} .w2input.inputfocus{border:1px solid #309fe2;} .cell.w40 .w2input[type=password]{padding-top:7px;letter-spacing:0px;font0size:14px;} /* .bgGray, .w2input_disabled, .w2input_readonly, .w2input[readonly=true], .w2inputCalendar_readOnly, .w2selectbox_disabled .w2selectbox_native_select{background-color:#ececec !important;color:#afb2bc !important;} */ .w2input.w2input_disabled.jumin{} .w2input_disabled,.w2inputCalendar_readOnly{background:transparent;} .w2selectbox_native{width:100%;height:45px;border:0;} .w2selectbox_native option{text-align:right;padding:10px 0;line-height:45px;border:1px solid #ff0000;} .w2selectbox_native .w2selectbox_native_select{height:45px;font-size:15px;color:#000;padding:10px 30px 10px 10px;border:1px solid #e5e8eb;box-sizing:border-box;-moz-box-sizing:border-box;background:url('/ibs/nfrc/images/ico_select.png') no-repeat right 10px center;background-size:13px;appearace:none;-webkit-appearance:none;-moz-appearance:none;} .w2selectbox_native .w2selectbox_native_select:focus{border:1px solid #309fe2;} .selectfocus{border:1px solid #333;} .w2inputCalendar_div{width:100%;height:45px;} .w2inputCalendar_div_input{padding-right:0;} .w2inputCalendar_divInput{width:100% !important;height:45px !important;padding-right:0;color:#afb2bc;font-family:Apple SD Gothic Neo,NanumBarunGothic,Verdana,Dotum,Helvetica;box-sizing:border-box;-moz-box-sizing:border-box;} .w2inputCalendar_divInput:focus{border:1px solid #333;} .w2inputCalendar_readOnly:focus{border:1px solid #e5e8eb;} .w2inputCalendar_div_img{width:45px;} .w2inputCalendar_button{width:22px;height:22px;background:url(/ibs/nfrc/images/btn_calender.png) no-repeat center center !important;background-size:100% !important;} .w2inputCalendar_button.w2inputCalendar_img_readOnly{cursor:default;opacity:0.5;} .w2checkbox .w2checkbox_item{position:relative;display:inline-block;margin:2px 20px 2px 0;} .w2checkbox.mr0 .w2checkbox_item{margin-right:0;} .w2checkbox .w2checkbox_item + .w2checkbox_item{} .w2checkbox .w2checkbox_item .w2checkbox_input{position:absolute;top:0;left:0;opacity:0;width:20px;height:20px;} .w2checkbox .w2checkbox_item .w2checkbox_input:focus + .w2checkbox .w2checkbox_item .w2checkbox_label{color:#ff000;} .w2checkbox .w2checkbox_item .w2checkbox_label{position:relative;display:block;min-height:20px;line-height:22px;padding-left:25px;font-size:15px;vertical-align:middle !important;} .w2checkbox .w2checkbox_item .w2checkbox_label:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url('/ibs/nfrc/images/ico_checkCircle.png') no-repeat;background-size:20px;} .w2checkbox .w2checkbox_item .w2checkbox_label.w2checkbox_disabled{color:#afb3bc;} .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background:url('/ibs/nfrc/images/ico_checkCircle_active.png') no-repeat;background-size:20px;} .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label.w2checkbox_disabled:before{background:url('/ibs/nfrc/images/ico_checkCircle_disabled.png') no-repeat;background-size:20px;} .check_list .w2checkbox .w2checkbox_item{width:50%;margin-right:0;margin-bottom:10px;} .w2checkbox.col1 .w2checkbox_item{display:block;} .w2checkbox.nolabel .w2checkbox_item{margin:0;} .w2checkbox.nolabel .w2checkbox_item .w2checkbox_label{font-size:0;line-height:0;} .chk_h2{} .chk_h2.w2checkbox .w2checkbox_item .w2checkbox_input{width:25px;height:25px;} .chk_h2.w2checkbox .w2checkbox_item .w2checkbox_label{font-size:20px;min-height:25px;line-height:25px;padding-left: 30px;} .chk_h2.w2checkbox .w2checkbox_item .w2checkbox_label:before{width:25px;height:25px;background-size: 25px;} .chk_h2.w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background-size: 25px;} .chk_h2 .w2checkbox_item{margin:0} .mr0 .w2checkbox_item{margin:0} .titlearea .chk_h2 + .w2anchor2[class*="btn_"]{vertical-align:middle;} .chk_link label{text-decoration:underline;color:#309fe2} .w2radio .w2radio_item{position:relative;display:inline-block;margin:2px 20px 2px 0;} .w2radio .w2radio_item + .w2radio_item{} .w2radio .w2radio_item .w2radio_input{position:absolute;top:0;left:0;opacity:0;visibility:hidden;width:20px;height:20px;} .w2radio .w2radio_item .w2radio_label{position:relative;display:block;height:20px;line-height:22px;padding-left:25px;font-size:15px;vertical-align:middle !important;} .w2radio .w2radio_item .w2radio_label:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url('/ibs/nfrc/images/ico_radio.png') no-repeat;background-size:20px;} .w2radio .w2radio_item .w2radio_label.w2radio_disabled{color:#afb3bc;} .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label:before{background:url('/ibs/nfrc/images/ico_radio_active.png') no-repeat;background-size:20px;} .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label.w2radio_disabled:before{background:url('/ibs/nfrc/images/ico_radio_disabled.png') no-repeat;background-size:20px;} .w2textarea{height:auto;word-break:break-all;overflow-y:auto;font-size:13px;line-height:20px;font-family:Apple SD Gothic Neo,NanumBarunGothic,Verdana,Dotum,Helvetica;} .w2radio.radio_btnty{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;justify-content:center;} .w2radio.radio_btnty + div, .w2radio.radio_btnty + ul, .w2radio.radio_btnty + dl{margin-top:10px} .w2radio.radio_btnty .w2radio_item{width:100%;margin:0;} .w2radio.radio_btnty .w2radio_item .w2radio_label{height:45px;line-height:45px;padding-left:0;text-align:center;border:1px solid #cad1d8;border-left-width:0;font-size:13px;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#f7f7f7;} .w2radio.radio_btnty .w2radio_item .w2radio_label:before, .w2radio.radio_btnty .w2radio_item .w2radio_label:after{display:none;} .w2radio.radio_btnty .w2radio_item:first-child .w2radio_label{border-left-width:1px;border-top-left-radius:5px;border-bottom-left-radius:5px;} .w2radio.radio_btnty .w2radio_item:last-child .w2radio_label{border-top-right-radius:5px;border-bottom-right-radius:5px;} .w2radio.radio_btnty .w2radio_item input[type="radio"]:checked + .w2radio_label{margin-left:-1px;color:#309fe2;border-left-width:1px;border-color:#309fe2;background-color:#fff;} .w2radio.radio_btnty.multi{display:block;} .w2radio.radio_btnty.multi .w2radio_item{display:inline-block;width:33.333%;margin-top:-1px;} .w2radio.radio_btnty.multi .w2radio_item:nth-child(1) .w2radio_label{border-top-left-radius:5px;} .w2radio.radio_btnty.multi .w2radio_item:nth-child(4) .w2radio_label{border-left-width:1px;border-bottom-left-radius:5px;} .w2radio.radio_btnty.multi .w2radio_item:nth-child(3) .w2radio_label{border-top-right-radius:5px;} .w2radio.radio_btnty.multi .w2radio_item:nth-child(6) .w2radio_label{border-bottom-right-radius:5px;} .w2radio.radio_btnty.multi .w2radio_item .w2radio_label{border-radius:0;} .w2radio.radio_btnty.multi .w2radio_item input[type="radio"]:checked + .w2radio_label{z-index:1;} .formarea.linebox > li.radio_slidewrap{display:block;max-height: 280px;overflow-y: auto;border-top-width: 0;} .radio_slidewrap .w2radio{display:block;} .radio_slidewrap .w2radio .w2radio_item{position:relative;display:block;margin:0;} .radio_slidewrap .w2radio .w2radio_item .w2radio_label{height:40px;padding-left:0;line-height:40px;text-align:right;font-size:16px;} .radio_slidewrap .w2radio .w2radio_item .w2radio_label:before, .radio_slidewrap .w2radio .w2radio_item .w2radio_label:after{display:none;} .radio_slidewrap .w2radio .w2radio_item .w2radio_label img{/* position:absolute;right:163px;top:9px; */ width:22px !important;height:22px !important;vertical-align: middle;margin-top: -2px;margin-right:4px;} .radio_slidewrap .w2radio .w2radio_item .w2radio_label span{display:inline-block;width:160px;text-align:left;} /* .radio_slidewrap .w2radio .w2radio_item .w2radio_label:before{position:static;display:inline-block;width:22px;height:22px;margin-right:6px;vertical-align:-5px;background:url('/ibs/nfrc/images/ico_banklogo.png') no-repeat 0 0;background-size:22px;} */ /* .radio_slidewrap .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label{background:#eaf8f6 url('/ibs/nfrc/images/ico_checkbank.png') no-repeat center right 12px;background-size:12px;} */ /* .radio_slidewrap .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label:before{background:url('/ibs/nfrc/images/ico_banklogo.png') no-repeat;background-size:22px;} */ .formarea.linebox > li.radio_slidewrap.exc{border-top-width: 1px;} .formarea.linebox > li.radio_slidewrap.exc .w2radio_label:before{content:"";display:inline-block;width:20px;height:20px;margin:10px 5px 0 15px;/* position:absolute;top:8px;left:50%;margin-left:-40px; */} .formarea.linebox > li.radio_slidewrap.exc .w2radio_item_0 .w2radio_label:before{background:url('/ibs/nfrc/images/ico_exc_usd.png') no-repeat;background-size:100% auto;} .formarea.linebox > li.radio_slidewrap.exc .w2radio_item_1 .w2radio_label:before{background:url('/ibs/nfrc/images/ico_exc_jpy.png') no-repeat;background-size:100% auto;} .formarea.linebox > li.radio_slidewrap.exc .w2radio_item_2 .w2radio_label:before{background:url('/ibs/nfrc/images/ico_exc_eur.png') no-repeat;background-size:100% auto;} .formarea.linebox > li.radio_slidewrap.exc .w2radio_item_3 .w2radio_label:before{background:url('/ibs/nfrc/images/ico_exc_cny.png') no-repeat;background-size:100% auto;} .formarea.linebox > li.radio_slidewrap.exc .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label{background-color:#e5e8eb;} .formarea.linebox > li.radio_slidewrap.exc .w2radio .w2radio_item .w2radio_label{line-height:43px;padding-left:40px;text-align:left;} #exchContBox + .tar.fr{font-size:15px;} .slidertemp{position:relative;margin:10px 10px 0 10px;} .slidertemp:before{content:"";display:block;position:absolute;top:14px;left:0;width:100%;height:2px;background-color:#cad1d9;} .slidertemp:after{content:"";display:block;position:absolute;top:14px;left:0;width:0%;height:2px;background-color:#2f9ee3;} .slidertemp .slidertag{position:relative;padding:0 20px;} .slidertemp .slidertag .tablecell{table-layout:fixed;} .slidertemp .slidertag .tablecell .cell{position:relative;height:20px;text-align:center;} .slidertemp .slidertag .tablecell .cell .tag{z-index:1;position:relative;left:50%;display:inline-block;/* width:52px; */min-width:44px;max-width:52px;height:20px;letter-spacing:-0.5px;line-height:20px;text-align:center;color:#637b98;} .slidertemp .slidertag .tablecell .cell:first-child{width:1px;} .slidertemp .slidertag .tablecell .cell:first-child .tag{position:absolute;top:0;left:-22px;} .w2input.slider[type="range"]{z-index:1;position:relative;-webkit-appearance:none;width:100%;height:30px;padding:0;margin:0;background:transparent;border:none;/* border-radius:5px;background:#cad1d9;_outline:none; */} .w2input.slider[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:30px;margin-top:-15px;border-radius:20px;border:1px solid #cad1d9;cursor:pointer;background:#fff url('/ibs/nfrc/images/btn_slider.png') no-repeat center center;background-size:50% auto;transition:background-color .25s;} .w2input.slider[type="range"]::-webkit-slider-runnable-track{height:2px !important;border-radius:5px;/* background:#cad1d9; */background:transparent;} .w2input.slider[type="range"]:hover::-webkit-slider-thumb{background-color:#eff3f7;} .w2input.slider[type="range"]:active::-webkit-slider-thumb{background-color:#cad1d9;} .w2input.slider[type="range"]::-moz-range-thumb{-webkit-appearance:none;width:40px;height:30px;margin-top:-15px;border-radius:20px;border:1px solid #cad1d9;cursor:pointer;background:#fff url('/ibs/nfrc/images/btn_slider.png') no-repeat center center;background-size:50% auto;transition:background-color .25s;} .w2input.slider[type="range"]::-moz-range-track{height:2px !important;border-radius:5px;background:#cad1d9;} .w2input.slider[type="range"]:hover::-moz-range-thumb{background-color:#eff3f7;} .w2input.slider[type="range"]:active::-moz-range-thumb{background-color:#cad1d9;} .w2input.slider[type="range"][max="1"]::-webkit-slider-thumb{margin-left:calc(50% - 20px);} .w2input.slider[type="range"][max="1"] + .slidertag .tablecell .cell:first-child .tag{left:50%;margin-left:-22px;} .pagelist{text-align:center;} .w2pageList_ul li{display:inline;padding:0} .w2pageList_ul li a{display: inline-block;width: 18px;height: 18px;margin: 0 5px;vertical-align: middle;border: 1px solid #8a9db4;border-radius: 50%;line-height: 20px;color:#8a9db4;font-size:15px} .w2pageList_ul li a.w2pageList_label_selected{color:#fff;font-weight:normal;background-color: #8a9db4} .w2pageList_ul li a.w2pageList_label_over{font-weight:normal;} .w2pageList_ul li .w2pageList_input{width: 18px;height: auto;margin-left: 6px;border:0;background-color:transparent;pointer-events: none;font-size:15px;text-align:right;color:#8a9db4;vertical-align:bottom;} .w2pageList_ul li span{font-size:15px;padding-right:10px;color:#8a9db4;vertical-align:bottom;} .w2pageList_ul li span:first-child{padding-right:0;padding-left:10px} .w2pageList_control_pagePrev.w2pageList_col_prevPage a img, .w2pageList_control_prev.w2pageList_col_prev a img, .w2pageList_control_next.w2pageList_col_next a img, .w2pageList_control_pageNext.w2pageList_col_nextPage a img{display:none;} .w2pageList_control_pagePrev.w2pageList_col_prevPage a, .w2pageList_ul li.w2pageList_col_prevPage a{width:20px;height:20px;border:0;margin:0 3px;background:url(/ibs/nfrc/images/btn_pagelist_first.png) no-repeat;background-size:100% auto;} .w2pageList_control_prev.w2pageList_col_prev a, .w2pageList_ul li.w2pageList_col_prev a{width:20px;height:20px;border:0;margin:0 3px;background:url(/ibs/nfrc/images/btn_pagelist_prev.png) no-repeat;background-size:100% auto;} .w2pageList_control_next.w2pageList_col_next a, .w2pageList_ul li.w2pageList_col_next a{width:20px;height:20px;border:0;margin:0 3px;background:url(/ibs/nfrc/images/btn_pagelist_next.png) no-repeat;background-size:100% auto;} .w2pageList_control_pageNext.w2pageList_col_nextPage a, .w2pageList_ul li.w2pageList_col_nextPage a{width:20px;height:20px;border:0;margin:0 3px;background:url(/ibs/nfrc/images/btn_pagelist_last.png) no-repeat;background-size:100% auto;} /* .w2input_readonly::-webkit-input-placeholder, .w2input[readonly=true]::-webkit-input-placeholder, .w2input[readonly=readonly]::-webkit-input-placeholder, .w2inputCalendar_div[readonly=readonly]::-webkit-input-placeholder, .w2input_disabled::-webkit-input-placeholder, .w2input[disabled=true]::-webkit-input-placeholder, .w2input[disabled=disabled]::-webkit-input-placeholder{color:#e6e5e5;} .w2input_readonly::-moz-placeholder, .w2input[readonly=true]::-moz-placeholder, .w2input[readonly=readonly]::-moz-placeholder, .w2inputCalendar_div[readonly=readonly]::-moz-placeholder, .w2input_disabled::-moz-placeholder, .w2input[disabled=true]::-moz-placeholder, .w2input[disabled=disabled]::-moz-placeholder{color:#e6e5e5;} */ /* template - form END */ /* template - button START */ .w2anchor2[class*="btn_"]{display:inline-block;overflow:hidden;text-align:center;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box;} /* .w2anchor2[class*="btn_"]:before, .w2anchor2[class*="btn_"]:after{content:"";display:inline-block;} */ .w2anchor2[class*="btn_"].w2anchor_disabled{color:#fff;background-color:#c9ccd0 !important;} .w2anchor2[class*="btn_"].big{min-width:100px;height:45px;line-height:45px;padding:0 15px;/* padding:15px 30px; */font-size:15px;} .w2anchor2[class*="btn_"].medium{min-width:80px;height:45px;line-height:45px;padding:0 10px;/* padding:8px 16px; */font-size:13px;} .w2anchor2[class*="btn_"].small{min-width:45px;height:20px;line-height:20px;padding:0 10px;/* padding:3px 6px; */font-size:13px;} .w2anchor2[class*="btn_"].big.multi{height:auto;min-height:45px;padding:4px 30px 3px 30px;line-height:18px;} .w2anchor2[class*="btn_"].medium.multi{height:auto;min-height:30px;padding:2px 24px;line-height:12px;font-size:12px;} .w2anchor2[class*="btn_"].small.multi{height:auto;min-height:30px;padding:2px 10px;font-size:12px;line-height:12px;} .btn_blue{color:#fff;background:#309fe2;} .btn_gray{color:#fff;background:#657d99;} .btn_line{color:#637b98;border:1px solid #cad1d8;background:#f7f7f7;} .btn_link{color:#309fe2;text-decoration:underline;} .underline{text-decoration:underline;} .btn_select.big, .w2anchor2.btn_select.big{display:block;min-width:100px;height:45px;line-height:45px;padding:0 30px 0 15px;overflow:hidden;text-align:right;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box;background:url('/ibs/nfrc/images/ico_select.png') no-repeat right 10px center;background-size:13px;font-size:15px;} .btn_select.big.ibk, .w2anchor2.btn_select.big.ibk{padding-right:15px;background:none;} .btn_select.big img{width:22px !important;height: 22px!important;vertical-align:middle;margin:-2px 4px 0 0;} .btn_select.big span{display:inline-block;width:130px;text-align:left;} .btn_select.big .exc_nation_name{width:auto;} .btn_select.big.exc_nation{font-size:15px;line-height:47px;text-align:left;} .btn_select.big.exc_nation:before{content:"";position:relative;top:4px;display:inline-block;width:20px;height:20px;margin-right:5px;} .btn_select.big.exc_nation.USD:before{background:url('/ibs/nfrc/images/ico_exc_usd.png') no-repeat;background-size:100% auto;} .btn_select.big.exc_nation.JPY:before{background:url('/ibs/nfrc/images/ico_exc_jpy.png') no-repeat;background-size:100% auto;} .btn_select.big.exc_nation.EUR:before{background:url('/ibs/nfrc/images/ico_exc_eur.png') no-repeat;background-size:100% auto;} .btn_select.big.exc_nation.CNY:before{background:url('/ibs/nfrc/images/ico_exc_cny.png') no-repeat;background-size:100% auto;} .btn_tooltip{font-size:0;line-height:0;width:15px;height:15px;background:url(/ibs/nfrc/images/btn_tooltip.png) no-repeat;background-size:100% auto;} .btn_location{width:45px;height:45px;font-size:0;line-height:0;background:url(/ibs/nfrc/images/btn_location.png) no-repeat center center;background-size:20px 24px;} .btn_camera{opacity:0;position:absolute;top:0;left:0;width:100%;height:45px;font-size:0;cursor:pointer;border:none;background:none;} .btn_camera + .btn_blue.w2anchor_disabled{background-color:#309fe2;} .btn_camera + .btn_gray.w2anchor_disabled{background-color:#657d99;} .btn_blue:active{background-color:#00598c;} .btn_gray:active{background-color:#444;} .btn_line:active{background-color:#efefef;} .btnarea{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;justify-content:center;/* justify-content:space-between; */} .btnarea .w2anchor2[class*="btn_"]{width:100%;min-width:auto;} .btnarea.per30, .btnarea.per50, .btnarea.per70{display:inline-flex;display:-webkit-inline-flex;display:-moz-inline-flex;} .btnarea.per30 .btn_camera{width:30%;} .btnarea.per50 .btn_camera{width:50%;} .btnarea.per70 .btn_camera{width:70%;} .btnfixarea .btnarea .w2anchor2[class*="btn_gray"]:first-child{width:30%} .btnfixarea .btnarea .w2anchor2[class*="btn_gray"] + .w2anchor2[class*="btn_blue"]{width:70%} .btnfixarea .btnarea .w2anchor2[style*="display"] + .w2anchor2[class*="btn_blue"]{width:100%} /* .btnarea .w2anchor2[class*="btn_"]:first-child{margin-left:0;} .btnfixarea .btnarea .w2anchor2[class*="btn_"]{margin:0;} */ .btnarea.mediumarea{} .btnarea.mediumarea .w2anchor2[class*="btn_"]{border-left-width:0;} .btnarea.mediumarea .w2anchor2[class*="btn_"]:first-child{border-left-width:1px;border-top-left-radius:5px;border-bottom-left-radius:5px;} .btnarea.mediumarea .w2anchor2[class*="btn_"]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;} .btnarea.mediumarea .w2anchor2[class*="btn_"].active{color:#309fe2;border-left-width:1px;border-color:#309fe2;background-color:#fff;} .btnarea.mediumarea .w2anchor2[class*="btn_"] + .active{margin-left:-1px;} .btn_blue{background:#657d99;} .btnfixarea .btnarea .btn_blue{background:#309fe2;} .btnfixarea .btnarea .w2anchor2[class*="btn_"].big{font-size:17px;line-height:47px;} .popupWrap .btn_blue{background:#309fe2;} /* .btnarea{display:table;width:100%;} .btnarea .w2anchor2[class*="btn_"]{vertical-align:middle;display:table-cell;} */ /* template - button END */ .zip .btn_line.small{padding:0 8px;border-radius:3px;height:25px;line-height:25px;white-space:nowrap} /* template - tooltip START */ .tooltiparea{} .tooltiparea .listdash > li:before,.tooltiparea .txdash:before{content:"⋅";position:absolute;top:0px;left:0px;} .tooltiparea .btn_tooltip{margin-left:5px;} .tooltiparea .tooltip_cont{display:none;margin-top:10px !important;margin-left:-15px;margin-right:-15px;/* padding:20px 25px 20px 15px; */background-color:#34495e;} /* .tooltiparea.active .title{color:#309fe2;} */ .tooltiparea.active .btn_tooltip{background:url(/ibs/nfrc/images/btn_tooltip_active.png) no-repeat;background-size:100% auto;} .tooltiparea.active .tooltip_cont{display:block;} .tooltiparea .tooltip_cont{position:relative;color:#fff;} .tooltiparea .tooltip_cont .btn_tooltip_close{position:absolute;top:20px;right:15px;display:block;width:11px;height:11px;font-size:0;line-height:0;background:url(/ibs/nfrc/images/btn_tooltip_close.png) no-repeat;background-size:100% auto;} .tooltiparea .tooltip_cont dt{font-size:15px;padding:0px 25px 10px 15px;/* padding-bottom:10px; */} .tooltiparea .tooltip_cont dt:first-child{padding-top:20px} .tooltiparea .tooltip_cont > .w2textbox, .tooltiparea .tooltip_cont dd{line-height:18px;padding:20px 25px 20px 15px;} .tooltiparea .tooltip_cont dt + dd{padding-top:0 !important;} .tooltiparea .tooltip_cont dd .tit{/* color:#00eadd; */font-size:15px;padding:15px 0 6px;} .tooltiparea .tooltip_cont dd .tit:first-child{padding-top:0;} .tooltiparea .tooltip_cont dd .listdash > li:first-child, .listdot > li:first-child{margin-top:0;} .tooltiparea .tooltip_cont dd .tooltip_imgarea{text-align:center;height:90px;margin-top:7px;} .tooltiparea .tooltip_cont dd .tooltip_imgarea > div{display:inline-block;width:90px;height:90px;margin:0 12px;} .tooltiparea .tooltip_cont dd .tooltip_imgarea > .atmguide01{background:url(/ibs/nfrc/images/img_atmguide01.png) no-repeat;background-size:100% auto;} .tooltiparea .tooltip_cont dd .tooltip_imgarea > .atmguide02{background:url(/ibs/nfrc/images/img_atmguide02.png) no-repeat;background-size:100% auto;} .tooltiparea .tooltip_cont dd .tooltip_imgarea > .atmguide03{background:url(/ibs/nfrc/images/img_atmguide03.png) no-repeat;background-size:100% auto;} .tooltiparea .tooltip_cont dd .tooltip_imgarea > .otp01{background:url(/ibs/nfrc/images/img_tooltipotp01.png) no-repeat;background-size:100% auto;} .tooltiparea .tooltip_cont dd .tooltip_imgarea > .otp02{width:110px;background:url(/ibs/nfrc/images/img_tooltipotp02.png) no-repeat;background-size:100% auto;} /* template - tooltip END */ /* template - tab START */ .tab{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;justify-content:center;justify-content:space-between;} .tab li{width:100%;overflow:hidden;} .tab li a{position:relative;overflow:hidden;display:block;width:100%;height:40px;font-size:14px;text-align:center;line-height:40px;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #d9d9d9;box-sizing:border-box;-moz-box-sizing:border-box;} .tab li a.selected{color:#0080c8;border-bottom:2px solid #0080c8;background:none;} .tab.boxtype{} .tab.boxtype li{border-left:1px solid #cecece;} .tab.boxtype li:first-child{border-left:none;} .tab.boxtype li a{border-top:1px solid #d9d9d9;background-color:#ededed;} .tab.boxtype li a.selected{border-bottom:none;background-color:#fff;} .w2tabcontrol .w2tabcontrol_contents_wrapper{padding:20px 15px 30px 15px;box-sizing:border-box;overflow:hidden;} /* .w2tabcontrol.bggray .w2tabcontrol_contents_wrapper{background-color:#f7f7f7;} */ .contarea.complate + .w2tabcontrol.tabc02.bgtype{background-color:#f7f7f7;} .w2tabcontrol .w2tabcontrol_contents_wrapper .tab_full{margin:-20px -15px 0} .w2tabcontrol.nopad .w2tabcontrol_container, .w2tabcontrol.nopad .w2tabcontrol_contents_wrapper{height:1px !important;} .w2tabcontrol .w2tabcontrol_container{height:auto !important;background:transparent;/* margin-top:-1px; */} .w2tabcontrol.tabc01{overflow:hidden;} .w2tabcontrol.tabc01 .w2tabcontrol_tabhost{height:auto;float:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;justify-content:center;justify-content:space-between;} .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left{display:none;} .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabc01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background-image:none;} .w2tabcontrol.tabc01 .w2tabcontrol_container{position:relative;border:solid #ccc;border-width:1px 0 0;} .w2tabcontrol.tabc01 .w2tabcontrol_tabhost li{overflow:hidden;width:100%;height:39px;margin-right:0;} .w2tabcontrol.tabc01 .w2tabcontrol_tabhost li a{position:relative;top:0;width:inherit;height:39px;margin:0;padding:0;border:1px solid #ccc;background-color:#f9f9f9;font-size:14px;font-weight:normal;line-height:39px;color:#666;} .w2tabcontrol.tabc01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{z-index:2;line-height:38px;border-color:#3579d4;background-color:#3579d4;color:#fff;} .w2tabcontrol.tabc01 .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{content:'';display:block;position:relative;z-index:10;width:100%;top:40px;height:2px;background-color:#3579d4;} .w2tabcontrol.tabc02{overflow:hidden;border-top:1px solid #eff1f3;box-sizing:border-box;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost{height:auto; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;justify-content:center;justify-content:space-between;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left{display:none;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabc02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{height:40px;background-image:none;} .w2tabcontrol.tabc02 .w2tabcontrol_container{position:relative;border:solid #e0e2e5;border-width:1px 0 0;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost li{overflow:hidden;width:100%;margin-right:0;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost li:before{display:block;content:"";position:absolute;top:12px;left:0;width:1px;height:15px;background-color:#e0e2e5;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost li:first-child:before{display:none;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost li a{display:inline-block;position:static;width:inherit;height:40px;line-height:40px;margin:0;color:#8a9db4;font-size:14px;font-weight:normal;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost li.w2tabcontrol_active a{line-height:36px;color:#309fe2;} .w2tabcontrol.tabc02 .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{content:'';display:block;position:relative;z-index:1;width:100%;top:38px;height:2px;background-color:#309fe2;} .w2tabcontrol.tabc02.bgtype{} .w2tabcontrol.tabc02.bgtype .w2tabcontrol_tabhost{background-color:#f7f7f7;} .w2tabcontrol.tabc02.bgtype .w2tabcontrol_tabhost li{background-color:transparent;} .w2tabcontrol.tabc02.bgtype .w2tabcontrol_tabhost li:before{display:none;} /* template - tab END */ /* template - table START */ .tblwrap{} .tbl{position:relative;width:100%;border-right:0 hidden #fff;border-left:0 hidden #fff;background-color:#fff;} .tbl .w2tb_th{font-weight:normal;} .tbl .w2tb_th, .tbl .w2tb_td{height:30px;padding:5px;border-color:#e5e8eb;} .tbl .w2tb_th{color:#637b98;background-color:#f7f7f7;} .tbl .w2tb_td{white-space:normal;word-wrap:break-word;} .tbl > tbody > tr.total .w2tb_th, .tbl > tbody > tr.total .w2tb_td{background:#fbe6e1;} .tbl > tfoot > tr > .w2tb_td{text-align:center;border-top-width:2px;background-color:#f7f7f7;} .tbl.thover > tbody > tr:hover{background:#edf3fb;} /* .tbl > thead > tr:first-child th, .tbl > tbody > tr:first-child th, .tbl > tbody > tr:first-child td{border-top:1px solid #8a9db4;} */ .tbl:before{content:"";position:absolute;top:0;left:0;width:100%;border-top:1px solid #8a9db4;} /* template - table END */ /* template - grid START */ .grdwrap{} .grd{width:100%;height:100px;} .grd .gridHeaderTableDefault{border-right:0 hidden #fff;border-left:0 hidden #fff;} .grd.w2grid th.gridHeaderTDDefault, .grd .gridBodyDefault{font-size:inherit;height:40px;border:1px solid #d9d9d9;} .grd.w2grid th.gridHeaderTDDefault{font-weight:normal;background:#f6f2ef;} .grd .gridBodyDefault{} /* template - grid END */ /* template - formlayout START */ .formarea{display:block;width:100%;padding:10px 0;/* border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; */} .formarea li{display:table;table-layout:fixed;width:100%;} .formarea li .cell{position:relative;display:table-cell;height:40px;padding:5px 0 5px 5px;vertical-align:middle;} .formarea li .cell > .tablecell .cell:first-child{padding-left:0;} .formarea li .cell > .tablecell:first-child .cell{padding-top:0;} .formarea li .cell.tit{z-index:1;width:90px;padding:5px 5px 5px 0;} /*.formarea li .cell.zip{width:75px;} */ .formarea li.line{margin:5px 0;padding:5px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .formarea li.singletit.line{padding:0;} .formarea li.singletit > .cell{padding:10px 0;} .formarea li.singletit > .cell > .tit{padding-bottom:10px;} .formarea.line li{border-top:1px solid #d9d9d9;} .formarea.line li:first-child{border-top:0;} .formarea li .tit{color:#000;} .formarea li.btngrp{table-layout:auto} .formarea.output2{padding:5px 0;} .formarea.output2 li > .cell{height:30px;} .formarea.output2 .w2input, .formarea.output2 .w2inputCalendar_divInput{height:30px;padding: 5px;} .formarea.output2 .w2selectbox_native{height:30px;} .formarea.output2 .w2selectbox_native .w2selectbox_native_select{height:30px;padding:5px 25px 5px 5px;} .formarea.output2 .w2inputCalendar_div{height:30px;} .formarea.output2 .w2inputCalendar_divInput{height:30px !important;} .formarea.output2 .w2inputCalendar_button{width:30px;height:30px;} .formarea.linebox{padding:0;} .formarea.linebox + .formarea.linebox{margin-top:10px;} .formarea.linebox > li{position:relative;margin-top:-1px;border:1px solid #e5e8eb;box-sizing:border-box;background-color:#fff;} .formarea.linebox > li.focus{z-index:1;border:1px solid #309fe2;} .formarea.linebox > li.focus .bl{border-color:#309fe2;} .formarea.linebox > li:first-child{margin-top:0;} .formarea.linebox li .cell{padding:0;height:45px;} .formarea.linebox li .cell.tit{padding:0 0 0 10px;color:#637b98;} .formarea.linebox li .cell.tit.big{font-size:15px;} .formarea.linebox li.subtxt{/* border-left:0;border-right:0; */border:0;background-color:transparent;} .formarea.linebox li.subtxt .cell{height:auto;padding:10px 0 20px 0;} #group_passwd_area > .formarea{margin-top:-1px;} .formarea.linebox li .cell.zip{padding:0 10px;/* width:75px */; text-align:right;} .formarea.linebox li.smscomp{border:0;background-color:transparent;} .formarea.linebox li.smscomp .cell{text-align:center;font-size:16px;height:auto;padding:20px 0;} .formarea.linebox li.smscomp .cell:before{content:"";display:inline-block;width:40px;height:40px;vertical-align:middle;margin-right:5px;background: url('/ibs/nfrc/images/ico_comp.png') no-repeat center;background-size:100% auto;} /* .formarea.linebox li .cell.tit + .cell .w2input_disabled, .formarea.linebox li .cell.tit + .cell .w2input_readonly, .formarea.linebox li .cell.tit + .cell .w2input[readonly=true], .formarea.linebox li .cell.tit + .cell .w2inputCalendar_div[readonly=readonly], .formarea.linebox li .cell.tit + .cell .w2selectbox_disabled{position:relative;margin-left:-100px;width:calc(100% + 100px);} .formarea.linebox li .cell.tit + .cell .w2inputCalendar_div[readonly=readonly] .w2inputCalendar_div_input{width:calc(100% - 45px) !important;padding-right:0;} .formarea.linebox li .cell.tit + .cell .w2inputCalendar_div[readonly=readonly] .w2inputCalendar_div_img{background-color:#ececec;} */ .formarea.linebox li.multi > .cell.tit{vertical-align: top;padding-top: 13px;} .formarea.linebox li.multi > .cell{padding: 11px 10px;} .formarea.linebox li.multi > .cell .tablecell .cell{height:20px} .formarea.linebox li.multi > .cell .tablecell .cell.tit{color:#8b9db5} .formarea.linebox .w2input, .formarea.linebox .w2inputCalendar_divInput{border:0;text-align:right;/* background:transparent; */} .formarea.linebox .w2selectbox_native .w2selectbox_native_select{border:0;direction:rtl;} .formarea.linebox .w2selectbox_native .w2selectbox_native_select option{direction:ltr;} .formarea.linebox.output{font-size:15px;border-top:1px solid #cbced1;border-bottom:1px solid #e0e2e5;} .formarea.linebox.output > li{border:0;background-color:transparent;} .formarea.linebox.output li .cell{text-align:right;padding-right:10px;} .formarea.linebox.output li .tablecell .cell{padding-right:0} .formarea.linebox.output li .cell.tit{font-size:13px;text-align:left;} .formarea.linebox.output .w2input, .formarea.linebox.output .w2inputCalendar_divInput{border:1px solid #e5e8eb;} .formarea.linebox.output.exc{border:0} .formarea.linebox.output.exc li{margin-top:20px} .formarea.linebox.output.exc li:first-child{margin-top:0} .formarea.linebox.output.exc li .cell{padding-right:0px;font-size:13px;color:#3c4958;text-align:left;vertical-align:top} .formarea.linebox.output.exc li .cell.icon{width:30px;padding-right:10px;background: url('/ibs/nfrc/images/ico_exc01.png') no-repeat top 2px left;background-size: 29px;} .formarea.linebox.output.exc li:nth-child(2) .cell.icon{background: url('/ibs/nfrc/images/ico_exc02.png') no-repeat top 2px left;background-size: 31px;} .formarea.linebox.output.exc li:nth-child(3) .cell.icon{background: url('/ibs/nfrc/images/ico_exc03.png') no-repeat top 2px left;background-size: 31px;} .formarea.linebox.output.exc li:nth-child(4) .cell.icon{background: url('/ibs/nfrc/images/ico_exc04.png') no-repeat top 2px left;background-size: 31px;} .formarea.linebox.output.exc li:nth-child(5) .cell.icon{background: url('/ibs/nfrc/images/ico_exc05.png') no-repeat top 2px left;background-size: 31px;} .formarea.linebox.output.exc li:nth-child(6) .cell.icon{background: url('/ibs/nfrc/images/ico_exc06.png') no-repeat top 2px left;background-size: 31px;} .formarea.linebox.output.exc li .cell .tit{color:#6b38bc;font-size:17px} .formarea.linebox.output.exc li .cell .tit + .w2textbox{font-size:15px;margin-top:5px;} .formarea.linebox.output.noresult:before, ul.noresult:before, dl.noresult:before, .eventWrap.noresult:before{content:"조회결과가 없습니다.";display:block;padding-top:35px;text-align:center;margin:35px 0 45px 0;color:#637b98;background: url('/ibs/nfrc/images/ico_noresult.png') no-repeat center top;background-size:25px;} .formarea.linebox.output.noresult1:before, ul.noresult1:before, dl.noresult1:before, .eventWrap.noresult1:before{content:"조회결과가 없습니다.\A영업점명 확인 후 다시 조회해주세요.";white-space:pre;display:block;padding-top:35px;text-align:center;margin:35px 0 45px 0;color:#637b98;background: url('/ibs/nfrc/images/ico_noresult.png') no-repeat center top;background-size:25px;} .formarea.linebox.output.noresult2:before, ul.noresult2:before{content:"검색결과를 찾을 수 없습니다.";display:block;padding-top:35px;text-align:center;margin:35px 0 45px 0;color:#637b98;background: url('/ibs/nfrc/images/ico_noresult.png') no-repeat center top;background-size:25px;} dl.noresult, .finance_board.noresult, .finance_board.noresult1{background-color:transparent !important;} /* template - formlayout END */ /* template - popup START */ .dimmedWrap{position:fixed;left:0;top:0;z-index:9998;width:100%;height:100%;background:#000;filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75} .popupWrap{position:fixed;left:0;top:0;display:table;z-index:10000;width:100%;height:100%} .popupWrap .tableCellBox{display:table-cell;vertical-align:middle} .popupWrap .bgBox01{position:relative;overflow:hidden;width:304px;margin:0 auto;border-radius:5px;/* border:1px solid #efefef;box-sizing:border-box; */background:#fff;} .popupWrap .bgBox01.full{width:100%;height:100%;border-radius:0} .popupWrap .bgBox01 .btn_close, .popwrap > .content > .btn_close{position:absolute;top:15px;right:15px;width:12px;height:12px;font-size:0;line-height:0;background:url(/ibs/nfrc/images/btn_fullpop01_close.png) no-repeat center center;background-size:12px;} .popupWrap .bgBox01 .btn_close.white{background:url(/ibs/nfrc/images/btn_fullpop02_close.png) no-repeat center center;background-size:14px;width:14px;height:14px}/*2020.10.13_추가*/ .popupWrap .popTop{display:none;padding:10px 0 11px 0;border-bottom:1px solid #b2b2b2} .popupWrap .popTop h1, .popupWrap .popTop h2{font-size:20px;color:#084a80;font-weight:bold;text-align:center} .popupWrap .popMid .contarea{padding:30px 25px !important;font-size:15px;text-align:center;line-height:20px;} .popupWrap .popMid .contarea p.subtx{margin-top:15px;font-size:13px;color:#637b98;line-height:18px;} /* .popupWrap .popMid h2{height:34px;border-bottom:1px solid #ececec;background:#eff6fc;color:#084a80;text-align:center;font-weight:bold;font-size:15px;line-height:34px} */ .popupWrap .popBtm .btnarea{display:table;table-layout:fixed;width:100%;} .popupWrap .popBtm .btnarea .w2anchor2[class*="btn_"]{display:table-cell;margin:0;padding:10px;min-width:auto;width:auto;vertical-align:middle;line-height:inherit;} .popupWrap .popBtm .btnarea .btn_line{border-left:none;border-right:none;border-bottom:none;background-color:#fff;} .popupWrap.defaultpop{} .popupWrap.defaultpop .tableCellBox{padding:0 10px;} .popupWrap.defaultpop .bgBox01{width:100%;height:auto;} .popupWrap.scrollpop{} .popupWrap.scrollpop .tableCellBox{padding:0;} .popupWrap.scrollpop .bgBox01{position:absolute;top:15px;left:15px;right:15px;bottom:15px;width:auto;} .popupWrap.scrollpop .bgBox01 .popMid{height:100%;overflow:hidden;overflow-y:auto;} .popupWrap.scrollpop.poptopfix .popTop, .popupWrap.scrollpop.popbtmfix .popBtm{display:block;} .popupWrap.scrollpop.poptopfix .bgBox01 .popMid, .popupWrap.scrollpop.popbtmfix .bgBox01 .popMid{height:calc(100% - 45px);} .popupWrap.scrollpop.popbtmfix.poptopfix .bgBox01 .popMid{height:calc(100% - 90px);} /* template - popup END */ /* waring - START */ .waringarea{color:#637b98;} .waringarea .tit{display:block;/* min-height:35px; */font-size:14px;padding:10px 30px 9px 15px;} .waringarea dt a.tit{background:url(/ibs/nfrc/images/ico_waring_close.png) no-repeat right 15px center;background-size:14px auto;} .waringarea dt a.tit.active{background:url(/ibs/nfrc/images/ico_waring_open.png) no-repeat right 15px center;background-size:14px auto;} .waringarea dd{display:none;padding:0 15px 15px;} .waringarea dd .tit{padding:15px 0 9px 0;} .waringarea dd > .listdash > li, .waringarea dd > .listdot > li{margin-top:10px;} .waringarea dd > .listdash > li:first-child, .waringarea dd > .listdot > li:first-child{margin-top:0;} .waringarea dd > .listdash > li:before, .waringarea dd .txdash:before{content:"⋅" !important;} /* waring - END */ /* box type - START */ .boxty01{padding:20px 15px;box-sizing:border-box;border-radius:10px;border:1px solid #309fe2;background-color:#fff;} /* box type - END */ /* inputX - START */ .ipt_reset input{transition:padding 0.3s} .ipt_reset a{display:block;visibility:hidden;opacity:0;width:45px;height:45px;position: absolute;right: 0px;top: 0;font-size:0;line-height:0;overflow:hidden;} .ipt_reset a:before{content:"";position:absolute;display:block;width:20px;height:20px;border-bottom:2px solid gray;opacity:1;transition:all 0.3s} .ipt_reset a:after{content:"";position:absolute;display:block;width:20px;height:20px;border-bottom:2px solid gray;opacity:1;transition:all 0.3s} .ipt_reset input.rfocus{padding-right:45px;} .ipt_reset input.rfocus + a{visibility:visible;opacity:1;} .ipt_reset input.rfocus + a:before{opacity:1;transform: rotate(-45deg) translate(2px,10px);} .ipt_reset input.rfocus + a:after{opacity:1;transform: rotate(45deg) translate(20px,-12px);} /* .ipt_reset input{transition:padding 0.3s} .ipt_reset a{z-index:10;display:block;width:20px;height:20px;font-size:0;line-height:0;position: absolute;right: 5px;top: 13px;overflow:hidden;background:#ccc;} .ipt_reset a:before{content:"";position:absolute;display:block;width:20px;height:1px;border-bottom:2px solid gray;opacity:0;_transition:all 0.3s;} .ipt_reset a:after{content:"";position:absolute;display:block;width:20px;height:1px;border-bottom:2px solid gray;opacity:0;_transition:all 0.3s;} .ipt_reset input:focus{padding-right:30px;} .ipt_reset input:focus + a{width:20px;} .ipt_reset input:focus + a:before{opacity:1;transform: rotate(-45deg) translate(-6px,5px);} .ipt_reset input:focus + a:after{opacity:1;transform: rotate(45deg) translate(6px,6px);} */ /* .focus .ipt_reset input{padding-right:30px;} .focus .ipt_reset input + a{width:20px} .focus .ipt_reset input + a:before{opacity:1;transform: rotate(-45deg) translate(2px,-6px);} .focus .ipt_reset input + a:after{opacity:1;transform: rotate(45deg) translate(2px,-10px);} */ /* inputX - END */ /* agree START - 2018.09.11 CSM */ .chk_agreebox,.txt_agreebox{border:1px solid #ddd;background:#fff;} .chk_agreebox + .chk_agreebox,.txt_agreebox + .txt_agreebox,.chk_agreebox + .txt_agreebox,.txt_agreebox + .chk_agreebox{margin-top:10px;} .chk_agreebox .w2checkbox + a{float:right;display:inline-block;width:40px;height:44px;background: url('/ibs/nfrc/images/ico_arrow.png') no-repeat center right 10px;background-size: 5px 9px; font-size:0; line-height:0;} .chk_agreebox > a{display:block; padding:12px 37px 12px 10px; background: url('/ibs/nfrc/images/ico_arrow.png') no-repeat center right 10px;background-size: 5px 9px; font-size:15px; line-height:20px;} .chkLink label{display:inline-block;} .chkLink .w2checkbox .w2checkbox_item{margin-right:0;} .chkLink a{display:inline-block; width:30px;height:44px;background: url('/ibs/nfrc/images/ico_arrow.png') no-repeat 50%;background-size: 5px 9px; vertical-align:middle;} .chk_agreebox .w2checkbox{width:calc(100% - 40px);} .chk_agreebox .w2checkbox .w2checkbox_item{width:100%;margin:0;} .chk_agreebox .w2checkbox .w2checkbox_item .w2checkbox_label{display:inline-block;height:auto;line-height:20px;padding:14px 0 12px 37px;font-size:15px;} .chk_agreebox .w2checkbox .w2checkbox_item .w2checkbox_label:before{top:12px;left:10px;background: url('/ibs/nfrc/images/ico_checkCircle.png') no-repeat center;background-size: 20px;} .chk_agreebox.ty02 > dt .w2checkbox .w2checkbox_item .w2checkbox_label{display:inline-block;height:auto;line-height:20px;padding:14px 0 12px 37px;font-size:15px}/* 2021.05.11_추가 */ .chk_agreebox.ty02 > dt .w2checkbox .w2checkbox_item .w2checkbox_label:before{top:50%;left:10px;width:20px;height:20px;background: url('/ibs/nfrc/images/ico_checkCircle.png') no-repeat center;background-size: 20px;margin-top:-10px}/* 2021.05.11_추가 */ .chk_agreebox.ty02 > dt .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background: url('/ibs/nfrc/images/ico_checkCircle_active.png') no-repeat center;background-size: 20px;}/* 2021.05.11_추가 */ .chk_agreebox .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background: url('/ibs/nfrc/images/ico_checkCircle_active.png') no-repeat center;background-size: 20px;} .chk_agreebox dt{} .chk_agreebox dd{padding:15px 10px;border-top:1px solid #ddd} .chk_agreebox ul li .w2textbox{width:calc(100% - 30px);line-height: 20px;color: #999;} .chk_agreebox ul li .w2checkbox + a{width:30px;height:30px;background-position: center right;} .chk_agreebox ul li .w2checkbox .w2checkbox_item .w2checkbox_label{padding:5px 0 5px 14px;font-size:13px;} .chk_agreebox ul li .w2checkbox .w2checkbox_item .w2checkbox_label:before{width:9px;height:7px;background: url('/ibs/nfrc/images/ico_checkSmall.png') no-repeat center;background-size: 9px 7px;} .chk_agreebox ul li .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background: url('/ibs/nfrc/images/ico_checkSmall_active.png') no-repeat center;background-size: 9px 7px;} .chk_agreebox dd .w2checkbox[class *= "chk_col"]{width:100%;} .chk_agreebox dd .w2checkbox.chk_col2 .w2checkbox_item{width:50%} .chk_agreebox dd .w2checkbox.chk_col4 .w2checkbox_item{width:25%} .chk_agreebox dd .w2checkbox .w2checkbox_item .w2checkbox_label{height:auto;padding:10px 10px 10px 30px;font-size:16px;} .chk_agreebox dd .w2checkbox .w2checkbox_item .w2checkbox_label:before{top:10px;left:0;} .chk_agreebox dd .w2textbox{color:#6d7185;line-height:20px;} .chk_agreebox dt.none_chk .w2checkbox .w2checkbox_item .w2checkbox_label{padding-left:10px;pointer-events: none;} .chk_agreebox dt.none_chk .w2checkbox .w2checkbox_item .w2checkbox_label:before{display:none} .txt_agreebox dt .w2textbox{display:inline-block;height:auto;line-height:20px;padding:12px 10px 12px 10px;font-size:15px;} .txt_agreebox dd{padding:15px 10px;border-top:1px solid #ddd} .txt_agreebox dd .w2textbox{color:#6d7185;line-height:20px;} .chk_agreebox.toggle dt a{background:url('/ibs/nfrc/images/ico_waring_close.png') no-repeat center right 10px;background-size:9px} .chk_agreebox.toggle dt a.open{background:url('/ibs/nfrc/images/ico_waring_open.png') no-repeat center right 10px;background-size:9px} .chk_agreebox.toggle dd{display:none} .grp_agree{padding:15px;font-size:12px;color:#676767;line-height:16px;} .grp_agree .telecom > * + *, .grp_agree > * + *{margin-top:20px} .grp_agree .telecom > .w2textbox + ul, .grp_agree > .w2textbox + ul{margin-top:0} .grp_agree .titlearea{padding:0 0 20px;} .grp_agree h2{font-size:15px;color:#000} .grp_agree h3{font-size:14px;color:#000} .grp_agree .box1{padding:5px !important;border:1px solid #b2b2b2 !important;} .grp_agree .box2{padding:5px !important;border:1px solid #b2b2b2 !important;background-color: #f7f7f7 !important;} .grp_agree .font_red,.grp_agree .txt_red{color:#ff5a00 !important;} .grp_agree .telecom .tbl + .w2textbox, .titlearea + .w2textbox {margin-top:0} .grp_agree .listdash > li, .grp_agree .listdot > li, .grp_agree .listacc > li, .grp_agree .listnum > li, .grp_agree .roundnum > li, .grp_agree .ganada > li{margin-top:0} /* agree END */ /* findAddress START */ .findaddress_result{} .findaddress_result .addresult_tit{height:25px;line-height:25px;padding:0 15px;background-color:#e5e8eb;} .findaddress_result .addresult_list{/* padding-bottom:50px; */ background-color:#fff;} .findaddress_result .addresult_list li a{display:flex;overflow:hidden;padding:20px 15px;} .findaddress_result .addresult_list li{border-top:1px solid #e5e8eb;} .findaddress_result .addresult_list li:first-child{border-top:0;} .findaddress_result .addresult_list li .detail{display:block;float:left;width:100%;margin-right:10px} .findaddress_result .addresult_list li .num{display:block;color:#309fe2;float:right;white-space:nowrap;} .findaddress_result .addresult_list.noresult,.findaddress_result .addresult_list.noresult1,.findaddress_result .addresult_list.noresult2{background-color:transparent;} #findAddress_wrap .w2tabcontrol_contents_wrapper > .mb15.fc_gry2{font-size:15px; line-height:20px;} /* findAddress END */ /* findpoint START */ .findpoint{} .findpoint.formarea.linebox li .cell{height:60px;} .findpoint.formarea.linebox li .cell:first-child{padding-left:10px;} /* findpoint END */ /* card_list START(CSM edit - 09.21) */ .list_card{text-align:center;padding:0 25px;} .list_card > li{max-width:400px;margin:0 auto;} .list_card > li + li{margin-top:23px;} .list_card li > ul{margin-top:10px;text-align:left;} .list_card li > ul li{display:inline-block;font-size:12px;color:#637b98} /* .list_card li > ul li:before{content:"#";display:inline-block;} */ .list_card li > ul li{margin-right:10px;margin-bottom:7px} .list_card li > a{position:relative;display:block;min-height:139px;margin:0 auto;border-bottom-left-radius:7px;border-bottom-right-radius:7px;box-sizing:border-box;color:#fff;box-shadow: 0px 0px 20px 0px #b3b3b3;overflow:hidden;} .list_card li a img{display:block;width:100%;height:100%;} .list_card li a > .w2textbox{position:absolute;left:20px;top:20px;font-size:24px;} .list_card.chk li .tit{position:absolute;left:20px;top:20px;font-size:20px;color:#fff;padding-right:5px;text-align:left} .list_card.chk > li > div{position:relative;} .list_card.chk > li > div > a{display:block;} .list_card.chk > li .chk_dim{position:absolute;width:85%;height:100%;background:rgba(0,0,0,0.7);border-radius:10px;overflow: hidden;transition:all 0.3s;} .list_card.chk > li .chk_dim > *{min-width:180px} .list_card.chk > li .chk_dim .tit, .list_card.chk > li .chk_dim .info_product{} .list_card.chk > li .chk_toggle{position:absolute;right:0;top:0;width:35px;min-width:35px;height:100%;background:url('/ibs/nfrc/images/ico_arrowleft.png') no-repeat center right 10px;background-size: 8px 15px;} .list_card.chk > li .chk_dim.open{width:24%;} .list_card.chk > li .chk_dim.open .tit, .list_card.chk > li .chk_dim.open .info_product,.list_card.chk > li .chk_dim.open ul{display:none} .list_card.chk > li .chk_dim.open .chk_toggle{width:100%;min-width:100%;font-size:0;line-height:0;background:url('/ibs/nfrc/images/ico_arrowright.png') no-repeat center right 10px;background-size: 8px 15px;} .list_card.chk > li .chk_dim.open:before{content:"혜택 보기";position:absolute;top:50%;left:50%;width:34px;margin:-17px 0 0 -24px;font-size:15px;color:#fff;} .info_grp{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;text-align:left;} .info_grp li{display:inline-block} .info_product{white-space:nowrap;} .info_product li + li{position:absolute;left:90px} .info_product li > .w2textbox{font-size:12px} .info_product li.pie > .w2textbox:before{content:"";display:inline-block;width:12px;height:12px;margin-right:3px;background:url('/ibs/nfrc/images/ico_pie.png') no-repeat center;background-size: 100%;vertical-align: -1px;} .info_product li.person > .w2textbox:before{content:"";display:inline-block;width:12px;height:12px;margin-right:3px;background:url('/ibs/nfrc/images/ico_person.png') no-repeat center;background-size: 100%;vertical-align: -1px;} .info_product li.limit > .w2textbox:before{content:"";display:inline-block;width:12px;height:12px;margin-right:3px;background:url('/ibs/nfrc/images/ico_limit_lon.png') no-repeat center;background-size: 100%;vertical-align: -1px;} .info_product li > div span{font-size:15px;} .info_product li > div span:first-child{padding:0 3px;font-size:23px}/*2023.12.05_수정*/ .info_product li.pie > div span:first-child{padding:0 5px;font-size:15px;vertical-align:2px}/*2023.12.05_수정*/ .info_product li.pie > div span:nth-child(2){font-size:23px;display:inline-block;text-align:right}/*2023.12.05_수정*/ .info_product li.limit > div span{vertical-align:middle;} /*2023.12.05_추가*/ .info_product.bx_pdinfo{min-height:40px} .info_product.bx_pdinfo li.pie{position:relative;padding-left:14px} .info_product.bx_pdinfo li.pie:after{content:'';display:block;clear:both} .info_product.bx_pdinfo li.pie *{float:left;font-size:16px !important} .info_product.bx_pdinfo li.pie .pie_info:before{content:'';position:absolute;left:0;top:0} .info_product.bx_pdinfo li.pie_sub{display:block;position:initial;padding:2px 0 0 15px} .info_product.bx_pdinfo li.pie_sub:after{content:'';display:block;clear:both} .info_product.bx_pdinfo li.pie_sub *{float:left;font-size:11px !important} .info_product.bx_pdinfo li.person{left:50%;top:0} .info_product.bx_pdinfo li.person .sub_tit{font-size:12px} .info_product + ul{margin-top:10px} /* .info_product + ul li{margin-right:7px} */ .info_product + ul li{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;} /* .list_card li.card_kakao a{background-color:#ffc80b;} .list_card li.card_kakao a img{background:url('/ibs/nfrc/images/bg_card_kakao.png') no-repeat center right;background-size: 290px 155px} .list_card li.card_fun a{background-color:#81c5b7;} .list_card li.card_fun a:after{background:url('/ibs/nfrc/images/bg_card_fun.png') no-repeat center right;background-size: 290px 155px} .list_card li.card_gd a{background-color:#e7183e;} .list_card li.card_gd a:after{background:url('/ibs/nfrc/images/bg_card_gd.png') no-repeat center right;background-size: 290px 155px} .list_card li.card_global a{background-color:#6b8a93;} .list_card li.card_global a:after{background:url('/ibs/nfrc/images/bg_card_global.png') no-repeat center right;background-size: 290px 155px} */ .list_card:after{content:""; display:block; clear:both;} .toparea.chkcard{padding:0 0 20px;text-align:center;height:auto;} .toparea.chkcard:after{content:"";position:absolute;bottom:-16px;margin-left:-8px;border:8px solid transparent;border-top-color:#3c4958} .toparea.chkcard .cardlabel{display: inline-block;padding:3px 9px 0;border-radius: 20px;color:#3c4958; font-size:15px; line-height:22px; background-color:#fff; white-space:nowrap} .toparea.chkcard .tit_card{margin-top:10px;font-size:20px;color:#fff} .toparea.chkcard .txt_card{padding:0 20px; margin:10px auto 0; color:#afb2bc; font-size:15px; line-height:20px; word-break:keep-all;} .toparea.chkcard .img_card{position:relative;margin:25px auto 25px;width:185px;height:114px;/* height:117px; */perspective:400px;-webkit-perspective:400px;} .toparea.chkcard .img_card .cardtemp{width:100%;height:100%;position:absolute;transform-style:preserve-3d;} .toparea.chkcard .img_card .cardtemp.active{animation:cardfllip 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;-webkit-animation:cardfllip 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .toparea.chkcard .img_card .cardtemp .card_front, .toparea.chkcard .img_card .cardtemp .card_back{position:absolute;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:hidden;} .toparea.chkcard .img_card .cardtemp .card_back:before{content:"";display:block;position:absolute;top:1px;left:1px;right:1px;bottom:1px;z-index:1;border-radius: 8px;box-shadow: 0 0 0 6px #3c4958;} /* .toparea.chkcard .img_card .cardtemp .card_back img{position:relative;top:1px;left:-1%;width:102%;height:102%;} */ .toparea.chkcard .img_card .cardtemp .card_front{height:100%;background-color:#fff;} .toparea.chkcard .img_card .cardtemp .card_back{height:auto;transform:rotateY(180deg);border-radius:0;-webkit-transform:rotateY(180deg);/* background:url('/ibs/nfrc/images/temp_card01.png') no-repeat center center;background-size:100% auto; */} @keyframes cardfllip{ to{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);} } .toparea.chkcard .img_card.dep{width:217px;height:135px;} .toparea.chkcard .img_card.dep .cardtemp .card_back > .w2textbox{position:absolute;left:15px;top:15px;font-size:18px;color:#fff} .toparea.chkcard .img_card.dep .cardtemp .card_front,.toparea.chkcard .img_card.dep .cardtemp .card_back{border-radius:3px;} .toparea.chkcard .img_card.dep .cardtemp .card_back:before{display:none;} /* .toparea.chkcard .img_card.dep .cardtemp .card_back img{position:relative;top:0px;left:0px;width:100%;height:100%;} */ .toparea.chkcard .img_card.dep .info_product{text-align:left;position:absolute;left:15px;bottom:10px} .toparea.chkcard .img_card.dep .info_product li{display:inline-block;color:#fff} .toparea.chkcard .img_card.dep .info_product li + li{/* margin-left:13px */position:absolute;left:90px;} .toparea.chkcard .img_card.dep .info_product li > div span{font-size:11px;} .toparea.chkcard .img_card.dep .info_product li > div span:first-child{font-size:17px;} /* .toparea.chkcard .img_card.dep + ul{margin-top:30px;} */ .toparea.chkcard .img_card.dep + ul li{display:inline-block;padding:0 10px; text-align:center;color:#fff;vertical-align:top} .toparea.chkcard .img_card.dep + ul li > .w2textbox{margin-bottom:5px;font-size:12px;color:#8a9db4;} /* .toparea.chkcard .img_card.dep + ul li + li{margin-left:22px} */ .toparea.chkcard .img_card.dep + ul li span{font-size:15px} .list_cardicon{margin-top: 15px;} .list_cardicon li{display:inline-block; width:40px; padding:0 5px;vertical-align:top;color:#fff;font-size:11px;} /* .list_cardicon li + li{margin-left:10px} */ .list_cardicon li:before{content:"";display:block;width:40px;height:30px;margin-bottom:10px} .list_cardicon li.reward:before{background: url('/ibs/nfrc/images/ico_scardreward.png') no-repeat center;background-size: 40px;} .list_cardicon li.bus:before{background: url('/ibs/nfrc/images/ico_scardbus.png') no-repeat center;background-size: 40px;} .list_cardicon li.shop:before{background: url('/ibs/nfrc/images/ico_scardshop.png') no-repeat center;background-size: 40px;} .list_cardicon li.movie:before{background: url('/ibs/nfrc/images/ico_scardmovie.png') no-repeat center;background-size: 40px;} .list_cardicon li.cafe:before{background: url('/ibs/nfrc/images/ico_scardcafe.png') no-repeat center;background-size: 40px;} .list_cardicon li.book:before{background: url('/ibs/nfrc/images/ico_scardbook.png') no-repeat center;background-size: 40px;} .list_cardicon li.finance:before{background: url('/ibs/nfrc/images/ico_scardfinance.png') no-repeat center;background-size: 40px;} .list_cardicon li.voucher:before{background: url('/ibs/nfrc/images/ico_scardvoucher.png') no-repeat center;background-size: 40px;} .list_cardicon li.premium:before{background: url('/ibs/nfrc/images/ico_scardpremium.png') no-repeat center;background-size: 40px;} .list_cardicon li.life:before{background: url('/ibs/nfrc/images/ico_scardlife.png') no-repeat center;background-size: 40px;} .list_cardicon li.travel:before{background: url('/ibs/nfrc/images/ico_scardtravel.png') no-repeat center;background-size: 40px;} .list_cardicon li.sport:before{background: url('/ibs/nfrc/images/ico_scardsport.png') no-repeat center;background-size: 40px;} .list_cardicon li.service:before{background: url('/ibs/nfrc/images/ico_scardservice.png') no-repeat center;background-size: 40px;} /* .list_cardicon li.cash:before{background: url('/ibs/nfrc/images/ico_scardcash.png') no-repeat center;background-size: 40px;} */ .list_cardicon li.etc:before{background: url('/ibs/nfrc/images/ico_scardetc.png') no-repeat center;background-size: 40px;} .detail_card{} .detail_card.combo{margin-left:-15px;margin-right:-15px;margin-top:-20px} .detail_card.full{margin-left:-15px;margin-right:-15px} .detail_card > li{padding:50px 0;background-color:#fff;text-align:center;} .detail_card > li + li{margin-top:10px} .detail_card > li > .w2textbox, .detail_card > li > .w2group > .w2textbox{margin:20px 40px 0 40px;font-size:19px} .detail_card > li > .w2textbox:nth-child(3), .detail_card > li > .w2group > .w2textbox:nth-child(3){margin-top:10px;font-size:13px;color:#afb2bc} .detail_card.gid{margin-left:-15px;margin-right:-15px} .detail_card.gid > li{padding:30px 0;background-color:#fff;} .detail_card.gid > li > .w2textbox:first-child{margin:0px 40px;font-size:17px !important} .detail_card.gid > li .listdot{padding:0 30px;text-align:left;color:#637b98} .detail_card.gid > li .grp_cardimg{margin-top:15px} .detail_card.gid li:nth-child(1) .grp_cardimg > div:nth-child(1){display:block;margin-left:-24px;width:57px;height:60px;background-image: url('/ibs/nfrc/images/ico_listgid01.png');} .detail_card.gid li:nth-child(2) .grp_cardimg > div:nth-child(1){display:block;margin-left:-24px;width:58px;height:60px;background-image: url('/ibs/nfrc/images/ico_listgid02.png');} .detail_card.gid li:nth-child(3) .grp_cardimg > div:nth-child(1){display:block;margin-left:-32px;width:63px;height:60px;background-image: url('/ibs/nfrc/images/ico_listgid03.png');} .detail_card.gid > li > .w2textbox:nth-child(3), .detail_card.gid > li > .w2group > .w2textbox:nth-child(3){margin: 20px 40px 0 40px;font-size: 19px;color: #637b98;} .detail_card.namecard{margin-top:15px;} .detail_card.namecard > li{padding:30px 0;background-color:#fff;} .detail_card.namecard > li .w2textbox{margin:0px 40px;font-size:15px} .detail_card.namecard > li:nth-child(1) .grp_cardimg > div:nth-child(1){display:block;margin-left:-24px;width:57px;height:60px;background-image: url('/ibs/nfrc/images/ico_listname01.png');} .detail_card.namecard > li:nth-child(2) .grp_cardimg > div:nth-child(1){display:block;margin-left:-24px;width:58px;height:60px;background-image: url('/ibs/nfrc/images/ico_listgid02.png');} .detail_card li.active .grp_cardimg > div:nth-child(1){animation:card 0.2s;} .detail_card li.active .grp_cardimg > div:nth-child(2){animation:card 0.2s 0.2s;} .detail_card li.active .grp_cardimg > div:nth-child(3){animation:card 0.2s 0.4s;} .detail_card li.active .grp_cardimg > div:nth-child(4){animation:card 0.2s 0.6s;} @keyframes card{ 0%{transform:scale(0);opacity:0} 90%{transform:scale(1.2);opacity:1} 100%{transform:scale(1)} } .detail_card li .grp_cardimg{position:relative;height:75px} .detail_card li .grp_cardimg > div{position:absolute;left:50%;background-size:100%;background-repeat:no-repeat} .detail_card li .grp_cardimg div,.detail_card li .grp_cardimg .w2textbox{display:none} .detail_card li.bus .grp_cardimg > div:nth-child(1){display:block;margin-left:-30px;width:48px;height:73px;background-image: url('/ibs/nfrc/images/ico_cardbus01.png')} .detail_card li.bus .grp_cardimg > div:nth-child(2){display:block;margin-left:6px;top:10px;width:35px;height:61px;background-image: url('/ibs/nfrc/images/ico_cardbus02.png')} .detail_card li.bus .grp_cardimg > div:nth-child(2){animation:cardbus 1.5s 1s linear infinite;transform-origin: bottom;} @keyframes cardbus{ 0%{transform:rotate(0);} 25%{transform:rotate(20deg);} 50%{transform:rotate(0);} 75%{transform:rotate(-20deg);} 100%{transform:rotate(0);} } .detail_card li.shop .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-30px;width:65px;height:52px;background-image: url('/ibs/nfrc/images/ico_cardstore01.png')} .detail_card li.shop .grp_cardimg > div:nth-child(2){display:block;margin-left:6px;top:40px;width:39px;height:35px;background-image: url('/ibs/nfrc/images/ico_cardstore02.png')} .detail_card li.shop .grp_cardimg > div:nth-child(2){animation:cardbus 1.5s 1s ease-in infinite;} @keyframes cardstore{ 0%{transform:rotateY(0);} 50%{transform:rotateY(180deg);} 100%{transform:rotateY(360deg);} } .detail_card li.movie .grp_cardimg > div:nth-child(1){display:block;margin-left:-40px;width:53px;height:23px;background-image: url('/ibs/nfrc/images/ico_cardmovie01.png')} .detail_card li.movie .grp_cardimg > div:nth-child(2){display:block;margin-left:-40px;top:15px;width:55px;height:42px;background-image: url('/ibs/nfrc/images/ico_cardmovie02.png')} .detail_card li.movie .grp_cardimg > div:nth-child(3){display:block;margin-left:-10px;top:30px;width:53px;height:41px;background-image: url('/ibs/nfrc/images/ico_cardmovie03.png')} .detail_card li.movie .grp_cardimg > div:nth-child(1){display:block;animation:cardmovie 1.5s 1s ease-in infinite;transform-origin:left bottom;transform:rotate(10deg);} @keyframes cardmovie{ 0%{transform:rotate(10deg);} 70%{transform:rotate(-20deg);} 100%{transform:rotate(10deg);} } .detail_card li.coffee .grp_cardimg > div:nth-child(1){display:block;margin-left:-38px;top:50px;width:76px;height:21px;background-image: url('/ibs/nfrc/images/ico_cardcoffee01.png')} .detail_card li.coffee .grp_cardimg > div:nth-child(2){display:block;margin-left:-24px;top:20px;width:54px;height:44px;background-image: url('/ibs/nfrc/images/ico_cardcoffee02.png')} .detail_card li.coffee .grp_cardimg > div:nth-child(3){display:block;margin-left:-10px;top:8px;width:19px;height:20px;background-image: url('/ibs/nfrc/images/ico_cardcoffee03.png')} .detail_card li.coffee .grp_cardimg > div:nth-child(4){display:block;margin-left:12px;top:58px;width:50px;height:22px;background-image: url('/ibs/nfrc/images/ico_cardcoffee04.png')} .detail_card li.coffee .grp_cardimg > div:nth-child(3){animation:cardcoffee 1.5s 1s ease-in infinite;transform-origin:bottom;opacity:0} @keyframes cardcoffee{ 0%{transform:scaleY(2) rotate(10deg);opacity:0;} 100%{transform:rotate(-10deg) translateY(-28px);opacity:0.7;} } .detail_card li.finance .grp_cardimg > div:nth-child(1){display:block;margin-left:-33px;top:10px;width:66px;height:72px;background-image: url('/ibs/nfrc/images/ico_cardatm01.png')} .detail_card li.finance .grp_cardimg > div:nth-child(2){display:block;position:absolute;top:28px;margin-left:-26px;width:33px;height:13px;overflow:hidden;} .detail_card li.finance .grp_cardimg > div:nth-child(2) .w2textbox{display:block;animation:cardatm 3.5s 1s linear infinite;transform:translateX(40px);word-break:normal;font-size:11px;line-height:15px} @keyframes cardatm{ 0%{transform:translateX(40px)} 100%{transform:translateX(-100px)} } .detail_card li.sport .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-30px;width:53px;height:68px;background-image: url('/ibs/nfrc/images/ico_cardland01.png')} .detail_card li.sport .grp_cardimg > div:nth-child(2){display:block;margin-left:20px;width:27px;height:22px;background-image: url('/ibs/nfrc/images/ico_cardland02.png')} .detail_card li.sport .grp_cardimg > div:nth-child(4){display:block;margin-left:-32px;top:3px;width:59px;height:66px;background-image: url('/ibs/nfrc/images/ico_cardland03.png')} .detail_card li.sport .grp_cardimg > div:nth-child(3){display:block;margin-left:-32px;top:3px;width:59px;height:66px;background-image: url('/ibs/nfrc/images/ico_cardland04.png')} .detail_card li.sport .grp_cardimg > div:nth-child(3){animation:cardland 10s 1s linear infinite;transform-origin:center;} @keyframes cardland{ 0%{transform:rotate(-360deg)} 100%{transform:rotate(0deg)} } .detail_card li.reward .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-25px;width:50px;height:65px;background-image: url('/ibs/nfrc/images/ico_cardplane01.png')} .detail_card li.reward .grp_cardimg > div:nth-child(2){display:block;top:4px;margin-left:-40px;width:37px;height:24px;background-image: url('/ibs/nfrc/images/ico_cardplane02.png')} .detail_card li.reward .grp_cardimg > div:nth-child(3){display:block;top:36px;width:43px;height:45px;background-image: url('/ibs/nfrc/images/ico_cardplane03.png')} .detail_card li.reward .grp_cardimg > div:nth-child(3){animation:cardplane 4s 1s infinite;transform:translate(40px,60px);opacity:0} @keyframes cardplane{ 50%{transform:translate(0,0);opacity:1;} 100%{transform:translate(-40px,-70px);opacity:0;} } .detail_card li.online .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-33px;width:65px;height:54px;background-image: url('/ibs/nfrc/images/ico_cardonline01.png')} .detail_card li.online .grp_cardimg > div:nth-child(2){display:block;top:33px;margin-left:20px;width:16px;height:21px;background-image: url('/ibs/nfrc/images/ico_cardonline02.png')} .detail_card li.online .grp_cardimg > div:nth-child(2){animation:cardonline 4s 1s infinite;} @keyframes cardonline{ 20%{transform:translate(-44px,0);} 30%{transform:translate(-44px,10px);} 50%{transform:translate(0px,24px);} 90%{transform:translate(-22px,10px);} 100%{transform:translate(0px,0px);} } .detail_card li.food .grp_cardimg > div:nth-child(1){display:block;top:30px;margin-left:-28px;width:55px;height:33px;background-image: url('/ibs/nfrc/images/ico_cardfood01.png')} .detail_card li.food .grp_cardimg > div:nth-child(2){display:block;top:10px;margin-left:-10px;width:19px;height:20px;background-image: url('/ibs/nfrc/images/ico_cardfood02.png')} .detail_card li.food .grp_cardimg > div:nth-child(3){display:block;top:8px;margin-left:-44px;width:22px;height:49px;background-image: url('/ibs/nfrc/images/ico_cardfood03.png')} .detail_card li.food .grp_cardimg > div:nth-child(4){display:block;top:6px;margin-left:24px;width:19px;height:51px;background-image: url('/ibs/nfrc/images/ico_cardfood04.png')} .detail_card li.food .grp_cardimg > div:nth-child(3){animation:cardfood 2s 1s linear infinite;} .detail_card li.food .grp_cardimg > div:nth-child(4){animation:cardfood 2s 1.5s linear infinite;} @keyframes cardfood{ 0%{transform:rotate(-10deg) translateY(0px)} 25%{transform:rotate(15deg)translateY(-3px)} 50%{transform:rotate(-5deg) translateY(0px)} 75%{transform:rotate(8deg) translateY(-5px)} 100%{transform:rotate(-10deg) translateY(0px)} } .detail_card li.world .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-25px;width:51px;height:64px;background-image: url('/ibs/nfrc/images/ico_cardworld01.png')} .detail_card li.world .grp_cardimg > div:nth-child(2){display:block;top:6px;margin-left:-26px;width:20px;height:28px;background-image: url('/ibs/nfrc/images/ico_cardworld02.png')} .detail_card li.world .grp_cardimg > div:nth-child(3){display:block;top:19px;margin-left:4px;width:10px;height:14px;background-image: url('/ibs/nfrc/images/ico_cardworld03.png')} .detail_card li.world .grp_cardimg > div:nth-child(2){animation:cardworld 2s 1s infinite;} .detail_card li.world .grp_cardimg > div:nth-child(3){animation:cardworld02 2s 1s infinite;} @keyframes cardworld{ 0%{transform:translateY(0px)} 25%{transform:translateY(-9px)} 50%{transform:translateY(0px)} 75%{transform:translateY(-9px)} 100%{transform:translateY(0px)} } @keyframes cardworld02{ 0%{transform:translateY(0px)} 25%{transform:translateY(-3px)} 50%{transform:translateY(0px)} 75%{transform:translateY(-3px)} 100%{transform:translateY(0px)} } .detail_card li.kakao .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-20px;width:40px;height:59px;background-image: url('/ibs/nfrc/images/ico_cardkakao01.png')} .detail_card li.kakao .grp_cardimg > div:nth-child(2){display:block;top:38px;margin-left:10px;width:27px;height:27px;} .detail_card li.kakao .grp_cardimg > div:nth-child(2) > div:first-child{display:block;width:100%;height:100%;background-image: url('/ibs/nfrc/images/ico_cardkakao02.png');background-size:100%} .detail_card li.kakao .grp_cardimg > div:nth-child(2){animation:cardkakao 3s 1s infinite;} .detail_card li.kakao .grp_cardimg > div:nth-child(2) > div:first-child{animation:cardkakao02 3s 1s infinite;} @keyframes cardkakao{ 0%{transform:translateX(0px)} 25%{transform:translateX(-80px)} 50%{transform:translateX(0px)} 75%{transform:translateX(40px)} 100%{transform:translateX(0px)} } @keyframes cardkakao02{ 0%{transform:rotate(0deg)} 25%{transform:rotate(-720deg)} 50%{transform:rotate(0deg)} 75%{transform:rotate(360deg)} 100%{transform:rotate(0deg)} } .detail_card li.cafe .grp_cardimg > div:nth-child(1){display:block;margin-left:-35px;width:35px;height:66px;background-image: url('/ibs/nfrc/images/ico_cardstar01.png')} .detail_card li.cafe .grp_cardimg > div:nth-child(1) > div:first-child{display:block;animation:cardstar 3s 1s infinite;position: absolute;bottom: 2px;width:100%;height:44px;overflow:hidden;} .detail_card li.cafe .grp_cardimg > div:nth-child(1) > div:first-child:before{content:"";position:absolute;bottom:0;display:block;width:100%;height:44px;background: url('/ibs/nfrc/images/ico_cardstar02.png') no-repeat center;background-size:100%} .detail_card li.cafe .grp_cardimg > div:nth-child(2){display:block;margin-left:5px;width:35px;height:66px;background-image: url('/ibs/nfrc/images/ico_cardstar03.png')} .detail_card li.cafe .grp_cardimg > div:nth-child(2) > div:first-child{display:block;animation:cardstar02 3s 1s infinite;position: absolute;bottom: 2px;width:100%;height:8px;overflow:hidden;} .detail_card li.cafe .grp_cardimg > div:nth-child(2) > div:first-child:before{content:"";position:absolute;bottom:0;display:block;width:100%;height:44px;background: url('/ibs/nfrc/images/ico_cardstar04.png') no-repeat center;background-size:100%} .detail_card li.cafe .grp_cardimg > div > div:nth-child(2){display:block;position: absolute;bottom: 2px;width:100%;height:100%;background-image: url('/ibs/nfrc/images/ico_cardstar05.png');background-size:100%} @keyframes cardstar{ 20%{height:44px} 60%{height:8px} 100%{height:44px;} } @keyframes cardstar02{ 20%{height:8px} 60%{height:44px} 100%{height:8px;} } .detail_card li.service .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-28px;width:57px;height:57px;background-image: url('/ibs/nfrc/images/ico_cardmusic01.png')} .detail_card li.service .grp_cardimg > div:nth-child(2){display:block;top:10px;margin-left:5px;width:19px;height:23px;background-image: url('/ibs/nfrc/images/ico_cardmusic02.png')} .detail_card li.service .grp_cardimg > div:nth-child(3){display:block;top:34px;margin-left:25px;width:6px;height:23px;background-image: url('/ibs/nfrc/images/ico_cardmusic03.png')} .detail_card li.service .grp_cardimg > div:nth-child(2){animation:cardmusic 2s 1s linear infinite;transform:rotate(10deg) translate(-30px,0px);opacity:0} .detail_card li.service .grp_cardimg > div:nth-child(3){animation:cardmusic 2s 1.5s linear infinite;transform:rotate(10deg) translate(-30px,0px);opacity:0} @keyframes cardmusic{ 25%{transform:rotate(-5deg) translate(-15px,6px)} 50%{transform:rotate(15deg) translate(15px,0px);opacity:100;} 75%{transform:rotate(0deg) translate(30px,3px)} 100%{transform:rotate(-10deg) translate(50px,9px);opacity:0;} } .detail_card li.voucher .grp_cardimg > div:nth-child(1){display:block;top:20px;margin-left:-30px;width:48px;height:45px;background-image: url('/ibs/nfrc/images/ico_cardvoucher02.png')} .detail_card li.voucher .grp_cardimg > div:nth-child(2){display:block;top:30px;margin-left:-35px;width:69px;height:50px;background-image: url('/ibs/nfrc/images/ico_cardvoucher01.png')} .detail_card li.voucher .grp_cardimg > div:nth-child(1){animation:cardvoucher 2s 1s infinite;} @keyframes cardvoucher{ 0%{transform:translateY(0px)} 25%{transform:translateY(-9px)} 50%{transform:translateY(0px)} 75%{transform:translateY(-9px)} 100%{transform:translateY(0px)} } .detail_card li.premium .grp_cardimg > div:nth-child(1){display:block;top:15px;margin-left:-40px;width:65px;height:59px;background-image: url('/ibs/nfrc/images/ico_cardpre01.png')} .detail_card li.premium .grp_cardimg > div:nth-child(2){display:block;top:45px;margin-left:0px;width:35px;height:35px;background-image: url('/ibs/nfrc/images/ico_cardpre02.png')} .detail_card li.premium .grp_cardimg > div:nth-child(2){animation:cardpremium 2s 1s infinite;} @keyframes cardpremium{ 0%{transform:scale(1);} 60%{transform:scale(1.1) rotate(180deg);} 100%{transform:scale(1)} } .detail_card li.life .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-33px;width:63px;height:13px;background-image: url('/ibs/nfrc/images/ico_cardlife01.png')} .detail_card li.life .grp_cardimg > div:nth-child(2){display:block;top:17px;margin-left:-25px;width:48px;height:58px;overflow:hidden} .detail_card li.life .grp_cardimg > div:nth-child(2) > div:first-child{display:block;width:100%;height:100%;background-image: url('/ibs/nfrc/images/ico_cardlife02.png');background-size:48px} .detail_card li.life .grp_cardimg > div:nth-child(3){display:block;top:45px;margin-left:7px;width:27px;height:35px;background-image: url('/ibs/nfrc/images/ico_cardlife03.png')} .detail_card li.life .grp_cardimg > div:nth-child(2) > div:first-child{animation:cardlife 4s 1s infinite;} @keyframes cardlife{ 0%{transform:translateY(0px)} 25%{transform:translateY(-25px)} 50%{transform:translateY(0px)} 75%{transform:translateY(-9px)} 100%{transform:translateY(0px)} } .detail_card li.travel .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-37px;width:60px;height:65px;background-image: url('/ibs/nfrc/images/ico_cardtravel01.png')} .detail_card li.travel .grp_cardimg > div:nth-child(2){display:block;top:37px;margin-left:5px;width:35px;height:41px;background-image: url('/ibs/nfrc/images/ico_cardtravel02.png')} .detail_card li.travel .grp_cardimg > div:nth-child(3){display:block;top:53px;margin-left:20px;width:6px;height:15px;background-image: url('/ibs/nfrc/images/ico_cardtravel03.png')} .detail_card li.travel .grp_cardimg > div:nth-child(3){animation:cardtravel 4s 1s infinite;transform-origin:center;} @keyframes cardtravel{ 20%{transform:translate(-44px,0);} 30%{transform:translate(-44px,10px);} 50%{transform:translate(0px,24px);} 90%{transform:translate(-22px,10px);} 100%{transform:translate(0px,0px);} } .detail_card li.book .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-40px;width:72px;height:55px;background-image: url('/ibs/nfrc/images/ico_cardbook01.png')} .detail_card li.book .grp_cardimg > div:nth-child(2){display:block;top:10px;margin-left:-4px;width:33px;height:51px;background-image: url('/ibs/nfrc/images/ico_cardbook03.png')} .detail_card li.book .grp_cardimg > div:nth-child(3){display:block;top:46px;margin-left:20px;width:20px;height:28px;background-image: url('/ibs/nfrc/images/ico_cardbook02.png')} .detail_card li.book .grp_cardimg > div:nth-child(2){animation:cardbook 3s 1s ease-in infinite;transform-origin: left;} @keyframes cardbook{ 0%{transform:rotateY(0);} 50%{transform:rotateY(180deg);} 100%{transform:rotateY(360deg);} } .detail_card li.etc .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-37px;width:63px;height:65px;background-image: url('/ibs/nfrc/images/ico_cardetc01.png')} .detail_card li.etc .grp_cardimg > div:nth-child(2){display:block;top:30px;margin-left:5px;width:34px;height:33px;background-image: url('/ibs/nfrc/images/ico_cardetc02.png')} .detail_card li.etc .grp_cardimg > div:nth-child(2){animation:cardetc 4s 1s infinite;} @keyframes cardetc{ 20%{transform:translate(-44px,0);} 30%{transform:translate(-44px,10px);} 50%{transform:translate(0px,24px);} 90%{transform:translate(-22px,10px);} 100%{transform:translate(0px,0px);} } .detail_card li.sports .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-20px;width:51px;height:66px;background-image: url('/ibs/nfrc/images/ico_depsport01.png')} .detail_card li.sports .grp_cardimg > div:nth-child(2){display:block;top:38px;margin-left:10px;width:30px;height:30px;} .detail_card li.sports .grp_cardimg > div:nth-child(2) > div:first-child{display:block;width:30px;height:30px;background-image: url('/ibs/nfrc/images/ico_depsport02.png');background-size:100%} .detail_card li.sports .grp_cardimg > div:nth-child(1){animation:sportsbg 2s 1s infinite;} .detail_card li.sports .grp_cardimg > div:nth-child(2){animation:sports 3s 1s infinite;} .detail_card li.sports .grp_cardimg > div:nth-child(2) > div:first-child{animation:sports02 3s 1s infinite;} @keyframes sportsbg{ 0%{transform:translateY(0px)} 15%{transform:translateY(-25px) scaleY(1.2)} 25%{transform:translateY(10px) scaleY(0.9)} 45%{transform:translateY(0px)} 100%{transform:translateY(0px)} } @keyframes sports{ 0%{transform:translateX(0px)} 25%{transform:translateX(-80px)} 50%{transform:translateX(0px)} 75%{transform:translateX(40px)} 100%{transform:translateX(0px)} } @keyframes sports02{ 0%{transform:rotate(0deg)} 25%{transform:rotate(-720deg)} 50%{transform:rotate(0deg)} 75%{transform:rotate(360deg)} 100%{transform:rotate(0deg)} } .detail_card li.gift .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-30px;width:59px;height:45px;background-image: url('/ibs/nfrc/images/ico_depgift01.png')} .detail_card li.gift .grp_cardimg > div:nth-child(2){display:block;margin-left:-8px;top:40px;width:49px;height:29px;background-image: url('/ibs/nfrc/images/ico_depgift02.png')} .detail_card li.gift .grp_cardimg > div:nth-child(2){animation:giftshow 1.5s 1s ease-in infinite;} /* @keyframes giftshow{ 0%{transform:rotateY(0);} 50%{transform:rotateY(180deg);} 100%{transform:rotateY(360deg);} } */ @keyframes giftshow{ 0%{transform:rotate(0);} 25%{transform:rotate(20deg);} 50%{transform:rotate(0);} 75%{transform:rotate(-20deg);} 100%{transform:rotate(0);} } .detail_cardcont{background-color:#fff;} .detail_cardcont > dl{border-bottom:1px solid #e5e8eb;} .detail_cardcont > dl:first-child{border-top:1px solid #e5e8eb;} .detail_cardcont > dl > dt{} .detail_cardcont > dl > dt a{display:block;height:45px;padding:0 15px;font-size:15px;color:#000;line-height:45px;background:url(/ibs/nfrc/images/ico_waring_close.png) no-repeat right 15px center;background-size:14px auto;} .detail_cardcont > dl > dt a.active{background:url(/ibs/nfrc/images/ico_waring_open.png) no-repeat right 15px center;background-size:14px auto;} .detail_cardcont > dl > dd{} .detail_cardcont > dl > dd .inner{padding:5px 15px 15px 15px;} .detail_cardcont.gray{background-color:#e5e8eb} .detail_cardcont.gray{color:#637b98} .detail_cardcont.gray a{color:#637b98;background: none;pointer-events: none;} .dl_toggle{background-color:#fff; line-height:20px;} .dl_toggle a{display:block;padding:15px 30px 12px 15px;background:url(/ibs/nfrc/images/ico_waring_close.png) no-repeat right 15px center;background-size:9px auto;} .dl_toggle a > .w2textbox:first-child{font-size:15px;} /* .dl_toggle a > .w2textbox + .w2textbox{font-size:15px;margin-top:5px} */ .dl_toggle > dt{border-bottom:1px solid #e5e8eb} .dl_toggle > dd{padding:15px 15px 13px;border-bottom:1px solid #e5e8eb} /* .dl_toggle dt.active{background:#637b98;border-bottom:1px solid #637b98;} */ .dl_toggle dt.active a{background:url(/ibs/nfrc/images/ico_waring_open.png) no-repeat right 15px center;background-size:9px auto;} /* .dl_toggle dt.active a > .w2textbox:first-child{color:#fff} */ .dl_toggle dt.active + dd{background-color:#637b98;color:#fff} .finance_board{background-color:#fff;border-top:1px solid #e5e8eb;} .finance_board li{border-bottom:1px solid #e5e8eb;} .finance_board a{display:block;padding:15px 30px 15px 15px;color:#000;background:url(/ibs/nfrc/images/ico_arrow.png) no-repeat right 15px center;background-size:5px auto;} .finance_board a > .w2textbox:last-child{font-size:12px;color:#637a99} .finance_board a > .w2textbox + .w2textbox{margin-top:7px} .finance_board + .pagelist{margin-top:10px;} /* card_list END */ /* dep_list START */ .detail_card .pig .grp_cardimg > div:nth-child(1){display:block;top:27px;margin-left:8px;width:25px;height:30px;background-image: url('/ibs/nfrc/images/ico_deppig03.png');z-index:1;opacity:0} .detail_card .pig .grp_cardimg > div:nth-child(2){display:block;top:49px;margin-left:-8px;width:25px;height:9px;background-image: url('/ibs/nfrc/images/ico_deppig02.png');z-index:1;opacity:0} .detail_card .pig .grp_cardimg > div:nth-child(2) > div:nth-child(1){display:block;margin-top:-7px;width:100%;height:100%;background-image: url('/ibs/nfrc/images/ico_deppig02.png');background-size:100%} .detail_card .pig .grp_cardimg > div:nth-child(2) > div:nth-child(2){display:block;margin-top:-16px;width:100%;height:100%;background-image: url('/ibs/nfrc/images/ico_deppig02.png');background-size:100%} .detail_card .pig .grp_cardimg > div:nth-child(3){display:block;top:0px;margin-left:-42px;width:74px;height:57px;background-image: url('/ibs/nfrc/images/ico_deppig01.png')} .detail_card .pig .grp_cardimg > div:nth-child(1){animation:deppig04 3s 1s infinite;} .detail_card .pig .grp_cardimg > div:nth-child(2){animation:deppig 3s 1s infinite;} .detail_card .pig .grp_cardimg > div:nth-child(2) > div:nth-child(1){animation:deppig02 3s 1s infinite;} .detail_card .pig .grp_cardimg > div:nth-child(2) > div:nth-child(2){animation:deppig03 3s 1s infinite;} @keyframes deppig{ 0%{transform:translateY(-40px);opacity:0} 15%{transform:translateY(0px);opacity:1} 100%{transform:translateY(0px);opacity:1} } @keyframes deppig02{ 0%{transform:translateY(-40px);opacity:0} 15%{transform:translateY(-40px);opacity:0} 30%{transform:translateY(0px);opacity:1} 100%{transform:translateY(0px);opacity:1} } @keyframes deppig03{ 0%{transform:translateY(-40px);opacity:0} 30%{transform:translateY(-40px);opacity:0} 45%{transform:translateY(0px);opacity:1} 100%{transform:translateY(0px);opacity:1} } @keyframes deppig04{ 0%{transform:translateY(-40px);opacity:0} 45%{transform:translateY(-40px);opacity:0} 60%{transform:translateY(0px);opacity:1} 100%{transform:translateY(0px);opacity:1} } .detail_card li.fees .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-43px;width:86px;height:68px;background-image: url('/ibs/nfrc/images/ico_depfees01.png');} .detail_card li.fees .grp_cardimg > div:nth-child(2){display:block;top:4px;margin-left:-44px;width:37px;height:13px;background-image: url('/ibs/nfrc/images/ico_depfees02.png');} .detail_card li.fees .grp_cardimg > div:nth-child(3){display:block;top:17px;margin-left:-49px;width:37px;height:13px;background-image: url('/ibs/nfrc/images/ico_depfees03.png');} .detail_card li.fees .grp_cardimg > div:nth-child(2){animation:depfees 2s 1s infinite;opacity:0} .detail_card li.fees .grp_cardimg > div:nth-child(3){animation:depfees02 2s 1s infinite;opacity:0} @keyframes depfees{ 0%{transform:translateX(-40px);opacity:0;} 50%{transform:translateX(0);opacity:1;} 100%{transform:translateX(40px);opacity:0;} } @keyframes depfees02{ 0%{transform:translateX(40px);opacity:0;} 50%{transform:translateX(0);opacity:1;} 100%{transform:translateX(-40px);opacity:0;} } .detail_card li.exrate .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-40px;width:60px;height:45px;background-image: url('/ibs/nfrc/images/ico_depexrate01.png');} .detail_card li.exrate .grp_cardimg > div:nth-child(2){display:block;top:20px;margin-left:8px;width:36px;height:32px;background-image: url('/ibs/nfrc/images/ico_depexrate02.png');} .detail_card li.exrate .grp_cardimg > div:nth-child(2){animation:depexrate 2s 1s infinite;transform-origin:left bottom;} @keyframes depexrate{ 0%{transform:rotate(0deg) translateX(0)} 50%{transform:rotate(-40deg) translateX(-5px)} 100%{transform:rotate(0deg) translateX(0)} } .detail_card li.family .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-40px;width:76px;height:64px;background-image: url('/ibs/nfrc/images/ico_depfamily01.png');} .detail_card li.family .grp_cardimg > div:nth-child(2){display:block;top:20px;margin-left:8px;width:42px;height:58px;background-image: url('/ibs/nfrc/images/ico_depfamily02.png');} .detail_card li.family .grp_cardimg > div:nth-child(2){animation:depfamily 2s 1s infinite;transform-origin:bottom;} @keyframes depfamily{ 0%{transform:rotate(0deg) translateY(0)} 25%{transform:rotate(-20deg) translateY(-3px)} 50%{transform:rotate(0deg) translateY(0)} 75%{transform:rotate(20deg) translateY(-3px)} 100%{transform:rotate(0deg) translateY(0)} } .detail_card li.stamp .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-40px;width:61px;height:61px;background-image: url('/ibs/nfrc/images/ico_depstamp01.png');} .detail_card li.stamp .grp_cardimg > div:nth-child(2){display:block;top:20px;margin-left:8px;width:28px;height:43px;background-image: url('/ibs/nfrc/images/ico_depstamp02.png');} .detail_card li.stamp .grp_cardimg > div:nth-child(3){display:block;top:65px;margin-left:10px;width:24px;height:2px;background-color:#c8cbcf;border-radius:2px} .detail_card li.stamp .grp_cardimg > div:nth-child(2){animation:depstamp 2s 1s infinite;} .detail_card li.stamp .grp_cardimg > div:nth-child(3){animation:depstamp02 2s 1s infinite;} @keyframes depstamp{ 0%{transform:translateY(0px)} 25%{transform:translateY(-12px)} 50%{transform:translateY(0px)} 75%{transform:translateY(-12px)} 100%{transform:translateY(0px)} } @keyframes depstamp02{ 0%{transform:scaleX(1)} 25%{transform:scaleX(0.7)} 50%{transform:scaleX(1)} 75%{transform:scaleX(0.7)} 100%{transform:scaleX(1)} } .detail_card li.autoend .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-40px;width:61px;height:55px;background-image: url('/ibs/nfrc/images/ico_depautoend01.png');} .detail_card li.autoend .grp_cardimg > div:nth-child(2){display:block;top:30px;margin-left:5px;width:35px;height:35px;background-image: url('/ibs/nfrc/images/ico_depautoend02.png');} .detail_card li.autoend .grp_cardimg > div:nth-child(2) > div:nth-child(1){display:block;position:absolute;top:15px;left:10px;width:0px;height:2px;border-radius:2px;background-color:#fff;transform: rotate(45deg);} .detail_card li.autoend .grp_cardimg > div:nth-child(2) > div:nth-child(2){display:block;position:absolute;top:22px;left:16px;width:0px;height:2px;border-radius:2px;background-color:#fff;transform: rotate(-45deg);} .detail_card li.autoend .grp_cardimg > div:nth-child(2){animation:depautoend 3s 1s infinite;} .detail_card li.autoend .grp_cardimg > div:nth-child(2) > div:nth-child(1){animation:depautoend02 3s 1s infinite linear;transform-origin:left;} .detail_card li.autoend .grp_cardimg > div:nth-child(2) > div:nth-child(2){animation:depautoend03 3s 1s infinite linear;transform-origin:left;} @keyframes depautoend{ 0%{transform:scale(1.7)} 25%{transform:scale(1)} 100%{transform:scale(1)} } @keyframes depautoend02{ 0%{width:0} 25%{width:0} 35%{width:10px} 100%{width:10px} } @keyframes depautoend03{ 0%{width:0} 25%{width:0} 35%{width:0} 45%{width:16px} 100%{width:16px} } .detail_card li.graph .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-42px;width:85px;height:58px;background-image: url('/ibs/nfrc/images/ico_depgraph01.png');} .detail_card li.graph .grp_cardimg > div:nth-child(2){display:block;top:17px;margin-left:-35px;width:30px;height:24px;background-image: url('/ibs/nfrc/images/ico_depgraph02.png');} .detail_card li.graph .grp_cardimg > div:nth-child(3){display:block;top:-5px;margin-left:-3px;width:13px;height:46px;background-image: url('/ibs/nfrc/images/ico_depgraph03.png');} .detail_card li.graph .grp_cardimg > div:nth-child(2){animation:depgraph 3s 1s infinite;transform:scaleY(0);transform-origin:bottom;} .detail_card li.graph .grp_cardimg > div:nth-child(3){animation:depgraph02 3s 1s infinite;transform:scaleY(0);transform-origin:bottom;} @keyframes depgraph{ 0%{transform:scaleY(0)} 25%{transform:scaleY(1)} 100%{transform:scaleY(1)} } @keyframes depgraph02{ 0%{transform:scaleY(0)} 20%{transform:scaleY(0)} 50%{transform:scaleY(1)} 100%{transform:scaleY(1)} } .detail_card li.friend .grp_cardimg > div:nth-child(1){display:block;top:20px;margin-left:-36px;width:29px;height:41px;background-image: url('/ibs/nfrc/images/ico_depfriend01.png');} .detail_card li.friend .grp_cardimg > div:nth-child(2){display:block;top:20px;margin-left:7px;width:29px;height:41px;background-image: url('/ibs/nfrc/images/ico_depfriend02.png');} .detail_card li.friend .grp_cardimg > div:nth-child(3){display:block;top:10px;margin-left:-21px;width:42px;height:59px;background-image: url('/ibs/nfrc/images/ico_depfriend03.png');} .detail_card li.friend .grp_cardimg > div:nth-child(1){animation:depfriend 4s 1s infinite;transform:translateX(10px);} .detail_card li.friend .grp_cardimg > div:nth-child(2){animation:depfriend02 4s 1s infinite;transform:translateX(-10px);} @keyframes depfriend{ 0%{transform:translateX(10px);} 33%{transform:translateX(0);} 66%{transform:translateX(50px);} 100%{transform:translateX(10px);} } @keyframes depfriend02{ 0%{transform:translateX(-10px);} 33%{transform:translateX(0);} 66%{transform:translateX(-50px);} 100%{transform:translateX(-10px);} } /* 10/22 추가 */ .detail_card li.rich .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-42px;width:87px;height:67px;background-image: url('/ibs/nfrc/images/ico_deprich0.png');} .detail_card li.rich .grp_cardimg > div:nth-child(2){display:block;top:35px;margin-left:0;width:27px;height:27px;background-image: url('/ibs/nfrc/images/ico_deprich3.png'); z-index:1;} .detail_card li.rich .grp_cardimg > div:nth-child(3){display:block;top:40px;margin-left:18px;width:27px;height:9px;background-image: url('/ibs/nfrc/images/ico_deprich2.png');} .detail_card li.rich .grp_cardimg > div:nth-child(2){animation:deprich 2s 1s infinite;} @keyframes deprich{ 0%{transform:scale(1);} 60%{transform:scale(1.1) rotate(180deg);} 100%{transform:scale(360deg)} } .detail_card li.rich .grp_cardimg > div:nth-child(3){animation:deprich2 1.5s infinite;transform-origin:right bottom;transform:rotate(0deg);} @keyframes deprich2{ 0%{transform:rotate(0deg);} 70%{transform:rotate(30deg);} 100%{transform:rotate(0deg);} } .detail_card li.cyber .grp_cardimg > div:nth-child(1){display:block;top:10px;margin-left:-35px;width:65px;height:54px;background-image: url('/ibs/nfrc/images/ico_depcyber.png');} .detail_card li.cyber .grp_cardimg > div:nth-child(2){display:block;top:20px;margin-left:15px;width:27px;height:27px;background-image: url('/ibs/nfrc/images/ico_depcyber2.png'); } .detail_card li.cyber .grp_cardimg > div:nth-child(2){animation:cardonline 4s 1s infinite;} .detail_card li.event .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-40px;width:76px;height:62px;background-image: url('/ibs/nfrc/images/ico_depevent.png');} .detail_card li.event .grp_cardimg > div:nth-child(2){display:block;top:8px;margin-left:8px;width:23px;height:23px;background-image: url('/ibs/nfrc/images/ico_depevent2.png');} .detail_card li.event .grp_cardimg > div:nth-child(2){animation:depevent 2s 1s infinite;} @keyframes depevent{ 0%{transform:scale(1.7)} 25%{transform:scale(1)} 100%{transform:scale(1)} } .detail_card li.soldier .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-40px;width:76px;height:64px;background-image: url('/ibs/nfrc/images/ico_depsoldier.png');} .detail_card li.soldier .grp_cardimg > div:nth-child(2){display:block;top:9px;margin-left:8px;width:47px;height:70px;background-image: url('/ibs/nfrc/images/ico_depsoldier2.png');} .detail_card li.soldier .grp_cardimg > div:nth-child(2){animation:depsoldier 2s 1s infinite;transform-origin:bottom;} @keyframes depsoldier{ 0%{transform:rotate(0deg) translateY(0)} 25%{transform:rotate(-20deg) translateY(-3px)} 50%{transform:rotate(0deg) translateY(0)} 75%{transform:rotate(20deg) translateY(-3px)} 100%{transform:rotate(0deg) translateY(0)} } .detail_card li.new .grp_cardimg > div:nth-child(1){display:block;top:0px;margin-left:-40px;width:76px;height:64px;background-image: url('/ibs/nfrc/images/ico_depnew.png');} .detail_card li.new .grp_cardimg > div:nth-child(2){display:block;top:28px;margin-left:8px;width:40px;height:40px;background-image: url('/ibs/nfrc/images/ico_depnew2.png');} .detail_card li.new .grp_cardimg > div:nth-child(2){animation:depnew 1.5s infinite;transform-origin:right bottom;transform:rotate(0deg);} @keyframes depnew{ 0%{transform:rotate(0deg);} 70%{transform:rotate(30deg);} 100%{transform:rotate(0deg);} } /* dep_list END */ /* contarea complate START */ .contarea.complate, .complateDiv{text-align:center;} .contarea.complate{padding-top:0 !important;} .contarea.complate > .btnarea,.contarea.complate > .formarea{margin-top:30px} .contarea.complate > .w2group:first-child{animation:boom 0.5s;margin:30px auto 0;width:110px;height:110px;overflow:hidden;background-color:#f7f7f7;border-radius:50%;transition: all 0.3s ease-in;transform: scale(1);} .contarea.complate > .w2group:first-child > div{position: relative;top: 50%;margin:0 auto;width: 64px;height: 56px;transform: translateY(-250%);animation:boom_in 0.3s 0.5s;animation-fill-mode: forwards;} .contarea.complate > .w2group .icon_comp{background: url('/ibs/nfrc/images/ico_comp.png') no-repeat center;background-size:63px} .contarea.complate > .w2group .icon_noti{top:47%;background: url('/ibs/nfrc/images/ico_noti.png') no-repeat center;background-size:63px} .contarea.complate > .w2group .icon_fail{background: url('/ibs/nfrc/images/ico_fail.png') no-repeat center;background-size:63px} .contarea.complate > .w2group .icon_ing{width:55px !important;height:60px !important;background: url('/ibs/nfrc/images/ico_ing.png') no-repeat center;background-size:55px} .contarea.complate > .w2group .icon_ing span{animation:icon_ing1 2s 1.5s infinite;position:absolute;left:12px;top:25px;width:6px;height:6px;display:block;background-color:#ff5a00;border-radius:3px;} .contarea.complate > .w2group .icon_ing span:nth-child(2){animation:icon_ing2 2s 1.5s infinite;left:24px} .contarea.complate > .w2group .icon_ing span:nth-child(3){animation:icon_ing3 2s 1.5s infinite;left:36px} @keyframes icon_ing1{ 0%{transform:translateY(0);} 20%{transform:translateY(-10px);} 40%{transform:translateY(0);} } @keyframes icon_ing2{ 0%{transform:translateY(0);} 20%{transform:translateY(0);} 40%{transform:translateY(-10px);} 60%{transform:translateY(0);} } @keyframes icon_ing3{ 0%{transform:translateY(0);} 40%{transform:translateY(0);} 60%{transform:translateY(-10px);} 80%{transform:translateY(0);} } .contarea.complate .comp_text{animation:opa 0.8s 0.5s;font-size:23px;margin-top:30px;opacity:0;animation-fill-mode: forwards;} .contarea.complate .comp_text2{animation:opa 0.8s 0.7s;color:#8a9db4;margin-top:30px;opacity:0;animation-fill-mode: forwards;} .contarea.complate .comp_text2.fc_blu{animation:opa 0.8s 0.7s;margin-top:15px;animation-fill-mode: forwards} .contarea.complate .comp_text2.fc_blu + .comp_text2{animation:opa 0.8s 0.9s;margin-top:5px;animation-fill-mode: forwards} .contarea.complate .btn_link, .complateDiv .btn_link{animation:opa 0.8s 0.7s;margin-top:30px;margin-bottom:15px;opacity:0;animation-fill-mode: forwards} .contarea.complate > .btn_link + .formarea, .complateDiv > .btn_link + .formarea {margin-top: 0} .grp_comp_banner{margin:30px -15px 0;min-height:105px;background:#6078ea url('/ibs/nfrc/images/bg_comp_banner.png') no-repeat left 20px center;background-size:63px;color:#fff;padding:15px 15px 15px 102px;box-sizing:border-box} .grp_comp_banner > div > .w2textbox,.grp_comp_banner > div > span{font-size:15px;} .grp_comp_banner > div > span:nth-child(2){color:#ffdd3c} .grp_comp_banner > .w2textbox{margin-top:10px} /* contarea complate END */ /* toparea START */ .toparea{position:relative;height:250px;} .toparea.auto{height: auto;padding-bottom: 30px;} .toparea + .contarea{margin-top:40px} .toparea div[class *= "img_"] img{width:100%;height:100%} .toparea .grp_btn{position:absolute;top:10px;right:15px;} .toparea .grp_btn li{display:inline-block;margin-left:10px} .toparea .grp_btn li + li:before{content:"";display:inline-block;width:1px;height:7px;margin-right:10px;background-color:#fff} .toparea .grp_btn li a{color:#cad1d8} .toparea .big{color:#fff; font-size: 24px; padding:50px 15px 5px;} .toparea .medium{color:#fff; font-size: 25px; padding-top:35px;padding-bottom:20px;} .toparea .small{color:#fff; padding:0 0 50px 15px;} .toparea .img_rabbit {position: absolute;right: 0;top:140px;width: 209px;height: 135px;overflow:hidden;} .toparea .img_rabbit img{animation:rabbit 2s 0.2s ease-out;animation-fill-mode: forwards;transform:translateX(120px);} @keyframes rabbit{ 0%{transform:translateX(120px);} 100%{transform:translateX(0);} } .toparea .img_popcorn{position: absolute;top:6px;left:50%;margin-left:-139px;width:278px;height:192px;overflow:hidden;} .toparea .img_popcorn img{width:100%;height:100%} .toparea .img_checkcard{position: absolute;top:60px;right:0;width:250px;height:250px;overflow:hidden;} .toparea .img_checkcard01{animation:checkcard 0.6s 0.4s ease-out;opacity:0;position:absolute;top:40px;right:0;width: 229px;height: 199px;transform:translate(100px,100px);animation-fill-mode: forwards} .toparea .img_checkcard02{animation:checkcard 1s ease-out;opacity:0;position:absolute;right:-110px;width: 229px;height: 199px;transform:translate(100px,100px);animation-fill-mode: forwards} @keyframes checkcard{ 100%{transform:translate(0,0);opacity:1;} } .toparea .img_remit{position:absolute;top:70px;right:0;width:200px;height:225px;background: url('/ibs/nfrc/images/img_iphone.png') no-repeat center right;background-size:128px;overflow:hidden;} .toparea .img_remit img:nth-child(1){position:absolute;top:40px;right:30px;width:115px;height:55px;animation:checkcard 0.6s 0.4s ease-out;opacity:0;transform:translate(50px,0);animation-fill-mode: forwards} .toparea .img_remit img:nth-child(2){position:absolute;top:120px;right:30px;width:115px;height:55px;animation:checkcard 0.6s 0.7s ease-out;opacity:0;transform:translate(50px,0);animation-fill-mode: forwards} .toparea .img_remit img:nth-child(3){position:absolute;top:72px;right:50px;width:151px;height:72px;animation:checkcard 0.6s 0.9s ease-out;opacity:0;transform:translate(50px,0);animation-fill-mode: forwards} @keyframes remit{ 100%{transform:translate(0,0);opacity:1;} } .toparea.gid{height:476px;text-align:center;} .toparea.gid > img{box-shadow:0 0 25px #ccc;border-radius:10px} .toparea .img_gid01{position: absolute;left: calc(50% - 100px);top:150px;width: 129px;height: 261px;} .toparea .img_gid02{position: absolute;left: 50%;top:170px;width: 103px;height: 208px;} .toparea.exc{height:180px;padding-top:40px;text-align:center;background-color:#6b38bc} .toparea.exc > .w2textbox{font-size:21px;color:#fff;line-height:26px} .toparea.exc > img{width:68px;height:76px;margin:20px 0 0 -10px;} .toparea.exc > img:nth-of-type(2){animation:cardplane 4s 1s infinite;transform:translate(40px,60px);opacity:0;position:absolute;top:90px;left:50%;width:47px;height:47px;margin:0 0 0 15px;} .toparea.sbk{background-color:#3d68c7} .toparea.sbk > .top_tit{font-size:20px;color:#fff;line-height:26px} .toparea.sbk > .txsub{color:#cad1d8; font-size:15px;} .toparea.namecard{text-align:center;overflow:hidden;} /* .toparea.namecard > .idcard{position:relative;top:50%;width:70%;max-width:340px;margin:0 auto;margin-top:-25%;overflow:hidden;border-radius:13px;box-shadow:3px 3px 4px 0px rgba(0, 0, 0, 0.5);} .toparea.namecard > .idcard > img{width:100%;max-height:220px;} */ .toparea.namecard .idcard{position:relative;width:70%;/* max-width:300px; */margin:0 auto;overflow:hidden;border-radius:13px;box-shadow:3px 3px 4px 0px rgba(0, 0, 0, 0.5);} .toparea.namecard .idcard > img{width:100%;height:auto;} .toparea.lon{height:auto;margin-top:-45px} .toparea.lon > img{width:100%;height:auto;} .toparea.nfc{text-align:center;height:190px} .toparea.nfc > .top_tit{padding-top:60px;font-size:25px;color:#fff;line-height:26px} .toparea.nfc > .txsub{color:#cad1d8; font-size:15px;} .toparea.complate{height:170px} .toparea .img_comp{position:absolute;left:50%;margin:0px 0 0 -100px;width:200px;height:125px;} .toparea .img_comp .w2textbox{position: absolute;top: 20px;left: 15px;color: #fff;font-size: 18px;} .toparea .img_comp img{width:100%;height:100%} .toparea.complate + .contarea{margin-top:75px;} .contarea > .fc_gry2{font-size:15px;} .toparea .bg_comp div{position:absolute;width:15px;height:15px;opacity:0;} .toparea .bg_comp div:nth-child(1){top:10%;left:10%;animation: compbg 2s linear infinite;background: url('/ibs/nfrc/images/comp01.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(2){top:25%;left:30%;animation: compbg 2s 0.3s linear infinite;background: url('/ibs/nfrc/images/comp02.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(3){top:16%;left:60%;animation: compbg 2s 0.2s linear infinite;background: url('/ibs/nfrc/images/comp03.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(4){top:20%;left:15%;animation: compbg2 2s 0.1s linear infinite;background: url('/ibs/nfrc/images/comp04.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(5){top:10%;left:81%;animation: compbg 2s 0.7s linear infinite;background: url('/ibs/nfrc/images/comp05.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(6){top:11%;left:80%;animation: compbg2 2s 0.3s linear infinite;background: url('/ibs/nfrc/images/comp06.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(7){top:31%;left:90%;animation: compbg 2s 0.9s linear infinite;background: url('/ibs/nfrc/images/comp07.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(8){top:24%;left:54%;animation: compbg2 2s 1.2s linear infinite;background: url('/ibs/nfrc/images/comp08.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(9){top:26%;left:11%;animation: compbg 2s 1.4s linear infinite;background: url('/ibs/nfrc/images/comp09.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(10){top:14%;left:23%;animation: compbg 2s 1.3s linear infinite;background: url('/ibs/nfrc/images/comp10.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(11){top:11%;left:79%;animation: compbg 2s 0.9s linear infinite;background: url('/ibs/nfrc/images/comp11.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(12){top:13%;left:39%;animation: compbg2 2s 0.5s linear infinite;background: url('/ibs/nfrc/images/comp12.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(13){top:16%;left:87%;animation: compbg2 2s 1.2s linear infinite;background: url('/ibs/nfrc/images/comp13.png') no-repeat center;background-size:15px;} .toparea .bg_comp div:nth-child(14){top:19%;left:76%;animation: compbg 2s 1.3s linear infinite;background: url('/ibs/nfrc/images/comp14.png') no-repeat center;background-size:15px;} @keyframes compbg{ 0%{transform:rotate(-5deg) translateY(-25px)} 40%{transform:rotate(15deg) translateY(20px);opacity:100;} 75%{transform:rotate(0deg) translateY(60px);opacity:100;} 100%{transform:rotate(-10deg) translateY(130px);opacity:0;} } @keyframes compbg2{ 0%{transform:rotate(-20deg) translateY(-25px)} 40%{transform:rotate(55deg) translateY(20px);opacity:100;} 75%{transform:rotate(-20deg) translateY(60px);opacity:100;} 100%{transform:rotate(10deg) translateY(130px);opacity:0;} } /* toparea END */ /* etc page START */ .list_namecard{margin-top:40px;} .list_namecard li{display:inline-block;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;color:#fff;font-size:16px;line-height:20px;} .list_namecard li > div:first-child{display:inline-block;width:60px;height:60px;margin-bottom:15px;background:rgba(60,73,88,0.3) url('/ibs/nfrc/images/ico_namecard01.png') no-repeat center;background-size:38px;border:1px solid rgba(255,255,255,0.3);border-radius:50%;box-sizing:border-box;-moz-box-sizing:border-box;} /* 11/30 간지수정 */ .cameraCont .bg_namecard .toparea.nfc > .txsub{color:#fff; font-size:15px;} .cameraCont .list_namecard{margin-top:-80px; text-align:center;} .cameraCont .list_namecard li{display:inline-block;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;color:#fff;font-size:16px;line-height:20px; vertical-align:top;letter-spacing:-0.5px;} .cameraCont .list_namecard li .circle{display:inline-block;width:95px;height:95px;margin-bottom:15px;background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.3);border-radius:50%;box-sizing:border-box;-moz-box-sizing:border-box;} .cameraCont .list_namecard li:first-child .circle{background-image:url('/ibs/nfrc/images/ico_namecard01.png'); background-repeat:no-repeat; background-position:center;background-size:60% auto;} .cameraCont .list_namecard li .circle > div{padding:30px 0 0; font-size:12px; line-height:16px;} .cameraCont .list_namecard li > div:nth-child(3){padding:3px 0 0; font-size:14px;} .cameraCont .list_namecard.listnum{margin:0; text-align:left;} .cameraCont .list_namecard.listnum li{display:block; width:100%; padding:2px 0 0 25px; margin:0 0 18px; color:#3c4958; box-sizing:border-box;} .cameraCont .list_namecard.listnum li:before{content:counter(num); display:inline-block; width:20px; height:20px; background:#309fe2; color:#fff; line-height:24px; text-align:center; border-radius:50%;} .cameraCont .toparea.nfc.camera{height:auto; padding:0 0 140px; background:#3c4958 url('/ibs/nfrc/images/bg_namecard2.png') no-repeat 50% 85%; background-size:95px auto;} .cameraCont .namecard_copyright{position:relative;padding-top:50px;margin-top:100px;text-align:center;color:#637b98;font-size:18px;line-height:27px;} .cameraCont .namecard_copyright:before{content:"";position:absolute;top:0;left:50%;display:block;width:30px;height:34px;margin-left:-13px;background:url('/ibs/nfrc/images/ico_namecard_copyright.png') no-repeat;background-size:100% auto;} .grp_dep{width:230px;height:195px;margin:0 auto;background:url('/ibs/nfrc/images/img_dep01.png') no-repeat top center;background-size: 158px} .grp_dep img{animation:scale 1s 0.5s;width:230px;height:60px;margin-top:45px;transform: scale(0.6);animation-fill-mode: forwards} .grp_frd{width:230px;height:199px;margin:0 auto;background:url('/ibs/nfrc/images/img_frd.png') no-repeat center;background-size: 158px} .grp_frd > div{animation:scale 0.4s 0.2s ease-out;opacity:0;display:inline-block;width:228px;height:43px;margin-top:45px;line-height:45px;background:#fff;border:1px solid #309fe2;transform: scale(0.6);animation-fill-mode: forwards} .list_smart li + li{margin-top:50px} .list_smart li a{display:block;text-align:center;padding-top:75px} .list_smart li:nth-child(1) a{background:url('/ibs/nfrc/images/ico_phonewon.png') no-repeat top center;background-size: 60px} .list_smart li:nth-child(2) a{background:url('/ibs/nfrc/images/ico_phoneotp.png') no-repeat top center;background-size: 60px} .list_smart li:nth-child(3) a{background:url('/ibs/nfrc/images/ico_phonesav.png') no-repeat top center;background-size: 60px} .list_smart .top_tit{padding-top:0;font-size:17px} .list_smart .top_tit:after{content:''; display:inline-block; width:6px; height:6px; margin:0 0 0 4px; border:2px solid #000; border-color:transparent #000 #000 transparent; transform: rotate(-45deg);} .list_smart .top_tit + .txsub, .list_smart .top_tit + .txsub2{margin-top:10px; font-size:15px; line-height:20px;} .grp_otp{background:#fff} .grp_otp .titlearea{padding:20px 0 10px;} .grp_otp .titlearea h3{color:#309fe2;font-weight:normal} .grp_otp .w2textbox + .w2textbox{margin-top:10px} .grp_otp .tit + .w2textbox{margin-top:5px} .img_otp01{height:90px;padding:30px;background:url('/ibs/nfrc/images/img_otp01.png') no-repeat center center;background-size: 90px} .img_otp02{height:90px;padding:30px;background:url('/ibs/nfrc/images/img_otp02.png') no-repeat center center;background-size: 90px} .list_exc{margin: 30px 15px 12px;} .contarea > .list_exc{margin-right:0; margin-left:0;} .list_exc > li{list-style:none;margin-top: 30px} .toparea.ptn_exc{height:auto} .toparea.ptn_exc img{width:100%;height:auto} .list_step{padding-bottom:10px} .list_step li{display: flex;flex-direction: column;justify-content: center;height: 117px;padding:0 20px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 15px #bbb; color:#3c4958;font-size:15px} .list_step li + li{margin-top:25px} .list_step li .tit{margin-bottom:10px;font-size:16px;color:#6938bb} .list_step.ptnexc li:nth-child(1){background:#fff url('/ibs/nfrc/images/ico_ptnexc01.png') no-repeat right 20px center;background-size: 71px} .list_step.ptnexc li:nth-child(2){background:#fff url('/ibs/nfrc/images/ico_ptnexc02.png') no-repeat right 20px center;background-size: 71px} .list_icon{text-align:center;} .list_icon li{display:inline-block;width:33%;vertical-align:top;line-height:17px} .list_icon li:nth-child(2){width:34%;} .list_icon li:before{content:"";display:block;width:52px;height:52px;margin:0 auto 10px;} .list_icon li:nth-child(1):before{background:url('/ibs/nfrc/images/ico_ready01.png') no-repeat center center;background-size: 52px} .list_icon li:nth-child(2):before{background:url('/ibs/nfrc/images/ico_ready02.png') no-repeat center center;background-size: 52px} .list_icon li:nth-child(3):before{background:url('/ibs/nfrc/images/ico_ready03.png') no-repeat center center;background-size: 52px} .list_gidicon > li{position:relative;margin-top:20px;display: flex;height: 89px;border: 1px solid #e5e8eb;align-items: center;border-radius: 10px;background-color: #fff;} .list_gidicon > li > div:first-child{text-align:center;width:40%;font-size:12px} .list_gidicon > li > ul li + li{margin-top:5px} .list_gidicon > li > div:first-child:before{content:"";display:block;margin:0 auto 4px;} .list_gidicon > li > div:first-child:after{content:"";display:block;position:absolute;left: 20%;bottom: -15px;margin-left:-6px} .list_gidicon > li:nth-child(1) > div:first-child{color:#3087e2} .list_gidicon > li:nth-child(2) > div:first-child{color:#309fe2} .list_gidicon > li:nth-child(3) > div:first-child{color:#15c18c} .list_gidicon > li:nth-child(4) > div:first-child{color:#00c7bc} .list_gidicon > li:nth-child(1) > div:first-child:before{width:20px;height:29px;background:url('/ibs/nfrc/images/ico_gid01.png') no-repeat center center;background-size: 20px} .list_gidicon > li:nth-child(2) > div:first-child:before{width:27px;height:20px;background:url('/ibs/nfrc/images/ico_gid02.png') no-repeat center center;background-size: 27px} .list_gidicon > li:nth-child(3) > div:first-child:before{width:20px;height:29px;background:url('/ibs/nfrc/images/ico_gid03.png') no-repeat center center;background-size: 20px} .list_gidicon > li:nth-child(4) > div:first-child:before{width:27px;height:20px;background:url('/ibs/nfrc/images/ico_gid04.png') no-repeat center center;background-size: 27px} .list_gidicon > li:nth-child(1) > div:first-child:after{width:11px;height:6px;background:url('/ibs/nfrc/images/ico_gidArrow01.png') no-repeat center center;background-size: 11px} .list_gidicon > li:nth-child(2) > div:first-child:after{width:11px;height:6px;background:url('/ibs/nfrc/images/ico_gidArrow02.png') no-repeat center center;background-size: 11px} .list_gidicon > li:nth-child(3) > div:first-child:after{width:11px;height:6px;background:url('/ibs/nfrc/images/ico_gidArrow03.png') no-repeat center center;background-size: 11px} .finance_area{background-color:#fff} .finance_area .titarea{padding:15px 15px 0;border-top:1px solid #e5e8eb} .finance_area .titarea > .w2textbox{font-size:15px;} .finance_area .titarea > .w2textbox:last-child{font-size:12px;color:#637a99;margin-top:7px;padding-bottom:15px;border-bottom:1px solid #f2f3f5;} .finance_area .contarea{padding:15px;} .finance_area .contarea > .w2textbox{color:#3c4958} .finance_area .contarea img{width:100%;margin-bottom:30px} .event_area{background-color:#fff} .event_area + .event_area{margin-top:30px} .event_area .imgarea{border:1px solid #e5e8eb} .event_area .imgarea img{width:100%;height:100%} .event_area .titarea{padding:10px;border:1px solid #e5e8eb;border-top:0} .event_area .titarea > .w2textbox:last-child{font-size:12px;color:#637a99;margin-top:4px} .nfc_set{text-align:center;margin-top:15px} .nfc_set .btn_combo_set{position:relative;display:block;width:40px;height:40px;margin:0 auto;border-radius:50%;font-size:0;line-height:0;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);} .nfc_set .btn_combo_set.plus{background:#fff url(/ibs/nfrc/images/ico_combo_plus.png) no-repeat center center;background-size:50% auto;} .nfc_set .btn_combo_set.reset{background:#fff url(/ibs/nfrc/images/ico_combo_reset.png) no-repeat center center;background-size:50% auto;} .nfc_set .txt{color:#8a9db4;font-size:12px;margin-top:7px;} .list_rd li{display:inline-block;width:50%;text-align:center;} .list_rd li:first-child:before{content:"";display:block;margin:0 auto;width:80px;height:80px;background: url(/ibs/nfrc/images/ico_rd01.png) no-repeat center center;background-size:80px} .list_rd li:nth-child(2):before{content:"";display:block;margin:0 auto;width:80px;height:80px;background: url(/ibs/nfrc/images/ico_rd02.png) no-repeat center center;background-size:80px} .list_popcorn{margin:20px 0;position:relative;} .list_popcorn li{display:inline-block;border-radius:15px;width:120px;height:130px;border:1px solid #e6e9eb;vertical-align:top;color:#637b98;overflow:hidden;} .list_popcorn li + li{margin-left:10px;} .list_popcorn li + li:before{content:"or";position:absolute;top:50px;left:50%;margin-left:-12px;width:25px;height:25px;border-radius:13px;background-color:#000;color:#fff;font-size:17px;line-height:25px;} .list_popcorn li > .w2textbox{font-size:15px;position:relative;} .list_popcorn li > .w2textbox:first-child{background:#e6e9eb;height:25px;font-size:14px;line-height:25px;} .list_popcorn li:first-child .w2textbox:nth-child(3){font-size:20px;color:#1271d5} .list_popcorn li:last-child .w2textbox:nth-child(4){font-size:20px;color:#ff5a00} .list_popcorn li > .w2textbox + .w2textbox{margin-top:16px;} .list_popcorn li > .w2textbox + .w2textbox:before{content:"+";display:block;position:absolute;top: -19px;left: 50%;margin-left: -6px;font-size: 22px;color:#637b98} .list_popcorn li > .w2textbox:nth-child(2){margin-top:6px;} .list_popcorn li > .w2textbox:nth-child(2):before{display:none} .listnum.popcorn > li{color:#637b98;text-align:left;counter-increment: nump;padding-left:22px;font-size:15px;} .listnum.popcorn > li span{color:#309fe2} .listnum.popcorn > li:before{content: counter(nump);width:18px;height:18px;border-radius:9px;color:#fff;background-color:#309fe2;font-size:15px;line-height:20px;text-align:center} /* etc page END */ /* certification START */ .certification{height:100%;} .certification .copyright{position:absolute;top:30px;left:15px;/* padding:30px 15px; */color:#000;font-size:18px;} .certification .copyright .txt{margin-top:30px;margin-bottom:10px;opacity:0;} .certification .copyright.active .txt:nth-child(1){animation:txactive 1.5s ease-out 0.6s;animation-fill-mode: forwards;} .certification .copyright.active .txt:nth-child(2){animation:txactive 1.5s ease-out 0.8s;animation-fill-mode: forwards;} .certification .copyright.active .txt:nth-child(3){animation:txactive 1.5s ease-out 1s;animation-fill-mode: forwards;} @keyframes txactive{ to{margin-top:0;opacity:1;} } .certification .cert_flow{position:relative;height:100%;margin:0 15px;text-align:center;} .certification .cert_flow li{visibility:hidden;transition:all 0.6s;position:absolute;top:115%;width:100%;transform:scale(0.8);opacity:0.8;margin-top:-100px;overflow:hidden;padding:35px 0;border-radius:15px;background-color:rgba(0,0,0,0.4); /* margin:10px 0; */} .certification .cert_flow .txt{display:inline-block;height:30px;line-height:30px;color:#fff;font-size:18px;} .certification .cert_flow .formbox{position:relative;display:inline-block;margin:0 10px;} .certification .cert_flow .formbox .w2input, .certification .cert_flow .formbox .w2selectbox_native{display:inline-block;height:30px;border:none;font-size:20px;text-align:center;color:#fff !important;border-bottom:2px solid #fff;background:transparent !important;} .certification .cert_flow .w2anchor2[class*="btn_"].medium{margin:0 5px;height:35px !important;font-size:15px;line-height:33px !important;color:#fff;border:2px solid #fff;border-radius:30px;background:transparent;} .certification .cert_flow .w2anchor2[class*="btn_"].on, .certification .cert_flow .w2anchor2[class*="btn_"]:active{color:#25f5db !important;border:2px solid #25f5db !important;background-color:transparent;} .certification .cert_flow .cert_name{} .certification .cert_flow .cert_name > .txt{letter-spacing:-0.5px;} .certification .cert_flow .cert_name .formbox{width:115px;} .certification .cert_flow .cert_name .formbox .w2input{font-size:23px;} .certification .cert_flow .cert_name.prev .formbox{pointer-events:none;} .certification .cert_flow .cert_jumin{} .certification .cert_flow .cert_jumin .w2input[type=password]{padding: 5px 15px 9px 12px;font-size: 16px;letter-spacing:1px;} .certification .cert_flow .cert_jumin .w2input::-webkit-input-placeholder{opacity:0.8;font-size:16px;line-height:16px;text-align:center;color:#fff !important;} .certification .cert_flow .cert_jumin .formbox .w2input{width:100px;/* font-size:20px; */text-align:center;} .certification .cert_flow .cert_jumin .formbox .juminPlaceholder{display:inline-block; position:relative;} .certification .cert_flow .cert_jumin .formbox label{position:absolute; left:18px; top:4px; color:#fff; font-size:16px; z-index:-1;} .certification .cert_flow .cert_jumin .formbox input[type=password]{} .certification .cert_flow .cert_jumin .formbox input[type=password]:focus + label{color:transparent;} .certification .cert_flow .cert_jumin .formbox .midline{position:absolute;top:0;left:50%;margin-left:-5px;} .certification .cert_flow .cert_jumin.prev .formbox{pointer-events:none;} /* .certification .cert_flow .cert_way{padding:18px 0;} */ .certification .cert_flow .cert_way .w2checkbox .w2checkbox_item .w2checkbox_label{color:#fff;} .certification .cert_flow .cert_way.prev a, .certification .cert_flow .cert_way.prev .w2checkbox{pointer-events:none;} .certification .cert_flow .cert_way .w2checkbox + a{display:inline-block;width:26px;height:26px;background: url('/ibs/nfrc/images/ico_arrowright.png') no-repeat top 5px center;line-height:0;font-size:0;background-size: 8px;vertical-align:middle;} .certification .cert_flow .cert_way .w2group.mt10:first-child{margin-top:0 !important;} .certification .cert_flow .cert_phone{} .certification .cert_flow .cert_phone .formbox{margin:0 15px} .certification .cert_flow .cert_phone .w2selectbox_native{width:calc(45% - 5px);height:28px;margin-right:5px;vertical-align:top;} .certification .cert_flow .cert_phone .w2selectbox_native .w2selectbox_native_select{height:30px;padding:0;border:none;font-size:16px;color:#fff;background:url('/ibs/nfrc/images/ico_select_white.png') no-repeat right 10px center;background-size:13px;} .certification .cert_flow .cert_phone .w2input{width:55%;padding:0;vertical-align:top;/* font-size:16px; */} .certification .cert_flow .cert_phone.prev .formbox{pointer-events:none;} .certification .cert_flow .cert_sixnum{} .certification .cert_flow .cert_sixnum .formbox{width:50%;margin:0 5px;} .certification .cert_flow .cert_sixnum .formbox .w2input{text-align:left;} .certification .cert_flow .cert_sixnum .formbox .timer{position:absolute;position:absolute;right:0;top:0;color:#25f5db;font-size:15px;} .certification .cert_flow .cert_sixnum.prev .formbox{pointer-events:none;} .certification .cert_flow li.first{visibility:visible;top:60%;transform:scale(1);opacity:1;} .certification .cert_flow li.prev{visibility:visible;top:35%;transform:scale(0.8);opacity:0.5;background-color:rgba(0,0,0,0.1);} .certification .cert_flow li.view{visibility:visible;top:60%;transform:scale(1);opacity:1;} .certification .cert_flow li.next{visibility:visible;top:90%;transform:scale(0.8);opacity:0;background-color:rgba(0,0,0,0);pointer-events:none;} .certification .cert_flow li.out{visibility:hidden;/* top:0%; */transform:scale(0.8);opacity:0;background-color:rgba(0,0,0,0);pointer-events:none;} /* .certification .cert_flow li.out_b{top:100%;transform:scale(0.8);opacity:0;background-color:rgba(0,0,0,0);pointer-events:none;} */ /* .certification .cert_flow .first{display:block;top:110%;opacity:0;animation:certfirstactive 0.5s ease-out;animation-fill-mode:forwards;} @keyframes certfirstactive{ to{top:80%;opacity:1;transform:scale(1);} } .certification .cert_flow .prev{animation:certprev 0.6s ease-out;animation-fill-mode:forwards;} @keyframes certprev{ to{top:30%;opacity:0.5;transform:scale(0.8);} } .certification .cert_flow .view{animation:certview 0.6s ease-out;animation-fill-mode:forwards;} @keyframes certview{ to{top:50%;opacity:1;transform:scale(1);} } .certification .cert_flow .next{animation:certnext 0.6s ease-out;animation-fill-mode:forwards;} @keyframes certnext{ to{top:80%;opacity:0.5;transform:scale(0.8);} } */ /* certification END */ /* transition:background-color .25s; */ /* combo_product START */ .combo{overflow:hidden;/* height:100% !important; */padding-bottom:230px !important;} .combo .contarea{padding:0 35px;} .combo .cmb_tit{font-size:15px;color:#637b98;text-align:center;} .combo .productview{_overflow:hidden;position:relative;margin-top:15px;padding-bottom:40px;} .combo .productview:before, .combo .productview:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} /* .combo .productview.chkcardtype{padding-bottom:70px;} */ .combo .productview .apply_product{z-index:1;/* position:absolute;top:0;left:0;right:0; */position:relative;perspective:550px;-webkit-perspective:550px;} .combo .productview .apply_product .product_info .inner .pdata .pdata_people{position:absolute;left:105px;min-width:120px;} .combo .productview .apply_product.notshow{transform:scale(0.2);opacity:0;} .combo .productview .apply_product.prev{} .combo .productview .apply_product.firstshow{transform:scale(0.2);opacity:0;animation:apply_firstshow 0.6s ease-out;-webkit-animation:apply_firstshow 0.6s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .combo .productview .apply_product.backshow{animation:apply_back 0.6s ease-out;-webkit-animation:apply_back 0.6s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .combo .productview .apply_product.frontshow{animation:apply_front 0.6s;-webkit-animation:apply_front 0.6s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} @keyframes apply_firstshow{ to{transform:scale(1);-webkit-transform:scale(1));opacity:1;} } @keyframes apply_back{ 30%{transform:translateY(-10%);-webkit-transform:translateY(-10%);} 100%{transform:scale(0.9) translateY(0%);-webkit-transform:scale(0.9) translateY(0%);} } @keyframes apply_front{ 60%{transform:translateY(-10%);-webkit-transform:translateY(-10%);} 100%{transform:scale(1) translateY(0%);-webkit-transform:scale(1) translateY(0%);} } .combo .productview .chk_product{position:absolute;bottom:0;width:100%;perspective:600px;-webkit-perspective:600px;} .combo .productview .chk_product .inner{/* display:none !important; */opacity:1;transition:opacity 0.5s;} .combo .productview.chkcardtype .chk_product .inner{opacity:0;} .combo .productview .chk_product.notshow{transform:scale(0.5);opacity:0;bottom:-100px;} .combo .productview .chk_product.firstshow{z-index:1;bottom:40px;transform:scale(0.5);opacity:0;animation:chk_firstshow 0.8s 0.5s;-webkit-animation:chk_firstshow 0.8s 0.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;transition:transform 0.5s ease-out;} @keyframes chk_firstshow{ 30%{opacity:1;}50%{bottom:-80px;opacity:1;}100%{z-index:0;bottom:0;transform:scale(0.9);-webkit-transform:scale(0.9));opacity:1;} } .combo .productview .chk_product.chkfront{animation:chkfront 0.6s ease-out;-webkit-animation:chkfront 0.6s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .combo .productview .chk_product.chkback{animation:chkback 0.6s ease-out;-webkit-animation:chkback 0.6s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} @keyframes chkfront{ 50%{_z-index:1;bottom:-120px;transform:scale(0.5);-webkit-transform:scale(0.5));} 100%{z-index:1;bottom:0;transform:scale(1);-webkit-transform:scale(1));} } @keyframes chkback{ 0%{z-index:1;} 50%{z-index:0;bottom:-120px;transform:scale(0.5);-webkit-transform:scale(0.5));} 100%{z-index:0;bottom:0;transform:scale(0.9);-webkit-transform:scale(0.9));} } .combo .product_info{overflow:hidden;position:relative;max-width:400px;min-height:150px;margin:0 auto;/* border-radius:10px; */} .combo .product_info img{width:100%;} .combo .product_info .inner{position:absolute;top:20px;left:20px;right:20px;bottom:20px;} .combo .product_info .inner .pname{font-size:24px;color:#fff;} .combo .product_info .inner .pdata{position:absolute;left:0;bottom:0;} .combo .product_info .inner .pdata .numtx{font-size:22px;letter-spacing:-0.2px;} .combo .product_info .inner .pdata .tx + .numtx{display:inline-block;min-width:36px;text-align:right;margin-left:4px;} .combo .product_info .inner .pdata .tx{font-size:15px;} .combo .product_info .inner .pdata .pdata_per{display:inline-block;margin-right:20px;color:#fff;} .combo .product_info .inner .pdata .pdata_per .picon{padding:0 0 5px 17px;background: url(/ibs/nfrc/images/ico_combo_per.png) no-repeat;background-size:12px auto;} .combo .product_info .inner .pdata .pdata_people{/* position:absolute;left:105px; */ display:inline-block;color:#fff;} .combo .product_info .inner .pdata .pdata_people .picon{padding:0 0 5px 17px;background: url(/ibs/nfrc/images/ico_combo_people.png) no-repeat;background-size:12px auto;} .combo .product_info.chkcard .inner{display:none;} .combo .product_info .nogoods{position:absolute;top:50%;width:100%;margin-top:-15px;font-size:20px;color:#fff;text-align:center;} .combo .product_info.fllip{position:relative;overflow:visible;border-radius:0;transform-style:preserve-3d;} .combo .product_info.fllip.firstshow{animation:productfllip 0.6s ease-out;-webkit-animation:productfllip 0.6s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .combo .product_info.fllip .front, .combo .product_info.fllip .back{width:100%;height:100%;overflow:hidden;/* border-radius:10px; */backface-visibility:hidden;-webkit-backface-visibility:hidden;} .combo .product_info.fllip .front{position:absolute;background-color:#637b98;} .combo .product_info.fllip .back{position:relative;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);} @keyframes productfllip{ to{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);} } .combo .product_info.chkfllip{position:relative;overflow:visible;border-radius:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d; transition:transform 0.6s ease-out;-webkit-transition:transform 0.6s ease-out;} .combo .product_info.chkfllip.firstshow{animation:productchkfllip 0.6s ease-out 0.5s;-webkit-animation:productchkfllip 0.6s ease-out 0.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} @keyframes productchkfllip{ to{transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);} } .combo .product_info.chkfllip .front, .combo .product_info.chkfllip .back{width:100%;height:100%;overflow:hidden;/* border-radius:10px; */backface-visibility:hidden;-webkit-backface-visibility:hidden;/* background-color:#637b98; */} .combo .product_info.chkfllip .front{position:relative;} .combo .product_info.chkfllip .back{position:absolute;top:0;transform:rotateX(180deg);-webkit-transform:rotateX(180deg);} .combo .product_info.chkfllip .inner{visibility:hidden;} .combo .product_info.chkfllip.toggle{transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);} .combo .product_info.chkfllip.toggle .front{position:absolute;top:0;} .combo .product_info.chkfllip.toggle .back{position:relative;} @keyframes toggle{ to{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);} } @keyframes pfront{ to{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);} } .combo .productview .combo_set{z-index:1;display:none;position:absolute;left:50%;bottom:-35px;width:50px;text-align:center;margin-left:-25px;} .combo .productview .combo_set .btn_combo_set{position:relative;display:block;width:40px;height:40px;margin:0 auto;border-radius:50%;font-size:0;line-height:0;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);} .combo .productview .combo_set .btn_combo_set.plus{background:#fff url(/ibs/nfrc/images/ico_combo_plus.png) no-repeat center center;background-size:50% auto;} .combo .productview .combo_set .btn_combo_set.reset{background:#fff url(/ibs/nfrc/images/ico_combo_reset.png) no-repeat center center;background-size:50% auto;} .combo .productview .combo_set .txt{color:#8a9db4;font-size:12px;margin-top:7px;} .combo .combo_copyright{margin-top:45px;text-align:center;letter-spacing:-0.5px;} .combo .combo_temp{z-index:1;position:fixed;left:15px;right:15px;bottom:0;/* pointer-events:none; */} .combo .combo_temp .bgbox{position:relative;overflow:hidden;max-width:400px;height:auto;padding-bottom:45px;/* height:250px; */margin:0 auto;border-radius:10px;background-color:#fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);} /* .combo .combo_temp .combotab{opacity:0.6;} */ .combo .combo_temp .combotab:before{content:"";display:block;position:absolute;top:12px;left:50%;width:1px;height:15px;background-color:#e5e8eb;} .combo .combo_temp .combotab a{/* display:inline-block; */display:none;width:50%;height:40px;line-height:40px;text-align:center;font-size:15px;color:#8a9db4;} .combo .combo_temp .combotab a.on{color:#309fe2;} .combo .combo_temp .combotab a:before{content:"";display:inline-block;width:18px;height:15px;vertical-align:middle;margin-right:5px;transition:width .1s ease-out,height .1s ease-out;} .combo .combo_temp .combotab .btn_combo01:before{background: url(/ibs/nfrc/images/ico_combo_tab01_off.png) no-repeat;background-size:100% auto;} .combo .combo_temp .combotab .btn_combo02:before{background: url(/ibs/nfrc/images/ico_combo_tab02_off.png) no-repeat;background-size:100% auto;} .combo .combo_temp .combotab .btn_combo01.on:before{background: url(/ibs/nfrc/images/ico_combo_tab01_on.png) no-repeat;background-size:100% auto;width:22px;height:19px;} .combo .combo_temp .combotab .btn_combo02.on:before{background: url(/ibs/nfrc/images/ico_combo_tab02_on.png) no-repeat;background-size:100% auto;width:22px;height:19px;} .combo .combo_temp.active{pointer-events:auto;} .combo .combo_temp.active .combotab{opacity:1;} .combo .combo_temp .combocont{position:relative;display:none;/* visibility:hidden;height:0; */} .combo .combo_temp .combocont .product_info{display:block;} .combo .combo_temp .combocont .product_info .picon{font-size:11px;line-height:16px;padding-bottom:2px !important;} .combo .combo_temp .combocont .product_info{min-height:110px;} .combo .combo_temp .combocont .product_info .inner{top:0;left:0;right:0;bottom:0;} .combo .combo_temp .combocont .product_info .pdata_per{margin-right:10px;} .combo .combo_temp .combocont .product_info .pname{font-size:18px;margin:10px;} .combo .combo_temp .combocont .product_info .pdata{left:10px;bottom:10px;} .combo .combo_temp .combocont .product_info .pdata .numtx{font-size:17px;} .combo .combo_temp .combocont .product_info .pdata .tx{font-size:12px;} .combo .combo_temp .combocont .btn_combo_close{display:block;margin:15px auto;_position:absolute;width:50px;height:23px;font-size:0;line-height:0;background:url('/ibs/nfrc/images/btn_combo_close.png') no-repeat;background-size:100% auto;} .combo .combo_temp .combocont .w2checkbox{position:absolute;right:10px;bottom:10px;width:35px;height:35px;} .combo .combo_temp .combocont .w2checkbox .w2checkbox_item{margin:0;} .combo .combo_temp .combocont .w2checkbox_input{width:35px;height:35px;} .combo .combo_temp .combocont .w2checkbox_label{width:35px;height:35px;padding:0;} .combo .combo_temp .combocont .w2checkbox_label:before{width:35px;height:35px;background:url('/ibs/nfrc/images/ico_combo_checkCircle.png') no-repeat;background-size:35px;} .combo .combo_temp .combocont input[type="checkbox"]:checked + .w2checkbox_label:before{background:url('/ibs/nfrc/images/ico_combo_checkCircle_active.png') no-repeat;background-size:35px;} .combo .combo_temp .combocont .swiper-container{width:100%;visibility:hidden;height:0;} .combo .combo_temp .combocont .swiper-container.active{visibility:visible;height:auto;} .combo .combo_temp .combocont .swiper-container .swiper-wrapper{} .combo .combo_temp .combocont .swiper-container .swiper-wrapper .product_info{margin:0 45px;} .combo .combo_temp .combocont .swiper-button-prev, .combo .combo_temp .combocont .swiper-button-next{width:15px;height:29px;background:none;} .combo .combo_temp .combocont .swiper-button-prev{background:url('/ibs/nfrc/images/btn_combo_prev.png') no-repeat;} .combo .combo_temp .combocont .swiper-button-next{background:url('/ibs/nfrc/images/btn_combo_next.png') no-repeat;} /* combo_product END */ /* 이용안내 */ .gid.detail_card > li > .w2textbox, .gid.detail_card > li > .w2group > .w2textbox{margin:5px 0 0 !important; font-size:13px !important;} /* 콤보간지추가 comboGuide */ .stepGuide .toparea{margin:0 0 40px; background:#000;} .stepMove{display:table; padding:20px 0 10px; margin:0 auto; text-align:center; overflow:hidden;} .contarea > .stepMove{} .stepMove + .grp_comp_banner{margin-top:20px;} .comboGuideStep .fs18{padding-bottom:30px;} .stepMove span{display:inline-block; width:60px; height:60px; margin:0 auto; background:#309fe2 url(/ibs/nfrc/images/bg_chk_wh.png) no-repeat 50%; background-size:50% auto; border-radius:50%; font-size:0; line-height:0; text-align:center;} .stepMove .circle{display:table-cell; width:70px; height:120px; text-align:center; vertical-align:middle;} .stepMove .circle span{;} .stepMove .circle div{padding:15px 0 0; text-align:center;} .stepMove .circle.big{width:80px; margin:0;} .stepMove .circle.big span{margin:3px 1px 7px; background:#8a9db4 url(/ibs/nfrc/images/combo_icon2.png) no-repeat 50%; background-size:50% auto; transform:scale(1.3)} .stepMove .circle.big.smart{;} .stepMove.chkMove .circle.big span, .stepMove .circle.big.smart span{background-image:url(/ibs/nfrc/images/combo_icon1.png);} .stepMove.chkMove .circle.big.chkcard span{background-image:url(/ibs/nfrc/images/combo_icon3.png);} .stepMove .circle.big div{color:#637b98; font-size:15px;} .stepMove .circle.dis{opacity:0.5;} .stepMove .circle.dis span{background:#8a9db4 url(/ibs/nfrc/images/combo_icon1.png) no-repeat 50%; background-size:50% auto;} .stepMove.chkMove .circle.dis span{background:#8a9db4 url(/ibs/nfrc/images/combo_icon3.png) no-repeat 50%; background-size:50% auto;} .stepMove .circle.dis div{color:#637b98;} .stepMove .step{display:table-cell; width:42px; padding:44px 0 0; vertical-align:0;} .stepMove .step.none span{display:none;} .stepMove .step span{float:left; width:6px; height:6px; margin:1px 1px 0 5px; background:#cad1d8;} .stepMove .step.ani span{margin-left:2px; margin-top:2px; background:#309fe2;} .stepMove .step.ani span:nth-child(1){animation:aniSm 2s 0.5s infinite;} .stepMove .step.ani span:nth-child(2){width:8px; height:8px; margin-top:1px; animation:aniSm 2s 1s infinite;} .stepMove .step.ani span:nth-child(3){width:10px; height:10px; margin-top:0; animation:aniSm 2s 1.5s infinite;} @keyframes aniSm{ 0%{transform:scale(1.5)} 25%{transform:scale(1)} 100%{transform:scale(1)} } .grp_comp_banner + .grp_comp_banner{padding:0; margin:5px -15px 0; background:transparent;} .grp_comp_banner + .grp_comp_banner > img{width:100%;} .comboGuide .toparea .medium{padding-top:10px;} .comboGuide .toparea .img_popcorn{top:75px;} .comboGuide .toparea .img_full{max-width:420px;margin:0 auto;} .comboGuide .toparea .img_full img{width:100%;} .comboGuideStep .toparea.complate{height:110px; padding-bottom:0;} .comboGuideStep .toparea .img_full{width:340px; height:auto; margin:0 auto;} /* comboguide START */ .wfm_combo_guide{z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 1);} .combo_guide{position:relative;width:100%;height:100%;/* width:80%;height:90%;margin:8% auto; */overflow:hidden;overflow-y:auto;} .combo_guide img{width:100%;visibility:hidden;display:none;} .combo_guide_tit{z-index:1;position:absolute;top:15px;left:50%;margin-left:-35px;font-size: 20px;color:#fff;} .combo_guide .swiper-pagination.swiper-pagination-bullets{bottom:auto;top:45px;} .combo_guide .swiper-pagination-bullet{margin:0 2px !important;background-color:#afb2bc;opacity:1;} .combo_guide .swiper-pagination-bullet-active{background-color:#309fe2;} /* .combo_guide .swiper-pagination{padding-left:15px;} */ .combo_guide .btn_combo_close{z-index:2;display:block;position:absolute;top:25px;right:15px;width:28px;height:28px;font-size:0;line-height:0;background:url('/ibs/nfrc/images/btn_close_white.png') no-repeat center center; background-size:18px 18px;} .combo_guide .swiper-container{width:100%;height:100%;} .combo_guide .guidebox{width:80%;height:97%;margin:2% auto;/* border:1px solid #a0a0a0; */} .combo_guide .swiper-slide.guide01 .guidebox{background:url('/ibs/nfrc/images/img_cmb_guide01.png') no-repeat center center;background-size: 100% auto;/* background-size: 72% auto; */} .combo_guide .swiper-slide.guide02 .guidebox{background:url('/ibs/nfrc/images/img_cmb_guide02.png') no-repeat center center;background-size: 100% auto;/* background-size: 72% auto; */} .combo_guide .swiper-slide.guide03 .guidebox{background:url('/ibs/nfrc/images/img_cmb_guide03.png') no-repeat center center;background-size: 100% auto;/* background-size: 72% auto; */} .combo_guide .swiper-slide.guide04 .guidebox{background:url('/ibs/nfrc/images/img_cmb_guide04.png') no-repeat center center;background-size: 100% auto;/* background-size: 72% auto; */} /* comboguide END */ /* 100%활용가이드 START */ .useguidearea{} .useguidearea .contarea:first-child{border-top:none;} .useguidearea .contarea{border-top:10px solid #fff;} .useguidearea .titlearea{text-align:center;margin-top:10px;padding-bottom:20px;} .useguidearea .titlearea h2{font-size:20px;} .useguidearea .swiper-pagination{bottom:25px !important;} .useguidearea .swiper-pagination-bullet{margin:0 4px !important;} .useguidearea .swiper-button-prev{width:17px;height:32px;background:url('/ibs/nfrc/images/btn_useguide_prev.png') no-repeat;background-size:100% auto;} .useguidearea .swiper-button-next{width:17px;height:32px;background:url('/ibs/nfrc/images/btn_useguide_next.png') no-repeat;background-size:100% auto;} .useguide{position:relative;text-align:center;} .useguide .step{display:inline-block;min-width:30px;height:20px;line-height:24px;padding:0 15px;color:#fff;border-radius:25px;background-color:#309fe2;} .useguide .guide_detail{position:absolute;top:30px;width:100%;color:#637b98;font-size:15px; line-height:20px;} .useguide .guide_view{margin:70px 51px 30px 51px;} .useguide .guide_view img{width:100%;} /* 100%활용가이드 END */ /* common START */ .wrap.bgwhite, .wrap.bgwhite .content{background-color:#fff !important;} .wrap.bgnavytop .header_wrap, .wrap.bgnavytop .toparea{background-color:#3c4958} .wrap.bgnavytop .header_wrap h1{color:#fff;} .wrap.bgnavytop .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back_white.png) no-repeat center center;background-size:100% auto;} .wrap.bgnavytop .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bgnavytop .step_wrap{z-index:1;position:absolute;top:35px;width:100%;padding:0;} .wrap.bgnavytop .step_wrap .stepflower{display:block;} .wrap.bgnavytop .steptit{font-size:25px;line-height:30px;margin:0 15px 0;} .wrap.bgnavytop .steptit, .wrap.bgnavytop .stepsubtit{color:#fff;margin:0 15px 0;} .wrap.fcwhite .header_wrap h1{color:#fff;} .wrap.fcwhite .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back_white.png) no-repeat center center;background-size:100% auto;} .wrap.fcwhite .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.fcwhite.scrollmode .header_wrap h1{color:#000;} .wrap.fcwhite.scrollmode .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back.png) no-repeat center center;background-size:100% auto;} .wrap.fcwhite.scrollmode .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu.png) no-repeat center center;background-size:100% auto;} .wrap.bgwhitetop .header_wrap, .wrap.bgwhitetop .toparea{background-color:#fff} .wrap.hdgray .header_wrap{background-color:#f7f7f7} .wrap.bg_namecard{background: url(/ibs/nfrc/images/bg_namecard.png) no-repeat;background-size: cover;background-position-y: bottom;} .wrap.bg_namecard .header_wrap h1{color:#fff;} .wrap.bg_namecard .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_namecard .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_agree{background: url(/ibs/nfrc/images/bg_agree.png) no-repeat;background-size: cover;background-position-y: bottom;} .wrap.bg_agree .header_wrap h1{color:#fff;} .wrap.bg_agree .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_agree .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_continue{background: url(/ibs/nfrc/images/bg_continue.png) no-repeat;background-size: cover;background-position-y: bottom;} .wrap.bg_continue .header_wrap h1{color:#fff;} .wrap.bg_continue .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_continue .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_good{background: url(/ibs/nfrc/images/bg_good.png) no-repeat;background-size: cover;background-position-y: bottom;} .wrap.bg_good .header_wrap h1{color:#fff;} .wrap.bg_good .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_good .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_exc .header_wrap{background-color:#6b38bc} .wrap.bg_exc .header_wrap h1{color:#fff;} .wrap.bg_exc .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_exc .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_exc .detail_cardcont dd .titlearea{padding:15px 0 15px 0;} .wrap.bg_exc .detail_cardcont dd .titlearea h2{font-size:14px;} .wrap.bg_exc .detail_cardcont dd .titlearea + .listdot li{font-size:12px;} .wrap.bg_sbk .header_wrap{background-color:#3d68c7} .wrap.bg_sbk .header_wrap h1{color:#fff;} .wrap.bg_sbk .header_wrap .btnback{background:url(/ibs/nfrc/images/btn_back_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_sbk .header_wrap .btnallmenu{background:url(/ibs/nfrc/images/btn_allmenu_white.png) no-repeat center center;background-size:100% auto;} .wrap.bg_cert{overflow:hidden;} /* .wrap.bg_cert .header_wrap h1{color:#fff;} */ /* .wrap.bg_cert .header_wrap .btnback svg.wrap.bg_cert .header_wrap .btnallmenu svg{stroke:#fff;} */ .wrap.bg_cert.hour01 .bgarea{background: url(/ibs/nfrc/images/bg_cert01.png) no-repeat;background-size: cover;background-position-y: top;} .wrap.bg_cert.hour02 .bgarea{background: url(/ibs/nfrc/images/bg_cert02.png) no-repeat;background-size: cover;background-position-y: top;} .wrap.bg_cert.hour03 .bgarea{background: url(/ibs/nfrc/images/bg_cert03.png) no-repeat;background-size: cover;background-position-y: top;} .wrap.bg_cert.hour04 .bgarea{background: url(/ibs/nfrc/images/bg_cert04.png) no-repeat;background-size: cover;background-position-y: top;} .wrap.bg_cert .bgarea{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;/* transform-origin:bottom; */} .wrap.bg_cert .bgarea{animation:bgactive 2s ease-out;animation-fill-mode: forwards;} .wrap.bg_cert .content{padding-bottom:0 !important;height:calc(100% - 140px) !important;} /* animation:backactive 0.6s linear 0.2s 1 normal forwards;animation-fill-mode:forwards; */ @keyframes bgactive{ from{transform:scale(1.2);opacity:0.1;} to{transform:scale(1);opacity:1;} } .wrap[class *= "bg_"] .bg_tit, .tit_namecard{margin-top:50px;font-size:25px;line-height:32px;color:#fff} .wrap[class *= "bg_"] .bg_tit + .w2textbox{margin-top:30px;color:#fff; font-size:15px; line-height:20px;} .top_tit{padding-top: 20px;font-size: 20px;} .top_tit + .txsub,.top_tit + .txsub2{margin-top:15px;} .toparea .txsub{line-height: 19px;} .txsub{margin-top: 10px;color: #8a9db4;} .txsub2{margin-top: 5px;color:#afb2bc} /* common END */ /*===== 메인 START =====*/ .wrap.main_wrap{} .wrap.main_wrap .content{/* height:100% !important; */padding-bottom:0px !important;} .wrap.main_wrap .wfm_header{z-index:2;position:absolute;top:0;width:100%;height:45px;} .wrap.main_wrap .btnback.active{display:none;} .main_visual .visualarea{position:relative;max-width:500px;padding-top:155px;margin:0 auto;} .main_visual .visualarea .txtarea{z-index:1;position:absolute;top:85px;left:15px;} .main_visual .visualarea .txtarea .mtx{font-size:30px;color:#000;margin-bottom:10px;} .main_visual .visualarea .imgarea img{width:100%;} .main_visual .visualarea .imgarea.img01{position:relative;} .main_visual .visualarea .imgarea.img02{position:absolute;top:145px;width:100%;} .main_visual .swiper-button-prev, .main_visual .swiper-button-next{width:12;height:29px;background-size:auto 100%;opacity:0.4;} .main_visual .swiper-pagination-bullet{width:12px;height:3px;border-radius:35%;opacity:1;margin:0 2px !important;background:#c6c6c6;} .main_visual .swiper-pagination-bullet-active{background:#309fe2;} /* .main_visual .parallax-bg{position:absolute;overflow:hidden;width:100%;} .main_visual .parallax-bg .logobox{position:relative;width:440px;height:440px;opacity:0;transform:scale(0.1) rotate(-100deg) translate(-60%,50%);} .main_visual .parallax-bg .logobox.firstshow{animation:boxshow 1s ease-out;-webkit-animation:boxshow 1s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_visual .parallax-bg .logobox .transbox{position:relative;width:100%;height:100%;border-radius:10%;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:background-color 1.6s, transform 1.6s;-webkit-transition:background-color 1s, transform 1s;background-color:f7f7f7;} */ .main_visualbg{position:absolute;overflow:hidden;width:100%;height:100%;} .main_visualbg .logobox{position:relative;width:440px;height:440px;opacity:0;transform:scale(0.1) rotate(-100deg) translate(-60%,50%);} .main_visualbg .logobox.firstshow{animation:boxshow 1s ease-out;-webkit-animation:boxshow 1s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_visualbg .logobox .transbox{position:relative;width:100%;height:100%;border-radius:10%;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:background-color 1.6s, transform 1.6s;-webkit-transition:background-color 1s, transform 1s;background-color:f7f7f7;} @keyframes boxshow{ to{opacity:1;transform:rotate(20deg) translate(55%,-25%);-webkit-transform:rotate(20deg) translate(55%,-25%);} } /* .main_applysch{position:relative;text-align:center;} .main_applysch .btn_applysch{display:inline-block;height:20px;padding-right:10px;color:#637b98;line-height:21px;background:url(/ibs/nfrc/images/ico_arrow.png) no-repeat right center;background-size:auto 12px;} .main_applysch .btn_branch{position:absolute;bottom:0;right:15px;width:45px;height:45px;font-size:0;line-height:0;border-radius:50%;box-shadow:1px 1px 7px 2px rgba(200, 200, 200, .6);background:url(/ibs/nfrc/images/btn_branchmap.png) no-repeat;background-size:100% auto;} */ .main_icon{padding:10px 15px 20px 15px;margin-top:15px;} .main_icon ul li{width:auto;} .main_icon ul li a{display:block;text-align:center;font-size:18px;width:96px;height:85px;border-radius:10px;border:1px solid #dcdcdc;box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);background-color:#fff;} /* .main_icon ul li a{overflow:hidden;display:block;text-align:center;font-size:15px;height:100%;} */ .main_icon ul li a:before{content:"";display:block;margin:10px auto 6px;width:50px;height:35px;} .main_icon ul li.icon01 a:before{background:url(/ibs/nfrc/images/ico_main01.png) no-repeat;background-size:50px 35px;} .main_icon ul li.icon02 a:before{background:url(/ibs/nfrc/images/ico_main02.png) no-repeat;background-size:50px 35px;} .main_icon ul li.icon03 a:before{background:url(/ibs/nfrc/images/ico_main03.png) no-repeat;background-size:50px 35px;} .main_icon ul li.icon04 a:before{background:url(/ibs/nfrc/images/ico_main04.png) no-repeat;background-size:50px 35px;} .main_icon ul li.icon05 a:before{background:url(/ibs/nfrc/images/ico_main05.png) no-repeat;background-size:50px 35px;} .main_icon ul li.icon06 a:before{background:url(/ibs/nfrc/images/ico_main06.png) no-repeat;background-size:50px 35px;} .main_icon ul li.icon07 a:before{background:url(/ibs/nfrc/images/ico_main07.png) no-repeat;background-size:50px 35px;} .main_icon .swiper-button-prev{width:25px;height:25px;background:url(/ibs/nfrc/images/btn_mainico_left.png) no-repeat;background-size:25px 25px;} .main_icon .swiper-button-next{width:25px;height:25px;background:url(/ibs/nfrc/images/btn_mainico_right.png) no-repeat;background-size:25px 25px;} .main_wrap .main_autofixed{position:absolute;left:0;right:0;width:100%;top:0;} .main_fcont{} .main_fcont li{position:relative;overflow:hidden;display:inline-block;width:48%;box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #e5e8eb} .main_fcont li:before{content:"";display:block;padding-top:100%;} .main_fcont li + li{margin-left:4%} .main_fcont li a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;} .main_fcont li a img{position:absolute;width:100%;} .main_fcont li a.himg img, .main_fcont li a img.himg{width:auto !important;height:100% !important;} .emptyimg{display:none;} .finance_view{display:none;position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;} .finance_view iframe{width:100%;height:100%;} /* .square-box{position:relative;width:50%;overflow:hidden;} .square-box:before{content:"";display:block;padding-top:100%;} .square-content{position:absolute;top:0;left:0;right:0;bottom:0;} .square-content div{display:table;width:100%;height:100%;} .square-content span{display:table-cell;text-align:center;vertical-align:middle;} */ .main_listexr{height:50px;padding:1px 0 0; border-radius:10px;box-shadow:0 0 15px #ececec;background:#fff;overflow:hidden;border:1px solid #dcdcdc;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);box-sizing: border-box;} .main_listexr li{font-size:15px;} .main_listexr li div{position:relative;display:inline-block;width:48%;line-height: 50px;padding-left: 47px;box-sizing: border-box;letter-spacing: -0.7px;} .main_listexr li div:before{content:"";display:inline-block;width:50px;height:50px;vertical-align:middle;position:absolute;left:0} .main_listexr li div.usd:before{background:url(/ibs/nfrc/images/ico_usd.png) no-repeat center;background-size:50px;} .main_listexr li div.jyp:before{background:url(/ibs/nfrc/images/ico_jyp.png) no-repeat center;background-size:50px;} .main_listexr li div.eur:before{background:url(/ibs/nfrc/images/ico_eur.png) no-repeat center;background-size:50px;} .main_listexr li div.cny:before{background:url(/ibs/nfrc/images/ico_cny.png) no-repeat center;background-size:50px;} .main_listexr li span{float:right;} .main_listexr li span:first-child{float:left;color:#637b98;margin-right:7px} .main_icon ul li a{transition:0.4s all ease-out;} .main_icon ul li.swiper-slide-active a{background:#309fe2;color:#fff} .main_icon ul li.swiper-slide-prev a{transform:scale(1.2);transform-origin: right;} .main_icon ul li.swiper-slide-next a{transform:scale(1.2);transform-origin: left;} .wrap.main_cube{background:#fff;} .wrap.main_cube .content{padding-bottom:0px !important;} .wrap.main_cube .btnback.active{display:none;} .wrap.main_cube .header_wrap{background-color:#fff;padding:0 45px 0 15px;}/*2018.12.20*/ .wrap.main_cube .header_wrap h1{font-size:0;background:url('/ibs/nfrc/images/main_logo.png') no-repeat left center;background-size:100px 30px;}/*2018.12.20*/ .wrap.main_cube .main_autofixed{position:absolute;left:0;right:0;width:100%;top:0;} /* .wrap.main_cube .cubearea{width:100%;height:auto;perspective:1000px;} .wrap.main_cube .cubearea .cube{position:relative;width:80%;height:80%;min-width:200px;min-height:200px;max-width:400px;max-height:400px;margin:0 auto;transform-style:preserve-3d;transform:translateZ(-100px);transition: transform 1s; transform:translateZ(-100px) rotateY(-10deg) rotateX(-10deg);transition: transform 1s;} .wrap.main_cube .cubearea .cube .face{position:absolute;width:100%;height:100%; color:#fff;} */ .wrap.main_cube .cubearea{z-index:1;position:relative;width:60%;height:60vw;/* max-width:400px;max-height:400px; */margin:0 auto;perspective:1000px;} /* .wrap.main_cube .cubearea:before{content:"";display:block;position:absolute;left:-20%;bottom:-50px;width:140%;height:120px;background:url('/ibs/nfrc/images/main_cubebg.png') no-repeat center bottom;background-size:130% auto;} */ .wrap.main_cube .cubearea .cube{position:relative;width:100%;height:100%;margin:0 auto;transform-style:preserve-3d;transform:translateZ(-30vw) rotateY(-30deg);/* rotateY(-30deg) rotateX(-11deg) rotate(5deg) transform-origin:50% 100%; transform:translate3d(0, 0, -100px); *//* transition: transform 1s; */} .wrap.main_cube .cubearea .cube.active{animation:cubeshow 0.8s ease-out;transform: translateZ(-30vw) rotateY(-30deg);animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} @keyframes cubeshow{ 0%{transform: translateZ(-800vw) rotateY(-180deg) rotateX(-90deg) rotate(-50deg);} 100%{transform: translateZ(-30vw) rotateY(-30deg) rotate(0deg);} } /* @keyframes cubeshow{ 0%{transform: translateZ(-2000px) rotateY(180deg) rotateX(180deg) rotate(0deg);} 100%{transform: translateZ(-30vw) rotateY(-30deg) rotateX(-11deg) rotate(5deg);} } */ .wrap.main_cube .cubearea .cube .face{position:absolute;width:100%;height:100%;} .wrap.main_cube .cubearea .cube .face.cube-front {transform:rotateY( 0deg) translateZ(30vw);background:#0090db url('/ibs/nfrc/images/main_cube1.png') no-repeat;background-size:100% 100%;} .wrap.main_cube .cubearea .cube .face.cube-right {transform:rotateY( 90deg) translateZ(30vw);background:#00aa98 url('/ibs/nfrc/images/main_cube2.png') no-repeat;background-size:100% 100%;} .wrap.main_cube .cubearea .cube .face.cube-back {transform:rotateY(180deg) translateZ(30vw);background:#ff7327 url('/ibs/nfrc/images/main_cube7.png') no-repeat;background-size:100% 100%;} .wrap.main_cube .cubearea .cube .face.cube-left {transform:rotateY(-90deg) translateZ(30vw);background:#6b38bc url('/ibs/nfrc/images/main_cube3.png') no-repeat;background-size:100% 100%;} .wrap.main_cube .cubearea .cube .face.cube-top {transform:rotateX( 90deg) translateZ(30vw);background:#3e68c7 url('/ibs/nfrc/images/main_cube4.png') no-repeat;background-size:100% 100%;} .wrap.main_cube .cubearea .cube .face.cube-bottom{transform:rotateX(-90deg) translateZ(30vw);background:#ed64b2 url('/ibs/nfrc/images/main_cube5.png') no-repeat;background-size:100% 100%;} .wrap.main_cube .cubearea .cube .face > span.blind{display:none;} .wrap.main_cube .copyarea{padding:20px 0;text-align:center;line-height:25px;font-size:20px;color:#000;} .wrap.main_cube .cubbg{z-index:0;top:-35px;position:absolute;width:100%;height:100px;background:url('/ibs/nfrc/images/main_cubebg.png') no-repeat center bottom;background-size:100% auto;} .wrap.main_cube .pagelist{position:relative;padding-top:50px;} .wrap.main_cube .pagelist .w2pageList_ul{z-index:0;position:relative;} .wrap.main_cube .pagelist a{width:20px;height:20px;margin:0 8px;line-height:23px;font-size:16px;} .main_applysch{position:relative;text-align:center;margin-top:30px;} .main_applysch .btn_applysch{display:inline-block;height:20px;padding-right:12px;color:#637b98;font-size:14px;line-height:21px;background:url(/ibs/nfrc/images/ico_arrow.png) no-repeat 100% 3px;background-size:auto 12px;} .main_applysch .btn_branch{position:absolute;top:-14px;right:15px;width:45px;height:45px;font-size:0;line-height:0;border-radius:50%;box-shadow:0 0 8px 2px rgba(0, 0, 0, .2);background:url(/ibs/nfrc/images/btn_branchmap.png) no-repeat;background-size:100% auto;} .main_applysch .btn_chatbot{position:absolute;top:-14px;right:15px;width:45px;height:45px;font-size:0;line-height:0;border-radius:50%;box-shadow:0 0 8px 2px rgba(0, 0, 0, .2);background:url(/ibs/nfrc/images/icon_chatbot.png) no-repeat;background-size:100% auto;} .main_banner{min-height: 110px;margin-top:30px;} .main_banner img{width:100%;} .main_banner .swiper-pagination-bullet{margin:0 2px !important;background-color:#afb2bc;opacity:1;} .main_banner .swiper-pagination-bullet-active{background-color:#309fe2;} .main_banner .swiper-pagination{text-align:left;padding-left:15px;} .wrap.main_cube .footerarea{/* padding:0 0 20px; */text-align: center;background-color:#3c4958;} .footerarea .flink{} .footerarea .flink .btn_flink{position:relative;display:inline-block;padding:20px 12px 15px;color:#8a9db4;} .footerarea .flink .btn_flink:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:9px;background-color:#4d5b6b;} .footerarea .flink .btn_flink:first-child:before{display:none;} .footerarea .etclink{position:relative;width:310px;margin:0 auto;padding-top:15px;text-align:right;} .footerarea .etclink:before{content:"";position:absolute;top:15px;left:15px;width:92px;height:35px;background:url('/ibs/nfrc/images/main_footer_logo.png') no-repeat;background-size:auto 100%;} .footerarea .etclink a{display:inline-block;width:35px;height:35px;margin:0 6px 0;font-size:0;line-height:0;} .footerarea .etclink .btn_facebook{background:url('/ibs/nfrc/images/main_btn_facebook.png') no-repeat center bottom;background-size:100% auto;} .footerarea .etclink .btn_twitter{background:url('/ibs/nfrc/images/main_btn_twitter.png') no-repeat center bottom;background-size:100% auto;} .footerarea .etclink .btn_instar{background:url('/ibs/nfrc/images/main_btn_instar.png') no-repeat center bottom;background-size:100% auto;} .footerarea .etclink .btn_utube{background:url('/ibs/nfrc/images/main_btn_utube.png') no-repeat center bottom;background-size:100% auto;} .footerarea .copyright{height:48px;color:#586778;} .wrap.main_branch .bannerarea{min-height: 99px;margin-top:10px;} .wrap.main_branch .bannerarea img{width:100%;} /* 영업점 메인 */ .main_branchinfo{max-width:380px;height:60px;margin: 30px auto 0;padding:0 30px;} .main_branchinfo > div:first-child{float:left;width:50px;height:50px;border-radius:25px;overflow:hidden;margin-right:15px} .main_branchinfo > div:first-child img{width:100%; height:auto;} .main_branchinfo > div:first-child img.himg{position:relative;width:auto !important;height:100% !important;left:-25%;} .main_branchinfo > div{font-size:20px} .main_branchinfo > div .w2textbox{font-size:15px;margin-bottom:7px} .main_branchinfo > div span:first-child{color:#309fe2} .main_branchbg{position:relative;margin:0 auto;width: 281px;height:291px;/* background:url(/ibs/nfrc/images/img_branchbg.png) no-repeat center center;background-size:281px 291px; */} .main_branchbg > div{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-size:100%;opacity:0;transition:0.3s all;} .main_branchbg > div:nth-child(1){/* animation:branchmain 0.5s ease-out; */opacity:1;background:url(/ibs/nfrc/images/main_branch01.png) no-repeat center center;background-size:100%;/* animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards; */} .main_branchbg > div:nth-child(2){animation:branch 0.3s 0.6s ease-out;background:url(/ibs/nfrc/images/main_branch02.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(3){animation:branch 0.3s 0.9s ease-out;background:url(/ibs/nfrc/images/main_branch03.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(4){animation:branch 0.3s 1.2s ease-out;background:url(/ibs/nfrc/images/main_branch04.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(5){animation:branch 0.3s 1.5s ease-out;background:url(/ibs/nfrc/images/main_branch05.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(6){animation:branch 0.3s 1.8s ease-out;background:url(/ibs/nfrc/images/main_branch06.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(7){animation:branch 0.3s 2.1s ease-out;background:url(/ibs/nfrc/images/main_branch07.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(9){animation:branch 0.3s 1s ease-out;background:url(/ibs/nfrc/images/main_branch09.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(10){animation:branchright 0.3s 2.4s ease-out;background:url(/ibs/nfrc/images/main_branch10.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(11){animation:branchleft 0.3s 2.6s ease-out;background:url(/ibs/nfrc/images/main_branch11.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(12){animation:branchright 0.3s 3.0s ease-out;background:url(/ibs/nfrc/images/main_branch12.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(13){animation:branchleft 0.3s 2.7s ease-out;background:url(/ibs/nfrc/images/main_branch13.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(14){animation:branchright 0.3s 3.2s ease-out;background:url(/ibs/nfrc/images/main_branch14.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(15){animation:branchleft 0.3s 2.9s ease-out;background:url(/ibs/nfrc/images/main_branch15.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(16){animation:branchright 0.3s 2.5s ease-out;background:url(/ibs/nfrc/images/main_branch16.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .main_branchbg > div:nth-child(17){animation:branchleft 0.3s 3.3s ease-out;background:url(/ibs/nfrc/images/main_branch17.png) no-repeat center center;background-size:100%;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .branchinfo_scene{perspective:500px;} .branchinfo_scene .main_branchbg{animation:branch_firstshow 1.5s;} @keyframes branch_firstshow{ from{transform:scale(0.3) translateZ(-500px) rotateY(-100deg) rotateX(100deg) rotate(200deg);} to{transform:scale(1) translateZ(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);} } /* @keyframes branchmain{ 0%{transform: scale(0) translateY(10px);opacity:0;} 70%{transform: scale(1.2) translateY(-10px);opacity:1;} 100%{transform: scale(1) translateY(0px);opacity:1;} } */ @keyframes branch{ 0%{transform: translateY(10px);opacity:0;} 70%{transform: translateY(-10px);opacity:1;} 100%{transform: translateY(0px);opacity:1;} } @keyframes branchleft{ 0%{transform: translateX(20px);opacity:0;} 100%{transform: translateX(0px);opacity:1;} } @keyframes branchright{ 0%{transform: translateX(-20px);opacity:0;} 100%{transform: translateX(0px);opacity:1;} } .branchFooter .btnback.active{display:none;} .branchFooter .header_wrap h1{font-size:0;background:url('/ibs/nfrc/images/main_logo.png') no-repeat center center;background-size:100px 30px;} /* .branchFooter .content{padding-bottom:0px !important;} */ /* .footerarea{padding:20px 0;background:#3c4958;text-align: center;} */ .footerarea .branchlink{padding-top:20px;} .footerarea .branchlink li{display:inline-block;width:75px;} .footerarea .branchlink li + li{margin-left:20px;} .footerarea .branchlink li a{display:block;height:60px;color:#8a9db4} .footerarea .branchlink li a:before{content:"";display:block;margin:0 auto 10px;width:35px;height:35px;border-radius:18px;} .footerarea .branchlink li.brc a:before{background:#607082 url('/ibs/nfrc/images/ico_footer_brc.png') no-repeat center center;background-size: 100%;} .footerarea .branchlink li.map a:before{background:#607082 url('/ibs/nfrc/images/ico_footer_map.png') no-repeat center center;background-size: 100%;} .footerarea .branchlink li.kakao a:before{background:#607082 url('/ibs/nfrc/images/ico_footer_kakao.png') no-repeat center center;background-size: 100%;} .footerarea .branchlink li.call a:before{background:#607082 url('/ibs/nfrc/images/ico_footer_call.png') no-repeat center center;background-size: 100%;} .footerarea .branchlink li.ibk a:before{background:#607082 url('/ibs/nfrc/images/ico_footer_ibk.png') no-repeat center center;background-size: 100%;} .footerarea .branch_copyright{height:43px;color:#586778;padding-top:15px;margin-top:20px;background-color:#36424f;} /*===== 메인 END =====*/ /* 메인 테스트 START */ .maincube .scene{width:65%;height:65vw;margin:30px 4% 30px 21%;perspective:1500px;max-width:400px;max-height:400px;} .maincube .cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:translateZ(-100px) rotateY(-10deg) rotateX(-10deg);transition: transform 1s;} .maincube .cube.show-front{transform:translateZ(-100px) rotateY( -10deg) rotateX(-10deg);} .maincube .cube.show-right{transform:translateZ(-100px) rotateY(-100deg) rotateZ(10deg);} .maincube .cube.show-back {transform:translateZ(-100px) rotateY(-190deg) rotateX(10deg);} .maincube .cube.show-left {transform:translateZ(-100px) rotateY( 80deg) rotateZ(-10deg);} .maincube .cube.show-top {transform:translateZ(-100px) rotateX( 90deg) rotateZ(10deg) rotateX(-10deg);} .maincube .cube.show-bottom{transform:translateZ(-100px) rotateX(-90deg) rotateZ(-10deg) rotateX(-10deg);} .maincube .cube > div{position:absolute;width:100%;height:100%;} .maincube .cube .cube-front {transform:rotateY(90deg) translateX(-50%) rotateY(-90deg); background:url('/ibs/nfrc/images/main_cube1.png') no-repeat center center;background-size: 100%;} .maincube .cube .cube-right {transform:translate(50%) rotateY(90deg); background:url('/ibs/nfrc/images/main_cube2.png') no-repeat center center;background-size: 100%;} .maincube .cube .cube-back {transform:rotateY(90deg) translateX(50%) rotateY(-90deg) rotateY(-180deg);background:url('/ibs/nfrc/images/main_cube7.png') no-repeat center center;background-size: 100%;} .maincube .cube .cube-left {transform:translate(-50%) rotateY(-90deg); background:url('/ibs/nfrc/images/main_cube3.png') no-repeat center center;background-size: 100%;} .maincube .cube .cube-top {transform:translateY( 50%) rotateX(90deg) rotate(180deg) rotateY(180deg); background:url('/ibs/nfrc/images/main_cube4.png') no-repeat center center;background-size: 100%;} .maincube .cube .cube-bottom{transform:translateY(-50%) rotateX(-90deg) rotate(180deg) rotateY(180deg); background:url('/ibs/nfrc/images/main_cube5.png') no-repeat center center;background-size: 100%;} .cube.start{animation:cube 1.4s ease-out;transform: translateZ(-100px) rotateY(-10deg) rotateX(-10deg)} @keyframes cube{ 0%{transform: translateZ(-2000px) rotateY(180deg) rotateX(180deg) rotateX(-10deg);} 100%{transform: translateZ(-100px) rotateY(-10deg) rotateX(0deg) rotateX(-10deg);} } /* 메인 테스트 END */ .formarea li.flex{display:flex;} .flex .cell{width:100%;flex-grow: 1;align-items:center} .formarea li.flex .cell {display: flex;} .flex .cell.tit,.flex .cell.w20{display:flex; flex-shrink: 0;flex-grow: 0;} .flex .cell.w20{justify-content: center;} .flex .cell.zip{width:auto; flex-shrink: 0;/* background-color:#ececec; */} .flex .cell.zip a{min-width:50px;} .flex .cell:last-child{width:auto; flex-shrink: 0;padding:0 10px !important;} .flex .cell:last-child a{border-radius:3px;height:25px;line-height:25px;} /* .flex .cell:nth-last-child(2){position:static;} */ /* .flex .cell:nth-last-child(2)::after{content:"o";} */ /* .flex .cell input + :nth-last-child(2)::after{content:"r"} */ /* .flex .cell:nth-last-child(2)::before{content:"a"} */ /* .flex .cell:nth-last-child(2)::before + input{background:red} */ /* .flex .cell:nth-last-child(2)::before > input{background:red} */ /* animation START */ @keyframes boom{ 0%{transform: scale(4); opacity:0;} 100%{transform: scale(1); opacity:1;} } @keyframes boom_in{ 0%{transform: translateY(-250%);} 100%{transform: translateY(-50%);} } @keyframes opa{ 0%{opacity:0} 100%{opacity:1} } @keyframes scale{ 0%{transform: scale(0.6);} 100%{transform: scale(1);margin-top:100px;opacity:1} } /* animation END */ /* AS-IS START */ .tab_area h3{display:block;font-size:14px;color:#444;font-weight:bold;background:url(/ibs/nfrc/images/icon_front.png) no-repeat left 1px;background-size:8px 8px;line-height:1em;padding-left:11px;margin-bottom:10px} .tab_area h4{display:block;color:#0080c8;font-size:12px;margin-bottom:6px;margin-top:10px;} .tab_area h4:first-child{margin-top:0} .tab_area h4 > em{display:inline !important;font-size:13px !important} .tab_area h5{font-size:12px;margin-left:0} .tab_area em{font-size:12px;display:block;margin-left:12px;margin-bottom:10px;color:inherit;} .tab_area > em{} .tab_area div em{font-size:12px;display:block} .tab_area > .ul_list{margin-left:12px;margin-bottom:15px} .tab_area > .ul_list li{margin-bottom:3px;line-height:16px;font-size:12px;background:url(/ibs/nfrc/images/bullet_circle_gray.png) no-repeat left 7px;background-size:4px 4px;padding-left:8px;letter-spacing:-0.5px;color:#666} .tab_area > .ul_list li:last-child{margin-bottom:0} .tab_area > .ul_list li .ul_list_ul{margin-left:-13px;margin-top:6px} .tab_area > .ul_list li .ul_list_ul li{background:none;padding-bottom:4px} .tab_area > .ul_list li .ul_list_ul li:before{content:"- "} .tab_area > .ul_list li .ul_list_ul li:last-child{padding-bottom:0} .tab_area div h4 + em ul.bullet{margin-left:0} ul.bullet{font-size:12px;margin-bottom:10px} ul.bullet li{line-height:16px;background:url(/ibs/nfrc/images/bullet_circle_gray.png) no-repeat left 5px;background-size:4px 4px;padding-left:8px;margin:5px 0 0 12px} ul.bullet li.first{margin-top:0} ul.bullet li.first em{margin-left:0} ul.bullet > li:first-child{margin-top:0} ul.bullet li li{background:none;padding-left:0;margin:0} ul.bullet li li:before{content:"- "} ul.bullet .no.hyphen > li:before{display:none} ul.bullet li .reference2 li:before{content:"※ "} ul.bullet li .reference2{margin-left:14px} ul.bullet li .reference2 li{font-size:11px} ul.bullet li li.none:before{content:""} /* ul.bullet li .tbl_basic{margin:0 -8px 0 -12px} */ ul.bullet li ul{margin:0} em ul.bullet li{margin-left:0} em div.htag_txt{font-size:12px} ul.bullet li .hyphen td{font-size:12px} .c_comm{padding:20px 15px 15px;border-top:1px solid #b2b2b2;background:#ededed;color:#666;font-size:12px} .c_comm.clear_bg{margin-bottom:-10px !important;background:#fff !important} .c_comm.type3{padding:15px 15px 10px !important;border-bottom:1px solid #b2b2b2} .c_comm.type3 dt{line-height:14px} .c_comm dt{font-weight:bold;margin-bottom:8px;background:url(/ibs/nfrc/images/icon_front_att.png) no-repeat top left;background-size:12px 12px;padding-left:16px} .c_comm ul li{margin-bottom:6px;line-height:15px;background:url(/ibs/nfrc/images/bullet_circle_gray.png) no-repeat left 5px;background-size:4px 4px;padding-left:8px;letter-spacing:-0.5px;color:#888} .c_comm ul li:last-child{margin-bottom:0} .tab_area > .c_comm{border-top:1px solid #b2b2b2;background:#ededed;padding:20px 15px 10px;margin:0 -15px -15px;font-size:12px} .tab_area > .c_comm dl{margin-bottom:18px} .tab_area > .c_comm dl:last-child{margin-bottom:0} .tab_area > .c_comm dl dt{font-weight:bold;margin-bottom:8px;line-height:14px;background:url(/ibs/nfrc/images/icon_front_att.png) no-repeat top left;background-size:12px 12px;padding-left:16px;color:#666} .tab_area > .c_comm dl.no{margin-bottom:10px} .tab_area > .c_comm dl.no dt{background:none;padding-left:0;font-size:12px} .tab_area > .c_comm dl.no dd{background:url(/ibs/nfrc/images/bullet_circle_gray.png) no-repeat left 6px;background-size:4px 4px;padding-left:8px;letter-spacing:-0.5px} .tab_area > .c_comm dt{font-size:12px} .tab_area > .c_comm dd,.c_comm .pill{color:#888;font-size:12px} .tab_area > .c_comm dd em{display:inline-block !important;margin-left:0;padding-left:0} .tab_area > .c_comm li{margin-bottom:8px;line-height:16px;background:url(/ibs/nfrc/images/bullet_circle_gray.png) no-repeat left top 6px;background-size:4px 4px;padding-left:8px;letter-spacing:-0.5px} .tab_area > .c_comm dl dd{margin-bottom:8px;line-height:19px;background:url(/ibs/nfrc/images/bullet_circle_gray.png) no-repeat left 5px;background-size:4px 4px;padding-left:8px;letter-spacing:-0.5px} .img_w100 img{width:100%} .tbl_basic{ text-align:center;font-size:12px;margin:5px 0px 10px;width:100%} .tbl_basic tbody{border-bottom:1px solid #e4e8eb} .tbl_basic th{font-weight:normal;border-right:1px solid #ebebeb;background:#f7f7f7;line-height:15px !important;padding:10px 5px;height:inherit !important;line-height:32px;vertical-align:middle;color:#637a99} .tbl_basic td{border-right:1px solid #ebebeb;color:#111;padding:10px 5px;line-height:1.4;vertical-align:middle;font-size:12px} .tbl_basic th:last-child{border-right:0} .tbl_basic td:last-child{border-right:0} .tbl_basic tr{border-top:1px solid #e7e8ec} .tbl_basic tr:first-child > th,.tbl_basic tr:first-child > td{border-top:1px solid #8b9db5} /* .tbl_basic tr:last-child > th,.tbl_basic tr:last-child > td{border-bottom:1px solid #e4e8eb} */ .tbl_basic thead + tbody tr:first-child{border-top:1px solid #e7e8ec} .tbl_basic ul.bullet{text-align:left;padding:10px 5px 0 5px} .tbl_basic ul.bullet li{font-weight:normal} .reference li ul.hyphen{padding-top:5px} .reference li ul.hyphen li{font-size:12px;background:none;padding-left:0;margin-left:0;margin-bottom:5px} .reference li ul.hyphen li:before{content:"- "} .reference > li:before{content:"※ "} .hyphen{padding-top:5px} .hyphen li{font-size:12px;background:none;padding-left:0;margin-left:0;margin-bottom:5px} .hyphen > li:before{content:"- "} em#RATE_CNTN > .standard{font-size:12px;text-align:right} .tb_ul{width:100%} .tb_ul_wrap{margin:0 -15px} .tb_ul_wrap table{border-top:1px solid #ebebeb} .tb_ul li .btn_cr_bl{font-size:12px} .tb_ul tr{border-bottom:1px solid #ebebeb} .tb_ul tr:last-child{border-bottom:0px solid #ebebeb} .tb_ul tr td{padding:12px 15px} .tb_ul tr td ul li{overflow:hidden} .tit_ico{display:inline-block;background:url(/ibs/nfrc/images/ico_circle1.png) no-repeat top 3px left;background-size:8px;padding-left:12px;margin-top:3px;line-height:17px;width:60%;font-size:14px;vertical-align:middle;font-weight:normal} .btn_cr_bl{border:1px solid #4393d2;color:#2f84c8;height:28px;background:#fff;padding:0 17px;width:78px;width:inherit;float:right} .btn_cr_bl:active{background-color:#dde1f1;border-color:#1c5696;color:#1c5696} div + .crm_ul{margin-top:10px;} .crm_ul li > .m_con{display:none;padding:10px 0px;margin-top:0} .crm_ul li > .m_con strong{display:block;} .crm_ul li > .m_con strong.first{display:block;color:#0080c8;font-size:14px;margin-bottom:3px} .crm_ul li.on > .m_con{display:block} .crm_ul li.on > h3.m_tit{background:none} .crm_ul li.on > .m_con > strong{color:#0080c8} .detail.btn_sh{padding:0 15px 0px;height:44px;overflow:hidden;box-sizing:border-box;text-align:left} .detail.btn_sh button.share{width:inherit;background:url(/ibs/nfrc/images/icon_share.png) no-repeat left center;background-size:12px 15px;padding-left:20px;padding-top:5px;line-height:15px;height:44px;font-size:1.4rem} .tab_area h3.m_tit{border-bottom:1px solid #dbdbdb;padding:10px 0px;color:#111;font-size:14px;background:url(/ibs/nfrc/images/m_detail_icon2-1.png) no-repeat right 15px center;background-size:18px 10px;display:inline-block;width:100%;box-sizing:border-box;margin-bottom:0;font-weight:normal} .tab_area .m1{padding: 5px 15px;box-sizing: border-box;border-radius: 10px;border: 1px solid #309fe2;background-color: #fff;} .tab_area .m1 + .m1{margin-top:10px} .tab_area h3.m_tit .icon{display:inline-block;vertical-align:bottom;width:35px} .tab_area h3.m_tit img{display:none;vertical-align:middle;margin-right:5px} .tab_area h3.m_tit span{font-size:15px;vertical-align:middle;font-weight:bold} .tab_area.pd0 .tb_ul tr:last-child{border-bottom:1px solid #ebebeb} .tab_area > .c_comm dl dd{background:none;padding-left:0} .tab_area .crm_ul h4{margin-left:0 !important;margin-bottom:3px !important;font-size:14px !important;margin-top:5px;} .tab_area .crm_ul strong{margin-top:10px;margin-bottom:6px !important;font-size:14px !important} .tab_area .crm_ul strong:first-child{margin-top:0} .tab_area .crm_ul .benefit_detail li{font-size:12px; margin-bottom:5px} .tab_area .crm_ul .benefit_detail li{content:'-'} .tab_area h4{display: block;color: #0080c8;font-size: 13px;font-weight:bold} .tab_area b{display:inline-block;margin-bottom:5px} #AGREE_VIEW li{padding: 12px 0px;} #AGREE_VIEW li + li{border-top:1px solid #e6e6e6} #tab_BRAND,#BRNAD_AREA{display:block;overflow:hidden;margin-bottom:10px} #tab_BRAND em,#tab_BRAND em{font-size:0;display:inline-block;float:left;margin:1px;background-image:url(/ibs/nfrc/images/m_card_icon.png);background-repeat:no-repeat;background-size:auto 13px;height:13px;font-size:0;vertical-align:middle;margin-right:3px} .icon_cd1{background-position:left top;width:35px;height:12px} .icon_cd2{background-position:-40px top;width:22px} .icon_cd3{background-position:-67px top;width:20px} .icon_cd4{background-position:-117px top;width:12px;margin-right:5px} .icon_cd5{background-position:-143px top;width:17px} .icon_cd6{background-position:-168px top;width:56px} ul#gen_product_agree_view li{margin-bottom:10px} /* AS-IS END */ /* .dimmedWrap,.popupWrap{height:100vh !important;} */ /* 모바일사이즈 - 320이하일때 */ @media all and (max-width:320px){ .main_visual .visualarea .txtarea .mtx{font-size:25px;} .list_card li a > .w2textbox{top:10px;left:10px;font-size:21px;line-height:22px;} .list_card.chk > li .chk_dim .tit{top:15px;left:10px;} .list_card .info_grp{left: 10px;bottom: 10px;right:10px;} .list_card .info_product + ul{margin-top:0} .useguidearea .titlearea{margin-top:0;padding-top:20px !important;padding-bottom:10px !important;} .useguide .guide_view{margin-bottom:20px !important;/* margin:70px 61px 20px 61px !important; */} } /* 모바일사이즈 - 768이상일때 */ @media all and (min-width:768px){ } /* PC사이즈 - 1024이상일때 */ @media all and (min-width:1034px){ } @media all and (min-height:600px){ /* .main_wrap .main_autofixed{position:fixed;left:0;right:0;bottom:0;top:inherit;} */ } .icon_kakao{display:inline-block;position:absolute;left:50%;top:-10px;background:url(/ibs/nfrc/images/btn_ev_y.gif) no-repeat;background-size:contain;margin-left:85px;width:60px;height:17px}/*카카오페이인증버튼 위 아이콘*/ .icon_card_ibk{background:url('/ibs/nfrc/images/icon_card_ibk.png') no-repeat center center;background-size:90px;padding:30px;height:90px}/*호서대학교안내화면 아이콘추가*/ /* D-day적금 */ .bx_dday{margin-top:30px} .bx_dday .radio_btnty{display:block;margin:0 auto;width:310px} .bx_dday .radio_btnty .w2radio_item{display:inline-block;margin-bottom:20px;width:130px;height:130px} .bx_dday .radio_btnty .w2radio_item:nth-child(2n){margin-left:50px} .bx_dday .radio_btnty .w2radio_item .w2radio_label{position:relative;display:inline-block;background-color:#fff;background-repeat:no-repeat;border-radius:50% !important;border:none !important;width:129px;height:129px;line-height:inherit !important;padding:82px 0 0 0 !important;text-align:center;font-size:15px;color:#666;box-sizing:border-box} .bx_dday .radio_btnty .w2radio_item input:checked + label{background-color:#4c9df8 !important;color:#fefefe !important;border:none !important;margin:0 !important;box-shadow:0px 3px 3px #ccc} .bx_dday .radio_btnty .w2radio_item:nth-child(1) .w2radio_label{background-image:url('/ibs/nfrc/images/dday_theme_01.png');background-size:77px auto;background-position:center 30px} .bx_dday .radio_btnty .w2radio_item:nth-child(2) .w2radio_label{background-image:url('/ibs/nfrc/images/dday_theme_02.png');background-size:61px auto;background-position:center 20px} .bx_dday .radio_btnty .w2radio_item:nth-child(3) .w2radio_label{background-image:url('/ibs/nfrc/images/dday_theme_03.png');background-size:58px auto;background-position:center 15px} .bx_dday .radio_btnty .w2radio_item:nth-child(4) .w2radio_label{background-image:url('/ibs/nfrc/images/dday_theme_04.png');background-size:46px auto;background-position:center 20px} .dday_top_bx{position:relative;background:#fff;margin-top:30px;padding:28px 0 0 37px;height:125px;box-sizing:border-box} .dday_top_bx .img_01{position:absolute;display:block;bottom:22px;right:17px;width:128px;height:96px} .dday_top_bx .txt_01{font-size:27px} .dday_top_bx .txt_02{margin-top:8px;font-size:17px} .infoip_top_bx{position:relative;background:#f3f2e9;border-bottom:1px solid #000;margin-top:30px;padding:48px 0 0 32px;height:161px;box-sizing:border-box} .infoip_top_bx .txt_01{line-height:22px;font-size:17px} .infoip_top_bx .img_01{position:absolute;display:block;bottom:-5px;right:30px;width:159px;height:164px} /* 간편결제(삼성페이, 카카오페이) 바로사용서비스 */ .pay_service_list .w2checkbox_item .w2checkbox_label{display:inline-block;min-height:30px;line-height:30px} .pay_service_list .w2checkbox_item .w2checkbox_label:before{top:50%;margin-top:-10px} .pay_service_list .w2checkbox_item:nth-child(1) .w2checkbox_label {padding-left:65px;background:url('/ibs/nfrc/images/ico_samsungpay.png') no-repeat;background-position:28px 50%;background-size:30px 30px} .pay_service_list .w2checkbox_item:nth-child(2) .w2checkbox_label {padding-left:85px;background:url('/ibs/nfrc/images/ico_kakaopay.png') no-repeat;background-position:28px 50%;background-size:50px 20px} /* 타행계좌인증 */ .valid_time{margin-top:10px;color:#d13c40;text-align:right}