@charset "euc-kr";
 
/* -------- ÀÎÆ®·Î -------- */
.intro{padding:0 1rem; position:absolute; width:100%; top:50%; -ms-transform:translateY(-45%); -webkit-transform:translateY(-45%); -moz-transform:translateY(-45%); -o-transform:translateY(-45%); transform:translateY(-45%)}
.intro > h1 > img{width:7.525rem}
.intro > .btn_wrap{margin-top:67.35%}
.intro > .btn_wrap > a{display:inline-block; font-size:0.85rem; font-weight:500; margin-top:1.25rem; padding-right:1rem; background:url('/image/img_arrow03.png') no-repeat 100% 50%; background-size:0.45rem auto} /* 2021-12-27 */
/* -------- //ÀÎÆ®·Î -------- */

/* -------- ¸ÞÀÎ -------- */
#container.flex{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; display:flex; flex-direction:column}	/* 2021-12-22 */
.main{background:#F9F9FB; padding:2rem 1rem 1rem; overflow:auto; -webkit-box-flex:1; flex-grow:1; overflow:auto}
.main.pd0{display:-webkit-flex; display:flex; flex-direction:column; flex-grow:1}
.main + #footer{position:relative}
.main .login_wrap{position:relative; -webkit-box-flex:1; flex-grow:1; -webkit-flex-grow:1; background:#ffffff url('/image/bg_main.jpg') no-repeat right bottom; background-size:51.8rem; background-position-x:calc(100% + 10.85rem)} /* 2022-01-19 */
.main .login_wrap > .pa{width:100%; padding:0 1rem; left:0; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.main .login_wrap h1{width:4.7rem; margin-bottom:2rem; font-size:0}
.main .login_wrap .swiper-slide > 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;}
.main .login_wrap .swiper-slide dl{padding-left:4rem; padding-right:1rem; background:url('/image/img_certify.png') no-repeat 1rem center; background-size:2.25rem auto}
.main .login_wrap .swiper-slide dl.pass {background-image: url('/image/img_certify04.png');}
.main .login_wrap .swiper-slide dl.bio {background-image: url('/image/img_certify05.png');}
.main .login_wrap .swiper-slide dl.patt {background-image: url('/image/img_certify06.png');}
.main .login_wrap .swiper-slide dl.fina {background-image: url('/image/img_certify07.png');}
.main .login_wrap .swiper-slide dl.won {background-image: url('/image/img_certify08.png');}
.main .login_wrap .swiper-slide dl dt{font-size:0.8rem; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.main .login_wrap .swiper-slide dl dt > span{font-size:0.7rem; display:inline-block; margin-bottom:0.35rem}
.main .login_wrap .swiper-slide dl dt + dd{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.main .login_wrap .swiper-slide dl dd{font-size:0.7rem; color:#666666; margin-top:0.35rem}
.main .login_wrap .swiper-pagination{position:absolute; top:1.8rem; right:1.5rem; font-size:0.6rem; color:#ffffff}
.main .login_wrap .swiper-slide.none {display:block; width:100%; text-align:center; 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); box-shadow:.4rem .6rem .6rem rgba(0, 0, 0, .08); overflow:hidden; min-height:5.1rem;}
.main .login_wrap .swiper-slide.none p { font-size:0.8rem; font-weight:bold; padding:0.95rem 0;}
.main .login_wrap .swiper-slide.none div {display:-webkit-box; -webkit-box-pack:justify; display:flex; justify-content:space-between;}
.main .login_wrap .swiper-slide.none div button {display:block; text-align:center; padding:0.75rem 0; border-radius:0; width:calc(50% - 0.075rem); background:#ffffff; font-size:0.7rem}
.main .login_wrap .swiper-slide.none div button:only-child {width:100%;}
.main .login_wrap div.flex{width:100%; display:-webkit-box; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-top:0.75rem}
.main .login_wrap div.flex > a, .main .login_wrap div.flex > button{display:block; color:#ffffff; font-size:0.7rem; -webkit-box-flex:1}
.main .login_wrap div.flex > button{text-align:right}
.main .login_wrap > .pa > a{position:relative; display:inline-block; margin-top:14.28vh; font-size:0.9rem; color:#ffffff; padding-right:1.5rem} /* 2021-12-28 */
/*.main .login_wrap > .pa > a:after{position:absolute; top:0; right:0; display:block; content:""; clear:both; width:0.976rem; height:0.714rem; background:url('/image/img_main_arrow.png') no-repeat center; background-size:contain; 
-webkit-animation:arrow 0.75s infinite; animation:arrow 0.75s infinite 
} -- 2022-02-04 È­»ìÇ¥ »èÁ¦ */
@-webkit-keyframes arrow{	/* 2021-12-28 */
	0% {right:0}
	50% {right:-5%}
	100% {right:0}
}
@keyframes arrow{ /* 2021-12-28 */
	0% {right:0}
	50% {right:-5%}
	100% {right:0}
}

.main .main_top{}
.main .main_top > a{display:block; width:100%; font-size:0.8rem; background:url('/image/img_arrow01.png') no-repeat right center; background-size:0.375rem auto}
.main .main_cnt{}
.main .main_cnt img{display:inline-block; background:#ffffff; -webkit-border-radius:0.75rem; -moz-border-radius:0.75rem; border-radius:0.75rem; box-shadow:4px 6px 6px rgba(0, 0, 0, .08);}

.main_notice {background:url('/image/bg_phone.png')no-repeat right bottom; padding-bottom:8.75rem; background-size:10rem;}

.swiper-container{position:relative; overflow:hidden}
.swiper-wrapper{display:-webkit-flex; display: flex} /* 2021-12-30 */
.swiper-slide{-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink:0; width:100%} /* 2021-12-30 */

.banner_wrap{}
.banner_wrap a{display:block}
.banner_wrap a img{max-width:100%}
.banner_wrap .swiper-pagination{position:absolute; top:0.25rem; right:1.6rem; font-size:0.6rem; color:#666666}
.banner_wrap .swiper-pagination{position:absolute; top:0.25rem; right:1.6rem; font-size:0.6rem; color:#000}/*20221227 */
.banner_wrap .swiper-pagination .swiper-pagination-current,.banner_wrap .swiper-pagination .swiper-pagination-total{color:#000}/*20221227 */
.banner_wrap .play_stop{position:absolute; top:0.05rem; right:0.5rem; font-size:0; background:url('/image/btn_stop.png') no-repeat center; background-size:0.3rem auto; width:1rem; height:1rem}
.banner_wrap .play_stop.stop{background-image:url('/image/btn_play.png')}

.prod_wrap{margin-top:.75rem;}
/* .top_banner_swiper-container ´©¶ô - 220224 */
.prod_wrap.top_banner_swiper-container{position:relative; overflow:hidden}
.prod_wrap .top_banner_swiper-pagination{text-align:center; margin-top:0.5rem}
.prod_wrap .top_banner_swiper-pagination span.swiper-pagination-bullet{display:inline-block; width:0.35rem; height:0.35rem; border:1px solid #555555; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.prod_wrap .top_banner_swiper-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet{margin-left:0.3rem}
.prod_wrap .top_banner_swiper-pagination span.swiper-pagination-bullet-active{background:#555555; width:1rem; -webkit-border-radius:25rem; -moz-border-radius:25rem; border-radius:25rem;}

.menu_list{}
.menu_list > p, .notice_list > p{font-size:0.8rem; padding-bottom:0.5rem; border-bottom:1px solid #000000}
.menu_list > ul, .menu_list > ul > li + li{margin-top:1rem; line-height:1rem;}
.menu_list > ul > li > a{display:block; font-size:0.8rem; font-weight:bold;}
.menu_list > ul > li > a > span{font-weight:normal;}
.notice_list{}
.notice_list > ul > li{border-bottom:1px solid #DBDBDB}
.notice_list > ul > li > a{display:block; font-size:0.8rem; font-weight:500; padding:0.9rem 0.5rem; padding-right:1.8rem; background:url('/image/img_arrow02.png') no-repeat calc(100% - 0.7rem) 50%; background-size:0.4rem auto}
.notice_list > .bgGray{position:fixed; left:0; bottom:0; width:100%}
.notice_list > .bgGray > a{display:block; width:100%; height:100%; padding:1.375rem 1.25rem; background:url('/image/notice_list_banner01.png') no-repeat 100% 60%; background-position-x:calc(100% - 1.5rem); background-size:2.5rem auto}
.notice_list > .bgGray > a > strong, .notice_list > .bgGray > a > p{font-size:0.8rem}

@media all and (min-width:600px){
	.main .login_wrap { background: #ffffff url(/image/bg_main.png) no-repeat right bottom;
    background-size: 102.8rem;
    background-position-x: calc(100% + 28.85rem); }
}


/* ´ëÇ¥°èÁ¼³Á¤ */
.repre_list{}
.repre_list > li {position:relative; margin-bottom:0.5rem; border:1px solid #BDBDBD; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; overflow:hidden}
.repre_list > li:last-child{margin-bottom:0}
.repre_list > li > input.star{position:absolute; top:0; left:0; height:100%}
.repre_list > li > input.type4{position:absolute; top:0; left:0; height:100%}
.repre_list > li > div {background:#ffffff; padding:1rem 1rem 1rem 2.75rem} /* 2021-12-23 */
.repre_list > li> div > .handle {display:none;}
.repre_list > li.item > div { padding:1rem 3rem 1rem 2.75rem; background-size:0.875rem; background-position-x:calc(100% - 1.5rem)}
.repre_list > li.item > div > .handle {background:url("/image/ico_repre.png")no-repeat center; width:1.5rem; height:1.5rem; position:absolute; right:1rem; top:50%; margin-top:-0.75rem; z-index:10; background-size:0.85rem; display:block; font-size:0;}
.repre_list > li > div > p, .repre_list > li > div > span{font-size:0.8rem}
.repre_list > li > div > p{font-weight:500; margin-bottom:0.35rem}
.repre_list > li.position{width:100%; border:1px solid #BDBDBD; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; background:red}
.repre_list > li.ui-sortable-helper{box-shadow:0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08);}

/* ¾Û Á¢±Ù±ÇÇÑ */ /* 2021-12-24 */
.lp_content .acc_box > li {padding-left: 3.8rem; background:url('/image/img_acc01.png')no-repeat center; background-size:2.55rem; background-position-x:0.5rem;}
.lp_content .acc_box > li ~ li {margin-top:1rem;}
.lp_content .acc_box > li > p:last-child {line-height:1.4;}
.lp_content .acc_box > li.tel { background-image:url('/image/img_acc02.png')}
.lp_content .acc_box > li.mic { background-image:url('/image/img_acc03.png')}
.lp_content .acc_box > li.cam { background-image:url('/image/img_acc04.png')}

/* -------- //¸ÞÀÎ -------- */

/* -------- ºñ´ë¸é °èÁ°³¼³ -------- */
.swiper-container.untact_wrap{overflow:hidden; margin:0 -1rem}
.swiper-container.untact_wrap:after{position:fixed; left:50%; margin-left:-0.5rem; display:block; width:1rem; height:1rem; content:""; clear:both; background:url('/image/ico_arrow_down.png') no-repeat center; background-size:contain; -webkit-animation:arrow_move 0.75s infinite; animation:arrow_move 0.75s infinite;}
@-webkit-keyframes arrow_move{
	0% {bottom:25%}
	50% {bottom:23%}
	100% {bottom:25%}
}
@keyframes arrow_move{
	0% {bottom:8.5rem}
	50% {bottom:7.5rem}
	100% {bottom:8.5rem}
}
.swiper-container.untact_wrap.last:after{display:none}
.swiper-container.untact_wrap .swiper-slide{}
.swiper-container.untact_wrap .swiper-slide > h2.swiper-top{text-align:center; font-weight:500; font-size:1.2rem; line-height:1.8rem; padding-top:2rem; margin-bottom:1.5rem}
.swiper-container.untact_wrap .swiper-slide > h3{text-align:center; font-weight:500; font-size:0.9rem; color:#3D7CF1; margin-bottom:1rem}
.swiper-container.untact_wrap .swiper-slide > ul.list{padding:0 1rem}
.swiper-container.untact_wrap .swiper-slide > ul.list > li{padding:1.25rem 1.125rem 1.25rem 4.5rem; border:1px solid #E8E8E8; border-radius:0.5rem; background:#ffffff url('/image/img_info01.png') no-repeat 1.25rem 50%; background-size:2.25rem auto; box-shadow:0.2rem 0.6rem 0.6rem rgba(0, 0, 0, .08);}
.swiper-container.untact_wrap .swiper-slide > ul.list > li:first-child ~ li{margin-top:0.5rem}
.swiper-container.untact_wrap .swiper-slide > ul.list > li.list02{background-image:url('/image/img_info02.png')}
.swiper-container.untact_wrap .swiper-slide > ul.list > li.list10{background-image:url('/image/img_info10.png'); background-size: 1.8rem auto; background-position: 1.55rem 50%;} /* 20231201 ¸ð¹ÙÀÏ ½ÅºÐÁõ µµÀÔÀ¸·Î Ãß°¡ */
.swiper-container.untact_wrap .swiper-slide > ul.list > li.list03{background-image:url('/image/img_info03.png'); background-size:1.95rem; background-position-x:1.4rem}
.swiper-container.untact_wrap .swiper-slide > ul.list > li.list04{background-image:url('/image/img_info04.png'); background-size:1.775rem; background-position-x:1.5rem}
.swiper-container.untact_wrap .swiper-slide > ul.list > li > p:first-child{font-weight:500; font-size:0.8rem}
.swiper-container.untact_wrap .swiper-slide > ul.list > li > p:last-child{color:#666666; font-size:0.7rem; margin-top:0.3rem}
.swiper-container.untact_wrap .swiper-slide > ul.bul_list{padding:0 1rem; margin-top:0.75rem}
.swiper-container.untact_wrap .swiper-slide > ul.step{padding:0 2.375rem}
.swiper-container.untact_wrap .swiper-slide > ul.step > li{position:relative; top:0; left:0; opacity:0; border:1px solid #E8E8E8; border-radius:0.5rem; padding:0.75rem 2.5rem 0.75rem 1.5rem; background:#ffffff url('/image/img_info5.png') no-repeat calc(100% - 1.3rem) 50%; background-size:1.25rem auto; box-shadow:0.2rem 0.6rem 0.6rem rgba(0, 0, 0, .08)}
.swiper-container.untact_wrap .swiper-slide > ul.step > li:first-child ~ li{margin-top:0.5rem}
.swiper-container.untact_wrap .swiper-slide > ul.step > li.active{opacity:1; -webkit-animation:ani 1s; animation:ani 1s; transition:all 0.5s}
@-webkit-keyframes ani {
	0% {top:-50px}
	60% {top:15px}
	100% {top:0}
}
@keyframes ani {
	0% {top:-50px}
	60% {top:15px}
	100% {top:0}
}
.swiper-container.untact_wrap .swiper-slide > ul.step > li:nth-child(2){background-image:url('/image/img_info6.png'); background-position:calc(100% - 1.475rem); background-size:1.05rem auto}
.swiper-container.untact_wrap .swiper-slide > ul.step > li:nth-child(3){background-image:url('/image/img_info7.png'); background-position:calc(100% - 1.325rem); background-size:1.375rem auto}
.swiper-container.untact_wrap .swiper-slide > ul.step > li:nth-child(4){background-image:url('/image/img_info8.png'); background-position:calc(100% - 1.425rem); background-size:1.15rem auto}
.swiper-container.untact_wrap .swiper-slide > ul.step > li:nth-child(5){background-image:url('/image/img_info9.png'); background-position:calc(100% - 1.325rem); background-size:1.35rem auto}
.swiper-container.untact_wrap .swiper-slide > ul.step > li > p{font-size:0.8rem; font-weight:500; color:#666666}
.swiper-container.untact_wrap .swiper-slide > ul.step > li:last-child > p{color:#3D7CF1}

.content h2.tc:first-child, .content h2.tl:first-child, .lp_content h2.tl:first-child {margin-top:0.5rem; font-weight:500; font-size:0.9rem; line-height:1.4rem}
.content h2.main_tit:first-child {font-size:1.2rem; line-height:1.8rem; text-align:left; padding-bottom:9.8rem; background:url('/image/bg_cmanote.png')no-repeat bottom right; background-size:12.5rem; font-weight:500;}
.content h2 + p{font-size:0.9rem; font-weight:500; line-height:1.2rem}
.content p.top_txt:first-child{font-size:0.8rem; line-height:1.2rem;}
.content p.top_txt.type2:first-child{padding:1rem 0.75rem; border:1px solid #DBDBDB}
.content p.top_txt.bg_remit {background:url('/image/img_remit.png')no-repeat center bottom; padding:0 0 9rem; background-size:10.5rem}
.idcard_con{position:relative; margin: 0 auto; max-width: 280px; }
.idcard_wrap{width:100%; max-width:374px; height:210px; height:calc(1vw * 50.66); max-height:210px; line-height:210px; line-height:calc(1vw * 50.66); text-align:center; background:url('/image/img_idcard_area.png') no-repeat center; background-size:contain; font-size:0.8rem; font-weight:500; color:#555555; align-items:center; -ms-transform:skew(-0.03deg); -webkit-transform:skew(-0.03deg); -moz-transform:skew(-0.03deg); -o-transform:skew(-0.03deg); transform:skew(-0.03deg); margin:0px auto;}
.idcard_wrap.two{width: 100%; max-width: 280px; height: 405px; max-height: 405px; line-height: 405px;
    background: url(/image/img_R_idcard_area.png) no-repeat center; background-size: contain;}
.idcard_btn_cls{position: absolute; top: 8px; right:7px; z-index: 10; background-size: 0.9rem auto; }

.agree_wrap{}
.agree_wrap > .agree_list{}
.agree_wrap > .agree_list li:first-child ~ li{margin-top:0.5rem}
.agree_wrap > .agree_list > li{border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; overflow:hidden}
.agree_wrap > .agree_list > li > label {padding:0.775rem 2.25rem 0.775rem 2.4rem; font-size:0.8rem; background:#ffffff url('/image/img_arrow01.png') no-repeat calc(100% - 1.225rem) 50%; background-size:0.375rem}
.agree_wrap > .agree_list > li.sub_list > p:not(.label){padding:0.775rem 2.25rem 0.775rem 1rem; font-size:0.8rem; background:#ffffff; font-weight:bold;}
.agree_wrap > .agree_list > li.sub_list > p.label + button.btn_blue{float:initial; font-size:0.575rem; color:#ffffff; line-height:initial; padding:0.3rem 0.5rem; padding-right:1rem}
.agree_wrap > .agree_list > li > input[type="checkbox"].type1 + label:before{left:0.8rem}
.agree_wrap > .agree_list > li > label.bg_none{background-image:none; padding-right:1rem}
.bgGray .agree_wrap > .agree_list .sub_depth {background:#ffffff; border-top:1px solid #DBDBDB}
.agree_wrap > .agree_list .sub_depth{background:#F9F9FB; padding:1rem 0.95rem}
.agree_wrap > .agree_list .sub_depth > p{margin-bottom:0.5rem; font-size:0.8rem}
.agree_wrap > .agree_list .sub_depth > p + ul:after{display:block; content:""; clear:both}
.agree_wrap > .agree_list .sub_depth > p + ul > li{float:left; width:50%; margin-top:0}
.agree_wrap > .agree_list .sub_depth > .agree_list > li > p{font-size:0.7rem; color:#555555; line-height:1.4}
.agree_wrap > .agree_list .sub_depth.type2{}
.agree_wrap > .agree_list .sub_depth > .agree_list.flex{flex-wrap:wrap; padding:0 1.55rem}
.agree_wrap > .agree_list .sub_depth > .agree_list.flex > li{width:33.3%}
.agree_wrap > .agree_list .sub_depth > .agree_list.flex > li:nth-child(2), .agree_wrap > .agree_list .sub_depth > .agree_list.flex > li:nth-child(3){margin-top:0}

.agree_wrap.type2{}
.agree_wrap.type2 > .agree_list > li{border:none; border-radius:0;}/* 2021-12-22 */
.agree_wrap.type2 > .agree_list > li:first-child ~ li{margin-top:1rem}
.agree_wrap.type2 > .agree_list > li > label{padding:0.15rem 0; padding-left:1.5rem; background:none; color:#000000; font-weight:500}
.agree_wrap.type2 > .agree_list .sub_depth{background:none; padding:0 0 0 0.5rem; margin-top:0.5rem; border-top:none}
.agree_wrap.type2 > .agree_list .sub_depth li ~ li{margin-top:0.4rem}
.agree_wrap.type2 > .agree_list .sub_depth li  > label{padding-right:0}
/* //2021-11-25 */

/* 2021-12-22 */
.agree_wrap.type2 > .agree_list .sub_depth > .agree_list.flex {padding:0; flex-wrap:wrap;}
.agree_wrap.type2 > .agree_list .sub_depth > .agree_list.flex > li {width:100%;}
.agree_wrap.type2 > .agree_list .sub_depth > .agree_list.flex.n4 > li {width:50%;}
.agree_wrap.type2 > .agree_list .sub_depth > .agree_list.flex > li ~ li {margin-top:0.25rem;}
.agree_wrap.type2 > .agree_list .sub_depth > .agree_list.flex > li > label {font-size:0.8rem;}
.agree_wrap.type2 > .agree_list .sub_depth > .agree_list.flex > li.check_top > input[type="checkbox"] + label:before {top:0.5rem}


.form_wrap .form_list.business{display:none}
.form_wrap .form_list.job{display:block}
.form_wrap .clearBtn{position:relative}
.form_wrap + .tc {font-size:0.7rem; color:#888; margin-top:1rem; line-height:1.2rem;}
.form_wrap.simple_pass{position:absolute; width:100%; left:0; top:30%; text-align:center; padding:0 1rem}
.form_wrap.simple_pass h2, .form_wrap.simple_pass p{font-size:0.9rem; font-weight:500; line-height:1.4rem}
.form_wrap.simple_pass p{font-weight:normal}
.form_wrap.simple_pass div{position:relative; margin-top:1.5rem}
.form_wrap.simple_pass input{text-align:center; color:transparent; border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem;}
.form_wrap.simple_pass label{position:absolute; top:0; left:0; width:100%; line-height:2.65rem; color:#cccccc; letter-spacing:11px; text-indent:11px}
.form_wrap.simple_pass div.active label{color:#3D7CF1}

.comp_wrap{text-align:center; background:#F9F9FB; margin:-1.4rem -1rem 0; padding:3rem 1rem 1rem}
.comp_wrap > h2{font-size:1.25rem; font-weight:500}
.comp_wrap > h2.type1{background:url('../img/common/bg_check.png')no-repeat center top; background-size:2.5rem auto; padding-top:3.5rem;  color:black;} /*20221226*/
.comp_wrap > h2 + p{font-size:0.9rem; font-weight:500; margin:0.5rem 0 1.5rem; color:black;}
.comp_wrap > p.gray{font-size:0.7rem; line-height:1.05rem; margin:0.75rem 0 1.5rem}
.comp_wrap > h2.comp_tit {line-height:1.8rem}
.comp_wrap > h2.comp_tit ~ p {font-weight:normal; margin:1rem 0; display:block; font-size:0.7rem;} /* 2022-01-13 */

.prod_list > li{position:relative; width:100%; min-height:6rem; text-align:left; background:#ffffff url('/image/img_prod01.png') no-repeat calc(100% - 3rem) 1.35rem; background-size:4.6rem auto; border:1px solid #E8E8E8; -webkit-border-radius:.5rem; -moz-border-radius:.5rem; border-radius:.5rem; box-shadow:0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08); }
.prod_list > li > a{position:absolute; display:block; width:100%; top:0; bottom:0; padding:1.25rem 0.75rem}
.prod_list > li > a:after{display:block; content:""; clear:both; position:absolute; bottom:1rem; right:1rem; width:1.25rem; height:0.5rem; background:url('/image/img_move.png') no-repeat bottom right; background-size:contain}
.prod_list > li > a > h3{font-size:0.8rem; font-weight:500}
.prod_list > li > a > p{font-size:0.7rem; color:#666666; word-break:keep-all; margin-top:0.4rem; line-height:1rem}

.btn_wrap > p.tool_box {color:#fff; background:#3D9DF1; border-radius:0.8rem; display:inline-block; padding:0.35rem 0.5rem; font-size:0.7rem; position:fixed; bottom:3.5rem; left:1rem}
.btn_wrap > p.tool_box::after {position:absolute; content:''; border:5px solid #3D9DF1; top:80%; background:#3D9DF1; left:1.2rem; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); z-index:-1}
.btn_wrap > .btn_plus:only-child {background:no-repeat center #fff; color:#888; border:1px solid #CCC; font-size:0.8rem;}
.btn_wrap > .btn_plus:only-child > img {width:0.5rem; margin-left:0.3rem;}
.btn_wrap.n3 > button:first-child ~ button{width:calc(50% - 0.25rem); float:left; margin-right:0.5rem}
.btn_wrap.n3 > button:last-child{margin-right:0 !important}
.btn_wrap.n3 > button.type1 {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.n3 > button.type2 {color:#000000; border:1px solid #DBDBDB; background:#ffffff}

.qust{position:relative;  z-index:3}
.qust > div{display:inline-block; margin-top:-1rem; margin-left:0.1rem}
.qust > div > button{width:1.25rem; height:1.25rem; text-indent:-9999px; background:url('/image/ico_qust.png') no-repeat center; background-size:0.9rem}
.qust > div > .qust_cnt{display:none; position:absolute; top:2.75rem; left:-1rem; width:calc(100vw - 2rem); 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); -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; padding:2.2px 2px 2px; box-shadow:0px 5px 8px rgba(0, 0, 0, .3);}
.qust > div > .qust_cnt.main_qust {top:2rem; left:0;}
.qust_cnt.main_qust:after {position:fixed; top:0; left:0; display:block; content:''; width:100%; height:100%; z-index:2}
.qust > div > .qust_cnt:before{position:absolute; top:-8px; left:3.85rem; display:block; content:""; clear:both; width:20px; height:20px; -ms-transform:rotate(45deg) skew(9deg, 9deg); -webkit-transform:rotate(45deg) skew(9deg, 9deg); -moz-transform:rotate(45deg) skew(9deg, 9deg); -o-transform:rotate(45deg) skew(9deg, 9deg); transform:rotate(45deg) skew(9deg, 9deg); border:2px solid #2B94FF; border-bottom:none; border-right:none; border-radius:3px; background:#F9F9FB}
.qust > div > .qust_cnt > p{position:relative; background:#F9F9FB; -webkit-border-radius:0.45rem; -moz-border-radius:0.45rem; border-radius:0.43rem; font-size:0.7rem; line-height:1rem; height:0; overflow:hidden; padding-left:0.75rem; padding-right:0.75rem; box-sizing:content-box; z-index:10}
/* -------- //ºñ´ë¸é °èÁ°³¼³ -------- */

/* -------- ÀÌü -------- */
.form_wrap .input_search{position:relative}
.form_wrap .input_search > input{font-size:0.7rem; height:2.15rem; line-height:2.15rem; background:#F8F8F8; box-shadow:0.1rem 0.1rem 0.4rem rgba(0, 0, 0, .2) inset; -webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius:1rem; padding-right:2.5rem}
.form_wrap .input_search > button.btn_search, .form_wrap .input_search > button.btn_clear{position:absolute; top:50%; right:0.5rem; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.form_wrap .input_search > button.btn_clear{width:1.7rem; height:1.7rem; right:2.15rem}
.form_wrap .swiper_list{overflow:hidden}
.form_wrap .input_search + .swiper_list{height:calc(100% - 2.4rem); margin-top:0.25rem}
.form_wrap .swiper_list > li{position:relative; border-bottom:1px solid #E8E8E8}
.form_wrap .swiper_list > li:last-child{border-bottom:0}
.form_wrap .swiper_list > li > div{display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; position:relative; background:#ffffff; width:100%; height:100%; min-height:3.3rem; padding:0.75rem 0; padding-right:2.5rem; z-index:2} /* 2021-12-09 */
.form_wrap .swiper_list > li > div > p, .form_wrap .swiper_list > li > div > div > span{font-size:0.8rem}
.form_wrap .swiper_list > li > div > p{font-weight:500; margin-bottom:0.2rem}
.form_wrap .swiper_list > li > div > div > span:first-child{margin-right:0.25rem}
.form_wrap .swiper_list > li > div > input.star{left:auto; right:0; top:50%; margin-top:-1.25rem}
.form_wrap .swiper_list > li > button.btn_remove{position:absolute; top:0.25rem; right:0; width:3rem; height:3rem; background:url('/image/btn_remove.png') #3D7CF1 no-repeat 50% 0.55rem; background-size:0.8rem auto; color:#ffffff; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem; font-size:0.7rem; padding-top:1.2rem; z-index:1}
.form_wrap .swiper_list > li.none{padding:3.5rem 0 4.5rem}
.form_wrap .swiper_list > li.none > p{text-align:center; font-size:0.8rem; color:#888888; padding-top:2.35rem; background:url('/image/ico_exclam.png') no-repeat center top; background-size:1.6rem auto}

.form_wrap .reserve_date{display:none}
.form_wrap .input_list.type2 > li.reserve_date > input{padding-right:2rem}

.form_wrap .input_half.account{flex-wrap:wrap}
.form_wrap .input_half.account button{width:45%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:500; background:url('/image/btn_select.png') no-repeat calc(100% - 5px) 50%; background-size:0.575rem; font-size:0.8rem; padding:0 1rem 0 0.85rem; text-align:left;}
.form_wrap .input_half.account button > i{display:inline-block; width:0.9rem; height:0.9rem; background-size:contain; vertical-align:middle; margin-right:0.3rem}
.form_wrap .input_half.account input{width:55%; text-align:right}
.form_wrap .input_half.account button.btn_clear{top:100%} /* 2021-12-21 */

.form_wrap .input_money{position:relative; background:#ffffff url('/image/ico_money.png') no-repeat 0.8rem 50%; background-size:1.25rem auto; text-align:right; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem;}
.form_wrap .input_money.type2{background-image:none}
.form_wrap .input_money input{text-align:right; padding-left:2.5rem; font-weight:500; background:transparent}
.form_wrap .input_money input::placeholder{font-weight:normal}
.form_wrap .input_money.type2 input{padding-left:1rem;font-size: 0.7rem !important;} /*20221128 ¼öÁ¤*/
.form_wrap .input_money span{position:absolute; right:1rem; top:50%; font-size:0.8rem; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.form_wrap .input_money p{position:absolute; font-size:0.7rem; color:#EE0000}
.form_wrap .input_money.error{background-color:#FFF8F8}
.form_wrap .input_money.error input{background:transparent; padding:0.81rem 0.95rem 0.81rem 2.5rem; border:1px solid #ff0000; -webkit-border-radius:0.45rem; -moz-border-radius:0.45rem; border-radius:0.45rem;}
.form_wrap .input_money input.open_price:read-only{background:transparent !important}
.form_wrap .input_money.error input.type1{-webkit-border-radius:0.45rem; -moz-border-radius:0.45rem; border-radius:0.45rem;}
.form_wrap p.error{display:none; color:#EE0000; margin-top:0.5rem; font-size:0.7rem; line-height:1rem}
.form_wrap p.error.show{display:block}

.form_wrap .method, .form_wrap .method > p.blue{display:none}
.form_wrap .method > div, .text_box {background:#ffffff; text-align:center; padding:0.9rem 0; font-size:0.8rem; line-height:1.2rem}
.form_wrap .input_time{}
.form_wrap .input_time > span.time{color:#f00; position:absolute; top:50%; right:4.75rem; font-size:0.7rem; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}

.account_view{position:relative; background:#ffffff; border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; overflow:hidden}
.account_view > a.select_style{height:auto; line-height:initial}
.account_view button[class *= open], .account_view > a.select_style{width:100%; text-align:left; padding:1rem; padding-right:2.5rem; background:url('/image/btn_select.png') no-repeat calc(100% - 1.25rem) 1.35rem; background-size:0.575rem; font-size:0.8rem}
.account_view button:disabled{background:none; color:#000000}
.account_view > button:only-child, .account_view > a:only-child{padding-top:0.9rem; padding-bottom:0.9rem; background-position-y:1.25rem}
.account_view > button.open_acc > strong, .account_view > a.select_style > strong{display:block; font-size:0.9rem; font-weight:500; margin-bottom:0.5rem}
.account_view > button.open_acc > span, .account_view > a.select_style > span{font-size:0.8rem; font-weight:500}
.account_view > button.open_acc > span, .account_view > a.select_style > span:only-child{font-weight:normal} /* 2021-12-30 */
.account_view > button.open_acc > span.dis_inBlock{width:100%}
.account_view > button.open_acc > span.dis_inBlock:after{display:block; content:""; clear:both}
.account_view > button.open_acc > span.dis_inBlock > span{float:left}
.account_view > button.open_acc > span.dis_inBlock > span:first-child{margin-right:0.25rem}

.account_view > div.money{display:-webkit-flex; display:flex; flex-direction:row; justify-content:space-between; padding:0 1rem 0.875rem}
.account_view > div.money > span{font-size:0.8rem}
.account_view > div.money > span:last-child{color:#000000}
.account_view + .tax, .tax{margin-top:0.5rem; text-align:right; font-size:0.6rem; padding-right:0.5rem;} /* 2022-01-06 */
.account_view > div.input_money {margin-top:-1rem;}
.account_view > div.input_money > input {font-size:1rem; font-weight:500;}

.bank_list{display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center}
.bank_list > li{width:50%; margin-top:1rem}
.bank_list > li:first-child, .bank_list > li:nth-child(2){margin-top:0}
.bank_list > li > button{width:100%; min-height:1.5rem; font-size:0.8rem; text-align:left; background:no-repeat left center; padding-left:2rem; background-size:1.5rem auto}

.table_wrap table.type2 .bank_name{font-size:0.8rem; color:#666}
.table_wrap.bdrs {-webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; border:1px solid #DBDBDB; padding:0 1rem; background:#fff; z-index:10}

.table_wrap.slide {padding:0; position:relative;  background:#fff; border:1px solid #DBDBDB; margin-bottom:1.2rem;}
.table_wrap.slide ~ .slide {margin-top:2rem !important ;}
.table_wrap.slide table {border-radius:1rem; position:relative; z-index:2;}
.table_wrap.slide table.type2 tr th {padding-left:1rem;}
.table_wrap.slide table.type2 tr td {padding-right:1rem;}
.table_wrap.slide table.type2 + div > .type2 tr:first-child th, .table_wrap.slide table.type2 + div > table.type2 tr:first-child td {padding-top:0;}
.table_wrap.slide table + div {display:none;}
.table_wrap.slide table + div > .type2 tr:first-child th, .table_wrap.bdrs > table.slide + div > table.type2 tr:first-child td {padding-top:0;}
.table_wrap.slide table ~ .open_btn {display:block; height:2.75rem; background:#F2F3F8; border-radius:10px; margin-top:-1.5rem; position:absolute; width:100%;}
.table_wrap.slide table ~ .open_btn > span {width:1.5rem; height:0.2rem; border-radius:10px; font-size:0; background:#CCC; display:inline-block; position:absolute; bottom:0.5rem; left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.table_wrap.slide table ~ .open_btn::before {width:calc(100% + 2px); content:''; height:2rem; background:#fff; display:block; position:absolute; bottom:1.2rem; border:1px solid #DBDBDB; border-radius:0 0 0.5rem 0.5rem; margin-left:-1px; border-top:none;}

.table_wrap.bdrs.bg_gray {background-color:#F8F8F8}
.table_wrap.bdrs.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%); border:none;}
.table_wrap.bdrs.gra table.type2, .table_wrap.bdrs.bg_gray table.type2 {background:none;}
.table_wrap.bdrs.gra table.type2 tr th,.table_wrap.bdrs.gra table.type2 tr td {color:#fff}
.table_wrap .acc_info{position:relative; padding-top:1rem}
.table_wrap .acc_info > p:first-child{margin-bottom:0.5rem; max-width:calc(100% - 1.5rem)}
.table_wrap .acc_info > p:first-child > strong, .table_wrap .acc_info > p ~ span{font-size:0.8rem}
.table_wrap .acc_info > p + span{background-size:0.9rem; background-repeat:no-repeat; padding-left:1.2rem; margin-right:.25rem}
.table_wrap .acc_info > p.money{margin-top:0.75rem; text-align:right; line-height:1.25rem}
.table_wrap .acc_info > button.btn_delete{position:absolute; top:0.5rem; right:-0.5rem; width:2rem; height:2rem; background:url('/image/btn_popup_close.png') no-repeat center; background-size:0.6rem; font-size:0}

.table_wrap.bor_none{box-shadow:.4rem .6rem .6rem rgba(0, 0, 0, .08)}
.table_wrap.bor_none tr th.fs18{color:#000000}
.table_wrap.bor_none tr th.fs18 > input.star {width:1rem; height:0.9rem; margin-left:0.35rem; left:auto;}
.table_wrap.bor_none tr td.lh24{padding:0.3rem 0; text-align:left}
.table_wrap.bor_none tr td.check_p {padding:0}
.table_wrap.bor_none tr td.check_p > button, .table_wrap table.tbl_acc tr td.check_p button {background:url('/image/ico_check_paper.png') no-repeat center left; background-size:1rem; padding-left:1.3rem; font-size:0.7rem; display:inline-block; padding:0.5rem 0 0.5rem 1.3rem}
.table_wrap.bor_none tr td.speed{padding:0}
.table_wrap.bor_none tr td.speed > button{background:url('/image/ico_speed.png') no-repeat center left; background-size:0.75rem; font-size:0.7rem; color:#3D7CF1; display:inline-block; padding:0.5rem 0 0.5rem 1.05rem}

.tool_menu{display:none; position:absolute; 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); -webkit-border-radius:0.45rem; -moz-border-radius:0.45rem; border-radius:0.45rem; padding:0.1rem; z-index:10; top:0; right:0; box-shadow:0rem 0.25rem 0.3rem rgba(0, 0, 0, .3);}
.tool_menu:before{position:fixed; top:0; left:0; bottom:0; right:0; display:block; content:""; clear:both; z-index:-1}
.tool_menu > ul{background:#ffffff; -webkit-border-radius:0.35rem; -moz-border-radius:0.35rem; border-radius:0.35rem; padding:0.625rem 0; z-index:1}
.tool_menu > ul > li > button{width:100%; padding:0.375rem 0.75rem; font-size:0.7rem; color:#000; text-align:left}

.btn_wrap > .otp_box {display:none; padding:0.3rem 0.75rem; background:#002A9F; position:absolute; border-radius:1rem; font-size:0.7rem; color:#fff; z-index:5; top:0rem; right:1.1rem;}
.otp .btn_wrap > .otp_box{display:block}
.btn_wrap > .otp_box::after {width:0.45rem; height:0.45rem; display:inline-block; content:''; background:#002A9F; position:absolute; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); bottom:-0.15rem; right:0.6rem; z-index:-1;}

.acc_list ~ .acc_list {margin-top:1.5rem;}
.acc_list > button {display:-webkit-flex; display:flex; justify-content:space-between; width:100%; padding:0 1.2rem 0.75rem 0; line-height:1rem; position:relative; text-align:left} /* 2021-12-24 */
.acc_list > button::after {content:''; display:inline-block; background:url('/image/btn_select.png')no-repeat right; background-size:0.65rem; width:0.7rem; height:0.7rem; -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); top:50%; margin:-0.75rem 0 0 0.5rem; position:absolute; right:0}
.acc_list > button.active::after {-moz-transform:rotate(0); -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);}
.acc_list > button > span, .acc_list > button > span > strong {font-size:0.8rem; color:#000} /* 2021-12-24 */
.acc_list > button > span:first-child {font-size:0.6rem; color:#666} /* 2021-12-24 */
.acc_list > button > span:first-child > strong {vertical-align:middle} /* 2021-12-24 */
.acc_list > button > span.money_hide {color:#ccc; font-weight:500; display:none;}
.acc_list > .acc_top{display:-webkit-box; -webkit-box-pack:justify; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:0.5rem}
.acc_list > .acc_top a.star{font-size:0.7rem; background:url('/image/btn_star02.png') no-repeat left; background-size:0.75rem; padding-left:1rem}
.acc_list > .acc_top .check_money + label{position:relative; font-size:0.6rem; padding-right:1.625rem; line-height:1.25rem}
.acc_list > .acc_top .check_money + label:before{position:absolute; left:auto; right:0; top:50%; margin-top:-0.2rem; display:inline-block; width:1.25rem; height:0.35rem; -webkit-border-radius:25rem; -moz-border-radius:25rem; border-radius:25rem; background:#cccccc; box-shadow:0px 3px 6px rgba(0, 0, 0, .08); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.acc_list > .acc_top .check_money + label:after{position:absolute; left:auto; right:0.7rem; top:50%; margin-top:-0.35rem; display:inline-block; content:""; clear:both; width:0.65rem; height:0.65rem; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#ffffff; box-shadow:0px 3px 6px rgba(0, 0, 0, .08); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.acc_list > .acc_top .check_money:checked + label:before{background:#3D7CF1}
.acc_list > .acc_top .check_money:checked + label:after{right:-0.1rem}
.acc_list > li > dl > dd.apply, .acc_list > li > div.apply {position:absolute; top:50%; right:0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); margin-top:0; font-weight:bold; font-size:0.8rem !important;}
.acc_list > li > dl > dd.apply .btn_blue, .acc_list > li > div.apply .btn_blue{ font-weight:normal; font-size:0.7rem; padding:0.4rem 1.25rem}
.acc_list > li > dl > dd.apply > .btn_input, .acc_list > li > div.apply .btn_input{margin:0; display:block; width:100%; padding:0.35rem 1.25rem}
.acc_list > ul > li {border:1px solid #E8E8E8; border-radius:0.5rem; position:relative; box-shadow:0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08); background:#fff; padding:1rem 1rem 0.75rem}
.acc_list > ul > li ~ li{margin-top:0.75rem}
.acc_list > ul > li > span.cate {border:1px solid #AAAAAA; border-radius:0.25rem; font-size:0.6rem; padding:0.25rem 0.3rem; min-width:2.2rem; text-align:center; display:inline-block}
.acc_list > ul > li > div.fr > .rate {display:inline-block; top:0; right:0; margin-top:0; background:#386CFF; color:#ffffff; font-size:0.6rem; min-width:2.75rem; line-height:1.2rem; text-align:center; -webkit-border-radius:0.25rem; -moz-border-radius:0.25rem; border-radius:0.25rem; margin-left:0.25rem; padding:0 0.3rem;}
.acc_list > ul > li > dl {margin-top:0.75rem; line-height:1.2rem}
.acc_list > ul > li > dl dt {font-size:0.8rem; font-weight:500;}
.acc_list > ul > li > dl dt > span {font-weight:normal;}
.acc_list > ul > li > dl dd {font-size:0.7rem; position:relative}
.acc_list > ul > li > dl dd > .btn_copy {position:relative; background:url('/image/btn_copy.png')no-repeat left center; padding-left:0.85rem; background-size:0.6rem; margin-left:0.3rem; font-size:0.6rem; height:0.8rem; color:#666666; z-index:2}
.acc_list > ul > li > dl dd > .btn_qust {position:absolute; top:50%; margin-top:-0.5rem; 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; z-index:2}
.acc_list > ul > li > dl dd.money {text-align:right; font-size:0.8rem; height:1.1rem;}
.acc_list > ul > li > dl dd.money > strong {font-size:1rem;}
.acc_list > ul > li > dl dd.money_hide {font-size:0.9rem; color:#CCC; text-align:right; height:1.1rem;}
.acc_list > ul > li > dl dd.money.has_txt {margin-top:-1.4rem; height:auto;}
.acc_list > ul > li > a{position:absolute; top:0; left:0; display:block; width:100%; height:100%}
.acc_list > ul > li > a ~ button{margin:0.75rem -1rem -0.75rem; text-align:center; width:calc(100% + 2rem); padding:0.75rem 0; border-top:1px solid #E8E8E8; position:relative; z-index:2; font-size:0.7rem}
.acc_list > ul > li > a ~ button.gra, .acc_list > ul > li > a ~ .btn_wrap {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%); color:#ffffff; -webkit-border-radius:0 0 0.5rem 0.5rem; -moz-border-radius:0 0 0.5rem 0.5rem; border-radius:0 0 0.5rem 0.5rem;} /* 2022-01-20 */
.acc_list > ul > li > a ~ .btn_wrap {margin:0.75rem -1rem -0.75rem; position:relative; z-index:2} /* 2022-01-20 */
.acc_list > ul > li > a ~ .btn_wrap > button{height:auto; padding:0.75rem 0; font-size:0.7rem; font-weight:normal} /* 2022-01-20 */
.acc_list > ul > li > a ~ .btn_wrap > button:last-child{-webkit-border-radius:0 0 0.5rem 0; -moz-border-radius:0 0 0.5rem 0; border-radius:0 0 0.5rem 0; border-left:1px solid #ffffff;} /* 2022-01-20 */
.acc_list > ul > li > .btn_menu {margin:0; position:absolute; top:0.85rem; right:0.5rem; width:1.5rem; height:1.5rem; border-top:none; font-size:0 !important; padding:0}
.acc_list > ul > li > .btn_menu + .tool_menu {top:0.95rem; right:0.5rem;}
.acc_list.type2 > li > dl > dt {/* padding-right:4rem;  */line-height:1rem} /* 2021-12-29 */

.has_none {}
.has_none > div {position:absolute; width:100%; left:0; top:calc(50% - 1.875rem); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.has_none > div > p.none_bg {background:url('/image/bg_none.png')no-repeat center top; text-align:center; background-size:1.7rem; padding-top:2.45rem; font-size:0.7rem; color:#666666}
.has_none .bottom_box {border:1px solid #DBDBDB; border-radius:0.75rem; overflow:hidden; width:calc(100% - 2rem); height:3.65rem; display:table; position:fixed; bottom:4.275rem; background:#fff;}
.has_none .bottom_box .dis_inBlock {font-size:0.7rem; color:#666;}
.has_none .bottom_box > span {display:block; padding:0 0 0 1rem; box-sizing:border-box; width:75%; line-height:1.2; height:100%; display:table-cell; vertical-align:middle;}
.has_none .bottom_box > span > strong {font-size:0.8rem}
.has_none .bottom_box > span:nth-child(2) {background:#F9F9FB; width:25%; text-align:center; padding:0; }
.has_none .bottom_box > span:nth-child(2) > span {font-size:0.6rem; display:inline-block; width:100%;}
.has_none .bottom_box > span:nth-child(2) > strong {font-size:0.9rem;}
.has_none > div.none_merch {top:50%; margin-top:0;}

.none_merch {text-align:center; margin-top:2rem;}
.none_merch > p:first-child {font-size:0.8rem; line-height:1}
.none_merch > p {font-size:0.7rem; line-height:1.3}
.none_merch > .btn_blue2 {border:1px solid #3D7CF1; background:#fff; color:#3D7CF1; width:8.5rem; height:1.95rem; display:inline-block; font-size:0.8rem; font-weight:500; border-radius:0.5rem; margin-top:1.5rem;}

.popup_content > .check_top {margin:1rem 0 1.75rem;}
.popup_content > .check_top > h2 {font-size:1rem; font-weight:500; line-height:1.3rem;}
.popup_content > .check_top.clear > h2 {float:left;}
.popup_content > .check_top.clear > p {font-size:0.7rem; font-weight:500; float:right;}
.popup_content > .check_top.clear {border-bottom:1px solid #000; padding-bottom:1rem; margin-bottom:0.75rem;}

/* -------- //ÀÌü -------- */

/* -------- Á¶È¸ -------- */
.total_money{position:relative; background:-webkit-linear-gradient(0deg, #20B4FF 0%, #434BFE 100%); background:-moz-linear-gradient(90deg, #20B4FF 0%, #434BFE 100%); background:-o-linear-gradient(90deg, #20B4FF 0%, #434BFE 100%); background:linear-gradient(90deg, #20B4FF 0%, #434BFE 100%); margin:0 -1rem; padding:1rem 1.25rem 4.25rem 1.25rem; color:#ffffff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:height 0.5s;}
.total_money > p{font-size:0.9rem; -webkit-transition:font-size 0.5s; -moz-transition:font-size 0.5s; -o-transition:font-size 0.5s; transition:font-size 0.5s;}
.total_money > input.check_money + label{position:absolute; top:0.95rem; right:1rem; background:#ffffff; font-size:0.6rem; padding:0 0.3rem 0 1rem; min-width:2.4rem; height:1.05rem; line-height:1.05rem; -webkit-border-radius:25rem; -moz-border-radius:25rem; border-radius:25rem; color:#888888; z-index:2; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none}
.total_money > input.check_money + label:before{width:0.65rem; height:0.65rem; top:50%; left:0.2rem; background:#cccccc; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-top:-0.325rem}
.total_money > input.check_money:checked + label{color:#000000; padding-left:0.3rem}
.total_money > input.check_money:checked + label:before{left:auto; right:0.2rem; background:#3D7CF1}
.total_money > div.tc{display:inline-block; width:100%; margin-top:1.8rem; white-space:nowrap; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; height:1.5rem; vertical-align:top}
.total_money > div.tc strong, .total_money > div.tc span{color:#ffffff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.total_money > div.tc strong{font-size:1.5rem}
.total_money > div.tc span{font-size:0.9rem}
.total_money > div.money_hide{display:none; opacity:0.5; filter:Alpha(opacity=50);}
.total_money > input.view_acc + label{position:absolute; bottom:2.25rem; right:1rem; color:#ffffff; font-size:0.8rem; background:url('/image/ico_money02.png') no-repeat left center; background-size:0.75rem auto; padding-left:1rem; -webkit-transition:font-size 0.5s; -moz-transition:font-size 0.5s; -o-transition:font-size 0.5s; transition:font-size 0.5s;}

.total_money.active {padding-bottom:2.5rem}
.total_money.active > p, .total_money.active > .view_acc + label{position:absolute; left:-9999px}
.total_money.active > div.tc {width:0; margin-top:0; height:auto}
.total_money.active > div.tc strong, .total_money.active > div.tc span {font-size:1rem;}

.total_money + .tab_wrap{margin:-1.25rem -1rem 0; position:relative; z-index:2;}
.total_money.type2{padding-top:3.6rem; padding-bottom:2.5rem}
.total_money.type2 > span.cate{display:inline-block; min-width:2.2rem; line-height:1.2rem; border:1px solid #ffffff; -webkit-border-radius:0.25rem; -moz-border-radius:0.25rem; border-radius:0.25rem; font-size:0.6rem; text-align:center; padding:0 0.5rem}
.total_money.type2 > span.cate + button{display:block; color:#ffffff; width:100%; text-align:left; padding:0.5rem 0; margin:0.5rem 0 1rem}
.total_money.type2 > span.cate + button > span:first-child{font-size:0.9rem; display:inline-block; padding-right:1.575rem; background:url('/image/btn_arrow.png') no-repeat center right; background-size:0.575rem auto}
.total_money.type2 > span.cate + button > span:first-child strong{margin-right:0.1rem}
.total_money.type2 > span.cate + button > span + span{font-size:0.8rem; display:block; margin-top:0.35rem; letter-spacing:-1px;}
.total_money.type2 span{font-size:0.8rem; display:block; margin-top:0.35rem}

.total_money.type2 > span.cate + button.type2 {padding:0.5rem 0 0; margin:0.5rem 0 0;}
.total_money.type2 > span.cate + button.type2 + span {font-size:0.8rem; margin:0.4rem 0 1.5rem; display:block;}
.total_money.type2 > span.cate + button.type2 + span > .btn_copy {position: relative; background: url(/image/btn_copy02.png)no-repeat left center; padding-left: 0.85rem; background-size: 0.6rem; margin-left: 0.3rem; font-size: 0.6rem; height: 0.8rem;color: #ffffff; z-index: 2;}

.total_money.type2 > button ~ div.tr {font-size:0.9rem; height:1.25rem}
.total_money.type2 > button ~ div.tr strong, .total_money.type2 > .money_hide strong{font-size:1.25rem; margin-right:0.25rem}
.total_money.type2 > div.flex{justify-content:space-between; align-items:center}
.total_money.type2 > div.flex strong{font-size:0.9rem}
.total_money.type2 > div.flex span{font-size:0.8rem}
.total_money.type2 > ul{margin-bottom:1.325rem}
.total_money.type2 > ul > li{font-size:0.8rem}
.total_money.type2 > ul > li ~ li, .total_money.type2 > div.flex + ul{margin-top:0.35rem}
.total_money.type2 > ul > li > span{position:relative; display:inline-block; padding-left:1rem}
.total_money.type2 > ul > li > span:before{position:absolute; top:0; left:0.5rem; display:block; content:""; clear:both; width:1px; height:100%; background:#ffffff}
.total_money.type2 > div.btn_wrap{position:absolute; left:1rem; bottom:-1.325rem; width:calc(100% - 2rem); display:-webkit-flex; display:flex;  flex-direction:row; background:#ffffff; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; box-shadow:0px 5px 5px rgba(0, 0, 0, .08); z-index:3}
.total_money.type2 > div.btn_wrap:before{position:absolute; left:50%; top:50%; display:block; content:""; clear:both; width:1px; height:1rem; margin-left:-0.5px; margin-top:-0.5rem; background:#DBDBDB}
.total_money.type2 > div.btn_wrap.bg_none:before{display:none}
.total_money.type2 > div.btn_wrap > button, .total_money.type2 > div.btn_wrap > a{width:100%; font-size:0.8rem; color:#000000; font-weight:normal}
.total_money.type2 > div.btn_wrap > a{text-align:center; line-height:2.65rem}
.total_money.type2 > div.btn_wrap > *:only-child{width:100%}
.total_money.type2 > input.check_money + label{top:3.775rem; right:2.4rem}
.total_money.type2 > input.check_money + label:last-child{right:1rem}
.total_money.type2 > button.btn_menu{position:absolute; top:3.775rem; right:1rem}
.total_money.type2 > button.btn_menu + div.tool_menu{top:3.775rem; right:1rem}
.total_money.type2 + .tab_wrap {margin:3rem 0 0; position:relative; z-index:2;}

.popup_content > .total_money {padding:1.5rem 1.25rem 1.375rem;}
.popup_content > .total_money p ~ p {margin-top:0.35rem;}
.popup_content > .total_money > div.tr {margin-top:1rem; font-size:0.9rem;}
.popup_content > .total_money > div.tr > strong {font-size:1.25rem;}


.date_wrap > button{width:100%; height:2.75rem; border:1px solid #DBDBDB; background:#ffffff; text-align:left; padding:0 1rem; font-size:0.8rem; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem;}
.total_money.type2 + .select_date{margin-top:2.75rem}
.select_date > div:first-child {display:-webkit-flex; display:flex; justify-content:space-between;}
.select_date > div:first-child > label, .select_date > div:first-child > button, .select_date > div.flex > label{width:100%; height:1.5rem; line-height:1.5rem; border:1px solid #DBDBDB; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem; font-size:0.7rem; background:#ffffff}
.select_date > div:first-child > label ~ label, .select_date > div:first-child > label ~ button, .select_date > div.flex > label ~ label{margin-left:0.225rem}
.select_date > div.form_wrap > div{margin-top:0.5rem}
.select_date > div.form_wrap > .input_half{border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; overflow:hidden}
.select_date > div.form_wrap > .input_half > input{padding-left:2.2rem; padding-right:0; background-position-x:1rem !important}
.select_date > div.form_wrap > .input_half + div:after{display:block; content:""; clear:both}
.select_date > div.form_wrap > .input_half + div label{float:left; background:#ffffff; width:calc(33.3% - 0.166rem); line-height:1.4rem; border-color:#DBDBDB; color:#000000}
.select_date > div.form_wrap > .input_half + div label ~ label{margin-left:0.25rem}
.select_date > div.form_wrap > button{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 .select_date > div.form_wrap > button{color:#ffffff; background:#386CFF url('/image/btn_search03.png') no-repeat calc(50% - 0.95rem) center; background-size:0.75rem}

.table_wrap table.tbl_acc > tbody >  tr:first-child ~ tr > td{border-top:1px solid #DBDBDB}
.table_wrap table.tbl_acc > tbody >  tr > td{position:relative; text-align:left; padding:1rem 0.5rem}
.table_wrap table.tbl_acc tr td span, .table_wrap table.tbl_acc tr td div:last-child span{font-size:0.7rem; max-width:50%}
.table_wrap table.tbl_acc tr td > div{display:-webkit-flex; display:flex; flex-direction:row; justify-content:space-between; margin-top:0.55rem}
.table_wrap table.tbl_acc tr td > div:first-child{margin-top:0}
.table_wrap table.tbl_acc tr span > div{display:-webkit-flex; display:flex; flex-direction:row; justify-content:space-between; margin-top:0.55rem}
.table_wrap table.tbl_acc tr span > div:first-child{margin-top:0}
.table_wrap table.tbl_acc tr td div strong{font-size:0.8rem}
.table_wrap table.tbl_acc tr td div + a {position:absolute; top:0; left:0; bottom:0; right:0}
.table_wrap table.tbl_acc tr td button.btn_menu {position:absolute; top:0.8rem; right:0}
.table_wrap table.tbl_acc tr td.check_p > button.check_btn {position:absolute; top:0.6rem; right:0.5rem}
.table_wrap table.tbl_acc tr td button.btn_menu + div.tool_menu{display:none; top:0.8rem; margin-top:0}
.table_wrap table.tbl_acc tr td button.btn_menu + div.tool_menu .kakao button{background:url('/image/ico_sns_kakao.png') no-repeat 0.75rem 50%; background-size:1rem auto; padding-left:2rem}
.table_wrap table.tbl_acc tr td button.btn_menu + div.tool_menu .mms button{background:url('/image/ico_sns_sms.png') no-repeat 0.75rem 50%; background-size:1rem auto; padding-left:2rem}
.table_wrap table.tbl_acc tr.none td{padding:1.5rem 0.5rem}
.table_wrap table.tbl_acc tr.none td p{background:url('/image/bg_none.png') no-repeat center top; background-size:1.7rem auto; padding-top:2.5rem; text-align:center}
.table_wrap table.tbl_acc tr td .rate {display:inline-block; background:#386CFF; color:#ffffff; font-size:0.6rem; line-height:1.2rem; text-align:center; -webkit-border-radius:0.25rem; -moz-border-radius:0.25rem; border-radius:0.25rem; padding:0 0.6rem;}
/*231121Ãß°¡*/
.table_wrap table.tbl_acc tr td span.memo{position:relative; padding-left: 13vw; }
.table_wrap table.tbl_acc tr td span.memo:before{position: absolute; content: '¸Þ¸ð'; left: 0; top: -6px;
    color: #555555; background: #EEEEEE; padding: 4px 10px; border-radius: 8px; font-size: 0.6rem; font-weight: bold; }


.btn_wrap{}
.btn_wrap button.btn_more, .popup_wrap .popup .btn_wrap button.btn_more {background:#fff; color:#888888; border:1px solid #cccccc; font-size:0.8rem; font-weight:normal; text-indent:-0.4rem; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem !important; }
.btn_wrap button.btn_more > img {display:inline-block; width:0.5rem; margin-left:0.25rem; margin-top:-0.1rem;}

.check_none{position:absolute; top:50%; left:0; width:100%; text-align:center; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.check_none > img{display:block; width:7.95rem; margin:0px auto 2rem; box-shadow:0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08); -webkit-border-radius:0.35rem; -moz-border-radius:0.35rem; border-radius:0.35rem;}
.check_none > strong{font-size:0.8rem}
.check_none > strong + p{font-size:0.7rem; line-height:1.15rem; margin-top:0.75rem}

.bank_notice {border:1px solid #DBDBDB; padding:1.25rem 1rem; box-shadow:0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08); background:#ffffff}
.bank_notice > dl > dt, .bank_notice > dl > dd {font-size:0.8rem;}
.bank_notice > .table_wrap > .type2 th {color:#000000;}
.bank_notice > .table_wrap + div {text-align:right;}
.bank_notice > .table_wrap + div > img {width:6.25rem;}
.bank_notice + ul.mar_t30 > li ~ li {margin-top:1rem;}
.bank_notice + ul.mar_t30 > li:first-child {margin-top:0; padding-right:6rem;}
.bank_notice + ul.mar_t30 > li > p {font-size:0.7rem; border:1px solid #CCCCCC; display:inline-block; padding:0.375rem 0.75rem; color:#666666; border-radius:0.8rem;}
.bank_notice + ul.mar_t30 > li > .bul_list li {font-size:0.8rem;}
.bank_notice + ul.mar_t30 > li > dl {position:absolute; top:0; right:0;}
.bank_notice + ul.mar_t30 > li > dl > dt, .bank_notice + ul.mar_t30 > li > dl > dd { font-size:0.7rem; text-align:center; padding:0.5rem 0.75rem;}
.bank_notice + ul.mar_t30 > li > dl > dt {background:#386CFF; color:#fff;}
.bank_notice + ul.mar_t30 > li > dl > dd {background:#ffffff;border:1px solid #386CFF;}


/* Å«±Û¾¾ */ /* 2021-12-21 */
.font_large .total_money{}
.font_large .total_money > p{font-size:1rem}
.font_large .total_money > div.tc strong{font-size:1.6rem}
.font_large .total_money.active > div.tc strong{font-size:1.1rem}
.font_large .total_money > div.tc span{font-size:1.0rem}
.font_large .total_money > input.view_acc + label{font-size:0.9rem}

.font_large .tab_wrap > ul.type3 > li > button{font-size:0.8rem}
.font_large .has_none > div > p.none_bg{font-size:0.8rem}
.font_large .none_merch{}
.font_large .none_merch > p:first-child{font-size:0.9rem}
.font_large .none_merch > p{font-size:0.8rem}
.font_large .none_merch > .btn_blue2{font-size:0.9rem}

.font_large .acc_list > button > span:first-child{font-size:0.7rem}
.font_large .acc_list > button > span, .font_large .acc_list > button > span > strong{font-size:0.9rem}
.font_large .acc_list > ul > li > span.cate{font-size:0.7rem}
.font_large .acc_list > ul > li > dl{line-height:1.3rem}
.font_large .acc_list > ul > li > dl dt{font-size:0.9rem}
.font_large .acc_list > ul > li > dl dd{font-size:0.8rem}
.font_large .acc_list > ul > li > dl dd.money{font-size:0.9rem}
.font_large .acc_list > ul > li > dl dd.money > strong{font-size:1.1rem}
.font_large .acc_list > ul > li > a ~ button{font-size:0.8rem}
.font_large .tool_menu > ul > li > button{font-size:0.8rem}

.font_large .total_money.type2 > span.cate {font-size:0.7rem}
.font_large .total_money.type2 > span.cate + button > span:first-child {font-size:1rem}
.font_large .total_money.type2 > span.cate + button > span + span, .font_large .total_money.type2 > span.cate + button.type2 + span {font-size:0.9rem}
.font_large .total_money.type2 > button ~ div.tr {font-size:1rem}
.font_large .total_money.type2 > button ~ div.tr strong, .font_large .total_money.type2 > .money_hide strong {font-size:1.35rem}
.font_large .total_money.type2 > div.btn_wrap > button, .font_large .total_money.type2 > div.btn_wrap > a {font-size:0.9rem}
.font_large .select_date > div:first-child > label,.font_large  .select_date > div:first-child > button, .font_large .select_date > div.flex > label {font-size:0.8rem}
.font_large .select_date > div.form_wrap > .input_half > input {padding-left:2rem}
.font_large input[type="radio"].type2 + label {font-size:0.8rem}

.font_large .table_wrap .tbl_top > span {font-size:0.8rem;}
.font_large .table_wrap .tbl_top > input.check_sort + label {font-size:0.8rem;}
.font_large .table_wrap table.tbl_acc tr td span, .font_large .table_wrap table.tbl_acc tr td div:last-child span {font-size:0.8rem;}
.font_large .table_wrap table.tbl_acc tr td div strong {font-size:0.9rem;}
.font_large .table_wrap table.tbl_acc tr.none td p {font-size:0.8rem;}

/* +ÀÌü+ */ /* 2021-12-21 */
.font_large .form_wrap .label {font-size:0.9rem}
.font_large .form_wrap .account_view > button.open_acc > strong, .font_large .form_wrap .account_view > a.select_style > strong {font-size:1rem !important}
.font_large .form_wrap .account_view > button.open_acc > span, .font_large .account_view > a.select_style > span {font-size:0.9rem}
.font_large .form_wrap .account_view > div.money > span {font-size:0.8rem}
.font_large .form_wrap .account_view + .tax {font-size:0.7rem}
.font_large .form_wrap .ico_bank, .font_large .table_wrap .ico_bank {padding-left:1.3rem}
.font_large .form_wrap .label ~ .open_acc {font-size:0.7rem}
.font_large .form_wrap p.error {font-size:0.8rem}
.font_large .form_wrap .input_half.account button {font-size:0.9rem}
.font_large .form_wrap .input_list.type2 > li > label {font-size:0.8rem}
.font_large .form_wrap .input_list.type2 > li > span:first-child {font-size:0.8rem}
.font_large .form_wrap .input_list.type2 > li.reserve_date > a.select_style {font-size:0.9rem}
.font_large .form_wrap p.notice {font-size:0.8rem}
.font_large .form_wrap p.notice {padding-left:0.9rem; line-height:1.3rem;}

.font_large .accor_wrap > a {font-size:0.9rem}
.font_large .accor_wrap > .bul_list > li {font-size:0.9rem; line-height:1.1rem}
.font_large .account_view > div.input_money > input{font-size:1.1rem}

.font_large .comp_wrap > h2 {font-size:1.35rem}
.font_large .comp_wrap > h2 ~ p {font-size:1rem} /* 2021-12-28 */
.font_large .table_wrap.bor_none tr th.fs18 {font-size:1rem !important}
.font_large .comp_wrap > h2 ~ p.fs20, .font_large .table_wrap.bor_none tr td > .fs20 {font-size:1.1rem !important} /* 2021-12-28 */
.font_large .table_wrap table.type1 tr th, .font_large .table_wrap table.type1 tr td {font-size:0.9rem}
.font_large .table_wrap table.type2 tr th, .font_large .table_wrap .type2 tr td {font-size:0.9rem}
.font_large .table_wrap table.type2 tr td.lh24 {line-height:1.4rem !important}
.font_large .table_wrap.bor_none tr td.check_p > button, .font_large .table_wrap.bor_none tr td.speed > button, .font_large .table_wrap table.type2 tfoot tr td button {font-size:0.8rem}

.font_large .popup_wrap .popup_content > .check_top > h2 {font-size:1.1rem; line-height:1.4rem}
.font_large .popup_wrap .popup_content > .check_top.clear > p {font-size:0.9rem; line-height:1.1rem;}
.font_large .popup_wrap .popup_content .table_wrap .acc_info > p:first-child > strong, .font_large .table_wrap .acc_info > p ~ span {font-size:0.9rem;}
.font_large .popup_wrap .popup_content .table_wrap .acc_info > p.money {font-size:1rem;}
.font_large .popup_wrap .popup_content .select_style.type3 {font-size:0.9rem;}
.font_large .popup_wrap .btn_wrap button {font-size:0.9rem}
.font_large .popup_wrap .btn_wrap > .otp_box {font-size:0.8rem}

.font_large .inquiry input[type="text"], .font_large .inquiry input[type="password"], .font_large .inquiry input[type="tel"] {font-size:0.9rem}
.font_large .transfer input[type="text"], .font_large .transfer input[type="password"], .font_large .transfer input[type="tel"] {font-size:0.9rem}
.font_large .popup_wrap .popup_content input[type="text"], .font_large .popup_content input[type="password"], .font_large .popup_content input[type="tel"] {font-size:0.9rem}
/* -------- //Á¶È¸ -------- */

/* -------- »óÇ°°¡ÀÔ -------- */
.prod .comp_wrap{padding-bottom:1.5rem}
.acc_list{}
.acc_list > li{border:1px solid #DBDBDB; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; background:#ffffff; padding:1rem}
.acc_list > li + li{margin-top:0.75rem}
.acc_list > li.none{margin:0; background:transparent; border:none; padding-top:7.25rem 0}
.acc_list > li.none > p{font-size:0.7rem; color:#888888; text-align:center; padding-top:2.5rem; background:url('/image/bg_none.png') no-repeat center top; background-size:1.7rem auto}
.acc_list > li > span.num{display:inline-block; width:1.2rem; height:1.2rem; font-size:0.6rem; line-height:1.2rem; color:#ffffff; background:#386CFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center}
.acc_list > li > dl{position:relative; }
.acc_list > li > dl > dt, .acc_list > li > dl > dd{font-size:0.8rem} /* 2021-12-29 */
.acc_list > li > dl > dt{line-height:1.2rem}
.acc_list > li > dl > dd{margin-top:0.5rem}
.acc_list > li > dl > dd.blue{font-size:0.7rem}
.acc_list > li > dl > dd.blue > span{position:relative; padding-left:0.5rem}
.acc_list > li > dl > dd.blue > span:before{position:absolute; top:0.05rem; bottom:0.05rem; left:0.25rem; display:block; content:""; clear:both; width:1px; background:#3D7CF1}
.acc_list > li > dl > dd.rate{position:absolute; top:0; right:0; margin-top:0; background:#386CFF; color:#ffffff; font-size:0.6rem; min-width:2.75rem; line-height:1.2rem; text-align:center; -webkit-border-radius:0.25rem; -moz-border-radius:0.25rem; border-radius:0.25rem;}
/* .acc_list > li > dl > dt.fs14 ~ dd.rate{top:-0.25rem} */ /* 2021-12-29 */
/*.acc_list > li > dl > dt + dd.rate{top:-0.2rem} */ /* 2021-12-29 */
.acc_list > li > .table_wrap{}
.acc_list > li > .table_wrap tr th, .acc_list > li > .table_wrap tr td{font-size:0.7rem}
.acc_list > li > .table_wrap tr.m th, .acc_list > li > .table_wrap tr.m td{font-size:0.8rem}
.acc_list > li > .table_wrap tr.m:last-child td{font-size:0.9rem} /* 2021-12-28 */
.acc_list > li > .table_wrap:last-child tr.m:last-child th, .acc_list > li > .table_wrap:last-child tr.m:last-child td {padding-bottom:0;} /* 2021-12-29 */
.acc_list > li > .btn_wrap{margin-left:-1rem; margin-right:-1rem; margin-bottom:-1rem; border-top:1px solid #DBDBDB}
.acc_list > li > .btn_wrap:after{display:block; content:""; clear:both}
.acc_list > li > .btn_wrap > a, .acc_list > li > .btn_wrap > button{width:50%; float:left; font-size:0.7rem; color:#000000; height:2.25rem; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-weight:normal}
.acc_list > li > .btn_wrap > a:only-child, .acc_list > li > .btn_wrap > button:only-child{display:block; width:100%; float:none; text-align:center}
.acc_list > li > .btn_wrap > a{line-height:2.25rem; text-align:center}
.acc_list > li > .btn_wrap > * + a, .acc_list > li > .btn_wrap > * + button{border-left:1px solid #DBDBDB}
.acc_list > li > div.aor{position:absolute; top:1rem; right:1rem}
.acc_list > li.pr > img.pa{top:calc(50% - 1.125rem); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.acc_list > li.pr > img.bg01{width:4.825rem; right:1.25rem}
.acc_list > li.pr > img.bg02{width:3.725rem; right:1.8rem}

.input_txt, .form_wrap .input_text {position:relative; width:100%; background:#ffffff; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem;}
.input_txt input, .form_wrap .input_text input {padding-right:2rem; text-align:right}
.form_wrap .input_text input.open_price:read-only{background:transparent !important}
.input_txt span, .form_wrap .input_text span{position:absolute; font-size:0.8rem; top:50%; right:1rem; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}

.form_wrap .input_half.split {background:none; border:none !important}
.form_wrap .input_half.split > input:first-child {margin-right:0.3rem;}
.under .form_wrap .input_half.split > input:first-child {margin-right:0.5rem;}

.notice_top > button {height:1rem; background: url(/image/btn_ico02.png) no-repeat left center; background-size: 0.6rem auto; padding-left:0.75rem; font-size:0.7rem;}
.notice_top > button:last-child {background: url(/image/img_arrow02.png) no-repeat right center; background-size: 0.375rem auto; padding:0 0.75rem 0 0}
/* -------- //»óÇ°°¡ÀÔ -------- */

/* -------- ÀÎÁõ -------- */
.cert_menu{background:#ffffff}
.cert_menu > li ~ li{border-top:1px solid #DBDBDB;}
.cert_menu > li > button, .cert_menu > li > a, .cert_menu > li > div{position:relative; display:block; width:100%; font-size:0.8rem; text-align:left; padding:0.9rem 1rem}
.cert_menu > li > button:after{position:absolute; display:block; content:""; clear:both; top:50%; right:1.25rem; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:0.575rem; height:0.575rem; background:url('/image/btn_select.png') no-repeat center; background-size:contain}
.cert_menu > li > button.active:after{-ms-transform:translateY(-50%) rotateX(180deg); -webkit-transform:translateY(-50%) rotateX(180deg); -moz-transform:translateY(-50%) rotateX(180deg); -o-transform:translateY(-50%) rotateX(180deg); transform:translateY(-50%) rotateX(180deg); }
.cert_menu > li > a.arrow{background-image:url('/image/btn_page_next.png'); background-size:0.4rem auto; background-repeat:no-repeat; background-position:calc(100% - 1rem) center}
.cert_menu > li > div > div{right:1rem; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.cert_menu > li > .depth2{display:none; padding:0.5rem 0; border-top:1px solid #DBDBDB;}
.cert_menu > li > .depth2 > li > a{display:block; width:100%; color:#666666; font-size:0.8rem; padding:0.5rem 0.9rem}

.content h2.main_tit.cert{background:none; padding-bottom:0}
.cert_info{}
.cert_info > dl{width:43.46%; margin:1.5rem auto; background:#4684D7; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; padding:1.05rem 0.75rem 0.8rem; box-shadow:0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08);}
.cert_info > dl > dt, .cert_info > dl > dd{color:#ffffff}
.cert_info > dl > dt{font-size:0.8rem; line-height:1.2rem; font-weight:500; margin-bottom:0.5rem}
.cert_info > dl > dd{font-size:0.7rem; line-height:1.05rem}
.cert_info > p{font-size:0.8rem; line-height:1.2rem}

.easy_list {display:-webkit-flex; display:flex; justify-content: space-between; padding:0 0.175rem; margin-top:1.5rem;}
.easy_list.arrow{background:url('/image/bg_cert_arrow.png') no-repeat 50% 40%; background-size:1.2rem}
.easy_list > li {padding:0 0.75rem;}
.easy_list > li > img {width:4rem; height:4rem; border-radius:5rem; box-shadow:3px 3px 12px rgba(0, 0, 0, .08);}
.easy_list > li > span {display:block; text-align:center; margin-top:0.75rem; font-size:0.8rem; font-weight:bold;}
.easy_list + p {font-size:0.8rem; margin-top:1.5rem; line-height:1.5;}

.time_bar{position:relative}
.time_bar:before{display:block; content:""; clear:both; width:100%; height:0.8rem; background:#F8F8F8; box-shadow:0.15rem 0.15rem 0.3rem rgba(0, 0, 0, .08) inset; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem}
.time_bar:after{position:absolute; display:block; content:""; clear:both; width:10%; max-width:calc(100% - 0.45rem); height:0.35rem; left:0.225rem; top:0.225rem; 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%); -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.time_bar > p{margin-top:0.75rem; font-weight:500; font-size:0.7rem}


.cert_list > li {border: 1px solid #E8E8E8; -webkit-border-radius: 0.7rem; -moz-border-radius: 0.7rem; -o-border-radius: 0.7rem; border-radius: 0.7rem; background:#fff; padding: 0.9rem 0; box-shadow: 0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08);}
.cert_list > li.none {background:#F9F9FB;}
.cert_list > li + li { margin-top:0.75rem;}
.cert_list > li > button {padding-left: 4rem; background: url('/image/img_certify02.png') no-repeat 0.9rem center; background-size: 2.5rem auto; width:100%; text-align: left;}
.cert_list > li.none > button {padding-left: 4rem; background: url('/image/img_certify03.png') no-repeat 0.9rem center; background-size: 2.5rem auto; width:100%; text-align: left;}
.cert_list > li > button dl dt{font-size:0.8rem; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.cert_list > li > button dl dd{font-size:0.7rem; color:#666666; margin-top:0.35rem}
/* -------- //ÀÎÁõ -------- */

/* -------- »óÇ°¸ô -------- */
#header.type2.blue{background:#3D7CF1}
#header.type2.green{background:#44BE9E}
#header.type2.purple{background:#5A5ED4}
#header.type2.orange{background:#EC8E33}
#header.type2.mint{background:#47C0D5}
.mall > .tab_wrap .tab_btn{width:100%; z-index:20}
.mall > .tab_wrap .tab_btn.scroll + .tab_cnt > div{display:block}
.mall > .tab_wrap .mall_info{margin-top:1.5rem}
.mall > .tab_wrap div.blue > .mall_info > a{background-color:#3D7CF1 !important}
.mall > .tab_wrap div.green > .mall_info > a{background-color:#44BE9E !important}
.mall > .tab_wrap div.purple > .mall_info > a{background-color:#5A5ED4 !important}
.mall > .tab_wrap div.orange > .mall_info > a{background-color:#EC8E33 !important}
.mall > .tab_wrap div.mint > .mall_info > a{background-color:#47C0D5 !important}
.mall > .tab_wrap .mall_info > p{color:#000000; font-size:0.8rem; margin-bottom:0.75rem}
.mall > .tab_wrap .mall_info > a{display:block; position:relative; color:#ffffff; -webkit-border-radius:0.5rem 0.5rem 0 0; -moz-border-radius:0.5rem 0.5rem 0 0; border-radius:0.5rem 0.5rem 0 0; padding:1.5rem 1rem 3rem}
.mall > .tab_wrap .mall_info > a.ico01{background:url('/image/img_mall01.png') no-repeat calc(100% - 1.125rem) 40%; background-size:3.6rem auto;}
.mall > .tab_wrap .mall_info > a.ico02{background:url('/image/img_mall02.png') no-repeat calc(100% - 1.05rem) 40%; background-size:3.775rem auto;}
.mall > .tab_wrap .mall_info > a.ico03{background:url('/image/img_mall03.png') no-repeat calc(100% - 1.4rem) 40%; background-size:3.075rem auto;}
.mall > .tab_wrap .mall_info > a.ico04{background:url('/image/img_mall04.png') no-repeat calc(100% - 1.65rem) 40%; background-size:2.575rem auto;}
.mall > .tab_wrap .mall_info > a.ico05{background:url('/image/img_mall05.png') no-repeat calc(100% - 1.05rem) 40%; background-size:3.412rem auto;}
.mall > .tab_wrap .mall_info > a.ico06{background:url('/image/img_mall06.png') no-repeat calc(100% - -1.5rem) 20%; background-size:8rem auto;}
.mall > .tab_wrap .mall_info > a > h2{font-size:1.2rem; font-weight:500}
.mall > .tab_wrap .mall_info > a > p{font-size:0.7rem; font-weight:normal; margin-top:0.2rem}
.mall > .tab_wrap .mall_info > a > div.flex{position:absolute; bottom:0; left:0; width:100%; background:#ffffff; align-items:center; justify-content:space-between; padding:0.7rem 1rem; -ms-transform:translateY(50%); -webkit-transform:translateY(50%); -moz-transform:translateY(50%); -o-transform:translateY(50%); transform:translateY(50%); -webkit-border-radius:px; -moz-border-radius:px; border-radius:2.5rem 0 2.5rem 2.5rem; box-shadow:0px 0.4rem 0.6rem rgba(0, 0, 0, .08)}
.mall > .tab_wrap .mall_info > a > div.flex span{font-size:0.7rem; color:#000000; vertical-align:middle}
.mall > .tab_wrap .mall_info > a > div.flex span strong{font-size:1.2rem}
.mall > .tab_wrap div.blue > .mall_info > a > div.flex span strong{color:#3D7CF1}
.mall > .tab_wrap div.green > .mall_info > a > div.flex span strong{color:#44BE9E}
.mall > .tab_wrap div.purple > .mall_info > a > div.flex span strong{color:#5A5ED4}
.mall > .tab_wrap div.orange > .mall_info > a > div.flex span strong{color:#EC8E33}
.mall > .tab_wrap div.mint > .mall_info > a > div.flex span strong{color:#47C0D5}
.mall > .tab_wrap .mall_info + .table_wrap{margin-top:1.875rem}
.mall > .tab_wrap .mall_info + .table_wrap table.type1{border-top:none}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td{align-items:center}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td > div{display:inline-block}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td > div + div{margin-top:0}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td > div + div.btn.pa{right:0.5rem; z-index:2}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td > div + div.btn.pa > a{display:block; min-width:initial; height:auto; font-size:0.7rem; padding:0.25rem 0.95rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius:1rem}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td > div + div.btn.pa > a + a{margin-top:0.35rem}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td > div * + *{float:none}
.mall > .tab_wrap div.blue > .mall_info + .table_wrap table.tbl_acc tr td div strong.fs20{color:#3D7CF1}
.mall > .tab_wrap div.green > .mall_info + .table_wrap table.tbl_acc tr td div strong.fs20{color:#44BE9E}
.mall > .tab_wrap div.purple > .mall_info + .table_wrap table.tbl_acc tr td div strong.fs20{color:#5A5ED4}
.mall > .tab_wrap div.orange > .mall_info + .table_wrap table.tbl_acc tr td div strong.fs20{color:#EC8E33}
.mall > .tab_wrap div.mint > .mall_info + .table_wrap table.tbl_acc tr td div strong.fs20{color:#47C0D5}
.mall > .tab_wrap .mall_info + .table_wrap table.tbl_acc tr td div strong img.new{display:inline-block; width:2.775rem; margin-left:0.5rem}

.mall_top{position:relative; margin:-4rem -1rem 4.8rem; padding:3.85rem 1rem 4.875rem; color:#ffffff !important}
.mall_top.blue{background:#3D7CF1}
.mall_top.green{background:#44BE9E}
.mall_top.purple{background:#5A5ED4}
.mall_top.orange{background:#EC8E33}
.mall_top.mint{background:#47C0D5}
.mall_top > p:first-child{font-size:1rem; line-height:1.5rem}
.mall_top > p:first-child > span{font-size:0.7rem; line-height:1.5rem}
.mall_top > p:first-child + div{margin:1.5rem auto 1.75rem}
.mall_top > p:first-child + div > strong{font-size:1.5rem}
.mall_top .goal{text-align:left}
.mall_top .goal > strong{font-size:0.7rem}
.mall_top .goal > p{font-size:0.65rem; margin-top:0.25rem; margin-bottom:0.575rem}
.mall_top .goal .graph{position:relative; background:#ffffff; height:0.9rem; margin-top:0.75rem; -webkit-border-radius:0.45rem; -moz-border-radius:0.45rem; border-radius:0.45rem; padding:0.1rem 0.2rem}
.mall_top .goal .graph > span{position:absolute; top:0.1rem; left:0.2rem; max-width:calc(100% - 0.4rem); width:10%; height:calc(100% - 0.2rem); -webkit-border-radius:0.45rem; -moz-border-radius:0.45rem; border-radius:0.45rem; background:-webkit-linear-gradient(90deg, #3BEC8A, #02BEA3); background:-moz-linear-gradient(90deg, #3BEC8A, #02BEA3); background:-o-linear-gradient(90deg, #3BEC8A, #02BEA3); background:linear-gradient(90deg, #3BEC8A, #02BEA3); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} /* 2021-12-09 */
.mall_top .bfit_list{position:absolute; left:1rem; margin-top:0.75rem; width:calc(100% - 2rem); background:#ffffff; -webkit-border-radius:0.75rem; -moz-border-radius:0.75rem; border-radius:0.75rem; padding:1rem; box-shadow:0px 0.6rem 0.6rem rgba(0, 0, 0, .08);}
.mall_top .goal .graph.comp > span{-webkit-border-radius:0.45rem; -moz-border-radius:0.45rem; border-radius:0.45rem;}
.mall_top .bfit_list > li{color:#000000; text-align:left; background:url('/image/ico_bfit_bul.png') no-repeat left center; background-size:2.3rem; font-size:0.8rem; padding:0.5rem 0; padding-left:2.5rem}
.mall_top .bfit_list.green > li{background-image:url('/image/ico_bfit_bul02.png')}
.mall_top .bfit_list.purple > li{background-image:url('/image/ico_bfit_bul03.png')}
.mall_top .bfit_list.orange > li{background-image:url('/image/ico_bfit_bul04.png')}
.mall_top .bfit_list.mint > li{background-image:url('/image/ico_bfit_bul05.png')}
.mall_top .bfit_list > li + li{margin-top:0.3rem}
.mall_cnt{padding-bottom:2.8rem}
.mall_cnt > div {overflow:hidden;}
.mall_cnt > div:first-child{padding-top:2rem}
.mall_cnt > div:first-child ~ div{padding-top:4rem}
.mall_cnt > div > h2{font-size:1.2rem; font-weight:500; text-align:center}
.mall_cnt > div > h2 > img{width:2rem; margin-top:-0.2rem; margin-left:0.35rem}
.mall_cnt > div > h2 + p{margin-top:1rem; font-size:0.8rem; color:#222222; font-weight:normal; text-align:center}
.mall_cnt > div > div.img{height:10.35rem}
.mall_cnt + .accor_wrap:before{display:block; content:""; clear:both; width:calc(100% + 2rem); height:0.5rem; background:#F9F9FB; margin-left:-1rem}
/* -------- //»óÇ°¸ô -------- */

/* -------- °èÁ°ü¸® -------- */
.select_list.type2 {padding:0 1rem;}
.select_list.type2 > li{ border-bottom:1px solid #E8E8E8;}
.select_list.type2 > li:last-child {border-bottom:0}
.select_list.type2 > li > div { background:#ffffff; padding:0.75rem 0;}
.select_list.type2 > li > div > p, .select_list.type2 > li > div > div > span {font-size:0.8rem}
.select_list.type2 > li > div > p {font-weight:500; margin-bottom:0.2rem}
/* -------- //°èÁ°ü¸® -------- */

/* -------- °í°´¼¾ÅÍ -------- */
.table_wrap table.notice{}
.table_wrap table.notice tr:first-child ~ tr td{border-top:1px solid #DBDBDB}
.table_wrap table.notice tr td{padding:0 !important}
.table_wrap table.notice tr td a{display:block; width:100%; height:100%; padding:0.9rem 0.5rem; padding-right:1.75rem; text-align:left; background:url('/image/img_arrow02.png') no-repeat calc(100% - 0.7rem) 50%; background-size:0.4rem auto}
.table_wrap table.notice tr td p.tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.8rem; color:#000000}
.table_wrap table.notice tr td span.date{display:inline-block; font-size:0.7rem; color:#666666; margin-top:0.2rem}
.table_wrap table.view{border-top:none}
.table_wrap table.view thead tr td{text-align:left; background:#ffffff; padding:0 0 .8rem !important}
.table_wrap table.view thead tr td span{display:inline-block; font-size:0.7rem; margin-top:0.2rem}
.table_wrap table.view thead + tbody tr td{border-color:#666666; padding:0.8rem 0.5rem !important; text-align:left}
.table_wrap table.view tbody tr.file td{padding:0.8rem 0 !important}
.table_wrap table.view tbody tr.file div{padding:1rem 0.8rem; padding-left:0}
.table_wrap table.view tbody tr.file div > ul > li{padding-left:1.65rem; background:url('/image/ico_file.png') no-repeat 0.5rem 0.1rem; background-size:0.85rem auto}
.table_wrap table.view tbody tr.file div > ul > li + li{margin-top:0.5rem}
.table_wrap table.view tbody tr.file div > ul > li  > a{display:block; width:100%; font-size:0.7rem; line-height:1.05rem; text-decoration:underline}
.table_wrap table.view tfoot tr td{padding:0 !important; border-top:1px solid #DBDBDB}
.table_wrap table.view tfoot tr td a{display:-webkit-flex; display:flex; width:100%; justify-content:space-between; padding:0.8rem 0}
.table_wrap table.view tfoot tr td strong, .table_wrap table.view tfoot tr td p{font-size:0.8rem; padding:0 0.5rem}
.table_wrap table.view tfoot tr td strong{display:inline-block; width:3.5rem; text-align:center}
.table_wrap table.view tfoot tr td p{width:calc(100% - 3.5rem); text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.table_wrap table.list tr:first-child ~ tr td{border-top:1px solid #DBDBDB}
.table_wrap table.list tbody tr td{text-align:left; position:relative; padding:1rem 0.5rem}
.table_wrap table.list tbody tr:first-child td, .table_wrap table.list tbody tr:last-child td{padding:1rem 0.5rem}
.table_wrap table.list tbody tr td p{width:calc(100% - 6rem)} /* 2021-12-29 */
.table_wrap table.list tbody tr td p + span.gray{display:inline-block; margin-top:0.47rem; font-size:0.7rem} /* 2021-12-29 */
.table_wrap table.list tbody .pa.tr{top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0.5rem}
.table_wrap table.list tbody .pa.tr button + button{margin-top:0.35rem}
.table_wrap table.list tbody .pa.tr button.btn_input {background:url('/image/ico_term_gray.png') calc(100% - 0.55rem) center / 0.7rem no-repeat; padding-right:1.5rem;}
.table_wrap table.list tbody .pa.tr button.btn_blue {background:#386CFF url('/image/ico_term_white.png') calc(100% - 0.55rem) center / 0.7rem no-repeat  !important;}

.accor_wrap.qna{}
.accor_wrap.qna > ul{border-top:1px solid #666666}
.accor_wrap.qna > ul > li{border-bottom:1px solid #DBDBDB}
.accor_wrap.qna > ul > li > button{position:relative; width:100%; padding:0.8rem 1.65rem; font-size:0.8rem; text-align:left; line-height:1.2rem}
.accor_wrap.qna > 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.qna > 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.qna > ul > li > button > span:first-child{position:absolute; font-weight:500; left:0.5rem; font-size:0.9rem}
.accor_wrap.qna > ul > li > div{display:none; position:relative; padding:0.75rem; padding-top:0}
.accor_wrap.qna > ul > li > div > span:first-child{position:absolute; top:0.9rem; font-size:0.9rem; font-weight:500}
.accor_wrap.qna > ul > li > div > div{font-size:0.8rem; padding-top:0.75rem} /* 2021-12-30 */
.accor_wrap.qna > ul > li > div > div > *{word-break:break-word; line-height:1.2rem}
.accor_wrap.qna > ul > li > div > div > *:first-child{padding-left:0.9rem}
.accor_wrap.qna > ul > li > div > div > * + *{margin-top:1rem}

.center_info{margin-bottom:1.5rem}
.center_info h2{font-size:0.8rem; font-weight:500; margin-bottom:1.5rem}
.center_info.info01 img, .center_info.info01 img{width:8.9rem}
.center_info.info03 img, .center_info.info04 img{width:10rem}
.center_info.info05 img{width:6.875rem}
.center_info.info06 img{width:4.825rem}
.center_info.info07 img{width:4.7rem}

.btn_input.tel {background:#ffffff url('/image/ico_tel.png')no-repeat center; background-size:0.6rem; padding-left:1.4rem; background-position-x:0.55rem; display:inline-block;}

.bul_list > li.subway {padding-left:1rem; background:url('/image/ico_subway01.png')no-repeat left center; background-size:0.75rem;}
.bul_list > li.subway.n2 {background-image:url('/image/ico_subway02.png');}
.bul_list > li.subway.n4 {background-image:url('/image/ico_subway04.png');}
.bul_list > li.subway.n5 {background-image:url('/image/ico_subway05.png');}
.bul_list > li.subway.n9 {background-image:url('/image/ico_subway09.png');}
/* -------- //°í°´¼¾ÅÍ -------- */

/* -------- À̺¥Æ® -------- */
.table_wrap table.notice.event tr td a {background:none; padding: 0.9rem 0.5rem;}
.table_wrap table tr td span.state, .table_wrap table.view thead tr td span.state {color:#ffffff !important; width:2.95rem; background:#386CFF; font-size:0.6rem; border-radius:0.25rem; display:block; text-align:center; padding:0.025rem; top:0.5rem; left:0.5rem; margin-top:0}
.table_wrap table tr td span.state.red, .table_wrap table.view thead tr td span.state.red {background:#EE3100;}
.table_wrap table tr td span.state.gray, .table_wrap table.view thead tr td span.state.gray {background:#888888;}
/* -------- //À̺¥Æ® -------- */

/* -------- ¼³Á¤ -------- */
.app_ver{text-align:center; position:absolute; width:100%; left:0; top:2.5rem; padding:16vh 1rem 0;}
.app_ver > img{display:inline-block; width:5rem; box-shadow:0.4rem 0.6rem 0.6rem rgba(0, 0, 0, .08); -webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius:1rem} /* 2021-12-23 */
.app_ver > div{margin-top:2rem}
/* -------- //¼³Á¤ -------- */

/* --------  220224 ¸ÞÀÎ ÅÍÄ¡ UI Ãß°¡ -------- */
.main .login_wrap h1{margin-bottom:4rem;}
.main .login_wrap .swiper-pagination{top:3.8rem;}
.main .login_wrap .login_touch_arrow{position:absolute; top:1.875rem; left:0; width:100%; text-align:center; font-size:0.8rem; color:#fff;}
.main .login_wrap .login_touch_arrow:after{position:absolute; left:50%; margin-left:-0.5rem; display:block; width:0.7rem; height:0.7rem; content:""; clear:both; background:url('/image/ico_arrow_down_w.png') no-repeat center; background-size:contain; -webkit-animation:arrow_move 0.75s infinite; animation:arrow_move 0.75s infinite;}
@-webkit-keyframes arrow_move{
	0% {top:1.5rem}
	50% {top:1.0rem}
	100% {top:1.5rem}
}
@keyframes arrow_move{
	0% {top:1.5rem}
	50% {top:1.0rem}
	100% {top:1.5rem}
}
/* --------  //220224 ¸ÞÀÎ ÅÍÄ¡ UI Ãß°¡ -------- */

/* --------  //220613 °í°´µî±ÞÄÚµå ¶óº§ -------- */
.cust_label{border : 1px solid #AAAAAA; border-radius:0.25rem; font-size:0.6rem; padding: 0.25rem 0.3rem; min-width:1.5rem; text-align:center; display:inline-block; margin-right:0.5rem; vertical-align:middle;}


.limitAcct_label{border : 1px solid red; border-radius:0.25rem; font-size:0.6rem; padding: 0.25rem 0.3rem; min-width:1.5rem; text-align:center; display:inline-block; color:red;}

/* bul_list 20230106 */
h2.won_cert_tit{ margin:15px 0 10px 0; font-weight:600; font-size:16px; }
.bul_list02 li{ position:relative; margin-top:6px; padding-left:10px; line-height:18px; font-size:14px; color:#666; }
.bul_list02 li:before{ content:""; display:block;  position:absolute; top:50%; left:0; width:3px; height:3px; background:#222222}
.bul_list02 li:first-child{margin-top:0 !important}
.bul_list02 li{position:relative; font-size:0.7rem; line-height:1.05rem; margin-top:0.3rem}
.bul_list02 li:before{position:absolute; display:block; content:""; clear:both}
.content > .btn_wrap:last-child { margin-top: 20px; padding-top: 0; }
.btn_wrap.fixed { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 50; padding: 1rem; background: #ffffff; }
/* bul_list 20230106 */

/*231121Ãß°¡*/
.inpt_memo_wrap{position: relative; }
.inpt_memo_wrap .memo_img{position: absolute; width: 1.1rem; right: 5%; top: 1.3rem; }

/* -------- ÇÏ´Ü°íÁ¤¹öÆ° --- 240722 Ãß°¡ -------- */
.fix_btn{position: fixed; bottom: 3.5rem; right: 10px; border: 1px solid #cccccc; padding: 0.325rem 1.3rem 0.325rem 0.55rem;
    border-radius: 1rem; box-shadow: 0.4rem 0.5rem 0.6rem rgba(0, 0, 0, .09); background: #fff url(../img/btn_page_next.png) no-repeat 92% 51%;
    z-index: 10; background-size: 6px; color: #666666; }
.fix_btn a{font-size: 0.7rem; }

/* Á¤Áß¾Ó ¹è³Ê - 2025.03.10 */
.center_banner{padding: 100px 30px; text-align: center; max-width: 360px; margin: 0 auto;}
.center_banner.text .banner_tit_area .banner_tit{font-weight: 700; font-size: 22px; line-height: 1.4;
	letter-spacing: -0.8px; text-align: center; color:#303740;margin-top:20px; }
.center_banner.text .banner_tit_area .banner_sub_tit{font-weight: 400; font-size: 15px; line-height: 1.4;
	letter-spacing: -0.6px; text-align: center; color:#505763;margin-top:10px; }
.center_banner.text .banner_con{margin-top:60px; text-align: left; }
.center_banner.text .banner_con .bg{background:#F7F8FA; border-radius: 24px; padding: 20px; }
.center_banner.text .banner_con .bg table th{font-weight: 400; font-size: 14px; line-height: 1.6;
	letter-spacing: -0.6px; color:#707987; padding:4px 5px 4px 0; vertical-align: top;}
.center_banner.text .banner_con .bg table td{font-weight: 500; font-size: 14px; line-height: 1.6;
	letter-spacing: -0.6px; color:#505763; padding: 4px 0; }
.center_banner.text .banner_logo{margin-top:80px; }
.center_banner.text .banner_logo img{width:113px; }