@charset "utf-8";

#in01{width:100%;background:#f9f9f9 url(./img/in01_bg.png) center top no-repeat;background-size:cover}
#in01 .cont{width:1150px;margin:0 auto 0;padding:98px 0 69px}
#in01 .cont>div{position:relative}
#in01 .bot .img{margin-top:56px;text-align:right}
#in01 .box{position:absolute;bottom:0;width:444px;height:284px;padding-left:59px;border:1px solid #ddd;background:#fff}
#in01 .top .box{right:0}
#in01 .bot .box{left:0}
#in01 .tit{margin-top:43px;font-size:23px;line-height:31px;color:#3a3a3a;letter-spacing:-0.15px;font-family:'notokr-regular',sans-serif;font-weight:400}
#in01 .tit span{font-family:'notokr-bold',sans-serif}
#in01 .txt{margin:14px 0 21px;font-size:16px;line-height:26px;color:#777;letter-spacing:-0.3px;font-family:'notokr-regular',sans-serif}
#in01 .btn{position:relative;width:170px;height:46px;border:1px solid #14375b;box-sizing:border-box}
#in01 .btn a{display:block;position:relative;z-index:9999;width:100%;height:100%;font-size:15px;line-height:44px;color:#0f3360;letter-spacing:-0.3px;text-align:center;transition:0.3s;font-family:'notokr-medium',sans-serif}
#in01 .btn:after{display:block;position:absolute;bottom:0;left:50%;width:100px;height:3px;margin-left:-50px;background:#0f3360;transition:0.3s;content:""}

/* 반응형 [s] */
@media (hover:hover){
#in01 .btn a:hover{color:#fff}
#in01 .btn:hover:after{width:100%;height:100%;left:0;margin-left:0}
}
@media (max-width:1380px){
#in01 .cont{width:95%}
}
@media (max-width:1024px){
#in01 .cont{padding:100px 0}
#in01 .cont>div{display:flex;gap:14px}
#in01 .img{width:calc(65% - 7px);height:350px}
#in01 .img img{width:100%;height:100%;object-fit:cover}
#in01 .box{display:flex;flex-direction:column;justify-content:center;position:static;padding:0 2.5%;width:calc(35% - 7px);height:auto}
#in01 .bot{flex-direction:row-reverse;margin-top:14px}
#in01 .bot .img{margin-top:0px}
#in01 .tit{margin-top:0px;font-size:19px;line-height:1.3}
#in01 .txt{margin:15px 0 25px;font-size:14px;line-height:1.5}
#in01 .btn a{font-size:13px}
}
@media (max-width:768px){
#in01{background:none}
#in01 .cont{padding:80px 0}
#in01 .cont>div{flex-direction:column}
#in01 .img{width:100%;height:320px}
#in01 .box{width:100%;align-items:center;text-align:center;padding:45px 2.5%}
#in01 .bot{margin-top:50px}
}
@media (max-width:480px){
#in01 .cont{padding:70px 0}
#in01 .cont>div{gap:10px}
#in01 .img{height:290px}
#in01 .bot{margin-top:40px}
#in01 .box{padding:40px 2.5%}
#in01 .tit{font-size:18px}
#in01 .txt{margin:13px 0 20px;font-size:13px}
#in01 .btn{width:162px}
}
@media (max-width:390px){
#in01 .cont{padding:60px 0}
#in01 .img{height:260px}
#in01 .box{padding:35px 2.5%}
#in01 .tit{font-size:17px}
#in01 .txt{font-size:12px}
#in01 .btn{width:156px}
#in01 .btn a{font-size:12px}
}
/* 반응형 [e] */