@charset "utf-8";

#in02{position:relative;padding:120px 0}
#in02:before{position:absolute;left:0;right:0;top:0;width:100%;height: 607px;overflow: hidden;content:url('/sh_img/include/include02/img/bg.jpg')}

#in02 .inner{position:relative;max-width:1200px;margin:0 auto}
#in02 .tit_area{max-width:1200px;margin: 0 auto 50px;font-size:17px;line-height: 27px;text-align:center;color: rgba(255, 255, 255, 0.59);}  
#in02 .tit_area .tit{margin-bottom:20px;font-size:36px;font-weight:700;color:#fff}

#in02 .top_banner{overflow:hidden}
#in02 .top_banner>div{float:left;width:400px;height:364px;background-color:#fff}
#in02 .stit{font-size:21px;font-weight:700;color:#222}
#in02 .top_banner .customer{position:relative;padding-top:89px;line-height:23px;color:rgba(255,255,255,.8);text-align:center;background-color: #bf4f17;}
#in02 .top_banner .customer .stit{color:#fff}
#in02 .top_banner .customer .tel{margin:15px 0;font-size:19px;color:#fff}
#in02 .top_banner .customer .tel span{display:block;font-size: 38px;line-height: 49px;font-weight:700}
#in02 .top_banner .customer .go_btn{position:absolute;left:0;right:0;bottom:0;background-color: #a74210;}
#in02 .top_banner .customer .go_btn a{display:inline-block;position:relative;width:50%;padding: 25px 0;text-align:center;color:#fff;font-family:notokr-medium}
#in02 .top_banner .customer .go_btn a:first-child:after{position:absolute;right:0;top: 33px;width:1px;height: 12px;content:'';background-color: rgba(255 255 255 / 0.37)}
#in02 .top_banner .notice{padding:49px 42px}
#in02 .top_banner .notice .stit{position:relative}
#in02 .top_banner .notice .stit a{display:block;height:100%}
#in02 .top_banner .notice .plus{display:block;position:absolute;right:0;top:11px;width:19px;height:1px;margin-top:-1px;background-color:#222}
#in02 .top_banner .notice .plus:after{display:block;content:"";position:absolute;left:9px;top:-9px;width:1px;height:19px;background-color:#222;-webkit-transition:all .3s;transition:all .3s}
#in02 .top_banner .notice .stit:hover .plus:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#222}
#in02 .top_banner .notice .lt_latest{margin:20px 0}
#in02 .top_banner .notice .lt_area li{position:relative;font-size: 14px;line-height: 28px;color: #222;overflow: hidden;}
#in02 .top_banner .notice .lt_area li .sh_notice{display:inline-block}
#in02 .top_banner .notice .lt_area li .sh_date_r{display:inline-block;float: right;color: #777;font-size: 13px;}
#in02 .top_banner .notice .lt_area li .sh_notice:before{display:inline-block;width:2px;height:2px;content:'';margin: 0 3px 3px 0;background-color:#555;}
#in02 .top_banner .notice .lt_area li.first{height:90px;margin-bottom: 23px;border-top: solid 1px #e1e1e1;border-bottom: solid 1px #e1e1e1;padding: 26px 0 0 80px;}
#in02 .top_banner .notice .lt_area li.first .sh_date{position:absolute;left:0;top: 14px;width: 60px;height: 60px;border-radius: 8px;padding-top: 13px;line-height: 19px;text-align:center;font-size: 13px;color: #777;letter-spacing: 1px;background-color: #f7f7f7;}
#in02 .top_banner .notice .lt_area li.first .sh_notice{font-size:15px;font-weight:700;color:#222}
#in02 .top_banner .notice .lt_area li.first .sh_notice:before{display:none}
#in02 .top_banner .notice .lt_area li.first .sh_date span{display: block;font-size: 19px;font-weight: 700;color:#222}
#in02 .top_banner .notice .lt_area li.first .txt_wrap{padding-left:60px}
#in02 .top_banner .notice .lt_area li .txt_wrap .sh_notice{display:block;margin-bottom:15px;font-size:17px;color:#222;font-family:notokr-medium}

#in02 .top_banner .link_banner{border-left:solid 1px #e1e1e1}
#in02 .top_banner .link_banner > div{position:relative;line-height:23px;transition:all .3s}
#in02 .top_banner .link_banner > div a{display:block;height:100%;padding:49px 42px;color:#777}
#in02 .top_banner .link_banner > div img{position:absolute;right:42px;top:42px}
#in02 .top_banner .link_banner > div:nth-child(1){border-bottom:solid 1px #e1e1e1;background:url(/sh_img/include/include02/img/icon1.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div:nth-child(2){background:url(/sh_img/include/include02/img/icon2.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div:nth-child(1):hover{background:url(/sh_img/include/include02/img/icon1_on.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div:nth-child(2):hover{background:url(/sh_img/include/include02/img/icon2_on.png) 90% 30% no-repeat}

#in02 .top_banner .link_banner .stit{padding-bottom:15px}

#in02 .ad_banner{height: 289px;padding-left:40%;line-height:23px;background: #f5af2b url(/sh_img/include/include02/img/cr_il.png) 11% bottom no-repeat;background-size: 305px;}
#in02 .ad_banner .txt{padding-top: 45px;color: #333;}
#in02 .ad_banner .txt .btxt{padding-bottom:15px;font-size:24px;line-height:34px;font-weight:700;color:#222; white-space:pre-line}
#in02 .ad_banner .go_btn{display:inline-block;padding: 12px 23px;border-radius:3px;margin-top:20px;color:#fff;background-color: #281d19;}
#in02 .m_ad_banner{display:none}

@media (max-width: 1200px){
#in02 .top_banner>div{width:33.33%}
#in02 .ad_banner{padding-left:50%}
#in02 .ad_banner .ws{ white-space:pre-line}
}
@media (max-width:1023px){
#in02 .ad_banner{padding-left:45%}
#in02 .top_banner .customer{width:50%}
#in02 .top_banner .notice{width:50%;border-bottom: solid 1px #e1e1e1;background-color: #f7f7f7;}
#in02 .top_banner .link_banner{width:100%;height:auto;overflow:hidden}
#in02 .top_banner .link_banner > div{float:left;width:50%}
#in02 .top_banner .link_banner > div a{padding:}
#in02 .top_banner .link_banner > div:first-child{border-bottom:none;border-right:solid 1px #e1e1e1}

}
@media (max-width:800px){
#in02 .ad_banner{padding-left:40%;background-size:250px;background-position:10px bottom}
#in02 .ad_banner .txt .btxt{font-size:21px}

}
@media (max-width:768px){
#in02{padding-top:0}
#in02 .top_banner .customer{width:100%;float: none;}
#in02 .top_banner .notice{width:100%}
#in02 .ad_banner{padding-left:280px;background-position: left bottom;}
#in02 .tit_area{display:none}
#in02:before{display:none}
}

@media (max-width:700px){
#in02 .ad_banner .ws{padding-right:20px;white-space:normal}
}
@media (max-width:540px){

#in02 .top_banner>div{height:auto}
#in02 .top_banner .customer{padding:30px 0;width: 92%;margin: 0 auto;border-radius: 15px;}
#in02 .top_banner .customer .tel span{font-size:35px}
#in02 .top_banner .link_banner > div{width:100%}
#in02 .top_banner .notice{padding:40px 22px;background: none;}
#in02 .top_banner .notice .lt_latest{margin-bottom:0}
#in02 .top_banner .link_banner > div:nth-child(1){border-bottom:solid 1px #e1e1e1;border-right: none;background:url(/sh_img/include/include02/img/icon1_on.png) 90% 30% no-repeat;}
#in02 .top_banner .link_banner > div:nth-child(2){background:url(/sh_img/include/include02/img/icon2_on.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div a{padding:32px 22px}
#in02 .stit{font-size:18px}
#in02 .top_banner .link_banner .stit{padding-bottom:5px}
#in02 .top_banner .customer .go_btn{display:none}
#in02 .m_ad_banner{display:block}
#in02{padding-bottom:45px}
#in02 .top_banner .link_banner{border-left:none}
@charset "utf-8";

#in02{position:relative;padding:120px 0}
#in02:before{position:absolute;left:0;right:0;top:0;width:100%;height: 607px;overflow: hidden;content:url('/sh_img/include/include02/img/bg.jpg')}

#in02 .inner{position:relative;max-width:1200px;margin:0 auto}
#in02 .tit_area{max-width:1200px;margin: 0 auto 50px;font-size:17px;text-align:center;color:rgba(255,255,255,.8)s}  
#in02 .tit_area .tit{margin-bottom:20px;font-size:36px;font-weight:700;color:#fff}

#in02 .top_banner{overflow:hidden}
#in02 .top_banner>div{float:left;width:400px;height:364px;background-color:#fff}
#in02 .stit{font-size:21px;font-weight:700;color:#222}
#in02 .top_banner .customer{position:relative;padding-top:62px;line-height:23px;color:rgba(255,255,255,.8);text-align:center;background-color: #d64903;}
#in02 .top_banner .customer .stit{color:#fff}
#in02 .top_banner .customer .tel{margin:15px 0;color:#fff}
#in02 .top_banner .customer .tel span{display:block;font-size: 38px;line-height: 49px;font-weight:700}
#in02 .top_banner .customer .go_btn{position:absolute;left:0;right:0;bottom:0;background-color: #c04000;}
#in02 .top_banner .customer .go_btn a{display:inline-block;position:relative;width:50%;padding: 25px 0;text-align:center;color:#fff;font-family:notokr-medium}
#in02 .top_banner .customer .go_btn a:first-child:after{position:absolute;right:0;top: 33px;width:1px;height: 12px;content:'';background-color: rgba(255 255 255 / 0.37)}
#in02 .top_banner .notice{padding:49px 42px}
#in02 .top_banner .notice .stit{position:relative}
#in02 .top_banner .notice .stit a{display:block;height:100%}
#in02 .top_banner .notice .plus{display:block;position:absolute;right:0;top:11px;width:19px;height:1px;margin-top:-1px;background-color:#222}
#in02 .top_banner .notice .plus:after{display:block;content:"";position:absolute;left:9px;top:-9px;width:1px;height:19px;background-color:#222;-webkit-transition:all .3s;transition:all .3s}
#in02 .top_banner .notice .stit:hover .plus:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#222}
#in02 .top_banner .notice .lt_latest{margin:20px 0}
#in02 .top_banner .notice .lt_area li{position:relative;font-size: 14px;line-height: 28px;color: #222;overflow: hidden;}
#in02 .top_banner .notice .lt_area li .sh_notice{display:inline-block}
#in02 .top_banner .notice .lt_area li .sh_date_r{display:inline-block;float: right;color: #777;font-size: 13px;}
#in02 .top_banner .notice .lt_area li .sh_notice:before{display:inline-block;width:2px;height:2px;content:'';margin: 0 3px 3px 0;background-color:#555;}
#in02 .top_banner .notice .lt_area li.first{height:90px;margin-bottom: 23px;border-top: solid 1px #e1e1e1;border-bottom: solid 1px #e1e1e1;padding: 26px 0 0 80px;}
#in02 .top_banner .notice .lt_area li.first .sh_date{position:absolute;left:0;top: 14px;width: 60px;height: 60px;border-radius: 8px;padding-top: 13px;line-height: 19px;text-align:center;font-size: 13px;color: #777;letter-spacing: 1px;background-color: #f7f7f7;}
#in02 .top_banner .notice .lt_area li.first .sh_notice{font-size:15px;font-weight:700;color:#222}
#in02 .top_banner .notice .lt_area li.first .sh_notice:before{display:none}
#in02 .top_banner .notice .lt_area li.first .sh_date span{display: block;font-size: 19px;font-weight: 700;color:#222}
#in02 .top_banner .notice .lt_area li.first .txt_wrap{padding-left:60px}
#in02 .top_banner .notice .lt_area li .txt_wrap .sh_notice{display:block;margin-bottom:15px;font-size:17px;color:#222;font-family:notokr-medium}

#in02 .top_banner .link_banner{border-left:solid 1px #e1e1e1}
#in02 .top_banner .link_banner > div{position:relative;line-height:23px;transition:all .3s}
#in02 .top_banner .link_banner > div a{display:block;height:100%;padding:49px 42px;color:#777}
#in02 .top_banner .link_banner > div img{position:absolute;right:42px;top:42px}
#in02 .top_banner .link_banner > div:nth-child(1){border-bottom:solid 1px #e1e1e1;background:url(/sh_img/include/include02/img/icon1.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div:nth-child(2){background:url(/sh_img/include/include02/img/icon2.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div:nth-child(1):hover{background:url(/sh_img/include/include02/img/icon1_on.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div:nth-child(2):hover{background:url(/sh_img/include/include02/img/icon2_on.png) 90% 30% no-repeat}

#in02 .top_banner .link_banner .stit{padding-bottom:15px}

#in02 .ad_banner{height:244px;padding-left:40%;line-height:23px;background: #f5af2b url(/sh_img/include/include02/img/cr_il.png) 15% bottom no-repeat;background-size: 270px;}
#in02 .ad_banner .txt{padding-top:57px}
#in02 .ad_banner .txt .btxt{padding-bottom: 8px;font-size: 19px;line-height: 27px;font-weight:700;color:#222;}
#in02 .m_ad_banner{display:none}

@media (max-width: 1200px){
#in02 .top_banner>div{width:33.33%}
#in02 .ad_banner{padding-left:50%}
}
@media (max-width:1023px){
#in02 .top_banner .customer{width:50%}
#in02 .top_banner .notice{width:50%;border-bottom: solid 1px #e1e1e1;background-color: #f7f7f7;}
#in02 .top_banner .link_banner{width:100%;height:auto;overflow:hidden}
#in02 .top_banner .link_banner > div{float:left;width:50%}
#in02 .top_banner .link_banner > div a{padding:}
#in02 .top_banner .link_banner > div:first-child{border-bottom:none;border-right:solid 1px #e1e1e1}
#in02 .ad_banner .txt{padding-top: 28px;}

}
@media (max-width:768px){
#in02{padding-top:0}
#in02 .top_banner .customer{width:100%;float: none;}
#in02 .top_banner .notice{width:100%}
#in02 .tit_area{display:none}
#in02:before{display:none
}
@media (max-width:540px){
#in02 .ad_banner{padding-left:10px;background:#f5af2b url(/sh_img/include/include02/img/cr_il_m.png) right bottom no-repeat}
#in02 .ad_banner .txt{padding-top:32px}
#in02 .top_banner>div{height:auto}
#in02 .top_banner .customer{padding:30px 0;width: 92%;margin: 0 auto;border-radius: 15px;background-color:#e49c00}
#in02 .top_banner .customer .tel span{font-size:35px}
#in02 .top_banner .link_banner > div{width:100%}
#in02 .top_banner .notice{padding:40px 22px;background: none;}
#in02 .top_banner .notice .lt_latest{margin-bottom:0}
#in02 .top_banner .link_banner > div:nth-child(1){border-bottom:solid 1px #e1e1e1;border-right: none;background:url(/sh_img/include/include02/img/icon1_on.png) 90% 30% no-repeat;}
#in02 .top_banner .link_banner > div:nth-child(2){background:url(/sh_img/include/include02/img/icon2_on.png) 90% 30% no-repeat}
#in02 .top_banner .link_banner > div a{padding:32px 22px}
#in02 .stit{font-size:18px}
#in02 .top_banner .link_banner .stit{padding-bottom:5px}
#in02 .top_banner .customer .go_btn{display:none}
#in02 .m_ad_banner{display:block}
#in02{padding-bottom:45px}
#in02 .top_banner .link_banner{border-left:none}
}