#wrapper {background:#f2f2f2; padding:30px 0px;} #mFocusA {position:relative; float:left; width:600px; height:400px; display:block; overflow:hidden;} #mFocusA .foctit {position:absolute; top:0px; left:0px;z-index:3; font:normal 18px 'nanum-square-r'; width:92px; height:92px; line-height:92px;background:#984807; color:#fff; text-align:center; padding:0px; } #mFocusA .focusA {display:block; width:600px; height:400px; overflow:hidden;position:relative; } #mFocusA a{ display:block; width:600px; height:400px; } #mFocusA .imgbd {position:absolute; top:0px; left:0px; z-index:1;width:600px; height:400px; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box;} #mFocusA .imgA {width:600px; height:400px; background:#000;overflow:hidden;} #mFocusA a .imgA .thimg{opacity:0.9; -moz-opacity:0.9; filter: alpha(opacity=90); -webkit-transform:scale(1.00); transform:scale(1.00); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #mFocusA a:hover .imgA .thimg{opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70); -webkit-transform:scale(1.02); transform:scale(1.02); } #mFocusA .sbjA {position:absolute;top:340px; left:0px; z-index:3;display:block; width:550px;padding:0px 25px; height:60px; font-size:18px; font-family:'nanum-square-r'; line-height:60px; background:rgba(0,0,0,0.6); color:#fff; overflow:hidden; letter-spacing:-1px; } #mFocusA a:hover .sbjA{text-decoration:none; background:rgba(0,0,0,0.9); } /* #showcase{position:relative;} #showcase .showcase-onepage .showcase-content{} #showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:20px; left:30px; text-align:right; z-index:11;} #showcase .showcase-button-wrapper span{float:left; width:12px; height:12px; margin-left:5px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:12px; background:url(/img/btn_off.png) left center no-repeat ;} #showcase .showcase-button-wrapper span.active{width:12px; height:12px; background:url(/img/btn_on.png) left top no-repeat;} #showcase .showcase-arrow-next {position:absolute; top:176px;left:0px; outline:0; width:48px; height:48px; text-indent:-9999px; z-index:11; background:url(/img/prev_next_btn.png) no-repeat 0px 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} #showcase .showcase-arrow-previous{position:absolute; top:176px; right:0px;outline:0; width:48px; height:48px; text-indent:-9999px; z-index:11; background: url(/img/prev_next_btn.png) no-repeat -48px 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;} #mVisualA {float:left; width:220px; height:400px; display:block;text-indent:-99999px; background:url(/img/main/mvisual_01.jpg) left top no-repeat; overflow:hidden;} */ #mtQuickA { float:right; width:380px; height:400px; display:block; overflow:hidden;} #mtQuickA dl.tsban {width:380px; height:200px;display:block; background:url(/img/main/bg_templestay.jpg) left top no-repeat #474e61;overflow:hidden; } #mtQuickA dl.tsban:after {clear:both; content:''; display:block;} #mtQuickA dl.tsban dt{float:left; position:relative;width:190px; height:200px; font-size:22px; font-family: 'NotoKrM'; overflow:hidden;} #mtQuickA dl.tsban dt a {color:#fff; background:url(/img/main/templestay_tit.png) 24px 33px no-repeat; display:block;width:167px; height:107px; padding:93px 0px 0px 23px;-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; } #mtQuickA dl.tsban dt a:hover {color:#91a6df;} #mtQuickA dl.tsban dt .bul{position:absolute; right:0px; top:91px; width:9px; height:17px; background:url(/img/main/templestay_arr.png) 0px 0px no-repeat;} #mtQuickA dl.tsban dd{float:left; width:160px; height:174px; overflow:hidden; padding:26px 0px 0px 30px;} #mtQuickA dl.tsban dd .tspro li{list-style:none; font-size:14.5px; line-height:29px;} #mtQuickA dl.tsban dd .tspro li a { display:block;color:#fff; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} #mtQuickA dl.tsban dd .tspro li a:hover {color:#91a6df;} #mtQuickA ul.elseban {list-style:none; padding:0px; margin:0px;} #mtQuickA ul.elseban :after {clear:both; content:''; display:block;} #mtQuickA ul.elseban li{float:left; width:190px; height:200px; display:block; overflow:hidden; position:relative; background:#3d3d3d;} #mtQuickA ul.elseban li:first-child {background:#5a4c4a;} #mtQuickA ul.elseban li a{display:block;} #mtQuickA ul.elseban li a .thimg {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #mtQuickA ul.elseban li a:hover .thimg {opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30); } #mtQuickA ul.elseban li .txt {position:absolute; bottom:22px; left:23px; color:#fff;} #mtQuickA ul.elseban li .txt span {font-size:13px; line-height:14px;} #mtQuickA ul.elseban li a .txt p { font:normal 24px 'nanum-square-r'; margin-top:10px;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #mtQuickA ul.elseban li a:hover .txt p {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} #mbbsArea {width:1130px; margin:0 auto; padding:34px 35px 32px 35px; background:#fff;} .mnotiA {float:left; width:530px; height:118px; padding-right:35px; border-right:1px solid #dddedf; display:block; overflow:hidden; position:relative; } .mpressA {float:right; width:530px; height:118px; display:block; overflow:hidden; position:relative; } .mnotiA h3, .mpressA h3 {float:left; width:100px; height:118px; display:block; font-style:none; font-weight:normal; color:#333; font-size:20px; font-family: 'NotoKrM'; margin:0px; padding:0px 0px 13px 0px; line-height:20px; overflow:hidden; } #mbbsArea a .bt_more{position:absolute; left:0px; top:40px; text-indent:-99999px; width:23px; height:23px; overflow:hidden; background:url(/img/main/btn_more.png) -23px 0px no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} #mbbsArea a:hover .bt_more {background-position:0px 0px;} ul.notiA {float:left; width:430px; overflow:hidden; } .notiA li{ list-style:none; display:block; overflow:hidden; font-size:15px; position:relative; padding:0px; margin-top:16px; letter-spacing:-1px;} .notiA li:first-child {margin-top:0px;} .notiA li a{color:#4c4c4c; display:block;height:16px; line-height:16px; } .notiA li a:hover {color:#e17543; text-decoration:underline; } .notiA li a .date {display:none;} #mgcpopArea{width:1200px; height:340px; overflow:hidden; margin:0 auto; padding:0px; background:#fff;} .gallA {float:left; width:270px; height:339px; border-top:1px solid #e3e3e3; display:block; overflow:hidden; padding:0px 35px 0px 35px; position:relative;} .gallA h3{display:block; font-style:none; font-weight:normal; color:#333; font-size:20px; font-family: 'NotoKrM'; margin:0px; padding:24px 0px 18px 0px; line-height:20px; } .gallA ul:after {clear:both; content:''; display:block;} .gallA li{list-style:none;float:left; display:inline-block; width:270px; height:290px; position:relative; padding:0px; margin:0px 0px 0px 38px;overflow:hidden;text-align:justify; } .gallA li:first-child {margin-left:0px;} .gallA li a{ display:block; width:270px; height:248px; } .gallA .dateA {position:absolute; top:0px; left:0px;z-index:2; height:40px; line-height:40px;background:#6ebadc; color:#fff; text-align:center; padding:0px 10px; } .gallA .imgbd {position:absolute; top:0px; left:0px; z-index:1;width:270px; height:158px; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; } .gallA .imgA {width:270px; height:158px; background:#000;overflow:hidden;} .gallA a .imgA .thimg{opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transform:scale(1.00); transform:scale(1.00); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .gallA a:hover .imgA .thimg{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); -webkit-transform:scale(1.04); transform:scale(1.04); } .gallA a .sbjA {display:block; width:270px; height:30px; line-height:30px; font-size:18px; padding:10px 0px 0px 0px;font-family:'NotoKrM'; color:#2c2c2c; overflow:hidden; letter-spacing:-1px; } .gallA a .conA {display:block;font-size:13.5px; color:#8c8c8c; margin:10px 0px 8px 0px; line-height:20px; height:40px; overflow:hidden;} .gallA a .noimg {border:1px solid #dee0df; width:258px; height:244px; padding:20px 24px 24px 24px; display:block; overflow:hidden;} .gallA a .noimg .sbjA {display:table-cell;vertical-align:middle;line-height:25px; font-size:18px; padding:25px 0px 8px 0px;font-family:'NotoKrM'; color:#2c2c2c; overflow:hidden; letter-spacing:-1px; } .gallA a .noimg .conA {display:table-row;font-size:13.5px; color:#8c8c8c; line-height:24px; height:150px; overflow:hidden; margin:0px;} .gallA a .noimg .conA span{display:block;height:170px; overflow:hidden; margin:0px;} .gallA a:hover .noimg {border:3px solid #e17543; padding:18px 22px 22px 22px; } .gallA a:hover .sbjA{color:#e17543; text-decoration:underline; } #showcase2{position:relative;} #showcase2 .showcase-onepage .showcase-content{} #showcase2 .showcase-button-wrapper{clear:both; position:absolute; top:0px; right:20px; text-align:right; z-index:11;} #showcase2 .showcase-button-wrapper span{display:inline-block; width:16px; height:16px; margin-left:4px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:url(/img/btn_off3.png) left top no-repeat ;} #showcase2 .showcase-button-wrapper span.active{ background:url(/img/btn_on3.png) left top no-repeat ;} .calArea {float:left; width:210px; height:340px; padding:0px 25px; background:#41b7ab;overflow:hidden;display:block;position:relative;} .calArea h3{position:relative;height:20px; margin:0px; border-bottom:1px solid #fff; overflow:hidden; color:#fff; text-align:left; line-height:20px; font-size:20px; letter-sapcing:-1px;padding:25px 0px 16px 0px; font-weight:normal;font-family: 'NotoKrR', serif;} .calArea a .bt_more{position:absolute; right:0px; top:23px; text-indent:-99999px; width:23px; height:23px; overflow:hidden; background:url(/img/main/btn_more2.png) -23px 0px no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .calArea a:hover .bt_more {background-position:0px 0px;} .calArea h2 .prevM {position:absolute; top:0px; left:10px;} .calArea h2 .prevM a{display:block; width:26px; height:60px; text-indent:-999999px; background:url(/img/btn_calprev.png) center 17px no-repeat;opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30);} .calArea h2 .nextM {position:absolute; top:0px; right:10px;} .calArea h2 .nextM a{display:block; width:26px; height:60px; text-indent:-999999px; background:url(/img/btn_calnext.png) center 17px no-repeat;opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30);} .calArea h2 .prevM a:hover, .calArea h2 .nextM a:hover {opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .calArea h2 .mtoday .mot{color:#1d304d;font-family: 'nanum-square-b', serif;} #mainCalendar {display:block; } #mainCalendar .calendarA {} #mainCalendar .tesbj {padding:17px 0px 0px 0px;} #mainCalendar .tesbj a {display:block; margin:0px 0px 0px 0px;height:62px; text-align:left; padding:0px; overflow:hidden;} #mainCalendar .tesbj .date {color:#fff; font-size:14px;display:block; margin:0px 0px 6px 0px; text-align:left;margin-right:5px;} #mainCalendar .tesbj .date span {background:#19988b;height:20px; line-height:20px; padding:0px 6px;} #mainCalendar .tesbj .tit {font-size:16.5px; color:#fff; letter-spacing:-1px; } #mainCalendar .tesbj .cont{display:none;} #mainCalendar .tesbj a:hover {text-decoration:none;} #mainCalendar .tesbj .none {display:block;font-size:15px; color:#959595;margin:0px 0px 0px 0px;height:37px; line-height:37px;text-align:left; padding:0px 15px; overflow:hidden;} .mPopupA {float:right; width:600px; height:340px; overflow:hidden;display:block;} #showcase3{position:relative;} #showcase3 .showcase-onepage .showcase-content{} #showcase3 .showcase-button-wrapper{clear:both; position:absolute; top:0px; right:20px; text-align:right; z-index:11;} #showcase3 .showcase-button-wrapper span{display:inline-block; width:16px; height:16px; margin-left:4px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:url(/img/btn_off3.png) left top no-repeat ;} #showcase3 .showcase-button-wrapper span.active{ background:url(/img/btn_on3.png) left top no-repeat ;} #mbwzArea{width:1195px; height:70px; overflow:hidden; margin:0 auto; padding:0px; } #mbwzArea .mbannerA{height:70px; overflow:hidden;display:block;} .mbannerA ul.mbanA {list-style:none; padding:0px; margin:0px;} .mbannerA ul.mbanA li{float:left; position:relative;width:392px;height:70px;margin:0 5px 0 0; padding:21px 0 0 0px;text-align:center;} .mbannerA ul.mbanA li a{display:block; color:#fff; font-size:17px; line-height:24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px; overflow:hidden;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mbannerA ul.mbanA li a .thimg {position:absolute; } .mbannerA ul.mbanA li a img {opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mbannerA ul.mbanA li a:hover img {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .mb_bg1{background:#a5989a;} .mb_bg1 a:hover{background:#827678;} .mb_bg2{background:#b2896b;} .mb_bg2 a:hover{background:#957259;} .mb_bg3{background:#99a5c1;} .mb_bg3 a:hover{background:#8690a7;} .mb_bg4{background:#81c0ce;} .mb_bg4 a:hover{background:#6da3af;} #mbwzArea .mwebzineA {float:right; width:532px; height:148px; padding:30px 34px 30px 34px; overflow:hidden;display:block;background:#fff;position:relative; } .mwebzineA h3 {float:left;width:137px; display:block; font-style:none; font-weight:normal; color:#828282; font-size:13.5px; font-family: 'NotoKrM'; margin:0px; padding:70px 0px 40px 0px; line-height:20px; overflow:hidden; background:url(/img/main/magazine_tt.jpg) left top no-repeat; } .mwebzineA a .bt_more{position:absolute; left:34px; top:134px; text-indent:-99999px; width:23px; height:23px; overflow:hidden; background:url(/img/main/btn_more.png) -23px 0px no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mwebzineA a:hover .bt_more {background-position:0px 0px;} ul.wzA {float:left; width:395px; overflow:hidden; } ul.wzA:after {clear:both; content:''; display:block;} ul.wzA li{list-style:none;float:left; display:inline-block; width:110px; height:146px; position:relative; padding:0px; margin:0px 0px 0px 30px;overflow:hidden;text-align:justify; } ul.wzA li:first-child {margin-left:0px;} ul.wzA li a{ display:block; width:110px; height:146px; } ul.wzA .imgbd {position:absolute; top:0px; left:0px; z-index:1;width:110px; height:146px; background:url(/img/main/i_bookcover.png) left top no-repeat;} ul.wzA .imgA {width:110px; height:146px; background:#000;overflow:hidden;} ul.wzA a .imgA .thimg{opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} ul.wzA a:hover .imgA .thimg{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } ul.wzA a .sbjA {display:none; position:absolute; top:0px; left:0px; font-size:14.5px;font-family:'NotoKrM'; overflow:hidden; letter-spacing:-1px; } ul.wzA a .sbjA span {display:table-cell; width:90px; height:146px; padding:0px 10px; word-break:keep-all; vertical-align:middle;color:#fff;} ul.wzA a:hover .sbjA{display:block; } /*20190604*/ #wrapper {background:none;padding-top:0;} #wrapper .wrap {width:100%;} #notice_slide_wrap {position:relative;height:720px;} .img_wrap {height:820px; overflow:hidden;} .img_wrap li {height:820px;overflow:hidden;position:relative;display:none;} /*.img_wrap li img {width:100%;position:absolute;top:55%;left:0; transform:translateY(-50%);}*/ .tit_btn_wrap {width:1200px;position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);} .tit_btn_wrap li {float:left; width:25%;} .tit_btn_wrap li .tit_btn {display:block;width:100%;height:100px;border:none;background:#a2451a;position:relative;} .tit_btn_wrap li:nth-child(2) .tit_btn {background:#c7a23a;} .tit_btn_wrap li:nth-child(3) .tit_btn {background:#3f4a60;} .tit_btn_wrap li:nth-child(4) .tit_btn {background:#6b8561;} .tit_btn_wrap li .tit_btn span {position:absolute;top:50%;left:50%; width:100%; transform:translate(-50%,-50%);font-size:20px;line-height:25px;color:#fff;padding: 0 50px; box-sizing: border-box;} #newsArea {width:1200px; margin:0 auto 50px;padding-bottom:50px;overflow:hidden;border-bottom:1px solid #ddd;} #newsArea .new_notice {width:50%;float:left;padding:0 20px;margin:10px 0;box-sizing:border-box;} a.notice_link_btn {display:block;width:90px; height:30px;border:1px solid #0071bc;border-radius:15px;font-size:18px;text-align:center;font-weight:400;color:#0071bc;line-height:30px;position:relative;margin-bottom:30px;} a.notice_link_btn:before {content:"N"; width:30px;height:30px;border-radius:15px;background:#0071bc;color:#fff;font-size:16px; line-height:30px;position:absolute;right:-40px;top:0;} .notice_tit {font-size:17px;line-height:50px;font-weight:400;color:#000;float:left;width:430px;overflow:hidden;height:50px;} .notice_date {font-size:15px;line-height:50px;color:#888787;float:right;padding-right:30px;} .notice_txt {clear:both;font-size:16px;color:#000;line-height:20px;height:160px;overflow:hidden;} .calArea {width:50%;float:left;margin:0;box-sizing:border-box;} #mainCalendar .tesbj .date, #mainCalendar .tesbj .tit {float:left;line-height:30px;font-size:16px;margin-top:10px;} #mainCalendar .tesbj .date {margin-right:30px;} #mainCalendar .tesbj .date span {display:block;width:100px;height:30px;padding:0;text-align:center;line-height:30px;} #mainCalendar .tesbj a {height:50px;} .calArea h3 {padding:10px 0;height:30px;line-height:30px;} .calArea a .bt_more {top:14px;} .calArea {height:290px;} #gallery_wrap {height:500px;background:#ededed;margin:100px 0 50px;} .gallery_inner {width:1200px; margin:0 auto;} .gallery_inner h2 {color:#222;font-size:20px;line-height:30px;padding:15px 0;text-align:center;font-weight:400;} .gallery_list li {width:380px;overflow:hidden;float:left;} .gallery_list li:nth-child(2) {margin:0 30px;} .gallery_list a {display:block;transition:all 0.5s;} .gallery_list a:hover {opacity:0.4;} .gallery_list .img_wrap {margin-bottom:20px;width:100%;width:100%;height:273px;overflow:hidden;position:relative;} .gallery_list .img_wrap img {position:absolute;left:0;top:50%;transform:translateY(-50%);} .list_tit {font-size:18px;color:#222;line-height:30px;height:30px;margin-bottom:20px;text-align:center;overflow:hidden;} .cate_name, .list_date {font-size:16px;font-weight:300;line-height:25px;color:#888787;} .cate_name {float:left;border-top:1px solid #0071bc;} .list_date {float:right;text-align:right;} #mbbsArea, #mgcpopArea {display:none;} /************************************************************************************************************************************************************/ .bg {display:none;} #mainCalendar .tesbj a:hover .tit{text-decoration:underline;} .a_main{margin:0 auto; width:1920px;display:grid; grid-template-columns:470px 975px 470px; grid-template-rows:1fr 1fr; height:820px; grid-gap:2px; grid-template-areas:"a_box1 a_box2 a_box3" "a_box4 a_box2 a_box5"; font-size:25px; color:#fff;} .a_box1{grid-area:a_box1;background:#42384d;overflow:hidden;position:relative;} .a_box2{grid-area:a_box2;background:#7cb8e2;overflow:hidden;position:relative;} .a_box3{grid-area:a_box3;background:#3d4a5a;overflow:hidden;position:relative;} .a_box4{grid-area:a_box4;background:#5e524c;overflow:hidden;position:relative;} .a_box5{grid-area:a_box5;background:#464a3c;overflow:hidden;position:relative;} .a_main > div a .tt {position:absolute; top:160px; left:50%; margin-left: -70px; color:#efefef; font-size:22px; height:100px; line-height:40px;font-family: 'nanum-square-r'; overflow:hidden; text-align:center; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .a_main > div a .tt img{opacity:1 !important;} .a_main > div a:hover .tt{font-family: 'nanum-square-b';} .a_main > div a .gobtn {display:block;position:absolute; bottom:120px; left:50%; width:90px; margin-left: -70px; color:#fff; border:1px solid #fff; font-size:14px; height:28px; line-height:28px;overflow:hidden; text-align:center;opacity:0.0; -moz-opacity:.0; filter: alpha(opacity=0);-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .a_main > div a:hover .gobtn { opacity:1; -moz-opacity:.5; filter: alpha(opacity=50); } .a_main > div a img{opacity:0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transform:scale(1); transform:scale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .a_main > div a:hover img{ opacity:0.5; -moz-opacity:.5; filter: alpha(opacity=50); -webkit-transform:scale(1.05); transform:scale(1.05); } .b_main{margin:0 auto; width:1920px; height:820px;} .b_left{float:left;width:470px;height:820px;} .b_center{float:left;width:975px;height:820px;padding:0 2px;} .b_right{float:left;width:470px;height:820px;} .b_box1{background:#42384d;overflow:hidden;position:relative;margin-bottom:2px;} .b_box2{background:#7cb8e2;overflow:hidden;position:relative;} .b_box3{background:#3d4a5a;overflow:hidden;position:relative;margin-bottom:2px;} .b_box4{background:#5e524c;overflow:hidden;position:relative;} .b_box5{background:#464a3c;overflow:hidden;position:relative;} .b_main > div a .tt {position:absolute; top:160px; left:50%; margin-left: -70px; color:#efefef; font-size:22px; height:100px; line-height:40px;font-family: 'nanum-square-r'; overflow:hidden; text-align:center; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .b_main > div a .tt img{opacity:1 !important;} .b_main > div a:hover .tt{font-family: 'nanum-square-b';} .b_main > div a .gobtn {display:block;position:absolute; bottom:120px; left:50%; width:90px; margin-left: -70px; color:#fff; border:1px solid #fff; font-size:14px; height:28px; line-height:28px;overflow:hidden; text-align:center;opacity:0.0; -moz-opacity:.0; filter: alpha(opacity=0);-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;} .b_main > div a:hover .gobtn { opacity:1; -moz-opacity:.5; filter: alpha(opacity=50); } .b_main > div a img{opacity:0.1; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transform:scale(1); transform:scale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .b_main > div a:hover img{ opacity:0.5; -moz-opacity:.5; filter: alpha(opacity=50); -webkit-transform:scale(1.05); transform:scale(1.05); }