@charset "UTF-8";

/* 공통 */
h2, h3 {font-weight:600;}
h3 {font-size:2rem;}
.ir-link:before {content:''; position:absolute; background:url('../img/main/link-tmpl.png') no-repeat;}
.ir-icon:before {content:''; position:absolute; background:url('../img/main/icon-tmpl.png') no-repeat;}
.more {display:block; width:20px; height:20px; background:url('../img/main/icon-tmpl.png') no-repeat; background-position:-124px 0; text-indent:-9999px;}
.slide-btn {overflow:hidden;}
.slide-btn a {display:block; float:left; width:20px; height:20px; margin:0 0 0 6px; background:url('../img/main/icon-tmpl.png') no-repeat;text-indent:-9999px;}
.slide-btn .prev {background-position:0 -24px;}
.slide-btn .next {background-position:-20px -24px;}
.slide-btn .stop {background-position:-40px -24px;}
.notice article,
.schedule,
.link,
.banner {margin-bottom:80px;}
@media all and (max-width:1023px) {
    .visual,
    .notice article,
    .schedule,
    .business,
    .link,
    .banner {margin-bottom:40px;}
}

/* animation */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes visualBg {
    0% { width:0; }
    100% { width:100% }
}
@keyframes leaf1 {
    20% {transform:scale(0.9,0.9) rotate(-50deg) translate(-40px,40px);}
	80% {transform:scale(0.5,0.5) rotate(50deg) translate(-200px,300px); opacity:0;}
	100% {transform:scale(0.5,0.5) translate(-200px,500px); opacity:0;}
}
@keyframes leaf2 {
	0% {transform:scale(1,1); opacity:.8;}
	100% {transform:scale(0.7,0.7) translate(0,200px); opacity:0;}
}
@keyframes leaf3 {
	0% {transform:scale(1,1); opacity:.8;}
	100% {transform:scale(0.7,0.7) translate(110px,200px); opacity: 0;}
}
@keyframes leaf4 {
	0% {transform:scale(1,1); opacity:.8;}
	100% {transform:scale(0.7,0.7) translate(-110px,200px); opacity: 0;	}
}
@keyframes cloud {
    0%  {transform:translateX(0);}
    50% {transform:translateX(-30px);}
    100% {transform:translateX(0);}
}
@keyframes cloud2 {
    0%  {transform:translateX(0);}
    50% {transform:translateX(-40px);}
    100% {transform:translateX(0);}
}
@keyframes bounce {
    0% {transform:translateY(0);}
    30% {transform:translateY(20px);}
    50% {transform:translateY(-35px);}
    100% {transform:translateY(0);}
}
@keyframes hand{
    0% {transform:rotate(-10deg);}
    50% {transform:rotate(0deg);}
    100% {transform:rotate(-10deg);}
}
@keyframes hand2{
    0% {transform:rotate(10deg);}
    50% {transform:rotate(0deg);}
    100% {transform:rotate(10deg);}
}
@keyframes hover {
    0% {transform:rotate(5deg);}
    50% {transform:rotate(0deg);}
    100% {transform:rotate(5deg);}
}
@keyframes updown {
	0% {transform:translateY(0px);}
    50% {transform:translateY(10px);}
	100% {transform:translateY(0px);}
}
@keyframes updown2 {
	0% {transform:translateY(0px);}
    50% {transform:translateY(-10px);}
	100% {transform:translateY(0px);}
}
@keyframes circle {
    70%{box-shadow:0 0 0 15px rgba(255,87,64,0), 0 0 0 5px rgba(255,87,64,0);}
    100%{box-shadow:0 0 0 0 rgba(255,87,64,0), 0 0 0 0 rgba(255,87,64,0);}
}
@keyframes draw {
	from { stroke-dashoffset:2889;}
	to { stroke-dashoffset:0;}
}
@keyframes motion {
	0% {top:0px;}
	25% {top:5px}
	50% {top:8px}
	75% {top:5px}
	100% {top:0px;}
}

/* aside */
.aside-wrap .aside {display:block; position:fixed; left:30px; top:50%; z-index:100; transform:translateY(-50%);}
.aside-wrap .aside .quick {text-align:center;}
.aside-wrap .aside .quick ul {display:inline-block;}
.aside-wrap .aside li a {display:block; margin-bottom:5px; padding:7px 16px; border-radius:6px; text-align:center; color:#fff; font-size:1.6rem;}
.aside-wrap .aside li.video {position:relative; padding-bottom:112px;}
.aside-wrap .aside li.video .view {display: none; width:116px; height:85px; background:url('../img/main/aside1.png') no-repeat; animation:updown2 3s infinite;}
.aside-wrap .aside li.video .view a {display:table; width:100%; height:82px; line-height:1.4; font-size:1.4rem;}
.aside-wrap .aside li.video .view a span {display:table-cell; vertical-align:middle;}
.aside-wrap .aside li.link01 a {background:#338ed3;}
.aside-wrap .aside li.link02 a {background:#00a9c3;}
.aside-wrap .aside li.link03 a {background:#db3f30;}
.aside-wrap .aside li.link04 a {background:#114e91;}
.aside-wrap .aside .close { display:none; position:absolute; top:-25px; right:0; width:17px; height:17px;}
.aside-wrap .aside .close span {display:block; position:absolute; top:50%; left:0; width:100%; height:2px; background:rgba(255,255,255,0); color:transparent; transform:translate(0, -50%);}
.aside-wrap .aside .close span:before,
.aside-wrap .aside .close span:after {content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:rgba(0,0,0,1);}
.aside-wrap .aside .close span:before {top:0; transform:rotate(45deg);}
.aside-wrap .aside .close span:after {top:0; transform:rotate(-45deg);}
.obj2 {position:absolute; bottom:-15px; right:0; width:121px; height:119px; z-index:-1;}
.obj2 span {display:block;}
.obj2-1 {width:100%; height:100%; background:url('../img/main/aside2-1.png') no-repeat;}
.obj2-2 {position:absolute; bottom:10px; left:0; width:41px; height:75px; background:url('../img/main/aside2-2.png') no-repeat; animation:flower2 3s ease infinite; z-index:-1;}
@media all and (max-width:1800px) {
    .aside-wrap .aside .close { display:block; }
    .aside-wrap .open {display:block; position:fixed; left:0; top:50%; z-index:100; transform:translateY(-50%); width:30px; height:50px; background:#114e91; border-radius:0 6px 6px 0; text-indent:-9999px;}
    .aside-wrap .open:before {content:''; position:absolute; left:50%; top:50%; width:7px; height:7px; border-bottom:3px solid #fff; border-right:3px solid #fff; transform:translate(-50%, -50%) rotate(-45deg); margin-left:-3px;}
    .aside-wrap .aside {display:none;}
}
@media all and (min-width:1801px) {
    .aside-wrap .open {display:none !important;}
}
@media all and (max-width:1023px) {
    .aside-wrap .open {top:inherit; bottom:20px; transform:translateY(0);}
}

/* yotube modal */
.modal-video {background-color:rgba(0,0,0,0.7);}
.modal-video-close-btn {right:-33px; width:20px; height:20px; padding:0 !important;}
.modal-video-close-btn:before, .modal-video-close-btn:after {margin-top:0;}

/* visual */
.visual {position:relative;}
.visual:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#ecf5ff; z-index:-1; /*animation:visualBg 1s linear;*/}
.visual:after {content:''; position:absolute; bottom:-0; left:0; width:100%; height:318px; background:url('../img/common/curve.png') no-repeat center bottom;}
.visual > div.wrap {position:relative; z-index:2;}
.slogan {padding:200px 0 288px; font-family:'NEXONLv1';}
.slogan > div {display:inline-block; position:relative; z-index:10;}
.slogan .txt01 {font-size:4rem;}
.slogan .txt01 span, .slogan .txt02 {font-size:5rem; font-weight:600; letter-spacing:-1.3px;}
.slogan .txt01 span {position:relative; padding-top:20px; color:#114e91;}
.slogan .txt01 span:before {content:''; position:absolute; top:0; left:50%; width:9px; height:9px; margin-left:-5px; background:#114e91; border-radius:50%;}
.slogan .txt02 {margin-top:-10px;}
.slogan .heart {display:block; position:absolute; top:-10px; right:-149px; width:149px; height:153px; background:url('../img/common/heart.png') no-repeat; background-size:contain;}
/*
.slogan .heart-line {display:block; position:absolute; top:-10px; right:-149px; width:154px; height:154px;}
.slogan .heart-line .heart {fill:#cedeef; stroke:none; stroke-dasharray:756; animation:heart 5s linear;}
@keyframes heart {
	from { stroke-dashoffset:756 }
	to { stroke-dashoffset:0 }
}
*/
/*사람*/
.obj1 {position:absolute; top:133px; right:0; width:610px; height:408px; z-index:20; /*animation:fadeIn 1s ease;*/}
.obj1 span {display:block;}
.obj1-1 {width:100%; height:100%; background:url('../img/main/obj1-1.png') no-repeat;}
/*구름*/
.cloud1 {position:absolute; top:70px; right:-90px; width:216px; height:111px; z-index: -1;}
.cloud1 span {display:block; width:62px; height:28px;}
.cloud1-1 {position:absolute; top:0; left:0; background:url('../img/common/cloud1.png') no-repeat; z-index:-1; animation: cloud 8s linear infinite 1s;}
.cloud1-2 {position:absolute; bottom:0; right:0; background:url('../img/common/cloud2.png') no-repeat;  z-index:-1; animation: cloud2 8s linear infinite 1s;}
/*오른쪽나뭇잎*/
.leaf1 {position:absolute; top:128px; right:263px; width:78px; height:58px;}
.leaf1 span {display:block;}
.leaf1-1 {position:absolute; top:0; right:0; width:21px; height:29px; background:url('../img/main/leaf1-3.png') no-repeat; animation:leaf2 8s ease 0s infinite normal; transform-origin:100% 100%;}
.leaf1-2 {position:absolute; bottom:0; left:0; width:13px; height:19px; background:url('../img/main/leaf1-4.png') no-repeat; animation:leaf1 10s ease 0s infinite normal; transition-delay:0.2s}
/*왼쪽나뭇잎*/
.leaf2 {position:absolute; top:184px; left:-123px; width:68px; height:57px;}
.leaf2 span {display:block;}
.leaf2-1 {position:absolute; bottom:0; left:0; width:34px; height:21px; background:url('../img/main/leaf1-5.png') no-repeat; animation:leaf3 6s ease 0s infinite normal; transform-origin: 100% 100%;}
.leaf2-2 {position:absolute; top:0; right:0; width:20px; height:12px; background:url('../img/main/leaf1-6.png') no-repeat; animation:leaf4 8s ease 0s infinite normal; transform-origin: 100% 100%;}
@media all and (max-width:1440px) {
    .slogan {padding-top:160px;}
    .slogan .txt01 {font-size:3.5rem;}
    .slogan .txt01 span, .slogan .txt02 {font-size:4.5rem;}
    .slogan .txt01 span {padding-top:15px;}
    .slogan .txt01 span:before {width:7px; height:7px; margin-left:-4px;}
    .slogan .heart {width:120px; top:0; right:-113px;}
    /*사람*/
    .obj1 {top:100px; right:40px;}
    /*구름*/
    .cloud1 {top:90px; right:50%; transform:translateX(90%);}
    /*오른쪽나뭇잎*/
    .leaf1 {top:100px; right:250px;}
    /*왼쪽나뭇잎*/
    .leaf2 {top:184px; left:0;}
}
@media all and (max-width:1365px) {
    /*사람*/
    .obj1 {right:15px;}
    /*구름*/
    .cloud1 {width:150px; height:77px;}
    .cloud1 span {width:40px; height:18px; background-size:contain;}
}
@media all and (max-width:1240px) {
    .slogan .txt01 {font-size:3rem;}
    .slogan .txt01 span, .slogan .txt02 {font-size:4rem;}
    .slogan .heart {width:120px; top:-5px; right:-110px;}
    /*사람*/
    .obj1 {top:100px; right:0; width:520px; height:348px;}
    .obj1-1 {background-size:contain;}
    /*왼쪽나뭇잎*/
    .leaf2 {display:none;}
    .slogan .heart {width:90px; top:0; right:-90px;}
}
@media all and (max-width:1023px) {
    .visual {overflow:hidden;}
    .visual:after {display:none;}
    .slogan {padding:60px 0 50px; text-align:center; margin-left:-45px;}
    /*사람*/
    .obj1 {display:none;}
    /*구름*/
    .cloud1 {top:50px; right:inherit; left:50px; transform:translateX(0);}
    /*오른쪽나뭇잎*/
    .leaf1 {top:0; right:0;}
    /*왼쪽나뭇잎*/
    .leaf2 {display:block; top:50px;}
}
@media all and (max-width:599px) {
	.slogan {line-height:1.3; margin-left:0;}
	.slogan .txt01 {font-size:2.2rem;}
	.slogan .txt01 span, .slogan .txt02 {font-size:3.2rem;}
	.slogan .txt01 span {padding-top:10px;}
	.slogan .txt01 span:before {width:4px; height:4px; margin-left:-2px;}
	.slogan .txt02 {margin-top:1px;}
    .slogan .heart {display:none;}
}

/* board */
.notice {position:relative; margin-top:-40px; z-index:10;}
.notice > div.wrap:after {content:''; clear:both; display:block;}
.board {position:relative; float:left; width:50%;}
.board a {display:block;}
.board > ul > li {overflow:hidden;}
.board > ul > li h3 {position:absolute; top:0;}
.board > ul > li:nth-child(1) h3 {left:0;}
.board > ul > li:nth-child(2) h3 {left:97px;}
.board > ul > li:nth-child(3) h3 {left:176px;}
.board > ul > li:nth-child(4) h3 {left:273px;}
.board > ul > li h3 a {position:relative; padding-bottom:8px; color:#747474;}
.board > ul > li.on h3 a {color:#114e91;}
.board > ul > li.on h3 a:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#114e91;}
.board > ul > li:hover h3 a {color:#114e91;}
.board > ul > li .show {display:none; margin-top:65px;}
.board > ul > li .show .list {float:right; width:48%;}
.board > ul > li .show .list:nth-child(odd) {float:left;}
.board > ul > li .show .title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; /*max-height:3em;*/ height:3em; font-size:2.3rem; font-weight:500; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis; letter-spacing:-1.3px;}
.board > ul > li .show .cont {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden; height:4.5em; margin:30px 0; line-height:1.5em; font-weight:400; word-wrap:break-word; text-overflow:ellipsis; color:#707070;}
.board > ul > li .show ul li {float:right; width:48%;}
.board > ul > li .show ul li:nth-of-type(odd) {float:left;}
.board > ul > li .show ul li img {display:block; width:100%  !important; height:141px !important; border-radius:10px;}
.board > ul > li .show ul li .title {/*max-height:100%;*/ height:100%; white-space:nowrap; width:80%; margin:15px 0;}
.board .date {padding-left:27px; color:#707070; font-family:'Montserrat'; letter-spacing:0.3px;}
.board .date:before {top:50%; left:0; width:17px; height:14px; background-position:-86px 0; transform:translate(0, -50%);}
.board .more {position:absolute; top:4px; right:0;}
@media all and (max-width:1440px) {
    .board > ul > li .show .title {font-size:2rem;}
}
@media all and (max-width:1240px) {
    .notice {margin-top:-80px;}
}
@media all and (max-width:1023px) {
    .notice {margin-top:0;}
    .board {float:none; width:100%;}
}
@media all and (max-width:599px) {
    .board > ul > li:nth-child(2) h3 {left:87px;}
    .board > ul > li:nth-child(3) h3 {left:156px;}
    .board > ul > li:nth-child(4) h3 {left:243px;}
    .board > ul > li .show .list {float:none; width:100%;}
    .board > ul > li .show .list:nth-of-type(odd) {float:none; margin-bottom:35px;}
    .board > ul > li .show .title {display:block; height:100%; white-space:nowrap; width:80%;}
    .board > ul > li .show .cont {height:100%; margin:15px 0;}
    .board > ul > li .show ul li {float:none; width:100%;}
    .board > ul > li .show ul li:nth-of-type(odd) {float:none; margin-bottom:35px;}
    .board .more {position:static; display:block; width:100%; height:auto; margin-top:25px; padding:7px 10px; background:#f4f4f4; border:1px solid #ddd; border-radius:10px; text-indent:0; text-align:center; font-weight:500;}
}

/* popup */
.popup {position:relative; float:right; width:45.71%;}
.popup h3 {display:inline-block; position:relative; padding-bottom:8px; color:#114e91;}
.popup h3:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#114e91;}
.popup .pop-slide {overflow:hidden; margin-top:27px; background:#efefef; border-radius:10px;}
.popup .pop-slide li {display:table; height:230px;}
.popup .pop-slide li a {display:table-cell; vertical-align:middle;}
.popup .pop-slide li img {display:block; width:100%; border-radius:10px;}
.popup .pop-btn {position:absolute; top:11px; right:0;}
.popup .pop-btn .pager {display:block; float:left; margin:-4px 20px 0 0;}
.popup .pop-btn .pager span {display:inline-block; position:relative; padding:0 20px 0 15px; font-family:'Montserrat'}
.popup .pop-btn .pager span:before {content:''; position:absolute; top:50%; right:0; width:5px; height:5px; background:#939393; border-radius:50%; transform:translateY(-50%);}
.popup .pop-btn .pager span.current {font-weight:700;}
.popup .pop-btn .pager span.total {padding-right:0;}
.popup .pop-btn .pager span.total:before {display:none;}
@media all and (max-width:1023px) {
    .popup {float:none; width:100%;}
    .popup .pop-slide {background:none; margin-left:-15px; margin-right:-15px;}
    .popup .pop-slide li {display:block; height:auto;}
    .popup .pop-slide li a {display:block; margin-left:15px; margin-right:15px;}
}
@media all and (max-width:768px) {
    .popup .pop-slide {margin-left:0; margin-right:0;}
    .popup .pop-slide li a {margin-left:0; margin-right:0;}
}


/* calendar */
.schedule > div.wrap {overflow:hidden; border:1px solid #e3e3e3; border-radius:10px; box-shadow:10px 10px 20px rgba(0,0,0,0.02);}
.schedule .left {float:left; width:33.85%; padding:0 30px;}
.schedule .left .move {position:relative; margin-top:23px; padding:20px 0;}
.schedule .left h3 {margin-top:-18px; text-align:center; font-family:'Montserrat'; font-weight:700; font-size:2.3rem; letter-spacing:0.3px;}
.schedule .left .cal {display:block; position:absolute; top:0; width:38px; height:38px; border:1px solid #e3e3e3; border-radius:50%; text-indent:-9999px;}
.schedule .left .cal:before {content:''; position:absolute; left:50%; top:50%; width:7px; height:7px; border-bottom:3px solid #999; border-right:3px solid #999; transform:translate(-50%, -50%) rotate(135deg); margin-left:1px;}
.schedule .left .cal.prev {left:0;}
.schedule .left .cal.next {right:0;}
.schedule .left .cal.next:before {transform:translate(-50%, -50%) rotate(-45deg); margin-left:-1px;}
.schedule .left .calendar {}
.schedule .left .calendar table {width:100%;}
.schedule .left .calendar table tr th,
.schedule .left .calendar table tr td {text-align:center; padding:10px; font-weight:500;}
.schedule .left .calendar table tr th {font-weight:600;}
.schedule .left .calendar table thead {/*position:relative;*/ background:#ecf5ff;}
/*
.schedule .left .calendar table thead:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#ecf5ff; border-radius:10px; z-index:-1;}
*/
.schedule .left .calendar table tbody tr td:first-child {color:#d71f0e;}
.schedule .left .calendar table tbody tr td:last-child {color:#1272cd;}
.schedule .left .calendar table tbody tr td.has {background:url('../img/main/cal-tmpl.png') no-repeat center;}
.schedule .right {float:right; width:66.15%; border-left:1px dashed #e3e3e3; padding:0 0 0 30px;}
.schedule .right ul {overflow:hidden; max-height:268px; overflow-y:auto;}
.schedule .right ul li {float:right; width:48%; padding:30px 0 20px; border-bottom:1px dashed #e3e3e3;}
.schedule .right ul li:nth-child(odd) {clear:both; float:left;}
.schedule .right ul li.noschedule {display:table; height:268px; padding:0; float:none; width:100%;}
.schedule .right ul li.noschedule span {display:table-cell; vertical-align:middle; padding-top:100px; text-align:center; font-size:2rem; font-weight:500; letter-spacing:-1px;}
.schedule .right ul li.noschedule span:before {top:80px; left:50%; width:77px; height:61px; margin-left:-39px; background-position:-145px 0;}
.schedule .right ul li a {display:block; overflow:hidden;}
.schedule .right ul li a > span {display:inline-block; float:left; padding:5px 15px; background:#0f74d2; color:#fff; font-size:1.5rem; font-weight:500; text-align:center; border-radius:40px;}
.schedule .right ul li a > b {display:block; float:left; overflow:hidden; width:100%; max-width:80%; margin-left:10px; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:2rem; letter-spacing:-1.3px;}
.schedule .right .detail {overflow:hidden; margin-top:15px; padding:0 10px 0 5px;}
.schedule .right .detail span {display:block; min-height:25.5px; margin-bottom:5px; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.schedule .right .detail .time {padding-left:32px; letter-spacing:-0.4px;}
.schedule .right .detail .time:before {top:50%; left:0; width:21px; height:21px; margin-top:-1px; background-position:0 0; transform:translateY(-50%);}
.schedule .right .detail .location {padding-left:32px;}
.schedule .right .detail .location:before {top:50%; left:1px; width:18px; height:21px; margin-top:-1px; background-position:-21px 0; transform:translateY(-50%);}
.schedule .right .detail .state {margin-bottom:0; font-weight:600; text-align:right; letter-spacing:-0.4px;}
.schedule .more {position:relative; margin:40px auto; background-position:-103px 0; text-align:center;}
.schedule .more:before {content:''; position:absolute; top:50%; left:50%; width:40px; height:40px; background:#114e91; transform:translate(-50%, -50%); border-radius:50%; z-index:-1;}
@media all and (max-width:1440px) {
    .schedule .left {width:40%;}
    .schedule .right {width:calc(100% - 40%); max-height:369px; overflow-y:auto;}
    .schedule .right ul {max-height:100%; overflow:hidden;}
    .schedule .right ul li {float:none; width:100%; padding:25px 0 15px;}
    .schedule .right ul li:nth-child(odd) {clear:none; float:none;}
    .schedule .right ul li a > span {float:none; margin-bottom:10px;}
    .schedule .right ul li a > b {float:none; margin-left:4px;}
}
@media all and (max-width:1023px) {
    .schedule .left {width:55%;}
    .schedule .right {width:calc(100% - 55%);}
}
@media all and (max-width:768px) {
    .schedule .left {}
    .schedule .left {float:none; width:100%; padding:0 25px 15px 25px; border-bottom:1px dashed #e3e3e3;}
    .schedule .right {float:none; width:100%; max-height:260px; border-left:0;}
}

/* business */
.business {position:relative;}
.business > div.wrap {position:relative; min-height:794px;}
.business > div.wrap:before {content:''; position:absolute; top:50%; left:-267px; width:484px; height:100%; background:url('../img/main/obj3-1.png') no-repeat; transform:translateY(-50%); z-index:2;}
.obj3 {position:relative; top:234px; float:left; width:376px; height:322px; z-index:2;}
.obj3 span {display:block;}
.obj3-1 {width:100%; height:100%; background:url('../img/main/obj3-2.png') no-repeat;}
.obj3-2 {position:absolute; top:0; left:0; width:57px; height:64px; background:url('../img/main/obj3-3.png') no-repeat; animation:hand 1s ease infinite;}
.obj3-3 {position:absolute; bottom:105px; right:0; width:47px; height:54px; background:url('../img/main/obj3-4.png') no-repeat; animation:hand 1s ease infinite;}
.obj3-4 {position:absolute; top:92px; left:169px; width:48px; height:55px; background:url('../img/main/heart1-1.png') no-repeat; animation:updown 3s infinite;}
.obj3-5 {position:absolute; top:296px; left:400px; width:30px; height:26px; background:url('../img/main/heart1-2.png') no-repeat; animation:updown2 3s infinite;}
.bis-leaf {top:inherit; bottom:160px; left:200px;}
.bis-wrap {/*display:inline-block; position:absolute; overflow:hidden; float:left; margin-left:7%; width:84%;*/ float:right; width:calc(100% - 474px);}
.bis {padding-bottom:140px; overflow:visible;}
.bis-slide li {position:relative; padding-left:45px; width:403px;}
.bis-slide li:nth-child(even) {margin-top:97px;}
.bis-slide li a {display:block;}
.bis-slide li .number {position:absolute; top:-34px; left:0; color:#f4f4f4; font-family:'Montserrat'; font-size:10rem; font-weight:700; letter-spacing:-1px; z-index:-1;}
.bis-slide li .card {padding-top:49px;}
.bis-slide li .card h3 {margin-bottom:20px; font-size:2.3rem;}
.bis-slide li .img {position:relative; padding:0 30px; text-align:center; box-shadow:10px 10px 20px rgba(0,0,0,0.02);}
.bis-slide li .img:before {content:''; position:absolute; top:0; right:0; width:42px; height:42px; background:url('../img/main/obj2-3.png') no-repeat;}
.bis-slide li .img .txt {position:relative; padding-top:265px;}
.bis-slide li .img .txt:before {content:''; position:absolute; left:50%; width:260px; background:url('../img/main/obj2-1.png') no-repeat; transform:translateX(-50%);}
.bis-slide li .img .txt a {font-weight:500;}
.bis-slide li .img .txt p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:3em; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis;}
.bis-slide li .img .txt p span {font-weight:600;}
.bis-slide li .img .txt .bis-more {display:inline-block; margin:20px 0 26px; padding:7px 15px; color:#fff; border-radius:40px; font-size:1.5rem; font-weight:400;}
/* bis01 */
.bis-slide li.bis01 .img .txt:before {top:40px; height:180px; background-position:0 0;}
.bis-slide li.bis01 .img {background:#ffefa4;}
.bis-slide li.bis01 .img .txt p span {color:#4b4215;}
.bis-slide li.bis01 .img .txt .bis-more {background:#4b4215;}
/* bis02 */
.bis-slide li.bis02 .img .txt:before {top:20px; height:211px; background-position:0 -180px;}
.bis-slide li.bis02 .img {background:#b5ebff;}
.bis-slide li.bis02 .img .txt p span {color:#174d61;}
.bis-slide li.bis02 .img .txt .bis-more {background:#174d61;}
/* bis03 */
.bis-slide li.bis03 .img .txt:before {top:40px; height:187px; background-position:0 -391px;}
.bis-slide li.bis03 .img {background:#ffd6d6;}
.bis-slide li.bis03 .img .txt p span {color:#732c33;}
.bis-slide li.bis03 .img .txt .bis-more {background:#732c33;}
/* bis04 */
.bis-slide li.bis04 .img .txt:before {top:20px; height:211px; background-position:0 -578px;}
.bis-slide li.bis04 .img {background:#b5ebff;}
.bis-slide li.bis04 .img .txt p span {color:#174d61;}
.bis-slide li.bis04 .img .txt .bis-more {background:#174d61;}
.bis .swiper-scrollbar {width:100% !important; height:3px!important; margin-left:45px; background-color:#cedcec !important; bottom:40px !important;}
.bis .swiper-scrollbar .swiper-scrollbar-drag {position:relative; /*width:1000px !important;*/ background-color:#114e91;}
.bis .swiper-scrollbar .swiper-scrollbar-drag:after {content:''; display:block; position:absolute; right:0; top:-30px; width:60px; height:60px; background:#114e91 url('../img/main/icon-tmpl.png') no-repeat 0 -40px; border-radius:50%; animation:circle 1.5s infinite; box-shadow:0 0 0 0 rgba(17,78,145,0.4), 0 0 0 0 rgba(17,78,145,0.4);}
.bis .swiper-pagination {top:inherit; left:45px; bottom:20px; background:#cedcec; height:3px; width:calc(100% - 200px);}
.bis .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#114e91;}
.bis .swiper-button-prev,
.bis .swiper-button-next {top:inherit; bottom:0; padding:0; background-color:transparent; width:50px; height:50px; background:#114e91; border-radius:50%;}
.bis .swiper-button-prev:before,
.bis .swiper-button-next:before {content:''; position:absolute; left:50%; top:50%; width:7px; height:7px; border-bottom:3px solid #fff; border-right:3px solid #fff;}
.bis .swiper-button-prev {left:inherit; right:60px; }
.bis .swiper-button-prev:before {transform:translate(-50%, -50%) rotate(135deg); margin-left:1px;}
.bis .swiper-button-next {right:0;}
.bis .swiper-button-next:before {transform:translate(-50%, -50%) rotate(-45deg); margin-left:-1px;}
.bis-line {position:absolute; right:-50px; bottom:160px; z-index:-1; width:1519px; height:624px;}
.bis-line .draw { fill:none; stroke:transparent; stroke-width:2px; stroke-dasharray:2892;}
.bis-line.animate .draw {stroke:#d3e5f2; animation:draw 2s linear;}
@media all and (max-width:1440px) {
    .business > div.wrap {min-height:680px;}
    .business > div.wrap:before {top:-113px; left:-160px; transform:translateY(0);}
    .obj3 {top:129px; left:80px;}
    .obj3-4 {top:-30px;}
    .obj3-5 {top:40px;}
    .bis-slide li .img .txt {padding-top:185px;}
    .bis-slide li .img .txt:before {width:166px;}
    /* bis01 */
    .bis-slide li.bis01 .img .txt:before {height:115px; background-position:-260px 0;}
    /* bis02 */
    .bis-slide li.bis02 .img .txt:before {height:135px; background-position:-260px -115px;}
    /* bis03 */
    .bis-slide li.bis03 .img .txt:before {height:119px; background-position:-260px -249px;}
    /* bis04 */
    .bis-slide li.bis04 .img .txt:before {height:135px; background-position:-260px -369px;}
}
@media all and (max-width:1023px) {
    .business > div.wrap {min-height:auto;}
    .business > div.wrap:before {display:none;}
    .obj3 {display:none;}
    .bis-leaf {display:none;}
    .bis-wrap {display:block; position:static; overflow:visible; float:none; margin-left:0; width:100%;}
    .bis {padding-bottom:0;}
    .bis-slide li {padding-left:0; width:360px;}
    .bis-slide li:nth-child(even) {margin-top:0;}
    .bis .swiper-scrollbar {display:none;}
    .obj3-4 {display:none;}
    .obj3-5 {display:none;}
    .bis-line {display:none;}
    .bis .swiper-pagination,
    .bis .swiper-button-prev,
    .bis .swiper-button-next {display:none;}
}
@media all and (max-width:599px) {
    .bis-slide li {width:265px;}
}

/* link */
.link h2 {margin-bottom:40px; font-size:3.5rem;}
.link h2 span {display:block; margin-left:3px; font-size:2rem; color:#114e91; font-family:'Montserrat'; font-weight:500; text-transform:uppercase; letter-spacing:-0.3px;}
.link-slide {margin: 0 -39px;}
/*.link-slide li {float:left; width:14.28%;}*/
.link-slide li a {display:block; padding-top:169px; text-align:center; font-weight:500; font-size:2rem; letter-spacing:-1.3px;}
.link-slide li a:before {top:0; left:50%; width:138px; height:138px; transform: translateX(-50%); border:3px solid #ecf5ff; border-radius:50%; transition:all 0.3s;}
.link-slide li.link01 a:before {background-position:0 0;}
.link-slide li.link02 a:before {background-position:-138px 0;}
.link-slide li.link03 a:before {background-position:-276px 0;}
.link-slide li.link04 a:before {background-position:-414px 0;}
.link-slide li.link05 a:before {background-position:-552px 0;}
.link-slide li.link06 a:before {background-position:-690px 0;}
.link-slide li.link07 a:before {background-position:-828px 0;}
.link-slide li a:hover:before {background-color:#ecf5ff; animation:motion 0.4s linear 0s;}
@media all and (max-width:1440px) {
    .link-slide li a {padding-top:125px; font-size:1.7rem;}
    .link-slide li a:before {width:100px; height:100px;}
    .link-slide li.link01 a:before {background-position:0 -138px;}
    .link-slide li.link02 a:before {background-position:-100px -138px;}
    .link-slide li.link03 a:before {background-position:-200px -138px;}
    .link-slide li.link04 a:before {background-position:-300px -138px;}
    .link-slide li.link05 a:before {background-position:-400px -138px;}
    .link-slide li.link06 a:before {background-position:-500px -138px;}
    .link-slide li.link07 a:before {background-position:-600px -138px;}
}
@media all and (max-width:1240px) {
    .link-slide {margin:0 60px;}
    .link-slide .slick-arrow {position:absolute; top:50%; width:20px; height:20px; padding:0; background:none; border-right:3px solid #999; text-indent:-9999px;}
    .link-slide .slick-arrow.slick-prev {border-bottom:3px solid #999; left:-50px; transform:translate(0, -50%) rotate(135deg); margin-left:1px;}
    .link-slide .slick-arrow.slick-next {border-top:3px solid #999; border-right:3px solid #999; right:-50px; transform:translate(0, -50%) rotate(45deg); margin-right:1px;}
}
@media all and (max-width:1023px) {
    .link h2 {text-align:center;}
}

/* banner */
.banner > div.wrap {overflow:hidden; padding:20px 30px 20px 17px; border:1px solid #e3e3e3; border-radius:10px; box-shadow: 10px 10px 20px rgba(0,0,0,0.02);}
.banner .ban-btn {float:left; margin-top:16px;}
.banner .ban-btn a {display:block !important;}
.banner .ban-slide {overflow:hidden; float:right; width:calc(100% - 120px);}
.banner .ban-slide li {display:table; height:50px; margin:0 20px;}
.banner .ban-slide li a {display:table-cell; vertical-align:middle; margin:0 0 0 45px;}
.banner .ban-slide li a img {display:block;}
@media all and (max-width:1023px) {
    .banner > div.wrap {padding:20px 25px 20px 17px;}
}
@media all and (max-width:599px) {
    .banner .ban-btn {margin-top:10px;}
    .banner .ban-slide li {height:37px;}
    .banner .ban-slide li a img {height:37px;}
}

/* 레이어팝업 */
#pop_01 {max-width:500px; top:100px; left:13%; z-index:999;}
#pop_02 {top:100px;left: 50%;transform: translateX(-50%);z-index:500;}
#pop_03 {top: 100px;right: 13%;z-index: 99;}
.layorPop {position:absolute; border:1px solid #000;}
.layorPop video {display:block;}
.layorPop .img img {display:block; width:100%; max-width:100%;}
.layorPop .close {padding-left:10px; background:#2c2c2c; color:#fff; font-size:13px; line-height:35px;}
.layorPop .close form {overflow:hidden;}
.layorPop .close input[type="checkbox"] {display:inline-block; margin-right:7px;}
.layorPop .close a {position:relative; float:right; width:35px; height:35px; background:#000; color:#fff; font-size:1em;; font-weight:600; text-indent:-9999px}
.layorPop .close a:before {content:''; position:absolute; top:50%; left:50%; width:2px; height:15px; background:#fff; transform:translate(-50%, -50%) rotate(45deg);}
.layorPop .close a:after {content:''; position:absolute; top:50%; left:50%; width:2px; height:15px; background:#fff; transform:translate(-50%, -50%) rotate(-45deg);}
@media all and (max-width:599px) {
  .layorPop {top:70px !important; width:96%; left:50% !important; transform:translateX(-50%);}
}