#mVisualA {position:relative; width:100%;height:910px; margin:0 auto; overflow:hidden;} #showcase{position:relative;} #showcase .showcase-onepage .showcase-content{} #showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:20px; right:30px; text-align:right; z-index:11;} #showcase .showcase-button-wrapper span{float:left; width:14px; height:14px; margin-left:7px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:14px; background:url(/img/btn_off.png) left center no-repeat ;} #showcase .showcase-button-wrapper span.active{width:14px; height:14px; background:url(/img/btn_on.png) left top no-repeat;} #showcase .showcase-arrow-next {position:absolute; top:410px;outline:0; width:80px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;left:30px; background:url(/img/main/prev_next_btn.png) no-repeat 0 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} #showcase .showcase-arrow-previous{position:absolute; top:410px; outline:0; width:80px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;right:30px; background: url(/img/main/prev_next_btn.png) no-repeat -80px 0; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase .showcase-arrow-next:hover, #showcase .showcase-arrow-previous:hover {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #showcase .showcase-content-container { height: 930px !important} #showcase #showcase-content-0 { height: 930px !important} #showcase .mpimg { height: 930px !important} #donationA {position:absolute; top:80px; left:50%; margin-left:40px; width:400px; height:210px; padding:30px 30px;display:block; background:url(/img/bg_white80.png) left top repeat;z-index:10; } #donationA h3 {color:#1b1b1b; font-size:24px; font-weight:normal; font-family:'nanum-square-b'; letter-spacing:-1px; line-height:180%;} #donationA h4 {color:#1b1b1b; font-size:18px; font-weight:normal;line-height:30px;font-family:'nanum-square-r';} #donationA p{color:#626262; font-size:16px; margin-top:17px;} #donationA p strong {letter-spacing:0px; font-weight: 700;} #donationA .btnA {display:block; margin-top:18px;} #donationA .btnA a{display:inline-block; width:195px; height:50px; background:#1fa2f5; color:#fff; font-size:15px; line-height:50px; text-align:center;} #donationA .btnA a:first-child {margin-right:10px;} #donationA .btnA a:hover {background:#016acc; color:#d6eafc; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #loginA{background:#f8f8f8; border-bottom:1px solid #e5e5e5; height:55px; padding:15px 0px; overflow:hidden;margin-bottom:30px;} .mNewbbsA {display:block; height:230px; overflow:hidden; margin:0 auto;} .mNewbbsA .shareA {float:left;display:block; width:320px; height:230px; overflow:hidden; margin-right:20px; background:#000;position:relative;} .mNewbbsA .openA {float:left; display:block;width:320px; height:230px; overflow:hidden; margin-right:20px; background:#000; position:relative;} .mNewbbsA .gallA {float:left; display:block;width:320px; height:230px; overflow:hidden; background:#000; position:relative;} .mNewbbsA a{ display:block; width:320px; height:230px; overflow:hidden;text-align:left; } .mNewbbsA .bonameA {position:absolute; top:120px;left:30px; width:260px; color:#fff; line-height:20px; z-index:2;font-size:14px; background } .mNewbbsA .bonameA span {display:inline-block; background:url(/img/bg_boname.jpg) left bottom repeat-x;height:40px; line-height:40px;} .mNewbbsA .imgbd {position:absolute; top:0px; left:0px; z-index:1;width:320px; height:230px;background: url(/img/i_imgbd.png) left bottom no-repeat; } .mNewbbsA .imgA {width:320px; height:230px; background:#000;overflow:hidden;} .mNewbbsA a .thimg{opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); -webkit-transform:scale(1.00); transform:scale(1.00); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mNewbbsA a:hover .thimg{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); -webkit-transform:scale(1.04); transform:scale(1.04); } .mNewbbsA a .sbjA {position:absolute; top:170px; left:30px; display:block; width:260px; height:79px; padding:0px ; color:#fff; overflow:hidden; letter-spacing:-0.5px;border-top:none; } .mNewbbsA a .sbjA span {display:block;font-size:14px; color:#707070; padding:15px 0px 8px 0px; line-height:16px; height:16px; overflow:hidden;} .mNewbbsA a .sbjA .sbj {font-size:16px; line-height:28px; height:28px; overflow:hidden;} .bannerA {float:right; position:relative; overflow:hidden; width:620px; } .bannerA ul {background: #ffffff} .bannerA ul li {float: left;margin-right: 18px;width: 295px;margin-right: 30px;margin-bottom: 30px;} .bannerA ul li:last-child {margin-right: 0px} .bannerA ul li .imgA img{width:295px;height:200px;} .bannerA ul li:nth-child(2n) {margin-right: 0;} .bannerA .sbjA { width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.3;height: 2.625rem;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 1.1rem;color: #000;font-weight: 400;margin-top: 10px;} .bannerA .dateA {color:#777777;} #showcase2{position:relative;margin-top: 10px;width: 512px !important;} #showcase2 .showcase-content{width:512px !important} #showcase2 .showcase-button-wrapper{clear:both; position:absolute; bottom:15px; right:20px; text-align:right; z-index:11;} #showcase2 .showcase-button-wrapper span{float:left; width:14px; height:14px; margin-left:7px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:14px; background:url(/img/off.png) left center no-repeat ;} #showcase2 .showcase-button-wrapper span.active{width:24px; height:14px; background:url(/img/on.png) left top no-repeat;} .bx-default-pager {display:none;} .bx-prev {position:absolute; z-index:9; top:123px; left:0px; width:54px; height:54px; background:url(/img/btn_prev_next.png) 0px 0px no-repeat; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .bx-prev:hover {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .bx-next {position:absolute; z-index:9; top:123px; right:0px; width:54px; height:54px; background:url(/img/btn_prev_next.png) -55px 0px no-repeat; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .bx-next:hover {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .tabCont {clear:both;height:207px; padding:15px 15px 0px 20px; overflow:hidden;margin:0px;} .notiA li{ list-style:none; height:38px; line-height:38px; overflow:hidden; font-size:15px; position:relative; padding:0px 80px 0px 0px; letter-spacing:-1px;} .notiA li a{color:#313131; display:block;} .notiA li a:hover {color:#369b89; text-decoration:underline; } .notiA li .date{position:absolute; right:0px; top:0px; height:38px; line-height:38px; overflow:hidden; color:#a0a0a0; font-size:14px; text-align:right; letter-spacing:0px; } .notiA li .cate {display:inline-block; background:#369b89; color:#fff; padding:0px 3px; height:28px; line-height:28px; margin:5px 5px 5px 0px;} .notiA li strong {font-weight:normal; } .movieA {float:left; position:relative; overflow:hidden; width:600px; height:220px; padding:30px; background:#0060b9;} #showcase3{position:relative;} #showcase3 .showcase-onepage .showcase-content{} #showcase3 .showcase-button-wrapper{clear:both; position:absolute; bottom:0px; left:0px; text-align:left; z-index:11;} #showcase3 .showcase-button-wrapper span{float:left; width:14px; height:14px; margin-right:5px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:14px; background:url(/img/off.png) left center no-repeat ;} #showcase3 .showcase-button-wrapper span.active{width:24px; height:14px; background:url(/img/on.png) left top no-repeat;} dl.flmov {display:block; width:600px; height:220px; overflow:hidden; background:#0060b9;} dl.flmov:after {clear:both; content:''; display:block;} dl.flmov dt {float:left; width:210px; margin-right:30px; display:inline-block;} dl.flmov dt .sbj {margin-top:20px;color:#fff; font-size:16px; line-height:160%;font-family: 'NotoKrM';} dl.flmov dt .bott {} dl.flmov dt .bott span {display:inline-block; border-bottom:2px solid #fff;line-height:16px; height:16px; padding-bottom:8px;color:#fff; font-size:15px; } dl.flmov dd {float:right; width:360px; height:220px; display:inline-block;position:relative; } dl.flmov dd .memo {color:#fff; font-size:14px; line-height:28px; text-align:justify; opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); } dl.flmov dd .playbtn {position:absolute; width:70px; height:70px; top:75px; left:145px; z-index:5; display:block; background:url(/img/main/btm_play.png) center no-repeat;} .quickA{float:left; position:relative; overflow:hidden; width:100%; } .quickA ul{list-style:none; margin:0px; padding:0px;} .quickA li {float: left; width:290px; height:360px;background:#fff;margin-right:37px; } .quickA li:last-child{margin-right:0px;} .quickA li a {display:block;width:290px; height:360px; color:#fff; opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;padding: 50px 0px 0px 45px;} .quickA li a:hover {opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); } .quickA li a.qbg1 {background:url(/img/main/bg_quick01.jpg) left top no-repeat;} .quickA li a.qbg2 {background:url(/img/main/bg_quick02.jpg) left top no-repeat;} .quickA li a.qbg3 {background:url(/img/main/bg_quick03.jpg) left top no-repeat;} .quickA li a.qbg4 {background:url(/img/main/bg_quick04.jpg) left top no-repeat;} .quickA li a h3 {padding:26px 0px 10px 0px; font-size:24px; line-height:28px; font-weight:normal;font-family: 'NotoKrM';} .quickA li a p{font-size:15px; padding:11px 0px 60px 0px; line-height:24px;} .quickA li a span{position:relative; display:inline-block; height:47px; line-height:45px; padding:0 60px 0 25px; border:1px solid rgba(255,255,255,0.2); font-size:14px;} .quickA li a span i{position:absolute; width:3px; height:3px; border-radius:3px; right:25px; top:50%; margin-top:-1.5px; background:#fff;} .quickA li a span i::before, .quickA li a span i::after{position:absolute; content:''; display:inline-block; width:inherit; height:inherit; border-radius:inherit; background:inherit; top:0;} .quickA li a span i::before{left:-6px;} .quickA li a span i::after{right:-6px;} /* �ƿ�α��� ��Ų */ .ol {position:relative;padding:0px;} .ol h2 {margin:0;padding:0;width:0px;height:0px;font-size:0;line-height:0; text-indent:-99999px;overflow:hidden} .ol ul {margin:0;padding:0;list-style:none} #ol_before {} #ol_before fieldset {position:relative} .idinpA {float:left; margin-right:20px; width:320px; height:45px; margin-top:5px;display:block;} .pwinpA {float:left; margin-right:20px; width:320px;height:45px; margin-top:5px; display:block;} .ol_idlabel {display:none; position:absolute;top:6px;left:5px;color:#333;font-size:0.95em} .ol_pwlabel {display:none;position:absolute;top:35px;left:5px;color:#333;font-size:0.95em} .mloginp {width:318px;height:43px;border:none;background:#fff; border:1px solid #e5e5e5; color:#7d7d7d;line-height:43px; text-indent:10px;} #ol_svc {float:left; text-align:left;} #ol_password_lost {display:inline-block;margin:5px 0px 0px 0px} #ol_svc a {display:inline-block; font-size:14px; line-height:14px; height:14px;color:#7d7d7d; padding:5px 0px 0px 0px;letter-spacing:-0.5px;} #ol_svc a:first-child {border-left:none;} #ol_auto {display:block;} #ol_auto label {letter-spacing:-0.1em; font-size:14px; line-height:14px; height:14px;color:#7d7d7d; margin-right:5px; } #ol_auto input {width:13px;height:13px;vertical-align:middle} #auto_login {} #auto_login_label {letter-spacing:-0.1em} #ol_submit {position:absolute; right:0px; top:0px; display:block;padding:0;width:168px; height:53px;border:1px solid #016acc;background:#016acc;color:#fff; font-size:15px;text-decoration:none;line-height:53px;cursor:pointer;vertical-align:middle} #ol_before a {} #ol_after {margin-top:7px;} #ol_after_hd {float:left; text-align:left; line-height:42px; height:42px;} #ol_after_hd .name {font-size:16px; color:#666; padding:0px 0px 15px 0px;} #ol_after_hd strong {font-weight:normal; font-family: 'NotoKrM'; color:#1b1b1b; font-size:17px; } .ol_after_btn {display:block; margin:0px 0px 0px 0px; float:right; text-align:right;} .ol_after_btn ul:after {clear:both; content:''; display:block;} .ol_after_btn li {float:left;width:116px; margin-left:1px; text-align:center;} .ol_after_btn li:first-child {margin-left:0px;} .ol_after_btn li a{display:block; height:42px; line-height:42px; background:#334751; color:#fff;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .ol_after_btn li a:hover {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .ol_after_club {display:block; margin:7px 0px 0px 0px; text-align:center;} .ol_after_club a{display:block; height:32px; line-height:32px; border:1px solid #d9d9d9; background:#fff; color:#334751;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .ol_after_club a:hover {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .ol a.btn_admin {display:inline-block;padding:0 10px;height:42px; line-height:42px; border:0px; background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* ������ ���� ��ư */ .ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none} /* ��� ȸ������ �� ��ũ */ #tsiteA {float:left; } #tsiteA a {display:inline-block;padding:0 25px;height:34px;color:#a0a0a0;letter-spacing:0px;line-height:34px; font-size:14px;letter-spacing:-1px; overflow:hidden; border-right:1px solid #dcdcdc;} #tsiteA a.fir {border-left:1px solid #dcdcdc;} #tsiteA a.on {color:#313131; font-family:'NotoKrM'; background:#fff;} #tnb {position:relative; margin-top:5px !important;padding:0; height:34px;list-style:none;zoom:1; font-family:'NotoKrR';margin-right: 300px !important;} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:left;margin:0px; font-size:13px; background:none} #tnb li:first-child {background:none;} #tnb a {display:inline-block;padding:0 10px;height:34px;color:#ffffff;letter-spacing:0px;line-height:34px;font-size:14px; overflow:hidden;} #tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none;} #tnb .tnb_f a {padding:0;} #tnb img {margin-right:3px} .tsearchA {position:absolute; right:30px; top:6px;} .tsearchA #sch_submit{} /* ���θ޴� */ #gnb {display:block; width:100%; margin:0 auto; font-family: 'nanum-square-b'; z-index:99999;} #gnb_bg{ padding:0px;} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .gnb_1dli {z-index:99999;float:left;} .gnb_1da {display:inline-block;text-align:center; width:200px; color:#333 !important;font-size:19px; line-height:55px;text-decoration:none; letter-spacing:0px;} .gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#6ac5ff !important;} .gnb_1dli_air .gnb_1da {color:#6ac5ff !important; } .gnb_1dli_on .gnb_1da {color:#6ac5ff !important; } /* 161226 .gnb_1dli_air .gnb_1da {color:#08beb0 !important; background:url(/img/menu_on.png) center bottom -2px no-repeat} .gnb_1dli_on .gnb_1da {color:#08beb0 !important; background:url(/img/menu_on.png) center bottom -2px no-repeat} */ .gnb_2dul {display:none;position:absolute;top:55px ;width:200px;z-index:999999;} .gnb_2da {display:block;padding:10px 20px;text-align:left;text-decoration:none;z-index:99999;} .gnb_1dli_air .gnb_2da {background-color:#333;color:#fff} .gnb_1dli_on .gnb_2da {background-color:#333;color:#fff} .gnb_2da:focus, .gnb_2da:hover {text-decoration:none; display:block;z-index:99999;} .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff} .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff; color:#333;} .gnb_3dul {z-index:999999;} .gnb_3da {display:block;padding:5px 20px;text-align:left;text-decoration:none;z-index:99999;background-color:#555; color:#f2f2f2 !important;} .gnb_3da:focus, .gnb_3da:hover{background-color:#888;color:#fff} #snb_wrap {position:absolute; top:128px; left:0px; width:100%;min-width:1000px; z-index:99999; padding:0px; background:#ffffff; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display:none; overflow:hidden;} #snb_wrap .snb {} #snb_wrap .snb ul li {height:32px; font-size:14.5px; line-height:32px !important;letter-spacing:-0.5px; font-family:'NotoKrR';} .snb dd{position:relative; text-align:center;} .snb dd.snb01 div {display:block; float:left; overflow:hidden; padding:10px 0 30px 0;} .snb .ssnb01{width:200px;} .snb .ssnb02{width:199px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb03{width:199px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb04{width:199px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb05{width:199px; height:200px; border-left:1px solid #e5e5e5;} .snb .snb01 a {display:block;color:#707070;} .snb .snb01 a:hover {color:#026acd;text-decoration:underline;} .gnbFixed {position: fixed;top: 0px; } #gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em} #gnb_empty a {text-decoration:underline} /* �߰� ���̾ƿ� */ #wrapper {position:relative; z-index:0;margin:0 auto;width:100%; zoom:1; } .wrap {margin:0 auto; width:1280px;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper .snsQ {display:block;width:160px;position:fixed;top:160px;left:50%;margin-left:560px;z-index:9999;} #wrapper .snsQ a {display:block;}#mVisualA {position:relative; width:100%;height:930px; margin:0 auto; overflow:hidden;border-bottom: 1px solid #dddddd;} #mVisualA .mvisual_txt {position:absolute; z-index:10; width:505px; top :240px; left:43%; margin-left:-500px; color:#282828; letter-spacing:-1px;} #mVisualA .mvisual_txt span{display:block; font-size:26px; line-height:48px; font-family:'AritaBuri' } #mVisualA .mvisual_txt p{display:block; font-size:50px; line-height:48px; font-family:'AritaBuri'; margin:10px 0px 60px 0px } #mVisualA .mvisual_txt p strong {font-weight:700; font-family:'AritaBuri';color: #0052a8;letter-spacing: -3px; } #showcase{position:relative;} #showcase .showcase-onepage .showcase-content{} #showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:20px; right:30px; text-align:right; z-index:11;} #showcase .showcase-button-wrapper span{float:left; width:14px; height:14px; margin-left:7px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:14px; background:url(/img/btn_off.png) left center no-repeat ;} #showcase .showcase-button-wrapper span.active{width:14px; height:14px; background:url(/img/btn_on.png) left top no-repeat;} #showcase .showcase-arrow-next {position:absolute; top:410px;outline:0; width:80px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;left:30px; background:url(/img/main/prev_next_btn.png) no-repeat 0 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} #showcase .showcase-arrow-previous{position:absolute; top:410px; outline:0; width:80px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;right:30px; background: url(/img/main/prev_next_btn.png) no-repeat -80px 0; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase .showcase-arrow-next:hover, #showcase .showcase-arrow-previous:hover {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #showcase .showcase-content-container { height: 930px !important} #showcase #showcase-content-0 { height: 930px !important} #showcase .mpimg { height: 930px !important} #donationA {position:absolute; top:80px; left:50%; margin-left:40px; width:400px; height:210px; padding:30px 30px;display:block; background:url(/img/bg_white80.png) left top repeat;z-index:10; } #donationA h3 {color:#1b1b1b; font-size:24px; font-weight:normal; font-family:'nanum-square-b'; letter-spacing:-1px; line-height:180%;} #donationA h4 {color:#1b1b1b; font-size:18px; font-weight:normal;line-height:30px;font-family:'nanum-square-r';} #donationA p{color:#626262; font-size:16px; margin-top:17px;} #donationA p strong {letter-spacing:0px; font-weight: 700;} #donationA .btnA {display:block; margin-top:18px;} #donationA .btnA a{display:inline-block; width:195px; height:50px; background:#1fa2f5; color:#fff; font-size:15px; line-height:50px; text-align:center;} #donationA .btnA a:first-child {margin-right:10px;} #donationA .btnA a:hover {background:#016acc; color:#d6eafc; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #loginA{background:#f8f8f8; border-bottom:1px solid #e5e5e5; height:55px; padding:15px 0px; overflow:hidden;margin-bottom:30px;} .mNewbbsA {display:block; height:230px; overflow:hidden; margin:0 auto; margin-top: 60px;} .mNewbbsA .shareA {float:left;display:block; width:320px; height:230px; overflow:hidden; margin-right:20px; background:#000;position:relative;} .mNewbbsA .openA {float:left; display:block;width:320px; height:230px; overflow:hidden; margin-right:20px; background:#000; position:relative;} .mNewbbsA .gallA {float:left; display:block;width:320px; height:230px; overflow:hidden; background:#000; position:relative;} .mNewbbsA a{ display:block; width:320px; height:230px; overflow:hidden;text-align:left; } .mNewbbsA .bonameA {position:absolute; top:120px;left:30px; width:260px; color:#fff; line-height:20px; z-index:2;font-size:14px; background } .mNewbbsA .bonameA span {display:inline-block; background:url(/img/bg_boname.jpg) left bottom repeat-x;height:40px; line-height:40px;} .mNewbbsA .imgbd {position:absolute; top:0px; left:0px; z-index:1;width:320px; height:230px;background: url(/img/i_imgbd.png) left bottom no-repeat; } .mNewbbsA .imgA {width:320px; height:230px; background:#000;overflow:hidden;} .mNewbbsA a .thimg{opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); -webkit-transform:scale(1.00); transform:scale(1.00); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mNewbbsA a:hover .thimg{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); -webkit-transform:scale(1.04); transform:scale(1.04); } .mNewbbsA a .sbjA {position:absolute; top:170px; left:30px; display:block; width:260px; height:79px; padding:0px ; color:#fff; overflow:hidden; letter-spacing:-0.5px;border-top:none; } .mNewbbsA a .sbjA span {display:block;font-size:14px; color:#707070; padding:15px 0px 8px 0px; line-height:16px; height:16px; overflow:hidden;} .mNewbbsA a .sbjA .sbj {font-size:16px; line-height:28px; height:28px; overflow:hidden;} .mBanNotiA {height:680px; margin:0 auto;padding: 120px 0 90px; line-height: normal;} .bx-default-pager {display:none;} .bx-prev {position:absolute; z-index:9; top:123px; left:0px; width:54px; height:54px; background:url(/img/btn_prev_next.png) 0px 0px no-repeat; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .bx-prev:hover {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .bx-next {position:absolute; z-index:9; top:123px; right:0px; width:54px; height:54px; background:url(/img/btn_prev_next.png) -55px 0px no-repeat; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .bx-next:hover {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .noticeA{float:left; position:relative; width:calc(640px - 20px - 108px); height:580px;background: #edf0f3;padding: 72px 50px 40px; } .sub_tab { height:53px; overflow:hidden; margin-bottom:0px; letter-spacing:-1px; border-bottom:1px solid #313131; } .sub_tab ul{padding:0px; margin:0px;} .sub_tab ul::after {clear:both; content:""; display:block;} .sub_tab li{list-style-type:none; float:left; padding:0px 40px; height:53px;display:inline;overflow:hidden; margin:0px; } .sub_tab li:first-child {padding:0px 40px 0px 10px;} .sub_tab li a{display:block; height:53px; line-height:53px; text-decoration:none;font-size:17px; color:#1b1b1b !important; text-align:center;overflow:hidden; } .sub_tab li a span {padding:0px 10px;} .sub_tab li a:hover{ text-decoration:none; } .sub_tab li.on { } .sub_tab li.on a{padding-top:10px; padding-bottom:10px; height:33px; line-height:33px;} .sub_tab li.on a span { display:block;background:#313131; color:#fff !important; height:33px; line-height:33px; } .sub_tab .btnmore {position:absolute; right:15px; top:15px; } .sub_tab .btnmore a{display:block; width:26px; height:26px;text-indent:-99999px; background:url(/img/main/btn_more_b.png) center no-repeat #ffffff;} .dept02_tit {font-size: 3rem;font-family: 'GmarketSansMedium';position: absolute;left: 3.25rem;top: -41px;color: #000; font-weight: 800;} .notiA li{ list-style:none; height:38px; line-height:38px; overflow:hidden; font-size:15px; position:relative; padding:0px 80px 0px 0px; letter-spacing:-1px;} .notiA li a{color:#313131; display:block;} .notiA li a:hover {color:#0052a8; text-decoration:underline; } .notiA li .date{position:absolute; right:0px; top:0px; height:38px; line-height:38px; overflow:hidden; color:#a0a0a0; font-size:14px; text-align:right; letter-spacing:0px; } .notiA li .cate {display:inline-block; background:#ffffff; color:#313131; padding:0px 3px; height:28px; line-height:28px; margin:5px 15px 5px 0px;} .notiA li strong {font-weight:normal; } .mMovQuiA{display:block;overflow:hidden;padding: 80px 0 230px 0;background: #f2f7fd;} .mMovQuiA sup{font-size:17px; color:#686A7F; font-weight:700; font-family: 'Poppins Bold';} .mMovQuiA h2{margin-top:10px; margin-bottom:50px; font-size:30px; color:#111; letter-spacing:-1px; line-height:1.25;} .mMovQuiA h2 em {font-style: normal;} .movieA {float:left; position:relative; overflow:hidden; width:600px; height:220px; padding:30px; background:#0060b9;} #showcase3{position:relative;} #showcase3 .showcase-onepage .showcase-content{} #showcase3 .showcase-button-wrapper{clear:both; position:absolute; bottom:0px; left:0px; text-align:left; z-index:11;} #showcase3 .showcase-button-wrapper span{float:left; width:14px; height:14px; margin-right:5px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:14px; background:url(/img/off.png) left center no-repeat ;} #showcase3 .showcase-button-wrapper span.active{width:24px; height:14px; background:url(/img/on.png) left top no-repeat;} dl.flmov {display:block; width:600px; height:220px; overflow:hidden; background:#0060b9;} dl.flmov:after {clear:both; content:''; display:block;} dl.flmov dt {float:left; width:210px; margin-right:30px; display:inline-block;} dl.flmov dt .sbj {margin-top:20px;color:#fff; font-size:16px; line-height:160%;font-family: 'NotoKrM';} dl.flmov dt .bott {} dl.flmov dt .bott span {display:inline-block; border-bottom:2px solid #fff;line-height:16px; height:16px; padding-bottom:8px;color:#fff; font-size:15px; } dl.flmov dd {float:right; width:360px; height:220px; display:inline-block;position:relative; } dl.flmov dd .memo {color:#fff; font-size:14px; line-height:28px; text-align:justify; opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); } dl.flmov dd .playbtn {position:absolute; width:70px; height:70px; top:75px; left:145px; z-index:5; display:block; background:url(/img/main/btm_play.png) center no-repeat;} /* 아웃로그인 스킨 */ .ol {position:relative;padding:0px;} .ol h2 {margin:0;padding:0;width:0px;height:0px;font-size:0;line-height:0; text-indent:-99999px;overflow:hidden} .ol ul {margin:0;padding:0;list-style:none} #ol_before {} #ol_before fieldset {position:relative} .idinpA {float:left; margin-right:20px; width:320px; height:45px; margin-top:5px;display:block;} .pwinpA {float:left; margin-right:20px; width:320px;height:45px; margin-top:5px; display:block;} .ol_idlabel {display:none; position:absolute;top:6px;left:5px;color:#333;font-size:0.95em} .ol_pwlabel {display:none;position:absolute;top:35px;left:5px;color:#333;font-size:0.95em} .mloginp {width:318px;height:43px;border:none;background:#fff; border:1px solid #e5e5e5; color:#7d7d7d;line-height:43px; text-indent:10px;} #ol_svc {float:left; text-align:left;} #ol_password_lost {display:inline-block;margin:5px 0px 0px 0px} #ol_svc a {display:inline-block; font-size:14px; line-height:14px; height:14px;color:#7d7d7d; padding:5px 0px 0px 0px;letter-spacing:-0.5px;} #ol_svc a:first-child {border-left:none;} #ol_auto {display:block;} #ol_auto label {letter-spacing:-0.1em; font-size:14px; line-height:14px; height:14px;color:#7d7d7d; margin-right:5px; } #ol_auto input {width:13px;height:13px;vertical-align:middle} #auto_login {} #auto_login_label {letter-spacing:-0.1em} #ol_submit {position:absolute; right:0px; top:0px; display:block;padding:0;width:168px; height:53px;border:1px solid #016acc;background:#016acc;color:#fff; font-size:15px;text-decoration:none;line-height:53px;cursor:pointer;vertical-align:middle} #ol_before a {} #ol_after {margin-top:7px;} #ol_after_hd {float:left; text-align:left; line-height:42px; height:42px;} #ol_after_hd .name {font-size:16px; color:#666; padding:0px 0px 15px 0px;} #ol_after_hd strong {font-weight:normal; font-family: 'NotoKrM'; color:#1b1b1b; font-size:17px; } .ol_after_btn {display:block; margin:0px 0px 0px 0px; float:right; text-align:right;} .ol_after_btn ul:after {clear:both; content:''; display:block;} .ol_after_btn li {float:left;width:116px; margin-left:1px; text-align:center;} .ol_after_btn li:first-child {margin-left:0px;} .ol_after_btn li a{display:block; height:42px; line-height:42px; background:#334751; color:#fff;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .ol_after_btn li a:hover {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .ol_after_club {display:block; margin:7px 0px 0px 0px; text-align:center;} .ol_after_club a{display:block; height:32px; line-height:32px; border:1px solid #d9d9d9; background:#fff; color:#334751;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .ol_after_club a:hover {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .ol a.btn_admin {display:inline-block;padding:0 10px;height:42px; line-height:42px; border:0px; background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none} /* 상단 회원가입 등 링크 */ #tsiteA {float:left; } #tsiteA a {display:inline-block;padding:0 25px;height:34px;color:#a0a0a0;letter-spacing:0px;line-height:34px; font-size:14px;letter-spacing:-1px; overflow:hidden; border-right:1px solid #dcdcdc;} #tsiteA a.fir {border-left:1px solid #dcdcdc;} #tsiteA a.on {color:#313131; font-family:'NotoKrM'; background:#fff;} #tnb {position:relative; margin-top:5px !important;padding:0; height:34px;list-style:none;zoom:1; font-family:'NotoKrR';margin-right: 300px !important;} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:left;margin:0px; font-size:13px; background:none} #tnb li:first-child {background:none;} #tnb a {display:inline-block;padding:0 10px;height:34px;color:#ffffff;letter-spacing:0px;line-height:34px;font-size:14px; overflow:hidden;} #tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none;} #tnb .tnb_f a {padding:0;} #tnb img {margin-right:3px} .tsearchA {position:absolute; right:30px; top:6px;} .tsearchA #sch_submit{} /* 메인메뉴 */ #gnb {display:block; width:100%; margin:0 auto; font-family: 'nanum-square-b'; z-index:99999;} #gnb_bg{padding:0px;} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb_1dul {position:relative; width:1000px; margin:20px 310px !important;padding:0;zoom:1;z-index:99999;} #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} .gnb_1dli {z-index:99999;float:left;} .gnb_1da {display:inline-block;text-align:center; width:180px; color:#222222 !important;font-size:19px; line-height:55px;text-decoration:none; letter-spacing:0px;} .gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#0052a8 !important;} .gnb_1dli_air .gnb_1da {color:#0052a8 !important; } .gnb_1dli_on .gnb_1da {color:#0052a8 !important; } /* 161226 .gnb_1dli_air .gnb_1da {color:#08beb0 !important; background:url(/img/menu_on.png) center bottom -2px no-repeat} .gnb_1dli_on .gnb_1da {color:#08beb0 !important; background:url(/img/menu_on.png) center bottom -2px no-repeat} */ .gnb_2dul {display:none;position:absolute;top:55px ;width:180px;z-index:999999;} .gnb_2da {display:block;padding:10px 20px;text-align:left;text-decoration:none;z-index:99999;} .gnb_1dli_air .gnb_2da {background-color:#333;color:#fff} .gnb_1dli_on .gnb_2da {background-color:#333;color:#fff} .gnb_2da:focus, .gnb_2da:hover {text-decoration:none; display:block;z-index:99999;} .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff} .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff; color:#333;} .gnb_3dul {z-index:999999;} .gnb_3da {display:block;padding:5px 20px;text-align:left;text-decoration:none;z-index:99999;background-color:#555; color:#f2f2f2 !important;} .gnb_3da:focus, .gnb_3da:hover{background-color:#888;color:#fff} .snb dd{position:relative; text-align:center; margin-left: 280px;} .snb dd.snb01 div {display:block; float:left; overflow:hidden; padding:10px 0 30px 0;} .snb .ssnb01{width:180px;} .snb .ssnb02{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb03{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb04{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb05{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .snb01 a {display:block;color:#707070;} .snb .snb01 a:hover {color:#026acd;text-decoration:none;} .gnbFixed {position: fixed;top: 0px; } #gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em} #gnb_empty a {text-decoration:underline} /* 중간 레이아웃 */ #wrapper {position:relative; z-index:0;margin:0 auto;width:100%; zoom:1; } .wrap {margin:0 auto; width:1280px;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper .snsQ {display:block;width:160px;position:fixed;top:160px;left:50%;margin-left:560px;z-index:9999;} #wrapper .snsQ a {display:block;} #wrapper .snsQ a img {display:block;} /* 상단 레이아웃 */ #hd {z-index:99999; position:fixed; margin:0px auto;min-width:1000px;width:100%; min-height:135px; padding:0px;background:#fff} #hd:hover {background:#ffffff} .hd_zindex {z-index:99999 !important} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_wrapper {display:block; position:relative; padding:0px 0;min-width:1000px;width:100%; zoom:1; height:40px; z-index:1; overflow:hidden;background: linear-gradient(331deg, #2294dc 19%, #74e2fe 100%);} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #hd .wrap {position:relative;} #logo {position:absolute; top:-21px; left:0px; display:block; width:202px; height:90px; line-height:90px; z-index:1;} #hd.on {background-color:#fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);} /* 전체 검색 */ #hd_sch {margin:0px;padding:0;border:1px solid #ffffff;height:25px;border-radius: 5px;background: #ffffff;} #hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #hd_sch #sch_stx {padding-left:10px;width:190px;height:25px;border:0px;background:#fff;line-height:25px !important;} #hd_sch #sch_submit {background:#ffffff url(/img/btn_tsearch.png) right center no-repeat; display:inline-block; text-indent:-99999px; width:43px; height:25px; border:0px;cursor:pointer} #naviA {clear:both;width:100%;margin:0px auto;padding:0px;display:block;background:none;} /* 페이스북 */ #facebook {position: absolute;top: 50px;right: 50px;display: block;width: 40px;height: 40px;line-height: 90px;z-index: 1;} #facebook a i{color:#FFFFFF; width:40px; height:40px; line-height:40px; text-align:center; font-size:26px;background: #314198;border-radius: 50%;} .scr {width: 100%;left: 0;bottom: 0;display: flex;justify-content: center;background: url(/img/main/btn_more1.png) no-repeat center;height: 120px;padding-top: 20px;} .mMovQuiA::before{position:absolute; display:inline-block; content:'KOTRA YOUTH BUDDHIST ASSOCIATION'; width:100%; left:50%; bottom:190px; transform:translateX(-50%); font-size:95px; color:#dfeaf7; font-weight:900; white-space:nowrap; text-align:center; letter-spacing:1px; font-family:'NotoKrM'; opacity:0.65;} #sectionA {padding-top: 140px;} #sectionA dl { height: 718px; } #sectionA dl:after { content: ''; display: block; clear: both; } #sectionA dl dt { float: left; width: calc(100% - 20px - 460px); height: 100%; } #sectionA dl dd { float: right; width: 460px; height: 100%; } #mVisual { height: 100%;position:relative; } #mVisual .mVisualB { position:absolute; left:0px; top:0px; background: transparent; padding: 80px 90px; z-index:10; } #mVisual .mVisualB p { font-size: 42px; line-height: 52px; color: #fff; font-weight: 500; letter-spacing: -2px; margin-bottom: 25px; } #mVisual .mVisualB span { font-size: 16px; color: #fff; font-weight: 500; text-transform: uppercase; line-height: 26px; } #mVisual .swiper-container { width:800px; height:720px; border-radius:25px; } #mVisual .swiper-button-next { z-index:11; color:#fff; width:60px; height:60px; background-color:rgb(0,0,0,.5); border-radius:50%; } #mVisual .swiper-button-prev { z-index:11; color:#fff; width:60px; height:60px; background-color:rgb(0,0,0,.5); border-radius:50%; } #mVisual .swiper-container .swiper-slide{ img {max-width:100%;} } #mBannerA { position: relative; height: 100%; box-sizing: border-box; padding: 0px; background: transparent; color: #fff; } #mBannerA span { line-height: 100%; font-size: 16px; font-weight: 700; } #mBannerA p { margin: 15px 0 35px; font-size: 38px; line-height: 48px; font-weight: 500; letter-spacing: -2px; } #mBannerA em { font-style: normal; font-size: 17px; line-height: 27px; } #mBannerA .mBtnAdiv { position: absolute; bottom: 68px; left: 50%; transform: translateX(-50%); } #mBannerA .swiper-container { width:460px; height:720px; border-radius:25px; } #mBannerA .swiper-button-next { right:0px; z-index:11; color:#fff; width:60px; height:60px; background-color:rgb(0,0,0,.5); border-radius:50%; } #mBannerA .swiper-button-prev { left:0px; z-index:11; color:#fff; width:60px; height:60px; background-color:rgb(0,0,0,.5); border-radius:50%; } #sectionB { padding:60px 0; } #sectionB h2 { font-size: 36px; line-height: 100%; color: #222; letter-spacing: -2px; margin-bottom: 30px;} #sectionB dl { margin-top: 20px; margin-bottom: 40px; height: 504px; } #sectionB dl:after { content: ''; display: block; clear: both; } #sectionB dl dt { float: left; width: 709px; height: 100%; } #sectionB dl dd { float: right; width: calc((100% - 729px)); } #mNotiA { } #mNotiA ul { } #mNotiA ul:after { content: ''; display: block; clear: both; } #mNotiA ul li { float: left; width: calc((100% - 60px)/4); margin-right: 20px; } #mNotiA ul li:last-child { margin-right: 0; } #mNotiA ul li a { display: block; position: relative; height: 220px; background: #f3f3f3; border-radius: 25px; box-sizing: border-box; padding: 40px 35px 0; transition: .3s; } #mNotiA ul li:hover a { background: #e3f3fc; } #mNotiA ul li a:before { content: '공지사항'; display: block; width: 126px; height: 44px; line-height: 43px; background: #fff url(/img/main/icon_notice.png) 20px 10px no-repeat; border-radius: 30px; font-size: 16px; color: #555; font-weight: 700; box-sizing: border-box; padding: 0 0 0 50px; } #mNotiA ul li strong { display: block; height: 68px; overflow: hidden; margin-top: 22px; font-size: 23px; color: #444; font-weight: 500; line-height: 34px; letter-spacing: -1px; } #mNotiA ul li a span{ position: absolute; left: 172px; top: 50px; font-family: 'Minsans'; color: #777; font-size: 16px; } #mCalA { position: relative; width: 100%; height: 100%; box-sizing: border-box; background: #f3f3f3; border-radius: 25px; text-align: center; } #mCalA:hover { background: #e3f3fc; } #mCalA .mCtit { } #mCalA .mCtit h3 { padding: 65px 0 50px; text-align: center; font-size: 26px; color: #444; font-weight: 500; letter-spacing: -1px; font-family: 'Minsans'; } #mCalA a.mCprev { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; background: #fff url(/img/main/arrow_calendar_l_b.png) center center no-repeat; border-radius: 50%; text-indent: -99999px; } #mCalA a.mCnext { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; background: #fff url(/img/main/arrow_calendar_r_b.png) center center no-repeat; border-radius: 50%; text-indent: -99999px; } #mCalA .mCtbl { display: inline-block; } #mCalA table#schedule_cal { width: 100%; text-align: center; } #mCalA table#schedule_cal th { line-height: 100%; font-size: 16px; color: #888; padding: 0 0 5px; } #mCalA table#schedule_cal td { font-size: 16px; font-weight: bold; } #mCalA table#schedule_cal a { display: block; padding: 11px 11px; margin: 3px 5px; color: #555; border-radius: 50%; line-height: 100%; font-size: 20px; font-weight: 500; font-family: 'Minsans'; } #mCalA table#schedule_cal a.mCsunday { color: #d85151; } #mCalA table#schedule_cal a.mCtoday { color: #416cd2; } #mCalA table#schedule_cal a.mCchecked { background: rgba(0,0,0,.1); } #mCalA table#schedule_cal a.mCchecked.mCtoday { background: #ccdcf2 !important; color: #416cd2 !important; } #mCalB { } #mCalB ul { } #mCalB ul li { margin-bottom: 20px; } #mCalB ul li a { position: relative; display: block; background: #f3f3f3; box-sizing: border-box; height: 111px; border-radius: 25px; padding: 35px 40px; } #mCalB ul li:hover a { background: #e3f3fc; } #mCalB ul li a:before { content: '주요일정'; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); width: 126px; height: 44px; line-height: 43px; background: #fff url(/img/main/icon_calendar.png) 20px 10px no-repeat; border-radius: 30px; font-size: 16px; color: #15386b; font-weight: 700; box-sizing: border-box; padding: 0 0 0 50px; } #mCalB strong { display: block; margin: 9px 92px 0 146px; font-size: 23px; line-height: 100%; height: 23px; overflow: hidden; color: #444; font-weight: 500; } #mCalB span { position: absolute; right: 40px; top: 45px; font-family: 'Minsans'; color: #777; font-size: 16px; } .mBtnBdiv { box-sizing: border-box; width: 280px; height: 60px; border-radius: 30px; overflow: hidden; margin: 0 auto; } a.mBtnB { position: relative; display: block; line-height: 60px; background: #f3f3f3; font-size: 17px; color: #444; font-weight: 700; text-align: center; padding: 0 36px 0 0; } a.mBtnB:after { content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; background: #424242 url(/img/main/arrow_more_r_w.png) 51% 48% no-repeat; border-radius: 50%; } .hvr-bounce-to-right:before { background: #161616 !important; } .hvr-sweep-to-top:before { background: #1e65cb !important; }