@charset "utf-8";
@import url(notosanskr.css);

/* TTCOIN css */

/* layout */
.page-container{background:#f7f7f7;}
body{background-color:#f4f4f4 !important;word-break : keep-all;font-family:Noto Sans KR,"맑은고딕",Malgun Gothic,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, Sans-serif !important;}

/* login */
.l_logo{display:table-cell;margin:0 auto;width:95px;}
.l_logo02{display:table-cell;margin:0 auto;width:190px;margin-top:15px;}
.login_title{display:table !important;text-align:center;margin:0 auto;margin-left:0 !important}
.login_title p{font-size:23px;text-align:center;}
#form-login label, #form-register label{font-size:11px !important;line-height:20px !important;margin-bottom:0 !important}
#register h3{margin-bottom:5px}
#register .checkbox{text-align:center;}
.checkbox1{text-align:inherit}
#register .checkbox label::after{left:1.5px !important}
.login_sub{font-size:20px;font-family:Noto Sans KR,"맑은고딕",Malgun Gothic,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, Sans-serif !important;line-height:23px;font-weight:300 !important}


/* header */
.ttc_logo{height:22px;float:left;margin-right:10px;}
.ttc_logo_txt{height:18px;float:left}
.header .brand{width:auto !important;}

/* side_menu */
.page-sidebar .sidebar-menu, .page-sidebar .sidebar-header{background:#272731 !important;}
.m_title{display:inline-block;padding-left:32px;min-height:40px;line-height:40px;font-size:14px;clear:both;color:#dfdfdf;font-weight:bold;}
.page-sidebar .sidebar-menu .menu-items > li > a > .title{width:100% !important;}
.page-sidebar .sidebar-menu .menu-items li > a{width:66% !important}
.page-sidebar .sidebar-menu .menu-items > li > a > .arrow{padding-right:47px !important;color:#03baff !important}
.page-sidebar .sidebar-menu .menu-items > li.li_down > a > .title{width:69% !important;font-family:Noto Sans KR;padding-left:0;text-decoration:none !important}
.page-sidebar .sidebar-menu .menu-items > li.li_down > a{width:100% !important}
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu{background-color:#23232d !important}



/** content **/
/* card_ */
.content h2{font-size:36px !important}
.card{margin-bottom:0 !important;}
.card .card-header{padding:20px 20px 10px 20px !important;}
.card_box_01 p.card_title, p.card_title{font-size:18px !important;font-weight:bold;color:#03baff;line-height:20px;}
.card_box_01 p.card_txt{font-size:15px !important;font-weight:normal;color:#242424;line-height:20px;}
.card_box_01 .card_list{font-size:15px !important;font-weight:bold}
.card_box_01 .card_list span{display:block;margin-left:13px;}
.card_box_01 .card_list a{color:#03baff !important}
.card_box_01 ul.num_list>li, .card_box_01 ul.num_list{font-weight:bold;list-style:none;margin-left:10px;padding-left:0;}

.card_box_02 p.card_title{font-size:15px !important;font-weight:bold;color:#03baff;line-height:18px;}
.card_box_02 p.card_title span{font-size:15px !important}
.card_box_02 p.card_txt{font-size:13px !important;font-weight:normal;color:#242424;line-height:17px;} 
.card_box_02 a.a_blue{color:#0397ff !important;text-decoration:underline;font-weight:bold;opacity:1 !important;text-align:center;display:block}
.card_box_01 a.a_blue{color:#0397ff !important;text-decoration:underline;font-weight:normal;opacity:1 !important;}

.card_box_03{padding:20px;}
.card_box_03 p.txt_wt{font-size:17px !important;font-weight:bold !important;line-height:20px !important;margin-bottom:0 !important}
.card_box_03 p.card_txt{font-size:16px !important;color:#242424 !important;font-weight:bold !important}
.card_box_04 p.card_txt{font-size:14px !important;font-weight:normal;color:#242424;line-height:18px;border:1px solid #ddd;padding:20px 25px;}

.st_02 .card_box_02{padding:20px;}
.st_02 .card_box_02 p{font-size:15px !important;}
.st_02 .card_box_02 p img{vertical-align:middle;margin-right:8px;}

.count_box{width:50%;background:#f7f7f7;float:left;text-align:center;padding:30px 0 0 0;margin-bottom:10px;}
.count_box .count_num{font-size:30px;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:20px;width:90%;margin:0 5%;}
.count_block{height:90px;margin-top:20px;}
.count_block p.txt_red{margin-top:20px}
.count_block select{height:35px;width:35%;}
.result_box{background:#e4e4e4;padding:15px 0;}
.result_box p {margin:0;}
.result_box p.result_txt{font-size:25px;font-weight:bold;margin-top:10px;padding-bottom:5px;}
.card-block .b-r{border-right:1px solid #ddd !important}

.form-group label:not(.error){font-size:17px !important;line-height:34px !important;margin-bottom:0 !important}
.card_box_01 p.fs-14{font-size:14px !important;line-height:18px !important;}

#form-personal label:not(.error){font-size:11px !important;line-height:20px !important;margin-bottom:0 !important}

.id_box{font-size:15px;}
.id_box .id_sbox img{height:120px;}
.id_box .id_sbox{float:left}

.bonus_wrap{position:relative;padding-bottom:5px !important}
.bonus_wrap .card .card-header{background:#272731;min-height:52px;}
.bonus_wrap .card .card-header .card-title{color:#fff;}
.bonus_wrap .card .card-block{padding-top:20px !important;position:relative}
.bonus_wrap .btn{position:relative;bottom:20px;text-align:center;margin:0 auto;width:120px;}
.bonus_wrap .icon-thumbnail{display:inline-block;height:11px;width:11px;float:left;line-height:11px;margin-right:10px;color:#fff;}
.sns_card{height:670px !important}
.sns_card p{font-size:14px !important}
.sns_card .bg_gray03{font-size:13px !important;}
.sns_card .demo-card-scrollable{max-height:530px !important;}
.sns_card .demo-card-scrollable{height:530px !important;}

.ico_wrap .card .card-header .card-title{font-size:18px;font-weight:bold;color:#333;line-height:20px;text-align:center !important;font-family:"Segoe UI", Arial, sans-serif !important;display:block !important}
.bounties_card .card-title{font-size:18px !important;font-weight:bold !important;color:#333 !important;line-height:20px !important;text-align:center !important;font-family:"Segoe UI", Arial, sans-serif !important;display:block !important}

.card .card-header .card-title{display:block !important}
.b_ttcoin{margin-left:5px}
.sns_card ul li{line-height:20px;}

#bonus .card-title .float-left{font-size:12px !important;line-height:14px;}
#bonus .card-title .float-right{font-size:11px !important;line-height:11px}
#bonus .condition{position:absolute;bottom:10px;width:100%;}
#bonus .card_box_01 ul li{font-size:14px !important;color:#fff !important;font-weight:bold;line-height:20px;}

.b_card p{font-size:14px !important}
.b_card .demo-card-scrollable{max-height:none !important;}
.b_card .demo-card-scrollable{height:auto !important;overflow-x:hidden !important}
.b_card .float-left b{margin-left:7px;font-size:14px;font-family:Noto Sans KR;font-weight:normal}
.b_card .btn{font-family:Noto Sans KR;line-height:22px;}

#ico .card-title small{margin-top:7px;font-size:14px;display:block}

.coin_change{margin-top:20px}
.change_box{float:left !important}
.coin_change .input-group-addon.primary, .coin_change_2 .input-group-addon.primary{background:#444 !important;border:1px solid #444 !important}
.change_box_2 {float:inherit !important;clear:both}
.change_box_2 .coin_ip_txt p{font-size:19px;position:relative;top:4px;}
.change_box_2 .input-group{width:50%;margin-bottom:10px;}
.coin_ip_txt_2{display:none}
.coin_change_2{position:relative;left:92px;}
.tx_id_wrap .tx_step3 a{background:#fff !important}


/* tab */
.tab-content .row{padding:30px;}
.tab_box01{text-align:center}
.tab-content .tab-pane .tab_box01 p, .tab-content .tab-pane .tab_box02 p{color:#5c6196;font-size:15px;text-align:center;font-weight:600 !important;height:40px;}
.tab-content .tab-pane .tab_box02 .code_box{background:#fff;width:100%;padding:10px;min-height:158px;word-break: break-all;}
.tab-content .tab-pane .tab_box02 .code_box p{margin:0;color:#03baff;letter-spacing:1px;line-height:138px !important;word-break:break-all;line-height:15px;}
.nav-tabs-fillup > li > a.active{background:none repeat scroll 0 0 #05cfb5 !important;color:#fff !important;text-decoration:none !important}
.nav-tabs-fillup > li > a:after{background:none repeat scroll 0 0 #05cfb5 !important;border:1px solid #05cfb5 !important}
.card-header a:not(.btn){opacity:1 !important;color:#575757 !important}
.nav-tabs-fillup > li > a span{}

.nav-tabs-fillup > li > a.active span{font-size:14px !important}
.nav-tabs-fillup > li > a span{font-size:14px !important}
.card-header li.nav-item a:not(.btn){padding-top:19px !important}


/* modal popup */
.modal h5{font-size:24px !important;}
.modal .modal-header{text-align:center !important;align-items:center !important}
.modal .icon-thumbnail{height:10px;width:10px;float:left;text-align:left;margin-right:12px;line-height:22px;}
.modal .m_btn_box{margin:0 auto;}
.modal-body p{line-height:15px;}
.windows h5{line-height:15px !important;}
.modal-body textarea{min-height:80px;}
.wechat_modal{max-width:300px !important}



/* ect */
.bg_red{background:#ffe8e7 !important;}
.bg_gray{background:#e3e3e3 !important}
.bg_gray02{background:#444 !important}
.bg_gray03{background:#f2f2f2 !important}
.bg_blue{background:#03baff !important}
.txt_red{color:#ec1313 !important}
.txt_gray{color:#666 !important}
.txt_blue{color:#03baff !important}
.txt_bl{color:#333 !important}
.txt_wt{color:#fff !important}
.txt_c{text-align:center !important}
.fs-14{font-size:14px !important}
.m-b-40{margin-bottom:40px !important;}
.p-20{padding:20px !important}
.txt_11{font-size:11px !important}
.txt_16{font-size:16px !important}
a span.txt_blue{text-decoration:underline !important;color:#03baff !important}

.fl{float:left !important}
.fr{float:right !important}
.m-t-60{margin-top:60px}

/* btn */
.btn_gray, .btn_gray:focus{color:#fff !important;background:#555 !important;border-color:#555 !important}
.btn_gray, .btn_gray{color:#fff !important;background:#444 !important;border-color:#444 !important}

/* table */
.table.table-hover tbody tr.active td{background:#d7effb !important}
.table.table-hover tbody tr:hover td{background:#fff !important}
.table.table-hover tbody tr td p{font-size:15px !important}
.table-responsive thead th{font-weight:bold !important;color:#333 !important;font-size:15px !important;}

.total_tr{border-top:2px solid #888888 !important;}
.total_tr td{border-bottom:none !important}
.coin_tb_t{background:#eeeeee !important;}
.coin_tb_t th{color:#222222 !important}







@media all and (max-width:1600px){
	#bonus .condition{position:inherit;bottom:0px;width:100%;}
}

@media all and (max-width:1400px){
	.logo_wrap{text-align:center;vertical-align:middle;width:252px;margin:0 auto;padding:0;line-height:22px;}
}

@media all and (max-width:1030px){
	.change_box{float:inherit !important}
	.c_arrow{margin:0 auto !important;float:inherit !important;text-align:center}
	.c_arrow img{margin:10px 0;
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transfrom:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
    width:32px;}
	.tab-content .row{padding:20px;}
	
	.change_box_2 {display:grid;margin-top:5px !important;}
	.change_box_2 .coin_ip_txt{display:none !important}
	.change_box_2 .input-group{float:left !important;width:100%;}
	.coin_ip_txt_2{display:block !important}
	.coin_ip_txt_2 p{font-size:16px !important;margin-bottom:6px}
	.coin_change_2{left:0;width:50%;}
	.coin_change{width:50%;}

@media all and (max-width:990px){
	.tab_box01{margin-bottom:40px;}
	.tab-content .tab-pane .tab_box01 p, .tab-content .tab-pane .tab_box02 p{height:30px;}
	.tab-content .tab-pane .tab_box02 .code_box{min-height:70px;}
	.tab-content .tab-pane .tab_box02 .code_box p{line-height:25px !important;}
	.bonus_wrap .card{margin-bottom:10px !important}
	.bonus_wrap{padding-top:0 !important;}	
}

@media all and (min-width:980px){
	.body.menu-behind .header .brand{padding-left:0 !important;}	
}

@media all and (max-width:767px){
	.m_title{padding:20px;}
	.id_box .id_sbox img{margin-top:15px;}
	.header .brand{margin-left:0 !important;display:block !important}
	.ttc_logo_txt{margin-top:2px;height:16px;}
	.logo_wrap{width:217px;}
	.content h2{font-size:32px !important;margin-bottom:30px !important}
	.wechat_modal{max-width:inherit !important}
	.coin_ip_txt{display:block !important}
	.coin_change_2{width:80%;}
	.coin_change{width:80%;}
}

@media all and (max-width:660px){
	
}

@media all and (max-width:550px){
	.box_item_c .fl p.m-t-60{margin-top:10px !important}
	.box_item_c .fl{float:inherit !important}
	.box_item_c .fl p{margin-right:0 !important}
	.box_item_c{text-align:center}
}

@media all and (max-width:480px){
	.modal .m_btn_box .btn{margin-right:0 !important;}
	.register-container{margin-top:30px !important;}
	#register h3{margin-bottom:0px !important}
	
	.bonus_wrap .btn{margin-top:15px;}
	.sns_card .demo-card-scrollable{max-height:none !important;}
	.sns_card .demo-card-scrollable{height:auto !important;}
	
	.content h2{margin-bottom:20px !important;margin-top:30px !important;}
	
	#bonus .bg_blue, #ico .bg_blue, #buy_t .bg_blue{background:#f7f7f7 !important;border:none !important;margin-bottom:0 !important;margin-top:0 !important;}
	#bonus .bg_blue .card_box_03, #buy_t .card_box_03, #ico .bg_blue .card-header, #buy_t .bg_blue .card_box_03{padding:10px 20px !important;border:none !important}
	#bonus .bg_blue p, #ico .bg_blue p, #buy_t .bg_blue p{color:#03baff !important;line-height:20px !important;text-align:center !important;margin-bottom:0 !important}
	#bonus .bg_gray02 p, #ico .bg_gray02 p{color:#fff !important; text-align:center !important;font-size:15px !important}
	#bonus .bg_gray02, #ico .bg_gray02, #buy_t .bg_gray02{border:none !important;background-color:#616161 !important}
	
	#kyc .id_sbox button{display:block !important;margin:10px auto;}
	#kyc .id_sbox img{display:block !important;margin:20px auto;height:140px}
	#kyc .id_sbox{float:none !important;margin-right:0 !important}
	#kyc .id_box{height:auto}
	
	#bonus .condition{position:inherit;bottom:0px;width:100%;}
	#bonus .card_box_01 ul li{line-height:18px;}
	#bonus .card_box_01 .m-t-20{margin-top:35px !important}
	.bonus_wrap .card-header{padding-left:13px !important;padding-right:13px !important}
	#bonus .card-title .float-left{line-height:16px;}
	
	.s_padding{padding:0 !important}
	
	.coin_change_2{width:90%;}
	.coin_change{width:90%;}
	
}