@charset "utf-8";
/* CSS Document */

#sub_wrap {width:100%; position:relative;padding-top:222px; margin:0 auto 30px;}


#sub_wrap5 {width:100%; position:relative;padding-top:800px;}


#sub_wrap2 {width:100%; position:relative;padding-top:222px;margin:0 auto 0px;}
.main {margin:0px auto !important;}
#sub_wrap2 .content_eye {background:url("../../img/images/sub1_main_new.jpg") center top no-repeat; border:1px solid red;}
#sub_wrap2 .content_eye1 {background:url("../../img/images/sub1img_new.jpg") center top no-repeat; }
#sub_wrap2 p {width:1200px;margin:0px auto;}
.exp_wrap {position:relative; height:130px;text-align:center;padding-top:40px;}
.exp_wrap b {display:block; margin-left:5px; font-size:12px;line-height:22px; font-family:"Gotham-Book"; color:#888; letter-spacing:5px;}
.exp_wrap strong {font:bold 35px/65px "NanumBarunGothic"; color:#3a3a3a; letter-spacing:-1px;}
.exp_wrap span {font-weight:lighter;}
#exp_btn {position:absolute; top:28px; right:28px;}
#exp_btn li {float:left; margin-left:3px;}
#exp_btn li a {display:block;}

.tab1 {width:1200px; margin:0 auto;}
.tab1 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab1 ul li {float:left;width:240px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab1 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab1 ul li:last-child {/*border-right:none;*/}
.tab1 ul li:hover {background:#091337;color:#fff;}
.tab1 ul li:hover a {background:#091337;color:#fff;}
.tab1 ul li.on {background:#091337;color:#fff; }
.tab1 ul li a {color:#000;display:block;}
.tab1 ul li.on a {color:#fff;}

.tab1_1 {width:1200px; margin:0 auto; background-color:#fff;}
.tab1_1 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab1_1 ul li {float:left;width:300px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab1_1 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab1_1 ul li:last-child {/*border-right:none;*/}
.tab1_1 ul li:hover {background:#091337;color:#fff;}
.tab1_1 ul li:hover a {background:#091337;color:#fff;}
.tab1_1 ul li.on {background:#091337;color:#fff;}
.tab1_1 ul li a {color:#000;display:block;}
.tab1_1 ul li.on a {color:#fff;}


.tab5 {width:1200px; margin:0 auto; background-color:#fff;}
.tab5 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab5 ul li {float:left;width:240px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab5 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab5 ul li:last-child {/*border-right:none;*/}
.tab5 ul li:hover {background:#091337;color:#fff;}
.tab5 ul li:hover a {background:#091337;color:#fff;}
.tab5 ul li.on {background:#091337;color:#fff;}
.tab5 ul li a {color:#000;display:block;}
.tab5 ul li.on a {color:#fff;}


.tab6 {width:1200px; margin:0 auto; background-color:#fff;}
.tab6 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab6 ul li {float:left;width:200px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab6 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab6 ul li:last-child {/*border-right:none;*/}
.tab6 ul li:hover {background:#091337;color:#fff;}
.tab6 ul li:hover a {background:#091337;color:#fff;}
.tab6 ul li.on {background:#091337;color:#fff;}
.tab6 ul li a {color:#000;display:block;}
.tab6 ul li.on a {color:#fff;}



.tab6 ul li p {
 font-size: 15px;
 color: inherit;
 text-decoration: none;
 font-weight: 400;
 padding-left: 15px;
 display: block;
 float: left;
 margin-left: 15px;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 line-height: 35px;
 padding-right: 15px;
 margin-bottom: 0px;
 margin-top: 12px;
}

.tab6 ul li p:hover {
 color: rgba(255,255,255,1);
 background-color: hsla(225,13%,18%,1);
 cursor:pointer;
}





.tab2 {width:1200px; margin:0 auto;}
.tab2 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:30px;}
.tab2 ul li {float:left;width:150px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab2 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab2 ul li:last-child {border-right:solid 1px #d5d5d5;}
.tab2 ul li:hover {background:#a561f4;color:#fff;}
.tab2 ul li:hover a {background:#a561f4;color:#fff;}

.tab2 ul li.on {background:#a561f4;color:#fff;}
.tab2 ul li a {color:#000;display:block;}
.tab2 ul li.on a {color:#fff;}

.tab2_1 {width:1200px; margin:0 auto;}
.tab2_1 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:30px;}
.tab2_1 ul li {float:left;width:300px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab2_1 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab2_1 ul li:last-child {border-right:solid 1px #d5d5d5;}
.tab2_1 ul li:hover {background:#091337;color:#fff;}
.tab2_1 ul li:hover a {background:#091337;color:#fff;}

.tab2_1 ul li.on {background:#091337;color:#fff;}
.tab2_1 ul li a {color:#000;display:block;}
.tab2_1 ul li.on a {color:#fff;}


.tab3 {width:1200px; margin:0 auto;}
.tab3 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:30px;}
.tab3 ul li {float:left;width:400px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
/*.tab3 ul li:last-child {border-right:none;}*/
.tab3 ul li:hover {background:#a561f4;color:#fff;}
.tab3 ul li:hover a {background:#a561f4;color:#fff;}

.tab3 ul li.on {background:#a561f4;color:#fff;}
.tab3 ul li a {color:#000;display:block;}
.tab3 ul li.on a {color:#fff;}

.tab_faq {width:1200px; margin:0 auto;}
.tab_faq ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab_faq ul li {float:left;width:600px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab_faq ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab_faq ul li:hover {background:#091337;color:#fff;}
.tab_faq ul li:hover a {background:#091337;color:#fff;}
.tab_faq ul li.on {background:#091337;color:#fff; }
.tab_faq ul li a {color:#000;display:block;}
.tab_faq ul li.on a {color:#fff;}


.tab22 {width:1200px; margin:0 auto; background-color:#fff;}
.tab22 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab22 ul li {float:left;width:600px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab22 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab22 ul li:last-child {/*border-right:none;*/}
.tab22 ul li:hover {background:#091337;color:#fff;}
.tab22 ul li:hover a {background:#091337;color:#fff;}
.tab22 ul li.on {background:#091337;color:#fff;}
.tab22 ul li a {color:#000;display:block;}
.tab22 ul li.on a {color:#fff;}




.tab8 {width:1200px; margin:0 auto;}
.tab8 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:30px;}
.tab8 ul li {float:left;width:150px;text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab8 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab8 ul li:last-child {border-right:solid 1px #d5d5d5;}
.tab8 ul li:hover {background:#091337;color:#fff;}
.tab8 ul li:hover a {background:#091337;color:#fff;}

.tab8 ul li.on {background:#091337;color:#fff;}
.tab8 ul li a {color:#000;display:block;}
.tab8 ul li.on a {color:#fff;}



/*이미지콘텐츠스타일*/

#mainVisual2 {position:relative; overflow:hidden; padding-top:0px; z-index:20; }
body.scrollfix #mainVisual2 {margin-top:-40px}
#mainVisual2 > .imgList {position:relative; height:600px;}
#mainVisual2 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#mainVisual2 > .imgList > li.item1 {left:0; background:url('../../img/images_new/submain_01.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item2 {background:url('../../img/images_new/submain_02.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item3 {background:url('../../img/images_new/submain_03.png') center 0 no-repeat;}
#mainVisual2 > .direction a {position:absolute; top:60%; margin-top:-29px; z-index:30}
#mainVisual2 > .direction .prev {left:500px}
#mainVisual2 > .direction .next {right:500px}

#mainVisual2 > .pagination {position:absolute; bottom:50px; width:100%; right:-900px; font-size:0; z-index:30}
#mainVisual2 > .pagination > li {display:inline-block; font-size:13px; width:17px; height:17px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
#mainVisual2 > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#0f131f;}


.con_imgC{position:relative; top:-30px; left:0px; text-align:center; z-index:-1;}

.con1200{position:relative; top:0; left:0; width:1200px; margin:0 auto; }
.full{position:relative; top:0px; left:0; width:100%; height:1500px; background-color:#e1e1e1; margin:0 auto;}
.full>img{display:inline-block;}



#mmask { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80'); z-index:990; display:none;}
#mpopup{
position:absolute; left:100px; width:1000px; z-index:1000;
background-color:#0f0f1d; padding-top:50px; border-radius:10px; display:none;
}

.big1{margin-top:80px;margin-bottom:20px;}
.big1, .big2, .big3, .big4, .big5, .big6, .big7, .big8, .big9, big10, .big11, .big12, .big13, .big14, .big15, .big16 {cursor:pointer;}
.news1{position:relative; top:10px; left:0; width:1250px; height:260px;margin-bottom:12px;}
.news1 img{float:left; margin-right:11px;}
.news2{position:relative; top:0; left:0; width:1199px; height:260px;}

.b1_1, .b1_2, .b2{top:-50px;}
.b3{ top:400px;}
.b5, .b6, .b7, .b8, .b9{ top:600px;}
.b10, .b11, .b12, .b13, .b14{ top:700px;}
.b15, .b16{ top:900px;}
.left1{
position:absolute; top:5px;left:20px; width:40px; height:40px;
background:url('../../img/images/left.png') no-repeat; cursor:pointer;
}
.right1{
position:absolute; top:10px; left:310px; width:40px; height:40px; background-size:contain;
background:url('../../img/images/right_s.png') no-repeat; cursor:pointer;
}

.x {
position:absolute; top:10px; right:20px; width:40px; height:40px;
background:url('../../img/images/close_s.png') no-repeat; cursor:pointer;
}
.x:hover{
position:absolute; top:10px; right:20px; width:40px; height:40px;
background:url('../../img/images/close_h.png') no-repeat; cursor:pointer;

}
#mpopup>img{margin:10px; width:980px;}






/*실시간 상담*/
#inquiry {width:100%;height:350px;font-size:12px;}
#inquiry input, select {border:solid 1px #d5d5d5;}
#inquiry h1 {height:50px;background:url(../../img/images_new/inquiry_bg.png);text-align:center;line-height:50px;color:#fff;font-family:NanumBarunGothic;font-size:24px;font-weight:bold;}
#inquiry .bonmun {width:890px;margin:50px auto;font-family:"NanumBarunGothic";}
#inquiry .bonmun p {float:left;margin-right:0px;}
#inquiry .bonmun ul {float:left;margin-bottom:10px;}
#inquiry .bonmun ul li {float:left;font-family:"NanumBarunGothic";line-height:30px;font-size:12px;}
#inquiry .bonmun ul li.text {width:60px;margin-left:50px;}
#inquiry .bonmun span {float:left;margin-left:50px;}
#inquiry .bonmun div.btn {float:right;border:solid 0px #000;width:70px;height:70px;line-height:70px;text-align:center;font-family:NanumBarunGothic;background:#7500d6;color:#fff;}
#inquiry .bonmun input {width:150px;height:30px;}
#inquiry .bonmun select {width:150px;height:30px;}





/*의료진소개*/
.hos {width:100%;margin-bottom:55px}
.hos_img {float:left;margin-bottom:20px;}
.hos_text {float:left;padding:20px;line-height:18px;color:#fff;background:rgba(0,0,0,0.8) !important;margin-top:-272px;}





/*비급여 안내*/
.tab_menu{display: flex; width: 1200px; margin: 50px auto; border: 1px solid #ccc;}
.tab_menu li{width: 25%; text-align: center; line-height: 50px; border-right:1px solid #ccc;}
.tab_menu li:last-child{border-right: none;}

.tab_menu li a{display: block; width: 100%; height: 100%;}
.tab_menu li a.active{background-color: #2386ce; color: white;}

.non_benefit_table {margin: 0 auto 80px; width: 1200px; text-align: center; border-collapse: collapse; font-size: 14px;}

.non_benefit_table tr{line-height: 45px;}
.non_benefit_table tr td{border: 1px solid #ccc;}

.non_benefit_table .th{background-color: #f0f0f0;}
.non_benefit_table .th:first-child{border-top: 2px solid #2386ce;}

.paging{margin: 0 0 100px;text-align: center;}
.paging li{width: 40px; line-height: 40px; text-align: center; display: inline-block; cursor: pointer; border:1px solid #ccc;}

.paging li.view{background-color: #2386ce; color: #fff;}
    
.tab-content{display: none; padding: 15px;}
.tab-content.view{display: inherit;}






/* ----------------------------- 포토갤러리 게시판 스타일 ----------------------------- */
/* 리스트 페이지 */
.photo_list_wrapper {margin:0 -15px}
.photo_list_wrapper:after {clear:both; display:block; content:''}
.photo_list_wrapper.brd-grid-1 > table {width:100%}
.photo_list_wrapper.brd-grid-2 > table {width:50%}
.photo_list_wrapper.brd-grid-3 > table {width:33.3333334%}
.photo_list_wrapper.brd-grid-4 > table {width:25%}
.photo_list_wrapper.brd-grid-5 > table {width:20%}



.photo_list_wrapper > table {float:left; margin-bottom:30px; padding:0 15px}
.photo_list_wrapper > table.board {float:none; clear:both; width:100% !important; padding:0}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a {position:relative; display:block}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:0 solid #ad8bbf; transition:all .3s; z-index:30; box-sizing:border-box}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:hover:before {border-width:5px}
.photo_list_wrapper > table .bbsnewf5 a img {display:block; width:100%; height:150px; transition:all .3s}
.photo_list_wrapper > table .bbsnewf5 a:hover img {opacity:.8; filter:alpha(opacity='80')}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {padding:10px 0}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {font-family:inherit !important; font-size:14px; color:#555}
.image_sublist {display:none}



.tbl_board {margin-bottom:30px; border-top:2px solid #666}
.tbl_board th, .tbl_board td {font-family:inherit !important; padding:15px !important; border-bottom:1px solid #e5e5e5}
.tbl_board td td {border:none}
.tbl_board div th, .tbl_board div td {padding:0 !important}
.tbl_board span, .tbl_board font, .tbl_board a {font-family:inherit !important; font-size:inherit !important; color:#555}
.tbl_board a:hover {color:#333 !important}
.tbl_board .board_bgcolor {font-size:inherit !important; font-weight:500; color:#4b4b4b; background:#f4f4f4}
.tbl_board input[type=text], .tbl_board input[type=password] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
.tbl_board select {font-family:inherit !important; font-size:inherit !important; min-width:120px; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff; vertical-align:middle}
.tbl_board .att_title {font-weight:600; color:#343434; text-align:center; background:#fff !important}
.tbl_board .att_title span, .tbl_board .att_title a, .tbl_board .att_title font {font-weight:600; color:#343434}
.tbl_board.tbl_list tr:hover {background:#f9f9f9}
.tbl_board.tbl_list td a font {font-weight:normal !important; margin-left:10px}
.tbl_board td textarea {width:98%; font-family:inherit !important; font-size:inherit !important; padding:10px; border:1px solid #dedede; background:#fff}
.tbl_board .td_center {text-align:center}







/* ----------------------------- 게시판 공통 스타일 ----------------------------- */
/* 통합 폰트 관련 */
.board, .bbsnewf5 {font-family:inherit !important; font-size:inherit !important}
/* 카테고리 */
.brd_category {display:none}
.board_tab {margin-bottom:30px}
.board_tab > ul {display:table; width:100%; table-layout:fixed}
.board_tab > ul > li {display:table-cell; width:auto}
.board_tab > ul > li > a {display:block; width:100%; height:100%; height:55px; font-size:16px; color:#333; text-align:center; line-height:55px; border:1px solid #d5d5d5; border-left:none}
.board_tab > ul > li:first-child > a {border-left:1px solid #d5d5d5}
.board_tab > ul > li.on > a {color:#fff; border-color:#ad8bbf; background:#ad8bbf !important}
.board_tab > ul > li:hover > a {background:#f4f4f4}
/* 하단 글쓰기 버튼 */
.btn_btm_write {text-align:right}
/* 페이징 */
.board-pagination {margin-top:30px; font-size:0; text-align:center}
.board-pagination > b, .board-pagination > a {display:inline-block; width:36px; height:36px; margin:0 3px; font-size:14px; text-align:center; line-height:34px; border:1px solid #dedede}
.board-pagination > a {color:#777}
.board-pagination > a:hover {color:#555; background:#f4f4f4}
.board-pagination > b {color:#fff; border-color:#333; background:#4b4b4b}
/* 검색 */
#ext_search {margin-top:30px}
#ext_search > table {margin:0 auto}
#ext_search select {min-width:80px; height:35px; margin-right:2px; padding-left:10px; border:1px solid #dedede}
#ext_search input[type=text] {height:35px; margin-right:2px; padding:0 10px; border:1px solid #dedede}
/* 댓글 영역 */
.board_comment_bgcolor {margin-bottom:30px}

/* ----------------------------- 예약 관련 스타일 ----------------------------- */
/* 예약 캘린더 */
.reserveWrapper .pickMonth {text-align:center; margin-bottom:30px}
.reserveWrapper .pickMonth .btn {padding:0 15px !important}
.reserveWrapper .pickMonth .btn i {margin:0}
.reserveWrapper .pickMonth #cur {display:inline-block; margin:0 15px; font-size:16px; color:#ad8bbf; letter-spacing:2px}
.tbl_calendar {width:100%; border-top:2px solid #666; table-layout:fixed}
.tbl_calendar thead th {padding:20px 0; font-size:15px; color:#333; border-left:1px solid #e5e5e5; border-bottom:1px solid #dedede}
.tbl_calendar thead th span {font-size:10px !important; font-weight:500 !important; letter-spacing:3px; opacity:.5}
.tbl_calendar thead th:first-child {border-left:none}
.tbl_calendar tbody td {padding:20px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.tbl_calendar tbody td:hover {background:#f9f9f9}
.tbl_calendar tbody tr > td:first-child {border-left:none}
.tbl_calendar .td_sun {color:#c62b2b}
.tbl_calendar .td_sat {color:#3f63eb}
.tbl_calendar .m_sunday, .tbl_calendar .m_saturday {background:#f4f4f4 !important}
.tbl_calendar .ye {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#23bbab}
.tbl_calendar .wan {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#c43c3c}
.tbl_calendar div[style*='hand'] {cursor:pointer; padding:2px 0}
#order_list {display:none; margin-top:30px; padding:30px; border:1px solid #dedede; background:#f9f9f9}
#order_list h3 {font-size:15px; font-weight:normal; color:#222; margin-bottom:20px}
#order_list ul > li {color:#777; line-height:1.65}
#order_list input[type=button] {padding:10px 45px; border:1px solid #d5d5d5 !important; border-radius:2px; background:#fff; cursor:pointer}
/* 예약하기 폼 */
#css_orderform table {width:100%; border-top:2px solid #666; border-collapse:collapse}
#css_orderform table th, #css_orderform table td {padding:15px; border-bottom:1px solid #e5e5e5}
#css_orderform table th {width:15%; font-weight:500; color:#4b4b4b; background:#f4f4f4}
#css_orderform table td input[type=text] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
#css_orderform table td select {font-family:inherit !important; font-size:inherit !important; min-width:70px; height:35px; margin:0 10px; padding-left:5px; border:1px solid #dedede; background:#fff; vertical-align:middle}
#css_orderform table td select:first-child {margin-left:0}
#css_orderform table td label {margin-right:10px}
.agreeWrapper .checkArea:after {clear:both; display:block; content:''}
.agreeWrapper .checkArea .left {float:left}
.agreeWrapper .checkArea .right {float:right}
.agreeWrapper .agreeinfo {clear:both; margin-top:5px}
.agreeWrapper .agreeinfo textarea {width:100%; height:160px; padding:10px; border:1px solid #dedede; background:#fff}
.reserve-btn {margin-top:30px; text-align:center}

/* 예약확인 및 취소 */
h2.reservation-title {margin-bottom:20px; font-size:16px; font-weight:normal; color:#333}
h2.reservation-title:before {display:inline-block; width:6px; height:2px; margin-right:7px; content:''; background:#ad8bbf; vertical-align:6px}
.reservation-box {padding:20px; border:1px solid #e5d4c6}
.reservation-box ul > li {line-height:1.8}
.reservation-box ul > li:before {display:inline-block; width:2px; height:2px; margin-right:5px; content:''; background:#ccc; vertical-align:4px}


/* ----------------------------- 회원 관련 스타일 ----------------------------- */
/* 회원 관련 공통 요소 */
.member-box h2 {font-size:28px; font-weight:300; color:#ad8bbf; margin-bottom:30px}
.member-box h3 {font-size:16px; font-weight:normal; color:#4b4b4b; margin-bottom:20px}
.member-box h4 {font-size:15px; font-weight:600; color:#555; margin-bottom:10px}
.member-box input[type=text], .member-box input[type=password] {display:block; width:100%; height:45px; margin-bottom:10px; padding:10px; border:1px solid #dedede; background:#f9f9f9}
.member-box .btn-confirm {display:block; width:100%; height:45px; font-size:15px; color:#fff; border:none; background:#ad8bbf; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#ad8bbf}
.member-btm-btn {margin-top:30px; text-align:center}
.member_td_bgcolor {color:#4b4b4b; background:#f4f4f4}


/* 로그인페이지 */
.loginWrapper {position:relative}
.loginWrapper:after {clear:both; display:block; content:''}
.loginWrapper > .login-box {float:right; width:560px; padding:30px; border:1px solid #e5e5e5}
.loginWrapper > .login-box:first-child {float:left}
.loginWrapper > .login-box .helpList {margin-top:30px; padding-top:20px; border-top:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList > li {position:relative; color:#888; padding:4px 0 4px 10px}
.loginWrapper > .login-box .helpList > li.warning {color:#ff7e00}
.loginWrapper > .login-box .helpList > li:before {position:absolute; top:5px; left:0; content:'-'}
.loginWrapper > .login-box .helpList > li a {margin-left:10px}
/* 회원가입 중복확인 페이지 */
.joinWrapper > .join-box {width:560px; margin:auto; padding:30px; border:1px solid #e5e5e5}
/* 회원가입 약관동의 페이지 */
.joinWrapper .agree-box {margin-bottom:40px}
.joinWrapper .agree-box textarea {width:100%; height:250px; margin-bottom:15px; padding:10px; border:1px solid #e5e5e5}
.joinWrapper .agree-box input[type=checkbox] {margin-right:5px}

/* ----------------------------- 버튼 공통 스타일 ----------------------------- */
.btn {display:inline-block; padding:0 25px !important; height:35px !important; font-family:inherit !important; font-size:14px !important; color:#666 !important; text-align:center; line-height:33px !important; text-decoration:none !important; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle}
.btn.btn-default:hover {color:#555 !important; border-color:#aaa}
.btn.btn-primary {color:#fff !important; border-color:#ad8bbf; background:#ad8bbf}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#ad8bbf; background:#ad8bbf}
.btn.btn-secondary {color:#fff !important; border-color:#6d7281; background:#6d7281}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {border-color:#686d7b !important; background:#686d7b}
.btn.btn-link {font-size:12px !important; line-height:23px !important; padding:0 15px !important; height:25px !important}
.btn.btn-link:hover {border-color:#aaa; background:#f9f9f9}
.btn i {margin-right:7px; vertical-align:0}
.btn.right-icon i {margin:0 0 0 7px}