@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css); #mtopArea {width:1200px; height:420px; margin:36px auto 38px auto; overflow:hidden; clear:both;} #mVisualA {float:left; width:782px; height:420px; overflow:hidden; position:relative;} #mVisualA .mvisTxt {position:absolute; top:200px; left:40px; z-index:10; text-align:left;letter-spacing:-2px;} #mVisualA .mvisTxt .tit {display:block;margin:0px; padding:0px; font-weight:normal; color:#fff; font-size:36px; line-height:52px; height:52px;font-family: 'NotoKrM'; text-shadow:0px 0px 5px rgba(0,0,0,0.6); } #mVisualA .mvisTxt .name {display:block;margin:10px 0px 0px 0px; padding:0px; font-weight:normal; color:#fff;letter-spacing:-2.5px; font-size:60px; line-height:60px; height:60px;font-family: 'NotoKrL'; text-shadow:0px 0px 2px rgba(0,0,0,0.6); } #mVisualA .mvisBd {position:absolute; bottom:0px; left:0px;width:100%;height:16px;z-index:9; background:url(/img/mvisual_bg.png) left bottom repeat-x ; } #showcase{position:relative;} #showcase .showcase-onepage .showcase-content{} #showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:60px; left:50px; text-align:left; z-index:11;} #showcase .showcase-button-wrapper span{display:inline-block; width:20px; height:3px; margin-left:1px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:#fff;} #showcase .showcase-button-wrapper span.active{ background:#e65c55;} #showcase .showcase-arrow-next {position:absolute; top:410px;outline:0; width:34px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;left:30px; background:url(/img/main/prev_next_btn2.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:34px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;right:30px; background: url(/img/main/prev_next_btn2.png) no-repeat -35px 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;} #mPopupA {float:right; width:370px; height:420px; overflow:hidden; position:relative;} #showcase2{position:relative;} #showcase2 .showcase-onepage .showcase-content{} #showcase2 .showcase-button-wrapper{clear:both; position:absolute; top:0px;right:10px; text-align:right; z-index:11;} #showcase2 .showcase-button-wrapper span{display:inline-block; width:12px; height:12px; margin-left:4px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:url(/img/btn_off2.png) center top no-repeat;} #showcase2 .showcase-button-wrapper span.active{ background:url(/img/btn_on2.png) center top no-repeat;} .quickArea {border:1px solid #ddd; height:78px; display:block; margin-bottom:38px; padding:0px 30px; overflow:hidden; } .quickArea ul.quick {display:block} .quickArea ul.quick:after {clear:both; content:''; display:block;} .quickArea ul.quick li {float:left; overflow:hidden;} .quickArea ul.quick li:first-child {margin-left:20px;} .quickArea ul.quick li a{display:block; height:78px; padding:0px 48px 0px 68px; line-height:78px; font-size:18px; text-align:center;color:#454545;font-family: 'NotoKrM';-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .quickArea ul.quick li a:hover {color:#bf523b;} .quickArea a.qbg1 {background:url(/img/main/quick_01.png) 15px center no-repeat; } .quickArea a:hover.qbg1 {background:url(/img/main/quick_01_on.png) 15px center no-repeat; } .quickArea a.qbg2 {background:url(/img/main/quick_02.png) 23px center no-repeat; } .quickArea a:hover.qbg2 {background:url(/img/main/quick_02_on.png) 23px center no-repeat; } .quickArea a.qbg7 {background:url(/img/main/quick_07.png) 15px center no-repeat; } .quickArea a:hover.qbg7 {background:url(/img/main/quick_07_on.png) 15px center no-repeat; } .quickArea a.qbg3 {background:url(/img/main/quick_03.png) 33px center no-repeat; } .quickArea a:hover.qbg3 {background:url(/img/main/quick_03_on.png) 33px center no-repeat; } .quickArea a.qbg4 {background:url(/img/main/quick_04.png) 30px center no-repeat; } .quickArea a:hover.qbg4 {background:url(/img/main/quick_04_on.png) 30px center no-repeat; } .quickArea a.qbg5 {background:url(/img/main/quick_05.png) 30px center no-repeat; } .quickArea a:hover.qbg5 {background:url(/img/main/quick_05_on.png) 30px center no-repeat; } /*.quickArea a.qbg6 {background:url(/img/main/quick_06.png) 15px center no-repeat; }*/ /*.quickArea a:hover.qbg6 {background:url(/img/main/quick_06_on.png) 15px center no-repeat; }*/ .leftArea {float:left; width:364px; height:476px; overflow:hidden; display:block; } .leftArea ul.bann li {margin-top:12px; width:364px; height:110px;overflow:hidden; position:relative;} .leftArea ul.bann li:first-child {margin-top:0px;} .leftArea ul.bann li a {display:block; width:364px; height:110px;} .leftArea ul.bann li a .txtA { position:absolute; top:20px; left:35px; z-index:1; color:#ba6831;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .leftArea ul.bann li a:hover .txtA {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);} .leftArea ul.bann li .txtA p {font-size:22px;height:40px; line-height:40px; letter-spacing:-1px;} .leftArea ul.bann li .txtA span {padding-left:1px; display:block;} .leftArea ul.bann li a .imgA {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .leftArea ul.bann li a:hover .imgA {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .leftArea ul.bann li.bnbg1 {background:#fff; } .leftArea ul.bann li.bnbg2 {background:#fff; } .leftArea ul.bann li.bnbg3 {background:#fff; } .leftArea ul.bann li.bnbg4 {background:#fff; } .leftArea ul.bann li:first-child .txtA span { font-family: 'cwTeXHei', serif; font-size:15px; margin-top:4px; } .rightArea {float:right; width:779px; height:476px; overflow:hidden; display:block; } .notiArea {float:left; width:318px; height:231px; display:block; overflow:hidden;border:1px solid #e5e5e5; padding:0px 25px;} .notiArea h3 {position:relative; color:#6a1c08; font:normal 20px 'NotoKrM'; margin:24px 0px 12px 0px; line-height:22px; height:22px; } .notiArea h3 .bt_more {position:absolute; right:0px; top:0px; text-align:right; font-size:13px; color:#a6a6a6; font-family: 'NotoKrR'; } .notiArea ul.notiA {list-style:none; padding:0px; margin:0px; } .notiA li{ list-style:none; overflow:hidden; letter-spacing:-1px; } .notiA li:first-child{border-top:none; } .notiA li a{display:block; height:32px; line-height:32px; font-size:15.5px; color:#454545;position:relative; letter-spacing:-1px; background:url(/img/li_bul.png) 0px center no-repeat; padding-left:10px; } .notiA li a:hover {color:#d47041; text-decoration:none; } .notiA li a strong {font-weight:normal; font-family: 'NotoKrM'; color:#000;} .gallArea {float:right; width:320px; height:231px; display:block; overflow:hidden; padding:0px 25px; background:#f4f4f4; } .gallArea h3 {position:relative; color:#6a1c08; font:normal 20px 'NotoKrM'; margin:24px 0px 12px 0px; line-height:22px; height:22px; } .gallArea h3 .bt_more{position:absolute; right:0px; top:0px; text-align:right; font-size:13px; color:#a6a6a6; font-family: 'NotoKrR'; } .gallArea ul.gallA {list-style:none; margin:0px; border-top:none; overflow:hidden;} .gallArea ul:after {clear:both; content:''; display:block;} .gallArea li{clear:both; list-style:none; display: block; height:66px; position:relative; padding:0px; margin:12px 0px 0px 0px;overflow:hidden;text-align:center; } .gallArea li:first-child, .gallArea li.el {margin-top:5px;} .gallArea li a{ display:block; width:100%; height:66px; } .gallArea .imgbd {position:absolute; top:0px; left:0px; z-index:1;width:98px; height:66px; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; } .gallArea .imgA {float:left; width:98px; height:66px; background:#000;overflow:hidden;} .gallArea 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;} .gallArea a:hover .imgA .thimg{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); -webkit-transform:scale(1.04); transform:scale(1.04); } .gallArea a .txtA {float:right; display:block; width:210px; height:66px;overflow:hidden; padding:0px 0px 0px 0px;font-family:'NotoKrR'; color:#7e7e7e; overflow:hidden; letter-spacing:-0.6px; text-align:left; } .gallArea a .txtA .sbj {color:#454545; font-size:15.5px; line-height:21px; max-height:42px; overflow:hidden; } .gallArea a:hover .txtA .sbj {color:#d47041; } .gallArea a .txtA .date {font-size:13.5px; height:16px; line-height:16px; margin-top:8px;} .adleftArea {float:left; width:370px; height:200px; display:block; overflow:hidden; padding:0px 0px; background:#fff; margin-top:44px; position:relative; text-align:center; } .adleftArea a {display:block; width:370px; height:200px;} .adleftArea a .txtA { position:absolute; top:60px; text-align:left; padding-left:33px; width:370px; z-index:1; color:#fff;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); } .adleftArea .txtA p {font-size:24px;height:40px; line-height:40px; letter-spacing:-1px;margin-bottom:10px;} .adrightArea .txtA p strong {font-weight:normal; font-family:'NotoKrM'; } .adleftArea a .imgA {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .adleftArea a:hover .imgA {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .adleftArea a .imgA img{-webkit-transform:scale(1.00); transform:scale(1.00); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .adleftArea a:hover .imgA img{-webkit-transform:scale(1.00); transform:scale(1.00);} .adleftArea ul.bann_01 li {margin-top:12px; width:370px; height:95px; overflow:hidden; position:relative;} .adleftArea ul.bann_01 li:first-child {margin-top:0px;} .adleftArea ul.bann_01 li a {display:block; width:370px; height:95px;} .adleftArea ul.bann_01 li a .txtA { position:absolute; top:27px; left:0px; z-index:1; color:#5a5a5a;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .adleftArea ul.bann_01 li a:hover .txtA {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);} .adleftArea ul.bann_01 li .txtA p {font-size:18px; width:210px; line-height:24px; letter-spacing:-1px ;margin-bottom:5px; float:left;} .adleftArea ul.bann_01 li .txtA span {float:left; background:#8a351b;padding:3px 10px; margin:8px 0 0 30px; color:#fff;} .adleftArea ul.bann_01 li a .imgA {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .adleftArea ul.bann_01 li a:hover .imgA {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .adleftArea ul.bann_01 li.bnbg1 {background:#fff; } .adleftArea ul.bann_01 li.bnbg2 {background:#fff; } .adrightArea {float:right; width:370px; height:200px; display:block; overflow:hidden; padding:0px 0px; background:#fff;margin-top:44px; position:relative;text-align:center; } .adrightArea a {display:block; width:370px; height:200px;} .adrightArea a .txtA { position:absolute; top:60px; text-align:left; padding-left:33px; width:370px; z-index:1; color:#fff;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); } .adrightArea .txtA p {font-size:24px;height:40px; line-height:40px; letter-spacing:-1px;margin-bottom:10px;} .adrightArea .txtA p strong {font-weight:normal; font-family:'NotoKrM'; } .adrightArea a .imgA {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .adrightArea a:hover .imgA {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .adrightArea a .imgA img{-webkit-transform:scale(1.00); transform:scale(1.00); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .adrightArea a:hover .imgA img{-webkit-transform:scale(1.00); transform:scale(1.00);} .adrightArea ul.bann_01 li {margin-top:12px; width:370px; height:95px; overflow:hidden; position:relative;} .adrightArea ul.bann_01 li:first-child {margin-top:0px;} .adrightArea ul.bann_01 li a {display:block; width:370px; height:95px;} .adrightArea ul.bann_01 li a .txtA { position:absolute; top:27px; left:0px; z-index:1; color:#5a5a5a;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .adrightArea ul.bann_01 li a:hover .txtA {opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);} .adrightArea ul.bann_01 li .txtA p {font-size:18px; width:210px; line-height:24px; letter-spacing:-1px ;margin-bottom:5px; float:left;} .adrightArea ul.bann_01 li .txtA span {float:left; background:#8a351b;padding:3px 10px; margin:8px 0 0 30px; color:#fff;} .adrightArea ul.bann_01 li a .imgA {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .adrightArea ul.bann_01 li a:hover .imgA {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .adrightArea ul.bann_01 li.bnbg1 {background:#fff; } .adrightArea ul.bann_01 li.bnbg2 {background:#fff; } .leftArea ul.bann li:first-child .txtA span { font-family: 'cwTeXHei', serif; font-size:15px; margin-top:4px; } .rightArea {float:right; width:779px; height:476px; overflow:hidden; display:block; } .bd {border-top:1px solid #e5e5e5; margin:44px 0px 40px 0px;} .mSitelinkA {display:block; position:relative; overflow:hidden; height:66px; margin:0px auto; } .mSitelinkA h3 {float:left; width:215px; position:relative; color:#6a1c08; font:normal 20px 'NotoKrM'; margin:0px 0px 0px 10px; line-height:66px; height:66px; } .mSitelinkA .else {float:left; width:920px;} .mSitelinkA ul{margin:0px 0px 0px 0px; padding:0px; display:block;} .mSitelinkA ul:after {clear:both; content:''; display:block;} .mSitelinkA li {float:left; margin:0px; padding:0px;} .mSitelinkA #prevBtn{position:absolute;left:176px;top:17px; cursor:pointer; width:34px; height:34px; text-indent:-9999999px;background: url(/img/main/btn_prev.png) no-repeat 0px 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mSitelinkA #nextBtn{position:absolute;right:0px;top:17px; cursor:pointer;width:34px; height:34px; text-indent:-9999999px; background: url(/img/main/btn_next.png) no-repeat 0px 0px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .mSitelinkA .bx-wrapper {width:920px !important; }