/* 메인-비주얼 */
#main .mainVisual { padding:150px 0 80px 0; position:relative; } 
#main .mainVisual .desc { font-size:22px; font-weight:500; color:var(--color01); } 
#main .mainVisual .tit { font-size:70px; font-weight:700; color:#000000; line-height:1; padding:20px 0 55px 0; } 
#main .mainVisual .txt { font-size:28px; font-weight:300; color:#666666; padding-bottom:105px; } 
#main .mainVisual ul { padding-bottom:115px; } 
#main .mainVisual ul li { text-align:center; } 
#main .mainVisual ul li:not(:last-child) { margin-right:60px; } 
#main .mainVisual ul li .num { font-size:40px; font-weight:600; color:#000; text-align:center;} 
#main .mainVisual ul li .text { font-size:18px; font-weight:300; } 
#main .mainVisual ul li:nth-child(1) .text { color:#43609d; } 
#main .mainVisual ul li:nth-child(2) .text { color:#4781f0; } 
#main .mainVisual ul li:nth-child(3) .text { color:#47c4da; } 
#main .mainVisual .deco { position:absolute; top:-15%; right:0px; z-index:-1; } 

#main .searchBox { border:2px solid #aaaaaa; box-sizing:border-box; width:900px; padding:4px; border-radius:6px; margin:0 auto; position:relative; background-color:#fff; } 
#main .searchBox.on { border:2px solid var(--color01); } 
#main .searchBox select { width:186px; height:48px; padding:0 22px; background:#2b68e5 url(../../_images/main/main_search_arrow.png) no-repeat 90% 49% / 14px auto; border-radius:4px; color:#fff; position:relative; margin-bottom:0; font-size:17px; font-weight:400; margin-right:5px; } 
#main .searchBox select::after { content:''; position:absolute; right:0; } 
#main .searchBox select:focus { outline:none; border:2px solid var(--color01); background:#fff url(../../_images/main/main_search_arrow02.png) no-repeat 90% 50% / 14px auto; color:#000; } 
#main .searchBox input { width:calc(100% - 250px); border:none; } 
#main .searchBox input, #main .searchBox input::placeholder { font-size:17px; font-weight:400; color:#999999; } 
#main .searchBox input:focus { font-weight:500; color:#111; } 
#main .searchBox button { background-color:transparent; padding:0 12px; } 
#main .searchBox button img { width:33px; } 


@media screen and (max-width:1380px){
 #main .mainVisual .deco { top:-8%; } 
 #main .mainVisual .deco { width:700px; } 
 }
@media screen and (max-width:1280px){
 #main .mainVisual { padding:120px 0 70px 0; } 
 #main .mainVisual .deco { top:-2%; } 
 #main .mainVisual .deco { width:53%; } 
 #main .mainVisual .tit { font-size:60px; padding:15px 0 40px 0; } 
 #main .mainVisual .txt { padding-bottom:70px; font-size:24px; } 
 }
@media screen and (max-width:1080px){
 #main .mainVisual { padding:100px 0 60px 0; } 
 #main .mainVisual .deco { top:2%; } 
 #main .mainVisual .deco { width:50%; } 
 #main .mainVisual .tit { font-size:51px; } 
 #main .mainVisual .txt { padding-bottom:60px; font-size:21px; } 
 #main .mainVisual ul { padding-bottom:12%; } 
 }
@media screen and (max-width:880px){
 #main .mainVisual { padding:50px 0 50px 0; overflow:hidden; } 
 #main .mainVisual .desc { font-size:18px; } 
 #main .mainVisual .tit { font-size:2.5rem; padding:15px 0 30px 0; } 
 #main .mainVisual .txt { padding-bottom:40px; font-size:1.125rem; } 
 #main .mainVisual .deco { top:25%; right:-30px; } 
 #main .mainVisual ul li:not(:last-child) { margin-right:25px; } 
 }
@media screen and (max-width:680px){
 #main .mainVisual ul { padding-bottom:17%; } 
 #main .mainVisual .deco { top:30%; } 
 #main .mainVisual ul li:not(:last-child) { margin-right:15px; } 
 #main .mainVisual ul li .num { font-size:28px; } 
 #main .mainVisual ul li .text { font-size:17px; } 
 #main .mainVisual .tit { font-size:2.2rem; } 
 #main .mainVisual .txt { font-size:1rem; } 
}
@media screen and (max-width:480px){
    #main .mainVisual .deco { top:38%; } 
}
@media screen and (max-width:400px){
    #main .mainVisual .deco { top:53%; } 
}
@media screen and (max-width:380px){
    #main .mainVisual .deco {top:55%; width:43%;}
    #main .mainVisual .tit {font-size:2em;}
    #main .mainVisual .txt {font-size:0.9em; padding-bottom:30px;}
    #main .mainVisual .txt br {display:none;}
    #main .mainVisual ul {padding-bottom:25%;}
}
@media screen and (max-width:330px){
    #main .mainVisual ul {padding-bottom:20%;}
    #main .mainVisual .deco { display:none;} 
}
/* 메인-카테고리 */
#main .cateBox { background-color:#f9f9f9; padding:65px 0; } 
#main .cateBox .list { flex-wrap:wrap; } 
#main .cateBox .list li { background-color:#fff; border:1px solid #aaaaaa; box-sizing:border-box; border-radius:10px; margin:0 5px 10px 5px; } 
#main .cateBox .list li:hover { background-color:var(--color01); } 
#main .cateBox .list li a { display:flex; flex-direction:row; align-items:center; justify-content:center; height:100px; padding:0 15px; } 
#main .cateBox .list li a p { font-size:18px; font-weight:500; color:#000000; line-height:1.3; padding-left:20px; } 
#main .cateBox .list li:hover a, #main .cateBox .list li:hover p {color:#fff;}

#main .cateBox .list li:nth-child(1) img,
#main .cateBox .list li:nth-child(4) img,
#main .cateBox .list li:nth-child(7) img,
#main .cateBox .list li:nth-child(9) img { width:42px; } 
#main .cateBox .list li:nth-child(2) img,
#main .cateBox .list li:nth-child(8) img { width:46px; } 
#main .cateBox .list li:nth-child(3) img { width:40px; } 
#main .cateBox .list li:nth-child(5) img { width:38px; } 
#main .cateBox .list li:nth-child(6) img { width:36px; } 

#main .cateBox .move { width:93%; margin:80px auto 0 auto; } 
#main .cateBox .move li:nth-child(1) { padding-left:0; } 
#main .cateBox .move li { width:23%; padding:0 15px 0 35px;  position:relative; } 
#main .cateBox .move li:last-child { width:auto; } 
#main .cateBox .move li:not(:last-child)::after { content:''; position:absolute; top:50%; transform:translateY(-50%); right:0; width:2px; height:115px; background-color:#ccc; } 

#main .cateBox .move li a { } 
#main .cateBox .move li a dt { font-size:32px; font-weight:500; color:#000000; line-height:1; display:flex; flex-direction:row; align-items:flex-end; margin-bottom:35px; } 
#main .cateBox .move li a dt i { transform:rotate(45deg); margin-left:15px; } 
#main .cateBox .move li a dd { font-size:20px; font-weight:300; color:#555555; line-height:1.2; } 
#main .cateBox .move li a:hover dt { color:#4a77be; } 
#main .cateBox .move li a:hover dd { color:#000; } 

@media screen and (max-width:1280px){
 #main .cateBox .move { width:100%; } 
 #main .cateBox .move li { padding:0 13px; } 
 #main .cateBox .move li a dt { font-size:24px; } 
 #main .cateBox .move li a dd { font-size:16px; } 
 #main .cateBox .move li:last-child { width:165px; } 
 }
@media screen and (max-width:1024px){
 #main .cateBox .move li a dd br { display:none; } 
 }
@media screen and (max-width:780px){
 #main .cateBox .list {} 
 #main .cateBox .list li { width:49.5%; height:120px; margin:0; margin-bottom:1%;} 
 #main .cateBox .list li:last-child {width:100%;}
 #main .cateBox .list li:nth-child(2n) {margin-left:1%;}
 #main .cateBox .list li .iconBox {display:flex; flex-direction:column; justify-content:end;}
 #main .cateBox .list li:nth-child(3) .iconBox,
 #main .cateBox .list li:nth-child(4) .iconBox {height:56px;}
 #main .cateBox .list li:nth-child(7) .iconBox,
 #main .cateBox .list li:nth-child(8) .iconBox {height:46px;}
 #main .cateBox .list li:nth-child(3) p,
 #main .cateBox .list li:nth-child(4) p,
 #main .cateBox .list li:nth-child(7) p,
 #main .cateBox .list li:nth-child(8) p {height:40px;}
 #main .cateBox .list li a { height:calc(100% - 20px); padding:10px; flex-direction:column; text-align:center;} 
 #main .cateBox .list li a p { font-size:15px; padding-left:0; text-align:center; margin-top:8px;} 
 #main .cateBox .move { align-items:flex-start; } 
 #main .cateBox .move li:last-child { width:158px; } 
 #main .cateBox .move li a dt { font-size:21px; margin-bottom:25px; } 
 #main .cateBox .move li a dt i { margin-left:15px; } 
 #main .cateBox .move li a dd { font-size:16px; } 
 #main .cateBox .move li a dd {height:50px;}
}
@media screen and (max-width:680px){
 #main .cateBox .move { flex-wrap:wrap; position:relative;} 
 #main .cateBox .move::after {}
 #main .cateBox .move li,
 #main .cateBox .move li:last-child { width:50%; padding:0; } 
 #main .cateBox .move li a { width:100%;} 
 #main .cateBox .move li::after { display:none; } 
 #main .cateBox .move li:nth-child(2n) {border-left:1px solid #ccc; box-sizing:border-box; padding-left:20px;}
 #main .cateBox .move li a dd br {display:block;}
 #main .cateBox .move li:nth-child(1),
 #main .cateBox .move li:nth-child(2) {padding-bottom:20px;}
 #main .cateBox .move li:nth-child(3),
 #main .cateBox .move li:nth-child(4) {padding-top:20px; border-top:1px solid #ccc; box-sizing:border-box;}
 #main .cateBox .move li a dd {height:auto;}
}
@media screen and (max-width:480px){
    #main .cateBox .move li a dt {font-size:17px;}
    #main .cateBox .move li a dt i {margin-left:6px; position:relative; top:-1px;}
    #main .cateBox .move li a dd {font-size:14px;}
    #main .cateBox .list li:nth-child(6) img {width:34px;}
}
@media screen and (max-width:420px){
    #main .cateBox .list li a p {font-size:14px; line-height:1.1;}
    #main .cateBox .list li:nth-child(4) img {width:38px;}
}
@media screen and (max-width:380px){
    #main .cateBox .list li:nth-child(3), #main .cateBox .list li:nth-child(4) {height:160px;}
    #main .cateBox .list li:nth-child(3) p, #main .cateBox .list li:nth-child(4) p {height:40px; position:relative; top:-1px;}
}

/* 메인-로고 */
#main .logoList { padding:80px 0; } 
#main .logoList .swiper-wrapper { transition-timing-function: linear; } 
#main .logoList .swiper { width:90%; margin:0 auto;  } 
#main .logoList .swiper img { width:80%; display:block; text-align:center; margin:0 auto; max-width:220px; max-height: 40px; padding: 20px 20px; border:1px solid #ececec;  } 
#main .logoList .swiper-button-prev { left:0; } 
#main .logoList.swiper-button-next { right:0; } 
#main .logoList .swiper-button-prev:after, #main .logoList .swiper-button-next:after { font-size:30px; color:#cccccc; cursor:pointer; } 

@media screen and (max-width:1200px){
 #main .logoList .swiper-button-prev { left:20px; } 
 #main .logoList .swiper-button-next { right:20px; } 
 }
@media screen and (max-width:1024px){
 #main .searchBox { width:90%; } 
 #main .searchBox button img { width:25px; } 
 #main .searchBox input, #main .searchBox input::placeholder { font-size:16px; } 
 }
@media screen and (max-width:680px){
 #main .searchBox { width:96%; } 
}
@media screen and (max-width:480px) {
    #main .searchBox {width:100%;}
    #main .searchBox select {font-size:15px; padding:0 10px; width:130px; background:#4a77be url(../../_images/main/main_search_arrow.png) no-repeat 90% 49% / 10px auto;}
    #main .searchBox select:focus { background:#fff url(../../_images/main/main_search_arrow02.png) no-repeat 90% 49% / 10px auto;} 
    #main .searchBox input {width:calc(100% - 160px);}
    #main .searchBox button {padding:0 5px;}
    #main .searchBox button img {width:20px;}
    #main .searchBox input, #main .searchBox input::placeholder {font-size:14px; text-indent:2px;}
}