url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

html,body, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-family:'Noto Sans Kr','nanum Gothic'; font-size:1}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a {color:#222;text-decoration:none}

h1, h2, h3, h4, h5, h6 { font-weight:500; }

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


img { max-width:100%; }

a, div { -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

select{
   -webkit-border-radius: 0;
   border:0;
}


/* login_form_net */
.login_body { display:flex; justify-content:space-between; align-items: center; height:100%; width:100%; background: rgb(47,97,158);
background: linear-gradient(122deg, rgba(47,97,158,1) 0%, rgba(2,0,36,1) 100%, rgba(0,212,255,1) 100%);
 }
.login_box { width:100%; max-width:500px; margin:0 auto; background:rgba(0,0,0,0.3);  border-radius:20px; padding:70px 0; }

.login_box .title { text-align:center; margin-bottom:30px; }
.login_box .title h1 { font-size:30px; color:#fff;  }
.login_box .title h1 img { max-width:60%; }
.login_box #join_btn { display:block; text-align:center; margin:30px auto 0; width:80%;  background:#1859c0; }
.login_box #join_btn a { display:block; font-size:15px; color:#fff;padding:15px 0; }
.mainComponent .formContainer {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;}
.mainComponent .formContainer input { border: none;  background: #fff;  width: 80%;  margin: 8px 0;  padding: 17px 20px;  border:0px solid #609ed3; font-size:16px;}
.mainComponent .formContainer input:focus { outline: none;}
.mainComponent .formContainer #loginButton {  border: none; background:#ff7800; width: 80%;  margin: 8px 0;  padding: 15px 0;  color: #fff;  font-size: 18px;  font-weight: 500;  cursor:pointer; }
.mainComponent .formContainer #findPassword { border: none;  background: none;  cursor:pointer;  color:#fff;  font-size:16px;  width:80%;   margin:0 auto; text-align:right; }


@media(max-width:1000px){
.login_box { background:none; padding:0; width:100%;max-width:100%;}
}



/* 공통 */
#in_content { width:95%; margin:0px auto; padding:20px 0; }
#in_content * { font-size:16px; color:#222; box-sizing:border-box; }
#in_content input:focus { outline:none; }
#in_content .in_content_title { border-bottom:1px solid #ddd; font-size:18px !important; padding:0 0 10px 0;
font-weight:500; color:#222; margin-bottom:20px; margin-top:40px; display:flex; justify-content:space-between; }
#in_content .in_content_title:first-child { margin-top:0px; }
/*
#in_content .in_content_title span { text-align:right; color:#999; font-weight:normal; }
*/
#in_content .in_content_description { font-size:15px; }



/* 공통 버튼(BIG), input, select */
.in_content_btn_area { text-align:center; padding:30px 0 30px; }
.ic_btn_dark { background:#154674 !important; color:#fff !important; border:0; font-size:18px; padding:7px 20px; border-radius:3px; }
.ic_btn_dark span { color:#fff !important; }
.ic_btn_small { background:#154674 !important; color:#fff !important; border:0; padding:5px 10px; margin:0 4px; font-weight:normal; }

.in_content_select { border:1px solid #ccc; padding:2px 10px; font-size:14px; height:30px; }
.input_txt_01 { border:1px solid #ddd; padding:10px 10px; width:100%; max-width:400px; }

.btn_copy { background:#fff; color:#026acc !important; border:1px solid #026acc;border-radius:3px; padding:4px 10px; margin:3px; }
.guide_txt { padding: 0; margin-top:30px; font-size:14px; }


/* 본인정보조회 (mypage_member_info, mypage_member_fild) */
#in_content .myinfo_table > ul { display:flex; flex-wrap:wrap; }
#in_content .myinfo_table > ul > li { display:flex; width:100%; padding:0 4px 4px 0; }
#in_content .myinfo_table_50 li  { width:50%; }
#in_content .myinfo_table li.50p { width:50%; }
#in_content .myinfo_table li strong { width:170px; background:#dfedf5; flex-shrink:0; font-weight:normal; 
padding:10px; text-align:center; display:flex; align-items:center; justify-content:center; }
#in_content .myinfo_table li p { flex-grow:1; padding:10px; /* width:200px; */ display:block; background:#f9f9f9; }
#in_content .myinfo_table li .input_txt_02 {border:1px solid #ddd; padding:5px 10px; width:150px; }
#in_content .myinfo_table li .input_txt_03 {border:1px solid #ddd; padding:5px 10px; width:180px; }
#in_content .table_type_02 li { display:block; width:200px; padding:0 4px 4px 0; flex-grow:1; }
#in_content .table_type_02 li strong { width:100%; display:block; }
#in_content .table_type_02 li p { text-align:center; width:100%;}

@media(max-width:800px){
#in_content .myinfo_table li p { font-size:13px; }
#in_content .myinfo_table li strong { width:80px; font-size:12px; }
#in_content .class-en li strong { width:150px; }
#in_content .myinfo_table li strong i { font-size:12px;  }
#in_content .myinfo_table li span { font-size:13px; }
#in_content .strong_width li strong { width:140px; }
#in_content .myinfo_table li .input_txt_03 { width:100%; }
}



/* 파트너추천 링크보내기 */
#in_content .in_content_link_copy { display:flex; flex-wrap:wrap; margin-top:20px; }
#in_content .in_content_link_copy #my_url,
#in_content .in_content_link_copy .url_copy_btn { border-radius:3px; padding:4px 10px; margin:3px; }
#in_content .in_content_link_copy #my_url { border:1px solid #aaa; }
#in_content .in_content_link_copy .url_copy_btn { background:#fff; color:#026acc; border:1px solid #026acc; }

/* 추천링크 SNS공유 */
#in_content .in_content_sns_share { margin-top:20px; }
#in_content .in_content_sns_share ul { display:flex; align-items:center; }
#in_content .in_content_sns_share ul li { margin-right:10px; }
#in_content .in_content_sns_share ul li:first-child { margin-right:20px; }
#in_content .in_content_sns_share ul li img { width:30px; border-radius:50%; }


/* 비밀번호확인 */
#in_content .login_pw_input_box { width:100%; max-width:500px; border:1px solid #ddd; margin:70px auto; 
padding:50px 0; }
#in_content .login_pw_input_box ul { }
#in_content .login_pw_input_box ul li { text-align:center; }
#in_content .login_pw_input_box ul li input { width:80%; min-width:300px; margin:5px auto; }
#in_content .login_pw_input_box .my_id { display:flex; justify-content:center; padding-bottom:10px; }
#in_content .login_pw_input_box .my_id strong { margin-left:10px; }


/* artinvestment (신규투자) net_buy_coin_artinvest */
#in_content .in_content_tab { }

#in_content .myinfo_table ul.coin_list { text-align:left; background:#f9f9f9; padding:10px 0; }
#in_content .myinfo_table ul.coin_list li { border:1px solid #aaa; background:#fff; border-radius:5px; margin:3px 2px;  padding:2px 5px;}
#in_content .myinfo_table ul.coin_list a { display:inline-block; }
#in_content .myinfo_table ul.coin_list .on { background-color:#aaa;color:#fff;  }
#in_content .myinfo_table ul.coin_list .on span { color:#fff !important; }
#in_content .myinfo_table ._url { display:none; }
#in_content .myinfo_table ._url span { font-weight:bold; }
#in_content .myinfo_table ._url .url_txt { font-weight:400; font-size:12px !important; }
#in_content .myinfo_table .coin_board { /* margin:10px 0; */ }
#in_content .myinfo_table .coin_board strong { background:#97c5df; }
#in_content .myinfo_table .coin_view { background:#f9f9f9; padding:10px 0; border:0; }




#in_content .coin_board {list-style:none; /* margin:15px 0px */ }
#in_content .coin_board li{width:100%; border:1px solid #ccc;text-align:center;padding:20px;font-size:15pt;}




/* 반응형 테이블 */
#ic_table_area * { font-size:16px; }
#ic_table_area { margin:0; padding:0; }
#ic_table_area .tableArea { padding:0px; }
#ic_table_area .count { font-size:12px; color:#999; text-align:right; }
#ic_table_area .table_type_basic { width:100%; margin:10px auto; overflow-x:auto; }
#ic_table_area .table_type_basic table { width:100%; padding:0px 0; margin-bottom:10px; }
#ic_table_area .table_type_basic th { padding:10px; text-align:center; background:#dfedf5; white-space:nowrap; font-weight:500; color:#222; }
#ic_table_area .table_type_basic td { padding:10px 15px; white-space:nowrap; border-top:3px solid #fff; text-align:center; background:#f9f9f9; 
max-width:600px; overflow:hidden; color:#333; }
#ic_table_area .table_type_basic tr:nth-child(even) td { background:#f1f1f1; }
#ic_table_area .table_type_basic .last_td { background:#dfedf5; padding:15px 15px; font-weight:500; }
#ic_table_area .click_popup { display:none; }
.click_popup_inner img { max-width:30px; }
.click_popup_inner p { color:#fff !important; }
.in_content_paging { text-align:center; padding:0 0 20px 0; line-height:20px; height:20px; color:#aaa;  
display:flex; align-items:center; justify-content:center; }
.in_content_paging .fot_pa { color:#333; padding:0 2px; }
.in_content_paging a.fot_pa { color:#333; }

@media(max-width:800px){
#ic_table_area * { font-size:13px; }
#ic_table_area .tableArea { padding:10px; }
#ic_table_area .table_type_basic { max-width:calc(100vw - 15px); }
#ic_table_area .table_type_basic table { padding:0px; }

}

@media(max-width:550px){
#ic_table_area { position:relative; }
#ic_table_area .click_popup { display:block; position:absolute; left:0px; top:60px; width:100%; padding-top:20px;
 z-index:999; }
.click_popup_inner { background:rgba(0,0,0,.7); padding:20px 0; color:#fff; text-align:center; width:80vw; margin:0 auto; 
line-height:30px; }
}






/* 컨텐츠 영역 반응형 */
@media(max-width:1000px){
#in_content { width:95%; margin:10px auto; }
}
@media(max-width:800px){
#in_content .myinfo_table_50 li  { width:100%; }
#in_content .myinfo_table li.50p { width:100%; }
#in_content .table_type_02 li { display:block; width:200px; padding:0 4px 4px 0; flex-grow:1;}


#in_content .table_type_m > ul { display:block; }
#in_content .table_type_m > ul > li {  display:block; width:100%; padding:0 4px 4px 0; margin-top:20px;}

#in_content .table_type_m li strong { width:100%; background:#fff; text-align:left !important; justify-content:left; padding:5px; }
#in_content .table_type_m li p { /* width:200px; */ display:block; background:#f9f9f9; padding:10px; }
#in_content .table_type_m li .input_txt_02 { border:1px solid #ddd; padding:5px 10px; width:150px; }
#in_content .myinfo_table .coin_board strong { background:#fff; }
}