@charset "euc-kr"; /* ----------------------------- 메인?�이지 ?��???----------------------------- */
/* 메인비주??*/
#mainVisual {
    position: relative;
    overflow: hidden;
    z-index: 20;
}

body.scrollfix #mainVisual {
    margin-top: 61px
}

#mainVisual > .imgList {
    position: relative;
    height: 676px
}

#mainVisual > .imgList > li {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 676px;
    background-size: cover !important
}

#mainVisual > .imgList > li.item1 {
    left: 0;
    background: url(../img/main_visual1.jpg) center top no-repeat
}

#mainVisual > .imgList > li.item2 {
    background: url(../img/main_visual6.jpg) center top no-repeat
}

#mainVisual > .imgList > li.item3 {
    background: url(../img/main_visual5.jpg) center top no-repeat
}

#mainVisual > .imgList > li.item4 {
    background: url(../img/main_visual2.jpg) center top no-repeat
}

#mainVisual > .imgList > li.item5 {
    background: url(../img/main_visual3_pc.jpg) center top no-repeat
}

#mainVisual > .imgList > li.item6 {
    background: url(../img/main_visual4.jpg) center top no-repeat
}

#mainVisual > .direction a {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    z-index: 30;
    left: 50%;
    margin-top: 50px;
}

#mainVisual > .direction .prev {
    margin-left: -700px;
}

#mainVisual > .direction .next {
    margin-left: 700px;
}

#mainVisual > .pagination {
    position: absolute;
    display: none;
    bottom: 380px;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    font-size: 0;
    z-index: 30
}

#mainVisual > .pagination > li {
    display: inline-block;
    font-size: 13px;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

#mainVisual > .pagination > li.active, #mainVisual > .pagination > li:hover {
    background: #cca865
}

/* ?�단 ?�?�드 배너 */
#wideBanner {
    position: relative;
    margin: 90px auto 0;
    height: 380px;
    z-index: 30;
    background: #f5f5f5;
    text-align: center
}

#wideBanner h3 {
    padding-top: 100px;
    font-size: 55px
}

#wideBanner h3 span.gold {
    color: #cca865
}

#wideBanner p {
    font-size: 20px;
    color: #989898
}

/* 메인?�이지 ?�션 공통 */
.section {
    position: relative
}

.section > .innerContainer {
    position: relative;
    width: 1200px;
    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: #cca865;
    letter-spacing: 4px;
    text-transform: uppercase
}

.section .section-tit h3 span {
    color: #25221d
}

/* Before & After */
/*?�션1 ?��???/
#section1 {
    width: 100%;
    margin: auto
}

#section1:after {
    display: block;
    clear: both;
    content: ''
}

/*20190124 추�?*/
#section1 {
    background: url("../img/main_middle_since_bg.jpg") no-repeat top center;
    padding: 20px;
    height: 738px;
}

#section1 .since {
    position: relative;
    float: right;
    width: 50%;
    padding-left: 150px;
    margin-top: 200px;
}

#layerpopup {
    background: #fff;
}

.popHeader {
    height: 30px;
    background: #fff;
    text-align: right;
}

.popHeader a img {
    padding: 0 6px 0 0;
}

.popupContent {
    padding: 0px;
    text-align: center;
}

.pcl {
    float: right;
}

.popupClose {
    margin-left: 0px;
    height: 30px;
    text-align: center;
    background: #2e2e2e;
    width: 300px;
}

.popupClose input, .popupClose img {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.popupClose label {
    padding: 0 8px 0 0;
}

.popupClose a {
    color: #fff;
    text-decoration: none;
    line-height: 30px;
}

/*?�션1 left*/
#section1 .section1_left {
    width: 50%;
    float: left
}

#section1 .section1_left > .clinic {
    width: 33.333334%;
    height: 450px;
    float: left;
    padding: 65px 65px 0 40px;
    overflow: hidden
}

#section1 .section1_left > .bg_area {
    clear: both;
    width: 100%;
    overflow: hidden
}

#section1 .section1_left > .bg_area ul {
    overflow: hidden;
    position: relative
}

#section1 .section1_left > .bg_area ul:after {
    clear: both;
    content: '';
    display: block
}

#section1 .section1_left > .bg_area ul li {
    width: 100%;
    float: left;
    height: 550px;
    background-size: cover !important;
    background-position: 100% 100% !important
}

#section1 .section1_left > .bg_area ul li.middle_bg1 {
    background: url(../img/section1_bg.jpg) center top no-repeat
}

#section1 .section1_left > .bg_area ul li.middle_bg2 {
    background: url(../img/section1_bg2.jpg) center top no-repeat
}

#section1 .section1_left > .clinic.clinic_box1 {
    background: url(../img/section1_box1.jpg) center top no-repeat
}

#section1 .section1_left > .clinic.clinic_box2 {
    background: url(../img/section1_box2.jpg) center top no-repeat
}

#section1 .section1_left > .clinic.clinic_box3 {
    background: url(../img/section1_box3.jpg) center top no-repeat
}

#section1 .section1_right > .clinic.clinic_box4 {
    background: url(../img/section1_box4.jpg) center top no-repeat
}

#section1 .section1_right > .clinic.clinic_box5 {
    background: url(../img/section1_box5.jpg) center top no-repeat
}

#section1 .section1_left > .clinic .title, #section1 .section1_right > .clinic .title {
    margin-bottom: 25px
}

#section1 .section1_left > .clinic .title h3, #section1 .section1_right > .clinic .title h3 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #cca865;
    letter-spacing: -1px;
    margin-bottom: 20px
}

#section1 .section1_left > .clinic .title h3.f_gold {
    color: #ffd88f;
}

#section1 .section1_left > .clinic .title h4, #section1 .section1_right > .clinic .title h4 {
    font-size: 30px;
    font-weight: 300;
    color: #25221d;
    line-height: 1.1;
    letter-spacing: -1px
}

#section1 .section1_left > .clinic .title h4.white {
    color: #fff
}

#section1 .section1_left > .clinic p {
    font-size: 14px;
    line-height: 1.2;
    color: #a1a1a1;
    padding-bottom: 70px
}

#section1 .section1_left > .clinic p, #section1 .section1_right > .clinic p {
    font-size: 14px;
    line-height: 1.2;
    color: #a1a1a1;
    padding-bottom: 70px
}

#section1 .section1_left > .clinic p.white {
    color: #fff;
    line-height: 1.2
}

#section1 .section1_left > .clinic .price-box, #section1 .section1_right > .clinic .price-box {
    font-size: 14px
}

#section1 .section1_left > .clinic .price-box:after {
    display: block;
    content: '';
    border-bottom: 1px solid #b2b2b2;
    width: 20%;
    height: 1px
}

#section1 .section1_left > .clinic.clinic_box2 .price-box:after {
    display: block;
    content: '';
    border-bottom: 1px solid #fff;
    width: 20%;
    height: 1px
}

#section1 .section1_left > .clinic .price-box strong, #section1 .section1_right > .clinic .price-box strong {
    font-size: 20px
}

#section1 .section1_left > .clinic .price-box.white {
    color: #fff
}

/*?�션1 right*/
#section1 .section1_right {
    width: 50%;
    float: right
}

#section1 .section1_right > .clinic_box4 {
    width: 33.333334%;
    min-height: 450px;
    float: left;
    padding: 65px 55px 0 40px
}

#section1 .section1_right > .clinic_box5 {
    width: 66.66666%;
    min-height: 450px;
    float: left;
    text-align: center;
    padding: 65px 0 0
}

#section1 .section1_right > .clinic .price-box:after {
    display: block;
    content: '';
    border-bottom: 1px solid #b2b2b2;
    width: 20%;
    height: 1px
}

#section1 .section1_right > .rolling {
    clear: both;
    position: relative;
    width: 100%;
    height: 550px;
    background: #8d7171;
    overflow: hidden
}

#section1 .section1_right > .rolling ul.item {
    position: relative;
    width: 2800px
}

#section1 .section1_right > .rolling ul:after {
    clear: both;
    content: '';
    display: block
}

#section1 .section1_right > .rolling ul.item li {
    float: left;
    width: 960px;
    height: 550px;
    text-align: center;
    padding: 120px 0 0
}

#section1 .section1_right > .rolling ul.item li .img-area {
    width: 59px;
    margin: 0 auto 40px
}

#section1 .section1_right > .rolling ul.item li img {
    display: block;
    width: 100%
}

#section1 .section1_right > .rolling ul.item li .title {
    margin-bottom: 25px
}

#section1 .section1_right > .rolling ul.item li .title h3 {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    line-height: 1.1
}

#section1 .section1_right > .rolling ul.item li .desc {
}

#section1 .section1_right > .rolling ul.item li .desc p {
    font-size: 20px;
    font-weight: normal;
    color: #c8bbbb;
    line-height: 1.2
}

/*end ?�션 1 ?��???*/
/*?�션2?��???/
/*20190124 추�?*/
#middle4 {
    position: relative;
    clear: both;
    width: 1200px;
    margin: 100px auto;
    display: inline-block;
}

#middle4 .left {
    width: 100%;
}

#middle4 .left ul {
}

#middle4 .left ul.top li {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
}

#middle4 .left ul.top li:nth-child(3) {
    margin-right: 0px;
}

#middle4 .left ul.top li:last-child {
    margin-right: 0px;
}

#section2.section {
    /*background:#fff url(../img/section2_bg.jpg) center top no-repeat;*/
    ;text-align: center;
}

#section2 .inner {
    width: 1400px;
    margin: 0 auto
}

#section2 .inner .solution {
    display: table;
    width: 100%;
    height: 100%
}

#section2 .inner .solution .right {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

#section2 .inner .solution .right img {
}

/*end ?�션2?��???/
/*20190124 추�?*/
/* 2???�?�드 배너 ?�션 */
#section3 {
    width: 100%;
    margin: auto;
    clear: both;
}

#section3:after {
    clear: both;
    content: '';
    display: block
}

#section3.section {
    height: 417px;
}

#section3 > .innerContainer {
    height: 100%
}

#section3 .spacer {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 0px;
}

#section3 .left {
    background: url(../img/main_middle_img2_01.jpg) center top no-repeat;
    width: 50%;
    padding-right: 310px;
    text-align: right;
}

#section3 .right {
    background: url(../img/main_middle_img2_02.jpg) center top no-repeat;
    width: 50%;
    padding-left: 50px;
    text-align: left;
}

#section3 .left, #section3 .right {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    padding-top: 80px;
}

/* 1???�?�드 배너 ?�션 */
#section4 {
    width: 100%;
    margin: auto;
    clear: both;
    background: url(../img/main_middle_img3.jpg) center top no-repeat;
}

#section4:after {
    clear: both;
    content: '';
    display: block
}

#section4.section {
    height: 361px;
    text-align: center;
    padding-top: 50px;
}

#section5 {
    position: relative;
    width: 100%;
    background: #f2f2f2;
    padding: 60px 0px;
    clear: both;
}

#section5 .inner {
    width: 1400px;
    margin: 0px auto;
    font-size: 0px;
}

#section5 .inner .bottom_info {
    display: inline-block;
    vertical-align: top;
}

#section5 .inner .title {
    width: 320px;
    position: relative;
}

#section5 .inner .title:after {
    position: absolute;
    content: '';
    height: 200px;
    top: 0px;
    right: 0px;
    width: 1px;
    background: #d2d2d2;
}

#section5 .inner h1 {
    font-size: 24px;
    color: #000;
    position: relative;
    margin-bottom: 20px;
}

#section5 .inner h1:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 40px;
    height: 2px;
    background: #aaa;
    width: 30px;
}

#section5 .inner h4 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
}

#section5 .inner span {
    color: #959595;
}

#section5 .inner span p {
    display: inline-block;
    color: #000;
    margin-bottom: 0px;
}

#section5 .inner .sns-area {
    width: 540px;
    text-align: center;
    position: relative;
    padding-top: 40px;
}

#section5 .inner .sns-area:after {
    position: absolute;
    content: '';
    height: 200px;
    top: 0px;
    right: 0px;
    width: 1px;
    background: #d2d2d2;
}

#section5 .inner .sns-area li {
    display: inline-block;
    padding: 0px 20px;
}

#section5 .inner .sns-area li a {
    width: 70px;
    height: 70px;
    background: #dcdcdc;
    border-radius: 70px;
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
}

#section5 .inner .sns-area li span {
    display: block;
    color: #838080;
}

#section5 .inner .info-tel {
    width: 540px;
    position: relative;
    padding-left: 60px;
}

#section5 .inner .info-tel span {
    font-size: 35px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

#section5 .inner .info-tel p.kakao {
    position: absolute;
    right: 30px;
    top: 50px;
}

#section6 {
    clear: both;
    width: 100%;
    position: relative;
    padding: 30px 0px;
    background: #fff;
}

#section6 .msl_wrap {
    width: 1400px;
    margin: 0px auto;
}

#section6 .msl_wrap div.swiper-slide {
    box-sizing: border-box;
    text-align: center;
}

#section6 .msl_wrap div.swiper-slide img {
    height: 35px;
}

/*?�션3 ?��???/
/*#section3 {width:100%; margin:auto;clear:both;}
#section3:after {clear:both; content:''; display:block}
#section3 .left {width:50%; height:550px; float:left; text-align:center; background:#cca865;}
#section3 .left .info-box {vertical-align: middle}
#section3 .left .info-box .icon-box {padding:75px 0 35px 0}
#section3 .left .info-box .icon-box img {}
#section3 .left .info-box .title {color:#fff}
#section3 .left .info-box .title h4 {font-size:20px; font-weight:300}
#section3 .left .info-box .title strong {font-size:30px; letter-spacing:-1px;}
#section3 .left .info-box .info-tel {margin:20px auto 10px}
#section3 .left .info-box .info-tel p {color:#fff}
#section3 .left .info-box .info-tel p span {font-size:14px; font-weight:normal}
#section3 .left .info-box .sns-area {position:relative}
#section3 .left .info-box .sns-area ul {padding:40px 0}
#section3 .left .info-box .sns-area ul:after {clear:both; content:''; display:block}
#section3 .left .info-box .sns-area ul li {display:inline-block; margin:0 5px; vertical-align:middle; text-align:left}
#section3 .left .info-box .sns-area ul li span {text-align:left; font-size:13px; font-weight:300; line-height:1.2; color:#fff}
#section3 .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}
#section3 .left .info-box .sns-area ul li a:hover {background:#b39153}
#section3 .left .info-box .sns-area ul li a:hover i{color:#fff}
#section3 .left .info-box .sns-area ul li a i {font-size:25px; line-height:45px; color:#cca865; transition:all 0.3s ease}
#section3 .left .info-box .sns-area ul li.sns-kakao a {background:#fff20f}
#section3 .right {width:50%; height:550px; float:right}*/
/*end ?�션3 ?��???/
/*공통?��???/
.section {
}

.section .inner {
    width: 1400px;
    margin: 0 auto
}

/*end 공통?��???/
#section1 .inner {
    width: 1400px;
    margin: 0 auto
}

#section1 .control-box {
    float: left;
    width: 400px
}

#section1 .control-box h2 {
    font-family: 'Nanum Myeongjo';
    font-size: 60px;
    font-weight: normal;
    color: #cca865;
    line-height: 1.16;
    margin-bottom: 25px
}

#section1 .control-box h2 span {
    color: #25221d
}

#section1 .control-box h3 {
    font-family: 'NBG';
    font-size: 19px;
    font-weight: 600;
    color: #989898
}

#section1 .control-box .btngroup {
    margin: 40px 0 50px 0;
    font-size: 0
}

#section1 .control-box .btngroup > button {
    width: 40px;
    height: 40px;
    margin-right: 1px;
    font-size: 12px;
    color: #999;
    border: none;
    background: #ececec;
    cursor: pointer;
    outline: none
}

#section1 .control-box .btngroup > button:hover {
    background: #dedede
}

#section1 .control-box .tab-list li {
    position: relative;
    width: 240px;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
    font-family: 'NBG';
    font-size: 15px;
    color: #25221d;
    line-height: 38px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    transition: all .1s ease
}

#section1 .control-box .tab-list li:after {
    position: absolute;
    right: 30px;
    font-family: 'Pe-icon-7-stroke';
    font-size: 20px;
    content: '\e684';
    color: #b4b4b4
}

#section1 .control-box .tab-list li.active, #section1 .control-box .tab-list li:hover {
    color: #be9356;
    border-color: #cca865
}

#section1 .control-box .tab-list li .active:after, #section1 .control-box .tab-list li:hover:after {
    color: #be9356
}

#rollingBox {
    position: relative;
    float: right;
    width: 800px;
    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: 800px
}

#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';
    background: #25221d
}

#rollingBox .rolling-box > .imgList > li .after:after {
    left: 0;
    content: 'AFTER';
    background: #be9356
}

/* 그리??배너 ?�션 1 */
/*#section4.section {padding:80px 0; background:#e3d7c3}
#section4 div[class^=grid] a img {display:block}
#section4 .grid-left {float:left; margin-right:32px}
#section4 .grid-right {float:right}
#section4 .grid-right .top {margin-bottom:33px}
#section4 .grid-right .top .left {float:left; margin-right:34px}
#section4 .grid-right .top .right {float:right}*/
/* 그리??배너 ?�션 2 */
/*#section5 {padding:55px 0 0 0}
#section5 .grid > li {float:left; margin:0 14px 12px 0}
#section5 .grid > li.right-end {margin-right:0}
#section5 .grid > li.grid-center {margin-right:13px}
#section5 .grid > li.item-contact {width:391px; height:344px; padding:55px 50px 0 50px; background:#2b2b2b}


#section5 .grid > li.item-contact h3 {font-size:20px; font-weight:600; color:#fff; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:15px}
#section5 .grid > li.item-contact strong {display:block; font-size:30px; color:#cca865; margin-bottom:10px}
#section5 .grid > li.item-contact p {font-size:14px; color:#bbb; line-height:1.5; margin-bottom:20px}
#section5 .grid > li.item-contact .sns-list {font-size:0}
#section5 .grid > li.item-contact .sns-list li {display:inline-block; font-size: 14px; font-weight:600; color:#fff; line-height:1.28; margin-right:10px}
#section5 .grid > li.item-contact .sns-list li > a {display:block; width:36px; height:36px; font-size:23px; color:#2b2b2b; text-align:center; line-height:36px; border-radius:50%; background:#cca865}
#section5 .grid > li.item-contact .sns-list li > a:hover {background:#c6a25f}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a {background:#fff20f}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a:hover {background:#f5e800}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a img {vertical-align:middle}*/
#main_map {
    width: 100%;
    height: 550px
}

/* ----------------------------- ?�브?�이지 ?��???----------------------------- */
/*병원?�개*/
#sub_content18 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg16.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content18 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content17 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg15.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content17 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content16 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg14.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content16 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content15 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg13.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content15 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content13 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg8.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content13 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content12 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg11.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content12 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content11 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg10.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content11 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content10 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg9.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content10 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content0 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg8.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content0 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content9 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg7.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content9 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content8 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg6.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content8 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content7 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg5.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content7 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content6 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg3.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content6 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content5 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg2.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content5 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content3 {
    padding-top: 60px;
    background: url(../img/sub1_middle_bg1.jpg) center top no-repeat;
    background-size: cover;
    height: 500px
}

#sub_content3 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content3 .sub_inner .sub_title {
    text-align: center;
    margin-bottom: 60px;
}

#sub_content3 .sub_inner .sub_title h2 {
    font-size: 35px;
    font-weight: 600;
    color: #3a3a3a;
    margin-bottom: 10px
}

#sub_content3 .sub_inner .sub_title h2 span {
    font-weight: 300
}

#sub_content3 .sub_inner .sub_title h3 {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    letter-spacing: 5px;
    text-transform: uppercase
}

#sub_content3 .sub_inner .sub_title h4 {
    font-size: 45px;
    font-weight: 800;
    padding: 10px 0 20px;
    color: #555
}

#sub_content4 {
    padding-top: 0px;
}

#sub_content4 .sub_inner {
    width: 1400px;
    margin: 0 auto
}

#sub_content4 .sub_inner .sub_top .sub_tab {
}

#sub_content {
    padding-top: 60px;
    background: #f5f5f5
}

#sub_content .sub_inner {
    width: 1400px;
    margin: 0 auto
}

.sub_content2 {
    background: #f5f5f5;
    /*padding:80px 0 60px*/
}

.sub_content2 .sub_topimg {
    width: 1400px;
    margin: 0 auto
}

.sub_content2 .sub_inner {
    background: #fff;
    width: 1400px;
    margin: 0 auto
}

#sub_content .sub_inner .sub_title {
    text-align: center;
    margin-bottom: 60px;
    background: #f5f5f5
}

#sub_content .sub_inner .sub_title h2 {
    font-size: 35px;
    font-weight: 600;
    color: #3a3a3a;
    margin-bottom: 10px
}

#sub_content .sub_inner .sub_title h2 span {
    font-weight: 300
}

#sub_content .sub_inner .sub_title h3 {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    letter-spacing: 5px;
    text-transform: uppercase
}

#sub_content .sub_inner .sub_title h4 {
    font-size: 45px;
    font-weight: 800;
    padding: 10px 0 20px;
    color: #555
}

#sub_content .sub_inner .sub_top .sub_tab {
}

#sub_content .sub_inner .sub_topbg {
    background: url(../img/sub1_middle_bg.jpg) center top no-repeat;
    background-size: cover;
    height: 300px
}

#sub_content .sub_middle:after {
    clear: both;
    content: '';
    display: block
}

#sub_content .sub_middle .left {
    width: 50%;
    float: left
}

#sub_content .sub_middle .left .img-area {
    position: relative;
    padding: 80px 0
}

#sub_content .sub_middle .left .img-area .name_box {
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -85px;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
    padding: 40px 38px
}

#sub_content .sub_middle .left .img-area .name_box h3 {
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    color: #696968;
    line-height: 1.75;
    letter-spacing: 2px
}

#sub_content .sub_middle .left .img-area .name_box h3 span {
    font-size: 11px;
    color: #ed6d00
}

#sub_content .sub_middle .right {
    width: 50%;
    float: right
}

#sub_content .sub_middle .right h4 {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.2;
    padding: 100px 0 30px
}

#sub_content .sub_middle .right h4 span {
    color: #ed6d00;
    font-weight: 500
}

#sub_content .sub_middle .right h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 0 20px
}

#sub_content .sub_middle .right p {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1.65
}

#sub_content .sub_middle_bg {
    background: url(../img/sub1_middle_bg.jpg) center top no-repeat;
    background-size: cover;
    height: 550px
}

#sub_content .sub_middle_bg .sub_inner {
    display: table;
    height: 100%
}

#sub_content .sub_middle_bg .sub_inner .desc_box {
    display: table-cell;
    vertical-align: middle
}

#sub_content .sub_middle_bg .sub_inner .desc_box .title h4 {
    font-size: 45px;
    font-weight: 300;
    line-height: 1.2;
    color: #ed6d00;
    letter-spacing: -2px
}

#sub_content .sub_middle_bg .sub_inner .desc_box .title span {
    display: block;
    font-size: 35px;
    font-weight: 300;
    color: #666666;
    letter-spacing: 2px;
    margin: 0px 0 30px
}

#sub_content .sub_middle_bg .sub_inner .desc_box ol {
}

#sub_content .sub_middle_bg .sub_inner .desc_box ol li {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.75;
    color: #4b4b4b;
    letter-spacing: -1px;
    margin-left: 40px
}

#sub_content .sub_middle_bg .sub_inner .desc_box ol li span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    color: #5c4416;
    margin-left: -40px
}

#sub_content .sub_inner .about_bottom {
    padding: 140px 0 100px
}

#sub_content .sub_inner .about_bottom:after {
    clear: both;
    content: '';
    display: block
}

#sub_content .sub_inner .about_bottom .item {
    float: left;
    margin-left: 40px;
    margin-bottom: 40px
}

#sub_content .sub_inner .about_bottom .item1 {
    margin-left: 0
}

#sub_content .sub_inner .about_bottom .item3 {
    margin-left: 0
}

#sub_content .sub_inner .about_bottom .item img {
    transition: all 0.3s ease
}

#sub_content .sub_inner .about_bottom .item img:hover {
    transform: ;
}

/*?�장 ?�사�?/
.introduce {
    width: 100%;
    background: #fff;
    padding: 100px 0
}

.introduce:after {
    clear: both;
    content: '';
    display: block
}

.introduce .right {
    float: right;
    width: 48%
}

.introduce .left {
    float: left;
    width: 52%
}

.introduce .left h3 {
    font-size: 45px;
    font-weight: 300;
    line-height: 1.2;
    color: #666666;
    letter-spacing: -2px
}

.introduce .left h3 span {
    font-weight: 700;
    color: #ed6d00
}

.introduce .left p {
    font-size: 18px;
    font-weight: 300;
    color: #4b4b4b;
    line-height: 1.75;
    letter-spacing: -1px;
    padding-top: 40px
}

.introduce .left .year_box {
}

.introduce .left .year_box ul {
    padding-top: 70px
}

.introduce .left .year_box ul li {
    position: relative;
    font-size: 18px;
    font-weight: 300;
    color: #4b4b4b;
    line-height: 1.75;
    padding: 0 0 20px 80px;
    letter-spacing: -1px
}

.introduce .left .year_box ul li span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18;
    font-weight: 700;
    letter-spacing: 3px;
    color: #cca865
}

.introduce_bottom {
    background: #e6e6e6
}

.introduce_bottom:after {
    clear: both;
    content: '';
    display: block
}

.introduce_bottom .left {
    float: left;
    width: 50%;
    height: 100%;
    min-height: 600px;
    background: url(../img/introduce_bottom.jpg) center top no-repeat;
    background-size: cover
}

.introduce_bottom .right {
    float: right;
    width: 50%;
    padding: 120px
}

.introduce_bottom .right h3 {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.2;
    color: #4b4b4b;
    letter-spacing: -1px
}

.introduce_bottom .right h3 span {
    font-weight: 700
}

.introduce_bottom .right strong {
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 5px;
    color: #cca865;
    padding: 20px 0 40px
}

.introduce_bottom .right p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.75;
    color: #4b4b4b;
    letter-spacing: -1px
}

/*?�료진소�?/
.staff_wrap {
    background: #fff;
    padding: 100px 0
}

.staff_wrap .sub_inner {
}

.staff_wrap .sub_inner .direct-box2:before {
    content: '';
    border: 1px solid #eaeaea;
    display: block;
    margin: 100px auto
}

.staff_wrap .sub_inner .direct-box3:before {
    content: '';
    border: 1px solid #eaeaea;
    display: block;
    margin: 100px auto
}

.staff_wrap .sub_inner .direct-box4:before {
    content: '';
    border: 1px solid #eaeaea;
    display: block;
    margin: 100px auto
}

.staff_wrap .sub_inner .direct-box5:before {
    content: '';
    border: 1px solid #eaeaea;
    display: block;
    margin: 100px auto
}

.staff_wrap .sub_inner .direct-box6:before {
    content: '';
    border: 1px solid #eaeaea;
    display: block;
    margin: 100px auto
}

.staff_wrap .sub_inner .d-box:after {
    clear: both;
    content: '';
    display: block
}

.staff_wrap .sub_inner:after {
    clear: both;
    content: '';
    display: block
}

.staff_wrap .left1 {
    float: left;
    width: 100%;
    text-align: center
}

.staff_wrap .left1:after {
    clear: both;
    content: '';
    display: block
}

.staff_wrap .left1 .name_box {
    border: 3px solid #ed6d00;
    float: left;
    width: 175px;
    height: 52px
}

.staff_wrap .left1 .name_box span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #cca865;
    letter-spacing: -1px;
    padding-top: 60px;
    line-height: 15px
}

.staff_wrap .left1 .name_box h4 {
    font-size: 25px;
    font-weight: 500;
    padding-top: 7px;
    color: #3d3d3d
}

.staff_wrap .left1 .bio_list {
    text-align: left
}

.staff_wrap .left1 .bio_list ul {
    padding-left: 225px
}

.staff_wrap .left1 .bio_list ul li {
    position: relative;
    padding: 0 0 40px 85px;
    font-size: 15px;
    font-weight: 400;
    color: #4b4b4b;
    line-height: 1.75
}

.staff_wrap .left1 .bio_list ul li span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    color: #cca865;
    letter-spacing: 3px
}

.staff_wrap .left {
    float: left;
    width: 55%;
    text-align: center
}

.staff_wrap .left:after {
    clear: both;
    content: '';
    display: block
}

.staff_wrap .left .name_box {
    border: 3px solid #ed6d00;
    float: left;
    width: 175px;
    height: 175px
}

.staff_wrap .left .name_box span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #ed6d00;
    letter-spacing: -1px;
    padding-top: 60px;
    line-height: 15px
}

.staff_wrap .left .name_box h4 {
    font-size: 35px;
    font-weight: 500;
    color: #3d3d3d
}

.staff_wrap .left .bio_list {
    text-align: left
}

.staff_wrap .left .bio_list ul {
    padding-left: 225px
}

.staff_wrap .left .bio_list ul li {
    position: relative;
    padding: 0 0 40px 85px;
    font-size: 18px;
    font-weight: 300;
    color: #4b4b4b;
    line-height: 1.75
}

.staff_wrap .left .bio_list ul li span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    color: #cca865;
    letter-spacing: 3px
}

.staff_wrap .right {
    float: right;
    width: 45%;
    text-align: center
}

.staff_wrap .right:after {
    clear: both;
    content: '';
    display: block
}

.staff_wrap .right .img_box {
    width: 90%;
    min-height: 450px;
    overflow: hidden;
    float: right
}

.staff_wrap .right .img_box .director_img {
    width: 1000%;
    overflow: hidden
}

.staff_wrap .right .img_box .director_img li {
    width: 630px;
    height: 390px;
    background-size: cover !important;
    float: left
}

/*?�료�??�진*/
.staff_wrap .right .img_box .director_img li.director1 {
    background: url(../img/director1.jpg) center top no-repeat
}

.staff_wrap .right .img_box .director_img li.director2 {
    background: url(../img/director2.jpg) center top no-repeat
}

.staff_wrap .right .img_box .director_img li.director3 {
    background: url(../img/director3.jpg) center top no-repeat
}

.staff_wrap .right .img_box .director_img li.director4 {
    background: url(../img/director4.jpg) center top no-repeat
}

.staff_wrap .right .img_box .director_img li.director5 {
    background: url(../img/director5.jpg) center top no-repeat
}

.staff_wrap .right .img_box .director_img li.director6 {
    background: url(../img/director6.jpg) center top no-repeat
}

/* ?�브?�이지 ?�션 공통 */
.sub-section {
    position: relative;
    padding: 60px 0
}

.sub-section.no-padding {
    padding: 0
}

.sub-section > .innerContainer {
    position: relative;
    width: 1200px;
    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
}

/* 배경?�??컨텐�?*/
.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
}

/* 찾아?�시??�?*/
.location-wrapper {
    hight: 100%;
    width: 1400px;
    margin-left: 100px;
    padding-top: 30px;
    padding-bottom: 100px
}

.location-wrapper .title h3 {
    font-size: 25px;
    font-weight: 600;
    color: #ed6d00;
    margin-bottom: 20px
}

.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 {
    width: 1200px
}

.location-wrapper .rightArea .mapbtn {
    float: right;
    margin-top: 10px
}

.location-wrapper .rightArea #map {
    width: 650px;
    height: 400px
}

/* ?�러보기 */
#facilitySlider {
    hight: 100X;
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 30px
}

#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: 0px;
    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;
    text-align: center;
    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 .big-thumb .floor-tab2 {
    position: absolute;
    display: table;
    bottom: 0;
    left: 0;
    width: 100%;
    table-layout: fixed;
    border-spacing: 1px;
    border-collapse: separate
}

#facilitySlider .big-thumb .floor-tab2 > 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-tab2 > 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 #5a5657;
    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%
}

#facilitySlider .floor-container .floor-info2 h2 {
    font-size: 40px;
    font-weight: 300;
    color: #2b2b2b;
    margin-bottom: 40px
}

#facilitySlider .floor-container .floor-info2.active {
    display: block
}

#facilitySlider .floor-container .floor-info2 .thumb-list {
    margin: 0 -10px
}

#facilitySlider .floor-container .floor-info2 .thumb-list:after {
    clear: both;
    display: block;
    content: ''
}

#facilitySlider .floor-container .floor-info2 .thumb-list > li {
    position: relative;
    float: left;
    width: 33.333334%;
    margin-bottom: 20px;
    padding: 0 10px;
    cursor: pointer
}

#facilitySlider .floor-container .floor-info2 .thumb-list > li:before {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    content: '';
    border: 0px solid #be9356;
    transition: all .25s ease
}

#facilitySlider .floor-container .floor-info2 .thumb-list > li.selected:before, #facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {
    border-width: 6px
}

#facilitySlider .floor-container .floor-info2 .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 #be9356;
    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
}

.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: #be9356;
    background: #be9356 !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: #be9356;
    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: #be9356;
    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
}

/* ----------------------------- ?�드??모양 ?�시�??�담 ?��???----------------------------- */
#phone_wrap {
    position: fixed;
    top: 218px;
    right: 120px;
    width: 237px;
    height: 477px;
    background: url(../img/phone.png) center top no-repeat;
    box-sizing: border-box;
    z-index: 990;
    overflow: hidden;
    padding: 50px 0 55px
}

#phone_wrap .phone_area {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none
}

#phone_wrap .phone_area::-webkit-scrollbar {
    display: none;
}

#mainCounsel {
    padding: 0 13px 55px 15px;
    box-sizing: border-box
}

#mainCounsel .title {
    padding: 15px 0;
    text-align: center;
    background: #c1a24b
}

#mainCounsel .title h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

#mainCounsel .formmail_title_bgcolor {
    font-family: inherit !important;
    font-weight: 600;
    text-align: right;
    background: #fff !important
}

#mainCounsel .formmail_title_bgcolor font {
    color: #a2873b !important
}

#mainCounsel .formmail_cell_bgcolor {
    font-size: 0 !important
}

#mainCounsel table {
    width: 100%;
    margin-bottom: 20px;
    table-layout: fixed
}

#mainCounsel table tbody td {
    padding: 5px;
    border-bottom: 1px solid #d5d5d5
}

#mainCounsel table tbody td, #mainCounsel table tbody td font {
    font-size: 12px !important
}

#mainCounsel table tbody tr td:first-child {
    width: 47% !important
}

#mainCounsel table tbody td select {
    font-size: 12px;
    max-width: 90%;
    height: 25px;
    border: 1px solid #dedede
}

#mainCounsel table tbody td input[type=text] {
    max-width: 90%;
    height: 25px;
    border: 1px solid #dedede
}

#mainCounsel table tbody td input[name^=phone_no] {
    width: 34px;
    margin-left: 2px
}

#mainCounsel table tbody td input[name^=phone_no]:first-child {
    margin-left: 0
}

#mainCounsel table tbody td textarea {
    max-width: 90%;
    height: 80px !important;
    border: 1px solid #dedede
}

#mainCounsel .btn-area {
    text-align: center
}

#mainCounsel .btn-area > a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    color: #fff;
    background: #cba865;
    transition: all 0.3s ease
}

#mainCounsel .btn-area > a:hover {
    background: #a2873b
}

#mainCounsel .btn-close {
    position: absolute;
    display: block;
    bottom: 12px;
    left: 103px;
    width: 32px;
    height: 32px;
    font-size: 0;
    text-indent: -9999em;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box
}

#mainCounsel .btn-close > span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    margin-left: -7px;
    margin-top: -1px;
    border-radius: 2px;
    background: #fff
}

#mainCounsel .btn-close > span.line1 {
    transform: rotate(45deg)
}

#mainCounsel .btn-close > span.line2 {
    transform: rotate(-45deg)
}

#mainCounselMini {
    display: none;
    position: fixed;
    top: 553px;
    right: 20px;
    z-index: 990
}

#mainCounselMini img {
    display: block
}

/* ----------------------------- ?�원 관???��???----------------------------- */
/* ?�원 관??공통 ?�소 */
.member-box h2 {
    font-size: 28px;
    font-weight: 300;
    color: #be9356;
    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: #be9356;
    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: #be9356;
    background: #be9356
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
    border-color: #b58c52;
    background: #b58c52
}

.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: #b39153;
    border: 2px solid #b39153
}

.btn-area .btn-lg {
    width: 360px;
    height: 45px !important;
    line-height: 27px !important
}


ul#tab_menu {
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 0 0 20px
}

ul#tab_menu li {
    display: table-cell;
    solid #f4f4f4; text-align: center;
    background: #fff;
    transition: all 0.3s ease
}

ul#tab_menu li.on {
    background: #5a5657
}

ul#tab_menu li:hover {
    background: #5a5657
}

ul#tab_menu li a {
    display: block;
    width: 100%;
    height: 100%;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border: 1px solid #d5d5d5;
    border-left: none
}

ul#tab_menu li:first-child > a {
    border-left: 1px solid #d5d5d5
}

ul#tab_menu li a span {
    font-size: 25px;
    font-style: italic;
    font-weight: 500;
    color: #cca865
}

ul#tab_menu li a span:after {
    content: '';
    display: block;
    border-bottom: 1px solid #cca865;
    width: 10%;
    height: 1px;
    margin: 5px auto 15px
}

ul#tab_menu li a p {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    letter-spacing: -2px
}

ul#tab_menu li.on a p {
    color: #fff
}

#sub_content .sub_middle {
    background: #fff
}

ul#tab_menu li:hover a p {
    color: #fff
}

.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: #be9356;
    background: #be9356 !important
}

.tab-primary > li:hover a {
    background: #f4f4f4
}


.nm {
    font-family: 'Nanum Myeongjo';
}

.ns {
    font-family: 'NanumSquare';
}

.kp-d {
    font-family: 'KoPub Dotum';
}