* {-webkit-text-size-adjust:none;}
body{padding:0; margin:0 auto; text-align:center;}
form{padding:0; margin:0 auto;}
a{text-decoration:none;}
hr{display:none;}

#logo{background:#310161; height:43px; width:100%; margin:0; padding:0; text-align:center;}
#logo span{display:none;}
#notice{background:url(/images/notice_bg.png) no-repeat top center; height:32px; width:100%; padding:0; margin:0 auto; overflow:hidden;}
#notice #notice_main_link{width:230px; overflow:hidden; white-space:nowrap; margin:0 auto; padding-left:60px; padding-top:8px;}
#notice a{text-decoration:none; color:#3D3D3D; font-size:14px; letter-spacing:-1px;}

.pics{width:100%; height:245px; overflow:hidden; display:block;}
.pics .main_img1{background:url(/images/main_img1_220311.jpg) no-repeat top center; height:245px; width:100%;}
.pics .main_img2{background:url(/images/main_img2_220311.jpg) no-repeat top center; height:245px; width:100%;}
.pics .main_img3{background:url(/images/main_img3_220311.jpg) no-repeat top center; height:245px; width:100%;}
.pics .main_img4{background:url(/images/main_img4_220311.jpg) no-repeat top center; height:245px; width:100%;}

#sub_img{width:100%; height:154px; background:url(/images/sub_img.png) no-repeat top center;}
#sub_img a{display:block; width:100%; height:100%;}

#menu{display:block; background:url(/images/menu_bg.png) repeat-x; margin-bottom:10px; overflow:hidden;}
#menu ul{padding:0; margin:0 auto; list-style:none; width: 320px;}
#menu ul li{width:63px; height:90px; float:left; overflow:hidden; margin-right:4px; margin-left:12px; margin-top:15px; text-align:center;}
#menu ul li.m1{background:url(/images/menu_icon_220214.png) no-repeat -1px 0;}
#menu ul li.m2{background:url(/images/menu_icon_220214.png) no-repeat -77px 0;}
#menu ul li.m3{background:url(/images/menu_icon_220214.png) no-repeat -154px 0;}
#menu ul li.m4{background:url(/images/menu_icon_220214.png) no-repeat -230px 0;}
#menu ul li.m5{background:url(/images/menu_icon_220214.png) no-repeat -1px -89px;}
#menu ul li.m6{background:url(/images/menu_icon_220214.png) no-repeat -77px -89px;}
#menu ul li.m7{background:url(/images/menu_icon_220214.png) no-repeat -154px -90px;}
#menu ul li.m8{background:url(/images/menu_icon_220214.png) no-repeat -230px -90px;}
#menu ul li.m9{background:url(/images/menu_icon_220214.png) no-repeat -1px -179px;}
#menu ul li.m10{background:url(/images/menu_icon_220214.png) no-repeat -77px -179px;}
#menu ul li.m11{background:url(/images/menu_icon_220214.png) no-repeat -154px -179px;}
#menu ul li.m12{background:url(/images/menu_icon_220214.png) no-repeat -230px -179px;}
#menu ul li.m13{background:url(/images/menu_icon_220214.png) no-repeat -1px -268px;}
#menu ul li.m14{background:url(/images/menu_icon_220214.png) no-repeat -77px -268px;}
#menu ul li.m15{background:url(/images/menu_icon_220214.png) no-repeat -154px -268px;}
#menu ul li.m16{width: 100%;}
#menu ul li a{text-decoration:none; color:#333; font-size:12px; display:block; width:62px; height:90px; line-height:12.5; letter-spacing:-2px;}

#cmenu{position:relative; width:100%; height:34px; background:#3B3B3B; clear:both; padding:0; margin:0;}
.nv{overflow:hidden; height:34px; width:100%;}
.nv ul{padding:0; margin:0 5px 0 5px; list-style:none;}
.nv li{float:left; height:34px; margin-top:0; padding-top:0; margin-right:-2px; line-height:35px; text-align:center;}
.nv .ml1{width:50%;}
.nv .ml2{width:50%;}
.nv a,
.nv span{display:block; height:100%; color:#fff; font-weight:bold;}
.nv li.on{position:relative; background:url(/images/bg_ms.png) repeat-x 0 -44px; line-height:45px;}
.nv .on a{background:url(/images/bg_ms.png) no-repeat 0 0;}
.nv .on span{background:url(/images/bg_ms.png) no-repeat 100% -88px; color:#111;}

#page{text-align:center; width:100%; margin-top:10px; padding-bottom:20px;}
#page a{border:1px solid #A5A5A5; color:#333; height:30px; width:32px; display:inline-block; font-size:1.1em; font-weight:bold; line-height:1.8em;}
#page a.on{border:2px solid #1766B9; color:#333; height:30px; width:32px; display:inline-block; font-size:1.1em; font-weight:bold; line-height:1.8em;}

#wrap{width:310px; margin:0 auto;}
#wrap dl{width:100%; margin:15px auto; margin-top:0;}
#wrap dl dt{font-weight:bold; font-size:14px; color:#000; text-align:left; border-top:1px solid #D7D7D7; padding-top:10px; letter-spacing:-1px; padding-bottom:5px;}
#wrap dl dd{text-align:left; font-size:12px; padding:0; margin:0;}
#wrap dl .name{float:left; color:#333; font-size:1em;}
#wrap dl .date{float:right; color:#333; font-size:1em;}
#wrap dl .contents{float:left; text-align:justify; font-size:14px; color:#333; line-height:1.6; padding:5px; margin:0px 0 10px 0;}

#counselList{padding:0; margin:0; text-align:left;}
#counselList li{background:#F1F1F1; border:1px solid #D7D7D7; padding:5px; margin-bottom:4px; list-style:none; overflow:hidden;}
#counselList a{color:#222; text-decoration:none; font-size:14px;}
#counselList li .name{float:left; color:#999; font-size:12px;}
#counselList li .date{float:right; color:#999; font-size:12px;}
#counselList li.replyY{background:#F5F5F5 url(/images/reYN.png) no-repeat 270px 3px;}
#counselList li.replyN{background:#F5F5F5;}
#counselList li.iopen{background:url(/images/bg_secure_open.png) no-repeat 270px 3px;}
#counselList li.iclose{background:url(/images/bg_secure.png) no-repeat 270px 3px;}

#kakaoList{padding:0px; margin:0; text-align:left;}
#kakaoList li{background:#fff; border:1px solid #D7D7D7; padding:9px; margin-bottom:4px; list-style:none; overflow:hidden;}
#kakaoList a{color:#222; text-decoration:none; font-size:14px;}
#kakaoList li .subject{display:flex; justify-content: space-between; align-items: center;}
#kakaoList li .date{margin-top:2px; display:flex; justify-content: space-between; align-items: center; font-size:12px;}
#kakaoList li.replyY{background:#F5F5F5 url(/images/reYN.png) no-repeat 270px 3px;}
#kakaoList li.replyN{background:#F5F5F5;}
#kakaoList li.iopen{background:url(/images/bg_secure_open.png) no-repeat 270px 3px;}
#kakaoList li.iclose{background:url(/images/bg_secure.png) no-repeat 270px 3px;}

.kakao_btn .btn {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-family: "����";
	font-size: 13px;
	background: linear-gradient( to bottom, #5391d4, #1a61ae);
	color:#fff;
	border-radius: 3px;
}
/*
.aopen{display:inline-block; background:#57C7EA; color:#fff; font-size:12px; width:35px; text-align:center; padding-top:1px; margin-left:10px;}
.aclose{display:inline-block; background:#EA7177; color:#fff; font-size:12px; width:35px; text-align:center; letter-spacing:-2px; padding-top:1px; margin-left:10px;}
*/
.adone{display:inline-block; color:#999999; font-size:12px; text-align:center; letter-spacing:-1px; padding-top:1px; margin-left:10px; font-weight:bold;}
.aready{display:inline-block; color:#9ACD32; font-size:12px; text-align:center; letter-spacing:-1px; padding-top:1px; margin-left:10px; font-weight:bold;}
.afail{display:inline-block; color:#EA7177; font-size:12px; text-align:center; letter-spacing:-1px; padding-top:1px; margin-left:10px; font-weight:bold;}

fieldset{width:98%; margin:20px auto 40px auto; border:3px solid #D7D7D7; background:#fff; padding:30px 0 0 0; color:#000; text-align:center;}
fieldset legend{padding:0 15px; font-size:16px;}
fieldset .input{border:1px solid #000; font-size:18px; font-weight:bold;}

#btns{text-align:center; overflow:hidden; border:0px solid black; margin:10px auto 30px auto;}
#btns a.write{display:inline-block; background:url(/images/btns.png) no-repeat 0 0; width:69px; height:30px;}
#btns a.modify{display:inline-block; background:url(/images/btns.png) no-repeat 0 -50px; width:69px; height:30px;}
#btns a.delete{display:inline-block; background:url(/images/btns.png) no-repeat 0 -100px; width:69px; height:30px;}
#btns a.reply{display:inline-block; background:url(/images/btns.png) no-repeat 0 -150px; width:69px; height:30px;}
#btns a.list{display:inline-block; background:url(/images/btns.png) no-repeat 0 -200px; width:69px; height:30px;}
#btns a.confirm{display:inline-block; background:url(/images/btns.png) no-repeat 0 -250px; width:69px; height:30px;}
#btns a.cancel{display:inline-block; background:url(/images/btns.png) no-repeat 0 -300px; width:69px; height:30px;}
#btns a.bye{display:inline-block; background:url(/images/btns.png) no-repeat 0 -350px; width:69px; height:30px;}
#btns a.rcancel{display:inline-block; background:url(/images/btns.png) no-repeat 0 -400px; width:69px; height:30px;}

#post{margin:0 auto; border-top:2px solid #dfdedf;}
#post dl{border-bottom:1px solid #eee; padding:0 0 5px 0; margin:5px auto 5px auto; width:94%; clear:both;}
#post dl dt{float:left; width:70px; color:#333; font-weight:bold; margin:0; padding-top:5px; font-size:14px; letter-spacing:-2px; border:0;}
#post dl dd{color:#666; margin:0; padding:0; font-size:13px;}
#post dl dd select{font-size:14px;}
#post dl dd .input{font-size:14px; width:65%;}
#post dl dd .textarea{font-size:14px; width:73%;}
#post dl dd .hp{font-size:14px; width:40px;}
#post th{font-size:14px; letter-spacing:-2px; width:60px; text-align:left; border-bottom:1px solid #DFDEDF;}
#post td{font-size:14px; letter-spacing:-1px; text-align:left; border-bottom:1px solid #DFDEDF;}

#doctor{background:url(/images/doctor_bg.png) repeat-y; width:320px; margin:0 auto;}
#doctor ul{font-size:12px; line-height:1.6; list-style:none; width:260px; margin:0 auto; padding:0;}
#doctor ul li{background:url(/images/doctor_dot.png) no-repeat 0 7px; padding-left:10px;}

.sps{margin:15px; border-bottom:1px solid #D8D8D8; font-size:14px; text-align:justify; line-height:1.5;}
.sps .spr{color:#DB303F;}
.sps .sp_img_l{margin-right:10px;}
.sps .sp_img_r{margin-left:10px;}

.beafs{margin:7px; text-align:center; padding-top:10px; padding-bottom:10px; border:1px solid #989898; clear:both;}
.beafs .photo{background:url(/images/arrow.png) no-repeat 50% 50%;}
.beafs .photo .img_l{border:1px solid black; background:#fff; padding:5px; width:126px; margin-right:13px;}
.beafs .photo .img_r{border:1px solid black; background:#fff; padding:5px; width:126px; margin-left:13px;}
.beafs .cas{margin-top:10px; text-align:left;}
.beafs .ct{font-size:14px; letter-spacing:-2px; padding-top:2px;}
.beafs .c1{width:77px; height:19px; overflow:hidden; background:url(/images/beaf_category.png) no-repeat 0 0; float:left; margin-right:10px;}
.beafs .c2{width:77px; height:19px; overflow:hidden; background:url(/images/beaf_category.png) no-repeat 0 -39px; float:left; margin-right:10px;}
.beafs .c3{width:77px; height:19px; overflow:hidden; background:url(/images/beaf_category.png) no-repeat 0 -78px; float:left; margin-right:10px;}
.beafs .c4{width:77px; height:19px; overflow:hidden; background:url(/images/beaf_category.png) no-repeat 0 -117; float:left; margin-right:10px;}
.beafs .c5{width:77px; height:19px; overflow:hidden; background:url(/images/beaf_category.png) no-repeat 0 -146; float:left; margin-right:10px;}
.beafs .c6{width:77px; height:19px; overflow:hidden; background:url(/images/beaf_category.png) no-repeat 0 -175; float:left; margin-right:10px;}

.info{margin:12px;}
.info h3{margin:0; padding:0; margin-bottom:8px; letter-spacing:-2px;}
.info ul{margin:0; padding:0;}
.info ul li{float:left; list-style:none; margin-right:5px; margin-bottom:20px;}

#reserv{clear:both; text-align:center; width:100%; margin:0 auto; display:block;}
#reserv h4{background:url(images/img_reserv.png) no-repeat 7px 0; padding:0; margin:0; height:133px; overflow:hidden; margin-top:15px;}
#reserv h4 span{display:none;}

#years{position:relative; width:100%; height:38px; padding:0; margin:10px 0 0 0; text-align:center;}
#years span{display:inline-block; width:173px; height:38px; margin:0 15px; letter-spacing:-1px; background:url(images/reservYear.png) no-repeat -54px 0; font-size:1.5em; font-weight:bold; line-height:38px; font-family:'dotum','gulim';}
#years a{display:inline-block; background:url(images/reservYear.png) no-repeat 0 -1px; width:36px; height:38px; color:#111; font-size:1em; line-height:38px; overflow:hidden; text-decoration:none;}

#calendar{padding:5px; border:2px solid #EAEBEC; margin:10px;}
#calendar table{table-layout:fixed; background:#fff;}
#calendar table th{text-align:center; background:#EFEDEF; color:#111; padding:5px; font-size:14px;}
#calendar table td{text-align:center; background:#F7F7F7; height:35px; font-size:18px;}

#calendar table td a{display:block; width:100%; height:100%; line-height:31px; background:#F5EBCD; text-decoration:none;}
#calendar table td a.today{color:#fff;}
#calendar table td a.red{color:#fc9e9e;}
#calendar table td a.sun{color:#e57e7e;}
#calendar table td a.sat{color:#3b99db;}
#calendar table td a.nor{color:#000;}

#calendar table td.today{color:#fff; background:#90B3C9;}
#calendar table td.red{color:#ff8b8b;}
#calendar table td.sun{color:#ff8b8b;}
#calendar table td.sat{color:#3b99db;}
#calendar table td.revok{background:#F5EBCD;}

#rhead{position:relative; width:100%; height:34px; background:url(images/bg_notice.png) repeat-x; line-height:35px; text-align:center;}
#rhead h3{font-size:1.3em; font-weight:bold; color:orange; height:34px; padding:0; margin:0; overflow:hidden; letter-spacing:-1px;}

#reservBody{padding:10px; font-size:1em; border:2px solid #EAEBEC; margin:10px; text-align:left;}
#reservBody dl{position:relative; padding:3px; margin:0; border-bottom:1px solid #eee;}
#reservBody dt{position:absolute; white-space:nowrap; color:#000; font-weight:bold; font-size:0.9em; padding:0; margin:6px 0 0 0; letter-spacing:-1px;}
#reservBody dd{padding-left:30px; font-size:0.9em; line-height:30px; color:#666;}
#reservBody dd #rvtime{font-size:1.1em; width:110px;}
#reservBody dd #rvmin{font-size:1.1em; width:80px; margin-left:5px;}

#footer{background:url(images/foot_bg.png) repeat-x; height:53px; width:100%; text-align:center;}
#footer a.home{background:url(images/foot_btn.png) no-repeat -234px 0; width:76px; height:53px; display:inline-block;}
#footer a.call{background:url(images/foot_btn.png) no-repeat 0 0; width:74px; height:53px; display:inline-block;}
#footer a.login{background:url(images/foot_btn.png) no-repeat -74px 0; width:80px; height:53px; display:inline-block;}
#footer a.join{background:url(images/foot_btn.png) no-repeat -154px 0; width:80px; height:53px; display:inline-block;}
#footer a.logout{background:url(images/foot_btn.png) no-repeat -74px -83px; width:80px; height:53px; display:inline-block;}
#footer a.modify{background:url(images/foot_btn.png) no-repeat -154px -83px; width:80px; height:53px; display:inline-block;}

#SQviewDetail{table-layout:fixed; font-size:12px; margin-top:10px; border-top:2px solid #9B9B9B;}
#SQviewDetail th{background:#f7f7f7; width:60px; letter-spacing:-1px;}
#SQviewDetail td{text-align:left; letter-spacing:-1px;}

.yakBox{width:275px; margin-left:6px; font-size:12px; letter-spacing:-1px; text-align:left; padding:10px; border:1px solid #D8D8D8; background:#F5F5F5; color:#525252;}

#signup{table-layout:fixed; width:95%;}
#signup th{width:60px; font-size:12px; letter-spacing:-1px; text-align:left; padding:5px 0; border-bottom:1px solid #EEEEEE;}
#signup td{font-size:12px; letter-spacing:-1px; text-align:left; padding:5px 0; border-bottom:1px solid #EEEEEE;}
#signup td div{margin-top:3px; color:#717171;}
#signup td .input{font-size:14px;}
#signup td .select{font-size:14px;}

#Melist{table-layout:fixed; background:#D7D7D7;}
#Melist th{background:#D7D7D7; font-size:12px; letter-spacing:-1px; padding:3px 0;}
#Melist td{background:#fff; font-size:12px; letter-spacing:-1px; padding:3px 0;}