@charset "utf-8";
/* login-wrap */
.login-wrap{width:960px; margin:0 auto;}
.login-wrap:after{display:block; content:"";clear:both}

.login-wrap .fl, .login-wrap .fr{width:480px; box-sizing:border-box; min-height:280px; padding:40px 50px; position:relative;}
.login-wrap h3{ font-size:20px; color:#000; line-height:30px;font-weight:400; letter-spacing:-0.01em;}
.login-wrap .stit{ font-size:14px; line-height:20px; color:#7a7a7a;}

.login-wrap .login-input{margin-top:40px;overflow:hidden;padding-right:140px;}
.login-wrap .login-input li{margin-top:20px; padding-left:70px; position:relative;}
.login-wrap .login-input li:first-child{margin-top:0}
.login-wrap .login-input li input[type="text"], .login-wrap .login-input li input[type="password"]{font-size:13px;box-sizing:border-box; padding:0 15px; width:100%; height:40px; border-radius:4px; border:1px solid #dadada; background:#fff;}
.login-wrap .login-input li .btxt{position:Absolute; left:0; top:0; line-height:40px; font-size:13px; color:#7a7a7a;}
.login-wrap .login-btn{ position:Absolute; right:50px; bottom:40px;border-radius:4px;width:120px;height:100px;background:#647188; line-height:100px;text-align:center; font-size:13px;font-weight:400; color:#fff;}

.login-wrap .login-sns{margin-top:20px;overflow:hidden;}
.login-wrap .login-sns li{margin-left:20px;}
.login-wrap .login-sns li:first-child{margin-left:0}
.login-wrap .login-sns li a{display:block; text-align:center;border-radius:4px; padding: 20px;}
.login-wrap .login-sns li a span{line-height:16px; font-size:14px;}

.login-other{ width:960px; margin:0 auto; border-top:1px solid #f0f0f0}
.login-other ul{}
.login-other ul:after{display:block; content:"";clear:both}
.login-other ul li{float:left; width:320px; box-sizing:border-box; padding:50px;}
.login-other .btxt{ font-weight:400; color:#000;font-size:16px; line-height:20px; }
.login-other .stxt{margin-top:10px; font-size:13px; color:#7a7a7a; line-height:20px; min-height:60px;}
.login-other a{margin-top:10px;border:1px solid #dadada; border-radius:4px; padding:0 18px; line-height:40px;font-size:11px; color:#4a4a4a; display:inline-block;vertical-align:top;}


/* join-wrap */
.join-wrap{width:480px; margin:0 auto; padding:40px 50px; box-sizing:border-box;}
.join-wrap input[type="text"], .join-wrap input[type="password"], .join-wrap input[type="date"]{font-size:13px;box-sizing:border-box; padding:0 15px; width:100%; height:40px; border-radius:4px; border:1px solid #dadada; background:#fff;}
.join-wrap h3{ font-size:20px;font-weight:400; color:#000; line-height:30px; text-align:center;}
.join-wrap .stit{ font-size:11px; color:#7a7a7a; line-height:20px; text-align:center;}

.join-wrap .certifiy-input{margin-top:40px;}
.join-wrap .certifiy-input li{margin-top:10px;}
.join-wrap .certifiy-input li:first-child{margin-top:0;}
.join-wrap .certifiy-input li{ padding-right:140px; position:relative;}
.join-wrap .certifiy-input li a{width:120px;height:40px; font-size:11px; color:#fff; border-radius:4px; background:#647188; position:Absolute; right:0; top:0 ;text-align:center; line-height:40px;}
.join-wrap .certifiy-input .tc-input{position:relative; display:block;}
.join-wrap .certifiy-input .tc-input .time{line-height:40px; color:#7a7a7a; font-size:11px; font-weight:700; position:absolute; top:0; right:15px; }

.join-wrap .info-inupt{ margin-top:40px;}
.join-wrap .info-inupt li{margin-top:10px;}
.join-wrap .info-inupt li:first-child{margin-top:0;}

.join-wrap .join-btn{ display:block; line-height:40px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700;}
.join-wrap .ex{font-size:11px; padding:40px 0;text-align:center; color:#7a7a7a ; line-height:20px;}
.join-wrap .ex span{font-weight:700; color:#000}

.join-wrap  .select-box{position:relative;border:1px solid #dadada;background:#fff; border-radius:5px; box-sizing:border-box;display:inline-block;vertical-align:top}
.join-wrap  .select-box:after{width:40px; height:40px; position:absolute; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:3 ;border-left:1px solid #dadada}
.join-wrap  .select-box select{ width:100%;color:#666; height:40px; text-indent:0;padding:0 15px; font-size:13px; color:#9b9b9b; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.join-wrap  .select-box select::-ms-expand{display:none;}

.join-wrap .tc-input.sel:after{width:41px; height:40px; position:absolute; background:url(../_Img/Sub/select-arrow.jpg) no-repeat center center; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:3 ;border-left:1px solid #dadada}
.join-wrap .tc-input.sel input{background:none; position:Relative; z-index:4}
.join-wrap .tc-input.sel{background:#fff; position:relative}

.tc-input input:focus, .tc-input textarea:focus{color:#212121 !important;}

/* docInfo-wrap */
.docInfo-wrap{width:480px; margin:0 auto; padding:40px 50px; box-sizing:border-box;}
.docInfo-wrap input[type="text"], .docInfo-wrap input[type="password"], .docInfo-wrap input[type="date"]{font-size:13px;box-sizing:border-box; padding:0 15px; width:100%; height:40px; border-radius:4px; border:1px solid #dadada; background:#fff;}
.docInfo-wrap h3{ font-size:20px;font-weight:400; color:#000; line-height:30px; text-align:center;}
.docInfo-wrap .stit{ font-size:11px; color:#7a7a7a; line-height:20px; text-align:center;}

.docInfo-wrap .info-input{margin-top:40px;}
.docInfo-wrap .info-input li{ position:Relative;margin-top:20px; padding-left:100px}
.docInfo-wrap .info-input li .btxt{line-height:38px; color:#7a7a7a ;font-size:13px; position:absolute; left:0; top:0;}
.docInfo-wrap .info-input li:first-child{margin-top:0;}
.docInfo-wrap .info-input .tc-input{position:relative; display:block;}
.docInfo-wrap .info-input .tc-input .time{line-height:40px; color:#7a7a7a; font-size:11px; font-weight:700; position:absolute; top:0; right:15px; }

.docInfo-wrap .info-input .tc-file{display:inline-block;vertical-align:top;}
.docInfo-wrap .info-input .tc-file input[type="file"]{display:none;}
.docInfo-wrap .info-input .tc-file label{ font-size:11px; color:#4a4a4a; width:60px; display:inline-block;vertical-align:top;border-radius:4px; border:1px solid #dadada; line-height:38px;box-sizing:border-box; text-align:center;}
.docInfo-wrap .info-input .ctxt{font-size:11px; color:#aaa; line-height:40px; display:inline-block;vertical-align:top; margin-left:10px}

.docInfo-wrap .info-input li ul {overflow:hidden; padding:10px 0;}
.docInfo-wrap .info-input li ul li{padding-left:0; width:50%; float:left; margin-top:0}
.docInfo-wrap .info-input li ul li:nth-child(n+3){margin-top:10px}

.docInfo-wrap .info-input textarea{font-size:13px;box-sizing:border-box; padding:14px 15px; width:100%; height:80px; border-radius:4px; color:#aaa; border:1px solid #dadada; background:#fff;}
.docInfo-wrap .info-input .ex{font-size:11px; color:#aaa; line-height:20px; margin-top:10px;}
.docInfo-wrap .save-btn{ display:block; line-height:40px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700;}

.docInfo-wrap .tc-input.search{position:Relative;}
.docInfo-wrap .tc-input.search .btn{width:28px;height:40px; background:url(../_Img/Sub/search-ico.png) no-repeat center center ;position:Absolute; left:0; top:0;}
.docInfo-wrap .tc-input.search input[type="text"], 
.docInfo-wrap .tc-input.search input[type="password"], 
.docInfo-wrap .tc-input.search input[type="date"]{border-radius:0; border:none;border-bottom:1px solid #dadada; padding-left:34px;}

.docInfo-wrap .info-input li.active{z-index:9939}
.docInfo-wrap .info-input li.active .tc-input.search ul{display:block;}

.tc-input.search ul{display:none;}
.tc-input.search ul.cate{position:Absolute; padding:0 !Important; left:0; top:40px; width:100%;background:#fff;box-sizing:border-box; border:1px solid #dadada;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; }
.tc-input.search ul.cate li{margin-top:0 !Important; border-top:1px solid #f0f0f0; float:none !important;; width:auto !important;; display:block;}
.tc-input.search ul.cate li:first-child{}
.tc-input.search ul.cate li a{line-height:40px; font-size:13px; color:#000; display:block; padding:0 15px;}
.tc-input.search ul.cate li:last-child a{color:#12ac00}

.tc-input.search ul.name{position:Absolute; padding:0 !Important; left:0; top:40px; width:100%;background:#fff;box-sizing:border-box; border:1px solid #dadada;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; }
.tc-input.search ul.name li{margin-top:0 !Important; border-top:1px solid #f0f0f0; float:none !important;; width:auto !important;; display:block;}
.tc-input.search ul.name li:first-child{}
.tc-input.search ul.name li a{display:block; padding:8px 15px;}
.tc-input.search ul.name li a .btxt{position:Relative; left:auto; top:auto;display:block;font-size:13px; color:#000; line-height:24px;}
.tc-input.search ul.name li a .stxt{display:block;font-size:11px; color:#7a7a7a; line-height:20px; }
.tc-input.search ul.name li:last-child a{color:#12ac00;line-height:40px; font-size:13px; display:block; padding:0 15px;}

.dfs-selected-tags .dfs-tag-chip .close {
	position: absolute; top: 5px; right:5px; filter: invert(100%); cursor: pointer;
}

/* hosInfo-wrap */
.hosInfo-wrap{width:940px; margin:0 auto; padding:40px 40px; box-sizing:border-box;}
.hosInfo-wrap input[type="text"], .docInfo-wrap input[type="password"], .docInfo-wrap input[type="date"]{font-size:13px;box-sizing:border-box; padding:0 15px; width:100%; height:40px; border-radius:4px; border:1px solid #dadada; background:#fff;}
.hosInfo-wrap h3{ font-size:20px;font-weight:400; color:#000; line-height:30px; text-align:center;}
.hosInfo-wrap .stit{ font-size:11px; color:#7a7a7a; line-height:20px; text-align:center;}

.hosInfo-wrap .btn-wrap{padding-left:220px;text-align:left;}
.hosInfo-wrap .save-btn{ display:inline-block;vertical-align:top;line-height:48px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700; min-width:420px;}

/* grey custom */
.hosInfo-wrap .btn-faq-wrap{margin:auto;width:50%;margin-top:10px;}
.hosInfo-wrap .save-faq-btn{ display:inline-block;vertical-align:top;line-height:48px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700; min-width:50%; width:350px; cursor: pointer;}

.hosInfo-wrap .info-input{margin-top:60px;}
.hosInfo-wrap .info-input li{position:Relative;margin-top:20px; padding-left:140px}
.hosInfo-wrap .info-input li .btxt{line-height:38px; color:#7a7a7a ;font-size:13px; position:absolute; left:0; top:0;}
.hosInfo-wrap .info-input li label{position: relative;
    /* padding-left: 25px;
    padding-right: 10px; */
    font-size: 13px;
    color: #000;
    line-height: 20px;
    display: inline-block;}
.hosInfo-wrap .info-input li li{position:Relative; padding-left:0px; display:inline;}
.hosInfo-wrap .info-input li:first-child{margin-top:0;}
.hosInfo-wrap .info-input li.w280{padding-right:440px;}
.hosInfo-wrap .info-input li.mg10t{margin-top:10px}
.hosInfo-wrap .info-input li .map{position:Absolute;border-radius:6px; overflow:hidden; width:420px;height:240px; right:0; top:0;}
.hosInfo-wrap .info-input li .map img{width:100%;}
.hosInfo-wrap .info-input li .map .point{ width:56px;height:72px; position:Absolute; left:180px; top:60px; background:url(../_Img/Sub/pin-ico.png) no-repeat; background-size:100% auto; z-index: 5;}
.hosInfo-wrap .info-input li.addr{z-index:5}

.hosInfo-wrap .info-input .logo-file{font-size:0; height:80px;}
.hosInfo-wrap .info-input .logo-file input[type="file"]{display:none}
.hosInfo-wrap .info-input .logo-file label{position:relative; height:80px; width:80px; border-radius:100%;text-align:center;box-sizing:border-box; display:inline-block; border:1px solid #dadada;background:url(../_Img/Sub/plus-ico.png) no-repeat center center;content:""}
.hosInfo-wrap .info-input .logo-file .add-file.show ~ label:after, .hosInfo-wrap .info-input .logo-file .add-file.show ~ label{display:none}    
.hosInfo-wrap .info-input .logo-file .add-file{position:relative;display:none;}
.hosInfo-wrap .info-input .logo-file .add-file.show{display:inline-block; }
.hosInfo-wrap .info-input .logo-file .add-file img{width:80px;height:80px; display:inline-block;vertical-align:top;border-radius:100%;box-sizing:border-box; border:1px solid #dadada}

.hosInfo-wrap .info-input .logo-file .show .delete-file{display:block;position:Absolute;border:none;width:20px; right:0; bottom:0; height:20px;border-radius:100%; background:url(../_Img/Sub/minus-ico.png) no-repeat center center #fff;  border:1px solid #dadada; box-sizing:border-box;background-size:100% auto;}
.hosInfo-wrap .info-input .logo-file .delete-file{display:none;}
.hosInfo-wrap .info-input .logo-file .ex{ display:inline-block;margin-top:0;vertical-align:top;margin-left:20px; padding:20px 0 0 0; line-height:20px; color:#aaa; font-size:11px}

.hosInfo-wrap .info-input ul.hos-file{font-size:0; margin:0 -12px;}
.hosInfo-wrap .info-input ul.hos-file li{display:inline-block;padding:0; width:100px;;margin:0 12px;vertical-align:top}
.hosInfo-wrap .info-input ul.hos-file li input[type="file"]{display:none}
.hosInfo-wrap .info-input ul.hos-file li label{position:relative; height:100px; border-radius:4px;text-align:center;box-sizing:border-box; display:block; border:1px solid #dadada;background:url(../_Img/Sub/plus-ico.png) no-repeat center center;content:""}
.hosInfo-wrap .info-input ul.hos-file li .add-file.show ~ label:after, .hosInfo-wrap .info-input ul.hos-file li .add-file.show ~ label{display:none}    
.hosInfo-wrap .info-input ul.hos-file li .add-file{position:relative;display:none;border:1px solid #ddd;border-radius:6px;}
.hosInfo-wrap .info-input ul.hos-file li .add-file.show{display:block; }
.hosInfo-wrap .info-input ul.hos-file li .add-file img{width:100%}
.hosInfo-wrap .info-input ul.hos-file .show .delete-file{display:block;position:Absolute;border:none;width:20px; right:-10px; top:-10px; height:20px;border-radius:100%; background:url(../_Img/Sub/minus-ico.png) no-repeat center center #fff;  border:1px solid #dadada; box-sizing:border-box;background-size:100% auto;}
.hosInfo-wrap .info-input ul.hos-file .delete-file{display:none;}

.hosInfo-wrap .info-input .ex{font-size:11px; color:#aaa; line-height:20px; margin-top:10px;}
.hosInfo-wrap .info-input textarea{font-size:13px;box-sizing:border-box; padding:14px 15px; width:100%; height:80px; border-radius:4px; color:#aaa; border:1px solid #dadada; background:#fff;}
.hosInfo-wrap .info-input li.active{z-index:9939}
.hosInfo-wrap .info-input li.active .tc-input.search ul{display:block;}

.hosInfo-wrap .info-input li table{}
.hosInfo-wrap .info-input li table thead th{border-top:2px solid #000000;border-bottom:1px solid #dadada; padding:18px 0;text-align:center; font-size:13px;font-weight:400; color:#000}
.hosInfo-wrap .info-input li table thead tr th:first-child{padding:18px 15px; text-align:left; font-size:13px; color:#7a7a7a}
.hosInfo-wrap .info-input li table tbody td{border-bottom:1px solid #f0f0f0;vertical-align:middle;padding:20px 0;text-align:center;}
.hosInfo-wrap .info-input li table tbody tr td:first-child{text-align:left;}

.hosInfo-wrap .info-input .sel-check{display:inline-block; vertical-align:top; }
.hosInfo-wrap .info-input .sel-check input{display:none}
.hosInfo-wrap .info-input .sel-check label{display:inline-block; vertical-align:top; width:30px;height:16px; position:Relative;}
.hosInfo-wrap .info-input .sel-check label:after{ width:30px;height:16px;background:#dadada; position:absolute; left:0; top:0; border-radius:16px; display:block; content:""; z-index:3;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.hosInfo-wrap .info-input .sel-check label:before{ width:12px;height:12px; position:Absolute; left:2px; top:2px; background:#fff; border-radius:100%; display:block; content:""; z-index:5;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.hosInfo-wrap .info-input .sel-check input:checked + label:after{background:#12ac00}
.hosInfo-wrap .info-input .sel-check input:checked + label:before{left:16px}

.hosInfo-wrap .info-input .select-box{position:relative;border:1px solid #dadada;background:#fff; border-radius:5px; box-sizing:border-box;display:inline-block;vertical-align:top}
.hosInfo-wrap .info-input .select-box:after{width:40px; height:40px; position:absolute; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:3 ;border-left:1px solid #dadada}

.hosInfo-wrap .info-input .select-box select{ width:100%;color:#666; height:40px; text-indent:0;padding:0 15px; font-size:13px; color:#9b9b9b; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.hosInfo-wrap .info-input .select-box select::-ms-expand{display:none;}
.hosInfo-wrap .info-input .w110{width:110px;}
.hosInfo-wrap .info-input .ctxt{font-size:11px; color:#aaa; line-height:40px; display:inline-block;vertical-align:top;margin-left:10px; }
.hosInfo-wrap .info-input .ctxt.w30{text-align:Center; margin:0}

.hosInfo-wrap .tc-input.search{position:Relative;}
.hosInfo-wrap .tc-input.search ul.name{border-radius:4px;}
.hosInfo-wrap .tc-input.search ul.name li{padding-left:0}
.hosInfo-wrap .tc-input.search ul.name li a{padding:0 15px}
.hosInfo-wrap .tc-input.search ul.name li a .btxt{position:Relative; left:auto; top:auto;display:inline-block;vertical-align:top;;font-size:13px; color:#000; line-height:40px;}
.hosInfo-wrap .tc-input.search ul.name li a .stxt{margin-left:10px;display:inline-block;vertical-align:top;font-size:11px; color:#7a7a7a; line-height:20px; line-height:40px; }





/* patient-wrap */
.patient-wrap{width:960px; margin:0 auto; box-sizing:border-box; padding:0 30px}
.patient-wrap .patient-top{ padding:45px 20px; position:Relative; margin-bottom:10px; z-index:5;}
.patient-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.patient-wrap .fab-btn{ width:40px;height:40px; display:inline-block;vertical-align:top; border-radius:100%; background:url(../_Img/Sub/fab-ico.png) no-repeat center center;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; }

.patient-con{position:relative}
.patient-con:after{display:block;content:""; clear:both}
.patient-con .side{float:left;width:210px; position:Relative ; z-index:4}
.patient-con .cont{float:right;width:670px; position:relative; z-index:3}
.patient-con .side .group-add{width:160px;display:block; box-sizing:border-box;border-radius:4px; border:1px solid #dadada; font-weight:700; color:#1e1e1e; font-size:13px; padding:0 0 0 20px}
.patient-con .side .group-add span{display:inline-block;letter-spacing:-0.01em;vertical-align:top; line-height:38px; padding-left:40px; background:url(../_Img/Sub/add-group.png) no-repeat left center;}

.patient-con .side ul{margin-top:20px}
.patient-con .side li{position:Relative;}
.patient-con .side li a{display:block; padding-left:20px;}
.patient-con .side li a span{padding-left:40px;display:inline-block;vertical-align:top; letter-spacing:-0.01em; line-height:40px; font-size:13px; color:#7a7a7a; position:Relative; }
.patient-con .side li a span:before{width:24px;height:24px; position:absolute; left:0; top:50%;margin-top:-12px; background:url(../_Img/Sub/group-ico.png) no-repeat center center ;display:block; content:""; opacity:0.3}
.patient-con .side li.active a span:before{opacity:1}
.patient-con .side li.active a span{color:#000; font-weight:700;}
.patient-con .side li.active{z-index:5;}
.patient-con .side li.active .option-btn{opacity:1;}
.patient-con .side li .option-btn{width:24px;height:24px; position:Absolute; right:0; top:50%;margin-top:-12px; background:url(../_Img/Sub/more-ico.png) no-repeat;background-size:100% auto;border:none;opacity:0.3}
.patient-con .side li.active .trash-btn{opacity:1;}
.patient-con .side li .trash-btn{width:12px;height:12px; position:Absolute; right:0; top:50%;margin-top:-5px; background:url(../_Img/Sub/ic-trash2x.png) no-repeat;background-size:100% auto;border:none;opacity:0.3}


.patient-con .side  li ul{display:none;margin-top:0;border-radius:4px;overflow:hidden;position:Absolute; right:-170px; top:0px; width:160px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ;}
.patient-con .side  li ul li{float:none; width:auto; margin-left:0; border-top:1px solid #000;background:#212121;}
.patient-con .side  li ul li:first-child{border-top:none;}
.patient-con .side  li ul li a{ line-height:40px; display:block; height:auto; padding:0 20px; font-size:13px; color:#fff;}
.patient-con .side  li ul li a span{color:#fff !important; padding-left:0;  font-weight:400 !important;background:none}
.patient-con .side  li ul li a span:before{display:none !Important;}

.patient-con .all-chk{padding:18px 20px; margin-bottom:10px;}
.patient-con .all-chk .ctrl{position:absolute; right:20px; top:14px;}
.patient-con .all-chk .ctrl li{float:left; margin-left:10px;}
.patient-con .all-chk .ctrl li.mg60{margin-left:60px;}
.patient-con .all-chk .ctrl li a{ height:32px;box-sizing:border-box; border:1px solid #dadada; border-radius:4px; display:block; padding:0 10px; font-size:11px; color:#4a4a4a; line-height:30px;}

.patient-list.type01{ margin:0 -10px;}
.patient-list.type01:after{display:block; content:""; clear:both}
.patient-list.type01 li{float:left;margin:0 10px; width:210px; height:220px;position:Relative; padding:20px; box-sizing:border-box;border:1px solid #f0f0f0;}
.patient-list.type01 li:nth-child(n+4){margin-top:20px;}
.patient-list.type01 li .check-box label{vertical-align:top; padding-left:20px}
.patient-list.type01 li .check-box{position:Absolute; right:20px; top:20px;}
.patient-list.type01 li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;}
.patient-list.type01 li .img img{width:100%;}
.patient-list.type01 li .name{margin-top:10px; color:#000; font-size:13px; line-height:20px; }
.patient-list.type01 li .txt{ font-size:12px; color:#7a7a7a; line-height:16px; margin-top:10px; min-height:36px;}
.patient-list.type01 li .ico-cont{ position:absolute; left:0; bottom:0;text-align:right; height:64px; width:100%;border-top:1px solid #f0f0f0;box-sizing:border-box; padding:20px}
.patient-list.type01 li .ico-cont a{display:inline-block;vertical-align:top; width:24px;height:24px; background-size:100% auto !important; }
.patient-list.type01 li .fav-btn{position:absolute; left:20px; top:20px;background:url(../_Img/Sub/fav-ico.png) no-repeat center center ;}
.patient-list.type01 li .fav-btn.active{background:url(../_Img/Sub/fav-icoo.png) no-repeat center center ;}
.patient-list.type01 li .chat-btn{background:url(../_Img/Sub/chat-ico.png) no-repeat center center ;}
.patient-list.type01 li .option-btn{margin-left:10px;background:url(../_Img/Sub/option-ico.png) no-repeat center center ;}
.patient-list.type01 li.active{z-index:5}

.patient-list.type02{ }
.patient-list.type02:after{display:block; content:""; clear:both}
.patient-list.type02 li{ height:80px;position:Relative; padding:20px 142px 20px 120px; box-sizing:border-box;border-bottom:1px solid #f0f0f0;}
.patient-list.type02 li .check-box label{vertical-align:top; padding-left:20px}
.patient-list.type02 li .check-box{position:Absolute; left:20px; top:28px;}
.patient-list.type02 li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;position:absolute; left:60px; top:20px}
.patient-list.type02 li .img img{width:100%;}
.patient-list.type02 li .name{color:#000; font-size:13px; line-height:20px; }
.patient-list.type02 li .txt{ font-size:12px; color:#7a7a7a; line-height:20px; height:20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.patient-list.type02 li .ico-cont{ position:absolute; right:20px; bottom:28px;text-align:right; height:24px; width:115px;box-sizing:border-box; }
.patient-list.type02 li .ico-cont a{display:inline-block;vertical-align:top; width:24px;height:24px; background-size:100% auto !important; }
.patient-list.type02 li .fav-btn{position:absolute; left:0; top:0;background:url(../_Img/Sub/fav-ico.png) no-repeat center center ;}
.patient-list.type02 li .fav-btn.active{background:url(../_Img/Sub/fav-icoo.png) no-repeat center center ;}
.patient-list.type02 li .chat-btn{background:url(../_Img/Sub/chat-ico.png) no-repeat center center ;}
.patient-list.type02 li .option-btn{margin-left:10px;background:url(../_Img/Sub/option-ico.png) no-repeat center center ;}
.patient-list.type02 li.active{z-index:5}




/* chat-wrap */
.chat-wrap{width:940px; margin:0 auto; box-sizing:border-box; padding:0 20px}
.chat-wrap .chat-top{ padding:45px 30px; position:Relative;  z-index:5;}
.chat-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.chat-wrap .fab-btn{ width:40px;height:40px; display:inline-block;vertical-align:top; border-radius:100%; background:url(../_Img/Sub/fab-ico.png) no-repeat center center;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; }

.chat-con{position:relative}
.chat-con:after{display:block;content:""; clear:both}
.chat-con .cont{ position:relative; z-index:3}

.chat-con .all-chk{padding:18px 20px; margin-bottom:10px; border-top:2px solid #000; border-bottom:1px solid #dadada}
.chat-con .all-chk .ctrl{position:absolute; left:148px; top:14px;}
.chat-con .all-chk .ctrl li{float:left; margin-left:10px;}
.chat-con .all-chk .ctrl li.mg60{margin-left:60px;}
.chat-con .all-chk .ctrl li a{ height:32px;box-sizing:border-box; border:1px solid #dadada; border-radius:4px; display:block; padding:0 17px; font-size:11px; color:#4a4a4a; line-height:30px;}

.chat-list.type01{padding:10px 0 0 0; margin:0 -10px;}
.chat-list.type01:after{display:block; content:""; clear:both}
.chat-list.type01 li{float:left;margin:0 10px; width:210px; height:230px;position:Relative; padding:20px; box-sizing:border-box;border:1px solid #f0f0f0;}
.chat-list.type01 li:nth-child(n+5){margin-top:20px;}
.chat-list.type01 li .check-box label{vertical-align:top; padding-left:20px}
.chat-list.type01 li .check-box{position:Absolute; right:20px; top:20px;}
.chat-list.type01 li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;}
.chat-list.type01 li .img img{width:100%;}
.chat-list.type01 li .name{margin-top:10px;position:Relative; color:#000; font-size:13px; line-height:20px; }
.chat-list.type01 li .time{position:Absolute; right:0; top:0; line-height:20px; color:#7a7a7a; font-size:10px;}
.chat-list.type01 li .txt{ font-size:12px; color:#7a7a7a; line-height:16px; margin-top:10px; height:50px;overflow:hidden;}
.chat-list.type01 li .ico-cont{ position:absolute; left:0; bottom:0;text-align:right; height:64px; width:100%;border-top:1px solid #f0f0f0;box-sizing:border-box; padding:20px}
.chat-list.type01 li .ico-cont a{display:inline-block;vertical-align:top; width:24px;height:24px; background-size:100% auto !important; }
.chat-list.type01 li .fav-btn{position:absolute; left:20px; top:20px;background:url(../_Img/Sub/fav-ico.png) no-repeat center center ;}
.chat-list.type01 li .fav-btn.active{background:url(../_Img/Sub/fav-icoo.png) no-repeat center center ;}
.chat-list.type01 li .chat-btn{background:url(../_Img/Sub/chat-ico.png) no-repeat center center ;}
.chat-list.type01 li .option-btn{margin-left:10px;background:url(../_Img/Sub/option-ico.png) no-repeat center center ;}
.chat-list.type01 li.active{z-index:5}

.chat-list.type01 li ul{margin:0;display:none;border-radius:4px;overflow:hidden;position:Absolute; right:-20px; top:40px; width:160px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ;}
.chat-list.type01 li ul li{border:none;margin:0;float:none; width:auto; padding:0; border-top:1px solid #000;background:#212121; height:auto;border-bottom:none;}
.chat-list.type01 li ul li:first-child{border-top:none;}
.chat-list.type01 li ul li a{ width:auto !important;text-align:left !important; height:auto !important; line-height:40px; display:block !important;; height:auto; padding:0 20px; font-size:13px; color:#fff;}
.chat-list.type01 li ul li a span{color:#fff !important; padding-left:0;  font-weight:400 !important;background:none}
.chat-list.type01 li ul li a span:before{display:none !Important;}


.chat-list.type02{ }
.chat-list.type02:after{display:block; content:""; clear:both}
.chat-list.type02 li{ height:80px;position:Relative; padding:20px 132px 20px 120px; box-sizing:border-box;border-bottom:1px solid #f0f0f0;}
.chat-list.type02 li .check-box label{vertical-align:top; padding-left:20px}
.chat-list.type02 li .check-box{position:Absolute; left:20px; top:28px;}
.chat-list.type02 li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;position:absolute; left:60px; top:20px}
.chat-list.type02 li .img img{width:100%;}
.chat-list.type02 li .name{position:Relative;color:#000; font-size:13px; line-height:20px; }
.chat-list.type02 li .time{position:Absolute; right:0;top:0; line-height:20px; color:#7a7a7a; font-size:10px;}
.chat-list.type02 li .txt{ font-size:12px; color:#7a7a7a; line-height:20px; height:20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-list.type02 li .ico-cont{ position:absolute; right:20px; bottom:28px;text-align:right; height:24px; width:110px;box-sizing:border-box; }
.chat-list.type02 li .ico-cont a{display:inline-block;vertical-align:top; width:24px;height:24px; background-size:100% auto !important; }
.chat-list.type02 li .fav-btn{background:url(../_Img/Sub/fav-ico.png) no-repeat center center ;}
.chat-list.type02 li .fav-btn.active{background:url(../_Img/Sub/fav-icoo.png) no-repeat center center ;}
.chat-list.type02 li .chat-btn{background:url(../_Img/Sub/chat-ico.png) no-repeat center center ;}
.chat-list.type02 li .option-btn{margin-left:10px;background:url(../_Img/Sub/option-ico.png) no-repeat center center ;}
.chat-list.type02 li.active{z-index:5}
.chat-list.type02 li ul{display:none;margin-top:0;border-radius:4px;overflow:hidden;position:Absolute; right:-155px; top:-10px; width:160px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ;}
.chat-list.type02 li ul li{float:none; width:auto; margin-left:0; padding:0; border-top:1px solid #000;background:#212121; height:auto;border-bottom:none;}
.chat-list.type02 li ul li:first-child{border-top:none;}
.chat-list.type02 li ul li a{ width:auto !important;text-align:left !important; height:auto !important; line-height:40px; display:block !important;; height:auto; padding:0 20px; font-size:13px; color:#fff;}
.chat-list.type02 li ul li a span{color:#fff !important; padding-left:0;  font-weight:400 !important;background:none}
.chat-list.type02 li ul li a span:before{display:none !Important;}





/* counsel-wrap */
.counsel-wrap{width:960px; margin:0 auto; box-sizing:border-box; padding:0 10px}
.counsel-wrap .counsel-top{ padding:45px 40px; position:Relative;  z-index:5;}
.counsel-wrap.view .counsel-top{ padding:45px 40px 45px 120px;}
.counsel-wrap .counsel-top h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.counsel-wrap .counsel-top .prev-btn{width:40px;height:40px; position:Absolute; left:40px; top:45px; background:url(../_Img/Sub/ic-back.png) no-repeat center center;}
.counsel-wrap .fab-btn{ width:40px;height:40px; display:inline-block;vertical-align:top; border-radius:100%; background:url(../_Img/Sub/fab-ico.png) no-repeat center center;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; }

.counsel-wrap.list .list{border-top:2px solid #000}
.counsel-wrap.list .list li{border-top:1px solid #f0f0f0; position:relative; padding-right:220px}
.counsel-wrap.list .list li:first-child{border-top:none}
.counsel-wrap.list .inst{padding:30px 40px 30px 120px; position:Relative;}
.counsel-wrap.list .info{ position:absolute; right:0; top:0; height:100%; width:220px; box-sizing:border-box; padding:70px 20px 0 20px}

.counsel-wrap.list .inst .ico{width:40px;height:40px;border-radius:100%; position:Absolute; z-index:-1; left:40px; top:30px; background:#f0f0f0; display:block;  font-weight:700; color:#647188; line-height:38px; text-align:center; font-size:17px;}
.counsel-wrap.list .inst .ico.check:after{position:Absolute;background:url(../_Img/Sub/ic-my.png) no-repeat center center; z-index:1; right:0; bottom:0;;width:14px;height:14px;display:block; content:""}
.counsel-wrap.list .inst .tit{font-size:16px; font-weight:700; color:#000000; line-height:24px;}
.counsel-wrap.list .inst .txt{position:Relative;margin-top:16px; font-size:13px; color:#4a4a4a; line-height:24px ; height:72px; overflow:hidden; margin-bottom:24px;}
.counsel-wrap.list .inst .txt .img{position:absolute; right:0; top:0; width:72px;}
.counsel-wrap.list .inst .txt .img img{width:100%;}
.counsel-wrap.list .inst .answer-num{display:inline-block;vertical-align:top;  font-weight:700;color:#12ac00; font-size:11px; line-height:32px; margin-right:13px;}
.counsel-wrap.list .inst .answer-btn{display:inline-block;vertical-align:top;border:1px solid #dadada; width:120px; color:#7a7a7a; font-size:11px; height:32px; line-height:30px; box-sizing:border-box; border-radius:32px; text-align:center;}
.counsel-wrap.list .inst .answer-btn.active{border-color:#12ac00; background:#12ac00; color:#fff;}

.counsel-wrap.list .info .name{ font-size:11px; color:#7a7a7a; line-height:20px;}
.counsel-wrap.list .info .date{ font-size:11px; color:#7a7a7a; line-height:20px;}
.counsel-wrap.list .info .tag{ font-size:11px; color:#12ac00;line-height:20px;}
.counsel-wrap.list .more{display:block; line-height:80px; text-align:center; color:#000; font-size:16px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}

.counsel-wrap.view .view-con{border-top:2px solid #000; position:relative; padding-right:90px}
.counsel-wrap.view .inst{padding:15px 0px 30px 20px; position:Relative;}
.counsel-wrap.view .inst.q{padding:15px 40px 30px 20px; position:Relative;} 
.counsel-wrap.view .info{height:100%; width:100%; box-sizing:border-box;}
.counsel-wrap.view .inst .ico{width:40px;height:40px;border-radius:100%; position:Absolute; z-index:-1; left:40px; top:30px; background:#f0f0f0; display:block;  font-weight:700; color:#647188; line-height:38px; text-align:center; font-size:17px;}
.counsel-wrap.view .inst .ico.check:after{position:Absolute;background:url(../_Img/Sub/ic-my.png) no-repeat center center; z-index:1; right:0; bottom:0;;width:14px;height:14px;display:block; content:""}
.counsel-wrap.view .inst .tit{
    font-size: 25px;
    font-weight: 700;
    color: #000000;
    line-height: 30px;
    margin:0;
}
.counsel-wrap.view .inst .stance{
    position: Relative;
    margin-top: 10px;
    font-size: 21px !important;
    color: #4a4a4a;
    line-height: 24px;
    margin-bottom: 25px;
}

.info-area-a {
	box-sizing: border-box;
    padding: 5px 0px 5px 65px;
    position: relative;     
    border-bottom: 1px solid #e1e0e0;
}

.counsel-wrap.view .inst .stance .img{margin-bottom:16px;}
.counsel-wrap.view .inst .stance img{width:100%}
.counsel-wrap.view .info .name{ font-size:14px; color:#7a7a7a; line-height:20px; margin:0;}
.counsel-wrap.view .info .date{ font-size:14px; color:#7a7a7a; line-height:20px; margin:0;}
.counsel-wrap.view .info .tag{ font-size:14px; color:#12ac00;line-height:20px; margin:0;}

.counsel-wrap.view .info .name span, .counsel-wrap.view .info .date span{color:#4a4a4a; font-weight:700}


.counsel-wrap.list .list{border-top:2px solid #000}
.counsel-wrap.view .list li{border-bottom:1px solid #f0f0f0; position:relative; padding-right:90px}
.counsel-wrap.view .list li:first-child{border-top:none}
.counsel-wrap.view .list .person{width:40px;height:40px;border-radius:100%; position:Absolute; z-index:-1; left:10px; top:50%; transform: translateY(-50%); background:#f0f0f0; display:block;  font-weight:700; color:#647188; line-height:38px; text-align:center; font-size:17px;}
.counsel-wrap.view .list .person img{width:100%;}
.counsel-wrap.view .list .person.check:after{position:Absolute;background:#12ac00; z-index:1; right:-2px; bottom:-2px;width:8px;height:8px;display:block; content:"";border:2px solid #fff; border-radius:100%;}
.counsel-wrap.view .list .report-btn{color:#4a4a4a;font-weight:700; text-decoration:underline; font-size:11px; position:absolute; right:40px; top:30px;}

.counsel-wrap.view .result-anwser{display:block; line-height:40px; text-align:center; color:#aaa; font-weight:400;font-size:14px; border-top:1px solid #f0f0f0; }
.counsel-wrap.view .result-anwser.be{
	padding: 10px 0px 10px 20px;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #f0f0f0;	 
}

.counsel-foot{position:fixed; z-index:4500; left:0; width:100%;left:0; bottom:0; height:190px; box-sizing:border-box; min-width:1024px; background:#fff;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3)  ; -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3)  ; 	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3)  ; }
.counsel-foot .con{ position:relative;width:960px; margin:0 auto; box-sizing:border-box; padding:25px 90px 25px 130px}
.counsel-foot .person{width:40px;height:40px;border-radius:100%; position:Absolute; z-index:-1; left:50px; top:20px; background:#f0f0f0; display:block;  font-weight:700; color:#647188; line-height:38px; text-align:center; font-size:17px;}
.counsel-foot .person{width:40px;height:40px;border-radius:100%; position:Absolute; z-index:-1; left:10px; top:50%; transform: translateY(-50%); background:#f0f0f0; display:block;  font-weight:700; color:#647188; line-height:38px; text-align:center; font-size:17px;}
.counsel-foot .person img{width:100%;}
.counsel-foot .person.check:after{position:Absolute;background:#12ac00; z-index:1; right:-2px; bottom:-2px;width:8px;height:8px;display:block; content:"";border:2px solid #fff; border-radius:100%;}
/* 2018-10-29 김영근 textarea 속성 비활성화 */
/* .counsel-foot textarea{position:Relative;font-size:16px; color:#000; line-height:30px ;border:none; box-sizing:border-box; font-weight:400; width:560px; height:90px;caret-color:#12ac00;;} */
.counsel-foot .answer-btn{width:120px;height:32px;background:#12ac00; border-radius:32px; text-align:center; color:#fff; line-height:32px; font-size:11px; font-weight:700; position:Absolute; top:89px; right:90px;}
/* for FAQ */
.counsel-faq{width:100%;}
.counsel-faq .con{ position:relative; margin:0 auto; box-sizing:border-box;height:350px;}
.counsel-faq ul{margin-top:10px;overflow:hidden;border:1px solid #dadada; box-sizing:border-box;}
.counsel-faq ul li:before{width:1px;height:100%; background:#dadada; position:absolute; left:-1px; top:0; display:block;content:""}
.counsel-faq ul li:first-child:before{display:none;}
.counsel-faq ul li{float:left; line-height:38px; position:relative;}
.counsel-faq ul li.w56{width:56px;text-align:center;margin-top:0px;}
.counsel-faq ul li.w86{width:86px;text-align:center;margin-top:0px;}
.counsel-faq ul li.w95{width:95px;text-align:center;margin-top:0px;}
.counsel-faq ul li.w120{width:120px;padding-left:16px;margin-top:0px;}
.counsel-faq .answer-btn-active{width:120px;height:32px;background:#12ac00; border-radius:32px; text-align:center; color:#fff; line-height:32px; font-size:11px; font-weight:700; position:Absolute; /* top:89px; */ right:90px; cursor:pointer;}
.counsel-faq .answer-btn-disabled{width:120px;height:32px; border: 1px solid #dadada; border-radius:32px; text-align:center; color: #7a7a7a; line-height:32px; font-size:11px; font-weight:700; position:Absolute; /* top:89px; */ right:90px; cursor:no-drop;}

/* 2018-10-25 김영근 top 속성 비활성화 */
.counsel-foot .answer-btn-active{width:120px;height:32px;background:#12ac00; border-radius:32px; text-align:center; color:#fff; line-height:32px; font-size:11px; font-weight:700; position:Absolute; /* top:89px; */ right:90px; cursor:pointer;}
.counsel-foot .answer-btn-disabled{width:120px;height:32px; border: 1px solid #dadada; border-radius:32px; text-align:center; color: #7a7a7a; line-height:32px; font-size:11px; font-weight:700; position:Absolute; /* top:89px; */ right:90px; cursor:no-drop;}

/* 2018-10-29 김영근 answerListMore css 추가*/
.answerListMore{display:block; line-height:80px; text-align:center; color:#000; font-size:16px; /* border-bottom:1px solid #f0f0f0 */}

.counsel-foot ul{margin-top:10px;overflow:hidden;border:1px solid #dadada; box-sizing:border-box; width:560px;}
.counsel-foot ul li{float:left; line-height:38px; position:relative;}
.counsel-foot ul li:before{width:1px;height:100%; background:#dadada; position:absolute; left:-1px; top:0; display:block;content:""}
.counsel-foot ul li:first-child:before{display:none;}
.counsel-foot ul li.w120{width:120px;padding-left:16px;}
.counsel-foot ul li.w56{width:56px;text-align:center;}
.counsel-foot ul li.w86{width:86px;text-align:center;}
.counsel-foot ul li.w95{width:95px;text-align:center;}
.counsel-foot ul li.w147{width:117px;}

.counsel-foot ul li .b{font-weight:700;}
.counsel-foot ul li .line01{text-decoration:underline}
.counsel-foot ul li .line02{text-decoration:line-through}

/* doctor-wrap */
.doctor-wrap{width:940px; margin:0 auto; box-sizing:border-box; padding:0 20px}
.doctor-wrap .doctor-top{ padding:45px 30px; position:Relative;  z-index:5;}
.doctor-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.doctor-wrap .fab-btn{ width:40px;height:40px; display:inline-block;vertical-align:top; border-radius:100%; background:url(../_Img/Sub/fab-ico.png) no-repeat center center;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)  ; }

.doctor-con{position:relative}
.doctor-con:after{display:block;content:""; clear:both}
.doctor-con .cont{ position:relative; z-index:3}

.doctor-con .all-chk{padding:18px 20px; margin-bottom:10px; border-top:2px solid #000; border-bottom:1px solid #dadada}
.doctor-con .all-chk .ctrl{position:absolute; left:148px; top:14px;}
.doctor-con .all-chk .ctrl li{float:left; margin-left:10px;}
.doctor-con .all-chk .ctrl li.mg60{margin-left:60px;}
.doctor-con .all-chk .ctrl li a{ height:32px;box-sizing:border-box; border:1px solid #dadada; border-radius:4px; display:block; padding:0 17px; font-size:11px; color:#4a4a4a; line-height:30px;}

.doctor-list.type01{padding:10px 0 0 0; margin:0 -10px;}
.doctor-list.type01:after{display:block; content:""; clear:both}
.doctor-list.type01 li{float:left;margin:0 10px; width:210px; height:180px;position:Relative; padding:20px; box-sizing:border-box;border:1px solid #f0f0f0;}
.doctor-list.type01 li:nth-child(n+5){margin-top:20px;}
.doctor-list.type01 li .check-box label{vertical-align:top; padding-left:20px}
.doctor-list.type01 li .check-box{position:Absolute; right:20px; top:20px;}
.doctor-list.type01 li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;}
.doctor-list.type01 li .img img{width:100%;}
.doctor-list.type01 li .name{margin-top:10px;position:Relative; color:#000; font-size:13px; line-height:20px; }
.doctor-list.type01 li .like{display:block; position:absolute; right:0; top:0;padding-left:17px; font-weight:700; background:url(../_Img/Layout/ico-heart.png) no-repeat left 1px;color:#ff7700; font-size:11px; }
.doctor-list.type01 li .txt{ font-size:12px; color:#7a7a7a; line-height:16px; margin-top:10px; height:50px;overflow:hidden;}
.doctor-list.type01 li .ico-cont{ position:absolute; left:0; bottom:0;text-align:right; height:64px; width:100%;border-top:1px solid #f0f0f0;box-sizing:border-box; padding:20px}
.doctor-list.type01 li .ico-cont a{display:inline-block;vertical-align:top; width:24px;height:24px; background-size:100% auto !important; }
.doctor-list.type01 li .fav-btn{position:absolute; left:20px; top:20px;background:url(../_Img/Sub/fav-ico.png) no-repeat center center ;}
.doctor-list.type01 li .fav-btn.active{background:url(../_Img/Sub/fav-icoo.png) no-repeat center center ;}
.doctor-list.type01 li .chat-btn{background:url(../_Img/Sub/chat-ico.png) no-repeat center center ;}
.doctor-list.type01 li .option-btn{margin-left:10px;background:url(../_Img/Sub/option-ico.png) no-repeat center center ;}
.doctor-list.type01 li.active{z-index:5}

.doctor-list.type01 li ul{margin:0;display:none;border-radius:4px;overflow:hidden;position:Absolute; right:-20px; top:40px; width:160px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ;}
.doctor-list.type01 li ul li{border:none;margin:0;float:none; width:auto; padding:0; border-top:1px solid #000;background:#212121; height:auto;border-bottom:none;}
.doctor-list.type01 li ul li:first-child{border-top:none;}
.doctor-list.type01 li ul li a{ width:auto !important;text-align:left !important; height:auto !important; line-height:40px; display:block !important;; height:auto; padding:0 20px; font-size:13px; color:#fff;}
.doctor-list.type01 li ul li a span{color:#fff !important; padding-left:0;  font-weight:400 !important;background:none}
.doctor-list.type01 li ul li a span:before{display:none !Important;}

.doctor-list.type02{ }
.doctor-list.type02:after{display:block; content:""; clear:both}
.doctor-list.type02 li{ height:80px;position:Relative; padding:30px 132px 30px 120px; box-sizing:border-box;border-bottom:1px solid #f0f0f0;}
.doctor-list.type02 li .check-box label{vertical-align:top; padding-left:20px}
.doctor-list.type02 li .check-box{position:Absolute; left:20px; top:28px;}
.doctor-list.type02 li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;position:absolute; left:60px; top:20px}
.doctor-list.type02 li .img img{width:100%;}
.doctor-list.type02 li .name{position:Relative;display:inline-block;vertical-align:top;color:#000; font-size:13px; line-height:20px; }
.doctor-list.type02 li .like{display:inline-block;vertical-align:top;margin-left:16px; font-weight:700; padding-left:17px; background:url(../_Img/Layout/ico-heart.png) no-repeat left 1px;color:#ff7700; font-size:11px;line-height:20px; }

.doctor-list.type02 li .txt{ font-size:12px; color:#7a7a7a; line-height:20px; height:20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.doctor-list.type02 li .ico-cont{ position:absolute; right:20px; bottom:28px;text-align:right; height:24px; width:110px;box-sizing:border-box; }
.doctor-list.type02 li .ico-cont a{display:inline-block;vertical-align:top; width:24px;height:24px; background-size:100% auto !important; }
.doctor-list.type02 li .fav-btn{background:url(../_Img/Sub/fav-ico.png) no-repeat center center ;}
.doctor-list.type02 li .fav-btn.active{background:url(../_Img/Sub/fav-icoo.png) no-repeat center center ;}
.doctor-list.type02 li .chat-btn{background:url(../_Img/Sub/chat-ico.png) no-repeat center center ;}
.doctor-list.type02 li .option-btn{margin-left:10px;background:url(../_Img/Sub/option-ico.png) no-repeat center center ;}

.doctor-list.type02 li.active{z-index:5}
.doctor-list.type02 li ul{display:none;margin-top:0;border-radius:4px;overflow:hidden;position:Absolute; right:-155px; top:-10px; width:160px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ;}
.doctor-list.type02 li ul li{float:none; width:auto; margin-left:0; padding:0; border-top:1px solid #000;background:#212121; height:auto;border-bottom:none;}
.doctor-list.type02 li ul li:first-child{border-top:none;}
.doctor-list.type02 li ul li a{ width:auto !important;text-align:left !important; height:auto !important; line-height:40px; display:block !important;; height:auto; padding:0 20px; font-size:13px; color:#fff;}
.doctor-list.type02 li ul li a span{color:#fff !important; padding-left:0;  font-weight:400 !important;background:none}
.doctor-list.type02 li ul li a span:before{display:none !Important;}


/* hospital-wrap */
.hospital-wrap{width:960px; margin:0 auto; box-sizing:border-box; padding:0 10px}
.hospital-wrap .hospital-top{ padding:45px 30px; position:Relative;  z-index:5;}
.hospital-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.hospital-wrap .modify-btn{font-size:13px; color:#12ac00; line-height:40px; position:Absolute ;right:30px; top:45px;}

.hospital-wrap .hospital-vis{position:relative;}
.hospital-wrap .hospital-vis img{width:100%; height: 100%;}
.hospital-wrap .hospital-vis .img-01{width:720px; height:480px;}
.hospital-wrap .hospital-vis .img-02{position:absolute; right:0; top:0;width:220px; height:160px;}
.hospital-wrap .hospital-vis .img-03{position:absolute; right:0; top:160px;width:220px; height:160px;}
.hospital-wrap .hospital-vis .img-04{position:absolute; right:0; bottom:0;width:220px; height:160px;}
.hospital-wrap .hospital-vis .img-04 span{font-size:40px; font-weight:700; color:#fff; line-height:160px; text-align:center; position:Absolute; right:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.4)}

.hospital-wrap .hospital-con{position:relative}
.hospital-wrap .hospital-con:after{display:block; clear:both; content:"";}
.hospital-wrap .hospital-con .fl{float:left;width:720px;box-sizing:border-box; padding:30px 40px;}
.hospital-wrap .hospital-con .fr{float:right;width:220px;box-sizing:border-box; padding:30px 20px;}
.hospital-wrap .hospital-con .fr p{word-break: keep-all;}
.hospital-wrap .hospital-con h3{ color:#000; font-size:16px; font-weight:700; line-height:24px; margin-bottom:16px;}
.hospital-wrap .hospital-con p{font-size:13px; color:#4a4a4a; line-height:24px; letter-spacing:-0.03em;}
.hospital-wrap .hospital-con .location {position:relative; padding-left:440px;}
.hospital-wrap .hospital-con .location .map{position:Absolute;border-radius:6px; overflow:hidden; width:400px;height:220px; left:0; top:0;}
.hospital-wrap .hospital-con .location .map img{width:100%;}
.hospital-wrap .hospital-con .location .map .point{ width:56px;height:72px; position:Absolute; left:180px; top:42px; background:url(../_Img/Sub/pin-ico.png) no-repeat; background-size:100% auto}
.hospital-wrap .hospital-con .location p{font-size:12px;}
.hospital-wrap .hospital-con table{}
.hospital-wrap .hospital-con table thead th{border-top:2px solid #000000;border-bottom:1px solid #dadada; padding:18px 0;text-align:center; font-size:13px;font-weight:400; color:#000}
.hospital-wrap .hospital-con table thead tr th:first-child{padding:18px 15px; text-align:left; font-size:13px; color:#7a7a7a}
.hospital-wrap .hospital-con table tbody th{ color:#7a7a7a; font-size:13px;padding:20px 0;text-align:left;border-bottom:1px solid #f0f0f0; font-weight:300; }
.hospital-wrap .hospital-con table tbody td{border-bottom:1px solid #f0f0f0;vertical-align:middle;padding:20px 0;text-align:center;}
.hospital-wrap .hospital-con table .on{display:inline-block;vertical-align:top; border-radius:100%; width:16px; height:16px;background:#12ac00}
.hospital-wrap .hospital-con table .off{display:inline-block;vertical-align:top; border-radius:100%; width:16px; height:16px;background:#f0f0f0}




/* mypage-wrap */
.mypage-wrap{width:940px; margin:0 auto; box-sizing:border-box; padding:0 10px}
.mypage-wrap .mypage-top{ padding:45px 40px; position:Relative;  z-index:5;}
.mypage-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}

.mypage-wrap.profile .photo{text-align:center;}
.mypage-wrap.profile .photo .img{display:inline-block;vertical-align:top;position:relative; }
.mypage-wrap.profile .photo .img .my-img{width:110px;height:110px; border-radius:100%; overflow:hidden;}
.mypage-wrap.profile .photo input{display:none}
.mypage-wrap.profile .photo label{width:44px;height:44px;background:url(../_Img/Sub/ic-camera.png) no-repeat center center ; position:absolute; right:-2px; bottom:-2px;}
.mypage-wrap.profile .photo .ex{font-size:11px;text-align:center; color:#aaa ; line-height:20px;margin-top:20px;}

.mypage-wrap.profile .state{width:480px; margin:0 auto;}
.mypage-wrap.profile .state ul{text-align:center; font-size:0;}
.mypage-wrap.profile .state li{display:inline-block;vertical-align:top;position:Relative;width:33.3333%; height:110px; text-align:center; box-sizing:border-box; padding:20px 0;}
.mypage-wrap.profile .state li:before{background:#f0f0f0; width:1px; height:60px; position:absolute; left:-1px; top:50%;margin-top:-30px; display:block;content:"";}
.mypage-wrap.profile .state li:first-child:before{display:none;}
.mypage-wrap.profile .state li .btxt{ font-weight:700; color:#12ac00; font-size:25px; line-height:40px;display:block;}
.mypage-wrap.profile .state li .stxt{ font-weight:400; color:#7a7a7a; font-size:11px; line-height:20px;display:block;}

.mypage-wrap.profile .mypage-con{width:500px; margin:0 auto; padding:18px 40px; box-sizing:border-box;}
.mypage-wrap.profile .mypage-con input[type="text"], .mypage-wrap.profile .mypage-con input[type="password"], .mypage-wrap.profile .mypage-con input[type="date"]{font-size:13px;box-sizing:border-box; padding:0 15px; width:100%; height:40px; border-radius:4px; border:1px solid #dadada; background:#fff;}
.mypage-wrap.profile .mypage-con h3{ font-size:13px;font-weight:700; color:#000; line-height:24px; text-align:left;}
.mypage-wrap.profile .mypage-con .stit{ font-size:11px; color:#7a7a7a; line-height:20px; text-align:left;}

.mypage-wrap.profile .mypage-con .info-inupt{ margin-top:18px; }
.mypage-wrap.profile .mypage-con .info-inupt li{margin-top:10px; padding-left:140px;position:relative;}
.mypage-wrap.profile .mypage-con .info-inupt li:first-child{margin-top:0;}
.mypage-wrap.profile .mypage-con .info-inupt li .btxt{font-size:13px; font-weight:400;color:#7a7a7a; line-height:40px; position:absolute; left:0; top:0; display: block;}
.mypage-wrap.profile .mypage-con .info-inupt li .pass-ex{margin-top:10px;font-size:11px; line-height:20px; color:#000;display:block;}
.mypage-wrap.profile .mypage-con .info-inupt li .change-cellphone{margin-top:10px; padding-left:140px;position:relative;}
.mypage-wrap.profile .mypage-con .enter-btn{ display:block; line-height:48px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700; cursor: pointer;}
.mypage-wrap.profile .mypage-con .enter-btn-deactivated{ display:block; line-height:48px; border: 1px solid #dadada; border-radius:4px; color:#7a7a7a;text-align:center;/* background:#12ac00; */ font-size:13px; /* font-weight:700; */cursor:no-drop;}
.mypage-wrap.profile .mypage-con .leave-btn{ display:inline-block;vertical-align:top;; line-height:23px; color:#12ac00;text-align:center; font-size:11px; font-weight:400;text-decoration:underline}
.mypage-wrap.profile .mypage-con .pass-reset{ display:inline-block;vertical-align:top;; line-height:23px; color:#12ac00;text-align:center; font-size:11px; font-weight:400;text-decoration:underline}
.mypage-wrap.profile .mypage-con .pass-change{ display:block;border:1px solid #dadada; border-radius:4px; line-height:38px; height:40px; text-align:center; color:#4a4a4a; font-size:11px;}
.mypage-wrap.profile .mypage-con .cellphone-change{ display:inline-block; border:1px solid #dadada; border-radius:4px; line-height:38px; width:100%; /* height:40px; */ text-align:center; color:#4a4a4a; font-size:11px;}

.mypage-wrap.profile .mypage-con  .select-box{position:relative;border:1px solid #dadada;background:#fff; border-radius:5px; box-sizing:border-box;display:inline-block;vertical-align:top}
.mypage-wrap.profile .mypage-con  .select-box:after{width:40px; height:40px; position:absolute; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:3 ;border-left:1px solid #dadada}
.mypage-wrap.profile .mypage-con  .select-box select{ width:100%;color:#666; height:40px; text-indent:0;padding:0 15px; font-size:13px; color:#9b9b9b; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.mypage-wrap.profile .mypage-con  .select-box select::-ms-expand{display:none;}
.mypage-wrap.profile .mypage-con  .select-box.active select{color:#212121 !Important;}

.mypage-wrap.profile .mypage-con .tc-input.sel:after{width:41px; height:40px; position:absolute; background:url(../_Img/Sub/select-arrow.jpg) no-repeat center center; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:3 ;border-left:1px solid #dadada}
.mypage-wrap.profile .mypage-con .tc-input.sel input{background:none; position:Relative; z-index:4}
.mypage-wrap.profile .mypage-con .tc-input.sel{background:#fff; position:relative}


.mypage-wrap.doctor input[type="text"], .docInfo-wrap input[type="password"], .docInfo-wrap input[type="date"]{font-size:13px;box-sizing:border-box; padding:0 15px; width:100%; height:40px; border-radius:4px; border:1px solid #dadada; background:#fff;}
.mypage-wrap.doctor .info-input{ padding:0 40px;}
.mypage-wrap.doctor .info-input li{ position:Relative;padding-left:140px; float:left; width:100%; box-sizing:border-box;}
.mypage-wrap.doctor .info-input li.w49p{width:49%}
.mypage-wrap.doctor .info-input li.fr{float:right;}
.mypage-wrap.doctor .info-input li .btxt{line-height:38px; color:#7a7a7a ;font-size:13px; position:absolute; left:0; top:0;}
.mypage-wrap.doctor .info-input li:first-child{margin-top:0;}
.mypage-wrap.doctor .info-input li:nth-child(n+3){margin-top:20px;}
.mypage-wrap.doctor .info-input .tc-input{position:relative; display:block;}
.mypage-wrap.doctor .info-input .tc-input .time{line-height:40px; color:#7a7a7a; font-size:11px; font-weight:700; position:absolute; top:0; right:15px; }


.mypage-wrap.doctor .info-input .tc-file{display:inline-block;vertical-align:top;}
.mypage-wrap.doctor .info-input .tc-file input[type="file"]{display:none;}
.mypage-wrap.doctor .info-input .tc-file label{ font-size:11px; color:#4a4a4a; width:60px; display:inline-block;vertical-align:top;border-radius:4px; border:1px solid #dadada; line-height:38px;box-sizing:border-box; text-align:center;}
.mypage-wrap.doctor .info-input .ctxt{font-size:11px; color:#aaa; line-height:20px; display:inline-block;vertical-align:top; margin-left:10px}

.mypage-wrap.doctor .info-input li ul {overflow:hidden; padding:10px 0;}
.mypage-wrap.doctor .info-input li ul li{padding-left:0; width:25%; float:left; margin-top:0}
.mypage-wrap.doctor .info-input li ul li:nth-child(n+3){margin-top:0}
.mypage-wrap.doctor .info-input li ul li:nth-child(n+5){margin-top:10px}

.mypage-wrap.doctor .info-input textarea{font-size:13px;box-sizing:border-box; padding:14px 15px; width:100%; height:80px; border-radius:4px; color:#aaa; border:1px solid #dadada; background:#fff;}
.mypage-wrap.doctor .info-input .ex{font-size:11px; color:#aaa; line-height:20px; margin-top:10px;}

.mypage-wrap.doctor .tc-input.search{position:Relative;}
.mypage-wrap.doctor .tc-input.search .btn{width:28px;height:40px; background:url(../_Img/Sub/search-ico.png) no-repeat center center ;position:Absolute; left:0; top:0;}
.mypage-wrap.doctor .tc-input.search input[type="text"], 
.mypage-wrap.doctor .tc-input.search input[type="password"], 
.mypage-wrap.doctor .tc-input.search input[type="date"]{border-radius:0; border:none;border-bottom:1px solid #dadada; padding-left:34px;}

.mypage-wrap.doctor .info-input li.active{z-index:9939}
.mypage-wrap.doctor .info-input li.active .tc-input.search ul{display:block;}
.mypage-wrap.doctor .enter-btn{ display:inline-block;width:420px; line-height:48px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700;}
.mypage-wrap.doctor .enter-btn-deactivated{ display:inline-block;width:420px; line-height:48px; border: 1px solid #dadada; border-radius:4px; color:#7a7a7a; text-align:center;/* background:#12ac00; */ font-size:13px; /* font-weight:700; */ cursor:no-drop;}

.mypage-wrap.hospital{width:960px}
.mypage-wrap.hospital input[type="text"], .mypage-wrap.hospital input[type="password"], .mypage-wrap.hospital input[type="date"]{font-size:13px;box-sizing:border-box; padding:0 15px; width:100%; height:40px; border-radius:4px; border:1px solid #dadada; background:#fff;}
.mypage-wrap.hospital .hospital-con{padding: 0 40px}
.mypage-wrap.hospital .hospital-con h3{ font-size:13px;font-weight:700; color:#000; line-height:24px; text-align:left;}
.mypage-wrap.hospital .hospital-con .stit{ font-size:11px; color:#7a7a7a; line-height:20px; text-align:left;position:relative;}
.mypage-wrap.hospital .hospital-con .stit span{position:Absolute; right:0; bottom:0; line-height:20px;}

.mypage-wrap.hospital .hospital-con .btn-wrap{padding-left:220px;text-align:left;}
.mypage-wrap.hospital .hospital-con .enter-btn{ display:inline-block;vertical-align:top;line-height:48px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700; min-width:420px;}

.mypage-wrap.hospital  .info-input{margin-top:36px;}
.mypage-wrap.hospital  .info-input li{position:Relative;margin-top:20px; padding-left:140px}
.mypage-wrap.hospital  .info-input li .btxt{line-height:38px; color:#7a7a7a ;font-size:13px; position:absolute; left:0; top:0;}
.mypage-wrap.hospital  .info-input li:first-child{margin-top:0;}
.mypage-wrap.hospital  .info-input li.w280{padding-right:440px;}
.mypage-wrap.hospital  .info-input li.mg10t{margin-top:10px}
.mypage-wrap.hospital  .info-input li .map{position:Absolute;border-radius:6px; overflow:hidden; width:420px;height:190px; right:0; top:0;}
.mypage-wrap.hospital  .info-input li .map img{width:100%;}
.mypage-wrap.hospital  .info-input li .map .point{ width:56px;height:72px; position:Absolute; left:180px; top:42px; background:url(../_Img/Sub/pin-ico.png) no-repeat; background-size:100% auto}
.mypage-wrap.hospital  .info-input li.addr{z-index:5}

.mypage-wrap.hospital  .info-input .logo-file{font-size:0; height:80px;}
.mypage-wrap.hospital  .info-input .logo-file input[type="file"]{display:none}
.mypage-wrap.hospital  .info-input .logo-file label{position:relative; height:80px; width:80px; border-radius:100%;text-align:center;box-sizing:border-box; display:inline-block; border:1px solid #dadada;background:url(../_Img/Sub/plus-ico.png) no-repeat center center;content:""}
.mypage-wrap.hospital  .info-input .logo-file .add-file.show ~ label:after, .mypage-wrap.hospital  .info-input .logo-file .add-file.show ~ label{display:none}    
.mypage-wrap.hospital  .info-input .logo-file .add-file{position:relative;display:none;}
.mypage-wrap.hospital  .info-input .logo-file .add-file.show{display:inline-block; }
.mypage-wrap.hospital  .info-input .logo-file .add-file img{width:80px;height:80px; display:inline-block;vertical-align:top;border-radius:100%;box-sizing:border-box; border:1px solid #dadada}

.mypage-wrap.hospital  .info-input .logo-file .show .delete-file{display:block;position:Absolute;border:none;width:20px; right:0; bottom:0; height:20px;border-radius:100%; background:url(../_Img/Sub/minus-ico.png) no-repeat center center #fff;  border:1px solid #dadada; box-sizing:border-box;background-size:100% auto;}
.mypage-wrap.hospital  .info-input .logo-file .delete-file{display:none;}
.mypage-wrap.hospital  .info-input .logo-file .ex{ display:inline-block;margin-top:0;vertical-align:top;margin-left:20px; padding:20px 0 0 0; line-height:20px; color:#aaa; font-size:11px}

.mypage-wrap.hospital  .info-input ul.hos-file{font-size:0; margin:0 -12px;}
.mypage-wrap.hospital  .info-input ul.hos-file li{display:inline-block;padding:0; width:100px;;margin:0 12px;vertical-align:top}
.mypage-wrap.hospital  .info-input ul.hos-file li input[type="file"]{display:none}
.mypage-wrap.hospital  .info-input ul.hos-file li label{position:relative; height:100px; border-radius:4px;text-align:center;box-sizing:border-box; display:block; border:1px solid #dadada;background:url(../_Img/Sub/plus-ico.png) no-repeat center center;content:""}
.mypage-wrap.hospital  .info-input ul.hos-file li .add-file.show ~ label:after, .mypage-wrap.hospital  .info-input ul.hos-file li .add-file.show ~ label{display:none}    
.mypage-wrap.hospital  .info-input ul.hos-file li .add-file{position:relative;display:none;border:1px solid #ddd;border-radius:6px;}
.mypage-wrap.hospital  .info-input ul.hos-file li .add-file.show{display:block; }
.mypage-wrap.hospital  .info-input ul.hos-file li .add-file img{width:100%}
.mypage-wrap.hospital  .info-input ul.hos-file .show .delete-file{display:block;position:Absolute;border:none;width:20px; right:-10px; top:-10px; height:20px;border-radius:100%; background:url(../_Img/Sub/minus-ico.png) no-repeat center center #fff;  border:1px solid #dadada; box-sizing:border-box;background-size:100% auto;}
.mypage-wrap.hospital  .info-input ul.hos-file .delete-file{display:none;}

.mypage-wrap.hospital  .info-input .ex{font-size:11px; color:#aaa; line-height:20px; margin-top:10px;}
.mypage-wrap.hospital  .info-input textarea{font-size:13px;box-sizing:border-box; line-height:24px; padding:14px 15px; width:100%; height:80px; border-radius:4px; color:#aaa; border:1px solid #dadada; background:#fff;}
.mypage-wrap.hospital  .info-input li.active{z-index:9939}
.mypage-wrap.hospital  .info-input li.active .tc-input.search ul{display:block;}

.mypage-wrap.hospital  .info-input li table{}
.mypage-wrap.hospital  .info-input li table thead th{border-top:2px solid #000000;border-bottom:1px solid #dadada; padding:18px 0;text-align:center; font-size:13px;font-weight:400; color:#000}
.mypage-wrap.hospital  .info-input li table thead tr th:first-child{padding:18px 15px; text-align:left; font-size:13px; color:#7a7a7a}
.mypage-wrap.hospital  .info-input li table tbody td{border-bottom:1px solid #f0f0f0;vertical-align:middle;padding:20px 0;text-align:center;}
.mypage-wrap.hospital  .info-input li table tbody tr td:first-child{text-align:left;}

.mypage-wrap.hospital  .info-input .sel-check{display:inline-block; vertical-align:top; }
.mypage-wrap.hospital  .info-input .sel-check input{display:none}
.mypage-wrap.hospital  .info-input .sel-check label{display:inline-block; vertical-align:top; width:30px;height:16px; position:Relative;}
.mypage-wrap.hospital  .info-input .sel-check label:after{ width:30px;height:16px;background:#dadada; position:absolute; left:0; top:0; border-radius:16px; display:block; content:""; z-index:3;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mypage-wrap.hospital  .info-input .sel-check label:before{ width:12px;height:12px; position:Absolute; left:2px; top:2px; background:#fff; border-radius:100%; display:block; content:""; z-index:5;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mypage-wrap.hospital  .info-input .sel-check input:checked + label:after{background:#12ac00}
.mypage-wrap.hospital  .info-input .sel-check input:checked + label:before{left:16px}

.mypage-wrap.hospital  .info-input .select-box{position:relative;border:1px solid #dadada;background:#fff; border-radius:5px; box-sizing:border-box;display:inline-block;vertical-align:top}
.mypage-wrap.hospital  .info-input .select-box:after{width:40px; height:40px; position:absolute; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:3 ;border-left:1px solid #dadada}
.mypage-wrap.hospital  .info-input .select-box select{ width:100%;color:#666; height:40px; text-indent:0;padding:0 15px; font-size:13px; color:#9b9b9b; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.mypage-wrap.hospital  .info-input .select-box.active select{color:#000}
.mypage-wrap.hospital  .info-input .select-box select::-ms-expand{display:none;}
.mypage-wrap.hospital  .info-input .w110{width:110px;}
.mypage-wrap.hospital  .info-input .ctxt{font-size:11px; color:#aaa; line-height:40px; display:inline-block;vertical-align:top;margin-left:10px; }
.mypage-wrap.hospital  .info-input .ctxt.w30{text-align:Center; margin:0}

.mypage-wrap.hospital  .tc-input.search{position:Relative;}
.mypage-wrap.hospital  .tc-input.search ul.name{border-radius:4px;}
.mypage-wrap.hospital  .tc-input.search ul.name li{padding-left:0}
.mypage-wrap.hospital  .tc-input.search ul.name li a{padding:0 15px}
.mypage-wrap.hospital  .tc-input.search ul.name li a .btxt{position:Relative; left:auto; top:auto;display:inline-block;vertical-align:top;;font-size:13px; color:#000; line-height:40px;}
.mypage-wrap.hospital  .tc-input.search ul.name li a .stxt{margin-left:10px;display:inline-block;vertical-align:top;font-size:11px; color:#7a7a7a; line-height:20px; line-height:40px; }

.mypage-wrap.hospital .doctor-list{padding:0 0 0 140px; margin:38px 0 0 0; position:Relative;}
.mypage-wrap.hospital .doctor-list h4{ font-size:13px; color:#7a7a7a; position:absolute;font-weight:400; left:0; top:0; line-height:24px;}
.mypage-wrap.hospital .doctor-list:after{display:block; content:""; clear:both}
.mypage-wrap.hospital .doctor-list ul{ margin:0 -10px 0 -10px; }
.mypage-wrap.hospital .doctor-list li{float:left;margin:0 10px; width:165px; height:130px;position:Relative; padding:20px; box-sizing:border-box;border:1px solid #f0f0f0;}
.mypage-wrap.hospital .doctor-list li:nth-child(n+5){margin-top:10px;}

.mypage-wrap.hospital .doctor-list li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;}
.mypage-wrap.hospital .doctor-list li .img img{width:100%;}
.mypage-wrap.hospital .doctor-list li .name{margin-top:10px;position:Relative; color:#000; font-size:13px; line-height:20px; }
.mypage-wrap.hospital .doctor-list li .like{display:block;padding-left:17px; font-weight:700; background:url(../_Img/Layout/ico-heart.png) no-repeat left 1px;color:#ff7700; font-size:11px; }
.mypage-wrap.hospital .doctor-list li .delete-btn{ position:absolute; right:20px; top:20px;background:url(../_Img/Sub/ic-remove.png) no-repeat center center ; width:24px;height:24px; background-size:100% auto}







/* layer-wrap */
.layer-wrap{position:fixed; display:none;width:0; height:0;  left:0; top:0; z-index:9001;}
.layer-wrap .layer-ov{position:fixed;width:100%; height:100%; background:rgba(0,0,0,0.65); left:0; top:0; z-index:-1}
.layer-wrap .layer{position:fixed !important; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.layer-counsel.view{z-index:9009;position:fixed;width:640px;left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-counsel.view .close{width:40px;height:40px; position:Absolute; right:0; top:-50px; background:url(../_Img/Sub/ic-close-w.png) no-repeat;background-size:100% auto;border:none;opacity:1}

.layer-counsel.view .con {position:relative;}
.layer-counsel.view .con .prev, .layer-counsel.view .con .next{width:40px;height:40px; position:Absolute; top:50%;margin-top:-20px;}
.layer-counsel.view .con .prev {left:-40px; background:url(../_Img/Sub/ic-back-w.png) no-repeat ; background-size:100% auto;}
.layer-counsel.view .con .next{right:-40px; background:url(../_Img/Sub/ic-forward-w.png) no-repeat ; background-size:100% auto;}
.layer-counsel.view .con img{width:640px;}
.layer-counsel.view .btn-wrap{margin-top:16px;}
.layer-counsel.view .btn-wrap a{display:inline-block;vertical-align:top; margin-left:16px;}
.layer-counsel.view .btn-wrap .down-btn{font-size:13px; font-weight:400; color:#fff;}
.layer-counsel.view .btn-wrap .delete-btn{font-size:13px; font-weight:400; color:#ff0000;}


/* board-wrap */
.board-wrap{width:960px; margin:0 auto; box-sizing:border-box; padding:0 30px}
.board-wrap .board-top{ padding:45px 20px; position:Relative;  z-index:5;}
.board-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}

.board-wrap.list .list.notice{border-top:2px solid #000000}
.board-wrap.list .list.notice thead th{font-weight:400;padding:18px 20px; font-size:13px; color:#000;text-align:left; line-height:24px;border-bottom:1px solid #dadada}
.board-wrap.list .list.notice tbody td{font-weight:400;padding:20px; text-align:left;vertical-align:top; font-size:13px;border-bottom:1px solid #f0f0f0; color:#4a4a4}
.board-wrap.list .list.notice tbody td a{display:block; line-height:20px;color:#4a4a4a}
.board-wrap.list .list.notice tbody td .con{display:none; font-size:13px;line-height:20px;color:#4a4a4a}
.board-wrap.list .list.notice tbody tr.active{background:#f0f0f0}
.board-wrap.list .list.notice tbody tr.active td .con{display:block;}
.board-wrap.list .list.notice tbody tr.active td a{display:none;}

.board-wrap .board-top .select-box{position:absolute; right:40px; top:45px; }
.board-wrap .select-box{position:relative;border:1px solid #dadada;background:#fff; max-width:200px; border-radius:5px; box-sizing:border-box;display:inline-block;vertical-align:top}
.board-wrap .select-box:after{width:40px; height:40px; position:absolute; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:3 ;border-left:1px solid #dadada}
.board-wrap .select-box select{ width:100%;color:#666; height:40px; text-indent:0;padding:0 15px; font-size:13px; color:#9b9b9b; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.board-wrap .select-box select::-ms-expand{display:none;}

.board-wrap.write {padding:0 50px;}
.board-wrap.write .board-top{ padding:45px 0; position:Relative;  z-index:5;}
.board-wrap.write .con textarea{border-radius:4px; border:1px solid #dadada; width:100%; box-sizing:border-box; height:450px; padding:14px 15px; font-size:13px; line-height:24px;}
.board-wrap.write .btn-wrap{position:relative;margin-top:20px;text-align:right;}
.board-wrap.write .btn-wrap a{display:inline-block;vertical-align:top;margin:0 4px;text-align:center;}
.board-wrap.write .btn-wrap .cancel-btn{border:1px solid #dadada ; line-height:32px; min-width:70px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}
.board-wrap.write .btn-wrap .enter-btn{border:1px solid #12ac00 ; line-height:32px; min-width:120px;  font-size:11px; color:#fff;background:#12ac00;border-radius:4px;}
.board-wrap.write .btn-wrap .file-image input{display:none}
.board-wrap.write .btn-wrap .file-image label{border:1px solid #dadada ; padding:0; text-align:center;display:block; position:Absolute; left:0; top:0;line-height:32px; min-width:120px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}

.board-faq-wrap{width:960px; margin:0 auto; box-sizing:border-box; padding:0 30px}
.board-faq-wrap.write {padding:0 50px;padding-top: 30px;}

/* privacy-wrap */
.privacy-wrap{width:940px; margin:0 auto; box-sizing:border-box; padding:0 40px}
.privacy-wrap .privacy-top{ padding:45px 0px; position:Relative;  z-index:5;}
.privacy-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.privacy-con p{font-size:13px; color:#4a4a4a; line-height:24px;}

/* about-wrap */
.about-wrap{width:940px; margin:0 auto; box-sizing:border-box; padding:0 40px}
.about-wrap .about-top{ padding:45px 0px; position:Relative;  z-index:5;}
.about-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.about-con p{font-size:13px; color:#4a4a4a; line-height:24px;}


/* about-wrap */
.payment-wrap{width:960px; margin:0 auto; box-sizing:border-box; padding:0 10px}
.payment-wrap .payment-top{ padding:45px 30px; position:Relative;  z-index:5;}
.payment-wrap h2{ line-height:40px; font-size:24px; font-weight:400; color:#000;}
.payment-wrap .service-con{text-align:center;}
.payment-wrap .service-con .btxt{ font-size:31px; color:#000; line-height:40px; font-weight:700}
.payment-wrap .service-con .stxt{margin-top:10px; line-height:40px; font-size:21px;; color:#000; font-weight:700}
.payment-wrap .service-con .ctxt{ font-size:17px; line-height:32px; color:#000}
.payment-wrap .service-con .ctxt span{ font-weight:700; color:#12ac00}

.payment-wrap .sms-con{text-align:center;}
.payment-wrap .sms-con .btxt{ font-size:31px; color:#000; line-height:40px; font-weight:700}
.payment-wrap .sms-con .stxt{margin-top:10px; line-height:40px; font-size:21px;; color:#000; font-weight:700}
.payment-wrap .sms-con .ctxt{ font-size:17px; line-height:32px; color:#000}
.payment-wrap .sms-con .ctxt span{ font-weight:700; color:#12ac00}
.payment-wrap .sms-con .ex{color:#7a7a7a; line-height:20px; font-size:11px; text-align:center; margin-top:26px;}

.payment-wrap .sms-con ul{overflow:hidden; margin:48px -10px 0 -10px;}
.payment-wrap .sms-con li{float:left;border-radius:2px; width:220px; height:192px; background:#f8f8f8; margin:0 10px; text-align:center; padding:40px 20px 0 20px ;box-sizing:border-box;}
.payment-wrap .sms-con li .won{ display:block;font-size:19px; font-weight:700; line-height:40px;}
.payment-wrap .sms-con li .num{ display:block; font-size:13px; color:#7a7a7a; line-height:24px;}
.payment-wrap .sms-con li a{margin-top:24px;display:block;border-radius:2px; color:#fff; background:#647188; line-height:40px; text-align:center;}

.payment-wrap .sms-con li.active .won{color:#fff}
.payment-wrap .sms-con li.active .num{color:#fff}
.payment-wrap .sms-con li.active a{background:#fff; color:#12ac00}
.payment-wrap .sms-con li.active {background:#12ac00}









/* .layer-content */
#doc.pop .layer-content{margin:0 auto; width:1148px}
#doc.pop .layer-content .layer-chat{margin:0 10px}
#doc.pop .layer-content .layer-sms{margin:0 10px}
#doc.pop .layer-content .layer-appr,
#doc.pop .layer-content .layer-doctor,
#doc.pop .layer-content .layer-mode,
#doc.pop .layer-content .layer-notice{margin:0 10px}

.layer-content{ position:relative;}
.layer-content .show{display:block !Important;}
.layer-content .hide{display:none !Important;}

/* layer-content */
.layer-content.ab{width:100%;text-align:center; z-index:9999;position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-patient.group{width:320px;margin:0 auto;border-radius:4px;border:1px solid #dadada;overflow:hidden; box-sizing:border-box; background:#fff;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; }
.layer-patient.group .is-con{padding:30px 20px 20px 20px}
.layer-patient.group .is-con h3{font-size:11px; font-weight:400;line-height:20px; text-align:center; color:#000;margin-bottom:10px;}
.layer-patient.group .is-con input{border:1px solid #dadada;border-radius:4px; width:100%;box-sizing:border-box; font-size:13px; height:40px; color:#000;padding:0 15px}
.layer-patient.group .btn-wrap{font-size:0;background:#fbfbfb; border-top:1px solid #dadada;padding:12px 0;text-align:center;}
.layer-patient.group .btn-wrap a{display:inline-block;vertical-align:top;margin:0 4px}
.layer-patient.group .btn-wrap .cancel-btn{border:1px solid #dadada ; line-height:32px; min-width:100px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}
.layer-patient.group .btn-wrap .enter-btn{border:1px solid #12ac00 ; line-height:32px; min-width:100px;  font-size:11px; color:#fff;background:#12ac00;border-radius:4px;}

.layer-patient.move{width:320px;margin:0 auto;border-radius:4px;border:1px solid #dadada;overflow:hidden; box-sizing:border-box; background:#fff;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; }
.layer-patient.move .is-con{padding:0}
.layer-patient.move .is-con h3{padding:30px 0;font-size:11px; font-weight:400;  line-height:20px;text-align:center; color:#000;border-bottom:1px solid #dadada}
.layer-patient.move .btn-wrap{font-size:0;background:#fbfbfb; border-top:1px solid #dadada;padding:12px 0;text-align:center;}
.layer-patient.move .btn-wrap a{display:inline-block;vertical-align:top;margin:0 4px}
.layer-patient.move .btn-wrap .enter-btn{border:1px solid #dadada ; line-height:32px; min-width:100px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}
.layer-patient.move ul{}
.layer-patient.move li{position:Relative;border-top:1px solid #f0f0f0}
.layer-patient.move li:first-child{border-top:0}
.layer-patient.move li a{display:block; padding-left:20px;}
.layer-patient.move li a span{padding-left:40px;display:inline-block;vertical-align:top; letter-spacing:-0.01em; line-height:48px; font-size:13px; color:#000; position:Relative; }
.layer-patient.move li a span:before{width:24px;height:24px; position:absolute; left:0; top:50%;margin-top:-12px; background:url(../_Img/Sub/group-ico.png) no-repeat center center ;display:block; content:""; opacity:1}


.layer-content.ab .layer-chat{margin:0 5px}

/* layer-chat */
.layer-chat.message{width:360px;overflow:hidden; position:relative; display:inline-block;vertical-align:top;border-radius:4px;border:1px solid #dadada; box-sizing:border-box; background:#fff;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  }
.layer-chat.message .is-top{position:relative;z-index:5;text-align:left; padding:30px 20px 30px 60px;background:#fff;border-bottom:1px solid #bcc3d1}
.layer-chat.message .is-top .img{width:40px;height:40px;border-radius:100%;position:absolute; left:20px; top:20px}
.layer-chat.message .is-top .img img{width:100%;}
.layer-chat.message .is-top .name{line-height:20px;font-weight:700; color:#000;display:inline-block;vertical-align:top;margin-left:10px; font-size:13px;}

.layer-chat.message .is-top.active ul{display:block;}
.layer-chat.message .is-top ul{display:none;margin-top:0;border-radius:4px;overflow:hidden;position:Absolute; right:32px; top:40px; width:140px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ;}
.layer-chat.message .is-top ul li{float:none; width:auto; margin-left:0; padding:0; border-top:1px solid #000;background:#212121; height:auto;border-bottom:none;}
.layer-chat.message .is-top ul li:first-child{border-top:none;}
.layer-chat.message .is-top ul li a{ width:auto !important;text-align:left !important; height:auto !important; line-height:40px; display:block !important;; height:auto; padding:0 20px; font-size:13px; color:#fff;}
.layer-chat.message .is-top ul li a span{color:#fff !important; padding-left:0;  font-weight:400 !important;background:none}
.layer-chat.message .is-top ul li a span:before{display:none !Important;}


.layer-chat.message .is-top .option{width:24px;height:24px; position:Absolute; right:20px; top:28px; background:url(../_Img/Sub/ic-more.png) no-repeat;background-size:100% auto;border:none;opacity:1}
.layer-chat.message .is-top .close{width:24px;height:24px; position:Absolute; right:50px; top:28px; background:url(../_Img/Sub/ic-close.png) no-repeat;background-size:100% auto;border:none;opacity:1}
.layer-chat.message .is-top .group{width:24px;height:24px; position:Absolute; right:50px; top:28px; background:url(../_Img/Sub/ic-group-chat.png) no-repeat;background-size:100% auto;border:none;opacity:1}

.layer-chat.message .is-con{background:#e0e6f1; padding:20px 20px 20px 20px;height:500px; overflow-y:auto;box-sizing:border-box;}
.layer-chat.message .is-con ul{padding-bottom:40px;}
.layer-chat.message .is-con li:first-child{margin-top:0}
.layer-chat.message .is-con li{margin-top:10px;position:Relative; }
.layer-chat.message .is-con li.l{padding-left:60px;padding-right:20% }
.layer-chat.message .is-con li.r{padding-left:20% }

.layer-chat.message .is-con li .con{margin-top:10px;padding:16px 20px;  border-radius:4px; font-size:12px; line-height:20px; text-align:left;}
.layer-chat.message .is-con li .img-con{padding:0; background:none !Important;}
.layer-chat.message .is-con li .img-con img{width:80%}
.layer-chat.message .is-con li.l .con{ background:#fff; color:#4a4a4a;}
.layer-chat.message .is-con li.r .con{background:#12ac00; color:#fff; }

.layer-chat.message .is-con li .img{width:40px;height:40px;overflow:hidden;border-radius:100%;position:absolute; left:0; top:0}
.layer-chat.message .is-con li .img img{width:100%;}
.layer-chat.message .is-con li .time{ font-size:9px;color:#7a7a7a; line-height:10px; padding-left:10px; margin-top:10px; display:block;}
.layer-chat.message .is-con li .name{line-height:20px;font-weight:400; color:#000;display:block; font-size:13px;}

.layer-chat.message .is-foot{position:Relative;height:60px;background:#fff;padding-right:60px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) }
.layer-chat.message .is-foot input[type="text"]{ padding:20px; height:60px; box-sizing:border-box; width:100%; border:none;}
.layer-chat.message .is-foot button{position:Absolute; right:18px; top:20px; width:24px;height:24px; border:none;}
.layer-chat.message .is-foot .btn-file{background:url(../_Img/Sub/ic-attachment.png) no-repeat center center;}
.layer-chat.message .is-foot .btn-submit{display:none;background:url(../_Img/Sub/ic-chat-sender.png) no-repeat center center;}

.layer-chat.message .is-layer{position:Absolute;z-index:9123; box-sizing:border-box;left:50%;margin-left:-160px; top:70px; width:320px;}
.layer-chat.message .is-layer .invite-wrap{border:1px solid #dadada; overflow:hidden; border-radius:4px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; background:#fff;}
.layer-chat.message .is-layer .invite-ex{background:#fbfbfb; border-bottom:1px solid #dadada}
.layer-chat.message .is-layer .invite-ex .tit{ line-height:104px; text-align:center; font-size:12px; color:#aaaaaa;}
.layer-chat.message .is-layer .invite-ex ul{padding:16px 40px 16px 20px;box-sizing:border-box; min-height:104px; font-size:0;text-align:left;}
.layer-chat.message .is-layer .invite-ex ul li{margin-right:10px;display:inline-block;vertical-align:top; position:relative;}
.layer-chat.message .is-layer .invite-ex ul li:nth-child(n+3){margin-top:8px;}
.layer-chat.message .is-layer .invite-ex ul li p{display:inline-block;vertical-align:top;border-radius:32px; background:#aaaaaa;  line-height:32px; font-size:11px;color:#fff; padding:0 32px 0 16px;}
.layer-chat.message .is-layer .invite-ex ul li button{border:none;width:20px;height:20px; position:Absolute; right:8px; top:50%;margin-top:-10px; background:url(../_Img/Sub/ic-close-w.png) no-repeat center center ;background-size:100% auto}

.layer-chat.message .is-layer .btn-wrap{font-size:0;background:#fbfbfb; border-top:1px solid #dadada;padding:12px 0;text-align:center;}
.layer-chat.message .is-layer .btn-wrap a{display:inline-block;vertical-align:top;margin:0 4px}
.layer-chat.message .is-layer .btn-wrap .cancel-btn{border:1px solid #dadada ; line-height:32px; min-width:100px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}
.layer-chat.message .is-layer .btn-wrap .enter-btn{border:1px solid #dadada ; line-height:32px; min-width:100px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}
.layer-chat.message .is-layer .btn-wrap .enter-btn.active{border:1px solid #12ac00; background:#12ac00; color:#fff}

.layer-chat.message .is-layer .invite-list{height:330px; overflow-y:auto;}
.layer-chat.message .is-layer .invite-list li{position:relative;border-top:1px solid #f0f0f0;}
.layer-chat.message .is-layer .invite-list li:first-child{border-top:none}
.layer-chat.message .is-layer .invite-list li .check-box{display:block;}
.layer-chat.message .is-layer .invite-list li label{display:block; height:60px;box-sizing:border-box; padding:20px 20px 20px 80px  }
.layer-chat.message .is-layer .invite-list li label:after{right:18px; top:20px; left:auto;}
.layer-chat.message .is-layer .invite-list li .img{position:Absolute; width:40px;height:40px; top:10px; left:20px;}
.layer-chat.message .is-layer .invite-list li .img img{width:100%;}
.layer-chat.message .is-layer .invite-list li .txt{display:block;text-align:left;line-height:20px;font-size:13px; color:#000}

.layer-chat.message .is-layer .change-wrap{border:1px solid #dadada; border-radius:4px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; background:#fff;}
.layer-chat.message .change-con{padding:30px 20px 20px 20px}
.layer-chat.message .change-con .tit{font-size:11px; font-weight:400;line-height:20px; text-align:center; color:#000;margin-bottom:10px;}
.layer-chat.message .change-con input{border:1px solid #dadada;border-radius:4px; width:100%;box-sizing:border-box; font-size:13px; height:40px; color:#000;padding:0 15px}

.layer-chat.message .is-layer .group-wrap{border:1px solid #dadada;overflow:hidden; border-radius:4px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; background:#fbfbfb;}
.layer-chat.message .is-layer .group-wrap ul{height:404px;overflow-y:auto;}
.layer-chat.message .is-layer .group-wrap ul li{border-bottom:1px solid #f0f0f0;}
.layer-chat.message .is-layer .group-wrap ul li a{display:block; position:relative; padding:20px 20px 20px 80px;background:#fff;}
.layer-chat.message .is-layer .group-wrap ul li a.me .img:after{ position:absolute; left:0; top:0; width:100%;height:100%; border-radius:100%; background:rgba(0,0,0,0.5); display:block; content:"me"; font-size:12px; font-weight:700; color:#fff; line-height:40px; text-align:Center; opacity:0.95}
.layer-chat.message .is-layer .group-wrap ul li .img{position:Absolute; width:40px;height:40px; top:10px; left:20px;}
.layer-chat.message .is-layer .group-wrap ul li .img img{width:100%;}
.layer-chat.message .is-layer .group-wrap ul li .txt{display:block;text-align:left;line-height:20px;font-size:13px; color:#000}

.layer-chat.message .is-layer .write-wrap {border:1px solid #dadada;box-sizing:border-box;overflow:hidden; border-radius:4px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; background:#fff;}
.layer-chat.message .is-layer .write-wrap .write-con{padding:30px 20px 20px 20px;}
.layer-chat.message .is-layer .write-wrap .tit{font-size:11px; font-weight:400;line-height:20px; text-align:center; color:#aaa;margin-bottom:10px;}
.layer-chat.message .is-layer .write-wrap textarea{border:1px solid #dadada;box-sizing:border-box; width:100%; height:210px; padding:8px 16px; font-size:13px; color:#aaa; line-height:24px;}


/* layer-sms */
.layer-sms{width:360px;overflow:hidden; position:relative; display:inline-block;vertical-align:top;border-radius:4px; box-sizing:border-box; background:#fff;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  }
.layer-sms .is-top{position:relative;z-index:5;text-align:left; padding:16px 20px 16px 20px;background:#fff;}
.layer-sms .is-top .close{width:24px;height:24px; position:Absolute; right:16px; top:16px; background:url(../_Img/Sub/ic-close.png) no-repeat;background-size:100% auto;border:none;opacity:1}
.layer-sms .is-top .tit{line-height:24px;font-weight:700; color:#000; font-size:13px}
.layer-sms .is-top .name{line-height:20px;font-weight:740; color:#4a4a4a; font-size:11px;}

.layer-sms.sel .sel-tab{overflow:hidden;background:#f8f8f8; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0;}
.layer-sms.sel .sel-tab li{ float:left; width:33.33333%}
.layer-sms.sel .sel-tab li a{height:56px; line-height:56px; box-sizing:border-box; display:block;text-align:center; font-size:13px; color:#000;}
.layer-sms.sel .sel-tab li.active a{border-bottom:1px solid #12ac00; color:#12ac00; font-weight:700}

.layer-sms.sel .sel-list{height:468px; overflow-y:auto;}
.layer-sms.sel .sel-list li{position:relative;border-top:1px solid #f0f0f0;}
.layer-sms.sel .sel-list li:first-child{border-top:none}
.layer-sms.sel .sel-list li .check-box{display:block;}
.layer-sms.sel .sel-list li label{display:block; height:60px;box-sizing:border-box; padding:20px 20px 20px 80px  }
.layer-sms.sel .sel-list li label:after{right:18px; top:20px; left:auto;}
.layer-sms.sel .sel-list li .img{position:Absolute; width:40px;height:40px; top:10px; left:20px;}
.layer-sms.sel .sel-list li .img img{width:100%;}
.layer-sms.sel .sel-list li .txt{display:block;text-align:left;line-height:20px;font-size:13px; color:#000}

.layer-sms.sel .btn-wrap{height:60px;}
.layer-sms.sel .enter-btn{border:1px solid #12ac00 ; position:absolute; left:0; bottom:0; width:100%;border:1px solid #12ac00; line-height:60px; display:block; text-align:center; font-weight:700;font-size:14px; color:#fff;background:#12ac00;}


.layer-sms.write .is-top{padding:20px;border-bottom:1px solid #bcc3d1}
.layer-sms.write .is-top .close{right:20px;top:28px;}
.layer-sms.write .is-foot{position:Relative;height:60px;background:#fff;padding-right:60px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) }
.layer-sms.write .is-foot input[type="text"]{ padding:20px; height:60px; box-sizing:border-box; width:100%; border:none;}
.layer-sms.write .is-foot button{position:Absolute; right:18px; top:20px; width:24px;height:24px; border:none;}
.layer-sms.write .is-foot .btn-file{background:url(../_Img/Sub/ic-attachment.png) no-repeat center center;}
.layer-sms.write .is-foot .btn-submit{display:none;background:url(../_Img/Sub/ic-chat-sender.png) no-repeat center center;}

.layer-sms.write .is-con{background:#bcc3d1;}
.layer-sms.write .is-con .send-num{ font-size:13px; text-align:center;background:#8f9fbf; font-weight:700; color:#fff;  line-height:48px;}
.layer-sms.write .is-con ul{padding:20px 20px 40px 20px;height:450px; overflow-y:auto;box-sizing:border-box;}

.layer-sms.write .is-con li:first-child{margin-top:0}
.layer-sms.write .is-con li{margin-top:10px;position:Relative; }
.layer-sms.write .is-con li.l{padding-left:60px;padding-right:20% }
.layer-sms.write .is-con li.r{padding-left:20% }
.layer-sms.write .is-con li .con{margin-top:10px;padding:16px 20px;  border-radius:4px; font-size:12px; line-height:20px; text-align:left;}
.layer-sms.write .is-con li .img-con{padding:0; background:none !Important;}
.layer-sms.write .is-con li .img-con img{width:80%}
.layer-sms.write .is-con li.l .con{ background:#fff; color:#4a4a4a;}
.layer-sms.write .is-con li.r .con{background:#fff; color:#fff; }

.layer-sms.write .is-con li .img{width:40px;height:40px;overflow:hidden;border-radius:100%;position:absolute; left:0; top:0}
.layer-sms.write .is-con li .img img{width:100%;}
.layer-sms.write .is-con li .time{ font-size:9px;color:#7a7a7a; line-height:10px; padding-left:10px; margin-top:10px; display:block;}
.layer-sms.write .is-con li .name{line-height:20px;font-weight:400; color:#000;display:block; font-size:13px;}

.layer-sms.write .is-layer{position:Absolute;z-index:9123; box-sizing:border-box;left:50%;margin-left:-160px; top:70px; width:320px; box-sizing:border-box; border-radius:4px; border:1px solid #dadada;background:#fff;}
.layer-sms.write .is-layer .tit{font-weight:700; font-size:13px;color:#000; line-height:56px; text-align:center;border-bottom:1px solid #dadada}
.layer-sms.write .is-layer .btn-wrap{font-size:0;background:#fbfbfb; border-top:1px solid #dadada;padding:12px 0;text-align:center;}
.layer-sms.write .is-layer .btn-wrap a{display:inline-block;vertical-align:top;margin:0 4px}
.layer-sms.write .is-layer .btn-wrap .cancel-btn{border:1px solid #dadada ; line-height:32px; min-width:100px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}
.layer-sms.write .is-layer .btn-wrap .enter-btn{border:1px solid #dadada ; line-height:32px; min-width:100px;  font-size:11px; color:#4a4a4a;background:#fff;border-radius:4px;}
.layer-sms.write .is-layer .btn-wrap .enter-btn.active{border:1px solid #12ac00; background:#12ac00; color:#fff}

.layer-sms.write .is-layer .sel {height:348px;overflow-y:auto}
.layer-sms.write .is-layer .sel li{border-bottom:1px solid #f0f0f0; padding:8px 15px; position:relative;}
.layer-sms.write .is-layer .sel li .name{display:block; line-height:24px; font-size:13px; font-weight:400; color:#000}
.layer-sms.write .is-layer .sel li .num{display:block; line-height:20px; font-size:11px; color:#7a7a7a;}
.layer-sms.write .is-layer .sel li .btn{font-size:11px;position:absolute; right:20px; top:50%;-webkit-transform: translate(0, -50%);  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -o-transform: translate(0, -50%);  transform: translate(0, -50%);}
.layer-sms.write .is-layer .sel li .use{line-height:24px;color:#aaa; font-weight:400;display:inline-block;vertical-align:top;}
.layer-sms.write .is-layer .sel li .delete{line-height:24px;color:#12ac00; font-weight:400;display:inline-block;vertical-align:top;margin-left:16px;}
.layer-sms.write .is-layer .sel li .use.active{color:#12ac00;}

.layer-sms.write .is-layer .prev-btn{width:40px;height:40px; position:Absolute; left:8px; top:8px; background:url(../_Img/Sub/ic-back.png) no-repeat center center;}
.layer-sms.write .is-layer .add {height:348px;overflow-y:auto; box-sizing:border-box; padding:20px}
.layer-sms.write .is-layer .add li{margin-top:20px; position:Relative;}
.layer-sms.write .is-layer .add li:first-child{margin-top:0}
.layer-sms.write .is-layer .add .certify-btn{position:Relative; border:1px solid #dadada;border-radius:4px; text-align:center; width:92px;height:30px; color:#4a4a4a; font-size:11px; position:Absolute; right:4px; top:4px; line-height:30px;}
.layer-sms.write .is-layer .add .tc-input{position:Relative;}
.layer-sms.write .is-layer .add .tc-input .time{line-height:40px; color:#7a7a7a; font-size:11px; font-weight:700; position:absolute; top:0; right:15px; }
.layer-sms.write .is-layer input{border:1px solid #dadada;border-radius:4px; width:100%;box-sizing:border-box; font-size:13px; height:40px; color:#000;padding:0 15px}

/* layer-appr */
.layer-appr{width:360px;height:486px;background:url(../_Img/Sub/appr-bg.png) no-repeat center top; background-size:cover;overflow:hidden; position:relative; display:inline-block;vertical-align:top;border-radius:4px; box-sizing:border-box;}
.layer-appr .appr-con{text-align:center;position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-appr .appr-con .logo{text-align:center;}
.layer-appr .appr-con .btxt{margin-top:30px;color:#fff; line-height:24px; font-size:15px; }
.layer-appr .appr-con .btxt span{font-weight:700;}
.layer-appr .appr-con .ctxt{margin-top:30px;line-height:24px; color:#fff; font-size:11px;}
.layer-appr .appr-con .regist-btn{font-size:13px;font-weight:700;line-height:44px; color:#12ac00; width:248px;height:44px;display:inline-block;vertical-align:top;background:#fff;border-radius:4px;}
.layer-appr .appr-con .end-btn,.layer-appr .appr-con .call-btn{margin-top:8px;font-size:13px;font-weight:700; color:#4a4a4a; line-height:44px;width:248px;height:44px;display:inline-block;vertical-align:top;background:#fff;border-radius:4px;}
.layer-appr .appr-con .call-btn{margin-top:0 !Important}
.layer-appr .appr-con .gap74{height:74px;}
.layer-appr .appr-con .gap98{height:98px;}

/* layer-doctor */
.layer-doctor{width:360px;overflow:hidden; position:relative; display:inline-block;vertical-align:top;border-radius:4px; box-sizing:border-box; background:#fff;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  }
.layer-doctor .is-top{border-bottom:1px solid #f0f0f0; text-align:center;padding:30px 0 16px 0; position:relative;}
.layer-doctor .is-top .close{width:24px;height:24px; position:Absolute; right:16px; top:16px; background:url(../_Img/Sub/ic-close.png) no-repeat;background-size:100% auto;border:none;opacity:1}

.layer-doctor .is-top .img{display:inline-block; vertical-align:top; position:relative; width:96px;height:96px;}
.layer-doctor .is-top .img img{width:100%;border-radius:100%;}
.layer-doctor .is-top .img:after{width:24px;height:24px; border:4px solid #fff;border-radius:100%; display:block; content:""; position:Absolute; right:-3px; bottom:-3px;background:#12ac00}
.layer-doctor .is-top .name{line-height:20px; font-size:13px; font-weight:400; color:#000;text-align:center; margin-top:15px;}
.layer-doctor .is-top .like{display:inline-block; padding-left:17px; font-weight:700; background:url(../_Img/Layout/ico-heart.png) no-repeat left 1px;color:#ff7700; font-size:11px; line-height:20px; }

.layer-doctor .is-top .slogan{ font-family: 'Nanum Myeongjo'; font-weight:600;margin-top:34px; position:relative; text-align:center; color:#647188; letter-spacing:-0.03em; line-height:20px; font-size:14px;}
.layer-doctor .is-top .slogan:before{position:Absolute;width:12px;height:10px;left:50%;margin-left:-6px; top:-18px; display:block; content:"";background:url(../_Img/Sub/ic-quote.png) no-repeat center center}

.layer-doctor .is-con{padding:24px; box-sizing:border-box; height:532px; overflow-y:auto}
.layer-doctor .is-con h3{font-size:14px; line-height:24px;margin-bottom:8px;color:#000;font-weight:500}
.layer-doctor .is-con p{ color:#7a7a7a; line-height:20px; font-size:13px;}
.layer-doctor .is-con p.f11{font-size:11px}
.layer-doctor .is-con .gap25{height:24px;}

.layer-doctor table thead th{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0; padding:5px 0;text-align:center; font-size:11px;font-weight:400; color:#7a7a7a}
.layer-doctor table thead tr th:first-child{padding:5px 0; text-align:left; font-size:11px; color:#7a7a7a}
.layer-doctor table tbody th{ color:#7a7a7a; font-size:11px;padding:5px 0;text-align:left;border-bottom:1px solid #f0f0f0; font-weight:300; }
.layer-doctor table tbody td{vertical-align:middle;border-bottom:1px solid #f0f0f0;vertical-align:middle;padding:5px 0;text-align:center;}
.layer-doctor table .on{display:inline-block;vertical-align:middle; border-radius:100%; width:8px; height:8px;background:#12ac00}
.layer-doctor table .off{display:inline-block;vertical-align:middle; border-radius:100%; width:8px; height:8px;background:#dadada}

.layer-doctor .is-foot{border-top:1px solid #dadada;overflow:hidden; font-size:0}
.layer-doctor .is-foot a{position:Relative;width:50%;display:inline-block;vertical-align:top; line-height:56px; font-size:14px; font-weight:400; text-align:center; color:#000}
.layer-doctor .is-foot a:before{width:1px;height:100%; background:#dadada; position:Absolute; left:-1px; top:0; display:block; content:""}


/* layer-notice */
.layer-notice{width:360px; overflow:visible; position:relative; display:inline-block;vertical-align:top;border-radius:4px; box-sizing:border-box; background:#fff;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  }
.layer-notice:before{position:Absolute; width:20px;height:11px; right:20px;top:-11px; background:url(../_Img/Layout/ico-tip.png) no-repeat center center ;display:block; content:""}
.layer-notice .is-con{}
.layer-notice ul{height:370px;overflow:hidden;box-sizing:border-box; }
.layer-notice li{border-bottom:1px solid #f0f0f0}
.layer-notice li a{display:block; position:relative;padding:20px 24px; }
.layer-notice li a:after{width:24px;height:24px; background:url(../_Img/Sub/ic-arrow-next.png) no-repeat center center; position:absolute; right:16px; top:16px; display:block; content:""}
.layer-notice li .tit{display:block; font-size:13px; color:#000; font-weight:700; line-height:24px;}
.layer-notice li .txt{margin-top:6px;display:block; font-size:13px; color:#4a4a4a; font-weight:400; line-height:20px;}
.layer-notice li .date{font-size:11px; color:#aaa; line-height:24px; position:absolute; top:20px; right:48px;}


/* layer-mode */
.layer-sec{position:relative;}
.layer-mode{width:360px; overflow:visible; position:relative; display:inline-block;vertical-align:top;border-radius:4px; box-sizing:border-box; background:#fff;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  ; 	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2)  }
.layer-mode .is-foot{border-top:1px solid #dadada;overflow:hidden; font-size:0}
.layer-mode .is-foot a{position:Relative;width:50%;display:inline-block;vertical-align:top; line-height:56px; font-size:14px; font-weight:400; text-align:center; color:#000}
.layer-mode .is-foot a:before{width:1px;height:100%; background:#dadada; position:Absolute; left:-1px; top:0; display:block; content:""}

.layer-mode .is-top{border-bottom:1px solid #f0f0f0; padding:80px 0 10px 0; text-align:center;}
.layer-mode .is-top.no-line{border-bottom:none; padding-bottom:40px;}
.layer-mode .is-top .close{width:24px;height:24px; position:Absolute; right:16px; top:16px; background:url(../_Img/Sub/ic-close.png) no-repeat;background-size:100% auto;border:none;opacity:1}

.layer-mode .is-top .logo{text-align:center;}
.layer-mode .is-top .btxt{margin-top:18px;font-size:15px; font-weight:700;color:#4a4a4a; line-height:24px;}
.layer-mode .is-top .stxt{margin-top:10px; font-size:13px; color:#4a4a4a; line-height:20px;}
.layer-mode .is-top .ex{margin-top:20px;font-size:11px; color:#7a7a7a; line-height:20px; text-align:center;}
.layer-mode .is-top .excel-down{font-size:11px; line-height:20px;font-weight:700;color:#12ac00; text-decoration:underline; display:inline-block;vertical-align:top;}
.layer-mode .is-top .tc-input{margin:20px auto; display:inline-block;vertical-align:top; position:Relative; width:272px; box-sizing:border-box; padding-right:80px;}
.layer-mode .is-top input{border:1px solid #dadada;border-radius:4px; width:100%;box-sizing:border-box; font-size:13px; height:40px; color:#000;padding:0 15px}
.layer-mode .is-top label{position:Absolute; right:0; top:0; width:70px;height:38px; border:1px solid #dadada; color:#4a4a4a; font-size:12px; line-height:38px; border-radius:4px;}

.layer-mode .is-con ul{height:380px; overflow-y:auto;}
.layer-mode .is-con ul li{position:relative;border-top:1px solid #f0f0f0;}
.layer-mode .is-con ul li:first-child{border-top:none}
.layer-mode .is-con ul li .check-box{display:block;}
.layer-mode .is-con ul li label{display:block; height:60px;box-sizing:border-box; padding:14px 20px 14px 80px  }
.layer-mode .is-con ul li label:after{right:18px; top:20px; left:auto;}
.layer-mode .is-con ul li .img{position:Absolute; width:40px;height:40px; top:14px; left:24px;}
.layer-mode .is-con ul li .img img{width:100%;}
.layer-mode .is-con ul li .txt{display:block;text-align:left;line-height:20px;font-size:13px; color:#7a7a7a}
.layer-mode .is-con ul li .txt i{color:#000}
.layer-mode .is-con ul li .cate{display:block;text-align:left;line-height:20px;font-size:11px; color:#7a7a7a}