#mVisualA {width:100%; height:590px; margin:0px auto 0px auto; overflow:hidden; position:relative;} #mVisualA .mvisTxt {position:absolute; top:260px; left:50%; width:800px; margin-left:-400px; z-index:10; text-align:center; } #mVisualA .mvisTxt p {position:relative;margin:0px; padding:0px 0px 0px 0px; color:#fff; font-size:28px; line-height:40px; letter-spacing:-1px; font-weight:700; display:block; text-shadow:1px 1px 3px rgba(0,0,0,0.6); } #mVisualA .mvisTxt h3 { margin:15px 0px 0px 0px; padding:0px;font-family: 'AritaBuri'; color:#fff; font-size:94px; line-height:94px; font-weight:900; letter-spacing:0px;text-shadow:0px 0px 2px rgba(0,0,0,0.6); } #mVisualA .imgbg {position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; z-index:0;height:560px;background: url(/img/bg.png) right 60px no-repeat;} #mVisualA .imgbg1 {position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; z-index:0;height:560px;background: url(/img/main/v1.jpg) right 60px no-repeat;} #mVisualB {width:100%; height:810px; margin:0px auto 0px auto; overflow:hidden; position:relative;} #mVisualB .mvisTxt {position:absolute; top:250px; left:70%; width:800px; margin-left:-400px; z-index:10;} #mVisualB .mvisTxt p {position:relative;margin:0px; padding:0px 0px 0px 0px; color:#fff; font-size:24px; line-height:40px; letter-spacing:-1px; font-weight:700; display:block; text-shadow:1px 1px 3px rgba(0,0,0,0.6); } #mVisualB .mvisTxt h3 { margin:15px 0px 0px 0px; padding:0px;font-family: 'AritaBuri'; color:#fff; font-size:94px; line-height:94px; font-weight:900; letter-spacing:0px;text-shadow:0px 0px 2px rgba(0,0,0,0.6); } #mVisualB .imgbg {position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; z-index:0;height:560px;background: url(/img/bg.png) right 60px no-repeat;} #mVisualB .imgbg1 {position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; z-index:0;height:810px;background: url(/img/main/v1.jpg) right top no-repeat; background-size: cover;} #showcase{position:relative;} #showcase .showcase-onepage .showcase-content{} #showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:20px; left:50%; margin-left:-300px; width:600px; text-align:center; z-index:11;} #showcase .showcase-button-wrapper span{display:inline-block; width:16px; height:16px; margin:0px 5px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:transparent; border:4px solid rgba(255,255,255,0.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #showcase .showcase-button-wrapper span.active{ background:#fff; border:4px solid #fff;} .showcase-arrow-previous, .showcase-arrow-next{width:80px; height:80px; position:absolute; display:inline-block;z-index:12; top:50%; margin-top:-40px; cursor:pointer; opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .showcase-arrow-previous{left:0px;background:url('/img/main/btn_prev2.png') center center no-repeat; } .showcase-arrow-next{right:0px; background:url('/img/main/btn_next2.png') center center no-repeat; } .showcase-arrow-previous:hover, .showcase-arrow-next:hover { background-color:rgba(0,0,0,0.4); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase2{position:relative;} #showcase2 .showcase-onepage .showcase-content{} #showcase2 .showcase-button-wrapper{clear:both; position:absolute;bottom:30px; left:24px; text-align:left; z-index:11; line-height:0px; } #showcase2 .showcase-button-wrapper span{display:inline-block; width:14px; height:14px; margin:0px 3px; cursor:pointer;border:2px solid rgba(255,255,255,0.5);text-indent:-9999999px; font-size:0px; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;} #showcase2 .showcase-button-wrapper span.active{ border:2px solid #fff; background:#fff;} #showcase2 .showcase-arrow-previous, #showcase2 .showcase-arrow-next{width:50px; height:50px; position:absolute; z-index:1; top:50%; margin-top:-25px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);background:url('/img/main/prev_next_btn3.png') 0px 0px no-repeat rgba(0,0,0,0.25); cursor:pointer; } #showcase2 .showcase-arrow-previous{left:0px;background-position:0 0;} #showcase2 .showcase-arrow-next{right:0px;background-position:-50px 0;} #showcase2 .showcase-arrow-previous:hover, #showcase2 .showcase-arrow-next:hover {background-color:rgba(0,0,0,0.7); opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #showcase3{position:relative;} #showcase3 .showcase-onepage .showcase-content{} #showcase3 .showcase-button-wrapper{clear:both; position:absolute; bottom:25px; left:30px; text-align:center; z-index:11;} #showcase3 .showcase-button-wrapper span{display:inline-block; width:15px; height:15px; margin-left:1px; margin-left:8px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:rgba(255, 255, 255, 0.5); border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;} #showcase3 .showcase-button-wrapper span.active{width:15px; height:15px; background:url('/img/main/show_btn2.png') no-repeat; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;} #showcase3 .showcase-button-wrapper span:first-child {margin-left:0;} #subtab {width:100%; overflow:hidden; margin:0px auto 20px auto; letter-spacing:-0.5px; word-spacing:0px;border-bottom: 1px solid #d8d8d8;} #subtab ul{padding:0px; margin:0px; display:inline-block;} #subtab ul::after {clear:both; content:""; display:block;} #subtab li{list-style-type:none; float:left; height:60px; line-height:56px;display:block; text-decoration:none; background:#fff; margin:-7px;font-weight:700; font-size:30px; padding:0; cursor: pointer;text-align:center;overflow:hidden;box-sizing: border-box; } #subtab li:first-child {margin-left:0px;} #subtab li:hover{text-decoration:none;background:#fff; color:#2b80bf !important; } #subtab li.on {color:#333 !important; font-family: 'Noto Sans KR', sans-serif !important;} #subtab li:before{width: 119px;left: 29px;top: 78px;display: block;content: "";height: 4px;background: #000;position: absolute;bottom: 0;} #subtab .btn_more {display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; position:absolute; top:18px;right: 0;margin: 10px 25px 0px 0px;} #subtab .btn_more:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more.png) no-repeat 20% 70%; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab1 {width:100%; overflow:hidden; margin:0px auto 20px auto; letter-spacing:-0.5px; word-spacing:0px;border-bottom: 1px solid #d8d8d8;} #subtab1 ul{padding:0px; margin:0px; display:inline-block;} #subtab1 ul::after {clear:both; content:""; display:block;} #subtab1 li{list-style-type:none; float:left; height:60px; line-height:56px;display:block; text-decoration:none; background:#fff; margin:-7px;font-weight:700; font-size:30px; padding:0; cursor: pointer;text-align:center;overflow:hidden;box-sizing: border-box; } #subtab1 li:first-child {margin-left:0px;} #subtab1 li:hover{text-decoration:none;background:#fff; color:#2b80bf !important; } #subtab1 li.on {color:#333 !important; font-family: 'Noto Sans KR', sans-serif !important;} #subtab1 li:before{width: 198px;left: 29px;top: 78px;display: block;content: "";height: 4px;background: #000;position: absolute;bottom: 0;} #subtab1 .btn_more {display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; position:absolute; top:18px;right: 0;margin: 10px 25px 0px 0px;} #subtab1 .btn_more:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more.png) no-repeat 20% 70%; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab2 {width:100%; overflow:hidden; margin:0px auto 20px auto; letter-spacing:-0.5px; word-spacing:0px;text-align:center;} #subtab2 ul{padding:0px; margin:0px; display:inline-block;} #subtab2 ul::after {clear:both; content:""; display:block;} #subtab2 li{list-style-type:none; float:left; width:214px; height:50px; line-height:48px;display:block; text-decoration:none; background:#fff; border:1px solid #d2d2d2; margin:1px;font-weight:700; font-size:20px; padding:0; cursor: pointer; color:#545454 !important; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subtab2 li:first-child {margin-left:0px;} #subtab2 li:hover{text-decoration:none;background:#fff; color:#2b80bf !important; } #subtab2 li{border:1px solid #2b80bf; background: #2b80bf; color:#fff !important; } #subtab3 { position: relative;width:100%; overflow:hidden; margin:0px auto 20px auto; letter-spacing:-0.5px; word-spacing:0px} #subtab3 ul{padding:0px; margin:0px; display:inline-block;} #subtab3 ul::after {clear:both; content:""; display:block;} #subtab3 li{list-style-type:none; float:left; height:60px; line-height:56px;display:block; text-decoration:none; margin:-7px;font-weight:700; font-size:30px; padding:0; cursor: pointer;text-align:center;overflow:hidden;box-sizing: border-box; } #subtab3 li:first-child {margin-left:0px;} #subtab3 li:hover{text-decoration:none; color:#2b80bf !important; } #subtab3 li.on {color:#000 !important; font-family: 'Noto Sans KR', sans-serif !important;} #subtab3 .btn_more {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 0;border-radius: 50%;background: #ededed;} #subtab3 .btn_more:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more3.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab3 .btn_more1 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 120px;border-radius: 50%;background: #ededed;} #subtab3 .btn_more1:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more1.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab3 .btn_more2 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 60px;border-radius: 50%;background: #ededed;} #subtab3 .btn_more2:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more2.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab3 .btn_more3 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:20px;right: 20px;border-radius: 50%;background: #ededed;} #subtab3 .btn_more3:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more3.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab4 { position: relative;width:100%; overflow:hidden; margin:0px auto 20px auto; letter-spacing:-0.5px; word-spacing:0px} #subtab4 ul{padding:0px; margin:0px; display:inline-block;} #subtab4 ul::after {clear:both; content:""; display:block;} #subtab4 li{list-style-type:none; float:left; height:60px; line-height:56px;display:block; text-decoration:none; margin:-7px;font-weight:700; font-size:30px; padding:0; cursor: pointer;text-align:center;overflow:hidden;box-sizing: border-box; } #subtab4 li:first-child {margin-left:0px;} #subtab4 li:hover{text-decoration:none; color:#2b80bf !important; } #subtab4 li.on {color:#ffffff !important; font-family: 'Noto Sans KR', sans-serif !important;} #subtab4 .btn_more {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 0;border-radius: 50%;background: #ffffff;} #subtab4 .btn_more:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more3.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab4 .btn_more1 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 120px;border-radius: 50%;background: #ffffff;;} #subtab4 .btn_more1:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more1.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab4 .btn_more2 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 60px;border-radius: 50%;background: #ffffff;;} #subtab4 .btn_more2:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more2.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab4 .btn_more3 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:20px;right: 20px;border-radius: 50%;background: #ffffff;;} #subtab4 .btn_more3:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more3.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} .notiArea {position:relative;width: 364px;margin:0px 20px 30px auto;display:block;overflow:hidden;padding:29px;border: 1px solid #d8d8d8;background: #fff;float: left;} .notiArea h3 {display:block; text-align:center; color:#000; font-size:32px; line-height:1.3;font-weight:700; letter-spacing:-0.5px; margin-bottom:20px;} .notiArea1 {position:relative;width: 100%;margin:10px 0px 30px auto;display:block;overflow:hidden;} .notiArea1 h3 {display:block; text-align:center; color:#000; font-size:32px; line-height:1.3;font-weight:700; letter-spacing:-0.5px; margin-bottom:20px;} .malsa {} .malsa .li {position:relative;line-height:18px; border: 1px solid #ddd;padding: 40px;border-radius: 20px;min-height:220px;} .malsa .li .lt_date{position:absolute;bottom: 40px;left: 40px;color:#888;background: url(/img/time1.png) no-repeat left center;padding-left: 25px;height: 31px;} .malsa .li strong{font-size: 26px;line-height: 70px;color: #212121;overflow: hidden;height: 70px;display: block;} .malsa .li span {font-size: 20px;line-height: 30px; height: 31px;overflow: hidden;display: block;} .malsa .li .con{font-size: 20px;line-height: 30px; height: 60px;overflow: hidden;display: block;} .malsa .li .youtube1 { color: #fff; background:#601c11; width: 50px; text-align: center; padding: 11px 7px; border-radius: 20px; margin: 0px 0px 4px 0px; font-weight: 500; line-height: 12px; font-size: 18px; } .notiA {margin:0px; padding:0px;display:block;position:relative; } .notiA:after {clear:both; content:''; display:block;} .notiA li{float:left; width:calc( 100% - 96px) ; height:268px;padding:40px;position:relative;background: #fff;} .notiA li a {display:block;/* height:268px; *//* border:1px solid #e5e5e5; *//* padding:30px; */overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;} .notiA li a .sbj {color:#515151;font-size:18px;line-height:28px;height: 31px;width: 253px;overflow:hidden;letter-spacing:-0.5px;margin: 0px 20px 0px 0px;float: left;} .notiA li a .txt{color:#828282;font-size:16px;line-height:24px;height: 0px;overflow:hidden;text-align:justify;float: right;} .notiA li a .date{/* text-align:center; */font-weight:400;color:#ababab;/* display:block; */height:28px;line-height:28px;letter-spacing:0px;/* margin-top:15px; */} .notiA li a:hover { color:#fff; border-color:#2b80bf; } .notiA li a:hover .sbj {color:#c8ae96 !important; } .notiA li a:hover .txt, .notiA li a:hover .date {color:#ababab !important; text-decoration:none; } .notiA li.bbsnone {clear:both; float:none; width:100%; padding:40px 0px;text-align:center;} .notiA li a:before {/* display:block; *//* position:absolute; *//* left:12px; *//* top:12px; */z-index:-2;/* width:282px; *//* height:268px; */background:#fff;content:'';-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;} .notiA li a:after {/* display:block; *//* position:absolute; *//* left:12px; *//* top:12px; */z-index:-1;/* width:282px; *//* height:268px; *//* background:#2b80bf; *//* opacity:0.0; */-moz-opacity:0.0;filter: alpha(opacity=0);content:'';/* box-shadow:0px 3px 12px rgba(0,0,0,0.3); */-moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.3)-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;} .notiA li a:hover:after {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); } .notiB {margin:0px; padding:0px;display:block;position:relative; } .notiB:after {clear:both; content:''; display:block;} .notiB .swiper {width:800px;} .notiB .li{width:calc( 100% - 110px ); width: 291px !important;height: 190px;padding: 50px;position: relative;border: 2px solid rgb(255 255 255 / 50%);border-radius: 20px;background-color: rgba(0, 0, 0, 0.3);word-break: keep-all;} .notiB .li a {display:block;/* height:268px; *//* border:1px solid #e5e5e5; *//* padding:30px; */overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;} .notiB .li a .sbj {color:#515151;font-size:18px;line-height:28px;height: 31px;width: 253px;overflow:hidden;letter-spacing:-0.5px;margin: 0px 20px 0px 0px;float: left;} .notiB .li a .txt{color:#828282;font-size:16px;line-height:24px;height: 0px;overflow:hidden;text-align:justify;float: right;} .notiB .li a .date{/* text-align:center; */font-weight:400;color:#ababab;display:none;height:28px;line-height:28px;letter-spacing:0px;/* margin-top:15px; */} .notiB .li a .tit{font-size: 35px;color: #fff;font-weight: 600; line-height: 45px;} .notiB .li a .con{color: #fff;margin-top: 21px; height: 80px;overflow: hidden;} .notiB .li a .btn {position: absolute;right: 30px;top: 30px;} .notiB .li a:hover { color:#fff; border-color:#2b80bf; } .notiB .li a:hover .sbj {color:#c8ae96 !important; } .notiB .li a:hover .txt, .notiA li a:hover .date {color:#ababab !important; text-decoration:none; } .notiB .li.bbsnone {clear:both; float:none; width:100%; padding:40px 0px;text-align:center;} .notiB .li a:before {/* display:block; *//* position:absolute; *//* left:12px; *//* top:12px; */z-index:-2;/* width:282px; *//* height:268px; */background:#fff;content:'';-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;} .notiB .li a:after {/* display:block; *//* position:absolute; *//* left:12px; *//* top:12px; */z-index:-1;/* width:282px; *//* height:268px; *//* background:#2b80bf; *//* opacity:0.0; */-moz-opacity:0.0;filter: alpha(opacity=0);content:'';/* box-shadow:0px 3px 12px rgba(0,0,0,0.3); */-moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.3)-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;} .notiB .li a:hover:after {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); } .moveArea {position:relative;width: 800px;margin:0px 20px 30px auto;display:block;overflow:hidden;padding:29px;border: 1px solid #d8d8d8;background: #fff;float: left;} .moveArea h3 {display:block; text-align:center; color:#000; font-size:32px; line-height:1.3;font-weight:700; letter-spacing:-0.5px; margin-bottom:20px;} .moveA {margin:0px; padding:0px;display:block;position:relative; } .moveA:after {clear:both; content:''; display:block;} .moveA li{/* float:left; */width: 800px; height:193px; padding:5px 0px;position:relative;} .moveA li a {display:block;/* height:268px; *//* border:1px solid #e5e5e5; *//* padding:30px; */overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;} .moveA li a .imgA {float:left;width:370px;} .moveA li a .imgA img {height:203px !important} .moveA li a .txtA {float:left;width:420px;} .moveA li a .sbj {color:#515151;font-size:25px;line-height:35px;width: 350px;letter-spacing:-0.5px;margin: 0px 20px 0px 0px;} .moveA li a .txt {color:#828282;font-size:12px;line-height:24px;overflow:hidden;text-align:justify;margin-top:20px;} .moveA li a .bname {padding-top:20px;height:60px;overflow:hidden;} .moveA li a .date {padding-top:20px;color:#b1b1b1;font-size:16px;} .moveA li a:hover { color:#c8ae96; border-color:#2b80bf; } .moveA li a:hover .sbj {color:#c8ae96 !important; } #moveAX {float:right; width:393px; height:336px; margin:0px;padding:0px;} #moveAX li{display:block;} .quickArea{ width:1200px; margin:0px auto ; padding:60px 0px; display:block; overflow:hidden; } .quickArea ul:after {clear:both; content:''; display:block;} .quickArea ul li{float:left; display:block;list-style:none; width:233px;height:198px; margin-left:9px;overflow:hidden; text-align:center;background:#121212; } .quickArea ul li:first-child {margin-left:0px;} .quickArea ul li:nth-child(2) {margin-left:8px;} .quickArea ul li a {display:block;position:relative; width:233px; height:198px; } .quickArea ul li a .bg{width:233px; height:198px; display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .quickArea ul li a .txt {position:absolute; left:0px; top:0px; width:233px; height:198px; display:table; text-align:center; z-index:2;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .quickArea ul li a .txt p{display:block; color:#fff; font-size:20px; font-weight:700; display:table-cell; vertical-align:middle; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .quickArea ul li a:after {display:block; position:absolute; left:12px; top:12px; z-index:1; width:210px; height:174px; border:1px solid #fff; opacity:0.2; -moz-opacity:0.2; filter: alpha(opacity=20);content:'';-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .quickArea ul li a:hover:after { opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } .quickArea ul li a:hover .bg{ opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } .gallArea {position:relative; width:100%; background:#fff; display:block; overflow:hidden; margin-bottom:40px; } .gallArea h3 {display:block; text-align:center; color:#000; font-size:32px; line-height:1.3;font-weight:700; letter-spacing:-0.5px; margin-bottom:20px;} .gallArea h4{display:block; text-align:center; font-weight:400; color:#8a8a8a; margin-bottom:35px;} .gallArea1 {position:relative; width:100%; background:url(/img/bg1.jpg); display:block; overflow:hidden; padding: 85px 0px; } .gallArea1 h3 {display:block; text-align:center; color:#000; font-size:32px; line-height:1.3;font-weight:700; letter-spacing:-0.5px; margin-bottom:20px;} .gallArea1 h4{display:block; text-align:center; font-weight:400; color:#8a8a8a; margin-bottom:35px;} .gallA {margin:0px; padding:0px;display:block;position:relative; } .gallA:after {clear:both; content:''; display:block;} .gallA li{ float:left; width:31.4%; overflow:hidden;margin-left:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallA li:first-child { margin-left:0px;} .gallA li .imgA {position:relative; display:block; overflow:hidden; border-radius: 20px; } .gallA li .imgA img {width:100%; height: 280px;} .gallA li .imgA:before {position:absolute; top:0px; left:0px;opacity:0.1; -moz-opacity:0.1; filter: alpha(opacity=10); z-index:1; display:block; content:'';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallA li .txtA { border: 1px solid #d8d8d8;padding: 20px;height: 140px;} .gallA li .txtA .sbj{ font-weight:500; color:#333; font-size:21px; line-height:26px; height:54px;overflow:hidden; letter-spacing:-0.5px;margin-bottom: 10px;} .gallA li a{display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .gallA li a:hover {} .gallA li a:hover .txtA .sbj {color:#c8ae96} .gallA li a .bname{position:relative; height:32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallA li a .bname span{display:inline-block; font-weight:400;color:#7c7b7b;height:70px;line-height:23px; letter-spacing:0px;overflow: hidden;padding-top: 10px;font-size: 16px;font-family: "Noto Sans KR", sans-serif; } .gallA li a .bname .date{position:absolute; right:0px; top:0px; text-align:right; font-size:15.5px; font-weight:700; color:#888787;display:block; height:32px; line-height:32px;letter-spacing:0px; } .gallA li .sbjA {font-size: 26px;line-height: 90px;color: #212121;overflow: hidden;height: 85px;font-weight: 600;} .gallA li .lt_date { color: #888;background: url(/img/time1.png) no-repeat left center;padding-left: 25px;font-size: 20px; line-height: 30px;} .gallA .li{ float:left; width:442px !important; overflow:hidden;margin-left:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallA .li:first-child { margin-left:0px;} .gallA .li .imgA {position:relative; display:block; overflow:hidden; border-radius: 20px; } .gallA .li .imgA img {width:100%; height: 280px;} .gallA .li .imgA:before {position:absolute; top:0px; left:0px;opacity:0.1; -moz-opacity:0.1; filter: alpha(opacity=10); z-index:1; display:block; content:'';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallA .li .txtA { border: 1px solid #d8d8d8;padding: 20px;height: 140px;} .gallA .li .txtA .sbj{ font-weight:500; color:#333; font-size:21px; line-height:26px; height:54px;overflow:hidden; letter-spacing:-0.5px;margin-bottom: 10px;} .gallA .li a{display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .gallA .li a:hover {} .gallA .li a:hover .txtA .sbj {color:#c8ae96} .gallA .li a .bname{position:relative; height:32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallA .li a .bname span{display:inline-block; font-weight:400;color:#7c7b7b;height:70px;line-height:23px; letter-spacing:0px;overflow: hidden;padding-top: 10px;font-size: 16px;font-family: "Noto Sans KR", sans-serif; } .gallA .li a .bname .date{position:absolute; right:0px; top:0px; text-align:right; font-size:15.5px; font-weight:700; color:#888787;display:block; height:32px; line-height:32px;letter-spacing:0px; } .gallA .li .sbjA {font-size: 26px;line-height: 90px;color: #212121;overflow: hidden;height: 85px;font-weight: 600;} .gallA .li .lt_date { color: #888;background: url(/img/time1.png) no-repeat left center;padding-left: 25px;font-size: 20px; line-height: 30px;} .gallB {margin:0px; padding:0px;display:block;position:relative;display: flex } .gallB:after {clear:both; content:''; display:block;} .gallB .you{ float:left; width:31.4%; overflow:hidden;margin-right:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallB .you:last-child { margin-right:0px;} .gallB .you img {position:relative; display:block; overflow:hidden; border-radius: 20px;width:100%; height: 280px; margin-bottom: 30px;} .gallB li .imgA:before {position:absolute; top:0px; left:0px;opacity:0.1; -moz-opacity:0.1; filter: alpha(opacity=10); z-index:1; display:block; content:'';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallB li .txtA { border: 1px solid #d8d8d8;padding: 20px;height: 140px;} .gallB li .txtA .sbj{ font-weight:500; color:#333; font-size:21px; line-height:26px; height:54px;overflow:hidden; letter-spacing:-0.5px;margin-bottom: 10px;} .gallB li a{display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .gallB li a:hover {} .gallB li a:hover .txtA .sbj {color:#c8ae96} .gallB li a .bname{position:relative; height:32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallB li a .bname span{display:inline-block; font-weight:400;color:#7c7b7b;height:70px;line-height:23px; letter-spacing:0px;overflow: hidden;padding-top: 10px;font-size: 16px;font-family: "Noto Sans KR", sans-serif; } .gallB li a .bname .date{position:absolute; right:0px; top:0px; text-align:right; font-size:15.5px; font-weight:700; color:#888787;display:block; height:32px; line-height:32px;letter-spacing:0px; } .gallB .you span {font-size: 18px;line-height: 32px;color: #ffffff;overflow: hidden;height: 85px;font-weight:500;} .gallB .you .lt_date { color: #fff;background: url(/img/time.png) no-repeat left center;padding-left: 25px;font-size: 20px; line-height: 30px;} .tsArea {display:block;position:relative; width:100%; margin:0 auto; background:url(/img/main/ts_bg.jpg) center top no-repeat; background-size:cover; } .tsArea a{display:block;position:relative; height:280px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .tsArea a:hover {background:rgba(0,0,0,0.5); } .tsArea dl.tsA { display:block; margin:0 auto; width:1200px; height:280px; padding:80px 0px 0px 0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .tsArea dl.tsA:after {clear:both; content:''; display:block;} .tsArea dl.tsA dt{float:left; padding-left:120px; padding-top:2px; text-align:left;} .tsArea dl.tsA dd{float:right; padding-right:105px; text-align:right;} .mSitelinkA {display:block; clear:both; width:100%;position:relative; height:225px; padding:30px 0 5px 0;background:#f0f0f0; margin:0px auto 0px auto; } .mSitelinkA .else { width:1280px; margin:0px auto; overflow:hidden;color: #333;} .mSitelinkA ul{margin:0px 0px 0px 0px; padding:0px; display:block;} .mSitelinkA ul:after {clear:both; content:''; display:block;} .mSitelinkA li {float:left; margin:0px; padding:40px 0px; height:155px; line-height:50px;text-align: center;width: 182px !important;} .mSitelinkA #prevBtn{position:absolute;left:50%; margin-left:-680px;top:45%; cursor:pointer; width:32px; height:32px; text-indent:-9999999px;background: url(/img/main/prev_btn4.png) no-repeat 0px 0px; cursor:pointer; } .mSitelinkA #nextBtn{position:absolute;left:50%; margin-left:645px;top:45%; cursor:pointer;width:32px; height:32px; text-indent:-9999999px; background: url(/img/main/next_btn4.png) no-repeat -32px 0px; cursor:pointer; } .mSitelinkA #prevBtn:hover { background-position:-32px 0px;} .mSitelinkA #nextBtn:hover { background-position:0px 0px;} .mSitelinkA .bx-wrapper {width:1280px !important; height: 200px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mSitelinkA li a{display: block; background: #ffffff; width: 95px; height: 75px; text-align: center; margin: 0 auto; border-radius: 50px; padding-top: 20px;} .mSitelinkA li a:hover{background: #ffffff;} #ft {margin-top:0px;} /* 주요행사일정 */ #mboardTab {height:90px;} #mboardTab dt {display:none;} .mnotice-wr {position:relative;background-color:#6d5347;margin-top:25px;color:#fff;z-index:2} .mnotice-wr h3 {position:absolute;left:0;top:22px;font-weight:500;font-size:1.5em;letter-spacing:-.05em} .mnotice-wr h3 .ico {position:relative;display:inline-block;background-color:#fff;border-radius:50%;width:49px;height:49px;margin-right:20px;vertical-align:middle} .mnotice-wr h3 .ico:before {content:"";position:absolute;left:0;top:0;bottom:0;right:0;display:block;background:url(/img/Calendar.png) no-repeat 0 0;width:26px;height:25px;margin:auto} .mnotice-wr1 {position:relative;background-color:rgb(68 52 37 / 88%);margin-top:-90px;color:#fff;z-index:2} .mnotice-wr1 h3 {position:absolute;left:0;top:22px;font-weight:500;font-size:1.5em;letter-spacing:-.05em} .mnotice-wr1 h3 .ico {position:relative;display:inline-block;background-color:#fff;border-radius:50%;width:49px;height:49px;margin-right:20px;vertical-align:middle} .mnotice-wr1 h3 .ico:before {content:"";position:absolute;left:0;top:0;bottom:0;right:0;display:block;background:url(/img/Calendar.png) no-repeat 0 0;width:26px;height:25px;margin:auto} #mBoard1 {padding: 0px;box-sizing:border-box;} #mBoard1 .item > a {display:inline-block;padding:33px 0 33px;width:350px;overflow:hidden;} #mBoard1 .item > a span {color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;} #mBoard1 .isNewIcon, #mBoard1 .date {} #mboardTab .owl-nav {position:absolute;top:0;right:0;font-size:0;border:0px;} #mboardTab .owl-nav button {position:relative;display:inline-block;background-color:rgba(0, 0, 0, .15);width:90px;height:90px;transition:all .3s ease;border:0px;} #mboardTab .owl-nav button:hover {background-color:rgba(0, 0, 0, .5)} #mboardTab .owl-nav button:before {content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url(/img/main_spr.png) no-repeat;width:22px;height:13px;margin:auto} #mboardTab .owl-nav .owl-prev:before {background-position:-31px 0} #mboardTab .owl-nav .owl-next:before {background-position:-62px 0} #mBoard1 .no-data {color:#fff;background:none;height:90px;line-height:90px;padding:0;} #mBoard1 .subj{font-weight: 500} .div-cont {position:relative;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box} .sbMusArea {clear:both; width:100%; margin: 0px auto 0px auto; height:460px;overflow:hidden;font-family:'NotoKrM', NotoKrR Gothic, Malgun Gothic,dotum,Helvetica,sans-serif;letter-spacing:-1px; text-align:left;word-break:break-all;-ms-word-break:break-all;} .sbMusArea .wrap {width:1280px; margin:0 auto; padding:0px; overflow:hidden;text-align:right} .sbMusArea .expA {font-size:24px;color:#fff; padding:70px 0px 5px 0px; height:30px; line-height:30px; letter-spacing: -2px} .sbMusArea .titleA {font-size:46px;color:#fff; padding:0px 0px 30px 0px; height:50px; line-height:50px;letter-spacing: -4px;font-weight:500;} .sbMusArea .titleA span {} .sbMusArea .btnA {text-align: left;color: #c17b77;height: 161px;width: 245px;line-height: 36px;padding:5px 30px 15px 52px;border-radius: 20px !important;font-weight: 400; font-size: 18px;} .sbMusArea .btnA a{padding: 0px 0px 10px 30px;background: url(/img/main/flower.png) no-repeat 0px 2px; color: rgb(255 255 255 / 90%);} .sbMusArea .btnA :hover { color:#c8ae96} .sbMusArea_A {float:right;background:url(/img/main/bottom_bg01.jpg) left top no-repeat; width:393px; height:336px; overflow:hidden;font-family:'NotoKrM', NotoKrR Gothic, Malgun Gothic,dotum,Helvetica,sans-serif;letter-spacing:-1px; text-align:left;word-break:break-all;-ms-word-break:break-all;} .sbMusArea_A .expA {font-size:20px;color:#fff; text-align: center; padding:30px 0px 5px 0px; height:25px; line-height:25px; letter-spacing: -2px;} .sbMusArea_A .titleA {font-size:38px;color:#fff; text-align: center; padding:0px 0px 30px 0px; height:40px; line-height:40px;letter-spacing: -4px;font-weight:500;} .sbMusArea_A .titleA span {} .sbMusArea_A .btnA {background: #fff;color: #c17b77;height: 140px;width: 260px;line-height: 36px;padding:20px 0 20px 40px;margin-left:45px;border-radius: 20px !important;font-weight: 400; font-size: 17px;} .sbMusArea_A .btnA a{padding: 0px 0px 10px 30px;background: url(/img/main/flower.png) no-repeat 0px 2px} .sbMusArea_A .btnA :hover { color:#c8ae96} .lets10{letter-spacing:-1px;} .mvisTxt .controls{display:flex;position:absolute;right:43%;top:330px;gap:0 .4rem} .mvisTxt .controls > button{position:relative;width:2rem;height:2rem;border:1px solid #fff;background:#fff; border-radius: 5px;} .mvisTxt .controls > button:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:1rem;height:1rem;background:url(/img/icon_barrow_prev.svg) center no-repeat;background-size:contain} .mvisTxt .controls > button.next:before{background-image:url(/img/icon_barrow_next.svg)} .mvisTxt .controls > button.con_btn:before{width:1rem;height:1rem} .mvisTxt .controls > button.play {display:none;} .mvisTxt .controls > button.play:before{background-image:url(/img/icon_black_play.svg)} .mvisTxt .controls > button.stop:before{background-image:url(/img/icon_black_stop.svg)} .blind {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);} .sbMusArea ul { margin: 45px 0 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 38px 1fr 38px 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; gap: 38px; grid-gap: 38px; } .sbMusArea ul > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .sbMusArea ul > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .sbMusArea ul > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .sbMusArea ul li { height: 100%; } .sbMusArea .mQuickA_txt { position: relative; height: 100%; box-sizing: border-box; padding-left: 150px; padding-top:50px; width: 442px; } .sbMusArea .txt1 { background: #f5f5f5 url(/img/b1.png) no-repeat 32px center;} .sbMusArea .txt2 { background: #f5f5f5 url(/img/b2.png) no-repeat 32px center;} .sbMusArea .txt3 { background: #f5f5f5 url(/img/b3.png) no-repeat center;background-size: cover;} .sbMusArea .txt4 { background: #f5f5f5 url(/img/b6.png) no-repeat 32px center;} .sbMusArea .mQuickA_txt > p { margin: 0px 0 20px 50px; font-size: 24px; color: #000000; font-weight: 400; line-height: 30px; } .sbMusArea .mQuickA_txt > p span{font-size: 21px;} .sbMusArea .mQuickA_txt > span { display: block; color: #393939; margin: 0 50px; font-size: 16px; } .sbMusArea .mQuickA_txt > a { display: block; width: 122px; height: 40px; color: #b2547e; margin: 0px 0 40px 50px; line-height: 40px; text-align: center; border-radius: 30px; border: 1px solid #b2547e; background: #fff; margin-top: 25px; } .sbMusArea ul li:nth-child(1) .mQuickA_txt:after { content: ''; position: absolute; right: 0; top: 69px; font-size: 148px; font-weight: 400; letter-spacing: -12px; opacity: .05; } .sbMusArea ul li:nth-child(1) .mQuickA_txt > a:hover { background: #b2547e;color: #fff; } .sbMusArea ul li:nth-child(2) .mQuickA_txt:after { content: ''; position: absolute; right: 0; top: 69px; font-size: 148px; font-weight: 400; letter-spacing: -12px; opacity: .05; } .sbMusArea ul li:nth-child(2) .mQuickA_txt > a:hover { background: #b2547e; color: #fff; } .sbMusArea ul li:nth-child(3) .mQuickA_txt p{color: #fff } .shdw { overflow: hidden; border: 1px solid #dddddd; background: #f5f5f5; border-radius: 20px; } .sbMusArea ul li:nth-child(3) .mQuickA_txt > a:hover { background: #b2547e; color: #fff; } .bt50{padding-bottom:50px}