@charset "UTF-8";

@font-face {font-family: "iconfont";
  src: url('/fonts/iconfont.eot?t=1478482451321'); /* IE9*/
  src: url('/fonts/iconfont.eot?t=1478482451321#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/iconfont.woff?t=1478482451321') format('woff'), /* chrome, firefox */
  url('/fonts/iconfont.ttf?t=1478482451321') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/fonts/iconfont.svg?t=1478482451321#iconfont') format('svg'); /* iOS 4.1- */
}

.sms-main { padding: 120px 25px 75px;}
.message { padding: 100px 25px 75px;}
    
/* 로그인창 */
.message .login_wrap {
	width: 100%;
	position: relative;
}
.message .login_wrap .company_num input,
.message .login_wrap .login_password input {
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	font-size: 17px;
	color: #333;
	font-weight: bold;
	}

.message .login_wrap .login_password { margin-top: 10px; }
.message .login_wrap .remember_id {margin-top: 10px;}
.message .login_wrap .loin_btn { margin-top: 15px; margin-bottom: 25px;}
.message .login_wrap .loin_btn a { 
	display: block;
	width: 100%;
	height: 50px;
	background: #e70128;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	}
.message .login_wrap .loin_btn a span {
	display: inline-block;
	width: 50px;
	height: 50px;
	}
.message .login_wrap .loin_btn a span img { width: 100%; }

.message .section .btn-logout { box-sizing: border-box;font-size: 13px;height:25px;line-height:10px;background-color: #444; color: #fff; padding: 6px 15px;}

.message div.apprHead{position:absolute; margin-bottom: 10px;}
.message div.apprStatus{text-align:right; }
.message div.apprStatus h3.code{color : #f00; }

/* sms 탭 */
.message .tab-body .tab-content { display: none; }
.message .tab-body .tab-content.active { display: block; }
.message .description p { color: #333; font-weight: bold; font-size: 15px; letter-spacing: -1px; }
.message .description p em { color: #d80034; font-style: normal; }
.message .description .img { margin-top: 13px; }
.message .description .img img { width: 100%; }
.message .section-wrap { margin-top: 30px; }
.message .searchdiv {
    margin-top: 10px;
    }
.message .searchdiv .search {
    width: calc(100% - 90px);
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #a9a9a9;
    height: 31px;
    vertical-align: middle;
    }
.message .searchdiv .searchbtn {
    box-sizing: border-box;
    font-size: 14px;
    height: 31px;
    line-height: 10px;
    background-color: #444;
    color: #fff;
    padding: 6px 15px;
    width : 85px;.
    vertical-align: middle;
    }    
.message .section { margin-top: 30px; }
.message .section:first-child { margin-top: 0; }
.message .section .table { padding: 10px 0; }
.message .section .table table tr > * { padding: 6px 5px 6px; border: 0; background-color: #fff; text-align: left; line-height: 1.5; vertical-align: top; }
.message .section .table table .mark > * { color: #7f5f2e; font-weight: bold; }
.message .section .table table .mark > td span { display: block; color: #555; font-style: normal; font-weight: normal; }

.message .section .btn-wrap .btn{font-size:14px; padding:8px 15px;}
.message .section .btn-list { margin-top: 20px; }
.message .section .btn-list li {  margin-bottom: 10px; }
.message .section .btn-list li img { width: 100%; }
.message .section .btn-list li .btn { float: right; margin-top: 20px; padding : 8px 10px; }
.message .section .info { border: 1px solid #ddd; overflow-y: scroll; max-height: 200px; padding: 5px; background: #f8f8f8; }
.message .section .info p + p { margin-top: 10px; }
.message .section .btn { box-sizing: border-box;font-size: 14px;height:40px;line-height:24px;}
.message .section + .section { margin-top: 30px; }
.message .table td { text-align:center;}
.message .table a {display:block;}

.message .tab_menu {
	display: flex; 
	justify-content: space-between;
	margin-bottom: 20px;
	} 
.message .tab_menu div {
	display: block;
	width: 33.3%;
	margin-right: 2px;
	text-align: center; 
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 10px 0 12px;
	}
.message .tab_menu div:last-child {
	margin-right: 0px;
	}
.message .tab_menu div.active {
	color: #e70128;
	border-top: 2px solid #e70128;
	border-bottom: 2px solid #e70128;
	}

.message .tab_menu a {
	display: block;
	width: 33.3%;
	margin-right: 2px;
	text-align: center; 
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 10px 0 12px;
	}
.message .tab_menu a:last-child {
	margin-right: 0px;
	}
.message .tab_menu a.active {
	color: #e70128;
	border-top: 2px solid #e70128;
	border-bottom: 2px solid #e70128;
	}
		
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before { content: "\e695"; }

.icon-arrowleft:before { content: "\e698"; }

/*Mobile Style Default*/
body { font-family: "nanum gothic"; font-size:14px;font-weight:bold; }

h3 { font-size: 15px; }
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.fl { float: left; }
.fr { float: right; }
.border-bottom { border-bottom: 1px solid #ddd; }
.clearfix { overflow: auto; zoom: 1; }
.content:after, .content:before { content: ""; display: block; overflow: hidden; }
.btn-large { min-width: 140px; }

/*Modal Default*/
.modal-page { overflow: hidden; }
.modal-page body { overflow: hidden; }
.modal-mask { position: fixed; top: 0; right: 0; left: 0; z-index: 1010; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; overflow: hidden; margin: 0; }
.modal-scroll { display: block; overflow-y: scroll; }
.modal-open { opacity: 1; }
.modal-wrap {margin:10px;background:white;position:relative;opacity:1;overflow:auto;top:0;bottom:0;min-height:calc(100% - 276px);}

.modal-heading { padding: 10px; border-bottom: 1px solid #ddd; }
.modal-heading i { font-size: 1.6rem; }
.modal-heading h2 { text-align: center; line-height: 44px; }
.modal-heading [class^="btn"] { position: absolute; top: 10px; font-size: 16px; line-height: 44px; display: block; }
.modal-heading .btn-back { left: 20px; }
.modal-heading .btn-close { right: 20px; }
.modal-head h2{margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #d8d8d8;
    color: #333;
    font-weight: bold;
    font-size: 21px;}
.modal-container { padding: 10px; }
.modal-container .header { width: 100%; box-sizing: border-box; position: relative; margin-bottom: 10px; display: inline-block; }
.modal-container .header [class^="add"] {width:50%;padding:12px 0;border-top:2px solid #f5f5f6;border-right:1px solid #f5f5f6;border-bottom:1px solid #cdcdcd;background-color:#f5f5f5;color:#777;font-weight:bold;font-size:14px;text-align:center;float:left;box-sizing:border-box;}
.modal-container .header [class^="add"].moveout {width:33.33%;}
.modal-container .header .active {padding:12px 0 13px;background-color:#fff;border-top:2px solid #e70128;border-right:1px solid #cdcdcd;border-bottom:0;border-left:1px solid #cdcdcd;color:#e70128;}
.modal-container .content { padding: 10px; border: 1px solid #ddd; background: #f8f8f8; overflow:hidden}
.modal-container .content p.title {font-size:16px;font-weight:bold;padding:6px 10px;border:1px solid #e8e8e8;background-color:#f1f1f1;height:28px;line-height:28px;margin-bottom:20px;}
.modal-container .content h3 { margin: 20px 0 10px; }
.modal-container .content .form-group { float: left; width: 100%; margin-bottom: 10px; }
.modal-container .content .form-group label {display:block;margin:10px 0 8px;font-size:14px;}
.modal-container .content .form-group .radio label {display:inline-block;}
.modal-container .content .form-box {}
.modal-container .content .confirm_area label {margin:0 5px 0 0;min-width:80px;}

.modal-container .content .form-group input[type="text"] { width: 100%; height: 30px;line-height:40px; box-sizing: border-box;background-color:white;border: 1px solid dcdcdc;}
.modal-container .content .form-group input[type="tel"] { width: 100%; height: 30px;line-height:40px; box-sizing: border-box;background-color:white;border: 1px solid dcdcdc;}
.modal-container .content .form-group input#confirm_sms {width:calc(100% - 85px)}
.modal-container .content .form-group input { margin-bottom: 10px; }
.modal-container .content .form-group input[type="radio"] { margin-bottom: 0px; }
.modal-container .content .form-group a.btn {     
	display: inline-block;
    min-width: 20px;
    padding: 8px 20px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    vertical-align: middle; }
    
.modal-container .content .btn-wrap { text-align: center; margin-bottom: 20px; }
.modal-container .content h2 {    margin-bottom: 15px;
    color: #333;
    font-weight: bold;
    font-size: 21px;}


.modal-container .content .form-group.btn_warp {text-align:center;overflow:hidden;margin-bottom:30px;}
.modal-container .btn_warp .btn {width:100%;display: inline-block;min-width: 112px;padding: 10px 0 11px;background-color: #444;color: #fff;font-weight: bold;font-size: 16px;text-align: center;vertical-align: middle;}

.fixed-bottom-menu { width: 100%; box-sizing: border-box; /* Firefox */ display: -moz-box; -moz-box-align: center; /* Safari、Opera & Chrome */ display: -webkit-box; -webkit-box-sizing: border-box; -webkit-box-align: center; /* W3C */ display: box; box-align: center; -ms-margin: 5px; border-top: 1px solid #ddd; bottom: 0; height: 56px; z-index: 100; left: 0; background: #f8f8f8; }
.fixed-bottom-menu .btn { display: block; -webkit-box-flex: 1; margin-right: 10px; line-height: 2; font-size: 1rem; padding: 0 11px; position: relative; text-align: center; align-items: flex-start; height: 44px; line-height: 44px; width: 100%; }
.fixed-bottom-menu .btn:first-child { margin-left: 10px; }
.fixed-bottom-menu .btn:after { content: ""; position: absolute; top: -7px; bottom: -7px; left: 0; right: 0; }

.bottom-menu { width: 100%; box-sizing: border-box; /* Firefox */ display: -moz-box; -moz-box-align: center; /* Safari、Opera & Chrome */ display: -webkit-box; -webkit-box-sizing: border-box; -webkit-box-align: center; /* W3C */ display: box; box-align: center; -ms-margin: 5px; bottom: 0; height: 56px; z-index: 100; left: 0; background: #f8f8f8; }
.bottom-menu .btn { display: block; -webkit-box-flex: 1; margin-right: 10px; line-height: 2; font-size: 1rem; padding: 0 11px; position: relative; text-align: center; align-items: flex-start; height: 44px; line-height: 44px; width: 100%; }
.bottom-menu .btn:first-child { margin-left: 10px; }
.bottom-menu .btn:after { content: ""; position: absolute; top: -7px; bottom: -7px; left: 0; right: 0; }

.content.custom-b-white { background: white; border: none; }

.modal_content input {font-size:16px;}
::-webkit-input-placeholder {color:#ddd;}
::-moz-input-placeholder {color:#ddd;}
::-ms-input-placeholder {color:#ddd;}
::-moz-placeholder {color:#ddd;}
#confirmStatus {color:#d80034}
@media (max-width: 319px) { /* Mobile, <320px */
  .sms .section .btn-list li .btn { display: inline-block; float: none; } 
}
.phone-num .select select {height:40px;}
.btn-padding {padding:12px 0;}
select {font-size:16px!important;}

/* 구성원 검색 */
.sms_wrap {
	height: calc(100% - 30px);
	padding: 10px 10px 10px 10px;
	background: #fff;
	font-weight: normal;
	position: relative;
}
.sms_wrap section { margin-top: 25px; }
.sms_wrap section:first-child { margin-top: 0px; }
.sms_wrap section h5 { 
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
	}
.sms_wrap section h5 span { 
	font-size: 15px;
	color: #7f5f2e;
	margin-left: 10px;
	}
.sms_select_wrap section .search_input {
	display: flex;
	justify-content: space-between
	}
.sms_select_wrap section .search_input input { 
	width: 70%;
	height: 40px;
	box-sizing: border-box;
	margin-right: 10px;
	}
.sms_select_wrap section .search_input a {
	display: block;
	width: 30%;
	background: #987f57;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	}

.modal-user-info .form-group + .form-group {}
.modal-user-info .phone-num { display: inline-block; }
.modal-user-info .phone-num .addr-title {font-size:12px;margin-bottom:10px;margin-top:10px;}
.modal-user-info .phone-num .select.birth-first {width:70px;}
.modal-user-info .phone-num .select {width:66px;}
.modal-user-info .phone-num .select .phone {font-size:16px;height:35px;line-height:40px;}
.modal-user-info .phone-num .select .phone option {height:35px;line-height:40px;}
.modal-user-info .phone-num .select label {font-size:16px;margin:0;height:27px;line-height:27px;}

.modal-user-info .phone-num .num {display: inline-block; padding-left: 15px; float: left;width:calc((100% - 100px)/2)}
.modal-user-info .phone-num .num input[type=tel] {width:100%;height:40px;line-height:40px;border:1px solid #dcdcdc;box-sizing:border-box;padding-left:5px;background-color:#fff;}
.modal-user-info .phone-num .num:before { content: "-"; position: absolute; line-height: 38px; margin-left: -10px; }
.modal-user-info .phone-num .num.last {}
.fl.text {line-height: 40px;padding : 0px 2px;}

/*전송이력*/
.sms-list {margin-top : 10px;}
.sms-list li:first-child  {padding:20px; border-top: 2px solid #545454;position:relative}
.sms-list li  {padding:20px; border-bottom: 1px solid #eaeaea;position:relative}
.sms-list li:last-child  {padding:20px; border-bottom: 2px solid #545454;position:relative}
.sms-list li div.date{line-height:20px;padding-bottom:20px;text-align:left;font-family:Arial;color:#222;   }
.sms-list li div.name{position:absolute;}
.sms-list li div.status{text-align:right; }
.sms-list li div.status a{color : #f00;}

.sms-list li div.btn-wrap {text-align:center;margin-top: 10px;padding-top:10px;border-top:1px solid #eaeaea;}
.sms-list li div.btn-wrap a {margin:6px 2px;}

/* 문자발송 */
.access_wrap section { margin-top: 25px; }
.access_wrap section:first-child { margin-top: 0px; }
.access_wrap section h5 { 
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
	}
.access_wrap section .info {
	background: #f8f8f8;
	border: 1px solid #dddddd;
	padding: 10px 15px;
	font-size: 14px;
	margin-bottom: 10px; 
	}
.access_wrap section .info:last-child { margin-bottom: 0px; }
.access_wrap section .info div { 
	padding: 5px 0;
	}
.access_wrap section .info div.name { 
	color: #987f57;
	font-size: 17px;
	font-weight: bold;
	}
.access_wrap section .info div span { color: #cecece; padding: 0 10px; }
.access_wrap section .info div .date { color: #186fff;}

.access_wrap section .info.access {
	position: relative;
	}
.access_wrap section .info.access .name {
	height: 35px;
	line-height: 35px;
	}

@charset "utf-8";
/* CSS Document */


input::-webkit-input-placeholder { color: #666666; }

/* main */
.message_btn_wrap { padding-bottom: 70px; }
.message_btn_wrap section { margin-top: 10px; }
.message_btn_wrap section:first-child { margin-top: 0px; }
.message_btn_wrap section a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	text-align: left;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	text-indent: 55px;
	}
.message_btn_wrap section a span {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding-right: 15px;
	}
.message_btn_wrap section a.btn_send {
	background-color: #de0126;
	}
.message_btn_wrap section a.btn_send span {
	background-image: url(/resources/images/m/kr/sk/sms/btn_send.png);
	}
.message_btn_wrap section a.btn_address {
	background-color: #ff7c00;
	}
.message_btn_wrap section a.btn_address span {
	background-image: url(/resources/images/m/kr/sk/sms/btn_address.png);
	}
.message_btn_wrap section a.btn_manage {
	background-color: #987f57;
	}
.message_btn_wrap section a.btn_manage span {
	background-image: url(/resources/images/m/kr/sk/sms/btn_manage.png);
	}

/* message 발송 */
.message_wrap .subjectField { display : flex;}
.message_wrap .subjectField .subject { 
	border: 1px solid #a9a9a9;
	margin-left : 20px;
	float : right;
	width : calc(100% - 80px);
}
.message_wrap section { margin-top: 10px; }
.message_wrap section textarea { 
	width: 100%;
	height: 180px;
	resize: none;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;
	padding: 15px;
	outline-style:none;
	}
.message_wrap section p.text_byte { text-align: right; }
.message_wrap .message_btn { 
	display: flex; 
	justify-content: space-between;
	margin-top: 15px;
	}
.message_wrap .message_btn a {
	width: 50%;
	margin-right: 10px;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	height: 45px;
	line-height: 40px;
	color: #fff;
	}
.message_wrap .message_btn a:last-child { margin-right: 0px; }
.message_wrap .message_btn a.red_btn { background: #e70128; }
.message_wrap .message_btn a.black_btn { background: #434343; }
.message_wrap .message_btn a.w100 { width: 100%; margin-right: 0px; }

.message_wrap .message_btn_nomargin { 
	display: flex; 
	justify-content: space-between;
	}	
.message_wrap .message_btn_nomargin a {
	width: 50%;
	margin-right: 10px;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	height: 45px;
	line-height: 40px;
	color: #fff;
	}
.message_wrap .message_btn_nomargin a:last-child { margin-right: 0px; }
.message_wrap .message_btn_nomargin a.red_btn { background: #e70128; }
.message_wrap .message_btn_nomargin a.black_btn { background: #434343; }
.message_wrap .message_btn_nomargin a.w100 { width: 100%; margin-right: 0px; }	

.message_wrap .receiver { margin-bottom: 10px;}
.message_wrap .receiver { height: 28px; position: relative; }
.message_wrap .receiver h5 { font-size: 14px; line-height: 24px; position: absolute; left: 0; }
.message_wrap .receiver div { position: absolute; right: 0; }
.s_btn { 
	display: inline-block;
	background: #dddddd;
	color: #666666;
	letter-spacing: -1px;
	font-size: 12px;
	width: 100px;
	height: 28px;
	box-sizing: border-box;
	line-height: 26px;
	text-align: center;
	border-radius: 14px;
	padding-left: 15px;
	position: relative;
	}
.mem_search::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(/resources/images/m/kr/sk/sms/icon_search.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 10px; 
	}
.address::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(/resources/images/m/kr/sk/sms/icon_address.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 10px;
	}
.direct_form { }
.direct_form input {
	width: calc(100% - 50px);
	height: 40px;
	font-size: 14px;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;	
	outline-style:none;
	vertical-align: middle;
	}
.direct_form select {
	width: calc(100% - 50px);
	height: 40px;
	font-size: 14px;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;	
	outline-style:none;
	vertical-align: middle;
	}	
.direct_form .plus { 
	display: inline-block;
	width: 45px;
	height: 40px;
	background-color: #9ca5ab;
	background-image: url(/resources/images/m/kr/sk/sms/icon_add.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	} 
.direct_form .plus span { display: none;  }

.direct_form .chooseUl {line-style:none; text-align:center; width : calc(100% - 50px); margin-right: 4px; float : left;}.

.direct_form .chooseUl .halfUl {}
@media ( max-width: 480px ) {
.direct_form .chooseUl .halfUl {line-style:none; text-align:center; width : 130px; margin-right: 4px; float : left;}
}

.direct_form li {float:left;margin-bottom:10px; margin-right : 5px;}

.direct_form li .chooseGroup {text-align:center;background:#f1f1f1;line-height:3; padding: 0 5px 0 5px;width: 110px;font-size:13px;}
.direct_form li .chooseGroup.active {background:#e70128;color:white;font-weight: bold; }

.direct_form li .chooseDetail {text-align:center;background:#f1f1f1;line-height:3; padding: 0 5px 0 5px;width: 110px;font-size:13px;}
.direct_form li .chooseDetail.active {background:#e70128;color:white;font-weight: bold; }

.direct_form .black_btn { 
	display: inline-block;
	width:  20%;
	height: 40px;
	background: #434343; 
	vertical-align: middle;
	font-size: 1rem;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    text-align: center;
	} 
	
.num_form { height: 225px; overflow-y: scroll; border: 1px solid #a9a9a9; box-sizing: border-box; -webkit-overflow-scrolling : touch;}

/*
.num_form::-webkit-scrollbar{
	width : 30px;
}

.num_form::-webkit-scrollbar-track{
	-webkit-box-shadow : inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius : 10px;
	border-radius : 10px;
}
.num_form::-webkit-scrollbar-thumb{
	-webkit-border-radius : 10px;
	border-radius : 10px;
	background : rgba(255,0,0,0.8);
	-webkit-box-shadow : inset 0 0 6px rgba(0,0,0,0.5);
	height : 30px;
}
.num_form::-webkit-scrollbar-thumb:window-inactive{
	background : rgba(255,0,0,0.4);
}
*/
ul.address_list_nobefore li {
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #dddddd;
	position: relative;
    padding: 14px 10px 14px 10px;
    box-sizing: border-box;
	}
ul.address_list_nobefore li:hover { cursor: pointer; }
ul.address_list_nobefore li.selected { background-color: #fff3e7; }
ul.address_list_nobefore li b {  margin-left: 20px; margin-right: 5px;}
ul.address_list_nobefore li span { 
    display: inline-block;
    margin-right: 5px;
    color: #666666;
    }

ul.address_list li {
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #dddddd;
	position: relative;
    padding: 14px 10px 14px 10px;
    box-sizing: border-box;
	}
ul.address_list li:hover { cursor: pointer; }
ul.address_list li.selected { background-color: #fff3e7; }
ul.address_list li b {  margin-left: 20px; margin-right: 5px;}
ul.address_list li span { 
    display: inline-block;
    margin-right: 5px;
    color: #666666;
    }
ul.address_list li::before {
	display: block;
	content: '';
	width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	left: 10px;
	}
ul.address_list li.selected::before {
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
	}    
.message_wrap .send_box {
	border: 1px solid #dddddd;
	background: #f8f8f8;
	padding: 10px 15px;
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 40px;
	}
.message_wrap .send_box.message_con { height: 180px; }
.message_wrap .send_box h5 { font-size: 14px; width: 80px; }
.message_wrap .send_box div { font-size: 14px; color: #987f57; }
.message_wrap .send_box.name *,
.message_wrap .send_box.message_num * { display: table-cell; }


/* 주소록 */
.access_wrap.address_wrap section .tab_menu a { width: 50%; }
.address_wrap .address_list_wrap { } 
.address_wrap .address_list_wrap .address_1deps { 
    border-left: 1px solid #6d5434;
    border-right: 1px solid #6d5434;
    }
.address_wrap .address_list_wrap li:first-child .address_1deps { border-top: 1px solid #6d5434; }
.address_wrap .address_list_wrap li:last-child .address_1deps { border-bottom: 1px solid #6d5434; }
.address_wrap .address_list_wrap .address_2deps { border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; }

.address_1deps a.modify,
.address_2deps a.modify {
    display: block;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    color: #666666;
    position: absolute;
    right: 40px;
    }
.address_1deps a.modify { top: 11px;}
.address_2deps a.modify { top: 5px; }

.address_1deps a.delete,
.address_2deps a.delete {
    display: block;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    color: #666666;
    position: absolute;
    right: 10px;
    }
.address_1deps a.delete { top: 11px;}
.address_2deps a.delete { top: 5px; }

.address_1deps a.modify_member,
.address_2deps a.modify_member {
    display: block;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    color: #666666;
    position: absolute;
    right: 40px;
    }
.address_1deps a.modify_member { top: 11px;}
.address_2deps a.modify_member { top: 5px; }

.address_1deps a.delete_member,
.address_2deps a.delete_member {
    display: block;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    color: #666666;
    position: absolute;
    right: 10px;
    }
.address_1deps a.delete_member { top: 11px;}
.address_2deps a.delete_member { top: 5px; }

.address_wrap .info_wrap { padding-right: 55px; }

.address_wrap .modify_wrap { }
.address_wrap .modify_wrap * { vertical-align: bottom; }
.address_wrap .modify_wrap input { 
    font-size: 14px;
    border: 1px solid #a9a9a9;
    box-sizing: border-box;
    height: 31px;
    }
.address_wrap .address_1deps .modify_wrap input {
    width: calc(100% - 70px);
    box-sizing: border-box;
    }
.address_wrap .modify_wrap a { 
    display: inline-block;
    width: 30px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    }
.address_wrap .modify_wrap a.save {
    background: #e70128;
    }
.address_wrap .modify_wrap a.save_member {
    background: #e70128;
    }    
.address_wrap .modify_wrap a.cancel {
    background: #9ca5ab;
    }
.address_wrap .modify_wrap a.cancel_member {
    background: #9ca5ab;
    }    
.address_wrap .address_2deps .modify_wrap input.name { width: 65px; }
.address_wrap .address_2deps .modify_wrap input.phone_num { width: calc(100% - 140px); } 
.address_wrap .address_2deps .modify_wrap select.group { 
    width: 70px;
    box-sizing: border-box;
    height: 31px;
    font-size: 14px;;
    color: #666;
    }
.address_wrap .address_2deps .modify_wrap select.addrgroup { 
    width: 70px;
    box-sizing: border-box;
    height: 31px;
    font-size: 14px;;
    color: #666;
    }
.address_wrap .modify_member_wrap { margin-top: 10px; }
.address_wrap .modify_member_wrap * { vertical-align: bottom; }
.address_wrap .modify_member_wrap input { 
    font-size: 14px;
    border: 1px solid #a9a9a9;
    box-sizing: border-box;
    height: 31px;
    }
.address_wrap .address_1deps .modify_member_wrap input {
    width: calc(100% - 70px);
    box-sizing: border-box;
    }
.address_wrap .modify_member_wrap a { 
    display: inline-block;
    width: 30px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    }
.address_wrap .modify_member_wrap a.save {
    background: #e70128;
    }
.address_wrap .modify_member_wrap a.save_member {
    background: #e70128;
    }    
.address_wrap .modify_member_wrap a.cancel {
    background: #9ca5ab;
    margin-left: 5px;
    }
.address_wrap .modify_member_wrap a.cancel_member {
    background: #9ca5ab;
    }   
.address_wrap .address_2deps .modify_member_wrap input.name { width: 65px; }
.address_wrap .address_2deps .modify_member_wrap input.phone_num { width: calc(100% - 140px); } 
.address_wrap .address_2deps .modify_member_wrap select.group { 
    width: 70px;
    box-sizing: border-box;
    height: 31px;
    font-size: 14px;;
    color: #666;
    }
    
.address_wrap .direct_form input.name { width: calc(100%/4 - 20px); }
.address_wrap .direct_form input.phone_num { width: calc(500%/12 - 20px); }
.address_wrap .direct_form select.group { 
    width: calc(100%/3 - 20px);
    height: 40px;    
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 14px;;
    color: #666;
    }
.address_2deps.personal { 
    border-bottom: 1px solid #a9a9a9; 
    }
.index_search div.row {
    display: flex;
    lex-flow: row wrap; 
	justify-content:space-between;
    margin: 10px 0;
    }
.index_search div.row a {
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #666666;
    }
.index_search div span { color: #cccccc; }
.index_search div a:hover { color: #de7b14; }
.index_search div.btn_area { 
    height: 28px;
    clear: both;
    }
.index_search div.btn_area a {
    float: right;
    display: block;
    background: #dddddd;
    font-size: 12px;
    width: 105px;
    height: 28px;
    line-height: 26px;
    position: relative;
    border-radius: 14px;
    padding-left: 30px;
    box-sizing: border-box;
    }
.index_search div.btn_area a::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/resources/images/m/kr/sk/sms/icon_search.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 4px;
	left: 10px;
    }
.address_list_top { 
    border-bottom: 1px solid #a9a9a9;
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    position: relative;
    }
.address_list_top .checkAll {
    display: block;
    content: '';
    width: 17px;
    height: 14px;
    background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 10px;
    }
.address_list_top .checkAll.checked {
    display: block;
    content: '';
    width: 17px;
    height: 14px;
    background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 10px;
    }    
.address_list_top b { color: #e70128; }

/* 구성원 검색 */
.search_member_wrap .num_form { height: 200px; }
.search_member_wrap section.add_search {
    display: flex;
    flex-flow: row wrap; 
	justify-content:space-between;
	margin-bottom: 10px;
    }
.search_member_wrap section.add_search input,
.search_member_wrap section.add_search select { 
    padding: 0px 10px; 
    margin: 0px;
    border: 1px solid #a9a9a9;
    height: 30px;
    box-sizing: border-box;
    color: #666666;
    width: 49%;
    vertical-align: middle;
    font-size: 14px!important ;
    margin-bottom: 5px;
    }
.search_member_wrap section.add_search span { 
    padding: 0px 10px; 
    margin: 0px;
    width: 40%;
    vertical-align: middle;
    font-size: 14px!important ;
    margin-bottom: 5px;
    }    
.search_member_wrap section.add_search div { width: 100%; }
.search_member_wrap section.add_search a.search {
    display: block;
    width: 49%;
    height: 34px;
    line-height: 32px;
    padding-left: 15px;
    box-sizing: border-box;
    background: #987f57;
    border-radius: 17px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    float: right;
    position: relative;
    }
.search_member_wrap section.add_search a.search::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/resources/images/m/kr/sk/sms/icon_search_w.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 8px;
	left: 40px;
    }
.sms_wrap.search_member_wrap section {
    margin-top: 10px;
    }
.search_member_wrap .smsMemberCheck  {
	display: block;
	content: '';
	width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	left: 10px;
	}
.search_member_wrap .smsMemberCheck.checked {
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
	}	


.select_btn_area { margin-bottom: 10px;  }
.select_btn_area a.checkAll1 {
    font-size: 12px;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
    }
.select_btn_area a.checkAll1.checked { color: #e70128; }
.select_btn_area a.checkAll1.checked::before { 
    content: '';
    display: inline-block;
    width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 0px;
    }
.select_btn_area a.checkAll1::before { 
    content: '';
    display: inline-block;
    width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 0px;
    } 
.select_btn_area a.checkAll2 {
    font-size: 12px;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
    }    
.select_btn_area a.checkAll2.checked { color: #e70128; }
.select_btn_area a.checkAll2.checked::before { 
    content: '';
    display: inline-block;
    width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 0px;
    }
.select_btn_area a.checkAll2::before { 
    content: '';
    display: inline-block;
    width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 0px;
    } 
.select_btn_area a.deleteComplete {
    font-size: 12px;
    position: relative;
    text-decoration: underline;
    margin-left: 10px;
    }          
.sms_wrap .address_list_wrap { height: 328px; overflow-y: scroll; border: 1px solid #a9a9a9; box-sizing: border-box;  } 
.address_1deps { 
    padding: 15px 10px 15px 10px; 
    box-sizing: border-box; 
    position: relative; 
    border-bottom: 1px solid #6d5434;
    font-size: 14px;
    }
.address_1deps:hover { cursor: pointer; }
.address_1deps.selected  { 
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px;
    z-index: 1;
    background-color: #fff3e7;
    }
.address_1deps .addrBookCheck {
    content: '';
    display: inline-block;
    width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    position: absolute;
    top: 22px;
    left: 10px;
    }
.address_1deps .addrBookCheck.checked {
    content: '';
    display: inline-block;
    width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    position: absolute;
    top: 22px;
    left: 10px;
    }    
.address_2deps .addrMemberCheck  {
	display: block;
	content: '';
	width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	left: 10px;
	}
.address_2deps .addrMemberCheck.checked {
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
	}
    
/*.address_list_wrap li:last-child .address_1deps { border-bottom: none; }*/
.address_1deps b { 
    color: #987f57;
    font-size: 17px;  
    display: inline-block;
    height: 26px;
    line-height: 1.5;
    background-image: url(/resources/images/m/kr/sk/sms/icon_folder2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding: 0 5px 0 35px;
    box-sizing: border-box;
    margin-left: 15px;
    }
.address_1deps.selected b { 
    background-image: url(/resources/images/m/kr/sk/sms/icon_folder1.png);
    }
.address_2deps { 
    border-bottom: 1px solid #6d5434; 
    }
.address_2deps .address_list li { background: #f8f8f8; }
.address_2deps .address_list_nobefore li { background: #f8f8f8; }

.sms {}
.sms_btn_wrap {}
.sms_btn_wrap section {
	display: flex; 
	flex-flow: row nowrap; 
	justify-content:space-between;
	margin-bottom: 10px;
	}
.sms_btn_wrap section:last-child { margin-bottom: 0px; }
.sms_btn_wrap section a {	
	width: 50%;
	margin-right: 10px;
	height: 125px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	box-sizing: border-box;
	}
.sms_btn_wrap section a:last-child { margin-right: 0px; }

.sms_btn_wrap section a.btn_request {
	background-color: #de0126;
	background-image: url(/resources/images/m/kr/sk/sms/btn_sms.png);
	padding-top: 77px;
	}
.sms_btn_wrap section a.btn_request span {
	display: block;
	font-size: 13px;
	}
.sms_btn_wrap section a.btn_check {
	background-color: #ff7c00;
	background-image: url(/resources/images/m/kr/sk/sms/btn_check.png);
	padding-top: 90px;
	}
.sms_btn_wrap section a.btn_access {
	background-color: #987f57;
	background-image: url(/resources/images/m/kr/sk/sms/btn_access.png);
	padding-top: 90px;
	}
.sms_btn_wrap section a.btn_manage {
	background-color: #9ca5ab;
	background-image: url(/resources/images/m/kr/sk/sms/btn_manage.png);
	padding-top: 90px;
	}
.sms_btn_wrap section a.btn_map {
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color: #59a58f;
	}
.sms_btn_wrap section a.btn_map span {
	display: inline-block;
	width: 55px;
	height: 55px;
	background-image: url(/resources/images/m/kr/sk/sms/btn_map.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}
.memberLi.selected  { 
    background-color: #fff3e7;
    }	
.memberLi::before{
	display: block;
	content: '';
	width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	left: 10px;
}   
.memberLi.selected::before{ 
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
    }
.mobileLi.selected  { 
    background-color: #fff3e7;
    }	
.mobileLi::before{
	display: block;
	content: '';
	width: 17px;
	height: 14px;
	background-image: url(/resources/images/m/kr/sk/sms/num_select.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	left: 10px;
}   
.mobileLi.selected::before{ 
	background-image: url(/resources/images/m/kr/sk/sms/num_selected.png);
    }
    
.memberLi_nobefore.selected  { 
    background-color: #fff3e7;
    }	  
.message .input_s1 { 
	margin-top : 10px;
	width: calc(100% - 50px);
	height: 40px;
	font-size: 14px;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;	
	outline-style:none;
	vertical-align: middle;
	} 
.message .fileArea a { 
	margin-top : 10px;
	display: inline-block;
	width: 45px;
	height: 40px;
	background-color: #9ca5ab;
	background-image: url(/resources/images/m/kr/sk/sms/icon_add.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	} 
.message .fileArea a span { display: none;  } 
.message .btn_uploadList {

}

/* 실패 번호 팝업*/
.record_list_wrap .person_info {
	background: #f8f8f8;
	border: 1px solid #dddddd;
	padding: 10px 15px;
	font-size: 14px;
	}
.record_list_wrap .person_info div { 
	padding: 5px 0;
	}
.record_list_wrap .person_info div.name { 
	color: #987f57;
	font-size: 17px;
	font-weight: bold;
	}
.record_list_wrap .person_info div span { color: #cecece; padding: 0 10px; }
.record_list_wrap .person_info div .date { color: #186fff;}
.record_list_wrap .record_list {
	height: 400px;
	margin-top: 20px;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;
	overflow-y: scroll;	
	}
.record_list_wrap .record_list ul { padding: 10px 15px ; }
.record_list_wrap .record_list ul li{ 
	padding: 8px 0px;
	width: 50%;
    float: left;
}

.selectAuth {text-align:center;background:#f1f1f1;line-height:3;font-weight: bold; font-size: 18px; margin-top : 25px;  }
.selectAuth.active {background:#ec851a;color:white;font-weight: bold; font-size: 18px; margin-top : 25px; }    

/* 20240903 인증번호 팝업 추가 */
.confirm { display: block; top: 30%; margin: -135px auto 0; width: 400px; min-height: 271px; background: #fff; box-sizing: border-box; }
.confirm .tit { height: 45px; background: #333333; font-size: 15px; line-height: 45px; color: #fff; text-align: center; position: relative; }
.confirm .tit .closeBtn { display: inline-block; width: 22px; height: 22px; background: url(/resources/images/m/kr/sk/sms/close.png) no-repeat center; position: absolute; top: 10px; right: 9px;}
.confirm .tit .closeBtn span { display: none; }
.confirm .con { background: #fff; padding-top: 20px; box-sizing: border-box; } 
.confirm .con .conTop { background: #fff; box-sizing: border-box; padding: 0px 20px; } 
.confirm .con .conTop .conSt01 { border-top: 1px solid #dedede; } 
.confirm .con .conTop .conSt01 th,
.confirm .con .conTop .conSt01 td { border-bottom: 1px solid #dedede; text-align: left; padding-left: 10px; font-size: 13px; height: 50px; color: #333; } 
.confirm .con .conTop .conSt01 th { background: #f1f1f1; width: 90px; }
.confirm .con .conTop .conSt01 td input { background: #f9f9f9; border: 1px solid #cdcdcd; width: 200px; height: 36px; box-sizing: border-box; font-size: 13px; padding: 6px 10px; line-height: 1.2; font-family: inherit; } 
.confirm .con .conTop .conSt01 td .limitTime { vertical-align: middle; color: #e70128; }
.confirm .con .conBottom p { padding: 0 20px; height: 44px; }
.confirm .con .conBottom p span { display: inline-block; color:#0042ff; font-weight: normal; font-size: 13px;padding-top: 14px; }
.confirm .con .conBottom .btnWrap { text-align: center; border-top: 1px solid #e6e6e6; padding: 10px 20px; box-sizing: border-box; }
.confirm .con .conBottom .btnWrap button { border-radius: 3px; color: #fff; background: #716f6f; padding: 10px 20px; min-width: 100px; font-size: 14px; font-weight: bold; }
.confirm .con .conBottom .btnWrap button.red { background: #e70128; }