@charset "utf-8";

#include02_wrapper{position:relative;height:460px;margin-top:65px;box-sizing:border-box;background:url(./img/in02_bg.png) center fixed}
#include02_wrapper .scroll_wrap{position:absolute;left:50%;top:0px;width:78px;height:36px;margin-left:-39px;background:url(./img/scroll_bg.png) center no-repeat}
#include02_wrapper .scroll-down{position:absolute;z-index:999;bottom:0;left:46.2%;width:9px;height:12px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);
-webkit-animation:arr 1.6s infinite linear;-ms-animation:arr 1.6s infinite linear;animation:arr 1.6s infinite linear}
@-webkit-keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}}
@keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}}
#include02_wrapper .scroll-down i{color: #12335e;}

/* 타이틀*/
#include02_wrapper .cont_wrap{position:absolute;width:100%;top:80px;left:50%;transform:translateX(-50%)}
#include02_wrapper .tit_wrap{text-align:center;font-size:38px;color:#fff;font-family:'notokr-light'}
#include02_wrapper .tit_wrap span{
    font-family: 'notokr-medium';
}
/*section*/
#include02_wrapper .section_wrap{display:flex;align-items:center;overflow:hidden;text-align:center;color:#fff;height:100%;max-width:1200px;margin:0 auto}
#include02_wrapper .section_wrap > div{width:calc(100% / 3);height:100%;border-left:1px solid rgba(255,255,255,0.12);position:relative}
#include02_wrapper .section_wrap > div::before{content:'';position:absolute;width:3px;height:30px;background:rgba(255,255,255,0.12);top:46%;left:0;transition:.5s}
#include02_wrapper .section_wrap > div > h4{margin-top:270px;font-family: 'notokr-medium';font-size:22px}
#include02_wrapper .section_wrap > div > p{margin-top:25px;color:#e4e3e3;font-family:'notokr-regular';white-space:pre-line;word-break:keep-all}
#include02_wrapper .section_wrap .sect03{border-right:1px solid rgba(255,255,255,0.12)}
#include02_wrapper .section_wrap .icon{position:absolute;width:65px;height:65px;top:200px;left:50%;transform:translateX(-50%);background-size:100%}
#include02_wrapper .section_wrap .sect01 .icon{background-image:url('./img/include2_icon1.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect02 .icon{background-image:url('./img/include2_icon2.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect03 .icon{background-image:url('./img/include2_icon3.png');transition:.5s;background-repeat:no-repeat}

/* 반응형 [s] */
@media (hover:hover){
#include02_wrapper .section_wrap > div:hover:before{background:#ce9e21;transition:.5s}
#include02_wrapper .section_wrap .sect01:hover .icon{background-image:url('./img/include2_icon1_hover.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect02:hover .icon{background-image:url('./img/include2_icon2_hover.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect03:hover .icon{background-image:url('./img/include2_icon3_hover.png');transition:.5s;background-repeat:no-repeat}
}
@media (max-width:1024px){
#include02_wrapper{margin-top:0px;height:525px}
#include02_wrapper .tit_wrap{font-size:25px}
#include02_wrapper .section_wrap > div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px}
#include02_wrapper .section_wrap > div > h4{margin-top:20px;font-size:18px}
#include02_wrapper .section_wrap .icon{position:static;width:50px;height:58px;transform:none}
#include02_wrapper .section_wrap > div > p{margin-top:20px;line-height:1.5}
}
@media (max-width:768px){
#include02_wrapper{height:480px}
#include02_wrapper .cont_wrap{top:70px}
#include02_wrapper .tit_wrap{font-size:20px}
#include02_wrapper .section_wrap .icon{width:45px;height:48px}
#include02_wrapper .section_wrap  div:nth-child(-n+2) h4{margin-top:7px}
#include02_wrapper .section_wrap > div > h4{margin-top:15px;font-size:16px}
#include02_wrapper .section_wrap > div > p{white-space:normal;margin-top:15px}
}
@media (max-width:480px){
#include02_wrapper{padding:90px 0;height:auto;background-attachment:unset}
#include02_wrapper .section_wrap{flex-direction:column;margin-top:50px}
#include02_wrapper .cont_wrap{position:static;transform:none;text-align:center}
#include02_wrapper .tit_wrap{font-size:18px}
#include02_wrapper .section_wrap > div{padding-bottom:50px;width:100%;border-left:none;border-bottom:1px solid rgb(255, 255, 255, 0.12)}
#include02_wrapper .section_wrap > div::before{top:auto;bottom:-2px;left:50%;transform:translateX(-50%);width:30px;height:3px;background-color: #12335e;}
#include02_wrapper .section_wrap  div+div{margin-top:50px}
#include02_wrapper .section_wrap > div > h4{margin-top:12px}
#include02_wrapper .section_wrap > div > p{margin-top:12px;width:65%}
#include02_wrapper .section_wrap .sect01 .icon{background-image:url('./img/include2_icon1_hover.png')}
#include02_wrapper .section_wrap .sect02 .icon{background-image:url('./img/include2_icon2_hover.png')}
#include02_wrapper .section_wrap .sect03 .icon{background-image:url('./img/include2_icon3_hover.png')}
}
@media (max-width:380px){
#include02_wrapper{padding:80px 0}
#include02_wrapper .tit_wrap{font-size:16px}
#include02_wrapper .section_wrap{margin-top:40px}
#include02_wrapper .section_wrap .icon{width:40px;height:44px}
#include02_wrapper .section_wrap > div{padding-bottom:40px}
#include02_wrapper .section_wrap div:nth-child(-n+2) h4{margin-top:0px}
#include02_wrapper .section_wrap div+div{margin-top:40px}
#include02_wrapper .section_wrap > div > h4{margin-top:10px;font-size:15px}
#include02_wrapper .section_wrap > div > p{margin-top:10px;width:70%}
}
/* 반응형 [e] */