@charset "euc-kr";
/* ----------------------------- ¸ÞÀÎÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
/* ¸ÞÀκñÁÖ¾ó */
#mainVisual {position:relative; overflow:hidden; z-index:20}
body.scrollfix #mainVisual {margin-top:61px}
#mainVisual > .visualList {position:relative; height:1080px; overflow:hidden}
#mainVisual > .visualList .item {float:left; width:100%; height:1080px;/* margin-left:15px*/}
#mainVisual > .visualList .item1 {background:url(../../img/suwonent100.png) center top no-repeat;background-size:cover;}
#mainVisual > .visualList .item2 {background:url(../../img/suwonent100.png) center top no-repeat;background-size:cover;}
#mainVisual > .visualList .item3 {background:url(../../img/suwonent100.png) center top no-repeat;background-size:cover;}
#mainVisual > .imgList {position:relative; height:960px}
#mainVisual > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:960px; background-size:cover !important}
#mainVisual > .imgList > li.item1 {left:0; background:url(../../img/main_visual1.jpg) center top no-repeat}
#mainVisual > .imgList > li.item2 {background:url(../../img/main_visual2.jpg) center top no-repeat}
#mainVisual > .imgList > li.item3 {background:url(../../img/main_visual3.jpg) center top no-repeat}
#mainVisual > .direction a {position:absolute; top:50%; margin-top:-29px; z-index:30}
#mainVisual > .direction .prev {left:60px}
#mainVisual > .direction .next {right:60px}
#mainVisual > .pagination {position:absolute; bottom:380px; left:50%; width:1200px; margin-left:-600px; font-size:0; z-index:30}
#mainVisual > .pagination > li {display:inline-block; font-size:13px; width:17px; height:17px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
#mainVisual > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#cca865}
/* »ó´Ü ¿ÍÀÌµå ¹è³Ê */
#wideBanner {position:relative; margin:-350px auto 0 auto; height:940px; z-index:30}
#wideBanner img {position:relative; left:50%; margin-left:-960px}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
.section {position:relative; padding:40px 0}
.section > .innerContainer {position:relative; width:1200px; margin:auto}
.section > .innerContainer:after {clear:both; display:block; content:''}
.section .section-tit {margin-bottom:40px; text-align:center}
.section .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.section .section-tit h3 {font-size:18px; font-weight:600; color:#cca865; letter-spacing:4px; text-transform:uppercase}
.section .section-tit h3 span {color:#25221d}
/* perfect choice */
#section1 {padding-top:100px}
#section1 .innerContainer {}
#section1 .innerContainer:after {clear:both; content:''; display:block}
#section1 .left {float:left; width:50%}
#section1 .left .imgArea {}
#section1 .left .imgArea img {display:block; width:100%}
#section1 .right {float:right; width:50%; padding:120px 30px}
#section1 .right .right_desc {}
#section1 .right .right_desc .section1_title h3 {padding-bottom:30px}
#section1 .right .right_desc .section1_title p {font-size:40px; font-weight:300; color:#333333; padding-left:90px; padding-bottom:20px}
#section1 .right .right_desc .section1_title p span {color:#ae9478}
#section1 .right .right_desc blockquote {margin:0; padding:0 0 0 90px}
#section1 .right .right_desc blockquote p {font-size:18px;color:#333; line-height:1.55}
#section1 .right .right_desc blockquote a.more-btn {display:inline-block; font-size:18px; font-weight:300; color:#333; font-style:italic; margin-top:20px; transition:all 0.3s ease}
#section1 .right .right_desc blockquote a.more-btn:hover {color:#ae9478}
/* websre video */
#section2 {max-height:1000px; position:relative; background:url(../../img/section2_bg.jpg) center top no-repeat; background-size:cover; margin-top:-250px;z-index:-1;}
#section2:after {clear:both; content:''; display:block}
#section2 > a.video-btn {position:absolute; top:-196px}
#section2 > a.video-btn > .websre_video {}
#section2 > a.video-btn > .websre_video img {display:block; width:100%}
#section2 .right {float:right; width:50%; margin:380px 0 260px}
#section2 .right .right_desc {}
#section2 .right .right_desc .section2_title h3 {padding-bottom:30px}
#section2 .right .right_desc .section2_title > p {font-size:40px; font-weight:300; color:#333333; padding-left:90px; padding-bottom:20px}
#section2 .right .right_desc .section2_title > p span {color:#ae9478}
#section2 .right .right_desc .section2_title blockquote {margin:0; padding:0 0 0 90px}
#section2 .right .right_desc .section2_title blockquote > p {font-size:18px; color:#333; line-height:1.55}
#section2 .right .right_desc .desc_info {margin:30px 0 0 90px; padding:30px; width:70%; border:5px solid #bca58b}
#section2 .right .right_desc .desc_info ul {margin:0 -20px}
#section2 .right .right_desc .desc_info ul:after {clear:both; content:''; display:block}
#section2 .right .right_desc .desc_info ul li {position:relative; float:left; width:33.333334%; text-align:center}
#section2 .right .right_desc .desc_info ul li h4 {font-family:'Montserrat'; font-size:16px; font-weight:700; color:#333; line-height:1.2}
#section2 .right .right_desc .desc_info ul li span {font-size:16px; font-weight:300; color:#6e6e6e; margin-top:5px}
#section2 .right .right_desc .desc_info ul li:after {content:''; display:block; position:absolute; top:25px; left:-15px; width:30px; height:1px; background:#cbcbcb}
#section2 .right .right_desc .desc_info ul li:first-child:after {content:''; display:none}
/* ±×¸®µå ¹è³Ê ¼½¼Ç */
#section3 {}
#section3 .innerContainer {}
#section3 .top_grid {clear:both}
#section3 .top_grid:after {content:''; clear:both; display:block}
#section3 .top_grid .left {float:left; width:634px; overflow:hidden}
#section3 .top_grid .left .grid-slide {position:relative; overflow:hidden}
#section3 .top_grid .left .grid-slide .slick-dots {position:absolute; top:70%; left:62px}
#section3 .top_grid .left .grid-slide .slick-dots:after {clear:both; content:''; display:block}
#section3 .top_grid .left .grid-slide .slick-dots > li {float:left}
#section3 .top_grid .left .grid-slide .slick-dots > li button {display:block; width:10px; height:12px; background:#464041; border:none; font-size:0; margin-right:2px}
#section3 .top_grid .left .grid-slide .slick-dots > li.slick-active button {background:#746364}
#section3 .top_grid .left .grid-slide .item {float:left}
#section3 .top_grid .left .grid-slide .item img {display:block; width:100%}
#section3 .top_grid .right {float:right; width:566px}
#section3 .top_grid .right > ul {}
#section3 .top_grid .right > ul:after {clear:both; content:''; display:block}
#section3 .top_grid .right > ul > li {overflow:hidden}
#section3 .top_grid .right > ul > li .imgArea {max-height:350px; overflow:hidden}
#section3 .top_grid .right > ul > li .imgArea img {display:block; width:100%}
#section3 .bottom_grid {padding-top:20px}
#section3 .bottom_grid:after {clear:both; content:''; display:block}
#section3 .bottom_grid > ul {float:right; width:100%;}
#section3 .bottom_grid > ul:after {clear:both; content:''; display:block}
#section3 .bottom_grid > ul > li {float:left; width:32%; padding:0px; overflow:hidden;margin-right:2%;}
#section3 .bottom_grid > ul > li:last-child {margin:0px;} 
#section3 .bottom_grid > ul > li .imgArea {overflow:hidden}
#section3 .bottom_grid > ul > li img {display:block;width:100%;}
    
/* Ä«¿î¼¿¸µ */
#section4 {}
#section4 .innerContainer {}
#section4 .section4_title {text-align:center; padding-bottom:50px}
#section4 .section4_title h3 {text-align:center; padding-bottom:20px}
#section4 .section4_title > p {font-size:40px; font-weight:300; color:#333333; padding-bottom:20px}
#section4 .section4_title > p span {color:#ae9478}
#section4 .section4_title > blockquote {margin:0}
#section4 .section4_title > blockquote p {font-size:18px; color:#333; line-height:1.55}
#section4 .counsel_box {position:relative; background:url(../../img/section4_bg.jpg) center top no-repeat; background-size:cover; text-align:center; transition:all 0.3s ease; border-top:1px solid #d9d9d9}
#section4 .counsel_box .formmain_inner {max-width:1200px; margin:0 auto; padding:80px 0; z-index:200; overflow:hidden}
#section4 .counsel_box .formmain_inner > table {transition:all 1s ease; width:50%; margin:0 auto}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td {position:relative}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .agree_box {display:block; padding:10px 0; text-align:left; font-size:14px; font-weight:500; color:#5c4e3e}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .agree_box a {font-size:14px; font-weight:500; color:#5c4e3e; vertical-align:top; margin-left:5px}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .agree_box input[type="checkbox"] {width:18px; height:18px; background:#fff; border:1px solid #fff; margin-right:5px; vertical-align:middle;position:relative;top:-1px;}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .formmail_btn {padding-top:25px}
#section4 .counsel_box .formmain_inner > table > tbody > tr > td .formmail_btn a {width:50%; height:50px !important; line-height:50px !important; border-radius:30px; font-size:20px !important; color:#fff}
#section4 .counsel_box .formmain_inner.open {max-width:1200px; margin:0 auto; }
#section4 .counsel_box > a.formmail_close {position:absolute; top:-17px; left:47%; display:inline-block; width:110px; height:35px; line-height:35px; background:#333; font-size:14px; font-weight:500; color:#fff; transition:all 0.55s ease; z-index:150}
#section4 .counsel_box > a.formmail_close > i {margin-right:5px}#main_map {width:809px; height:344px}
/* ¸ÞÀÎ ÇÏ´Ü Á¤º¸ */
#section5 {padding:40px 0 40px; z-index:550}
#section5 .innerContainer {}
#section5 .main_bottom {font-size:0; margin:0 -50px}
#section5 .main_bottom .bottom_item {display:inline-block; width:33.333334%; vertical-align:top; padding:0 40px}
#section5 .main_bottom .bottom_item .bottom_title {padding-bottom:10px}
#section5 .main_bottom .bottom_item .bottom_title h4 {font-size:30px; font-weight:500; color:#000; font-family:'Alegreya'}
#section5 .main_bottom .bottom_item .bottom_title h4 span {color:#ae9478}
#section5 .main_bottom .bottom_item .bottom_title h5 {font-size:40px; font-weight:500; color:#ae9478; font-family:'Alegreya'}
#section5 .main_bottom .bottom_item .bottom_title p {font-size:17px; font-weight:500; color:#333333; font-family:'NanumSquare'}
#section5 .main_bottom .bottom_item3 .bottom_title h4 {padding-bottom:20px}
#section5 .main_bottom .bottom_item3 .bottom_title p {position:relative; padding-left:15px; padding-bottom:5px}
#section5 .main_bottom .bottom_item3 .bottom_title p:after {content:'¤ý'; display:block; position:absolute; top:0; left:0}
#section5 .main_bottom .bottom_item .bottom_title > ul {padding-top:20px; margin:0 -5px}
#section5 .main_bottom .bottom_item .bottom_title > ul:after {clear:both; content:''; display:block}
#section5 .main_bottom .bottom_item .bottom_title > ul li {float:left; width:auto; padding:0 5px}
#section5 .main_bottom .bottom_item .bottom_title > ul li a {display:block; width:50px; height:50px; line-height:48px; background:#333333; border:2px solid #333; border-radius:50%; font-size:26px; color:#fff; text-align:center; transition:all 0.3s ease}
#section5 .main_bottom .bottom_item .bottom_title > ul li a:hover {background:#fff; color:#333}
.movie-section-add {width:100%;position:relative;}

@media screen and (max-width:1400px) {
.section > .innerContainer {width:100%;}
#section1 .left {width:45%;}
#section1 .right {width:55%;}
#section2 {}
.movie-section-add img {width:100%;}
#section2 .right {width:60%;}
#section3 .top_grid .left {width:52.8%;}
#section3 .top_grid .right {width:47.2%;}
#section4 .counsel_box .formmain_inner.open {max-width:100%;}
}
@media screen and (max-width:1280px) {
#section1 .right .right_desc .section1_title p {font-size:28px;}
#section1 .right .right_desc blockquote p {font-size:15px;}
#section2 .right .right_desc .section2_title p {font-size:28px;}
#section2 .right .right_desc .section2_title blockquote > p {font-size:15px;}
#section4 .section4_title > p {font-size:28px;}
#section4 .section4_title > blockquote p {font-size:15px;}
}
@media screen and (max-width:1024px) {
 #mainVisual {margin-top:66px;}
 #mainVisual > .visualList {height:auto;}
 #mainVisual > .visualList .item  {height:auto;}
 #mainVisual > .visualList .item img {width:100%;height:auto;}
 
 .section > .innerContainer {padding:0px 20px;}
 #section1 {padding-top:50px;}
 #section1 .left {width:100%;}
 #section1 .right {width:100%;padding:30px 0px;}
 #section1 .right .right_desc .section1_title p {padding-left:0px;}
 #section1 .right .right_desc .section1_title h3 img {height:25px;}
 #section1 .right .right_desc blockquote {padding:0px;}
 
 #section2 {max-height: unset;margin-top:0px;z-index:0;padding:0px 20px;background:#eee;background-image:none;}
 #section2 .right {width:100%;margin:50px 0px;}
 #section2 .right .right_desc .section2_title p {padding-left:0px;}
 #section2 .right .right_desc .section2_title h3 {padding-bottom:10px;}
 #section2 .right .right_desc .section2_title h3 img {height:25px;}
 #section2 .right .right_desc .section2_title blockquote {padding-left:0px;padding-bottom:20px;}
 #section2 .right .right_desc .desc_info {width:100%;margin:0px;}
 
 #section3 .top_grid .left {width:100%;}
 #section3 .top_grid .right {width:100%;}
 #section3 .top_grid .right > ul > li .imgArea {max-height:inherit;}
 #section3 .bottom_grid > ul > li {width:100%;margin-right:0px;margin-bottom:10px;}
 
 #section4 .section4_title h3 {padding-bottom:10px;}
 #section4 .section4_title h3 img {height:25px;}
 #section4 .counsel_box .formmain_inner {padding:60px 20px;}
 #section4 .counsel_box .formmain_inner table {width:100%;}
 #section4 .counsel_box .formmain_inner .btn.btn-primary {height:40px !important;line-height:40px !important;font-size:15px !important;}
 
 #section5 .main_bottom {margin:0px;}
 #section5 .main_bottom .bottom_item {width:100%;padding:0px;text-align:center;}
 #section5 .main_bottom .bottom_item .bottom_title > ul li {float:none;display:inline-block;}
 #section5 .main_bottom .bottom_item .bottom_title h4 {font-size:28px;}
 #section5 .main_bottom .bottom_item .bottom_title h5 {font-size:28px;}
 #section5 .main_bottom .bottom_item .bottom_title > ul {padding-top:10px;}
 #section5 .main_bottom .bottom_item .bottom_title > ul li a {width:35px;height:35px;line-height:33px;font-size:20px;}
 #section5 .main_bottom .bottom_item .bottom_title p {font-size:14px;}
 #section5 .main_bottom .bottom_item3 .bottom_title p {font-size:14px;display:inline-block;}
 
}
@media screen and (max-width:768px) {
#all-menu2 .menu-layer2 {position:fixed; top:50%; left:0px; width:80%; height:480px; margin:-240px 0 0 10%; background:#fff; z-index:1600;padding:20px;}
 
}
@media screen and (max-width:480px) {
 
}


@media screen and (min-width:576px) {
 .ms-wrap {padding-left:0px; padding-right:0px;}
 .ms-wrap-AA4 {padding-left:0px; padding-right:0px; padding-top:0px;}
 .ms-wrap-AA3 {padding-left:0px; padding-right:0px; padding-bottom:0px;}
 .A2 {padding-left:0px; padding-right:15px;}
 .A3 {padding-left:15px; padding-right:0px;}
 .A4 {padding-left:15px; padding-right:0px; padding-top:0px;}
 .A5 {padding-left:0px; padding-right:15px; padding-top:0px;}


.xb-wrap .xb-title{text-align:left;padding:15px 0px 0px 0px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.xb-wrap{text-decoration:none;margin:0 auto;}