@charset "utf-8";

* {margin:0; padding:0;}

html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

body { font-family:'Nanum Square'; width:100%; color:#727272; letter-spacing:-1px; }

a, img { border:0; outline:none; text-decoration:none; }
img, input { vertical-align:middle; }
textarea, select { outline:none; }

ul, li { list-style:none; }

.bg_green { background-color:#4bcac2; color:white; }
.bg_black { background-color:#5d5d5d; color:white; }
.bg_orange { background-color:#f8c349; color:white; }
.bg_blue { background-color:#60c2e6; color:white; }

.bb { font-weight:bold; color:#111; }

/* 메인 */
.main { max-height:100%; }

.main .logo_area { width:100%; text-align:center; margin-top:25%; }
.main .login_area { width:100%; text-align:center; margin-top:20%; font-size:5vw; line-height:10vw; font-weight:bold; }
.main .login_area .login_btn { padding-top:1vw; }

.img_logo { width:45%; }
.img_login { width:75%; }


/* 회원정보 */
.top { height:30vw; text-align:center; padding-top:8%; position:fixed; width:100%; z-index:999; }

.top li { padding:3vw 0; font-size:4vw; }
.top .txt1 { border-bottom:2px solid white; margin:0 5%; font-size:5vw; }
.top .username { font-size:12vw; font-weight:bold; letter-spacing:0.3em; line-height:15vw; }

.sub { background-color:white; padding-top:59vw; }


/* 문진표 제출 */
.hspsearch_btn { width:100%; }


/* 메뉴 */
.menu { width:100%-6vw; border-spacing:0px; padding:0 3vw; margin:0; }
.menu ul { height:20vw; }
.menu .menu_img { width:25%; text-align:center; float:left; padding-top:5vw; position:relative; z-index:3; background-color:white; }
.menu .menu_txt { width:75%-5vw; padding-left:5vw; padding-top:7vw; font-size:4.5vw; font-weight:bold; }
.menu .menu_txt2 { width:75%-5vw; padding-left:5vw; padding-top:7vw; font-size:5.5vw; font-weight:bold; color:#60c2e6; position:relative; z-index:2; background-color:white; }

.menu .menu_txt_sub { margin:0 0 3vw 24vw; font-size:4vw; line-height:6.5vw; color:#60c2e6; top:3vw; position:relative; }
.menu .menu_txt_sub a { color:#f5a00b; }

.menu_clicked { height:30vw !important; }

.img_menu { height:10vw; }
.img_menu2 { height:12vw; }


/* 기타설정 */
.bline { border-bottom:3px solid #e6e6e6; }
.noline { border-bottom:0 !important; }

.bold { font-weight:bold; }
.txt_green { color:#4bcac2; }
.txt_orange { color:#f5a00b; }

.btn_back { position:fixed; float:right; right:3vw; height:6vw; }

.closeWinArea { position:fixed; padding-top:3vw; }

.paging { width:85vw; font-size:5vw; padding:2vw; background-color:#60c2e6; margin:10px auto; color:#fff; border-radius:20px; text-align:center; }
.paging2 { border:0px; padding:10px 0; font-size:1.8em; background-color:#eaeaea; color:#585858; text-align:center; }



/* 병원 리스트(리뉴얼)---------------------------------------------- */

@media (min-width:200px){body {font-size:14px;}}
@media (min-width:201px) and (max-width:360px){body {font-size:12px;}}
@media (min-width:361px) and (max-width:399px){body{font-size:12px;}}
@media (min-width:400px) and (max-width:439px){body{font-size:13px;}}
@media (min-width:440px) and (max-width:479px){body{font-size:13px;}}
@media (min-width:480px) and (max-width:519px){body{font-size:14px;}}


/* 체크박스 CSS---------------------------------------------- */
input[type="checkbox"] { width:5vw; height:5vw; margin-right:3vw;}
/* 체크박스 CSS---------------------------------------------- */


/* tab menu */

.tabmenu {position: relative;  margin:0; padding:0;  width: 100%; /* background: white; */
			color: #a1a1a1; overflow-x:hidden; overflow-y:hidden; }
.tabmenu-tabs { width:98%;position: absolute;  top: 0;  left: 0;  right: 0;  padding: 9px 12px 0;  margin:0 ;
				text-align: left;  direction: rtl;  background: #fff;
				border-bottom: 1px solid #ddd; }

.tabmenu-tab .medyTitle1 {}

.tabmenu-on {margin: 0; border-top: 4px solid #60c2e6; color: #60c2e6; 
			 display: block;   min-width: 5%;   padding: 0 15px;  color:#60c2e6; font-weight:600;
			  text-align: center;   text-decoration: none; }
.tabmenu-off {margin: 0 0 5px 0;   border-top: 0;  
			 min-width: 5%;   padding: 0 15px;   color: #a1a1a1 !important;
			  text-align: center;   text-decoration: none; }
.tabmenu-tab, .tabmenu-tab-link {  margin: 0;   border-top: 0;}
.tabmenu-tab, .tabmenu-list {position: relative;   display: inline-block;  vertical-align: top;
  line-height: 36px;   font-weight: normal;   color: #999;  
  padding-bottom: 0;  bottom: auto; width:96%;}

.tabmenu-tab a, .tabmenu-tab a:hover, .tabmenu-tab a:visited {color:#a1a1a1 !important;}
.tabmenu-tab-link {  display: block;   min-width: 60px;   padding: 0 15px;   color: #a1a1a1 !important;
					  text-align: center;   text-decoration: none; }
.tabmenu-list {  display: none;   padding-top: 5vw; }
.tabmenu-list > li + li {  border-top: 1px solid #e8e8e8; }
.tabmenu-list:last-of-type {   display: block; }
.tabmenu-list:target {   display: block; }
.tabmenu-list:target ~ .tabmenu-list {   display: none; }
.tabmenu-list-link {display: block;   line-height: 18px;   padding: 10px 12px;   font-weight: bold;
					color: #555;   text-decoration: none;   cursor: pointer; }


.tabmenu-tab2 { margin: 0;   border-top: 0; position: relative;   display: inline-block;  vertical-align: top;  margin-top:2%;
			  line-height: 36px;   font-weight: normal;   color: #999;  
			  border: solid #ddd;   border-width: 1px 1px 0;  padding-bottom: 0;  bottom: auto; }
.tabmenu-tab2 a, .tabmenu-tab2 a:hover, .tabmenu-tab2 a:visited {color:#a1a1a1 !important;}
.tabmenu-on2 {margin: 0;   border-top: 0;  border-top: 4px solid #60c2e6; color: #60c2e6; 
			 display: block;   min-width: 5%;   padding: 0 15px;  color: #60c2e6; font-weight:600;
			  text-align: center;   text-decoration: none;}
.tabmenu-off2 {margin: 0;   border-top: 0; color: #60c2e6; margin-top:3px;
			 display: block;   min-width: 5%;   padding: 0 15px;  color: #60c2e6; font-weight:600;
			  text-align: center;   text-decoration: none;}


/* 팝업 */
.notice { position:absolute; left:0; top:0; max-width:100%; background-color:white; color:#333333; }
.notice_txt { padding:12px; font-size:18px; border:2px solid #009aff; word-break:break-all; }
.notice_title { font-weight:bold; font-size:24px; padding-bottom:8px; margin-bottom:6px; letter-spacing:15px; text-align:center; width:100%; border-bottom:1px solid #a0a0a0;}
.notice_close { background-color:#009aff; color:white; padding:5px 12px; }
.notice_close_btn { float:right; font-weight:bold; }