.mcLef {float:left; width:820px;padding:40px 20px 40px 0px; overflow:hidden; display:inline-block; } .mPopup { width:820px; height:500px; padding:0px; overflow:hidden; display:block; background:#000;} #showcase{position:relative;} #showcase .showcase-onepage .showcase-content{} #showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:12px; left:50%; margin-left:-30px; text-align:center; z-index:11;} #showcase .showcase-button-wrapper span{float:left; width:15px; height:15px; margin-left:5px; cursor:pointer; text-indent:-99999em; background:url(/layouts/default/image/main/visual_btn02.png) no-repeat ;} #showcase .showcase-button-wrapper span.active{background-position:0 -15px;width:15px; } #showcase .showcase-arrow-next {position:absolute; bottom:27px;right:25px; outline:0; width:27px; height:26px; margin-top:0px; text-indent:-9999px; z-index:13; background:url(/layouts/default/image/prev_next_btn.png) no-repeat -28px 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} #showcase .showcase-arrow-previous{position:absolute; bottom:27px;right:140px; outline:0; width:27px; height:26px; margin-top:0px; text-indent:-9999px; z-index:13;background: url(/layouts/default/image/prev_next_btn.png) no-repeat 0 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;} .mPopup .img_y{width:820px; height:500px; overflow:hidden; display:block;text-align:justify;} .mPopup .thimg {width:820px; height:500px; display:block; opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mPopup a:hover .thimg {opacity:0.85; -moz-opacity:0.85; filter: alpha(opacity=85); } .mPopup .img_y .txtA {position:absolute; bottom:0px; right:0px; width:420px; height:140px;display:block; overflow:hidden; padding:25px;z-index:12;} .mPopup .img_y .txtAbg{position:absolute; bottom:0px; right:0px; width:470px; height:190px; display:block; overflow:hidden; background:#000; opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60); z-index:11;} .mPopup .img_y .sbj {display:block; overflow:hidden; height:36px; line-height:36px; color:#fff; font-size:24px; letter-spacing:-1px;font-family: 'nanum-square-b'; margin-bottom:10px;} .mPopup .img_y .exp {color:#e5e5e5; font-size:14px; height:46px; line-height:22px; overflow:hidden;text-align:justify;} .mPopup .num {position:absolute; z-index:12;bottom:27px; right:65px; width:60px; height:26px; text-align:center; display:block; overflow:hidden;line-height:26px; color:#fff; font-size:18px; letter-spacing:0px;font-family: 'nanum-square-r';} .mPopup .img_n .sbj {margin-top:9px; width:250px; height:60px; line-height:22px; overflow:hidden; font-weight:bold; color:#000; font-size:14px; letter-spacing:-1px;} .mPopup .img_n a:hover .sbj {color:#999;} .mPopup .img_n .exp {color:#777; margin-top:10px; height:140px; overflow:hidden;text-align:justify; line-height:20px;} .elseProA {width:780px; height:250px; background:#f1f3f3; padding:25px 20px;overflow:hidden; } .elseProA li{float:left;text-align:justify;} .elseProA li:first-child {position:relative; float:left; width:312px; height:250px; margin-right:20px; padding-right:19px; border-right:1px solid #e5e5e5;} .elseProA li .icon_new {position:absolute; top:0px; left:0px;height:24px; text-align:center;width:40px; line-height:24px; color:#fff; background:#e56347;overflow:hidden; } .elseProA li.frimg_y, .elseProA .frimg_n{position:relative;width:312px; height:250px;overflow:hidden; } .elseProA li.frimg_y span.icon_new{position:absolute; top:0; left:2; display:block; z-index:10;width:40px; height:20px;text-align:center; line-height:22px; color:#fff; background:#6158a6;} .elseProA li.frimg_y .imgA {width:312px; height:161px;overflow:hidden; background:#000; } .elseProA li.frimg_y .imgA img.thimg {opacity:1.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;} .elseProA li.frimg_y a:hover .imgA img.thimg{opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transform:scale(1.1); transform:scale(1.1);} .elseProA .frimg_y .cate {position:absolute; top:122px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .elseProA .frimg_y .cate span {display:inline-block; background:url(/layouts/default/image/bg_bbscate.png) left top repeat; padding:0px 10px;} .elseProA .frimg_y .sbj {height:40px; line-height:40px; color:#000; font-size:17.5px; letter-spacing:-0.5px;font-family: 'nanum-square-r'; margin:9px 0px 0px 0px; } .elseProA .frimg_y .exp {color:#666; font-size:13px; height:43px; line-height:21px; overflow:hidden;text-align:justify;margin-top:0px;} .elseProA .frimg_y a:hover .sbj {color:#476fac;text-decoration:underline;} .elseProA .frimg_n .cate {position:absolute; top:122px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .elseProA .frimg_n .cate span {display:inline-block; background:#000; padding:0px 10px;opacity:0.45; -moz-opacity:0.45; filter: alpha(opacity=45);} .elseProA .frimg_n .sbj {width:312px; height:161px; overflow:hidden; display:block;background:#4f79b8;} .elseProA .frimg_n .sbj span{display:table-cell; vertical-align:middle; padding:40px 20px 60px 20px; width:280px; overflow:hidden; height:57px; line-height:28px; color:#fff; font-size:17.5px; letter-spacing:-0.5px;font-family: 'nanum-square-r'; text-align:center;} .elseProA .frimg_n .exp {color:#666; font-size:13px; height:90px; line-height:24px; overflow:hidden;text-align:justify;margin-top:21px;} .elseProA .frimg_n a:hover {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .elseProA .img_y {float:left;position:relative;padding-left:130px;width:298px;height:72px; overflow:hidden; } .elseProA .img_y .imgA {position:absolute; top:0px; left:0px; width:115px; height:72px;overflow:hidden; background:#000; } .elseProA .img_y .imgA img.thimg {opacity:1.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;} .elseProA .img_y a:hover .imgA img.thimg{opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transform:scale(1.05); transform:scale(1.05);} .elseProA .img_y .sbj {line-height:28px;height:28px; font-size:16.5px; color:#000;letter-spacing:-0.5px;font-family: 'nanum-square-r'; overflow:hidden; display:block;} .elseProA .img_y .exp {color:#666; font-size:13px; height:42px; line-height:20px; overflow:hidden;text-align:justify;margin-top:5px;} .elseProA .img_y a:hover .sbj {color:#476fac; text-decoration:underline;} .elseProA .img_n {float:left;position:relative;padding-left:0px; width:425px;height:72px; overflow:hidden; } .elseProA .img_n a:hover .imgA img.thimg{opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transform:scale(1.05); transform:scale(1.05);} .elseProA .img_n .sbj {line-height:28px;height:28px; font-size:16.5px; color:#000;letter-spacing:-0.5px;font-family: 'nanum-square-r'; overflow:hidden; display:block;} .elseProA .img_n .exp {color:#666; font-size:13px; height:42px; line-height:20px; overflow:hidden;text-align:justify;margin-top:5px;} .elseProA .img_n a:hover .sbj {color:#476fac;text-decoration:underline;} .mcRig {float:left; width:360px;padding:40px 0px 40px 0px; overflow:hidden; display:inline-block; } .mProA {width:320px; height:215px; padding:20px 19px 0px 19px; border:1px solid #ddd;overflow:hidden; display:block; } .mnaA {width:320px;height:353px;padding:22px 19px 0px 19px;border: 1px solid #fff;overflow:hidden;display:block; background:url(/layouts/default/image/nanum_bg.jpg) left top #eef4ff no-repeat ;} .mnaA h2.tit {letter-spacing:-0.5px; text-align:left; margin-bottom:15px; color:#265194; font:500 17.5px 'nanum-square-r';} .mnaA h2.tit_bg {letter-spacing:-0.5px; text-align:left; margin-bottom:10px; color:#265194;text-indent:-9999999px; height:30px; background:url(/layouts/default/image/mpost_tt.png) left center no-repeat;} .mnaA span {color:#767b82; font-size:13px; line-height:170%; text-align:center;} .mnaA h3.from_tit {color:#333; font:500 14px 'nanumB'; text-align:right; margin-top:15px;} .showcase_r {position:relative;} .showcase_r .showcase-onepage .showcase-content{} .showcase_r .showcase-button-wrapper{clear:both; position:absolute; bottom:12px; left:50%; margin-left:-30px; text-align:center; z-index:11;} .showcase_r .showcase-button-wrapper span{float:left; width:15px; height:15px; margin-left:5px; cursor:pointer; text-indent:-99999em; background:url(/layouts/default/image/main/visual_btn02.png) no-repeat ;} .showcase_r .showcase-button-wrapper span.active{background-position:0 -15px;width:15px; } .showcase_r .showcase-arrow-next {position:absolute; top:122px;right:35px; outline:0; width:27px; height:26px; margin-top:0px; text-indent:-9999px; z-index:13; background:url(/layouts/default/image/prev_next_btn.png) no-repeat 0 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .showcase_r .showcase-arrow-previous{position:absolute; top:122px;right:5px; outline:0; width:27px; height:26px; margin-top:0px; text-indent:-9999px; z-index:13;background: url(/layouts/default/image/prev_next_btn.png) no-repeat -28px 0; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } .showcase_r .showcase-arrow-next:hover, .showcase_r .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_r .img_y, .showcase_r .img_n{width:320px; height:295px; overflow:hidden; display:block;text-align:justify;} .showcase_r .img_y a, .showcase_r .img_n a {display:block;} .showcase_r .thimg {width:320px; height:157px; overflow:hidden; display:block;background:#000;} .showcase_r .thimg img {opacity:1.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;} .showcase_r a:hover .thimg img {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transform:scale(1.1); transform:scale(1.1); } .showcase_r .img_y .sbj {display:block; overflow:hidden; margin-top:18px; height:30px; line-height:30px; color:#333; font-size:17.5px; letter-spacing:-0.5px;font-family: 'nanum-square-r'; margin-bottom:8px;} .showcase_r .img_y .exp {color:#8b8b8b; font-size:13px; height:63px; line-height:21px; overflow:hidden;text-align:justify;} .showcase_r .img_y .cate {position:absolute; top:118px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .showcase_r .img_y .cate span {display:inline-block; background:url(/layouts/default/image/bg_bbscate.png) left top repeat; padding:0px 10px;} .showcase_r .img_y .cate {position:absolute; top:118px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .showcase_r .img_y .cate span {display:inline-block; background:url(/layouts/default/image/bg_bbscate.png) left top repeat; padding:0px 10px;} .showcase_r .img_y a:hover .sbj {color:#476fac;text-decoration:underline;} .showcase_r .img_n .cate {position:absolute; top:118px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .showcase_r .img_n .cate span {display:inline-block; background:#000; padding:0px 10px;opacity:0.45; -moz-opacity:0.45; filter: alpha(opacity=45);} .showcase_r .img_n .sbj {width:320px; height:157px; overflow:hidden; display:block;background:#4f79b8;} .showcase_r .img_n .sbj span{display:table-cell; vertical-align:middle; padding:40px 20px 60px 20px; width:280px; overflow:hidden; height:57px; line-height:28px; color:#fff; font-size:17.5px; letter-spacing:-0.5px;font-family: 'nanum-square-r'; text-align:center;} .showcase_r .img_n .exp {color:#8b8b8b; font-size:13px; height:90px; line-height:24px; overflow:hidden;text-align:justify;margin-top:21px;} .showcase_r .img_n a:hover {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .showcase_r2 {position:relative;} .showcase_r2 .showcase-onepage .showcase-content{} .showcase_r2 .showcase-button-wrapper{clear:both; position:absolute; bottom:12px; left:50%; margin-left:-30px; text-align:center; z-index:11;} .showcase_r2 .showcase-button-wrapper span{float:left; width:15px; height:15px; margin-left:5px; cursor:pointer; text-indent:-99999em; background:url(/layouts/default/image/main/visual_btn02.png) no-repeat ;} .showcase_r2 .showcase-button-wrapper span.active{background-position:0 -15px;width:15px; } .showcase_r2 .showcase-arrow-next {position:absolute; top:122px;right:35px; outline:0; width:27px; height:26px; margin-top:0px; text-indent:-9999px; z-index:13; background:url(/layouts/default/image/prev_next_btn.png) no-repeat 0 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .showcase_r2 .showcase-arrow-previous{position:absolute; top:122px;right:5px; outline:0; width:27px; height:26px; margin-top:0px; text-indent:-9999px; z-index:13;background: url(/layouts/default/image/prev_next_btn.png) no-repeat -28px 0; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } .showcase_r2 .showcase-arrow-next:hover, .showcase_r2 .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_r2 .img_y, .showcase_r2 .img_n{width:320px; height:260px; overflow:hidden; display:block;text-align:justify;} .showcase_r2 .img_y a, .showcase_r2 .img_n a {display:block;} .showcase_r2 .thimg {width:320px; height:157px; overflow:hidden; display:block;background:#000;} .showcase_r2 .thimg img {opacity:1.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;} .showcase_r2 a:hover .thimg img {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transform:scale(1.1); transform:scale(1.1); } .showcase_r2 .img_y .sbj {display:block; overflow:hidden; margin-top:18px; height:30px; line-height:30px; color:#333; font-size:17.5px; letter-spacing:-0.5px;font-family: 'nanum-square-r'; margin-bottom:8px;} .showcase_r2 .img_y .exp {color:#8b8b8b; font-size:13px; height:43px; line-height:21px; overflow:hidden;text-align:justify;} .showcase_r2 .img_y .cate {position:absolute; top:118px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .showcase_r2 .img_y .cate span {display:inline-block; background:url(/layouts/default/image/bg_bbscate.png) left top repeat; padding:0px 10px;} .showcase_r2 .img_y .cate {position:absolute; top:118px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .showcase_r2 .img_y .cate span {display:inline-block; background:url(/layouts/default/image/bg_bbscate.png) left top repeat; padding:0px 10px;} .showcase_r2 .img_n .cate {position:absolute; top:118px; left:0px; height:39px;color:#fff; font-family:dotum; font-size:12px; line-height:39px; overflow:hidden;text-align:justify;z-index:12;} .showcase_r2 .img_n .cate span {display:inline-block; background:#000; padding:0px 10px;opacity:0.45; -moz-opacity:0.45; filter: alpha(opacity=45);} .showcase_r2 .img_n .sbj {width:320px; height:157px; overflow:hidden; display:block;background:#4f79b8;} .showcase_r2 .img_n .sbj span{display:table-cell; vertical-align:middle; padding:40px 20px 60px 20px; width:280px; overflow:hidden; height:57px; line-height:28px; color:#fff; font-size:17.5px; letter-spacing:-0.5px;font-family: 'nanum-square-r'; text-align:center;} .showcase_r2 .img_n .exp {color:#8b8b8b; font-size:13px; height:90px; line-height:24px; overflow:hidden;text-align:justify;margin-top:21px;} .showcase_r2 .img_n a:hover {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} /*.mQuickA {width:358px; height:143px; padding:0px; border:1px solid #ddd;overflow:hidden; display:block; } .mQuickA ul{margin:0px; padding:0px;} .mQuickA ul::after {clear:both; display:block; content:'';} .mQuickA li{float:left;} .mQuickA li a{display:block; width:89px; height:53px; padding-top:90px;border-left:1px solid #ddd; font-size:16.5px; text-align:center; letter-spacing:-0.5px;font-family: 'nanum-square-r'; color:#333 } .mQuickA li:first-child a {border-left:none;width:88px;} .mQuickA li a:hover {height:80px; padding-top:63px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; color:#fff;} .mQuickA li a.mqbtn1 { background: url(/layouts/default/image/bg_mbtn1.png) center 34px no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .mQuickA li a.mqbtn2 { background: url(/layouts/default/image/bg_mbtn2.png) center 36px no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .mQuickA li a.mqbtn3 { background: url(/layouts/default/image/bg_mbtn3.png) center 34px no-repeat; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mQuickA li a.mqbtn4 { background: url(/layouts/default/image/bg_mbtn4.png) center 34px no-repeat; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mQuickA li a:hover.mqbtn1 { background: url(/layouts/default/image/bg_mbtn1.png) -60px 34px no-repeat #6c8cbd; } .mQuickA li a:hover.mqbtn2 { background: url(/layouts/default/image/bg_mbtn2.png) -60px 36px no-repeat #e17f56; } .mQuickA li a:hover.mqbtn3 { background: url(/layouts/default/image/bg_mbtn3.png) -60px 34px no-repeat #9aa5ac; } .mQuickA li a:hover.mqbtn4 { background: url(/layouts/default/image/bg_mbtn4.png) -60px 34px no-repeat #5eb55c; }*/ .mQuickA {width:358px;height: 100px;padding:0px;border:1px solid #ddd;overflow:hidden;display:block;} .mQuickA ul{margin:0px; padding:0px;} .mQuickA ul::after {clear:both; display:block; content:'';} .mQuickA li{float:left;} .mQuickA li a{display:block;width:89px;height:34px;padding-top:68px;border-left:1px solid #ddd;font-size:15px;text-align:center;letter-spacing:-1px;font-family: 'nanumB';color:#333; font-weight: normal;} .mQuickA li:first-child a {border-left:none;width:88px;} .mQuickA li a:hover {height:80px; padding-top:40px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; color:#fff;} .mQuickA li a.mqbtn1 { background: url(/layouts/default/image/bg_mbtn1.png) center 18px no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .mQuickA li a.mqbtn2 { background: url(/layouts/default/image/bg_mbtn2.png) center 24px no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .mQuickA li a.mqbtn3 { background: url(/layouts/default/image/bg_mbtn3.png) center 20px no-repeat; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mQuickA li a.mqbtn4 { background: url(/layouts/default/image/bg_mbtn4.png) center 22px no-repeat; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mQuickA li a:hover.mqbtn1 { background: url(/layouts/default/image/bg_mbtn1.png) -60px 34px no-repeat #6c8cbd; } .mQuickA li a:hover.mqbtn2 { background: url(/layouts/default/image/bg_mbtn2.png) -60px 36px no-repeat #e17f56; } .mQuickA li a:hover.mqbtn3 { background: url(/layouts/default/image/bg_mbtn3.png) -60px 34px no-repeat #9aa5ac; } .mQuickA li a:hover.mqbtn4 { background: url(/layouts/default/image/bg_mbtn4.png) -60px 34px no-repeat #5eb55c; } .mPopupBtn {padding:21px 19px 20px 20px; height:80px; overflow:hidden;} .mPopupBtn a {display:block; background: url(/layouts/default/image/i_sjguidebtn.png) 185px center no-repeat #847359; width:206px; height:65px; padding:15px 20px 0px 24px;font-family: 'nanum-square-b'; font-weight:normal; color:#fff; font-size:19px; line-height:26px; letter-spacing:-1px; } .ptline {width:100%; height:1px; background:#e5e5e5; margin:0 auto; display:block;} .h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;line-height:0px;} .h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;line-height:0px;}