@charset "utf-8";

.con_box1{width:1200px; height:auto; box-sizing:border-box; margin:0 auto; position:relative; z-index:2;}
.con_box1::after{content:""; display:block; width:0; height:0; clear:both;}
.con_box2{width:100%; height:auto; box-sizing:border-box; position:relative; z-index:1;}

#container{width:100%; height:auto; margin:0 auto;}

/* 메인 비주얼 */
#visual{width:100%; height:auto; overflow:hidden; position:relative;}
#visual .visualItem{width:100%; box-sizing:border-box;}
#visual .visualItem.visual1{background:url("../img/main/visual1.jpg?ver=220311") no-repeat center top; height:648px; text-align:center; padding-top:155px;}
#visual .visualItem.visual2{background:url("../img/main/visual2.jpg?ver=220311") no-repeat center top; height:587px; text-align:left; padding-top:180px;}
#visual .visualItem .inBox{width:1200px; height:auto; margin:0 auto; color:#fff; font-family: 'Noto Serif KR';}
#visual .visualItem .inBox .visualText1{font-size:32.66px; font-weight:300; letter-spacing:-0.5px; line-height:39.13px;}
#visual .visualItem .inBox .line{width:63px; height:1px; background-color:rgba(255,255,255,0.5); margin:23px auto 23px auto;}
#visual .visualItem .inBox .visualText2{font-size:43.68px; font-weight:600; letter-spacing:-1.3px; line-height:53.92px;}
#visual .visualItem .inBox a{display:inline-block; vertical-align:top; width:124px; height:40px; box-sizing:border-box; border:1px solid #fff; text-align:center; font-family: 'Noto Sans KR'; font-size:13px; font-weight:300; letter-spacing:0; line-height:38px; color:#fff; text-transform:uppercase;}
#visual .visualItem .inBox .visualText3 p{font-size:26px; font-weight:400; letter-spacing:-0.9px; line-height:1.57;}
#visual .visualItem .inBox .visualText3 strong{display:inline-block; vertical-align:top; font-size:40px; font-weight:600; letter-spacing:-1.3px; line-height:1; margin-top:5px;}
#visual .scroll{display:block; position:absolute; top:622.5px; left:50%; margin-left:-20.5px; z-index:2;}

.linkBox{width:1200px; height:auto; box-sizing:border-box; margin:77px auto 0 auto; padding-left:66px; position:relative;}
.linkBox .bgImg{display:block; position:absolute; top:-51px; left:-32px; z-index:-1;}
.linkBox .boxItem{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.linkBox .boxItem + .boxItem{margin-top:77px;}
.linkBox .boxItem .big{display:inline-block; vertical-align:top; float:left; width:358px; height:375px; position:relative;}
.linkBox .boxItem .big .title{box-sizing:border-box; font-family: 'Noto Serif KR'; font-size:25.93px; font-weight:600; letter-spacing:-1.3px; line-height:1.348; color:#fff; text-shadow:3px 3px 4px rgba(0,0,0,1); position:absolute; top:15px; left:0; padding-left:20px; z-index:2;}
.linkBox .boxItem ul{display:inline-block; vertical-align:top; float:right; width:747px; height:auto; overflow:hidden; margin-bottom:-11px;}
.linkBox .boxItem ul li{display:inline-block; vertical-align:top; float:left; width:366px; height:182px; margin-right:15px; margin-bottom:11px; background-repeat:no-repeat; background-position:left top;}
.linkBox .boxItem ul li:nth-child(2n){margin-right:0;}
.linkBox .boxItem ul li a{display:block; width:100%; height:100%; position:relative;}
.linkBox .boxItem ul li a .title{width:50%; height:auto; text-align:center; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#000; font-size:20px; font-weight:400; letter-spacing:-0.9px; line-height:1.35;}
.linkBox .boxItem ul li a .title strong{font-family: 'Noto Serif KR'; font-size:27px; font-weight:700; letter-spacing:-0.9px; line-height:1;}
.linkBox .boxItem ul.list1 li:nth-child(1){background-image:url("../img/main/link_img2.jpg");}
.linkBox .boxItem ul.list1 li:nth-child(2){background-image:url("../img/main/link_img3.jpg");}
.linkBox .boxItem ul.list1 li:nth-child(3){background-image:url("../img/main/link_img4.jpg");}
.linkBox .boxItem ul.list1 li:nth-child(4){background-image:url("../img/main/link_img5.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(1){background-image:url("../img/main/link_img7.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(2){background-image:url("../img/main/link_img8.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(3){background-image:url("../img/main/link_img9.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(4){background-image:url("../img/main/link_img10.jpg");}
.linkBox .boxItem ul.list1 li:nth-child(1):hover{background-image:url("../img/main/link_img2_on.jpg");}
.linkBox .boxItem ul.list1 li:nth-child(2):hover{background-image:url("../img/main/link_img3_on.jpg");}
.linkBox .boxItem ul.list1 li:nth-child(3):hover{background-image:url("../img/main/link_img4_on.jpg");}
.linkBox .boxItem ul.list1 li:nth-child(4):hover{background-image:url("../img/main/link_img5_on.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(1):hover{background-image:url("../img/main/link_img7_on.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(2):hover{background-image:url("../img/main/link_img8_on.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(3):hover{background-image:url("../img/main/link_img9_on.jpg");}
.linkBox .boxItem ul.list2 li:nth-child(4):hover{background-image:url("../img/main/link_img10_on.jpg");}

.youtubeBox{width:1200px; height:auto; box-sizing:border-box; margin:0 auto; padding:80px 0; position:relative;}
.youtubeBox > .title{display:inline-block; vertical-align:top; font-family: 'Noto Serif KR'; font-size:57px; font-weight:600; letter-spacing:-0.9px; line-height:1; text-align:left;}
.youtubeBox .boxLink{display:block; position:absolute; top:110px; right:0; font-size:0;}
.youtubeBox .viewBox{width:100%; height:auto; box-sizing:border-box; overflow:hidden; margin-top:45px;}
.youtubeBox .viewBox .big{display:inline-block; vertical-align:top; float:left; width:640px; height:auto;}
.youtubeBox .viewBox .big .view{width:100%; height:auto; box-sizing:border-box; position:relative; overflow:hidden; padding-top:56.25%;}
.youtubeBox .viewBox .big .view iframe{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.youtubeBox .viewBox .big .textBox{width:100%; height:auto; box-sizing:border-box; margin-top:15px;}
.youtubeBox .viewBox .big .textBox .title{font-size:25px; font-weight:500; letter-spacing:-0.8px; line-height:1.3; color:#000;}
.youtubeBox .viewBox .big .textBox .text{font-size:14px; font-weight:300; letter-spacing:0; line-height:1.3; color:#999; margin-top:5px;}
.youtubeBox .viewBox ul{display:inline-block; vertical-align:top; float:right; width:524px; height:auto; overflow:hidden; margin-bottom:-35px;}
.youtubeBox .viewBox ul li{display:inline-block; vertical-align:top; float:left; width:257px; height:auto; margin-right:10px; margin-bottom:25px;}
.youtubeBox .viewBox ul li:nth-child(2n){margin-right:0;}
.youtubeBox .viewBox ul li a{display:block; width:100%; height:auto;}
.youtubeBox .viewBox ul li .thumb{width:100%; height:auto; box-sizing:border-box; position:relative; overflow:hidden; padding-top:56.25%;}
.youtubeBox .viewBox ul li .thumb img{display:block; width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.youtubeBox .viewBox ul li .textBox{width:100%; height:auto; box-sizing:border-box; margin-top:8px; letter-spacing:-0.8px;}
.youtubeBox .viewBox ul li .textBox .title{width:100%; height:auto; font-size:18px; font-weight:500; line-height:1.3; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.youtubeBox .viewBox ul li .textBox .text{width:100%; height:auto; font-size:14px; font-weight:300; line-height:1.3; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px;}

.caseBoard, .noticeBoard{display:inline-block; vertical-align:top; float:left; width:50%; height:auto; overflow:hidden; position:relative;}
.caseBoard img{display:inline-block; vertical-align:top; float:left;}
.caseBoard .textBox{display:inline-block; vertical-align:top; float:left; width:calc(100% - 260px); height:auto; box-sizing:border-box; padding-top:16px; padding-left:39px; font-size:18px; font-weight:400; letter-spacing:-0.8px; color:#000; line-height:1.5;}
.caseBoard .textBox h2{font-family: 'Noto Serif KR'; font-size:32.95px; font-weight:600; letter-spacing:-1.3px; line-height:1;}
.caseBoard .textBox strong{display:inline-block; vertical-align:top; font-size:22px; font-weight:500; margin-top:40px;}
.caseBoard a{display:inline-block; width:122px; height:36px; text-align:center; font-size:13px; font-weight:300; letter-spacing:0; line-height:36px; color:#fff; text-transform:uppercase; background-color:#af8655; position:absolute; bottom:0; left:299px;}
.noticeBoard .boardTitle{width:calc(100% - 303px); height:auto; box-sizing:border-box; padding-top:14px; padding-left:30px; position:absolute; top:0; right:0; z-index:5;}
.noticeBoard .boardTitle h2{font-family: 'Noto Serif KR'; font-size:32.95px; font-weight:600; letter-spacing:-1.3px; color:#000; line-height:36px; overflow:hidden;}
.noticeBoard .boardTitle h2 a{display:inline-block; vertical-align:top; float:right; width:36px; height:36px; text-align:center; font-family: 'Noto Sans KR'; font-size:25.72px; font-weight:300; letter-spacing:0; line-height:36px; color:#fff; background-color:#af8655;}
.noticeBoard .noticeBox{width:100%; height:auto; box-sizing:border-box;}
.noticeBoard .noticeBox .noticeList{width:100%; height:auto; box-sizing:border-box;}
.noticeBoard .noticeBox .noticeList .listItem{width:100%; height:auto; box-sizing:border-box; overflow:hidden; background-color:#fff;}
.noticeBoard .noticeBox .noticeList .listItem .thumb{display:inline-block; vertical-align:top; float:left; width:303px; height:324px; overflow:hidden;}
.noticeBoard .noticeBox .noticeList .listItem .thumb a{display:block; width:100%; height:100%; position:relative;}
.noticeBoard .noticeBox .noticeList .listItem .thumb a img{display:block; width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.noticeBoard .noticeBox .noticeList .listItem .textBox{display:inline-block; vertical-align:top; float:left; width:calc(100% - 303px); height:auto; box-sizing:border-box; padding-left:30px; padding-top:91.5px; padding-right:20px; word-break:keep-all;}
.noticeBoard .noticeBox .noticeList .listItem .textBox .title{font-size:22px; font-weight:500; letter-spacing:-0.8px; line-height:27px; height:54px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.noticeBoard .noticeBox .noticeList .listItem .textBox .title a{color:#000;}
.noticeBoard .noticeBox .noticeList .listItem .textBox .text{font-size:17px; font-weight:300; letter-spacing:-0.8px; line-height:24px; height:72px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:15px;}
.noticeBoard .noticeBox .noticeList .listItem .textBox .text a{color:#999;}
.noticeBoard .noticeBox .noticeList .listItem .textBox .date{font-size:15px; font-weight:300; letter-spacing:0; line-height:1; color:#000; margin-top:13.5px;}
.noticeBoard .noticeBox .slide_pager{display:inline-block; width:auto; font-size:0; left:333px; bottom:17px; text-align:left; position:absolute; z-index:5;}
.noticeBoard .noticeBox .slide_pager .swiper-pagination-bullet{width:12px; height:12px; background:#999; opacity:1;}
.noticeBoard .noticeBox .slide_pager .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#af8655;}

.bottomLinkBox{display:inline-block; vertical-align:top; float:left; width:auto;}
.bottomLinkBox h2{font-family: 'Noto Serif KR'; font-size:57px; font-weight:600; letter-spacing:-0.9px; line-height:1; color:#000;}
.bottomLinkBox .inBox{width:100%; height:auto; box-sizing:border-box; text-align:left; font-size:0; margin-top:24px;}
.bottomLinkBox .callText{display:inline-block; vertical-align:top; font-family: 'Noto Serif KR'; padding-top:40.5px; color:#000; margin-right:30px;}
.bottomLinkBox .callText p{font-size:20px; font-weight:500; letter-spacing:-0.8px; line-height:1;}
.bottomLinkBox .callText strong{display:inline-block; vertical-align:top; font-size:47.32px; font-weight:600; letter-spacing:-0.9px; line-height:1; margin-top:10px;}
.bottomLinkBox .callText strong span{font-size:31.4px;}
.bottomLinkBox .inBox a{display:inline-block; vertical-align:top; box-sizing:border-box; width:159px; height:159px; overflow:hidden; text-align:center; border-radius:50%; font-size:18px; font-weight:500; letter-spacing:-0.8px; line-height:1; padding-top:44px; color:#000;}
.bottomLinkBox .inBox a + a{margin-left:24px;}
.bottomLinkBox .inBox .icon{width:100%; height:53px; position:relative; margin-top:9px;}
.bottomLinkBox .inBox .icon img{display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.bottomLinkBox .inBox a.counsel{background-color:#a49481;}
.bottomLinkBox .inBox a.kakao{background-color:#ffe500;}

.bottomInfo{display:inline-block; vertical-align:top; float:right; width:auto; height:auto; box-sizing:border-box; padding-left:65px; border-left:1px solid #d8d4ce;}
.bottomInfo dl{color:#000;}
.bottomInfo dl + dl{margin-top:27px;}
.bottomInfo dl dt{font-family: 'Noto Serif KR'; font-size:22px; font-weight:600; letter-spacing:-0.8px; line-height:1;}
.bottomInfo dl dd{margin-top:13px;}
.bottomInfo dl dd p{font-size:18px; font-weight:400; letter-spacing:-0.8px; line-height:1;}
.bottomInfo dl dd p + p{margin-top:9px;}
.bottomInfo dl dd p.holiday{color:#d83d3d; font-weight:500;}
.bottomInfo dl dd address{font-size:18px; font-weight:400; letter-spacing:-0.8px; line-height:1;}
.bottomInfo dl dd address + a{display:inline-block; vertical-align:top; width:92px; height:33px; text-align:center; font-size:14px; font-weight:400; letter-spacing:-0.8px; line-height:33px; color:#fff; border-radius:3px; margin-top:11px; background-color:#0d0d0d;}
.bottomInfo dl dd address + a span{display:inline-block; vertical-align:top; font-size:16px; margin-left:10px;}

.animateBox{opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
.animateBox.first, .animateBox.active{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.animateBox.first.delay2, .animateBox.active.delay2{-webkit-animation-delay:.2s; animation-delay:.2s;}
.animateBox.first.delay3, .animateBox.active.delay3{-webkit-animation-delay:.4s; animation-delay:.4s;}
.animateBox.first.delay4, .animateBox.active.delay4{-webkit-animation-delay:.6s; animation-delay:.6s;}

@-webkit-keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}