#sub_mainContainer {position: relative; background: #fff;}

/*서브공통*/
.ori-pic {display: inline}
.res-pic {display: none}

.show-768 {display: none}
.inline {display: inline;}


@media all and (max-width:768px) {
    .show-768 {display: block;}
    .hide-768 {display: none;}
    
    .ori-pic {display: none}
    .res-pic {display: block}
	.inline {display: inline-block; padding-top: 10px;}
	
	
}


/******** 서브 비주얼 ********/
.brand .sec_kv {width:100%;position:relative;background-color: #f5d8dc;z-index:1;overflow:hidden;padding: 0;}
.brand .sec_kv .kv_person {text-align: center; padding-top:70px;}
.brand .sec_kv .kv_person img {width:100%;}
.brand .kv_bg {width: 100%; max-width: 1440px; height:18.91%; position:absolute; top:38.17%;}
.brand .kv_bg::before {content: ''; width:313.04%; height:100%; position:absolute; background-size:auto 100%; z-index:0;background-image: url(/_images/sub/kv_bg.png);background-repeat: repeat-x;animation: kv-text 8s linear infinite;}
@keyframes kv-text {
    0% {transform: translate(-25%, 0);}
    100% {transform: translate(-50%, 0);}
}

@keyframes rotate_img{
    0%{opacity:1;}
    100% {opacity:1;transform:rotate(360deg);}
}


.h100 {height:100vh !important;}

#sub_visual {position: relative;width: 100%; height:50vh; overflow:hidden}
#sub_visual .scroll-ico { position: absolute; left: 50%; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
#sub_visual .scroll-ico i { position: relative; width: 2px; height:95px; border-radius: 50% 50% 0 0; background: rgba(255, 255, 255, .3)}
#sub_visual .scroll-ico i:after { content: ""; width: 2px; height: 30px; background: #fff; position: absolute; top: 0; left: 0; border-radius: 50%; animation: wheel 2s infinite; -webkit-animation: wheel 2.5s infinite;}
#sub_visual .scroll-ico p { font-size: 14px; font-weight: normal; color: rgba(255, 255, 255, .8); margin-left: 14px; margin-top: 4px; order: 2}
 @keyframes wheel {
     to {
     opacity: 0;
     top: 120px;
    }
}
 @-webkit-keyframes wheel {
     to {
     opacity: 0;
     top: 120px;
    }
}

#sub_visual .sub_visual_text { display: table; position: relative; z-index: 1; width: 100%; height: 100%; box-sizing: border-box; padding-top: 10px;}

#sub_visual .sub_visual_text .inner_wrap { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
#sub_visual .sub_visual_text .inner_wrap h3 { color: #fff; text-align: center; font-size: 65px; font-weight: 500; letter-spacing:2px; line-height:2;}
#sub_visual .sub_visual_text .inner_wrap h4 { color: #fff; text-align: center; font-size: 50px; font-weight: 500; line-height:2; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
#sub_visual .sub_visual_text .inner_wrap h4::after {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 60px; height: 1px; background: #fff; content: '';}
#sub_visual .sub_visual_text .inner_wrap p { color: #fff; text-align: center; font-size: 23px; font-weight: 300; line-height:1.5; word-break:keep-all}
#sub_visual .sub_visual_text .inner_wrap p span {color: #fff; letter-spacing: 10px; font-size: 18px; opacity: 0.6;}


#sub_visual .sub_bg {position:absolute;left: 0;top: 0;height: 100%;width: 100%;overflow: hidden;}
#sub_visual .sub_bg > img { width:100%; -ms-transform: scale(1.2,1.2); /* IE 9 */ -o-transform: scale(1.2,1.2); /* IE 9 */ -moz-transform: scale(1.2,1.2); /* IE 9 */ -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */  transform: scale(1.2,1.2); -webkit-transition:transform 5000ms  ease-in-out ; /* Safari */ -moz-transition:transform 5000ms ease-in-out ; /* Safari */ -o-transition:transform 5000ms ease-in-out ; /* Safari */ -ms-transition:transform 5000ms ease-in-out ; /* Safari */ transition:transform 5000ms ease-in-out ; object-fit: cover; height: 100%;}
#sub_visual .sub_bg.on > img {-ms-transform: scale(1,1); /* IE 9 */-o-transform: scale(1,1); /* IE 9 */-moz-transform: scale(1,1); /* IE 9 */-webkit-transform: scale(1,1); /* Chrome, Safari, Opera */transform: scale(1,1);}

@media all and (max-width:1200px) {
    #sub_visual {height: calc(100vh - 50px);}
    #sub_visual .sub_visual_text .inner_wrap h3 {font-size: 55px;}
    #sub_visual .sub_visual_text .inner_wrap h4 {font-size: 40px}
    #sub_visual .sub_visual_text .inner_wrap p {font-size: 20px}

    
}

@media all and (max-width:980px) {
    #sub_visual .sub_visual_text .inner_wrap h3 {font-size: 45px;}
    #sub_visual .sub_visual_text .inner_wrap h4 {font-size: 35px;}
    #sub_visual .sub_visual_text .inner_wrap p {font-size: 18px}

  
}

@media all and (max-width:768px) {
    #sub_visual .sub_visual_text .inner_wrap h3 {font-size: 35px;}
    #sub_visual .sub_visual_text .inner_wrap h4 {font-size: 30px; padding-bottom: 10px; margin-bottom: 20px;}
    #sub_visual .sub_visual_text .inner_wrap h4::after {width: 40px;}
    #sub_visual .sub_visual_text .inner_wrap p {font-size: 16px;}
    #sub_visual .sub_visual_text .inner_wrap p span {font-size: 13px;}
	
    
}




/* sub */
.sub_fixedimg {position:relative;width:100%;height:487px;}
.sub_fixed_txt {position:absolute;color:#fff; padding:140px 0;}
.sub_fixed_txt .sub_fixed_tit{color: #fff; text-align: center; font-size: 30px; font-weight: 600; line-height: 1.5; position: relative; padding-bottom: 20px; margin: 30px 0;}
.sub_fixed_txt .sub_fixed_tit_en {font-size:64px;letter-spacing:0;}
.sub_fixed_txt .sub_fixed_txt01 {letter-spacing:4px;font-weight:100;font-size:20px;}
.sub_fixed_txt .sub_fixed_txt02 {color: #fff; text-align: center; font-size: 23px; font-weight: 300; line-height: 1.5;}
.sub_fixed_txt .sub_fixed_line {display:block;width:40px;height:1px;background:#fff;margin:25px 0 30px;}

.sub_fixed_txt_center {width:1500px;left:50%; transform:translateX(-50%); text-align: center;}
.sub_fixed_txt_center .sub_fixed_line {margin:25px auto 30px;}


.sub0301 {background: url(/_images/sub/sub0301_img.jpg) no-repeat center 0;background-attachment: fixed;}
.sub0302 { background: url(/_images/sub/sub_fixedimg_0302.jpg) no-repeat center 0; background-attachment: fixed;}
.sub0303 { background: url(/_images/sub/sub0303.jpg) no-repeat center 0; background-attachment: fixed;}

.about_hera .bs2 {}
.about_hera .bs2 .bsInner {text-align: left;}
.about_hera .bs2 .bsInner h3 { margin: 0 100px; font-size: 55px; font-weight: 700; letter-spacing: 0.00em; text-transform: uppercase; display: none;}
.about_hera .bs2 .bsInner span { display: inline-block; margin: 220px 200px; font-size: 19px; font-weight: 400; letter-spacing: 0.03em; line-height: 2.0em;}

.about_hera .bs3 {display: flex;}
.about_hera .bs3 .bsInner {width: 50%;}
.about_hera .bs3 .bsInner img {width: 100%;}

.about_hera .bs4 {}
.about_hera .bs4 .bsInner {text-align: right;}
.about_hera .bs4 .bsInner h3 { margin: 0 100px; font-size: 55px; font-weight: 700; letter-spacing: 0.00em; text-transform: uppercase; display: none;}
.about_hera .bs4 .bsInner span { display: inline-block; margin: 220px 200px; font-size: 19px; font-weight: 400; letter-spacing: 0.03em; line-height: 2.0em;}


@media all and (max-width:1500px) {
    .sub_fixed_txt_center {width: 100%;}
    
}

@media all and (max-width:980px) {
    .about_hera .bs2 .bsInner span {margin: 100px 100px;}
}

@media all and (max-width:768px) {
    .about_hera .bs2 .bsInner span {margin: 80px 40px; font-size: 16px;}
    
    .sub_fixed_txt .sub_fixed_tit {font-size: 20px; padding-bottom: 0}
    .sub_fixed_txt .sub_fixed_txt01 {font-size: 18px;}
    .sub_fixed_txt .sub_fixed_txt02 {font-size: 18px;}
    .sub_fixed_txt_center .sub_fixed_line {margin-top: 10px; margin-bottom: 20px;}
    .sub0301  {background-attachment: inherit;}
    
}



.brand-home {overflow: hidden;color: #333}
.brand-home .l-layout {position: relative;z-index: 5}
.brand-home .l-wrap {position: relative;z-index: 2}
.brand-home .h3 {margin-top: 15px;color: #000;font-size: 2.4rem;line-height: 1.3;word-break: keep-all;word-wrap: break-word}
.brand-home .h3 [lang="en"],.brand-home .h3[lang="en"] {font-size: 2.0rem}
.brand-home .p {margin-top: 10px;margin-bottom: 0;word-break: keep-all;word-wrap: break-word}
.brand-home .figure img {width: 100%}
.brand-home .mask {position: absolute;top: 50%;left: 50%;right: 0%;bottom: 0%;z-index: 10;width: 100%;height: 100%;background: url(../image/trend/bestseller/mycollection/mask.png);background-position: 0px center;background-repeat: no-repeat;background-size: 27700px 100%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%)}
.brand-home .mask-wrapper {overflow: hidden;position: relative}
.brand-frame {position: relative;margin-left: 5.55556%;margin-right: 5.55556%}

@media (min-width: 60em) {
    .brand-frame {padding-left: calc(18800% / 1280);    padding-right: calc(18800% / 1280); margin-left: 6.71875%;  margin-right: 6.71875%}
}

.brand-cover {overflow: hidden;position: relative;padding-bottom: 40px;background-color: #f3f1f4;text-align: center;scrollbar-face-color: #999;scrollbar-arrow-color: #999;scrollbar-track-color: #d9d9d9}
.brand-cover-bg {position: absolute;right: 0;bottom: 0;width: 48.4375%;-webkit-transform-origin: left top;-moz-transform-origin: left top;-ms-transform-origin: left top;-o-transform-origin: left top;transform-origin: left top;text-align: right}
.brand-cover-bg img {-webkit-transform-origin: right bottom;-moz-transform-origin: right bottom;-ms-transform-origin: right bottom;-o-transform-origin: right bottom;transform-origin: right bottom}
.brand-cover .h2 {margin-top: 22px;color: #000;font-size: 2rem;font-family: "Montserrat", "NotoSans", "Malgun Gothic", dotum, sans-serif}
.brand-cover ::-webkit-scrollbar {width: 10px;height: 10px}
.brand-cover ::-webkit-scrollbar-thumb {background: #999}
.brand-cover ::-webkit-scrollbar-track {background: #d9d9d9}
.brand-concept {position: relative;padding-top: 90px;margin-top: 30px}
.brand-concept-bg {overflow: hidden;position: absolute;left: 0;z-index: 1;width: 100%}
.brand-concept .figure {width: 65.625%}
.brand-about .about-bg {position: absolute;top: 0;right: 0;width: 29.29688%;margin-top: -18.75%;margin-right: 10px;text-align: right;-webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%)}
.brand-about .brand-row {position: relative;z-index: 10;padding-top: 31.25%;padding-right: 68.75%}
.brand-about .figure {position: absolute;top: 0;right: 0;width: 65.625%}
.brand-about .blockquote {margin: 20px 0;word-break: keep-all;word-wrap: break-word}
.brand-about .blockquote:before {content: "\EA07";font-style: normal;font-weight: normal;font-family: "icon"}
.brand-about .blockquote:after {content: "\EA07";font-style: normal;font-weight: normal;font-family: "icon";-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
.brand-about .blockquote:before,.brand-about .blockquote:after {display: block;margin: 10px 0;color: #d9d9d9}
.brand-intro-bg {overflow: hidden;position: relative;width: 75%}
.brand-intro-bg .mask {-webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(180deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);-o-transform: translateX(-50%) translateY(-50%) rotate(180deg);transform: translateX(-50%) translateY(-50%) rotate(180deg)}
.brand-intro-cell {position: relative;z-index: 10}
.brand-intro .brand-frame {padding-bottom: 31.25%}
.brand-intro .figure {margin: 15px 0}
.brand-intro .brand-bg {overflow: hidden;position: absolute;right: -50%;bottom: 0;z-index: 1;width: 66.787%;-webkit-transform: translateX(-25%);-moz-transform: translateX(-25%);-ms-transform: translateX(-25%);-o-transform: translateX(-25%);transform: translateX(-25%);-webkit-transform-origin: right bottom;-moz-transform-origin: right bottom;-ms-transform-origin: right bottom;-o-transform-origin: right bottom;transform-origin: right bottom}
.brand-intro .brand-bg .mask {-webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(180deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);-o-transform: translateX(-50%) translateY(-50%) rotate(180deg);transform: translateX(-50%) translateY(-50%) rotate(180deg)}
.brand-symbol {overflow: hidden;position: relative;height: 250px;margin-top: 30px;text-align: center;color: #fff;padding-left: 5.55556%;padding-right: 5.55556%;white-space: nowrap}

@media (min-width: 60em) {
    .brand-symbol {padding-left: 6.71875%;  padding-right: 6.71875%}
}

.brand-symbol-cell {display: inline-block;vertical-align: middle;white-space: normal}
.brand-symbol:after {content: "";display: inline-block;height: 100%;vertical-align: middle}
.brand-symbol-cell {position: relative;z-index: 10;margin-top: 10px}
.brand-symbol-bg {position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;z-index: 1}
.brand-symbol-bg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;min-width: 50%;min-height: 50%;max-width: none;-webkit-transform: translateX(-15%);-moz-transform: translateX(-15%);-ms-transform: translateX(-15%);-o-transform: translateX(-15%);transform: translateX(-15%)}
.brand-symbol .h2 {font-size: 2rem;font-family: "Montserrat", "NotoSans", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif}
.brand-symbol .func {margin-top: 15px}

@media (min-width: 45em) {
    .brand-home .h3 {font-size: 3.4rem; line-height: 1.3}
    .brand-home .h3 [lang="en"],    .brand-home .h3[lang="en"] {font-size: 2.6rem}
    .brand-home .yt-player:after {content: "\EA15"; font-style: normal; font-weight: normal;    font-family: "icon";    left: 40px; bottom: 30px;   font-size: 5.2rem}
    .brand-cover .h2 {font-size: 3.2rem}
    .brand-concept {padding-top: 20px;  padding-bottom: 60px;   margin-top: 100px}
    .brand-concept-bg {bottom: 0;   width: 50%}
    .brand-concept .brand-row {display: table;  table-layout: fixed;    width: 100%}
    .brand-concept .figure {position: relative; left: -20px;    display: table-cell;    vertical-align: top;    width: 61.47541%}
    .brand-concept .desc {position: relative;   left: 20px; display: table-cell;    vertical-align: top;    width: 38.52459%}
    .brand-about .about-bg {margin-top: -14.44043%; margin-right: 0}
    .brand-about .brand-row {padding-top: 16.24549%;    padding-right: 44.22383%;   padding-left: 32.12996%}
    .brand-about .figure {width: 40.61372%}
    .brand-about .blockquote {width: 30.32491%; margin-top: -30.68592%; margin-bottom: 0;   line-height: 1.6}
    .brand-intro {position: relative;   padding-top: 12.63538%}
    .brand-intro-bg {position: absolute;    top: 10%;   right: 65.10417%;   z-index: 1; width: 34.89583%;   width: 670px}
    .brand-intro .brand-frame {padding-bottom: 230px}
    .brand-symbol {height: 480px;   margin-top: 70px}
    .brand-symbol-bg img {-webkit-transform: translateX(0%);    -moz-transform: translateX(0%); -ms-transform: translateX(0%);  -o-transform: translateX(0%);   transform: translateX(0%)}
    .brand-symbol-cell {margin-top: 20px}
    .brand-symbol .func {margin-top: 20px}
}

@media (min-width: 60em) {
    .brand-about .brand-bg {width: 740px}
    .brand-symbol .h2 {font-size: 3.2rem}
}

@media (max-width: 44.99em) {
    .brand-home br {display: none}
    .brand-concept-bg {top: 0}
    .brand-about {padding-top: 0%}
    .brand-about .brand-row {padding-bottom: 5.55556%}
}

.root_daum_roughmap {width: 100% !important}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {opacity:1;-webkit-transform:none !important; transform:none !important;transition:1s;-webkit-transition:1s;}
        .brand-home.ver2 em {background-color: initial; color:initial;}
        .bs_intro_main {position:relative; height: 75vw; max-height: 1605px;}
       
        /* .bs_intro_main img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;min-width: 50%;min-height: 50%;max-width: none;} */
        .bs_intro_main .box {height:1205px; max-width:1280px; width:calc(100% - 20px); margin:0 auto; padding:0 10px;}
        .bs_intro_main .box * {color:#fff;}
        .bs_intro_main .box h2 {font-size: 10.6rem; position:relative; line-height: 12.5rem; padding: 215px 0 70px; }
        .bs_intro_main .box .copy_h2 {display:block; position:relative; padding-bottom:23px;}
        .bs_intro_main .box .copy_h2.c1 {padding-top: 280px; }
        .bs_intro_main .box .copy_h2.c3 {padding-bottom: 50px; }
        .bs_intro_main .box .copy_em {position: relative;letter-spacing: -2px; margin-bottom: 40px; }
        .bs_intro_main .box em {display: inline; font-size: 3.8rem; position: relative; background-color: initial; letter-spacing: -2px; margin-bottom: 40px; color:#fff; }
        .bs_intro_main .box em:after {position:absolute; left:0; bottom:5px; content:""; width:100%; border-bottom: 1px solid #fff;}
        .bs_intro_main .box p {font-size: 1.4rem; line-height: 2.6rem; margin-top:45px;}
        .bs_intro_sub {width:calc(100% - 40px); max-width:1856px; margin:-238px auto 110px; position: relative;}
        .bs_intro_sub:after {content:""; clear:both; display:block;}
        .bs_intro_sub > div {float:left; width:calc((100% - 1px) / 3); text-align: center;}
        .bs_intro_sub > div img {max-width:579px; width:93.5894%;}
        .bs_intro_sub > div h4 {font-size:4.2rem; margin:2vw 0 1vw; font-family: "Montserrat";}
        .bs_intro_sub > div p {font-size:2.4rem;}

		.doc_pics_wrap {width:100%; max-width:1856px; margin:-70px auto 110px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
		.doc_pics_wrap > div {width:calc((100% - 1px) / 3); text-align: center;}
		.doc_pics_wrap > div img {max-width:579px; width:93.5894%;}

        .brand-home .br1,.brand-home .br2,.brand-home .br3,.brand-home .br4 {display:none;}

        ul.history {margin: 30px 0}
        ul.history li {font-size: 22px; margin: 10px 0;}

        #greeting_text {padding: 50px 0 200px 0}
        #greeting_text p {font-size: 22px; color: #636569; line-height: 1.5; text-align: center; margin: 30px 0}
        #greeting_text p img {width: 150px;}
        .bs_intro_main.top {background:#181d1c url('/_images/sub/doctor_bg2.jpg') no-repeat center right; background-size:cover;}
        .bs_intro_main.bottom {background:#181d1c url('/_images/sub/doctor_bg3.jpg') no-repeat top center; background-size:cover; display: table; width: 100%; height: 100vh;}
        .bs_intro_main.bottom .box {display: table-cell; vertical-align: middle;}
        .bs_intro_main.bottom p {margin-top: 0 !important; text-align: center;}



        @media (max-width: 120em) { 
            .bs_intro_main {background-size:cover;}
            .bs_intro_sub {margin:-13vw auto 110px;}
			
        }
        @media (max-width: 90em) { 
            .bs_intro_main .box {padding:0 33px;}
            .bs_intro_main .box .copy_h2 {width:350px; padding-top:0; padding-bottom: 50px;}
            .bs_intro_main .box p {font-size: 2.1rem; line-height: 4rem; margin-top: 40px;}
            .bs_intro_main .box .copy_h2.c3 {padding-bottom:50px;}
        }
        @media (max-width: 78.75em) { 
            .bs_intro_sub {margin-top: -100px;}
        }
        @media (max-width: 72.5em) { 
            .bs_intro_main {height:1044px;}
            .bs_intro_sub {width:100%; box-sizing:border-box;}
            .bs_intro_sub > div h4 {font-size:3.2rem;}
            .bs_intro_sub > div p {font-size:2rem;}
            .brand-home .br1 {display:block;}
        }
        @media (max-width: 64em){
            .brand-home .br4 {display:block;}
        }
        @media (max-width: 48.25em){
            .bs_intro_sub > div:first-child p {letter-spacing:-1px;}
        }
        @media (max-width: 44.99em){
            .brand-home br {display: block;}
            .bs_intro_main.top {height:190vw; background-image:url('/_images/sub/bs-img01_m2.jpg');}
            .bs_intro_main.bottom {height: 80vh;  background-image:url('/_images/sub/bs-img01_m3.jpg');}
            .bs_intro_main.bottom .box {height: 100% !important;}
            /* .bs_intro_main .box h2 {font-size: 14.22vw; line-height: 16.76886732vw; padding-top:30vw;} */
            .bs_intro_main .box {padding:0 40px;}
            .bs_intro_main .box .copy_h2 {width:36vw; padding-bottom: 3vw;}
            .bs_intro_main .box .copy_h2.c1 {padding-top:45vw; }
            .bs_intro_main .box .copy_h2.c3 {padding-bottom:5vw;}
            /* .bs_intro_main .box em {font-size: 5.097vw;} */
            .bs_intro_main .box .copy_h3 {width:57vw;}
            .bs_intro_main .box p {font-size: 3.5vw; line-height: 5.5vw; margin-top:4.8vw; letter-spacing: -0.8px;}
            .bs_intro_sub {margin:0; width:100%; padding:0;}
            .bs_intro_sub > div {float:none; width:100%; box-sizing:border-box; margin:0 auto;  box-sizing: border-box;}
            .bs_intro_sub > div h4 {font-size:6vw; margin-top: 4.5vw;}
            .bs_intro_sub > div p {font-size:3.8vw; padding-bottom:6vw; margin-top:1.2vw; letter-spacing: -1px;}
            .bs_intro_sub > div:first-child p {letter-spacing:-0.025em;}
            .bs_intro_sub > div img {width:100%; max-width:100%;}	
            
            ul.history {margin: 20px 0}
            ul.history li {font-size: 16px; margin: 7px 0;}
            
            #greeting_text {padding: 60px 0 100px 0}
            #greeting_text p {font-size: 16px; margin: 20px 0}
            #greeting_text p img {width: 100px;}
			
			.doc_pics_wrap {display: block; margin: 0;}
			.doc_pics_wrap >div {width: 100%;}
			.doc_pics_wrap >div img {width: 100%;}

        }
        @media (max-width: 30em){
    
            .bs_intro_main .box {padding:0 30px;}
        }
        /* -- */
        .bs_star {width:100%; max-width:1490px; margin:120px auto 0;}
        .bs_star:after {content: ''; clear:both; display:block;}
        .bs_star div img {max-width:100%;}
        .bs_star .l {float:left; width:47.047%; max-width:701px; padding-top:240px; padding-left: 20px;}
        .bs_star .r {float:right; width:42.1477%; max-width:628px; padding-right: 20px;}
        .bs_star .r .copy1 {font-size: 3.5rem; margin:65px 0 30px;}
        .bs_star .r .copy1 em {font-weight:bold; color:#333; background:#fff;}
        .bs_star .r p {font-size:2.3rem;}
        .bs_star .r .copy2 {line-height:4.3rem; letter-spacing: -1px; font-weight: bold; color:#464646;}
        .brand-home .br5 {display:none;}
        .brand-home .br6 {display:block;}
        .brand-home .br7 {display:none;}
.cs-wrap table {width:100%; margin-top:50px; border-spacing:0; min-width: 800px;}
.cs-wrap table.time{margin-bottom:120px;}
.cs-wrap table.time tr td{text-align:center;background:#f9f9f9;line-height:60px;border-left:1px solid #dedede;border-bottom:1px solid #dedede;color:#525252;font-weight:400;}
.cs-wrap table.time tr td span{color:#b42828;}
.cs-wrap table.time tr:nth-child(1) td{border-top:2px solid #909090;font-weight:400;}
.cs-wrap table.time tr td:nth-child(1){width:30%}
.cs-wrap table.time tr td:nth-child(2){width:70%;border-right:1px solid #dedede;}
.cs-wrap table.time tr:nth-child(2) td:nth-child(2),
.cs-wrap table.time tr:nth-child(3) td:nth-child(2),
.cs-wrap table.time tr:nth-child(4) td:nth-child(2){background:#fff;letter-spacing:0;}
.cs-wrap table.time2{}
.cs-wrap table.time2 tr td{text-align:center;line-height:60px;border-left:1px solid #dedede;border-bottom:1px solid #dedede;color:#525252;font-weight:400;}
.cs-wrap table.time2 tr:nth-child(1) td{border-top:2px solid #909090;font-weight:400;}
/*.cs-wrap table.time2 tr td:nth-child(1){width:200px;}*/
.cs-wrap table.time2 tr td:last-child{border-right:1px solid #dedede;}
.cs-wrap table.time2 tr:nth-child(1) td{background:#f9f9f9;}
/*.cs-wrap table.time2 tr:nth-child(2) td{width:auto;background:#f9f9f9;}*/
.cs-wrap table.time2 tr td span{display:block;width:10px;height:10px;margin:0 auto;border-radius:50%;background:#a2a2a2;}
.cs-wrap table.time2 tbody tr th {background:#f9f9f9;text-align:center;line-height:60px;border-left:1px solid #dedede;border-bottom:1px solid #dedede;color:#525252;font-weight:400;}

@media all and (max-width:980px){
    .cs-wrap table.time2 tbody tr td.sticky {position: -webkit-sticky; position: sticky; left: 0;}
    .cs-wrap table.time2 tbody tr th {position: sticky; left: 0; }
}



/* 반응형 테이블 안내창 */
.scroll-info {position:relative;width:100%;text-align:center;font-size:14px;margin-bottom:10px;padding:10px 0; display: none;}
.scroll-info span:before, .scroll-info span:after {content:"";display:inline-block;vertical-align:middle;width:23px;height:9px;background:url(/_images/sub/tbl_rsv_arr.png) no-repeat;margin-top:-2px}
.scroll-info span:before {background-position:0 0;margin-right:30px}
.scroll-info span:after {background-position:-32px 0;margin-left:30px}
.scroll-info br {display:none}
.bg-gray .scroll-info span {color: #fff;}
.bg-deepGray .scroll-info span {color: #fff;}

.table_overflow {margin-top: 30px; }

.table_overflow.has-title {margin-top: 10px;}
.table_wrap {width: 100%; -ms-overflow-style:scrollbar;}
.table_wrap::-webkit-scrollbar {height: 5px; display: block;  border-radius: 5px;}
.table_wrap::-webkit-scrollbar-thumb { height: 5px; background-color: #aaa; border-radius: 5px;}
.table_wrap::-webkit-scrollbar-track {background-color: #333;  border-radius: 5px;}

@media all and (max-width:800px){
    .scroll-info {display: block;}
    .scroll-info * {vertical-align:middle}
	.scroll-info span {display:inline-block;height:20px;padding-top:15px;padding-bottom:15px}
    
    .table_wrap {overflow-x: scroll;}
    .cs-wrap table {margin-top: 0}
}

@media all and (max-width:399px){
	.scroll-info {line-height:1.4}
	.scroll-info br {display:block}
    .scroll-info span:before, .scroll-info span:after {position:absolute;top:50%}
	.scroll-info span:before {left:10px}
	.scroll-info span:after {right:10px}
}




/*== 공통사용버튼 ==*/
.comm_btns_wrap {position: relative; width: 100%; box-sizing: border-box;}
.comm_btns_wrap button {width: 100%; height: 50px; border-radius: 5px; border:none; font-size: 15px; box-sizing: border-box;}
.comm_btns_wrap button.type1 {color: #fff; background: #333;}
.comm_btns_wrap button.type2 {color: #5a5a5a; background: #fff; border: 1px solid #989898;}
.comm_btns_wrap button.type3 {color: #fff; background: #c4c4c4;}
.comm_btns_wrap button.type4 {color: #fff; background: #5a5a5a;}
.comm_btns_wrap button.type5 {color: #333; background: #fff; border: 1px solid #333;}
.comm_btns_wrap button.on {color: #fff !important; background: #333 !important;}
.comm_btns_wrap button.not_btnDesign {font-size: 13px; height: auto; color: #989898;  background-color: transparent;}
.comm_btns_wrap button.not_rounding {border-radius: 0}
.comm_btns_wrap button i {padding-right: 8px; vertical-align:middle;}
.comm_btns_wrap dl {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 12px; padding: 0 5px; box-sizing:border-box;}
.comm_btns_wrap dl dt {font-size: 15px; color: #484848; font-weight: 500; max-width: 60%}
.comm_btns_wrap dl dd {font-size: 19px; color: #333; font-weight: 600; max-width: 37%; text-align: right;}
.comm_btns_wrap dl dd span {font-size: 14px; color: #9d9d9d; padding-right: 10px; font-weight: 400;}
.comm_btns_wrap.leng2 {display: flex; justify-content: space-between;}
.comm_btns_wrap.leng2 button {width: 50%;}




/*== 인풋타입 ==*/
#sub_mainContainer  select {width: 100%; height:50px; border: 1px solid #e1e1e1; font-size: 16px; padding: 0 20px; background:url("../_img/resource/arrow-down.svg") no-repeat right 15px top 25px, #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background-size: 12px;}
#sub_mainContainer  select::-ms-expand { display:none; }
#sub_mainContainer  input[type='text'] {width: 100%; height: 50px; box-sizing: border-box; padding: 0 15px; font-size: 16px; border: 1px solid #e1e1e1}
#sub_mainContainer  input[type='password'] {width: 100%; height: 50px; box-sizing: border-box; padding: 0 15px; font-size: 16px; border: 1px solid #e1e1e1}
#sub_mainContainer  textarea {width: 100%; min-height: 150px; box-sizing: border-box; padding: 20px 15px; font-size: 16px; border: 1px solid #e1e1e1; line-height: 1.37;}


/* 태그
========================================================================================== */

.tags {width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tags span,
.tags a span {line-height: 1; font-size: 13px; color: #333; border-radius: 3px; padding: 5px 14px; margin-right: 5px; background: #f1f1f1; }
.tags span.type1 {background: #333; color:#fff;}
.tags span.type2 {background: #22e2ac; color:#fff;}
.tags span.location {background: #f93e3e;  color:#fff;}
.tags span.category {background: #4ba5de;  color:#fff;}
.tags .item_number a span{background:#cdb78d; color: #fff;}

@media all and (max-width:980px){    
    .tags span {font-size: 12px;}
}

/* 상세페이지
========================================================================================== */
#item_detail_wrapper {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; width: 1250px; margin:0 auto;}
#item_detail_wrapper h4 {font-size: 31px; font-weight: 600; color: #212121; line-height: 1.37; margin-top: 15px;}
#item_detail_wrapper h5 {font-size: 25px; font-weight: 600; color: #212121; margin-bottom: 15px;}
#item_detail_wrapper h5 span {font-size: 16px; padding-left: 20px; font-weight: 400; color: #5a5a5a; }
#item_detail_wrapper .item-information {width:885px; position:relative}
#item_detail_wrapper .item-information h5::after {position: absolute; margin-top:40px; left: 0;  height:2px; width:100%; background:#333; content: '';}
#item_detail_wrapper .item-information a.back_btn {font-size: 14px; color: #5a5a5a; padding-bottom: 10px; display: none;}
#item_detail_wrapper .item-information a.back_btn i {padding-right: 7px; vertical-align: middle;}
#item_detail_wrapper .manager-information {width:335px; position: sticky; top: 0; right: 0;  box-sizing: border-box;  max-height:390px; background: #fff;  z-index: 10;}
#item_detail_wrapper .manager-information .quick_tail {display:flex; flex-wrap: wrap; justify-content: center;  padding: 20px 0}
#item_detail_wrapper .manager-information a {font-size: 15px; text-align: center; display: block;}
#item_detail_wrapper .manager-information a span {display: block; background:#cdb78d; color: #fff; border-radius:8px; padding: 10px 35px; font-size:18px}
#item_detail_wrapper .manager-information a span i {padding-right:5px; vertical-align: middle;}
#item_detail_wrapper .manager-information .top_btn {margin-left: 10px; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 43px; background: #333; color: #fff; font-size: 20px; cursor: pointer;}

#item_detail_wrapper .manager-information h5 {display: none;}
#item_detail_wrapper .manager-information .profileBox  {background: #fafafa}
#item_detail_wrapper .manager-information .product_num {background: #cdb78d; color: #fff; font-size: 15px; padding: 10px 5px; text-align: center;}
#item_detail_wrapper .manager-information .priceInfo_summary {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 0; border:solid #e4e4e4; border-width: 1px 0;}
#item_detail_wrapper .manager-information .priceInfo_summary dl {width: 33.3%; position: relative;}
#item_detail_wrapper .manager-information .priceInfo_summary dl::after {position: absolute; top: 3px; left: 0; width: 1px; height: 40px; background: #e4e4e4; content: '';}
#item_detail_wrapper .manager-information .priceInfo_summary dl:first-of-type::after {display: none;}
#item_detail_wrapper .manager-information .priceInfo_summary dl dt {text-align: center; font-size: 15px; color: #5a5a5a; margin-bottom: 3px;}
#item_detail_wrapper .manager-information .priceInfo_summary dl dd {font-size: 17px; font-weight: 500; color: #212121; text-align: center;}


/*상세 구분*/
.info_section {padding: 40px 0}
.info_section:first-of-type {padding-top: 0}
.info_section .root_daum_roughmap {width: 100% !important;}
.info_section .root_daum_roughmap .wrap_controllers {display: none;}
.info_section .tags .item_number {display: none;}

ul.main_info_summary {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -10px; margin: 5px 0;}
ul.main_info_summary li {padding: 0 10px; font-size: 16px; color: #5a5a5a; position: relative;}
ul.main_info_summary li::after {position: absolute; top: 3px; left: 0; width: 1px; height: 13px; content: ''; background: #d4d4d4}
ul.main_info_summary li:first-of-type {padding-left: 0}
ul.main_info_summary li:first-of-type::after {display: none;}

.hashtags {word-break: keep-all; margin:15px 0 }
.hashtags span {font-size: 13px; color: #737373; background: #fff; border: 1px solid #e4e4e4; box-sizing: border-box; padding: 4px 15px; border-radius: 50px; margin-right: 5px; word-break: keep-all; display: inline-block; margin-top: 5px;}


/*이미지슬라이더*/
.item_pic_slider {width: 100%; position: relative; overflow: hidden;}
.item_pic_slider .swiper-slide {overflow: hidden; position: relative;}
.item_pic_slider .swiper-slide img {width: 100%;}
.item_pic_slider .item_pic_slider-pagination {position: absolute; bottom: 0; left: 0; z-index: 1; text-align: center; }
.item_pic_slider .item_pic_slider-pagination span  {width: 6px; height: 6px; opacity: 1; background: #fff; vertical-align: middle; box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.item_pic_slider .item_pic_slider-pagination span.swiper-pagination-bullet-active {width: 13px; height: 13px;}
.item_pic_slider .item_pic_slider-btns {position: absolute; top: 50%; transform: translate(0,-50%); z-index: 2; cursor: pointer; font-size: 30px; color: #fff;}
.item_pic_slider .item_pic_slider-next {right: 15px;}
.item_pic_slider .item_pic_slider-prev {left: 15px;}

.item_pic_slider#mainPic_slider .swiper-slide {padding-bottom: 60%;}
.item_pic_slider#mainPic_slider .swiper-slide img {height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


/*설명테이블*/
.info_table {border-top: 2px solid #212121;}
.info_table dl {position: relative; border-bottom: 1px solid #e4e4e4}
.info_table dl dt, .info_table dl dd {font-size:17px; padding: 20px; box-sizing: border-box;}
.info_table dl dt {position: absolute; top: 0; left: 0;  font-weight: 500; color: #212121}
.info_table dl dd {text-align: right; color: #5a5a5a;}

.detail_infomaion {padding: 30px 0; border-top: 2px solid #212121; border-bottom: 1px solid #e4e4e4;}
.detail_infomaion p {font-size: 16px; color: #5a5a5a; line-height: 1.57;}

#quick_couseling {border: 1px solid #e4e4e4; box-sizing: border-box; padding: 20px; background: #fff;}
#quick_couseling input[type='text'] {font-size: 14px !important; height: 45px !important; border-radius: 5px; margin-bottom: 5px; background: #fafafa;}
#quick_couseling input[type='text']::placeholder {color: #9a9a9a}
#quick_couseling textarea {font-size: 14px; padding: 10px 15px; min-height: auto; height: 120px !important; border-radius: 5px; margin-bottom: 5px; background: #fafafa;}
#quick_couseling textarea::placeholder {color: #9a9a9a}

#quick_counsel-res {width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.3); background: #fff; position: sticky; bottom: -100px;; left: 0; z-index: 20; box-sizing: border-box; padding: 10px; padding-left: 70px; visibility: hidden; opacity: 0; transition: .3s;}
#quick_counsel-res .profile_pics {position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; border-radius: 100%; overflow: hidden; border: 1px solid #e4e4e4; box-sizing: border-box;}
#quick_counsel-res .profile_pics img {position: absolute; top:50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%,-50%);}
#quick_counsel-res .comm_btns_wrap button {width: 49%}

@media all and (max-width:1400px) {
    #item_detail_wrapper {width: 100%;}
    #item_detail_wrapper .item-information {width:73%;}
    #item_detail_wrapper .manager-information {width: 25%}
}

@media all and (max-width:1100px) {
    #item_detail_wrapper .item-information {width:68%;}
    #item_detail_wrapper .manager-information {width: 29%}
}

@media all and (max-width:980px) {
    #item_detail_wrapper {display: block; margin-top: 20px;}
    #item_detail_wrapper h4 {font-size: 25px;}
    #item_detail_wrapper h5 {font-size: 19px}
    #item_detail_wrapper h5 span {font-size: 15px}
    #item_detail_wrapper .item-information {width: 100%;}
    #item_detail_wrapper .item-information a.back_btn {display: block;}
    #item_detail_wrapper .manager-information {width: 100%; top: auto; position: relative; border: 0;}
    #item_detail_wrapper .manager-information h5 {display: block;}
    #item_detail_wrapper .manager-information a {display: none;}
    #item_detail_wrapper .manager-information .product_num, #item_detail_wrapper .manager-information .priceInfo_summary {display: none;}
    #item_detail_wrapper .manager-information .profileBox {background: none; border-top: 2px solid #212121}
    #item_detail_wrapper .manager-information .top_btn {position: fixed; bottom: 80px; right: 10px; z-index: 9;}
    #quick_couseling {padding-left: 0; padding-right: 0; padding-bottom: 0; border:0px}
    
    ul.main_info_summary {margin-bottom: 15px;}
    ul.main_info_summary li {font-size: 14px;}
    
    .hashtags span {font-size:12px; padding: 2px 10px; margin-right: 3px; margin-top: 3px;}
    
    .info_table dl dt, .info_table dl dd {font-size: 15px; padding: 15px 5px;}
    .detail_infomaion {padding: 20px 5px; box-sizing: border-box;}
    .detail_infomaion p {font-size: 15px;}
    
    .info_section {padding: 30px 0;}
    .info_section .tags .item_number {display: block;}
    
    #quick_counsel-res {visibility: visible; opacity: 1; bottom: 0;}

}




.sub_category {position: sticky; top: 0; left: 0; z-index: 99; width: 100%; background: #fff; border-bottom: 1px solid #efefef;}
.sub_category ul { display: inline-block; width: 100%; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; vertical-align: middle; -ms-overflow-style: none; text-align: center;}
.sub_category ul::-webkit-scrollbar {display:none;}
.sub_category ul li {font-size: 16px; margin: 0 30px; display: inline-block; padding: 20px 0;}
.sub_category ul li a {color: #d4d4d4; padding: 10px 0; position: relative;}
.sub_category ul li a::after {width: 100%; height: 2px; background: #000; content: ''; position: absolute; bottom: 0; left: 0; display: none;}
.sub_category ul li.on {}
.sub_category ul li.on a {color: #000;}
.sub_category ul li.on a::after {display: block;}








@media all and (max-width:980px) {

	#sub_navigation ul li {margin: 0 15px; font-size: 16px;}
	.sub_category ul li {font-size: 14px; margin: 0 10px; padding: 10px 0}

}



@media all and (max-width:768px) {

	#sub_navigation ul {padding: 0 10px 0 5px}

	#sub_navigation ul li {margin: 0 10px; font-size: 15px;}

	#sub_navigation ul li a {padding: 20px 0}

	

	.show-768 {display: block;}

}





.contents_section { padding: 135px 0; border-top: 1px solid #f0f0f0;}
.contents_section.pb0 {padding-bottom: 0}
.contents_section:first-of-type {border-top: 0;}
.text_box {}
.text_box h3 {font-size: 55px; font-weight: 700; color: #000; line-height: 1.35; text-align: center; margin-bottom: 60px;}
.text_box h5 {font-size: 35px; color: #feb0be; line-height: 1.35; text-align: center;}
.text_box h5 span {display: inline-block; background: #feb0be; color: #fff; padding: 0 15px; font-weight: 700; margin-right: 10px;}
.text_box p {text-align: center; font-size: 22px; color: #333; line-height: 1.7; margin: 60px 0;}
.text_box p.mb0 {margin-bottom: 0}
.pic_box {margin:100px 0; text-align:center}
.pic_box.table {min-width: 800px;}
.pic_box.not-descText {margin-top:70px;}
.pic_box.only {margin-top:0;}
.contents_section .pic_box:last-of-type {margin-bottom: 0}

@media all and (max-width:1200px) {
    .contents_section {padding-top: 100px; padding-bottom: 100px;}
    .text_box h3 {font-size: 55px; margin-bottom: 50px;}
    .text_box h5 {font-size: 30px;}
    .text_box h5 span {}
    .text_box p {font-size: 20px; margin: 50px 0;}
    .pic_box {margin: 80px 0}
    .pic_box.not-descText {margin-top:50px;}
}

@media all and (max-width:980px) {
    .contents_section {padding-top: 90px; padding-bottom: 90px;}
    
    .sub-tit h2 {font-size: 30px;}
    .sub-tit p {font-size: 16px;}
    
    .text_box h3 {font-size: 45px; margin-bottom: 40px;}
    .text_box h5 {font-size: 25px; }
    .text_box p {font-size: 18px; margin: 40px 0}
    .pic_box {margin: 70px 0}
    .pic_box.not-descText {margin-top:40px;}
    
}

@media all and (max-width:768px) {
    .contents_section {padding-top: 80px; padding-bottom: 80px;}    
    
    .sub-tit h2 {font-size: 25px;}
    .sub-tit p {font-size: 14px; margin-top: 0;}
    
    .text_box h3 {font-size: 35px; margin-bottom: 30px;}
    .text_box h5 {font-size: 20px; line-height: 1.8;}
    .text_box h5 span {line-height: 1.4;}
    .text_box p {font-size: 16px; margin: 30px 0}
    .pic_box {margin: 60px 0}
    .pic_box.not-descText {margin-top:30px;}
}

@media all and (max-width:680px) {
    .text_box h3 {font-size: 30px;}
    .pic_box {margin: 30px 0}
	.pic_box.not-descText {margin-top: 30px}
}



/*FAQ*/
ul.faq_list {width: 100%; overflow: hidden; box-sizing: border-box; background: #fff; border-top: 2px solid #000}
ul.faq_list > li {position: relative; width: 100%; box-sizing: border-box; border-bottom: 1px solid #dfdfdf;}
ul.faq_list li .acc_head {display: table; position: relative; width: 100%; overflow: hidden; box-sizing: border-box; cursor: pointer; background: url(/_img/utility/arrow-down.png) no-repeat top 30px right 25px; background-size: 15px;}
ul.faq_list li .acc_head::after {position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); width: 30px; height: 30px; background-image: url(/_images/sub/faq_plus.jpg); background-position: center; background-repeat: no-repeat; content: ''; background-size: 100%;}
ul.faq_list li .acc_head p {display: table-cell; font-size: 20px; color: #212121; padding: 30px 25px; font-weight: 600; text-align:left}
ul.faq_list li .acc_head p em {color: #00A7AF; padding-right: 10px;}
ul.faq_list li .acc_content {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; background: #fff;}
ul.faq_list li .acc_content p {background: #f8f8f8; text-align:left; box-sizing: border-box; padding: 25px; font-size: 17px; font-weight: 500; color: #212121; line-height: 1.6; overflow: hidden;  border-top:1px solid #ddd; width: 100%;}

ul.faq_list li.acc_active .acc_head p {font-weight: 700; color: #feb0be}
ul.faq_list li.acc_active .acc_head::after {background-image: url(/_images/sub/faq_minus.jpg);}

@media all and (max-width:980px) {
    ul.faq_list li .acc_head p {font-size:18px;}
}

@media all and (max-width:768px) {
    ul.faq_list li .acc_head p {font-size:16px; padding: 20px 15px; padding-right: 50px;}
    ul.faq_list li .acc_head::after {width: 20px; height: 20px; right: 15px;}
    ul.faq_list li .acc_content p {font-size: 16px; padding: 20px 15px;}
}



ul.tabs {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 70px;}
ul.tabs li {font-size: 18px; color: #d4d4d4; padding: 15px 30px; border-bottom: 2px solid #e4e4e4; cursor: pointer;}
ul.tabs li.active {color: #000; font-weight: 600; border-color: #000}

.half_layout {display: flex; flex-wrap: wrap; justify-content: space-between; width:100%}
.half_layout .halfBox {position: relative; width: 50%; box-sizing: border-box; min-height: 550px; padding: 0 100px;}
.half_layout .halfBox img {width: 100%; height:100%;}
.vertical-arrWrap {display: table;}
.vertical-arr {display: table-cell; vertical-align: middle;}

.half_layout .halfBox.left {background: #ffb0bf}
.half_layout .halfBox.left::after {position: absolute; top: 0; left: -100%; height: 100%; width: 100%; background: #ffb0bf; content: '';}
.half_layout .halfBox.right {background: #fbf8f3}
.half_layout .halfBox.right::after {position: absolute; top: 0; right: -100%; height: 100%; width: 100%; background: #fbf8f3; content: '';}
.half_layout .halfBox p {font-size: 16px; line-height: 1.67; color: #000; margin: 30px 0; word-break: keep-all;}
.half_layout .halfBox p img {width: 100%;}
.half_layout .halfBox h5 {font-size: 35px; font-weight:700;}
.half_layout .halfBox h6 {font-size: 28px; font-weight:700;}
.half_layout .halfBox a {border: 2px solid #000; display: inline-block; font-size: 18px; color: #000; font-weight: 600; padding: 15px 40px;}
.half_layout .text {padding: 0}
.half_layout .text h6 {color: #feb0be;}
.half_layout .text h6 span {display: inline-block; background: #feb0be; color: #fff; padding: 0 15px; font-weight: 700; margin-right: 10px;}
.half_layout .text p {text-align: left; word-break: keep-all; margin: 30px 0; font-size: 20px;}
.half_layout .text p img {max-width: 100%; width: auto;}
.half_layout .pic {text-align: center;}
.half_layout .pic img {width:auto; height: auto;}

.half_layout .halfBox.left p, .half_layout .halfBox.left h5 {color: #fff;}


.half_layout.ver2 {}
.half_layout.ver2 .halfBox {padding: 0; min-height: auto;}
.half_layout.ver2 .pic {width: 25%;}
.half_layout.ver2 .text {width: 75%;}

.half_layout.ver3 {}
.half_layout.ver3 .halfBox {min-height: auto;}
.half_layout.ver3 .pic {padding: 0;}
.half_layout.ver3 .pic img {width: auto;}

.half_layout.full_pic .halfBox {min-height: auto;}
.half_layout.full_pic .pic {padding: 0;}
.half_layout.full_pic .pic img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
.half_layout.full_pic .text { padding-top: 100px; padding-bottom: 100px;}
.half_layout.full_pic .text .innerCont {width: 750px; padding-left: 80px; padding-right: 80px; box-sizing: border-box;}

.half_layout.reverse {flex-direction: row-reverse}

@media all and (max-width:1500px){
	.half_layout .halfBox {padding-left: 120px; padding-right: 120px;}
}


@media all and (max-width:1200px){
	.half_layout .halfBox {padding-left: 100px; padding-right: 100px;}
}

@media all and (max-width:980px){
    .half_layout .halfBox {width: 100%; min-height: auto; padding-left: 80px; padding-right: 80px;}
	.half_layout .halfBox h5 {font-size: 30px;}
	.half_layout .halfBox h6 {font-size: 23px;}
	.half_layout .halfBox p {margin: 20px 0;}
	.half_layout .halfBox a {font-size: 16px;}
	.half_layout .text p {font-size: 18px;}	
	
	.half_layout.ver2 .pic img {width: 100%;}
	.half_layout.ver2 .text {padding-left: 50px}
	
	
    .half_layout.full_pic .text {padding-left: 0; padding-right:5px; padding-top: 0; padding-bottom: 0; box-sizing: border-box;}
    .half_layout.full_pic .text .innerCont {width: 100%; padding-left: 0; padding-right: 0}
    .half_layout.full_pic .pic img {position: relative; top:auto; left: auto; transform: translate(0,0);}
	
	.half_layout .halfBox.left, .half_layout .halfBox.right  {padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0;}
	.half_layout .halfBox.left .vertical-arr, .half_layout .halfBox.right .vertical-arr  {position: relative; z-index: 1;}
	.half_layout .halfBox.left::after, .half_layout .halfBox.right::after  {width: 200%; left:-50%;}
	
	ul.tabs {justify-content: flex-start;}
	ul.tabs li {font-size: 15px; padding: 10px 0; text-align: center; width: 33.3%; margin-bottom: 10px;}
	
}

@media all and (max-width:768px){
	.half_layout .halfBox {width: 100%; min-height: auto; padding-left: 60px; padding-right: 60px;}
	.half_layout .halfBox h5 {font-size: 25px;}
	.half_layout .halfBox h6 {font-size: 19px;}
	.half_layout .halfBox p {margin: 15px 0}
	.half_layout .halfBox a {width: 100%; text-align: center; margin-top: 30px;}
	.half_layout .text p {font-size: 16px;}	
	
	.half_layout.ver2 .pic {width: 100%; margin-bottom: 30px;}
	.half_layout.ver2 .pic img {width: auto;}
	.half_layout.ver2 .text {width: 100%; padding-left: 0;}
	.half_layout.ver2 .text p {text-align: center;}
	.half_layout.ver2 .text h6 {text-align: center;}
	
	.half_layout .halfBox.left, .half_layout .halfBox.right  {padding-top: 60px; padding-bottom: 60px;}
}


@media all and (max-width:640px){
	.half_layout .halfBox.left, .half_layout .halfBox.right  {padding-top: 50px; padding-bottom: 50px;}
	.half_layout .halfBox {width: 100%; min-height: auto; padding-left: 40px; padding-right: 40px;}
}




ul.dot-desc_list {}
ul.dot-desc_list li {position: relative; font-size: 22px; color: #000; margin: 20px 0; padding-left:15px; box-sizing: border-box;}
ul.dot-desc_list li::before {position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #333; content: '';}

ul.check_list {max-width: 980px; margin: 0 auto; padding:50px 90px; background:#f5f5f5;}
ul.check_list li {position: relative; font-size: 22px; color: #000; margin: 20px 0; padding-left:30px; box-sizing: border-box;}
ul.check_list li::before {position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url('/_images/sub/check_icon.png'); content: '';}

dl.circleNum-desc_list {margin: 50px 0;}
dl.circleNum-desc_list dt {font-size: 25px; color: #feb0be; font-weight: 500; margin-bottom: 10px; text-align: left;}
dl.circleNum-desc_list dt span {color: #fff; display: inline-block; width: 30px; height: 30px; border-radius: 100%; background: #feb0be; font-size: 20px; vertical-align: middle; margin-right: 10px; text-align: center; line-height: 30px;}
dl.circleNum-desc_list dd {font-size: 22px; color: #333; line-height: 1.7; text-align: left;}



@media all and (max-width:980px){
    ul.dot-desc_list li {font-size: 18px;}    
    ul.dot-desc_list li::before {top:8px;}
	
	ul.check_list {padding: 40px 60px;}
    ul.check_list li {font-size: 18px;}
	
	
    dl.circleNum-desc_list {margin: 40px 0;}
    dl.circleNum-desc_list dt {font-size: 22px;}
    dl.circleNum-desc_list dt span {font-size: 20px;}
    dl.circleNum-desc_list dd {font-size: 18px;}
}

@media all and (max-width:768px){
    ul.dot-desc_list li {font-size: 16px; padding-left: 10px; margin: 15px 0;}
    ul.dot-desc_list li::before {top:5px; width: 3px; height: 3px;}
	
	ul.check_list {padding: 20px 15px;}
    ul.check_list li {font-size: 16px; padding-left: 20px; margin: 15px 0; line-height: 1.5;}
	ul.check_list li::before {width: 15px; height: 15px; top: 5px;}
	
    dl.circleNum-desc_list {margin: 30px 0}
    dl.circleNum-desc_list dt {font-size: 19px;}
    dl.circleNum-desc_list dt span {font-size: 16px;}
    dl.circleNum-desc_list dd {font-size: 12px;}
    
  
}


/*슈링크유니버스*/
.responsive_vod_wrap {display: flex; flex-wrap: wrap; justify-content: center;}
.responsive_vod {overflow: hidden;position: relative; margin: 0 30px;}
.responsive_vod.square video {border-radius: 5%;}

@media all and (max-width:1300px) {
	.responsive_vod_wrap {justify-content: space-between;}
	.responsive_vod {width: 48%; margin-left:0; margin-right: 0;}
	.responsive_vod video,.responsive_vod img {width: 100%;}
	
}

@media all and (max-width:640px) {
	.responsive_vod {width: 100%; margin-top: 30px;}
	.responsive_vod :first-of-type {margin-top: 0;}
	
}

/*장비소개모달*/
.equiment_pop {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 15px; background: #fff; width: 700px; overflow: hidden;  visibility: hidden; opacity: 0; transition: 0.3s; margin-top: 50px;}
.equiment_pop button {position: absolute; top: 25px; right: 25px; font-size: 22px; border: 0; background-color: transparent;}
.equiment_pop .pic {width: 100%; background: #fafafa; text-align: center; padding: 50px; box-sizing: border-box;}
.equiment_pop .pic img {}
.equiment_pop .text {padding: 50px 30px; box-sizing: border-box;}
.equiment_pop .text p {font-size: 18px; line-height: 1.7; color: #212121; word-break: keep-all; margin-top: 10px;}
.equiment_pop .text p:first-of-type {margin-top: 0;}
.equiment_pop .text p strong {font-size: 27px; font-weight: 700; color: #feb0be;}
.equiment_pop.show {visibility: visible; opacity: 1; margin-top: 0 }

@media all and (max-width:980px) {
    .equiment_pop {width: 90%;}
    .equiment_pop .pic {padding: 20px;}
    .equiment_pop .pic img {width: 60%}
    .equiment_pop .text {padding: 30px 20px;}
    .equiment_pop .text p {font-size: 16px; margin-top: 5px}
    .equiment_pop .text p strong {font-size: 22px;}
}



/* ****************************************************************************************************
******************************************* 둘러보기 **************************************************
**************************************************************************************************** */
.interior_slider, .interior_slider-thumb {position: relative; width: 100%; overflow: hidden}
.interior_slider img, .interior_slider-thumb img {width: 100%;}
.interior_slider .swiper-slide {position: relative;}
.interior_slider .swiper-slide p {font-size: 18px; color: #fff; width: 100%; padding: 25px 10px; box-sizing: border-box; text-align: center; background: rgba(0,0,0,0.5); position: absolute; bottom: 0;left: 0; z-index: 1;}
.interior_slider-thumb {margin-top: 15px;}
.interior_slider-thumb .swiper-slide {background: #000; cursor: pointer;}
.interior_slider-thumb .swiper-slide img {opacity: .3;}
.interior_slider-thumb .swiper-slide.swiper-slide-thumb-active img {opacity: 1;}
.interior_slider-btns { display: none; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: #fff; border-radius: 100%; background-size: 60%; background-position: center; background-repeat: no-repeat; z-index: 1; cursor: pointer; transition: 0.3s}
.interior_slider-next {right: 30px; background-image: url('/img/arrow-next-b.svg');}
.interior_slider-next:hover {right: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.interior_slider-prev {left: 30px; background-image: url('/img/arrow-prev-b.svg');}
.interior_slider-prev:hover {left: 20px;  box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.interior_slider-pagination {position: absolute; top: 20px; right: 20px; left: auto !important; bottom: auto !important; z-index: 1; display: inline; width: 70px !important; height: 40px; background: rgba(0,0,0,0.5); border-radius: 5px; text-align: center; box-sizing: border-box; padding: 13px 0; color: #fff;}
.interior_slider-pagination span {color: #fff;}

/*230705 둘러보기*/
#interior_slider__wrap {position: relative; width: 100%; height: 100vh; overflow: hidden;}
#interior_slider__wrap .scroll-ico {z-index: 99;}
#interior_slider__wrap .scroll-ico { position: absolute; left: 50%; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
#interior_slider__wrap .scroll-ico i { position: relative; width: 2px; height:95px; border-radius: 50% 50% 0 0; background: rgba(255, 255, 255, .3)}
#interior_slider__wrap .scroll-ico i:after { content: ""; width: 2px; height: 30px; background: #fff; position: absolute; top: 0; left: 0; border-radius: 50%; animation: wheel 2s infinite; -webkit-animation: wheel 2.5s infinite;}
#interior_slider__wrap .scroll-ico p { font-size: 14px; font-weight: normal; color: rgba(255, 255, 255, .8); margin-left: 14px; margin-top: 4px; order: 2}
 @keyframes wheel {
     to {
     opacity: 0;
     top: 120px;
    }
}
 @-webkit-keyframes wheel {
     to {
     opacity: 0;
     top: 120px;
    }
}

.interior_slider-new {width: 100%; height: 100%; overflow: hidden;}
.interior_slider-new .swiper-slide img {width:100%; height: 100%; object-fit: cover;}
.interior_slider-pagination-new {position: absolute; top: 50%; transform: translateY(-50%); bottom: auto !important; right: 30px !important; z-index: 1;}

.interior_slider-res .swiper-slide {position: relative; height: 400px;}
.interior_slider-res .swiper-slide img {position: absolute; width:100%; height: 100%; object-fit: cover;}



/*230807둘러보기*/
.targets-wrapper {display: flex; flex-wrap: wrap; margin-top: 40px;}
.targets-wrapper a {width: 25%; box-sizing: border-box; padding: 1%;  position: relative;}
.targets-wrapper a span {position: relative; width: 100%; padding-bottom: 100%; display: block; transition: .3s;}
.targets-wrapper a span img {position: absolute; width:100%; height: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: .3s;}
.targets-wrapper a:hover span {box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.targets-wrapper a:hover span img {transform: translate(-50%,-50%), scale(1.1, 1.1);}


@media all and (max-width:980px){
    #interior_slider__wrap {height: auto;}    
    #interior_slider__wrap .scroll-ico {display: none;}
    
    .interior_slider-btns  {display: block; width: 25px; height: 25px; margin-top: -12px;}
    .interior_slider-prev {left: 5px;}
    .interior_slider-prev:hover {left: -5px;}
    .interior_slider-next {right: 5px;}    
    .interior_slider-next:hover {right: -5px;}
    
    .interior_slider-pagination {width: 50px; height: 30px; padding: 9px 0; right: 10px; top: 10px; font-size: 11px;}
	.interior_slider-res .swiper-slide {height: auto;}
	.interior_slider-res .swiper-slide img {position: relative; height: auto;}
	
	.targets-wrapper a {width: 50%}

}

@media all and (max-width:640px){
	.targets-wrapper a {width: 100%; margin-bottom: 3%}
}

/* ****************************************************************************************************
******************************************* 전후사진 **************************************************
**************************************************************************************************** */
.before_after_page {padding-top: 180px;}
.ba_pics_wrap .before_pics, .ba_pics_wrap .after_pics {width: 50%; position: relative; height: 100%; overflow: hidden;}
.ba_pics_wrap .before_pics p, .ba_pics_wrap .after_pics p {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 0; font-size: 15px; color: #fff; background: rgba(0,0,0,0.5); text-align: center; text-transform: uppercase;}
#ba_pics {position: relative; margin: 0 auto; width: 1200px; height: 500px; overflow: hidden;}
#ba_pics .ba_pics_wrap {display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; height: 100%;}
#ba_pics .preview_wrap {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1; display: none; box-sizing: border-box; }
#ba_pics .preview_wrap .text_wrap {width: 100%; display: table-cell; vertical-align: middle;}
#ba_pics .preview_wrap .text_wrap p {text-align: center; font-size: 18px; color: #fff; line-height: 1.67;}
#ba_pics .preview_wrap .text_wrap a {display: block; width: 150px; height: 60px; text-align: center; line-height: 60px; color: #fff; font-size: 18px; margin: 20px auto 0 auto; background: #000; }
#ba_pics .ba_pics_wrap .before_pics img, #ba_pics .ba_pics_wrap .after_pics img {width: 100%;  object-fit: cover; min-height: 250px;}

#ba_pics.logout .preview_wrap {display: table;}
#ba_pics.logout .before_pics, #ba_pics_wrap.logout .after_pics {}
#ba_pics.logout .ba_pics_wrap {filter: blur(10px);}
@media all and (max-width:640px){
	.ba_pics_wrap .before_pics, .ba_pics_wrap .after_pics {width:100%;}
}

#ba_list {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 80px;}
#ba_list .ba_box {width: 23.5%; margin-right: 2%; margin-top: 2%; box-sizing: border-box; cursor: pointer;}
#ba_list .ba_box.on {border: 2px solid #000;}

#ba_list .ba_pics_wrap {width: 100%;background: #f1f1f1; overflow: hidden;}
#ba_list .ba_pics_wrap .inner_wrap {position: relative; display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; margin: 80px 0}
#ba_list .ba_box .text {display: none; text-align: center; padding: 20px 0; font-size: 18px; font-weight: 500;}
#ba_list.logout .ba_pics_wrap .inner_wrap {filter: blur(10px); opacity: 0.6}


@media all and (max-width:1200px) {
    #ba_pics {width: 100%; height: auto;}
    #ba_pics .preview_wrap .text_wrap p {font-size: 16px;}
    #ba_pics .preview_wrap .text_wrap a {height: 50px; line-height: 50px; font-size: 15px;}
}

@media all and (min-width:980px) {
    #ba_list .ba_box:nth-of-type(4n) {margin-right: 0;}
}

@media all and (max-width:980px) {
    .before_after_page {padding-top: 120px;}
    
    #ba_list {margin-top: 50px;}
    #ba_list .ba_box {width: 31.5%; margin-bottom: 3%;}
    #ba_list .ba_pics_wrap .inner_wrap {margin: 50px 0;}
    #ba_list .ba_box .text {font-size: 15px; padding: 15px 0;}
}

@media all and (max-width:980px) and (min-width:768px) {
    
    #ba_list .ba_box:nth-of-type(3n) {margin-right: 0;}
    
}

@media all and (max-width:768px) {
    .before_after_page {padding-top: 80px;}
    .ba_pics_wrap .before_pics p, .ba_pics_wrap .after_pics p {font-size: 13px; padding: 10px 0}
    
    #ba_pics .preview_wrap .text_wrap p {font-size: 14px;}
    #ba_pics .preview_wrap .text_wrap a {height: 40px; line-height: 40px; font-size: 14px;}
    
    
    #ba_list {margin-top: 30px;}
    #ba_list .ba_box {width: 48%; margin-right: 4%;}    
    #ba_list .ba_pics_wrap .inner_wrap {margin: 30px 0;}
    #ba_list .ba_box:nth-of-type(2n) {margin-right: 0;}
    #ba_list .ba_box .text {font-size: 14px;}
}


/* ****************************************************************************************************
******************************************* 예약 **************************************************
**************************************************************************************************** */
.reservation_page {padding-top: 180px;}

#reservation_wrap {width: 1200px; margin: 80px auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
#reservation_wrap.center {justify-content: center;}
#reservation_wrap .wrap_box {width: 48%}
#reservation_wrap .wrap_box_v2 {width: 35%}
#reservation_wrap .wrap_box.right .input_wrap {background: #fafafa; box-sizing: border-box; border: 1px solid #e4e4e4; padding: 30px;}
#reservation_wrap .section {margin-bottom: 40px;}
#reservation_wrap button.submit {width: 100%; height: 60px; background: #000; color: #fff; border: 0; }
#reservation_wrap button.check {width: 100%; height: 60px; background: #fff; color: #212121; border: 1px solid #111; margin-top: 10px; }
#reservation_wrap .section .tit {font-size: 22px; font-weight: 600; color: #212121; margin-bottom: 20px;}
#reservation_wrap .section .input_wrap select {margin-bottom: 20px;}
#reservation_wrap .section .input_wrap dl {margin-bottom: 40px;}
#reservation_wrap .section .input_wrap dl:last-of-type {margin-bottom: 0}
#reservation_wrap .section .input_wrap dl dt {margin-bottom: 10px; font-size: 18px;}
#reservation_wrap .section .input_wrap dl dd {display: flex; justify-content: space-between; flex-wrap: wrap;}
#reservation_wrap .section .input_wrap dl dd .num {width: 32%;}
#reservation_wrap .section .input_wrap.ver2 { padding-top: 10px; padding-bottom: 10px;}


#myCalendar_head {width: 100%; border: 1px solid #e4e4e4; display: flex; justify-content: space-between; height: 50px;}
#myCalendar_head p {text-align: center; font-size: 18px; color: #212121; line-height: 50px;}
#myCalendar_head a {position: relative; z-index: 1;  display: block; width: 50px;  height: 50px; text-align: center;  line-height: 50px; cursor: pointer;}
#myCalendar_head a img {vertical-align: middle;}
#myCalendar_body {width: 100%; border: 1px solid #e4e4e4; border-top: 0; box-sizing: border-box; padding: 20px}
#myCalendar_body table {width: 100%; table-layout: fixed;}
#myCalendar_body table tr th, #myCalendar_body table tr td {text-align: center; font-size: 18px; color: #212121; box-sizing: border-box; padding: 15px 0; position: relative;}
#myCalendar_body table tr th:first-of-type,#myCalendar_body table tr td:first-of-type {color: #f40000}
#myCalendar_body table tr th:last-of-type,#myCalendar_body table tr td:last-of-type {color: #0171bd;}
#myCalendar_body table tr td span {position: relative; z-index: 1;}
#myCalendar_body table tr td.today::after {width: 50px; height: 50px; background: #f7f7f7; border-radius: 100%; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#myCalendar_body table tr td.prevday {opacity: 0.3}
#myCalendar_body table tr td.notthismonth {opacity: 0}
#myCalendar_tail {width: 100%; border: 1px solid #e4e4e4; border-top: 0;}

/*리스트형 라디오버튼, 체크박스*/
ul.radio-wrap {width:100%; overflow:hidden; box-sizing:border-box; margin-bottom: -1px}
ul.radio-wrap li {position:relative; float:left; width:20%; height:50px; box-sizing:border-box; border-bottom: 1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fafafa; overflow: hidden;}
ul.radio-wrap li:nth-of-type(5n) {border-right:0;}
ul.radio-wrap input[type="radio"] {display:none;}
ul.radio-wrap input[type="radio"] + label {color:#9a9a9a; font-size:15px;}
ul.radio-wrap input[type="radio"] + label span {display:inline-block; width:100%; height:100%; cursor:pointer; background:#fafafa; margin-left:0 !important; text-align:center; line-height:50px; color:#9a9a9a !important; margin-top:-1px;}
ul.radio-wrap input[type="radio"]:checked + label {color:#fff;}
ul.radio-wrap input[type="radio"]:checked + label span {background:#000; color:#fff !important;}


/*체크박스*/
.single {display: flex; margin: 10px 0}
.single a {font-size: 15px; padding-left: 10px;}
.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label{position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:15px; color:#212121;}
.single input[type=checkbox] + label:before {position:absolute; left:0; top:0; display:inline-block; width:18px; height:18px; overflow: hidden; background:url("../_img/utility/checked.png") no-repeat center; background-color: #efefef; margin-right:10px;  background-size:8px; border:1px solid #ededed; content: "";}
.single input[type=checkbox]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#fff; background-color: #00a9b0 !important; border:1px solid #00a9b0; background-size:12px; text-align:center; line-height:18px;}


.reservation_page.check_page {background: url('/_images/main-visual01.jpg') no-repeat center !important; background-size: cover !important}
.reservation_page.check_page #reservation_wrap .wrap_box.right .input_wrap {background: rgba(0,0,0,0.7); border: 0;}
.reservation_page.check_page #reservation_wrap .section .input_wrap dl dt {color: #fff;}
.reservation_page.check_page #reservation_wrap .section .input_wrap dl dd input {background-color:transparent; color: #fff;}
.reservation_page.check_page #reservation_wrap button.check {background-color:transparent; border-color:#fff; color: #fff;}


@media all and (max-width:1200px) {
    #reservation_wrap {width: 100%;}
}

@media all and (max-width:980px) {
    .reservation_page {padding-top: 120px;} 
    
    #reservation_wrap {margin: 60px 0; }
    #reservation_wrap .wrap_box {width: 100%;}
    #reservation_wrap .section {margin-bottom: 30px;}
    #reservation_wrap .section .tit {font-size: 18px;}
    #reservation_wrap .section .input_wrap select {margin-bottom: 10px;}
    #reservation_wrap .section .input_wrap dl dt {font-size: 16px;}
    #reservation_wrap .section .input_wrap dl {margin-bottom: 20px}
    #reservation_wrap .wrap_box.right .input_wrap {padding: 20px;}
    
    #myCalendar_body table tr th, #myCalendar_body table tr td {font-size: 16px;}
    
    ul.radio-wrap input[type="radio"] + label span {font-size: 14px;}
    
    
    .reservation_page.check_page {background: url('/_images/main-visual02-mo.jpg') no-repeat center !important; background-size: cover !important}
}

@media all and (max-width:768px) {
    .reservation_page {padding-top: 80px;}
    
    #reservation_wrap {margin: 40px 0}
    #myCalendar_head p {font-size: 16px;}
    #myCalendar_body table tr th, #myCalendar_body table tr td {font-size: 14px;}
    
    ul.radio-wrap input[type="radio"] + label span {font-size: 14px;}
    
    .single a {font-size: 14px;}
    .single input[type=checkbox] + label {font-size: 14px;}
}


#event_item_wrap {display: flex;flex-wrap: wrap; justify-content:flex-start;}
#event_item_wrap .main-sol-sd-item {width:31.5%; margin-right: 2.5%; padding: 0; margin-bottom: 30px;}

@media all and (min-width:980px) {    
    #event_item_wrap .main-sol-sd-item:nth-of-type(3n) {margin-right: 0;}
}


@media all and (max-width:980px) {    
    #event_item_wrap .main-sol-sd-item {width: 47%; margin-right: 6%}
    
    #event_item_wrap .main-sol-sd-item:nth-of-type(2n) {margin-right: 0;}
}


@media (max-width: 640px) {
    #event_item_wrap .main-sol-sd-item {width: 100%; margin-right: 0}
    #event_item_wrap .main-sol-sd-tx { bottom: auto !important; left: auto !important; transform: none; width: 100%;}
}



.boardList {text-align:left;}
.boardList > ul {overflow:hidden; margin:0 -1.7%;}
.boardList > ul > li {float:left; width:33.33%; padding:0 1.7% 50px;}
.boardList > ul > li:nth-child(3n+1) {clear:both;}
.boardList .cont {position:relative;}
.boardList .imgWrap {position:relative; padding-bottom:50.69%;}
.boardList .imgWrap .img {position:absolute; top:0; left:0; width:100%; height:100%;}
.boardList .top {overflow:hidden; margin:20px 20px 0;}
.boardList .branch {float:left;}
.boardList .branch span {display:inline-block; padding:0 10px; border:1px solid #9c9c9c; font-size:16px; color:#333333; line-height:29px; text-align:center;}
.boardList .branch span+span {margin-left:2px;}
.boardList .date {float:right; font-size:16px; color:#a9a9a9; line-height:30px; padding-right:2px;}
.boardList .title {position:relative; margin:10px 20px 0; padding-right:0; line-height:1.3; border-bottom:2px solid #e7e7e7; }
.boardList .title .t01 {margin-top:6px; font-size:23px; color:#4c4286; font-weight:500; letter-spacing:-0.06em;}
.boardList .title .t02 {margin-top:5px; font-size:15px; color:#8d8d8d; font-weight:300; padding-bottom:10px;}
.boardList .icon {position:absolute; top:0; right:0; top:auto; height:40px; border-radius:0; overflow:hidden;}
.boardList .icon img {position:relative;}
.boardList .icon span {float:left; width:40px; height:40px; border-radius:0; font-size:12px; color:#fff; font-weight:700; line-height:40px; letter-spacing:0; text-align:center;}
.boardList .icon .new {background:#4c4286;}
.boardList .icon .hot {background:#feb0be;}

.boardList .ovr {opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; font-size:0; text-align:center; font-weight:400; vertical-align:top; background:#3e2c34; transition:opacity 0.4s;}
.boardList > ul > li:hover .ovr {opacity:1;}
.boardList .ovr p {position:absolute; top:50%; left:0; width:100%; margin-top:-50px;}
.boardList .ovr a {display:inline-block; width:95px; padding-top:80px; font-size:13px; color:#ffffff; vertical-align:top; color:#fff; background:no-repeat center top; }
.boardList .ovr a.kakao { background-image: url(../img/ico_kakao.svg);  background-size:50px; background-position:center }
.boardList .ovr a.naver {background-image: url(../img/ico_naver_w.svg);  background-size:50px;  background-position:center}
.boardList .ovr a.online {background-image: url(../img/icon_reserva.png);  background-size:40px;  background-position:center}


.btn_pmore {display:block; border:1px solid #d1d1d1; border-radius:3px; font-size:15px; color:#1f1f1f; line-height:45px; font-weight:400; text-align:center;}
.btn_pmore:before {display:inline-block; content:'더보기';}
.btn_pmore:after {display:inline-block; width:15px; height:9px; margin-left:10px; color:#1f1f1f; background:url('../_images/sub/icon_arrow01.png') no-repeat; content:'';}
.btn_pmore.on:after {color:#1f1f1f; background-image:url('../_images/sub/icon_arrow02.png')}



.cont.all .slist li {display:block;}
.cont.all .btn_pmore {margin-top:10px;}
.cont.all .btn_pmore:before {display:inline-block; content:'닫기';}

.board_btn {overflow:hidden; margin-left:-10px; padding-top:20px; text-align:center;}
.board_btn p {float:left; width:50%; padding-left:10px;}
.board_btn a {display:block; border:1px solid #9c9c9c; font-size:18px; color:#333333; line-height:43px;}
.board_btn .btn_detail {border:1px solid #9c9c9c;}
.board_btn .btn_consult {border:1px solid #333333; color:#fff; background:#333333;}


.btn_board_more {display:block; position:relative; margin-top:-1px; padding:20px; text-align:center; background:#fc62ae;}
.btn_board_more:after {position:absolute; top:0; right:0; width:42px; height:53px; background:url('../images/corner01.png'); content:'';}



.boardList li.end .ovr {display:none;}
.boardList li.end .imgWrap:after {position:absolute; top:0; left:0; z-index:9; width:100%; height:100%; background:rgba(17,17,17,0.7);content:'';}



@media all and (min-width:2000px){
	#board_content {max-width:1400px; margin:0 auto;}
}

@media all and (max-width:980px) {  
.boardList > ul > li {float:left; width:100%;}

}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.tablecontents {
    width: 100% !important;
    overflow-x: scroll;
}

table.basic_table {table-layout:fixed; width:100%; overflow-x:scroll; border-left:1px solid #ddd; border-top:2px solid #000}
table.basic_table tr {}
table.basic_table tr th, table.basic_table tr td {box-sizing:border-box; border-bottom:1px solid #ddd; font-size:17px; text-align:center; border-right:1px solid #ddd; line-height:1.5;}
table.basic_table tr th {background-color:#fbf0e8; color:#000; line-height:1.5; font-weight:400; padding:15px 10px;}
table.basic_table tr td {padding:15px 10px; color:#555; background:#fff;}
table.basic_table tr td ul {width:100%; overflow:hidden;}
table.basic_table tr td ul li {position:relative; width:100%; text-align:left !important; padding:10px 0 10px 15px; box-sizing:border-box;}
table.basic_table tr td ul li::before {position:absolute; top:22px; left:0; width:7px; height:7px; background:#4498d3; content:''; border-radius:100%;}

table.list_type tr td {padding:20px 30px;}
table.list_type tr td:first-of-type {background:#fafafa;}
table.ver-res {display:none; min-width:100% !important;}
table.ver-ori {display:block;}


/* 의료진소개 */
.doctor_story {position: relative; width: 100%; box-sizing: border-box;}
.doctor_story .sub-wrap {display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 40px;}
.doctor_story .text {width: 50%; padding-left: 50px; box-sizing: border-box; position: relative; z-index: 1; margin-top: 50px;}
.doctor_story .text p {font-size: 18px; line-height: 1.7; word-break: keep-all;}
.doctor_story .text p.title {font-weight: 700; font-size:38px; line-height: 1.3;}
.doctor_story .text p.name {}
.doctor_story .text p.story {color:#3a3a3a}
.doctor_story .text p + p {margin-top: 30px;}
.doctor_story .pics {width: 44%; position: relative; z-index: 1;}
.doctor_story .pics img {position: relative; z-index: 1;}

#circle {position: absolute; opacity: .3; width: 100%; padding-bottom: 100%; overflow: hidden; top: -90px; left: -270px;}
#circle text {font-size: 13px; letter-spacing: .5px;}

#circle svg {position: absolute; left: 0; top: 0; width: 100%; height: 400px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 10s;
     -moz-animation-duration: 10s;
      -ms-animation-duration: 10s;
       -o-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}



.doctor_story.reverse .sub-wrap {flex-direction: row-reverse;}
.doctor_story.reverse .text {padding-left: 0}
.doctor_story.reverse #circle {left: auto; right: -270px;}



@media all and (max-width:980px){
    .doctor_story {}
    .doctor_story .sub-wrap {flex-direction: column-reverse !important; padding: 0 !important}
    .doctor_story .text {width: 100%; padding: 40px 30px !important; margin-top: 0}
    .doctor_story .text p {text-align: center; font-size: 16px;}
    .doctor_story .text p.title {font-size: 24px;}
	.doctor_story .text p.name img {width: 80%; margin: 0 auto; margin-top: -10%;}
    .doctor_story .text p + p  {margin-top: 20px;}
    .doctor_story .pics {width: 100%; text-align: center; box-sizing: border-box; padding:0 30px;}
	.doctor_story .pics img {margin-left: 13px;}
    .doctor_story + .doctor_story {margin-top: 50px;}
	.doctor_story.reverse .pics img {margin-left: auto; margin-right: 13px;}
}

@media all and (max-width:640px){
	#circle {top: -60px; left: -160px}
	#circle svg {height: 300px}
	.doctor_story.reverse #circle {right: -160px;}
}