body { width:100%; max-width:1920px; margin: 0 auto;  position:relative; }

.header { position:absolute; top:0; width:100%; z-index:99; }
.header .m_logo {  }
.header .gnb .de1_ul .de1_li .de1_a { font-size:1.8rem; color:var(--white); }
.header .gnb .toggle_btn { filter: brightness(1); }


.main_ctt {  }

.main_ctt .visual_wrap { position:relative; overflow:hidden; }
.main_ctt .visual_wrap .txtBox { position:absolute; z-index:3; padding: 20rem 0 0; }
.main_ctt .visual_wrap .txtBox .etit { font-variant: small-caps; font-size:2rem; color:var(--white); font-weight: 500; font-family: var(--mont); letter-spacing: 5px; }
.main_ctt .visual_wrap .txtBox .tit { font-size:8rem; color:var(--white); font-weight: 600; margin: 2px 0 14px; }
.main_ctt .visual_wrap .txtBox .txt { font-size:1.8rem; color:var(--white); line-height: 2.4rem; }
.main_ctt .visual_wrap .txtBox .btxt { font-size:2.2rem; color:var(--white); line-height: 3.6rem; margin-top: 5.6rem; }
.main_ctt .visual_wrap .txtBox .btxt strong { color:var(--yellow); display:block; font-size:4.4rem; line-height: 1.4em; }

.main_ctt .visual_wrap .visual_slide {  }

.main_ctt .visual_wrap .thumb { width:700px; position:absolute; left:13.8%; bottom:5.3rem; z-index:9; font-size:9; }
.main_ctt .visual_wrap .thumb .swiper-slide img { border: 1px solid #9a9a9a; box-sizing:border-box; transition:all 0.5s; filter:grayscale(1); cursor:pointer; }
.main_ctt .visual_wrap .thumb .swiper-slide-thumb-active img { border: 1px solid #fff; filter:none; }

.main_ctt .side_arrow { background:#fff; width:255px; height:94px; position:absolute; right:0; bottom:0; z-index:10; display:flex; align-items:center; padding: 0 4.5rem; box-sizing:border-box; }
.main_ctt .side_arrow > div {  }
.main_ctt .side_arrow .arrow { display:inline-block; width:33px; height:9px; background-position: center center; background-repeat:no-repeat; cursor:pointer; }
.main_ctt .side_arrow .prev { background-image:url(../img/prev_arrow.png); }
.main_ctt .side_arrow .next { background-image:url(../img/next_arrow.png); }
.main_ctt .side_arrow .pagination1 { display:flex; align-items:center; justify-content:center; text-align: center; width:calc(100% - 66px); }
.main_ctt .side_arrow .num { font-family: 'Play', sans-serif; font-size:12px; font-weight: 600; font-style: normal; }
.main_ctt .side_arrow .count { color:#3a3a3a; }
.main_ctt .side_arrow .total { color:#bbb; }
.main_ctt .side_arrow .slash { display:inline-block; width:1px; height:13px; background:#e5e5e5; margin: 0 10px; }

.main_ctt .side_arrow .pagination2 { position:absolute; width:calc(100% - 9rem); left:4.5rem; top:73px; height:2px; background:#eee; }
.main_ctt .side_arrow .pagination2 .swiper-pagination-progressbar-fill { background:var(--blue); }



.main_ctt .section01 { padding: 12.2rem 0 12.8rem; box-sizing:border-box; }
.main_ctt .section01 .titBox { text-align: center; margin-bottom: 6.2rem; }
.main_ctt .section01 .titBox .tit { font-size:4.2rem; color:var(--c22); font-family: var(--mont); text-transform: uppercase; font-weight: 400; }
.main_ctt .section01 .titBox .txt { font-size:2.4rem; color:var(--c22); margin-top: 3.4rem; }
.main_ctt .section01 .imgBox { display:flex; }
.main_ctt .section01 .imgBox li { flex:1; }
.main_ctt .section01 .imgBox li a { display:block; position:relative; }
.main_ctt .section01 .imgBox li a .img {  }
.main_ctt .section01 .imgBox li a img { transition:all 0.5s; }
.main_ctt .section01 .imgBox li a .txt { font-size:2.6rem; color:var(--black); font-weight: 500; display:block; padding: 4rem 2rem 4rem; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; transition:all 0.5s; }
.main_ctt .section01 .imgBox li a .txt:after { content:""; display:inline-block; width:8px; height:14px; background:url(../img/section01_arrow.png) center center no-repeat; }

.main_ctt .section01 .imgBox li a:hover {  }
.main_ctt .section01 .imgBox li a:hover img { filter:grayscale(1); transform: translateY(-20px); }
.main_ctt .section01 .imgBox li a:hover .txt { color:var(--blue); }



.main_ctt .section02 { background:url(../img/section02_bg.png) center center no-repeat; padding: 12.6rem 0 13rem; box-sizing:border-box; }
.main_ctt .section02 .titBox { text-align: center; }
.main_ctt .section02 .titBox .etit { font-size:2.4rem; color:var(--white); font-family: var(--mont); text-transform: uppercase; }
.main_ctt .section02 .titBox .tit { font-size:5.4rem; color:var(--white); font-weight: 600; margin: 1.8rem 0 4rem; }
.main_ctt .section02 .titBox .txt { font-size:2.4rem; color:var(--white); }
.main_ctt .section02 .iconBox { display:flex; justify-content:center; margin-top: 8rem; }
.main_ctt .section02 .iconBox li { padding: 0 17rem; box-sizing:border-box; }
.main_ctt .section02 .iconBox li .inner { text-align: center; }
.main_ctt .section02 .iconBox li .inner .icon {  }
.main_ctt .section02 .iconBox li .inner .tit { font-size:2.6rem; color:var(--white); font-weight: 600; margin: 5.2rem 0 2.2rem; }
.main_ctt .section02 .iconBox li .inner .txt { font-size:1.6rem; color:var(--white); line-height: 2.8rem; }
.main_ctt .section02 .iconBox li .inner .more { font-size:1.6rem; color:var(--white); font-weight: 500; font-family: var(--mont); border: 1px solid rgba(255, 255, 255, 0.4); border-radius:5px; display:inline-flex; width:184px; height:54px; align-items:center; justify-content:center; text-align: center; margin-top: 4.8rem; transition:all 0.5s; }
.main_ctt .section02 .iconBox li .inner .more:hover { background:var(--white); color:var(--blue); }



.main_ctt .section03 { padding: 12.6rem 0 13rem; box-sizing:border-box; }
.main_ctt .section03 .containerWrap { margin-left: -5rem; display:flex; align-items:start; }
.main_ctt .section03 .lineTit { font-size:2.6rem; color:var(--c3a); font-weight: 600; display:flex; align-items:center; justify-content:space-between; margin-bottom: 1.8rem; }
.main_ctt .section03 .lineTit a { display:inline-block; width:29px; height:29px; background:url(../img/more_plus.png) center center no-repeat; }
.main_ctt .section03 .outter { padding-left: 5rem; width:33.33%; box-sizing:border-box; }
.main_ctt .section03 .txtBoard {  }
.main_ctt .section03 .txtBoard .list {  }
.main_ctt .section03 .txtBoard .list li { margin-top: 5px; }
.main_ctt .section03 .txtBoard .list li:first-child { margin-top: 0; }
.main_ctt .section03 .txtBoard .list li a { display:flex; flex-direction:column; align-items:start; justify-content:center; height:80px; background:#f7f7f7; gap:4px; padding: 0 20px; box-sizing:border-box; }
.main_ctt .section03 .txtBoard .list li a .txt { font-size:1.6rem; color:var(--c3a); font-weight: 500; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; }
.main_ctt .section03 .txtBoard .list li a .date { font-size:1.4rem; color:var(--blue); font-weight: 600; }

.main_ctt .section03 .iconBox .box { display:flex; flex-wrap:wrap; }
.main_ctt .section03 .iconBox .box li { width:50%; }
.main_ctt .section03 .iconBox .box li a { display:flex; align-items:center; justify-content:center; flex-direction:column; box-sizing:border-box; padding: 3rem 1rem; }
.main_ctt .section03 .iconBox .box li:nth-child(2),
.main_ctt .section03 .iconBox .box li:nth-child(4) { border-left: 2px dotted #dadada; }
.main_ctt .section03 .iconBox .box li:nth-child(3),
.main_ctt .section03 .iconBox .box li:nth-child(4) { border-top: 2px dotted #dadada; }
.main_ctt .section03 .iconBox .box li a img {  }
.main_ctt .section03 .iconBox .box li a .txt { font-size:1.8rem; color:var(--c66); margin-top: 1.8rem; }

.main_ctt .section03 .csBox {  }
.main_ctt .section03 .csBox .txt { font-size:1.4rem; color:var(--c66); }
.main_ctt .section03 .csBox .tel { font-size:4rem; color:var(--blue); font-weight: 300; font-family: var(--mont); }
.main_ctt .section03 .csBox .tel strong { font-weight: 600; }
.main_ctt .section03 .csBox .address { border-top: 1px solid var(--cda); box-sizing:border-box; display:flex; flex-wrap:wrap; line-height: 2.4rem; margin-top: 1.6rem; padding-top: 2.3rem; }
.main_ctt .section03 .csBox .address span { font-size:1.6rem; color:var(--c66); font-weight: 400; display:inline-block; }
.main_ctt .section03 .csBox .address span:first-child { width:100%; }
.main_ctt .section03 .csBox .address span strong { font-weight: 600; margin-left: 4px; }
.main_ctt .section03 .csBox .address .day { font-size:1.4rem; color:#b5b5b5; font-weight: 600; margin-left: 1.5rem; }
.main_ctt .section03 .csBox .img { margin-top: 2.2rem; }



.main_ctt .section04 { background:#f0f2f4; padding: 12.6rem 0 13rem; box-sizing:border-box; }
.main_ctt .section04 .sectionTit { font-size:3.6rem; color:var(--c22); text-align: center; margin-bottom: 6.6rem; }
.main_ctt .section04 .case { overflow:hidden; }
.main_ctt .section04 .case ul { display:flex; margin-left: -5rem; }
.main_ctt .section04 .case ul li { padding-left: 5rem; box-sizing:border-box; width:33.33%; }
.main_ctt .section04 .case ul li a {  }
.main_ctt .section04 .case ul li a .img { border-radius:2rem 2rem 0 0; overflow:hidden; display:block; }
.main_ctt .section04 .case ul li a .img img { transition:all 0.5s; }
.main_ctt .section04 .case ul li a .tit { display:flex; justify-content:space-between; background:var(--white); width:100%; padding: 3.2rem 2.5rem; box-sizing:border-box; font-size:1.8rem; color:var(--blue); font-weight: 500; border-radius:0 0 2rem 2rem; transition:all 0.5s; }
.main_ctt .section04 .case ul li a .tit:after { content:"\f061"; font-family: "Font Awesome 5 Free"; font-weight: 600; color:#ccc; }
.main_ctt .section04 .arrowLine { display:flex; align-items:center; justify-content:space-between; margin-top: 5.5rem; }
.main_ctt .section04 .arrowLine:before { content:""; display:inline-block; width:70px; }
.main_ctt .section04 .arrowLine .arrowBox { display:flex; align-items:center; justify-content:center; text-align: center; }
.main_ctt .section04 .arrowLine .arrowBox .arrow { display:inline-block; width:12px; height:21px; }
.main_ctt .section04 .arrowLine .arrowBox .arrow img { max-width:12px; height:21px; }
.main_ctt .section04 .arrowLine .arrowBox .prev {  }
.main_ctt .section04 .arrowLine .arrowBox .next {  }
.main_ctt .section04 .arrowLine .arrowBox .dot { margin: 0 30px; }
.main_ctt .section04 .arrowLine .arrowBox .dot .swiper-pagination-bullet { width:7px; height:7px; background:#bbb; border-radius:0; opacity:1; margin: 0 5px; }
.main_ctt .section04 .arrowLine .arrowBox .dot .swiper-pagination-bullet-active { background:var(--blue); }
.main_ctt .section04 .arrowLine .view { font-size:1.4rem; color:var(--c22); font-family: var(--mont); display:inline-block; width:70px; text-align: right; }

.main_ctt .section04 .case ul li a:hover .img { filter:grayscale(1); } 
.main_ctt .section04 .case ul li a:hover .tit { background:var(--blue); color:var(--white); }



.footer { margin-top: 0; }