@charset "utf-8";

/*** 채팅 ***/
/* 리스트 */
.medisay_chat {position:relative}
.medisay_chat .no_list {padding:140px 0;text-align:center}
.medisay_chat .no_list .txt_desc {display:block;margin-top:30px;font-size:14px;color:#4d5363}
.medisay_chat .chat_list .chat_thumb{width:45px;height:45px}
.medisay_chat .chat_list .chat_thumb > div{width:40px;height:40px}
.medisay_chat .chat_list .chat_info{width:-webkit-calc(100% - 190px);width:-moz-calc(100% - 190px);width:calc(100% - 190px);padding-left:10px}
.medisay_chat .chat_list .chat_tit .txt_name {max-width:calc(100% - 60px)}
.medisay_chat .chat_list .ico_alim {width:14px;height:15px;margin-left:8px;background-position:-40px -90px;vertical-align:top}
.medisay_chat .chat_list .chat_tip{width:50px;text-align:right}
.medisay_chat .chat_list .num_alim {margin-top:18px}
.medisay_chat .chat_list .txt_desc{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px}
.medisay_chat .chat_list .chat_fav{background:#f8f8f8}
.medisay_chat .chat_list .chat_fav .thumb_g, .medisay_chat .chat_list .chat_fav .thumb_many{border:2px solid #29b5f0}
.medisay_chat .chat_list .chat_fav .chat_tit{color:#29b5f0}
.medisay_chat .chat_item {position:relative}
.medisay_chat .chat_item .menu_layer {display:none;position:absolute;top:50%;width:120px}
.medisay_chat .chat_item.active .menu_layer {display:block}
.medisay_chat .btn_add {display:inline-block;position:fixed;bottom:25px;right:12px;width:50px;height:50px;border-radius:50%;background:#ff6b3d;z-index:100}
.medisay_chat .btn_add:before{display:block;content:'';position:absolute;top:24px;left:17px;width:16px;height:2px;background:#fff}
.medisay_chat .btn_add:after{display:block;content:'';position:absolute;top:17px;left:24px;width:2px;height:16px;background:#fff}
/* 채팅창 */
.head_chat{position:fixed;width:100%;min-height:56px;padding:6px 80px 6px 10px;border-bottom:1px solid #f1f2f5;background-color:#fbfbfd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:15}
.head_chat .thumb_g, .head_chat .thumb_many{float:left;width:56px;height:56px;margin-right:10px}
.head_chat .chat_info{overflow:hidden}
.head_chat .tit_name{display:block;padding:12px 0 0}
.head_chat .txt_info{font-size:11px;color:#a1a0a0}
.head_chat .txt_info em {color:#ff6b3d}
.head_chat .util_menu2{position:absolute;top:27px;right:2px}
.cont_chat {height:100%;padding-top:69px;padding-bottom:107px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.body_chat {overflow-y:auto;height:100%;padding:0 10px}
.body_chat .box_inner {padding-top:50px}
.body_chat .box_day {display:block;position:absolute;top:65px;left:0;right:0;bottom:0;width:22px;height:12px;padding:5px 18px;margin:20px auto 0 auto;border-radius:21px;font-size:11px;line-height:1;color:#8f969c;background:#f5f5f6;z-index:50}
.body_chat .info_invite {overflow:hidden;position:relative;padding:10px 15px;text-align:center}
.body_chat .info_invite:before {display:block;overflow:hidden;position:absolute;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 30px);height:10px;content:'';z-index:-1;background-image:linear-gradient(to right, #b9b9b9 33%, rgba(255,255,255,0) 0%);background-position:bottom;background-size:4px 1px;background-repeat:repeat-x}
.body_chat .txt_invite {display:inline-block;padding:0 15px;color:#a19f9f;background:#fff}
.body_chat .btn_recent {position:fixed;display:block;bottom:117px;left:10px;width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);padding:4px 7px;border:1px solid #e2e2e2;border-radius:2px;background:rgba(256,256,256,0.9);box-sizing:border-box}
.body_chat .btn_recent .thumb_g {display:inline-block;float:left;width:42px;height:42px}
.body_chat .btn_recent .msg_info {float:left;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);margin:4px 0 0 6px}
.body_chat .btn_recent .desc {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.body_chat .btn_recent .txt_name {color:#b4b6ba}
.body_chat .btn_recent .ico_down {float:right;width:14px;height:14px;margin:12px 5px 0 0;background-position:-240px -30px}
.msg_g{margin-bottom:15px}
.msg_g:after {display:block;clear:both;content:''}
.msg_g .thumb_g {display:block;float:left;width:48px;height:48px;margin-right:10px}
.msg_g .msg_desc {display:inline-block;position:relative;float:left}
.msg_g .msg_desc .menu_layer {display:none;position:absolute;top:0;width:120px}
.msg_g .msg_desc.active .menu_layer {display:block}
.msg_g .msg_info {margin-bottom:4px}
.msg_g .txt_time {font-size:11px;color:#b1b1b1}
.msg_g .msg_bubble {display:inline-block;padding:10px 13px;border-radius:3px;text-align:left}
.msg_g .link_file {display:block;position:relative;padding-left:45px}
.msg_g .link_file .icon {display:block;position:absolute;top:0;left:0;width:35px;height:35px;border-radius:50%;text-align:center}
.msg_g .link_file .ico_file {width:18px;height:19px;margin-top:8px;background-position:-140px -50px}
.msg_g .link_file .file_name {display:block;padding-top:4px;font-size:11px;color:#4d5363;font-weight:normal}
.msg_g .link_file .file_size {display:block;font-size:11px;color:#a0a4ae}
.msg_g .msg_img img {max-width:170px;max-height:300px}
.msg_g .msg_img .save_list {overflow:hidden;margin-top:6px;font-size:11px}
.msg_g .msg_img .save_list li {float:left}
.msg_g .msg_img .save_list li:before {display:inline-block;padding:0 9px;content:'l'}
.msg_g .msg_img .save_list li:first-child:before {display:none}
.msg_g .file_status {overflow:hidden;margin-top:6px}
.msg_g .file_status .txt_status {float:left;font-size:11px}
.msg_g .file_status .btn_cancel {display:block;float:left;padding:3px;line-height:9px}
.msg_g .file_status .ico_cancel {width:9px;height:9px;font-size:0;line-height:0;background-position:-180px -30px}
.msg_g .progress_bar {overflow:hidden;float:left;width:55px;height:3px;margin:6px 3px 0 5px;border-radius:4px;background:#dee6eb}
.msg_g .progress_bar .ui-widget-header {height:3px;background:#74d6ff}
.msg_from {padding-left:5px}
.msg_from .msg_desc {max-width:-webkit-calc(100% - 108px);max-width:-moz-calc(100% - 108px);max-width:calc(100% - 108px)}
.msg_from .txt_time {margin-left:14px}
.msg_from .msg_bubble {position:relative;background:#e8f8ff}
.msg_from .msg_bubble:before {display:block;position:absolute;top:7px;left:-7px;width:0;height:0;border-bottom:9px solid transparent;border-right:7px solid #e8f8ff;content:''}
.msg_from .link_file .icon {background:#97dcfb}
.msg_to {text-align:right}
.msg_to .msg_desc {position:relative;float:right;max-width:-webkit-calc(100% - 50px);max-width:-moz-calc(100% - 50px);max-width:calc(100% - 50px);padding-right:7px}
.msg_to .msg_bubble {position:relative;background:#fff8c7}
.msg_to .msg_bubble:before {display:block;position:absolute;top:7px;right:-7px;width:0;height:0;border-bottom:9px solid transparent;border-left:7px solid #fff8c7;content:''}
.msg_to .link_file .icon {background:#c7bc6c}
.msg_to .txt_count {width:30px;position:absolute;bottom:0;left:-37px;font-family:'Tahoma';font-size:10px;color:#ff6b3d;text-align:right}
.foot_chat {position:fixed;bottom:0;left:0;width:100%;padding:5px 10px 10px;border-top:1px solid #e5e7e9;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:15}
.foot_chat .attach_list {overflow:hidden;margin-bottom:5px}
.foot_chat .attach_list li {float:left;margin-left:10px}
.foot_chat .attach_list li:first-child {margin-left:0}
.foot_chat .attach_list input[type="file"] {display:none}
.foot_chat .attach_list .link_attach {display:block;width:30px;height:30px;text-align:center}
.foot_chat .ico_emoticon {width:21px;height:21px;margin-top:5px;background-position:-60px -50px}
.foot_chat .ico_photo {width:22px;height:16px;margin-top:7px;background-position:-90px -50px}
.foot_chat .ico_file {width:18px;height:19px;margin-top:5px;background-position:-120px -50px}
.foot_chat .chat_inp {overflow:hidden}
.foot_chat textarea {float:left;width:-webkit-calc(100% - 65px);width:-moz-calc(100% - 65px);width:calc(100% - 65px);padding:2px 0 0px 5px;border:none}
.foot_chat .btn_submit {float:right;width:60px;height:55px;border:1px solid #6e6e6e;font-size:12px;line-height:55px;background:#7d7d7d}
.foot_chat .btn_submit.on {border:1px solid #d86804;background:#f67604}
/* 포토뷰어 */
.viewer_g {height:100%;background:#2c3039}
.viewer_g .viewer_head {overflow:hidden;height:31px;background:#3c404c}
.viewer_g .btn_close {display:block;position:absolute;top:0;right:0;padding:10px 12px;line-height:10px}
.viewer_g .ico_close {width:10px;height:10px;background-position:-160px -30px;vertical-align:top}
.viewer_g .viewer_tit {display:block;padding-top:6px;font-size:12px;color:#fff;font-weight:normal;text-align:center}
.viewer_g .viewer_tit h2 {display:inline-block;font-size:12px;color:#fff;font-weight:normal}
.viewer_g .txt_page, .viewer_g .txt_page em {font-weight:bold}
.viewer_g .viewer_cont {overflow:hidden;position:relative;width:100%;height:-webkit-calc(100% - 102px);height:-moz-calc(100% - 102px);height:calc(100% - 102px);border-bottom:1px solid #363a42;text-align:center}
.viewer_g .viewer_cont .box_inner {overflow:hidden;position:relative;width:100%;height:100%;}
.viewer_g .viewer_cont .box_img {position:relative;height:100%;overflow:hidden;text-align:center}
.img_viewer{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}
.img_viewer.on{margin:auto;left:50%;max-width:inherit;max-height:inherit}
.viewer_g .viewer_navi a {position:absolute;top:-webkit-calc(50% - 21px);top:-moz-calc(50% - 21px);top:calc(50% - 21px);padding:5px;z-index:50}
.viewer_g .viewer_navi .btn_prev {left:10px}
.viewer_g .viewer_navi .btn_next {right:10px}
.viewer_g .viewer_navi .ico_prev {width:16px;height:27px;background-position:0 -110px}
.viewer_g .viewer_navi .ico_next {width:16px;height:27px;background-position:-20px -110px}
.viewer_g .viewer_footer {overflow:hidden;padding:20px}
.viewer_g .viewer_zoom {overflow:hidden;position:relative;float:left}
.viewer_g .viewer_zoom button{float:left;position:relative;z-index:2;width:30px}
.viewer_g .viewer_zoom button.disabled{z-index:1}
.viewer_g .viewer_zoom .btn_out {margin-right:-1px}
.viewer_g .viewer_zoom .ico_comm {width:30px;height:30px;vertical-align:top}
.viewer_g .viewer_zoom .btn_out .ico_comm {background-position:-110px -110px}
.viewer_g .viewer_zoom .btn_out.disabled .ico_comm {width:30px;background-position:-40px -110px}
.viewer_g .viewer_zoom .btn_zoom .ico_comm {background-position:-69px -110px}
.viewer_g .viewer_zoom .btn_zoom.disabled .ico_comm {background-position:-140px -110px}
.viewer_g .viewer_footer .btn_g2 {float:right;width:67px;height:30px;font-size:12px;line-height:30px}
.viewer_g .viewer_cont .active .menu_layer {display:block}
.viewer_g .menu_layer {display:none;position:absolute;width:120px}

/*** 조직도 ***/
/* 조직도 리스트 */
.medisay_member{position:relative}
.medisay_member .btn_treeopen{position:absolute;top:10px;right:10px;width:47px;height:23px;line-height:23px;font-size:12px;—webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.search_g + .member .member_list_tit{border-top:0}
.member{position:relative}
.member .member_list_tit{background-color:#f3f7fa;border-top:1px solid #ececec;font-weight:bold;}
.member .member_list_tit .tit_info{padding:7px 10px;font-size:11px;color:#959aa2;vertical-align:middle}
.member .member_list_tit .chk_g2{display:inline-block;width:28px;vertical-align:middle}
.member .member_item{width:100%}
.member .member_item .chat_g{padding:10px;cursor:pointer}
.member .member_item .chat_thumb{width:46px}
.member .member_item .chat_info{padding-left:10px;vertical-align:middle}
.member .member_item{position:relative}
.member .member_item .menu_layer{display:none;position:absolute;top:50%;right:25px;width:120px}
.member .member_item.active .menu_layer{display:block}
.member .member_item .chat_tip{width:125px;vertical-align:middle}
.member .member_item .txt_box{display:block;position:relative;min-width:84px;padding:8px;background-color:#e8f8ff;color:#29b5f0;—webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.member .txt_box:after{display:block;position:absolute;top:50%;left:-5px;width:12px;height:10px;margin-top:-6px;content:'';background-color:#e8f8ff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

/*** 팝업 ***/
/* 조직도 */
.pop_tree{min-width:543px}
.pop_tree .pop_cont{overflow:hidden;height:533px;}
.pop_tree .list{float:right;width:66%;height:100%;background-color:#fff}
.pop_tree .member {height:100%;}
.pop_tree .member_list{position:relative;width:100%;overflow-y:auto;height:-webkit-calc(100% - 41px);height:-moz-calc(100% - 41px);height:calc(100% - 41px)}
.pop_tree .tree{float:left;width:34%;height:100%;background-color:#fff;border-right:1px solid #dde3e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pop_tree .tree .btn_tree{display:block;padding:14px 15px;border-bottom:1px solid #ececec;color:#666666;line-height:1}
.pop_tree .tree .item.btn_tree{padding:14px 15px;background-color:#f9f7e9;font-weight:bold}
.pop_tree .tree .item.btn_tree strong{font-weight:bold}
.pop_tree .tree .team_tree{overflow:hidden;position:relative;height:451px}
.pop_tree .tree .team_tree > ul{height:100%}
.pop_tree .tree .team_tree .has_child{padding-left:15px}
.pop_tree .tree .depth01{height:100%}
.pop_tree .tree .depth02{display:none;overflow-y:auto;height:calc(100% - 49px);padding:5px 0 0 10px}
.pop_tree .tree .depth02 ul{display:none;padding-bottom:5px}
.pop_tree .tree .item{padding:5px 0;cursor:pointer}
.pop_tree .tree .item strong{font-weight:normal}
.pop_tree .tree .item .ico_folder{position:relative;display:inline-block;width:13px;height:13px;margin-right:5px;border:1px solid #f9c754;background-color:#ffe28d;font-size:0;line-height:0;text-indent:-9999px;vertical-align:middle}
.pop_tree .tree .ico_folder:after{display:block;position:absolute;top:6px;left:3px;content:'';width:7px;height:1px;background-color:#aa7b30}
.pop_tree .tree .ico_folder:before{display:block;position:absolute;top:3px;left:6px;content:'';width:1px;height:7px;background-color:#aa7b30}
.pop_tree .tree .item .ico_folder.ico_none:after{top:5px;left:5px;width:3px;height:3px;border-radius:50%}
.pop_tree .tree .item .ico_folder.ico_none:before{display:none}
.pop_tree .tree .is-opened+ul{display:block}
.pop_tree .tree .is-opened .ico_folder:before{display:none}
.pop_tree .tree .is-selected strong{font-weight:bold; color:#ff703a}
/* 채팅 */
.pop_chat .member_list{height:-webkit-calc(100% - 190px);height:-moz-calc(100% - 190px);height:calc(100% - 190px)}
.pop_chat {min-height:639px;}
.pop_chat .wrap_btn {padding-top:15px;border-top:1px solid #ececec}
.pop_chat .wrap_btn .btn_g1, .pop_chat .wrap_btn .btn_g2 {width:67px;height:30px;line-height:30px;font-size:12px;}
.pop_chat .member_item .chk_g2{display:table-cell;width:33px;vertical-align:middle}
.pop_chat .member_select {padding:5px 10px 10px;}
.pop_chat .member_select .add_member {display:inline-block;margin:5px 1px 0 0;padding:6px 7px 4px;background-color:#4bcbd8;color:#fff;border-radius:14px;}
.pop_chat .member_select .add_member.add_gray {background-color:#a9a9a9;}
.pop_chat .member_select .name {display:inline-block;min-width:48px;}
.pop_chat .member_select .ico_del {width:9px;height:9px;background-position:-200px -30px}
/* 채팅 멤버보기 */
.pop_chat_member {min-width:360px;}
.pop_chat_member .pop_cont{height:576px;}
.pop_chat_member .member_top {height:157px;padding:34px 50px 29px;text-align:center;}
.pop_chat_member .member_top .thumb_many {width:93px;height:93px;margin:0 auto;}
.pop_chat_member .member_top .name {width:100%;margin:11px 0;}
.pop_chat_member .member_list {height:-webkit-calc(100% - 250px);height:-moz-calc(100% - 250px);height:calc(100% - 250px)}
/* 이모티콘 레이어 */
.emoticon_menu {border:1px solid #e0e0e0;border-width:1px 0}
.emoticon_menu > ul {overflow-x:hidden;overflow-y:auto;max-height:76px;padding:4px 10px;background:#efefef}
.emoticon_menu > ul > li {float:left;padding:4px 5px}
.emoticon_menu > ul > li.on a:before {display:block;position:absolute;top:0;left:0;width:30px;height:30px;border:1px dashed #686868;background:rgba(140,140,140,.5);content:''}
.emoticon_menu a {display:block;position:relative}
.emoticon_menu > ul > li img {width:32px;height:32px}
.emoticon_item {display:none;overflow-x:hidden;overflow-y:auto;padding:12px;height:214px}
.emoticon_list li {float:left;padding:6px}

/* 로그인 */
html[data-type=login], html[data-type=login] body{height: 100%;}
.ovh {overflow-y: auto;}

/* Ico */
.login_area .brand,
.chk_area .chk:before,
.modal_close,
.modal .brand,
.modal .company {background: url(../images/ico_comm.png) no-repeat}

/* Text Hidden */
.login_area .brand,
.modal_close,
.modal .brand,
.modal .company {text-indent: -9999px; font-size: 0;}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	  -webkit-text-fill-color: #c8ccd0;
	  transition: background-color 5000s ease-in-out 0s;
}

/* login */
.login_area {height: 100%; background: url(../images/login/bg_login.jpg) no-repeat 0 0; background-size: cover; text-align: center; letter-spacing: -1px; position: relative;}
.login_form {position: absolute; top: 50%; left: 0; margin-top: -212px; width: calc(100% - 78px); padding: 0 39px;}
.login_area .brand {margin-bottom: 70px; display: inline-block; width: 126px; height: 55px; background-position: 0 -150px;}
.login_area input[type=text],
.login_area input[type=password] {width: 100%; height: 50px; padding: 0 18px; line-height: 50px; border: 0; font-size: 15px; color: #4d5363;}
.login_area input:-webkit-input-placeholder,.login_area input:-moz-input-placeholder,.login_area input:-ms-input-placeholder,.login_area input:-o-input-placeholder {color: #c8ccd0;}
.login_area input[type=text] {border-bottom: 1px solid #e9e9e9;}
.login_area input[type=password] {margin-bottom: 10px;}
.btn_login {display: inline-block; width: 100%; height: 50px; line-height: 50px; font-size: 17px; font-weight: bold; color: #fff; background: #f67604 url(../images/bg_btn_orange.png) no-repeat; border-radius: 2px;}
.login_form .chk_g {text-align: left; margin-bottom: 23px; font-size: 14px; color: #fff;}
.login_form .chk_g:after {content:""; clear: both; display: block;}
.login_form .chk_g label {margin-right: 30px;}
.find_info {padding-top: 77px;}
.find_info a {font-size: 12px; color: #fff; text-decoration: underline;}

/* modal layer */
.modal_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 995;}
.modal {display: none; position: fixed; top: 50%; left: 50%; min-width: 220px; z-index: 999;}
.modal_content {border: 1px solid #cdd1d6; background: #fff; position: relative; text-align: center;}
.modal_close {position: absolute; top: 18px; right: 18px; display: inline-block; width: 14px; height: 14px; background-position: -140px -30px;}
.modal .modal_head {padding-top: 58px; margin-bottom: 25px;}
.modal .modal_foot {clear: both; margin-bottom: 25px;}
.modal .brand {display: inline-block; width: 76px; height: 33px; background-position: -130px -170px; margin-bottom: 0;}
.modal p {font-size: 14px; line-height: 26px; color: #4d5363; padding: 0 25px;}
.modal .ver {display: block; font-size: 11px; font-weight: bold; line-height: 16px; margin-bottom: 28px;}
.modal .company {display: inline-block; width: 56px; height: 12px; background-position: -130px -150px;}
.modal .wrap_btn {margin-bottom: 30px;}
.type_layer .modal_head {height:48px;line-height:48px;font-size:15px;color:#4d5363;border-bottom:2px solid #e9e9e9;padding-top: 0;}
.type_layer .modal_body {padding:40px 0 35px;font-size:12px;color:#4d5363;}
.type_layer .modal_body p {font-size:12px;line-height:26px;padding:0 25px;margin-bottom:22px;}

.login_area {height: 100%; position: relative;}
.lock_area {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -227px; text-align: center; letter-spacing: -1px;}
.lock_area .mem {font-size: 14px; color: #4d5363; margin-bottom: 35px;}
.lock_area .thumb_g {width: 93px; height: 93px; margin: 0 auto 10px;}
.lock_area .confirm {padding: 0 39px; margin-bottom: 90px;}
.lock_area .confirm input[type=password] {width: 100%; height: 49px; line-height: 49px; border: 1px solid #d8dbdf; color: #74d6ff; margin-bottom: 10px;}
.lock_area input:-webkit-input-placeholder,.lock_area input:-moz-input-placeholder,.lock_area input:-ms-input-placeholder,.lock_area input:-o-input-placeholder {color: #c8ccd0;}
.lock_area .btn_clear_lock {display: block; height: 49px; line-height: 49px; background: #dcdcdc; border-radius: 3px; font-size: 16px; font-weight: bold; color: #4d5363; margin-bottom: 48px;}
.lock_area input:focus+.btn_clear_lock {color: #08a3e4; background-color: #c1ecff;}
.lock_area .find_pw {font-size: 12px; color: #4d5363; text-decoration: underline;}
.lock_area .btn_logout {display: inline-block; width: 100px; height: 29px; line-height: 29px; border: 1px solid #dedfe2; font-size: 13px; color: #4d5363;}

/*소셜 목록*/
.social_area{
	min-width:358px;
	position:relative;
}
.social_area .list_box .title{	width: 100%; margin:10px 0px;	color:#4d5363; }
.social_area .list_box .title em{font-weight:bold; color:#ff703a;}
.social_area .list_box .title:after{content:''; display:block; clear:both;}
.social_area .list_box .title .main_title{
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height:26px;
	font-size:14px;
	margin-left:12px;
}
.social_area .list_box .title .sub_title{
	height: 18px;
	padding: 4px 7px;
	border: 1px solid #c5cdd5;
	border-radius: 15px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana,dotum,"돋움",sans-serif;
	font-weight:normal;
	margin-right:4px;
}


.social_area .list{min-width:360px; width:100%; margin:0 auto;}
.social_area .list:after{content:''; display:block; clear:both;}
.social_area .list li {
	 position:relative;
	 margin:0px 7px 9px 7px;
	 width:156px;
	 height:188px;
	 float:left;
	 border:1px solid #e2e1e1;
	border-radius:3px;
	}



.social_area .list li.Empty_area {
	border:1px dashed #e2e1e1;
	border-radius:3px;
	}
.social_area .list li.Empty_area .li-txt{
	height:188px;
	line-height:20px;
	color:#a2a4a7;
	text-align: justify;
	padding-top:40px;
}
.social_area .list li.Empty_area .li-txt:after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	font-size:60px;
	background:url(../images/more_icon.png) no-repeat;
	width:48px;
	height:48px;
	margin-left:-24px;
	margin-top:-58px;

}
.social_area .li-img {position:relative; width: 100%; height:auto; padding-right: 1em;}
.social_area .li-img .num_alim{position:absolute; top:9px; left:9px;}
.social_area .li-img img {display: block; width: 100%; height: auto;}
.social_area .li-txt {
	height:60px;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size:12px;
	color:#4d5363;
	font-weight:bold;
	line-height:14px;
	text-align:center;
}

.li-img a.active .favorites{
	background:url(../images/ico_comm.png) no-repeat -90px -80px;
}


.social_area .pattern .list li:hover{}
.social_area .pattern .list li .hover_text{
	display:block;
	background:rgba(000, 000, 000, 0.7);
	border-radius: 3px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.social_area .pattern .list li .hover_text h2{
	color: #fff;
	text-align: center;
	padding: 60px 0px 15px;
}
.social_area .pattern .list li .hover_text .btn_g1,
.social_area .pattern .list li .hover_text .btn_g2{
	width:67px;
}

.favorites{
position:absolute;
bottom:6px;
right:15px;
background:url(../images/ico_comm.png) no-repeat -60px -80px;
width:28px;
height:28px;
}
/*소셜리스트*/
.social_medisay {position:relative}
.social_medisay .chat_g{padding: 9px 10px 0px;}
.social_medisay .no_list {padding:140px 0;text-align:center}
.social_medisay .no_list .txt_desc {display:block;margin-top:30px;font-size:14px;color:#4d5363}
.social_medisay .social_list .chat_thumb{width:45px;height:45px}
.social_medisay .social_list .chat_thumb > div{width:40px;height:40px}
.social_medisay .social_list .chat_info{width:-webkit-calc(100% - 190px); width:-moz-calc(100% - 190px);width:calc(100% - 190px);padding:10px 0px 10px 10px; border-bottom:1px dotted #c6c6c6; }
.social_medisay .social_list .chat_tit .txt_name {max-width:calc(100% - 60px)}
.social_medisay .social_list .chat_tit .txt_ellipsis{font-size:11px; font-weight:normal; color:#679ddf;}
.social_medisay .social_list .ico_alim {width:14px;height:15px;margin-left:8px;background-position:-40px -90px;vertical-align:top}
.social_medisay .social_list .chat_tip{width:50px;text-align:right; padding-top:10px;  border-bottom:1px dotted #c6c6c6}
.social_medisay .social_list .num_alim {margin-top:18px}
.social_medisay .social_list .txt_desc{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px}
.social_medisay .social_item {position:relative }
.social_medisay .social_item .menu_layer {display:none;position:absolute;top:50%;right:25px;width:120px}
.social_medisay .social_item.active .menu_layer {display:block}
.social_medisay .btn_add {display:inline-block;position:fixed;bottom:25px;right:12px;width:50px;height:50px;border-radius:50%;background:#ff6b3d;z-index:100}
.social_medisay .btn_add:before{display:block;content:'';position:absolute;top:24px;left:17px;width:16px;height:2px;background:#fff}
.social_medisay .btn_add:after{display:block;content:'';position:absolute;top:17px;left:24px;width:2px;height:16px;background:#fff}
/*내 정보 프로필사진*/
.info_photo {position:relative; background-color:#3c404c;}
.info_photo .title{position:relative; background:#424754; padding:13px 0px; }
.info_photo .title h1{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	}
.info_photo .title .close{
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
   background: url(../images/ico_comm.png) no-repeat;
   background-position: -160px -30px;
}
.myinfo_body{
	background:#2c3039
}
.myinfo_body .thumb_g{
	width:340px;
	height:340px;
	margin:0 auto;
	overflow: visible;
}
.info_footer .btn{ padding:20px 20px; height:30px; background:#2c3039; border-top:1px solid #363a42; }
.info_footer .btn:after{content:''; clear:both;}
.info_footer .btn  ul li span{text-indent: -9999px;}
.info_footer .btn .delete{
	display:inline-block;
	width:29px;
	height:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -40px -110px;
}
.info_footer .btn .delete:hover{
	width:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -110px -110px;
}
.info_footer .btn .add{
	display:inline-block;
	width:30px;
	height:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -140px -110px;
}
.info_footer .btn .add:hover{
	width:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -69px -110px;
}
/*설정 리스트*/
.setup_area {position:relative}
.setup_area .setup_b{padding: 20px 22px 20px 22px; border-bottom:1px solid #cdcdcd; background:#fbfcfd; display:table;width:100%;table-layout:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.setup_area .setup_b .chat_thumb{display:table-cell;vertical-align:middle}
.setup_area .setup_b .chat_info{display:table-cell;vertical-align:top}
.setup_area .setup_b .chat_info .chat_tit {display:block;margin-bottom:2px;font-size:12px;font-weight:bold;color:#4d5363}
.setup_area .setup_b .chat_info .txt_desc{font-size:11px;color:#a1a0a0}
.setup_area .setup_list .chat_thumb{width:45px;height:45px}
.setup_area .setup_list .chat_thumb > div{width:40px;height:40px}
.setup_area .setup_list .chat_info{width:-webkit-calc(100% - 190px); width:-moz-calc(100% - 190px);width:calc(100% - 190px);padding:10px 0px 10px 10px; }
.setup_area .setup_list ul{padding:0px 0px 0px 22px;}
.setup_area .setup_list ul li{border-bottom:1px solid #ececec; line-height:52px;}
.setup_area .setup_list ul li a{font-size:12px; font-weight:bold; color:#4d5363; display: inline-block; text-decoration: none; width: 100%;}
/*설정 내정보관리*/
.setup_section {position:relative;}
.setup_section .title{position:relative; padding:13px 0px; background:#fbfcfd; border-bottom:1px solid #ececec;}
.setup_section .title h1{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	}
.setup_section .title .close{
	position: absolute;
	top: 18px;
	right: 18px;
	display: inline-block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
   background: url(../images/ico_comm.png) no-repeat;
   background-position: -140px -30px;
}
.setup_body{
	margin:30px 0px;
}
.setup_body .thumb_g{
	position:relative;
	width:94px;
	height:94px;
	margin:0 auto;
}
.setup_body .thumb_g .photo{
	position:absolute;
	width:22px;
	height:22px;
	right: 10%;
	bottom: 5%;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -170px -50px;
	text-indent:-9999px;
}
.setup_body .txt{
	padding:20px 20px;
}
/*설정 프로필사진 편집*/
.profile_photo {position:relative; background-color:#3c404c;}
.profile_photo .title{position:relative; padding:13px 0px; }
.profile_photo .title h1{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	}
.profile_photo .title .close{
	position: absolute;
	top: 18px;
	right: 18px;
	display: inline-block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
   background: url(../images/ico_comm.png) no-repeat;
   background-position: -140px -30px;
}
.photo_body{
	background:#2c3039
}
.photo_body .thumb_g{
	width:240px;
	height:240px;
	margin:0 auto;
}
.photo_footer .btn{ padding:20px 20px; height:30px; background:#2c3039; border-top:1px solid #363a42; }
.photo_footer .btn:after{content:''; clear:both;}
.photo_footer .btn  ul li span{text-indent: -9999px;}
.photo_footer .btn .delete{
	display:inline-block;
	width:29px;
	height:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -40px -110px;
}
.photo_footer .btn .delete:hover{
	width:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -110px -110px;
}
.photo_footer .btn .add{
	display:inline-block;
	width:30px;
	height:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -140px -110px;
}
.photo_footer .btn .add:hover{
	width:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -69px -110px;
}
.photo_footer .btn .revert{
	display:inline-block;
	width:30px;
	height:30px;
	background: url(../images/ico_comm.png) no-repeat;
	background-position: -180px -110px;
}
.profile_photo .wrap_btn{
	padding:20px 0px;
}
/*설정- 설정*/
.setup_setting {position:relative;}
.setup_setting .title{position:relative; padding:13px 0px; background:#fbfcfd; border-bottom:1px solid #ececec;}
.setup_setting .title h1{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	}
.setup_setting .title .close{
	position: absolute;
	top: 18px;
	right: 18px;
	display: inline-block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
   background: url(../images/ico_comm.png) no-repeat;
   background-position: -140px -30px;
}
.setup_body{padding-left:20px;}
.setup_body .section{border-bottom:1px solid #ececec; }
.setup_body label{font-size:12px; color:#4d5363;}
.setup_body select {
	position:relative;
	padding: .5em 4.5em .5em .5em;
	background: url(../images/setup/from_arrow.gif) no-repeat 95% 50%;
	border: 1px solid #999;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.setup_body table tr th{text-align:left; padding:10px 0px;}
.setup_body table tr td{font-size:11px; color:#4d5363; font-weight:normal; padding:5px 0px;}

/*본인확인 및 인증*/
.terms_area {height: 598px; font-family: 'Nanum Gothic', sans-serif; text-align:center;}
.terms_area input,.terms_area button{font-family: 'Nanum Gothic', sans-serif; font-size:14px;}
.terms_area .notice_title{ font-size:15px; color:#4d5363; font-weight:bold; padding:18px 0px; border-bottom:2px solid #e9e9e9;}
.terms_area .notice{padding:20px 0px; font-size:12px; line-height:26px;}
.terms_area .header_top .terms_title{margin:15px 0px; font-size:16px; color:#4d5363; font-weight:bold; -webkit-app-region: drag;}
.terms_area .header_top .terms_bul ul{overflow:hidden; width:40px; margin:0 auto;}
.terms_area .header_top .terms_bul ul li{float:left; padding-left:6px;}
.terms_area .header_top .terms_bul ul li:first-child{padding-left:0px;}
.terms_area .header_bottom .terms_sub_title{padding:30px 0px 40px 0px; border-bottom:1px solid #e9e9e9;  line-height:26px; font-size:22px; color:#4d5363; font-weight:bold; }
.terms_area .header_bottom .terms_sub_title span{margin-top:10px; display:block; font-weight:normal; font-size:12px;}
.terms_area .container{border-bottom:1px solid #e9e9e9;}
.terms_area .container .btn_wrap{position:relative; padding:40px 0px; }
.terms_area .container .btn_wrap .time{position:absolute; top:43%; left:50%;}
.terms_area .container .btn_wrap input{height:50px; width:190px;  border-radius:5px;}
.terms_area .container .btn_wrap button{width:88px; padding:15px 15px; background-color: #2265db; border-radius:5px; color:#fff; font-weight:bold;}
.terms_area .container .btn_wrap button.bg_type02{background:#e8edf2; color:#4d5363;}
.terms_area .footer{position: absolute; bottom: 20px; left: 0; width: 100%;}
.terms_area .footer .wrap_btn{width: 100%;}
.terms_area .footer .wrap_btn a.Inactive{color:#fff;}
/*.terms_area .footer .wrap_btn a.Inactive:hover{color:#fff;}*/
.terms_area .footer .wrap_btn a{line-height:38px;}
.terms_area .alert_txt{color:#ff460d; padding-top:20px;}



.accept_terms {height: 598px; font-family: 'Nanum Gothic', sans-serif; text-align:center; }
.accept_terms .header_top .terms_title{position:relative; margin:15px 0px; font-size:16px; color:#4d5363; font-weight:bold; -webkit-app-region: drag;}
.accept_terms .header_top .terms_title a{position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-180px;}
.accept_terms .header_top .terms_bul ul{overflow:hidden; width:40px; margin:0 auto;}
.accept_terms .header_top .terms_bul ul li{float:left; padding-left:6px;}
.accept_terms .header_top .terms_bul ul li:first-child{padding-left:0px;}
.accept_terms .header_bottom .terms_sub_title{padding:30px 0px 40px 0px; border-bottom:1px solid #e9e9e9;  line-height:26px; font-size:22px; color:#4d5363; font-weight:bold; }
.accept_terms .header_bottom .terms_sub_title span{line-height:18px; margin-top:10px; display:block; font-weight:normal; font-size:12px;}
.accept_terms .footer{position: absolute; bottom: 20px; left: 0; width: 100%;}
.accept_terms .footer .wrap_btn{width: 100%;}
#accordionMenu1 {
	width:100%;
}

.accept_terms .acc-menu {
	position: relative;
	list-style: none;
	
}

.accept_terms .acc-menu >li {
	text-align:left;
	overflow: hidden;
	/* border-bottom: 2px solid #e9e9e9; */
	cursor: pointer;
}

.accept_terms .acc-menu li .main-title {
	background:#fff;
	border-bottom:1px solid #e9e9e9;
	/* padding: 15px 30px; */
	vertical-align: middle;
	position: relative;
	z-index: 100;
}
.accept_terms .acc-menu li .main-title .chk_g2{
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -10px;
	z-index: 10;
}
.accept_terms .acc-menu li .main-title a {
	font-weight:bold;
	font-size:14px;
	color:#4d5363;
	display: inline-block;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	padding: 15px 20px 15px 40px;
	width: 100%;
	text-indent: 10px;
	box-sizing: border-box;
	z-index: 2;
	position: relative;
}

.accept_terms .acc-menu li .main-title .folder {
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	text-indent: -100px;
	background-image: url(../images/terms/folder.png);
	top: 50%;
	right: 5%;
	margin-top: -10px;
	z-index: 1;
}
.first .folder{
	background-position: 0 -40px;
}
.first.active .folder{
	background-position: 0 -20px;
}
.second .folder{
	background-position: 0 -40px;
}
.second.active .folder{
	background-position: 0 -20px;
}

.accept_terms .acc-menu li .main-title .folder.empty {
	background-position: 0 0;
}

.accept_terms .acc-menu li .main-title .folder.open {
	/* background-position: 0 -20px; */
	/* background: blue; */
}

.accept_terms .acc-menu li .main-title .folder.close {
	/* background-position: 0 -40px; */
	/* background: red; */
}
.accept_terms .acc-menu li ul.sub.open {
	display: block;
}

.accept_terms .acc-menu li ul.sub.hide {
	display: none;
}

.accept_terms .acc-menu li ul.sub li {
	height:150px;
	vertical-align: middle;
	cursor: pointer;
}
.accept_terms .acc-menu .sub .formWrapper{
clear: both;
overflow: auto;
line-height: 200%;
color: #868686;
padding: 20px 20px;
border-bottom: 1px solid #e9e9e9;
}

.password_set {height: 598px; font-family: 'Nanum Gothic', sans-serif; text-align:center;}
.password_set .header_top .terms_title{position:relative; margin:15px 0px; font-size:16px; color:#4d5363; font-weight:bold; -webkit-app-region: drag;}
.password_set .header_top .terms_title a{position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-180px;}
.password_set .header_top .terms_bul ul{overflow:hidden; width:40px; margin:0 auto;}
.password_set .header_top .terms_bul ul li{float:left; padding-left:6px;}
.password_set .header_top .terms_bul ul li:first-child{padding-left:0px;}
.password_set .header_bottom .terms_sub_title{padding:30px 0px 40px 0px; border-bottom:1px solid #e9e9e9;  line-height:26px; font-size:22px; color:#4d5363; font-weight:bold; }
.password_set .header_bottom .terms_sub_title span{margin-top:10px; display:block; font-weight:normal; font-size:12px; line-height:18px;}
.password_set .container {text-align:center; padding:40px 0px 50px 0px; border-bottom:1px solid #e9e9e9; }
.password_set .container .input_btn{width:280px; border:1px solid #cdd1d6; margin:0 auto;}
.password_set .container .input_btn li input{font-family: 'Nanum Gothic', sans-serif; width:100%; height:50px; border:none; border-bottom:1px solid #e9e9e9;}
.password_set .alert_txt{color:#ff460d; padding-top:20px;}
.password_set .footer{position: absolute; bottom: 20px; left: 0; width: 100%;}
.password_set .footer .wrap_btn{width: 100%;}	

.terms_view .header{position:fixed; width:100%; top:0px; background: #fff; border-bottom: 1px solid #ccc;}
.terms_view .header .pop_head{ height:54px;}
.terms_view .btn_close .ico_close{
		width: 14px;
		height: 14px;
		background-position: -140px -30px;
}
.terms_view .pop_cont{margin-top:54px;}
.terms_view .header .pop_head .pop_tit{font-family: 'Nanum Gothic', sans-serif; text-align:left; font-size:18px; color:#148eff; font-weight:bold; padding:10px 20px; display:block;}
.terms_view .pop_cont .section{
	font-family: 'Nanum Gothic', sans-serif; 	
	padding:20px 25px; border-bottom:1px solid #e9e9e9;
	}
.terms_view .pop_cont .section h2{font-size:14px;}
.terms_view .pop_cont .section p{padding:10px 0px;}

@media screen and (width: 400px) and (height: 600px) {
	.terms_area{border: 1px solid #3d414b;}
	.accept_terms{border: 1px solid #3d414b;}
	.password_set{border: 1px solid #3d414b;}
}