@charset "utf-8"; 
/************************************************ 
Page Location : 비트팍스 리스팅 페이지
Editor Date :2018-12-10
Last Update : 2018-12-10
Editor : Salgu
************************************************/

/* ************ font ************ */
@font-face{
    font-family:"NanumGothic";
    font-style:normal;
    font-weight:400;
    src:url("../font/NanumGothic-Regular.eot");
    src:url("../font/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"),
    url("../font/NanumGothic-Regular.woff2") format("woff2"),
    url("../font/NanumGothic-Regular.woff") format("woff"),
    url("../font/NanumGothic-Regular.ttf") format("truetype");
}
@font-face{
    font-family:"NanumGothic";
    font-style:normal;
    font-weight:700;
    src:url("../font/NanumGothic-Bold.eot");
    src:url("../font/NanumGothic-Bold.eot?#iefix") format("embedded-opentype"),
    url("../font/NanumGothic-Bold.woff2") format("woff2"),
    url("../font/NanumGothic-Bold.woff") format("woff"),
    url("../font/NanumGothic-Bold.ttf") format("truetype");
}
@font-face{
    font-family:"NanumGothic";
    font-style:normal;
    font-weight:800;
    src:url("../font/NanumGothic-ExtraBold.eot");
    src:url("../font/NanumGothic-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../font/NanumGothic-ExtraBold.woff2") format("woff2"),
    url("../font/NanumGothic-ExtraBold.woff") format("woff"),
    url("../font/NanumGothic-ExtraBold.ttf") format("truetype");
}




/* ************ reset ************ */
html, body, div, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, img, ins, kbd, q, samp,small, var, i,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time,  audio, video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:14px;background:transparent;list-style:none;box-sizing:border-box;word-break:break-all;font-family:"NanumGothic";word-break:break-word} 
span, em, mark, strong, b, label{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;list-style:none;box-sizing:border-box}
a,a:hover,a:active,a:focus{text-decoration:none}
body{-webkit-text-size-adjust:none;background:#fff;color:#000;height:100%} 
.clearfix:after{content:"";display:block;clear:both}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;border:0} 
legend, caption{font-size:0;overflow:hidden;text-indent:-9999999px;height:0;width:0;line-height:0} 
td,th{word-break:break-word;margin:0;padding:0;font-size:14px;box-sizing:border-box}
/* blind */
.hidden{position:absolute;left:-99999px;height:0;line-height:0;overflow:hidden;text-indent:-99999px}
.hidden_t{text-indent:-99999px;z-index:10}
.ir_t{display:block;overflow:hidden;font-size:0}
.hidden2{overflow:hidden}
.hide{display:none}

#content{max-width:1280px}

/* ************ main ************ */
header{position:relative;z-index:500;height:89px;background:url("../imgs/listing/bg_gnb.png") repeat-x 0 0}
header h1{position:absolute;left:40px;top:25px;z-index:100}
/*header h1 a{display:block;width:132px;height:37px;text-indent:-9999em;background:url("../imgs/listing/contents.png") no-repeat 0 0}*/
header h1 a{display:block;width:211px;height:34px;text-indent:-9999em;background:url("../imgs/listing/intro.png") no-repeat 0 0}
header .topMenu{position:absolute;right:50px;top:30px;z-index:100}
header .topMenu > *{float:left}

/* *** 최상단 우측 로그인 관련 영역 *** */
header .topMenu .language{position:relative}
header .topMenu .language > p > a{padding-right:20px;color:#fff;background:url("../imgs/listing/main_topmenu_arr.png") no-repeat right 50%}
header .topMenu .language ul{position:absolute;right:0;top:25px;width:56px;padding:10px;border:1px solid #000;background:#161b2b}
header .topMenu .language ul a{color:#fff}
header .topMenu .join_btn{background:url("../imgs/listing/main_join.png") no-repeat 0 0}
header .topMenu .join_btn span{padding-left:25px;width:50px;height:24px;font-size:14px;letter-spacing:-1px;color:#fff}
header .topMenu .login_btn{background:url("../imgs/listing/main_login.png") no-repeat 0 0}
header .topMenu .login_btn span{padding-left:25px;width:50px;height:24px;font-size:14px;letter-spacing:-1px;color:#fff}
header .topMenu .logout_btn{background:url("../imgs/listing/main_logout.png") no-repeat 0 0}
header .topMenu .logout_btn span{padding-left:25px;width:50px;height:24px;font-size:14px;letter-spacing:-1px;color:#fff}

/*** * 상단 비주얼 * ***/
/*h2.main-tit{position:absolute;left:50%;top:18%;margin-left:-24%;z-index:100}*/
h2.main-tit{position:absolute;left:0;top:0;width:100%;padding-top:200px;z-index:100;text-align:center;color:#fff}
h2 .logo-bitpax{display:inline-block;width:262px;height:70px;margin:-10px 0 0 0;text-indent:-9999em;vertical-align:middle;background:url("../imgs/listing/logo_bitpax.png") no-repeat 0 0}
h2 p{display:inline-block;font-size:60px;font-weight:800;letter-spacing:-1px;vertical-align:middle}
.visual-box{position:relative;width:100%;height:600px;margin-top:-89px;/*background:url("../imgs/listing/main_visual_02.png") center no-repeat;background-size:cover*/background-image:linear-gradient(-40deg, #3b31c5 ,#49127d)}
.visual-box .bg{max-width:1900px;height:600px;margin:auto;background:url("../imgs/listing/p1_1.png") no-repeat;background-size:cover}
.visual-box .conBox{width:100%;height:600px;overflow:hidden;color:#fff}
.visual-box .conBox .con{position:absolute;left:0;top:380px;box-sizing:border-box;width:100%;text-align:center;font-size:34px;line-height:42px;vertical-align:middle;font-weight:700;letter-spacing:-1px;text-shadow:0 0 5px #000}
.visual-box .conBox .con.pc{display:block}
.visual-box .conBox .con.mob{display:none}

/* *** contact us * ***/
.contactBox{padding:0;text-align:center}
.contactBox .inner{box-sizing:border-box;max-width:1300px;margin:0 auto;padding:140px 20px;background:#fff;box-shadow:0 0 148px 0 #c0c1d7}
.contactBox h4{margin-bottom:120px;font-size:45px;font-weight:700;letter-spacing:-2px}
.contactBox h4 b{display:inline-block;font-size:56px;font-weight:800}
.contactBox ul li{font-size:24px;font-weight:200;letter-spacing:-1px;line-height:46px;vertical-align:middle}
.contactBox ul li a{color:#000}

.txt-list{max-width:570px;margin:0 auto}
.txt-list li{text-align:left}
.txt-list li:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.txt-list li b{display:block;float:left;width:18%}
.txt-list li span{display:block;float:left;width:82%}

.tb-area{max-width:570px;margin:70px auto 0;width:100%}
.tb-area table{width:100%}
.tb-area table th,.tb-area table td{padding:8px;vertical-align:middle;border:1px solid #454955}


.btn-box{padding:80px 0 0 0;text-align:center;}
.btn-box .btn{display:inline-block;width:324px;margin-top:40px;padding:0;color:#fff;border-radius:10px;line-height:53px;background:#461a8f;font-size:14px}
.btn-box .btn:hover{background:#69cce9;color:#fff}


.copyright{margin:180px 0;font-size:16px;color:#737373;font-weight:200}


@media only screen and (max-width:1280px){
}


@media only screen and (max-width:979px){
	header{height:44px;background-position:bottom left}
	header h1{left:20px;top:12px}
	header h1 a{display:block;width:141px;height:22px;text-indent:-9999em;background:url("../imgs/listing/intro_m.png") no-repeat;background-size:400px 400px}
	header .topMenu{right:20px;top:12px}

	/*** * 상단 비주얼 * ***/
	h2.main-tit{padding:100px 0 0 0}
	h2 p{display:inline-block;font-size:28px;font-weight:800;vertical-align:middle}
	.visual-box{height:350px}
	.visual-box .conBox{width:100%;height:350px}
	.visual-box .bg{height:350px}
	.visual-box .conBox{width:100%;height:350px}
	.visual-box .conBox .con{top:240px;padding:0 20px;;font-size:16px;line-height:22px;font-weight:400}
	.visual-box .conBox .con.pc{display:none}
	.visual-box .conBox .con.mob{display:block}

	/* *** contact us * ***/
	.contactBox{padding:20px}
	.contactBox .inner{padding:30px 20px 20px;box-shadow:0 0 70px 0 #c0c1d7}
	.contactBox h4{margin-bottom:30px;font-size:16px;letter-spacing:0}
	.contactBox h4 b{font-size:12px}
	.contactBox ul li{font-size:12px;line-height:18px;letter-spacing:0}
	.contactBox .txt{font-size:12px}

	
	.txt-list *{font-size:12px}
	
	.tb-area{margin-top:30px}
	.tb-area table th,.tb-area table td{padding:3px;font-size:12px}
	
	.btn-box{padding:20px 0 0 0}
	.btn-box .btn{width:100%}

	.copyright{margin:90px 0 30px 0;font-size:12px}
}