@charset "utf-8";

.tbl_vertical {width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
  letter-spacing: 0;
  border-top: 3px solid #fc8500;
}
.tbl_vertical th {
  text-align: center;
  background: #f2f2f2;
  border: 1px solid #ddd;
  font-weight: 600;
  color: #424242;
  padding: 15px 30px;
}
.tbl_vertical td {
  padding: 15px 30px;
  border-bottom: 1px solid #ddd;
  line-height: 18px;
  color: #333;
  background: #fff;
}
.tbl_vertical td.taC {
  text-align: center;
}
.tbl_vertical td.taR {
  text-align: right;
  padding-right: 14px;
}
.tbl_vertical td.taL {
  text-align: left;
  padding-left: 14px;
}
.tbl_vertical td.blR {
  border-right: 1px solid #ddd;
}

/*검색*/
.sh_box {
  position: relaive;
  width: 70%;
  margin: 0 auto 50px;
  border: 1px solid #ddd;
  height: 50px;
  overflow: hidden;
}
.sh_box input {
  border: 0;
  height: 50px;
  box-sizing: border-box;
}
.sh_box input[type="text"] {
  float: left;
  width: 70%;
  padding-left: 5px;
  color: #828282;
}
.sh_box input[type="submit"] {
  float: right;
  background: #828282;
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
}

@media all and (max-width: 768px) {
  .sh_box {
    position: relaive;
    width: 100%;
  }
}

.txt_minus {
  color: #177cd2 !important;
}
.txt_plus {
  color: #f83838 !important;
}
.ratetxt_15px {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
}

.red_tr_before td {
  background: rgba(247, 182, 173, 0.3);
}
.blue_tr_before td {
  background: rgba(204, 216, 246, 0.3);
}
.green_tr_before td {
  background: rgba(231, 252, 228, 0.3);
}

.red_tr_after td {
  background: rgba(207, 249, 170, 1);
}
.blue_tr_after td {
  background: rgba(204, 216, 246, 1);
}
.green_tr_after td {
  background: rgba(231, 252, 228, 1);
}

.red_tr td {
  background: rgba(247, 182, 173, 0.3);
}
.green_tr td {
  background: rgba(231, 252, 228, 1);
}
.yellow_tr td {
  background: rgba(240, 225, 34, 0.1);
}

.sidebg_green {
  background: #33ff00;
}
.sidebg_blue {
  background: #3333ff;
}
.sidebg_yellow {
  background: #ffff00;
}
.sidebg_orange {
  background: #fc8500;
}
.sidebg_red {
  background: #f83838;
}
.sidebg_black {
  background: black;
}
/*ksb 241105 컬러추가*/
.sidebg_blue2 {
  background: #3182F7;
}
.sidebg_red2 {
  background: #F04452;
}

.num_rank {
  display: inline-block;
  font-family: Tahoma;
  font-size: 10px;
  color: #fff;
  text-align: center;
  width: 9px;
  height: 9px;
  line-height: 9px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.txt_red {
  color: #f83838 !important;
}
.txt_blue {
  color: #3333ff !important;
}
.txt_green {
  color: #32cd32 !important;
}
.txt_yellow {
  color: #ffff00 !important;
}
.txt_gray {
  color: #c0c0c0 !important;
}
/*ghm 200113 컬러추가*/
.txt_orange {
  color: #fc8500 !important;
}
/*ksb 241105 컬러추가*/
.txt_blue2 {
  color: #3182F7 !important;
}
.txt_red2 {
  color: #F04452 !important;
}

/*20220811_최신로그인*/
.container_login {max-width:1200px}
#log_box {position: relative; max-width: 100%; width:100%; margin: 0 auto; font-size: 13px;}

#log_box input[type="text"], #log_box input[type="password"] {background:#fff; height: 55px; line-height: 55px; padding: 0 15px; margin-bottom:10px; border-top:0; border-left:0; border-right:0; border-radius:0 !important; border-bottom:1px solid ddd; font-size:18px; border-sizing: border-box;}
#log_box input[type="text"]:focus , #log_box input[type="password"]:focus {background:#fff}
#log_box input[type="text"]:focus, #log_box input[type="text"]:hover, #log_box input[type="password"]:focus, #log_box input[type="password"]:hover {background:#fff; border-color:#fc8500; border-radius:0 !important;}
#log_box input[type="text"]::placeholder, #log_box input[type="password"]::placeholder {color:#a7a7a7}

.log_inpbox {position: relative; margin-bottom: 10px;}
.brd_ris {border-radius: 4px !important;}
#log_box input:focus {border-radius: 4px !important;}

#log_box .log_btn {margin-top: 30px;}
#log_box .log_btn input {height: 50px; width: 100%; text-align: center; display: block; font-size: 18px; font-weight: 700; border: 1px solid #fc8500; background: #fc8500; color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/*#log_box .log_btn input:hover {
  background: #fc8500;
  color: #fff;
}*/

/* s_20.02.07 igg added kakao login button */
#log_box .log_btn input[type="button"] {margin-top: 5px; height: 50px; width: 100%; text-align: center; display: block; font-size: 18px; font-weight: 700; border: 0px; background: #f7e317; color: #3c1e1e; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#log_box .log_btn input[type="button"]:hover {background: #f7e317; color: #3c1e1e;}
/* e_20.02.07 igg added kakao login button */

#log_box .lj_box {margin-top: 25px; text-align: center;}
#log_box .lj_box li {display: inline-block; margin: 0 30px;}
#log_box .lj_box li a {color: #939393; font-size:16px}

.sns_log {text-align: center; margin-top:30px;}
.sns_log li {display: inline-block; vertical-align:middle; margin: 0 12px; text-align: center; box-sizing: border-box;}

.sns_log li div {margin: 0 auto; width: 40px; height: 40px; line-height: 35px; border-radius: 50%;}
.sns_log li p {margin-top: 10px; color: #242a30;}
.sns_log li img {width: 20px; height: auto;}
.sns_log li a {display: block;}

.sns_log .wicon {display:inline-block}
.sns_log .bicon {display:none}

.sns_log li:nth-child(1) div {background: #fff; border: 1px solid #cacaca;}
.sns_log li:nth-child(2) div {background: #f7e317;}
.sns_log li:nth-child(3) div {background: #1fc800;}
.sns_log li:nth-child(4) div {background: #000;}

.sns_log li:nth-child(1):hover p {color: #4285f4;}
.sns_log li:nth-child(2):hover p {color: #f7e317;} /*#472c1a*/
.sns_log li:nth-child(3):hover p {color: #1fc800;}

/*로그인 체크박스 + 라디오박스*/
#log_box .checkbox .lbl, .radio .lbl {font-size: 13px;}
#log_box .checkbox input + .lbl, .radio input + .lbl {position: relative; display: inline-block; margin: 0; line-height: 22px; min-height: 22px; padding: 0 0 0 28px; font-size:16px;}
#log_box .checkbox input + .lbl:before, .radio input + .lbl:before {height: 22px; width: 22px;}

#log_box .radio input + .lbl:after {width: 9px; height: 9px; top: 8px; left: 7px;}
#log_box .checkbox input + .lbl:after {width: 11px; height: 7px; top: 7px; left: 6px;}


/*20240803 jisoo 추가*/
.sns_log_CheckUl {margin-top:30px; text-align:center; font-family:Pretendard}
.sns_log_CheckUl li {width:280px; padding:8px 20px; background:#fff; border-radius:50px; border:1px solid #F2F5FA; display:inline-block;}
.sns_log_CheckUl li span {display:inline-block; vertical-align:middle}

.sns_log_CheckUl .icon {position:relative; width:34px; height:34px; line-height:30px; border-radius:50%;}
.sns_log_CheckUl .icon img {width:17px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.sns_log_CheckUl .naver_icon img {width:15px}

.sns_log_CheckUl .google_icon {background:#fff; border:1px solid #F2F2F2}
.sns_log_CheckUl .kakao_icon {background:#f7e317;}
.sns_log_CheckUl .naver_icon {background:#1fc800;}
.sns_log_CheckUl .apple_icon {background:#000;}

.sns_log_CheckUl .txt {font-size:14px; color:#212329; margin-left:8px}
.sns_log_CheckUl .txt .eng {margin-top:-5px;}


@media all and (max-width: 768px) {
	#log_box {font-size: 12px;}
	#log_box .log_btn input {font-size: 16px;}
	/*#log_box .log_btn input:hover {color: #fc8500; background: #fff;}*/
	#log_box .log_btn input[type="button"] {font-size: 16px;}

	.lj_box {font-size: 14px;}

	.sns_log li:nth-child(1):hover p, .sns_log li:nth-child(2):hover p, .sns_log li:nth-child(3):hover p {color: #242a30; }

	.sns_log .bicon {display:inline-block}
	.sns_log .wicon {display:none !important}
	.sns_log li:nth-child(4) div {background: #000;}

	#log_box input[type="text"], #log_box input[type="password"] {color:#000;}

	/*20240803 jisoo 추가*/
	.sns_log_CheckUl {margin-top:30px;}
	.sns_log_CheckUl li {width:240px; padding:8px 20px; border-radius:50px;}

	.sns_log_CheckUl .icon {width:30px; height:30px; line-height:26px;}
	.sns_log_CheckUl .icon img {width:12px;}
	.sns_log_CheckUl .naver_icon img {width:10px}

	.sns_log_CheckUl .txt {font-size:12px; margin-left:5px}
}

@media all and (max-width: 480px) {
	.sns_log li {margin:0 8px}
	.sns_log li div {width: 35px; height: 35px; line-height: 33px;}
	.sns_log li img {width: 16px; height: auto;}
	
	#log_box input[type="text"], #log_box input[type="password"] {font-size:16px}
}

@media all and (max-width: 340px) {
	.sns_log li {margin: 0 4px;}
}

/*로그인_new*/
#login_fs {width: 40%; margin: 0 auto;}
#login_fs .log_inp input {height: 50px; padding: 0 15px; color: #777; margin-bottom: 10px; box-sizing: border-box;}
#login_fs .log_btn input {width: 100%; height: 50px;}
#login_fs .btn_submit {font-weight: 700; font-size: 16px;}
#login_fs .join_tlt {position: relative; font-size: 18px; margin-top: 25px; color: #7c7c7c; margin-bottom: 30px;}
#login_fs .join_tlt span {position: relative; background: #fff; padding: 0 10px; display: inline-block;}
#login_fs .join_tlt:after {content: ""; display: block; margin: -10px auto 0; width: 100%; height: 1px; background: #c7c7c7;}
.join_btnbox {overflow: hidden;}
.join_btnbox li {float: left; width: 49%;}
.join_btnbox li:first-child {margin-right: 2%;}
.join_btnbox li a {display: inline-block; width: 100%;}


/*20220729*/
#log_box .control__indicator {top:9px; width:12px; height:12px}
#log_box .control {padding-left:20px;}
#log_box .control--radio .control__indicator:after {top:4px; left:4px; width:4px; height:4px;}
#log_box .control--radio {font-size:16px;}
#log_box .control--radio img {height:14px}

#log_box .log_lBox {float:left; position:relative;}
#log_box .log_lBox .txtBox {position:absolute; top:110px; left:50%; transform: translateX(-50%); font-size:28px; width:94%}
#log_box .log_lBox .txtBox p {font-size:32px; color:#eb8a33; font-weight:700; line-height:1.3em}

#log_box .log_rBox {float:right; width:400px; margin:125px 100px 0 0}
#log_box .languageBox {margin-bottom:20px;}


/*jisoo 20230613*/
#log_box .log_lBox_new {display:inline-block; vertical-align:middle; width:60%; position:relative}
#log_box .log_lBox_new .log_ls img {width:100%;}
#log_box .log_lBox_new .log_ls a {outline:none}
#log_box .log_lBox_new .log_ls .show_pc {display:block;}
#log_box .log_lBox_new .log_ls .show_mob {display:none !important;}

#log_box .log_lBox_new .slick-dots {position:absolute; bottom:20px; left:50%; transform: translateX(-50%)}
#log_box .log_lBox_new .slick-dots li {display:inline-block; margin:0 3px;}
#log_box .log_lBox_new .slick-dots button {width:10px; height:10px; border:2px solid #444; border-radius:50%; text-indent:-999999px}
#log_box .log_lBox_new .slick-dots .slick-active button {background:#444}

#log_box .log_rBox_new {display:inline-block; vertical-align:middle; width:35%; margin:30px 0 0 4%}


@media all and (min-width: 1025px) {
	.content_login_new {padding-top:0}
}

@media all and (max-width: 1220px) {
	#log_box .log_rBox {margin-right:0}
}

@media all and (max-width: 1120px) {
	#log_box .log_lBox .txtBox {top:70px; font-size:24px;}
	#log_box .log_lBox .txtBox p {font-size:28px;}
	#log_box .log_lBox img {height:600px}

	#log_box .log_rBox {margin-top:70px}
}

@media all and (max-width: 1024px) {
	#log_box .log_lBox .txtBox {font-size:20px;}
	#log_box .log_lBox .txtBox p {font-size:24px;}
	#log_box .log_lBox img {height:500px}

	#log_box .log_rBox {margin-top:25px}

	/*jisoo 20230613*/
	#log_box .log_lBox_new {width:50%}

	#log_box .log_lBox_new .slick-dots {bottom:2vw;}
	#log_box .log_lBox_new .slick-dots li {margin:0 0.3vw;}
	#log_box .log_lBox_new .slick-dots button {width:1vw; height:1vw; border-width:0.2vw}

	#log_box .log_rBox_new {width:45%; margin:0 0 0 4%}
}

@media all and (max-width: 900px) {
	#log_box .log_lBox .txtBox {font-size:16px;}
	#log_box .log_lBox .txtBox p {font-size:20px;}
	#log_box .log_lBox img {height:450px}

	#log_box .log_rBox {width:350px; margin-top:0}
}

@media all and (max-width: 800px) {
	#log_box .log_rBox {width:300px; margin-top:0}
}

@media all and (max-width: 768px) {
	.content_login {background:#000 url(/person/img/login_mbg.jpg) no-repeat 50% 0; background-size:100%;  margin-bottom:-50px; padding-bottom:50px;}
	#log_box .log_lBox .img {display:none}
	#log_box .log_lBox, #log_box .log_rBox {float:none; width:100%}
	/* #log_box .control--radio {color:#fff;} 마켓정보*/
	/* #log_box .lj_box li a {color:#fff} 회원가입, 회원정보찾기*/

	/*#log_box .control--radio {color:#fff;}
	#log_box .lj_box li a {color:#fff}
	#log_box .checkbox input + .lbl, .radio input + .lbl {color:#fff;}*/

	#log_box .log_rBox {padding-top:47vw; width:86%; margin:0 auto;}
	#log_box .log_lBox .txtBox {font-size:4.4vw; position:relative; top:inherit; left:inherit; transform:inherit; width:100%}
	#log_box .log_lBox .txtBox p {font-size:4.8vw;}

	/* #log_box .checkbox input + .lbl, .radio input + .lbl {color:#fff;} 로그인상태유지*/

	#log_box .control--radio .control__indicator:after {background:#000}


	/*jisoo 20230613*/
	.content_login_new {margin-top:-6vw; /*margin-bottom:-50px;*/ padding-bottom:50px;}
	.content_login_new .container {width:100%;}
	#log_box .log_lBox_new {display:block; /*width:104%; margin:0 -2%*/ width:100%}

	
	#log_box .log_lBox_new .slick-dots {bottom:1vw;}
	#log_box .log_lBox_new .slick-dots li {margin:0 0.7vw;}
	#log_box .log_lBox_new .slick-dots button {width:2vw; height:2vw; border-width:0.4vw}

	#log_box .log_rBox_new {width:80%; margin:3vw 10% 6vw;}

	#log_box .log_lBox_new .log_ls .show_pc {display:none;}
	#log_box .log_lBox_new .log_ls .show_mob {display:block !important;}
}

@media all and (max-width: 768px) {
	.content_login {width:100%}

	.content_login_new {width:100%}
}

@media all and (max-width: 480px) {
	#log_box .log_lBox .txtBox {font-size:5vw;}
	#log_box .log_lBox .txtBox p {font-size:5.4vw;}

	#log_box .control--radio {font-size:15px}
	#log_box .checkbox input + .lbl, .radio input + .lbl {font-size:14px}

	#log_box .lj_box li a {font-size:14px}

	/*jisoo 20230613*/
	#log_box .log_lBox_new .slick-dots {bottom:1vw;}
	#log_box .log_lBox_new .slick-dots li {margin:0 1.3vw;}
	#log_box .log_lBox_new .slick-dots button {width:3vw; height:3vw; border-width:0.6vw}
}


/*-----------------------------------------------회원가입 약관동의-----------------------------------------------*/
/*20191218_최신 회원가입폼*/
.join_mdbox {position: relative; max-width: 100%; padding:0 4%; height: 100vh; margin: 0 auto; font-size: 13px; overflow-y:auto; }
.join_mdbox_pd0 {padding:0 !important}
.join_mdbox_pd_lr0 {padding-left:0 !important; padding-right:0 !important}
.join_mdbox_cont {padding:0 4%}
.join_mdbox2 {height:auto}

.y_scroll {position:relative; height:100%; overflow-y:auto}
.y_scroll_no {overflow:hidden}
.ht_vh100 {height:100vh !important}

.mdtlt {position:relative; font-size: 24px; color: #252525; text-align: center; font-weight:700;/*border-bottom:1px solid #ddd;*/ padding: 0.75em;}
.back_btn {position: absolute; top: 0.45em; left: 0; /*width: 20%; font-size: 35px;*/ text-align: left;}
.back_btn span {text-indent: -9999px !important; display: none;}

.fm_tlt {font-size: 20px; color: #242a30; font-weight: 700; margin-top: 25px; margin-bottom:10px}
.fm_txt {font-size:16px; color: #616161; margin-top:-8px;}

.inp_ccbox {position: relative; margin-bottom: 10px;}

.join_mdbox input[type="text"], .join_mdbox input[type="password"], .join_mdbox input[type="tel"], .join_mdbox select {padding: 0; height: 50px; line-height: 48px; border-width: 0 0 1px 0;}

.inp_bt_lineBox {display:flex; border-bottom:1px solid #cfcfcf;}
.join_mdbox .inp_bt_lineBox input[type="tel"] {border-bottom:0; width:90%; padding-left:15px;}
.join_mdbox .inp_bt_lineBox select {width:10%; border-bottom:0; border: 0; padding-left: 10px; color: #212329; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/person/img/login_arrow_icon.png) no-repeat 97% 50%; background-size: 6px auto;}

/*240621 ksb 국제번호 API용으로 추가*/
.join_mdbox .inp_bt_lineBox .iti--allow-dropdown {width:6%; border-bottom:0; border: 0; padding-left: 10px; color: #212329; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 6px auto;}
.join_mdbox .inp_bt_lineBox .country_code {align-items: center; display: flex; width:4%; border-bottom:0; border: 0; padding-left: 10px; color: #212329; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 6px auto;}

.txt_desc {color: #c4c4c4; margin-top: 10px;}
.join_md_btn {margin-top: 50px; font-size: 18px; height: 50px; line-height: 48px; background: #fc8500; color: #fff; border: 1px solid #fc8500; vertical-align: middle; text-align: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 20px;}
.join_md_btn:hover {color: #fc8500; background: #fff;}

.inbs_btn {border-bottom: 1px solid #242a30; color: #242a30;}

.join_mg_ok {font-size: 20px; margin-top: 50px; line-height: 1.5em;}
.jn_mgbig i {font-size: 100px; margin-bottom: 30px;}
.jn_mgbig {font-size: 24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}

.fix_md {position: fixed !important; top: 0; left: 0; width: 100%; height: 100vh;}
.fix_md2 {position: fixed !important; top:0; left:50%; transform: translateX(-50%); max-width: 640px; width:100%; height:auto; padding:0 0 70px 0; background:#fff;}

.fix_md_fbg {background:#F2F5FA !important;}
.fix_md_wbg {background:#fff !important;}

/*20240405 jisoo추가*/
.md_bigtlt {font-size:32px; font-weight:700; color:#212329; line-height:1.4em; margin:30px 0 46px}

.md_back {opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-9999}
.md_back.on {opacity:1; z-index:9999; transition:all 0.6s;}
.md_noback {background:none}
.mdBg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:4}
.md_back_cont {z-index:5}


.md_back .account_checkBox .pd_rlwd {padding:0 17px;}
.md_back .account_checkBox .pd_rlwd_line {border-bottom:1px solid #DFDFDF; margin-bottom:42px;}

.md_back .account_checkBox .checkbox, .md_back .account_checkBox .radio {margin:0}

.md_back .account_checkBox .lbl {font-size:16px;}
.md_back .account_checkBox .ch_big .lbl {font-size:18px;}
.md_back .account_checkBox .desc_check {font-size:16px; color:#565656; padding:16px 0 24px;}
.md_back .account_checkBox .lbl a {color:#565656; border-bottom:1px solid}

.md_back .account_checkBox .check_listUl li {margin-bottom:20px;}
.md_back .account_checkBox .check_listUl li:last-child {margin-bottom:0}

.md_back .fix_btnBox {position:absolute; bottom:20px; left:3%; width:94%;}
.md_back .fix_btnBox .md_backBtn {display:block; width:100%; height:48px; line-height:48px; font-size:16px; background:#FAFAFA; color:#D2D2D2; text-align:center; border-radius:8px;}
.md_back .fix_btnBox .md_backBtn.on {background:#FC8500; color:#fff}


/*20250311 add jisoo*/
.trade_pop_arp_tlt {font-size:26px; font-weight:700; margin-bottom:20px; line-height:1.3em; color:#212329}
.trade_pop_arp_tlt02 {margin-bottom:14px;}
.trade_pop_arp_txt {font-size:19px; color:#595959; line-height:1.3em; margin-bottom:25px}
.trade_pop_arp_txtBox {font-size:22px;}

/*20250314 add jisoo*/
.trade_pop_arpUl li {border-bottom:16px solid #F2F5FA; padding:30px 4%; font-size:22px; color:#212329}
.trade_pop_arpUl li:first-child {padding-top:0}


/*20250317 add jisoo*/
.trade_pop_ftBox {position:relative; padding:50px 4% 100px;}
.trade_pop_ftBox .trade_pop_ft_logo img {height:32px;}
.trade_pop_ftBox .trade_pop_ft_txt {font-size:16px; color:#616161}


/*20250327 add jisoo*/
.pop_nextBtn {position:absolute; top:50%; right:0; transform: translateY(-50%); font-size:18px; color:#999; font-weight:400; border-bottom:1px solid #999}


/*20250509 add jisoo*/
.pop_modal .join_mb_h_downBox {position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:100%; background:#F2F5FA; padding:30px 24px; display:flex; align-items:center;}


.pop_modal .join_mb_h_downBox_ios {display:block}

.pop_modal .join_mb_h_downBox .lBox {display:flex; align-items:center; text-align:left;}
.pop_modal .join_mb_h_downBox .lBox .icon img {height:72px;}
.pop_modal .join_mb_h_downBox .lBox .txtBox {color:#212121; margin-left:16px}
.pop_modal .join_mb_h_downBox .lBox .tlt {font-size:24px; font-weight:700; line-height:1.3em;}
.pop_modal .join_mb_h_downBox .lBox .txt {font-size:16px;}

.pop_modal .join_mb_h_downBox .rBox {margin-left:auto}
.pop_modal .join_mb_h_downBox .home_addBtn {font-size:20px; font-weight:500; display:inline-block; line-height:1.3em; padding:10px 16px; border-radius:8px; background:#2D4C68; color:#fff;}

/*ios일때*/
.pop_modal .join_mb_h_downBox_ios .rBox {margin:20px 0 0 0; display:flex; align-items:center; text-align:left;}
.pop_modal .join_mb_h_downBox .home_addBtn_ios .icon img {height:18px; margin-top:-6px}
.pop_modal .join_mb_h_downBox .home_addBtn_ios .txt {font-size:16px; color:#212121; margin-left:7px}


/*20250527 add jisoo 회원가입 완료*/
#register_comp {
  height: calc(var(--vh) * 100) !important;
  min-height: 100dvh !important;
  padding-bottom: 100px !important;
}

/* 회원가입 완료 iOS Safari 대응 */
@supports (-webkit-touch-callout: none) {
  #register_comp {
    height: -webkit-fill-available !important;
    min-height: 100dvh !important;
  }
}


@media all and (max-width: 768px) {
	.ht_vh100 {height:100vh !important}

	.join_mdbox {font-size:2.3vw; width: 100%; height:100vh;}

	.mdtlt {font-size:3.4vw;}
	.back_btn {top: 0.5em; /*font-size: 30px;*/}
	.fm_tlt {font-size: 3vw; margin-top: 3.5vw; margin-bottom:2vw}
	.fm_txt {font-size:2.6vw; margin-top:-0.3vw;}

	.join_md_btn {font-size:2.8vw;}
	.join_md_btn:hover {background: #fc8500; color: #fff;}

	.join_mg_ok {font-size: 3vw; margin-top: 20px;}
	.jn_mgbig i {font-size: 10vw; margin-bottom: 10px;}
	.jn_mgbig {font-size: 2.4vw; margin-bottom: 15px; padding-bottom: 15px;}

		
	.join_mdbox input[type="text"], .join_mdbox input[type="password"], .join_mdbox input[type="tel"], .join_mdbox select {height:8vw; line-height: 6.8vw;}


	/*20240405 jisoo추가*/
	.md_bigtlt {font-size:4.2vw; margin:3vw 0 4.6vw}

	.md_back .account_checkBox .pd_rlwd {padding:0 1.7vw; margin-bottom:4vw}
	.md_back .account_checkBox .pd_rlwd_line {margin-bottom:6.2vw;}

	.md_back .account_checkBox .lbl {font-size:2.6vw;}
	.md_back .account_checkBox .ch_big .lbl {font-size:2.8vw;}
	.md_back .account_checkBox .desc_check {font-size:2.6vw; padding:2.6vw 0 3.4vw;}

	.md_back .account_checkBox .check_listUl li {margin-bottom:3vw;}

	.md_back .fix_btnBox {position:relartive; left:inherit; bottom:inherit;}
	.md_back .fix_btnBox .md_backBtn {height:8.8vw; line-height:8.8vw; font-size:2.6vw; border-radius:1.3vw;}


	.join_mdbox .inp_bt_lineBox input[type="tel"] {width:80%; padding-left:2.5vw;}
	.join_mdbox .inp_bt_lineBox select {width:20%; padding-left:2vw; background-size: 1.1vw auto;}

	/*240621 ksb 국제번호 API용으로 추가*/
	.join_mdbox .inp_bt_lineBox .iti--allow-dropdown {width:12%; padding-left:2vw; background-size: 1.1vw auto;}
	.join_mdbox .inp_bt_lineBox .country_code {width:8%;}


	/*20250311 add jisoo*/
	.trade_pop_arp_tlt {font-size:3.6vw; margin-bottom:3vw;}
	.trade_pop_arp_tlt02 {margin-bottom:2.4vw;}
	.trade_pop_arp_txt {font-size:2.9vw; margin-bottom:3.5vw}
	.trade_pop_arp_txtBox {font-size:3.2vw;}

	
	/*20250314 add jisoo*/
	.trade_pop_arpUl li {border-width:1.6vw; padding:3vw 4%; font-size:3.2vw;}


	/*20250317 add jisoo*/
	.trade_pop_ftBox {padding:5vw 4% 10vw;}
	.trade_pop_ftBox .trade_pop_ft_logo img {height:3.2vw;}
	.trade_pop_ftBox .trade_pop_ft_txt {font-size:1.6vw;}

	/*20250327 add jisoo*/
	.pop_nextBtn {font-size:2.4vw;}


	/*20250509 add jisoo*/
	.pop_modal .join_mb_h_downBox {width:94%; margin-bottom:3vw; padding:3.5vw; display:block; border-radius:3.4vw}

	.pop_modal .join_mb_h_downBox .lBox .icon img {height:11.9vw;}
	.pop_modal .join_mb_h_downBox .lBox .txtBox {margin-left:2.5vw}
	.pop_modal .join_mb_h_downBox .lBox .tlt {font-size:3.4vw;}
	.pop_modal .join_mb_h_downBox .lBox .txt {font-size:2.5vw; margin-top:0.5vw}
	.pop_modal .join_mb_h_downBox .rBox {margin:2.5vw 0 0 0; text-align:right;}

	.pop_modal .join_mb_h_downBox .home_addBtn {font-size:3vw; padding:1.7vw 2.5vw; border-radius:1.7vw;}

	/*ios일때*/
	.pop_modal .join_mb_h_downBox_ios .rBox {margin:3.4vw 0 0 0;}
	.pop_modal .join_mb_h_downBox .home_addBtn_ios .icon img {height:2.9vw; margin-top:-0.6vw}
	.pop_modal .join_mb_h_downBox .home_addBtn_ios .txt {font-size:2.5vw; margin-left:1.2vw}
}

@media all and (max-width: 480px) {
	.ht_vh100 {height:100vh !important}

	.join_mdbox {position: relative; height: 100vh; margin: 0 auto; font-size: 3.3vw;}
	.mdtlt {font-size: 4.4vw; }
	.back_btn {top: 0.28em;}
	.fm_tlt {font-size: 4vw; margin-top:4.5vw; margin-bottom:2.5vw}
	.fm_txt {font-size:3.6vw; margin-top:-1.3vw;}

	.join_mg_ok {font-size: 4vw;}
	.jn_mgbig i {font-size: 11vw;}
	.jn_mgbig {font-size: 3.4vw;}

	.join_mdbox input[type="text"], .join_mdbox input[type="password"], .join_mdbox input[type="tel"], .join_mdbox select {height:11vw; line-height:10.8vw;}


	/*20240405 jisoo추가*/
	.md_bigtlt {font-size:5.2vw; margin:4vw 0 5.6vw}

	.md_back .account_checkBox .pd_rlwd {padding:0 3.7vw; margin-bottom:5vw}
	.md_back .account_checkBox .pd_rlwd_line {margin-bottom:8.2vw;}

	.md_back .account_checkBox .lbl {font-size:3.6vw;}
	.md_back .account_checkBox .ch_big .lbl {font-size:3.8vw;}
	.md_back .account_checkBox .desc_check {font-size:3.6vw; padding:3.6vw 0 4.4vw;}

	.md_back .account_checkBox .check_listUl li {margin-bottom:4vw;}

	.md_back .fix_btnBox .md_backBtn {height:12.8vw; line-height:12.8vw; font-size:3.6vw; border-radius:2vw;}

	.join_mdbox .inp_bt_lineBox input[type="tel"] {width:70%; padding-left:3.5vw;}
	.join_mdbox .inp_bt_lineBox select {width:30%; padding-left:3vw; background-size:1.6vw auto;}

	/*240621 ksb 국제번호 API용으로 추가*/
	.join_mdbox .inp_bt_lineBox .iti--allow-dropdown {width:18%; padding-left:3vw; background-size:1.6vw auto;}
	.join_mdbox .inp_bt_lineBox .country_code {width:12%;}

	/*20250311 add jisoo*/
	.trade_pop_arp_tlt {font-size:4.6vw; margin-bottom:4vw;}
	.trade_pop_arp_tlt02 {margin-bottom:3.4vw;}
	.trade_pop_arp_txt {font-size:3.9vw; margin-bottom:4.5vw}
	.trade_pop_arp_txtBox {font-size:4.2vw;}

	/*20250314 add jisoo*/
	.trade_pop_arpUl li {border-width:2.6vw; padding:4vw 4%; font-size:4.2vw;}

	/*20250317 add jisoo*/
	.trade_pop_ftBox {padding:6vw 4% 11vw;}
	.trade_pop_ftBox .trade_pop_ft_logo img {height:5.3vw;}
	.trade_pop_ftBox .trade_pop_ft_txt {font-size:2.6vw;}

	/*20250327 add jisoo*/
	.pop_nextBtn {font-size:3.4vw;}

	/*20250509 add jisoo*/
	.pop_modal .join_mb_h_downBox {padding:4.5vw; border-radius:4.4vw}

	.pop_modal .join_mb_h_downBox .lBox .icon img {height:13.9vw;}
	.pop_modal .join_mb_h_downBox .lBox .txtBox {margin-left:3.5vw}
	.pop_modal .join_mb_h_downBox .lBox .tlt {font-size:4.4vw;}
	.pop_modal .join_mb_h_downBox .lBox .txt {font-size:3.5vw;}
	.pop_modal .join_mb_h_downBox .rBox {margin-top:3.5vw;}

	.pop_modal .join_mb_h_downBox .home_addBtn {font-size:4vw; padding:2.7vw 3.5vw; border-radius:2.7vw;}

	/*ios일때*/
	.pop_modal .join_mb_h_downBox_ios .rBox {margin:4.4vw 0 0 0;}
	.pop_modal .join_mb_h_downBox .home_addBtn_ios .icon img {height:3.9vw; margin-top:-0.8vw}
	.pop_modal .join_mb_h_downBox .home_addBtn_ios .txt {font-size:3.5vw; margin-left:2.2vw}
}


@media all and (max-height: 900px) {
	.y_scroll {padding-bottom:20vw; overflow-y:auto !important;}
}


@media all and (max-height: 600px) {
	.y_scroll {padding-bottom:30vw; overflow-y:auto !important;}
}


/*20250531 add jisoo*/
.join_mdbox_cont_txt_cl_blk {color:#212329}
.trade_pop_blue_text_dong {background:#F2F5FA; padding:10px 28px 14px; font-size:23px; color:#595959; display:inline-block; border-radius:50px; margin:30px 0 40px}
.trade_pop_blue_text_dong .big {color:#2D4C68; font-weight:700}
.trade_pop_graphBox {width:100%}

.trade_pop_line_tBox {border-top:14px solid #F2F5FA;}


.trade_pop_ny_data_list_ulBox {margin:40px 0 50px}
.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul {border-bottom:1px solid #EDEDED; margin-bottom:25px; padding-bottom:25px;}
.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}
.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul li {display:flex; align-items:center; font-size:23px; line-height:1.3em; margin-bottom:13px}
.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul li:last-child {margin-bottom:0}
.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul .txt {margin-left:auto}

.join_mdbox_cont .cont_pd_tb {padding:30px 0 55px}

.trade_pop_blue_txtBox {background:#F2F5FA; padding:35px 30px; border-radius:14px; font-size:23px; margin-bottom:35px}
.trade_pop_blue_txtBox .tltBox {display:flex; align-items:center; font-weight:700; margin-bottom:18px; line-height:1.3em}
.trade_pop_blue_txtBox .tltBox .txt {margin-left:auto; color:#2D4C68;}
.trade_pop_blue_txtBox .txtBox {line-height:1.3em}

.trade_pop_new_listBox .trade_pop_new_listUlBox {border-bottom:1px solid #EDEDED; margin-bottom:28px; padding-bottom:28px}
.trade_pop_new_listBox .trade_pop_new_listUlBox:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}

.trade_pop_new_listBox .trade_pop_new_listUlBox .tlt {font-size:23px; font-weight:700; margin-bottom:13px; line-height:1.3em}
.trade_pop_new_listBox .trade_pop_new_listUlBox .trade_pop_new_listUl li {font-size:21px; margin-bottom:14px; line-height:1.3em}
.trade_pop_new_listBox .trade_pop_new_listUlBox .trade_pop_new_listUl li:last-child {margin-bottom:0}


.trade_pop_ai_txtBox {margin-top:40px}
.trade_pop_ai_txtBox .tlt {font-size:23px; color:#FC8500; font-weight:700; margin-bottom:14px}
.trade_pop_ai_txtBox .tlt:before {content:""; display:inline-block; vertical-align:middle; width:34px; height:34px; background:url(/person/img/trade_pop_ai_icon.png) no-repeat 0 0; background-size:100% 100%; margin:-3px 10px 0 0}
.trade_pop_ai_txtBox .txt {font-size:23px; line-height:1.3em; letter-spacing:-0.03em;}


.trade_pop_ftBox02 {padding:55px 0 60px}
.trade_pop_ftBox02 .trade_pop_ft_logo img {height:26px}
.trade_pop_ftBox02 .trade_pop_ft_txt {font-size:19px}


@media all and (max-width: 768px) {
	.trade_pop_blue_text_dong {padding:1.4vw 3.8vw 2vw; font-size:3.3vw; border-radius:6vw; margin:4vw 0 5vw}

	.trade_pop_line_tBox {border-top-width:2.4vw;}


	.trade_pop_ny_data_list_ulBox {margin:5vw 0 6vw}
	.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul {margin-bottom:3.5vw; padding-bottom:3.5vw;}
	.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul li {font-size:3.3vw; margin-bottom:2.3vw}

	.join_mdbox_cont .cont_pd_tb {padding:4vw 0 6.5vw}

	.trade_pop_blue_txtBox {padding:4.5vw 4vw; border-radius:2.4vw; font-size:3.3vw; margin-bottom:4.5vw}
	.trade_pop_blue_txtBox .tltBox {margin-bottom:2.8vw;}

	.trade_pop_new_listBox .trade_pop_new_listUlBox {margin-bottom:3.8vw; padding-bottom:3.8vw}

	.trade_pop_new_listBox .trade_pop_new_listUlBox .tlt {font-size:3.3vw; margin-bottom:2.3vw;}
	.trade_pop_new_listBox .trade_pop_new_listUlBox .trade_pop_new_listUl li {font-size:3.1vw; margin-bottom:2.4vw;}


	.trade_pop_ai_txtBox {margin-top:5vw}
	.trade_pop_ai_txtBox .tlt {font-size:3.3vw; margin-bottom:2.4vw}
	.trade_pop_ai_txtBox .tlt:before {width:4.4vw; height:4.4vw; margin:-0.5vw 2vw 0 0}
	.trade_pop_ai_txtBox .txt {font-size:3.3vw;}


	.trade_pop_ftBox02 {padding:6.5vw 0 7vw}
	.trade_pop_ftBox02 .trade_pop_ft_logo img {height:4vw}
	.trade_pop_ftBox02 .trade_pop_ft_txt {font-size:2.9vw}
}

@media all and (max-width: 480px) {
	.trade_pop_blue_text_dong {padding:1.8vw 4.8vw 2.5vw; font-size:4.3vw; border-radius:7vw; margin:5vw 0 6vw}

	.trade_pop_line_tBox {border-top-width:3.4vw;}


	.trade_pop_ny_data_list_ulBox {margin:6vw 0 7vw}
	.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul {margin-bottom:4.5vw; padding-bottom:4.5vw;}
	.trade_pop_ny_data_list_ulBox .trade_pop_ny_data_list_ul li {font-size:4.3vw; margin-bottom:3.3vw}

	.join_mdbox_cont .cont_pd_tb {padding:5vw 0 7.5vw}

	.trade_pop_blue_txtBox {padding:5.5vw 5vw; border-radius:3.4vw; font-size:4.3vw; margin-bottom:5.5vw}
	.trade_pop_blue_txtBox .tltBox {margin-bottom:3.8vw;}

	.trade_pop_new_listBox .trade_pop_new_listUlBox {margin-bottom:4.8vw; padding-bottom:4.8vw}

	.trade_pop_new_listBox .trade_pop_new_listUlBox .tlt {font-size:4.3vw; margin-bottom:3.3vw;}
	.trade_pop_new_listBox .trade_pop_new_listUlBox .trade_pop_new_listUl li {font-size:4.1vw; margin-bottom:3.4vw;}


	.trade_pop_ai_txtBox {margin-top:6vw}
	.trade_pop_ai_txtBox .tlt {font-size:4.3vw; margin-bottom:3.4vw}
	.trade_pop_ai_txtBox .tlt:before {width:5.4vw; height:5.4vw; margin:-0.7vw 3vw 0 0}
	.trade_pop_ai_txtBox .txt {font-size:4.3vw;}


	.trade_pop_ftBox02 {padding:7.5vw 0 8vw}
	.trade_pop_ftBox02 .trade_pop_ft_logo img {height:5.4vw}
	.trade_pop_ftBox02 .trade_pop_ft_txt {font-size:3.9vw}
}






.agree_mbox.agree_mbox_lineno {
  border: 0;
  padding: 0;
  margin: 0 auto;
  padding: 40px 0;
}

.agree_mbox {
  position: relative;
  max-width: 520px;
  margin: 0 auto 40px;
  padding: 58px 69px 50px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  box-sizing: border-box;
}
.agree_tlt {
  font-size: 24px;
  color: #252525;
  margin-bottom: 44px;
}
.agree_mbox .chek_box {
  display: block;
  vertical-align: middle;
  margin-top: 10px;
}
.agree_mbox .chek_box .lbl {
  font-size: 16px;
  height: 40px;
}

.agree_mbox .ch_big {
  margin-top: 0;
  height: auto;
}
.agree_mbox .ch_big .lbl {
  font-size: 20px;
  height: auto;
}
.agree_mbox .desc_check {
  padding: 10px 20px 20px 33px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.6em;
  margin-bottom: 30px;
}
.agree_mbox i {
  font-size: 20px;
  vertical-align: middle;
}

@media all and (max-width: 768px) {
  .agree_mbox {
    max-width: 100%;
    border: 0;
    padding: 0 40px;
  }
  .agree_tlt {
    font-size: 20px;
  }
}

@media all and (max-width: 480px) {
  .agree_mbox {
    max-width: 100%;
    border: 0;
    padding: 0 20px;
  }
  .agree_tlt {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .agree_mbox .chek_box {
    margin-top: 0;
  }
  .agree_mbox .chek_box .lbl {
    font-size: 14px;
    height: 35px;
  }

  .agree_mbox .ch_big {
    height: auto;
  }
  .agree_mbox .ch_big .lbl {
    font-size: 16px;
  }
  .agree_mbox .desc_check {
    padding: 0 20px 15px 30px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 1.6em;
    margin-bottom: 20px;
  }
}

/*회원가입*/
.nj_btlt {
  font-size: 16px;
  margin-bottom: 15px;
}

.register_box textarea {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
  height: 300px;
  border: 1px solid #e9e9e9;
  border-top: 1px solid #343434;
  font-size: 14px;
  line-height: 1.5em;
  box-sizing: border-box;
}

.njoin_ul {
  width: 100%;
  border-top: 1px solid #343434;
  overflow: hidden;
}
.njoin_ul li {
  position: relative;
  padding: 15px;
  font-size: 14px;
  border-bottom: 1px solid #e7e8ea;
  width: 50%;
  float: left;
  overflow: hidden;
}
.njoin_ul .nj_tlt {
  position: relative;
  width: 30%;
  float: left;
  line-height: 45px;
  vertical-align: middle;
}
.njoin_ul .nj_txt {
  position: relative;
  width: 70%;
  float: left;
  vertical-align: middle;
}
.inp_height {
  height: 40px !important;
}
.njoin_ul input,
.njoin_ul select {
  vertical-align: middle;
}

.quantity_box {
  display: inline-block;
  text-align: center;
}
.quantity_box span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
  vertical-align: middle;
}

.wps_100 .nj_tlt {
  width: 14.5%;
}
.wps_100 .nj_txt {
  width: 85.5%;
}

.bl {
  display: inline-block;
}
.bl_sec {
  display: inline-block;
  width: 80%;
}
.bl_sec select {
  width: 40%;
}

/*가입완료*/
.njw_box {
  width: 70%;
  margin: 0 auto;
  border: 1px solid #e9e9e9;
  border-top: 1px solid #343434;
  font-size: 14px;
  padding: 4em 20px;
  line-height: 1.5em;
}
.njw_box p {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 30px;
}

@media all and (max-width: 1200px) {
  #login_fs {
    width: 50%;
  }
}

@media all and (max-width: 800px) {
  #login_fs {
    width: 70%;
  }
  #login_fs .log_inp input,
  #login_fs .log_btn input {
    height: 45px;
  }
  #login_fs .btn_submit {
    font-size: 14px;
  }

  .nj_btlt {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .register_box textarea {
    height: 200px;
    font-size: 12px;
  }

  .njoin_ul li {
    float: none;
    width: 100%;
    font-size: 12px;
  }
  .njoin_ul .nj_tlt,
  .wps_100 .nj_tlt {
    width: 20%;
    line-height: 1.5em;
  }
  .njoin_ul .nj_txt,
  .wps_100 .nj_txt {
    width: 80%;
  }

  .inp_height {
    height: 30px !important;
  }
  .quantity_box span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .bl {
    display: block;
  }
  .bl_sec {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .bl_sec select {
    width: 35%;
  }

  .njw_box {
    width: 84%;
    font-size: 12px;
    padding: 3em 20px;
  }
  .njw_box p {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 480px) {
  #login_fs {
    width: 96%;
  }
  .register_box textarea {
    height: 150px;
  }

  .njoin_ul .nj_tlt {
    width: 30%;
  }
  .njoin_ul .nj_txt {
    width: 70%;
  }

  .njw_box {
    width: 96%;
    padding: 2em 10px;
  }
  .njw_box p {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

/* 로그인
#login_fs {position:relative; width:100%; max-width:500px; padding:30px 0; margin:0 auto; border-top:5px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; overflow:hidden}
#login_fs:after{
	display: block;
    content: "";
    clear: both;}
#login_fs .log_inp {float:left; width:50%; margin-left:10%;}
#login_fs .log_inp input {margin-bottom:10px;padding:0 10px;}
#login_fs .log_btn {float:left; width: 25%; margin-left: 5%;  margin-right: 10%;}
#login_fs .log_btn input {width:100%; height:90px;}
#login_fs .log_search{
	width: 90%;
    float: left;
    margin-left: 10%;} */

/*NEW 포트폴리오*/
.fptxt_box {
  margin-bottom: 10px;
  font-size: 16px;
}
.back_none {
  background: none !important;
}

.fpul {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  font-size: 16px;
}
.fpul li {
  position: relative;
  float: left;
  color: #424242;
  padding: 15px 20px;
  display: flex;
  vertical-align: middle;
  box-sizing: border-box;
  word-break: break-all;
}
.fpul li.num01 {
  width: 35% !important;
}
.fpul li.num02 {
  width: 30% !important;
  /* padding: 5px; */
}
.fpul li.num03 {
  width: 13% !important;
  /* padding: 5px; */
}
.fpul li.num04 {
  width: 22% !important;
  /* padding: 5px; */
}

.fpul_tline {
  border-top: 3px solid #fc8500;
}

.fpul2 {
  /*border-top:3px solid #fc8500;*/
  float: none;
  font-size: 16px;
  width: 100%;
  overflow:hidden
}
.fpul2 li {
  position: relative;
  color: #424242;
  padding: 15px 20px;
  margin-right: -1px;
  display: flex;
  float:left;; width:50%;
  vertical-align: middle;
  box-sizing: border-box;
  word-break: break-all;
  overflow: hidden;
}
.fpul2:nth-child(3n) li {
  margin-right: 0;
}
.fpul2 span {
  float: left;
}
.fpul2 .tlt {
  color: #999;
  width: 38%;
}
.fpul2 .txt {
  float: right;
  width: 61%;
  text-align: right;
}
.fpul2 .txt2 {
  padding: 9px 0;
}

.fpul2 .data {
  font-size: 14px;
  color: #c6c6c6;
  line-height: 1.28em;
}
.fpul2 .pd_none {
  padding: 6px 20px;
}

.fpul li span {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.fpul p {
  display: inline;
  margin: 0;
}

.fpul_tlt {
  border-top: 3px solid #fc8500;
  border-left: 1px solid #ddd;
  background: #f2f2f2;
}
.fpul_tlt li {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.fpul_tlt a {
  text-decoration: underline;
}

.fpul_txt {
  border-left: 1px solid #ddd;
}
.fpul_txt li {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.fp_chartbox .conBox {
  display: none;
}
.fp_chartbox .conBox.active {
  display: block;
}

.ft_chart {
  margin-bottom: 70px;
}
.ft_chart p {
  margin-top: 40px;
  font-size: 14px;
}

.cont_fp_tab {
  margin: 30px 0;
}
.cont_fp_tab .tabs {
  width: 70%;
  margin: 0 auto 30px;
  font-size: 16px;
}
.cont_fp_tab .tabs li {
  width: 12.5%;
  float: left;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(63, 63, 64, 0.2);
}
.cont_fp_tab .tabs li.active {
  color: #3f3f40 !important;
  border-bottom: 2px solid #3f3f40;
}

.cont_fp_tab .tabs2 {
  width: 70%;
  margin: 0 auto 30px;
  font-size: 16px;
}
@media all and (max-width: 350px) {
    .cont_fp_tab .tabs2 {
        width: 70%;
        margin: 0 auto 30px;
        font-size: 12px !important;
      }
}
.cont_fp_tab .tabs2 li {
  width: 12.5%;
  float: left;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(63, 63, 64, 0.2);
}
.cont_fp_tab .tabs2 li.active {
  color: #3f3f40 !important;
  border-bottom: 2px solid #3f3f40;
}

/****************************************1024px****************************************/
@media all and (max-width: 1024px) {
  .fpul2 li {
    padding: 15px 10px;
  }
  .fpul2 .pd_none {
    padding: 6px 10px;
  }

 /* .fpul2 {
    width: 33.333%;
  }*/
  .fpul2:nth-child(4n) li {
    margin-right: -1px;
  }
  .fpul2:nth-child(3n) li {
    margin-right: 0;
  }
}

/****************************************768px****************************************/
@media all and (max-width: 768px) {
  .fpul li {
    padding: 15px;
  }
  .fpul li.num01 {
    width: 35% !important;
	padding: 5px;
  }
  .fpul li.num02 {
    width: 30% !important;
    padding: 5px;
  }
  .fpul li.num03 {
    width: 13% !important;
    padding: 5px;
  }
  .fpul li.num04 {
    width: 22% !important;
    padding: 5px;
  }

  .fptxt_box,
  .fpul,
  .fpul2 {
    font-size: 14px;
  }
  /*.fpul2 {width:50%}
	.fpul2:nth-child(4n) li, .fpul2:nth-child(3n) li{margin-right:-1px}
	.fpul2:nth-child(2n) li{margin-right:0}*/

  .fpul_tlt li span {
    position: relative;
    top: 20%;
  }
  .fpul_tlt li.num04 span {
    top: 0%;
  }
  .fpul_txt li.num02 span,
  .fpul_txt li.num03 span {
    position: relative;
    top: 23%;
  }
  .fpul_txt li.num04 span {
    position: relative;
    top: 16%;
  }

  .fpul p {
    display: block;
  }

  .cont_fp_tab .tabs {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
  }
}

/****************************************680px****************************************/
@media all and (max-width: 600px) {
  .fpul2 {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  .fpul2 li {
    float: left;
    width: 50%;
  }
}

/****************************************480px****************************************/
@media all and (max-width: 480px) {
  .fptxt_box,
  .fpul,
  .fpul2 {
    font-size: 12px;
  }
}

/*이전 포트폴리오*/
.port_ul {
  overflow: hidden;
  margin-bottom: 40px;
}
.port_ul li {
  display: inline-block;
  width: 20%;
  margin-right: -5px;
  height: 50px;
}
.port_ul li:last-child {
  margin-right: 0;
}
.port_ul li input {
  width: 100%;
  height: 100%;
  border: 0;
}
.port_ul li input.active,
.port_ul li input:hover {
  width: 100%;
  height: 100%;
  border: 0;
  background: #fc8500;
  color: #fff;
}

.cht_box {
  position: Relarive;
  background: #f2f2f2;
  border-radius: 50px;
  width: 70%;
  margin: 0 auto 70px;
  padding: 3% 0;
}
.cht_box2 {
  width: 94%;
  margin: 0 auto;
}
/*#chart0, #chart2, #chart3 {margin-left:-40%}*/

#rebalChart {
  overflow: hidden;
}
#rebalChart li {
  float: left;
  width: 50%;
  border: 1px solid #ddd;
  padding: 3% 0;
}
#rebalChart li:last-child {
  float: right;
  border-left: 0;
}

.sub_tlt {
  font-size: 30px;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin-bottom: 30px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.overflow {
  overflow: hidden;
}

/*영상반응형*/
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/****************************************1200px****************************************/
@media all and (max-width: 1200px) {
  #rebalChart li {
    float: none;
    width: 100%;
  }
  #rebalChart li:last-child {
    float: none;
    border-top: 0;
    border-left: 1px solid #ddd;
  }
}

/****************************************768px****************************************/
@media all and (max-width: 768px) {
  .cht_box {
    width: 100%;
  }

  /*.tbl_vertical, .tbl_vertical th {font-size:11px;}*/
  .ratetxt_15px,
  .font16 {
    font-size: 11px !important;
  }

  .tbl_vertical th {
    padding: 15px 5px;
  }
  .tbl_vertical td {
    padding: 15px 5px;
  }
  .tbl_vertical td.taR {
    padding-right: 4px !important;
  }
  .tbl_vertical td.taL {
    padding-left: 4px !important;
  }

  .pp_table img {
    width: 20px;
  }

  .txt_none {
    display: none;
  }

  /* 로그인
#login_fs { width:100%; max-width:100%; padding:30px 10%; overflow:hidden}
#login_fs:after{display: block; content: ""; clear: both;}
#login_fs .log_inp {float:none; width:100%; margin:0}
#login_fs .log_inp input {margin-bottom:10px;padding:0 10px; height:40px;}
#login_fs .log_btn {float:none; width: 100%; margin-left: 0;  margin-right: 0;}
#login_fs .log_btn input {width:100%; height:40px !important; font-size:13px !important; }
#login_fs .log_search{width: 100%;float: left; margin-left: 0;}
#login_fs .log_search a {width:49% !important; height:30px; line-height:20px; font-size:13px !important; display:inline-block; text-align:center;}
#login_fs .log_check {margin-top:8px;}
#login_fs .log_check input {margin-left:0 !important} */
}

/***************************************************사원조직관리***************************************************/
#kboard-default-editor input {
  /* width: auto; */ /* height: auto; */
  box-shadow: none;
}

.sf_chbox {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
  overflow: hidden;
}
.sf_chbox li {
  position: relative;
  float: left;
  width: 33.333%;
  line-height: 2.2em;
  color: #333;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  overflow: hidden;
  borbox-sizing: border-box;
}
.sf_chbox li:nth-child(3n),
.sf_chbox li:nth-child(5) {
  border-right: 1px solid #ddd;
}
.sf_chbox li:nth-child(5) {
  width: 66.65%;
}
.sf_chbox .tlt {
  width: 40%;
  float: left;
  padding: 15px;
  background: #f8f8f8;
  height: 100%;
}
.sf_chbox .txt {
  width: 60%;
  float: left;
  padding: 15px;
}

.sf_chbox li:nth-child(5) .tlt {
  width: 20%;
}
.sf_chbox li:nth-child(5) .txt {
  width: 80%;
}

@media all and (max-width: 1200px) {
  .sf_chbox .tlt,
  .sf_chbox .txt {
    width: 50%;
  }

  .sf_chbox li:nth-child(5) .tlt {
    width: 24.8%;
  }
  .sf_chbox li:nth-child(5) .txt {
    width: 75.2%;
  }
}

@media all and (max-width: 1000px) {
  .sf_chbox li {
    width: 50%;
  }

  .sf_chbox li:nth-child(3n) {
    border-right: 0;
  }
  .sf_chbox li:nth-child(2n) {
    border-right: 1px solid #ddd;
  }

  .sf_chbox li:nth-child(5) {
    width: 100%;
  }
  .sf_chbox li:nth-child(5) .tlt {
    width: 24.8%;
  }
  .sf_chbox li:nth-child(5) .txt {
    width: 75.2%;
  }
}

@media all and (max-width: 600px) {
  .sf_chbox li {
    line-height: 1.5em;
  }

  .sf_chbox .tlt,
  .sf_chbox .txt {
    padding: 5px;
  }
  .sf_chbox .tlt {
    width: 40%;
  }
  .sf_chbox .txt {
    width: 60%;
  }
  .sf_chbox .tlt span,
  .sf_chbox .txt span {
    display: block;
  }

  .sf_chbox li:nth-child(5) .tlt {
    width: 20%;
  }
  .sf_chbox li:nth-child(5) .txt {
    width: 80%;
  }
}

.tb_head {
  border-top: 3px solid #e60618;
  margin-bottom: 0;
  background: #f2f2f2;
}
.tb_head,
.tb_body ul {
  color: #333;
  overflow: hidden;
}
.tb_body ul {
  margin-bottom: 0;
  margin-top: -1px;
}
.tb_head li,
.tb_body li {
  position: relative;
  float: left;
  min-height: 50px;
  padding: 15px;
  width: 12.5%;
  border: 1px solid #ddd;
  border-right: 0;
  borbox-sizing: border-box;
}

.tb_head li:last-child,
.tb_body li:last-child {
  border-right: 1px solid #ddd;
}
.tb_body ul:nth-child(2n) li {
  background: #fffafa;
}

.tb_head li a,
.tb_body li a {
  color: #333;
}
.tb_head li a:hover,
.tb_body li a:hover {
  color: #e60618;
}

@media all and (max-width: 1000px) {
  .tb_head li,
  .tb_body li {
    width: 25%;
  }
  .tb_head li:nth-child(n + 5),
  .tb_body li:nth-child(n + 5) {
    margin-top: -1px;
  }
  .tb_head li:nth-child(4n),
  .tb_body li:nth-child(4n) {
    border-right: 1px solid #ddd;
  }
}

@media all and (max-width: 600px) {
  .tb_head li,
  .tb_body li {
    padding: 10px 3px;
  }
  .tb_head li {
    min-height: 40px;
  }
}

/*팝업*/
.pop_modal {
  display: none;
}
.yog_box {
  position: relative;
  width: 330px;
  height: 220px;
  margin: 40px auto 0;
  padding: 25px 15px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 50px;
  borbox-sizing: border-box;
}
.yog_box .tlt {
  font-size: 19px;
  font-weight: 700;
  color: #000;
}
.yog_box ul {
  margin-top: 15px;
  overflow: hidden;
}
.yog_box ul li {
  display: inline-block;
  vertical-align: middle;
}
.yog_box ul button {
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #ccc;
}
.yog_box ul .bt_up {
  margin-left: -4px;
}
.yog_box ul .bt_down {
  margin-right: -5px;
}
.yog_box ul .bt_up:after {
  content: "\f067";
  display: inline-block;
  font-family: "FontAwesome";
}
.yog_box ul .bt_down:after {
  content: "\f068";
  display: inline-block;
  font-family: "FontAwesome";
}
.yog_box ul input[type="text"] {
  padding: 0 5px;
  width: 100px;
}
.yog_box p {
  margin-top: 15px;
  font-size: 15px;
}
.yog_box .yog_ok {
  width: 100px;
  height: 35px;
  border: 0;
  margin-top: 5px;
  background: #fc8500;
  color: #fff;
}
.yog_close {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 30px;
}

/*인트로 영역*/
#Modal1 {
  margin: 0.5% auto !important;
}
.pop_introbox {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background: #f2f2f2;
  padding: 20px 20px 0;
  font-family: "NanumSquare", sans-serif;
  transform: skew(0.03deg);
  box-sizing: border-box;
}
.pop_introbox2 {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.slick_slider {
  width: inherit;
  height: inherit;
}
.slick_slider a {
  width: inherit;
  height: inherit;
} /*반응형 구현시 작아질때 동일하게 작아져야 하므로*/
.slick_slider img {
  width: inherit;
  height: inherit;
} /*반응형 구현시 작아질때 동일하게 작아져야 하므로*/

.intro_slider {
  position: relative;
  display: block;
}
.intro_slider .item {
  position: relative;
  display: block;
  color: #fff;
}

.itr_logo {
  width: 100px;
}
.itr_tltbox {
  position: relative;
  margin: 40px 0 10px;
  font-size: 14px;
  transform: skew(0.03deg);
  line-height: 1.7em;
}
.itr_tltbox p {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 5px;
}
.itr_tltbox p span {
  position: relative;
  display: inline-block;
}
.itr_tltbox p span:before {
  content: "";
  display: none;
  width: 7px;
  height: 7px;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 50%;
}

.itr_img {
  margin: 0 auto;
  width: 100%;
}

.intro_slider .item .itr_img {
  margin: 40px auto 0;
}
.intro_slider .item .itr_tltbox {
  margin: 60px 0 10px;
}

/* 20.01.21 igg edited original
.intro_slider .item:nth-child(1) .itr_img {margin:40px auto 0}
.intro_slider .item:nth-child(1) .itr_tltbox {margin:60px 0 10px;}

.intro_slider .item:nth-child(3) .itr_img {margin:60px auto 0}
.intro_slider .item:nth-child(3) .itr_tltbox {margin:60px 0 10px;}
*/
.itr_btn {
  overflow: hidden;
}
.itr_btn li {
  float: left;
  width: 49%;
}
.itr_btn li:last-child {
  float: right;
  width: 49%;
}
.itr_btn li a {
  display: block;
  background: #fff;
  color: #e60618;
  font-size: 13px;
  font-weight: 700;
  line-height: 40px;
  border-radius: 50px;
  transform: skew(0.03deg);
}

.intro_slider .slick-dots {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
.intro_slider .slick-dots li {
  display: inline-block;
  margin: 0 7px;
}
.intro_slider .slick-dots li button {
  display: block;
  text-indent: -9999px;
  border: 0;
  background: #e1e1e1;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.intro_slider .slick-dots li.slick-active button {
  background: #fc8500;
}

.intro_slider .slick-arrow {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 40px;
  margin-top: -20px;
  text-indent: -9999px;
  border: none;
  z-index: 40;
}
.intro_slider .slick-prev {
  left: -60px;
  background: url("/person/img/intro/itr_prev.png") no-repeat center;
  background-size: 20px 40px;
}
.intro_slider .slick-next {
  right: -60px;
  background: url("/person/img/intro/itr_next.png") no-repeat center;
  background-size: 20px 40px;
}
@media all and (max-width: 768px) {
  .intro_slider .slick-prev {
    left: -3px;
    background: url("/person/img/intro/itr_prev.png") no-repeat center;
    background-size: 10px 20px;
  }
  .intro_slider .slick-next {
    right: -6px;
    background: url("/person/img/intro/itr_next.png") no-repeat center;
    background-size: 10px 20px;
  }
}
.intro_close {
  position: absolute;
  top: 20px;
  right: 22px;
  display:inine-block;
  cursor: pointer;
  text-align:right; font-size:20px; border-bottom:1px solid;
}

#Modal3 {
  width: 100%;
  display: block;
  display: none;
  background: #fff;
}
.bsc_box {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  borbox-sizing: border-box;
}
.bsc_box .bsc_box2 {
  position: relative;
  width: 96%;
  height: 100%;
  padding: 30px 0;
  margin: 0 auto;
  borbox-sizing: border-box;
}
.bsc_box .tlt {
  font-size: 25px;
  font-weight: 700;
  color: #000;
  margin-bottom: 50px;
}
.sf_close {
  position: absolute;
  top: 17px;
  left:0;
  right: 1%;
  /*font-size: 30px;*/
cursor:pointer
}

.sf_close02 {left:4%}

.sf_close_img img {height:28px;}
.sf_close_img02 img {height:32px;}

#bsc_cont {
  position: relative;
  overflow: hidden;.sf_close02
}
.bs_box {
  float: left;
  width: 49%;
  height: 80vh;
  border: 1px solid #898989;
  background: #fff;
  padding: 20px;
  borbox-sizing: border-box;
}
.bsc_sh {
  overflow: hidden;
}
.bsc_sh input[type="text"] {
  padding: 0 5px;
  width: 74%;
}
.bsc_sh button {
  width: 12%;
  height: 30px;
  background: #4f4f4f;
  color: #fff;
  border: 0;
  margin-left: -1px;
  vertical-align: top;
}
.bs_box li {
  padding-bottom: 7px;
  margin-left: 10px;
}
.bs_box li:before {
  content: "-";
  display: inline-block;
  margin-left: -10px;
  padding-right: 7px;
}
.bs_box li:first-child {
  font-weight: 700;
}

.gy_box {
  float: right;
  width: 49%;
  height: 80vh;
  border: 1px solid #898989;
  background: #fff;
  padding: 20px;
  borbox-sizing: border-box;
}
.gy_box ul {
}
.gy_box li {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.gy_box li .txt {
  float: left;
  width: 15%;
  padding-top: 5px;
}
.gy_box li .input_txt {
  float: left;
  width: 85%;
}
.gy_box li .input_txt input {
  padding: 0 5px;
}
.gy_box button {
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #ccc;
}

.bsc_box .bsc_ok {
  width: 100px;
  height: 35px;
  border: 0;
  margin-top: 5px;
  background: #e60618;
  color: #fff;
}

.bsc_cont_tlt {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  margin-bottom: 15px;
}
.piv_scroll_box {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #ccc;
  height: 87%;
  overflow: hidden;
  overflow-y: scroll;
}
.piv_scroll_box.piv_scroll_box2 {
  height: 93%;
  border: 0;
  margin-top: 0px;
}

@media all and (max-width: 1200px) {
  .bsc_sh input[type="text"] {
    width: 60%;
  }
  .bsc_sh button {
    width: 19%;
  }
}

@media all and (max-width: 768px) {
  .bsc_box .tlt {
    font-size: 20px;
    margin-bottom: 25px;
  }

  .bs_box,
  .gy_box {
    padding: 15px 10px;
    height: 70vh;
  }
  .bsc_sh input[type="text"] {
    width: 100%;
  }
  .bsc_sh button {
    width: 49%;
    margin-left: 0;
    margin-top: 5px;
  }
  .bsc_sh .bsc_bj {
    float: left;
  }
  .bsc_sh .bsc_ce {
    float: right;
  }

  .piv_scroll_box {
    height: 74%;
  }
  .piv_scroll_box.piv_scroll_box2 {
    height: 90%;
  }
  .sf_close {
    top:2.7vw;
    right: 1%;
  }

  .sf_close02 {
    top: 2vw;
  }
  .yog_close {
    font-size: 25px;
  }
  .bsc_cont_tlt {
    font-size: 14px;
  }

  /* 인트로 영역 */
  .pop_introbox {
    width: 100%;
    height: 100vh;
    padding: 10px 15px 0;
  }
  .pop_introbox2 {
    width: 98%;
  }

  .itr_tltbox {
    margin: 25px 0 10px;
    font-size: 12px;
    line-height: 1.4em;
  }
  .itr_tltbox p {
    font-size: 18px;
  }

  .itr_img {
    width: 100%;
  }

  .itr_log {
    width: 80px;
  }
  .intro_close {top: 15px; font-size:3vw}

  .intro_slider .slick-dots li button {
    width: 15px;
    height: 15px;
  }
  .intro_slider .slick-arrow {
    display: none;
  }

  .itr_btn li a {
    line-height: 16px;
    padding: 7px 0 5px;
  }
  .itr_btn li a span {
    display: block;
  }
  
  .intro_slider .item:nth-child(1) .itr_img {
    margin: 40px auto 0;
  }
  .intro_slider .item:nth-child(1) .itr_tltbox {
    margin: 50px 0 10px;
  }

  .intro_slider .item:nth-child(3) .itr_img {
    margin: 40px auto 0;
  }
  .intro_slider .item:nth-child(3) .itr_tltbox {
    margin: 50px 0 10px;
  }




  .intro_slider .slick-dots {
    bottom: -40px;
  }

  .intro_slider .slick-dots li.slick-active button {
    background: #fc8500;
  }

  .yog_close {
    font-size: 25px;
  }
}

@media all and (max-width: 660px) {
  /*.bs_box, .gy_box {float:none; width:100%;}*/

  .bsc_box .bsc_box2 {
    width: 98%;
  }

  .yog_box {
    height: 175px;
    padding: 15px 10px;
  }
  .yog_box .tlt {
    font-size: 16px;
  }
  .yog_box p {
    font-size: 14px;
    margin-top: 8px;
  }
  .yog_box ul {
    margin-top: 10px;
  }
  .yog_box ul button {
    width: 40px;
  }
  .gy_box button {
    width: 40px;
  }

  .gy_box li {
    margin-bottom: 5px;
  }
  .gy_box li .txt {
    line-height: 2em;
  }
  .gy_box li .txt,
  .gy_box li .input_txt {
    float: none;
    width: 100%;
  }

  .piv_scroll_box {
    padding: 10px 7px;
  }

	.intro_close {top: 15px; font-size:4vw}
	.sf_close_img img {height:3.8vw;}
}

@media all and (max-width: 480px) {
	.sf_close {top:3.7vw}
	.sf_close_img img {height:4.8vw;}

	.sf_close02 {top:3vw;}
}



/*------------------------------------------------------------------추천인 페이지 (20221118_jisoo)------------------------------------------------------------------*/
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.font12 {font-size:12px !important}
.font13 {font-size:13px !important}
.font14 {font-size:14px !important}
.font15 {font-size:15px !important}
.font16 {font-size:16px !important}
.font17 {font-size:17px !important}
.font18 {font-size:18px !important}
.font19 {font-size:19px !important}
.font20 {font-size:20px !important}
.font21 {font-size:21px !important}
.font22 {font-size:22px !important}
.font23 {font-size:23px !important}
.font24 {font-size:24px !important}
.font25 {font-size:25px !important}
.font26 {font-size:26px !important}
.font27 {font-size:27px !important}
.font28 {font-size:28px !important}
.font29 {font-size:29px !important}
.font30 {font-size:30px !important}
.font31 {font-size:31px !important}
.font32 {font-size:32px !important}
.font32 {font-size:33px !important}
.font34 {font-size:34px !important}
.font35 {font-size:35px !important}
.font36 {font-size:36px !important}
.font37 {font-size:37px !important}
.font38 {font-size:38px !important}
.font39 {font-size:39px !important}
.font40 {font-size:40px !important}
.font41 {font-size:41px !important}
.font42 {font-size:42px !important}
.font43 {font-size:43px !important}
.font44 {font-size:44px !important}
.font45 {font-size:45px !important}

@media all and (max-width:768px) {
	.font12 {font-size:1.2vw !important}
	.font13 {font-size:1.3vw !important}
	.font14 {font-size:1.4vw !important}
	.font15 {font-size:1.5vw !important}
	.font16 {font-size:1.6vw !important}
	.font17 {font-size:1.7vw !important}
	.font18 {font-size:1.8vw !important}
	.font19 {font-size:1.9vw !important}
	.font20 {font-size:2vw !important}
	.font21 {font-size:2.1vw !important}
	.font22 {font-size:2.2vw !important}
	.font23 {font-size:2.3vw !important}
	.font24 {font-size:2.4vw !important}
	.font25 {font-size:2.5vw !important}
	.font26 {font-size:2.6vw !important}
	.font27 {font-size:2.7vw !important}
	.font28 {font-size:2.8vw !important}
	.font29 {font-size:2.9vw !important}
	.font30 {font-size:3vw !important}
	.font31 {font-size:3.1vw !important}
	.font32 {font-size:3.2vw !important}
	.font32 {font-size:3.3vw !important}
	.font34 {font-size:3.4vw !important}
	.font35 {font-size:3.5vw !important}
	.font36 {font-size:3.6vw !important}
	.font37 {font-size:3.7vw !important}
	.font38 {font-size:3.8vw !important}
	.font39 {font-size:3.9vw !important}
	.font40 {font-size:4vw !important}
	.font41 {font-size:4.1vw !important}
	.font42 {font-size:4.2vw !important}
	.font43 {font-size:4.3vw !important}
	.font44 {font-size:4.4vw !important}
	.font45 {font-size:4.5vw !important}
}

@media all and (max-width:480px) {
	.font12 {font-size:2.2vw !important}
	.font13 {font-size:2.3vw !important}
	.font14 {font-size:2.4vw !important}
	.font15 {font-size:2.5vw !important}
	.font16 {font-size:2.6vw !important}
	.font17 {font-size:2.7vw !important}
	.font18 {font-size:2.8vw !important}
	.font19 {font-size:2.9vw !important}
	.font20 {font-size:3vw !important}
	.font21 {font-size:3.1vw !important}
	.font22 {font-size:3.2vw !important}
	.font23 {font-size:3.3vw !important}
	.font24 {font-size:3.4vw !important}
	.font25 {font-size:3.5vw !important}
	.font26 {font-size:3.6vw !important}
	.font27 {font-size:3.7vw !important}
	.font28 {font-size:3.8vw !important}
	.font29 {font-size:3.9vw !important}
	.font30 {font-size:4vw !important}
	.font31 {font-size:4.1vw !important}
	.font32 {font-size:4.2vw !important}
	.font32 {font-size:4.3vw !important}
	.font34 {font-size:4.4vw !important}
	.font35 {font-size:4.5vw !important}
	.font36 {font-size:4.6vw !important}
	.font37 {font-size:4.7vw !important}
	.font38 {font-size:4.8vw !important}
	.font39 {font-size:4.9vw !important}
	.font40 {font-size:5vw !important}
	.font41 {font-size:5.1vw !important}
	.font42 {font-size:5.2vw !important}
	.font43 {font-size:5.3vw !important}
	.font44 {font-size:5.4vw !important}
	.font45 {font-size:5.5vw !important}
}

.wd_1 li{width:100%}
.wd_2 li{width:50%}
.wd_3 li{width:33.333%}
.wd_4 li{width:25%}
.wd_5 li{width:20%}
.wd_6 li{width:16.666%}
.wd_7 li{width:14.222%}
.wd_8 li{width:12.5%}
.wd_9 li{width:11.111%}
.wd_10 li{width:10%}

#bf_content .container {max-width:760px}

/*안내*/
.bfBox .bf_tabs {position:relative; margin-top:20px; overflow:hidden}
.bfBox .bf_tabs li {float:left; height:50px; line-height:50px; border:1px solid #fc8500; color:#fc8500 !important; font-size:16px;}
.bfBox .bf_tabs .active {background:#fc8500; color:#fff !important}

.bfBox .tab_content {padding:0}

.bfBox .bftop_tltBox {margin-bottom:50px;}
.bfBox .bftop_tltBox .box_txt {font-size:14px; background:#fc8500; color:#fff; border-radius:5px; padding:5px 10px; display:inline-block; margin-bottom:10px;}
.bfBox .bftop_tltBox .tlt {font-size:28px; font-weight:900; color:#fc8500; margin-bottom:10px; line-height:1.3em}
.bfBox .bftop_tltBox .txt {font-size:15px; color:#ababab}

.bfBox .bt_urlBox_ul li {display:inline-block; margin:0 15px}
.bfBox .bt_urlBox_ul img {height:140px}

.bfBox .urlBox {position:relative; margin-top:50px;border:1px solid #cfcfcf; height:55px; line-height:55px; padding:0 30px;}
.bfBox .urlBox .txtBox {font-size:14px; color:#ababab}
.bfBox .urlBox .txtBox .txt {margin-right:15px;}2022-11-21
.bfBox .urlBox .txtBox .url {font-size:17px;}
.bfBox .urlBox .url_btn, .bfBox .urlBox .url_btn a {border:0; background:none; position:absolute; top:0; right:30px; color:#ababab}

.bfBox .kakao_btnBox {margin-top:10px;}
.bfBox .kakao_btnBox a {display:block; background:#fff200; height:55px; line-height:55px; padding:0 30px; font-size:17px; color:#3a2020}
.bfBox .kakao_btnBox .icon {margin-right:5px}
.bfBox .kakao_btnBox .icon img {height:28px;}


@media all and (max-width: 768px) {
	.bfBox .bf_tabs {margin-top:3vw;}
	.bfBox .bf_tabs li {height:7vw; line-height:7vw; font-size:2.6vw;}

	.bfBox .bftop_tltBox {margin-bottom:6vw;}
	.bfBox .bftop_tltBox .box_txt {font-size:2.4vw; border-radius:0.6vw; padding:0.6vw 2vw; margin-bottom:2vw;}
	.bfBox .bftop_tltBox .tlt {font-size:3.8vw; margin-bottom:2vw;}
	.bfBox .bftop_tltBox .txt {font-size:2.5vw;}

	.bfBox .bt_urlBox_ul li {margin:0 2.5vw}
	.bfBox .bt_urlBox_ul img {height:15vw}

	.bfBox .urlBox {margin-top:6vw; height:7.5vw; line-height:7.5vw; padding:0 4vw;}
	.bfBox .urlBox .txtBox {font-size:2.4vw}
	.bfBox .urlBox .txtBox .txt {margin-right:2.5vw;}
	.bfBox .urlBox .txtBox .url {font-size:2.7vw;}
	.bfBox .urlBox .url_btn {right:3vw}

	.bfBox .kakao_btnBox {margin-top:1vw;}
	.bfBox .kakao_btnBox a {height:7.5vw; line-height:7.5vw; padding:0 4vw; font-size:2.7vw;}
	.bfBox .kakao_btnBox .icon {margin-right:0.5vw}
	.bfBox .kakao_btnBox .icon img {height:3.8vw;}
}

@media all and (max-width: 480px) {
	.bfBox .bf_tabs {margin-top:4vw;}
	.bfBox .bf_tabs li {height:9vw; line-height:9vw; font-size:3.6vw;}

	.bfBox .bftop_tltBox {margin-bottom:7vw;}
	.bfBox .bftop_tltBox .box_txt {font-size:3.4vw; border-radius:0.7vw; padding:0.7vw 3vw; margin-bottom:3vw;}
	.bfBox .bftop_tltBox .tlt {font-size:4.8vw; margin-bottom:3vw;}
	.bfBox .bftop_tltBox .txt {font-size:3.5vw;}

	.bfBox .bt_urlBox_ul li {margin:0 3.5vw}
	.bfBox .bt_urlBox_ul img {height:16vw}

	.bfBox .urlBox {margin-top:7vw; height:9.5vw; line-height:9.5vw; padding:0 3vw;}
	.bfBox .urlBox .txtBox {font-size:3.4vw}
	.bfBox .urlBox .txtBox .txt {margin-right:2vw;}
	.bfBox .urlBox .txtBox .url {font-size:3.7vw;}
	.bfBox .urlBox .url_btn {right:3vw}

	.bfBox .kakao_btnBox {margin-top:2vw;}
	.bfBox .kakao_btnBox a {height:9.5vw; line-height:9.5vw; padding:0 4vw; font-size:3.7vw;}
	.bfBox .kakao_btnBox .icon {margin-right:0.6vw}
	.bfBox .kakao_btnBox .icon img {height:4.8vw;}
}



.bfBox .bf_sec01 {background:rgba(0,0,0,0.02); color:#212121; padding:55px 6%; /*font-family: 'GmarketSansMedium';*/}
.bfBox .bf_sec02 {background:rgba(0,0,0,0.02); color:#212121; padding:55px 6%; /*font-family: 'GmarketSansMedium';*/}
.bfBox .bf_sec03 {background:#fff}
.bfBox .bf_cont {width:100%; margin:0 auto;}
.bfBox .bf_cont .tltBox {font-size:28px; padding:3px 20px; margin-bottom:40px; background:#fb8501; color:#fff; font-weight:700 /*font-family: 'GmarketSansBold'*/;}

.bfBox .phoneBox {position:relaive; overflow:hidden}

.bfBox .bf_sec01 .phoneBox .imgBox {}
.bfBox .bf_sec02 .phoneBox .imgBox {}

.bfBox .phoneBox .imgBox {/*width:70%; margin:0 auto; text-align:center;*/ text-align:center; width:100%;}
.bfBox .phoneBox .imgBox img {display:inline-block; vertical-align:top; width:100%}

.bfBox .cl {color:#fb8501}

.bfBox .phone_list {width:46%; text-align:center; display:inline-block; vertical-align:top; margin-right:1.5vw; margin-bottom:50px;}
.bfBox .phone_list:nth-child(2n) {margin-right:0}

.bfBox .bf_sec01 .phoneBox .txtBox {margin-top:30px;}
.bfBox .bf_sec01 .phoneBox .txtBox2 {float:none !important;}
.bfBox .bf_sec02 .phoneBox .txtBox {}

.bfBox .bf_sec02 .phoneBox .txtBox {width:100%;}

.bfBox .phoneBox .txtBox2 {width:100%;}
.bfBox .phoneBox .txtBox .tlt {font-size:18px; border-bottom:2px solid; display:inline-block; margin-bottom:25px; font-weight:700; /*font-family: 'GmarketSansBold';*/}
.bfBox .phoneBox .txtBox .tlt i {font-weight:900; font-size:23px}
.bfBox .phoneBox .txtBox .numUl {font-size:15px; color:#000}
.bfBox .phoneBox .txtBox .numUl > li {position:relative; margin-bottom:7px; }
.bfBox .phoneBox .txtBox .numUl2 > li {position:relative; margin-bottom:12px;}

.bfBox .phoneBox .txtBox .numUl .num {position:absolute; top:0; left:0; display:inline-block; text-align:center; width:25px; height:25px; line-height:25px; font-size:12px; margin-right:5px ;border-radius:50%; background:#fb8501; color:#fff;}
.bfBox .phoneBox .txtBox .numUl .num2 {position:relative; top:inherit; left:inherit; width:auto; border-radius:30px; padding:0 15px; margin-bottom:5px;}

.bfBox .phoneBox .txtBox .numUl .txt {padding-left:40px; display:block; text-align:left;/*font-family: 'GmarketSansMedium';*/}
.bfBox .phoneBox .txtBox .numUl .txt.txt2 {padding-left:0}
.bfBox .phoneBox .txtBox .numUl2 .txt {padding-left:0 !important}
.bfBox .phoneBox .txtBox .numUl .big {font-weight:900; font-size:16px;}
.bfBox .phoneBox .txtBox .numUl .big2 {font-weight:900; font-size:18px;}

.bfBox .phoneBox .txtBox .numUl .txt_stlt, .bfBox .phoneBox .txtBox .numUl .txt_stxt {display:inline-block; vertical-align:top;}
.bfBox .phoneBox .txtBox .numUl .txt_stxt {width:80%;}

.bfBox .phoneBox .txtBox2Ul {margin:10px 0 20px 35px}
.bfBox .phoneBox .txtBox2Ul li {position:relative; font-size:13px; margin-bottom:5px; margin-left:10px;}
.bfBox .phoneBox .txtBox2Ul li:before {content:""; display:inline-block; vertical-align:middle; width:5px; height:1px; background:#3c1e1e; margin-left:-10px; margin-right:5px;}


.bfBox .phone_list2 {width:100%; margin-right:0}
.bfBox .phone_list2 .imgBox, .bfBox .phone_list2 .txtBox {display:inline-block; vertical-align:middle; width:46%; margin-right:1.5vw; text-align:left}
.bfBox .phone_list2 .txtBox {margin-right:0}

.bfBox .small_txt {font-size:15px; margin-top:20px;}
.bfBox .small_txt2 {font-size:22px; margin:-20px 0 40px}

.bfBox .phoneBox.top_line {margin-top:50px; padding-top:50px;  border-top:1px dashed #212121}

.bfBox .bf_logoBox {margin-top:30px}
.bfBox .bf_logoBox .bf_logo img {height:55px;}
.bfBox .bf_logoBox .txt {font-size:13px; margin-top:5px;}

@media all and (max-width: 768px) {
	.bfBox .phone_list {width:100%; margin-right:0}
	.bfBox .phone_list:last-child {margin-top:6vw}

	.bfBox .bf_sec01 {padding:6.5vw 6%;}
	.bfBox .bf_sec02 {padding:6.5vw 6%;}
	.bfBox .bf_cont .tltBox {font-size:3.8vw; padding:0.4vw 3vw; margin-bottom:5vw;}


	.bfBox .bf_sec01 .phoneBox .imgBox, .bfBox .bf_sec02 .phoneBox .imgBox {float:none;}
	.bfBox .phoneBox .imgBox {width:80%; margin:0 auto 5vw}
	.bfBox .bf_sec01 .phoneBox .txtBox, .bfBox .bf_sec02 .phoneBox .txtBox {float:none;}

	.bfBox .phoneBox .txtBox {width:100%;}

	.bfBox .phoneBox .txtBox .tlt {font-size:2.8vw; margin-bottom:3.5vw;}
	.bfBox .phoneBox .txtBox .tlt i {font-size:3.3vw}
	.bfBox .phoneBox .txtBox .numUl {font-size:2.5vw}
	.bfBox .phoneBox .txtBox .numUl > li {margin-bottom:2.2vw; }
	.bfBox .phoneBox .txtBox .numUl2 > li {margin-bottom:2.2vw;}

	.bfBox .phoneBox .txtBox .numUl .txt {padding-left:6vw}

	.bfBox .phoneBox .txtBox .numUl .num {width:4.5vw; height:4.5vw; line-height:4.5vw; font-size:2.2vw; margin-right:0.6vw ;border-radius:50%;}
	.bfBox .phoneBox .txtBox .numUl .num2 {width:auto; height:auto; border-radius:4vw; padding:0.5vw 2.5vw; margin-bottom:1vw;}

	.bfBox .phoneBox .txtBox .numUl .big {font-size:2.6vw;}
	.bfBox .phoneBox .txtBox .numUl .big2 {font-size:2.8vw;}

	.bfBox .phoneBox .txtBox2Ul {margin:2vw 0 3vw 4.5vw}
	.bfBox .phoneBox .txtBox2Ul li {font-size:2.3vw; margin-bottom:0.6vw; margin-left:2vw;}
	.bfBox .phoneBox .txtBox2Ul li:before {width:0.6vw; height:1px; margin-left:-2vw; margin-right:0.6vw;}

	.bfBox .small_txt {font-size:2.5vw; margin-top:3vw;}
	.bfBox .small_txt2 {font-size:3.2vw; margin:-3vw 0 5vw}

	.bfBox .phoneBox.top_line {margin-top:6vw; padding-top:6vw;}

	.bfBox .bf_logoBox {margin-top:4vw}
	.bfBox .bf_logoBox .bf_logo img {height:6.5vw;}
	.bfBox .bf_logoBox .txt {font-size:2.3vw; margin-top:0.5vw;}
}

@media all and (max-width: 480px) {
	.bfBox .bf_sec01 {padding:7.5vw 6%;}
	.bfBox .bf_sec02 {padding:7.5vw 6%;}
	.bfBox .bf_cont .tltBox {font-size:4.8vw; padding:1vw 4vw; margin-bottom:6vw;}

	.bfBox .phoneBox .imgBox {width:90%; margin:0 auto 7vw}

	.bfBox .phoneBox .txtBox .tlt {font-size:3.8vw; margin-bottom:4.5vw;}
	.bfBox .phoneBox .txtBox .tlt i {font-size:4.3vw}
	.bfBox .phoneBox .txtBox .numUl {font-size:3.5vw}
	.bfBox .phoneBox .txtBox .numUl > li {margin-bottom:3.2vw; }
	.bfBox .phoneBox .txtBox .numUl2 > li {margin-bottom:3.2vw;}

	.bfBox .phoneBox .txtBox .numUl .txt {padding-left:7vw}

	.bfBox .phoneBox .txtBox .numUl .num {width:5.5vw; height:5.5vw; line-height:5.5vw; font-size:3.2vw; margin-right:1vw ;}
	.bfBox .phoneBox .txtBox .numUl .num2 {width:auto; height:auto; border-radius:5vw; padding:1vw 3.5vw; margin-bottom:2vw;}

	.bfBox .phoneBox .txtBox .numUl .big {font-size:3.6vw;}
	.bfBox .phoneBox .txtBox .numUl .big2 {font-size:3.8vw;}

	.bfBox .phoneBox .txtBox2Ul {margin:3vw 0 4vw 5.5vw}
	.bfBox .phoneBox .txtBox2Ul li {font-size:3.3vw; margin-bottom:0.7vw; margin-left:3vw;}
	.bfBox .phoneBox .txtBox2Ul li:before {width:0.7vw; height:1px; margin-left:-2vw; margin-right:0.7vw;}

	.bfBox .small_txt {font-size:3.5vw; margin-top:3vw;}
	.bfBox .small_txt2 {font-size:3.6vw; margin:-3vw 0 5vw}

	.bfBox .phoneBox.top_line {margin-top:6vw; padding-top:6vw;}

	.bfBox .bf_logoBox {margin-top:5vw}
	.bfBox .bf_logoBox .bf_logo img {height:7.5vw;}
	.bfBox .bf_logoBox .txt {font-size:3.3vw; margin-top:1vw;}
}


/*추천현환*/
.bfBox .bf_tltBox {margin-bottom:20px;}
.bfBox .bf_tltBox .tlt {font-size:18px; color:#fc8500; margin-bottom:5px; font-weight:700}
.bfBox .bf_tltBox .txt {font-size:13px;}

.bfBox .arrow_bt {border:0; background:none; height:70px; width:45px;position:absolute; top:0; right:0}
.bfBox .active_arrow_bt {color:#fc8500}
.bfBox .bf_tb_btn {background:#fc8500 !important; color:#fff !important; padding:2px 5px;}

@media all and (max-width: 768px) {
	.mob_bk {display:block}

	.bfBox .bf_tltBox {margin-bottom:3vw;}
	.bfBox .bf_tltBox .tlt {font-size:2.8vw; margin-bottom:0.6vw;}
	.bfBox .bf_tltBox .txt {font-size:2.3vw;}

	.bfBox .arrow_bt {height:8vw; width:5.5vw;}
	.bfBox .bf_tb_btn {padding:0.3vw 0.6vw;}
}

@media all and (max-width: 620px) {
	.bfBox .arrow_bt {position:relative; top:inherit; right:inherit; display:inline-block; margin-bottom:-10px; height:20px; width:100%}
}

@media all and (max-width: 480px) {
	.bfBox .bf_tltBox {margin-bottom:4vw;}
	.bfBox .bf_tltBox .tlt {font-size:3.8vw; margin-bottom:1vw;}
	.bfBox .bf_tltBox .txt {font-size:3.3vw;}

	.bfBox .arrow_bt {height:9vw; width:6.5vw;}
	.bfBox .bf_tb_btn {padding:0.6vw 0.8vw;}
}

.mg_t0 {margin-top:0 !important}



/*****************************하이버프 추천 이벤트 2023년12월 버전*****************************/
#bf_contBox .container {max-width:760px;}
#bf_contBox .container02 {max-width:94%; margin:0 auto;}

.bfBox02 {color:#212329; font-size:12px}

.bfBox02 .top_tltBox {margin-bottom:45px;}
.bfBox02 .top_tltBox .dong_txt {background:#F88504; color:#fff; font-size:14px; padding:8px 26px; border-radius:50px; margin-bottom:30px; display:inline-block;}
.bfBox02 .top_tltBox .tlt {font-size:24px; font-weight:700; margin-bottom:15px;}
.bfBox02 .top_tltBox .txt {font-size:20px; color:#565656}

.bfBox02 .cl01 {color:#00C63B}

.bfBox02 .ma_tltBox {margin-bottom:10px; overflow:hidden; background:#2D4C68; padding:4px 15px 4px 12px; display:inline-block; border-radius:6px}
.bfBox02 .ma_tltBox span, .bfBox02 .ma_tltBox02 span {display:inline-block; vertical-align:middle;}
.bfBox02 .ma_tltBox .icon, .bfBox02 .ma_tltBox02 .icon {margin-right:8px;}
.bfBox02 .ma_tltBox .icon img, .bfBox02 .ma_tltBox02 .icon img {height:24px;}

.bfBox02 .ma_tltBox02 {margin-bottom:10px; overflow:hidden;}

.bfBox02 .ma_tltBox .tltBox, .bfBox02 .ma_tltBox02 .tltBox {float:left;}
.bfBox02 .ma_tltBox .dataBox, .bfBox02 .ma_tltBox02 .dataBox {float:right; font-size:13px; color:#565656}

.bfBox02 .ma_tltBox .tlt {font-size:16px; color:#fff; font-weight:700}
.bfBox02 .ma_tltBox02 .tlt {font-size:16px; font-weight:700}
.bfBox02 .big_tlt {font-size:16px; color:#000;} 
.bfBox02 .ma_txt {font-size:16px; margin-bottom:16px} 

.bfBox02 .bul01{margin-left:8px;}
.bfBox02 .bul01 > li {line-height:1.8em}
.bfBox02 .bul01 > li:before {content:""; display:inline-block; vertical-align:middle; width:4px; height:4px; background:#212329; border-radius:50%; margin-right:5px;}

.bfBox02 .bul02 > li {line-height:1.8em; margin-left:8px}
.bfBox02 .bul02 > li:before {content:""; display:inline-block; vertical-align:middle; width:2px; height:2px; background:#616161; border-radius:50%; margin-right:5px; margin-left:-8px}



.bfBox02 .prdUl {margin-top:30px;}
.bfBox02 .prdUl li {position:relative; /*border-bottom:1px solid #ddd;*/ color:#000; padding-bottom:30px; margin-bottom:30px; font-size:14px;}
.bfBox02 .prdUl li:last-child {border-bottom:0}
.bfBox02 .prdUl span {display:inline-block; vertical-align:middle}
.bfBox02 .prdUl .num {width:15%}
.bfBox02 .prdUl .prd_img {width:30%}
.bfBox02 .prdUl .prd_img img {height:100px}
.bfBox02 .prdUl .name {width:53%;}

.bfBox02 .sky_txtBox {background:#F2F5FA; border-radius:8px; padding:20px; font-size:14px; line-height:1.6em}
.bfBox02 .sky_txtBox .cl {color:#2D4C68}
.bfBox02 .sky_txtBox .pay_icon, .bfBox02 .sky_txtBox .txt {vertical-align:middle; display:inline-block;}
.bfBox02 .sky_txtBox .pay_icon img {height:16px;}

.bfBox02 .bf_tabs {margin-bottom:35px}
.bfBox02 .bf_tabs li {display:inline-block; vertical-align:middle; border:1px solid #FDEADE; background:#fff; color:#44464A; font-size:13px; padding:8px 12px; border-radius:50px;}
.bfBox02 .bf_tabs li.active {border-color:#F37321; background:#F37321; color:#fff}

.bfBox02 .listUl {margin-top:25px}
.bfBox02 .listUl li {position:relative; padding-bottom:56px; font-size:18px}
.bfBox02 .listUl li:last-child {margin-bottom:0}
.bfBox02 .listUl li:after {content:""; display:block; width:19.5px; height:12px; position:absolute; top:63%; left:50%; transform: translate(-50%,-50%); background:url(/person/img/benefit02/arrow_bt_icon.png) no-repeat 0 0; background-size:100% 100%;}
.bfBox02 .listUl .li_two:after {top:75%}
.bfBox02 .listUl li:last-child:after {display:none}

.bfBox02 .rankingUl li {border-bottom:1px solid #ddd; padding:14px 2px;}
.bfBox02 .rankingUl li:last-child {border-bottom:0}
.bfBox02 .rankingUl li.last_line {border-bottom:2px solid #FC8500}

.bfBox02 .rankingUl li span {font-size:16px; color:#565656; display:inline-block; vertical-align:middle;}
.bfBox02 .rankingUl li:first-child span, .bfBox02 .rankingUl li:last-child span {font-weight:700;}
.bfBox02 .rankingUl li:first-child .ranking_sp, .bfBox02 .rankingUl li:first-child .name_sp {color:#F88504}
.bfBox02 .rankingUl .ranking_sp {width:12%}
.bfBox02 .rankingUl .name_sp {width:67%}
.bfBox02 .rankingUl .point_sp {width:20%; text-align:right}


.bfBox02 .rs_listBox .data {font-size:14px; color:#212329; font-weight:700; margin-bottom:9px;}
.bfBox02 .rs_listBox {margin-bottom:25px;}
.bfBox02 .rs_listBox:last-child {margin-bottom:0}

.bfBox02 .rs_listBox .rs_listUl {border-top:1px solid #EAEAEA; /*border-bottom:1px solid #EAEAEA*/}
.bfBox02 .rs_listBox .rs_listUl li:first-child {padding-top:16px;}
.bfBox02 .rs_listBox .rs_listUl li {padding-bottom:16px;}
.bfBox02 .rs_listBox .rs_listUl li > span {display:inline-block; vertical-align:top; font-size:16px}
.bfBox02 .rs_listBox .rs_listUl .name_sp {width:30%}
.bfBox02 .rs_listBox .rs_listUl .rs_sp {width:30%}
.bfBox02 .rs_listBox .rs_listUl .rs_sp .won {font-size:13px; color:#63605E}
.bfBox02 .rs_listBox .rs_listUl .point_sp {width:39%; text-align:right}

.bfBox02 .rs_listBox .rs_listUl .point_red {color:#F04452}
.bfBox02 .rs_listBox .rs_listUl .point_blue {color:#3182F7}

.bfBox02 .quiz_linkBtn button {width:250px; height:48px; border:0; background:#F88504; color:#fff; border-radius:50px; font-size:16px;}
.bfBox02 .quiz_linkBtn .icon img {vertical-align:middle; height:20px; margin-left:5px}

.bfBox02 .gray_txtBox {background:#F2F5FA; padding:40px 3%; color:#616161}
.bfBox02 .gray_txtBox .tlt {font-size:14px; font-weight:700; margin-bottom:12px}
.bfBox02 .gray_txtBox a {color:#4A30EC; text-decoration:underline}


@media all and (max-width: 768px) {
	#bf_contBox .container {width:100% !important;}
	#bf_contBox .container02 {max-width:92%;}
	.bfBox02.content {width:100% !important}

	.bfBox02 {font-size:2.2vw}

	.bfBox02 .top_tltBox {margin-bottom:5.5vw;}
	.bfBox02 .top_tltBox .dong_txt {font-size:2.4vw; padding:1vw 3.6vw; border-radius:6vw; margin-bottom:3vw;}
	.bfBox02 .top_tltBox .tlt {font-size:3.4vw; margin-bottom:1.5vw;}
	.bfBox02 .top_tltBox .txt {font-size:3vw;}

	.bfBox02 .ma_tltBox {margin-bottom:2vw; padding:0.6vw 2.5vw 0.6vw 2.2vw; border-radius:0.8vw}
	.bfBox02 .ma_tltBox .icon, .bfBox02 .ma_tltBox02 .icon {margin-right:1vw}
	.bfBox02 .ma_tltBox .icon img, .bfBox02 .ma_tltBox02 .icon img {height:3.4vw;}

	.bfBox02 .ma_tltBox02 {margin-bottom:2vw;}

	.bfBox02 .ma_tltBox .dataBox, .bfBox02 .ma_tltBox02 .dataBox {font-size:2.3vw;}

	.bfBox02 .ma_tltBox .tlt, .bfBox02 .ma_tltBox02 .tlt {font-size:2.6vw;}
	.bfBox02 .big_tlt {font-size:2.6vw;} 
	.bfBox02 .ma_txt {font-size:2.6vw; margin-bottom:2.6vw} 

	.bfBox02 .bul01{margin-left:1vw;}
	.bfBox02 .bul01 > li:before {width:0.6vw; height:0.6vw; margin-right:0.7vw;}

	.bfBox02 .bul02 > li {margin-left:1vw}
	.bfBox02 .bul02 > li:before {width:0.4vw; height:0.4vw; margin-right:0.7vw; margin-left:-1vw}


	.bfBox02 .prdUl {margin-top:4vw;}
	.bfBox02 .prdUl li {padding-bottom:4vw; margin-bottom:4vw; font-size:2.4vw;}
	.bfBox02 .prdUl .num {width:20%}
	.bfBox02 .prdUl .prd_img {width:30%}
	.bfBox02 .prdUl .prd_img img {height:11vw}
	.bfBox02 .prdUl .name {width:47%;}

	.bfBox02 .sky_txtBox {border-radius:1vw; padding:2vw; font-size:2.4vw;}
	.bfBox02 .sky_txtBox .pay_icon img {height:2.6vw;}

	.bfBox02 .bf_tabs {margin-bottom:4.5vw}
	.bfBox02 .bf_tabs li {font-size:2.3vw; padding:1vw 2.2vw; border-radius:6vw;}

	.bfBox02 .listUl {margin-top:3.5vw}
	.bfBox02 .listUl li {padding-bottom:6.6vw; font-size:2.8vw}
	.bfBox02 .listUl li:after {width:3.4vw; height:2vw; top:67%;}
	.bfBox02 .listUl .li_two:after {top:78%}

	.bfBox02 .rankingUl li {padding:2.4vw 0.4vw;}

	.bfBox02 .rankingUl li span {font-size:2.6vw;}
	.bfBox02 .rankingUl .ranking_sp {width:12%}
	.bfBox02 .rankingUl .ranking_sp {width:19%}
	.bfBox02 .rankingUl .name_sp {width:60%}


	.bfBox02 .rs_listBox .data {font-size:2.4vw; margin-bottom:1.1vw;}
	.bfBox02 .rs_listBox {margin-bottom:3.5vw;}

	.bfBox02 .rs_listBox .rs_listUl li:first-child {padding-top:2.6vw;}
	.bfBox02 .rs_listBox .rs_listUl li {padding-bottom:2.6vw;}
	.bfBox02 .rs_listBox .rs_listUl li > span {font-size:2.6vw}
	.bfBox02 .rs_listBox .rs_listUl .rs_sp .won {font-size:2.3vw;}
	
	.bfBox02 .quiz_linkBtn button {width:70%; height:7.8vw; border-radius:6vw; font-size:2.6vw;}
	.bfBox02 .quiz_linkBtn .icon img {height:2vw; margin-left:0.7vw}

	.bfBox02 .gray_txtBox {padding:5vw 4%;}
	.bfBox02 .gray_txtBox .tlt {font-size:2.4vw; margin-bottom:2.2vw}
}

@media all and (max-width: 640px) {
	.bfBox02 .gray_txtBox {padding:5vw 4% 20vw}
}

@media all and (max-width: 480px) {
	.bfBox02 {font-size:3.2vw}

	.bfBox02 .top_tltBox {margin-bottom:6.5vw;}
	.bfBox02 .top_tltBox .dong_txt {font-size:3.4vw; padding:1.2vw 4.6vw; margin-bottom:4vw;}
	.bfBox02 .top_tltBox .tlt {font-size:4.4vw; margin-bottom:2.5vw;}
	.bfBox02 .top_tltBox .txt {font-size:4vw;}

	.bfBox02 .ma_tltBox {margin-bottom:3vw; padding:0.8vw 3.5vw 0.8vw 3.2vw; border-radius:1vw}
	.bfBox02 .ma_tltBox .icon, .bfBox02 .ma_tltBox02 .icon {margin-right:1.2vw}
	.bfBox02 .ma_tltBox .icon img, .bfBox02 .ma_tltBox02 .icon img {height:4.4vw;}

	.bfBox02 .ma_tltBox02 {margin-bottom:3vw;}

	.bfBox02 .ma_tltBox .dataBox, .bfBox02 .ma_tltBox02 .dataBox {font-size:3.3vw;}

	.bfBox02 .ma_tltBox .tlt, .bfBox02 .ma_tltBox02 .tlt {font-size:3.6vw;}
	.bfBox02 .big_tlt {font-size:3.6vw;} 
	.bfBox02 .ma_txt {font-size:3.6vw; margin-bottom:3.6vw} 

	.bfBox02 .bul01{margin-left:1.2vw;}
	.bfBox02 .bul01 > li:before {width:0.8vw; height:0.8vw; margin-right:1vw;}

	.bfBox02 .bul02 > li {margin-left:1.2vw}
	.bfBox02 .bul02 > li:before {width:0.6vw; height:0.6vw; margin-right:1vw; margin-left:-1.2vw}


	.bfBox02 .prdUl {margin-top:5vw;}
	.bfBox02 .prdUl li {padding-bottom:5vw; margin-bottom:5vw; font-size:3.4vw;}
	.bfBox02 .prdUl .num {width:22%}
	.bfBox02 .prdUl .prd_img {width:33%}
	.bfBox02 .prdUl .prd_img img {height:11vw}
	.bfBox02 .prdUl .name {width:40%;}

	.bfBox02 .sky_txtBox {border-radius:1.2vw; padding:3vw; font-size:3.4vw;}
	.bfBox02 .sky_txtBox .pay_icon img {height:3.6vw;}

	.bfBox02 .bf_tabs {margin-bottom:5.5vw}
	.bfBox02 .bf_tabs li {font-size:3.3vw; padding:1.2vw 3.2vw;}

	.bfBox02 .listUl {margin-top:4.5vw}
	.bfBox02 .listUl li {padding-bottom:7.6vw; font-size:3.8vw}
	.bfBox02 .listUl li:after {width:4.5vw; height:2.5vw; top:67%;}
	.bfBox02 .listUl .li_two:after {top:80%}

	.bfBox02 .rankingUl li {padding:3.4vw 0.6vw;}

	.bfBox02 .rankingUl li span {font-size:3.6vw;}
	.bfBox02 .rankingUl .ranking_sp {width:23%}
	.bfBox02 .rankingUl .name_sp {width:51%}
	.bfBox02 .rankingUl .point_sp {width:25%;}


	.bfBox02 .rs_listBox .data {font-size:3.4vw; margin-bottom:1.3vw;}
	.bfBox02 .rs_listBox {margin-bottom:4.5vw;}

	.bfBox02 .rs_listBox .rs_listUl li:first-child {padding-top:3.6vw;}
	.bfBox02 .rs_listBox .rs_listUl li {padding-bottom:3.6vw;}
	.bfBox02 .rs_listBox .rs_listUl li > span {font-size:3.6vw}
	.bfBox02 .rs_listBox .rs_listUl .rs_sp .won {font-size:3.3vw;}


	.bfBox02 .quiz_linkBtn button {width:70%; height:10.8vw; font-size:3.6vw;}
	.bfBox02 .quiz_linkBtn .icon img {height:3vw; margin-left:1vw}

	.bfBox02 .gray_txtBox {padding:5vw 4% 25vw}
	.bfBox02 .gray_txtBox .tlt {font-size:3.4vw; margin-bottom:3.2vw}
}



/*****************************하이버프 추천 이벤트 2024년01월 버전*****************************/
.bfBox02 .top_tltBox02 .tlt img {height:160px}
.bfBox02 .top_tltBox02 .txt {font-size:15px}
.bfBox02 .line_bBox {border-bottom:1px solid #EFEFEF; padding-bottom:35px; margin-bottom:35px;}

.bfBox02 .ma_bigtltBox {font-size:20px; line-height:1.3em; margin-bottom:24px}

.bfBox02 .qnaListBox .qna_list {margin-bottom:25px}
.bfBox02 .qnaListBox .qna_list .tlt {font-size:14px; color:#212329; font-weight:700; margin-bottom:5px;}
.bfBox02 .qnaListBox .qna_list .txt {font-size:13px; color:#616161;}

@media all and (max-width: 768px) {
	.bfBox02 .top_tltBox02 .tlt img {height:27vw}
	.bfBox02 .top_tltBox02 .txt {font-size:2.5vw}
	.bfBox02 .line_bBox {padding-bottom:4.5vw; margin-bottom:4.5vw;}

	.bfBox02 .ma_bigtltBox {font-size:4vw; margin-bottom:3.4vw}

	.bfBox02 .qnaListBox .qna_list {margin-bottom:3.5vw}
	.bfBox02 .qnaListBox .qna_list .tlt {font-size:2.4vw; margin-bottom:0.7vw;}
	.bfBox02 .qnaListBox .qna_list .txt {font-size:2.3vw;}
}

@media all and (max-width: 480px) {
	.bfBox02 .top_tltBox02 .tlt img {height:auto; width:100%}
	.bfBox02 .top_tltBox02 .txt {font-size:3.5vw}
	.bfBox02 .line_bBox {padding-bottom:5.5vw; margin-bottom:5.5vw;}

	.bfBox02 .ma_bigtltBox {font-size:5vw; margin-bottom:4.4vw}

	.bfBox02 .qnaListBox .qna_list {margin-bottom:4.5vw}
	.bfBox02 .qnaListBox .qna_list .tlt {font-size:3.4vw; margin-bottom:1vw;}
	.bfBox02 .qnaListBox .qna_list .txt {font-size:3.3vw;}
}


/*툴팁박스 20230616 jisoo*/
.tooltipBox .tool_tlt {position:relative; display:inline-block; vertical-align:middle; cursor:pointer; margin:-3px 0 0 5px; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px; background:rgba(0,0,0,0.8); color:#fff; border-radius:50%}
.tooltipBox .tool_txtBox {display:none; position:fixed; background:rgba(0,0,0,0.7); color:#fff; margin-top:5px; padding:3px 10px; font-size:12px; border-radius:3px; z-index:99999}
.tooltipBox .tool_txtBox.open {display:block;}

.dcb_list {color:#ccc !important}
.dcb_list .tooltipBox .tool_tlt {background:#ccc}
.dcb_list .list_more_btn {opacity:0.3}
.relative {position:relative;}

/*.abs_txt {position:absolute; width:100%; text-align:center; margin-top:-40px;}*/


@media all and (max-width: 620px) {
	.tooltipBox .tool_tlt {margin:-0.5vw 0 0 0.7vw; width:3.8vw; height:3.8vw; line-height:3.8vw; font-size:3.2vw;}
	.tooltipBox .tool_txtBox {margin-top:0.7vw; padding:1vw 2vw; font-size:2.8vw; border-radius:0.5vw;}
}


/*하이버프 이베트 리뉴얼 20230722 jisoo*/
.sbfBox_new .sbf_toptltBox {margin-bottom:45px;}
.sbfBox_new .sbf_toptltBox .box_tlt {width:90%; padding:3px 20px; margin:0 auto 35px; color:#fff; font-size:23px; background:#F88504;}
.sbfBox_new .sbf_toptltBox .tlt {font-size:40px; line-height:1.3em}

.sbfBox_new .prdUl {margin-top:30px;}
.sbfBox_new .prdUl li {position:relative; border-bottom:1px solid #ddd; color:#000; padding-bottom:20px; margin-bottom:20px; font-size:15px;}
.sbfBox_new .prdUl span {display:inline-block; vertical-align:middle}
.sbfBox_new .prdUl .num {width:10%}
.sbfBox_new .prdUl .prd_img {width:60%}
.sbfBox_new .prdUl .prd_img img {height:100px}
.sbfBox_new .prdUl .name {width:28%; text-align:right}

.sbfBox_new .prd_listUl {margin-top:30px; color:#000; font-size:15px; margin-bottom:5px;}
.sbfBox_new .prd_point {font-size:15px;}

.sbfBox_new .grayBox {padding:20px; background:#F9F9F9; color:#565656; font-size:13px;}
.sbfBox_new .grayBoxUl li {margin-bottom:5px;}

.sbfBox_new .point_lineBox {border:1px solid #F88504; color:#000; border-radius:10px; padding:20px; word-break: keep-all;}
.sbfBox_new .point_lineBox .tlt {font-size:15px; margin-bottom:10px;}
.sbfBox_new .point_lineBox .txt {font-size:13px;}

.sbfBox_new .point_btn {color:#4A30EC; border-bottom:1px solid}

.sbfBox_new .kakao_img {width:46%; margin:0 auto 30px;}

.sbfBox_new .bf_qnaDl dl {margin-bottom:20px; font-size:15px;}
.sbfBox_new .bf_qnaDl dt {position:relative; font-weight:700; margin-bottom:10px; padding:10px 10px 0 35px;}
.sbfBox_new .bf_qnaDl dt:before {content:"Q"; display:inline-block; position:absolute; top:10px; left:0; width:25px; height:25px; border-radius:50%; background:#fb8501; text-align:center; color:#fff}
.sbfBox_new .bf_qnaDl dd {position:relative; padding:3px 10px 0 35px;}
.sbfBox_new .bf_qnaDl dd:before {content:"A"; display:inline-block; position:absolute; top:0; left:0; width:25px; height:25px; border-radius:50%; background:#fb8501; text-align:center; color:#fff}

.sbfBox_new .bf_ft_txtBox {margin-top:100px; font-size:18px; color:#000; font-weight:700}

.pc_bk {display:block}


.sbfBox_new .rankingUl.scroll_y {overflow-y:scroll; min-height:100px; height:300px}
.sbfBox_new .rankingUl li {position:relative; border-bottom:1px solid #ddd; color:#000; padding:0 20px 20px; margin-bottom:20px; font-size:17px; font-weight:700; display:flex; -webkit-box-align:center; align-items:center;}
.sbfBox_new .rankingUl .img_li {padding-left:0; border-bottom:0}
.sbfBox_new .rankingUl span {display:inline-block; vertical-align:middle;}
.sbfBox_new .rankingUl .ranking {width:15%}
.sbfBox_new .rankingUl .name {margin-left:2%; width:25%;}
.sbfBox_new .rankingUl .score {margin-left:auto;}

.sbfBox_new .rankingUl .img_li .img img {height:100px; filter: grayscale(100%);}
.sbfBox_new .rankingUl .img_li .img.on img {filter: grayscale(0);}
.sbfBox_new .rankingUl .img_li .img {width:20%}
.sbfBox_new .rankingUl .img_li .tlt {width:48%}

.sbfBox_new .ranking_txtBox .tlt {font-size:16px;}
.sbfBox_new .ranking_txtBox .txt {font-size:14px; color:#565656}

.sbfBox_new .bf_table table {width:100%}
.sbfBox_new .bf_table table th {text-align:center; background:#ECECEC; font-weight:700}
.sbfBox_new .bf_table table th, .sbfBox_new .bf_table table td {padding:12px 10px; border:1px solid #CFCFCF}

.no_memBox {border:1px solid #ddd; width:100%; padding:30px;}


@media all and (max-width: 768px) {
	.pc_bk {display:inline}

	.sbfBox_new .sbf_toptltBox {margin-bottom:5.5vw;}
	.sbfBox_new .sbf_toptltBox .box_tlt {width:94%; padding:0.4vw 3vw; margin:0 auto 3.5vw; font-size:3.3vw;}
	.sbfBox_new .sbf_toptltBox .tlt {font-size:5vw}

	.sbfBox_new .prdUl {margin-top:4vw;}
	.sbfBox_new .prdUl li {padding-bottom:3vw; margin-bottom:3vw; font-size:2.5vw;}
	.sbfBox_new .prdUl .num {width:15%}
	.sbfBox_new .prdUl .prd_img {width:50%}
	.sbfBox_new .prdUl .prd_img img {height:15vw}
	.sbfBox_new .prdUl .name {width:32%;}

	.sbfBox_new .rankingUl .ranking {width:20%}
	.sbfBox_new .rankingUl .name {margin-left:2%; width:30%;}

	.sbfBox_new .prd_listUl {margin-top:4vw; font-size:2.5vw; margin-bottom:0.6vw;}
	.sbfBox_new .prd_point {font-size:2.5vw;}

	.sbfBox_new .grayBox {padding:3vw; font-size:2.3vw;}
	.sbfBox_new .grayBoxUl li {margin-bottom:0.6vw;}

	.sbfBox_new .point_lineBox {border-radius:2vw; padding:3vw;}
	.sbfBox_new .point_lineBox .tlt {font-size:2.5vw; margin-bottom:2vw;}
	.sbfBox_new .point_lineBox .txt {font-size:2.3vw;}

	.sbfBox_new .kakao_img {width:80%; margin:0 auto 4vw;}

	.sbfBox_new .bf_qnaDl dl {margin-bottom:3vw; font-size:2.5vw;}
	.sbfBox_new .bf_qnaDl dt {margin-bottom:2vw; padding:2.3vw 2vw 0 6.5vw;}
	.sbfBox_new .bf_qnaDl dt:before {top:2vw; width:4.5vw; height:4.5vw;}
	.sbfBox_new .bf_qnaDl dd {padding:0.4vw 2vw 0 6.5vw;}
	.sbfBox_new .bf_qnaDl dd:before {width:4.5vw; height:4.5vw;}

	.sbfBox_new .bf_ft_txtBox {margin-top:11vw; font-size:2.8vw;}


	.sbfBox_new .rankingUl li {padding:0 3vw 3vw; margin-bottom:3vw; font-size:2.7vw;}
	.sbfBox_new .rankingUl .img_li .img {width:20%}
	.sbfBox_new .rankingUl .img_li .img img {height:10vw}
	.sbfBox_new .rankingUl .img_li .tlt {width:60%}

	.sbfBox_new .ranking_txtBox .tlt {font-size:2.6vw;}
	.sbfBox_new .ranking_txtBox .txt {font-size:2.4vw;}

	.sbfBox_new .bf_table table th, .sbfBox_new .bf_table table td {padding:2.2vw 2vw;}

	.no_memBox {padding:4vw;}
}

@media all and (max-width: 480px) {
	.sbfBox_new .rankingUl.scroll_y {height:170px}

	.sbfBox_new .sbf_toptltBox {margin-bottom:6.5vw;}
	.sbfBox_new .sbf_toptltBox .box_tlt {padding:0.5vw 4vw; margin:0 auto 4.5vw; font-size:4.3vw;}
	.sbfBox_new .sbf_toptltBox .tlt {font-size:6vw}

	.sbfBox_new .prdUl {margin-top:5vw;}
	.sbfBox_new .prdUl li {padding-bottom:4vw; margin-bottom:4vw; font-size:3.5vw;}
	.sbfBox_new .prdUl .num {width:13%}
	.sbfBox_new .prdUl .prd_img {width:40%}
	.sbfBox_new .prdUl .prd_img img {height:20vw}
	.sbfBox_new .prdUl .name {width:45%;}

	.sbfBox_new .rankingUl .ranking {width:25%}
	.sbfBox_new .rankingUl .name {margin-left:2%; width:35%;}

	.sbfBox_new .prd_listUl {margin-top:5vw; font-size:3.5vw; margin-bottom:0.7vw;}
	.sbfBox_new .prd_point {font-size:3.5vw;}

	.sbfBox_new .grayBox {padding:4vw; font-size:3.3vw;}
	.sbfBox_new .grayBoxUl li {margin-bottom:0.7vw;}

	.sbfBox_new .point_lineBox {border-radius:3vw; padding:4vw;}
	.sbfBox_new .point_lineBox .tlt {font-size:3.5vw; margin-bottom:3vw;}
	.sbfBox_new .point_lineBox .txt {font-size:3.3vw;}

	.sbfBox_new .kakao_img {width:90%; margin:0 auto 5vw;}

	.sbfBox_new .bf_qnaDl dl {margin-bottom:4vw; font-size:3.5vw;}
	.sbfBox_new .bf_qnaDl dt {margin-bottom:3vw; padding:3.3vw 3vw 0 7.5vw;}
	.sbfBox_new .bf_qnaDl dt:before {top:3vw; width:5.5vw; height:5.5vw;}
	.sbfBox_new .bf_qnaDl dd {padding:0.5vw 3vw 0 7.5vw;}
	.sbfBox_new .bf_qnaDl dd:before {width:5.5vw; height:5.5vw;}

	.sbfBox_new .bf_ft_txtBox {margin-top:12vw; font-size:3.8vw;}


	.sbfBox_new .rankingUl li {padding:0 3vw 3vw; margin-bottom:4vw; font-size:3.7vw;}
	.sbfBox_new .rankingUl .img_li .img {width:20%}
	.sbfBox_new .rankingUl .img_li .img img {height:10vw}
	.sbfBox_new .rankingUl .img_li .tlt {width:70%}

	.sbfBox_new .ranking_txtBox .tlt {font-size:3.6vw;}
	.sbfBox_new .ranking_txtBox .txt {font-size:3.4vw;}

	.sbfBox_new .bf_table table th, .sbfBox_new .bf_table table td {padding:3.2vw 3vw;}

	.no_memBox {padding:5vw;}
}


/*하이버프 이베트 리뉴얼 20230803 jisoo*/
.phn_lineBox {border:1px solid #EDEDED; border-radius:15px; padding:25px; font-size:14px; word-break: keep-all;}
.phn_numUl > li {position:relative; padding-left:20px; margin-bottom:5px}
.phn_numUl .phn_num {position:absolute; top:0; left:0}

.png_pb_bk {display:block}

.app_downBox {margin-top:15px;}
.app_downBox a {display:inline-block; margin-right:5px}
.app_downBox img {height:50px;}

@media all and (max-width: 768px) {
	.phn_lineBox {border-radius:2.5vw; padding:3.5vw; font-size:2.4vw}
	.phn_numUl > li {padding-left:3vw; margin-bottom:0.6vw}

	.png_pb_bk {display:inline}

	.app_downBox {margin-top:2.5vw;}
	.app_downBox a {margin-right:0.6vw}
	.app_downBox img {height:8vw;}
}

@media all and (max-width: 480px) {
	.phn_lineBox {border-radius:3.5vw; padding:4.5vw; font-size:3.4vw}
	.phn_numUl > li {padding-left:4vw; margin-bottom:0.7vw}

	.app_downBox {margin-top:3.5vw;}
	.app_downBox a {margin-right:0.7vw}
	.app_downBox img {height:11vw;}
}


/*하이버프 이벤트 리뉴얼 20230804 jisoo*/
.cf_gitBox {overflow:hidden; position:relative;}
.cf_gitBox span {display:inline-block; vertical-align:middle !important}
.cf_gitBox .cf_gif_img {margin-right:15px}
.cf_gitBox .cf_gif_img img {height:100px}
.cf_gitBox .txt_stlt .big_txt {font-size:19px;}

@media all and (max-width: 768px) {
	.cf_gitBox .cf_gif_img {margin-right:2.5vw}
	.cf_gitBox .cf_gif_img img {height:15vw}
	.cf_gitBox .txt_stlt .big_txt {font-size:2.9vw}
}

@media all and (max-width: 480px) {
	.cf_gitBox .cf_gif_img {margin-right:3.5vw}
	.cf_gitBox .cf_gif_img img {height:20vw}
	.cf_gitBox .txt_stlt .big_txt {font-size:3.9vw}
}


/*--------------------------------------------------------무료체험안내 20230829 jisoo--------------------------------------------------------*/
.eprBox {color:#212329}
.eprBox .epr_listBox {display:inline-block; vertical-align:top; width:48%; margin-right:1%; border:1px solid #DFDFDF; border-radius:15px; padding:15px 20px 20px; color:#212329}
.eprBox .epr_listBox:last-child {margin-right:0}

.eprBox .epr_listBox .epr_list_tlt {font-size:23px; line-height:1.5em; font-weight:700px; border-bottom:1px solid #212329; padding-bottom:10px; margin-bottom:15px;}
.eprBox .epr_listBox .epr_listUl li {font-size:13px; margin-bottom:15px}
.eprBox .epr_listBox .epr_listUl li:last-child {margin-bottom:0}
.eprBox .epr_listBox .epr_listUl span {display:inline-block; vertical-align:top; width:49.5%; line-height:1.5em}
.eprBox .epr_listBox .epr_listUl .tlt {text-align:left;}
.eprBox .epr_listBox .epr_listUl .txt {text-align:right;}


@media all and (max-width: 768px) {
	.eprBox .epr_listBox {width:100%; margin-right:0; margin-bottom:4vw; border-radius:2.5vw; padding:2.5vw 3vw 3vw;}

	.eprBox .epr_listBox .epr_list_tlt {font-size:3.4vw; padding-bottom:2vw; margin-bottom:2.5vw;}
	.eprBox .epr_listBox .epr_listUl li {font-size:2.6vw; margin-bottom:2.5vw}
}

@media all and (max-width: 480px) {
	.eprBox .epr_listBox {margin-bottom:5vw; border-radius:3.5vw; padding:3.5vw 4vw 3vw;}

	.eprBox .epr_listBox .epr_list_tlt {font-size:4.4vw; padding-bottom:3vw; margin-bottom:3.5vw;}
	.eprBox .epr_listBox .epr_listUl li {font-size:3.6vw; margin-bottom:3.5vw}
}

/*20230915 jisoo 추가*/
.numUl {color:#212329}
.numUl li {position:relative; margin-bottom:32px; font-size:20px; padding:0 0 0 36px; word-break:keep-all}
.numUl li:last-child {margin-bottom:0}
.numUl .num {position:absolute; top:5px; left:0; display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:22px; background:#F88504; color:#fff; font-size:16px; font-weight:700; text-align:center; border-radius:50%; margin-right:12px;}

.eprBox .epr_itvUl > li {position:relative; margin-bottom:12px; padding:24px 16px; border:1px solid #DFDFDF; border-radius:16px}
.eprBox .epr_itvUl li > div {display:inline-block; vertical-align:middle}
.eprBox .epr_itvUl .imgBox {margin-right:35px;}
.eprBox .epr_itvUl .txtBox {max-width:365px;}
.eprBox .epr_itvUl .txtBox .txt {font-size:18px; margin-bottom:12px; line-height:1.3em}
.eprBox .epr_itvUl .txtBox .info {font-size:16px;}
.eprBox .epr_itvUl .txtBox .info li {display:inline-block; vertical-align:middle; position:relative;}
.eprBox .epr_itvUl .txtBox .info li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:15px; background:#212329; margin:0 2px 0 7px;}
.eprBox .epr_itvUl .txtBox .info li:last-child:after {display:none}
.eprBox .epr_itvUl .txtBox .Btn {margin-top:33px; display:inline-block; width:120px; height:31px; line-height:31px; border:1px solid #F88504; color:#F88504; font-size:14px; text-align:center; border-radius:50px; z-index:10}

.eprBox .epr_rvUl li {position:relative; margin-bottom:12px; padding:24px 16px; border:1px solid #DFDFDF; border-radius:16px}
.eprBox .epr_rvUl li > div {display:inline-block; vertical-align:middle}
.eprBox .epr_rvUl .imgBox {margin-right:15px;}
.eprBox .epr_rvUl .txtBox {max-width:490px; font-size:17px; }
.eprBox .epr_rvUl .txtBox .txt {margin-bottom:15px; line-height:1.3em; letter-spacing:-0.075em; word-break:keep-all;}
.eprBox .epr_rvUl .txtBox .tlt {color:#F88504}


.eprBox .epr_rvUl02 li {position:relative; margin-bottom:12px; padding:24px; border:1px solid #DFDFDF; border-radius:16px;}
.eprBox .epr_rvUl02 .txt {font-size:14px; margin-bottom:12px; line-height:1.5em; word-break: keep-all}
.eprBox .epr_rvUl02 .ndBox {display:flex; align-items:center; font-size:14px;}
.eprBox .epr_rvUl02 .ndBox .nickname {color:#F88504}
.eprBox .epr_rvUl02 .ndBox .data {margin-left:auto; color:#565656}

.eprBox .eprBtn {margin-top:60px}
.eprBox .eprBtn a {display:inline-block; width:240px; height:64px; line-height:64px; background:#F88504; color:#fff; font-size:20px; font-weight:700; text-align:center; border-radius:50px}

.tab_container2 .new_tabs {margin:0 27px 20px}
.tab_container2 .new_tabs li {display:inline-block; vertical-align:middle; height:40px; line-height:37px; font-size:13px; color:#44464A; padding:0 15px; border:1px solid #FDEADE; border-radius:50px; cursor:pointer}
.tab_container2 .new_tabs .active {background:#F37321; color:#fff}

/*20240521 jisoo 추가*/
.video_txtBox {margin:12px 0 24px; font-size:16px; font-weight:500}
.video_txtBox .tx01 {color:#585858; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:1.3em}
.video_txtBox .tx02 {color:#000; margin-top:4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:1.3em}

@media all and (max-width: 768px) {
	.numUl li {margin-bottom:4.2vw; font-size:3vw; padding:0 0 0 4.6vw;}
	.numUl .num {top:0.7vw; left:0; width:3.4vw; height:3.4vw; line-height:3.2vw; font-size:2.6vw; margin-right:2.2vw;}

	.eprBox .epr_itvUl > li {margin-bottom:2.2vw; padding:3.4vw 2.6vw; border-radius:2.6vw; text-align:center}
	.eprBox .epr_itvUl li > div {display:block;}
	.eprBox .epr_itvUl .imgBox {margin:0 auto 4vw}
	.eprBox .epr_itvUl .imgBox img {width:30vw}
	.eprBox .epr_itvUl .txtBox {max-width:100%;}
	.eprBox .epr_itvUl .txtBox .txt {font-size:2.8vw; margin-bottom:2.2vw;}
	.eprBox .epr_itvUl .txtBox .info {font-size:2.6vw;}
	.eprBox .epr_itvUl .txtBox .info li:after {height:2.5vw; margin:0 0.4vw 0 0.9vw;}
	.eprBox .epr_itvUl .txtBox .Btn {margin-top:4.3vw; width:22vw; height:6vw; line-height:5.5vw; font-size:2.4vw; border-radius:6vw;}

	.eprBox {margin-bottom:15vw}
	.eprBox .epr_rvUl li {margin-bottom:2.2vw; padding:3.4vw 2.6vw; border-radius:2.6vw;}
	.eprBox .epr_rvUl li > div {vertical-align:top}
	.eprBox .epr_rvUl .imgBox {margin-right:2.5vw;}
	.eprBox .epr_rvUl .imgBox img {height:10.2vw}
	.eprBox .epr_rvUl .txtBox {max-width:67vw; width:100%; font-size:2.7vw;}
	.eprBox .epr_rvUl .txtBox .txt {margin-bottom:2.5vw;}

	.eprBox .epr_rvUl02 li {margin-bottom:2.2vw; padding:3.4vw; border-radius:2.6vw}
	.eprBox .epr_rvUl02 .txt {font-size:2.4vw; margin-bottom:2.2vw;}
	.eprBox .epr_rvUl02 .ndBox {font-size:2.4vw;}

	.eprBox .eprBtn {margin-top:7vw}
	.eprBox .eprBtn a {width:34vw; height:9.4vw; line-height:9.4vw; font-size:3vw; border-radius:6vw}


	.tab_container2 .new_tabs {margin:0 0 3vw}
	.tab_container2 .new_tabs li {height:7vw; line-height:6.7vw; font-size:2.3vw; padding:0 2.5vw; border-radius:6vw;}

	/*20240521 jisoo 추가*/
	.video_txtBox {margin:2.2vw 0 3.4vw; font-size:2.6vw;}
	.video_txtBox .tx02 {margin-top:0.6vw;}
}

@media all and (max-width: 480px) {
	.numUl li {margin-bottom:5.2vw; font-size:4vw; padding:0 0 0 6.6vw;}
	.numUl .num {top:0.9vw; left:0; width:5vw; height:5vw; line-height:5vw; font-size:3.6vw;}

	.eprBox .epr_itvUl > li {margin-bottom:3.2vw; padding:4.4vw 3.6vw; border-radius:3.6vw}
	.eprBox .epr_itvUl .imgBox {margin:0 auto 5vw}
	.eprBox .epr_itvUl .imgBox img {width:35vw}
	.eprBox .epr_itvUl .txtBox .txt {font-size:3.8vw; margin-bottom:3.2vw;}
	.eprBox .epr_itvUl .txtBox .info {font-size:3.6vw;}
	.eprBox .epr_itvUl .txtBox .info li:after {height:3.5vw; margin:0 0.5vw 0 1vw;}
	.eprBox .epr_itvUl .txtBox .Btn {margin-top:5.3vw; width:32vw; height:8vw; line-height:7.5vw; font-size:3.4vw; border-radius:7vw;}

	.eprBox {margin-bottom:17vw}
	.eprBox .epr_rvUl li {margin-bottom:3.2vw; padding:4.4vw 3.6vw; border-radius:3.6vw}
	.eprBox .epr_rvUl .imgBox {margin-right:3.5vw;}
	.eprBox .epr_rvUl .imgBox img {height:14.2vw}
	.eprBox .epr_rvUl .txtBox {max-width:60vw; width:100%; font-size:3.7vw;}
	.eprBox .epr_rvUl .txtBox .txt {margin-bottom:3.5vw;}

	.eprBox .epr_rvUl02 li {margin-bottom:3.2vw; padding:4.4vw; border-radius:3.6vw}
	.eprBox .epr_rvUl02 .txt {font-size:3.4vw; margin-bottom:3.2vw;}
	.eprBox .epr_rvUl02 .ndBox {font-size:3.4vw;}

	.eprBox .eprBtn {margin-top:8vw}
	.eprBox .eprBtn a {width:44vw; height:12.4vw; line-height:12.4vw; font-size:4vw; border-radius:7vw}


	.tab_container2 .new_tabs {margin-bottom:4vw}
	.tab_container2 .new_tabs li {height:10vw; line-height:9.7vw; font-size:3.3vw; padding:0 3.5vw; border-radius:7vw;}

	/*20240521 jisoo 추가*/
	.video_txtBox {margin:3.2vw 0 4.4vw; font-size:3.6vw;}
	.video_txtBox .tx02 {margin-top:0.8vw;}
}


/*--------------------------------------------------------퀴즈이벤트 20230829 jisoo--------------------------------------------------------*/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/share/fonts/Pretendard-Black.woff2') format('woff2'), url('/share/fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/share/fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/share/fonts/Pretendard-Bold.woff2') format('woff2'), url('/share/fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/share/fonts/Pretendard-SemiBold.woff2') format('woff2'), url('/share/fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/share/fonts/Pretendard-Medium.woff2') format('woff2'), url('/share/fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/share/fonts/Pretendard-Regular.woff2') format('woff2'), url('/share/fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/share/fonts/Pretendard-Light.woff2') format('woff2'), url('/share/fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/share/fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/share/fonts/Pretendard-Thin.woff2') format('woff2'), url('/share/fonts/Pretendard-Thin.woff') format('woff');
}

/*퀴즈01*/
.quiz_eventBox, .quiz_eventBox2 {position:relative; max-width:640px; margin:0 auto; box-sizing:border-box; font-family: 'Pretendard', 'Pretendard-Regular'; font-weight:500; color:#212329; word-break: keep-all}
.quiz_eventBox .outBox_pd {padding:0 30px;}

.quiz_eventBox .quiz_event_countBox {margin:28px 0 14px; background:#29333F; color:#fff; border-radius:20px; padding:28px 50px}
.quiz_eventBox .quiz_event_countBox .tlt {font-size:21px; margin-bottom:25px}
.quiz_eventBox .quiz_event_countBox .count li {display:inline-block; vertical-align:middle; font-size:28px; margin-right:14px}
.quiz_eventBox .quiz_event_countBox .count li:last-child {margin-right:0}
.quiz_eventBox .quiz_event_countBox .num {width:85px; height:85px; line-height:80px; background:#374555; color:#fff; font-size:42px !important; border-radius:7px; font-weight:500}
.quiz_eventBox .quiz_event_countBox .chanceUl {margin-top:35px}
.quiz_eventBox .quiz_event_countBox .chanceUl li {display:inline-block; vertical-align:middle; margin-right:10px; font-size:32px; font-weight:600; line-height:1.5em}
.quiz_eventBox .quiz_event_countBox .chanceUl li:last-child {margin-right:0}
.quiz_eventBox .quiz_event_countBox .chanceUl li:after {content:""; display:inline-block; vertical-align:mdidle; width:2px; height:25px; background:#fff; margin:0 5px 0 10px}
.quiz_eventBox .quiz_event_countBox .chanceUl li:last-child:after {display:none}


.quiz_eventBox .big_tlt {font-size:42px; margin-bottom:57px;}

.quiz_eventBox .quiz_eventUl01 li {margin-bottom:40px}
.quiz_eventBox .quiz_eventUl01 .img {width:228px; height:228px; margin:0 auto 10px}
.quiz_eventBox .quiz_eventUl01 .img img {width:100%; height:100%}
.quiz_eventBox .quiz_eventUl01 .txt {font-size:28px; line-height:1.5em; font-weight:700}

.quiz_eventBox .quiz_eventUl02 li {position:relative; text-align:left; margin-bottom:28px;}
.quiz_eventBox .quiz_eventUl02 li:last-child {margin-bottom:0}
.quiz_eventBox .quiz_eventUl02 li > div {display:inline-block; vertical-align:middle}
.quiz_eventBox .quiz_eventUl02 .img {width:85px; height:85px; margin-right:24px;}
.quiz_eventBox .quiz_eventUl02 .img img {width:100%; height:100%}

.quiz_eventBox .quiz_eventUl02 .txt {font-size:28px;}

.quiz_eventBox .quiz_specialBox {margin:45px 0 0;}
.quiz_eventBox .quiz_specialBox .quiz_special_tlt {font-size:35px; margin-bottom:13px; font-weight:700}

.quiz_eventBox .quiz_special_cont {background:#E2EDFF; border-radius:14px; padding:23px 30px; font-size:24px; line-height:1.5em;  font-weight:700}


.quiz_eventBox .quiz_rankingBox {position:relative; background:#29333F; border-radius:14px; padding:55px 30px; margin-top:24px; color:#fff;}
.quiz_eventBox .quiz_rankingBox .tlt {font-size:42px; margin-bottom:42px; font-weight:700}
.quiz_eventBox .quiz_rankingBox .quiz_ranking li {position:relative; text-align:left; width:100%; height:85px; line-height:80px; background:#374555; border-radius:7px; padding:0 30px; font-size:35px; margin-bottom:14px; overflow:hidden}
.quiz_eventBox .quiz_rankingBox .quiz_ranking li:last-child {margin-bottom:0}
.quiz_eventBox .quiz_rankingBox .quiz_ranking li span {display:inline-block; vertical-align:middle}
.quiz_eventBox .quiz_rankingBox .quiz_ranking .num {margin-right:35px}
.quiz_eventBox .quiz_rankingBox .quiz_ranking .time {text-align:right; float:right;}

.quiz_eventBox .quiz_rankingBox .quiz_ranking_dot {width:7px; height:35px; background:url(/person/img/quiz_event/quiz_event_dot.png) no-repeat 0 0; background-size:100% 100%; margin:14px auto;}
.quiz_eventBox .quiz_rankingBox .quiz_ranking.mine li {background:#F88504}

.quiz_eventBox .quiz_ranking_txtBox {margin:28px 0 56px;}
.quiz_eventBox .quiz_ranking_txtBox .tlt {font-size:28px; margin-bottom:7px;}
.quiz_eventBox .quiz_ranking_txtBox .txt {font-size:21px; color:#565656}

.quiz_eventBox .quiz_infoBox {background:#F8F8F8; padding:56px 30px 65px;}

.quiz_eventBox .quiz_num {margin-bottom:56px;}
.quiz_eventBox .quiz_num li {position:relative; padding:5px 0 0 50px; margin-bottom:28px; font-size:24px;}
.quiz_eventBox .quiz_num .num {position:absolute; top:0; left:0; width:35px; height:35px; line-height:35px; border-radius:50%; background:#F88504; color:#fff; text-align:center;}
.quiz_eventBox a {color:#4A30EC; /*border-bottom:1px solid #4A30EC*/}

.quiz_eventBox .quiz_infoBox .big_tlt {margin-bottom:35px}
.quiz_eventBox .quiz_infoBox .txtBox {font-size:24px}

.quiz_eventBox .quiz_linkBtn {margin-top:33px}
.quiz_eventBox .quiz_linkBtn button {border:0; background:#F88504; border-radius:50px; height:74px; width:403px; color:#fff; font-size:28px;}
.quiz_eventBox .quiz_linkBtn .icon {width:32px; height:32px; display:inline-block;}
.quiz_eventBox .quiz_linkBtn .icon img {width:100%; height:100%;}

.quiz_eventBox .quiz_notice {padding:48px 30px 85px; color:#616161}
.quiz_eventBox .quiz_notice .tlt {font-size:24px; margin-bottom:20px}
.quiz_eventBox .bul01 li {position:relative; margin-bottom:5px; line-height:1.5em; font-size:21px; padding:0 0 0 15px}
.quiz_eventBox .bul01 li:before {content:"·"; display:inline-block; vertical-align:middle; position:absolute; top:0; left:0}
.quiz_eventBox .bul01.bul01_2 li {margin-bottom:5px}


.quiz_eventBox .slideBox {margin-top:27px}
.quiz_eventBox .slideBox .slide_tlt .arrow_icon {display:inline-block; vertical-align:middle; width:10px; height:9px; margin-top:-3px; background-size:100% 100% !important;} 
.quiz_eventBox .slideBox .slide_tlt .arrow_down {background:url(/person/img/quiz_event/quiz_arrow_down.png) no-repeat 0 0;}
.quiz_eventBox .slideBox .slide_tlt .arrow_up {background:url(/person/img/quiz_event/quiz_arrow_up.png) no-repeat 0 0;}
.quiz_eventBox .slideBox .slide_tlt {font-size:24px; color:#4A30EC; margin-bottom:28px;}
.quiz_eventBox .slideBox .slide_tlt .up {display:none}
.quiz_eventBox .slideBox .slide_tlt.active .up {display:block}
.quiz_eventBox .slideBox .slide_tlt.active .down {display:none}
.quiz_eventBox .slideBox .slide_cont {display:none}

.quiz_eventBox .quiz_okBtn {width:100%; height:100px; border:0; background:#F88504; color:#fff; font-size:28px}
.quiz_eventBox .quiz_okBtn_a {line-height:100px}

.quiz_eventBox.Btn_none .quiz_okBtn {display:none}
.quiz_eventBox.Btn_none {padding-bottom:30px}


/*새 이벤트 추가*/
.quiz_eventBox2  {color:#212329}
.quiz_eventBox2 .quiz_event_countBox {background:#F2F5FA; color:#29333F; margin:65px 0}
.quiz_eventBox .quiz_event_countBox .tlt {font-weight:700}
.quiz_eventBox2 .quiz_event_countBox .num {background:#fff; color:#29333F; font-weight:600}
.quiz_eventBox2 .quiz_event_countBox .chanceUl li:after {background:#fff;}

.quiz_eventBox .cl01 {color:#00C63B !important}
.quiz_eventBox .cl02 {color:#2D4C68 !important}

.quiz_eventBox .top_txt {font-size:26px; margin:25px 0 63px; line-height:1.3em}

.quiz_eventBox .ev_tltBox {margin-bottom:26px}
.quiz_eventBox .ev_tlt {padding:8px 25px; background:#2D4C68; border-radius:50px; display:inline-block; text-align:center;}
.quiz_eventBox .ev_tlt > span {display:inline-block; vertical-align:middle;}
.quiz_eventBox .ev_tlt .ev_bul img {height:35px;}
.quiz_eventBox .ev_tlt .tlt {font-size:26px; color:#fff; font-weight:700}

.quiz_eventBox .quiz_eventUl02Box {border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; padding:30px 0; margin-bottom:40px; display:flex; justify-content: center;}
.quiz_eventBox .quiz_eventUl02_2 li {margin-bottom:16px;}

.quiz_eventBox .ev_thebig_tlt {font-size:42px; font-weight:700; margin-bottom:50px}
.quiz_eventBox .ev_thebig_tlt > span {display:inline-block; vertical-align:middle}
.quiz_eventBox .ev_thebig_tlt .tlt {margin:0 5px; padding-top:8px}
.quiz_eventBox .ev_thebig_tlt .icon img {height:42px;}

.quiz_eventBox2 .quiz_specialBox {margin-top:0 !important}
.quiz_eventBox .quiz_specialBox .quiz_special_tlt01 {color:#1F55F8}
.quiz_eventBox .quiz_specialBox .quiz_special_tlt02 {color:#F8045C}
.quiz_eventBox2 .quiz_special_cont {padding:23px 20px;}
.quiz_eventBox .quiz_special_cont01 {background:#E2EDFF}
.quiz_eventBox .quiz_special_cont02 {background:#FFEEEE}

.quiz_eventBox2 .quiz_special_cont .txt {color:#565656}

.quiz_eventBox .quiz_special_plusBox {margin:35px 0}
.quiz_eventBox .quiz_special_plusBox img {height:35px;}


.quiz_eventBox2 .quiz_rankingBox {background:#F2F5FA; color:#fff;}
.quiz_eventBox2 .quiz_rankingBox .quiz_ranking li {background:#fff; color:#374555}

.quiz_eventBox2 .quiz_rankingBox .quiz_ranking.mine li {background:#374555; color:#fff}
.quiz_eventBox2 .quiz_ranking_txtBox .txt {color:#565656}
.quiz_eventBox2 .quiz_rankingBox .quiz_ranking_dot {background:url(/person/img/quiz_event/quiz_event_dot2.png) no-repeat 0 0; background-size:100% 100%}

.quiz_eventBox2 .quiz_notice {background:#F2F5FA}
.quiz_eventBox2 .quiz_notice2 {background:none; border-top:1px solid #F2F5FA; padding-top:65px; margin-top:40px;}

.quiz_eventBox2 .quiz_infoBox {background:#fff; padding-top:0 !important}
.quiz_eventBox2 .quiz_infoBox .quiz_info_list li {margin-bottom:30px; font-size:24px;}

.quiz_eventBox2 .quiz_ranking_txtBox {margin-bottom:0 !important}
.quiz_eventBox .ev_tabsBox {margin-bottom:56px;}
.quiz_eventBox .ev_tabsBox .tabs {text-align:left; margin-bottom:50px}
.quiz_eventBox .ev_tabsBox .tabs li {display:inline-block; cursor:pointer; height:52px; line-height:52px; padding:0 20px; border-radius:50px; border:1px solid #FDEADE; color:#44464A; font-size:23px; text-align:center; margin-right:10px}
.quiz_eventBox .ev_tabsBox .tabs li:last-child {margin-right:0}
.quiz_eventBox .ev_tabsBox .tabs .active {border-color:#F37321; background:#F37321; color:#fff;}


.quiz_eventBox .ev_acmtBox .ev_stltBox {margin-bottom:50px; display:flex; align-items: center;}

.quiz_eventBox .ev_acmtBox .ev_stltBox .tlt > span {display:inline-block; vertical-align:middle}
.quiz_eventBox .ev_acmtBox .ev_stltBox .ev_stlt {font-size:26px; font-weight:700}
.quiz_eventBox .ev_acmtBox .ev_stltBox .ev_sbul img {height:32px}
.quiz_eventBox .ev_acmtBox .ev_stltBox .txt {margin-left:auto; font-size:23px; color:#565656}

.quiz_eventBox .ev_acmtBox .ev_sum {font-size:70px; line-height:1.3em}

.quiz_eventBox .ev_tableBox .tb_gray {color:#565656}
.quiz_eventBox .ev_tableBox, .quiz_eventBox .ev_tableBox table {width:100%}
.quiz_eventBox .ev_tableBox th, .quiz_eventBox .ev_tableBox td {font-size:24px; padding:26px 16px; text-align:center; word-break: break-all;}
.quiz_eventBox .ev_tableBox2 th, .quiz_eventBox .ev_tableBox2 td {font-size:16px; padding:26px 5px}

.quiz_eventBox .ev_tableBox thead th {border-bottom:1px solid #FC8500}
.quiz_eventBox .ev_tableBox td {border-bottom:1px solid #F2F5FA}
.quiz_eventBox .ev_tableBox .no_line {border-bottom:0}
.quiz_eventBox .ev_tableBox .point_bottom_line th, .quiz_eventBox .ev_tableBox .point_bottom_line td {border-color:#FC8500}

.quiz_eventBox .ev_moreBtn {margin-top:34px; height:60px; line-height:60px; border:1px solid #FC8500; border-radius:50px; padding:0 40px; color:#FC8500; font-size:24px; display:inline-block; cursor:pointer}
.quiz_eventBox2 .tab_content {display:none}
.quiz_eventBox2 .tab_content.fast {display:block}


.quiz_eventBox .quiz_event_countBox .count2 .num {width:auto; border-radius:50px; font-size:32px !important; padding:0 70px; height:70px; line-height:70px}


@media screen and (max-width:660px){	
	.quiz_eventBox .outBox_pd {padding:0 4vw;}

	.quiz_eventBox .quiz_event_countBox {margin:3.8vw 0 2.4vw; border-radius:3vw; padding:3.8vw 5vw}
	.quiz_eventBox .quiz_event_countBox .tlt {font-size:3.1vw; margin-bottom:3.5vw}
	.quiz_eventBox .quiz_event_countBox .count li {font-size:3.8vw; margin-right:2.4vw}
	.quiz_eventBox .quiz_event_countBox .num {width:10.5vw; height:10.5vw; line-height:10vw; font-size:5.2vw !important;}
	.quiz_eventBox .quiz_event_countBox .chanceUl {margin-top:4.5vw}
	.quiz_eventBox .quiz_event_countBox .chanceUl li {margin-right:2vw; font-size:4.2vw;}
	.quiz_eventBox .quiz_event_countBox .chanceUl li:after {width:0.4vw; height:3.5vw; margin:0 0.7vw 0 2vw}

	.quiz_eventBox .big_tlt {font-size:5.2vw; margin-bottom:6.7vw;}

	.quiz_eventBox .quiz_eventUl01 li {margin-bottom:5vw}
	.quiz_eventBox .quiz_eventUl01 .img {width:33.8vw; height:33.8vw; margin:0 auto 2vw}
	.quiz_eventBox .quiz_eventUl01 .txt {font-size:3.8vw;}

	.quiz_eventBox .quiz_eventUl02 li {margin-bottom:3.8vw;}
	.quiz_eventBox .quiz_eventUl02 .img {width:11.5vw; height:11.5vw; margin-right:3.4vw;}

	.quiz_eventBox .quiz_eventUl02 .txt {font-size:3.8vw;}


	.quiz_eventBox .quiz_specialBox {margin:5.5vw 0 0;}
	.quiz_eventBox .quiz_specialBox .quiz_special_tlt {font-size:4.5vw; margin-bottom:2.3vw;}

	.quiz_eventBox .quiz_special_cont {border-radius:2.4vw; padding:3.3vw 4vw; font-size:3.4vw;}


	.quiz_eventBox .quiz_rankingBox {border-radius:2.4vw; padding:6.5vw 4vw; margin-top:3.4vw;}
	.quiz_eventBox .quiz_rankingBox .tlt {font-size:5.2vw; margin-bottom:5.2vw;}
	.quiz_eventBox .quiz_rankingBox .quiz_ranking li {height:10.5vw; line-height:10vw; border-radius:0.9vw; padding:0 4vw; font-size:4.5vw; margin-bottom:2.4vw;}
	.quiz_eventBox .quiz_rankingBox .quiz_ranking .num {margin-right:4.5vw}

	.quiz_eventBox .quiz_rankingBox .quiz_ranking_dot {width:0.9vw; height:4.5vw; margin:2.4vw auto;}

	.quiz_eventBox .quiz_ranking_txtBox {margin:3.8vw 0 6.6vw;}
	.quiz_eventBox .quiz_ranking_txtBox .tlt {font-size:3.8vw; margin-bottom:0.9vw;}
	.quiz_eventBox .quiz_ranking_txtBox .txt {font-size:3.1vw;}

	.quiz_eventBox .quiz_infoBox {padding:6.6vw 4vw;}

	.quiz_eventBox .quiz_num {margin-bottom:6.6vw;}
	.quiz_eventBox .quiz_num li {padding:0.7vw 0 0 8vw; margin-bottom:3.8vw; font-size:3.4vw;}
	.quiz_eventBox .quiz_num .num {width:5.5vw; height:5.5vw; line-height:5.5vw;}

	.quiz_eventBox .quiz_infoBox .big_tlt {margin-bottom:4.5vw}
	.quiz_eventBox .quiz_infoBox .txtBox {font-size:3.4vw}

	.quiz_eventBox .quiz_linkBtn {margin-top:4.3vw}
	.quiz_eventBox .quiz_linkBtn button {border-radius:6vw; height:9.4vw; width:90%; font-size:3.8vw;}
	.quiz_eventBox .quiz_linkBtn .icon {width:4.2vw; height:4.2vw;}

	.quiz_eventBox .quiz_notice {padding:5.8vw 4vw 9.7vw;}
	.quiz_eventBox .quiz_notice .tlt {font-size:3.4vw; margin-bottom:3vw}
	.quiz_eventBox .bul01 li {margin-bottom:0.7vw; font-size:3.1vw; padding:0 0 0 2.5vw}
	.quiz_eventBox .bul01.bul01_2 li {margin-bottom:0.7vw}

	.quiz_eventBox .slideBox {margin-top:3.7vw}
	.quiz_eventBox .slideBox .slide_tlt .arrow_icon {width:2vw; height:1.9vw; margin-top:-0.5vw;} 
	.quiz_eventBox .slideBox .slide_tlt {font-size:3.4vw; margin-bottom:3.8vw;}

	.quiz_eventBox .quiz_okBtn {height:13vw; font-size:3.8vw}
	.quiz_eventBox .quiz_okBtn_a {line-height:13vw}
	.quiz_eventBox.Btn_none {padding-bottom:5vw}


	/*새 이벤트 추가*/
	.quiz_eventBox2 .quiz_event_countBox {margin:7.5vw 0}

	.quiz_eventBox .top_txt {font-size:3.6vw; margin:3.5vw 0 7.3vw;}

	.quiz_eventBox .ev_tltBox {margin-bottom:3.6vw}
	.quiz_eventBox .ev_tlt {padding:1vw 3.5vw; border-radius:6vw;}
	.quiz_eventBox .ev_tlt .ev_bul img {height:4.5vw;}
	.quiz_eventBox .ev_tlt .tlt {font-size:3.6vw;}

	.quiz_eventBox .quiz_eventUl02Box {padding:4vw 0; margin-bottom:5vw;}
	.quiz_eventBox .quiz_eventUl02_2 li {margin-bottom:2.6vw;}

	.quiz_eventBox .ev_thebig_tlt {font-size:5.2vw; margin-bottom:6vw}
	.quiz_eventBox .ev_thebig_tlt .tlt {margin:0 0.7vw; padding-top:1vw}
	.quiz_eventBox .ev_thebig_tlt .icon img {height:5.2vw;}

	.quiz_eventBox2 .quiz_special_cont {padding:3.3vw 3vw;}

	.quiz_eventBox .quiz_special_plusBox {margin:4.5vw 0}
	.quiz_eventBox .quiz_special_plusBox img {height:4.5vw;}

	.quiz_eventBox2 .quiz_notice2 {padding-top:7.5vw; margin-top:5vw;}

	.quiz_eventBox2 .quiz_infoBox .quiz_info_list li {margin-bottom:4vw; font-size:3.4vw;}

	.quiz_eventBox .ev_tabsBox {margin-bottom:6.6vw;}
	.quiz_eventBox .ev_tabsBox .tabs {margin-bottom:6vw}
	.quiz_eventBox .ev_tabsBox .tabs li {height:7.2vw; line-height:7.2vw; padding:0 3vw; border-radius:6vw; font-size:3.3vw; margin-right:1.5vw}

	.quiz_eventBox .ev_acmtBox .ev_stltBox {margin-bottom:6vw;}

	.quiz_eventBox .ev_acmtBox .ev_stltBox .ev_stlt {font-size:3.6vw;}
	.quiz_eventBox .ev_acmtBox .ev_stltBox .ev_sbul img {height:4.2vw}
	.quiz_eventBox .ev_acmtBox .ev_stltBox .txt {font-size:3.3vw;}

	.quiz_eventBox .ev_acmtBox .ev_sum {font-size:8vw;}
	.quiz_eventBox .ev_tableBox th, .quiz_eventBox .ev_tableBox td {font-size:3.4vw; padding:3.6vw 2.6vw;}
	.quiz_eventBox .ev_tableBox2 th, .quiz_eventBox .ev_tableBox2 td {font-size:2.6vw; padding:3.6vw 0.7vw;}
	.quiz_eventBox .ev_moreBtn {margin-top:4.4vw; height:8vw; line-height:8vw; border-radius:6vw; padding:0 5vw; font-size:3.4vw;}

	.quiz_eventBox .quiz_event_countBox .count2 .num {width:auto; border-radius:5vw; font-size:4.2vw !important; padding:0 8vw; height:9vw; line-height:9vw}
}

@media screen and (max-width:480px){
	.quiz_eventBox .outBox_pd {padding:0 4vw;}

	.quiz_eventBox .quiz_event_countBox {margin:4.8vw 0 3.4vw; border-radius:4vw; padding:4.8vw 4vw}
	.quiz_eventBox .quiz_event_countBox .tlt {font-size:4.1vw; margin-bottom:4.5vw}
	.quiz_eventBox .quiz_event_countBox .count li {font-size:4.8vw; margin-right:2.4vw}
	.quiz_eventBox .quiz_event_countBox .num {width:11.5vw; height:11.5vw; line-height:11vw; font-size:6.2vw !important;}
	.quiz_eventBox .quiz_event_countBox .chanceUl {margin-top:5.5vw}
	.quiz_eventBox .quiz_event_countBox .chanceUl li {margin-right:3vw; font-size:5.2vw;}
	.quiz_eventBox .quiz_event_countBox .chanceUl li:after {width:0.6vw; height:4.5vw; margin:0 0.9vw 0 3vw}

	.quiz_eventBox .big_tlt {font-size:6.2vw; margin-bottom:7.7vw;}

	.quiz_eventBox .quiz_eventUl01 li {margin-bottom:6vw}
	.quiz_eventBox .quiz_eventUl01 .img {width:43.8vw; height:43.8vw; margin:0 auto 3vw}
	.quiz_eventBox .quiz_eventUl01 .txt {font-size:4.8vw;}

	.quiz_eventBox .quiz_eventUl02 li {margin-bottom:4.8vw;}
	.quiz_eventBox .quiz_eventUl02 .img {width:14.5vw; height:14.5vw; margin-right:4vw;}

	.quiz_eventBox .quiz_eventUl02 .txt {font-size:4.8vw;}


	.quiz_eventBox .quiz_specialBox {margin:6.5vw 0 0;}
	.quiz_eventBox .quiz_specialBox .quiz_special_tlt {font-size:5.5vw; margin-bottom:3.3vw;}

	.quiz_eventBox .quiz_special_cont {border-radius:3.4vw; padding:4.3vw 4vw; font-size:4.4vw;}


	.quiz_eventBox .quiz_rankingBox {border-radius:3.4vw; padding:7.5vw 5vw; margin-top:4.4vw;}
	.quiz_eventBox .quiz_rankingBox .tlt {font-size:6.2vw; margin-bottom:6.2vw;}
	.quiz_eventBox .quiz_rankingBox .quiz_ranking li {height:12.5vw; line-height:12vw; border-radius:1vw; padding:0 5vw; font-size:5.5vw; margin-bottom:3.4vw;}
	.quiz_eventBox .quiz_rankingBox .quiz_ranking .num {margin-right:5.5vw}

	.quiz_eventBox .quiz_rankingBox .quiz_ranking_dot {width:1vw; height:5.5vw; margin:3.4vw auto;}

	.quiz_eventBox .quiz_ranking_txtBox {margin:4.8vw 0 7.6vw;}
	.quiz_eventBox .quiz_ranking_txtBox .tlt {font-size:4.8vw; margin-bottom:1.9vw;}
	.quiz_eventBox .quiz_ranking_txtBox .txt {font-size:4.1vw;}

	.quiz_eventBox .quiz_infoBox {padding:7.6vw 4vw;}

	.quiz_eventBox .quiz_num {margin-bottom:7.6vw;}
	.quiz_eventBox .quiz_num li {padding:0.9vw 0 0 9vw; margin-bottom:4.8vw; font-size:4vw;}
	.quiz_eventBox .quiz_num .num {width:6.5vw; height:6.5vw; line-height:6.5vw;}

	.quiz_eventBox .quiz_infoBox .big_tlt {margin-bottom:5.5vw}
	.quiz_eventBox .quiz_infoBox .txtBox {font-size:4.4vw}

	.quiz_eventBox .quiz_linkBtn {margin-top:5.3vw}
	.quiz_eventBox .quiz_linkBtn button {border-radius:7vw; height:11.4vw; width:90%; font-size:4.8vw;}
	.quiz_eventBox .quiz_linkBtn .icon {width:5.2vw; height:5.2vw;}

	.quiz_eventBox .quiz_notice {padding:7.8vw 4vw 10.7vw;}
	.quiz_eventBox .quiz_notice .tlt {font-size:4.4vw; margin-bottom:4vw}
	.quiz_eventBox .bul01 li {margin-bottom:1vw; font-size:4vw; padding:0 0 0 3.5vw}
	.quiz_eventBox .bul01.bul01_2 li {margin-bottom:1vw}

	.quiz_eventBox .slideBox {margin-top:4.7vw}
	.quiz_eventBox .slideBox .slide_tlt .arrow_icon {width:3vw; height:2.9vw; margin-top:-0.6vw;} 
	.quiz_eventBox .slideBox .slide_tlt {font-size:4.4vw; margin-bottom:4.8vw;}

	.quiz_eventBox .quiz_okBtn {height:16vw; font-size:4.8vw}
	.quiz_eventBox .quiz_okBtn_a {line-height:16vw}

	.quiz_eventBox.Btn_none {padding-bottom:7vw}


	/*새 이벤트 추가*/
	.quiz_eventBox2 .quiz_event_countBox {margin:8.5vw 0}

	.quiz_eventBox .top_txt {font-size:4.6vw; margin:4.5vw 0 8.3vw;}

	.quiz_eventBox .ev_tltBox {margin-bottom:4.6vw}
	.quiz_eventBox .ev_tlt {padding:1.2vw 4.5vw; border-radius:7vw;}
	.quiz_eventBox .ev_tlt .ev_bul img {height:5.5vw;}
	.quiz_eventBox .ev_tlt .tlt {font-size:4.6vw;}

	.quiz_eventBox .quiz_eventUl02Box {padding:5vw 0; margin-bottom:6vw;}
	.quiz_eventBox .quiz_eventUl02_2 li {margin-bottom:3.6vw;}

	.quiz_eventBox .ev_thebig_tlt {font-size:6.2vw; margin-bottom:7vw}
	.quiz_eventBox .ev_thebig_tlt .tlt {margin:0 1vw; padding-top:1.2vw}
	.quiz_eventBox .ev_thebig_tlt .icon img {height:6.2vw;}

	.quiz_eventBox2 .quiz_special_cont {padding:4.3vw 4vw;}

	.quiz_eventBox .quiz_special_plusBox {margin:5.5vw 0}
	.quiz_eventBox .quiz_special_plusBox img {height:5.5vw;}

	.quiz_eventBox2 .quiz_notice2 {padding-top:8.5vw; margin-top:6vw;}

	.quiz_eventBox2 .quiz_infoBox .quiz_info_list li {margin-bottom:5vw; font-size:4.4vw;}

	.quiz_eventBox .ev_tabsBox {margin-bottom:7.6vw;}
	.quiz_eventBox .ev_tabsBox .tabs {margin-bottom:7vw}
	.quiz_eventBox .ev_tabsBox .tabs li {height:9.2vw; line-height:9.2vw; padding:0 4vw; border-radius:7vw; font-size:4.3vw; margin-right:2vw}

	.quiz_eventBox .ev_acmtBox .ev_stltBox {margin-bottom:7vw;}

	.quiz_eventBox .ev_acmtBox .ev_stltBox .ev_stlt {font-size:4.6vw;}
	.quiz_eventBox .ev_acmtBox .ev_stltBox .ev_sbul img {height:5.2vw}
	.quiz_eventBox .ev_acmtBox .ev_stltBox .txt {font-size:4.3vw;}

	.quiz_eventBox .ev_acmtBox .ev_sum {font-size:9vw;}
	.quiz_eventBox .ev_tableBox th, .quiz_eventBox .ev_tableBox td {font-size:4.4vw; padding:4.6vw 3.6vw;}
	.quiz_eventBox .ev_tableBox2 th, .quiz_eventBox .ev_tableBox2 td {font-size:3vw; padding:4.6vw 0.7vw;}
	.quiz_eventBox .ev_moreBtn {margin-top:5.4vw; height:10vw; line-height:10vw; border-radius:7vw; padding:0 6vw; font-size:4.4vw;}

	.quiz_eventBox .quiz_event_countBox .count2 .num {width:auto; border-radius:6vw; font-size:5.2vw !important; padding:0 9vw; height:11vw; line-height:11vw}
}


/*20240619 jisoo 추가*/
#correct_list_tbody .moreBox {display:none}
.quiz_eventBox .correct_list_more {display:block; background:#2D4C68; color:#fff; font-size:13px; width:73px; padding:5px 0; border-radius:50px; margin:5px auto 0; cursor:pointer}

#ev_tableBox_loadMore {height:60px; line-height:55px; width:100%; font-size:18px; border:1px solid #F2F5FA; border-radius:8px; font-weight:700; cursor:pointer; margin:15px auto 0;}
#ev_tableBox_loadMore .txt {position:relative; display:inline-block; padding-right:20px; color:#2D4C68;}
#ev_tableBox_loadMore .txt:after {content:""; display:inline-block; position:absolute; top:45%; right:-15px; transform:translateX(-50%); width:18px; height:10px; background: url(/person/img/earnings_bt_icon.png) no-repeat 0 0; background-size:100% 100%;}


.correct_list_more_pop {display:none}
.correct_list_more_popBox {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); background:#fff; max-width:520px; width:100%; padding:30px 25px; border-radius:30px}
.correct_list_more_pop .correct_nameBox {display:flex; align-items:center; margin-bottom:35px}
.correct_list_more_pop .correct_name {font-size:20px; color:#111; font-weight:700}

.correct_list_more_pop .correct_deposit_details_tltBox {font-size:20px; color:#111; font-weight:700; margin-right:8px}
.correct_list_more_pop .correct_deposit_details {display:flex; align-items:center; margin-left:auto;}
.correct_list_more_pop #correct_deposit_details_switch {appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.correct_list_more_pop .correct_deposit_details .switch_label {margin-top:10px; position:relative; cursor: pointer; display: inline-block; width:60px; height:30px; background: #A6A5A1; border-radius:50px; transition:all 0.2s;}
.correct_list_more_pop #correct_deposit_details_switch:checked+.switch_label {background: #FC8500;}
.correct_list_more_pop .correct_deposit_details .switch_label .onf_btn {position: absolute; top:5px; left:5px; display: inline-block; width:20px; height:20px; border-radius:50px; background:#fff; transition: 0.2s;}
#correct_deposit_details_switch:checked+.switch_label .onf_btn {left:35px;}


.correct_list_more_pop .correct_list_more_popUl_head {border-bottom:1px solid #FC8500; padding-bottom:15px; margin:0 20px}
.correct_list_more_pop .correct_list_more_popUl_head li {display:flex; align-items:center; font-size:20px; color:#212329;}
.correct_list_more_pop .clmp_Ul_head_wd2 .correct_list_more_popUl .price, .correct_list_more_pop .clmp_Ul_body_wd2 .correct_list_more_popUl .price {margin-left:auto; font-weight:600}

.correct_list_more_pop .clmp_Ul_body_wd2 .correct_list_more_popUl_body {border-bottom:1px solid #F2F5FA; padding-bottom:20px}
.correct_list_more_pop .clmp_Ul_body_wd2 .correct_list_more_popUl_body:last-child {padding-bottom:0}
.correct_list_more_pop .correct_list_more_popUl_body {padding-top:20px}
.correct_list_more_pop .correct_list_more_popUl_body:last-child {border-bottom:0}
.correct_list_more_pop .clmp_Ul_body_wd2 .correct_list_more_popUl_body li {display:flex; align-items:center;}
.correct_list_more_pop .correct_list_more_popUl_body li {font-size:18px; color:#212329; margin-bottom:14px;}
.correct_list_more_pop .correct_list_more_popUl_body li:last-child {margin-bottom:0;} 
.correct_list_more_pop .clmp_Ul_scroll {overflow-y:auto; height:450px; padding:0 20px}

.correct_list_more_pop .correct_list_more_close {display:block; margin-top:60px; width:100%; height:60px; line-height:60px; border-radius:12px; background:#FC8500; color:#fff; font-size:20px; font-weight:700; text-align:center}
.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl_head {font-weight:700}

.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_tlt {position:relative; cursor:pointer; display:flex; align-items:center;}
.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_tlt:after {content:""; display:inline-block; position:absolute; top:8px; right:0; width:16px; height:11px; background:url(/person/img/clmp_Ul_arrow.png) no-repeat 0 0; background-size:100% 100%; transition:all 0.3s}
.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_tlt.active:after {transform: rotate(180deg);}


.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .data, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .data {width:35%}
.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .market_type, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .market_type {width:15%; text-align:center;}
.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .price, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .price {width:50%; text-align:right;}
.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .price {font-weight:700; padding-right:26px}

.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txtBox {display:none; margin-top:10px; background:#F2F5FA; padding:12px 16px; border-radius:12px;}
.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txt {display:flex; align-items:center;}
.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txt .tlt {font-weight:600}
.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txt .cl01 {color:#2D4C68}
.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txt .txt {margin-left:auto;}

.correct_list_more_pop .no_data {display:block !important; width:100%; text-align:center; font-size:18px; color:#616161; padding:30px}


@media screen and (max-width:660px){
	.quiz_eventBox .correct_list_more {font-size:2.3vw; width:10.3vw; padding:0.7vw 0; border-radius:6vw; margin:0.7vw auto 0;}

	#ev_tableBox_loadMore {height:9vw; line-height:8.5vw; font-size:2.8vw; border-radius:1vw; margin:2.5vw auto 0;}
	#ev_tableBox_loadMore .txt {padding-right:3vw;}
	#ev_tableBox_loadMore .txt:after {top:40%; right:-2.5vw; width:2.8vw; height:2vw;}

	.correct_list_more_popBox {max-width:84%; padding:4vw 3.5vw; border-radius:4vw}
	.correct_list_more_pop .correct_nameBox {margin-bottom:4.5vw}
	.correct_list_more_pop .correct_name {font-size:3vw;}

	.correct_list_more_pop .correct_deposit_details_tltBox {font-size:3vw; margin-right:1vw}
	.correct_list_more_pop .correct_deposit_details .switch_label {margin-top:1vw; width:9vw; height:5vw; border-radius:6vw;}
	.correct_list_more_pop .correct_deposit_details .switch_label .onf_btn {top:0.7vw; left:0.7vw; width:3.6vw; height:3.6vw; border-radius:6vw;}
	#correct_deposit_details_switch:checked+.switch_label .onf_btn {left:4.5vw;}

	.correct_list_more_pop .correct_list_more_popUl_head {padding-bottom:2.5vw; margin:0 3vw}
	.correct_list_more_pop .correct_list_more_popUl_head li {font-size:3vw;}

	.correct_list_more_pop .correct_list_more_popUl_body {padding-top:3vw}
	.correct_list_more_pop .correct_list_more_popUl_body li {font-size:2.8vw; margin-bottom:2.4vw;}
	.correct_list_more_pop .clmp_Ul_scroll {height:73vw; padding:0 3vw}

	.correct_list_more_pop .correct_list_more_close {margin-top:7vw; height:9vw; line-height:9vw; border-radius:2.2vw; font-size:3vw;}
	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_tlt:after {top:1.2vw; width:2.8vw; height:1.7vw;}

	.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .data, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .data {width:35%}
	.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .market_type, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .market_type {width:15%;}
	.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .price, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .price {width:50%;}
	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .price {padding-right:4.6vw}

	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txtBox {margin-top:2vw; padding:2.2vw 2.6vw; border-radius:2.2vw;}
	.correct_list_more_pop .no_data {font-size:2.8vw; padding:4vw}
}

@media screen and (max-width:480px){
	.quiz_eventBox .correct_list_more {font-size:3.2vw; width:15.3vw; padding:0.9vw 0; border-radius:7vw; margin:0.9vw auto 0;}

	#ev_tableBox_loadMore {height:12vw; line-height:11.5vw; font-size:3.8vw; border-radius:1.2vw; margin:3.5vw auto 0;}
	#ev_tableBox_loadMore .txt {padding-right:4vw;}
	#ev_tableBox_loadMore .txt:after {top:40%; right:-3.5vw; width:3.8vw; height:2.3vw;}

	.correct_list_more_popBox {max-width:94%; padding:5vw 4.5vw; border-radius:5vw}
	.correct_list_more_pop .correct_nameBox {margin-bottom:5.5vw}
	.correct_list_more_pop .correct_name {font-size:4vw;}

	.correct_list_more_pop .correct_deposit_details_tltBox {font-size:4vw; margin-right:1.2vw}
	.correct_list_more_pop .correct_deposit_details .switch_label {margin-top:1.2vw; width:12vw; height:7vw; border-radius:4vw;}
	.correct_list_more_pop .correct_deposit_details .switch_label .onf_btn {top:1.1vw; left:1.1vw; width:5vw; height:5vw; border-radius:7vw;}
	#correct_deposit_details_switch:checked+.switch_label .onf_btn {left:5.8vw;}

	.correct_list_more_pop .correct_list_more_popUl_head {padding-bottom:3.5vw; margin:0 4vw}
	.correct_list_more_pop .correct_list_more_popUl_head li {font-size:4vw;}

	.correct_list_more_pop .correct_list_more_popUl_body {padding-top:4vw}
	.correct_list_more_pop .correct_list_more_popUl_body li {font-size:3.8vw; margin-bottom:3.4vw;}
	.correct_list_more_pop .clmp_Ul_scroll {height:100vw; padding:0 4vw}

	.correct_list_more_pop .correct_list_more_close {margin-top:8vw; height:12vw; line-height:12vw; border-radius:3.2vw; font-size:4vw;}
	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_tlt:after {top:1.6vw; width:3.6vw; height:2.4vw;}

	.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .data, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .data {width:35%}
	.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .market_type, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .market_type {width:15%;}
	.correct_list_more_pop .clmp_Ul_head_wd3 .correct_list_more_popUl .price, .correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .price {width:50%;}
	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl .price {padding-right:5.6vw}

	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txtBox {margin-top:3vw; padding:3.2vw 3.6vw; border-radius:3.2vw; font-size:3.2vw}
	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txt .tlt {width:20%}
	.correct_list_more_pop .clmp_Ul_body_wd3 .correct_list_more_popUl_body .correct_slide_txt .txt {width:80%}
	.correct_list_more_pop .no_data {font-size:3.8vw; padding:5vw}
}


/*퀴즈02*/
.quiz_eventBox02 {padding:85px 0 80px}
.quiz_eventBox .quiz_top_tlt {font-size:49px; margin-bottom:46px; line-height:1.4em;}
.quiz_eventBox .quiz_small_txt {font-size:24px; color:#505050; margin-bottom:42px}
.quiz_eventBox .stratBtn {border:0; background:#F88504; color:#fff; border-radius:50px; font-size:32px; width:252px; height:85px;}
.quiz_eventBox .quiz_btBox {margin-top:130px; font-size:24px; line-height:1.5em}


@media screen and (max-width:660px){	
	.quiz_eventBox02 {padding:9.5vw 0 9vw}
	.quiz_eventBox .quiz_top_tlt {font-size:5.9vw; margin-bottom:5.6vw;}
	.quiz_eventBox .quiz_small_txt {font-size:3.1vw; margin-bottom:5.2vw}
	.quiz_eventBox .stratBtn {border-radius:6vw; font-size:4.2vw; width:34.2vw; height:10.5vw;}
	.quiz_eventBox .quiz_btBox {margin-top:14vw; font-size:3.1vw;}
}

@media screen and (max-width:480px){
	.quiz_eventBox02 {padding:10.5vw 0 10vw}
	.quiz_eventBox .quiz_top_tlt {font-size:6.9vw; margin-bottom:6.6vw;}
	.quiz_eventBox .quiz_small_txt {font-size:4.1vw; margin-bottom:6.2vw}
	.quiz_eventBox .stratBtn {border-radius:7vw; font-size:5.2vw; width:44.2vw; height:12.5vw;}
	.quiz_eventBox .quiz_btBox {margin-top:15vw; font-size:4.1vw;}
}


/*퀴즈03*/
.quiz_eventBox03 {padding:30px 0 130px;}
.quiz_eventBox .jumpBtn {margin-bottom:42px}
.quiz_eventBox .jumpBtn a {font-size:24px; color:#999; border-bottom:1px solid #999;}
.quiz_eventBox .questionBox {margin-bottom:28px;}
.quiz_eventBox .questionBox .num {font-size:24px; border:1px solid #fff; height:42px; line-height:42px; width:150px; border-radius:50px; display:inline-block; margin-bottom:20px}
.quiz_eventBox .questionBox .txt {font-size:35px; line-height:1.5em}

.quiz_eventBox .pic_mvBox {margin-bottom:65px}
.quiz_eventBox .pic_mvBox_line {border-bottom:1px solid #ddd; margin:70px 30px 56px}
.quiz_eventBox .pic_mvBox img {width:100%}

.quiz_eventBox .problem_listUl li {margin-bottom:28px; border:1px solid #fff; border-radius:100px; padding:15px 50px; font-size:32px; line-height:1.4em}
.quiz_eventBox .problem_listUl li.active {background:#fff; color:#212329}

.quiz_okBtn {position:fixed; bottom:0; left:50%; transform: translateX(-50%); max-width:640px;}

@media screen and (max-width:660px){	
	.quiz_eventBox03 {padding:4vw 0 14vw;}
	.quiz_eventBox .jumpBtn {margin-bottom:5.2vw}
	.quiz_eventBox .jumpBtn a {font-size:3.4vw}
	.quiz_eventBox .questionBox {margin-bottom:3.8vw;}
	.quiz_eventBox .questionBox .num {font-size:3.4vw; height:6.2vw; line-height:6.2vw; width:25vw; border-radius:6vw; margin-bottom:3vw}
	.quiz_eventBox .questionBox .txt {font-size:4.5vw;}

	.quiz_eventBox .pic_mvBox {margin-bottom:7.5vw}
	.quiz_eventBox .pic_mvBox_line {margin:8vw 4vw 6.6vw}

	.quiz_eventBox .problem_listUl li {margin-bottom:3.8vw; border-radius:11vw; padding:2.5vw 6vw; font-size:4.2vw;}
}

@media screen and (max-width:480px){
	.quiz_eventBox03 {padding:5vw 0 15vw;}
	.quiz_eventBox .jumpBtn {margin-bottom:6.2vw}
	.quiz_eventBox .jumpBtn a {font-size:4.4vw}
	.quiz_eventBox .questionBox {margin-bottom:4.8vw;}
	.quiz_eventBox .questionBox .num {font-size:4.4vw; height:8.2vw; line-height:8.2vw; width:35vw; border-radius:7vw; margin-bottom:4vw}
	.quiz_eventBox .questionBox .txt {font-size:5.5vw;}

	.quiz_eventBox .pic_mvBox {margin-bottom:8.5vw}
	.quiz_eventBox .pic_mvBox_line {margin:9vw 4vw 7.6vw}

	.quiz_eventBox .problem_listUl li {margin-bottom:4.8vw; border-radius:12vw; padding:3.5vw 7vw; font-size:5.2vw;}
}


/*퀴즈04*/
.quiz_eventBox04 {padding:122px 0 130px;}
.quiz_eventBox .top_icon_txtBox {margin-bottom:50px}
.quiz_eventBox .top_icon_txtBox .icon {width:384px; height:266px; margin:0 auto 20px;}
.quiz_eventBox .top_icon_txtBox .icon img {width:100%}
.quiz_eventBox .top_icon_txtBox .txt {font-size:42px}

.quiz_eventBox04 .quiz_infoBox {padding:0 30px; background:#fff}

@media screen and (max-width:660px){	
	.quiz_eventBox04 {padding:13.2vw 0 14vw;}
	.quiz_eventBox .top_icon_txtBox {margin-bottom:5vw}
	.quiz_eventBox .top_icon_txtBox .icon {width:38.4vw; height:27.6vw; margin:0 auto 3vw;}
	.quiz_eventBox .top_icon_txtBox .txt {font-size:5.2vw}

	.quiz_eventBox04 .quiz_infoBox {padding:0 4vw;}
}

@media screen and (max-width:480px){
	.quiz_eventBox04 {padding:14.2vw 0 15vw;}
	.quiz_eventBox .top_icon_txtBox {margin-bottom:6vw}
	.quiz_eventBox .top_icon_txtBox .icon {width:48.4vw; height:37.6vw; margin:0 auto 4vw;}
	.quiz_eventBox .top_icon_txtBox .txt {font-size:6.2vw}

	.quiz_eventBox04 .quiz_infoBox {padding:0 5vw;}
}


/*퀴즈05*/
.quiz_eventBox {max-width:640px; width:100%; box-sizing:border-box}
.quiz_eventBox .quiz_slBox {position:relative; background:#29333F; color:#fff; border-radius:20px; padding:30px 0 56px;}

.quiz_eventBox .quiz_slBox .quiz_sl_count {font-size:21px; font-weight:700; margin-bottom:50px}
.quiz_eventBox .quiz_slBox .item .tlt {font-size:28px; margin-bottom:28px; padding:0 30px;}
.quiz_eventBox .quiz_slBox .item .answerBox {margin-top:42px; padding:0 30px;}
.quiz_eventBox .quiz_slBox .item .answer_tlt {font-size:28px; margin-bottom:14px}
.quiz_eventBox .quiz_slBox .item .answer_txt {font-size:24px;}

.quiz_eventBox .quiz_sl .img img {max-width:100%; margin: 0 auto}

.quiz_eventBox .quiz_sl .slick-dots {position:absolute; bottom:-100px; left:50%; transform: translateX(-50%);}
.quiz_eventBox .quiz_sl .slick-dots li {display:inline-block; vertical-align:middle; margin:0 5px}
.quiz_eventBox .quiz_sl .slick-dots button {border:0; width:14px; height:14px; border-radius:50%; text-indent:-9999px; background:#374555;}
.quiz_eventBox .quiz_sl .slick-dots .slick-active button {background:#F88504}


@media screen and (max-width:660px){	
	.quiz_eventBox .quiz_slBox {border-radius:3vw; padding:4vw 0 6.6vw;}

	.quiz_eventBox .quiz_slBox .quiz_sl_count {font-size:3.1vw; margin-bottom:6vw}
	.quiz_eventBox .quiz_slBox .item .tlt {font-size:3.8vw; margin-bottom:3.8vw; padding:0 4vw;}
	.quiz_eventBox .quiz_slBox .item .answerBox {margin-top:5.2vw; padding:0 4vw;}
	.quiz_eventBox .quiz_slBox .item .answer_tlt {font-size:3.8vw; margin-bottom:2.4vw}
	.quiz_eventBox .quiz_slBox .item .answer_txt {font-size:3.4vw;}

	.quiz_eventBox .quiz_sl .slick-dots {bottom:-14vw}
	.quiz_eventBox .quiz_sl .slick-dots li {margin:0 0.6vw}
	.quiz_eventBox .quiz_sl .slick-dots button {width:2.4vw; height:2.4vw;}
}

@media screen and (max-width:480px){
	.quiz_eventBox .quiz_slBox {border-radius:4vw; padding:5vw 0 7.6vw;}

	.quiz_eventBox .quiz_slBox .quiz_sl_count {font-size:4.1vw; margin-bottom:7vw}
	.quiz_eventBox .quiz_slBox .item .tlt {font-size:4.8vw; margin-bottom:4.8vw; padding:0 4vw;}
	.quiz_eventBox .quiz_slBox .item .answerBox {margin-top:6.2vw; padding:0 4vw;}
	.quiz_eventBox .quiz_slBox .item .answer_tlt {font-size:4.8vw; margin-bottom:3.4vw}
	.quiz_eventBox .quiz_slBox .item .answer_txt {font-size:4.4vw;}

	.quiz_eventBox .quiz_sl .slick-dots {bottom:-17vw}
	.quiz_eventBox .quiz_sl .slick-dots li {margin:0 0.7vw}
	.quiz_eventBox .quiz_sl .slick-dots button {width:3.4vw; height:3.4vw;}
}


/*퀴즈로딩*/
.gray_back {background:#444A51;}
.quiz_event_loding .jumpBtn {height:30px; width:82px; border-radius:5px; display:inline-block}
.quiz_event_loding .questionBox .num {height:42px; width:150px; border-radius:5px; border:0}
.quiz_event_loding .questionBox .txt {width:100%; height:158px; border-radius:10px;}
.quiz_event_loding .pic_mvBox {width:100%; height:358px; background:#212933}

.quiz_event_loding .problem_listUl li {height:122px; width:100%; background:#444A51; border:0}

@media screen and (max-width:660px){	
	.quiz_event_loding .jumpBtn {height:4vw; width:11.2vw; border-radius:0.7vw;}
	.quiz_event_loding .questionBox .num {height:6.2vw; width:18vw; border-radius:0.5vw;}
	.quiz_event_loding .questionBox .txt {height:16.8vw; border-radius:2vw;}
	.quiz_event_loding .pic_mvBox {height:50vw;}

	.quiz_event_loding .problem_listUl li {height:13.2vw;}
}

@media screen and (max-width:480px){	
	.quiz_event_loding .jumpBtn {height:5vw; width:14.2vw; border-radius:1vw;}
	.quiz_event_loding .questionBox .num {height:7.2vw; width:21vw; border-radius:0.7vw;}
	.quiz_event_loding .questionBox .txt {height:18.8vw; border-radius:3vw;}
	.quiz_event_loding .pic_mvBox {height:60vw;}

	.quiz_event_loding .problem_listUl li {height:15.2vw;}
}

/*-----------------------------------------------마이페이지 해지&환급 20230929-----------------------------------------------*/
.pop_stxt {font-size:16px; margin:20px 0 24px; word-break: keep-all;}
.pop_listUl li {position:realtive; height:46px; padding:13px 15px; background:#F2F5FA; border-radius:8px; margin-bottom:8px; display:flex}
.pop_listUl span {display:inline-block;}
.pop_listUl .tlt {font-size:14px; color:#212329}
.pop_listUl .txt {margin-left:auto; font-size:15px; color:#2D4C68; font-weight:700}
.gray_textarea {width:100%; background:#F9FAFC; border-radius:8px; border:0; padding:16px 12px; margin-top:12px; min-height:80px}
.gray_textarea::placeholder {color:#A9AFBA}

.link_aBtn a {color:#505BF0; border-bottom:1px solid #505BF0; display:inine-block; margin-top:10px;}

.btnBox_style {position:relative; overflow:hidden; font-weight:600}
.btnBox_style .btn_st01, .btnBox_style .btn_st02, .btnBox_style .btn_st03, .btnBox_style .btn_st04, .btnBox_style .btn_st05 {height:56px; line-height:56px; width:49%; margin-right:2%; font-size:18px; float:left; border-radius:12px; text-align:center}
.btnBox_style a:last-child {margin-right:0}

.btn_st01 {background:#fff; color:#565656; border:1px solid #F2F5FA}
.btn_st02 {background:#F88504; color:#fff}
.btn_st03 {background:#E2EDFF; color:#2D4C68}
.btn_st04 {background:#fff; color:#F88504; border:1px solid #F88504}
.btn_st05 {background:#fff; color:#212329; border:1px solid #F2F5FA !important}
.btnBox_style .Btn_off {background:#FAFAFA; color:#D2D2D2;}
.btnBox_style .Btn_off02 {background:#FAFAFA; color:#D2D2D2; border-color:#FAFAFA !important}

.pop_modal .fix_btBox {position:absolute; bottom:25px; left:0; width:100%; padding:0 4%}
.pop_modal .fix_btBox_fix_pd_b {position:fixed !important;}
.pop_modal .fix_btBox_line {border-top:1px solid #F2F5FA; background:#fff; padding:14px 3%}

.pop_modal .fix_btBox_chek_box {position:fixed; bottom:120px; left:4%}


/*20241224 jisoo추가*/
.pop_modal .fix_btBox .certified_info_txt {font-size:16px; color:#616161; border-bottom:1px solid #616161; display:inline-block; text-align:center; cursor:pointer}
.pop_modal .fix_btBox .cf_tooltipBox {display:none; position:fixed; bottom:165px; left:50%; transform: translateX(-50%); background:#F2F5FA; width:94%; font-size:17px; color:#565656; text-align:left; border-radius:10px; padding:20px}
.pop_modal .fix_btBox .cf_tooltipBox.show {display:block;}
.pop_modal .pop_cut_topline {position: relative; border-top:10px solid #F2F5FA;}

.pop_modal .jn_toptltBox {margin-bottom:30px}
.pop_modal .jn_toptltBox .tlt {font-size:30px; font-weight:700; margin-bottom:16px; color:#212329; line-height:1.3em}
.pop_modal .jn_toptltBox .txt {font-size:18px; color:#565656;}



.pop_bt_line {border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;}

.popDl {margin-bottom:30px}
.popDl dl {margin-bottom:16px}
.popDl dt {font-size:14px; margin-bottom:6px; color:#111; font-weight:400}
.popDl dd {position:relative;}
.popDl .tb_inpBox {position:relative;}
.popDl .tb_inp, .popDl .tb_btn {display:inline-block; vertical-align:top;}
.popDl .tb_inp {width:75%; margin-right:2%}
.popDl .tb_btn {width:22%;}
.popDl input, .popDl button {width:100%; border-radius:8px; height:50px; font-size:15px}
.popDl .close_icon {width:auto; height:auto; outline: none; border: none;}


.popDl input {border:1px solid #BEBDB5 !important; padding:0 100px 0 20px !important; color:#111}
.popDl input.red_line {border-color:#F04452 !important; color:#F04452 !important}
.password_input {-webkit-text-security: square; text-security: square;}

.popDl .tb_btn_btt {border:0; background:#F88504; color:#fff;}
.popDl .tb_btn_btt.off {background:#A9A9A9}

.popDl .off input {border-color:#D2D2D2; background:#FAFAFA; color:#D2D2D2}
.popDl .off .tb_btn_btt {background:#FAFAFA; color:#D2D2D2}


.popDl .two_telBox {display:flex; align-items:center; position:relative;}
.popDl .two_telBox .tb_lineBox {border:1px solid #BEBDB5; background:#FAFAFA; border-radius:8px; width:75%; margin-right:2.5%; height:52px;}
.popDl .two_telBox .tb_lineBox2 {background:none}

.popDl .two_telBox .tb_lineBox {display:flex; align-items:center}
.popDl .two_telBox .tb_lineBox .tb_seclectBox {position:relative; width:20%;}
.popDl .two_telBox .tb_lineBox .tb_seclectBox select {background:none; border:0; width:100%; padding-left:24px; color:#707070; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.popDl .two_telBox .tb_lineBox .tb_seclectBox:after {content:""; display:inline-block; vertical-align:middle; margin-left:auto; position:absolute; top:50%; right:0; transform: translateY(-50%); width:1px; height:25px; background:#BEBDB5; /*position:absolute; top:50%; right:0; transform: translateY(-50%);*/}
/* 240625 ksb 국가선택으로 추가 */
.popDl .two_telBox .tb_lineBox .tb_seclectBox .country_code {background:none; border:0; width:100%; height:50px; line-height:50px; padding:0 24px; color:#707070; -webkit-appearance:none; -moz-appearance:none; appearance:none}


.popDl .two_telBox .tb_lineBox .tb_inpBox {width:80%;}
.popDl .two_telBox .tb_lineBox .tb_inpBox input {color:#707070; background:none; width:100%; border:0 !important}
.popDl .two_telBox .tb_btn_btt {width:22%; height:50px;}

.popDl .off .tb_lineBox .tb_inpBox input, .popDl .off .tb_lineBox .tb_seclectBox select {border-color:#D2D2D2; color:#D2D2D2}

.popDl .gray_bg .tb_seclectBox select, .popDl .gray_bg .tb_inpBox input, .popDl .gray_bg .tb_inp input {background:#FAFAFA; color:#D2D2D2}
.popDl .gray_bg .tb_btn_btt {background:#FAFAFA; color:#D2D2D2}

.popDl02 dl {border-bottom:1px solid #F2F5FA; display:flex;}
.popDl02 dt, .popDl02 dd {padding:17px 0; font-size:16px;}
.popDl02 dt {width:20%}
.popDl02 dd {text-align:right; width:80%}


/*20250102 jisoo add*/
.popDl .two_telBox .tb_lineBox .tb_seclectBox2 {width:25%; display:flex; align-items:center; position:inherit}
.popDl .two_telBox .tb_lineBox .tb_seclectBox2:after {right:inherit; left:19.5%}
.popDl .two_telBox .tb_lineBox .tb_inpBox2 {width:75%}
.popDl .two_telBox .tb_lineBox .tb_seclectBox .country_code2 {background:none; border:0; width:100%; height:50px; line-height:50px; padding:0 24px; color:#707070; -webkit-appearance:none; -moz-appearance:none; appearance:non}

.popDl .two_telBox .tb_lineBox .new_country_codeBox {width:100%; font-size:15px; color:#212329}
.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_choice {position:relative; background:#fff; cursor:pointer; height:98%; width:100%; padding:0 20px;}
.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_choice:after {content:""; display:inline-block; position:absolute; top:50%; right:20px; transform: translateY(-50%); width:14px; height:8px; background: url(../img/country_code_choice_icon.png) no-repeat 0 0; background-size: 100% 100%; transition: all 0.3s;}
.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_choice.active:after {top: 40%; transform: rotate(180deg);}

.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl {background:#fff; position:absolute; top:48px; left:0; width:75%; height:200px; border:1px solid #BEBDB5; border-radius:8px; overflow-y: auto; z-index: 1}
.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl li {display:flex; align-items:center; cursor:pointer; line-height:50px; padding:0 20px}
.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl li:hover {background:rgba(0, 0, 0, 0.05)}
.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl span {margin-right:6px;}
.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl span:last-child {margin-right:0}


/*s 231227 ksb 해지 휴대폰 인증 버튼, input 배경 추가*/
.popDl .tb_btn_btt.Btn_off {background:#FAFAFA !important; color:#D2D2D2 !important}
.popDl .readonly_bg {background:#FAFAFA !important; color:#D2D2D2 !important}
.popDl .readonly_bg input, .popDl .readonly_bg .country_code_choice {color:#D2D2D2 !important}
.popDl .readonly_bg .country_code_choice:after {display:none !important}
/*e 231227 ksb 해지 휴대폰 인증 버튼, input 배경 추가*/

.popDl .info_txt {margin-top:6px; font-size:12px;}
.popDl .info_txt.cl01 {color:#505BF0}
.popDl .info_txt.cl02 {color:#F04949}

.pop_sumUl li span {display:inline-block; vertical-align:top;}
.pop_sumUl li {margin-bottom:16px; font-size:16px;}
.pop_sumUl li:last-child {margin-bottom:0}

.pop_sumUl .tlt {width:30%; margin-right:2%; color:#212329}
.pop_sumUl .txt {width:67%; text-align:right; color:#707070}

.pop_sumUl .pop_sum_bluetxt {margin-top:12px; color:#212329; width:100%; padding:16px; font-size:14px; border-radius:8px; background:#F2F5FA}
.pop_sumUl .pop_sum_bluetxt_list {margin-bottom:8px;}
.pop_sumUl .pop_sum_bluetxt_list:last-child {margin-bottom:0;}
.pop_sumUl .pop_sum_bluetxt_list .blutxt_tlt {width:30%; margin-right:2%}
.pop_sumUl .pop_sum_bluetxt_list .blutxt_txt {width:67%; text-align:right}

.nbul01 li {position:relative; margin-bottom:10px; color:#707070; font-size:13px;}
.nbul01 li:last-child {margin-bottom:0;}

.nbul01 li:before {content:"·"; display:inline-block; vertical-align:middle; margin-right:5px}


/*작은모달*/
.mdu_modal{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background-color:rgba(0,0,0,.5);z-index: -1; opacity:0; transition:all 0.2s;}
.mdu_modal.on{opacity:1;z-index:100000000000000;}

.mdu_modal_cont {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:420px; border-radius:24px; background:#fff; padding:24px; letter-spacing:-0.15em;}
.mdu_modal_tlt {font-size:26px; margin-bottom:20px; font-weight:700; color:#2D4C68}
.mdu_modal_txt {font-size:20px; color:#595959; line-height:1.3em; word-break: keep-all}
.mdu_modal_stxt {font-size:18px; color:#212329; line-height:1.3em; font-weight:500; word-break: keep-all}


/*20231221 추가*/
.cancel_slBox .txtBox {overflow:hidden; margin-bottom:8px;}
.cancel_slBox .txtBox .tlt {float:left; font-size:18px; color:#212329; font-weight:700}
.cancel_slBox .txtBox .tlt.fl_none {float:none;}
.cancel_slBox .txtBox .pagingInfo {float:right; font-size:13px; color:#707070;}
.cancel_slBox .item a {background:#F2F5FA; border-radius:8px; padding:15px; width:100%; color:#505BF0; font-size:16px; font-weight:700; text-decoration:underline ; display:block; word-break: keep-all;}


/*20241225 jisoo 추가*/
.pop_modal .mem_info_listUl > li {display:flex; align-items:center; margin-bottom:10px}
.pop_modal .mem_info_listUl > li:last-child {margin-bottom:0}
.pop_modal .mem_info_listUl .mil_checkBox input[type="checkbox"] {display:none;}
.pop_modal .mem_info_listUl .mil_checkBox .mil_lbl {position:relative;width:26px; height:26px; border:1px solid #D1D1D1; border-radius:8px}
.pop_modal .mem_info_listUl .mil_checkBox input:checked + .mil_lbl {background:#F88504; border-color:#F88504}
.pop_modal .mem_info_listUl .mil_checkBox input:checked + .mil_lbl:after {content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:17px; height:12px; background: url(/person/img/checkbox_icon.png) no-repeat 0 0; background-size: 100% 100%;}

.pop_modal .mem_info_listUl .mil_txtBox {margin-left:21px; font-size:17px; color:#212329}
.pop_modal .mem_info_listUl .mil_txtBox .mil_txtUl > li {display:inline-block; vertical-align:middle;}
.pop_modal .mem_info_listUl .mil_txtBox .mil_txtUl > li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:16px; background:#D1D1D1; margin:0 8px}
.pop_modal .mem_info_listUl .mil_txtBox .mil_txtUl > li:last-child:after  {display:none}

.pop_modal .mem_info_listUl .mil_sns span {display:inline-block; width:26px; height:26px; line-height:22px; border-radius:50%; text-align:center;} 
.pop_modal .mem_info_listUl .mil_sns .sns_google {background:#fff; border:1px solid #cacaca}
.pop_modal .mem_info_listUl .mil_sns .sns_kakao {background:#f7e317; border:1px solid #f7e317}
.pop_modal .mem_info_listUl .mil_sns .sns_naver {background:#1fc800; border:1px solid #1fc800}
.pop_modal .mem_info_listUl .mil_sns .sns_apple {background:#000; border:1px solid #000}

.pop_modal .mem_info_listUl .mil_sns img {height:13px;}

.pop_modal .pop_completed_txtBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:94%; color:#212329}
.pop_modal .pop_completed_txtBox .iconBox img {height:96px; margin-bottom:26px;}
.pop_modal .pop_completed_txtBox .txtBox .tlt {font-size:24px; font-weight:700}
.pop_modal .pop_completed_txtBox .txtBox .txt {font-size:18px; color:#616161;}
.pop_modal .pop_completed_txtBox .completedBtn a {display:inline-block; padding:16px 40px; background:#FC8500; color:#fff; font-size:21px; border-radius:50px; margin-top:40px; font-weight:600}
.pop_modal .pop_completed_txtBox .info_txt {font-size:16px; margin-top:20px;}



@media screen and (max-height:900px){	
	.pop_modal .fix_btBox {position:relative; margin-top:40px;}
	.pop_modal .fix_btBox_fix {position:fixed !important; margin-top:0 !important}

	.join_mdbox_pd_b {padding-bottom:40vh !important; overflow-y:scroll; height:100vh}
}

@media screen and (max-width:768px){	
	/*20231221 추가*/
	.cancel_slBox .txtBox {margin-bottom:1vw;}
	.cancel_slBox .txtBox .tlt {font-size:2.8vw;}
	.cancel_slBox .txtBox .pagingInfo {font-size:2.3vw;}
	.cancel_slBox .item {max-width:auto; width:auto}
	.cancel_slBox .item a {border-radius:1vw; padding:2.5vw 2vw; width:100%; font-size:2.6vw;}


	.pop_stxt {font-size:2.6vw; margin:3vw 0 4vw;}
	.pop_listUl li {height:8.6vw; padding:2.3vw 2.5vw; border-radius:1vw; margin-bottom:1vw;}
	.pop_listUl .tlt {font-size:2.4vw;}
	.pop_listUl .txt {font-size:2.5vw;}
	.gray_textarea {border-radius:1vw; padding:2.6vw 2.2vw; margin-top:2.2vw; min-height:10vw}

	.link_aBtn a {margin-top:1vw;}

	.btnBox_style .btn_st01, .btnBox_style .btn_st02, .btnBox_style .btn_st03, .btnBox_style .btn_st04, .btnBox_style .btn_st05 {height:8.6vw; line-height:8.6vw; font-size:2.8vw; border-radius:1.2vw;}
	.pop_modal .fix_btBox {position:relative; width:100%; margin-top:5vw; bottom:inherit; left:inherit}
	.pop_modal .fix_btBox_fix {position:fixed; bottom:2vw; left:3%; width:94%; padding:0}
	.pop_modal .fix_btBox_fix_pd_b {position:fixed; bottom:0; left:0}
	.pop_modal .fix_btBox_line {padding:2.4vw 4vw;}

	.pop_modal .fix_btBox_chek_box {bottom:15vw;}


	/*20241224 jisoo추가*/
	.pop_modal .fix_btBox .certified_info_txt {font-size:2.6vw;}
	.pop_modal .fix_btBox .cf_tooltipBox {bottom:22vw; font-size:2.4vw; border-radius:2vw; padding:3vw}
	.pop_modal .pop_cut_topline {border-top-width:2vw;}

	.pop_modal .jn_toptltBox {margin-bottom:4vw}
	.pop_modal .jn_toptltBox .tlt {font-size:4vw; margin-bottom:2.6vw}
	.pop_modal .jn_toptltBox .txt {font-size:2.8vw;}


	.pop_bt_line {padding-bottom:4vw; margin-bottom:4vw;}

	.popDl {margin-bottom:4vw}
	.popDl dl {margin-bottom:2.6vw}
	.popDl dt {font-size:2.4vw; margin-bottom:0.8vw;}
	.popDl input {border-radius:1.3vw; height:7.8vw; font-size:2.5vw; padding:0 11vw 0 3vw !important;}
	.popDl button {border-radius:1.3vw; font-size:2.5vw;}	
	.popDl .two_telBox .tb_btn_btt {width:22%; height:8vw;}

	.popDl .info_txt {margin-top:0.8vw; font-size:2.2vw;}


	.popDl .two_telBox .tb_lineBox {border-radius:1.3vw; height:8vw; overflow:hidden}
	.popDl .two_telBox .tb_lineBox2 {height:8vw; line-height:6.5vw}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox {width:25%;}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox select {padding-left:3.4vw;}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox:after {height:3.5vw; left:23%}
	.popDl .two_telBox .tb_lineBox .tb_inpBox {width:75%;}
	/* 240625 ksb 국가선택으로 추가 */
	.popDl .two_telBox .tb_lineBox .tb_seclectBox .country_code {padding:0 5vw;}

	.popDl02 dt, .popDl02 dd {padding:2.7vw 0; font-size:2.6vw;}


	/*20250102 jisoo add*/
	.popDl .two_telBox .tb_lineBox .tb_seclectBox2 {width:30%;}
	.popDl .two_telBox .tb_lineBox .tb_inpBox2 {width:70%}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox .country_code2 {height:8vw; line-height:8vw; padding:0 3.4vw;}

	.popDl .two_telBox .tb_lineBox .new_country_codeBox {font-size:2.5vw;}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_choice {padding:0 3vw;}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_choice:after {right:3vw; width:2.2vw; height:1.2vw;}

	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl {top:7.6vw; height:33vw; border-radius:1.3vw;}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl li {line-height:8vw; padding:0 3vw}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl span {margin-right:0.8vw;}


	.pop_sumUl li {margin-bottom:2.6vw; font-size:2.6vw;}

	.pop_sumUl .pop_sum_bluetxt {margin-top:2.2vw; padding:2.6vw; font-size:2.4vw; border-radius:1vw;}
	.pop_sumUl .pop_sum_bluetxt_list {margin-bottom:1vw;}


	.nbul01 li {margin-bottom:2vw; font-size:2.3vw;}
	.nbul01 li:before {margin-right:0.7vw}


	.mdu_modal_cont {width:60%; border-radius:2.4vw; padding:3.4vw}
	.mdu_modal_tlt {font-size:2.6vw; margin-bottom:3vw}
	.mdu_modal_txt {font-size:2vw;}
	.mdu_modal_stxt {font-size:1.8vw;}


	/*20241225 jisoo 추가*/
	.pop_modal .mem_info_listUl > li {margin-bottom:2vw}
	.pop_modal .mem_info_listUl .mil_checkBox .mil_lbl {width:4.6vw; height:4.6vw; border-radius:1.2vw}
	.pop_modal .mem_info_listUl .mil_checkBox input:checked + .mil_lbl:after {width:2.7vw; height:2.2vw;}

	.pop_modal .mem_info_listUl .mil_txtBox {margin-left:3.1vw; font-size:2.7vw;}
	.pop_modal .mem_info_listUl .mil_txtBox .mil_txtUl > li:after {height:2.6vw; margin:0 1.4vw 0 1.5vw}

	.pop_modal .mem_info_listUl .mil_sns span {width:4.6vw; height:4.6vw; line-height:3.8vw;} 
	.pop_modal .mem_info_listUl .mil_sns img {height:2.2vw;}

	.pop_modal .pop_completed_txtBox .iconBox img {height:12.6vw; margin-bottom:3.6vw;}
	.pop_modal .pop_completed_txtBox .txtBox .tlt {font-size:3.4vw;}
	.pop_modal .pop_completed_txtBox .txtBox .txt {font-size:2.8vw; }
	.pop_modal .pop_completed_txtBox .completedBtn a {padding:2.6vw 5vw; font-size:3.1vw; border-radius:6vw; margin-top:5vw;}
	.pop_modal .pop_completed_txtBox .info_txt {font-size:2.6vw; margin-top:3vw;}
}

@media screen and (max-width:480px){	
	/*20231221 추가*/
	.cancel_slBox .txtBox {margin-bottom:2vw;}
	.cancel_slBox .txtBox .tlt {font-size:3.8vw;}
	.cancel_slBox .txtBox .pagingInfo {font-size:3.3vw;}
	.cancel_slBox .item {max-width:auto; width:auto}
	.cancel_slBox .item a {border-radius:2vw; padding:3.5vw 3vw; width:100%; font-size:3.6vw;}



	.pop_modal .fix_btBox {margin-top:6vw;}
	.pop_modal .fix_btBox_line {padding:3.4vw 4vw; margin-top:0}
	

	.pop_stxt {font-size:3.6vw; margin:4vw 0 5vw;}
	.pop_listUl li {height:11.6vw; padding:3.3vw 3.5vw; border-radius:2vw; margin-bottom:2vw;}
	.pop_listUl .tlt {font-size:3.4vw;}
	.pop_listUl .txt {font-size:3.5vw;}
	.gray_textarea {border-radius:2vw; padding:3.6vw 3.2vw; margin-top:3.2vw; min-height:12vw}

	.link_aBtn a {margin-top:2vw;}

	.btnBox_style .btn_st01, .btnBox_style .btn_st02, .btnBox_style .btn_st03, .btnBox_style .btn_st04, .btnBox_style .btn_st05 {height:11.6vw; line-height:11.6vw; font-size:3.8vw; border-radius:2.2vw;}
	.pop_modal .fix_btBox {margin-top:6vw;}
	.pop_modal .fix_btBox_fix {bottom:30vw;}


	/*20241224 jisoo추가*/
	.pop_modal .fix_btBox .certified_info_txt {font-size:3.6vw;}
	.pop_modal .fix_btBox .cf_tooltipBox {bottom:30vw; font-size:3.2vw; border-radius:3vw; padding:4vw}
	.pop_modal .pop_cut_topline {border-top-width:3vw;}

	.pop_modal .jn_toptltBox {margin-bottom:5vw}
	.pop_modal .jn_toptltBox .tlt {font-size:5vw; margin-bottom:3.6vw}
	.pop_modal .jn_toptltBox .txt {font-size:3.8vw;}


	.pop_bt_line {padding-bottom:5vw; margin-bottom:5vw;}

	.popDl {margin-bottom:5vw}
	.popDl dl {margin-bottom:3.6vw}
	.popDl dt {font-size:3.4vw; margin-bottom:2vw;}
	.popDl .tb_inp {width:75%; margin-right:2%}
	.popDl .tb_btn {width:22%;}
	.popDl input {border-radius:2vw; height:10.8vw; font-size:3.5vw; padding:0 12vw 0 4vw !important;}
	.popDl button {border-radius:2vw; font-size:3.5vw;}
	.popDl .two_telBox .tb_btn_btt {height:11vw;}

	.popDl .info_txt {margin-top:1vw; font-size:3.2vw;}


	.popDl .two_telBox .tb_lineBox {border-radius:2vw; height:11vw; margin-right:2.7%}
	.popDl .two_telBox .tb_lineBox2 {height:11vw; line-height:10.8vw}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox {width:30%;}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox select {padding-left:4.4vw;}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox:after {height:4.5vw; left:26.3%}	
	.popDl .two_telBox .tb_lineBox .tb_inpBox {width:70%;}
	/* 240625 ksb 국가선택으로 추가 */
	.popDl .two_telBox .tb_lineBox .tb_seclectBox .country_code {padding:0 4.4vw;}

	.popDl02 dt, .popDl02 dd {padding:2.7vw 0; font-size:3.6vw;}
	.popDl02 dt {width:25%}
	.popDl02 dd {width:75%}


	/*20250102 jisoo add*/
	.popDl .two_telBox .tb_lineBox .tb_seclectBox2 {width:35%;}
	.popDl .two_telBox .tb_lineBox .tb_inpBox2 {width:65%}
	.popDl .two_telBox .tb_lineBox .tb_seclectBox .country_code2 {height:11.8vw; line-height:11.8vw; padding:0 4.4vw;}

	.popDl .two_telBox .tb_lineBox .new_country_codeBox {font-size:3.5vw;}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_choice {padding:0 4vw; background:none; overflow:hidden}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_choice:after {right:4vw; width:3vw; height:2vw;}

	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl {top:10.8vw; height:47vw; border-radius:2vw;}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl li {line-height:11.6vw; padding:0 6vw}
	.popDl .two_telBox .tb_lineBox .new_country_codeBox .country_code_listUl span {margin-right:1vw;}

	.pop_sumUl li {margin-bottom:3.6vw; font-size:3.6vw;}
	.pop_sumUl .tlt {width:30%; margin-right:2%;}
	.pop_sumUl .txt {width:67%;}

	.pop_sumUl .pop_sum_bluetxt {margin-top:3.2vw; padding:3.6vw; font-size:3.4vw; border-radius:1.2vw;}
	.pop_sumUl .pop_sum_bluetxt_list {margin-bottom:1.2vw;}

	.nbul01 li {margin-bottom:3vw; font-size:3.3vw;}
	.nbul01 li:before {margin-right:0.9vw}

	.mdu_modal_cont {width:80%; border-radius:3.4vw; padding:4.4vw}
	.mdu_modal_tlt {font-size:4.6vw; margin-bottom:3vw}
	.mdu_modal_txt {font-size:3.6vw;}
	.mdu_modal_stxt {font-size:3.4vw;}


	/*20241225 jisoo 추가*/
	.pop_modal .mem_info_listUl > li {margin-bottom:3vw}
	.pop_modal .mem_info_listUl .mil_checkBox .mil_lbl {width:6.6vw; height:6.6vw; border-radius:1.8vw}
	.pop_modal .mem_info_listUl .mil_checkBox input:checked + .mil_lbl:after {width:3.7vw; height:3.2vw;}

	.pop_modal .mem_info_listUl .mil_txtBox {margin-left:4.1vw; font-size:3.7vw;}
	.pop_modal .mem_info_listUl .mil_txtBox .mil_txtUl > li:after {height:3.6vw; margin:-0.3vw 2vw 0 2.4vw}

	.pop_modal .mem_info_listUl .mil_sns span {width:6.6vw; height:6.6vw; line-height:5.5vw;} 
	.pop_modal .mem_info_listUl .mil_sns img {height:3.2vw;}


	.pop_modal .pop_completed_txtBox .iconBox img {height:15.6vw; margin-bottom:4.6vw;}
	.pop_modal .pop_completed_txtBox .txtBox .tlt {font-size:4.4vw;}
	.pop_modal .pop_completed_txtBox .txtBox .txt {font-size:3.8vw; }
	.pop_modal .pop_completed_txtBox .completedBtn a {padding:3.6vw 6vw; font-size:4.1vw; border-radius:7vw; margin-top:6vw;}
	.pop_modal .pop_completed_txtBox .info_txt {font-size:3.6vw; margin-top:4vw;}
}


/*숫자로 보는 하이버프*/
.numbersBox .nb_linBox {border:1px solid #F2F2F2; border-radius:8px; padding:36px 32px;}
.numbersBox .no_nb_linBox {border:0; border-radius:0}
.numbersBox .nb_tlt {font-size:24px; color:#2D4C68; font-weight:700; line-height:1.3em; margin-bottom:20px}
.numbersBox .nb_cont {padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #F2F2F2;}
.numbersBox .nb_cont:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0}
.numbersBox .nbUl > li {display:flex; margin-bottom:5px}
.numbersBox .nbUl > li:last-child {margin-bottom:0}
.numbersBox .nbUl .no_flex {display:block;} 
.numbersBox .nbUl > span {display:inline-block; vertical-align:middle;}
.numbersBox .nbUl .txt {font-size:22px; color:#212329}
.numbersBox .nbUl .num {font-size:24px; color:#374555; margin-left:auto; text-align:right; font-weight:700}
.numbersBox .nbUl .flex {display:flex;}


/*20240614 jisoo추가*/
.numbersBox .nl_sld_txtBox {display:block; width:100%; background:#F2F5FA; padding:24px 30px; margin-top:14px; border-radius:14px;}
.numbersBox .nl_sld_txtBox .tlt {font-size:22px; color:#212329; margin-bottom:15px}
.numbersBox .nl_sld_txtBox .nb_sldUl li {position:relative; display:flex; font-size:20px; margin-bottom:5px; padding-left:8px;}
.numbersBox .nl_sld_txtBox .nb_sldUl li:before {content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#212329; position:absolute; top:13px; left:0;}
.numbersBox .nl_sld_txtBox .nb_sldUl .nb_sld_txt {color:#212329; width:80%}
.numbersBox .nl_sld_txtBox .nb_sldUl .nb_sld_pct {margin-left:auto; color:#374555}
.numbersBox .nb_sld_tlt .txt {position:relative; cursor:pointer}
.numbersBox .nb_sld_tlt .txt:after {content:""; display:block; position:absolute; top:30%; right:-50px; transform: translateY(-50%); width:24px; height:16px; background:url(/person/img/nl_sld_arrow.png) no-repeat 0 0; background-size:100% 100%; transform: rotate(0deg); transition:all 0.3s}
.numbersBox .nb_sld_tlt.active .txt:after {transform: rotate(180deg)}

.numbersBox .nb_marketBox {margin-top:80px;}

.numbersBox .nb_marketBox .tabs, .numbersBox .nb_marketBox .tabs01_2 {margin-bottom:50px}
.numbersBox .nb_marketBox .tabs li, .numbersBox .nb_marketBox .tabs01_2 li {display:inline-block; font-size:23px; font-weight:700; border:1px solid #BABABA; padding:12px 24px; border-radius:50px; color:#111; margin-right:10px; cursor:pointer}
.numbersBox .nb_marketBox .tabs .active, .numbersBox .nb_marketBox .tabs01_2 .active {color:#fff; background:#FB8500; border-color:#FB8500}

.numbersBox .nb_marketBox02 .tabs02 {margin:60px auto 30px; background:#374555; padding:8px 9px; border-radius:50px; max-width:90%; text-align:center}
.numbersBox .nb_marketBox02 .tabs02 li {display:inline-block; width:49.8%; font-size:23px; font-weight:700; background:#374555; padding:12px 24px; line-height:1.1em; border-radius:50px; color:#fff; margin:0 -1px; cursor:pointer}
.numbersBox .nb_marketBox02 .tabs02 .active {color:#374555; background:#fff;}
.numbersBox .nb_marketBox02 .tabs02 span {display:inine-block; vertical-align:middle;}
.numbersBox .nb_marketBox02 .tabs02 .icon img {height:30px; margin-right:10px}


.numbersBox .today_slBox .tltBox {display:flex; background:#2D4C68; color:#fff; width:100%; padding:24px 32px; border-radius:8px 8px 0 0}
.numbersBox .today_slBox .tltBox > span {vertical-align:middle; font-size:24px;}
.numbersBox .today_slBox .tltBox .tlt02 {margin-left:auto; text-align:right}

.numbersBox .today_slBox {width:640px}
.numbersBox .today_slBox .item {width:600px; margin:0 5px;}

.numbersBox .txtBox {position:relative; border:1px solid #F2F5FA; border-top:0; padding:24px; border-radius:0 0 8px 8px}
.numbersBox .todayUl li {display:flex; margin-bottom:5px}
.numbersBox .todayUl .txt {font-size:22px; color:#111}
.numbersBox .todayUl .num {font-size:24px; margin-left:auto; text-align:right; font-weight:700; color:#374555}
.numbersBox .todayUl .num_cl {color:#F04452}

.numbersBox .today_reflesh {text-align:right; margin-top:24px;}
.numbersBox .today_reflesh a {text-align:center; display:inline-block; border:2px solid #F88504; color:#F88504; font-size:22px; border-radius:50px; width:193px;; height:46px; line-height:40px}
.numbersBox .today_reflesh img {height:24px}
.numbersBox .today_reflesh .icon {display:inline-block; vertical-align:middle; margin:-3px 0 0 5px}

.numbersBox .today_sl .slick-dots {text-align:center; margin-top:20px;}
.numbersBox .today_sl .slick-dots li {display:inline-block; margin:0 3px;}
.numbersBox .today_sl .slick-dots button {border:0; width:12px; height:12px; background:#374555; border-radius:50%; text-indent:-9999px}
.numbersBox .today_sl .slick-dots .slick-active button {background:#fc8500}
.numbersBox .tab_content {padding:0 !important}

/*20231229 숫자로 보는 하이버프 수정*/
.numbersBox .number_to_tlt {display:flex;}
.numbersBox .nb_toUl {margin-top:9px; text-align:right; margin-left:auto;}
.numbersBox .nb_toUl li {display:inline-block; font-size:18px}
.numbersBox .nb_toUl li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:10px; background:#dfdfdf; margin:0 5px 0 10px;}
.numbersBox .nb_toUl li:last-child:after {display:none}


/*20240227 숫자로 보는 하이버프 추가*/
.numbersBox .earningsUl li {display:inline-block; vertical-align:middle; width:32%; margin-right:1.5%; background:#F2F5FA; border-radius:10px; height:115px; padding:20px}
.numbersBox .earningsUl li:last-child {margin-right:0}
.numbersBox .earningsUl .earningsUl_txtBox .txt {font-size:22px; color:#212329; margin-bottom:10px; line-height:1.3em}
.numbersBox .earningsUl .earningsUl_txtBox .pp_num {font-size:26px; font-weight:700; color:#212329}


@media screen and (max-width:768px){	
	.numbersBox .nb_linBox {border-radius:1.8vw; padding:6vw 4.6vw;}
	.numbersBox .nb_tlt {font-size:3.4vw; margin-bottom:3vw}
	.numbersBox .nb_cont {padding-bottom:4.2vw; margin-bottom:4.2vw;}
	.numbersBox .nbUl li {margin-bottom:2vw}
	.numbersBox .nbUl .txt {font-size:3.2vw;}
	.numbersBox .nbUl .num {font-size:3.4vw;}

	/*20240614 jisoo추가*/
	.numbersBox .nl_sld_txtBox {padding:3.4vw 4vw; margin-top:2.4vw; border-radius:2.4vw}
	.numbersBox .nl_sld_txtBox .tlt {font-size:3.2vw; margin-bottom:2.5vw}
	.numbersBox .nl_sld_txtBox .nb_sldUl li {font-size:3vw; margin-bottom:0.7vw; padding-left:1.3vw;}
	.numbersBox .nl_sld_txtBox .nb_sldUl li:before {width:0.5vw; height:0.5vw; top:2.3vw;}
	.numbersBox .nl_sld_txtBox .nb_sldUl .nb_sld_txt {width:70%}
	.numbersBox .nb_sld_tlt .txt:after {right:-6vw; width:3.4vw; height:2vw;}

	.numbersBox .nb_marketBox, .numbersBox .nb_marketBox02 {margin-top:9vw;}

	.numbersBox .nb_marketBox .tabs, .numbersBox .nb_marketBox .tabs01_2 {margin-bottom:6vw}
	.numbersBox .nb_marketBox .tabs li, .numbersBox .nb_marketBox .tabs01_2 li {font-size:3.3vw; padding:2vw 4.8vw; border-radius:6vw; margin-right:2vw; line-height:1.3em}

	.numbersBox .nb_marketBox02 .tabs02 {margin:7vw auto 4vw; padding:1vw 1.1vw; border-radius:6vw; max-width:94%}
	.numbersBox .nb_marketBox02 .tabs02 li {font-size:3.3vw; padding:2.2vw 3.4vw; line-height:1.1em; border-radius:6vw;}
	.numbersBox .nb_marketBox02 .tabs02 .icon img {height:5vw; margin-right:1.5vw}

	.numbersBox .today_slBox {width:100%}
	.numbersBox .today_slBox .item {width:82vw; margin:0 0.6vw;}

	.numbersBox .today_slBox .tltBox {padding:3.4vw 4.2vw; border-radius:1.8vw 1.8vw 0 0}
	.numbersBox .today_slBox .tltBox > span {font-size:3.4vw;}

	.numbersBox .txtBox {padding:4.6vw; border-radius:0 0 1.8vw 1.8vw}
	.numbersBox .todayUl li {margin-bottom:1.2vw}
	.numbersBox .todayUl .txt {font-size:3.2vw;}
	.numbersBox .todayUl .num {font-size:3.4vw;}

	.numbersBox .today_reflesh {margin-top:4.6vw;}
	.numbersBox .today_reflesh a {font-size:3.2vw; border-radius:6vw; width:29.3vw; height:6.6vw; line-height:6vw}
	.numbersBox .today_reflesh img {height:3.4vw}
	.numbersBox .today_reflesh .icon {margin:-0.4vw 0 0 0.6vw}

	.numbersBox .today_sl .slick-dots {margin-top:3vw;}
	.numbersBox .today_sl .slick-dots li {margin:0 0.5vw;}
	.numbersBox .today_sl .slick-dots button {width:2.2vw; height:2.2vw;}

	/*20231229 숫자로 보는 하이버프 수정*/
	.numbersBox .nb_toUl {margin-top:-0.1vw;}
	.numbersBox .nb_toUl li {font-size:2.2vw; line-height:1.3em}
	.numbersBox .nb_toUl li:after {height:2vw; margin:0 0.8vw 0 2vw;}

	/*20240227 숫자로 보는 하이버프 추가*/
	.numbersBox .earningsUl li {border-radius:2vw; height:17vw; padding:3vw; margin-right:1.25%}
	.numbersBox .earningsUl .earningsUl_txtBox .txt {font-size:3.2vw; margin-bottom:1.5vw;}
	.numbersBox .earningsUl .earningsUl_txtBox .pp_num {font-size:3.6vw;}
}	

@media screen and (max-width:480px){
	.numbersBox .nb_linBox {border-radius:2.8vw; /*padding:6vw 5.2vw;*/}
	.numbersBox .nb_tlt {font-size:4.4vw; margin-bottom:4vw}
	.numbersBox .nb_cont {padding-bottom:5.2vw; margin-bottom:5.2vw;}
	/*.numbersBox .nbUl li {margin-bottom:2vw}*/
	.numbersBox .nbUl .txt {font-size:4.2vw;}
	.numbersBox .nbUl .num {font-size:4.4vw;}

	/*20240614 jisoo추가*/
	.numbersBox .nl_sld_txtBox {padding:4.4vw 5vw; margin-top:3.4vw; border-radius:3.4vw}
	.numbersBox .nl_sld_txtBox .tlt {font-size:4.2vw; margin-bottom:3.5vw}
	.numbersBox .nl_sld_txtBox .nb_sldUl li {font-size:4vw; margin-bottom:0.9vw; padding-left:1.8vw;}
	.numbersBox .nl_sld_txtBox .nb_sldUl li:before {width:0.7vw; height:0.7vw; top:3.3vw;}
	.numbersBox .nb_sld_tlt .txt:after {right:-7vw; width:4.4vw; height:2.6vw;}


	.numbersBox .nb_marketBox, .numbersBox .nb_marketBox02 {margin-top:10vw;}

	.numbersBox .nb_marketBox .tabs, .numbersBox .nb_marketBox .tabs01_2 {margin-bottom:7vw}
	.numbersBox .nb_marketBox .tabs li, .numbersBox .nb_marketBox .tabs01_2 li {font-size:4.3vw; /*padding:3.2vw 4.2vw;*/ border-radius:7vw; margin-right:3vw}

	.numbersBox .nb_marketBox02 .tabs02 {margin:8vw auto 5vw; padding:1.3vw 1.5vw; border-radius:8vw;}
	.numbersBox .nb_marketBox02 .tabs02 li {font-size:4.3vw; padding:3vw 4.2vw; border-radius:8vw;}
	.numbersBox .nb_marketBox02 .tabs02 .icon img {height:6vw; margin-right:2vw}


	.numbersBox .today_slBox .tltBox {padding:4.4vw 5.2vw; border-radius:2.8vw 2.8vw 0 0}
	.numbersBox .today_slBox .tltBox > span {font-size:4.4vw;}

	.numbersBox .txtBox {/*padding:5.2vw;*/ border-radius:0 0 2.8vw 2.8vw}
	/*.numbersBox .todayUl li {margin-bottom:2.5vw}*/
	.numbersBox .todayUl .txt {font-size:4.2vw;}
	.numbersBox .todayUl .num {font-size:4.4vw;}

	/*.numbersBox .today_reflesh {margin-top:3.5vw;}*/
	.numbersBox .today_reflesh a {font-size:4.2vw; border-radius:7vw; width:39.3vw;; height:8.6vw; line-height:8vw}
	.numbersBox .today_reflesh img {height:4.4vw}
	.numbersBox .today_reflesh .icon {margin:-0.5vw 0 0 0.7vw}

	.numbersBox .today_sl .slick-dots {margin-top:4vw;}
	.numbersBox .today_sl .slick-dots li {margin:0 0.6vw;}
	.numbersBox .today_sl .slick-dots button {width:3.2vw; height:3.2vw;}

	/*20231229 숫자로 보는 하이버프 수정*/
	.numbersBox .nb_toUl {margin-top:1vw;}
	.numbersBox .nb_toUl li {font-size:3.5vw;}
	.numbersBox .nb_toUl li:after {height:3vw; margin:0 1.5vw 0 3vw;}

	/*20240227 숫자로 보는 하이버프 추가*/
	.numbersBox .earningsUl li {border-radius:3vw; height:20vw; padding:4vw 2vw}
	.numbersBox .earningsUl .earningsUl_txtBox .txt {font-size:3.4vw; margin-bottom:1.5vw;}
	.numbersBox .earningsUl .earningsUl_txtBox .pp_num {font-size:4.6vw;}
}	

.nb_graphBox {border:1px solid #F2F5FA; border-radius:8px; padding:36px 32px}

/*도넛 차트*/
.chart_nb {position:relative; width:64px; height:64px; border-radius:50%; transition:0.3s; background:#CEE9E3; display:inline-block;}
.chart_nb:after{content:''; background: #fff;  /* 백그라운드 컬러로 중앙가리기 */ position: absolute; top:50%; left:50%; width:48px; height:48px; /* 도넛의 너비 설정 */ border-radius:50%; transform: translate(-50%, -50%);}
.chart_bar{width: inherit;height:inherit; border-radius:50%; /* 차트 설정 */}

.chart_nb .num {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:12px; line-height:1.3em; font-weight:600; z-index:2}
.oval_chart .txtBox {font-size:14px; line-height:1.3em; font-weight:600; margin-top:5px}
.oval_chart .best_icon {margin-top:3px}
.oval_chart .best_icon img {width:34px; height:18px;}
.oval_chart li {margin-right:30px; display:inline-block; vertical-align:top}
.oval_chart li:last-child {margin-right:0}

/**/
.reportBox .levelBox {position:relative; overflow:hidden}
.reportBox .level_txtBox {position:relative; float:left; width:70%;}
.reportBox .level_txtBox .tlt {font-size:14px; font-weight:700; line-height:1.3em}
.reportBox .level_txtBox .time {font-size:14px; margin-top:3px; font-weight:500; line-height:1.3em}
.reportBox .level_txtBox .txt {font-size:14px; margin-top:10px; line-height:1.3em}

.reportBox .level_txtBox .levelUl {margin-top:8px}
.reportBox .level_txtBox .levelUl li {display:inline-block; vertical-align:middle; font-size:11px; line-height:1.3em}
.reportBox .level_txtBox .levelUl li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:10px; background:#212329; margin:0 4px 0 8px}
.reportBox .level_txtBox .levelUl li:last-child:after {display:none}

.reportBox .level_chartBox {float:right;}

.reportBox .level_chartBox.fl_none {float:none;}
.reportBox .level_chartBox .chart_nb {width:135px; height:135px;}
.reportBox .level_chartBox .chart_nb:after{width:105px; height:105px;}
.reportBox .level_chartBox .chart_nb .num {font-size:16px; font-weight:600}


.reportBox .level_chartBox.fl_none li {display:inline-block; vertical-align:top; width:32.333%}
.reportBox .level_chartBox.fl_none li:last-child {margin-right:0}
.reportBox .level_chartBox.fl_none .chart_nb .num {font-size:27px;}
.reportBox .level_chartBox.fl_none .chart_txt {font-size:22px; color:#212329; letter-spacing:-0.08em;}

/*20230930 jisoo 추가*/
.reportBox .bvUl {padding:0 16px;}
.reportBox .bvUl li {margin-bottom:8px; font-size:14px;}
.reportBox .bvUl li:last-child {margin-bottom:0}
.reportBox .bvUl li span {display:inline-block; vertical-align:middle}
.reportBox .bvUl .tlt {width:80px; height:32px; line-height:32px; border-radius:8px; text-align:center; margin-right:16px;}
.reportBox .bvUl .tlt01 {background:#009578; border:1px solid #009578; color:#fff}
.reportBox .bvUl .tlt02 {background:#fff; border:1px solid #009578; color:#009578}
.reportBox .bvUl .txt {font-weight:700}

@media screen and (max-width:768px){	
	.nb_graphBox {border-radius:1vw; padding:6vw 4.6vw}
	.nb_graphBox02 {padding-bottom:6vw}

	.chart_nb {width:10.4vw; height:10.4vw;}
	.chart_nb:after{width:7.8vw; height:7.8vw;}

	.chart_nb .num {font-size:2.2vw;}
	.oval_chart .txtBox {font-size:2.4vw; margin-top:0.6vw}
	.oval_chart .best_icon {margin-top:0.4vw}
	.oval_chart .best_icon img {width:6vw; height:3vw;}
	.oval_chart li {margin-right:4vw;}


	.reportBox .level_txtBox {width:60%;}
	.reportBox .level_txtBox .tlt {font-size:2.4vw;}
	.reportBox .level_txtBox .time {font-size:2.4vw; margin-top:0.5vw}
	.reportBox .level_txtBox .txt {font-size:2.4vw; margin-top:2vw;}

	.reportBox .level_txtBox .levelUl {margin-top:1vw}
	.reportBox .level_txtBox .levelUl li {font-size:2.1vw;}
	.reportBox .level_txtBox .levelUl li:after {height:1.8vw; margin:0 0.4vw 0 1.4vw}

	.reportBox .level_chartBox .chart_nb {width:21.5vw; height:21.5vw;}
	.reportBox .level_chartBox .chart_nb:after{width:16vw; height:16vw;}
	.reportBox .level_chartBox .chart_nb .num {font-size:2.6vw;}

	.reportBox .level_chartBox.fl_none li {}
	.reportBox .level_chartBox.fl_none .chart_nb .num {font-size:3.7vw;}
	.reportBox .level_chartBox.fl_none .chart_txt {font-size:3.2vw}

	/*20230930 jisoo 추가*/
	.reportBox .bvUl {padding:0 2.6vw;}
	.reportBox .bvUl li {margin-bottom:1.8vw; font-size:2.4vw;}
	.reportBox .bvUl .tlt {width:15vw; height:5.2vw; line-height:5.2vw; border-radius:1vw;  margin-right:2.6vw;}
}

@media screen and (max-width:480px){	
	.nb_graphBox {border-radius:2vw; /*padding:6vw 3.2vw*/}

	.chart_nb {width:13.4vw; height:13.4vw;}
	.chart_nb:after{width:10.8vw; height:10.8vw;}

	.chart_nb .num {font-size:3.2vw;}
	.oval_chart .txtBox {font-size:3.4vw; margin-top:0.8vw}
	.oval_chart .best_icon {margin-top:0.6vw}
	.oval_chart .best_icon img {width:8vw; height:4vw;}
	.oval_chart li {margin-right:5vw;}


	.reportBox .level_txtBox {width:60%;}
	.reportBox .level_txtBox .tlt {font-size:3.4vw;}
	.reportBox .level_txtBox .time {font-size:3.4vw; margin-top:0.7vw}
	.reportBox .level_txtBox .txt {font-size:3.4vw; margin-top:3vw;}

	.reportBox .level_txtBox .levelUl {margin-top:2vw}
	.reportBox .level_txtBox .levelUl li {font-size:3.1vw;}
	.reportBox .level_txtBox .levelUl li:after {height:3.1vw; margin:0 0.7vw 0 2vw}

	.reportBox .level_chartBox chart_nb {width:38.5vw; height:38.5vw;}
	.reportBox .level_chartBox .chart_nb:after{width:21vw; height:21vw;}
	.reportBox .level_chartBox .chart_nb .num {font-size:3.6vw;}

	.reportBox .level_chartBox.fl_none li {width:32.5%}
	.reportBox .level_chartBox.fl_none .chart_nb {width:23vw; height:23vw;}
	.reportBox .level_chartBox.fl_none .chart_nb:after{width:18vw; height:18vw;}
	.reportBox .level_chartBox.fl_none .chart_nb .num {font-size:4.2vw;}
	.reportBox .level_chartBox.fl_none .chart_txt {font-size:3.2vw}

	/*20230930 jisoo 추가*/
	.reportBox .bvUl {padding:0 3.6vw;}
	.reportBox .bvUl li {margin-bottom:2.8vw; font-size:3.4vw;}
	.reportBox .bvUl .tlt {width:20vw; height:7.5vw; line-height:7.5vw; border-radius:1.2vw;  margin-right:3.6vw;}
}


/*종합평가*/
.reportBox .rpt_txtBox .tlt {position:relative; font-size:16px; color:#111; font-weight:600; line-height:24px; overflow:hidden}
.reportBox .rpt_txtBox .txt {font-size:12px; margin-top:5px; color:#595959; line-height:18px;}

.reportBox .rpt_txtBox .sp_tlt {width:80%;}
.reportBox .rpt_txtBox .sp_dongtxt {position:absolute; top:0; right:0; border:1px solid #009578; font-size:10px; padding:2px 8px; line-height:1.3em; border-radius:50px}

.reportBox .wh_graphBox {position:relative; margin-top:24px}
.reportBox .ht_graphUl li {position:relative; display:inline-block; vertical-align:top; width:80px} 
.reportBox .ht_graphUl li:last-child {margin-right:0}
.reportBox .ht_graphUl .ht_graph_back {position:relative; width:16px; height:140px; margin:0 auto; background:#CEE9E3; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden} 
.reportBox .ht_graphUl .ht_graph_in {width:100%; border-top-left-radius:10px; border-top-right-radius:10px; background:#009578; position:absolute; bottom:0; left:0}
.reportBox .ht_graphUl .txt {font-size:12px; font-weight:600; line-height:1.3em; margin-top:8px}
.reportBox .ht_graphUl .txt2 {font-size:12px; font-weight:600; line-height:1.3em; margin-bottom:5px}

.reportBox .best_icon {margin-top:3px}
.reportBox .best_icon img {width:34px; height:18px;}

.reportBox .wd_graphUl {position:relative;}
.reportBox .wd_graphUl li {position:relative; margin-bottom:8px}
.reportBox .wd_graphUl li:last-child {margin-bottom:0}

.reportBox .wd_graphUl .tlt {font-size:22px; color:#FF9A9A; line-height:1.3em; margin-bottom:3px; display: inline-block; vertical-align:middle; width:20%;}
.reportBox .wd_graph_cont {position:relative; width:76.5%; margin-left:3%; display:inline-block; vertical-align:middle}
.reportBox .wd_graphUl .wd_graph_back {position:relative; width:75%; height:13px; border-radius:10px; display:inline-block; vertical-align:top} 
.reportBox .wd_graphUl .wd_graph_in {position:relative; height:100%; background:#2D4C68; border-radius:10px;} 
.reportBox .wd_graphUl .wd_graph_in02 {background:#FC8500}
.reportBox .wd_graphUl .txt {position:absolute; top:0; right:0; width:20%; text-align:right; margin-top:-13px; font-size:24px; color:#374555; line-height:1.5em; font-weight:700}
.reportBox .wd_graphUl .cl02 .txt {color:#FC8500}

.reportBox .wd_graphUl.no_back .wd_graph_back {background:none}


/*cl01*/
.reportBox .wd_graphUl .cl01 .tlt {color:#212329}

/*20240215 jisoo추가*/
.reportBox .wd_graphUlBox {display:none; margin-top:25px; padding-top:25px; border-top:1px solid  #F2F2F2}
.reportBox .wd_graphUlBox:first-child {border-top:0; margin-top:0; padding-top:0;}
.reportBox .wd_graphUl02 .tlt {width:35%}
.reportBox .wd_graphUl02 .wd_graph_cont {width:59.5%}

.reportBox .wd_graph_tltBox {margin-bottom:25px; display:flex; align-items:center}
.reportBox .wd_graph_tltBox .tlt {font-size:24px; color:#374555; font-weight:700}
.reportBox .wd_graph_tltBox .person_pct {margin-left:auto; padding:3px 14px 6px; background:#F2F5FA; border-radius:8px;}
.reportBox .wd_graph_tltBox .person_pct span {display:inline-block; vertical-align:middle;}
.reportBox .wd_graph_tltBox .person_pct .person_icon img {height:16px;}
.reportBox .wd_graph_tltBox .person_pct .person_mark {line-height:1.5em; font-size:20px; color:#374555; margin-left:5px; font-weight:600}

#showLess {display:none}
#showLess2 {display:none}
.wd_graphUlBtnBox {text-align:center;}
.wd_graphUlBtn {height:60px; line-height:55px; width:100%; font-size:22px; border:1px solid #F2F5FA; border-radius:8px; font-weight:700; cursor:pointer; margin:0 auto;}
.wd_graphUlBtn .txt {position:relative;display:inline-block; padding-right:20px; color:#2D4C68}
.wd_graphUlBtn .txt:after {content:""; display:inline-block; position:absolute; top:45%; right:-20px; transform: translateX(-50%); width:22px; height:13px; background-size:100% 100% !important}
#loadMore.wd_graphUlBtn .txt:after {background:url(/person/img/earnings_bt_icon.png) no-repeat 0 0}
#showLess.wd_graphUlBtn .txt:after {background:url(/person/img/earnings_top_icon.png) no-repeat 0 0}
#showLess2.wd_graphUlBtn .txt:after {background:url(/person/img/earnings_top_icon.png) no-repeat 0 0}


/*20240227 jisoo추가*/
.reportBox .earningsBox .tlt {font-size:24px; color:#2D4C68; font-weight:700; margin-bottom:12px}

.reportBox .earningsBox {overflow:hidden}
.reportBox .earningsBox > li {float:left; vertical-align:top; width:48.8%; border:1px solid #F2F5FA; border-radius:8px; padding:36px 32px; margin:0 2.3% 15px 0; display:none}
.reportBox .earningsBox > li:nth-child(2n) {margin-right:0}

.reportBox .earningsBox_full {}
.reportBox .earningsBox_full > li {display:block; width:100%; margin-right:0}

.reportBox .wd_graphUl_earnings {position:relative;}
.reportBox .wd_graphUl_earnings > li {position:relative; margin-bottom:8px;}
.reportBox .wd_graphUl_earnings > li:last-child {margin-bottom:0}

.reportBox .wd_graphUl_earnings .wd_graph_cont {position:relative; display:inline-block;width:100%; margin-left:0}
.reportBox .wd_graphUl_earnings .wd_graph_back {position:relative; width:100%; height:40px; background:#F5F5F7; border-radius:4px; display:inline-block;} 
.reportBox .wd_graphUl_earnings .wd_graph_in {position:relative; height:100%; background:#FC8500; border-radius:4px;} 
.reportBox .wd_graphUl_earnings .txt02 {position:absolute; top:3px; right:15px; text-align:right; margin-top:-2px; font-size:24px; color:#374555; line-height:35px; font-weight:700; z-index:2}

.reportBox .earningsBox .ppsub_tlt {margin-top:20px; font-size:22px; color:#565656}
.reportBox .earningsBox .pp_numtxt {font-size:22px; color:#212329; font-weight:500}

.reportBox .earningsBox .person_pctBox {text-align:right; margin-top:30px}
.reportBox .earningsBox .person_pct {display:inline-block; padding:0 20px; height:40px; line-height:37px; background:#F2F5FA; border-radius:50px;}
.reportBox .earningsBox .person_pct span {display:inline-block; vertical-align:middle; font-size:20px; font-weight: 400;}
.reportBox .earningsBox .person_pct .person_icon img {height:16px;}
.reportBox .earningsBox .person_pct .person_mark {line-height:1.5em; font-size:20px; color:#374555; margin-left:5px; font-weight:400;}

.reportBox .earningsBox .person_pctBox02 {text-align:right;}
.reportBox .earningsBox .person_pct02 {display:inline-block; height:40px; line-height:37px;}
.reportBox .earningsBox .person_pct02 span {display:inline-block; vertical-align:middle}
.reportBox .earningsBox .person_pct02 .person_icon img {height:16px;}
.reportBox .earningsBox .person_pct02 .person_mark {line-height:1.5em; font-size:20px; color:#374555; margin-left:5px; font-weight:400;}


.reportBox .wd_graphUl_earnings02 {position:relative; padding:20px 0}
.reportBox .wd_graphUl_earnings02:after {content:""; display:inline-block; position:absolute; top:0; left:23%; width:2px; height:100%; background:url(/person/img/ear_line.png) repeat-y 0 0;}
.reportBox .wd_graphUl_earnings02 > li {position:relative; margin-bottom:25px;}
.reportBox .wd_graphUl_earnings02 > li:last-child {margin-bottom:0}

.reportBox .wd_graphUl_earnings02 .wd_graph_cont {position:relative; display:inline-block;}
.reportBox .wd_graphUl_earnings02 .wd_graph_back {position:relative; height:25px; border-radius:0 8px 8px 0; display:inline-block;} 
.reportBox .wd_graphUl_earnings02 .wd_graph_in {position:relative; height:100%; /*background:#FC8500;*/ border-radius:0 8px 8px 0;} 

.reportBox .wh_graphBox .ear_tlt {font-size:24px; color:#374555; font-weight:700; margin-bottom:20px;}


/*20240501 jisoo추가*/
.reportBox .new_earningsBox > li {padding:26px 32px}
.reportBox .earningsBox .viewBtnBox {text-align:right; margin-top:30px;}
.reportBox .earningsBox .viewBtn {display:inline-block; padding:0 16px; height:44px; line-height:42px; background:#F2F5FA; color:#2D4C68; border-radius:50px; font-size:20px; font-weight:500}
.reportBox .earningsBox .new_tlt {color:#212329}
.reportBox .earningsBox .new_person_pctBox {text-align:right; margin-bottom:27px}
.reportBox .earningsBox .new_person_pctBox span {display:inline-block; vertical-align:middle;}
.reportBox .earningsBox .new_person_pctBox .person_icon img {height:18px; margin-top:-2px}
.reportBox .earningsBox .new_person_pctBox .person_mark {line-height:1.5em; font-size:22px; color:#2D4C68; margin-left:5px; font-weight:600}


/*20240521 jisoo추가*/
.reportBox .new_earningsBox2 > li {width:100%; padding:26px; margin-right:0 !important}
.reportBox .new_earningsBox2 .tltBox {display:flex; align-items:center; margin-bottom:20px;}
.reportBox .new_earningsBox2 .new_tlt {margin-bottom:0 !important}
.reportBox .new_earningsBox2 .new_person_pctBox2 {margin-left:auto; font-size:22px; color:#2D4C68; font-weight:500; line-height:1.3em}
.reportBox .new_earningsBox2 .new_person_pctBox2 span {display:inline-block; vertical-align:middle}
.reportBox .new_earningsBox2 .new_person_pctBox2 .person_icon img {height:18px; margin:-3px 5px 0 0}
.reportBox .new_earningsBox2 .graphBox {width:70%; display:flex; align-items:center;}
.reportBox .new_earningsBox2 .graphBox .wd_graphUl_earnings {width:70%;}
.reportBox .new_earningsBox2 .graphBox .pct_txt {margin-left:4%; margin-top:-5px}
.reportBox .new_earningsBox2 .graphBox .pct_txt span {display:inline-block; vertical-align:Pmiddle;}
.reportBox .new_earningsBox2 .graphBox .pct_txt .icon img {height:14px; margin-top:-10px;}
.reportBox .new_earningsBox2 .graphBox .pct_txt .txt {font-size:22px; color:#F04452; font-weight:500; margin-left:5px}
.reportBox .new_earningsBox2 .graph_btnBox {display:flex; align-items:center;}
.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox {margin-left:auto; margin-top:0}
.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox .viewBtn2 {display:inline-block; padding:0 16px; height:40px; line-height:32px; background:#2D4C68; color:#fff; border-radius:50px; font-size:20px;}
.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox .viewBtn2 span {display:inline-block; vertical-align:middle}
.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox .viewBtn2 .icon img {height:18px; margin:-3px 0 0 5px;}


@media screen and (max-width:768px){	
	.reportBox .rpt_txtBox .tlt {font-size:2.6vw; line-height:3.4vw;}
	.reportBox .rpt_txtBox .txt {font-size:2.2vw; margin-top:0.7vw; line-height:2.8vw;}

	.reportBox .rpt_txtBox .sp_dongtxt {font-size:2vw; padding:0.4vw 0.9vw 0.1vw; border-radius:6vw}

	.reportBox .wh_graphBox {margin-top:3.4vw}
	.reportBox .ht_graphUl li {width:15vw} 
	.reportBox .ht_graphUl .ht_graph_back {width:2.6vw; height:18vw; border-top-left-radius:2vw; border-top-right-radius:2vw;} 
	.reportBox .ht_graphUl .ht_graph_in {border-top-left-radius:2vw; border-top-right-radius:2vw;}
	.reportBox .ht_graphUl .txt {font-size:2.2vw; margin-top:1vw}
	.reportBox .ht_graphUl .txt2 {font-size:2.2vw; margin-bottom:0.7vw}

	.reportBox .best_icon {margin-top:0.5vw}
	.reportBox .best_icon img {width:6vw; height:3vw;}

	.reportBox .wd_graphUl li {margin-bottom:1.8vw}

	.reportBox .wd_graphUl .tlt {font-size:3.2vw; margin-bottom:1.3vw}
	.reportBox .wd_graphUl .wd_graph_back {height:2.3vw;  border-radius:2vw; margin-top:0.2vw} 
	.reportBox .wd_graphUl .wd_graph_in {border-radius:2vw;} 
	.reportBox .wd_graphUl .txt {font-size:3.4vw; margin-top:-1.3vw}

	.reportBox .wd_graph_cont {vertical-align:top; margin-top:0.7vw; width:75.3%}


	/*20240215 jisoo추가*/
	.reportBox .wd_graphUlBox {margin-top:3.5vw; padding-top:3.5vw;}
	.reportBox .wd_graphUl02 .tlt {width:35%}
	.reportBox .wd_graphUl02 .wd_graph_cont {width:59.5%}

	.reportBox .wd_graph_tltBox {margin-bottom:3.5vw;}
	.reportBox .wd_graph_tltBox .tlt {font-size:3.4vw;}
	.reportBox .wd_graph_tltBox .person_pct {padding:0.5vw 2.4vw 0.8vw; border-radius:1.2vw;}
	.reportBox .wd_graph_tltBox .person_pct .person_icon img {height:2.6vw; margin-top:-0.7vw}
	.reportBox .wd_graph_tltBox .person_pct .person_mark {font-size:3vw; margin-left:0.7vw;}

	.wd_graphUlBtn {height:9vw; line-height:9vw; font-size:3.2vw; border-radius:1vw;}
	.wd_graphUlBtn .txt {padding-right:3vw;}
	.wd_graphUlBtn .txt:after {top:40%; width:3vw; height:1.9vw}


	/*20240227 jisoo추가*/
	.reportBox .earningsBox .tlt {font-size:3.4vw; margin-bottom:2.2vw}

	.reportBox .earningsBox > li {width:48.8%; border-radius:1vw; padding:6vw 4.6vw; margin:0 2.3% 2.5vw 0;}
	.reportBox .wd_graphUl_earnings > li {margin-bottom:1vw;}

	.reportBox .wd_graphUl_earnings .wd_graph_back {height:6vw; border-radius:0.6vw}
	.reportBox .wd_graphUl_earnings .wd_graph_in {border-radius:0.6vw;} 
	.reportBox .wd_graphUl_earnings .txt02 {top:0.5vw; right:2.5vw; margin-top:-0.4vw; font-size:3.4vw; line-height:6vw;}

	.reportBox .earningsBox .ppsub_tlt {margin-top:3.5vw; font-size:3.2vw;}
	.reportBox .earningsBox .pp_numtxt {font-size:3.2vw}

	.reportBox .earningsBox .person_pctBox {margin-top:4vw}
	.reportBox .earningsBox .person_pct {padding:0 3vw; height:6.5vw; line-height:5.5vw; border-radius:6vw;}
	.reportBox .earningsBox .person_pct .person_icon {vertical-align:top}
	.reportBox .earningsBox .person_pct .person_icon img {height:2.6vw;}
	.reportBox .earningsBox .person_pct .person_mark {font-size:3vw; margin-left:0.5vw;}


	.reportBox .wd_graphUl_earnings02 {padding:3vw 0}
	.reportBox .wd_graphUl_earnings02:after {left:23.5%;}
	.reportBox .wd_graphUl_earnings02 > li {margin-bottom:3.5vw;}

	.reportBox .wd_graphUl_earnings02 .wd_graph_back {height:3.5vw; border-radius:0 0.6vw 0.6vw 0;} 
	.reportBox .wd_graphUl_earnings02 .wd_graph_in {border-radius:0 0.6vw 0.6vw 0;} 

	.reportBox .wh_graphBox .ear_tlt {font-size:3.4vw; margin-bottom:3vw;}


	/*20240501 jisoo추가*/
	.reportBox .new_earningsBox > li {padding:3.8vw 4.2vw}
	.reportBox .earningsBox .viewBtnBox {margin-top:4vw;}
	.reportBox .earningsBox .viewBtn {padding:0 2.6vw; height:6.4vw; line-height:6.2vw; border-radius:6vw; font-size:3vw;}
	.reportBox .earningsBox .new_person_pctBox {margin-bottom:3.7vw}
	.reportBox .earningsBox .new_person_pctBox .person_icon img {height:2.8vw; margin-top:-0.4vw}
	.reportBox .earningsBox .new_person_pctBox .person_mark {font-size:3.2vw; margin-left:0.7vw;}


	/*20240521 jisoo추가*/
	.reportBox .new_earningsBox2 > li {width:100%; padding:3.6vw;}
	.reportBox .new_earningsBox2 .tltBox {margin-bottom:2vw;}
	.reportBox .new_earningsBox2 .new_person_pctBox2 {font-size:3.2vw;}
	.reportBox .new_earningsBox2 .new_person_pctBox2 .person_icon img {height:2.8vw; margin:-0.5vw 0.7vw 0 0}
	.reportBox .new_earningsBox2 .graphBox {width:70%;}
	.reportBox .new_earningsBox2 .graphBox .wd_graphUl_earnings {width:70%;}
	.reportBox .new_earningsBox2 .graphBox .pct_txt {margin-left:4%; margin-top:-0.7vw}
	.reportBox .new_earningsBox2 .graphBox .pct_txt .icon img {height:2vw; margin-top:-0.7vw;}
	.reportBox .new_earningsBox2 .graphBox .pct_txt .txt {font-size:3.2vw; margin-left:0.7vw}
	.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox .viewBtn2 {padding:0 2.6vw; height:6vw; line-height:5.2vw; border-radius:5vw; font-size:3vw;}
	.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox .viewBtn2 .icon img {height:2.8vw; margin:-0.5vw 0 0 0.7vw;}
}

@media screen and (max-width:480px){	
	.reportBox .rpt_txtBox .tlt {font-size:3.6vw; padding-bottom:1vw; line-height:4.4vw;}
	.reportBox .rpt_txtBox .txt {font-size:3.2vw; margin-top:0.9vw; line-height:3.8vw;}

	.reportBox .rpt_txtBox .sp_dongtxt {font-size:3vw; padding:0.4vw 2vw 0.3vw; border-radius:7vw}

	.reportBox .wh_graphBox {margin-top:4.4vw}
	.reportBox .ht_graphUl li {width:20vw} 
	.reportBox .ht_graphUl .ht_graph_back {width:3.6vw; height:21vw; border-top-left-radius:3vw; border-top-right-radius:3vw;} 
	.reportBox .ht_graphUl .ht_graph_in {border-top-left-radius:3vw; border-top-right-radius:3vw;}
	.reportBox .ht_graphUl .txt {font-size:3.2vw; margin-top:1.2vw}
	.reportBox .ht_graphUl .txt2 {font-size:3.2vw; margin-bottom:0.9vw}

	.reportBox .best_icon {margin-top:0.8vw}
	.reportBox .best_icon img {width:8vw; height:4vw;}

	.reportBox .wd_graphUl li {margin-bottom:2.8vw}

	.reportBox .wd_graphUl .tlt {font-size:4.2vw; margin-bottom:2.3vw; width:30%}
	.reportBox .wd_graphUl .wd_graph_back {width:65%; height:3vw; border-radius:3vw; margin-top:-0.25vw} 
	.reportBox .wd_graphUl .wd_graph_in {border-radius:3vw;} 
	.reportBox .wd_graphUl .txt {font-size:4.2vw; line-height:4.8vw; width:35%}

	.reportBox .wd_graph_cont {width:66%; vertical-align:middle}

	/*20240215 jisoo추가*/
	.reportBox .wd_graphUlBox {margin-top:4.5vw; padding-top:4.5vw;}
	.reportBox .wd_graphUl02 .tlt {width:43%}
	.reportBox .wd_graphUl02 .wd_graph_cont {width:53%}

	.reportBox .wd_graph_tltBox {margin-bottom:4.5vw;}
	.reportBox .wd_graph_tltBox .tlt {font-size:4.4vw;}
	.reportBox .wd_graph_tltBox .person_pct {padding:0.7vw 3.2vw 1.2vw; border-radius:1.6vw;}
	.reportBox .wd_graph_tltBox .person_pct .person_icon img {height:3.6vw; margin-top:-0.9vw}
	.reportBox .wd_graph_tltBox .person_pct .person_mark {font-size:4vw; margin-left:0.9vw;}

	.wd_graphUlBtn {height:12vw; line-height:12vw; font-size:4.2vw; border-radius:1.2vw;}
	.wd_graphUlBtn .txt {padding-right:4vw;}
	.wd_graphUlBtn .txt:after {width:4.4vw; height:2.9vw}
	.reportBox .wd_graphUl02 .wd_graph_back {width:63%}


	/*20240227 jisoo추가*/
	.reportBox .earningsBox .tlt {font-size:4.4vw; margin-bottom:3.2vw}

	.reportBox .earningsBox > li {width:48.8%; border-radius:2vw; margin:0 2.3% 2.5vw 0;}
	.reportBox .wd_graphUl_earnings > li {margin-bottom:1vw;}

	.reportBox .wd_graphUl_earnings .wd_graph_back {height:8vw; border-radius:0.7vw}
	.reportBox .wd_graphUl_earnings .wd_graph_in {border-radius:0.7vw;} 
	.reportBox .wd_graphUl_earnings .txt02 {top:0.5vw; right:2.5vw; font-size:4.4vw; line-height:7vw;}

	.reportBox .earningsBox .ppsub_tlt {margin-top:4.5vw; font-size:4.2vw;}
	.reportBox .earningsBox .pp_numtxt {font-size:4.2vw}

	.reportBox .earningsBox .person_pctBox {margin-top:5vw}
	.reportBox .earningsBox .person_pct {padding:0 3vw; height:8vw; line-height:7vw; border-radius:8vw;}
	.reportBox .earningsBox .person_pct .person_icon img {height:3.6vw;}
	.reportBox .earningsBox .person_pct .person_mark {font-size:4vw; margin-left:0.7vw;}

	.reportBox .wd_graphUl_earnings02 {padding:4vw 0}
	.reportBox .wd_graphUl_earnings02:after {left:33.3%;}
	.reportBox .wd_graphUl_earnings02 > li {margin-bottom:4.5vw;}

	.reportBox .wd_graphUl_earnings02 .wd_graph_back {height:4.5vw; border-radius:0 0.8vw 0.8vw 0;} 
	.reportBox .wd_graphUl_earnings02 .wd_graph_in {border-radius:0 0.8vw 0.8vw 0;} 

	.reportBox .wh_graphBox .ear_tlt {font-size:4.4vw; margin-bottom:4vw;}


	/*20240501 jisoo추가*/
	.reportBox .new_earningsBox > li {padding:4.8vw 4.2vw}
	.reportBox .earningsBox .viewBtnBox {margin-top:5vw;}
	.reportBox .earningsBox .viewBtn {padding:0 3vw; height:8.4vw; line-height:8.2vw; border-radius:7vw; font-size:4vw;}
	.reportBox .earningsBox .new_person_pctBox {margin-bottom:4.7vw}
	.reportBox .earningsBox .new_person_pctBox .person_icon img {height:3.8vw; margin-top:-0.6vw}
	.reportBox .earningsBox .new_person_pctBox .person_mark {font-size:4.2vw; margin-left:0.9vw;}


	/*20240521 jisoo추가*/
	.reportBox .new_earningsBox2 > li {width:100%; padding:4.6vw;}
	.reportBox .new_earningsBox2 .tltBox {margin-bottom:3vw;}
	.reportBox .new_earningsBox2 .new_person_pctBox2 {font-size:4.2vw;}
	.reportBox .new_earningsBox2 .new_person_pctBox2 .person_icon img {height:3.8vw; margin:-0.7vw 0.9vw 0 0}
	.reportBox .new_earningsBox2 .graphBox {width:67%;}
	.reportBox .new_earningsBox2 .graphBox .wd_graphUl_earnings {width:60%;}
	.reportBox .new_earningsBox2 .graphBox .pct_txt {margin-left:4%; margin-top:-0.9vw}
	.reportBox .new_earningsBox2 .graphBox .pct_txt .icon img {height:2.5vw; margin-top:-1.5vw;}
	.reportBox .new_earningsBox2 .graphBox .pct_txt .txt {font-size:4.2vw; margin-left:0.9vw}
	.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox .viewBtn2 {padding:0 2.6vw; height:8vw; line-height:6.5vw; border-radius:6vw; font-size:4vw;}
	.reportBox .new_earningsBox2 .graph_btnBox .viewBtnBox .viewBtn2 .icon img {height:3.8vw; margin:-0.5vw 0 0 0.9vw;}
}


/*-----------------------------------------------new모달-----------------------------------------------*/
.pop_small_st01 {display:none}
.pop_small_st01_cont {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); max-width:500px; width:100%; background:#fff; border-radius:14px; padding:24px !important;}

.pop_small_st01 .tltBox {margin-bottom:38px;}
.pop_small_st01 .tltBox .tlt {font-size:24px; font-weight:700; color:#212329; line-height:1.3em}

.pop_small_st01 .pop_closeBtn .no_txt {display:none}
.pop_small_st01 .pop_closeBtn {position:absolute; top:29px; right:24px; width:20px; height:20px; background:url(/person/img/pop_closeBtn_icon.png) no-repeat 0 0; background-size:100% 100%}


#earnings_today_pop .nb_graph_tlt {font-size:24px; color:#212329; line-height:1.3em; font-weight:700; margin-bottom:12px}
#earnings_today_pop .nb_graph_tlt .num {color:#595959}

#earnings_today_pop .nb_graph_price {font-size:26px; color:#F04452; font-weight:700; line-height:1.3em; margin-bottom:24px;}

#earnings_today_pop .numbers_pop_cont .nb_graphUl {margin-left:2px}
#earnings_today_pop .numbers_pop_cont .nb_graphUl li {font-size:17px; width:47%; margin-right:5%}
#earnings_today_pop .numbers_pop_cont .nb_graphUl li:nth-child(2n) {margin-right:0}

#earnings_today_pop .numbers_pop_cont .nb_graphUl .tlt {padding-right:2%; width:55%;}
#earnings_today_pop .numbers_pop_cont .nb_graphUl .won {width:44%}

@media screen and (max-width:768px){	
	.pop_small_st01_cont {max-width:80%; border-radius:2.4vw; padding:3.4vw !important;}

	.pop_small_st01 .tltBox {margin-bottom:4.8vw;}
	.pop_small_st01 .tltBox .tlt {font-size:3.4vw;}

	.pop_small_st01 .pop_closeBtn {top:4.3vw; right:3.4vw; width:3vw; height:3vw;}

	#earnings_today_pop .nb_graph_tlt {font-size:3.4vw; margin-bottom:2.2vw}
	#earnings_today_pop .nb_graph_price {font-size:3.6vw; margin-bottom:3.4vw;}

	#earnings_today_pop .numbers_pop_cont .nb_graphUl {margin-left:0.4vw}
	#earnings_today_pop .numbers_pop_cont .nb_graphUl li {font-size:2.7vw;}

	#earnings_today_pop .numbers_pop_cont .nb_graphUl .won {width:42%}

	#earnings_today_pop .tool_tlt {font-size:1.7vw}
}

@media screen and (max-width:620px){	
	#earnings_today_pop .tool_tlt {font-size:2.2vw}
}

@media screen and (max-width:480px){	
	.pop_small_st01_cont {max-width:90%}
	.pop_small_st01_cont {border-radius:3.4vw; padding:4.4vw !important;}

	.pop_small_st01 .tltBox {margin-bottom:5.8vw;}
	.pop_small_st01 .tltBox .tlt {font-size:4.4vw;}

	.pop_small_st01 .pop_closeBtn {top:5.5vw; right:4.4vw; width:4vw; height:4vw;}

	#earnings_today_pop .nb_graph_tlt {font-size:4.4vw; margin-bottom:3.2vw}
	#earnings_today_pop .nb_graph_price {font-size:4.6vw; margin-bottom:4.4vw;}

	#earnings_today_pop .numbers_pop_cont .nb_graphUl {margin-left:0.6vw}
	#earnings_today_pop .numbers_pop_cont .nb_graphUl li {font-size:3.5vw;}
	#earnings_today_pop .numbers_pop_cont .nb_graphUl .tlt {padding-right:0; width:60%;}
	#earnings_today_pop .numbers_pop_cont .nb_graphUl .won {width:38%}

	#earnings_today_pop .tool_tlt {font-size:2.5vw}
}


/*-----------------------------------------------그래프-----------------------------------------------*/
.level_chartBox .clblue {color:#2D4C68}
.level_chartBox .clgray {color:#666}

.chart_wdmn01_blue {background: conic-gradient(#2D4C68 -0.1deg, #F2F5FA 3.6deg);}
.chart_wdmn02_blue {background: conic-gradient(#2D4C68 -0.2deg, #F2F5FA 3.6deg);}
.chart_wdmn03_blue {background: conic-gradient(#2D4C68 -0.3deg, #F2F5FA 3.6deg);}
.chart_wdmn04_blue {background: conic-gradient(#2D4C68 -0.4deg, #F2F5FA 3.6deg);}
.chart_wdmn05_blue {background: conic-gradient(#2D4C68 -0.5deg, #F2F5FA 3.6deg);}


.chart_wd1_blue {background: conic-gradient(#2D4C68 3.6deg, #F2F5FA 3.6deg);}
.chart_wd2_blue {background: conic-gradient(#2D4C68 7.2deg, #F2F5FA 7.2deg);}
.chart_wd3_blue {background: conic-gradient(#2D4C68 10.8deg, #F2F5FA 10.8deg);}
.chart_wd4_blue {background: conic-gradient(#2D4C68 14.4deg, #F2F5FA 14.4deg);}
.chart_wd5_blue {background: conic-gradient(#2D4C68 18deg, #F2F5FA 18deg);}
.chart_wd6_blue {background: conic-gradient(#2D4C68 21.6deg, #F2F5FA 21.6deg);}
.chart_wd7_blue {background: conic-gradient(#2D4C68 25.2deg, #F2F5FA 25.2deg);}
.chart_wd8_blue {background: conic-gradient(#2D4C68 28.8deg, #F2F5FA 28.8deg);}
.chart_wd9_blue {background: conic-gradient(#2D4C68 32.4deg, #F2F5FA 32.4deg);}
.chart_wd10_blue {background: conic-gradient(#2D4C68 36deg, #F2F5FA 36deg);}

.chart_wd11_blue {background: conic-gradient(#2D4C68 39.6deg, #F2F5FA 39.6deg);}
.chart_wd12_blue {background: conic-gradient(#2D4C68 43.2deg, #F2F5FA 43.2deg);}
.chart_wd13_blue {background: conic-gradient(#2D4C68 46.8deg, #F2F5FA 46.8deg);}
.chart_wd14_blue {background: conic-gradient(#2D4C68 50.4deg, #F2F5FA 50.4deg);}
.chart_wd15_blue {background: conic-gradient(#2D4C68 54deg, #F2F5FA 54deg);}
.chart_wd16_blue {background: conic-gradient(#2D4C68 57.6deg, #F2F5FA 57.6deg);}
.chart_wd17_blue {background: conic-gradient(#2D4C68 61.2deg, #F2F5FA 61.2deg);}
.chart_wd18_blue {background: conic-gradient(#2D4C68 64.8deg, #F2F5FA 64.8deg);}
.chart_wd19_blue {background: conic-gradient(#2D4C68 68.4deg, #F2F5FA 68.4deg);}
.chart_wd20_blue {background: conic-gradient(#2D4C68 72deg, #F2F5FA 72deg);}

.chart_wd21_blue {background: conic-gradient(#2D4C68 75.6deg, #F2F5FA 75.6deg);}
.chart_wd22_blue {background: conic-gradient(#2D4C68 79.2deg, #F2F5FA 79.2deg);}
.chart_wd23_blue {background: conic-gradient(#2D4C68 82.8deg, #F2F5FA 82.8deg);}
.chart_wd24_blue {background: conic-gradient(#2D4C68 86.4deg, #F2F5FA 86.4deg);}
.chart_wd25_blue {background: conic-gradient(#2D4C68 90deg, #F2F5FA 90deg);}
.chart_wd26_blue {background: conic-gradient(#2D4C68 93.6deg, #F2F5FA 93.6deg);}
.chart_wd27_blue {background: conic-gradient(#2D4C68 97.2deg, #F2F5FA 97.2deg);}
.chart_wd28_blue {background: conic-gradient(#2D4C68 100.8deg, #F2F5FA 100.8deg);}
.chart_wd29_blue {background: conic-gradient(#2D4C68 104.4deg, #F2F5FA 104.4deg);}
.chart_wd30_blue {background: conic-gradient(#2D4C68 108deg, #F2F5FA 108deg);}

.chart_wd31_blue {background: conic-gradient(#2D4C68 111.6deg, #F2F5FA 111.6deg);}
.chart_wd32_blue {background: conic-gradient(#2D4C68 115.2deg, #F2F5FA 115.2deg);}
.chart_wd33_blue {background: conic-gradient(#2D4C68 118.8deg, #F2F5FA 118.8deg);}
.chart_wd34_blue {background: conic-gradient(#2D4C68 122.4deg, #F2F5FA 122.4deg);}
.chart_wd35_blue {background: conic-gradient(#2D4C68 126deg, #F2F5FA 126deg);}
.chart_wd36_blue {background: conic-gradient(#2D4C68 129.6deg, #F2F5FA 129.6deg);}
.chart_wd37_blue {background: conic-gradient(#2D4C68 133.2deg, #F2F5FA 133.2deg);}
.chart_wd38_blue {background: conic-gradient(#2D4C68 136.8deg, #F2F5FA 136.8deg);}
.chart_wd39_blue {background: conic-gradient(#2D4C68 140.4deg, #F2F5FA 140.4deg);}
.chart_wd40_blue {background: conic-gradient(#2D4C68 144deg, #F2F5FA 144deg);}

.chart_wd41_blue {background: conic-gradient(#2D4C68 147.6deg, #F2F5FA 147.6deg);}
.chart_wd42_blue {background: conic-gradient(#2D4C68 151.2deg, #F2F5FA 151.2deg);}
.chart_wd43_blue {background: conic-gradient(#2D4C68 154.8deg, #F2F5FA 154.8deg);}
.chart_wd44_blue {background: conic-gradient(#2D4C68 158.4deg, #F2F5FA 158.4deg);}
.chart_wd45_blue {background: conic-gradient(#2D4C68 162deg, #F2F5FA 162deg);}
.chart_wd46_blue {background: conic-gradient(#2D4C68 165.6deg, #F2F5FA 165.6deg);}
.chart_wd47_blue {background: conic-gradient(#2D4C68 169.2deg, #F2F5FA 169.2deg);}
.chart_wd48_blue {background: conic-gradient(#2D4C68 172.8deg, #F2F5FA 172.8deg);}
.chart_wd49_blue {background: conic-gradient(#2D4C68 176.4deg, #F2F5FA 176.4deg);}
.chart_wd50_blue {background: conic-gradient(#2D4C68 180deg, #F2F5FA 180deg);}

.chart_wd51_blue {background: conic-gradient(#2D4C68 183.6deg, #F2F5FA 183.6deg);}
.chart_wd52_blue {background: conic-gradient(#2D4C68 187.2deg, #F2F5FA 187.2deg);}
.chart_wd53_blue {background: conic-gradient(#2D4C68 190.8deg, #F2F5FA 190.8deg);}
.chart_wd54_blue {background: conic-gradient(#2D4C68 194.4deg, #F2F5FA 194.4deg);}
.chart_wd55_blue {background: conic-gradient(#2D4C68 198deg, #F2F5FA 198deg);}
.chart_wd56_blue {background: conic-gradient(#2D4C68 201.6deg, #F2F5FA 201.6deg);}
.chart_wd57_blue {background: conic-gradient(#2D4C68 205.2deg, #F2F5FA 205.2deg);}
.chart_wd58_blue {background: conic-gradient(#2D4C68 208.8deg, #F2F5FA 208.8deg);}
.chart_wd59_blue {background: conic-gradient(#2D4C68 212.4deg, #F2F5FA 212.4deg);}
.chart_wd60_blue {background: conic-gradient(#2D4C68 216deg, #F2F5FA 216deg);}

.chart_wd61_blue {background: conic-gradient(#2D4C68 219.6deg, #F2F5FA 219.6deg);}
.chart_wd62_blue {background: conic-gradient(#2D4C68 223.2deg, #F2F5FA 223.2deg);}
.chart_wd63_blue {background: conic-gradient(#2D4C68 226.8deg, #F2F5FA 226.8deg);}
.chart_wd64_blue {background: conic-gradient(#2D4C68 230.4deg, #F2F5FA 230.4deg);}
.chart_wd65_blue {background: conic-gradient(#2D4C68 234deg, #F2F5FA 234deg);}
.chart_wd66_blue {background: conic-gradient(#2D4C68 237.6deg, #F2F5FA 237.6deg);}
.chart_wd67_blue {background: conic-gradient(#2D4C68 241.2deg, #F2F5FA 241.2deg);}
.chart_wd68_blue {background: conic-gradient(#2D4C68 244.8deg, #F2F5FA 244.8deg);}
.chart_wd69_blue {background: conic-gradient(#2D4C68 248.4deg, #F2F5FA 248.4deg);}
.chart_wd70_blue {background: conic-gradient(#2D4C68 252deg, #F2F5FA 252deg);}

.chart_wd71_blue {background: conic-gradient(#2D4C68 255.6deg, #F2F5FA 255.6deg);}
.chart_wd72_blue {background: conic-gradient(#2D4C68 259.2deg, #F2F5FA 259.2deg);}
.chart_wd73_blue {background: conic-gradient(#2D4C68 262.8deg, #F2F5FA 262.8deg);}
.chart_wd74_blue {background: conic-gradient(#2D4C68 266.4deg, #F2F5FA 266.4deg);}
.chart_wd75_blue {background: conic-gradient(#2D4C68 270deg, #F2F5FA 270deg);}
.chart_wd76_blue {background: conic-gradient(#2D4C68 273.6deg, #F2F5FA 273.6deg);}
.chart_wd77_blue {background: conic-gradient(#2D4C68 277.2deg, #F2F5FA 277.2deg);}
.chart_wd78_blue {background: conic-gradient(#2D4C68 280.8deg, #F2F5FA 280.8deg);}
.chart_wd79_blue {background: conic-gradient(#2D4C68 284.4deg, #F2F5FA 284.4deg);}
.chart_wd80_blue {background: conic-gradient(#2D4C68 288deg, #F2F5FA 288deg);}

.chart_wd81_blue {background: conic-gradient(#2D4C68 291.6deg, #F2F5FA 291.6deg);}
.chart_wd82_blue {background: conic-gradient(#2D4C68 295.2deg, #F2F5FA 295.2deg);}
.chart_wd83_blue {background: conic-gradient(#2D4C68 298.8deg, #F2F5FA 298.8deg);}
.chart_wd84_blue {background: conic-gradient(#2D4C68 302.4deg, #F2F5FA 302.4deg);}
.chart_wd85_blue {background: conic-gradient(#2D4C68 306deg, #F2F5FA 306deg);}
.chart_wd86_blue {background: conic-gradient(#2D4C68 309.6deg, #F2F5FA 309.6deg);}
.chart_wd87_blue {background: conic-gradient(#2D4C68 313.2deg, #F2F5FA 313.2deg);}
.chart_wd88_blue {background: conic-gradient(#2D4C68 316.8deg, #F2F5FA 316.8deg);}
.chart_wd89_blue {background: conic-gradient(#2D4C68 320.4deg, #F2F5FA 320.4deg);}
.chart_wd90_blue {background: conic-gradient(#2D4C68 324deg, #F2F5FA 324deg);}

.chart_wd91_blue {background: conic-gradient(#2D4C68 327.6deg, #F2F5FA 327.6deg);}
.chart_wd92_blue {background: conic-gradient(#2D4C68 331.2deg, #F2F5FA 331.2deg);}
.chart_wd93_blue {background: conic-gradient(#2D4C68 334.8deg, #F2F5FA 334.8deg);}
.chart_wd94_blue {background: conic-gradient(#2D4C68 338.4deg, #F2F5FA 338.4deg);}
.chart_wd95_blue {background: conic-gradient(#2D4C68 338.4deg, #F2F5FA 338.4deg);}
.chart_wd96_blue {background: conic-gradient(#2D4C68 345.6deg, #F2F5FA 345.6deg);}
.chart_wd97_blue {background: conic-gradient(#2D4C68 349.2deg, #F2F5FA 349.2deg);}
.chart_wd98_blue {background: conic-gradient(#2D4C68 352.8deg, #F2F5FA 352.8deg);}
.chart_wd99_blue {background: conic-gradient(#2D4C68 356.4deg, #F2F5FA 356.4deg);}
.chart_wd100_blue {background: conic-gradient(#2D4C68 360deg, #F2F5FA 360deg);}



.chart_wdmn01_orange {background: conic-gradient(#FC8500 -0.1deg, #FFEEDA 3.6deg);}
.chart_wdmn02_orange {background: conic-gradient(#FC8500 -0.2deg, #FFEEDA 3.6deg);}
.chart_wdmn03_orange {background: conic-gradient(#FC8500 -0.3deg, #FFEEDA 3.6deg);}
.chart_wdmn04_orange {background: conic-gradient(#FC8500 -0.4deg, #FFEEDA 3.6deg);}
.chart_wdmn05_orange {background: conic-gradient(#FC8500 -0.5deg, #FFEEDA 3.6deg);}

.chart_wd1_orange {background: conic-gradient(#FC8500 3.6deg, #FFEEDA 3.6deg);}
.chart_wd2_orange {background: conic-gradient(#FC8500 7.2deg, #FFEEDA 7.2deg);}
.chart_wd3_orange {background: conic-gradient(#FC8500 10.8deg, #FFEEDA 10.8deg);}
.chart_wd4_orange {background: conic-gradient(#FC8500 14.4deg, #FFEEDA 14.4deg);}
.chart_wd5_orange {background: conic-gradient(#FC8500 18deg, #FFEEDA 18deg);}
.chart_wd6_orange {background: conic-gradient(#FC8500 21.6deg, #FFEEDA 21.6deg);}
.chart_wd7_orange {background: conic-gradient(#FC8500 25.2deg, #FFEEDA 25.2deg);}
.chart_wd8_orange {background: conic-gradient(#FC8500 28.8deg, #FFEEDA 28.8deg);}
.chart_wd9_orange {background: conic-gradient(#FC8500 32.4deg, #FFEEDA 32.4deg);}
.chart_wd10_orange {background: conic-gradient(#FC8500 36deg, #FFEEDA 36deg);}

.chart_wd11_orange {background: conic-gradient(#FC8500 39.6deg, #FFEEDA 39.6deg);}
.chart_wd12_orange {background: conic-gradient(#FC8500 43.2deg, #FFEEDA 43.2deg);}
.chart_wd13_orange {background: conic-gradient(#FC8500 46.8deg, #FFEEDA 46.8deg);}
.chart_wd14_orange {background: conic-gradient(#FC8500 50.4deg, #FFEEDA 50.4deg);}
.chart_wd15_orange {background: conic-gradient(#FC8500 54deg, #FFEEDA 54deg);}
.chart_wd16_orange {background: conic-gradient(#FC8500 57.6deg, #FFEEDA 57.6deg);}
.chart_wd17_orange {background: conic-gradient(#FC8500 61.2deg, #FFEEDA 61.2deg);}
.chart_wd18_orange {background: conic-gradient(#FC8500 64.8deg, #FFEEDA 64.8deg);}
.chart_wd19_orange {background: conic-gradient(#FC8500 68.4deg, #FFEEDA 68.4deg);}
.chart_wd20_orange {background: conic-gradient(#FC8500 72deg, #FFEEDA 72deg);}

.chart_wd21_orange {background: conic-gradient(#FC8500 75.6deg, #FFEEDA 75.6deg);}
.chart_wd22_orange {background: conic-gradient(#FC8500 79.2deg, #FFEEDA 79.2deg);}
.chart_wd23_orange {background: conic-gradient(#FC8500 82.8deg, #FFEEDA 82.8deg);}
.chart_wd24_orange {background: conic-gradient(#FC8500 86.4deg, #FFEEDA 86.4deg);}
.chart_wd25_orange {background: conic-gradient(#FC8500 90deg, #FFEEDA 90deg);}
.chart_wd26_orange {background: conic-gradient(#FC8500 93.6deg, #FFEEDA 93.6deg);}
.chart_wd27_orange {background: conic-gradient(#FC8500 97.2deg, #FFEEDA 97.2deg);}
.chart_wd28_orange {background: conic-gradient(#FC8500 100.8deg, #FFEEDA 100.8deg);}
.chart_wd29_orange {background: conic-gradient(#FC8500 104.4deg, #FFEEDA 104.4deg);}
.chart_wd30_orange {background: conic-gradient(#FC8500 108deg, #FFEEDA 108deg);}

.chart_wd31_orange {background: conic-gradient(#FC8500 111.6deg, #FFEEDA 111.6deg);}
.chart_wd32_orange {background: conic-gradient(#FC8500 115.2deg, #FFEEDA 115.2deg);}
.chart_wd33_orange {background: conic-gradient(#FC8500 118.8deg, #FFEEDA 118.8deg);}
.chart_wd34_orange {background: conic-gradient(#FC8500 122.4deg, #FFEEDA 122.4deg);}
.chart_wd35_orange {background: conic-gradient(#FC8500 126deg, #FFEEDA 126deg);}
.chart_wd36_orange {background: conic-gradient(#FC8500 129.6deg, #FFEEDA 129.6deg);}
.chart_wd37_orange {background: conic-gradient(#FC8500 133.2deg, #FFEEDA 133.2deg);}
.chart_wd38_orange {background: conic-gradient(#FC8500 136.8deg, #FFEEDA 136.8deg);}
.chart_wd39_orange {background: conic-gradient(#FC8500 140.4deg, #FFEEDA 140.4deg);}
.chart_wd40_orange {background: conic-gradient(#FC8500 144deg, #FFEEDA 144deg);}

.chart_wd41_orange {background: conic-gradient(#FC8500 147.6deg, #FFEEDA 147.6deg);}
.chart_wd42_orange {background: conic-gradient(#FC8500 151.2deg, #FFEEDA 151.2deg);}
.chart_wd43_orange {background: conic-gradient(#FC8500 154.8deg, #FFEEDA 154.8deg);}
.chart_wd44_orange {background: conic-gradient(#FC8500 158.4deg, #FFEEDA 158.4deg);}
.chart_wd45_orange {background: conic-gradient(#FC8500 162deg, #FFEEDA 162deg);}
.chart_wd46_orange {background: conic-gradient(#FC8500 165.6deg, #FFEEDA 165.6deg);}
.chart_wd47_orange {background: conic-gradient(#FC8500 169.2deg, #FFEEDA 169.2deg);}
.chart_wd48_orange {background: conic-gradient(#FC8500 172.8deg, #FFEEDA 172.8deg);}
.chart_wd49_orange {background: conic-gradient(#FC8500 176.4deg, #FFEEDA 176.4deg);}
.chart_wd50_orange {background: conic-gradient(#FC8500 180deg, #FFEEDA 180deg);}

.chart_wd51_orange {background: conic-gradient(#FC8500 183.6deg, #FFEEDA 183.6deg);}
.chart_wd52_orange {background: conic-gradient(#FC8500 187.2deg, #FFEEDA 187.2deg);}
.chart_wd53_orange {background: conic-gradient(#FC8500 190.8deg, #FFEEDA 190.8deg);}
.chart_wd54_orange {background: conic-gradient(#FC8500 194.4deg, #FFEEDA 194.4deg);}
.chart_wd55_orange {background: conic-gradient(#FC8500 198deg, #FFEEDA 198deg);}
.chart_wd56_orange {background: conic-gradient(#FC8500 201.6deg, #FFEEDA 201.6deg);}
.chart_wd57_orange {background: conic-gradient(#FC8500 205.2deg, #FFEEDA 205.2deg);}
.chart_wd58_orange {background: conic-gradient(#FC8500 208.8deg, #FFEEDA 208.8deg);}
.chart_wd59_orange {background: conic-gradient(#FC8500 212.4deg, #FFEEDA 212.4deg);}
.chart_wd60_orange {background: conic-gradient(#FC8500 216deg, #FFEEDA 216deg);}

.chart_wd61_orange {background: conic-gradient(#FC8500 219.6deg, #FFEEDA 219.6deg);}
.chart_wd62_orange {background: conic-gradient(#FC8500 223.2deg, #FFEEDA 223.2deg);}
.chart_wd63_orange {background: conic-gradient(#FC8500 226.8deg, #FFEEDA 226.8deg);}
.chart_wd64_orange {background: conic-gradient(#FC8500 230.4deg, #FFEEDA 230.4deg);}
.chart_wd65_orange {background: conic-gradient(#FC8500 234deg, #FFEEDA 234deg);}
.chart_wd66_orange {background: conic-gradient(#FC8500 237.6deg, #FFEEDA 237.6deg);}
.chart_wd67_orange {background: conic-gradient(#FC8500 241.2deg, #FFEEDA 241.2deg);}
.chart_wd68_orange {background: conic-gradient(#FC8500 244.8deg, #FFEEDA 244.8deg);}
.chart_wd69_orange {background: conic-gradient(#FC8500 248.4deg, #FFEEDA 248.4deg);}
.chart_wd70_orange {background: conic-gradient(#FC8500 252deg, #FFEEDA 252deg);}

.chart_wd71_orange {background: conic-gradient(#FC8500 255.6deg, #FFEEDA 255.6deg);}
.chart_wd72_orange {background: conic-gradient(#FC8500 259.2deg, #FFEEDA 259.2deg);}
.chart_wd73_orange {background: conic-gradient(#FC8500 262.8deg, #FFEEDA 262.8deg);}
.chart_wd74_orange {background: conic-gradient(#FC8500 266.4deg, #FFEEDA 266.4deg);}
.chart_wd75_orange {background: conic-gradient(#FC8500 270deg, #FFEEDA 270deg);}
.chart_wd76_orange {background: conic-gradient(#FC8500 273.6deg, #FFEEDA 273.6deg);}
.chart_wd77_orange {background: conic-gradient(#FC8500 277.2deg, #FFEEDA 277.2deg);}
.chart_wd78_orange {background: conic-gradient(#FC8500 280.8deg, #FFEEDA 280.8deg);}
.chart_wd79_orange {background: conic-gradient(#FC8500 284.4deg, #FFEEDA 284.4deg);}
.chart_wd80_orange {background: conic-gradient(#FC8500 288deg, #FFEEDA 288deg);}

.chart_wd81_orange {background: conic-gradient(#FC8500 291.6deg, #FFEEDA 291.6deg);}
.chart_wd82_orange {background: conic-gradient(#FC8500 295.2deg, #FFEEDA 295.2deg);}
.chart_wd83_orange {background: conic-gradient(#FC8500 298.8deg, #FFEEDA 298.8deg);}
.chart_wd84_orange {background: conic-gradient(#FC8500 302.4deg, #FFEEDA 302.4deg);}
.chart_wd85_orange {background: conic-gradient(#FC8500 306deg, #FFEEDA 306deg);}
.chart_wd86_orange {background: conic-gradient(#FC8500 309.6deg, #FFEEDA 309.6deg);}
.chart_wd87_orange {background: conic-gradient(#FC8500 313.2deg, #FFEEDA 313.2deg);}
.chart_wd88_orange {background: conic-gradient(#FC8500 316.8deg, #FFEEDA 316.8deg);}
.chart_wd89_orange {background: conic-gradient(#FC8500 320.4deg, #FFEEDA 320.4deg);}
.chart_wd90_orange {background: conic-gradient(#FC8500 324deg, #FFEEDA 324deg);}

.chart_wd91_orange {background: conic-gradient(#FC8500 327.6deg, #FFEEDA 327.6deg);}
.chart_wd92_orange {background: conic-gradient(#FC8500 331.2deg, #FFEEDA 331.2deg);}
.chart_wd93_orange {background: conic-gradient(#FC8500 334.8deg, #FFEEDA 334.8deg);}
.chart_wd94_orange {background: conic-gradient(#FC8500 338.4deg, #FFEEDA 338.4deg);}
.chart_wd95_orange {background: conic-gradient(#FC8500 338.4deg, #FFEEDA 338.4deg);}
.chart_wd96_orange {background: conic-gradient(#FC8500 345.6deg, #FFEEDA 345.6deg);}
.chart_wd97_orange {background: conic-gradient(#FC8500 349.2deg, #FFEEDA 349.2deg);}
.chart_wd98_orange {background: conic-gradient(#FC8500 352.8deg, #FFEEDA 352.8deg);}
.chart_wd99_orange {background: conic-gradient(#FC8500 356.4deg, #FFEEDA 356.4deg);}
.chart_wd100_orange {background: conic-gradient(#FC8500 360deg, #FFEEDA 360deg);}



.chart_wdmn01_gray {background: conic-gradient(#666666 -0.1deg, #E1E1E1 3.6deg);}
.chart_wdmn02_gray {background: conic-gradient(#666666 -0.2deg, #E1E1E1 3.6deg);}
.chart_wdmn03_gray {background: conic-gradient(#666666 -0.3deg, #E1E1E1 3.6deg);}
.chart_wdmn04_gray {background: conic-gradient(#666666 -0.4deg, #E1E1E1 3.6deg);}
.chart_wdmn05_gray {background: conic-gradient(#666666 -0.5deg, #E1E1E1 3.6deg);}

.chart_wd1_gray {background: conic-gradient(#666666 3.6deg, #E1E1E1 3.6deg);}
.chart_wd2_gray {background: conic-gradient(#666666 7.2deg, #E1E1E1 7.2deg);}
.chart_wd3_gray {background: conic-gradient(#666666 10.8deg, #E1E1E1 10.8deg);}
.chart_wd4_gray {background: conic-gradient(#666666 14.4deg, #E1E1E1 14.4deg);}
.chart_wd5_gray {background: conic-gradient(#666666 18deg, #E1E1E1 18deg);}
.chart_wd6_gray {background: conic-gradient(#666666 21.6deg, #E1E1E1 21.6deg);}
.chart_wd7_gray {background: conic-gradient(#666666 25.2deg, #E1E1E1 25.2deg);}
.chart_wd8_gray {background: conic-gradient(#666666 28.8deg, #E1E1E1 28.8deg);}
.chart_wd9_gray {background: conic-gradient(#666666 32.4deg, #E1E1E1 32.4deg);}
.chart_wd10_gray {background: conic-gradient(#666666 36deg, #E1E1E1 36deg);}

.chart_wd11_gray {background: conic-gradient(#666666 39.6deg, #E1E1E1 39.6deg);}
.chart_wd12_gray {background: conic-gradient(#666666 43.2deg, #E1E1E1 43.2deg);}
.chart_wd13_gray {background: conic-gradient(#666666 46.8deg, #E1E1E1 46.8deg);}
.chart_wd14_gray {background: conic-gradient(#666666 50.4deg, #E1E1E1 50.4deg);}
.chart_wd15_gray {background: conic-gradient(#666666 54deg, #E1E1E1 54deg);}
.chart_wd16_gray {background: conic-gradient(#666666 57.6deg, #E1E1E1 57.6deg);}
.chart_wd17_gray {background: conic-gradient(#666666 61.2deg, #E1E1E1 61.2deg);}
.chart_wd18_gray {background: conic-gradient(#666666 64.8deg, #E1E1E1 64.8deg);}
.chart_wd19_gray {background: conic-gradient(#666666 68.4deg, #E1E1E1 68.4deg);}
.chart_wd20_gray {background: conic-gradient(#666666 72deg, #E1E1E1 72deg);}

.chart_wd21_gray {background: conic-gradient(#666666 75.6deg, #E1E1E1 75.6deg);}
.chart_wd22_gray {background: conic-gradient(#666666 79.2deg, #E1E1E1 79.2deg);}
.chart_wd23_gray {background: conic-gradient(#666666 82.8deg, #E1E1E1 82.8deg);}
.chart_wd24_gray {background: conic-gradient(#666666 86.4deg, #E1E1E1 86.4deg);}
.chart_wd25_gray {background: conic-gradient(#666666 90deg, #E1E1E1 90deg);}
.chart_wd26_gray {background: conic-gradient(#666666 93.6deg, #E1E1E1 93.6deg);}
.chart_wd27_gray {background: conic-gradient(#666666 97.2deg, #E1E1E1 97.2deg);}
.chart_wd28_gray {background: conic-gradient(#666666 100.8deg, #E1E1E1 100.8deg);}
.chart_wd29_gray {background: conic-gradient(#666666 104.4deg, #E1E1E1 104.4deg);}
.chart_wd30_gray {background: conic-gradient(#666666 108deg, #E1E1E1 108deg);}

.chart_wd31_gray {background: conic-gradient(#666666 111.6deg, #E1E1E1 111.6deg);}
.chart_wd32_gray {background: conic-gradient(#666666 115.2deg, #E1E1E1 115.2deg);}
.chart_wd33_gray {background: conic-gradient(#666666 118.8deg, #E1E1E1 118.8deg);}
.chart_wd34_gray {background: conic-gradient(#666666 122.4deg, #E1E1E1 122.4deg);}
.chart_wd35_gray {background: conic-gradient(#666666 126deg, #E1E1E1 126deg);}
.chart_wd36_gray {background: conic-gradient(#666666 129.6deg, #E1E1E1 129.6deg);}
.chart_wd37_gray {background: conic-gradient(#666666 133.2deg, #E1E1E1 133.2deg);}
.chart_wd38_gray {background: conic-gradient(#666666 136.8deg, #E1E1E1 136.8deg);}
.chart_wd39_gray {background: conic-gradient(#666666 140.4deg, #E1E1E1 140.4deg);}
.chart_wd40_gray {background: conic-gradient(#666666 144deg, #E1E1E1 144deg);}

.chart_wd41_gray {background: conic-gradient(#666666 147.6deg, #E1E1E1 147.6deg);}
.chart_wd42_gray {background: conic-gradient(#666666 151.2deg, #E1E1E1 151.2deg);}
.chart_wd43_gray {background: conic-gradient(#666666 154.8deg, #E1E1E1 154.8deg);}
.chart_wd44_gray {background: conic-gradient(#666666 158.4deg, #E1E1E1 158.4deg);}
.chart_wd45_gray {background: conic-gradient(#666666 162deg, #E1E1E1 162deg);}
.chart_wd46_gray {background: conic-gradient(#666666 165.6deg, #E1E1E1 165.6deg);}
.chart_wd47_gray {background: conic-gradient(#666666 169.2deg, #E1E1E1 169.2deg);}
.chart_wd48_gray {background: conic-gradient(#666666 172.8deg, #E1E1E1 172.8deg);}
.chart_wd49_gray {background: conic-gradient(#666666 176.4deg, #E1E1E1 176.4deg);}
.chart_wd50_gray {background: conic-gradient(#666666 180deg, #E1E1E1 180deg);}

.chart_wd51_gray {background: conic-gradient(#666666 183.6deg, #E1E1E1 183.6deg);}
.chart_wd52_gray {background: conic-gradient(#666666 187.2deg, #E1E1E1 187.2deg);}
.chart_wd53_gray {background: conic-gradient(#666666 190.8deg, #E1E1E1 190.8deg);}
.chart_wd54_gray {background: conic-gradient(#666666 194.4deg, #E1E1E1 194.4deg);}
.chart_wd55_gray {background: conic-gradient(#666666 198deg, #E1E1E1 198deg);}
.chart_wd56_gray {background: conic-gradient(#666666 201.6deg, #E1E1E1 201.6deg);}
.chart_wd57_gray {background: conic-gradient(#666666 205.2deg, #E1E1E1 205.2deg);}
.chart_wd58_gray {background: conic-gradient(#666666 208.8deg, #E1E1E1 208.8deg);}
.chart_wd59_gray {background: conic-gradient(#666666 212.4deg, #E1E1E1 212.4deg);}
.chart_wd60_gray {background: conic-gradient(#666666 216deg, #E1E1E1 216deg);}

.chart_wd61_gray {background: conic-gradient(#666666 219.6deg, #E1E1E1 219.6deg);}
.chart_wd62_gray {background: conic-gradient(#666666 223.2deg, #E1E1E1 223.2deg);}
.chart_wd63_gray {background: conic-gradient(#666666 226.8deg, #E1E1E1 226.8deg);}
.chart_wd64_gray {background: conic-gradient(#666666 230.4deg, #E1E1E1 230.4deg);}
.chart_wd65_gray {background: conic-gradient(#666666 234deg, #E1E1E1 234deg);}
.chart_wd66_gray {background: conic-gradient(#666666 237.6deg, #E1E1E1 237.6deg);}
.chart_wd67_gray {background: conic-gradient(#666666 241.2deg, #E1E1E1 241.2deg);}
.chart_wd68_gray {background: conic-gradient(#666666 244.8deg, #E1E1E1 244.8deg);}
.chart_wd69_gray {background: conic-gradient(#666666 248.4deg, #E1E1E1 248.4deg);}
.chart_wd70_gray {background: conic-gradient(#666666 252deg, #E1E1E1 252deg);}

.chart_wd71_gray {background: conic-gradient(#666666 255.6deg, #E1E1E1 255.6deg);}
.chart_wd72_gray {background: conic-gradient(#666666 259.2deg, #E1E1E1 259.2deg);}
.chart_wd73_gray {background: conic-gradient(#666666 262.8deg, #E1E1E1 262.8deg);}
.chart_wd74_gray {background: conic-gradient(#666666 266.4deg, #E1E1E1 266.4deg);}
.chart_wd75_gray {background: conic-gradient(#666666 270deg, #E1E1E1 270deg);}
.chart_wd76_gray {background: conic-gradient(#666666 273.6deg, #E1E1E1 273.6deg);}
.chart_wd77_gray {background: conic-gradient(#666666 277.2deg, #E1E1E1 277.2deg);}
.chart_wd78_gray {background: conic-gradient(#666666 280.8deg, #E1E1E1 280.8deg);}
.chart_wd79_gray {background: conic-gradient(#666666 284.4deg, #E1E1E1 284.4deg);}
.chart_wd80_gray {background: conic-gradient(#666666 288deg, #E1E1E1 288deg);}

.chart_wd81_gray {background: conic-gradient(#666666 291.6deg, #E1E1E1 291.6deg);}
.chart_wd82_gray {background: conic-gradient(#666666 295.2deg, #E1E1E1 295.2deg);}
.chart_wd83_gray {background: conic-gradient(#666666 298.8deg, #E1E1E1 298.8deg);}
.chart_wd84_gray {background: conic-gradient(#666666 302.4deg, #E1E1E1 302.4deg);}
.chart_wd85_gray {background: conic-gradient(#666666 306deg, #E1E1E1 306deg);}
.chart_wd86_gray {background: conic-gradient(#666666 309.6deg, #E1E1E1 309.6deg);}
.chart_wd87_gray {background: conic-gradient(#666666 313.2deg, #E1E1E1 313.2deg);}
.chart_wd88_gray {background: conic-gradient(#666666 316.8deg, #E1E1E1 316.8deg);}
.chart_wd89_gray {background: conic-gradient(#666666 320.4deg, #E1E1E1 320.4deg);}
.chart_wd90_gray {background: conic-gradient(#666666 324deg, #E1E1E1 324deg);}

.chart_wd91_gray {background: conic-gradient(#666666 327.6deg, #E1E1E1 327.6deg);}
.chart_wd92_gray {background: conic-gradient(#666666 331.2deg, #E1E1E1 331.2deg);}
.chart_wd93_gray {background: conic-gradient(#666666 334.8deg, #E1E1E1 334.8deg);}
.chart_wd94_gray {background: conic-gradient(#666666 338.4deg, #E1E1E1 338.4deg);}
.chart_wd95_gray {background: conic-gradient(#666666 338.4deg, #E1E1E1 338.4deg);}
.chart_wd96_gray {background: conic-gradient(#666666 345.6deg, #E1E1E1 345.6deg);}
.chart_wd97_gray {background: conic-gradient(#666666 349.2deg, #E1E1E1 349.2deg);}
.chart_wd98_gray {background: conic-gradient(#666666 352.8deg, #E1E1E1 352.8deg);}
.chart_wd99_gray {background: conic-gradient(#666666 356.4deg, #E1E1E1 356.4deg);}
.chart_wd100_gray {background: conic-gradient(#666666 360deg, #E1E1E1 360deg);}


/*상세거래내역 팝업*/
.numbers_pop_cont {color:#595959; padding-bottom:50px}
.numbers_pop_cont .nb_dong_tlt {background:#F2F5FA; padding:8px 24px; margin:24px 0 36px; border-radius:50px; font-size:22px; display:inline-block}
.numbers_pop_cont .nb_dong_tlt .tlt01 {color:#2D4C68; font-weight:700;}

.numbers_pop_cont .nb_poptlt {font-size:26px; margin-bottom:10px; font-weight:700; color:#212329}

.numbers_pop_cont .nb_stxtBox {margin-bottom:34px;}
.numbers_pop_cont .nb_stxtBox .txt {font-size:18px; margin-bottom:3px;}
.numbers_pop_cont .nb_stxtBox .big_num {font-size:18px; font-weight:700}
.numbers_pop_cont .data_txtBox {border:1px solid #E2EDFF; border-radius:8px; padding:8px 32px; font-size:19px}

.numbers_pop_cont .concludingBox .ccdBox {border-radius:8px; padding:24px 24px 16px 24px; margin-bottom:10px; font-size:22px;}
.numbers_pop_cont .concludingBox .ccdBox:last-child {margin-bottom:0}
.numbers_pop_cont .concludingBox .ccd01 {background:#FFE3E3}
.numbers_pop_cont .concludingBox .ccd02 {background:#E0E4FF}
.numbers_pop_cont .concludingBox .tlt {text-align:left;}
.numbers_pop_cont .concludingBox .num {text-align:right; font-weight:700; margin-left:auto}

.numbers_pop_cont .concludingBox ul {overflow:hidden}
.numbers_pop_cont .concludingBox li {display:flex; float:left; width:45%; margin-bottom:10px}
.numbers_pop_cont .concludingBox li:nth-child(2n) {margin-left:10%}

.numbers_pop_cont .nb_oder_txtBox {position:relative; font-size:21px; padding:24px;}
.numbers_pop_cont .nb_oder_txtBox li {position:relative; display:inline-block; vertical-align:middle}
.numbers_pop_cont .nb_oder_txtBox li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:20px; background:#212329; margin:0 10px 0 15px;}
.numbers_pop_cont .nb_oder_txtBox li:last-child:after {display:none}

.numbers_pop_cont .nb_oder_txtBox .nb_name .txt01 {color:#2D4C68; font-weight:700}
.numbers_pop_cont .nb_oder_txtBox .nb_name .txt02 {color:#595959;}

.numbers_pop_cont .btnBox {position:absolute; top:50%; right:4%; transform: translateY(-50%);}
.numbers_pop_cont .btnBox button {width:67px; height:44px; border-radius:8px; border:0; font-size:20px}
.numbers_pop_cont .btnBox .nb_btn01 {background:#F04452; color:#fff}
.numbers_pop_cont .btnBox .nb_btn02 {background:#3182F7; color:#fff}

.numbers_pop_cont .ccd_tltBox {font-weight:700; margin-bottom:20px}

.numbers_pop_cont .nb_graph_box {margin-top:45px}
.numbers_pop_cont .sub_tab .depth li, .numbers_pop_cont .sub_tab .depth02 li {border:1px solid #BABABA; height:50px; line-height:50px; padding:0 20px; margin-right:10px; font-size:20px; color:#111; font-weight:700; border-radius:50px}
.numbers_pop_cont .sub_tab .depth li.active, .numbers_pop_cont .sub_tab .depth02 li.active {background:#FB8500; color:#fff; border-color:#FB8500}

.numbers_pop_cont .sub_tab_j .depth li, .numbers_pop_cont .sub_tab_j .depth02 li {max-width:300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break:break-all}


/*20240111*/
.numbers_pop_cont .nb_graphUl li {display:inline-block; vertical-align:top; width:49%; margin-right:1.5%; font-size:22px; margin-bottom:10px;}
.numbers_pop_cont .nb_graphUl li:nth-child(2n) {margin-right:0}
.numbers_pop_cont .nb_graphUl .tlt, .numbers_pop_cont .nb_graphUl .won {display:inline-block; vertical-align:top; margin:0 -2px; width:50%; font-weight:600}

/*20240710 jisoo 추가*/
.concluding_no_data {padding:30px 0; font-size:18px;}


/*20241204 jisoo 추가*/
.numbers_pop_cont .data_txtBox02 {background:#F2F5FA; font-size:20px; margin-top:30px; padding:10px 25px 15px; display:inline-block; border-radius:103px}
.numbers_pop_cont .data_txtBox02 .txt01 {color:#2D4C68; font-weight:700}
.numbers_pop_cont .data_txtBox02 .txt02 {color:#595959;}

.numbers_pop_cont  .nb_graph_txtUl {font-size:20px; color:#616161}
.numbers_pop_cont  .nb_graph_txtUl li {margin-bottom:10px; line-height:1.3em}
.numbers_pop_cont  .nb_graph_txtUl li:last-child {margin-bottom:0}
.numbers_pop_cont  .nb_graph_txtUl li:before {content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; border-radius:3px; background:#616161; margin:-6px 5px 0 0;}
.numbers_pop_cont  .nb_graph_txtUl .cl {color:#FC8500;}
.numbers_pop_cont  .nb_graph_txtUl .cl:before {background:#FC8500;}

@media screen and (max-width:768px){	
	.numbers_pop_cont {padding-bottom:7vw}
	.numbers_pop_cont .nb_dong_tlt {padding:2.4vw 4.8vw; margin:3.6vw 0 4.8vw; border-radius:5vw; font-size:3.2vw}

	.numbers_pop_cont .nb_poptlt {font-size:3.6vw; margin-top:20px 2vw;}

	.numbers_pop_cont .nb_stxtBox {margin-bottom:4.4vw;}
	.numbers_pop_cont .nb_stxtBox .txt {font-size:3.4vw; margin-bottom:0.8vw;}
	.numbers_pop_cont .nb_stxtBox .big_num {font-size:3.2vw;}
	.numbers_pop_cont .data_txtBox {border-radius:1.8vw; padding:1.6vw 2.4vw; font-size:3.6vw}

	.numbers_pop_cont .concludingBox .ccdBox {border-radius:1.8vw; padding:4.2vw 4.2vw 2.4vw 4.2vw; margin-bottom:2vw; font-size:3.2vw;}
	.numbers_pop_cont .concludingBox li {width:45%; margin-bottom:2vw}

	.numbers_pop_cont .nb_oder_txtBox {font-size:4vw; padding:0 4.2vw}
	.numbers_pop_cont .nb_oder_txtBox li:after {height:3vw; margin:0 2vw 0 2.5vw;}

	.numbers_pop_cont .btnBox button {width:8.7vw; height:6.4vw; border-radius:1.6vw; font-size:3vw}

	.numbers_pop_cont .ccd_tltBox {margin-bottom:3vw}

	.numbers_pop_cont .nb_graph_box {margin-top:5.5vw}
	.numbers_pop_cont .sub_tab .depth li, .numbers_pop_cont .sub_tab .depth02 li {height:7vw; line-height:7vw; padding:0 3vw; margin-right:1.5vw; font-size:3vw; border-radius:6vw}
	.numbers_pop_cont .sub_tab_j .depth li, .numbers_pop_cont .sub_tab_j .depth02 li {max-width:50vw}

	/*20240111*/
	.numbers_pop_cont .nb_graphUl li {width:47.5%; font-size:3.2vw; margin-bottom:2vw;}
	.numbers_pop_cont .nb_graphUl .tlt {width:53%}
	.numbers_pop_cont .nb_graphUl .won {width:45%; margin-left:2%}


	/*20241204 jisoo 추가*/
	.numbers_pop_cont .data_txtBox02 {font-size:3vw; margin-top:4vw; padding:1.5vw 3.7vw 2vw; border-radius:10vw}

	.numbers_pop_cont  .nb_graph_txtUl {font-size:3vw;}
	.numbers_pop_cont  .nb_graph_txtUl li {margin-bottom:1.5vw;}
	.numbers_pop_cont  .nb_graph_txtUl li:before {width:2.4vw; height:2.4vw; border-radius:0.5vw; margin:-0.8vw 0.7vw 0 0;}
}

@media screen and (max-width:480px){	
	.numbers_pop_cont {padding-bottom:9vw}
	.numbers_pop_cont .nb_dong_tlt {/*padding:2.8vw 4vw; margin:4.6vw 0 5.2vw;*/ border-radius:6vw; font-size:4.2vw}

	.numbers_pop_cont .nb_poptlt {font-size:4.6vw; /*margin-bottom:3vw;*/}

	.numbers_pop_cont .nb_stxtBox {margin-bottom:5.4vw;}
	.numbers_pop_cont .nb_stxtBox .txt {font-size:3.6vw; /*margin-bottom:2.6vw;*/}
	.numbers_pop_cont .nb_stxtBox .big_num {font-size:3.8vw;}
	.numbers_pop_cont .data_txtBox {border-radius:2.8vw; /*padding:2.8vw 5.2vw;*/ font-size:4.0vw}

	.numbers_pop_cont .concludingBox .ccdBox {border-radius:2.8vw; /*padding:5vw; margin-bottom:3vw;*/ font-size:4.2vw;}
	.numbers_pop_cont .concludingBox li {width:45%; margin-bottom:2vw}

	.numbers_pop_cont .nb_oder_txtBox {/*font-size:4.2vw*/}
	.numbers_pop_cont .nb_oder_txtBox li:after {height:4vw; margin:0 3vw 0 3.5vw;}

	.numbers_pop_cont .btnBox button {width:10.7vw; height:8.4vw; /*border-radius:2.8vw;*/ font-size:4vw}

	.numbers_pop_cont .ccd_tltBox {margin-bottom:4vw}

	.numbers_pop_cont .nb_graph_box {margin-top:6.5vw}
	.numbers_pop_cont .sub_tab .depth li, .numbers_pop_cont .sub_tab .depth02 li {height:9vw; line-height:9vw; padding:0 4vw; margin-right:2vw; font-size:4vw; border-radius:7vw}

	/*20240111*/
	.numbers_pop_cont .nb_graphUl li {width:47.5%; font-size:4vw; margin-bottom:3vw;}
	.numbers_pop_cont .nb_graphUl .tlt {width:55%}
	.numbers_pop_cont .nb_graphUl .won {width:42%; margin-left:3%}

	.concluding_no_data {
		padding: 30px 0;
		font-size: 16px;
	}


	/*20241204 jisoo 추가*/
	.numbers_pop_cont .data_txtBox02 {font-size:4vw; margin-top:5vw; padding:2vw 4.7vw 2.5vw; border-radius:11vw}

	.numbers_pop_cont  .nb_graph_txtUl {font-size:4vw;}
	.numbers_pop_cont  .nb_graph_txtUl li {margin-bottom:2vw;}
	.numbers_pop_cont  .nb_graph_txtUl li:before {width:3.4vw; height:3.4vw; border-radius:0.7vw; margin:-1vw 0.9vw 0 0;}
}

/*거래내역NEW*/
.ny_dataBox .yearBox {display:flex; font-size:21px; margin:30px 0 12px; color:#212329;}
.ny_dataBox .yearBox .Btn {margin-left:auto}
.ny_dataBox .yearBox .Btn img {height:26px; margin-top:-3px}
.ny_dataBox .yearBox .Btn a {display:flex; align-items:center}


.ny_dataBox .ny_data_listBox {border:1px solid #F2F5FA; padding:24px; border-radius:8px; color:#212329;}
.ny_dataBox .ny_data_list {position:relative; border-bottom:1px solid #F2F5FA; padding-bottom:20px; margin-bottom:20px;}
.ny_dataBox .ny_data_list:last-child {border-bottom:0; padding:0; margin:0}

.ny_dataBox .ny_data_tlt {margin-bottom:15px; font-size:21px; font-weight:700; display:flex}
.ny_dataBox .ny_data_tlt .nums {font-weight:400; color:#595959}
.ny_dataBox .ny_data_tlt .num {margin-left:auto}

.ny_dataBox .txtUl {font-size:21px;}
.ny_dataBox .txtUl .cl {color:#2D4C68}

.gn_stxt2 {font-size:17px;}


/*20250311 add jisoo*/
.ny_dataBox02 .ny_data_listBox {padding:30px 24px; border-color:#F2F5FA; border-radius:12px}

.ny_dataBox02 .ny_data_list_loop {position:relative; border-bottom:1px solid #F2F5FA; margin-bottom:24px; padding-bottom:24px;}
.ny_dataBox02 .ny_data_list_loop:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}

.ny_dataBox02 .yearBox .Btn .txt {font-size:20px; color:#212329}
.ny_dataBox02 .yearBox .Btn img {height:27px; margin-right:2px}

.ny_dataBox02 .reportBtn {position:absolute; bottom:24px; right:0}
.ny_dataBox02 .ny_data_list_loop:last-child .reportBtn {bottom:0}
.ny_dataBox02 .reportBtn a {padding:4px 18px 5px; display:inline-block; border-radius:50px; border:1px solid #DFDFDF; display:flex; align-items:center}
.ny_dataBox02 .reportBtn .icon img {height:21px;}
.ny_dataBox02 .reportBtn .txt {font-size:18px; color:#212329; margin-left:8px}

.ny_dataBox02 .ny_data_tlt .nums {color:#212329; font-weight:700}
.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul {border-bottom:1px solid #F2F5FA; margin-bottom:18px; padding-bottom:18px;}
.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}
.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul li {display:flex; margin-bottom:8px; font-size:22px;}
.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul li:last-child {margin-bottom:0}
.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul .txt {margin-left:auto}
.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul .red_txt {color:#F04452; font-weight:700}
.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul .blue_txt {color:#3182F7; font-weight:700}

@media screen and (max-width:768px){	
	.ny_dataBox .yearBox {font-size:3.1vw; margin:4vw 0 3.5vw;}
	.ny_dataBox .yearBox .Btn img {height:3.6vw; margin-top:-0.5vw}

	.ny_dataBox .ny_data_listBox {padding:3.4vw; border-radius:1vw;}
	.ny_dataBox .ny_data_list {padding-bottom:3vw; margin-bottom:3vw;}

	.ny_dataBox .ny_data_tlt {margin-bottom:1.5vw; font-size:3.1vw;}
	.ny_dataBox .txtUl {font-size:3.1vw;}

	.gn_stxt2 {font-size:2.7vw;}


	.ny_dataBox02 .ny_data_listBox {padding:4vw 3.4vw; border-radius:2.2vw}
	.ny_dataBox02 .ny_data_list_loop {margin-bottom:3.4vw; padding-bottom:3.4vw;}
	.ny_dataBox02 .yearBox .Btn .txt {font-size:3vw;}
	.ny_dataBox02 .yearBox .Btn img {height:3.7vw; margin-right:0.4vw}

	.ny_dataBox02 .reportBtn {bottom:3.4vw}
	.ny_dataBox02 .reportBtn a {padding:0.2vw 2.8vw 0.7vw; border-radius:6vw;}
	.ny_dataBox02 .reportBtn .icon img {height:3.1vw;}
	.ny_dataBox02 .reportBtn .txt {font-size:3.1vw; margin-left:1vw}

	.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul {margin-bottom:2.8vw; padding-bottom:2.8vw;}
	.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul li {margin-bottom:1vw; font-size:3.2vw;}
}

@media screen and (max-width:480px){	
	.ny_dataBox .yearBox {font-size:4.1vw; margin:5vw 0 4.5vw;}
	.ny_dataBox .yearBox .Btn img {height:4.6vw; margin-top:-0.7vw}

	.ny_dataBox .ny_data_listBox {padding:4.4vw; border-radius:1.2vw;}
	.ny_dataBox .ny_data_list {padding-bottom:4vw; margin-bottom:4vw;}

	.ny_dataBox .ny_data_tlt {margin-bottom:2.5vw; font-size:4.1vw;}
	.ny_dataBox .txtUl {font-size:4.1vw;}

	.gn_stxt2 {font-size:3.7vw;}


	.ny_dataBox02 .ny_data_listBox {padding:5vw 4.4vw; border-radius:3.2vw}
	.ny_dataBox02 .ny_data_list_loop {margin-bottom:4.4vw; padding-bottom:4.4vw;}
	.ny_dataBox02 .yearBox .Btn .txt {font-size:4vw;}
	.ny_dataBox02 .yearBox .Btn img {height:4.7vw; margin-right:0.6vw}

	.ny_dataBox02 .reportBtn {bottom:4.4vw}
	.ny_dataBox02 .reportBtn a {padding:0.4vw 3.8vw 0.9vw; border-radius:7vw;}
	.ny_dataBox02 .reportBtn .icon img {height:4.1vw;}
	.ny_dataBox02 .reportBtn .txt {font-size:4.1vw; margin-left:1.2vw}

	.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul {margin-bottom:3.8vw; padding-bottom:3.8vw;}
	.ny_dataBox02 .ny_data_list_ulBox .ny_data_list_ul li {margin-bottom:1.2vw; font-size:4.2vw;}
}


/*-----------------------------------------------손익보고 리뉴얼 20240110-----------------------------------------------*/
.stlt_n {font-size:26px; margin-bottom:24px; color:#212329; font-weight:700}

.profit_lossUl {overflow:hidden}
.profit_lossUl li {float:left; width:32.6%; height:130px; margin:0 1% 1% 0; background:#F2F5FA; color:#212329; padding:15px 20px; border-radius:12px}
.profit_lossUl li:nth-child(3n) {margin-right:0}

.profit_lossUl .tlt {font-size:18px; color:#2D4C68; line-height:1.5em; font-weight:700;}
.profit_lossUl .data {font-size:18px; line-height:1.5em}
.profit_lossUl .money {font-size:20px; font-weight:700; text-align:right; margin-top:17px;}

.shformBox {position:relative; margin-top:55px}
.shformBox .sh_dataUl, .shformBox .sh_yearBox {display:inline-block; vertical-align:top}

.shformBox .sh_dataUl {overflow:hidden; max-width:328px; width:100%; margin-right:9px}
.shformBox .sh_dataUl li {float:left; width:20%}
.shformBox .sh_dataUl li:last-child {margin-right:0}

.shformBox .sh_dataUl .sh_data_chek01 {cursor:pointer; width:100%}
.shformBox .sh_dataUl .sh_data_chek01 input {opacity:0; display:none}

.shformBox .sh_dataUl .lbl {position:relative; display:block; width:100%; height:36px; line-height:33px; text-align:center; border:1px solid #E1E1E1; border-right:0; background:#fff; color:#212329; font-size:16px;}
.shformBox .sh_dataUl li:first-child .lbl {border-radius:9px 0 0 9px} 
.shformBox .sh_dataUl li:last-child .lbl {border-right:1px solid #E1E1E1; border-radius:0 9px 9px 0}
.shformBox .sh_dataUl input:checked+.lbl {background:#FC8500; border-color:#FC8500; color:#fff}

.shformBox .sh_yearBox {width:300px; border:1px solid #E1E1E1; border-radius:9px; overflow:hidden}
.shformBox .sh_yearBox .sh_year_inp input {width:48%; height:34px; padding:0 16px; border:0; font-size:15px; color:#212329}
label {display:block;}

.profit_list_table {margin-top:10px}
.profit_list_table table {width:100%; font-size:20px; color:#44464A;}
.profit_list_table th {padding:25px 16px; border-bottom:1px solid #FCDCC7}
.profit_list_table td {padding:35px 16px; border-bottom:1px solid #F2F5FA}


.profit_bodyBox {position:relative; width:100%; background:#fff}
.profit_bodyBox .chart_jun {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.profit_bodyBox .chart_jun .img img {width:72px; height:72px;}
.profit_bodyBox .chart_jun .txt {font-size:16px; color:#FC8500; margin-top:10px;}

.mob_sh_dataDl {display:none}

.profit_list_table_top {border-bottom:1px solid #FCDCC7}
.profit_list_table_top li {display:inline-block; vertical-align:top; margin:0 -2px; width:25%; font-size:20px; color:#111; padding:25px 16px; font-weight:600}

.profit_list_table_fix .profit_list_table_top {position:fixed; top:139px; left:50%; transform:translateX(-50%); width:640px; background:#fff; z-index:100}

@media screen and (max-width:1024px){	
	.profit_list_table_fix .profit_list_table_top {top:129px;}
}


@media screen and (max-width:768px){	
	.stlt_n {font-size:3.6vw; margin-bottom:3.4vw;}

	.profit_lossUl li, .profit_lossUl li:nth-child(3n) {width:49%; height:22vw; margin:0 2% 2% 0; padding:2.5vw 3vw; border-radius:1.2vw}
	.profit_lossUl li:nth-child(2n) {margin-right:0}

	.profit_lossUl .tlt {font-size:2.8vw;}
	.profit_lossUl .data {font-size:2.8vw;}
	.profit_lossUl .money {font-size:3vw; margin-top:3.5vw;}

	.shformBox {margin-top:6.5vw}
	.shformBox .sh_dataUl {display:none}

	.shformBox .sh_yearBox {float:left; max-width:66%; width:100%; border-radius:1vw;}
	.shformBox .sh_yearBox .sh_year_inp input {width:48.5%; height:6.4vw; padding:0 3vw; font-size:2.5vw;}

	.profit_list_table {margin-top:2.5vw}
	.profit_list_table table {font-size:3vw;}
	.profit_list_table th {padding:3.5 2.6vw;}
	.profit_list_table td {padding:4.5vw 2.6vw;}

	.profit_bodyBox .chart_jun .img img {width:10.2vw; height:10.2vw;}
	.profit_bodyBox .chart_jun .txt {font-size:2.6vw; margin-top:2vw;}


	.mob_sh_dataDl {position:relative; display:inline-block; margin-left:2%; width:32%}
	.mob_sh_dataDl .dropdown_new {position:relative; width:100%}
	.mob_sh_dataDl .dropdown_new dt {font-weight:400}
	.mob_sh_dataDl .dropdown_new dt a {position:relative; display:block; height:6.4vw; line-height:6.4vw; border-radius:1vw; background:#FC8500; color:#fff; font-size:2.5vw; padding:0 3vw; border:1px solid #FC8500}
	.mob_sh_dataDl .dropdown_new dt a:after {content:""; display:block; position:absolute; top:50%; right:3vw; transform: translateY(-50%); background:url(/person/img/mob_sh_data_bt_arrow.png) no-repeat 0 0; width:1.9vw; height:1.2vw; background-size:100% 100%; transition:all 0.3s}
	.mob_sh_dataDl .dropdown_new dt .myclass:after {transform:rotate(180deg)}
	.mob_sh_dataDl .dropdown_new .dropdown_new2 {position:absolute; top:6.4vw; right:0; width:100%; background:#fff; border:1px solid #EFEFEF; border-radius:1vw}
	.mob_sh_dataDl .dropdown_new dd a {display:block; height:6.4vw; line-height:6.4vw; border-bottom:1px solid #EFEFEF; padding:0 3vw; font-size:2.6vw; color:#111; text-align:center}

	.profit_list_table_fix .profit_list_table_top {top:12vw;}
	.profit_list_table_fix .profit_list_table_top ul {width:90%; margin:0 auto;}
	.profit_list_table_top li {font-size:3vw; padding:3.5vw 2.6vw;}
}

@media screen and (max-width:640px){
	.shformBox .sh_yearBox .sh_year_inp input {width:47.3%;}
	.profit_list_table_fix .profit_list_table_top {width:100%;}
}	

@media screen and (max-width:480px){	
	.stlt_n {font-size:4.6vw; margin-bottom:4.4vw;}

	.profit_lossUl li, .profit_lossUl li:nth-child(3n) {width:49%; height:29vw; margin:0 2% 2% 0; padding:3.5vw 4vw; border-radius:2.2vw}
	.profit_lossUl li:nth-child(2n) {margin-right:0}

	.profit_lossUl .tlt {font-size:3.8vw;}
	.profit_lossUl .data {font-size:3.8vw;}
	.profit_lossUl .money {font-size:4vw; margin-top:5vw;}

	.shformBox {margin-top:6.5vw}

	.shformBox .sh_yearBox {max-width:68%; border-radius:2vw;}
	.shformBox .sh_yearBox .sh_year_inp input {width:47.5%; height:9.4vw; padding:0 2vw; font-size:3.4vw;}

	.profit_list_table {margin-top:3.5vw}
	.profit_list_table table {font-size:3.6vw;}
	.profit_list_table th {padding:4.5 3.6vw;}
	.profit_list_table td {padding:5.5vw 3.6vw;}

	.profit_bodyBox .chart_jun .img img {width:13.2vw; height:13.2vw;}
	.profit_bodyBox .chart_jun .txt {font-size:3.6vw; margin-top:3vw;}


	.mob_sh_dataDl {margin-left:2%; width:30%}
	.mob_sh_dataDl .dropdown_new dt a {height:9.4vw; line-height:9.4vw; border-radius:2vw; font-size:3.4vw; padding:0 3vw}
	.mob_sh_dataDl .dropdown_new dt a:after {right:3vw; width:2.6vw; height:1.6vw;}
	.mob_sh_dataDl .dropdown_new .dropdown_new2 {top:9.4vw; right:0; border-radius:2vw}
	.mob_sh_dataDl .dropdown_new dd a {height:9.4vw; line-height:9.4vw; padding:0 3vw; font-size:3.5vw;}

	.profit_list_table_fix .profit_list_table_top {top:14vw;}
	.profit_list_table_top li {font-size:3.6vw; padding:4.5vw 3.6vw;}
}


/*-----------------------------------------------손익보고 리뉴얼 20240120-----------------------------------------------*/
.sh_data_infoBox {position:relative; display:flex; margin-top:65px}
.sh_data_infoBox .sh_data_infoUl {font-size:18px; color:#565656}
.sh_data_infoBox .sh_data_infoUl li {display:inline-block; vertical-align:middle}
.sh_data_infoBox .sh_data_infoUl li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:16px; background:#DFDFDF; margin:0 7px}
.sh_data_infoBox .sh_data_infoUl li:last-child:after {display:none} 

.sh_data_infoBox .sh_calendarBtn {width:24px; height:23px; background:url(/person/img/inc/sh_calendar_icon.png) no-repeat 0 0; background-size:100% 100%; margin:4px 0 0 auto;}
.sh_data_infoBox .sh_calendarBtn .txt {display:none}


/*캘린터 팝업*/
#modal_sh_calendar {position:fixed !important; bottom:50% !important; left:50% !important; transform: translate(-50%,50%) !important; max-width:420px; width:100%; background:#fff; border-radius:12px; overflow:hidden}
#modal_sh_calendar .sh_calendar_cont {width:100%; padding:17px 24px 0 24px;}
#modal_sh_calendar .sh_calendar_close_icon {position:absolute; top:20px; right:24px; width:18px; height:18px; background:url(/person/img/sh_calendar_close_icon.png) no-repeat 0 0; background-size:100% 100%; border:0}

#modal_sh_calendar .sh_calendarBox {padding:40px 0}

#modal_sh_calendar .sh_calendar_tlt {font-size:20px; color:#111; line-height:1.3em; font-weight:700}
#modal_sh_calendar .sh_dataUl, #modal_sh_calendar .sh_yearBox {display:inline-block; vertical-align:top}
#modal_sh_calendar .sh_calendar_stlt {font-size:16px; margin-bottom:12px; color:#111}

#modal_sh_calendar .sh_calendar_okBtn {width:100%; height:56px; line-height:56px; background:#FC8500; color:#fff; font-size:18px; border:0;}


#modal_sh_calendar .sh_dataUl {overflow:hidden; width:100%; margin-right:9px}
#modal_sh_calendar .sh_dataUl li {float:left; width:20%}
#modal_sh_calendar .sh_dataUl li:last-child {margin-right:0}

#modal_sh_calendar .sh_dataUl .sh_data_chek01 {cursor:pointer; width:100%}
#modal_sh_calendar .sh_dataUl .sh_data_chek01 input {opacity:0; display:none}

#modal_sh_calendar .sh_dataUl .lbl {position:relative; display:block; width:100%; height:46px; line-height:43px; text-align:center; border:1px solid #E1E1E1; border-right:0; background:#fff; color:#212329; font-size:17px;}
#modal_sh_calendar .sh_dataUl li:first-child .lbl {border-radius:9px 0 0 9px} 
#modal_sh_calendar .sh_dataUl li:last-child .lbl {border-right:1px solid #E1E1E1; border-radius:0 9px 9px 0}
#modal_sh_calendar .sh_dataUl input:checked+.lbl {background:#FC8500; border-color:#FC8500; color:#fff}

#modal_sh_calendar .sh_yearBox {width:100%; border:1px solid #E1E1E1; border-radius:9px; overflow:hidden}
#modal_sh_calendar .sh_yearBox .sh_year_inp input {width:48%; height:46px; padding:0 16px; border:0; font-size:18px; color:#212329; background:#fff;}


@media screen and (max-width:768px){
	.sh_data_infoBox {margin-top:7.5vw}
	.sh_data_infoBox .sh_data_infoUl {font-size:2.8vw;}
	.sh_data_infoBox .sh_data_infoUl li:after {height:2.6vw; margin:0 0.9vw}

	.sh_data_infoBox .sh_calendarBtn {width:4vw; height:3.9vw;  margin:0.6vw 0 0 auto;}

	/*캘린터 팝업*/
	#modal_sh_calendar {max-width:70%; border-radius:2.2vw;}
	#modal_sh_calendar .sh_calendar_cont {padding:2.7vw 3.4vw 0 3.4vw;}
	#modal_sh_calendar .sh_calendar_close_icon {top:3vw; right:3.4vw; width:2.8vw; height:2.8vw;}

	#modal_sh_calendar .sh_calendarBox {padding:6vw 0}

	#modal_sh_calendar .sh_calendar_tlt {font-size:3vw;}
	#modal_sh_calendar .sh_calendar_stlt {font-size:2.6vw; margin-bottom:2.2vw;}

	#modal_sh_calendar .sh_calendar_okBtn {height:8.6vw; line-height:8.6vw; font-size:2.8vw;}


	#modal_sh_calendar .sh_dataUl {margin-right:1.1vw}

	#modal_sh_calendar .sh_dataUl .lbl {height:6.6vw; line-height:6.3vw; font-size:2.7vw;}
	#modal_sh_calendar .sh_dataUl li:first-child .lbl {border-radius:1.1vw 0 0 1.1vw} 
	#modal_sh_calendar .sh_dataUl li:last-child .lbl {border-radius:0 1.1vw 1.1vw 0}

	#modal_sh_calendar .sh_yearBox {border-radius:1.1vw;}
	#modal_sh_calendar .sh_yearBox .sh_year_inp input {width:47%; height:7.6vw; padding:0 2.6vw; border:0; font-size:2.8vw;}
}

@media screen and (max-width:480px){
	.sh_data_infoBox {margin-top:8.5vw}
	.sh_data_infoBox .sh_data_infoUl {font-size:3.8vw;}
	.sh_data_infoBox .sh_data_infoUl li:after {height:3.6vw; margin:0 1.1vw}

	.sh_data_infoBox .sh_calendarBtn {width:5.6vw; height:5.5vw;  margin:0.8vw 0 0 auto;}

	/*캘린터 팝업*/
	#modal_sh_calendar {bottom:0 !important; transform:translateX(-50%) !important; max-width:100%; border-radius:3.2vw 3.2vw 0 0;}
	#modal_sh_calendar .sh_calendar_cont {padding:4.7vw 4.4vw 0 4.4vw;}
	#modal_sh_calendar .sh_calendar_close_icon {top:4vw; right:4.4vw; width:3.8vw; height:3.8vw;}

	#modal_sh_calendar .sh_calendarBox {padding:10vw 0}

	#modal_sh_calendar .sh_calendar_tlt {font-size:4vw;}
	#modal_sh_calendar .sh_calendar_stlt {font-size:3.6vw; margin-bottom:3.2vw;}

	#modal_sh_calendar .sh_calendar_okBtn {height:11.6vw; line-height:11.6vw; font-size:3.8vw;}


	#modal_sh_calendar .sh_dataUl {margin-right:1.3vw}

	#modal_sh_calendar .sh_dataUl .lbl {height:9.6vw; line-height:9.3vw; font-size:3.7vw;}
	#modal_sh_calendar .sh_dataUl li:first-child .lbl {border-radius:1.3vw 0 0 1.3vw} 
	#modal_sh_calendar .sh_dataUl li:last-child .lbl {border-radius:0 1.3vw 1.3vw 0}

	#modal_sh_calendar .sh_yearBox {border-radius:2.1vw;}
	#modal_sh_calendar .sh_yearBox .sh_year_inp input {width:47%; height:10.6vw; padding:0 3.6vw; border:0; font-size:3.8vw;}
}


/*-----------------------------------------------손익보고 입금모달 리뉴얼 2020712-----------------------------------------------*/
.new_modal_st01 {position:fixed !important; bottom:50% !important; left:50% !important; transform: translate(-50%,50%) !important; max-width:420px; width:100%; background:#fff; border-radius:12px; overflow:hidden}
.new_modal_st01 .new_md_cont {width:100%; padding:20px 20px 0 20px; color:#212329}

.new_modal_st01 .new_md_close_icon {position:absolute; top:20px; right:20px; width:21px; height:21px; background:url(../img/sh_calendar_close_icon.png) no-repeat 0 0; background-size:100% 100%; border:0}
.new_modal_st01 .new_md__tlt {font-size:23px; color:#111; line-height:1.3em; font-weight:700}

.new_modal_st01 .new_mdBox {padding:50px 0 55px;}
.new_modal_st01 .new_mdBox02 {padding:38px 0 !important}

.new_modal_st01 .new_md_stltBox {display:flex; align-items:center; margin-bottom:14px;}
.new_modal_st01 .new_md_stltBox .new_md_stlt {font-size:18px; font-weight:700; line-height:1.3em}
.new_modal_st01 .new_md_stltBox .view_dsBtn {display:inline-block; font-size:12px; color:#2D4C68; padding:3px 7px; border:1px solid #2D4C68; border-radius:50px; margin-left:7px; cursor:pointer}

.radius_inp {border-radius:8px}
.new_modal_st01 .radius_inp {height:50px; padding:0 18px; font-size:17px; color:#212329}

.new_md_tabs  {display:flex; margin-bottom:10px}
.new_md_tabs li {width:50%; height:50px; line-height:48px; font-size:15px; text-align:center; border:1px solid #E1E1E1; border-left:0; cursor:pointer}
.new_md_tabs li:first-child {border-radius:8px 0 0 8px; border-left:1px solid #E1E1E1;}
.new_md_tabs li:last-child {border-radius:0 8px 8px 0}
.new_md_tabs .active {background:#FC8500; color:#fff; border-color:#FC8500; font-weight:900}

.new_modal_st01 .tab_container {float:none}
.new_modal_st01 .tab_content {padding:0}

.new_modal_st01 .select_st {position:relative;}
.new_modal_st01 .select_st a {color:#212329}
.new_modal_st01 .select_st .select_choice a {position:relative; display:block; height:50px; line-height:44px; border:1px solid #E1E1E1; background:#fff; border-radius:8px; padding:0 18px; font-size:17px; cursor:pointer}
.new_modal_st01 .select_st .select_choice a:after {content:""; display:inline-block; position:absolute; top:50%; right:18px; transform:translateY(-50%); width:14px; height:9px;background:url(../img/select_choice_arrow.png) no-repeat 0 0; background-size:100% 100%; transition:all 0.3s}
.new_modal_st01 .select_st .select_choice.active a:after {top:40%; transform: rotate(180deg);}

.new_modal_st01 .no_check_pink {border-color:#F04452 !important; color:#F04452 !important}
.new_modal_st01 .no_check_pink input::placeholder {color:#F04452 !important}

.new_modal_st01 .select_st .select_stUl {position:absolute; top:50px; max-height:252px; overflow-y:auto; border:1px solid #E1E1E1; background:#fff; border-radius:8px; width:100%; display:none; z-index:2}
.new_modal_st01 .select_st .select_stUl li {cursor:pointer}
.new_modal_st01 .select_st .select_stUl a {line-height:50px; padding:0 18px; font-size:17px; display:block;}
.new_modal_st01 .select_st .select_stUl li:hover a {background:rgba(0, 0, 0, 0.05)}


.new_modal_st01 .select_st .select_choice a span, .new_modal_st01 .select_st .select_stUl a span {display:inline-block; vertical-align:middle;}
.new_modal_st01 .select_st .select_choice .small, .new_modal_st01 .select_st .select_stUl .small {font-size:14px; color:#FC8500; margin-left:14px}


.new_modal_st01 .txt_inpBox {height:50px; font-size:17px; color:#212329; border-radius:8px; border:1px solid #E1E1E1; display:flex; align-items:center; text-align:left; overflow:hidden;}
.new_modal_st01 .txt_inpBox .inp {width:85%;}
.new_modal_st01 .txt_inpBox .inp input {padding:0 18px; border:0}
.new_modal_st01 .txt_inpBox .r_txt {width:15%; padding-right:12px; text-align:right; color:#212329 !important}

/*20250319 add jisoo*/
.new_modal_st01 .usdBox .inp {width:auto !important;}
.new_modal_st01 .usdBox .r_txt {width:auto !important; margin-left:auto}


.new_modal_st01 .line_check_dataUl {overflow:hidden; width:100%; margin-right:9px}
.new_modal_st01 .line_check_dataUl li {float:left;}
.new_modal_st01 .line_check_dataUl li:last-child {margin-right:0}

.line_check_dataUl.ch_wd1 li {width:100%}
.line_check_dataUl.ch_wd2 li {width:50%}
.line_check_dataUl.ch_wd3 li {width:33.333%}
.line_check_dataUl.ch_wd4 li {width:25%}
.line_check_dataUl.ch_wd5 li {width:20%}

.new_modal_st01 .line_check_dataUl .line_check_data {cursor:pointer; width:100%}
.new_modal_st01 .line_check_dataUl .line_check_data input {opacity:0; display:none}

.new_modal_st01 .line_check_dataUl .lbl {position:relative; display:block; width:100%; height:46px; line-height:43px; text-align:center; border:1px solid #E1E1E1; border-right:0; background:#fff; color:#212329; font-size:17px; cursor:pointer}
.new_modal_st01 .line_check_dataUl li:first-child .lbl {border-radius:9px 0 0 9px} 
.new_modal_st01 .line_check_dataUl li:last-child .lbl {border-right:1px solid #E1E1E1; border-radius:0 9px 9px 0}
/*.new_modal_st01 .line_check_dataUl input:checked+.lbl {background:#FC8500; border-color:#FC8500; color:#fff}*/


/*금액 체크박스 스타일02*/
.new_modal_st01 .line_check_dataUl02 {position:relative; z-index:1}
.new_modal_st01 .line_check_dataUl02 li {display:inline-block; vertical-align:top; margin:4px 6px 0 0;}
.new_modal_st01 .line_check_dataUl02 .line_check_data {cursor:pointer; width:100%}
.new_modal_st01 .line_check_dataUl02 .line_check_data input {opacity:0; display:none}
.new_modal_st01 .line_check_dataUl02 .lbl {position:relative; display:block; width:100%; height:38px; line-height:35px; padding:0 14px; text-align:center; border:1px solid #E1E1E1; background:#fff; color:#212329; font-size:16px; border-radius:50px; cursor:pointer}



.new_modal_st01 .new_md_bt_txtBox {border-top:1px solid #ddd; margin-top:25px; padding-top:25px}
.new_modal_st01 .new_md_bt_txtBox .tlt {font-size:18px; font-weight:700; margin-bottom:12px;}
.new_modal_st01 .new_md_bt_txtBox .new_md_bt_txtUl li {margin-bottom:8px; font-size:14px; color:#616161}
.new_modal_st01 .new_md_bt_txtBox .new_md_bt_txtUl li:last-child {margin-bottom:0}

.new_modal_st01 .deposit_okBtn {position:relative; border:0; width:100%; height:65px; background:#FC8500; color:#fff; font-size:18px; z-index:10}

.new_modal_st01 .tootipBox {}
.new_modal_st01 .tootipBox .ab_tootipBox {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:8px; background:rgba(0,0,0,0.75); display:none}
.new_modal_st01 .tootipBox .ab_tootip_txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:94%; color:#fff; font-size:16px; text-align:center}

.new_modal_st01 .new_small_txt {font-size:14px;}



/*추가*/
.new_modal_st01 .wih_listDL dl {display:flex; align-items:center; font-size:18px; width:100%; margin-bottom:25px}
.new_modal_st01 .wih_listDL dl:last-child {margin-bottom:0}
.new_modal_st01 .wih_listDL dt {font-weight:700; width:30%;}
.new_modal_st01 .wih_listDL dd {margin-left:auto; width:65%; text-align:right}
.new_modal_st01 .wih_listDl_ul li {display:inline-block; vertical-align:middle;}
.new_modal_st01 .wih_listDl_ul li:after {content:""; display:inline-block; vertical-align:middle; background:#E1E1E1; width:1px; height:15px; margin:-2px 3px 0 6px;}
.new_modal_st01 .wih_listDl_ul li:last-child:after {display:none}

.new_modal_st01 .wih_listDL .dl_ful {display:block;}
.new_modal_st01 .wih_listDL .dl_ful dt, .new_modal_st01 .wih_listDL .dl_ful dd {width:100%}
.new_modal_st01 .wih_listDL .dl_ful dt {margin-bottom:14px}
.new_modal_st01 .wih_listDL .dl_ful dd {margin-left:0; text-align:left;}
.new_modal_st01 .wih_listDL .dl_ful .ful_inpBox {display:flex; width:100%}
.new_modal_st01 .wih_listDL .dl_ful .ful_inpBox .txt_inpBox {width:74%;}
.new_modal_st01 .entryBtn {width:24%; margin-left:auto; height:50px; border-radius:10px; background:#FC8500; font-size:15px; color:#fff; border:1px solid #FC8500}


@media screen and (min-height: 700px) and (max-height: 1200px) {
		.new_modal_st01 .new_mdBox {padding:30px 0 35px; height:80vh; overflow-y:auto; overflow-x:hidden}
}

@media screen and (max-width:768px){
	.new_modal_st01 {max-width:70%; border-radius:2.2vw;}
	.new_modal_st01 .new_md_cont {height:75vh; padding:3vw 3vw 0 3vw;}

	.new_modal_st01 .new_md_close_icon {top:3vw; right:3vw; width:3.1vw; height:3.1vw;}
	.new_modal_st01 .new_md__tlt {font-size:3.3vw;}

	.new_modal_st01 {}
	.new_modal_st01 .new_mdBox {height:100%; padding:6vw 0 8.5vw; overflow-y:auto;}
	.new_modal_st01 .new_mdBox02 {padding:4.8vw 0 !important}

	.new_modal_st01 .new_md_stltBox {margin-bottom:2.4vw;}
	.new_modal_st01 .new_md_stltBox .new_md_stlt {font-size:2.8vw;}
	.new_modal_st01 .new_md_stltBox .view_dsBtn {font-size:2.2vw; padding:0.3vw 1.1vw 0.5vw; border-radius:6vw; margin-left:0.9vw;}

	.radius_inp {border-radius:1.3vw}
	.new_modal_st01 .radius_inp {height:7.8vw; padding:0 2.8vw; font-size:2.7vw;}

	.new_md_tabs  {margin-bottom:2vw}
	.new_md_tabs li {height:7.8vw; line-height:7.4vw; font-size:2.5vw;}
	.new_md_tabs li:first-child {border-radius:1.3vw 0 0 1.3vw;}
	.new_md_tabs li:last-child {border-radius:0 1.3vw 1.3vw 0}

	.new_modal_st01 .select_st .select_choice a {height:7.8vw; line-height:6.4vw; border-radius:1.3vw; padding:0 2.8vw; font-size:2.7vw}
	.new_modal_st01 .select_st .select_choice a:after {right:2.8vw; width:2.4vw; height:1.5vw;}
	.new_modal_st01 .select_st .select_choice.active a:after {top:40%;}

	.new_modal_st01 .select_st .select_stUl {top:7.8vw; max-height:35.2vw; border-radius:1.3vw;}
	.new_modal_st01 .select_st .select_stUl a {line-height:7vw; padding:0 2.8vw; font-size:2.7vw}


	.new_modal_st01 .select_st .select_choice .small, .new_modal_st01 .select_st .select_stUl .small {font-size:2.4vw; margin-left:2.4vw}


	.new_modal_st01 .txt_inpBox {height:7.8vw; font-size:2.7vw; border-radius:1.3vw;}
	.new_modal_st01 .txt_inpBox .inp {width:85%;}
	.new_modal_st01 .txt_inpBox .inp input {padding:0 2.8vw;}
	.new_modal_st01 .txt_inpBox .r_txt {width:15%; padding-right:2.2vw}

	.new_modal_st01 .line_check_dataUl {margin-right:1.1vw}
	.new_modal_st01 .line_check_dataUl .lbl {height:7.6vw; line-height:7.3vw; font-size:2.7vw;}
	.new_modal_st01 .line_check_dataUl li:first-child .lbl {border-radius:1.3vw 0 0 1.3vw} 
	.new_modal_st01 .line_check_dataUl li:last-child .lbl {border-radius:0 1.3vw 1.3vw 0}


	/*금액 체크박스 스타일02*/
	.new_modal_st01 .line_check_dataUl02 li {margin:0.6vw 0.8vw 0 0;}
	.new_modal_st01 .line_check_dataUl02 .lbl {height:6.8vw; line-height:6.5vw; padding:0 2.4vw; font-size:2.6vw; border-radius:6vw;}


	.new_modal_st01 .new_md_bt_txtBox {margin-top:3.5vw; padding-top:3.5vw}
	.new_modal_st01 .new_md_bt_txtBox .tlt {font-size:2.8vw; margin-bottom:2.2vw;}
	.new_modal_st01 .new_md_bt_txtBox .new_md_bt_txtUl li {margin-bottom:1vw; font-size:2.4vw;}

	.new_modal_st01 .deposit_okBtn {height:9.5vw; font-size:2.8vw;}


	.new_modal_st01 .tootipBox .ab_tootip_txt {font-size:2.6vw}
	.new_modal_st01 .new_small_txt {font-size:2.4vw;}


	/*추가*/
	.new_modal_st01 .wih_listDL dl {font-size:2.8vw; margin-bottom:3.5vw}
	.new_modal_st01 .wih_listDl_ul li:after {height:2.4vw; margin:-0.6vw 0.5vw 0 0.9vw;}
	.new_modal_st01 .wih_listDL .dl_ful dt {margin-bottom:2.4vw}
	.new_modal_st01 .entryBtn {height:7.8vw; border-radius:2vw; font-size:2.5vw;}
}

@media screen and (max-width:480px){
	.new_modal_st01 {max-width:100%; transform: translateX(-50%) !important; bottom:0 !important; border-radius:3.2vw 3.2vw 0 0;}
	.new_modal_st01 .new_md_cont {padding:4vw 4vw 0 4vw;}

	.new_modal_st01 .new_md_close_icon {top:4vw; right:4vw; width:4.1vw; height:4.1vw;}
	.new_modal_st01 .new_md__tlt {font-size:4.3vw;}

	.new_modal_st01 .new_mdBox {padding:7vw 0 14vw}
	.new_modal_st01 .new_mdBox02 {padding:5.8vw 0 !important}

	.new_modal_st01 .new_md_stltBox {margin-bottom:3.4vw;}
	.new_modal_st01 .new_md_stltBox .new_md_stlt {font-size:3.8vw;}
	.new_modal_st01 .new_md_stltBox .view_dsBtn {font-size:3.2vw; padding:0.5vw 1.5vw 0.7vw; border-radius:7vw; margin-left:1.1vw;}

	.radius_inp {border-radius:2vw}
	.new_modal_st01 .radius_inp {height:10.8vw; padding:0 3.8vw; font-size:3.7vw;}

	.new_md_tabs  {margin-bottom:3vw}
	.new_md_tabs li {height:10.8vw; line-height:10.4vw; font-size:3.5vw;}
	.new_md_tabs li:first-child {border-radius:2vw 0 0 2vw;}
	.new_md_tabs li:last-child {border-radius:0 2vw 2vw 0}

	.new_modal_st01 .select_st .select_choice a {height:10.8vw; line-height:9.8vw; border-radius:2vw; padding:0 3.8vw; font-size:3.7vw}
	.new_modal_st01 .select_st .select_choice a:after {right:3.8vw; width:3.4vw; height:2.5vw;}
	.new_modal_st01 .select_st .select_choice.active a:after {top:40%;}

	.new_modal_st01 .select_st .select_stUl {top:10.8vw; max-height:50.5vw; border-radius:2vw;}
	.new_modal_st01 .select_st .select_stUl a {line-height:10vw; padding:0 3.8vw; font-size:3.7vw}

	.new_modal_st01 .select_st .select_choice .small, .new_modal_st01 .select_st .select_stUl .small {font-size:3.4vw; margin-left:3.4vw}

	.new_modal_st01 .txt_inpBox {height:10.8vw; font-size:3.7vw; border-radius:2vw;}
	.new_modal_st01 .txt_inpBox .inp {width:85%;}
	.new_modal_st01 .txt_inpBox .inp input {padding:0 3.8vw;}
	.new_modal_st01 .txt_inpBox .r_txt {width:15%; padding-right:3.2vw}

	.new_modal_st01 .line_check_dataUl {margin-right:1.3vw}
	.new_modal_st01 .line_check_dataUl .lbl {height:10.6vw; line-height:10.2vw; font-size:3.7vw;}
	.new_modal_st01 .line_check_dataUl li:first-child .lbl {border-radius:2vw 0 0 2vw} 
	.new_modal_st01 .line_check_dataUl li:last-child .lbl {border-radius:0 2vw 2vw 0}


	/*금액 체크박스 스타일02*/
	.new_modal_st01 .line_check_dataUl02 li {margin:0.8vw 1vw 0 0;}
	.new_modal_st01 .line_check_dataUl02 .lbl {height:9.8vw; line-height:9.5vw; padding:0 3.4vw; font-size:3.6vw; border-radius:7vw;}


	.new_modal_st01 .new_md_bt_txtBox {margin-top:4.5vw; padding-top:4.5vw}
	.new_modal_st01 .new_md_bt_txtBox .tlt {font-size:3.8vw; margin-bottom:3.2vw;}
	.new_modal_st01 .new_md_bt_txtBox .new_md_bt_txtUl li {margin-bottom:1.2vw; font-size:3.4vw;}

	.new_modal_st01 .deposit_okBtn {height:12.5vw; font-size:3.8vw;}

	.new_modal_st01 .tootipBox .ab_tootip_txt {font-size:3.6vw}
	.new_modal_st01 .new_small_txt {font-size:3.4vw;}


	/*추가*/
	.new_modal_st01 .wih_listDL dl {font-size:3.8vw; margin-bottom:4.5vw}
	.new_modal_st01 .wih_listDl_ul li:after {height:3.3vw; margin:-0.5vw 0.7vw 0 1.2vw;}
	.new_modal_st01 .wih_listDL .dl_ful dt {margin-bottom:3.4vw}
	.new_modal_st01 .entryBtn {height:10.8vw; border-radius:3vw; font-size:3.5vw;}
}

/*-----------------------------------------------손익보고 리뉴얼 20241024-----------------------------------------------*/
#profit_list_nodata .profit_list_nodataBox {padding:100px 0}
#profit_list_nodata .profit_nodata_img img {width:62px; height:63px;}

#profit_list_nodata .nodata_tlt {font-size:24px; color:#212329; font-weight:700; margin:15px 0}
#profit_list_nodata .nodata_txt {font-size:20px; color:#8C8C8C; line-height:1.4em}

#profit_list_nodata .no_dataBtn {margin-top:45px}
#profit_list_nodata .no_dataBtn a {display:inline-block; padding:13px 30px; background:#FC8500; color:#fff; font-size:22px; border-radius:50px; font-weight:700}


@media screen and (max-width:768px){
	#profit_list_nodata .profit_list_nodataBox {padding:11vw 0}
	#profit_list_nodata .profit_nodata_img img {width:9.2vw; height:9.3vw;}

	#profit_list_nodata .nodata_tlt {font-size:3.4vw; margin:2.5vw 0}
	#profit_list_nodata .nodata_txt {font-size:3vw; }

	#profit_list_nodata .no_dataBtn {margin-top:5.5vw}
	#profit_list_nodata .no_dataBtn a {padding:2.3vw 5vw; font-size:3.2vw; border-radius:6vw;}
}

@media screen and (max-width:640px){
	#profit_list_nodata {height:65vh}
}

@media screen and (max-width:480px){
	#profit_list_nodata .profit_list_nodataBox {padding:12vw 0}
	#profit_list_nodata .profit_nodata_img img {width:12.2vw; height:12.3vw;}

	#profit_list_nodata .nodata_tlt {font-size:4.4vw; margin:3.5vw 0}
	#profit_list_nodata .nodata_txt {font-size:4vw; }

	#profit_list_nodata .no_dataBtn {margin-top:6.5vw}
	#profit_list_nodata .no_dataBtn a {padding:3vw 6vw; font-size:4.2vw; border-radius:7vw;}
}

#kr1::after, #us1::after {
        content: none;
}


/*-----------------------------------------------미국 휴장일 추가 2024406-----------------------------------------------*/
.holidayBox {position:relative; background:#fff; border:1px solid #F88504; border-radius:16px; padding:26px 30px; margin-bottom:40px}
.holidayBox .big_tlt {font-size:24px;}
.holidayBox .eng_tlt {font-size:18px; color:#7E7E86}
.holidayBox .next_holiday {font-size:18px; margin-top:10px}

.holidayBox .holiday_closeBtn {position:absolute; top:50%; right:30px; transform: translateY(-50%); width:22px; height:22px; background:url(/person/img/holiday_close_icon.png) no-repeat 0 0; background-size:100% 100%; border:0}


@media screen and (max-width:768px){
	.holidayBox {border-radius:2.6vw; padding:3.6vw 4vw; margin-bottom:5vw}
	.holidayBox .big_tlt {font-size:3.6vw;}
	.holidayBox .eng_tlt {font-size:2.7vw;}
	.holidayBox .next_holiday {font-size:2.7vw; margin-top:1.5vw}

	.holidayBox .holiday_closeBtn {right:4vw; width:3.2vw; height:3.2vw;}
}

@media screen and (max-width:480px){
	.holidayBox {border-radius:3.6vw; padding:4.6vw 5vw; margin-bottom:6vw}
	.holidayBox .big_tlt {font-size:4.5vw;}
	.holidayBox .eng_tlt {font-size:3.4vw;}
	.holidayBox .next_holiday {font-size:3.4vw; margin-top:2vw}

	.holidayBox .holiday_closeBtn {right:5vw; width:4.2vw; height:4.2vw;}
}


/*-----------------------------------------------bokkevent-----------------------------------------------*/
.book_evBox {position:relative; max-width:768px; min-width:320px; margin:0 auto; padding:0 0 100px; font-size:30px; line-height:1.3em; letter-spacing:-0.04em; color:#212329; font-family:"Pretendard", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; overflow:hidden}
.book_evBox .cont {width:92%; margin:0 auto;}

/*타이틀과 블릿*/
.book_evBox .big_tlt {margin:85px 0 60px; font-size:42px; font-weight:700; line-height:1.3em}
.book_evBox .bul01 li {position:relative; padding-left:15px; margin-bottom:5px; font-size:34px;}
.book_evBox .bul01 li:before {content:""; display:inline-block; position:absolute; top:15px; left:0;  width:5px; height:5px; background:#212329; border-radius:50%}


@media only screen and  (max-width:768px) {
	.book_evBox {padding-bottom:10vw; font-size:3vw;}

	/*타이틀과 블릿*/
	.book_evBox .big_tlt {margin:8.5vw 0 6vw; font-size:4.2vw;}
	.book_evBox .bul01 li {padding-left:1.5vw; margin-bottom:0.5vw; font-size:3.4vw;}
	.book_evBox .bul01 li:before {top:1.5vw; width:0.5vw; height:0.5vw;}
}

@media only screen and  (max-width:480px) {
	.book_evBox {padding-bottom:11vw; font-size:4vw;}

	/*타이틀과 블릿*/
	.book_evBox .big_tlt {margin:9.5vw 0 7vw; font-size:5.2vw;}
	.book_evBox .bul01 li {padding-left:2.5vw; margin-bottom:0.7vw; font-size:4.4vw;}
	.book_evBox .bul01 li:before {top:2.5vw; width:0.7vw; height:0.7vw;}
}


.book_evBox .bul_tltBox {margin-bottom:25px;}
.book_evBox .bul_tltBox span {display:inline-block; vertical-align:middle;}
.book_evBox .bul_tltBox .icon img {height:51px;}
.book_evBox .bul_tltBox .tlt {font-size:34px; font-weight:700}

.book_evBox .step_tltBox {margin-bottom:17px;}
.book_evBox .step_tltBox .tlt {font-size:34px; line-height:1.3em}
.book_evBox .step_tltBox .txt {margin-top:8px;}

.book_evBox .book_conBox {margin-bottom:67px;}
.book_evBox .book_conBox .book_img img {width:75%}
.book_evBox .book_conBox .txtBox .tlt {font-size:38px; line-height:1.3em}
.book_evBox .book_conBox .txtBox .txt {font-size:25px; color:#616161; line-height:1.3em; margin-top:15px}

.book_evBox .book_roundBox .tltBox {border-radius:25px 25px 0 0; color:#fff; font-size:51px; height:106px; line-height:106px; font-weight:700}
.book_evBox .book_roundBox.clbk01 .tltBox {background:#FC8500;}
.book_evBox .book_roundBox.clbk02 .tltBox {background:#4C7BDD;}
.book_evBox .book_roundBox .txtBox {padding:40px; border:1px solid #F2F5FA; border-top:0; line-height:1.5em}

.book_evBox .contxtBox {font-size:34px; line-height:1.3em}
.book_evBox .gray_txt {color:#616161}
.book_evBox .gray_txt2 {font-size:27px}


/*****출간이벤트2 20240625 jisoo 추가*****/
/*출간이벤트 랜딩페이지*/
.book_ev_pd0 {padding:0 !important}
.book_evBox .cl01 {color:#4C7BDD}
.book_evBox .cl02 {color:#4A30EC}
.book_evBox .event_pplistUl li {display:flex; align-items:center; border-bottom: 1px solid #F2F5FA; padding:0 20px}
.book_evBox .event_pplistUl .ranking {width:23%; font-weight:700}
.book_evBox .event_pplistUl .imgBox img  {height:120px}
.book_evBox .event_pplistUl .txtBox {margin-left:auto;}

.book_evBox .quiz_rankingBox {position:relative; background:#F2F5FA; border-radius:14px; padding:55px 30px; margin-top:24px; color: #374555; font-weight:500}
.book_evBox .quiz_rankingBox .quiz_ranking li {position:relative; text-align:left; display:flex; align-items:center; width:100%; height:100px; line-height:95px;  background:#fff; border-radius:8px; padding:0 30px; font-size:38px; margin-bottom:17px; overflow: hidden;}
.book_evBox .quiz_rankingBox .quiz_ranking .first {color:#4C7BDD; font-weight:600}
.book_evBox .quiz_rankingBox .quiz_ranking .num {width:11%}
.book_evBox .quiz_rankingBox .quiz_ranking .name {width:34%}
.book_evBox .quiz_rankingBox .quiz_ranking .time {width:55%; text-align:right}
.book_evBox .quiz_rankingBox .quiz_ranking_dot {width:7px; height:35px; background:url(/person/img/bookevent/quiz_event_dot.png) no-repeat 0 0; background-size:100% 100%; margin:14px auto;}
.book_evBox .quiz_rankingBox .quiz_ranking.mine li {background:#4C7BDD; color:#fff}

.book_evBox .quiz_ranking_txtBox {margin-top:34px;}
.book_evBox .quiz_ranking_txtBox .tlt {font-size:34px; margin-bottom:8px; font-weight:600}
.book_evBox .quiz_ranking_txtBox .txt {font-size:30px; color:#565656}

.book_evBox .blue_txtBox {background: #E2EDFF; border-radius:17px; padding:27px 22px;}
.book_evBox .st_a01 {color:#4A30EC; border-bottom:1px solid #4A30EC}

.book_evBox .book_bt_txtBox {font-size:32px; font-weight:500}
.book_evBox .book_event_linkBtn a {display:inline-block; border:2px solid #4B7BDD; border-radius:25px; width:510px; height:100px; line-height:90px;}
.book_evBox .book_event_linkBtn span {display:inline-block; vertical-align:middle}
.book_evBox .book_event_linkBtn .txt {font-size:38px; font-weight:700; color:#4B7BDD}
.book_evBox .book_event_linkBtn .icon img {margin-left:10px; height:42px;}

.book_evBox .ft_txtBox {background:#F2F5FA; padding:80px 4% 170px; margin-top:128px; color:#616161}
.book_evBox .ft_txtBox .ft_tlt {font-weight:600; margin-bottom:20px;}
.book_evBox .ft_txtBox .ft_txt {font-size:25px; line-height:1.5em; word-break:keep-all}

.book_evBox .bookev_okBtn {position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:768px; width:100%; height:120px; border:0; font-size:33px;}
.book_evBox .bookev_okBtn01 {background:#4B7BDD; color:#fff;}
.book_evBox .bookev_okBtn02 {background:#94938C; color:#fff;}


/*책 출간 기념 스피드 퀴즈*/
.book_evBox02 .top_tltBox {position:relative; height:100px; line-height:100px;}
.book_evBox02 .top_tltBox .backBtn {position:absolute; top:50%; left:40px; transform: translateY(-50%); display:inline-block; width:40px; height:40px; background:url(/person/img/bookevent/bookev_top_back_icon.png) no-repeat 0 0; background-size:100% 100%;}
.book_evBox02 .top_tltBox .no_txt {display:none;}
.book_evBox02 .top_tltBox .tlt {font-size:35px; color:#1C1B1F; font-weight:700}
.book_evBox02 .cont {padding:30px 0}
.book_evBox02 .bookev_top_tlt {font-size:40px; line-height:1.3em;}

.book_evBox02 .book_event_countBox {margin:30px 0; background:#F2F5FA; padding:35px 20px; border-radius:17px;}
.book_evBox02 .book_event_countBox .tlt {font-size:22px; margin-bottom:18px; line-height:1.3em}
.book_evBox02 .book_event_countBox .count {display:flex; justify-content:center; align-items:center;}
.book_evBox02 .book_event_countBox .count li {font-size:34px; font-weight:600; margin-right:17px;}
.book_evBox02 .book_event_countBox .count li:last-child {margin-right:0}
.book_evBox02 .book_event_countBox .count .num {font-size:45px; width:90px; height:90px; line-height:90px; background:#fff; border-radius:8px;}

.book_evBox02 .book_event_countBox .chanceUl {margin-top:20px; display:flex; justify-content:center; align-items:center;}
.book_evBox02 .book_event_countBox .chanceUl li {font-size:30px; font-weight:600; line-height:1.3em;}
.book_evBox02 .book_event_countBox .chanceUl li:after {content:""; display:inline-block; vertical-align:middle; width:2px; height:30px; background:#212329; margin:0 15px 0 10px}
.book_evBox02 .book_event_countBox .chanceUl li:last-child:after {display:none}

.book_evBox02 .bookev_small_txt {color:#505050; font-size:25px; font-weight:500}
.book_evBox02 .stratBtn {width:340px; height:90px; background:#4B7BDD; color:#fff; font-size:33px; font-weight:700; border-radius:50px; border:0; margin-top:35px}
.book_evBox02 .bookev_btBox {margin-top:30px; font-size:25px; font-weight:500; line-height:1.5em}
.book_evBox02 .bookev_btBox a {color:#4A30EC; border-bottom:1px solid #4A30EC;}


/*책 출간 기념 스피드 문제풀기*/
.book_evBox .pic_mvBox img {width:100%}

.book_evBox03 {padding:30px 0 200px;}
.book_evBox03 .jumpBtn {margin-bottom:30px;}
.book_evBox03 .jumpBtn a {font-size:30px; color:#999; border-bottom:1px solid #999}

.book_evBox03 .questionBox {padding:40px 0; font-weight:600}
.book_evBox03 .questionBox .num {font-size:40px; color:#C2C2C2; margin-bottom:5px; line-height:1.3em}
.book_evBox03 .questionBox .txt {font-size:38px; line-height:1.3em}

.book_evBox03 .problem_listUl li {margin-bottom:17px; background:#fff; border:2px solid #fff; border-radius:25px; font-size:38px; line-height:1.4em; padding:40px 35px;}
.book_evBox03 .problem_listUl .active {border-color:#4B7BDD; color:#4B7BDD; font-weight:700;}


/*퀴즈로딩*/
.pd_b0 {padding-bottom:0 !important}
.gray_back {background:#E1E1E1;}
.book_ev_loding .jumpBtn {height:37px; width:100px; border-radius:8px; display:inline-block}
.book_ev_loding .questionBox .num {height:64px; width:180px; border-radius:8px; border:0}
.book_ev_loding .questionBox .txt {width:100%; height:100px; border-radius:10px;}
.book_ev_loding .pic_mvBox {width:100%; height:428px; background:#E1E1E1}

.book_ev_loding .problem_listUl li {height:137px; width:100%; background:#E1E1E1; border:0}


/*도전성공*/
.book_evBox04 {padding:50px 0 200px}
.book_evBox04 .cont {padding:0 !important} 
.book_evBox04 .top_icon_txtBox {margin-bottom:34px;}
.book_evBox04 .top_icon_txtBox .icon {width:460px; height:319px; margin:0 auto}
.book_evBox04 .top_icon_txtBox .icon img {width:100%}
.book_evBox04 .top_icon_txtBox .txt {font-size:50px; line-height:1.3em; margin-top:30px}

.book_evBox04 .quiz_infoBox .txtBox {font-size:30px;}
.book_evBox04 .quiz_linkBtn {margin-top:33px;}
.book_evBox04 .quiz_linkBtn button {border:0; background:#4B7BDD; border-radius:50px; height:90px; width:485px; color:#fff; font-size:34px; font-weight:700} 
.book_evBox04 .quiz_linkBtn .icon {width:38px; height:38px; display:inline-block;}
.book_evBox04 .quiz_linkBtn .icon img {width:100%; height:100%}


/*도전실패*/
.book_evBox04 .quiz_slBox {position:relative; background:#F2F5FA; border-radius:17px; padding:30px 0 50px}
.book_evBox04 .quiz_slBox .quiz_sl_count {font-size:25px; font-weight:600; margin-bottom:60px;}
.book_evBox04 .quiz_slBox .item .tlt {font-size:34px; font-weight:600; margin-bottom:30px; padding:0 35px}
.book_evBox04 .quiz_slBox .item .answerBox {margin-top:40px; padding:0 35px}
.book_evBox04 .quiz_slBox .item .answer_tlt {font-size:35px; font-weight:600; margin-bottom:13px}
.book_evBox04 .quiz_slBox .item .answer_txt {font-size:30px;}

.book_evBox04 .quiz_slBox img {width:100%}

.book_evBox04 .quiz_slBox .slick-dots {position:absolute; bottom:-130px; left:50%; transform: translateX(-50%);}
.book_evBox04 .quiz_slBox .slick-dots li {display:inline-block; margin-right:17px;}
.book_evBox04 .quiz_slBox .slick-dots li:last-child {margin-right:0}
.book_evBox04 .quiz_slBox .slick-dots button {border:0; width:17px; height:17px; background:#374555; border-radius:50%; text-indent:-9999px}
.book_evBox04 .quiz_slBox .slick-active button {background:#4B7BDD}



@media only screen and  (max-width:768px) {
	.book_evBox .bul_tltBox {margin-bottom:2.5vw;}
	.book_evBox .bul_tltBox .icon img {height:5.1vw;}
	.book_evBox .bul_tltBox .tlt {font-size:3.4vw;}

	.book_evBox .step_tltBox {margin-bottom:1.7vw;}
	.book_evBox .step_tltBox .tlt {font-size:3.4vw;}
	.book_evBox .step_tltBox .txt {margin-top:0.8vw;}

	.book_evBox .book_conBox {margin-bottom:6.7vw;}
	.book_evBox .book_conBox .book_img img {width:60%}
	.book_evBox .book_conBox .txtBox .tlt {font-size:3.8vw;}
	.book_evBox .book_conBox .txtBox .txt {font-size:2.5vw; margin-top:1.5vw}

	.book_evBox .book_roundBox .tltBox {border-radius:2.5vw 2.5vw 0 0; font-size:5.1vw; height:10.6vw; line-height:10.6vw;}
	.book_evBox .book_roundBox .txtBox {padding:4vw;}

	.book_evBox .contxtBox {font-size:3.4vw;}
	.book_evBox .gray_txt2 {font-size:2.7vw}


	/*출간이벤트 랜딩페이지*/
	.book_evBox .event_pplistUl li {padding:0 2vw}
	.book_evBox .event_pplistUl .ranking {width:23%;}
	.book_evBox .event_pplistUl .imgBox img  {height:12vw}

	.book_evBox .quiz_rankingBox {border-radius:1.4vw; padding:5.5vw 3vw; margin-top:2.4vw;}
	.book_evBox .quiz_rankingBox .quiz_ranking li {height:10vw; line-height:9.5vw; border-radius:0.8vw; padding:0 3vw; font-size:3.8vw; margin-bottom:1.7vw;}
	.book_evBox .quiz_rankingBox .quiz_ranking .num {width:11%}
	.book_evBox .quiz_rankingBox .quiz_ranking .name {width:34%}
	.book_evBox .quiz_rankingBox .quiz_ranking .time {width:55%;}
	.book_evBox .quiz_rankingBox .quiz_ranking_dot {width:0.7vw; height:3.5vw; margin:1.4vw auto;}

	.book_evBox .quiz_ranking_txtBox {margin-top:3.4vw;}
	.book_evBox .quiz_ranking_txtBox .tlt {font-size:3.4vw; margin-bottom:0.8vw;}
	.book_evBox .quiz_ranking_txtBox .txt {font-size:3vw;}

	.book_evBox .blue_txtBox {border-radius:1.7vw; padding:2.7vw 2.2vw;}

	.book_evBox .book_bt_txtBox {font-size:3.2vw;}
	.book_evBox .book_event_linkBtn a {border-width:0.2vw; border-radius:2.5vw; width:51vw; height:10vw; line-height:9vw;}
	.book_evBox .book_event_linkBtn .txt {font-size:3.8vw;}
	.book_evBox .book_event_linkBtn .icon img {margin-left:1vw; height:4.2vw;}

	.book_evBox .ft_txtBox {padding:8.5vw 4% 13vw; margin-top:12.8vw;}
	.book_evBox .ft_txtBox .ft_tlt {margin-bottom:2vw;}
	.book_evBox .ft_txtBox .ft_txt {font-size:2.5vw;}

	.book_evBox .bookev_okBtn {height:12vw; font-size:3.3vw;}


	/*책 출간 기념 스피드 퀴즈*/
	.book_evBox02 .top_tltBox {height:10vw; line-height:10vw;}
	.book_evBox02 .top_tltBox .backBtn {left:4vw; width:4vw; height:4vw;}
	.book_evBox02 .top_tltBox .tlt {font-size:3.5vw;}
	.book_evBox02 .cont {padding:3vw 0}
	.book_evBox02 .bookev_top_tlt {font-size:4vw;}

	.book_evBox02 .book_event_countBox {margin:4vw auto; padding:3.5vw 2vw; border-radius:1.7vw; width:76%}
	.book_evBox02 .book_event_countBox .tlt {font-size:2.2vw; margin-bottom:1.8vw;}
	.book_evBox02 .book_event_countBox .count li {font-size:3.4vw; margin-right:1.7vw;}
	.book_evBox02 .book_event_countBox .count .num {font-size:4.5vw; width:9vw; height:9vw; line-height:9vw; border-radius:0.8vw;}

	.book_evBox02 .book_event_countBox .chanceUl {margin-top:2vw}
	.book_evBox02 .book_event_countBox .chanceUl li {font-size:3vw;}
	.book_evBox02 .book_event_countBox .chanceUl li:after {width:0.2vw; height:3vw; margin:0 1.5vw 0 1vw}

	.book_evBox02 .bookev_small_txt {font-size:2.4vw;}
	.book_evBox02 .stratBtn {width:34vw; height:9vw; font-size:3.3vw; border-radius:5vw; margin-top:5.5vw}
	.book_evBox02 .bookev_btBox {margin-top:3vw; font-size:2.5vw;}


	/*책 출간 기념 스피드 문제풀기*/
	.book_evBox03 {padding:3vw 0 20vw;}
	.book_evBox03 .jumpBtn {margin-bottom:3vw;}
	.book_evBox03 .jumpBtn a {font-size:3vw;}

	.book_evBox03 .questionBox {padding:4vw 0;}
	.book_evBox03 .questionBox .num {font-size:4vw; margin-bottom:0.5vw;}
	.book_evBox03 .questionBox .txt {font-size:3.8vw;}

	.book_evBox03 .problem_listUl li {margin-bottom:1.7vw; border-width:0.2vw; border-radius:2.5vw; font-size:3.8vw; padding:4vw 3.5vw;}


	/*퀴즈로딩*/
	.book_ev_loding .jumpBtn {height:3.7vw; width:10vw; border-radius:0.8vw;}
	.book_ev_loding .questionBox .num {height:6.4vw; width:18vw; border-radius:0.8vw;}
	.book_ev_loding .questionBox .txt {height:10vw; border-radius:1vw;}
	.book_ev_loding .pic_mvBox {height:48.8vw;}

	.book_ev_loding .problem_listUl li {height:13.7vw;}


	/*도전성공*/
	.book_evBox04 {padding:14.4vw 0 20vw}
	.book_evBox04 .top_icon_txtBox {margin-bottom:3.4vw;}
	.book_evBox04 .top_icon_txtBox .icon {width:46vw; height:31.9vw;}
	.book_evBox04 .top_icon_txtBox .txt {font-size:5vw; margin-top:3vw}

	.book_evBox04 .quiz_infoBox .txtBox {font-size:3vw;}
	.book_evBox04 .quiz_linkBtn {margin-top:3.3vw;}
	.book_evBox04 .quiz_linkBtn button {border-radius:5vw; height:9vw; width:48.5vw; font-size:3.4vw;} 
	.book_evBox04 .quiz_linkBtn .icon {width:3.8vw; height:3.8vw;}


	/*도전실패*/
	.book_evBox04 .quiz_slBox {border-radius:1.7vw; padding:3vw 0 5vw}
	.book_evBox04 .quiz_slBox .quiz_sl_count {font-size:2.5vw; margin-bottom:6vw;}
	.book_evBox04 .quiz_slBox .item .tlt {font-size:3.4vw; margin-bottom:3vw; padding:0 3.5vw}
	.book_evBox04 .quiz_slBox .item .answerBox {margin-top:4vw; padding:0 3.5vw}
	.book_evBox04 .quiz_slBox .item .answer_tlt {font-size:3.5vw; margin-bottom:1.3vw}
	.book_evBox04 .quiz_slBox .item .answer_txt {font-size:3vw;}

	.book_evBox04 .quiz_slBox .slick-dots {bottom:-13vw;}
	.book_evBox04 .quiz_slBox .slick-dots li {margin-right:1.7vw;}
	.book_evBox04 .quiz_slBox .slick-dots button {width:1.7vw; height:1.7vw;}
}

@media only screen and  (max-width:480px) {
	.book_evBox .bul_tltBox {margin-bottom:3.5vw;}
	.book_evBox .bul_tltBox .icon img {height:6.1vw;}
	.book_evBox .bul_tltBox .tlt {font-size:4.4vw;}

	.book_evBox .step_tltBox {margin-bottom:2.7vw;}
	.book_evBox .step_tltBox .tlt {font-size:4.4vw;}
	.book_evBox .step_tltBox .txt {margin-top:1vw;}

	.book_evBox .book_conBox {margin-bottom:7.7vw;}
	.book_evBox .book_conBox .book_img img {width:70%}
	.book_evBox .book_conBox .txtBox .tlt {font-size:4.8vw;}
	.book_evBox .book_conBox .txtBox .txt {font-size:3.5vw; margin-top:2.5vw}

	.book_evBox .book_roundBox .tltBox {border-radius:3.5vw 3.5vw 0 0; font-size:6.1vw; height:13.6vw; line-height:13.6vw;}
	.book_evBox .book_roundBox .txtBox {padding:5vw;}

	.book_evBox .contxtBox {font-size:4.4vw;}
	.book_evBox .gray_txt2 {font-size:3.7vw}


	/*출간이벤트 랜딩페이지*/
	.book_evBox .event_pplistUl li {padding:0 3vw}
	.book_evBox .event_pplistUl .ranking {width:23%;}
	.book_evBox .event_pplistUl .imgBox img  {height:15vw}

	.book_evBox .quiz_rankingBox {border-radius:2.4vw; padding:6.5vw 4vw; margin-top:3.4vw;}
	.book_evBox .quiz_rankingBox .quiz_ranking li {height:13vw; line-height:12.5vw; border-radius:1vw; padding:0 4vw; font-size:4.8vw; margin-bottom:2.7vw;}
	.book_evBox .quiz_rankingBox .quiz_ranking .num {width:14%}
	.book_evBox .quiz_rankingBox .quiz_ranking .name {width:34%}
	.book_evBox .quiz_rankingBox .quiz_ranking .time {width:52%;}
	.book_evBox .quiz_rankingBox .quiz_ranking_dot {width:0.9vw; height:4.5vw; margin:2.4vw auto;}

	.book_evBox .quiz_ranking_txtBox {margin-top:4.4vw;}
	.book_evBox .quiz_ranking_txtBox .tlt {font-size:4.4vw; margin-bottom:1vw;}
	.book_evBox .quiz_ranking_txtBox .txt {font-size:4vw;}

	.book_evBox .blue_txtBox {border-radius:2.7vw; padding:3.7vw 3.2vw;}

	.book_evBox .book_bt_txtBox {font-size:4.2vw;}
	.book_evBox .book_event_linkBtn a {border-width:0.4vw; border-radius:3.5vw; width:61vw; height:13vw; line-height:12vw;}
	.book_evBox .book_event_linkBtn .txt {font-size:4.8vw;}
	.book_evBox .book_event_linkBtn .icon img {margin-left:2vw; height:5.2vw;}

	.book_evBox .ft_txtBox {padding:9.5vw 4% 14vw; margin-top:13.8vw;}
	.book_evBox .ft_txtBox .ft_tlt {margin-bottom:3vw;}
	.book_evBox .ft_txtBox .ft_txt {font-size:3.5vw;}

	.book_evBox .bookev_okBtn {height:15vw; font-size:4.3vw;}


	/*책 출간 기념 스피드 퀴즈*/
	.book_evBox02 .top_tltBox {height:11vw; line-height:11vw;}
	.book_evBox02 .top_tltBox .backBtn {left:5vw; width:5vw; height:5vw;}
	.book_evBox02 .top_tltBox .tlt {font-size:4.5vw;}
	.book_evBox02 .cont {padding:5vw 0}
	.book_evBox02 .bookev_top_tlt {font-size:5vw;}

	.book_evBox02 .book_event_countBox {margin:5vw auto; padding:4.5vw 3vw; border-radius:2.7vw; width:100%}
	.book_evBox02 .book_event_countBox .tlt {font-size:3.2vw; margin-bottom:2.8vw;}
	.book_evBox02 .book_event_countBox .count li {font-size:4.4vw; margin-right:2.7vw;}
	.book_evBox02 .book_event_countBox .count .num {font-size:5.5vw; width:12vw; height:12vw; line-height:12vw; border-radius:1vw;}

	.book_evBox02 .book_event_countBox .chanceUl {margin-top:3vw}
	.book_evBox02 .book_event_countBox .chanceUl li {font-size:4vw;}
	.book_evBox02 .book_event_countBox .chanceUl li:after {width:0.4vw; height:4vw; margin:0 2.5vw 0 2vw}

	.book_evBox02 .bookev_small_txt {font-size:3.4vw;}
	.book_evBox02 .stratBtn {width:44vw; height:12vw; font-size:4.3vw; border-radius:6vw; margin-top:6.5vw}
	.book_evBox02 .bookev_btBox {margin-top:4vw; font-size:3.5vw;}


	/*책 출간 기념 스피드 문제풀기*/
	.book_evBox03 {padding:4vw 0 24vw;}
	.book_evBox03 .jumpBtn {margin-bottom:4vw;}
	.book_evBox03 .jumpBtn a {font-size:4vw;}

	.book_evBox03 .questionBox {padding:5vw 0;}
	.book_evBox03 .questionBox .num {font-size:5vw; margin-bottom:0.7vw;}
	.book_evBox03 .questionBox .txt {font-size:4.8vw;}

	.book_evBox03 .problem_listUl li {margin-bottom:2.7vw; border-width:0.4vw; border-radius:3.5vw; font-size:4.8vw; padding:5vw 4.5vw;}


	/*퀴즈로딩*/
	.book_ev_loding .jumpBtn {height:4.7vw; width:11vw; border-radius:1vw;}
	.book_ev_loding .questionBox .num {height:7.4vw; width:19vw; border-radius:1vw;}
	.book_ev_loding .questionBox .txt {height:11vw; border-radius:2vw;}
	.book_ev_loding .pic_mvBox {height:49.8vw;}

	.book_ev_loding .problem_listUl li {height:14.7vw;}


	/*도전성공*/
	.book_evBox04 {padding:15.4vw 0 24vw}
	.book_evBox04 .top_icon_txtBox {margin-bottom:4.4vw;}
	.book_evBox04 .top_icon_txtBox .icon {width:47vw; height:32.9vw;}
	.book_evBox04 .top_icon_txtBox .txt {font-size:6vw; margin-top:4vw}

	.book_evBox04 .quiz_infoBox .txtBox {font-size:4vw;}
	.book_evBox04 .quiz_linkBtn {margin-top:4.3vw;}
	.book_evBox04 .quiz_linkBtn button {border-radius:6vw; height:12vw; width:62vw; font-size:4.4vw;} 
	.book_evBox04 .quiz_linkBtn .icon {width:4.8vw; height:4.8vw;}


	/*도전실패*/
	.book_evBox04 .quiz_slBox {border-radius:2.7vw; padding:4vw 0 6vw}
	.book_evBox04 .quiz_slBox .quiz_sl_count {font-size:3.5vw; margin-bottom:7vw;}
	.book_evBox04 .quiz_slBox .item .tlt {font-size:4.4vw; margin-bottom:4vw; padding:0 4.5vw}
	.book_evBox04 .quiz_slBox .item .answerBox {margin-top:5vw; padding:0 4.5vw}
	.book_evBox04 .quiz_slBox .item .answer_tlt {font-size:4.5vw; margin-bottom:2.3vw}
	.book_evBox04 .quiz_slBox .item .answer_txt {font-size:4vw;}

	.book_evBox04 .quiz_slBox .slick-dots {bottom:-14vw;}
	.book_evBox04 .quiz_slBox .slick-dots li {margin-right:2.7vw;}
	.book_evBox04 .quiz_slBox .slick-dots button {width:2.7vw; height:2.7vw;}
}


/*구성품 안내*/
.book_evBox .book_components_list li {display:flex; align-items:center; margin-bottom:42px;}
.book_evBox .book_components_list li:last-child {margin-bottom:0}
.book_evBox .book_components_list .imgBox {margin-right:42px;}
.book_evBox .book_components_list .imgBox img {height:190px}
.book_evBox .book_components_list .txtBox {font-weight:500}


.book_evBox .gray_txtBox {font-size:25px; background:#F2F5FA; border-radius:25px; padding:21px 27px}
.book_evBox .orange_txtBox {font-size:27px; background:#FFEEDA; border-radius:17px; padding:25px 30px}

/*버튼*/
.book_evBox .book_eventBtn01 a {display:inline-block; height:80px; line-height:80px; padding:0 50px; border-radius:50px; background:#FC8500; color:#fff}
.book_evBox .book_eventBtn02 a {display:block; height:102px; line-height:102px; padding:0 50px; border-radius:17px; background:#FC8500; color:#fff}
.book_evBox .book_eventBtn02 .book_eventBtn02_1 {background:#FC8500; color:#fff}
.book_evBox .book_eventBtn02 .book_eventBtn02_2 {background:#94938C; color:#fff}

/*신청인원 카운트*/
.book_evBox .application_countingBox {border:1px solid #F2F5FA; border-radius:25px; padding:40px}
.book_evBox .application_countingBox .tlt {font-size:34px; line-height:1.3em; font-weight:600; margin-bottom:16px}
.book_evBox .application_countingBox .count > div {display:inline-block; vertical-align:top; width:102px; height:102px; line-height:102px; background:#F2F5FA; border-radius:8px; font-size:50px; font-weight:700; margin:0 6px;}


@media only screen and  (max-width:768px) {
	/*구성품 안내*/
	.book_evBox .book_components_list li {margin-bottom:4.2vw;}
	.book_evBox .book_components_list .imgBox {margin-right:4.2vw;}
	.book_evBox .book_components_list .imgBox img {height:19vw}


	.book_evBox .gray_txtBox {font-size:2.5vw; border-radius:2.5vw; padding:2.1vw 2.7vw}
	.book_evBox .orange_txtBox {font-size:2.7vw; border-radius:1.7vw; padding:2.5vw 3vw}

	/*버튼*/
	.book_evBox .book_eventBtn01 a {height:8vw; line-height:8vw; padding:0 5vw; border-radius:5vw}
	.book_evBox .book_eventBtn02 a {height:10.2vw; line-height:10.2vw; padding:0 5vw; border-radius:1.7vw;}

	/*신청인원 카운트*/
	.book_evBox .application_countingBox {border-radius:2.5vw; padding:4vw}
	.book_evBox .application_countingBox .tlt {font-size:3.4vw; margin-bottom:1.6vw}
	.book_evBox .application_countingBox .count > div {width:10.2vw; height:10.2vw; line-height:10.2vw; border-radius:0.8vw; font-size:5vw; margin:0 0.6vw;}
}

@media only screen and  (max-width:480px) {
	/*구성품 안내*/
	.book_evBox .book_components_list li {margin-bottom:5.2vw;}
	.book_evBox .book_components_list .imgBox {margin-right:5.2vw;}
	.book_evBox .book_components_list .imgBox img {height:23vw}


	.book_evBox .gray_txtBox {font-size:3.5vw; border-radius:3.5vw; padding:3.1vw 3.7vw}
	.book_evBox .orange_txtBox {font-size:3.7vw; border-radius:2.7vw; padding:3.5vw 4vw}

	/*버튼*/
	.book_evBox .book_eventBtn01 a {height:11vw; line-height:11vw; padding:0 6vw; border-radius:6vw}
	.book_evBox .book_eventBtn02 a {height:13.2vw; line-height:13.2vw; padding:0 6vw; border-radius:2.7vw;}

	/*신청인원 카운트*/
	.book_evBox .application_countingBox {border-radius:3.5vw; padding:5vw}
	.book_evBox .application_countingBox .tlt {font-size:4.4vw; margin-bottom:2.6vw}
	.book_evBox .application_countingBox .count > div {width:13.2vw; height:13.2vw; line-height:13.2vw; border-radius:1vw; font-size:6vw; margin:0 0.8vw;}
}


/*신청인 정보*/
.book_evBox .applicantBox .tlt {font-size:34px; font-weight:600; margin-bottom:25px;}
.book_evBox .applicantBox .dlBox dl {display:flex; align-items:center; margin-top:34px;}
.book_evBox .applicantBox .dlBox dt {position:relative; width:25%; font-size:32px; font-weight:600; color:#565656}
.book_evBox .applicantBox .dlBox dd {position:relative; width:75%}
.book_evBox .applicantBox .dlBox input {border:1px solid #F2F5FA; border-radius:25px; height:102px; padding:0 40px; font-size:32px}

.book_evBox .applicantBox .dlBox .full {display:block}
.book_evBox .applicantBox .dlBox .full dt, .book_evBox .applicantBox .dlBox .full dd {width:100%}
.book_evBox .applicantBox .dlBox .flex_dt {display:flex; align-items:center;} 
.book_evBox .applicantBox .dlBox .addressBtn {margin-left:auto; height:90px; width:150px; background:#FC8500; color:#fff; font-size:32px; border-radius:25px; border:0;}

.book_evBox .checkbox {display:flex; align-items:center; cursor: default;}
.book_evBox .checkbox .checkbox input + .lbl, .book_evBox .checkbox input + .lbl:before {width:50px; height:50px; border-radius:15px}
.book_evBox .checkbox input + .lbl:after {top:13px; left:9px; width:30px; height:22px}
.book_evBox .checkbox .lbl_txt {margin:10px 0 0 20px; color:#212329; display:inline-block;}
.book_evBox .checkbox .lbl_txt a {color:#505BF0; border-bottom:1px solid #505BF0}

.book_evBox .linetop {border-top:17px solid #F8F8F8; padding-top:80px;}

.book_evBox .cmsoonBox .tlt {font-size:38px; color:#4C7BDD; margin-bottom:10px; line-height:1.3em}
.book_evBox .cmsoonBox .txt {font-size:25px; color:#616161; line-height:1.3em}


@media only screen and  (max-width:768px) {
	/*신청인 정보*/
	.book_evBox .applicantBox .tlt {font-size:3.4vw; margin-bottom:2.5vw;}
	.book_evBox .applicantBox .dlBox dl {margin-top:3.4vw;}
	.book_evBox .applicantBox .dlBox dt {width:25%; font-size:3.2vw}
	.book_evBox .applicantBox .dlBox dd {width:75%}
	.book_evBox .applicantBox .dlBox input {border-radius:2.5vw; height:10.2vw; padding:0 4vw; font-size:3.2vw}

	.book_evBox .applicantBox .dlBox .addressBtn {height:9vw; width:15vw; font-size:3.2vw; border-radius:2.5vw;}

	.book_evBox .checkbox .checkbox input + .lbl, .book_evBox .checkbox input + .lbl:before {width:5vw; height:5vw; border-radius:1.5vw}
	.book_evBox .checkbox input + .lbl:after {top:1.3vw; left:0.9vw; width:3vw; height:2.2vw}
	.book_evBox .checkbox .lbl_txt {margin:1vw 0 0 2vw;}

	.book_evBox .linetop {border-top-width:1.7vw; margin-top:8vw}

	.book_evBox .cmsoonBox .tlt {font-size:3.8vw; margin-bottom:1vw;}
	.book_evBox .cmsoonBox .txt {font-size:2.5vw;}
}

@media only screen and  (max-width:480px) {
	/*신청인 정보*/
	.book_evBox .applicantBox .tlt {font-size:4.4vw; margin-bottom:3.5vw;}
	.book_evBox .applicantBox .dlBox dl {margin-top:4.4vw;}
	.book_evBox .applicantBox .dlBox dt {width:25%; font-size:4.2vw}
	.book_evBox .applicantBox .dlBox dd {width:75%}
	.book_evBox .applicantBox .dlBox input {border-radius:3.5vw; height:13.2vw; padding:0 5vw; font-size:4.2vw}

	.book_evBox .applicantBox .dlBox .addressBtn {height:11vw; width:18vw; font-size:4.2vw; border-radius:3.5vw;}

	.book_evBox .checkbox .checkbox input + .lbl, .book_evBox .checkbox input + .lbl:before {width:7vw; height:7vw; border-radius:2.5vw}
	.book_evBox .checkbox input + .lbl:after {top:1.8vw; left:1.4vw; width:4vw; height:3.2vw}
	.book_evBox .checkbox .lbl_txt {margin:2vw 0 0 4vw;}

	.book_evBox .linetop {border-top-width:2.7vw; margin-top:9vw}

	.book_evBox .cmsoonBox .tlt {font-size:4.8vw; margin-bottom:2vw;}
	.book_evBox .cmsoonBox .txt {font-size:3.5vw;}
}



/*팝업*/
.book_pop {text-align:center; display:none}
.book_popcont {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; width:680px; padding:50px 45px; border-radius:34px;}
.book_pop2 .book_popcont {width:700px}
.book_pop .book_pop_icon {margin-bottom:10px;}
.book_pop .book_pop_icon img {height:256px;}

.book_pop .book_pop_tlt {font-size:38px; font-weight:800; margin-bottom:17px; line-height:1.3em; color:#212329}
.book_pop .book_pop_txt {color:#616161; line-height:1.3em; font-size:30px;}

.book_pop .book_close {display:block; height:105px; line-height:105px; width:100%; background:#FC8500; color:#fff; font-size:34px; font-weight:700; border-radius:17px; margin-top:50px}
.book_pop .book_close2 {display:inline-block; height:80px; line-height:80px; width:160px; background:#FC8500; color:#fff; font-size:34px; font-weight:700; border-radius:50px; margin-top:50px}

.book_pop .book_pop_txt2 {color:#212329}
.book_pop .book_pop_txt_b {color:#616161; font-weight:700; margin-top:40px;}

.book_pop .ab_book_close {position:absolute; top:23px; right:42px;}
.book_pop .ab_book_close img {height:50px;}

.book_pop .addressBox {margin-top:50px;}


@media only screen and  (max-width:768px) {
	/*팝업*/
	.book_popcont {width:68vw; padding:5vw 4.5vw; border-radius:3.4vw;}
	.book_pop2 .book_popcont {width:70vw}
	.book_pop .book_pop_icon {margin-bottom:1vw;}
	.book_pop .book_pop_icon img {height:25.6vw;}

	.book_pop .book_pop_tlt {font-size:3.8vw; margin-bottom:1.7vw;}
	.book_pop .book_pop_txt {font-size:3vw;}

	.book_pop .book_close {height:10.5vw; line-height:10.5vw; font-size:3.4vw; border-radius:1.7vw; margin-top:5vw}
	.book_pop .book_close2 {height:8vw; line-height:8vw; width:16vw; font-size:3.4vw; border-radius:5vw; margin-top:5vw}

	.book_pop .book_pop_txt_b {margin-top:4vw;}

	.book_pop .ab_book_close {top:2.3vw; right:4.2vw;}
	.book_pop .ab_book_close img {height:5vw;}

	.book_pop .addressBox {margin-top:5vw;}
}

@media only screen and  (max-width:480px) {
	/*팝업*/
	.book_popcont {width:90%; padding:6vw 5.5vw; border-radius:4.4vw;}
	.book_pop2 .book_popcont {width:94%}
	.book_pop .book_pop_icon {margin-bottom:0;}
	.book_pop .book_pop_icon img {height:35.6vw;}

	.book_pop .book_pop_tlt {font-size:4.8vw; margin-bottom:2.7vw;}
	.book_pop .book_pop_txt {font-size:4vw;}

	.book_pop .book_close {height:13.5vw; line-height:13.5vw; font-size:4.4vw; border-radius:2.7vw; margin-top:6vw}
	.book_pop .book_close2 {height:11vw; line-height:11vw; width:20vw; font-size:4.4vw; border-radius:6vw; margin-top:6vw}

	.book_pop .book_pop_txt_b {margin-top:5vw;}

	.book_pop .ab_book_close {top:3.3vw; right:5.2vw;}
	.book_pop .ab_book_close img {height:6vw;}

	.book_pop .addressBox {margin-top:6vw;}
}



/****************************************복권이벤트****************************************/
.lottery_evBox {position:relative; max-width:768px; min-width:320px; margin:0 auto; font-size:30px; line-height:1.3em; letter-spacing:-0.04em; color:#212329; font-family:"Pretendard", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; overflow:hidden}
.lottery_evBox .cont {width:92%; margin:0 auto; text-align:left;}

.lottery_evBox .cl01 {color:#0F8563}
.lottery_evBox .top_bnBox {margin-bottom:85px;}


/*탑텍스트*/
.lottery_evBox .big_tltBox {margin-bottom:28px;}
.lottery_evBox .big_tltBox .big_tlt {font-size:38px; line-height:1.3em}
.lottery_evBox .big_tltBox .luckyBtn {display:inline-block; height:87px; line-height:87px; padding:0 50px; border-radius:50px; margin-top:65px; font-size:38px; font-weight:700; background:#0F8563; color:#fff;}

@media only screen and  (max-width:768px) {
	.lottery_evBox {font-size:3vw;}
	.lottery_evBox .top_bnBox {margin-bottom:8.5vw;}


	/*탑텍스트*/
	.lottery_evBox .big_tltBox {margin-bottom:2.8vw;}
	.lottery_evBox .big_tltBox .big_tlt {font-size:3.8vw;}
	.lottery_evBox .big_tltBox .luckyBtn {height:8.7vw; line-height:8.7vw; padding:0 5vw; border-radius:5vw; margin-top:6.5vw; font-size:3.8vw;}
}

@media only screen and  (max-width:480px) {
	.lottery_evBox {font-size:4vw;}
	.lottery_evBox .top_bnBox {margin-bottom:9.5vw;}


	/*탑텍스트*/
	.lottery_evBox .big_tltBox {margin-bottom:3.8vw;}
	.lottery_evBox .big_tltBox .big_tlt {font-size:4.8vw;}
	.lottery_evBox .big_tltBox .luckyBtn {height:11.7vw; line-height:11.7vw; padding:0 6vw; border-radius:6vw; margin-top:7.5vw; font-size:4.8vw;}
}


/*이벤트 기간*/
.lottery_evBox .ltev_sub_tlt {position:relative; margin:100px 0 34px;}
.lottery_evBox .ltev_sub_tlt .tlt {position:relative; font-size:34px; font-weight:700}
.lottery_evBox .ltev_sub_tlt .tlt:before {content:""; display:inline-block; vertical-align:top; width:38px; height:38px; background:url(/person/img/lottery_event/bul.png) no-repeat 0 0; background-size:100% 100%; margin-right:10px;}
.lottery_evBox .ltev_sub_tlt .txt {margin-top:15px; line-height:1.3em; font-weight:400}

.lottery_evBox .bul01 li {position:relative; padding-left:15px; margin-bottom:5px; font-size:34px;}
.lottery_evBox .bul01 li:before {content:""; display:inline-block; position:absolute; top:15px; left:0; width:5px; height:5px; background:#212329; border-radius:50%}

.lottery_evBox .gray_txt {color:#616161; font-size:27px;}
.lottery_evBox .gray_txt2 {color:#565656; font-size:30px;}


/*이벤트 상품*/
.lottery_evBox .event_pplistUl li {border-bottom:1px solid #F2F5FA; display:flex; align-items:center; padding:0 64px}
.lottery_evBox .event_pplistUl li:last-child {border-bottom:0}
.lottery_evBox .event_pplistUl .imgBox {margin-right:42px;}
.lottery_evBox .event_pplistUl .imgBox img {height:119px}
.lottery_evBox .event_pplistUl .txtBox {margin-left:auto}
.lottery_evBox .event_pplistUl .txtBox .gray_sp {color:#616161}

.lottery_evBox .greenBox {background:#F4FFFA; color:#29333F; font-size:25px; padding:21px; border-radius:25px;}


/*이벤트 참여 방법*/
.lottery_evBox .step_listUl li {margin-bottom:34px;}
.lottery_evBox .step_listUl .step {font-size:34px; margin-bottom:8px; color:#FC8500; font-weight:700;}

@media only screen and  (max-width:768px) {
	/*이벤트 기간*/
	.lottery_evBox .ltev_sub_tlt {margin:10vw 0 3.4vw;}
	.lottery_evBox .ltev_sub_tlt .tlt {font-size:3.4vw;}
	.lottery_evBox .ltev_sub_tlt .tlt:before {width:3.8vw; height:3.8vw; margin-right:1vw;}
	.lottery_evBox .ltev_sub_tlt .txt {margin-top:1.5vw;}

	.lottery_evBox .bul01 li {padding-left:1.5vw; margin-bottom:0.5vw; font-size:3.4vw;}
	.lottery_evBox .bul01 li:before {top:1.5vw; width:0.5vw; height:0.5vw;}

	.lottery_evBox .gray_txt {font-size:2.7vw;}
	.lottery_evBox .gray_txt2 {font-size:3vw;}

	/*이벤트 상품*/
	.lottery_evBox .event_pplistUl li {padding:0 6.4vw}
	.lottery_evBox .event_pplistUl .imgBox {margin-right:4.2vw;}
	.lottery_evBox .event_pplistUl .imgBox img {height:11.9vw}

	.lottery_evBox .greenBox {font-size:2.5vw; padding:2.1vw; border-radius:2.5vw;}


	/*이벤트 참여 방법*/
	.lottery_evBox .step_listUl li {margin-bottom:3.4vw;}
	.lottery_evBox .step_listUl .step {font-size:3.4vw; margin-bottom:0.8vw;}
}

@media only screen and  (max-width:480px) {
	/*이벤트 기간*/
	.lottery_evBox .ltev_sub_tlt {margin:11vw 0 4.4vw;}
	.lottery_evBox .ltev_sub_tlt .tlt {font-size:4.4vw;}
	.lottery_evBox .ltev_sub_tlt .tlt:before {width:4.8vw; height:4.8vw; margin-right:2vw;}
	.lottery_evBox .ltev_sub_tlt .txt {margin-top:2.5vw;}

	.lottery_evBox .bul01 li {padding-left:2.5vw; margin-bottom:0.7vw; font-size:4.4vw;}
	.lottery_evBox .bul01 li:before {top:2.5vw; width:0.7vw; height:0.7vw;}

	.lottery_evBox .gray_txt {font-size:3.7vw;}
	.lottery_evBox .gray_txt2 {font-size:4vw;}

	/*이벤트 상품*/
	.lottery_evBox .event_pplistUl li {padding:0 7.4vw}
	.lottery_evBox .event_pplistUl .imgBox {margin-right:5.2vw;}
	.lottery_evBox .event_pplistUl .imgBox img {height:21.9vw}

	.lottery_evBox .greenBox {font-size:3.5vw; padding:3.1vw; border-radius:3.5vw;}


	/*이벤트 참여 방법*/
	.lottery_evBox .step_listUl li {margin-bottom:4.4vw;}
	.lottery_evBox .step_listUl .step {font-size:4.4vw; margin-bottom:1vw;}
}


/*즉석 복권확인하기*/
.lottery_evBox .ltev_tabs {margin-bottom:60px;}
.lottery_evBox .ltev_tabs li {display:inline-block; vertical-align:middle; height:67px; line-height:67px; font-size:27px; color:#44464A; border-radius:50px; border:1px solid #F2F5FA; padding:0 25px; margin-right:17px; font-weight:600; cursor:pointer;}
.lottery_evBox .ltev_tabs li:last-child {margin-right:0}
.lottery_evBox .ltev_tabs .active {border-color:#0F8563; background:#0F8563; color:#fff}


/*복권긁기*/
.lottery_evBox .lotteryBox {margin-top:40px}
.lottery_evBox .lotteryBox img {max-width:490px}

.lottery_evBox .ticket_sumUl {margin-top:40px;}
.lottery_evBox .ticket_sumUl li {display:inline-block; vertical-align:middle; font-weight:600; font-size:30px;}
.lottery_evBox .ticket_sumUl li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:25px; background:#E1E1E1; margin:0 15px 0 20px;}
.lottery_evBox .ticket_sumUl li:last-child:after {display:none}

.lottery_evBox .lottery_openBtn {display:inline-block; width:335px; height:100px; line-height:100px; background:#FC8500; color:#fff; font-size:38px; font-weight:700; border-radius:50px; margin:0 auto; cursor:pointer}

.lottery_evBox .InvitationBtn a {display:inline-block; border:2px solid #0F8563; width:510px; height:100px; line-height:100px; border-radius:50px;}
.lottery_evBox .InvitationBtn span {display:inline-block; vertical-align:middle}
.lottery_evBox .InvitationBtn .txt {font-size:38px; font-weight:700; color:#0F8563}
.lottery_evBox .InvitationBtn .icon img {margin-left:15px; height:42px;}

.lottery_evBox .Invitation_bt_txt {color:#616161; font-size:30px;}

.lottery_evBox .ltev_sub_tlt2 .tlt {font-size:34px; margin-bottom:34px; line-height:1.3em}


@media only screen and  (max-width:768px) {
	/*즉석 복권확인하기*/
	.lottery_evBox .ltev_tabs {margin-bottom:6vw;}
	.lottery_evBox .ltev_tabs li {height:6.7vw; line-height:6.7vw; font-size:2.7vw; border-radius:5vw; padding:0 2.5vw; margin-right:1.7vw;}


	/*복권긁기*/
	.lottery_evBox .lotteryBox {margin-top:4vw}
	.lottery_evBox .lotteryBox img {max-width:49vw}

	.lottery_evBox .ticket_sumUl {margin-top:4vw;}
	.lottery_evBox .ticket_sumUl li {font-size:3vw;}
	.lottery_evBox .ticket_sumUl li:after {height:2.5vw; margin:0 1.5vw 0 2vw;}

	.lottery_evBox .lottery_openBtn {width:33.5vw; height:10vw; line-height:10vw; font-size:3.8vw; border-radius:5vw;}

	.lottery_evBox .InvitationBtn a {border-width:0.2vw; width:51vw; height:10vw; line-height:10vw; border-radius:5vw;}
	.lottery_evBox .InvitationBtn .txt {font-size:3.8vw;}
	.lottery_evBox .InvitationBtn .icon img {margin-left:1.5vw; height:4.2vw;}

	.lottery_evBox .Invitation_bt_txt {font-size:3vw;}

	.lottery_evBox .ltev_sub_tlt2 .tlt {font-size:3.4vw; margin-bottom:3.4vw;}
}

@media only screen and  (max-width:480px) {
	/*즉석 복권확인하기*/
	.lottery_evBox .ltev_tabs {margin-bottom:7vw;}
	.lottery_evBox .ltev_tabs li {height:9.7vw; line-height:9.7vw; font-size:3.7vw; border-radius:6vw; padding:0 3.5vw; margin-right:2.7vw;}


	/*복권긁기*/
	.lottery_evBox .lotteryBox {margin-top:5vw}
	.lottery_evBox .lotteryBox img {max-width:59vw}

	.lottery_evBox .ticket_sumUl {margin-top:5vw;}
	.lottery_evBox .ticket_sumUl li {font-size:4vw;}
	.lottery_evBox .ticket_sumUl li:after {height:3.5vw; margin:0 2.5vw 0 3vw;}

	.lottery_evBox .lottery_openBtn {width:43.5vw; height:13vw; line-height:13vw; font-size:4.8vw; border-radius:6vw;}

	.lottery_evBox .InvitationBtn a {border-width:0.4vw; width:61vw; height:13vw; line-height:13vw; border-radius:6vw;}
	.lottery_evBox .InvitationBtn .txt {font-size:4.8vw;}
	.lottery_evBox .InvitationBtn .icon img {margin-left:2.5vw; height:5.2vw;}

	.lottery_evBox .Invitation_bt_txt {font-size:4vw;}

	.lottery_evBox .ltev_sub_tlt2 .tlt {font-size:4.4vw; margin-bottom:4.4vw;}
}


/*당첨 내역*/
.lottery_evBox .prize_listUl {border-top:1px solid #FC8500}
.lottery_evBox .prize_listBox li {border-bottom:1px solid #F2F5FA; padding:34px; font-size:30px; display:flex; align-items:center}
.lottery_evBox .prize_listBox .data {width:40%}
.lottery_evBox .prize_listBox .txt {width:60%}
.lottery_evBox .prize_listBox .no_prize_txt {padding:68px 34px; width:100%; text-align:center; border-bottom:0}

.lottery_evBox .cmt_bt_txt {color:#616161; font-size:30px;}

.lottery_evBox .prize_listBox2 .prize_listUl {padding:25px 0}
.lottery_evBox .prize_listBox2 li {border-bottom:0; padding:10px 40px}
.lottery_evBox .prize_listBox2 .data {width:60%}
.lottery_evBox .prize_listBox2 .txt {width:40%; text-align:right; font-weight:600}


@media only screen and  (max-width:768px) {
	/*당첨 내역*/
	.lottery_evBox .prize_listBox li {padding:3.4vw; font-size:3vw}
	.lottery_evBox .prize_listBox .no_prize_txt {padding:6.8vw 3.4vw;}
	.lottery_evBox .cmt_bt_txt {font-size:3vw}

	.lottery_evBox .prize_listBox2 .prize_listUl {padding:2.5vw 0}
	.lottery_evBox .prize_listBox2 li {padding:1vw 4vw}
}

@media only screen and  (max-width:480px) {
	/*당첨 내역*/
	.lottery_evBox .prize_listBox li {padding:4.4vw; font-size:4vw}
	.lottery_evBox .prize_listBox .no_prize_txt {padding:7.8vw 4.4vw;}
	.lottery_evBox .cmt_bt_txt {font-size:4vw}

	.lottery_evBox .prize_listBox2 .prize_listUl {padding:3.5vw 0}
	.lottery_evBox .prize_listBox2 li {padding:2vw 5vw}
}


/*하단내용*/
.lottery_evBox .ft_txtBox {background:#F2F5FA; padding:80px 4% 130px; margin-top:128px; color:#616161}
.lottery_evBox .ft_txtBox .ft_tlt {font-weight:600; margin-bottom:20px;}
.lottery_evBox .ft_txtBox .ft_txt {font-size:25px; line-height:1.5em; word-break: keep-all;}
.lottery_evBox .ft_txtBox .ft_txt .cl {color:#4A30EC}

.lottery_evBox .slideBox .slide_tlt {color:#4A30EC; font-weight:600}
.lottery_evBox .slideBox .slide_tlt .arrow_icon {margin-left:5px; display:inline-block; vertical-align:middle; width:10px; height:9px; margin-top:-3px; background-size:100% 100% !important;} 
.lottery_evBox .slideBox .slide_tlt .arrow_down {background:url(/person/img/quiz_event/quiz_arrow_down.png) no-repeat 0 0;}
.lottery_evBox .slideBox .slide_tlt .arrow_up {background:url(/person/img/quiz_event/quiz_arrow_up.png) no-repeat 0 0;}
.lottery_evBox .slideBox .slide_tlt .up {display:none}
.lottery_evBox .slideBox .slide_tlt.active .up {display:block}
.lottery_evBox .slideBox .slide_tlt.active .down {display:none}
.lottery_evBox .slideBox .slide_cont {display:none}


@media only screen and  (max-width:768px) {
	/*하단내용*/
	.lottery_evBox .ft_txtBox {padding:8vw 4% 13vw; margin-top:12.8vw;}
	.lottery_evBox .ft_txtBox .ft_tlt {margin-bottom:2vw;}
	.lottery_evBox .ft_txtBox .ft_txt {font-size:2.5vw;}
	.lottery_evBox .slideBox .slide_tlt .arrow_icon {margin-left:0.5vw; width:1vw; height:0.9vw; margin-top:-0.3vw;} 
}

@media only screen and  (max-width:480px) {
	/*하단내용*/
	.lottery_evBox .ft_txtBox {padding:9vw 4% 14vw; margin-top:13.8vw;}
	.lottery_evBox .ft_txtBox .ft_tlt {margin-bottom:3vw;}
	.lottery_evBox .ft_txtBox .ft_txt {font-size:3.5vw;}
	.lottery_evBox .slideBox .slide_tlt .arrow_icon {margin-left:0.7vw; width:1.4vw; height:1.3vw; margin-top:-0.5vw;} 
}


/*팝업*/
.lottery_pop {text-align:center; display:none}
.lottery_popst {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width:565px; width:100%}
.lottery_popst .lottery_pop_tltBox {font-size:35px; color:#fff; font-weight:700; line-height:1.3em; margin-bottom:42px;}

.lottery_popst .lottery_popimg img {max-width:100%}

.lottery_popst .lottery_pop_bt_txtBox {font-size:30px; line-height:1.3em; color:#fff; margin-top:42px;}

.lottery_popst .lottery_close {display:block; width:100%; height:100px; line-height:100px;  font-size:34px; margin-top:42px; border-radius:17px; font-weight:700}
.lottery_popst .lottery_close01 {color:#fff; border:1px solid #fff}
.lottery_popst .lottery_close02 {background:#FC8500; color:#fff; border:1px solid #FC8500}


.lottery_pop_mn {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; border-radius:25px; padding:50px 42px; max-width:640px; width:100%}
.lottery_pop_mn .tlt {font-size:38px; line-height:1.3em; color:#111; margin-bottom:17px; font-weight:700}
.lottery_pop_mn .txt {font-size:30px; line-height:1.3em; color:#616161;}

.lottery_pop_mn .lottery_mnBtn a {display:inline-block; padding:20px 50px; font-size:34px; border-radius:50px; margin-left:12px}
.lottery_pop_mn .lottery_mnBtn .lottery_mnclose01 {background:#FC8500; color:#fff}
.lottery_pop_mn .lottery_mnBtn .lottery_mnclose02 {background:#EDEDED; color:#616161}


@media only screen and (max-height:1120px) and (min-height: 750px) {
	.lottery_popst {max-width:46.5vh;}
	.lottery_popst .lottery_pop_tltBox {font-size:3vh; margin-bottom:3.7vh;}

	.lottery_popst .lottery_pop_bt_txtBox {font-size:2.5vh; margin-top:3.7vh;}
	.lottery_popst .lottery_close {height:7vh; line-height:7vh; font-size:2.9vh; margin-top:3.7vh; border-radius:1vh}


	.lottery_pop_mn {border-radius:2vh; padding:4.5vh 3.7vh; max-width:54vh;}
	.lottery_pop_mn .tlt {font-size:3.1vh; margin-bottom:1vh;}
	.lottery_pop_mn .txt {font-size:2.5vh;}

	.lottery_pop_mn .lottery_mnBtn a {padding:1.5vh 4.5vh; font-size:2.9vh; border-radius:4.5vh; margin-left:0.7vh}
}

@media only screen and  (max-width:768px) {
	.lottery_popst {max-width:56.5vw;}
	.lottery_popst .lottery_pop_tltBox {font-size:3.5vw; margin-bottom:4.2vw;}

	.lottery_popst .lottery_pop_bt_txtBox {font-size:3vw; margin-top:4.2vw;}
	.lottery_popst .lottery_close {height:10vw; line-height:10vw; font-size:3.4vw; margin-top:4.2vw; border-radius:1.7vw}


	.lottery_pop_mn {border-radius:2.5vw; padding:5vw 4.2vw; max-width:64vw;}
	.lottery_pop_mn .tlt {font-size:3.8vw; margin-bottom:1.7vw;}
	.lottery_pop_mn .txt {font-size:3vw;}

	.lottery_pop_mn .lottery_mnBtn a {padding:2vw 5vw; font-size:3.4vw; border-radius:5vw; margin-left:1.2vw}
}

@media only screen and  (max-width:480px) {
	.lottery_popst {max-width:73vw;}
	.lottery_popst .lottery_pop_tltBox {font-size:4.5vw; margin-bottom:5.2vw;}

	.lottery_popst .lottery_pop_bt_txtBox {font-size:4vw; margin-top:5.2vw;}
	.lottery_popst .lottery_close {height:13vw; line-height:13vw; font-size:4.4vw; margin-top:5.2vw; border-radius:2.7vw}


	.lottery_pop_mn {border-radius:3.5vw; padding:6vw 5.2vw; max-width:84vw;}
	.lottery_pop_mn .tlt {font-size:4.8vw; margin-bottom:2.7vw;}
	.lottery_pop_mn .txt {font-size:4vw;}

	.lottery_pop_mn .lottery_mnBtn a {padding:3vw 6vw; font-size:4.4vw; border-radius:6vw; margin-left:2.2vw}
}


/*이벤트 게시판 20240627 jisoo추가*/
.display_none {display:none}
#event_board .event_board_list .event_board_tabs {margin-bottom:30px; display:flex}
#event_board .event_board_list .event_board_tabs li {border:1px solid #FDEADE; border-radius:50px; height:45px; line-height:42px; padding:0 15px; margin-right:10px; font-size:16px; color:#212329; font-weight:600; cursor:pointer}
#event_board .event_board_list .event_board_tabs li:last-child {margin-right:0}
#event_board .event_board_list .event_board_tabs .active {background:#FC8500; border-color:#FC8500; color:#fff}

#event_board .event_board_listUl li {margin-bottom:25px}
#event_board .event_board_listUl .imgBox {position:relative; border:1px solid #F2F5FA; border-radius:24px; overflow:hidden}
#event_board .event_board_listUl .imgBox .img img {width:100%}
#event_board .event_board_listUl .imgBox .event_mark {position:absolute; top:20px; right:20px; width:60px; height:60px; line-height:60px; border-radius:50%; color:#fff; font-size:14px; text-align:center; font-weight:700; z-index:2}
#event_board .event_board_listUl .imgBox .event_mark01 {background:#FC8500}
#event_board .event_board_listUl .imgBox .event_mark02 {background:#616161}

#event_board .event_board_listUl .txtBox {position:relative; margin:10px 0 0 15px;}
#event_board .event_board_listUl .txtBox .tlt {font-size:16px; color:#212329; font-weight:600}
#event_board .event_board_listUl .txtBox .txt {font-size:16px; color:#616161; margin-top:4px; width:80%}

#event_board .event_board_listUl .stateBox {position:absolute; bottom:0; right:0}
#event_board .event_board_listUl .state {display:block; width:75px; height:26px; line-height:25px; text-align:center; font-size:14px; font-weight:500; color:#fff; border-radius:5px}
#event_board .event_board_listUl .state01 {background:#A9A9A9}
#event_board .event_board_listUl .state02 {background:#FC8500}

#event_board .event_board_listUl .ending .imgBox .img/*, #event_board .event_board_listUl .ending .txtBox*/ {opacity:0.5}

#event_board .event_board_listUl .no_data {margin:80px 0; text-align:center;}
#event_board .event_board_listUl .no_dataBox .icon img {height:70px;}
#event_board .event_board_listUl .no_dataBox .no_data_txt {margin-top:20px;}
#event_board .event_board_listUl .no_dataBox .no_data_txt .tlt {font-size:23px; color:#212329; font-weight:600; line-height:1.3em}
#event_board .event_board_listUl .no_dataBox .no_data_txt .txt {font-size:19px; color:#8C8C8C; margin-top:15px; line-height:1.3em}

/*20240817 jisoo 추가*/
#event_board .scheduled_to_openBox {position:relative; margin-bottom:25px}
#event_board .scheduled_to_openBox .sto_sl .item {position:relative; width:100%; height:100px; background:#F2F5FA; border-radius:16px;}
#event_board .scheduled_to_openBox .sto_sl .ab_txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:94%; text-align:center;}
#event_board .scheduled_to_openBox .sto_sl .tlt {font-size:17px; color:#212329; font-weight:700}
#event_board .scheduled_to_openBox .sto_sl .txt {font-size:17px; color:#616161; margin-top:5px}

#event_board .scheduled_to_openBox .sto_sl .slick-dots {text-align:center; margin-top:18px}
#event_board .scheduled_to_openBox .sto_sl .slick-dots li {display:inline-block; vertical-align:middle; margin:0 5px}
#event_board .scheduled_to_openBox .sto_sl .slick-dots button {width:10px; height:10px; background:#374555; border-radius:50%; border:0; text-indent:-9999px}
#event_board .scheduled_to_openBox .sto_sl .slick-dots .slick-active button {background:#F88504}




@media only screen and  (max-width:768px) {
	#event_board .event_board_list .event_board_tabs {margin-bottom:4vw;}
	#event_board .event_board_list .event_board_tabs li {border-radius:6vw; height:7.5vw; line-height:7.2vw; padding:0 2.5vw; margin-right:2vw; font-size:2.6vw;}

	#event_board .event_board_listUl li {margin-bottom:4vw}
	#event_board .event_board_listUl .imgBox {border-radius:3.4vw}
	#event_board .event_board_listUl .imgBox .event_mark {top:3vw; right:3vw; width:9vw; height:9vw; line-height:9.5vw; font-size:2.4vw;}

	#event_board .event_board_listUl .txtBox {margin:2vw 0 0 2.5vw;}
	#event_board .event_board_listUl .txtBox .tlt {font-size:2.6vw;}
	#event_board .event_board_listUl .txtBox .txt {font-size:2.6vw; margin-top:0.6vw}

	#event_board .event_board_listUl .state {width:12vw; height:4.5vw; line-height:4.5vw; font-size:2.4vw; border-radius:0.7vw}

	#event_board .event_board_listUl .no_data {margin:9vw 0;}
	#event_board .event_board_listUl .no_dataBox .icon img {height:9vw;}
	#event_board .event_board_listUl .no_dataBox .no_data_txt {margin-top:3vw;}
	#event_board .event_board_listUl .no_dataBox .no_data_txt .tlt {font-size:3.3vw;}
	#event_board .event_board_listUl .no_dataBox .no_data_txt .txt {font-size:2.9vw;}


	/*20240817 jisoo 추가*/
	#event_board .scheduled_to_openBox {margin-bottom:3.5vw}
	#event_board .scheduled_to_openBox .sto_sl .item {height:17vw; border-radius:2.6vw;}
	#event_board .scheduled_to_openBox .sto_sl .tlt {font-size:2.7vw;}
	#event_board .scheduled_to_openBox .sto_sl .txt {font-size:2.7vw; margin-top:0.5vw}

	#event_board .scheduled_to_openBox .sto_sl .slick-dots {margin-top:2.8vw}
	#event_board .scheduled_to_openBox .sto_sl .slick-dots li {margin:0 0.7vw}
	#event_board .scheduled_to_openBox .sto_sl .slick-dots button {width:1.8vw; height:1.8vw;}
}

@media only screen and  (max-width:480px) {
	#event_board .event_board_list .event_board_tabs {margin-bottom:5vw;}
	#event_board .event_board_list .event_board_tabs li {border-radius:7vw; height:10.5vw; line-height:10.2vw; padding:0 3.5vw; margin-right:3vw; font-size:3.6vw;}

	#event_board .event_board_listUl li {margin-bottom:5vw}
	#event_board .event_board_listUl .imgBox {border-radius:4.4vw}
	#event_board .event_board_listUl .imgBox .event_mark {top:4vw; right:4vw; width:12vw; height:12vw; line-height:12vw; font-size:3.4vw;}

	#event_board .event_board_listUl .txtBox {margin:3vw 0 0 3.5vw;}
	#event_board .event_board_listUl .txtBox .tlt {font-size:3.6vw;}
	#event_board .event_board_listUl .txtBox .txt {font-size:3.6vw; margin-top:0}
	#event_board .event_board_listUl .txtBox .rtxtBox {margin-top:2.5vw;}

	#event_board .event_board_listUl .state {width:17vw; height:6.5vw; line-height:6.5vw; font-size:3.4vw; border-radius:1vw}

	#event_board .event_board_listUl .no_data {margin:10vw 0;}
	#event_board .event_board_listUl .no_dataBox .icon img {height:11vw;}
	#event_board .event_board_listUl .no_dataBox .no_data_txt {margin-top:4vw;}
	#event_board .event_board_listUl .no_dataBox .no_data_txt .tlt {font-size:4.3vw;}
	#event_board .event_board_listUl .no_dataBox .no_data_txt .txt {font-size:3.9vw;}

	
	/*20240817 jisoo 추가*/
	#event_board .scheduled_to_openBox {margin-bottom:3.5vw}
	#event_board .scheduled_to_openBox .sto_sl .item {height:24vw; border-radius:3.6vw;}
	#event_board .scheduled_to_openBox .sto_sl .tlt {font-size:3.7vw;}
	#event_board .scheduled_to_openBox .sto_sl .txt {font-size:3.7vw; margin-top:0.7vw}

	#event_board .scheduled_to_openBox .sto_sl .slick-dots {margin-top:3.8vw}
	#event_board .scheduled_to_openBox .sto_sl .slick-dots li {margin:0 1vw}
	#event_board .scheduled_to_openBox .sto_sl .slick-dots button {width:2.6vw; height:2.6vw;}
}


/* --------------------------------------------------챗봇 추가-------------------------------------------------- */
#hb_chatbot {opacity:0; position:fixed; top:0; left:50%; max-width:640px; width:100%; height:100vh; transform:translate(-50%,-50%); background:#f2f5fa; color:#212329; font-family:"Pretendard"; box-shadow:0 0 15px 10px rgba(0,0,0,0.1); transition:all 0.3s; z-index:-1}
#hb_chatbot.open {opacity:1; top:50%; transition:all 0.3s; z-index:1000002} 
#hb_chatbot .chatbot_tltBox {position:absolute; top:0; left:0; width:100%; height:72px; border-bottom:1px solid #EFEFEF; background:#fff; display:flex; align-items:center; z-index:2}
#hb_chatbot .chatbot_tltBox .backBtn {position:absolute; top:50%; left:20px; transform:translateY(-50%); display:inline-block; width:48px; height:48px; background:url(../img/chatbot/chatbot_backBtn_pc.png) no-repeat 50% 48%; background-size:32px 32px; border:0;}
#hb_chatbot .chatbot_tltBox .tlt {font-size:24px; font-weight:600; text-align:center; width:100%;}

#hb_chatbot .chatbot_pcpBox .chatbot_pcpBtnBox {margin-top:12px; display:flex; align-items:center}
#hb_chatbot .chatbot_pcpBox .cpc_txt {margin-left:auto; font-size:14px; color:#616161}

#hb_chatbot .chatbot_pcpBox {position:absolute; top:48px; left:0; width:100%; height:110px; padding:16px; border-bottom:1px solid #EFEFEF; background:#fff; z-index:1000}
#hb_chatbot .chatbot_pcpBox .txt {font-size:16px; line-height:1.3em}
#hb_chatbot .chatbot_pcpBox .cpcBtn {border:0; padding:7.5px 16px; border-radius:4px; font-size:16px; word-break: keep-all;}
#hb_chatbot .chatbot_pcpBox .cpcBtn.off {background:#F3F3F3; color:#D2D2D2}
#hb_chatbot .chatbot_pcpBox .cpcBtn.on {background:#FC8500; color:#fff}
#hb_chatbot .chatbot_pcpBox .cpcBtn.on02 {background:#FC8500; color:#212329}

#hb_chatbot .chatbot_cont {position:relative; padding:105px 33px; height:100%; overflow-y:hidden; overflow-x:hidden;}
#hb_chatbot .chatbot_cont.scrolling {overflow-y:auto;}
#hb_chatbot .chatbot_cont::-webkit-scrollbar-track {background:none}

#hb_chatbot .chatbot_inpBox {position:absolute; bottom:0; left:0; width:100%; min-height:48px; background:#fff; display:flex; align-items:flex-end;}
#hb_chatbot .chatbot_inpBox .chatbot_textarea {resize:none; height:64px; max-height:95px; width:100%; padding:20px 65px 20px 24px; font-size:20px; border:0;}
#hb_chatbot .chatbot_inpBox .chatbot_textarea::-webkit-scrollbar {width:0}
#hb_chatbot .chatbot_inpBox .chatbot_inpBtn {position:absolute; bottom:12px; right:24px; width:40px; height:40px; background:url(../img/chatbot/chatbot_chatBtn.png) no-repeat 0 0; background-size:100% 100%; border:0}

#hb_chatbot .writing_txtBox {position:absolute; bottom:0; left:0; width:100%; height:48px; background:#44464A; padding:8px 16px; display:flex; align-items:center; z-index:2}
#hb_chatbot .writing_txtBox .icon img {height:32px;}
#hb_chatbot .writing_txtBox .txt {color:#fff; font-size:18px; margin-left:8px;}

#hb_chatbot .writing_txtBox.white_bg {background:#fff}
#hb_chatbot .writing_txtBox.white_bg .txt {color:#44464A}

#hb_chatbot .chatbot_writingBox .chatbot_name {display:flex; align-items:center; margin-bottom:9px;}
#hb_chatbot .chatbot_writingBox .chatbot_name .icon img {width:35px; height:35px;}
#hb_chatbot .chatbot_writingBox .chatbot_name .name {font-size:15px; margin-left:10px; color:#616161}

#hb_chatbot .chatbot_writingBox .chatbot_txtBox {padding:14px; font-size:16px; margin-bottom:24px; display:inline-block; max-width:330px; line-height:1.4em; word-break: keep-all;}
#hb_chatbot .chatbot_writingBox .chatbot_txtBox.writing_icon_add {padding:5px 12px 7px}
#hb_chatbot .chatbot_writing_hb .chatbot_txtBox {background:#fff; border-radius:0 18px 18px 18px}
#hb_chatbot .chatbot_writing_user {text-align:right}
#hb_chatbot .chatbot_writing_user .chatbot_txtBox {background:#29333F; border-radius:16px 0 16px 16px; color:#fff; text-align:left;}

#hb_chatbot .question_listUl {margin-top:12px}
#hb_chatbot .question_listUl li {margin-bottom:8px;}
#hb_chatbot .question_listUl li:last-child {margin-bottom:0}
#hb_chatbot .question_listUl button {min-width:300px; height:36px; background:#FC8500; color:#fff; font-size:16px; border:0; border-radius:8px;}
#hb_chatbot .question_listUl.no_bg button {background:#F3F3F3; color:#D2D2D2}

#hb_chatbot .writing_icon img {height:8px;}
.no_scroll {overflow-y:hidden}


/*팝업*/
.chatbot_back_pop {text-align:center; display:none}

.chatbot_pop_mn {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; border-radius:16px; padding:24px 20px; max-width:340px; width:100%}
.chatbot_pop_mn .tlt {font-size:20px; line-height:1.3em; color:#111; margin-bottom:8px; font-weight:700}
.chatbot_pop_mn .txt {font-size:16px; line-height:1.3em; color:#616161;}

.chatbot_pop_mn .chatbot_mnBtn a {display:inline-block; padding:7px 24px; font-size:18px; border-radius:50px; margin-left:6px}
.chatbot_pop_mn .chatbot_mnBtn .chatbot_mnclose01 {background:#FC8500; color:#fff}
.chatbot_pop_mn .chatbot_mnBtn .chatbot_mnclose02 {background:#EDEDED; color:#616161}


/*20241122 jisoo*/
#hb_chatbot .question_list02 {position:relative; margin:-10px 0 16px}

#hb_chatbot .question_list02 .question_listUl02 {position:relative; width:75%}
#hb_chatbot .question_list02 .question_listUl02 li {position:relative; display:inline-block; margin:0 3px 2px 0;}

#hb_chatbot .question_list02 .question_listUl02 .ck_radio input[type="checkbox"], #hb_chatbot .question_list02 .question_listUl02 .ck_radio input[type="radio"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
#hb_chatbot .question_list02 .question_listUl02 .ck_radio label {display:block; position:relative; color:#FC8500; border:1px solid #F1F1F1; background:#fff; padding:0 18px;  font-size:16px; line-height:41px; height:41px; text-align:center; justify-content:center; align-items:center; display: flex; border-radius:50px; cursor:pointer}
#hb_chatbot .question_list02 .question_listUl02 .ck_radio input:checked + label {border-color: #FC8500;}

#hb_chatbot .question_list02 .list_loadBtn {height:40px; line-height:37px; background:#fff; border:1px solid #F1F1F1; border-radius:50px; padding:0 16px;}
#hb_chatbot .question_list02 .list_loadBtn span {display:inline-block; vertical-align:middle;}
#hb_chatbot .question_list02 .list_loadBtn .txt {font-size:14px; color:#616161}
#hb_chatbot .question_list02 .list_loadBtn .arrow {text-indent:-9999px; position:relative; width:11px; height:7px; background:url(/person/img/chatbot/list_loadBtn_icon.png) no-repeat 0 0; background-size:100% 100%; margin:-2px 0 0 5px}


@media only screen and  (max-height:780px) {
	#hb_chatbot {height:670px}
}


@media only screen and  (max-width:768px) {
	#hb_chatbot .chatbot_tltBox {height:10.2vw}
	#hb_chatbot .chatbot_tltBox {height:10vw; padding:3vw 2.8vw 3vw 0;}
	#hb_chatbot .chatbot_tltBox .backBtn {left:2vw; width:9.8vw; height:9.8vw; background-size:4.2vw 4.2vw;}
	#hb_chatbot .chatbot_tltBox .tlt {font-size:3.4vw}


	#hb_chatbot .chatbot_pcpBox .chatbot_pcpBtnBox {margin-top:2.2vw;}
	#hb_chatbot .chatbot_pcpBox .cpc_txt {font-size:3.4vw}


	#hb_chatbot .chatbot_pcpBox {top:11.8vw; height:20.7vw; padding:4.6vw;}
	#hb_chatbot .chatbot_pcpBox .txt {font-size:2.6vw;}
	#hb_chatbot .chatbot_pcpBox .cpcBtn {padding:1.5vw 2.4vw 1.6vw; border-radius:0.8vw; font-size:2.6vw;}

	#hb_chatbot .chatbot_cont {overflow-y:auto; padding:15vw 4.3vw}

	#hb_chatbot .chatbot_inpBox {min-height:7.8vw;}
	#hb_chatbot .chatbot_inpBox .chatbot_textarea {height:9.8vw; max-height:12.5vw; padding:3vw 11vw 3vw 3vw; font-size:3vw;}
	#hb_chatbot .chatbot_inpBox .chatbot_inpBtn {bottom:1.3vw; right:2.4vw; width:7vw; height:7vw;}

	#hb_chatbot .writing_txtBox {height:7.8; padding:1vw 3.4vw;}
	#hb_chatbot .writing_txtBox .icon img {height:4.2vw;}
	#hb_chatbot .writing_txtBox .txt {font-size:2.8vw; margin-left:1vw;}

	#hb_chatbot .chatbot_writingBox .chatbot_name {margin-bottom:1.2vw;}
	#hb_chatbot .chatbot_writingBox .chatbot_name .icon img {width:5.2vw; height:5.2vw;}
	#hb_chatbot .chatbot_writingBox .chatbot_name .name {font-size:2.5vw; margin-left:1vw;}

	#hb_chatbot .chatbot_writingBox .chatbot_txtBox {padding:2.2vw 2.4vw; font-size:2.6vw; margin-bottom:4.4vw; max-width:85vw;}
	#hb_chatbot .chatbot_writingBox .chatbot_txtBox.writing_icon_add {padding:1.1vw 3vw 1.3vw}
	#hb_chatbot .chatbot_writing_hb .chatbot_txtBox {border-radius:0 2.8vw 2.8vw 2.8vw}
	#hb_chatbot .chatbot_writing_user .chatbot_txtBox {border-radius:2.6vw 0 2.6vw 2.6vw;}


	#hb_chatbot .question_listUl {margin-top:2.2vw}
	#hb_chatbot .question_listUl li {margin-bottom:1vw;}
	#hb_chatbot .question_listUl button {min-width:69vw; height:6.6vw; font-size:2.6vw; border-radius:1vw;}

	#hb_chatbot .writing_icon img {height:1vw;}


	/*팝업*/
	.chatbot_pop_mn {border-radius:2.6vw; padding:3.4vw 3vw; max-width:80%;}
	.chatbot_pop_mn .tlt {font-size:3vw; margin-bottom:1vw;}
	.chatbot_pop_mn .txt {font-size:2.8vw;}

	.chatbot_pop_mn .chatbot_mnBtn a {padding:0.9vw 3.4vw; font-size:2.6vw; border-radius:5vw; margin-left:0.8vw}

	/*20241122 jisoo*/
	#hb_chatbot .question_list02 {margin:-2vw 0 2.6vw; width:100%}
	#hb_chatbot .question_list02 .question_listUl02 li {margin:0 0.3vw 0.3vw 0;}

	#hb_chatbot .question_list02 .question_listUl02 .ck_radio label {padding:0 2.6vw; font-size:2.4vw; line-height:6vw; height:6.7vw; border-radius:6vw}
	#hb_chatbot .question_list02 .list_loadBtn {height:7vw; line-height:6vw; border-radius:6vw; padding:0 2.6vw;}
	#hb_chatbot .question_list02 .list_loadBtn .txt {font-size:2.4vw;}
	#hb_chatbot .question_list02 .list_loadBtn .arrow {width:1.8vw; height:1vw; margin:-0.5vw 0 0 0.9vw}
}


@media only screen and  (max-width:480px) {
	#hb_chatbot {top:5%; left:0; transform:inherit; max-width:100%; height:100%; transition:all 0.3s}
	#hb_chatbot.open {top:0; transition:all 0.5s} 

	#hb_chatbot .chatbot_tltBox {height:13vw; padding:4vw 3.8vw 4vw 0;}
	#hb_chatbot .chatbot_tltBox .backBtn {left:0.9vw; width:12.8vw; height:12.8vw; background-size:5vw 5vw;}
	#hb_chatbot .chatbot_tltBox .tlt {font-size:4.4vw}

	#hb_chatbot .chatbot_pcpBox .chatbot_pcpBtnBox {margin-top:3.2vw;}
	#hb_chatbot .chatbot_pcpBox .cpc_txt {font-size:3.4vw}

	#hb_chatbot .chatbot_pcpBox {top:12.8vw; height:26.7vw; padding:3.6vw;}
	#hb_chatbot .chatbot_pcpBox .txt {font-size:3.6vw;}
	#hb_chatbot .chatbot_pcpBox .cpcBtn {padding:1.7vw 3.6vw 1.8vw; border-radius:1vw; font-size:3.6vw;}

	#hb_chatbot .chatbot_cont {padding:20vw 5.6vw;}

	#hb_chatbot .chatbot_inpBox {min-height:10.8vw;}
	#hb_chatbot .chatbot_inpBox .chatbot_textarea {height:12.8vw; max-height:15.5vw; padding:4vw 12vw 4vw 4vw; font-size:4vw;}
	#hb_chatbot .chatbot_inpBox .chatbot_inpBtn {bottom:1.9vw; right:3.4vw; width:9vw; height:9vw;}

	#hb_chatbot .writing_txtBox {height:10.8; padding:1.2vw 3.6vw;}
	#hb_chatbot .writing_txtBox .icon img {height:5.2vw;}
	#hb_chatbot .writing_txtBox .txt {font-size:3.8vw; margin-left:1.2vw;}

	#hb_chatbot .chatbot_writingBox .chatbot_name {margin-bottom:2vw;}
	#hb_chatbot .chatbot_writingBox .chatbot_name .icon img {width:7.2vw; height:7.2vw;}
	#hb_chatbot .chatbot_writingBox .chatbot_name .name {font-size:3.5vw; margin-left:2vw;}

	#hb_chatbot .chatbot_writingBox .chatbot_txtBox {padding:3.2vw 3.4vw; font-size:3.6vw; margin-bottom:5.4vw; max-width:85vw;}
	#hb_chatbot .chatbot_writingBox .chatbot_txtBox.writing_icon_add {padding:1.3vw 3.2vw 1.5vw}
	#hb_chatbot .chatbot_writing_hb .chatbot_txtBox {border-radius:0 3.8vw 3.8vw 3.8vw}
	#hb_chatbot .chatbot_writing_user .chatbot_txtBox {border-radius:3.6vw 0 3.6vw 3.6vw;}

	#hb_chatbot .question_listUl {margin-top:3.2vw}
	#hb_chatbot .question_listUl li {margin-bottom:1.2vw;}
	#hb_chatbot .question_listUl button {min-width:79vw; height:9.6vw; font-size:3.6vw; border-radius:2vw;}

	#hb_chatbot .writing_icon img {height:2vw;}


	/*팝업*/
	.chatbot_pop_mn {border-radius:3.6vw; padding:4.4vw 4vw; max-width:80%;}
	.chatbot_pop_mn .tlt {font-size:4vw; margin-bottom:2vw;}
	.chatbot_pop_mn .txt {font-size:3.8vw;}

	.chatbot_pop_mn .chatbot_mnBtn a {padding:1.1vw 4.4vw; font-size:3.6vw; border-radius:6vw; margin-left:1vw}


	/*20241122 jisoo*/
	#hb_chatbot .question_list02 {margin:-3vw 0 3.6vw; width:150%}
	#hb_chatbot .question_list02 .question_listUl02 li {margin:0 0.5vw 0.5vw 0;}

	#hb_chatbot .question_list02 .question_listUl02 .ck_radio label {padding:0 3.6vw;  font-size:3.4vw; line-height:9vw; height:9.7vw; border-radius:7vw}
	#hb_chatbot .question_list02 .list_loadBtn {height:10vw; line-height:9vw; border-radius:7vw; padding:0 3.6vw;}
	#hb_chatbot .question_list02 .list_loadBtn .txt {font-size:3.4vw;}
	#hb_chatbot .question_list02 .list_loadBtn .arrow {width:2.8vw; height:1.6vw; margin:-0.6vw 0 0 1.1vw}
}


/****************************************무료체험****************************************/
.max_640 {position:relative; width:100%; max-width:640px; margin:0 auto}
.hb_cont {width:100%; margin:0 auto}

/*기본 탭1*/
.hb_tabs01Box {border-bottom:1px solid #F2F5FA; margin-bottom:30px;}
.hb_tabs01Box_line_no {border-bottom:0}

.hb_tabs01 {display:flex;}
.hb_tabs01 li {margin-right:40px;}
.hb_tabs01 li a {position:relative; display:block; height:100px; line-height:95px; font-size:30px; color:#6E6E73; font-weight:500}
.hb_tabs01 .active a {color:#1D1D1F; font-weight:700}
.hb_tabs01 .active a:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:7px; background:#FC8500}


.hb_tabs01_2 {display:flex;}
.hb_tabs01_2 li {position:relative; display:block; height:100px; line-height:95px; font-size:30px; color:#6E6E73; font-weight:500; margin-right:40px; cursor:pointer}
.hb_tabs01_2 .active {color:#1D1D1F; font-weight:700}
.hb_tabs01_2 .active:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:7px; background:#FC8500}

/*기본 탭2*/
.hb_tabs02 {margin-bottom:50px;}
.hb_tabs02 li {display:inline-block; vertical-align:top; padding:14px 21px;  border:1px solid #F2F5FA; background:#fff; font-size:23px; color:#44464A; font-weight:500; border-radius:50px; margin-right:10px; cursor:pointer}
.hb_tabs02 .active {background:#FC8500; color:#fff; font-weight:600}

.hb_tabs02_1 li {border-color:#FDEADE}


.hb_cut_topline {position:relative; border-top:14px solid #F2F5FA}

.free_trialBox {color:#212329; font-size:28px; line-height:1.5em; padding-bottom:100px; word-break: keep-all;/*font-family:"Pretendard", "Pretendard-Regular"*/}
.free_trialBox .tab_content {padding:0 !important}


.free_trialBox .top_bigtltBox {font-size:46px; margin-bottom:30px; font-weight:700; line-height:1.3em}
.free_trialBox .middle_big_tltBox {font-size:35px; font-weight:700; margin-bottom:30px; line-height:1.3em}

.free_trialBox .free_trial_historyUl li {margin-bottom:30px}
.free_trialBox .free_trial_historyUl li:last-child {margin-bottom:0}
.free_trialBox .free_trial_historyUl .data {font-size:24px; color:#616161; margin-bottom:3px}
.free_trialBox .free_trial_historyUl .txtBox {display:flex; align-items:center; font-size:28px;}
.free_trialBox .free_trial_historyUl .txtBox .num {color:#FFAA01; font-weight:700}
.free_trialBox .free_trial_historyUl .txtBox .txt {margin-left:5px; font-weight:500}


.free_trialBox .free_trial_pp_listUl li {margin-bottom:55px;}
.free_trialBox .free_trial_pp_listUl .img img {height:180px;}
.free_trialBox .free_trial_pp_listUl .tlt {margin-top:20px; line-height:1.3em; font-size:28px; font-weight:500}
.free_trialBox .free_trial_pp_listUl .txtBox {margin-top:15px; display:flex; justify-content:center; align-items:center; font-size:21px}
.free_trialBox .free_trial_pp_listUl .txtBox span:after {content:"|"; display:inline-block; vertical-align:middle; text-align:center; margin:0 5px;}
.free_trialBox .free_trial_pp_listUl .txtBox span:last-child:after {display:none}
.free_trialBox .free_trial_pp_listUl .btnBox {margin-top:40px}
.free_trialBox .free_trial_pp_listUl .btnBox a {display:inline-block; width:190px; height:55px; line-height:52px; border-radius:50px; border:1px solid #F88504; font-size:21px}


.free_trialBox .new_epr_listBox {border:1px solid #F2F5FA; border-radius:28px; padding:40px 30px;}
.free_trialBox .new_epr_listBox .epr_list_tlt {font-size:32px; border-bottom:1px solid #212329; padding-bottom:28px; margin-bottom:28px;}
.free_trialBox .new_epr_listBox .epr_listUl li {display:flex; font-size:28px; margin-bottom:20px; line-height:1.2em}
.free_trialBox .new_epr_listBox .epr_listUl li:last-child {margin-bottom:0}
.free_trialBox .new_epr_listBox .epr_listUl .tlt {font-weight:500}
.free_trialBox .new_epr_listBox .epr_listUl .txt {margin-left:auto}


.free_trialBox .new_epr_rvUl02 li {position:relative; border:1px solid #F2F5FA; border-radius:28px; font-size:25px; padding:35px 30px; margin-bottom:15px;}
.free_trialBox .new_epr_rvUl02 li:last-child {margin-bottom:0}
.free_trialBox .new_epr_rvUl02 .txt {margin-bottom:23px; line-height:1.3em}
.free_trialBox .new_epr_rvUl02 .ndBox {display:flex;}
.free_trialBox .new_epr_rvUl02 .nickname {color:#F88504}
.free_trialBox .new_epr_rvUl02 .data {margin-left:auto; color:#565656}

.free_trialBox .new_video_txtBox {margin:17px 0 40px; font-weight:500; font-size:28px}
.free_trialBox .new_video_txtBox .tx01 {color:#585858; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3em;}
.free_trialBox .new_video_txtBox .tx02 {color:#000; margin-top:3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3em;}


.free_trialBox .free_trial_operation_list {margin-bottom:30px}
.free_trialBox .free_trial_operation_list .fto_tlt {font-size:28px; font-weight:700; margin-bottom:15px}
.free_trialBox .free_trial_operation_list .free_trial_operationBox {border:1px solid #F2F5FA; border-radius:28px; padding:30px;}

.free_trialBox .free_trial_operation_list .free_trial_operation_tltBox {display:flex; font-size:24px; border-bottom:1px solid #F2F5FA; padding-bottom:28px; margin-bottom:28px;}
.free_trialBox .free_trial_operation_list .free_trial_operation_tltBox .data {font-weight:700}
.free_trialBox .free_trial_operation_list .free_trial_operation_tltBox .setting {margin-left:auto}


.free_trialBox .free_trial_operationUl li {display:flex; aling-items:center; font-size:28px; margin-bottom:7px; font-weight:500}
.free_trialBox .free_trial_operationUl li:first-child {margin-bottom:20px}
.free_trialBox .free_trial_operationUl .tlt_type01 {font-size:32px; font-weight:600}
.free_trialBox .free_trial_operationUl .tlt_type02 {font-size:25px; font-weight:600; color:#2D4C68; background:#F2F5FA; padding:5px 11px; border-radius:14px}
.free_trialBox .free_trial_operationUl .price {margin-left:auto}

.btnBox {margin-top:30px;}
.btnBox a {display:block; text-align:center; width:100%; height:88px; line-height:88px; border:1px solid #FC8500; border-radius:14px; font-size:28px; font-weight:600}

.bt_fixBox {position:fixed; bottom:0; left:50%; transform: translateX(-50%); max-width:640px; width:100%; text-align:center; z-index:100}
.bt_fixBox a {width:100%; display:block; height:100px; line-height:100px; font-size:28px; font-weight:700}
.bt_fix01 {background:#FC8500; color:#fff;}


/*가상계정부분*/
/*.va_wrap #content {padding-bottom:71px}
.va_wrap #virtual_accountBox {position:fixed; bottom:0; left:50%; transform: translateX(-50%); width:100%; max-width:640px; height:71px; background:#2D4C68; display:flex; align-items:center; padding:0 30px; z-index:100}
.va_wrap.quickFixed #virtual_accountBox {bottom:205px;}

.va_wrap #virtual_accountBox .tlt {font-size:25px; color:#fff;}
.va_wrap #virtual_accountBox .vaBtn {margin-left:auto}
.va_wrap #virtual_accountBox .vaBtn a {display:inline-block; height:50px; line-height:50px; width:200px; border-radius:50px; background:#FC8500; color:#fff; font-size:25px; font-weight:700; text-align:center}*/

.va_wrap #virtual_accountBox {opacity:1; position:fixed; bottom:50px; left:50%; transform: translateX(-50%); width:260px; height:50px; line-height:50px; border-radius:50px; border:1px solid #F2F5FA; background:#fff; text-align:left; display:flex; align-items:center; padding:0 4px 0 16px; z-index:100}
.va_wrap #virtual_accountBox.move {opacity:0.6}
.va_wrap #virtual_accountBox .tlt {font-size:16px; color:#FF6A3B;}
.va_wrap #virtual_accountBox .vaBtn {margin-left:auto}
.va_wrap #virtual_accountBox .vaBtn a {display:inline-block; height:42px; line-height:40px; background:#FF6A3B; border-radius:50px; font-size:16px; color:#fff; padding:0 20px; font-weight:700; margin-top:5px}

@media screen and (max-width:768px){
	.hb_cont {width:94%;}

	/*기본 탭1*/
	.hb_tabs01Box {margin-bottom:3vw}
	.hb_tabs01 {width:94%; margin:0 auto;}
	.hb_tabs01 li {margin-right:4vw;}
	.hb_tabs01 li a {height:10vw; line-height:9.5vw; font-size:3vw;}
	.hb_tabs01 .active a:after {height:0.7vw;}


	.hb_tabs01_2 {width:94%; margin:0 auto;}
	.hb_tabs01_2 li {height:10vw; line-height:9.5vw; font-size:3vw; margin-right:4vw;}
	.hb_tabs01_2 .active:after {height:0.7vw;}

	/*기본 탭2*/
	.hb_tabs02 {margin-bottom:5vw;}
	.hb_tabs02 li {padding:1.4vw 2.1vw; font-size:2.3vw; border-radius:5vw; margin-right:1vw;}


	.hb_cut_topline {border-width:1.4vw}

	.free_trialBox {font-size:2.8vw; padding-bottom:5vw;}
	.free_trialBox .top_bigtltBox {font-size:4.6vw; margin-bottom:3vw;}
	.free_trialBox .middle_big_tltBox {font-size:3.5vw; margin-bottom:3vw;}

	.free_trialBox .free_trial_historyUl li {margin-bottom:3vw}
	.free_trialBox .free_trial_historyUl .data {font-size:2.4vw; margin-bottom:0.3vw}
	.free_trialBox .free_trial_historyUl .txtBox {font-size:2.8vw;}
	.free_trialBox .free_trial_historyUl .txtBox .txt {margin-left:0.5vw;}


	.free_trialBox .free_trial_pp_listUl li {margin-bottom:5.5vw;}
	.free_trialBox .free_trial_pp_listUl .img img {height:18vw;}
	.free_trialBox .free_trial_pp_listUl .tlt {margin-top:2vw; font-size:2.8vw;}
	.free_trialBox .free_trial_pp_listUl .txtBox {margin-top:1.5vw; font-size:2.1vw}
	.free_trialBox .free_trial_pp_listUl .txtBox span:after {margin:0 0.5vw;}
	.free_trialBox .free_trial_pp_listUl .btnBox {margin-top:4vw}
	.free_trialBox .free_trial_pp_listUl .btnBox a {width:19vw; height:5.5vw; line-height:5.2vw; border-radius:5vw; font-size:2.1vw}


	.free_trialBox .new_epr_listBox {border-radius:2.8vw; padding:4vw 3vw;}
	.free_trialBox .new_epr_listBox .epr_list_tlt {font-size:3.2vw; padding-bottom:2.8vw; margin-bottom:2.8vw;}
	.free_trialBox .new_epr_listBox .epr_listUl li {font-size:2.8vw; margin-bottom:2vw;}


	.free_trialBox .new_epr_rvUl02 li {border-radius:2.8vw; font-size:2.5vw; padding:3.5vw 3vw; margin-bottom:1.5vw;}
	.free_trialBox .new_epr_rvUl02 .txt {margin-bottom:2.3vw;}

	.free_trialBox .new_video_txtBox {margin:1.7vw 0 4vw; font-size:2.8vw;}
	.free_trialBox .new_video_txtBox .tx02 {margin-top:0.3vw;}


	.free_trialBox .free_trial_operation_list {margin-bottom:3vw}
	.free_trialBox .free_trial_operation_list .fto_tlt {font-size:2.8vw; margin-bottom:1.5vw}
	.free_trialBox .free_trial_operation_list .free_trial_operationBox {border-radius:2.8vw; padding:3vw;}

	.free_trialBox .free_trial_operation_list .free_trial_operation_tltBox {font-size:2.4vw; padding-bottom:2.8vw; margin-bottom:2.8vw;}


	.free_trialBox .free_trial_operationUl li {font-size:2.8vw; margin-bottom:0.7vw;}
	.free_trialBox .free_trial_operationUl li:first-child {margin-bottom:2vw}
	.free_trialBox .free_trial_operationUl .tlt_type01 {font-size:3.2vw;}
	.free_trialBox .free_trial_operationUl .tlt_type02 {font-size:2.5vw; padding:0.5vw 1.1vw; border-radius:1.4vw}

	.btnBox {margin-top:3vw;}
	.btnBox a {height:8.8vw; line-height:8.8vw; border-radius:1.4vw; font-size:2.8vw;}

	.bt_fixBox a {height:10vw; line-height:10vw; font-size:2.8vw}


	/*가상계정부분*/
	.va_wrap #content {padding-bottom:25vw}

	.va_wrap #virtual_accountBox {bottom:16vw; width:41.5vw; height:8.4vw; line-height:8.4vw; border-radius:6vw; padding:0 0.6vw 0 2.6vw;}
	.va_wrap #virtual_accountBox .tlt {font-size:2.6vw;}
	.va_wrap #virtual_accountBox .vaBtn {margin-top:-0.7vw}
	.va_wrap #virtual_accountBox .vaBtn a {height:7.2vw; line-height:7.2vw; border-radius:6vw; font-size:2.6vw; padding:0 3vw;}
}

@media screen and (max-width:480px){
	/*기본 탭1*/
	.hb_tabs01Box {margin-bottom:4vw}
	.hb_tabs01 li {margin-right:5vw;}
	.hb_tabs01 li a {height:13vw; line-height:12.5vw; font-size:4vw;}
	.hb_tabs01 .active a:after {height:0.9vw;}


	.hb_tabs01_2 li {height:13vw; line-height:12.5vw; font-size:4vw; margin-right:5vw;}
	.hb_tabs01_2 .active:after {height:0.9vw;}

	/*기본 탭2*/
	.hb_tabs02 {margin-bottom:6vw;}
	.hb_tabs02 li {padding:2.4vw 3.1vw; font-size:3.3vw; border-radius:6vw; margin-right:2vw;}


	.hb_cut_topline {border-width:2.4vw}

	.free_trialBox {font-size:3.8vw; padding-bottom:4vw;}
	.free_trialBox .top_bigtltBox {font-size:5.6vw; margin-bottom:4vw;}
	.free_trialBox .middle_big_tltBox {font-size:4.5vw; margin-bottom:4vw;}

	.free_trialBox .free_trial_historyUl li {margin-bottom:4vw}
	.free_trialBox .free_trial_historyUl .data {font-size:3.4vw; margin-bottom:0.5vw}
	.free_trialBox .free_trial_historyUl .txtBox {font-size:3.8vw;}
	.free_trialBox .free_trial_historyUl .txtBox .txt {margin-left:0.7vw;}


	.free_trialBox .free_trial_pp_listUl li {margin-bottom:6.5vw;}
	.free_trialBox .free_trial_pp_listUl .img img {height:21vw;}
	.free_trialBox .free_trial_pp_listUl .tlt {margin-top:3vw; font-size:3.8vw;}
	.free_trialBox .free_trial_pp_listUl .txtBox {margin-top:2.5vw; font-size:3.1vw}
	.free_trialBox .free_trial_pp_listUl .txtBox span:after {margin:0 0.7vw;}
	.free_trialBox .free_trial_pp_listUl .btnBox {margin-top:5vw}
	.free_trialBox .free_trial_pp_listUl .btnBox a {width:31vw; height:8.5vw; line-height:8vw; border-radius:6vw; font-size:3.1vw}


	.free_trialBox .new_epr_listBox {border-radius:3.8vw; padding:5vw 4vw;}
	.free_trialBox .new_epr_listBox .epr_list_tlt {font-size:4.2vw; padding-bottom:3.8vw; margin-bottom:3.8vw;}
	.free_trialBox .new_epr_listBox .epr_listUl li {font-size:3.8vw; margin-bottom:3vw;}


	.free_trialBox .new_epr_rvUl02 li {border-radius:3.8vw; font-size:3.5vw; padding:4.5vw 4vw; margin-bottom:2.5vw;}
	.free_trialBox .new_epr_rvUl02 .txt {margin-bottom:3.3vw;}

	.free_trialBox .new_video_txtBox {margin:2.7vw 0 5vw; font-size:3.8vw}
	.free_trialBox .new_video_txtBox .tx02 {margin-top:0.5vw;}


	.free_trialBox .free_trial_operation_list {margin-bottom:4vw}
	.free_trialBox .free_trial_operation_list .fto_tlt {font-size:3.8vw; margin-bottom:2.5vw}
	.free_trialBox .free_trial_operation_list .free_trial_operationBox {border-radius:3.8vw; padding:4vw;}

	.free_trialBox .free_trial_operation_list .free_trial_operation_tltBox {font-size:3.4vw; padding-bottom:3.8vw; margin-bottom:3.8vw;}


	.free_trialBox .free_trial_operationUl li {font-size:3.8vw; margin-bottom:0.9vw;}
	.free_trialBox .free_trial_operationUl li:first-child {margin-bottom:3vw}
	.free_trialBox .free_trial_operationUl .tlt_type01 {font-size:4.2vw;}
	.free_trialBox .free_trial_operationUl .tlt_type02 {font-size:3.5vw; padding:0.7vw 2.1vw; border-radius:2.4vw}

	.btnBox {margin-top:4vw;}
	.btnBox a {height:11.8vw; line-height:11.8vw; border-radius:2.4vw; font-size:3.8vw;}

	.bt_fixBox a {height:13vw; line-height:13vw; font-size:3.8vw}


	/*가상계정부분*/
	.va_wrap #content {padding-bottom:33vw}

	.va_wrap #virtual_accountBox {bottom:22vw; width:60vw; height:11.8vw; line-height:11.8vw; border-radius:7vw; padding:0 0.8vw 0 3.6vw;}
	.va_wrap #virtual_accountBox .tlt {font-size:3.6vw;}
	.va_wrap #virtual_accountBox .vaBtn {margin-top:0vw}
	.va_wrap #virtual_accountBox .vaBtn a {height:10vw; line-height:10vw; border-radius:7vw; font-size:3.6vw; padding:0 5vw;}
}

@media screen and (max-width:400px){
	.va_wrap #virtual_accountBox .vaBtn {margin-top:-0.2vw}
}


/****************************************SHOP(기프트)****************************************/
.shop {background:#fff !important; color:#212329; font-family: 'Pretendard', 'Pretendard-Regular'; font-weight:400; word-break: keep-all}
.shop .ht100 {height:100%}
.shop a {color:#212329}
.shop #content {padding:0 !important}
.shop #new_ft_quick, .shop #footer {display:none}
.shop .no_txt {display:none}
.shop button {outline:none; border: none;}


.shop_content {position:relative; max-width:640px; width:100%; margin:0 auto; padding-top:150px; z-index:100}
.shop_content_t {padding-top:240px}
.shop_container {width:100%; margin:0 auto;}

/*네비*/
.shop_naviBox {position:fixed; top:139px; left:50%; transform: translateX(-50%); max-width:640px; width:100%; background:#fff; z-index:10}
.shop_naviBox .shop_navi {display:flex; border-bottom:1px solid #F2F5FA}
.shop_naviBox .shop_navi li {width:25%;}
.shop_naviBox .shop_navi li a {position:relative; display:block; height:85px; background-size:42px 42px !important}
.shop_naviBox .shop_navi .active a:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#FC8500}

.shop_naviBox .shop_navi .shop_home {background:url(../img/shop/inc/shop_home_off.png) no-repeat 50% 50%;}
.shop_naviBox .shop_navi .shop_gift {background:url(../img/shop/inc/shop_gift_off.png) no-repeat 50% 50%;}
.shop_naviBox .shop_navi .shop_details {background:url(../img/shop/inc/shop_details_off.png) no-repeat 50% 50%;}
.shop_naviBox .shop_navi .shop_point {background:url(../img/shop/inc/shop_point_off.png) no-repeat 50% 50%;}

.shop_naviBox .shop_navi .active .shop_home {background:url(../img/shop/inc/shop_home_on.png) no-repeat 50% 50%;}
.shop_naviBox .shop_navi .active .shop_gift {background:url(../img/shop/inc/shop_gift_on.png) no-repeat 50% 50%;}
.shop_naviBox .shop_navi .active .shop_details {background:url(../img/shop/inc/shop_details_on.png) no-repeat 50% 50%;}
.shop_naviBox .shop_navi .active .shop_point {background:url(../img/shop/inc/shop_point_on.png) no-repeat 50% 50%;}


@media screen and (max-width:1024px){
	/*네비*/
	.shop_naviBox {top:14.8vw;}

	.shop_naviBox .shop_navi li a {height:8.5vw; background-size:4.2vw 4.2vw !important}
	.shop_naviBox .shop_navi .active a:after {height:0.3vw;}
}

@media screen and (max-width:768px){
	.shop_content {max-width:768px; padding-top:29vw;}
	.shop_content_t {padding-top:36vw}
	.shop_container {width:92% !important;}

	/*네비*/
	.shop_naviBox {top:12vw; max-width:768px;}

	.shop_naviBox .shop_navi li a {height:11.5vw; background-size:5.2vw 5.2vw !important}
	.shop_naviBox .shop_navi .active a:after {height:0.5vw;}
}

@media screen and (max-width:480px){
	.shop_content {padding-top:37vw;}
	.shop_content_t {padding-top:52vw}

	/*네비*/
	.shop_naviBox {top:15vw;}

	.shop_naviBox .shop_navi li a {height:14.5vw; background-size:7.2vw 7.2vw !important}
	.shop_naviBox .shop_navi .active a:after {height:0.7vw;}
}


/*메인> 포인트*/
.shop .my_pointBox {position:relative; display:flex; align-items:center; margin-bottom:40px;}
.shop .my_pointBox .my_point .tlt {font-size:25px; font-weight:500; line-height:1.5em}
.shop .my_pointBox .pointBox {display:flex; align-items:center;}
.shop .my_pointBox .pointBox .point_icon {width:35px; height:35px; background:url(../img/shop/content/point_icon.png) no-repeat 0 0; background-size:100% 100%}
.shop .my_pointBox .pointBox .point_txt {font-size:35px; font-weight:700; margin-left:7px}

.shop .my_pointBox .point_cvBtn {margin-left:auto}
.shop .my_pointBox .point_cvBtn button {border:0; width:100px; height:57px; line-height:57px; background:#FC8500; color:#fff; font-size:23px; font-weight:700; border-radius:14px;}

/*메인> 검색*/
.shop .point_shBox {position:relative; width:100%; height:75px; background:#F2F5FA; border-radius:55px; margin-bottom:55px; overflow:hidden; cursor:pointer}
.shop .point_shBox .point_sh_inp {width:90%; height:100%; font-size:25px; padding:0 30px; border:0; background:none}
.shop .point_shBox .point_sh_inp::placeholder {color:#999}
.shop .point_shBox .point_sh_inp_txt {color:#999; font-size:25px; line-height:75px; padding:0 30px;}

.shop .point_shBox .point_shBtn {position:absolute; top:0; right:10px; width:75px; height:75px; border:0; background:url(../img/shop/inc/shop_sh_icon.png) no-repeat 50% 50%; background-size:32px 32px}


@media screen and (max-width:768px){
	/*메인> 포인트*/
	.shop .my_pointBox {margin-bottom:4vw;}
	.shop .my_pointBox .my_point .tlt {font-size:2.5vw;}
	.shop .my_pointBox .pointBox .point_icon {width:3.5vw; height:3.5vw}
	.shop .my_pointBox .pointBox .point_txt {font-size:3.5vw; margin-left:0.7vw}

	.shop .my_pointBox .point_cvBtn button {width:10vw; height:5.7vw; line-height:5.7vw; font-size:2.3vw; border-radius:1vw;}

	/*메인> 검색*/
	.shop .point_shBox {height:7.5vw; border-radius:5.5vw; margin-bottom:5.5vw;}
	.shop .point_shBox .point_sh_inp {font-size:2.5vw; padding:0 3vw;}
	.shop .point_shBox .point_sh_inp_txt {font-size:2.5vw; line-height:7.5vw; padding:0 3vw;}
	.shop .point_shBox .point_shBtn {right:1vw; width:7.5vw; height:7.5vw; background-size:3.2vw 3.2vw}
}

@media screen and (max-width:480px){
	/*메인> 포인트*/
	.shop .my_pointBox {margin-bottom:5vw;}
	.shop .my_pointBox .my_point .tlt {font-size:3.5vw;}
	.shop .my_pointBox .pointBox .point_icon {width:4.5vw; height:4.5vw}
	.shop .my_pointBox .pointBox .point_txt {font-size:4.5vw; margin-left:0.9vw}

	.shop .my_pointBox .point_cvBtn button {width:13vw; height:7.7vw; line-height:7.7vw; font-size:3.3vw; border-radius:2vw;}

	/*메인> 검색*/
	.shop .point_shBox {height:10.5vw; border-radius:6.5vw; margin-bottom:6.5vw;}
	.shop .point_shBox .point_sh_inp {font-size:3.5vw; padding:0 4vw;}
	.shop .point_shBox .point_sh_inp_txt {font-size:3.5vw; line-height:10.5vw; padding:0 4vw;}
	.shop .point_shBox .point_shBtn {right:2vw; width:10.5vw; height:10.5vw; background-size:4.2vw 4.2vw}
}


/*메인> 카테고리*/
.shop .shop_categoryBox .tabs_first {padding-bottom:28px; margin-bottom:35px; border-bottom:1px solid #F2F5FA}
.shop .shop_categoryBox .tabs_first li {position:relative; display:inline-block; vertical-align:top; width:23.5%; height:100px; margin:0 1.4% 14px 0; background:#fff; border-radius:14px; cursor:pointer}
.shop .shop_categoryBox .tabs_first li:nth-child(4n) {margin-right:0}
.shop .shop_categoryBox .tabs_first .active {background:#FFF2E3}

.shop .shop_categoryBox .tabs_first .ab_txdtBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:90%}

.shop .shop_categoryBox .tabs_first .ab_txdtBox .icon {width:35px; height:35px; background-size:100% 100% !important; margin:0 auto}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .coffee {background:url(../img/shop/main/cate_coffee_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .cv_store {background:url(../img/shop/main/cate_cv_store_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .gift {background:url(../img/shop/main/cate_gift_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .chicken {background:url(../img/shop/main/cate_chicken_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .pizza_burger {background:url(../img/shop/main/cate_pizza_burger_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .dessert {background:url(../img/shop/main/cate_dessert_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .eat_out {background:url(../img/shop/main/cate_eat_out_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .culture {background:url(../img/shop/main/cate_culture_icon.png) no-repeat 0 0;}
.shop .shop_categoryBox .tabs_first .ab_txdtBox .life {background:url(../img/shop/main/cate_life_icon.png) no-repeat 0 0;}

.shop .shop_categoryBox .tabs_first .ab_txdtBox .txt {font-size:23px; color:#343E4A; margin-top:8px}

.shop .shop_categoryBox .tabs_first .active .ab_txdtBox .txt {font-weight:600}


/*메인> 카테고리 컨텐츠*/
.shop .shop_categoryBox .tab_content, .shop .shop_categoryBox .tab_content02 {display:none}
.shop .shop_categoryBox .tab_content.fast, .shop .shop_categoryBox .tab_content02.fast {display:block}

/*메인> 리스트 탭*/
.shop .tabs_second {margin-bottom:50px;}
.shop .tabs_second li {display:inline-block; vertical-align:top; padding:14px 21px;  border:1px solid #F2F5FA; background:#fff; font-size:23px; color:#44464A; font-weight:500; border-radius:50px; margin-right:10px; cursor:pointer}
.shop .tabs_second .active {background:#FC8500; color:#fff; font-weight:600}


/*셀렉트 선택*/
.shop .sc_box {position:relative; display:flex; align-items:center; margin-bottom:30px;}
.shop .sc_box .list_num {font-size:25px; font-weight:700}
.shop .sc_box .shop_list_choiceBox, .shop .sc_box02 .shop_list_choiceBox {margin-left:auto; font-weight:500;}
.shop .sc_box .shop_list_choiceBox .shop_list_choice a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choice a {position:relative; font-size:25px; color:#212329; padding-right:30px;}
.shop .sc_box .shop_list_choiceBox .shop_list_choice a:after, .shop .sc_box02 .shop_list_choiceBox .shop_list_choice a:after {content:"";  display:block; position:absolute; top:45%; right:0; transform: translateY(-50%); width:16px; height:9px; background:url(../img/shop/main/shop_list_choice_arrow.png) no-repeat 0 0; background-size:100% 100%; transform: rotate(0deg); transition:all 0.3s}
.shop .sc_box .shop_list_choiceBox .shop_list_choice.active a:after, .shop .sc_box02 .shop_list_choiceBox .shop_list_choice.active a:after {transform: rotate(180deg);}

.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl {display:none; position:absolute; top:45px; right:0; width:210px; z-index:10}
.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl a {display:block; font-size:25px; width:100%; height:85px; line-height:85px; border:1px solid #F2F5FA; background:#fff; color:#212329}
.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl a:hover, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl a:hover {color:#FC8500}

.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl li:first-child a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl li:first-child a {border-radius:14px 14px 0 0}
.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl li:last-child a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl li:last-child a {border-radius:0 0 14px 14px}

.shop .tab_content.fast, .shop .tab_content02.fast {display:block}
.shop .tab_content, .shop .tab_content02 {display:none}



.shop .sc_box02 {position:relative; margin-bottom:30px;}
.shop .sc_box02 .shop_list_choiceBox .shop_list_choice a:after {top:50%;}

.shop .l_sc_box .shop_list_choiceBox .shop_list_choiceUl {left:0}
.shop .r_sc_box .shop_list_choiceBox .shop_list_choiceUl {right:0}


@media screen and (max-width:768px){
	/*메인> 카테고리*/
	.shop .shop_categoryBox .tabs_first {padding-bottom:2.8vw; margin-bottom:3.5vw;}
	.shop .shop_categoryBox .tabs_first li {width:23%; height:10vw; margin:0 1.6% 1.4vw 0; border-radius:1vw}
	.shop .shop_categoryBox .tabs_first .ab_txdtBox .icon {width:3.5vw; height:3.5vw;}
	.shop .shop_categoryBox .tabs_first .ab_txdtBox .txt {font-size:2.3vw; margin-top:0.8vw}


	/*메인> 리스트 탭*/
	.shop .tabs_second {margin-bottom:5vw;}
	.shop .tabs_second li {padding:1vw 2.1vw; font-size:2.3vw; border-radius:5vw; margin-right:1vw;}

	
	/*셀렉트 선택*/
	.shop .sc_box, .shop .sc_box02 {margin-bottom:3vw;}
	.shop .sc_box .list_num {font-size:2.5vw;}
	.shop .sc_box .shop_list_choiceBox .shop_list_choice a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choice a {font-size:2.5vw; padding-right:3vw;}
	.shop .sc_box .shop_list_choiceBox .shop_list_choice a:after, .shop .sc_box02 .shop_list_choiceBox .shop_list_choice a:after {top:40%; width:1.6vw; height:0.9vw;}

	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl {top:4.5vw; width:21vw;}
	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl a {font-size:2.5vw; height:8.5vw; line-height:8.5vw;}

	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl li:first-child a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl li:first-child a {border-radius:1.4vw 1.4vw 0 0}
	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl li:last-child a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl li:last-child a {border-radius:0 0 1.4vw 1.4vw}

}

@media screen and (max-width:480px){
	/*메인> 카테고리*/
	.shop .shop_categoryBox .tabs_first {padding-bottom:3.8vw; margin-bottom:4.5vw;}
	.shop .shop_categoryBox .tabs_first li {width:23%; height:15vw; margin:0 1.8% 2.4vw 0; border-radius:2vw}
	.shop .shop_categoryBox .tabs_first .ab_txdtBox .icon {width:5.5vw; height:5.5vw;}
	.shop .shop_categoryBox .tabs_first .ab_txdtBox .txt {font-size:3.3vw; margin-top:1.4vw}


	/*메인> 리스트 탭*/
	.shop .tabs_second {margin-bottom:6vw;}
	.shop .tabs_second li {padding:2vw 3.1vw; font-size:3.3vw; border-radius:6vw; margin-right:1vw;}

	
	/*셀렉트 선택*/
	.shop .sc_box, .shop .sc_box02 {margin-bottom:4vw;}
	.shop .sc_box .list_num {font-size:3.5vw;}
	.shop .sc_box .shop_list_choiceBox .shop_list_choice a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choice a {font-size:3.5vw; padding-right:4vw;}
	.shop .sc_box .shop_list_choiceBox .shop_list_choice a:after, .shop .sc_box02 .shop_list_choiceBox .shop_list_choice a:after {top:40%; width:2.6vw; height:1.5vw;}

	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl {top:5.5vw; width:27vw;}
	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl a {font-size:3.5vw; height:11.5vw; line-height:11.5vw;}

	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl li:first-child a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl li:first-child a {border-radius:2.4vw 2.4vw 0 0}
	.shop .sc_box .shop_list_choiceBox .shop_list_choiceUl li:last-child a, .shop .sc_box02 .shop_list_choiceBox .shop_list_choiceUl li:last-child a {border-radius:0 0 2.4vw 2.4vw}
}


/*메인> 상품리스트*/
.shop .shop_listUl li {display:inline-block; vertical-align:top; width:48.81%; margin:0 2.35% 35px 0}
.shop .shop_modal .shop_listUl li {width:48.5%}

.shop .shop_listUl li:nth-child(2n) {margin-right:0}
.shop .shop_listUl .imgBox img {width:100%; border-radius:12px; border:1px solid #F2F5FA; overflow:hidden}

.shop .shop_listUl .txtBox {margin-top:14px;}
.shop .shop_listUl .txtBox a {display:inline-block; min-height:60px; font-size:25px}
.shop .shop_listUl .txtBox .brandBox .brand_name {font-weight:700; margin-right:5px;}

.shop .shop_listUl .txtBox .pointBox {position:relative; margin-top:7px; padding-left:42px;}
.shop .shop_listUl .txtBox .pointBox .point_icon {position:absolute; top:0; left:0; width:35px; height:35px; background:url(../img/shop/content/point_icon02.png) no-repeat 0 0; background-size:100% 100%}

.shop .shop_listUl .txtBox .pointBox .point_price {display:flex; align-items:center}
.shop .shop_listUl .txtBox .pointBox .point_price .price {font-size:32px; font-weight:600}
.shop .shop_listUl .txtBox .pointBox .point_price .dc_percent {font-size:28px; font-weight:700; margin-left:10px;} 

.shop .shop_listUl .txtBox .pointBox .dc_point_price {font-size:23px; color:#999; margin-top:3px; text-decoration: line-through;}


/*메인> 브랜드*/
.shop .shop_brandUl li {position:relative; height:106px; line-height:106px;}
.shop .shop_brandUl li:after {content:""; display:inline-block; position:absolute; top:50%; right:0; transform: translateY(-50%); width:12px; height:18px; background:url(../img/shop/main/brand_list_arrow.png) no-repeat 0 0; background-size:100% 100%}
.shop .shop_brandUl span {display:inline-block; vertical-align:middle}
.shop .shop_brandUl .brand_icon img {width:64px; height:64px;}
.shop .shop_brandUl .brand_name {font-size:28px; margin-left:18px; width:70%; font-weight:500}


@media screen and (max-width:768px){
	/*메인> 상품리스트*/
	.shop .shop_listUl li {margin-bottom:3.5vw}
	.shop .shop_modal .shop_listUl li {width:48.4%}
	.shop .shop_listUl .imgBox img {border-radius:1.2vw;}

	.shop .shop_listUl .txtBox {margin-top:1.4vw;}
	.shop .shop_listUl .txtBox a {min-height:6vw; font-size:2.5vw}
	.shop .shop_listUl .txtBox .brandBox .brand_name {margin-right:0.5vw;}

	.shop .shop_listUl .txtBox .pointBox {margin-top:0.7vw; padding-left:4.2vw;}
	.shop .shop_listUl .txtBox .pointBox .point_icon {width:4vw; height:4vw;}

	.shop .shop_listUl .txtBox .pointBox .point_price .price {font-size:3.2vw;}
	.shop .shop_listUl .txtBox .pointBox .point_price .dc_percent {font-size:2.8vw; margin-left:1vw;} 

	.shop .shop_listUl .txtBox .pointBox .dc_point_price {font-size:2.3vw; margin-top:0.3vw;}


	/*메인> 브랜드*/
	.shop .shop_brandUl li {height:10.6vw; line-height:10.6vw;}
	.shop .shop_brandUl li:after {width:1.2vw; height:1.8vw;}
	.shop .shop_brandUl .brand_icon img {width:6.4vw; height:6.4vw;}
	.shop .shop_brandUl .brand_name {font-size:2.8vw; margin-left:1.8vw;}
}

@media screen and (max-width:480px){
	/*메인> 상품리스트*/
	.shop .shop_listUl li {width:48.5%; margin:0 3% 5vw 0;}
	.shop .shop_modal .shop_listUl li {width:48.1%}
	.shop .shop_listUl .imgBox img {border-radius:2.2vw;}

	.shop .shop_listUl .txtBox {margin-top:2.4vw;}
	.shop .shop_listUl .txtBox a {min-height:9vw; font-size:3.5vw}
	.shop .shop_listUl .txtBox .brandBox .brand_name {margin-right:0.7vw;}

	.shop .shop_listUl .txtBox .pointBox {margin-top:0.9vw; padding-left:5.2vw;}
	.shop .shop_listUl .txtBox .pointBox .point_icon {width:5vw; height:5vw;}

	.shop .shop_listUl .txtBox .pointBox .point_price .price {font-size:4.2vw;}
	.shop .shop_listUl .txtBox .pointBox .point_price .dc_percent {font-size:3.8vw; margin-left:2vw;} 

	.shop .shop_listUl .txtBox .pointBox .dc_point_price {font-size:3.3vw; margin-top:0.5vw;}


	/*메인> 브랜드*/
	.shop .shop_brandUl li {height:13.6vw; line-height:13.6vw;}
	.shop .shop_brandUl li:after {width:1.6vw; height:2.8vw;}
	.shop .shop_brandUl .brand_icon img {width:8.4vw; height:8.4vw;}
	.shop .shop_brandUl .brand_name {font-size:3.8vw; margin-left:2.8vw;}
}


/*shop 모달*/
.shop_modal {display:none;}
.shop_mdBox {position:relative; max-width:640px; width:100%; margin:0 auto; background:#fff; height:100vh; padding-bottom:100px; overflow-y:auto;}
.shop_md_cont {position:relative; width:100%; padding:0 4%; margin:0 auto}

@media screen and (max-width:768px){
	.shop_mdBox {max-width:768px; padding-bottom:10vw}
}

@media screen and (max-width:480px){
	.shop_mdBox {padding-bottom:13vw}
}


/*브랜드 리스트*/
.shop .top_tltBox {position:relative; height:100px; line-height:100px; margin-bottom:40px;}
.shop .top_tltBox .tlt {width:80%; height:100%; margin:0 auto; text-align:center; font-size:30px; font-weight:700}

.shop .top_tltBox .back_Btn a {position:absolute; top:50%; left:0; transform: translateY(-50%); display:block; width:42px; height:42px; background:url(../img/shop/inc/top_back_icon.png) no-repeat 50% 50%; background-size:100% 100%}
.shop .top_tltBox .top_home a {position:absolute; top:50%; right:0; transform: translateY(-50%); display:block; width:42px; height:42px; background:url(../img/shop/inc/top_home_icon.png) no-repeat 50% 50%; background-size:100% 100%}
.shop .out_of_stock .top_tltBox .top_home a {display:none} /*상세페이지 품절시*/


/*브랜드 리스트에서 탑 픽스시킴*/
.shop #brand_list_pop .shop_mdBox {padding-top:140px}
.shop #brand_list_pop .top_tltBox {position:fixed; top:100%; left:50%; transform: translateX(-50%); max-width:640px; width:100%; padding:0 4%; background:#fff; box-sizing:border-box; z-index:3; animation-fill-mode: both !important; animation:top_tltBox_down 0.3s; animation-timing-function: ease-in;}
.shop #brand_list_pop.brand_list_pop_open .top_tltBox {top:0; animation-fill-mode: both !important; animation:top_tltBox_up 0.25s; animation-timing-function: ease-in;}
.shop #brand_list_pop .top_tltBox .back_Btn a {left:4%}
.shop #brand_list_pop .top_tltBox .top_home a {right:4%}

@keyframes top_tltBox_up
{
  0%{opacity: 0; top:100%}
  100%{opacity: 1; top:0}
}

@keyframes top_tltBox_down
{
  0%{opacity: 1; top:0}
  100%{opacity: 0; top:100%}
}


/*상품 상세페이지*/
.shop .cut_topline {position:relative; border-top:14px solid #F2F5FA;}

.shop .shop_ppinfoBox {position:relative; margin-bottom:40px}
.shop .shop_ppinfoBox .pp_img {width:80%; margin:0 auto;}
.shop .shop_ppinfoBox .pp_img img {width:100%; border-radius:28px;}
.shop .out_of_stock .shop_ppinfoBox .pp_img img {opacity:0.6}

.shop .shop_ppinfoBox .brandBox {margin-top:28px;}
.shop .shop_ppinfoBox .brandBox .brand_name {font-size:23px; color:#616161;}
.shop .shop_ppinfoBox .brandBox .brand_pp_name {font-size:24px; margin-top:14px; font-weight:600}

.shop .shop_ppinfoBox .pointBox {margin-top:16px;}
.shop .shop_ppinfoBox .dc_point_price {display:flex; align-items:center; justify-content: center;}
.shop .shop_ppinfoBox .dc_point_price .dc_percent {font-size:28px; font-weight:700}
.shop .shop_ppinfoBox .dc_point_price .dc_point_price {font-size:28px; color:#999; margin-left:7px; text-decoration: line-through;}

.shop .shop_ppinfoBox .point_price {display:flex; align-items:center; justify-content: center;}
.shop .shop_ppinfoBox .point_price .point_icon {width:35px; height:35px; background:url(../img/shop/content/point_icon.png) no-repeat 0 0; background-size:100% 100%}
.shop .shop_ppinfoBox .point_price .price {font-size:35px; font-weight:600; margin-left:7px;}

.shop .pp_info_listBox {margin-top:20px; /*padding-bottom:100px*/}
.shop .pp_info_listBox .pp_info_list .list_tlt, .shop .pp_info_listBox .pp_info_list02 {height:74px; line-height:75px; padding:0 4%}
.shop .pp_info_listBox .pp_info_list02 {display:flex; align-items:center}

.shop .pp_info_listBox .pp_info_list .list_tlt {position:relative; cursor:pointer}
.shop .pp_info_listBox .pp_info_list .list_tlt:after {content:""; display:inline-block; position:absolute; top:50%; right:30px; transform: translateY(-50%); width:18px; height:11px; background:url(../img/shop/content/pp_info_list_arrow.png) no-repeat 0 0; background-size:100% 100%; transition:all 0.3s}
.shop .pp_info_listBox .pp_info_list .list_tlt.active:after {transform: rotate(180deg);}

.shop .pp_info_listBox .pp_info_list .list_tlt, .shop .pp_info_listBox .pp_info_list02 .list_tlt {font-size:28px; font-weight:500; color:#616161}
.shop .pp_info_listBox .pp_info_list02 .list_cont_data {margin-left:auto; font-size:28px; font-weight:500;}

.shop .out_of_stock .pp_info_listBox .pp_info_list .list_tlt, .shop .out_of_stock .pp_info_listBox .pp_info_list02 .list_tlt {color:#999} /*품절시*/
.shop .out_of_stock .pp_info_listBox .pp_info_list .list_tlt:after {opacity:0.6} /*품절시*/
.shop .out_of_stock .pp_info_listBox .pp_info_list02 .list_cont_data {color:#999} /*품절시*/

.shop .pp_info_listBox .pp_info_list .list_cont {display:none; padding:40px 30px; background:#F2F5FA; color:#616161}
.shop .pp_info_listBox .pp_info_list .list_cont .list_ct_tlt {font-size:24px; margin-bottom:20px; font-weight:700}
.shop .pp_info_listBox .pp_info_list .list_cont .list_ct_txt {font-size:21px; line-height:1.5em}

.shop .shop_Btn {position:fixed; bottom:0; left:50%; transform: translateX(-50%); max-width:640px; width:100%; height:100px; font-size:28px; color:#fff; font-weight:700; border:0}
.shop .shop_Btn01 {background:#FC8500;}
.shop .shop_Btn02 {background:#DFDFDF;}

/*상품 상세페이지 > 품절시*/
.out_of_stock_txtBox {font-size:25px; color:#999; margin-top:40px}


/*new Botton*/
.shop .shop_fixBtn {position:fixed; bottom:0; left:50%; transform: translateX(-50%); max-width:640px; width:100%; height:100px; border-top:1px solid #F2F5FA; background:#fff; padding:14px 28px; display:flex}
.shop .shop_fixBtn .new_shop_Btn {border:0; background:none; border-radius:14px; height:74px; font-size:25px; font-weight:600}

.shop .shop_fixBtn .giving_giftBtn {border:1px solid #F2F5FA; background:#fff; color:#565656; width:37%;}
.shop .shop_fixBtn .giving_giftBtn .icon {margin:-3px 5px 0 0}
.shop .shop_fixBtn .giving_giftBtn .icon img {height:28px;}
.shop .shop_fixBtn .giving_giftBtn span {display:inline-block; vertical-align:middle}
.shop .shop_fixBtn .buyBtn {background:#FC8500; color:#fff; width:61%; margin-left:auto}


@media screen and (max-width:768px){
	/*브랜드 리스트*/
	.shop .top_tltBox {height:10vw; line-height:10vw; margin-bottom:4vw;}
	.shop .top_tltBox .tlt {font-size:3vw;}

	.shop .top_tltBox .back_Btn a, .shop .top_tltBox .top_home a {width:4.2vw; height:4.2vw;}


	/*브랜드 리스트에서 탑 픽스시킴*/
	.shop #brand_list_pop .shop_mdBox {padding-top:14vw}
	.shop #brand_list_pop .top_tltBox {max-width:100%}


	/*상품 상세페이지*/
	.shop .cut_topline {border-width:1.4vw;}

	.shop .shop_ppinfoBox {margin-bottom:4vw}
	.shop .shop_ppinfoBox .pp_img {width:80%;}
	.shop .shop_ppinfoBox .pp_img img {border-radius:2.8vw;}

	.shop .shop_ppinfoBox .brandBox {margin-top:2.8vw;}
	.shop .shop_ppinfoBox .brandBox .brand_name {font-size:2.3vw;}
	.shop .shop_ppinfoBox .brandBox .brand_pp_name {font-size:2.4vw; margin-top:1.2vw;}

	.shop .shop_ppinfoBox .pointBox {margin-top:1.6vw;}
	.shop .shop_ppinfoBox .dc_point_price .dc_percent {font-size:2.8vw;}
	.shop .shop_ppinfoBox .dc_point_price .dc_point_price {font-size:2.8vw; margin-left:0.7vw;}

	.shop .shop_ppinfoBox .point_price .point_icon {width:3.5vw; height:3.5vw;}
	.shop .shop_ppinfoBox .point_price .price {font-size:3.5vw; margin-left:0.7vw;}

	.shop .pp_info_listBox {margin-top:2vw; /*padding-bottom:10vw*/}
	.shop .pp_info_listBox .pp_info_list .list_tlt, .shop .pp_info_listBox .pp_info_list02 {height:7.4vw; line-height:7.4vw;}

	.shop .pp_info_listBox .pp_info_list .list_tlt:after {right:3vw; width:1.8vw; height:1.1vw;}

	.shop .pp_info_listBox .pp_info_list .list_tlt, .shop .pp_info_listBox .pp_info_list02 .list_tlt {font-size:2.8vw;}
	.shop .pp_info_listBox .pp_info_list02 .list_cont_data {font-size:2.8vw;}

	.shop .pp_info_listBox .pp_info_list .list_cont {padding:5vw 3vw;}
	.shop .pp_info_listBox .pp_info_list .list_cont .list_ct_tlt {font-size:2.4vw; margin-bottom:2vw;}
	.shop .pp_info_listBox .pp_info_list .list_cont .list_ct_txt {font-size:2.1vw;}

	.shop .shop_Btn {max-width:768px; height:10vw; font-size:2.8vw;}

	/*상품 상세페이지 > 품절시*/
	.out_of_stock_txtBox {font-size:2.5vw; margin-top:4vw}


	/*new Botton*/
	.shop .shop_fixBtn {height:10vw; padding:1.4vw 2.8vw;}
	.shop .shop_fixBtn .new_shop_Btn {border-radius:1.4vw; height:7.4vw; font-size:2.5vw;}

	.shop .shop_fixBtn .giving_giftBtn {width:37%;}
	.shop .shop_fixBtn .giving_giftBtn .icon {margin:-0.3vw 0.5vw 0 0}
	.shop .shop_fixBtn .giving_giftBtn .icon img {height:2.8vw;}
	.shop .shop_fixBtn .buyBtn {width:61%;}
}

@media screen and (max-width:480px){
	/*브랜드 리스트*/
	.shop .top_tltBox {height:13vw; line-height:13vw; margin-bottom:5vw;}
	.shop .top_tltBox .tlt {font-size:4vw;}

	.shop .top_tltBox .back_Btn a, .shop .top_tltBox .top_home a {width:5.2vw; height:5.2vw;}


	/*브랜드 리스트에서 탑 픽스시킴*/
	.shop #brand_list_pop .shop_mdBox {padding-top:17vw}


	/*상품 상세페이지*/
	.shop .cut_topline {border-width:2.4vw;}

	.shop .shop_ppinfoBox {margin-bottom:5vw}
	.shop .shop_ppinfoBox .pp_img {width:80%;}
	.shop .shop_ppinfoBox .pp_img img {border-radius:3.8vw;}

	.shop .shop_ppinfoBox .brandBox {margin-top:3.8vw;}
	.shop .shop_ppinfoBox .brandBox .brand_name {font-size:3.3vw;}
	.shop .shop_ppinfoBox .brandBox .brand_pp_name {font-size:3.4vw; margin-top:2.2vw;}

	.shop .shop_ppinfoBox .pointBox {margin-top:2.6vw;}
	.shop .shop_ppinfoBox .dc_point_price .dc_percent {font-size:3.8vw;}
	.shop .shop_ppinfoBox .dc_point_price .dc_point_price {font-size:3.8vw; margin-left:0.9vw;}

	.shop .shop_ppinfoBox .point_price .point_icon {width:4.5vw; height:4.5vw;}
	.shop .shop_ppinfoBox .point_price .price {font-size:4.5vw; margin-left:0.9vw;}

	.shop .pp_info_listBox {margin-top:3vw; /*padding-bottom:11vw*/}
	.shop .pp_info_listBox .pp_info_list .list_tlt, .shop .pp_info_listBox .pp_info_list02 {height:10.4vw; line-height:10.4vw;}

	.shop .pp_info_listBox .pp_info_list .list_tlt:after {right:4vw; width:2.8vw; height:1.7vw;}

	.shop .pp_info_listBox .pp_info_list .list_tlt, .shop .pp_info_listBox .pp_info_list02 .list_tlt {font-size:3.8vw;}
	.shop .pp_info_listBox .pp_info_list02 .list_cont_data {font-size:3.8vw;}

	.shop .pp_info_listBox .pp_info_list .list_cont {padding:6vw 4vw;}
	.shop .pp_info_listBox .pp_info_list .list_cont .list_ct_tlt {font-size:3.4vw; margin-bottom:3vw;}
	.shop .pp_info_listBox .pp_info_list .list_cont .list_ct_txt {font-size:3.1vw;}

	.shop .shop_Btn {max-width:768px; height:13vw; font-size:3.8vw;}

	/*상품 상세페이지 > 품절시*/
	.out_of_stock_txtBox {font-size:3.5vw; margin-top:5vw}

	/*new Botton*/
	.shop .shop_fixBtn {height:15.2vw; padding:2.4vw 3.8vw;}
	.shop .shop_fixBtn .new_shop_Btn {border-radius:2.4vw; height:10.4vw; font-size:3.5vw;}

	.shop .shop_fixBtn .giving_giftBtn {width:37%;}
	.shop .shop_fixBtn .giving_giftBtn .icon {margin:-0.7vw 0.7vw 0 0}
	.shop .shop_fixBtn .giving_giftBtn .icon img {height:3.8vw;}
	.shop .shop_fixBtn .buyBtn {width:61%;}
}


/*결제페이지*/
.shop .shop_stlt {font-size:28px; font-weight:700; margin-bottom:28px;}
.shop .shop_stlt2 {font-size:23px; margin-bottom:11px;}

.shop .shop_pay_ppinfoBox {display:flex; align-items:center; margin-bottom:28px;}
.shop .shop_pay_ppinfoBox .imgBox img {width:113px; height:113px; border-radius:14px}
.shop .shop_pay_ppinfoBox .txtBox {margin-left:20px;}
.shop .shop_pay_ppinfoBox .brandBox {font-size:25px; font-weight:500; margin-bottom:8px} 

.shop .shop_pay_ppinfoBox .point_price {display:flex; align-items:center}
.shop .shop_pay_ppinfoBox .point_price .point_icon {width:28px; height:28px; background:url(../img/shop/content/point_icon02.png) no-repeat 0 0; background-size:100% 100%}
.shop .shop_pay_ppinfoBox .point_price .price {font-size:25px; font-weight:500; margin-left:3px;}

.shop .point_pay_infoBox {position:relative; background:#F2F5FA; border-radius:14px; padding:28px;}
.shop .point_pay_infoBox.no_bg {background:none}
.shop .point_pay_info_list {display:flex; align-items:center; margin-bottom:28px; font-size:25px; font-weight:500}
.shop .point_pay_info_list:last-child {margin-bottom:0}

.shop .point_pay_info_list .tlt {color:#616161;}
.shop .point_pay_info_list .pointBox {margin-left:auto;}
.shop .point_pay_info_list .pointBox > span {display:inline-block; vertical-align:middle;}
.shop .point_pay_info_list .pointBox .point_icon {width:28px; height:28px; background:url(../img/shop/content/point_icon02.png) no-repeat 0 0; background-size:100% 100%}
.shop .point_pay_info_list .pointBox .price {font-size:25px; font-weight:500;}

.shop .agree_txtBox {position:absolute; bottom:155px; left:0; width:100%; text-align:center; font-size:21px; color:#616161}


/*구매완료*/
.shop_completedBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:94%; text-align:center}
.shop_completedBox .icon img {height:130px;}
.shop_completedBox .txtBox {margin-top:35px}
.shop_completedBox .txtBox .tlt {font-size:32px; font-weight:700;}
.shop_completedBox .txtBox .txt {font-size:25px; color:#616161; margin-top:20px} 
.shop_completedBox .circleBtn {display:block; margin:55px auto 0; width:360px; height:85px; line-height:85px; border-radius:50px; background:#FC8500; color:#fff; font-size:32px; font-weight:700}
.shop_completedBox .circleBtn_mg_t {margin-top:200px;}
.shop_completedBox .circleBtn02 {width:280px}
.shop_completedBox .minute_txt {margin-top:28px; font-size:21px; color:#111}


@media screen and (max-width:768px){
	/*결제페이지*/
	.shop .shop_stlt {font-size:2.8vw; margin-bottom:2.8vw;}
	.shop .shop_stlt2 {font-size:2.3vw; margin-bottom:1.1vw;}

	.shop .shop_pay_ppinfoBox {margin-bottom:2.8vw;}
	.shop .shop_pay_ppinfoBox .imgBox img {width:11.3vw; height:11.3vw; border-radius:1.4vw}
	.shop .shop_pay_ppinfoBox .txtBox {margin-left:2vw;}
	.shop .shop_pay_ppinfoBox .brandBox {font-size:2.5vw; margin-bottom:0.8vw} 

	.shop .shop_pay_ppinfoBox .point_price .point_icon {width:2.8vw; height:2.8vw;}
	.shop .shop_pay_ppinfoBox .point_price .price {font-size:2.5vw; margin-left:0.3vw;}

	.shop .point_pay_infoBox {border-radius:1.4vw; padding:2.8vw;}
	.shop .point_pay_info_list {margin-bottom:2.8vw; font-size:2.5vw;}

	.shop .point_pay_info_list .pointBox .point_icon {width:2.8vw; height:2.8vw;}
	.shop .point_pay_info_list .pointBox .price {font-size:2.5vw;}

	.shop .agree_txtBox {bottom:15.5vw; font-size:2.1vw;}


	/*구매완료*/
	.shop_completedBox .icon img {height:13vw;}
	.shop_completedBox .txtBox {margin-top:3.5vw}
	.shop_completedBox .txtBox .tlt {font-size:3.2vw;}
	.shop_completedBox .txtBox .txt {font-size:2.5vw; margin-top:2vw} 
	.shop_completedBox .circleBtn {margin:5.5vw auto 0; width:36vw; height:8.5vw; line-height:8.5vw; border-radius:5vw; font-size:5.2vw;}
	.shop_completedBox .circleBtn_mg_t {margin-top:20vw;}
	.shop_completedBox .circleBtn02 {width:28vw}
	.shop_completedBox .minute_txt {margin-top:2.8vw; font-size:2.1vw;}
}

@media screen and (max-width:480px){
	/*결제페이지*/
	.shop .shop_stlt {font-size:3.8vw; margin-bottom:3.8vw;}
	.shop .shop_stlt2 {font-size:3.3vw; margin-bottom:2.1vw;}

	.shop .shop_pay_ppinfoBox {margin-bottom:3.8vw;}
	.shop .shop_pay_ppinfoBox .imgBox img {width:14.3vw; height:14.3vw; border-radius:2.4vw}
	.shop .shop_pay_ppinfoBox .txtBox {margin-left:3vw;}
	.shop .shop_pay_ppinfoBox .brandBox {font-size:3.5vw; margin-bottom:1vw} 

	.shop .shop_pay_ppinfoBox .point_price .point_icon {width:3.8vw; height:3.8vw;}
	.shop .shop_pay_ppinfoBox .point_price .price {font-size:3.5vw; margin-left:0.5vw;}

	.shop .point_pay_infoBox {border-radius:2.4vw; padding:3.8vw;}
	.shop .point_pay_info_list {margin-bottom:3.8vw; font-size:3.5vw;}

	.shop .point_pay_info_list .pointBox .point_icon {width:3.8vw; height:3.8vw;}
	.shop .point_pay_info_list .pointBox .price {font-size:3.5vw;}

	.shop .agree_txtBox {bottom:20.5vw; font-size:3.1vw;}


	/*구매완료*/
	.shop_completedBox .icon img {height:16vw;}
	.shop_completedBox .txtBox {margin-top:4.5vw}
	.shop_completedBox .txtBox .tlt {font-size:4.2vw;}
	.shop_completedBox .txtBox .txt {font-size:3.5vw; margin-top:3vw} 
	.shop_completedBox .circleBtn {margin:6.5vw auto 0; width:46vw; height:11.5vw; line-height:11.5vw; border-radius:6vw; font-size:4.2vw;}
	.shop_completedBox .circleBtn_mg_t {margin-top:21vw;}
	.shop_completedBox .circleBtn02 {width:38vw}
	.shop_completedBox .minute_txt {margin-top:3.8vw; font-size:3.1vw;}
}


/*small modal*/
.shop_small_modal {opacity:0; visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#111; z-index:-99999}
.shop_small_modal.open {opacity:1; visibility: visible; z-index:1000000} 

.shop_small_modal .shop_small_mdBox {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); max-width:540px; width:100%;}
.shop_small_modal .shop_small_mdcont {width:100%; padding:40px 35px; background:#fff; border-radius:28px;}

.shop_small_modal .shop_small_mdBox .tlt {font-size:30px; font-weight:700; margin-bottom:14px}
.shop_small_modal .shop_small_mdBox .txt {font-size:24px; color:#616161}

.shop_small_modal .shop_small_mdBox .shop_small_btnBox {margin-top:40px;}
.shop_small_modal .shop_small_mdBox .shop_small_btnBox .shop_smallBtn {display:inline-block; margin-left:5px; padding:13px 40px; border-radius:50px; font-size:28px; font-weight:700; text-align:center;}
.shop_small_modal .shop_small_mdBox .shop_small_btnBox .shop_smallBtn01 {background:#FC8500; color:#fff; border:0}
.shop_small_modal .shop_small_mdBox .shop_small_btnBox .shop_smallBtn02 {background:#EDEDED; color:#616161; border:0}
.shop_small_modal .shop_small_mdBox .shop_bt_md_close {display:inline-block; font-size:28px; color:#ffff; margin-top:21px; font-weight:500}


/*small choice modal*/
.shop_small_modal .shop_small_choice_mdBox {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); max-width:510px; width:100%; height:550px;}
.shop_small_modal .shop_small_choice_mdcont {width:100%; padding:25px 0; background:#fff; border-radius:28px;}

.shop_small_modal .shop_small_choice_mdBox .tltBox {position:relative; padding:0 30px; margin-bottom:25px}
.shop_small_modal .shop_small_choice_mdBox .tltBox .tlt {font-size:28px; color:#111; font-weight:700}
.shop_small_modal .shop_small_choice_mdBox .tltBox .shop_small_choice_md_close {position:absolute; top:5px; right:30px; width:25px; height:25px; background:url(../img/shop/content/choice_close_icon.png) no-repeat 0 0; background-size:100% 100%}

.shop_small_modal .shop_small_choice_mdBox .shop_small_choice_listBox {height:470px; overflow-y:auto}
.shop_small_modal .shop_small_choice_mdBox .shop_small_choice_listUl li {position:relative;}

.shop_small_modal .choice_check {position:relative;}
.shop_small_modal .choice_check input[type="checkbox"], .shop_small_modal .choice_check input[type="radio"] {opacity:0; position:absolute; top:0; left:0; width:0; height:0}
.shop_small_modal .choice_check label {position:relative; width:100%; height:70px; line-height:70px; padding:0 30px; font-size:22px; color:#111}
.shop_small_modal .choice_check input:checked + label {color:#FC8500; font-weight:700}
.shop_small_modal .choice_check input:checked + label:after {content:""; display:inline-block; position:absolute; top:50%; right:30px; transform: translateY(-50%); width:27px; height:20px; background:url(../img/shop/content/check_icon.png) no-repeat 0 0; background-size:100% 100%}


@media screen and (max-width:768px){
	/*small modal*/
	.shop_small_modal .shop_small_mdBox {max-width:60vw;}
	.shop_small_modal .shop_small_mdcont {padding:4vw 3.5vw; border-radius:2.8vw;}

	.shop_small_modal .shop_small_mdBox .tlt {font-size:3vw; margin-bottom:1.4vw}
	.shop_small_modal .shop_small_mdBox .txt {font-size:2.4vw;}

	.shop_small_modal .shop_small_mdBox .shop_small_btnBox {margin-top:4vw;}
	.shop_small_modal .shop_small_mdBox .shop_small_btnBox .shop_smallBtn {margin-left:0.5vw; padding:1.3vw 4vw; border-radius:4vw; font-size:2.8vw;}
	.shop_small_modal .shop_small_mdBox .shop_bt_md_close {font-size:2.8vw; margin-top:2.1vw;}


	/*small choice modal*/
	#details_month_choice {height:100vh}
	.shop_small_modal .shop_small_choice_mdBox {position:relative; top:inherit; left:inherit; transform:inherit; max-width:100%; height:100%}
	.shop_small_modal .shop_small_choice_mdcont {position:fixed; bottom:0; left:0; padding:2.5vw 0; border-radius:2.8vw 2.8vw 0 0; height:45vh;}

	.shop_small_modal .shop_small_choice_mdBox .tltBox {padding:0 3vw; margin-bottom: 2.5vw}
	.shop_small_modal .shop_small_choice_mdBox .tltBox .tlt {font-size:2.8vw;}
	.shop_small_modal .shop_small_choice_mdBox .tltBox .shop_small_choice_md_close {top:0.5vw; right:3vw; width:2.5vw; height:2.5vw;}

	.shop_small_modal .shop_small_choice_mdBox .shop_small_choice_listBox {height:28vh;}

	.shop_small_modal .choice_check label {height:7vw; line-height:7vw; padding:0 3vw; font-size:2.2vw}
	.shop_small_modal .choice_check input:checked + label:after {right:3vw; width:2.7vw; height:2vw;}
}

@media screen and (max-width:480px){
	/*small modal*/
	.shop_small_modal .shop_small_mdBox {max-width:80%}
	.shop_small_modal .shop_small_mdcont {padding:5vw 4.5vw; border-radius:3.8vw;}

	.shop_small_modal .shop_small_mdBox .tlt {font-size:4vw; margin-bottom:2.4vw}
	.shop_small_modal .shop_small_mdBox .txt {font-size:3.4vw;}

	.shop_small_modal .shop_small_mdBox .shop_small_btnBox {margin-top:5vw;}
	.shop_small_modal .shop_small_mdBox .shop_small_btnBox .shop_smallBtn {margin-left:0.7vw; padding:2.3vw 5vw; border-radius:5vw; font-size:3.8vw;}
	.shop_small_modal .shop_small_mdBox .shop_bt_md_close {font-size:3.8vw; margin-top:3.1vw;}


	/*small choice modal*/
	.shop_small_modal .shop_small_choice_mdcont {position:fixed; bottom:0; left:0; padding:3.5vw 0; border-radius:3.8vw 3.8vw 0 0; height:45vh;}

	.shop_small_modal .shop_small_choice_mdBox .tltBox {padding:0 4vw; margin-bottom:3.5vw}
	.shop_small_modal .shop_small_choice_mdBox .tltBox .tlt {font-size:3.8vw;}
	.shop_small_modal .shop_small_choice_mdBox .tltBox .shop_small_choice_md_close {top:0.7vw; right:4vw; width:3.5vw; height:3.5vw;}

	.shop_small_modal .shop_small_choice_mdBox .shop_small_choice_listBox {height:38vh;}

	.shop_small_modal .choice_check label {height:10vw; line-height:10vw; padding:0 4vw; font-size:3.2vw}
	.shop_small_modal .choice_check input:checked + label:after {right:4vw; width:3.7vw; height:3vw;}
}


/*버프전환*/
.shop .point_payBox02 {position:relative; margin:115px auto 0; width:98%;}
.shop .point_pay_infoBox02.top_line {border-top:1px solid #F2F5FA; margin-top:28px; padding-top:28px;}
.shop .point_pay_info_list02 {display:flex; align-items:center; margin-bottom:21px; font-size:25px; font-weight:500}
.shop .point_pay_info_list02:last-child {margin-bottom:0}

.shop .point_pay_info_list02 .tlt {font-size:28px; text-align:left;}
.shop .point_pay_info_list02 .pointBox {margin-left:auto; text-align:right;}
.shop .point_pay_info_list02 .pointBox > span {display:inline-block; vertical-align:middle;}
.shop .point_pay_info_list02 .pointBox .point_icon {width:35px; height:35px; background:url(../img/shop/content/point_icon02.png) no-repeat 0 0; background-size:100% 100%}
.shop .point_pay_info_list02 .pointBox .price {font-size:35px; font-weight:500;}
.shop .point_pay_info_list02 .pointBox .price_s {font-size:25px; color:#616161; font-weight:400}

/*작은 텍스트*/
.shop .shop_stxt {font-size:25px; color:#616161}
.shop .shop_stxtUl li {margin-bottom:14px; line-height:1.3em}
.shop .shop_stxtUl li:last-child {margin-bottom:0}

/*큰 타이틀*/
.shop .shop_bigtlt {font-size:32px; margin-bottom:34px}
.shop .shop_bigtlt .big_smtlt {font-size:25px; color:#616161}

.shop .point_cv_inpBox {position:relative; display:flex; align-items:center}
.shop .point_cv_inpBox .point_cv_inp_box {position:relative; display:flex; align-items:center; width:76%; height:75px; padding:0 28px;border:1px solid #E1E1E1; font-size:26px; border-radius:14px}
.shop .point_cv_inpBox .point_cv_inp {border:0; background:#fff; width:80%; padding:0; height:100%;}
.shop .point_cv_inpBox .txt {margin-left:auto}

.shop .point_cv_inpBox .no_inp_cl {border-color:#F04452}
.shop .point_cv_inpBox .no_inp_cl .point_cv_inp {color:#F04452}

.shop .point_cv_inpBox .point_cv_inpBtn {margin-left:auto; width:22%; height:75px; background:#FC8500; color:#fff; font-size:23px; font-weight:500; border-radius:16px;}
.shop .point_cv_inpBox .no_point_cv_inpBtn {background:#A9A9A9;}
.shop .point_cv_inpBox .point_cv_inpBtn2 {background:#616161}

.shop .no_sm_txt {margin:14px; color:#F04452; font-size:18px;}
.shop .no_sm_txt2 {margin:14px; color:#505BF0; font-size:18px;}

.shop .maket_point_info_box {display:none;}
.shop .maket_point_info_box.active {display: block;}


/*add jisoo 20241220*/
.shop .point_cv_inpBox .country_phoneBox {display:flex; align-items:center; width:76%; height:75px; padding:0 28px; border:1px solid #E1E1E1; background:#FAFAFA; border-radius:14px; font-size:26px;}
.shop .point_cv_inpBox .country_phoneBox .country_code {position:relative; height:100%; width:23%; line-height:74px; color:#707070}
.shop .point_cv_inpBox .country_phoneBox .country_code:after {content:""; display:inline-block; width:1px; height:25px; background:#E1E1E1; position:absolute; top:50%; right:0; transform:translateY(-50%)}

.shop .point_cv_inpBox .country_phoneBox .phone_inpBox {width:73%; height:100%; margin-left:auto}
.shop .point_cv_inpBox .country_phoneBox .phone_inpBox .phone_inp {border:0; background:none; width:100%; height:100%; color:#707070;}

.shop .point_cv_inpBox_gray .point_cv_inp_box, .shop .point_cv_inpBox_gray .country_phoneBox {background:#FAFAFA;}
.shop .point_cv_inpBox_gray .point_cv_inp {background:none; color:#D2D2D2}
.shop .point_cv_inpBox_gray .country_phoneBox .country_code, .shop .point_cv_inpBox_gray .country_phoneBox .phone_inpBox .phone_inp {color:#D2D2D2}

.shop .point_cv_inpBox_gray .point_cv_inpBtn, .shop .point_cv_inpBox_gray .no_point_cv_inpBtn {background:#FAFAFA; color:#D2D2D2}



/*add jisoo 20241228*/
.shop .point_cv_textBox .point_cv_text {width:100%; min-height:180px; padding:28px; border:1px solid #E1E1E1; border-radius:14px; font-size:23px}
.shop .point_cv_textBox .point_cv_s_text {margin-top:11px; font-size:18px; color:#616161}


@media screen and (max-width:768px){
	/*버프전환*/
	.shop .point_payBox02 {margin:11.5vw auto 0;}
	.shop .point_pay_infoBox02.top_line {margin-top:2.8vw; padding-top:2.8vw;}
	.shop .point_pay_info_list02 {margin-bottom:2.1vw; font-size:2.5vw;}

	.shop .point_pay_info_list02 .tlt {font-size:2.8vw;}
	.shop .point_pay_info_list02 .pointBox .point_icon {width:3.5vw; height:3.5vw;}
	.shop .point_pay_info_list02 .pointBox .price {font-size:3.5vw;}
	.shop .point_pay_info_list02 .pointBox .price_s {font-size:2.5vw;}

	/*작은 텍스트*/
	.shop .shop_stxt {font-size:2.5vw;}
	.shop .shop_stxtUl li {margin-bottom:1.4vw}

	/*큰 타이틀*/
	.shop .shop_bigtlt {font-size:3.2vw; margin-bottom:3.4vw}
	.shop .shop_bigtlt .big_smtlt {font-size:2.5vw;}

	.shop .point_cv_inpBox .point_cv_inp_box {height:7.5vw; padding:0 2.8vw; font-size:2.6vw; border-radius:1vw}
	.shop .point_cv_inpBox .point_cv_inpBtn {height:7.5vw; font-size:2.3vw; border-radius:1.2vw;}

	.shop .no_sm_txt, .shop .no_sm_txt2 {margin:1.4vw; font-size:1.8vw;}

	/*add jisoo 20241220*/
	.shop .point_cv_inpBox .country_phoneBox {height:7.5vw; padding:0 2.8vw; border-radius:1.4vw; font-size:2.6vw;}
	.shop .point_cv_inpBox .country_phoneBox .country_code {line-height:7.4vw;}
	.shop .point_cv_inpBox .country_phoneBox .country_code:after {height:2.5vw;}


	/*add jisoo 20241228*/
	.shop .point_cv_textBox .point_cv_text {min-height:18vw; padding:2.8vw; border-radius:1.4vw; font-size:2.3vw}
	.shop .point_cv_textBox .point_cv_s_text {margin-top:1.1vw; font-size:1.8vw;}
}

@media screen and (max-width:480px){
	/*버프전환*/
	.shop .point_payBox02 {margin:12.5vw auto 0;}
	.shop .point_pay_infoBox02.top_line {margin-top:3.8vw; padding-top:3.8vw;}
	.shop .point_pay_info_list02 {margin-bottom:3.1vw; font-size:3.5vw;}

	.shop .point_pay_info_list02 .tlt {font-size:3.8vw;}
	.shop .point_pay_info_list02 .pointBox .point_icon {width:4.5vw; height:4.5vw;}
	.shop .point_pay_info_list02 .pointBox .price {font-size:4.5vw;}
	.shop .point_pay_info_list02 .pointBox .price_s {font-size:3.5vw;}

	/*작은 텍스트*/
	.shop .shop_stxt {font-size:3.5vw;}
	.shop .shop_stxtUl li {margin-bottom:2.4vw}

	/*큰 타이틀*/
	.shop .shop_bigtlt {font-size:4.2vw; margin-bottom:4.4vw}
	.shop .shop_bigtlt .big_smtlt {font-size:3.5vw;}

	.shop .point_cv_inpBox .point_cv_inp_box {height:10.5vw; padding:0 3.8vw; font-size:3.6vw; border-radius:2vw}
	.shop .point_cv_inpBox .point_cv_inpBtn {height:10.5vw; font-size:3.3vw; border-radius:2.2vw;}

	.shop .no_sm_txt, .shop .no_sm_txt2 {margin:2.4vw; font-size:2.8vw;}

	/*add jisoo 20241220*/
	.shop .point_cv_inpBox .country_phoneBox {width:76%; height:10.5vw; padding:0 3.8vw; border-radius:2.4vw; font-size:3.6vw;}
	.shop .point_cv_inpBox .country_phoneBox .country_code {width:23%; line-height:10.5vw;}
	.shop .point_cv_inpBox .country_phoneBox .country_code:after {height:4.5vw;}

	.shop .point_cv_inpBox .country_phoneBox .phone_inpBox {width:73%;}


	/*add jisoo 20241228*/
	.shop .point_cv_textBox .point_cv_text {min-height:28vw; padding:3.8vw; border-radius:2.4vw; font-size:3.3vw}
	.shop .point_cv_textBox .point_cv_s_text {margin-top:2.1vw; font-size:2.8vw;}
}



/*보관함*/
.shop .gift_listUl li {position:relative; width:100%; padding:28px 0; border-bottom:1px solid #F2F5FA}
.shop .gift_listUl li:first-child {padding-top:0}
.shop .gift_listUl li:last-child {border-bottom:0}

.shop .gift_listUl li > a {width:100%; display:flex; align-items:center;}
.shop .gift_listUl .img {width:16%;}
.shop .gift_listUl .img img {width:100%; border-radius:14px; border:1px solid #F2F5FA}

.shop .gift_listUl.no_gift .img img {opacity:0.6}

.shop .gift_listUl .txtBox {width:60%; margin-left:4%}
.shop .gift_listUl .txtBox .brandBox {font-size:25px; font-weight:600}
.shop .gift_listUl .txtBox .dataBox {font-size:23px; color:#616161; margin-top:5px}
.shop .gift_listUl .txtBox .dataBox .time {margin-left:12px}

.shop .gift_listUl .stateBox {margin-left:auto}
.shop .gift_listUl .stateBox .state {padding:8px 15px; font-size:21px; font-weight:500; border-radius:50px;}
.shop .gift_listUl .stateBox .state01 {background:#FC8500; color:#fff;}
.shop .gift_listUl .stateBox .state01_2 {background:#DFDFDF; color:#fff;}
.shop .gift_listUl .stateBox .state02 {background:#F2F5FA; color:#616161;}


.shop .no_listBox {margin:70px 0; text-align:center;}
.shop .no_listBox .icon img {height:100px}
.shop .no_listBox .txt {font-size:32px; color:#616161; font-weight:700; margin-top:10px}


@media screen and (max-width:768px){
	/*보관함*/
	.shop .gift_listUl li {padding:2.8vw 0;}

	.shop .gift_listUl .img {width:16%;}
	.shop .gift_listUl .img img {border-radius:1.4vw;}

	.shop .gift_listUl .txtBox {width:60%; margin-left:4%}
	.shop .gift_listUl .txtBox .brandBox {font-size:2.5vw;}
	.shop .gift_listUl .txtBox .dataBox {font-size:2.3vw; margin-top:0.5vw}
	.shop .gift_listUl .txtBox .dataBox .time {margin-left:1.2vw}

	.shop .gift_listUl .stateBox .state {padding:0.8vw 1.5vw; font-size:2.1vw; border-radius:5vw;}


	.shop .no_listBox {margin:7vw 0;}
	.shop .no_listBox .icon img {height:10vw}
	.shop .no_listBox .txt {font-size:3.2vw; margin-top:1vw}
}

@media screen and (max-width:480px){
	/*보관함*/
	.shop .gift_listUl li {padding:3.8vw 0;}

	.shop .gift_listUl .img {width:16%;}
	.shop .gift_listUl .img img {border-radius:2.4vw;}

	.shop .gift_listUl .txtBox {width:60%; margin-left:4%}
	.shop .gift_listUl .txtBox .brandBox {font-size:3.5vw;}
	.shop .gift_listUl .txtBox .dataBox {font-size:3.3vw; margin-top:0.7vw}
	.shop .gift_listUl .txtBox .dataBox .time {margin-left:2.2vw}

	.shop .gift_listUl .stateBox .state {padding:1vw 2.5vw; font-size:3.1vw; border-radius:6vw;}


	.shop .no_listBox {margin:8vw 0;}
	.shop .no_listBox .icon img {height:13vw}
	.shop .no_listBox .txt {font-size:4.2vw; margin-top:2vw}
}


/*구매내역*/
.shop .calendarBox {max-width:640px; width:100%; height:125px; border-bottom:1px solid #fff; padding-top:25px; background:#fff; display:flex; align-items:center; z-index:2} 
.shop .ab_calendarBox, .shop .ab_calendarBox02 {position:fixed; top:224px; left:50%; transform: translateX(-50%);}

.shop.body_t .ab_calendarBox {border-color:#F2F5FA}
.shop .ab_calendarBox02 {border-color:#F2F5FA; height:100px; padding-top:0}


.shop .calendarBox .previousBtn button, .shop .calendarBox .nextBtn button {width:28px; height:28px; background-size:100% 100% !important}
.shop .calendarBox .previousBtn .off {background:url(../img/shop/content/cld_previousBtn_off.png) no-repeat 0 0;}
.shop .calendarBox .previousBtn .on {background:url(../img/shop/content/cld_previousBtn_on.png) no-repeat 0 0;}
.shop .calendarBox .nextBtn .off {background:url(../img/shop/content/cld_nextBtn_off.png) no-repeat 0 0;}
.shop .calendarBox .nextBtn .on {background:url(../img/shop/content/cld_nextBtn_on.png) no-repeat 0 0;}

.shop .calendarBox .previousBtn {margin-right:auto}
.shop .calendarBox .nextBtn {margin-left:auto}
.shop .calendarBox .monthBtn {font-size:35px; font-weight:700}


.shop .details_listBox {border-bottom:1px solid #F2F5FA;  margin-bottom:35px}
.shop .details_listBox:last-child {border-bottom:0; padding-top:0; margin-bottom:0}

.shop .details_listBox .data {font-size:21px; color:#616161; margin-bottom:35px;}
.shop .details_listBox .details_listUl li {display:flex; align-items:center; margin-bottom:28px;}
.shop .details_listBox .details_listUl .img {width:16%}
.shop .details_listBox .details_listUl .img img {width:100%; border-radius:14px; border:1px solid #F2F5FA}
.shop .details_listBox .details_listUl .brandBox {width:80%; margin-left:4%; font-size:25px;}
.shop .details_listBox .details_listUl .brandBox .brand_name {color:#616161; margin-bottom:5px}
.shop .details_listBox .details_listUl .brandBox .brand_pp_name {font-weight:600}

@media screen and (max-width:1024px){
	.shop .ab_calendarBox, .shop .ab_calendarBox02 {top:23.3vw}
}

@media screen and (max-width:768px){
	/*구매내역*/
	.shop .calendarBox {max-width:768px; height:12.5vw; padding-top:2.5vw;} 
	.shop .ab_calendarBox, .shop .ab_calendarBox02 {top:23.4vw;}

	.shop .ab_calendarBox02 {height:10vw}
	.shop .calendarBox .previousBtn button, .shop .calendarBox .nextBtn button {width:3.8vw; height:3.8vw}
	.shop .calendarBox .previousBtn {padding-left:4%}
	.shop .calendarBox .nextBtn {padding-right:4%}
	.shop .calendarBox .monthBtn {font-size:3.5vw;}

	.shop .details_listBox {margin-bottom:3.5vw}
	.shop .details_listBox .data {font-size:2.1vw; margin-bottom:3.5vw;}
	.shop .details_listBox .details_listUl li {margin-bottom:2.8vw;}
	.shop .details_listBox .details_listUl .img {width:16%}
	.shop .details_listBox .details_listUl .img img {border-radius:1.4vw;}
	.shop .details_listBox .details_listUl .brandBox {width:80%; margin-left:4%; font-size:2.5vw;}
	.shop .details_listBox .details_listUl .brandBox .brand_name {margin-bottom:0.5vw}
}

@media screen and (max-width:480px){
	/*구매내역*/
	.shop .calendarBox {height:15.5vw; padding-top:3.5vw;} 
	.shop .ab_calendarBox, .shop .ab_calendarBox02 {top:29.5vw;}

	.shop .ab_calendarBox02 {height:13vw; padding-top:0}
	.shop .calendarBox .previousBtn button, .shop .calendarBox .nextBtn button {width:4.8vw; height:4.8vw}
	.shop .calendarBox .previousBtn {padding-left:4%}
	.shop .calendarBox .nextBtn {padding-right:4%}
	.shop .calendarBox .monthBtn {font-size:4.5vw;}

	.shop .details_listBox {margin-bottom:4.5vw}
	.shop .details_listBox .data {font-size:3.1vw; margin-bottom:4.5vw;}
	.shop .details_listBox .details_listUl li {margin-bottom:3.8vw;}
	.shop .details_listBox .details_listUl .img {width:16%}
	.shop .details_listBox .details_listUl .img img {border-radius:2.4vw;}
	.shop .details_listBox .details_listUl .brandBox {width:80%; margin-left:4%; font-size:3.5vw;}
	.shop .details_listBox .details_listUl .brandBox .brand_name {margin-bottom:0.7vw}
}


/*버프관리*/
.shop .point_list {position:relative; /*display:flex;*/ border-bottom:1px solid #F2F5FA; padding-bottom:35px; margin-bottom:35px}
.shop .point_list:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0}
.shop .point_list .dataBox {font-size:25px; color:#616161; font-weight:600; margin-bottom:14px}
.shop .point_list .point_listUl {width:100%;}
.shop .point_list .point_listUl li {display:flex; margin-bottom:35px;}
.shop .point_list .point_listUl li:last-child {margin-bottom:0}

.shop .point_list .point_listUl .txtBox .brand_pp_name {font-size:25px; font-weight:600}
.shop .point_list .point_listUl .txtBox .time {font-size:23px; color:#616161; margin-top:5px}


.shop .point_list .point_listUl .point_txtBox {margin-left:auto; text-align:right}
.shop .point_list .point_listUl .point_txtBox .brandBox {margin-bottom:3px;}
.shop .point_list .point_listUl .point_txtBox .price {font-size:25px; font-weight:700}
.shop .point_list .point_listUl .point_txtBox .txt {font-size:23px;}

@media screen and (max-width:768px){
	/*버프관리*/
	.shop .point_list {padding-bottom:3.5vw; margin-bottom:3.5vw}
	.shop .point_list .dataBox {font-size:2.5vw; margin-bottom:1.4vw}
	.shop .point_list .point_listUl li {margin-bottom:3.5vw;}

	.shop .point_list .point_listUl .txtBox .brand_pp_name {font-size:2.5vw;}
	.shop .point_list .point_listUl .txtBox .time {font-size:2.3vw; margin-top:0.5vw}

	.shop .point_list .point_listUl .point_txtBox .brandBox {margin-bottom:0.3vw;}
	.shop .point_list .point_listUl .point_txtBox .price {font-size:2.5vw;}
	.shop .point_list .point_listUl .point_txtBox .txt {font-size:2.3vw;}
}

@media screen and (max-width:480px){
	/*버프관리*/
	.shop .point_list {padding-bottom:4.5vw; margin-bottom:4.5vw}
	.shop .point_list .dataBox {font-size:3.5vw; margin-bottom:2.4vw}
	.shop .point_list .point_listUl li {margin-bottom:4.5vw;}

	.shop .point_list .point_listUl .txtBox .brand_pp_name {font-size:3.5vw;}
	.shop .point_list .point_listUl .txtBox .time {font-size:3.3vw; margin-top:0.7vw}

	.shop .point_list .point_listUl .point_txtBox .brandBox {margin-bottom:0.5vw;}
	.shop .point_list .point_listUl .point_txtBox .price {font-size:3.5vw;}
	.shop .point_list .point_listUl .point_txtBox .txt {font-size:3.3vw;}
}




/*검색*/
.shop .shop_searchBox {position:relative; display:flex; align-items:center; padding:14px 0;}
.shop .shop_searchBox .back_Btn a {display:block; width:42px; height:42px; background:url(../img/shop/inc/top_back_icon.png) no-repeat 50% 50%; background-size:100% 100%}

.shop .shop_searchBox .searchBox {position:relative; margin-left:auto; width:87%; padding-left:90px;; height:70px; background:#F2F5FA url(../img/shop/inc/shop_sh_icon.png) no-repeat 33px 50%; background-size:32px 32px; border-radius:14px; /*overflow:hidden*/}
.shop .shop_searchBox .searchBox .search_iupBox {height:100%}
.shop .shop_searchBox .searchBox .search_iup {width:100%; height:100%; border:0; background:none; font-size:28px; padding:0 28px 0 0}

/*240829 ksb 추가*/
.shop .shop_searchBox .searchBox .search_iup::placeholder {color: #999; opacity: 1;}
.shop .shop_searchBox .searchBox .search_iup:focus::placeholder {opacity: 1;}



.shop .shop_searchBox .searchBox .close_icon:after, .close_iconBox .close_icon:after {content:""; display:inline-block; position:absolute; right:28px; top:50%; transform: translateY(-50%); width:30px; height:30px; background:url(../img/shop/content/search_close_icon.png) no-repeat 0 0; background-size:100% 100%; cursor:pointer; z-index:1;}
.shop .shop_searchBox .search_iup:not(:valid) ~ .close_icon, .close_iconBox .close_icon_inp:not(:valid) ~ .close_icon {display:none;}


.shop .recent_searchBox {position:relative; margin-top:55px;}
.shop .recent_searchBox .tltBox {display:flex; align-items:center; margin-bottom:28px;}
.shop .recent_searchBox .tltBox .tlt {font-size:28px; font-weight:700}
.shop .recent_searchBox .tltBox .all_delBtn {margin-left:auto; display:inline-block; font-size:24px; color:#616161}

.shop .recent_searchBox .recent_search_listUl li {position:relative; display:inline-block; vertical-align:top; margin:0 10px 10px 0}
.shop .recent_searchBox .recent_search_listUl a {display:inline-block; padding:14px 20px; font-size:23px; color:#565656; font-weight:500; background:#F2F5FA; border-radius:50px;}

.shop .search_listBox {position:absolute; top:85px; left:0; width:100%; background:#fff; z-index:2}
.shop .search_listBox .search_listUl a {display:block; height:94px; line-height:94px; padding:0 28px; display:flex; align-items:center;}
.shop .search_listBox .search_listUl .icon {width:50px; height:50px; border-radius:50%; border:1px solid #F2F5FA; background:#F2F5FA; overflow:hidden}
.shop .search_listBox .search_listUl .icon img {width:100%; height:100%; transform:inherit; vertical-align:top}
.shop .search_listBox .search_listUl .txt {font-size:28px; font-weight:600; margin-left:20px; width:500px; line-height:1.3em;}


/*20240829 추가*/
.shop .search_listUlBox {margin-bottom:20px;}
.shop .search_listUlBox:last-child {margin-bottom:0}
.shop .brand_search_listUlBox {margin-top:30px;}

.shop .search_listUlBox .search_listUl_tlt {font-size:25px; font-weight:600; margin-bottom:7px; padding:0 28px;}


@media screen and (max-width:768px){
	/*검색*/
	.shop .shop_searchBox {padding:1.4vw 0;}
	.shop .shop_searchBox .back_Btn a {width:4.2vw; height:4.2vw;}

	.shop .shop_searchBox .searchBox {width:87%; padding-left:9vw;; height:7vw; background-position:3.3vw 50%; background-size:3.2vw 3.2vw; border-radius:1.4vw}
	.shop .shop_searchBox .searchBox .search_iup {font-size:2.8vw; padding:0 2.8vw 0 0}

	.shop .shop_searchBox .searchBox .close_icon:after, .close_iconBox .close_icon:after {right:2.8vw; width:3vw; height:3vw;}

	.shop .recent_searchBox {margin-top:5.5vw;}
	.shop .recent_searchBox .tltBox {margin-bottom:2.8vw;}
	.shop .recent_searchBox .tltBox .tlt {font-size:2.8vw;}
	.shop .recent_searchBox .tltBox .all_delBtn {font-size:2.4vw;}

	.shop .recent_searchBox .recent_search_listUl li {margin:0 1vw 1vw 0}
	.shop .recent_searchBox .recent_search_listUl a {padding:1.4vw 2vw; font-size:2.3vw;  border-radius:5vw;}

	.shop .search_listBox {top:9.8vw;}
	.shop .search_listBox .search_listUl a {height:9.4vw; line-height:9.4vw; padding:0 4%;}
	.shop .search_listBox .search_listUl .icon {width:5vw; height:5vw;}
	.shop .search_listBox .search_listUl .txt {font-size:2.8vw; margin-left:2vw; width:90%}


	/*20240829 추가*/
	.shop .search_listUlBox {margin-bottom:2vw;}
	.shop .brand_search_listUlBox {margin-top:3vw;}

	.shop .search_listUlBox .search_listUl_tlt {font-size:2.5vw; margin-bottom:0.7vw; padding:0 4%;}
}

@media screen and (max-width:480px){
	/*검색*/
	.shop .shop_searchBox {padding:2.4vw 0;}
	.shop .shop_searchBox .back_Btn a {width:5.2vw; height:5.2vw;}

	.shop .shop_searchBox .searchBox {width:87%; padding-left:10vw; height:10vw; background-position:4.3vw 50%;  background-size:4.2vw 4.2vw; border-radius:2.4vw}
	.shop .shop_searchBox .searchBox .search_iup {font-size:3.8vw; padding:0 3.8vw 0 0}

	.shop .shop_searchBox .searchBox .close_icon:after, .close_iconBox .close_icon:after {right:3.8vw; width:4vw; height:4vw;}

	.shop .recent_searchBox {margin-top:6.5vw;}
	.shop .recent_searchBox .tltBox {margin-bottom:3.8vw;}
	.shop .recent_searchBox .tltBox .tlt {font-size:3.8vw;}
	.shop .recent_searchBox .tltBox .all_delBtn {font-size:3.4vw;}

	.shop .recent_searchBox .recent_search_listUl li {margin:0 2vw 2vw 0}
	.shop .recent_searchBox .recent_search_listUl a {padding:2.4vw 3vw; font-size:3.3vw; border-radius:6vw;}

	.shop .search_listBox {top:14.8vw;}
	.shop .search_listBox .search_listUl a {height:12.4vw; line-height:12.4vw;}
	.shop .search_listBox .search_listUl .icon {width:6vw; height:6vw;}
	.shop .search_listBox .search_listUl .txt {font-size:3.8vw; margin-left:3vw}

	
	/*20240829 추가*/
	.shop .search_listUlBox {margin-bottom:3vw;}
	.shop .brand_search_listUlBox {margin-top:4vw;}

	.shop .search_listUlBox .search_listUl_tlt {font-size:3.5vw; margin-bottom:0.9vw;}
}


/*탑으로 이동*/
.shop .shop_topBtnBox {position:fixed; bottom:-300px; right:30px; transition:all 0.5s; z-index:10000000000}
.top_scroll.shop .shop_topBtnBox {bottom:55px;}
.shop .shop_topBtnBox img {height:90px}

.no_scroll {overflow:hidden}

@media screen and (max-width:768px){
	.shop .shop_topBtnBox {bottom:-35vw; right:3vw;}
	.top_scroll.shop .shop_topBtnBox {bottom:6.5vw}
	.shop .shop_topBtnBox img {height:11vw}
}

@media screen and (max-width:768px){
	.top_scroll.shop .shop_topBtnBox {bottom:7.5vw}
	.shop .shop_topBtnBox img {height:13vw}
}


/* --------------------------------------------------인공지능 세부설정-------------------------------------------------- */
.typeUl {margin-bottom:40px;}
.typeUl li {display:inline-block; vertical-align:top; border:1px solid #BABABA; padding:14px 24px; font-size:20px; color:#111; border-radius:50px; margin-right:10px; line-height:1.3em; font-weight:700; cursor:pointer}
.typeUl li:last-child {margin-right:0}
.typeUl .active {background:#F88504; border-color:#F88504; color:#fff}


.new_chart_sum {margin-bottom:48px;}
.new_chart_sum .chart_ul {display:flex; margin-bottom:30px}
.new_chart_sum .chart_ul li {width:33.333%;}
.new_chart_sum .chart_ul .tlt {font-size:24px; color:#595959}
.new_chart_sum .chart_ul .txt {font-size:28px; color:#2D4C68; font-weight:600}

.new_chart_sum .new_ct_barbox {position:relative; height:48px; width:510px; background:#e3e3e3; border-radius:50px; margin:0 auto; overflow:hidden}
.new_chart_sum .new_ct_barbox .chart {display:flex; height:100%;}
.new_chart_sum .new_ct_barbox .chart span {display:block; cursor: pointer; height:100%; transition:all 0.3s ease;}
.new_chart_sum .new_ct_barbox .ct_type01 {background:#badb32}
.new_chart_sum .new_ct_barbox .ct_type02 {background:#fd9c00}
.new_chart_sum .new_ct_barbox .ct_type03 {background:#019fda}

.new_chart_sum .stateBox {margin-top:24px;}
.new_chart_sum .stateBox .tlt {font-size:28px; color:#595959; font-weight:700; margin-bottom:10px}
.new_chart_sum .stateBox .txt {font-size:20px; color:#212329;}


.new_chart_prc .bar_Ct {width:510px; margin:0 auto;}

.chart_prc_tltBox {margin-bottom:30px; display:flex; align-items:center}
.chart_prc_tltBox .new_tlt {font-size:26px; font-weight:600; color:#2D4C68}
.chart_prc_tltBox .viewBtn {margin-left:8px; border:2px solid #2D4C68; color:#2D4C68; font-size:18px; padding:3px 10px; border-radius:50px; font-weight:500; line-height:1.3em; cursor:pointer}
.new_chart_prc .bar_ul li .txt {color:#2D4C68 !important; font-size:24px !important}

#new_setting_box .settingBtn .setting_btn {display:inline-block; width:49%; height:88px; line-height:88px; margin-right:1.5%; font-size:28px; font-weight:600; text-align:center; border:1px solid; border-radius:12px}
#new_setting_box .settingBtn .setting_btn:last-child {margin-right:0}
#new_setting_box .settingBtn .setting_btn.back {border-color:#E2EDFF; background:#fff; color:#2D4C68}
#new_setting_box .settingBtn .setting_btn.setting {border-color:#FAFAFA; background:#FAFAFA; color:#D2D2D2}
#new_setting_box .settingBtn .setting_btn.save {border-color:#FC8500; background:#FC8500; color:#fff}


@media screen and (max-width:768px){
	.typeUl {margin-bottom:4vw;}
	.typeUl li {padding:1.2vw 2.4vw; font-size:2vw; border-radius:5vw; margin-right:0.5vw;}

	.new_chart_sum {margin-bottom:4.8vw;}
	.new_chart_sum .chart_ul {margin-bottom:3vw}
	.new_chart_sum .chart_ul .tlt {font-size:2.4vw;}
	.new_chart_sum .chart_ul .txt {font-size:2.8vw;}

	.new_chart_sum .new_ct_barbox {height:4.8vw; width:80%; border-radius:5vw;}

	.new_chart_sum .stateBox {margin-top:2.4vw;}
	.new_chart_sum .stateBox .tlt {font-size:2.8vw; margin-bottom:1vw}
	.new_chart_sum .stateBox .txt {font-size:2vw;}


	.new_chart_prc .bar_Ct {width:80%;}

	.chart_prc_tltBox {margin-bottom:3vw;}
	.chart_prc_tltBox .new_tlt {font-size:2.6vw;}
	.chart_prc_tltBox .viewBtn {margin-left:0.8vw; border-width:0.2vw; font-size:1.8vw; padding:0.3vw 1vw; border-radius:5vw;}
	.new_chart_prc .bar_ul li .txt {font-size:2.4vw !important}

	#new_setting_box .settingBtn .setting_btn {height:8.8vw; line-height:8.8vw; margin-right:1.2%; font-size:2.8vw; border-radius:1.2vw}
}

@media screen and (max-width:480px){
	.typeUl {margin-bottom:5vw;}
	.typeUl li {padding:2.6vw 3.4vw; font-size:3vw; border-radius:6vw; margin-right:1vw;}

	.new_chart_sum {margin-bottom:5.8vw;}
	.new_chart_sum .chart_ul {margin-bottom:4vw}
	.new_chart_sum .chart_ul .tlt {font-size:3.4vw;}
	.new_chart_sum .chart_ul .txt {font-size:3.8vw;}

	.new_chart_sum .new_ct_barbox {height:7.8vw; width:96%; border-radius:6vw;}

	.new_chart_sum .stateBox {margin-top:3.4vw;}
	.new_chart_sum .stateBox .tlt {font-size:3.8vw; margin-bottom:2vw}
	.new_chart_sum .stateBox .txt {font-size:3vw;}


	.new_chart_prc .bar_Ct {width:96%;}

	.chart_prc_tltBox {margin-bottom:4vw;}
	.chart_prc_tltBox .new_tlt {font-size:3.6vw;}
	.chart_prc_tltBox .viewBtn {margin-left:1vw; border-width:0.4vw; font-size:2.8vw; padding:0.5vw 2vw; border-radius:6vw;}
	.new_chart_prc .bar_ul li .txt {font-size:3.4vw !important}

	#new_setting_box .settingBtn .setting_btn {height:11.8vw; line-height:11.8vw; margin-right:1.2%; font-size:3.8vw; border-radius:2.2vw}
}


/* --------------------------------------------------new 회원가입 완료-------------------------------------------------- */
.join_comp_pop .join_mdbox {position:relative; max-width:560px; width:100%; margin:0 auto; padding:165px 0}
.join_comp_pop .join_check_lineBox {border-bottom:1px solid #F2F5FA; margin-bottom:30px; padding-bottom:30px;}
.join_comp_pop .join_check_icon {margin-bottom:14px;}
.join_comp_pop .join_check_icon img {height:88px}
.join_comp_pop .tlt02 {font-size:27px; font-weight:700; color:#212329;}
.pop_modal .compBtn a {display:block; width:300px; height:64px; line-height:60px; font-size:22px; border-radius:50px; font-weight:700; margin:35px auto 0;}
.pop_modal .st01 {border:1px solid #FC8500; background:#fff; color:#FC8500;}
.pop_modal .st02 {border:1px solid #FC8500; background:#FC8500; color:#fff;}

.join_comp_pop .md_tlt {font-size:22px; color:#565656; font-weight:500; margin-top:15px}


@media screen and (max-width:768px){
	.join_comp_pop .join_mdbox {max-width:56vw; padding:16.5vw 0}
	.join_comp_pop .join_check_lineBox {margin-bottom:5vw; padding-bottom:5vw;}
	.join_comp_pop .join_check_icon {margin-bottom:3vw;}
	.join_comp_pop .join_check_icon img {height:15.3vw}
	.join_comp_pop .tlt02 {font-size:3.8vw;}
	.pop_modal .compBtn a {width:45vw; height:10vw; line-height:9.6vw; font-size:3.5vw; border-radius:6vw; margin-top:4vw}

	.join_comp_pop .md_tlt {font-size:3vw; margin-top:3vw; margin-bottom:3vw}
}

@media screen and (max-width:480px){
	.join_comp_pop .join_mdbox {max-width:92%; padding:17.5vw 0}
	.join_comp_pop .join_check_lineBox {margin-bottom:6vw; padding-bottom:6vw;}
	.join_comp_pop .join_check_icon {margin-bottom:4vw;}
	.join_comp_pop .join_check_icon img {height:16.3vw}
	.join_comp_pop .tlt02 {font-size:4.8vw;}
	.pop_modal .compBtn a {width:60vw; height:13vw; line-height:12.6vw; font-size:4.5vw; border-radius:7vw; margin-top:5vw}

	.join_comp_pop .md_tlt {font-size:4vw; margin-top:4vw; margin-bottom:4vw}
}


/* --------------------------------------------------카카오링크 추가-------------------------------------------------- */
.tlt_link_addBox {display:flex; align-items:center}
.tlt_link_addBox .kakao_shareBox {margin-left:auto;}
.tlt_link_addBox .kakao_shareBox span {display:inline-block; vertical-align:middle;  line-height:1em}
.tlt_link_addBox .kakao_shareBox .icon img {height:34px;}
.tlt_link_addBox .kakao_shareBox .txt {font-size:18px; color:#565656; margin-left:5px;}

@media screen and (max-width:768px){
	.tlt_link_addBox .kakao_shareBox .icon img {height:4.4vw;}
	.tlt_link_addBox .kakao_shareBox .txt {font-size:2.4vw; margin-left:1vw;}
}

@media screen and (max-width:480px){
	.tlt_link_addBox .kakao_shareBox .icon img {height:5.4vw;}
	.tlt_link_addBox .kakao_shareBox .txt {font-size:3.4vw; margin-left:1.5vw}
}


/* --------------------------------------------------카카오링크2 추가-------------------------------------------------- */
.kakao_shareBox02 {margin:0 auto; text-align:center}
.kakao_shareBox02 a {display:inline-block; padding:12px 18px 14px; border:1px solid #F2F5FA; line-height:1.3em; border-radius:50px;}
.kakao_shareBox02 span {display:inline-block; vertical-align:middle}
.kakao_shareBox02 .icon img {height:35px;}
.kakao_shareBox02 .txt {font-size:25px; color:#565656; margin-left:10px}

@media screen and (max-width:768px){
	.kakao_shareBox02 a {padding:1.2vw 1.8vw 1.4vw; border-radius:5vw;}
	.kakao_shareBox02 .icon img {height:3.5vw;}
	.kakao_shareBox02 .txt {font-size:2.5vw; margin-left:1vw}
}

@media screen and (max-width:480px){
	.kakao_shareBox02 a {padding:2vw 3.2vw 2.6vw; border-radius:6vw;}
	.kakao_shareBox02 .icon img {height:5vw; margin-top:-0.3vw}
	.kakao_shareBox02 .txt {font-size:3.5vw; margin-left:1.5vw}
}


/* --------------------------------------------------쿠폰적용-------------------------------------------------- */
.sg_pageBox {position:relative; max-width:640px; width:100%; margin:0 auto; color:#212329}
.sg_pageBox .no_txt {display:none}

.sg_pageBox .cont {position:relative; width:100%; margin:0 auto}

.sg_pageBox .top_tltBox {position:relative; height:100px; line-height:100px; margin-bottom:48px; color:#111}
.sg_pageBox .top_tltBox .tlt {width:80%; height:100%; margin:0 auto; text-align:center; font-size:30px; font-weight:700}
.sg_pageBox .top_tltBox .back_Btn a {position:absolute; top:50%; left:0; transform: translateY(-50%); display:block; width:42px; height:42px; background:url(../img/shop/inc/top_back_icon.png) no-repeat 50% 50%; background-size:100% 100% !important}
.sg_pageBox .top_tltBox .top_home a {position:absolute; top:50%; right:0; transform: translateY(-50%); display:block; width:42px; height:42px; background:url(../img/shop/inc/top_home_icon.png) no-repeat 50% 50%; background-size:100% 100% !important}

.sg_pageBox .cont {position:relative; max-width:640px; width:100%; margin:0 auto}

.sg_pageBox .cp_reserveBox .img img {height:116px}
.sg_pageBox .cp_reserveBox .img.off img {opacity:0.6}
.sg_pageBox .cp_reserveBox .priceBox {font-size:30px; margin-top:16px; line-height:1.5em}

.sg_pageBox .cp_choiceBox {border-top:1px solid #F2F5FA; padding-top:40px; margin-bottom:110px}
.sg_pageBox .sg_tltBox {margin-bottom:24px}
.sg_pageBox .sg_tltBox .tlt {font-size:30px; font-weight:900}
.sg_pageBox .sg_tltBox .txt {font-size:24px; color:#565656}

.sg_pageBox .sg_radioUl {display:flex;}
.sg_pageBox .sg_radioUl li {width:49%; margin-right:2%}
.sg_pageBox .sg_radioUl li:nth-child(even) {margin-left:auto}
.sg_pageBox .sg_radioUl .sg_check {cursor:pointer; width:100%;}
.sg_pageBox .sg_radioUl .sg_check .checkbox_date {display:none}
.sg_pageBox .sg_radioUl .sg_check .lbl {position:relative; display:block; height:80px; line-height:76px; text-align:center; border:1px solid #F2F5FA; background:#fff; font-size:28px; border-radius:16px; cursor: pointer;}
.sg_pageBox .sg_radioUl .sg_check input:checked+.lbl {background:#FC8500; border-color:#FC8500; color:#fff; font-weight:700}


.sg_pageBox .select_st {position:relative;}
.sg_pageBox .select_st a {color:#212329}
.sg_pageBox .select_st .select_choice a {position:relative; display:block; height:80px; line-height:75px; border:1px solid #F2F5FA; background:#fff; border-radius:16px; padding:0 24px; font-size:28px; cursor:pointer}
.sg_pageBox .select_st .select_choice a:after {content:""; display:inline-block; position:absolute; top:50%; right:24px; transform:translateY(-50%); width:29px; height:18px;background:url(../img/select_choice_arrow.png) no-repeat 0 0; background-size:100% 100%; transition:all 0.3s}
.sg_pageBox .select_st .select_choice.active a:after {top:40%; transform: rotate(180deg);}

.sg_pageBox .select_st .select_choice span {display:inline-block; vertical-align:top}
.sg_pageBox .select_st .select_choice .icon {margin-right:16px}
.sg_pageBox .select_st .select_choice .icon img {height:40px; margin-top:-5px}

.sg_pageBox .no_check_pink {border-color:#F04452 !important; color:#F04452 !important}
.sg_pageBox .no_check_pink input::placeholder {color:#F04452 !important}

.sg_pageBox .select_st .select_stUl {position:absolute; top:79px; text-align:center; border:1px solid #F2F5FA; background:#fff; border-radius:16px; width:100%; display:none; overflow:hidden; z-index:2}
.sg_pageBox .select_st .select_stUl li {cursor:pointer}
.sg_pageBox .select_st .select_stUl a {height:87px; line-height:78px; padding:0 24px; font-size:28px; font-weight:600; display:block; border-bottom:1px solid #F2F5FA;}
.sg_pageBox .select_st .select_stUl li:last-child a {border-bottom:0}
.sg_pageBox .select_st .select_stUl li:hover a {background:rgba(0, 0, 0, 0.05)}

.sg_pageBox .select_st .select_stUl span {display:inline-block; vertical-align:middle}
.sg_pageBox .select_st .select_stUl .icon {margin-right:16px}
.sg_pageBox .select_st .select_stUl .icon img {height:40px; margin-top:-5px}


.sg_pageBox .ft_txtBox {background:#F2F5FA; margin-top:110px; padding:48px 4% 210px; color:#616161}
.sg_pageBox .ft_txtBox .ft_tlt {font-size:24px; font-weight:600; line-height:1.3em; margin-bottom:15px;}
.sg_pageBox .ft_txtBox .ft_txt {font-size:20px; line-height:1.6em; word-break: keep-all;}
.sg_pageBox .ft_txtBox .ft_txt .cl {color:#4A30EC}
.sg_pageBox .ft_txtBox a {color:#616161}

.sg_pageBox .fixBtn {position:fixed; bottom:0; left:50%; transform: translateX(-50%); max-width:640px; width:100%; height:88px; font-size:28px; font-weight:600; color:#fff; border:0}
.sg_pageBox .fixBtn_on {background:#FC8500}
.sg_pageBox .fixBtn_off {background:#DFDFDF}


@media screen and (max-width:768px){
	.sg_pageBox .cont {max-width:92%}
	.sg_pageBox .top_tltBox {height:10vw; line-height:10vw; margin-bottom:4.8vw;}
	.sg_pageBox .top_tltBox .tlt {font-size:3vw;}

	.sg_pageBox .top_tltBox .back_Btn a {background:url(../img/top_close_icon.png) no-repeat 50% 50%;}
	.sg_pageBox .top_tltBox .back_Btn a, .sg_pageBox .top_tltBox .top_home a {width:4.2vw; height:4.2vw;}


	.sg_pageBox .cp_reserveBox .img img {height:11.6vw}
	.sg_pageBox .cp_reserveBox .priceBox {font-size:3vw; margin-top:1.6vw;}

	.sg_pageBox .cp_choiceBox {padding-top:4vw; margin-bottom:11vw}
	.sg_pageBox .sg_tltBox {margin-bottom:2.4vw}
	.sg_pageBox .sg_tltBox .tlt {font-size:3vw;}
	.sg_pageBox .sg_tltBox .txt {font-size:2.4vw;}

	.sg_pageBox .sg_radioUl .sg_check .lbl {height:8vw; line-height:7.6vw; font-size:2.8vw; border-radius:1.6vw;}

	.sg_pageBox .select_st .select_choice a {height:8vw; line-height:7.6vw; border-radius:1.6vw; padding:0 2.4vw; font-size:2.8vw;}
	.sg_pageBox .select_st .select_choice a:after {right:2.4vw; width:2.9vw; height:1.8vw;}

	.sg_pageBox .select_st .select_choice .icon {margin-right:1.6vw}
	.sg_pageBox .select_st .select_choice .icon img {height:4vw; margin-top:-0.5vw}

	.sg_pageBox .select_st .select_stUl {top:7.9vw; border-radius:1.6vw;}
	.sg_pageBox .select_st .select_stUl a {height:8.7vw; line-height:7.8vw; padding:0 2.4vw; font-size:2.8vw;}

	.sg_pageBox .select_st .select_stUl .icon {margin-right:1.6vw}
	.sg_pageBox .select_st .select_stUl .icon img {height:4vw; margin-top:-0.5vw}


	.sg_pageBox .ft_txtBox {margin-top:11vw; padding:4.8vw 4% 21vw;}
	.sg_pageBox .ft_txtBox .ft_tlt {font-size:2.4vw; margin-bottom:1.5vw;}
	.sg_pageBox .ft_txtBox .ft_txt {font-size:2vw;}

	.sg_pageBox .fixBtn {height:8.8vw; font-size:2.8vw;}
}

@media screen and (max-width:480px){
	.sg_pageBox .top_tltBox {height:13vw; line-height:13vw; margin-bottom:5.8vw;}
	.sg_pageBox .top_tltBox .tlt {font-size:4vw;}

	.sg_pageBox .top_tltBox .back_Btn a, .sg_pageBox .top_tltBox .top_home a {width:5.2vw; height:5.2vw;}


	.sg_pageBox .cp_reserveBox .img img {height:14.6vw}
	.sg_pageBox .cp_reserveBox .priceBox {font-size:4vw; margin-top:2.6vw;}

	.sg_pageBox .cp_choiceBox {padding-top:5vw; margin-bottom:12vw}
	.sg_pageBox .sg_tltBox {margin-bottom:3.4vw}
	.sg_pageBox .sg_tltBox .tlt {font-size:4vw;}
	.sg_pageBox .sg_tltBox .txt {font-size:3.4vw;}

	.sg_pageBox .sg_radioUl .sg_check .lbl {height:11vw; line-height:10.6vw; font-size:3.8vw; border-radius:2.6vw;}

	.sg_pageBox .select_st .select_choice a {height:11vw; line-height:10.6vw; border-radius:2.6vw; padding:0 3.4vw; font-size:3.8vw;}
	.sg_pageBox .select_st .select_choice a:after {right:3.4vw; width:3.9vw; height:2.4vw;}

	.sg_pageBox .select_st .select_choice .icon {margin-right:2.6vw}
	.sg_pageBox .select_st .select_choice .icon img {height:5vw; margin-top:-0.7vw}

	.sg_pageBox .select_st .select_stUl {top:10.9vw; border-radius:2.6vw;}
	.sg_pageBox .select_st .select_stUl a {height:11.7vw; line-height:10.8vw; padding:0 3.4vw; font-size:3.8vw;}

	.sg_pageBox .select_st .select_stUl .icon {margin-right:2.6vw}
	.sg_pageBox .select_st .select_stUl .icon img {height:5vw; margin-top:-0.7vw}


	.sg_pageBox .ft_txtBox {margin-top:12vw; padding:5.8vw 4% 24vw;}
	.sg_pageBox .ft_txtBox .ft_tlt {font-size:3.4vw; margin-bottom:2.5vw;}
	.sg_pageBox .ft_txtBox .ft_txt {font-size:3vw;}

	.sg_pageBox .fixBtn {height:11.8vw; font-size:3.8vw;}
}


/* --------------------------------------------------하이버프 VIP-------------------------------------------------- */
.dis_no {display:none}

.hp_vipBox {color:#212329; font-family:Pretendard; letter-spacing:-0.09em; max-width:640px; width:100%; margin:0 auto;}
.hp_vipBox .container {max-width:100%;}
.hp_vipBox .tab_content {padding:0}


.hp_vipBox .vip_tltBox {margin-bottom:75px}
.hp_vipBox .vip_tltBox .vip_mark {background:#FFEEDA; font-size:28px; color:#F88504; font-weight:700; height:46px; line-height:46px; padding:0 16px; border-radius:8px; display:inline-block; letter-spacing:0em;}
.hp_vipBox .vip_tltBox .tlt {font-size:38px; font-weight:700; margin-top:13px}

.hp_vipBox .vip_bf_tltBox {font-size:35px; font-weight:700; margin-bottom:20px}

.hp_vipBox .vip_bf_bdBox {position:relative; background:#F2F5FA; padding:40px 32px; border-radius:16px}
.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox {display:flex; align-items:flex-start; margin-bottom:23px;}
.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .tlt {font-size:27px; margin-bottom:10px; font-weight:500}
.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .price {font-size:39px; font-weight:700;}
.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .price .big {font-size:70px;}

.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_data {margin-left:auto; font-size:27px; color:#565656; margin-top:0}

.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox {background:#fff; padding:32px; border-radius:8px}
.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list li {display:flex; align-items:center; font-size:27px; margin-bottom:13px;}
.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list li:last-child {margin-bottom:0}
.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list .first {margin-bottom:25px;}
.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list .first {font-weight:600}
.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list .txt {margin-left:auto;}

.hp_vipBox .vip_bf_bdBox .sm_txt {font-size:22px; color:#565656} 


@media only screen and  (max-width:768px) {
	/*.hp_vipBox .container {width:94%;}*/
	.hp_vipBox .vip_tltBox {margin-bottom:7.5vw}
	.hp_vipBox .vip_tltBox .vip_mark {font-size:2.8vw; height:4.6vw; line-height:4.6vw; padding:0 1.6vw; border-radius:0.8vw;}
	.hp_vipBox .vip_tltBox .tlt {font-size:3.8vw; margin-top:1.3vw}

	.hp_vipBox .vip_bf_tltBox {font-size:3.5vw; margin-bottom:2vw}

	.hp_vipBox .vip_bf_bdBox {padding:4vw 3.2vw; border-radius:1.6vw}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox {margin-bottom:2.3vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .tlt {font-size:2.7vw; margin-bottom:1vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .price {font-size:3.9vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .price .big {font-size:7vw;}

	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_data {font-size:2.7vw; margin-top:0}

	.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox {padding:3.2vw; border-radius:0.8vw}
	.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list li {font-size:2.7vw; margin-bottom:1.3vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list .first {margin-bottom:2.5vw;}

	.hp_vipBox .vip_bf_bdBox .sm_txt {font-size:2.2vw;} 
}

@media only screen and  (max-width:480px) {
	.hp_vipBox .vip_tltBox {margin-bottom:8.5vw}
	.hp_vipBox .vip_tltBox .vip_mark {font-size:3.8vw; height:6.6vw; line-height:6.6vw; padding:0 2.6vw; border-radius:1vw;}
	.hp_vipBox .vip_tltBox .tlt {font-size:4.8vw; margin-top:2.3vw}

	.hp_vipBox .vip_bf_tltBox {font-size:4.5vw; margin-bottom:3vw}

	.hp_vipBox .vip_bf_bdBox {padding:5vw 4.2vw; border-radius:2.4vw}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox {margin-bottom:3.3vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .tlt {font-size:3.7vw; margin-bottom:2vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .price {font-size:4.9vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_price .price .big {font-size:8vw;}

	.hp_vipBox .vip_bf_bdBox .vip_bf_pdBox .vip_bf_data {font-size:3.7vw;}

	.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox {padding:4.2vw; border-radius:1.2vw}
	.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list li {font-size:3.7vw; margin-bottom:2.3vw;}
	.hp_vipBox .vip_bf_bdBox .vip_bf_sumBox .vip_bf_sum_list .first {margin-bottom:3.5vw;}

	.hp_vipBox .vip_bf_bdBox .sm_txt {font-size:3.2vw;} 
}


.hp_vipBox .vip_opt_listBox {font-size:26px;}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul .last_sp {padding-right:45px}

.hp_vipBox .vip_opt_listBox .vip_opt_Ul_head {border-bottom:2px solid #FC8500; padding-bottom:25px; font-weight:700}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_head li {display:flex}

.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body li {border-bottom:1px solid #F2F5FA; padding:30px 0 24px; display:none}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body li.last, .hp_vipBox .vip_opt_listBox .vip_opt_Ul_body li.no_data {border-bottom:0}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body .vip_opt_sl_tlt {display:flex; align-items:center}

.hp_vipBox .vip_opt_listBox .vip_opt_sl_tlt {position:relative;}
.hp_vipBox .vip_opt_listBox .vip_opt_sl_tlt_arrow {cursor:pointer}
.hp_vipBox .vip_opt_listBox .vip_opt_sl_tlt_arrow:after {content:""; display:block; position:absolute; top:40%; right:0; transform:translateY(-50%); width:23px; height:15px; background:url(/person/img/vip_opt_sl_tlt_arrow.png) no-repeat 0 0; background-size:100% 100%; transform: rotate(180deg); transition:all 0.3s}
.hp_vipBox .vip_opt_listBox .vip_opt_sl_tlt_arrow.active:after {transform: rotate(0deg);}

.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont {display:none; position:relative; text-align:right; font-size:21px; margin-top:20px; background:#F2F5FA; padding:23px 45px;}
.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont_pd {padding-right:155px; padding-left:15px}
.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont_pd.active {margin-bottom:-24px;}
.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont .vip_optBtn {border:0; background:#2D4C68; color:#fff; font-size:21px; height:42px; line-height:42px; padding:0 14px; border-radius:7px; position:absolute; top:50%; right:28px; transform:translateY(-50%);}

.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body .no_data {padding:60px 0; text-align:center;}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body .no_data .vip_opt_sl_tlt {color:#616161; display:block}

.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st01 .first {width:30%}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st01 .two {width:30%}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st01 .three {width:40%}

.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st02 .first {width:30%}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st02 .two {width:30%}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st02 .three {width:40%}

.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st03 .first {width:20%}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st03 .two {width:26%}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st03 .three {width:16%}
.hp_vipBox .vip_opt_listBox .vip_opt_Ul_st03 .four {width:34%}

.hp_vipBox .moreBtn {position:relative; width:100%; height:80px; line-height:80px; border:1px solid #F2F5FA; border-radius:16px; margin-top:50px; text-align:center; cursor:pointer}
.hp_vipBox .moreBtn .txt {position:relative; display:inline-block; font-size:28px; font-weight:600;}
.hp_vipBox .moreBtn .txt:after {content:""; display:inline-block; vertical-align:middle; width:28px; height:18px; background:url(/person/img/vip_opt_more_arrow.png) no-repeat 0 0; background-size:100% 100%; margin-left:10px;} 
.hp_vipBox .moreBtn.active .txt:after {margin-top:-5px; transform: rotate(180deg);}


.hp_vipBox .moreBtn .st02 {display:none}
.hp_vipBox .moreBtn.active .st02 {display:block;}
.hp_vipBox .moreBtn.active .st01 {display:none;}


@media only screen and  (max-width:1220px) {
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont {font-size:20px}
}


@media only screen and  (max-width:768px) {
	.hp_vipBox .vip_opt_listBox {font-size:2.6vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_Ul .last_sp {padding-right:4.5vw}

	.hp_vipBox .vip_opt_listBox .vip_opt_Ul_head {border-width:0.2vw; padding-bottom:2.5vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body li {padding:3vw 0 2.4vw;}

	.hp_vipBox .vip_opt_listBox .vip_opt_sl_tlt_arrow:after {width:2.3vw; height:1.5vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont {font-size:2.1vw; margin-top:2vw; padding:2.3vw 4.5vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont_pd {padding-right:15.5vw; padding-left:2.5vw}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont_pd.active {margin-bottom:-2.4vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont .vip_optBtn {font-size:2.1vw; height:4.2vw; line-height:4.2vw; padding:0 1.4vw; border-radius:0.7vw; right:2.8vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body .no_data {padding:6vw 0;}

	.hp_vipBox .moreBtn {height:8vw; line-height:8vw; border-radius:1.6vw; margin-top:5vw;}
	.hp_vipBox .moreBtn .txt {font-size:2.8vw;}
	.hp_vipBox .moreBtn .txt:after {width:2.8vw; height:1.8vw; margin-left:1vw;} 
	.hp_vipBox .moreBtn.active .txt:after {margin-top:-0.5vw;}
}

@media only screen and  (max-width:640px) {
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont {padding-right:0}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont:before, .hp_vipBox .vip_opt_listBox .vip_opt_sl_cont:after {content:""; display:inline-block; position:absolute; top:0; width:0; height:100%; background:#F2F5FA; transition:all 0.3s}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont:before {left:0}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont:after {right:0}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont.active:before, .hp_vipBox .vip_opt_listBox .vip_opt_sl_cont.active:after {width:4%}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont.active:before {left:-4%}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont.active:after {right:-4%}

	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont_pd {padding-right:12.5vw}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont .vip_optBtn {right:0}
}

@media only screen and  (max-width:480px) {
	.hp_vipBox .vip_opt_listBox {font-size:3.6vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_Ul .last_sp {padding-right:5.5vw}

	.hp_vipBox .vip_opt_listBox .vip_opt_Ul_head {border-width:0.4vw; padding-bottom:3.5vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body li {padding:4vw 0 3.4vw;}

	.hp_vipBox .vip_opt_listBox .vip_opt_sl_tlt_arrow:after {width:3.3vw; height:2.1vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont {font-size:3.1vw; margin-top:3vw; padding:3.3vw 5.5vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont_pd {padding-right:21vw; padding-left:3.5vw}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont_pd.active {margin-bottom:-3.4vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_sl_cont .vip_optBtn {font-size:3.1vw; height:6.2vw; line-height:6.2vw; padding:0 2.4vw; border-radius:0.9vw;}
	.hp_vipBox .vip_opt_listBox .vip_opt_Ul_body .no_data {padding:7vw 0;}

	.hp_vipBox .moreBtn {height:11vw; line-height:11vw; border-radius:2.6vw; margin-top:6vw;}
	.hp_vipBox .moreBtn .txt {font-size:3.8vw;}
	.hp_vipBox .moreBtn .txt:after {width:3.8vw; height:2.4vw; margin-left:2vw;} 
	.hp_vipBox .moreBtn.active .txt:after {margin-top:-0.7vw;}
}



/*하단내용*/
.hp_vipBox .ft_txtBox {background:#F2F5FA; padding:78px 4% 112px; color:#616161; margin-top:70px;}
.hp_vipBox .ft_txtBox .ft_tlt {font-size:25px; font-weight:600; line-height:1.3em; margin-bottom:15px;}
.hp_vipBox .ft_txtBox .ft_txt {font-size:21px; line-height:1.6em; word-break: keep-all;}
.hp_vipBox .ft_txtBox .ft_txt .cl {color:#4A30EC}
.hp_vipBox .ft_txtBox a {color:#616161}


@media only screen and  (max-width:768px) {
	/*하단내용*/
	.hp_vipBox .ft_txtBox {padding:7.8vw 4% 24vw; margin-top:9vw}
	.hp_vipBox .ft_txtBox .ft_tlt {font-size:2.5vw; margin-bottom:1.5vw;}
	.hp_vipBox .ft_txtBox .ft_txt {font-size:2.1vw;}
}

@media only screen and  (max-width:480px) {
	/*하단내용*/
	.hp_vipBox .ft_txtBox {padding:9.8vw 4% 34vw; margin-top:10vw}
	.hp_vipBox .ft_txtBox .ft_tlt {font-size:3.5vw; margin-bottom:2.5vw;}
	.hp_vipBox .ft_txtBox .ft_txt {font-size:3.1vw;}
}


/*--------------------------------------------------------회원가입 리뉴얼 20250326 jisoo--------------------------------------------------------*/
.new_ht100 {height:100vh}

.jomeBox {color:#111; font-family:Pretendard; box-sizing:border-box;}
.jomeBox .jome_top_tltBox {font-size:30px; font-weight:700; color:#212329; line-height:1.3em}

.jomeBox .new_chBox {display:flex; align-items:center; margin:0; box-sizing:border-box}
.jomeBox .new_chBox.checkbox input[type=checkbox], .jomeBox .new_chBox.radio input[type=radio] {appearance:none !important; -webkit-appearance:none !important; margin:0; opacity:1; border:1px solid #D1D1D1; border-radius:8px; position:relative; left:inherit; top:inherit; width:30px; height:30px}
.jomeBox .new_chBox.checkbox input + .new_lbl:before, .jomeBox .new_chBox.radio input + .new_lbl:before, .jomeBox .new_chBox.checkbox input + .lbl:after, .jomeBox .new_chBox.radio input + .lbl:after {display:none}
.jomeBox .new_chBox.checkbox input:checked {background:#F88504; border-color:#F88504}
.jomeBox .new_chBox.checkbox input:after {content:""; display:inline-block; width:20px; height:15px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.jomeBox .new_chBox.checkbox input:checked:after {background: url(/person/img/checkbox_icon.png) no-repeat 0 0; background-size: 100% 100%;}

.jomeBox .new_chBox.checkbox label, .jomeBox .new_chBox.radio label {padding:0; line-height:normal; min-height:auto;}

.jomeBox .new_chBox .new_lbl {padding-left:20px !important; cursor:pointer; font-size:16px; color:#212329; font-weight:300 !important}
.jomeBox .new_chBox.ch_big .new_lbl {font-size:20px; font-weight:700 !important}
.jomeBox .desc_check {font-size:18px; color:#565656; line-height:1.5em}


.jomeBox .line_tBox {border-top:1px solid #DFDFDF; margin-top:30px; padding-top:30px}
.jomeBox .chk_md_line {border-bottom:1px solid}

.jomeBox .btnBox {margin-top:110px; z-index:2}

.info_check {position:absolute; top:50%; right:43px; transform:translateY(-53%);}
.info_check img {width:20px; height:14px;}

.jomeBox .fix_bt_txt {margin-bottom:30px; border:0; background:none; color:#616161; font-size:14px; border-bottom:1px solid #616161}


@media only screen and  (max-width:768px) {
	.jomeBox.jome_pd_b {padding-bottom:20vh;}
	.jomeBox .jomecontBox {padding:0 4%}
	.jomeBox .jome_top_tltBox {font-size:4vw;}

	.jomeBox .new_chBox.checkbox input[type=checkbox], .jomeBox .new_chBox.radio input[type=radio] {border-radius:1vw; width:5vw; height:5vw}
	.jomeBox .new_chBox.checkbox input:after {width:3vw; height:2.5vw;}

	.jomeBox .new_chBox .new_lbl {padding-left:3vw !important; font-size:2.6vw;}
	.jomeBox .new_chBox.ch_big .new_lbl {font-size:3vw;}
	.jomeBox .desc_check {font-size:2.8vw;}

	.jomeBox .line_tBox {margin-top:4vw; padding-top:4vw}
	.jomeBox .btnBox {margin-top:0; position:fixed; bottom:12vh; left:50%; transform: translateX(-50%); width:94%;}

	.info_check {right:8.8vw;}
	.info_check img {width:3vw; height:2.1vw;}

	.jomeBox .fix_bt_txt {margin-bottom:4vw; font-size:2.4vw;}
}

@media only screen and  (max-width:480px) {
	.jomeBox.jome_pd_b {padding-bottom:25vh;}
	.jomeBox .jome_top_tltBox {font-size:5vw;}

	.jomeBox .new_chBox.checkbox input[type=checkbox], .jomeBox .new_chBox.radio input[type=radio] {border-radius:1.2vw; width:7vw; height:7vw}
	.jomeBox .new_chBox.checkbox input:after {width:4vw; height:3.5vw;}

	.jomeBox .new_chBox .new_lbl {padding-left:4vw !important; font-size:3.6vw;}
	.jomeBox .new_chBox.ch_big .new_lbl {font-size:4vw;}
	.jomeBox .desc_check {font-size:3.8vw;}

	.jomeBox .line_tBox {margin-top:5vw; padding-top:5vw}

	.info_check {right:10.3vw;}
	.info_check img {width:4vw; height:2.8vw;}

	.jomeBox .fix_bt_txt {margin-bottom:5vw; font-size:3.4vw;}
}


/*--------------------------------------------------------입출금내역 리뉴얼 20250328 jisoo--------------------------------------------------------*/
.deposit_withdrawal {color:#212329; letter-spacing:-0.03em; font-size:22px}
.deposit_withdrawal .dw_tltBox {font-size:26px; font-weight:700}
.deposit_withdrawal .no_data {color:#616161; padding:55px 0; text-align:center}

.deposit_withdrawal .dwbtnBox {display:flex; align-items:center; text-align:center}
.deposit_withdrawal .dwbtnBox a {display:inline-block; width:49%; margin-right:2%; font-size:23px; border:1px solid; height:70px; line-height:65px; border-radius:12px; font-weight:600}
.deposit_withdrawal .dwbtnBox a:nth-child(2n), .deposit_withdrawal .dwbtnBox a:last-child {margin-right:0 !important}

.deposit_withdrawal .dwbtnBox .dw_btn01 {color:#565656; border-color:#DFDFDF}
.deposit_withdrawal .dwbtnBox .dw_btn02 {color:#FC8500; border-color:#FC8500}

@media only screen and  (max-width:768px) {
	.deposit_withdrawal {font-size:3.2vw}
	.deposit_withdrawal .dw_tltBox {font-size:3.6vw}
	.deposit_withdrawal .no_data {padding:6.5vw 0;}

	.deposit_withdrawal .dwbtnBox a {font-size:3vw; height:10vw; line-height:9.5vw; border-radius:1.2vw;}
}

@media only screen and  (max-width:480px) {	
	.deposit_withdrawal {font-size:3.8vw}
	.deposit_withdrawal .dw_tltBox {font-size:4.6vw}
	.deposit_withdrawal .no_data {padding:7.5vw 0;}

	.deposit_withdrawal .dwbtnBox a {font-size:4vw; height:13vw; line-height:12.5vw; border-radius:2.2vw;}
}


/*진행중인 신청목록*/
.deposit_withdrawal .dw_application_listBox .dw_typeBox {display:flex; align-items:center; margin-bottom:35px;}
.deposit_withdrawal .dw_application_listBox .dw_typeBox span {display:inline-block;}
.deposit_withdrawal .dw_application_listBox .dw_typeBox .dw_type {height:40px; line-height:40px; border-radius:7px; color:#fff; font-size:21px; padding:0 15px;}
.deposit_withdrawal .dw_application_listBox .dw_typeBox .dw_type01 {background:#3182F7;}
.deposit_withdrawal .dw_application_listBox .dw_typeBox .dw_type02 {background:#F04452;}
.deposit_withdrawal .dw_application_listBox .dw_typeBox .dw_type03 {background:#565656;}
.deposit_withdrawal .dw_application_listBox .dw_typeBox .data {margin-left:auto; font-size:20px; color:#565656}

.deposit_withdrawal .dw_application_listUlBox {border-bottom:1px solid #F2F5FA; padding-bottom:30px; margin-bottom:30px;}
.deposit_withdrawal .dw_application_listUlBox:last-child {border:0; padding-bottom:0; margin-bottom:0}
.deposit_withdrawal .dw_application_listUlBox .wd_mtlt {font-weight:600; margin-bottom:20px}

.deposit_withdrawal .dw_application_listUl li {display:flex; align-items:center; margin-bottom:15px;}
.deposit_withdrawal .dw_application_listUl li:last-child {margin-bottom:0}
.deposit_withdrawal .dw_application_listUl .txt {margin-left:auto}
.deposit_withdrawal .dw_application_listUl .bankBtn img {height:28px; margin-top:-5px}


@media only screen and  (max-width:768px) {
	/*진행중인 신청목록*/
	.deposit_withdrawal .dw_application_listBox .dw_typeBox {margin-bottom:4.5vw;}
	.deposit_withdrawal .dw_application_listBox .dw_typeBox .dw_type {height:6.5vw; line-height:6vw; border-radius:1.4vw; font-size:3.1vw; padding:0 2.6vw;}
	.deposit_withdrawal .dw_application_listBox .dw_typeBox .data {font-size:3vw;}

	.deposit_withdrawal .dw_application_listUlBox {padding-bottom:4vw; margin-bottom:4vw;}
	.deposit_withdrawal .dw_application_listUlBox .wd_mtlt {margin-bottom:3vw}

	.deposit_withdrawal .dw_application_listUl li {margin-bottom:2.5vw;}
	.deposit_withdrawal .dw_application_listUl .bankBtn img {height:3.8vw; margin-top:-0.7vw}
}

@media only screen and  (max-width:480px) {
	/*진행중인 신청목록*/
	.deposit_withdrawal .dw_application_listBox .dw_typeBox {margin-bottom:5.5vw;}
	.deposit_withdrawal .dw_application_listBox .dw_typeBox .dw_type {height:9vw; line-height:8.5vw; border-radius:2.1vw; font-size:4.1vw; padding:0 3.6vw;}
	.deposit_withdrawal .dw_application_listBox .dw_typeBox .data {font-size:4vw;}

	.deposit_withdrawal .dw_application_listUlBox {padding-bottom:5vw; margin-bottom:5vw;}
	.deposit_withdrawal .dw_application_listUlBox .wd_mtlt {margin-bottom:4vw}

	.deposit_withdrawal .dw_application_listUl li {margin-bottom:3.5vw;}
	.deposit_withdrawal .dw_application_listUl .bankBtn img {height:4.8vw; margin-top:-0.9vw}
}


/*입·출금 내역*/
.deposit_withdrawal .dw_detailsBox {border:1px solid #F2F5FA; border-radius:12px; padding:25px}
.deposit_withdrawal .dw_detailsUl li {display:flex; align-items:center; margin-bottom:15px}
.deposit_withdrawal .dw_detailsUl li:last-child {margin-bottom:0}
.deposit_withdrawal .dw_detailsUl .price {margin-left:auto; font-weight:700}

.deposit_withdrawal .dw_detailsBox02 .dw_details_list {border-bottom:1px solid #F2F5FA; padding-bottom:32px; margin-bottom:32px;}
.deposit_withdrawal .dw_detailsBox02 .dw_details_list.last {border:0; padding-bottom:0; margin-bottom:0}
.deposit_withdrawal .dw_detailsBox02 .wd_tlt02 {margin-bottom:12px}

.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 li {display:flex; align-items:center; margin-bottom:30px}
.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 li:last-child {margin-bottom:0}
.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .priceBox {margin-left:auto; text-align:right}

.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .bank_name span {display:inline-block; vertical-align:middle}
.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .bank_name span:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:20px; background:#E1E1E1; margin:-4px 5px 0 10px}
.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .bank_name span:last-child:after {display:none}
.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .time {color:#616161}
.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .time, .deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .priceBox .txt {margin-top:2px}

/*탭버튼*/
.sub_tab_st01 li {border:1px solid #FDEADE; height:50px; line-height:45px; padding:0 20px; margin-right:10px; border-radius:50px; font-size:22px; color:#44464A; cursor:pointer}
.sub_tab_st01 .active {border-color:#FC8500; background:#FC8500; color:#fff; font-weight:500}


@media only screen and  (max-width:768px) {
	/*입·출금 내역*/
	.deposit_withdrawal .dw_detailsBox {border-radius:1.2vw; padding:3.5vw}
	.deposit_withdrawal .dw_detailsUl li {margin-bottom:2.5vw}

	.deposit_withdrawal .dw_detailsBox02 .dw_details_list {padding-bottom:4vw; margin-bottom:4vw;}
	.deposit_withdrawal .dw_detailsBox02 .wd_tlt02 {margin-bottom:2vw}

	.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 li {margin-bottom:4vw}
	.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .bank_name span:after {height:3vw; margin:0.6vw 0.7vw 0 2vw}
	.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .time, .deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .priceBox .txt {margin-top:0.4vw}

	/*탭버튼*/
	.sub_tab_st01 li {height:8vw; line-height:7.5vw; padding:0 3vw; margin-right:2vw; border-radius:6vw; font-size:3.2vw;}
}

@media only screen and  (max-width:480px) {
	/*입·출금 내역*/
	.deposit_withdrawal .dw_detailsBox {border-radius:2.2vw; padding:4.5vw}
	.deposit_withdrawal .dw_detailsUl li {margin-bottom:3.5vw}

	.deposit_withdrawal .dw_detailsBox02 .dw_details_list {padding-bottom:5vw; margin-bottom:5vw;}
	.deposit_withdrawal .dw_detailsBox02 .wd_tlt02 {margin-bottom:2vw}

	.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 li {margin-bottom:5vw}
	.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .bank_name span:after {height:4vw; margin:0.8vw 0.9vw 0 3vw}
	.deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .tltBox .time, .deposit_withdrawal .dw_detailsBox02 .dw_detailsUl02 .priceBox .txt {margin-top:0.6vw}

	/*탭버튼*/
	.sub_tab_st01 li {height:10.8vw; line-height:10.5vw; padding:0 4vw; margin-right:3vw; border-radius:7vw; font-size:3.6vw;}
}





/*추가*/
/*highbuff@14.49.36.41:/www/person/coupon_apply.php */
.sg_pageBox .select_st .select_stUl .no_account {pointer-events: none; color: #999;}


/*highbuff@14.49.36.41:/www/person/coupon_apply.php */
.new_modal_st01 .modal_overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 5; display: none;}
.new_modal_st01 .tootipBox {border-radius: 8px; padding: 0; position: relative;}

.new_modal_st01 .tootipBox.dark {position: relative;}
.new_modal_st01 .tootipBox.dark .ab_tootipBox {display: block !important; background: rgba(0,0,0,0.75) !important; border-radius: 8px;}
.new_modal_st01 .tootipBox .ab_tootipBox {position: absolute;  top: 0; left: 0; width: 100%; height: 100%; display: none !important; z-index: 10; border-radius: 8px;}
.new_modal_st01 .tootipBox .ab_tootip_txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 94%; color: #fff; font-size: 16px; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }