@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */

.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}
.only-desktop-tablet {display:block;}

#wrapper {position:relative; overflow:hidden;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.contain {position:relative; width:100%; max-width:1230px; padding-left:15px;padding-right:15px; margin:0 auto;}
.contain:after {content:" "; display:block; clear:both;}


/* header */
.header {height:123px; position:relative;}

.sitelogo {position:absolute; top:50%; width:100%; text-align:center; margin-top:-34px; z-index:2}

.header-customer {position:absolute; top:50%; left:0; width:200px; transform:translateY(-50%); display:flex; align-items:center; z-index:3}
.header-customer .icon {width:48px;}
.header-customer .info {flex:1 1 auto; width:0; min-width:0; padding-left:15px;}
.header-customer .info .tit {font-size:13px; line-height:1.3em; color:#878787}
.header-customer .info .tel {font-size:26px; line-height:1.4em; color:#2c2c2c; font-weight:800; font-family: 'NanumSquare',sans-serif;}

.util {position:absolute; top:50%; right:0;  transform:translateY(-50%); z-index:3}
.util ul {display:flex; margin:0 -10px;}
.util ul li {padding:0 10px; text-align:center;}
.util ul li .icon {margin-bottom:10px;}
.util ul li .tit {font-size:14px; line-height:1.3em; color:#878787}

.m-header-customer {overflow:hidden; display:flex; justify-content:center; margin-top:20px; margin-left:20px;}
.m-header-customer .icon {width:48px;}
.m-header-customer .info {flex:1 1 auto; width:0; min-width:0; padding-left:15px;}
.m-header-customer .info .tit {font-size:13px; line-height:1.3em; color:#878787}
.m-header-customer .info .tel {font-size:26px; line-height:1.4em; color:#2c2c2c; font-weight:800; font-family: 'NanumSquare',sans-serif;}

.m-util {overflow:hidden;}
.m-util ul {display:flex; justify-content:center; margin:0 -10px;}
.m-util ul li {padding:0 10px; position:relative; text-align:center;}
.m-util ul li:after {content:"";position:absolute; top:50%; left:0; width:1px; height:10px; background:#dfdfdf; margin-top:-5px;}
.m-util ul li:first-child:after {display:none}
.m-util ul li .icon {display:none}
.m-util ul li .tit {font-size:13px; line-height:1.3em; color:#878787}

.m-tel {display:none; position:absolute; top:50%; margin-top:-20px;left:0; z-index:10}
.m-tel img {height:40px;}


#main .gnb-wrap {border-bottom:0;}
.gnb-wrap {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.gnb-wrap .contain {display:flex;}
#gnb {flex: 1 1 auto; width:0; min-width:0;}
#gnb ul {display:flex;}
#gnb ul > li {flex:1; position:relative; text-align:center;}
#gnb ul > li:after {content:"";position:absolute; top:50%; left:0; width:1px; height:20px; background:#dfdfdf; margin-top:-10px;}
#gnb ul > li:first-child:after {display:none}
#gnb ul > li > a {display:block; color:#2c2c2c; font-size:19px; line-height:60px; font-weight:700;letter-spacing:-.40px; font-family: 'NanumSquare',sans-serif;}
#gnb ul > li.active > a {color:#29a7e1;}
#gnb .submenu {display:none; position:absolute; top:60px; width:100%; left:0; background:#fff; z-index:102}
#gnb .submenu > ul {display:block; padding:10px 20px;transition: all 0.3s ease-in-out;} 
#gnb .submenu > ul > li {text-align:center; padding:0; }
#gnb .submenu > ul > li:after {display:none}
#gnb .submenu > ul > li > a {display:block; color:#2c2c2c; text-decoration:none !important; font-size:16px; line-height:40px; font-weight:400; letter-spacing:-.40px; font-family: 'Nanum Gothic',sans-serif;}
#gnb .submenu > ul > li > a:hover {background:#29a7e1; color:#fff;font-weight:700;}

.btn-all-menu {width:66px;  position:relative; background:#43b2e5; z-index:99}
.btn-all-menu span {position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-9px; height:2px; width:18px;background:#fff; text-indent:-9999em;}
.btn-all-menu span:before,
.btn-all-menu span:after {content:" "; position:absolute; left:0; width:100%; height:2px; background:#fff; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-all-menu span:before {top:-6px; transition-property:top, transform;}
.btn-all-menu span:after {bottom:-6px; transition-property:bottom, transform;}

.allmenu-navigation {display:none; position:fixed; top:123px; left:0; border-top:1px solid #dfdfdf; width:100%; transition:.3s ease-in-out; background:#fff; z-index:202;}
.allmenu-navigation .all-menu {margin-right:66px; position:relative; z-index:2}
.allmenu-navigation .all-menu>ul {display:flex;}
.allmenu-navigation .all-menu>ul>li {flex:1; text-align:center; position:relative;}
.allmenu-navigation .all-menu>ul>li > a {display:block; position:relative; color:#2c2c2c; font-size:19px; line-height:60px; font-weight:700;letter-spacing:-.40px; font-family: 'NanumSquare',sans-serif;}
.allmenu-navigation .all-menu>ul>li > a:after {content:"";position:absolute; top:50%; left:0; width:1px; height:20px; background:#dfdfdf; margin-top:-10px;}
.allmenu-navigation .all-menu>ul>li > a:before {content:"";position:absolute; bottom:0; left:50%; width:0; height:4px; background:#29a7e1; opacity:0; transition: all 0.2s ease-in-out;}
.allmenu-navigation .all-menu>ul>li > a:hover:before {opacity:1; width:80%; margin-left:-40%;}
.allmenu-navigation .all-menu>ul>li > a:hover {color:#29a7e1}
.allmenu-navigation .all-menu>ul>li:first-child a:after {display:none}
.allmenu-navigation .all-menu>ul>li:first-child:before,
.allmenu-navigation .all-menu>ul>li:after {content:"";position:absolute;top:60px; width:1px; height:80%; background:#dfdfdf;}
.allmenu-navigation .all-menu>ul>li:first-child:before {left:0;}
.allmenu-navigation .all-menu>ul>li:after {right:0}
.allmenu-navigation .all-menu .submenu {padding:20px 0; position:relative;}
.allmenu-navigation .all-menu .submenu>ul {display:block;}
.allmenu-navigation .all-menu .submenu>ul>li {position:relative; text-align:center; padding:0;}
.allmenu-navigation .all-menu .submenu>ul>li>a {display:block; position:relative; color:#2c2c2c; font-size:16px; font-weight:400; line-height:40px;}
.allmenu-navigation .all-menu .submenu>ul>li>a:hover{color:#29a7e1;  text-decoration:underline;font-weight:700;}
.allmenu-navigation .bg {position:absolute; top:60px; left:0; width:100%; height:80%; background:#fafafa; border-top:1px solid #dfdfdf;}

html.allmenu-opened .allmenu-navigation {display:block}
html.allmenu-opened .btn-all-menu {position:absolute; top:0; right:15px; height:60px;}
html.allmenu-opened .btn-all-menu span {background:none;}
html.allmenu-opened .btn-all-menu span:before,
html.allmenu-opened .btn-all-menu span:after {transition-delay:0s, 0.3s;}
html.allmenu-opened .btn-all-menu span:before {top:0; transform:rotate(45deg);}
html.allmenu-opened .btn-all-menu span:after {bottom:0; transform:rotate(-45deg);} 


/* for mobile */
.btn-m-menu {display:none;position:absolute; top:50%; margin-top:-25px; right:0; width:50px; height:50px; background:#43b2e5; text-align:center; text-indent:-9999em; z-index:92; transition: all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-9px; height:2px; width:18px;background:#fff; text-indent:-9999em;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; left:0; width:100%; height:2px; background:#fff; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-6px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-6px; transition-property:bottom, transform;}

.mobile-navigation {position:fixed; top:0; right:0; padding:20px 0; width:300px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:202; font-family: 'NanumSquare',sans-serif;}
.mobile-navigation .home {margin-bottom:20px; padding-left:15px; font-size:20px; color:#2c2c2c; line-height:1.4em; font-weight:700;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:12px 15px; display:block; color:#2c2c2c; font-size:18px; font-weight:800; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#29a7e1}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#29a7e1;}
.mobile-navigation .nav-menu .submenu {display:none; margin:-1px 0 0 0; padding:0 15px 15px; background:#29a7e1;}
.mobile-navigation .nav-menu .submenu>ul {padding-top:10px;}
.mobile-navigation .nav-menu .submenu>ul:after {content:"";display:block;clear:both;}
.mobile-navigation .nav-menu .submenu>ul>li>a {display:block; position:relative; padding:5px 15px; color:#fff; font-size:18px; font-weight:400; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu>ul>li>a:after {content:"";position:absolute; top:12px; left:5px; width:4px; height:4px; background:#fff; border-radius:50%; transition:.3s ease-in-out;}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover{color:#fff}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover:after {background:#fff}
.mobile-navigation .btns {text-align:center; margin-top:20px; padding:0 15px;}
.mobile-navigation .btns a {display:block; width:100%; line-height:45px; font-size:16px; font-weight:700;background:#29a7e1; border-radius:45px; color:#fff;}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:20;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0); }
html.menu-opened .mobile-overlay {display:block;}
html.menu-opened .btn-m-menu {top:22px; margin-top:0;right:15px; width:22px; height:22px; background:none;}
html.menu-opened .btn-m-menu span {background:none; width:100%; height:2px;}
html.menu-opened .btn-m-menu span:before,
html.menu-opened .btn-m-menu span:after {transition-delay:0s, 0.3s; background:#2c2c2c;  width:22px;  height:2px;}
html.menu-opened .btn-m-menu span:before {top:0; transform:rotate(45deg);}
html.menu-opened .btn-m-menu span:after {bottom:0; transform:rotate(-45deg);} 



/* main */
.main-visual .item {position:relative; height:620px; z-index:1; overflow:hidden;}
.main-visual .item .visual-img {position:absolute;  top:0; left:0; width:100%; height:100%; object-fit:cover; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  opacity: 1 !important; animation-duration: 3s; transition: all 1s ease;}
.main-visual .content {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-family: 'S-CoreDream',sans-serif; color:#fff; z-index:50; transition:all 1s; -webkit-transition-timing-function:ease; transition-timing-function:ease;}
.main-visual .content .contain {max-width:1330px; padding:0 100px;}
.main-visual .title {font-size:54px; line-height:1.4em;font-weight:800;  margin-bottom:15px;}
.main-visual .btns ul {display:flex; margin:0 -5px;}
.main-visual .btns ul li {padding:0 5px; text-align:center;}
.main-visual .btns ul li a {display:block; width:180px; font-size:17px; line-height:48px; border:.1em solid #fff;}
.main-visual .slick-dots {position:absolute; bottom:50px; left:0; width:100%; display:flex; justify-content:center; z-index:50}
.main-visual .slick-dots li {margin:0 10px;}
.main-visual .slick-dots li button {position:relative; font-size:0; line-height:0; width:14px; height:14px; background:transparent; border:3px solid #fff; border-radius:100%; opacity:.50;}
.main-visual .slick-dots li.slick-active button {opacity:1; width:20px; height:20px; background:#ea5415; border-color:#ea5415;}
.main-visual .slick-arrow {position:absolute; top:50%; font-size:0; width:31px; height:58px; background-position:50% 50%; background-color:transparent; background-repeat:no-repeat; background-size:contain; margin-top:-29px; border:0; z-index:70;}
.main-visual .slick-prev {left:156px; background-image:url('../images/main/bt_prev.png');}
.main-visual .slick-next {right:156px; background-image:url('../images/main/bt_next.png');}

.animated {transition: all .5s ease;}

.main-visual [data-animation-in] {opacity: 0;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;transition:1s;}
@keyframes zoomInImage {
  from {transform: scale3d(1.1, 1.1, 1.1);transition:1s; }
  to {transform: scale3d(1, 1, 1);transition:1s;}
}
.zoomInImage {animation-name: zoomInImage;}

@keyframes zoomOutImage {
  from {transform: scale3d(1, 1, 1);transition:1s;}
  to {transform: scale3d(1.1, 1.1, 1.1);transition:1s;}
}
.zoomOutImage {animation-name: zoomOutImage;transition:1s;}


.scroll {
	position:absolute; 
	bottom:40px; 
	left:50%; 
	margin-left:-43px; 
	width:86px; 
	height:82px;
	font-size:0;
	background:url('/images/main/scroll.png') 50% 50% no-repeat;
	background-size:contain;
	z-index:10;
	-webkit-animation: bounce2 .9s linear infinite alternate;
    -moz-animation: bounce2 .9s linear infinite alternate;
    -o-animation: bounce2 .9s linear infinite alternate;
    -ms-animation: bounce2 .9s linear infinite alternate;
    animation: bounce2 .9s linear infinite alternate;
	 
}
@-moz-keyframes bounce2{from{bottom:40px;}to{bottom:30px;}}
@-webkit-keyframes bounce2{from{bottom:40px;}to{bottom:30px;}}
@-o-keyframes bounce2{from{bottom:40px;}to{bottom:30px;}}
@keyframes bounce2{from{bottom:40px;}to{bottom:30px;}}

.section1 {background:#e7f5fb;  padding:20px 0;}
.section1 .contain {display:flex; justify-content:center; align-items:center;}
.section1 .counts {width:360px;  font-family: 'NanumSquare',sans-serif;}
.section1 .counts .tit {display:inline-block; position:relative; font-size:18px; line-height:1.4em; color:#2c2c2c; font-weight:700; padding-left:25px;}
.section1 .counts .tit:before {content:"";position:absolute; top:-10px; left:-20px; width:36px; height:36px; background:url('../images/main/icon_price.png') 50% 50% no-repeat; background-size:contain;}
.section1 .counts .count {padding-left:20px; display:inline-block; font-size:26px; line-height:1.4em; color:#ea5415; letter-spacing:-.30px; font-weight:800;}
.section1 .counts .count span {font-size:18px; color:#2c2c2c; font-weight:700;}
.section1 .info {flex:1 1 auto; width:0; min-width:0;}
.section1 .info ul {display:flex; margin:0 -20px;}
.section1 .info ul li {margin:0 20px; width:auto; position:relative; padding-left:23px; font-size:16px ;line-height:1.4em;}
.section1 .info ul li:before {content:"";position:absolute; top:8px; left:0; width:13px; height:10px; background:url('../images/main/icon_check.png') 50% 50% no-repeat;}

.main-title {text-align:center; margin-bottom:40px;}
.main-title h1, .main-title h2 {font-size:38px;line-height:1.4em; color:#2c2c2c; margin-bottom:15px;font-family: 'NanumSquare',sans-serif;}
.main-title p {font-size:16px; line-height:1.4em; color:#878787;}

.section2 {padding:70px 0;}
.service-slider .slick-list {margin:0 -15px;}
.service-slider .slick-slide {padding:0 15px;}
.service-slider .item {text-align:center;}
.service-slider .thumb {position:relative; height:0; padding-bottom:105.3%; margin-bottom:25px; overflow:hidden;}
.service-slider .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%);  width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.service-slider .tit {font-size:22px; line-height:1.4em; color:#2c2c2c; font-weight:700; margin-bottom:15px;font-family: 'NanumSquare',sans-serif;}
.service-slider .cnt {font-size:14px; line-height:1.6em; color:#878787; margin-bottom:15px;}
.service-slider .more {display:inline-block; width:180px; font-size:18px; line-height:48px; border:1px solid #29a7e1; color:#29a7e1; font-weight:700; font-family: 'NanumSquare',sans-serif; transition:0.3s;}
.service-slider a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04);}
.service-slider a:hover .more {background:#29a7e1; color:#fff;}

.service-slider .slick-dots {display:flex; justify-content:center; margin-top:20px;}
.service-slider .slick-dots li {margin:0 5px;}
.service-slider .slick-dots li button {position:relative; font-size:0; line-height:0; width:10px; height:10px; background:transparent; border:3px solid #ccc; border-radius:100%; opacity:.50;}
.service-slider .slick-dots li.slick-active button {opacity:1; width:16px; height:16px; background:#ea5415; border-color:#ea5415;}

.section3 {padding:70px 0; background:#f8f8f8}
.section3 .product-slider {padding-bottom:130px;}
.section3 .slick-list {margin:0 -30px; overflow:visible}
.section3 .slick-slide {padding:0 30px;}
.section3 .item {text-align:center;}
.section3 .thumb {position:relative; height:0; padding-bottom:100%; margin-bottom:25px; border-radius:100%; overflow:hidden;}
.section3 .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%);  width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.section3 .thumb:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(41,167,225,.80) url('../images/main/more_hover.png') 50% 50% no-repeat; opacity:0; transition:0.3s;}
.section3 p {font-size:13px; line-height:1.4em; margin-bottom:10px;}
.section3 .tit {font-size:20px; line-height:1.4em; color:#2c2c2c; font-weight:400; margin-bottom:5px;font-family: 'NanumSquare',sans-serif;}
.section3 .more {display:inline-block;  font-size:18px; line-height:1.4em; color:#29a7e1; font-weight:700;font-family: 'NanumSquare',sans-serif;}
.section3 .more:after {content:""; display:inline-block; position:relative; top:.1em; width:15px; height:14px; margin-left:5px; background:url('../images/main/more_arrow.png') 50% 50% no-repeat;}
.section3 a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04);}
.section3 a:hover .thumb:after {opacity:1;}
.section3 .slick-arrow {position:absolute; bottom:0; font-size:0; border-radius:50%; width:72px; height:72px; background-position:50% 50%; background-color:#ccc; background-repeat:no-repeat; background-size:contain; border:0; z-index:70;}
.section3 .slick-arrow:hover {background-color:#29a7e1}
.section3 .slick-prev {left:50%; margin-left:-80px; background-image:url('../images/main/slide_prev.png');}
.section3 .slick-next {right:50%; margin-right:-80px;background-image:url('../images/main/slide_next.png');}

.section4 {padding:70px 0;}
.section4 ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#f4f4f4; }
.section4 ul li {width:50%; text-align:center;}
.section4 ul li .pic img {width:100%}
.section4 ul li .num {width:50px; height:50px; background:#29a7e1; border-radius:50%; font-size:20px; line-height:50px; font-weight:800; color:#fff; margin:0 auto 15px;  font-family: 'NanumSquare',sans-serif;}
.section4 ul li .tit {font-size:24px; line-height:1.4em; color:#2c2c2c; font-weight:700; margin-bottom:15px;font-family: 'NanumSquare',sans-serif;}
.section4 ul li .cnt {font-size:15px; line-height:1.6em;}
.section4 ul li:nth-child(3) {order:4} 
.section4 ul li:nth-child(4) {order:3}
.section4 ul li:nth-child(5) {order:5} 
.section4 ul li:nth-child(6) {order:6}
.section4 ul li:nth-child(7) {order:8} 
.section4 ul li:nth-child(8) {order:7}
.section4 ul li:nth-child(9) {order:9} 
.section4 ul li:nth-child(10) {order:10}

.section5 {background:url('../images/main/bg_customer.jpg') 50% 50% no-repeat; text-align:center; color:#fff; font-family: 'NanumSquare',sans-serif; background-size:cover; height:418px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.section5 h2 {font-size:38px; line-height:1.4em; font-weight:700; margin-bottom:20px;}
.section5 .group {display:inline-flex; align-items:center; margin-bottom:15px;}
.section5 .group .tit {width:80px; font-size:18px; line-height:1.3em;font-weight:700;}
.section5 .group .tel {font-size:60px; line-height:1.3em;font-weight:700;}
.section5 p {font-size:18px; line-height:1.3em; margin-bottom:30px;}
.section5 .more {display:inline-block; width:180px; line-height:48px;font-size:18px; font-weight:700; border:1px solid #fff}

.section6 {}
.section6 .row {display:flex; text-align:center; margin:0 -50px;}
.section6 .col {width:50%; padding:75px 50px; position:relative;}
.section6 .col:after {content:"";position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd}
.section6 .col:first-child:after {display:none;}
.section6 .col .title {display:flex; align-items:center; margin-bottom:30px; font-family: 'NanumSquare',sans-serif;}
.section6 .col .title h2 {width:220px; font-size:30px; line-height:1.4em; color:#2c2c2c;font-weight:700;}
.section6 .col .title .number {flex:1 1 auto; width:0; min-width:0; text-align:right; font-size:22px; line-height:1.4em; color:#2c2c2c;font-weight:700;}
.section6 .col .title .number .num {font-size:50px;}
.section6 .col .head {border-top:1px solid #bfbfbf; text-align:center; padding:13px 0; font-size:16px; line-height:1.4em; color:#2c2c2c;font-weight:700; display:flex; background:#fafafa;}
.section6 .col .res-date {width:25%;}
.section6 .col .name {width:20%;}
.section6 .col .etc {width:25%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.section6 .col .date {flex:1 1 auto; width:0; min-width:0;}
.section6 .col .reser-slider {border-bottom:1px solid #dfdfdf;}
.section6 .col img {display:inline-block;}
.section6 .col .group {display:flex; font-size:13px; line-height:1.4em; border-bottom:1px solid #dfdfdf; padding:12px 0; }
.section6 .col .more {display:inline-block; width:180px; line-height:48px;font-size:18px; color:#2c2c2c; font-weight:700; border:1px solid #a8a8a8; font-family: 'NanumSquare',sans-serif; margin-top:30px;}

.section7 {background:url('../images/main/bg_cert.jpg') 50% 50% no-repeat; font-family: 'NanumSquare',sans-serif; background-size:cover; padding:70px 0;}
.section7 .contain {display:flex; align-items:center; justify-content:center; color:#fff;} 
.section7 .img {width:316px;}
.section7 .info {padding-left:105px;}
.section7 .info .title {font-size:40px; line-height:1.4em; font-weight:700; margin-bottom:15px; }
.section7 .info .cnt {font-size:20px; line-height:1.6em; margin-bottom:20px;}

.section8 {padding:70px 0;}
.section8 .logo-slider {padding-bottom:110px;}
.section8 .slick-list {margin:0 -5px;}
.section8 .slick-slide {padding:0 5px;}
.section8 .slick-arrow {position:absolute; bottom:0; font-size:0; border-radius:50%; width:72px; height:72px; background-position:50% 50%; background-color:#ccc; background-repeat:no-repeat; background-size:contain; border:0; z-index:70;}
.section8 .slick-arrow:hover {background-color:#29a7e1}
.section8 .slick-prev {left:50%; margin-left:-80px; background-image:url('../images/main/slide_prev.png');}
.section8 .slick-next {right:50%; margin-right:-80px;background-image:url('../images/main/slide_next.png');}


.section9 {position:relative; padding:45px 0; display:flex;}
.section9:after {content:"";position:absolute; top:0; right:0; background:#2186b4; width:80%; height:100%; z-index:-1}
.section9 .img {width:50%; padding-right:30px;}
.section9 .img img {width:100%}
.section9 .form {max-width:600px; width:50%; padding-left:60px; margin-right:15px;}
.section9 .main-title {position:relative; padding-bottom:30px; margin-bottom:30px;}
.section9 .main-title h1, .section9 .main-title h2,
.section9 .main-title p {color:#fff;}
.section9 .main-title:after {content:"";position:absolute; bottom:0; left:0; width:100%; height:6px; background:url('../images/main/pattern.png') 0 0 repeat}
.section9 .row {border-bottom:1px solid rgba(255,255,255,.50); padding-bottom:30px; margin-bottom:25px;}
.section9 .group {display:flex; align-items:center; font-size:18px; line-height:1.4em; margin-bottom:13px; font-family: 'NanumSquare',sans-serif;}
.section9 .group:last-child {margin-bottom:0;}
.section9 .group .tit {width:115px;  color:#fff;font-weight:700;}
.section9 .group .info {flex:1 1 auto; width:0; min-width:0;}
.section9 .group .info .input {width:100%; border:0;}
.section9 .check {text-align:center; margin-bottom:20px; font-size:14px; line-height:1.4em; color:#fff;}
.section9 .checkbox label:before {background-color:#fff; border:1px solid #fff;}
.section9 .checkbox input:checked + label:before {background:#ea5415 url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#ea5415;}
.section9 .btns {text-align:center;}
.section9 .submit {display:inline-block; width:180px; height:50px; background:transparent; line-height:48px;font-size:18px; color:#fff; font-weight:700; border:1px solid #fff; font-family: 'NanumSquare',sans-serif;}

#main .foot-customer {border-top:0;}
.foot-customer {padding:60px 0; font-family: 'Spoqa Han Sans',sans-serif; border-top:1px solid #dfdfdf;}
.foot-customer .row {display:flex;}
.foot-customer .col {width:26%}
.foot-customer .col:nth-child(2) {width:32%; padding-left:25px;}
.foot-customer .col:nth-child(3) {flex:1 1 auto; width:0; min-width:0; padding-left:25px;}
.foot-customer h2 {font-size:22px; line-height:1.4em; color:#2c2c2c;font-weight:700; margin-bottom:15px;font-family: 'NanumSquare',sans-serif;}
.foot-customer .tel {font-size:34px; line-height:1.3em; color:#29a7e1;font-weight:800; font-family: 'NanumSquare',sans-serif; margin-bottom:10px;}
.foot-customer .text li {margin-bottom:5px; font-size:13px; line-height:1.3em; color:#222; text-indent:-10px; padding-left:10px;}
.foot-customer .text li:last-child {margin-bottom:0;}
.foot-customer .bank-name {font-size:14px; line-height:1.4em; margin-bottom:10px;}
.foot-customer .bank-num {font-size:14px; line-height:1.4em; margin-bottom:20px;}
.foot-customer .bank-num .num {font-size:25px; color:#29a7e1; font-weight:800; padding-right:5px;font-family: 'NanumSquare',sans-serif;}
.foot-customer .bank-txt {font-size:13px; line-height:1.4em}
.foot-customer .sns ul {display:flex; margin:0 -17px;}
.foot-customer .sns ul li {width:33.33333%; text-align:center; padding:0 17px; font-size:15px; line-height:1.4em;}
.foot-customer .sns ul li .icon {width:130px; height:130px; background:#e7f5fb; border-radius:50%; margin:0 auto 15px;}


/* sub page */
.sub-title {margin:50px 0; text-align:center;}
.sub-title h1, .sub-title h2 {color:#2c2c2c; font-size:42px; line-height:1.6em;  font-weight:800;letter-spacing:-.40px; font-family: 'NanumSquare',sans-serif;}

.lnb {max-width:1200px; margin:0 auto 50px;}
.lnb ul {display:flex;}
.lnb ul li {flex:1; font-size:20px; text-align:center; line-height:1.4em; letter-spacing:-.04em; font-family: 'NanumSquare',sans-serif;}
.lnb ul li a {display:flex; align-items:center; height:60px; justify-content:center; border:1px solid #a8a8a8; border-left:0; color:#2c2c2c;}
.lnb ul li:first-child a {border-left:1px solid #a8a8a8;}
.lnb ul li.active a {color:#fff; background:#29a7e1; border-color:#29a7e1; font-weight:700;}
.lnb.mypage ul {flex-wrap:wrap;}
.lnb.mypage ul li {flex:none; width:16.66666%;}

.real-cont {padding-bottom:100px;}
.real-cont.none {padding-bottom:0;}


.quick {position:fixed; top:123px; right:40px; width:200px; z-index:102}
.quick .quick-btn {opacity:0;position:absolute; top:0; left:-40px; width:40px; height:40px; font-size:0; line-height:0; background:#29a7e1; transition: all 0.2s ease-in-out;}
.quick .quick-btn:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-60%,-50%) rotate(-45deg); width:15px; height:15px; border-right:2px solid #fff; border-bottom:2px solid #fff;}
.quick.active .quick-btn:after {transform:translate(-30%,-50%) rotate(135deg);}
.quick.active {right:-200px;}
.quick .title {background:#29a7e1; padding:13px 13px 13px 20px; color:#fff; font-family: 'NanumSquare',sans-serif;}
.quick .title p {font-size:18px; line-height:1.3em;font-weight:700;}
.quick .title h2 {font-size:25px; line-height:1.3em;font-weight:800;}
.quick .box {border:1px solid #dfdfdf; background:#fff; padding:20px 14px; margin-bottom:10px;}
.quick .box .col {margin-bottom:10px;}
.quick .box .col:last-child {margin-bottom:0;}
.quick .box .tit {font-size:13px; line-height:1.3em; margin-bottom:5px;}
.quick .box .input {width:100%; height:32px;}
.quick .box .check {text-align:center; font-size:12px;line-height:1.3em;}
.quick .box .link {display:inline-block; color:#4c9aaf; }
.quick .box .link:hover {text-decoration:underline;}
.quick .box .checkbox {font-size:12px;line-height:1.3em; letter-spacing:-.80px;}
.quick .submit {display:inline-block; width:100%; height:46px; background:#ea5415; line-height:44px;font-size:16px; color:#fff; font-weight:700; border:1px solid #fff;}
.quick .btns {text-align:center;}
.quick .btns a {display:block; width:100%; line-height:50px; font-size:16px; font-weight:700;background:#29a7e1; border-radius:50px; color:#fff;}

/* footer */
#footer {color:#878787;  background:#f8f8f8; font-size:13px; line-height:1.6em;}
#footer address {font-style:normal;}
#footer .bar {padding:0 5px; color:#ccc}
#footer .br {padding:0 10px;}
.foot-links {border-top:1px solid #dfdfdf; background:#fff; border-bottom:1px solid #eee; font-size:15px; line-height:1.4em; padding:22px 0;}
.foot-links .contain {display:flex;}
.foot-links .menu {width:50%;}
.foot-links .menu ul {display:flex; margin:0 -25px;}
.foot-links .menu ul li {padding:0 25px;}
.foot-menu {width:50%}
.foot-menu ul {display:flex; justify-content:flex-end}
.foot-menu ul li {margin-left:30px;}
.foot-menu ul li a {display:block; position:relative; padding-left:15px;}
.foot-menu ul li a:before {content:"";position:absolute; top:50%; margin-top:-2.5px; left:0; width:5px; height:5px; background:#29a7e1; border-radius:50%;}

.foot-row {display:flex; flex-wrap:wrap; align-items:center; padding:30px 0;}
.foot-logo {width:166px; order:2}
.foot-info {width:calc(100% - 166px); order:1}
.foot-info .tit {color:#2c2c2c; font-weight:700; font-size:18px; line-height:1.4em; margin-bottom:15px; font-family: 'NanumSquare',sans-serif;}
.foot-info ul li {margin-bottom:5px;}
.foot-info ul li:last-child {margin-bottom:0;}
.foot-info .link {display:inline-block; border:1px solid #dfdfdf ;border-radius:4px; background:#fff; padding:3px 5px; font-size:12px; line-height:1.4em; margin-left:5px;}
.foot-info .copy {margin-top:15px; font-size:12px; line-height:1.4em;}


.scroll-top {position:fixed; bottom:40px; right:40px; display:table; width:74px; height:74px;  border-radius:50%; text-align:center; border:1px solid #dfdfdf; background:#fff;  z-index:50}
.scroll-top .cell {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.scroll-top .arrow {display:block; width:0; height:0; margin:0 auto; border-left:5px solid transparent;border-right:5px solid transparent;  border-bottom:5px solid #29a7e1;}
.scroll-top p {font-size:12px; line-height:1.4em; font-weight:500;color:#2c2c2c; margin-top:5px;}

/* 모든 input의 placeholder 색상 변경 */
.input::placeholder {
    color: #d3d3d3; /* 옅은 회색 (LightGray) */
    opacity: 1;    /* 파이어폭스 등 일부 브라우저에서 투명도 문제 해결 */
}

/* 또는 특정 ID(#zip2)에만 적용하고 싶을 때 */
#zip2::placeholder {
    color: #cccccc;
}