@charset "utf-8";

/* 게시판 리스트 */
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 #66594d;}
#content_text table.basic thead, #content_text table.t1 tbody th, #content_text table.t1 tfoot { font-weight:bold; color: #222; vertical-align: middle; }
#content_text table.basic thead th{ font-weight:bold; color:#333; padding:10px 0; text-align: center; }
#content_text table.basic td {padding:15px 10px; border-bottom: 1px solid #ddd;  text-align: center;  vertical-align: middle; }
#content_text table.basic td.subject {text-align:left;}
#content_text table.basic tr td.tit { font-weight:bold; background:#f4f4f4; color:#222; border-right:1px solid #ddd;}
#content_text table.basic tr th{ border-bottom: 1px solid #ddd; } 
#content_text table.basic tr td a { font-weight:normal; color:#666; }
#content_text table.basic tr td.state_ok { color:#469dbd;}
#content_text table.basic tr td.state_x { color:#f95274;}

.new_icon {vertical-align:middle;}
.board_tit { font-size:15px; font-family:'NanumGothicBoldWeb'; display:block; color:#222;}

/*페이징*/
#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 #d2d2d2; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; margin:0; color:#777; width:33px; height:30px; float:left; padding:5px 0 0 0;}
#page a.on {border:1px solid #b95b00; color:#b95b00; font-weight:bold;}
#page a.first {background:url(/img/board/navi.jpg) no-repeat 0px -1px; border-left:1px solid #d2d2d2;}
#page a.prev {background:url(/img/board/navi.jpg) no-repeat -35px -1px; }
#page a.next {background:url(/img/board/navi.jpg) no-repeat -275px -1px;}
#page a.last {background:url(/img/board/navi.jpg) no-repeat -310px -1px;}


/* 게시판 뷰 */
#content_text table.view {table-layout:fixed;}
#content_text table.view td.substance img {max-width:100%;}
/*#content_text table.view td.substance img {max-width:650px; }*/
#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 #66594d; }
#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.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:20px; }
#content_text table.view td.reply{padding:20px 30px 30px 50px;background:url(/img/board/re.png) no-repeat 15px 15px ; background-color:#f7f2e7; }
#content_text table.view div.re_box:after { content:""; display:block; height:0; clear:both; float:none;}
#content_text table.view div.doctor_p{border:1px solid #77695f; width:14.28%; float:left;box-sizing:border-box;}
#content_text table.view div.doctor_p:after { content:""; display:block; height:0; clear:both; float:none;}
#content_text table.view div.doctor_p span{background:#77695f; color:#fff; text-align:center;display:block; padding:3px;width:100%;box-sizing:border-box;border:1px solid #77695f;}
#content_text table.view div.doctor_p img{ width:100%; height:92px; overflow:hidden;}
#content_text table.view div.reply_box {width:82%; float:right;}
#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:40px}
.board_img {text-align:center; margin:0 0 30px 0;text-align:left;}
.file {padding:0 5px 0 0; vertical-align:middle;}

.btn_r {text-align:right;}

/* 동영상첨부시 모바일 리사이징 */
@media (max-width: 1250px) {
	#content_text table.view iframe {width:100%; height:auto;}
}

/* 게시판 쓰기 */
#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:1px solid #66594d;}
#content_text table.write td {padding:9px 15px; border-bottom: 1px solid #ddd;   vertical-align: middle;   text-align:left;}
#content_text table.write tr td.tit { font-weight:bold; background:#f4f4f4;text-align:center; color:#222; border-right:1px solid #ddd;}
#content_text table.write tr th{ border-bottom: 1px solid #ddd;text-align:center; } 
#content_text table.write tr td a { font-weight:normal; color:#666; }
.textarea_w {width:90%;border:1px solid #dedede; box-sizing:border-box;}
.textarea_w02 {width:100%;border:1px solid #dedede; background:#fff;  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: #f7f7f6; 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; }



/*지점별컬러*/
.h_POS001 {color:#cb9d22; font-weight:700; margin-right:3px;}
.h_POS002 {color:#cd1c14; font-weight:700; margin-right:3px;}
.h_POS010 {color:#359fa8; font-weight:700; margin-right:3px;}
.h_POS003 {color:#2962ad; font-weight:700; margin-right:3px;}
.h_POS004 {color:#3b9c11; font-weight:700; margin-right:3px;}
.h_POS005 {color:#cd5f17; font-weight:700; margin-right:3px;}
.h_POS009 {color:#d61c59; font-weight:700; margin-right:3px;}
.h_POS006 {color:#2aadc0; font-weight:700; margin-right:3px;}
.h_POS007 {color:#5e790c; font-weight:700; margin-right:3px;}
.h_POS008 {color:#6d2099; font-weight:700; margin-right:3px;}



.ok_pop{width:50%; margin:auto; text-align:center; border:3px solid #efba0b; padding:30px;box-sizing:border-box;}
.ok_pop span {color:#d86b1d; font-size:1.4em; font-weight:700;line-height:180%}


/*온라인상담 상태*/
.re_ok{background:#f4c710;color:#4f4133; display:inline-block; padding:3px 8px 4px 8px; font-size:0.9em; line-height:140%}
.re_ing{background:#999;color:#fff; display:inline-block; padding:3px 8px 4px 8px; font-size:0.9em; line-height:140%}

.pw_pop{width:50%; margin:auto; text-align:center; border:3px solid #efba0b; padding:20px;box-sizing:border-box;}
.btn_pw{background:#f4c710;color:#4f4133; display:inline-block; padding:6px 8px 7px 8px; font-size:0.9em; line-height:140%}

.icon_lock {vertical-align:middle;}




/* 갤러리 */
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;}


/*하이맨이야기 분류*/
.i_notice {color:#f74d11; font-weight:700; margin-right:3px;font-size:1.1em;}
.i_press {color:#5939d1; font-weight:700; margin-right:3px;}
.i_info {color:#358217; font-weight:700; margin-right:3px;}



/* 체험기*/

#webzine {position: relative;  border-top: 2px solid #66594d; }
#webzine ul { width:100%;}
#webzine ul li { border-bottom:1px dotted #999;  padding:30px 0 30px 0; }
#webzine ul li:after { content:""; display:block; height:0; clear:both; float:none;}
#webzine .photo {width:30%; float:left; }
#webzine .photo img{width:100%; float:left; }
#webzine .info {width:65%; float:right; }
#webzine .info dl { }
#webzine .info dt {font-weight:700; color:#333;  margin:5px 0;  font-size:1.1em;}
#webzine .info dd.txt {color:#888;}
#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 #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:57.142%; float:left; }
#event_g .photo img{width:100%;}
#event_g .info {width:38%; float:right; text-align:left;}
#event_g .info dl { }
#event_g .info dt {font-weight:bold; color:#666;  margin-bottom:3px;  font-size:1.1em;}
#event_g .info dd.date {font-weight:bold; color:#333;  margin-bottom:3px;  font-size:1.3em;}
#event_g .info dd div.ing {background:#e85217;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 #66594d; border-top:1px solid #66594d;}
#faq ul.faq li {padding:15px 15px 15px 55px;  margin:0; background:url(/img/board/faq_q.png) no-repeat 10px 8px;line-height:160%; border-bottom:1px solid #c9d1df;   color:#868686;  }
#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:#66594d; font-weight:bold; }
#faq ul.faq li.answer{padding:15px 15px 15px 55px; margin:0; background:url(/img/board/faq_a.png) no-repeat 10px 8px #fcfcfc; line-height:190%;  color:#777;}
#faq ul.faq li.q_view_back{ background:url(/img/board/faq_q.png) no-repeat 5px 10px; }





/* 전후사진 */

#be_photo {position: relative;  border-top: 2px solid #66594d; border-bottom:1px solid #ddd;  padding:25px 0 0 0;}
#be_photo:after { content:""; display:block; height:0; clear:both; float:none;}
#be_photo ul {position: relative; }
#be_photo ul li{position: relative;   width:47.14%; margin:0 5.71% 30px 0;}
#be_photo ul li:after { content:""; display:block; height:0; clear:both; float:none;}
#be_photo ul li.left{ margin:0 5.71% 30px 0;}
#be_photo ul li.right{ margin:0 0 30px 0;}
#be_photo ul li div.before{ width:50%; float:left; height:auto; overflow:hidden; border-right:1px solid #fff; box-sizing:border-box;}
#be_photo ul li div.before img { width:100%;}
#be_photo ul li div.after{ width:50%;  height:auto; overflow:hidden; border-right:1px solid #fff;  box-sizing:border-box;}
#be_photo ul li div.after img { width:100%;  }
#be_photo ul li div.arrow {position: absolute; top:25%; left:46%; }
#be_photo ul li div.arrow img { width:70%; }
#be_photo ul li div.title {font-size:1.1em; margin-top:5px;}
#be_photo ul li div.title span{font-weight:700; }
#be_photo ul li div.date {font-size:0.9em; color:#999;}


#be_photo ul.view {position: relative; }
#be_photo ul.view li{position: relative;   width:100%; margin:10px 0 30px ;}
#be_photo ul.view li:after { content:""; display:block; height:0; clear:both; float:none;}
#be_photo ul.view li div.before{ width:50%; float:left; height:auto; overflow:hidden; border-right:1px solid #fff; box-sizing:border-box;}
#be_photo ul.view li div.before img { width:100%;}
#be_photo ul.view li div.after{ width:50%;  height:auto; overflow:hidden; border-right:1px solid #fff;  box-sizing:border-box;}
#be_photo ul.view li div.after img { width:100%;  }
#be_photo ul.view li div.arrow {position: absolute; top:45%; left:47%; }

.ellipsis3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.2em;
	height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}

.ellipsis2{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:block;
}

.ellipsis1{
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:block;
}
.ellipsis4{
	width: 93%;
	margin:auto;
	height: 35px;
	line-height:140%;
	overflow: hidden;
	/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:block;
	*/
}

.ellipsis5{
	width: 93%;
	margin:auto;
	height: 23px;
	overflow: hidden;
}

.cur{ cursor: pointer; }
.disp_hidden { display: none; }
.pw_pop_attr {
	display: none; 
	margin-top: 20px;
	position: absolute; 
	z-index: 32766; 
	background-color: #fff;
} 

.pading10 { padding: 10px 10px 10px 10px; margin: 0px; }

.new_icon { 
	padding-left: 20px;
	background: url( /img/board/icon_new.gif ) no-repeat;
	text-indent:-1000px;
}


@media (max-width: 1280px) {
#content_text table.view td.substance img{width:100% }

}







/* ---------------------- 모바일 시작 ------------------------- */




@media (max-width:740px) {

/* 게시판 검색 */
#search {margin-top:30px; position: relative; width:100%;  text-align:center; background: #f7f7f6; padding:10px 5px; box-sizing:border-box;}

/* 게시판 리스트 */
caption {display:none;}
#content_text table.basic thead th{ font-weight:bold; color:#333; padding:8px 0; text-align: center; }
#content_text table.basic td {padding:7px 5px; border-bottom: 1px solid #ddd;  text-align: center;  vertical-align: middle; }



/* 게시판 뷰 */
#content_text table.view thead td { padding:10px 0; }
#content_text table.view td {padding:10px 0; }
#content_text table.view div.doctor_p{ width:45%; float:none;}
#content_text table.view div.doctor_p img{ height:80px;}
#content_text table.view div.reply_box { margin-top:5px;width:100%; float:none;}
#content_text table.view dl dt{margin-right:0;width:20%;}
#content_text table.view dl dd{margin-right:0;  width:30%;}



/* 게시판 쓰기 */
#content_text table.write td {padding:9px 10px; text-align:left;}
#content_text table.write tr th{ width:25%;} 

/* 게시판 검색 */
#search {margin-top:30px; position: relative; width:100%; font-size:12px; text-align:center; background: #f7f7f6; 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:30%; height:25px; padding:2px 3px; color:#666; font-weight:normal; }


/* 체험기*/

#webzine ul li { padding:15px 0 15px 0; }
#webzine .photo {width:40%;  }
#webzine .info {width:55%; }
#webzine .info dt {font-size:1em;}
#webzine .info dd.txt {display:none}
#webzine .info ul{display:none}


/* 이벤트 */
#event_g {position: relative;  border-top: 2px solid #66594d; }
#event_g ul { width:100%;}
#event_g ul li { border-bottom:1px dotted #999;  padding:15px 0 15px 0; }
#event_g ul li:after { content:""; display:block; height:0; clear:both; float:none;}
#event_g .photo {width:100%; float:none; }
#event_g .photo img{width:100%;}
#event_g .info {width:100%; float:none; text-align:center;}
#event_g .info dl { margin-top:5px;}
#event_g .info dt {font-weight:bold; color:#666;  font-size:1em;  float:left;}
#event_g .info dd.date {font-weight:bold; color:#333;  font-size:1em;}
#event_g .info dd div.ing { padding:3px 20px 4px 20px;}
#event_g .info dd div.end { padding:3px 20px 4px 20px;}

.ok_pop{width:90%;padding:10px;}
.ok_pop span {color:#d86b1d; font-size:1.2em; font-weight:700;line-height:180%}


/* 자주묻는 질문 */
#faq ul.faq li {padding:10px 15px 15px 45px;  background-size:27px 30px; }
#faq ul.faq li.q_view{padding:10px 15px 15px 45px; margin:0; background-size:27px 30px;}
#faq ul.faq li.answer{padding:10px 15px 15px 45px; margin:0; background-size:27px 30px; }


.pw_pop{width:80%; }



/* 전후사진 */

#be_photo ul li{ width:100%; margin:0 0 30px 0; padding:0 0 20px 0}
#be_photo ul li.left{ margin:0 0 0 0;}
#be_photo ul li.right{ margin:0 0 0 0;}
#be_photo ul li div.before{  float:left; height:auto; }
#be_photo ul li div.before img { width:100%;}
#be_photo ul li div.after{  height:auto; }
#be_photo ul li div.after img { width:100%;  }
#be_photo ul li div.arrow {position: absolute; top:23%; left:47%; }
#be_photo ul li div.arrow img{ width:100%; }
#be_photo ul li div.title {font-size:1em; margin-top:5px; line-height:120%;}
#be_photo ul li div.date {font-size:0.9em; }

#be_photo ul.view li div.arrow {position: absolute; top:35%; left:47%; }
#be_photo ul li div.arrow img{ width:50%; }



/* 갤러리 */
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%;font-size:0.9em;  }
table.photo ul li img{width:100%; height:70px;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:#333; margin-top:5px;}

/*하이맨이야기 분류*/
.i_notice {margin-right:2px; font-size:0.9em; line-height:130%;}
.i_press { margin-right:2px; font-size:0.9em}
.i_info { margin-right:2px; font-size:0.9em}


.re_ok{ padding:3px 8px 4px 8px; font-size:0.8em; line-height:140%}

.re_ing{padding:3px 8px 4px 8px; font-size:0.8em; line-height:140%}

}