@charset "utf-8";

/* sub_map_menu_wrap */

.sub_map_menu_wrap{
	height:40px;
	border-bottom:1px solid #e1e1e1;
	background:#f0f0f0;
}

.sub_map_menu_wrap ul{
	float:right;
}

.sub_map_menu_wrap ul li{
	float:left;
	width:180px;
	text-align:center;
	line-height:40px;
	border-right:1px solid #e1e1e1;
}

.sub_map_menu_wrap ul li:first-child{
	width:60px;
	border-left:1px solid #e1e1e1;
}

.sub_map_menu_wrap ul li a{
	display:block;
}

/* sub_visual_img_wrap */

.sub_visual_img_wrap{
	height:400px;
}

/* sub_visual_login_wrap */ 

.sub_visual_login_wrap{
	background:url(../images/sub/login_visual_img_bk.png) no-repeat center;
	background-color:#ccc;
	background-size:cover;
}

.sub_visual_login_wrap h1,
.sub_visual_login_wrap p{
	color:#fff;
	text-align:center;
}

.sub_visual_login_wrap h1{
	margin-top:164px;
}

.sub_visual_login_wrap p{
	font-size:24px;
	margin-top:10px;
}

.sub_visual_login_wrap span{
	display:block;
	width:50px; height:4px;
	margin:0px auto;
	background:#fff;
}

/* sub_login_wrap */

.sub_login_wrap{
	display:table;
	margin-bottom:90px;
}

.sub_login_wrap h2{
	margin-top:60px;
}

.sub_login_wrap .login_line_box{
	padding-bottom:5px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}

.sub_login_wrap .security_title,
.sub_login_wrap .pw_title{
	margin-top:20px;
}

.sub_login_wrap .login_input_box{
	position:relative;
	width:280px;
	margin:20px auto 0px;
}

.sub_login_wrap p{
	margin-right:10px;
}

.sub_login_wrap input[type="text"],
.sub_login_wrap input[type="password"]{
	width:100%; height:30px;
	font-size:18px;
	margin-top:5px;
	padding:5px 10px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-radius:3px;
}

.sub_login_wrap input[type="checkbox"]{
	margin:10px 5px 0px 5px;
}

.sub_login_wrap span{	
	color:#666;
}

.sub_login_wrap input[type="button"]{
	display:block;
	width:99%; height:40px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin:20px auto;
	border:none;
	border-radius:5px;
	cursor:pointer;
	background:#292d35;
}

.sub_login_wrap .security_num_box{
	width:280px; height:40px;
	line-height:40px;
	margin:20px auto;
	border-bottom:1px solid #e1e1e1;
}

.sub_login_wrap .security_num_box p{
	letter-spacing:5px;
	text-align:center;
}

/* sub_register_input_wrap */

.sub_register_input_wrap{
	display:table;
	margin-bottom:80px;
}

.sub_register_input_wrap h2{
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}

.sub_register_input_wrap hr{
	margin-top:20px;
}

.sub_register_input_box{
	margin-top:60px;
}

.sub_register_input_wrap h2 sup{
	float:right;
	font-weight:500;
}

.sub_register_input_wrap h2 sup i{
	color:#ff0000;
}

.sub_register_input_wrap .sub_register_input_list h3 i{
	color:#ff0000;
	font-size:14px;
}

.sub_register_input_wrap .sub_register_input_list{
	display:table;
	width:100%;
	padding:10px 0px;
}

.sub_register_input_wrap .sub_register_input_list div{
	padding:0px;
}

.sub_register_input_wrap .sub_register_input_list h3{
	font-weight:500;
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}

.sub_register_input_wrap .sub_register_input_list textarea{
	width:100%; height:200px;
	padding:15px;
	font-size:16px;
	border:1px solid #e1e1e1;
}

.sub_register_input_wrap input[type="text"],
.sub_register_input_wrap input[type="password"]{
	width:240px; height:30px;
	font-size:16px;
	padding:5px 10px;
	margin-top:5px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-radius:3px;
}

.sub_register_input_wrap p i{
	font-size:9px;
	vertical-align:middle;
}

.sub_register_input_wrap p input[type="button"]{
	height:28px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #e1e1e1;
	cursor:pointer;
	background:#fafafa;
}

.sub_register_input_wrap select{
	height:30px;
	font-size:16px;
	border:1px solid #ccc;
}

.sub_register_input_btn_box{
	float:right;
	width:230px; height:40px;
	margin-top:30px;
}

.sub_register_input_btn_box input[type="button"]{
	width:100px; height:40px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin-left:10px;
	margin-top:20px;
	padding:10px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	cursor:pointer;
	background:#f3f3f3;
}

.sub_register_input_btn_box input[type="button"].join_btn{
	color:#fff;
	border:none;
	background:#292d35;
}

/* sub_register_finish_wrap */

.sub_register_finish_wrap{
	display:table;
	width:100%;
	margin-bottom:60px;
}

.my_page_register_finish_box > i,
.sub_register_finish_box > i{
	display:block;
	color:#333;
	font-size:64px;
	text-align:center;
	margin-top:20px;
}


.sub_register_finish_box > h2,
.sub_register_finish_box > p{
	text-align:center;
	margin-top:10px;
}

.sub_register_finish_box > h2{
	margin-bottom:0px;
}

.sub_register_finish_box{
	margin-top:60px;
}

.sub_register_finish_box img{
	display:block;
	margin:0px auto;
}

.sub_register_finish_btn_box{
	display:block;
	margin-top:30px;
	border-top:1px solid #e1e1e1;
}

.sub_register_finish_btn_box input[type="button"]{
	display:block;
	width:100px; height:40px;
	color:#fff;
	font-weight:bold;
	margin:30px auto 0px;
	border:none;
	border-radius:3px;
	cursor:pointer;
	background:#292d35;
}

/* sub_product_wrap */

.sub_product_wrap{
	display:table;
	padding-top:60px;
	margin-bottom:60px;
}


.sub_product_wrap .product_buy_select_tab_box ul li{
	float:left;
	width:33.3%; height:60px;
	text-align:center;
	line-height:60px;
	margin-bottom:30px;
	border-left:2px solid #e1e1e1;
	background:#f5f5f5;
}

.sub_product_wrap .product_buy_select_tab_box ul li a{
	display:block;
	font-size:24px;
	color:#8c8c8c;
	text-align:center;
}

.sub_product_wrap .product_buy_select_tab_box ul li:focus,
.sub_product_wrap .product_buy_select_tab_box ul li:hover,
.sub_product_wrap .product_buy_select_tab_box ul li.select{
	border:none;
	background:#392f31;
}

.sub_product_wrap .product_buy_select_tab_box ul li:focus a,
.sub_product_wrap .product_buy_select_tab_box ul li:hover a,
.sub_product_wrap .product_buy_select_tab_box ul li.select a{
	color:#fff;
}

.sub_product_wrap .product_buy_select_tab_box ul li:first-child{
	border-left:none;
}

.sub_product_wrap .sub_product_box{
	margin-top:30px;
	padding-bottom:30px;
	border-radius:0px 0px 5px 5px;
	background:#f5f5f5;	
}

.sub_product_wrap .sub_product_box h2{
	color:#fff;
	height:82px;
	font-size:24px;
	text-align:center;
	line-height:82px;
	border-radius:5px 5px 0px 0px;
}

.sub_product_wrap .sub_product_box h3{
	font-size:24px;
	margin-top:23px;
	padding-bottom:10px;
	text-align:center;
	border-bottom:1px solid #e1e1e1;
}

.sub_product_wrap .sub_product_box p{
	font-size:16px;
	font-weight:400;
	text-align:left;
	padding:15px 30px 0px;
}

.sub_product_wrap .sub_product_box input[type="button"]{
	display:block;
	width:82%; height:40px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	margin:25px auto 0px;
	border:none;
	cursor:pointer;
	background:#fafafa;
}

.sub_product_buy_wrap h2.sub_product_box01,
.sub_product_wrap .sub_product_box01 h2{
	background-image: linear-gradient(to right, #f09819 0%, #edde5d 100%);
}

.sub_product_wrap .sub_product_box01 input[type="button"]{
	background:#f0991a;
}

.sub_product_buy_wrap h2.sub_product_box02,
.sub_product_wrap .sub_product_box02 h2{
	background-image: linear-gradient(to right, #ff512f 0%, #f09819 100%);
}

.sub_product_wrap .sub_product_box02 input[type="button"]{
	background:#ff512f;
}

.sub_product_buy_wrap h2.sub_product_box03,
.sub_product_wrap .sub_product_box03 h2{
	background-image: linear-gradient(to right, #eb3349 0%, #f45c43 100%);
}

.sub_product_wrap .sub_product_box03 input[type="button"]{
	background:#eb3349;
}

.sub_product_buy_wrap h2.sub_product_box04,
.sub_product_wrap .sub_product_box04 h2{
	background-image: linear-gradient(to right, #6a2b2a 0%, #a63737 100%);
}

.sub_product_wrap .sub_product_box04 input[type="button"]{
	background:#6a2b2a;
}

.sub_product_buy_wrap h2.sub_product_box05,
.sub_product_wrap .sub_product_box05 h2{
	background-image: linear-gradient(to right, #61045f 0%, #aa076b 100%);
}

.sub_product_wrap .sub_product_box05 input[type="button"]{
	background:#660066;
}

.sub_product_buy_wrap h2.sub_product_box06,
.sub_product_wrap .sub_product_box06 h2{
	background-image: linear-gradient(to right, #1a2980 0%, #26d0ce 100%);
}

.sub_product_wrap .sub_product_box06 input[type="button"]{
	background:#1b3786;
}

.sub_product_buy_wrap h2.sub_product_box07,
.sub_product_wrap .sub_product_box07 h2{
	background-image: linear-gradient(to right, #093028 0%, #237a57 100%);
}

.sub_product_wrap .sub_product_box07 input[type="button"]{
	background:#093128;
}

/* sub_product_agreement_wrap */

.sub_product_agreement_wrap{
	display:table;
	padding-top:50px;
	margin-bottom:60px;
}

.sub_product_agreement_wrap h2{
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}

.sub_product_agreement_wrap .agreement_text_box{
	width:100%; height:300px; 
	margin-top:30px;
	padding:15px;
	overflow-y:scroll;
	border:1px solid #e1e1e1;
}

.sub_product_agreement_wrap .agreement_text_box p{
	line-height:1.7;
}

.sub_product_agreement_wrap .demage_text_box{
	margin-top:30px;
	padding:15px;
	border-radius:5px;
	background:#392f31;
}

.sub_product_agreement_wrap .demage_text_box p{
	color:#fff;
}

.sub_product_agreement_wrap .agreement_chk_box{
	display:block;
	margin-top:30px;
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}

.sub_product_agreement_wrap .agreement_chk_box2{
	display:block;
	margin-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}

.sub_product_agreement_wrap .agreement_btn_box{
	float:right;
	width:230px; height:40px;
	margin-top:30px;
}

.sub_product_agreement_wrap .agreement_btn_box input[type="button"]{
	width:100px; height:40px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin-left:10px;
	padding:10px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	cursor:pointer;
	background:#f3f3f3;
}

.sub_product_agreement_wrap .agreement_btn_box input[type="button"].agreement_ok_btn{
	color:#fff;
	background:#392f31;
}

/* sub_product_buy_wrap */

.sub_product_buy_wrap{
	display:table;
	padding-top:60px;
	margin-bottom:60px;
}

.sub_product_buy_wrap h2{
	color:#fff;
	height:82px;
	font-size:24px;
	text-align:center;
	line-height:82px;
	margin-bottom:0px;
	border-radius:5px 5px 0px 0px;
}

.sub_product_buy_wrap .sub_product_buy_contents_box{
	padding:30px;
	border-radius:0px 0px 5px 5px;
	background:#f5f5f5;
}

.sub_product_buy_wrap .sub_product_buy_contents_box h3.number_count_title,
.sub_product_buy_wrap .sub_product_buy_contents_box h3.btc_address_title,
.sub_product_buy_wrap .sub_product_buy_contents_box h3.bitcoin_count_title{
	margin-top:30px;
}

.sub_product_buy_wrap .sub_product_buy_contents_box h3.btc_address_title{
	text-align:center;
}

.sub_product_buy_wrap .sub_product_buy_contents_box .qr_code_box{
	display:block;
	margin:0px auto;
}

.sub_product_buy_wrap .sub_product_buy_contents_box p{
	font-size:16px;
	padding:15px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	background:#fff;
}

.sub_product_buy_wrap .sub_product_buy_contents_box .qr_code_box{
	width:120px; height:120px;
	padding:10px;
	border:2px solid #e1e1e1;
	background:#fff;
}

.sub_product_buy_wrap .sub_product_buy_btn_box{
	float:right;
	width:100px;
	margin-top:30px;
}

.sub_product_buy_wrap .sub_product_buy_btn_box input{
	width:100px; height:40px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin-left:10px;
	padding:10px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	cursor:pointer;
	background:#292d35;
}

/* sub_info_wrap */

.sub_info_wrap{
	display:table;
	padding-top:60px;
	margin-bottom:60px;
}

.sub_info_wrap .sub_info_title{
	margin-top:45px;
}

.sub_info_wrap .sub_title_bar{
	display:inline-block;
	width:160px; height:4px;
	background:#333;
}

.sub_info_wrap h1{
	margin-bottom:8px;
}

.sub_info_wrap p{
	text-align:justify;
	margin-top:20px;
}

.sub_info_wrap img{
	display:block;
	margin:30px 0px 5px;
}

/* sub_news_wrap */

.sub_news_wrap{
	display:table;
	padding-top:60px;
	margin-bottom:60px;
}

.sub_news_wrap .news_list_box{
	display:table;
	margin-bottom:30px;
	padding:30px 0px 0px;
	border-top:1px dotted #e1e1e1;
}

.sub_news_wrap .news_list_box h2{
	margin:0px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.sub_news_wrap .news_list_box p{
	margin-top:10px;
	padding:10px 0px;
	border-top:1px solid #e1e1e1;
}

.sub_news_wrap .news_list_box .news_img_box{
	cursor:pointer;
	border:1px solid #e1e1e1;
}

.sub_news_wrap .news_list_box .news_icon_box{
	margin-top:5px;
}

.sub_news_wrap .news_list_box .news_icon_box li{
	float:left;
	margin-left:15px;
}

.sub_news_wrap .news_list_box .news_icon_box li:first-child{
	margin-left:0px;
}

.sub_news_wrap .margin_box{
	height:0px;
}

.sub_login_wrap .login_line_box{
	border-bottom:none;
}

.login_input_box .pw_search_btn{
	display:block;
	text-align:center;
}

.login_input_box input[type='button'],
.sub_pw_search_finish_box input[type='button'],
.sub_pw_search_box input[type='button']{
	background:#292d35;
}

/* sub_login_wrap sub_id_search_wrap sub_pw_search_wrap */

.sub_pw_search_finish_box,
.sub_pw_search_box,
.sub_id_search_finish_box,
.sub_id_search_box,
.sub_id_search_box,
.sub_login_box{
	width:280px;
	margin:60px auto 0px;
}

.sub_login_box p:first-child{
	margin-top:0px;
}

.sub_pw_search_box p,
.sub_id_search_box p,
.sub_login_box p{
	width:280px;
	margin:20px auto 0px;
}

.sub_id_search_finish_box p{
	font-size:16px;
	padding-bottom:10px;
}

.sub_pw_search_finish_box h3,
.sub_id_search_finish_box h3{
	height:60px;
	text-align:center;
	line-height:60px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}

.sub_pw_search_finish_box h3{
	margin-top:20px;
}

.sub_pw_search_box input[type="text"],
.sub_id_search_box input[type="text"],
.sub_login_box input[type="text"],
.sub_login_box input[type="password"]{
	display:block;
	width:280px;
	margin:5px auto 0px;
	padding:5px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
}

.sub_login_box input[type="checkbox"]{
	margin:10px 5px 0px 5px;
}

.sub_pw_search_finish_box input[type="button"],
.sub_pw_search_box input[type="button"],
.sub_id_search_finish_box input[type="button"],
.sub_id_search_box input[type="button"],
.sub_login_box input[type="button"]{
	display:block;
	width:280px; height:40px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin:20px auto 30px;
	border:none;
	border-radius:3px;
	cursor:pointer;
	background:#292d35;
}

.sub_login_wrap .other_box{
	margin-bottom:30px;
}

.sub_login_wrap .other_box > ul > li{
	width:100%;
	color:#666;
	font-size:14px;
	padding:10px;
	border-bottom:1px dotted #e1e1e1;
}

.sub_login_wrap .other_box > ul > li > a{
	float:right;
	color:#666;
}

/* sub_register_wrap */

.sub_register_box{
	margin-top:60px;
}

.sub_register_box .sub_register_doc_title{
	margin-top:30px;
}

.access_text_box,
.consent_text_box{
	width:100%; height:200px;
	margin-bottom:10px;
	padding:20px; 
	border:1px solid #e1e1e1;
	overflow-y:scroll;
}

.sub_register_box h2.promise_check{
	text-align:center;
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #e1e1e1;
}

.sub_register_box h3,
.sub_user_info_modify_box h3{
	margin-top:30px;
}

.sub_register_input_box table tr th,
.sub_user_info_modify_box table tr th{
	color:#333;
	vertical-align:middle;
	margin-bottom:10px;
	padding:5px 0px;
}

.sub_register_input_box table tr th > sup > i,
.sub_user_info_modify_box table tr th > sup > i{
	color:#618fc9;
	font-size:10px;
}

.sub_register_input_box table tr td,
.sub_user_info_modify_box table tr td{
	white-space:nowrap;
	padding:10px 0px;
	border-top:1px solid #e1e1e1;
}

.sub_register_input_box table tr td select,
.sub_user_info_modify_box table tr td select{
	height:25px;
	border:1px solid #ccc;
}

.sub_register_input_box table tr td input[type="button"],
.sub_user_info_modify_box table tr td input[type="button"]{
	height:35px;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
	border:none;
	border-radius:5px;
	background:#3ba0c4;
}

.sub_register_input_box hr{
	margin-top:20px;
}

.sub_register_box table{
	margin-bottom:10px;
}

.sub_register_box .register_btn_box,
.sub_user_info_modify_box .register_btn_box{
	display:block;
	width:225px;
	margin:0 auto;
}

.sub_register_box input[type="button"]{
	display:inline-block;
	width:100px; height:40px;
	color:#333;
	font-weight:bold;
	vertical-align:middle;
	margin:20px auto 0px;
	padding:0px 5px;
	border:1px solid #e1e1e1;
	border-radius:3px;
	cursor:pointer;
	background:#f3f3f3;
}

.sub_register_box input[type="button"].promise_true_btn{
	color:#fff;
	font-weight:bold;
	margin-left:10px;
	border:none;
	background:#224674;
}

.sub_register_input_box table tr th{
	color:#333;
	vertical-align:middle;
	margin-bottom:10px;
	padding:5px 0px;
}

.sub_register_input_box table tr td > input[type="text"],
.sub_register_input_box table tr td > input[type="password"],
.sub_user_info_modify_box table tr td > input[type="text"],
.sub_user_info_modify_box table tr td > input[type="password"]{
	color:#333;
	margin-top:5px;
	padding:10px;
    border:1px solid #e1e1e1;
	border-radius:5px;
	background:#fbfbfb;
}

.sub_register_input_box table tr td.company_name > input,
.sub_register_input_box table tr td.company_user > input,
.sub_register_input_box table tr td > input.address_text,
.sub_user_info_modify_box table tr td.company_name > input,
.sub_user_info_modify_box table tr td.company_user > input,
.sub_user_info_modify_box table tr td > input.address_text{
	width:50%;
}

.sub_user_info_modify_box table tr td > p{
	font-size:20px;
}

.sub_register_finish_box{
	display:table;
	width:100%;
}

.my_page_register_finish_box > i,
.sub_register_finish_box > i{
	display:block;
	color:#333;
	font-size:64px;
	text-align:center;
	margin-top:20px;
}


.sub_register_finish_box > h2,
.sub_register_finish_box > p{
	text-align:center;
	margin-top:10px;
}

.sub_register_finish_box > h2{
	margin-bottom:0px;
}

@media (max-width: 1200px) {
	
	

}

@media (max-width:991px){	
	
	.sub_news_wrap{
		display:block;
	}

	.sub_news_wrap .news_list_box{
		display:block;
	}

	.sub_news_wrap .news_icon_box{
		margin-bottom:30px;
	}

	.sub_news_wrap .margin_box{
		display:table;
		width:100%;
		margin-bottom:60px;
	}
}

@media (max-width:769px){	
	
}

@media (max-width:768px){
	
	/* sub_login_visual_wrap */ 

	.sub_visual_login_wrap{
		background-position:38% 50%;
	}

	.sub_visual_login_wrap h1{
		font-size:24px;
	}

	.sub_visual_login_wrap p{
		font-size:18px;
	}
	
		
	/* sub_map_menu_wrap */

	.sub_map_menu_wrap ul li a{
		font-size:14px;
	}
	
	/* sub_info_wrap */

	.sub_info_wrap{
		display:block;
	}
	
	.sub_info_wrap p.info_last_text{
		margin-bottom:60px;
	}

	/* sub_news_wrap */

	.sub_news_wrap .news_list_box h2{
		font-size:18px;
		margin-top:10px;
	}

	.sub_news_wrap .news_list_box p{
		height:210px;
		border-bottom:1px solid #e1e1e1;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.sub_news_wrap .news_list_box .news_icon_box li{
		float:none;
		margin:10px 0px 0px;
	}
	
	.sub_news_wrap .margin_box{
		margin-bottom:50px;
	}

}

@media (max-width:680px){
	/* sub_product_wrap */
	
	.sub_product_wrap .product_buy_select_tab_box ul li a{
		font-size:18px;
	}

	.sub_product_wrap .sub_product_box p{
		font-size:14px;
	}

	.sub_product_buy_wrap .sub_product_buy_contents_box p{
		font-size:14px;
	}
}


@media (max-width:540px){
	.sub_news_wrap .news_list_box p{
		height:auto;
	}
}