@charset "utf-8";
/* CSS Document */
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
figcaption, figure{margin:0; padding:0; border:0; outline:0;}
/* ----------------------------- ¸ÞÀÎÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
/* ¸ÞÀκñÁÖ¾ó */
#mainVisual {position:relative; overflow:hidden; z-index:20}
body.scrollfix #mainVisual {margin-top:61px}
#mainVisual > .visualList {position:relative; height:680px; overflow:hidden}
#mainVisual > .visualList .item {float:left; width:100%; height:680px; margin-left:15px}
#mainVisual > .imgList {position:relative; height:960px}
#mainVisual > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:960px; background-size:cover !important}
/* ´« */
#mainVisual > .imgList > li.item1 {left:0; background:url(../../img/main_visual1.jpg) center top no-repeat}
.item1 .text-box{position:absolute; top:45%; left:20%; display:inline-block; transform:translateY(-50%);}
.item1 .text-box h2{display:inline-block; font-size:4.286rem; color:#fff; line-height:1.2; font-weight:normal; padding-bottom:.5em;}
.item1 .text-box h2 b{font-size:4.286rem; line-height:1.2; padding-bottom:.5em;}
.item1 .text-box h2 b.main-text{display:block; font-size:5rem; color:#fff5a0; line-height:1.2; padding-bottom:0;}
.item1 .text-box h2 .text-color{color:#fff5a0;}
.item1 .text-box p.text1{font-size:1.857rem; line-height:1.6; letter-spacing:-1px;}
.item1 .text-box p.left-deco{padding-left:40px;}
/* ÄÚ */
#mainVisual > .imgList > li.item2 {background:url(../../img/main_visual2.jpg) center top no-repeat}
.item2 .text-box{position:absolute; top:45%; left:20%; display:inline-block; transform:translateY(-50%);}
.item2 .text-box h2{display:inline-block; font-size:4.286rem; color:#fff; line-height:1.2; font-weight:normal; padding-bottom:.5em;}
.item2 .text-box h2 b{font-size:4.286rem; line-height:1.2; padding-bottom:.5em;}
.item2 .text-box h2 b.main-text{display:block; font-size:5rem; color:#3f51b5; line-height:1.2; padding-bottom:0;}
.item2 .text-box h2 .text-color{color:#3f51b5;}
.item2 .text-box p.text1{font-size:1.857rem; line-height:1.6; letter-spacing:-1px;}
.item2 .text-box p.left-deco{padding-left:40px;}
/* ¾ÈƼ¿¡ÀÌ¡ */
#mainVisual > .imgList > li.item3 {background:url(../../img/main_visual3.jpg) center top no-repeat}
.item3 .text-box{position:absolute; top:45%; left:20%; display:inline-block; transform:translateY(-50%);}
.item3 .text-box h2{display:inline-block; font-size:4.286rem; color:#fff; line-height:1.2; font-weight:normal; padding-bottom:.5em;}
.item3 .text-box h2 b{font-size:4.286rem; line-height:1.2; padding-bottom:.5em;}
.item3 .text-box h2 b.main-text{display:block; font-size:5rem; color:#ffeed5; line-height:1.2; padding-bottom:0;}
.item3 .text-box h2 .text-color{color:#ffeed5;}
.item3 .text-box p.text1{font-size:1.857rem; line-height:1.6; letter-spacing:-1px;}
.item3 .text-box p.left-deco{padding-left:40px;}
/* ³²ÀÚ¼ºÇü */
#mainVisual > .imgList > li.item4 {background:url(../../img/main_visual4.jpg) center top no-repeat}
.item4 .text-box{position:absolute; top:45%; left:20%; display:inline-block; transform:translateY(-50%);}
.item4 .text-box h2{display:inline-block; font-size:4.286rem; color:#fff; line-height:1.2; font-weight:normal; padding-bottom:.5em;}
.item4 .text-box h2 b{font-size:4.286rem; line-height:1.2; padding-bottom:.5em;}
.item4 .text-box h2 b.main-text{display:block; font-size:5rem; color:#4499b2; line-height:1.2; padding-bottom:0;}
.item4 .text-box h2 .text-color{color:#4499b2;}
.item4 .text-box p.text1{font-size:1.857rem; line-height:1.6; letter-spacing:-1px;}
.item4 .text-box p.left-deco{padding-left:40px;}
/* ·ÎÁî */
#mainVisual > .imgList > li.item5 {background:url(../../img/main_visual5.jpg) center top no-repeat}
.item5 .text-box .text-sub-title{font-size:2.750rem; display:block; padding-bottom:5px; font-weight:bold;}
.item5 .text-box{position:absolute; top:45%; left:20%; display:inline-block; transform:translateY(-50%);}
.item5 .text-box h2{display:inline-block; font-size:4.286rem; color:#fff; line-height:1.2; font-weight:normal; padding-bottom:.5em;}
.item5 .text-box h2 b{font-size:4.286rem; line-height:1.2; padding-bottom:.5em;}
.item5 .text-box h2 b.main-text{display:block; font-size:5rem; color:#b2f7d6; line-height:1.2; padding-bottom:0;}
.item5 .text-box h2 .text-color{color#b2f7d6;}
.item5 .text-box p.text1{font-size:1.857rem; line-height:1.6; letter-spacing:-1px;}
.item5 .text-box p.left-deco{padding-left:40px;}
#mainVisual > .direction a {position:absolute; top:50%; margin-top:-29px; z-index:30}
#mainVisual > .direction .prev {left:60px}
#mainVisual > .direction .next {right:60px}
#mainVisual > .pagination {position:absolute; bottom:60px; left:50%; width:1296px; margin-left:-600px; font-size:0; z-index:30}
#mainVisual > .pagination > li {display:inline-block; font-size:13px; width:100px; height:10px; margin-right:8px; border-radius:20px; background:#fff; cursor:pointer}
#mainVisual > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#e4007f}
/* »ó´Ü ¿ÍÀÌµå ¹è³Ê */
#wideBanner {position:relative; margin:-350px auto 0 auto; height:940px; z-index:30}
#wideBanner img {position:relative; left:50%; margin-left:-960px}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
.section {position:relative; padding:0px}
.section > .innerContainer {position:relative; width:1296px; margin:auto}
.section > .innerContainer:after {clear:both; display:block; content:''}
.section .section-tit {margin-bottom:40px; text-align:center}
.section .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.section .section-tit h3 {font-size:18px; font-weight:600; color:#e4007f; letter-spacing:4px; text-transform:uppercase}
.section .section-tit h3 span {color:#25221d}
.section03 {position:relative; padding:0px}
.section03 > .innerContainer {position:relative; width:100%; margin:auto}
.section03 > .innerContainer:after {clear:both; display:block; content:''}
/* perfect choice */
#section1 {padding-top:100px}
#section1 .innerContainer {}
#section1 .innerContainer:after {clear:both; content:''; display:block}
#section1 .left {float:left; width:50%}
#section1 .left .imgArea {}
#section1 .left .imgArea img {display:block; width:100%}
#section1 .right {float:right; width:50%; padding:120px 30px}
#section1 .right .right_desc {}
#section1 .right .right_desc .section1_title h3 {padding-bottom:30px}
#section1 .right .right_desc .section1_title p {font-size:40px; font-weight:300; color:#333333; padding-left:90px; padding-bottom:20px}
#section1 .right .right_desc .section1_title p span {color:#f9538b}
#section1 .right .right_desc blockquote {margin:0; padding:0 0 0 90px}
#section1 .right .right_desc blockquote p {font-size:18px; font-weight:500; color:#333; line-height:1.55}
#section1 .right .right_desc blockquote a.more-btn {display:inline-block; font-size:18px; font-weight:300; color:#333; font-style:italic; margin-top:20px; transition:all 0.3s ease}
#section1 .right .right_desc blockquote a.more-btn:hover {color:#f9538b}
/* websre video */
#section2 {max-height:1000px; position:relative; background:url(../../img/section2_bg.jpg) center top no-repeat; background-size:cover; margin-top:250px}
#section2:after {clear:both; content:''; display:block}
#section2 > a.video-btn {position:absolute; top:-196px}
#section2 > a.video-btn > .websre_video {}
#section2 > a.video-btn > .websre_video img {display:block; width:100%}
#section2 .right {float:right; width:50%; margin:380px 0 260px}
#section2 .right .right_desc {}
#section2 .right .right_desc .section2_title h3 {padding-bottom:30px}
#section2 .right .right_desc .section2_title > p {font-size:40px; font-weight:300; color:#333333; padding-left:90px; padding-bottom:20px}
#section2 .right .right_desc .section2_title > p span {color:#f9538b}
#section2 .right .right_desc .section2_title blockquote {margin:0; padding:0 0 0 90px}
#section2 .right .right_desc .section2_title blockquote > p {font-size:18px; font-weight:500; color:#333; line-height:1.55}
#section2 .right .right_desc .desc_info {margin:30px 0 0 90px; padding:30px; width:50%; border:5px solid #bca58b}
#section2 .right .right_desc .desc_info ul {margin:0 -20px}
#section2 .right .right_desc .desc_info ul:after {clear:both; content:''; display:block}
#section2 .right .right_desc .desc_info ul li {position:relative; float:left; padding:0 20px; width:33.333334%; text-align:center}
#section2 .right .right_desc .desc_info ul li h4 {font-family:'Montserrat'; font-size:16px; font-weight:700; color:#333; line-height:1.2}
#section2 .right .right_desc .desc_info ul li span {font-size:16px; font-weight:300; color:#6e6e6e; margin-top:5px}
#section2 .right .right_desc .desc_info ul li:after {content:''; display:block; position:absolute; top:25px; left:-15px; width:30px; height:1px; background:#cbcbcb}
#section2 .right .right_desc .desc_info ul li:first-child:after {content:''; display:none}
/* section_slider */
.section_slider {max-width:1920px}
.section_slider2 {}
.section_slider2 .postSlider {}
.section_slider2 .postSlider .innerWrap {position:relative; background:#fff}
.section_slider2 .postSlider .innerWrap:after {clear:both; content:''; display:block}
.section_slider2 .postSlider .innerWrap .imgWrap {float:right; width:50%; overflow:hidden}
.section_slider2 .postSlider .innerWrap .imgWrap ul {position:relative; width:1000%}
.section_slider2 .postSlider .innerWrap .imgWrap ul:after {clear:both; content:''; display:block}
.section_slider2 .postSlider .innerWrap .imgWrap ul li {float:left}
.section_slider2 .postSlider .innerWrap .imgWrap ul li a {}
.section_slider2 .postSlider .innerWrap .imgWrap ul li a img {display:block; width:100%}
.section_slider2 .postSlider .innerWrap .imgWrap a.control {position:absolute; top:50%; display:block; width:80px; height:80px; line-height:80px; text-align:center; margin-top:-40px; background:#333; transition:all 0.3s ease; color:#fff; z-index:20}
.section_slider2 .postSlider .innerWrap .imgWrap a.control:hover {background:#fff; color:#333; box-shadow:1px 1px 3px rgba(0,0,0,0.25);}
.section_slider2 .postSlider .innerWrap .imgWrap a.control i {font-size:48px; line-height:80px}
.section_slider2 .postSlider .innerWrap .imgWrap a.control.prev {left:0; padding-right:10px}
.section_slider2 .postSlider .innerWrap .imgWrap a.control.next {right:0; padding-left:10px}
.section_slider2 .postSlider .innerWrap .txtWrap {float:left; width:50%; height:750px; text-align:center; overflow: hidden}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner {height:100%; max-width:950px; margin:0 auto; width:100%; position:relative; overflow:hidden; padding-top:150px}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner > ul {position:relative; width:1000%; overflow:hidden}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner ul:after {clear:both; content:''; display:block}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner > ul > li {float:left; width:950px}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner ul li h2.tit.left {font-weight:700; letter-spacing:2px}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner ul li h2.tit.left a {font-size:50px; border-bottom:2px solid #000;}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner ul li h3 {font-size:20px; font-weight:500; color:#555555; padding:10px 0 50px}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner ul li p {font-size:17px; font-weight:600; line-height:1.55; color:#555555; padding:0 0 60px}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner .box_info {}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner .box_info ul {position:relative; z-index:10}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner .box_info ul li {position:relative; display:inline-block; width:115px; height:115px; line-height:115px; border:5px solid #e2e2e2; margin:0 5px}
.section_slider2 .postSlider .innerWrap .txtWrap .txt_inner .box_info ul li span:before {content:''; display:block; background:url(../../img/bullet.png) center top no-repeat; position:absolute; top:50%; margin-top:-20px; left:45%; width:10px; height:10px}
/* ±×¸®µå ¹è³Ê ¼½¼Ç */
#section3 {margin-bottom:80px;}
#section3 .innerContainer {}
#section3 .top_grid {clear:both}
#section3 .top_grid:after {content:''; clear:both; display:block}
#section3 .top_grid .left {float:left; width:638px; overflow:hidden}
#section3 .top_grid .left .grid-slide {position:relative; overflow:hidden;}
#section3 .top_grid .left .grid-slide .slick-dots {position:absolute; bottom:10%; left:62px}
#section3 .top_grid .left .grid-slide .slick-dots:after {clear:both; content:''; display:block}
#section3 .top_grid .left .grid-slide .slick-dots > li {float:left}
#section3 .top_grid .left .grid-slide .slick-dots > li button {display:block; width:17px; height:17px; background:#fff; border:none; font-size:0; margin-right:5px; border-radius:50%;}
#section3 .top_grid .left .grid-slide .slick-dots > li.slick-active button {background:#e4007f;}
#section3 .top_grid .left .grid-slide .item {float:left}
#section3 .top_grid .left .grid-slide .item img {display:block; width:100%}
#section3 .top_grid .right {float:right; width:638px}
#section3 .top_grid .right > ul {}
#section3 .top_grid .right > ul:after {clear:both; content:''; display:block}
#section3 .top_grid .right > ul > li {overflow:hidden}
#section3 .top_grid .right > ul > li .imgArea {max-height:350px; overflow:hidden}
#section3 .top_grid .right > ul > li .imgArea img {display:block; width:100%}
#section3_01 .top_grid .center-grid-slide {position:relative; overflow:hidden;}
#section3_01 .top_grid .center-grid-slide .slick-dots {position:absolute; bottom:39%; left:50%}
#section3_01 .top_grid .center-grid-slide .slick-dots:after {clear:both; content:''; display:block}
#section3_01 .top_grid .center-grid-slide .slick-dots > li {float:left}
#section3_01 .top_grid .center-grid-slide .slick-dots > li button {display:block; width:17px; height:17px; background:#333; border:none; font-size:0; margin-right:10px; border-radius:50%;}
#section3_01 .top_grid .center-grid-slide .slick-dots > li.slick-active button {background:#e4007f;}
#section3_01 .top_grid .center-grid-slide .item {float:left}
#section3_01 .top_grid .center-grid-slide .item img {display:block; width:100%}
/* Ä«¿î¼¿¸µ */
#section4 {}
#section4 .innerContainer {}
#section4 .section4_title {text-align:center; padding-bottom:50px}
#section4 .section4_title h3 {text-align:center; padding-bottom:20px}
#section4 .section4_title > p {font-size:40px; font-weight:300; color:#333333; padding-bottom:20px}
#section4 .section4_title > p span {color:#f9538b}
#section4 .section4_title > blockquote {margin:0}
#section4 .section4_title > blockquote p {font-size:18px; font-weight:500; color:#333; line-height:1.55}
#section4 .counsel_box {position:relative; background:#2e2e2e; text-align:center; transition:all 0.3s ease; border-top:1px solid #d9d9d9}
#section4 .counsel_box .formmain_inner {max-width:1296px; margin:0 auto; padding:80px 0; z-index:200; overflow:hidden}
#section4 .counsel_box .formmain_inner > table {transition:all 1s ease; width:50%; margin:0 auto}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td {position:relative}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .agree_box {display:block; padding:10px 0; text-align:left; font-size:14px; font-weight:500; color:#fff}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .agree_box a {font-size:14px; font-weight:500; color:#fff; vertical-align:top; margin-left:5px}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .agree_box input[type="checkbox"] {width:18px; height:18px; background:#fff; border:1px solid #fff; margin-right:5px; vertical-align:middle}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .formmail_btn {padding-top:25px}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .formmail_btn a {width:50%; height:50px !important; line-height:50px !important; border-radius:0px; font-size:20px !important; color:#fff}
#section4 .counsel_box .formmain_inner.open {max-width:1296px; margin:0 auto; }
#section4 .counsel_box > a.formmail_close {position:absolute; top:-17px; left:47%; display:inline-block; width:110px; height:35px; line-height:35px; background:#333; font-size:14px; font-weight:500; color:#fff; transition:all 0.55s ease; z-index:150}
#section4 .counsel_box > a.formmail_close > i {margin-right:5px}
#main_map {width:809px; height:344px}
/* Before & After */
#section6.section {margin:130px 0 100px 0}
#section6 .control-box {float:left; width:400px}
#section6 .control-box h2 {font-family:'notokr-regular', 'notokr-thin', 'notokr-medium', 'notokr-light', 'notokr-demilight', 'notokr-bold', 'notokr-black', sans-serif; font-size:60px; font-weight:normal; color:#e4007f; line-height:1.16; margin-bottom:25px}
#section6 .control-box h2 span {color:#25221d}
#section6 .control-box h3 {font-family:'notokr-regular', 'notokr-thin', 'notokr-medium', 'notokr-light', 'notokr-demilight', 'notokr-bold', 'notokr-black', sans-serif; font-size:19px; font-weight:600; color:#989898}
#section6 .control-box .btngroup {margin:40px 0 50px 0; font-size:0}
#section6 .control-box .btngroup > button {width:60px; height:60px; margin-right:1px; font-size:22px; color:#fff; border:none; background:#191c22; cursor:pointer; outline:none}
#section6 .control-box .btngroup > button:hover {background:#dedede}
#section6 .control-box .tab-list li {position:relative; width:240px; height:40px; margin-bottom:10px; padding-left:30px; font-family:'NBG'; font-size:20px; font-weight:600; color:#25221d; line-height:38px; border:1px solid #e0e0e0; cursor:pointer; transition:all .1s ease}
#section6 .control-box .tab-list li:after {position:absolute; right:30px; font-family:'Pe-icon-7-stroke'; font-size:20px; content:'\e684'; color:#b4b4b4}
#section6 .control-box .tab-list li.active, #section6 .control-box .tab-list li:hover {color:#1b1b1b; border-color:#1b1b1b}
#section6 .control-box .tab-list li .active:after, #section6 .control-box .tab-list li:hover:after {color:#f9538b}
#rollingBox {position:relative; float:right; width:896px; overflow:hidden}
#rollingBox .rolling-box {display:none; position:relative; overflow:hidden}
#rollingBox .rolling-box.active {display:block !important}
#rollingBox .rolling-box > .imgList {position:relative; width:1000%}
#rollingBox .rolling-box > .imgList > li {float:left; width:896px}
#rollingBox .rolling-box > .imgList > li:after {clear:both; display:block; content:''}
#rollingBox .rolling-box > .imgList > li > div {position:relative}
#rollingBox .rolling-box > .imgList > li > div > img {display:block; width:100%}
#rollingBox .rolling-box > .imgList > li > div:after {position:absolute; display:inline-block; bottom:0; padding:12px 20px; font-size:18px; font-weight:500; color:#fff; z-index:20}
#rollingBox .rolling-box > .imgList > li .before {float:left; width:50%}
#rollingBox .rolling-box > .imgList > li .after {float:right; width:50%}
#rollingBox .rolling-box > .imgList > li .before:after {right:0; content:'Before';}
#rollingBox .rolling-box > .imgList > li .after:after {left:0; content:'After';}
/* ¹è³Ê */
.visual_bn01 {position: relative; overflow: hidden; width: 100%; height:342px; background:url(../../img/section3_right01.jpg) center center no-repeat; background-size:cover;}
.visual_bn02 {position: relative; overflow: hidden; width: 100%; height:342px; background:url(../../img/section3_right02.jpg) center center no-repeat; background-size:cover;}
.visual_bn__wrap {height: 100%;padding:0 40px 0 160px;box-sizing: border-box;}
.visual_bn__inner {display: inline-table; width: 100%; height: 100%; vertical-align: middle;}
.visual_bn__vertical {display: table-cell; vertical-align: middle; text-align: right;}
.visual_bn01.is-active .visual_bn__box { margin-top: 0; opacity: 1;}
.visual_bn02.is-active .visual_bn__box { margin-top: 0; opacity: 1;}
.visual_bn__box {position: relative; display: inline-block; width: 300px; height:300px; margin-top: 200px; opacity: 0;padding: 20px 20px 30px; background-color: #fff; box-sizing: border-box; text-align: center; transition: margin 1s ease, opacity 1s ease; transition-delay: 0.8s;}
.visual_bn__tit {margin: 20px 0 0; font-size: 30px; color: #000; line-height: 1.2; font-weight: 600;}
.color-slim{color:#75c9ff;}
.color-slim01{color:#0098a4;font-weight: 600;}
.color-slim02{color:#59493f;font-weight: 600;}
.visual_bn__tag {margin: 18px 0 0 0; font-size: 16px; color: #555; font-weight: 600;}
.visual_bn__price{margin:18px 0 0 0; font-size: 22px; color: #000; font-weight: 500;}
.visual_bn__noti {margin: 24px 0 0 0; font-size: 12px; color: #999;}
.visual_bn__list {margin: 30px 0 0 0; padding: 0; font-size: 0;}
.visual_bn__item {display: inline-block; list-style: none;}
.visual_bn__btn {display: block; width: 140px; height:40px; border: 1px solid #555; font-size: 16px; line-height:36px; color: #555; text-decoration: none; box-sizing: border-box;}
.visual_bn__btn-wrap {position: relative; display: inline-block; height: 100%; vertical-align: middle; box-sizing: border-box;}
.visual_bn__item a:hover{text-decoration:none; background:#e4007f; border:1px solid #e4007f; color:#fff}
.visual01 {position: relative; overflow: hidden; width: 100%;  background:url(../../img/visual_1.jpg) center center no-repeat; background-size:cover;}
.visual02 {position: relative; overflow: hidden; width: 100%;  background:url(../../img/visual_2.jpg) center center no-repeat; background-size:cover;}
.visual__wrap {height: 100%;padding: 0 100px;box-sizing: border-box;}
.visual__inner {display: inline-table; width: 100%; height: 100%; vertical-align: middle;}
.visual__vertical {display: table-cell; vertical-align: middle; text-align: right; padding-right:10%;}
.visual01.is-active .visual__box { margin-top: 0; opacity: 1;}
.visual02.is-active .visual__box { margin-top: 0; opacity: 1;}
.visual__box {position: relative; display: inline-block; width: 680px; margin-top: 200px; opacity: 0;padding: 70px 70px 80px; box-sizing: border-box; text-align: center; transition: margin 1s ease, opacity 1s ease; transition-delay: 0.8s;}
.visual__tit {margin: 94px 0 0 0; font-size: 46px; color: #000; line-height: 1.2; font-weight: 400;}
.visual__tit01 {margin: 94px 0 0 0; font-size: 70px; color: #000; line-height: 1.2; font-weight: 400;}
.visual__tit02 {margin: 94px 0 0 0; font-size: 70px; color: #000; line-height: 1.2; font-weight: 400;}
.color-slim{color:#75c9ff;}
.visual__tag {margin: 24px 0 0 0; font-size:32px; color: #555; font-weight: 400;}
.visual__price{margin:24px 0 0 0; font-size:20px;}
.visual__noti {margin: 84px 0 0 0; font-size: 12px; color: #999;}
.visual__list {margin: 40px 0 0 0; padding: 0; font-size: 0;}
.visual__item {display: inline-block; list-style: none;}
.visual__btn {display: block; width: 340px; height: 60px; border: 1px solid #555; font-size: 16px; color: #555; text-decoration: none; box-sizing: border-box;}
.visual__btn-wrap {position: relative; display: inline-block; height: 100%; padding-left: 30px; vertical-align: middle; box-sizing: border-box;}
/* À̺¥Æ® ¸µÅ©¹è³Ê */
.img-responsive{position:absolute; top:0; left:0; width:100%; height:100%;}
.img-normal{max-width:100%; vertical-align:middle;}
.img-w100{width:100%; vertical-align:middle;}
.section7{overflow: hidden;background-color: #fff;}
.section7_wrap{width: 100%;max-width: 1296px;margin: 0 auto;padding: 20px 0px 80px;box-sizing: border-box;}
.section7_list{margin: 0 0 0 -20px;padding: 0;font-size: 0;}
.section7_item{display: inline-block;width: 33.33%;padding-left: 20px;list-style: none;box-sizing: border-box;vertical-align: top;}
.section7_link{display: block; color: #fff;}/* ;text-decoration: none; */
.section7_link:hover{opacity: 1;}
.section7_img{position: relative; overflow:hidden; }
.section7_img .work_cont{text-align:center; background:#222;}
.section7_img .work_cont span{width:100%; color:#fff; font-size:30px; font-weight:500; padding: 10px; display:block;}
.section7_layer{opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin:30px 30px 80px; background-color: #fff; transition: all 0.5s;}
.section7_layer:hover{opacity: 1;}
.section7_inner{display: inline-table;width: 100%;height: 100%;}
.focus__box{display:inline-table; width:100%; height:100%; color:#fff; transition: color 0.8s;}
.focus__inner{display:table-cell; vertical-align:middle; text-align:center; }
 
.focus__subtit{margin:0; font-size:16px; font-weight:400;}
.focus__subject{margin:10px 0 0 0; font-size:40px; font-family:"Black Han Sans", sans-serif; font-weight:600; color:#000; line-height:1;}
.focus__txt{margin:10px 0 0 0; font-size:16px; font-weight:400;}
.focus__price{margin-top:40px;}
 
.focus__price-icon{vertical-align:middle; font-size:30px; font-weight:$bold; line-height:1}
.focus__price-won{margin-left:5px; font-size:40px; font-weight:600; color:#000; vertical-align:middle; line-height:1;}
/* ¸µÅ© 3¹è³Ê */
.img-responsive{position:absolute; top:0; left:0; width:100%; height:100%;}
.img-normal{max-width:100%; vertical-align:middle;}
.img-w100{width:100%; vertical-align:middle;}
.section8{overflow: hidden;background-color: #fff;}
.section8_wrap{width: 100%;max-width: 1296px;margin: 0 auto;padding: 80px 8px;box-sizing: border-box;}
.section8_list{margin: 0 0 0 -20px;padding: 0;font-size: 0;}
.section8_item{display: inline-block;width: 33.33%;padding-left: 20px;list-style: none;box-sizing: border-box;vertical-align: top;}
.section8_link{display: block;text-decoration: none;}
.section8_link:hover{opacity: 1;}
.section8_img{position: relative;}
.section8_layer01{opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(40, 163, 173, 0.8); transition: all 0.5s;}
.section8_layer01:hover{opacity: 1;}
.section8_layer02{opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(124, 74, 18, 0.8); transition: all 0.5s;}
.section8_layer02:hover{opacity: 1;}
.section8_inner{display: inline-table;width: 100%;height: 100%;}
.section8_vertical{display: table-cell;width: 1%;height: inherit;vertical-align: middle; font-size: 28px;font-weight:300; color: #fff;text-align: center;letter-spacing: -2px;}
.section8_tit{margin: 34px 0 0;font-size: 24px;font-weight: bold;color: #333;letter-spacing: -2px;}
.section8_shortcut{display: inline-block;position: relative;margin: 14px 0 0;padding: 0 18px 4px 2px;border-bottom: 2px solid #616161;font-size: 16px;font-weight: $regular;color: #959595;letter-spacing: -2px;}
.section8_shortcut:after{content: "";display: block; position: absolute;top: 8px;right: 2px;width: 4px;height: 4px;border-top: 2px solid #959595;border-right: 2px solid #959595;transform: rotate(45deg);}
.section8_slider{display: none;}
.hidden-pm{display:none !important;}
.hidden-m{display:inline-block !important;}
.hidden-pt{display:none !important;}
.hidden-p{display:none !important;}
/* map */
*, ::after, ::before {box-sizing: border-box; margin-block-start:0; margin-block-end:0; margin-inline-start:0; margin-inline-end:0;}
#section_map {width:100%; margin:auto}
#section_map:after {clear:both; content:''; display:block}
#section_map .left {width:50%; height:550px; padding-left:9%; text-align:center; background:#f9538b;}
#section_map .left .info-box {vertical-align: middle}
#section_map .left .info-box .icon-box {padding:75px 0 35px 0}
#section_map .left .info-box .icon-box img {}
#section_map .left .info-box .title {color:#fff}
#section_map .left .info-box .title h4 {font-size:20px; font-weight:300}
#section_map .left .info-box .title strong {font-size:30px; letter-spacing:-1px;}
#section_map .left .info-box .info-tel {margin:20px auto 10px}
#section_map .left .info-box .info-tel p {color:#fff}
#section_map .left .info-box .info-tel p span {font-size:14px; font-weight:normal}
#section_map .left .info-box .sns-area {position:relative}
#section_map .left .info-box .sns-area ul {padding:40px 0}
#section_map .left .info-box .sns-area ul:after {clear:both; content:''; display:block}
#section_map .left .info-box .sns-area ul li {display:inline-block; margin:0 5px; vertical-align:middle; text-align:left}
#section_map .left .info-box .sns-area ul li span {text-align:left; font-size:13px; font-weight:300; line-height:1.2; color:#fff}
#section_map .left .info-box .sns-area ul li a {display:inline-block; width:45px; height:45px; background:#fff; border-radius:50%; text-align:center; line-height:45px; transition:all 0.3s ease}
#section_map .left .info-box .sns-area ul li a:hover {background:#e4007f}
#section_map .left .info-box .sns-area ul li a:hover i{color:#fff}
#section_map .left .info-box .sns-area ul li a i {font-size:25px; line-height:45px; color:#e4007f; transition:all 0.3s ease}
#section_map .left .info-box .sns-area ul li.sns-kakao a {background:#fff20f}
#section_map .right {width:50%; height:550px; float:right}
/* section_slide slide */
.section {position:relative;width:100%;}
.section:after {content:''; clear:both; display:block}
.section .inner {position:relative;}
.section .inner:after {content:''; clear:both; display:block}
.inner {width:1400px;margin:0 auto;position:relative;}
.inner:after {content:''; clear:both}
.section_slide {width:100%;position:relative;padding:100px 0px;}
.section_slide .inner {width:1296px;}
.section_slide .inner h1 {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(0,50px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.section_slide.active .inner h1 {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.3s; }
.section_slide .inner h1 {position:relative;color:#000;font-style:italic;font-size:45px;top:20%;text-align:center;width:100%;font-weight:normal;letter-spacing:0px;}
.section_slide .inner h1 span {display:block;margin-bottom:20px;}
.section_slide .inner h1 p {position:absolute;right:0px;top:20px;font-size:14px;}
.section_slide.inner h1 p i {font-size:11px;color:#8e7369;position:relative;top:1px;}
.section_slide .inner .slide1 {opacity:0.8; filter:alpha(opacity=80); transform:translate(0,100px); transition:1s ease}
.section_slide.active .inner .slide1 {opacity:1; filter:alpha(opacity=100); transform:translate(0,0); }
.section_slide .inner .slide1 {margin:50px auto;width:1296px;overflow:hidden;/*position:absolute;top:32%;*/}
.section_slide .inner .slide1 .slide_txt {font-size:16px;}
.section_slide .inner .slide1 .slide_txt span {color:#8e7369;position:relative;font-size:20px;margin-top:30px;margin-bottom:25px;display:block;border-bottom:solid 1px #f1f1f1;padding-bottom:20px;}
.section_slide .inner .slide1 .slide_txt span strong {color:#000;font-size:32px;display:block;margin-bottom:5px;}
.section_slide .inner .slide1 .slide_txt button {border:solid 1px #ccc;background:#fff;padding:8px 30px;display:block;margin:30px 5px;transition:0.3s ease;cursor:pointer;}
.section_slide .inner .slide1 .slide_txt button:hover {background:#8e7369;color:#fff;border:solid 1px #8e7369;}
/* ----------------------------- ¼­ºêÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
/* ¼­ºêÆäÀÌÁö ¼½¼Ç °øÅë */
#container {}
#container.main {}
.sub-section {position:relative; padding:60px 0}
.sub-section.no-padding {padding:0}
.sub-section > .innerContainer {position:relative; width:1296px; margin:auto}
.sub-section > .innerContainer:after {clear:both; display:block; content:''}
.sub-section .section-tit {margin-bottom:50px; text-align:center}
.sub-section .section-tit h2 {font-size:35px; font-weight:600; color:#3a3a3a; margin-bottom:10px}
.sub-section .section-tit h2 span {font-weight:300}
.sub-section .section-tit h3 {font-size:12px; font-weight:500; color:#888; letter-spacing:5px; text-transform:uppercase}
.sub-section .section-tit h3 span {color:#25221d}
.section-info {}
.section-info .topInfo {}
.section-info .topInfo:after {clear:both; content:''; display:block}
.section-info .topInfo .left {float:left; width:691px}
.section-info .topInfo .left .infoImg {height:640px; overflow:hidden}
.section-info .topInfo .left .infoImg img {display:block; width:100%}
.section-info .topInfo .right {float:right; width:509px}
.section-info .topInfo .right > ul {}
.section-info .topInfo .right > ul:after {clear:both; content:''; display:block}
.section-info .topInfo .right > ul > li {height:320px; overflow:hidden}
.section-info .topInfo .right > ul > li img {display:block; width:100%}
.section-info .topInfo .right > ul > li a {}
.section-info .topInfo .right > ul > li a img {display:block; width:100%}
.section-info .bottomInfo {font-size:0}
.section-info .bottomInfo > div.bottomItem {display:inline-block; width:346px; overflow:hidden}
.section-info .bottomInfo > div.bottomItem img {display:block; width:100%}
.section-info .bottomInfo > div.bottomItem:last-child {width:508px}
/* ¹è°æŸÀÔ ÄÁÅÙÃ÷ */
.container-bgtype {background-position:center top; background-repeat:no-repeat}
/* ÀÇ·áÁø¼Ò°³ */
.team-info {position:relative; margin-bottom:20px}
.team-info .info-box {position:absolute; bottom:0; left:0; padding:20px; background:rgba(0, 0, 0, .75); z-index:10}
.team-info .info-box span {display:block; margin-bottom:5px; font-size:15px; color:#a6a6a6}
.team-info .info-box h3 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:20px}
.team-info .info-box p {font-size:15px; color:#fff}
/* doctors */
.about-us.doctors .sub-visual{background-image:url('../../img/sub-visual.jpg');}
.doctor-list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.doctor-list .list-item.type2{width:33.3333%; background-position-x:right; background-position-y:400px;}
.doctor-list .list-item{width:50%;height:800px; padding:5em; box-sizing:border-box; background-image:url("../../img/dr01.png"); background-repeat:no-repeat; background-position:right bottom;}
.doctor-list .list-item .name{font-size:3.375rem; display:block; margin-bottom:1em;}
.doctor-list .list-item .name .class-name{font-size:1.5rem;}
.doctor-list .list-item.color-type1{background-color:#e7e7e7;}
.doctor-list .list-item.color-type2{background-color:#f6f6f6;}
.doctor-list .captain{margin-bottom:1em;}
.doctor-list .captain img{display:block;}
.doctor-list .captain strong{font-size:1.5rem; color:#8a6d43; line-height:1.4;}
.doctor-list .profile-list ul {padding-bottom:1em;}
.doctor-list .profile-list ul li{font-size:1rem; color:#666; line-height:1.6;}
.doctor-list .video-links .video-caption{display:block; font-size:1rem; font-weight:bold; line-height:1.4; padding-bottom:.5em;}
.doctor-list .video-links a{display:block; max-width:180px; width:100%;}
.doctor-list .video-links a img{width:100%;}
/* ã¾Æ¿À½Ã´Â ±æ */
.location-wrapper {padding-top:30px}
.location-wrapper .leftArea {float:left; width:480px}
.location-wrapper .leftArea h3 {font-size:30px; font-weight:600; color:#000; margin-bottom:25px}
.location-wrapper .leftArea img {margin-bottom:25px}
.location-wrapper .leftArea h4 {font-size:20px; font-weight:600; color:#2b2b2b; margin-bottom:15px}
.location-wrapper .leftArea p {font-size:16px; margin-bottom:5px}
.location-wrapper .leftArea strong {display:block; font-size:30px; font-weight:600; color:#746d66}
.location-wrapper .rightArea {float:right; width:720px}
.location-wrapper .rightArea #map {width:720px; height:400px}
/* µÑ·¯º¸±â */
#facilitySlider .big-thumb {position:relative; margin-bottom:50px}
#facilitySlider .big-thumb .thumb-list > li {display:none}
#facilitySlider .big-thumb .thumb-list > li.active {display:block}
#facilitySlider .big-thumb .thumb-list > li img {display:block; width:100%}
#facilitySlider .big-thumb .floor-tab {position:absolute; display:table; bottom:0; left:0; width:100%; table-layout:fixed; border-spacing:1px; border-collapse:separate}
#facilitySlider .big-thumb .floor-tab > li {display:table-cell; width:auto; height:40px; padding-left:15px; color:#333; vertical-align:middle; background:rgba(200, 201, 202, .8); cursor:pointer}
#facilitySlider .big-thumb .floor-tab > li.active {color:#fff; background:rgba(0, 0, 0, .8)}
#facilitySlider .floor-container .floor-info {display:none}
#facilitySlider .floor-container .floor-info h2 {font-size:40px; font-weight:300; color:#2b2b2b; margin-bottom:40px}
#facilitySlider .floor-container .floor-info.active {display:block}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -10px}
#facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; display:block; content:''}
#facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:33.333334%; margin-bottom:20px; padding:0 10px; cursor:pointer}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:10px; right:10px; bottom:0; content:''; border:0px solid #f9538b; transition:all .25s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before, #facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}
/* ----------------------------- Æ÷Åä°¶·¯¸® °Ô½ÃÆÇ ½ºÅ¸ÀÏ ----------------------------- */
/* ¸®½ºÆ® ÆäÀÌÁö */
.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 #f9538b; 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:auto; 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; background:#fff}
.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}
.bbsnewf5 > table {padding:20px}
/* Ä«Å×°í¸® */
.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:#f9538b; background:#f9538b !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:#f9538b; 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:#f9538b; 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:#f9538b; 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:#f9538b; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#b58c52}
.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:#f9538b; background:#f9538b}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#e4007f; background:#e4007f}
.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}
.btn-area > .btn2 {display:inline-block; font-size:16px; border-radius:0; }
.btn-area .btn-wh-o {background:none; border:2px solid #fff; color:#fff; transition:all 0.3s ease}
.btn-area .btn-wh-o:hover {background:#e4007f; border:2px solid #e4007f}
.btn-area .btn-lg {width:360px; height:48px !important; line-height:46px !important; font-size:18px;}
/* ----------------------------- ÅÇ °øÅë ½ºÅ¸ÀÏ ----------------------------- */
.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:55px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:16px; color:#333; line-height:55px; text-align:center; border:1px solid #d5d5d5; border-left:none}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#f9538b; background:#f9538b !important}
.tab-primary > li:hover a {background:#f4f4f4}