/*공통*/
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content_wrap{width:94%; max-width:1600px; margin:0 auto;}
.color_black{color:#000 !important;}
.color_blue{color:#00bff3 !important;}
.color_red{color:#e20000 !important;}
.color_yellow{color:#ddf0a2 !important;}
.color_yellow02{color:#ffef87 !important;}
.wi100_per{width:100% !important;}



/*input*/
input[type="text"].input_style01{height:55px; line-height:55px; font-size:20px; border:1px solid #c1c1c1; padding-left:15px;}
input[type="password"].pass_style01{height:55px; line-height:55px; font-size:20px; border:1px solid #c1c1c1; padding-left:15px;}


/*** 팝업 ***/
.popup_wrap{background-color:#fff; border-top:2px solid #c60734;}
	.popup_tit{font-size:37px; color:#474747; font-weight:600; text-align:center; padding-bottom:30px; font-family:'nanum_regular';}
	.popup_close{text-align:right;}
		.popup_close img{cursor:pointer;}

	.popup_noti{padding:30px 0; text-align:left !important;}
	.popup_noti01{font-size:20px; color:#383838; font-weight:bold; padding-left:10px; border-left:5px solid #d60234; line-height:20px; margin-bottom:15px;}
	.popup_noti02{font-size:15px; color:#878787; line-height:22px;}

	.popup_btn{ text-align:center;}
		.two_btn li{display:inline-block; width:48%; text-align:center;}



/*로그인 팝업*/
#login_pop{max-width:714px; margin:0 auto;}
#login_pop input[type="checkbox"]{margin-right:5px;}
#login_pop label{font-size:15px; color:#656565;}
/*계정인증완료*/
#confirm_pop{max-width:714px; margin:0 auto; text-align:center;}
.popup_red{font-size:29px; font-weight:600; color:#c60734;}
.pop_ico{margin-bottom:15px;}

/*상단버튼*/
.content_top_btn:after{content:""; display:block; clear:both;}
.content_top_btn li{float:left; width:50%; max-width:178px; text-align:center; height:60px; line-height:60px; }
.content_top_btn li img{margin-right:10px;}
.content_top_btn li a {color:#fff; font-size:23px; font-weight:600; display:block;}
.btn_back{background-color:#3c3c3c;}

/*계정인증 및 비밀번호 등록*/
.admin_wrap{background-color:#fff; width:100%; margin:0 auto; padding:100px 50px;}
	.admin_top{text-align:center; padding-bottom:100px;}
	.admin_tit{font-size:60px; color:#222222; font-family: 'notokr-bold';}
	.admin_sub{font-size:30px; color:#8d8d8d; font-family: 'notokr-light';}
	
	.table_noti{font-size:15px; color:#e64242; margin-top:10px;}
	.form_wrap{border-top:2px solid #000;}
	.form_wrap li{border-bottom:1px solid #d7d5d8; padding:15px 0;}
	.form_wrap li:after{content:""; display:block; clear:both;}
	.form_left{display:inline-block; float:left; width:250px;  padding-left:90px; color:#838383; font-size:17px; vertical-align:top;}
		.star{color:#e81717;}
	.form_right{display:inline-block; float:left; width:calc(100% - 250px); font-size:18px; color:#000;}

	input[type="text"].from_style01 , input[type="password"].from_style01 {border:1px solid #cdcdcd; height:40px; line-height:40px; padding-left:15px;}
	a.form_btn{display:inline-block; height:40px; line-height:40px; vertical-align:middle; margin-left:5px; color:#fff; font-size:18px; font-weight:bold; padding:0 20px;}
	
	.admin_input01{width:calc(100% - 115px); max-width:449px;}
	.admin_input02{width:100%; max-width:449px;}
	.admin_input03{width:calc(100% - 205px); max-width:449px;}

	.fee_input01{width:100%; max-width:449px;}
	.fee_input02{width:100%; max-width:449px;}
	.fee_select{width:100%; max-width:449px; border:1px solid #cdcdcd; height:40px; line-height:40px; padding-left:15px; background:url(../../_images/contents/select_arrow01.png) no-repeat 95%;}

	.sms_noti{background-color:#f7f8f9; padding:40px 90px;}
	.sms_tit{font-size:28px; color:#555555; font-weight:600; margin-bottom:25px;}
	.sms_tit:before{content:""; display:inline-block; width:20px; height:11px; border-radius:30px; background-color:#555; vertical-align:middle; margin-right:10px;}
	.sms_noti_text01{font-size:17px; color:#636363; line-height:26px; margin-bottom:15px;}
	.sms_noti_text02{font-size:15px; color:#9e9e9e; margin-bottom:10px;}
	.sms_noti_text03{font-size:12px; color:#e64242; line-height:20px;}
	
	.bottom_btn_wrap{text-align:center; padding-top:40px;}
	.bottom_btn_wrap li{display:inline-block; width:49%;}

.card_input{display:none;}
/*체크박스 스타일*/
.check_style01  input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.check_style01  input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.check_style01 input[type="checkbox"] + label a {font-size:20px; color:#000; font-weight:normal;}
.check_style01  input[type="checkbox"]  + label:before { content: ' '; display: inline-block; width: 23px; height: 23px;  line-height: 23px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #aeaeae; border-radius : 0px;  }
.check_style01 input[type="checkbox"]:checked + label:before {width:23px; height:23px; background:url(../../_images/contents/check_style01.png) #fff no-repeat center center; }

/*라디오 스타일*/
.radio_style01{display:inline-block; margin-bottom:5px;}
.radio_style01 input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.radio_style01 input[type="radio"] + label { margin-right:20px; display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.radio_style01 input[type="radio"]  + label a {font-size:20px; color:#000; font-weight:normal;}
.radio_style01 input[type="radio"]  + label:before { content: ' '; display: inline-block; width: 23px; height: 23px;  line-height: 23px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #aeaeae; border-radius : 50px;  }
.radio_style01 input[type="radio"]:checked + label:before {width:23px; height:23px; background:url(../../_images/contents/radio_style01.png) #fff no-repeat center center; }



@media only screen and (max-width:1024px) {
.admin_wrap{padding:80px 30px;}
.admin_top{padding-bottom:50px;}
.admin_tit{font-size:46px;}
.admin_sub{font-size:23px;}

.form_left{padding-left:20px; width:169px;}
.form_right{width:calc(100% - 169px);}
.sms_noti{padding:50px 20px;}
.bottom_btn_wrap a.btn_100{font-size:20px;}

}


/*****테블릿**************************************************/
@media only screen and (max-width:767px) {
/*input*/
input[type="text"].input_style01{height:45px; line-height:45px; font-size:15px;}
input[type="password"].pass_style01{height:45px; line-height:45px; font-size:15px;}

/*** 팝업 ***/
.md-content > div{padding:15px 10px !important;}
.popup_tit{font-size:25px; padding-bottom:15px;}
.popup_noti{padding:10px 0 0;}
.popup_noti01{font-size:18px;}
.popup_noti02{font-size:14px; }

}
@media only screen and (max-width:640px) {
.content_top_btn li{ height:45px; line-height:45px; /*padding:12px 0;*/}
.content_top_btn li a{font-size:13px;}
.btn_two a{font-size:17px;}

.popup_wrap{height:400px; overflow-y:scroll;}

.admin_wrap{padding:50px 20px;}
.admin_top{padding-bottom:30px;}
.admin_tit{font-size:30px;}
.admin_sub{font-size:18px;}

.form_left{float:inherit; width:100%; padding-left:0; margin-bottom:5px;}
.form_right{width:100%;}
.admin_input03{width:100%; margin-bottom:5px;}
	.sms_noti{padding:20px;}
	.sms_tit{font-size:22px;}
	.sms_tit:before{width:13px; height:8px; margin-right:5px;}
a.form_btn{margin-left:0;}
.bottom_btn_wrap li{display:block; width:100%;}


}




/*해외유심*/
.country_box{width:100%;padding:0px 0; margin-bottom:30px;}
.country_box:after{content:"";display:block;clear:both;} 
.country_box li{float:left;width:25%;text-align:center;}
.country_box li a:hover{color:#e20000}
.country_box li img{width:80%;max-width:252px}
.country_box li p{font-size:28px}

.usim_tab{border-top:2px solid #000;border-right:1px solid #d7d5d8;}
.usim_tab:after{content:""; display:block; clear:both;}
	.usim_tab li{border-bottom:1px solid #d7d5d8;float:left;width:33.33%;height:50px;line-height:50px;border-left:1px solid #d7d5d8;padding:0 20px;background:url(../../_images/contents/usim_arrow.png) no-repeat 95% center;}
	/*.usim_tab li.bl{border-left:0px}*/
	.usim_tab li a{display:block;}
	.usim_tab li a:hover{color:#e20000;display:block;}
	.usim_tab li:after{content:""; display:block; clear:both;}

.usim_list2:after{content:""; display:block; clear:both;}
.usim_list2 li{float:left;width:25%;margin-top:20px}
.usim_list2 li:nth-child(4n+1) { clear:both; }


.usim_list2 li .usim_box{display:block;border:1px solid #d7d5d8;width:85%;margin:0 auto;text-align:center;padding-bottom:30px;min-height:415px}
.usim_best{display:block;background:#e20000;color:#fff;text-align:center;height:30px;line-height:30px;}
.usim_img{text-align:center;margin:5px 0}
.usim_money{color:#e20000;font-size:24px;margin:10px 0;font-weight:700}
.usim_tit{color:#00bff3;font-size:18px;margin:5px 0;}
.usim_text{width:80%;margin:0 auto;padding-bottom:20px}
a.usim_btn{width:60%;margin:0 auto;display:block;background:#00bff3;color:#fff;height:40px;line-height:40px;}


.usim_view:after{content:""; display:block; clear:both;}
.usim_view li{float:left;width:50%;}
	.usim_view li.usim_imgbig {text-align:center}
	.usim_view li.usim_imgbig img{width:90%;max-width:550px}
	.form-group{width:100%;}
	.form-group:after{content:""; display:block; clear:both;}
	.form-group li{width:100%;margin:10px 0}
	.form-group li span.tit{width:20%;display:inline-block; font-size:16px;}
	.form-group li span.pay_cost{color:#e20000;font-size:20px;}
	.form-group li .form-control{display:inline-block;width:79%;padding:10px 24px;line-height:20px;color:#4d5256;border:1px solid #ced3d6;border-radius:2px}
	.form-group li  select.form-control2{display:inline-block;width:79%;padding:10px 24px;line-height:20px;color:#4d5256;border:1px solid #ced3d6;
	 background:url(http://hanin114.82a.kr/pocket_wifi/_images/contents/select_arrow01.png) no-repeat 95%;border-radius:2px;background-color:#f8fafb}
	
	.form-group2{background-color:#f8f8f8;border:1px solid #e8e8e8;padding:18px 20px;margin:20px 0}
	.form-group2 dl{width:auto;*zoom:1}
	.form-group2 dl:after{display:block;clear:both;content:''}
	.form-group2 dt{font-size:16px;color:#666;word-wrap:break-word;word-break:break-all}
	.form-group2 dt strong{font-weight:normal;color:#222}
	.form-group2 .art_l{float:left;margin-top:11px}
	.form-group2 .art_r{float:right;margin-top:14px}
	.form-group2 .price{display:inline-block;line-height:28px;color:#000}
	.form-group2 .amount{border:1px solid #e8e8e8;background-color:#fff}
	.form-group2 .inpbx > input{text-align:center;}
	.form-group2 .b_minus{border-right:1px solid #e8e8e8;width:20px;height:20px;}
	.form-group2 .b_plus{border-left:1px solid #e8e8e8;;width:20px;height:20px;}
	
	.product_information{width:100%;text-align:center;margin:20px 0}
	.product_information img{text-align:center;width:100%;max-width:1500px;}

.agr_text{width:100%; max-width:1400px; margin:20px auto;}
.agr_text p{font-size:13px; white-space:pre-line; padding:10px; height:80px; overflow-y:scroll; border:1px solid #cdcdcd; margin-bottom:10px;}
.all_agree{width:100%; max-width:1400px; margin:0 auto; border-top:1px solid #cdcdcd; padding-top:20px;}

@media only screen and (max-width:1024px) {
.usim_list2 li{width:33.33%}
}


@media only screen and (max-width:950px) {
.usim_list2 li{width:50%}
.usim_list2 li .usim_box{min-height:465px}


.usim_view li{float:none;width:100%;}
.usim_view li.usim_imgbig{margin-bottom:20px}
}

@media only screen and (max-width:640px) {
.country_box li p{font-size:18px;padding-top:10px}
.usim_tab li{height:35px;line-height:35px;padding:0 20px;}

.usim_list2 li{width:100%;}
.usim_list2 li .usim_box{min-height:400px}


}


/*신청폼*/
.form_noti{width:100%; max-width:1400px; margin:0 auto; padding:15px 15px; background-color:#f7f8f9;}


.form_noti p {font-size:15px; color:#636363;  line-height: 140%;}
.form_noti p span.fb{color:#454545;}

.from_wrap{width:100%; max-width:1400px; margin:0 auto; border-top:1px solid #000;}
.from_wrap li{border-bottom:1px solid #d7d5d8; padding:15px 0;}
.from_wrap li:after{content:""; display:block; clear:both;}
	.form_tit{display:inline-block; float:left; color:#838383; font-size:17px; width:200px; padding-left:50px;}
	.from_wrap li.form_sub_tit{border-bottom:2px solid #d7d5d8; font-size:18px; font-weight:600;}
	.star{color:#e64242;}
	
	.form_right{display:inline-block; float:left; width:calc(100% - 200px);}
		input[type="text"].input_style01{height:40px; padding-left:15px; border:1px solid #cdcdcd; }
		.wi100_per{width:100% !important;}
		.noti_red{color:#e64242; font-size:12px;}

	.form_33 > span{display:inline-block; width:32%;}
	.form_50 > span{display:inline-block; width:49%;}
	.form_33_02{ max-width:500px; margin-top:10px;}
	.form_33_02 > span{display:inline-block; width:32%;}
	.due_date{background-color:#b3b3b3; color:#fff; text-align:center; height:40px; line-height:40px;}


a.postal_btn{display:inline-block; height:40px; line-height:40px; padding:0 20px; background-color:#b4b4b4; color:#fff; font-size:17px; vertical-align:top;}




@media screen and (max-width: 799px) {
	 .form_noti p { font-size: 13px;  color: #636363;  }
}
@media screen and (max-width: 640px) {
	 .form_noti p { font-size: 12px;  color: #636363;  }
}