@charset "UTF-8";
@import url('font.css');
@import url('default.css');


/*
=====================
1: Base Setting
2: Common Setting
	2-1: Basic
	2-2: Layout
3: Main
4: Contents
5: Popup
=====================
*/


/* 1: Base Setting
=========================================================================================== */
.hidden {display:none;}
.blind {visibility:hidden;}


.cursor {cursor:pointer;}
.non-cursor {cursor:default;}

.ta-r {text-align:right !important;}
.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}

.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

.clearfix {}
.clearfix:after {content:""; clear:both; display:table; height: 0;}
.fl-l {float:left;}
.fl-r {float:right;}


.blind {display:none;}
.clear {clear:both; height:0;}


.c-black {color:#000 !important;}
.c-red {color:#f75467 !important;}
.c-gray {color:#8f8d8d !important;}
.c-blue {color:#0d7de7 !important;}
.c-orange {color:#ff8200 !important;}

.c-down {color: #0051c7 !important;}
.c-up {color: #f75467 !important;}



.fz-b1 {font-size: 18px;}

.d-b {display: block;}
.d-ib {display: inline-block;}


.pa-b1 {padding-bottom:120px;}
.pa-b2 {padding-bottom:100px;}

.ma-b1 {margin-bottom:120px;}
.ma-b2 {margin-bottom:100px;}


.f-en {font-family: serif;}


iframe[name='google_conversion_frame'] {border:0; width:0; height:0; padding:0; margin:0; position:absolute; z-index:-1; visibility:hidden;}

.t-dot-solo {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}


.inp_checkbox {}


 /* 2: Common Setting
=========================================================================================== */

/* 2-1: Basic
=========================== */
html {width:100%; font-size:62.5%;}
body {width:100%; font-family: 'Pretendard', "Malgun Gothic", sans-serif; color:#5a5a5a; font-weight: 300; font-size:16px; line-height:1.5; -webkit-text-size-adjust: 100%; }
.inr-c {max-width:1560px; margin:0 auto;}


/*간격*/
.pr-mb1 {margin-bottom: 100px !important;}
.pr-mb2 {margin-bottom: 50px !important;}
.pr-mb3 {margin-bottom: 40px !important;}

.pr-pb1 {padding-bottom: 100px !important;}
.pr-pb2 {padding-bottom: 50px !important;}
.pr-pb3 {padding-bottom: 40px !important;}



/*버튼*/
.btn-bot {margin-top:40px;}
.btn-bot.line {text-align: center; margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee;}
.btn-bot .btn-pk {min-width:110px;}

.btn-line {padding-top: 50px; border-top: 1px solid #ddd; text-align: center; font-size: 0;}

.btn-pk {
	display:inline-block; *display:inline-block; *zoom:1; padding:8px 10px; 
	color:#fff; font-size:14px; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #cdcdcd;
	-webkit-border-radius: .85em; -moz-border-radius: .85em; border-radius: .85em;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk.bdrs {border-radius: 100px;}

.btn-pk.b {min-width:150px; padding:12px 30px; font-size:17px;}
.btn-pk.n {min-width:80px; padding:7px 15px; font-size:14px; }
.btn-pk.nb {min-width:140px; padding:14px 15px; font-size:15px; }
.btn-pk.ns {min-width:80px; padding:5px 12px; font-size:13px; }
.btn-pk.s {min-width:50px; padding:3px 10px; font-size:12px; line-height: 1.2; }

.btn-pk.w100 {width: 100px;}

.btn-pk.blue {color: #fff; border-color: #2878ff; background-color: #2878ff;}
.btn-pk.blue.rv {color: #0d7de7; border-color: #0d7de7; background-color: #fff;}
.btn-pk.dkblue {color: #fff; border-color: #15336b; background-color: #15336b;}
.btn-pk.white {color: #15336b; border-color: #fff; background-color: #fff;}
.btn-pk.black {color: #fff; border-color: #000; background-color: #000;}
.btn-pk.black.rv {color: #787878; border-color: #787878; background-color: #fff;}
.btn-pk.gray {color: #000; border-color: #F0F0F0; background-color: #F0F0F0;}
.btn-pk.gray2 {color: #848684; border-color: #e8e8e8; background-color: #fff;}
.btn-pk.orange {color: #ff8435; border-color: #ff8435; }
.btn-pk.orange2 {color: #fff; border-color: #ff8435; background-color: #ff8435;}
.btn-pk.red {color: #fff; border-color: #f75467; background-color: #f75467;}
.btn-pk.red2 {color: #f75467; border-color: #f75467; background-color: #fff;}


.qna_btn{background: #14141E; border-radius: 8px; color: #FFFFFF; width: 120px; height: 52px;}


.btn-pk.wid1 {width: 120px;}


input.btn-pk {color: #fff; border: 0; height: auto; min-width:200px; font-size: 21px; padding: 15px 30px; cursor:pointer;}

.btn-bot .mw100p {width: 100%; max-width:200px;}

.btn-bot.d-flex {display: flex;}
.btn-bot.d-flex > * {margin-left: 2%;}
.btn-bot.d-flex :first-child {margin-left: 0;}


.policy_title .stext {
	font-size:18px;
	margin-bottom:0;
	margin-top:5px;
}


/*탭*/
.tab {}
.tab ul {font-size: 0;}
.tab li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
_::-moz-svg-foreign-content, :root .tab li {float: left;}


.tab.ty1 {margin-bottom: 15px; border-bottom: 1px solid #eee;}
.tab.ty1 ul {}
.tab.ty1 li p,
.tab.ty1 li a {display: block; font-size: 16px; line-height: 1; color: #616161; text-align: center; }
.tab.ty1 li a > span {position: relative; display: block; padding: 15px 20px; }
.tab.ty1 li a > span:after {content:""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.tab.ty1 li.on {}
.tab.ty1 li.on a {color: #000;}
.tab.ty1 li.on a span:after {width: 100%; background-color: #000;}
.tab.ty1 li.on .ico_star {background-image: url(../images/common/img_star.png);}


.tab.ty2 {margin-bottom: 10px;}
.tab.ty2 li {position: relative; margin-right: 10px; text-align: center;}
.tab.ty2 li a {overflow:hidden; display: table; width: 98px; height: 30px; font-size: 13px; border: 1px solid #e0e0e0; color: #b4b4b4; border-radius: 50px;}
.tab.ty2 li a span {display: table-cell; vertical-align: middle; }
.tab.ty2 li.on a {background-color: #616161; color: #fff; border-color: #616161;}


.tab.ty3 {overflow:hidden; margin-bottom: 50px; border-radius: 5px;}
.tab.ty3 .inr-c {overflow:hidden; border-radius: 5px;}
.tab.ty3 ul {display: flex;}
.tab.ty3 li {position: relative; flex:1; text-align: center;}
.tab.ty3 li a {overflow:hidden; display: table; width: 100%; height: 50px; font-size: 16px; color: #2b2b2b; background-color: #f9f9f9;}
.tab.ty3 li a span {display: table-cell; vertical-align: middle; }
.tab.ty3 li.on a {background-color: #0f76d9; color: #fff;}


.tab.ty4 {margin-bottom: 20px;}
.tab.ty4 ul {font-size: 0;}
.tab.ty4 li {display: inline-block; vertical-align: top; border-left: 1px solid #eee;}
.tab.ty4 li a {display: inline-block; vertical-align: top; padding: 0 20px; font-size: 18px; color: #a5a5a5; line-height: 20px;}
.tab.ty4 li.on a {color: #000;} 
.tab.ty4 li:first-child {border-left: 0;}



/*테이블*/
.tbl_basic {font-size: 14px; color: #444;}
.tbl_basic table {table-layout:fixed; }
.tbl_basic tr {border-bottom: 1px solid #f0f0f0;}
.tbl_basic td {padding: 10px; height: 35px;}
.tbl_basic th {padding: 12px 10px; height: 35px; font-weight: normal; text-align: center; color: #282828; background-color: #fff;}
.tbl_basic th button {font-size: 0;}
.tbl_basic th button img {height: 12px;}

.tbl_basic .mt1 {margin-top: 7px;}
.tbl_basic .ml1 {margin-left: 7px;}


.tbl_basic col.count {width: 120px;}
.tbl_basic col.day {width: 160px;}
.tbl_basic col.w120 {width: 120px;}
.tbl_basic col.w150 {width: 150px;}
.tbl_basic col.w180 {width: 180px;}


.tbl_basic table.list {table-layout:fixed; text-align: center;}
.tbl_basic table.list td {text-align: center; padding: 10px 15px;}
.tbl_basic table.list td.subject {text-align: left; font-weight: 500;} 
.tbl_basic table.list td.subject a {overflow:hidden; display: block; max-width:100%; color: #666; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl_basic table.list td.subject a:hover {text-decoration: underline;}
.tbl_basic table.list tr.notice {background-color: #ffefd5;}
.tbl_basic table.list tr.notice a {color: #000;}


.tbl_basic table.view th {padding-left: 70px; text-align: left;}
.tbl_basic table.view tr.pd th {padding-left: 0; padding-right: 0; text-align: center;}
.tbl_basic table.view td {font-size: 15px; position: relative;}


.tbl_basic table.write {}
.tbl_basic table.write th {width: 270px; padding-left: 25px; text-align: left; border: 1px solid #eee; color: #434343;}
.tbl_basic table.write td {padding: 10px 15px; color: #434343; font-size: 14px; border: 1px solid #eee;}
.tbl_basic table.write .textarea1 {height: 260px;}
.tbl_basic table.write .em {margin-left: 10px;}
.tbl_basic table.write .wid1 {width: 420px;}



.tbl_basic table.list td.notx {padding-top: 50px; padding-bottom: 50px;}
/*.i_notx {display: inline-block; position: relative; padding-top: 54px; background-image: url(/images/icon/ico_notx.svg); background-position: center 0; background-repeat: no-repeat;}
*/

.i_notx{
padding-bottom: 50px;
    background-color: #fff;}

.b_sch {display: inline-block; vertical-align: top; border: 2px solid #F0F0F0; border-radius: 8px;}
.b_sch .inp_txt {border: 0; background: none;}
.b_sch .btn-pk {font-size: 0; margin-right: 2px; margin-top: 1px; min-width:auto; width: 30px; height: 30px; padding: 0; border-radius: 10px; border: 0; background-color: #fff; background-image: url(/images/icon/ico_search.svg); background-repeat: no-repeat; background-position: center center;}
.tbl_basic.tablebox {
	border: 1px solid #F0F0F0; border-radius: 8px;
	margin-top: 12px;

}



.bbs_view {}
.bbs_view .tit {padding: 0 0 20px; font-size: 13px; color: #999; border-bottom: 1px solid #eeeeee;}
.bbs_view .tit .h {margin-bottom: 15px; font-weight: 700; font-size: 18px; color: #000;}
.bbs_view .tit .t {line-height: .8;}
.bbs_view .tit .t span {display: inline-block; padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc;}
.bbs_view .tit .t span:first-child {padding-left: 0; margin-left: 0; border-left: 0;}
.bbs_view .cont {padding: 20px 0; min-height: 400px; font-size: 15px; line-height: 1.6; border-bottom: 1px solid #eee;}


.tbl_faq table {border-top-width: 2px;}
.tbl_faq tr.tr_q {cursor:pointer;}
.tbl_faq tr.tr_a {display: none; background-color: #f9f9f9;}
.tbl_faq tr.tr_a td {line-height: 1.6;}
.tbl_faq td {padding: 25px 50px; font-size: 15px; position: relative;}
.tbl_faq tr.tr_q td {font-size: 16px; color: #000;}
.tbl_faq td.subject {padding-right: 90px;}
.tbl_faq td .arr {position: absolute; right: 60px; top: 50%; width: 17px; height: 8px; background: url(../images/common/ico_arr.png) 0 0 no-repeat; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}

.tbl_faq tr.tr_a {display: none;}
.tbl_faq tr.tr_q.on + tr.tr_a {display: table-row;}
.tbl_faq tr.tr_q.on .arr {transform:rotate(180deg);}


.pagenation {}
.btn_more {display: block; margin: 0 auto; font-size: 14px;}
.btn_more span {padding-right: 25px; background: url(../images/common/ico_page_m.png) right center no-repeat;}


.lst_tx1 {}
.lst_tx1 li {position: relative; margin: 10px 0;}
.lst_tx1 li .r {position: absolute; right: 0; top: 0;}


.lst_line1 {}
.lst_line1 li {position: relative; padding-left: 8px;}
.lst_line1 li:after {content:"-"; position: absolute; left: 0; top: 0;}


/*IR 기법 아이콘 세트*/
.i-aft{position: relative;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;}
.i-aft:after{content:""; position: absolute; left: 0;top: 50%;display: inline-block;overflow: hidden;width: 0;height: 0;content: '';text-align: left;text-indent: -9999px;background-image: url('../images/common/ico_common.png');background-repeat: no-repeat;*display: inline;*zoom: 1;}
.i-set{display: inline-block;overflow: hidden;text-align: left;vertical-align: middle;text-indent: -9999px;line-height: 0;background-image: url('../images/common/ico_common.png');background-repeat: no-repeat;*display: inline;*zoom: 1;}




.box_shadow {
	background: #FFFFFF;
	border: 1px solid #F8F8F8;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05);
	border-radius: 24px;
	padding: 28px;
}




/* 2-2: Layout
=========================== */
#wrap {overflow:hidden; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.0325em;}

.popfix {overflow:hidden;}


#header {z-index:100; position:relative; left: 0; top: 0; width: 100%; height: 80px; font-weight: 500;  background-color: #fff; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header:after {content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #f0f0f0;}
#header .inr-c {position: relative;}
#header .logo {position: relative; z-index: 1; float: left; display: inline-block; vertical-align: top; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .logo a {display: block; line-height: 80px; color:#14141E; font-size:24px; font-weight:bold;}
#header .logo a img {vertical-align: text-top; margin-top: 3px; height: 24px; margin-right: 5px;}

#header .gnbbox {position: relative; z-index: 1; margin-left: 170px; padding-right: 230px;}
#header .gnbbox:after {content:""; position: absolute; left: -30px; top: 50%; margin-top: -8px; width: 1px; height: 16px; background-color: #fff;}
#header .gnb {display: inline-block; vertical-align: top;}
#header .gnb > ul {font-size: 0; text-align: left;}
#header .gnb > ul > li {position: relative; display: inline-block; vertical-align: top;}
#header .gnb > ul > li > a {position: relative; display: block; padding: 0 16px; font-size: 20px; font-weight:bold; line-height: 76px; margin-top: 4px; color: #14141E;}
#header .gnb > ul > li > a:after {content:""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .gnb > ul > li.on > a {color: #02a4ee;}


#header .btn_gnb {display: none;}



#header .rgh {z-index: 2; position: absolute; right: 0; top: 0; font-size: 0; padding-right: 125px;}
#header .rgh > a {font-size: 14px; color: #14141e; line-height: 76px; margin-top: 4px; margin-left: 25px; display: inline-block; vertical-align: middle;}
#header .rgh > div {display:inline-block; line-height:80px;}
#header .rgh > div > a {border-radius:8px; background:#2879ff; color:#fff; display:inline-block; width:80px; line-height:48px; height:48px; box-sizing:border-box; text-align:center; vertical-align: middle; font-size:14px; margin-left:20px;}
#header .rgh .i_mem {position: relative; padding-left: 18px; color: #333;}
#header .rgh .i_mem:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -5px; width: 12px; height: 14px; background: url(../images/icon/ico_mem.svg) 0 0 no-repeat; background-size: 10px auto;}

.btn_logout span {display: inline-block; line-height: 28px; padding: 0 24px 0 12px; background-color: #F8F8F8; color: #8C8C8C; font-size: 12px; border-radius: 8px; background-image: url(../images/icon/ico_logout.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px auto;}



.btn_dropdown {position: absolute; right: 0; top: 50%; margin-top: -11px; z-index: 10;}
.btn_dropdown > a {display: block; height: 28px;}
.btn_dropdown .dropdown-menu {display: none; position: absolute; right: 0; top: 28px; border: 1px solid #f2f2f2; background-color: #fff; border-radius: 8px;}
.btn_dropdown .dropdown-menu a {display: block; padding: 5px 10px; font-size: 12px; white-space:nowrap;}

.btn_dropdown:hover .dropdown-menu {display: block;}


.btn_leng {z-index: 100; position: absolute; right: 40px; top: 50%; margin-top: -11px; display: inline-block; vertical-align: middle; margin-left: 25px; line-height: 0; text-align: left;}
.btn_leng .btns {
	width: 60px; height: 28px; text-align: left; padding-left: 10px; font-size: 13px; color: #717171; line-height: 28px; 
	border-radius: 8px; background-color: #f2f2f2;
	background-image: url(../images/common/ico_leng.svg); background-repeat: no-repeat; background-position: right 12px center; background-size: 8px auto;
}
.btn_leng .gb_list {display: none; position: absolute; right: 0; top: 28px; width: 100%; border: 1px solid #f2f2f2; border-top: 0; box-sizing:border-box; background-color: #fff;}
.btn_leng .gb_list ul {padding: 7px 0;}
.btn_leng .gb_list li a {display: block; padding: 3px 10px; font-size: 12px; line-height: 1.2; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.btn_leng .gb_list li:hover a {color: #02a4ee;}

.btn_leng:hover .btns {border-radius: 10px 10px 0 0;}
.btn_leng:hover .gb_list {display: block;}



#header.on .btn_gnb span {background-color: transparent;}
#header.on .btn_gnb span:after {transform:rotate(45deg); top: 50%; margin-top: -1px;}
#header.on .btn_gnb span:before {transform:rotate(-45deg); top: 50%; margin-top: -1px;}


/* ---------- navigation ---------- */

.header_line {
	border-bottom:1px solid #696969;
}

.top_menu.nav {
	padding:0;
}

.top_menu .nav-item {
	padding-right:1rem;	
	border-right:1px solid #696969;
	margin:.5rem .5rem;
}

.top_menu .nav-item:last-child {
	border-right:none;
}

.top_menu span.nav-link {
	color:#fff;
}

.top_menu .nav-link {
	padding:0;
	font-size:14px;
}

.head_nav_line {
	border-bottom:1px solid #000;
}

.head_nav_line a.navbar-brand:hover {
	text-decoration: none;
	background: none;
}

.head_nav_line a.navbar-brand {
	margin:0 !important;
	margin-right:55px !important;
}

.head_nav_line .nav .nav-link {
	padding:10px;
	padding-left:20px;
	font-weight:500;
	border:none;
}

.head_nav_line .navbar-expand-lg .navbar-nav .nav-link {
	padding:10px;
	padding-left:20px;
}

.head_nav_line nav a {
	font-size:16px;
	padding:15px 0px;
	margin:0 0px 0 5px;
	color:#222222 !important;
	font-weight:normal;
}

.head_nav_line nav a:hover, 
.head_nav_line nav a.active {
	color:#2e7de3 !important;
}

.head_nav_line .nav {
	padding:12px 0 12px 0 ;
}

.head_nav_line .navbar-toggler {
	padding:.25rem .50rem;
	background-color:#efefef;
	border:1px solid #cccccc;
}

.head_nav_line .nav-link {
	color: #fff;
}

.head_nav_line a.btn_login:link,
.head_nav_line a.btn_login:active,
.head_nav_line a.btn_login:hover,
.head_nav_line a.btn_login:visited {
	color:#565657 !important;
}

.head_nav_line a.btn_join:link,
.head_nav_line a.btn_join:active,
.head_nav_line a.btn_join:hover,
.head_nav_line a.btn_join:visited {
	color:#ffffff !important;
	background-color:#2e7de3;
	border-radius:5px;
	padding-left:15px !important;
	padding-right:15px !important;
}

.head_nav_line a.btn_email:link,
.head_nav_line a.btn_email:active,
.head_nav_line a.btn_email:hover,
.head_nav_line a.btn_email:visited {
	color:#ff8435 !important;
	float:right;
}

.head_nav_line .dropdown-menu {
	background: #ffffff;
	border:1px solid #ffffff;
	padding:.8rem 0.8rem;
	min-width:7rem;
	box-shadow: 1px 1px 5px #333333;
}

.head_nav_line a.dropdown-item {
	width:auto;
	font-size:13px;
	margin:0;
}

.head_nav_line .dropdown-menu a:link,
.head_nav_line .dropdown-menu a:active,
.head_nav_line .dropdown-menu a:hover,
.head_nav_line .dropdown-menu a:visited {
	background: #ffffff !important;
	padding: .25rem .5rem;
}

.head_nav_line .navbar-nav .select_lang {
	font-size:12px;
	margin-left:15px;
	border-radius: 1rem;
    padding: .2rem 1.75rem .2rem .75rem;
	margin-top: 5px;
}

.head_nav_line .navbar-nav.area_login .nav-item a {
	font-size:14px;
	margin:0 5px;
	font-weight:normal;
	font-weight:500;
	padding: 10px;
}

.head_nav_line .navbar-nav.area_login .nav-item .dropdown-menu a {
	padding: 4px 8px;
	margin:0;
	font-weight:normal;
	font-size: 13px;
}

.head_nav_line .navbar-nav.area_login {
	margin-right:20px;
}

.head_nav_line .navbar-nav.area_login svg {
	margin-top:-4px;
}

.head_nav_line .navbar-nav.area_login .btn_email {
	margin: 0 5px 0 0 !important;
}

.head_nav_line .navbar-light .navbar-toggler-icon {
	width: 1.2em;
    height: 1.2em;
}

.head_nav_line .navbar-nav.area_login select {
	font-size: 12px;
	border-radius:20px;
	margin-top: 7px;
	border: 1px solid #717171;
	padding: 5px 23px 5px 10px;
}
.head_nav_line .navbar-nav .dropdown-menu {
	min-width: 100%;
	text-align: center;
}


.head_nav_line .i_mem {position: relative; padding-left: 18px; color: #ff8435;}
.head_nav_line .i_mem:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -5px; width: 12px; height: 14px; background: url(../images/common/ico_mem.png) 0 0 no-repeat;}





/*footer*/
#footer {position: relative; font-size: 13px; color: #fff; text-align: center; background-color: #00192D; padding-top: 50px; padding-bottom: 100px;}
#footer .f_logo img {height: 15px;}
#footer .f_copy {margin: 10px 0 16px; opacity:.5;}
#footer .f_menu {font-size: 0;}
#footer .f_menu li {display: inline-block; vertical-align: top; margin: 0 15px;}
#footer .f_menu li a {font-size: 14px; color: #fff; opacity:.5;}





/*container*/
#container {min-height:690px; padding-top: 74px; box-sizing: border-box;}



/* 3: Main
=========================================================================================== */
#container.main {position: relative; padding-top: 0;}
/*#container.main:after {content:""; z-index: 10; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background-color: #02a4ee;}*/



/*타이틀*/
.hd_tit1 {margin-bottom: 50px; font-size: 14px; color: #000;}
.hd_tit1 .h {margin-bottom: 10px; font-size: 36px; font-weight: 700;}
.hd_tit1 p {opacity:.6;}

.hd_tit1.line {margin-bottom: 30px; border-bottom: 1px solid #eeeeee;}
.hd_tit1.line .h_tit1 {padding-bottom: 10px;}





/**/
.h_tit1 {
	font-size:28px;
	font-weight:700;
	color:#282828;
	margin-bottom:50px;
}
.h_tit2 {
	position: relative;
	padding-left: 12px;
	font-size:24px;
	font-weight:Bold;
	color:#282828;
	margin-bottom:20px;
}
/*.h_tit2:after {content:"·"; position: absolute; left:0; font-size: 16px;}*/
.h_tit3 {
	font-size:14px;
	font-weight:700;
	color:#282828;
	margin-bottom:5px;
}

.h_tit4 {
	font-size:12px;
	font-weight:700;
	color:#a0a0a0;
}

.h_tit5 {
	font-size:12px;
	font-weight:700;
	color:#000000;
}






/**/
.app_download {
	height: 415px;
	background: url("../images/bg_app.png");
	background-color: #f8f8f9;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom:0;
	text-align: left;
}
.app_download .inr-c {
	display: table; height: 100%; width: 100%;
}
.app_download .inr-c > div {
	display: table-cell; vertical-align: middle;
}

.app_download .mtext {
	font-size:28px;
	font-weight:700;
	color:#2b2b2b;
	margin-bottom:15px;
}

.app_download .stext {
	font-size:16px;
	color:#2b2b2b;
}

.app_download .btn-pk {
	margin-right: 10px;
}



/**/
.cs_main {
	font-size: 0;
}
.cs_area {
	display: inline-block; vertical-align: top;
	width: 30%; margin-left: 5%;
	padding: 60px 0;
	box-sizing: border-box;
	background-color: #ffffff;
}
.cs_area:first-child {
	margin-left: 0;
}
.cs_area .title {
	margin-bottom:25px;
}

.cs_area .title p {
	font-size:24px;
	color:#2b2b2b;
	line-height: 54px;
	margin-left:70px;
}

.cs_area .title img {
	float:left;
}

.cs_area h3 {
	font-size:28px;
	font-weight:bold;
	color:#2b2b2b;
	letter-spacing: -1px;
	margin-top:1rem;
}

.cs_area p {
	font-size:16px;
	line-height: 1.5;
	font-weight:normal;
	color:#686868;
	margin-top:15px;
	word-break: keep-all;
}




/**/
.market_list_main {}
.market_list_main .inr-c {position: relative;}


.market_list_main .tab .ico_star {
	font-size: 0; vertical-align: top;
}

.market_list_main .coin_name {
	display: inline-block; vertical-align: middle;
	text-align: left;
}
.market_list_main .tbl_basic .ico_star {
	margin-left: 15px; margin-right: 5px;
}

.market_list_main .coin_name .name {
	font-size:16px;
	display:block;
	color:#444444;
}

.market_list_main .coin_name .stext {
	font-size:12px;
	display:block;
	color:#a4a4a4;
}


.ico_star {font-size: 0; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/common/img_star_outline.png);}
.ico_star.on {background-image: url(../images/common/img_star.png);}



.t_login {text-align: center; padding: 30px 0;}
.t_login p {margin-bottom: 10px;}




/* 4: Contents
=========================================================================================== */
#container.sub {position: relative; padding-bottom: 100px;}

.tbl_tit {position: relative; margin-bottom: 20px;}
.tbl_tit .rgh {position: absolute; right: 0; bottom: 0; font-size: 14px;}


.mbtn_ty1 {text-align: center; font-size: 0;}
.mbtn_ty1 .btn-pk {margin: 0 3px;}



/*상세 타이틀*/
.path {margin-bottom: 60px; padding: 45px 0; background-position: right center; background-repeat: no-repeat; background-size: auto 100%;}
.path .tit {font-weight: 700; font-size: 28px; color: #3C3C3C;}



/**********************/
#container.member {padding-top: 60px; padding-bottom: 100px; min-height:calc(100vh - 288px);}

.btn-pk.mem {font-size: 16px; width: 100%; padding-top: 15px; padding-bottom: 15px;}
.btn-pk.mem.wid1 {max-width:200px;}
.btn-pk.mem.wid2 {max-width:260px;}

.area_member {max-width:430px; padding: 50px 25px 35px; margin: 0 auto; box-shadow: 0 0 10px rgb(0 0 0 / 10%); border-radius: 1.5em;}
.area_member .hd_tit1 {margin-bottom: 50px; text-align: center;}
.area_member .hd_tit1 .h_tit1 {margin-bottom: 20px;}
.area_member .hd_tit1 .icon {margin-bottom: 20px;}
.area_member .hd_tit1 li {letter-spacing:-0.05em;}


.area_member .t1 {font-size: 14px; color: #848684;}
.area_member .t2 {font-size: 15px; line-height: 1.5; color: #333;}


.area_member .inp_txt {margin-bottom: 15px; padding-left: 15px; height: 46px; line-height: 44px; background-color: #f7f8f9; border-radius: 5px;}
.area_member .btn-pk.mem.mt {margin-top: 10px;}


.ico_tit {margin-bottom: 16px;}


.fl_link {overflow:hidden; padding-left: 15px; padding-right: 15px; margin-top: 30px;}
.fl_link a {font-size: 14px; color: #757575;}
.fl_link .lft {float: left;}
.fl_link .rgh {float: right;}


.t_url {display: inline-block; vertical-align: top; margin-top: 20px; padding: 10px 20px; font-size: 13px; color: #848684; border: 1px solid #e3e3e3; border-radius: 50px;}
.t_url > span {position: relative; display: block; padding-left: 23px;}
.t_url > span:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -8.5px; width: 12px; height: 17px; background: url(../images/common/ico_lock.png) 0 0 no-repeat;}


.lst_dot1 {font-size: 12px; color: #424242;}
.lst_dot1 li {position: relative; padding-left: 10px; margin-bottom: 4px; font-size: 14px; color: #787878;}
.lst_dot1 li:before {content:""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background-color: #787878; border-radius: 50%;}
.lst_dot1 li:last-child {margin-bottom: 0;}


.box_info {padding: 16px 20px; background-color: #fafafa; border-radius: 12px;}
.box_info .lst_dot1 li {font-size: 13px;}


.inp_sel {position: relative;}
.inp_sel .top {position: relative; display: flex; width: 100%;}
.box_telsch {
	z-index: 1; display: none;
	position: absolute; left: 0; top: 48px; width: 100%;
	background: rgba(255, 255, 255, 0.05);
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
	border-radius: 8px;
}
.box_telsch .sch {position: relative; padding-right: 60px;}
.box_telsch .sch input.inp_txt {border: 0; padding-left: 20px;}
.box_telsch .sch .bt_sch {position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-align: center;}
.box_telsch .list {overflow-y:auto; max-height:140px; padding: 10px 0;}
.box_telsch .list li {padding: 10px 20px; font-size: 13px; color: #fff;}


.t_err {font-size: 12px; position: absolute; left: 0; bottom: -20px; color: #ff2a2a;}





/**********************/
/*고객센터*/
#container.sub.customer {padding-top: 0;}

.box_direct {
	border:1px solid #e3e3e3;
	background-color: #f9f9f9;
	padding:60px 100px;
	border-radius:10px;
}

.box_direct .col {display: table; width: 100%;}
.box_direct .col > div {display: table-cell; vertical-align: middle;}
.box_direct .col > div.rgh {text-align: right;}


.box_direct .btn_cacao {
	background-color: #ff8435;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-radius:2rem;
	padding: .5rem 2rem;
	margin-top: 2.5rem;
}

.box_direct .comment {
	clear: both;
}

.box_direct .call_num {
	overflow: hidden;
	margin-bottom: 15px;
}
.box_direct .call_num .num {
	color:#ff8435;
	font-size:36px;
	font-weight:bold;
	float:left;
	padding-left: 50px;
	background: url(../images/common/img_call.png) 0 center no-repeat;
}

.box_direct .call_num .info {
	color:#2b2b2b;
	font-size:14px;
	font-weight:500;
	margin-left:25px;
	float:left;
	margin-top: 20px;
}

.box_direct .btn-pk {width: 180px;}


.line-bot {padding-bottom: 15px; border-bottom: 2px solid #eee;}


.area_terms {}
.area_terms .hd_tit1 {margin-bottom: 20px;}
.area_terms .hd_tit1 .h_tit1 {display: inline-block; vertical-align: middle; margin-bottom: 0; line-height: 1;}
.area_terms .hd_tit1 p {margin-left: 15px; display: inline-block; vertical-align: bottom; font-size: 15px; color: #2b2b2b; opacity:1;}
.area_terms .cont {overflow-y:auto; padding: 20px; height: 580px; border: 1px solid #eee; white-space:pre-line; font-size: 13px; line-height: 1.5;}
.area_terms .cont strong {color: #000;}


.area_termstx {padding: 20px; max-width:970px;}
.area_termstx .h1 {margin-bottom: 30px; font-weight: 700; font-size: 16px; color: #444; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.area_termstx .tbl_basic th,
.area_termstx .tbl_basic td {border: 1px solid #eee;}






#container.sub.wallet {padding-top: 0;}



/*qna*/
.qna_card{border: 1px solid #F8F8F8; width: 620px; height: 572px; background-color: #ffffff; box-shadow: 1px 1px 12px rgb(0,0,0,0.2); border-radius: 12px; display: flex; flex-direction: column; padding: 20px 20px;}
.qna_title{font-weight: 700;font-size: 25px;}
.card_txt{height: 50px;	position: relative; width: 580px; margin-top: 15px;}
.card_txt2{height: 320px; position: relative; width: 580px; margin-top: 15px;}
.hide_card{display: none; position: absolute; justify-content: space-around; width: 100%; height: 100%; top: 0; background-color: rgb(0,0,0,0.2); align-items: center;}
.close_btn{width: 120px; height: 50px;background-color: #F0F0F8; color: #505052; margin-right: 10px; }
.inquiry_btn{ width: 120px; height: 50px; background-color: #14141E; color: #FFFFFF; margin-right: 10px;}
.card_btn{display: flex; justify-content: flex-end; margin-top: 20px;}

.hide_menu{display: flex; width: 100%; height: 100%; top: 0; position: absolute; justify-content: flex-end; background-color: rgb(0,0,0,0.2);}
.menu_card{width: 620px; height: 396px; background-color: #FFFFFF; border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05); border-radius: 12px; display: flex; flex-direction: column;
		   padding: 20px 20px;}
.menu_title{font-weight: 700; font-size: 20px; color: #282828;}
.menu_detail{margin-top: 20px; font-weight: 600; font-size: 16px; height: 230px;}
.menu_btn{display: flex; justify-content: flex-end; margin-top: 20px;}
.menu_reply{background-color: #F8F8F8; border-radius: 8px; margin-top: 20px; height: 145px; display: flex; flex-direction: column; padding: 20px 20px;}
.reply_title{color: #282828; font-weight: 700; font-size: 16px; margin-right: 15px;}
.reply_font{ font-weight: 500; font-size: 14px; color: #B4B4B4;}

/**********************/
@media (max-width:900px){
	.qna_card{width: 90% !important;}
	.card_txt, .card_txt2{width: 100% !important;}
	.hide_menu{display: flex; flex-direction: column; align-items: center;}
	.menu_card{width: 90% !important; margin-right: 0 !important;}
}
/**********************/


/*입금*/
.area_wallet {}
.area_wallet .inner {margin-left: 60px; margin-right: 60px;}

.area_wallet .inp {max-width: 555px; padding-bottom: 10px;}
.area_wallet .inp li {display: table; width: 100%; margin-bottom: 30px; font-size: 14px;}
.area_wallet .inp li > * {display: table-cell; vertical-align: middle;}
.area_wallet .inp li div {text-align: right; width: 70%;}
.area_wallet .inp li strong {font-size: 24px; margin-right: 5px;}

.area_deposit .info {font-size: 14px; color: #88878c;}
.area_deposit .info .h1 {margin-bottom: 15px; font-size: 16px; color: #444;}
.area_deposit .info ul {margin-bottom: 15px;}
.area_deposit .info .list1 {margin-bottom: 60px;}
.area_deposit .info .list1:after {content:""; clear: both; clear: both;}
.area_deposit .info .list1 .li1 {float: left; width: 290px;}
.area_deposit .info .list1 .li1 p {margin-bottom: 15px;}
.area_deposit .info .list1 .li1 .inp_txt {margin-bottom: 13px;}
.area_deposit .info .list1 .li2 {margin-left: 40%;}


.b_card {display: flex;}
.b_card .b_in {width: 45%; }
.b_card .b_in > div {position: relative; display: table; width: 100%; height: 170px; padding: 25px; box-shadow:0 0 10px rgba(0,0,0,.3); border-radius: 20px; box-sizing:border-box;}
.b_card .b_in > div > div {display: table-cell; vertical-align: bottom;}
.b_card .b_in .icon {position: absolute; right: 25px; top: 25px; text-align: right;}
.b_card .b_in .b1 {
	position: relative;
	color: #fff; margin-bottom: 20px; padding-bottom: 20px;
	background: rgb(6,147,232);
	background: -moz-linear-gradient(90deg, rgba(6,147,232,1) 0%, rgba(13,126,231,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(6,147,232,1) 0%, rgba(13,126,231,1) 100%);
	background: linear-gradient(90deg, rgba(6,147,232,1) 0%, rgba(13,126,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0693e8",endColorstr="#0d7ee7",GradientType=1);
}
.b_card .b_in .b1:after {
	content:""; position: absolute; right: 25px; top: 25px;
	width: 74px; height: 25px; background: url(../images/common/ico_deposit1.png) 0 0 no-repeat;
}
.b_card .b_in .b1 strong {font-size: 24px; line-height: 1;}
.b_card .b_in .btn-pk {width: 100%;}
.b_card .b_in .b2 {color: #000;}
.b_card .b_in2 {position: relative; width: 12%; margin-left: 22px; margin-top: 50px; height: 65px; background-color: #bfbfbf;}
.b_card .b_in2:after {
	content:""; position: absolute; left: -55px; top: 50%; margin-top: -10px;
	transform:rotate(-90deg);
	width: 0px;height: 0px;
	border-top:20px solid none;
	border-bottom:20px solid #bfbfbf;
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
}
.b_card .b_in2 p {display: table; height: 100%; width: 100%; text-align: center; line-height: 1.2; color: #fff;}
.b_card .b_in2 p span {display: table-cell; vertical-align: middle;}


.t_info {font-size: 14px; margin-top: 10px; color: #333;}




/* 자산현황 */
.box_assets {overflow:hidden; display: table; padding: 35px 50px; border: 1px solid #e3e3e3; border-radius: 5px;}
.box_assets > div {display: table-cell; vertical-align: middle;}
.box_assets .lft {width: 38%;}
.box_assets .rgh {width: 40%; text-align: right;}
.box_assets .lft {font-size: 14px; color: #999;}
.box_assets .lft ul {overflow:hidden;}
.box_assets .lft li {float: left; display: table; width: 46%; margin-bottom: 5px;}
.box_assets .lft li:nth-child(2n-1) {margin-right: 8%;}
.box_assets .lft li > p {display: table-cell; vertical-align: middle;}
.box_assets .lft li .t2 {text-align: right;}
.box_assets .lft li .t2 strong {color: #000; margin-right: 3px;}
.box_assets .lft .b1 {padding-bottom: 13px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.box_assets .lft .b1 strong {font-size: 24px;}
.box_assets .lft .b2 strong {font-size: 18px;}
.box_assets .chart {position: relative; text-align: right;}
.box_assets .chart .btn_refresh {z-index: 1; position: absolute; right: 0; top: 0; font-size: 0; border-radius: 0; width: 26px; height: 26px; background: url(../images/common/ico_refresh.png) 0 0 no-repeat;}
.box_assets .chart_in {display: inline-block; vertical-align: top; height: 300px;}



/* 출금 */
.area_withdraw {}
.area_withdraw .tbl_basic table.write {margin-bottom: 45px;}
.area_withdraw .tbl_basic table.write th {width: 200px; padding-left: 25px; text-align: left; line-height: 1.3; border: 1px solid #eee;}
.area_withdraw .tbl_basic table.write td {padding-left: 20px; border: 1px solid #eee; color: #000;}
.area_withdraw .info .h1 {margin-bottom: 15px; font-weight: 700; font-size: 16px; color: #000;}

.area_withdraw .list1 {margin-bottom: 30px;}
.area_withdraw .list1 ul {max-width:840px; font-size: 0; width: 105%;}
.area_withdraw .list1 li {overflow:hidden; display: inline-block; vertical-align: top; width: 45%; margin-bottom: 13px; margin-right: 5%; font-size: 14px; color: #a4a4a4;}
.area_withdraw .list1 li p {float: right;}
.area_withdraw .list1 li p:first-child {float: left;}
.area_withdraw .list1 li p span {color: #000; font-size: 1.1em;}



.inp_btn {position: relative; padding-right: 85px;}
.inp_btn .btn-pk {position: absolute; right: 0; top: 0; width: 75px;}

.area_withdraw .inp_btn {max-width:420px;}
.area_withdraw .inp_txt {max-width:420px;}

.t_error {padding: 10px 14px; background-color: #fff8ec; color: #000; font-size: 12px;}
.t_error span {position: relative; display: block; padding-left: 20px;}
.t_error span:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 14px; height: 14px; background: url(../images/common/ico_error.png) 0 0 no-repeat;}



/**********************/
/*고객센터*/
#container.sub.mypage {padding-top: 0;}

/*마이페이지*/
.tbl_basic.small {}
.tbl_basic.small table.list th,
.tbl_basic.small table.list td {padding: 5px 10px; border: 1px solid #eee;}


.box_my1 {padding: 15px 50px; font-size: 14px; color: #5c5e5c; border: 1px solid #eee; border-radius: 10px;}

.lst_my1 {display: flex; align-items:center; justify-content: space-between;}
.lst_my1 p {font-size: 16px; color: #ff8435;}
.lst_my1 p .i_level {position: relative; display: inline-block; padding-left: 65px;}
.lst_my1 p .i_level:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -19.5px; width: 35px; height: 39px; background: url(../images/common/ico_my1.png) 0 0 no-repeat;}
.lst_my1 .btn-pk.n {width: 150px;}

.lst_my2 {}
.lst_my2 {display: table; width: 100%; table-layout:fixed;}
.lst_my2 li {display: table-cell; vertical-align: top; text-align: center;}
.lst_my2 .icon {display: table; margin: 0 auto 18px; width: 72px; height: 72px; border-radius: 50%; color: #a4a6a9; background-color: #f0f1f5;}
.lst_my2 .icon p {display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; line-height: 1.2; } 
.lst_my2 .tx p {margin-bottom: 3px;}

.lst_my2 .icon.active {color: #ff8435; background-color: #fbf0ce;}
.lst_my2 p.active {color: #ff8435;}


/*마이페이지-회원정보관리*/
.inp_addr {}
.inp_addr .select1,
.inp_addr .inp_txt {width: 455px;}
.inp_addr .inp {margin: 5px 0; position: relative; display: flex; max-width:455px; font-size: 0; padding-right: 85px;}
.inp_addr .inp .inp_txt {width: 100%;}
.inp_addr .inp .inp_txt:first-child {width: 100px; margin-right: 5px;}
.inp_addr .inp .btn-pk {position: absolute; right: 0; top: 0; width: 80px; padding-left: 0; padding-right: 0;}



/*마이페이지-인증센터*/
.area_level {}
.area_level ul {display: flex; border: 1px solid #eee; border-radius: 10px;}
.area_level li {position: relative; flex:1; text-align: center; padding: 40px 20px 60px; border-left: 1px solid #eee;}
.area_level li:first-child {border-left: 0; border-radius: 10px 0 0 10px;}
.area_level li:last-child {border-radius: 0 10px 10px 0;}
.area_level .num {position: absolute; left: 50%; bottom: -19px; margin-left: -19px; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; font-size: 18px; font-weight: 700; color: #fff; background-color: #cacdd2;}
.area_level .h1 {margin-bottom: 20px; padding-top: 62px; font-size: 18px; font-weight: 700; background: url(../images/common/ico_my2.png) center 0 no-repeat;}
.area_level .h1 span {display: block; font-size: 14px; margin-bottom: 8px;}
.area_level .t1 {margin-bottom: 25px; font-size: 13px; line-height: 1.6;}
.area_level .tx {font-size: 13px;}
.area_level .tx p {font-size: 12px; margin: 5px 0; color: #b2b1b5;}


.area_level li.active {background-color: #f9fafc;}
.area_level li.active .num {background-color: #0694e8;}
.area_level li.active p.active {color: #f57723;}
.area_level li.active p.active span {position: relative; display: inline-block; vertical-align: top; padding-right: 45px;}
.area_level li.active p.active span:after {content:"완료"; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 37px; height: 20px; line-height: 20px; font-size: 11px; color: #fff; background-color: #f57723; border-radius: 50px;}



/**/
.area_droplist {}
.area_droplist .tit {display: table; width: 100%; table-layout:fixed; font-size: 14px; color: #5c5e5c; border-bottom: 1px solid #eee;}
.area_droplist .tit > * {display: table-cell; vertical-align: top; padding: 20px;}
.area_droplist .tit .t1 {width: 150px;}
.area_droplist .tit .icon {width: 40px;}
.area_droplist .tit .btn {width: 120px; text-align: right;}
.area_droplist .tit .btn .btn-pk {min-width:66px;}
.area_droplist .tit .tx p {font-weight: 700; font-size: 15px; margin-bottom: 10px; color: #444;}
.area_droplist .cont {padding: 30px 40px 30px; font-size: 13px; background-color: #f8f8f8;}
.area_droplist .cont > * {max-width:680px;}
.area_droplist table {margin-bottom: 10px;}
.area_droplist td {padding: 7px; vertical-align: top;}
.area_droplist th {width: 130px; padding: 7px 20px 7px 0; font-weight: 400; font-size: 14px; line-height: 35px; color: #434343; vertical-align: top;}
.area_droplist td .inp_txt {max-width:430px;}


/**********************/
.tbl_top {position: relative; display: flex; align-items: center;  margin-bottom: 20px;}
.tbl_top .t_cost {margin-bottom: 30px;}
.tbl_top .t_total {font-size: 12px;}
.tbl_top .t_total strong {color: #000; font-size: 1.2em;}

.tbl_top .lft {}
.tbl_top .lft > * {margin-right: 5px;}
.tbl_top .lft .btn-pk.n {min-width: 100px;}
.tbl_top .rgh {position: absolute; right: 10px; bottom: 0;}
.tbl_top .rgh p {display: inline-block; vertical-align: middle;}
.tbl_top .rgh > * {margin-left: 5px;}
.tbl_top .a_link {font-size: 12px; color: #969696;}

.tbl_top .col {display: inline-block; vertical-align: middle; font-size: 13px;}
.tbl_top .col span {margin: 0 3px; vertical-align: middle;}
.tbl_top .col .btn-pk.n {min-width:auto; margin-left: 5px; border-radius: 12px;}

.tbl_top .select1,
.tbl_top .inp_txt {border: 2px solid #F0F0F0; border-radius: 12px;}



.inp_txt.calender {width: 120px;}
.i_ex {position: relative; display: block; padding-left: 20px;}
.i_ex:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -6.5px; width: 13px; height: 13px; background: url(../images/common/ico_excel.png) 0 0 no-repeat;}

.inp_txt.pay {width: 250px;}


.lst_chk {overflow:hidden; font-size: 0; border: 1px solid #e8e8e8; border-radius: 5px;}
.lst_chk .btn-pk {border-radius: 0; border: 0; border-left: 1px solid #e8e8e8;}
.lst_chk .btn-pk:first-child {border-left: 0;}
.lst_chk .btn-pk.on {background-color: #808080; color: #fff;}


.tbl_sch {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; text-align: right;}


.box_sch {padding: 50px; margin-bottom: 20px; border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05); border-radius: 20px;}
.box_sch .cont {max-width:890px; margin: 0 auto;}
.box_sch .h1 {margin-bottom: 30px; text-align: center; font-weight: 700; font-size: 24px; color: #000;}
.box_sch .sch {position: relative; display: flex; max-width:430px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.box_sch .sch .inp_txt {width: 100%; height: 53px; line-height: 53px; padding-left: 20px; padding-right: 70px; border: 2px solid #F0F0F0; border-radius: 12px;}
.box_sch .sch .btn-pk {width: 120px; margin-left: 40px;}
.box_sch .sch .btn-search {
	position: absolute; right: 10px; top: 0; width: 50px; height: 53px;
	background-image: url(../images/common/ico_search.png); background-position: center center; background-repeat: no-repeat;
	font-size: 0;
}

.box_sch .txt {overflow:hidden; color: #000;}
.box_sch .txt p {float: left; font-size: 18px;}
.box_sch .txt ul {margin-left: 140px;}
.box_sch .txt li {display: inline-block; vertical-align: top; margin-right: 20px;}
.box_sch .txt li a {display: block; padding: 3px 0; font-size: 14px; border-bottom: 1px solid #000;}




em.sup {font-size: 0.8em;}


.inp_cal {overflow:hidden; display: inline-block; vertical-align: middle; border: 1px solid #cbcbcb; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.inp_cal .inp_txt {width: 130px; border: 0; font-size: 14px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}


.pos-r {position: relative;}
.pos-r .rgh_t1 {position: absolute; right: 0; top: 95px; font-size: 13px;}



/**********************/
#container.sub.landing {padding-top: 0;}

.lst_landing {font-size: 0;}
.lst_landing .bind {display: inline-block; vertical-align: top; width: 48%; max-width:487px;}
.lst_landing .bind:first-child {margin-right: 4%;}
.lst_landing > .col {
	display: inline-block; vertical-align: top; 
	width: 49%; margin-right: 2%;
	border: 1px solid #F8F8F8;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05);
	border-radius: 24px; overflow:hidden;
}
.lst_landing > .col:nth-child(2n) {margin-right: 0;}
.lst_landing .col {margin-bottom: 50px;}
.lst_landing .tit {padding: 25px 28px;  background-image: url(/images/icon/bg_landing.jpg); background-repeat: no-repeat; background-position: right center; background-size: cover;}
.lst_landing .tit .h1 {font-weight: 700; font-size: 20px; color: #434343;}
.lst_landing .tit .h2 {font-weight: 400; font-size: 16px; color: #787878;}
.lst_landing .cont {padding: 20px 28px;}
.lst_landing .cont .fz {font-size: 18px;}
.lst_landing .cont .link {text-align: right; margin-top: 10px; font-weight: 500; font-size: 16px; color: #000;}
.lst_landing .cont .link span {display: inline-block; padding: 8px 16px; line-height: 2; min-width:120px; text-align: center; border-radius: 16px; color: #fff; background-color: #2879FF;}

.lst_landing .col.bit {background-image: url(../images/common/bg_bit.jpg); background-position: right 0; background-repeat: no-repeat;}
.lst_landing .col.eth {background-image: url(../images/common/bg_eth.jpg); background-position: right 0; background-repeat: no-repeat;}

.lst_landing .col.comp {background: none; background-color: #f2f2f2;}
.lst_landing .col.comp .tit .h1,
.lst_landing .col.comp .tit .h2 {color: #ccc;}
.lst_landing .col.comp li {opacity:.5;}
.lst_landing .col.comp .link {visibility: hidden;}


.box_gray1 {padding: 16px 45px; border-radius: 10px; background-color: #f9f9f9;}
.box_gray1 .h {margin-bottom: 10px; font-weight: 700; font-size: 14px; color: #000;}



/**/
#container.sub.staking {padding-top: 0;}

.lst_staking {font-size: 0;}
.lst_staking .col {overflow:hidden; display: inline-block; vertical-align: top; width: 48.5%; margin-bottom: 50px; box-sizing:border-box; border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05); border-radius: 24px;}
.lst_staking .col:nth-child(2n-1) {margin-right: 3%;}
.lst_staking .col .tit {
	display: flex; align-items:center; justify-content: space-between; 
	height: 100px; padding: 0 30px; 
	font-size: 16px; color: #3C3C3C; 
	background-color: #fafafa; background-image: url(/images/icon/bg_staking.jpg); background-repeat: no-repeat; background-position: right center; background-size: auto 100%;
}
.lst_staking .col .tit .h1 {margin-bottom: 0; font-size: 20px; font-weight: 700;}
.lst_staking .col .tit .r {text-align: right;}
.lst_staking .col .cont {padding: 25px 20px; color: #000;}
.lst_staking .col .cont ul {display: flex;}
.lst_staking .col .cont li {flex:1; border-left: 1px solid #e3e3e3; text-align: center; font-size: 16px;}
.lst_staking .col .cont li:first-child {border-left: 0;}
.lst_staking .col .cont .t1 {margin-bottom: 10px; font-weight: 600; font-size: 20px;  line-height: 30px; letter-spacing:-0.0325em;}
.lst_staking .col .cont .t1 img {height: 20px;}
.lst_staking .col .cont .t2 {margin-bottom: 10px; font-size: 14px; line-height: 1; }
.lst_staking .col .cont .t3 {color: #999;}
.lst_staking .col .cont .bar {overflow:hidden; position: relative; height: 4px; margin-top: 25px; background-color: #F8F8F8; border-radius: 15px;}
.lst_staking .col .cont .bar > span {position: absolute; left: 0; top: 0; height: 100%; background-color: #2879FF;}
.lst_staking .col .cont .t_bar {margin-top: 12px; font-size: 16px; text-align: center; color: #3c3c3c;}
.lst_staking .col .cont .t_bar strong {color: #000;}

.lst_staking .col.comp {filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; opacity:.8;}
.lst_staking .col.comp .tit {background-color: #cccccc;}
.lst_staking .col.comp .cont {background-color: #f2f2f2; color: #ccc;}
.lst_staking .col.comp .cont img {opacity:.5;}
.lst_staking .col.comp .cont .t3 {color: #ccc;}
.lst_staking .col.comp .cont .bar > span {background-color: #ccc;}



/*스왑*/
#container.sub.swap {padding-top: 0;}

#container.swap .fz1 {font-size: 14px;}



.lst_swap {overflow:hidden; border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05); border-radius: 24px;}
.lst_swap li {position: relative; padding: 30px 20px; border-top: 1px solid #f4f4f4; text-align: center;}
.lst_swap li:first-child {border-top: 0;}


.lst_swap li .ico {padding-left: 35px; line-height: 25px; background-position: 5px 0; background-repeat: no-repeat; background-size: auto 100%;}
.lst_swap li .ico.i_btc {background-image: url(../images/common/ico_btc.png);}
.lst_swap li .ico.i_eth {background-image: url(../images/common/ico_eth.png);}
.lst_swap li .ico.i_xrp {background-image: url(../images/common/ico_xrp.png);}
.lst_swap li .ico.i_trx {background-image: url(../images/common/ico_trx.png);}
.lst_swap li .ico.i_mst {background-image: url(../uploads/MST.png);}
.lst_swap li .ico.i_usdt {background-image: url(../images/common/ico_usdt.png);}
.lst_swap li .col {display: inline-block; vertical-align: top;}
.lst_swap li .col p {text-align: left; font-size: 16px;}
.lst_swap li .col > div {margin-top: 10px; margin-bottom: 10px; border: 2px solid #F0F0F0; border-radius: 16px; padding-right: 15px; font-weight: 600; color: #3C3C3C;}
.lst_swap li .col .inp_txt {width: 300px; border: 0; background: none; height: 50px; line-height: 50px;}

.lst_swap li .col2 {display: inline-block; vertical-align: top; margin: 2% 6%;}
.lst_swap li .col2 p {font-size: 15px; color: #777;}
.lst_swap li .col2 .ico_arr {display: block; padding-top: 50px; margin-top: 5px; font-size: 12px; color: #2e7de3; background-image: url(../images/icon/ico_swap_arr.svg); background-position: center center; background-repeat: no-repeat; background-size: 46px auto;}





/**/
.area_bind {display: flex; width: 100%;}
.area_bind > div {width: 49%;}
.area_bind > div:first-child {margin-right: 2%;}

.my_top {position: relative; padding: 24px; margin-bottom: 20px; background: url(../images/icon/bg_mypage.jpg) right 0 no-repeat; background-size: auto 100%; border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05);
border-radius: 24px;}
.my_top .h1 {font-weight: 700; font-size: 16px; color: #393F47; line-height: 1.2;}
.my_top .h1 .c-gray {margin-left: 5px; font-weight: 400; font-size: .8em;}


.lst_step1 {position: relative; display: inline-block;}
.lst_step1 ul {position: relative; margin-top: 48px;}
.lst_step1 ul:after {
	content:""; position: absolute; left: 7%; top: 0; width: 120%; height: 1px; 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(57,63,71,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(57,63,71,1) 100%);
	background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(57,63,71,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#393f47",GradientType=1);
}
.lst_step1 li {position: relative; display: inline-block; vertical-align: top; margin-left: 80px; padding-top: 20px; font-size: 12px; color: #393F47;}
.lst_step1 li:first-child {margin-left: 0;}
.lst_step1 li:after {content:""; z-index: 1; position: absolute; left: 50%; margin-left: -4px; top: -4px; width: 7px; height: 7px; background-color: #fff; border: 1px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.lst_step1 li.on:after {top: -10px; margin-left: -11px; width: 20px; height: 20px; background-color: #2879FF; border-color: #2879FF; background-image: url(../images/icon/ico_chk_my.svg); background-position: center center; background-repeat: no-repeat;}
.lst_step1 li.on {color: #999;}
.lst_step1 svg {width: 10px;}



.lst_icotx1 {}
.lst_icotx1 ul {font-size: 0;}
.lst_icotx1 li {position: relative; display: inline-block; vertical-align: top; width: 33.33%; padding: 20px 0; font-size: 12px; color: #393F47; box-sizing:border-box;}
.lst_icotx1 li > p ,
.lst_icotx1 li > div.bt {padding-left: 28px;}
.lst_icotx1 li .h1 {position: relative; margin-bottom: 5px; font-weight: 600; font-size: 12px; color: #393F47;}
.lst_icotx1 li .h1 span {position: relative; display: inline-block; vertical-align: top;}
.lst_icotx1 li .h1 span:after {content:""; position: absolute; left: -28px; margin-top: -12px; top: 50%; width: 20px; height: 24px; background-repeat: no-repeat; background-position: center center;}
.lst_icotx1 li .t1 {color: #848E9C;}
.lst_icotx1 li .bt {margin-top: 20px;}
.lst_icotx1 li .bt a {position: relative; display: inline-block; vertical-align: top; padding-left: 10px; margin-left: 10px;}
.lst_icotx1 li .bt a:after {content:""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background-color: #ddd; margin-top: -5px;}
.lst_icotx1 li .bt a:first-child {padding-left: 0; margin-left: 0;}
.lst_icotx1 li .bt a:first-child:after {content:none;}

.lst_icotx1 li.chk .h1 span:before {content:""; position: absolute; right: -20px; top: 50%; margin-top: -6px; width: 12px; height: 12px; background-image: url(../images/icon/ico_chk_account.svg); background-size: cover;}

.lst_icotx1.ty2 li {width: 100%; border-top: 1px solid #f2f4f6;}
.lst_icotx1.ty2 li:first-child {border-top: 0;}
.lst_icotx1.ty2 .btns {position: absolute; right: 0; top: 50%; transform:translateY(-50%); font-size: 12px; line-height: 1;}
.lst_icotx1.ty2 .btn-pk.s {padding: 10px 18px;}
.lst_icotx1.ty2 .btns .c-gray {display: inline-block; padding-left: 5px; margin-left: 5px; border-left: 1px solid #f2f4f6;}
.lst_icotx1.ty2 li .t1 {padding-right: 80px;}
.lst_icotx1.ty2 li.chk .h1 span:before {background-image: url(../images/icon/ico_chk_account2.svg); }





.ico_account1:after {background-image: url(../images/icon/ico_account1.png); background-size: 18px auto;}
.ico_account2:after {background-image: url(../images/icon/ico_account2.png); background-size: 16px auto;}
.ico_account3:after {background-image: url(../images/icon/ico_account3.png); background-size: 20px auto;}
.ico_account4:after {background-image: url(../images/icon/ico_account4.png); background-size: 18px auto;}
.ico_account5:after {background-image: url(../images/icon/ico_account5.png); background-size: 18px auto;}
.ico_account6:after {background-image: url(../images/icon/ico_account6.png); background-size: 16px auto;}


.lst_log {position: relative; height:310px; overflow-y:auto; background-color: #fff;}
.lst_log li {position: relative; padding: 13px 25px; border-top: 1px solid rgba(0,0,0,.08); font-size: 13px; color: #787878;}
.lst_log li:first-child {border-top: 0;}
.lst_log li.on p:first-child {color: #393F47;}
.lst_log li.on:after {content:""; position: absolute; right: 57px; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #008CFF; border-radius: 100%;}
.lst_log li.on:before {content:"접속중"; position: absolute; right: 15px; top: 50%; margin-top: -12px; padding: 4px 12px 4px 17px; border-radius: 8px; border: 1px solid #008CFF; font-size: 10px; color: #008CFF; text-align: center;}



.box_st1 {
	overflow:hidden; margin-bottom: 16px; padding: 20px 24px; 
	border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05); border-radius: 24px;
	background-image: url(../images/icon/bg_gray.png); background-position: right center; background-repeat: no-repeat; background-size: auto 100%;
	box-sizing: border-box;
}
.box_st1.pd0 {padding: 0;}
.box_st1 .tab.ty1 {padding: 5px 20px 0; background: none; margin-bottom: 0;}
.box_st1 .tab.ty1 li a > span {padding-left: 0; padding-right: 0; font-weight: 600;}
.box_st1 .h1 {font-weight: 700; font-size: 16px; color: #393F47; margin-bottom: 10px;}
.box_st1 .t1 {font-size: 12px; color: #787878;}
.box_st1 .btn {display: block; margin-top: -15px;}


.tit_my {padding: 5px 10px; font-size: 12px;}
.tit_my .icon img {height: 16px;}
.tit_my .h1 {font-size: 24px; font-weight: 700;}


.c-link {color: #2879FF; position: relative; padding-right: 10px;}
.c-link:after {content:""; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background-image: url(../images/icon/ico_arr_link.svg); background-position: right center; background-repeat: no-repeat; background-size: auto 10px;}

.badge.blue {border-color: #2879FF; color: #2879FF; border: 1px solid #2879FF; margin-right: 5px;}
.badge.gray {border-color: #ddd; color: #ddd; border: 1px solid #ddd; margin-right: 5px;}







/******************************************************************************************/
@media (max-width:1440px){
	.inr-c {margin-left: 4%; margin-right: 4%;}
}

@media (max-width:1180px){
	#header .logo {width: 130px;}
	#header .gnbbox {margin-left: 150px;}
	#header .gnbbox:after {content:none;}


	.lst_swap li .col .inp_txt {width: 200px;}


}

@media (min-width:961px){
	.view-m {display: none;}
	#header .gnbbox {display: block !important;}
}







/* 5: Popup
=========================================================================================== */
/*alert 팝업*/
.popup_alert {display: none;}
.popup_alert .popup {z-index: 1001; overflow:hidden; position: fixed; left: 50%; top: 50%; min-width:340px; max-width:470px; text-align: center; border-radius: 10px; transform:translate(-50%,-50%);}
.popup_alert .popup .txt {padding: 40px 30px; background-color: #fff; color: rgba(0,0,0,.5); font-size: 14px; line-height: 1.5;}
.popup_alert .popup .txt .h1 {margin-bottom: 15px; font-weight: 500; font-size: 20px; color: #000;}
.popup_alert .popup .btns {display: flex; width: 100%; border-top: 1px solid #e0e0e0; background-color: #f9f9f9;}
.popup_alert .popup .btns a {flex:1; font-size: 14px; line-height: 50px; color: #b0b0b0; border-left: 1px solid #e0e0e0; box-sizing:border-box;}
.popup_alert .popup .btns a:first-child {border-left: 0; color: #4664FF;}


/*토스트 메세지*/
.toast_msg {position: fixed; left: 50%; top: 50%; background-color: #000; color: #fff; padding: 15px; max-width:300px; font-size: 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; transform:translate(-50%,-50%);}



/*팝업*/
.layerPopup {display: none; position: fixed; z-index: 1001; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%);}
.layerPopup .popup {
	overflow:hidden; position: relative; display: inline-block; *display: inline; *zoom: 1; 
	width: 600px; background-color: #fff; 
	text-align: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	box-shadow:0 0 15px rgba(0,0,0,.2);
}
.layerPopup .p_head {position: relative; /*display: flex; align-items:center; justify-content: space-between; background-color: #f5f5f5;*/ padding: 55px 35px 0; text-align: center;}
.layerPopup .p_head .h {font-size: 21px; color: #000; font-weight: 600;}
.layerPopup .p_head .r {font-size: 14px; color: #777;}
.layerPopup .p_cont {overflow-y:auto; max-height:calc(100vh - 300px); padding: 20px 20px;}
.layerPopup .p_botm {display: flex; text-align: center; padding: 30px 0; margin: 0 20px; }
.layerPopup .p_botm .btn-pk {flex:1; font-size: 16px; min-width:100px; margin-left: 15px;}
.layerPopup .p_botm .btn-pk.w100p {width: 180px;}
.layerPopup .p_botm .btn-pk:first-child {margin-left: 0;}

.btn_pop_close {position: absolute; right: 30px; top: 20px; width: 45px; height: 45px; text-align: right; font-size: 0;}
.btn_pop_close span {display: inline-block; width: 20px; height: 4px;}
.btn_pop_close span:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background-color: #434343; border-radius: 10px; transform:rotate(45deg);}
.btn_pop_close span:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background-color: #434343; border-radius: 10px; transform:rotate(-45deg);}




.popup_dim {z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }


/*비트코인 랜딩1*/
.pop_landing {}
.pop_landing .box_gray1 {padding: 15px;}
.pop_landing .box_gray1 .h {font-size: 13px; margin-bottom: 0;}
.pop_landing .box_gray1 li {font-size: 12px; color: #424242;}

.pop_landing .tit_step {margin-bottom: 20px; text-align: center;}
.pop_landing .tit_step em {display: inline-block; vertical-align: top; width: 8px; height: 8px; margin: 0 5px; border-radius: 10px; background-color: #F0F0F0;}
.pop_landing .tit_step em.on {background-color: #2879FF;}
.pop_landing .tit_step span {display: inline-block; vertical-align: top; padding: 8px 15px; color: #fff; font-size: 16px; line-height: 1.1; background-color: #023f97; border-radius: 50px;}
.pop_landing .t1 {margin-bottom: 15px; font-size: 16px; color: #434343;}
.pop_landing .h1 {margin-bottom: 10px; font-size: 16px; color: #434343;}
.pop_landing .inp_checkbox {margin-left: 10px;}


.pop_landing .box {padding: 15px; margin-bottom: 30px; font-size: 14px; color: #A0A0A0; line-height: 1.3; border-radius: 16px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.pop_landing .box .t_cost {margin-bottom: 0;}
.pop_landing .box .fx {display: flex; justify-content: space-between; margin-bottom: 15px; font-weight: 500; font-size: 18px; color: #282828;}
.pop_landing .box .fx span em {font-size: .7em; margin-left: 5px;}


.pop_landing .t_cost {margin-bottom: 5px; font-size: 14px; color: #999;}
.pop_landing .t_cost strong {color: #434343; font-weight: 600; font-size: 18px;}
.pop_landing .inp_txt {width: 100%; border: 2px solid #000000; border-radius: 0; height: 46px; line-height: 46px; }

.pop_landing .inp {position: relative; display: flex; align-items:center; padding-right: 14px; margin-bottom: 15px; border: 2px solid #F0F0F0; border-radius: 16px;}
.pop_landing .inp p {font-weight: 600; font-size: 16px; color: #3C3C3C;}
.pop_landing .inp .inp_txt {padding-left: 20px; font-size: 20px; border: 0; background: none; height: 50px; line-height: 50px;}
.pop_landing .inp2 .inp_txt {background-color: #f2f2f2;}


.pop_landing .textarea {overflow-y:auto; margin-bottom: 10px; height: 120px; padding: 10px; border: 0; background-color: #F8F8F8; border-radius: 12px;}
.pop_landing .inp_checkbox span {color: #434343;}
.pop_landing .list {font-size: 14px;}
.pop_landing .list ul {margin-bottom: 20px; border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05); border-radius: 16px;}
.pop_landing .list li {display: flex; align-items:center; flex-wrap:wrap; justify-content: space-between; padding: 20px 16px; font-weight: 600; font-size: 14px; line-height: 1.2; color: #434343; border-top: 1px solid #f9f9f9;}
.pop_landing .list li p:first-child {font-weight: 400;}
.pop_landing .list p {text-align: center; font-weight: 600; font-size: 14px; color: #282828;}



/*스테이킹*/
.pop_staking {}
.pop_staking .popup.wid1 {max-width:400px;}
.pop_staking .t1 {padding-top: 10px; margin-bottom: 30px; font-size: 17px; color: #999;}
.pop_staking .t2 {font-size: 14px; color: #434343; text-align: center;}
.pop_staking .inp_txt {border: 0; border-radius: 0; font-size: 20px; font-weight: 700; height: 50px; line-height: 80px; color: #282828; background: none;}

.pop_staking .b_inp {display: flex; align-items:center; margin-top: 15px; padding: 0 14px; border: 2px solid #F0F0F0; border-radius: 16px; font-weight: 500; font-size: 16px; color: #3C3C3C;}


.pop_staking .ui-slider {position: relative; height: 3px; margin: 30px 0 10px; background-color: #F8F8F8;}
.pop_staking .ui-slider-handle {position: absolute; top: 50%; margin-top: -10px; min-width: 20px; padding: 0 5px; height: 20px; font-size: 11px; line-height: 21px; text-align: center; color: #fff; background-color: #2879FF; border-radius: 50px; cursor:pointer;}

.inp_rang {position: relative;}
.inp_rang .btn-pk {position: absolute; right: 0; top: 50%; transform:translateY(-50%);}




/*마이페이지*/
.modal-content {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow:0 0 15px rgba(0,0,0,.2);}
.modal-header {display: block; position: relative; text-align: center; border-bottom: 0; padding-top: 40px; margin-bottom: 20px;}
.modal-title {font-weight: 700; font-size: 20px; color: #282828;}
.modal-header .btn-close {position: absolute; right: 1em; top: 1em;}
.modal-body {padding: 0 20px;}
.modal-footer {border-top: 0; display: flex; padding: 20px;}
.modal-footer > .btn-pk {flex:1; margin-left: 10px;}
.modal-footer > .btn-pk:first-child {margin-left: 0;}

.modal-body .table {font-size: 14px;}
.modal-body .text1 {font-size: 13px;}
.modal-body .table td input[type='file'].form-control {font-size: 14px; line-height:30px;}

.input-group {border-radius: 8px;}
.input-group .form-select {font-size: 14px; border-color: rgb(227,227,227); flex:.5; border-radius: 8px;}
.input-group .form-control {border-radius: 8px; font-size: 14px;}
.input-group .btn {font-size: 14px; min-width:70px;}




/*api 만들기*
.pop_api {}
.pop_api .i-set {margin-bottom: 3px; margin-left: 5px;}


/*거래소-교차*
.pop_model1 {}
.pop_model1 .popup {width: 400px; height: 300px; font-size: 14px; line-height: 1.5;}
.pop_model1 .tab {margin-bottom: 20px;}


/*거래소-포지션수량*
.pop_volume1 .popup {width: 400px; height: 350px; font-size: 14px; line-height: 1.5;}
.pop_volume1 .tab {margin-bottom: 20px;}
.pop_volume1 p {margin-bottom: 10px;}



/*거래소-레버리지*
.pop_leverage {}
.pop_leverage .inp_txt {position: relative; padding-left: 70px; border: 1px solid #e8e8e8; background-color: #f8f8f8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.pop_leverage .inp_txt span {position: absolute; left: 0; top: 10px; width: 69px; line-height: 30px; text-align: center; border-right: 1px solid #e8e8e8;}
.pop_leverage .inp_txt input {width: 100%; height: 48px; line-height: 48px; border: 0; background-color: #f8f8f8;}
*/

.lft_cont2 {float: left; width: 300px;}
.rgh_cont2 {margin-left: 320px;}

.lft_cont2 ul {border: 1px solid #F0F0F0; border-radius: 24px;}
.lft_cont2 li a {display: block; padding: 0 16px; line-height: 44px; font-weight: 500; font-size: 14px; color: #B4B4B4; border-radius: 12px;}
.lft_cont2 li.on a {color: #282828; background-color: #f8f8f8;}

.lft_cont2 li .ico {padding-left: 35px; line-height: 25px; background-position: 5px 0; background-repeat: no-repeat; background-size: auto 100%;}
.lft_cont2 li .ico.i_btc {background-image: url(../images/common/ico_btc.png);}
.lft_cont2 li .ico.i_eth {background-image: url(../images/common/ico_eth.png);}
.lft_cont2 li .ico.i_xrp {background-image: url(../images/common/ico_xrp.png);}
.lft_cont2 li .ico.i_trx {background-image: url(../images/common/ico_trx.png);}
.lft_cont2 li .ico.i_mst {background-image: url(../uploads/MST.png);}
.lft_cont2 li .ico.i_usdt {background-image: url(../images/common/ico_usdt.png);}
.lft_cont2 li .col {display: inline-block; vertical-align: top;}
.lft_cont2 li .col p {text-align: left; font-size: 16px;}
.lft_cont2 li .col > div {margin-top: 10px; margin-bottom: 10px; border: 2px solid #F0F0F0; border-radius: 16px; padding-right: 15px; font-weight: 600; color: #3C3C3C;}
.lft_cont2 li .col .inp_txt {width: 200px; border: 0; background: none; height: 40px;}

.offer_find {
width:260px;
height:50px;
background-color:#2879ff;
color:#ffffff;
border-radius: 12px;
}

.lft_cont {float: left; width: 195px;}
.rgh_cont {margin-left: 220px;}

/*.lft_cont ul {padding: 12px; border: 1px solid #F8F8F8; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05); border-radius: 24px;}*/
.lft_cont li a {display: block; padding: 0 16px;font-weight: 500; font-size: 16px; color: #B4B4B4; border-radius: 12px;     margin-bottom: 24px;}
.lft_cont li.on a {color: #282828; font-weight:bold;}


.hd_tit1 {position: relative;}
.hd_tit1 .rgh {position: absolute; right: 0; top: 0;}




.coin {margin-bottom: 30px;}
.coin .stitle {display: block; margin-bottom: .5em; font-weight: 700; font-size:14px; color:#282828;}

.type_coin {margin-top: 15px;}
.type_coin .badge {
	font-size:12px;
	font-weight:bold;
	color:#7a7b7c;
	background-color: #f3f2f7 !important;
	padding:8px;
	margin-right:5px;
}
.part_select .select img {width:20px;	margin-right:8px;}
.part_select .select {
	width:430px;
	font-size:14px;
	border: 2px solid #F0F0F0;
	border-radius: 16px;
	padding:10px;
}
.part_select .select svg {
	color:#7a7a7c;
	float:right;
	margin-top: 3px;
}


.part_select .coinlist_layer {width:430px;}
.part_select .coinlist_layer ul {padding-left:0;}
.part_select .coinlist_layer li {
	list-style: none;
	padding:10px;
	border-bottom:1px solid #F0F0F0;
	border-left:1px solid #F0F0F0;
	border-right:1px solid #F0F0F0;
	font-size:14px;
}
.part_select .coinlist_layer li img {width:20px; margin-right:8px;}


.part_select2 .select img {width:20px;	margin-right:8px;}
.part_select2 .select {
	width:260px;
	font-size:14px;
	border: 2px solid #F0F0F0;
	border-radius: 16px;
	padding:10px;
}
.part_select2 .select svg {
	color:#7a7a7c;
	float:right;
	margin-top: 3px;
}


.part_select2 .coinlist_layer {width:260px;}
.part_select2 .coinlist_layer ul {padding-left:0;}
.part_select2 .coinlist_layer li {
	list-style: none;
	font-size:14px;
}
.part_select2 .coinlist_layer li img {width:20px; margin-right:8px;}


.box_address {margin-bottom: 40px;}
.box_address .stitle {display: block; margin-bottom: .5em; font-weight: 700; font-size:14px; color:#282828;}

.box_address .address {
	width: 430px;
    font-size: 14px;
    border: 2px solid #F0F0F0;
	border-radius: 16px;
    padding: 10px;
}
.box_address .address input {border: 0; width: 100%; padding: 0;}

.box_address a.copy {float:right; color:#212529;}



.deposit .nav  {
	border-bottom:none;
	padding-top:0;
	margin-bottom:10px;
}

.deposit .nav a.nav-link {
	font-size:21px;
	padding:0 10px;
	font-weight:bold;
	border: 0;
	color: #999;
}
.deposit .nav a.nav-link.active {color: #000;}

.deposit .nav li:first-child a {
	padding-left:0; border: 0;
}

.deposit .withdraw_address1 {
	width:430px;
	margin-bottom:10px;
}

.deposit .select input {
	border:none;
	width:90%;
}

.deposit .box_withdraw .comment {
	color:#b5b5b7;
}

.deposit .withdraw_address2 {
	width:430px;
	margin-bottom:10px;
	margin-top:20px;
}

.deposit .part_input {
	width:430px;
}

.deposit .part_input input {
	font-size: 14px;
	border:none;
	border-bottom: 1px solid #dfdfdf;
	padding-right:30px;
}

.deposit .part_input .input {position: relative;}
.deposit .part_input input {border-radius: 0;}
.deposit .part_input input::placeholder {
	color:#b5b5b7;
}

.deposit .part_input .input a {
	position: absolute; right: 0; top: 0;
	font-size: 14px;
	margin-top: 7px;
}

.deposit .part_input span {
	font-size:12px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

.deposit .part_input .limit {
	margin-top:-28px;
}

.deposit .box_withdraw a.send {
	width:430px;
	color:#fff;
	background-color: #0d7de7;
	margin-top:10px;
	font-size: 15px;
	padding-top: 12px;
    padding-bottom: 12px;
}

.total_asset .box_top {
    padding: 24px;
    border: 1px solid #f0f0f8;
	border-radius: 12px;
    margin: 0;
	margin-bottom:16px;
}

.total_asset .box_top p {
	display:inline-block;
	font-weight: bold;
	margin-bottom:10px;
	color: #282828;
}

.total_asset .box_top select {
	width:300px;
	font-size:24px;
	font-weight:bold;
	border:none;
	background-color: transparent;
	padding-left: 0;
}



.total_asset .stext {
	font-size:14px;
	color:#929496;
	margin-bottom:5px;
	display:inline-block;
	margin-top: 10px;
}

.total_asset p.text {
	font-size:18px;
	font-weight:bold;
	color:#323334;
	margin-bottom:30px;
}

.total_asset .stext2 {
	font-size:14px;
	color:#929496;
}

.total_asset .box_fee_check {
	float:left;
	font-size:14px;
	margin-bottom: 15px;
}

.total_asset .box_fee_check input {
	margin-top:4px;
}

.total_asset .box_link {
	float:right;
	font-size:14px;
}

.total_asset .box_link a {
	margin-right:15px;
	color:#0f76d9;
}

.total_asset .box_link a:last-child {
	margin-right:0;
}

.total_asset .box_link2 {
	font-size:16px;
	margin-top: 20px;
    float: right;
}

.total_asset .box_link2 a {
	margin-right:10px;
	padding:15px 20px;
	border-radius:12px;
	background-color: rgba(240, 240, 248, 1);
	color:#14141E;
	font-size:15px;
	font-weight: 600;
}

.total_asset .box_link2 a:last-child {
	margin-right:0;
}

.total_asset table td a {
	color:#0f76d9;
	margin-right:10px;
}

.total_asset table td a:last-child {
	margin-right:0;
} 

.total_asset table td img {
	width:24px;
	margin-right:5px;
	margin-top: -3px;
}

.total_asset table td .coin_name {
	font-size:15px;
	font-weight:bold;
}

.total_asset .tab_menu {
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:15px;
	width: 100%;
}

.total_asset .tab_right {
	text-align: right;
	font-size:13px;
	margin-bottom:-30px;
}

.total_asset .tab_right a {
	font-size:13px;
	color:#212529;
	padding-right:10px;
}

.total_asset .tab_right svg {
	width:15px;
	padding:3px;
	border-radius:50%;
	border:1px solid #aaa9ae;
	color:#929496;
	margin-top: -2px;
}

.total_asset .tab_right input {
	margin-top: 4px;
}


.trading_record .tab_menu a {
	margin-left:15px;
	font-weight: 500;
	font-size:14px;
	color:#B4B4B4;
	border-radius:0;
	text-align: center;
	display:inline-block;
	border: 0;
	padding: 12px 16px;
	border-radius: 12px;
}

.trading_record .tab_menu li:first-child a {
	margin-left:0;
}

.trading_record .tab_menu a.active {
	color:#3C3C3C;
	background-color: #F8F8F8;
}



.tbl_basic.line th,
.tbl_basic.line td {border: 1px solid #eee; }
.tbl_basic.line th {height: 50px; color: #000;}

.inr-w1 {max-width:980px;}


.box_tbl {
	border: 1px solid #F8F8F8;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05);
	border-radius: 24px;
}
.box_tbl.tbl_basic table {border-top: 0;}
.box_tbl.tbl_basic th {background: none; color: #a0a0a0;}
.box_tbl td a {display: inline-block; padding: 7px 15px; background-color: #F0F0F8; border-radius: 12px; font-size: 12px; color:#14141E;}



.view_step {
	background-color: #f9f9f9;
	border:1px solid #eee;
	padding:30px 30px 25px;
	border-radius:5px;
	margin: 0;
}

.view_step .check {
	width:24px;
	height:24px;
	display:block;
	background-color: #fff;
	border-radius:50%;
	border:1px solid #bbbbbf;
}

.view_step h3 {
	font-size:28px;
	font-weight:bold;
	color:#2b2b2b;
	margin-bottom: 40px;
	letter-spacing: -1px;
}

.view_step p {
	font-size:16px;
	margin-bottom:5px;
	margin-top:10px;
}

.view_step p svg {
	width:14px;
	margin-top:-5px;
}

.view_step .stext {
	font-size:12px;
	line-height:18px;
	display: inline-block;
	vertical-align: top;
}

.view_step .col-4 {
	margin-top:30px;
}

.view_step .bar {
	height:4px;
	width:100%;
	background-image: linear-gradient(to right, #bbbbbf , #f9f9f9);
    margin-bottom: -45px;
}

.info_personal {
	border:1px solid #eeeeee;
	padding:20px;
	margin:20px 0 20px;
	border-radius:5px;
	float:left;
	width:100%;
}

.info_personal .number {
	width:50px;
	height:50px;
	border-radius:50%;
	background-color: #0f76d9;
	color:#fff;
	display:block;
	font-size:21px;
	text-align: center;
	font-weight:bold;
	vertical-align: middle;
	line-height: 50px;
	float:left;
	margin-right:10px;
}

.info_personal .phone_number {
	font-size:16px;
	font-weight:bold;
	color:#272c32;
}

.info_personal .stext {
	font-size:12px;
	color:#afb1b8;
	font-weight:bold;
	display:block;
	margin-top: 5px;
}

.info_personal .badge {
	border:1px solid #ff8435;
	background-color: #fff !important;
	color:#ff8435;
}

.security_account .title {
	font-size:18px;
	margin-top:20px;
	margin-bottom:10px;
}

.security_account .title span {
	display:inline-block;
	margin:0 10px;
	line-height:35px;
}

.security_account .title svg {
	margin-right:10px;
	margin-top:10px;
	float: right;
}

.security_account .part {
	border:1px solid #eeeeee;
	padding:15px 20px 10px;
	width:50%;
	float:left;
	border-bottom:none;
}

.security_account .part:nth-child(even) {
	border-right:none;
}

.security_account .part:nth-child(6) {
	border-bottom:1px solid #eeeeee;
}

.security_account .part:nth-child(7) {
	border-bottom:1px solid #eeeeee;
}

.security_account .part .text .title {
	font-size:16px;
}

.security_account .part > img {
	margin-top:10px;
	margin-right:15px;
	margin-bottom:30px;
	float:left;
}

.security_account .part .badge.blue {
	border:1px solid #0f76d9;
	font-size:12px;
	color:#0f76d9;
	display:inline-block;
}

.security_account .part .badge.gray {
	border:1px solid #a6a7ac;
	font-size:12px;
	color:#a6a7ac;
	display:inline-block;
}

.security_account .part a {
	font-size:13px;
	display:block;
	margin-top:5px;
}

.security_account .part .stext {
	font-size:12px;
	color:#6e7a96;
}


.list_login .tab_menu {
	padding-left:0px;
	font-size:18px;
	margin-top:20px;
	margin-bottom:0px;
	border:none;
	padding-top:0;
	padding-bottom:0;
}

.list_login .tab_menu svg {
	margin-right:10px;
	margin-top:10px;
	float: right;
}

.list_login .tab_menu a {
	margin:0 10px;
	display:inline-block;
	padding-bottom:11px;
	padding-top:4px;
	border: 0;
}


.list_login .tab_menu a.active {
	color:#2b2b2b;
	border-bottom:3px solid #0f76d9;
	padding-bottom:11px;
	padding-top:4px;
}

.list_login .arrow {
	display: block;
	float: right;
    margin-top: -40px;
    margin-right: 10px;
}

.list_login .part2 {
	border:1px solid #eeeeee;
	padding:25px 20px 15px;
	float:left;
	width:100%;
	border-bottom:none;
}

.list_login .part2:last-child {
	border-bottom:1px solid #eeeeee;
}



.list_login .part2 .text .title {
	font-size:16px;
	padding-left:0;
}

.list_login .part2 > img {
	margin-top:10px;
	margin-right:15px;
	margin-bottom:20px;
	float:left;
}

.list_login .part2 .text .stext,
.list_login .part2 .text2 .stext {
	font-size:12px;
	color:#6e7a96;
	display: block;
}

.list_login .part2 .text2 .status {
	font-size:14px;
}

.list_login .part2 .text2 svg {
	width:8px;
	height:8px;
	border-radius:50%;
	color:#0f76d9;
	margin-top: -3px;
}

.list_login .part2 .text2 {
	display: inline-block;
    float: right;
	margin-top: -42px;
}

.list_login .part2 .text2 .status {
	height:24px;
	display:block;
}

.info_account .box_banner {
	margin:0;
	margin-top:30px;
	clear:both;
	
}

.info_account .banner {
	border:1px solid #eeeeee;
	padding:25px;
	float:left;
	width:49%;
	margin-right:12px;
}

.info_account .banner:last-child {
	float:right;
	margin-right:0px;
	margin-left:12px;
	width:48%;
}
.info_account .banner .title {
	font-size:20px;
}

.info_account .banner p {
	margin-bottom:0;
}

.info_account .banner .stext {
	font-size:12px;
	color:#6e7a96;
}

.info_account .banner button {
	float:right;
	margin-top: -45px;
	background-color: #0d7de7;
	font-size: 14px;
}

.info_account .banner .badge {
	font-size:12px;
	color:#2b2b2b;
	background-color: #f2f2f2 !important;
	vertical-align: text-top;
	padding:5px 10px;
	
}


.setting_security .part {
	border:1px solid #eeeeee;
	padding:20px 20px 20px;
	width:100%;
	border-bottom:none;
}

.setting_security .part:nth-child(6) {
	border-bottom:1px solid #eeeeee;
}

.setting_security .part .text .title {
	font-size:16px;
	display:block;
}

.setting_security .part > img {
	margin-top:10px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}

.setting_security .part a {
	font-size:13px;
	display:block;
	margin-top:5px;
}

.setting_security .part .stext {
	font-size:12px;
	color:#6e7a96;
}

.setting_security .part .text2 {
	float:right;
	margin-top: -35px;
}

.setting_security .part .text2 a {
	display:inline-block;
}

.setting_security .part .text2 img {
	padding-left:5px;
	padding-right:5px;
}

.setting_security .part .text2 .stext {
	margin-right:5px;
}

.setting_security .part .text a {
	float:right;
	margin-top: -15px;
    background-color: #0d7de7;
	font-size:14px;
	color:#fff !important;
	padding:5px 10px;
	border-radius:5px;
}

.api_management .box_text {
	font-size:13px;
	line-height:21px;
}

.api_management .box_text span {
	margin-bottom:10px;
	display:inline-block;
}

.api_management .box_text a {
	color:#0f76d9;
	text-decoration: underline;
}

.api_management .box_title {
	margin-top:50px;
	margin-bottom:20px;
}

.api_management .box_title .title {
	font-size:18px;
	font-weight:bold;
}

.api_management .box_title a {
	float:right;
    background-color: #0d7de7;
    font-size: 14px;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 5px;
	margin-top: -3px;
}

.api_management .box_table {
	overflow-x: auto;
}

.api_management table th {
	font-size:13px;
	font-weight: bold;
	border-bottom:1px solid #dee2e6 !important;
	border-top:1px solid #dee2e6 !important;
	padding-top: 10px;
    padding-bottom: 10px;
	line-height: 30px;
	text-align:center;
	background-color: #f9f9f9;
	min-width:100px;
}

.api_management table th:nth-child(4) {
	min-width:150px;
}

.api_management table td {
	font-size:13px;
	padding-top: 10px;
    padding-bottom: 10px;
	line-height: 30px;
	text-align:center;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: transparent;
}

	
/* ---------- 마이페이지 ---------- */

.api_management .box_search {
	width:100%;
	margin-bottom:20px;
}

.api_management .box_search .item {
	display:inline-block;
	margin-right:15px;
}

.api_management .box_search label {
	display:inline-block;
	font-size:13px;
	float:left;
	width: 40px;
	line-height: 33px;
}

.api_management .box_search span {
	display:inline-block;
	font-size:13px;
	float:left;
	width: 40px;
	line-height: 33px;
}

.api_management .box_search .item.date span {
	width:15px;
	text-align: center
}

.api_management .box_search select {
	font-size:13px;
	width:120px;
	float:left;
}

.api_management .box_search input {
	font-size:13px;
	width:120px;
	float:left;
}

.api_management .box_search .item.type select {
	font-size:13px;
	width:180px;
	float:left;
}

.api_management .box_search .item.contract a {
	float:left;
	font-size:12px;
	margin-right:5px;
	vertical-align: middle;
	padding:5px 10px;
	color:#757373;
	border:1px solid #ced4da;
	background-color: #fff;
}

.api_management .box_search .item.contract a.active {
	border:1px solid #0f76d9;
	background-color: #f3fafb;
	color:#0f76d9;
}

.api_management .box_search .item.contract select {
	margin-left:15px;
}

.api_management .box_search.futures .item.date {
	margin-top:10px;
}


.api_management.trading_record .box_table {
	float:left;
	width:100%;
}

.api_management.trading_record table th {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px;
    text-align: center;
    background-color: #f9f9f9;
    min-width: 100px;
	vertical-align: middle;
}



/*로그인등*/
.area_member2 {max-width:504px; margin: 0 auto; padding: 24px; box-sizing:border-box; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius: 12px; background: #fff;}
.area_member2 .h_tit1 {text-align: center; margin: 75px auto; margin-top:50px;}
.area_member2 .imgs {overflow:hidden; position: relative; width: 50%; min-height:630px; background-color: #fff; border-radius: 1.45em;}
.area_member2 .imgs .im1 {position: absolute; left: 12px; bottom: 10px;}
.area_member2 .imgs .im3 {position: absolute; left: 0; top: 0; width: 100%; text-align: right;}
.area_member2 .imgs .txt {position: absolute; left: 12px; bottom: 95px; font-size: 46px; line-height: 1; color: #282828; font-weight: 700; letter-spacing:-0.04em;}
.area_member2 .imgs .txt strong {display: block; font-size: 1.2em;}
.area_member2 .imgs .txt span {display: inline-block; padding: 8px 16px; margin-bottom: 15px; font-size: 17px; color: #787878; border-radius: 12px; background-color: #F8F8F8; font-weight: 400; letter-spacing:-0.02em;}

.area_member2 .tab.ty2 {margin-bottom: 30px;}
.area_member2 .tab.ty2 li a {width: auto; border-radius: 12px; font-size: 14px; font-weight: 700; padding: 7px 15px; border: 0;}
.area_member2 .tab.ty2 li a.active {background-color: #f7f8f9; color: #000;}
.area_member2 .col {margin-bottom: 32px;}
.area_member2 .col select:focus,
.area_member2 .col input:focus {outline:none;}
.area_member2 .col .h {margin-bottom: 16px; font-size: 14px; color: #14141e; font-weight: 600;}
.area_member2 .col .b {display: flex; align-items:center; height: 54px; border: 2px solid #ebebeb; border-radius: 10px;}
.area_member2 .col .b .select1 {width: 80px; height: 20px; line-height: 20px; border: 0; border-radius: 0; border-right: 1px solid #ebebeb;}
.area_member2 .col .b .select1.email {width: 50%; border: 0;}
.area_member2 .col .b .inp_txt {border: 0; width: 100%; height: 100%; background: none;}
.area_member2 .btn-bot .link {margin-top: 25px; font-size: 13px; color: #14141e;text-align:center;}
.area_member2 .btn-bot .link a {display: inline-block; vertical-align: middle; line-height: 1em; color: #2879FF;}
.area_member2 .btn-bot .link a.line {padding-right: 10px; margin-right: 10px; border-right: 1px solid #777;}
.area_member2 .t_info {font-size: 12px; color: #777;}
.area_member2 .t_info .a_link {border-bottom: 1px solid #777;}
.area_member2 .btn-bot > a{width:222px;	height:52px; line-height:52px; display:inline-block; text-align:center; border:2px solid #14141e; border-radius:8px; color:#14141e;}
.area_member2 .btn-bot > button{background:#14141e; width:222px; height:52px; border-radius:8px;}


.box_dropsch {}
.box_dropsch .tit {cursor:pointer;}
.box_dropsch .cont {display: none;}
.box_dropsch.on.part_select .select {border-radius: 16px 16px 0 0;}
.box_dropsch.on .cont {display: block;}




/***********************************/
.box_company {padding: 85px 80px; max-width:900px; margin: 0 auto 100px; background-color: #f5f5f5; text-align: center; font-size: 24px; line-height: 1.7; color: #2b2b2b;}

.lst_license {text-align: center;}
.lst_license ul {font-size: 0;}
.lst_license li {display: inline-block; vertical-align: top; width: 21%; margin-right: 2%; margin-left: 2%; margin-bottom: 70px;}
.lst_license li.last {width: 42%;}
.lst_license .btn {width: 33px; height: 33px; border: 1px solid #ebebeb; border-radius: 8px; font-size: 0; margin-top: 20px; background-image: url(../images/ico_license.png); background-repeat: no-repeat; background-position: center center;}

.pop_license .p_head {background: none; padding: 0;}
.pop_license .p_cont {padding: 0;}
.pop_license .btn_pop_close {margin-top: 0;}

@media (max-width:960px){
	.box_company {margin-top: 20px; margin-bottom: 30px; padding: 20px; font-size: 15px;}
	.lst_license li {width: 46%; margin-bottom: 40px;}
	.lst_license li.last {width: 92%;}
	.lst_license .btn {background-size: 12px auto; margin-top: 10px;}
}




textarea.form-control {padding: 12px;font-size: 14px; border: 1px solid #F0F0F0; border-radius: 8px;}
.media-heading a {display: inline-block; vertical-align: top; padding: 7px 12px; margin-bottom: 10px; background-color: #eee; color: #000;}



.tab.ty1.pt000 li a > span {padding-top: 0;}



.form-control[type=file] {font-size: 14px; line-height: 30px;}

.table>:not(caption)>*>* {border-bottom: 0;}



/*원클릭*/
.box_onclick {padding: 0;}
.box_onclick .select1 {height: 42px; line-height: 40px; border: 2px solid #F0F0F0; border-radius: 12px; font-weight: 600; font-size: 16px; padding-left: 20px;}


.box_onclick .top {padding: 30px 30px 35px; background-color: #FCFCFC; border-bottom: 1px solid #F0F0F0;}
.box_onclick .top ul {font-size: 0;}
.box_onclick .top li {
	position: relative;
	display: inline-block; vertical-align: top;
	width: 32%; margin-left: 2%;
}
.box_onclick .top li p {
	position: relative; z-index: 1;
	border: 1px solid #F8F8F8;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05);
	border-radius: 16px;
	font-size: 12px; color: #787878;
	padding: 20px 20px 20px 64px;
	box-sizing:border-box;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-color: #fff;
}
.box_onclick .top li:after {
	content:""; z-index: 0;
	position: absolute; left: -10%; top: 50%; width: 10%; height: 1px;
	background-color: #ddd;
}
.box_onclick .top li:first-child {margin-left: 0;}
.box_onclick .top li:first-child:after {content:none;}

.box_onclick .top li:nth-child(1) p {background-image: url(/images/icon/ico_onclick1.svg);}
.box_onclick .top li:nth-child(2) p {background-image: url(/images/icon/ico_onclick2.svg);}
.box_onclick .top li:nth-child(3) p {background-image: url(/images/icon/ico_onclick3.svg);}


.box_onclick .tit1 {margin-bottom: 15px; font-weight: 600; font-size: 14px; color: #282828;}
.box_onclick .cont {padding: 30px;}

.box_onclick .cont .fx1 {display: flex; align-items:center; margin-bottom: 45px;}
.box_onclick .cont .fx1 > div {margin-right: 10px;}


.b_coin {
	overflow:hidden;
	display: flex;
	border: 2px solid #F0F0F0;
	border-radius: 16px;
}
.b_coin > * {border: 0; width: 100%;}
.b_coin .inp_txt {width: 200px; height: 42px; line-height: 42px; border: 0; border-radius: 0; border-right: 1px solid #F0F0F0; font-weight: 700; font-size: 16px;}
.b_coin .select1 {border: 0;}





.box_onclick .cont .fx2 {margin-bottom: 45px;}
.lst_radiotxt {}
.lst_radiotxt .inp_radiotx {position: relative; display: inline-block; vertical-align: top; margin-right: 8px;}
.lst_radiotxt .inp_radiotx input {position: absolute; opacity:0;}
.lst_radiotxt .inp_radiotx input + span {display: block; padding: 7px 20px; border: 2px solid #F0F0F0; border-radius: 12px; cursor:pointer;}
.lst_radiotxt .inp_radiotx input:checked + span {border-color: #2879FF; background-color: rgba(40, 121, 255, 0.05);}




.alert {font-size: 13px; margin-bottom: 20px;}
.alert-info {border-color: rgba(40,120,255,.3); background-color: rgba(40,120,255,.1); color: #2879FF;}

.control-label {font-size: 12px; font-weight: 600; margin-bottom: 5px;}