/* sub ÆäÀÌÁö °øÅë
------------------------------------------*/
.pt0{padding-top:0px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.sub-section.sub-visual{position:relative; height:70vh; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub-section.sub-visual .wrap-type3{position:relative; height:100%;}
.sub-section.sub-visual2{height:70vh; background-repeat:no-repeat; background-position:center; background-size:cover; }
.sub-section.sub-visual2 .wrap-type3{position:relative; height:100%;}
.sub-section.sub-visual2 .opacity-box{position:absolute; top:50%; right:0; width:40%; padding:4em; box-sizing:border-box; transform:translateY(-50%); background-color:rgba(255,255,255,0.5)}
.sub-section.sub-visual2 .opacity-box p span {display:block; font-size:1.6rem; font-weight:600;}
.sub-section.sub-visual2 .opacity-box p span.page-color{font-size:2.6rem; font-weight:600; padding-bottom:.4em;}
.sub-section.sub-visual2 .opacity-box strong{display:block; font-size:2.2rem; padding:1.5em 0;}
.sub-section.sub-visual2 .opacity-box .tag-item{font-size:20px; display:block; font-weight:400; line-height:1; padding-bottom:.8em; color:#666;}
/* sub-text-box */
.sub-text-box{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.sub-text-box .main-title{display:block; font-size:70px; margin-bottom:10px;}
.sub-text-box .sub-title{display:block; font-size:50px; padding-bottom:10px; line-height:1.3;}
.sub-text-box .text1{font-weight:lighter; font-size:24px; line-height:1.4;}
.sub-text-box .text2{font-weight:lighter; font-size:24px; line-height:1.4;}
/* sub section layout */
.sub-section{padding:6em 130px;}
.sub-section.section-bg-gray{background-color:#eee;}
.sub-section.section-bg-gray-light{background-color:#f8f8f8;}
.sub-section .title-area{margin-bottom:4em;}
.sub-section .title-area .main-title{display:block; text-align:center; font-size:4.25rem; margin-bottom:.3em; line-height:1.2; color:#333;}
.sub-section .title-area .sub-title{display:block; text-align:center; font-size:2.75rem; margin-bottom:.5em; line-height:1.2; color:#333;}
.sub-section .title-area .text1{display:block; text-align:center; font-size:1.125rem; font-weight:400; line-height:1.6; margin-bottom:1em; color:#333;}
.sub-section .mb0{margin-bottom:0px;}
.sub-section .mb10{margin-bottom:10px;}
.section-inn{padding-top:5em;}
.section-inn.pt0{padding-top:0em;}
.md-sub-title{font-size:32px; font-weight:600; text-align:center; display:block; padding-bottom:1em; line-height:1.2;}
.sm-sub-title{font-size:1.250rem; font-weight:600; text-align:center; display:block; padding-bottom:.8em; line-height:1.4;}
/* hover info boxs */
.hover-info-box{position:relative;}
.hover-info-box ul{display:table; width:100%; height:625px; table-layout:fixed;}
.hover-info-box ul li{position:relative; top:0; display:table-cell; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; vertical-align:middle;}
.hover-info-box.info-2 ul li{width:50%;}
.hover-info-box.info-3 ul li{width:33.3333%;}
.hover-info-box.info-4 ul li{width:25%;}
.hover-info-box ul li:before{transition:all .3s ease-in-out; opacity:0; content:''; position:absolute; top:0; left:0; display:block; width:100%; /*height:100%;*/ background-color:rgba(0,0,0,0.4);}
.hover-info-box ul li .text-content{z-index:1; position:relative; vertical-align:middle; text-align:center;}
.hover-info-box ul li .text-content .title{transition:all .3s ease-in-out; opacity:.5; display:block; font-size:2.3rem; color:#fff; margin-bottom:.8em; line-height:1.2;}
.hover-info-box ul li .text-content .text{transition:all .3s ease-in-out; opacity:0; display:block; width:80%; height:1px; margin:0 auto; padding:0 2em; font-size:20px; line-height:1.4; color:#fff; text-align:center; font-weight:300; box-sizing:border-box;}
.hover-info-box ul li:hover .text-content .title,
.hover-info-box ul li.is-active .text-content .title{transition:all .3s ease-in-out;opacity:1;}
.hover-info-box ul li:hover .text-content .text,
.hover-info-box ul li.is-active .text-content .text{transition:all .3s ease-in-out; height:4em; opacity:1;}
.hover-info-box ul li:hover:before,
.hover-info-box ul li.is-active:before{transition:all .3s ease-in-out;opacity:1;}
/* link box list */
.link-box-list{margin:-10px;}
.link-box-list ul:after{content:''; display:block; clear:both;}
.link-box-list ul li{float:left; width:25%;}
.link-box-list ul li a{display:block;}
.link-box-list ul li a:hover figure figcaption:after,
.link-box-list ul li a:focus figure figcaption:after,
.link-box-list ul li a:active figure figcaption:after{transform:rotate(270deg);}
.link-box-list ul li a:hover figure,
.link-box-list ul li a:focus figure,
.link-box-list ul li a:active figure{opacity:.8;}
.link-box-list ul li figure{padding:10px; display:block; margin-inline-start:0px; margin-inline-end:0px; margin-block-start:0px; margin-block-end:0px;}
.link-box-list ul li figure > span{display:block; box-shadow:2px 2px 20px rgba(133, 133, 133, 0.33);}
.link-box-list ul li figure img{width:100%;}
.link-box-list ul li figure figcaption{position:relative; display:block; padding:1em; background-color:#fff; box-sizing:border-box; font-size:1.15rem; line-height:1;}
.link-box-list ul li figure figcaption:after{transition: transform .3s ease-in-out; content:''; position:absolute; top:.7rem; right:1rem; width:20px; height:20px; background:url('../../img/sub/icon-sm-more.png') no-repeat center;}
/* link-box-list-type2 */
.link-box-list-type2{text-align:center;}
.link-box-list-type2 ul li{display:inline-block; float:none;width:33%;}
.link-box-list-type2 ul li a:hover figure,
.link-box-list-type2 ul li a:focus figure,
.link-box-list-type2 ul li a:active figure{opacity:.8;}
.link-box-list-type2 ul{margin:0 -10px;}
.link-box-list-type2 ul li a{padding:0 10px; margin-bottom:10px; display:block; box-sizing:border-box;}
.link-box-list-type2 ul li a figure{display:block; width:400px;}
.link-box-list-type2 ul li a figure img{width:100%}
.link-box-list-type2 ul li a figure figcaption{position:relative; background-color:#fff; padding:1em 1.8em; box-sizing:border-box; text-align:left; font-weight:600;}
.link-box-list-type2 ul li a figure figcaption:after{position:absolute; top:50%; right:1.8em; content:''; display:block; width:17px; height:11px; margin-top:-5.5px; background:url('../../img/sub/eye-surgery/icon-arrow-card.png') no-repeat center;}
.link-box-list-type2 ul li a figure figcaption b,
.link-box-list-type2 ul li a figure figcaption{position:relative; display:block; padding-right:10px; background-color:#fff; box-sizing:border-box; font-size:20px; test-align:center; line-height:1; vertical-align:top;}
.link-box-list-type2 ul li a figure figcaption b{display:inline-block;}
.link-box-list-type2 ul li a figure figcaption span{padding-right:0;}
.no-responsive.wrap-type3{width:1400px !important;}
.title-box{background-color:#fff;}
.title-box .title{display:block; margin-top:3em; padding:1em; font-size:1.3rem; color:#fff; text-align:center;}
.title-box .content-box{padding:2em; box-sizing:border-box;}
.title-box figure{position:relative; text-align:center; margin:1em;}
.title-box figure img{max-width:244px; width:100%;}
.title-box figure:hover:before,
.title-box figure:hover figcaption{opacity:1;}
.title-box figure:before{content:''; position:absolute; top:0; left:50%; display:block; width:100%; max-width:244px; height:100%; border-radius:50%; background-color:rgba(0,0,0,0.5); transform:translateX(-50%); opacity:0;}
.title-box figure figcaption{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); color:#fff; opacity:0; line-height:1.4; font-size:18px; font-weight:400;}
.card-list-box{margin:-10px;}
.card-list-box ul li{padding:10px; box-sizing:border-box;}
.card-list-box ul li .img-area{height:260px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.card-list-box ul li .content-box{padding:2em; min-height:245px; background-color:#eee; box-sizing:border-box;}
.card-list-box ul li .content-box strong{display:block; font-size:1.625rem; line-height:1.3; padding-bottom:.7em; color:#666; letter-spacing:-1px;}
.card-list-box ul li .content-box p{font-size:1.125rem; font-weight:400; line-height:1.6; color:#666;}
.card-list-box li:nth-child(1) .img-area{background-image:url('../../img/sub/card-list-img1.jpg');}
.card-list-box li:nth-child(2) .img-area{background-image:url('../../img/sub/card-list-img2.jpg');}
.card-list-box li:nth-child(3) .img-area{background-image:url('../../img/sub/card-list-img3.jpg');}
.section-bg-gray .card-list-box ul li .content-box{background-color:#fff;}
/* link-box-list-type3 */
.link-box-list-type3{text-align:center;}
.link-box-list-type3 ul li{display:inline-block; float:none;width:49%;}
.link-box-list-type3 ul li a:hover figure,
.link-box-list-type3 ul li a:focus figure,
.link-box-list-type3 ul li a:active figure{opacity:.8;}
.link-box-list-type3 ul{margin:0 -10px;}
.link-box-list-type3 ul li a{padding:0 10px; margin-bottom:10px; display:block; box-sizing:border-box;}
.link-box-list-type3 ul li a figure{display:block; width:90%;}
.link-box-list-type3 ul li a figure img{width:100%}
.link-box-list-type3 ul li a figure figcaption{position:relative; background-color:#fff; padding:1em 1.8em; box-sizing:border-box; text-align:left; font-weight:600;}
.link-box-list-type3 ul li a figure figcaption:after{position:absolute; top:50%; right:1.8em; content:''; display:block; width:17px; height:11px; margin-top:-5.5px; background:url('../../img/sub/eye-surgery/icon-arrow-card.png') no-repeat center;}
.link-box-list-type3 ul li a figure figcaption b,
.link-box-list-type3 ul li a figure figcaption{position:relative; display:block; padding-right:10px; background-color:#fff; box-sizing:border-box; font-size:20px; text-align:center; line-height:1; vertical-align:top;}
.link-box-list-type3 ul li a figure figcaption b{display:inline-block;}
.link-box-list-type3 ul li a figure figcaption span{padding-right:0;}
/* ÀÇ»ç ¼Ò°³ */
.doctor-info{background:url('../../img/sub/doctor-team-bg.jpg') no-repeat center; background-size:cover;}
.doctor-info .wrap-type3{position:relative;}
.doctor-info .wrap-type3:after{content:''; display:block; clear:both;}
.doctor-info .title-area{position:absolute; left:0; top:50%; width:45%; transform:translateY(-50%);}
.doctor-info .title-area .main-title{text-align:left;}
.doctor-info .title-area .sub-title{text-align:left;}
.doctor-info .title-area .text1{text-align:left; padding-right:2em; color:#666; font-weight:400;}
.doctor-info .img-area{float:right; width:50%;}
.doctor-info .img-area .img-box{position:relative; height:500px;}
.doctor-info .img-area .img-box strong{position:absolute; left:0; bottom:0; display:block; width:100%; height:40px; line-height:40px; color:#fff; font-size:1.3rem; font-weight:500; text-align:center;}
.doctor-info .img-area .img-box strong.color-light{background-color:#bd9d6d;}
.doctor-info .img-area .img-box strong.color-deep{background-color:#93764a;}
.doctor-info .img-area .img-box .figure-area .figure{position:absolute; bottom:40px;}
.doctor-info .img-area .img-box .figure-area.figure-1 .figure{left:50%; transform:translateX(-50%);}
.doctor-info .img-area .img-box .figure-area.figure-2 .figure:nth-child(1){left:15%;}
.doctor-info .img-area .img-box .figure-area.figure-2 .figure:nth-child(2){right:15%;}
.doctor-info .img-area .img-box .figure-area.figure-3 .figure:nth-child(1){left:0;}
.doctor-info .img-area .img-box .figure-area.figure-3 .figure:nth-child(2){left:50%; transform:translateX(-50%);}
.doctor-info .img-area .img-box .figure-area.figure-3 .figure:nth-child(3){right:0;}
.doctor-info .img-area .img-box .figure-area.figure-4 .figure:nth-child(1){left:0;}
.doctor-info .img-area .img-box .figure-area.figure-4 .figure:nth-child(2){left:23%;}
.doctor-info .img-area .img-box .figure-area.figure-4 .figure:nth-child(3){right:23%;}
.doctor-info .img-area .img-box .figure-area.figure-4 .figure:nth-child(4){right:0;}
.doctor-info .img-area .img-box .figure-area.figure-4 .figure figcaption .name b{display:block;}
.doctor-info .img-area .img-box .figure-area .figure img{display:block; height:360px; bottom:0;}
.doctor-info .img-area .img-box .figure-area .figure figcaption{position:absolute; bottom:400px; left:0; width:100%; text-align:center;}
.doctor-info .img-area .img-box .figure-area .figure figcaption .name{position:relative; margin-bottom:1em; font-size:20px; vertical-align:bottom; font-weight:500;}
.doctor-info .img-area .img-box .figure-area .figure figcaption .name b{font-size:1.6rem; font-weight:700;}
.doctor-info .img-area .img-box .figure-area .figure figcaption .name.icon-link:after{transition:transform .3s ease-in-out; position:absolute; top:-3px; right:-36px; content:''; display:block; width:28px; height:28px; background:url('../../img/sub/icon-lg-plus.png') no-repeat center; }
.doctor-info .img-area .img-box .figure-area .figure figcaption .name.icon-link:hover:after{transform:rotate(180deg);}
/* ÀÇ»ç ¼Ò°³ type2 */
.doctor-info.doctor-info-type2 .title-area{position:static; width:100%; transform:translateY(0);}
.doctor-info.doctor-info-type2 .title-area .main-title{text-align:center;}
.doctor-info.doctor-info-type2 .title-area .sub-title{text-align:center;}
.doctor-info.doctor-info-type2 .title-area .text1{text-align:center;}
.doctor-info.doctor-info-type2 .img-area{width:100%;}
.doctor-info.doctor-info-type2 .img-area .img-box{float:left; width:50%; position:static;}
.doctor-info.doctor-info-type2 .img-area .img-box strong{display:none;}
.doctor-info.doctor-info-type2 .img-area .img-box .figure-area .figure{position:absolute;width:25%;}
.doctor-info.doctor-info-type2 .img-area .img-box .figure-area .figure img{position:absolute;left:50%; transform:translateX(-50%)}
.doctor-info.doctor-info-type2 .img-area > strong{position:absolute; left:0; bottom:0; display:block; width:100%; height:40px; line-height:40px; color:#fff; font-size:1.3rem; font-weight:500; text-align:center; background-color:#93764a;}
.doctor-info .img-area.member-5 .img-box .figure-area .figure.figure1{left:1%; right:auto;transform:translateX(0); z-index:2;}
.doctor-info .img-area.member-5 .img-box .figure-area .figure.figure2{left:20%; right:auto;transform:translateX(0); z-index:4;}
.doctor-info .img-area.member-5 .img-box .figure-area .figure.figure3{left:50%; right:auto; transform:translateX(-50%); z-index:5;}
.doctor-info .img-area.member-5 .img-box .figure-area .figure.figure4{right:20%; left:auto;transform:translateX(0); z-index:3;}
.doctor-info .img-area.member-5 .img-box .figure-area .figure.figure5{right:1%; left:auto;transform:translateX(0); z-index:1;}
.doctor-info .img-area.member-6 .img-box .figure-area .figure.figure1{left:1%; right:auto;transform:translateX(0); z-index:2;}
.doctor-info .img-area.member-6 .img-box .figure-area .figure.figure2{left:15%; right:auto;transform:translateX(0); z-index:4;}
.doctor-info .img-area.member-6 .img-box .figure-area .figure.figure3{left:38%; right:auto; transform:translateX(0); z-index:5;}
.doctor-info .img-area.member-6 .img-box .figure-area .figure.figure4{right:38%; left:auto;transform:translateX(0); z-index:5;}
.doctor-info .img-area.member-6 .img-box .figure-area .figure.figure5{right:15%; left:auto;transform:translateX(0); z-index:4;}
.doctor-info .img-area.member-6 .img-box .figure-area .figure.figure6{right:1%; left:auto;transform:translateX(0); z-index:2;}
/* Q&A */
.card-scroll-list-area.scroll-card-5 .wrap-type3{width:1500px}
.card-scroll-list-area.scroll-card-4 .wrap-type3{width:1200px}
.card-scroll-list-area.scroll-card-3 .wrap-type3{width:900px}
.card-scroll-list-area.scroll-card-2 .wrap-type3{width:600px}
.card-scroll-list{margin:-5px;}
.card-scroll-list ul li{padding:5px; box-sizing:border-box; width:300px; display:inline-block;}
.card-scroll-list ul li a{display:block; background-color:#eee; padding:2em; padding-bottom:1.5em;}
.card-scroll-list ul li a strong{display:block; height:5em; font-size:1.25rem; line-height:1.4; font-weight:400; border-bottom:1px solid #333;}
.card-scroll-list ul li a span{display:block; font-size:18px; line-height:1; padding-top:1em;}
.card-scroll-list ul li a:hover,
.card-scroll-list ul li a:focus,
.card-scroll-list ul li a:active{background-color:#e3e3e3;}
.section-bg-gray .card-scroll-list ul li a{background-color:#fff;}
.section-bg-gray .card-scroll-list ul li a:hover,
.section-bg-gray .card-scroll-list ul li a:focus,
.section-bg-gray .card-scroll-list ul li a:active{background-color:#f8f8f8;}
.photo-scroll-list-area .wrap-type3{width:1400px !important;}
.photo-scroll-list{margin:0px;}
.photo-scroll-list ul li{padding:15px; box-sizing:border-box;}
.photo-scroll-list ul li .photo-card{position:relative; border:1px solid #ddd; box-sizing:border-box; display:block; cursor:pointer;}
.photo-scroll-list ul li .photo-card:after{content:''; display:block; clear:both;}
.photo-scroll-list ul li .photo-card .login-info{z-index:1; position:absolute; top:0; left:0; width:50%; height:100%; box-sizing:border-box; background-color:#111; background-color:rgba(0,0,0,0.8);}
.photo-scroll-list ul li .photo-card .login-info p{color:#fff; font-size:18px; display:block; width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%); line-height:1.6;}
.photo-scroll-list ul li .photo-card .login-info p b{display:block; font-size:18px; line-height:1.6;}
.photo-scroll-list ul li .photo-card figure{position:relative; width:50%; float:left; box-sizing:border-box;}
.photo-scroll-list ul li .photo-card figure img{width:100%; vertical-align:bottom;}
.photo-scroll-list ul li .photo-card figure.sm-photo-after{border-left:1px solid #ddd;}
.photo-scroll-list ul li .photo-card figure figcaption{position:absolute; left:0; bottom:0; display:inline-block; padding:.8em 1em; text-align:center; font-size:.8rem; color:#333; background-color:rgba(255,255,255,0.8);}
/* sub bn */
.banner-section{height:360px; background-repeat:no-repeat; background-position:center; background-size:cover; box-sizing:border-box;}
.banner-section .wrap-type3{position:relative; height:100%;}
.banner-section .content-box{position:absolute; left:0; top:50%; transform:translateY(-50%);}
.banner-section .content-box strong{display:block; padding-bottom:.4em; color:#eee; font-size:1.55rem; font-weight:400;}
.banner-section .content-box strong:after{content:''; display:inline-block; width:190px; margin-left:15px; border-bottom:1px solid #fff;}
.banner-section .content-box h2{font-size:5rem; color:#fff5a0; line-height:1; margin-bottom:.5em; text-shadow:2px 2px 10px rgba(0,0,0,.25);}
.banner-section.dr.content-box h2{font-size:2.8rem; line-height:1.2;}
.banner-section.eyes-surgery{background-image:url('../../img/sub/eye-surgery/section-banner.jpg');}
.banner-section.nose-surgery{background-image:url('../../img/sub/nose-surgery/section-banner.jpg');}
.banner-section.anti-aging{background-image:url('../../img/sub/anti-aging/section-banner.jpg');}
.banner-section.fatty-implants1{background-image:url('../../img/sub/anti-aging/section-banner-fatty-implants1.jpg');}
.banner-section.facial-contouring{background-image:url('../../img/sub/facial-contouring/section-banner.jpg');}
.banner-section.body-contuoring{background-image:url('../../img/sub/body-contuoring/section-banner.jpg');}
/* sub list */
.icon-with-text-area ul:after{content:''; display:block; clear:both;}
.icon-with-text-area ul li{float:left; width:33.3333%; height:8rem; padding:1em; box-sizing:border-box;}
.icon-with-text-area ul li p{position:relative; padding-left:94px; font-size:18px; font-weight:400; line-height:1.6;}
.icon-with-text-area ul li p:after{content:''; position:absolute; top:4px; left:0; display:block; background-repeat:no-repeat; background-position:center; background-size:contain; width:64px; height:64px;}
.icon-with-text-area ul li.icon-pill p:after{background-image:url('../../img/sub/icon-pill.png');}
.icon-with-text-area ul li.icon-no-smoking p:after{background-image:url('../../img/sub/icon-no-smoking.png');}
.icon-with-text-area ul li.icon-meal p:after{background-image:url('../../img/sub/icon-meal.png');}
.icon-with-text-area ul li.icon-metal p:after{background-image:url('../../img/sub/icon-metal.png');}
.icon-with-text-area ul li.icon-dress p:after{background-image:url('../../img/sub/icon-dress.png');}
.icon-with-text-area ul li.icon-driving p:after{background-image:url('../../img/sub/icon-driving.png');}
.icon-with-text-area ul li.icon-cold p:after{background-image:url('../../img/sub/icon-cold.png');}
.icon-with-text-area ul li.icon-schedule p:after{background-image:url('../../img/sub/icon-schedule.png');}
.icon-with-text-area ul li.icon-sun p:after{background-image:url('../../img/sub/icon-sun.png');}
.icon-with-text-area ul li.icon-squid p:after{background-image:url('../../img/sub/icon-squid.png');}
.icon-with-text-area ul li.icon-teeth p:after{background-image:url('../../img/sub/icon-teeth.png');}
.icon-with-text-area ul li.icon-ointment p:after{background-image:url('../../img/sub/icon-ointment.png');}
.icon-with-text-area ul li.icon-ointment2 p:after{background-image:url('../../img/sub/icon-ointment2.png');}
.icon-with-text-area ul li.icon-water p:after{background-image:url('../../img/sub/icon-water.png');}
.icon-with-text-area ul li.icon-face p:after{background-image:url('../../img/sub/icon-face.png');}
.icon-with-text-area ul li.icon-pain p:after{background-image:url('../../img/sub/icon-pain.png');}
.icon-with-text-area ul li.icon-mask p:after{background-image:url('../../img/sub/icon-mask.png');}
.icon-with-text-area ul li.icon-find p:after{background-image:url('../../img/sub/icon-find.png');}
/* tab content box */
.tab-box-list .btn-tab-area :after{content:''; display:block; clear:both;}
.tab-box-list .btn-tab-area li{float:left;}
.tab-box-list .btn-tab-area li .btn-tab{transition:opacity .2s ease-in-out; display:block; width:100%; padding:1em 0; box-sizing:border-box; background-color:#666; color:#fff; font-size:20px; font-weight:400; text-align:center;}
.tab-box-list .btn-tab-area li .btn-tab:hover,
.tab-box-list .btn-tab-area li .btn-tab:focus,
.tab-box-list .btn-tab-area li .btn-tab:active{opacity:.8;}
.tab-box-list .tab-content-box{position:relative; background-color:#fff;}
.tab-box-list .tab-content-box li{padding:7em; display:none; box-sizing:border-box; font-size:18px;}
.tab-box-list .tab-content-box li:after{content:''; display:block; clear:both;}
.tab-box-list .tab-content-box li.is-active{display:block;}
.tab-box-list .tab-content-box li .figure{float:left; width:50%; box-sizing:border-box; padding-right:2em;}
.tab-box-list .tab-content-box li .figure img{display:block; max-width:100%;}
.tab-box-list .tab-content-box li .figcaption{float:left; width:50%;}
.tab-box-list .tab-content-box li .figcaption strong{display:block; font-size:2rem; font-weight:600; line-height:1; margin-bottom:1em; color:#333;}
.tab-box-list .tab-content-box li .figcaption p{font-size:20px; font-weight:400; line-height:1.6; color:#333;}
/* popup slider */
.popup-slider-area .popup-slide-inner{position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; display:block;}
.popup-slider-area .popup-slide-inner .popup-overlay{z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7);}
.popup-slider-area .popup-slide-inner .popup-slider{z-index:2; position:absolute; top:50%; left:50%; background-color:#fff; max-width:1000px; width:85%; height:auto; margin:0 auto; transform:translateY(-50%) translateX(-50%);}
.popup-slider-area .popup-slide-inner .slide-box{/*min-height:350px;*/ overflow:hidden;}
.popup-slider-area .popup-slide-inner.card-type .slide-box{padding:5em 5em 2em 5em; box-sizing:border-box;}
.popup-slider-area .popup-slide-inner.card-type .slide-box:after{content:''; display:block; clear:both;}
.popup-slider-area .popup-slide-inner.card-type .slide-box figure{float:left; width:48%;}
.popup-slider-area .popup-slide-inner.card-type .slide-box figure img{width:100%;}
.popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption{float:right; font-size:2rem; width:48%;}
.popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption strong{display:block; font-size:1.8rem; line-height:1; font-weight:700; padding:.5em 0 1em 0;}
.popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption p{font-size:1.1rem; line-height:1.6;}
.popup-slider-area .popup-slide-inner.qna-type .slide-box{padding:3em; box-sizing:border-box;}
.popup-slider-area .popup-slide-inner.qna-type .slide-box .question-area strong{position:relative; display: block; font-size: 1.8rem; font-weight: 500; padding-bottom: 1.4em; padding-left: 55px; border-bottom: 1px solid #111;}
.popup-slider-area .popup-slide-inner.qna-type .slide-box .question-area strong:after{position:absolute; top:-5px; left:0; content:'Q'; display:inline-block; font-size:2.7rem; font-weight:700; line-height:1;}
.popup-slider-area .popup-slide-inner.qna-type .slide-box .answer-area{padding:1.7em 0;}
.popup-slider-area .popup-slide-inner.qna-type .slide-box .answer-area p{position:relative; padding-left:55px; padding-right:15px; font-size:1.28rem; font-weight:400; line-height:1.6; color:#333;}
.popup-slider-area .popup-slide-inner.qna-type .slide-box .answer-area p:after{position:absolute; top:-5px; left:0; content:'A'; display:inline-block; font-size:2.7rem; font-weight:700; line-height:1;}
.popup-slider-area .slick-arrow{z-index:9999; position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:100%; overflow:hidden; text-indent:-9999em;opacity:.5; box-shadow:2px 2px 8px rgba(0,0,0,.5);}
.popup-slider-area .slick-arrow:hover{opacity:1;}
.popup-slider-area .slick-prev{left:-70px; background-image:url('../../img/sub/popup-btn-prev.png');}
.popup-slider-area .slick-next{right:-70px; background-image:url('../../img/sub/popup-btn-next.png');}
.popup-slider-area .btn-close{z-index:3; position:absolute; top:0; right:0; display:block; width:30px; height:30px; margin:1em; background:url('../../img/sub/popup-btn-close.png') no-repeat center; overflow:hidden; text-indent:-9999em;}
.popup-slider-area .slick-dots{display:block; text-align:center;}
.popup-slider-area .slick-dots li{display:inline-block;}
.popup-slider-area .slick-dots li.slick-active button{background-color:#bd9d6d;}
.popup-slider-area .slick-dots li button{width:15px; height:15px; margin:2em .5em; border-radius:50%; background-color:#b2b2b2; overflow:hidden; text-indent:-9999em;}
.popup-slider-area .slick-slide{height:auto;}
/* compare-box */
.compare-box:after{content:''; display:block; clear:both;}
.compare-box{position:relative; background-position:center; background-repeat:no-repeat;}
.compare-box:before{z-index:1; content:''; position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center;}
.compare-box > div{position:relative; width:40%; height:345px; background-position:center; background-repeat:no-repeat;}
.compare-box .left-box{float:left;}
.compare-box .right-box{float:right;}
.compare-box02:after{content:''; display:block; clear:both;}
.compare-box02{position:relative; background-position:center; background-repeat:no-repeat;}
.compare-box02:before{z-index:1; content:''; position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center;}
.compare-box02 > div{position:relative; width:40%; height:620px; background-position:center; background-repeat:no-repeat;}
.compare-box02 .left-box02{float:left;}
.compare-box02 .right-box02{float:right;}
.compare-box02 .text-area{position:absolute; top:80%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
.compare-box02 .text-area span{font-size:1.3rem; color:#fff; font-weight:400;line-height:1.6;}
.compare-box02 .text-area span.title-bord{font-size:2rem; color:#fff; font-weight:700;}
/* cont-box-area */
.cont-box-area{margin-top:6em;}
.cont-box-area .cont-title-area{text-align:center;}
.cont-box-area .cont-title-area .tit-num{display:block; width:60px; height:60px; margin:0 auto; line-height:60px; border-radius:50%; font-size:1.8rem; font-weight:700; color:#fff;}
.cont-box-area .cont-title-area .tit{display:block; font-size:2.2rem; font-weight:600; line-height:1.2; margin-top:.5em; margin-bottom:.8em;}
.cont-box-area .cont-title-area .text1{display:block; font-size:20px; font-weight:400; line-height:1.6; margin-bottom:1.6em; color:#333;}
.cont-box-area .cont-area .cont-header .figure-box{height:520px; background-repeat:no-repeat; background-size:cover;}
.cont-box-area .cont-area .cont-body{background-color:#fff; font-size:18px; padding:8em; box-sizing:border-box;}
.cont-box-area .cont-area .cont-body .cont-box{text-align:center; margin-bottom:5em;}
.cont-box-area .cont-area .cont-body .cont-box strong{display:block; font-size:2.2rem; line-height:1.2; margin-bottom:.7em;}
.cont-box-area .cont-area .cont-body .cont-box p{font-size:20px; font-weight:400; line-height:1.8; color:#666; margin-bottom:1.5em;}
.cont-box-area .cont-area .cont-body .cont-box figure img{display:inline-block; max-width:100%; }
.cont-box-area .cont-area .figure-box{background-color:#fff; text-align:center; height:520px; background-repeat:no-repeat; background-size:cover;}
/* section bg img and list */
.sub-section-bg{background-size:cover; background-repeat:no-repeat;}
.sub-sec-bg-title{width:50%;}
.sub-sec-bg-title .main-title{ margin-bottom:1em;}
.sub-sec-bg-title.half-box{margin-left:50%;}
.sub-sec-bg-title .main-title,
.sub-sec-bg-title .main-title span{font-size:4.25rem; vertical-align:top; line-height:1.2;}
.sub-sec-bg-list li{display:table; table-layout:fixed; width:100%; margin-bottom:1em; background-color:#f5f5f5;}
.sub-sec-bg-list li .num{display:table-cell; width:70px; height:100%; padding:25px; text-align:center; font-size:1.3rem; font-weight:400; color:#fff; box-sizing:border-box;}
.sub-sec-bg-list li p{display:table-cell; width:calc(100% - 70px); padding:25px; padding-left:1em; font-size:20px; font-weight:400; color:#333; box-sizing:border-box;}
/* icon-circle */
.icon-circle{margin-top:4em; background-position:center 20%; background-repeat:no-repeat;}
.icon-circle .img-area{position:relative; display:block; width:190px; height:190px; margin:0 auto; border:1px solid #ddd; border-radius:50%; box-sizing:border-box;}
.icon-circle .img-area span{position:absolute; bottom:2.5em; left:0; width:100%; text-align:center; font-size:1.25rem; font-weight:500; color:#333;}
.icon-circle strong{display:block; margin:0 auto; font-size:1.6rem; padding:.8em 0 1em 0;}
 /* image-info-box */
.image-info-box{ margin-bottom:5em;}
.image-info-box ul{display:flex;}
.image-info-box ul li{display:block; width:50%;}
.image-info-box ul li.img-area{background-color:#fff;}
.image-info-box ul li.info-area{vertical-align:top; box-sizing:border-box; padding:5em 2em 2em 2em;}
.image-info-box ul li.info-area figure img{max-width:100%; margin-bottom:5em;}
.image-info-box ul li.info-area .figcaption{font-size:1.1rem; line-height:1.6;}
.bgimage-info-box > ul{display:flex; height:90vh;}
.bgimage-info-box > ul > li{display:block; width:50%;}
.bgimage-info-box > ul > li.bg-img-area{background-size:cover; background-position:center; background-repeat:no-repeat;}
.bgimage-info-box > ul > li.text-area{display:flex; align-items: center;}
.bgimage-info-box > ul > li.text-area .line-circle-num{display:block; width:50px; height:50px; line-height:50px; font-weight:500; font-size:22px; text-align:center;}
.bgimage-info-box > ul > li.text-area .title{display:block; font-size:32px; font-weight:600; padding:.5em 0; line-height:1.4;}
.bgimage-info-box > ul > li.text-area .sub-title{display:block; font-size:24px; font-weight:700; padding-bottom:1em; line-height:1.2;}
.bgimage-info-box > ul > li.text-area p{font-size:18px; padding-bottom:2em; line-height:1.6; font-weight:400;}
.bgimage-info-box > ul > li.text-area > div{margin-left:20%; width:60%;}
.bgimage-info-box > ul > li.text-area .title .title-descrip{font-size:18px; display:block; margin-bottom:2.5em;}
.bgimage-info-box > ul > li .tag-item{font-size:1.1rem; margin-right:.5em;}
.bgimage-info-box.image-right > ul > li:nth-child(1){order:2;}
.bgimage-info-box.image-right > ul > li:nth-child(2){order:1;}
.bgimage-info-box-type2{text-align:center; height:355px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bgimage-info-box-type2 .wrap-type3{position:relative; height:100%;}
.bgimage-info-box-type2 .title-area{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
.bgimage-info-box-type2 .line-circle-num{display:inline-block; width:50px; height:50px; margin-bottom:1em; line-height:50px; border:1px solid #333; border-radius:50%; font-weight:500; font-size:20px; text-align:center;}
.bgimage-info-box-type2 .text1{line-height:1.4; width:60%; margin:0 auto; font-weight:400;}
.sub-sec-bg-list-type2{display:table; table-layout:fixed; width:100%;}
.sub-sec-bg-list-type2 .list-item{display:table-cell; width:13.3333%; padding-top:3em; padding-bottom:5em; border-right:1px solid #ddd; background-color:#fff; box-sizing:border-box; text-align:center; vertical-align:top;}
.sub-sec-bg-list-type2 .list-item:last-child{border-right:0;}
.sub-sec-bg-list-type2 .list-item .num{display:block; font-size:2rem; font-weight:600; padding-bottom:.7em;}
.sub-sec-bg-list-type2 .list-item .text{font-size:1.15rem; font-weight:400; line-height:1.4; color:#333;}
/* list-box */
.list-box{padding:4em; background-color:#f1f1f1; box-sizing:border-box;}
.list-box strong{display:block; font-size:2rem; font-weight:400; margin-bottom:1em;}
.list-box ul li{position:relative; display:block;}
.list-box ul li .num{position:absolute; top:0; left:0;  display:inline-block; width:30px; height:30px; line-height:30px; margin:.5em 0; border-radius:50%; color:#fff; font-size:20px; font-weight:400; text-align:center; background-color:#333; box-sizing:border-box; line-height:1.4;}
.list-box ul li .text{display:block; padding:.8em 1.2em; padding-left:45px; line-height:1.4; font-size:20px; color:#666; font-weight:400; font-style:italic;}
/* video-area */
.video-area{margin:3em 0;}
.video-area .title{display:block; padding:1em 0; font-size:20px; font-weight:400; line-height:1; text-align:center; color:#fff;}
.video-area .view-area{position:relative; padding-bottom:53.3%; padding-top:30px; height:0; overflow:hidden;}
.video-area .view-area .video{position:absolute; top:0; left:0; width:100%; height:100%;}
/*img-text-article*/
.img-text-article{padding:4em 0;}
.img-text-article.bg-color{background-color:#f8f8f8;}
.img-text-article strong{display:block; font-size:2.2rem; padding:1em 0;}
.img-text-article p{font-size:1.1rem; line-height:1.6; padding-bottom:2em; color:#333; width:90%;}
.img-text-article figure img{max-width:100%;}
/* icon-with-text-area2 */
.icon-with-text-area2{text-align:center; padding-top:2em;}
.icon-with-text-area2 > ul{display:flex; justify-content:space-around; flex-wrap:wrap;}
.icon-with-text-area2 .icon-box{position:relative; padding-left:80px; display:inline-block; margin:0 2em; box-sizing:border-box; margin-bottom:2em; vertical-align:top}
.icon-clock::before{content:""}
.icon-with-text-area2 .icon-box .icon-item{position:absolute; left:0; top:0; display:block; width:60px; height:60px; background-repeat:no-repeat; background-position:right center;}
.icon-with-text-area2 strong{font-size:20px; line-height:1; display:block; text-align:left; padding-bottom:.3em;}
.icon-with-text-area2 p{font-size:18px; font-weight:400; color:#333; text-align:left; letter-spacing:-1px;}
.icon-with-text-area2 .icon-box.icon-schedule .icon-item{background-image:url('../../img/sub/icon-schedule2.png'); background-size:auto 60px;}
.icon-with-text-area2 .icon-box.icon-schedule2 .icon-item{background-image:url('../../img/sub/icon-schedule3.png'); background-size:auto 60px;}
.icon-with-text-area2 .icon-box.icon-syringe .icon-item{background-image:url('../../img/sub/icon-syringe.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-eye .icon-item{background-image:url('../../img/sub/icon-eye.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-cut .icon-item{background-image:url('../../img/sub/icon-cut.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-clock .icon-item{background-image:url('../../img/sub/icon-clock.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-time .icon-item{background-image:url('../../img/sub/icon-time.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-admission .icon-item{background-image:url('../../img/sub/icon-admission.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-life .icon-item{background-image:url('../../img/sub/icon-life.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-building .icon-item{background-image:url('../../img/sub/icon-building.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-dress .icon-item{background-image:url('../../img/sub/icon-dress2.png'); background-size:60px auto;}
.icon-with-text-area2 .icon-box.icon-bandage .icon-item{background-image:url('../../img/sub/icon-bandage.png'); background-size:60px auto;}
/* step-card */
.step-card-area{text-align:center;}
.step-card-area .step-card-wrap:after{content:''; display:block; clear:both;}
.step-card-area .card-item {display:inline-block; width:23%; margin-right:2%; background:#fff; vertical-align:top;}
.step-card-area .card-item.w3bn{display:inline-block; width:31%; margin-right:2%; background:#fff; vertical-align:top;}
.step-card-area .card-item .figure{background-position:center; background-repeat:no-repeat; background-size:cover; margin:0px;}
.step-card-area .card-item .figcaption{min-height:10em; height:auto; padding:1em 2em; box-sizing:border-box; text-align:left;}
.step-card-area .card-item .figcaption .step-num{display:block; font-size:18px; font-weight:500; line-height:1; padding-bottom:1em;}
.step-card-area .card-item .figcaption p{font-size:18px; line-height:1.4; font-weight:400; color:#333;}
.step-card-wrap{width:1296px; margin:0 auto;}
/* half-columns */
.half-columns-layout{width:100%;}
.half-columns-layout .half-columns{ -webkit-display:flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; }
.half-columns-layout .half-columns:after{content:''; display:block; clear:both;}
.half-columns-layout .half-columns .col-item{display:block; width:50%;}
.half-columns-layout .half-columns .col-item:nth-child(1){order:1;}
.half-columns-layout .half-columns .col-item:nth-child(2){order:2;}
.half-columns-layout .half-columns .col-item:nth-child(3){order:4;}
.half-columns-layout .half-columns .col-item:nth-child(4){order:3;}
.half-columns-layout .half-columns .col-item:nth-child(5){order:5;}
.half-columns-layout .half-columns .col-item:nth-child(6){order:6;}
.half-columns-layout .half-columns .col-item:nth-child(7){order:8;}
.half-columns-layout .half-columns .col-item:nth-child(8){order:7;}
.half-columns-layout .half-columns .col-item:nth-child(9){order:9;}
.half-columns-layout .half-columns .col-item:nth-child(10){order:10;}
.half-columns-layout .half-columns .col-item.img-area{overflow:hidden;}
.half-columns-layout .half-columns .col-item figure img{width:100%}
.half-columns-layout .half-columns .col-item .half-slider{position:relative;}
.half-columns-layout .half-columns .half-box{position:relative; padding-left:90px; box-sizing:border-box; margin-left:10%; width:90%;}
.half-columns-layout .half-columns .half-box .half-num{position:absolute; left:0; top:50%; display:block; width:90px; height:90px; margin-top:-45px; line-height:90px; text-align:center; font-size:20px; border:1px solid #ddd; border-radius:50%; }
.half-columns-layout .half-columns .half-box p{padding-left:1em; box-sizing:border-box;}
.half-columns-layout .half-columns .half-box p span{display:block; font-size:1.8rem; font-weight:600;}
.half-columns-layout .half-columns .half-box p .top-text{padding-bottom:.5em;line-height:1.3;}
.half-columns-layout .half-columns .half-box p .sm-text{font-size:18px; color:#666; font-weight:600;}
.flex-layout{-webkit-display:flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center;}
.flex-layout .flex-layout-item{width:50%;}
.flex-layout .flex-layout-item:nth-child(1){order:1;}
.flex-layout .flex-layout-item:nth-child(2){order:2;}
.flex-layout.layout-right .flex-layout-item:nth-child(1){order:2;}
.flex-layout.layout-right .flex-layout-item:nth-child(2){order:1;}
.selfie-list-area{position:relative;}
.selfie-list-area:after{content:''; display:block; clear:both;}
.selfie-list-area .figure{float:left; width:50%; position:relative;}
.selfie-list-area .figure img{width:100%;}
.selfie-list-area .figcaption{position:absolute; top:0; left:0; width:66.6666%; height:33.3333%; box-sizing:border-box;}
.selfie-list-area .figcaption span{position:absolute; width:100%; top:50%; left:0; padding-left:30px; font-size:1.8rem; font-weight:600; line-height:1.4; color:#fff; transform:translateY(-50%); box-sizing:border-box;}
.list-check li{position:relative; padding-left:25px; box-sizing:border-box; line-height:1.4; font-size:18px;}
.list-check li:after{position:absolute; top:0; left:0; content:''; display:block; width:20px; height:20px; background:url('../../img/sub/icon-check.png') no-repeat center;}
.list-check.icon-white li:after{background:url('../../img/sub/icon-check-white.png') no-repeat center;}
.lg-slider-area{width:100%; height:800px;}
.container-tabs{background-color:#fff; padding:2em 0; text-align:center; font-size:18px; line-height:1; vertical-align:middle;}
.container-tabs .tab-item{display:inline-block; width:400px; height:120px; margin:0 1em; padding:2em; text-align:left; font-size:1.25em; font-weight:600; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover;}
.container-tabs .tab-item.is-active{border:4px solid #f9538b;}
.container-tabs .tab-item.bg-fatty-implants1{background-image:url('../../img/sub/anti-aging/bg-fatty-implants1.jpg');}
.container-tabs .tab-item.bg-fatty-implants2{background-image:url('../../img/sub/anti-aging/bg-fatty-implants2.jpg');}
.card-img-list-area .card-img-list-wrap{width:935px; margin:0 auto;}
.card-img-list-area .card-img-list-wrap .card-box-list{display:table; table-layout:fixed; width:100%; min-height:288px; position:relative; margin-bottom:2em; background-color:#f8f8f8;}
.card-img-list-area .card-img-list-wrap .card-box-list .figure{display:table-cell; width:280px; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.card-img-list-area .card-img-list-wrap .card-box-list .card-content{display:table-cell; width:calc(100% - 280px); padding:2em; box-sizing:border-box; vertical-align:top;}
.card-img-list-area .card-img-list-wrap .card-box-list .card-content strong{display:block; font-size:1.5rem; margin-bottom:1em;}
.card-img-list-area .card-img-list-wrap .card-box-list .card-content p{color:#666; font-size:18px; line-height:1.6;}
.card-img-list-area .card-img-list-wrap .card-box-list .card-content span{padding-top:1em; font-size:18px; display:block; vertical-align:middle; color:#666;}
.card-img-list-area .card-img-list-wrap .card-box-list .card-content span b{vertical-align:bottom; color:#333; font-weight:600;}
/* °³¹ßÆäÀÌÁö ºñ¼ö¼ú
------------------------------------------*/
/* sub title */
.section-title-area{text-align:center; line-height:1.4; padding:4em 0;}
.section-title-area .section-top-title{font-size:32px; line-height:1.6;}
.section-title-area .section-bottom-title{font-size:3.125rem;  display:block;}
/* notce board */
.notice-photo-list-area .notice-photo-list{display:flex; justify-content:flex-start; flex-wrap:wrap;}
.notice-photo-list-area .notice-photo-list li{margin-right:1%; width:24.25%; text-align:center; margin-bottom:4em;}
.notice-photo-list-area .notice-photo-list li:nth-of-type(4n){margin-right:0;}
.notice-photo-list-area .notice-photo-list li a{display:block;}
.notice-photo-list-area .notice-photo-list li a figure{position:relative; display:block; box-sizing:border-box;}
.notice-photo-list-area .notice-photo-list li a figure:after{transition:all .2s ease-in-out; content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:0px solid #bd9d6d; box-sizing:border-box;}
.notice-photo-list-area .notice-photo-list li a:hover figure:after{border-width:5px;}
.notice-photo-list-area .notice-photo-list li a figure .notice-photo-img{width:100%; box-sizing:border-box;}
.notice-photo-list-area .notice-photo-list li a .img-description{display:block; padding:.5em; box-sizing:border-box; height:4em;}
.notice-photo-list-area .notice-photo-list li a .img-description span{font-size:18px; line-height:1.4;}
/* notice view */
.notice-view-layout .notice-view-layout-header{border-top:5px solid #ddd; border-bottom:1px solid #ddd; padding:1.2em; line-height:1.6; font-size:20px;font-weight:normal;}
.notice-view-layout .notice-view-layout-header:after{content:''; display:block; clear:both;}
.notice-view-layout .notice-view-layout-header .notice-view-title{display:block; float:left; font-size:20px; font-weight:bold; line-height:1.6; }
.notice-view-layout .notice-view-layout-header .notice-view-date{display:block; float:right; font-size:16px; font-weight:normal; color:#aaa; letter-spacing:.5px; }
.notice-view-layout .notice-view-layout-body{border-bottom:1px solid #ddd; padding:5em 0;}
.notice-view-layout .notice-view-layout-body .notice-photo-view{line-height:1.8;}
.notice-view-layout .notice-view-layout-body .notice-photo-view .notice-photo{text-align:center; padding-bottom:4em; line-height:1.8;}
.notice-view-layout .notice-view-layout-body .notice-photo-view .notice-photo img{display:inline-block; max-width:100%;}
.notice-view-layout .notice-view-layout-footer{padding:3em 0 8em 0;}
/* notice list */
.notice-list-area .notice-list{margin-bottom:2em;}
.notice-list-area .notice-list li{position:relative; margin-bottom:2em;}
.notice-list-area .notice-list li a{display:block; border:1px solid #ddd;}
.notice-list-area .notice-list li a .hover-item{transition:all .2s ease-in-out; content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:0px solid #bd9d6d; box-sizing:border-box; display:block;}
.notice-list-area .notice-list li a .label{position:absolute; top:0; left:0;}
.notice-list-area .notice-list li a:after{content:''; display:block; clear:both;}
.notice-list-area .notice-list li a:hover .hover-item,
.notice-list-area .notice-list li a:focus .hover-item,
.notice-list-area .notice-list li a:active .hover-item{border-width:5px;}
.notice-list-area .notice-list .notice-list-img-area{float:left; width:330px;}
.notice-list-area .notice-list .notice-list-img-area img{width:100%; height:300px !important;}
.notice-list-area .notice-list .notice-list-caption{width:calc(100% - 330px); float:left; padding:3em 13em 1em 3em; box-sizing:border-box;}
.notice-list-area .notice-list .notice-list-caption .notice-list-title{display:block; font-size:2rem; font-weight:normal; padding-bottom:1.5em;}
.notice-list-area .notice-list .notice-list-caption .notice-list-description{font-size:20px; line-height:1.6; color:#666; word-break:break-all;}
.notice-list-area .notice-list .notice-list-caption .notice-list-date{position:absolute; top:50%; right:3em; text-align:center; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.notice-list-area .notice-list .notice-list-caption .notice-list-date .year{display:block; font-size:18px; line-height:1.6;}
.notice-list-area .notice-list .notice-list-caption .notice-list-date .year:after{content:''; display:inline-block; width:25px; height:1px; margin-left:3px; background-color:#333;}
.notice-list-area .notice-list .notice-list-caption .notice-list-date .day{font-size:1.6rem;}
/* card list */
.card-list-area .card-list:after{content:''; display:block; clear:both;}
.card-list-area .card-list li{position:relative; width:32.666%; margin-right:1%; margin-bottom:2%; float:left; border:1px solid #ddd; padding:4em 2em 5em 2em; box-sizing:border-box;}
.card-list-area .card-list li:nth-of-type(3n){margin-right:0;}
.card-list-area .card-list li a{display:block;}
.card-list-area .card-list li a .card-list-title-area{position:relative; margin-bottom:5em; overflow:hidden; padding-bottom:.5em;}
.card-list-area .card-list li a .card-list-title-area .list-type{position:relative; font-size:2.5rem; display:inline-block;}
.card-list-area .card-list li a .card-list-title-area .list-type:after{content:''; position:absolute; bottom:0; left:100%; width:500px; height:1px; margin-left:5px; background-color:#333; display:block;}
.card-list-area .card-list li a .card-list-title-area .list-date{position:absolute; bottom:15px; right:0; font-size:18px;}
.card-list-area .card-list li a .card-list-content .list-title{display:block; height:4em; margin-bottom:.5em; font-size:1.75rem; font-weight:normal; line-height:1.3;overflow:hidden;}
.card-list-area .card-list li a .card-list-content .list-description{font-size:18px; font-weight:normal; line-height:1.6; color:#666; height:4.5em; overflow:hidden;}
.card-list-area li a .icon-more{transition:all .3s ease-in-out; position:absolute; bottom:.5em; right:.5em; width:40px; height:40px; background-color:#999; border-radius:50%;}
.card-list-area li a .icon-more:before,
.card-list-area li a .icon-more:after{content:''; position:absolute; top:50%; left:50%; width:20px; height:2px; background-color:#fff; }
.card-list-area li a .icon-more:before{transform:translateX(-50%) translateY(-50%);}
.card-list-area li a .icon-more:after{transform:translateX(-50%) translateY(-50%) rotate(90deg);}
.card-list-area li a .label{z-index:11; position:absolute; top:0; left:0;}
.card-list-area li a .hover-item{transition:all .2s ease-in-out; position:absolute; top:0; left:0; width:100%; height:100%; border:0px solid #bd9d6d; box-sizing:border-box;}
.card-list-area li a:hover .hover-item,
.card-list-area li a:focus .hover-item,
.card-list-area li a:active .hover-item{border-width:5px;}
.card-list-area li a:hover .icon-more{transform:rotate(225deg);}
/* card list-type2 */
.card-list-area .card-list-type2:after{content:''; display:block; clear:both;}
.card-list-area .card-list-type2 li{position:relative; float:left; width:49%; margin-right:2%; padding:2em; margin-bottom:3.5%; background-color:#f3f3f3; box-sizing:border-box;}
.card-list-area .card-list-type2 li:nth-of-type(2n){margin-right:0;}
.card-list-area .card-list-type2 li a{display:block;}
.card-list-area .card-list-type2 li a .card-list-img-area{position:relative; float:left; width:200px; height:200px; box-shadow:0px 0px 30px rgba(0,0,0,.15); background-color:#fff; background-image:url('/resources/img/common/logo-small.png'); background-repeat:no-repeat; background-position:center 20%; }
.card-list-area .card-list-type2 li a .card-list-img-area .profile-box{position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:2em 0;}
.card-list-area .card-list-type2 li a .card-list-img-area .profile-box .department{display:block;font-size:20px; font-weight:700; padding:.6em 0; color:#d93a78; }
.card-list-area .card-list-type2 li a .card-list-img-area .profile-box .name{display:block; font-size:18px; color:#666;}
.card-list-area .card-list-type2 li a .card-list-content{float:left; width:calc(100% - 200px); padding-left:2em; box-sizing:border-box;}
.card-list-area .card-list-type2 li a .card-list-content .list-title{display:block; height:2.6em; overflow:hidden; font-size:1.4rem; line-height:1.3; margin:1em 0;}
.card-list-area .card-list-type2 li a .card-list-content .list-description{display:block; height:4.4em; font-size:1.1rem; line-height:1.5; overflow:hidden;}
/* pagenation */
.pagenation{text-align:center; margin:2em 0;}
.pagenation .page-prev,
.pagenation .page-next,
.pagenation a,
.pagenation span{display:inline-block; line-height:30px; vertical-align:middle;}
.pagenation .page-prev,
.pagenation .page-next{position:relative; width:30px; height:30px; text-indent:-9999em; border:1px solid #ddd; border-radius:50%; padding:0;}
.pagenation .page-prev:after,
.pagenation .page-next:after{content:''; position:absolute; top:10px; display:block; width:8px; height:8px; border:2px solid #aaa;}
.pagenation .page-prev:after{left:12px; border-top:0; border-right:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.pagenation .page-next:after{left:9px; border-bottom:0; border-left:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.pagenation a,
.pagenation span{padding:0 .3em; margin:0 .4em; font-weight:700; color:#666; border-bottom:2px solid #fff; font-size:1.250rem;}
.pagenation a:hover,
.pagenation span{border-bottom:2px solid #93764a; color:#93764a;}
.pagenation .page-prev:hover,
.pagenation .page-next:hover{border-bottom:1px solid #ddd; background-color:#ddd;}
.pagenation .page-prev:hover:after,
.pagenation .page-next:hover:after{border-color:#fff;}
/*search-box*/
.search-area{text-align:center; margin:2em 0 5em 0;}
.input-search{position:relative; display:inline-block; margin:0; width:520px;}
.input-search input{transition:all .2s ease-in-out; border:1px solid #ddd; padding:.7em 3em .7em 1em; width:400px; font-size:18px; box-sizing:border-box;}
.input-search .select{width:120px; float:left;}
.input-search .select select{padding:.65em 1em .6em 1em; font-size:18px;border-right:0; box-sizing:border-box;}
.input-search .btn-search{position:absolute; top:50%; right:1em; margin-top:-12.5px; text-indent:-9999em; overflow:hidden; width:25px; height:25px; background-image:url('/resources/img/common/btn-search-black.png'); background-size:cover;}
.input-search input:hover,
.input-search input:focus,
.input-search input:active{border-color:#93764a;}
/*tab*/
.tab-notice{margin-bottom:4em; text-align:center;}
.tab-notice .tab{position:relative; display:inline-block; color:#aaa; font-size:32px; font-weight:700; margin:0 .5em;}
.tab-notice .tab:hover,
.tab-notice .tab:focus,
.tab-notice .tab:active,
.tab-notice .tab.is-active{color:#93764a;}
.tab-notice .tab:hover:after,
.tab-notice .tab:focus:after,
.tab-notice .tab:active:after,
.tab-notice .tab.is-active:after{content:''; position:absolute; left:0; bottom:-10px; height:3px; width:100%; background-color:#93764a;}
/*login area*/
.login-area{width:360px; margin:0 auto 8em auto;}
.login-area .login-field{margin-bottom:1em;}
.login-area .login-field .field{margin-bottom:1em;}
.login-area .login-field .input input{height:54px;}
.login-area .btn-login{background-color:#bd9d6d;}
.login-area .btn-login:after{background:url('/resources/img/common/icon-logo.png') no-repeat center;}
.login-area .btn-login:hover,
.login-area .btn-login:focus,
.login-area .btn-login:active{background-color:#b08b57;}
.login-area .btn-naver{position:relative; width:100%; padding-left:4em; margin-bottom:.5em; background-color:#1dc800; color:#fff;font-weight:700;}
.login-area .btn-naver:after{background:url('/resources/img/common/icon-logo-naver.png') no-repeat center;}
.login-area .btn-naver:hover,
.login-area .btn-naver:focus,
.login-area .btn-naver:active{background-color:#1aa502;}
.login-area .btn-kakao{position:relative; width:100%; padding-left:4em; background-color:#fae100; color:#333;font-weight:700;}
.login-area .btn-kakao:after{background:url('/resources/img/common/icon-logo-kakao.png') no-repeat center;}
.login-area .btn-kakao:hover,
.login-area .btn-kakao:focus,
.login-area .btn-kakao:active{background-color:#ffd800;}
.login-area .service-area{margin:2em 0;}
.login-area .service-area:after{content:''; display:block; clear:both;}
.login-area .service-area .btn-join{float:left; font-weight:700; color:#555;}
.login-area .service-area .btn-join .icon-join{position:relative; top:4px; opacity:.7; display:inline-block; width:23px; height:24px; margin-right:5px; background:url('/resources/img/common/icon-join.png') no-repeat center;}
.login-area .service-area .btn-find{float:right; font-weight:700; color:#555;}
.login-area .service-area .btn-find .icon-find{position:relative; top:4px; opacity:.7; display:inline-block; width:21px; height:26px; margin-right:5px; background:url('/resources/img/common/icon-find.png') no-repeat center;}
/*find account*/
.find-account-area{padding-top:5em; padding-bottom:12em;}
.find-form-box{width:360px; margin:0 auto;}
.find-form-box .title{font-size:1.6rem; margin-bottom:.5em;}
.find-form-box .title-description{font-size:18px; margin-bottom:1em; color:#666; line-height:1.4; letter-spacing:-1px;}
.find-form-box .field{margin-bottom:1em;}
.find-form-box .btn{width:100%; font-size:18px;}
/* Join progress */
.step-progress{margin-bottom:4em;}
.step-progress:after{content:''; display:block; clear:both;}
.step-progress .step-box{float:left; width:32.333%; margin-right:1%; background-color:#eee; text-align:center; padding:1.2em 0; border-bottom:3px solid #fff;}
.step-progress .step-box.is-active{border-color:#93764a;}
.step-progress .step-box:nth-child(3){margin-right:0;}
.step-progress .step-box .step-num{color:#93764a; font-size:1.5rem; font-weight:700; display:block; padding-bottom:.5em;}
.step-progress .step-box .step-title{font-size:1.125rem;}
/* join Agree box */
.join-agree-box{margin-bottom:10em;}
.agree-box-area{margin-bottom:4em;}
.agree-box-area .agree-text-box{border:1px solid #ddd; height:400px; padding:5em; margin-bottom:1em; overflow-y:scroll; box-sizing:border-box;}
.agree-box-area .agree-text-box h4{font-size:1.5rem; padding-bottom:1em;}
.agree-box-area .agree-text-box .agree-content{line-height:1.4; color:#666;}
/* Join2 form */
.member-form{margin-bottom:6em;}
.member-form .table-layout{margin-top:5em; margin-bottom:2em;}
.member-form .table-layout .form-minheight {margin:.4em 0em;}
.member-form .table-layout .form-check.radio{margin:.5em;}
.member-form .table-layout .agree-email{display:inline-block; margin-left:.5em; padding:.2em 0;}
.member-form .table-layout .agree-email .agree-email-label{display:inline;}
.member-form .table-layout .field-inputs{margin-bottom:.5em;}
/*join-area join3*/
.success-join-box{text-align:center; margin-top:8em; margin-bottom:10em;}
.success-join-box figure{display:block; width:119px; margin:0 auto;}
.success-join-box figure img{width:100%;}
.success-join-box h3{font-size:2rem; margin:1.5em 0; color:#333;}
.success-join-box p{font-size:20px; line-height:1.6;}
.success-join-box .btn-area{margin-top:3em;}
/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.privacy-area .privacy-box{padding:3em; box-sizing:border-box; border:1px solid #ddd; border-top-width:4px;}
.privacy-area .privacy-box h3{font-size:2rem; margin-bottom:1em;}
.privacy-area .privacy-box pre{line-height:1.8; color:#666;}
/* leave */
.leave-field{padding:.5em 0;}
/* ¸¶ÀÌÆäÀÌÁö */
.content-null{text-align:center; padding:7em 0;}
.content-null img{display:inline-block; margin-bottom:1.8em;}
.content-null p{font-size:20px; font-weight:400;}
/* ¸®¾ó½ºÅ丮 */
.real-story-area .visual-area{position:relative; margin-bottom:5em; width:100%; height:350px; background:url('../../img/sub/surgery-story/diary-banner.jpg') no-repeat center; background-size:cover;}
.real-story-area .visual-area .visual-text{position:absolute; bottom:0; right:0; text-align:right; padding:2em;}
.real-story-area .visual-area .visual-text strong{display:block; line-height:1.3; font-size:2rem; padding-bottom:.5em; font-weight:300;}
.real-story-area .visual-area .visual-text span{font-size:18px; font-weight:300; letter-spacing:2px;}
.sugery-diary-list{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.sugery-diary-list li{width:24.25%; margin-right:1%; margin-bottom:1%;}
.sugery-diary-list li:nth-child(4n){margin-right:0;}
.sugery-diary-list li figure{display:block;}
.sugery-diary-list li figure img{width:100%;}
.sugery-diary-list li figure figcaption{padding:1em 0;}
.sugery-diary-list li figure figcaption p{padding-top:1em; height:3.6em; line-height:1.4; font-size:18px;}
/* ¼ö¼úÀüÈÄ »çÁø */
.top-tabs-area{text-align:center; margin-bottom:2em;}
.top-tabs-area .top-tabs{display:inline-block;}
.top-tabs-area .top-tabs:after{content:''; display:block; clear:both;}
.top-tabs-area .top-tabs .top-tab{float:left; width:60px; height:60px; background-color:#ccc; font-size:18px; color:#fff; background-position:center; background-repeat:no-repeat; border:1px solid #fff;}
.top-tabs-area .top-tabs .top-tab.tab-male{background-image:url('../../img/sub/icon-male.png'); text-indent:-9999em; overflow:hidden; background-size:24px;}
.top-tabs-area .top-tabs .top-tab.tab-female{background-image:url('../../img/sub/icon-female.png'); text-indent:-9999em; overflow:hidden; background-size:21px;}
.top-tabs-area .top-tabs .top-tab.is-active,
.top-tabs-area .top-tabs .top-tab:hover{background-color:#333;}
.top-tabs-area .top-tabs .top-tab.tab-male.is-active,
.top-tabs-area .top-tabs .top-tab.tab-male:hover{background-color:#1d50a2;}
.top-tabs-area .top-tabs .top-tab.tab-female.is-active,
.top-tabs-area .top-tabs .top-tab.tab-female:hover{background-color:#e54490;}
.photo-slider-box{text-align:center;}
.photo-slider-box .photo-tag{font-size:20px; line-height:1; vertical-align:middle; height:25px;}
.photo-slider-box .photo-tag a{font-size:20px; line-height:1; vertical-align:middle;}
.photo-slider-box .photo-tag a:hover{color:#b08b57; text-decoration:underline;}
.photo-slider-box .photo-type{display:inline-block; margin:30px auto; height:41px; border-radius:2em; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
.photo-slider-box .photo-type button{padding:.7em 1em; text-align:center; font-size:18px;}
.photo-slider-box .photo-type button:hover,
.photo-slider-box .photo-type button.is-active{color:#b08b57;; font-weight:700;}
.photo-slider-box .photo-type .no-datas{padding:.7em 2em;}
.photo-slider-box .photo-slider-area{position:relative;background-color:#f5f5f5; padding:4em 0;}
.photo-slider-box .photo-slider-area .photo-item-area{ width:80%; margin:0 auto; }
.photo-slider-box .photo-slider-area .photo-item-area .photo-item{display:none;}
.photo-slider-box .photo-slider-area .photo-item-area .photo-item.is-active{display:block;}
.photo-slider-box .photo-slider-area .photo-item-area .photo-item:after{content:''; display:block; clear:both;}
.photo-slider-box .photo-slider-area .photo-item-area .photo-item .photo-before{float:left; width:50%; position:relative;}
.photo-slider-box .photo-slider-area .photo-item-area .photo-item .photo-after{float:left; width:50%;}
.photo-slider-box .photo-slider-area .photo-item-area .photo-item figure{position:relative;}
.photo-slider-box .photo-slider-area .photo-item-area .photo-item figure img{width:100%;}
.photo-slider-box .photo-slider-area .photo-item-area .photo-item figure figcaption{position:absolute; bottom:0; left:0; padding:1em; background-color:rgba(225,225,225,0.8); color:#333; font-size:18px; font-weight:400;}
.photo-slider-box .photo-slider-area .slick-arrow{z-index:20; transition:all .3s ease-in-out; position:absolute; top:50%; width:70px; height:70px; background-color:#ddd; margin-top:-35px; background-repeat:no-repeat; background-position:center; text-indent:-9999em; overflow:hidden;}
.photo-slider-box .photo-slider-area .slick-arrow:hover{background-color:#aaa;}
.photo-slider-box .photo-slider-area .slick-prev{left:0; background-image:url('/resources/img/common/lg-arrow-prev.png');}
.photo-slider-box .photo-slider-area .slick-next{right:0; background-image:url('/resources/img/common/lg-arrow-next.png');}
.photo-slider-box .photo-slider-area .login-box{z-index:10; position:absolute; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.85)}
.photo-slider-box .photo-slider-area .login-box .box-content{position:absolute; top:50%; left:50%; width:80%; transform:translateX(-50%) translateY(-50%);}
.photo-slider-box .photo-slider-area .login-box p{color:#fff; font-size:1.4rem;}
.photo-slider-box .photo-slider-area .login-box p b{font-size:1.4rem; color:#fff; line-height:1.8;}
.photo-slider-box .photo-slider-area .login-box .btn-login{transition:all .3s ease-in-out; margin:2em 0; display:inline-block; padding:1em 5.5em; color:#fff;}
.photo-slider-box .photo-slider-area .login-box .btn-login:hover{background-color:#93764a;}
.photo-slider-box .photo-slider-area .login-box .warning{position:absolute; left:0; bottom:2em; width:100%; text-align:center; font-size:1.15rem; font-weight:400; color:#fff;}
.photo-slider-box .photo-slider-pager{padding:4em 0; background-color:#fff;}
.photo-slider-box .photo-slider-pager:after{content:''; display:block; clear:both;}
.photo-slider-box .photo-slider-pager li{float:left; width:31.3333%; margin-right:3%; cursor:pointer;}
.photo-slider-box .photo-slider-pager li:nth-child(3){margin-right:0;}
.photo-slider-box .pagers{position:relative; border:2px solid #fff;}
.photo-slider-box .pagers.is-active{border-color:#bd9d6d;}
.photo-slider-box .pagers:after{content:''; display:block; clear:both;}
.photo-slider-box .pagers .login-info{z-index:10; position:absolute; top:0; left:0; width:50%; height:100%; background-color:rgba(0,0,0,0.87);}
.photo-slider-box .pagers .login-info p{position:absolute; top:50%; left:50%; color:#fff; font-size:18px; display:inline-block; width:80%; box-sizing:border-box; transform:translate(-50%,-50%);  line-height:1.8;}
.photo-slider-box .pagers .login-info p b{display:block; line-height:1.8;}
.photo-slider-box .pagers .sm-photo-before{position:relative; float:left; width:50%; border:1px solid #ddd; border-right:0; box-sizing:border-box;}
.photo-slider-box .pagers .sm-photo-before:after{content:''; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#ddd;}
.photo-slider-box .pagers .sm-photo-after{position:relative; float:left; width:50%; border:1px solid #ddd; border-left:0; box-sizing:border-box;}
.photo-slider-box .pagers figcaption{position:static; bottom:0; left:0; width:100%; padding:1em .5em; font-size:16px; color:#333; background-color:rgba(255,255,255,.85); box-sizing:border-box;}
.photo-slider-box .pagers .sm-photo-after img,
.photo-slider-box .pagers .sm-photo-before img{display:block; width:100%;}
.photo-slider-box .sm-photo-category{padding:1em 0; font-size:18px; text-align:center;}
/* ¼ö¼úÈıâ */
.postoperative .tab-select{display:none; margin-bottom:2em;}
.postoperative .tab-select select{font-size:18px; font-weight:500; color:#b08b57; padding:.5em .8em;}
/* °Ô½ÃÆÇ ºä¾î */
.content-container{padding-bottom:8em;}
.content-container .btn-area{margin:1em 0;}
/* ¿Â¶óÀο¹¾à */
.online-reservation .info-text ol li{padding:.4em 0; font-size:18px;}
.online-reservation .info-text .tel{display:block; padding:.8em; padding-left:45px; font-size:1.5rem; color:#b08b57; background:url('../../img/sub/icon-tel.png') no-repeat left center;}
.online-reservation .datepicker-area .input-datepicker{background:url('/resources/img/common/icon-date.png') no-repeat 95% center;}
/* Ä«Ä«¿À»ó´ã */
.kakao-consult-layout{margin:1em 0 2em 0;}
.kakao-consult-layout .wrap{display:table;}
.kakao-consult-layout .table-area{display:table-cell; width:50%; padding:2em; background-color:#f6f6f6; box-sizing:border-box;}
.kakao-consult-layout .table-area table{width:100%;}
.kakao-consult-layout .table-area table .col-first{width:28%;}
.kakao-consult-layout .table-area table tr th,
.kakao-consult-layout .table-area table tr td{padding:1em;}
.kakao-consult-layout .table-area table tr th{text-align:left;}
.kakao-consult-layout .table-area table select,
.kakao-consult-layout .table-area table input{background-color:#fff;}
.kakao-consult-layout .img-area{display:table-cell; width:50%; background:url('../../img/sub/kakao-consult/kakao-consult-img.jpg') no-repeat center; background-size:cover;}
.kakao-consult .m-img-area{display:none; background:url('../../img/sub/kakao-consult/kakao-consult-img.jpg') no-repeat center; background-size:cover;}
.icon-input-box{display:inline-block; }
.icon-input-box input[type=checkbox]{width:0px; height:0px;}
.icon-input-box span{display:inline-block; border:1px solid #ddd; padding:.5em .6em; margin:.1em; background-color:#fff; cursor:pointer; font-size:18px; font-weight:normal; box-sizing:border-box;}
.icon-input-box input[type=checkbox]:checked + span{border:3px solid #b08b57; color:#d93a78; font-weight:500;}
/*popup login*/
.popup-login-area{z-index:9999; display:none; position:fixed; top:0; left:0; width:100%; height:100%;}
.popup-login-area .popup-login-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
.popup-login-area .popup-login{position:absolute; top:50%; left:50%; display:inline-block;background-color:#fff; padding:5em 6em 3em 6em; transform:translateX(-50%) translateY(-50%);}
.popup-login-area .popup-login .title{text-align:center; padding-bottom:5em;}
.popup-login-area .popup-login .title span{display:block; font-size:1.6rem; font-weight:700; line-height:1.6;}
.popup-login-area .popup-login .title strong{display:block; font-size:2.5rem;}
.popup-login-area .popup-login .btn.btn-left-line:after{width:45px; height:45px;}
.popup-login-area .popup-login .login-area .login-field{margin-bottom:1em;}
.popup-login-area .popup-login .btn-close-popup-login{transition:all .2s ease-in-out; position:absolute; top:0; right:0; width:50px; height:50px; text-indent:-9999em; overflow:hidden; transform:rotate(-45deg);}
.popup-login-area .popup-login .btn-close-popup-login:before{position:absolute; top:50%; left:50%; content:''; display:block; width:30px; height:1px; margin-top:-.5px; margin-left:-15px; background-color:#333;}
.popup-login-area .popup-login .btn-close-popup-login:after{position:absolute; top:50%; left:50%; content:''; display:block; width:1px; height:30px; margin-top:-15px; margin-left:-.5px; background-color:#333;}
.popup-login-area .popup-login .btn-close-popup-login:hover{transform:rotate(-225deg)}
.popup-login-area .login-area{margin-bottom:0;}
.popup-login-area .login-area .btn.btn-left-line,
.popup-login-area .login-area .login-field .input input{height:45px;}
.link-box-item{text-align:center;}
.link-box-item .link-item{position:relative; display:inline-block; background-color:#fff; margin:0 1em;}
.link-box-item .link-item a{transition:all .3s ease-in-out; display:block; width:100%; height:100%; box-sizing:border-box; border:4px solid #fff;}
.link-box-item .link-item a img{max-width:100%;}
.link-box-item .link-item a:hover{border:4px solid #fc6c9e;}
.link-box-item .link-item a p{font-size:32px; font-weight:600; position:absolute; top:50%; right:10%; text-align:right; box-sizing:border-box; transform:translateY(-50%);}
.sub-section .section-page-num{position:absolute; bottom:30px; left:3%;}
.sub-section.card-scroll-section{overflow:hidden;}
/* ABOUT US */
.about-us .sub-section{position:relative;}
.about-us .sub-visual .wrap-type3{position:relative; height:100%;}
.about-us .main-title-deco{position:relative; display:inline-block; font-size:2.25rem; font-weight:bold; margin-bottom:2em;}
.about-us .main-title-deco:before{content:''; position:absolute; top:60%; left:-75px; display:block; width:60px; height:1px; background-color:#aaa;}
.about-us .main-title-deco:after{content:''; position:absolute; top:60%; right:-75px; display:block; width:60px; height:1px; background-color:#aaa;}
.about-us .sub-text-box .main-title{margin-bottom:.2em;}
.about-us .sub-section.sec2{position:relative;}
.about-us .sub-section.sec2 .box-layout{display:flex; justify-content:center; flex-wrap:wrap;}
.about-us .sub-section.sec2 .text-area{width:50%; background-color:#bd9d6d;}
.about-us .sub-section.sec2 .text-area .text-inn-box{padding:5em 0; padding-left:10%; padding-right:10%; box-sizing:border-box;}
.about-us .sub-section.sec2 .text-area .text-inn-box h3{display:block; padding-bottom:1em; font-size:2.75rem;}
.about-us .sub-section.sec2 .text-area .text-inn-box strong{font-size:5.875rem; display:block; padding-bottom:.2em;}
.about-us .sub-section.sec2 .text-area .text-inn-box .text{font-size:18px; line-height:1.8;}
.about-us .sub-section.sec2 .text-area .text-inn-box .name{display:inline-block; padding:2em 0 1em 0; color:#fff; font-size:18px;}
.about-us .sub-section.sec2 .text-area .text-inn-box .name span{display:inline-block; font-size:1.625em; color:#fff; vertical-align:bottom;}
.about-us .sub-section.sec4{position:relative; height:100vh; box-sizing:border-box; padding:0;}
.about-us .sub-section.sec4 .box-layout{display:flex; justify-content:center; flex-wrap:wrap; height:100%;}
.about-us .sub-section.sec4 .box-layout .text-area{position:relative; width:50%; height:100%; display:flex; justify-content:center;  padding-top:10%; box-sizing:border-box;}
.about-us .sub-section.sec4 .box-layout .image-area{width:50%;}
.about-us .slides-area{position:relative; height:100%;}
.about-us .slides-area .img-slide{height:100%;}
.about-us .slides-area li{background-position:center; background-repeat:no-repeat; background-size:cover; height:100%;}
.about-us .slide-nav{display:flex; justify-content:space-between; width:640px; padding-bottom:.4em;border-bottom:1px solid #ddd;}
.about-us .slide-nav > li{display:block; width:16.6666%;}
.about-us .slide-nav > li button{display:block; width:64px; height:64px; margin:0 auto; line-height:65px; text-align:center; border-radius:50%; font-size:2.25rem; color:#666;}
.about-us .slide-nav > li button.is-active{background-color:#bd9d6d; color:#fff;}
.about-us .slide-titles{font-size:7.5rem; font-weight:normal; color:#333; display:block; padding:.7em 0;}
.about-us .slide-text{font-size:2.5rem; color:#666; line-height:1.4;}
.about-us .color-yellow{color:#fffb86;}
.history-box{position:relative;display:flex; justify-content:center; padding-bottom:70px;}
.history-box:before{content:''; position:absolute; top:0; left:50%; width:1px; height:100%; margin-left:-.5px; background-color:#333;}
.history-box:after{content:''; position:absolute; top:0; left:50%; display:block; width:15px; height:15px; margin-top:-7.5px; margin-left:-7.5px;  border:3px solid #bd9d6d; border-radius:50%; box-sizing:border-box; background-color:#fff;}
.history-box .history-item{width:50%; box-sizing:border-box;}
.history-box .history-item.text-area{position:relative; text-align:right;}
.history-box .history-item.text-area .years,
.history-box .history-item.text-area .history-list .list-item{padding-right:80px;}
.history-box .history-item.image-area{padding-left:80px; text-align:left;}
.history-box .history-item .years{font-size:2.5rem; padding-bottom:.8em;}
.history-box .history-item .history-list .list-item{position:relative; padding-bottom:1.5em;}
.history-box .history-item .history-list .list-item:after{content:''; position:absolute; top:0em; right:0; width:20px; height:1px; margin-top:1em; background-color:#333;}
.history-box .history-item .history-list .list-item .text{font-size:1.125rem; line-height:1.6;}
.history-box .history-item .history-list .list-item .btn-more{transition:all .3s ease-in-out; display:inline-block; border:1px solid #aaa; padding:.5em 1em; margin-top:.5em; font-size:18px;}
.history-box .history-item .history-list .list-item .btn-more:hover{background-color:#bd9d6d; color:#fff;}
.history-box.image-left .history-item.text-area{order:2;}
.history-box.image-left .history-item.text-area{text-align:left;}
.history-box.image-left .history-item.text-area .years,
.history-box.image-left .history-item.text-area .history-list .list-item{padding-right:0; padding-left:80px;}
.history-box.image-left .history-item .history-list .list-item:after{right:auto; left:0;}
.history-box.image-left .history-item.image-area{order:1;}
.history-box.image-left .history-item.image-area{padding-left:0; padding-right:80px; text-align:right;}
.about-us.philosophy .sub-visual1{background-image:url('../../img/sub/about-us/philosophy/sub-visual.jpg');}
.about-us.philosophy .sub-visual2{background-image:url('../../img/sub/about-us/philosophy/sub-visual2.jpg');}
.about-us.philosophy .sub-visual2 .text-box .text1{font-size:1.50rem;}
.about-us .card-list-area3 .col-item{padding:2em; box-sizing:border-box;}
.about-us .card-list-area3 .text-area{padding-top:2em;}
.about-us .card-list-area3 .text-area .title{color:#333; font-size:2.3rem; margin-bottom:.5em;}
.about-us .card-list-area3 .text-area .sub-title{display:block; font-size:1.375rem; font-weight:normal; line-height:1.2; margin-bottom:.5em; color:#333;}
.about-us .card-list-area3 .text-area .text{display:block; font-size:18px; line-height:1.4; color:#666;}
.about-us.dr .sub-visual{background:none;}
.about-us.dr .sub-visual .sub-bg{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about-us.dr .sub-visual.sub-visual4{position:relative; overflow:hidden;}
.about-us.dr .sub-visual.sub-visual4 .sub-text-box .main-title,
.about-us.dr .sub-visual.sub-visual5 .sub-text-box .main-title{color:#fff5a0 !important;}
.about-us.dr .sub-visual.sub-visual4 .figure{margin-bottom:4em;}
.about-us.dr .sub-visual.sub-visual4 .sub-text-box{position:relative; z-index:2;}
.popup-history-area{z-index:9999; position:fixed; top:0; left:0; display:none; width:100%; height:100vh; background-color:rgba(0,0,0,0.5);}
.popup-history-area .popup-inn{z-index:9999; position:absolute; top:10vh; left:50%; height:80vh; box-sizing:border-box; max-width:1000px; width:100%; transform:translateX(-50%); background-color:#fff;}
.popup-history-area .popup-top{height:4em;}
.popup-history-area .btn-close{position:absolute; top:1em; right:1em; width:25px; height:25px; text-indent:-9999em; overflow:hidden; background:url('/resources/img/common/btn-close.png') no-repeat center; background-size:100%;}
.popup-history-area .popup-history{height:calc(100% - 4em); padding-left:4em; padding-right:4em; padding-bottom:4em; box-sizing:border-box;}
.popup-history-area .popup-history .slick-dots{text-align:center;}
.popup-history-area .popup-history .slick-dots > li{display:inline-block; margin:1em .5em;}
.popup-history-area .popup-history .slick-dots > li button{display:block;width:15px; height:15px; border-radius:50%; background-color:#b2b2b2; text-indent:-9999em; overflow:hidden;}
.popup-history-area .popup-history .slick-dots > li.slick-active button{background-color:#bd9d6d;}
.popup-history-area .popup-history .popup-container{}
.popup-history-area .popup-history .popup-container .title-area .year{padding:.5em 1em; display:inline-block; font-size:1.25rem; line-height:1;}
.popup-history-area .popup-history .popup-container .title-area .title{display:block; font-size:1.625rem; line-height:1.4; margin-bottom:.5em;}
.popup-history-area .popup-history .popup-container .content-area p{font-size:18px; line-height:1.6; color:#666;}
.link-boxs .text{position:relative; font-size:1.25rem; line-height:1.4;}
.link-boxs .text:after{content:''; position:absolute; bottom:-50px; left:50%; display:block; width:42px; height:21px; margin-left:-21px; background:url('../../img/sub/arrow-white-down.png') no-repeat center;}
.hover-product-box:after{content:''; display:block; clear:both;}
.hover-product-box{border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;}
.hover-product-box > li{position:relative; width:33.3333%; float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
.hover-product-box > li:hover .hover-box{transition:all .3s ease-in-out; display:block;}
.hover-product-box > li .hover-box{transition:all .3s ease-in-out; z-index:1; position:absolute; top:0; left:0; display:none; width:100%; height:100%; padding:2em; box-sizing:border-box; background-color:rgba(0,0,0,0.5);}
.hover-product-box > li .hover-box strong{font-size:32px; line-height:1.2; display:block; margin-bottom:.8em; color:#fff;}
.hover-product-box > li .hover-box p{font-size:16px; line-height:1.4; color:#fff; margin-bottom:1em;}
.hover-product-box > li .hover-box ul li{position:relative; font-size:16px; line-height:1.4; color:#fff; margin-bottom:1em; color:#fff; padding-left:10px; box-sizing:border-box;}
.hover-product-box > li .hover-box ul li:after{content:'-'; position:absolute; top:0px; left:0; display:block; width:20px; height:1px; color:#fff; font-size:16px; line-height:1.4;}
.hover-product-box > li .figure{position:relative;}
.hover-product-box > li .figure .figcaption{position:absolute; bottom:2em; left:2em;}
.hover-product-box > li .figure .figcaption .sm-text{display:block; font-size:18px; line-height:1.2; margin-bottom:.5em;}
.hover-product-box > li .figure .figcaption .text{display:block; font-size:18px; line-height:1.2;}
.icon-layout-list {display:flex; justify-content:space-between; flex-wrap:wrap;}
.icon-layout-list .icon-box-item{display:flex; justify-content:center; align-items:center; width:25%; height:300px;}
.icon-layout-list .icon-box-item.card-color-type1{background-color:rgba(116,49,31,.3);}
.icon-layout-list .icon-box-item.card-color-type2{background-color:rgba(32,46,80,.3);}
.icon-layout-list .icon-box-item.card-color-type3{background-color:rgba(197,113,67,.3);}
.icon-layout-list .icon-box-item.logo-box-item{width:50%; background-color:#231815;}
.icon-layout-list .cont-area strong{display:block; color:#fff; font-size:32px; padding:.8em 0; line-height:1.2;}
.icon-layout-list .cont-area p{color:#fff; font-size:18px; opacity:.6; line-height:1.4;}
/* Medical */
.about-us.medical .sub-visual{background-image:url('../../img/sub-visual.jpg');}
.about-us.medical .sub-visual .sub-text-box .top-text{font-size: 2.1rem; padding-bottom: 20px; line-height: 1.1; color: #6b285e;}
.about-us.medical .sub-visual .sub-text-box .main-title{color:#6b285e;}
.about-us.medical .sub-visual .sub-text-box .sub-title{text-shadow: 2px 2px 10px rgba(0,0,0,.1);}
.about-us.medical .sub-visual .sub-text-box .color-white{color:#fff !important;}
.about-us.medical .sub-visual .sub-text-box .text1{padding-right:10px;}
.about-us.medical .sub-visual .sub-text-box .sub-list{margin-top:4em;}
.about-us.medical .sub-visual .sub-text-box .sub-list li{margin:1em 0; font-size:20px; color:#444; font-weight:500;}
.medical-list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.medical-list .list-item.type2{width:33.3333%; background-position-x:right; background-position-y:400px;}
.medical-list .list-item{width:100%;height:800px; padding:5em; box-sizing:border-box; background-repeat:no-repeat; background-position:right bottom;}
.medical-list .list-item .name{font-size:3.375rem; display:block; margin-bottom:1em;}
.medical-list .list-item .name .class-name{font-size:1.5rem;}
.medical-list .list-item.color-type1{background-color:#e7e7e7;}
.medical-list .list-item.color-type2{background-color:#f6f6f6;}
.medical-list .captain{margin-bottom:1em;}
.medical-list .captain img{display:block;}
.medical-list .captain strong{font-size:1.5rem; color:#d93a78; line-height:1.4;}
.medical-list .captain_dr{position:absolute; right:400px; bottom:20px;}
.medical-list .profile-list ul {padding-bottom:1em;}
.medical-list .profile-list ul li{font-size:18px; color:#666; line-height:1.6;}
.medical-list .video-links .video-caption{display:block; font-size:18px; font-weight:bold; line-height:1.4; padding-bottom:.5em;}
.medical-list .video-links a{display:block; max-width:180px; width:100%;}
.medical-list .video-links a img{width:100%;}
.sub-visual-slide{height:100%;}
.dots-type2 .slick-dots{position:absolute; bottom:5%; left:50%; transform:translateX(-50%);}
.dots-type2 .slick-dots > li{display:inline-block;}
.dots-type2 .slick-dots > li button{margin:.5em; width:10px; height:10px; border-radius:50%; background-color:#fff; opacity:.5; text-indent:-9999em; overflow:hidden;}
.dots-type2 .slick-dots > li.slick-active button{opacity:1; background-color:#bd9d6d;}
.recycle-layout{position:relative;}
.t-layout.t-layout-type1{padding-top:3em;}
.t-layout{display:flex; justify-content:space-between; flex-wrap:wrap; padding:1em 0;}
.t-layout .t-layout-box:first-child{width:255px;}
.t-layout .t-layout-box:last-child{width:calc(100% - 255px);}
.t-layout .t-layout-box .title{display:block; font-size:1.125rem; line-height:1.6; letter-spacing:-1px;}
.t-layout .t-layout-box .text{display:block; padding-bottom:1em; font-size:18px; color:#666; line-height:1.6;}
.t-layout2{display:flex; justify-content:space-between; flex-wrap:wrap;}
.t-layout2 .t-layout-box:first-child{width:195px;}
.t-layout2 .t-layout-box:last-child{width:calc(100% - 195px);}
.t-layout2 .t-layout-box .title{display:block; font-size:1.125rem; line-height:1.6; letter-spacing:-1px;}
.t-layout2 .t-layout-box .text{display:block; padding-bottom:1em; font-size:18px; color:#666; line-height:1.6;}
.t-layout2 .t-layout-box ul.text{margin-bottom:1em;}
.t-layout2 .t-layout-box ul.text li{ font-size:18px; color:#666; line-height:1.6;}
.img-line-hover-list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.img-line-hover-list a{position:relative; display:block;}
.img-line-hover-list a figcaption{display:none; position:absolute; top:0; left:0; width:100%; height:100%; border:7px solid #bd9d6d; box-sizing:border-box; text-indent:-9999em; overflow:hidden;}
.img-line-hover-list a:hover figcaption{display:block;}
/* safety & service */
.about-us.safety{position:relative;}
.about-us.safety .sub-visual1{height:100vh; padding:0 !important; background-image:url('../../img/sub/about-us/safety/sub-visual.jpg');}
.about-us.safety .sub-visual1 .sub-text-box{top:0; transform:translateY(0)}
.about-us.safety .sub-visual1 .sub-text-box .img-medal{padding-bottom:4em;}
.about-us.safety .sub-visual1 .sub-text-box .main-title{margin-bottom:.5em;}
.about-us.safety .sub-visual1 .sub-text-box .sub-title{font-size:2.5rem;}
.about-us.safety .sub-visual1 .logo-area {display:flex; align-items:center; margin-top:4em;}
.about-us.safety .sub-visual1 .logo-area .figure{margin-right:3em;}
.about-us.safety .sub-visual1 .logo-area img{max-width:100%; }
.about-us.safety .sub-visual3{padding:0; background-image:url('../../img/sub/about-us/safety/sec2-bg.jpg');}
.about-us.safety .sub-visual3 .main-title{font-size:3.75rem; margin-bottom:.4em; line-height:1.2;}
.about-us.safety .sub-visual3 .sub-text-box{width:50%; left:auto; right:0;}
.about-us.safety .sub-visual3 .sub-text-box .text1{padding-bottom:2em;}
.about-us.safety .sub-visual3 .bubble-box{position:relative; display:inline-block;}
.about-us.safety .sub-visual3 .bubble-box.bubble-box1{padding-right:20px; margin-bottom:.5em;}
.about-us.safety .sub-visual3 .bubble-box.bubble-box1:after{content:''; position:absolute; top:50%; margin-top:-10px; right:0px; width:0; height:0; border:10px solid #fff; border-bottom-color: transparent;border-right-color: transparent;}
.about-us.safety .sub-visual3 .bubble-box.bubble-box2:after{content:''; position:absolute; top:50%; margin-top:-10px; left:0px; width:0; height:0; border:10px solid #bd9d6d; border-bottom-color: transparent;border-left-color: transparent;}
.about-us.safety .sub-visual3 .bubble-box.bubble-box2{padding-left:20px;}
.about-us.safety .sub-visual3 .bubble-box .bubbles{border-radius:10px;}
.about-us.safety .sub-visual3 .bubble-box.bubble-box1 .bubbles{padding:1.5em 1em 1.5em 2em;text-align:left;}
.about-us.safety .sub-visual3 .bubble-box.bubble-box2 .bubbles{padding:1.5em 2em 1.5em 1em;}
.about-us.safety .sub-visual3 .bubble-box .bubbles p{font-size:18px; line-height:1.4;}
.about-us.safety .sub-visual3 .figure{position:absolute; top:50%; left:0; transform:translateY(-50%); width:50%; box-sizing:border-box;}
.about-us.safety .sub-visual3 .figure img{display:block; max-width:430px; margin:0 auto;}
.about-us.safety .sub-visual3 .figure.m-show{display:none;}
.about-us.safety .sub-visual3 .figure.m-hide{display:block;}
.about-us.safety .img-flex-box{display:flex; justify-content:space-between; flex-wrap:wrap;text-align:center;}
.about-us.safety .img-flex-box .img-flex-item{display:flex; justify-content:center; align-items:center; width:25%; height:800px; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center;}
.about-us.safety .img-flex-box .img-flex-item:nth-child(1){background-image:url('../../img/sub/about-us/safety/sec3-img1.jpg');}
.about-us.safety .img-flex-box .img-flex-item:nth-child(2){background-image:url('../../img/sub/about-us/safety/sec3-img2.jpg');}
.about-us.safety .img-flex-box .img-flex-item:nth-child(3){background-image:url('../../img/sub/about-us/safety/sec3-img3.jpg');}
.about-us.safety .img-flex-box .img-flex-item:nth-child(4){background-image:url('../../img/sub/about-us/safety/sec3-img4.jpg');}
.about-us.safety .img-flex-box .img-flex-item em{display:block; font-weight:bold; font-size:7.5rem; line-height:1; margin-bottom:.5em;}
.about-us.safety .img-flex-box .img-flex-item strong{display:block; font-size:1.5rem; line-height:1.2; font-weight:bold; margin-bottom:1em;}
.about-us.safety .img-flex-box .img-flex-item p{font-size:1.125rem; line-height:1.6;}
.about-us.safety .tab-flex-slider{margin-bottom:4em;}
.about-us.safety .tab-flex-box{flex-wrap:wrap; display:flex; justify-content:space-between;}
.about-us.safety .tab-flex-box .img-area{position:relative; width:50%; overflow:hidden;}
.about-us.safety .tab-flex-box .img-area .imgs{display:none;width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.about-us.safety .tab-flex-box .img-area .tab-img{width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img1-1{background-image:url('../../img/sub/about-us/safety/tab-img1-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img1-2{background-image:url('../../img/sub/about-us/safety/tab-img1-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img2-1{background-image:url('../../img/sub/about-us/safety/tab-img2-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img2-2{background-image:url('../../img/sub/about-us/safety/tab-img2-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img2-3{background-image:url('../../img/sub/about-us/safety/tab-img2-3.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img3-1{background-image:url('../../img/sub/about-us/safety/tab-img3-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img3-2{background-image:url('../../img/sub/about-us/safety/tab-img3-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img3-3{background-image:url('../../img/sub/about-us/safety/tab-img3-3.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img4-1{background-image:url('../../img/sub/about-us/safety/tab-img4-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img4-2{background-image:url('../../img/sub/about-us/safety/tab-img4-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img4-3{background-image:url('../../img/sub/about-us/safety/tab-img4-3.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img4-4{background-image:url('../../img/sub/about-us/safety/tab-img4-4.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img4-5{background-image:url('../../img/sub/about-us/safety/tab-img4-5.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img5-1{background-image:url('../../img/sub/about-us/safety/tab-img5-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img5-2{background-image:url('../../img/sub/about-us/safety/tab-img5-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img5-3{background-image:url('../../img/sub/about-us/safety/tab-img5-3.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img6-1{background-image:url('../../img/sub/about-us/safety/tab-img6-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img6-2{background-image:url('../../img/sub/about-us/safety/tab-img6-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img6-3{background-image:url('../../img/sub/about-us/safety/tab-img6-3.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img7-1{background-image:url('../../img/sub/about-us/safety/tab-img7-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img7-2{background-image:url('../../img/sub/about-us/safety/tab-img7-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img8-1{background-image:url('../../img/sub/about-us/safety/tab-img8-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img8-2{background-image:url('../../img/sub/about-us/safety/tab-img8-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img9-1{background-image:url('../../img/sub/about-us/safety/tab-img9-1.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img9-2{background-image:url('../../img/sub/about-us/safety/tab-img9-2.jpg');}
.about-us.safety .tab-flex-box .img-area .tab-img.tab-img9-3{background-image:url('../../img/sub/about-us/safety/tab-img9-3.jpg');}
.about-us.safety .tab-flex-box .tab-cont-area{width:50%; min-height:500px; padding:2em 4em; box-sizing:border-box; background-color:#eee;}
.about-us.safety .tab-flex-box.type2 .tab-cont-area{background-color:#fff;}
.about-us.safety .tab-flex-box .tab-cont-area  .title{display:block; font-size:1.75rem; font-weight:normal; margin:3.5em 0 1em 0; line-height:1.4;}
.about-us.safety .tab-flex-box .tab-cont-area  .text{font-size:18px; line-height:1.6;}
.tab-flex-slider .slick-dots{position:absolute; top:0; left:50%; padding:2em 4em;}
.tab-flex-slider .slick-dots > li{display:inline-block; margin-right:.8em;}
.tab-flex-slider .slick-dots > li.slick-active button{background-color:#bd9d6d; color:#fff;}
.tab-flex-slider .slick-dots > li button{display:block; width:45px; height:45px; line-height:45px; font-size:1.5rem; font-weight:bold; color:#adadad; border-radius:50%;}
.tab-flex-slider .slider-track {transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.tab-flex-slider .slick-active .img-area .tab-img{transform: scale(1);}
.tab-flex-slider .img-area .tab-img{width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2);}
.dots-type3{position:relative;}
.dots-type3 .slick-dots{position:absolute; bottom:0; right:0;}
.dots-type3 .slick-dots:after{content:''; display:block; clear:both;}
.dots-type3 .slick-dots > li{display:block; float:left;}
.dots-type3 .slick-dots > li button{width:30px; height:30px; line-height:30px; background-color:#666; text-align:center; color:#fff; font-size:18px; text-align:center;}
.dots-type3 .slick-dots > li.slick-active button{background-color:#bd9d6d;}
/* »çȸº¹Áö */
.about-us.charity .sub-section.sub-visual{background-image:url('../../img/sub/about-us/charity/sub-visual.jpg');}
.about-us.charity .half-columns .text-layout .since{display:block; font-size:1.125rem; line-height:1.6; font-weight:bold;}
.about-us.charity .half-columns .text-layout .title{display:block; font-size:2.5rem; line-height:1.4; margin-bottom:.625em;}
.about-us.charity .half-columns .text-layout .text{display:block; font-size:18px; color:#666; line-height:1.6; margin-bottom:1.5em;}
.about-us.charity .half-columns .text-layout .about-link{transition:all .3s ease-in-out; border:1px solid #aaa; padding:.3em .7em; font-size:16px;}
.about-us.charity .half-columns .text-layout .about-link:hover{background-color:#bd9d6d; border-color:#bd9d6d; color:#fff;}
.about-us.charity .half-columns .text-layout{width:80%; margin-left:10%;}
.about-us.charity .sec2-slide{width:100%; height:100%;}
.about-us.charity .sec2-slide .slide-item{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about-us.charity .sec2-slide .slide-item.slide1{background-image:url('../../img/sub/about-us/charity/sec2-slide1.jpg');}
.about-us.charity .sec2-slide .slide-item.slide2{background-image:url('../../img/sub/about-us/charity/sec2-slide2.jpg');}
.about-us.charity .sec2-slide .slide-item.slide3{background-image:url('../../img/sub/about-us/charity/sec2-slide3.jpg');}
.about-us.charity .bgimage-info-box > ul > li.text-area .title{font-size:5.875rem; font-weight:normal; margin-bottom:1em;}
/* map */
.map-info-layout{display:flex; justify-content:space-between; flex-wrap:wrap;}
.map-info-layout .layout-item{width:45%; box-sizing:border-box;}
.map-info-layout .layout-item .box-layout{margin-bottom:2em;}
.map-info-layout .box-layout-cont{padding:1em 0;}
.map-info-layout .box-layout .title{font-size:32px; line-height:1.6; color:#333;}
.map-info-layout .box-layout .sub-title{display:block; padding-bottom:.5em;}
.map-info-layout .has-icon{position:relative; padding-left:25px; box-sizing:border-box; line-height:1.6; padding-bottom:.5em; color:#666;}
.map-info-layout strong.has-icon{color:#333;}
.map-info-layout p{line-height:1.6; color:#666; margin-bottom:.2em;}
.map-info-layout .has-icon .icon-btn-circle{position:absolute; top:0; left:0; display:block; width:20px; height:20px; line-height:20px; margin-top:.2em; text-align:center; border-radius:50%; color:#fff; font-size:16px;}
.map-info-layout .has-icon .icon-btn-circle.bgcolor-orange{background-color:#ff7e00;}
.map-info-layout .has-icon .icon-btn-circle.bgcolor-blue{background-color:#3b57b4;}
.map-info-layout .has-icon .icon-btn-circle.bgcolor-blue-light{background-color:#709ac7;}
.map-info-layout .has-icon .icon-btn-circle.bgcolor-blue-light2{background-color:#5ccaf3;}
.map-info-layout .has-icon .icon-btn-circle.bgcolor-green{background-color:#3f9f0a;}
.map-info-layout .has-icon .icon-btn-circle.bgcolor-gold{background-color:#bd9d6d;}
.map-info-layout .flex-text{position:relative; padding-left:100px; margin-top:1em;}
.map-info-layout .flex-text .flex-left{position:absolute; top:0; left:0;}
.map-info-layout .flex-text .has-icon{display:inline-block;}
.map-info-layout .sm-text{font-size:16px;}
.map-info-layout .box-layout-cont .icon-area{width:60px; height:60px; background-repeat:no-repeat; background-size:100%; background-position:center;}
.map-info-layout .box-layout-cont .icon-area.icon-subway{background-image:urL('../../img/sub/about-us/map/icon-subway.png');}
.map-info-layout .box-layout-cont .icon-area.icon-bus{background-image:urL('../../img/sub/about-us/map/icon-bus.png');}
.map-info-layout .box-layout-cont .icon-area.icon-train{background-image:urL('../../img/sub/about-us/map/icon-train.png');}
.tbl-parking-time .caption{color:#fff; background-color:#a9a9a9; font-weight:bold; display:block; padding:1em 2em; box-sizing:border-box;}
.tbl-parking-time .tbl-cont{padding:2em; box-sizing:border-box; background-color:#f8f8f8;}
.tbl-parking-time .tbl-list{display:table; margin-bottom:1em;}
.tbl-parking-time .tbl-list li{display:table-row; table-layout:fixed; width:100%;}
.tbl-parking-time .tbl-list li .th{display:table-cell; width:150px;}
.tbl-parking-time .tbl-list li .td{display:table-cell; width:60%;}
.tbl-parking-time .gray-list li{font-size:16px; line-height:1.4; color:#666;}
.tbl-parking-time .gray-list li.highlight{color:#333; font-size:18px;}
.map-info-layout .color-orange{color:#ff7e00;}
.map-info-layout .color-blue{color:#479cf3;}
.map-info-layout .color-green{color:#3f9f0a;}
.about-us.map .aside-box{z-index:2;}
.about-us.map .aside-box .aside-bottom ul:after{content:''; display:block; clear:both;}
.about-us.map .sta-map{margin-top:5em;}
.about-us.map .sta-map{display:flex; justify-content:flex-start;  flex-wrap:wrap;}
.about-us.map .sta-map .sta-item{width:auto !important; padding:0;}
.about-us.map .sta-map .sta-item .btn-sta-map{position:relative; display:block; margin-left:-1px; width:100px; height:100px; text-align:center; border:1px solid #ddd; box-sizing:border-box; color:#fff; vertical-align:middle; font-size:18px;}
.about-us.map .sta-map .sta-item .btn-sta-map .icon{max-width:100%; display:block; margin:0 auto; margin-bottom:.8em;text-align:center;}
.about-us.map .sta-map .sta-item .btn-sta-map:hover{background-color:rgba(255,255,255,.2)}
.notice-list-area .notice-list .notice-list-caption .notice-list-description br{display:none;}
.ani-top-fade:after{
 animation-duration: 1s;
 animation-name: fadeTop;
 animation-iteration-count: infinite;
 animation-direction: alternate;
}
.ani-bottom-fade:after{
 animation-duration: 1s;
 animation-name: fadeBottom;
 animation-iteration-count: infinite;
 animation-direction: alternate;
}
@keyframes fadeTop {
 from{position:absolute; opacity:1; top:2em;}
 to{top:1.5em; opacity:.4;}
}
@keyframes fadeBottom {
 from{position:absolute; opacity:1; top:1.5em;}
 to{top:2em; opacity:.4;}
}
/* ÅëÇÕ°Ë»ö */
.search-form{position:relative; display:block; max-width:468px; margin:0 auto; border:4px solid #bd9d6d;}
.search-form .btn-search{z-index:10; position:absolute; top:50%; right:10px; display:block; width:26px; height:26px; margin-top:-13px; text-indent:-9999em; overflow:hidden; background-image: url('/resources/img/common/icon-search-gold.png');  background-repeat: no-repeat;  background-position: center; background-size: 100%; border:0;}
.search-form input{width:100%; font-size:1.125rem; padding:.6em 1em; padding-right:40px; color:#666;}
.search-form-text{font-size:1.125rem; padding:1em 0; color:#666;}
.section-search .tab-notice{margin-top:2em;}
.section-search .tab-notice .tab{margin-bottom:1em;}
.search-layout{margin-bottom:2em;}
.search-layout-top{border-bottom:1px solid #333; margin-bottom:2em; padding:1em 0;}
.search-layout-title{font-size:32px; font-weight:normal;}
.search-layout-title .sm-text{font-size:1.25rem; color:#333;}
.search-layout-more{font-size:1.25rem; color:#333;}
.search-layout-more:hover{color:#ac8f63;}
.search-layout-cont{min-height:100px;}
@media screen and (max-width:1400px){
 /* ¼­ºêÆäÀÌÁö °øÅë
 ------------------------------------------*/
 .sub-section .title-area .main-title{font-size:3.125rem;}
 .sub-section .title-area .sub-title{font-size:32px;}
 .sub-section .title-area .text1{font-size:18px; color:#666;}
 .sub-text-box .main-title{font-size:4.5rem;}
 .sub-text-box .sub-title{font-size:2.5rem;}
 .sub-text-box .text1{font-size:1.1rem;}
 .card-list-box ul li .img-area{height:180px;}
 .card-list-box ul li .content-box strong{font-size:1.4rem;}
 .card-list-box ul li .content-box p{font-size:18px;}
 .link-box-list ul li{width:33.333%;}
 .link-box-list-type2 ul li{width:33.333%;}
 .card-scroll-list-area{position:relative;}
 .card-scroll-list{margin:0;}
 .banner-section .content-box strong{font-size:1.22rem;}
 .banner-section .content-box strong:after{width:130px;}
 .banner-section .content-box h2{font-size:4rem;}
 .link-box-item:after{content:''; display:block; clear:both;}
 .link-box-item .link-item{display:block; float:left; width:48%; margin:0; margin-right:2%;}
 .link-box-item .link-item:last-child{margin-right:0;}
 .link-box-item .link-item a p{font-size:1.3rem;}
 /* °³¹ßÆäÀÌÁö ºñ¼ö¼ú
 ------------------------------------------*/
    /* notice list */
    .notice-list-area .notice-list .notice-list-caption .notice-list-title{font-size:1.6rem;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-description{font-size:18px;}
    /* card-list */
    .card-list-area .card-list li a .card-list-title-area .list-type{font-size:1.6rem;}
    .card-list-area .card-list li a .card-list-title-area .list-date{font-size:.8rem;}
    .card-list-area .card-list li a .card-list-title-area{margin-bottom:3em;}
    .card-list-area .card-list li a .card-list-content .list-title{font-size:1.6rem;}
    .card-list-area .card-list li a .card-list-content .list-description{font-size:18px;}
    .card-list-area .card-list-type2 li{padding:1.5em;}
    .card-list-area .card-list-type2 li a .card-list-img-area{width:160px; height:160px; background-size:50px;}
    .card-list-area .card-list-type2 li a .card-list-img-area .profile-box{padding:2em 0;}
    .card-list-area .card-list-type2 li a .card-list-img-area .profile-box .department{font-size:18px; padding:.6em 0;}
    .card-list-area .card-list-type2 li a .card-list-img-area .profile-box .name{font-size:.86rem;}
    .card-list-area .card-list-type2 li a .card-list-content .list-title{font-size:20px;}
    .card-list-area .card-list-type2 li a .card-list-content .list-description{font-size:18px;}
    /* tab notice */
    .tab-notice .tab{font-size:1.4rem;}
    /* ¸®¾ó½ºÅ丮 */
    .real-story-area .visual-area{margin-bottom:4em; height:300px;}
    .sugery-diary-list li{width:32.666%;}
    .sugery-diary-list li:nth-child(4n){margin-right:1%;}
    .sugery-diary-list li:nth-child(3n){margin-right:0;}
    .sugery-diary-list li figure figcaption p{font-size:16px;}
 /* sub-sec-bg-title */
 .sub-sec-bg-title{width:80%;}
 .sub-sec-bg-title.half-box{margin-left:20%;}
 .sub-sec-bg-title .main-title,
 .sub-sec-bg-title .main-title span{font-size:3rem;}
 .sub-sec-bg-list li .num{padding:20px; width:60px}
 .sub-sec-bg-list li p{padding:20px; font-size:1.1rem; width:calc(100% - 60px);}
 .about-us .sub-section.sec4{height:600px;}
 .about-us .sub-section.sec4 .box-layout .text-area .text-inn{width:450px;}
 .about-us .slide-nav{width:100%;}
 .about-us .slide-nav > li button{width:45px; height:45px; line-height:45px; font-size:1.25rem;}
 .about-us .slide-titles{font-size:5.5rem;}
 .about-us .slide-text{font-size:1.8rem;}
 .about-us.philosophy .sub-visual2 .text-box .text1{font-size:20px;}
}
@media screen and (max-width:1200px){
 .sub-section{padding:4em 0;}
 .sub-section.sub-visual2 .opacity-box{width:50%;}
 /* ÀÇ»ç¼Ò°³ */
 .doctor-info .title-area{position:static; transform:translateY(0); width:100%;}
 .doctor-info .title-area .main-title{text-align:center;}
 .doctor-info .title-area .sub-title{text-align:center;}
 .sub-section .title-area .text1{text-align:center;}
 .doctor-info .img-area{float:none; width:100%; max-width:740px; margin:0 auto;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption .name{font-size:18px;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption .name b{font-size:1.3rem;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption .name.icon-link:after{width:25px; height:25px; background-size:25px; right:-29px;}
 .doctor-info .img-area .img-box strong{font-size:18px;}
 /* tab content box */
 .tab-box-list .btn-tab-area li .btn-tab{font-size:18px;}
 .tab-box-list .tab-content-box li{padding:4em;}
 .tab-box-list .tab-content-box li .figcaption strong{font-size:1.6rem;}
 .tab-box-list .tab-content-box li .figcaption p{font-size:18px;}
 /* icon-with-text-area2 */
 .icon-with-text-area2 .icon-box{margin:0; margin-bottom:2em;}
 .icon-with-text-area2 strong{font-size:18px;}
 .icon-with-text-area2 p{font-size:16px;}
 .img-text-article strong{font-size:2rem;}
 .img-text-article p{font-size:18px;}
 .image-info-box ul{display:block;}
 .image-info-box ul li{display:block; width:100%;}
 .bgimage-info-box > ul > li.text-area{padding:4em 0;}
 .bgimage-info-box > ul > li.text-area .title{font-size:1.8rem;}
 .bgimage-info-box > ul > li.text-area p{font-size:18px;}
 .bgimage-info-box > ul > li .tag-item{font-size:18px;}
 .bgimage-info-box > ul > li.text-area > div{width:100%; margin:0; padding:0 5%; box-sizing:border-box;}
 .half-columns-layout .half-columns .half-box{padding-left:75px;}
 .half-columns-layout .half-columns .half-box p span{font-size:20px;}
 .half-columns-layout .half-columns .half-box p .sm-text{font-size:.95rem;}
 .half-columns-layout .half-columns .half-box .half-num{width:65px; height:65px; line-height:65px; font-size:1.15rem; margin-top:-32.5px;}
 .flex-layout.t-flex-100{display:block;}
 .flex-layout.t-flex-100 .flex-layout-item{width:100%;}
 .selfie-list-area .figcaption span{font-size:20px;}
 .container-tabs .tab-item{width:300px; height:100px;}
 .card-scroll-list ul li a strong{font-size:1.125rem;}
 .hover-product-box > li{width:50%;}
 .icon-layout-list .cont-area strong{font-size:1.5rem;}
 .doctor-list .list-item.type2,
 .doctor-list .list-item{width:100%;}
 .doctor-list .list-item{min-height:800px; height:auto;}
 .doctor-list .list-item.type2{background-position:right bottom;}
/*  .doctor-list .list-item.type2{background-size:cover;} */
 .about-us.map .aside-box{left:auto; top:0; right:0; width:350px !important; height:100%; width:auto;}
 .about-us.map .aside-box .aside-bottom > ul > li{float:none; width:100%; padding:0;}
 .about-us.map .aside-box .aside-bottom{padding:35px;}
 .about-us.map .sta-map .sta-item .btn-sta-map{width:70px; height:70px; font-size:16px;}
}
@media screen and (max-width:1024px){
 .hover-info-box ul li .text-content .title{font-size:1.5rem; letter-spacing:-1px;}
 .icon-with-text-area ul li{width:50%;}
 .icon-with-text-area ul li p{font-size:16px;}
 /* popup slider */
 .popup-slider-area .slick-prev{left:-50px;}
 .popup-slider-area .slick-next{right:-50px;}
 .popup-slider-area .popup-slide-inner.card-type .slide-box figure{width:100%; float:none;}
 .popup-slider-area .popup-slide-inner.card-type .slide-box figure img{width:auto;}
 .popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption{width:100%; float:none;}
 .popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption strong{padding:1em 0 .5em 0; font-size:1.5rem}
 .popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption p{font-size:18px;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box{padding:2em;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .question-area strong{font-size:1.6rem; padding-left:45px; padding-bottom:1.35em;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .question-area strong:after{font-size:2.4rem;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .answer-area p{font-size:1.1rem; padding-left:45px;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .answer-area p:after{font-size:2.4rem;}
 /* tab content box */
 .tab-box-list .tab-content-box li .figure{float:none; width:100%; margin-bottom:2em; padding-right:0;}
 .tab-box-list .tab-content-box li .figcaption{float:none; width:100%;}
 /* cont-box-area */
 .cont-box-area .cont-title-area .tit-num{width:50px; height:50px; line-height:50px; font-size:1.6rem;}
 .cont-box-area .cont-title-area .tit{font-size:2rem;}
 .cont-box-area .cont-title-area .text1{font-size:18px;}
 .cont-box-area .cont-area .cont-body .cont-box strong{font-size:2rem;}
 .cont-box-area .cont-area .cont-body .cont-box p{font-size:18px;}
 .cont-box-area .cont-area .cont-body{padding:5em;}
 /* compare-box */
 .compare-box{background-size:30px;}
 .compare-box > div{height:280px;}
 .compare-box .text-area span{font-size:18px;}
 .compare-box .text-area span.title-bord{font-size:1.6rem;}
 /* list-box */
 .list-box{padding:3em;}
 .list-box strong{font-size:1.6rem;}
 .list-box ul li .text{font-size:18px;}
 /* icon-circle */
 .icon-circle{background-size:auto 40px;}
 .icon-circle .img-area{width:110px; height:110px;}
 .icon-circle strong{font-size:1.3rem;}
 .icon-circle .img-area span{bottom:1em; font-size:18px;}
 .sub-section .section-page-num{display:none;}
 /* sub-sec-bg-list-type2 */
 .sub-sec-bg-list-type2{display:block; text-align:center;}
 .sub-sec-bg-list-type2:after{content:''; display:block; clear:both;}
 .sub-sec-bg-list-type2 .list-item{display:inline-block; width:25%; height:200px; padding-top:2em; padding-bottom:0em; border-top:1px solid #ddd;}
 /* image-info-box */
 .image-info-box ul li.text-area .line-circle-num{width:35px; height:35px; line-height:35px; font-size:18px;}
 .image-info-box ul li.info-area{padding:2em;}
 .image-info-box ul li.text-area .title{font-size:1.3rem;}
 .image-info-box ul li.text-area .sub-title{font-size:18px;}
 .image-info-box ul li.text-area p{font-size:16px; padding-bottom:1em;}
 .image-info-box ul li.info-area .figcaption{font-size:18px;}
 .selfie-list-area .figcaption span{font-size:18px;}
 /* doctor */
 .doctor-info .img-area .img-box{height:400px;}
 .doctor-info .img-area .img-box .figure-area .figure img{height:300px;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption{bottom:330px;}
 .card-img-list-area .card-img-list-wrap{width:100%;}
 /* °³¹ßÆäÀÌÁö ºñ¼ö¼ú
 ------------------------------------------*/
    /* sub title */
    .section-title-area{padding:3.5em 0;}
    .section-title-area .section-top-title{font-size:2rem;}
    .section-title-area .section-bottom-title{font-size:3rem;}
    /* notice board */
    .notice-photo-list-area .notice-photo-list li{width:32.33%;}
    .notice-photo-list-area .notice-photo-list li:nth-of-type(4n){margin-right:1%;}
    .notice-photo-list-area .notice-photo-list li:nth-of-type(3n){margin-right:0%;}
    /* notice list */
    .notice-list-area .notice-list .notice-list-img-area{width:280px;}
    .notice-list-area .notice-list .notice-list-caption{width:calc(100% - 280px); padding:2em 9em 1em 3em;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-title{font-size:1.5rem; padding-bottom:1em;}
    /* card list */
    .tab-notice .tab{font-size:20px;}
    .card-list-area .card-list li a .card-list-title-area .list-type{font-size:1.4rem;}
    .card-list-area .card-list li a .card-list-content .list-title{font-size:1.4rem;}
    .card-list-area .card-list li a .card-list-content .list-description{font-size:16px;}
    .card-list-area .card-list li{width:49%; margin-right:2%;}
    .card-list-area .card-list li:nth-of-type(3n){margin-right:2%;}
    .card-list-area .card-list li:nth-of-type(2n){margin-right:0;}
    .card-list-area li a .icon-more{width:33px; height:33px;}
    .card-list-area li a .icon-more:before,
    .card-list-area li a .icon-more:after{width:16.5px;}
    .card-list-area .card-list-type2 li{width:100%; padding:1em; margin-right:0;}
    .card-list-area .card-list-type2 li a .card-list-content{width:calc(100% - 180px);}
    .card-list-area .card-list-type2 li a .card-list-content .list-title{font-size:1.1rem; margin:.7em 0;}
    .card-list-area .card-list-type2 li a .card-list-content .list-description{font-size:16px;}
    /* login */
    .login-area .btn-kakao{display:block;}
    /* find account */
    .find-account-area .find-form-box{width:280px;}
    /* Join progress */
    .step-progress{margin-bottom:3em;}
    .step-progress .step-box .step-num{font-size:1.3rem; font-weight:700; display:block;}
    .step-progress .step-box .step-title{font-size:18px;}
    /* Join Agree Box */
    .join-agree-box{margin-bottom:6em;}
    .agree-box-area{margin-bottom:3em;}
    .agree-box-area .agree-text-box{height:350px; padding:3em;}
    .agree-box-area .agree-text-box h4{font-size:1.3rem;}
    /*Ä«Ä«¿À»ó´ã*/
    .kakao-consult-layout{display:block;}
    .kakao-consult-layout:after{content:''; display:block; clear:both;}
    .kakao-consult-layout .table-area{display:block; float:right; width:100%;}
    .kakao-consult-layout .img-area{display:none; float:left; width:100%; height:200px;}
    .kakao-consult .m-img-area{display:block; height:200px; margin-bottom:2em;}
    /*¿Â¶óÀλó´ã*/
    .online-reservation .datepicker-area .info-text{display:block; padding:1em 0;}
 .bgimage-info-box > ul{display:block; height:auto;}
 .bgimage-info-box > ul > li{display:block; width:100%;}
 .bgimage-info-box > ul > li.text-area{padding:2em 0; display:block;}
 .bgimage-info-box > ul > li.text-area .line-circle-num{width:40px; height:40px; line-height:40px;font-size:18px;}
 .bgimage-info-box > ul > li.text-area .title{font-size:1.4rem;}
 .bgimage-info-box > ul > li.text-area .sub-title{font-size:1.1rem;}
 .bgimage-info-box > ul > li.text-area p{font-size:18px;}
 .bgimage-info-box > ul > li .tag-item{font-size:18px;}
 .bgimage-info-box > ul > li.bg-img-area{height:400px;}
 .about-us .main-title-deco{font-size:1.8rem;}
 .about-us .sub-section.sec4{height:auto;}
 .about-us .sub-section.sec4 .box-layout{flex-wrap:wrap;}
 .about-us .sub-section.sec4 .box-layout .text-area{width:100%; justify-content:flex-start; padding:0;}
 .about-us .sub-section.sec4 .box-layout .image-area{width:100%; height:400px;}
 .about-us .sub-section.sec4 .box-layout .text-area .text-inn{width:100%; padding:2em; box-sizing:border-box;}
 .about-us .sub-section.sec2 .image-area{width:100%; height:450px;}
 .about-us .sub-section.sec2 .text-area{width:100%;}
 .about-us .sub-section.sec2 .text-area .text-inn-box{padding:3em;}
 .about-us .sub-section.sec2 .text-area .text-inn-box h3{font-size:2.125rem;}
 .about-us .sub-section.sec2 .text-area .text-inn-box strong{font-size:5rem;}
 .about-us .card-list-area3 .col-item{padding:1em;}
 .about-us .card-list-area3 .text-area{padding-top:1.5em;}
 .about-us .card-list-area3 .text-area .title{font-size:2rem;}
 .about-us .card-list-area3 .text-area .sub-title{font-size:1.25rem;}
 .about-us .card-list-area3 .text-area .text{font-size:18px;}
 .about-us.aesthetic .bgimage-info-box > ul{height:auto;}
 .about-us.wellness .slick-slider .sec-slide{position:relative;}
 .about-us.wellness .slick-slider .sec-slide:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.5);}
 .about-us.wellness .sub-text-box{position:relative; z-index:1;}
 .about-us.wellness .sub-text-box .main-title{font-size:5rem;}
 .about-us.wellness .sub-text-box .sub-title{font-size:1.75rem;}
 .about-us.wellness .sub-visual.sub-visual3 .img-area{width:60%;}
 .about-us.wellness .section-slider .slick-dots{right:5%;}
 .about-us.wellness .section-slider .sub-text-box .main-title,
 .about-us.wellness .sub-visual.sub-visual4 .sub-text-box .main-title{font-size:3.125rem;}
 .about-us.wellness .section-slider .sub-text-box .sub-title,
 .about-us.wellness .sub-visual.sub-visual4 .sub-text-box .sub-title{font-size:1.5rem;}
 .about-us.wellness .section-slider .text1{font-size:18px;}
 .about-us.wellness .sub-visual.sub-visual4 .md-sub-title{font-size:1.5rem;}
 .about-us.wellness .sub-visual.sub-visual4:before{display:none;}
 .about-us.safety .sub-visual1 .sub-text-box .main-title{font-size:5rem;}
 .about-us.safety .sub-visual1 .sub-text-box .sub-title{font-size:32px;}
 .about-us.safety .sub-visual1 .logo-area .figure{margin-right:1.5em;}
 .about-us.safety .sub-visual3 .figure img{width:100%;}
 .about-us.safety .sub-visual3 .main-title{font-size:2.5rem;}
 .about-us.safety .img-flex-box .img-flex-item{height:600px;}
 .about-us.safety .sub-section{padding:4em 0;}
 .about-us.safety .sub-section .title-area{margin-bottom:2em;}
 .about-us.safety .tab-flex-box .tab-cont-area,
 .tab-flex-slider .slick-dots{padding:2em 1.5em;}
 .tab-flex-slider .slick-dots > li button{font-size:1.25rem;}
 .about-us.safety .tab-flex-box .tab-cont-area .title{margin-top:2.5em;}
 .about-us.charity .half-columns-layout .half-columns{display:flex; flex-wrap:wrap; }
 .about-us.charity .half-columns-layout .half-columns .col-item{width:100%; padding:2em 0 4em 0;}
 .about-us.charity .half-columns-layout .half-columns .col-item.img-area{padding:0;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(1){order:2;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(2){order:1;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(3){order:4;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(4){order:3;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(5){order:6;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(6){order:5;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(7){order:8;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(8){order:7;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(9){order:10;}
 .about-us.charity .half-columns-layout .half-columns .col-item:nth-child(10){order:9;}
 .about-us.charity .bgimage-info-box > ul > li.text-area .title{font-size:4.5rem; margin-bottom:.5em;}
 .map-info-layout .layout-item{width:100%;}
 .about-us.map .sta-map li{width:25%; margin:0;}
 .about-us.map .sta-map .sta-item:last-child{display:none;}
 .about-us.map .sta-map .sta-item .btn-sta-map{width:60px; height:60px; text-indent:-9999em; overflow:hidden;}
 .about-us.map .sta-map .sta-item .btn-sta-map .icon{margin-bottom:0;}
 .about-us.map .sta-map .sta-item .btn-sta-map .text{display:none;}
 .popup-history-area .popup-top{height:2em;}
 .popup-history-area .btn-close{right:.5em; top:.5em; width:20px; height:20px;}
 .popup-history-area .popup-history{padding-left:2em; padding-right:2em; padding-bottom:2em; height:calc(100% - 2em)}
 .popup-history-area .popup-history .slick-dots > li{margin:.5em .2em;}
 .popup-history-area .popup-history .slick-dots > li button{width:12px; height:12px;}
 .popup-history-area .popup-history .popup-container .title-area .year{font-size:18px;}
 .popup-history-area .popup-history .popup-container .title-area .title{font-size:1.25rem;}
 .popup-history-area .popup-history .popup-container .content-area p{font-size:16px;}
}
@media screen and (max-width:768px){
 
 /* ÀÇ·áÁø¼Ò°³ */
 .medical-list .list-item{width:100%;height:1200px; padding:5em; box-sizing:border-box; background-repeat:no-repeat; background-position:right bottom;}
 .medical-list .captain_dr{position:absolute;left:50%;bottom:60px;width:100%;}
  
  
  /* ³²ÀÚ¼ºÇü */
  figure {margin:0;}
  .sub-sec-bg-list li{width:70%;}
  .sub-sec-bg-list li p{font-size:16px;}
 
 .sub-section .title-area .sub-title{margin:.5em;}
.link-box-list-type2 ul li a figure{ width:80%; margin:0 auto;}
 /* ¼­ºêÆäÀÌÁö °øÅë
 ------------------------------------------*/
 .sub-section.sub-visual{position:relative; height:65vh;}
 .sub-section.sub-visual:before{position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.4);}
 .sub-section.sub-visual2{padding:0; height:auto}
 .sub-section.sub-visual2 .wrap-type3{width:100%;}
 .sub-section.sub-visual2 .opacity-box{width:100%; position:static; transform:translateY(0); background-color:#efefef; padding:2.5em 1em;}
 .sub-section.sub-visual2 .opacity-box p span.page-color{font-size:2rem;}
 .sub-section.sub-visual2 .opacity-box strong{font-size:1.4rem; padding:1em 0;}
 .sub-section.sub-visual2 .opacity-box .tag-item{display:inline-block; padding-right:5px;}
 .sub-section{padding:3em 0;}
 .sub-section .title-area{margin-bottom:2em;}
 .sub-section .title-area .main-title{font-size:32px;width:80%; margin:0 auto; }
 .sub-section .title-area .sub-title{font-size:1.25rem;}
 .sub-section .title-area .sub-title br{display:none;}
 .sub-section .title-area .text1{font-size:16px;}
 .sub-text-box{padding:0 1em; box-sizing:border-box;}
 .sub-text-box .main-title{font-size:48px;}
 .sub-text-box .sub-title{font-size:28px;}
 .sub-text-box .text1 br{display:none;}
 .sub-text-box .text1{font-size:20px; line-height:1.6;}
 .sub-section .section-page-num{display:none;}
 .md-sub-title {font-size:1.5rem; padding-top:20px;}
 .sm-sub-title{font-size:1.125rem;}
 /* hover-info-box */
 .hover-info-box ul{height:auto;}
 .hover-info-box ul li{display:block; width:100%; height:auto;}
 .hover-info-box ul li .text-content{display:block; padding:2em 0;}
 .hover-info-box ul li .text-content .title{font-size:1.3rem; opacity:1;}
 .hover-info-box ul li .text-content .text{height: auto !important; font-size:16px; width:100%; opacity:1;}
 .hover-info-box ul li:before{opacity:1;}
 .hover-info-box.info-3 ul li{width:100%;}
 .hover-info-box.info-4 ul li{width:100%;}
 .link-box-list ul li{width:100%;}
 .link-box-list-type2 ul li{width:100%;}
 .link-box-list-type2 ul li a figure{display: flex; background-color: #fff; align-items: center;}
 .link-box-list-type2 ul li a figure img{ width:35%;}
 .link-box-list-type2 ul li a figure figcaption{width:65%; padding:1em .5em; font-size:16px; letter-spacing:-1px;}
 .link-box-list-type2 ul li a figure figcaption b,
 .link-box-list-type2 ul li a figure figcaption span{font-size:16px;}
 .link-box-list-type2 ul li a figure figcaption:after{width:13px; height:9px; background-size:100%; right:1rem;}
 .title-box .content-box{padding:1em;}
 .title-box figure:before{display:none;}
 .title-box figure figcaption{position:static; opacity:1; padding-top:1em; font-size:.8rem; transform:translateX(0) translateY(0); color:#333; }
 /* card-list-box */
 .card-list-box ul li .content-box{min-height:auto; padding:20px; min-height:150px;}
 .card-list-box ul li .content-box strong{font-size:22px; padding-bottom:.5em;}
 .card-list-box ul li .content-box p{font-size:16px; line-height:1.6;}
 /* card-scroll-list-area */
 /* .card-scroll-list-area .wrap-type3{width:1200px !important;} */
 .card-scroll-list ul li a strong{font-size:1.1rem;}
 .card-scroll-list ul li a span{font-size:16px;}
 .photo-scroll-list-area .wrap-type3{width:1000px !important;}
 .photo-scroll-list ul li .photo-card .login-info p{font-size:16px;}
 .photo-scroll-list ul li .photo-card .login-info p b{font-size:16px;}
 /* banner-section */
 .banner-section{position:relative; height:250px; background-position:60% center;}
 .banner-section:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
 .banner-section .content-box{width:100%; text-align:center;}
 .banner-section .content-box strong{font-size:18px; text-align:center;}
 .banner-section .content-box strong:after{display:none;}
 .banner-section .content-box h2{font-size:2rem; text-align:center;}
 .banner-section.dr .content-box h2{font-size:1.5rem;}
 /* icon-with-text-area */
 .icon-with-text-area ul li{width:100%; height:auto; padding:1em 0;}
 .icon-with-text-area ul li p{font-size:16px;}
 .icon-with-text-area ul li p:after{top:0 !important; width:35px !important; height:35px; background-size:100%;}
 .icon-with-text-area ul li.icon-teeth p:after{top:-10px !important; width:25px !important; left:5px; background-size:100%;}
 .icon-with-text-area ul li.icon-cold p:after{width:35px; height:35px;}
 .icon-with-text-area ul li.icon-schedule p:after{width:35px; height:35px;}
 .icon-with-text-area ul li.icon-sun p:after{width:35px; height:35px;}
 .icon-with-text-area ul li.icon-ointment p:after{width:35px; height:35px;}
 .icon-with-text-area ul li.icon-ointment2 p:after{width:35px; height:35px;}
 .icon-with-text-area ul li.icon-water p:after{width:35px; height:35px;}
 .icon-with-text-area ul li.icon-face p:after{width:30px !important; height:35px;}
 .icon-with-text-area ul li.icon-pain p:after{width:35px; height:35px;}
 .icon-with-text-area ul li.icon-mask p:after{width:32px !important; height:37px;}
 .icon-with-text-area ul li.icon-find p:after{width:35px; height:35px;}
 /* ÀÇ»ç¼Ò°³ */
    .doctor-info .title-area{margin-bottom:1em;}
 .doctor-info .title-area .text1{padding-right:0;}
 .doctor-info .img-area .img-box{height:298px;}
 .doctor-info .img-area .img-box .figure-area .figure img{height:185px;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption{bottom:194px;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption .name{font-size:16px; line-height:1.4;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption .name b{font-size:16px; line-height:1.4;}
    .doctor-info .img-area .img-box .figure-area .figure figcaption .name.icon-link{margin-bottom:1em; bottom:29px;}
 .doctor-info .img-area .img-box .figure-area .figure figcaption .name.icon-link:after{width:25px; height:25px; background-size:25px; top:105%; right:auto; left:50%; margin-left:-12.5px;}
 .doctor-info.doctor-info-type2 .img-area .img-box{position:relative; width:100%; float:none;}
 .doctor-info.doctor-info-type2 .img-area > strong{display:none;}
 .doctor-info.doctor-info-type2 .img-area .img-box strong{display:block;}
 .doctor-info .img-area.member-5 .img-box .figure-area .figure.figure1{left:0%; right:auto; transform:translateX(0); z-index:2;}
 .doctor-info .img-area.member-5 .img-box .figure-area .figure.figure3{left:50%; right:auto; transform:translateX(-50%); z-index: 3;}
 .doctor-info .img-area.member-5 .img-box .figure-area .figure.figure2{right:0%; left:auto;  transform:translateX(0); z-index:2;}
 .doctor-info .img-area.member-5 .img-box .figure-area .figure.figure4{left:15%; right:auto; transform:translateX(0); z-index:2;}
 .doctor-info .img-area.member-5 .img-box .figure-area .figure.figure5{right:15%; left:auto; transform:translateX(0); z-index: 2;}
 .doctor-info .img-area.member-6 .img-box .figure-area .figure.figure1{left:0%; right:auto; transform:translateX(0); z-index:2;}
 .doctor-info .img-area.member-6 .img-box .figure-area .figure.figure3{left:50%; right:auto; transform:translateX(-50%); z-index: 3;}
 .doctor-info .img-area.member-6 .img-box .figure-area .figure.figure2{right:0%; left:auto;  transform:translateX(0); z-index:2;}
 .doctor-info .img-area.member-6 .img-box .figure-area .figure.figure4{left:0%; right:auto; transform:translateX(0); z-index:2;}
 .doctor-info .img-area.member-6 .img-box .figure-area .figure.figure5{left:50%; right:auto; transform:translateX(-50%); z-index: 3;}
 .doctor-info .img-area.member-6 .img-box .figure-area .figure.figure6{right:0%; left:auto;  transform:translateX(0); z-index:2;}
 /* popup slider */
 .popup-slider-area .btn-close{width:25px; height:25px; background-size:100%;}
 .popup-slider-area .slick-arrow{width:40px; height:40px; margin-top:-20px; opacity:1;}
 .popup-slider-area .slick-prev{left:-22px;}
 .popup-slider-area .slick-next{right:-22px;}
 .popup-slider-area .slick-dots li button{width:13px; height:13px;}
 .popup-slider-area .popup-slide-inner.card-type .slide-box{padding:4em 1.5em 2em 1.5em;}
 .popup-slider-area .popup-slide-inner.card-type .slide-box figure img{width:100%;}
 .popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption strong{padding:1em 0 .5em 0; font-size:1.2rem}
 .popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption p{font-size:16px;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box{padding:1em; padding-top:4em;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .question-area strong{font-size:18px; padding-left:30px; padding-bottom:1em;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .question-area strong:after{font-size:1.5rem;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .answer-area p{font-size:16px; padding-left:30px;}
 .popup-slider-area .popup-slide-inner.qna-type .slide-box .answer-area p:after{font-size:1.5rem;}
 /* tab content box */
 .tab-box-list .btn-tab-area li .btn-tab{font-size:16px;}
 .tab-box-list .tab-content-box li{padding:1.5em;}
 .tab-box-list .tab-content-box li .figure img{width:100%;}
 .tab-box-list .tab-content-box li .figcaption strong{font-size:20px;}
 .tab-box-list .tab-content-box li .figcaption p{font-size:16px;}
 /* cont-box-area */
 .cont-box-area{margin-top:4em;}
 .cont-box-area .cont-title-area .tit-num{width:40px; height:40px; line-height:40px; font-size:20px;}
 .cont-box-area .cont-title-area .tit{font-size:1.4rem;}
 .cont-box-area .cont-title-area .text1{font-size:16px;}
 .cont-box-area .cont-area .cont-header .figure-box{height:300px;}
 .cont-box-area .cont-area .cont-body .cont-box strong{font-size:1.4rem;}
 .cont-box-area .cont-area .cont-body .cont-box p{font-size:16px;}
 .cont-box-area .cont-area .cont-body{padding:1.2em;}
 .cont-box-area .cont-area .figure-box{height:300px;}
 /* compare-box */
 .compare-box{background-size:20px;}
 .compare-box > div{height:170px; width:45%;}
 .compare-box .text-area span{font-size:16px;}
 .compare-box .text-area span.title-bord{font-size:20px;}
 /* sub-sec-bg-title */
 .sub-sec-bg-title{width:100%;}
 .sub-sec-bg-title.half-box{margin-left:0;}
 .sub-sec-bg-title .main-title{text-align:center;}
 .sub-sec-bg-title .main-title,
 .sub-sec-bg-title .main-title span{font-size:1.6rem;}
 .sub-sec-bg-list li .num{padding:15px; width:50px; font-size:18px;}
 .sub-sec-bg-list li p{padding:15px; font-size:16px; width:calc(100% - 50px);}
 /* icon-circle */
 .icon-circle{margin-top:0em; padding:1em 0; text-align:left; background-position:left center; background-size:25px auto;}
 .icon-circle .img-area{display:inline-block; width:50%; height:auto; padding-left:35px; border:0;  vertical-align:middle;}
 .icon-circle .img-area span{position:static; font-weight:600; font-size:16px;}
 .icon-circle strong{display:inline-block; font-weight:400; font-size:16px; vertical-align:middle; padding:0;}
 /* image-info-box */
 .image-info-box{margin-bottom:2em;}
 .image-info-box ul{display:block;}
 .image-info-box ul li{float:none; display:block; width:100%;}
 .image-info-box ul li.info-area{padding:1em;}
 .image-info-box ul li.info-area .figcaption{font-size:16px;}
 /* sub-sec-bg-list-type2 */
 .sub-sec-bg-list-type2 .list-item{width:100%; height:auto; padding-top:0; padding:1em 0;}
 .sub-sec-bg-list-type2 .list-item:after{content:''; display:block; clear:both;}
 .sub-sec-bg-list-type2 .list-item .num{width:20%; float:left; text-align:center; font-size:18px; padding-bottom:0; line-height:1.4;}
 .sub-sec-bg-list-type2 .list-item .text{text-align:left; font-size:18px; float:left; line-height:1.4;}
 .sub-sec-bg-list-type2 .list-item .text br{display:none;}
 .list-box{padding:1.5em;}
 .list-box strong{font-size:1.25rem;}
 .list-box ul li .text{font-size:16px; padding-left:40px;}
 .list-box ul li .num{width:25px; height:25px; line-height:25px; font-size:1.1rem;}
 .video-area .title{padding:.8em 0; font-size:16px;}
 .step-card-area .card-item{width:47% !important;}
 .step-card-area .w100{width:100% !important;}
 .step-card-area .card-item .figcaption{padding:1em; height:100px; min-height:auto !important;}
 .step-card-area .card-item .figcaption .step-num{font-size:18px; padding-bottom:.5em;}
 .step-card-area .card-item .figcaption p{font-size:16px;}
 .step-card-area .card-item {margin-bottom:1em !important;}
 .icon-with-text-area2 .icon-box:after{content:''; display:block; clear:both;}
 .icon-with-text-area2 .icon-box{display:block; width:100%; padding:.5em 0 1em 0; text-align:left; padding-left:60px; margin-bottom:0;}
 .icon-with-text-area2 .icon-box .icon-item{background-position:center; height:30px;}
 .icon-with-text-area2 strong{display:block; float:left; width:40% !important; letter-spacing:-1px; font-size:16px; padding-bottom:0;}
 .icon-with-text-area2 p br{display:none;}
 .icon-with-text-area2 p{display:block; float:left; width:50% !important; letter-spacing:-1px;}
 .icon-with-text-area2 .icon-box.icon-schedule .icon-item{background-size:30px 30px;}
 .icon-with-text-area2 .icon-box.icon-schedule2 .icon-item{background-size:30px 30px;}
 .icon-with-text-area2 .icon-box.icon-syringe .icon-item{background-size:30px 30px;}
 .icon-with-text-area2 .icon-box.icon-cut .icon-item{background-size:30px 25px;}
 .icon-with-text-area2 .icon-box.icon-clock .icon-item{background-size:30px 30px;}
 .icon-with-text-area2 .icon-box.icon-eye .icon-item{background-size:30px; 28px;}
 .icon-with-text-area2 .icon-box.icon-time .icon-item{background-size:18px 25px;}
 .icon-with-text-area2 .icon-box.icon-admission .icon-item{background-size:30px 30px;}
 .icon-with-text-area2 .icon-box.icon-building .icon-item{background-size:26px 29px; width:45px;}
 .icon-with-text-area2 .icon-box.icon-life .icon-item{background-size:30px 30px;}
 .icon-with-text-area2 .icon-box.icon-dress .icon-item{background-size:25px 28px; width:45px;}
 .icon-with-text-area2 .icon-box.icon-bandage .icon-item{background-size:30px 30px; width:45px;}
 .half-columns-layout .half-columns{display:block; width:100%;}
 .half-columns-layout .half-columns .col-item{display:block; width:100%; padding:3em 0;}
 .half-columns-layout .half-columns .col-item.img-area{padding:0;}
 .half-columns-layout .half-columns .col-item.m-col-item-show{display:block;}
 .half-columns-layout .half-columns .col-item.m-col-item-hide{display:none;}
 .half-columns-layout .half-columns .half-box{padding-left:55px; margin-left:5%;}
 .half-columns-layout .half-columns .half-box p span{font-size:1.1rem;}
 .half-columns-layout .half-columns .half-box p .top-text{padding-bottom:.5em;}
 .half-columns-layout .half-columns .half-box p .sm-text{font-size:16px;}
 .half-columns-layout .half-columns .half-box .half-num{width:55px; height:55px; line-height:55px; font-size:18px; margin-top:-27.5px;}
 .img-text-article figure img{max-width:100%;}
 .img-text-article strong{font-size:1.4rem;}
 .img-text-article p{font-size:16px; width:100%;}
 .flex-layout.m-flex-100{display:block;}
 .flex-layout.m-flex-100 .flex-layout-item{width:100%;}
 .img-text-article{padding-top:2em;}
 .selfie-list-area .figure{float:none; width:100%;}
 .selfie-list-area .figcaption span{font-size:16px; padding-left:10%;}
 .container-tabs{padding:1em;}
 .container-tabs .tab-item{display:block; width:100%; height:80px;  margin-left:5%; margin:0; font-size:18px; padding:1.6em;}
 .card-img-list-area .card-img-list-wrap .card-box-list{display:block; padding:2em; box-sizing:border-box;}
 /* °³¹ßÆäÀÌÁö ºñ¼ö¼ú
 ------------------------------------------*/
    .content-container{padding-bottom:4em;}
    /* sub title */
    .section-title-area{padding:2.3em 0;}
    .section-title-area .section-top-title{font-size:18px;}
    .section-title-area .section-bottom-title{font-size:1.5rem;}
    /* notce board */
    .notice-photo-list-area .notice-photo-list li{width:49.5%;}
    .notice-photo-list-area .notice-photo-list li:nth-of-type(3n){margin-right:1%;}
    .notice-photo-list-area .notice-photo-list li:nth-of-type(2n){margin-right:0%;}
    /*notice view*/
    .notice-view-layout .notice-view-layout-header .notice-view-title{font-size:18px;}
    .notice-view-layout .notice-view-layout-header .notice-view-date{font-size:.8rem; padding-top:2px; float:none; text-align:right;}
    .notice-view-layout .notice-view-layout-body{padding:3em 0;}
    .notice-list-area .notice-list .notice-list-img-area{float:none; width:100%;}
    .notice-list-area .notice-list .notice-list-caption{float:none; width:100%; padding:2em;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-date{position:static; -webkit-transform:translateX(0); transform:translateX(0); text-align:left; margin-top:1em;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-date .year{display:inline-block;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-date .day{font-size:18px;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-date .year:after{width:12px; margin-bottom:5px;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-title{padding-bottom:.5em; font-size:1.1rem;}
    .notice-list-area .notice-list .notice-list-caption .notice-list-description{font-size:16px;}
    /* card list */
    .tab-notice{margin-bottom:3em;}
    .tab-notice .tab{font-size:20px;}
    .card-list-area .card-list li a .card-list-title-area .list-type{font-size:1.3rem;}
    .card-list-area .card-list li a .card-list-content .list-title{font-size:1.3rem;}
    .card-list-area .card-list li a .card-list-content .list-description{font-size:16px;}
    .card-list-area .card-list li{width:100%; margin-right:0%;}
    .card-list-area .card-list li:nth-of-type(3n){margin-right:0%;}
    .card-list-area .card-list li:nth-of-type(2n){margin-right:0;}
    .card-list-area li a .icon-more{width:30px; height:30px;}
    .card-list-area li a .icon-more:before,
    .card-list-area li a .icon-more:after{width:15px;}
    .card-list-area .card-list-type2 li{padding-bottom:4em;}
    .card-list-area .card-list-type2 li a .card-list-img-area{width:100%; float:none; background-position:20% center; background-size:60px; height:100px;}
    .card-list-area .card-list-type2 li a .card-list-img-area .profile-box{top:50%; text-align:left;  padding:0; margin-left:50%; width:50%; transform:translateY(-50%);}
    .card-list-area .card-list-type2 li a .card-list-img-area .profile-box .department{padding-top:.3em;}
    .card-list-area .card-list-type2 li a .card-list-content{width:100%; padding:0;}
    .card-list-area .card-list-type2 li a .card-list-content .list-title{font-size:18px;}
    .card-list-area .card-list-type2 li a .card-list-content .list-description{font-size:16px;}
    /* input search */
    .input-search{width:300px;}
    .input-search input{font-size:.8rem; width:200px;}
    .input-search .select{width:100px;}
    .input-search .select select{font-size:.8rem;}
    /* pagention */
    .pagenation a,
    .pagenation span{font-size:.7rem;}
    /*login area*/
    .login-area .login-field .input input{height:45px;}
    /* find account */
    .find-account-area{padding-bottom:2em;}
    .find-account-area .find-form-box{margin-bottom:5em;}
    .find-form-box .title{font-size:20px;}
    .find-form-box .title-description{font-size:16px;}
    /* Join progress */
    .step-progress{margin-bottom:2em;}
    .step-progress .step-box{padding:.8em 0;}
    .step-progress .step-box .step-num{font-size:.8rem;}
    .step-progress .step-box .step-title{font-size:.7rem;}
    /* Join Agree Box */
    .join-agree-box{margin-bottom:4em;}
    .agree-box-area{margin-bottom:2em;}
    .agree-box-area .agree-text-box{height:250px; padding:1.5em 1em;}
    .agree-box-area .agree-text-box h4{font-size:18px;}
    /* join table */
    .member-form{margin-bottom:3em;}
    .member-form .table-layout{margin-top:2em;}
    .member-form .table-layout .input.input-medium{max-width:100%;}
    .member-form .table-layout .input.input-small{max-width:47%}
    .member-form .table-layout .select.input-small{max-width:90%; margin-bottom:.5em;}
    .member-form .table-layout tbody tr td .btn.btn-bg-light-default,
    .member-form .table-layout tbody tr td .btn.btn-bg-default{width:100%; margin-top:.5em;}
    .member-form .table-layout .agree-email{margin-top:1em;}
    .member-form .table-layout .visit-route-type{display:block; margin-top:.5em;}
    .member-form .table-layout .textarea textarea{font-size:16px;}
    /*join-area join3*/
    .success-join-box{text-align:center; margin-top:3em; margin-bottom:5em;}
    .success-join-box figure{width:80px;}
    .success-join-box h3{font-size:1.3rem; margin:1em 0;}
    .success-join-box p{font-size:16px;}
    .success-join-box .btn-area{margin-top:2em;}
    /* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
    .privacy-area .privacy-box{padding:1em; box-sizing:border-box;}
    .privacy-area .privacy-box h3{font-size:20px;}
    .privacy-area .privacy-box pre{font-size:16px;}
    /* ¸¶ÀÌÆäÀÌÁö */
    .content-null{padding:4em 0;}
    .content-null img{margin-bottom:1em; width:50px;}
    .content-null p{font-size:.8rem;}
    /* ¸®¾ó½ºÅ丮 */
    .real-story-area .visual-area{margin-bottom:3em; height:220px;}
    .real-story-area .visual-area .visual-text{padding:1.5em;}
    .real-story-area .visual-area .visual-text strong{font-size:1.5rem; color:#fff;}
    .real-story-area .visual-area .visual-text span{font-size:.75rem; color:#fff;}
    .sugery-diary-list li{width:49.5%;}
    .sugery-diary-list li:nth-child(3n){margin-right:1%;}
    .sugery-diary-list li:nth-child(2n){margin-right:0%;}
    .sugery-diary-list li figure figcaption p{font-size:.95em;}
    /* ¼ö¼úÈıâ */
    .postoperative .tab-select{display:block;}
    /* ¿Â¶óÀο¹¾à */
    .online-reservation .step-progress .step-box .step-title{height:4em; line-height:1.4; padding:.5em;}
    .online-reservation .info-text ol li{font-size:.8rem; line-height:1.6;}
    .online-reservation .info-text .tel{font-size:20px; background-size:30px;}
    .online-reservation .datepicker-area .select{max-width:100%;}
    .online-reservation .datepicker-area #datepicker{margin-bottom:5px;}
    .online-reservation .textarea textarea{min-height:250px;}
    /* Ä«Ä«¿À»ó´ã */
    .kakao-consult-layout .wrap-type3{width:100%;}
    .icon-input-box span{font-size:16px;}
    .kakao-consult-layout .table-area{padding:1rem;}
    .kakao-consult-layout .table-area table .col-first{width:20%;}
    .kakao-consult-layout .table-area table tr th,
    .kakao-consult-layout .table-area table tr td{padding:.7em; font-size:16px;}
    .kakao-consult-layout .table-area table tr th{padding-left:0; font-size:.86rem;}
    .kakao-consult-layout .table-area table tr td{padding-right:0;}
    /* ¼ö¼úÀüÈÄ»çÁø */
    .photo-slider-box .photo-tag a,
    .photo-slider-box .photo-tag{font-size:18px;}
    .photo-slider-box .photo-type{margin:10px 0; height:34px;}
    .photo-slider-box .photo-type button{font-size:.8rem;}
    .photo-slider-box .photo-slider-area{padding:2em 0;}
    .photo-slider-box .sm-photo-category{padding:.5em 0; font-size:16px;}
    .photo-slider-box .photo-slider-area .slick-arrow{width:45px; height:45px; margin-top:27.5px; opacity:.8;}
    .photo-slider-box .photo-slider-area .slick-arrow:hover{opacity:1;}
    .photo-slider-box .photo-slider-area .slick-prev,
    .photo-slider-box .photo-slider-area .slick-next{background-size:15px;}
    .photo-slider-box .photo-slider-area .photo-item-area{width:100%;}
    .photo-slider-box .photo-slider-area .photo-item-area .photo-item .photo-after,
    .photo-slider-box .photo-slider-area .photo-item-area .photo-item .photo-before{float:none; width:100%;}
    .photo-slider-box .photo-slider-area .photo-item-area .photo-item figure figcaption{font-size:.8rem;}
    .photo-slider-box .photo-slider-area .login-box{width:100%;}
    .photo-slider-box .photo-slider-area .login-box .warning,
    .photo-slider-box .photo-slider-area .login-box p b,
    .photo-slider-box .photo-slider-area .login-box p{font-size:16px;}
    .photo-slider-box .photo-slider-pager{width:70%;padding:2em 0; margin:0 auto;}
    .photo-slider-box .photo-slider-pager li{float:none; width:100%; margin-bottom:1em;}
    .photo-slider-box .pagers .login-info p b,
    .photo-slider-box .pagers .login-info p{font-size:16px;}
    .photo-slider-box .pagers figcaption{font-size:.8rem; padding:.8em 0;}
    .photo-slider-box .photo-slider-area .login-box .btn-login{padding:1em 3em;}
    /* popup login */
    .popup-login-area .popup-login{padding:3em 2.5em 1em 2.5em;}
    .popup-login-area .popup-login .title{padding-bottom:2.5em;}
    .popup-login-area .popup-login .title span{font-size:20px;}
    .popup-login-area .popup-login .title strong{font-size:1.8rem;}
    .popup-login-area .login-area{width:260px;}
/*    .img-fade-slide-area .slick-dots{bottom:5%;} */
.notice-photo-list-area .notice-photo-list li{margin-bottom:1em;}
   .bgimage-info-box > ul > li.bg-img-area{height:300px;}
 .about-us .main-title-deco{font-size:20px;}
 .about-us .slide-titles{padding:.3em 0; font-size:4rem;}
 .about-us .slide-text{font-size:1.25rem;}
 .about-us .sub-section.sec2 .image-area{height:300px;}
 .about-us .sub-section.sec2 .text-area .text-inn-box{padding:2em;}
 .about-us .sub-section.sec2 .text-area .text-inn-box h3{font-size:1.5rem;}
 .about-us .sub-section.sec2 .text-area .text-inn-box strong{font-size:2.5rem;}
 .about-us .sub-section.sec2 .text-area .text-inn-box .name span{font-size:1.3rem;}
 .history-box{display:block;}
 .history-box:before{left:0;}
 .history-box:after{left:0;}
 .history-box .history-item{widtH:100%;}
 .history-box .history-item.text-area{text-align:left;}
 .history-box .history-item.text-area .years,
 .history-box .history-item.text-area .history-list .list-item{padding-left:20px; padding-right:0;}
 .history-box .history-item.image-area{padding-left:20px;}
 .history-box .history-item .history-list .list-item:after{right:auto; left:0; width:13px; margin-top:.8em;}
 .history-box .history-item .years{font-size:1.5rem;}
 .history-box .history-item .history-list .list-item .text{font-size:18px;}
 .history-box.image-left .history-item.text-area .years,
 .history-box.image-left .history-item.text-area .history-list .list-item{padding-left:20px;}
 .history-box.image-left .history-item.image-area{padding-left:20px; padding-right:0; text-align:left;}
 .about-us.philosophy .sub-visual2 .text-box .text1{font-size:16px;}
 .about-us .card-list-area3 .col-item{padding:0em; margin-bottom:2em;}
 .about-us .card-list-area3 .text-area{padding-top:1em;}
 .about-us .card-list-area3 .text-area .title{font-size:1.5rem;}
 .about-us .card-list-area3 .text-area .sub-title{font-size:18px;}
 .about-us .card-list-area3 .text-area .text{font-size:16px;}
 .about-us.dr .sub-visual.sub-visual4{padding:0;}
 .about-us.dr .sub-visual.sub-visual4 .figure{width:100px; margin-bottom:2em;}
 .about-us.dr .sub-visual.sub-visual4:after{width:200px; height:450px; bottom:5%;}
 .about-us.dr .sub-visual.sub-visual3 .sub-bg{opacity:0.4; background-position:40%;}
 .about-us.dr .sub-section.sub-visual.sub-visual3:before{display:none;}
 .about-us.dr .sub-visual.sub-visual5 {height:250px;}
 .about-us.dr .sub-visual.sub-visual5 .sub-bg{background-position:70%;}
 .hover-product-box > li{width:100%;}
 .hover-product-box > li .hover-box{padding:1.5em;}
 .hover-product-box > li .hover-box strong{font-size:20px;}
 .hover-product-box > li .hover-box p{font-size:16px;}
 .hover-product-box > li .figure .figcaption{bottom:1.5em; left:1.5em;}
 .icon-layout-list .icon-box-item{width:100%; height:auto; justify-content:flex-start;}
 .icon-layout-list .icon-box-item.logo-box-item{display:none;}
 .icon-layout-list .icon-box-item .cont-area{position:relative; width:100%; padding:2em; text-align:left !important;}
 .icon-layout-list .icon-box-item .cont-area:after{content:''; display:bock; clear:both;}
 .icon-layout-list .cont-area strong{padding-top:0; padding-bottom:.2em; font-size:20px;}
 .icon-layout-list .cont-area p{font-size:16px;}
 .icon-layout-list .icon-box-item .cont-area .figure{float:left; width:80px;}
 .icon-layout-list .icon-box-item .cont-area .texts{float:left; width:calc(100% - 80px); padding-left:20px; box-sizing:border-box;}
 .recycle-layout .recycle-box{height:185px; padding:1.5em;}
 .recycle-layout .recycle-box .title{font-size:1.25rem;}
 .recycle-layout .recycle-box .text{font-size:16px;}
 .recycle-layout:before{width:55px; height:55px; margin-top:-27.5px; margin-left:-27.5px;}
 .img-toggle-layout .toggle-image{padding:0 1em; height:140px;}
 .img-toggle-layout .toggle-image .title{font-size:1.25rem; padding-left:2.5em;}
 .img-toggle-layout .toggle-image .title .icon-plus{top:50%; margin-top:-20px;}
 .img-toggle-layout .toggle-container{padding:1em 0;}
 .img-toggle-layout .toggle-container .cont-title{font-size:20px;}
 .t-layout .t-layout-box .title,
 .t-layout2 .t-layout-box .title{font-size:18px;}
 .t-layout .t-layout-box .text,
 .t-layout2 .t-layout-box .text{font-size:16px;}
 .t-layout .t-layout-box:first-child,
 .t-layout .t-layout-box:last-child,
 .t-layout2 .t-layout-box:first-child,
 .t-layout2 .t-layout-box:last-child{width:100%;}
 .doctor-list .list-item{padding:2em; padding-bottom:400px; background-size:auto 400px; background-position:center bottom;}
 .bgimage-info-box > ul > li.text-area p{font-size:16px;}
 .bgimage-info-box > ul > li .tag-item{font-size:16px;}
 .about-us.wellness .sub-text-box .sub-title{font-size:1.25rem;}
 .about-us.wellness .sub-text-box .main-title{font-size:3rem;}
 .about-us.wellness .sub-visual.sub-visual3{height:auto; padding:2em 0 !important;}
 .about-us.wellness .sub-visual.sub-visual3 .sub-text-box{width:100%; position:static; transform:translateX(0) translateY(0);}
 .about-us.wellness .sub-visual.sub-visual3 .img-area{width:100%; position:static; transform:translateX(0) translateY(0);}
 .about-us.wellness .section-slider .slick-dots{width:90%;}
 .about-us.wellness .section-slider .slick-dots li{width:20%; height:80px;}
 .about-us.wellness .section-slider .text1{color:#333; font-weight:normal;}
 .about-us.wellness .section-slider .slick-dots li .text-cn{font-size:20px;}
 .about-us.wellness .section-slider .slick-dots li .text-en{font-size:16px;}
 .about-us.wellness .section-slider .sub-text-box .main-title,
 .about-us.wellness .sub-visual.sub-visual4 .sub-text-box .main-title{font-size:2.5rem;}
 .about-us.wellness .sub-visual.sub-visual4 .md-sub-title{font-size:1.125rem;}
 .about-us.safety .tab-flex-box .tab-cont-area,
 .about-us.safety .tab-flex-box .img-area{width:100%;}
 .about-us.safety .tab-flex-box .img-area{height:230px;}
 .about-us.safety .tab-flex-box .tab-cont-area{min-height:300px;}
 .about-us.safety .tab-flex-box .tab-cont-area .title{font-size:1.5rem;}
 .about-us.safety .tab-flex-box .tab-cont-area .text{font-size:0.875rem;}
 .tab-flex-slider .slick-dots{top:230px; left:0; padding-top:1.5em;}
 .tab-flex-slider .slick-dots > li button{width:40px; height:40px; line-height:40px; font-size:1.125rem;}
 .about-us.safety .sub-section{padding:2em 0;}
 .about-us.safety .sub-visual1 .sub-text-box .main-title{font-size:2.125em;}
 .about-us.safety .sub-visual1 .sub-text-box .sub-title{font-size:1.125rem;}
 .about-us.safety .sub-visual1 .sub-text-box .img-medal{padding-bottom:5em; width:30%;}
 .sub-text-box{padding:0 !important;}
 .about-us.safety .sub-visual3{height:auto;}
 .about-us.safety .sub-visual3 .sub-text-box{width:100%; text-align:center;}
 .about-us.safety .sub-section.sub-visual3:before{display:none;}
 .about-us.safety .sub-visual3 .main-title{text-align:center;}
 .about-us.safety .sub-visual3 .sub-text-box{position:static; transform:translateY(0);}
 .about-us.safety .sub-visual3 .figure{position:static; width:100%; transform:translateY(0); }
 .about-us.safety .sub-visual3 .figure img{width:auto; max-width:80%; margin:0 auto; margin-bottom:1em;}
 .about-us.safety .sub-visual3 .figure.m-show{display:block;}
 .about-us.safety .sub-visual3 .figure.m-hide{display:none;}
 .about-us.safety .sub-visual3 .sub-text-box .text1{text-align:center;}
 .about-us.safety .sub-visual3 .bubble-box .bubbles p{font-size:16px;}
 .about-us.safety .img-flex-box .img-flex-item{width:100%; padding:2em 0; height:auto;}
 .about-us.safety .img-flex-box .img-flex-item > div{display:flex; align-items:center; width:100%;}
 .about-us.safety .img-flex-box .img-flex-item em{display:block; width:20%; margin-bottom:0; font-size:3.75rem;}
 .about-us.safety .img-flex-box .img-flex-item .text-area{width:80%;}
 .about-us.safety .img-flex-box .img-flex-item .text-area strong{font-size:1.125rem; text-align:left; margin-bottom:.2em;}
 .about-us.safety .img-flex-box .img-flex-item .text-area strong br{display:none;}
 .about-us.safety .img-flex-box .img-flex-item .text-area p{font-size:16px; text-align:left;}
 .about-us.safety .img-flex-box .img-flex-item .text-area p br{display:none;}
 .about-us.charity .sub-section{position:relative;}
 .about-us.charity .half-columns .text-layout .since{font-size:18px;}
 .about-us.charity .half-columns .text-layout .title{font-size:1.5rem;}
 .about-us.charity .half-columns .text-layout .text{font-size:16px;}
 .about-us.charity .bgimage-info-box > ul > li.text-area .title{font-size:2.5rem; margin-bottom:0;}
 .about-us.charity .half-columns .text-layout{margin-left:0; width:100%;}
 .about-us.map .aside-box{width:100% !important;}
 .about-us.map .sta-map{margin-top:0;}
 .map-info-layout .box-layout .title{font-size:20px;}
 .map-info-layout .box-layout .sub-title{font-size:.1.125rem;}
 .map-info-layout .has-icon{font-size:16px;}
 .map-info-layout p{font-size:16px;}
 .tbl-parking-time .caption{padding:1em;}
 .tbl-parking-time .tbl-cont{padding:2em 1em;}
 .tbl-parking-time .tbl-list li .th{font-size:16px;}
 .map-info-layout .has-icon .icon-btn-circle{font-size:.725rem;}
 .map-info-layout .flex-text{padding-left:55px;}
 .map-info-layout .box-layout-cont .icon-area{width:45px; height:45px;}
 .map-info-layout .sm-text{font-size:.725rem;}
 .notice-list-area .notice-list .notice-list-img-area img{height:220px !important;}
 .search-form{width:90%; max-width:auto;}
 .search-form input{font-size:18px; padding:.3em .8em; padding-right:40px;}
 .search-form-text{font-size:18px; width:80%; margin:0 auto;}
 .search-layout-title{font-size:1.25rem;}
 .search-layout-title .sm-text{font-size:18px;}
 .search-layout-more{font-size:16px;}
 .section-search .tab-notice .tab{font-size:18px;}
    .login-area .service-area a{font-size:16px;}
    .pagenation .page-prev,
    .pagenation .page-next,
    .pagenation a,
    .pagenation span{line-height:26px;}
    .pagenation .page-prev,
    .pagenation .page-next{width:26px; height:26px; }
    .pagenation .page-prev:after, .pagenation .page-next:after{width:5px; height:5px; }
    .pagenation a, .pagenation span{margin:0 .35em;}
    .photo-slider-box .photo-type .no-datas{padding:.5em 2em; font-size:16px;}
}
@media screen and (max-width:480px){
 /* °³¹ßÆäÀÌÁö ºñ¼ö¼ú
 ------------------------------------------*/
    /* notce board */
    .notice-photo-list-area .notice-photo-list li{width:100%; margin-right:0;}
    /* input search */
    .input-search{width:280px;}
    .input-search input{width:190px;}
    .input-search .select{width:90px;}
    .login-area{width:280px;}
     /* ¸®¾ó½ºÅ丮 */
    .real-story-area .visual-area{margin-bottom:2em; height:150px; background-position:left;}
    .real-story-area .visual-area .visual-text strong{font-size:20px;}
    .real-story-area .visual-area .visual-text span{font-size:.6rem;}
    .sugery-diary-list li{width:100%; margin-right:0;}
 .selfie-list-area .figcaption span{font-size:.8rem;}
 
}
/* 19.05.29 mask ÆäÀÌÁö Ãß°¡ */
.color-a67c52{color: #a67c52 !important;}
.color-583e9a{color: #583e9a !important;}
.color-ce7800{color: #ce7800 !important;}
.color-006100{color: #006100 !important;}
.color-feb700{color: #feb700 !important;}
.color-7a9c1c{color: #7a9c1c !important;}
.color-c552b7{color: #c552b7 !important;}
.color-fff5a1{color: #fff5a1 !important;}
/* gnb ¿µ¿ª */
 /* section1 */
.about-us.mask .sub-visual.sec1{background-image: url(/resources/img/sub/mask/sub-visual-mask1.jpg);}
.about-us.mask .sub-section.sec1.sub-visual:before{background-color: rgba(0,0,0,0)}
.about-us.mask .sub-visual.sec1 .sub-text-box{top: 20%;}
.about-us.mask .sub-visual.sec1 .main-title{display: inline;}
.about-us.mask .sub-visual.sec1{background-image: url(/resources/img/sub/mask/sub-visual-mask1.jpg);}
.about-us.mask .sub-visual.sec1 .sec1--item__list{position:absolute; text-align:center;  color:#fff; font-size:20px; top:70%; left:50%; transform:translateX(-50%);}
.about-us.mask .sub-visual.sec1 .sec1--item__list .sec1--item__img{margin-bottom:0.5rem; max-width:100%;}
.about-us.mask .sub-visual.sec1 .sec1--item__list li{float:left; margin-right:2rem;/* width: 30%; */max-width: calc((100% - (2rem * 2)) / 3 - 0.1px);}
.about-us.mask .sub-visual.sec1 .sec1--item__list li:last-child{margin-right:0;}
.about-us.mask .sub-visual.sec1 .sec1--item__list li .sec1--item__txt{line-height:1.4rem;}
@media screen and (max-width: 1200px){
 .about-us.mask .sub-visual.sec1 .main-title{font-size: 3.5rem;}
}
@media screen and (max-width: 1024px){
 .about-us.mask .sub-visual.sec1 .main-title{font-size: 3rem;}
}
@media screen and (max-width: 768px){
 .about-us.mask .sub-visual.sec1 .main-title{font-size: 2.5rem;}
 .about-us.mask .sub-visual.sec1 .sec1--item__list{width:100%;}
 .about-us.mask .sub-visual.sec1 .sec1--item__list li{margin-right:1rem; width: calc((100% - (1rem * 2)) / 3 - 0.1px);}
}
@media screen and (max-width: 600px){
.about-us.mask .sub-visual.sec1{height:auto;}
.about-us.mask .sub-visual.sec1 .sub-text-box{position:static; transform:none;}
.about-us.mask .sub-visual.sec1 .sec1--item__list{position:static; padding-top:8rem; transform:none;}
.about-us.mask .sub-visual.sec1 .sec1--item__list li{width:100%; margin-right:0; float:none; max-width:none;}
.about-us.mask .sub-visual.sec1 .sec1--item__list li + li{margin-top:20px;}
.about-us.mask .sub-visual.sec1 .sec1--item__list li img{width:100%;max-width:140px !important;}
.about-us.mask .sub-visual.sec1 .sec1--item__list li .sec1--item__txt{font-size:18px;}
}
    /* section2 */
.about-us.mask .sub-section .infos .txt{position: relative;}
.mask__sec2 .bgimage-info-box > ul > li.bg-img-area.bg-img{background-image: url(/resources/img/sub/mask/sec2-img.jpg);}
.mask__sec2 .bgimage-info-box > ul > li.text-area{background: #ebebeb;}
.mask__sec2 .sub-title{line-height: 1.8 !important; font-weight: normal !important;}
.mask__sec2 .pad-txt1{background:#c69c6d; padding: 0 10px;}
.mask__sec2 .pad-txt2{background: #a67c52; padding: 0 10px;}
    /* section3 */
.mask__sec3 .bgimage-info-box > ul > li.bg-img-area.bg-img2{background-image: url(/resources/img/sub/mask/sec3-img--1.jpg);}
.mask__sec3 .bgimage-info-box > ul > li.bg-img-area{background-position-x: 71%;}
    /* section4 */
.mask__sec4 .bgimage-info-box > ul > li.bg-img-area.bg-img{background-image: url(/resources/img/sub/mask/sec4-img.jpg);}
.mask__sec4 .right{margin-left: calc(20% + 106px) !important;}
.mask__sec4 .title{position: relative;}
.mask__sec4 .title::before{
    content: "01";
 position: absolute;
 width: 90px;
 height: 90px;
 left: -106px;
 line-height: 90px;
 text-align: center;
 font-weight: normal;
 font-size: 1.2rem;
 border-radius: 50%;
 border:1px solid #a67c52;
}
@media screen and (max-width:1200px){
    .mask__sec4 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 106px) !important;}
}
@media screen and (max-width:1024px){
    .mask__sec4 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 81px) !important;}
    .mask__sec4 .title::before{
  width: 65px;
        height: 65px;
        line-height: 65px;
        left: -81px;
 }
}
@media screen and (max-width:768px){
    .mask__sec4 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 71px) !important;}
    .mask__sec4 .title::before{
  width: 55px;
  height: 55px;
        line-height: 55px;
        left: -71px;
 }
}
    /* section5 */
.mask__sec5 .bgimage-info-box > ul > li.bg-img-area.bg-img2{background-image: url(/resources/img/sub/mask/sec5-img.jpg);}
.mask__sec5 .infos > .pad-txt{background: #a67c52; color: #fff; padding: 0 5px;}
.mask__sec5 .right{margin-left: calc(20% + 106px) !important;}
.mask__sec5 .title{position: relative;}
.mask__sec5 .title::before{
    content: "02";
 position: absolute;
 width: 90px;
 height: 90px;
 left: -106px;
 line-height: 90px;
 text-align: center;
 font-weight: normal;
 font-size: 1.2rem;
 border-radius: 50%;
 border:1px solid #a67c52;
}
 /* section6 */
.mask__sec6 .bgimage-info-box > ul > li.bg-img-area.bg-img{background-image: url(/resources/img/sub/mask/sec6-img.jpg);}
.mask__sec6 .right{margin-left: calc(20% + 106px) !important;}
.mask__sec6 .title{position: relative;}
.mask__sec6 .title::before{
content: "03";
position: absolute;
width: 90px;
height: 90px;
left: -106px;
line-height: 90px;
text-align: center;
font-weight: normal;
font-size: 1.2rem;
border-radius: 50%;
border:1px solid #a67c52;
}
.text-area__img{width: 100%;}
.text-area__img > img{width: 95%;}
/* section5 section6 °øÅë */
@media screen and (max-width: 1200px){
    .text-area__img{width: 100%;}
    .text-area__img > img{width: 95%;}
    .mask__sec5 .bgimage-info-box > ul > li.text-area > div,
    .mask__sec6 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 106px) !important;}
}
@media screen and (max-width: 1024px){
    .text-area__img{width: 100%;}
    .text-area__img > img{width: 40%;}
    .mask__sec5 .bgimage-info-box > ul > li.text-area > div,
    .mask__sec6 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 81px) !important;}
    .mask__sec5 .title::before,
    .mask__sec6 .title::before{
  width: 65px;
  height: 65px;
        line-height: 65px;
        left: -81px;
    }
}
@media screen and (max-width: 768px){
    .text-area__img{width: 100%;}
    .text-area__img > img{width: 70%;}
    .mask__sec5 .bgimage-info-box > ul > li.text-area > div,
    .mask__sec6 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 71px) !important;}
    .mask__sec5 .title::before,
    .mask__sec6 .title::before{
  width: 55px;
  height: 55px;
        line-height: 55px;
        left: -71px;
 }
}
    /*section7*/
.about-us.mask .sub-section.sec7{text-align: center; background: #f6f6f6;}
.about-us.mask .sub-section.sec7 .half-num{
    position: static;
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    line-height: 90px;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 50%;
    border:1px solid #a67c52;}
.about-us.mask .sub-section.sec7>p{line-height: 1.8; padding: 0 5%;}
.about-us.mask .sub-section.sec7>p span:last-child{padding: 0 10px; background: #a67c52; color: #fff;}
.about-us.mask .sub-section.sec7 .top-text{font-size: 1.8rem; font-weight: 600;}
.about-us.mask .sub-section.sec7 .sm-text{font-weight: normal; font-size: 1rem;}
.about-us.mask .sub-section.sec7 .sm-text b{font-weight: 600; font-size: 1rem; color: #000;}
.sec7__flex-box{display: flex; justify-content: center; flex-wrap: wrap; width: 80%; margin: 40px auto;}
.sec7__flex-box__box{flex: 1;}
.sec7__flex-box__box ul{ width: 80%; text-align: justify; display: inline-block; font-size: 1rem; word-break: keep-all;}
.sec7__flex-box__box1,
.sec7__flex-box__box3,
.sec7__flex-box__box5{margin-right: 5%;}
.sec7__flex-box__img-box{float: left; width: 147px;}
.sec7__flex-box__text-box{float: right; width: calc(100% - 167px);}
.sec7__flex-box__text-box .tit{font-size: 1.1rem; margin: 10px 0;}
.sec7__flex-box__text-box .cont{font-size: 0.9375rem; margin-bottom: 10px; position: relative; line-height: 1.2; margin-left: 5px;}
.sec7__flex-box__text-box .cont::before{content: "\00B7"; position: absolute; top: 0; left: -8px;}
.sec7__flex-box__text-box .sub-cont{font-size: 0.875rem;}
@media screen and (max-width: 1200px){
    .sec7__flex-box{width: 95%;}
}
@media screen and (max-width: 1024px){
    .sec7__flex-box{width: 100%;}
 .sec7__flex-box__box{flex: 100%;}
    .sec7__flex-box__text-box .tit{font-size: 1rem;}
    .sec7__flex-box__img-box{float: left; width: 100%;}
    .sec7__flex-box__text-box{float: right; width: 100%}
 .sec7__flex-box__box ul{ width: 100%; margin-bottom: 40px;}
 .sec7__flex-box__box1, .sec7__flex-box__box3, .sec7__flex-box__box5{
  margin-right: 0;
    }
    .about-us.mask .sub-section.sec7 .half-num{
  width: 65px;
  height: 65px;
        line-height: 65px;
        left: -81px;
 }
 .sec7__flex-box__box{padding: 0 5%;}
}
@media screen and (max-width: 768px){
 .sec7__flex-box{width: 100%;}
 .sec7__flex-box__box{flex: 100%;}
    .sec7__flex-box__text-box .tit{font-size: 1rem;}
    .sec7__flex-box__img-box{float: left; width: 100%;}
    .sec7__flex-box__text-box{float: right; width: 100%}
 .sec7__flex-box__box ul{margin-bottom: 40px;}
 .sec7__flex-box__box1, .sec7__flex-box__box3, .sec7__flex-box__box5{
  margin-right: 0;
 }
    .sec7__flex-box__box{padding: 0 5%;}
    .about-us.mask .sub-section.sec7 .half-num{
  width: 55px;
  height: 55px;
        line-height: 55px;
 }
}
/* section8 */
.mask__sec8 .bgimage-info-box > ul > li.bg-img-area.bg-img{background-image: url(/resources/img/sub/mask/sec8-img.jpg);}
.mask__sec8 .right{margin-left: calc(20% + 106px) !important;}
.mask__sec8 .title{position: relative;}
.mask__sec8 .title::before{
content: "05";
position: absolute;
width: 90px;
height: 90px;
left: -106px;
line-height: 90px;
text-align: center;
font-weight: normal;
font-size: 1.2rem;
border-radius: 50%;
border:1px solid #a67c52;
}
.mask__sec8 .right img{
    margin-bottom: 20px;
}
@media screen and (max-width:1200px){
    .mask__sec8 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 106px) !important;}
}
@media screen and (max-width:1024px){
    .mask__sec8 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 81px) !important;}
    .mask__sec8 .title::before{
  width: 65px;
  height: 65px;
        line-height: 65px;
        left: -81px;
 }
}
@media screen and (max-width: 768px){
    .mask__sec8 .right img{
        width: 65%;
    }
    .mask__sec8 .bgimage-info-box > ul > li.text-area > div{margin: 0 !important; padding: 0px 5% 0 calc(5% + 71px) !important;}
    .mask__sec8 .title::before{
        width: 55px;
        height: 55px;
        line-height: 55px;
        left: -71px;
    }
}
 /* section9 */
.about-us.mask .sub-section.sec9.sub-visual:before{background-color: rgba(0,0,0,0)}
.about-us.mask .sub-section.sec9.sub-visual{background-image: url(/resources/img/sub/mask/sec9-img.jpg);}
@media screen and (max-width: 768px){
.about-us.mask .sub-section.sec9 .slide-text{font-size: 1.2rem;}
}
/*
* landing kahf 2nd
*/
.sub-landing{background:#fff}
.sub-landing .section{position:relative; min-height:100vh}
.sub-landing .section-full{height:100vh}
.sub-landing .bottom-sections .section{padding-top:61px;}
.sub-landing .bottom-sections .section.section-full{padding-top:0}
.sub-landing .sec-title{font-size:2.813rem; line-height:1.45}
.sub-landing .sec-title .big{font-size:3.313rem;}
.sub-landing .sec-title_sub{font-size:1.125rem; line-height:1.25}
@media screen and (max-width:1024px){
    .sub-landing .sec-title{font-size:2.25em;}
    .sub-landing .sec-title .big{font-size:3rem}
    .sub-landing .sec-title .sm{font-size:2rem}
}
@media screen and (max-width:768px){
    .sub-landing .sec-title{font-size:3rem; line-height:1.25}
    .sub-landing .sec-title .big{font-size:3rem}
    .sub-landing .sec-title .sm{font-size:1.9rem}
    .sub-landing .sec-title_sub{line-height:1.45}
}
@media screen and (max-width:425px){
    .sub-landing .sec-title{font-size:2.25rem}
}
.section-menu{position:fixed; right:20px; top:110px; z-index:99}
.section-menu li{padding:5px 0; opacity:.4; transition:all .4s; text-align:right}
.section-menu a{display:inline-block;}
.section-menu a:before{content:''; position:relative; top:-5px; display:inline-block; width:13px; height:2px; background:#fff}
.section-menu span{display:inline-block; margin-left:10px; width:0; height:14px; overflow:hidden; color:#fff; font-size:14px; text-transform:uppercase;}
.section-menu li:hover,
.section-menu .is-active{opacity:1;}
.section-menu .is-active span{width:inherit}
.black.section-menu a:before{background:#333}
.black.section-menu span{color:#333; font-weight:bold}
@media screen and (max-width:1023px){
    .section-menu{display:none}
}
.sub-landing .sec-main-visual{position:relative; display:table; padding:0 10%; width:100%; background:url(/resources/img/sub/kahf_2nd/bg_visual.png) left center no-repeat; background-size:cover; box-sizing:border-box}
.sub-landing .sec-main-visual .section-inner{display:table-cell; vertical-align:middle;}
.sub-landing .sec-main-visual .sec-title{font-weight:normal; word-break:keep-all}
.sub-landing .sec-main-visual .sec-title_sub{color:#083f88}
.sub-landing .sec-main-visual .sec-link{position:relative; display:inline-block; padding:1em 2.5em 1em 4em; margin-top:3em; background:#243579; color:#fff; font-size:1.25rem;}
.sub-landing .sec-main-visual .sec-link i{position:absolute; top:.6em; left:2em; display:inline-block; width:30px; height:30px; border-radius:50%; background:#a7aec9; transition:transform .4s}
.sub-landing .sec-main-visual .sec-link i:before,
.sub-landing .sec-main-visual .sec-link i:after{content:''; position:absolute; top:50%; left:50%; width:12px; height:2px; background:#243579;}
.sub-landing .sec-main-visual .sec-link i:before{transform:translate(-50%, -50%)}
.sub-landing .sec-main-visual .sec-link i:after{margin-left:-6px; margin-top:-1px; transform:rotate(90deg)}
.sub-landing .sec-main-visual .sec-link:hover i{transform:rotate(180deg)}
.sub-landing .sec-main-visual .mark{position:absolute; top:0; left:58%; width:712px; height:650px; background:url(/resources/img/sub/kahf_2nd/kahf_medal.png) 0 0 no-repeat; background-size:contain}
.sub-landing .sec-main-visual .list-logo{position:absolute; bottom:10%; left:20%; right:20%;}
.sub-landing .sec-main-visual .list-logo li{float:left; height:60px; line-height:60px; width:calc(100% / 4); text-align:center;}
.sub-landing .sec-main-visual .list-logo li img{vertical-align:middle; transition:transform .4s}
.sub-landing .sec-main-visual .list-logo li a{display:block;}
.sub-landing .sec-main-visual .list-logo li:hover img{transform:scale(.95)}
@media screen and (max-width:1700px){
    .sub-landing .sec-main-visual .mark{left:65%; width:600px}
}
@media screen and (max-width:1500px){
    .sub-landing .sec-main-visual .mark{left:70%; width:500px}
}
@media screen and (max-width:1440px){
    .sub-landing .sec-main-visual .sec-title{width:65%; letter-spacing:-1px;}
    .sub-landing .sec-main-visual .mark{left:60%; width:502px}
}
@media screen and (max-width:1024px){
    .sub-landing .sec-main-visual .list-logo{left:10%; right:10%;}
    .sub-landing .sec-main-visual .list-logo li:last-child{text-align:right}
}
@media screen and (max-width:768px){
    .sub-landing .sec-main-visual{padding:0 5%;}
    .sub-landing .sec-main-visual .section-inner{display:block; padding-top:0}
    .sub-landing .sec-main-visual{background-image:url(/resources/img/sub/kahf_2nd/t_bg_visual.png)}
    .sub-landing .sec-main-visual .sec-title{margin-top:-55px}
    .sub-landing .sec-main-visual .sec-title_sub{margin-top:2.5em; color:#000}
    .sub-landing .sec-main-visual .sec-link{position:absolute; right:0%; top:55%; padding:4em 1em 1.5em 1em; width:143px; background:rgba(0,0,0,.2); line-height:1.45; word-break:keep-all; text-align:center;}
    .sub-landing .sec-main-visual .sec-link i{top:1em; left:50%; margin-left:-15px;}
    .sub-landing .sec-main-visual .sec-link i:before,
    .sub-landing .sec-main-visual .sec-link i:after{background:#016acd}
    .sub-landing .sec-main-visual .mark{position:relative; left:0; top:0; right:0; margin:0 auto; width:90%; background-image:url(/resources/img/sub/kahf_2nd/m_kahf_medal.png)}
    .sub-landing .sec-main-visual .list-logo{position:relative; left:0; right:0; margin-top:1em}
    .sub-landing .sec-main-visual .list-logo li{width:auto; margin-right:2.5em}
    .sub-landing .sec-main-visual .list-logo li,
    .sub-landing .sec-main-visual .list-logo li:last-child{text-align:left}
}
@media screen and (max-width:768px) and (max-height:1000px){
    .sub-landing .sec-main-visual .mark{width:50%; height:380px; background-image:url(/resources/img/sub/kahf_2nd/m_kahf_medal.png)}
    .sub-landing .sec-main-visual .list-logo{margin-top:2.5em}
}
@media screen and (max-width:425px){
    .sub-landing .sec-main-visual{background-image:url(/resources/img/sub/kahf_2nd/m_bg_visual.png); background-position:top left;}
    .sub-landing .sec-main-visual .sec-title{width:90%;}
    .sub-landing .sec-main-visual .sec-title,
    .sub-landing .sec-main-visual .sec-title span{font-size:2.15rem}
    .sub-landing .sec-main-visual .sec-title_sub,
    .sub-landing .sec-main-visual .sec-link{display:none}
    .sub-landing .sec-main-visual .mark{width:95%; height:430px}
    .sub-landing .sec-main-visual .list-logo li{width:calc(100% / 5); margin-right:1em}
    .sub-landing .sec-main-visual .list-logo img{width:100%}
    .sub-landing .sec-main-visual .list-logo li:nth-child(3){margin-right:0;}
    .sub-landing .sec-main-visual .list-logo li:nth-child(3) img{width:80%}
}
.sub-landing .pic-group.mobile{display:none}
.sub-landing .pic-group:after{content:''; display:block; clear:both}
.sub-landing .pic-group + .pic-group{margin-top:4em}
.sub-landing .pic-group > .left{float:left;}
.sub-landing .pic-group > .right{float:right}
.sub-landing .pic-group > .txt{padding-top:45px; width:35%}
.sub-landing .pic-group > .img{width:60%; max-width:875px; text-align:right}
.sub-landing .pic-group > .img img{width:100%}
.sub-landing .pic-group > .img.left{text-align:left}
.sub-landing .pic-group .title{margin-bottom:1em; font-size:32px}
.sub-landing .pic-group dl+dl{margin-top:2.5em;}
.sub-landing .pic-group dt{margin-bottom:5px;font-size:1.25rem;}
.sub-landing .pic-group dd{line-height:1.25; word-break:keep-all}
@media screen and (max-width:1440px){
    .sub-landing .pic-group > .left,
    .sub-landing .pic-group > .right{float:none; width:80%; margin:0 auto;}
    .sub-landing .pic-group > .txt{padding-top:0;}
    .sub-landing .pic-group > .img{margin-top:3em}
}
@media screen and (max-width:1024px){
    .sub-landing .pic-vertical .title{font-size:1.5rem;}
    .sub-landing .pic-vertical .title .big{2.25rem}
}
@media screen and (max-width: 768px){
    .sub-landing .pic-group.pc{display:none}
    .sub-landing .pic-group.mobile{display:block}
    .sub-landing .pic-group .title{text-align:center}
    .sub-landing .pic-group .list{margin:3em auto 0; width:90%;}
    .sub-landing .pic-group .list:after{content:''; display:block; clear:both}
    .sub-landing .pic-group .list dl{float:left; padding:0 20px; box-sizing:border-box}
    .sub-landing .pic-group .list.column2 dl{width:calc(100% / 2)}
    .sub-landing .pic-group .list.column3 dl{width:calc(100% / 3)}
    .sub-landing .pic-group .list dl:first-child{padding-left:0;}
    .sub-landing .pic-group .list dl:last-child{padding-right:0;}
    .sub-landing .pic-group dl+dl{margin-top:0}
    .sub-landing .pic-group > .img{width:100%}
}
@media screen and (max-width:425px){
    .sub-landing .pic-group .list dl{float:none; padding:0;}
    .sub-landing .pic-group .list dl+dl{margin-top:2em}
    .sub-landing .pic-group .list.column2 dl,
    .sub-landing .pic-group .list.column3 dl{width:100%}
}
.sub-landing .pic-vertical:after{content:''; display:block; clear:both}
.sub-landing .pic-vertical > .group{float:left; width:calc((100% / 3) - 25px); margin-right:30px;}
.sub-landing .pic-vertical > .group:nth-child(2){margin-top:5%;}
.sub-landing .pic-vertical > .group:nth-child(3){margin-right:0}
.sub-landing .pic-vertical .img{margin-bottom:3em; height:648px; background-position:center; background-repeat:no-repeat; background-size:100%}
.sub-landing .pic-vertical .title{margin-bottom:.5em; font-size:32px; line-height:1.45}
.sub-landing .pic-vertical .title .big{font-size:2.813rem;}
.sub-landing .pic-vertical .text{word-break:keep-all; line-height:1.25}
.sub-landing .pic-vertical .text + .text{margin-top:1em}
@media screen and (max-width:1440px){
    .sub-landing .pic-vertical{display:none}
}
.sub-landing .pic-horizon{display:none;}
.sub-landing .pic-horizon .group + .group{margin-top:2em;}
.sub-landing .pic-horizon .group:after{content:''; display:block; clear:both}
.sub-landing .pic-horizon .left{float:left;}
.sub-landing .pic-horizon .right{float:right}
.sub-landing .pic-horizon .img{position:relative; width:60%}
.sub-landing .pic-horizon .img img{width:100%}
.sub-landing .pic-horizon .txt{display:table; height:100%; width:40%; padding:0 20px; box-sizing:border-box;}
.sub-landing .pic-horizon .txt-inner{display:table-cell;}
.sub-landing .pic-horizon .right .txt-inner{vertical-align:bottom; padding-bottom:1em}
.sub-landing .pic-horizon .left .txt-inner{vertical-align:top; padding-top:1em}
.sub-landing .pic-horizon .title{position:absolute; bottom:0; left:0; right:0; padding:25px 50px; background:rgba(0,0,0,.35); font-size:32px; line-height:1.45; color:#fff; box-sizing:border-box}
.sub-landing .pic-horizon .title .big{font-size:2.813rem;}
.sub-landing .pic-horizon .text{word-break:keep-all; line-height:1.25}
.sub-landing .pic-horizon .text + .text{margin-top:1em}
@media screen and (max-width:1440px){
    .sub-landing .pic-horizon{display:block;}
}
@media screen and (max-width:425px){
    .sub-landing .pic-horizon .group{max-height:inherit}
    .sub-landing .pic-horizon .left,
    .sub-landing .pic-horizon .right{float:none; width:100%}
    .sub-landing .pic-horizon .txt{height: inherit !important;}
    .sub-landing .pic-horizon .left .txt-inner,
    .sub-landing .pic-horizon .right .txt-inner{vertical-align:top; padding-top:1em}
}
.sub-landing .section--what{background:url(/resources/img/sub/kahf_2nd/bg_what.png) center no-repeat; background-size:cover; color:#fff;}
.sub-landing .section--what .section-inner{padding:3% 10%;height: 100%;box-sizing:border-box;}
.sub-landing .section--what .sec-title{margin-bottom:.5em}
.sub-landing .section--what .sec-title_sub{font-size:1.375rem;}
.sub-landing .section--what .left{height:64%}
.sub-landing .section--what .right{text-align:right}
.sub-landing .section--service .section-inner{padding:5% 10% 10%}
.sub-landing .section--service .sec-title{margin-bottom:1.5em; text-align:center;}
.sub-landing .section--safety{background:url(/resources/img/sub/kahf_2nd/bg_safety.png) center no-repeat; background-size:cover; color:#fff;}
.sub-landing .section--safety .section-inner{padding:5% 10% 10%}
.sub-landing .section--safety .sec-title{margin-bottom:1.5em; text-align:center;}
.sub-landing .section--story .section-inner{padding:5% 10% 10%}
.sub-landing .section--story .sec-title{margin-bottom:1.5em; text-align:center;}
@media screen and (max-width:1024px){
    .sub-landing .section--what .section-inner{padding-left:5%; padding-right:5%;}
    .sub-landing .section--what .sec-title_sub{font-size:1.125rem;}
    .sub-landing .section--story .section-inner{padding-left:5%; padding-right:5%;}
}
@media screen and (max-width:768px){
    .sub-landing .section--what{background-image:url(/resources/img/sub/kahf_2nd/m_bg_what.png); background-position:top center}
    .sub-landing .section--what.section-full{height:inherit;}
    .sub-landing .section--what .section-inner{padding-left:10%; padding-right:10%;}
    .sub-landing .section--what .left,
    .sub-landing .section--what .right{padding-top:5em; height:635px; box-sizing:border-box}
    .sub-landing .section--what .sec-title{word-break:keep-all}
    .sub-landing .section--what .sec-title_sub{font-size:1.375rem; word-break:keep-all}
    .sub-landing .section--service .section-inner,
    .sub-landing .section--safety .section-inner,
    .sub-landing .section--story .section-inner{padding-left:0; padding-right:0;}
}
@media screen and (max-width:425px){
    /*.sub-landing .section--what .left, .sub-landing .section--what .right{padding-top:3em}*/
    .sub-landing .section--what .sec-title_sub{margin-top:3em;font-size:1.125rem}
}
.sub-landing .map{height:100vh}
@media screen and (max-height:768px){
    .sub-landing .aside-box .aside-top,
    .sub-landing .aside-box .aside-bottom{padding-bottom:0; box-sizing:border-box}
    .sub-landing .aside-box .aside-top{padding-top:0; padding-bottom:0; height:12vh}
    .sub-landing .aside-box .aside-bottom{padding:10px 0; min-height:35vh;}
    .sub-landing .aside-box .aside-bottom > ul{margin:auto 0}
}
@media screen and (max-width:1024px){
    .sub-landing .aside-box .aside-top,
    .sub-landing .aside-box .aside-bottom{padding:20px}
}
@media screen and (max-width:768px){
    /*[data-aos^=fade][data-aos^=fade]{opacity:1 !important; transform:translate(0)} */
    [data-aos^=flip][data-aos^=flip]{backface-visibility:visible !important;  transform:translate(0); transition-property:auto;}
}
@media screen and (max-width:425px){
    .sub-landing .help-desk.section-full{height:inherit;}
}
/* »ó´ã½Åû ÆÄÀÏ÷ºÎ ¾Ë¸² */
.photo__info{padding:1.5em; margin-bottom:.5em; background:#ddd1c3}
.photo__info-title{margin-bottom:1em; color:#835928; font-size:1.125rem; font-weight:700; text-align:center}
.photo__info-inn{overflow:hidden}
.photo__info-inn > div{float:left; width:50%; text-align:center}
.photo__info-success{position:relative}
.photo__info-success:after{content:''; position:absolute; top:1em; bottom:1em; right:0; display:block; width:1px; background:#fff}
.photo__info-text{margin:1em auto 0; width:80%; color:#333; line-height:1.5; word-break:keep-all}
@media screen and (max-width:1200px){
    .photo__info-inn > div img{width:80%}
    .photo__info-text{font-size:12px}
}
@media screen and (max-width:1023px){
    .photo__info-inn > div{float:none; width:100%;}
    .photo__info-inn > div img{width:85%}
    .photo__info-success{margin-bottom:2em}
    .photo__info-success:after{display:none}
    .photo__info-text{font-size:1rem}
}