@charset "utf-8";
/* CSS Document */
#wrap {position:relative; width:100%; height:100%; }
.cont_wrap {padding-bottom:77px;}

/*로그인*/
.logo {text-align:center; padding:17% 0; } /*201720로그인 높이 수저 8->15->30*/
.login_tab {width:100%; overflow:hidden;}
.login_tab ul {}
.login_tab ul li {float:left; width:33%; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
/*20200529*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ifr{
	position : absolute;
	top : 0;
	left : 0;
	height: 100vh;  
	width: 100vw;
}
.kakao_btn_box {
  width: 29px;
  height: 29px;
  position: absolute;
  right: 11px;
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  padding: 2px;
  top: 17px;
  font-weight: bold;
}

.kakao_btn_text {
  position: absolute;
  width: max-content;
  right: 3px;
  top: 8px;
  font-size: 1.1rem;
  color: white;
}
/*20200629파일업로드*/
.filebox label {
  display: inline-block;
  padding: .5em .75em;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #1087c9;
  cursor: pointer;
  border: 1px solid #1087c9;
  border-radius: .25em;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: 100px;
}

.filebox label:hover {
  background-color: #1087c9;
}

.filebox label:active {
  background-color: #1087c9;
}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.xlsxup {
  margin-left: 30px;
  background-color: #1087c9;
  border: 1px solid #1087c9;
  border-radius: .25em;
  color: #fff;
  transition: background-color 0.2s;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  cursor: pointer;
  padding: .45em .75em;
}

.mytable {
  border-collapse:collapse;
  margin: auto;
  font-size: 7pt;
}

.mytable th, .mytable td {
  border:1px solid black;
  padding: 3px;
}
/*20200629파일업로드*/
.sel_sound {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height:20px; vertical-align: middle; text-align-last: center; line-height:20px; border-radius:5px; padding:0 20px; background:#fff;}
.sort_sel {-webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; text-align-last: center; padding:0 20px; background:#fff;}

#toast {
    position: fixed;
    bottom: 90px;
    left: 50%;
    padding: 15px 20px;
    transform: translate(-50%, 10px);
    border-radius: 30px;
    overflow: hidden;
    font-size: .8rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s, transform .5s;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    z-index: 10000;
}

#toast.reveal {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

.clearable{
  background: #fff url(http://app1.teletogether.kr/WebManager/images/textbox_clear.20170811.gif) no-repeat right -10px center;
}
.clearable.x  { background-position: right 15px center; } /* (jQ) Show icon */
.clearable.onX{ background-position: right 15px center; cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

.login_tab ul li a {display:block; padding:20px 0; text-align:center; background:#595959; color:#fcfcfc; border-right:1px solid #6d6d6d;}
.login_tab ul li.on a {background:#1087c9;}

.login_tab ul li a img {vertical-align:-3px; margin-right:2px;}

.login_form_wrap {text-align:center;}
.login_form_wrap h2 {font-family:"NanumSquareB"; padding:35px 0;}
.login_form_wrap .login_form {display:inline-block; width:80%;}
.login_form {}
.login_form input {display:block; padding:3% ; width:94%;}
.login_form input.name {border-radius:5px 5px 0 0;  border: 1px 1px 1px 1px solid #ddd; }
.login_form input.id {border-radius:0 0 0 0;border-top:none;}
.login_form input.pw {border-radius:0 0 5px 5px; border-top:none;}
/*참석자로그인*/
.login_form input.g_name {border-radius:5px 5px 0 0;  border: 1px 1px 1px 1px solid #ddd; }
.login_form input.g_pw {border-radius:0 0 0 0;border-top:none;}
.login_form input.g_pin {border-radius:0 0 5px 5px; border-top:none;}
/*202006관리자로그인*/
.login_form input.o_id {border-radius:5px 5px 0 0;  border: 1px 1px 1px 1px solid #ddd; }
/*.login_form input.o_id {border-radius:0 0 0 0;border-top:none;}*/
.login_form input.o_pw {border-radius:0 0 5px 5px; border-top:none;}

.btn_box {margin-top:20px; overflow:hidden;}
.btn_box .btn_01 {display:block; background:#1087c9; border-radius:5px; padding:10px 0; color:#fff;}

.btn_box .btn_01_01 {display:inline-block; background:#1087c9; border-radius:5px 0 0 5px; padding:10px 0; color:#fff; float:left; width:50%;}
.btn_box .btn_01_02 {display:inline-block; background:#0e74ab; border-radius:0 5px 5px 0; padding:10px 0; color:#fff; float:left; width:50%;}


.login_q {float:right; font-size:16px; padding:10px 0;}

.login_list_wrap {width:100%; text-align:center; background:#f0f0f0; margin-top:5%; padding:20px 0;}
.login_list {width:80%; display:inline-block; text-align:left;}
/*.login_list p {overflow:hidden; padding:20px 0; border-top:1px solid #e0e0e0; line-height:45px;}*/
.login_list p { padding:20px 0; border-top:1px solid #e0e0e0; line-height:45px;} /*20170711수정*/
.login_list p:first-child {border-top:none; }
.login_list p span {padding-right:20px; background:url('../../images/smart/login_attend_arr.png') no-repeat 100% 50%; }


.login_list p a.ico {float:right; margin-left:10px;}
.login_list p a.ico img{width:45px; height:45px;}


@media all and (max-width:650px) {
.logo img {width:30%;}

.login_tab ul li a {padding:10px 0; }
.login_tab ul li a img {width:18px; height:18px;}
.login_form_wrap h2 {padding:25px 0;}

.btn_box {margin-top:10px; }

.login_q {font-size:14px; }

.login_list_wrap {padding:10px 0;}
.login_list p {line-height:35px; padding:10px 0;}
.login_list p a.ico img{width:35px; height:35px;}

.login_list p span {padding-right:15px; background:url('../../images/smart/login_attend_arr.png') no-repeat 100% 48%; background-size:6px;}

}











/*프리셋(메인페이지)*/

.tit_box {overflow:hidden; width:100%; background:#1087c9; text-align:center; position:relative; padding:50px 0;  }
.tit_box .tit {color:#fff;  font-size:30px; padding-left:40px; background-size:35px; font-family:"NanumSquareB";}
.tit_box .tit.tit_nc {background:none;  padding-left:0; }

.tit_box .back {position:absolute; top:35px; left:20px;}
.tit_box .why {position:absolute; top:35px; right:20px;}
.tit_box .regist {position:absolute; top:35px; right:20px;} /* 170512 회의 등록 팝업 추가*/

.cont_box {padding:0 3%; width:94%;}
.cont_box.cont_box_02 {padding:3% 3% 0 3%; } 

.owat {padding-top:3%;}
.owat dl {overflow:hidden; }
.owat dl dt {float:left; width:20%;  line-height:37px; font-family:"NanumSquareB";}
.owat dl dd {float:right; width:78%;  }
.owat dl dd input {height:35px; line-height:35px; border-radius:5px; text-align:center;}
.owat dl dd .ow {width:30%; float:left; }
.owat dl dd .ow_num {width:68%; float:right; }

.owat .btn_call {width:100%; overflow:hidden; text-align:center; margin:10px 0;}
.owat .btn_call a {border-radius:5px; color:#fff; line-height:35px; height:35px;}
.owat .btn_call a img {vertical-align:-5px; margin-right:2px;}

.owat .btn_call .call_in {width:49%; float:left; background:#50c1e9; }
.owat .btn_call .call_out {width:49%; float:right; background:#1087c9; border-radius:5px; }

.owat .btn_attend {text-align:center; overflow:hidden; margin:10px 0;}
.owat .btn_attend_new {text-align:center; overflow:hidden; margin:1px 0;}  /* 170519  추가*/

.pre_list_box {}
.pre_list_box .lt_wrap {background:#7a7a7a; padding:15px 3%; position:relative;}

.pre_list_box .lt_wrap .up_ico {position:absolute; top:15px; left:50%; margin-left:-16px;}

.pre_list_box .lt_wrap .lt {color:#fff; overflow:hidden;}
.pre_list_box .lt_wrap .lt dt {float:left;}
.pre_list_box .lt_wrap .lt dt .chk {width:20px; height:20px; line-height:20px; border-radius:5px; float:left; margin-right:2px; border:1px solid #ddd!important;}

select::-ms-expand {display:none;}
select {-moz-appearance:none;} /* Firefox */   
select {-webkit-appearance:none;} /* Safari and Chrome */
select {appearance:none;}

.pre_list_box .lt_wrap .lt dt .sel {display:table-cell; text-align:center; vertical-align:middle; line-height:20px; padding:0 5px; background:#fff; box-sizing:border-box;
color:#b3b3b3;  width:90px; height:20px; overflow:hidden; float:left;
border-radius:5px; padding:0 5px; color:#5e5e5e; margin-right:2px;}
/* 20170324수정 background:url('../images/smart/sel_ico.png') no-repeat 90% 50% #fff;  */ 

.pre_list_box .lt_wrap .lt dt .sel option {padding:5px; }
.pre_list_box .lt_wrap .lt dt .num {float:left; line-height:20px;}

.pre_list_box .lt_wrap .lt dd {float:right; line-height:20px; width:60px; text-align:center;}



.pre_list_box .list_wrap {padding:7px 3%; border-bottom:1px solid #ebebeb; overflow:hidden; }
.pre_list_box .list_wrap .list { overflow:hidden; }
.pre_list_box .list_wrap .list_option {cursor:pointer;}
.pre_list_box .list_wrap .list_modi {cursor:pointer;}

.pre_list_box .list_wrap .list dt {float:left; }
.pre_list_box .list_wrap .list dt .chk {width:20px; height:20px; line-height:20px; border-radius:5px; float:left; margin-right:5px; border:1px solid #ddd!important;}
.pre_list_box .list_wrap .list dt .naph {float:left; display:inline-block;}

.pre_list_box .list_wrap .list dt .naph .name {font-size:16px; margin-bottom:5px; display:inline-block;}
.pre_list_box .list_wrap .list dt .naph .name .c_red {color:#ff5252;}

.pre_list_box .list_wrap .list dt .naph .ph {font-family:"NanumSquareB"; font-size:16px; display:inline-block;}

.pre_list_box .list_wrap .list dd {float:right; line-height:20px; width:50px; margin-right: 5px;  text-align:center;}
.pre_list_box .list_wrap .list dd img {width:30px; margin-top:5px;}






.at_list_area .list_wrap {padding:15px 3%; border-bottom:1px solid #ebebeb; overflow:hidden; }
.at_list_area .list_wrap .list { overflow:hidden; }
.at_list_area .list_wrap .list_option {cursor:pointer;}
.at_list_area .list_wrap .list_modi {cursor:pointer;}
.at_list_area .list_wrap .push_close {cursor:pointer;}

.at_list_area .list_wrap .list dt {float:left; }
.at_list_area .list_wrap .list dt .chk {width:20px; height:20px; line-height:20px; border-radius:5px; float:left; margin-right:5px; border:1px solid #ddd!important;}
.at_list_area .list_wrap .list dt .naph {float:left; display:inline-block;}

.at_list_area .list_wrap .list dt .naph .name {font-size:16px; margin-bottom:5px; display:inline-block;}
.at_list_area .list_wrap .list dt .naph .name .c_red {color:#ff5252;}

.at_list_area .list_wrap .list dt .naph .ph {font-family:"NanumSquareB"; font-size:16px; display:inline-block;}

.at_list_area .list_wrap .list dd {float:right; line-height:20px; width:50px;  text-align:center;}
.at_list_area .list_wrap .list dd img {width:30px; margin-top:5px;}



@media all and (max-width:650px) {
.tit_box {padding:50px 0 20px 0px;  } /*20170220 타이틀 높이 수정 */
.tit_box .tit {font-size:20px; padding-left:30px; background-size:25px;}

.tit_box .back {position:absolute; top:23px; left:10px;}
.tit_box .back img {margin-top: 17px; width:35px; height:35px;} /*20170220 타이틀 높이 수정 이전 이미지*/

.tit_box .why {position:absolute; top:23px; right:10px;}
.tit_box .why img {margin-top: 17px; width:35px; height:35px;} /*20170220 타이틀 높이 수정 회의정보 이미지*/

.tit_box .regist {position:absolute; top:23px; right:10px;} /* 170512 회의 등록 팝업 추가*/
.tit_box .regist img {margin-top: 17px; width:35px; height:35px;} /* 170512 회의 등록 팝업 추가*/

.owat .btn_call a img {vertical-align:-2px; width:15px; margin-right:3px;}


.owat .btn_attend a img {width:45px; height:45px;}
.owat .btn_attend_new a img { height:60px;}  /* 170519  추가20200601*/

.pre_list_box .lt_wrap .up_ico {margin-left:-10px; top:18px;}
.pre_list_box .lt_wrap .up_ico img {width:20px;}

}
@media all and (max-width:450px) {
.tit_box .tit {font-size:18px;padding-left:20px; background-size:20px;}

}







/*fastmenu*/
.fast_menu { width:100%; position:fixed; background:#ddd; bottom:0; }
.fast_menu ul li {float:left; width:20%; }
.fast_menu ul li.more {position:relative;  }
.fast_menu ul li.more .more_box{position:absolute; bottom:78px; right:0; background:#ddd; width:100%;   z-index:101; display:none; }
.fast_menu ul li.more .more_box ul { background:#ddd;}
.fast_menu ul li.more .more_box ul li { width:100%;}



.fast_menu ul li a {display:block; text-align:center; padding:15px 0; width:100%; color:#fff; font-size:12px;}
.fast_menu ul li a.f01 {background:#333;  }
.fast_menu ul li a.f02 {background:#404040;  }
.fast_menu ul li a.f03 {background:#1087c9;  }

.fast_menu ul li a span{display:block; text-align:center;  width:100%; margin-bottom:8px;}

.fast_menu ul li a img {height:25px;  }
@media all and (max-width:550px) {

}








/*팝업*/
.pop_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:url('../../images/smart/com/pop_bg.png') repeat 0 0; z-index:200; display:none; text-align:center;}
.pop_bg .x_btn {position:absolute; top:20px; right:20px; cursor:pointer; width:15px; height:15px;}
.pop_bg .x_btn img {width:100%;}
.pop_bg .cb {width:80%;  background:#fff; display:inline-block; margin-top:80px; text-align:left;}



.pop_bg .cb_cal {background:transparent!important;}

.pop_bg .cb h2 {background:#1087c9; padding:5%; color:#fff; font-size:22px; }
.pop_bg .cb .txt_box {padding:5%; }
.pop_bg .cb .txt_box .ibox {margin-bottom:10px; }
.pop_bg .cb .txt_box .ibox input {border-top:none; }
.pop_bg .cb .txt_box .ibox input:first-child {border-top:1px solid #ddd; }

.pop_bg .cb .txt_box .txt {width:98%; padding:0 1%; height:35px; line-height:35px; display:block; margin-bottom:15px; }
.pop_bg .cb .txt_box .txt_name { margin-bottom:0; }


.pop_bg .cb .pop_btn_box { padding:10px; overflow:hidden; background:#ccc;}
.pop_bg .cb .pop_btn_box a {display:inline-block;  background:#333; text-align:center; padding:2% 0;}
.pop_bg .cb .pop_btn_box a.cancel { float:left; width:49%; background:#f1f1f1; color:#333; }
.pop_bg .cb .pop_btn_box a.ok {float:right; width:49%; background:#1087c9; color:#fff;}

.pop_bg .cb_cal .pop_btn_box {margin-top:15px; padding:0; background:transparent;}


.pop_bg .cb .plist_box { height:310px; overflow-y:auto;}  /*20170306 height:300px; overflow-y:auto; 추가*/
.pop_bg .cb .plist_box > a {display:block; padding:5%; border-top:1px solid #dfdfdf;}
.pop_bg .cb .plist_box > a:first-child {border-top:none;}
.pop_bg .cb .plist_box > a:hover {background:#efefef;}
.pop_bg .cb .plist_box > a.on {background:#efefef;}

/*20170306 plist_box_pop추가*/
.pop_bg .cb .plist_box_pop { height:170px; overflow-y:auto;}  
.pop_bg .cb .plist_box_pop > a {display:block; padding:5%; border-top:1px solid #dfdfdf;}
.pop_bg .cb .plist_box_pop > a:first-child {border-top:none;}
.pop_bg .cb .plist_box_pop > a:hover {background:#efefef;}
.pop_bg .cb .plist_box_pop > a.on {background:#efefef;}

.pop_bg .cb .plist_box ul {overflow-y:auto; height:192px;}/*20170306overflow-y:auto; height:190px; 추가*/
.pop_bg .cb .plist_box ul li {padding:15px 5%; border-top:1px solid #dfdfdf; overflow:hidden; line-height:40px; font-size:16px;}
.pop_bg .cb .plist_box ul li:first-child {border-top:none;}
.pop_bg .cb .plist_box ul li a.cin {float:right; background:#50c1e9; padding:5px;  width:30px; height:30px;}
.pop_bg .cb .plist_box ul li a.cout {float:right;  background:#1087c9;  padding:5px;  margin-left:5px;width:30px; height:30px;}
.pop_bg .cb .plist_box ul li a.del {float:right;  padding:5px;  margin-right: 20px; width:30px; height:30px;}/*20170726*/

.pop_bg .cb .plist_box ul li a.cin img{width:100%; }
.pop_bg .cb .plist_box ul li a.cout img{width:100%;}
.pop_bg .cb .plist_box ul li a.del img{width:100%;}/*20170726*/

@media all and (max-width:550px) {
.pop_bg .cb h2 {font-size:18px;}

}






/*재청취*/

.re_listen_control { width:100%;}
.list_box {}
.list_box h3.attend_num {padding:10px 3%; background:#efefef;}
.list_box h2 {padding:15px 3% 15px 3%; margin-top:3%; font-family:"NanumSquareB"; background:#efefef; border-top:1px solid #dfdfdf; font-size:16px;}
.list_box ul {overflow:hidden;}
.list_box ul li {}
.list_box ul li > a {display:block; padding:15px 3%; border-bottom:1px solid #dfdfdf;}
.list_box ul li:first-child > a {border-top:1px solid #dfdfdf;}

.list_box ul li p {padding:15px 3%; border-bottom:1px solid #dfdfdf;}
.list_box ul li p input {width:20px; height:20px; margin-right:5px;}

.list_box ul li p .conf_btn {display:inline-block; float:right; background:#1087c9; padding:8px; color:#fff; border-radius:5px; height: 25px; }  /*20170224 아이콘 높이 조절height: 25px;  */
.list_box ul li p .reserv_ck_btn {display:inline-block; float:right; background:#7b7b7b; padding:8px; color:#fff; border-radius:5px; height: 25px;}  /*20170224 아이콘 높이 조절height: 25px;  */
.list_box ul li p .del_btn {display:inline-block; float:right; background:#bbb; padding:8px; color:#fff; border-radius:5px; height: 25px; }   /*20170224 아이콘 높이 조절height: 25px;  */

.list_box ul.ad_m li p {height:40px; line-height:40px;}
.list_box ul.ad_m li p a {margin-left:5px;}



/*20170216 추가*/
.morebtn_wrap {width:96%; padding:2%;}
.morebtn {display:block; width:100%; background:#333; color:#fff; text-align:center;  cursor:pointer; border-radius:5px; padding:10px 0;}




/*히스토리*/

.search_box {}
.search_bar {padding:15px 10px; background:#dfdfdf; overflow:hidden;}

.search_box input {height:35px; line-height:35px; width:70%; float:left; vertical-align:top; border-radius:5px; padding-left: 20px; padding-right: 30px;}
.search_box .search_btn {float:right;  display:inline-block; width:6%; text-align:center; background:#333;  vertical-align:middle; padding:10px 3%;border-radius:5px;}
.search_box .search_btn img {width:100%; max-width:30px; width:17px;}





.anum_box {}
.anum_bar {padding:15px 10px; background:#dfdfdf; overflow:hidden;}
.anum_add_box {overflow:hidden; margin-bottom:6px;}
.anum_box input {height:35px; line-height:35px; width:73%; float:left; vertical-align:top;  padding:0 1%;}
.anum_box .anum_btn {float:right;  display:inline-block; width:17%; text-align:center; background:#333;   padding:10px 3%; font-size:14px;
color:#fff;}
.anum_box .anum_cancel {background:#1087c9; display:block; padding:10px; display:block; color:#fff; text-align:center;}





.udbtn_box_top {position:fixed; bottom:60px; right: 70px; text-align:right;  height: 100px; width:100px; overflow:hidden;}
span.icon-top{background: transparent url("../../images/smart/top.png") no-repeat center center; padding: 10px 70px 80px 50px; background-size: 50px;}
span.call-sort{    background: transparent url(../../images/smart/sort.png) no-repeat center right; padding: 2px 25px 0 0px; background-size: 30px; float: left; color: white;}


.udbtn_box {position:fixed; bottom:0; left:0; width:100%; overflow:hidden;}
.udbtn_box .add_attend {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; }
.udbtn_box .reserv {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; }
.udbtn_box .reserv_save {display:block; padding:15px 0; background:#333; color:#fff; text-align:center; }

.udbtn_box .add_web_address_01 {display:block; padding:15px 0; background:#9b9b9b; color:#fff; text-align:center; float:left; width:33%;} /*20170331주소록에 추가*/
.udbtn_box .add_web_address_02 {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; float:left; width:33%;} /*20170331주소록에 추가*/
.udbtn_box .add_attend_03 {display:block; padding:15px 0; background:#9b9b9b; color:#fff; text-align:center; }

.udbtn_box .add_web_address {display:block; padding:15px 0; background:#9b9b9b; color:#fff; text-align:center; float:left; width:50%;} /*20170331주소록에 추가*/
.udbtn_box .add_address {display:block; padding:15px 0; background:#9b9b9b; color:#fff; text-align:center; float:left; width:50%;}
.udbtn_box .add_attend_02 {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; float:right; width:50%;}

.udbtn_box .sms_address {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; }


.udbtn_box .push_del {display:block; padding:15px 0; background:#9b9b9b; color:#fff; text-align:center; float:left; width:50%;}
.udbtn_box .push_send {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; float:right; width:50%;}


.udbtn_box .rvm_del {display:block; padding:15px 0; background:#9b9b9b; color:#fff; text-align:center; float:left; width:50%;}
.udbtn_box .rvm_modi {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; float:right; width:50%;}


.udbtn_box .at_one {display:block; padding:15px 0; background:#9b9b9b; color:#fff; text-align:center; float:left; width:50%;}
.udbtn_box .at_re_listen {display:block; padding:15px 0; background:#1087c9; color:#fff; text-align:center; float:left; width:50%;}
.udbtn_box .at_push {display:block; padding:15px 0; background:#7b7b7b; color:#fff; text-align:center; float:right; width:33.33%;}


/*회의예약*/
.reserv_box {padding:3% 0;}
.rbtn_box {overflow:hidden;}
.rbtn_box .new {float:left; width:49%; padding:10px 0; background:#1087c9; text-align:center; border-radius:5px; color:#fff;}
.rbtn_box .exist {float:right; width:49%; padding:10px 0; background:#9b9b9b; text-align:center; border-radius:5px; color:#fff;}

.nmpw {}
.nmpw dl {overflow:hidden; padding:15px 3%; border-bottom:1px solid #dfdfdf;}
.nmpw dl:first-child {border-top:1px solid #dfdfdf;}
.nmpw_modi dl:first-child {border-top:none!important;}

.nmpw dl dt {float:left; width:32%; line-height:35px; font-family:"NanumSquareB";}

.nmpw dl dd {float:right; width:66%; line-height:35px; }
.nmpw dl dd input {width:97%; height:35px; line-height:35px; border-radius:5px; padding:0 1%;}
.nmpw dl dd input.idate {width:100px; float:left;}
.nmpw dl dd input.conf_minute {width:60px; margin-right:7px; }
.nmpw dl dd input.chk {width:20px; height:20px;}

.nmpw dl dd span.cal_btn {display:inline-block; margin-left:7px; height:35px; float:left; margin-top:3px; cursor:pointer;}
.nmpw dl dd span.cal_btn img {width:100%;}

.nmpw dl dd div.hours {overflow:hidden; float:left; margin-right:10px;}
.nmpw dl dd div.hours .view {float:left; height:50px; line-height:50px; border:1px solid #dfdfdf; border-right:none; width:40px; text-align:center; border-radius:5px 0 0 5px;}
.nmpw dl dd div.hours .bt {float:left;  width:40px;}
.nmpw dl dd div.hours .bt div.plus {display:block; height:26px; line-height:26px; color:#fff; font-size:16px;
 background:#9b9b9b; float:left; width:100%; text-align:center; cursor:pointer; border-radius:0 5px 0 0;}
.nmpw dl dd div.hours .bt div.minus {display:block; height:26px; line-height:26px; color:#333; font-size:16px;
background:#e1e1e1; float:left; width:100%; text-align:center; cursor:pointer;border-radius:0 0 5px 0;}


.sel_hour {height:35px; line-height:35px; border-radius:5px; padding:0 20px; background:#fff;}



.date_label {padding:15px 3%; background:#f1f1f1;}

.date_sel {overflow:hidden; }
.date_sel li {float:left; width:14.28%; text-align:center;  border-left:1px solid #dfdfdf;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.date_sel li:first-child {border-left:none;}
.date_sel li a {display:block;  padding:15px 0;}
.date_sel li.on a {background:#1087c9; color:#fff;}


/*달력*/
.epop_calendar {width:100%;  }
.epop_calendar .year_month { text-align:center;  color:#fff; background:#1087c9; overflow:hidden; padding:15px 3%; }
.epop_calendar .year_month span.year{ font-size:18px; line-height:30px; width:60%; display:block;  float:left; }
.epop_calendar .year_month span.yeartxt {}
.epop_calendar .year_month span.pre{  width:20%; text-align:left; display:inline-block;  float:left; }
.epop_calendar .year_month span.pre img { width:30px; }

.epop_calendar .year_month span.next{  width:20%; text-align:right; display:inline-block; float:right; }
.epop_calendar .year_month span.next img { width:30px; }


.epop_calendar .att_text{ text-align:center; margin:5px 0 20px 0}

.calendar {width:100%; table-layout:fixed; border-collapse:collapse; background:#fff; }
.calendar td {font-size:13px;  line-height:49px; font-weight:normal;text-align:left;  position:relative; text-align:center; color:#4f5f6f; }

.calendar tr:nth-child(even) {background:#f5f8fc;}

.calendar th {  text-align:center; font-weight:600; font-size:13px;  background:#444; color:#fff; line-height:49px; }
.calendar td .soldout {position:absolute;width:34px;  left:50%; top:50%; margin:-17px 0 0 -17px; text-align:center; z-index:10;  }
.calendar td .soldout img {width:100%;opacity:.4;filter:alpha(opacity=40)}
.calendar td a {color:#555;    padding:0; width:100%; height:100%; }
.calendar td a:hover {}

.cc_red {color:#ff6969!important;}
.cc_blue {color:#1087c9!important;}
.cc_red a {color:#ff6969!important;}
.cc_blue a {color:#1087c9!important;}

.calendar thead { background:#444;}
/*.calendar tbody tr td:first-child a{color:#ff6969;}*/

.calendar .blue , .calendar .blue a { color:#3d709f ;}
.calendar .red,.calendar .red a{ color:#ff6969;}
.stmap,.stmap a{width:100%; }
.stmap img, .stmap a img {width:100%; max-width:87px; }
.calendar .on{width:100%; height:100%; background:#1087c9;  width:30px; height:30px; color:#fff!important;  display:inline-block; line-height:30px;
border-radius:30px; }

/*20200429전체선택*/
.all_chk {overflow:hidden; background:#555;}
.all_chk p {padding:10px 3%;  color:#fff;}
.all_chk .del_web_address {float:right; color:#fff;}
.all_chk .del_grp_web_address {float:right; color:#fff; }
.all_chk .add_grp_web_address {float:right; color:#fff; padding-right: 20px;}
.all_chk .send_grp_web_address {float:right; color:#fff; padding-right: 20px;}
.all_chk p input {width:20px; height:20px; margin-right:5px;}

/*팝업20170526*/
@media all and (max-height:600px) { 
.logo {text-align:center; padding:15% 0; } /*201720로그인 높이 수저 8->15->30*/
.pop_bg .cb {width:80%;  background:#fff; display:inline-block; margin-top:40px; text-align:left;}
}
@media all and (max-height:500px) {
.logo {text-align:center; padding:5% 0; } /*201720로그인 높이 수저 8->15->30*/	
.pop_bg .cb {width:80%;  background:#fff; display:inline-block; margin-top:5px; text-align:left;}
}
/*팝업20170526*/

@media all and (min-width: 650px) {

  .kakao_btn_box {
    width: 47px;
    height: 47px;
    right: 20px;
    top: 7px;
  }

  .kakao_btn_text {
    font-size: 1.3rem;
    right: 6px;
    top: 13px;
    color: white;
  }
}