@charset "utf-8";

#header { position:relative; z-index:9999; width:100%; height:80px; background:url('https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images_2316/header/header_bg.jpg') top left repeat-x; }

#header .header_inner { position:relative; top:0; left:0; }

#header .header_inner h1.main_logo { position:absolute; z-index:2; top:21px; left:42px; }

#header .header_inner .gnb { position:absolute; z-index:2; top:0; left:50%; margin-left:-413px; }

#header .header_inner .gnb li { display:inline-block; float:left; }
#header .header_inner .gnb > li {position:relative; height:80px;}
#header .header_inner .gnb li a {display:inline-block;}
#header .header_inner .gnb li a .on {display:none;}
#header .header_inner .gnb li.on a .off {display:none;}
#header .header_inner .gnb li.on a .on {display:block;}

#header .header_inner .gnb li.m1 ul { width:546px; left:0; }
#header .header_inner .gnb li.m2 ul { width:546px; left:0; }
#header .header_inner .gnb li.m3 ul { width:546px; left:0; }
#header .header_inner .gnb li.m4 ul { width:546px; left:0; }
#header .header_inner .gnb li.m5 ul { width:546px; left:0; }
#header .header_inner .gnb li.m6 ul { width:546px; left:0; }
#header .header_inner .gnb li.m7 ul { width:546px; left:0; }

.m1_area { position:absolute; top:0; left:0px; }
.m2_area { position:absolute; top:0; left:-104px; }
.m3_area { position:absolute; top:0; left:-253px; }
.m4_area { position:absolute; top:0; left:-403px; }
.m5_area { position:absolute; top:0; left:-507px; }
.m6_area { position:absolute; top:0; left:-627px; }
.m7_area { position:absolute; top:0; left:-787px; }


#header .header_inner .gnb li .icon      { display:none; position:absolute; z-index:2; top:80px; left:-136px; width:136px; height:301px; }
#header .header_inner .gnb li .realstory { display:none; position:absolute; z-index:2; top:103px; left:675px; width:365px; height:250px; overflow:hidden; }
#header .header_inner .gnb li .area      { display:none; position:absolute; z-index:1; top:80px; left:546px; width:494px; height:301px; }

#header .header_inner .gnb li .dep2 { display:none; position:absolute; top:80px; left:0px; width:546px; height:301px; }
#header .header_inner .gnb li.on .dep2 { display:block; }
#header .header_inner .gnb li .dep2 li { margin:0px 42px 9px 0px; }
#header .header_inner .gnb li .dep2 li a { height:21px; overflow:hidden; }
#header .header_inner .gnb li .dep2 li a:hover img { margin-top:-21px; }



#header .header_inner ul.language { position:absolute; z-index:2; top:23px; right:42px; }
#header .header_inner ul.language li { display:inline-block; float:left; width:34px; height:34px; margin:0 3px; overflow:hidden; }
#header .header_inner ul.language li a:hover img { margin-top:-34px; }


#header .header_inner #gnb_slider- { width:365px; height:250px; overflow:hidden; }



#header .dep2_bg { display:none; position:absolute; z-index:1; top:80px; left:0; width:100%; height:302px; border-bottom:1px solid #ece1db; box-sizing:border-box; background-color:#ffffff; }



#rnb { position:fixed; z-index:2316; top:80px; right:-89px; width:118px; height:100%; overflow:hidden; }
#rnb .rnb_controller { position:absolute; z-index:3; top:365px; right:89px; width:30px; height:130px; cursor:pointer; }
#rnb ul { position:absolute; z-index:2; top:1px; right:1px; }
#rnb ul li { width:87px; height:87px; overflow:hidden; }
#rnb ul li a:hover img { margin-top:-87px; }



#top_button { position:fixed; z-index:2316; bottom:10px; right:10px; width:60px; height:60px; overflow:hidden; }
#top_button a:hover img { margin-top:-60px; }



#footer { position:relative; width:100%; height:536px; margin-top:100px; border-top:1px solid #e5e5e5; background-color:#fff; }
#footer .footer_inner { position:relative; width:1226px; margin:0 auto; }

#footer .footer_inner .logo { position:absolute; top:50px; left:0; }

#footer .footer_inner .info         { position:absolute; top:88px; right:0; width:327px; font-size:0; }
#footer .footer_inner .info .info01 { float:right; }
#footer .footer_inner .info .info02 { float:right; margin-top:6px; }
#footer .footer_inner .info .info03 { float:right; margin-top:6px; }

#footer .footer_inner .fnb { position:absolute; top:186px; left:0; font-size:0; }
#footer .footer_inner .fnb .fnb01 { position:absolute; top:0; left:0; }
#footer .footer_inner .fnb .fnb02 { position:absolute; top:0; left:147px; }
#footer .footer_inner .fnb .fnb03 { position:absolute; top:0; left:354px; }
#footer .footer_inner .fnb .fnb04 { position:absolute; top:0; left:557px; }
#footer .footer_inner .fnb .fnb05 { position:absolute; top:0; left:745px; }
#footer .footer_inner .fnb .fnb06 { position:absolute; top:0; left:924px; }
#footer .footer_inner .fnb .fnb07 { position:absolute; top:0; left:1121px; }

#footer .footer_inner .fnb ul    { margin-top:25px; }
#footer .footer_inner .fnb ul li { margin-bottom:14px; }

#footer .footer_inner .fnb .txt01 {}
#footer .footer_inner .fnb .txt02 { margin-top:5px; }

#footer .footer_inner .copyright { position:absolute; top:475px; right:0; }



/* reset(중복) */
*{margin:0; padding:0;}
img, fieldset{border:0; vertical-align:middle;}
table{width:100%; border-collapse:collapse; border-spacing:0;}
ul,ol,li{list-style:none;}

/* common layout */
.h2_tit{ margin: 60px 0; }
.h3_tit{padding:30px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:60px 0 46px;}
.pageTop{margin-bottom:44px;}
legend, caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9000px;}

/* common layout */
.h2_tit{}
.h3_tit{padding:30px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:60px 0 46px;}
.pageTop{margin-bottom:44px;}
legend, caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9000px;}

/* bbs */
.wrap_bbs-detail { margin-top:60px; }

.bbsTotal { height:60px; line-height:60px; font-size:12px; color:#af9485;}

.bbsList, .bbsDetail { border-top:1px solid #333333; }
.bbsList th, .bbsDetail th { background:#fafafa; padding:15px 0; border-bottom:1px solid #ececec; }
.bbsList tbody td, .bbsDetail tbody td { height:56px; font-size:14px; border-bottom:1px solid #e6e6e6; text-align:center; color:#969696; }
.bbsList tbody td.subj { text-align:left; }
.bbsList tbody td.subj img{margin-right:4px;}
.bbsList tbody td.subj_pop{text-align:left; padding-left:10px;}
.bbsList tbody td.subj_pop img{margin-right:4px;}
.bbsList tbody td a { font-size:16px; color:#4b4b4b; text-decoration:none;}

.bbsDetail tbody th { text-align:left; padding:6px 0 6px 48px; font-size:12px; color:#555; font-weight:bold; }
.bbsDetail tbody th.re{color:#0090af;}
.bbsDetail tbody th.re img{margin:0 0 8px 10px;}
.bbsDetail tbody td { text-align:left; padding:0 0 0 30px; }

.bbsDetail.view tbody tr td { height:80px; color:#666; }
.bbsDetail.view tbody tr td.txtCon{line-height:1.4;}
.bbsDetail.view tbody tr td.txtCon.reply{color:#0090af;}

.inputTxt{height:22px; border:1px solid #ccc; background:#f3f3f3;}
input[type="checkbox"]{vertical-align:middle; margin-right:4px;}


.bbsSrch { float:left; position:relative; margin-top:44px; }
.bbsSrch:after { content:''; display:block; width:100%; clear:both; *zoom:1; }
.bbsSrch select   { float:left; width:140px; height:24px; border:1px solid #f0f0f0; vertical-align:middle; }
.bbsSrch fieldset { float:left; }

.bbsSrch input[type="text"]  { float:left; width:172px; height:22px; padding:0; margin-left:5px; border:1px solid #f0f0f0; vertical-align:middle; }
.bbsSrch input[type="image"] { position:absolute; top:6px; right:6px; width:12px; height:12px; vertical-align:middle; }

.bbs_paging { float:left; width:322px; margin-top:37px; margin-left:113px; }
.bbs_paging ul.list_nember { }
.bbs_paging ul li { display:inline-block; width:37px; height:37px; border:1px solid #e0e0e0; margin-right:7px; text-align:center; }
.bbs_paging ul li a     { display:inline-block; width:100%; height:100%; line-height:37px; color:#666; text-decoration:none; }
.bbs_paging ul li.btn a { margin:0; padding:0; vertical-align:top; }
.bbs_paging ul li.on   { background-color:#af9485; border:1px solid #9a7c6c; }
.bbs_paging ul li.on a { color:#fff; }

.bbs_paging3 { width:100%; margin-top:37px; text-align:center; }
.bbs_paging3 ul.list_nember { }
.bbs_paging3 ul li { display:inline-block; width:37px; height:37px; border:1px solid #e0e0e0; margin-right:7px; text-align:center; }
.bbs_paging3 ul li a     { display:inline-block; width:100%; height:100%; line-height:37px; color:#666; text-decoration:none; }
.bbs_paging3 ul li.btn a { margin:0; padding:0; vertical-align:top; }
.bbs_paging3 ul li.on   { background-color:#af9485; border:1px solid #9a7c6c; }
.bbs_paging3 ul li.on a { color:#fff; }

.bbs_btn { float:right; margin-top:33px; }
.bbs_btn.cen { text-align:center; }
.bbs_btn.cen a { margin:0 4px; }
.bbs_btn .fl { float:left; margin-right:4px; }

/* gallery */
.gallWrap { position:relative; padding:30px; background:url(https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images/bg_gallery01.gif); margin-bottom:30px; }
.gallWrap .btnPrev{position:absolute; left:0; top:50%; margin-top:-32px;}
.gallWrap .btnNext{position:absolute; right:0; top:50%; margin-top:-32px;}
.gallWrap .screenBg{background:#fff; padding:30px 0 20px;}
.gallWrap .view{width:800px; margin:0 auto; overflow:hidden;}
.gallWrap .view ul{min-width:4000px;}
.gallWrap .view ul li{float:left;}
.gallWrap .view ul:after { content:''; display:block; width:100%; clear:both; *zoom:1; }
.gall_tit{text-align:center; font-size:14px; color:#555; line-height:1.5; margin-top:10px;}
.gall_tit strong{font-size:16px; color:#006987;}

/* gallery type 01 */
ul.bbs_gallery-serch-01 { width:100%; margin-top:30px; }
ul.bbs_gallery-serch-01:after { content:''; display:block; clear:both; *zoom:1; }
ul.bbs_gallery-serch-01 li    { display:inline-block; float:left; text-align:center; }
ul.bbs_gallery-serch-01 li a  { display:inline-block; width:100%; height:55px; font-size:16px; line-height:55px; }

ul.bbs_gallery-01 { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
ul.bbs_gallery-01 li.picWrap { width:800px; height:361px; margin:15px auto; background:url('https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images_2316/community_03_bg01.jpg'); }
ul.bbs_gallery-01 li.picWrap .photo { display:inline-block; width:776px; height:296px; margin:11px 0 0 11px; margin-top:10px; border:1px solid #d3d3d3; }
ul.bbs_gallery-01 li.picWrap .titWrap { margin:10px 0 0 60px; }
ul.bbs_gallery-01 li.picWrap .titWrap .tit { font-size:16px; line-height:16px; color:#232323; }
ul.bbs_gallery-01 li.picWrap .titWrap .con { font-size:12px; line-height:12px; color:#636363; margin-top:4px;}







/* gallery type 02 */
ul.youtube { position:relative; width:1000px; height:338px; margin:50px auto; }
ul.youtube li { width:1000px; height:298px; }
ul.youtube li .wrap_txt { position:absolute; top:0; right:0; width:340px; height:298px; padding:20px; background-color:#fafafa;}
ul.youtube li .wrap_txt .txt01 { font-size:13px; line-height:23px; font-weight:bold; }
ul.youtube li .wrap_txt .devide { width:100%; height:1px; margin:10px 0; background-color:#e5e5e5; }
ul.youtube li .wrap_txt .txt02 { font-size:11px; line-height:21px; margin-top:20px; }

ul.bbs_gallery-serch-02 { width:100%; margin-top:30px; }
ul.bbs_gallery-serch-02:after { content:''; display:block; clear:both; *zoom:1; }
ul.bbs_gallery-serch-02 li    { display:inline-block; float:left; text-align:center; }
ul.bbs_gallery-serch-02 li a  { display:inline-block; width:100%; height:55px; font-size:16px; line-height:55px; }

ul.bbs_gallery-02 { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
ul.bbs_gallery-02:after { content:''; display:block; clear:both; *zoom:1; }
ul.bbs_gallery-02 li.picWrap { display:inline-block; float:left; width:320px; height:243px; margin:6px; background:url('https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images_2316/community_07_bg.jpg'); overflow:hidden; }
ul.bbs_gallery-02 li.picWrap .photo { display:inline-block; width:300px; height:174px; margin:10px 0 0 10px; }
ul.bbs_gallery-02 li.picWrap .titWrap { margin:12px 0 0 60px; }
ul.bbs_gallery-02 li.picWrap .titWrap .tit { font-size:16px; line-height:16px; color:#232323; }
ul.bbs_gallery-02 li.picWrap .titWrap .con { font-size:12px; line-height:12px; color:#636363; margin-top:4px;}





/* calender */
.calenderBox .tblTop{padding:25px 0;background:#fafafa;border-top:2px solid #4a3d29;font-family:NanumGothic;font-size:30px;color:#323232;text-align:center;}
.calenderBox .tblTop span{display:inline-block;margin:0 95px;}
.calenderBox .calenderTop tbody tr td{background:url(https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images/bg_table_th.jpg) repeat 0 0;font-size:15px;color:#fff;text-align:center;}
.calenderBox .calenderTop tbody tr td span{display:block;padding:21px 0;background:url(https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images/bg_calender_th.png) no-repeat 0 100%;}
.calenderBox .calender{border-collapse:separate;border-spacing:3px;}
.calenderBox .calender tbody tr td{border:1px solid #e7e7e7;text-align:center;}
.calenderBox .calender tbody tr td div{position:relative;padding:50px 0;}
.calenderBox .calender tbody tr td div span{position:absolute;left:10px;top:10px;}
.calenderBox .calender tbody tr td div a{position:relative;display:inline-block;bottom:-40px;}



/* popup */
#popup{display:none;}
#colorbox{z-index:100000000;outline:none;overflow:inherit !important;}
#colorbox #cboxWrapper{background:ransparent;}
#colorbox #cboxLoadedContent{position:relative;overflow:visible !important;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:100000000;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxOverlay{background:url('https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images/img_overlay.png') repeat 0 0;}
#cboxClose{display:none !important;}
#cboxTopLeft{height:0;font-size:0;line-height:0;}
#cboxTopCenter{height:0;font-size:0;line-height:0;}
#cboxTopRight{height:0;font-size:0;line-height:0;}
#cboxMiddleLeft{height:0;font-size:0;line-height:0;}
#cboxContent{height:0;}
#cboxMiddleRight{height:0;font-size:0;line-height:0;}
#cboxBottomLeft{height:0;font-size:0;line-height:0;}
#cboxBottomCenter{height:0;font-size:0;line-height:0;}
#cboxBottomRight{height:0;font-size:0;line-height:0;}
.bgOverlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:url('https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images/img_overlay.png') repeat 0 0;}
.layerPop{width:718px;background:url('https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images/bg_pop_reservation.png') no-repeat 0 0;font-family:NanumGothic;}
.layerPop .popHeader{position:relative;padding:7px 0 7px 28px;}
.layerPop .popHeader .btnClose{position:absolute;right:16px;top:14px;}
.layerPop .popContents{margin:0 30px;padding:25px 20px 45px 20px;}
.layerPop .popContents .msg{margin-bottom:14px;padding-bottom:18px;border-bottom:1px solid #d6d4d0;}
.layerPop .boxWrap{position:relative;overflow:hidden;}
.layerPop .boxWrap .fLeft{float:left;width:220px;}
.layerPop .boxWrap .fRight{float:left;width:398px;}
.layerPop .boxWrap a{position:absolute;right:0;top:22px;}
.layerPop .boxWrap div{display:block;margin-bottom:5px;}
.layerPop .boxWrap div label{font-family:NanumGothic;font-size:12px;}
.layerPop .boxWrap .fLeft div strong{display:inline-block;width:70px;}
.layerPop .boxWrap .fRight div strong{display:inline-block;width:53px;}
.layerPop .boxWrap .clear{clear:both;width:100%;}
.layerPop .boxWrap .clear strong{display:inline-block;width:70px;vertical-align:top;}
.layerPop .boxWrap .clear div{display:inline-block;width:390px;}
.layerPop .boxWrap .clear div label{display:inline-block;margin-right:2px;}
.layerPop label{font-size:12px;color:#545454;}
.layerPop input[type=text]{padding:4px 0 3px 5px;background:#f3f3f3;border:1px solid #ccc;}
.layerPop input[type=radio]{vertical-align:middle;}
.layerPop select{height:24px;background:#f3f3f3;border:1px solid #ccc;}

.pwChk{position:absolute; top:-100px; width:300px; background:url("https://web.archive.org/web/20221109211058im_/https://formulahairplant.com/css/images/bg_pwWrap.gif") 0 0; padding:14px;}
.pwChk p.titPw{margin-bottom:14px;}
.pwChk .pwArea{padding:20px; background:#fff; overflow:hidden;}
.pwChk .pwArea li{float:left; margin-right:4px;}
.pwChk .pwArea li.tit{display:block width:100%; margin-bottom:6px;}
.pwChk .pwArea input.txt{background:#f3f3f3; border:1px solid #ccc; height:21px;}

/*             **
** Reservation **
**             */
.wrap_reservation { position:relative; width:1000px; margin-top:57px; }

.wrap_reservation .reservation { width:510px; height:482px; border:1px solid #d7d7d7; }

.wrap_reservation .reservation .tblTop { height:60px; line-height:60px; font-size:16px; color:#a07861; text-align:center; }
.wrap_reservation .reservation .tblTop span { display:inline-block; }

.wrap_reservation .reservation table.calenderTop { width:490px; height:33px; line-height:33px; margin:0 auto; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.wrap_reservation .reservation table.calenderTop tbody tr td { font-size:15px; color:#000; text-align:center; }

.wrap_reservation .reservation table.calender { width:490px; margin:0 auto; }
.wrap_reservation .reservation table.calender tbody tr td { position:relative; height:75px; border-bottom:1px solid #d7d7d7; text-align:center; color:#a07861; }
.wrap_reservation .reservation table.calender tbody tr td .reservation_btn   { position:absolute; bottom:12px; left:0; width:100%; text-align:center; }
.wrap_reservation .reservation table.calender tbody tr td .reservation_btn a { color:#a07861; font-size:11px; }



.wrap_reservation .wrap_book { position:absolute; z-index:1; top:0; right:0; }



.book { width:476px; height:480px; border:2px solid #d6d5d5; }

.book .book_info { position:relative; width:444px; margin:0 auto; overflow:hidden; }

.book .book_info ul.info01 { width:100%; }
.book .book_info ul.info01:after { content:""; display:block; clear:both; }
.book .book_info ul.info01 li { display:inline-block; float:left; width:50%; height:110px; }
.book .book_info ul.info01 li .txt  { height:77px; line-height:77px; text-align:center; font-size:22px; }
.book .book_info ul.info01 li .date { width:212px; border:1px solid #e6e6e6; }

.book .book_info ul.info02 { width:100%; margin-top:37px; }
.book .book_info ul.info02:after { content:""; display:block; clear:both; }
.book .book_info ul.info02 li       { display:inline-block; float:left; height:56px; line-height:56px; border-top:1px solid #e6e6e6; }
.book .book_info ul.info02 li:last-child { border-bottom:1px solid #e6e6e6; }
.book .book_info ul.info02 li.left  { width:34%; }
.book .book_info ul.info02 li.right { width:66%; }
.book .book_info ul.info02 li.add   { width:100%; }
.book .book_info ul.info02 li .txt { display:inline-block; float:left; width:58px; text-align:center; font-weight:bold; }

.book .book_info ul.wrap_btn{ width:100%; margin-top:52px; }
.book .book_info ul.wrap_btn:after { content:""; display:block; clear:both; }
.book .book_info ul.wrap_btn li { display:inline-block; float:left; }


.book label { font-size:12px; }
.book input[type=text]  { padding:4px 6px; 4px 6px; height:28px; border:1px solid #d2d2d2; }
.book input[type=radio] { vertical-align:middle; }
.book select { height:34px; background:#f3f3f3; border:1px solid #ccc; }


.btnCenter { padding:30px 0; border-bottom:1px solid #ececec; text-align:center; }
/*
     FILE ARCHIVED ON 21:10:58 Nov 09, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:20:00 May 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.471
  load_resource: 126.722
  PetaboxLoader3.datanode: 36.311 (2)
  loaddict: 112.872
*/