/*---------------------------------------------------------------------- */
/*-------------------- DODOSMS : Manage Page Type2  -------------------- */
/*---------------------------------------------------------------------- */

/*----------- Default Set ----------- */
html, body {width:100%; height:100%; background-color:#f0f0f0;}
.txt_red {color:#ff0000;}
.txt_blue {color:#00aeba;}
.txt_w {color:#ffffff;}
.bg_blue {background-color:#00aeba}

.mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .m20 {margin:20px 0;}
.mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;}
.mr5 {margin-right:5px;} .mr3 {margin-right:3px;} .m_zero {margin:0 !important;}
.p10 {padding:10px;} .pl10 {padding-left:10px;} .pl20 {padding-left:20px !important;}
.relative {position:relative;}
.table_row {display:table-row;}
.txt1 {font-size:18px; 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;}
.flex_center {display:flex; align-items:center; justify-content:center;}
.cursor {cursor:pointer;}

#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;} .w100i {width:100% !important;} .w800p {width:800px !important;}

.input_style {border:solid 1px #01666d; font-size:16px; width:123px; padding:8px 5px; text-align:center; border-radius:3px; background-color:#ffffff; float:left;}

/*----------- Frame Set ----------- */
.frameset {width:1180px; height:100%; font-size:16px; display:table; margin:0 auto; padding-bottom:20px;}
.frameset .frame {width:100%; border-radius:20px; border:solid 1px #cccccc; overflow:auto; background-color:#ffffff;} 
.frameset .frame_middle {float:right; width:calc(100% - 280px); width:100%; height:100%; display:table-cell;} 

/*---------- Menu:S---------------*/
.menu {width:100%; height:100px; position:relative;}
.menu .logo {width:250px; float:left; height:100px; padding-top:30px; padding-left:5px;}
.menu .logo img {width:100%;}
.menu .menu_li {float:left; margin-left:100px; height:100px; padding-top:30px; font-size:20px; font-weight:700;}
.menu .menu_li li {float:left; padding:10px 15px;}
.menu .menu_li li a:hover {color:#00aeba;}
.menu .menu_li li.mypage {position:absolute; top:33px; right:0; font-size:16px;}
.menu .menu_li li.mypage a {border-radius:20px; background-color:#00aeba; color:#ffffff; padding:5px 10px;}
.menu .menu_li li.mypage a:hover {background-color:#03868f;}

.user_info {height:80px; padding:20px 30px; border-bottom:solid 1px #e5e5e5; background-color:#ffffff; position:relative;}
.user_info .user_name {min-width:200px; height:40px; line-height:40px; padding:3px; border-radius:50px; border:solid 1px #cccccc; float:left; cursor:pointer;}
.user_info .user_name:hover {background-color:#303030; color:#ffffff;}
.user_info .user_name .user_img {width:32px; height:32px; border-radius:50%; background-color:#00aeba; 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 #cccccc; 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_cash:hover {background-color:#303030; color:#ffffff;}

.user_info .user_logout {margin-left:50px; min-width:120px; height:40px; line-height:40px; padding:4px 4px; border-radius:50px; float:left; border:solid 1px #cccccc; position:absolute; right:30px; cursor:pointer;}
.user_info .user_logout:hover {background-color:#303030; color:#ffffff;} 
.user_info .user_logout .logout_img {width:30px; height:30px; border-radius:50%; background-color:#00aeba; float:left; display:flex; align-items:center; justify-content:center; margin-right:5px; padding:2px;}
.user_info .user_logout .logout_img img {filter: brightness(500%); width:75%;}
.user_info .user_logout .logout {padding:0 5px; float:left; line-height:34px;}

.title {font-size:36px; font-weight:700; color:#00aeba; width:100%; line-height:30px; padding:30px;}

/*-------------- Contents ------------*/
.contents_grp {margin-bottom:0px; padding-bottom:20px; clear:both;}
.contents_grp .contents {min-height:700px;  overflow:hidden; background-color:#ffffff; border-radius:20px;}
.contents_grp .contents .sms_grp {width:100%; /* min-height:650px; */ float:left;}
.contents_grp .contents .guide_grp {float:left; width:50%;}

.sms_grp .tab_sms {width:100%; border-bottom:solid 1px #e5e5e5; padding:20px;}
.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:22px; 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:#00aeba; color:#ffffff;}
.sms_grp .tab_sms .price {margin-top:10px; padding-top:10px; font-size:18px; font-weight:500; display:flex; align-items:center; justify-content:center; text-align:center;}
.sms_grp .tab_sms .price span {padding:0 5px;}

.sms_grp .tab_sms .tab_elec_grp {width:600px; /* border-bottom:solid 2px #01666d;*/ margin:0 auto; margin-top:20px; overflow:hidden;}
.sms_grp .tab_sms .tab_elec_grp a {width:40%; margin:0 10px; padding:10px; border:solid 1px #909090; float:left; font-size:22px; text-align:center; background-color:#f0f0f0; border-radius:50px 50px 50px 50px;}
.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:#00aeba; color:#ffffff; border:solid 1px #01666d;}

.sms_grp .grp_div {width:33.3%; float:left; padding:30px 0; font-size:14px;}
.sms_grp .div_two {width:50%; padding:60px 0;}
.sms_grp .line_right {border-right:solid 1px #e5e5e5;}
.sms_grp .grp_box {border:0; display:flex; border-bottom:solid 1px #e5e5e5;}
.sms_grp .box_two {border:0; border-top:solid 1px #e5e5e5;} 
.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 5px;; line-height:20px; text-align:center;}
.sms_grp .change_grp td .boxline {margin-left:10px; width:45px; padding:1px; border:solid 1px #eeeeee; 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;  flex-wrap: wrap;}
.sms_grp .grp_div .sms_div a {border:solid 1px #01666d; font-size:16px; width:123px; padding:8px 5px; text-align:center; border-radius:3px; background-color:#ffffff;}
.sms_grp .grp_div .sms_div a.on {background-color:#a9b9e1;}
.sms_grp .grp_div .sms_div a.on2 {background-color:#00aeba; width:auto;}
.sms_grp .grp_div .sms_div .sms_input {width:250px; height:250px; border:solid 2px #00aeba; background-color:#e3e7f1; padding:10px; border-radius:3px; font-size:26px; font-weight:600; line-height:36px;}
.sms_grp .grp_div .sms_div .sms_subject {width:250px; border-radius:3px; font-size:16px; font-weight:600; border:solid 1px #909090; padding:5px;}
.sms_grp .grp_div .sms_div .div_m {padding:2px 0; width:250px;}
.sms_grp .grp_div .sms_div .div_m a {width:122px; float:left;}
.sms_grp .grp_div .sms_div .div_m a:hover {background-color:#03c1ce;}
.sms_grp .grp_div .sms_div .guide_vb {border:solid 1px #aaaaaa; font-size:14px; padding:5px; margin-top:10px;}

.sms_grp .box_sms .sms_byte {font-size:16px; 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:#00aeba; margin:0 auto;}
/*  .sms_grp .box_sms input {font-size:14px; padding:8px 2px;} */

.sms_phonenumber {width:250px; height:230px; padding:10px; border:solid 1px #909090; border-radius:5px; overflow-y:scroll;}
.sms_phonenumber li {line-height:26px; border-bottom:dashed 1px #dddddd; font-weight:500; padding:0 10px;}
.sms_phonenumber li:hover {background-color:#a0a0a0; color:#ffffff;}
.sms_div .del_grp {width:250px;}
.sms_div .num_member {width:150px; font-size:16px; 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:14px; font-weight:500; background-color:#00aeba; color:#ffffff;}
.sms_grp .box_sms .slc {padding:5px; font-size:16px;}
.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:15px;}
.select_number select {padding:5px; width:250px;}

.grp_div {padding:10px;}
.grp_div .btn_select {width:300px; margin:0 auto; padding:10px 0; height:50px;}
.grp_div .btn_select input {position:relative; top:2px;}
.grp_div .select_time {width:300px; margin:0 auto; padding:20px; border:solid 1px #aaaaaa; overflow:hidden; border-radius:3px;}
.grp_div .btn_select .txt1 {width:120px;}
.grp_div .btn_select .txt2 {width:60px; line-height:30px; font-size:18px; font-weight:bold;}
.grp_div .btn_select .input_times {border:solid 1px #aaaaaa; height:30px; width:80px; padding:0 5px;}

.grp_div .select_time .label {float:left; line-height:33px; padding-right:20px; font-size:18px; font-weight:600; position:relative; top:5px;}
.grp_div .select_time .s_time {float:left; font-size:20px; line-height:20px;}
.grp_div .select_time .s_time select {margin-right:3px; font-size:18px; height:30px; border:solid 1px #505050;}
.grp_div .send_grp {padding:10px; margin-top:50px;}
.grp_div li {float:left; padding:5px;}
.send_grp {clear:both; display:flex; justify-content:center; align-items:center;}
.send_grp .btn_send {width:300px; height:80px; background-color:#00aeba; background-image:url('../image/btn_send.png'); background-repeat:no-repeat; background-position:50px 25px; border-radius:5px; font-size:24px; color:#ffffff; padding-left:50px;}

/*--------------------- Sub Menu Tab -------------------------*/
.tab_sub {width:100%; padding:10px 0;}
.tab_sub ul {display:block; width:calc(100% - 40px); height:51px; margin:0 auto; height:50px; border-bottom:solid 1px #ccc;}
.tab_sub li {float:left; width:200px; height:50px; border-left:solid 1px #aaaaaa; border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; text-align:center; background-color:#f0f0f0;}
.tab_sub li a {display:block; font-size:20px; font-weight:500; line-height: 48px;}
.tab_sub li:hover {background-color:#ffffff; cursor:pointer;}
.tab_sub li.on {background-color:#ffffff; border-bottom:0;}
.tab_sub .line_right {border-right:solid 1px #cccccc;}

/*----------------- Guide Info ------------------*/
.guide_grp {padding:30px; width:100%;}
.guide_grp .title_guide {width:100%; font-size:25px; font-weight:700; padding:10px 0;}
.guide_grp .img_caution {background-image:url('../image/icon_caution.png'); background-repeat:no-repeat; padding-left:70px; line-height:20px;}
.guide_grp .title_guide span {font-size:12px; font-weight:500; color:#909090; clear:both;}
.guide_grp .guide_unit {width:100%; display:flex;}
.guide_grp .guide_unit .guide_content {width:calc(100% - 320px); font-size:17px; line-height:30px; padding:20px 0;}
.guide_grp .guide_unit .guide_btn {width:320px; padding-left:20px;}
.guide_grp .guide_unit .guide_btn li {padding:5px 0;}
.guide_grp .guide_unit .guide_btn li a {width:300px; padding:15px 20px; background-color:#eeeeee; display:inline-block; border-radius:5px; border:solid 1px #cccccc; font-size:18px; font-weight:600;}
.guide_grp .guide_unit .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:14px; width:120px; display:inline-block; text-align:center; border-radius:0;}
.mem_grp {width:100%;}
.mem_grp .mem_num {font-size:16px; line-height:30px; 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:14px; 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:12px; line-height:18px;}
.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:16px; 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:16px;}
.title_rst_grp .title_rst .txt_sm {font-size:14px;}
.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:#f0f0f0; padding:5px 15px; font-size:14px; border-radius:20px; border:solid 1px #aaaaaa;}
.title_rst_grp .btn_grp_rst a:hover {background-color:#ffffff;}
.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:14px; border-radius:20px; border:solid 1px #eeeeee;}

.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:14px;}

.navpage {padding:15px; text-align:center;}
.navpage a {padding:0 10px; font-size:16px; line-height:14px; width:20px; height:20px; padding:5px 10px; border:solid 1px #dddddd; border-radius:3px;}
.navpage a.on {background-color:#101010; color:#ffffff; border:solid 1px #101010;}
.navpage a:hover {background-color:#dddddd; border:solid 1px #aaaaaa;}
 
.navpage img {height:12px; margin-top:3px;}

.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:14px; 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:14px; 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 #eeeeee; 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 #eeeeee; border-left:solid 1px #eeeeee;}
.phone_number_head table th {padding:2px 5px; height:30px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; background-color:#e3e7f1;}
.phone_number_body table th {padding:2px 5px; height:30px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; background-color:#e3e7f1;}
.phone_number_body table td {padding:2px 5px; height:30px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee;}

/*------------- Modal -------------*/
.modal {display: none; position: fixed; z-index:2010; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; justify-content:center; align-items:center; overflow: auto; background-color: rgba(0,0,0,0.8); color:#101010;}
.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;}

.privacy_grp {width:1000px; height:700px; background-color:#ffffff; border:solid 1px #505050; padding:30px; margin:0 auto;}
.privacy_grp .privacy {padding-bottom:20px; text-align:center; font-size:30px; font-weight:700; border-bottom:solid 1px #cccccc;}
.privacy_grp .contents_privacy {height:600px; padding-top:30px; font-size:16px; overflow-y:auto; line-height:160%;}
.privacy_grp .contents_privacy ol {list-style-type: square; padding-left:25px;}
.privacy_grp .contents_privacy li {list-style-type: square;}
.privacy_grp .contents_privacy li.li_none {list-style-type: none;}

.terms_grp {width:1000px; height:700px; background-color:#ffffff; border:solid 1px #505050; padding:30px; margin:0 auto;}
.terms_grp .terms {padding-bottom:20px; text-align:center; font-size:30px; font-weight:700; border-bottom:solid 1px #cccccc;}
.terms_grp .contents_terms {height:600px; padding-top:30px; font-size:16px; overflow-y:auto; line-height:180%;}
.terms_grp .contents_terms ol {list-style-type: square; padding-left:25px;}
.terms_grp .contents_terms li {list-style-type: square;}
.terms_grp .contents_terms li.li_none {list-style-type: none;}
.terms_grp .contents_terms h1 {font-size:20px; font-weight:700;}

.spam_grp {width:1000px; height:500px; background-color:#ffffff; border:solid 1px #505050; padding:30px; margin:0 auto;}
.spam_grp .spam {padding-bottom:20px; text-align:center; font-size:30px; font-weight:700; border-bottom:solid 1px #cccccc;}
.spam_grp .contents_spam {height:390px; padding-top:30px; font-size:16px; overflow-y:auto; line-height:180%;}
.spam_grp .contents_spam ol {list-style-type: square; padding-left:25px;}
.spam_grp .contents_spam li {list-style-type: square;}
.spam_grp .contents_spam li.li_none {list-style-type: none;}
.spam_grp .contents_spam h1 {font-size:20px; font-weight:700;}

/*------------- dd board -------------*/
.dd_board_grp {min-height:500px; overflow:hidden; border-radius:20px; padding:30px;}
.dd_board_grp .btn {display:inline-block; background-color:#00aeba; border-radius:30px; line-height:15px; font-size:16px; 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:13px; 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 #00aeba; border-left:solid 1px #eeeeee;}
.dd_board_grp .dd_board th {background-color:#e3e7f1; line-height:40px; border-bottom:solid 1px #c4cbde; border-right:solid 1px #c4cbde; border-left:solid 1px #c4cbde; font-weight:600;}
.dd_board_grp .dd_board td {background-color:#ffffff; padding:5px; border-bottom:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0; 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:18px; line-height:18px;}
.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%; border-top:solid 1px #dddddd;}
.bottom .bottom_grp {width:100%; padding:10px 0 0 30px;}

.dd_board_grp .top_area {width:100%; position:relative; height:30px; font-size:16px;}
.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 .grp_grp {position:absolute; top:0; right:0; height:30px;}
.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 20px;}
.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:14px; 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:16px;}
.needtokonw {margin-top:20px; width:calc(100% - 40px); margin:0 auto; padding:10px 30px 30px 30px; border:solid 1px #dddddd; background-color:#f5f5f5; min-height:100px;}
.needtokonw p {font-size:18px; font-weight:700; color:#00aeba; 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:18px; font-weight:700; color:#00aeba; margin:10px 0;}
.needtokonw_inner li {line-height:160%;}

/*----------- Box Add ----------- */
.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:12px; line-height:18px;}
.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:14px; 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:16px; font-weight:600; line-height:20px;}
.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:14px;}
.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:14px;}

.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:16px; background-color:#00aeba; 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:16px;}
.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:16px; padding:5px 20px; border:solid 1px #cccccc; background-color:#eeeeee; position:relative; top:10px;}

 /*------------ Massage Box -----------------*/
.msg_detail_grp {padding:30px; font-size:16px;}
.msg_detail_grp .msg_detail_title {font-size:24px; font-weight:700; height:50px;}
.msg_detail_grp .msg_detail {padding:20px; border:solid 1px #dddddd; background-color:#f0f0f0; display:flex; flex-wrap: wrap;}
.msg_detail_grp .msg_detail textarea {width:240px; height:260px; border:solid 1px #00aeba; background-color:#f0f2f8; padding:10px; font-size:18px;}
.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:18px;}
.msg_detail_grp .txt_sm {font-size:14px;}
.msg_detail_grp .msg_detail .msg_table {display:inline-block; width:100%; margin-top:20px; border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; background-color:#ffffff; text-align:center;}
.msg_detail_grp .msg_detail .msg_table table th {height:30px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; background-color:#dddddd;}
.msg_detail_grp .msg_detail .msg_table table td {height:30px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee;}
.msg_detail_grp .msg_detail .msg_guide {padding-top:15px; font-size:14px;}

.msg_list_grp {width:100%; padding:30px;}
.msg_list_grp .title {padding:0; font-size:24px; font-weight:700; color:#303030;}
.msg_list_grp .msg_table {display:inline-block; width:100%; margin-top:20px; border-top:solid 1px #eeeeee; background-color:#ffffff; text-align:center;}
.msg_list_grp .msg_table table {border-left:solid 1px #eeeeee;}
.msg_list_grp .msg_table table th {height:36px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; background-color:#cccccc;}
.msg_list_grp .msg_table table td {height:36px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee;}

.con_sel_grp {width:100%; padding:10px; border:solid 1px #eeeeee; margin:20px 0; 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:16px;}
.depo_info_grp .title {padding:0; font-size:18px; font-weight:700; color:#303030;}
.depo_info_grp .depo_table {display:inline-block; width:100%; margin-top:10px; border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; background-color:#ffffff; text-align:center;}
.depo_info_grp .depo_table table th {height:36px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; background-color:#f0f0f0;padding:2px 15px; text-align:left; width:150px;}
.depo_info_grp .depo_table table td {height:36px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; 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:20px;}
.depo_info_grp .btn_payment a:hover {background-color:#ff5500;}

.call_num_grp {width:100%; padding:20px; font-size:16px;}
.call_num_grp .callnum_table {display:inline-block; width:100%; margin-top:10px; border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; background-color:#ffffff;}
.call_num_grp .callnum_table table th {height:36px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; background-color:#f0f0f0;padding:2px 15px;}
.call_num_grp .callnum_table table td {height:36px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; padding:2px 5px; text-align:center;}

.contents_sm {min-height:500px; background-color:#ffffff;}
.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:20px;}
.btn_callnumber a:hover {background-color:#ff5500;}
.contents_sm .title {font-size:20px; 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:16px; 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:#00aeba;}
.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:16px;}
.user_edit_grp .title {padding:0; font-size:18px; font-weight:700; color:#303030;}
.user_edit_grp .user_edit_table {display:inline-block; width:100%; margin-top:10px; border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; background-color:#ffffff; text-align:center;}
.user_edit_grp .user_edit_table table th {height:36px; border-bottom:solid 1px #eeeeee; border-right:solid 1px #eeeeee; 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 #eeeeee; border-right:solid 1px #eeeeee; text-align:left; padding:2px 5px;}
.user_edit_grp .user_edit_table input {margin:0 5px;}

/*------------------- Modal Massage Box ---------------------------*/
.msg_save_box {width:800px; height:730px; position:relative; top:calc(50% - 400px); left:calc(50% - 300px); border:solid 1px #303030; background-color:#ffffff; padding:20px; font-size:16px;}
.address_book {overflow:hidden;}
.msg_save_box .box_grp {width:100%; padding:0 20px 20px 20px;}
.msg_save_box .box_title {width:100%; height:50px; font-size:20px; 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:16px;}
.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:14px;}
.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:16px; 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:16px; 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:18px; line-height:16px;}
.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;}

/*-------------- massage check ----------------*/
.msg_check_grp {padding:0 30px 30px 30px; font-size:16px;}
.msg_check_grp .msg_check_title {font-size:16px; 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:18px;}
.msg_check_grp .msg_check .msg_check_left {flex:0px;}
.msg_check_grp .txt_sm {font-size:14px;}
.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:14px;}
.line_top {border-top:solid 1px #dddddd;}

.msg_list_grp {width:100%; padding:30px;}
.msg_list_grp .title {padding:0; font-size:24px; 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;}

.msg_sec {width:100%; overflow:hidden; margin-top:30px; border:solid 1px #aaaaaa; padding:20px;}
.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:18px;}
.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:18px; border-radius:3px;}
.grp_send_btn .btn_send_msg:hover  {background-color:#4862ad;}



/*------------- Special Character ----------------*/
#speCha {position:relative;}
#speCha .spe_cha {width:300px; min-height:200px; border:solid 1px #eeeeee; padding:10px; position:absolute; left:260px; top:-220px; 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 #eeeeee; 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 #eeeeee; border-left:solid 1px #eeeeee;}
#speCha .ms_table table td {padding:2px; text-align:center; border-right:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; 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 #eeeeee; border-left:solid 1px #eeeeee; font-size:16px;}
.sms_file_grp table th {width:100px; padding:10px 5px; text-align:center; border-right:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; background-color:#f0f3fa;}
.sms_file_grp table td {padding:5px; text-align:center; border-right:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; 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:16px; line-height:22px; 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:16px; font-weight:700; color:#ffffff; padding-top:10px;}
.customer_info .pn_bold {font-size:28px; font-weight:700; color:#ffff33; padding:10px;}

/*------------------ Member login -------------------------*/
.login_frame {width:100%; height:100%; background-color:#ffffff; display:flex; justify-content:center; align-items:center;}
.login_frame .login_grp {width:600px; min-height:500px; border:solid 1px #dddddd; background-color:#ffffff; font-size:16px; padding:20px; box-shadow:2px 2px 2px rgba(0,0,0,0.1); border-radius:3px; position:relative;}
.login_frame .login_grp .login_logo {width:300px; top:-60px; left:0; position:absolute;}
.login_frame .login_grp .login_logo img {width:100%;}
.login_frame .login_grp li {padding:10px 0; line-height:160%;}
.login_frame .login_grp .title {font-size:40px; font-weight:700; background-color:#00aeba; color:#ffffff; padding:10px 20px;}
.login_frame .login_grp .title_g {font-size:22px; 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:18px; color:#303030; font-weight:500; border:solid 1px #00aeba; 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:14px; 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%; padding:50px 0; background-color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:16px;}
.join_frame .join_grp {width:calc(100% - 60px); min-height:500px; 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:#00aeba;}
.join_frame .join_grp .join_desc {margin-top:30px; width:100%; height:500px; border:solid 1px #dddddd; background-color:#ffffff; font-size:16px; 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:18px; color:#101010;}
.join_frame .join_grp .join_chk input {margin-right:10px;}
.join_btn {width:100%; text-align:center;}
.join_btn button {width:200px; padding:15px; border-radius:3px; background-color:#303030; font-size:18px; color:#ffffff; text-align:center; border:solid 1px #cccccc; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.join_btn button:hover {background-color:#404040;}
.join_frame .join_grp .join_ident {margin-top:50px; font-size:16px; padding:50px 30px; border:solid 1px #cccccc; border-radius:3px; background-color:#ffffff;}
.join_frame .join_grp .join_ident li {line-height:200%;}
.join_frame .join_grp .join_ident b {font-size:24px;}
.join_frame .join_grp .join_ident ul {margin-bottom:50px;}
.join_frame .join_grp .btn_ident button{width:250px; height:50px; font-size:18px; background-color:#101010; color:#ffffff; display:flex; align-items:center; justify-content:center; border-radius:5px;}
.join_frame .join_grp .btn_ident button:hover {background-color:#303030;}
.join_frame .join_grp .join_form {margin:25px 0; width:100%; padding:50px; border:solid 1px #dddddd; background-color:#ffffff;}
.join_frame .join_grp .join_form .t1 {line-height:220%; font-size:22px; font-weight:700;}
.join_frame .join_grp .join_form .name {color:#4862ad; 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:16px;}
.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:30px 0; width:200px; height:60px; font-size:18px; 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:calc(100% - 60px); margin:0 auto; font-size:16px;}
.login_frame .find_grp .title {padding:0; font-size:40px; color:#00aeba; margin-bottom:30px;}
.login_frame .find_grp .find_logo {position:absolute; top:15px; right:10px;}
.login_frame .find_grp .find_title {font-size:30px; color:#00aeba; font-weight:700; padding-bottom:30px;}
.login_frame .find_grp li {border-bottom:solid 1px #dddddd; line-height:70px;}
.login_frame .find_grp label {width:180px; display:inline-block; padding-left:10px; font-size:16px; font-weight:700;}
.login_frame .find_grp input {width:500px; line-height:220%; padding:5px 10px; background-color:#f5f5f5; border:solid 1px #aaaaaa; border-radius:3px;}
.login_frame .find_grp .btn_find {width:300px; height:60px; font-size:18px; background-color:#101010; color:#ffffff; display:flex; align-items:center; justify-content:center; border-radius:5px; margin-top:20px;}
.login_frame .find_grp .btn_finded {width:200px; height:60px; font-size:18px; background-color:#101010; color:#ffffff; display:flex; align-items:center; justify-content:center; border-radius:5px; margin-top:20px;}
.login_frame .find_grp .finded {width:100%; height:100px; text-align:center; border:solid 1px #aaaaaa; padding-top:35px; font-size:18px; background-color:#f5f5f5;}
.login_frame .find_grp .finded .bold {font-weight:700; color:#101010;}

.login_frame .tab_grp {width:100%; height:50px; border-bottom:solid 1px #aaaaaa; margin:60px 0 30px 0;}
.login_frame .tab_grp .tab {float:left; width:200px; height:50px; padding-top:15px; text-align:center; font-size:18px; font-weight:700; background-color:#eeeeee; border-left:solid 1px #aaaaaa; border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; cursor:pointer;}
.login_frame .tab_grp .tab_on {background-color:#ffffff; border-bottom:0;}
.login_frame .tab_grp .tab_l {border-right:solid 1px #aaaaaa;}

/*----------- Customer Page ----------- */
.customer_page {background-color: #ffffff;}
.customer_page .notice_grp {padding:30px 0;}
.customer_page .notice_grp .title_notice {font-size:26px; color:#101010; font-weight: 700; padding:20px 0;}
.customer_page .notice_grp table tr {height:50px; border-bottom:solid 1px #eeeeee;}
.customer_page .notice_grp table th {background-color:#f0f0f0;}
.customer_page .notice_grp table td {text-align:center;}
.customer_page .notice_grp table {border-top:solid 2px #15275c; margin:30px 0; border-bottom:solid 1px #aaaaaa;}
.customer_page .notice_grp table .subject {text-align:left;}
.customer_page .notice_grp table .notice_content {padding:20px; text-align: left; line-height:180%; }
.customer_page .notice_grp .txt_subject {padding:0 20px; text-align: left;}
.customer_page .notice_grp .btn_grp {padding:20px 20px 50px 20px; text-align:center;}
.customer_page .notice_grp .btn_grp a {display:inline-block; width:120px; text-align:center; border:solid 1px #cccccc; line-height:40px; background-color:#f0f0f0;}
.customer_page .notice_grp .btn_grp a:hover {background-color:#ffffff;}
.customer_page .notice_grp .tab_sub {border-bottom:solid 1px #cccccc; height:50px; padding:0; margin-bottom:50px;}
.customer_page .notice_grp .tab_sub ul {width:100%; padding:0; border:0; height:50px; margin:0; margin-top:10px;}
.customer_page .notice_grp .tab_sub li {width:200px; border-bottom:solid 1px #cccccc;}
.customer_page .notice_grp .tab_sub li.on {background-color:#ffffff; border-bottom:0;}
 
.contents_grp .search_grp {width:100%; margin:30px 0; height:42px; padding:10px 30px;}
.contents_grp .search_grp .sub_title {font-size:26px; float:left; font-weight:700;}
.contents_grp .search_grp .search {width:300px; float:right; padding:0;}
.contents_grp .search_grp .search .input_search {float:left; width:220px; height:40px; border:solid 1px #cccccc; padding:2px 5px;}
.contents_grp .search_grp .search .btn_search {float:left; margin-left:5px; width:70px; height:40px; border:solid 1px #cccccc;}

/*----------- Board Unit ----------- */
.board_unit {width:100%; padding:0 30px 30px 30px; font-size:16px;}
.board_unit .board_table {border-top:solid 3px #00aeba;}
.board_unit .board_table tr {border-bottom:solid 1px #dddddd; line-height:50px;}
.board_unit .board_table tr:hover td {background-color:#f0f0f0;}
.board_unit .board_table th {font-weight:600; border-bottom:solid 1px #aaaaaa;}
.board_unit .board_table td {text-align:center;}
.board_unit .board_table .subject {text-align:left;}
.board_unit .board_table .txt_subject {text-align:left; padding-left:20px;}
.board_unit .board_table .board_content {text-align:left; padding:20px;}
.board_unit .board_table .board_content:hover {background-color:#ffffff;}

.board_unit .btn_grp {padding:20px 20px 50px 0px;}
.board_unit .btn_grp a {display:inline-block; width:120px; text-align:center; border:solid 1px #cccccc; line-height:40px; background-color:#f0f0f0;}
.board_unit .btn_grp a:hover {background-color:#ffffff;}

.board_write input {width:100%; padding:10px; font-size:16px; font-weight:500; border:solid 1px #aaaaaa; background-color:#f9f9f9; border-radius:0;}
.board_write textarea {width:100%; height:500px; padding:10px; font-size:16px; font-weight:500; border:solid 1px #aaaaaa; background-color:#f9f9f9;border-radius:0;}
.board_write tr td {padding:10px 0;}
/*----------- End ----------- */