@charset "utf-8";



h2{font-family:"SBAggro";font-weight:400;color:var(--color1)}
.f_agr{font-family:"SBAggro";}

.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;  /* 말줄임 적용 */
}

.multi_ellipsis{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.2em;
max-height: 2.4em;
}

.left .t_logo h1 a strong{font-size:18px;}

/* Mobile */
.m_top{background:#c1e3b2 url("/images/21_health/main/visual_bg.png") no-repeat center top;background-size:100%;padding: 20px;}
.main_visual{text-align:center;padding-top:80px;font-size:24px;color:var(--color2);font-weight:200;}
.main_visual strong{display:inline-block;color:var(--color1)}


.m_search{position:relative;margin:20px 0;background:var(--white);border-radius:50px;box-shadow: 0 0 15px rgba(37,50,85,0.15);}
.m_search p{display:none;}
.m_search .sc_box{display:block;padding:10px 20px;height:45px;}
.m_search .sc_box input[type="text"]{display:inline-block;padding:4px 0;width:calc(100% - 50px);}
.m_search .sc_box input[type="submit"]{display:inline-block;width:45px;height:45px;padding-top:45px;overflow:hidden;background:var(--color1) url("/images/21_health/main/m_search.png") no-repeat center center;border-radius:50px;position:absolute;top:0;right:0;}


.m_link{padding-bottom:20px;}
.m_link li{padding:5px 0;}
.m_link li a{position:relative;display:block;background:var(--color1);color:var(--white);border-radius:10px;padding:20px 0 20px 60px;}
.m_link li a:before{display:block;content:"";width:24px;height:24px;background:url("/images/21_health/main/icon_set.png") no-repeat left top;position:absolute;left:20px;}
.m_link li:nth-child(1) a:before{background-position:left top;}
.m_link li:nth-child(2) a:before{background-position:left -50px;}

.m_link2{background:var(--color2);border-radius:10px;padding:15px 20px;}
.m_link2 li a{display:block;color:var(--white);font-weight:200;font-size:15px;padding:5px 0;background:url("/images/21_health/main/mt_arr.png") no-repeat 97% center;}
.m_link2 li a br{display:none;}


.m_bbs{position:relative;background:var(--gra1);padding:30px 20px;}
.m_bbs h2{font-size:24px;padding-bottom:15px;}
.m_bbs .mb_box{position:relative;margin-bottom:40px;}
.m_bbs .mb_box ul{background:var(--white);border-radius:20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:0 20px;}
.m_bbs .mb_box li{padding:20px 0;border-bottom:dashed 1px var(--gray3)}
.m_bbs .mb_box li:last-child{border:none;}
.m_bbs .mb_box li a{display:inline-block;color:var(--color2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:60%;}
.m_bbs .mb_box li span{display:inline-block;color:var(--gray2);float:right;}

.m_bbs .mb_box .more{position:absolute;top:5px;right:10px;}
.m_bbs .mb_box .more a{position:relative;display:block;color:var(--color2);font-weight:500;padding-left:20px;}
.m_bbs .mb_box .more a:before{display:block;content:"";width:11px;height:11px;background:var(--btnbg) no-repeat -169px -30px;position:absolute;top:5px;left:0;}


/* Tablet */
@media (min-width: 768px) {


.m_top{height:450px;}

.main_visual{padding-top:60px;}

.m_search{width:450px;margin:20px auto;}

.m_link{width:450px;margin:0 auto;}
.m_link ul:after{display:block;content:"";clear:both;}
.m_link li{float:left;width:50%;}
.m_link li:nth-child(1){padding-right:10px;}
.m_link li:nth-child(2){padding-left:10px;}
.m_link li a{padding-left:50px;}

.m_link2{background:var(--white);box-shadow: 0 0 10px rgba(0,0,0,0.2);padding:10px}
.m_link2 ul:after{display:block;content:"";clear:both;}
.m_link2 li{float:left;width:calc(100% / 9)}
.m_link2 li a{color:var(--color2);text-align:center;font-weight:400;padding:60px 0 0 0;background:url("/images/21_health/main/icon_set2.png") no-repeat center 0;font-size:14px;letter-spacing:-0.1em;}
.m_link2 li a br{display:block;}
.m_link2 li:nth-child(2) a{background-position:center -100px;}
.m_link2 li:nth-child(3) a{background-position:center -200px;}
.m_link2 li:nth-child(4) a{background-position:center -300px;}
.m_link2 li:nth-child(5) a{background-position:center -400px;}
.m_link2 li:nth-child(6) a{background-position:center -500px;}
.m_link2 li:nth-child(7) a{background-position:center -600px;}
.m_link2 li:nth-child(8) a{background-position:center -700px;}
.m_link2 li:nth-child(9) a{background-position:center -800px;}

    
    
    
}

/* Desktop */
@media all and (min-width:1023px) {

 header .gnb *{color:var(--color2)}
.gnb li.sns span:after, .gnb li.lang span:after{background-position:-20px -32px;}
.gnb li.fm{background:var(--white);}
.gnb li.fm:after{background-position:-169px -30px;}

.menu{padding:0 40px 60px 50px;}
.menu>ul>li{padding:15px 0;}

.left .t_logo{padding:40px 0 40px 40px;}


.l_search{display:none;}
.cm_btn{margin-top:120px;}
    
.m_top{height: 640px;padding:0;}
.mt_box{margin:0 60px;}
.main_visual{padding-top:120px;font-size:36px;}

.m_search{width:410px;margin:30px auto;}
.m_search .sc_box{height:60px;}
.m_search .sc_box input[type="text"]{padding:10px;width:calc(100% - 70px);font-size:16px;}
.m_search .sc_box input[type="submit"]{width:60px;height:60px;padding-top:60px;border-radius:60px;}
	
.m_link2 li{width: 20%;}

.m_bbs{padding:30px;z-index:1;overflow: hidden;}
.m_bbs:after{display:block;content:"";background:var(--white);width:100%;height:300px;border-radius:50px 0 0 0;position:absolute;top:110px;left:60px;z-index:-1;}

.m_bbs .mb_box{float:left;width:48%;margin:0 1%}

}



@media all and (min-width:1600px) {
    
.l_search{margin-top:0;}
  
.m_top{height:520px;}

.m_link{position:absolute;top:130px;right:60px;padding:30px 0;}

.m_link{width:220px;}
.m_link li{float:none;width:100%;}
.m_link li:nth-child(1),
.m_link li:nth-child(2){padding:5px 0;}
.m_link li a{padding-left:50px;}
  
.m_link2{padding:20px 10px;margin-top:40px;}
.m_link2 li{width: calc(100% / 9);padding:10px 15px;}
.m_link2 li a{font-size:16px;}
  
.m_bbs{padding:60px;}
}

/*번역*/
.translated-ltr .m_link li a{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.translated-ltr .m_link2 li a{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
@media all and (max-width:767px) {
.translated-ltr .m_bbs h2{padding-right: 100px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
}
@media all and (min-width:768px) {
.translated-ltr .m_link{width: 100%;max-width: 700px;}
.translated-ltr .m_link2 li a br{display: none;}
}
@media all and (min-width:1600px) {
.translated-ltr .m_link{width: 20%;}
}