/* CSS Document */
#wrapper{overflow:hidden}
/* ¸ÞÀκñÁÖ¾ó */
.main-banner-item {margin:0px auto;}
.main-background {left:0px;top:0px;width:100%;height:100%;position:absolute;z-index:1;min-width:50px;margin:0px;padding:0px;}
.main-banner-dot {width:10px;height:10px;background:#fff;position:absolute;z-index:10;bottom:50px;left:50%;text-indent:-9999px;display:block;display:none !important;}
.on.main-banner-dot {background:#b19862;;z-index:1;width:20px;display:none !important;}
.main-banner-dot a {width: 10px; height: 10px; display: block;z-index:10;}
.main-banner-item {background: no-repeat top; width: 100%; height:100%; display: none; position: absolute; min-width: 50px;}
.main-banner-item > div.wrap {margin:0px auto;width:1200px;position:relative;}
.main-banner-item .mv-img1, .main-banner-item .mv-img2, .main-banner-item .mv-img3, .main-banner-item .mv-img4 {position:relative;text-shadow:0.1px 0.1px 0.1px #000;display:block;}
.main-banner-item .btn-main {position:relative;display:inline-block;width:150px;}
.mv-img1 {margin-top:20%;font-size:60px;color:#fff;font-family:Gotham-Black;}
.mv-img2 {margin:2% auto;background:#b19862;width:100px;height:8px;text-indent:-9999px;}
.mv-img3 {margin-top:2%;font-size:20px;color:#fff;}
.mv-img4 {margin-top:2%;font-size:40px;color:#fff;}
.btn-main {margin-top:2%;font-size:16px;color:#fff;border:solid 2px #fff;padding:10px 30px;text-align:center;}
.wrap a:hover {color:#fff;border:solid 2px #b19862;background:#b19862;-webkit-transition: 0.25s;transition: 0.25s;}
.btn-main span {color:#fff;}
body.main .main-banner-item > .wrap {margin:0px auto;width:100%;position:relative;z-index:9999;text-align:center;}
body.main .b1.main-banner-item {display:none;background:url("../../img/main_visual1.jpg") no-repeat top center; background-size:cover;}
body.main .b2.main-banner-item {display:none;background:url("../../img/main_visual2.jpg") no-repeat top center; background-size:cover;}
body.main .b3.main-banner-item {display:none;background:url("../../img/main_visual3.jpg") no-repeat top center; background-size:cover;}
body.main .main-banner-controler{position: absolute; left:50.75%; bottom:10%; width:18px; height:18px; text-align: center; background:url("") no-repeat; margin-top: -4px; z-index: 3;}
body.main .busy.main-banner-controler {background-position: 0px -18px;}
body.main .main-banner-controler a {width:100%; height:100%; color:#fff; display:block;}
body.main .main-banner-controler a span {font-size: 0px;}
@media all and (max-width:1024px){
.mv-img1 {left: 0px; margin-top:22%;font-size:30px;;}
.mv-img2 {left: 5px; margin-top:2%;width:60px;height:4px;}
.mv-img3 {left: 5px; margin-top:2%;font-size:16px;}
.mv-img4 {left: 0px; margin-top:2%;font-size:20px;}
.btn-main {left: 0px;margin-top:2%;font-size:14px;padding:5px 20px;}
}
@media all and (max-width:768px){
.main-background {position:relative; width:100%;height:100%; margin-top:0px;}
body.main .main-banner-item {display:none; position:relative; width:100%; height:100%; background:no-repeat top;display:block;}
body.main .b1.main-banner-item {display:none; position:absolute; background:url("../../img/main_visual1.jpg") no-repeat top center; background-size:cover}
body.main .b2.main-banner-item {display:none; position:absolute; background:url("../../img/main_visual2.jpg") no-repeat top center; background-size:cover}
body.main .b3.main-banner-item {display:none; position:absolute; background:url("../../img/main_visual3.jpg") no-repeat top center; background-size:cover}
body.main .main-down {display:none;}
body.main .main-banner-controler {position:absolute; left:50%; width:18px; height:18px; margin-left:-9px; bottom:4%; background: url("http://www.re-nk.co.kr/images/main/mv-play-pause.png") no-repeat;}
}
/* ¾Æ·¡·Î ¸¶¿ì½º¹öÆ° */
body.main .main-down {background: url("../../img/mouse.png") no-repeat;left:50%;margin-left:-16.5px;bottom:20px;width:33px;height:48px;position:absolute;z-index:13;opacity:0.5;-webkit-transition:0.25s;transition:0.25s;}
body.main .main-down:hover {opacity:1;-webkit-transition: 0.25s;transition: 0.25s; }
body.main .main-down a {width:100%;height:100%;display:block;}
body.main .main-down a span {font-size: 0px;}
/* ¼½¼Ç °øÅë */
#section h2.tit {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(0,50px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
#section.acti h2.tit {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.5s; }
#section p.subtit {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(0,-50px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
#section.acti p.subtit {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.6s; }
.section2 .dropdown  {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(0,50px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.section2.acti .dropdown {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.7s; }
.listWrapper {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(0,50px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.section.acti .listWrapper {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.7s; }
.section2 .btn-more{position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(0,50px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.section2.acti .btn-more{opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.7s; }
.m3_list {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(0,50px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.section.acti .m3_list{opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.7s; }
.contactArea {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(50px,0px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.section.acti .contactArea {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.7s; }
.mapArea {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(-50px,0px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.section.acti .mapArea {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.7s; }
.section .fp-tableCell > .inner {position:relative; max-width:1400px; margin:0 auto; padding:0 50px;width:1200px;}
.section h2.tit {position:relative; text-align:center; font-size:40px; font-weight:600; color:#333; margin-bottom:10px; z-index:30}
.section h2.tit a {font-size:40px; font-weight:600; color:#333}
.section h2.tit a:hover {color:#92bd92}
.section h2.tit:before {display:block; width:36px; height:2px; margin:auto auto 10px auto; content:''; background:#333}
.section h2.tit.light {color:#fff}
.section h2.tit.light a {color:#fff}
.section h2.tit.light:before {background:#fff}
.section h2.tit.left {text-align:left}
.section h2.tit.left:before {margin:0 0 10px 0}
.section p.subtit {text-align:center; font-size:14px; color:#e9e9e9}
.section .btn-more {text-align:center}
.section .btn-more a {display:inline-block; font-size:16px; color:#000; padding:12px 35px; border:2px solid #000; background:transparent}
.section .btn-more a i {margin-left:15px; vertical-align:-1px}
.section .btn-more a:hover {color:#fff; background:#000}
.section .btn-more.light a {color:#fff !important; border:2px solid #fff !important}
.section .btn-more.light a:hover {color:#000 !important; background:#fff}
/* Æ÷Æ®Æú¸®¿À °Ô½ÃÆÇ ÃßÃâ */
.section2 {background:url(../../img/main_bg1.jpg) no-repeat;background-size:cover;z-index:1;}
.section2 .dropdown > a {display:none;}
.section2 .category {width:100%; text-align:center; margin:50px auto}
.section2 .category > li {display:inline-block; padding:0 10px}
.section2 .category > li a {display:block; font-size:16px; color:#fff; padding:5px 15px}
.section2 .category > li.on a:after, .section2 .category > li a:hover:after {display:block; margin-top:8px; height:3px; content:''; background:#fff}
.section2 .category > li.on a:before {display:block; width:0; height:0; content:''; margin:0 auto 5px auto; border-style:solid; border-width:4px; border-color:#fff transparent transparent transparent}
.section2 .listWrapper {margin-bottom:100px}
.section2 .listWrapper .tableArea {width:101.5%; margin-left:-0.757%}
.section2 .listWrapper .tableArea > table {position:relative; float:left; width:23.48%; margin:0 0.757% 20px 0.757%}
.section2 .listWrapper .tableArea .board, .section2 .listWrapper .tableArea td[width="25"] {display:none !important}
.section2 .listWrapper .tableArea > table a {display:block}
.section2 .listWrapper .tableArea > table img {display:block; width:100%; height:auto !important}
.section2 .listWrapper .tableArea > table br {display:none}
.section2 .listWrapper .tableArea > table .hoverBox {position:absolute; top:0; left:0; bottom:0; right:0; padding:30px; text-align:left; background:rgba(0, 0, 0, .6); opacity:0; filter:alpha(opacity='0'); transition:all .5s ease}
.section2 .listWrapper .tableArea > table .hoverBox h3 {font-size:24px; font-weight:normal; color:#fff; line-height:1.4; margin-bottom:10px}
.section2 .listWrapper .tableArea > table .hoverBox p {font-size:14px; color:#fff; line-height:1.75}
.section2 .listWrapper .tableArea > table:hover .hoverBox {opacity:1; filter:alpha(opacity='100')}
/* ¸â¹ö */
.section3 {background:url(../../img/main_bg2.jpg) no-repeat;background-size:cover;z-index:1;}
.section3 .m3_list{margin:0 auto; margin-top:100px;font-size:0px;}
.section3 .m3_list li {display:inline-block;width:33.33%;position:relative;text-align:center;padding:0px 50px;}
.section3 .m3_list li a {display:inline-block; width:100%;color:#b19862;}
.section3 .m3_list li a:hover .tit {color:#fff;}
.section3 .m3_list li .img img {display:inline-block;width:100%;}
.section3 .m3_list li .tit {margin-top:0px; color:#fff;font-family:Raleway;font-size:24px;padding:20px 0px;color:#b19862;}
.section3 .m3_list li .tit2 {font-size:13px;display:block; color:#fff;line-height:20px;}
/* Áöµµ&¹®ÀÇ */
.section4 {background:url(../../img/main_bg2.jpg) no-repeat;background-size:cover;}
.section4 .inner {max-width:1200px;margin:0px auto;}
.section4 .mapArea {float:left; width:50%;padding:80px 30px 0px;}
.section4 .mapArea #map {width:100%; height:281px;border-radius:4px;margin-bottom:33px;}
.section4 .mapArea .new_map {width:100%; height:281px;border-radius:4px; margin-bottom:33px;}
.section4 .mapArea h4 {font-size:18px; font-weight:normal; color:#454545; margin-bottom:20px}
.section4 .mapArea ul li {float:left;position:relative; font-size:14px; line-height:1.5; color:#fff; padding:5px 0 5px 30px;width:100%;}
/*.section4 .mapArea ul li:first-child {width:100%;}*/
.section4 .mapArea ul li:before {position:absolute; left:0; font-family:'FontAwesome'; font-size:18px; vertical-align:-2px}
.section4 .mapArea ul li.item1:before {content:'\f041'}
.section4 .mapArea ul li.item2:before {content:'\f095'}
.section4 .mapArea ul li.item3:before {content:'\f017'}
.section4 .contactArea {float:left; width:50%; max-width:740px;padding:80px 30px 0px}
.section4 .contactArea fieldset {margin-top:0px; padding-top:0px;}
.section4 .contactArea .inputWrapper {max-height:60px; text-align:justify; margin-bottom:10px}
.section4 .contactArea .inputWrapper:after {display:inline-block; width:100%; content:''; height:0}
.section4 .contactArea .inputWrapper input {display:inline-block; width:49%; height:60px; font-size:14px; text-indent:20px; border:none; border-radius:4px; background:#f0f0f0}
.section4 .contactArea textarea {width:100%; min-height:150px; padding:20px; font-size:14px; border:none; border-radius:4px; background:#f0f0f0}
.section4 .contactArea button {margin-top:30px; padding:12px 35px; font-size:16px; border:2px solid #000; background:transparent; cursor:pointer; transition:all .3s ease}
.section4 .contactArea button:hover, .section5 .contactArea button:focus, .section5 .contactArea button:active {color:#fff; background:#000}
.section4 .formmail_btn {text-align:left !important}
.section4 .contactArea .tbl_formmail:before {display:block; width:100%; height:0px; margin-bottom:0px; content:''; background:#e8e8e8}
.section4 .contactArea .formmail_cell_bgcolor {background:none !important;}
.section4 .contactArea .tbl_formmail tbody td {padding:0px 0px 6px 0px;}
.section5 {height:auto !important;}
.section5 .fp-tableCell {height:auto !important;}
#footer {width:100%;height:auto !important;}
#scrollTop {display:none !important;}
@media screen and (min-width:1281px) {
 /* ÃÖ±Ù °¶·¯¸® ÃßÃâ */
 .section2 .category {display:block !important}
}
@media all and (max-width:1280px){
/* ¼½¼Ç °øÅë */
 .section .fp-tableCell > .inner {width:100%;}
 .section h2.tit {font-size:24px}
 .section h2.tit a {font-size:24px}
 .section h2.tit:before {width:28px; height:2px}
 .section h3.slogan {font-size:33px}
/* ÃÖ±Ù °¶·¯¸® ÃßÃâ */
 .section2 .dropdown {position:relative; width:75%; margin:50px auto}
 .section2 .dropdown > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; background:#fff}
 .section2 .dropdown > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'}
 .section2 .dropdown.open > a:after {content:'\f106'}
 .section2 .category {display:none; position:absolute; top:50px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30}
 .section2 .category > li {display:block; padding:0; text-align:left}
 .section2 .category > li a {color:#999; padding:12px 15px; border-top:1px solid #f0f0f0}
 .section2 .category > li.on a {color:#333}
 .section2 .category > li.on a:before, .section2 .category > li.on a:after, .section2 .category > li:hover a:before, .section2 .category > li:hover a:after {display:none !important}
 .section2 .listWrapper {margin-bottom:60px}
 .section2 .listWrapper .tableArea {margin-left:-0.7575%}
 .section2 .listWrapper .tableArea > table {}
 .section2 .listWrapper .tableArea > table .hoverBox h3 {font-size:18px}
 .section2 .listWrapper .tableArea > table .hoverBox p {font-size:12px}
/* ¸â¹ö */
.section3 .m3_list{margin:100px auto 0px;font-size:0px;}
.section3 .m3_list li {padding:0px 20px;}
.section3 .m3_list li .img img {width:auto;}
.section3 .m3_list li .tit {font-size:18px;}
.section3 .m3_list li .tit2 {font-size:12px;}
}
@media all and (max-width:1024px){
/* Áöµµ&¹®ÀÇ */
.section4 {height:auto !important;}
.section4 .mapArea, .section4 .contactArea {padding:80px 10px 0px;} 
.section4 .mapArea ul li {width:60%;}
.section4 .mapArea ul li:last-child {width:40%;}
.section4 .mapArea ul li a {color:#fff;}
}
@media all and (max-width:768px){
/* ÃÖ±Ù °¶·¯¸® ÃßÃâ */
 .section2 .dropdown {margin:30px auto} 
 .section2 .listWrapper {margin-bottom:30px}
 .section2 .listWrapper .tableArea {margin-left:-0.3787%}
 .section2 .listWrapper .tableArea > table {width:48.86%; margin:0 0.3787% 0.8% 0.3787%}
 .section2 .listWrapper .tableArea > table .hoverBox {padding:20px}
 .section2 .listWrapper .tableArea > table .hoverBox h3 {display:-webkit-box; font-size:14px; margin-bottom:5px; max-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
 .section2 .listWrapper .tableArea > table .hoverBox p {display:-webkit-box; max-height:42px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
/* ¼½¼Ç °øÅë */
 .mainvisual {padding:0px !important;}
 .section {padding:0px 0px;}
 .section > .inner {padding:0 25px}
 .section h2.tit {margin-bottom:10px}
 .section h2.tit:before {width:20px; height:2px}
 .section h3.slogan {font-size:22px; margin-bottom:15px}
 .section p.subtit {line-height:1.75}
/* ¸â¹ö */
.section3 .m3_list li {width:50%;margin-bottom:50px;}
.section3 .m3_list li:last-child {width:100%;}
.fp-tableCell {vertical-align:top !important;}
.section4 {height:auto !important;padding-bottom:200px;}
.section4 .fp-tableCell {height:auto !important;}
body.main .main-down {display:none;}
}
@media all and (max-width:640px){
/* ¸â¹ö */
.section3 .m3_list li {width:100%;margin-bottom:50px;}
/* Áöµµ&¹®ÀÇ */
.section4 {height:auto !important;}
.section4 .mapArea, .section4 .contactArea {width:100%;display:block;}
.section4 .mapArea ul li {text-align:center;float:none;width:100%;padding-left:0px}
.section4 .mapArea ul li:last-child {width:100%;}
.section4 .mapArea ul li.item1:before, .section4 .mapArea ul li.item2:before, .section4 .mapArea ul li.item3:before {display:none;}
.section4 .formmail_btn {text-align:center !important}
}
@media (min-width:769px) and (max-height:760px){
.section4 .contactArea {padding-bottom:200px;}
.mainvisual {padding:0px !important;}
.section {padding:50px 0px;}
body.main .main-down {display:none;}
}
/*bootstrap.css*/
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after
{display:table; content:"";}