@charset "utf-8";

/* import */
@import url('/css/font.css');
@import url('/css/common.css');
@import url('/css/main.css');
@import url('/css/content.css');
/* @import url('/css/mo_content.css'); */ /* hyungmin 22.11.17 삭제한 css import 해제*/

	.table_line table {
	  table-layout:fixed;
	  width:100%;
	  text-align:center;
	}
	.table_line table th { 
	  background:#ccc;
	}
	.table_line table td, .table_line table th {
	  padding:10px 20px;
	  border-top:1px solid #ccc;
	  word-break:break-all
	}
	@media screen and (max-width:768px) {
	  /*vertical*/
	  .table_line {
		position:relative;
		padding-top:42px;
	  }
	  .table_line {
		overflow-y:auto;
		max-height:1000px;
	  }
	  .table_line thead {
		display:table;
		position:absolute;
		top:0;
		width:100%;
	  }
	}

/* content */
.right{float:right;}
.over_y_hidden{overflow-y: hidden; padding-right: 15px;}
.total_summary{width:100%; height:250px; margin-top:10px; width:100%; float:right; background-color:var(--ee-dark-bg);}
.chart_on{float:right; cursor:pointer; line-height:40px; margin-right:10px; color:#fff; display:none;}
.book_on{float:right; cursor:pointer; line-height:40px; margin-right:5px; display:none;}
.name_section{height:60px; float:left; padding-right:1%; color:var(--ee-light); line-height:60px;}
#COIN_TEXT{font-weight:500; font-size:23px;}
.side_menu_bar{background-color:#0A0B0C; width:495px; height:590px; position:absolute;top:0; z-index:120; left:-50%; -ms-overflow-style: none;} /*hyungmin 22.11.25 코인 리스트/검색 팝업 height:px 지정, overflow:scroll-y, scroll bar 안보이게 22.12.26 width 45% => 495px*/
.side_menu_bar::-webkit-scrollbar{display:none;}/*hyungmin 22.11.25 코인 리스트/검색 팝업 scroll bar 안보이게 */
.block{display: block;}
.none{display:none!important;}
.show{display: block !important;}
.hide{display: none !important;}
input:focus{outline:none;}
select:focus{outline:none;}
.nav{width:100%; height:70px; background-color:var(--ee-dark-bg); border-bottom:1px solid #212529; margin-bottom:5px;}
/* beom 2022.10.13 추가 */
body {font-family: "Poppins"; font-family: 'Noto Sans KR'}
#wrap.dark{color:#fff;background-color: #030104; font-weight: 400; }
#wrap.light {
    color: #000;
}
#wrap.light h2{
    color: #000;
}
header .header_inner{height:100px;display: flex;justify-content: space-between;}
header .header_inner h1 {margin-right: 40px; align-self: center; font-size: 24px;}
header .header_inner .nav_p {height: 100%; width: calc(100% - 300px);}
.type_trade .header_inner .nav_p { width: calc(100% - 400px); }
header .header_inner .nav_p ul {height: 100%;}
header .header_inner .nav_p ul li {height: 100%;}
header .header_inner .nav_p ul li a {display: flex;align-items: center;padding: 0;height: 100%;}
header .header_inner .nav_p ul li:hover ul {visibility: visible; opacity: 1;}
header .header_inner .nav_p ul li ul{background-color: black; width: 240px; height: auto; padding: 0 20px 20px 10px;box-sizing: border-box;transform: translate(-20px, -10px); border-radius: 10px;display: flex;flex-direction: column;justify-content: space-between;}
header .header_inner .nav_p ul li ul:hover {visibility: visible; opacity: 1;}
header .header_inner .nav_p ul li.nav_orders { position: absolute; right: 30px; }
header .header_inner .nav_p ul li.nav_orders ul { left: initial; right: -100%; width: auto; }
header .header_inner .nav_wrap{width: calc(100% - 165px);display: flex; justify-content: space-between;}
header .header_inner .util{display: flex;align-items: center;height: 100%;}
header .header_inner .util li{font-weight: 400;margin-left:40px;}
header .header_inner .util li .signup {display: flex;align-items: center;justify-content: center;width: 95px;height: 45px;border-radius: 8px;filter: drop-shadow(0 0 7px rgba(255,223,254,0.4));background-image: linear-gradient(90deg, #ffc041 0%, #ffa900 100%);}
header .header_inner .nav_p ul li ul li{height: auto;}
header .header_inner .nav_p ul li ul li a:hover svg path{fill: #ffffff;}
header .header_inner .nav_p ul li ul li .txt_box { margin-left:10px;}
header .header_inner .nav_p ul li ul li p{font-size: 10px;}
/* beom 2022.09.27 추가 */
header .header_inner .util>li.account .menu ul li{width: 240px;font-size: 11px; margin:0;}
header .header_inner .util>li.account .menu ul li a{display: flex;align-items: center;}
header .header_inner .util>li.account .menu ul li a i{font-size:0;width: 20px;height: 20px;display: inline-block;margin-right: 10px;background-size: 100%;background-repeat: no-repeat;}
header .header_inner .util>li.account .menu ul li a .user_account{background-image: url(/img/common/ic_account.svg);}
header .header_inner .util>li.account .menu ul li a .user_wallet{background-image: url(/img/common/ic_wallet.svg);}
header .header_inner .util>li.account .menu ul li a .user_referrals{background-image: url(/img/common/ic_referrals.svg);}
header .header_inner .util>li.account .menu ul li a .user_log_out{background-image: url(/img/common/ic_log_out.svg);}

.nav_orders_svg { font-size: 24px;width: 1em; height: 1em; }

.user_info_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 15px 0 10px 15px;row-gap: 5px;align-items: center;color: #666;}
.user_info_wrap > span {display: flex;justify-content: space-between;align-items: center;}
.user_info_wrap > span i{display: inline-block;font-size: 0;width: 16px;height: 16px;background-repeat: no-repeat;background-size: 100%;}
.user_info_wrap .user_id{font-size: 16px; width: 100%;}
.user_info_wrap .user_uid .uid{margin-left:5px;}
.user_info_wrap .user_uid .copy{background-image: url(/img/common/ic_copy.svg);margin-left: 8px;cursor: pointer;}
.user_info_wrap .user_kyc{padding: 3px 5px 3px 10px;border-radius: 16px 0 0 16px;font-weight: 500;}
.user_info_wrap .user_kyc.verified{background-color: rgb(27,69,59);color: rgb(14,208,131);}
.user_info_wrap .user_kyc.unverified{background-color: rgb(252,213,52);color: rgb(25,34,41);}
.user_info_wrap .user_kyc i{font-size:0;margin-right: 8px;}
.user_info_wrap .user_kyc.verified i{background-image: url(/img/common/ic_verified.svg);}
.user_info_wrap .user_kyc.unverified i{background-image: url(/img/common/ic_unverified.svg);} /* beom 2022.09.27 추가 end*/
.trading_container{width:100%; margin:0 auto; padding-top:100px; background-color:var(--ee-dark-bg); display:flex;flex-wrap:wrap;}/*hyungmin 2022.11.24 flex, flex-wrap 추가*/
.trading_container:after{content:''; display:block; clear:both;}
.trading_wrap{width:100%; display: flex;}
.trading_left{width:82%; float:left; display: flex;} /* beom 2022.11.08 display:flex; 추가 */
.icon_section{/*width:5%;*/padding: 0 8px; height:60px; float:left; line-height:60px;}/*hyungmin 22.12.08 padding 추가, width 주석*/
.icon_section img{width: 40px;}
.trading_notice{width:100%; height:40px; margin-bottom:5px;}
.trading_notice .body{width:99.9%; height:40px; background-color:#1e2026; border:1px solid #252930; overflow:hidden;}
.trading_notice .body>ul{list-style:none; margin:0; padding:0; margin-left:10px;}
.trading_notice .body>ul>li{line-height:35px;}
.trading_notice .body>ul>li>a{font-weight:500; font-size:13px; text-decoration:none; color:var(--ee-light-gray);}
.trading_notice .body>ul>li>a i{margin-right:4px;}
.trading_coin_info{width:100%; /*height:60px; margin-bottom:5px;*/}
.trading_coin_info .body{width:100%; /*height:60px;*/ background-color:var(--ee-dark-bg); border:1px solid #212529;} /*hyungmin 22.12.08 float 제거*/
.trading_market_area{display:flex; width:100%;/* height:620px; margin-bottom:5px;*/max-width: 400px;min-width: 330px;} /* 2022.11.08 max-width: 400px; min-width: 330px; 추가*/
.trading_chart{display:block; -webkit-box-flex:1; flex-grow:1; height:644px; background-color:var(--ee-dark-bg); border:0;}
.tv_chart_div{width:100%; height:620px;}
.trading_bid{width:100%; min-width:330px; max-width:400px; /*height:615px;*/ border:1px solid #212529; border-bottom: 0;} /* 2022.10.25 font-family 추가 */ /* 2022.11.08 width: 28%; => 100% */
.trading_order_log{width:82%;} /* beom 2022.09.16 width: 100% => 82% */ 
.trading_order_log:before{content:''; display:block; clear:both;}
.trading_order_log .body{width:100%; background-color:var(--ee-dark-bg) ; border:1px solid #212529; font-family: 'Noto Sans KR',Poppins,Arial,'Malgun Gothic',sans-serif;} /* 2022.10.25 font-family 추가 */
.trading_right{width:18%; position: relative; height: 704px;} /* hyungmin 2022.11.24 부모요소 flex로 변경하여 float 삭제, height 값 추가*/
.order_selection{width:100%; height:40px; padding:0 10px; background-color:var(--ee-dark-bg); border:1px solid #212529; overflow:hidden;}
.order_section{width:100%; height:auto; background-color:var(--ee-dark-bg); border-bottom:1px solid #212529; border-right:1px solid #212529; border-left:1px solid #212529;}
.order_section .tab{width:100%; height:40px; border-top: 1px solid #212529;}
.price_selection{overflow:hidden; padding:10px;}
.order_value{width:100%; margin:15px 0; height:30px; padding:0 10px;}
.order_value label{float:left; color:var(--ee-light); font-size:13px; line-height:30px;}
.order_value span{float:right; color:var(--ee-light); font-size:12px; font-weight:500; line-height:30px;}
.order_value span strong{font-size:15px; font-weight:500; color:#f15e29;} /* beom 2022.09.26 font-weight: 800; => 500 */
/* jin 2022.09.15 info_section 추가 */
.info_section{width:100%; position: absolute; height: auto; padding:0 10px; background-color:var(--ee-dark-bg); border-right:1px solid #212529; border-left:1px solid #212529;}
.coin_section{width:100%; padding:7px 10px; background-color:var(--ee-dark-bg); border-bottom:1px solid #212529; border-right:1px solid #212529; border-left:1px solid #212529;}
.coin_section_mo{display: none;} /* beom 2022.12.12 추가 */
.foot_section{width:100%; height:40px; background-color:var(--ee-dark-bg); border-top:1px solid #212529; margin-top:5px;}
/* jin 2022.10.13 css변경 */
.foot_icon ul{ display: flex;width: fit-content;}
.foot_icon ul li{background-color: #545A67;border-radius: 13px;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;}
.logo_section{width:10%; height:70px; color:#fff; line-height:70px; font-size:25px; font-weight:900; padding-left:10px; float:left;}
.logo_section a{display:block; width:110px;}
.logo_section a img{width:100%;}
.menu_section{width:60%; height:70px; line-height:70px; float:left;}
.setting_section{width:30%; height:70px; line-height:70px; float:right; padding-right:10px;}
.hamburger_section{display:none; float:right; height:70px; width:60px; text-align:center; line-height:70px; cursor:pointer; font-size:20px; color:#f80;}
.menu_bar{height:70px; color:#fff; list-style-type:none; margin:0; padding:0;}
.menu_bar li{float:left; position:relative; font-size:15px;}
.menu_bar li a{cursor:pointer; display:block; color:#e9ebed; padding-right:40px; text-decoration:none; text-align:center; font-weight:500;}
.menu_bar li a:hover{color:#f80;}
.menu_bar li a.active{color:#f80;}
.menu_bar>li>ul{padding:0; list-style-type:none; width:130px; display:none; position:absolute; font-size:14px; background:#000; border:1px solid #212529; color:#fff; text-align:center; height:auto;}
.menu_bar>li:hover>ul{display:block;}
.menu_bar>li>ul>li{width:170px; text-align:center; position:relative; float:left;}
.menu_bar>li>ul>li>a{margin:0 auto;}
.menu_bar>li>ul>li:hover{color:#f80;}
.menu_bar_right{float:right; height:70px; color:#fff; list-style-type:none; margin:0; padding:0;}
.menu_bar_right_mobile{float:right; height:70px; color:#fff; list-style-type:none; margin:0; padding:0; overflow:hidden; display:none;}
.menu_bar_right li{float:left; font-size:15px;}
.menu_bar_right li a{cursor:pointer; display:block; color:#e9ebed; padding-left:20px; padding-right:20px; text-decoration:none; text-align:center; font-weight:500;}
.menu_bar_right li a:hover{color:#f80;}
.menu_bar_right li a.active{background-color:#f80; color:#000;}
.menu_bar_right>li>ul{padding:0; list-style-type:none; width:100px; display:none; position:absolute; font-size:14px; background:#000; border:1px solid #212529; color:#fff; text-align:center; height:auto;}
.menu_bar_right>li:last-child{position:relative;}
.menu_bar_right>li:last-child>ul{left:-5px;}
.menu_bar_right>li:hover>ul{display:block;}
.menu_bar_right>li>ul>li{width:100px; text-align:left; position:relative; float:left;}
.menu_bar_right>li>ul>li:hover{color:#f80;}
.menu_bar_right>li:last-child>a{border-left:1px solid #252930;}
.mobile_menu{width:100%; top:70px; height:100%; padding:0 20px; position:absolute; background-color:#0A0B0C; z-index:2; text-align:left; color:#fff;}
.mobile_menu h3{margin-top:20px; font-size:20px; font-weight:500;}
.mobile_menu a{display:inline-block; margin-top:10px; font-size:16px; font-weight:400; color:var(--ee-light);}
.daily_score_box{/*float:left; width:50%;*/display: flex;flex-wrap: wrap;}/*hyungmin 22.12.08 float 제거*/
.daily_score{height:60px; /*float:left;*/ padding-right:2.5%; text-align:left;}/*hyungmin 22.12.08 float 제거*/
.daily_score>.field_name{display:block; margin-top:10px; font-size:12px; font-weight:500; color:var(--ee-light-gray);}
.daily_score>.field_value{display:block; margin-top:3px; font-size:12px; font-weight:500; color:var(--ee-light);}
.daily_score>.field_value.increase{color: rgb(14,203,129);}/* beom 2022.09.15 차트 상단 폰트색상 변경 */
.daily_score>.field_value.decrease{color: rgb(246,70,93);}/* beom 2022.09.15 차트 상단 폰트색상 변경 */
.price_section{height:60px; float:left; line-height:60px; padding-right:2.5%; text-align:left; font-weight:500; font-size:20px;}
.price_section.high{color:rgb(14,203,129);} /* beom 2022.09.15 차트 상단 폰트색상 변경 */
.price_section.low{color: rgb(246,70,93);} /* beom 2022.09.15 차트 상단 폰트색상 변경 */
.asset_section{width:100%; height:30px;}
.asset_section label{font-size:13px; font-weight:500; float:left; line-height:30px; color:var(--ee-light);}
.asset_section label.transfer_asset{color:#f15e29; font-size:12px; font-weight:700; float:right; line-height:30px; cursor:pointer;}
.asset_section label.transfer_asset i{margin-right:5px;}
.balance_section label{font-size:12px; font-weight:500; float:left; line-height:30px; color:var(--ee-light-gray);}
.balance_section label.right{float:right; color:var(--ee-light);}
.balance_section{width:100%; height:30px;}
.balance_section_m{display: none;}
.type_selection{margin-top:5px; text-align:center; width:32%; height:30px; border: 1px solid var(--ee-bi-2); color: var(--ee-bi-2); line-height:28px; margin-right:2%; font-size:12px; font-weight:700; float:left; cursor:pointer; display: flex; justify-content: center; align-items: center;} /* hyungmin 22.11.15 border,color 변경 */
.long_selection{margin-top:5px; text-align:center; width:32%; border:1px solid var(--ee-green); color:var(--ee-green); line-height:28px; margin-right:2%; font-size:12px; font-weight:700; float:left; height:30px; cursor:pointer; display: flex; justify-content: center; align-items: center;}
.short_selection{margin-top:5px; text-align:center; width:32%; border:1px solid var(--ee-red); color:var(--ee-red); line-height:28px; font-size:12px; font-weight:700; float:left; height:30px; cursor:pointer; display: flex; justify-content: center; align-items: center;}
.tab_btn{text-align:center; line-height:30px; font-size:15px; font-weight:500; margin-top:10px; float:left; width:50%; height:40px; border-bottom:1px solid #212529; color:var(--ee-light-gray); cursor:pointer; display: flex; justify-content: center; align-items: center;}
.tab_btn.active{border-bottom:1px solid var(--ee-bi-2); color:var(--ee-bi-2);}
.price_button{cursor:pointer; margin-top:10px; float:left; width:50%; height:40px; font-size:14px; font-weight:500; line-height:40px; color:var(--ee-light-gray); float:left; text-align:center; border:1px solid #212529; display: flex; justify-content: center; align-items: center;}
.price_button.active{color:var(--ee-light); background-color:#474d57;}
.order_form{width:100%; height:60px; margin-bottom:5px; padding:0 10px;}
.order_form>label{color:var(--ee-light); font-size:13px; font-weight:500;}
.order_form>div{width:100%; height:34px; margin-top:5px; background-color:#282c32; border:1px solid #212529; text-align:right;}
.order_form>div i{width:40px; color:var(--ee-light-gray); cursor:pointer; text-align:center;}
.order_form>div span{display:inline-block; width:40px; color:var(--ee-light-gray); cursor:pointer; font-size: 11px; font-weight: 500; text-align:center;}
.order_input{width:calc(100% - 45px); height:30px; line-height:30px; background-color:#282c32; border:none; color:#fff; text-align:right;}
.amount_selection{width:100%; height:30px; padding:0 10px;}
.amount_selection_btn{width:20%; height:30px; text-align:center; line-height:30px; font-size:12px; font-weight:700; background-color:#212529; color:var(--ee-light-gray); cursor:pointer; float:left; display: flex; justify-content: center; align-items: center;}
.amount_selection_btn:hover{background-color:#474d57; color:var(--ee-light);}
.amount_selection_btn.on{background-color:#474d57; color:var(--ee-light);}
.order_form_btn{width:100%; height:auto; margin-bottom:10px; padding:0 10px;}
.order_form_btn>div{width:100%; display: flex; justify-content: space-between;}
.order_form_btn .order_btn{width:100%; cursor:pointer; height:40px; margin-top:10px; font-size:15px; text-align:center; font-weight:500; color:#fff; line-height:40px; display: flex; justify-content: center; align-items: center;} /* 박범근 2023.01.30 17:14 flex 추가 */
/* .order_form_btn .order_btn:first-child{margin-top:21px;} */
.order_form_btn.half .order_btn{width:48.5%;}
/* .order_form_btn.half .order_btn:first-child{float:left;}
.order_form_btn.half .order_btn:last-child{float:right;} */
.order_form_btn .btn_r{background-color: var(--ee-red);}
.order_form_btn .btn_c{background-color: var(--ee-green);}
.unlogin_btn_wrap{width: 100%; padding: 0 10px;} /* 박범근 2023.02.09 14:55 주문화면 미로그인시 버튼 */
.unlogin_btn{width:100%; cursor:pointer; height:40px; margin-top:10px; font-size:15px; text-align:center; font-weight:500; color:#fff; line-height:40px; display: flex; justify-content: center; align-items: center;}
.btn_s{background-color: var(--ee-bi-2);}
.btn_l{background-color: #404347;} /* 박범근 2023.02.09 14:55 주문화면 미로그인시 버튼 */
.check_form{width:100%; height:30px; line-height:30px; margin-bottom:10px; padding:0 10px; font-size:12px; color:#212529;}
.check_form>div{width:48.5%; text-align:right;}
.check_form>div:first-child{float:left;}
.check_form>div:last-child{float:right;}
.check_form>div span{font-size:12px; color:var(--ee-light-gray);}
.check_form>div span strong{color:var(--ee-light); font-weight:500;} /* beom 2022.09.26 font-weight:700; => 500 */
.tp_sl_check_box{margin-bottom: 10px; padding:0 10px; font-size:12px; font-weight: 600; color:var(--ee-light); line-height: 30px;} /* beom 2022.11.15 line-height */
#TP_SL_INPUT.none{display: none; } /* beom 2022.09.20 추가 */
#TP_SL_INPUT{display: flex;justify-content: space-between; margin:5px 0 10px; padding:0; height:30px; line-height:30px; font-size:12px; font-weight: 600; color:#616568;} /* beom 2022.09.20 추가 */
/* 2023.01.04 작업자: 이하진 order_derivatives_price -> order_derivatives_tp_sl */
#TP_SL_INPUT .order_derivatives_tp_sl{width:48%; height:30px; line-height:30px;background-color:var(--ee-dark-bg);border: 1px solid #616568;border-radius:5px;color: #fff;text-align: left;padding-left: 5px;transition: all 0.3s; font-size:12px;} /* beom 2022.09.20 추가 */
#TP_SL_INPUT .order_derivatives_tp_sl:focus{border-color: var(--ee-bi-2);} /* beom 2022.09.20 추가 */
.tp_sl_tooltip{display: inline-block; position: relative;}
.tp_sl_tooltip_all{display: none;}
.tp_sl_tooltip:hover .tp_sl_tooltip_all{display: block;}
.tp_sl_tooltip .tp_sl_tooltip_text{width: 208px; position: absolute; bottom: 25px; right: -4px; background-color: rgb(36, 37, 43); color: #fff; line-height: 16px; padding: 12px; font-weight: 500; font-size: 12px; z-index: 1;}
.tp_sl_tooltip_arrow{content: " "; position: absolute; border-style: solid; border-width: 10px; border-color: rgb(36,37,43) transparent transparent transparent; bottom: 5px; left: -4px; z-index: 1;}
.post_only_check_box{ margin-bottom: 10px; height:30px; line-height:30px; font-size:12px; font-weight: 600; color:var(--ee-light) } /* beom 2022.09.28 추가 */
#POST_ONLY_SELECT{cursor: pointer;}
#POST_ONLY_SELECT option{background-color: rgb(36,37,43); border:none; color: var(--ee-bi-2);} /* hyungmin 2022.11.15 bg-color 변경*/
.post_only_hover{float: right;}
.post_only_tooltip_all{display: none; position: relative;}
.post_only_tooltip_text{width: 256px; position: absolute; right: 0px; bottom: 11px; background-color: rgb(36, 37, 43); color: #fff; font-size: 12px; line-height: 16px; padding: 12px; z-index: 1; font-weight: 500; font-family: 'Font Awesome 5 Free';}
.post_only_tooltip_arrow{content: " "; position: absolute; right: 15px; bottom: -9px; border-style: solid; border-width: 10px; border-color: rgb(36,37,43) transparent transparent transparent; z-index: 1;}
.post_only_hover:hover .post_only_tooltip_all{display: block;}
.main_container{width:100%; height:auto;}
.carousel_container{width:100%; height:500px;}
.main_notice{width:100%; height:60px; border-top:1px solid #f80; background-color:rgba(255,136,0,0.2);}
.main_notice .body{width:70%; height:60px; overflow:hidden; margin:0 auto;}
.main_notice .body>ul{list-style:none; margin:0; padding:0;}
.main_notice .body>ul>li{line-height:60px;}
.main_notice .body>ul>li>a{font-weight:900; font-size:12px; text-decoration:none; color:#f80;}
.introduce_section{margin:0 auto; width:70%; height:500px;}
.welcoming{width:30%; height:400px; float:left;}
.main_carousel{width:70%; height:500px; overflow:hidden; float:left;}
.coin_container{width:100%; height:800px; background-color:var(--ee-dark-bg);}
.coin_container_table{width:70%; height:200px; margin:0 auto;}
.category_tab{width:70%; height:50px; color:#fff; margin:0 auto;}
.category_tab_btn{width:10%; height:50px; line-height:50px; text-align:center; font-weight:900; font-size:14px; color:rgba(255,255,255,0.5); float:left; cursor:pointer;}
.category_tab_btn:first-child{width:10%; height:50px; line-height:50px; text-align:left; font-weight:900; font-size:14px; color:rgba(255,255,255,0.5); float:left;}
.category_tab_btn:hover{color:#fff; text-decoration:underline;}
.category_tab_btn.active{color:#f80;}
.coin_table_object{width:47%; height:100px; background-color:#000; border:1px solid #f80;}
.notice_container{width:100%; height:400px;}
.notice_container_table{width:70%; color:#fff; margin:0 auto;}
.notice_container_table table{width:100%; color:#fff; border-collapse:collapse;}
.notice_container_table table th{border-bottom:2px solid #fff; height:40px; text-align:left; padding-left:10px;}
.notice_container_table table td{border-bottom:1px solid #fff; height:40px; padding-left:10px;}
.board_container{width:100%; height: auto;min-height: 1000px;overflow: auto;padding-bottom: 50px;}
.account_container{width:85%; margin:0 auto; min-height:860px;}
.left_side{margin-top: 80px;float:left; width:17%;}
.left_menu{margin-top:10px; width:100%; color:#fff; background-color:var(--ee-dark-bg);}
.left_menu a{display:block; color:#fff; text-decoration:none; margin-left:20px; line-height:50px; font-weight:500; font-size:16px; cursor:pointer;}
.left_menu a:hover{color:rgba(255,136,0,0.5); text-decoration:underline;}
.left_menu a.active{color:#f80;}
.content{margin-top: 150px;float:left; width:calc(100% - 17%); padding:0 20px; color:#fff; min-height:850px;}
.search_line{width:100%; height:50px;}
.search_input{float:right; background-color:#000; border:none; border:1px solid #212529; width:60%; height:40px; margin-top:10px; color:#fff;}
.search_btn{float:right; background-color:#f80; color:#fff; border:1px solid #f80; width:20%; margin-top:10px; height:40px; cursor:pointer;}
.pagination_line ul{text-align: center;margin-top:30px;}
.pagination_line ul li{display:inline-block; margin: 0 5px;}
.pagination_line ul li.disabled{text-decoration:none; cursor:not-allowed;}
.pagination_line ul li a{display:inline-block; width:24px; height:24px; vertical-align: top; color:#666;}
.pagination_line a.icon{background-position: 50% 50%;background-repeat: no-repeat;border: 1px solid #333;border-radius: 50%;font-size: 0;opacity:60%;}
.pagination_line a.icon:hover, .pagination a.icon.on{border:1px solid #333;opacity:100%;}
.pagination_line a.first{background-image:url(/img/content/icon-page4.svg)}
.pagination_line a.pre{background-image:url(/img/content/icon-page3.svg)}
.pagination_line a.next{background-image:url(/img/content/icon-page2.svg)}
.pagination_line a.last{background-image:url(/img/content/icon-page1.svg)}
.pagination_line ul li:hover{background-color:#fff;}
.pagination_line ul li.active{background-color:#fff;}
.bid_price{font-size:12px; color:var(--ee-light); height:180px; position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} /* beom 2022.11.08 height:280px; => 180px */
.order_th{width:100%; height:30px; font-size:13px; color:var(--ee-light-gray); font-weight:500; line-height:30px; border-bottom:1px solid #212529; display: flex; padding: 0 10px;}
.order_th{white-space: nowrap; width:100%; height:30px; font-size:13px; color:var(--ee-light-gray); font-weight:500; line-height:30px;}
/* .order_th>div{text-align:left;float:left;} 박범근 2023.02.09 14:19 모바일 거래화면 ui 변경 */
.order_th>div{text-align:right;} /* 함형민 230330 float 제거 */
.order_th>div:nth-child(1){width:30%; text-align: left;}
.order_th>div:nth-child(2){width:30%;}
/* .order_th>div:nth-child(3){width:40%; float:right;} */
.order_th>div:nth-child(3){width:40%;}/* 함형민 230330 float 제거 */
/* .order_th>div:nth-child(1) label{margin-left:10px;}
.order_th>div:nth-child(2) label{margin-left:15px;}
.order_th>div:nth-child(3) label{margin-left:15px;} */
/* .price_child{text-align:right; float:right; cursor: pointer;} */
.price_child{text-align:right; cursor: pointer;}/* 함형민 230330 float 제거 */
/* .price_child_1{width:30%; float:left;} */
.price_child_1{width:30%; text-align: left;}/* 함형민 230330 float 제거 */
.price_child_2{width:30%; position:relative;} /* 박범근 2023.02.09 14:19 모바일 거래화면 ui 변경 *//* 함형민 230330 float 제거 */
.price_child_3{width:40%; position:relative;}/* 함형민 230330 float 제거 */

.order_book_view .index_price{-webkit-box-sizing:content-box; box-sizing:content-box;}
.index_price{text-align:center; font-size:14px; font-weight:900; width:100%; height:40px; line-height:40px; border-top:1px solid #212529; border-bottom:1px solid #212529;}
.index_price>div{width:50%; height:40px;}
.index_price>div:first-child{float:left;}
.index_price>div:last-child{float:right; color:#ffb11a; width: 50%;} 
.index_price>div.mark_price{ width: 25%; margin: 0 12.5%; }/* beom 2022.12.12 width:25%; margin: 0 12.5%; */
.index_price>div:first-child i{color: #fff;} /* beom 2023.01.04 14:05 light mode 시 글 색상 변경 */
.index_price>div:first-child i.fa-arrow-up{color: var(--ee-green);}
.index_price>div:first-child i.fa-arrow-down{color: var(--ee-red);}
.index_price>div i{line-height:40px; cursor: pointer;}
.index_price>div i:before{margin-right:5px;}
.index_price_spot{position: relative;}
.spot_tooltip{display: none; position: absolute; z-index: 1; width: 210px; background-color: rgb(36,37,43); height: 106px; bottom: -30%; left: 50%; transform: translate(-50%, -50%);}
.spot_tooltip_text{line-height: 18px; font-size: 12px; color: #fff; z-index: 1; font-weight: 500; text-align: left;}
.spot_tooltip_text p{padding: 8px 12px;}
.spot_tooltip_arrow{content: " "; position: absolute; left: 50%; bottom: -28%;transform: translate(-50%, -50%); border-style: solid; border-width: 10px; border-color: rgb(36,37,43) transparent transparent transparent; z-index: 1;}
.index_price_spot:hover .spot_tooltip{display: block;} /* beom 2022.12.12 */
.spot_tooltip_two{display: none; position: absolute; z-index: 1; width: 210px; background-color: rgb(36,37,43); height: 106px; bottom: 41px; left: 47%; transform: translate(-50%, 0%);}
.spot_tooltip_text_two{line-height: 18px; font-size: 12px; color: #fff; z-index: 1; font-weight: 500; text-align: left;}
.spot_tooltip_text_two p{padding: 8px 12px;}
.spot_tooltip_arrow_two{content: " "; position: absolute; right: 85px; border-style: solid; border-width: 10px; border-color: rgb(36,37,43) transparent transparent transparent; z-index: 1;}
.spot_tooltip_hover_two:hover~ .spot_tooltip_two{display: block;}
.ask_price{font-size:12px; color:var(--ee-light); position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; height:180px;} /* beom 2022.11.08 height:180px; 추가 */
.pagination_line{text-align:center; width:100%; height:auto;}
.list_btn{float:right; background-color:#f80; color:#fff; border:1px solid #f80; width:40px; margin-top:10px; margin-right:10px; height:40px; cursor:pointer;}
.wallet_container{width:100%; min-height:860px;}
.wallet_btn{width:100px; height:40px; border:1px solid #fff; background-color:rgba(0,0,0,0); color:#fff; float:left; text-align:center; line-height:40px; margin-left:10px; cursor:pointer;}
.wallet_btn:hover{border:1px solid #f80; background-color:#f80;}
.wallet_btn.active{border:1px solid #f80; background-color:#f80;}
.action_drop{position:relative; width:100%; height:300px; top:0; background-color:#0A0B0C;}
.action_btn:hover>.action_drop{display:block;}
.action_btn{display:none;}
.w_78{width:78%;}
.account_section{width:100%; min-height:400px; color:rgba(255,255,255,0.5); border:1px solid #212529;}
.account_title_section{color:#000; font-family:'Noto Sans KR',Arial,'Malgun Gothic',sans-serif; font-weight:700; font-size:24px; height:50px; width:100%; border-bottom:1px solid #212529; line-height:50px;}
.account_title_section label{margin-left:10px;}
.account_body{width:95%; margin:0 auto; min-height:200px;}
.account_body_field{width:100%; height:50px; border-bottom:1px solid #212529; font-weight:900; line-height:50px; font-size:12px;}
.account_body_field .key_col{width:20%; float:left;}
.account_body_field .account_sub{color:rgba(255,255,255,0.5);}
.account_body_field .value_col{width:60%; color:#fff; float:left;}
.account_body_field .value_col input{width:100%; height:40px; border:none; font-weight:900; font-size:12px; background-color:#000; color:#fff; line-height:40px;}
.account_body_field .value_col select{width:100%; height:40px; border:none; font-weight:900; font-size:12px; background-color:#000; color:#fff; line-height:40px;}
.account_body_field .value_col select option{background-color:#000; color:#fff; text-align:center;}
.account_body_field .submit{width:100%; text-align:center; float:left;}
.account_body_field .submit button{height:40px; width:20%; text-align:center; background-color:#f80; color:#fff; font-weight:900; font-size:14px;}
.account_body_field .submit button:hover{background-color:#fff; color:#f80;}
.account_body_field .action_col{width:20%; text-align:right; float:left;}
.account_body_field .action_col button{width:100px; height:40px; background-color:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.5); cursor:pointer;}
.account_body_field .action_col button:hover{background-color:#fff; border:1px solid #fff; color:#000;}
.pop_input_line{margin:0 auto 20px;}
.pop_input_line.over_h{overflow:hidden;}
.pop_input_line label{display:inline-block; color:#000; font-size:16px; font-weight:500;}
.pop_input_line label:first-child{margin-bottom:5px;}
.pop_input_line.link_box{margin-top:25px; text-align:right;}
.pop_input_line.link_box a{display:inline-block; position:relative; margin-right:10px; padding-right:11px; color:#000; cursor:pointer;}
.pop_input_line.link_box a:before{content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:15px; background-color:#d3d3d6; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.pop_input_line.link_box a:last-child{margin-right:0; padding-right:0;}
.pop_input_line.link_box a:last-child:before{display:none;}
.pop_input_line.al_c_box{margin-top:20px; text-align:center;}
/* jin 2022.09.27 transfer Asset 셀렉트 박스 변경  */
.pop_transfer{display: flex;align-items: center;padding-right: 10px;border: 1px solid #acacac;}
.pop_transfer:focus-within{border: 1px solid var(--ee-bi-1);}
.pop_transfer .pop_input_transfer{border-color: transparent; background-color: transparent;}
.pop_transfer .pop_input_transfer:focus {border-color: transparent;}
.pop_input_line_transfer label{margin-bottom: 5px; display: inline-block; color: #000;font-size: 16px;font-weight: 500;}
.select_coin_option{padding-left: 10px;width: 100%;height: 34px;line-height:34px;background-color: white; display:none; border: 1px solid #acacac; border-top: none; border-bottom: none;}/*hyungmin 22.12.19 height fit-content => 34px, border 색 수정, min-height 삭제, line-height 추가*/
.select_coin_option:nth-last-child(1){border-bottom: 1px solid #acacac;}/*hyungmin 22.12.19 색 수정*/
.select_coin_option span:nth-child(2){margin-left: 4px;}/*hyungmin 22.12.19 추가*/
.coin_fullname{font-size: 11px; color: rgb(116 125 138);margin-top: 5px;}/*hyungmin 22.12.19 margin-top 7px => 5px*/
.select_coin_option:hover{color: coral;}
.select_coin_option:hover .coin_fullname{color: coral;}
.hide_coin_select{width: 100%;position: relative;}
#TRANSFER_COIN { background: #fff; } /* beom 2022.10.24 드랍메뉴 노이즈 수정 */
.arrow_down:before{background-image:url(/img/common/ic_arr_down.svg);content:''; position:absolute; background-repeat: no-repeat; width:20px; height:20px; right: 10px; top: 50%; transform: translateY(-50%);}
/* .pop_input_line.select_coin.td_img.conin_img_select{height: 20px; width: 20px;} */
.pop_input{width:100%;height:36px;padding:6px 11px;font-size:16px; font-weight:500;border:1px solid #acacac;box-sizing: border-box;}
.pop_input_transfer{width:100%;height:36px;padding:6px 11px;font-size:16px; font-weight:500;border:1px solid #acacac;box-sizing: border-box;display: flex;}
.pop_input:focus {border-color:var(--ee-bi-1);}
.pop_btn{background-color:var(--ee-bi-1); color:#fff; margin-top:10px; height:40px; padding:0 25px; cursor:pointer;}
#MAX_TRANSFER{cursor: pointer;} /* beom 2022.10.24 transfer asset max 버튼 마우스 포인터 수정 */
/* .pop_btn:hover{background-color:#fff; color:#f80; border:1px solid #fff;} */
.pop_btn_line{width:100%; margin-top:10px; text-align:center;}
.pop_btn_line button{display:inline-block; background-color:var(--ee-bi-1); color:#fff; margin-top:10px; height:46px; line-height:46px; padding:0 25px; cursor:pointer; font-size:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.pop_btn_line button:disabled{background:#bbb;border-color:#bbb;cursor: default;}
.pop_btn_line button.full{width:100%;}
.pop_btn_line.gap_t{margin-top:30px;}
.pop_btn_line.gap_t2{margin-top:70px;}
/* .pop_btn_line button:hover{background-color:#fff; color:#f80; border:1px solid #fff;} */
.margin_btn_wrap{display:flex; flex-wrap:wrap;justify-content: space-between;}
.margin_btn{border:1px solid #666; width:48%; height:40px; line-height:40px; float:left; cursor:pointer; text-align:center; color:#666; font-size:14px; font-weight:500;}
.margin_btn.active{border:1px solid var(--ee-bi-1); color:var(--ee-bi-1);}
.leverage_selection{overflow:hidden; width:80%; margin:0 auto;}
.leverage_selection_btn{width:14.25%; height:32px; text-align:center; line-height:32px; font-size:12px; font-weight:700; background-color:#fff; color:#666; cursor:pointer; float:left;}
.leverage_selection_btn.active{background-color:#666; color:#fff;}
.margin_slider_wrap{position:relative; padding-bottom:0px;} /* 박범근 2023.01.27 padding-bottom: 30px; => 0 */
.margin_slider_wrap #margin_slider, 
.margin_slider_wrap .calc_lev, 
.margin_slider_wrap #QTY_SLIDER,
.margin_slider_wrap #QTY_SLIDER_BUY,
.margin_slider_wrap #QTY_SLIDER_SELL{height:6px;}
.margin_slider_wrap #margin_slider .noUi-connect, 
.margin_slider_wrap .calc_lev .noUi-connect, 
.margin_slider_wrap #QTY_SLIDER .noUi-connect,
.margin_slider_wrap #QTY_SLIDER_BUY .noUi-connect,
.margin_slider_wrap #QTY_SLIDER_SELL .noUi-connect{background:var(--ee-bi-1);}
.margin_slider_wrap #margin_slider .noUi-handle, 
.margin_slider_wrap .calc_lev .noUi-handle, 
.margin_slider_wrap #QTY_SLIDER .noUi-handle,
.margin_slider_wrap #QTY_SLIDER_BUY .noUi-handle,
.margin_slider_wrap #QTY_SLIDER_SELL .noUi-handle{height:14px; width:14px; top:-5px; right:-7px; border-radius:7px;}
.margin_slider_wrap .margin_alert{margin: 60px 0 0 0;font-size: 11.33px;color: rgb(224,64,64);font-weight: 900;} /* beom 2022.09.28 margin:40px 0 0 -20px; => 60px 0 0 0 font-size:14px => 11.33px, font-wight:900; */
.margin_slider_wrap .margin_alert2{margin: 20px 0 10px 0;font-size: 11.33px;color: rgb(224,64,64);font-weight: 900;} /* beom 2022.09.28 margin:40px 0 0 -20px; => 60px 0 0 0 font-size:14px => 11.33px, font-wight:900; */
.lev_slider_wrap{margin:20px 0 50px;}
.order_book_selection_btn.active{color:var(--ee-light);}
.order_book_selection_btn{margin-left:10px; cursor:pointer;}
.order_book_selection{width:100%; height:40px; line-height:40px; color:var(--ee-light-gray); border-bottom:1px solid #212529;}
.order_log_tab .tab{cursor:pointer; height:40px; padding:0 10px; color:var(--ee-light-gray); line-height:40px; font-size:13px; float:left; font-weight:500;}
.order_log_tab .tab.active{color:#f15e29;}
.order_log_tab .tab span { margin-left: 5px; color: var(--ee-light-gray);} /* beom 2022.10.24 transfer asset max 버튼 마우스 포인터 수정 */
.order_log_tab .tab.active span{color:#f15e29;} /* beom 2023.01.02 position,active count 색상 */
.order_log_tab svg{display: none;}
.order_log_tab .label{display: none;}
.forget{font-size:12px; cursor:pointer;}
/* .forget:hover{color:#f80; text-decoration:underline;} */



/* hyungmin 22.12.07 start*/
.side_bar_table{height: 400px;overflow-y: scroll;-ms-overflow-style: none;}
.side_bar_table::-webkit-scrollbar{display:none;}
.side_bar_table table{margin-left:10px; width:95%; font-size:12px; color:#fff; border-collapse:collapse;}
.side_bar_table table thead{top: 0px;background: #0A0B0C;z-index: 2;position: sticky;position: -webkit-sticky;}
.side_bar_table table tr{white-space: nowrap; height:50px; text-align: right;}
.side_bar_table table tr th:first-child{text-align: left; padding-left:10px;}
.side_bar_table table tr th:nth-child(3){padding-right:30px;}
.side_bar_table table tr th:last-child{padding-right: 10px;}
.side_bar_table table td{cursor:pointer;}
.side_bar_table table tbody .side_selection .td_img{display: flex;align-items: center;height: 50px;}
.side_bar_table table tbody .side_selection.side_contracts_wrap{display: flex;align-items: center;height: 50px;gap: 8px;white-space: nowrap;}
.side_bar_table table th, .side_bar_table table td{width:25%}
/* .side_bar_table table tbody .coin_tr{border-bottom:2px solid rgba(255,255,255,0.5); white-space: nowrap;} */
.side_bar_table table tbody tr.coin_tr{width: 542px; height: 50px;}
.side_bar_table table tbody tr.coin_tr td:first-child{display: flex;align-items: center;gap: 8px; padding-left:10px;}
.side_bar_table table tbody tr.coin_tr td:nth-child(3){padding-right: 30px;}
.side_bar_table table tbody tr.coin_tr td:last-child{padding-right: 10px;}
.side_bar_table table tbody .coin_tr:hover {background: rgb(43,49,57);}
/* hyungmin 22.12.07 end*/
.side_menu_tab #FAVORITES_SIDE_MENU{line-height:20px}/* hyungmin 22.12.26 추가*/
.side_menu_tab .fav.side_menu_select{display:flex; align-items: center; gap:5px}/* hyungmin 22.12.26 추가*/


.pop_input option{}
/* .pop_input::-webkit-scrollbar{width:5px;}
.pop_input::-webkit-scrollbar-thumb{background-color:#f80;}
.pop_input::-webkit-scrollbar-track{background-color:#0A0B0C;} */
.order_log_tab_wrap{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #212529;} /* beom 2022.12.07 */
.order_log_tab{display: flex; align-items: center; overflow-x: auto;overflow-y: hidden;height: 40px;white-space: nowrap;/* border-bottom: 1px solid #212529;*/} /* beom 2022.12.07 */
.order_log_tab .cancel_all{ font-size:12px; }
.order_log_tab .cancel_all span{display:inline-block; width:auto; height:25px; line-height:25px; padding:0 5px; color:#f15e29; border:1px solid #f15e29; cursor: pointer;}
.order_log_tab ~ .cancel_all span{display:inline-block; width:auto; height:25px; line-height:25px; padding:0 5px; color:#f15e29; border:1px solid #f15e29; cursor: pointer; font-size: 12px;}
/*hyungmin 22.11.29 선물 페이지 체크박스*/
.hide_other_symbols.derivatives_log_hide {padding: 0 10px; margin-right: 37px;} /* beom 2022.12.07 */
.hide_other_symbols.derivatives_log_hide label{cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*hyungmin 22.12.08 label 드래그방지*/
.hide_other_symbols.derivatives_log_hide input[type="checkbox"]{display: none;}
.hide_other_symbols.derivatives_log_hide input[type="checkbox"] + label{display: inline-block;position: relative;white-space: nowrap;box-sizing: content-box;font-size: 12px;font-weight: 500;} /* beom 2022.12.07 start */
.hide_other_symbols.derivatives_log_hide input[id="HOS"] + label::after{content:""; position: absolute;left: 5%;top:50%;transform: translate(-50%, -50%);display: inline-block; box-sizing: content-box; line-height: 10px;width: 10px;height: 10px;border:1px solid white;}
.hide_other_symbols.derivatives_log_hide input[id="HOS"] + label:hover::after{border: 3px solid rgb(255,169,0);}
.hide_other_symbols.derivatives_log_hide input[id="HOS"]:checked + label::after{background-color: var(--ee-bi-2);background-image: url(/img/common/ic_check_white.svg);border: 3px solid rgb(255,169,0);} /* beom 2022.12.07 end*/
.hide_other_symbols.derivatives_log_hide pre {width: 20px;display: inline-block;}
/*hyungmin 22.11.29 지갑 페이지 체크박스*/
.hide_other_symbols.wallet_small_hide {width:160px;}
.hide_other_symbols.wallet_small_hide label{cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*hyungmin 22.12.08 label 드래그방지*/
.hide_other_symbols.wallet_small_hide input[type="checkbox"]{display: none;}
.hide_other_symbols.wallet_small_hide input[type="checkbox"] + label{display: inline-block;line-height: 10px;width: 12px;height: 12px;border:1px solid #aaa;position: relative;white-space: nowrap;box-sizing: content-box;font-size: 12px;font-weight: 500;}
.hide_other_symbols.wallet_small_hide input[id="HOS"] + label:hover::after{box-sizing: content-box;content:'';width: 12px;height: 12px;position: absolute;border: 3px solid rgb(255,169,0);left: -3px;top:-3px;}
.hide_other_symbols.wallet_small_hide input[id="HOS"]:checked + label::after{box-sizing: content-box;content:'';background-color: var(--ee-bi-2);background-image: url(/img/common/ic_check_white.svg);width: 12px;height: 12px;position: absolute;border: 3px solid rgb(255,169,0);left: -3px;top:-3px;}
.hide_other_symbols.wallet_small_hide pre {width: 20px;display: inline-block;}

.order_log_table_default{width: 100%;height: 372px;display: flex;justify-content: center;align-items: center;} /* beom 2022.09.20 추가 order_log_table_default */
.order_log_table_default_inner{color:#fff;}
.order_log_table_default_inner_a{color:var(--ee-bi-2);cursor: pointer;}/* hyungmin 2022.11.08 color:var(--ee-bi-1); => var(--ee-bi-2) */
.order_log_table_default_inner_a:hover{color:var(--ee-bi-2);}/* hyyungmin 2022.11.08 color:var(--ee-bi-1); => var(--ee-bi-2) */
.order_log_table{width:100%; height: 330px; overflow-y: hidden;}
.order_log_table .loading_div {line-height: 330px;} /* beom 2022.09.16 line-height:330px; 추가 */
.order_log_table_th{width:calc(100%); height:30px; color:var(--ee-light-gray); font-weight:500; font-size:12px; line-height:30px; display: flex;}  /* beom 2022.09.15 padding-right:11.338px 2022.09.19 display: flex;추가 *//*hyungmin 22.12.16 position table 변경 justify-content, padding-right 삭제*/
.order_log_table_th.table_position.none{display:none;} /* beom 2022.09.19 display:flex; 적용후 탭간 이동시 order_log_table_th 사라지게 start */
.order_log_table_th.table_closed.none{display:none;} 
.order_log_table_th.table_active.none{display:none;} 
.order_log_table_th.table_filled.none{display:none;} 
.order_log_table_th.table_funding.none{display:none;} 
.order_log_table_th.table_order.none{display:none;} /* beom 2022.09.19 display:flex; 적용후 탭간 이동시 order_log_table_th end  */
.order_log_table_th_li{flex-basis: 100%;text-align: left; white-space: nowrap;} /*hyungmin 22.12.16 position table 변경*/
.order_log_table_th_li label{margin-left: 8px;}/* beom 2022.11.15*//*hyungmin 22.12.16 position table 변경*/
/*.table_position .order_log_table_th_li{width: calc(100% / 9); display: inline-block;}*//*hyungmin 22.12.16 position table 변경*//* beom 2022.09.14 .order_log_table_th_li 생성*/
.table_position .order_log_table_th_li:nth-last-child(2){letter-spacing: -0.05em;}
/*.table_closed .order_log_table_th_li {width: calc(100% / 9);} /* beom 2022.11.11 추가*/
/*.table_active .order_log_table_th_li{width: calc(100% / 6);}/* beom 2022.09.26 추가*/
/* .table_active .order_log_table_th_li:nth-last-child(1) {padding-left: 10px;}*//*hyungmin 23.01.03 주석*/
/*.table_filled .order_log_table_th_li{width: calc(100% / 8);} /* beom 2022.09.19 추가  */
/*.table_order .order_log_table_th_li{width: calc(100% / 6);}/* beom 2022.09.26 추가*/
.order_log_table_td{height:30px; width:calc(100%); color:rgba(255,255,255,0.5); font-weight:500; font-size:12px;display: flex;align-items: center; transition: background 0.1s;} /* beom 2022.09.15 font-weight 900 => 500  *//*hyungmin 22.12.16 position table 변경 justify-content 삭제*/ 
.order_log_table_td:hover{background-color: rgb(43,49,57);} /* beom 2022.09.20 추가 */
.table_position .order_log_table_td{height: 40px;} /* beom 2022.12.08 height:60px; => 40px*/
.order_log_table_td_li{text-align: left;text-transform: capitalize; width: 100%;} /* beom 2022.11.11 추가*//*hyungmin 23.01.06 flex-basis width로 변경 */
.order_log_table_td_li label {margin-left:10px; font-weight: 700;} /* beom 2022.11.15 */
/* .table_position .order_log_table_th_li:first-child{margin-left:5px; text-align: left;}hyungmin 22.12.16 position table 변경 23.01.02 전체 주석 */
/*
// 작업자 : 함형민
// 작업시작시간 : 22.12.30 17:25
// 작업내용 : log 영역 각 탭과 값이 첫 탭의 border와 padding에 의해 밀리던 현상 수정 START
*/
.table_position .order_log_table_td_li{height: 40px;display: flex;align-items: center;justify-content: start; position: relative;width: calc(100% / 9);} /* beom 2022.12.08 height:60px; => 40px*//*hyungmin 22.12.16  justify-content 추가*/ 
/*
// 작업완료시간 : 22.12.30 17:30
// 작업내용 : log 영역 각 탭과 값이 첫 탭의 border와 padding에 의해 밀리던 현상 수정 END
*/
.table_position .order_log_table_td_li:nth-child(1) {height: 30px;padding-left: 5px;justify-content: start;} /* beom 2022.12.08 height:50px; => 30px*//*hyungmin 22.12.16 position table 변경 justify-content 추가*/ 
.table_position .order_log_table_td_li:nth-child(5){color:rgb(215,120,67);} /* beom 2022.09.14 font-color: rgb(215,120,67) 변경 */
.table_position .order_log_table_td_li:nth-child(6){flex-direction: column;justify-content: center;align-items: flex-start;}/*hyungmin 22.12.16 position table 변경 align-items 추가*/ 
.table_position .order_log_table_td_li_label_wrap{display: flex;flex-direction: column;}
.table_position .order_log_table_td_li_btn_share{margin-left: 0.26vw; cursor: pointer;} /* beom 2022.09.26 margin-left: 5px; => 0.26vw */
.table_position .order_log_table_td_li_btn_share i{ background-image: url(/img/common/btn_share.svg); font-size: 0; width: 10px; height: 15px; display: block; background-repeat: no-repeat; background-size: 100%; filter: contrast(0.1); margin-top: 5px; }
.table_position .order_log_table_td_li .span_tpsl{display: flex;flex-direction: column;line-height: 30px;justify-content: center;align-items: start;}
.table_position .order_log_table_td_li span{line-height: 15px;letter-spacing: -0.05em;white-space: pre;}
.table_position .order_log_table_td_li_label{line-height: 15px; margin-left: 0;}
.table_position .order_log_table_td_li_per{display: inline-block;line-height: 15px;}
.table_position .order_log_table_td_li_lv{color: rgb(212,166,17);background-color: rgb(54,50,29);border-radius: 5px;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;margin-left:3px;}/* beom 2022.09.15 박스생성 */
.table_position .order_log_table_td_li .tpsl_div {position: absolute;top: 0;left: 0;} /* beom 2022.12.08 start */
.table_position .order_log_table_td_li .tpsl_div.on { display: flex;align-items: center; gap: 8px;} /*hyungmin 22.12.16 gap 10px => 8px*/
.table_position .order_log_table_td_li_input_wrap { display: flex;flex-direction: column; }
.table_position .order_log_table_td_li_icon_wrap { display: flex;flex-direction: column; gap: 8px; } /* beom 2022.12.08 end *//*hyungmin 22.12.16 gap 15px => 8px*/
.table_position .order_log_table_td_li_input_wrap input {background-color: var(--ee-dark-bg);color: #fff;border: 1px solid #616568;border-radius: 4px;transition:0.3s;width: 75.6px;}/* beom 2022.09.19 width: 75.6px */
.table_position .order_log_table_td_li_input_wrap input:hover{border: 1px solid var(--ee-bi-2);} /* beom 2022.09.16 수정 end */
.table_position .order_log_table_td_li_input_wrap input::placeholder {color:#ffffff80;} /* beom 2022.09.19 placeholder color */
/*.table_closed .order_log_table_td_li {flex-basis:100%; text-align: center;} /* beom 2022.11.11 추가*//*hyungmin 22.12.16 position table 변경 width 삭제 */
/* .table_active .order_log_table_td_li {width: calc(100% / 6);} beom 2022.09.26 추가 *//*hyungmin 22.12.16 주석처리*/
/*.table_active .order_log_table_td_li {flex-basis:100%;text-align: center;} /* hyungmin 22.12.16 추가 */
.table_active .order_log_table_td_li .cancel_btn{width: fit-content;padding: 0 10px; transition: background 0.3s, color 0.3s;}/*hyungmin 22.12.16 position table 변경 margin 삭제 */
/*.table_filled .order_log_table_td_li{flex-basis:100%;text-align:center;line-height: 30px;} /* beom 2022.09.19 추가 *//*hyungmin 22.12.16 position table 변경 width 삭제 */
/*.table_order .order_log_table_td_li {flex-basis:100%;text-align: center;} /* beom 2022.09.26 추가*//*hyungmin 22.12.16 position table 변경 width 삭제 */
.table_position .order_log_table_td_li .span_pnl{text-align: left;display: flex;flex-direction: column; }/*hyungmin 2022.12.16 추가*/
.order_log_table_body::-webkit-scrollbar{width:15px;}
.order_log_table_body::-webkit-scrollbar-thumb{background-color:#f80;}
.order_log_table_body::-webkit-scrollbar-track{background-color:#0A0B0C;}
.order_book_title{width:100%; height:40px; line-height:40px; border-bottom:1px solid #212529; color:var(--ee-light); font-weight:500; font-size:13px;}
.chart_book_title{display:none;}
.recent{width:100%;}
.recent_title{width:100%; height:40px; line-height:40px; border-bottom:1px solid #212529; border-top:1px solid #212529; color:var(--ee-light-gray); font-weight:700; font-size:13px;}
.recent_order{font-size:12px; color:var(--ee-light); height:140px; position:relative; overflow-y:hidden;}
.side_menu_bg{background:rgba(0,0,0,0.2); width:100%; height:100%; position:absolute; left:0; top:0; display:none; z-index:110;}
.pop_up{width:100%; height:100%; padding:0 20px; background-color:rgba(0,0,0,0.75); position:fixed; z-index:100; top:0; left:0;}
.pop_up_window{position:absolute; top:30px; bottom:30px; left:50%; width:500px; margin:0 auto; z-index:5; transform:translate(-50%, 0);}
/* jin 2022.09.20 추가 */
.pop_up_window_short{position:absolute; top:50%; left:50%; width:500px; margin:0 auto; z-index:5; transform:translate(-50%, -50%);} /* beom 2022.09.21 top:20% => 50%,transform: translate(-50%, 0); => (-50%, -50%)  */
.pop_up_content{display:flex; flex-flow:column nowrap; width:100%; height:100%; background-color:#fff; color:#666;}
/* jin 2022.09.20 추가 */
.pop_up_content_short{display:flex; flex-flow:column nowrap; width:100%; height:auto; background-color:#fff;}
.pop_up_content .pop_cnt_inner{flex-grow:1; overflow-y:auto; padding:30px 30px 50px;}
/* jin 2022.09.20 추가 */
.pop_up_content_short .pop_cnt_inner_short{flex-grow:1; overflow-y:auto; padding:30px 30px 37.7952px;}
.pop_up_title{position:relative; width:100%; padding:40px 0 24px; font-weight:500; font-size:20px; color:#000; border-bottom:1px solid #e6e6e8; text-align:center;}
.pop_up select{width:100%;height:36px;padding:6px 40px 6px 11px;font-size:16px; font-weight:500;border:1px solid #acacac;box-sizing: border-box; background: url(/img/content/icon-arr.svg) calc(100% - 10px) 50% no-repeat;background-size:auto 14px; -webkit-appearance:none;}
.pop_up select:focus{border-color:var(--ee-bi-1);}
.wallet_close{position:absolute;right:0;top:0;width:40px;height:40px;cursor: pointer;}
.wallet_close::before{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:1px;height:14px;transform:rotate(135deg);background-color:#666 ;}
.wallet_close::after{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:1px;height:14px;transform:rotate(45deg);background-color:#666 ;}
.cancel_btn{border:1px solid #fff; line-height:23px; height:25px; width:60%; /*margin:0 auto;*/ cursor:pointer;}
.cancel_btn.w_full{width:35%;}
.cancel_btn:hover{background-color:#fff; color:#000;}
.pop_show_text{color:rgb(152,50,143); font-size: 11.33px; font-weight: 900;text-align: justify;display: block;line-height: 1.6;margin-top: 20px;} /* beom 2022.09.28 추가 text-align: justify;display: block;line-height: 1.6;margin-top: 20px; */

/* jin 2022.09.21 마켓목록 검색창 */
#SEARCH_INPUT_SIDE_MENU .seach_input{width:48%; height:30px; line-height:30px;background-color:var(--ee-dark-bg);border: 1px solid #616568;border-radius:5px;color: #fff;text-align: left;padding-left: 5px;transition: all 0.3s; font-size:12px;} 
#SEARCH_INPUT_SIDE_MENU .seach_input:focus{border-color: var(--ee-bi-2);}

.ask_on{background-color:rgba(165,53,70,0.1);} /* beom 2022.09.15 호가창 배경색상 변경 */
.bid_on{background-color:rgba(15,178,114,0.1);}

.ask_on_down_fadein{animation: ask_on_down_fadein 0.5s;}
.ask_on_up_fadein{animation: ask_on_up_fadein 0.5s;}

.bid_on_down_fadein{animation: bid_on_down_fadein 0.5s;}
.bid_on_up_fadein{animation: bid_on_up_fadein 0.5s;}


@keyframes ask_on_down_fadein {
    from {
        background-color: rgba(165,53,70,0.1);
    }
    to {
        background-color: transparent;
    }
}

@keyframes ask_on_up_fadein {
    from {
        background-color: rgba(15,178,114,0.1);
    }
    to {
        background-color: transparent;
    }
}

@keyframes bid_on_down_fadein {
    from {
        background-color: rgba(165,53,70,0.1);
    }
    to {
        background-color: transparent;
    }
}

@keyframes bid_on_up_fadein {
    from {
        background-color: rgba(15,178,114,0.1);
    }
    to {
        background-color: transparent;
    }
}

.fade_out{background-color:transparent; opacity: 1; transition: 1s 2s;}

.ask_poll{position:absolute; background-color:rgba(165,53,70,0.2); height:20px; right:0; /*bottom:1px;*/ z-index:0;}
.ask_poll_background{position:absolute; background-color:rgba(165,53,70,0.2); height:20px; right:0; /*bottom:1px;*/ z-index:0;}
.ask_poll + label{position:relative; z-index:5;}
.order_log_table_body{height:268px;  width:100%; overflow-y:auto; overflow-x:hidden;}
.order_log_table_body::-webkit-scrollbar{width:11.338px;height:37.795px;border-radius:5px;} /* beom 2022.09.21 스크롤바 크기 변경 */
.order_log_table_body::-webkit-scrollbar-thumb{background-color:rgb(71,77,87);border-radius:5px;} /* beom 2022.09.21 스크롤바 색상, 모서리 변경 */
.order_log_table_body::-webkit-scrollbar-track{border-radius:5px;} /* beom 2022.09.21 스크롤바 배경 모서리 변경 */
.bid_poll{position:absolute; background-color:rgba(15,178,114,0.2); height:20px; right:0; /*bottom:1px;*/ z-index:0;}
.bid_poll_background{position:absolute; background-color:rgba(15,178,114,0.2); height:20px; right:0; /*bottom:1px;*/ z-index:0;}
.bid_poll + label{position:relative; z-index:5;}
.call_selection{cursor:pointer;/* width:3%;*/ height:60px; float:left; color:#fff; font-size:20px; line-height:60px; text-align:center; margin-left: 5px;margin-top: 15px;}/*hyungmin 22.12.08 width 주석*/
.call_selection i{ display: block; font-size: 30px;background-size:100%;width:30.236px;height:30.236px;} /* beom 2022.09.21 추가 */
.call_order_section {display: none; cursor:pointer; width:30px; height:60px; float:left; color:#fff; font-size:20px; line-height:60px; text-align:center; float: right; margin-right: 5px;align-items: center;} /* beom 2022.12.06 start */
.call_order_section i{ display: block; width:20px; height:20px;} 
.order_section_close{display: none; background-color: var(--ee-dark-bg);}
.order_section_close i{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center; margin-right: 5px;} /* beom 2022.12.06 end */
.end_line{border-bottom:1px solid #212529;}
.book_price{cursor:pointer; display: flex; padding: 0 10px;} /* 함형민 230330 float 제거 */

/* hyungmin 2022.11.08 추가 22.11.29 width => max-width */
.p2p_banner{/*max-width: 1080px;*/ height: 90px; margin: 0 auto; display: flex;flex-direction: column; justify-content: center; background-color: rgb(80,202,101); color: rgb(0,60,47); font-size: 9.33px;}
/* responsive */

@media only screen and (max-width: 1400px) {
    /* .trading_left{width:78%;}
    .trading_chart{width:74%;}
    .trading_bid{width:26%;}
    .trading_right{width:22%;}
    .side_menu_bar{width:100%; left:-100%;} */

    header .header_inner { height: 120px; padding: 15px 30px; } /* 박범근 2023.03.07 14:39 반응형 헤더 */
    header .header_inner h1 { align-self: flex-start; }
    header .header_inner .nav_wrap { width: 100%; align-items: start; }
    header .header_inner .nav_p { width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; padding-left: 30px; }
    header .header_inner .util { justify-content: end; width: 100%; height: auto;}

    header .header_inner .nav_p ul li.nav_orders { transform: translate(calc(-50%), 0); }

    .popup_area { top: 120px ; }
    /* .trading_container_wrap { margin-top:  120px; } */
    .trading_container{padding-top: 120px;}
}

/* kyc 안면인식 팝업 */

.pop_up_kyc{display: none;}
.kyc_wp{background-color: var(--ee-bi-2);color:#fff;}
.kyc_close{left: 0 !important;}
.kyc_close::before,.kyc_close::after{background-color: #fff;;}
.kyc_ct{top: 50px;}
.kyc_title{font-size: 20px;text-align: center;}
.kyc_desc{text-align: center; margin: 30px 0; font-style: 500;}
.kyc_box{display: flex; align-items: center; background-color: #c34b9b;border-radius: 5px; position: relative;}
.kyc_box.under_review{}
.kyc_box.failed{}
.kyc_box.failed::after {content: "";background: url(/img/common/ic_arr_link_kyc.svg) 100% 50% no-repeat;width: 20px;height: 20px;position: absolute;right: 0;top: 50%;transform: translate(-50%, -50%);}
.kyc_box .completed{border-radius: 36px; padding: 0 10px; width: 130px; background-color: #fff;}
.kyc_box .img_box{height: 22px; margin-right: 15px;}
.kyc_box .img_box i{display: inline-block;}
.kyc_box .img_box .identity{background-image: url(/img/common/ic_unverified_white.svg); width: 19px; height: 17px; }
.kyc_box .img_box .selfie{background-image: url(/img/common/ic_selfie.svg); width: 16px; height: 21px; }
.kyc_box .txt_box {margin: 0;}
.kyc_box .txt_box ul {list-style: initial; margin-left: 20px;}
.kyc_box strong{font-weight: 600;}
.kyc_box p{font-size: 12px;}
.kyc_btn_wrap{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%); width: 100%; width: calc(100% - 40px);}
.kyc_continue{width: 100%;}
@media only screen and (max-width: 1200px) {
    .main_sec02 .tab_box { width: 100%; }
    .main_sec02 .list_box { width: 100%; }
    .main_sec03::before { display: none;}
    .main_sec03 .list_wrap { display: block; }
    .main_sec03 ul { padding: 0 20px; height: auto; }
    .main_sec03 .soon { margin: 40px auto 0; }
    .main_sec04 .why_sec ul li:nth-child(3)::before { display: none; }
    .main_sec04 .why_sec ul li:nth-child(4)::before { display: none; }
    .img_wrap_main img { width: 100%; height: 100%; padding: 0 20px; }
    .menu_section{display:none;}
    .menu_bar_right_mobile li{float:left;}
    .menu_bar_right_mobile li a{cursor:pointer; display:block; padding:0 15px; color:#fff; text-decoration:none; text-align:center; font-weight:700;}
    .menu_bar_right_mobile li a:hover{color:#f80;}
    .menu_bar_right_mobile li a.active{background-color:#f80; color:#000;}
    .menu_bar_right_mobile>li>ul{padding:0; list-style-type:none; width:70px; display:none; position:absolute; font-size:6px; background:#000; border:1px solid #212529; color:#fff; text-align:center; height:auto; top:70px;}
    .menu_bar_right_mobile>li:hover>ul{display:block;}
    .menu_bar_right_mobile>li:active>ul{display:block;}
    .menu_bar_right{display:none;}
    .menu_bar_right_mobile{display:block;}
    .menu_bar_right_mobile li a{cursor:pointer; display:block; color:#fff; text-decoration:none; text-align:center; font-weight:700;}
    .menu_bar_right_mobile li a:hover{color:#f80;}
    .menu_bar_right_mobile li a.active{background-color:#f80; color:#000;}
    .menu_bar_right_mobile>li>ul>li{width:auto; text-align:left; float:none; position:relative;}
    .menu_bar_right_mobile>li>ul>li>a{margin-left:10px;}
    .menu_bar_right_mobile>li>ul>li:hover{color:#f80;}
    .hamburger_section{display:block;}
    .setting_section{width:auto; padding-right:0;}
    .trading_chart{display:none; width:100%;}
    .trading_left{overflow:hidden; width:54%; float:left; flex-direction: column;} /* beom 2022.11.15 flex-direction */
    .trading_left.on{width: 100%;} /* 박범근 2023 01.18 11:58 레이아웃 깨지는 오류 수정 */
    .trading_right{width:45%; float:right;}/*hyungmin 2022.11.28 font-size 6px 계산기 아이콘만 작아져 삭제*/
    .trading_market_area{width:100%; min-width:auto; max-width:100%; height:auto;} /* beom 2022.11.17 */
    .trading_bid{width:100%; min-width:auto; max-width:100%; height:auto;}
    .trading_notice{display:none;}
    .daily_score_box{overflow:hidden; float:none; width:100%; padding-left:10px;}
    .daily_score_box:before{content:''; display:block; clear:both;}
    .daily_score{height:auto; padding-right:15px;}
    .daily_score>.field_name{margin-top:5px;}
    .call_selection{width:35px; text-align:center; height: 35px; line-height: 35px;} /* beom 2022.12.06 width:50px; => 35 */
    .icon_section{width:40px; text-align:center;}
    .icon_sectio img{height: 40px;}
    .name_section{width:auto; text-align:left; height:60px; line-height:60px; padding:0 15px;}
    .price_section{width:auto; float:left; height:60px; line-height:60px; text-align:right; font-weight:600; font-size:15px;}
    #COIN_TEXT{font-size:18px;}
    .chart_book_title{display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #212529; font-weight:500; font-size:13px;}
    .chart_on{display:block; font-size:15px;}
    .book_on{margin-right:10px; font-size:15px;}
    .trading_coin_info{overflow:hidden; height:auto;}
    .trading_coin_info .body{height:auto; padding-bottom:10px; position: relative;}
    .left_side{margin-top: 0px;width:100%; min-height:auto;}
    .left_menu{margin-top:45px; width:100%; min-height:auto;}
    .left_menu a{display:inline-block; font-size:14px;}
    .w_78{width:100%;}
    .content{margin-top: 20px;width:100%; min-height:auto; padding:0;}
    .search_line{height:50px; padding:0 20px;}
    .wallet_btn{display:none;}
    .action_btn{width:80%; height:30px; border:1px solid #fff; margin:0 auto; background-color:rgba(0,0,0,0); color:#fff; float:left; text-align:center; line-height:30px; font-size:12px; cursor:pointer; display:block;}
    .total_summary{display:none;}
    .pop_up_window{width:100%;}
    .side_menu_bar{width:495px; left:-100%;} /* hyungmin 22.12.26 width 100%=> 495px*/
    /* beom 2022.09.16 .trading_order_log 추가 */
    .trading_order_log{padding-top: 30px;width:99%;padding-bottom: 30px;}
	.notice_title{text-align: center;}
	.notice_date{font-size: 0.7rem;}

    footer .footer_inner{width:100%; }

}
@media only screen and (max-width: 1024px) {
    header .header_inner nav>ul>li { margin-left:20px; }
    header .header_inner .util li { margin-left: 20px; }}
@media only screen and (max-width: 800px) {

    .trading_coin_info .body{display: flex; align-items: center; flex-wrap: wrap;}
    .call_selection{width: 20px; height: 20px; margin: 0 5px; float: none;}
    .call_selection i{width: 20px;height: 20px;}
    .icon_section{ width: 30px; height: 30px; line-height: 30px; float: none;}
    .icon_section img{width: 30px; height: 30px;}
    .side_menu_bar{width:100%;} /* hyungmin 22.12.26 width 100%*/
    .daily_score{display: flex;flex-direction: column; align-items: center;}
    .daily_score>.field_name{font-size: 10px;}

    .ask_on_down_fadein{animation-duration:  0.5s;}
    .ask_on_up_fadein{animation-duration:  0.5s;}

    .bid_on_down_fadein{animation-duration:  0.5s;}
    .bid_on_up_fadein{animation-duration:  0.5s;}

    header .header_inner .util{display: none;} /* beom 2022.10.13 추가 */
    .trading_wrap{display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 0 5px;}
    .trading_left{overflow: initial; width: 45%; } /* beom 2022.12.13 */
    .trading_right{width: 54%;}
    .trading_container{padding-top:60px; position: relative; overflow: hidden;} /* beom 2022.12.06 position: relative;, overflow: hidden;*/
    .trading_chart{display:none; width:100%; height: 622px;}
    .trading_market_area{height:auto; min-width: auto;} /* beom 2022.11.15 min-width */
    .trading_bid{width:100%;}
    .trading_notice{display:none;}
    .section_box{float:left; padding-left:15px;}
    .name_section{width:fit-content !important; float:none; height:auto; line-height:normal; margin-top:5px; padding:0;}
    .price_section{width:fit-content !important; float:none; height:auto; line-height:normal; text-align:left; font-weight:600; font-size:15px;}
    #COIN_TEXT{font-size:18px;}
    .order_log_table{overflow-x:auto; height: 200px;}
    .order_log_table .loading_div {line-height: 230px;} /* beom 2022.12.09 */
    .order_log_tab .tab{width:auto; padding: 0 10px; line-height: 30px; display: flex; align-items: center; float: initial;} /* beom 2022.12.12 */
    .order_log_tab .tab span { margin-left: 1px;} /* beom 2022.10.24 간격 수정 */
    .order_log_table_th, .order_log_table_body{min-width:800px;} /* 박범근 2023.01.05 12:17 700px => 800px */
    .order_log_table_body{height:200px;}
    .order_th{display: flex; justify-content: space-between;}/* 박범근 2023.02.09 14:19 모바일 거래화면 ui 변경 */
    /* .order_th>div{text-align: left;float:left;} */
    .order_th>div{text-align: left;}
    .order_th>div:nth-child(1){text-align: left; width: 50%; padding-left:5%;}
    .order_th>div:nth-child(2){text-align: right; width: 50%; padding-right:5%;}
    .order_th>div:nth-child(3){display: none;}
    .order_th>div:nth-child(1) label{margin-left:0px;}
    .order_th>div:nth-child(2) label{margin-left:0px;}
    .order_th>div:nth-child(3) label{margin-left:0px;}
    .price_child{text-align:right; float:right; width: 50%;}
    .price_child_1{padding-left:5%;float:left; text-align: left;}
    .price_child_2{padding-right:5%;position:relative;}
    .price_child_3{display: none;} 
    .index_price{font-size: 12px;}
    .index_price>div.mark_price{width: 50%;margin: 0;}
    .spot_tooltip{left: -13%;}
    .post_only_tooltip_text{right:-63px}
    .spot_tooltip_arrow{left: 91%;}/* 박범근 2023.02.09 14:19 모바일 거래화면 ui 변경 */

    /* 
    작업자 : 박범근
    작업 시작 시간 : 2023.01.05 12:20
    작업 내용 : 모바일 포지션 내역 간격 조절 START
    */
    .table_position .order_log_table_td_li:nth-child(6){ align-items: start; justify-content: center !important;}        
    /* 작업 내용 : 모바일 포지션 내역 x축 스크롤 */
    .order_log_table::-webkit-scrollbar{height:5px; border-radius:5px;}
    .order_log_table::-webkit-scrollbar-thumb{background-color:rgb(71,77,87);border-radius:5px;}
    .order_log_table::-webkit-scrollbar-track{background-color:#0A0B0C;border-radius:5px;}
    /* 
    작업자 : 박범근
    작업 완료 시간 : 2023.01.05 12:30
    작업 내용 : 모바일 포지션 내역 간격 조절 END
    */
    /* .order_log_table_th.table_active,.order_log_table_body.table_active{min-width:375px;}
    .order_log_table_th.table_order,.order_log_table_body.table_order{min-width:500px;}
    .order_log_table_th.table_filled,.order_log_table_body.table_filled{min-width:500px;} */

    /* beom 2022.12.07 */
    .order_log_tab_wrap{padding: 10px 0; }
    .order_log_tab{height: auto; position: relative; overflow: initial; /*width: 100%;*/ padding: 0 10px;}

    .order_log_tab .cancel_all { margin-left: auto; }

    /* beom 2022.12.12 position_log select box start */    
    .order_log_tab svg {display: block; width: 15px; height: 15px; transition: all .5s; } 
    .order_log_tab svg path {fill: #f15e29;}
    .order_log_tab.active svg { transform: rotate(-180deg); } 
    .order_log_tab .label {display: block; padding: 0 5px 0 0;transition: .1s;width:fit-content;line-height: 30px;font-size: 13px;float: left;font-weight: 500;color: #f15e29;}
    .order_log_tab .order_log_tab_select_list { position: absolute; top: 30px; left: 0; background: #2b3139; width: fit-content; list-style-type: none; padding: 0; overflow: hidden; max-height: 0;transition: all .5s;  z-index: 1; border-radius: 5px;} 
    .order_log_tab.active .order_log_tab_select_list { height: 200px ; max-height: 200px; } 
    /* beom 2022.12.12 position_log select box end */

    /* .order_log_table_th>div{width:auto; padding:0 1%;}
    .order_log_table_td>div{width:auto; padding:0 1%;} */
    .order_log_table_td:hover{background: initial;}
    .order_form_btn>div{flex-direction: column;}
    .order_form_btn.half .order_btn{width:100%; float:none !important; margin-top: 15px;}
    /* .coin_section{display:none;} */
    .coin_section_m{display:none;}
    .tp_sl_check_box{text-align: right;}
    .recent{display:none;}
    .pop_up_window{top:0; right:0; bottom:0; left:0; width:100%; min-height:auto; transform:translate(0, 0);}
    .pop_up_content .pop_cnt_inner{position:absolute; top:93px; bottom:0; left:0; right:0; background-color:#fff; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:30px 30px 50px;}
    /* jin 2022.09.20 추가 */
    .pop_up_content_short .pop_cnt_inner_short{background-color:#fff;padding:30px 30px 37.7952px;} /* beom 2022.09.21 position: absolute;  top: 93px;  bottom: 0; left: 0; right: 0;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch; 삭제*/
    /* beom 2022.12.12 */
    .pop_input_line label:first-child{margin-bottom: 10px;}
    .cancel_btn.w_full{width:80%;}
    .pop_up_window_short{width: 100%;}
    .info_section{display: none;}
    /* beom 2022.09.23 추가*/    
    .table_position .order_log_table_td_li .tpsl_div{top:20%; left: 50%; transform: translate(-50%,-50%);}
    .table_position .order_log_table_td_li_input_wrap {display: flex;flex-direction:column; justify-content: center; gap: 5.66px;}
    .table_position .order_log_table_td_li_input_wrap input {width:56.69px;}    
    .table_position .order_log_table_td_li .span_pnl{flex-direction: row;}

    /* hyungmin 22.12.08 추가*/
    .side_bar_table table tr th:nth-child(3){padding-right:5px;}
    .side_bar_table table tbody tr.coin_tr td:nth-child(3){padding-right: 5px;}

    /* beom 2022.12.12 */
    /* .coin_section{display: none;} */
    /* .coin_section_mo{display: block;} */
    /* beom 2022.12.15 */
    .balance_section{display: none;}
    .balance_section_m{display: block; overflow: hidden; padding: 10px 10px 0 10px;}
    .balance_section_m label, .balance_section_m #AVAILABLE_BALANCE{font-size: 10px;}
    /* 
    작업자 : 박범근
    작업 시작 시간 : 2023.01.06 10:30
    작업 내용 : position 테이블 레이아웃 변경 START
    */
    .order_log_table_body::-webkit-scrollbar{width:5px;}
    .order_log_table_body.table_position{min-width:100%;}
    .order_log_table_th.table_position{display:none;}
    .table_position .order_log_table_td{flex-wrap: wrap; height: auto; padding: 0 5px;}

    .table_position .m_td_wrap{display: flex; flex-direction: column;align-items: center;margin-top: 9px;height: 56px;}
    .table_position .m_td_wrap:nth-child(1){order: 1; width: 33.3%; align-items: flex-start;}
    .table_position .m_td_wrap:nth-child(2){order: 2; width: 33.3%;}
    .table_position .m_td_wrap:nth-child(3){order: 5; width: 25%; }
    .table_position .m_td_wrap:nth-child(4){order: 6; width: 25%; }
    .table_position .m_td_wrap:nth-child(5){order: 7; width: 25%; align-items: flex-end;}
    .table_position .m_td_wrap:nth-child(6){order: 4; width: 25%; align-items: flex-start; padding-left: 8px;}
    .table_position .m_td_wrap:nth-child(7){order: 3; width: 33.3%; align-items: flex-end;}
    .table_position .m_td_wrap:nth-child(8){order: 8; width: 50%; }
    .table_position .m_td_wrap:nth-child(9){order: 9; width: 50%; }
    
    .table_position .order_log_table_th_li{flex-basis: initial;}

    .table_position .order_log_table_td_li{width: 100%;justify-content: center;margin-top: 9px;font-size: 13px; height: fit-content;}
    
    .table_position .m_td_wrap:nth-child(1) .order_log_table_td_li:nth-child(2){justify-content: flex-start ; padding-left: 5px;color: #fff;}
    .table_position .m_td_wrap:nth-child(3) .order_log_table_td_li:nth-child(2){color: #fff;}
    .table_position .m_td_wrap:nth-child(4) .order_log_table_td_li:nth-child(2){color: #fff;}
    .table_position .m_td_wrap:nth-child(5) .order_log_table_td_li:nth-child(2){justify-content: flex-end;color: rgb(215,120,67);}
    .table_position .m_td_wrap:nth-child(6) .order_log_table_td_li:nth-child(2){flex-direction: column; align-items: flex-start;color: #fff;}
    .table_position .m_td_wrap:nth-child(7) .order_log_table_td_li:nth-child(2){justify-content: flex-end;}

    .table_position .m_td_wrap:nth-child(6) .order_log_table_td_li:nth-child(2) span:last-child{margin-top: 9px;}
    /* 
    작업자 : 박범근
    작업 완료 시간 : 2023.01.09 14:45
    작업 내용 : position 테이블 레이아웃 변경 END
    */
    .margin_coin_wrap{overflow-x: scroll;}

    .pop_up_kyc {display: block;}

    .asset_section label, .asset_section label.transfer_asset {font-size:10px;}
}
@media only screen and (max-width: 390px){
    .post_only_tooltip_text{right:0px}
}
@media only screen and (max-width: 328px){
    .order_section{height: 560px;}
}

@media only screen and (max-width: 509px){
    .tp_sl_tooltip .tp_sl_tooltip_text{width: 208px; right: -4px;}
}

@media only screen and (min-width:510px){
    .tp_sl_tooltip .tp_sl_tooltip_text{width: 208px;}
}

@media only screen and (min-width: 801px) and (max-width: 1200px) {
    .tp_sl_tooltip .tp_sl_tooltip_text {right: -135px;}
}

@media only screen and (min-width: 1201px) and (max-width: 1279px) {
    .tp_sl_tooltip .tp_sl_tooltip_text {right: -121px;}
}

@media only screen and (min-width: 1280px) and (max-width: 2560px) {
    .tp_sl_tooltip .tp_sl_tooltip_text {right: -135px;}
}

/* jin 2022.11.8 */
.circle_name{width: 38px;height: 38px;display: flex;justify-content: center;align-items: center;background: rgb(250, 228, 186);color:orange;font-weight: 600;font-size: 25px;border-radius: 50%;position: relative;margin-right: 5px;}
.user_name{display: flex;align-items: center;}
/* beom 2022.11.08 */
.user_name strong{margin-top:0;}


/* jin 2022.11.8 */
.circle_money{margin-bottom: 3px;margin-top: 3px;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background: #af7edd;border-radius: 50%;position: relative;margin-right:5px;}
.p2p_custom_selectbox{position: relative;align-items: center;width: 250px;height: 36px;border: 1px solid #acacac;background: url(/img/content/icon-arr.svg) calc(100% - 10px) 50% no-repeat;background-size: auto 14px;cursor: pointer;}
.p2p_custom_selectbox2{position: relative;align-items: center;width: 250px;height: auto;border: 1px solid #acacac;background: url(/img/content/icon-arr.svg) calc(100% - 10px) 50% no-repeat;background-size: auto 14px;cursor: pointer;}
.custom_list, .custom_list2{position: absolute;background-color: white;left: 0;top: 40px;padding: 11px;border: 1px solid #acacac;z-index: 2;}

.custom_list>div>input:hover { border-color: var(--ee-bi-1);}
.custom_sel_inp{margin-bottom:3px;background: url(/img/content/icon-serch.svg) calc(100% - 10px) 50% no-repeat;background-size: auto 14px;}
.custom_seleted{background-color: transparent;}
.custom_items{display: flex; align-items: center;}
.custom_font{font-size: 15px;}
.money_list{min-height: 180px;}
.custom_record_none{min-height: 180px; text-align: center; max-height: 180px;}

.custom_sel_list, .methods_item { min-width: 224px; transition: all .3s ease; }
.custom_sel_list:hover, .methods_item:hover { background-color: #eee; }
.methods_item { font-size: 14px; line-height: 36px; }

.symbol-nav {display: flex;justify-content: flex-start;width: 100%;height: 32px;margin-top: 4px;background-color: #17181e;}

.symbol-nav__left,
.symbol-nav__right {display: flex;align-items: center;}

.symbol-nav__left {flex-shrink: 0;width: 40px;justify-content: center;position: relative;background-color: #17181e;}

.symbol-nav .symbol-nav__arrow-lf {transform: rotate(90deg) translateY(0px);transition: all 0.1s;}

.symbol-nav__arrow-lf-bg,
.symbol-nav__arrow-rt-bg {width: 16px;display: flex;justify-content: center;align-items: center;padding-right: 4px;}

.symbol-nav .symbol-nav__arrow-rt {transform: rotate(-90deg) translateY(0px);transition: all 0.1s;}

.symbol-nav :not(.symbol-nav__arrow-rt-disabled).symbol-nav__arrow-rt:hover {transform: rotate(-90deg) translateY(0px) scale(1.1);}

.symbol-nav :not(.symbol-nav__arrow-lf-disabled).symbol-nav__arrow-lf:hover {transform: rotate(90deg) translateY(0px) scale(1.1);}

.symbol-nav :not(.symbol-nav__arrow-rt-disabled).symbol-nav__arrow-rt:hover,
.symbol-nav :not(.symbol-nav__arrow-lf-disabled).symbol-nav__arrow-lf:hover {color: #ffb11a;}
.symbol-nav__left .pnr__item-column {flex-direction: column;height: 40px;align-items: flex-start;justify-content: center;}

.symbol-nav .symbol-nav__arrow-rt.symbol-nav__arrow-rt-disabled,
.symbol-nav .symbol-nav__arrow-lf.symbol-nav__arrow-lf-disabled {color: hsla(0,0%,100%,.2);}

.symbol-nav__coin {height: 32px;margin: 0;padding-right: 4px;}
.symbol-nav__coin--active {color: #ffb11a;}
.pnc__item {width: 100%;height: 100%;display: flex;align-items: center;}

.symbol-nav__left--price {font-size: 16px;font-weight: 600;margin-right: 20px;}

.position_header-scrollbar::-webkit-scrollbar {height: 0px;overflow: -moz-scrollbars-none;}
.position_header-scrollbar.firefox {scrollbar-color: transparent transparent;scrollbar-track-color: transparent;-ms-scrollbar-track-color: transparent;overflow-y: hidden;scrollbar-width: none;}

.symbol-nav__symbolList {height: 100%;display: flex;overflow-x: auto;font-size: 12px;overscroll-behavior: none;}

.symbol-nav__symbolItem {padding: 0 8px;height: 100%;line-height: 32px;flex-shrink: 0;}

.symbol-nav__symbolItem:hover {background-color: hsla(0,0%,100%,.03);}

.symbol-nav__symbolItem.current {color: hsla(0,0%,100%,.85);}

.symbol-nav__symbolName {color: hsla(0,0%,100%,.5);display: inline-block;}

.symbol-nav__symbolItem.current .symbol-nav__symbolName {color: hsla(0,0%,100%,.85);}

.symbol-nav__symbolItem .hoverTranslation {transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);}

.symbol-nav__symbolItem:hover .hoverTranslation {transform: translateY(-2px);transition-delay: 0s;}

.symbol-nav__symbolNumber {padding-left: 4px;display: inline-block;}

.symbol-nav__symbolNumber.up {color: #24ae64;}

.symbol-nav__symbolNumber.down {color: #e04040;}

.header-scrollbar::-webkit-scrollbar {height: 0px;overflow: -moz-scrollbars-none;}

.header-scrollbar.firefox {scrollbar-color: transparent transparent;scrollbar-track-color: transparent;-ms-scrollbar-track-color: transparent;overflow-y: hidden;scrollbar-width: none;}

.symbol-nav__symbolName-new,
.symbol-nav__symbolName-quarter {margin-left: 4px;}

/* hyungmin 22.11.22 P&N share popup */
.pnl_share_wrap{position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: rgb(36,40,46); color: #fff; width:100%;height:100%;max-width: 570px;max-height: 400px;z-index: 2;}
.share_download{background-color: rgb(36,40,46);}
.pnl_share_wrap .pnl_share_left_wrap{width: 70%;height:350px; display: flex; flex-direction: column; justify-content:space-between; padding: 20px 0 10px 20px;}
.pnl_share_wrap .pnl_share_info_wrap{height: 180px;display: flex; flex-direction: column;padding-left:10px;}
.pnl_share_wrap .pnl_share_info_wrap div{flex:1;}
.pnl_share_info_wrap .pnl_share_position{display: flex;align-items: center;}
.pnl_share_info_wrap .pnl_share_position span{position: relative; margin-right: 20px;}
.pnl_share_info_wrap .pnl_share_position span:not(:last-of-type)::after{content: "";position: absolute;top:4px;right: -10px;border-right: 1px solid #999;width: 1px;height: 60%;}
.pnl_share_info_wrap .pnl_share_position .pnl_position.long_color{color:rgb(14,203,129);}
.pnl_share_info_wrap .pnl_share_position .pnl_position.short_color{color:rgb(246,70,93);}
.pnl_share_info_wrap .pnl_share_unreal p {display: inline-block;font-size: 40px;font-weight: 500;}
.pnl_share_info_wrap .pnl_share_unreal span{font-size: 16px;}
.pnl_share_left_wrap .pnl_share_code_wrap{display: flex; height: 80px;padding-left:10px; align-items: center;}
.pnl_share_left_wrap .pnl_share_code_wrap .pnl_share_code{margin-left: 15px;}
.pnl_share_code_wrap .pnl_share_code span{font-size: 24px; font-weight: 500;}
.pnl_share_info_wrap .pnl_share_price{display: flex; justify-content: space-around; flex-direction: column;}
.pnl_share_info_wrap .pnl_share_price div{line-height: 30px;}
.pnl_share_info_wrap .pnl_share_price p{color:var(--ee-bi-2); display: inline;}
.pnl_share_info_wrap .pnl_share_price span{width: 130px;display: inline-block;}
.pnl_share_wrap .pnl_time{position:absolute; right: 20px; bottom:50px;font-size: 12px;}
.pnl_share_wrap .pnl_share_btn_wrap{height: 50px; padding: 5px 10px; display: flex;gap: 10px;}
.pnl_share_btn_wrap button{flex: 1;border-radius: 4px;}
.pnl_share_btn_wrap .pnl_close_btn{background-color: #ddd;}
.pnl_share_btn_wrap .pnl_down_btn{background-color:var(--ee-bi-2); color: #fff;}
@media only screen and (max-width: 509px){
.pnl_share_info_wrap .pnl_share_unreal p {display: inline-block;font-size: 20px;font-weight: 500;}
.pnl_share_info_wrap .pnl_share_unreal span{font-size: 12px;}
}


/* 팝업 내부 팝업 이하진 2023.01.04 */
.veri_type{width:100%;display: block;}
.mini_pop_bg{width: 100%;height: 100%;padding: 0 20px;background-color: rgba(0,0,0,0.75);position: fixed;z-index: 100;top: 0;left: 0;}
.lypop_wp_mini{width: 100%; margin: 0 auto;background-color: #fff;}
.mini_pop_in_pop {position: absolute; top: 50%;left: 50%;width: 340px;height: 153px;margin: 0 auto;z-index: 10;transform: translate(-50%, -50%);}
.close_mini_pop{position: absolute;right: 0;top: 0;width: 40px;height: 40px;cursor: pointer;}
.close_mini_pop::before{content: "";position: absolute;left: 50%;top: 25%;display: inline-block;width: 1px;height: 14px;transform: rotate(135deg);background-color: #666;}
    
.close_mini_pop::after{content: "";position: absolute;left: 50%;top: 25%;display: inline-block;width: 1px;height: 14px;transform: rotate(45deg);background-color: #666;}

/* hyungmin 22.11.22 IP 변동시 추가인증팝업 */
.security_verification_pop_wrap.none{display: none;}
.security_verification_pop_wrap {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.security_verification_pop_wrap .secu_veri_wrap{border-radius:4px;background-color:var(--ee-light-bg);  padding: 35px; width:400px; display:flex; flex-direction:column; justify-content:space-between; gap:20px; color: #222;}
.security_verification_pop_wrap .secu_veri_wrap .secu_veri_head {font-weight: 600; font-size: 32px;}
.security_verification_pop_wrap .secu_submit_btn{height: 40px;border-radius: 4px; background-color: rgba(182,57,140,1);}
.security_verification_pop_wrap .switch_text {cursor: pointer;font-weight: 500;font-size: 14px;color:rgba(182,57,140,1);}
.security_verification_pop_wrap #EMAIL_REQUEST_BTN{color:rgba(182,57,140,1); font-weight: 500;}
.security_verification_pop_wrap .secu_email_veri_code{width:100%; height: 50px;border-radius: 4px;box-sizing: border-box; border: 1px solid #999;}
.security_verification_pop_wrap .secu_email_veri_code:focus{border:1px solid var(--ee-bi-2);}
.security_verification_pop_wrap .secu_send_code_wrap {position:absolute;top: 50%;right: 20px;transform: translateY(-50%);}

.security_verification_change_pop_wrap.none{display: none;}
.security_verification_change_pop_wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ccc; width: 370px; display: flex;flex-direction: column; border-radius: 6px;padding: 20px; color: #222;}
.security_verification_change_pop_wrap > div {display: flex; justify-content: space-between;}
.security_verification_change_pop_wrap .svc_svg { width : 20px; height: 20px; cursor: pointer;}
.security_verification_change_pop_wrap .choose_veri_wrap {display: flex; flex-direction: column; gap:20px;}
.security_verification_change_pop_wrap .choose_veri_box:first-child {margin-top: 10px;}
.security_verification_change_pop_wrap .choose_veri_box{display: flex; align-items: center; height: 80px; background-color:rgba(0,0,0,0.1);justify-content: space-around; border-radius: 4px;}
.security_verification_change_pop_wrap .choose_veri_align{display: flex; align-items: center; gap:10px;}

/*hyungmin 22.11.25 qr link 페이지*/
.url_has_qr .main_visual {height: 600px;display: flex;align-items: center;padding: 0 20px;background-size: cover;}
.url_has_qr .main_sec04 .why_sec ul{row-gap: 75.59px;}
.menu_m_bottom .install_wrap{background: #000; display: flex; justify-content: space-around; height: 100%;gap: 5px; padding:5px;}
.menu_m_bottom .install_wrap li{width:100%;height:100%;min-width: 144px;min-height: 43px; line-height: 48px; text-align: center;border-radius: 3px;}
.menu_m_bottom .install_wrap .install_apk_btn{background: rgb(3,4,8);color:rgb(255,255,255); border: 1px solid white;}
.menu_m_bottom .install_wrap .play_store_btn{background: rgb(135,43,100);color:rgb(255,255,255);}
@media screen and (max-width: 800px){
header .menu_btn_m.none {display:none;}
.install_wrap.none {display:none;}
.url_has_qr .main_visual .visual_inner{width: auto;max-width: 480px;padding-top: 0;}
}

/*hyungmin 22.11.28 add withdrawal 팝업*/
/* .withdraw_input{background: url(/img/content/icon-arr.svg) calc(100% - 10px) 50% no-repeat;background-size: auto 14px;-webkit-appearance: none;} */
.input_box_line .add_with_line{display: flex;flex-direction: column;align-items: flex-start; gap: 10px;}
.add_with_popup{position:absolute;bottom:0;left:0;width:100%;transform: translateY(100%);}
.add_with_popup ul{display: flex;flex-direction: column; }
.add_with_popup ul li{height: 50px;border:1px solid #acacac;border-top:0;background: #fff; display: flex;flex-direction: column;}
.add_with_popup ul li.withdrawal_open_pop{color:var(--ee-bi-2); cursor: pointer;text-align: center;line-height: 50px;}

/* beom 2022.12.06 z-fold 환경 차트 */
@media only screen and (max-width: 380px) {
    .call_order_section{display: flex;position: absolute;right: 0;top: 50%;width: 20px;height: 20px;line-height: 20px;transform: translate(0%, -50%);}
    .trading_left{width: 100% !important;}
    .trading_right{width: 100% !important;position: absolute;left: 100%;transition: all 0.5s ease-in-out;z-index: 10;}
    .trading_right.on{left: 0;}
    .order_section_close{display: flex; justify-content: end; margin-top: 100px;}
}

.pw_chk_call{width: 100%;}

.event_none{pointer-events: none;}

/* 23.02.15 함형민 TPSL 팝업 css */
.tpsl_popup_bg{
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    
}
.tpsl_popup_wrap{border-radius: 4px; width: 409px;height: 477px;position:fixed;top: 50%;left: 50%; transform: translate(-50%, -50%);padding: 16px 20px 20px; background: rgb(35,40,45);}
@media only screen and (max-width: 800px) {
    .tpsl_popup_wrap{width:100vw;}
}
.tpsl_popup_wrap .tpsl_title{color:#fff; font-size: 18px; padding-bottom: 16px;box-sizing: border-box;margin: 0px;min-width: 0px;font-weight: 500;font-size: 20px;line-height: 28px;}
.tpsl_popup_wrap .tpsl_close_btn{box-sizing: border-box;margin: 0px;min-width: 0px;font-size: 24px;fill: currentcolor;position: absolute;top: 22px;right: 24px;cursor: pointer;color: rgb(132, 142, 156);width: 1em;height: 1em;}
.tpsl_popup_wrap .tpsl_info_wrap{margin-top: 8px;}
.tpsl_popup_wrap .tpsl_info_box{display: flex; justify-content: space-between; margin-bottom: 5px;}

.tpsl_popup_wrap .tpsl_info_box .tpsl_info_title{font-size: 14px; color: #fff;}
.tpsl_popup_wrap .tpsl_info_box .tpsl_info_value{font-size: 14px; color: #fff;}
.tpsl_popup_wrap .tpsl_info_box .tpsl_info_value.LONG_color{color: var(--ee-green);}
.tpsl_popup_wrap .tpsl_info_box .tpsl_info_value.SHORT_color{color: var(--ee-red);}
.tpsl_popup_wrap .tpsl_input_area{padding: 12px 0;}
.tpsl_popup_wrap .tpsl_input_area .tpsl_input_not{font-size: 10px; color:rgb(235, 77, 92);}
.tpsl_popup_wrap .tpsl_input_area .tpsl_input{ text-align: right; padding-right: 10px; font-size: 14px; transition-duration: 0.35s; border: 0; height: 40px;min-width: 0; width: 85%;border-radius:4px;background: rgb(43,49,57); color: rgb(255,255,255);}
.tpsl_popup_wrap .tpsl_input_area .tpsl_input_info{margin-top: 10px; font-size:10px; color:#fff;}
.tpsl_popup_wrap .tpsl_input_box{display: flex; justify-content: space-between; align-items: center;}
.tpsl_popup_wrap .tpsl_input_box .fa-circle-xmark{transition-duration:0.35s;cursor: pointer;width: 15%;text-align: center;font-size: 16px;position: relative;}
.tpsl_popup_wrap .tpsl_input_box .fa-circle-xmark:hover{color: #fff;}
.tpsl_popup_wrap .tpsl_input_box .fa-circle-xmark:hover .input_init_hover_box{opacity: 1;}
.tpsl_popup_wrap .tpsl_input_box .fa-circle-xmark .input_init_hover_box{pointer-events: none;transition-duration:0.35s;opacity: 0;position: absolute;color: #FFF;background: #999;width: 60px;height: 30px;line-height: 30px;border-radius: 4px;font-family: 'Noto Sans KR',Poppins,Arial,'Malgun Gothic',sans-serif;font-size: 13px;top: -38px;left: -3px;}

.tpsl_popup_wrap .tpsl_tip{ font-size: 10px;color: #fff;}
.tpsl_popup_wrap .tpsl_confirm_btn{margin-top: 10px; width: 100%;height: 32px; display: block; border-radius: 4px; background:#ffa900; color: #fff;}

/* 23.03.16 스크롤바 기능남기고 숨기기 작업자 : 하진 */
#HISTORY_BODY::-webkit-scrollbar{display: none;}

/* 선물페이지 검색기능 */
.date_search_wrap{box-sizing: border-box;margin: 0px;min-width: 0px;display: flex;flex-wrap: wrap;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;height: 32px;padding-left: 16px;padding-right: 16px;}
.date_search_area{box-sizing: border-box;margin: 0;min-width: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.css-ybbx55{box-sizing: border-box;margin: 0px;min-width: 0px;position: relative;display: inline-block;outline: none;}
.date_btn_area{box-sizing: border-box;margin: 0px;min-width: 0px;-webkit-box-align: center;align-items: center;display: flex;}

.date_btn{margin-right: 4px;box-sizing: border-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;color: rgb(132, 142, 156);cursor: pointer;font-size: 12px;min-width: 48px;padding: 4px 8px;border-radius: 2px;height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.date_btn.on, .date_btn:hover{background-color: rgb(71, 77, 87);color: rgb(255, 255, 255);}
.date_search_area{box-sizing: border-box;margin: 0px 0px 0px 16px;min-width: 0px;display: flex;-webkit-box-align: center;align-items: center;}
.date_search_title{box-sizing: border-box;margin: 0px 8px 0px 0px;min-width: 0px;font-size: 12px;color: rgb(132, 142, 156);}
.date_search_box{box-sizing: border-box;margin: 0px;display: inline-flex;border: none;height: 20px;color: rgb(234, 236, 239);min-width: auto;}
.date_search_svg_box{display: flex;-webkit-box-align: center;align-items: center;color: rgb(132, 142, 156);font-size: 12px;cursor: pointer;}
.date_search_svg{box-sizing: border-box;margin: 0px;min-width: 0px;color: currentcolor;font-size: 16px;fill: currentcolor;width: 1em;height: 1em;}

.type_trade .data_wp{display: flex;align-items: center;}
.type_trade .datepicker{height: 24px;font-size: 10px;border: 0;margin: 0 10px;width: 125px;text-align: center;background: rgb(71, 77, 87);border-radius: 2px;}
.date_search_btn{margin: 0px 0px 0px 16px;appearance: none;user-select: none;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;box-sizing: border-box;font-size: 12px;font-family: inherit;font-weight: 500;text-align: center;text-decoration: none;outline: none;padding: 4px 8px;line-height: 16px;min-width: 40px;word-break: keep-all;color: rgb(234, 236, 239);border-radius: 4px;min-height: 24px;border: none;background-image: none;background-color: rgb(71, 77, 87);}


/* zexsoft popup */
.pop_warning_notice {  }
.pop_warning_notice .lypop_wp { width: 500px; transform: translate(-50%, -50%);}
.pop_warning_notice .lypop_content { display: flex; flex-direction: column-reverse; }
.pop_warning_notice .lypop_title { height: 40px; display: flex; align-items: center;  position: absolute; z-index: 1; bottom: 0; width: 100%; background-color: #fff; }
.pop_warning_notice .lypop_title label { display: flex; align-items: center;  cursor: pointer; color:var(--ee-dark);}
.pop_warning_notice .lypop_title input { width: 15px; height: 15px; border: 1px solid; cursor: pointer; -webkit-appearance: auto; margin: 0 10px; }
.pop_warning_notice .lypop_ct { background-color: var(--ee-bi); color: var(--ee-light); text-align: center; padding: 0; top: 0; margin-bottom: 40px; cursor: pointer; }
.pop_warning_notice .lypop_ct strong { font-size: 2rem; margin-top: 20px; display: block; }
.pop_warning_notice .lypop_ct p { font-size: 1rem; font-weight: 400; margin-top: 20px; }
.pop_warning_notice .lypop_ct .img_wrap { width: 100%; height: 100%;position: relative; }
.pop_warning_notice .lypop_ct .img_wrap img { width: 100%;}
.pop_warning_notice .lypop_ct svg { width: 100%; height: 100%; position: relative; z-index: 1;}
@media only screen and (max-width: 800px) {
    .pop_warning_notice .lypop_wp { width: 60% !important; left: 50%; top: 50%; transform: translate(-50%, -50%); height: fit-content; }
    .pop_warning_notice .lypop_title { height: 5vw; }
    .pop_warning_notice .lypop_title label { font-size: 2.5vw; }
    .pop_warning_notice .lypop_title input { width: 3.5vw; height: 3.5vw; }
    .pop_warning_notice .lypop_close { width: 5vw; height: 5vw; }
    .pop_warning_notice .lypop_ct { margin-bottom: 5vw; position: static; padding: 0;}
    .pop_warning_notice .lypop_ct strong { font-size: 6vw; margin: 0; }
    .pop_warning_notice .lypop_ct p { font-size: 3vw; }
    .pop_warning_notice .lypop_ct .img_wrap img { width: 100%;}
}
.pop_link { display: block; }
@media all and (min-width:801px) {
    .pop_link { width: 500px !important; height: 500px !important; }
}

/* member start */
#wrap.member { height: 100%; } 
#wrap.member header .header_inner .nav_wrap { justify-content: end; } 
#wrap.member .nav_p, #wrap.member header .header_inner .util li { display: none; } 
#wrap.member header .header_inner .util li.leng_setting,
#wrap.member header .header_inner .util li.mode_switch { display: block; } 
#wrap.member footer { display: none; } 

#wrap.member .tooltip_area .tooltip_box { position: static; }

.pop_cnt_inner { min-width: 475px; }

.member_page_wrap { padding-top: 200px; } 
.member_main { display: flex; overflow: hidden; -webkit-box-align: center; align-items: center; flex: 1 1 0%; flex-direction: column; } 
.member_safe_label { display: flex; width: 100%; background-color: rgb(254, 246, 216); -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 8px; padding-bottom: 8px; } 
.member_svg { margin: 0px 4px 0px 0px; color: rgb(14, 203, 129); font-size: 24px; fill: rgb(14, 203, 129); width: 1em; height: 1em; } 
.url_veri { margin: 0px 4px 0px 0px; font-weight: 500; font-size: 12px; line-height: 16px; } 
.safe_url_wrap { font-weight: 400; font-size: 12px; line-height: 16px; } 
.safe_url { color: rgb(14, 203, 129); } 
.member_container { display: flex; flex-direction: column; width: 100%; align-items: center; padding: 64px 0; } 
.member_row { max-width: 1200px; width: 100%; display: flex; justify-content: center; } 

.member_wrap { display: flex; flex-direction: column; align-items: flex-start; } 
.member_tit { margin: 24px 0px 32px; font-weight: 600; font-size: 24px; line-height: 32px; color: rgb(30, 35, 41); width: 100%; display: flex; padding-left: 0px; padding-right: 0px; } 
.member_area { display: flex; width: 100%; -webkit-box-align: center; align-items: center; padding-left: 0px; -webkit-box-pack: start; justify-content: flex-start; } 
.member_right { display: flex; transform: translateY(-40px); max-width: 100%; min-height: 267px; text-align: center; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-left: 126px;}
.qr_code_wrap { position: relative; border-radius: 6px; width: 180px; height: 180px; background-color: rgb(255, 255, 255); } 
.img_desc { margin: 24px 0px 0px; font-weight: 500; font-size: 16px; line-height: 24px; text-align: left; } 
.qr_img_wrap { width: 100%; height: 100%; }
.qr_img_wrap img { width: 180px; height: 180px; display: block; } 
.member_img_area {width: 384px; }
.member_img_wrap { width: 100%; height: 100%; }
.member_img_wrap img { max-width: 100%; max-height: 100%; }

#wrap.dark  .myaccount tr:hover, #wrap.light .myaccount tr:hover { background-color: initial !important; }

.list_btn{ background-color: initial; border:0; float:none; margin: 0; width: fit-content; height: auto; color: var(--ee-dark); padding: 5px 10px; transition: all 0.3s; border-radius: 5px; cursor: pointer; margin-top: 30px;}
.list_btn:hover{ background-color: #f3f3f3;}

@media screen and (max-width: 800px){
    .member_page_wrap { padding-top: 60px; } 
    .member_area { flex-direction: column; }
    .member_right { display: none; }
    #wrap.member { height: auto; padding-bottom: 100px; }
    .member_container { padding: 0; }
    .member_row { padding: 0 24px; }
    .pop_cnt_inner { min-width: auto; }
}
/* member end */


.withdraw_amount_box{border:1px solid #acacac;display: flex;}
#WITHDRAW_AMOUNT::placeholder{text-align: right; font-size: 12px;}
.max_btn_box{position:relative; display: flex; justify-content: space-around;align-items: center;font-size: 14px; width: 20%;}
.max_btn_box::after{content: ""; position: absolute; top: 50%;left: 50%; transform: translate(calc(-50% - -2px),-50% );width: 0px;border-right: 1px solid #acacac; height: 50%;}
.add_method_btn{width: 100%;height: 36px;line-height:36px; text-align: center;border: 1px solid #acacac; cursor: pointer;margin-top: 20px;}