@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,option,blockquote,th,td,input,select,textarea,button,figure,section,article,main,aside,nav,header,footer,figcaption {margin:0;padding:0}
fieldset,img {border:0 none}
img {vertical-align:top}
dl,ul,ol,menu,li {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
input[type="text"],
input[type="password"] {display:inline-block;height:29px;padding:5px 10px 4px;border:1px solid #e3e5e8;box-sizing:border-box;}
input[type="radio"],
input[type="checkbox"],
label {cursor:pointer;}
button {border:0 none;background-color:transparent;cursor:pointer}
textarea {width:100%;height:100%;padding:7px 10px;border:1px solid #dce0e4;border-radius:3px;box-sizing:border-box;resize:none;}
table {table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0}
caption, legend {font-size:0;line-height:0;visibility:hidden}
body {overflow-x:hidden;position:relative;min-width:360px;background-color:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:dotum,"돋움",sans-serif;color:#4d5363}
a {color:#4d5363;text-decoration:none}
a:active,a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
main {display:block}
::-webkit-input-placeholder {color:#c9cdd0;}
::-moz-placeholder {color:#c9cdd0;}
:-ms-input-placeholder {color:#c9cdd0;}
:-moz-placeholder {color:#c9cdd0;}

/* common */
#Index {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden}
.f_l {float:left}
.f_r {float:right}
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.show {display:block}
.hide {display:none}
.clear_g {display:block;overflow:visible;width:auto;clear:both}
.clear_g:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both;}
.ico_comm{display:inline-block;overflow:hidden;background:url(../images/ico_comm.png) no-repeat;text-indent:-9999px;vertical-align:middle}
.num_alim{display:inline-block;height:16px;padding:0 5px;border-radius:8px;font-weight:bold;font-size:10px;font-family:Verdana,dotum,"돋움",sans-serif;background-color:#2265db;color:#fff;text-align:center}
.txt_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 상단 우측메뉴 */
.util_menu{float:right}
.util_menu > li{float:left;position:relative}
.util_menu .btn_util{display:block}
.util_menu .inner_btn{display:block;padding:8px}
.util_menu .ico_comm{height:15px;margin:0 auto;vertical-align:top}
.util_menu .ico_alim{width:14px;background-position:-20px -30px}
.util_menu .ico_menu{width:12px;background-position:-40px -30px}
.util_menu > li:hover .ico_alim{background-position:-20px -50px}
.util_menu > li:hover .ico_menu{background-position:-40px -50px}
.util_menu .active .ico_alim{background-position:0 -30px}
.util_menu .active:hover .ico_alim{background-position:0 -50px}
.util_menu .menu_layer{display:none;position:absolute;top:25px;right:0;width:118px}
.util_menu .active .menu_layer{display:block}
/* 상단 우측메뉴_채팅창일때 */
.util_menu2 > li:hover .ico_alim{background-position:-20px -70px}
.util_menu2 > li:hover .ico_menu{background-position:-40px -70px}
.util_menu2 .active .ico_alim{background-position:0 -90px}
.util_menu2 .active:hover .ico_alim{background-position:0 -70px}
/* 우클릭 메뉴레이어 */
.menu_layer{position:relative;z-index:10;border:1px solid #cdd1d6;background-color:#fff;box-shadow:2px 2px 10px 1px rgba(0,0,0,.15)}
.menu_layer li{border-bottom:1px solid #e8e8e8}
.menu_layer li:last-child{border-bottom:0 none}
.menu_layer .btn_menu{display:block;padding:8px;text-align:center}

/* 상단영역 */
.head_medisay{position:fixed;top:0;left:0;right:0;z-index:200;height:48px;padding-right:65px;background-color:#424754}
.head_medisay .tab_menu{overflow:hidden;padding:14px 0 0 }
.head_medisay .tab_menu li{float:left;position:relative;margin:0 12px}
.head_medisay .tab_menu .btn_tab{display:block}
.head_medisay .tab_menu .ico_comm{height:21px}
.head_medisay .tab_menu .ico_social{width:16px}
.head_medisay .tab_menu .ico_member{width:29px;background-position:-20px 0}
.head_medisay .tab_menu .ico_chat{width:18px;background-position:-60px 0}
.head_medisay .tab_menu .ico_setup{width:24px;background-position:-90px 0}
.head_medisay .tab_menu li:hover .ico_social, .head_medisay .tab_menu .on .ico_social{background-position:-120px 0}
.head_medisay .tab_menu li:hover .ico_member, .head_medisay .tab_menu .on .ico_member{background-position:-140px 0}
.head_medisay .tab_menu li:hover .ico_chat, .head_medisay .tab_menu .on .ico_chat{background-position:-180px 0}
.head_medisay .tab_menu li:hover .ico_setup, .head_medisay .tab_menu .on .ico_setup{background-position:-210px 0}
.head_medisay .num_alim{position:absolute;top:-7px;left:50%;z-index:10;margin-left:3px}
.head_medisay .util_menu{position:absolute;top:0;right:0;padding:9px 5px 0 0}

/* 레이아웃 타입 */
.h_full, .h_full body {height:100%}
.layout_full,.layout_full body{height:100%}
.layout_full body{padding-top:48px;box-sizing:border-box}
.layout_full .cont_medisay{overflow:auto;height:100%}
.layout_search, .layout_search body{height:100%}
.layout_search body{padding-top:88px;box-sizing:border-box}
.layout_search .cont_medisay{overflow:auto;height:100%}
.layout_search .search_g{position:fixed;top:48px;left:0;right:0;z-index:100}

/* 버튼 */
.wrap_btn{text-align:center}
.btn_g1{display:inline-block;width:107px;height:40px;border:1px solid #2265db;font-weight:bold;font-size:14px;line-height:40px;background-color:#fff;color:#2265db;box-sizing:border-box;text-align:center;vertical-align:top}
.btn_g2{display:inline-block;width:107px;height:40px;border:1px solid #2265db;font-weight:bold;font-size:14px;line-height:40px;background-color:#2265db;color:#fff;box-sizing:border-box;text-align:center;vertical-align:top}
.btn_g3{display:inline-block;height:22px;padding:0 7px;border:1px solid #dedfe2;border-radius:2px;font-size:11px;line-height:22px;background-color:#fff;box-sizing:border-box;text-align:center;vertical-align:top}

/* 체크박스 */
.chk_g{position:relative}
.chk_g .inp_g{position:absolute;top:0;left:0;z-index:-1;width:14px;height:14px;border:0 none;opacity:.01}
.chk_g .lab_g{display:inline-block;position:relative;padding-left:30px;font-size:0;line-height:0;vertical-align:top;cursor:pointer}
.chk_g .ico_chk{position:absolute;top:50%;left:0;width:17px;height:17px;margin-top:-10px;border:1px solid #e2e2e2;background-position:100px 100px}
.chk_g .lab_txt{display:block;min-height:19px;font-size:11px;line-height:20px}
.chk_g .inp_g:checked + .lab_g .ico_chk{border-color:#2265db;background-color:#2265db;background-position:-58px -27px}
.chk_g2 .lab_g{min-height:23px;padding-left:0}
.chk_g2 .ico_chk{width:21px;height:21px;margin-top:-12px;border:1px solid #c9c9c9;border-radius:100%;background-color:#fff}
.chk_g2 .inp_g:checked + .lab_g .ico_chk{border-color:#2265db;background-color:#2265db;background-position:-56px -25px}
.chk_g2.chk_gray .inp_g:checked + .lab_g .ico_chk{border-color:#a9a9a9;background-color:#a9a9a9}

/* 썸네일 */
.thumb_g{overflow:hidden;position:relative;width:46px;height:46px;border-radius:100%}
.thumb_g .img_thumb{display:block;width:100%;height:100%}
.thumb_square{overflow:hidden;position:relative;width:36px;height:36px;border-radius:20%}
.thumb_square .img_thumb{display:block;width:100%;height:100%}
/* 썸네일_분할*/
.thumb_many{overflow:hidden;position:relative;width:46px;height:46px;border-radius:100%}
.thumb_many .item_g{overflow:hidden;position:relative}
.thumb_many .img_thumb{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.thumb_many2:after{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#fff;content:""}
.thumb_many2 .item_g{position:absolute;top:0;left:0;width:50%;height:100%}
.thumb_many2 .item_g:nth-child(2){left:auto;right:0}
.thumb_many2 .img_thumb{width:200%;margin-left:-50%}
.thumb_many3:before{position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;background-color:#fff;content:""}
.thumb_many3:after{position:absolute;top:50%;left:50%;z-index:1;width:1px;height:50%;background-color:#fff;content:""}
.thumb_many3 .item_g{position:absolute;top:0;width:50%;height:50%}
.thumb_many3 .item_g:nth-child(1){top:0;left:0;width:100%}
.thumb_many3 .item_g:nth-child(2){top:50%;left:0;}
.thumb_many3 .item_g:nth-child(3){top:50%;right:0}
.thumb_many3 .img_thumb{height:auto}
.thumb_many4:before{position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;background-color:#fff;content:""}
.thumb_many4:after{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#fff;content:""}
.thumb_many4 .item_g{position:absolute;width:50%;height:50%}
.thumb_many4 .item_g:nth-child(1){top:0;left:0;}
.thumb_many4 .item_g:nth-child(2){right:0}
.thumb_many4 .item_g:nth-child(3){bottom:0;left:auto}
.thumb_many4 .item_g:nth-child(4){bottom:0;right:0}

/* 채팅 목록_공통 */
.chat_g{display:table;width:100%;padding:9px 10px 9px;table-layout:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.chat_g:hover, .chat_g:focus{background:#f9f7e9}
.chat_g .chat_thumb{display:table-cell;vertical-align:middle}
.chat_g .chat_info{display:table-cell;vertical-align:top}
.chat_g .chat_info .chat_tit {display:block;margin-bottom:2px;font-size:12px;font-weight:bold;color:#4d5363}
.chat_g .chat_info .txt_num{display:inline-block;vertical-align:top}
.chat_g .chat_info .txt_name{display:inline-block;vertical-align:top}
.chat_g .chat_info .txt_desc{font-size:11px;color:#a1a0a0}
.chat_g .chat_tip{display:table-cell;position:relative;vertical-align:top}
.chat_g .txt_time{display:block;font-size:11px;text-align:right;color:#b1b1b1}

/* 채팅_검색 */
.search_g{position:relative;height:41px}
.search_g input[type="search"]{padding:11px 15px 11px 34px;width:100%;min-height:18px;border:0;border-bottom:1px solid #f1f2f5;font-size:12px;color:#4d5363;background:#fff}
.search_g input[type="search"]::-webkit-input-placeholder{color:#a7a9b4}
.search_g .ico_search{position:absolute;top:12px;left:11px;width:16px;height:16px;background-position:-100px -30px}

/* alert layer */
.alert_layer {display:none;position:fixed;top:50%;left:50%;z-index:900;background:#fff;border:1px solid #cdd1d6;text-align:center;}
.alert_layer .layer_head {height:48px;line-height:48px;font-size:15px;color:#4d5363;border-bottom:2px solid #e9e9e9;}
.alert_layer .layer_body {padding:40px 0 35px;font-size:12px;color:#4d5363;}
.alert_layer .layer_body p {font-size:12px;line-height:26px;padding:0 25px;margin-bottom:22px;}

/* 팝업 */
.popup_g {position:relative;width:100%;height:100%;border:1px solid #acacac;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.popup_g .pop_head {height:39px;background-color:#fbfcfd;border-bottom:1px solid #ececec;text-align:center;}
.popup_g .pop_head .pop_tit {display:inline-block;padding-top:11px;font-size:12px;font-weight:normal}
.popup_g .pop_head .pop_tit .txt_num {font-weight:bold;}
.popup_g .pop_cont {height:-webkit-calc(100% - 40px);height:-moz-calc(100% - 40px);height:calc(100% - 40px);}
.popup_g .btn_close {display:block;position:absolute;top:0;right:0;padding:10px 14px 10px 10px;}
.popup_g .btn_close .ico_close {width:10px;height:10px;background-position:-180px -30px;}

/* dimmed */
body.pop_open .dimmed {display:block;}
.dimmed{display:none;position:fixed;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%;background-color:rgba(0, 0, 0,0.7);z-index:100}

/* 팝업_내정보,프로필 */
.profile_g{width:230px;margin:0 auto;padding:0 35px 40px;text-align:center}
.profile_g .wrap_thumb{position:relative;margin-top:-20px}
.profile_g .thumb_g{width:93px;height:93px;margin:50px auto 0}
.profile_g .link_thumb{display:block}
.profile_g .wrap_thumb .btn_setup{position:absolute;bottom:3px;left:50%;margin-left:21px}
.profile_g .wrap_thumb .ico_setup{width:22px;height:22px;background-position:-170px -50px}
.profile_g .wrap_thumb input[type="file"]{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0}
.profile_g .thumb_many{width:93px;height:93px;margin:30px auto 0}
.profile_g .wrap_tit{display:inline-block;padding:9px 0 6px}
.profile_g .tit_name{float:left;max-width:184px;overflow:hidden;font-size:18px;color:#4d5363;text-overflow:ellipsis;white-space:nowrap}
.profile_g .btn_myinfo{float:left;margin:6px -57px 0 8px;font-size:11px;color:#a1b0bf}
.profile_g .btn_myinfo .ico_comm{width:12px;height:12px;margin:1px 4px 0 0;background-position:-210px -80px;vertical-align:top}
.profile_g .btn_favorite{float:left;}
.profile_g .btn_favorite .ico_comm{width:28px;height:28px;margin:-2px -40px 0 8px;background-position:-60px -80px}
.profile_g .btn_favorite.on .ico_comm{background-position:-90px -80px}
.profile_g .txt_info{overflow:hidden;padding-bottom:23px;color:#b4b6bb;text-overflow:ellipsis;white-space:nowrap}
.profile_g .emph_info{font-weight:bold;color:#29b5f0}
.profile_g .box_contact{overflow:hidden;margin:30px auto;padding:10px 0 8px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#636c85;text-align:left}
.profile_g .txt_contact{float:left;}
.profile_g .txt_contact:nth-child(2){float:right}
.profile_g .txt_contact .ico_comm{width:12px;height:14px;margin-right:9px;vertical-align:top}
.profile_g .txt_contact .ico_tel{margin-top:3px;background-position:-150px -80px}
.profile_g .txt_contact .ico_phone{margin-top:2px;background-position:-190px -80px}
.profile_g .txt_contact .ico_mail{margin-top:5px;background-position:-170px -80px}
.profile_g .wrap_textarea{position:relative;height:70px;margin:20px 0 30px;}
.profile_g .txt_count{position:absolute;bottom:6px;right:10px;width:100%;color:#b4b6bb;text-align:right}
.profile_g .wrap_btn a{width:113px}