#mVisualA {width:100%; height:685px; 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:50px; left:50%; margin-left:-50%; width:100%; z-index:0;height:635px;background: url(/img/bg.png) center bottom no-repeat;} #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} #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; 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; color:#2b80bf !important; } #subtab li.on {color:#000 !important; font-family: 'Noto Sans KR', sans-serif !important;} #subtab .btn_more {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 0;border-radius: 50%;background: #ededed;} #subtab .btn_more:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more.png) no-repeat center ; position:absolute; left:0; top:0;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} #subtab .btn_more1 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 120px;border-radius: 50%;background: #ededed;} #subtab .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;} #subtab .btn_more2 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px;right: 60px;border-radius: 50%;background: #ededed;} #subtab .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;} #subtab .btn_more3 {display:block; width:50px; height:50px; overflow:hidden; text-indent:-9999px; position:absolute; top:20px;right: 20px;border-radius: 50%;background: #ededed;} #subtab .btn_more3:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/btn_more.png) no-repeat center ; 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:#ec6c00 !important; } #subtab1 li.on {color:#000 !important; font-family: 'Noto Sans KR', sans-serif !important;} #subtab1 li:before{width: 198px;left: 29px;top: 78px;display: block;content: "";height: 4px;background:none;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-left: 10px;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{border:1px solid #ec6c00;text-decoration:none;background:#fff; color:#ec6c00 !important; } #subtab2 li:hover{border:1px solid #ec6c00; background: #ec6c00; color:#fff !important; } .notiArea {position:relative;width: 100%;margin:0px 20px 45px auto;display:block;overflow:hidden;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;} .notiA {margin:0px; padding:0px;display:block;position:relative; } .notiA:after {clear:both; content:''; display:block;} .notiA li{float:left;width: 25.2%;height:240px;padding:40px;position:relative;} .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:#ec6c00; } .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:#ec6c00; *//* 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 li{float:left;width: 100%;height:40px;padding:0px;position:relative;} .notiB li a {display: inline-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;width: 280px;} .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:block; */height:28px;line-height:28px;letter-spacing:0px;/* margin-top:15px; */} .notiB li a:hover { color:#fff; border-color:#ec6c00; } .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:#ec6c00; *//* 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 0px auto;display:block;overflow:hidden;padding:29px;border: 1px solid #d8d8d8;background: #fff;float: left;border-radius: 20px;} .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 {} .moveA li a .txtA {float:left;width:380px;} .moveA li a .sbj {color:#333;font-size:25px;line-height:35px;width: 350px;letter-spacing:-0.5px;margin: 0px 20px 20px 0px; font-weight: 500;} .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: 18px;color: #757575;font-size: 19px;background: url(/img/time1.png) no-repeat left center;padding-left: 25px;height: 35px;/* float: right; */line-height: 16px;} .moveA li a:hover { color:#ec6c00; border-color:#ec6c00; } .moveA li a:hover .sbj {color:#ec6c00 !important; } #moveAX {float:right;width: 505px;height:336px;margin:0px;padding:0px;background: #ddd;border-radius: 20px;} #moveAX li{display:block;font-size: 30px;font-weight: 500;text-align: center;} .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:#f9f9f9; padding:90px 0px; display:block; overflow:hidden; } .gallArea h3 {display:block; text-align:center; color:#000; font-size:38px; line-height:1.3;font-weight:700; letter-spacing:-0.5px; margin-bottom:5px;} .gallArea h4{display:block; text-align:center; font-weight:400; color:#8a8a8a; margin-bottom:35px;} .gallArea .photo{ position: relative;font-size: 18px;color: #494949;font-weight: 300;padding-bottom: 35px;letter-spacing: -0.5px;text-align: center;} .gallArea a.more {position: absolute;right: 0;top:-10px;width: 70px;height: 28px;line-height: 28px;font-size: 16px;color: #676767;/* background: #676767; */text-align: center;/* font-weight: 300; */letter-spacing: -0.5px;border: 1px solid #ddd;border-radius: 30px;padding: 2px 15px;background: #fff;} .gallArea a.more:hover {background: #ec6c00;color: #fff;border: 1px solid #ec6c00;} .gallArea1 {position:relative; width:100%;padding:90px 0px; display:block; overflow:hidden; /* background:url(/img/main/bg3.png) no-repeat right 90px */} .gallArea1 h3 {display:block; text-align:center; color:#000; font-size:38px; line-height:1.3;font-weight:700; letter-spacing:-0.5px; margin-bottom:5px;} .gallArea1 h4{display:block; text-align:center; font-weight:400; color:#8a8a8a; margin-bottom:35px;} .gallArea1 .photo{ position: relative;font-size: 18px;color: #494949;font-weight: 300;padding-bottom: 35px;letter-spacing: -0.5px;text-align: center;} .gallArea1 a.more {position: absolute;right: 0;top:-10px;width: 70px;height: 28px;line-height: 28px;font-size: 16px;color: #676767;/* background: #676767; */text-align: center;/* font-weight: 300; */letter-spacing: -0.5px;border: 1px solid #ddd;border-radius: 30px;padding: 2px 15px;background: #fff;} .gallArea1 a.more:hover {background: #ec6c00;color: #fff;border: 1px solid #ec6c00;} .gallArea2 {padding:50px 0px; } .gallArea3 {padding:0px 0px 80px 0px} .gallA {margin:0px; padding:0px;display:block;position:relative; } .gallA:after {clear:both; content:''; display:block;} .gallA li{ float:left; width:332px; overflow:hidden;margin-left:24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .gallA li:first-child { margin-left:0px;} .gallA li .imgA {width:100%; height:180px;position:relative; display:block; overflow:hidden;border-radius: 20px; } .gallA li .imgA:before {position:absolute; top:0px; left:0px; width:100%; height:100%; border:1px solid #000;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;border-radius: 20px;} .gallA li .txtA {padding-top: 20px;} .gallA li .txtA .sbj{font-weight:600;color:#212121;font-size:23px;line-height:26px;height: 29px;overflow:hidden;letter-spacing:-0.5px;margin-bottom: 25px;/* height: 30px; */} .gallA li .date{ color: #888;background: url(/img/time1.png) no-repeat left center;padding-left: 25px;height: 26px;} .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:#ec6c00} .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; } .09098bname span {color:#777 !important;height:70px !important;overflow: hidden !important;} .gallA li .imgA img{width: 100%;height: 100%;} .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;background:#f5f5f5; margin:0px auto 0px auto; } .mSitelinkA .else { width:1400px; margin:0px auto; overflow:hidden;color: #333;} .mSitelinkA ul{margin:0px 0px 0px 0px; padding:0px; display:block; transform: none !important;width: 100% !important;} .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:233px !important;} .mSitelinkA #prevBtn{position:absolute;left:50%; margin-left:-680px;top:90px; 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:90px; 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 { max-width: 1400px !important;width:1400px !important; height: 200px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #ft {margin-top:0px;} /* 주요행사일정 */ #mboardTab {height:90px;} #mboardTab dt {display:none;} .mnotice-wr {position:relative;background-color:#ec6c00;color:#fff;z-index:2; height: 90px;} .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;margin-bottom: 5px;} .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} #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;background: url(/img/main/bg4.png) left 230px no-repeat;width:100%;padding:40px 0px;height: 415px;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 .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;line-height: 36px;padding:0px 30px 15px 110px;border-radius: 20px !important;font-weight: 400; font-size: 18px;} .sbMusArea .btnA a{padding: 0px 0px 10px 30px;background: url(/img/b4.png) no-repeat 0px 7px; color: #fff;} .sbMusArea .btnA :hover { color:#ec6c00} .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;} .mnotice-wr .slide_control { position: absolute; left: 225px; right: auto; top: 31px; } .mnotice-wr .slide_control button.button { position: relative; width: 30px; height: 30px; border: 1px solid #ffffff; font-size: 0; border-radius: 5px; } .mnotice-wr .slide_control button.button:before, .mnotice-wr .slide_control button.button:after{content: '';display:inline-block;} .mnotice-wr .slide_control button.prev:before, .mnotice-wr .slide_control button.next:before { content: ""; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; border-color: #3f3800; border-style: solid; border-width: 0 0 2px 2px; } .mnotice-wr .slide_control button.prev:before { transform: translate(-50%,-50%) rotate(45deg); } .mnotice-wr .slide_control button.next:before { transform: translate(-50%,-50%) rotate(222deg); } .mnotice-wr .slide_control button.stop:before { width: 3px; height: 9px; box-shadow: -2px 0 #3f3800, 2px 0 #3f3800; } .mnotice-wr .slide_control button.play{display:none;} .mnotice-wr .slide_control button.play:before { right: -3px; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent transparent transparent #7f7f7f; } .mnotice-wr .m-tit1 { position: absolute; left: 0px; top:34px; font-weight: 500; font-size: 1.1em; letter-spacing: -.05em } .mnotice-wr .m-tit2 { position: absolute; right: 0px; top:32px; font-weight: 500; font-size: 1.1em; letter-spacing: -.05em;padding-left: 30px;background: url(/img/time.png) no-repeat left center } .pott {color:#ec6c00 !important;} .wrap11 { background: url(/img/main/bg2.png) no-repeat -80px bottom;height: 300px;} .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; } .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: #ec6c00; margin: 0px 0 40px 50px; line-height: 40px; text-align: center; border-radius: 30px; border: 1px solid #ec6c00; 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: #ec6c00;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: #ec6c00; color: #fff; } .sbMusArea ul li:nth-child(3) .mQuickA_txt p{color: #000; } .shdw { overflow: hidden; border: 1px solid #dddddd; background: #f5f5f5; border-radius: 20px; } .sbMusArea ul li:nth-child(3) .mQuickA_txt > a:hover { background: #ec6c00; color: #fff; } /*새글*/ .lat {position:relative;margin-bottom:20px;overflow:hidden;background:#fff} .lat .lat_title {display:block;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc} .lat .lat_title a{color:#253dbe;display:inline-block;position:relative} .lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''} .lat ul{} .lat .li {position:relative;line-height:18px;padding:3px 0;padding-right:50px;padding-left:10px; border: 1px solid #ddd;margin-right:37px;padding: 40px;border-radius: 20px;min-height:230px;} .lat .li strong{font-size: 24px;line-height: 70px;color: #333;overflow: hidden;height: 70px;display: block;} .lat .li span {font-size: 20px;line-height: 30px; height: 60px;overflow: hidden;display: block;} /*.lat .li:before{display:none;position: absolute;top: 12px;left: 0px;width: 4px;height: 4px;content: '';border-radius: 50%;}*/ .lat .li a:hover{color:#a22121} /*.lat .li .fa-heart{color:#ff0000;}*/ .lat .li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce} .lat .li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;} .lat .li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;} .lat .li .fa-caret-right{color:#bbb} .lat .lt_date{position:absolute;bottom: 40px;left: 40px;color:#888;background: url(/img/time1.png) no-repeat left center;padding-left: 25px;height: 31px !important;} .lat .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;} .lat .empty_li:before{background:none;padding:0} .lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px; -webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); -moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);} .lat .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;} .lat .lt_more:hover{color:#777} .lat .li:last-child {margin-right: 0px} .lat .li .youtube { color: #fff; background:#ec6c00; width: 37px; text-align: center; padding: 8px 7px; border-radius: 20px; margin: 0px 0px 4px 0px; font-weight: 500; line-height: 12px; font-size: 16px; } .notiArea1 { position: relative; width: 434px; margin: 0px 30px 0px auto; display: block; overflow: hidden; padding: 29px; border: 1px solid #d8d8d8; background: #fff; float: left; border-radius: 20px; } .notiArea1:last-child {margin: 0px 0px 0px auto;} .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; } .showcase-content{ position: relative; background: #333; display: inline-block; width: 352px; height: 332px; border-radius: 20px; text-align: center; font-size: 30px; font-weight: 500; float: left; margin: 0px 30px 0px auto; color: #fff;} .showcase-content iframe{border-radius: 20px;} .showcase-content video{border-radius: 20px;} .showcase-content p {position:absolute;left:20px;top:20px;z-index:10;font-size:24px;}