@charset "utf-8";

#m01{position:relative;z-index:5;width:100%;padding-bottom:192px;margin-top:-240px;font-family:'notokr-regular'}	
#m01:after{display:block;content:"";clear:both;width:586px;height:586px;border:90px solid #f0f0f0;border-radius:586px;position:absolute;top:346px;left:-813px;margin-left:50%}
#m01_wrap{overflow:hidden;position:relative;margin:0 auto;padding-bottom:20px;z-index:100;top:90px;left:0;width:1200px;font-size:15px;color:#fff}

/*이미지박스*/
#m01_wrap .img_box{width:487px;margin-left:23px;box-shadow:15px 12px 22px 0 rgba(0,0,0,0.2)}
#m01_wrap .img_box:before{display:inline-block;content:"";clear:both;position:absolute;top:49px;left:0px;width:23px;height:384px;background:#ff661a}
#m01_wrap .img_box:after{display:inline-block;content:"";clear:both;position:absolute;top:202px;left:510px;width:192px;height:4px;background:#ff661a}

/*m01텍스트*/
#m01_wrap .txt_box{position:absolute;top:148px;left:600px}
#m01_wrap .txt_box .tit{margin-bottom:64px;font-size:34px;color:#222;font-family:'Raleway';font-weight:700;line-height:24px;letter-spacing:-0.1}
#m01_wrap .txt_box .txt01{margin-bottom:28px;font-size:16px;color:#222}
#m01_wrap .txt_box .txt02{font-size:16px;color:#888}

/*MORE VIEW btn*/
#m01_wrap .read_more {display:block;position:relative;float:left;margin-right:3px;padding:5px 0 5px 30px;margin-top:20px;font-size:14px;line-height:30px;letter-spacing:2.5px;color:#222;font-family:'Raleway';font-weight:600;background:url('./img/arr.png') 8px center no-repeat;-webkit-transition:all .2s;transition:all .2s}
#m01_wrap .read_more:before {display:block;content:"";clear:both;position:absolute;left:0;top:19px;width:12px;height:2px;background-color:#ff661a; transition:width .2s}
#m01_wrap .read_more:hover {padding-left:40px;background-position:20px center}
#m01_wrap .read_more:hover:before {width:25px}
#m01_wrap .first{width:198px}
#m01_wrap .bar{position:absolute;top:276px;left:25.6%}
#m01_wrap .bar:before{display:inline-block;content:"/";margin:0 23px;font-size:13px;color:#000;opacity:0.3}

/*오른쪽 텍스트*/
#m01 .right_wrap{position:relative;width:1200px;margin:0 auto}
#m01 .right_txt{position:absolute;top:-295px;right:68px;font-size:11px;color:#ff661a;font-family:'Raleway';font-weight:600;line-height:23px;letter-spacing:3px;transform:rotate(-90deg)}
#m01 .right_txt:after{display:inline-block;content:"";clear:both;position:absolute;top:10px;right:-173px;width:148px;height:1px;background:#ff661a}

@media (max-width:1320px){
#m01{margin-top:0}
#m01_wrap{display:flex;width:100%;align-items:center}
#m01_wrap .img_box{width:40%}
#m01_wrap .img_box img{width:100%}
#m01_wrap .img_box:before{top:50%;transform:translateY(-50%);height:60%}
#m01_wrap .img_box:after{display:none}
#m01_wrap .txt_box{position:relative;width:60%;left:initial;top:initial;padding:0 50px}
#m01_wrap .txt_box:after{display:inline-block;content:"";clear:both;position:absolute;top:50px;left:0;width:25%;height:4px;background:#ff661a}
#m01_wrap .txt_box p{word-break:keep-all}
#m01_wrap .bar{display:none}
}
@media (max-width:1024px){
#m01_wrap .txt_box{padding:0 20px}
#m01_wrap .txt_box .tit{font-size:25px;margin-bottom:34px}
#m01_wrap .txt_box:after{top:40px;height:2px}
#m01_wrap .txt_box .txt02{font-size:14px}
}
@media (max-width:768px){
#m01{padding:50px 20px}
#m01:after{width:486px;height:486px;border:75px solid #f0f0f0;top:50%;transform:translate(-50%,-50%);left:50%;margin-left:0}
#m01_wrap{flex-direction:column;top:initial}
#m01_wrap .img_box{position:relative;width:50%;margin-left:0;padding-top:10px}
#m01_wrap .img_box:before{top:0;width:150px;height:10px;left:50%;transform:translateX(-50%)}
#m01_wrap .txt_box{width:100%;padding:30px 0 0 0;text-align:center}
#m01_wrap .txt_box:after{top:70px;left:50%;transform:translateX(-50%)}
#m01_wrap .txt_box .txt02{line-height:24px}
#m01_wrap .link_box{display:flex;flex-direction:column;align-items:center;margin-top:15px}
#m01_wrap .read_more{margin-top:0}
#m01_wrap .first{width:fit-content}
}
@media (max-width:480px){
#m01{padding:50px 20px 30px}
#m01:after{display:none}
#m01_wrap .txt_box .tit{font-size:20px}
#m01_wrap .img_box{width:80%}
#m01_wrap .txt_box .txt02 br:nth-child(3), #m01_wrap .txt_box .txt02 br:last-child{display:none}

}
@media (max-width:380px){
}