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

.login-wrap .fl, .login-wrap .fr{width:481px; 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:11px; 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:50px;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:40px;overflow:hidden;}
.login-wrap .login-sns li{float:left;margin-left:20px;}
.login-wrap .login-sns li:first-child{margin-left:0}
.login-wrap .login-sns li a{display:block; width:180px;height:100px;text-align:center;border-radius:4px;}
.login-wrap .login-sns li a span{line-height:16px; font-size:11px;display:block;}
.login-wrap .login-sns li:first-child a{background:#4460a0; color:#fff;}
.login-wrap .login-sns li:first-child a span{ padding-top:52px; background:url(../_Img/Sub/facebook-ico.png) no-repeat center 20px}
.login-wrap .login-sns li a{background:#fbdd33; color:#311818;}
.login-wrap .login-sns li a span{ padding-top:52px; background:url(../_Img/Sub/kakao-ico.png) no-repeat center 20px}

.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{position:Absolute;border-radius:6px; overflow:hidden; width:340px;height:232px; right:0; top:334;}
.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; display: flex; justify-content: center;}
.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; transform: none;}
.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}

.patient-list.type02.ver2 { display: flex; justify-content: center; }




/* 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-wrap .chat-con #moreList{border-top:none;}

.chat-wrap .chat-con .dfs-no-list-view{border-top:none; padding: 100px 0; color: gray; display: none;}
.chat-wrap .chat-con .dfs-no-list-view .sec-notice{line-height:160%;}

.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 {
    /*top: 0;*/
    position: absolute;
    right: 10px;
    bottom: 35px;
    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:81px; */ 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: 13px !important;*/
    font-size: 21px!important;
    color: #4a4a4a;
    /*line-height: 1.85!important;*/
    line-height: 36px;
    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:300px; 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:90px;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:90px;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-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;z-index:99;}
.doctor-list.type02 li .img{display:inline-block;vertical-align:top; width:40px;height:40px;border-radius:100%;position:absolute; left:60px; }
.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;}
.doctor-list.type02 li p .dfs-state{color: red; padding-left:20px;}


/* 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!important;
    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:27px;letter-spacing:-.6px;padding-right:10px;}

.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-modal */
/* .layer-wrap-modal{position:fixed; display:none;width:0; height:0;  left:0; top:0; z-index:9001;}
.layer-wrap-modal .layer-modal{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-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: 510px;
    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 {
    background: url(../_Img/Sub/ic-chat-sender.png) no-repeat center center;
    background-size: 75px;
}

.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; display:none;}
.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}

/* .dfs-popup-message popup-all-chat.html */
.layer-sms.write{width:461px;}
.layer-sms.write .is-top{height: 60px;}
.layer-sms.write .is-top .close{top:1rem;}
.later-sms.write .is-con .send-num{padding-left:30px;}
.later-sms.write .is-con .send-num > div{float:right; box-sizing: border-box; height: 40px; padding: 12px;}
.later-sms.write .is-con .send-num > div img{vertical-align: top; height: 24px;}

.later-sms.write .is-foot{overflow:hidden; height: auto; min-height: 50px;}
.later-sms.write .is-foot .dfs-text-previewer{position: absolute; padding: 0 20px; box-sizing: border-box; width: 100%; word-break:break-all; word-wrap:break-word; font-size:16px; overflow-y:scroll; line-height: 100%; z-index:-1;}
.later-sms.write .is-foot button.btn-submit{display: block;}

.is-layer-wrap.dfs-select-phone {position: absolute; background: rgba(0,0,0,.2); top: 0; left:0; right:0; bottom:0; display: none; z-index:10000;}
.is-layer-wrap.dfs-select-phone .tit{top:1rem;}

.is-layer-wrap.dfs-add-phone{position: absolute; background: rgba(0,0,0,.2); top: 0; left:0; right:0; bottom:0; display: none; z-index:10001;}

/* 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}

/* lion rocket */

.clearfix {
	*zoom: 1;
}

.clearfix:before, .clearfix:after {
	display: block;
	content: '';
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

/* 상단 메뉴 추가 */
.consult-top input{ width: 1050px; }
.snb-top{ height: 60px; position: relative; top: 80px; border-top: 1px solid #f0f0f0; }
.snb-top ul { text-align: center; font-size: 0; }
.snb-top ul li{ display: inline-block; width: 120px; font-size: 15px; font-weight: 800; line-height: 60px; text-align: left; box-sizing: border-box; }
.snb-top ul li a{ display: block; color: #7a7a7a; }
.snb-top ul li.active a{ color: #12ac00; }
.snb-top ul li.list01{ background: url('../_Img/Sub/user-off.png')no-repeat  23px center; padding-left: 51px; }
.snb-top ul li.list02{ background: url('../_Img/Sub/chat-off.png')no-repeat  24px center; padding-left: 52px; cursor:pointer;}
.snb-top ul li.list03{ background: url('../_Img/Sub/center-off.png')no-repeat  16px center; padding-left: 44px; }
.snb-top ul li.list01.active{ background: url('../_Img/Sub/user-on.png')no-repeat  23px center;}
.snb-top ul li.list02.active{ background: url('../_Img/Sub/chat-on.png')no-repeat  23px center;}
.snb-top ul li.list03.active{ background: url('../_Img/Sub/center-off.png')no-repeat  23px center;}

/* 에디터 상단 */
.consult-edit{ position: fixed;left: 0; bottom: 0; width: 100%; background-color: #fff; box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.04), inset 0 1px 0 0 #dadada; height: 360px; }
.consult-edit .edit-wrap .btn-group{display:flex;justify-content: left}
.consult-edit .edit-wrap .btn-group li:last-child{margin-left:auto;}
.edit-wrap{ width: 940px; margin: 0 auto; }

.edit-top {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), inset 0 -1px 0 0 #f0f0f0;
    background-color: rgba(230, 178, 178, 0);
    padding: 10px;
    border-right: solid 1px #dadada;
    border-left: solid 1px #dadada;
    border-top: solid 1px #dadada;
}

.edit-top > ul{ font-size: 0; float: left; border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04); border: solid 1px #dadada; height: 40px; margin-right: 20px; }
.edit-top > ul > li{ display: inline-block; width: 40px; height: 40px; border-right: solid 1px #dadada; position: relative; }
.edit-top ul li a{ color: #000; }
.edit-top .sub-edit{ border-radius: 4px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);  border: solid 1px #dadada;  background-color: #ffffff; position: absolute; left: 0; top: 42px; display: none; z-index: 100; }

/* 글자크기/굵기/밑줄/취소선/링크/글자색 */
.textdeco .icon01{ background: url('../../images/faq/textsize.png')no-repeat center center; }
.textdeco .icon01 ul { padding: 8px 0; width: 140px; background-color: #fff; }
.textdeco .icon01 ul li{ line-height: 32px; padding-left: 16px; display: block; }
.textdeco .icon01 ul li.list01{ font-size: 24px; }
.textdeco .icon01 ul li.list02{ font-size: 17px; }
.textdeco .icon01 ul li.list03{ font-size: 14px; }
.textdeco .icon01 ul li.list04{ font-size: 12px; }
.textdeco .icon01 ul li.list05{ font-size: 10px; }
.textdeco .icon02{ background: url('../../images/faq/bold-detail.png')no-repeat center center; cursor: pointer; }
.textdeco .icon03{ background: url('../../images/faq/underline-detail.png')no-repeat center center; cursor: pointer;}
.textdeco .icon04{ background: url('../../images/faq/strikethrough-detail.png')no-repeat center center; cursor: pointer;}
.textdeco .icon05{ background: url('../../images/faq/addlink.png')no-repeat center center; cursor: pointer;}
.textdeco .icon05 .sub-edit{ width: 320px; }
.textdeco .icon05 .link{ padding: 20px 0 4px 0; font-size: 13px; line-height: 40px; box-shadow: inset 0 -1px 0 0 #f0f0f0;  background-blend-mode: darken;  background-image: linear-gradient(to bottom, #fbfbfb, #fbfbfb); border-bottom:  solid 1px #dadada; }
.textdeco .icon05 .link a{ color: #7a7a7a; display: inline-block; text-align: center; width: 60px; text-align: center;  }
.textdeco .icon05 .link input{ width: 240px; height: 40px;  border-radius: 4px; border: solid 1px #dadada; color: #7a7a7a; margin-bottom: 8px; padding-left: 12px; }
.btn-group{ text-align: right; padding: 12px 32px 12px 0}
.btn-group li{ display: inline-block; margin-left: 8px; }
.btn-group button{ width: 70px; height: 32px; font-size: 11px; font-weight: 800; color: #fff; background-color: #12ac00; border: none; border-radius: 4px; }
.btn-group button.white{ background-color: #fff; color: #4a4a4a; border-radius: 4px; border: solid 1px #dadada; }
.textdeco .icon06{ background: url('../../images/faq/textcolor.png')no-repeat center center; border-right: none;}
.textdeco .icon06 ul{ width: 38px; padding: 6px 6px 0 6px; box-sizing: border-box; }
.textdeco .icon06 ul li{ width: 24px; height: 24px; margin-bottom: 8px; border: 2px solid transparent; text-align: center; }
.textdeco .icon06 ul li.active{ border: 2px solid #000; }
.textdeco .icon06 ul li.list01{ background-color: #000; cursor:pointer;}
.textdeco .icon06 ul li.list02{ background-color: #4a4a4a; cursor:pointer;}
.textdeco .icon06 ul li.list03{ background-color: #8f9fbf; cursor:pointer;}
.textdeco .icon06 ul li.list04{ background-color: #ff7700; cursor:pointer;}
.textdeco .icon06 ul li.list05{ background-color: #12ac00; cursor:pointer;}


/* 파일첨부 : 사진/동영상/음성 */
.addition{ position: relative; }
.addition .sub-edit { width: 180px; padding: 8px 0; }
.addition .sub-edit > li{ line-height: 32px; font-size:  13px; padding-left: 16px; box-sizing: border-box; }
.addition .icon01{ background: url('../../images/faq/addimg.png')no-repeat center center; cursor: pointer;}
.addition .icon02{ background: url('../../images/faq/addvideo.png')no-repeat center center; cursor: pointer;}
.addition .icon03{ background: url('../../images/faq/addvoice.png')no-repeat center center; border-right: none; }
.addition .icon03 .sub-edit > li{ position: relative; }
.addition .icon03 .sub-edit .list01 .helptxt{ position: absolute; top: 12px; left: 120px; background-color: rgba(0, 0, 0, 0.8); box-sizing: border-box; width: 200px; padding: 14px 16px 0 16px; border-radius: 4px; display: none; }
.addition .icon03 .sub-edit .list01 .helptxt li{ font-size: 11px; color: #fff; line-height: 14px; margin-bottom: 16px; padding-left: 0; font-weight: 400; }
.addition .icon03 .sub-edit .list01 .helptxt li a{ color: #fff; }
.addition .icon03 .sub-edit .list01 .helptxt li.contact{ letter-spacing: 0.5px; }
.addition .icon03 .sub-edit > li.list02{ position: relative; }
.addition .icon03 .sub-edit > li.list03 .voice-box{ top: -458px; }
.addition .icon03 .sub-edit > li.list04 .voice-box{ top: -490px; }
.addition .voice-box::-webkit-scrollbar { display:none;}
.addition .voice-box{ width: 198px; height: 294px; overflow-y: scroll; position: absolute; top: -426px; left: 0;z-index: 100000000000000000; background-color: #fff; box-sizing: border-box; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; display: none; }
.addition .voice-box .voice-top{ position: sticky; top:0;left:0; z-index: 100000; background-color: #fff; }
.addition .voice-box .voice-top-wrap{ line-height: 40px; position: relative; padding: 0 10px; box-sizing: border-box; }
.addition .voice-box .voice-top-wrap .close{ position: absolute; top: 0px; right: 10px; z-index: 10000000000; }
.addition .voice-box .voice-top-wrap .close img{ width: 20px; height: 20px; }
.addition .voice-box h5{ font-size: 11px; color: #000; }
.addition .voice-box ul{ font-size: 0; text-align: center; background-color: #fff !important; padding: 0 10px; position: relative; z-index: 10; }
.addition .voice-box ul li{ display: inline-block; font-size: 10px; width: 56px; box-sizing: border-box; margin-right: 4px; margin-bottom: 8px;  }
.addition .voice-box ul li:nth-child(3n){ margin-right: 0; }
.imgArea{ position: relative; width: 56px; height: 40px; }
.actorImg{ width: 56px; height: 40px!important; margin-bottom: 2px; background-color: #7d7d7d; line-height: 20px; }
.playBtn{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.name{ font-size: 10px; line-height: 20px; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #000; }
.edit-top button{width: 80px; height: 40px; font-size: 13px; text-align: center; font-weight: 800; color: #fff; background-color: #12ac00; border: none; border-radius: 4px; }
.consult-edit textarea{ width: 100%; height: 300px; margin: 0 auto;   background-blend-mode: darken; background-image: linear-gradient(to bottom, #fbfbfb, #fbfbfb); border: solid 1px #dadada; resize: none; padding: 14px 24px; box-sizing: border-box; color: rgba(0,0,0,0.5); }
.consult-edit textarea::placeholder{ color: rgba(0,0,0,0.5); }

/* comment */

.note-editable { background-image: linear-gradient(to bottom, #fbfbfb, #fbfbfb); }

.inner-edit-wrap {
	width: 940px;
	margin: 0 auto;
}

.inner-edit-top {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), inset 0 -1px 0 0 #f0f0f0;
	background-color: rgba(230, 178, 178, 0);
	border-right: solid 1px #dadada;
	border-left: solid 1px #dadada;
}

/* 모달창 공통 */
.blocker{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 100000000; box-sizing: border-box; background-color: #000; background-color: rgba(0,0,0,0.75); text-align: center;}
.modal { vertical-align: middle; position: relative; z-index: 2; width: 320px; border-radius: 2px;   margin: 0 auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);   border: solid 1px #dadada;  background-color: #ffffff; border-radius: 4px; box-sizing: border-box; }
.modal h5{ font-size: 13px; color: #7a7a7a; font-weight: 800; line-height: 24px; margin-bottom: 4px; text-align: left; }
.modal p{  font-size: 13px;  line-height: 24px;  text-align: center;  color: #7a7a7a; padding-top: 28px; }
.modal > ul{ text-align: center; }
.modal > ul li{ display: inline-block; }
.modal > ul li a{ display: block; }
.modal .close{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 37.5px;text-align: center; border-top: solid 0.5px #979797; font-size: 14px; font-weight: 700;  }
.modal .close a{ display: block; color: #2b2b2b;  font-size: 14px;  line-height: 37.5px; height: 37.5px;}
.modal .btn-group{ text-align: center; padding: 32px 0 24px 0; }
.btn-group li:first-child{ margin-left: 0px; }





/* Slide Video Modal 추가*/
/* 공통 */
.f_left {float:left;}
.f_right {float:right;}

.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display: block;content: '';line-height: 0;}
.clearfix:after{clear:both;}

ul{ font-size: 0; letter-spacing: -4px; }
ul li{ font-size: 13px; letter-spacing: 0px; }
*{ box-sizing: border-box; }

/*.counsel-wrap .counsel-top{ position: relative; z-index: -1;}*/

/* 건강상담(에디터-추가)*/
.edit-bottom { width: 100%; background-blend-mode: darken; background-image: linear-gradient(to bottom, #fbfbfb, #fbfbfb); padding: 14px 24px; height: 300px; border: solid 1px #dadada; border-top: none; overflow-y: scroll; }

.edit-bottom .voice-sel > ul > li{ width: 170px; display: inline-block; margin-right: 8px; vertical-align: top; background-color: #fff; }
.edit-bottom .voice-sel .v-default span{ width: 114px; }
.edit-bottom .voice-sel .v-default a{ background-position: 146px center;  }
.edit-bottom .voice-sel .enter a{ padding-left: 0; background: none; text-align: center; }
.edit-bottom  .voice-sel > ul > li.inputImg{ width: 80px; border: none; position: relative; }
.edit-bottom .addImg{ width: 56px; height: 40px; border-radius: 4px; overflow: hidden; }
.edit-bottom .addImg img{ width: 100%; }
.edit-bottom .imgClose a{ display: block; width: 24px; height: 24px; background: url('../_Img/Sub/ic-remove.png')no-repeat center center; background-size: 24px auto; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
.edit-bottom .voice-sel > ul > li.done{ width: 200px;  }
.edit-bottom .voice-sel > ul > li.done a{ color: #12ac00; }
.attached li{ width: 170px; margin-top: 14px; position: relative; }
.attached li img{ width: 170px; height: 120px; border-radius: 4px; overflow: hidden; }
.attached li p{ padding: 14px 0 10px 0; color: rgba( 0,0,0,0.5); font-size: 13px; line-height: 20px; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.attached  .delete-btn{ border-top-right-radius: 4px; }

.edit-bottom::-webkit-scrollbar { display:none;}

/* 상담 상세 */
.counsel-wrap.view .view-con.consult-answer{ padding-right: 0; }
.counsel-wrap.view .view-con.consult-answer .inst{ padding: 0; }
.counsel-wrap.view .view-con.consult-answer .inst .ico{ top: 20px; }
.counsel-wrap.view .view-con.consult-answer .reply{ padding-left: 120px; padding-top: 20px; }
.answer-title{ height: 104px; box-shadow: inset 0 -1px 0 0 #dadada; background-color: rgba(209, 182, 182, 0); position: relative; }
.answer-title .an-info p{ font-size: 11px; line-height: 20px; }
.answer-title .an-info p.tag{ color: #12ac00; font-weight: 800; }
.option-btn{ display: block; position: absolute; top: 50%;  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 40px; width: 24px; height: 24px; background: url('../_Img/Sub/option-ico.png')no-repeat; }
.counsel-wrap.view .inst .stance01{ padding: 10px 40px 68px 40px; }


/* 음성 재생 버튼 */
.audio-play{ opacity: 0.8;  border-radius: 8px;  background-color: #000000;width: 400px; height: 44px; padding: 10px; margin-bottom: 16px; }
.audio-play li{ display: inline-block; vertical-align: middle; }
.audio-play span{ display: inline-block; color: #fff; font-size: 11px; line-height: 20px; letter-spacing: 0.5px; margin-right: 6px; vertical-align: middle; position: relative; top: -2px; }
.play .progress{ display: inline-block; width: 128px; position: relative; height: 8px; background-color: rgba(255,255,255,0.5); border-radius: 4px;}
.play .progress:after{content: ''; display: block; width: 48px; height: 8px; background-color: #fff; border-radius: 4px; position: absolute; left:0; top:0; }
.volume .progress{ display: inline-block; width: 88px; position: relative; height: 8px; background-color: rgba(255,255,255,0.5); border-radius: 4px;}
.volume .progress:after{content: ''; display: block; width: 38px; height: 8px; background-color: #fff; border-radius: 4px; position: absolute; left:0; top:0; }
.play-btn{ display: inline-block; width: 24px; height: 24px; background: url('../_Img/Sub/playback-w.png')no-repeat;}
.volume-btn{ display: inline-block; width: 24px; height: 24px; background: url('../_Img/Sub/volume-w.png')no-repeat; }

/* 모달창 공통 */
.blocker{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 100000000; box-sizing: border-box; background-color: #000; background-color: rgba(0,0,0,0.75); text-align: center;}
.modal { vertical-align: middle; position: relative; z-index: 2; width: 320px; border-radius: 2px;   margin: 0 auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);   border: solid 1px #dadada;  background-color: #ffffff; border-radius: 4px; box-sizing: border-box; }
.modal h5{ font-size: 13px; color: #7a7a7a; font-weight: 800; line-height: 24px; margin-bottom: 4px; text-align: left; }
.modal p{  font-size: 13px;  line-height: 24px;  text-align: center;  color: #7a7a7a; padding-top: 28px; }
.modal > ul{ text-align: center; }
.modal > ul li{ display: inline-block; }
.modal > ul li a{ display: block; }
.modal .close{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 37.5px;text-align: center; border-top: solid 0.5px #979797; font-size: 14px; font-weight: 700;  }
.modal .close a{ display: block; color: #2b2b2b;  font-size: 14px;  line-height: 37.5px; height: 37.5px;}
.modal .btn-group{ text-align: center; padding: 32px 0 24px 0; }
.btn-group li:first-child{ margin-left: 0px; }

/* 건강상담(에디터-슬라이드쇼선택) */
.blocker-wrap{position: relative; width: 100%; min-height: 100%; }
.close-btn{ width: 40px; position: absolute; top: 20px; right: 30px; padding-top: 40px; background: url('../_Img/Sub/ic-close-w.png')no-repeat top right; color: #fff; font-size: 15px; line-height: 20px; font-weight: 800; }
.add-show{ width: 120px; height: 70px; border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04); border: solid 1px #12ac00; background-blend-mode: darken; background-image: linear-gradient(to bottom, #13bb00, #13bb00); position: absolute; top: 0; right: -140px; padding-top: 16px; }
.add-show a{ display: block; font-size: 13px; font-weight: 800; color: #fff; line-height: 18px; }
.add-show-button{ width: 120px; height: 70px; border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04); border: solid 1px #12ac00; background-blend-mode: darken; background-image: linear-gradient(to bottom, #13bb00, #13bb00); position: absolute; top: 80px; right: -140px; padding-top: 16px; }
.slide-cont > div{ width: 60px; height: 60px;  position: absolute; top: 50%;  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.slide-cont > div a{ display: block; width: 60px; height: 60px; }
.slide-cont .prev-btn { left: -120px; }
.slide-cont .prev-btn a{ background: url('../_Img_v2/Sub/ic-back-w60.png')no-repeat center center; background-size: 60px 60px; }
.slide-cont .next-btn { right: -120px; }
.slide-cont .next-btn a{ background: url('../_Img_v2/Sub/ic-forward-w60.png')no-repeat center center; background-size: 60px 60px; }
.consult01_02_template{ width: 640px; top: 20px;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); margin-bottom: 20px; box-shadow: none; border: none; }
.consult01_02_template .file-template-top{ height: 120px; overflow: hidden; background-color:aliceblue;}
.consult01_02_template .file-top{ height: 345px; overflow: hidden; }
.consult01_02_template .file-top-wrap{ width: 100%; }
/* .consult01_02_template .file-top img{ width: 100%; vertical-align: top; border-top-left-radius: 4px; border-top-right-radius: 4px; } */
.consult01_02_template .file-top img{ width: 354px; vertical-align: top; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.consult01_02_template .file-bottom .txt{ background-blend-mode: darken;  background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8); width: 100%; height: 260px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.consult01_02_template .file-bottom textarea{ border: none;  line-height: 24px; font-size: 13px; color: rgba(122,122,122,0.5); width: 100%; outline: none; background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8); height: 260px; resize: none; padding: 14px 24px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.consult01_02_template .file-bottom textarea::placeholder{ color: rgba(122,122,122,0.5); }
.consult01_02{ width: 640px; top: 132px;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); margin-bottom: 408px; box-shadow: none; border: none; }
.consult01_02 .file-top{ height: 480px; overflow: hidden; }
.consult01_02 .file-template-top{ height: 120px; overflow: hidden; background-color:aliceblue;}
.consult01_02 .file-top-wrap{ width: 100%; }
.consult01_02 .file-top img{ width: 100%; vertical-align: top; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.consult01_02 .file-bottom .txt{ background-blend-mode: darken;  background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8); width: 100%; height: 260px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.consult01_02 .file-bottom textarea{ border: none;  line-height: 24px; font-size: 13px; color: rgba(122,122,122,0.5); width: 100%; outline: none; background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8); height: 260px; resize: none; padding: 14px 24px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.consult01_02 .file-bottom textarea::placeholder{ color: rgba(122,122,122,0.5); }

/* .consult01_02_template .select-header .select-01 .options-template {
	position: absolute;
	display: none;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	background: white;
	overflow: visible;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	max-height: 300px;
	z-index: 1;
}*/

/* 템플릿 툴팁 */
.template-tool-tip {
	background: url('../_Img_v2/Sub/ic-tooltip.png') rgba(0, 0, 0, 0)
		no-repeat;
	width: 24px;
	height: 24px;
	float: right;
	cursor: pointer;
}

.z-index-100 {
	z-index:100;
}

/* 슬라이드쇼 하단 */
.slide-fix {
	width: 100%;
	padding: 20px;
}

.slide-wrap {
	width: 100%;
	height: 160px;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #dadada;
	background-color: #ffffff;
	position: relative;
}

.add-slide {
	text-align: left;
	padding: 20px 72px;
	overflow-x: scroll;
	white-space: nowrap;
}

.add-slide .template {
	cursor: pointer;
}

.add-slide li {
	display: inline-block;
	width: 170px;
	height: 120px;
	background-color: #f0f0f0;
	position: relative;
	vertical-align: top;
	margin-right: 20px;
}

.delete-btn {
	display: block;
	width: 24px;
	height: 24px;
	background: url('../_Img_v2/Sub/ic-tag-remove.png') rgba(0, 0, 0, 0.5)
		no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.add-slide .more .filebox label {
	display: block;
	width: 170px;
	height: 120px;
	background: url('../_Img_v2/Sub/ic-plus.png') no-repeat center center;
	border-radius: 0;
	box-shadow: none;
	border: none;
}

.template_image {
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	height: 80%;
}

.add-tts-text {
    background: url(../_Img_v2/Sub/add-tts-text.png);
    width: 38px;
    height: 38px;
    border: none;
    outline: none !important;
}

/* 사진슬라이드 컨트롤 버튼 */
.blocker .control{ position: relative; }
.blocker .control > div{ width: 48px; height: 158px;  position: absolute; top: 0; background-blend-mode: darken; background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8); overflow: hidden; }
.blocker .control a{ display: block; }
.blocker .control .prev-btn { left:0; }
.blocker .control .prev-btn span{ width: 40px; height: 160px; background: url('../_Img_v2/Sub/ic-back.png')no-repeat 4px center; background-size: 40px 40px; }
.blocker .control .next-btn { right:0; }
.blocker .control .next-btn span{ width: 40px; height: 160px; background: url('../_Img_v2/Sub/ic-foward.png')no-repeat 4px center;background-size: 40px 40px; }

/* 컨텐츠 첨부가능상담목록 */
.bold{ font-weight: 800; color: #000; }
.counsel-top{ position: relative; }
.voice-sel > ul > li { position: relative; height: 40px; line-height: 40px; border-radius: 4px; border: solid 1px #dadada; text-align: left; }
.voice-sel ul li ul{ position: absolute; top: 43px; left: -1px; background-color: #fff; width: 100%; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; display: none; }
.voice-sel ul li ul span{ padding-left: 16px; }
.voice-sel ul li ul li:hover span{ color: #12ac00; }
.v-default a{ display: block; background: url('../_Img/Sub/select-arrow.jpg')no-repeat 253px center ; background-size: 8px 4px; padding-left: 16px; }
.v-default span{ display: inline-block; width: 222px; border-right: solid 1px #dadada; height: 39px; color: #000000; }
.cont-add{ margin-right: 40px; position: absolute; top: 45px; right: 0; }
.cont-add li{ display: inline-block; width: 162px; color: #4a4a4a; height: 40px; line-height: 40px; border-radius: 4px; border: solid 1px #dadada; text-align: center; font-size: 13px; margin-left: 16px; }
.consult02_add .check-box { margin-top: 20px; }
.consult02_add .check-box label{ padding-top: 20px; }
.consult02_add.list .inst{ padding-top: 0; }
.consult02_add.list .inst .ico{ top: 0; }


ul.list > li .txt{ position: relative; }
.p_more{ position: absolute;right:0; bottom: 0; background-color: #fff; display: inline-block; padding:0 50px 0 10px; color: #12ac00; font-weight: 800; }

/* 콘텐츠첨부가능상담목록 > 옵션 */
.consult02{width : 360px; padding: 6px 40px 0 40px; }
.consult02 h5{ padding-top: 20px; }
.consult02 p{ line-height: 24px;  }
.temp-sel{ position: relative; }
.temp-sel ul li{ display: inline-block; width: 80px; height: 56px; border-radius: 3px; border: solid 4px #dadada; margin-right: 19px; margin-bottom: 4px; }
.temp-sel ul li:nth-child(3n){ margin-right: 0; }
.temp-sel ul li.active{ border: solid 4px #12ac00; }
.temp-sel .t_more { position: absolute; top: 20px; right: 0;  font-size: 13px; line-height: 24px; width: 60px; text-align: center; height: 24px; }
.temp-sel .t_more a{ display: block; color: #7a7a7a; }

/* 콘텐츠첨부가능상담목록 > 템플릿이미지 */
.consult02_02 {width: 940px;background-color: transparent; border:none; box-shadow: none; top: 132px;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);  padding-bottom: 200px;}
.consult02_02 > ul > li{ border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04); background-color: #f0f0f0;font-size: 13px; font-weight: 800; text-align: center; height: 50px; line-height: 50px; }
.consult02_02 > ul > li.f_left{ width: 140px; color: #4a4a4a; }
.consult02_02 > ul > li.f_right{ width: 80px; color: #fff; background-color: #12ac00; }
.t-list ul li{ display: inline-block; width: 300px; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); background-color: #fff; position: relative; margin: 20px 20px 0 0 ; }
.t-list ul li:nth-child(3n){ margin-right: 0; }
.t-list ul li .t-img{ height: 200px; box-shadow: inset 0 -1px 0 0 #f0f0f0; cursor: pointer;}
.t-list ul li .t-title{ height: 52px; line-height: 52px; color: #7a7a7a; text-align: left; padding: 0 24px; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.t-list .check-box{position: absolute; top: 0px; left: 92%; }

/* 콘텐츠첨부가능상담목록 > 템플릿이미지 > 템플릿추가 */
.file-add {
    position: absolute;
    top: 0px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    height: 400px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    z-index: 1;
}

.file-top {
	height: 252px;
    width: 300px;
	position: relative;
}

.file-top p {
	line-height: 24px;
	margin-bottom: 12px;
}

.file-top-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #7a7a7a;
	text-align: center;
}

.filebox label {
	display: inline-block;
	width: 70px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #4a4a4a;
	cursor: pointer;
	border-radius: 4px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px #dadada;
	font-size: 11px;
}

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.filebox-profile label {
	display: inline-block;
	width: 70px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #4a4a4a;
	cursor: pointer;
	border-radius: 4px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px #dadada;
	font-size: 11px;
}

.filebox-profile input[type="file"] {
	/* position: absolute; */
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.file-bottom .inputbox {
	background-blend-mode: darken;
	background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
	width: 100%;
	height: 52px;
	padding: 14px 24px;
}

.file-bottom input {
	border: none;
	line-height: 24px;
	font-size: 13px;
	color: #7a7a7a;
	width: 100%;
	outline: none;
	background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
}

select option[value="grey"] {
	background-color: rgb(1,1,1);
}
.bgBlack {
	background-color: rgb(1,1,1);
}
.bgGrey {
	background-color: rgb(79, 79, 79);
}
.bgBlueGrey {
	background-color: rgb(143, 159, 191);
}
.bgPumpkinOgrange {
	background-color: rgb(255, 127, 1);
}
.bgDodgerBlue {
	background-color: rgb(145, 159, 191);
}
.bgTurquoise {
	background-color: rgb(1, 187, 175);
}
.bgOrangeRed {
	background-color: rgb(145, 114, 108);
}
.bgHeliotrope {
	background-color: rgb(203, 59, 255);
}

.btn-close-input {
	position: absolute;
	top: 18px;
	right: 16px;
	bottom: 0;
	cursor: pointer;
	opacity: .5;
	background: url(../_Img_v2/Sub/ic-close.png) no-repeat 4px center;
	width: 30px;
	height: 10px;
}

.main-template-image {
	height: 200px;
}

/* 콘텐츠첨부가능상담목록 > 옵션(목소리첨부) */
.consult02_03{ width: 360px; background-color: transparent; border:none; box-shadow: none; }
.consult02_03 .box{width: 100%; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; background-color: #ffffff; padding: 26px 40px 0 40px; margin-bottom: 24px; }
.consult02_03 .voice-sel p{line-height: 14px; font-size: 12px; text-align: left; padding-top: 10px; letter-spacing: -0.5px;}

/* deepslide pop up css:s */
.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  width: 320px;
  height: 188px;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  background-color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  margin-top: 5%;
}

.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;
  z-index: 100;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
  width: 280px;
  height: 72px;
  font-family: SpoqaHanSans;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.85;
  letter-spacing: normal;
  text-align: center;
  color: #7a7a7a;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;
  display: inline-block;
  z-index: 100;
}

.payment-cancel-btn {
  width: 70px;
  height: 32px;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #dadada;
  background-color: #ffffff;
}

.payment-btn {
  width: 70px;
  height: 32px;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #12ac00;
  background-blend-mode: darken;
  background-image: linear-gradient(to bottom, #13bb00, #13bb00);
}

.payment-btn-font {
  font-family: SpoqaHanSans;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.82;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.payment-cancel-btn-font {
  font-family: SpoqaHanSans;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.82;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;;
}

.margin-right-10px {
	margin-right: 10px;
}

.margin-top-25px {
	margin-top: 25px;
}

.margin-top-20px {
	margin-top: 20px;
}

.margin-top-5p {
	margin-top: 5%;
}
/* deepslide pop up css:e */

.dfs-image-list-more {
	cursor: pointer;
	line-height: 80px;
	text-align: center;
	color: #000;
	font-size: 16px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	background: white;
}

.uploaded-image-size {
	height: 200px;
	width: 300px;
}

.uploaded-image-display-block {
	display: block!important;
}

.uploaded_image_confirm {
	cursor: pointer;
}

#add_media {
	cursor: pointer;
}

.cursor_pointer {
	cursor: pointer;
}

.consult-move {
    height: 60px!important;
    z-index: 1001;
}

.margin-top-10px {
    margin-top: 10px;
}

.profile-width {
    width: 185px;
}

.profile-info {
    display: block;
    width: 180px!important;
}

.ppt-btn {
    width: 70px;
    height: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px #12ac00;
    background-blend-mode: darken;
    background-image: linear-gradient(to bottom, #13bb00, #13bb00);
    vertical-align: top;
}

.ppt-btn-font {
    font-family: SpoqaHanSans;
    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.ppt-cancel-btn-font {
    font-family: SpoqaHanSans;
    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.82;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;;
}

.ppt-cancel-btn {
    width: 70px;
    height: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px #dadada;
    background-color: #ffffff;
    vertical-align: top;
}

/* ppt pop up css:s */
.popup-ppt-overlay {
    /*Hides pop-up when there is no "active" class*/
    visibility: hidden;
    width: 320px;
    height: 188px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dadada;
    background-color: #ffffff;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin-top: 5%;
}

.popup-ppt-overlay.active {
    /*displays pop-up when "active" class is present*/
    visibility: visible;
    text-align: center;
    z-index: 100;
}

.popup-ppt-content {
    /*Hides pop-up content when there is no "active" class */
    visibility: hidden;
    width: 280px;
    height: 72px;
    font-family: SpoqaHanSans;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #7a7a7a;
}

.popup-ppt-content.active {
    /*Shows pop-up content when "active" class is present */
    visibility: visible;
    display: inline-block;
    z-index: 100;
}

.layer-sms.sel .sel-list li label.smsNew {
    display: block;
    height: 60px;
    box-sizing: border-box;
    padding: 11px 20px 20px 80px
}

.layer-patient.group .is-con#patientInvite {
    padding: 10px 20px 20px 20px
}

.layer-patient.group .is-con#patientInvite p:nth-child(2){
    text-align:center;
}

.layer-patient.group .is-con#patientInvite p:nth-child(3){
    margin-bottom: 13px;
    text-align: center;
    color:grey;
}


.sendMessageBadge {
    position: absolute;
    bottom: 6px;
    left: 48px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    font-size: 0;
    padding: 3px 1px 1px 3px;
    background: #15d100;
    overflow: hidden;
}

.sendMessageBadgeImg {width:100%; vertical-align: top;}

.login-wrap .login-doctalk-btn {
    position: Absolute;
    right: 50px;
    bottom: 50px;
    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-institution-btn {
    position: Absolute;
    right: 37px;
    bottom: 50px;
    border-radius: 4px;
    width: 120px;
    height: 100px;
    background: #647188;
    line-height: 100px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.login-doctalk-btn-wrap {
    margin-bottom: 15px;
}

.tc-input-margin-left-10 {
    margin-left: 10px;
    width: 170px;
}

.dfs-login-border-bottom {
    border-bottom: 1px solid #f0f0f0;
}

.dfs-fl-border-right {
    border-right: 1px solid #f0f0f0;
}

.login-find {
    width: 100%;
    height: 64px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.login-find ul li {
    float: left;
    width: 110px;
    box-sizing: border-box;
}

.login-find ul li:last-child {
    float: left;
    width: 122px;
    box-sizing: border-box;
}

.login-find 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;
}

.login-set-init-institution {
  width: 100%;
  height: 64px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.login-set-init-institution ul li {
  float: left;
  width: 110px;
  box-sizing: border-box;
}

.login-set-init-institution ul li:last-child {
  float: left;
  width: 122px;
  box-sizing: border-box;
}

.login-set-init-institution 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;
}

.dfs-open-find-id {
    cursor: pointer;
}

.dfs-open-find-pw {
    cursor: pointer;
}

.set-init-text {
    display: inline-block;
    margin-top: 10px;
    float: left;
}

.set-init-input {
    width: 200px!important;
    float: right;
}

.selector-box-join {
    width: 280px;
    float: right;
}

.container-join-selector {
    width: 380px;
    height: 50px;
}

.join-input {
    width: 280px !important;
    float: right;
}

.hosInfo-wrap .hos-info-tit{ font-size:17px; color:#7a7a7a; line-height:25px; text-align:center;}

.divide-left-50 {
    width:48%;
    display: inline-block;
    margin-right:17px;
}

.divide-right-50 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

/*.hos-info-left-text {*/
/*    line-height: 38px;*/
/*    color: #7a7a7a;*/
/*    font-size: 13px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/

.hos-info-left-text {
    font-size: 13px;
    display: inline-block;
}

.hos-info-right-text {
    line-height: 38px;
    color: #7a7a7a;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 448px;
}

.hosInfo-wrap-second {
    width: 940px;
    margin: 0 auto;
    padding: 40px 40px;
    box-sizing: border-box;
}

.hosInfo-wrap-input {
    width: 329px !important;
}

.hosInfo-wrap-left-input {
    width: 329px !important;
}

.naver-reservation-info {
    margin-left: 25px;
    font-size: 19px;
}

.naver-reservation-wrap {
    margin-left: -135px;
    font-size: 19px;
    width: 117%;
    height: 60px;
    line-height: 60px;
    background-color: #FBFBFB;
    box-shadow: 0px 5px 8px #e6d9d9;
}

.hosInfo-wrap .info-input .info-new-type {position:Relative;margin-top:20px;padding-left: 0px;}

.info-input-box {
    width: 80px;
    height: 30px;
    display: inline-block;
}

.hos-info-input-box {
    margin-top: 20px;
}

.hos-info-input-box-comma {
    margin-top: 20px;
}

.host-info-input-box-first {
    margin-bottom: 80px;
}

.hos-parking-info {
    font-size: 17px;
}

.parking-possible-button {
    color: #7A7A7A;
    width: 163px;
    height: 40px;
    font-size: 17px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.parking-billing-button {
    color: #7A7A7A;
    width: 163px;
    height: 40px;
    font-size: 17px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.parking-billing-type-button {
    color: #7A7A7A;
    width: 163px;
    height: 40px;
    font-size: 17px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.parking-select-button {
    color: #7A7A7A;
    width: 105px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
}

#addDefaultPayment {
    width:113px!important;
    font-size: 14px!important;
}

.gap59 {
    height: 59px;
    clear: both;
    overflow: hidden;
    display: block;
}

.parking-three-button {
    color: #7A7A7A;
    width: 108px;
    height: 40px;
    font-size: 17px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.parking-button-hover {
    background-color: #13BB00;
    color: #ffffff;
}

.parking-button-click {
    background-color: #13BB00;
    color: #ffffff;
}

#initialPayment {
    width:110px!important;
    font-size: 14px!important;
    text-align: right;
    padding-right: 25px;
}

#initialPaymentWon {
    position: absolute;
    left: 390px;
    top: 171px;
    display: inline-block;
    font-size: 15px;
}

#addDefaultPayment {
    width:113px!important;
    font-size: 14px!important;
    text-align: right;
    padding-right: 25px;
}

#addDefaultPaymentWon {
    position: absolute;
    top: 170px;
    display: inline-block;
    font-size: 15px;
    right: 20px;
}

#maximumPaymentWon {
    position: absolute;
    top: 231px;
    left: 390px;
    display: inline-block;
    font-size: 15px;
}

#maximum-payment {
    text-align: right;
    padding-right: 25px;
}

#balletBillingWon {
    position: absolute;
    top: 351px;
    left: 390px;
    display: inline-block;
    font-size: 15px;
}

#balletBilling {
    text-align: right;
    padding-right: 25px;
}

#set-init-input-hide {
    display: none;
}

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

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

.join-wrap-image.profile .state{width:480px; margin:0 auto;}
.join-wrap-image.profile .state ul{text-align:center; font-size:0;}
.join-wrap-image.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;}
.join-wrap-image.profile .state li:before{background:#f0f0f0; width:1px; height:60px; position:absolute; left:-1px; top:50%;margin-top:-30px; display:block;content:"";}
.join-wrap-image.profile .state li:first-child:before{display:none;}
.join-wrap-image.profile .state li .btxt{ font-weight:700; color:#12ac00; font-size:25px; line-height:40px;display:block;}
.join-wrap-image.profile .state li .stxt{ font-weight:400; color:#7a7a7a; font-size:11px; line-height:20px;display:block;}

.join-wrap-image.profile .mypage-con{width:500px; margin:0 auto; padding:18px 40px; box-sizing:border-box;}
.join-wrap-image.profile .mypage-con input[type="text"], .join-wrap-image.profile .mypage-con input[type="password"], .join-wrap-image.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;}
.join-wrap-image.profile .mypage-con h3{ font-size:13px;font-weight:700; color:#000; line-height:24px; text-align:left;}
.join-wrap-image.profile .mypage-con .stit{ font-size:11px; color:#7a7a7a; line-height:20px; text-align:left;}

.join-wrap-image.profile .mypage-con .info-inupt{ margin-top:18px; }
.join-wrap-image.profile .mypage-con .info-inupt li{margin-top:10px; padding-left:140px;position:relative;}
.join-wrap-image.profile .mypage-con .info-inupt li:first-child{margin-top:0;}
.join-wrap-image.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;}
.join-wrap-image.profile .mypage-con .info-inupt li .pass-ex{margin-top:10px;font-size:11px; line-height:20px; color:#000;display:block;}
.join-wrap-image.profile .mypage-con .info-inupt li .change-cellphone{margin-top:10px; padding-left:140px;position:relative;}
.join-wrap-image.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;}
.join-wrap-image.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;}
.join-wrap-image.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}
.join-wrap-image.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}
.join-wrap-image.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;}
.join-wrap-image.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;}

.join-wrap-image.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}
.join-wrap-image.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}
.join-wrap-image.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;}
.join-wrap-image.profile .mypage-con  .select-box select::-ms-expand{display:none;}
.join-wrap-image.profile .mypage-con  .select-box.active select{color:#212121 !Important;}

.join-wrap-image.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}
.join-wrap-image.profile .mypage-con .tc-input.sel input{background:none; position:Relative; z-index:4}
.join-wrap-image.profile .mypage-con .tc-input.sel{background:#fff; position:relative}

.join-wrap .find-id-login{ display:none; line-height:40px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700; margin-bottom: 10px;}
.join-wrap .find-id-pw{ display:none; line-height:40px; border-radius:4px; color:#fff;text-align:center;background:#12ac00; font-size:13px; font-weight:700; margin-bottom: 10px;}
.join-wrap .ex-find-id{font-size:11px; padding:20px 0;text-align:center; color:#7a7a7a ; line-height:20px;}

.hosInfo-wrap .save-btn-wrap{margin-left:67px;text-align:left;display: inline-block;}
.hosInfo-wrap .move-partnercenter-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:330px;}
.hosInfo-wrap .save-btn-company{ 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:330px;}

.doctor-list.type02 ul li{ /*height:80px;*/position:Relative; box-sizing:border-box;border-bottom:1px solid #f0f0f0;display:flex;}
.doctor-list.type02 ul li a.item-btn{height:100%;width:100%;padding:20px 132px 20px 120px;position:relative;display:flex;flex-direction:column;box-sizing:border-box;}
.belongCompany {
    display: none;
    position: absolute;
    right: 102px;
    top: 30px;
    font-size: 12px;
}

.doctor-list.type02 #requestList li{height:80px;align-items: center;}
.doctor-list.type02 #requestList li ul{opacity: 1;}
.doctor-list.type02 #requestList li .name{display:flex;margin-left:120px;}

.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}
.dfs-tag .tc-input.search ul{display:block;}
#lotAddressUl {display:none; z-index: 999;}

.mypage-con h3 {
    text-align: center;
}
.mypage-con stit {
    text-align: center;
}
.doctor-con .all-chk-member {
    /*border-top: 2px solid #000;*/
}

.profile-logo-padding {
    padding: 40px 0 10px 0!important;
}

.docInfo-wrap .stit {
    font-size: 13px;
    color: black;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
}

.docInfo-wrap .info-input .user-change-textarea {
    font-size: 13px;
    box-sizing: border-box;
    padding: 14px 15px;
    width: 100%;
    height: 168px!important;
    border-radius: 4px;
    color: black;
    border: 1px solid #dadada;
    background: #fff;
}

#companyUnregisteredLogout {
    position: absolute;
    right: 7px;
    top: 5px;
    color: white;
    cursor: pointer;
}

.docInfo-wrap{width:940px; margin:0 auto; padding:40px 50px; box-sizing:border-box;}

.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;
}

.dfs-change-expert-popup {
    width: 320px;
    height: 80%!important;
    overflow-y: auto;
}

/*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #12ac00;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track-piece:start {
    background: transparent repeat-y !important;
}

::-webkit-scrollbar-track-piece:end {
    background: transparent repeat-y !important;
}*/

#streetNameAddressUl {
    z-index: 999;
}

#dfs-unsuitable-user-request {
    cursor: pointer;
    margin-top: 15px;
}

.layer-appr .appr-con .logo-popup {
    text-align: center;
    margin-bottom: 15px;
}

.noneresize {
    resize: none;
    color: black!important;
}

.dfs-expert-popup-font-size {
    font-size: 17px;
}

.dfs-expert-popup-font-size-small {
    font-weight: 400!important;
    line-height: 18px;
    font-size: 13px;
}

.dfs-expert-popup-font-size-big {
    font-size: 20px;
}

/* layer-notice-tooltip */
.layer-notice-tooltip {
    width: 363px;
    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-tooltip: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-tooltip .is-con {
}

.layer-notice-tooltip ul {
    height: 370px;
    overflow: hidden;
    box-sizing: border-box;
}

.layer-notice-tooltip li {
    border-bottom: 1px solid #f0f0f0
}

.layer-notice-tooltip li a {
    display: block;
    position: relative;
    padding: 20px 24px;
}

.layer-notice-tooltip 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-tooltip li .tit {
    display: block;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
}

.layer-notice-tooltip li .txt {
    margin-top: 6px;
    display: block;
    font-size: 13px;
    color: #4a4a4a;
    font-weight: 400;
    line-height: 20px;
}

.layer-notice-tooltip li .date {
    font-size: 11px;
    color: #aaa;
    line-height: 24px;
    position: absolute;
    top: 20px;
    right: 48px;
}

.embed-container {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.layer-appr-embed {
    width: 70%;
    height: 80%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    box-sizing: border-box;
}