@charset "utf-8";
/* 사파리에서 버튼 라운드 금지 */
input[type='submit']
{border-radius:0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
   cursor:pointer;
   }

/* 사파리에서 버튼 라운드 금지 */
input[type='button']
{border-radius:0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
   cursor:pointer;
   }


.board_title{font-size:30px; color:#000; font-weight:400; width:100%; text-align:center; margin:0 0 30px 0; line-height:140%; letter-spacing:-0.3px}
.board_title:after { content:""; display:block; height:0; clear:both; float:none;}  
.board_title span{ font-weight:700;}
.board_info {border:1px solid #d71d6c;background:#f8f8f8; padding:30px;  box-sizing:border-box; margin:0 0 30px 0}

/* 게시판 리스트 */
caption {display:none;}
#content_text table.basic { color:#666; border-collapse:collapse; width:100%; margin:0; border-right:1px solid #fff; text-indent:0; font-weight:normal; border-top:2px solid #d71d6c; table-layout:fixed;}
#content_text table.basic thead, #content_text table.basic tbody th, #content_text table.basic tfoot { font-weight:bold; color: #000; vertical-align: middle; }
#content_text table.basic thead th{ font-weight:700; color:#000; padding:13px 0; text-align: center; border-bottom:1px solid #d71d6c; }
#content_text table.basic td {padding:12px 10px; border-bottom: 1px solid #ddd;  text-align: center;  vertical-align: middle; color:#333}
#content_text table.basic td.subject {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new_icon {vertical-align:middle;}
.board_tit { font-size:15px;  display:block; color:#222;}

.state_ok {color:#d71d6c; font-weight:800} 
.state_cancel {color:#2441d1; font-weight:800} 
#content_text table.basic td.title_red { color: red; }


/*페이징*/
#page { position: relative; text-align:center; color:#777; margin:30px auto; display:table; }
#page span {display:table-cell; vertical-align:middle; }
#page a { position: relative; display:inline-block; border-top:1px solid #daccc9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin:0; color:#333; width:38px; height:30px; float:left; padding:7px 0 0 0;}
#page a.on {background:#d71d6c; color:#fff; font-weight:bold;}
#page a.first {background:url(/kor/img/board/navi.jpg) no-repeat 2px 1px; border-left:1px solid #d2d2d2;}
#page a.prev {background:url(/kor/img/board/navi.jpg) no-repeat -33px 1px;  border-left:1px solid #d2d2d2;}
#page a.next {background:url(/kor/img/board/navi.jpg) no-repeat -273px 1px;}
#page a.last {background:url(/kor/img/board/navi.jpg) no-repeat -308px 1px;}


/* 게시판 뷰 */
#content_text table.view {table-layout:fixed;}
#content_text table.view td.substance img {max-width:100%; }

#content_text table.view { color:#666; border-collapse:collapse; width:100%; margin:0 0 15px 0; border-right:1px solid #fff; text-indent:0; font-weight:normal; border-top:2px solid #d71d6c; }
#content_text table.view tr {border-bottom: 1px solid #ddd ; }
#content_text table.view thead th { font-weight:bold; color:#333; padding:10px 15px; text-align:center; border-bottom: 1px solid #ddd;}
#content_text table.view thead td { padding:10px 30px; }
#content_text table.view td {padding:10px 30px; border-bottom: 1px solid #ddd;}
#content_text table.view td span{color:#333;}
#content_text table.view td.p_next{padding:10px 0; border-bottom: 1px solid #ddd; background:#efefef;font-weight:bold;  text-align:center}
#content_text table.view td.p_pre{padding:10px 0; border-bottom: 1px solid #ddd; background:#efefef;font-weight:bold;text-align:center}
#content_text table.view td.substance{padding:30px; }
#content_text table.view td.reply{padding:20px 30px 30px 60px;background:url(/kor/img/board/re.png) no-repeat 25px 25px  ; background-color:#f1f1f1; }
#content_text table.view div.name {width:20%; float:left; padding:0 10px 0 0; box-sizing:border-box; font-size:0.9em; color:#888}
#content_text table.view div.date {width:20%;  float:left;padding:0 10px 0 0; box-sizing:border-box; font-size:0.9em; color:#888}
#content_text table.view div.re_box {width:100%;padding:6px 10px 0 0; box-sizing:border-box;clear:both; }
#content_text table.view div.re_box:after { content:""; display:block; height:0; clear:both; float:none;}
#content_text table.view dl{}
#content_text table.view dl dt{color:#333; float:left; font-weight:bold; margin-right:10px}
#content_text table.view dl dd{float:left; text-align:left; margin-right:50px}
#content_text table.view div.photobox{position: relative; width:70%; max-width:800px; margin:0 auto 20px auto}
#content_text table.view div.before{ width:50%; float:left; height:auto; overflow:hidden; border-right:1px solid #fff; box-sizing:border-box;}
#content_text table.view div.before img { width:100%;}
#content_text table.view div.after{ width:50%;  height:auto; overflow:hidden; border-right:1px solid #fff;  box-sizing:border-box;}
#content_text table.view div.after img { width:100%;}
#content_text table.view div.arrow {position: absolute; top:45%; left:48.5%; }
#content_text table.view div.eventform {width:100%; border:1px solid #f2660c; padding:2.5% 3.5%;  box-sizing:border-box; margin:50px 0 0 0; background:#e9e5e2;}
#content_text table.view div.eventform:after { content:""; display:block; height:0; clear:both; float:none;} 
#content_text table.view div.e_tit {width:100%; color:#000; font-size:20px; margin:0 0 5px 0}
#content_text table.view div.eventform table { width:75%; float:left;  }
#content_text table.view div.eventform table tr{border:0;   }
#content_text table.view div.eventform table tr th{color:#333; padding:2px 10px; background:url(/kor/img/common/h4.gif) no-repeat 0 16px;text-align:left }
#content_text table.view div.eventform table tr td{ border:0; padding:2px 10px;}
.e_btn { display:inline-block; width:20%;  font-size:20px; background:#f2660c; float:right; padding:40px 30px ; box-sizing:border-box;  text-align:center;text-decoration:none !important; vertical-align:middle; color:#fff !important; border:0;}


.board_img {text-align:center; margin:0 0 30px 0;text-align:left;}
.file {padding:0 5px 0 0; vertical-align:middle;}



/* 게시판 쓰기 */
#content_text table.write { color:#666; border-collapse:collapse; width:100%; margin:0 0 15px 0; border-right:2px solid #fff; text-indent:0; font-weight:normal; border-top:2px solid #d71d6c;}
#content_text table.write td {padding:12px 15px; border-bottom: 1px solid #ddd;   vertical-align: middle;  }
#content_text table.write tr td.tit { font-weight:bold; background:#f4f4f4;text-align:center; color:#000; border-right:1px solid #ddd;}
#content_text table.write tr th{ border-bottom: 1px solid #daccc9; color:#000; text-align:center} 
#content_text table.write tr td a { font-weight:normal; color:#000; }
.textarea_w {width:90%;border:1px solid #dedede; box-sizing:border-box;}
.textarea_w02 {width:100%;border:1px solid #dedede; background:#fcfcfc;  color:#888; padding:10px; line-height:170%; box-sizing:border-box;}



/* 게시판 검색 */
#search {margin-top:30px; position: relative; width:100%; font-size:12px; text-align:center; background:#efefef; padding:15px; box-sizing:border-box;}
#search .select { border:1px solid #cdcdcd; padding:3px; font-size:11px; color:#666; background:#fff;}
#search .input {border:1px solid #ddd; width:230px; height:25px; padding:2px 3px; color:#666; font-weight:normal; }


/* 갤러리 */
table.photo { clear: both; width:100%; margin:0 0 10px 0; border-collapse: collapse; border-top: 2px solid #66594d; }
table.photo tr {border-bottom: 1px solid #d0d0d0;}
table.photo tr.notice {border-bottom: 1px solid #d0d0d0; background:#f7f7f7}
table.photo td {padding:25px 0px; vertical-align:top; border: 0px;}
table.photo ul {width:100%;}
table.photo ul li {width:30%; float:left; margin-right:5%; background:#efefef;font-size:0.9em; text-align:center; }
table.photo ul li img{width:100%; height:145px;overflow:hidden; }
table.photo ul li:last-child {width:30%; margin-right:0; }
table.photo ul.t_notice {width:100%}
table.photo ul.t_notice li {width:30%; float:left; margin-right:2%; }
table.photo ul.t_notice li:first-child {margin-left:3%; }
table.photo ul.t_notice li img{width:100%;}
table.photo div.s_tit {font-weight:bold;  color:#666; margin-top:5px;}



/* 체험기*/

.average {background:#e8e3de; color:#666; padding:15px 5%; width:90%; text-align:center;  margin:0 0 20px 0} 
.average span{color:#f2520c; font-weight:800; font-size:24px} 

#webzine {position: relative;  border-top: 2px solid #ff6900; }
#webzine ul { width:100%;}
#webzine ul li { border-bottom:1px solid #daccc9;  padding:30px 0 30px 0; }
#webzine ul li:after { content:""; display:block; height:0; clear:both; float:none;}
#webzine .photo {width:22%; max-width:280px; float:left; }
#webzine .photo img{width:100%; float:left; }
#webzine .info {width:75%; float:right; }
#webzine .info dl { }
#webzine .info dt {color:#000;  margin:0 0 5px 0; font-size:18px }
#webzine .info dt span {color:#ff6900;font-weight:800  }
#webzine .info dd.txt {color:#666;}
#webzine .info dd.star {}
#webzine .info ul{position: relative; width:100%; margin-bottom:10px}
#webzine .info ul:after { content:""; display:block; height:0; clear:both; float:none;}
#webzine .info ul li{float:left; border-bottom:0px dotted #999;  padding:0; width:33%}
#webzine .info ul li span{ font-weight:bold; color:#333;}






/* 이벤트 */

#event_g {position: relative;  border-top: 2px solid #d71d6c; }
#event_g ul { width:100%;}
#event_g ul li { border-bottom:1px dotted #999;  padding:25px 0 25px 0; }
#event_g ul li:after { content:""; display:block; height:0; clear:both; float:none;}
#event_g .photo {width:37%; max-width:470px; max-height:260px; overflow:hidden;float:left; }
#event_g .photo img{width:100%;}
#event_g .info {width:60%; float:right; text-align:left;}
#event_g .info dl { }
#event_g .info dt {font-weight:bold; color:#333;  margin-bottom:3px;  font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#event_g .info dd.date {font-weight:bold; color:#555;  margin-bottom:3px;  font-size:18px;}
#event_g .info dd div.ing {background:#d71d6c;color:#fff; display:inline-block; padding:2px 8px 3px 8px;  font-size:0.9em !important; margin-top:8px;}
#event_g .info dd div.end {background:#999;color:#fff; display:inline-block; padding:2px 11px 3px 11px;  font-size:0.9em !important; margin-top:8px;}




/* 자주묻는 질문 */
#faq ul {padding:0px; margin:0px; width:100%; border-bottom:1px solid #daccc9; border-top:2px solid #f2660c;}
#faq ul.faq li {padding:15px 15px 15px 55px;  margin:0; background:url(/kor/img/board/faq_q.png) no-repeat 10px 8px;line-height:160%; border-bottom:1px solid #daccc9;   color:#333;  }
#faq ul.faq li:last-child { border-bottom:0px solid #c9d1df; }
#faq ul.faq li.q_view{padding:15px 15px 15px 55px; margin:0; /*background:url(/img/board/faq_q.png) no-repeat 10px 8px; */ line-height:160%;  color:#f2660c; font-weight:bold; font-size:18px; }
#faq ul.faq li.answer{padding:20px 20px 20px 55px; margin:0; background:url(/kor/img/board/faq_a.png) no-repeat 10px 15px #fcfcfc; line-height:160%;  color:#666;}
#faq ul.faq li.q_view_back{ /* background:url(/img/board/faq_q.png) no-repeat 5px 10px; */ }

/* 자주묻는 질문 */
#faq2 ul {padding:0px; margin:0px; width:100%; border-bottom:1px solid #daccc9; border-top:2px solid #f2660c;}
#faq2 ul.faq li {padding:15px 15px 15px 20px;  margin:0;line-height:160%; border-bottom:1px solid #daccc9;   color:#333;  }
#faq2 ul.faq li:last-child { border-bottom:0px solid #c9d1df; }
#faq2 ul.faq li.q_view{padding:15px 15px 15px 20px; margin:0; line-height:160%;  color:#f2660c; font-weight:bold; font-size:18px; }
#faq2 ul.faq li.answer{padding:20px 20px 20px 30px; margin:0; background:#fcfcfc; line-height:160%;  color:#666;}
#faq2 ul.faq li.q_view_back{ background:url(/kor/img/board/faq_q.png) no-repeat 5px 10px; }




/* 전후사진 */

#review {position: relative;width:100%; border-top:2px solid #d71d6c; border-bottom:1px solid #ddd; padding:40px 0 10px 0 }
#review:after { content:""; display:block; height:0; clear:both; float:none;}  
#review ul {position: relative;width:100%;}
#review ul li {position: relative;   display: block; width:21.87%; min-height:180px; margin:18px; float:left; padding:25px 25px 20px 25px; box-sizing:border-box; border:1px solid #ddd; }
#review ul li:hover{border:1px solid #d71d6c;}
#review ul li div.tit {font-size:16px; color:#d71d6c; width:100%; clear:both; text-align:center; margin:7px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#review ul li div.txtbox { position: relative; margin:0; text-align:center; width:100%; clear:both; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#review ul li div.txtbox:after { content:""; display:block; height:0; clear:both; float:none;}  
#review ul li div.txtbox ul{ position: relative;width:100%;}
#review ul li div.txtbox ul li {position: relative;width:100%;background:url(/kor/img/common/bu_01.gif) no-repeat 0 8px; padding:0 0 0 8px; margin:0 0 0 0; line-height:130%; font-size:14px; border:none;}
#review ul li div.txtbox ul li:hover{border:none !important;}
#review ul li div.imgbox { position: relative;width:100%;}
#review ul li div.imgbox img { width:100%;}
#review ul li div.imgbox:after { content:""; display:block; height:0; clear:both; float:none;}  
#review ul li div.arrow{ position:absolute; top:40%; left:46%; z-index:99}
#review ul li div.oneimg{ position: relative;width:50%; margin:auto}
#review ul li div.oneimg img{width:100%;}
#review ul li div.before{ position: relative;width:50%; float:left;}
#review ul li div.before img{width:100%;}
#review ul li div.after{ position: relative;width:50%; float:right;}
#review ul li div.after img{width:100%;}

/*#review ul li .photo_fog {position:absolute; width:202px; height:74px; padding-top:35px; font-size:20px; color:#fff; line-height:20px; text-align:center; z-index:100; background-color:rgba(0,0,0, .5);}*/
#review ul li .photo_fog {position:absolute; left:25px; right:25px; top:25px; bottom:52px; font-size:18px; color:#fff; line-height:20px; text-align:center; z-index:100; background-color:rgba(0,0,0, .5);}
.photo_rule {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:90%; height:40px; overflow:visible; }


.btn_r {text-align:right;}

.btn_list {background:#666; text-align:center; display:inline-block;  line-height:30px;   padding:3px 30px;  text-decoration:none !important;  vertical-align:middle; color:#fff !important; border:0;}
.btn_cancel {background:#666; text-align:center; display:inline-block;  line-height:30px;   padding:3px 30px;  text-decoration:none !important; vertical-align:middle; color:#fff !important;border:0;}
.btn_submit {background:#d71d6c; text-align:center; display:inline-block; line-height:30px;   padding:3px 30px;  text-decoration:none !important; vertical-align:middle; color:#fff !important;border:0;}
.btn_gray_tin {background:#bbb; text-align:center; display:inline-block;  line-height:20px;  padding:4px 22px;  text-decoration:none !important; vertical-align:middle; color:#fff !important;border:0;}



.board_pw { width:350px; margin:auto; padding:30px; border:2px solid #d71d6c; text-align:center; box-sizing:border-box; }
.btn_s_ok {background:#d71d6c; text-align:center; display:inline-block;  color:#fff; padding:7px 15px;  text-decoration:none !important; vertical-align:middle; color:#fff !important; border:0}
.btn_s_gray {background:#a3a3a3; text-align:center; display:inline-block;  color:#fff; padding:7px 15px;  text-decoration:none !important; vertical-align:middle; color:#fff !important; border:0;}

.cursor { cursor: pointer; }







/*회원가입*/
#join {position:relative; width:100%;}
#join:after { content:""; display:block; height:0; clear:both; float:none;}
#join .left{position:relative;width:40%; float:left}
#join .right{position:relative;width:56%; float:right}

.okbox {width:45%; min-width:300px; height:auto; margin:0 auto;  border:1px solid #d71d6c; background:#fff; padding:40px 20px;box-sizing:border-box;border-radius:20px; text-align:center; color:#000; }



/*로그인*/
#login {width:46.78%; min-width:473px; margin:auto; border:1px solid #d71d6c; background:#fff; padding:60px 40px;box-sizing:border-box;border-radius:20px;}
#login .title {width:100%; text-align:center; color:#000; font-size:45px;  padding:0 0 50px 0; }
#login .s_title {width:100%; text-align:center; color:#666; font-size:14px; margin:0 0 20px 0 }
#login .login_box {position:relative;  width:340px;;margin:auto; padding:0; }
#login .login_left {float:left; width:235px; }
#login ul.login_info { padding:0; margin:0; }
#login ul.login_info li {font-weight:bold; margin:3px 0;}
#login .login_right {float:right; width:86px; }
#login .btn_login {position:relative; vertical-align:middle; display:inline-block; background:#d71d6c; text-decoration:none !important; color:#fff !important; font-size:15px; font-weight:bold; padding:10px 0;  margin-top:4px;text-align:center; width:100%; height:87px; line-height:64px;}
#login input {width:100%; height:40px; padding:2px 5px 2px 15px; color:#666; background:#f2eeed; font-weight:normal; border:0;box-sizing:border-box }
#login .btn_box { margin:30px auto 0 auto; width:65%; min-width:280px; }
#login .btn_box:after { content:""; display:block; height:0; clear:both; float:none;}
#login .btn_box ul{margin:0; padding:0; width:100%;}
#login .btn_box ul li {float:left; margin:0 1%; width:46%; padding:0; }
#login .btn_join {background:#666; text-align:center; font-size:13px; display:inline-block; height:30px; line-height:30px; color:#fff; padding:3px 0; width:100%; text-decoration:none !important;  vertical-align:middle; color:#fff !important;}

/*아이디찾기*/
#id_s {width:45%; min-width:300px; height:370px; margin:0 2.5%; float:left; border:1px solid #d71d6c; background:#fff; padding:50px 35px;box-sizing:border-box;border-radius:20px;}
#id_s .title {width:100%; text-align:center; color:#000; font-size:28px;  padding:0 0 50px 0; }
#id_s table.t_find { color:#666; border-collapse:collapse; width:100%; margin:0; border:0; text-indent:0; font-weight:normal;}
#id_s table.t_find td {padding:0; vertical-align: middle;  }
#id_s table.t_find tr th{text-align:left; } 
#id_s .btn_box {width:50%; margin:auto}
#id_s .btn_find { position:relative; display:inline-block; background:#d71d6c; text-decoration:none !important; color:#fff !important; font-size:1em; font-weight:bold; padding:2px 0; margin-top:30px;text-align:center; width:100%; height:30px; line-height:30px;}
.w100 {width:100px;}

/*비밀번호찾기*/
#pw_s {width:45%; min-width:300px; height:370px; margin:0 2.5%; float:right; border:1px solid #d71d6c; background:#fff; padding:50px 35px;box-sizing:border-box;border-radius:20px;}
#pw_s .title {width:100%; text-align:center; color:#000; font-size:28px;  padding:0 0 50px 0; }
#pw_s table.t_find { color:#666; border-collapse:collapse; width:100%; margin:0; border:0; text-indent:0; font-weight:normal;}
#pw_s table.t_find td {padding:0; vertical-align: middle;  }
#pw_s table.t_find tr th{text-align:left; } 
#pw_s .btn_box {width:50%; margin:auto}
#pw_s .btn_find { position:relative; display:inline-block; background:#d71d6c; text-decoration:none !important; color:#fff !important; font-size:1em; font-weight:bold; padding:2px 0; margin-top:30px;text-align:center; width:100%; height:30px; line-height:30px;}






/* 병원둘러보기 */
#photo_g {position:relative; width:68.96%; margin:auto; }
#photo_g .view{width:100%;position:relative; }
#photo_g .view img {width:100%;}
#photo_g .list{width:100%;position:relative; }
#photo_g .list ul {width:100%;position:relative; }
#photo_g .list ul li {width:19%; float:left; margin:10px 1.25% 0 0; ;}
#photo_g .list ul li:nth-child(5){ margin:10px 0 0 0; ;}
#photo_g .list ul li:nth-child(10){ margin:10px 0 0 0; ;}
#photo_g .list ul li img {width:100%; }












@media (max-width:1400px) {

#review ul li .photo_fog {font-size:13px;}

#diet .info {width:70%;}

/*아이디찾기*/
#id_s {width:80%; min-width:300px; height:350px; float:none; margin:auto }

/*비밀번호찾기*/
#pw_s {width:80%; min-width:300px; height:370px;  float:none; margin:20px auto 0 auto;}


}



@media (max-width:1200px) {

#review ul li .photo_fog {font-size:10px;}

#diet .info {width:65%;}

/*회원가입*/
#join .left{position:relative;width:100%; float:none}
#join .right{position:relative;width:100%; float:none}


}


@media (max-width:980px) {

#review ul li {width:30%; margin:0 1.56% 35px 1.56%; }
#review ul li .photo_fog {font-size:15px;}


.board_pw { width:70%; margin:auto; padding:25px; }



/* 병원둘러보기 */
#photo_g {position:relative; width:90%; margin:auto; }



}



@media (max-width:640px) {

#review ul li .photo_fog {font-size:20px;}

.board_title{font-size:18px; margin:0 0 10px 0; line-height:130%; }
.board_info {border:1px solid #d71d6c;background:#f8f8f8; padding:20px;  box-sizing:border-box; margin:0 0 30px 0}


/* 게시판 뷰 */
#content_text table.view thead td { padding:10px 5px; }
#content_text table.view td {padding:10px 10px; }
#content_text table.view td.substance{padding:15px 5px; }
#content_text table.view div.eventform { margin:20px 0 0 0; padding:15px;}
#content_text table.view div.e_tit {font-size:16px; margin:0 0 5px 0}
#content_text table.view div.e_btn {width:100%; font-size:16px;  float:none; padding:10px 0 ;}
#content_text table.view div.eventform table { width:100%; float:none;  }
#content_text table.view div.eventform table tr th{color:#333; padding:2px 10px; background:url(/kor/img/common/h4.gif) no-repeat 0 16px;text-align:left }
#content_text table.view div.eventform table tr td{ border:0; padding:2px 10px;}

/*페이징*/
#page a {  width:28px; height:25px;  padding:4px 0 0 0;}
#page a.first {background:url(/kor/img/board/navi.jpg) no-repeat 0px -3px; border-left:1px solid #d;}
#page a.prev {background:url(/kor/img/board/navi.jpg) no-repeat -37px -3px; }
#page a.next {background:url(/kor/img/board/navi.jpg) no-repeat -275px -3px;}
#page a.last {background:url(/kor/img/board/navi.jpg) no-repeat -310px -3px;}

/* 체험기*/

#webzine .photo {width:60%; margin:auto;float:none; }
#webzine .photo img{width:100%; float:none; }
#webzine .info {width:100%; float:none; margin-top:10px }
#webzine .info dt {font-size:16px }
#webzine .info ul li{  padding:0; width:50%}
#webzine .info ul li span{ font-weight:bold; color:#333;}

/* 이벤트 */
#event_g {position: relative;  border-top: 2px solid #66594d; }
#event_g ul { width:100%;}
#event_g ul li { border-bottom:1px dotted #999;  padding:25px 0 25px 0; }
#event_g ul li:after { content:""; display:block; height:0; clear:both; float:none;}
#event_g .photo {width:38%; max-width:470px; float:left; }
#event_g .photo img{width:100%;}
#event_g .info {width:59%; float:right; text-align:left;}
#event_g .info dl { }
#event_g .info dt { margin-bottom:0px;  font-size:15px;}
#event_g .info dd.date { margin-bottom:0px;  font-size:13px;}
#event_g .info dd div.ing { margin-top:2px;}
#event_g .info dd div.end { margin-top:2px;}

/* 온라인예약 */
#online .con_left{width:100%; float:none;}
#online .con_right{width:100%; float:none;}
#online .calendar_box {width:100%; float:none; }
#online .time_box {width:100%; float:none; height:250px;  }
#online .time_list{position:relative;  height:200px; padding:20px;}
#online .time{position:relative; width:100%; height:200px; }



#review {padding:30px 0 10px 0 }
#review ul li { width:100%; margin:0 0 15px 0; float:none; padding:25px; box-sizing:border-box; }


#diet .photo {width:100%; max-width:100% ; float:none;  margin:0; }
#diet .photo_box {width:80%; margin:auto; min-width:80%; }
#diet .info {width:100%; float:none; margin-top:10px;}


.board_pw { width:90%; margin:auto; padding:15px; }

.btn_list {line-height:25px;   padding:3px 20px;}
.btn_cancel {line-height:25px;   padding:3px 20px;}
.btn_submit {line-height:25px;   padding:3px 20px; }
.btn_gray_tin {line-height:25px;  padding:4px 20px;}



/* 게시판 검색 */
#search { padding:10px; }
#search .input { width:40%;  }

table.basic .init { display:none; } /* 온라인예약, 전화예약 모바일에서 번호,작성일 숨김*/


/*로그인*/
#login {width:95%; min-width:95%; margin:auto;padding:30px 20px;}
#login .title {font-size:25px;  padding:0 0 40px 0; }
#login .login_box { width:100%; }
#login .login_left {float:left; width:65%; }
#login .login_right {float:right; width:30%; }
#login .btn_box { margin:30px auto 0 auto; width:80%; min-width:100%; }
#login .btn_box ul li {margin:0 0.5%; width:48%; }

#login .btn_join {font-size:12px; letter-spacing:-0.5px}

.okbox {width:95%; min-width:95%;padding:40px 15px;box-sizing:border-box;border-radius:20px;  }




/*아이디찾기*/
#id_s {width:95%; min-width:95%; height:auto; float:none; margin:auto; padding:20px 15px; }
#id_s .title { font-size:18px;  padding:0 0 30px 0; }

/*비밀번호찾기*/
#pw_s {width:95%; min-width:95%; height:auto;  float:none; margin:20px auto 0 auto; padding:20px 15px;}
#pw_s .title { font-size:18px;  padding:0 0 30px 0; }

.w100 {width:60px;}




}