/* 공통 */
#in_content { width:95%; margin:0px auto; padding:20px 0; }
#in_content * { font-size:14px; 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; 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:50px 0 30px; }
.ic_btn_dark { background:#154674; color:#fff !important; border:0; font-size:18px; padding:7px 20px; border-radius:3px; }
.ic_btn_small { background:#154674; 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; }
.input_txt_01 { border:1px solid #ddd; padding:0px 10px; height:42px; width:100%; max-width:400px; background:#fff; }
.input_txt_01:focus { outline:0; }
.input_txt_01_w200 { max-width:195px; }
.input_txt_01_w100 { max-width:97px; }
#in_content .div_bank { padding-bottom:20px; }
#in_content .important_txt { text-align:left; background:url('../image/icon_important_txt.png') no-repeat; 
background-size:16px; background-position:0px 3px; padding:0px 0 0px 24px !important; font-size:14px; display:block; margin:10px 0; line-height:20px; }
#in_content .important_txt b { font-weight:400; color:#c10000;font-size:14px; }
#in_content .important_txt_type02 { text-align:left; padding:0px 0 10px 24px !important; font-size:14px; }
#in_content .important_txt span { display:inline-block;  font-size:14px;}
#in_content 
/* 본인정보조회 (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; flex-grow:0; }
#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; max-width:100%; }
#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%;}
#in_content .myinfo_table li .table_td { display:flex; align-items:center; flex-wrap:wrap;  flex-grow:1; padding:10px; background:#f9f9f9; }
#in_content .myinfo_table li .table_td > p { padding:0; }
#in_content .myinfo_table .copy_btn { padding:3px 10px; border-radius:5px; background:#fff; color:#026acc; border:1px solid #026acc; white-space:nowrap; margin-left:10px; }
#in_content .accnum_copy { display:flex; align-items:center; width:100%; }
#in_content .accnum_copy > div { width:auto; }
#in_content .accnum_copy .accnum_copy_btn {  width:auto; }
#in_content .accnum_copy #text_accnum { width:auto; }
#in_content .myinfo_table textarea { border:1px solid #ddd; width:400px; max-width:100% ;padding:5px;}
#in_content .myinfo_table textarea:focus { outline:0; }

@media(max-width:800px){
#in_content .myinfo_table li * { font-size:13px; }
#in_content .myinfo_table li > strong { max-width:35%; }
}


@media(max-width:700px){
#in_content .myinfo_table .copy_btn { padding:2px 5px;  margin-top:5px; display:block; margin-left:0; }
}

#in_content .myinfo_table .guide_txt { margin-bottom:10px; display:block; background:#f5f5f5; border-radius:10px; padding:15px 20px; letter-spacing:-0.5px; margin-top:10px; font-size:14px; width:100%; box-sizing:border-box; color:#333; }
#in_content .myinfo_table .guide_txt p { padding-top:6px; font-size:13px; display:block !important; }
#in_content .myinfo_table .guide_txt strong { font-size:13px; }

#in_content .myinfo_table div  { display:flex; flex-wrap:wrap; width:100%; }
#in_content .myinfo_table div li { display:flex; width:100%; padding:0 4px 4px 0; }
#in_content .myinfo_table div li > strong { width:130px; background:#dfedf5; flex-shrink:1; font-weight:normal; 
padding:10px; text-align:center; display:flex; align-items:center; justify-content:center; }
#in_content .myinfo_table div li > p { flex-grow:1; padding:10px; width:200px; display:block; background:#f9f9f9; }

/* 파트너추천 링크보내기 */
#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; }









/* 반응형 테이블 */
#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; }
.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:14px; }
#ic_table_area .tableArea { padding:10px; }
#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 li { width:100%; }
#in_content .table_type_02 li { display:block; width:200px; padding:0 4px 4px 0; flex-grow:1;}

}




/* 고객센터 */
.cs_center_page { width:100%; max-width:1200px; margin:0 auto; }
.cs_center_page h2 { font-size:28px; text-align:center; color:#222; padding:30px 0; }
.cs_center_box { width:100%; display:flex; justify-content:space-between; }
.cs_center_box > div { }
.cs_center_box > div.box2 { width:230px; margin-right:30px; }
.cs_center_box > div.box3 { width:350px; margin-right:30px;  }
.cs_center_box > div.box1 { flex-grow:1; }
.cs_center_box > div h3 { font-size:22px; color:#222; padding:10px }
.cs_center_box > div h3 a { font-size:22px; color:#222; }
.cs_center_box > div ul { border:1px solid #ddd; border-radius:10px;margin-bottom:20px; }
.cs_center_box > div ul li { font-size:18px; padding:5px 20px;  color:#222; }
.cs_center_box > div ul li a { font-size:18px; display:block; }
.cs_center_box .box1 { }
.cs_center_box .box1 ul { padding:20px 10px; }
.cs_center_box .box1 li a:hover { color:#999; }
.cs_center_box .box2 ul { padding:0px; }
.cs_center_box .box2 li { border-top:1px solid #ddd;}
.cs_center_box .box2 li a { padding:10px 10px; }
.cs_center_box .box2 li:hover { background:#eee; }
.cs_center_box .box2 li:first-child { border-top:0; }
.cs_center_box .box3 ul.tel { padding:20px 10px; }
.cs_center_box .box3 .site_tel a { font-size:28px; color:#222; font-weight:bold; }
.cs_center_box .box3 .qna_btn { background:#333; overflow:hidden; border-radius:10px;border:1px solid #333; }
.cs_center_box .box3 .qna_btn a { color:#fff; padding:10px 0; display:flex; justify-content:space-between; align-items:center; }
.cs_center_box .box3 .qna_btn strong { font-size:23px; margin-right:10px; }

@media(max-width:800px){
.cs_center_page { width:100%; max-width:1200px; margin:0 auto; }
.cs_center_page h2 { font-size:28px; text-align:center; color:#222; padding:20px 0; }
.cs_center_box { width:100%; display:block; justify-content:space-between; }
.cs_center_box > div { }
.cs_center_box > div.box2 { width:100%; margin-right:0px; }
.cs_center_box > div.box3 { width:100%; margin-right:0px;  }
.cs_center_box > div.box1 { width:100%; }
.cs_center_box > div h3 { font-size:16px; color:#222; padding:10px }
.cs_center_box > div h3 a { font-size:16px; color:#222; }
.cs_center_box > div ul { border:1px solid #ddd; border-radius:10px;margin-bottom:20px; }
.cs_center_box > div ul li { font-size:14px; padding:5px 10px;  color:#222; }
.cs_center_box > div ul li a { font-size:14px; display:block; }
.cs_center_box .box1 { }
.cs_center_box .box1 ul { padding:20px 10px; }
.cs_center_box .box1 li a:hover { color:#999; }
.cs_center_box .box2 ul { padding:0px; display:flex; flex-wrap:wrap; overflow:hidden; }
.cs_center_box .box2 li { border-top:0; border-bottom:1px solid #ddd; width:50%; }
.cs_center_box .box2 li:nth-child(2n-1) { border-right:1px solid #ddd;}
.cs_center_box .box2 li:nth-child(5),
.cs_center_box .box2 li:nth-child(6) { border-bottom:0; }
.cs_center_box .box2 li a { padding:10px 10px; }
.cs_center_box .box2 li:hover { background:#eee; }
.cs_center_box .box2 li:first-child { border-top:0; }
.cs_center_box .box3 ul.tel { padding:10px 10px; }
.cs_center_box .box3 .site_tel a { font-size:28px; color:#222; font-weight:bold; }
.cs_center_box .box3 .qna_btn { background:#333; overflow:hidden; border-radius:10px;border:1px solid #333; }
.cs_center_box .box3 .qna_btn a { color:#fff; padding:10px ; display:flex; justify-content:space-between; align-items:center; }
.cs_center_box .box3 .qna_btn strong { font-size:18px; margin-right:10px; }
}




/* net_buy_package_pay2 */

#in_content .net_buy_package_pay * { list-style:none; }
#in_content .net_buy_package_pay .guide_txt { background:#ecf3f7 url('../image/icon_important_txt.png') no-repeat;
border-radius:10px; padding:30px 20px 30px 65px; background-position:30px center; }
#in_content .net_buy_package_pay .last_div { border-top:1px dotted #d7ddec; margin-top:40px; padding-top:20px;  }
#in_content .net_buy_package_pay > div { width:100%; padding:0 4px 4px 0; margin-top:20px; }
#in_content .net_buy_package_pay > div > li { margin-top:20px; }
#in_content .net_buy_package_pay strong { display:block; padding:10px 0; font-weight:normal;  }
.net_buy_package_pay .bt01 { border:1px solid #d7ddec; border-radius:10px; display:flex; overflow:hidden; }
.net_buy_package_pay .bt01 .bt01_title { padding:8px 20px; background:#ecf3f7; text-align:center; }
.net_buy_package_pay .bt01 .bt01_con { flex-grow:1; padding:8px 20px; }
.net_buy_package_pay .bt01 .bt01_con input[type="text"] { border:0; width:100% }
.net_buy_package_pay .bt01 .bt01_copy { }
.net_buy_package_pay .bt01 .bt01_copy .copy_btn { padding:8px 20px; background:#154674; text-align:center; color:#fff !important; border:0; }
.net_buy_package_pay .bt01 .bt01_copy .copy_btn:hover { background:#0a2a48; cursor:pointer; }
ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{  background: none;  color: #222;  display: inline-block;  cursor: pointer; margin-left:10px; }
ul.tabs li:fist-child { margin-left:0; }
ul.tabs li.current{  color: #222;}
.tab-content{  display: none;}
.tab-content.current{  display: inherit; }
.in_content_btn_area p { font-size:20px; text-align:center; }




.qrcode {text-align:center;}
.qrcode .qrimage img { max-width:350px; }
.qrcode p {	font-size:16px;	color:#222;	line-height:1.5; }
#in_content .qrcode  .download {	display: inline-block; width: 50%; font-size: 17px; color: #fff; line-height: 50px;
    text-align: center; margin: 30px 0 0; padding:0 17px; border-radius: 5px;background:#3777c5;box-sizing:border-box; }


	

/* net_buy_package_nadglobal_net */
.nbp { max-width:1100px; margin:0px auto; padding:80px 0 30px; width:90%; }
.nbp_title_img { width:300px; margin:0 auto; margin-bottom:100px;  }
.nbp_title_img img {  }
.nbp_con {  display:flex;  justify-content:space-between;  text-align:center; }
.nbp_con > div:first-child { width:45% }
.nbp_con > div:last-child { width:55%; }
.nbp_con h2 { font-size:40px; margin:20px 0 50px; font-weight:bold; }
.nbp_con h2:first-child { margin-top:0; }
.nbp_con ul { display:flex; flex-wrap:wrap;  justify-content:center; }
.nbp_con ul li { width:calc(100% / 2 - 10px); margin:0 auto 25px; }
.nbp_con ul li p { font-size:16px; margin-bottom:10px; }
.nbp_con ul li p i { display:none; }
.nbp_con ul li p strong { color:#3e97ff;font-size:16px; display:none; }
.nbp_con button[type="submit"] { background:#3e97ff url('/_template/pay_skin/nadglobal_net/web_skin3_en/image/icon_cart.png') no-repeat; 
background-size:auto 70%;  background-position: 30px center;  padding:7px 0 7px 40px; font-size:15px; 
color:#fff; border-radius:10px; width:190px; border:0; line-height:18px; height:50px; }
.nbp_con ul.color_mint button[type="submit"] { background-color:#50cd89; }
.nbp_con ul.color_mint li p strong { color:#50cd89; }
@media(max-width:830px){
.nbp { max-width:1100px; margin:0px auto; padding:30px 0 30px; width:90%; }
.nbp_title_img { width:300px; margin:0 auto; margin-bottom:50px;  display:none; }
.nbp_title_img img {  }
.nbp_con {  display:block;  justify-content:space-between;  }
.nbp_con > div:first-child { width:100%; padding-bottom:10px; }
.nbp_con > div:last-child { width:100%; border-top:1px solid #ddd; padding-top:40px;; }
.nbp_con h2 { font-size:25px; margin:20px 0 40px; font-weight:500; }
.nbp_con h2:first-child { margin-top:0; }
.nbp_con ul { display:block; flex-wrap:wrap;  justify-content:space-between; }
.nbp_con ul li { width:100%;; margin-bottom:50px; }
.nbp_con ul li p { font-size:17px; margin-bottom:15px; }
.nbp_con ul li p strong { color:#3e97ff;font-size:14px; }
.nbp_con button[type="submit"] { background:#3e97ff url('/_template/pay_skin/nadglobal_net/web_skin3_en/image/icon_cart.png') no-repeat; 
background-size:auto 70%;  background-position: 30px center;  padding:7px 0 7px 40px; font-size:15px; 
color:#fff; border-radius:10px; width:80%; border:0; line-height:18px; height:50px; }
.nbp_con ul.color_mint button[type="submit"] { background-color:#50cd89; }
.nbp_con ul.color_mint li p strong { color:#50cd89; }
}