@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Big+Shoulders+Inline+Text:wght@300;600&family=Pacifico&family=Sacramento&family=Spartan:wght@500;600&display=swap');
#slideMenu {position:fixed; right:20px; top:43%; z-index:100; }
#slideMenu li {position:relative; padding:15px 0; }
#slideMenu li::before {content:''; position:absolute; left:50%; top:0; margin-left:-1px; width:1px; height:100%; background:rgba(0,0,0,0.1); z-index:10; }
#slideMenu li:first-child::before {height:50%; top:50%;}
#slideMenu li:last-child::before {height:50%;}
#slideMenu a { position:relative; display:block; text-indent:-9999px; width:10px; height:10px; background:#ccc; border-radius:50%; z-index:20;}
#slideMenu .active a {background:#006666 !important;}
#slideMenu.fixed li::before { background:rgba(255,255,255,0.5); }
#slideMenu.fixed a { background:#fff; }
@media all and (max-width:1023px){
  #slideMenu {display:none;}
}
@font-face {
	font-family: 'CJONLYONENEWtitleBold';
	font-style: normal;
	src: url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.eot);
	src: url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.eot?#iefix) format('embedded-opentype'),
		url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.woff) format('woff'),
		url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*#container {overflow:hidden;}*/
           @font-face {
    font-family: 'OTWelcomeRA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
            @font-face {
    font-family: 'OTWelcomeBA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeBA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal; }
.contTitle {  font-family: 'OTWelcomeBA'; font-weight:normal;  
color:#2f62ae; letter-spacing:-2px !important; margin-bottom:40px;}

@media all and (max-width:768px){
  .contTitle { font-size:50px !important; margin-bottom:30px; line-height:1.5; margin-bottom:0px;  }
  .contTitle span { font-size:50px !important; }
}
/*
@media all and (max-width:768px){
  .contTitle {font-size:30px;}
  .contTitle span { font-size:70px; }
}
@media all and (max-width:480px){
  .contTitle { font-size:30px; line-height:1;}
  .contTitle span { font-size:70px; }
}
*/

h2 {font-size:30px; text-align:center; margin-bottom:40px; }
h2 span {position:relative; display:inline-block;
/* border-top:1px solid #0997c6; */ padding-top:10px; line-height:1.5}
h2 span::before {content:''; position:absolute; left:50%; top:-3px; 
border-radius:50%; 
width:11px; height:11px; margin-left:-13px; background:#f8ca67;}
.cont2, .cont3, .cont4, .cont5 {padding:30px 0;}
@media all and (max-width:1440px){
  h2 {font-size:25px; margin-bottom:30px; }
}
@media all and (max-width:1023px){
  .section, .fp-tableCell { height:auto !important; }
}
@media all and (max-width:768px){
  h2 {font-size:20px; margin:20px 0; }
}

.cont1 { position:relative; background:#fff; padding:0;}
.cont1 a.control { position:absolute; left:40px; top:50%; width:70px; height:70px; background:rgba(255,255,255,0.3); border-radius:50%; text-indent:-9999px; } /*0219*/
.cont1 a.control::before {content:''; position:absolute; left:50%; top:50%; width:15px; height:15px; margin:-7px 0 0 -5px; border-top:2px solid #222; border-right:2px solid #222; transform:rotate(-135deg); } /*0219*/
.cont1 a.control.next {left:auto; right:70px;}/*0219*/
.cont1 a.control.next::before { margin:-7px 0 0 -10px; transform:rotate(45deg);} /*0219*/
.visual li { display:flex !important; align-items:center; position:relative; height:955px; }/*0219*/
.visual li::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-size:cover; opacity:0.5; }/*0219*/
.visual li.bg1::before {background-image:url(''); }/*0219*/
.visual li.bg2::before {background-image:url(''); }/*0219*/
.visual li.bg3::before {background-image:url('/img/main/visImg3.jpg'); }/*0219*/
.visual li.bg4::before {background-image:url(''); }/*0219*/
.cont1 .textWrap { position:relative; margin:4% 200px 0; z-index:20; width:75%}/*0219*/
.cont1 .textWrap dt {font-size:65px; text-shadow: 2px 2px 2px #000; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.2;}
.cont1 .textWrap dd { position:relative; font-size:23px; color:#fff; padding:2% 0 5px; text-shadow: 2px 2px 2px #000;}
.cont1 .textWrap dd span {left:0; top:5px; color:#0ff; text-shadow: 2px 2px 2px #000;}
.cont1 .textWrap dd p {font-size:17px;}
.cont1 .contTitle { position:relative; color:#fff; font-size:180px !important; margin:0; padding-bottom:2%; display:block;}
.cont1 .contTitle span { color:#0997c6; font-size:200px !important; }
.cont1 .movie {position:absolute; left:0; /*top:-15%; width:125%; height: 125%;*/ top:0; width:100%; height:100%; z-index:10; object-fit: cover; object-position: center;}

.visual li.bg5 {position:relative; background:#f5f4ed url('/img/desk_bg.gif') no-repeat right bottom; background-size:    auto 870px ; }
.visual li.bg5 p {display:block;position:Absolute; top:180px; left:70px;}
.visual li.bg5 p img { width:500px;}


@media all and (max-width:768px){
.visual li.bg5 {background:url('/img/pad_new.png') no-repeat center center; background-size:cover; }
.visual li.bg5 p {display:none}
}

@media all and (max-width:480px){
.visual li.bg5 {background:url('/img/desktop_mobile.png') no-repeat center center; background-size:cover; }
.visual li.bg5 p {display:none}
}



@media all and (max-width:1023px){
  .cont1 {margin-top:0;}/*0219*/
  .cont1 a.control {left:30px;}/*0219*/
  .cont1 a.control.next {right:30px;}/*0219*/
  .visual li {height:700px;}/*0219*/
  .cont1 .contTitle { font-size:120px !important; }
  .cont1 .contTitle span { font-size:140px !important; }
  .cont1 .textWrap dt {font-size:50px;}/*0219*/
  .cont1 .textWrap dd { font-size:20px;}/*0219*/
}
@media all and (max-width:768px){
  .cont1 { height:500px !important;}
  .cont1 a.control {margin-top:-120px; width:50px; height:50px;}/*0219*/
  .visual li {height:750px;}/*0219*/
  .cont1 .textWrap { text-align:center; margin:-250px auto 0; }/*0219*/
  .cont1 .textWrap dt {font-size:30px;}
  .cont1 .textWrap dd {padding:5px 0; font-size:15px; line-height:1.3 }
  .cont1 .textWrap dd span {position:relative; top:auto; }
  .cont1 .contTitle { font-size:100px !important; }
  .cont1 .contTitle span { font-size:120px !important; }
}
@media all and (max-width:480px){
  .cont1 { height:400px !important;}
  .cont1 a.control {margin-top:-170px; left:2%;}/*0219*/
  .cont1 a.control.next {right:2%;}/*0219*/
  .cont1 .textWrap dt {font-size:20px; letter-spacing:-1px; margin-bottom:3%}/*0219*/
  .cont1 .contTitle { font-size:80px !important; }
  .cont1 .contTitle span { font-size:100px !important; }
}

.cont2 {overflow:hidden; }
.cont2 .contTitle { text-align:center; font-size:50px;color:#000  }
.cont2 .contTitle span {font-size:62px; color:#2f62ae }
.cont2 .type {float:left; width:38%; }
.cont2 .type ul li { position:relative; display:flex !important; align-items:center; 
color:#fff; overflow:hidden; height:500px; padding:0 20px; }
.cont2 .type dl {position:relative; z-index:20; width:100%; text-align:center;text-shadow: 2px 2px 2px #000; }
.cont2 .type dt {font-size:47px; font-weight:600; line-height:1.3; }
.cont2 .type dd p {font-size:25px; margin:20px 0;}
.cont2 .type dd a {display:inline-block; border:2px solid #fff; padding:12px 30px; border-radius:30px; font-size:15px; color:#fff;}
.cont2 .type img { position:absolute; left:0; top:0; z-index:10; height:100%; max-width:none; }
.cont2 .type .slick-dots {position:absolute; bottom:30px; left:15%; width:70%;}
.cont2 .type .slick-dots li { display:block !important; float:left; height:3px; padding:0 1px;}
.cont2 .type .slick-dots li a { display:block; background:#ccc; }
.cont2 .type .slick-dots li.slick-active a { background:#2c91b3; }
.cont2 .example {float:right;}
.cont2 .recommend {float:left; width:24%; padding:0 1px;}
.cont2 .recommend .recom { position:relative; background:#464646; border-radius:15px; text-align:center; }
.cont2 .recommend a.control { position:absolute; top:50%; margin-top:-25px; display:block; text-indent:-9999px; background:url('/img/main/control.gif') no-repeat center; width:25px; height:50px; z-index:10; }
.cont2 .recommend a.prev { left:15px; transform:scale(-1, -1);}
.cont2 .recommend a.next { right:15px; }
.cont2 .recommend li {align-items:center; height:500px; padding:0 ; vertical-align:top }
.cont2 .recommend li a { display:block; width:100%; color:#fff; }
.cont2 .recommend li img {  width:100%; top:0}
.cont2 .recommend li { line-height:1.5 }
.cont2 .recommend li span { display:block; font-size:1.7rem; margin-top:25px; font-weight:700; margin-bottom:10px}
@media all and (max-width:1440px){
  .cont2 .type ul li {height:400px;}
  .cont2 .type dt {font-size:30px;}
  .cont2 .type dd p {font-size:20px; }
  .cont2 .recommend li {height:400px;}
  .cont2 .recommend li img {width:100%;}
  .cont2 .recommend li span {font-size:19px;}
}
@media all and (max-width:1023px){
  .cont2 .type { width:50%; }
  .cont2 .recommend { position:relative; width:100%; padding-left:300px; margin-top:40px; }
  .cont2 .recommend h2 {position:absolute; left:0; top:0; }
  .cont2 .recommend h2 span::before {left:0; margin-left:0;}
  .cont2 .recommend li { height:auto; padding:30px 70px; }
  .cont2 .recommend li a { display:flex; align-items:center; }
  .cont2 .recommend li img { width:40%; }
  .cont2 .recommend li span {width:60%; margin-top:0;}
  /*
  .cont2 .recommend li img { position:absolute; left:0; top:0; height:100%; }
  .cont2 .recommend li span { text-align:center; margin-top:0; }
  */
}
@media all and (max-width:768px){
  .cont2 .type ul li {height:300px;}
  .cont2 .type dt {font-size:30px;}
  .cont2 .type dd a {padding:10px 20px;}
  .cont2 .type img {height:100%; width:auto;}
}
@media all and (max-width:600px){
  .cont2 .type {width:100%;}
  .cont2 .type img {height:auto; width:100%;}
  .cont2 .recommend {padding-left:0; margin-top:20px;}
  .cont2 .recommend h2 {position:relative; top:auto; left:auto; margin-top:0; }
  .cont2 .recommend h2 span::before {left:50%; margin-left:-13px;}
}
@media all and (max-width:480px){
  .cont2 .type dt {font-size:25px;}
  .cont2 .type dd p { font-size:18px; margin:10px 0 20px; }
  .cont2 .type ul li {height:270px;}
  .cont2 .recommend li { padding:20px 60px; }
}





.cont3 .contTitle { float:left; width:30%; line-height:1.2;   padding-top:5%;
letter-spacing:-2px; margin-top:7%; font-size:3.5rem; padding-left:1%;}
.cont3 .contTitle span {display:block; color:#2f62ae;}


.cont3 h2 {text-align:left;}
.cont3 h2 span::before {left:0; margin-left:0;}
.cont3 .wrap { float:right; width:70%; }
.cont3 .service { float:left; width:50%; padding-right:2px; }
.cont3 .service a { position:relative; display:block; margin-bottom:2px; border-radius:15px;
background:#2f62ae; color:#fff; line-height:121px; padding:0 35px; font-size:22px; }
.cont3 .service a:nth-child(2) {background:#e4b655;}
/* .cont3 .service a:nth-child(3) {background:#12a4ad;} */

.cont3 .service a::before {content:''; position:absolute; width:40px; height:40px; top:50%; right:35px; margin-top:-20px; border:1px solid #fff; border-radius:50%; background:url('/img/main/arrow2.png') no-repeat center; }
.cont3 .covid {float:left; width:50%; }
.cont3 .covid div { line-height:2; font-size:23px; color:#fff;
padding:75px 0 0 50px; height:244px;  border-radius:15px;
background-color:#727171; background-image:url('/img/main/covidBg2.png'); 
background-position: right bottom; background-repeat:no-repeat; text-shadow:2px 2px 3px rgba(0,0,0,0.4); }
.cont3 .vr { position:relative; clear:both; padding:50px 0 0 250px; }
.cont3 .vr h2 { position:absolute; left:0; top:50px; }
.cont3 .vr_ul .slick-dots {position:absolute; left:-250px; top:130px; }
.cont3 .vr_ul .slick-dots li {float:left; padding:0 5px;}
.cont3 .vr_ul .slick-dots li button { display:block; width:11px; height:11px;
background:#d0d0d0; border:0; border-radius:50%; text-indent:-9999px; }
.cont3 .vr_ul .slick-dots li.slick-active button {background:#2f62ae;}
.cont3 .vr_ul li { position:relative; padding:0 25px;}
.cont3 .vr_ul li img {width:100%; border-radius:15px;}
.cont3 .vr_ul li p { font-size:28px; font-weight:600; margin-top:30px; padding-right:90px; letter-spacing:-1px;} /*0310*/
.cont3 .vr_ul li p span {display:block; font-size:18px; font-weight:300; }
.cont3 .vr_ul li a { position:absolute; width:120px; right:20px; bottom:0; display:block; font-size:16px; color:#1f677f; line-height:35px; text-align: right} /*0310*/
.cont3 .vr_ul li a:last-child {margin-bottom:45px !important; } /*0310*/
.cont3 .vr_ul li a span { display:inline-block; color:#fff; background:#1f677f; width:35px; text-align:center; border-radius:50%; font-weight:600; margin-right:5px; display:none} /*0310*/
@media all and (max-width:1440px){
  .cont3 .service  {}
  .cont3 .service a {font-size:20px; line-height:70px;  }
  .cont3 .covid div {height:214px; padding:60px 0 0 40px; font-size:18px; background-size:cover, 150px auto; }
  /*
  .cont3 .vr {padding:30px 0 0 250px;}
  .cont3 .vr h2 {top:30px;}
  .cont3 .vr_ul .slick-dots {top:70px;}
  */
  
  .cont3 .vr_ul li p {margin-top:10px; font-size:22px; padding-right:0; padding-bottom:50px; } /*0310*/
  .cont3 .vr_ul li p span {font-size:17px;}
  .cont3 .vr_ul li a { bottom:0; right:auto; left:25px; /* width:50%; */ } /*0310*/
  .cont3 .vr_ul li a:last-child { left:50%; margin-bottom:0 !important;} /*0310*/
}
@media all and (max-width:1200px){
  .cont3 .contTitle { font-size:65px; letter-spacing:-2px; line-height:1;}
  .cont3 .vr {padding:50px 0 0 200px;}
  .cont3 .vr_ul .slick-dots {left:-200px;}
}
@media all and (max-width:1023px){
  .cont3 .contTitle { width:100%; text-align:center; margin-top:0; }
  .cont3 .contTitle span { display:inline-block; }
  .cont3 .wrap {width:100%;}
}
@media all and (max-width:768px){
  .cont3 .service {width:100%; padding-right:0; }
  .cont3 .covid {width:100%;}
  .cont3 .vr {padding:80px 0 0 ; margin-top:40px;}
  .cont3 .vr h2 { top:0; }
  .cont3 .vr_ul li {padding:0 10px;}
  .cont3 .vr_ul li p {font-size:22px; }
  .cont3 .vr_ul li p span {font-size:17px; }
  .cont3 .vr_ul .slick-dots {left:auto; right:0; top:-45px;}
}
@media all and (max-width:480px){
  .cont3 .covid div { height:200px; font-size:17px; padding:30px 20px; background-size:100% auto, 170px auto; }
}

.detailPop {position:absolute; left:50%; top:15%; width:1350px; height:0; margin-left:-675px; border: 12px solid #ddd; background: #fff; padding:40px; transition: all 0.2s ease; overflow-y: auto; opacity:0; z-index: -1; } /*0310*/
.detailPop.on { height:80%; opacity: 1; z-index: 100;} /*0310*/
.detailPop iframe {width:100%; height:500px;}
.detailPop .youbtn_ul { margin-top:40px; }
.detailPop .youbtn_ul li a { display:flex; align-items:center; width:150px; height:150px; color:#fff; background:#ccc; margin:0 auto; font-size:20px; border-radius:50%;  }
.detailPop .youbtn_ul li a span { width:100%; text-align:center; line-height:1.2; }
.detailPop .youbtn_ul li.on a { background:#0db299; }
.detailPop .youbtn_ul a.slick-arrow { position:absolute; right:-30px; top:50%; margin-top:-32.5px; display:block; background:#fff url('/img/main/arrow.png') no-repeat -65px 0; width:65px; height:65px; text-indent:-9999px; }
.detailPop .youbtn_ul a.slick-arrow.prev {left:-30px; right:auto; transform:rotate(180deg);}
.detailPop a.closeBtn { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; border: 1px solid #0099cb; color: #0099cb; text-indent: -9999px; background:#fff url('/img/sub/mapClose.gif') no-repeat center; padding: 0;}
@media all and (max-width:1500px){
  .detailPop {width:80%; left:10%; margin-left:0;}
  .detailPop iframe {height:400px;}
  .detailPop .youbtn_ul li a { width:120px; height:120px; }
}
@media all and (max-width:1250px){
  .detailPop {width:96%; left:2%;}
  .detailPop .youbtn_ul {padding:0 40px;}
}
@media all and (max-width:768px){
  .detailPop {padding:30px; top:auto; bottom:40px;}
  .detailPop iframe {height:300px;}
  .detailPop .youbtn_ul { margin-top:20px; }
  .detailPop .youbtn_ul li a { width:100px; height:100px; font-size:16px; }
}
@media all and (max-width:480px){
  .detailPop iframe {height:200px;}
  .detailPop .youbtn_ul li a { width:80px; height:80px; font-size:14px; }
}


.cont4 {overflow:hidden;}
.cont4 .contTitle {text-align:center; font-size:65px; color:#2f62ae;}
.cont4 .calendar { position:relative; float:left; width:36%; }
.cont4 .calendar a.prev {display:none !important;}
.cont4 .calendar a.next { position:absolute; right:50px; top:50%; display:block; width:65px; height:65px; border-radius:50%; border:1px solid #a99a81; background:#fff url('/img/main/arrow.png') no-repeat 0 0; text-indent:-9999px; z-index:100; }
.cont4 .calendar ul { background:#2f62ae; border-radius:0px 30px 30px 0px; margin-right:80px; padding:60px 100px; color:#fff; }
.cont4 .calendar p {font-size:45px; font-weight:600; }
.cont4 .calendar p span {font-size:35px; font-weight:500; margin-left:10px; }
.cont4 .calendar dt {font-size:35px; font-weight:600; margin:35px 0 20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:40px; height:80px; text-overflow:ellipsis;  overflow:hidden; }
.cont4 .calendar dd {font-size:25px; color:#ccc; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.cont4 .news { float:left; width:32%; text-align:center; padding:0 50px; }
.cont4 .news dl {min-height: 360px;
max-width: 350px; margin-right:auto; margin-left:auto;
border:1px solid #ddd; padding:40px 30px; box-sizing:Border-box;}
.cont4 .news dt { font-size:25px; display:-webkit-box; -webkit-line-clamp:3; 
font-weight:500;
-webkit-box-orient:vertical; line-height:37px; min-height:120px;
text-overflow:ellipsis;  overflow:hidden; }
.cont4 .news dd.content { font-size:18px; color:#666; min-height:110px;
 margin:15px 0 30px;  display:-webkit-box;  
-webkit-box-orient:vertical; -webkit-line-clamp:3; line-height:37px; 
  overflow:hidden;  }
.cont4 .news dd.date {font-size:18px;}
.cont4 .news a.more {display:block; width:40px; height:40px; margin:40px auto 0; background:url('/img/main/more.gif') no-repeat center; text-indent:-9999px; }
@media all and (max-width:1700px){
  .cont4 .calendar {width:40%;}
  .cont4 .news {width:30%;}
}
@media all and (max-width:1440px){
  .cont4 .calendar ul {padding:60px 70px;}
  .cont4 .calendar p {font-size:30px;}
  .cont4 .calendar p span {font-size:25px; margin-left:0}
  .cont4 .calendar dt {font-size:30px;}
  .cont4 .calendar dd {font-size:20px;}
  .cont4 .news dt {font-size:25px;}
  .cont4 .news dd.content {font-size:18px; line-height:37px; max-height:74px;}
  .cont4 .news dd.date {font-size:20px;}
}
@media all and (max-width:1200px){
  .cont4 .calendar ul { padding:45px 60px; margin-right:30px;}
  .cont4 .calendar a.next {right:0;}
  .cont4 .calendar dt {font-size:25px; margin:25px 0 15px; line-height: 35px; height: auto;}
  .cont4 .news {padding:0 30px;}
  .cont4 .news dt {font-size:25px; line-height:40px; max-height:80px;}
  .cont4 .news dd.content {font-size:18px; line-height:30px; max-height:60px;}
  .cont4 .news a.more { margin:30px auto 0;}
}
@media all and (max-width:1023px){
  .cont4 .calendar {width:50%;}
  .cont4 .news {width:50%;}
  .cont4 .news dl {padding-top:0;}
  .cont4 .news dt { text-align:left; font-size:23px; line-height:37px; max-height:74px;  }
  .cont4 .news dd.content { display:none; }
  .cont4 .news dd.date { font-size:17px; text-align:right; margin-top:10px; }
  .cont4 .news a.more {display:none;}
  .cont4 .news.last {margin-top:25px;}
}
@media all and (max-width:768px){
  .cont4 .calendar {width:100%;}
  .cont4 .calendar ul { padding:30px 40px; margin-right:0; }
  .cont4 .calendar dt {margin:10px 0; font-size:27px; line-height:1.5}
  .cont4 .calendar a.next {right:40px;}
  .cont4 .news.last {margin-top:0;}
}
@media all and (max-width:480px){
  .cont4 .calendar a.next {top:100px; right:20px; width:40px; height:40px; background-size:cover; }
  .cont4 .calendar ul {padding:20px 30px;}
  .cont4 .calendar dt {font-size:15px;}
  .cont4 .calendar dd {font-size:15px;}
  .cont4 .news { width:100%; padding:0 20px;} /*0210*/
  .cont4 .news dt {font-size:1.1rem; line-height:30px; max-height:60px; text-align:center } /*0210*/
  .cont4 .news dd.date {text-align:center; color:#999} /*0210*/
}

.cont5 {overflow:hidden;}
.cont5 .contTitle {  float: left;
  width: 30%;
  line-height: 1.2;
  padding-top: 5%;
  letter-spacing: -2px;
  margin-top: 7%;
  font-size: 67px;
  padding-left: 1%;
} 

.cont5 {
background:url('/img/main/m_bg05.jpg') no-repeat bottom left; }

.cont5 .contTitle span {display:block;   color: #2f62ae;}

.cont5 .wrap {float:right; width:70%; }
.cont5 h2 {text-align:left;}
.cont5 h2 img { padding: 20px 0px 0px 15px; 
overflow: hidden;}
.cont5 h2 span::before {left:0; margin-left:0; }
.cont5 .youtube { position:relative; padding-left:230px; margin-bottom:50px;}
.cont5 .youtube a.control { position:absolute; left:230px; top:50%; display:block; width:65px; height:65px; border-radius:50%; border:1px solid #a99a81; background:#fff url('/img/main/arrow.png') no-repeat -65px 0; text-indent:-99999px; z-index:100; }
.cont5 .youtube a.prev {transform:scale(-1, -1); margin-top:-40px;}
.cont5 .youtube a.next { margin-top:40px; }
.cont5 .youtube .movie_ul {margin-left:70px;}
.cont5 .youtube .movie_ul li {margin:5px; border-radius:25px; box-sizing:border-box;
overflow:hidden;}
.cont5 .youtube .movie_ul iframe {height:240px;   margin-bottom: -20px;}
.cont5 .instagram .img {overflow:hidden; margin-bottom:15px; }
.cont5 .instagram .img a {display:block; float:left; width:20%; border-radius:25px; overflow:hidden;}
.cont5 .instagram .img img {width:100%;}
.cont5 .instagram .hashtag a { display:inline-block; font-size:18px; margin-right:10px; }
@media all and (max-width:1440px){
  .cont5 h2 img { padding: 15px 0px 0px 15px}/*0210*/
  .cont5 .youtube { padding-left:150px;}
  .cont5 .youtube a.control { left:150px; }
}
@media all and (max-width:1023px){
  .cont5 .contTitle { width:100%; text-align:center; line-height:1.5; margin-top:0; }
  .cont5 .contTitle span { display:inline-block; }
  .cont5 .wrap {width:100%;}
  .cont5 .youtube {padding-left:0;}
  .cont5 .youtube a.control {left:0;}
}
@media all and (max-width:768px){
  .cont5 h2 img { padding: 10px 0px 0px 15px}/*0210*/
}
@media all and (max-width:480px){
  .cont5 .instagram .img a {width:50%;}
  .cont5 .instagram .img a:last-child {display:none;}
.cont5 .instagram .hashtag a { font-size:15px;}
}

.footer {margin-left:60px;}



/*main ver2 추가*/ /*0210*/
.ver2 .mobileIcon {display:none;}
@media all and (max-width:768px){
  .ver2 .section.cont2, .section.cont3 {display:none;}
  .ver2 .cont1 {height:auto !important; } /*0219*/
  .ver2 .mobileIcon { position:absolute; display:block; bottom:30px; left:0; width:100%; }  /*0219*/
  .ver2 .mobileIcon a { position:relative; display:block; float:left; width:33.33%;
  padding:100px 10px 20px; text-align:center; color:#12a4ad; z-index:20; font-size:12px; line-height:1.2}
  .ver2 .mobileIcon a::before {content:''; position:absolute; left:50%; top:0; width:90px; height:90px; margin-left:-45px; border-radius:50%; background:#12a4ad; }
  .ver2 .mobileIcon a::after {content:''; position:absolute; left:50%; top:0; width:90px; height:90px; margin-left:-45px; background:url('/img/main/mobileIcon.png') no-repeat 0 0/270px auto; }
  .ver2 .mobileIcon a:nth-child(2)::after { background-position:-90px 0; }
  .ver2 .mobileIcon a:nth-child(3)::after { background-position:-180px 0; }
  .ver2 .mobileIcon a:nth-child(4)::after { background-position:0 -90px; }
  .ver2 .mobileIcon a:nth-child(5)::after { background-position:-90px -90px; }
  .ver2 .mobileIcon a:nth-child(6)::after { background-position:-180px -90px; }
  .ver2 .mobileIcon a:nth-child(3n+1) {clear:both; }
}



/*2023 복합지구 추가*/
.section.cont7{overflow:hidden !important; box-sizing:border-box; position:relative;  background:url('/img/main/sing.png') no-repeat; }
.section.cont7:before {content:''; position:absolute;
background:url('/img/main/slg.png') no-repeat  left top; 
}
.section.cont7 h2 { color: #a9b6ce;  text-align:right;}
.section.cont7 h2 strong { color: #a9b6ce; }
.section.cont7 .bannerin,
.section.cont7 .district_area {position:relative; z-index:2;}
.section.cont7 .bannerin,
.section.cont7 .district_area,
.section.cont7 .bannerin a { overflow:hidden; box-sizing:border-box;}
.section.cont7 .district_area  p {padding-bottom:10px;}
.section.cont7 .district_area dt {font-weight:600;}
.section.cont7 .district_area {float:left; overflow:hidden; cursor:pointer;  }
.section.cont7 .bannerin a {display:block; border-radius:15px;
color:rgba(255,255,255,0.6); margin-bottom:5px; width:100%; font-weight:300; position:relative;
background-image:url('/img/main/int.png'); background-repeat:no-repeat;  background-blend-mode: luminosity;}

.section.cont7 .bannerin a:before {content:'';
background:url('/img/main/arrow2.png') no-repeat center center; 
 border-radius:50%;   position:absolute;  border:1px solid rgba(255,255,255,0.7);
}

.section.cont7 .bannerin a strong {color:#fff; font-weight:600; letter-spacing:-1px; }
.section.cont7 .bannerin a:nth-child(1) {background-color:#2f62ae}
.section.cont7 .bannerin a:nth-child(2) {background-color:#ea5541; }
.section.cont7 .bannerin a:nth-child(3) {background-color:#e4b655;}


@media all and (min-width:1440px){
		.section.cont7{padding:30px 0px; 
		background-position: right top; background-size: 1600px auto; }
		.section.cont7:before { background-size: auto 550px ; width:900px;height:400px;   bottom:0px; left:-30px;}
		.section.cont7 h2, 
		.section.cont7 h2 strong{line-height: 1.2;  font-size: 70px;  }
		.section.cont7 h2 {padding-right:5%;}

		.section.cont7 .district_area  p img {height:55px;}
		.section.cont7 .district_area dl {}
		.section.cont7 .district_area dt { font-size:60px; letter-spacing:-2px; line-height:74px;}
		.section.cont7 .district_area dd { font-size:24px; letter-spacing:-1px;  line-height:42px; padding-top:25px;}
		.section.cont7 .district_area {padding-left:3%;}
		.section.cont7 .bannerin {float:right; width:40%; padding-right:5%;}
		.section.cont7 .bannerin a {
		 padding:30px 40px 30px 40px; font-size:17px;
		 line-height:24px; background-position: 150% 28%;  background-size:auto 420px;
		}
		.section.cont7 .bannerin a strong {font-size:22px; line-height:39px;}
		.section.cont7 .bannerin a:nth-child(2) {background-position: -30% 28%; }
		.section.cont7 .bannerin a:before {width:40px; height:40px; background-size:auto 40%; top:40px; right:40px; }

}

@media all and (max-width:1440px){
		.section.cont7{padding:50px 0px;  background-position: right top; background-size: 1000px auto; }
		.section.cont7:before { background-size: auto 430px ; width:700px;height:300px;   bottom:0px; left:-30px;}
		.section.cont7 h2, 
		.section.cont7 h2 strong{line-height: 1.2; letter-spacing: 1px; font-size: 65px;  }
		.section.cont7 .district_area  p img {height:40px;}
		.section.cont7 .district_area dt { font-size:26px; line-height:33px;}
		.section.cont7 .district_area dd { font-size:17px; line-height:28px; padding-top:20px;}
		.section.cont7 .district_area {padding-left:3%;}
		.section.cont7 .bannerin {float:right; width:40%; padding-right:5%;}
		.section.cont7 .bannerin a {
		 padding:40px 40px 60px 40px; font-size:16px;
		 line-height:22px; background-position: 150% 28%;  background-size:auto 280px;
		}
		.section.cont7 .bannerin a strong {font-size:23px; line-height:30px;}
		.section.cont7 .bannerin a:nth-child(2) {background-position: -30% 28%; }
		.section.cont7 .bannerin a:before {width:40px; height:40px; background-size:auto 40%; top:40px; right:40px; }

}
@media all and (max-width:1023px){
		.section.cont7{padding:30px 0px;  background-position: right top; background-size: 1000px auto; }
		.section.cont7:before { background-size: auto 430px ; width:700px;height:300px;   bottom:0px; left:-30px;}
		.section.cont7 h2, 
		.section.cont7 h2 strong{line-height: 1.2; letter-spacing: 1px; font-size: 65px;  }
		.section.cont7 .district_area  p img {height:40px;}
		.section.cont7 .district_area dt { font-size:26px; line-height:33px;}
		.section.cont7 .district_area dd { font-size:17px; line-height:28px; padding-top:20px;}
		.section.cont7 .district_area {padding-left:3%;}
		.section.cont7 .bannerin {float:right; width:40%; padding-right:5%;}
		.section.cont7 .bannerin a {
		 padding:40px 40px 60px 40px; font-size:16px;
		 line-height:22px; background-position: 150% 28%;  background-size:auto 280px;
		}
		.section.cont7 .bannerin a strong {font-size:23px; line-height:30px;}
		.section.cont7 .bannerin a:nth-child(2) {background-position: -30% 28%; }
		.section.cont7 .bannerin a:before {width:40px; height:40px; background-size:auto 40%; top:40px; right:40px; }
}


@media all and (max-width:768px){
		.section.cont7{padding:30px 0px;  background-position: center top; background-size: 600px auto; }
		.section.cont7:before { background-size: auto 60px ;  background-position:center center;
		height:100px;   top:360px; left:0; width:100%;}
				.section.cont7 h2{text-align:Center; padding-left:30px; padding-right:30px;}
		.section.cont7 h2, 
		.section.cont7 h2 strong{line-height: 1.2; letter-spacing: 1px; font-size: 50px;  }
		.section.cont7 .district_area  {text-align:Center; padding-top:20px;}
		.section.cont7 .district_area  p img {height:30px;}
		.section.cont7 .district_area dt { font-size:20px; line-height:30px;}
		.section.cont7 .district_area dd { font-size:16px; line-height:24px; padding-top:15px;}
		.section.cont7 .bannerin {padding:120px 20px 20px 20px; width:100%;}
		.section.cont7 .bannerin a { width:100%;
		 padding:20px 30px; font-size:15px;
		 line-height:26px; background-position: 150% 28%;  background-size:auto 210px;
		}
		.section.cont7 .bannerin a strong {font-size:19px; line-height:25px;}
		.section.cont7 .bannerin a:nth-child(2) {background-position: -30% 28%; }
		.section.cont7 .bannerin a:before {width:30px; height:30px;
		background-size:auto 30%; top:20px; right:30px; }


}


/* 230630 메인수정*/

/*cont3*/
.cont3 {overflow:hidden;
background:url('/img/main/m_bg03.jpg') no-repeat bottom left;
}
.cont5 .contTitle,
.cont3 .contTitle {background:url('/img/main/in0001.jpg') no-repeat   30px 0px; }
.cont2 .recom_ul,
.cont2 .type img { border-radius:15px; overflow:hidden;}

.cont2 .advantage h2:nth-child(1) span::before,
.cont4 .calendar h2:nth-child(1) span::before {
  content: '';
  position: absolute;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  margin-left: -13px;
  background: #eb5441;
border-top-right-radius: 100px;
    border-right: 0;
    border-bottom: 0;
}
.cont2 .example h2 span::before,
.cont4 #divBoard h2 span::before {
  content: '';
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius:0px;
  margin-left: -13px;
  background: #2b63ae;
    border-right: 0;
    border-bottom: 0;
}

@media all and (max-width:768px){
.cont4 .news dl {min-height:200px;}
.cont4 .calendar dt {font-size:21px; line-height:30px; padding-right:40px;}
.cont4 .news dt { padding-top:30px;
  text-align: center;
  font-size: 19px;
  line-height: 28px;
  max-height: 51px;
}
.cont4 .news .date {text-align:Center !important;}
}

.cont2::before, .cont2::after {
  top: 55px; 
  width: 140px;
  height: 300px;
}

.cont2::before {
  content: '';
  position: absolute;
  z-index: 13;
  right: 0;
  background: url('/img/sub/subbg05.png') no-repeat center right;
    background-size: auto;
  background-size: 100%  auto;
}


.cont2::after {
  content: '';
  position: absolute;
  z-index: 13;
  left: 0;
  background: url('/img/sub/subbg04.png') no-repeat center left;
    background-size: auto;
  background-size:100%  auto ;
}