@charset "utf-8";

.index_01_wrap{max-width:1070px;height:135px;margin:0 auto}
.index_01_wrap:after{display:block;clear:both;content:""}
.index_01_wrap .title{float:left;position:relative;margin-top:30px;font-size:18px;font-weight:700;color:#222222;letter-spacing:0;font-family:'Raleway'}
.index_01_wrap .title:after{display:block;position:absolute;top:40px;width:16px;height:2px;background-color:#ff9600;content:""}
.index_01_wrap .content{margin-left:123px;font-size:14px;letter-spacing:-0.3px;text-align:center}
.index_01_wrap .content a{display:block;float:left;width:115px;height:120px;padding-top:80px;color:#aeaeae;-webkit-transition:all .3s;transition:all .3s;background-position:center 30px;background-repeat:no-repeat;font-family:'notokr-medium'}

/* 아이콘 */
.index_01_wrap .icon_01{background-image:url(./img/icon_01.png)}
.index_01_wrap .icon_02{background-image:url(./img/icon_02.png)}
.index_01_wrap .icon_03{background-image:url(./img/icon_03.png)}
.index_01_wrap .icon_04{background-image:url(./img/icon_04.png)}
.index_01_wrap .icon_05{background-image:url(./img/icon_05.png)}

/* 반응형 [s] */
@media(hover:hover){
.index_01_wrap .content a:hover{color:#222}
.index_01_wrap .icon_01:hover{background-image:url(./img/icon_01_on.png)}
.index_01_wrap .icon_02:hover{background-image:url(./img/icon_02_on.png)}
.index_01_wrap .icon_03:hover{background-image:url(./img/icon_03_on.png)}
.index_01_wrap .icon_04:hover{background-image:url(./img/icon_04_on.png)}
.index_01_wrap .icon_05:hover{background-image:url(./img/icon_05_on.png)}
}
@media (max-width:1024px){
.index_01_wrap{display:flex;flex-direction:column;justify-content:center;width:95%;height:auto}
.index_01_wrap .content{display:flex;justify-content:space-between;margin-top:20px;margin-left:0px;padding-bottom:20px;width:100%}
.index_01_wrap .content a{width:auto}
}
@media (max-width:768px){
.index_01_wrap{align-items:center}
.index_01_wrap .content a{width:calc(100% / 5)}
.index_01_wrap .title:after{width:100%}
}
@media (max-width:480px){
.index_01_wrap{padding-bottom:20px}
.index_01_wrap .content{flex-wrap:wrap;justify-content:center}
.index_01_wrap .content a{width:calc(100% / 3);height:auto}
}
/* 반응형 [e] */