@charset "utf-8";

#include01_wrapper{position:relative;width:1200px;margin:50px auto 0}
#include01_wrapper .box_banner_wrap{overflow:hidden}
#include01_wrapper .box_banner_wrap li{position:relative;float:left;width:272px;height:190px;margin-right:6px;background-size:cover;box-sizing:border-box;transition:all 0.2s}
#include01_wrapper .box_banner_wrap li a{display:block;padding:30px 30px 45px;z-index:0}
#include01_wrapper .box_banner_wrap li a .in01_tit{padding-bottom:25px;font-size:18px;line-height:28px;font-weight:600;white-space:pre-line;color:#fff;letter-spacing:0.5px;font-family:'Poppins'}
#include01_wrapper .box_banner_wrap li a .more_btn{position:absolute;right:30px;top:30px;width:32px;height:32px;transition-duration:0.4s}
#include01_wrapper .box_banner_wrap li a p{z-index:10;color:rgba(255, 255, 255, 0.7607843137254902)}
#include01_wrapper .box_banner_wrap li a p.br{white-space:pre-line}
#include01_wrapper .box_banner_wrap .li01{background-image:url(/sh_img/include/include_01/img/li01_bg.png);background-repeat:no-repeat}
#include01_wrapper .box_banner_wrap .li02{background-image:url(/sh_img/include/include_01/img/li02_bg.png);background-repeat:no-repeat}
#include01_wrapper .box_banner_wrap .li03{margin-right:0;background-image:url(/sh_img/include/include_01/img/li03_bg.png);background-repeat:no-repeat}

#include01_wrapper .cons_wrap{position:absolute;overflow:hidden;right:0;bottom:275px;width:342px;height:582px;padding:30px;background:url(/sh_img/include/include_01/img/cons_bg.png) no-repeat;background-size:cover;z-index:10;box-sizing:border-box;box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.30980392156862746)}
#include01_wrapper .latest_wrap {margin-top:70px}
#include01_wrapper .latest_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
#include01_wrapper .latest_wrap .latest_box .latest{margin-top:22px}
#include01_wrapper .latest_wrap .latest_box {float:left;width:50%;height:205px;box-sizing:border-box;background-color:#fff}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:35px;border-right:solid 1px #ddd}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:55px}
#include01_wrapper .latest_wrap .latest_box_tit {position:relative;font-size:20px;color:#333;font-family:'notokr-bold'}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn{float:right;padding-right:14px;font-size:13px;color:#626262}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn i{position:absolute;right:0;top:7px;font-size:10px}
#include01_wrapper .latest_wrap .more {float:right;margin-top:-3px}

#include01_wrapper .mo_box{display:none}

/* 카카오톡 */
#include01_wrapper .inc_kakao{display:none;overflow:hidden;width:calc(100% - 30px);margin:0 auto 30px;padding:15px;background:#f5f5f5}
#include01_wrapper .inc_kakao li{float:left;width:calc(100%/2 - 5px);margin-bottom:10px;font-size:17px;text-align:center;font-weight:600;letter-spacing:0;font-family:'Poppins', sans-serif}
#include01_wrapper .inc_kakao li:nth-child(2n){margin-right:0}
#include01_wrapper .inc_kakao a{color:#333}
#include01_wrapper .inc_kakao .tel i{margin-left:8px;color:#c29a6f}
#include01_wrapper .inc_kakao .kakao{display:inline-block;margin-right:6px;padding:12px 20px 12px 50px;border:1px solid #e1e1e1;border-radius:50px;font-size:15px;font-weight:normal;color:#222;background:url('/sh_img/include/include_01/img/kakao_icon.png') no-repeat 20px center #fff;font-family:'notokr-medium'}
#include01_wrapper .inc_kakao p{word-break:keep-all;text-align:center}


/* 익스 8 */
@media \0screen {
#include01_wrapper .box_banner_wrap li a p{color:#e1e1e1}
}
/* 반응형 s */
@media (hover:hover) {
#include01_wrapper .box_banner_wrap li:hover .more_btn{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
#include01_wrapper .box_banner_wrap .li01:hover{background-image:url(/sh_img/include/include_01/img/li01_bg_on.png);background-repeat:no-repeat}
#include01_wrapper .box_banner_wrap .li02:hover{background-image:url(/sh_img/include/include_01/img/li02_bg_on.png);background-repeat:no-repeat}
#include01_wrapper .box_banner_wrap .li03:hover{margin-right:0;background-image:url(/sh_img/include/include_01/img/li03_bg_on.png);background-repeat:no-repeat}
}
@media (max-width:1200px){
#include01_wrapper{width:100%}
#include01_wrapper .box_banner_wrap{margin-bottom:50px;padding:0 15px}
#include01_wrapper .box_banner_wrap li{width:calc(100% / 3 - 4px)}
#include01_wrapper .cons_wrap{position:initial;width:100%;height:auto;background-size:cover;box-shadow:none}
#include01_wrapper .latest_wrap{padding:0 15px}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:35px}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:35px}
}
@media (max-width:1024px){
#include01_wrapper .inc_kakao{display:block}
}
@media (max-width:900px){
#include01_wrapper{margin:0 auto}
#include01_wrapper .box_banner_wrap{margin-bottom:0}
#include01_wrapper .box_banner_wrap li{width:100%;height:auto}
#include01_wrapper .box_banner_wrap li+li{margin-top:15px}
#include01_wrapper .box_banner_wrap .li01{background-image:url(/sh_img/include/include_01/img/li01_bg_m.png)}
#include01_wrapper .box_banner_wrap .li02{background-image:url(/sh_img/include/include_01/img/li02_bg_m.png)}
#include01_wrapper .box_banner_wrap .li03{background-image:url(/sh_img/include/include_01/img/li03_bg_m.png)}
#include01_wrapper .box_banner_wrap li a{padding-top:45px}
#include01_wrapper .box_banner_wrap li a .in01_tit{white-space:normal;word-break:keep-all}
#include01_wrapper .cons_wrap{padding:35px 30px}
#include01_wrapper .latest_wrap{margin-top:55px}
#include01_wrapper .latest_wrap .latest_box{width:100%;height:auto}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding:0 0 35px;border-right:0;border-bottom:1px solid #ddd}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding:0 0 35px}
#include01_wrapper .pc_box{display:flex;flex-direction:column-reverse}
#include01_wrapper .pc_box .qna_wrap{display:none}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:0}
#include01_wrapper .mo_box{display:block}


}
@media (max-width:768px){
#include01_wrapper .latest_wrap{margin-top:40px}
/* #include01_wrapper .latest_wrap .latest_box.qna_wrap{padding:35px 0} */
#include01_wrapper .inc_kakao li{width:100%;margin-right:0}
}
@media (max-width:480px){
#include01_wrapper .inc_kakao li{font-size:15px}
#include01_wrapper .inc_kakao .kakao{padding:12px 9px 12px 36px;font-size:14px;background-position:10px center}
}
/* 반응형 e */
