/*---------------------------------------------------------------------- */
/*-------------------- DODOSMS : Manage Page Type1  -------------------- */
/*---------------------------------------------------------------------- */

/*----------- Default Set ----------- */
html, body {width:100%; height:100%;}
.txt_red {color:#ff0000;}
.txt_blue {color:#294289;}
.txt_w {color:#ffffff;}
.bg_blue {background-color:#294289}
input {line-height:26px;}

.mt10 {margin-top:10px;}
.mt13 {margin-top:13px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mr5 {margin-right:4px;}
.p10 {padding:10px;} .pl10 {padding-left:10px;} .pl20 {padding-left:20px !important;}
.relative {position:relative;}
.table_row {display:table-row;}
.txt1 {font-size:18rem; font-weight:700;}
.txt_center {text-align:center !important;}
.txt_left {text-align:left !important;}
.txt_right {text-align:right !important;}
.boxline {border:solid 1px #303030;}
.dd_input {padding:0 !important;}
.pd10 {padding:10px  !important;}
.pd_no {padding:0  !important;}
.f_left {float:left;}
.f_right {float:right;}
.bold {font-weight:bold;}
.cursor{cursor:pointer;}

 
/*---------- custom scroll bar ------------ */
.scrollbar {overflow-y: scroll;}
.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar-thumb {height: 30%; background: #217af4; border-radius: 10px;}
.scrollbar::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);}

#lms, #mms {display: none;}
.w100 {width:100%;} .w10 {width:10%;} .w15 {width:15%;} .w6d {width:calc(100% / 6);} .w20 {width:20%;} .w25 {width:25%;} .w30 {width:30%;} .w40 {width:40%;} .w50 {width:50%;} .w60 {width:60%;} .w70 {width:70%;} .w80 {width:80%;} .w90 {width:90%;}
.w100p {width:100px;} .w120p {width:120px;} .w50p {width:50px;} .w150p {width:150px;} .w180p {width:180px;} .w800p {width:800px !important;}

.frameset {width:100%; height:100%; font-size:16rem; min-width:1820px; display:table;}
.frameset .frame_left {float:left; width:280px; height:100%; min-height:500px; background-color:#294289; padding:25px; color:#889edc; line-height:40px; display:table-cell;}
.frameset .frame_right {float:right; width:calc(100% - 280px); height:100%; background-color:#f0f2f8; display:table-cell;}
.frameset .frame_left .left_head {color:#ffffff; margin-bottom:30px; font-size:18rem;}
.frameset .frame_left .left_head img {margin-bottom:10px;}
.frameset .frame_left .left_menu {font-size:16rem; font-weight:500;}
.frameset .frame_left .left_menu li {border:0;}
.frameset .frame_left .left_menu .icon {width:37px; height:37px; overflow:hidden; background-image:url('../image/left_icon_grp.png'); background-repeat:no-repeat; float:left;}
.frameset .frame_left .left_menu .icon1 {background-position:0px 10px;}
.frameset .frame_left .left_menu .icon2 {background-position:0px -32px;}
.frameset .frame_left .left_menu .icon3 {background-position:0px -74px;}
.frameset .frame_left .left_menu .icon4 {background-position:0px -110px;}
.frameset .frame_left .left_menu .icon5 {background-position:0px -189px;}
.frameset .frame_left .left_menu .icon6 {background-position:0px -231px;}
.frameset .frame_left .left_menu .icon7 {background-position:0px -273px;}
.frameset .frame_left .left_menu .icon8 {background-position:0px -349px;} 
.frameset .frame_left .left_menu .icon9 {background-position:0px -390px;}
.frameset .frame_left .left_menu .icon10 {background-position:0px -429px;}
.frameset .frame_left .left_menu .icon11 {background-position:0px -471px;}
.frameset .frame_left .left_menu .icon12 {background-position:0px -555px;}
.frameset .frame_left .left_menu .icon13 {background-position:0px -597px;}

/*-------------- left menu Hover --------------*/
.frameset .frame_left .left_menu li:hover {color:#ffffff;}
.frameset .frame_left .left_menu li:hover .icon {color:#ffffff; background-image:url('../image/left_icon_grp_h.png');}
.frameset .frame_left .left_menu li.menu_on {color:#ffffff;}
.frameset .frame_left .left_menu li.menu_on .icon {background-image:url('../image/left_icon_grp_h.png');}

.user_info {height:80px; padding:20px; border-bottom:solid 1px #dddddd; background-color:#ffffff; position:relative;}
.user_info .user_name {min-width:200px; height:40px; line-height:40px; padding:3px; border-radius:50px; background-color:#294289; color:#ffffff; float:left; cursor:pointer;}
.user_info .user_name:hover {background-color:#303030;}
.user_info .user_name .user_img {width:32px; height:32px; border-radius:50%; background-color:#ffffff; float:left; display:flex; align-items:center; justify-content:center;} 
.user_info .user_name .welcome {padding:0 5px; float:left; line-height:34px;}

.user_info .user_cash {margin-left:50px; min-width:170px; height:40px; line-height:40px; padding:3px; border-radius:50px; float:left; border:solid 1px #909090; cursor:pointer;}
.user_info .user_cash .cash_img {width:32px; height:32px; border-radius:50%; background-color:#ffffff; float:left; display:flex; align-items:center; justify-content:center;}
.user_info .user_cash  .cash_all {padding:0 5px; float:left; line-height:34px;}

.user_info .user_logout {margin-left:50px; min-width:120px; height:40px; line-height:40px; padding:3px; border-radius:50px; float:left; border:solid 1px #909090; position:absolute; right:30px; cursor:pointer;}
.user_info .user_logout:hover {background-color:#303030; color:#ffffff;} 
.user_info .user_logout .logout_img {width:32px; height:32px; border-radius:50%; background-color:#ffffff; float:left; display:flex; align-items:center; justify-content:center;}
.user_info .user_logout  .logout {padding:0 5px; float:left; line-height:34px;}

.title {font-size:26px; font-weight:800; color:#294289; width:100%; line-height:30px; padding:15px 0 0 20px;}

/*-------------- Contents ------------*/
.contents_grp {padding:10px 20px; /*  min-height:800px; height:calc(100% - 300px); */ margin-bottom:30px;}
.contents_grp .contents {/* min-height:800px;*/  overflow:hidden ;  border:solid 1px #dddddd; background-color:#ffffff; border-radius:20px;}
.contents_grp .contents .sms_grp {width:50%; min-width:500px; min-height:800px; border-right:solid 1px #dddddd; float:left;}
.contents_grp .contents .guide_grp {float:left; width:50%;}

.sms_grp .tab_sms {width:100%; border-bottom:solid 1px #dddddd; padding:20px; overflow:hidden;}
.sms_grp .tab_sms .tab_grp {display:flex; align-items:center; justify-content:center;}
.sms_grp .tab_sms .tab_grp a {width:250px; height:46px; display:flex; align-items:center; justify-content:center; border:solid 1px #909090; border-radius:30px; margin-right:20px; font-size:22rem; font-weight:500; background-color:#f0f0f0;}
.sms_grp .tab_sms .tab_grp a:hover {background-color:#ffffff;}
.sms_grp .tab_sms .tab_grp a.on {background-color:#294289; color:#ffffff;}
.sms_grp .tab_sms .price {margin-top:10px; padding-top:10px; font-size:18rem; font-weight:500; display:flex; align-items:center; justify-content:center; text-align:center;}

.sms_grp .tab_sms .tab_elec_grp {border-bottom:solid 2px #294289; margin-top:20px; overflow:hidden;}
.sms_grp .tab_sms .tab_elec_grp a {width:50%; padding:10px; border-left:solid 1px #dddddd;  border-top:solid 1px #dddddd; border-right:solid 1px #dddddd;float:left; font-size:18px; text-align:center; background-color:#f0f0f0;}
.sms_grp .tab_sms .tab_elec_grp .div_zero {border-right:0;}
.sms_grp .tab_sms .tab_elec_grp a:hover {background-color:#ffffff;}
.sms_grp .tab_sms .tab_elec_grp a.on {background-color:#294289; color:#ffffff; border:solid 1px #294289;;}

.sms_grp .grp_div {width:50%; float:left; padding:30px 20px; font-size:14rem;}
.sms_grp .line_right {border-right:solid 1px #dddddd;}
.sms_grp .grp_box {border:0;} 
.sms_grp .grp_div_t {width:40% !important;}
.sms_grp .grp_div_i {width:20% !important; padding:0; height:100%; min-height:473px;}

.sms_grp .change_grp {font-size:15px;  position:relative; top:120px;}
.sms_grp .change_grp td {padding:2px 10px;; line-height:20px; text-align:center;}
.sms_grp .change_grp td .boxline {margin-left:10px; width:45px; padding:1px; border:solid 1px #aaaaaa; border-radius:2px; background-color:#f0f0f0; display:inline-block; cursor:pointer;}
.sms_grp .change_grp td .boxline:hover {background-color:#ffffff;}
.sms_grp .change_grp .btn_preview {margin-top:20px;}

.sms_grp .grp_div .box_sms {width:250px; margin:0 auto;}
.sms_grp .grp_div .sms_div {width:100%; display:flex; align-items:center; justify-content:center; min-height:30px;}
.sms_grp .grp_div .sms_div a {border:solid 1px #303030; width:123px; padding:5px 10px; display:flex; align-items:center; justify-content:center; border-radius:0px; background-color:#ffffff;}
.sms_grp .grp_div .sms_div a.on {background-color:#a9b9e1;}
.sms_grp .grp_div .sms_div a.on2 {background-color:#294289; width:auto;}
.sms_grp .grp_div .sms_div .sms_input {width:250px; height:290px; border:solid 2px #294289; background-color:#e3e7f1; border-radius:2px; font-size:20rem; font-weight:600; line-height:30rem; padding:10px;}
.sms_grp .grp_div .sms_div .sms_input_rm {width:250px; height:330px; border:solid 2px #294289; background-color:#ffffff; border-radius:2px; font-size:16rem; line-height:20rem;  padding:0 3px;}
.sms_grp .grp_div .sms_div .sms_input_rm .guide_elec_t {padding:5px 10px; color:#ff0000;}
.sms_grp .grp_div .sms_div .sms_input_rm .guide_elec_b {padding:5px 10px; line-height:18px; color:#ff0000;}
.sms_grp .grp_div .sms_div .sms_input_rm textarea {border:0; width:100%; height:240px; background-color:#ffffff; outline:0; padding:10px; overflow-y:auto; border:solid 1px #dddddd;}
.sms_grp .grp_div .sms_div .sms_subject {width:250px; border-radius:3px; font-size:16rem; font-weight:600; border:solid 1px #909090; padding:5px;}
.sms_grp .grp_div .sms_div .input_number {padding:2px 10px; border:solid 1px #aaaaaa; width:120px; text-align:center; background-color:#ffffff;;}
.sms_grp .grp_div .sms_div  input.input_number::placeholder{color:#101010; font-size:14px;}
.sms_grp .grp_div .sms_div  input.input_number:hover {background-color:f0f0f0;}
.sms_grp .grp_div .sms_div .load_address {padding:2px 10px; border:solid 1px #aaaaaa; width:120px; height:32px; background-color:#f0f0f0;}
.sms_grp .grp_div .sms_div .load_address:hover {background-color:#ffffff;}
.sms_grp .box_sms .sms_byte {font-size:16rem; font-weight:500; padding-left:150px;}
.sms_grp .box_sms .sms_byte .on {display:block;}
.sms_grp .grp_div .sms_load {padding:2px; margin-top:10px;}
.sms_grp .grp_div .sms_load a {width:100px; border-radius:5px; padding:5px; display:flex; justify-content:center; align-items:center; background-color:#294289; margin:0 auto;}
.sms_phonenumber {width:250px; height:237px; padding:10px; border:solid 1px #909090; border-radius:2px; overflow-y:scroll; background-image:url('/image/dot_l.png'); background-attachment:scroll;  background-position: right top; line-height:26px; padding:0 10px;} 
.sms_div .del_grp {width:250px;}
.sms_div .num_member {width:150px; font-size:16rem; font-weight:500; margin-right:10px; float:left; height:26px; line-height:26px; text-align: right;}
.sms_div .btn_del {width:60px; float:left; padding:5px 10px; border-radius:3px; text-align:center; font-size:14rem; font-weight:500; background-color:#294289; color:#ffffff;}
.sms_grp .box_sms .slc {padding:5px; font-size:16rem;}
.sms_grp .box_sms .slc span {margin-right:10px;}
.sms_grp .box_sms .slc select {padding:5px;}
.load_grp {text-align: left;}
.load_grp .loadfile {width:150px; padding:3px 5px; border-radius:3px;}
.load_grp .btn_load {padding:3px 5px; border-radius:3px;}

.select_number {font-size:15rem;}
.select_number select {padding:5px; width:250px;}

.trans_grp {clear:both; border-top:solid 1px #dddddd; padding:10px; height:60px; line-height:58px; padding-left:30px; display: flex; justify-content:left; align-items:center; padding-left:80px;}
.trans_grp li {float:left; padding:5px;}
.send_grp {clear:both; border-top:solid 1px #dddddd; padding:30px 0; display:flex; justify-content:center; align-items:center;}
.send_grp .btn_send {width:260px; height:60px; background-color:#294289; background-image:url('../image/btn_send.png'); background-repeat:no-repeat; background-position:50px 15px; border-radius:5px; font-size:20rem; color:#ffffff; padding-left:50px;}

/*----------------- Guide Info ------------------*/
.guide_grp {padding:30px;}
.guide_grp .title_guide {width:100%; font-size:25rem; font-weight:800; color:#294289; height:74px; border-bottom:solid 3px #294289; padding-top:10px;}
.guide_grp .img_caution {background-image:url('../image/icon_caution.png'); background-repeat:no-repeat; padding-left:70px; line-height:20rem;}
.guide_grp .title_guide span {font-size:12rem; font-weight:500; color:#909090; clear:both;}
.guide_grp .guide_content {font-size:17rem; line-height:30rem; padding:20px 0;}
.guide_grp .guide_btn li {padding:10px 0;}
.guide_grp .guide_btn li a {width:300px; padding:15px 20px; background-color:#eeeeee; display:flex; justify-content:center; align-items:center; border-radius:10px; border:solid 1px #cccccc; font-size:18rem; font-weight:600;}
.guide_grp .guide_btn .arrow {background-image:url('../image/icon_arrow.png'); background-repeat:no-repeat; background-position:250px center; padding-right:50px;}

.guide_listnum {text-align:right; position:relative;}
.guide_listnum a {padding:5px 15px; border:solid 1px #303030; background-color:#ffffff; font-size:14rem; width:120px; display:inline-block; text-align:center; border-radius:0;}
.mem_grp {width:100%;}
.mem_grp .mem_num {font-size:16rem; line-height:30rem; float:left; text-align:right; width:100px; color:#ff0000;}
.mem_grp .btn_quant {float:right;}
.mem_grp .btn_quant a {padding:5px 15px; background-color:#ffffff; font-size:14rem; width:120px; display:inline-block; text-align:center; border-radius:0 !important;}
.sms_phonenumber_l {height:280px;}

.box_listnum {display:none; position:absolute; top:0px; left:260px; width:250px; height:230px; text-align:left; border:solid 1px #505050; padding:20px; background-color:#ffffff; z-index:2000; box-shadow:5px 5px 2px rgba(0, 0, 0, 0.2);}
.box_listnum li {font-size:12rem; line-height:18rem;}
.box_listnum .box_listnum_ta th {padding:2px 5px; border-right:solid 1px #909090; width:50%;}
.box_listnum .box_listnum_ta td {padding:2px 5px;}
.box_listnum .box_listnum_ta table {border:solid 1px #909090;}
.box_listnum .box_listnum_ta table tr {border-bottom:dashed 1px #909090;}
.box_listnum .btn_close {position:absolute; top:10px; right:10px; font-size:12px; color:#ff0000; cursor:pointer;}
.box_listnum .btn_close img {width:20px;}

.box_sp_table {font-size:16rem; color:#303030; text-align:center; width:100%;}
.box_sp_table table {width:300px; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; margin:0 auto;}
.box_sp_table table td {padding:5px; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; text-align:center;}
.send_number {padding:15px;}
.send_number .send_select {width:240px; padding:5px;}
.table_rst {width:100%; border-top:solid 1px #dddddd; clear:both; padding:20px; margin-bottom:20px;}
.title_rst_grp {width:100%; padding:5px 0; position:relative;}
.title_rst_grp .title_rst {font-size:16rem;}
.title_rst_grp .title_rst .txt_sm {font-size:14rem;}
.title_rst_grp .btn_grp_rst {position:absolute; top:2px; right:0px;}
.title_rst_grp .btn_grp_rst a {display:inline-block; font-weight:500; background-color:#ffffff; padding:5px 15px; font-size:14rem; border-radius:20px; border:solid 1px #aaaaaa;}
.table_rst table {border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; margin-top:10px;}
.table_rst table th {padding:5px; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; text-align:center; background-color:#eeeeee;} 
.table_rst table td {padding:5px; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; text-align:center;}
.table_rst .light_gray {width:20px; height:20px; border-radius:20px; background-image: linear-gradient(#999999, #101010); margin:0 auto;}
.table_rst .light_green {width:20px; height:20px; border-radius:20px; background-image: linear-gradient(#00cc00, #006600); margin:0 auto;}
.table_rst table .btn_detail {display:inline-block; font-weight:500; background-color:#ffffff; padding:5px 15px; font-size:14rem; border-radius:20px; border:solid 1px #aaaaaa;}

.detail_sms_grp {display:none; position:absolute; top:-100px; left:130px; border:solid 1px #909090; width:210px; height:250px; background-color:#f5f5f5; z-index:auto; padding:40px 10px 10px 10px; border-radius:3px;}
.detail_sms_grp .btn_close img {width:20px; position:absolute; right:7px; top:10px; cursor:pointer;}
.detail_sms_grp .detail_sms textarea {width:190px; height:180px; padding:10px; font-size:14rem;}

.nav_page {padding:30px 15px; text-align:center;}
.nav_page .btn {width:36px; height:36px;}
.nav_page img {height:12px; margin-top:11px;}
.nav_page a {font-size:16px; line-height:36px; border:solid 1px #dddddd; border-radius:3px; display:inline-block; width:36px; height:36px;}
.nav_page a.on {background-color:#101010; color:#ffffff; border:solid 1px #101010;}
.nav_page a:hover {background-color:#dddddd; border:solid 1px #aaaaaa;}


.btn_guide {width:100%; padding:20px 10px 20px 0; text-align:right; position:relative;}
.btn_guide a {padding:5px 20px; background-color:#e0e0e0; border:solid 1px #cccccc; font-size:14rem; cursor:pointer;}
.btn_guide .btn_close {position:absolute; top:10px; right:10px;}
.btn_guide .btn_close img {width:20px; cursor:pointer;}
.guide_layer {width:460px; background-color:#ffffff; padding:10px; border:solid 1px #909090; position:absolute; top:15px; left:800px; z-index:1000; border-radius:0; box-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:left; font-size:14rem; line-height:160%; color:#505050;}
.guide_layer ul {padding:20px;}
.guide_layer ul li {list-style-type:decimal;}
 
.phone_number_table {margin-bottom:20px; border-bottom:solid 1px #aaaaaa; width:100%; height:500px; overflow-y:scroll; position:relative;}
.phone_number_head {position:sticky; top:0; left:0; background-color:#e3e7f1;}
.phone_number_head table {width:100%;}
.phone_number_head th {height:30px; border-right:solid 1px #303030;}
.phone_number_head table {border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa;}
.phone_number_head table th {padding:2px 5px; height:30px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#e3e7f1;}
.phone_number_body table th {padding:2px 5px; height:30px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#e3e7f1;}
.phone_number_body table td {padding:2px 5px; height:30px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;}

/*------------- Modal -------------*/
.modal {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; justify-content:center; align-items:center; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal .modal-content1 {background-color: #fefefe; margin: auto; width:500px;}
.modal .modal-content2 {background-color: #fefefe; margin: auto; width:800px;}
.modal .modal-content3 {background-color: #fefefe; margin: auto; width:805px;}
.modal .close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; padding-right:10px;}
.modal .close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}

/*------------- dd board -------------*/
.dd_board_grp {min-height:700px; overflow:hidden; border:solid 1px #dddddd; background-color:#ffffff; border-radius:20px; padding: 20px;}
.dd_board_grp .btn {display:inline-block; background-color:#294289; border-radius:30px; line-height:15px; font-size:16rem; font-weight:600; color:#ffffff; padding:10px 20px;}
.dd_board_grp .btnSm {display:inline-block; background-color:#303030; border-radius:30px; line-height:15px; font-size:13rem; font-weight:600; color:#ffffff; padding:5px 20px;}
.dd_board_grp .btn_write {width:100%; text-align:right; height:40px;}
.dd_board_grp .dd_board {margin:10px 0; border-top:solid 3px #294289; border-left:solid 1px #aaaaaa;}
.dd_board_grp .dd_board th {background-color:#e3e7f1; line-height:40px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; font-weight:600;}
.dd_board_grp .dd_board td {background-color:#ffffff; padding:5px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; text-align:center; padding:5px 2px; line-height:30px;}
.dd_board_grp .dd_board  .dd_mo {width:240px;} 
.dd_board_grp .dd_board td span {padding:0 5px;}
.dd_board_grp .dd_board input {padding:2px 10px;}
.dd_board_grp .dd_board input, .dd_board_grp .dd_board textarea {background-color:#f5f5f5;}
 
.dd_board_grp .nav_grp {margin-top:20px; text-align:center;}
.dd_board_grp .nav_grp a {width:30px; padding:5px; display:inline-block; margin:2px; text-align:center; font-size:18rem; line-height:18rem;}
.dd_board_grp .nav_grp a:hover {background-color:#a9b9e1;}
.dd_board_grp .nav_grp a.nav_btn {width:16px; padding:5px 0; margin:2px 0;}
 
/*------------- Bottom Area ------------------*/
.bottom {width:100%; margin:0;}
.bottom .bottom_grp {width:100%; padding:10px 0 0 25px;}

.dd_board_grp .top_area {width:100%; position:relative; height:30px; font-size:16rem;}
.dd_board_grp .top_area .msg_grp {float:left;}
.dd_board_grp .top_area .msg_grp select {height:29px; background-color:#dce3f4; padding:0px 10px;}
.dd_board_grp .top_area .msg_grp a {border:solid 1px #aaaaaa; background-color:#f5f5f5; border-radius:2px; padding:5px 10px;}
.dd_board_grp .top_area .sch_grp {width:400px; display:inline-block; position:relative; left:20%; z-index:10;}
.dd_board_grp .top_area .sch_grp input {width:220px; background-color:#dce3f4;}
.dd_board_grp .top_area .sch_grp a {border:solid 1px #aaaaaa; background-color:#f5f5f5; border-radius:2px; padding:5px 10px; line-height:30px; position:relative; top:2px;}
.dd_board_grp .top_area .grp_grp {float:right;}
.dd_board_grp .top_area .grp_grp input {width:150px; height:29px; background-color:#dce3f4;}
.dd_board_grp .top_area .grp_grp a {border:solid 1px #aaaaaa; background-color:#f5f5f5; border-radius:2px; padding:5px 10px;}
.dd_board_grp .top_select {width:100%; height:30px;}
.dd_board_grp .top_select select {min-width:200px; padding:2px;  height:29px;}
.dd_board_grp .btn_up {width:16px; position:relative; top:10px;}
.dd_board_grp .btn_down {width:16px; position:relative; top:10px;}

.contents_grp .button {display:inline-block; padding:2px 10px; height:32px; line-height:26px; background-color:#f5f5f5; border:solid 1px #999999; border-radius:3px; font-size:16rem; text-align:center;}
.contents_grp .button:hover {background-color:#ffffff;}
.dd_board_grp .input_txt {padding:2px 10px; height:32px; line-height:26px; background-color:#f5f5f5; border:solid 1px #999999; border-radius:3px; font-size:16rem;}
.needtokonw {margin-top:20px; border-radius:10px; width:100%; padding:10px 30px 30px 30px; border:solid 1px #dddddd; background-color:#f5f5f5; min-height:100px;}
.needtokonw p {font-size:18rem; font-weight:700; color:#294289; margin:10px 0;}
.needtokonw li {line-height:160%;}

.needtokonw_inner {margin-top:20px; width:100%; padding:10px 30px 30px 30px; border-top:solid 1px #dddddd; min-height:100px;}
.needtokonw_inner p {font-size:18rem; font-weight:700; color:#294289; margin:10px 0;}
.needtokonw_inner li {line-height:160%;}

.box_add_num {position:absolute; top:calc(50% - 250px); left:calc(50% - 120px); width:500px; height:320px; text-align:left; border:solid 1px #505050; padding:20px; background-color:#ffffff; z-index:2000; box-shadow:5px 5px 2px rgba(0, 0, 0, 0.2);}
.box_add_num li {font-size:12rem; line-height:18rem;}
.box_add_num .box_listnum_ta th {padding:2px 5px; border-right:solid 1px #909090; width:50%;}
.box_add_num .box_listnum_ta td {padding:2px 5px;}
.box_add_num .box_listnum_ta table {border:solid 1px #909090;}
.box_add_num .box_listnum_ta table tr {border-bottom:dashed 1px #909090;}
.box_add_num .btn_close {position:absolute; top:10px; right:10px; font-size:12px; color:#ff0000; cursor:pointer;}
.box_add_num .btn_close img {width:20px;}
.box_add_num .box_add {float:left; width: calc(50% - 10px); height:100%; font-size:14rem; margin-right:10px;}
.box_add_num .box_add_guide {float:left; width:50%; height:100%;}
.box_add_num .box_add_guide .t_ifo {font-size:16rem; font-weight:600; line-height:20rem;}
.box_add_num .box_add p {font-weight:600; line-height:180%;}
.box_add_num .list_box_add textarea {width:100%; height:180px; border:solid 1px #909090; background-color:#f5f5f5; padding:5px; text-align:left; overflow-y:auto; line-height:120%; font-size:14rem;}
.box_add_num .box_add .btn_count_mem {display:inline-block; padding:2px 10px; height:28px; line-height:22px; background-color:#f5f5f5; border:solid 1px #999999; border-radius:3px; font-size:14rem;}

.box_add_num .box_add .btn_add_grp {width:100%; padding-top:5px; text-align:center;}
.box_add_num .box_add .btn_add_address {display:inline-block; width:150px; padding:10px 15px; background-color:#f5f5f5; border-radius:3px; font-size:16rem; background-color:#294289; color:#ffffff;}

.box_block_num {position:absolute; top:calc(50% - 125px); left:calc(50% - 75px); width:250px; height:170px; text-align:left; border:solid 1px #505050; padding:30px 20px 20px 20px; background-color:#ffffff; z-index:2000; box-shadow:5px 5px 2px rgba(0, 0, 0, 0.2); text-align:center;}
.box_block_num .list_block_add {font-size:16rem;}
.box_block_num .list_block_add li {padding:2px; }
.box_block_num .list_block_add input {width:120px;}
.box_block_num .btn_close {position:absolute; top:10px; right:10px; font-size:12px; color:#ff0000; cursor:pointer;}
.box_block_num .btn_close img {width:20px;}
.box_block_num .btn_block_mem {height:50px; padding:10px; overflow:hidden;}
.box_block_num .btn_block_mem a {font-size:16rem; padding:5px 20px; border:solid 1px #cccccc; background-color:#eeeeee; position:relative; top:10px;}

 /*------------ Massage Box -----------------*/
.msg_detail_grp {padding:20px; font-size:16rem;}
.msg_detail_grp .msg_detail_title {font-size:24rem; font-weight:700; height:50px;}
.msg_detail_grp .msg_detail {width:800px; padding:20px; border:solid 1px #aaaaaa; border-radius:5px; background-color:#f0f0f0; display:flex; flex-wrap: wrap;}
.msg_detail_grp .msg_detail textarea {width:240px; height:260px; border:solid 1px #294289; background-color:#f0f2f8; padding:10px; font-size:18rem;}
.msg_detail_grp .msg_detail .msg_detail_left {flex:270px;}
.msg_detail_grp .msg_detail .msg_detail_right {width:calc(100% - 270px);}
.msg_detail_grp .msg_detail .msg_detail_right li {line-height:180%; font-size:18rem;}
.msg_detail_grp .txt_sm {font-size:14rem;}
.msg_detail_grp .msg_detail .msg_table {display:inline-block; width:100%; margin-top:20px; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; background-color:#ffffff; text-align:center;}
.msg_detail_grp .msg_detail .msg_table table th {height:30px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#dddddd;}
.msg_detail_grp .msg_detail .msg_table table td {height:30px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;}
.msg_detail_grp .msg_detail .msg_guide {padding-top:15px; font-size:14rem;}

.msg_list_grp {width:100%; padding:20px;}
.msg_list_grp .title {padding:0; font-size:24rem; font-weight:700; color:#303030;}
.msg_list_grp .msg_table {display:inline-block; width:100%; margin-top:20px; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; background-color:#ffffff; text-align:center;}
.msg_list_grp .msg_table table th {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#cccccc;}
.msg_list_grp .msg_table table td {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;}

.con_sel_grp {width:100%; padding:10px; border:solid 1px #aaaaaa; margin-top:10px; background-color:#f0f2f8;}
.con_sel_grp li {display:inline-block; padding:0 5px;}
.con_sel_grp select {padding:4px 6px;}

.depo_info_grp {width:100%; padding:20px; font-size:16rem;}
.depo_info_grp .title {padding:0; font-size:18rem; font-weight:700; color:#303030;}
.depo_info_grp .depo_table {display:inline-block; width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; background-color:#ffffff; text-align:center;}
.depo_info_grp .depo_table table th {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#f0f0f0;padding:2px 15px; text-align:left; width:150px;}
.depo_info_grp .depo_table table td {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; text-align:left; padding:2px 5px;}
.depo_info_grp .depo_table .pay_fix {padding:0 0 0 5px;}
.depo_info_grp .depo_table .btn_radio {position:relative; top:-2px;}
.depo_info_grp .depo_table input {margin:0 5px;}
.depo_info_grp .btn_payment {padding:20px; text-align:center; width:100%;}
.depo_info_grp .btn_payment a {width:150px; height:50px; text-align:center; line-height:48px; border:solid 1px #f30; border-radius:3px; background-color:#ff3300; color:#ffffff; display:inline-block; font-size:20rem;}
.depo_info_grp .btn_payment a:hover {background-color:#ff5500;}

.call_num_grp {width:100%; padding:20px; font-size:16rem;}
.call_num_grp .callnum_table {display:inline-block; width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; background-color:#ffffff;}
.call_num_grp .callnum_table table th {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#f0f0f0;padding:2px 15px;}
.call_num_grp .callnum_table table td {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; padding:2px 5px; text-align:center;}

.contents_sm {min-height:700px; overflow:hidden; border:solid 1px #dddddd; background-color:#ffffff; border-radius:20px;}
.btn_callnumber {width:100%; padding:20px 0; /* text-align:center; */}
.btn_callnumber a {width:150px; height:50px; text-align:center; line-height:48px; border:solid 1px #f30; border-radius:3px; background-color:#ff3300; color:#ffffff; display:inline-block; font-size:20rem;}
.btn_callnumber a:hover {background-color:#ff5500;}
.contents_sm .title {font-size:20rem; font-weight:600; color:303030; padding-left:30px;}
.border_top {border-top:solid 1px #dddddd;}

.modal .box_customer {position:absolute; top:calc(50% - 300px); left:calc(50% - 200px); width:600px;   text-align:left; border:solid 1px #505050; padding:30px 20px 20px 20px; background-color:#ffffff; z-index:2000; box-shadow:5px 5px 2px rgba(0, 0, 0, 0.2); text-align:center;}
.modal .customer_info {font-size:16rem; display:flex; flex-wrap: wrap;}
.modal .customer_info div {width:48%; border:solid 1px #dddddd; padding:20px; margin:5px;}
.modal .customer_info div h3 {font-weight:700; color:#294289;}
.modal .btn_close {position:absolute; top:10px; right:10px; font-size:12px; color:#ff0000; cursor:pointer;}
.modal .btn_close img {width:20px;}

.user_edit_grp {width:100%; padding:20px; font-size:16rem;}
.user_edit_grp .title {padding:0; font-size:18rem; font-weight:700; color:#303030;}
.user_edit_grp .user_edit_table {display:inline-block; width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; background-color:#ffffff; text-align:center;}
.user_edit_grp .user_edit_table table th {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#f0f0f0;padding:2px 15px; text-align:left; width:150px;}
.user_edit_grp .user_edit_table table td {height:36px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; text-align:left; padding:2px 5px;}
.user_edit_grp .user_edit_table input {margin:0 5px;}

/*------------------- Modal Massage Box ---------------------------*/
.msg_save_box {width:798px; height:728px; position:relative; padding:20px; font-size:16rem; background-color:#ffffff;}
.address_book {height:620px;}
.msg_save_box .box_grp {width:100%; padding:0 20px 20px 20px;}
.msg_save_box .box_title {width:100%; height:50px; font-size:20rem; color:#294289; font-weight:700;}
.msg_save_box .msg_head {position:relative; height:35px; line-height:30px; border-bottom:solid 1px #dddddd;}
.msg_save_box .msg_title {width:100%; font-size:18px; color:#ff3300; font-weight:800;}
.msg_save_box .msg_title_s {width:100%; font-size:14px; color:#333333; font-weight:400;}
.msg_save_box .btn_grp {position:absolute; top:0px; right:0px; font-size:16rem;}
.msg_save_box .btn_grp a {display:inline-block; width:70px; line-height:24px; height:26px; text-align:center; border:solid 1px #aaaaaa; background-color:#f0f0f0; border-radius:2px; font-size:14rem;}
.msg_save_box .btn_grp a:hover {background-color:#ffffff;}
.msg_save_box .btn_grp .btn_red {background-color:#f30; color:#ffffff; border:solid 1px #c30;}
.msg_save_box .btn_grp .btn_red:hover {background-color:#fb8b6f; color:#ffffff; border:solid 1px #c30;} 
.msg_save_box .box_grp .msg_boxs {display:flex; flex-wrap: wrap;}
.msg_save_box .box_grp .msg_boxs .msg_box {margin-bottom:30px; position:relative; }
.msg_save_box .box_grp .msg_boxs .msg_box textarea {width:225px; height:230px; border:solid 2px #294289; padding:10px; font-size:16rem; border-radius:5px; background-color:#f0f3fa;}
.msg_save_box .box_grp .msg_boxs .msg_box .box_imgage {width:225px; height:230px; border:solid 2px #294289; padding:10px; font-size:16rem; border-radius:5px; background-color:#f0f3fa;}
.msg_save_box .box_grp .msg_boxs .mr10 {margin-right:20px;}
.msg_save_box .box_grp .msg_boxs .msg_box .chkbox {position:absolute; left:0px; bottom:-15px;}
.msg_save_box .nav_grp {width:100%; padding:10px; text-align:center; font-size:18rem; line-height:16rem;}
.msg_save_box .nav_grp a {padding:0 3px;}
.msg_save_box .nav_grp a img {width:15px; height:15px;}
.msg_save_box .box_grp .msg_boxs .msg_box .title_sec {padding:5px 5px 5px 10px;}
.msg_save_box .box_grp .msg_boxs .msg_box .title_sec .chkbox {position:relative; left:-10px; top:-2px;}
.msg_save_box .box_grp .msg_boxs .book_address {border:solid 1px #dddddd; margin-bottom:20px;}
.msg_save_box .box_grp .msg_boxs .book_address tr {height:36px;}
.msg_save_box .box_grp .msg_boxs .book_address th {border-bottom:solid 1px #dddddd; text-align:center; background-color:#f0f0f0;}
.msg_save_box .box_grp .msg_boxs .book_address td {border-bottom:solid 1px #dddddd; text-align:center;}
.msg_save_box .box_grp .msg_boxs .book_address .btn {padding:5px 10px; background-color:#303030; color:#dddddd; border-radius:3px; font-size:14px;}
.msg_save_box .box_grp .msg_boxs .book_address .btn:hover {background-color:#555555;}
.msg_save_box .box_h {height:520px; border:solid 0px #f30;}
.msg_save_box .search_grp {height:50px;}
.msg_save_box .search_grp ul {float:right;}
.msg_save_box .search_grp li {float:left; line-height:30px; padding-left:10px;}
.msg_save_box .search_grp li input {margin-right:3px;}
.msg_save_box .search_grp li .input_search {width:100px; border-radius:2px; border:solid 1px #aaaaaa; background-color:#f0f0f0;}
.msg_save_box .search_grp li .btn_sch {width:60px; border-radius:2px; border:solid 1px #aaaaaa; background-color:#dddddd; margin:0;}
.msg_save_box .search_grp li .btn_sch:hover {background-color:#f0f0f0;}
.btn_add_list_grp {width:100%; text-align:center; padding:20px;}
.btn_add_list {padding:15px 30px; background-color:#15275c; color:#ffffff; font-size:16px; border-radius:3px; margin:0 auto;}
.btn_add_list:hover {background-color:#294289;}
.msg_save_box .box_grp .groups_grp {width:100%; height:50px; border-bottom:solid 1px #dddddd; margin-bottom:10px;}
.msg_save_box .box_grp .groups_grp li {float:left;}
.msg_save_box .box_grp .groups_grp li.select_btn button {padding:5px 10px; background-color:#f0f0f0; border:solid 1px #aaaaaa; border-radius:3px;}
.msg_save_box .box_grp .groups_grp li.select_grp {float:right;}

.book_address .btn_updown {padding:2px; margin:2px; background-color:#ffffff; border:solid 1px #aaaaaa; line-height:8px; display:inline-block;}





.msg_new_pop {width:250px; height:330px; top:70px; left:calc(50% - 150px); position:absolute; padding:10px; font-size:16rem; background-color:#ffffff; border:solid 3px #66aa00; display:none; box-shadow:0px 5px 10px rgba(0,0,0,0.9);}
.msg_new_pop .new_box {width:230px; left:0; top:0; padding:0;}
.msg_new_pop .new_box .box_title {width:100%; height:20px; font-size:14rem; color:#294289; font-weight:700;}
.msg_new_pop .new_box .box_grp {padding:0; margin-top:5px;}
.msg_new_pop .new_box .box_grp .msg_boxs {position:relative;}
.msg_new_pop .new_box .box_grp .msg_boxs .msg_box textarea {width:225px; height:230px; border:solid 2px #294289; padding:10px; font-size:16rem; border-radius:5px; background-color:#f0f3fa;}
.msg_new_pop .new_box .box_grp .msg_boxs .msg_byte {font-size:12rem; position:absolute; right:5px;}
.msg_new_pop .new_box .box_grp .msg_boxs .msg_byte b {color:#ff0000;}
.msg_new_pop button {padding:5px 20px; border:solid 1px #aaaaaa; background-color:#eeeeee; font-size:12rem; position:absolute; bottom:10px; left:100px; border-radius:3px; color:#101010;}
.msg_new_pop button:hover {background-color:#f9f9f9;}
.msg_new_pop .btn_close {position:absolute; top:10px; right:10px; cursor:pointer;}
.msg_new_pop .btn_close img {width:18px; height:18px;}

.img_new_pop {width:300px; height:150px; top:70px; left:calc(50% - 150px); position:absolute; padding:10px; font-size:16rem; background-color:#ffffff; border:solid 3px #66aa00; display:none; box-shadow:0px 5px 10px rgba(0,0,0,0.9);}
.img_new_pop .new_box {width:230px; left:0; top:0; padding:0;}
.img_new_pop .new_box .box_title {width:100%; height:20px; font-size:14rem; color:#294289; font-weight:700;}
.img_new_pop .new_box .box_grp {padding:0; margin-top:15px;}
.img_new_pop .new_box .box_grp .msg_boxs {position:relative;}
.img_new_pop .new_box .box_grp input {width:270px; background-color:#f5f5f5;}
.img_new_pop button {padding:5px 20px; border:solid 1px #aaaaaa; background-color:#eeeeee; font-size:12rem; position:absolute; bottom:10px; left:125px; border-radius:3px; color:#101010;}
.img_new_pop button:hover {background-color:#f9f9f9;}
.img_new_pop .btn_close {position:absolute; top:10px; right:10px; cursor:pointer;}
.img_new_pop .btn_close img {width:18px; height:18px;}

/*------------- Special Character ----------------*/
#speCha {position:relative;}
#speCha .spe_cha {width:300px; min-height:200px; border:solid 1px #aaaaaa; padding:10px; position:absolute; left:10px; top:-30px; background-color:#ffffff; padding-top:25px;}
#speCha .spe_cha .btn_grp a {display:inline-block; width:calc(100% / 3.07); padding:5px 15px; background-color:#eeeeee; border:solid 1px #aaaaaa; text-align:center;}
#speCha .spe_cha .btn_close {width:20px; position:absolute; top:3px; right:3px; background-color:#ffffff; border-radius:50%; cursor:pointer;}
 
#speCha .spe_cha .btn_grp .btn_on {background-color:#505050; color:#ffffff;}
#speCha .ms_table {padding-top:10px;}
#speCha .ms_table table {border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa;}
#speCha .ms_table table td {padding:2px; text-align:center; border-right:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; cursor:pointer;}
#speCha .ms_table table td:hover {background-color:#101010; color:#ffffff;}

.sms_file_grp {width:100%;}
.sms_file_grp table {border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; font-size:16rem;}
.sms_file_grp table th {width:100px; padding:10px 5px; text-align:center; border-right:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; background-color:#f0f3fa;}
.sms_file_grp table td {padding:5px; text-align:center; border-right:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; text-align:left; line-height:36px;}
.sms_file_grp table .input_file {width:230px; border:solid 1px #cccccc;}
.sms_file_grp table select {height:32px;}
.sms_file_grp table input {background-color:#f0f0f0;}
.sms_file_grp .input_box {width:60px;}

.customer_info {width:100%; min-height:200px; margin-top:50px; border:solid 1px #15275c; background-color:#4862ad; padding:10px; font-size:16rem; line-height:22rem; color:#b9c5e8; text-align:center; box-shadow:2px 2px 2px rgba(0,0,0,0.2); border-radius:2px;}
.customer_info .ci_bold {font-size:16rem; font-weight:700; color:#ffffff; padding-top:10px;}
.customer_info .pn_bold {font-size:28rem; font-weight:700; color:#ffff33; padding:10px;}

/*------------------ Member login -------------------------*/
.login_frame {width:100%; height:100%; background-color:#f0f0f0; display:flex; align-items:center; justify-content:center;}
.login_logo {position:absolute; top:-80px; left:0; }
.login_frame .login_grp {width:700px; min-height:500px; border:solid 1px #dddddd; background-color:#ffffff; font-size:16rem; padding:20px; box-shadow:2px 2px 2px rgba(0,0,0,0.1); border-radius:3px; position:relative;}
.login_frame .login_grp li {padding:10px 0; line-height:160%;}
.login_frame .login_grp .title {font-size:40rem; font-weight:700; background-color:#294289; color:#ffffff; padding:10px 20px;}
.login_frame .login_grp .title_g {font-size:22rem; color:#909090; line-height:200%; text-align:center;}
.login_frame .login_grp li label {width:150px; font-size:20px; display:inline-block; padding-left:10px;}
.login_frame .login_grp li input {width:calc(100% - 160px); padding:7px 10px; font-size:18rem; color:#303030; font-weight:500; border:solid 1px #294289; background-color:#e3e7f1;}
.login_frame .login_grp li .btn_login {margin-top:20px; border-radius:5px; display:block; width:100%; padding:25px;   color:#ffffff; text-align:center; font-size:26px; box-shadow:0px 4px 0px rgba(0,0,0,0.2); background: linear-gradient(#707070, #101010);}
.login_frame .login_grp .login_find {display:flex; padding:20px 0; margin-top:20px;}
.login_frame .login_grp .login_find a {width:100px; display:inline-block; padding:10px 20px; background-color:#f5f5f5; border:solid 1px #cccccc; font-size:14rem; flex-grow: 1; text-align:center; cursor:pointer; border-radius:3px;}
.login_frame .login_grp .login_find a:hover {background-color:#ffffff;}
.login_frame .login_grp .login_find .margin {margin:0 20px;}

/*------------------ Member Join -------------------------*/
.join_frame {width:100%; height:100%; background-color:#f0f0f0; display:flex; align-items:center; justify-content:center; font-size:16rem;}
.join_frame .join_grp {width:800px; position:relative;}
.join_frame .join_grp .join_logo {position:absolute; top:0; right:0;}
.join_frame .join_grp .join_logo img {width:200px;}

.join_frame .join_title {width:100%; font-size:28px; font-weight:800; color:#294289;}
.join_frame .join_grp .join_desc {margin-top:10px; width:100%; height:500px; border:solid 1px #dddddd; background-color:#ffffff; font-size:16rem; padding:20px; /* box-shadow:2px 2px 2px rgba(0,0,0,0.1);*/ border-radius:3px; overflow-y:auto;}
.join_frame .join_grp .join_chk {padding:20px 0; font-size:18rem; color:#101010;}
.join_frame .join_grp .join_chk input {margin-right:10px;}
.join_btn {width:100%; text-align:center;}
.join_btn button {width:100%; padding:20px; border-radius:3px; background-color:#f5f5f5; font-size:22px; color:#101010; text-align:center; border:solid 1px #cccccc; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.join_btn button:hover {background-color:#ffffff;}
.join_frame .join_grp .join_ident {margin-top:20px; font-size:16rem; padding:20px; border:solid 1px #aaaaaa; border-radius:3px; background-color:#ffffff;}
.join_frame .join_grp .join_ident li {line-height:160%;}
.join_frame .join_grp .btn_ident button{width:100px; height:80px; font-size:18rem; background-color:#101010; color:#ffffff; display:flex; align-items:center; justify-content:center; position:absolute; top:85px; right:10px; border-radius:5px;}
.join_frame .join_grp .btn_ident button:hover {background-color:#303030;}

.join_frame .join_grp .join_form {margin-top:15px; width:100%; padding:20px; border:solid 1px #dddddd; background-color:#ffffff;}
.join_frame .join_grp .join_form .t1 {line-height:220%; font-size:18rem; font-weight:700;}
.join_frame .join_grp .join_form ul {border-top:solid 2px #3399ff;}
.join_frame .join_grp .join_form li {line-height:200%; border-bottom:solid 1px #dddddd; padding:10px 0;}
.join_frame .join_grp .join_form li input {padding:5px 10px; border:solid 1px #aaaaaa; background-color:#f5f5f5; font-size:16rem;}
.join_frame .join_grp .join_form label {display:inline-block; width:150px; font-weight:700;}
.join_frame .join_grp .join_form .btn_db {display:inline-block; padding:2px 20px; background-color:#101010; color:#ffffff; border-radius:3px; margin-left:10px;}
.join_frame .join_grp .join_form .btn_db:hover {background-color:#505050;}
.join_frame .join_grp .btn_join button {margin-top:30px; width:100%; height:50px; font-size:18rem; background-color:#101010; color:#ffffff; display:flex; align-items:center; justify-content:center; border-radius:5px;}
.join_frame .join_grp .btn_join button:hover {background-color:#505050;}

.login_frame .find_grp {width:600px; position:relative; margin-top:15px; padding:20px; border:solid 1px #dddddd; background-color:#ffffff; font-size:16rem;}
.login_frame .find_grp .title {padding:0; font-size:20rem; color:#294289; margin-bottom:30px;}
.login_frame .find_grp .find_logo {position:absolute; top:15px; right:10px;}
.login_frame .find_grp .find_title {font-size:30rem; color:#294289; font-weight:700; padding-bottom:30px;}
.login_frame .find_grp li {padding:10px 0;}
.login_frame .find_grp label {width:150px; display:inline-block; padding-left:10px;}
.login_frame .find_grp input {width:calc(100% - 160px); padding:2px 10px; background-color:#ffffff; border:solid 1px #aaaaaa; border-radius:3px;}
.login_frame .find_grp .btn_find {width:100%; height:60px; font-size:18rem; background-color:#101010; color:#ffffff; display:flex; align-items:center; justify-content:center; border-radius:5px;}

.login_frame .tab_grp {width:100%; height:50px;}
.login_frame .tab_grp .tab {float:left; width:50%; height:50px; text-align:center; padding-top:10px; font-size:18rem; font-weight:700; background-color:#eeeeee; border:solid 1px #aaaaaa; border-bottom:solid 1px #294289;}
.login_frame .tab_grp .tab_on {background-color:#ffffff; border:solid 1px #294289; border-bottom:0;}
.login_frame .tab_grp .tab_l {border-right:solid 1px #294289;}
.login_frame .find_grp .find_form {border:solid 1px #aaaaaa; background-color:#f0f0f0; padding:10px; margin-top:20px;}

.contents .navpage {margin-top:20px; padding:15px; text-align:center;}
.contents .navpage a {padding:0 10px; font-size:18rem; line-height:14px;}
.contents .navpage .btn {padding:0 5px;}
.contents .navpage img {height:16px; margin-top:1px;}


.msg_check_grp {padding:20px; font-size:16rem;}
.msg_check_grp .msg_check_title {font-size:16rem; font-weight:500; height:30px;}
.msg_check_grp .msg_check {width:800px; padding:20px; border:solid 1px #aaaaaa; border-radius:5px; background-color:#f0f0f0; display:flex; flex-wrap: wrap;}
.msg_check_grp .msg_check textarea {width:240px; height:260px; border:solid 1px #294289; background-color:#f0f2f8; padding:10px; font-size:18rem;}
.msg_check_grp .msg_check .msg_check_left {flex:20px;}
.msg_check_grp .txt_sm {font-size:14rem;}
.msg_check_grp .msg_check .msg_table {display:inline-block; width:100%; margin-top:20px; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; background-color:#ffffff; text-align:center;}
.msg_check_grp .msg_check .msg_table table th {height:30px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background-color:#dddddd;}
.msg_check_grp .msg_check .msg_table table td {height:30px; border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;}
.msg_check_grp .msg_check .msg_guide {padding-top:15px; font-size:14rem;}
.line_top {border-top:solid 1px #dddddd;}

.msg_sec {width:100%; overflow:hidden; margin-top:30px;}
.msg_sec .msg_box {width:300px; float:left;}
.msg_sec .msg_box textarea {width:240px; height:260px; border:solid 1px #294289; background-color:#f0f2f8; padding:10px; font-size:18rem;}
.msg_sec .msg_detail {float:left;}
.msg_sec .msg_detail table {margin-top:30px;}
.msg_sec .msg_detail th {padding:10px; }
.msg_sec .msg_detail td {padding:10px;}

.grp_send_btn {width:100%; text-align:center; padding:20px 0; border-top:solid 1px #dddddd; margin-top:20px;}
.grp_send_btn .btn_send_msg {padding:15px 40px; background-color:#294289; color:#ffffff; font-weight:700; font-size:18rem; border-radius:3px;}
.grp_send_btn .btn_send_msg:hover  {background-color:#4862ad;}

/*----------- End ----------- */