@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
#wrap {}
.content_binder { width: 1030px; margin: 50px auto; }

.content_section {}
.content_section_subtitle {
	text-align: right;
	margin-bottom: 10px;
	font-family: 'DotumChe', sans-serif;
	font-size: 14px;
}
input:focus, textarea:focus {
	outline: none;
}

/* ÅÇ ¸Þ´º Start */
.swap_tab_menu {
	display: flex;
	margin-bottom: 30px;
}
.swap_tab_menu div {
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: #e1e1e1;
}
.swap_tab_menu div:not(:first-child) {
	border-left: none;
}
.swap_tab_menu a {
	display: block;
	width: 250px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
}
.swap_tab_menu div.active {
	background: #fff;
	border-bottom: none;
	font-weight: bold;
}
.swap_tab_menu div.active a {
	color: #333;
}
.swap_tab_menu a:hover {
	color: #333;
}
/* ÅÇ ¸Þ´º End */


.send_container { display: flex; justify-content: space-between; }
.send_container * { font-family: 'NanumSquare', sans-serif; font-size: 13px; }
#setting_container * { font-family: 'NanumSquare', sans-serif; font-size: 13px; }

/* ¹®ÀÚ ÀÔ·Â ¿µ¿ª Start */
#phone_container_left {
	width: 280px;
	border: 1px solid #b7b7b7;
	box-sizing: border-box;
}
#phone_container_left input {
	border: none;
	width: 100%;
}
#phone_container_left textarea {
	border: none;
	width: 100%;
}
#phone_container_left .type_tabs {
	display: flex;
	width: 100%;
}
#phone_container_left .type_tabs li { width: 100%; display: flex; }
#phone_container_left .type_tabs li > a {
	display: block;
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #999;
	border-bottom: 1px solid #999;
	box-sizing: border-box;
}
#phone_container_left .type_tabs li.on > a {
	background: #093687;
	border-bottom: 1px solid #093687;
	color: #fff;
}

#phone_container_left .phone_box { height: 480px; padding: 0px 15px; }
#phone_container_left .phone_box .write_box {}
#phone_container_left .phone_box .write_box .isAd_top { height: 47px; }
#phone_container_left .phone_box .write_box .isAd_top #TR_MSG_HEAD { line-height: 47px; }
#phone_container_left .phone_box .write_box .lms_subject { height: 33px; margin-bottom: 15px; }
#phone_container_left .phone_box .write_box .lms_subject input { height: 33px; line-height: 33px; background: #ededed; padding: 0px 10px; }
#phone_container_left .phone_box .write_box #TR_MSG { height: 257px; background: #ededed; padding: 10px; }
#phone_container_left .phone_box .write_box .isAd_bottom { margin-top: 10px; height: 20px; }
#phone_container_left .phone_box .write_box .isAd_bottom #TR_MSG_BOTTOM { line-height: 20px; }

#phone_container_left .phone_box .rewrite_byte {}
#phone_container_left .phone_box .rewrite_byte span { color: #fb5c4d; font-weight: 600; font-size: 15px; }
#phone_container_left .phone_box .rewrite_byte #sms_lms_type { display: block; text-align: right; height: 20px; }
#phone_container_left .phone_box .rewrite_byte #byteid {}
#phone_container_left .phone_box .rewrite_byte p { text-align: right; font-size: 15px; position: relative; }

#phone_container_left .phone_box .phone_btns { margin-top: 15px; display: flex; justify-content: space-between; }
#phone_container_left .phone_box .phone_btns a { width: 120px; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box; font-size: 16px; display: block; }
#phone_container_left .phone_box .phone_btns a.first { background: #efefef; border: 1px solid #d1d1d1; }
#phone_container_left .phone_box .phone_btns a.second { background: #004ea1; border: 1px solid #004ea1; color: #fff; }
/* ¹®ÀÚ ÀÔ·Â ¿µ¿ª End */


/* ¹øÈ£ ÀÔ·Â ¿µ¿ª Start */
#number_container_right.sms_file { width: 710px; }
#number_container_right.sms_file h6.subtitle { height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; }
#number_container_right.sms_file h6.subtitle span { font-size: 15px; margin-left: 95px; color: #428af9; }
#number_container_right.sms_file h6.subtitle span span { color: #fb5c4d; font-weight: bold; margin-right: 5px; }

#number_container_right.sms_file .input_number_box {}
#number_container_right.sms_file .input_number_box_flex_box { display: flex; justify-content: space-between; }

#number_container_right.sms_file .input_number_box .input_number { position: relative; left: 1px; }
#number_container_right.sms_file .input_number_box .input_number #jbInput { width: 200px; height: 465px; padding: 10px; box-sizing: border-box; font-size: 14px; }

#number_container_right.sms_file .input_number_box .input_number_btn { width: 35px; position: relative; z-index: 5; }
#number_container_right.sms_file .input_number_box .input_number_btn button { width: 35px; font-size: 15px; padding: 10px 5px; line-height: center; }
#number_container_right.sms_file .input_number_box .input_number_btn .add_num_btn { background: #093687; border: 1px solid ##093687; width: 36px; color: #fff; }
#number_container_right.sms_file .input_number_box .input_number_btn .del_num_btn { background: #fefefe; border-bottom: 1px solid #d1d1d1; }
#number_container_right.sms_file .input_number_box .input_number_btn .del_all_num_btn { background: #efefef; border-bottom: 1px solid #d1d1d1; }

#number_container_right.sms_file .input_number_box .input_number_list { border: 1px solid #e7e7e7; height: 465px; position: relative; right: 1px; }
#number_container_right.sms_file .input_number_box .input_number_list .number_list_title { 
	border-bottom: 1px solid #ddd; 
	text-align: center; 
	font-size: 14px; 
	height: 33px; 
	line-height: 33px; 
	display: flex; 
	justify-content: space-between; 
	padding: 0px 10px 0px 30px; 
}
#number_container_right.sms_file .input_number_box .input_number_list .number_list_title .numberCnt { 
	font-weight: bold; 
}
#number_container_right.sms_file .input_number_box .input_number_list .number_list_title .numberCnt #numberCnt_input {
	font-size: 14px;
	color: #fb5c4d;
}
#number_container_right.sms_file .input_number_box .input_number_list #number_list { width: 200px; height: 431px; border: none; }
#number_container_right.sms_file .input_number_box .input_number_list #number_list:focus { outline: none; }
#number_container_right.sms_file .input_number_box .input_number_list #number_list option { padding: 4px 0px; text-indent: 15px; border-bottom: 1px solid #ededed; }

#number_container_right.sms_file .input_number_box .submit_box { width: 270px; }
#number_container_right.sms_file .input_number_box .submit_box ul { margin-top: 15px; }
#number_container_right.sms_file .input_number_box .submit_box ul li {
	width: 230px;
	padding-left: 30px;
	box-sizing: border-box;
	background-image: url('dot.png');
	background-repeat: no-repeat;
	background-position: 20px 5px;
	background-size: 4px 4px;
	margin-bottom: 15px;
}
#number_container_right.sms_file .input_number_box .submit_box #send_submit_btn { 
	width: 200px; 
	height: 60px; 
	text-align: center; 
	line-height: 60px; 
	background: #093687; 
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin: 118px 25px 0px;
}
#number_container_right.sms_file .dot_bar { border-top: 1px dotted #ccc; margin-top: 24px; width: 438px; }
/* ¹øÈ£ ÀÔ·Â ¿µ¿ª End */



/* ´ë·®¹ß¼Û ÆäÀÌÁö ¹øÈ£ÀÔ·Â ¿µ¿ª Start */
#number_container_right.many_sms_file { width: 710px; }
#number_container_right.many_sms_file h6.subtitle { height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; }
#number_container_right.many_sms_file h6.subtitle span { font-size: 15px; margin-left: 95px; color: #428af9; }
#number_container_right.many_sms_file h6.subtitle span span { color: #fb5c4d; font-weight: bold; margin-right: 5px; }


#number_container_right.many_sms_file .input_file_box {}
#number_container_right.many_sms_file .input_file_box .number_list_box { overflow: hidden; }
#number_container_right.many_sms_file .input_file_box .add_msg_box {
	margin: 15px 0px 30px;
	box-sizing: border-box;
}
#number_container_right.many_sms_file .input_file_box .add_msg_box p {
	font-weight: bold; color: #0752db; font-size:12px; 
	background: url(../../img/bullet/arrow.gif) left 5px no-repeat; 
	padding: 2px 0 0 8px; margin-bottom: 5px;
}
#number_container_right.many_sms_file .input_file_box .add_msg_box ul { 
	display: flex; justify-content: space-between; 
	width: 435px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd; 
}
#number_container_right.many_sms_file .input_file_box .add_msg_box ul li input {
	text-align: center;
	font-weight: bold;
	color: #333;
	width: 80px;
	border: 1px solid #aeb0c2;
	cursor: pointer;
	padding: 5px;
	margin: 0;
}
#number_container_right.many_sms_file .input_file_box .add_msg_box div {
	float: right;
	margin-top: -45px;
}
#number_container_right.many_sms_file .input_file_box .add_msg_box div a {
	display: inline-block;
	width: 200px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	text-indent: 15px;
	position: relative;
	margin: 0px 5px;
}

#number_container_right.many_sms_file .input_file_box .receiver { width: 710px; }
#number_container_right.many_sms_file .input_file_box .receiver li { text-align: center; height: 27px; line-height: 27px; border-bottom: 1px solid #aaa; }
/*#number_container_right.many_sms_file .input_file_box .receiver li:not(:last-child) { border-right: 1px solid #aaa; }*/
#number_container_right.many_sms_file .input_file_box .receiver li.ckbox { width: 6%; }
#number_container_right.many_sms_file .input_file_box .receiver li.ckbox input { height: 13px !important; position: relative; top: 2px; }
#number_container_right.many_sms_file .input_file_box .receiver li.number { width: 5%; }
#number_container_right.many_sms_file .input_file_box .receiver li.group { width: 12%; }
#number_container_right.many_sms_file .input_file_box .receiver li.name { width: 12%; }
#number_container_right.many_sms_file .input_file_box .receiver li.cellno { width: 17%; }
#number_container_right.many_sms_file .input_file_box .receiver li.item { width: 12%; }
#number_container_right.many_sms_file .input_file_box .receiver li input { width: 100%; border: 0px; text-align: center; }

#number_container_right.many_sms_file .input_file_box .receiver .receiver_th { display: flex;}
#number_container_right.many_sms_file .input_file_box .receiver .receiver_th li { background: #ddd; border-top: 1px solid #aaa; }

#number_container_right.many_sms_file .input_file_box .receiver .receiver_td_Wrap {
	width: 725;
	height: 229px;
	overflow-y: scroll;
}
#number_container_right.many_sms_file .input_file_box .receiver .receiver_td { display: flex; }
#number_container_right.many_sms_file .input_file_box .receiver .receiver_td li {}
#number_container_right.many_sms_file .input_file_box .receiver .receiver_td li input {
	border: 0;
	height: 27px;
}



.del_btns {
	padding: 5px 7px;
	margin-top: 5px;
	margin-left: 2px;
	background: #065269;
	color: #fff;
}

	.send_btn_box {}
	.send_btn_box_content {}

	.reciver_bt_ul {
		display: flex; 
		justify-content: center;
		margin: 25px 0px 10px;
	}

	.reciver_bt_ul li {}
	.reciver_bt_ul li a {
		display: inline-block;
		width: 200px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		text-indent: 15px;
		position: relative;
		margin: 0px 5px;
	}
	.reciver_bt_ul .call_update a {
		background: #4b66a8;
		color: #fff;
	}
	.reciver_bt_ul .call_update a span {
		position: absolute;
		left: -5px;
		top: -2px;
		font-size: 20px;
	}
#number_container_right.many_sms_file .input_file_box .receiver .call_excel { float: right; }
#number_container_right.many_sms_file .input_file_box .receiver .call_excel a {
	display: inline-block;
	width: 180px;
	height: 27px;
	background: #02723b;
	color: #fff;
	text-indent: 24px;
	text-align: center;
	line-height: 27px;
	text-indent: 15px;
	position: relative;
	margin: 0px 5px;
}

#number_container_right.many_sms_file .input_file_box .receiver .call_excel a span {
	position: absolute;
	width: 15px;
	height: 15px;
	display: inline-block;
	left: 0px;
	top: 5px;
}
#number_container_right.many_sms_file .input_file_box .receiver .call_excel a img {
	width: 100%;
	margin-top: -10px;
}

#number_container_right.many_sms_file .input_file_box .receiver .call_addressbook { float: right; }
#number_container_right.many_sms_file .input_file_box .receiver .call_addressbook a {
	display: inline-block;
	width: 150px;
	height: 27px;
	border: 1px solid #ccc;
	background: #efefef;
	text-indent: 23px;
	text-align: center;
	line-height: 27px;
	text-indent: 15px;
	position: relative;
	margin: 0px 5px;
	box-sizing: border-box;
}
#number_container_right.many_sms_file .input_file_box .receiver .call_addressbook a:hover {
	color: #333;
}
#number_container_right.many_sms_file .input_file_box .receiver .call_addressbook a span {
	position: absolute;
	width: 18px;
	height: 18px;
	display: inline-block;
	left: 0px;
	top: 3px;
}
#number_container_right.many_sms_file .input_file_box .receiver .call_addressbook a span img {
	width: 100%;
	margin-top: -10px;
}
	.reciver_bt_sub {
		margin-left: 15px;
	}

	#sameno {
		margin: 36px 0 15px 55px;
	}

	.smsimg-imgarea {
		width: 120px;
		height: 100px;
		margin: 0 auto 10px;
		overflow: hidden;
	}
	#send_img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}





#number_container_right.many_sms_file .input_file_box .submit_box { width: 270px; }
#number_container_right.many_sms_file .input_file_box .submit_box ul { margin-top: 15px; }
#number_container_right.many_sms_file .input_file_box .submit_box ul li {
	width: 230px;
	padding-left: 30px;
	box-sizing: border-box;
	background-image: url('dot.png');
	background-repeat: no-repeat;
	background-position: 20px 5px;
	background-size: 4px 4px;
	margin-bottom: 15px;
}
#number_container_right.many_sms_file .input_file_box .submit_box #send_submit_btn { 
	width: 200px; 
	height: 60px; 
	text-align: center; 
	line-height: 60px; 
	background: #093687; 
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin: 175px 25px 0px;
}
#number_container_right.many_sms_file .dot_bar { border-top: 1px dotted #ccc; margin-top: 24px; width: 710px; }
/* ´ë·®¹ß¼Û ÆäÀÌÁö ¹øÈ£ÀÔ·Â ¿µ¿ª End */









/* ¹ß¼Û ¼¼Æà Start */
#setting_container { margin-top: 30px; display: flex; }
#setting_container .sender { margin-right: 60px; }
#setting_container .sender .sender_box_tit { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#setting_container .sender #callback {
	display: inline-block;
	font-size: 14px;
	height: 40px;
	width: 136px;
	border: 1px solid #cfcfcf;
	padding-left: 10px;
}
#setting_container .sender #callback option {}
#setting_container .sender .add_mynum {
	display: inline-block;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	margin-top: -10px;
	margin-left: 3px;
	width: 120px;
	background: #004ea1;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#setting_container .reserve { width: 520px; }
#setting_container .reserve .radioBoxSetting { display: flex; }
#setting_container .reserve .radioBoxSetting .reserve_box_tit { width: 112px; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-right: 35px; }
#setting_container .reserve .radioBoxSetting ul { display: flex; }
#setting_container .reserve .radioBoxSetting ul li { margin-right: 15px; width: 85px; }
#setting_container .reserve .radioBoxSetting ul li .reservsend_label {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	margin-right: 7px;
	background: url('checkbox_off.png') 50% 50% no-repeat;
	background-size: contain;
}
#setting_container .reserve .radioBoxSetting ul li .reservsend_label.on {
	background: url('checkbox_on.png') 50% 50% no-repeat;
	background-size: contain;
}
#setting_container .reserve .radioBoxSetting ul li .reservsend_checkbox { width: 0px; height: 0px; overflow: hidden; }
#setting_container .reserve .radioBoxSetting ul li .reservsend_label_text {
	line-height: 20px;
}

#setting_container .reserve .timeSetting { position: relative; }
#setting_container .reserve .timeSetting .set_reservsend_cover {
	position: absolute;
	top: 0px;
	height: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 1;
}
#setting_container .reserve .timeSetting .timeSetting_optionBox {}
#setting_container .reserve .timeSetting .timeSetting_optionBox ul {
	border: none;
	padding: 0px !important;
	width: 100%;
	display: flex;
}
#setting_container .reserve .timeSetting .timeSetting_optionBox ul li {
	display: flex;
}
#setting_container .reserve .timeSetting .timeSetting_optionBox ul li:nth-child(1) {
	width: 215px;
}
#setting_container .reserve .timeSetting .timeSetting_optionBox ul li p.timeSetting_tit {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #777;
	line-height: 26px;
}
#setting_container .reserve .timeSetting .tileSetting_optionBox ul li span.first {}
#setting_container .reserve .timeSetting #startDate {
	display: block;
	color: #777;
	font-size: 12px;
	width: 125px;
	height: 27px;
	margin-top: 5px;
	margin-left: 10px;
	text-indent: 5px;
}
#setting_container .reserve .timeSetting .timeSettingSelect {
	margin-top: 5px;
	margin-left: 8px;
	height: 27px;
	width: 65px;
}

#setting_container .autosave { width: 520px; }
#setting_container .autosave .radioBoxSetting { display: flex; }
#setting_container .autosave .radioBoxSetting .autosave_box_tit { width: 112px; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-right: 35px; }
#setting_container .autosave .radioBoxSetting ul { display: flex; }
#setting_container .autosave .radioBoxSetting ul li { margin-right: 15px; width: 85px; }
#setting_container .autosave .radioBoxSetting ul li .autosave_label {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	margin-right: 7px;
	background: url('checkbox_off.png') 50% 50% no-repeat;
	background-size: contain;
}
#setting_container .autosave .radioBoxSetting ul li .autosave_label.on {
	background: url('checkbox_on.png') 50% 50% no-repeat;
	background-size: contain;
}
#setting_container .autosave .radioBoxSetting ul li .autosave_checkbox { width: 0px; height: 0px; overflow: hidden; }
#setting_container .autosave .radioBoxSetting ul li .autosave_label_text {
	line-height: 20px;
}
#setting_container .dot_bar { margin: 15px 0px 25px; }
/* ¹ß¼Û ¼¼Æà End */




/* ¸Þ½ÃÁöÇÔ Start */
#mysms_pop { 
	display: none;
	padding: 30px 20px 30px; background: #fff; border: 1px solid #ddd;
	position: fixed; top: 50px; left: calc(50% - 200px); z-index: 999999999999999999999999999999999999999; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#mysms_pop .mysms_pop_title_box {
	display: flex;
	justify-content: space-between;
}
#mysms_pop .mysms_title { 
	font-size: 18px; font-weight: bold; 
	padding-bottom: 10px; 
	margin-left: 5px;
	margin-bottom: 30px; 
	width: 200px; 
	border-bottom: 2px solid #004ea1; 
}
#mysms_pop .mysms_search_box {
	margin-top: 7px;
	display: flex;
	justify-content: right;
}
#mysms_pop .mysms_search_box input {
	height: 27px; line-height: 27px; text-indent: 5px;
}
#mysms_pop .mysms_search_box .mysms_search_btn {
	padding: 0px 10px;
	height: 27px; line-height: 27px;
	background: #004ea1;
	color: #fff;
	margin-left: 5px;
}


#mysms_pop .mysms_box { 
	padding: 10px; background: #fff; border: 1px solid #ddd; 
	width: 585px;
	height: 480px;
	overflow-y: scroll;
}
#mysms_pop .mysms_box:after {
	display: block;
	clear: both;
	content: "";
}
#mysms_pop .mysms_box > li {
	margin: 5px;
	height: 240px;
	float: left;
}
#mysms_pop .mysms_box > li > p { padding: 5px 0px 7px; font-size: 14px; text-align: right; }
#mysms_pop .mysms_box > li .mysms_box_btns {
	padding: 5px 0px 10px;
	display: flex;
	justify-content: right;
}
#mysms_pop .mysms_box > li .mysms_box_btns .mysms_submit {
	padding: 5px 10px;
background: #dc4800;
	color: #fff;
	margin-right: 5px;
}
#mysms_pop .mysms_box > li .mysms_box_btns .mysms_delete {
	padding: 5px 10px;
	background: #065269;
	color: #fff;
}
#mysms_pop .mysms_content { width: 180px; height: 160px; padding: 10px; box-sizing: border-box; }

#mysms_pop .mysms_btn_box {
	margin-top: 30px;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
}
#mysms_pop .mysms_btn_box .mysms_save_btn,
#mysms_pop .mysms_btn_box .mysms_close_btn {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
}
#mysms_pop .mysms_btn_box .mysms_close_btn {
	background: #efefef;
	border: 1px solid #d1d1d1;
	margin-right: 5px;
}
#mysms_pop .mysms_btn_box .mysms_save_btn {
	background: #004ea1;
	border: 1px solid #004ea1;
	color: #fff;
	margin-left: 5px;
}
/* ¸Þ½ÃÁöÇÔ End */