.gnb-util .util-search{display:none}


.main-visual{position:relative;background-color:#f5f7fa;padding:50px 20px 20px;margin-top: 140px;}
.main-visual .visual-wrapper{max-width:var(--wrapper);margin:0 auto}
.main-visual .visual-slide{position:relative}
.main-visual .visual-slide .slide-list{position:relative;width:100%;overflow:hidden;border-radius:15px;padding-top:30%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.main-visual .visual-slide .slide-list .item{position:absolute;top:0;left:0;height:100%;width:inherit;display:none}
.main-visual .visual-slide .slide-list .item:first-child{display:block}
.main-visual .visual-slide .slide-control{z-index:10;position:absolute;bottom:30px;right:0;left:0;margin:0 auto;width:212px;display:flex;align-items:center;background-color:rgba(0, 0, 0, 0.5);border-radius:50px;padding:0 10px 0 20px}
.main-visual .visual-slide .slide-control button{line-height:0}
.main-visual .visual-slide .slide-control button:focus-visible{outline-color:#fff}
.main-visual .visual-slide .slide-control .control-page{display:flex;align-items:center}
.main-visual .visual-slide .slide-control .control-page .number ~ .number{margin-left:5px}
.main-visual .visual-slide .slide-control .control-page .number{position:relative;width:22px;height:22px;border-radius:100%;border:2px solid transparent}
.main-visual .visual-slide .slide-control .control-page .number::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:5px;height:5px;border-radius:100%;background-color:#fff}
.main-visual .visual-slide .slide-control .control-page .number.is-selected{border-color:#fff}
.main-visual .visual-slide .slide-control .control-page .number.is-selected::before{width:5px;height:5px;background-color:#fff}
.main-visual .visual-slide .slide-control .play{display:none}
.main-visual .visual-slide .slide-control .prev, .main-visual .visual-slide .slide-control .next{width:42px;height:42px}



.section-search{position:relative;background-color:#f5f7fa;padding:20px 20px 50px;}
.section-search .search-wrapper{max-width:var(--wrapper);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;}
.section-search .search-form{flex:0 0 100%;max-width:900px;position:relative;display:flex;justify-content:center;align-items:center}
.section-search .search-form label{flex:0 0 auto;display:flex;align-items:center;color:#041526;font-weight:700;font-size:26px;margin-right:20px}
.section-search .search-form label img{margin-right:10px}
.section-search .search-form input[type="text"]{flex:1 1 auto;height:60px;padding:0 60px 0 20px;border-radius:50px;border:2px solid #924092;background-color: #fff;}
.section-search .search-form .search-submit{flex:0 0 auto;width:60px;height:60px;position:absolute;top:0;right:0;border-radius:100%}
.section-search .search-offer{flex:0 0 100%;display:flex;justify-content:center;align-items:center;margin-top: 10px;}
.section-search .search-offer .offer-label{flex:0 0 auto;font-size:17px;color:#000;font-weight:500}
.section-search .search-offer .offer-list{flex: 0 1 auto;display:flex;align-items:center;margin-left:10px}
.section-search .search-offer .offer-list a{flex:0 0 auto;display:block;line-height: 0;font-size:15px;padding: 15px 10px;background-color:#fff;border-radius:5px;border:1px solid #ddd;box-shadow:0 0 0 rgba(0, 0, 0, 0.2);transition:box-sahdow 100ms ease-out, border 100ms ease-out}
.section-search .search-offer .offer-list a:hover{border:1px solid var(--primary);box-shadow:0 3px 10px rgba(0, 0, 0, 0.2)}
.section-search .search-offer .offer-list a ~ a{margin-left:5px}


#main-contents .main-wrapper{padding:50px 20px}
#main-contents .main-wrapper:nth-of-type(2){background-color:#f5f7fa}
#main-contents .main-wrapper:nth-of-type(3){padding:70px 20px;background: #562456 url(../../../../images/name/user/ko/main/section-navigation.png) no-repeat 100% 50%;}
#main-contents .main-wrapper:nth-of-type(4){padding:40px 20px;background-color:#5f2a5f}

#main-contents .main-wrapper .horizontal-group{display:flex;max-width:var(--wrapper);margin:0 auto}


.section-board{flex:1 1 920px}
.section-board h5[class*=title]{font-weight:700;font-size:26px;color:#041526}
.section-board .board-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}
.section-board .board-wrapper div[class^=board]{position:relative;flex: 1 1 calc(50% - 40px);height:357px;margin-left:40px;padding:30px;border:1px solid #ddd;border-radius:15px}
.section-board .board-wrapper div[class^=board] .list-more{position:absolute;top:35px;right:30px;}
.section-board .board-wrapper div[class^=board] div[class*=-list]{margin-top:20px;}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item ~ .list-item{padding-top:12px;margin-top:12px;border-top:1px solid #e6e6e6}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item a{display: inline-block;max-width: 100%;color:#111}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item a:hover{color:var(--button-primary-hover)}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item a span{display:block}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item a .subject{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px;line-height:110%;}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item a .subject img.new{vertical-align:-4px;margin-right:5px}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item a .subject img.lock{height:18px;position:absolute;top:0;right:0}
.section-board .board-wrapper div[class^=board] div[class*=-list] .list-item a .date{font-size:15px;color:#7b7f86;margin-top:10px}

.section-board .board-wrapper div[class^=board]:nth-child(2) ~ div[class^=board]{margin-top:40px}
.section-board .board-wrapper div[class^=board]:nth-child(2n+1){margin-left:0}



.section-service{flex:1 0 440px;margin-left:40px}
.section-service h5[class*=title]{font-weight:700;font-size:26px;color:#041526}
.section-service .service-wrapper{display:flex;flex-direction:column;}
.section-service .service-favorit{border-radius:15px;height:357px;}
.section-service .service-favorit .favorit-list{display:flex;justify-content: space-between;flex-wrap:wrap;height: 100%;}
.section-service .service-favorit .favorit-list .list-item{flex: 1 1 49%;height: 32%;margin-left: 2%;}
.section-service .service-favorit .favorit-list .list-item:nth-child(2n+1){margin-left:0}
.section-service .service-favorit .favorit-list .list-item:nth-child(2) ~ .list-item{margin-top: 2%;}
.section-service .service-favorit .favorit-list .list-item a{display:flex;justify-content:center;align-items:center;height:100%;border:2px solid #fff;background-color: #fff;border-radius:15px;padding-right: 20px;}
.section-service .service-favorit .favorit-list .list-item a .icon{flex: 0 0 60px;display:flex;justify-content: flex-end;align-items:center;height:39px}
.section-service .service-favorit .favorit-list .list-item a .label{flex: 0 0 80px;line-height:130%;color:#111;transition:color 100ms ease-out;margin-left: 10px;font-size: 22px;letter-spacing: -0.5px;}

.section-service .service-favorit .favorit-list .list-item:nth-child(1) a{border-color:#b678e1}
.section-service .service-favorit .favorit-list .list-item:nth-child(2) a{border-color:#9bbc68}
.section-service .service-favorit .favorit-list .list-item:nth-child(3) a{border-color:#5ab0cc}
.section-service .service-favorit .favorit-list .list-item:nth-child(4) a{border-color:#ddc977}
.section-service .service-favorit .favorit-list .list-item:nth-child(5) a{border-color:#c96092}
.section-service .service-favorit .favorit-list .list-item:nth-child(6) a{border-color:#ca835d}


.section-service .service-counsel{position:relative;height:357px;padding: 40px;margin-top:40px;border-radius:15px;background:#d5e9d4}
.section-service .service-counsel::after{content:'';position:absolute;bottom: 40px;right: 40px;width: 102px;height: 93px;background:url(../../../../images/name/user/ko/main/section-service-counsel-background.png) no-repeat 50% 50% / cover;}
.section-service .service-counsel .counsel-title{position:relative}
.section-service .service-counsel .counsel-call .call-number{display:flex;align-items:center;font-size: 46px;color: #003964;font-weight:700;letter-spacing: -1px;margin-top: 15px;}
.section-service .service-counsel .counsel-call .call-number img{margin-right:7px}
.section-service .service-counsel .counsel-call .call-list{margin-top:15px;}
.section-service .service-counsel .counsel-call .call-list i{display:inline-block;background-color:#003964;color: #fff;padding: 7px 10px;border-radius: 50px;font-size: 18px;font-weight: 400}
.section-service .service-counsel .counsel-call .call-list span{display:block;margin-top:10px;color:#222}
.section-service .service-counsel .counsel-call .call-list li ~ li{margin-top:10px}




.section-photo{flex:1 1 920px;}
.section-photo h4[class*=title]{font-weight:700;font-size:32px;color:#041526}
.section-photo .photo-wrapper{position:relative;}
.section-photo .slide-control{position:absolute;top:-7px;right:58px;display:flex;align-items:center}
.section-photo .slide-control button{width:48px;height:48px;border-radius:100%;border:1px solid #ddd;background-color:#fff}
.section-photo .slide-control button ~ button{margin-left:5px}
.section-photo .slide-control button:hover{box-shadow:0 3px 10px rgba(0, 0, 0, 0.2)}
.section-photo .photo-more{position:absolute;top:-7px;right:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:100%;border:1px solid #ddd;background-color:#fff}
.section-photo .photo-more:hover{box-shadow:0 3px 10px rgba(0, 0, 0, 0.2)}
.section-photo .photo-slide .slide-list{position:relative;overflow:hidden;padding:5px;margin:20px 0 5px -5px}
.section-photo .photo-slide .slide-list .list-items{position:relative;display:flex}
.section-photo .photo-slide .slide-list .list-items .item{flex:1 0 calc(50% - 20px);margin-right:40px}
.section-photo .photo-slide .slide-list .list-items .item a{display:block}
.section-photo .photo-slide .slide-list .list-items .item a .thumb{position:relative;overflow:hidden;border-radius:15px;height: 250px;background-color: #333;}
.section-photo .photo-slide .slide-list .list-items .item a .thumb img{max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:transform 300ms ease-out;max-width: 120%;}
.section-photo .photo-slide .slide-list .list-items .item a .descript{display:flex;align-items:center;margin-top: 26px;}
.section-photo .photo-slide .slide-list .list-items .item a .descript .item-subject{flex:1 1 auto;font-size:20px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 100ms ease-out}
.section-photo .photo-slide .slide-list .list-items .item a .descript .item-date{flex:0 0 auto;color:#7b7f86;letter-spacing:-1px}
.section-photo .photo-slide .slide-list .list-items .item a:hover .thumb img{transform:translate(-50%, -50%) scale(1.15)}
.section-photo .photo-slide .slide-list .list-items .item a:hover .descript .item-subject{color:var(--button-primary-hover)}




.section-nighttime{flex:0 0 440px;margin-left:40px}
.section-nighttime .nighttime-warpper{position:relative;height: 357px;padding: 40px;border-radius:15px;background-color:#e4dbe9}
.section-nighttime .nighttime-warpper::after{content:'';position:absolute;bottom: 40px;right: 40px;width: 87px;height: 72px;background:url(../../../../images/name/user/ko/main/section-nighttime-pattern.png) no-repeat 50% 50% / cover}
.section-nighttime .counsel-title{position:relative}
.section-nighttime .counsel-text{position:relative;margin-top:15px;color:#000;font-weight:400;line-height:140%}
.section-nighttime .counsel-text i{position:relative;font-weight:700;color:#005099}
.section-nighttime .call-number{display:flex;align-items:center;font-size: 46px;color: #003964;font-weight:700;letter-spacing: -1px;margin-top: 15px;}
.section-nighttime .counsel-call .call-list{display:flex;flex-direction:column;align-items:flex-start;margin-top:15px;line-height:135%}
.section-nighttime .counsel-call .call-list li{flex:0 0 auto;}
.section-nighttime .counsel-call .call-list li ~ li{margin-top:10px}
.section-nighttime .counsel-call .call-list li span{display:inline-block;margin-top:10px;color:#222;line-height:inherit}
.section-nighttime .counsel-call .call-list li span:nth-child(1){position:relative;margin-right:10px;padding-right:10px}
.section-nighttime .counsel-call .call-list li span:nth-child(1)::after{content:'';position:absolute;top:3px;right:-1px;width:1px;height:11px;border-right:1px solid #949494}



.section-navigation{position:relative}
.section-navigation .navigation-wrapper{max-width:var(--wrapper);margin:0 auto;}
.section-navigation .navigation-list{display:flex;justify-content: space-between;}
.section-navigation .navigation-list .list-item{flex: 0 0 auto;}
.section-navigation .navigation-list .list-item h5{color:#fff;font-size:22px}
.section-navigation .navigation-list .list-item ul{margin-top:40px}
.section-navigation .navigation-list .list-item ul li ~ li{margin-top:20px}
.section-navigation .navigation-list .list-item ul li a{font-size:17px;color:#fff;font-weight:400;opacity:0.7;transition:opacity 100ms ease-out}
.section-navigation .navigation-list .list-item ul li a:hover{opacity:1}
.section-navigation .navigation-list .list-item ul li a:focus-visible{opacity:1;outline-color:#fff}



.section-shortcut .shortcut-wrapper{max-width:var(--wrapper);margin:0 auto}
.section-shortcut ul{display:flex;margin: 0 -60px;}
.section-shortcut ul li{flex:1 1 auto;position:relative;text-align:center}
.section-shortcut ul li ~ li::before{content:'';position:absolute;top:0;left:0;width:1px;height:14px;background-color:#fff;opacity:0.3}
.section-shortcut ul li a{color:#fff}

@media screen and (max-width:1440px) {
    #main-contents .main-wrapper:nth-of-type(1) .horizontal-group{display:block}
    
    .section-service{margin:40px 0 0 0}

    .section-service .service-wrapper{flex-direction: row;}
    .section-service .service-counsel{margin:0 0 0 40px}

    .section-service .service-favorit{flex:1 1 50%}
    .section-service .service-counsel{flex:1 1 50%}
    
    .section-photo{flex:1 1 50%}
    .section-nighttime{flex:1 1 50%}
	
	.section-photo .photo-slide .slide-list .list-items .item{flex:1 0 100%}
}




@media screen and (max-width:1400px) {
    .main-visual{margin-top: 190px;} 
}

@media screen and (max-width:1200px) {
    .main-visual{padding: 30px 20px 0;margin-top: 100px;}
    
    .section-search{padding:30px 20px 30px}

    #main-contents .main-wrapper{padding:30px 20px}
    #main-contents .main-wrapper:nth-of-type(3), 
    #main-contents .main-wrapper:nth-of-type(4){display:none}

    .section-board .board-wrapper div[class^=board]{margin-left:30px}
    .section-board .board-wrapper div[class^=board]:nth-child(2) ~ div[class^=board]{margin-top:30px}

    .section-service{margin-top:30px}
    .section-service .service-counsel{margin-left:30px}

    .section-photo .slide-list .list-items .item{flex-basis:100%}
    .section-photo .slide-list .list-items .item a .thumb img{width:100%}

    
    .section-photo{flex-basis:50%}
    .section-nighttime{flex:1 1 50%;margin-left:30px}

    

}


@media screen and (max-width:1000px) {
    .main-visual{padding:0}
    .main-visual .visual-slide .slide-list{border-radius:0;padding-top:0;height:250px}
    .main-visual .visual-slide .slide-control{bottom:20px;right:0;left:0;margin:0 auto;width:212px}

    .section-search{display:none;padding:30px 20px 30px}

    .section-board .board-wrapper{display:block}
    .section-board .board-wrapper div[class^=board]{margin:0}
    .section-board .board-wrapper div[class^=board] ~ div[class^=board]{margin-top:20px}
    .section-board .board-wrapper div[class^=board]:nth-child(2) ~ div[class^=board]{margin-top:20px}
    .section-board .board-wrapper div[class^=board]{height:auto;}
    .section-board .board-wrapper div[class^=board] div[class*=-list] .list-item:nth-child(2) ~ .list-item{display:none}

    .section-service .service-favorit{height:auto}
    .section-service .service-favorit .favorit-list{height:auto}
    .section-service .service-favorit .favorit-list .list-item{height:100px}

    .section-service .service-wrapper{display:block}
    .section-service .service-counsel{margin: 20px 0 0 0}

    #main-contents .main-wrapper .horizontal-group{display:block}

    .section-nighttime{margin: 30px 0 0 0}

    .section-photo .slide-list .list-items .item a .thumb{padding-top:50%}
}
@media screen and (max-width:800px) {
    .section-photo .photo-slide .slide-list .list-items .item{flex-basis: 100%}
}
@media screen and (max-width:760px) {
    .main-visual .visual-slide .slide-list{height:200px}
}
@media screen and (max-width:620px) {
    .main-visual .visual-slide .slide-list{height:160px}
}