.apply_area .btn_box.w-2 *, *:before, *:after {box-sizing:inherit}
.cont_box > .top .tit {font-family:"Nanum Gothic",dotum,"돋움",sans-serif}

/* 로그인 페이지 */
#container.login_page {height:100%;min-height:100vh;flex-direction:column;justify-content:space-around;align-items:center;background:#fff}
.login_page .logo {width:100%;padding-top:40px;margin-bottom:40px;text-align:center}
.login_page .logo img,  .login_page .logo img video{width:100%;max-width:140px}
.login_area {width:100%;height:100%;display:flex;flex-direction:column;align-items:center}
.login_area .country_choise {position:relative;width:70%;height:80px;max-width:520px}
.login_area .country_code {height:100%}
.login_area .select {padding:20px 2vh;text-align:left;overflow:unset}
.login_area .select .placeholder {display:flex;align-items:center;width:inherit}
.login_area .selectbox_select {display:flex;align-items:center;justify-content:space-between;padding:0 2vh;position:relative;cursor:pointer;background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.login_area .selectbox_select.btnOn{-webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0}
.login_area .nationalFlag div:first-child {background:rgba(255,255,255,0.2);display:flex}
.login_area .nationalFlag img {width:40px;height:40px;margin:0 7px 0 0;background:rgba(0,0,0,0.06)}
.login_area .nationalFlag span {color:#333;font-size:20px;line-height:20px;text-transform:uppercase}
.login_area .flagList_box {display:none;position:absolute;left:0;border-radius:0 0 30px 30px;background:#f2f2f2;z-index:99999}
.login_area .flagList_box a {color:#fafafa}
.login_area .flagList_box a span {color:#333;padding-left:7px}
.login_area .selectbox_select:after {content:url(/public/front/img/arr_down.png);position:absolute;display:block;width:17px;height:9px;right:2vh;top:calc(50% - 5px);line-height:9px}
.login_area .selectbox_select.btnOn:after {content:url(/public/front/img/arr_up.png)}
.login_area .flagList_box ul {padding:15px 0}
.login_area .flagList_box ul li {list-style:none}
.login_area .flagList_box ul li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:9px 20px;line-height:0.9rem;letter-spacing:1.7px;font-weight:400;font-size:0.9rem;color:#333;text-transform:uppercase}
.login_area .flagList_box ul li.option img {display:block;width:32px;height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid rgba(0,0,0,0.08);
background-size:cover;background-color:#fff;background-position:center}
.login_area .nav_btn {display:flex;flex-direction:row;align-items:center;justify-content:center;padding:20px 0}
.login_area .nav_btn a{position:relative;padding:0 15px;color:#3c3c3d;font-size:14px;font-weight:300;line-height:20px;font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.login_area .nav_btn a:after {content:'';position:absolute;display:block;width:1px;height:10px;top:7px;right:0;background:rgba(0,0,0,0.2)}
.login_area .nav_btn a:last-child:after {display:none}
.login_area form {position:relative;width:70%;height:auto;max-width:520px}
.login_area .input_box {-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:10px 0 0;overflow:hidden}
.login_area .btn_submit {font-size:20px;font-weight:500;font-size:20px;height:80px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
/* 회원가입 */
.signUp_area {width:100%}
.signUp_area form {display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 88px);overflow-y:auto}
.signUp_area form > div {display:flex;flex-direction:column;padding:0 30px}
.signUp_area .input_area {display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 30px;background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.signUp_area .input_area.focus {background:#f0f5fe}
.signUp_area .input_area > div:first-child{width:100%}
.signUp_area .input_area > div:last-child {display:flex;justify-content:center;align-items:center;width:auto;padding:0;background:#eaeaea;word-break:break-all;white-space:nowrap;cursor:pointer;
-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.signUp_area .input_area a {font-size:15px;color:#3c3c3c;padding:15px 20px}
.signUp_area .input_area > div:last-child:hover  {background:#4489f5}
.signUp_area .input_area > div:last-child:hover a{color:#fff}
.signUp_area .input_area .input_box {padding:25px 0;margin:0;height:100%;background:transparent;overflow:visible}
.signUp_area .input_area .input_box input {display:block;width:100%;height:50px;border:0;padding:0 5px 0 0;margin:0;font-size:1.6rem;line-height:2rem;color:#2c2c2d;letter-spacing:0;vertical-align:top}
.signUp_area .input_area .input_box label {left:0}
.signUp_area .input_box {padding:10px 0}
.signUp_area .input_box input {padding:10px 30px}
.signUp_area .btn_box {display:flex;width:100%;padding:0}
.signUp_area .btn_submit {display:flex;justify-content:center;align-items:center;width:100%;font-size:30px;line-height:120px;border-radius:0}
.signUp_area .tx_box {display:block;margin:20px 0;padding:25px 10px;background:#575757;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;overflow:hidden}
.signUp_area .tx_box .tx03 {width:100%;font-size:0.93em;color:#fff;text-align:center;line-height:24px}
.signUp_area .agree_box > div:first-child, .signUp_area .agree_box > div:last-child{border-radius:0}
.signUp_area .check_box {background:#f9f9f9!important;border-bottom:1px solid #eaeaea}
.signUp_area .agree_box:last-child .check_box {border-bottom:0}
.signUp_area .agree_box:last-child .info_cont {border-top:1px solid #eaeaea;-webkit-border-radius:0 0 30px 30px;-moz-border-radius:0 0 30px 30px;border-radius:0 0 30px 30px}
.signUp_area .check_box label {}
.signUp_area .check_box label span {font-size:14px}
.signUp_area .check_box .detail_btn {display:block;padding:5px 10px;font-size:13px;color:#fff;cursor:pointer;background:#999;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.signUp_area .check_box .detail_btn:hover {background:#717171}
.signUp_area .agree_box.all .check_box {border-bottom:0;background:#f1f1f1!important}
.signUp_area .agree_box .info_cont {display:none;padding:15px 25px;margin:0;background:#fff;border:1px solid #f4f4f4;border-top:0;box-sizing:border-box}
.signUp_area .info_cont .tx01 {width:100%;padding:10px;font-size:20px;color:#0c0c0d;text-align:center}
.signUp_area .info_cont .tx01 span {position:relative;font-weight:500;z-index:1}
.signUp_area .info_cont .tx01 span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.signUp_area .agree_box .info_cont .tx02 {margin:0;border:0}
.signUp_area .info_cont .tx02 ul {}
.signUp_area .info_cont .tx02 ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400}
.signUp_area .info_cont .tx02 ul li span{color:#2360e4}
.signUp_area .info_cont .tx02 ul li b   {color:#0c0c0c}

/* 메인 페이지 */
.top_area{}
.top_area > div {display:flex;align-items:center}
.top_area .logo {display:flex}
.user_info {margin-left:15px}
.user_info span {display:none;color:#999;font-size:15px;line-height:15px;letter-spacing:1px;font-weight:400;padding:0 0 0 2px}
.user_info b {font-size:27px;line-height:27px;color:#1c1c1d;letter-spacing:2px;font-weight:500}
.user_info b span {display:block;font-size:17px;line-height:17px;color:#5c5c5d;letter-spacing:0;font-weight:400;padding:5px 0}
.timer_reset {display:flex;align-items:center;justify-content:center;min-width:65px;height:40px;padding:0 20px;margin-right:10px;background:#f6f6f6;border-radius:20px;cursor:pointer}
.timer_reset img {padding:1px 0 0 8px}
.timer_reset em  {font-size:14px;line-height:14px;font-weight:400;color:#2c2c2d;font-style:normal;white-space:nowrap}
.menu_area {width:auto;min-width:46px;height:100%}
.menu_area .menu_btn {padding:0 10px;display:flex;justify-content:center;align-items:center}
.menu_area .menu_btn img {cursor:pointer}
.menu_area .menu_box {position:fixed;display:flex;justify-content:center;width:100%;height:100%;top:0;left:100%;background:#fff;z-index:99;overflow-y:hidden;background-color:#f8f8fd;transition:all 160ms ease-in-out}
.menu_area .menu_box > div {width:100%;max-width:750px;background-color:#fff;overflow-y:scroll}
.menu_area .menu_box.open {left:0}
.menu_box .menu_top  {display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding:30px;
-moz-box-shadow:0 0px 7px 7px rgb(0 0 0 / 6%);-webkit-box-shadow:0 0px 7px 7px rgb(0 0 0 / 6%);box-shadow:0 7px 7px 0px rgb(0 0 0 / 6%)}
.menu_box .menu_top p  {font-size:30px;font-weight:500}
.menu_box .menu_top img{cursor:pointer}
.menu_box .menu_list {display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;padding:0 30px}
.menu_box .menu_list ul {width:100%;border-bottom:1px solid #eee;box-sizing:border-box;padding:1.5vh 0}
.menu_box .menu_list ul li {list-style:none;padding:1.5vh 2vh}
.menu_box .menu_list ul li a {position:relative;display:block;width:100%;font-size:20px;font-weight:400;color:#3c3c3d}
.menu_box .menu_list ul li a:hover, .menu_box .menu_list ul li a:focus {color:#2c2c2d}
.menu_box .menu_list ul li a:after {content:'view';position:absolute;display:block;right:0;top:calc(50% - 8px);width:8px;height:15px;font-size:0;background:url(/public/front/img/menu_arr.png) center no-repeat}
.menu_box .cs_info {padding:25px 30px}
.menu_box .cs_info ol {display:flex;flex-direction:column;box-sizing:border-box}
.menu_box .cs_info ol li {list-style:none;padding:25px 40px;background:#f6f6f6;margin:5px 0;border-radius:30px}
.menu_box .cs_info ol li a  {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.menu_box .cs_info ol li a:nth-child(2) {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;align-content:flex-start}
.menu_box .cs_info ol li div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.menu_box .cs_info ol li img{margin-right:20px}
.menu_box .cs_info ol li div span{font-size:15px;color:#9c9c9d;font-weight:600}
.menu_box .cs_info ol li div p {font-size:20px;color:#2c2c2d;font-weight:400;padding-top:5px}
.menu_box .cs_info ol li:last-child {padding:50px 3vh;font-size:20px;color:#3c3c3d;font-weight:400;text-align:center;line-height:40px;background:#f0f5fe;word-break:keep-all}

.cont_area	{padding:15px 0 0}
.cont_box {margin:10px auto;display:flex}
.cont_box.account_info {width:100%;padding:30px 40px;margin:5px auto;background:#3b7de4;flex-direction:column}
.cont_box.notice  {width:100%;padding:20px 40px;margin:5px auto;background:#f6f6f6;justify-content:space-between;align-items:center;flex-direction:row;overflow:hidden;position:relative}
.cont_box.history {width:100%;padding:0;background:#f9f9f9;justify-content:space-between;align-items:center;flex-direction:column;overflow:hidden}   
.cont_box.donation{width:100%;padding:30px 40px;background:#f6f6f6;justify-content:space-between;align-items:center;flex-direction:row}
.cont_box.coin_wallet {display:flex;justify-content:space-between;align-items:stretch;flex-direction:row;flex-wrap:nowrap;width:100%;background:#5c5c5d;color:#fff;overflow:unset;padding:40px}
.account_info .acc_id	 {display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:20px 0 0;font-size:24px;color:#fff}
.account_info .acc_id > div:first-child {display:flex;align-items:center}
.account_info .acc_price {padding:20px 0;color:#fff}
.account_info .acc_price span {font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.account_info .acc_price p {font-size:17px;letter-spacing:2px;font-weight:100;text-transform:uppercase}
.account_info .acc_price div {padding:15px 0 0;font-size:60px;font-weight:bold;line-height:60px;letter-spacing:-1px;font-family:"Nanum Gothic",dotum,"돋움", sans-serif}
.account_info .acc_price div span {font-family:"Nanum Gothic",dotum,"돋움",sans-serif;font-size:0.4em;font-weight:bold;padding-left:10px;color:rgba(255,255,255,0.6);letter-spacing:1px}
.account_info .btn_box {position:relative;padding:20px 0 0;display:flex;flex-direction:row;align-items:center;justify-content:space-around}
.account_info .btn_box:before{content:'';position:absolute;display:block;height:1px;width:100%;top:0px;background:rgba(44,44,45,0.04)}
.account_info .btn_box:after {content:'';position:absolute;display:block;height:1px;width:100%;top:1px;background:rgba(255,255,255,0.12)}
.account_info .btn_box > div {display:flex;align-items:center;justify-content:center;margin:0 10px 0 0;width:25%;min-height:60px;max-height:70px;font-size:20px;line-height:6vw;color:#fff;font-weight:400;text-align:center;cursor:pointer;background:rgba(44,44,45,0.08);border-radius:20px}
.account_info .btn_box > div:hover, .account_info .btn_box > div:focus {background:rgba(255,255,255,0.16)}
.account_info .btn_box > div:last-child {margin-right:0}
.account_info .nationalFlag	{position:relative;padding:0;color:#fff;font-size:22px;display:flex;align-items:center;flex-direction:row;margin-right:10px;background:rgba(255,255,255,0.4)}
.notice .tit {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:18px;color:#4c4e4e;text-align:left;font-weight:400;letter-spacing:2px;width:130px}
.notice .tit:before {content:'';position:relative;width:30px;height:30px;margin:0 5px 0 0;background:url(/public/front/img/notice_icon.png) center no-repeat;background-size:cover}
.notice .tx_list {position:absolute;left:150px;width:100%}
.notice .tx_list p   {display:flex;font-size:17px;line-height:17px;font-weight:500;color:#7c7e7e;cursor:pointer;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.notice .tx_list span{font-size:0.9em;font-weight:300}
.notice .tx_list span:first-child {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:calc(100% - 90px)}
.notice .tx_list span:last-child {padding:0 0 0 7px}
.donation .tit {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:18px;color:#4c4e4e;text-align:left;font-weight:400;letter-spacing:1px;cursor:pointer}
.donation .tit:before {content:'';position:relative;width:30px;height:30px;margin:0 5px 0 0;background:url(/public/front/img/donation_icon.png) center no-repeat}
.donation .tx_list p {font-size:17px;font-weight:300;color:#7c7e7e}
.donation .tx_list b {font-size:1.1em;font-weight:500;padding-left:0}
.donation .tx_list b span {font-size:0.9em;font-weight:400;padding-left:2px}
.gift_banner {position:relative;padding:0;width:100%;height:inherit;aspect-ratio:9/1.8;overflow:hidden;display:flex;border-radius:10px;margin:5px auto}
.gift_banner ul {position:absolute;top:0;margin:0px;padding:0;height:inherit}
.gift_banner li {float:left;margin:0;padding:0;display:flex;width:100%;height:inherit}
.gift_banner a {width:100%;height:inherit}
.gift_banner > a div {height:inherit;aspect-ratio:9 / 1.8;background-position:center;background-size:cover;background-repeat:no-repeat}
.gift_banner li a div {height:inherit;aspect-ratio:9/1.8;background-position:center;background-size:cover;background-repeat:no-repeat}
.gift_banner li a div.starbucks 	{background-image:url(/public/front/img/banner/goodsLink_banner_01.png)}
.gift_banner li a div.starbucks_winter 	{background-image:url(/public/front/img/banner/goodsLink_banner_07.png)}
.gift_banner li a div.starbucks_spring 	{background-image:url(/public/front/img/banner/goodsLink_banner_06.png)}
.gift_banner li a div.dominopizza 	{background-image:url(/public/front/img/banner/goodsLink_banner_02.png)}
.gift_banner li a div.jawsfood 		{background-image:url(/public/front/img/banner/goodsLink_banner_03.png)}
.gift_banner li a div.baskinrobbins {background-image:url(/public/front/img/banner/goodsLink_banner_04.png)}
.gift_banner li a div.baskinrobbins_spring {background-image:url(/public/front/img/banner/goodsLink_banner_05.png)}
.gift_banner li a div.mggongs {background-image:url(/public/front/img/banner/mggongs_banner.png)}
.gift_banner > a div.giftCard {background-image:url(/public/front/img/banner/GiftCard_Banner.png)}
.gift_banner > a div.LawFirm_AK {background-image:url(/public/front/img/banner/akLaw_banner.png)}

.quick_box {width:100%;margin-bottom:0}
.quick_box ul {display:flex;width:100%}
.quick_box ul li {display:flex;justify-content:center;align-items:center;width:25%;margin-right:10px;padding:30px;border-radius:30px;background:#f6f6f6;list-style:none}
.quick_box ul li:last-child {margin-right:0}
.quick_box ul li a {font-size:17px;color:#212529;font-weight:300;text-align:center}

.cont_box.quick {width:100%;background:#f6f6f6;padding:35px 20px;margin:5px auto}
.quick_menu {width:100%;height:auto}
.quick_menu ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;width:100%}
.quick_menu ul li {display:flex;justify-content:center;align-items:center;list-style:none;width:calc((100% - 60px) / 5);max-width:107px}    
.quick_menu ul li a {display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 0;text-align:center}
.quick_menu ul li a img {width:100%;height:auto;max-width:50px}
.quick_menu ul li.zeroPay a img {max-width:65px}
.quick_menu ul li a p {position:relative;display:block;padding:0 3px;font-size:13px;color:#111;font-weight:400;text-align:center;word-break:keep-all;white-space:nowrap;z-index:1;-webkit-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}
.quick_menu ul li a p:before {position:absolute;bottom:0;left:0;display:block;width:0;height:10px;content:"";background-color:rgba(4,186,112,0);z-index:-1;
-webkit-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;
-webkit-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}
.quick_menu ul li a:hover p {color:#000;font-weight:500}
.quick_menu ul li a:hover p:before {width:100%;background-color:rgba(4,186,112,0.16)}

.pop_wrap.popup_cs:before {content:'';width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap.popup_cs .pop_inner {background:#fff}
.pop_content.cs_info ol {display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.pop_content.cs_info ol li {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;list-style:none;padding:25px 40px;background:#f6f6f6;border-radius:30px}
.pop_content.cs_info ol li img {width:50px;height:50px}
.pop_content.cs_info ol li a {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.pop_content.cs_info ol li div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.pop_content.cs_info ol li img{margin-right:20px}
.pop_content.cs_info ol li div span{font-size:13px;color:#555;font-weight:600}
.pop_content.cs_info ol li div p {font-size:18px;color:#111;font-weight:400;padding-top:5px}
.pop_content.cs_info ol li:last-child {padding:20px 3vh;font-size:15px;color:#3c3c3d;font-weight:400;text-align:center;line-height:30px;background:#f0f5fe;word-break:keep-all;justify-content:center}

.history .top {display:flex;justify-content:space-between;align-items:center;width:100%;background:#f1f1f1;padding:0 40px;line-height:50px}
.history .tit {font-size:14px;color:#0c0c0d;font-weight:300;padding:0}
.history .detail_view a {display:flex}
.his_list {width:100%;background:#f9f9f9}
.his_list ul {max-height:50vh;height:auto;padding:0 40px;overflow-y:scroll}
.his_list li {position:relative;display:flex;width:100%;padding:30px 0;list-style:none;align-items:center;justify-content:space-between;cursor:pointer}
.his_list li:before{content:'';position:absolute;display:block;height:1px;width:100%;bottom:1px;background:rgba(44,44,45,0.05)}
.his_list li:after {content:'';position:absolute;display:block;height:1px;width:100%;bottom:0px;background:rgba(255,255,255,1)}
.his_list li:last-child:before, .his_list li:last-child:after{display:none} 
.his_list li:last-child{border-bottom:none}
.his_list li > div {display:flex;justify-content:flex-start;white-space:nowrap;width:calc(100% - 165px)}
.his_list li div > div {padding:0}
.his_list li div:first-child > div:last-child{width:calc(100% - 40px);text-align:left;flex-direction:column;align-items:flex-start;padding-left:20px}
.his_list li > div:last-child {width:165px;text-align:right;flex-direction:column;align-items:flex-end}
.his_list li div.state{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;line-height:25px;font-weight:300;padding:5px 0 0}
.his_list li div.id   {color:#1c1c1d;font-size:21px;line-height:30px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;display:block}
.his_list li div.date {color:#4c4c4d;font-size:16px;line-height:28px;font-weight:300}
.his_list li div.price{color:#1c1c1d;font-size:22px;line-height:22px;font-weight:500}
.his_list li div.price.minus{}
.his_list li div.price.fail{color:#9c9c9d}
.his_list li div.price span{padding-left:3px;font-weight:400;font-size:18px}
.his_list li div.totalBalance{color:#999;font-size:17px;line-height:16px;font-weight:400;padding:15px 0 0}
.his_list li div.totalBalance span {padding-left:3px;font-size:15px}
.his_list li div.state > div {width:auto;font-size:15px;color:#3c3c3d;margin-right:12px;word-break:keep-all;font-family:"Nanum Gothic",dotum,"돋움",sans-serif;white-space:nowrap}
.his_list li div.state > div.application {color:#14c871}
.his_list li div.state > div.fail {color:#eb321e}
.his_list li div.state > div:last-child {margin-right:0}
#History_layerPoP {width:100%;height:100%;position:absolute;top:100%}
#History_layerPoP:before {content:'';position:absolute;display:block;top:0;width:100%;height:100vh;z-index:20;background:rgba(0,0,0,0.4);backdrop-filter:blur(5px)}
#History_layerPoP > div {display:flex;position:fixed;bottom:100%;width:100%;max-width:670px;height:auto;padding:6vh 6vh 4vh 6vh;flex-direction:column;justify-content:space-between;
background:#fff;-webkit-border-radius:50px 50px 0 0;-moz-border-radius:50px 50px 0 0;border-radius:50px 50px 0 0;z-index:21;transition:all 340ms ease-in-out}
#History_layerPoP .top {display:flex;flex-direction:column;justify-content:space-between;align-content:center;align-items:flex-start;padding:0 0 4vh}
#History_layerPoP .top .type{padding:0 20px;font-size:17px;line-height:35px;color:#fff;font-weight:200;background:#4489f5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
#History_layerPoP .top .ID  {font-size:36px;color:#0c0c0c;font-weight:600;letter-spacing:1px}
#History_layerPoP .top .choice_btn {font-weight:300;line-height:36px;cursor:pointer}
#History_layerPoP .top .choice_btn:hover, #History_layerPoP .top .choice_btn:focus {background:#498cd5}
#History_layerPoP .detail_info {padding:1vh 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#History_layerPoP .detail_info ul {padding:10px 0;border-bottom:1px dashed #e8e9e9}
#History_layerPoP .detail_info ul:last-child {border-bottom:none}
#History_layerPoP .detail_info ul li {display:flex;width:100%;padding:10px 0;list-style:none;align-items:center;justify-content:space-between;font-size:22px}
#History_layerPoP .detail_info ul li > div {}
#History_layerPoP .detail_info ul li > div:first-child{font-weight:300;color:#3c3c3c}
#History_layerPoP .detail_info ul li > div:last-child {font-weight:400;color:#1c1c1c}
#History_layerPoP .detail_info ul li div.price {font-weight:600;color:#0c0c0c}
#History_layerPoP .detail_info ul li div.nation {display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
#History_layerPoP .detail_info ul li div.nation > div {display:flex;flex-direction:row;align-items:center}
#History_layerPoP .detail_info ul li div.nation > img {padding:0 17px}
#History_layerPoP .detail_info ul li div.nation .send   {}
#History_layerPoP .detail_info ul li div.nation .receive{}
#History_layerPoP .detail_info ul li div.nation .nationalFlag{position:relative;padding:0;display:flex;align-items:center;flex-direction:row;margin-right:10px;background:rgba(0,0,0,0.06)}
#History_layerPoP .detail_info ul li div.nation .nationalFlag img{width:30px;height:30px}
#History_layerPoP .btn_area {width:100%;height:auto;margin-top:40px;background:#5494da;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
#History_layerPoP .btn_area a {display:flex;align-items:center;justify-content:center;padding:3vh 0;font-size:26px;text-align:center;color:#fff}
#History_layerPoP .btn_area:hover, .btn_area:focus {background:#498cd5}
#History_layerPoP.modal-open {top:0}
#History_layerPoP > div.modal-open {bottom:0}
.History_layerPoP {width:100%;height:100%;position:absolute;top:100%}
.History_layerPoP:before{content:'';position:absolute;display:block;top:0;width:100%;height:100vh;z-index:20;background:rgba(0,0,0,0.4);backdrop-filter:blur(5px)}
.History_layerPoP > div {display:flex;position:fixed;bottom:100%;width:100%;max-width:750px;height:auto;padding:6vh 6vh 4vh 6vh;flex-direction:column;justify-content:space-between;
background:#fff;-webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0;z-index:21;transition:all 340ms ease-in-out}
.History_layerPoP .top {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 0 4vh}
.History_layerPoP .top .type{}
.History_layerPoP .top .ID  {font-size:32px;color:#0c0c0c;font-weight:600;letter-spacing:1px}
.History_layerPoP .top .layerpop_Close_btn {cursor:pointer}
.History_layerPoP .top .choice_btn {font-weight:300;line-height:36px;cursor:pointer}
.History_layerPoP .top .choice_btn:hover, #History_layerPoP .top .choice_btn:focus {background:#4489f5}
.History_layerPoP .detail_info {padding:1vh 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.History_layerPoP .detail_info ul {padding:10px 0;border-bottom:1px dashed #e8e9e9}
.History_layerPoP .detail_info ul:last-child {border-bottom:none}
.History_layerPoP .detail_info ul li {display:flex;width:100%;padding:10px 0;list-style:none;align-items:center;justify-content:space-between;font-size:22px}
.History_layerPoP .detail_info ul li > div {}
.History_layerPoP .detail_info ul li > div:first-child{font-weight:300;color:#3c3c3c;width:100px}
.History_layerPoP .detail_info ul li > div:last-child {font-weight:400;color:#1c1c1c;width:calc(100% - 100px);text-align:right;word-break:keep-all/*white-space:nowrap;text-overflow:ellipsis;overflow:hidden;*/}
.History_layerPoP .detail_info ul li > form div.addAddr_btn {display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
.History_layerPoP .detail_info ul li > form div.addAddr_btn p{padding:0 5px 2px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.History_layerPoP .detail_info ul li > form div.addAddr_btn a{font-size:13px;line-height:20px;color:#fff;background:#9c9c9d;padding:0 5px;border-radius:10px;white-space:nowrap}
.History_layerPoP .detail_info ul li > form div.addAddr_btn a:hover {background:#3c3c3d}
.History_layerPoP .detail_info ul li div.price {font-weight:600;color:#0c0c0c}
.History_layerPoP .detail_info ul li div.nation {display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
.History_layerPoP .detail_info ul li div.nation > div {display:flex;flex-direction:row;align-items:center}
.History_layerPoP .detail_info ul li div.nation > img {padding:0 17px}
.History_layerPoP .detail_info ul li div.nation .send   {}
.History_layerPoP .detail_info ul li div.nation .receive{}
.History_layerPoP .detail_info ul li div.nation .nationalFlag{position:relative;padding:0;display:flex;align-items:center;flex-direction:row;margin-right:10px;background:rgba(0,0,0,0.06)}
.History_layerPoP .detail_info ul li div.nation .nationalFlag img {width:30px;height:30px;padding:2px}
.History_layerPoP .detail_info ul li div.tx_bold {font-weight:600}
.History_layerPoP .detail_info ul li div.exchange_info{display:flex;align-items:center;justify-content:flex-end}
.History_layerPoP .detail_info ul li div.exchange_info img{padding:0 10px}
.History_layerPoP .detail_info ul.hisINFO.num li > div:last-child {font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.History_layerPoP .detail_info ul.hisINFO.num li > div:last-child span {font-size:0.65em;font-family:"Noto Sans KR","Nanum Gothic",sans-serif;padding-left:3px}
.History_layerPoP .detail_info ul li div.exchange_info span {padding:5px 0 0 3px}
.History_layerPoP .btn_area {width:100%;height:auto;margin-top:40px;background:#5494da;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.History_layerPoP .btn_area a {display:flex;align-items:center;justify-content:center;padding:3vh 0;font-size:26px;text-align:center;color:#fff;margin:auto}
.History_layerPoP .btn_area:hover, .btn_area:focus {background:#498cd5}
.History_layerPoP.modal-open {top:0}
.History_layerPoP > div.modal-open {bottom:0}

/* 충전 페이지 */
.charge_area {width:100%;min-height:calc(100vh - 88px)}
.charge_area > form {display:flex;flex-direction:column;justify-content:space-between;height:auto;min-height:calc(100vh - 88px)}
.charge_area > form > div:first-child{padding:0 30px}
.charge_area > form > div:last-child{padding:30px 0 0}
.charge_area .cont_box {display:flex;flex-direction:column}
.charge_area .cont_box .grayHead {justify-content:center}
.charge_area .tx_box {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;background:#f6f6f6;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.charge_area .tx_box > div.box-style02 {display:flex;padding:15px 20px;justify-content:space-between;align-items:center;background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.charge_area .tx_box > div.box-style02:first-child{width:calc(45% - 2.5px);-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px}
.charge_area .tx_box > div.box-style02:last-child {width:calc(55% - 2.5px);-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0}
.charge_area .tx_box .tx01 {display:flex;align-items:center;justify-content:center;width:44%;min-width:95px;max-width:110px;padding:10px 0;text-align:center;color:#3c3c3d;background:#eaeaea;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden;font-weight:400;font-size:0.95em}
.charge_area .tx_box .tx02 {font-size:1.1em}
.charge_area .tx_box .tx03 {display:block;width:100%;font-size:0.9em;color:#2c2c2d;text-align:center;background:#f1f1f1;line-height:45px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.charge_area .tx_box.box-style02 {overflow:hidden}
.charge_area .tit_box.box-style02{width:100%;margin:10px 0}
.charge_area .tit_box.box-style02 > div {width:100%;padding:20px;font-size:22px;color:#0c0c0d;text-align:center;background:#f9f9f9;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.charge_area .tit_box.box-style02 > div span {position:relative;font-weight:500;z-index:1}
.charge_area .tit_box.box-style02 > div span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.charge_area .input_box {padding:0 40px 0 0}
.charge_area .input_box input {font-size:25px;font-weight:bold;height:100px;padding:0 0 5px;text-align:right}
.charge_area .input_box .acc_unit{position:absolute;top:calc(50% - 12px);right:30px;color:#3c3c3d;font-size:15px;text-transform:uppercase}
.agree_box {overflow:hidden}
.agree_box > div:first-child{-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}
.agree_box > div:last-child {-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.agree_box .check_box {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 24px;background:#f1f1f1}
.agree_box .check_box label {}
.agree_box .check_box label span {font-size:14px}
.agree_box .check_box .detail_btn{display:block;padding:5px 10px;margin:0 0 0 10px;font-size:13px;color:#fff;cursor:pointer;background:#7c7c7d;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;word-break:keep-all}
.agree_box .check_box .detail_btn:hover{background:#5c5c5d}
.agree_box .info_cont {padding:15px 25px;margin:0;background:#f9f9f9;box-sizing:border-box}
.agree_box .info_cont .tit {font-weight:600;color:#2360e4;font-size:17px}
.agree_box .info_cont .tx01{}
.agree_box .info_cont .tx01 ul {}
.agree_box .info_cont .tx01 ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400;list-style-type:none}
.agree_box .info_cont .tx01 ul li span{color:#2360e4}
.agree_box .info_cont .tx01 ul li b   {color:#0c0c0c}
.agree_box .info_cont .tx02{padding:10px 0 5px;margin:10px 0 0;border-top:1px solid #eaeaea;font-size:0.85em;color:#5c5c5d}
.charge_area .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.charge_area .btn_box div {display:flex;justify-content:center;align-items:center}
.charge_area .btn_box div:first-child {width:30%;background:#d0d1d2}
.charge_area .btn_box div:last-child  {width:70%;background:#4489f5}
.charge_area .btn_box div:first-child:hover {background:#c0c1c2}
.charge_area .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
/* 간편계좌 충전 */
.checking_area  {display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 88px);overflow-y:auto}
.checking_area > div:first-child > div {padding:0 30px}
.checking_area > div:last-child {padding:30px 0 0}
.checking_area .tit_box {width:100%;margin-top:10px;padding:40px 30px!important;font-size:22px;color:#0c0c0d;text-align:center;background:#fff}
.checking_area .tit_box > div span {position:relative;font-size:24px;font-weight:500;z-index:1}
.checking_area .tit_box > div span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.checking_area .tit_box > div.price {font-size:1.9em;font-weight:600;padding:20px 0 0}
.checking_area .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.checking_area .btn_box div {display:flex;justify-content:center;align-items:center}
.checking_area .btn_box div:first-child{width:30%;background:#d0d1d2}
.checking_area .btn_box div:last-child {width:70%;background:#4489f5}
.checking_area .btn_box div:first-child:hover{background:#c0c1c2}
.checking_area .btn_box a{display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.checking_area .cont_box {display:flex;flex-direction:column}
.checking_area .cont_box .grayHead {justify-content:center}
.checking_area .tx_box {display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px 15px;background:#f6f6f6;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.checking_area .tx_box > div.box-style02 {display:flex;padding:15px 20px;margin:5px 0;justify-content:space-between;align-items:center;background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.checking_area .tx_box > div.box-style02:first-child{width:100%;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}
.checking_area .tx_box > div.box-style02:last-child {width:100%;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.checking_area .tx_box .tx01 {display:flex;align-items:center;justify-content:center;width:44%;min-width:95px;max-width:110px;padding:10px 0;text-align:center;color:#3c3c3d;background:#eaeaea;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden;font-weight:400;font-size:0.95em}
.checking_area .tx_box .tx02 {font-size:1.1em}
/* 입금자 정보 */
.request_area {display:flex;flex-direction:column;justify-content:space-between;width:100%;height:calc(100vh - 88px);overflow-y:auto}
.request_area .info_box {overflow:hidden;margin-bottom:20px;padding:0 30px}
.request_area .info_tit {padding:12px 20px;background-color:#575757;display:flex;align-items:center;flex-direction:row;justify-content:space-between;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}
.request_area .info_tit p {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;color:#fff;font-size:17px}
.request_area .info_tit p:before {content:'';display:block;width:24px;height:24px;margin-right:7px;background-image:url(/public/front/img/logo_type3.png);background-size:contain;background-repeat:no-repeat}
.request_area .tx_box {display:flex;flex-direction:column;padding:5px 20px;background:#f9f9f9;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.request_area .tx_box > div {display:flex;justify-content:space-between;align-items:center;padding:15px 10px;border-bottom:1px dashed #e8e9e9;font-size:1.2em;color:#1c1c1d}
.request_area .tx_box > div:last-child{border-bottom:none}
.request_area .tx_box > div > div span{color:#2360e4;font-weight:600}
.request_area .tx_box > div > div:first-child{width:110px}
.request_area .tx_box > div > div:last-child {width:calc(100% - 115px);text-align:right}
.request_area .tx_box > div:first-child > div:last-child {white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.request_area .tx_box ul {}
.request_area .tx_box ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400}
.request_area .tx_box ul li span{color:#2360e4}
.request_area .tx_box ul li b   {color:#0c0c0c}
.request_area .tx_box ul li font{color:#000;font-weight:500}
.request_area .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.request_area .btn_box div {display:flex;justify-content:center;align-items:center;background:#4489f5;width:100%}
.request_area .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.request_area .btnStyle.ok {display:flex;align-items:center;justify-content:flex-end}
.request_area .btnStyle.ok span {display:flex;align-items:center;align-content:center;padding:0 17px;font-size:15px;line-height:40px;font-weight:300;color:#fff;background:#5c5c5c;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;white-space:nowrap;cursor:pointer}
.request_area .btnStyle.ok span:hover {background:#4489f5}
/* 계좌등록 페이지 */
.account-wrap {display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 88px);width:100%;padding:10px 0 0;overflow-y:auto}
.account-wrap > div:first-child {padding:0 30px}
.account-wrap .input_area {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}
.account-wrap .btn_submit{font-weight:500;font-size:20px;color:#fff}
.account-wrap .sub_tit {font-size:20px;text-align:center;color:#2360e4;font-weight:500}
.account-wrap .input_area .selet_box {width:60%}
.account-wrap .input_area .input_box {width:calc(40% - 10px)}
.account-wrap .input_box  {border:1px solid #f7f7f7;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;box-sizing:border-box;overflow:hidden}
.account-wrap .input_box.readonly {border:1px solid #e6f6ff}
.account-wrap select {width:100%;height:80px;padding:0 20px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.account-wrap select option:first-child {color:#afb0b2}
.account-wrap .btn_box {width:100%;margin:20px 0 0;padding:0}
.account-wrap .btn_box div {display:flex;justify-content:center;align-items:center;background:#d0d1d2}
.account-wrap .btn_box div.next {background:#4489f5}
.account-wrap .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
/* 약관동의 */
.agree_area {width:100%;min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}
.agree_area > div {display:flex;flex-direction:column;padding:0 30px}
.agree_area > div:first-child > div {margin-bottom:20px}
.agree_area .tit {width:100%;padding:0;font-size:22px;color:#0c0c0d;text-align:center;background:#fff}
.agree_area .tit span {position:relative;font-weight:500;z-index:1}
.agree_area .tit span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.agree_area .check_box.chk_all {justify-content:center;background-color:transparent}
.agree_area .check_box.chk_all label {padding:0 35px 0 0 !important;font-size:16px !important;font-weight:500;text-decoration:underline}
.agree_area .check_box.chk_all label:before {left:auto !important;right:0}
.agree_area .detail_cont {display:block;padding:15px 25px;max-height:50vh;/*max-height:25vh;*/background:#f9f9f9;box-sizing:border-box;overflow-y:auto}
.agree_area .detail_cont ul, .agree_area .detail_cont ol {padding:0;margin:0;width:100%}
.agree_area .detail_cont ul li, .agree_area .detail_cont ol li {list-style:none;color:#4c4c4d}
.agree_area .detail_cont ul li:first-child, .agree_area .detail_cont ol li:first-child {padding:0}
.agree_area .detail_cont ol li {font-size:13px;padding:20px 0 0}
.agree_area .detail_cont ol li span {font-size:16px;font-weight:500;color:#1c1c1d;display:block;padding:0 0 5px}
.agree_area .detail_cont ul {padding:10px 0;border-top:1px dashed #eee}
.agree_area .detail_cont ul li {position:relative}
.agree_area .detail_cont ul li:after{content:url(/public/front/img/arr_view.png);position:absolute;width:10px;height:20px;top:calc(50% - 10px);right:15px}
.agree_area .detail_cont ul li:hover{background:rgba(84,148,218,0.03)}
.agree_area .detail_cont ul li a {display:block;padding:5px 15px;font-size:16px;color:#1c1c1d;line-height:24px}
.agree_area .detail_cont ul li a:hover, .agree_area .detail_cont ul li a:focus {color:#2360e4;text-decoration:underline}
.agree_area .detail_cont p {font-size:14px;line-height:20px;color:#1c1c1d}
.agree_area .detail_cont p.point {color:#2360e4;padding:10px 0 20px}
.agree_area .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0}
.agree_area .btn_box div {display:flex;justify-content:center;align-items:center}
.agree_area .btn_box div:first-child{width:30%;background:#d0d1d2}
.agree_area .btn_box div:last-child {width:70%;background:#4489f5}
.agree_area .btn_box div:first-child:hover{background:#c0c1c2}
.agree_area .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.agree_area .cont_box {display:flex;flex-direction:column}
.agree_area .cont_box .grayHead {justify-content:center}
/* 충전 정보 발송 */
.chg_info {display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 88px);overflow-y:auto}
.chg_info > div:first-child {padding:0 30px}
.chg_info .info_box {margin-bottom:20px;overflow:hidden}
.chg_info .tit_box {padding:40px 30px!important}
.chg_info .tit_box p {font-size:18px;line-height:30px;font-weight:300;text-align:center;word-break:keep-all;color:#2c2c2d}
.chg_info .tit_box p strong{display:block;font-size:25px;font-weight:500;color:#4c4c4d;margin-bottom:20px}
.chg_info .tit_box p span  {position:relative;font-size:30px;font-weight:600;color:#1c1c1d;z-index:1}
.chg_info .tit_box p span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.chg_info .sub_tit {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 24px;background:#fff}
.chg_info .sub_tit p {font-size:16px;color:#333;line-height:30px;font-weight:500}
.chg_info .sub_tit span  {color:#f00}
.chg_info .sub_tit strong{color:#2360e4}
.chg_info .tx_box {padding:15px 25px;background:#f7f7f7;border-top:1px solid #eaeaea;box-sizing:border-box}
.chg_info .tx_box ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400}
.chg_info .tx_box ul li span{color:#2360e4}
.chg_info .tx_box ul li b   {color:#0c0c0c}
.chg_info .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.chg_info .btn_box div{display:flex;justify-content:center;align-items:center;background:#4489f5;width:100%}
.chg_info .btn_box a  {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.chg_info .info_tit {padding:12px 20px;background-color:#575757;display:flex;align-items:center;flex-direction:row;justify-content:space-between;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}
.chg_info .info_tit p {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;color:#fff;font-size:17px}
.chg_info .info_tit p:before{content:'';display:block;width:24px;height:24px;margin-right:7px;background-image:url(/public/front/img/logo_type3.png);background-size:contain;background-repeat:no-repeat}

/* 로그인 팝업 */
.pop_wrap {position:fixed;left:0;right:0;top:0;bottom:0;z-index:999}
.pop_wrap[style*="display:block"]:last-child:before {content:'';width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap[style*="display: block"]:last-child:before {content:'';width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop {display:flex;flex-direction:column;justify-content:center;align-items:stretch}
.pop_inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:90%;max-width:670px;padding:0;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;overflow:hidden}
.pop_tit {position:relative;height:70px;padding:2vh 2.5vh;display:flex;align-items:center;flex-direction:row;justify-content:space-between;background-image:linear-gradient(25deg, #022fbd , #4489f5 , #3c82f3 , #4489f5)}
.pop_tit:before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-image:url(/public/front/img/popTit_bg.png);background-position:center left;background-repeat:no-repeat;background-size:cover;z-index:0}
.pop_tit + div {background-color:#fff}
.pop_tit p {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;color:#fff;font-size:18px;z-index:999;letter-spacing:1px}
.pop_tit p strong{font-weight:400}
.pop_tit p:before{content:'';display:block;width:30px;height:30px;margin-right:7px;background-image:url(/public/front/img/logo_type3.png);background-size:contain;background-repeat:no-repeat}
.pop_tit button {width:30px;height:30px;background:url(/public/front/img/close_arrOn.png) center no-repeat transparent;cursor:pointer;z-index:999;border:none}
.pop_multi {display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;justify-content:center;width:100%}
.pop_multi div {width:100%;padding:15px 10px;margin-bottom:1px;text-align:center;font-size:17px;color:#0c0c0d;background:#ececed;cursor:pointer}
.pop_multi div:hover, .pop_multi div:focus {background:#3c3c3d;color:#fff}
.pop_multi div span {padding:0 0 0 7px;font-size:15px;font-weight:300;font-style:italic;color:#0047fd;background-image:-webkit-linear-gradient(150deg, #14dea7, #06b0e6, #0047fd);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:hue 3s infinite ease-in-out}
.pop_multi div:hover span, .pop_multi div:focus span {color:#fae100;background-image:-webkit-linear-gradient(150deg, #e4a808, #fae100, #d2e408)}
@-webkit-keyframes hue { from {-webkit-filter:hue-rotate(0deg)} to {-webkit-filter:hue-rotate(-360deg)} }
.multiPOP_area .pop_content {display:none;height:calc(85vh - 70px - 200px - 35px)}
.multiPOP_area .pop_content.on{display:block}
.multiPOP_area .pop_content.img_pop.on{display:flex;justify-content:center;align-items:flex-start}
.pop_content{padding:25px 30px;overflow:auto;max-height:calc(85vh - 70px - 35px)}
.check_box.blueHead + div.pop_content{background:#fff}
.pop_bottom {padding:0 4vh;height:35px;background:#f6f6f7;display:flex;justify-content:flex-end;align-items:center;align-content:center;flex-direction:row}
.pop_bottom p {font-size:15px;font-weight:300;color:#3c3c3d;text-align:right}
.pop_bottom button{border:none;background:none;font-size:inherit;font-weight:inherit;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;font-family:"Nanum Gothic",dotum,"돋움",sans-serif;color:#1c1c1d}
.pop_bottom div .btn_style {width:100%;color:#7c7c7d;font-size:18px;font-weight:400;line-height:60px;text-align:center}
.pop_bottom div:last-child a.btn_style {color:#000}
.pop_bottom.btn_two {justify-content:space-between;border-top:1px solid #eaeaea;height:60px;padding:0}
.pop_bottom.btn_two > div {width:50%;position:relative}
.pop_bottom.btn_two > div:after {content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:#eaeaea}
.pop_bottom.btn_two > div:last-child:after {display:none}
.pop_bottom a:hover, .pop_inner .pop_bottom a:focus, .pop_inner .pop_bottom button:hover, .pop_inner .pop_bottom button:focus {color:#1c1c1d}
.content_tit {padding:0 0 10px}
.pop_content.img_pop {padding:0;line-height:0}
.pop_content.img_pop a{font-size:0;height:fit-content}
.pop_content .input_box {padding:0 40px 0 0}
.pop_content .input_box.focus {background:#f0f5fe}
.pop_content .input_box input {text-align:right;padding:0 0 5px;font-size:25px;color:#2c2c2d;font-weight:bold}
.pop_content .input_box.readonly input {font-size:20px;color:#333}
.pop_content .input_box .acc_unit{position:absolute;top:calc(50% - 12px);right:30px;color:#3c3c3d;font-size:15px;text-transform:uppercase}
.pop_content .link_box {display:flex;justify-content:center;align-items:center;gap:10px;margin:10px 0}

.pop_content .link_box > div {padding:0;margin:0 5px;background-color:#fff;border:1px solid #eaeaea;background-position:right 20px center;background-repeat:no-repeat;webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.pop_content .link_box > div.down{background-image:url(/public/front/img/arr_download.png)}
.pop_content .link_box > div.view {background-image:url(/public/front/img/arr_going.png)}
.pop_content .link_box > div a {display:flex;padding:10px 50px 10px 30px;font-size:15px;line-height:24px;color:#3d76ec;word-break:keep-all}
.pop_content .link_box > div:hover {background-color:#fafafa;border:1px solid #e7e7e7}
.pop_content .link_box > div:hover a {color:#2643d0;text-decoration:underline}
.pop_content p.content_tit strong {position:relative;padding:0 5px;font-size:24px;color:#0c0c0d;word-break:keep-all;z-index:0}
.pop_content p.content_tit strong:before{content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.pop_content p.tx {padding:0 10px;font-size:15px;color:#4c4c4d;line-height:24px}
.pop_content p.tx span {color:#2360e4}
.pop_content p.tx .c-red {color:#eb321e}
.pop_content p.tx .c-blue {color:#2360e4}
.pop_content p.tx.font-center{text-align:center}
.pop_content p.tac {text-align:center;padding:15px 0}
.pop_content img {width:100%}
.content_inner {padding:20px 30px;margin:10px 0;background:#f7f7f7;border:1px solid #eaeaea;box-sizing:border-box}
.content_inner ul {}
.content_inner ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400;word-break:keep-all}
.content_inner ul li b     {font-weight:600}
.content_inner ul li span  {color:#2360e4}
.content_inner ul li strong{font-weight:600;color:#2360e4;font-size:17px}
.content_inner ul li .c-red {color:#eb321e}
.sub_txt {font-weight:400;color:#0c0c0d;font-size:17px;padding:5px 0 0;font-style:italic}
.sub_tit {font-weight:600;color:#2360e4;font-size:20px;padding:0 0 10px}
.sub_tit02 {font-weight:600;color:#eb321e;font-size:18px;padding:0 0 10px;text-align:center}
.content_inner2 {padding:10px 0;margin:0}
.table_area {position:relative;display:flex;width:100%;height:100%;border:1px solid #eaeaea;box-sizing:border-box}
.table_area.row {flex-direction:column;align-items:stretch;align-content:stretch}
.table_area.col {flex-direction:row;align-items:stretch;justify-content:space-between}
.table_area .th {display:flex;align-items:center;align-content:center;flex-direction:row;justify-content:center;padding:10px 0;background:#575757;word-break:keep-all;font-size:15px;font-weight:400;color:#fff}
.table_area .td {padding:10px 20px;background:#ffffff;word-break:keep-all;font-size:15px;font-weight:400;color:#1c1c1d}
.table_area.col .th {max-width:140px;min-width:75px;word-break:keep-all;text-align:center}
.table_area.col .td {min-width:calc(100% - 140px);max-width:calc(100% - 75px)}
.table_area.row .th {width:100%;text-align:center}
.table_area.row .td {width:100%;display:flex;align-items:center;align-content:center;flex-direction:row;justify-content:center;padding:15px 0;text-align:center}
.table_area.row .th > div, .table_area.row .td > div {width:50%}
.table_area.row:after{content:'';position:absolute;display:block;top:0;right:50%;width:1px;height:100%;background:#eaeaea}
/* 충전 팝업 */
.pop_wrap.modal {}
p.content_sub_tit {position:relative;padding:0 5px 10px;font-size:22px;color:#2360e4}
.pop_wrap.modal .pop_bottom {justify-content:space-between;border-top:1px solid #eaeaea;height:auto;padding:0 2vh}
.pop_wrap.modal .pop_bottom > div {width:50%;position:relative}
.pop_wrap.modal .pop_bottom > div:after {content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:#eaeaea}
.pop_wrap.modal .pop_bottom > div:last-child:after {display:none}
.pop_wrap.modal .pop_bottom a, .pop_wrap.modal .pop_bottom button {font-size:20px;font-weight:300;line-height:55px}
.pop_wrap.modal .pop_bottom a:hover, .pop_wrap.modal .pop_bottom a:focus, .pop_wrap.modal .pop_bottom button:hover, .pop_wrap.modal .pop_bottom button:focus {color:#1c1c1d}
/* 송금 팝업  */
.pop_wrap.remit_checking_pop:before, .pop_wrap.bank_checking_pop:before,.pop_wrap.certi_choice:before {content:'';width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap.simplePass .pop_content {max-height:calc(85vh - 70px - 35px - 120px)}
.pop_wrap.smsPass .pop_content {max-height:calc(85vh - 70px - 35px - 290px)}
.pop_wrap.remit_checking_pop .input_area, .pop_wrap.bank_checking_pop .input_area{padding:20px;background:#eaeaea}
.pop_wrap.remit_checking_pop .input_box, .pop_wrap.bank_checking_pop .input_box {ackground:#fff}
.pop_wrap.remit_checking_pop .input_box, .pop_wrap.bank_checking_pop .input_box label {color:#333}
#popup_remit.modal .pop_inner .check_box {padding:15px 0 0}
#popup_remit.modal .pop_inner .check_box label {padding:0 0 0 40px;font-size:17px}
#popup_remit.modal .pop_inner .check_box label:before {content:'';top:calc(50% - 15px);width:30px;height:30px;background-size:cover}
#popup_remit.modal .pop_inner .check_box input:checked+label:before {background-size:cover}
/* 코인 TXID 팝업 */
#txid_pop .content_tit {padding:0}
#txid_pop .pop_content p.content_tit strong {font-size:22px}
#txid_pop .pop_content p.tx {padding:5px 0 15px 5px;font-size:17px;color:#2c2c2d;line-height:24px;word-break:break-all}
#txid_pop .pop_content p.tx a {display:flex;color:#4489f5;text-decoration:underline}
#txid_pop .pop_content p.tx a:hover {color:#2360e4}
/* 상품권구매 팝업 */
.pop_wrap.pop_gift[style*="display:block"]:before {content:'';width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap.pop_gift[style*="display:block"]:before {content:'';width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_gift .pop_content p.content_tit {text-align:center;padding:0}
.pop_gift .pop_content div.price {font-size:2.5em;font-weight:600;padding:10px 0 20px;text-align:center}
.goodsPop_info {display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;background:#eaeaea;margin:10px 0;border:1px solid #eaeaea;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden}
.goodsPop_info > li {display:flex;flex-direction:row;align-content:center;align-items:center;border-top:1px solid #f4f4f4}
.goodsPop_info > li:first-child {border-top:none}
.goodsPop_info > li > div {display:flex;align-items:center;align-content:center;flex-direction:row;justify-content:flex-star;padding:0 25px;font-size:16px;line-height:50px;font-weight:400;word-break:keep-all}
.goodsPop_info > li > div:first-child{width:150px;min-width:110px;background:#f1f1f1;color:#333}
.goodsPop_info > li > div:last-child {width:calc(100% - 130px);max-width:calc(100% - 110px);background:#fff;color:#000}
.goodsPop_info > li > div:last-child input {padding:0;font-size:16px;line-height:50px;font-weight:400;text-align:left}
.pop_wrap.pop_gift .agree_box .info_cont {padding:20px 30px}
.pop_wrap.pop_gift .agree_box .tx01 li {padding:2px 0}
#container .pop_gift .pop_inner .check_box label {margin:0}
.pop_wrap.pop_gift .pop_bottom {padding:0;border:none;height:auto;justify-content:space-between}
.pop_wrap.pop_gift .pop_bottom > div {width:50%;position:relative}
.pop_wrap.pop_gift .pop_bottom > div a, .pop_wrap.pop_gift .pop_bottom > div button {font-size:20px;font-weight:300;line-height:55px}
.pop_wrap.pop_gift .pop_bottom > div:first-child {background:#5c5c5c}
.pop_wrap.pop_gift .pop_bottom > div:first-child:hover {background:#4489f5}
.pop_wrap.pop_gift .pop_bottom > div:first-child button {color:#fff}
.pop_wrap.pop_gift .input_box {display:flex;align-content:center;justify-content:space-between;align-items:center;margin:0 0 10px}
.pop_wrap.pop_gift .input_box .id_chk  {position:absolute;top:calc(50% - 20px);right:30px}
.pop_wrap.pop_gift .input_box .id_chk .btnStyle.ok {display:flex;align-items:center;align-content:center}
.pop_wrap.pop_gift .input_box .id_chk .btnStyle.ok img {width:24px;height:24px;margin:0 7px 0 0}
.pop_wrap.pop_gift .input_box .id_chk .btnStyle.ok span {display:flex;align-items:center;align-content:center;padding:0 7px;font-size:15px;line-height:40px;font-weight:300;color:#fff;background:#5c5c5c;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;white-space:nowrap}
.pop_wrap.pop_gift .input_box .id_chk .btnStyle.ok:hover span {background:#3b7de4}
/* Google OTP - pop */
.pop_otp {}
.pop_otp .content_tit {width:100%;text-align:center}
.pop_otp .content_tit + p {text-align:center;font-size:1.05em}
.pop_otp .pop_content p.content_tit strong {font-size:26px}
.pop_otp .pop_content {}
.pop_otp .pop_content .down_btn {display:flex;justify-content:center;margin:10px 0}
.pop_otp .pop_content .down_btn a {display:flex;font-size:0.85em;color:#1c1c1c}
.pop_otp .pop_content .down_btn .otpDown {padding:10px 20px 10px 50px;margin:0 5px;background-color:#f1f1f1;background-position:left 20px center;background-repeat:no-repeat;webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.pop_otp .pop_content .down_btn .otpDown.google {background-image:url(/public/front/img/qrDown_google.png)}
.pop_otp .pop_content .down_btn .otpDown.ios {background-image:url(/public/front/img/qrDown_apple.png)}
.pop_otp .pop_content p.img {text-align:center}
.pop_otp .pop_content p.img + div {display:flex;justify-content:center;align-items:center}
.pop_otp .pop_content p.img + div > div.btn {font-size:0.8em;color:#fff;background:#414141;padding:0 15px;line-height:25px;cursor:pointer;webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.pop_otp .pop_content p.img + div > div.btn:hover {background:#111}
.pop_otp .pop_content img {width:auto;max-width:100%}
.pop_otp .pop_content .btn_box {display:flex;justify-content:center;width:100%;margin:10px 0 0;padding:0}
.pop_otp .pop_content .btn_box input {width:100%;padding:20px 10px;font-size:17px;color:#fff;background:#3d76ec;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:none;cursor:pointer}
.pop_otp .pop_content .btn_box input:hover {background:#2643d0}
.pop_otp .content_inner {padding:15px 20px}
.pop_otp .content_inner li {padding:0;font-size:0.85em}
.pop_otp .pop_content .input_box {}
.pop_otp .pop_content .input_box input {padding:10px 0 0}

/* Google OTP  Login */
.login_otp {display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 88px);width:100%;overflow-y:auto}
.login_otp .top .tit {padding:10px 30px 0;font-size:20px;text-align:center;word-break:keep-all}
.login_otp .top .tit span {position:relative;padding:0;color:#0c0c0d;z-index:0;font-weight:600}
.login_otp .top .tit span:before{content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:11px;background:rgba(4,186,112,0.16);z-index:-1}
.login_otp .down_btn {display:flex;justify-content:center;margin:20px 0 30px}
.login_otp .down_btn .otpDown {display:flex;justify-content:center;align-items:center;width:calc(100% / 3);max-width:210px;margin:0 5px;word-break:keep-all;background-color:#f1f1f1;webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.login_otp .down_btn .otpDown a {display:flex;justify-content:center;align-items:center;width:100%;padding:0 20px;font-size:15px;line-height:50px;color:#1c1c1c}
.login_otp .down_btn .otpDown a:before{display:flex;width:24px;height:24px;margin:0 10px 0 0;content:'';;background-position:center;background-repeat:no-repeat}
.login_otp .down_btn .otpDown.google a:before {background-image:url(/public/front/img/qrDown_google.png)}
.login_otp .down_btn .otpDown.ios a:before {background-image:url(/public/front/img/qrDown_apple.png)}
.login_otp .cont {padding:0 30px}
.login_otp .cont .guideBox {padding:15px 20px;background:#f7f7f7;border:1px solid #eaeaea;box-sizing:border-box}
.login_otp .cont .guideBox ul {}
.login_otp .cont .guideBox ul li {list-style:none;padding:0;font-size:14px;line-height:24px;color:#1c1c1d;font-weight:400}
.login_otp .cont .guideBox ul li span {color:#2360e4}
.login_otp .cont .guideBox ul li span.c-red {color:#eb321e}
.login_otp .cont .qrBox {padding:20px 0;text-align:center}
.login_otp .cont .qrBox .qrImg {text-align:center}
.login_otp .cont .qrBox .qrKey {display:flex;justify-content:center;align-items:center;padding-top:10px}
.login_otp .cont .qrBox .qrKey > p {}
.login_otp .cont .qrBox .qrKey > div.btn {font-size:0.8em;color:#fff;background:#414141;padding:0 15px;margin:0 0 0 10px;line-height:25px;word-break:keep-all;cursor:pointer;webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.login_otp .cont .qrBox .qrKey > div.btn:hover {background:#111}
.login_otp .input_box input {height:100px;text-align:right}
.login_otp .btn_box {display:flex;justify-content:center;width:100%;margin:10px 0 0;padding:0}
.login_otp .btn_box input {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center;background:#4489f5}

/* 구글OTP 가이드 페이지 */
.googleOTP_guide {width:100%;padding:0 30px}
.googleOTP_guide .guide_box {width:100%;margin:0 0 15px;overflow:hidden}
.googleOTP_guide .guide_box .guide_step {display:flex;align-items:center;justify-content:space-between;padding:0 25px;height:65px;background:#eaeaea;cursor:pointer}
.googleOTP_guide .guide_box .guide_step h7 {padding:22px 15px 22px 0;font-size:16px;color:#313131;word-break:keep-all}
.googleOTP_guide .guide_box .guide_step h7 span {font-weight:700;color:#000}
.googleOTP_guide .guide_box .guide_step:after {display:flex;width:17px;height:9px;background-image:url(../../../public/front/img/arr_up.png);background-position:center;background-repeat:no-repeat;content:''}
.googleOTP_guide .guide_box .guide_step.rollDown:after {background-image:url(../../../public/front/img/arr_down.png)}
.googleOTP_guide .guide_box .guide_cont {padding:30px 25px;background:#f6f6f6}
.googleOTP_guide .guide_box .guide_cont div {display:flex;justify-content:center;align-items:center;overflow:hidden}
.googleOTP_guide .guide_box .guide_cont div ~ div {margin:15px 0 0}
.googleOTP_guide .guide_box .guide_cont div img {width:100%;height:auto;max-width:fit-content}
.googleOTP_guide .guide_box .guide_cont div p {width:100%;font-size:15px;word-break:keep-all}
.googleOTP_guide .guide_box .guide_cont div p span {color:#2360e4}
.googleOTP_guide .guide_box .guide_cont .down_btn {display:flex;color:#1c1c1c}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown {width:calc(100% / 5 * 2);min-width:160px;margin:0;webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown:first-child {margin-right:10px}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown a {display:flex;justify-content:center;align-items:center;width:100%;font-size:16px;line-height:60px;color:#333;background-color:#fff;word-break:keep-all;white-space:nowrap}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown a:before {display:flex;width:24px;height:24px;margin:0 10px 0 0;background-position:center;background-repeat:no-repeat;background-size:cover;content:''}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown.google a:before {background-image:url(../../../public/front/img/qrDown_google.png)}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown.ios a:before {background-image:url(../../../public/front/img/qrDown_apple.png)}

/* 송금 페이지 */
.remit_area {width:100%}
.remit_area > div {min-height:calc(100vh - 337px);/*min-height:calc(100vh - 254px)*/}
.remit_area > .remit_box:last-child {display:flex;flex-direction:column;justify-content:space-between}
.account_box {display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:20px 0 40px}
.account_box.simple {padding:0}
.account_box .acc_id {display:flex;justify-content:center;flex-direction:row;align-items:center;width:90px;min-height:280px;background-size:contain;background-repeat:no-repeat;background-color:#69a1de}
.account_box .acc_id.box-style {-webkit-border-radius:0 20px 20px 0 !important;-moz-border-radius:0 20px 20px 0 !important;border-radius:0 20px 20px 0 !important;overflow:hidden}
.account_box .acc_id > div {word-break:keep-all;font-weight:400;font-size:20px;text-align:left;color:#fff;letter-spacing:1px;display:flex;align-items:center;
-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.account_box .nationalFlag {position:relative;padding:0;color:#fff;font-size:22px;display:flex;align-items:center;flex-direction:row;margin-right:10px;background:rgba(255,255,255,0.4)}
.remit_area  .account_box .acc_info {width:100%;display:flex;flex-direction:column;justify-content:space-between}
.account_box .btn_box {display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.account_box .btn_box .btnStyle {margin:0 5px;font-size:20px;color:#fff;font-weight:400;text-align:center;line-height:70px;cursor:pointer;background:rgba(44,44,45,0.08);border-radius:20px}
.account_box .btn_box .btnStyle:hover, .btn_box .btnStyle:focus, .btn_box .btnStyle.on {background:rgba(255,255,255,0.16)}
.account_box .btn_box .btnStyle.acc {width:25%}
.account_box .btn_box .btnStyle.his {width:33%}
.account_box .btn_box .btnStyle.acc:hover, .btn_box .btnStyle.acc:focus, .btn_box .btnStyle.acc.on {background:rgba(255,255,255,0.16)}
.account_box .acc_info {width:100%;height:auto;padding:0 20px}
.account_box .acc_price{padding:10px 0 40px;text-align:center}
.account_box .acc_price p  {font-size:20px;letter-spacing:1.5px;color:#7e7e7e;text-transform:uppercase;font-weight:400}
.account_box .acc_price div{font-size:60px;font-weight:600;color:#fff;word-break:keep-all;font-family:"Nanum Gothic",dotum,"돋움",sans-serif; }
.account_box .acc_price div span {font-size:0.45em;padding-left:10px;color:rgba(255,255,255,0.72);font-weight:400;font-family:"Noto Sans KR","Nanum Gothic",sans-serif}
.account_box .acc_price ul {width:100%;padding:10px 0 0}
.account_box .acc_price ul li {font-size:16px;font-weight:300;color:#7c7c7d;list-style:none;padding:3px 0}
.account_box .acc_price li > span {color:#777;font-weight:500;letter-spacing:0.5px}
.remit_area .btn_box {width:100%;margin:20px 0 0}
.remit_area .btn_box div {display:flex;justify-content:center;align-items:center;background:#d0d1d2}
.remit_area .btn_box div.next {background:#4489f5}
.remit_area .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.remit_box  {padding:20px 0 0}
.remit_input{padding:10px 30px;background:#fff}
.remit_input .input_box {padding:0 40px 0 0}
.remit_input .input_box div {position:relative}
.remit_input .sub_tx {color:#2c2c2d;font-weight:500;font-size:20px}
.remit_input .sub_tx span {color:#aeaeae;font-weight:200;font-size:16px;letter-spacing:0.5px;padding-left:10px}
.remit_input .input_box input{height:100px;padding:0 0 5px;font-size:25px;color:#2c2c2d;text-align:right;font-weight:bold}
.remit_input .input_box input#ac_1 {padding-right:20px}
.remit_input .input_box .acc_unit{position:absolute;top:calc(50% - 12px);right:30px;color:#3c3c3d;font-size:15px;text-transform:uppercase}
.remit_input .input_box .id_chk  {position:absolute;top:calc(50% - 20px);right:30px}
.remit_input .input_box .id_chk .btnStyle.ok {display:flex;align-items:center;align-content:center}
.remit_input .input_box .id_chk .btnStyle.ok img {width:24px;height:24px;margin:0 7px 0 0}
.remit_input .input_box .id_chk .btnStyle.ok span {display:flex;align-items:center;align-content:center;padding:0 7px;font-size:15px;line-height:40px;font-weight:300;color:#fff;background:#5c5c5c;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.remit_input .input_box .id_chk .btnStyle.ok:hover span {background:#3b7de4}
.remit_input .input_box .cost_input input {padding-right:55px}
.remit_input .input_box .chk_addr {display:flex;justify-content:space-between;align-items:stretch}
.remit_input .input_box .chk_addr input {width:calc(100% - 120px)}
.remit_input .input_box.readonly input[type=text]:-moz-placeholder, .remit_input .input_box.readonly input[type=password]:-moz-placeholder {font-size:20px;font-weight:500}
.remit_input .input_box.readonly input[type=text]:-ms-input-placeholder, .remit_input .input_box.readonly input[type=password]:-ms-input-placeholder {font-size:20px;font-weight:500}
.remit_input .input_box.readonly input[type=text]::-moz-placeholder, .remit_input .input_box.readonly input[type=password]::-moz-placeholder {font-size:20px;font-weight:500}
.remit_input .input_box.readonly input[type=text]::-webkit-input-placeholder, .remit_input .input_box.readonly input[type=password]::-webkit-input-placeholder {font-size:20px;font-weight:500}
.remit_info {padding:10px 30px;margin:0}
.remit_info > div{padding:0 40px;background:#f9f9f9;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.remit_info ul {}
.remit_info ul li {position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:25px 0}
.remit_info li:before{content:'';position:absolute;display:block;height:1px;width:100%;top:0px;background:rgba(44,44,45,0.04)}
.remit_info li:after {content:'';position:absolute;display:block;height:1px;width:100%;top:1px;background:rgba(255,255,255,1)}
.remit_info li:first-child:before, .remit_info li:first-child:after {display:none} 
.remit_info ul li div {display:flex;align-items:center}
.remit_info ul li > div:first-child{width:110px;font-size:18px;font-weight:300;text-align:left}
.remit_info ul li > div:last-child {width:calc(100% - 115px);font-size:25px;align-items:center;justify-content:flex-end;word-break:keep-all}
.remit_info ul li div.nationalFlag{position:relative;padding:0;display:flex;flex-direction:row;background:rgba(0,0,0,0.06)}
.remit_info ul li div.nationalFlag img {width:24px;height:24px;padding:1px;background:rgba(0,0,0,0.12)}
.remit_info ul li div:last-child p{font-family:"Nanum Gothic", dotum, 돋움, sans-serif}
.remit_info li.receive_addr p.to_id {font-size:25px;font-weight:500;text-align:right;white-space:nowrap;text-overflow:ellipsis;font-family:"Noto Sans KR","Nanum Gothic",sans-serif;overflow:hidden}
.remit_info li.send_cost p, .remit_info li.get_cost p {font-size:25px;font-weight:800;padding-left:7px}
.remit_info ul li.send_cost div:last-child p{color:#2360e4}
.remit_info ul li.get_cost div:last-child p {color:#2c2c2d}
.remit_info ul li.etc_cost div:last-child p {color:#5c5c5d;font-size:22px}
.remit_info ul li.etc_cost .exc {}
.remit_info ul li.etc_cost .exc + img {margin:0 10px}
.remit_info ul li > div:last-child span {color:#1c1c1d;font-size:0.5em;font-family:"Noto Sans KR","Nanum Gothic",sans-serif;padding-left:3px}
.address_box {width:100%;padding:10px 30px;background:transparent;justify-content:space-between;align-items:center;flex-direction:column;overflow:hidden}
.address_box .top {display:flex;justify-content:space-between;align-items:center;width:100%;background:#f1f1f1;padding:0 30px;border-radius:30px 30px 0 0;line-height:50px}
.address_box .simple_acc_add {}
.address_box .simple_acc_add a {display:flex}
.top + .his_list {-webkit-border-radius:0 0 30px 30px;-moz-border-radius:0 0 30px 30px;border-radius:0 0 30px 30px}
.address_box .tit {margin:0 15px 0 0;font-size:14px;color:#0c0c0d;font-weight:300;letter-spacing:1px;font-family:"Nanum Gothic", dotum, 돋움, sans-serif;cursor:pointer}
.address_box .tit:last-child {margin:0 0 0 15px}
.address_box .addr-list{padding:0 40px;height:auto;max-height:165px;min-height:110px;background:#f9f9f9;overflow-y:auto;border-radius:0 0 30px 30px}
.address_box ul {max-height:40vh;height:auto}
.remit_box input + .address_box ul {max-height:55vh}
.address_box .addr-list li {position:relative;display:flex;width:100%;padding:20px 0;list-style:none;align-items:center;justify-content:space-between;overflow:hidden}
.address_box .addr-list li:before{content:'';position:absolute;display:block;height:1px;width:100%;bottom:1px;background:rgba(44,44,45,0.04)}
.address_box .addr-list li:after {content:'';position:absolute;display:block;height:1px;width:100%;bottom:0px;background:rgba(255,255,255,1)}
.address_box .addr-list li:last-child:before, .address_box .addr-list li:last-child:after, .his_list li:last-child:after {display:none} 
.address_box .addr-list li > div {display:flex;align-items:center}
.address_box .addr-list li > div.add_info {width:calc(100% - 120px)}
.address_box .recently_list li > div.add_info {width:calc(100% - 40px)}
.address_box .recently_list + .addr-list li > div.add_info {width:calc(100% - 80px)}
.address_box .addr-list li > div.add_info > div:last-child {max-width:calc(100% - 50px)}
.address_box .addr-list li > div.add_info > div:last-child > div {display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.address_box .addr-list li div > div {display:flex;flex-direction:row;align-items:center;word-break:keep-all}
.address_box .addr-list li div > div:first-child{}
.address_box .addr-list li div > div:last-child {flex-direction:column;align-items:flex-start;max-width:100%}
.address_box .addr-list li div > div:first-child img{width:42px;height:42px;padding:0;margin:0 13px 0 0;background:#fff;border:2px solid rgba(0,0,0,0.06);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.address_box .acc_id    {font-size:22px;color:#3c3e3e;font-weight:400;white-space:nowrap}
.address_box .acc_sort  {padding:0 15px;margin:0 0 0 15px;color:#5c5e5e;font-size:14px;line-height:25px;font-weight:200;background:#eff5f5;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.address_box .bank_name {font-size:18px;color:#3c3e3e;font-weight:500;line-height:25px}
.address_box .acc_number{font-size:13px;color:#7e7e7b;font-weight:300;line-height:20px;padding:0 0 3px}
.address_box .bookmark  {width:30px;height:30px;margin:0 0 0 10px;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer}
.address_box .bookmark:first-child {margin-left:0}
.address_box .bookmark.choice{background-image:url(/public/front/img/add_arr01_off.png)}
.address_box .bookmark.edit  {background-image:url(/public/front/img/add_arr02_off.png)}
.address_box .bookmark.del   {background-image:url(/public/front/img/add_arr03_off.png)}
.address_box .bookmark.minus {background-image:url(/public/front/img/add_arr04_off.png)}
.address_box .bookmark.plus  {background-image:url(/public/front/img/add_arr05_off.png)}
.address_box .bookmark.choice:hover{background-image:url(/public/front/img/add_arr01_on.png)}
.address_box .bookmark.edit:hover  {background-image:url(/public/front/img/add_arr02_on.png)}
.address_box .bookmark.del:hover   {background-image:url(/public/front/img/add_arr03_on.png)}
.address_box .bookmark.minus:hover {background-image:url(/public/front/img/add_arr04_on.png)}
.address_box .bookmark.plus:hover  {background-image:url(/public/front/img/add_arr05_on.png)}
.address_box li div.nationalFlag{position:relative;padding:0;display:flex;align-items:center;flex-direction:row;margin-right:15px;background:rgba(0,0,0,0.06);
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.address_box li div.nationalFlag img {width:40px;height:40px}
.remit_input .input_area {display:flex;align-items:center;flex-direction:row;justify-content:space-between}
.remit_input .acc_num .input_box {width:100%;display:flex;padding:0;margin:0}
.remit_input .input_area .selet_box {width:170px;min-width:170px;margin:10px 10px 0 0}
.remit_input .input_area .selet_box + .input_box {width:100%}
.remit_input .input_area  select {width:100%;border:0;height:100px;font-size:17px}
.remit_input .input_area  select option {font-size:14px}
.remit_input .input_area  select option:first-child {color:#afb0b2}
.remit_input .acc_num input {padding:0 10px}
.address_box .his_list ul {min-height:110px}
.address_box .his_list li {padding:20px 0}
/* 송금 체크 팝업 */
.remit_checking_pop .pop_tit {padding:20px 25px}
.remit_checking_pop .pop_tit .check_box label {color:#fff!important}
.remit_checking_pop .pop_content {padding:10px 30px}
.remit_checking_pop .pop_content ul {padding:15px 0;border-bottom:1px solid #eee}
.remit_checking_pop .pop_content li {padding:5px 0;list-style:none;font-size:15px;color:#3c3c3d;font-weight:300;display:flex}
.remit_checking_pop .pop_content li strong{color:#1c1c1d;font-size:17px;font-weight:500}
.remit_checking_pop .pop_content li span  {padding-right:10px}
.remit_checking_pop .pop_content ul:last-child{border-bottom:none}
.bank_checking_pop .pop_content .content_tit  {text-align:center;font-size:24px}
.bank_checking_pop .pop_content p.content_sub_tit {text-align:center}
.bank_checking_pop .pop_content li {text-align:center;font-weight:400;font-size:17px}
.remit_checking_pop .pop_conten, .bank_checking_pop .pop_content {max-height:100%;overflow:hidden}
.remit_checking_pop .pop_tit + div, .bank_checking_pop .pop_tit + div {max-height:calc(85vh - 70px - 35px);overflow-y:auto}
/* 송금 완료 */
.remit_over {width:100%}
.remit_over .remit_result {display:flex;flex-direction:column;justify-content:space-between;background:#fff;min-height:calc(100vh - 88px);overflow-y:auto}
.remit_over .remit_result > div:first-child {padding:0 30px}
.remit_over .top {display:flex;flex-direction:column;justify-content:space-between;align-content:center;align-items:flex-start;padding:0 0 30px}
.remit_over .top .tit {width:100%;font-size:36px;color:#0c0c0c;font-weight:600;letter-spacing:1px;text-align:center}
.remit_over .top .tit span {position:relative;font-weight:500;z-index:1}
.remit_over .top .tit span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.remit_over .top .choice_btn {font-weight:300;line-height:36px;cursor:pointer}
.remit_over .top .choice_btn:hover, .remit_over.top .choice_btn:focus {background:#498cd5}
.remit_over .detail_info {padding:1vh 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.remit_over .detail_info ul {padding:10px 0;border-bottom:1px dashed #e8e9e9}
.remit_over .detail_info ul:last-child {border-bottom:none}
.remit_over .detail_info ul li {display:flex;width:100%;padding:10px 0;list-style:none;align-items:center;justify-content:space-between;font-size:22px}
.remit_over .detail_info ul li > div {}
.remit_over .detail_info ul li > div:first-child{font-weight:300;color:#3c3c3c}
.remit_over .detail_info ul li > div:last-child {font-weight:400;color:#1c1c1c}
.remit_over .detail_info ul li div.price {font-weight:600;color:#0c0c0c}
.remit_over .detail_info ul li div.nation{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
.remit_over .detail_info ul li div.nation > div {display:flex;flex-direction:row;align-items:center}
.remit_over .detail_info ul li div.nation > img {padding:0 17px}
.remit_over .detail_info ul li div.nation .send   {}
.remit_over .detail_info ul li div.nation .receive{}
.remit_over .detail_info ul li div.nation .nationalFlag{position:relative;padding:0;display:flex;align-items:center;flex-direction:row;margin-right:10px;background:rgba(0,0,0,0.06);
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.remit_over .detail_info ul li div.nation .nationalFlag img {width:30px;height:30px;padding:2px}
.remit_over .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0}
.remit_over .btn_box div {display:flex;justify-content:center;align-items:center;width:50%}
.remit_over .btn_box div:first-child {width:50%;background:#d0d1d2}
.remit_over .btn_box div:last-child  {background:#4489f5}
.remit_over .btn_box div:first-child:hover{background:#c0c1c2}
.remit_over .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.remit_over .detail_info ul li div.tx_bold{font-weight:600}
.remit_over .detail_info ul li div.exchange_info{display:flex;align-items:center}
.remit_over .detail_info ul li div.exchange_info img{padding:0 10px}
.remit_over .detail_info ul.hisINFO.num li > div:last-child {font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.remit_over .detail_info ul.hisINFO.num li > div:last-child span {font-size:0.65em;font-family:"Noto Sans KR","Nanum Gothic",sans-serif;padding-left:3px}
.remit_over .detail_info ul li div.exchange_info span {padding:5px 0 0 3px}

/* 거래내역 */
.history_area {width:100%}
.history_area .history .top {padding:0 30px;background:#f6f6f7}
.history_area .history .his_list ul {height:calc(100vh - 343px - 70px);max-height:unset;padding:0 30px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.history_area .his_list li:before{background:rgba(44,44,45,0.06)}
.history_area .his_list {background:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.history_area .account_box {align-items:center}
.history_area .account_box .acc_info {justify-content:center}
.sorlting_box {display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0}
.sorlting_box .selet_box select {border:1px solid #f7f7f7;width:100%;height:50px;padding:0 40px 0 20px;background-color:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.sorlting_box .sort_input {display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;width:calc(100% - 190px)}
.sorlting_box .sort_input input[type=text] {width:100%;margin-left:-24px;padding:0 10px 0 30px;font-size:18px;text-align:left;height:50px;border:none;background:transparent;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.sorlting_box .sort_input input[type=text]:focus, .sorlting_box .sort_input input[type=text]:active {background:#fff}
.sorlting_box .sort_input input[type=text]:-moz-placeholder{font-size:15px;letter-spacing:0;font-weight:200}
.sorlting_box .sort_input input[type=text]:-ms-input-placeholder{font-size:15px;letter-spacing:0;font-weight:200}
.sorlting_box .sort_input input[type=text]::-moz-placeholder{font-size:15px;letter-spacing:0;font-weight:200}
.sorlting_box .sort_input input[type=text]::-webkit-input-placeholder{font-size:15px;letter-spacing:0;font-weight:200}
.sorlting_box .sort_input input[type=text] ~ input {cursor:pointer;z-index:9}
.sorlting_box .sort_input label{position:absolute;bottom:17px;right:7px;color:#3c3c3d;font-size:16px;text-transform:uppercase}
.sorlting_box .sort_detail {display:flex;align-items:center;word-break:keep-all}
.sorlting_box .sort_detail:before {content:'';display:block;width:1px;height:24px;background:#e1e1e1;margin:0 25px}
.sorlting_box .sort_detail a {display:flex;padding:0 20px 0 0;color:#1c1c1d;background:url(/public/front/img/select_arr.png) center right no-repeat}
.sorlting_box .sort_detail span {display:flex;flex-direction:row;align-items:center;padding:0}
.sorlting_box .sort_detail span:after{content:'';display:block;width:5px;height:5px;background:#b1b1b1;margin:0 10px;webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.sorlting_box .sort_detail span:last-child:after{display:none}
#Sorlting_layerPoP {width:100%;height:100%;position:absolute;top:100%}
#Sorlting_layerPoP:before {content:'';position:absolute;display:block;top:0;width:100%;height:100vh;z-index:20;background:rgba(0,0,0,0.4);backdrop-filter:blur(5px)}
#Sorlting_layerPoP > div {display:flex;position:fixed;bottom:100%;width:100%;max-width:750px;padding:6vh 4vh 4vh;flex-direction:column;justify-content:flex-start;
background:#fff;-webkit-border-radius:50px 50px 0 0;-moz-border-radius:50px 50px 0 0;border-radius:50px 50px 0 0;z-index:21;transition:all 340ms ease-in-out}
#Sorlting_layerPoP .top {display:flex;justify-content:flex-end}
#Sorlting_layerPoP .top .btn-search{display:block;padding:0 30px;font-size:18px;line-height:45px;color:#fff;font-weight:600;background:#4489f5;webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;cursor:pointer}
#Sorlting_layerPoP .btn_area {width:100%;height:auto;margin-top:4vh;background:#5494da;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
#Sorlting_layerPoP .btn_area a {display:flex;align-items:center;justify-content:center;padding:3vh 0;font-size:26px;text-align:center;color:#fff}
#Sorlting_layerPoP .btn_area:hover, .btn_area:focus {background:#498cd5}
#Sorlting_layerPoP.modal-open  {top:0}
#Sorlting_layerPoP.modal-open02{top:0}
#Sorlting_layerPoP > div.modal-open  {bottom:0}
#Sorlting_layerPoP > div.modal-open02{bottom:0}
.sorlt_box {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-bottom:30px}
.sorlt_box:last-child {margin-bottom:0}
.sorlt_box .sorlt_name{font-size:22px;font-weight:300;color:#000}
.period_box, .align_box {display:flex;align-items:center;width:100%;height:auto;padding:15px 0 0}
.period_box.on {max-height:unset;flex-direction:column}
.period_tab, .align_tab {position:relative;display:flex;flex-direction:row;align-items:stretch;width:100%;height:auto}
.period_tab > div, .align_tab > div {position:relative;display:flex;width:100%;height:auto;margin:0 .5px;font-size:17px;line-height:70px;font-weight:400;color:#4c4c4d;text-align:center;background:#f6f6f7;border:1px solid #f6f6f7;cursor:pointer;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap}
.period_tab > div.on, .align_tab > div.on {background:#fff;color:#1c1c1d;border:1px solid #eaeaea;font-weight:500;z-index:10}
.period_tab > div.on:before, .align_tab > div.on:before{content:'';position:absolute;display:block;width:1px;height:calc(100% + 2px);background:#f6f6f7;top:-1px;left:-2px}
.period_tab > div.on:after, .align_tab > div.on:after  {content:'';position:absolute;display:block;width:1px;height:calc(100% + 2px);background:#f6f6f7;top:-1px;right:-2px}
.period_tab > div.on:first-child:before, .align_tab > div.on:first-child:before{display:none}
.period_tab > div.on:last-child:after, .align_tab > div.on:last-child:after    {display:none}
.period_direct {width:100%;margin-top:10px;background:#f6f6f7;display:none}
.period_direct.on {display:block}
.period_direct .wave{padding:0 30px}
.period_direct form {display:flex;justify-content:center;align-items:center}
.period_direct input{height:70px;border:none;background:transparent;font-size:17px;font-weight:300;letter-spacing:1px}

/* 게시판 */
.notice_area {width:100%;height:calc(100vh - 88px);overflow-y:auto}
.notice_area .write_btn {position:absolute;bottom:0;right:0;display:flex;z-index:99;padding:70px 0 0}
.notice_area .write_btn a  {position:absolute;display:flex;justify-content:flex-end;bottom:0;right:0;width:100px;height:100px;margin:25px}
.notice_area .write_btn a > div{width:100px;height:100px;aspect-ratio:1/1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
background-image:url(/public/front/img/write_btn.png);background-color:#4489f5;background-position:center;background-size:auto;background-repeat:no-repeat}
.coinSoting_bar {display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 30px;background:#f6f6f7;box-sizing:border-box}
.coinSoting_bar .coin_info {background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;height:50px}
.coinSoting_bar .coin_info:after {content:url(/public/front/img/arr_down02.png);width:11px;height:6px;right:20px;top:calc(50% - 4px);line-height:9px;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-filter:grayscale(100%) brightness(0);filter:grayscale(100%) brightness(0)}
.coinSoting_bar .coin_name {padding:0 60px 0 10px;width:210px}
.coinSoting_bar .coin_name img {width:30px;height:30px;margin:3px}
.coinSoting_bar .coin_name div:first-child {margin-right:7px;position:relative}
.coinSoting_bar .coin_name strong {font-size:17px;color:#1c1c1d;font-weight:400}
.coinSoting_bar .myAct_info {display:flex;align-items:center;color:#3c3c3d}
.coinSoting_bar .myAct_info span {color:#1c1c1d;font-weight:bold}
.coinSoting_bar .myAct_info div {display:flex;align-items:center}
.coinSoting_bar .myAct_info a {white-space:nowrap}
.coinSoting_bar .coin_info.btnOn {webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}
.coinSoting_bar .coin_info.btnOn:after {content:url(/public/front/img/arr_up02.png)}
.coinSoting_bar .coinList_box {webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.notice_view {}
.notice_view .v_top {border-top:1px solid #f3f3f3}
.notice_view .v_top .tit {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:35px 30px}
.notice_view .v_top .tit span, .notice_view .v_top .tit a {display:flex;align-items:center;justify-content:center;padding:0 15px;width:fit-content;height:30px;font-size:13px;line-height:13px;font-weight:300;white-space:nowrap}
.notice_view .v_top .tit span {color:#fff;background:#5c5c5d;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.notice_view .v_top .tit a {color:#fff;background:#4489f5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.notice_view .v_top .tit a:hover, .notice_view .v_top .tit a:focus {background:#3c82f3}
.notice_view .v_top .tit h6 {width:100%;margin:0 0 5px;font-size:25px;color:#0c0c0d;font-weight:400;text-align:left}
.notice_view .v_top .info{padding:0 30px;background:#f6f6f7;box-sizing:border-box;overflow:hidden;display:flex;justify-content:space-between;align-items:center}
.notice_view .v_top .info div {font-size:15px;color:#3c3c3d;font-weight:300;line-height:60px;word-break:keep-all;white-space:nowrap}
.notice_view .v_top .info div span {color:#1c1c1d;font-weight:400;word-break:keep-all;white-space:nowrap}
.notice_view .v_top .info div:last-child {display:flex;flex-wrap:wrap}
.notice_view .v_top .info div:last-child > div {display:flex;align-items:center}
.notice_view .v_top .info div:last-child > div:after, .coinSoting_bar .myAct_info div:after {content:'';display:block;width:1px;height:14px;margin:0 13px;background:#ccc} 
.notice_view .v_top .info div:last-child > div:last-child:after, .coinSoting_bar .myAct_info div:last-child:after {display:none}
.notice_view .v_body {display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:25px 30px;min-height:calc(50vh - 88px - 202px);font-size:15px;color:#4c4c4d;font-weight:500}
.notice_view .v_body .btn_box {display:flex;flex-direction:row;align-items:flex-end;justify-content:center;width:100%;padding:80px 0 0}
.notice_view .v_body .btn_box a {padding:5px 15px;margin:0 3px;font-size:15px;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.notice_view .v_body .btn_box .btn_style.del {background:#d0d1d2}
.notice_view .v_body .btn_box .btn_style.gray{background:#9c9c9d}
.notice_view .v_body .btn_box a.btn_style:hover {background:#3c3c3d}
.notice_list {min-height:calc(100vh - 88px - 80px - 70px)}
.notice_list.box-style {overflow-y:auto}
.notice_list ul {}
.notice_list ul li {padding:20px 30px;border-top:1px solid #f3f3f3;text-align:center}
.notice_list ul li a {display:flex;align-items:center;justify-content:space-between;padding:10px 0;text-align:left}
.notice_list ul li .tit {width:calc(100% - 90px);font-size:17px;color:#1c1c1d;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.notice_list ul li .tit span {padding:0 7px 0 0;font-size:14px;color:#7c7c7d}
.notice_list ul li:last-child {border-bottom:1px solid #f3f3f3}
.write_area {width:100%;overflow-y:auto}
.write_area form {display:flex;flex-direction:column;justify-content:space-between;width:100%;height:calc(100vh - 88px)}
.write_area form > div:first-child {padding:0 30px}
.write_area textarea {width:100%;height:45vh;min-height:160px;margin:10px 0;overflow-y:auto;border:0;background:#f6f6f6;padding:20px 30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.write_area textarea.focus {background:#f0f5fe}
.write_area .btn_box {display:flex;justify-content:center;align-items:center;width:100%}
.write_area .btn_box .btn_style {width:50%;font-size:20px;line-height:20px;padding:30px 0;text-align:center}
.write_area .btn_style.submit {color:#fff;background:#4489f5;border:0}
.write_area .btn_style.cancell{color:#fff;background:#5c5c5d}
.write_area .coin_info {background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.write_area .coin_info.focus {background:#f0f5fe}
.write_area .coin_info:after {content:url(/public/front/img/arr_down02.png);width:11px;height:6px;right:20px;top:calc(50% - 4px);line-height:9px;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-filter:grayscale(100%) brightness(0);filter:grayscale(100%) brightness(0)}
.write_area .coin_name {padding:20px 30px 20px 20px;width:100%}
.write_area .coin_name img {width:30px;height:30px;margin:3px}
.write_area .coin_name div:first-child {margin-right:7px;position:relative}
.write_area .coin_name strong{font-size:17px;color:#1c1c1d;font-weight:400}
.write_area .coinList_box {webkit-border-radius:0 0 30px 30px;-moz-border-radius:0 0 30px 30px;border-radius:0 0 30px 30px}
.write_area .coinList_box ul{padding:5px 0 15px}
.write_area .myAct_info {display:flex;align-items:center;color:#3c3c3d}
.write_area .myAct_info span{color:#1c1c1d;font-weight:bold}
.write_area .myAct_info div {display:flex;align-items:center}
.write_area .coin_info.btnOn{webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0}
.write_area .coin_info.btnOn:after {content:url(/public/front/img/arr_up02.png)}
.comment_area {background:#fafafa}
.comment_area > div {border-top:1px solid #efefef;padding:0 30px}
.comment_area > div:last-child {border-bottom:1px solid #efefef}
.comment_area > div.commt_writeArea {background:#f2f4f8;border:0;padding:20px 30px}
.comment_area .commt_list + .commt_writeArea {background:#f2f4f8;border:0;padding:10px 30px;width:calc(100% + 60px);margin-left:-30px}
.commt_list {padding:25px 0}
.commt_list .nickname    {font-size:14px;color:#1c1c1d;font-weight:600;letter-spacing:-0.5px}
.commt_list .commt_cont  {padding:5px 0 10px;font-size:15px;line-height:22px;color:#1c1c1d;font-weight:400}
.commt_list .commt_bottom{display:flex;justify-content:space-between;align-items:flex-start}
.commt_list .commt_bottom span {font-family:"Nanum Gothic",dotum,"돋움",sans-serif;font-size:13px;line-height:13px;font-weight:400}
.commt_list .commt_bottom .commt_btn {display:flex}
.commt_list .commt_bottom .commt_etc {display:flex}
.commt_list .commt_bottom .commt_etc span {padding:0 10px 0 0}
.commt_list .commt_bottom .commt_btn span {display:flex;padding:5px 15px;margin:0 0 0 5px;color:#fff;background:#d0d1d2;white-space:nowrap;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.commt_list .commt_bottom .commt_btn span:hover {background:#909192}
.commt_list .commt_bottom .commt-date {color:#777}
.commt_list .commt_bottom .commt-write{color:#2c2c2d;cursor:pointer}
.commt_list .commt_bottom .commt-write:hover {color:#0c0c0d;text-decoration:underline}
.commt_list + .commt_list {padding:0 0 25px 30px}
.commt_writeArea {}
.commt_writeArea > div {background:#fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.commt_writeArea textarea {width:100%;height:calc(210px - 100px);resize:none;overflow-y:auto;border:0;background:transparent;padding:0 30px}
.commt_writeArea .textArea_info {display:flex;justify-content:space-between;align-items:center;padding:10px 30px}
.commt_writeArea .textArea_info .nickname{font-size:14px;color:#1c1c1d;font-weight:600;letter-spacing:-0.5px}
.commt_writeArea .textArea_info .textLengthWrap {color:#999;font-family:"Nanum Gothic",dotum,"돋움",sans-serif;font-size:13px;line-height:13px;font-weight:300}
.commt_writeArea .textArea_info .textLengthWrap span {}
.commt_writeArea .textArea_btn {display:flex;justify-content:flex-end;gap:10px;padding:10px 30px;border-top:1px solid #f3f3f3}
.commt_writeArea .textArea_btn span, .commt_writeArea .textArea_btn input.commt_submit {padding:5px 20px;font-size:14px;line-height:20px;font-weight:400;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:0}
.commt_writeArea .textArea_btn .commt_cancel {background:#5c5c5d}
.commt_writeArea .textArea_btn .commt_submit {background:#4489f5}

/* 간편계좌 추가 */
.simpleAdd_area > form {display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:calc(100vh - 88px)}
.simpleAdd_area > form > div:first-child {padding:0 30px}
.simpleAdd_area .tx_box {background:#f9f9f9;margin:10px 0 0;padding:10px 20px 20px}
.simpleAdd_area .info_cont .tx01 {width:100%;padding:10px;font-size:20px;color:#0c0c0d;text-align:center}
.simpleAdd_area .info_cont .tx01 span {position:relative;font-weight:500;z-index:1}
.simpleAdd_area .info_cont .tx01 span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.simpleAdd_area .info_cont .tx02 ul {}
.simpleAdd_area .info_cont .tx02 ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400}
.simpleAdd_area .info_cont .tx02 ul li span{color:#2360e4}
.simpleAdd_area .info_cont .tx02 ul li b   {color:#0c0c0c}
.simpleAdd_area .btn_box {margin:30px 0 0}
.simpleAdd_area .btn_box {width:100%;margin:20px 0 0;padding:0}
.simpleAdd_area .btn_box div{display:flex;justify-content:center;align-items:center;background:#d0d1d2}
.simpleAdd_area .btn_box div.next{background:#4489f5}
.simpleAdd_area .btn_box a{display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.simpleAdd_area .input_box input {height:100px}
.simpleAdd_area.coin_area {display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 88px)}

/* 비밀번호 변경 */
.passRe_area {width:100%}
.passRe_area form {min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}
.passRe_area form > div {display:flex;flex-direction:column;padding:0 30px}
.passRe_area .input_area{margin-bottom:10px}
.passRe_area .input_box {padding:0}
.passRe_area .input_box input {padding:20px 30px;height:100px}
.passRe_area .btn_box {margin:30px 0 0}
.passRe_area .btn_box {width:100%;margin:20px 0 0;padding:0}
.passRe_area .btn_box div {display:flex;justify-content:center;align-items:center;background:#d0d1d2}
.passRe_area .btn_box div.next {background:#4489f5}
.passRe_area .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}

/* 아이디 찾기 */
.idChk_area, .idErr_area {width:100%;min-height:calc(100vh - 88px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow-y:auto}
.idChk_area .btn_box a, .idErr_area .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.idChk_area .charge-text {padding:10vh 0;text-align:center;font-size:22px;color:#4c4c4d;font-weight:400}
.idChk_area .charge-text > div{margin:0;padding:0}
.idChk_area .charge-text span {position:relative;display:block;margin:10px 0 20px;font-size:42px;color:#0c0c0d;font-weight:800;letter-spacing:1px;z-index:1}
.idChk_area .charge-text span:before{content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:20px;background:rgba(4,186,112,0.16);z-index:-1}
.idChk_area .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;width:100%}
.idChk_area .btn_box div {display:flex;justify-content:center;align-items:center}
.idChk_area .btn_box div:first-child{width:35%;background:#d0d1d2}
.idChk_area .btn_box div:last-child {width:65%;background:#4489f5}
.idChk_area .btn_box div:first-child:hover {background:#c0c1c2}
.idErr_area .charge-text{padding:10vh 0;text-align:center;font-size:22px;color:#2c2c2d;font-weight:400}
.idErr_area .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;width:100%}
.idErr_area .btn_box div{width:100%;background:#4489f5}

/* 송금 한도 */
.remit_limit {width:100%}
.remit_limit .remit_result {display:flex;flex-direction:column;justify-content:space-between;background:#fff;min-height:calc(100vh - 88px);overflow-y:auto}
.remit_limit .remit_result > div:first-child {padding:0 30px}
.remit_limit .top {display:flex;flex-direction:column;justify-content:space-between;align-content:center;align-items:flex-start;padding:0 0 30px}
.remit_limit .top .tit {width:100%;font-size:36px;color:#0c0c0c;font-weight:600;letter-spacing:1px;text-align:center}
.remit_limit .top .tit span {position:relative;font-weight:500;z-index:1}
.remit_limit .top .tit span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.remit_limit .info_cont .tx02 ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400}
.remit_limit .info_cont .tx02 ul li span{color:#2360e4}
.remit_limit .info_cont .tx02 ul li b   {color:#0c0c0c}
.remit_limit .detail_info {padding:1vh 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.remit_limit .detail_info ul {padding:10px 0;border-bottom:1px dashed #e8e9e9}
.remit_limit .detail_info ul:last-child {border-bottom:none}
.remit_limit .detail_info ul li {display:flex;width:100%;padding:10px 0;list-style:none;align-items:center;justify-content:space-between;font-size:22px}
.remit_limit .detail_info ul li > div {}
.remit_limit .detail_info ul li > div:first-child{font-weight:400;color:#3c3c3c}
.remit_limit .detail_info ul li > div:last-child {font-weight:600;color:#1c1c1c;font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.remit_limit .detail_info ul li > div:last-child span {font-size:0.65em;font-weight:500;font-family:"Noto Sans KR","Nanum Gothic",sans-serif;padding-left:3px}
.remit_limit .detail_info ul li div.tx_bold{font-weight:600}
.remit_limit .detail_info ul li div.exchange_info{display:flex;align-items:center}
.remit_limit .detail_info ul li div.exchange_info img{padding:0 10px}
.remit_limit .tx_box {background:#f9f9f9;margin:20px 0 0;padding:30px 35px;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;border-radius:20px!important}
.remit_limit .info_cont .tx02 ul {}
.remit_limit .info_cont .tx02 ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400}
.remit_limit .info_cont .tx02 ul li span{color:#2360e4}
.remit_limit .info_cont .tx02 ul li b   {color:#0c0c0c}

/* 약관 및 버전 */
.tx_area {width:100%;padding:0 30px}
.tx_area .termsOfService div, .tx_area p, .tx_area ol li {display:block;padding:2px 0;font-size:0.87em;font-weight:400;color:#4c4c4d;letter-spacing:-0.3px;line-height:1.5em}
.tx_area .termsOfService .num div, .tx_area h4 {font-weight:500;color:#1c1c1d;font-size:0.95em;padding:6px 0 0}
.tx_area h3 {font-size:1.2em}
.tx_area .version-cnt div {padding:30px 0;margin:5px 0 15px;text-align:center;font-size:1.1em;background:#f4f4f4}

/* 환율계산기 */
.compare_box {position:relative;display:flex;width:100%;padding:10px 30px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#fff}
.compare_box .top {display:flex;justify-content:space-between;align-items:center;width:100%;background:#f1f1f1;padding:0 30px;line-height:50px;
-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}
.compare_box .tit {font-size:14px;color:#0c0c0d;font-weight:300;letter-spacing:1px;font-family:"Nanum Gothic", dotum, 돋움, sans-serif}
.compare_box .top a {display:flex;justify-content:center;align-items:center}
.compare_box .top span{padding:0 10px 0 0;color:#7e7e7e;white-space:normal;text-align:right;font-size:0.9em}
.compare_box .top img {width:60px;height:20px}
.compare_box .compare_code {position:relative;cursor:pointer;display:flex;align-items:center;padding:0}
.compare_box .optionbox_box{position:absolute;top:70px;left:0;width:100%;background:#fafafa;display:none;z-index:99999;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.compare_box .optionbox_box ul {padding:15px 0}
.compare_box .optionbox_box ul li {display:flex;align-items:center;padding:0 15px}
.compare_box .optionbox_box ul li a {display:flex;align-items:center;padding:0;font-size:0.85rem;color:#3c3c3c;line-height:35px}
.compare_box .optionbox_box ul li a em{color:#808080;font-style:normal;font-weight:300;font-size:0.85em;padding:0 0 0 3px}
.compare_box .optionbox_box ul li.nation_CNY a span, .compare_box .optionbox_box ul li.nation_GBP a span {letter-spacing:-1px}
.compare_box .optionbox_box ul li a:before{content:'';display:block;width:24px;height:24px;margin:0 5px 0 0;border:2px solid #f0f0f0;
background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.compare_box .compare_code .input_box.on{}
.compare_box .compare_code .input{display:block;height:23px;margin:0 0 0 -1px}
.compare_box .compare_code .input em{display:block;margin-top:6px;font-size:1.2rem;color:#000}
.compare_box .compare_code .selectbox_box   {overflow:hidden;margin:0;display:flex;align-items:center;justify-content:space-between}
.compare_box .compare_code .selectbox_box:after {content:'';display:block;width:12px;height:10px;background:url(/public/front/img/select_arr.png) right center no-repeat;padding:0 0 0 15px}
.compare_box .compare_code.chains .selectbox_box:after {display:none}
.compare_box .select_box.chains {display:flex;justify-content:flex-end}
.compare_box .select_box.chains select {padding:25px 30px 25px 0;border:0;text-align:right}
.compare_box .compare_code .selectbox_box em{color:#808080;font-style:normal;font-weight:300;font-size:0.85em}
.compare_box .compare_code .selectbox_box label{cursor:pointer;padding:0 15px 0 7px;color:#333}
.compare_box .compare_code .selectbox_box span {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1rem;line-height:36px}
.compare_box .compare_code .selectbox_box span:before{content:'';display:block;width:47px;height:47px;margin:3px;border:5px solid #f0f0f0;
background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.compare_box .input_box   {padding:15px 0;margin:0;height:100%;background:transparent}
.compare_box .input_box input {display:block;width:100%;height:50px;border:0;padding:0 5px 0 0;margin:0;font-size:1.6rem;line-height:2rem;color:#2c2c2d;letter-spacing:0;text-align:right;vertical-align:top;background-color:aquamarine}
.compare_box .input_box span.input {position:relative;height:100%;padding:0;margin:0;background:transparent;display:flex;align-items:baseline!important;flex-direction:row}
.compare_box .input_box label.acc_unit{color:#3c3c3d;font-size:15px;text-align:right;text-transform:uppercase;word-break:keep-all;position:static}
.compare_box .select_area {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;background:#f6f6f6;padding:5px 10px;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.compare_box .select_area:after {content:'';position:absolute;width:50px;height:50px;top:calc(50% - 25px);right:calc(50% - 25px);border:5px solid #f6f6f6;
background-image:url(/public/front/img/icon_exchange.png);background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.compare_box .select_area > div {position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;background:#fff;margin:5px 0;padding:0 25px}
.compare_box .select_area > div:first-child{-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}
.compare_box .select_area > div:last-child {-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.compare_box .select_area > div .input_box {width:calc(100% - 185px)}
.coinSend.compare_box .select_area > div .input_box{width:calc(100% - 150px)}

/* SMS Service :2023.05.03 */
.smsService_area {}
.smsService_area .about_area > div, .smsService_area .apply_area > div > div, .smsService_area .edit_area, .smsService_area .remove_area {padding:10px 30px}
.smsService_area > .tab_area + div {min-height:calc(100vh - 88px - 70px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}
.smsService_area > .tab_area + div .btn_box {display:flex;width:100%;padding:0}
.smsService_area > .tab_area + div .btn_box div {display:flex;justify-content:center;align-items:center;background:#d0d1d2;width:100%}
.smsService_area > .tab_area + div .btn_box div.next {background:#4489f5!important}
.smsService_area > .tab_area + div .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.smsService_area > .tab_area + div > div .btn_box div:first-child{width:30%;background:#d0d1d2}
.smsService_area > .tab_area + div > div .btn_box div:last-child {width:70%}
.smsService_area > .tab_area + div > div .btn_box div:first-child:hover {background:#c0c1c2}
.smsService_area > .tab_area + div > div .btn_box a {font-size:18px;line-height:60px;color:#fff;text-align:center}
.smsService_area > .tab_area + div > div .btn_box.more a {line-height:80px;letter-spacing:2px;color:#3c3c3d;font-size:20px;background:#f6f6f6}
.smsService_area > .tab_area + div > div .btn_box.more a:hover {background:#eaeaea;color:#1c1c1d}
.smsService_area > .tab_area + div > div.sec01 .btn_box a {font-size:30px;line-height:120px}
.smsService_area > .tab_area + div > div.sec01 .btn_box div, .smsService_area > .tab_area + div > div .btn_box.more div:first-child {width:100%}
.smsService_area .grayHead form div {display:flex;align-items:center;justify-content:space-between;height:50px}
.tab_area {position:relative;width:100%}
.tab_area .tab_box {display:flex;justify-content:space-between;align-items:center;padding:0}
.tab_area .tab_box > div {width:calc(100% / 5);margin:0;text-align:center;background:#fff;box-shadow:-5px 5px 15px 0px rgba(0,0,0,0.1)}
.tab_area .tab_box > div a {display:block;color:#3c3c3d;font-size:20px;line-height:70px;opacity:0.8;cursor:pointer}
.tab_area .tab_box > div.on{background:#4489f5}
.tab_area .tab_box > div.on a {color:#fff;opacity:1}
.tab_area .tab_box > div:hover{}
.tab_area .tab_box > div:hover a {opacity:1}
.tab_area .tab_box > div.on:hover{}
.about_area .cont_box, .apply_area .cont_box, .edit_area .cont_box, .pay_area .cont_box, .remove_area .cont_box {width:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}
.cont_box.top {padding:0;overflow:none}
.cont_box.top .cont_inner{padding:3vh;background:#f9f9f9;overflow-y:auto}
.textList_Box > div {padding:20px 30px;background:#f7f7f7;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.textList_Box ol {display:flex;flex-direction:column}
.textList_Box ol:last-child {padding-bottom:0}
.textList_Box ol li {flex-direction:row;list-style:none;padding:3px 0}
.textList_Box ol li p {font-weight:500;color:#4c4c4d;font-size:1.1rem;margin:7px 0 5px}
.textList_Box ol li span {display:block;width:100%;color:#777;font-size:0.9rem;padding-left:13px}
.textList_Box ol > li:first-child {color:#2c2c2d;font-size:1.3rem;font-weight:bold}
.textList_Box ol > li:first-child ~ li > div {display:flex;flex-direction:row;color:#4c4c4d;font-size:1.03rem;font-weight:400}
.textList_Box ol li ul {padding:0 0 0 2rem}
.textList_Box ol li ul li {padding:3px 0;list-style:decimal-leading-zero;color:#4c4c4d}
.textList_Box ol li ul li > div {display:flex;flex-direction:row;color:#4c4c4d;font-size:0.9rem;font-weight:400}
.blackHead, .blueHead, .grayHead{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 30px;line-height:20px;border-radius:20px 20px 0 0;word-break:keep-all}
.blackHead{background-color:#5c5c5d}
.blueHead {background-color:#4489f5}
.grayHead {background-color:#f1f1f1}
.grayHead div {font-size:14px;color:#1c1c1c;font-weight:500;letter-spacing:1px}
.grayHead div span {padding-left:5px;font-size:0.85rem;color:#999;font-weight:300}
.grayHead div.date-data {color:#313131;font-size:0.93rem}
.grayHead div.date-data span{color:#313131;font-weight:400;font-size:0.93rem}
.blueHead, .blackHead label {color:#fff !important}
.check_box.blackHead {padding:5px 30px}
/* 안내 */
.about_area .cont_box.about {}
.about_area .cont_box ol li:first-child ~ li > div:before {content:'-';display:block;width:15px}
/* 신청 */
.apply_area {width:100%}
.apply_area .cont_box.apply {overflow:hidden}
.apply_area .cont_inner.agree_box {height:calc(100vh - 88px - 70px - 220px);padding-top:10px;background:#f9f9f9;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.apply_area .sec01 {display:flex;width:100%;height:calc(100vh - 88px - 70px);flex-direction:column;justify-content:space-between}
.apply_area .sec02 {display:none;width:100%;height:100%;padding:20px 0;overflow-y:auto}
.apply_area .sec03 {display:none;width:100%;height:100%;overflow-y:auto}
.apply_area .cont_inner.addPhone {padding:0;max-height:25vh;min-height:240px;background-color:#f9f9f9;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;overflow-y:auto}
.add_phoneInfo {position:relative;display:flex;flex-direction:column;width:100%;padding:15px 20px}
.add_phoneInfo ~ .add_phoneInfo {border-top:1px dashed #e1e1e1}
.add_phoneInfo .delete {position:absolute;right:0;bottom:0}
.add_phoneInfo .del_btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;cursor:pointer;
background-color:#fff;background-image:url(/public/front/img/close_arrOff.png);background-position:center center;background-repeat:no-repeat;background-size:30px}
.add_phoneInfo .del_btn:hover{background-color:#5c5c5d;background-image:url(/public/front/img/close_arrOn02.png)}
.phoneNum_addBtn {display:flex;align-items:center;justify-content:center}
.phoneNum_addBtn a {display:flex;align-items:center;justify-content:center;width:100%;height:140px;font-size:1.4rem;color:#333;background:#f7f7f7;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.phoneNum_addBtn a:after {content:'';display:block;width:50px;height:50px;background:url(/public/front/img/phoneAdd_icon.png) right center no-repeat;margin:0 0 0 15px}
.phoneNum_addBtn a:hover {background:#5c5c5d;color:#fff}
.phoneNum_addBtn a:hover:after {-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.apply_area .sec02 .btn_box{-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;overflow:hidden}
.sms_input_area {display:flex;flex-direction:row;align-items:stretch;padding:0;margin:5px 0;background:transparent}
.sms_input_area .input_box {padding:10px 0;margin:0 5px;background:transparent;width:100%}

.delete + .sms_input_area .input_box {background:#fff}
.delete ~ .sms_input_area:last-child > div {width:auto;display:flex;align-items:flex-end;height:90px;padding:10px 0;background:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.sms_input_area .input_box div {position:relative}
.sms_input_area .input_box input{padding:0 20px;font-size:18px;text-align:right;height:70px;letter-spacing:0;background-color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.sms_input_area .input_box label.acc_unit{position:absolute;top:auto;left:auto;bottom:20px;right:7px;color:#3c3c3d;font-size:16px;text-transform:uppercase}
.sms_input_area .input_box .cost_input input {padding-right:50px}
.sms_input_area .input_box .chk_addr {display:flex;justify-content:space-between;align-items:stretch}
.sms_input_area .input_box .chk_addr input {width:calc(100% - 120px)}
.sms_input_area .input_box input[type=text]:-moz-placeholder, .input_box input[type=password]:-moz-placeholder, .input_box input[type=number]:-moz-placeholder {font-size:17px;font-weight:300}/* ie */
.sms_input_area .input_box input[type=text]:-ms-input-placeholder, .input_box input[type=password]:-ms-input-placeholder, .input_box input[type=number]:-ms-input-placeholder {font-size:17px;font-weight:300}
.sms_input_area .input_box input[type=text]::-moz-placeholder, .input_box input[type=password]::-moz-placeholder, .input_box input[type=number]::-moz-placeholder {font-size:17px;font-weight:300} /* firefox 19+ */
.sms_input_area .input_box input[type=text]::-webkit-input-placeholder, .input_box input[type=password]::-webkit-input-placeholder, .input_box input[type=number]::-webkit-input-placeholder {font-size:17px;font-weight:300}
.sms_input_area .input_box select {width:100%;height:50px;padding:0 10px;background-color:#f6f6f6;font-size:17px;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.sms_input_area .input_box select option {font-size:14px}
.sms_input_area .input_box select option:first-child {color:#afb0b2}
.sms_input_area .chois_input {position:relative;display:flex;align-items:center;padding:0 20px}
.sms_input_area span.labelStyle {position:absolute;left:30px;line-height:16px;white-space:nowrap;font-size:13px;top:10px;color:#373f57;z-index:2}
.chois_input .radio_box, .chois_input .selet_box{display:flex;flex-direction:row;align-items:center;background:transparent}
.chois_input {display:flex;flex-direction:row;align-items:center;height:50px}
.chois_input .selet_box {margin-left:0}
.chois_input .selet_box > div {width:80px}
.chois_input .selet_box p {padding:0 5px;color:#999;font-weight:300;font-size:15px}
.apply_area .sec02 .cont_box.top{display:none;margin:0;box-sizing:border-box}
.apply_area .sec02 .pop_content {padding:0}
.add_phoneInfo.pop .sms_input_area {display:flex;justify-content:space-between;align-items:center;background:#f6f6f6;padding:10px 30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.add_phoneInfo.pop .sms_input_area.focus{background:#f0f5fe}
.add_phoneInfo.pop .sms_input_area.focus.readonly{background:#eaeef5}
.apply_area .sec02 .pop_inner .btn_box {margin:0}
.apply_area .sec02 .pop_inner .btn_box a {line-height:70px}
.apply_area .sec02 .pop_inner .addPhone_close_btn {position:absolute;right:1rem;top:1rem;width:30px;height:30px;background:url(/public/front/img/notice_close_btn.svg) center no-repeat transparent;cursor:pointer;z-index:999;border:none}
.apply_area .sec02 .pop_inner .add_phoneInfo .phoneNum_input {display:flex;flex-direction:row;align-items:stretch}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area .chois_input{padding:0}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area .input_box  {padding:15px 0;margin:0;border-radius:0}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area .input_box input {padding:0 10px 0 0;height:50px;font-size:25px}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area .input_box label {left:0}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area .input_box select{background-color:#fff}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area .input_box .acc_unit {right:0}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area  span.labelStyle{left:0}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area.st02 .input_box {display:flex;width:100%;background:transparent;height:80px;padding:10px 0;justify-content:flex-end;align-items:flex-end}
.apply_area .sec02 .pop_inner .add_phoneInfo .phone_verif {display:none;align-items:center !important}
.apply_area .sec02 .cont_inner.addPhone {border-radius:0}
.add_phoneInfo .verif_box {display:flex;justify-content:center;align-items:center;width:auto;padding:15px 35px;background:#eaeaea;
-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;word-break:break-all;white-space:nowrap;cursor:pointer}
.add_phoneInfo .verif_box a {font-size:15px;font-weight:400;color:#3c3c3d}
.add_phoneInfo .verif_box:hover, .add_phoneInfo .verif_box:focus {background:#4489f5}
.add_phoneInfo .verif_box:hover a, .add_phoneInfo .verif_box:focus a {color:#fff}
.add_phoneInfo .verif_box + div p {width:75px;text-align:right}
.add_phoneInfo .verif_box + div em{display:block}
.apply_area .sec02 .pop_inner .add_phoneInfo .verif_box p {padding:0 0 0 10px;color:#111;font-size:1rem}
.apply_area .sec03 .cont_box {margin:20px auto 0;padding:0 30px;box-sizing:border-box}
.apply_area .sec03 .cont_inner.addPhone02 {padding:0 30px;max-height:35vh;overflow-y:auto;background:#f9f9f9;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.apply_area .sec03 .cont_inner.addPhone03 {padding:0;background:#f9f9f9;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}
.apply_area .sec03 .cont_inner.addPhone03 .sms_input_area {padding:10px 30px;margin:0}
.apply_area .sec03 .blueHead {color:#fff;justify-content:center;text-align:center}
.apply_area .sec03 .result_area {padding:20px 0;font-size:1.1em;background:rgba(255,255,255,0.06)}
.apply_area .sec03 .result_area ~ .result_area {border-top:1px solid #eee}
.apply_area .sec03 .result_area > div {display:flex;justify-content:space-between;color:#000;padding:10px 0}
.apply_area .sec03 .result_area > div > div {font-size:1.2rem}
.apply_area .sec03 .result_area > div > div:first-child{}
.apply_area .sec03 .result_area > div > div:last-child {font-weight:600}
.apply_area .sec03 .result_area > div > div:last-child span {font-weight:300;font-size:1rem}
.apply_area .sec03 .sms_input_area {padding:10px 40px 0}
.apply_area .sec03 .sms_input_area .input_box {width:100%;background:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.apply_area .sec03 .sms_input_area .input_box input {text-align:left;padding:0 30px}
/* 납부 */
.pay_area {width:100%;height:100%}
.pay_area .cont_box {border:1px solid #fff;box-sizing:border-box}
.pay_area .grayHead {padding:10px 35px;border-radius:0;height:auto}
.pay_area .datepick {width:100%}
.pay_area .datepick form {display:flex;justify-content:center;align-items:stretch;background-color:transparent;width:100%}
.pay_area .datepick form button{background:none;border:0;color:#fff}
.pay_area .datepick form input {width:calc(100% / 2 - 20px);font-size:0.9rem;background-color:transparent;color:#333;outline:none;border:none;height:40px;line-height:40px;text-align:left}
.pay_area .datepick form > div:first-child{width:100%}
.pay_area .datepick form > div:last-child {width:100%;padding:0 0 0 20px;background:#fff}
.pay_area .datepick form > div:last-child button {width:50px;height:50px;margin:0 6px 0 0;font-size:0;cursor:pointer;
background-color:transparent;background-image:url(/public/front/img/search_arr.png);background-position:center center;background-repeat:no-repeat}
.pay_area .datepick form .select_box{display:flex;margin:0 15px}
.pay_area .datepick form .select_box select {display:flex;padding:0 12px;width:65px;font-size:0.9rem}
.pay_area .datepick form > div input[type="number"] {width:100%;min-width:120px;padding:0}
.pay_area .datepick select {width:100%;border:0;border-bottom:1px solid #dddddc;height:40px;padding:0 10px;background-color:transparent;font-size:17px;box-sizing:border-box}
.pay_area .datepick select option {font-size:14px}
.pay_area .datepick select option:first-child {color:#afb0b2}
.pay_area .pay_his {height:auto;max-height:calc(100vh - 88px - 70px - 70px - 80px);min-height:170px;margin:0;padding:0 0 15px;font-size:1.1em;background:rgba(255,255,255,0.06);border-radius:20px;overflow-y:scroll}
.pay_area .pay_his ul {display:flex;flex-direction:column;width:100%}
.pay_area .pay_his ul li {position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:28px 35px;font-size:0.9em}
.pay_area .pay_his ul li div{}
.pay_area .pay_his ul li:first-child{}
.pay_area .pay_his ul li:first-child div{}
.pay_area .pay_his ul li:first-child ~ li:hover {background:#f7fafd}
.pay_area .pay_his ul li:first-child + li:after {content:'';display:block;position:absolute;top:0;left:35px;width:calc(100% - 70px);height:1px;background:#d1d1d1}
.pay_area .pay_his ul li:first-child + li ~ li:after {content:'';display:block;position:absolute;top:0;left:35px;width:calc(100% - 70px);height:1px;background:#e8e9e9}
.pay_area .pay_his li .oder_state{width:60px;text-align:center;color:#fff;border-radius:7px;font-size:0.85em;line-height:27px;font-weight:300;border-radius:20px}
.pay_area .pay_his li .oder_state.s01{background:#eff5f5;color:#6c6c6d}
.pay_area .pay_his li .oder_state.s02{background:#575757}
.pay_area .pay_his li .oder_state.s03{background:#eb321e}
.pay_area .pay_his li .oder_info {display:flex;align-items:flex-start;flex-direction:column;color:#4b4b5a}
.pay_area .pay_his li .oder_info:first-child {width:20%;min-width:80px;max-width:100px}
.pay_area .pay_his li .oder_info:first-child + .oder_info {width:calc(80% - 130px);min-width:calc(100% - 100px - 130px);max-width:calc(100% - 80px - 130px)}
.pay_area .pay_his li .oder_phone{font-weight:300}
.pay_area .pay_his li .oder_num  {font-size:1.3rem;letter-spacing:1px;font-weight:400}
.pay_area .pay_his li .oder_date {width:60px;padding:3px 0;color:#777;font-weight:300;font-size:1rem;text-align:center}
.pay_area .pay_his li .oder_pay  {width:130px;text-align:right;font-size:1.2rem;font-weight:300;color:#4b4b5a}
.pay_area .pay_his li .oder_pay span{font-weight:500}
.pay_area .pay_his li .oder_pay a{display:inline-block;line-height:40px;padding:0 15px;text-align:center;font-size:1rem;color:#fff;background:#eb321e;border-radius:20px}
.pay_area .pay_his li .oder_state.s02 ~ div {color:#999}
.pay_area .pay_his li:first-child div {color:#000;font-size:1em;font-weight:500}
.pay_area .pay_his li:first-child .oder_date {}
.pay_area .pay_his li:first-child .oder_num  {}
.pay_area .pay_his li:first-child .oder_pay  {}
.pay_area .pay_his li:first-child .oder_state{}
/* 변경 */
.edit_area {width:100%}
.edit_area .cont_inner.edit_info{padding:0}
.edit_area .cont_box {}
.edit_area .input_box {background:#fff;padding:10px 30px}
.add_phoneInfo > .sms_input_area:last-child > div {width:auto;display:flex;align-items:flex-end;height:90px;padding:10px 0;background:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.edit_area .input_box input {font-size:25px;padding:0 0 5px}
.edit_area .input_box.readonly {min-width:250px}
.edit_area .input_box.readonly input {padding:0;font-weight:600;letter-spacing:2px}
.edit_area .input_box .acc_unit{position:absolute;top:calc(50% - 12px);right:30px;color:#3c3c3d;font-size:15px;text-transform:uppercase}
.edit_area .sms_input_area:first-child > div:first-child{}
.edit_area .sms_input_area:first-child > div:last-child {}
.edit_area .chois_input {height:60px}
/* 해지 */
.remove_area {width:100%;justify-content:flex-start!important}
.remove_area .cont_box{}
.remove_area .cont_box ~ div.cont_box {margin:15px auto}
.remove_area .cont_inner.addPhone02 {display:flex;padding:10px 30px;overflow:hidden}
.remove_area .result_area {display:flex;flex-direction:column;justify-content:center;width:100%;padding:0;font-size:1.1em;background:rgba(255,255,255,0.06)}
.remove_area .result_area ~ .result_area {border-top:1px solid #eee}
.remove_area .result_area > div {display:flex;justify-content:space-between;color:#000;padding:10px 0}
.remove_area .result_area > div > div {font-size:1.2rem}
.remove_area .result_area > div > div:first-child{font-weight:300}
.remove_area .result_area > div > div:last-child {font-weight:600}
.remove_area .result_area > div > div:last-child span {font-weight:300;font-size:1rem}
.remove_area .pop_content ol {display:flex;flex-direction:column;padding:10px 5px}
.remove_area .pop_content ol li {flex-direction:row;list-style:none;padding:3px 0}
.remove_area .pop_content ol li p {font-weight:500;color:#5e5e5e;font-size:1.1rem;margin:7px 0 5px}
.remove_area .pop_content ol li span {display:block;width:100%;color:#777;font-size:0.9rem;padding-left:13px}
.remove_area .pop_content ol > li:first-child {color:#3c3c3d;font-size:1.3rem;font-weight:bold}
.remove_area .pop_content ol > li:first-child ~ li > div {display:flex;flex-direction:row;color:#5e5e5e;font-size:1.03rem;font-weight:300}
.remove_area .pop_content ol li ul {padding:0 0 0 2rem}
.remove_area .pop_content ol li ul li {padding:3px 0;list-style:decimal-leading-zero;color:#5e5e5e}
.remove_area .pop_content ol li ul li > div {display:flex;flex-direction:row;color:#5e5e5e;font-size:0.9rem;font-weight:300}
.remove_area .pop_content ol li:first-child ~ li > div:before {content:'-';display:block;width:15px}
.remove_area .removePop_close_btn {position:absolute;right:1rem;top:1rem;width:30px;height:30px;background:url(/public/front/img/notice_close_btn.svg) center no-repeat transparent;cursor:pointer;z-index:999;border:none}

/* coin */
.top_bgColor + .coin_area {padding:20px 0 0}
.account_box.coin {flex-direction:column;padding:0}
.account_box.coin > div {display:flex;justify-content:center}
.account_box.coin > div:first-child {display:flex;justify-content:center;width:100%;padding:0 30px}
.account_box.coin .coin_info {width:200px;padding:0 50px 0 20px;background:rgba(255,255,255,0.2);webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.account_box.coin .coin_info.btnOn {background:rgba(255,255,255,1);webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0}
.account_box.coin .coin_info:after {content:url(/public/front/img/arr_down02.png);width:11px;height:6px;right:20px;top:calc(50% - 3px);line-height:9px;
position:absolute;display:flex;align-items:center;justify-content:center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.account_box.coin .coin_info.btnOn:after {content:url(/public/front/img/arr_up02.png);-webkit-filter:grayscale(100%) brightness(0);filter:grayscale(100%) brightness(0)}
.account_box.coin .coin_name {padding:10px 0}
.account_box.coin .coin_name div:first-child {margin-right:7px;background:rgba(255,255,255,0.24)}
.account_box.coin .coin_name img {width:30px;height:30px;margin:0}
.account_box.coin .coin_name strong {color:#fff;font-size:0.9em;font-weight:500}
.account_box.coin .coin_info.btnOn .coin_name strong {color:#1c1c1d}
.account_box.coin .coin_balance {padding:20px 0 60px}
.account_box.coin .coin_balance div{font-size:52px;font-weight:600;color:rgb(255, 255, 255);letter-spacing:-2px;word-break:keep-all;font-family:"Nanum Gothic", dotum, 돋움, sans-serif}
.account_box.coin .coin_balance div span{font-size:0.45em;padding-left:10px;color:rgba(255,255,255,0.72);font-weight:400;letter-spacing:0;font-family:"Noto Sans KR","Nanum Gothic",sans-serif}
.account_box.coin .coinList_box {webkit-border-radius:0 0 30px 30px;-moz-border-radius:0 0 30px 30px;border-radius:0 0 30px 30px}
.account_box.coin .coinList_box ul {padding:10px 0}
.account_box.coin .coinList_box ul li:before {width:25px;height:25px}
.account_box.coin .coinList_box ul li a {padding:0 0 0 8px;letter-spacing:1px;font-size:0.85em}
.coin_area {width:100%}
.coin_area > div {padding:0 30px}
.qrCode_area > div {padding:0 30px}
.coin_area .btn_box {width:100%;margin:20px 0 0;padding:0}
.coin_area .btn_box div {display:flex;justify-content:center;align-items:center;background:#d0d1d2}
.coin_area .btn_box div.next {background:#4489f5}
.coin_area .btn_box a {display:block;width:100%;font-size:30px;line-height:120px;color:#fff;text-align:center}
.coin_info, .coin_calculator {display:flex;align-items:center;justify-content:space-between;padding:0;position:relative;cursor:pointer}
.coin_name {display:flex;align-items:center;width:inherit}
.coin_name div:first-child{position:relative;padding:0;font-size:22px;display:flex;width:auto;align-items:center;flex-direction:row;margin-right:15px;background:rgba(0,0,0,0.07);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.coin_name div:first-child + div {display:flex;flex-direction:column;align-items:flex-start;width:100%;z-index:1}
.coin_name strong{color:#4489f5;letter-spacing:1px;word-break:break-all;white-space:nowrap;text-transform:uppercase}
.coin_name span  {color:#5c5c5d;letter-spacing:0.5px;font-weight:300;font-size:1.4rem;line-height:1.7rem;padding-left:7px;word-break:break-word}
.coin_name b     {color:#3c3c3d;letter-spacing:1px;font-weight:500;font-size:1.7rem;text-transform:uppercase}
.coin_name img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:60px;height:60px;z-index:1;margin:5px;background-color:#fff;box-sizing:content-box}
.coin_cash em {color:#2c2c2d;font-weight:600;font-style:normal;font-size:2.1rem}
.coin_manu > div {display:flex;align-items:center;justify-content:space-between}
.coin_manu div > div {width:calc((100% - 3px) / 4);font-size:1.1rem;line-height:60px;color:#333;font-weight:300;text-align:center;background:#eaeaea;cursor:pointer}
.coin_manu div > div:hover {background:#e1e1e1}
.coin_manu div > div a {display:block;color:#5c5c5d;font-weight:400;font-size:15px}
.coin_manu div > div a:hover {color:#0c0c0d}
.coin_wallet > div {display:flex;justify-content:space-between;align-items:center;flex-direction:row}
.coin_wallet > div:first-child{position:relative;width:35%}
.coin_wallet > div:last-child {font-size:32px;font-family:"Nanum Gothic",dotum,"돋움",sans-serif;font-weight:bold;text-align:right}
.coin_wallet .coin_info {width:100%;max-width:210px;min-width:200px}
.coin_wallet .country_code {position:absolute;z-index:9;top:0;left:0;width:100%;height:auto;padding:0;text-align:center;background:#4489f5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden}
.coin_wallet .coin_name div:first-child {background:rgba(255,255,255,0.2)}
.coin_wallet .coin_name img   {width:55px;height:55px}
.coin_wallet .coin_name strong{color:#fff}
.coin_wallet .coin_name span  {color:rgba(255,255,255,0.6);font-size:1.5rem;line-height:1.5rem;padding:0;text-transform:uppercase}
.coin_wallet .coinList_box {border-radius:30px;background:#3c3c3d}
.coin_wallet .coinList_box ul li {display:flex;align-items:center}
.coin_wallet .coinList_box a {color:#fafafa}
.coin_wallet .coinList_box a span {color:#808080;letter-spacing:0.5px;font-weight:300;font-size:0.85em;padding-left:7px}
.coin_wallet .coin_info:after {content:'';position:absolute;display:block;width:17px;height:9px;right:0;top:calc(50% - 5px);line-height:9px;z-index:0;
background-image:url(/public/front/img/arr_down.png);background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);opacity:0.7;z-index:0}
.coin_wallet .coin_info.btnOn:after {background-image:url(/public/front/img/arr_up.png)}
/*.coin_wallet .coinList_box ul li:before {width:30px;height:30px;border:2px solid rgba(0,0,0,0.07)}*/
.coinList_box {position:absolute;left:0;background:#f1f6fc;display:none;z-index:99999}
.coinList_box ul {padding:15px 0}
.coinList_box ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;padding:9px 20px}
.coinList_box li a {padding:0 0 0 10px;letter-spacing:1.7px;font-weight:400;font-size:0.9rem;color:#3c3c3c;text-transform:uppercase}
.coinList_box ul li:before {display:block;width:30px;height:30px;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-size:cover;background-color:#fff;background-position:center}
.coin_area .add_Coin {display:flex;align-items:center;justify-content:center;padding:0 30px;margin:15px auto;background:#fff}
.coin_area .add_Coin a {display:flex;align-items:center;justify-content:center;width:100%;height:120px;background:#f7f7f7;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.coin_area .add_Coin a:after{content:'';display:block;width:50px;height:50px;background:url(/public/front/img/phoneAdd_icon.png) right center no-repeat}
.coin_area .add_Coin a:hover{background:#5c5c5d}
.coin_area .add_Coin a:hover:after {-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.addCoin .coin_info {display:flex;flex-direction:row;padding:20px 30px;width:100%;background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;overflow:hidden}
.coin_area .coinAdd_btn {display:block;padding:0 30px;line-height:45px;font-size:1rem;color:#5c5c5d;background:#eaeaea;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;white-space:nowrap}
.coin_area .coinAdd_btn:hover {color:#fff;background:#5c5c5d}
.coin_area > div.coinBoard {text-align:right}
.coin_area > div.coinBoard a {position:relative;display:inline-block;padding:10px 15px;text-align:center;color:#3c3c3d;font-size:18px;font-weight:600}
.coin_area > div.coinBoard a:after {position:absolute;bottom:-1px;left:0;display:block;width:0;height:4px;content:"";background-color:#fff;-webkit-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;-webkit-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}
.coin_area > div.coinBoard a:hover:after{width:100%;background-color:#4489f5}
.coin_area .coin_txBox{width:100%}
.coin_area .coin_txBox > div {padding:20px 30px;border:1px solid #c1c1c1}
.coin_area .coin_txBox p.content_tit strong {position:relative;padding:0 5px;font-size:20px;color:#0c0c0d;word-break:keep-all;z-index:0}
.coin_area .coin_txBox p.content_tit strong:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}

.coin_area .coin_txBox ol {padding:0 0 0 15px}
.coin_area .coin_txBox li {font-size:15px;margin:7px 0 0}
.coin_area .coin_txBox li:first-child {margin:0}
.wallet {display:flex;flex-direction:column;padding:0;width:100%;background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;overflow:hidden}
.wallet .coin_manu{display:none;padding:0}
.wallet .coin_info{padding:40px 30px;position:relative;cursor:pointer}
.wallet .coin_info:after {content:url(/public/front/img/arr_down.png);position:absolute;display:block;width:17px;height:9px;right:30px;top:calc(50% - 5px);line-height:9px}
.wallet .coin_info.btnOn:after {content:url(/public/front/img/arr_up.png)}
.coin_area.coinHis {padding:0;flex-direction:column;overflow:hidden}
.coin_area.coinHis  > div {padding:0}
.coinHis .coin_info {position:relative}
.coinHis .coin_cash {padding-right:0}
.coinHis .coin_name {cursor:pointer}
.coinHis .coin_name:after  {content:url(/public/front/img/arr_down.png);display:flex;width:27px;height:9px;line-height:9px;padding-left:10px}
.coinHis .coin_name.on:after{content:url(/public/front/img/arr_up.png)}
.coinHis .top {display:flex;justify-content:space-between;align-items:center;width:100%;background:#f6f6f7;padding:0 30px;line-height:50px}
.coinHis .tit {font-size:18px;color:#1c1c1c;font-weight:500;letter-spacing:1px}
.coinHis .tit span {font-size:0.8em;color:#777;font-weight:200;padding-left:8px}
.coinHis .coinHistory {max-height:calc(100vh - 284px - 70px - 80px);overflow:auto}
.coinHistory ul {display:flex;flex-direction:column;align-items:stretch;min-width:max-content}
.coinHistory ul li {display:flex;justify-content:space-between;align-items:stretch;min-width:max-content;border-bottom:1px solid #f1f1f1}
.coinHistory li div{display:flex;justify-content:center;align-items:center;padding:10px 15px;font-weight:300;font-size:15px;line-height:20px;word-break:break-all;white-space:nowrap;text-align:center;box-sizing:border-box;z-index:0}
.coinHistory li em  {text-transform:uppercase;font-style:normal;padding:1px 0 0 2px;font-size:0.8em}
.coinHistory li span{display:block;padding:4px 15px;font-size:0.85rem;background:#ededed;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.coinHistory li span:hover {color:#fff;background:#5e5e5e}
.coinHistory ul li:first-child {position:sticky;top:0 !important;left:auto;background:#fff;border-bottom:1px solid #e4e4e4;z-index:2}
.coinHistory ul li:first-child div{padding:25px 15px;font-weight:500;font-size:17px;line-height:20px}
.coinHistory ul li:first-child ~ li:hover div {background:#f7fafd}
.coinHistory ul li:first-child div:first-child{position:sticky;top:0;left:0;z-index:3}
.coinHistory ul li:first-child div:first-child + div{position:sticky;top:0;left:110px;z-index:3}
.coinHistory ul li div:first-child  {position:sticky;left:0rem;top:auto;width:110px;background:#fff;z-index:1}
.coinHistory ul li div:first-child + div{position:sticky;left:110px;top:auto;width:110px;border-right:1px solid #e4e4e4;background:#fff;z-index:1}
.coinHistory ul li > div:nth-child(3){width:90px}
.coinHistory ul li > div:nth-child(4){width:calc((100% - 220px - 190px - 180px) / 2)}
.coinHistory ul li > div:nth-child(5){width:100px}
.coinHistory ul li > div:nth-child(6){width:calc((100% - 220px - 190px - 180px) / 2)}
.coinHistory ul li > div:nth-child(7){width:90px}
.coinHistory ul li > div:nth-child(8){width:90px}
.coinHis .period_tab, .coinHis .align_tab {display:flex;flex-direction:row;align-items:center;width:100%}
.coinHis .period_tab > div, .coinHis .align_tab > div {position:relative;line-height:60px;background:#f6f6f7;width:100%;font-size:17px;font-weight:300;color:#5c5c5d;text-align:center;cursor:pointer}
.coinHis .period_tab > div.on, .coinHis .align_tab > div.on {background:#4489f5;color:#fff}
.coinHis .period_direct {width:100%;margin-top:10px;background:#f6f6f7}
.coinHis .period_direct .wave{padding:0 30px}
.coinHis .period_direct form {display:flex;justify-content:center;align-items:center}
.coinHis .period_direct input{height:60px;border:none;background:transparent;font-size:17px;font-weight:300;letter-spacing:1px}
.coinHis .btn_box  {margin:0}
.coinHis .btn_box a{line-height:80px;letter-spacing:2px;color:#3c3c3d;font-size:20px;background:#f6f6f6}
.coinHis .btn_box a:hover {background:#eaeaea;color:#1c1c1d}
.coin_calculator {width:100%}
.coin_calculator > div {width:50%;padding:15px 20px;position:relative}
.coin_calculator > div:first-child:after {content:'';position:absolute;top:0;right:0;display:block;width:1px;height:100%;background:#e7e7e7}
.coin_calculator .coin_info, .coin_calculator .coin_name {width:100%}
.coin_calculator .coin_name:after   {content:'';display:block;width:12px;height:10px;background:url(/public/front/img/arr_selectDown.png) right center no-repeat;padding:0 0 0 15px}
.coin_calculator .coin_name.on:after{background-image:url(/public/front/img/arr_selectUp.png)}
.coin_calculator .coin_name img{border-radius:50%;width:30px;height:30px;z-index:1;margin:3px;background-color:#fff}
.coin_calculator .coin_name div:first-child + div {display:flex;flex-direction:row;width:100%;z-index:1}
.coin_calculator .coin_name strong{color:#333;font-size:16px;font-weight:400}
.coin_calculator .coin_name span  {color:#808080;letter-spacing:0.5px;font-weight:300;font-size:0.85em;padding-left:7px}
.coin_calculator .coinList_box {background:#fafafa}
.coin_calculator .coinList_box li a span {padding:0 0 0 10px;font-weight:300;font-size:0.85rem;color:#808080}
.coin_calculator .coinList_box ul {padding:10px 0}
.coin_calculator .coinList_box ul li {padding:8px 20px}
.coin_calculator .coinList_box ul li.coinListLogo_:before {width:24px;height:24px}
.coin_calculator .input_box {padding:0}
.coin_calculator .input_box input {padding:0 5px}
.coinSend .address_box{margin:0;padding:10px 30px;overflow:hidden}
.coinSend .address_box .add_info > div {}
.coinWithdrawal {display:block;width:100%;padding:10px 30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.coinWithdrawal .input_box input{width:100%;font-size:1.6rem;text-align:right}
.coinSend .cost_input {display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 30px;margin:0 0 10px 0;background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.coinSend .cost_input.focus {background:#f0f5fe}
.coinSend .cost_input:last-child {margin:0}
.coinSend .cost_input .input_box {width:100%;overflow:visible;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.coinSend .cost_input .input_box label {left:0}
.coinSend .cost_input .input_box .acc_unit {position:absolute;bottom:calc(50% - 10px);right:0;color:#3c3c3d;font-size:15px;text-transform:uppercase;white-space:nowrap;transition:all 0.2s ease;z-index:-1}
.coinSend .cost_input .input_box .acc_unit em {padding:0 3px;font-weight:600;color:#2c2c2d}
.coinSend .cost_input .input_box input:focus ~ span,
.coinSend .cost_input .input_box input:valid ~ span,
.coinSend .cost_input .input_box input:-webkit-autofill ~ span {font-size:13px;bottom:2px;color:#777}
.coinSend .cost_input .compare_code {width:140px}
.coinSend .cost_input .compare_code + div {width:calc(100% - 140px - 10px)}
.coinSend .cost_input:last-child .input_box input {text-align:left}
.coinSend .cost_input .compare_code .selectbox_box label {padding:0 15px 0 7px;font-size:0.9em;text-transform:uppercase}
.coinSend .cost_input .compare_code .selectbox_box span:before{width:35px;height:35px;margin:0;border:none}
.coinSend .cost_input .compare_code .optionbox_box {top:50px;background:#f1f1f1}
.coinSend .cost_input .compare_code ul li a:before{width:22px;height:22px;margin:0 5px 0 0;border:none}
.coinSend .coin_qrBTN {display:flex;justify-content:center;align-items:center;width:auto;padding:15px 20px;background:#eaeaea;
-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;word-break:break-all;white-space:nowrap;cursor:pointer}
.coinSend .coin_qrBTN:before{display:block;width:20px;height:20px;margin-right:10px;content:'';background-image:url(/public/front/img/coin_img/QRCode_icon.png)}
.coinSend .btnStyle.qrCode  {font-size:15px;font-weight:300;color:#3c3c3c}
.coinSend .coin_qrBTN:hover, .coinSend .coin_qrBTN:focus {background:#4489f5}
.coinSend .coin_qrBTN:hover .btnStyle.qrCode, .coinSend .coin_qrBTN:focus .btnStyle.qrCode {color:#fff}
.coinSend .coin_qrBTN:hover:before, .coinSend .coin_qrBTN:focus:before {-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.coinSend .tx_box {padding:15px 25px;margin:0;background:#f9f9f9;box-sizing:border-box;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.coinSend .tx_box ul {}
.coinSend .tx_box ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400;list-style-type:none}
.coinSend .tx_box ul li span{color:#2360e4}
.coinSend .tx_box ul li b   {color:#0c0c0c}
.coinSend .address_box .top {width:100%;background:#f1f1f1;padding:0 30px;border-radius:30px 30px 0 0}
.coinSend .address_box .top .tab {display:flex;justify-content:space-between;align-items:center;width:100%;line-height:50px}
.coinSend .address_box .top .tab > div:first-child {display:flex;position:relative}
.coinSend .address_box .top .tab > div:first-child:before {content:'';position:absolute;top:calc(50% - 5px);left:50%;display:flex;width:1px;height:10px;background:#bcbcbd}
.coinSend .address_box .simple_acc_add  {display:none}
.coinSend .address_box .simple_acc_add a{display:flex}
.coinSend .address_box .address_list {display:none}
.cont_box.coinSend02 {padding:0 30px;width:100%}
.coinSend02 .tit_box {width:100%;margin:0;padding:20px 0;font-size:22px;color:#0c0c0d;text-align:center;background:#fff}
.coinSend02 .tit_box > div.tx span{position:relative;font-size:24px;font-weight:500;z-index:1}
.coinSend02 .tit_box > div.tx span:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.coinSend02 .tit_box > div.price  {font-size:1.9em;font-weight:600;padding:20px 0 0}
.coinSend02 .tit_box > div.price span {font-size:2rem;font-weight:300;padding:20px 0 0}
.coinSend02 .tx_box {display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}
.coinSend02 .tx_box > div {display:flex;width:calc(50% - 5px);padding:10px 20px;justify-content:space-between;align-items:center;background:#fff}
.coinSend02 .tx_box .tx01 {display:flex;align-items:center;justify-content:center;width:45%;min-width:95px;padding:10px 0;font-size:0.9em;text-align:center;color:#1c1c1d;background:#e7e7e7;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden;font-weight:300}
.coinSend02 .tx_box .tx02 {font-size:0.95em;color:#5c5c5d}
.coinSend02 .btn_box {display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:20px}
.coinSend02 .btn_box div {display:flex;justify-content:center;align-items:center}
.coinSend02 .btn_box div:first-child {width:30%;background:#d0d1d2}
.coinSend02 .btn_box div:first-child:hover {background:#c0c1c2}
.coinSend02 .btn_box div:last-child  {width:70%}
.coinSend02.info_box, .coinSend02.agree_box{flex-direction:column}
.coinSend02.info_box > div:first-child, .coinSend02.agree_box > div:first-child{-webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0}
.coinSend02.info_box > div:last-child, .coinSend02.agree_box > div:last-child  {-webkit-border-radius:0 0 30px 30px;-moz-border-radius:0 0 30px 30px;border-radius:0 0 30px 30px;background:#f9f9f9}
.coinSend02 .info_tit {padding:12px 20px;background-color:#575757;display:flex;align-items:center;flex-direction:row;justify-content:space-between}
.coinSend02 .info_tit p {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;color:#fff;font-size:17px}
.coinSend02 .info_tit p:before {content:'';display:block;width:24px;height:24px;margin-right:7px;background-image:url(/public/front/img/logo_type3.png);background-size:contain;background-repeat:no-repeat}
.coinSend02 .info_tx {display:flex;flex-direction:column;padding:0 30px}
.coinSend02 .info_tx > div {display:flex;justify-content:space-between;align-items:center;padding:30px 5px;border-bottom:1px dashed #e8e9e9;font-size:1.2em;color:#1c1c1d;font-weight:400}
.coinSend02 .info_tx > div > div + div{font-weight:500;display:flex;align-items:center}
.coinSend02 .info_tx > div > div span {font-weight:300;margin-left:10px}
.coinSend02 .info_tx > div > div > div{display:flex;margin-right:10px;background:rgba(0,0,0,0.07);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.coinSend02 .info_tx > div > div > div + span {margin:0 10px 0 0}
.coinSend02 .info_tx > div > div img  {border-radius:50%;width:30px;height:30px;z-index:1;margin:3px;background-color:#fff}
.coinSend02 .info_tx > div:last-child {border-bottom:none}
.coinSend02 .info_tx ul {}
.coinSend02 .info_tx ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400}
.coinSend02 .info_tx ul li span{color:#2360e4}
.coinSend02 .info_tx ul li b   {color:#0c0c0c}
.coinSend02 .info_tx ul li font{color:#000;font-weight:500}
.coinSend03 {display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:calc(100vh - 88px)}
.qrCode_area{width:100%}
.qrCode_area .qrCode {flex-direction:column;padding:0;width:100%;background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;overflow:hidden}
.qrCode_area .top {position:relative;width:100%;padding:25px 35px;line-height:50px;cursor:pointer}
.qrCode_area .bottom {display:none}
.qrCode_area .top:after {content:url(/public/front/img/arr_down.png);position:absolute;display:block;width:17px;height:9px;right:35px;top:calc(50% - 5px);line-height:9px}
.qrCode_area .top.on:after {content:url(/public/front/img/arr_up.png)}
.qrCode_area .tit {display:flex;align-items:center;font-size:20px;color:#2c2c2d;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-family:"Noto Sans KR","Nanum Gothic",sans-serif}
.qrCode_area .tit > div {padding:0;display:flex;width:auto;align-items:center;flex-direction:row;margin-right:15px;background:rgba(0,0,0,0.06);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.qrCode_area .top .tit img{border-radius:50%;width:50px;height:50px;z-index:1;margin:5px;background-color:#fff}
.qrCode_area .cont_inner {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:#fff;border-left:1px solid #f6f6f6;border-right:1px solid #f6f6f6}
.qrCode_area .cont_inner .addr_txt {padding:0 0 10px;font-size:1rem;font-weight:300;letter-spacing:0.5px;text-align:center}
.qrCode_area .cont_inner .addr_img {display:flex;max-width:420px}
.qrCode_area .cont_inner .addr_img img {width:100%;height:auto}
.qrCode_area .btn_box {margin:0}
.qrCode_area .btn_box div{display:flex;justify-content:center;align-items:center;background:#eaeaea}
.qrCode_area .btn_box a  {display:block;width:100%;font-size:20px;line-height:64px;text-align:center;font-weight:300}
.qrCode_area .btn_box.w-2{display:flex;justify-content:space-between}
.qrCode_area .btn_box.w-2 > div {width:calc(50% - 0.5px)}
.qrCode_area .btn_box div a{color:#5c5c5d;font-weight:400;font-size:15px}
.qrCode_area .btn_box div a:hover {color:#0c0c0d}
.qrCode_area .btn_box.border-zero > div {border-radius:0}
.qrCode_area .btn_box.border-zero > div:hover {background:#e1e1e1}

/* gift card */ 
.giftCard_area {width:100%}
.giftCard_area .giftCard_box .top, .giftCard_area .giftCard_list .top {background:#f6f6f7}
.giftCard_area .giftCard_box .gift_cont, .giftCard_area .giftCard_list .cont_list {height:calc(100vh - 207px - 55px - 70px);overflow-y:auto}
.giftCard_area .btn_box {display:flex;width:100%;margin:0}
.giftCard_area .btn_box div {display:flex;justify-content:center;align-items:center}
.giftCard_area .btn_box div.self {width:60%;background:#5c5c5c}
.giftCard_area .btn_box div.another {width:40%;background:#f7f7f7}
.giftCard_area .btn_box a {display:block;width:100%;font-size:27px;line-height:110px;text-align:center}
.giftCard_area .btn_box div.self a {color:#fff}
.giftCard_area .btn_box div.another a {color:#333}
.giftCard_area .btn_box div.self:hover a {color:#fff;background:#4489f5}
.giftCard_area .btn_box div.another:hover a {color:#111;background:#f1f1f1}
.giftCard_btn {display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;background-color:#3b7de4}
.giftCard_btn > div {display:flex;flex-direction:row;justify-content:center;align-items:stretch;width:50%;height:100%;padding:0;margin:0 0 0;line-height:55px;font-size:18px;color:#fff;background:rgba(44,44,45,0.08);cursor:pointer}
.giftCard_btn > div.on {background:rgba(255,255,255,0.16)}
.giftCard_btn > div:hover {background:rgba(255,255,255,0.16)}
.giftCard_btn > div a {display:flex;align-items:center;justify-content:center;align-content:center;width:100%;line-height:55px;font-size:18px;color:#fff}
.giftCard_area .state {display:flex;white-space:nowrap;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.giftCard_area .state.activ   {color:#fff;background:#19b469}
.giftCard_area .state.used   {color:#fff;background:#515151}
.giftCard_area .state.expi    {color:#777;background:#e1e1e1}
.giftCard_area .state.refund{color:#777;background:#e1e1e1}
.giftCard_area .sorlting_box {padding:10px 30px}
.giftCard_area .sorlting_box form {display:flex;justify-content:space-between;width:100%}
.giftCard_area .sorlting_box .sort_input {flex-direction:row;width:calc(100% - 150px);position:relative}
.giftCard_area .selet_box {padding:0;position:relative}
.giftCard_area .selet_box select {background-position:right 10px center}
.giftCard_area .date_box {display:flex;align-items:center;justify-content:space-evenly;width:calc(100% - 150px);height:50px;padding:0 20px;background:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.giftCard_area .date_box input {width:20%;font-size:0.9rem;background-color:transparent;color:#333;outline:none;border:none;height:40px;line-height:40px;text-align:left}
.giftCard_area .date_box .wave{display:flex;align-items:center;justify-content:space-between;height:50px}
.giftCard_area .sorlting_box .sort_input input[type=text] {padding:0 50px 0 10px;margin-left:10px;background:#fff}
.giftCard_area .sorlting_box .sort_input input[type=text] ~ input {position:absolute;right:15px;top:calc(50% - 12px)}
.gift_cont {padding:10px 20px}
.gift_cont .gift_goods {display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:stretch;width:100%}
.gift_cont .gift_goods > div {width:calc((100% - 10px) / 2)}
.gift_cont .gift_goods > div a {display:flex;flex-direction:column;align-content:flex-start;align-items:stretch;padding:10px 0;width:100%}
.gift_cont .gift_goods > div .imgBox {display:flex;align-content:center;justify-content:center;align-items:center;padding:20px;background-color:#f7f7f7}
.gift_cont .gift_goods > div .imgBox img {width:100%;height:auto}
.gift_cont .gift_goods > div .txBox {padding:10px 3px 15px;font-size:16px;text-align:left;word-break:keep-all}
.gift_cont .gift_goods > div .txBox .tx_brand {font-size:0.82em;color:#777}
.gift_cont .gift_goods > div .txBox .tx_tit {padding:5px 0;color:#333}
.gift_cont .gift_goods > div .txBox .tx_price {font-size:1.07em;color:#111;font-weight:600}
.gift_cont .gift_goods > div .txBox .tx_price span {font-size:0.95em;font-weight:400;color:#333;margin-left:3px}
.giftCard_info {height:calc(100vh - 207px - 55px - 110px);overflow-y:auto}
.giftCard_info .info_top  {display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;padding:40px 0 0}
.giftCard_info .info_top > div:nth-child(1) {width:60%;padding:20px;background-color:#fafafa;border:1px solid #f1f1f1}
.giftCard_info .info_top > div:nth-child(1)  img {width:100%;height:auto}
.giftCard_info .info_top > div:nth-child(2) {display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;width:100%;padding:25px 20px;font-size:22px}
.giftCard_info .info_top > div:nth-child(2) p {font-weight:400;text-align:center}
.giftCard_info .info_top > div:nth-child(2) em {font-size:1.15em;font-style:normal;font-weight:700}
.giftCard_info .info_top > div:nth-child(2) em span {margin-left:5px;font-size:0.9em;font-weight:500}
.giftCard_info .info_top > div:nth-child(3) {width:100%;padding:0}
.giftCard_info .info_top .purchase_info {background:#fafafa}
.giftCard_info .info_top .purchase_info ul{border-top:1px solid #777}
.giftCard_info .info_top .purchase_info li {display:flex;flex-direction:row;align-content:center;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #eaeaea;list-style:none}
.giftCard_info .info_top .purchase_info li:last-child {align-items:center}
.giftCard_info .info_top .purchase_info li div {font-size:16px;word-break:keep-all;color:#333}
.giftCard_info .info_top .purchase_info li > div:first-child{width:30%;min-width:115px}
.giftCard_info .info_top .purchase_info li > div:last-child {width:70%;max-width:calc(100% - 115px);font-weight:500}
.giftCard_info .info_top .purchase_info li em {font-style:normal;font-size:17px}
.giftCard_info .info_top .purchase_info li em + span {padding:0 0 0 3px}
.giftCard_info .info_top .purchase_info .quantity {display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;width:45%;min-width:140px;border:1px solid #eaeaea}
.giftCard_info .info_top .purchase_info .quantity > div {display:flex;align-content:center;justify-content:center;align-items:center;width:40px;height:40px}
.giftCard_info .info_top .purchase_info .quantity > div:first-child, .giftCard_info .info_top .purchase_info .quantity > div:last-child {cursor:pointer;background:#f3f3f3;font-size:1.6em;font-weight:200}
.giftCard_info .info_top .purchase_info .quantity > div:nth-child(2) {width:calc(100% - 80px);font-weight:600;font-size:1.2em;color:#000;background:#fff;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}
.giftCard_info .info_top .purchase_info .quantity > div:nth-child(1) {color:#999}
.giftCard_info .info_top .purchase_info .quantity > div:nth-child(2) input[type=text] {width:100%;padding:0;font-weight:600;font-size:1em;color:#000;text-align:center}
.giftCard_info .info_top .purchase_info .quantity > input[type=button] {width:100%;height:100%;background:none}
.giftCard_info .info_cont{padding:10px 0 0;background:#f7f7f7}
.giftCard_info .info_cont > div {background:#fff}
.giftCard_info .info_cont .tab_box {display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;background:#eee;border-bottom:1px solid #e1e1e1}
.giftCard_info .info_cont .tab_box .tab {position:relative;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;width:50%;padding:15px 0;color:#5e5e5e;background:#fafafa;cursor:pointer}
.giftCard_info .info_cont .tab_box .tab.on {font-weight:600;color:#333;background:#fff}
.giftCard_info .info_cont .tab_box .tab.on:after {position:absolute;display:block;width:100%;height:2px;background-color:#5e5e5e;bottom:-1px;left:0;content:''}
.giftCard_info .info_cont > div.giftGoods_info {}
.giftCard_info .info_cont > div.giftGoods_info .c-red {color:#eb321e}
.giftCard_info .info_cont > div.giftGoods_info .c-blue{color:#2360e4}
.giftCard_info .info_cont > div.giftGoods_info .detail_info {}
.giftCard_info .info_cont > div.giftGoods_info .detail_info li {list-style:none;border-bottom:1px solid #f4f4f4}
.giftCard_info .info_cont > div.giftGoods_info .detail_info li .detail_tab {}
.giftCard_info .info_cont > div.giftGoods_info .detail_info li .detail_tab .tit {position:relative;background:#fff;padding:25px 30px;cursor:pointer}
.giftCard_info .info_cont > div.giftGoods_info .detail_info li .detail_tab .cont {display:none;padding:20px 30px;color:#555;font-size:0.9em;background:#fdfdfd;border-top:1px dashed #fafafa}
.giftCard_info .info_cont > div.giftGoods_info .detail_info li .detail_tab .tit:after {content:url(/public/front/img/arr_down.png);position:absolute;display:block;width:17px;height:9px;right:30px;top:calc(50% - 5px);line-height:9px}
.giftCard_info .info_cont > div.giftGoods_info .detail_info li .detail_tab .tit.on:after {content:url(/public/front/img/arr_up.png)}
.giftCard_info .info_cont > div.giftGoods_info.cont01 {padding:20px}
.giftCard_info .info_cont > div.giftGoods_info.cont02 {display:none}
.giftCard_list {}
.giftCard_list .cont_list {padding:20px}
.giftCard_list .cont_list ul {}
.giftCard_list .cont_list ul li {display:flex;flex-direction:column;padding:0;width:100%;margin-bottom:20px;background:#f7f7f7;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;overflow:hidden}
.giftCard_list .cont_list ul li:last-child {margin-bottom:0}
.giftCard_list .cont_list ul li .tit {display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;padding:15px 30px;background:#eaeaea;border-bottom:1px solid #f1f1f1}
.giftCard_list .cont_list ul li .tit p {font-size:17px;color:#111}
.giftCard_list .cont_list ul li .tit p span {font-size:13px;color:#555;margin:0 0 0 7px;display:none}
.giftCard_list .cont_list ul li .tit > div:last-child {display:flex;flex-direction:row;align-items:center}
.giftCard_list .cont_list ul li .tit > div:last-child a {display:block;padding-right:15px;font-size:15px;line-height:15px;background:url(/public/front/img/arr_view.png) bottom  right / 6px 12px no-repeat}
.giftCard_list .cont_list ul li .cont_tx {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 30px 25px;font-size:20px}
.giftCard_list .cont_list ul li .cont_tx > div {display:flex;flex-direction:column}
.giftCard_list .cont_list ul li .cont_tx > div:first-child{align-items:flex-start}
.giftCard_list .cont_list ul li .cont_tx > div:last-child {align-items:flex-end}
.giftCard_list .cont_list ul li .cont_tx h7 {color:#919191;font-size:0.80em}
.giftCard_list .cont_list ul li .cont_tx p {padding:5px 0 7px;font-size:1em;color:#333;font-weight:400}
.giftCard_list .cont_list ul li .cont_tx p:last-child {display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:row;padding:0}
.giftCard_list .cont_list ul li .cont_tx em {padding:0;font-style:normal;color:#000;font-weight:600;font-size:1.2em}
.giftCard_list .cont_list ul li .cont_tx span {display:flex;justify-content:center;align-items:center;margin:0 0 0 7px;padding:0 10px;line-height:30px;font-size:0.72em;color:#333;white-space:nowrap;border:1px solid #f1f1f1;background-color:#fcfcfc}
.giftCard_list .cont_list ul li .cont_tx .state {padding:5px 10px;margin-bottom:7px;font-size:0.8em}
.giftCard_list .cont_list ul li .cont_tx .date {display:flex;font-size:0.75em;color:#333}
.giftCard_detailView {height:calc(100vh - 207px - 55px);overflow-y:auto}
.giftCard_detailView  {display:flex;flex-direction:column;align-content:center;align-items:center;padding:40px 0 0}
.giftCard_detailView > div:nth-child(1) {width:60%;padding:20px;background-color:#fafafa;border:1px solid #f1f1f1}
.giftCard_detailView > div:nth-child(1)  img {width:100%;height:auto}
.giftCard_detailView > div:nth-child(2) {display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;width:100%;padding:25px 20px;font-size:22px}
.giftCard_detailView > div:nth-child(2) p {font-weight:400;text-align:center}
.giftCard_detailView > div:nth-child(2) em {font-size:1.15em;font-style:normal;font-weight:700}
.giftCard_detailView > div:nth-child(2) em span {margin-left:5px;font-size:0.9em;font-weight:500}
.giftCard_detailView > div.barcode_info {position:relative;display:flex;align-content:center;justify-content:center;align-items:center;width:100%;padding:0;background-color:#fafafa}
.giftCard_detailView > div.barcode_info .slider_box {display:flex;align-content:center;justify-content:flex-start;align-items:center;width:100%;height:100%;position:relative;overflow:hidden}
.giftCard_detailView > div.barcode_info .slider_box .slider {margin:0 auto;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all 1s cubic-bezier(1, .01, .5, 1);-o-transition:all 1s cubic-bezier(1, .01, .5, 1);transition:all 1s cubic-bezier(1, .01, .5, 1)}
.giftCard_detailView > div.barcode_info .slider_box .slider li.banner {display:flex;align-items:stretch;flex-direction:row;justify-content:center;height:auto;float:left;position:relative;padding:20px;list-style:none}
.giftCard_detailView > div.barcode_info .slider_box .slider li.banner img {width:100%;max-width:350px;height:auto}
.giftCard_detailView > div.barcode_info .pageing_btn {position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;z-index:99;top:50%;cursor:pointer}
.giftCard_detailView > div.barcode_info .previous{left:20px;transform:translate(0,-50%)}
.giftCard_detailView > div.barcode_info .next{right:20px;transform:translate(0,-50%)}
.giftCard_detailView > div.barcode_info i {font-size:30px}
.giftCard_detailView > div.purchase_info {width:100%;padding:0}
.giftCard_detailView .purchase_info > div {background:#fff}
.giftCard_detailView .purchase_info ul{border-top:1px solid #777}
.giftCard_detailView .purchase_info li {display:flex;flex-direction:row;align-content:center;align-items:center;padding:15px 20px;border-bottom:1px solid #eaeaea;list-style:none}
.giftCard_detailView .purchase_info li:last-child {align-items:center}
.giftCard_detailView .purchase_info li div {font-size:16px;word-break:keep-all;color:#333}
.giftCard_detailView .purchase_info li > div:first-child{width:32%;min-width:120px}
.giftCard_detailView .purchase_info li > div:last-child {width:68%;max-width:calc(100% - 120px);font-weight:500}
.giftCard_detailView .purchase_info li em {font-style:normal;font-size:17px}
.giftCard_detailView .purchase_info li em + span {padding:0 0 0 3px}
.giftCard_detailView .purchase_info li:last-child div {display:flex;align-content:center;justify-content:space-between;align-items:center}
.giftCard_detailView .purchase_info li:last-child p {display:flex;align-content:center;justify-content:flex-start;align-items:center;flex-direction:row;padding:0}
.giftCard_detailView .purchase_info li:last-child em {padding:0;font-style:normal;color:#000;font-weight:600;font-size:1.2em}
.giftCard_detailView .purchase_info li:last-child span {display:flex;justify-content:center;align-items:center;margin:0 0 0 7px;padding:0 10px;line-height:30px;font-size:0.8em;color:#333;border:1px solid #eaeaea;background-color:#f7f7f7}
.giftCard_detailView .purchase_info .goodsName p {display:flex;justify-content:space-between;align-items:center}
.giftCard_detailView .purchase_info .goodsName .state {padding:5px 10px;font-size:0.8em;font-weight:400}
.giftCard_detailView .purchase_info li:last-child .refund_btn {padding:5px 25px;font-size:0.9em;font-weight:400;color:#333;background:#fff;border:1px solid #eaeaea;cursor:pointer}
.giftCard_detailView .purchase_info li:last-child .refund_btn:hover {color:#fff;background:#1c1c1c;border:1px solid #000}
.giftCard_detailView .etc_info {width:100%;background:#f7f7f7}
.giftCard_detailView .etc_info .etc_tx {padding-top:10px}
.giftCard_detailView .etc_info .etc_tx .c-red {color:#eb321e}
.giftCard_detailView .etc_info .etc_tx .c-blue{color:#2360e4}
.giftCard_detailView .etc_info .etc_tx li {list-style:none;border-bottom:1px solid #f4f4f4}
.giftCard_detailView .etc_info .etc_tx li .etc_tab {}
.giftCard_detailView .etc_info .etc_tx li .etc_tab .tit {position:relative;background:#fff;padding:25px 30px;cursor:pointer}
.giftCard_detailView .etc_info .etc_tx li .etc_tab .cont {display:block;padding:20px 30px;color:#555;font-size:0.9em;background:#fdfdfd;border-top:1px dashed #fafafa}
.giftCard_detailView .etc_info .etc_tx li .etc_tab .tit:after {content:url(/public/front/img/arr_down.png);position:absolute;display:block;width:17px;height:9px;right:30px;top:calc(50% - 5px);line-height:9px}
.giftCard_detailView .etc_info .etc_tx li .etc_tab .tit.on:after {content:url(/public/front/img/arr_up.png)}

/* 법무법인 상담신청 */
.law_area {width:100%}
.law_area form {display:flex;flex-direction:column;justify-content:space-between;width:100%;height:auto;min-height:calc(100vh - 88px)}
.law_area form > div {width:100%}
.law_area .law_box {display:flex;flex-direction:column;justify-content:space-between;max-height:calc(100% - 80px);padding:0 30px;overflow-y:auto}
.law_area .law_box input {text-align:right}
.law_area .law_box textarea {width:100%;height:clamp(160px,calc(40vh - 80px),320px);min-height:160px;margin:10px 0;overflow-y:auto;border:0;background:#f6f6f6;padding:20px 30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.law_area .law_box textarea.focus {background:#f0f5fe}
.law_area .law_box .check_box {margin:20px 0 0}
.law_area .law_box .check_box label {color:#111!important;font-size:17px!important}
.law_area .btn_box {display:flex;justify-content:center;align-items:center;width:100%}
.law_area .btn_box .btn_style {width:50%;font-size:20px;line-height:20px;padding:30px 0;text-align:center}
.law_area .btn_style.submit {color:#fff;background:#4489f5;border:0}
.law_area .btn_style.cancell{color:#fff;background:#5c5c5d}
.law_area .list_box {position:relative;background:#f6f6f6;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.law_area .list_box.focus {background:#f0f5fe}
.law_area .list_box.btnOn{webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0}
.law_area .type_name {position:relative;display:flex;align-items:center;padding:20px 30px;width:100%;height:80px}
.law_area .type_name strong{font-size:17px;color:#1c1c1d;font-weight:400}
.law_area .type_box {position:absolute;left:0;background:#f0f5fe;z-index:999;display:none;webkit-border-radius:0 0 30px 30px;-moz-border-radius:0 0 30px 30px;border-radius:0 0 30px 30px}
.law_area .type_box ul{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:0 0 15px}
.law_area .type_box ul li {width:100%;list-style:none;padding:0 30px}
.law_area .type_box ul li a {display:block;width:100%;font-weight:400;font-size:17px;color:#3c3c3c;text-transform:uppercase}
.law_area .list_box .type_name:after {content:url(/public/front/img/arr_down.png);position:absolute;display:block;width:17px;height:9px;right:30px;top:calc(50% - 5px);line-height:9px}
.law_area .list_box .type_name.on:after {content:url(/public/front/img/arr_up.png)}

/* 카드신청 */
.craditCard_area {display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 88px);overflow-y:auto}
.craditCard_area .card_info {display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 88px - 110px);background-image:url(/public/front/img/creditCard_bg.png);background-color:#1c1c1c;background-size:cover;background-position:center}
.craditCard_area .card_info > div {display:flex;flex-direction:column;gap:30px;padding:5vh 0 1vh}
.craditCard_area .card_info .card_tit  {display:flex;flex-direction:column;gap:10px;text-align:center;color:#fff}
.craditCard_area .card_info .card_tit h6{font-size:43px;line-height:43px;font-family:"Black Ops One", serif;font-weight:400;font-style:normal;letter-spacing:1px}
.craditCard_area .card_info .card_tit p  {font-size:23px;line-height:23px;font-family:"Noto Sans KR","Nanum Gothic",sans-serif;font-weight:100;letter-spacing:2px}
.craditCard_area .card_info .card_img {display:flex;justify-content:center;cursor:pointer}
.craditCard_area .card_info .card_img img {width:45vw;max-width:294px;min-width:160px;height:auto;max-height:514px;filter:drop-shadow(0 0px 1rem rgba(255, 255, 255, 0.12))}
.craditCard_area .btn_box {display:flex;justify-content:center;align-items:center;width:100%}
.craditCard_area .btn_style.submit {width:100%;font-size:27px;line-height:110px;padding:0;text-align:center;color:#fff;border:0;
background:-webkit-linear-gradient(-120deg,#0e0e0e,#272727,#171717,#0e0e0e,#1c1c1d,#272727,#1c1c1d);
background:-o-linear-gradient(120deg,#0e0e0e,#272727,#171717,#0e0e0e,#1c1c1d,#272727,#1c1c1d);
background:-moz-linear-gradient(120deg,#0e0e0e,#272727,#171717,#0e0e0e,#1c1c1d,#272727,#1c1c1d);
background:linear-gradient(120deg,#0e0e0e,#272727,#171717,#0e0e0e,#1c1c1d,#272727,#1c1c1d)}

/* 에러 페이지 */
.error_area {display:flex;flex-direction:column;justify-content:center;padding:15vh 0 0;min-height:300px}
.error_area > div {display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}
.error_area .imgBox{}
.error_area .txBox {word-break:keep-all;text-align:center}
.error_area .txBox .e_code{font-size:70px;font-weight:800;color:#1c1c1c;letter-spacing:3px;line-height:70px;padding:30px 0 20px;position:relative}
.error_area .txBox .e_info {font-size:17px;font-weight:400;color:#313131}

/* 본인인증 프로세스 */
.certi_area {width:100%}
.certi_area form, .certi_area > div {display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:100%;min-height:calc(100vh - 88px);overflow-y:auto}
.certi_area form > div, .certi_area > div > div {width:100%}
.certi_area form > div:first-child, .certi_area > div > div:first-child {padding:0 clamp(10px,3vw,30px)}
.certi_area .btn_box {display:flex;justify-content:center;align-items:center;width:100%}
.certi_area .btn_style.cancell {display:flex;justify-content:center;align-items:center;border:0;font-size:30px;line-height:120px;color:#fff;text-align:center;background:#d0d1d2}
.certi_area .btn_style.submit {display:flex;justify-content:center;align-items:center;border:0;font-size:30px;line-height:120px;color:#fff;text-align:center;background:#4489f5}
.certi_area .btn_style.cancell:hover {background:#b2b2b2}
.certi_area .tit {text-align:center;font-size:25px;word-break:keep-all;line-height:40px}
.certi_area .tit strong{position:relative;padding:0 5px;color:#0c0c0d;font-weight:600;z-index:0}
.certi_area .tit strong:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.certi_box {display:flex;flex-direction:column;justify-content:flex-start;gap:10px}
.certi_box .input_box {width:100%;margin:0}
.certi_box .input_box input {height:100px}
.certi_box .input_box .acc_unit {position:absolute;bottom:calc(50% - 10px);right:30px;color:#3c3c3d;font-size:15px;color:#f00;text-transform:uppercase;white-space:nowrap;transition:all 0.2s ease;z-index:-1}
.certi_box .input_box .time_limit {position:absolute;bottom:calc(50% - 10px);right:30px;color:#3c3c3d;font-size:15px;color:#f00;text-transform:uppercase;white-space:nowrap;transition:all 0.2s ease;z-index:-1;display:none}
.certi_box .input_box input:focus ~ span.acc_unit, .certi_box .input_box input:valid ~ span.acc_unit, .certi_box .input_box input:-webkit-autofill ~ span.acc_unit {font-size:13px;bottom:3px;color:#333}
.certi_box .input_box input:focus ~ em.time_limit, .certi_box .input_box input:valid ~ em.time_limit, .certi_box .input_box input:-webkit-autofill ~ em.time_limit {display:block}
.certi_box .input_box .certi_chk  {position:absolute;top:calc(50% - 20px);right:30px}
.certi_box .input_box .certi_chk .btnStyle.ok {display:flex;align-items:center;align-content:center;padding:0 7px;font-size:15px;line-height:40px;font-weight:300;color:#fff;background:#5c5c5c;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.certi_box .input_box .certi_chk .btnStyle.ok:hover {background:#3b7de4}
.certi_box .input_box.otpPass {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;background:none}
.certi_box .input_box.otpPass h5{position:relative;padding:0 5px;font-size:25px;color:#0c0c0d;font-weight:600;text-align:center;word-break:keep-all;z-index:0}
.certi_box .input_box.otpPass h5:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.certi_box .otp-container  {display:flex;justify-content:center;gap:10px;width:clamp(210px,70%,440px)}
.certi_box .otp-container .otp-box {width:calc((100% - 50px) / 6);height:60px;padding:0;text-align:center;line-height:60px;font-weight:900;background:#f6f6f6!important;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:0}
.certi_box .txt_box {padding:clamp(10px,3vh,30px)}
.certi_box .txt_box p {font-size:19px;color:#2c2c2c;text-align:center;word-break:keep-all;line-height:30px}
.certi_box .txt_box p em {color:#2360e4;font-weight:bold;font-style:normal;display:block}
.certi_box .careful_tx {display:flex;flex-direction:column;padding:10px clamp(10px,3vh,30px);border:1px solid #c1c1c1}
.certi_box .careful_tx p {text-align:center}
.certi_box .careful_tx ul {display:flex;flex-direction:column;gap:10px;padding:20px 0;border-bottom:1px solid #eee}
.certi_box .careful_tx ul:last-child {border-bottom:0}
.certi_box .careful_tx li {list-style:none;font-size:15px;color:#3c3c3d;display:flex;word-break:keep-all}
.certi_box .careful_tx li strong{color:#1c1c1d;font-size:17px;font-weight:500}
.certi_box .careful_tx li span  {padding-right:10px}
.certi_box .careful_tx .content_inner li span  {padding-right:0}
.certi_box .careful_tx .remit_careful  {display:flex;flex-direction:column;gap:10px}
.certi_box .careful_tx .remit_careful p {padding:0}
.certi_box .careful_tx input {height:80px;padding:20px 30px;text-align:right}
.certi_box .careful_tx .content_inner {margin:0;padding:0}
.certi_box .careful_tx .content_inner li {display:block;text-align:center}
.certi_box .passChange_link {display:flex;justify-content:flex-end}
.certi_box .passChange_link a {padding:5px;font-size:15px;color:#2360e4}
.certi_box .passChange_link a:hover {text-decoration:underline}

/* 휴대폰 본인인증 */
.certi_area.phone {}
.certi_area.phone .btn_style.submit {width:100%}
/* 인증방식 선택  page */
.certiChoice_box {display:flex;flex-direction:column;justify-content:flex-start;gap:20px}
.certiChoice_box ul {display:flex;flex-direction:column;justify-content:flex-start;gap:10px}
.certiChoice_box ul li {display:flex;flex-direction:column;width:100%;background:#f6f6f6;overflow:hidden}
.certiChoice_box ul li a {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;padding:clamp(30px,4.2vh,40px) clamp(20px,3vw,30px);background:url(../../../public/front/img/arr_view.png) center right clamp(20px,3vw,30px) no-repeat;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.certiChoice_box ul li a.on {background-color:#f0f5fe;box-shadow:0 0 0 1.5px #4489f5 inset}
.certiChoice_box ul li div {padding:0;margin:0;line-height:0;font-size:0;overflow:hidden}
.certiChoice_box ul li div p {font-size:22px;color:#313131;line-height:22px}
.certiChoice_box ul li div img {width:45px;height:auto}
.certiChoice_box ul.info_box {gap:7px;padding:clamp(20px,4vh,30px) clamp(20px,3vw,30px);margin:0;background:#f6f6f6;overflow:hidden}
.certiChoice_box ul.info_box li {flex-direction:row;gap:4px;word-break:keep-all;letter-spacing:-0.3px;font-size:15px}
.certiChoice_box ul.info_box li span {color:#2360e4}
.certiChoice_box ul.info_box li b {word-break:keep-all;white-space:nowrap}
.certi_area.choice .btn_style {width:100%}
/* 간편결제 비밀번호 인증 */
.certi_area.simplePass {}
.certi_area.simplePass .btn_box {width:100%}
.certi_area.simplePass .btn_style {width:50%}
/* 간편결제 비밀번호 등록&변경 */
.certi_area.simplePass.regi {}
.certi_area.simplePass.regi .tit {padding:clamp(15px,2vh,30px) 0 clamp(30px,3vh,45px) 0}
.certi_area.simplePass.regi .btn_style.submit {width:100%}
/* 간편결제 비밀번호 완료 */
.certi_area.simplePass.succe {}
.certi_area.simplePass.succe .certi_box {display:flex;justify-content:center;height:calc(100vh - 88px - 120px);gap:30px}
.certi_area.simplePass.succe .img {display:flex;justify-content:center;align-items:center;padding-bottom:clamp(30px,10vh,60px)}
.certi_area.simplePass.succe .btn_style {width:100%}

/* 인증방식 선택  popup */
.certi_choice ul {display:flex;flex-direction:column;justify-content:flex-start;gap:10px}
.certi_choice ul li {display:flex;flex-direction:column;width:100%;background:#f6f6f6;overflow:hidden}
.certi_choice ul li a {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;padding:clamp(20px,4.2vh,30px) clamp(20px,3vw,30px);background:url(../../../public/front/img/arr_view.png) center right clamp(20px,3vw,30px) no-repeat}
.certi_choice ul li div {padding:0;margin:0;line-height:0;font-size:0;overflow:hidden}
.certi_choice ul li div p {font-size:20px;color:#313131;line-height:normal}
.certi_choice ul li div img {width:45px;height:auto}
.certi_choice .btn_style.cancell {width:100%}
.pop_wrap.simplePass .input_box:after, .pop_wrap.smsPass .input_box:after {display:none}
/* OTP popup */
.pop_wrap.simplePass .input_box.otpPass {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;background:none}
.pop_wrap.simplePass .input_box.otpPass h5{position:relative;padding:0 5px;font-size:25px;color:#0c0c0d;font-weight:600;z-index:0}
.pop_wrap.simplePass .input_box.otpPass h5:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(4,186,112,0.16);z-index:-1}
.pop_wrap.simplePass .otp-container  {display:flex;justify-content:center;gap:10px;width:clamp(210px,100%,410px)}
.pop_wrap.simplePass .otp-container .otp-box {height:60px;padding:0;text-align:center;line-height:60px;background:#fff!important;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:0}
/* SMS  popup */
.pop_wrap.smsPass .input_area .acc_unit {position:absolute;bottom:calc(50% - 10px);right:30px;color:#3c3c3d;font-size:15px;color:#f00;text-transform:uppercase;white-space:nowrap;transition:all 0.2s ease;z-index:-1}
.pop_wrap.smsPass .input_area .time_limit {position:absolute;bottom:calc(50% - 10px);right:30px;color:#3c3c3d;font-size:15px;color:#f00;text-transform:uppercase;white-space:nowrap;transition:all 0.2s ease;z-index:-1;display:none}
.pop_wrap.smsPass .input_area input:focus ~ span.acc_unit, .pop_wrap.smsPass .input_area input:valid ~ span.acc_unit, .pop_wrap.smsPass .input_area input:-webkit-autofill ~ span.acc_unit {font-size:13px;bottom:3px;color:#333}
.pop_wrap.smsPass .input_area input:focus ~ em.time_limit, .pop_wrap.smsPass .input_area input:valid ~ em.time_limit, .pop_wrap.smsPass .input_area input:-webkit-autofill ~ em.time_limit {display:block}
.pop_wrap.smsPass .input_area .certi_chk  {position:absolute;top:calc(50% - 20px);right:30px}
.pop_wrap.smsPass .input_area .certi_chk .btnStyle.ok {display:flex;align-items:center;align-content:center;padding:0 7px;font-size:15px;line-height:40px;font-weight:300;color:#fff;background:#5c5c5c;webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.pop_wrap.smsPass .input_area .certi_chk .btnStyle.ok:hover {background:#3b7de4}
.pop_wrap.smsPass .txt_box {padding:20px 0 0}
.pop_wrap.smsPass .txt_box p {font-size:19px;color:#2c2c2c;text-align:center;word-break:keep-all;line-height:30px}
.pop_wrap.smsPass .txt_box p em {color:#2360e4;font-weight:bold;font-style:normal}

/* 코인수다 */
.coinASK_area {width:100%}
.coinASK_area > form {display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:100%;min-height:calc(100vh - 88px)}
.coinASK_area > form > div {display:flex;width:100%}
.coinASK_area > form > div:first-child {flex-direction:column;gap:20px;width:100%}
.coinASK_area .btn_area {flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}
.coinASK_area .btn_area .btn_style {width:50%}
.coinASK_area .btn_style.cancell {display:flex;justify-content:center;align-items:center;border:0;font-size:30px;line-height:100px;color:#fff;text-align:center;background:#d0d1d2}
.coinASK_area .btn_style.submit {display:flex;justify-content:center;align-items:center;border:0;font-size:30px;line-height:100px;color:#fff;text-align:center;background:#4489f5}
.coinASK_area .btn_style.cancell:hover {background:#b2b2b2}
.coinASK_area .v_top .tit {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1}
.coinASK_area .v_top .tit h6 {width:100%;margin:0 0 5px;font-size:25px;color:#0c0c0d;font-weight:400;text-align:left}
.coinASK_area .v_top .tit h7 {width:100%;margin:0;font-size:21px;color:#0c0c0d;font-weight:400;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.coinASK_area .v_top .tit h7 strong {padding-right:7px}
.coinASK_area .v_top .tit p {font-size:15px;color:#111;font-weight:300;text-align:left}
.coinASK_area .v_top .tit span {font-size:17px;font-weight:400}
.coinASK_area .v_top .tit a {display:flex;align-items:center;justify-content:center;padding:0 15px;width:auto;height:25px;font-size:13px;line-height:13px;font-weight:300;white-space:nowrap;color:#fff;background:#5c5c5d;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.coinASK_area .v_top .tit a:hover, .coinASK_area .v_top .tit a:focus {background:#414141}
.coinASK_area .v_top ~ div {padding:0 20px}
.coinASK_area .v_body {display:flex;flex-direction:column;gap:7px}
.coinASK_area .v_body textarea {width:100%;height:35vh;min-height:160px;overflow-y:auto;border:0;background:#f6f6f6;padding:20px 30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.coinASK_area .v_body textarea.focus {background:#f0f5fe}
.coinASK_area .v_body .btn_box {display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%;gap:5px}
.coinASK_area .v_body .btn_box a {padding:5px 25px;font-size:15px;color:#fff;word-break:keep-all;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.coinASK_area .v_body .btn_box .btn_style.del {background:#d0d1d2}
.coinASK_area .v_body .btn_box .btn_style.gray{background:#9c9c9d}
.coinASK_area .v_body .btn_box a.btn_style:hover {background:#3c3c3d}
.coinASK_area .v_bottom {}
.coinASK_area .v_bottom .agree_box .check_box {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 24px;background:#f1f1f1}
.coinASK_area .v_bottom .agree_box .check_box label {}
.coinASK_area .v_bottom .agree_box .check_box label span {font-size:14px}
.coinASK_area .v_bottom .agree_box .check_box .detail_btn{display:block;padding:5px 10px;margin:0 0 0 10px;font-size:13px;color:#fff;cursor:pointer;background:#7c7c7d;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;word-break:keep-all}
.coinASK_area .v_bottom .agree_box .check_box .detail_btn:hover{background:#5c5c5d}
.coinASK_area .v_bottom .agree_box .info_cont {padding:15px 25px;margin:0;background:#f9f9f9;box-sizing:border-box}
.coinASK_area .v_bottom .agree_box .info_cont .tit {font-weight:600;color:#2360e4;font-size:17px}
.coinASK_area .v_bottom .agree_box .info_cont .tx01 ul {}
.coinASK_area .v_bottom .agree_box .info_cont .tx01 ul li {list-style:none;padding:5px 0;font-size:15px;line-height:24px;color:#1c1c1d;font-weight:400;list-style-type:none}
.coinASK_area .v_bottom .agree_box .info_cont .tx01 ul li span {color:#f00}
.coinASK_area .v_bottom .agree_box .info_cont .tx01 ul li b {color:#0c0c0c}
.coinASK_area .v_bottom .comment_area {max-height:calc(100vh - 88px - 286px - 357px);background:#fafafa;overflow-y:auto}
.coinASK_area .v_bottom .comment_area > div {border-top:1px solid #efefef;padding:0 30px}
.coinASK_area .v_bottom .comment_area > div:last-child {border-bottom:1px solid #efefef}
.coinASK_area .v_bottom .commt_list {padding:20px 0}
.coinASK_area .btn_area .commt_writeArea {width:100%;background:#f2f4f8;border:0;padding:20px}
.commt_writeArea {}
.commt_writeArea > div {background:#fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.commt_writeArea textarea {width:100%;height:50px;resize:none;overflow-y:auto;border:0;background:transparent;padding:0 30px}
.commt_writeArea .textArea_info {display:flex;justify-content:space-between;align-items:center;padding:10px 30px}
.commt_writeArea .textArea_info .nickname{font-size:14px;color:#1c1c1d;font-weight:600;letter-spacing:-0.5px}
.commt_writeArea .textArea_info .textLengthWrap {color:#999;font-family:"Nanum Gothic",dotum,"돋움",sans-serif;font-size:13px;line-height:13px;font-weight:300}
.commt_writeArea .textArea_info .textLengthWrap span {}
.commt_writeArea .textArea_btn {display:flex;justify-content:flex-end;gap:10px;padding:10px 30px;border-top:1px solid #f3f3f3}
.commt_writeArea .textArea_btn span, .commt_writeArea .textArea_btn input.commt_submit {padding:5px 20px;font-size:14px;line-height:20px;font-weight:400;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:0}
.commt_writeArea .textArea_btn .commt_cancel {background:#5c5c5d}
.commt_writeArea .textArea_btn .commt_submit {background:#4489f5}
.coinASK_area.mypage > form {gap:0}
.coinASK_area.mypage .btn_area .btn_style {width:100%}
.coinASK_area.mypage .v_body textarea {height:17vh;overflow-y:auto}
.coinASK_area.mypage .v_bottom {padding:0}
/* 코인수다 : mypage */
.mypage_area {width:100%}
.mypage_area .top_tab {display:flex;flex-direction:row;justify-content:space-between;width:100%;background:#eaeaea}
.mypage_area .top_tab a {position:relative;display:flex;justify-content:center;align-items:center;width:calc((100% - 2px) / 3);font-size:17px;color:#4e4e4e;height:80px;text-align:center;background:#f7f7f7}
.mypage_area .top_tab a:hover {color:#000;background:#f1f1f1}
.mypage_area .top_tab a.on {color:#000;background:#fff}
.mypage_area .top_tab a.on:after {position:absolute;bottom:0;left:0;display:flex;width:100%;height:2px;background:#212121;content:''}
.mypage_area .notice_list ul li a {flex-wrap:wrap;gap:7px}
.mypage_area .notice_list ul li .tit {width:100%;font-size:21px;text-align:left}
.mypage_area .notice_list ul li .date, .mypage_area .notice_list ul li .commet_count {font-size:13px;color:#777}
.mypage_area .notice_list ul li .commet_count em {font-style:normal}
.mypage_area .notice_list ul li .ask {display:flex;flex-direction:column;width:100%;padding:10px 30px;border-top:1px dashed #fafafa;background:#fafafa}
.mypage_area .notice_list ul li .wrote {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;padding:25px 30px 20px}
.mypage_area .notice_list ul li .trans_box {display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0;width:100%;padding:20px 30px;border-top:1px dashed #fafafa;background:#fafafa}
.mypage_area .notice_list ul li .trans_btn {display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
.mypage_area .notice_list ul li .btn_box {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;padding:0}
.mypage_area .notice_list ul li .btn_box .btn_style {display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:50px}
.mypage_area .notice_list ul li .btn_box .btn_style.cancell {color:#fff;background:#3c3c3c}
.mypage_area .notice_list ul li .btn_box .btn_style.submit {color:#fff;background:#4489f5}
.mypage_area .notice_list ul li .btn_box .btn_style.info_chk {color:#fff;background:#19b469}
.mypage_area .notice_list ul li .btn_box .btn_style.disabled {color:#fff;background:#b2b2b2;pointer-events:none;cursor:no-drop}
.mypage_area .notice_list ul li .btn_box .btn_style.report {color:#fff;background:#f00;width:32%;min-width:120px}
.mypage_area .notice_list ul li .btn_box .btn_style.cancell:hover {background:#999}
.mypage_area .notice_list ul li .btn_box .btn_style.submit:hover {background:#4081e7}
.mypage_area .notice_list ul li .state {font-size:13px}
.mypage_area .notice_list ul li .info {display:flex;gap:7px}
.mypage_area .notice_list ul li .info .state {display:flex;padding:4px 10px;font-size:12px;color:#fff}
.mypage_area .notice_list ul li .state.Chk {color:#4489f5}
.mypage_area .notice_list ul li .state.nChk {color:#f00}
.mypage_area .notice_list ul li .state.acc {color:#fff;background:#19b469}
.mypage_area .notice_list ul li .state.ref {color:#515151;background:#ccc}
.mypage_area .notice_list ul li .state.sell {background:#4489f5}
.mypage_area .notice_list ul li .state.buy {background:#f00}
.mypage_area .notice_list ul li .trans_info {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:0 20px;width:100%}
.mypage_area .notice_list ul li .trans_info > div {display:flex;flex-direction:row;align-items:center;gap:5px;word-break:keep-all;white-space:nowrap}
.mypage_area .notice_list ul li .trans_info > div span {font-size:15px;color:#444;font-weight:400}
.mypage_area .notice_list ul li .trans_info > div p {font-size:15px;color:#000;font-weight:500}
.mypage_area .notice_list ul li .trans_btn p {display:block;width:auto;width:calc(100% - 60px);font-size:14px;color:#000;font-weight:300;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mypage_area .notice_list ul li .trans_btn p span {padding-left:5px}
.mypage_area .notice_list ul li .trans_btn .copy {display:flex;width:50px;height:25px;justify-content:center;align-items:center;font-size:14px;color:#fff;font-weight:400;background:#313131}
.mypage_area .notice_list ul li p {padding:3px 0;font-size:15px;line-height:22px;color:#1c1c1d;font-weight:400;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mypage_area .notice_list ul li span {padding:3px 0;font-size:14px;color:#1c1c1d;font-weight:600;letter-spacing:-0.5px}
.mypage_area .notice_list ul li p + div {width:10px;height:10px;font-size:0;line-height:0;padding:0;margin:0}
.solting_layer + .notice_list ul li {padding:0;border-top:1px solid #e4e4e4}
.solting_layer + .notice_list ul li a {padding:0;gap:0;background:#fff}
.solting_layer + .notice_list ul li:hover .wrote {background:#f2f4f8;-webkit-transition:all 0.14s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
.solting_layer + .notice_list ul li:hover .ask, .solting_layer + .notice_list ul li:hover .trans_box {border-top:1px dashed #e1e1e1;background:#f0f5fe;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
.solting_layer {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;padding:12px 20px;background:#fff}
.solting_layer a {display:block;padding:0 15px;font-size:14px;line-height:36px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.solting_layer a em {font-style:normal}
.solting_layer a.sort_detail {background:#f4f4f4;color:#111}
.solting_layer a.chk {background:#f1f1f1;color:#111}
.solting_layer a.nchk {background:#f1f1f1;color:#111}
.solting_layer a.report {background:#f00;color:#fff}
.solting_layer a:hover {color:#fff}
.solting_layer a.sort_detail:hover {background:#3c3c3d}
.solting_layer a.chk:hover {background:#4489f5}
.solting_layer a.nchk:hover {background:#f00}
.solting_layer a.report:hover {background:#cc0000}
.mypage_layer .top + div {display:flex;flex-direction:column;gap:25px}
.mypage_layer .sorlt_box {margin-bottom:0}
.mypage_layer .input_box {width:100%}
.mypage_layer .input_box .sort_input {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 30px;}
.mypage_layer .input_box .sort_input input {padding:0;height:60px}
.mypage_layer .input_box .sort_input input[type=image] {width:24px;height:24px}
.mypage_layer .period_box .period_direct {margin:0}
.pop_wrap.modal.cointrans_pop .pop_bottom > div {width:100%}
#container .modal.cointrans_pop .pop_inner .check_box label {}
#container .cointrans_pop .pop_inner .check_box label {padding:0 0 0 40px}
#container .cointrans_pop .pop_inner .check_box label:before {content:'';top:calc(50% - 15px);width:30px;height:30px;background-size:cover}
#container .cointrans_pop .pop_inner .check_box input:checked+label:before {background-size:cover}
.coinASK_area .trans_form .v_top .tit {display:flex;flex-direction:row;justify-content:space-between;gap:15px}
.coinASK_area .trans_form .v_top .tit h7 {width:calc(100% - 65px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.coinASK_area .v_top .tit .state {display:flex;padding:4px 10px;font-size:15px;color:#fff}
.coinASK_area .v_top .tit .state.sell {background:#4489f5}
.coinASK_area .v_top .tit .state.buy {background:#f00}
.coinASK_area .input_area {display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:5px}
.coinASK_area .input_box {margin:0}
.coinASK_area .selet_box {width:100%}
.coinASK_area .selet_box select {width:100%;border:0;height:80px;font-size:17px;text-transform:uppercase}
.coinASK_area .selet_box select option {font-size:14px;text-transform:uppercase}
.coinASK_area .selet_box select option:first-child {color:#afb0b2}
.trans_method {display:flex;flex-direction:column;gap:20px;width:100%;padding:30px;background:#f0f5fe}
.trans_method .radio_box {flex-wrap:wrap;flex-direction:row;justify-content:center;gap:clamp(20px,4.5vw,45px)}
#container .trans_method .radio_box div ~ div {margin:0}
.trans_method .bank_info {display:flex;display:none}
.trans_method .bank_info ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}
.trans_method .bank_info ul li {display:flex}
.trans_method .bank_info ul li div {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;word-break:keep-all;white-space:nowrap}
.trans_method .bank_info ul li div p {font-size:17px;color:#444;font-weight:400}
.trans_method .bank_info ul li div span {font-size:17px;color:#000;font-weight:500}
.notice_list ul.trans_list {display:flex;flex-direction:column;gap:15px;padding:0 20px}
.notice_list ul.trans_list li {border:1px solid #e4e4e4;overflow:hidden}
.coinASK_area.mypage_area > form {min-height:calc(100vh - 88px - 80px)}
.coinASK_area.mypage_area .top_tab a {width:calc((100% - 3px) / 4)}
.coinASK_area textarea {width:100%;height:20vh;min-height:160px;overflow-y:auto;border:0;background:#f6f6f6;padding:20px 30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.coinASK_area textarea.focus {background:#f0f5fe}
.coinASK_area.mypage_area .trans_method .trans_info {}
.coinASK_area.mypage_area .trans_method .trans_info ul {display:flex;flex-direction:column;gap:5px}
.coinASK_area.mypage_area .trans_method .trans_info ul li {display:flex;color:#333;font-size:17px}
.coinASK_area.mypage_area .trans_method .trans_info ul li span {font-weight:500;color:#000;padding:0 0 0 3px}
.coinASK_area.mypage_area .trans_method .trans_info ul li p {font-size:15px;font-weight:400;color:#f00;text-align:center;word-break:keep-all;width:100%}
.coinASK_area.mypage_area .trans_method .trans_info ul li strong{position:relative;font-size:20px;padding:0 0 7px;z-index:0;color:#000}
.coinASK_area.mypage_area .trans_method .trans_info ul li strong:before {content:'';position:absolute;display:block;bottom:7px;left:0;width:100%;height:10px;background:rgba(4,186,112,0.16);z-index:-1}
.coinASK_area.mypage_area section {display:flex;flex-direction:column;gap:10px;padding:20px 30px}
.coinASK_area.mypage_area section.sec03 textarea, .coinASK_area.mypage_area section.sec04 textarea {height:30vh}

@media (min-width:1024px){
} 
@media (max-width:720px){
.delete ~ .sms_input_area:last-child {flex-direction:column}
.add_phoneInfo > .sms_input_area:last-child > div{justify-content:flex-end}
.add_phoneInfo > .sms_input_area:last-child > div:first-child{margin:0 0 5px}
.add_phoneInfo > .sms_input_area:last-child > div:last-child {margin:5px 0 0;justify-content:flex-end}
.apply_area .add_phoneInfo > .sms_input_area:last-child > div:last-child {width:calc(100% - 30px)}
}
@media (max-width:670px){
.cont_box.coin_wallet {padding:40px 30px}
.coin_wallet > div:first-child {width:30%}
.coin_wallet .coin_info {max-width:none;min-width:170px}
.coin_name div:first-child {margin-right:10px}
.coin_wallet .coin_name img {width:50px;height:50px}
.coin_wallet .coin_name span{color:#fff;font-size:1.3rem;font-weight:400}
.coin_wallet .coin_name strong, .coin_wallet .coinList_box a span {display:none}
.coinList_box li a {letter-spacing:0.5px;font-weight:300;font-size:0.85rem}
.acc_num{width:100%}
.sms_input_area .delete + .sms_input_area {}
.sms_input_area:last-child {flex-direction:column}
.sms_input_area .input_box {padding:10px 0}
.sms_input_area .input_box ~ div.input_box  {margin:0}
.sms_input_area .input_box .cost_input input{padding-right:30px}
.sms_input_area .delete + .sms_input_area .input_box {}	
.sms_input_area .delete + .sms_input_area .input_box:first-child{width:calc(42% - 10px);margin-right:20px}
.sms_input_area .delete + .sms_input_area .input_box:last-child {width:calc(58% - 10px)}
.sms_input_area .input_box label.acc_unit {font-size:14px;bottom:15px}
.sms_input_area .input_box input[type=text]:-moz-placeholder, .input_box input[type=password]:-moz-placeholder, .input_box input[type=number]:-moz-placeholder{font-size:15px;letter-spacing:0}
.sms_input_area .input_box input[type=text]:-ms-input-placeholder, .input_box input[type=password]:-ms-input-placeholder, .input_box input[type=number]:-ms-input-placeholder{font-size:15px;letter-spacing:0}
.sms_input_area .input_box input[type=text]::-moz-placeholder, .input_box input[type=password]::-moz-placeholder, .input_box input[type=number]::-moz-placeholder{font-size:15px;letter-spacing:0}
.sms_input_area .input_box input[type=text]::-webkit-input-placeholder, .input_box input[type=password]::-webkit-input-placeholder, .input_box input[type=number]::-webkit-input-placeholder{font-size:15px;letter-spacing:0}
.edit_area .phoneNum {height:50px}
.edit_area .input_box .acc_unit{display:none}
.edit_area .input_box.readonly {min-width:auto}
.edit_area .input_box.readonly input {letter-spacing:0}
.apply_area .cont_inner.addPhone{max-height:30vh;min-height:300px}
.addPhone input + .add_phoneInfo{padding:15px 20px 30px}
.addPhone .add_phoneInfo ~ .add_phoneInfo {padding:30px 20px}
}
@media (max-width:640px){
.coin_area .coinAdd_btn {font-size:0.9rem}
.coin_name strong{letter-spacing:0;font-size:0.8rem}
.coin_name span  {font-size:1.5rem;line-height:1.5rem}
.coin_name img   {width:50px;height:50px}
.quick_box ul  {flex-wrap:wrap}
.quick_box ul li {width:calc(50% - 5px);margin:0}
.quick_box ul li:nth-child(odd) {margin-right:5px}
.quick_box ul li:nth-child(even){margin-left:5px}
.quick_box ul li:nth-child(1), .quick_box ul li:nth-child(2) {margin-bottom:10px}
.idChk_area .btn_box div:first-child, .idChk_area .btn_box div:last-child {width:50%}
}
@media (max-width:620px){	
.coin_wallet .coin_info {min-width:160px}
.coin_wallet .coin_name img {width:40px;height:40px}
.coin_wallet > div:last-child {font-size:30px;letter-spacing:-.5px}
.coinList_box ul li:before {width:27px;height:27px}
.cont_box.account_info {padding:20px 30px}
.account_info .acc_price div, .account_box .acc_price div, .account_box.coin .coin_balance div {font-size:50px;line-height:50px}
.coinHis .coinHistory {max-height:calc(100vh - 268px - 70px - 80px)}
.account_box.coin .coin_balance div span {display:none}
.donation .tit, .notice .tit {font-size:20px;align-items:center}
.notice .tx_list {left:140px}
.donation .tx_list p, .notice .tx_list p {font-size:16px}
#History_layerPoP > div, .History_layerPoP > div, #Sorlting_layerPoP > div {padding:40px}
#History_layerPoP .top {padding-bottom:25px}
#History_layerPoP .top .type {font-size:16px;font-weight:300}
#History_layerPoP .top .ID, .remit_over .top .tit, .remit_limit .top .tit {font-size:32px}
#History_layerPoP .detail_info ul, .remit_over .detail_info ul {padding:5px 0}
#History_layerPoP .detail_info ul li, .remit_over .detail_info ul li, .remit_limit .detail_info ul li {padding:7px 0;font-size:17px}
#History_layerPoP .detail_info ul li div.nation .nationalFlag img, .remit_over .detail_info ul li div.nation .nationalFlag img {width:25px;height:25px;margin:2px}
#History_layerPoP .btn_area a, #Sorlting_layerPoP .btn_area a {padding:20px 0;font-size:1.4em}
.History_layerPoP .top {padding-bottom:25px}
.History_layerPoP .top .type {font-size:16px;font-weight:300}
.History_layerPoP .top .ID, .remit_over .top .tit, .remit_limit .top .tit {font-size:26px}
.History_layerPoP .detail_info ul, .remit_over .detail_info ul {padding:5px 0}
.History_layerPoP .detail_info ul li, .remit_over .detail_info ul li, .remit_limit .detail_info ul li {padding:7px 0;font-size:17px}
.History_layerPoP .detail_info ul li div.nation .nationalFlag img, .remit_over .detail_info ul li div.nation .nationalFlag img {width:25px;height:25px;margin:2px}
.History_layerPoP .btn_area a, #Sorlting_layerPoP .btn_area a {padding:20px 0;font-size:1.4em}
#Sorlting_layerPoP .btn_area {margin-top:10px}
.charge_area .tit_box.box-style02 {letter-spacing:-0.3px;font-size:20px;font-weight:500}
.agree_box .check_box {padding:15px 18px}
#container .check_box label {letter-spacing:-0.3px;font-size:15px}
.charge_area .tx_box .tx01 {font-size:0.9em;min-width:70px}
.charge_area .tx_box .tx02 {font-size:0.95em}
.remit_info ul li > div:first-child {font-size:1em}
.remit_info ul li > div:last-child, .remit_info ul li.send_cost div:last-child p, .remit_info li.send_cost p, .remit_info li.get_cost p, .remit_info li.receive_addr p.to_id {font-size:23px}
.remit_info ul li div.nationalFlag img {width:20px;height:20px;margin:3px}
.remit_info ul li div.ex {font-size:0.97em}
.remit_info ul li div.ex:before {width:35px;height:35px}
.address_box li div.nationalFlag img {width:30px;height:30px;margin:3px}
.address_box .addr-list {padding:0 30px}
.login_area .country_choise, .login_area form {width:85%}
.pay_area .datepick form {flex-wrap:wrap;justify-content:space-between}
.pay_area .datepick form input {min-width:130px;padding:0 10px}
.pay_area .datepick form > div:first-child{justify-content:center;width:calc(100% - 100px - 15px);background:#fff}
.pay_area .datepick form > div:last-child {width:100%;margin-top:15px}
.pay_area .datepick form > div .lt.wave {padding:0}
.pay_area .datepick form input[type="date"] {text-align:center;padding:0 15px 0 0}
.pay_area .datepick form input[type="hidden"] + input[type="date"] {padding:0 10px 0 15px}
.pay_area .datepick form .select_box{width:100px;margin:0;background:#fff}
.pay_area .datepick form .select_box select{width:100%;border-bottom:0}
.pay_area .datepick form .select_box > div {width:100%}
.coinSend.compare_box .top span {display:none}
.coinSend02 .tit_box > div.price {display:flex;flex-direction:column;align-items:center;font-size:1.7em}
.coinSend02 .tit_box > div.price span {padding:0}
.pay_area .pay_his {max-height:calc(100vh - 88px - 70px - 135px - 80px)}
.pay_area .pay_his li .oder_pay a {font-size:0.85rem}
.edit_area .add_phoneInfo {padding:20px 30px}
.pop_tit {height:60px}
.pop_content {padding:20px 25px;max-height:calc(85vh - 60px - 35px)}
.coin_cash em {font-size:26px}
.giftCard_area .giftCard_box .gift_cont, .giftCard_area .giftCard_list .cont_list {height:calc(100vh - 195px - 55px - 70px)}
.giftCard_info {height:calc(100vh - 195px - 55px - 110px)}
}
@media (max-width:600px){
.cont_box.notice, .cont_box.donation {padding:30px}
.his_list ul, .history .top {padding:0 30px}
.his_list li div.id, .his_list li div.price {font-size:19px;line-height:28px}
.his_list li > div {width:calc(100% - 145px)}
.his_list li div:last-child {width:145px}
.his_list li div.date {font-size:15px;font-weight:300}
.his_list li div:first-child > div:last-child {padding-left:15px}
.his_list li div.totalBalance {padding:10px 0 0;line-height:17px}
.user_info b {font-size:25px;line-height:25px}
.user_info b span {font-size:16px;line-height:16px}
}
@media (max-width:570px){
.coin_wallet .coin_info {min-width:140px}
.coin_wallet .coin_name img {width:35px;height:35px}
.coin_wallet .coin_name span {font-size:20px;font-weight:400}
.coin_wallet .coinList_box ul li {padding:9px 15px}
.coin_wallet > div:last-child {font-size:27px}
.coinList_box li a {letter-spacing:0;font-size:0.8rem}
.user_info {font-size:25px;letter-spacing:1px}
.top_area .logo img {width:65px}
.user_info b {letter-spacing:1px}
.user_info b span {padding:3px 0 5px}
.timer_reset {margin-right:5px}
}
@media (max-width:560px){
.coin_area + .modal-open02 .align_tab > div {font-size:14px;letter-spacing:-0.5px}
.menu_box .cs_info ol li:last-child {font-size:17px;line-height:32px}
.compare_box .compare_code .selectbox_box span:before {width:42px;height:42px;border:3px solid #f0f0f0}
.compare_box .compare_code .selectbox_box em, .compare_box .optionbox_box ul li a em {display:none}
.compare_box .select_area > div .input_box {width:calc(100% - 145px)}
.remit_info > div {padding:0 30px}
.remit_info ul li > div:last-child, .remit_info ul li.send_cost div:last-child p, .remit_info li.send_cost p, .remit_info li.get_cost p, .remit_info li.receive_addr p.to_id {font-size:20px}
.remit_info ul li {padding:22px 0}
.add_phoneInfo {padding:20px 25px}
.coinSend .cost_input .input_box .acc_unit {font-size:13px;bottom:2px;color:#777}
}
@media (max-width:540px){
#container {padding:20px}
.cont_box.coin_wallet {padding:30px 20px}
.account_info .btn_box > div, .account_info .btn_box > div:last-child {font-size:20px;opacity:1}
.menu_box .menu_top p {font-size:1.4em}
.menu_box .menu_top img {width:25px}
.menu_box .menu_list ul li a {font-size:1em}
.menu_box .cs_info ol li img {margin-right:15px;width:50px}
.menu_box .cs_info ol li div p {font-size:1.2em;letter-spacing:-0.5px}
.menu_box .cs_info .tx p{font-size:1.1em;line-height:30px}
.compare_box .top span {font-size:0.8;letter-spacing:-1px}
.smsService_area .about_area > div, .smsService_area .apply_area > div > div, .smsService_area .edit_area, .smsService_area .remove_area {padding:10px 20px}
.apply_area .sec03 .cont_box {padding:0 20px}
.coinSend .coin_calculator .coinList_box li a span {display:none}
.coinSend .btnStyle.qrCode {font-size:13px}
.address_box li {padding:20px 0}
.coinSend .address_box .acc_name {font-size:20px}
.coinSend .address_box .coinLogo {margin-right:10px}
.coinSend .address_box .acc_adress {padding:0 0 0 10px}
.coinSend .address_box .coinLogo img {width:30px;height:30px}
.coinSend .input_box .coin_info {min-width:130px;max-width:150px}
.coinSend02 .tit_box > div.price {font-size:1.5em}
.coinSend02 .tit_box > div.price span {font-size:1.7rem}
.pay_area .pay_his li .oder_num {font-size:1.2rem;font-weight:500}
.coin_name {justify-content:space-between;width:100%}
.coin_name div:first-child + div {}
.coin_name div:first-child {margin-right:5px}
.coin_cash {display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;width:100%}
.coin_name img {width:35px;height:35px}
.wallet .coin_name strong {font-size:0;display:none}
.coin_name span {padding:0;font-size:1em;font-weight:bold;color:#4489f5;word-break:break-all;white-space:nowrap;text-transform:uppercase}
.wallet .coin_info:after {left:calc(50% - 8px);top:auto;bottom:10px}
.remit_input .input_area .selet_box {min-width:150px}
.remit_input .input_area select {font-size:15px;letter-spacing:-1px}
}
@media (max-width:520px){
.signUp_area form > div, .passRe_area form > div, .period_direct .wave {padding:0 20px}
.user_info {font-size:24px;letter-spacing:0;margin-left:10px}
.timer_reset {padding:0 15px}
.cont_box.notice, .cont_box.donation {padding:17px 30px}
.cont_box.coin_wallet > div:last-child a {text-align:center;justify-content:center}
.cont_box.coin_wallet > div:last-child:after {display:none}
.compare_box .top span {display:none}
.cont_box.wallet {margin:10px 0}
.coin_name div:first-child + div {align-items:flex-start}
.coinHis .coin_name:after {padding:0;width:17px}
.coinList_box {width:100% !important}
.addCoin .coin_info {flex-direction:row}
.coinSend .input_box .coin_info {min-width:130px;max-width:140px}
.coinSend .btnStyle.qrCode {padding:0}
.coinSend .coin_qrBTN:before {display:none}
.coinSend .input_box .coin_name {padding:0 10px}
.coinSend .input_box input {padding:0 10px !important}
.addCoin .coin_name b {font-size:1.5rem}
.address_box .addr-list li div > div:first-child img {width:38px;height:38px;margin:0 10px 0 0}
.user_info b {font-size:22px;line-height:22px;letter-spacing:0.5px}
.user_info b span {font-size:15px;line-height:15px}
.coin_cash em {font-size:24px}
#container .add_phoneInfo .sms_input_area.set-time > div:first-child {height:auto;min-height:90px}
#container .add_phoneInfo .sms_input_area.set-time .chois_input .radio_box label:before {width:20px;height:20px;top:calc(50% - 10px);background-size:cover}
#container .add_phoneInfo .sms_input_area.set-time .chois_input .radio_box label {padding:0 0 0 25px}
.apply_area .sec02 .add_phoneInfo .sms_input_area.set-time .chois_input, .edit_area .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input {justify-content:space-between;width:100%}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area .chois_input .selet_box > div {max-width:65px;width:100%}
.sms_input_area .input_box select {padding:0 20px 0 5px}
.chois_input .selet_box {padding:0}
.notice_view .v_top .info div {font-size:14px}
.notice_view .v_top .info div:last-child > div:after, .coinSoting_bar .myAct_info div:after {margin:0 7px}
}
@media (max-width:500px){	
.top_area .logo img {width:60px}
.user_info {font-size:22px;font-weight:bold}
.user_info span {display:none}
.account_info .btn_box > div {margin:0 5px 0 0}
.compare_box{padding:0 20px 10px}
.address_box{padding:10px 20px 0}
.remit_input, .remit_info, .coinSend .address_box, .apply_area .sec03 .cont_inner.addPhone03 .sms_input_area {padding:10px 20px}
.agree_area > div {padding:0 20px}
.cont_area .cont_box {margin:5px 0}
.agree_box .check_box{padding:15px}
.agree_box .check_box .detail_btn {padding:5px 7px;font-size:12px}
.cont_box.account_info{padding:15px 20px}
.account_box .btn_box .btnStyle {margin:0 3px}
.account_info .acc_id {font-size:1.2em}
.account_info .nationalFlag{margin-right:7px}
.account_box .acc_price {padding:0px 0 30px}
.account_info .acc_price p {font-size:0.9em}
.account_info .acc_price div, .account_box .acc_price div, .account_box.coin .coin_balance div {font-size:2.6em;line-height:normal}
.coinHis .coinHistory {max-height:calc(100vh - 266px - 70px - 80px)}
.account_info .btn_box > div, .account_info .btn_box > div:last-child {font-size:1.1em}
.donation .tit, .notice .tit {font-size:1em}
.address_box .bookmark{margin:0 0 0 7px}
.cont_box.coin_wallet > div:first-child{width:60px}
.coin_wallet > div:last-child {font-size:25px}
.coin_wallet .coin_info {width:60px;min-width:60px}
.coin_name div:first-child {margin:0}
.coin_wallet .coin_name div:first-child + div {display:none}
.history_area .history .his_list ul {height:calc(100vh - 302px - 70px)}
.coin_wallet .coin_info:after {width:11px}
.coin_wallet .coinList_box ul li {justify-content:center}
.coin_wallet .coinList_box a {display:none}
.his_list li {padding:23px 0}
#History_layerPoP > div {padding:30px}
#History_layerPoP .btn_area a, #Sorlting_layerPoP .btn_area a {padding:15px 0;font-size:1.4em}
#History_layerPoP .top {adding-bottom:20px}
#History_layerPoP .top .type{font-size:0.85em;line-height:32px}
#History_layerPoP .btn_area {margin-top:30px}
#Sorlting_layerPoP > div{padding:30px}
#Sorlting_layerPoP .sorlt_box:nth-child(2) .align_tab {flex-wrap:wrap}
#Sorlting_layerPoP .sorlt_box:nth-child(2) .align_tab > div {width:calc(33.33% - 1px)}
#Sorlting_layerPoP .sorlt_box:nth-child(2) .align_tab > div:nth-child(1), 
#Sorlting_layerPoP .sorlt_box:nth-child(2) .align_tab > div:nth-child(2), 
#Sorlting_layerPoP .sorlt_box:nth-child(2) .align_tab > div:nth-child(3) {border-bottom:1px solid #fff}	
#Sorlting_layerPoP .period_tab > div, .align_tab > div {line-height:52px}
.address_box li div.nationalFlag {margin-right:10px}
.pay_area .grayHead {padding:10px 15px}
.coin_area > div.coinBoard a {padding:0 15px 5px}
.coinSend .btnStyle.qrCode:before {display:none}
.coinSend02 .info_tx > div {padding:20px 5px;font-size:1em}
.coinSend02 .info_tx > div > div > div{margin-right:7px}
.coinSend02 .info_tx > div > div img  {width:25px;height:25px}
.addCoin {padding:30px}
.coin_area > div.addCoin {padding:0 20px}
.coin_name img {width:40px;height:40px}
.coin_manu div > div {font-size:1rem}
.coin_area .add_Coin a:after {width:40px;height:40px;background-size:cover}
.edit_area .input_box.readonly input {font-size:22px;padding:0 20px}
.apply_area .sec02 .add_phoneInfo .sms_input_area.st02 .input_box {overflow:visible}
.add_phoneInfo .sms_input_area {flex-direction:column}
.add_phoneInfo .verif_box + div p {width:120px;text-align:center}
.add_phoneInfo .verif_box + div em{display:inline-block;padding:0 0 0 5px}
.edit_area .sms_input_area:first-child > div {width:100%}
.add_phoneInfo .sms_input_area .input_box .cost_input input {padding-right:40px}
.add_phoneInfo > .sms_input_area > div:first-child{margin:0 0 5px}
.add_phoneInfo > .sms_input_area > div:last-child {margin:5px 0 0;justify-content:flex-end}
.qrCode_area .top {padding:25px 30px}
.qrCode_area .top:after {right:30px}
.qrCode_area .top .tit img{width:40px;height:40px}
.qrCode_area .tit > div   {margin-right:12px}
.edit_area .add_phoneInfo {padding:15px 20px}
.giftCard_area .giftCard_box .gift_cont, .giftCard_area .giftCard_list .cont_list {height:calc(100vh - 166px - 50px - 70px)}
.giftCard_btn > div a {font-size:15px;line-height:50px}
.giftCard_info {height:calc(100vh - 166px - 55px - 110px)}
.login_otp .down_btn{padding:0 30px}
.login_otp .down_btn .otpDown {width:calc(100% / 2)}
.certi_box .input_box .acc_unit {font-size:13px;bottom:3px}
#Sorlting_layerPoP.mypage_layer .sorlt_box:nth-child(2) .align_tab > div {width:calc(50% - 1px)}
}
@media (max-width:480px){
.pop_tit {height:55px}
.pop_tit p {font-size:16px}
.pop_tit p:before {width:25px;height:25px;margin-right:5px}
.pop_content {padding:20px 25px;max-height:calc(85vh - 55px - 35px)}
.pop_content br {display:inline-block;content:" ";padding:0 2px}
.bank_checking_pop .pop_content br{display:block}
.pop_content p.content_tit strong {font-size:22px}
.content_inner {padding:10px 20px}
.pop_content .sub_tit  {font-size:17px}
.pop_content .sub_tit02{font-size:16px}
.coin_cash em {font-size:22px;letter-spacing:-1px}
.giftCard_list .cont_list ul li .cont_tx {font-size:18px}
.pop3 .pop_content div.price {font-size:2.25em}
.cont_box.quick {padding:30px 20px}
.quick_menu ul {gap:10px}
.quick_menu ul li {width:calc((100% - 40px) / 5)}
.quick_menu ul li a {padding:5px 0}
.quick_menu ul li a img {max-width:40px}
.quick_menu ul li.zeroPay a img {max-width:55px}
.certi_box .txt_box p  > br {display:inline-block;content:" ";padding:0 2px}
}
@media (max-width:460px){
.signUp_area .check_box {padding:15px 15px}
.signUp_area .tx_box .tx03 {font-size:0.91em;letter-spacing:-0.3px}
.signUp_area .info_cont {padding:15px 20px}
.signUp_area .info_cont .tx02 ul li {letter-spacing:-0.5px;word-break:keep-all;font-size:14px}
.charge_area .tx_box, .checking_area .tx_box {flex-direction:column;align-items:stretch;margin-top:0}
.charge_area .tx_box > div.box-style02:first-child, .charge_area .tx_box > div.box-style02:last-child, .charge_area .tx_box.box-style02, .checking_area .tx_box > div {width:100%;margin-top:10px}
.charge_area .tx_box > div.box-style02:first-child{-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;margin:0}
.charge_area .tx_box > div.box-style02:last-child {-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;margin-top:5px}
.checking_area .tit_box {padding:40px 20px!important}
.checking_area > div:first-child > div {padding:0 20px}
.account_box {width:calc(100% + 40px);margin:0 0 0 -20px;padding:20px 0 0}
.account_box .acc_id {width:60px}
.account_box .acc_id > div {font-size:17px}
.account_info .acc_price div, .account_box .acc_price div {font-size:2.5em}
.account_box .acc_price div span {margin-right:5px}
.account_box .acc_id {min-height:230px}
.account_box .acc_price ul {padding-bottom:0}
.account_box .btn_box .btnStyle.acc, .account_box .btn_box .btnStyle.his {width:100%;margin:0 0.5px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:17px;font-weight:400}
.history_area .history .his_list ul {height:calc(100vh - 302px - 30px)}
.compare_box .select_area > div {padding:0 15px}
.compare_box .compare_code .selectbox_box label{padding:0 10px 0 4px}
.compare_box .compare_code .selectbox_box span {font-size:0.85rem}
.address_list {padding:0 15px}
.remit_info > div {padding:0 20px}
.remit_area .account_box .acc_price ul{display:none}
.remit_area .btn_box > div:first-child{margin-top:0}
.remit_info ul li {font-size:0.9em}
.remit_info ul li.etc_cost div:last-child p {font-size:18px}
.remit_input .input_box .chk_addr {flex-direction:column}
.remit_input .input_box .chk_addr input {width:100%}
.remit_input .btnStyle.ok {margin:5px 0 0 0}
.remit_input .input_box .id_chk .btnStyle.ok span {font-size:14px;line-height:30px}
.remit_input .input_box .id_chk .btnStyle.ok img {margin:0 5px 0 0}
.history .top {padding:0 20px}
.sorlting_box .sort_input {width:calc(100% - 160px)}
.sorlting_box .sort_detail a {font-size:0.9em}
.sorlting_box .sort_detail:before{margin:0 15px;height:20px}
.sort_input input[type="image"]  {width:18px}
.address_box .acc_sort, .address_box .bank_name{white-space:nowrap}
.period_tab > div, .align_tab > div {line-height:55px;font-size:16px}
.period_direct input {letter-spacing:0px;font-size:15px;height:55px}
.sms_input_area .delete + .sms_input_area {flex-direction:column}
.sms_input_area .delete + .sms_input_area .input_box {width:100%}
.coinSend .input_box .coin_info {min-width:100px;max-width:120px}
.coinSend .input_box .coin_addr {flex-direction:column}
.coinSend .input_box .coin_addr input {width:100%}
.coinSend .cost_input .compare_code {width:120px}
.coinSend .cost_input .compare_code + div {width:calc(100% - 120px - 10px)}
.coinHistory ul li:first-child div:first-child, .coinHistory ul li div:first-child {width:100px}
.coinHistory ul li:first-child div:first-child + div, .coinHistory ul li div:first-child + div {width:100px;left:100px}
.coinHistory ul li > div:nth-child(4){width:calc((100% - 200px - 190px - 180px) / 2)}
.coinHistory ul li > div:nth-child(6){width:calc((100% - 200px - 190px - 180px) / 2)}
.coinHistory ul li:first-child div {padding:23px 15px;font-size:15px}
.coinHistory li div {padding:8px 13px;font-size:13px}
.coin_name img {width:36px;height:36px}
.addCoin .coin_name b  {font-size:1.3rem}
.coin_area .coinAdd_btn{padding:0 25px;line-height:40px}
.qrCode_area .btn_box a{font-size:18px;line-height:60px}
.coin_calculator .coin_name span {display:none}
.timer_reset {padding:0 7px;margin-right:0}
.timer_reset img {padding:1px 0 0 5px}
.his_list ul, .history_area .history .top {padding:0 20px}
.coinHis .coinHistory {max-height:calc(100vh - 266px - 70px - 60px)}
.smsService_area > .tab_area + div > div .btn_box a, .coinHis .btn_box a {font-size:18px!important;line-height:60px!important}
.pay_area .pay_his {max-height:calc(100vh - 88px - 70px - 135px - 60px)}
.account-wrap .input_area {flex-direction:column}
.account-wrap .input_area .selet_box, .account-wrap .input_area .input_box {width:100%}
.qrCode_area > div {padding:0 20px}
.user_info b {font-size:20px;line-height:20px;letter-spacing:0}
.coinSoting_bar .coin_name {min-width:130px;max-width:calc(80% - 140px);width:40vw}
.pop_multi div {font-size:16px;letter-spacing:-0.5px}
.cont_box.coin_wallet > div:first-child {width:52px}
.coin_wallet > div:last-child {font-size:23px;letter-spacing:-.7px}
.giftCard_area .giftCard_box .gift_cont, .giftCard_area .giftCard_list .cont_list {height:calc(100vh - 164px - 55px - 70px)}
.giftCard_area .btn_box a {font-size:25px;line-height:100px}
.giftCard_info {height:calc(100vh - 164px - 55px - 100px)}
.goodsPop_info > li > div {font-size:15px}
.goodsPop_info > li > div:first-child {width:100px}
.goodsPop_info > li > div:last-child {width:calc(100% - 100px)}
.giftCard_info .info_top > div:nth-child(1), .giftCard_detailView > div:nth-child(1) {width:70%}
}
@media (max-width:440px){
.giftCard_list .cont_list ul li .cont_tx {font-size:16px}
.giftCard_detailView .purchase_info li:last-child div {display:flex;justify-content:space-between;align-items:stretch;flex-direction:column}
.giftCard_detailView .purchase_info li:last-child .refund_btn {margin:10px 0 0;text-align:center}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown {width:calc(50% - 10px);min-width:auto}
.pop_content .link_box > div {margin:0;width:calc((100% - 10px) / 2);background-position:right 15px center}
.pop_content .link_box > div a {padding:10px 40px 10px 20px}
}
@media (max-width:420px){
.coinHis .coin_cash em{font-size:1.7rem}
.coinHis:first-child  {padding:40px 20px}	
.charge_area > form > div:first-child, .request_area .info_box, .chg_info > div:first-child, .cont_box.coinSend02, .coinSend02 .info_tx {padding:0 20px}
.coin_calculator {flex-direction:column}
.account_box.coin .coin_info {flex-direction:row}
.coin_calculator > div {width:100%}
.coin_calculator .coin_name span, .coinSend .coin_calculator .coinList_box li a span {display:inline-block}
.coin_calculator > div:first-child:after {top:auto;right:auto;left:0;bottom:0;width:100%;height:1px}
.address_box .acc_name {font-size:18px;line-height:18px}
.coinSend .address_box .acc_adress {font-size:15px}
.coinSend02 .info_tx > div {font-size:0.9em;letter-spacing:-0.05px}
.timer_reset {padding:0 5px}
.timer_reset img {padding:1px 0 0 3px}
.top_area .logo img {width:55px}
.user_info {margin-left:5px}
.his_list li div.date, .his_list li div.state > div {font-size:13px}
.his_list li div.state > div {margin-right:7px}
.his_list li div.totalBalance{font-size:15px}
.his_list li div.id, .his_list li div.price {font-size:17px;line-height:23px}
.his_list li > div {width:calc(100% - 130px)}
.his_list li div:last-child {width:130px}
.his_list li div.price span {font-size:16px;padding-left:3px}
.account_box .btn_box .btnStyle.his {font-size:16px;line-height:60px}
.coinSend .btnStyle.qrCode {font-size:0}
.coinSend .btnStyle.qrCode:after {content:'QR CODE';display:block;font-size:13px}
.coinSend02 .info_tx > div > div span {margin-left:5px}
.qrCode_area .top {padding:25px 25px}
.qrCode_area .top:after{right:25px}
.qrCode_area .tit > div{margin-right:10px}
.qrCode_area .tit {font-size:18px}
.remove_area .result_area > div {padding:5px 0}
.remove_area .result_area > div > div {font-size:1rem}
.coinSend .cost_input .compare_code .selectbox_box label {padding:0 7px 0 5px}
.coinSend .cost_input .compare_code {width:110px}
.coinSend .cost_input .compare_code + div {width:calc(100% - 110px - 10px)}
.wallet .coin_info{padding:30px 20px}
.coin_name img{width:33px;height:33px}
.coin_cash em {font-size:20px}
.apply_area .sec02 .add_phoneInfo .sms_input_area.st02 .input_box {height:auto}
.apply_area .sec02 .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input {flex-direction:column;justify-content:flex-end;align-items:flex-end;height:auto;min-height:70px}
.edit_area .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input {flex-direction:column;justify-content:flex-end;align-items:flex-end;height:auto;min-height:70px}
.chois_input .selet_box {margin:7px 0 0}
.sorlting_box .sort_input input[type=text] {font-size:14px}
.menu_box .cs_info ol li{padding:25px 30px}
.cont_box.coin_wallet > div:first-child {width:52px}
.coin_wallet .coin_info {width:52px;min-width:52px}
.coin_wallet .coin_name img {width:34px;height:34px;margin:3px}
.coin_wallet > div:last-child {font-size:20px}
.coin_wallet .coin_info:after {width:9px}
.coin_wallet .coinList_box ul li {padding:7px 0}
.notice_view .v_top .info {flex-direction:column;align-items:flex-start;padding:10px 30px}
.notice_view .v_top .info div {line-height:25px}
.giftCard_list .cont_list ul li .tit {padding:12px 30px}
.giftCard_list .cont_list ul li .tit p {font-size:14px;font-weight:600}
.giftCard_list .cont_list ul li .tit > div:last-child a {padding-right:12px;font-size:12px}
.login_otp .down_btn .otpDown a {font-size:14px}
.googleOTP_guide {padding:0 20px}
.googleOTP_guide .guide_box .guide_step h7 {font-size:15px}
.googleOTP_guide .guide_box .guide_cont {padding:20px}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown a {font-size:14px}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown:first-child {margin-right:7px}
.certi_choice .pop_tit p {letter-spacing:0}
.certi_choice ul li a {gap:10px}
.certi_choice ul li div p {font-size:17px;letter-spacing:-0.5px}
.certi_choice ul li div img {width:40px}
}
@media (max-width:400px){
.addCoin .coin_name b  {font-size:1rem}
.coin_area .coinAdd_btn{font-size:0.8rem;padding:0 20px}
.addCoin .coin_info {padding:17px 25px}
.coin_area > div, .coin_area .add_Coin {padding:0 20px}
.idChk_area .btn_box div:first-child{width:180px;letter-spacing:-2px}
.idChk_area .btn_box div:last-child {width:calc(100% - 180px)}
.pop_tit {height:50px}
.pop_tit p {font-size:15px}
.pop_tit p:before {width:23px;height:23px;margin-right:3px}
.pop_content {padding:15px 20px;max-height:calc(85vh - 50px - 35px)}
.pop_content br {display:inline-block;content:" ";padding:0 2px}
.pop_content p.content_tit strong {font-size:20px}
.pop_content p.tx, .content_inner ul li, .pop_content p.tac {font-size:14px}
.content_inner {margin:7px 0}
.content_inner2{padding:7px 0}
.pop_content .sub_tit  {font-size:16px;padding:0 0 7px}
.pop_content .sub_tit02{font-size:15px}
.pop_bottom p{font-size:13px}
.address_box .addr-list{padding:0 25px}
#container.page_area.smsService_area .top_area .tit {font-size:22px}
.user_info b {font-size:18px;line-height:18px;font-weight:700}
.user_info b span {font-size:14px;line-height:14px}
.request_area .tx_box > div {font-size:1rem}
.request_area .tx_box > div > div:first-child{width:90px}
.request_area .tx_box > div > div:last-child {width:calc(100% - 90px)}
.remit_input .input_area {flex-direction:column}
.remit_input .input_area .selet_box {width:100%;margin:10px 0 0}
.remit_input .input_area select {font-size:17px;letter-spacing:0}
.gift_cont .gift_goods > div .imgBox {padding:20px 10px}
.goodsPop_info > li > div {padding:0 20px;font-size:14px}
.goodsPop_info > li > div:first-child{width:95px;min-width:95px}
.goodsPop_info > li > div:last-child{width:calc(100% - 95px);min-width:calc(100% - 95px)}
.giftCard_info .info_top > div:nth-child(1), .giftCard_detailView > div:nth-child(1) {width:80%;padding:15px}
.giftCard_list .cont_list ul li .cont_tx span {padding:0 5px;margin:0 0 0 5px}
.login_otp .top .tit {padding:10px 20px 0}
.login_otp .cont, .login_otp .down_btn {padding:0 20px}
.login_otp .input_box label {font-size:15px;letter-spacing:-1px}
.giftCard_area .giftCard_box .gift_cont, .giftCard_area .giftCard_list .cont_list {height:calc(100vh - 154px - 50px - 60px)}
.giftCard_area .btn_box a {font-size:22px;line-height:90px}
.giftCard_area .giftCard_box .sorlting_box .selet_box select {height:40px;font-size:14px}
.giftCard_area .giftCard_box .sorlting_box .sort_input input[type=text] {height:40px;font-size:14px}
.giftCard_area .giftCard_box .sorlting_box .sort_input input[type=text] ~ input {top:calc(50% - 9px)}
.giftCard_info {height:calc(100vh - 154px - 55px - 90px)}
.goodsPop_info > li > div {padding:0 15px}
.giftCard_list .cont_list ul li .cont_tx {flex-direction:column;align-content:flex-start;justify-content:flex-start;align-items:flex-start}
.giftCard_list .cont_list ul li .cont_tx > div:last-child {flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-top:10px}
.giftCard_list .cont_list ul li .cont_tx .state {margin:0;padding:0 10px;font-size:0.75em;line-height:25px}
.giftCard_detailView .purchase_info .goodsName .state {padding:0 10px;font-size:0.75em;line-height:25px}
.quick_menu ul {gap:10px}
.quick_menu ul li {width:calc((100% - 20px) / 3)}
.quick_menu ul li a {padding:5px 0}
.quick_menu ul li a img {max-width:50px}
.quick_menu ul li.zeroPay a img {max-width:65px}
.quick_menu ul li.civil24 {display:none}
.certi_area .tit > br {display:inline-block;content:" ";padding:0 2px}
.certi_area .tit strong:before, .certi_box .input_box.otpPass h5:before {display:none}
.certi_area form, .certi_area > div {min-height:calc(100vh - 126px)}
.coinASK_area.mypage_area section {padding:20px}
}
@media (max-width:380px){
.account-wrap > div:first-child, .remove_area .cont_inner.addPhone02, .apply_area .sec03 .sms_input_area .input_box input  {padding:0 20px}
.account_info .acc_price {padding:15px 10px}
.account_info .acc_price div {line-height:40px}
.address_box .acc_sort {display:none}
.account_box .btn_box .btnStyle.acc {font-size:1.1em}
.account_box .acc_id > div {font-size:17px}
.account_info .acc_price div, .account_box .acc_price div, .account_box.coin .coin_balance div {font-size:2em}
.coinHis .coinHistory {max-height:calc(100vh - 254px - 60px - 60px)}
.account_box .acc_price p {font-size:15px}
.period_direct .wave {padding:0 10px}
#History_layerPoP > div {height:575px}
#History_layerPoP .detail_info ul li, .remit_over .detail_info ul li, .remit_limit .detail_info ul li {font-size:0.9em}
#History_layerPoP .btn_area {margin-top:20px}
#History_layerPoP .btn_area a, #Sorlting_layerPoP .btn_area a {font-size:1.2em}
.simpleAdd_area .btn_box{margin:20px 0 0}
.sorlt_box {margin-bottom:20px}	
.sorlt_box .sorlt_name  {font-size:20px}
.period_tab > div, .align_tab > div{font-size:15px}
.period_direct {padding:0 25px}
.history_area .history .his_list ul{height:calc(100vh - 280px - 14px)}
.sorlting_box .sort_input {width:calc(100% - 140px)}
.sorlting_box .sort_input input[type=text] {height:30px}
.sorlting_box .sort_detail {line-height:40px}
.sorlting_box .sort_detail:before {margin:0 10px}
.sorlting_box .sort_detail a {padding:0}
.sorlting_box .sort_detail span:after {width:3px;height:3px;margin:0 6px}
.menu_box .menu_top  {padding:20px 25px}
.menu_box .menu_top p{font-size:1.4em}
.menu_box .menu_list {padding:0 15px}
.menu_box .menu_list ul li a {font-size:1em}
.menu_box .cs_info {padding:15px 20px}
.menu_box .cs_info ol li img {margin-right:10px;width:40px}
.menu_box .cs_info ol li div span{font-size:0.85em}
.menu_box .cs_info ol li div p   {font-size:1em;letter-spacing:-0.5px}
.menu_box .cs_info .tx p{font-size:0.8em;line-height:22px;font-weight:400}
.pop_content p.content_tit strong{padding:0;letter-spacing:-1px}
.grayHead {padding:10px 20px}
.grayHead div {letter-spacing:0}
.add_phoneInfo{padding:20px 15px}
.apply_area .sec02 .pop_inner .add_phoneInfo .verif_box div:first-child {max-width:calc(100% - 67px - 75px)}
.apply_area .sec02 .pop_inner .add_phoneInfo .verif_box p em {display:block}
.chois_input .selet_box > div {width:60px}
.sms_input_area .input_box select{padding:0 10px 0 5px}
#container .radio_box div ~ div{margin:0 0 0 10px}
.remove_area .result_area > div > div{font-size:17px}
.remove_area .btn_box a, .edit_area .btn_box a {font-size:18px;line-height:50px}
.apply_area .sec02 .btn_box a, .apply_area .sec03 .btn_box a, .apply_area .sec02 .pop_inner .btn_box a {font-size:18px;line-height:60px}
.apply_area .sec03 .result_area {padding:15px 0}
.apply_area .sec03 .cont_inner.addPhone02 {padding:0 25px}
.apply_area .sec03 .result_area > div > div{font-size:17px}
.apply_area .sec03 .sms_input_area {padding:10px 20px 0}
.apply_area .sec03 .cont_inner.addPhone03 .sms_input_area {padding:10px 15px}
.apply_area .sec03 .sms_input_area .input_box label {left:20px}
.edit_area .phoneNum {height:50px;line-height:50px}
.edit_area .cont_inner.edit_info{padding:10px 20px 5px}
.coinHistory ul li:first-child div:first-child, .coinHistory ul li div:first-child,.coinHistory ul li:first-child div:first-child + div, .coinHistory ul li div:first-child + div {width:95px;left:auto}
.coinHistory ul li div:first-child + div {border-right:none}
.coinHistory ul li > div:nth-child(4), .coinHistory ul li > div:nth-child(6) {width:calc((100% - 190px - 190px - 180px) / 2)}
.coinHistory ul li:first-child div{padding:20px 10px;font-size:14px}
.user_info {font-size:20px}
.charge_area .tit_box.box-style02 > div > br {display:inline-block;content:" ";padding:0 2px}
.address_box .addr-list li {padding:14px 0}
.address_box .bookmark {width:24px;height:24px;margin:0 0 0 5px}
.address_box .bank_name{font-size:15px}
.address_box .addr-list li div > div:first-child img {width:32px;height:32px;margin:0 7px 0 0}
.signUp_area .input_area a {font-size:13px;padding:10px 15px}
.address_box .addr-list li div > div:last-child .acc_number {font-size:0.7em;padding:3px 0 0}
#container.page_area.smsService_area .top_area .tit {letter-spacing:-1px}
.user_info b {letter-spacing:-1px}
.coin_area > div.coinBoard a {font-size:15px;padding:0 15px 5px}
.commt_writeArea .textArea_btn{justify-content:center}
.commt_writeArea .textArea_btn span.commt_cancel {margin:0}
.sms_input_area .input_box select {height:40px}
.coinSoting_bar{padding:15px 20px}
.pop_multi div {font-size:15px;letter-spacing:-1px}
.pop_multi div span {padding:0 0 0 5px}
.donation .tit, .notice .tit, .donation .tx_list p, .notice .tx_list p {font-size:14px}
.notice .tx_list span:first-child {width:calc(100% - 80px)}
.coin_wallet > div:last-child {font-size:18px;letter-spacing:-1px}
.login_otp .down_btn {flex-direction:column;margin:15px 0}
.login_otp .down_btn .otpDown {width:100%;margin:3px 0;max-width:100%}
.login_otp .down_btn .otpDown a {line-height:60px}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown a {letter-spacing:-1px}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown a:before {margin:0 5px 0 0;width:20px;height:20px}
.certi_box .input_box .acc_unit {letter-spacing:-1px}
}
@media (max-width:350px){
.cont_area {padding:5px 0 15px}
.remit_info ul li div.ex:before {display:none}
.history .tit span {letter-spacing:0}
.notice .tx_list {left:120px}
.menu_box .menu_top img {width:20px}
.top_area .logo img{width:50px}
.pop_wrap p.content_sub_tit {font-size:1.3em;padding:0 0 10px}
.pop_wrap .pop_content p.content_tit strong {font-size:19px}
.pop_wrap .content_inner, .coinSend .cost_input{padding:10px 20px}
.cont_box.notice, .cont_box.donation {padding:15px 20px}
.notice .tit:before {width:25px;height:25px}
.compare_box .select_area > div .input_box {width:calc(100% - 115px)}
.compare_box .compare_code .selectbox_box span:before {width:33px;height:33px}
.compare_box .compare_code .selectbox_box label {padding:0 5px 0 3px}
.compare_box .input_box input {font-size:1.3rem}
.addCoin .coin_name b{letter-spacing:0}
.addCoin .coin_info  {padding:17px 20px}
.apply_area .sec03 .cont_inner.addPhone03 .sms_input_area {padding:10px 10px}
.apply_area .sec03 .sms_input_area .input_box label {letter-spacing:-1px}
#container .top_area {align-items:flex-start}
.timer_reset {height:auto;padding:10px 0 0;background:transparent}
.timer_reset em {font-size:13px}
.top_area > div:last-child {flex-direction:column-reverse}
.menu_area .menu_btn {padding:10px 0 0}
.phoneNum_addBtn a {font-size:1.3rem}
.wallet .coin_info, .coinHis .coin_info, .wallet .coin_name, .coinHis .coin_name {flex-direction:column}
.wallet .coin_info:after {right:calc(50% - 8px);bottom:20px;top:auto}
.wallet .coin_name div:first-child + div{align-items:center}
.wallet .coin_name div:first-child, .coinHis .coin_name div:first-child {margin:0 0 5px}
.wallet .coin_name img, .coinHis .coin_name img  {width:45px;height:45px}
.wallet .coin_name span, .coinHis .coin_name span{display:none}
.wallet .coin_name strong, .coinHis .coin_name strong {font-size:1.2rem;display:flex}
.wallet .coin_cash, .coinHis .coin_cash {padding:5px 0 10px;justify-content:center}
.wallet .coin_cash em, .coinHis .coin_cash em {font-size:1.5rem;text-align:center;letter-spacing:-0.05px}
.giftCard_detailView .purchase_info li:last-child span {margin:0 0 0 5px;padding:0 5px;font-size:0.75em}
.pop3 .pop_content div.price {font-size:2em}
.googleOTP_guide .guide_box .guide_step {height:auto}
}
@media (max-width:340px){
.his_list li > div {flex-direction:column}
.his_list li div:first-child > div:last-child, .his_list li div.state{padding:0}
.add_phoneInfo.pop .sms_input_area {padding:10px 20px 0 30px}
.commt_list .commt_bottom .commt_btn span, .request_area .tx_box {padding:5px 10px}
.request_area .tx_box > div {font-size:0.9rem}
.request_area .tx_box > div > div:first-child{width:85px}
.request_area .tx_box > div > div:last-child {width:calc(100% - 85px)}
.comment_area > div.commt_writeArea {padding:20px}
.commt_list {padding:20px 0}
.commt_list + .commt_list {padding:0 0 20px 12px}
.comment_area .commt_list + .commt_writeArea {padding:10px 20px;width:calc(100% + 40px);margin-left:-20px}
.gift_cont .gift_goods > div {width:100%}
.gift_cont .gift_goods > div a {flex-direction:row}
.gift_cont .gift_goods > div .txBox {padding:5px 0 5px 15px;font-size:15px}
.giftCard_detailView .purchase_info li div {font-size:15px}
.giftCard_detailView .purchase_info li:last-child em {font-size:1.1em}
.giftCard_detailView .purchase_info .goodsName .state {padding:0 7px;letter-spacing:-.5px}
.certi_box .input_box .acc_unit {right:clamp(5px,2.8vw,20px);letter-spacing:-1.5px}
.certi_choice ul li a {gap:5px}
.certi_choice ul li div p {font-size:15px;color:#000}
}
@media (max-width:320px){
#container, .smsService_area .about_area > div, .smsService_area .apply_area > div > div, .smsService_area .edit_area, .smsService_area .remove_area {padding:10px}
#container.page_area .top_area {padding:15px 20px 35px}
#container.page_area .top_area .arr_btn {left:20px}
.container{width:100%}
.container .nationalFlag {width:25px;height:25px;vertical-align:bottom}
.menu_box .cs_info ol li{padding:20px 20px}
.cont_box.coin_wallet {padding:30px 10px}
.compare_box{padding:0 10px 10px}
.address_box{padding:10px 10px 0}
.remit_input, .remit_info{padding:10px 10px}
.agree_area > div, .signUp_area form > div, .account-wrap > div:first-child, .coinSend .address_box, .coin_area > div.addCoin, .cont_box.coinSend02 {padding:0 10px}
.history_area .history .top, .comment_area > div, .address_box .addr-list, .comment_area > div {padding:0 20px}
.notice_view .v_body {padding:20px}
.signUp_area .input_area{padding:0 10px 0 30px}
.coin_name img {width:32px;height:32px;margin:3px}
.coin_name div:first-child {margin-right:5px}
.coin_area .coinAdd_btn{padding:0 15px;line-height:35px}
.coinSend .btnStyle.qrCode{padding:0 5px}
.coinSend .btnStyle.qrCode:after {content:'QR'}
.coinSend02 .info_tx {padding:0 15px}
.coinSend02 .info_tx > div > div span {margin-left:3px}
.qrCode_area .tit {font-size:17px}
.qrCode_area .tit > div {margin-right:7px}
.qrCode_area .top .tit img {width:37px;height:37px;margin:3px}
.apply_area .sec03 .sms_input_area .input_box input{padding:0 15px}
.apply_area .sec03 .sms_input_area .input_box label{left:15px}
#container.page_area.smsService_area .top_area .tit{font-size:20px}
.account_info .acc_price div span {display:flex;padding:0 0 0 5px;line-height:2em}
.phoneNum_addBtn a {font-size:1.2rem}
.notice_view .v_top .tit {padding:25px 20px}
.notice_view .v_top .info{padding:10px 20px}
.gift_cont .gift_goods > div a {flex-direction:column}
.gift_cont .gift_goods > div .txBox {padding:10px 3px 15px}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown {width:50%}
.googleOTP_guide .guide_box .guide_cont .down_btn .otpDown:first-child {margin-right:5px}
.certiChoice_box ul li a {gap:7px;padding:clamp(25px,4vh,35px) clamp(15px,2.5vw,25px)}
.certiChoice_box ul li div p {font-size:17px;color:#000}
.certi_box .input_box .certi_chk .btnStyle.ok {padding:0 5px;font-size:13px}
.pop_content .link_box {flex-direction:column}
.pop_content .link_box > div {width:100%}
.pop_content .link_box > div a {padding:20px 40px 20px 20px}
.mypage_area .top_tab a {height:70px;font-size:15px}
.coinASK_area.mypage_area > form {min-height:calc(100vh - 88px - 70px)}
}
@media (max-width:300px){
.account_box .btn_box {flex-wrap:wrap}
.account_box .btn_box .btnStyle.acc {flex:0 calc(50vw - 1px);margin:0.5px}	
.account_box .btn_box .btnStyle.his {flex:1 calc(33.3vw - 1px);margin:0.5px}
.compare_box .compare_code .selectbox_box label {display:none}
.coinSend .cost_input .compare_code ul li a:before {margin:0}
.compare_box .optionbox_box ul li a {font-size:0;margin:0 auto;text-align:center}
.compare_box .select_area > div .input_box{width:100%}
.coinSend .cost_input .compare_code {width:60px}
.coinSend .cost_input .compare_code + div {width:calc(100% - 60px)}
.qrCode_area .top {padding:17px 20px}
.qrCode_area .top:after {right:20px}
.qrCode_area .top .tit img {width:32px;height:32px;margin:3px}
.qrCode_area .tit{letter-spacing:0}
.quick_box ul li {width:100%;margin:2px 0 5px 0 !important;padding:15px 0}
.quick_box ul li a {display:flex;align-items:center;justify-content:center}
.quick_box ul li a img{width:100%}
.quick_box ul li a div:first-child{width:40px;height:40px;margin:0 10px 0 0}
#container.page_area.smsService_area .top_area .tit {font-size:0}
#container.page_area.smsService_area .top_area .tit:after {content:'SMS 서비스';font-size:24px}
#container .add_phoneInfo .sms_input_area.set-time > div:first-child {padding:40px 0 0 0}
#container .apply_area .add_phoneInfo .sms_input_area.set-time .chois_input {justify-content:center;align-items:center}
#container .add_phoneInfo .sms_input_area .chois_input .radio_box label:before {width:20px;height:20px;top:calc(50% - 10px);background-size:cover}
#container .add_phoneInfo .sms_input_area .chois_input .radio_box label {padding:0 0 0 25px}
.donation .tit {font-size:0}
.donation .tit:after {content:'나눔기부';font-size:14px;color:#4c4e4e;margin-left:-6px}
.cont_box.quick {padding:20px}
.quick_menu ul li {width:calc((100% - 10px) / 2)}
.quick_menu ul li a {padding:10px 0;gap:5px}
.quick_menu ul li a img {max-width:35px}
.quick_menu ul li.zeroPay a img {max-width:40px}
.quick_menu ul li.civil24 {display:flex}
.coinASK_area.mypage_area section {padding:15px 10px}
}