.main[class^='ico_']::before{background-image:url(/layout/images/mentalhealth/main/sp_main.png);background-size:72rem;}
.main.ico_target::before{width:6.8rem;height:5.2rem;background-position:-1.9rem -1.9rem;}
.main.ico_online::before{width:5.5rem;height:5.4rem;background-position:-10.6rem -1.9rem;}
.main.ico_self::before{width:5.3rem;height:5.3rem;background-position:-18rem -1.9rem;}
.main.ico_healing::before{width:5rem;height:5.5rem;background-position:-25rem -1.8rem;}
.main.ico_speech::before{width:5.5rem;height:5.5rem;background-position:-31.9rem -2rem;}
.main.ico_arrow::before{width:.7rem;height:1.1rem;background-position:-39.15rem -4.2rem;}
.main.ico_more_white::before{width:1.8rem;height:1.8rem;background-position:-41.9rem -3.9rem;}
.main.ico_more::before{width:1.8rem;height:1.8rem;background-position:-45.9rem -3.9rem;}
.main.ico_chatbot::before{width:2rem;height:2.2rem;background-position:-50rem -3.7rem;}
.main.ico_headpone::before{width:2rem;height:2rem;background-position:-54.4rem -3.8rem;}
.main.ico_cube::before{width:2rem;height:2.3rem;background-position:-58.8rem -3.7rem;}
.main.ico_time::before{width:2rem;height:2rem;background-position:-63rem -3.8rem;}

.tab{display:flex;}
.tab_box{flex:1;}
.tab_box .tab_tit{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#767676;white-space:nowrap;padding:0 3.6rem;}
.tab_box .tab_tit::before{position:absolute;top:50%;left:0;transform:translate(-50%, -50%);content:'';display:block;width:.4rem;height:.4rem;border-radius:50rem;background-color:#ddd;}
.tab_box .tab_cnt{display:none;position:absolute;top:10.8rem;left:0;width:100%;height:34.8rem;}
.tab_box:first-child .tab_tit::before{display:none;}
.tab_box.on .tab_tit{color:#39b44a;}
.tab_box.on .tab_tit span{position:relative;}
.tab_box.on .tab_tit span::after{position:absolute;bottom:-.2rem;left:0;content:'';display:block;width:100%;height:.2rem;background-color:#39b44a;}

.main h2.tit{font-size:3.4rem;font-weight:800;}
.main h2.tit b{color:#23672c;}
.main h2.tit + .sub{font-weight:600;color:#767676;margin-top:.5rem;}

.main_vis{position:relative;height:60.2rem;background:url(/layout/images/mentalhealth/main/bg_vis.png) no-repeat bottom right;padding:5rem 0 6.5rem;}
.main_vis .inner{display:flex;justify-content:space-between;gap:0 6.2rem;}
.main_vis .left{position:relative;width:calc(100% - 41.2rem);}
.main_vis .left .swiper{height:48.5rem;border-radius:5rem 14rem 0 5rem;overflow:hidden;}
.main_vis .left .swiper-slide a{display:block;width:100%;height:100%;}
.main_vis .left .swiper-slide a img{Width:100%;height:100%;}
.main_vis .left .control{position:absolute;width:100%;}
.main_vis .left .control .page_num{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:0 2.2rem;width:26.5rem;height:4rem;font-size:1.8rem;border-top-right-radius:5rem;background-color:#fff;padding:2rem 4.2rem 0 2.2rem;z-index:1;}
.main_vis .left .control .page_num::before{position:absolute;top:0;left:0;transform:translateY(-100%);content:'';display:block;width:4.2rem;height:4.2rem;background:url(/layout/images/mentalhealth/main/bg_swiper.png) no-repeat;background-size:100% 100%;}
.main_vis .left .control .page_num .current{font-weight:900;color:#2d973c;}
.main_vis .left .control .page_num .btn_stop{position:absolute;bottom:0;right:0;transform:translate(50%, 50%);width:5rem;height:5rem;border-radius:5rem;background-color:#fff; box-shadow: 0 1rem 3rem rgba(79, 123, 40, .25);}
.main_vis .left .control .c_btn_flex{position:absolute;bottom:-1rem;right:-2.8rem;flex-direction:column;gap:0;z-index:1;}
.main_vis .left .control .c_btn_flex > *{width:6rem;height:6rem;border-radius:5rem;margin-top:-.5rem; box-shadow: 0 1.7rem 3rem rgba(79, 123, 40, .25);}
.main_vis .left .control .c_btn_flex .btn_prev.vis_prev {background-color:#fff;    box-shadow: 0 1.7rem 3rem rgba(79, 123, 40, .25);}
.main_vis .left .control .c_btn_flex .btn_next.vis_next {border:0;background:linear-gradient(#ffd832, #39b44a);}
.main_vis .left .control .c_btn_flex > *.btn_more{border:0;background:linear-gradient(#ffd832, #39b44a);}
.main_vis .left .control .c_btn_flex > *.btn_more::before{filter:contrast(0) brightness(10);}
.main_vis .right{flex-shrink:0;width:35rem;padding-top:2.2rem;}
.main_vis .right h2.tit{font-size:2.2rem !important;}
.main_vis .right .list{display:flex;flex-wrap:wrap;gap:1.8rem 1.4rem;margin-top:1.6rem;}
.main_vis .right .list li{width:calc(50% - .7rem);height:16rem;}
.main_vis .right .list li .c_btn_base{font-size:1.8rem; flex-direction:column;justify-content:flex-end;gap:1rem;width:100%;height:100%;font-weight:600;border-radius:4rem;background-color:#fff;box-shadow:0 1.7rem 6rem rgba(79,123,40,.25);padding-bottom:3.2rem; transition: box-shadow .4s ease;}
.main_vis .right .list li .c_btn_base i{transition:transform .3s ease-in-out;}
.main_vis .right .list li .c_btn_base:hover i{transform:rotateY(360deg);}

.main_use{padding:6rem 0;}
.main_use .cnt{position:relative;display:flex;align-items:center;border-radius:4rem;background-color:#39b44a;padding:5rem 0;overflow:hidden;}
.main_use .cnt::before{position:absolute;top:-4rem;right:-6.4rem;content:'';display:block;width:36.2rem;height:38.2rem;background:url(/layout/images/mentalhealth/main/bg_use.png) no-repeat;}
.main_use .cnt::after{position:absolute;top:50%;left:27rem;transform:translateY(-50%);content:'';display:block;width:.1rem;height:calc(100% - 10rem);background-color:#fff;}
.main_use .text{flex-shrink:0;width:27rem;color:#fff;padding:0 5rem;}
.main_use .text h2.tit + .sub{color:#fff;margin-top:1rem;}
.main_use .list{flex:1;font-size:2.2rem;color:#fff;padding:.5rem 6rem;z-index:1;}
.main_use .list li + li{margin-top:1.2rem;}
.main_use .list li{display:flex;gap:.5rem;}
.main_use .list li .dt{flex-shrink:0;}
.main_use .list li .dt i{width:4rem;height:4rem;border-radius:5rem;background-color:#fff;margin:-.3rem 1rem 0 0;}
.main_use .list li .dd{flex:1;word-break:keep-all;}

.main_news{padding:6rem 0;}
.main_news .inner{position:relative;display:flex;padding-right:22rem;}
.main_news .inner::before{position:absolute;top:1rem;left:0;transform:translateX(-100%);content:'';display:block;width:200%;height:100%;background-color:#fff;z-index:2;}
.main_news .tab{padding-top:1.6rem;margin-left:auto;}
.main_news .swiper{padding-top:4.2rem;overflow:visible;}
.main_news .swiper-slide{width:33.2rem;transition:margin-top .4s ease-in-out;}
.main_news .swiper-slide a{display:block;width:100%;border:.1rem solid #ddd;border-radius:2rem 4rem 8rem 4rem;background-color:#fff;padding:3.2rem 3rem 3rem;}
.main_news .swiper-slide:hover{margin-top:-4.2rem;}
.main_news .swiper-slide:hover a{border:.2rem solid #39b44a;box-shadow:0 1.7rem 2rem rgba(79,123,40,.25);}
.main_news .swiper-slide a .label{font-weight:700;color:#39b44a;}
.main_news .swiper-slide a .tit{height:5.6rem;font-size:2rem;font-weight:700;margin-top:1rem;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.main_news .swiper-slide a .sum{display:flex;gap:0 1.8rem;height:9.5rem;margin-top:1.2rem;}
.main_news .swiper-slide a .sum .img{width:9.5rem;height:9.5rem;border:.1rem solid #ddd;border-radius:2rem;background-color:#eee;overflow:hidden;}
.main_news .swiper-slide a .sum .img img{width:100%;height:100%;object-fit:cover;}
.main_news .swiper-slide a .sum .sub{flex:1;height:7.5rem;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-top:.6rem;}
.main_news .swiper-slide a .date{display:flex;align-items:center;gap:0 .4rem;font-size:1.5rem;margin-top:2rem;}
.main_news .control{position:absolute;top:-10.8rem;right:0;gap:0 2.4rem;}
.main_news .control .btn_more{width:6rem;height:6rem;border-radius:50rem;background:linear-gradient(#ffd832, #39b44a); transition: box-shadow .4s ease;}
.main_news .control .btn_more::before{width:1.5rem;height:1.5rem;background-position:-20.7rem -9.6rem;background-image:url(/layout/images/mentalhealth/common/sp_layout.png);}
.main_news .control .btn_more:hover { box-shadow: 0 0 3rem rgba(79, 123, 40, .25);}
.main_photo{position:relative;padding:8rem 0 17rem;}
.main_photo .cnt{position:relative;display:flex;}
.main_photo .cnt::before{position:absolute;top:-9rem;left:47.2rem;transform:translateX(-100%);content:'';display:block;width:73.3rem;height:50.2rem;background:url(/layout/images/mentalhealth/main/bg_photo.png) no-repeat;z-index:-1;}
.main_photo .left{flex-shrink:0;width:42rem;padding-left:14rem;}
.main_photo .left h2.tit{position:relative;}
.main_photo .left h2.tit::before{position:absolute;bottom:-2.2rem;left:40%;content:'';display:block;width:38rem;height:17.6rem;background:url(/layout/images/mentalhealth/main/text_photo.png) no-repeat;z-index:-1;}
.main_photo .right{width:calc(100% - 39.6rem);}
.main_photo .right .swiper{padding:5rem 0 3rem;overflow:hidden;}
.main_photo .right .swiper-slide{width:25rem;height:25rem;transition:margin-top .2s ease-in-out;}
.main_photo .right .swiper-slide a{position:relative;border-radius:50rem;}
.main_photo .right .swiper-slide a .img{width:100%;height:100%;overflow:hidden;border-radius:50rem;}
.main_photo .right .swiper-slide a .img img{width:100%;height:100%;object-fit:cover;}
.main_photo .right .swiper-slide a .sum{position:absolute;top:0;left:0;;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem 0;width:100%;height:100%;font-weight:600;text-align:center;color:#fff;border-radius:50rem;background-color:rgba(0,0,0,.6);padding:0 2rem;opacity:0;transition:all .4s ease-in-out;}
.main_photo .right .swiper-slide a .sum .date{font-size:1.4rem;font-weight:500;}
.main_photo .right .swiper-slide a .sum .ico_more_white{position:absolute;top:0;right:0;width:5.5rem;height:5.5rem;background:url(/layout/images/mentalhealth/main/sp_main.png) no-repeat -31.9rem -2rem;background-size:72rem;}
.main_photo .right .swiper-slide:hover{margin-top:-5rem;}
.main_photo .right .swiper-slide:hover a .sum{opacity:1;box-shadow:2.2rem 6.8rem 2.2rem rgba(79,123,40,.15);}
.main_photo .right .control{gap:0 2.8rem;width:calc(100% - 2.4rem);margin-top:-.8rem;}
.main_photo .right .control .btn_more{width:6rem;height:6rem;border:.1rem solid #ddd;border-radius:5rem;transition: box-shadow .4s ease;}
.main_photo .right .control .btn_more:hover{box-shadow: 0 0 3rem rgba(79, 123, 40, .25);}
.main_photo .right .control .divide{width:.2rem;height:1.4rem;background-color:#ccc;}

.quick_area{position:fixed;top:20rem;right:-4.5rem;width:16.2rem;border:.1rem solid #39b44a;border-right:0;border-radius:2rem 0 0 2rem;overflow:hidden;z-index:9;transition:right .2s;}
.quick_area .quick_open{justify-content:flex-start;width:100%;height:6rem;font-size:2rem;font-weight:600;color:#fff;border-radius:2rem 0 0 0;background-color:#39b44a;padding:0 1.6rem;}
.quick_area .quick_open i{transform:rotate(180deg);width:2rem;height:2rem;border-radius:5rem;background-color:#ffd544;}
.quick_area .quick_close{display:none;width:100%;height:6rem;font-size:2rem;font-weight:600;color:#fff;border-radius:2rem 0 0 0;background-color:#39b44a;}
.quick_area .quick_close i{width:2rem;height:2rem;border-radius:5rem;background-color:#ffd544;}
.quick_area .quick_cnt{display:none;opacity:0;transition:opacity .2s;}
.quick_area .quick_in{background-color:#fff;padding:0 1rem;}
.quick_area .quick_in .c_btn_flex{flex-wrap:nowrap;gap:0;padding:2rem 0 2.8rem;}
.quick_area .quick_in .c_btn_flex .c_btn_base{flex-direction:column;width:50%;font-size:1.4rem;color:#767676;padding:0;}
.quick_area .quick_in .sns{position:relative;z-index:1;}
.quick_area .quick_in .sns::before{position:absolute;top:1.4rem;left:0;content:'';display:block;width:100%;height:.1rem;border:.1rem dashed #ccc;z-index:-1;}
.quick_area .quick_in .sns b{display:block;width:fit-content;font-size:1.4rem;font-weight:800;color:#fff;border-radius:5rem;background-color:#1baa2f;padding:.5rem 1.2rem;margin:0 auto;}
.quick_area .quick_in .sns ul{padding:1.5rem 1.5rem 2rem;}
.quick_area .quick_in .sns ul li a{position:relative;height:4rem;font-size:1.4rem;padding-left:4.2rem;}
.quick_area .quick_in .sns ul li a i{position:absolute;top:50%;left:2rem;transform:translate(-50%, -50%);}
.quick_area.on{right:0;}
.quick_area.on .quick_open{display:none;}
.quick_area.on .quick_close{display:inline-flex;}
.quick_area.on .quick_cnt{display:block;opacity:1;}

/* desktop 사이즈 : 1900px */
@media screen and (max-width:1900px) {
  .main_vis{background:none;}
  .main_vis::before{position:absolute;bottom:0;left:50%;transform:translateX(-51%);content:'';display:block;width:192rem;height:60.3rem;background:url(/layout/images/mentalhealth/main/bg_vis.png) no-repeat;z-index:-1;}
}

/* desktop 사이즈 : 1600px */
@media screen and (max-width:1600px) {
  .tab_box .tab_tit{padding:0 2.6rem;}

  .main_vis::before{left:0;transform:translateX(-176px);}

  .main_news .inner{padding-right:26rem;}
  .main_news .inner::before{left:5rem;}
  .main_news .swiper{padding-left:5rem;}
  .main_news .control{right:5rem;}
}

/* desktop 사이즈 : 1440px */
@media screen and (max-width:1440px) {
  .main h2.tit{font-size:3rem;}
  
  .main_vis{height:45.5rem;padding-bottom:5rem;}
  .main_vis::before{transform:translateX(-196px);}
  .main_vis .inner{gap:0 4.6rem;}
  .main_vis .left{width:calc(100% - 30.4rem);}
  .main_vis .left .swiper{height:35.6rem;}
  .main_vis .left .control .page_num .btn_stop,
  .main_vis .left .control .c_btn_flex > *{width:4.5rem;height:4.5rem;}
  .main_vis .right{width:25.8rem;}
  .main_vis .right .list{gap:1.4rem 1rem;}
  .main_vis .right .list li{width:calc(50% - .5rem);height:11.8rem;}
  .main_vis .right .list li .c_btn_base{gap:.5rem;padding-bottom:2.4rem;}
  .main_vis .right .list li .c_btn_base .main::before{background-size:52rem;}
  .main_vis .right .list li .c_btn_base .main.ico_target::before{width:4.91rem;height:3.76rem;background-position:-1.37rem -1.37rem;}
  .main_vis .right .list li .c_btn_base .main.ico_online::before{width:3.97rem;height:3.90rem;background-position:-7.65rem -1.37rem;}
  .main_vis .right .list li .c_btn_base .main.ico_self::before{width:3.83rem;height:3.83rem;background-position:-13rem -1.37rem;}
  .main_vis .right .list li .c_btn_base .main.ico_healing::before{width:3.61rem;height:3.97rem;background-position:-18.06rem -1.30rem;}

  .main_use{padding:5rem 0;}
  .main_use .list{font-size:1.8rem;}
  .main_use .list li .dd{padding-top:.2rem;}
  .main_use .list li .dd br{display:none;}

  .main_news{padding:4rem 0;}

  .main_photo{padding-bottom:14rem;}

  #aside{display:none;}
}