@charset "euc-kr";
 
.blind{font-size:0px;line-height:0px;width:1px;height:1px;overflow:hidden;position:absolute;top:0px;left:-9999px; font-size:0}
.clear:after{display:block;content:"";clear:both}

/* Float */
.fl {float:left !important}
.fr {float:right !important}
.cb {clear:both !important}

/* Position */
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.ps{position:static !important}

/* Display */
.dis_inline {display:inline}
.dis_inBlock {display:inline-block !important; *display:inline; *zoom:1}
.dis_block {display:block}
.dis_none {display:none}

/* Overflow */
.overHidden {overflow:hidden !important}
.scroll {overflow:auto}
.scrollX {overflow-x:scroll}
.scrollY {overflow-y:scroll}

/* Margin */
.mar_m5 {margin:0 -0.5rem !important}
.mar_m10 {margin:0 -1rem !important}

.mar_mt60{margin-top:-3rem !important}

.mar_ml5{margin-left:-0.5rem !important}

.mar0    {margin:0px !important}
.mar_t0  {margin-top:0px !important}
.mar_t3  {margin-top:0.15rem !important}
.mar_t5  {margin-top:0.25rem !important}
.mar_t6  {margin-top:0.3rem !important}
.mar_t8  {margin-top:0.4rem !important}
.mar_t10 {margin-top:0.5rem !important}
.mar_t12 {margin-top:0.6rem !important}
.mar_t15 {margin-top:0.75rem !important}
.mar_t16 {margin-top:0.8rem !important}
.mar_t20 {margin-top:1rem !important}
.mar_t25 {margin-top:1.25rem !important}
.mar_t30 {margin-top:1.5em !important}
.mar_t35 {margin-top:1.75rem !important}
.mar_t40 {margin-top:2rem !important}
.mar_t45 {margin-top:2.25rem !important}
.mar_t50 {margin-top:2.5rem !important}
.mar_t60 {margin-top:3rem !important}
.mar_t100 {margin-top:5rem !important}

.mar_r0  {margin-right:0px !important}
.mar_r3  {margin-right:0.15rem !important}
.mar_r5  {margin-right:0.25rem !important}
.mar_r10 {margin-right:0.5rem !important}
.mar_r15 {margin-right:0.75rem !important}
.mar_r20 {margin-right:1rem !important}
.mar_r30 {margin-right:1.5rem !important}

.mar_b0  {margin-bottom:0px !important}
.mar_b3  {margin-bottom:0.15rem !important}
.mar_b5  {margin-bottom:0.5rem !important}
.mar_b6  {margin-bottom:0.3rem !important}
.mar_b7  {margin-bottom:0.35rem !important}
.mar_b8  {margin-bottom:0.4rem !important}
.mar_b10 {margin-bottom:0.5rem !important}
.mar_b12 {margin-bottom:0.6rem !important}
.mar_b15 {margin-bottom:0.75rem !important}
.mar_b16 {margin-bottom:0.8rem !important}
.mar_b20 {margin-bottom:1rem !important}
.mar_b25 {margin-bottom:1.25rem !important}
.mar_b30 {margin-bottom:1.5rem !important}
.mar_b35 {margin-bottom:1.75rem !important}
.mar_b40 {margin-bottom:2rem !important}
.mar_b45 {margin-bottom:2.25rem !important}
.mar_b50 {margin-bottom:2.5rem !important}
.mar_b100 {margin-bottom:5rem !important}

.mar_l0  {margin-left:0px !important}
.mar_l1  {margin-left:1px !important}
.mar_l2  {margin-left:2px !important}
.mar_l5  {margin-left:0.25rem !important}
.mar_l10 {margin-left:0.5rem !important}
.mar_l15 {margin-left:0.75rem !important}
.mar_l20 {margin-left:1rem !important}
.mar_l25 {margin-left:1.25rem !important}
.mar_l30 {margin-left:1.5rem !important}
.mar_l45 {margin-left:2.25px !important}
.mar_l60 {margin-left:3rem !important}
.mar_auto {margin:auto !important}

/* Padding */
.pd0  {padding:0px !important}
.pd5  {padding:0.25rem !important}
.pd10 {padding:0.5rem !important}
.pd15 {padding:0.75rem !important}
.pd20 {padding:1rem !important}
.pd30 {padding:1.5rem !important}

.pd_t0  {padding-top:0px !important}
.pd_t3  {padding-top:3px !important}
.pd_t5  {padding-top:0.25rem !important}
.pd_t6  {padding-top:0.3rem !important}
.pd_t8  {padding-top:0.4rem !important}
.pd_t10 {padding-top:0.5rem !important}
.pd_t12 {padding-top:0.6rem !important}
.pd_t15 {padding-top:0.75rem !important}
.pd_t20 {padding-top:1rem !important}
.pd_t25 {padding-top:1.25rem !important}
.pd_t30 {padding-top:1.5rem !important}
.pd_t35 {padding-top:1.75rem !important}
.pd_t40 {padding-top:2rem !important}
.pd_t45 {padding-top:2.25rem !important}
.pd_t50 {padding-top:2.5rem !important}
.pd_t55 {padding-top:2.75rem !important}
.pd_t60 {padding-top:3rem !important}
.pd_t70 {padding-top:3.5rem !important}

.pd_r0  {padding-right:0px !important}
.pd_r3  {padding-right:0.15rem !important}
.pd_r5  {padding-right:0.25rem !important}
.pd_r10 {padding-right:0.5rem !important}
.pd_r15 {padding-right:0.75rem !important}
.pd_r20 {padding-right:1rem !important}
.pd_r50 {padding-right:2.5rem !important}
.pd_r70 {padding-right:3.5rem !important}

.pd_b0  {padding-bottom:0px !important}
.pd_b2  {padding-bottom:2px !important}
.pd_b5  {padding-bottom:0.25rem !important}
.pd_b6  {padding-bottom:0.3rem !important}
.pd_b8  {padding-bottom:0.4rem !important}
.pd_b10 {padding-bottom:0.5rem !important}
.pd_b12 {padding-bottom:0.6rem !important}
.pd_b15 {padding-bottom:0.75rem !important}
.pd_b20 {padding-bottom:1rem !important}
.pd_b25 {padding-bottom:1.25rem !important}
.pd_b30 {padding-bottom:1.5rem !important}
.pd_b35 {padding-bottom:1.75rem !important}
.pd_b40 {padding-bottom:2rem !important}
.pd_b45 {padding-bottom:2.25rem !important}
.pd_b50 {padding-bottom:2.5rem !important}

.pd_l0  {padding-left:0px !important}
.pd_l3  {padding-left:3px !important}
.pd_l5  {padding-left:0.25rem !important}
.pd_l10 {padding-left:0.5rem !important}
.pd_l15 {padding-left:0.75rem !important}
.pd_l20 {padding-left:1rem !important}
.pd_l25 {padding-left:1.25rem !important}
.pd_l30 {padding-left:1.5rem !important}
.pd_l40 {padding-left:2rem !important}
.pd_l50 {padding-left:2.5rem !important}

/* Border Style */
.bor_tnone {border-top:0px !important}
.bor_rnone {border-right:0px !important}
.bor_bnone {border-bottom:0px !important}
.bor_lnone {border-left:0px !important}
.bor_none  {border:none !important}

.bor_solid {border:1px solid #DBDBDB !important}
.bor_solid_t {border-top:1px solid #DBDBDB !important}
.bor_solid_r {border-right:1px solid #DBDBDB !important}
.bor_solid_b {border-bottom:1px solid #DBDBDB !important}
.bor_solid_l {border-left:1px solid #DBDBDB !important}


.bor_dotted {border:1px dotted #DBDBDB}
.bor_dashed{border:1px dashed #DBDBDB}
.bor_bdrs{border:1px solid #DBDBDB !important; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; overflow:hidden}
.bor_bdrs5{ -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem}
.bor_bdrs10{ -webkit-border-radius:1rem !important; -moz-border-radius:1rem !important; border-radius:1rem !important}

/*----- Font Style -----*/
.roboto {letter-spacing:-0.5px; font-family:'Roboto'}
.NanumSquare {letter-spacing:-0.5px; font-family:'NanumSquare'}

/*Font Uppercase*/
.upCase {text-transform:uppercase}

/* IME Mode */
.ime_en {ime-mode:inactive}
.ime_ko {ime-mode:active}

/* Font Size */
.fs0 {font-size:0px}
.fs12 {font-size:0.6rem !important}
.fs13 {font-size:0.65rem !important}
.fs14 {font-size:0.7rem !important}
.fs15 {font-size:0.75rem !important}
.fs16 {font-size:0.8rem !important}
.fs18 {font-size:0.9rem !important}
.fs20 {font-size:1rem !important}
.fs25 {font-size:1.25rem !important}

/* Color */
.blue{color:#3D7CF1 !important}
.gray{color:#666666 !important}
.red {color:#EE0000 !important}
.black {color:#000000 !important}
.yellow {color:#FFEE00 !important}
.white {color:#ffffff !important}

/* bg */
.bgNone{background:none !important}
.bgGray{background:#F9F9FB}
.bgWhite{background:#ffffff}

/* dim */
.dim{background:transparent; position:fixed; top:0; left:0; bottom:0; right:0; z-index:5000} /* 2022-01-25 */

/* Line Height */
.lh11 {line-height:11px !important}
.lh12 {line-height:0.6rem !important}
.lh13 {line-height:0.65rem !important}
.lh14 {line-height:0.7rem !important}
.lh16 {line-height:0.8rem !important}
.lh18 {line-height:0.9rem !important}
.lh20 {line-height:1rem !important}
.lh24 {line-height:1.2rem !important}
.lh28 {line-height:1.4rem !important}
.lh36 {line-height:1.8rem !important}

.lh15p {line-height:1.5 !important}
.lh16p {line-height:1.6 !important}


/* Font Weight */
.fb {font-weight:bold !important}
.fm {font-weight:500 !important}
.fn {font-weight:normal !important}

/* Text Align */
.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.justify {text-align:justify !important}

.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb {vertical-align:bottom !important}

/* word-break */
.keepall {word-break:keep-all}
.breakall {word-break:break-all}

/* width */
.min_winit {min-width:initial !important}

.w_auto {width:auto !important}
.w100 {width:100px !important}
.w110 {width:110px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w160 {width:160px !important}
.w170 {width:170px !important}
.w180 {width:180px !important}
.w190 {width:190px !important}
.w200 {width:200px !important}
.w320 {width:320px !important}

.w10p {width:10% !important}
.w20p {width:20% !important}
.w30p {width:30% !important}
.w40p {width:40% !important}
.w50p {width:50% !important}
.w60p {width:60% !important}
.w70p {width:70% !important}
.w80p {width:80% !important}
.w90p {width:90% !important}
.w100p {width:100% !important}

/* height */
.h_auto {height:auto !important}

.sp20 {clear:both; height:1rem; font-size:0; line-height:0}
.sp30 {clear:both; height:1.5rem; font-size:0; line-height:0}
.sp50 {clear:both; height:2.5rem; font-size:0; line-height:0}
.sp60 {clear:both; height:3rem; font-size:0; line-height:0}

/* flex */
.flex {display:-webkit-flex; display:flex;}
.flex_column {flex-direction:column !important}
.flex_wrap {flex-wrap:wrap !important}
.flex_start {justify-content:flex-start !important}
.flex_center {justify-content:center !important}
.flex_end {justify-content:flex-end !important}
.flex_around {justify-content:space-around !important}
.flex_between {justify-content:space-between !important}
.flex_evenly {justify-content:space-evenly}
.cross_start {align-items:flex-start}
.cross_center {align-items:center !important}
.cross_end {align-items:flex-end !important}

/* datepicker */
.ui-datepicker{padding:1rem 1rem 0.75rem}
.ui-datepicker .ui-datepicker-header{text-align:center}
.ui-datepicker .ui-datepicker-header > a{display:inline-block; width:1.5rem; height:1.5rem; font-size:0; background:url('/image/img_arrow01.png') no-repeat center; background-size:0.375rem auto; vertical-align:middle}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev{-ms-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg)}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title{display:inline-block; vertical-align:middle; margin:0 1rem; line-height:1.5rem}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title > span{font-size:0.8rem; font-weight:500; vertical-align:top}
.ui-datepicker .ui-datepicker-calendar{margin-top:1rem}
.ui-datepicker .ui-datepicker-calendar thead th{font-weight:500; font-size:0.8rem; padding-bottom:0.75rem}
.ui-datepicker .ui-datepicker-calendar tbody td{padding:0.25rem 0; text-align:center}
.ui-datepicker .ui-datepicker-calendar tbody td > a{display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem}
.ui-datepicker .ui-datepicker-calendar tbody td > a.ui-state-highlight{background:#3D7CF1; color:#ffffff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* ipt_keypad */ /* 2022-01-27 */
.ipt_keypad{margin-top:0.75rem}
.ipt_keypad .btn_money > ul{display:-webkit-flex; display:flex; flex-direction:row; width:100%; border:1px solid #DBDBDB; -webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius:1rem; overflow:hidden}
.ipt_keypad .btn_money > ul > li{width:20%}
.ipt_keypad .btn_money > ul.n4 > li{width:25%}
.ipt_keypad .btn_money > ul > li + li{border-left:1px solid #DBDBDB}
.ipt_keypad .btn_money > ul > li > button{width:100%; height:1.5rem; text-align:center; font-size:0.7rem; background:#ffffff; vertical-align:top}
.ipt_keypad .btn_money + .input_money input:read-only{background:#ffffff !important}
.ipt_keypad .input_money > .table_wrap{margin-top:0.5rem}
.ipt_keypad .keypad{}
.ipt_keypad .keypad tbody tr td{text-align:center}
.ipt_keypad .keypad tbody tr td button{width:100%; height:100%; font-size:1.2rem; font-weight:bold; height:3.1rem}
.ipt_keypad .keypad tbody tr td button.delete{font-size:0; background:url('/image/btn_delete.png') no-repeat center; background-size:1.237rem}
.ipt_keypad .keypad tbody tr td button.confirm{width:4.5rem; height:2rem; padding:0; font-size:0.85rem; background:#DBDBDB; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;}

/* logo */
.ico_bank{background-repeat:no-repeat; background-size:contain; padding-left:1.2rem}
.ico_bank_000{background-image:url('/image/ico_bank_000.png') !important}
.ico_bank_020{background-image:url('/image/ico_bank_020.png') !important}
.ico_bank_004{background-image:url('/image/ico_bank_004.png') !important}
.ico_bank_039{background-image:url('/image/ico_bank_039.png') !important}
.ico_bank_034{background-image:url('/image/ico_bank_034.png') !important}
.ico_bank_003{background-image:url('/image/ico_bank_003.png') !important}
.ico_bank_011{background-image:url('/image/ico_bank_011.png') !important}
.ico_bank_012{background-image:url('/image/ico_bank_012.png') !important}
.ico_bank_031{background-image:url('/image/ico_bank_031.png') !important}
.ico_bank_055{background-image:url('/image/ico_bank_055.png') !important}
.ico_bank_052{background-image:url('/image/ico_bank_052.png') !important}
.ico_bank_059{background-image:url('/image/ico_bank_059.png') !important}
.ico_bank_058{background-image:url('/image/ico_bank_058.png') !important}
.ico_bank_032{background-image:url('/image/ico_bank_032.png') !important}
.ico_bank_064{background-image:url('/image/ico_bank_064.png') !important}
.ico_bank_065{background-image:url('/image/ico_bank_065.png') !important}
.ico_bank_002{background-image:url('/image/ico_bank_002.png') !important}
.ico_bank_050{background-image:url('/image/ico_bank_050.png') !important}
.ico_bank_045{background-image:url('/image/ico_bank_045.png') !important}
.ico_bank_008{background-image:url('/image/ico_bank_008.png') !important}
.ico_bank_007{background-image:url('/image/ico_bank_007.png') !important}
.ico_bank_088{background-image:url('/image/ico_bank_088.png') !important}
.ico_bank_048{background-image:url('/image/ico_bank_048.png') !important}
.ico_bank_056{background-image:url('/image/ico_bank_056.png') !important}
.ico_bank_005{background-image:url('/image/ico_bank_005.png') !important}
.ico_bank_071{background-image:url('/image/ico_bank_071.png') !important}
.ico_bank_037{background-image:url('/image/ico_bank_037.png') !important}
.ico_bank_057{background-image:url('/image/ico_bank_057.png') !important}
.ico_bank_035{background-image:url('/image/ico_bank_035.png') !important}
.ico_bank_081{background-image:url('/image/ico_bank_081.png') !important}
.ico_bank_027{background-image:url('/image/ico_bank_027.png') !important}
.ico_bank_060{background-image:url('/image/ico_bank_060.png') !important}
.ico_bank_061{background-image:url('/image/ico_bank_061.png') !important}
.ico_bank_062{background-image:url('/image/ico_bank_062.png') !important}
.ico_bank_063{background-image:url('/image/ico_bank_063.png') !important}
.ico_bank_054{background-image:url('/image/ico_bank_054.png') !important}
.ico_bank_023{background-image:url('/image/ico_bank_023.png') !important}
.ico_bank_261{background-image:url('/image/ico_bank_261.png') !important}
.ico_bank_267{background-image:url('/image/ico_bank_267.png') !important}
.ico_bank_238{background-image:url('/image/ico_bank_238.png') !important}
.ico_bank_279{background-image:url('/image/ico_bank_279.png') !important}
.ico_bank_209{background-image:url('/image/ico_bank_209.png') !important}
.ico_bank_287{background-image:url('/image/ico_bank_287.png') !important}
.ico_bank_230{background-image:url('/image/ico_bank_230.png') !important}
.ico_bank_290{background-image:url('/image/ico_bank_290.png') !important}
.ico_bank_240{background-image:url('/image/ico_bank_240.png') !important}
.ico_bank_268{background-image:url('/image/ico_bank_268.png') !important}
.ico_bank_291{background-image:url('/image/ico_bank_291.png') !important}
.ico_bank_278{background-image:url('/image/ico_bank_278.png') !important}
.ico_bank_247{background-image:url('/image/ico_bank_247.png') !important}
.ico_bank_280{background-image:url('/image/ico_bank_280.png') !important}
.ico_bank_265{background-image:url('/image/ico_bank_265.png') !important}
.ico_bank_264{background-image:url('/image/ico_bank_264.png') !important}
.ico_bank_270{background-image:url('/image/ico_bank_270.png') !important}
.ico_bank_262{background-image:url('/image/ico_bank_262.png') !important}
.ico_bank_243{background-image:url('/image/ico_bank_243.png') !important}
.ico_bank_269{background-image:url('/image/ico_bank_269.png') !important}
.ico_bank_218{background-image:url('/image/ico_bank_218.png') !important}
.ico_bank_263{background-image:url('/image/ico_bank_263.png') !important}
.ico_bank_292{background-image:url('/image/ico_bank_292.png') !important}
.ico_bank_266{background-image:url('/image/ico_bank_266.png') !important}
.ico_bank_294{background-image:url('/image/ico_bank_294.png') !important}
.ico_bank_227{background-image:url('/image/ico_bank_227.png') !important}
.ico_bank_089{background-image:url('/image/ico_bank_089.png') !important}
.ico_bank_090{background-image:url('/image/ico_bank_090.png') !important}
.ico_bank_288{background-image:url('/image/ico_bank_288.png') !important}
.ico_bank_225{background-image:url('/image/ico_bank_225.png') !important}
.ico_bank_092{background-image:url('/image/ico_bank_092.png') !important} /* 2021-12-22 */
.ico_bank_224{background-image:url('/image/ico_bank_224.png') !important} /* 2021-12-22 */
.ico_bank_271{background-image:url('/image/ico_bank_271.png') !important} /* 2021-12-22 */
.ico_bank_067{background-image:url('/image/ico_bank_067.png') !important}
.ico_bank_221{background-image:url('/image/ico_bank_221.png') !important}

/* btn */
.btn_wrap.fixed{left:0; width:100%; z-index:50; padding:1rem; background:#ffffff;}
.transfer .btn_wrap.fixed, .bgGray .btn_wrap.fixed{background-color:#F9F9FB;}
.btn_wrap > button{width:100%; height:2.65rem; color:#ffffff; font-size:0.85rem; font-weight:500; border-radius:10px}
.btn_wrap > button:disabled{background:#DBDBDB !important; color:#555555 !important}
.btn_wrap > button:only-child, .btn_wrap > button.gra{background:-webkit-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:-moz-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:-o-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%)}
.btn_wrap.half{display:-webkit-flex; display:flex; flex-direction:row}
.btn_wrap.half > button{display:block; width:50%}
.btn_wrap.half > button.type1{background:#8F939E; border-radius:10px 0 0 10px;}
.btn_wrap.half > button.type2{background:#386CFF; border-radius:0 10px 10px 0;}
.btn_wrap.n4 {display:-webkit-flex; display:flex; justify-content: space-between; flex-wrap: wrap;}
.btn_wrap.n4 > a {background: #ffffff; border:1px solid #3D7CF1; color: #3D7CF1; width:calc(50% - 0.15rem); font-size:0.7rem; line-height: 1.7rem; border-radius: 6px; text-align: center;}
.btn_wrap.fixed.n3{}
.btn_wrap.fixed.n3 > button:first-child{margin-bottom:0.5rem}
.btn_wrap.fixed.n3 > button:first-child ~ button{margin:0; width:50%; color:#ffffff; border:none}
.btn_wrap.fixed.n3 > button:nth-child(2) {-webkit-border-radius:0.5rem 0 0 0.5rem; -moz-border-radius:0.5rem 0 0 0.5rem; border-radius:0.5rem 0 0 0.5rem;}
.btn_wrap.fixed.n3 > button:nth-child(3) {-webkit-border-radius:0 0.5rem 0.5rem 0; -moz-border-radius:0 0.5rem 0.5rem 0; border-radius:0 0.5rem 0.5rem 0}
.btn_wrap.fixed.n3 > button.type1{background:#8F939E}
.btn_wrap.fixed.n3 > button.type2{background:#386CFF}
.btn_wrap.bor_bdrs{}
.btn_wrap.bor_bdrs button{color:#000000; font-weight:normal; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.btn_wrap.bor_bdrs button:first-child + button{border-left:1px solid #DBDBDB}
.clearBtn{position:relative;} /* 2021-12-22 */
.btn_clear{display:none; position:absolute; right:0rem; width:2.5rem !important; height:2.65rem; background:url('/image/btn_clear.png') no-repeat center !important; background-size:1rem auto !important; font-size:0 !important; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%);}
.btn_clear.show{display:block}
.btn_menu{width:1.1rem; height:1.1rem; background:url('/image/btn_menu.png') no-repeat center; background-size:0.15rem auto; font-size:0}
.btn_menu.type2{background-image:url('/image/btn_menu02.png');}
.btn_search{width:1.7rem; height:1.7rem; background:url('/image/btn_search.png') no-repeat center; background-size:0.75rem auto; font-size:0}
.btn_search.type2 {width:100%; height:1.95rem; font-size:0.8rem; font-weight:500; margin-top:1rem; color:#000000; background:#F2F3F8 url('/image/btn_search02.png') no-repeat calc(50% - 0.95rem) center; background-size:0.75rem auto; -webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius:1rem; text-indent:1rem;}
.bgGray .btn_search.type2 {color:#ffffff; background:#386CFF url('/image/btn_search03.png') no-repeat calc(50% - 0.95rem) center; background-size:0.75rem auto}
a.btn_blue, .btn_blue{background:#386CFF !important; border:1px solid #386CFF; border-color:#386CFF !important; padding:0.5rem 1.5rem; -webkit-border-radius:1rem !important;  -moz-border-radius:1rem !important; border-radius:1rem !important; color:#fff; font-size:0.8rem; width:auto !important; height:auto !important;} /* 2021-11-11 */
a.btn_blue2, .btn_blue2 {color:#3D7CF1; background:#ffffff; border:1px solid #3D7CF1; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; font-size:0.8rem; height:1.95rem; min-width:8.5rem; font-weight:500} /* 2021-11-11 */
.btn_select{position:relative; padding-right:0.875rem; font-weight:500; font-size:0.8rem; width:auto !important; text-align:left !important; font-weight:normal}
.btn_disabled{background-color:#EEEEEE !important; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; font-weight:normal !important}
.btn_input{border:1px solid #cccccc; font-size:0.7rem; color:#666666; padding:0.325rem 0.55rem; border-radius:0.8rem}
.btn_select:after{position:absolute; top:50%; right:0; margin-top:-0.5rem; display:inline-block; content:""; clear:both; width:0.575rem; height:1rem; background:url('/image/btn_select.png') no-repeat center; background-size:contain}
.btn_arrow{width:100%; text-align:left; padding:0.85rem 1rem; font-weight:500; font-size:0.8rem; background:#ffffff url('/image/img_arrow01.png') no-repeat calc(100% - 1.25rem) 50%; background-size:0.375rem}
.btn_arrow02{display:inline-block; font-weight:500; font-size:0.8rem; background:url('/image/img_move02.png') no-repeat bottom right; background-size:1.25rem; padding-right:1.6rem}
.btn_qust {background:url('/image/btn_qust02.png')no-repeat center; background-size:0.8rem auto; width:1rem; height:1rem; font-size:0; margin-left:0.3rem}
.btn_close{width:1.5rem; height:1.5rem; top:0.5rem; right:0.5rem; background:url('/image/btn_popup_close.png') no-repeat center; background-size:0.575rem auto; font-size:0}
.btn_wrap.credit > a {border-color:#DBDBDB; color:#000; background:#fff url('/image/ico_credit01.png')no-repeat center; height:2rem; line-height:2rem; font-size:0.7rem; background-size:1.1rem; text-indent:1.35rem; background-position-x:15%; width:calc(50% - 0.15rem)} /* 2021-12-23 */
.btn_wrap.credit > a:nth-child(2) {background-image:url('/image/ico_credit02.png'); background-size:0.85rem;}
.btn_wrap.credit > a:nth-child(3) {background-image:url('/image/ico_credit03.png'); background-size:0.9rem; text-indent:1.25rem;}
.btn_wrap.credit > a:last-child {background-image:url('/image/ico_credit04.png');  background-size:0.9rem;}
.btn_page{margin-top:1rem; text-align:center}
.btn_page button, .btn_page a{display:inline-block; width:0.95rem; height:0.95rem; text-align:center}
.btn_page button{font-size:0}
.btn_page button.prev{background:url('/image/btn_page_prev.png') no-repeat center; background-size:0.4rem auto}
.btn_page button.next{background:url('/image/btn_page_next.png') no-repeat center; background-size:0.4rem auto}
.btn_page ul.page_num{display:inline-block; vertical-align:middle; margin:0 0.675rem}
.btn_page ul.page_num > li{float:left}
.btn_page ul.page_num > li + li{margin-left:0.45rem}
.btn_page ul.page_num > li > a{font-size:0.7rem; color:#666666; line-height:1rem}
.btn_page ul.page_num > li.active > a{background-color:#666666; color:#ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}

/* bul_list */
.bul_list{}
.bul_list li:first-child{margin-top:0 !important}
.bul_list li{position:relative; font-size:0.7rem; line-height:1.05rem; margin-top:0.3rem}
.bul_list li:before{position:absolute; display:block; content:""; clear:both}
.bul_list > li.red:before {background-color:#EE0000 !important}
.bul_list > li.blue:before {background:#3D7CF1 !important;}
.bul_list.square > li{color:#222222; padding-left:0.5rem}
.bul_list.square > li:before{top:0.35rem; left:0; width:0.25rem; height:0.25rem; background:#222222}
.bul_list.check > li{color:#555555; padding-left:1.2rem; font-size:0.8rem;}
.bul_list.check > li:before{top:0; left:0; width:1rem; height:1rem; background:url('/image/img_check.png') no-repeat; background-size:0.75rem}
/* 20231201 ¸ð¹ÙÀϽźÐÁõ µµÀÔÀ¸·Î ÁÖ¼® ¹× Ãß°¡ */
/*.bul_list.check.idcard{padding-top:11.25rem; background:url('/image/img_idcard.png') no-repeat top center; background-size:11.5rem auto}*/
.bul_list.check.idcard{padding-top:11.25rem; background:url('/image/img_idcard_new.png') no-repeat top center; background-size:11.5rem auto}
.bul_list.check.idcard.mobile{padding-top:11.25rem; background:url('/image/img_idcard2_new.png') no-repeat top center; background-size:11.5rem auto}
.bul_list.line > li {padding-left:0.5rem;}
.bul_list.line > li:before {width:0.25rem; height:0.05rem; background:#666666; left:0; top:0.45rem;}
.under .bul_list.line > li:before {height:0.1rem}
.bul_list > li.none{padding-left:0}
.bul_list > li.none:before{display:none}
.bul_list > li.notice {padding-left:0.85rem;}
.bul_list > li.notice:before {background:none !important; top:0; left:0; width:0.6rem; height:0.7rem; content:"¡Ø" }
.bul_list > li.notice.blue:before {color:#3D7CF1;}
.bul_list > li.num{padding-left:0.8rem;}
.bul_list > li.num:before{display:none}
.bul_list > li.num > span:first-child{margin-left:-0.8rem; margin-right:0.2rem}

/* terms_list */
dl.terms_list{}
dl.terms_list dt{font-size:0.8rem; font-weight:500; margin-bottom:0.5rem; margin-top:1rem}
dl.terms_list dt:first-child{margin-top:0}
dl.terms_list dd{font-size:0.7rem; line-height:1rem; margin-top:0.25rem}
dl.terms_list dd span.num{display:inline-block; margin-right:0.25rem}

/* table */
.table_wrap{}
.table_wrap p.table_tit{text-align:left; font-size:0.8rem; font-weight:500; margin-bottom:0.5rem}
.table_wrap .tbl_top{margin-bottom:0.5rem; text-align:right;}
.table_wrap .tbl_top > span{font-size:0.7rem; color:#666666; float:left; line-height:1rem;}
.table_wrap .tbl_top > button{font-weight:normal; margin-left:1rem}
.table_wrap .tbl_top > input.check_sort + label{display:inline-block; font-size:0.7rem; font-weight:normal}
.table_wrap .tbl_top > input.check_sort:checked + label:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}	/* 2021-12-22 */
.table_wrap .tbl_top.type2{display:-webkit-flex; display:flex; flex-direction:row; align-items:center; justify-content:space-between; border-bottom:1px solid #DBDBDB; margin:0 -1rem; padding:0.9rem 1rem}
.table_wrap .tbl_top.type2 strong{font-size:0.8rem}
.table_wrap .tbl_top.type2 button.btn_close{margin:0; margin-right:-0.5rem}

.table_wrap table.type1{border-top:1px solid #666666; border-bottom:1px solid #DBDBDB; background:#ffffff; border-collapse:separate} /* 2021-12-20 */
.table_wrap table.type1 thead tr{background:#F9F9FB}
.table_wrap table.type1 thead tr th{text-align:center; font-weight:500; padding:0.5rem 0 !important; border-top:1px solid #DBDBDB}
.table_wrap table.type1 thead tr:first-child th{border-top:none}
.table_wrap table.type1 thead tr th, .table_wrap table.type1 thead + tbody tr td{border-right:1px solid #DBDBDB; font-size:0.7rem}
.table_wrap table.type1 thead tr th:last-child, .table_wrap table.type1 thead + tbody tr td:last-child{border-right:0}
.table_wrap table.type1 thead + tbody tr td{text-align:center; padding:0.5rem 0; border-top:1px solid #DBDBDB; line-height:1.2; word-break:break-word}
.table_wrap table.type1 thead + tbody tr:first-child td{padding-top:0.5rem}
.table_wrap table.type1 thead + tbody tr:last-child td{padding-bottom:0.5rem}
.table_wrap table.type1 tr.tit_th:first-child ~ tr.tit_th th, .table_wrap table.type1 tr.tit_th:first-child ~ tr.tit_th td{border-top:1px solid #DBDBDB} /* 2021-12-20 */
.table_wrap table.type1 tr.tit_th th{background:#F9F9FB}
.table_wrap table.type1 tr.tit_th th[rowspan]{border-right:1px solid #DBDBDB}
.table_wrap table.type1 tr.tit_th th, .table_wrap table.type1 tr.tit_th td{padding:0.5rem !important}
.table_wrap table.type1 > tbody > tr:first-child > th, .table_wrap table.type1 > tbody > tr:first-child > td{padding-top:1rem}
.table_wrap table.type1 > tbody > tr:last-child > th, .table_wrap table.type1 > tbody > tr:last-child > td{padding-bottom:1rem}
.table_wrap table.type1 tr:only-child th, .table_wrap table.type1 tr:only-child td{padding-top:1rem; padding-bottom:1rem}
.table_wrap table.type1 tr th, .table_wrap table.type1 tr td{padding:0.5rem; font-size:0.8rem; text-align:left; color:#555; line-height:1rem}
.table_wrap table.type1 tr td{text-align:right; padding-left:0; color:#000;}
.table_wrap table.type1 tr td .btn_wrap:last-child{}
.table_wrap table.type1 tr td.tc:only-child {padding:0.75rem;}
.table_wrap table.type1 tr.none td {text-align:center; color:#888888; font-size:0.7rem; padding-left:0.75rem;}
.table_wrap table.type1 ~ p.table_txt {position:relative; font-size:0.7rem; color:#888; margin-top:0.5rem; padding-left:0.7rem; line-height:1.2rem}
.table_wrap table.type1 ~ p.table_txt:before{position:absolute; top:0.2rem; left:0; display:inline-block; width:0.6rem; height:0.7rem; content:"¡Ø"; clear:both; line-height:initial}
.table_wrap table.type1.fs14 tr th, .table_wrap table.type1.fs14 tr td{font-size:0.7rem !important}
.table_wrap table.type1.tc tr th, .table_wrap table.type1.tc tr td{text-align:center}

.table_wrap table.type2 tr th {color:#666;}
.table_wrap table.type2 tr th, .table_wrap .type2 tr td {font-size:0.8rem; text-align:left; padding:0.5rem 0; line-height:1rem}
.table_wrap table.type2.small tr th, .table_wrap .type2.small tr td {padding:0.25rem 0;}
.table_wrap table.type2 tr:first-child th, .table_wrap .type2 tr:first-child td {padding-top:1rem;}
.table_wrap table.type2 tr:last-child th, .table_wrap .type2 tr:last-child td {padding-bottom:1rem;}
.table_wrap table.type2 tr td {text-align:right;}
.table_wrap table.type2 tr.none td {color:#888888; font-size:0.8rem;} /* 2021-11-19 */
.table_wrap table.type2 tr.bor_dash{border-bottom:1px dashed #DBDBDB}
.table_wrap table.type2 tr.bor_dash th, .table_wrap table.type2 tr.bor_dash td{padding-bottom:1rem}
.table_wrap table.type2 tr.bor_dash + tr th, .table_wrap table.type2 tr.bor_dash + tr td{padding-top:1rem}
.table_wrap table.type2 tfoot{font-size:0}
.table_wrap table.type2 tfoot tr td{text-align:center}
.table_wrap table.type2 tfoot tr td button{padding-left:1.75rem; font-size:0.7rem; height:1.25rem; background:no-repeat; background-size:1.25rem}
.table_wrap table.type2 tfoot tr td button ~ button{margin-left:0.95rem}
.table_wrap table.type2 tfoot tr td button.kakao{background-image:url('/image/ico_sns_kakao.png')}
.table_wrap table.type2 tfoot tr td button.sms{background-image:url('/image/ico_sns_sms.png')}
.table_wrap table.type2 + .btn_wrap{margin:0px -1rem; border-top:1px solid #DBDBDB}
.table_wrap table.type2 + .btn_wrap > button{height:2.3rem; font-size:0.7rem; font-weight:normal; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.table_wrap table.type2 + .btn_wrap > button + button{border-left:1px solid #DBDBDB}
.table_wrap table.type1 .table_wrap{padding:0 !important; margin:0.55rem -0.5rem 0} /* 2021-12-20 */
.table_wrap table.type1 .table_wrap table.type2 tr th{padding-left:0.5rem; background:#f9f9fb} /* 2021-12-20 */
.table_wrap table.type1 .table_wrap table.type2 tr:first-child th, .table_wrap table.type1 .table_wrap table.type2 tr:first-child td, .table_wrap table.type1 .table_wrap table.type2 tr:last-child th, .table_wrap table.type1 .table_wrap table.type2 tr:last-child td{padding:0.5rem} /* 2021-12-20 */
.table_wrap table.type1 .table_wrap table.type2 tr th{border-right:1px solid #DBDBDB} /* 2021-12-20 */
.table_wrap table.type1 .table_wrap table.type2 tr:first-child ~ tr > th, .table_wrap table.type1 .table_wrap table.type2 tr:first-child ~ tr > td{border-top:1px solid #DBDBDB} /* 2021-12-20 */

.table_list > li > .comp_sns > li.kakao > a {background-image:url('/image/ico_sns_kakao.png');}
.table_list > li > .comp_sns > li.sms > a {background-image:url('/image/ico_sns_sms.png');}


/* form */
input{background:none; border:none; -webkit-appearance:none; appearance:none}
input::placeholder{color:#444444 !important}
input:read-only{background:#E8E8E8 !important}
input:read-only.white{background:#ffffff !important; color:#000000 !important} /* 2022-01-04 */
input.date{background:#fff url('/image/ico_cal.png') no-repeat calc(100% - 1rem) 50% !important; background-size:0.7rem auto !important}
input[type="text"], input[type="password"], input[type="tel"]{width:100%; /*height:2.65rem; line-height:2.65rem;*/ font-size:0.8rem; padding:0.875rem; color:#000000} /* 2022-01-03 */
.bgGray input[type="text"], .bgGray input[type="password"], .bgGray input[type="tel"]{background-color:#ffffff}
input[type="password"]{font-family:'Helvetica' !important}
input[type="password"]::placeholder{font-family:'NanumSquare' !important} /* 2022-01-05 */
input[type="text"].type1, input[type="tel"].type1, input[type="password"].type1{border:1px solid #DBDBDB; border-radius:0.5rem}
input[type="checkbox"], input[type="radio"]{position:absolute; left:-9999px; z-index:1; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
input[type="checkbox"] + label, input[type="radio"] + label{position:relative; display:block}
input[type="checkbox"] + label:before, input[type="radio"] + label:before{position:absolute; left:0; top:50%; display:inline-block; content:""; clear:both}
input[type="checkbox"].type1 + label{padding-left:1.5rem; font-weight:500; font-size:0.9rem; line-height:1.4}
input[type="checkbox"].type1 + label:before{width:1rem; height:1rem; margin-top:-0.5rem; background:url('/image/ico_check_type1_off.png') no-repeat center; background-size:contain}
input[type="checkbox"].type1:checked + label:before{background-image:url('/image/ico_check_type1_on.png')}
input[type="checkbox"].type1.right + label {padding-right:1.2rem; padding-left:0; font-size:0.75rem !important}
input[type="checkbox"].type1.right + label:before {right:0; left:auto;}
input[type="checkbox"].type2 + label{padding:0 0 0 0.95rem; font-size:0.7rem; color:#555555; line-height:1.4}
input[type="checkbox"].type2 + label:before{margin-top:-0.375rem; width:0.65rem; height:0.65rem; background:url('/image/ico_check_type2_off.png') no-repeat left bottom; background-size:contain}
input[type="checkbox"].type2:checked + label:before{background-image:url('/image/ico_check_type2_on.png')}
input[type="checkbox"].type3 + label{line-height:1.7rem; background:#EEEEEE; border:1px solid #eeeeee; color:#555555; font-size:0.7rem; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center} /* 2022-01-13 */
input[type="checkbox"].type3 + label.double{line-height:0.85rem} /* 2022-01-13 */
input[type="checkbox"].type3:checked + label{background:#ffffff; border-color:#3D7CF1; color:#3D7CF1; font-weight:500}
input[type="checkbox"].onOff + label{width:2rem; height:1.15rem; background:#cccccc; -webkit-border-radius:25rem; -moz-border-radius:25rem; border-radius:25rem; font-size:0 !important}
input[type="checkbox"].onOff + label:before{left:0.2rem; width:0.8rem; height:0.8rem; margin-top:-0.4rem; background:#ffffff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.5s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
input[type="checkbox"].onOff:checked + label{background-color:#3D7CF1}
input[type="checkbox"].onOff:checked + label:before{left:calc(100% - 1rem)}
input[type="checkbox"].star{left:0; width:2.5rem; height:2.5rem; background:url('/image/btn_star_off.png') no-repeat center !important; background-size:1rem auto !important}
input[type="checkbox"].star:checked{background-image:url('/image/btn_star_on.png') !important}
input[type="checkbox"].type4{left:0; width:2.5rem; height:2.5rem; background-image:url('/image/ico_check_type2_off.png')!important; background-repeat: no-repeat !important; background-position: center !important; background-size:1rem auto !important; background-color: #FFF !important;}
input[type="checkbox"].type4:checked{background-image:url('/image/ico_check_type2_on.png') !important; background-repeat: no-repeat !important; background-position: center !important; background-color: #FFF !important;}

input[type="radio"].type1 + label, input[type="checkbox"].type4 + label{font-size:0.8rem; color:#666666; padding:0.15rem 1.5rem; line-height:1rem;}
input[type="radio"].type1 + label:before, input[type="checkbox"].type4 + label:before{width:1rem; height:1rem; margin-top:-0.5rem; background:url('/image/ico_radio_type1_off.png') no-repeat center; background-size:contain}
input[type="radio"].type1:checked + label:before, input[type="checkbox"].type4:checked + label:before{background-image:url('/image/ico_radio_type1_on.png')}
input[type="radio"].type1:disabled + label:before{background-image:url('/image/ico_radio_type1_disabled.png')}
input[type="radio"].type2 + label{line-height:1.7rem; background:#EEEEEE; border:1px solid #eeeeee; color:#555555; font-size:0.7rem; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center}
input[type="radio"].type2 + label.double{line-height:0.85rem}
input[type="radio"].type2:checked + label{background:#ffffff !important; border-color:#3D7CF1 !important; color:#3D7CF1 !important; font-weight:500 !important}
input[type="radio"].type3 + label{padding:0 0 0 0.95rem; font-size:0.7rem; color:#555555; line-height:1.4}
input[type="radio"].type3 + label:before{margin-top:-0.375rem; width:0.65rem; height:0.65rem; background:url('/image/ico_check_type2_off.png') no-repeat left bottom; background-size:contain}
input[type="radio"].type3:checked + label:before{background-image:url('/image/ico_check_type2_on.png')}

textarea.type1{resize:none; width:100%; height:7.5rem; line-height:1rem; border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; padding:0.95rem 1rem; font-size:0.8rem}

.all_check input[type="checkbox"].type1 + label{background:url('/image/img_arrow01.png') no-repeat calc(100% - 1rem) 50%; background-size:0.375rem; padding-right:1.8rem;}

.form_wrap p.notice{position:relative; font-size:0.7rem; padding-left:0.7rem; margin-top:0.5rem; line-height:1.2rem}
.form_wrap p.notice:before{position:absolute; top:0.2rem; left:0; display:inline-block; width:0.6rem; height:0.7rem; content:"¡Ø"; clear:both; line-height:initial}
.form_wrap .label{display:inline-block; font-size:0.8rem; font-weight:500; line-height:1.4; margin-bottom:0.5rem}
.form_wrap .label + button {float:right; display:inline-block; line-height:1.1rem; color:#000000; padding:0 0 0 0.75rem;}
.form_wrap .label + button:not(.btn_menu) {font-size:0.7rem;}
.form_wrap .label ~ .open_acc {background:url('/image/btn_menu2.png') no-repeat left center; background-size:0.6125rem auto}
.form_wrap .label ~ .open_pop{background:url('/image/btn_ico02.png') no-repeat left center; background-size:0.6rem auto; }
.form_wrap .label ~ .open_pop2{background:url('/image/btn_ico02.png') no-repeat left center; background-size:0.6rem auto}
.form_wrap .label ~ .open_pop3 {background: url('/image/btn_ico03.png') no-repeat left center; background-size: 0.7rem auto; padding-left:0.85rem}
.form_wrap .radio_list{}
.form_wrap .radio_list > li:first-child ~ li{margin-top:1.25rem}
.form_wrap .radio_list .label + ul{margin-top:0.125rem}
.form_wrap .radio_list ul.flex{flex-direction:row; flex-wrap:wrap}
.form_wrap .radio_list ul.flex > li{width:50%}
.form_wrap .radio_list ul.flex > li:first-child + li ~ li{margin-top:0.625rem}
.form_wrap .radio_list.type2 .label + ul{margin-top:0; border-top:1px solid #000000}
.form_wrap .radio_list.type2 .label + ul > li{border-bottom:1px solid #DBDBDB; margin-top:0; padding:0 0.75rem}
.form_wrap .radio_list.type2 .label + ul > li > label{padding:0.7rem 1.5rem}
.form_wrap .radio_list.double{}
.form_wrap .radio_list.double > label{display:inline-block}
.form_wrap .input_half{display:-webkit-flex; display:flex; align-items:center; background:#ffffff}
.form_wrap .input_half.readonly{background:#E8E8E8}
.form_wrap .input_half.readonly > input, .form_wrap .input_half.readonly > a.select_style{background-color:transparent !important}
.form_wrap .input_half input[type="password"]:read-only{background:none !important}
.form_wrap .input_half.email span.dash{font-size:0.8rem}
.form_wrap .input_half.tel{}
.form_wrap .input_half.tel a.select_style{width:40%; padding-right:0; background-position:calc(100% - 0.5rem)}
.form_wrap .input_half.tel input{padding-left:0.35rem}
.form_wrap .input_half.box{}
.form_wrap .input_half.box label{width:100%; font-size:0.8rem; padding-left:1rem}
.form_wrap .input_half.box input{text-align:center; height:2.65rem}
.form_wrap .input_half.box div.select{width:100%}

.form_wrap .form_list{}
.form_wrap .form_list li:first-child{margin-top:0 !important}
.form_wrap .form_list > li{position:relative; margin-top:1rem}
.form_wrap .form_list > li .radio{display:-webkit-flex; display:flex; flex-direction:row}
.form_wrap .form_list > li .radio label{width:calc(50% - 0.15rem)}
.form_wrap .form_list > li .radio label ~ label{margin-left:0.3rem}
.form_wrap .form_list > li button.btn_input{position:absolute; bottom:0.6rem; right:0.5rem; min-width:3.75rem; background:#ffffff}
.form_wrap .form_list > li button.btn_input.btn_blue{color:#ffffff}
.form_wrap .form_list > li > .input_half{border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; overflow:hidden}

.form_wrap .input_list{border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; background:#ffffff; overflow:hidden}
.form_wrap .input_list > li{position:relative; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.form_wrap .input_list > li ~ li{border-top:1px solid #DBDBDB}
.form_wrap .input_list > li div.input_half.box{border:none}
.form_wrap .input_list > li button.showBtn{width:100%; height:2.7rem; vertical-align:top; text-align:left; padding:0 1rem; color:#444444; font-size:0.8rem}
.form_wrap .input_list > li button.btn_input{position:absolute; top:50%; right:0.5rem; min-width:3.75rem; margin-top:-0.75rem; background:#ffffff}
.form_wrap .input_list > li button.btn_input.active{background:#386CFF; border-color:#386CFF; color:#ffffff}
.form_wrap .input_list > li.input_money.error:last-child > input{-webkit-border-radius:0 0 0.45rem 0.45rem; -moz-border-radius:0 0 0.45rem 0.45rem; border-radius:0 0 0.45rem 0.45rem;}
.form_wrap .input_list.type2 > li > input{padding-left:6.5rem}
.form_wrap .input_list.type2 > li > label{position:absolute; top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:1rem; display:inline-block; font-size:0.7rem; color:#555555; z-index:1}
.form_wrap .input_list.type2 > li > label + .input_half{padding-left:5.5rem}
.form_wrap .input_list.type2 > li > span:first-child{font-size:0.7rem; color:#555555; padding:0 1rem; vertical-align:top; line-height:2.7rem;}
.form_wrap .input_list.type2 > li > .onOff + label{left:auto; right:1rem}
.form_wrap .input_list.type2 > li > .input_half input[type='tel'], .form_wrap .input_list.type2 > li > .input_half input[type='password']{padding-right:0}
/* //form */

/* select popup */
.bgGray a.select_style.type2{background-color:#ffffff}
a.select_style{display:block; width:100%; height:2.65rem; line-height:2.65rem; text-align:left; font-size:0.8rem; padding:0 1rem; padding-right:2.5rem; background:#ffffff url('/image/btn_select.png') no-repeat calc(100% - 1.25rem) 50%; background-size:0.575rem}
a.select_style.type2{height:2.75rem; border:1px solid #DBDBDB; border-radius:0.5rem; padding-left: 1.25rem;} /*20221222*/
.select_style.type3 {display:inline-block; width:auto; height:auto; padding:0 0.875rem 0 0; background-color:transparent; background-position-x:right; font-weight:500; line-height:1rem; margin-bottom:0.5rem; white-space:nowrap}
a.select_style.disabled{background:#E8E8E8 !important}
a.select_style.select_btn, .account_view > button.select_btn:only-child {background-position-X:calc(100% - 5.5rem); padding-right:6.5rem} /* btn_input Æ÷ÇÔ ¹öÆ° */
.select_option_wrap, .select_btn_wrap{display:none}

/* tab */
.tab_wrap{}
.tab_wrap > ul{display:-webkit-flex; display:flex; flex-direction:row; z-index:20; background:#ffffff}
.tab_wrap > ul > li{text-align:center; flex-grow:1}

.tab_wrap > ul.type1{background:#ffffff}
.tab_wrap > ul.type1:first-child{margin:-1.5rem -1rem 0}
.tab_wrap > ul.type1 > li {text-align:center; border-bottom:1px solid #DBDBDB}
.tab_wrap > ul.type1 > li.active {border-bottom:2px solid #3D7CF1}
.tab_wrap > ul.type1 > li > button {font-size:0.8rem; padding:1rem 0 0.5rem; width:100%}
.tab_wrap > ul.type1 > li.active > button {color:#3D7CF1; font-weight:500}
.tab_wrap > ul.type2{border-bottom:1px solid #E8E8E8; padding:0 1.5rem}
.tab_wrap > ul.type2 > li > button{font-size:0.8rem; padding:0.75rem 0 0.6rem; color:#666666; min-width:2.5rem}
.tab_wrap > ul.type2 > li.active > button{position:relative; font-weight:500; color:#000000}
.tab_wrap > ul.type2 > li.active > button:after{position:absolute; bottom:0; left:50%; display:block; content:""; clear:both; min-width:2.5rem; width:120%; height:0.2rem; -webkit-border-radius:0.25rem; -moz-border-radius:0.25rem; border-radius:0.25rem; background:-webkit-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:-moz-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:-o-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%)}
.tab_wrap > ul.type3 {padding:1rem 1.5rem; -webkit-border-radius:1.5rem 1.5rem 0 0; -moz-border-radius:1.5rem 1.5rem 0 0; border-radius:1.5rem 1.5rem 0 0; background:#ffffff}
.tab_wrap > ul.type3.active {box-shadow:0 0.35rem 0.35rem rgba(0, 0, 0, .08); position:relative; z-index:10;}
.tab_wrap > ul.type3 > li > button {width:100%; color:#666666; height:1.4rem; font-size:0.7rem;}
.tab_wrap > ul.type3 > li.active > button {background:-webkit-linear-gradient(0deg, #20B3FF, #424BFE); background:-moz-linear-gradient(90deg, #20B3FF, #424BFE); background:-o-linear-gradient(90deg, #20B3FF, #424BFE); background:linear-gradient(90deg, #20B3FF, #424BFE); color:#fff; font-weight:500; -webkit-border-radius:0.75rem; -moz-border-radius:0.75rem; border-radius:0.75rem}
.tab_wrap > ul.type4 > li{width:calc(50% - 0.15rem)}
.tab_wrap > ul.type4 > li ~ li {margin-left:0.3rem}
.tab_wrap > ul.type4 > li > button {font-size:0.7rem; height:2rem; color:#555555; width:100%; background:#EEEEEE;  -wekit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;}
.tab_wrap > ul.type4 > li.active > button{ background:#3D7CF1; color:#fff; font-weight:500;}
.tab_wrap > ul.type4 > li > button:disabled{background:#DBDBDB; color:#555555}

.tab_wrap > .tab_btn + .tab_cnt{padding-top:1.5rem}
.tab_wrap > .tab_btn + .tab_cnt > div{display:none}
.tab_wrap > .tab_btn + .tab_cnt > div:first-child{display:block}
.tab_wrap > .tab_btn.type3 + .tab_cnt {padding:0 1rem 1.5rem}

/*2024-02-29Ãß°¡ */
.tab_btn.sticky{position:sticky; top:52px;}

/* accordion */
.accor_wrap {margin-top:1rem}
.accor_wrap > a {display:block; font-size:0.8rem; font-weight:500; line-height:1rem}
.accor_wrap > a:after {display:inline-block; width:0.6rem; height:0.6rem; content:''; background:url('/image/ico_accor_type1.png') no-repeat center; background-size:0.6rem auto; margin-left:0.25rem; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}
.accor_wrap > a.active:after {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}
.accor_wrap > a + .bul_list{margin-top:0.4rem}
.accor_wrap > .bul_list > li{margin-top:0.3rem}
.accor_wrap.type2{}
.accor_wrap.type2 > ul > li > button{position:relative; display:block; width:100%; font-size:0.8rem; font-weight:500; padding:0.925rem 1.2rem 0.925rem 0.5rem; text-align:left; border-bottom:1px solid #000000; }
.accor_wrap.type2 > ul > li > button:after{display:block; content:""; clear:both; position:absolute; top:50%; right:0.5rem; width:0.65rem; height:0.65rem; background:url('/image/btn_select.png') no-repeat center; background-size:contain; margin-top:-0.325rem}
.accor_wrap.type2 > ul > li > button.active:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}
.accor_wrap.type2 > ul > li > button + div{padding:1rem 0.5rem 0; display:none}
.accor_wrap.type2 > ul > li > button + div ul li label{color:#000000} /* 2022-01-03 */
.accor_wrap.type2 .bul_list > li{margin-top:0.75rem}
.accor_wrap.type2 .bul_list > li > ul{margin-top:0.25rem}
.accor_wrap.type2 .bul_list > li > .table_wrap{margin:0 -0.5rem}
.accor_wrap.type2 .bul_list > li > .table_wrap + ul.bul_list{margin:0.25rem -0.5rem 0}
.accor_wrap.type2 .table_wrap th, .accor_wrap.type2 .table_wrap td{font-size:0.7rem}
.accor_wrap.type2 .table_wrap th{text-align:center}
.accor_wrap.type2 .table_wrap th + td, .accor_wrap.type2 .table_wrap td:only-child{text-align:left}

/* -------- step --- 220624 Ãß°¡ -------- */
.step_num{background: #bfbfbf;  color: #fff; display: inline-block; padding: 6px 17px 5px 17px; border-radius: 15px;
    font-weight: bold; box-sizing: border-box; }
    
    
/* 2022°íµµÈ­ */
.accor_wrap p.accor_txt{ margin-top:10px; line-height:20px; font-size:0.7em; color:#222; }
.accor_wrap ul.accor_list{ margin-top:10px; }
.accor_wrap ul.accor_list li{ position: relative; margin-bottom:6px; padding-left:12px; line-height: 20px; font-size:0.7em; color:#222; }
.accor_wrap ul.accor_list li::before{ content:''; position: absolute; top:28%; left:0; width:4px; height:4px; background:#222222; }

.black02 {color:#222222 !important}
.lh22 {line-height:1.1rem !important}
.btn_arrow_gray span{ display:inline-block; padding-right:15px; background:url('../img/btn_page_next.png') no-repeat right 2px; background-size:0.375rem; font-weight:700; font-size:1rem; }
.label02 {display:inline-block;font-weight: 700; font-size:1.1rem; line-height: 1.5rem; margin: 0 0 0.93rem;}
.input_half02{display: flex; justify-content: space-between; /*width: 320px;*/ }/*20221222*/
.input_half02 input{ padding: 18px 0; text-align: center; border: 1px solid #DBDBDB; width: 45px; height: 55px; border-radius: 10px; box-sizing: border-box; letter-spacing:-0.02em; font-weight: 400;}/*20221207*/


/* µðÁöÅÐOTP ¾à°üµ¿ÀÇ */
p.txt_star{ position:relative; margin-top:15px; padding-left:15px; }
p.txt_star::before{ content:'*'; position:absolute; top:2px; left:0; }

/* µðÁöÅÐOTP PIN¹øÈ£ */
strong.pin_tits{ display:inline-block; margin: 0 0 0.93rem;  font-weight: 700; font-size: 1.1rem; line-height: 1.5rem; }
p.pin_txts{ line-height:20px; font-size:0.7em; }
p.pin_txts span{ color:#3D7CF1; }

.finsh_box{text-align: center; padding:210px 20px 20px;}
.finsh_box h2.finsh_tit{ padding-top:75px; background: url(../img/common/bg_check.png)no-repeat center top;  background-size:60px auto; font-size:1.15rem; font-weight:500; line-height:30px; } /*20221226*/

.otp_info_txt{ height: 2.75rem;  line-height: 2.65rem; padding-left: 1.25rem; border: 1px solid #DBDBDB; border-radius: 0.5rem; font-size:0.7rem; background-color:#fff ;} /*20221215*/
.otp_info_txt span{ display:block; font-size: 0.8rem; /*font-weight:700;*/ } /*20221222*/
.otp_inpo_txt02 {padding:1.2rem 1.1rem;  border-radius: 10px; border: 1px solid #DBDBDB; background: #fff; margin-bottom: 14px;}
.otp_inpo_txt02 ul{font-weight: 700; font-size: 0.8rem; letter-spacing: -0.02em; line-height: 16px; color: #888;}
.otp_inpo_txt02 li{display: flex; justify-content: space-between; width: 100%; margin-bottom: 14px;}
.otp_inpo_txt02 li:last-child{margin-bottom: 0;}
.otp_inpo_txt02 span{font-size: 0.8rem; font-weight: 700; display: block;margin-bottom: 20px;}

p.registration_txt{ margin-top:10px; font-size:0.7em; line-height:20px; color:#222; }

/* µðÁöÅÐ OPT ¹ß±Þ/Àç¹ß±Þ 20221206*/
.fc_blue{color:#427CE4 !important}
#header > .title{font-size:1.1rem; line-height:50px; font-weight:bold; text-align:center}
#header > .top_menu{position:absolute; top:0; left:0; width:100%}
#header > .top_menu > li{float:left}
#header > .top_menu > li > a{display:block; line-height:50px; padding:0 20px}
#header > .top_menu > li > a > img{vertical-align:middle; width:20px}
#header > .top_menu > li.menu{float:right}
#header > .top_menu > li.menu > a{font-size:0.8rem}
#header > .top_menu > li.menu > a > img{margin-left:4px}
#header > .top_menu > li.guide{float:right}
#header > .top_menu > li.guide > a{font-size:0.8rem}
#header > .top_menu > li.guide > a > img{margin-left:4px}
.bankinglist strong {display:block;font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: -0.05em; color: #000000;}
.bankinglist ol {margin-top: 8px;list-style: none;}
.bankinglist ol li {margin-bottom: 32px}
.bankinglist ol li > span {font-weight: 500; font-size: 16px; line-height: 100%;align-items: center; letter-spacing: -0.05em; color: #3A8DFD; }
.bankinglist ol li > span > em {font-weight: 500; font-size: 16px; line-height: 100%; align-items: center; letter-spacing: -0.05em; color: #000000; }
.bankinglist ol li p {padding-left: 7px; margin-top: 10px; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.05em; color: #555555; }/*20221215*/
.bankinglist ol li .imgArea {margin-top: 8px;min-height:110px;}
.bankinglist ol li .imgArea > img {width:100%}
.digitaloptArea {padding-top:20px}
.digitaloptArea .txtInfo {text-align: center; font-weight: 400; font-size: 20px; line-height: 23px;  text-align: center; letter-spacing: -0.02em; color: #000000;}
.digitaloptArea .txtInfo strong {display: inline-block; padding: 8px 0 10px;font-weight: 700; font-size: 36px; line-height: 41px; text-align: center; letter-spacing: -0.02em; color: #3D7CF1;}
.digitaloptArea .txtInfo02{font-weight: 400; font-size: 15px; line-height: 22px; text-align: center; letter-spacing: -0.02em; color: #666666;}
.digitaloptArea .txtBox {position:relative;margin:0 20px;padding:20px;border-radius:10px ;background-color: #fff;box-shadow: 4px 4px 15px rgba(226, 231, 242, 0.8);}
.digitaloptArea .txtBox a {display: block;width:100%;height:100%;}
.digitaloptArea .txtBox:after {content:''; position: absolute; top:17px;right:22px;width:53px; height:77.25px; background:url('../img/common/bg_logo.png') no-repeat 0 0; background-size: 100% auto;}
.digitaloptArea .txtBox p {margin-bottom:10px;font-size:13px;font-weight:400;line-height:19px;color:#222222}
.digitaloptArea .txtBox span {display:inline-block;padding:4px 15px;font-size:12px;color:#fff;font-weight:500;line-height:17px;background: #3A8DFD;border-radius: 20px;}
.digitaloptArea .txtList02{padding: 22px 20px 25px;}
.digitaloptArea .txtList02>dl{ display: table;  margin-bottom:13px; font-weight: 400; text-align: left; font-size: 15px; line-height: 17px; letter-spacing: -0.02em;}
.digitaloptArea .txtList02>dl>dt{height: 34px;  display: table-cell; vertical-align: middle; word-break: keep-all; position: relative; background: #FFFFFF; border: 1px solid #3D7CF1; border-radius: 20px; padding: 6px 14px 6px 35px; font-weight: 400;font-size: 15px; line-height: 17px; letter-spacing: -0.02em; color: #3D7CF1;}
.digitaloptArea .txtList02>dl>dt::before{position: absolute; top: 6px; left: 14px; width: 17px; height: 17px; content: ""; background-size: 100%;}
.digitaloptArea .txtList02>dl:nth-child(1) > dt::before{background: url("./../img/common/icon_otp_01.png")no-repeat;background-size: 100%;} /*20221206*/
.digitaloptArea .txtList02>dl:nth-child(2) > dt::before{background: url("./../img/common/icon_otp_02.png")no-repeat;background-size: 100%;} /*20221206*/
.digitaloptArea .txtList02>dl:nth-child(3) > dt::before{background: url("./../img/common/icon_otp_03.png")no-repeat;background-size: 100%;} /*20221206*/
.digitaloptArea .txtList02>dl:last-child{margin-bottom: 0;}
.digitaloptArea .txtList02>dl > dd{display: table-cell; vertical-align: middle; font-size: 15px; padding-left: 6px; line-height: 17px; letter-spacing: -0.02em; color: #222; font-weight: 400;} 
.digitaloptlist {background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 10px; margin-bottom: 16px;}
.digitaloptlist > li {border-bottom:1px solid #E8E8E8;}
.digitaloptlist > li:last-child {border-bottom: none;}
.digitaloptlist > li > a {position:relative;display: block;padding:20px 20px 16px; font-weight: 700; font-size: 16px; line-height: 18px;  align-items: center; letter-spacing: -0.02em; color: #222222;}
.digitaloptlist > li > a:after {display:inline-block; background:url('./../img/common/btn_accor.png')no-repeat; background-size:contain; width:12px; height:7px; content:''; position:absolute; right:20px; top:24px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg) }
.digitaloptlist > li.on > a:after {-ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg)}
.digitaloptlist > li > div {display:none; padding: 0 20px 20px; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #666666;}
.content.bg_blue02{background:  url('./../img/common/bg_main_otp01.png')no-repeat calc(0% - 5px) 55px, url("./../img/common/bg_main_otp03.png")no-repeat  calc(100% - 7px) 322px, url('./../img/common/bg_main_otp02.png') no-repeat  calc(100% - 30px) 150px #EFF5FF !important; background-repeat: no-repeat;}
.content.bg_blue02 .btn_wrap > button{width:100%; height:2.65rem; color:#ffffff; font-size:0.85rem; font-weight:500; border-radius:10px; height: 54px; font-weight: 700; font-size: 17px; line-height: 19px; letter-spacing: -0.02em;}
.content.bg_blue02 .btn_wrap > button:disabled{background:#DBDBDB !important; color:#555555 !important}
.content.bg_blue02 .btn_wrap > button:only-child, .btn_wrap > button.gra{background:-webkit-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:-moz-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:-o-linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%); background:linear-gradient(108deg, #20B4FF 20%, #327FFF 50%, #434BFE 80%)}
.fc_skyblue{color: #3A8DFD;}
.bgGray{background:#F9F9FB}
body.ovrout{ overflow:auto; }

.pinpw{ margin-top:40px; }
/*//20221206*/

 /*//20221122 ¼öÁ¤*/
.smsbox{ margin-top:20px; }
.smsbox p.label{ display:inline-block; margin-bottom:10px; padding-right:20px; /* background:url('./../img/common/btn_accor.png')no-repeat right 7px; */} /*20221221 */
.smsbox ul{ border: 1px solid #DBDBDB; border-radius: 15px; background:#fff; }
.smsbox ul li{ overflow:hidden; position: relative; height: 61px; /*padding:14px 12px 14px 16px; */}
.smsbox ul li:first-child{ border-radius:15px 15px 0 0; background:#E8E8E8; }
.smsbox ul li:last-child{ border-radius:0 0 15px 15px; background:#E8E8E8; }
.smsbox ul li p{ line-height:61px; font-size:0.85rem; padding-left: 20px;}
/* .smsbox ul li .sms_inputbox{ margin-right:130px; } */
.smsbox ul li .sms_inputbox input{ height:61px; line-height: 61px; padding:15px 17px 19px 20px;/* color:#3D7CF1; */}/*20221207*/
.smsbox ul li .certification_box{  position: absolute; top:25%; right:12px; }
.smsbox ul li .certification_box span{ display:inline-block; margin-right:14px; font-size:0.7rem; color:#FF0000; }
.smsbox ul li .certification_box button{ font-size:0.7em; background:#fff; }
/*//20221122 ¼öÁ¤*/
ul.certification_info{  }
ul.certification_info li{ position:relative; margin-bottom:10px; padding-left:11px; line-height:20px; font-size:0.7em; }
ul.certification_info li::before{ content: ""; position:absolute; top:6px; left:0; width:4px; height:4px; background:#222; }

ul.pin_term_box{ margin-bottom:30px;  background:#FFFFFF;  border:1px solid #E8E8E8; box-shadow:16px 24px 24px rgba(0, 0, 0, 0.05); border-radius:10px; }
ul.pin_term_box li{ padding:1.2rem 2.1rem 1.2rem 4.4rem; border-bottom:1px solid #E8E8E8; margin-top:6px; font-weight:400; font-size:0.6rem; line-height: 18px; color:#666666;  }
ul.pin_term_box li span{ display:block; margin-bottom: 6px; font-weight:700; font-size:0.8rem; color:#000000; }
ul.pin_term_box li.pinpw_list01{ background:url('./../img/common/ico_termination01.png')no-repeat left 29px top 27px; background-size: 2rem; }
ul.pin_term_box li.pinpw_list02{ background:url('./../img/common/ico_termination02.png')no-repeat left 25px top 40px; background-size: 2.5rem; }
ul.pin_term_box li.pinpw_list03{ background:url('./../img/common/ico_termination03.png')no-repeat left 25px top 20px; background-size: 2.5rem; }
ul.pin_term_box li:last-child{ border-bottom:none; }

.list_btn{text-align: center; padding: 7px 15px; border: 1px solid #DBDBDB; border-radius: 6px;background: #fff; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: #000000;}
.finsh_box02{text-align: center; padding:40px 20px 50px;}
.finsh_box02 h2.finsh_tit{ padding-top:75px; background: url(../img/common/bg_check.png)no-repeat center top;  background-size:50px auto;  font-weight: 700; font-size: 25px; line-height: 30px; text-align: center; letter-spacing: -0.02em; color: #000000; } /*20221226*/
.finsh_box02 p.finsh_txt{padding-top: 10px;font-weight: 700; font-size: 18px; line-height: 26px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.list_wrap{}
.list_wrap > p{font-weight: 700; font-size: 16px; line-height: 18px; letter-spacing: -0.03em; color: #000000; padding-bottom: 10px;}
.list_wrap .list_box{border-top: 1px solid #000; border-bottom: 1px solid #DBDBDB; background: #fff; padding: 16px 10px 0; margin-bottom: 24px;}
.list_wrap .list_box li{display: flex; justify-content: space-between;padding-bottom: 16px;}
.list_wrap .list_box li span{font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: -0.03em; color: #666666;}

/* bottom popup */
/* 20221104 ¼öÁ¤ */
.popup_wrap.bottom{display:none}
.popup_wrap.bottom .popup{bottom: 0;}
.popup_wrap.bottom  .popup .popup_content{}
.popup_wrap.bottom  .popup .popup_content > ul{}
.popup_wrap.bottom  .popup .popup_content > ul.gray_list > li{background: #F9F9FB; border-radius: 10px;}/*20221206*/
.popup_wrap.bottom  .popup .popup_content > ul.gray_list > li:first-child{margin-bottom: 10px;} /*20221206*/
.popup_wrap.bottom  .popup .popup_content > ul > li > button {text-align: left; padding: 24px 20px; width: 100%;}
.popup_wrap.bottom  .popup .popup_content > ul > li > button > strong{ display: inline-block; margin-bottom: 10px; font-weight: 700; font-size: 16px; line-height: 18px; letter-spacing: -0.02em; color: #222222; }
.popup_wrap.bottom  .popup .popup_content > ul > li button > p{font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: -0.02em; color: #222222;}
/* //20221104 //¼öÁ¤ */
@media screen and (max-width: 340px) {
	.input_half02 {
		width:inherit;
	}
}

/* 20221107 */
.max_4_5rem{max-width: 4.5rem !important;}
.my_data_bottom_popup{border-top: 1px solid #E8E8E8; text-align: left; }
.my_data_bottom_popup > li:first-child{margin-top: 1.5rem ;}
.my_data_bottom_popup > li{position: relative; background: url("../img/common/ico__right_arrow.png")no-repeat 100% 24% !important;}
.my_data_bottom_popup > li input[type="checkbox"].type1 + label{font-size: 0.7rem; color: #666; }
.gds_terms {border-top:1px solid #666; }
ul.gds_list{  }
ul.gds_list li {display: flex; padding: 1rem 0; border-bottom: 1px solid #DFDFDF; justify-content: space-between; align-items: center;}/*20221212*/
ul.gds_list li a {display: block; width: 65%;}/*20221212*/
ul.gds_list li .gds_left {display: block;}/*20221212*/
ul.gds_list li .gds_left p{margin-bottom: 0; line-height: 1.25em; font-size: 0.75rem; font-weight: 500;}/*20221213*/
ul.gds_list li .gds_left span {display: block; font-size: 0.7rem; margin-top: 0.3rem; line-height: 0.8rem; color: #888888;}/*20221213*/
ul.gds_list li .gds_right{display: inline-block;}/*20221212*/
ul.gds_list li .gds_right > button{margin-bottom: 0.35rem; min-width: 5.8rem;}/*20221221*/
ul.gds_list li .gds_right > .btn_white{border: 1px solid #ccc; width: 100%!important; height: auto; }/*20221221*/
ul.gds_list li .gds_right > .btn_blue02{background: linear-gradient(0deg, #386CFF, #386CFF), #3F90FF; width: 100%!important; color: #fff;} /*20221108 ¼öÁ¤*/
ul.gds_list li .gds_right > button:last-child{margin-bottom:0;}/*20221212*/
ul.gds_list li .gds_left.mgr_b22>p{margin-bottom:1.1rem;}
.btn_gds{ display:block; position: relative; width:100%; height:1.5rem; border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; font-size: 0.7rem; white-space: nowrap; }
.btn_gds.bg_gds01 {padding:0.4rem 1.75rem 0.4rem 0.8rem; border:none;}/*20221213*/
.btn_gds.bg_gds01::before{ content:''; position: absolute; top: 0.3rem; right: 0.5rem; width: 0.8rem; height:0.8rem; background:url('../img/common/ico_down_w.png') no-repeat left center; background-size:contain }
.btn_gds.bg_gds02 {padding: 0.35rem 1.45rem 0.35rem 0.55rem; color: #555555;}/*20221221*/
.btn_gds.bg_gds02::before{ content:''; position: absolute; top: 0.3rem; right: 0.5rem; width: 0.8rem; height:0.8rem; background:url('../img/common/ico_down_g.png') no-repeat left center; background-size:contain }

/* 20221107 ÀÌÁ¤¹Î Ãß°¡ */
.won_cert_top{ margin-bottom:30px; padding:20px 39px 140px 20px; background:#E8F1FF url('./../img/common/img_won_certification.png')no-repeat center bottom; border-radius:10px; background-size:136px 120px; }/*20230106*/
.won_cert_top strong{ display:block; margin-bottom:10px; font-size:0.8rem; font-weight:700; }
.won_cert_top p{ line-height:20px; font-size:0.7rem; color:#666; }

ul.won_cert_list{  }
ul.won_cert_list li{ position: relative; margin-bottom:0.7rem; padding-bottom:0.7rem; }
ul.won_cert_list li::before{ content:''; position: absolute; top:50%; left:0; width:50px; height: 50px; margin-top: -32px; }
ul.won_cert_list li:nth-child(1)::before{background:url('../img/common/ico_won_certification01.png')no-repeat left 0; background-size:100% auto; }
ul.won_cert_list li:nth-child(2)::before{ background:url('../img/common/ico_won_certification02.png')no-repeat left 0; background-size:100% auto; }/*20230106*/
ul.won_cert_list li:nth-child(3)::before{ background:url('../img/common/ico_won_certification03.png')no-repeat left 0; background-size:100% auto; }/*20230106*/
ul.won_cert_list li:nth-child(4)::before{ background:url('../img/common/ico_won_certification04.png')no-repeat left 0; background-size:100% auto; }/*20230106*/
ul.won_cert_list li:last-child{ margin-bottom:0; }
ul.won_cert_list li strong{ display:block; margin:0 0 0.3rem 3.2rem; padding-top:6px; font-size:0.75rem; }
ul.won_cert_list li p{ margin-left:3.2rem; line-height: 18px; font-size:0.7rem; }

.new_login_div button{display:block; width:100%; text-align:left; border:1px solid #ffffff; -webkit-border-radius:0.7rem; -moz-border-radius:0.7rem; border-radius:0.7rem; background:rgba(255,255,255,0.7); padding:0.9rem 0; box-shadow:.4rem .6rem .6rem rgba(0, 0, 0, .08); min-height:5.1rem;}
.new_login_div dl{padding:0.24rem 0 0.24rem 4rem; padding-right:1rem; background:url('../img/common/img_wewoncert.png') no-repeat 1rem center; background-size:2.25rem auto}
.new_login_div dl dt{font-size:0.8rem; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.new_login_div dl dt span{ display:block; margin-bottom:0.1rem; font-size:0.6rem; }
.new_login_div dl dt + dd{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.new_login_div dl dd{font-size:0.7rem; color:#666666; margin-top:0.35rem}


/* 20221114 Ãß°¡ */
.max_77{max-width: 77.2%;}

/* 20221206 */
.my_data_check{ border-top: 1px solid #E8E8E8; padding-top: 32px;}
.my_data_check  > li:first-child{margin-bottom: 14px; }
.my_data_check > li > input[type="checkbox"].type1 + label{background: url("../img/common/ico__right_arrow.png")no-repeat 100% 24% !important; color: #666; font-size: 0.7rem; font-weight: 400;line-height: 16px;letter-spacing: -0.02em;}
.my_data_txt{ padding: 1.5rem 0; font-size: 0.8rem; text-align: center; font-size: 0.8rem; line-height: 1.2rem; word-break: keep-all; }/*20221214*/

/*20221229*/
.btn_blue.btn_sizefix{position: relative; font-size: 0.575rem; padding: 0.3rem 0.5rem; padding-right: 1rem;}
.btn_blue.btn_sizefix:after{position:absolute; top:50%; right:0.25rem; margin-top:-0.3rem; display:block; content:""; clear:both; width:0.6rem; height:0.55rem; background:url('../image/btn_back02.png') no-repeat center; background-size:contain;  -ms-transform:rotateY(180deg); -webkit-transform:rotateY(179.9deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg)}