@charset "utf-8";

#inc_01{padding:130px 0;overflow:hidden;color:#777;font-size:15px;line-height:25px}
#inc_01 .clinic {position:relative;margin-bottom:130px;font-size:17px;line-height:27px}
#inc_01 .clinic .txt{position:absolute;left:0;top:0}
#inc_01 .clinic .txt .e_tit{font-weight:600;font-size:15px;color:#4a9e5c;font-family:'Poppins';letter-spacing:0}
#inc_01 .clinic .txt .tit{margin:20px 0;font-weight:500;font-size:32px;line-height:44px;color:#423629;font-family:'Noto Serif KR';letter-spacing:-.5px}
#inc_01 .clinic .txt .tit span{font-weight:900;color:#4a9e5c}
#inc_01 .clinic .txt p{white-space:pre-line;word-break:keep-all}
#inc_01 .clinic ul{overflow:hidden}
#inc_01 .clinic ul li{float:left;position:relative;width:calc(33.33% - 17px)}
#inc_01 .clinic ul li:nth-of-type(3){margin-left:0;margin-top:-116px}
#inc_01 .clinic ul li img{width:100%}
#inc_01 .clinic ul li .img_txt{position:absolute;top:150px;width:100%;font-size:14px;line-height:24px;text-align:center;color:#fff;opacity:0}
#inc_01 .clinic ul li .img_txt p{margin-bottom:30px;font-size:20px;line-height:32px;font-weight:700}
#inc_01 .clinic ul li .img_txt span{ white-space:pre-line}
#inc_01 .clinic ul li a:before{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(74,158,92,70%);-webkit-transition:all .2s;transition:all .2s;opacity:0}
#inc_01 .clinic ul li:nth-child(even){margin-left:24px}
#inc_01 .clinic ul li:nth-child(1){margin-left:calc(33.33% + 7px)}
#inc_01 .clinic ul li:nth-child(3) .img_txt{top:170px}
#inc_01 .clinic ul li:nth-child(4){margin-top:-42px}
#inc_01 .clinic ul li:nth-child(4) .img_txt{top:185px}
#inc_01 .icon_link ul{overflow:hidden}
#inc_01 .icon_link ul li{float:left;width:33.33%;text-align:center}
#inc_01 .icon_link ul li a{display:block;height:100%;color:#777}
#inc_01 .icon_link ul li p{margin:17px 0;font-weight:900;font-size:20px;line-height:32px;color:#4a9e5c;font-family:'Noto Serif KR';letter-spacing:-.5px}
#inc_01 .icon_link ul li .go_btn{display:block;position:relative;width:23%;margin:30px auto 0;padding-bottom:10px;border-bottom:2px solid #aaa;color:#aaa;font-size:14px;text-align:left;font-weight:500}
#inc_01 .icon_link ul li .go_btn:before,#inc_01 .icon_link ul li .go_btn:after{display:block;content:"";position:absolute;top:8px;width:16px;height:8px;background:url(./img/arr.png) no-repeat;-webkit-transition:all .2s;transition:all .2s}
#inc_01 .icon_link ul li .go_btn:before{right:10px;opacity:0;background-image:url(./img/arr_b.png)}
#inc_01 .icon_link ul li .go_btn:after{right:0}
#inc_01 .icon_link ul li span{ white-space:pre-line}
#inc_01 .icon_link ul li + li{border-left:1px solid rgba(111,80,57,.3)}

/* 반응형 [s] */
@media (hover:hover) {
#inc_01 .clinic ul li a:hover:before{opacity:1}
#inc_01 .clinic ul li a:hover .img_txt{opacity:1}
#inc_01 .icon_link ul li:hover .go_btn{border-bottom:2px solid #4a9e5c;color:#4a9e5c}
#inc_01 .icon_link ul li:hover .go_btn:before{right:0;opacity:1;transition-delay:.2s}
#inc_01 .icon_link ul li:hover .go_btn:after{right:-20px;opacity:0}
}
@media (max-width:1400px){
#inc_01{padding:100px 20px}
#inc_01 .clinic .txt .tit{font-size:27px;line-height:36px}
}
@media (max-width:1024px){
#inc_01 .clinic .txt{position:relative;left:auto;top:auto;text-align:center;margin-bottom:50px}
#inc_01 .clinic .txt p{ white-space:normal}
#inc_01 .clinic ul li{width:calc(50% - 12px)}
#inc_01 .clinic ul li:nth-child(1){margin-bottom:25px;margin-left:0}
#inc_01 .clinic ul li:nth-child(3){margin-bottom:25px;margin-top:0}
#inc_01 .clinic ul li:nth-child(even){margin-top:65px}
#inc_01 .clinic ul li .img{height:258px;background-position:center;background-repeat:no-repeat;background-size:cover}
#inc_01 .clinic ul li .img img{display:none}
#inc_01 .clinic ul li:nth-child(1) .img{background-image:url(./img/clinic01.jpg)}
#inc_01 .clinic ul li:nth-child(2) .img{background-image:url(./img/clinic02.jpg)}
#inc_01 .clinic ul li:nth-child(3) .img{background-image:url(./img/clinic03.jpg)}
#inc_01 .clinic ul li:nth-child(4) .img{background-image:url(./img/clinic04.jpg)}
#inc_01 .clinic ul li .img_txt{position:relative;top:auto;padding:0 15px;text-align:left;color:#222;opacity:1}
#inc_01 .clinic ul li .img_txt p{margin:15px 0 11px}
#inc_01 .clinic ul li:nth-child(3) .img_txt, #inc_01 .clinic ul li:nth-child(4) .img_txt{top:auto}
#inc_01 .clinic ul li .img_txt span{ white-space:normal}
#inc_01 .icon_link ul li .go_btn{border-bottom:solid 3px #4a9e5c;color:#4a9e5c;text-align:center}
#inc_01 .icon_link ul li .go_btn:before, #inc_01 .icon_link ul li .go_btn:after{display:none}
}
@media (max-width:768px){
#inc_01{padding:60px 20px}
#inc_01 .clinic{margin-bottom: 60px;}
#inc_01 .icon_link ul li{position:relative;float:none;width:100%;margin-bottom:10px;border:solid 1px #e1e1e1;text-align:left;background-color:#fff}
#inc_01 .icon_link ul li a{padding:30px 20px 30px 115px}
#inc_01 .icon_link ul li .go_btn{position:absolute;right:20px;top:50%;width:85px;height:85px;margin:0;padding-top:27px;border-radius:50%;border:none;font-size:15px;color:#fff;text-align:center;background-color:#4a9e5c;transform:translateY(-50%)}
#inc_01 .icon_link ul li img{position:absolute;    left:20px}
#inc_01 .icon_link ul li p{margin:0 0 7px}
}
@media (max-width:480px){
#inc_01{padding:50px 20px 35px}
#inc_01 .clinic{margin-bottom:50px}
#inc_01 .clinic .txt{margin-bottom:0}
#inc_01 .clinic .txt .tit{margin:15px 0;font-size:23px;line-height:33px}
#inc_01 .clinic .txt p{font-size:15px}
#inc_01 .clinic ul li{float:none;width:100%;margin:45px 0 0 0!important}
#inc_01 .clinic ul li:nth-child(1){margin-top:25px!important}
#inc_01 .icon_link ul li .go_btn{display:none}
#inc_01 .icon_link ul li p{font-size:17px}
#inc_01 .icon_link ul li img{max-width:65px}
#inc_01 .icon_link ul li a{padding:25px 20px 25px 104px}
}
@media (max-width:380px){
#inc_01 .icon_link ul li span{ white-space:normal}
}
/* 반응형 [e] */