@charset "utf-8";

/* =========================== MAIN */
#mainVisual{height:585px;border-radius:10px;background:#fff}
#mainVisual .pager_dot{display:inline-block;position:absolute;left:60px;bottom:100px;z-index:101;width:auto}
#mainVisual .pager_dot span{width:8px;height:8px;margin:0;border-radius:15px;background-color:#222;transition:all .2s;opacity:.2}
#mainVisual .pager_dot span+span{margin-left:8px}
#mainVisual .pager_dot span.on{width:25px;background-color:var(--primary);opacity:1}
#mainVisual ul .txt{position:absolute;left:60px;top:90px;font-size:56px;line-height:1.2;color:#222;transition:all .25s ease-out;opacity:0;font-family:'Pretendard'}
#mainVisual ul .txt span{display:block;padding-bottom:35px;font-size:17px;color:var(--primary);font-family:'Pretendard'}
#mainVisual ul .txt b{font-family:'Pretendard'; font-weight : 800; }
#mainVisual ul .txt .s_text{padding-top:45px;font-size:16px;color:rgba(34, 34, 34, 0.6);font-family:'Pretendard'}
#mainVisual ul .bnr01.on .txt{opacity:1;transition:1.5s}
#mainVisual ul .bnr02.on .txt{opacity:1;transition:1.5s}
#mainVisual ul .bnr03.on .txt{opacity:1;transition:1.5s}

/* =========================== inc01 */
/* 빠른조회 서비스 */
#inc01{margin-top:40px}
#inc01 .icon_box{display:flex;align-items:center;justify-content:center;position:relative;height:152px;border-radius:15px;background:#fff;box-shadow:3px 5px 24px 0px rgba(0, 0, 0, 0.02)}
#inc01 .icon_box .tit{position:relative;font-size:22px;line-height:1.4;color:#222;white-space:pre-line;font-family:'Pretendard'}
#inc01 .icon_box ul{display:flex;align-items:center;padding-left:60px}
#inc01 .icon_box ul li{position:relative;width:160px;text-align:center}
#inc01 .icon_box ul li+li:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:45px;background:#e1e1e1}
#inc01 .icon_box ul li img{opacity:.99;transition:all .2s}
#inc01 .icon_box ul li p{margin-top:10px;font-size:16px;font-family:'Pretendard'}
#inc01 .icon_box ul li a{display:block;height:100%;color:#222}
#inc01 .icon_box ul li:hover img{opacity:.6}

/* 아이콘 링크*/
#inc01 .icon_list{display:flex;align-items:center;justify-content:center;padding:50px 0 0}
#inc01 .icon_list li+li{margin-left:80px}
#inc01 .icon_list li a{display:flex;align-items:center}
#inc01 .icon_list li div{padding-left:20px;font-size:14px;color:#888}
#inc01 .icon_list li p{font-size:18px;color:#222;font-family:'Pretendard'}

/* =========================== inc02 */
/* 빠른메뉴 */
#inc02 .quick{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;height:340px}
#inc02 .quick li{height:160px;border-radius:15px;background-color:#fff}
#inc02 .quick li a{position:relative;display:block;height:100%;padding:20px 0 0 25px;font-size:14px;color:#888}
#inc02 .quick li p{margin-bottom:5px;font-size:18px;color:#222;font-family:'Pretendard'; font-weight:700;}
#inc02 .quick li .pl{line-height:1.6;white-space:pre-line}
#inc02 .quick li img{position:absolute;bottom:20px;right:20px}
#inc02 .quick li:hover{box-shadow:3px 5px 18px 0px rgba(0, 0, 0, 0.06);transition:0.5s}

/* 이벤트 */
#inc02 .event{margin:25px 0;}
#inc02 .event .tit{display:flex;align-items:center;padding-bottom:8px;color:#222;font-size:22px;font-family:'Pretendard'}
#inc02 .event .control{display:flex;position:relative;width:60px;margin-left:auto}
#inc02 .event .control:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";;width:1px;height:10px;background:#ccc}
#inc02 .event .control span{display:flex;align-items:center;width:50%;cursor:pointer}
#inc02 .event .control span.next img{margin-left:auto; }

/* 라테스트 */
#inc02 .latest .tit{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:22px;color:#222;font-family:'Pretendard'}
#inc02 .latest .tit a{font-size:14px;font-weight:500;color:#888;transition:all .2s ; border-radius:10px;}
#inc02 .latest .tit a:hover{color:#222 ; border-radius:10px;}
#inc02 .latest ul li a{display:flex;align-items:center;color:#888 ; border-radius:10px;}
#inc02 .latest ul li+li{margin-top:10px}
#inc02 .latest ul li .status{width:46px;height:22px;border:1px solid #ddd;border-radius:20px;line-height:20px;font-size:13px;font-weight:500;background-color:#fff;text-align:center}
#inc02 .latest ul li .subj{padding-left:8px;font-size:14px;font-weight:500;color:#222}
#inc02 .latest ul li .date{flex-shrink:0;margin-left:auto}



/* 반응형 [s] */
@media (max-width:1300px){
#mainVisual{height:400px}
#mainVisual img{display:none}
#mainVisual ul .bnr01{background:url(../img/main/main_banner_m1.jpg) right}
#mainVisual ul .bnr02{background:url(../img/main/main_banner_m2.jpg) right}
#mainVisual ul .bnr03{background:url(../img/main/main_banner_m3.jpg) right}
#mainVisual ul .txt{top:75px;font-size:50px}
#mainVisual ul .txt span{padding-bottom:20px}
#mainVisual ul .txt .s_text{padding-top:20px}
#mainVisual .pager_dot{bottom:50px}

#inc01{display:flex;justify-content:space-between}
#inc01 .icon_box{display:block;width:49%;height:auto;padding:30px;text-align:center}
#inc01 .icon_box .tit{white-space:normal}
#inc01 .icon_box ul{flex-wrap:wrap;justify-content:center;margin-top:40px;padding-left:0}
#inc01 .icon_box ul li{width:50%}
#inc01 .icon_box ul li:nth-child(n+3){margin-top:20px}
#inc01 .icon_box ul li:nth-child(3):before{display:none}
#inc01 .icon_list{flex-wrap:wrap;width:49%;padding:0}
#inc01 .icon_list li{display:flex;width:100%;justify-content:center}
#inc01 .icon_list li+li{margin-left:0;margin-top:10px}
#inc01 .icon_list li a{width:100%;justify-content:center;padding:20px;border-radius:10px;border:1px solid #e1e1e1}
#inc01 .icon_list li div{display:flex;align-items:center}
#inc01 .icon_list li p{margin-right:15px}

#inc02 .quick{display:flex;height:auto}
#inc02 .quick li{width:calc(100% / 4 - 10px)}
#inc02 .box_wrap{display:flex;justify-content:space-between}
#inc02 .box_wrap > div{width:49%;margin:25px 0}
#inc02 .event_slide{text-align:center ; border-radius:10px;}
}
@media (max-width:1024px){
#inc01{margin-top:15px}
}
@media (max-width:900px){
#inc02 .event li img{width:100%; border-radius:10px;}
}
@media (max-width:768px){
#mainVisual{height:330px}
#mainVisual ul .txt{top:55px;left:40px;font-size:40px}
#mainVisual .pager_dot{bottom:35px;left:40px}

#inc01{display:block}
#inc01 .icon_box{width:100%}
#inc01 .icon_list{justify-content:space-between;width:100%}
#inc01 .icon_box ul{margin-top:25px}
#inc01 .icon_box ul li{width:25%}
#inc01 .icon_box ul li:nth-child(n+3){margin-top:0}
#inc01 .icon_box ul li:nth-child(3):before{display:block}
#inc01 .icon_list{margin-top:20px}
#inc01 .icon_list li{justify-content:center;width:calc(100% / 3 - 10px)}
#inc01 .icon_list li div{flex-wrap:wrap;justify-content:center;margin-top:15px;padding-left:0;text-align:center}
#inc01 .icon_list li p{margin-right:0}
#inc01 .icon_list li a{flex-wrap:wrap;height:210px}
#inc01 .icon_list li+li{margin-top:0}

#inc02 .quick{flex-wrap:wrap}
#inc02 .quick li{width:calc(100% / 2 - 10px);height:auto}
#inc02 .quick li .pl{white-space:normal}
#inc02 .quick li a{padding:25px}
#inc02 .latest ul li .date{display:none}
}
@media (max-width:480px){
#mainVisual{height:280px}
#mainVisual ul .bnr01{background:url(../img/main/main_banner_m1.jpg) 85%}
#mainVisual ul .bnr02{background:url(../img/main/main_banner_m2.jpg) 85%}
#mainVisual ul .bnr03{background:url(../img/main/main_banner_m3.jpg) 85%}
#mainVisual ul .txt{top:35px;left:30px;font-size:30px}
#mainVisual .pager_dot{left:35px}

#inc01 .icon_box ul li{width:50%}
#inc01 .icon_box ul li:nth-child(n+3){margin-top:20px}
#inc01 .icon_box ul li:nth-child(3):before{display:none}
#inc01 .icon_list li{width:100%}
#inc01 .icon_list li div{display:block;width:150px;margin-top:0;margin-left:20px;text-align:left}
#inc01 .icon_list li a{height:auto}
#inc01 .icon_list li p{margin-right:10px}
#inc01 .icon_list li+li{margin-top:10px}

#inc02 .quick{gap:10px}
#inc02 .quick li{width:100%}
#inc02 .box_wrap{display:block}
#inc02 .box_wrap > div{width:100%}
}
/* 반응형 [e] */