@media screen and (max-width:850px){

.m_sub, .s_nav-ct.m_show{display:flex;}
.pc_sub{display:none;}

.sec{ width:100.00vw; margin:0 auto;}
.sec h2{ display:block; font-weight:500; font-size:7.60vw; color:#333; letter-spacing:-0.27vw; line-height:1.2; text-align:center;}
.sec h2 strong{ font-size:1em; color:#333; font-weight:bold;}
.wrap{ width:89.33vw; margin:0 auto;}
.flex{ display:flex;}
body .bx-wrapper{ margin:0; padding:0; box-shadow:none; border:0; background:transparent;}
strong{ color:inherit;}
.sub-cont{padding-top:16.00vw !important;}

.sub-container .sub-tit3{
    font-size:6.40vw;
    color:#333;
    font-weight:bold;
    display:block;
    text-align:center;
    margin-bottom:4.00vw;
}
.sub-container .sub-tit3:before, .sub-container .sub-tit3:after {
    content:'';
    display:inline-block;
    width:5.33vw;
    height:5.33vw;
    vertical-align:middle;
    margin-bottom:1.07vw;
}
.sub-container .sub-tit3:before {
    background:url(/home/mobile/image/sub/sub_tit_left.png) no-repeat;
    margin-right:2.67vw;
    background-size:5.33vw;
}
.sub-container .sub-tit3:after {
    background:url(/home/mobile/image/sub/sub_tit_right.png) no-repeat;
    margin-left:2.67vw;
    background-size:5.33vw;
}

.sub-container .sub-txt{
    letter-spacing:-0.13vw;
    color:#333;
    font-weight:normal;
    text-align:center;
    position:relative;
    margin-bottom:8.00vw;
}
.sub-container .sub-txt b{ font-weight:normal;}
.sub-container .sub-txt span{ font-size:4.40vw;}
.sub-container .sub-txt .strong{ color:#333;}

/*.wrap{ text-align:center;}*/
.sub-container p, .sub-container span{ font-size:4.27vw;}
.sub-container .tit{ display:block; font-size:6.27vw; font-weight:bold; text-align:center; color:#333; padding-top:8.00vw; letter-spacing:-0.13vw; line-height:1.3;}
.sub-container .tit:after{ content:""; display:block; width:9.33vw; height:1.47vw; background:url(/home/mobile/image/sub/sub_line.png) no-repeat; text-align:center; margin:4.00vw auto 5.33vw;}
.sub-container .txt{ color:#333; font-size:4.27vw; letter-spacing:-0.13vw;}
.sub-container .wrap{ text-align:center;}
.q i { display:block; margin:0 auto 2.67vw; width:6.67vw; height:6.67vw; background:url(/home/mobile/image/sub/sub_q_ico.png) no-repeat;}
.q .tit2{ font-weight:bold; font-size:6.27vw; line-height:1.3; color:#333; letter-spacing:-0.13vw;}
.q .txt{ padding:4.00vw 0 5.33vw; letter-spacing:-0.27vw;}

/*윤민*/
.pageTit{text-align:center; margin-bottom:10.67vw; font-size:6.80vw;}
.subCon{padding-bottom:21.33vw;}
.subCon *{}
.subCon .con_tag{font-size:3.87vw}

.sub-layout{box-sizing:border-box;}
.sub-layout.padd{padding:10.67vw 0;}
.sub-layout.pad-top{padding:10.67vw 0 0;}
.sub-layout.pad-top-mini{padding:8.00vw 0 0;}
.sub-layout.padd-top-mini{padding:8.00vw 0 10.67vw;}
.layout-title{text-align:center; font-size:6.80vw; margin-bottom:10.67vw; position:relative;}
.layout-title.size{font-size:5.73vw}
.layout-title.bar:before{width:8.00vw; height:0.53vw; top:-4.00vw; transform:translateX(-50%)}
.layout-title2{text-align:left; font-size:6.80vw; margin-bottom:5.33vw;}
.layout-title.layout-title3{font-size:5.73vw; margin-bottom:6.00vw;}
.layout-txt{font-size:4.13vw;}
.layout-txt2{font-size:4.13vw; margin-top:6.00vw;}
.layout-inner { max-width: 89.33vw; margin: 0 auto;}
.layout-title + .layout-txt{margin-top:-6.67vw;}
.layout-line{max-width:89.33vw; height:0.13vw; margin:10.67vw auto;}

ul.sub-layout-tabs{width:89.33vw; margin:0 auto 8.00vw; gap:3.20vw;}
ul.sub-layout-tabs li{height:12.00vw; font-size:4.67vw;}
ul.sub-layout-tabs li.current{}


.sub-layout.layout-banner{padding:13.33vw 0;}
.sub-layout.layout-banner img{display:none;}
.sub-layout.layout-banner h4{ font-size:7.87vw; margin:0 auto 6.67vw;}
.sub-layout.layout-banner p{font-size:3.87vw; margin:6.67vw auto 4.00vw;}
.sub-layout.layout-banner h6{font-size:8.40vw; margin:4.00vw auto 0; letter-spacing:-0.07em;}
.sub-layout.layout-banner h6:before, .sub-layout.layout-banner h6:after{font-size:20.40vw;}
.sub-layout.layout-banner h6:before{content:'“'; right:calc(100% + 1.33vw);}
.sub-layout.layout-banner h6:after{content:'”'; left:calc(100% + 1.33vw);}
.sub-layout.layout-banner h6 + p{margin-top:5.33vw}


.sub-layout.layout-card {}
.sub-layout.layout-card .content { display: grid; grid-template-columns: repeat(1, 1fr); gap:10.67vw; }
.sub-layout.layout-card .card-item { display: flex; flex-direction: column; }
.sub-layout.layout-card .card-item .img { width: 100%; aspect-ratio: auto; background-color: #f2f2f2; }
.sub-layout.layout-card .card-item .img img{width:100%;}
.sub-layout.layout-card .card-item .txt { margin-top: 5.33vw; }
.sub-layout.layout-card .card-item h4 {font-size:5.73vw;}
.sub-layout.layout-card .card-item p {font-size:4.13vw; margin-top:2.67vw;}

.sub-layout.layout-chk{}
.sub-layout.layout-chk .content{padding:9.33vw 6.67vw;}
.sub-layout.layout-chk .content + p{font-size:4.13vw; margin-top:6.00vw;}
.sub-layout.layout-chk h6{font-size:6.80vw; margin-bottom:5.33vw;}
.sub-layout.layout-chk ul{gap:4.00vw;}
.sub-layout.layout-chk ul li{padding-left:7.33vw !important; font-size:4.13vw !important;}
.sub-layout.layout-chk ul li:before{width:5.33vw; height:5.33vw; top:1.34vw; transform:translateY(0)}
.sub-layout.layout-chk.half{}
.sub-layout.layout-chk.half .content{flex-direction:column; gap:5.33vw;}
.sub-layout.layout-chk.half .content > div{padding:9.33vw 6.67vw;}
.sub-layout.layout-chk.half h6{font-size:5.73vw; margin-bottom:4.67vw; display:flex; align-items:center; gap:1.60vw;}
.sub-layout.layout-chk.half h6 img{width:4.00vw; height:3.87vw; object-fit:contain;}
.sub-layout.layout-chk.half .content > div:only-child ul{display:grid; grid-template-columns:repeat(1, 1fr);}
.sub-layout.layout-chk.half .content > div:only-child ul li{}
.sub-layout.layout-chk.triple span{ font-size:4.13vw !important;}
.sub-layout.layout-chk.half.solo ul{gap:4vw;}


.sub-layout.layout-media-text .layout-title{text-align:left; width:89.33vw; margin:0 auto 6.00vw;}
.sub-layout.layout-media-text .content{align-items:flex-start; flex-direction:column; gap:8.00vw;}
.sub-layout.layout-media-text .img{order:2; width:100%;}
.sub-layout.layout-media-text .img img{width:100%;}
.sub-layout.layout-media-text .txt{order:1;}
.sub-layout.layout-media-text .txt ul {gap:4.00vw;}
.sub-layout.layout-media-text .txt li {padding:1.33vw 0 1.33vw 9.33vw; font-size:4.13vw;}
.sub-layout.layout-media-text .txt li::before {width:7.47vw; height:7.47vw;font-size:4.13vw; top:1.34vw; transform:translateY(0)}
.sub-layout.layout-media-text .txt li span{font-size:3.73vw;}
.sub-layout.layout-media-text .txt dd { position: relative; padding:1.33vw 0 1.33vw 0; box-sizing:border-box; font-size:4.13vw;}

.sub-layout.layout-wide-img{}
.sub-layout.layout-wide-img .layout-title{font-size:5.73vw;}
.sub-layout.layout-wide-img picture img{margin:6.67vw auto 0;}


.sub-layout.layout-card-detail{}
.sub-layout.layout-card-detail .content{}
.sub-layout.layout-card-detail .item{ display: flex; gap:5.33vw; justify-content:flex-start; flex-direction:column;}
.sub-layout.layout-card-detail .item .img{order:1; width:100%;}
.sub-layout.layout-card-detail .item .img img{width:100%;}
.sub-layout.layout-card-detail .item .txt{order:2; width:100%;}
.sub-layout.layout-card-detail .item h4{font-size:5.73vw;}
.sub-layout.layout-card-detail .item h5{margin:0 0 2.67vw; font-size:4.13vw;}
.sub-layout.layout-card-detail .item p{font-size:4.13vw; margin-top:4.67vw;}
.sub-layout.layout-card-detail .item h6{margin:4.67vw 0 1.34vw; font-size:4.67vw;}
.sub-layout.layout-card-detail .item ul{}
.sub-layout.layout-card-detail .item ul li{font-size:4.13vw; padding-left:1.60vw;}
.sub-layout.layout-card-detail .item ul li + li{margin-top:1.07vw;}
.sub-layout.layout-card-detail .item ul li:before{}


.sub-layout.layout-disease{}
.sub-layout.layout-disease .content{grid-template-columns: repeat(1, 1fr); gap:8.00vw;}
.sub-layout.layout-disease .item{gap:5.33vw;}
.sub-layout.layout-disease .item .img{}
.sub-layout.layout-disease .item .img img{}
.sub-layout.layout-disease .item .txt{}
.sub-layout.layout-disease .item .txt h4{font-size:5.73vw;margin-bottom:4.00vw;}
.sub-layout.layout-disease .item .txt ul{}
.sub-layout.layout-disease .item .txt ul li{font-size:4.13vw; padding-left:1.33vw;}
.sub-layout.layout-disease .item .txt ul li + li{margin-top:0.67vw;}
.sub-layout.layout-disease .item .txt ul li:before{}
.sub-layout.layout-disease .item .txt h5{font-size:5.73vw; margin-bottom:4.00vw;}
.sub-layout.layout-disease .item .txt p{font-size:4.13vw; margin-top:4.00vw;}
.sub-layout.layout-disease.type2{}
.sub-layout.layout-disease.type2 .content{justify-content:flex-start; gap:8.00vw; flex-wrap:nowrap; flex-direction:column;}
.sub-layout.layout-disease.type2 .item{width:100%}
.sub-layout.layout-disease.type2 .item .txt p{font-size:4.13vw;}
.sub-layout.layout-disease.type3 .content{}
.sub-layout.layout-disease.type3 .item{padding:4.00vw; border-radius:0;}
.sub-layout.layout-disease.type3 .item .img{width:8.13vw; height:7.20vw;}
.sub-layout.layout-disease.type3 .item .img img{}
.sub-layout.layout-disease.type3 .item .txt p{font-size:4.13vw; white-space:pre;}

.sub-layout.layout-step .content{display:grid; grid-template-columns: repeat(2, 1fr); gap:4.27vw; align-items:flex-start;}
.sub-layout.layout-step .content .item {padding:14.67vw 0 4.27vw; height:100%;}
.sub-layout.layout-step .content .item::before {top: 4.27vw; width:6.40vw; height:6.40vw;font-size:3.87vw;}
.sub-layout.layout-step .content .item h4{font-size:4.67vw; margin-bottom:2.67vw;}
.sub-layout.layout-step .content .item h4 small{font-size:4.13vw}
.sub-layout.layout-step .content .item p{font-size:4.13vw;}
.sub-layout.layout-step .content .item p small{font-size:4.13vw}
.sub-layout.layout-step .content + p{ margin:5.33vw auto 0; font-size:4.67vw;}

.sub-layout.layout-step2{}
.sub-layout.layout-step2 .content{gap:4.27vw; display:flex; flex-direction:column;}
.sub-layout.layout-step2 .content .item{padding:4.27vw; align-items:flex-start; gap:3.73vw; flex:1;}
.sub-layout.layout-step2 .content .item:before{display:none;}
.sub-layout.layout-step2 .content .item .top{display:flex; align-items:Center;font-size: 4.67vw; font-weight: 700; line-height: 100%; /* 3.47vw */}
.sub-layout.layout-step2 .content .item .top span{font-weight: bold; color:#fff; width:6.40vw; height:6.40vw; background:#5883ac; font-size:3.87vw; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:50%; margin-right:1.07vw;}
.sub-layout.layout-step2 .content .item .top small{font-size: 4.27vw;  font-weight: 700; line-height: 100%; margin-left:0.53vw;}
.sub-layout.layout-step2 .content .item .bot{display:flex; align-items:center;}
.sub-layout.layout-step2 .content .item .bot img{margin-right:3.20vw; width:26.67vw;}
.sub-layout.layout-step2 .content .item .bot p{text-align:left; color: #333; font-size: 4.00vw; font-weight: 400; line-height: 170%; /* 4.08vw */}
.sub-layout.layout-step2 .noti{margin-top:4.27vw; display: flex; padding: 4.27vw; justify-content: space-between; align-items: flex-start; background: #F3F6F9;flex-direction:column; gap:3.20vw;}
.sub-layout.layout-step2 .noti > div:nth-of-type(1){align-items: flex-start; gap: 0.53vw; color: #5883AC;  font-size: 4.27vw;  font-weight: 700; line-height: 170%; /* 4.08vw */display:flex; flex-direction:column;}
.sub-layout.layout-step2 .noti > div:nth-of-type(1) svg{width:4.27vw; height:4.27vw;}
.sub-layout.layout-step2 .noti > div:nth-of-type(2){color: #505050; font-size: 4.27vw; font-weight: 400; line-height: 170%; /* 3.63vw */}

.layout-zigzag{}
.layout-zigzag .content{gap:10.67vw;}
.layout-zigzag .item{gap:0; flex-direction:column;}
.layout-zigzag .item > div{}
.layout-zigzag .item > div.img{}
.layout-zigzag .item > div.img img{}
.layout-zigzag .item > div.txt{padding:5.33vw 0 0;}
.layout-zigzag .item > div.txt h4{font-size:5.73vw; gap:1.33vw; align-items:flex-start; flex-direction:column;}
.layout-zigzag .item > div.txt h4 span{font-size:3.87vw;}
.layout-zigzag .item > div.txt p{margin-top:2.67vw; font-size:4.13vw;}
.layout-zigzag .content > div:nth-child(even) .img{order:1;}
.layout-zigzag .content > div:nth-child(even) .txt{order:2; padding:5.33vw 0 0;}
.layout-zigzag .content + p{margin:6.67vw auto 0; font-size:4.67vw;}
.layout-zigzag.type2{}
.layout-zigzag.type2 .item > div.txt{padding:5.33vw 0 0 0;}
.layout-zigzag.type2 .item > div.txt p{margin-top:3.33vw; font-size:4.13vw;}
.layout-zigzag.type2 .content > div:nth-child(even) .img{order:1;}
.layout-zigzag.type2 .content > div:nth-child(even) .txt{order:2; padding:5.33vw 0 0 0;}

.layout-icon{}
.layout-icon .content{display:flex; justify-content:center; gap:8.00vw 14.34vw; flex-wrap:wrap;}
.layout-icon .item{gap:3.33vw; flex-direction:column; align-items:Center;}
.layout-icon .item > div{width:100%;}
.layout-icon .item > div.img{width:20.00vw;}
.layout-icon .item > div.img img{}
.layout-icon .item > div.txt{}
.layout-icon .item > div.txt p{font-size:3.60vw;}



.layout-slider{}
.layout-slider .layout-title{margin-bottom:6.00vw}
.layout-slider .layout-slider-wrap{gap:8.00vw; }
.layout-slider .layout-slider-wrap > div{}
.layout-slider .layout-slider-wrap > div h4{font-size:5.73vw; margin-bottom:2.67vw; padding-left:9.33vw;}
.layout-slider .layout-slider-wrap > div h4::before {width:7.47vw; height:7.47vw;font-size:4.13vw; top:1.34vw; transform:translateY(0)}
.layout-slider .layout-slider-wrap .swiper{width:100%; position:relative;}
.layout-slider .layout-slider-wrap .swiper-slide img{display:block; width:100%; height:auto;}

.layout-slider .layout-slider-wrap .swiper-button-next, 
.layout-slider .layout-slider-wrap .swiper-button-prev{width:5.80vw; height:5.80vw; top:50%; transform:translateY(-50%); margin-top:0;}
.layout-slider .layout-slider-wrap .swiper-button-next{right:2vw;}
.layout-slider .layout-slider-wrap .swiper-button-prev{left:2vw;}
.layout-slider .layout-slider-wrap .swiper-button-next:after, 
.layout-slider .layout-slider-wrap .swiper-button-prev:after{color:#fff; font-size:3.53vw; font-weight:700;}