header {z-index: 10000; height:80px; transition: 0.5s; position:relative;}
header {padding:5px;}
header .header-wrap .right-menu a {color:#fff; float:right; font-size:17px; font-weight:bold; letter-spacing: -1px; padding:7px 30px; border:1px solid #fff; margin-top:30px; transition: 0.3s;}
header .header-wrap .right-menu a:hover {background:#fff; color:#009899;}
header .header-wrap .logo img {margin-top:45px;}
header .header-wrap .mobile-menu-opener {display: inline-block; top:40%;}
header.scroll .header-wrap  {display:none;}

/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:2%; right:2rem; z-index:99; text-align:center; cursor:pointer; display: none;}
.right-quick-menu li {background:#bbb; width:87px; height:87px; line-height:87px; border-radius:100%; text-align:center; cursor:pointer; margin-bottom:7px;}
.right-quick-menu li img {margin-bottom:-20px;}
.right-quick-menu li:hover {background:#AD3371;}
.container {height:100%;}


.slick-list,
.slick-track {height: 100%;}
.slick-list * {outline: none;}

.item-section {min-height:100%; background-repeat: no-repeat; overflow-x: hidden;}
.item-box {padding:10% 0;}

.fade {position: relative; opacity: 0; transition: 1s;}
.fade-fast {transition: 0.05s;}
.fade-l {left:-50px;}
.fade-l.fade-show {left:0; opacity: 1;}
.fade-r {right:-50px;}
.fade-r.fade-show {right:0; opacity: 1;}
.fade-t {top:-50px;}
.fade-t.fade-show {top:0; opacity: 1;}
.fade-b {bottom:-50px;}
.fade-b.fade-show {bottom:0; opacity: 1;}
.fade-delay0-5 {transition-delay: 0.2s;}
.fade-delay1 {transition-delay: 0.4s;}
.fade-delay1-5 {transition-delay: 0.6s;}
.fade-delay2 {transition-delay: 0.8s;}
.fade-delay2-5 {transition-delay: 1s;}
.fade-delay3 {transition-delay: 1.2s;}
.fade-delay3-5 {transition-delay: 1.4s;}
.fade-delay4 {transition-delay: 1.8s;}
.fade-delay4-5 {transition-delay: 2.0s;}

/* 스크롤  */
.icon-scroll {display:none; padding-bottom:15px;position:fixed;bottom:-5px;left:49%;z-index:999; padding:0px 0 20px;;}
.icon-scroll div {display:none; transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:50px;height:50px;background:url(../images/arrow1.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}

/* 섹션별 */
.section01 { background: url(../images/bg_01.jpg) no-repeat right bottom/cover; display: flex; align-items: center;}
.section01 .d-flex .left {width:52%; background:url(../images/sec01_bg.png) repeat-y center/contain; z-index:10;}
.section01 .d-flex .right {width:47%;}
.section01 .d-flex .left .bg { padding-top:19%; }
.section01 .d-flex .left .side-con {position:absolute; top:0; bottom:0; left:0; width:250px; background-color: transparent;}
.section01 .d-flex .left .side-con .side-txt {position:absolute; bottom:30%; left:40%;  width:17px;}
.section01 .d-flex .left img {margin:35px auto;}
.section01 .d-flex .left h3 {font-size:27px; font-weight:500; letter-spacing:-.1em; line-height: 1.5em;}
.section01 .d-flex .right img.pic {position:absolute; bottom:0; height:95%;}
.section01 .d-flex .right img.top_ban {position:absolute; top:65px; right:85px;}

.section02 {background: url(../images/bg_02.jpg) no-repeat center/cover; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.section02 h1 {margin-bottom:20px; padding-top:5%;}
.section02 h2 {background:#393939; padding:20px 40px; color:#fff; font-size:23px; font-weight:600; letter-spacing:-1.5px; display:inline-block; margin:20px;}
.section02 h2.pc {display:block;}
.section02 h2.mo {display:none;}
.section02 ul li {width:25%;}
.section02 ul li p {color:#fff; font-size:17px;}
.section02 h4 {font-size:24px; margin:10px;}
.section02 p.box {display:inline-block; font-size:21px; font-weight:600; padding:30px 10%; border-radius:10px; margin-top:20px; letter-spacing: -2px; color:#ccc; background:#fff;}
.section02 p.box span.c1 {color:#149fa6;}
.section02 p.box span.c2 {color:#149fa6;}

.section03 {background: url(../images/bg_03.jpg) no-repeat center/cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.section03 .inner {padding:4% 7%; box-shadow: 0 10px 35px rgba(0,0,0,.5); box-sizing: border-box; margin:0 auto; border-radius: 20px; background:rgba(256, 256, 256, .6);}
.section03 .inner ul {margin:0 auto;}
.section03 .inner ul li {padding:5px 0; align-items: center;}
.section03 .inner ul li.dot {border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:25px;}
.section03 .inner ul li h1 {width:6%; font-size:24px; font-weight: 600;}
.section03 .inner ul li h1 span {color:#fff; background:#52c7d2; border-radius: 20px; padding:4px 15px;}
.section03 .inner ul li h1 span.dark {color:#fff; background:#ffc976; border-radius: 20px; padding:4px 15px;}
.section03 .inner ul li:nth-child(n) h2 {color:#149fa6;}
.section03 .inner ul li:nth-child(2n) h2 {color:#588680;}
.section03 .inner ul li p {width:90%; color:#666; font-size: 21px; font-weight:600; letter-spacing: -.1em;}

.section04 {background: url(../images/bg_00.jpg) no-repeat left top/cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
/* .section04 h1.tit { margin-?bottom: 1%;} */
.section04 h1.tit img {width:670px;}
.section04 .inner {padding:1% 7%;  box-sizing: border-box; margin:0 auto;}
.section04 .inner ul {margin:0 auto;}
.section04 .inner img {width:100%; max-width:1170px;}

.section05 h1 img {max-width:400px;}
.section05 {background: url(../images/bg_08.jpg) no-repeat left top/cover;  display: flex; justify-content: center; align-items: center;}
.section05 .inner {padding:0;  box-sizing: border-box; margin:0 auto;}
.section05 .inner ul {margin:0 auto;}
.section05 .inner img.pc {max-width:1100px; width:100%;}

.section06 .d-flex .left {width:46%; background: url(../images/bg_04_3.png);  background-size:cover; background-repeat:no-repeat; background-position:center bottom; z-index:99; }
.section06 .d-flex .right {width:54%; background: url(../images/bg_04_2.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; flex-direction: column; justify-content: center; z-index:9; }
.section06 .d-flex .right h1 {font-size:50px; font-weight:600; color:#fff; padding-bottom:7px; border-bottom:1px solid #fff; margin-bottom:10px;}
.section06 .d-flex .right h1 span {font-size:25px; font-weight:500; color:#fff;}
.section06 .d-flex .right h2 {font-size:30px; font-weight:600; color:#fff; letter-spacing: -2px; margin-bottom:6%;}
.section06 .d-flex .right .history {width:80%; margin:0 auto;}
.section06 .d-flex .right .history .con {display:flex; font-size:17px;}
.section06 .d-flex .right .history .con1, .section06 .d-flex .right .history .con2 {width:50%; color:#fff;}
.section06 .d-flex .right .history .con p.con1 {font-size:27px; font-family:'Nanum Myeongjo', serif; }
.section06 .d-flex .right .history .con span.c-yellow {font-size:18px;}

/* 사이드 :: 텍스트 */
.main-visual-side-con{position:absolute; top:0;bottom:0px; left:0px; width:250px;background:#fff; }
.main-visual-side-con .main-visual-side-txt { position:absolute; bottom:28%; left:50%; width:700px; margin-left:-13px;color:rgba(0,0,0,1); font-size:18px; letter-spacing:6px; font-weight:500; transform:rotate(-90deg); transform-origin:0% 0%;}

.section07 {background: url(../images/bg_07.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center;}
.section07 .left {width:50%;}
.section07 .right {width:50%;}
.section07 .left span.gap {display:inline-block; width:90px;}
.section07 p.phone_num a {color:#fff; font-size: 33px; font-weight:700; margin-top:10px;}
.section07 .right img {width:95%; margin-bottom:50px;}
.f-bold {font-weight:600;}


/* 푸터 */
#footer {background-color: #051b2c; padding:35px 0 60px;}
#footer .bottom-menu a {color:#fff;}
#footer .copytxt p {line-height: 20px; }
#footer .copytxt p span {line-height: 20px; }
#footer .bottom_menu li {margin:0 20px; position:relative; color:#fff;}
#footer .bottom_menu li a { color:#fff;}
#footer .bottom_menu li a:hover {text-decoration: underline;}
#footer .bottom_menu li::after {display: block; content:''; width:1px; height:15px; background:#fff; position:absolute; top:5px; left:-17px;}
#footer .bottom_menu li:first-child::after {display: none;}
#footer .line {width:100%; height:1px; background-color:#555; margin-top:30px;}



/* 반응형 미디어쿼리 */
@media(max-width:1500px) {
    .section01 .d-flex .left .bg img.pc {width:350px; margin:0 auto;}
    .section01 .d-flex .left h3 {font-size:20px;}
    .section01 .d-flex .right img.pic {height:84%;}
    .section02 h1 img {width:500px;}
    .section02 h2 {font-size:22px;}
    .section02 h5 {font-size:17px;}
    .section02 h4 {font-size:16px;}
    .section02 p {font-size:18px;}
    .section02 p.box {font-size:15px; margin-top:20px; padding:20px 4%;}
    .section02 ul li > img {width:85%;}
    .section03 .inner {padding: 3% 5%; width:90%;}
    .section03 .inner ul li h1 {font-size:18px; font-weight: 600;}
    .section03 .inner ul li h2 {font-size:20px;}
    .section03 .inner ul li p {font-size:17px;}
    .section03 .inner ul li.dot {padding-bottom:15px; margin-bottom:15px;}
    .section03 .inner ul li {padding:10px 0;}
	.main-visual-side-con {width:200px;}
    .section06 .d-flex .right h1 {font-size:35px;}
    .section06 .d-flex .right h1 span {font-size:18px;}
    .section06 .d-flex .right h2 {font-size:20px;}
    .section06 .d-flex .right .history .con {font-size:15px;}
    .section06 .d-flex .right .history .con p.con1 {font-size:18px;}
    .main-visual-side-con .main-visual-side-txt {bottom:5%;}
}

@media(max-width:1340px){
    .section02 ul li > img {width:70%;}
    .section03 .inner {width:98%;}
    .section03 .inner ul li p {font-size:15px;}
    .section04 h1.tit img {padding-top:2%; width:500px;}
    .section05 h1.tit img {padding-top:2%;}
    .section05 .inner img.pc {width:700px;}
    .section07 .f-size18 {font-size:15px;}
}

@media(max-width:1024px) {
    .section01 .d-flex .left .bg img.pc {width:250px;}
    .section02 h1 {margin-bottom:8px;}
    .section02 h1 img {width:350px;}
    .section02 h2 {font-size:20px; padding:5px 13px;}
    .section02 h4 {font-size:19px;}
    .section02 p {margin-top:10px; font-size:18px;}
    .section02 ul li > img {width:65%;}
    .section03 {display:block;}
    .section03 h1.tit img {width:420px;}
    .section03 .inner ul li p {font-size:15px;}
    .section03 .inner ul li {padding:8px 0;}
    .section04 h1.tit img {width:500px;}
    .section04 .inner img {width:95%}
    .section05 .inner {padding:0;}
    .section05 .inner img {width:95%;}
    .section06 .d-flex .right .history .con {font-size:13px;}
    .section07 .f-size18 {font-size:12px;}
}

@media(max-width:1000px) {
    #fp-nav {display:none;}
	.fade {position: relative; opacity: 0; transition: 0.8s;}
    .fade-fast {transition: 0.05s;}
	#footer img{width:220px; margin-bottom:20px;}
    .section01 .d-flex .left, .section01 .d-flex .right, .section06 .d-flex .left, .section06 .d-flex .right {width:100%;}
    .section07 .d-flex .left, .section07 .d-flex .right {width:100%;}
    .section01 .d-flex .right img.pic {height:45%;}
    .section01 .d-flex .left {background:none; }
    .section01 .d-flex .left .bg {padding-top: calc(50% - 100px);}
    .section01 .d-flex .left h3 {color:#fff;}
    .section01 .d-flex .left h3 span.c-green {color:#fff;}
    .section01 .d-flex .left .bg .pc {display:none;}
    .section01 .d-flex .left .bg .mo {display:block;}
    .section02 h1 img {width:400px; margin-bottom:2%; margin-top:5%;}
    .section02 h5 {font-size:18px;}
    .section03 {display:flex;}
    .section04 aside {display:none;}
    .section05 aside {display:none;}
    .section06 .d-flex .left {width:70%; height:46%; order:1;}
    .section06 .d-flex .right {width:100%; height:54%; order:2;}
    .section06 .d-flex .right h1 {font-size:22px; padding-bottom:4px; margin-bottom:6px;}
    .section06 .d-flex .right h2 {font-size:18px; margin-bottom:4%;}
    .section06 .d-flex .right .history {width:90%;}
    .section06 .d-flex .right .history .con {font-size:13px;}
    .section06 .d-flex .left {width:100%; background: url(../images/bg_04_3_m.png) no-repeat; background-size:contain;}
    .section07 .left {text-align: center;}
    .section07 .d-m-standard {margin-top:10%;}
	.section07 .info, .section06 .map {width:100%;}
	.section07 .left .mt-20 {margin-top:5px;}
	.section07 .left .mt-40 {margin-top:20px;}
	.section07 .left .mt-100 {margin-top:20px;}
	.section07 .right img { margin-top:50px;}
	.section07 .f-size29 {font-size: 22px;}
	.section07 .f-size18 {font-size: 15px;}
}

@media(max-width:820px) {
    .section01 .d-flex .left .bg img.mo {width:220px; margin:10px 0; margin:0 auto;}
    .section01 .d-flex .left img {margin:20px 0;}
    .section02 h1 {margin-bottom:10px;}
    .section02 h1 img {width:90%;}
    .section02 ul li {width:50%;}
    .section02 ul li > img {width:65%;}
    .section02 h2 {font-size:23px; margin-bottom:1.2rem;}
    .section02 p {font-size:15px; margin-top:0px; padding:0px 10px;}
    .section02 h4 {font-size:15px;}
    .section02 ul li p {margin-top:0; font-size:14px;}
    .section02 p.box {display:none;}
    .section03 .inner {width:100%; padding:7% 3%;}
    .section03 .inner ul li p {font-size:13px;}
    .section03 .inner ul li h1 {width:17%;}
    .section03 .inner ul li p {width:82%;}
    .section03 .inner ul li {padding:8px 0;}
    .section03 .inner ul li.dot {padding-bottom: 35px; margin-bottom: 35px; }
    .section03 .inner {box-shadow: 0 10px 12px rgb(0 0 0 / 15%);}
    .section04 .inner {padding:0;}
    .section04 h1.tit img {width:300px; padding-top:5%;}
    .section05 h1.tit img {width:250px; padding-top:5%;}
    .section06 .d-flex .right .history .con p.con1 {display:none;}
    .section06 .d-flex .right .history .con p.con2 {width:100%;}
    .section06 .main-visual-side-con {display:none;}
    .section06 .d-flex .left {width:55%;}
    .section06 .d-flex .right h1 {padding-top:30px;}
    .section06 .d-flex .left img {width:50%;}
    .section07 .d-flex .right, .section07 .d-flex .left {width:100%;}
    .section07 .f-size18 {margin-bottom:70px;}
	.section07 .f-size17 {font-size:14px;}
	.section07 .f-size29 {font-size: 20px;}
	.section07 .f-size18 {font-size: 13px;}
	.section07 .right img {margin-top:30px; margin-bottom:25px;}
	.section07 p.phone_num a {margin-top:0; font-size: 27px;}
	.section07 .mt-10 {margin-top:0;}
    .section07 .f-size18 {margin-bottom:30px;}
    #footer .copytxt p {font-size:12px;}
    .icon-scroll {left:calc(50% - 25px);}
}

@media(max-width:540px) {
    .section01 .d-flex .left h3 {font-size:16px;}
    .section02 h1 img {width:300px;}
    .section02 h5 {font-size:13px;}
    .section02 h2 {font-size:14px; margin-bottom:1.2rem;}
    .section03 .inner {padding:7% 3%;}
    .section03 h1.tit img {width:250px; padding-top:5px;}
    .section03 h1.tit img {width:300px; padding-top:5px;}
    .section03 .inner {width:100%; padding:3% 3%;}
    .section03 .inner ul li.dot {padding-bottom: 5px; margin-bottom: 5px; }
    .section04 .inner {padding:1% 0;}
    .section04 .inner img {width:96%; margin:0 auto;}
	.section05 .inner {padding:0;}
    .section05 .inner img {width:92%; margin:0 auto;}
	.section06 .d-flex .right .history .con {font-size:11px;}
    .section06 .d-flex .left {width:100%;}
    .section07 .f-size18 {margin-bottom:15px;}
    .section07 .mt-20 {margin-top:5px;}
}

@media(max-width:280px) {
    .section01 .d-flex .left .bg img.mo {width:200px;}
    .section02 h1 img, .section03 h1.tit img, .section04 h1.tit img, .section05 h1.tit img {width:200px;}
    .section02 h5 {font-size:10px;}
    .section02 ul li p {font-size:12px;}
    .section05 .inner img {width:100%;}
}