@charset "utf-8";

body {background:#FFF;}

/*--- common elements ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;}
body,input,select,textarea{color:#333;font-family:dotum,'돋움',gulim,'굴림',Helvetica,Apple-Gothic,sans-serif;font-size:12px;font-weight:normal;}
body{;background-color:#fff;-webkit-text-size-adjust:none;}
hr{display:none;}
img,fieldset{border:0 none;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none outside;}
a{text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
strong{font-weight:bold;}
.hidden_phrase{visibility:hidden;width:1px;height:1px;line-height:0;overflow:hidden;position:absolute;top:-10000px;left:0;font-size:0;}
.more {display:block; position:absolute; top:20px; right:10px; width:16px; height:16px; text-indent:-500em}
#hr { border-bottom:1px solid #bfbfbf; height:4px; }

/*b { color:#F00; }*/

/*입력창*/
.input_text01 {border:1px solid #cfd5e7; height:23px; padding:0 5px; vertical-align:middle}
.input_text02 {border:1px solid #cfd5e7; height:18px; padding:0 5px; vertical-align:middle}
.radio_btn {height:23px; padding:0 5px; vertical-align:middle}
.select01 {border:1px solid #cfd5e7; height:23px;  padding:0 5px; vertical-align:middle}
.textarea01 {border:1px solid #cfd5e7; padding:0 5px}


/*게시판 리스트*/
#bbs .topline{border-top:3px solid #388fc2;}
#bbs_list{width:98%; height:53px; margin:0 1%; background:#fff; border-bottom:1px solid #E1E1E1;}
#bbs_list .list_img{float:left; padding:10px 10px;}
#bbs_list .list_img01{float:left;width:25px;height:25px;border:solid 1px #c1c1c1;}
#bbs_list .no{float:left; padding:10px 5px;}
#bbs_list .list_add{float:right; width:14px; height:33px; padding:10px 10px;}
#bbs_list .list_content{float:left; height:33px; padding:10px 5px; width:calc(100% - 89px);overflow:hidden;}
#bbs_list .list_content img {width:auto;}
#bbs_list .list_content .bbs_title{font-size:14px; color:#676767; font-weight:bold; 
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	display: inline-block;
	line-height: 1.2;}
#bbs_list .list_content1{float:left; min-width:95%; height:33px; padding:10px 5px;}
#bbs_list .list_content1 .bbs_title{font-size:16px; color:#6ca5c0; font-weight:bold;}
#bbs_btn{width:95%; height:32px; text-align:left; padding:5px 5px 5px 5px;margin:0 1%; border-bottom:dashed 1px #b0b0b0;}
#bbs_btn .bt{float:right; height:32px;}

#mobile_page_num { position:relative; border:0px solid red; height:50px; padding:10px 0 10px 0; line-height:2em; clear:both; text-align:center;}
#mobile_page_num a { color:#656565; display:inline-block; margin:1px; padding:2px 7px; vertical-align:middle; font-size:14px; font-family:'Helvetica'; letter-spacing:-1px;  line-height:1em; border:2px solid #d4d4d4; font-weight:bold;}

.ar{text-align:right;margin-top:-20px}
/*로그인*/
#login .login_input{font-size:1em; border:1px solid #76b0cc; margin:5px 0;}
#login #login_border_temp{height:10px; background:#76b0cc;}
#login #login_border {border:1px solid #fff; background:#f1f1f1; margin:0px 10px 10px; 10px;}
#login #login_border .tit{margin:15px 10px 10px 10px;}
#login #login_border .loginbox{margin:0 10px 10px 10px; background:#fff;}
#login #login_border .loginbox li{margin:5px 10px 0 10px; text-align:left; font-size:14px; font-weight:bold;text-align:center;}
.f_login{padding:0 10px; height:20px;}
.join{margin:4px 0;width:50px;height:18px;}



/*하단부메뉴*/
.module_bottom {width:97%; height:25px; padding-top:7px;text-align:center; border:1px solid #ededed; margin:0 auto; margin:1%;}



/*--- 게시판 글읽기 ---*/
#bbs_content {padding:20px 10px;}
#bbs_view{width:98%; margin:0 1%; background:#efefef;min-height:60px; padding-top:5px;border-bottom:1px solid #E1E1E1;}
#bbs_view .list_img{float:left; padding:10px;}
#bbs_view .li{float:left;padding:20px;}
#bbs_view .v_title {color:#06C; font-size:16px; font-weight:bold;line-height:1.5em;}
.btn_center{width:95%; height:32px; text-align:center; padding:10px 5px 5px 5px;margin:0 1%; border-top:dashed 1px #b0b0b0;}
.btn_center img {width:auto;}
.add_file {width:95%; height:30px; border-top:solid 1px #CCC; margin:0 auto;padding:5px 0 0 10px;}
.view_category {color:#666;}
.view_date {color:#666;font-weight:normal;font-size:12px;}
.bs_coment{width:98%; margin:0 auto; background:#fafafa; border:2px solid #E1E1E1;margin:20px 0;height:75px;}
.m_coment_list{}
.ps_input{text-align:center; border:solid 5px #dce5eb;padding:20px;}
.coment01{float:left; height:25px;padding:7px 0 0 7px;}
.coment_btn{float:left;width:50px; height:25px; padding:7px 0 0 7px;}
.coment03{height:40px;padding:0;}

.pl5 {padding-left:5px;}
.comment_list {margin-bottom:10px;}
.comment_list ul li {padding:5px 0;border-bottom:solid 1px #ccc;}
.comment_name {float:left;z-index:10; width:80px; color:#4d4d4d; font-weight:bold; padding-left:20px;padding-top:2px}
.comment_cont {padding:5px 10px 5px 5px;}
.comment_del {text-align:right; vertical-align:middle; font-size:8pt;color:#acacac;padding-right:15px;}




 /*monthly예약*/
.pr{position:absolute;white-space:nowrap;}

.chh{position:relative;width:100%;height:37px;background:url(/module/images/sm_type1/calender_bg1.gif) repeat-x 0 0;text-align:center;color:#000}
.chh h1{height:35px;line-height:35px;font-size:15px;white-space:nowrap;height: 35px;text-align:center;}
.chh h1 a{display:inline-block; margin-top:-4px}
.btpv,
.btnx{width:30px;padding-bottom:5px;display:inline-block;vertical-align:middle;}

.reserve_w { width:98%;background:url(/module/images/sm_type1/calender_bg4.gif) repeat-x 0 0;height:42px;}
.reser_fl{float:left;}
.select_day {line-height:2.2em;text-align:center;background-color:#e0e0e0; height:25px;margin:10px 0 0 0;}

/*달력*/
.month{width:100%;border:0;border-top:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;margin-bottom:10px}
.month table{padding:0;margin:0;}
.month th{background:url(/module/images/sm_type1/calender_bg2.gif) repeat-x 0 0;height:36px;color:#fff;font-size:15px;border-left:1px dashed #6e6e6e;}
.month th.hol{color:#fe3737}
.month td{background:url(/module/images/sm_type1/calender_bg3.gif) repeat-x 0 0;height:42px;border-left:1px dashed #6e6e6e;font-weight:bold;font-size:1.00em;color:#000;line-height:1.2em}
.month td em{position:absolute;bottom:0px;right:4px;padding-left:8px;font-size:.7em;line-height:1.3em}
.month td a{position:relative;display:block;height:34px;padding:.1em .28em .2em 6px;color:#0f0f0f}
.month td.today{}
.month td.today em{color:#fff}
.month td.today a{color:#fff}
.month td.hol a{color:#fe3737}
.month td.select a{height:36px;padding:0em .28em 0em 5px;background:#e19e1a;border:solid 1px red;}
.month td.select em{right:3px}
.month td.dim a{color:#909090}
.month td.dim_hol a{color:#eca9a9}
.month td.dim em,
.month td.dim_hol em{background-position:0 -158px;color:#909090}

.home a { font-size:15px; color:#333; border:solid 1px red;}

/* 달력 코멘트 색상*/
.write_comment p.text_color_red			{font-size:11px;color:#FF0000;}
.write_comment p.text_color_gray		{font-size:11px;color:#808080;}
.write_comment p.text_color_red			{font-size:11px;color:#FF0000;}
.write_comment p.text_color_blue		{font-size:11px;color:#0000FF;}
.write_comment p.text_color_green		{font-size:11px;color:#008000;}
.write_comment p.text_color_orange		{font-size:11px;color:#FFA500;}
.write_comment p.text_color_purple		{font-size:11px;color:#800080;}


/*글쓰기*/
.table01 {width:100%; margin:4px 0; border:solid 3px #538ba7;}
.table01 img {width:auto;}
.table01 th {color:#676767; font-weight:bold; text-align:right; padding:0 7px; width:100px;border-bottom:solid 1px #538ba7; border-right:solid 1px #538ba7;}
.table01 td {padding:4px 7px;border-bottom:solid 1px #538ba7;}
.pa10 {padding:10px}
.ac {text-align:center}
.color01 {color:#989898;}
.color02 {color:#183592}

.table02 {width:100%; margin:4px 0; border:solid 3px #538ba7;}
.table02 th {background-color:#f1f8fc;color:#676767; font-weight:bold; text-align:right; padding:0 7px; width:60px;border-bottom:solid 1px #538ba7; border-right:solid 1px #538ba7;}
.table02 td {padding:4px 7px;border-bottom:solid 1px #538ba7;}

/*개인보호정책*/
.private_box{padding:2%;height:7rem;overflow-y:scroll;border:3px solid #93cddd;margin:2% 0 0;}
.private_chk {text-align:Right;margin-bottom:4%;}
.private_tt {color:#137baf;font-weight:bold;padding-left:15px;}
/*상담불가능*/
.consult_ready {float:left; padding:0; margin:0;text-align:center;}

/* [Table] - tblType1 */
.tblType1 {border-top:3px solid #388fc2;width:95%; margin:10px auto;}
.tblType1 thead th {padding:9px 1em 11px; font-weight:bold;text-align:left; border-bottom:1px solid #388fc2;border-right:1px solid #388fc2;}
.tblType1 tbody th,
.tblType1 tfoot th {padding:7px 1em; font-weight:bold; text-align:left; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; background:#cde8f7;}
.tblType1 tbody td,
.tblType1 tfoot td {padding:7px 1em; line-height:1.4em; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6;}
.tblType1 tfoot th,
.tblType1 tfoot td {text-align:center;}
.tblType1 tbody th.last-child,
.tblType1 tfoot th.last-child,
.tblType1 tbody td.last-child {border-right:none;}
.hide-caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
/* [Table] - tblType1 > 요소 */
.tblType1 tbody th.last-child,
.tblType1 tbody td.last-child,
.tblType1 tfoot th.last-child,
.tblType1 tfoot td.last-child {border-right:none;}
.tblType1 thead th img {vertical-align:top;}
/* [Table] - tblType1 > 정렬 */
.tblType1 .al_l {text-align:left;}
.tblType1 .al_c {text-align:center;}
.tblType1 .al_r {text-align:right;}
.tblType_udrline {position:relative; top:-1px; overflow:hidden; height:1px; margin-bottom:-1px; background:#c2c2c2;}

.write_comment .privacy_d {height:30vw;overflow-y:scroll;border:1px solid #ccc;padding:2vw;background-color:#f8f8f8;}
.write_comment .privacy_dl_01 dt , .privacy_dl_01 dd {font-size:14px;}
.write_comment .jointext {margin-top:2vw;}
.write_comment .jointext .b{font-size:16px;font-weight:bold;}
.write_comment .jointext .private_check {font-size:14px;}
.write_comment .write_most {font-size:14px; text-align:right;}
.write_comment .write_most .write_star {color:#4785b9; padding-right:5px; font-weight:bold; }
.write_comment .hide {display:none;}
.write_comment .write {width:100%;border-top:3px solid #5e7bb1;background-color:#f8f8f8;}
.write_comment .write tr th {font-size: 3.5vw;text-align:right;border-right:1px solid #d9d9d9;color:#989898;padding:5px 0;padding-right: 2vw;}
.write_comment .write tr td {font-size:3.5vw;padding: 5px 3%;}
.write_comment .write tr td input {font-size:16px;padding: 3px 5px;border: 1px solid #ddd;}
.write_comment .write #txtContents {border:1px solid #ddd;width:100%;height:20vw;resize:none;}

.write_comment img {width:auto;}


.btn_area {margin:20px 0;text-align: center;}
.btn_area .btn_right {text-align:center;background-color:#5e7bb1;display: inline-block;padding: 5px 20px;}
.btn_area .btn_right button {color:#ffffff;font-size:16px;padding: 0;}

.list_btn {   padding: 10px;   text-align: center; }
.list_btn a {    display: inline-block;  width: 100%;  text-align: center;  padding: 10px 0;  border: 1px solid #ddd;  color: #221e1f;  font-size: 12px;  border-radius: 3px; }