em {
    font-style: normal;
}

.hidden{
    z-index:-1;width:0;height:0;font-size:0;color:transparent;
}
.content-wrapper::after,
.container::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.container {
    position: relative;
}
.page-design .content-wrapper{
    width:100%;
}
.page-design .design .visual .content-wrapper{display: block;}
.page-design .design.trendy .content-wrapper {flex-direction: column;}
.page-design .detail-wrapper { width: 73%; max-width: 880px; }
.content-wrapper{
     display: flex; justify-content: flex-end; padding: 0 1.25rem;}
.content-design-right .title-resolution-grid { padding: 0 1.25rem; }
.content-design-right .hospital-picture .content-wrapper {display: block;}
.content-design{
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.content-design-left { width: 25%; max-width: 296px; }
.content-design-right { width: 75%; max-width: 880px; }

.page-design ul::after{
    content:'';
    display:block;
    clear:both;
    height:0;
}
.page-design {
    box-sizing: border-box;
}

/* 탭 공통 */
.page-design .tab-area >p {
    font-size:1.125rem;
    font-weight: bold;
    line-height: 2.28;
    text-align: center;
    color: #10a3ad;
    margin-bottom: 0.5rem;
    margin-top: 3rem;
}
.page-design .tab-title {
    margin-bottom: 6.5rem;
    text-align: center;
    font-family: Montserrat;
}
.page-design .tab-title li {
    display: inline-block;
    margin-left: 2.5rem;
    font-size: 3rem;
    cursor: pointer;
}
.page-design .tab-title li:first-child {
    margin-left: 0;
}
.page-design .tab-title li.active {
    text-decoration: underline;
    font-weight: bold;
    font-size: 3rem;
    color: #333;
    font-family: Montserrat;
}
.page-design .tab-title {
    font-family: Montserrat;
    font-size: 3rem;
    color: #ccc
}
.page-design .tab-contents {
    display: none;
}
.page-design .tab-contents.active {
    position: relative;
    display: block;
}
/* 상단이미지 공통 */
.page-design .visual{
    background-image: url('/img/our_service/design/bg_design_top_bg.png');
    padding: 4.5rem 0 4.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
}
.page-design .visual h1{
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: -0.09rem;
    font-weight: normal;
    color: #fff;
}
.page-design .visual span {
    display: block;
    font-size: 1.5rem;
    /* font-weight: bold;
    line-height: 2; */
    letter-spacing: -0.06rem;
    margin-top: 0.625rem;
    color: #fff;
}
/* 타이틀 공통 */
.page-design .title {
    margin-bottom: 3.9rem;
    font-size: 2.5rem;
    color:#333;
}
.page-design .title-trand em,
.page-design .title-service em,
.design .title-media-mix em,
.design .title-copywriting em,
.design .title-design-keyword em {
    display: block;
    font-size:0.875rem;
    font-weight: bold;
    color: #10a3ad;
    font-family: Montserrat;
    margin: 9.375rem 0 0.625rem;
    text-align: left;
}
.page-design .title-trand em { margin: 9.375rem 0.0.625rem; }
.page-design .title p {
    margin-top: 1rem;
    font-size: 1rem;
}
.page-design .title p strong {
    margin-top: 1rem;
}



/* 디자인 */
.design .content-design-left .wrap-menu .left-menu{
    width: 18.5rem;
    display: inline-block;
    position:absolute;
    top: 30.5rem;
    z-index: 10;
}
.design .content-design-left .wrap-menu .left-menu >ul>li{
    font-size: 1.5rem;
    opacity: 0.3;
    color: #000000;
    margin-bottom: 0.875rem;
}
.design .content-design-left .wrap-menu .left-menu >ul>li.on {
    color: #10a3ad;
    opacity: 1;
}

.design .imgbox{
    text-align: center;
}
.design .trendy{
    /* padding:6.25rem 0 5rem; */
    padding:0 0 5rem;
    color:#333;
}
.design .title-trand h1{
    font-family: Montserrat;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    color: #333;
}
.design .title-trand h2{
    font-size: 1.5rem;
    font-weight: normal;
    /* line-height: 1.67; */
    letter-spacing: -0.06rem;
    color: #333;
    margin: 1.25rem 0 3.125rem;
}
.design .desktop>img{
    width:100%;
    margin-bottom: 2.5rem;
}
.design.trendy .desktop .text-font {
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}

.design.trendy .desktop .text-font .left ,
.design.trendy .desktop .text-font .right,
.design.trendy .desktop .text-font .center{
    display: inline-block;
} 
.design.trendy .desktop .text-font .left img,
.design.trendy .desktop .text-font .right img{
    width: 50%;
    margin:0;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
}
.design.trendy .desktop .text-font .center{
    font-size: 1.5rem;
    line-height:1.58;
    letter-spacing: 0.06rem;
    text-align: center;
    color: #333;
    padding-top: 1rem;
}
.design.trendy .mobile{text-align: center;}
.design .title-service h1{
    font-family: Montserrat;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    color: #333;
}
.design .title-service h2{
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: -0.06rem;
    color: #757575;
    margin: 1.25rem 0 3.125rem;
}




.design .bubble{
    position:relative;
    margin-bottom:3rem;
    padding:1.5rem 1rem;
    text-align:center;
    font-size:1.125rem;
    background:#262b36;
    color:#fff;
}
.design .bubble::after{
    content: '';
    display: block;
    position: absolute;
    bottom:-2rem;
    left:0;
    width: 0px;
    height: 0px;
    border-bottom: 2rem solid transparent;
    border-right: 2rem solid #ddd;
}
.design .txt{
    text-align: center;
}
.design .effect_01{
    /* width:55rem; */
    margin:2rem auto 1rem;
    padding:3rem 2rem;
    background:#f8f8f8;
}
.design .effect_01 em{
    display:inline-block;
    vertical-align:top;
    font-size:1.6rem;
    font-weight:700;
    color:#10a3ad
}
.design .effect_01 p{
    display:inline-block;
    margin-left:1.5rem;
}

.design .trendy p{
    margin:2.5rem 0;
    padding:2.5rem 0;
    text-align:center;
    font-size:1.5rem;
    background:#f8f8f8;
}
.design .service{
    padding: 0 0 6.5rem;
    background-color:#f8f8f8;
}
.design .service .service_list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: stretch;
}
.design .service .service_list .marketing-image,
.design .service .service_list .brand,
.design .service .service_list .print,
.design .service .service_list .picture{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.design .service .service_list .marketing-image>li,
.design .service .service_list .brand>li,
.design .service .service_list .print>li,
.design .service .service_list .picture>li{
    width: 50%;
}
.design .service .service_list .marketing-image>li>p{
    font-size:1rem;
    line-height: 0.88;
    color:#757575;
    opacity: 0.5;
}
.design .service .service_list>li{
    float:left;
    width:33%;
    margin-bottom:1.5rem;
}
.design .service .service_list>li>div{
    margin-right:1rem;
    padding-top:0.625rem;
    padding-bottom: 1rem;
    border-top:1px solid #757575;
}
.design .service .service_list>li em{
    font-size:1.25rem;
    font-weight: bold;
    letter-spacing: -0.06rem;
    color:#10a3ad;
}
.design .service .service_list>li ul{
    margin-top:1rem;
    line-height:2rem;
    color:#757575;
}
.design .title-media-mix h1{
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: -0.12rem;
    color: #fff;
    margin-top:1rem;
}
.design .title-media-mix h2{
    font-size: 3rem;
    line-height: 1.04;
    letter-spacing: -0.12rem;
    color: #fff;
    margin: 1.25rem 0 3.125rem;
}
.design .media-mix{
    background-image: url('/img/our_service/design/bg_design_midiamix.png');
    padding: 0 0 4.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
}
.design .media-mix img{
    width: 100%;
}
.design .title-copywriting h1{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: -0.12rem;
    color: #333;
    margin-top:1rem;
}
.design.copywriting img{
    width: 100%;
    margin: 5rem 0 6.25rem;
    display: block;
}
.design .design-keyword{
    background-image: url('/img/our_service/design/bg_design_keyword.png');
    /* padding: 4.5rem 0 0; */
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    margin: 0;
}
.design .title-design-keyword h1{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: -0.12rem;
    color: #333;
    margin-top:1rem;
}
.design .title-design-keyword img{
    width: 100%;
    margin: 3.125rem 0 6.25rem;
}
.go_portfolio .desktop{
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.go_portfolio .text-portfolio p{
    font-size: 1.125rem;
    line-height: 2.89;
    color: #333;
    display:inline-block;
    margin: 0 2rem;
}
.go_portfolio .text-portfolio a{
    font-size: 0.875rem;
    font-weight: bold;
    text-decoration: underline;
    line-height: 3.71;
    color: #757575;
    display:inline-block
}
.go_portfolio .btn_qna {
    min-width: 17.5rem;
    padding: 1rem 0;
    background-color: #10a3ad;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 1.125rem;
    text-align: center;
}


/* 디자인-스타일가이드 */
.style-guide .resolution-grid h1{
    font-size: 3.75rem;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -0.15rem;
    color: #333;
    margin: 9.375rem 0;
}
.style-guide .title-resolution-grid em,
.style-guide .title-typography em,
.style-guide .title-color em,
.style-guide .title-component em {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #10a3ad;
    font-family: Montserrat;
    margin: 9.375rem 0 0.625rem;
    text-align: left;
}
.style-guide .resolution-grid h2,
.style-guide .title-typography h2,
.style-guide .title-color h2,
.style-guide .title-component h2{
    font-size: 3rem;
    font-weight: normal;
    /* line-height: 0.67; */
    letter-spacing: -0.06rem;
    color: #333;
    margin: 0 0 3rem;
}
.style-guide .resolution-grid-resolution h3,
.style-guide .resolution-grid-grid h3,
.style-guide .typography h3,
.style-guide .typography-accessibility h3,
.style-guide .color-guide h3,
.style-guide .icon-size h3,
.style-guide .color h3{
    font-size: 1.5rem;
    line-height: 1.17;
    color: #333;
    margin-top: 6.25rem;
}
.style-guide .resolution-grid-resolution p,
.style-guide .resolution-grid-grid p,
.style-guide .typography p,
.style-guide .color-guide p,
.style-guide .icon-size p,
.style-guide .component p,
.style-guide .title-color p{
    font-size: 1.125rem;
    line-height: 1.67;
    color: #757575;
    margin: 0.625rem 0 3.75rem;
    word-break: keep-all;
}
.style-guide .resolution-grid-resolution img,
.style-guide .resolution-grid-grid img,
.style-guide .typography img,
.style-guide .typography-accessibility img,
.style-guide .color img,
.style-guide .icon-size img{
    width: 100%;
    display: block;
    margin-bottom: 0;
}
/* .style-guide .resolution-grid-resolution img { margin-bottom: 0; }
.style-guide .resolution-grid-grid img{margin-bottom: 0;} */
.style-guide .color img{
    margin-bottom:5rem
}
.style-guide .resolution-grid-responsive{
    background-image: url('/img/our_service/design/bg_styleguide_responsive.png');
    /* padding: 4.5rem 0 0; */
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    margin: 0;
}
.style-guide .resolution-grid-responsive h3{
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.06rem;
    color: #fff;
    margin-top: 6.25rem;
    padding: 0 0 31.437rem;
}
.style-guide .resolution-grid-responsive p{
    font-size: 1.125rem;
    line-height: 1.67;
    color: #ccc;
    margin: 0.625rem 0 3.75rem;
    word-break: keep-all;
}
.style-guide .typography-accessibility p{
    font-size: 1.125rem;
    line-height: 1.67;
    margin-top: 0.625rem;
    color: #757575;
    
    word-break: keep-all;
}
.style-guide .typography-accessibility .title-typography-accessibility .webaddress{
    font-size: 0.875rem;
    line-height: 1.43;
    color: #ccc;
    margin-bottom: 3.75rem;
    word-break: keep-all;
}
.style-guide .icon-guide{
    background-image: url('/img/our_service/design/bg_styleguide_icon.png');
    /* padding: 4.5rem 0 0; */
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    margin: 0;
}
.style-guide .title-icon-guide em {
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    color: #fff;
    font-family: Montserrat;
    margin: 9.375rem 0 0.625rem;
    text-align: left;
}
.style-guide .title-icon-guide h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 0.67;
    letter-spacing: -0.06rem;
    color: #fff;
    margin: 1rem 0 6.25rem;
}
.style-guide .icon-guide p{
    font-size: 1.125rem;
    line-height: 1.56;
    color: #eee;
    opacity: 0.9;
    margin: 0.625rem 0 19rem;
    word-break: keep-all;
}
.style-guide .icon-size{
    background-color: #f8f8f8;
    padding: 0 0 4.5rem;
    margin: 0;
}
.style-guide .component{
    background-image: url('/img/our_service/design/bg_styleguide_component.png');
    padding: 0 0 34rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    margin: 0;
}
/* -end- 디자인-스타일가이드 */

/* 랜딩페이지 */
.landing-page .title-landing-page em,
.landing-page .title-what-is-landing em,
.landing-page .title-landing-purpose em,
.landing-page .title-landing-option em,
.landing-page .title-landing-wireframe em,
.landing-page .title-landing-competitive em{
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    color: #10a3ad;
    font-family: Montserrat;
    margin: 9.375rem 0 0.625rem;
    text-align: left;
}
.landing-page .title-landing-trandy em { display: block; font-size: 0.875rem; font-weight: bold; color: #10a3ad; font-family: Montserrat; margin: 15.625rem 0 0.625rem; text-align: left; }
.landing-page .title-landing-page h2,
.landing-page .title-what-is-landing h2,
.landing-page .title-landing-purpose h2,
.landing-page .title-landing-option h2,
.landing-page .title-landing-wireframe h2,
.landing-page .title-landing-trandy h2,
.landing-page .title-landing-competitive h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: -0.06rem;
    color: #3a3a3a;
    margin: 1.25rem 0 3rem;
}
.landing-page .title-what-is-landing h2 { margin: 1.25rem 0 0.625rem; }
.landing-page .title-landing-competitive h2 { margin: 1rem 0 0.625rem; }
.landing-page .title-landing-page p,
.landing-page .title-what-is-landing p,
.landing-page .title-landing-wireframe p,
.landing-page .title-landing-trandy p,
.landing-page .title-landing-competitive p{
    font-size: 1.125rem;
    line-height: 1.67;
    color: #757575;
    margin: 0.625rem 0 3.75rem;
    word-break: keep-all;
}
.landing-page .title-landing-trandy p { margin: 0.625rem 0 6.25rem; }

.landing-page .title-landing-page img,
.landing-page .title-what-is-landing img,
.landing-page .why-landing-bottom img,
.landing-page .title-landing-purpose img,
.landing-page .title-landing-wireframe img,
.landing-page .landing-trandy img,
.landing-page .title-landing-competitive img{
    width: 100%;
    display: block;
}
.landing-page .landing-guide-need h3{
    font-size: 1.875rem;
    font-weight: normal;
    line-height: 1.43;
    text-align: center;
    color: #fff;
    padding: 11rem 0 1.25rem;
}
.landing-page .landing-guide-need{
    background-image: linear-gradient(to bottom, rgba(38, 43, 54, 1) 90%, rgba(255, 255, 255, 1) 10%);
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin: 5rem 0;
    position: relative;
}
.landing-page .landing-guide-need .landing-guide-need-line{
    position: absolute;
    top: -50px;
    width: 2px;
    height: 100px;
    background-color: #10a3ad;
    left: 60%;
    right: 40%;
}
.landing-page .landing-guide-need p{
    font-size: 1.125rem;
    line-height: 1.67;
    color: #fff;
    margin: 0.625rem 0 3.75rem;
    word-break: keep-all;
    text-align: center;
}
.landing-page .why-landing{
    background-image: url(/img/our_service/design/bg_why_landing.png);
    padding: 9.375rem 0 15rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    margin: 5rem 0 0;
}
.landing-page .title-why-landing h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.33;
    color: #00868f;
}
.landing-page .title-why-landing p{
    font-size:0% 1.125rem;
    line-height: 1.78;
    margin: 2rem 0;
    color: #757575;
}
.landing-page .title-why-landing-bottom h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.33;
    color: #333;
    margin: -4% 0 5rem;
}
.landing-page .title-why-landing-bottom img{
    margin: 0 0 5rem;
}
.landing-page .landing-purpose{
    background-color: #f8f8f8;
    padding-bottom: 3rem;
}
.landing-page .landing-purpose h3{
    font-size: 1.875rem;
    line-height: 1.73;
    letter-spacing: 0.075rem;
    color: #333;
    margin-top: 6.25rem;
}
.landing-page .landing-purpose .knowhow_list >li{
    float:left;
    width:31%;
    margin-bottom:2.5rem;
    color:#fff;
}
.landing-page .landing-purpose .knowhow_list >li:first-of-type{
    width: 27%;
}
.landing-page .landing-purpose .knowhow_list >li:last-of-type{
    width: 37%;
}
.landing-page .landing-purpose .knowhow_list >li{
    margin-right:0.7rem;
}
.landing-page .landing-purpose .knowhow_list >li>em{
    display:block;
    font-family: Montserrat;
    margin-bottom:1rem;
    padding-bottom:1.5em;
    background-image:url('/img/our_service/design/img_landing_arrow.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
    color:#757575;
    margin-top: 1.875rem;
}
.landing-page .landing-purpose .knowhow_list >li:last-of-type>em{
    display:block;
    font-family: Montserrat;
    margin-bottom:1rem;
    padding-bottom:1.5em;
    background-image:url('/img/our_service/design/img_landing_arrow_end.png');
    background-repeat: no-repeat;
    background-position: 50% 85%;
    background-size: contain;
    color:#757575;
    margin-top: 1.875rem;
}
.landing-page .landing-purpose .knowhow_list >li>strong{
    font-size:1.5rem;
    line-height: 1.17;
    color: #10a3ad;
}
.landing-page .landing-purpose .knowhow_list >li ul{
    margin-top:1rem;
    line-height:2rem;
    color:rgba(255,255,255,.7)
}
.landing-page .landing-purpose .knowhow_list >li ul>li{
    font-size: 1.125rem;
    line-height: 1.89;
    color: #808080;
}
.landing-page .landing-option .option_list { margin-bottom: 3.625rem; }
.landing-page .landing-option .option_list >li{
    float:left;
    width:32%;
    margin-bottom:2.5rem;
    color:#fff;
    margin-right: 0.6rem;
}
.landing-page .landing-option .option_list >li img{
    width: 100%;
}
.landing-page .landing-option .option_list >li p{
    font-size: 1.125rem;
    line-height: 1.5;
    color: #333;
    word-break: keep-all;
    margin: 1rem 0 1rem;
    text-align: center;
}
.landing-page .landing-option .option_list >li p>span{
    font-size: 1rem;
    line-height: 1.5;
    color: #757575;
}
.landing-page .landing-exposed{
    background-image: url(/img/our_service/design/bg_landing_exposed.png);
    padding: 9.375rem 0 6.25rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    margin: 5rem 0 3;
}
.landing-page .title-landing-exposed h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    color: #fff;
}
.landing-page .title-landing-exposed p{
    font-size: 1.5rem;
    line-height: 1.67;
    text-align: center;
    color:#eee;
    margin: 1.875rem 0 3.125rem;
}
.landing-page .title-landing-exposed img{
    margin: 0 auto;
    width: 380px;
    display: block;
}
.landing-page .title-landing-wireframe h3,
.landing-page .title-landing-trandy h3{
    font-size: 1.5rem;
    line-height: 1.33;
    color: #333;
}
.landing-page .landing-competitive{
    padding-bottom: 6.25rem;
    background-color: #f8f8f8;
}
/* 랜딩페이지 hover소스 */
.container-overlay {
    position: relative;
    width: 100%;
}
.image-overlay-off {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.image-overlay-on {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.landing-need-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    /* background-color: #008CBA; */
}
.container-overlay:hover .landing-need-overlay {
    opacity: 1;
} 
.landing-need-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* -end- 랜딩페이지 hover소스 */
/* -end- 랜딩페이지 */

/* 병원사진 */
.hospital .wrap-content-design{
    background-image: url(/img/our_service/design/bg_hospital_top.png);
    padding: 0 0 20rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.hospital .hospital-photo-by-design{
    margin: 0 0 6.25rem;
}
.hospital .hospital-picture .title-hospital-picture em,
.hospital .hospital-photo-by-design .title-hospital-photo-by-design em,
.hospital .hospital-key-point .title-hospital-key-point em,
.hospital .hospital-advantage .title-advantage .dirction_step00 em,
.hospital .hospital-photo-direction .title-photo-direction em,
.hospital .hospital-photo-studio .title-photo-studio em,
.hospital .hospital-photo-team .title-photo-team em,
.hospital .hospital-photo-design .title-photo-design em{
    font-family: Nontserrat;
    font-size: 1rem;
    font-weight: bold;
    color: #10a3ad;
    padding-top : 9.375rem;
    display: block;
}
.hospital .hospital-picture .title-hospital-picture h2,
.hospital .hospital-photo-by-design .title-hospital-photo-by-design h2,
.hospital .hospital-key-point .title-hospital-key-point h2,
.hospital .hospital-advantage .title-advantage h2,
.hospital .hospital-photo-studio .title-photo-studio h2,
.hospital .hospital-photo-team .title-photo-team h2,
.hospital .hospital-photo-design .title-photo-design h2 {
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: -0.12rem;
    color: #333;
    margin: 1rem 0 4rem;
}
.hospital .hospital-key-point .title-hospital-key-point .text-rotate { transform: rotate(180deg); display: inline-block; vertical-align: 22px; }
.hospital .hospital-photo-direction .title-photo-direction h2 { font-size: 2.5rem; font-weight: normal; color: #333; letter-spacing: -0.1; margin-bottom: 3.125rem;}
.hospital .hospital-photo-by-design .title-hospital-photo-by-design img,
.hospital .hospital-why-need-picture .title-why-need-picture img,
.hospital .hospital-advantage .title-advantage img,
.hospital .hospital-photo-direction .title-photo-direction img,
.hospital .hospital-photo-team .title-photo-team img,
.hospital .hospital-photo-design .title-photo-design img{
    width: 100%;
}
.hospital .hospital-photo-by-design .title-hospital-photo-by-design img { margin: 4.375rem 0 6.25rem;}
.hospital .hospital-why-need-picture{
    background-image: url(/img/our_service/design/bg_hospital_whypicture.png);
    padding: 7.5rem 0 7rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    margin: -6rem 0 0;
    display: block;
}
.hospital .hospital-why-need-picture .title-why-need-picture h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.08;
    letter-spacing: -0.12rem;
    color: #fff;
    text-align: center;
    margin: 1rem auto 2rem;
}
.hospital .hospital-why-need-picture .title-why-need-picture .quotatio-left{
    width: 2.5rem;
    margin-right: 0.7rem;
    transform: rotate(180deg);
}
.hospital .hospital-why-need-picture .title-why-need-picture .quotatio-right{
    width: 2.5rem;
    margin-left: 0.7rem;
}
.hospital .hospital-why-need-picture .title-why-need-picture p{
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.045rem;
    color: #eee;
    text-align: center;
    padding-bottom: 4rem;
}
.hospital .hospital-key-point{
    background-color: #f8f8f8;
}
.hospital .hospital-key-point .title-hospital-key-point .wrap-key-point{
    display: flex;
    justify-content: space-between;
    margin: 3.125rem 0 3.75rem;
}
.hospital .hospital-key-point .title-hospital-key-point .key-point01,
.hospital .hospital-key-point .title-hospital-key-point .key-point02,
.hospital .hospital-key-point .title-hospital-key-point .key-point03{
    border-top: 2px solid #10a3ad;
    box-shadow: 1px 1px 10px 1px #ccc;
    padding: 3rem;
    text-align: center;
    width: 32%;
    box-sizing: border-box;
    background-color: #fff;
}
.hospital .hospital-key-point .title-hospital-key-point .key-point01 img,
.hospital .hospital-key-point .title-hospital-key-point .key-point03 img{
    width: 30%;
}
.hospital .hospital-key-point .title-hospital-key-point .key-point02 img{
    width: 20%;
}
.hospital .hospital-key-point .title-hospital-key-point .key-point01 .hospital-key-point-title-01,
.hospital .hospital-key-point .title-hospital-key-point .key-point02 .hospital-key-point-title-02,
.hospital .hospital-key-point .title-hospital-key-point .key-point03 .hospital-key-point-title-03{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.17;
    color: #10a3ad;
    margin: 1.25rem 0 1.25rem;
}
.hospital .hospital-key-point .title-hospital-key-point .key-point01 .hospital-key-point-text-01,
.hospital .hospital-key-point .title-hospital-key-point .key-point02 .hospital-key-point-text-02,
.hospital .hospital-key-point .title-hospital-key-point .key-point03 .hospital-key-point-text-03{
    font-size: 1.125rem;
    line-height: 1.33;
    color: #757575;
}
.hospital .hospital-advantage{
    background-color: #20252e;
    padding-bottom: 5rem;
    display: block;
}
.hospital .hospital-advantage .title-advantage h2{
    font-size: 3rem;
    letter-spacing: -0.12rem;
    color: #7df7ff;
}
.hospital .hospital-advantage .title-advantage p{
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: -0.03rem;
    color: #fff;
}
.hospital .hospital-advantage .title-advantage .wrap-advantge{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;

}
.hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step01,
.hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step02{ 
    width: 30%;
    box-sizing: border-box;
}
.hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step01{
    margin-top: 12rem;
}
.hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step01 h3,
.hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step02 h3{ 
    font-family: Montserrat;
    font-size: 1.125rem;
    font-weight: bold;
    line-height : 1.33;
    color: #10a3ad;
    text-align: center;
    margin: 1rem 0 0;
}
.hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step01 p,
.hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step02 p{ 
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: 0.045rem;
    text-align: center;
    margin: 0.625rem 0 3.125rem;

}
.hospital .hospital-advantage .title-advantage .text-font {
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}

.hospital .hospital-advantage .title-advantage .left ,
.hospital .hospital-advantage .title-advantage .right,
.hospital .hospital-advantage .title-advantage .center{
    display: inline-block;
} 
.hospital .hospital-advantage .title-advantage .left img,
.hospital .hospital-advantage .title-advantage .right img{
    width: 63%;
    margin: 1.8rem 0 ;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
}
.hospital .hospital-advantage .title-advantage .center{
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #eee;
    padding-top: 1rem;
}
.hospital .hospital-photo-studio{
    background-image: url(/img/our_service/design/bg-hospital_studio.png);
    padding: 0 0 7rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: block;
}
.hospital .hospital-photo-studio .title-photo-studio h2{
    font-size: 3rem;
    line-height: 1.08;
    letter-spacing: -0.06rem;
    color: #7df7ff;
}
.hospital .hospital-photo-studio .title-photo-studio p{
    font-size: 1.125rem;
    line-height: 1.56;
    color: #fff;
}
.hospital .hospital-photo-studio .title-photo-studio .studio-shoot,
.hospital .hospital-photo-studio .title-photo-studio .hospital-shoot{
    margin: 3rem 0 0;
    display: flex;
    justify-content: space-between;
}
.hospital .hospital-photo-studio .title-photo-studio .studio-shoot .studio-shoot-title{
    border-radius: 500px;
    background-image: linear-gradient(315deg, rgba(255,255,255,0.3), rgba(216,216,216,0.08) 35%);
    width: 11.2rem;
    height: 11.2rem;
    border: 1px solid #FFF;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.06rem;
    color: #fff;
    display: inline-block;
}
.hospital .hospital-photo-studio .title-photo-studio .studio-shoot .studio-shoot-title >p,
.hospital .hospital-photo-studio .title-photo-studio .hospital-shoot .studio-shoot-title >p{
    padding: 4.5rem 1.2rem;
    font-size: 1.5rem;
    line-height: 1.33;
    letter-spacing: -0.06rem;
}
.hospital .hospital-photo-studio .title-photo-studio .studio-shoot-step{
    border-radius: 500px;
    width: 8rem;
    height: 8rem;
    border: 1px solid #FFF;
    font-size: 1.125rem;
    line-height: 1.23;
    letter-spacing: -0.045rem;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin: auto 0;
}
.hospital .hospital-photo-studio .title-photo-studio .studio-shoot .studio-shoot-step >p,
.hospital .hospital-photo-studio .title-photo-studio .hospital-shoot .studio-shoot-step >p{
    padding: 2.5rem 1rem;
    word-break: keep-all;
}
.hospital .hospital-photo-studio .title-photo-studio .studio-shoot >span,
.hospital .hospital-photo-studio .title-photo-studio .hospital-shoot >span{
    margin: auto 0;
    color: #d8d8d8;
    opacity: 0.4;
}
.hospital .hospital-photo-studio .title-photo-studio .hospital-shoot .studio-shoot-title{
    border-radius: 500px;
    background-color: #10a3ad;
    width: 11.2rem;
    height: 11.2rem;
    border: 1px solid #10a3ad;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.06rem;
    color: #fff;
    display: inline-block;
}
.hospital .hospital-photo-team .title-photo-team p,
.hospital .hospital-photo-design .title-photo-design p{
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.045rem;
    color: #757575;
    margin: -2rem 0 3rem;
}
.hospital .hospital-photo-team{
    padding-bottom: 5rem;
}

.hospital .hospital-photo-design{
    background-color:#f8f8f8;
    padding-bottom: 4rem;
}
/* -end- 병원사진 */

/*  홈페이지 */
.homepage .homepage-purpose .title-homepage-purpose em,
.homepage .homepage-process .title-homepage-process em,
.homepage .homepage-effective .title-homepage-effective em{
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: bold;
    color: #10a3ad;
    margin: 9.375rem 0 0.625rem;
    display: block;
}
.homepage .homepage-purpose .title-homepage-purpose h2{
    font-size: 3rem;
    font-weight:normal;
    line-height: 1.25;
    color: #333;
    margin-bottom: 0.625rem;
}
.homepage .homepage-purpose .title-homepage-purpose p,
.homepage .homepage-content .title-homepage-content p,
.homepage .homepage-process .title-homepage-process p{
    font-size: 1.125rem;
    line-height: 1.67;
    letter-spacing: -0.045rem;
    color: #757575;
}
.homepage .homepage-purpose .title-homepage-purpose p { margin-top: 0.625rem; }
.homepage .homepage-purpose .title-homepage-purpose .purpose-wraper{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 3.75rem 0 3.125rem;
}
.homepage .homepage-purpose .title-homepage-purposec .purpose-text h3{
    font-size: 1.5rem;
    line-height: 2.17;
    color: #333;
    margin-bottom: 0.625rem;
}
.homepage .homepage-purpose .title-homepage-purpose .purpose-wraper img{
    width: 100%;
    max-width: 517px;
    display: block;
}

.homepage .homepage-purpose .title-homepage-purpose img{
    width: 100%;
}
.homepage .homepage-roas{
    background-image: url(/img/our_service/design/bg_homepage_roas.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    display: block;
    height: 730px;
}
.homepage .homepage-roas h2{
    font-family: Montserrat;
    font-size: 1.875rem;
    letter-spacing: -0.075rem;
    text-align: center;
    color: #7df7ff;
    margin: 12.5rem 0 1.25rem;
    display: block;
}
.homepage .homepage-roas p{
    font-size: 1.5rem;
    line-height: 1.63;
    text-align: center;
    color: #fff;
}
.homepage .homepage-content .title-homepage-content h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.25;
    color: #333;
    margin: 9.375rem 0 1.25rem;
}
.homepage .homepage-content .title-homepage-content img{
    width: 100%;
    margin: 3.75rem 0 6.25rem;
    display: block;
}
.homepage .homepage-process{
    background-color: #f8f8f8;
}
.homepage .homepage-process .title-homepage-process h2{
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: -0.12rem;
    color: #333;
    margin: 0.625rem 0 1.25rem;
}
.homepage .homepage-process .title-homepage-process .process-text h3{
    font-size: 1.5rem;
    line-height: 2.17;
    letter-spacing: -0.06rem;
    text-align: center;
    color: #333;
    margin: 3.75rem 0 0.625rem;
}
.homepage .homepage-process .title-homepage-process .process-text p{
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.045rem;
    text-align: center;
    color: #757575;
}
.homepage .homepage-process .title-homepage-process img{
    width: 100%;
    margin: 2.5rem 0 6.25rem;
}
.homepage .homepage-asis-tobe .title-homepage-asis-tobe .asis-tobe-text h2{
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.25;
    color: #333;
    margin: 9.375rem 0 3.75rem;
    display: inline-block;
}
.eng { font-family: Montserrat; }
.homepage .homepage-asis-tobe .title-homepage-asis-tobe .asis-tobe-text .homepage-quotation-left{
    transform: rotate(180deg);
    width: 35px;
    padding: 5.7rem 0 5rem 0.7rem;
}
.homepage .homepage-asis-tobe .title-homepage-asis-tobe .asis-tobe-text .homepage-quotation-right{
    width: 35px;
    margin: 10rem 0 0 0.7rem;
}
.homepage .homepage-asis-tobe .title-homepage-asis-tobe img{
    width: 100%;
    margin: 3.125rem 0 6.25rem;
}
.homepage .homepage-asis-tobe .title-homepage-asis-tobe h3{
    font-family: Montserrat;
    font-size: 1.5rem;
    line-height: 2.17;
    color: #333;
}
.homepage .homepage-asis-tobe .title-homepage-asis-tobe p{
    font-family: Montserrat;
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.045rem;
    color: #757575;
}
.homepage .homepage-asis-tobe .title-homepage-asis-tobe .asis-tobe-text{
    margin-left: -3.5rem;
}
.homepage .homepage-keypoint{
    background-image: url(/img/our_service/design/bg_homepage_asis_tobe.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    display: block;
}
.homepage .homepage-keypoint .title-homepage-keypoint em{
    font-family: Montserrat;
    font-size: 1rem;
    font-weight:bold;
    color: #7df7ff;
    padding: 7.437rem 0 0.625rem;
    display: block;
}
.homepage .homepage-keypoint .title-homepage-keypoint h2{
    font-size: 3rem;
    line-height: 1.25;
    font-weight: normal;
    color: #fff;
    margin-bottom: 1.5rem;
}
.homepage .homepage-keypoint .title-homepage-keypoint p{
    font-size: 1.125rem;
    line-height: 1.56;
    color: #fff;
}
.homepage .homepage-keypoint .title-homepage-keypoint img{
    width: 100%;
    margin: 3.75rem 0 35.875rem;
}
.homepage .homepage-designpoint .title-homepage-designpoint em{
    font-family: Montserrat;
    font-size: 1rem;
    font-weight:bold;
    color: #10a3ad;
    margin: -14rem 0 0.625rem;
    display: block;
}
.homepage .homepage-designpoint .title-homepage-designpoint h2{
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1.3;
    color: #333;
    margin: 0.625rem 0 0.625rem;
}
.homepage .homepage-designpoint .title-homepage-designpoint p{
    font-size: 1.125rem;
    line-height: 1.56;
    color: #757575;
}
.homepage .homepage-designpoint .title-homepage-designpoint img{
    width: 100%;
    margin: 3.75rem 0 6.25rem;
}
.homepage .homepage-effective{
    background-image:url(/img/our_service/design/bg_homepage_effective.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
}
.homepage .homepage-effective .title-homepage-effective h2{
    font-family: Montserrat;
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.17;
    letter-spacing: -0.06rem;
    color: #7df7ff;
}
.homepage .homepage-effective .title-homepage-effective p{
    font-size: 1.125rem;
    line-height: 1.78;
    color: #fff;
    margin: 0.625rem 0 5rem;
}
#effective-design-process-slides .wrap-meeting,
#effective-design-process-slides .wrap-storyboard,
#effective-design-process-slides .wrap-review,
#effective-design-process-slides .wrap-design,
#effective-design-process-slides .wrap-publishing,
#effective-design-process-slides .wrap-programming,
#effective-design-process-slides .wrap-confirm {
    width: 100%;
}
#effective-design-process-slides .wrap-meeting .list-meeting,
#effective-design-process-slides .wrap-storyboard .list-storyboard,
#effective-design-process-slides .wrap-review  .list-review,
#effective-design-process-slides .wrap-design .list-design,
#effective-design-process-slides .wrap-publishing .list-publishing {
    display: flex;
    justify-content: space-between;
}
#effective-design-process-slides .wrap-meeting .list-meeting .meeting,
#effective-design-process-slides .wrap-storyboard .list-storyboard .storyboard,
#effective-design-process-slides .wrap-review  .list-review .review,
#effective-design-process-slides .wrap-design .list-design .design,
#effective-design-process-slides .wrap-publishing .list-publishing .publishing {
    background-color: #fff;
    border-radius: 1.25rem;
    text-align: center;
    width: 25%;
    max-width: 205px;
    height: 215px;
}
#effective-design-process-slides .wrap-meeting .list-meeting .meeting img,
#effective-design-process-slides .wrap-storyboard .list-storyboard .storyboard img,
#effective-design-process-slides .wrap-review  .list-review .review img,
#effective-design-process-slides .wrap-design .list-design .design img,
#effective-design-process-slides .wrap-publishing .list-publishing img {
    width: 33%;
    margin: 0 auto;
    padding: 3rem 0 1.52rem;
}
#effective-design-process-slides .wrap-storyboard .list-storyboard >li:last-of-type img{ width: 25%;}
#effective-design-process-slides .wrap-meeting .list-meeting .meeting p,
#effective-design-process-slides .wrap-storyboard .list-storyboard .storyboard p,
#effective-design-process-slides .wrap-review  .list-review .review p,
#effective-design-process-slides .wrap-design .list-design .design p,
#effective-design-process-slides .wrap-publishing .list-publishing p {
    font-size: 1.125rem;
    line-height: 1.56;
    color: #757575;
    text-align: center;
    margin: 0;
}
#effective-design-process-slides .wrap-programming .list-programming,
#effective-design-process-slides .wrap-confirm .list-confirm {
    display: flex;
    justify-content: center;
}
#effective-design-process-slides .wrap-programming .list-programming .programming,
#effective-design-process-slides .wrap-confirm .list-confirm .confirm {
    background-color: #fff;
    border-radius: 1.25rem;
    text-align: center;
    width: 25%;
    max-width: 205px;
    height: 215px;
    margin: 0 0.312rem;
}
#effective-design-process-slides .wrap-programming .list-programming .programming img,
#effective-design-process-slides .wrap-confirm .list-confirm .confirm img {
    width: 33%;
    margin: 0 auto;
    padding: 3rem 0 1.52rem;
}
#effective-design-process-slides .wrap-confirm .list-confirm >li:first-of-type img{ width: 50%;}
#effective-design-process-slides .wrap-programming .list-programming .programming p,
#effective-design-process-slides .wrap-confirm .list-confirm .confirm p {
    font-size: 1.125rem;
    line-height: 1.56;
    color: #757575;
    text-align: center;
    margin: 0;
}
#effective-design-process-slides .swiper-container .swiper-wrapper .swiper-slide {
    background-color: #fff;
    border-radius: 1.25rem;
    text-align: center;
    width: 205px;
    height: 215px;
}
#effective-design-process-slides .swiper-container .swiper-wrapper .swiper-slide img{
    width: 33%;
    margin: 0 auto;
    padding: 3rem 0 1.52rem;
}
#effective-design-process-slides .swiper-container .swiper-wrapper .swiper-slide .small-img {width: 25%;}
#effective-design-process-slides .swiper-container .swiper-wrapper .swiper-slide .big-img {width: 40%;}
#effective-design-process-slides .swiper-container .swiper-wrapper .swiper-slide p{
    font-size: 1.125rem;
    line-height: 1.56;
    color: #757575;
    text-align: center;
    margin: 0;
}
#effective-design-process-slides .swiper-button-prev .material-icons,
#effective-design-process-slides .swiper-button-next .material-icons { 
    width: 3.75rem; 
    height: 3.75rem; 
    background: rgba(255, 255, 255, 0.61); 
    border: 1px solid #b5b5b5; 
    font-size: 3rem; 
    color: #d8d8d8; 
    line-height: 1.3; 
    text-align: center; 
}
#effective-design-process-slides .swiper-button-prev,
#effective-design-process-slides .swiper-button-next { 
    width: 3.75rem; 
    height: 3.75rem; 
    background: none; 
}
#effective-design-process-slides .swiper-button-prev { left: 12px; }
#effective-design-process-slides .swiper-button-next { right: 12px; }
#effective-design-process-slides .swiper-button-prev::after,
#effective-design-process-slides .swiper-button-next::after { content: none; }
#effective-design-process-slides .swiper-button-prev .material-icons { 
    padding-left: 1rem; 
    box-sizing: border-box; 
}
#effective-design-process-slides .effective-design-process-slider{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 2.5rem auto 5rem;
    position: relative;
    cursor: pointer;
}
#effective-design-process-slides .effective-design-process-slider::before {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: 11px;
    background-color: #757575;
    width: 87%;
    left: 60px;
    right: 0;
    z-index: 10;
}
#effective-design-process-slides .effective-design-process-slider li{
    margin: 0 auto;
    font-size: 1rem;
    text-align: center;
    color: #757575;
    z-index: 100;
}
#effective-design-process-slides .effective-design-process-slider li .list-icon-on { display: none; }
#effective-design-process-slides .effective-design-process-slider li .list-icon-off { display: inline-block; }
#effective-design-process-slides .effective-design-process-slider li.on .list-icon-on { display: inline-block; }
#effective-design-process-slides .effective-design-process-slider li.on .list-icon-off { display: none; }
#effective-design-process-slides .effective-design-process-slider .on{
    font-weight: bold;
    color: #fff;
    opacity: 1;
}
#effective-design-process-slides .effective-design-process-slider img{width: 100%; max-width: 1.25rem;}
#effective-design-process-slides .wrap-storyboard .list-storyboard .storyboard .small-text {
    font-size: 0.875rem;
    line-height: 2.8;
    letter-spacing: -0.068rem;
    color: #757575;
    margin: -0.5rem 0;
}
/* -end- 홈페이지 */


/*  Smartphones in portrait mode  */
@media only screen and (max-width: 600px) {
    .page-design .content-wrapper{
        width:100%;
        padding:0 1rem;
        flex-direction: column;
    }
    .page-design .tab-title{
        margin-bottom:2rem;
    }
    .page-design .tab-area >p {
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 2.28;
        text-align: center;
        color: #10a3ad;
        margin-bottom: -1.4rem;
        margin-top:6.25rem;
    }
    .page-design .tab-title li{
        margin-left:1.3rem;
        font-size:1.125rem;
    }
    .page-design .tab-area >p {
        margin-top: 6rem;
    }
    .page-design .tab-title li {
        margin-left: 1.3rem;
        font-size: 1.125rem;
    }
    .page-design .tab-title li.active {
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.125rem;
        color: #000;
        font-family: Montserrat;
    }
    .page-design .visual p{
        font-size:1.5rem;
    }
    .page-design .title{
        font-size:1.5rem;
    }
    .design .visual{
        background-image: url('/img/our_service/design/m_bg_design_top_bg.png');
        padding: 2.5rem 0 13.062rem 0;
    }
    .page-design .visual h1{
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: -0.052rem;
        text-align: left;
    }
    .page-design .visual span {
        display: block;
        font-size: 1rem;
        /* line-height: 3; */
        letter-spacing: -0.04rem;
        margin-top: -0.625rem;
        text-align: left;
        font-weight: bold;
        margin-bottom: 2.75rem;
    }
    .page-design .style-guide .visual span,
    .page-design .landing-page .visual span,
    .page-design .hospital .visual span {
        display: block;
        font-size: 1rem;
        /* line-height: 3; */
        letter-spacing: -0.04rem;
        margin-top: -0.625rem;
        text-align: left;
        font-weight: bold;
        margin-bottom: 5.1rem;
    }

    .content-design { flex-direction: column; }
    .content-design-left { width: 100%; max-width: none; text-align: left;}
    .content-design-right { width:100%; max-width: none;}
    .design .content-design-left .wrap-menu .left-menu {
        width: 100%;
        display: block;
        position: absolute;
        top: 27.8rem;
        z-index: 10;
    }
    .content-design-left .wrap-menu .left-menu .left-menu-dropdown {
        font-size: 1rem;
        color: #000;
        opacity: 0.3;
        border: 1px solid #dbdbdb;
        padding: 0.75rem 1.25rem;
        width: 100%;
        text-align: left;
        background-color: #f8f8f8;
        display: flex;
        justify-content: space-between;
    }
    .design .content-design-left .wrap-menu .left-menu >ul>li {
        font-size: 1rem;
        opacity: 0.3;
        color: #000000;
        margin-bottom: 0;
    }
    .content-design-left .wrap-menu .left-menu .left-menu-dropdown .material-icons-outlined{
        font-size:1.5rem;
        font-weight: bold;
        color: #000;
        opacity: 0.3;
    }
    .content-design-left .wrap-menu .left-menu .left-menu-dropdown .material-icons-outlined.open-menu { display: none; }
    .content-design-left .wrap-menu .left-menu .left-menu-dropdown-content{
        display: none;
        font-size: 1rem;
        color: #fff;
        opacity: 1;
        padding: 0.75rem 1.25rem;
        width: 100%;
        text-align: left;
        background-color: #f8f8f8;
        box-sizing: border-box;
        border-bottom: 1px solid #dbdbdb ;
        
    }
    .content-design-left .wrap-menu .left-menu .left-menu-dropdown-content li{
        padding: 0.75rem 0;
    }
    .design .title-trand h1 {
        font-size: 1.75rem;
        line-height: 1.36;
        color: #333;
    }
    .design .title-trand h2 {
        font-size: 0.875rem;
        font-weight: normal;
        line-height: 1.71;
        letter-spacing: normal;
        color: #757575;
        margin: 1.25rem 0 3.125rem;
    }
    .design.trendy img{
        width: 50%;
        margin-bottom: 4rem;
    }
    .design.trendy .mobile .text-font {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        width: 100%;
        margin-bottom: 5rem;
    }
    .design.trendy .mobile .text-font .left, 
    .design.trendy .mobile .text-font .right, 
    .design.trendy .mobile .text-font .center {
        display: inline-block;
    }
    .design.trendy .mobile .text-font .left > img,
    .design.trendy .mobile .text-font .right > img{
        width: 70%;
        margin:0;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        opacity: 0.5;
    }
    .design.trendy .mobile .text-font .center{
        font-size: 1.25rem;
        line-height:1.5;
        letter-spacing: normal;
        padding-top: 0.5rem;
    }
    .page-design .design.service .content-wrapper, 
    .page-design .design.media-mix .content-wrapper, 
    .page-design .design.copywriting .content-wrapper, 
    .page-design .design.design-keyword .content-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .page-design .detail-wrapper {
        width: 100%;
        max-width: none;
    }
    .design .title-service h1 {
        font-size: 1.75rem;
        line-height: 1.36;
    }
    .design .title-service h2 {
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: -0.035rem;
    }
    .design .service .mobile .service_list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: stretch;
        margin-bottom: 3rem;
    }
    .design .service .service_list .marketing-image>li, 
    .design .service .service_list .brand>li, 
    .design .service .service_list .print>li, 
    .design .service .service_list .picture>li {
        width: 100%;
    }
    .design .service .service_list>li>div {
        text-align: left;
    }
    .design .service .service_list .marketing-image>li>p {
        display: inline;
        font-size: 0.875rem;
        line-height: 0.88;
    }
    .design .media-mix {
        background-image: url(/img/our_service/design/m_bg_design_midiamix.png);
        padding: 0;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        color: #fff;
    }
    .design .title-media-mix h1 {
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        letter-spacing: normal;
        margin-top: 1rem;
    }
    .design.media-mix .media-mix-overflow {
        overflow-x: scroll;
        width: 100%;
        margin-bottom: 3rem;
    }
    .design.media-mix .media-mix-overflow img {
        width: 561px;

        margin-bottom: 2rem;
    }
    .design.media-mix .media-mix-overflow .overflow-cover {
        width: 5.5rem;
        height: 95%;
        background-image: linear-gradient(to left, #262b36, rgba(38, 43, 54, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    /* 슬라이드바소스 */
    /* width */
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px white; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #ffffff; 
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #fff;
        height: 3px;
        opacity:50%;
    }
    /* -end- 슬라이드바소스 */
    .marketing .go_portfolio {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .design .title-copywriting h1 {
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: normal;
        color: #3a3a3a;
    }
    .design.copywriting img {
        margin: 5rem 0 0;
        bottom: 0;
        display: block;
    }
    .design .title-design-keyword h1 {
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: normal;
        color: #3a3a3a;
    }
    .go_portfolio .desktop{
        display:none;
    }
    .go_portfolio {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    /* .go_portfolio .btn_qna {
        min-width: 50%;
        padding: 1rem 0;
        border: 1px solid #10a3ad;
        display: inline-block;
    } */
    /* .go_portfolio .btn_cart {
        min-width: 50%;
        padding: 1rem 0;
        background-color: #fff;
        color: #10a3ad;
        border: 1px solid #10a3ad;
        display: inline-block;
    } */

    /* 디자인-스타일가이드 */
    .style-guide .resolution-grid h1 {
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: normal;
        margin: 9.375rem 0 0;
    }
    .style-guide .resolution-grid h2, 
    .style-guide .title-typography h2, 
    .style-guide .title-color h2, 
    .style-guide .title-component h2 {
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: normal;
        margin: 0.625rem 0 0;
    }
    .style-guide .resolution-grid-resolution h3, 
    .style-guide .resolution-grid-grid h3, 
    .style-guide .typography h3, 
    .style-guide .typography-accessibility h3, 
    .style-guide .color-guide h3, 
    .style-guide .icon-size h3,
    .style-guide .color .title-color h3 {
        font-size: 1.25rem;
        line-height: 0.4;
        color: #000;
        margin-top: 3.75rem;
    }
    .style-guide .resolution-grid-resolution p, 
    .style-guide .resolution-grid-grid p, 
    .style-guide .typography p, 
    .style-guide .color-guide p, 
    .style-guide .icon-size p, 
    .style-guide .component p,
    .style-guide .color .title-color p {
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: -0.035rem;
        margin: 1rem 0 1.875rem;
        color: #757575;
        word-break: break-all;
    }
    .style-guide .resolution-grid-resolution img, 
    .style-guide .resolution-grid-grid img, 
    .style-guide .typography img, 
    .style-guide .typography-accessibility img, 
    .style-guide .color img, 
    .style-guide .icon-size img,
    .style-guide .component img {
        width: 100%;
        display: block;
    }
    .style-guide .resolution-grid-responsive h3 {
        font-size: 1.25rem;
        line-height: 1.6;
        letter-spacing: normal;
        color: #fff;
        margin-top: 6.25rem;
        padding: 0 0 31rem;
    }
    .style-guide .resolution-grid-responsive {
        background-image: url(/img/our_service/design/m_bg_styleguide_responsive.png);
        /* padding: 4.5rem 0 0; */
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        color: #fff;
        margin: 0;
    }
    .style-guide .resolution-grid-responsive p {
        font-size: 0.875rem;
        line-height: 1.71;
        color: #fff;
        margin: 2rem 0 3rem;
        word-break: keep-all;
        opacity: 0.6;
    }
    .style-guide .typography-overflow {
        overflow-x: scroll;
        width:100%;
    }
    .style-guide .typography-overflow img{
        width: 562px;
        margin-bottom: 2rem;
    }
    .style-guide .typography-overflow .overflow-cover{
        width: 5.5rem;
        height: 40%;
        background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
        z-index: 100;
        position:absolute;
        right:0px;
        bottom:0px;
    }
    .style-guide .typography .slide-text{
        font-size: 0.875rem;
        line-height: 1.43;
        text-align: center;
        color:#c1c1c1;
        opacity: 70%;
        margin-top: 0.437rem;
    }

    /* 타이포그래피 슬라이드바소스 */
    /* width */
    .style-guide .typography-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .style-guide .typography-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }
    
    /* Track */
    .style-guide .typography-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1c1c1; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .style-guide .typography-overflow::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .style-guide .typography-overflow::-webkit-scrollbar-thumb:hover {
        background: #c1c1c1;
        height: 3px;
        opacity:50%;
    }
    /* -end- 타이포그래피 슬라이드바소스 */
    .style-guide .typography-accessibility p {
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: -0.035rem;
        margin-top: 1rem;
        word-break: break-all;
    }
    .style-guide .title-typography-accessibility h4 {
        font-size: 1.25rem;
        line-height: 0.4;
        color: #000;
        padding: 1.875rem 0;
    }
    .style-guide .color .title-color .color-styleguide-systemcolor{
        margin-bottom: 5rem;
    }
    .style-guide .title-icon-guide em {
        margin: 5rem 0 0.625rem;
    }
    .style-guide .title-icon-guide h2 {
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.14;
        letter-spacing: normal;
        margin: 1rem 0 3rem;
    }
    .style-guide .icon-guide {
        background-image: url(/img/our_service/design/m_bg_styleguide_icon.png);
        /* padding: 4.5rem 0 0; */
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        color: #fff;
        margin: 0;
    }
    .style-guide .icon-guide h3 {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: normal;
        color: #fff;
        margin: 2rem 0 1rem;
        word-break: keep-all;
    }
    .style-guide .icon-guide p {
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: -0.035rem;
        color: #fff;
        opacity: 0.7;
        margin: 0.625rem 0 19rem;
        word-break: break-all;
    }
    .style-guide .component {
        background-image: none;
        padding: 0;
        margin: 0;
    }
    .style-guide .title-resolution-grid em, 
    .style-guide .title-typography em, 
    .style-guide .title-color em, 
    .style-guide .title-component em {
        margin: 7rem 0 0.625rem;
        font-size: 0.875rem;
    }



    /* -end- 디자인-스타일가이드 */

    /* 다자인-랜딩페이지 */
    .landing-page .title-landing-page em, 
    .landing-page .title-what-is-landing em, 
    .landing-page .title-landing-purpose em, 
    .landing-page .title-landing-option em, 
    .landing-page .title-landing-wireframe em, 
    .landing-page .title-landing-trandy em, 
    .landing-page .title-landing-competitive em {
        display: block;
        font-size: 0.875rem;
        font-weight: bold;
        color: #10a3ad;
        font-family: Montserrat;
        margin: 6.25rem 0 0.625rem;
        text-align: left;
    }
    .landing-page .title-landing-page em { margin: 9.375rem 0 0.625rem; }
    .landing-page .title-what-is-landing em, .landing-page .title-what-is-landing h2, .landing-page .title-what-is-landing p {padding: 0 0 0 1.25rem;}
    .landing-page .title-landing-purpose em, .landing-page .title-landing-purpose h2, .landing-page .landing-purpose h3,  .title-landing-purpose img {padding: 0 0 0 1.25rem;}
    .title-landing-purpose img { width: 88%; }
    

    .landing-page .title-landing-page h2, 
    .landing-page .title-what-is-landing h2, 
    .landing-page .title-landing-purpose h2, 
    .landing-page .title-landing-option h2, 
    .landing-page .title-landing-wireframe h2, 
    .landing-page .title-landing-trandy h2, 
    .landing-page .title-landing-competitive h2 {
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: normal;
        color: #333;
        margin: 1rem 0;
    }
    .landing-page .title-landing-option h2, .landing-page .title-landing-trandy h2 { margin: 1rem 0 2.5rem; }
    .landing-page .wrap-landingpage-text{
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin: 2rem 0 1rem;
    }
    .landing-page .wrap-landingpage-text img{
        margin: auto auto;
        width: 7%;
    }
    .landing-page .wrap-landingpage-text h1{
        font-size: 1.75rem;
        line-height: 1.36;
        text-align: center;
        color: #333;
    }
    .landing-page .landing-guide-need .landing-guide-need-line {
        left: 50%;
        right: 50%;
    }
    .landing-page .landing-guide-need h3 {
        font-size: 1.125rem;
        line-height: 1.56;
        padding: 5rem 0 0rem;
    }
    .landing-page .landing-guide-need p {
        font-size: 0.875rem;
        line-height: 1.71;
        word-break: keep-all;
        margin: 0.625rem 0 1.5rem;
    }
    .landing-page .landing-guide-need img{
        width: 100%;
        display: block;
    }
    /* 랜딩페이지- 랜딩페이지 슬라이드바소스 */
    /* width */
    .landing-page .what-is-landing .title-what-is-landing .landing-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .landing-page .what-is-landing .title-what-is-landing .landing-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }
    
    /* Track */
    .landing-page .what-is-landing .title-what-is-landing .landing-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1c1c1; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .landing-page .what-is-landing .title-what-is-landing .landing-overflow::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .landing-page .what-is-landing .title-what-is-landing .landing-overflow::-webkit-scrollbar-thumb:hover {
        background: #c1c1c1;
        height: 3px;
        opacity:50%;
    }
    /* -end- 랜딩페이지-랜딩페이지 슬라이드바소스 */
    .landing-page  .what-is-landing .title-what-is-landing .landing-overflow {
        overflow-x: scroll;
        width:100%;
    }
    .landing-page  .what-is-landing  .title-what-is-landing .landing-overflow img{
        width: 529px;
        margin-bottom: 2rem;
        margin-left: 1.25rem;
    }
    
    .landing-page .what-is-landing .slide-text,
    .landing-page .landing-purpose .slide-text{
        font-size: 0.875rem;
        line-height: 1.43;
        text-align: center;
        color:#c1c1c1;
        opacity: 70%;
        margin-top: 0.437rem;
    }
    .landing-page .title-why-landing h2 {
        font-size: 1.75rem;
        line-height: 1.36;
        color: #10a3ad;
    }
    .landing-page .title-why-landing p {
        font-size: 0.875rem;
        line-height: 1.71;
        color: #424242;
    }
    .landing-page .why-landing {
        background-image: url(/img/our_service/design/m_bg_why_landing.png);
        padding: 7.375rem 0 21rem;
    }
    .landing-page .title-why-landing-bottom h2 {
        font-size: 1.75rem;
        text-align: center;
        line-height: 1.36;
        letter-spacing: -0.087rem;
        color: #333;
        margin: 5rem 0 5rem;
    }

    /* 랜딩페이지- 제작목적 슬라이드바소스 */
    /* width */
    .landing-page .landing-purpose .title-landing-purpose .landing-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .landing-page .landing-purpose .title-landing-purpose .landing-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }
    
    /* Track */
    .landing-page .landing-purpose .title-landing-purpose .landing-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1c1c1; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .landing-page .landing-purpose .title-landing-purpose .landing-overflow::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .landing-page .landing-purpose .title-landing-purpose .landing-overflow::-webkit-scrollbar-thumb:hover {
        background: #c1c1c1;
        height: 3px;
        opacity:50%;
    }
    /* -end- 랜딩페이지-제작목적 슬라이드바소스 */

    .landing-page .landing-purpose .title-landing-purpose .landing-overflow {
        overflow-x: scroll;
        width:100%;
    }
    .landing-page .landing-purpose .title-landing-purpose .landing-overflow img{
        width: 529px;
        margin-bottom: 2rem;
    }
    .landing-page .landing-purpose .title-landing-purpose .landing-overflow img{
        width: 698px;
        margin-bottom: 2rem;
        margin-left: 1.25rem;
    }
    .landing-page .landing-purpose .title-landing-purpose .overflow-cover {
        FONT-WEIGHT: 100;
        width: 6rem;
        height: 24%;
        background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        top: 90px;
    }
    .landing-page .landing-purpose h3 {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: normal;
        color: #000;
        margin: 5rem 0 3rem;
    }
    #m-knowhow-slides.swiper-container { overflow: hidden; }
    #m-knowhow-slides .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        bottom: -50px !important;
    }
    .landing-page .landing-purpose {
        background-color: #fff;
        padding-bottom: 3rem;
    }
    .landing-page .landing-option .option_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .landing-page .landing-option .option_list >li {
        float: none;
        width: 49%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .landing-page .landing-option .option_list >li p {
        font-size: 0.875rem;
        line-height: 1.57;
        margin: 1rem 0 1rem;
        letter-spacing: 0.046rem;
    }
    .landing-page .landing-option .option_list >li p>span {
        font-size: 0.75rem;
        text-align: left;
        /* line-height: 1.5; */
        /* color: #757575; */
        display: block;
        text-align: center;
    }
    .landing-page .landing-exposed {
        background-image: url(/img/our_service/design/m_bg_landing_exposed.png);
        padding: 5rem 0;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        color: #fff;
        margin: 5rem 0 3;
    }
    .landing-page .title-landing-exposed h2 {
        font-size: 1.5rem;
        line-height: 1.42;
    }
    .landing-page .title-landing-exposed p {
        font-size: 0.875rem;
        line-height: 1.71;
        text-align: center;
        color: #fff;
        margin: 1.25rem 0 2.5rem;
    }
    .landing-page .title-landing-exposed img {
        width: 320px;
    }
    .landing-page .title-landing-wireframe h3, 
    .landing-page .title-landing-trandy h3 {
        font-size: 1.25rem;
        line-height: 1.4;
        color: #000;
    }
    .landing-page .title-landing-page p, 
    .landing-page .title-what-is-landing p, 
    .landing-page .title-landing-wireframe p{
        font-size: 0.875rem;
        line-height: 1.57;
        margin: 0.625rem 0 1.5rem;
        letter-spacing: -0.035rem;
    }
    .landing-page .title-landing-trandy p,
    .landing-page .title-landing-competitive p{
        font-size: 1.125rem;
        line-height: 1.67;
        margin: 0.625rem 0 1.5rem;
    }
    .go_portfolio .mobile {display: flex; }
    .go_portfolio .btn_cart {
        min-width: 49%;
        padding: 1rem 0;
        background-color: #fff;
        color: #10a3ad;
        border: 1px solid #10a3ad;
        display: inline-block;
        text-align: center;
        font-size: 0.875rem;
    }
    .go_portfolio .btn_qna {
        min-width: 50%;
        padding: 1rem 0;
        border: 1px solid #10a3ad;
        display: inline-block;
        text-align: center;
        font-size: 0.875rem;
    }



    /* -end- 다자인-랜딩페이지 */


    /* 다자인-병원사진 */
    .hospital .hospital-picture .title-hospital-picture em, 
    .hospital .hospital-photo-by-design .title-hospital-photo-by-design em, 
    .hospital .hospital-key-point .title-hospital-key-point em, 
    .hospital .hospital-advantage .title-advantage em, 
    .hospital .hospital-photo-direction .title-photo-direction em, 
    .hospital .hospital-photo-studio .title-photo-studio em, 
    .hospital .hospital-photo-team .title-photo-team em, 
    .hospital .hospital-photo-design .title-photo-design em,
    .hospital .hospital-photo-team .title-photo-design em {
        display: block;
        font-size: 0.875rem;
        font-weight: bold;
        line-height:2;
        color: #10a3ad;
        font-family: Montserrat;
        margin: 0;
        padding-top: 5rem;
    }
    .hospital .hospital-picture .title-hospital-picture h2, 
    .hospital .hospital-photo-by-design .title-hospital-photo-by-design h2, 
    .hospital .hospital-key-point .title-hospital-key-point h2, 
    .hospital .hospital-advantage .title-advantage h2, 
    .hospital .hospital-photo-studio .title-photo-studio h2, 
    .hospital .hospital-photo-team .title-photo-team h2, 
    .hospital .hospital-photo-design .title-photo-design h2{
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        letter-spacing: normal;
        color:#333;
    }
    .hospital .hospital-key-point .title-hospital-key-point h2 { letter-spacing: -0.12rem; margin: 0 0 3.75rem; }
    #m-hospital-key-point-slides .swiper-container .swiper-pagination-bullet-active { background: #10a3ad; }
    /* #m-hospital-key-point-slides .swiper-container .swiper-pagination-bullet { background: #bcbcbc; } */

    .hospital .wrap-content-design {
        background-image: url(/img/our_service/design/m_bg_hospital_top.png);
        padding: 0 0 13rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
    }
    .hospital .hospital-why-need-picture {
        background-image: url(/img/our_service/design/m_bg_hospital_whypicture.png);
        padding: 7.5rem 0 3rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        display: flex;
        justify-content: space-between;
        margin: -7rem 0 0;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture h2 {
        font-size: 1.5rem;
        font-weight: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #fff;
        text-align: center;
        margin: 1rem auto 1rem;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .quotatio-left {
        width: 1.5rem;
        margin-right: 0.7rem;
        transform: rotate(180deg);
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .quotatio-right {
        width: 1.5rem;
        margin-left: 0.7rem;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture p {
        font-size: 0.875rem;
        line-height: 1.57;
        letter-spacing: normal;
        color: #eee;
        text-align: center;
        padding-bottom: 4rem;
    }
    /* 병원사진- 왜 사진이 필요한가 슬라이드바소스 */
    /* width */
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }
    
    /* Track */
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1c1c1; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow::-webkit-scrollbar-thumb:hover {
        background: #c1c1c1;
        height: 3px;
        opacity:50%;
    }
    /* -end- 병원사진- 왜 사진이 필요한가 슬라이드바소스 */
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow .overflow-cover {
        width: 8.5rem;
        height: 34.5rem;
        opacity: 0.5;
        background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        top: -98px;
        overflow: hidden;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow {
        overflow-x: scroll;
        width: 100%;
        /* margin-bottom: 3rem; */
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow img {
        width: 689px;

        margin-bottom: 1rem;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .slide-text{
        font-size: 0.875rem;
        line-height: 1.43;
        text-align: center;
        color:#fff;
        opacity: 70%;
        margin-top: 0.437rem;
    }
    .hospital .hospital-key-point .title-hospital-key-point em,
    .hospital .hospital-photo-direction .title-photo-direction em,
    .hospital .hospital-photo-team .title-photo-team em,
    .hospital .hospital-photo-design .title-photo-design em{
        text-align: center;
    }
    .hospital .hospital-key-point .title-hospital-key-point h2,
    .hospital .hospital-photo-direction .title-photo-direction h2{
        text-align: center;
    }
    .hospital .hospital-key-point .title-hospital-key-point .text-rotate { vertical-align: 12px; }
    .hospital .hospital-photo-direction .title-photo-direction h2 { font-weight: normal; font-size: 1.75rem; letter-spacing: -0.07; }
    .hospital .hospital-key-point {
        padding-bottom: 6rem;
        overflow: hidden;
    }
    .hospital .hospital-key-point .title-hospital-key-point .m-hospital-key-point-slides .swiper-slide img{
        width: 100%;
        margin: 0 auto;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%;
    }
    #m-hospital-key-point-slides .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        bottom: -25px !important;
    }
    #m-hospital-key-point-slides.swiper-container {
        overflow: unset;
    }
    .hospital .hospital-photo-direction .title-photo-direction img{
        margin: 3.75rem 0 5rem;
    }
    .hospital .hospital-advantage .title-advantage h2,
    .hospital .hospital-photo-studio .title-photo-studio h2{
        color: #7df7ff;
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        letter-spacing: normal;
        margin: 1rem 0 2rem;
    }
    .hospital .hospital-advantage .title-advantage p {
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.4;
        letter-spacing: normal;
        color: #fff;
    }
    /* 병원사진- 전략기획을 가진 전문진행 슬라이드바소스 */
    /* width */
    .hospital .hospital-advantage .title-advantage .hospital-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .hospital .hospital-advantage .title-advantagee .hospital-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }
    
    /* Track */
    .hospital .hospital-advantage .title-advantage .hospital-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1c1c1; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .hospital .hospital-advantage .title-advantage .hospital-overflow::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .hospital .hospital-advantage .title-advantage .hospital-overflow::-webkit-scrollbar-thumb:hover {
        background: #c1c1c1;
        height: 3px;
        opacity:50%;
    }
    /* -end- 병원사진- 전략기획을 가진 전문진행 슬라이드바소스 */
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow .overflow-cover {
        width: 8.5rem;
        height: 34.5rem;
        opacity: 0.5;
        background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        top: -98px;
        overflow: hidden;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow {
        overflow-x: scroll;
        width: 100%;
        /* margin-bottom: 3rem; */
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .hospital-overflow img {
        width: 689px;

        margin-bottom: 1rem;
    }
    .hospital .hospital-why-need-picture .title-why-need-picture .slide-text{
        font-size: 0.875rem;
        line-height: 1.43;
        text-align: center;
        color:#fff;
        opacity: 70%;
        margin-top: 0.437rem;
    }
    .hospital .hospital-advantage {
        overflow: hidden;
    }
    .hospital .hospital-advantage .title-advantage .wrap-advantge {
        display: block;
    }
    .hospital .hospital-advantage .title-advantage .m-hospital-advantage-slides{
        display: block;
    }
    .hospital .hospital-advantage .title-advantage .wrap-advantge .direction_step{ 
        width: 100%;
        box-sizing: border-box;
        margin-top: 1.875rem;
    }
    .hospital .hospital-advantage .title-advantage .wrap-advantge .m-hospital-advantage-slides .direction_step h3{
        font-family: Montserrat;
        font-size: 1.25rem;
        line-height: 1.2;
        color: #10a3ad;
        text-align: center;
        margin: 1.25rem 0 0.25rem;
    }
    .hospital .hospital-advantage .title-advantage .wrap-advantge .m-hospital-advantage-slides .direction_step p{
        font-size: 0.875rem;
        font-weight: normal;
        line-height: 1.71;
        color: #fff;
        text-align: center;
    }
    #m-hospital-advantage-slides .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        bottom: -40px !important;
    }
    #m-hospital-advantage-slides.swiper-container {
        overflow: unset;
    }
    .hospital .hospital-advantage .title-advantage .text-font{
        padding-top: 3rem;
    }
    .hospital .hospital-advantage .title-advantage .swiper-container{
        left:0;
    }
    .hospital .hospital-advantage .title-advantage .swiper-wrapper{
        width: 70%;
    }

    .hospital .hospital-advantage .title-advantage .center {
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        padding-top: 4rem;
        opacity: 0.7;
        word-break: keep-all;
    }
    .hospital .hospital-advantage .title-advantage .left img,
    .hospital .hospital-advantage .title-advantage .right img{
        width: 91%;
        margin: 3rem 0 ;
        opacity: 0.5;
    }
    .hospital .hospital-advantage { padding-bottom: 2rem; }
    .hospital .hospital-advantage .title-advantage .right img{
        transform: rotate(180deg);
    }
    .hospital .hospital-advantage .title-advantage .swiper-container .overflow-cover {
        width: 8.5rem;
        height: 23rem;
        object-fit: contain;
        background-image: linear-gradient(to left, #262b36, rgba(32, 37, 40, 0));
        z-index: 100;
        position: absolute;
        right: -20px;
        top: 31px;
        overflow: hidden;
    }
    .hospital .hospital-photo-studio img{
        width: 100%;
    }
    .hospital .hospital-photo-studio .title-photo-studio p {
        font-size: 0.875rem;
        line-height: 1.71;
        color: #fff;
        margin-bottom: 3.75rem;
    }
    .hospital .hospital-photo-team .title-photo-team h2,
    .hospital .hospital-photo-design .title-photo-design h2{
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        letter-spacing: normal;
        text-align: center;
        color: #333;
    }
    .hospital .hospital-photo-team .title-photo-team p,
    .hospital .hospital-photo-design .title-photo-design p{
        font-size: 0.875rem;
        font-weight: normal;
        line-height: 1.57;
        letter-spacing: -0.035rem;
        text-align: center;
        color: #757575;
    }
    /* -end- 다자인-병원사진 */



    /* 홈페이지 */
    .homepage .homepage-purpose .title-homepage-purpose em, 
    .homepage .homepage-process .title-homepage-process em, 
    .homepage .homepage-effective .title-homepage-effective em {
        font-family: Montserrat;
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 2;
        color: #10a3ad;
        margin: 6.25rem 0 0.625rem;
        display: block;
    }
    .homepage .homepage-purpose .title-homepage-purpose em { margin: 9.375rem 0 0.625rem; }
    .homepage .homepage-purpose .title-homepage-purpose h2 {
        font-size: 1.75rem;
        line-height: 1.36;
        color: #3a3a3a;
    }
    .homepage .homepage-purpose .title-homepage-purpose p, 
    .homepage .homepage-content .title-homepage-content p, 
    .homepage .homepage-process .title-homepage-process p {
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: normal;
        color: #757575;
    }
    .homepage .homepage-purpose .title-homepage-purpose h3{
        font-size: 1.25rem;
        line-height: 1.4;
        text-align: center;
        color: #000;
        margin: 3.75rem 0 0.625rem;
    }
    .homepage .homepage-purpose .title-homepage-purpose .text-center{
        text-align: center;
    }
    .homepage .homepage-purpose .title-homepage-purpose img{
        width: 55%;
        margin: 3rem auto;
        display: block;
    }
    .homepage .homepage-purpose .title-homepage-purpose .surpose-img-text{
        width: 100%;
        margin: 0;
        margin-bottom: 1.25rem;
    }
    .homepage .homepage-roas {
        background-image: url(/img/our_service/design/m_bg_homepage_roas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        display: block;
        height: 730px;
    }
    .homepage .homepage-roas h2 {
        font-family: Montserrat;
        font-size: 1.875rem;
        letter-spacing: normal;
        text-align: center;
        color: #10a3ad;
    }
    .homepage .homepage-roas p {
        font-size: 0.875rem;
        line-height: 1.71;
        text-align: center;
        color: #fff;
    }
    .homepage .homepage-asis-tobe .title-homepage-asis-tobe img {
        margin: 3.125rem 0 2.75rem;
    }
    .homepage .homepage-content .title-homepage-content h2 {
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        color: #333;
        margin: 6.25rem 0 2.25rem;
    }
    .homepage .homepage-process .title-homepage-process h2 {
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        letter-spacing: normal;
        color: #333;
        margin: 0.625rem 0 1.25rem;
    }
    .homepage .homepage-process .title-homepage-process .process-text h3 {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: left;
        color: #333;
        margin: 3.75rem 0 0.625rem;
    }
    .homepage .homepage-process .title-homepage-process .process-text p {
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: #757575;
    }
    /* 홈페이지- 해상도에 따른 배율 디자인 슬라이드바소스 */
    /* width */
    .homepage .homepage-process .title-homepage-process .homepage-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .homepage .homepage-process .title-homepage-process .homepage-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }
    
    /* Track */
    .homepage .homepage-process .title-homepage-process .homepage-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1c1c1; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .homepage .homepage-process .title-homepage-process .homepage-overflow::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .homepage .homepage-process .title-homepage-process .homepage-overflow::-webkit-scrollbar-thumb:hover {
        background: #c1c1c1;
        height: 3px;
        opacity:50%;
    }
    /* -end- 홈페이지- 해상도에 따른 배율 디자인 슬라이드바소스 */
    .homepage .homepage-process .title-homepage-process .homepage-overflow .overflow-cover {
        width: 8.5rem;
        height: 15rem;
        opacity: 0.5;
        background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        /* top: 490px; */
        overflow: hidden;
    }
    .homepage .homepage-process .title-homepage-process .homepage-overflow {
        overflow-x: scroll;
        width: 100%;
        /* margin-bottom: 3rem; */
    }
    .homepage .homepage-process .title-homepage-process .homepage-overflow img {
        width: 689px;

        margin-bottom: 1rem;
    }
    .homepage .homepage-process .title-homepage-process .slide-text {
        font-size: 0.875rem;
        line-height: 1.43;
        text-align: center;
        color: #c1c1c1;
        margin-top: 0.437rem;
        margin-bottom: 5rem;
    }
    .homepage .homepage-asis-tobe .title-homepage-asis-tobe h2{
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        color: #333;
        margin: 6.25rem 0 3.75rem;
    }
    .homepage .homepage-asis-tobe .title-homepage-asis-tobe h3 {
        font-family: Montserrat;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #000;
    }
    .homepage .homepage-asis-tobe .title-homepage-asis-tobe p {
        font-family: Montserrat;
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: normal;
        color: #757575;
    }
    .homepage .homepage-keypoint {
        background-image: url(/img/our_service/design/m_bg_homepage_asis_tobe.jpg);
        background-repeat: no-repeat;
        background-size: cover; 
        background-position: right bottom;
        display: block;
        background-color: #232832;
        /* background-origin:initial; */
    }
    .homepage .homepage-keypoint .title-homepage-keypoint em {
        font-family: Montserrat;
        font-size: 0.875rem;
        line-height: 2;
        font-weight: bold;
        color: #7df7ff;
        padding: 6.25rem 0 0.625rem;
        display: block;
    }
    .homepage .homepage-keypoint .title-homepage-keypoint h2 {
        font-size: 1.75rem;
        line-height: 1.36;
        color: #fff;
        margin-bottom: 1.25rem;
    }
    .homepage .homepage-keypoint .title-homepage-keypoint p {
        font-size: 0.875rem;
        line-height: 1.71;
        color: #fff;
        font-weight: normal;
    }
    .homepage .homepage-keypoint .title-homepage-keypoint img {
        width: 55%;
        margin: 4rem auto 0;
        display: block;
    }
    .homepage .homepage-keypoint .title-homepage-keypoint .keypoint-text>img {
        width: 100%;
        margin: 0.2rem auto 27rem;
    }
    /* 홈페이지- 탐솔루션만의 기획 Point 디자인 슬라이드바소스 */
    /* width */
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0rem;
    }
    
    /* Track */
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1c1c1; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow::-webkit-scrollbar-thumb:hover {
        background: #c1c1c1;
        height: 3px;
        opacity:50%;
    }
    /* -end- 홈페이지- 탐솔루션만의 기획 Point 디자인 슬라이드바소스 */
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow .overflow-cover {
        width: 5rem;
        height: 9.5rem;
        opacity: 1;
        background-image: linear-gradient(to left, #232832, rgba(35, 40, 50, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        /* top: 490px; */
        overflow: hidden;
    }
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow {
        overflow-x: scroll;
        width: 100%;
        /* margin-bottom: 3rem; */
    }
    .homepage .homepage-keypoint .title-homepage-keypoint .homepage-keypoint-overflow img {
        width: 879px;

        margin-bottom: 1rem;
    }
    .homepage .homepage-designpoint .title-homepage-designpoint em {
        font-family: Montserrat;
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 2;
        color: #10a3ad;
        margin: -6rem 0 0.625rem;
        display: block;
    }
    .homepage .homepage-designpoint .title-homepage-designpoint h2 {
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        color: #333;
        margin: 0.625rem 0 0.625rem;
    }
    .homepage .homepage-designpoint .title-homepage-designpoint p {
        font-size: 0.875rem;
        line-height: 1.71;
        color: #757575;
    }
    .homepage .homepage-designpoint .title-homepage-designpoint img {
        width: 50%;
        margin: 4rem auto 0;
        display: block;
    }
    .homepage .homepage-designpoint .title-homepage-designpoint .designpoint-text>img{
        width: 100%;
        margin: 0 0 5rem;
    }
    /* 홈페이지- 탐솔루션만의 디자인 Point 디자인 슬라이드바소스 */
    /* width */
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow {
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0rem;
    }
    
    /* Track */
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #fff; 
        border-radius: 10px;
        height: 0.25rem;
    }
    
    /* Handle */
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow::-webkit-scrollbar-thumb {
        background: #fff; 
        /* background: red !important;  */
        border-radius: 10px;
        height: 3px;
    }
    
    /* Handle on hover */
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow::-webkit-scrollbar-thumb:hover {
        background: #fff;
        height: 3px;
        opacity:50%;
    }
    /* -end- 홈페이지- 탐솔루션만의 디자인 Point 디자인 슬라이드바소스 */
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow .overflow-cover {
        width: 5rem;
        height: 8.5rem;
        opacity: 1;
        background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        /* top: 490px; */
        overflow: hidden;
    }
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow {
        overflow-x: scroll;
        width: 100%;
        /* margin-bottom: 3rem; */
    }
    .homepage .homepage-designpoint .title-homepage-designpoint .homepage-designpoint-overflow img {
        width: 879px;

        margin-bottom: 1rem;
    }
    .homepage .homepage-effective .title-homepage-effective h2 {
        font-family: Montserrat;
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        letter-spacing: normal;
        color: #7df7ff;
    }
    .homepage .homepage-effective .title-homepage-effective p {
        font-size: 0.875rem;
        line-height: 1.71;
        color: #fff;
        margin: 1.25rem 0 4.375rem;
    }
    .homepage .homepage-effective .title-homepage-effective .swiper-title {
        font-size: 1.5rem;
        line-height: 1.79;
        color: #eee;
        margin: 1.25rem 0 1.25rem;
    }
    /* #m-effective-design-process-slides {overflow: hidden;} */
    #m-effective-design-process-slides .swiper-slide { width: 95%;}
    #m-effective-design-process-slides .wrap-articles {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #m-effective-design-process-slides .wrap-articles .article {
        width: 49%;
        max-width: 150px;
        height: 150px;
        text-align: center;
        background-color: #fff;;
        border-radius: 10px;
        margin: 0 9px 9px 0;
    }
    #m-effective-design-process-slides .wrap-articles .article p { margin: 0; color: #757575; }
    #m-effective-design-process-slides .wrap-articles .article .small-text { font-size: 0.625rem; line-height: 2.8; letter-spacing: -0.068rem; color: #757575; margin: -0.5rem 0;}
    #m-effective-design-process-slides .wrap-articles .article img{ width: 35%; padding: 1.8rem 0 1rem;}
    #m-effective-design-process-slides .wrap-articles .article .small-img { width: 25%; padding: 1.8rem 0 1rem;}
    #m-effective-design-process-slides .wrap-articles .article .big-img{ width: 45%; padding: 1.8rem 0 1rem;}
    .m-effective-design-process-wrapper {margin: 0 0 7.875rem;}
    .homepage .homepage-effective .wrap-effective-design-process { padding-right: 0; overflow:hidden; }
    #m-effective-design-process-slides .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        bottom: -40px !important;
    }
    #m-effective-design-process-slides .swiper-container {
        overflow: unset;
    }
    #m-effective-design-process-slides .swiper-container .swiper-pagination-bullet { background: #bcbcbc; }
    #m-effective-design-process-slides .swiper-container .swiper-pagination-bullet-active { background: #10a3ad; }
    #m-effective-design-process-slides.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%;
    }
    #m-effective-design-process-slides .overflow-cover {
        width: 5rem;
        height: 100%;
        background-image: linear-gradient(to left, #20252e, rgba(38, 43, 54, 0));
        z-index: 100;
        position: absolute;
        right: 0px;
        top: 0px;
    }




    /* -end- 홈페이지 */
















    .design .trendy,
    .design .service{
        padding: 0;
    }
    .design .trendy p{
        padding:1.5rem;
        font-size:1.3rem;
    }
    .design .service .service_list>li{
        width:50%;
    }
    .design .effect{
        padding:3rem 0;
    }
    .design .effect_01{
        width:100%;
    }
    .design .bubble{
        font-size:1rem;
    }
    .design .story .bubble{
        font-size:.875rem;
    }
    .design .different .step_list li{
        text-align:left;
    }
    .process_2 .slidearea p{
        margin-bottom:2.5rem;
        font-size:.875rem;
    }
}

/*# sourceMappingURL=design.css-87e211f04bd92fa03de6d8e59c97dcd5c457c5b6f9f6ce03e211f9d9cfbbb091.map */