@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;}

/* Mobile */
.m_top{background:#faf9f7 url("/images/27_human/main/visual_bg.png") no-repeat left top;background-size:100%;padding: 20px;}
.main_visual{text-align:center;padding-top:200px;font-size:28px;color:var(--color2);font-weight:200;}
.main_visual strong{display:inline-block;font-size:36px;margin-top:-5px;color:var(--color1)}

.m_link{padding:20px 0;}
.m_link ul:afteR{display:block;content:"";clear:both;}
.m_link li{float:left;width:calc((100% - 10px)/2);margin-bottom: 10px;}
.m_link li:nth-child(2n){margin-left: 10px;}
.m_link li a{position:relative;display:block;background:var(--color1);text-align:center;color:var(--white);border-radius:10px;padding:20px 0;letter-spacing: -1px;}
.m_link li a:before{display: inline-block;content:"";width:24px;height:24px;background:url("/images/27_human/main/icon_set.png") no-repeat left top;vertical-align: middle;}
.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/27_human/main/mt_arr.png") no-repeat 97% center;}

.m_bbs{position:relative;background:var(--gra1);padding:30px 20px;height:800px;}
.m_bbs h2{font-size:24px;padding-bottom:20px;}
.m_bbs h3{float:left;width:50%;padding:0 10px;}
.m_bbs h3 a{display:block;font-size:18px;font-weight:100;text-align:center;background:var(--white);border-radius:10px;padding:15px 0 10px 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.m_bbs h3 a.on{background:var(--color1);color:var(--white)}

.m_bbs .b_box{position:absolute;top:130px;left:0;width:100%;padding:20px 30px;}
.m_bbs .b_box li{background:var(--white);border-radius:20px;padding:20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin-bottom:15px;}
.m_bbs .b_box li a{display:block;color:var(--color2);font-size: 0;}
.m_bbs .b_box li a strong{display:block;font-size:18px;height: 2.6em;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m_bbs .b_box li a span{margin:20px 0;color:var(--gray2);font-size: 16px;}
.m_bbs .b_box li:nth-child(2) a span,
.m_bbs .b_box li:nth-child(3) a span,
.m_bbs .b_box li:nth-child(4) a span{display:none;}
.m_bbs .b_box li a em{display:inline-block;position:relative;font-style:normal;color:var(--gray2);letter-spacing: -1px;font-size: 16px;}
.m_bbs .b_box li a em.date{padding:0 10px 0 20px;margin-right:10px;}
.m_bbs .b_box li a em.date:before{display:block;content:"";width:15px;height:15px;background:var(--btnbg) no-repeat -90px -50px;position:absolute;top:3px;left:0;}
.m_bbs .b_box li a em.date:after{display:block;content:"";width:1px;height:10px;background:var(--gray5);position:absolute;top:5px;right:0;}

.m_bbs .b_box .more{position:absolute;top:-100px;right:30px;}
.m_bbs .b_box .more a{position:relative;display:block;color:var(--color2);font-weight:500;padding-left:20px;}
.m_bbs .b_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;background-size:70%;}
.mt_box{/*width:50%;*/float:right;}
.m_link li a{padding: 20px 0 20px 20px;}
.m_link li a:before{position: absolute;left: 20px;}
.m_link2 li{float:left;width:50%;padding:0 10px;}
.m_link2 ul:after{display:block;content:"";clear:both;}
.main_visual{padding-top:40px;}

.m_bbs{height:570px;}
.m_bbs .b_box{width:100%;}
.m_bbs .b_box ul:after{display:block;content:"";clear:both;}
.m_bbs .b_box li{float:left;width:calc(50% - 20px);margin:10px;}
.m_bbs .b_box li:nth-child(2) a span,
.m_bbs .b_box li:nth-child(3) a span,
.m_bbs .b_box li:nth-child(4) a span{display:block;}
}

/* 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:10px 0;}

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

.m_top{padding:0;height: 500px;}
.mt_box{width:470px;margin-right:60px;}
.main_visual{padding-top:100px;text-align:right;}

.m_link{padding: 10px 0 0;} 
.m_link2{padding:20px 10px;}

.m_bbs{padding:60px;z-index:1;overflow: hidden;}
.m_bbs:after{display:block;content:"";background:var(--hite);width:100%;height:300px;border-radius:50px 0 0 0;position:absolute;top:110px;left:60px;z-index:-1;}
.m_bbs h2{padding-bottom:60px;}
.m_bbs h3{float:none;width:170px;margin-bottom:10px;padding:0;}
.m_bbs h3 a{background:none;box-shadow:none;}
.m_bbs .b_box{top:60px;left:300px;padding:0 60px 0 0;width:calc(100% - 300px);}
.m_bbs .b_box li{width:calc(50% - 10px);margin:5px;}
/*.m_bbs .b_box li a strong{display:block;height:45px;}*/

.m_bbs .b_box .more{top:225px;lefT:-200px;right:inherit;}
}

@media all and (min-width:1600px) {
.l_search{margin-top:0;}
	
.m_top{height:570px;}
.m_link{padding:20px 0 0;}
.m_link2 li{padding:10px 15px;}
  
.m_bbs{height:auto;min-height: 380px;}  
.m_bbs .b_box li{width:calc(25% - 20px);margin:10px;padding:40px 30px 0;height: 250px;}
.m_bbs .b_box li a strong{font-size:20px;}
.m_bbs .b_box li a span{max-height:3.6em;-webkit-line-clamp: 3;}  
}

/*번역*/
.translated-ltr .m_link li a{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.translated-ltr .m_link2 li a{padding-right: 15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.translated-ltr .m_bbs h3 a{padding-bottom: 0;height: 46px;font-size: 14px;letter-spacing: -1px;}
.translated-ltr .m_bbs .b_box li a em{max-width: calc(100% - 145px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.translated-ltr .m_bbs .b_box li a em.date{max-width: none;}

@media all and (max-width:767px) {
.translated-ltr .m_link li{width: 100%;margin: 5px 0;padding: 0;}
.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_top{height: 500px;}
.translated-ltr .mt_box{width: calc(100% - 120px);}
.translated-ltr .main_visual{font-size: 20px;}
.translated-ltr .main_visual strong{font-size: 24px;}
.translated-ltr .m_link2 li a{text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
}
@media all and (min-width:1023px) {
.translated-ltr .m_bbs h2{width: 240px;padding-right: 0;}
.translated-ltr .mt_box:after{display: block;clear: both;content: "";}
.translated-ltr .main_visual{text-align: right;}
.translated-ltr .m_link, .translated-ltr .m_link2{width: calc(100% - 120px);max-width: 800px;float: right;}
}

/*240207 비주얼추가*/
.m_visual{padding: 0;background: #faf9f7;}
.m_visual .visual_slide{position: relative;}
.m_visual .slick-slide{padding: 0;}
.m_visual .visual_slide img{width: 100%;}
.m_visual .control{position: absolute;bottom: 10px;width: 100%;text-align: center;}
.m_visual .control .btn button{width: 30px;height: 30px;padding: 0;margin: 0 2px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.3);font-size: 0;background-color: #fff;}
.m_visual .control .btn button.prev{background-position: 10px -41px;}
.m_visual .control .btn button.next{background-position: -8px -41px;}
.m_visual .control .btn button.stop{background-position: -28px -41px;}
.m_visual .control .btn button.play{background-position: -48px -41px;}
.m_visual .main_visual{padding: 20px;font-size: 24px;}
.m_visual .main_visual strong{font-size: 32px;}

.m_visual .m_link3 ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 20px;}
.m_visual .m_link3 li{width: calc((100% - 20px)/2);margin-bottom: 20px;}
.m_visual .m_link3 li a{display: block;border: 1px solid #ddd;border-radius: 15px;background: #fff;padding: 20px 0;font-size: 16px;color: #333;text-align: center;}
.m_visual .m_link3 li a:before{display: block;width: 50px;height: 50px;margin: 0 auto 10px;content: "";background: url("/images/27_human/main/visual_icon.png?test=0") no-repeat;}
.m_visual .m_link3 li:nth-child(1) a:before{background-position: center 0px;}
.m_visual .m_link3 li:nth-child(2) a:before{background-position: center -50px;}
.m_visual .m_link3 li:nth-child(3) a:before{background-position: center -100px;}
.m_visual .m_link3 li:nth-child(4) a:before{background-position: center -200px;}

.m_bbs{height: auto;}
.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(--gray5)}
.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:calc(100% - 90px);}
.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;}

footer{border-top: 1px solid #ddd;}
.f_banner{display: none;}
.f_wrap{padding-top: 100px;}
.f_menu{margin-top: 0;}
.sitelink_list{top: 30px}

.l_tel{display: none;}

@media all and (min-width:768px) {
.m_visual{height: auto;}
.m_visual .mt_box{float: none;}
.m_visual .main_visual{padding: 40px 20px;font-size: 28px;line-height: 1.4;}
.m_visual .main_visual strong{font-size: 36px;}
.m_visual .m_link3 li{width: calc((100% - 60px)/4);}
}

@media all and (min-width:1023px) {
.m_visual .mt_box{width: 100%;margin-right: 0;}

.m_bbs h2{padding-bottom: 20px;}
.m_bbs .mb_box{float:left;width:31.333333%;margin:0 1%}

.f_wrap{padding-top: 20px;}
.sitelink_list{top: 20px;}
	
.l_tel{display: block;margin: 30px 40px;padding: 20px 0;border: 5px solid var(--bgpoint);border-radius: 20px;background: url("/images/27_human/main/tel_bg.gif") no-repeat bottom -3px right -3px;}
.l_tel h3{margin-bottom: 15px;font-family: "SBAggro";text-align: center;font-size: 20px;font-weight: 400;color: var(--point2);}
.l_tel li{margin-bottom: 10px;font-size: 14px;}
.l_tel li strong{display: inline-block;width: 44%;margin-right: 4%;text-align: right;color: var(--point1);}
}

@media all and (min-width:1600px) {
.m_visual .visual_slide{max-width: 1110px;height: 570px;}
.m_visual .control{width: auto;left: 60px;bottom: 40px;}
.m_visual .mt_box{position: absolute;width: 640px;height: 570px;top: 0;right: 60px;padding: 120px 0 0 180px;background: linear-gradient(90deg,  transparent 0%, rgba(250,249,247,0.5) 5%, rgba(250,249,247,1) 25%);}
.m_visual .main_visual{padding: 0 0 20px;letter-spacing: -1px;}
.m_visual .m_link3 ul{margin: 0 0 0 20px;}
.m_visual .m_link3 li{width: calc((100% - 20px)/2);}
}                       