/* new 아이콘*/
img.ico_new {margin-left: 4px; vertical-align: -3px;}

.main[class^='ico_']::before{background-image:url(/layout/images/mentalhealth/main/sp_main.png);background-size:72rem;}
.main.ico_target::before{width:3.4rem;height:2.6rem;background-position:-.95rem -.95rem;background-size:36rem;}
.main.ico_online::before{width:2.75rem;height:2.7rem;background-position:-5.3rem -.95rem;background-size:36rem;}
.main.ico_self::before{width:2.65rem;height:2.65rem;background-position:-9rem -.95rem;background-size:36rem;}
.main.ico_healing::before{width:2.5rem;height:2.75rem;background-position:-12.5rem -.9rem;background-size:36rem;}
.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.3rem -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:1.39rem;height:1.53rem;background-position:-34.72rem -2.57rem;background-size:50rem;}
.main.ico_headpone::before{width:1.42rem;height:1.42rem;background-position:-37.74rem -2.64rem;background-size:50rem;}
.main.ico_cube::before{width:1.39rem;height:1.6rem;background-position:-40.85rem -2.57rem;background-size:50rem;}
.main.ico_time::before{width:2rem;height:2rem;background-position:-63rem -3.8rem;}

.tab{display:flex;}
.tab_box .tab_tit{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#767676;white-space:nowrap;padding:0 1.2rem;}
.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:7rem;left:0;width:100%;height:24.8rem;}
.tab_box:first-child .tab_tit{padding-left:0;}
.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:-.4rem;left:0;content:'';display:block;width:100%;height:.2rem;background-color:#39b44a;}

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

.main_vis{position:relative;text-align:center;padding:2rem 0;}
.main_vis::before{position:absolute;top:-18rem;left:50%;transform:translateX(-50%);content:'';display:block;width:97.3rem;height:86.5rem;background:url(/layout/images/mentalhealth_mobile/main/bg_vis.png) no-repeat center;z-index:-1;}
.main_vis .left{position:relative;}
.main_vis .left .swiper{height:37vw;border-radius:2rem 5rem 2rem 2rem;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;left:0}
.main_vis .left .control .page_num{position:absolute;bottom:0;left:0;transform:translateY(50%);display:flex;align-items:center;gap:0 .6rem;width:8.2rem;height:3rem;font-size:1.3rem;border-top-right-radius:2rem;background-color:#f3f8e3;padding:0 2rem 0 .2rem;z-index:1;}
.main_vis .left .control .page_num::before{position:absolute;top:0;left:0;transform:translateY(-100%);content:'';display:block;width:1.2rem;height:1.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 .divide{width:1.4rem;height:.2rem;background-color:#ccc;}
.main_vis .left .control .page_num .btn_stop{position:absolute;bottom:0;right:0;transform:translateX(50%);width:3rem;height:3rem;border-radius:5rem;background-color:#fff;box-shadow: 0 1rem 3rem rgba(79, 123, 40, .25);}
.main_vis .right{padding-top:3.4rem;}
.main_vis .right h2.tit{font-size:2rem !important;}
.main_vis .right .list_wrap {display: flex; width:100%; flex-direction: column; align-items: center;}
.main_vis .right .list{display:flex;gap:0 .4rem;margin-top:1.6rem;  width: 100%; justify-content: center;}
.main_vis .right .list li{width:calc(37% - 1.3rem);height:11.4rem;}
.main_vis .right .list li .c_btn_base{font-size:1.6rem;flex-direction:column;justify-content:flex-end;gap:.5rem;width:100%;height:100%;font-weight:600;line-height:1.2;border:.05rem solid #ddd;border-radius:2rem;background-color:#fff;box-shadow:0 1.7rem 3rem rgba(79,123,40,.25);padding-bottom:2.2rem;}
.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{text-align:center;color:#fff;padding:4rem 0;}
.main_use .cnt{position:relative;border-radius:4rem;background-color:#39b44a;padding:3.5rem 2rem 4.5rem;overflow:hidden;}
.main_use .cnt::before{position:absolute;bottom:-2.5rem;right:-3.4rem;content:'';display:block;width:20.5rem;height:21.5rem;background:url(/layout/images/mentalhealth/main/bg_use.png) no-repeat;background-size:contain;}
.main_use .text{position:relative;word-break:keep-all;padding-bottom:2.4rem;}
.main_use .text::after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:'';display:block;width:6.8rem;height:.2rem;background-color:#fff;}
.main_use .text h2.tit + .sub{color:#fff;margin-top:1rem;}
.main_use .list{position:relative;padding-top:2rem;z-index:1;}
.main_use .list li + li{margin-top:1.2rem;}
.main_use .list li{display:flex;flex-direction:column;gap:.5rem;}
.main_use .list li .dt{font-weight:700;}
.main_use .list li .dt i{width:3rem;height:3rem;border-radius:5rem;background-color:#fff;margin:-.3rem 1rem 0 0;}
.main_use .list li .dd span{display:block;word-break:keep-all;}



.main_news{padding:2.5rem 0;}
.main_news .tab{position:relative;padding-top:2rem;}
.main_news .swiper{padding-top:1.5rem;overflow:visible;}
.main_news .swiper-slide{width:21.8rem;transition:margin-top .2s 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:2rem 1.6rem;}
.main_news .swiper-slide-active{margin-top:-1.5rem;}
.main_news .swiper-slide-active 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:4.4rem;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 1rem;height:7.4rem;margin-top:1rem;}
.main_news .swiper-slide a .sum .img{width:7.4rem;height:7.4rem;border:.1rem solid #ddd;border-radius:1.5rem;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;font-size:1.5rem;height:7.4rem;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-top:.4rem;}
.main_news .swiper-slide a .date{display:flex;align-items:center;gap:0 .4rem;font-size:1.4rem;margin-top:1.2rem;}
.main_news .control{width:100%;margin-top:3.2rem;}
.main_news .control .btn_more{position:absolute;top:-13.2rem;right:0;width:6rem;height:6rem;border-radius:50rem;background:linear-gradient(#ffd832, #39b44a);}
.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_photo{position:relative;padding:6.5rem 0 16rem;}
.main_photo::before{position:absolute;bottom:0;left:-4.4rem;content:'';display:block;width:48.8rem;height:33.4rem;background:url(/layout/images/mentalhealth_mobile/main/bg_photo2.png) no-repeat;background-size:contain;z-index:-1;}
.main_photo .left h2.tit{position:relative;}
.main_photo .left h2.tit::before{position:absolute;bottom:-3.2rem;left:5.5rem;content:'';display:block;width:14.8rem;height:10.5rem;background:url(/layout/images/mentalhealth/main/text_photo.png) no-repeat;background-size:contain;z-index:-1;}
.main_photo .right{position:relative;margin-top:3rem;}
.main_photo .right .swiper{overflow:hidden;}
.main_photo .right .swiper-slide{display:flex;justify-content:center;}
.main_photo .right .swiper-slide a{position:relative;display:block;width:25rem;height:25rem;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:700;text-align:center;color:#fff;border-radius:50rem;background-color:rgba(0,0,0,.6);padding:0 2rem;opacity:0;transition:all .2s ease-in-out;}
.main_photo .right .swiper-slide a .sum .date{font-size:1.5rem;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 a .sum{opacity:1;}
.main_photo .right .control{gap:0 2.8rem;width:calc(100% - 2.4rem);margin-top:-.8rem;}
.main_photo .right .control .btn_prev{position:absolute;top:50%;left:50%;transform:translate(-15rem, -50%);width:5rem;height:5rem;border:.1rem solid #ddd;border-radius:5rem;background-color:#fff;z-index:1;}
.main_photo .right .control .btn_next{position:absolute;top:50%;right:50%;transform:translate(15rem, -50%);width:5rem;height:5rem;border:.1rem solid #ddd;border-radius:5rem;background-color:#fff;z-index:1;}
.main_photo .right .control .btn_more{position:absolute;top:-8.4rem;right:0;width:6rem;height:6rem;border-radius:50rem;background:linear-gradient(#ffd832, #39b44a);}
.main_photo .right .control .divide{width:.2rem;height:1.4rem;background-color:#ccc;}



.main_photo .right .swiper-slide:hover a .sum {display:none;}