@charset "utf-8";


* {transition-timing-function: ease-in-out;}
html {scroll-behavior: smooth;}
body {font-family: 'Pretendard'; color: #000; font-weight: 400;}
.inner {max-width:1518px; margin:0 auto;}
.en {font-family: 'AbrilFatface';}
.pc {display:block !important;} /* pc show, mobile hide */
.pc2 {display:block !important;} /* pc show, tablet hide */
.tb {display:none !important;} /* pc hide, tablet show */
.mb {display:none !important;} /* pc hide, mobile show */
.myContent{height: 375px;}
@media all and (max-width:1615px){
	.inner {margin: 0 3%;}
}
@media all and (max-width:1024px){
	.inner {margin: 0 auto; max-width:830px;}
	.pc2 {display:none !important;}
	.tb {display:block !important;}
    .myContent{height: auto;}
    .main_container {background: url('/img/main/section_bg_t.png') no-repeat top center; background-size:auto 2732px;}
}
@media all and (max-width:890px){
	.inner {margin: 0 30px;}
}
@media all and (max-width:767px){
	.inner {margin: 0 20px;}
	.mb {display:block !important;}
    .pc {display:none !important;}
    .main_container {width: 100%; overflow: hidden; background: url('/img/main/section_bg_m.png') no-repeat top center; background-size:auto 1702px;}
    .fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell {height: auto !important;}
}



/* header */
.header {width:100%; position:fixed; top:0; left:0; z-index:99; background:rgba(255, 255, 255, 0); transform:translateY(0);}
.header .inner {display:flex; justify-content: space-between; max-width:1718px;}
.header .inner .logo {padding: 37px 0 24px;}
.header .inner .logo a {width:200px; height:24px; display:block; background:url('/img/logo_b.png') no-repeat center center; background-size: 100% auto; text-indent: -9999px;}
.header .inner .menu_open_btn {display:none; width:21px; height:21px; background: url('/img/menu_open_btn_b.png') no-repeat center center; background-size:100% auto; text-indent: -9999px;}
.header .inner .gnb {display:flex;}
.header .inner .gnb .nav > ul {display:flex; justify-content: space-between;}
.header .inner .gnb .nav > ul > li {margin-left:93px; position:relative; padding:41px 0 24px;}
.header .inner .gnb .nav > ul > li:first-child {margin-left:0;}
.header .inner .gnb .nav > ul > li > a {font-weight:600; font-size:17px; display:block; color:#7EABE2; line-height:19px;}
.header .inner .gnb .nav > ul > li:last-child {display:none;}
.header .inner .gnb .menu_close_btn {display:none;}
.header .inner .gnb .menu_info {display:none;}
/* header 문의 */
.header .inner .gnb .menu_etc {display:block;}
.header .inner .gnb .menu_etc > a {position:relative;}
.header .inner .gnb .menu_etc > a > span {font-weight:600; font-size:17px; color:#7EABE2; line-height:19px; vertical-align:middle; margin-right:55px;}
.header .inner .gnb .menu_etc > a.cus_btn {background: url(/img/inquiry_btn_b.png) no-repeat top -1px right 13px; background-size: 18px 19px;}
.header .inner .gnb .menu_etc > a:after {content:''; display:block; clear:both; width:44px; height: 44px; background:rgba(255,255,255,0); border-radius: 50%; position: absolute; top:50%; transform: translateY(-50%); right:0; z-index: -1;}
.header .inner .gnb .menu_etc .cus_modal {overflow:hidden; width:153px; height:158px; border-radius: 22px; background: rgba(255,255,255,0.1); box-sizing: border-box; border:1px solid #7EABE2; backdrop-filter: blur(5px); position: absolute; top:26px; right:0; padding: 9px; padding-top:44px;}
.header .inner .gnb .menu_etc .cus_modal > span {display:block;}
.header .inner .gnb .menu_etc .cus_modal > span.cus_manager {color:#7EABE2; font-size:12px; font-weight: 500; padding:0 1px; margin-bottom:8px;}
.header .inner .gnb .menu_etc .cus_modal > span.cus_tel {color:#7EABE2; font-size:17px; font-weight: 500; padding:0 1px;}
.header .inner .gnb .menu_etc .cus_modal > span.cus_tel:after {content:''; display:block; clear:both; width:100%; height:1px; background:#7EABE2; margin-top:8px; margin-bottom:8px;}
.header .inner .gnb .menu_etc .cus_modal > span.cus_naver {color:#7EABE2; font-size:12px; font-weight: 500; padding: 0 1px; margin-bottom: 6px;}
.header .inner .gnb .menu_etc .cus_modal > a.cus_naver_btn {display:block; width:100%; background:#fff; border-radius: 18px; font-size:14px; font-weight: 700; color:#7EABE2; text-align:center; line-height: 31px; border:1px solid #7EABE2; box-sizing: border-box;}
/* 문의 active */
.header .inner .gnb .menu_etc {padding:41px 0 24px; margin-left: 93px; position: relative;}
.header .inner .gnb .menu_etc > div {display:none;}
.header .inner .gnb .menu_etc > a {position: relative; z-index: 2;}
.header .inner .gnb .menu_etc > a > span {visibility: visible;}
.header .inner .gnb .menu_etc > a:after {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px);}
.header .inner .gnb .menu_etc.active > div {display: block;}
.header .inner .gnb .menu_etc.active > a > span {visibility: hidden;}
.header .inner .gnb .menu_etc.active > a:after {background:transparent; backdrop-filter: blur(0);}
/* white */
.white.header {mix-blend-mode:normal;}
.white.header .inner .logo a {background:url('/img/logo_w.png') no-repeat bottom center; background-size: 100% auto;}
.white.header .inner .menu_open_btn {background: url('/img/menu_open_btn_w.png') no-repeat center center; background-size:100% auto;}
.white.header .inner .nav > ul > li > a {color:#EFF6FF;}
.white.header .inner .gnb .menu_etc > a > span {color:#EFF6FF;}
.white.header .inner .gnb .menu_etc > a.cus_btn {background: url(/img/inquiry_btn_w.png) no-repeat top -1px right 13px; background-size: 18px 19px;}
.white.header .inner .gnb .menu_etc .cus_modal {border:1px solid #EFF6FF;}
.white.header .inner .gnb .menu_etc .cus_modal > span.cus_manager {color:#EFF6FF;}
.white.header .inner .gnb .menu_etc .cus_modal > span.cus_tel {color:#EFF6FF;}
.white.header .inner .gnb .menu_etc .cus_modal > span.cus_tel:after {background:#EFF6FF;}
.white.header .inner .gnb .menu_etc .cus_modal > span.cus_naver {color:#EFF6FF;}
.white.header .inner .gnb .menu_etc .cus_modal > a.cus_naver_btn {border:1px solid #fff;}
@media all and (max-width:1828px){
	.header .inner {margin: 0 3%;}
}
@media all and (max-width:1024px){
	.header .inner {margin: 0 auto; max-width:830px;}
    .header .inner .logo {padding: 35px 0 24px;}
    .header .inner .logo a {width:145px; height:17px;}
    .header .inner .gnb .nav > ul > li {margin-left:30px; padding:37px 0 24px;}
    .header .inner .gnb .nav > ul > li > a {font-size:14px;}
    .header .inner .gnb .menu_etc {margin-left:30px; padding:37px 0 24px;}
    .header .inner .gnb .menu_etc > a > span {font-size:14px; margin-right:37px;}
    .header .inner .gnb .menu_etc > a.cus_btn {background: url(/img/inquiry_btn_b.png) no-repeat top 2px right 9px; background-size:12px auto;}
    .header .inner .gnb .menu_etc > a:after {width:30px; height:30px;}
    .header .inner .gnb .menu_etc .cus_modal {top:30px; border-radius: 15px;}
    .white.header .inner .gnb .menu_etc > a.cus_btn {background: url(/img/inquiry_btn_w.png) no-repeat top 2px right 9px; background-size:12px auto;}
}
@media all and (max-width:890px){
	.header .inner {margin: 0 30px; max-width:none;}
}
@media all and (max-width:767px){
	.header .inner {margin: 0 20px;}
    .header .inner .logo {padding:25px 0 12px;}
    .header .inner .logo a {width:98px; height:12px;}
    .header .inner .menu_open_btn {display:block; margin:22px 0 12px;}
    .header .inner .gnb {position:fixed; width:100%; height: 100vh; overflow:auto; top:0; left:0; background:#fff; display:block; padding: 45px 20px; box-sizing: border-box; transform: translateX(100%); transition: transform 0.3s;}
    .header .inner .gnb.active {transform: translateX(0); transition: transform 0.3s;}
    .header .inner .gnb .menu_close_btn {display:block; position: absolute; top: 22px; right: 20px; padding:4px;}
    .header .inner .gnb .menu_close_btn > img {display:block;}
    .header .inner .gnb .nav {margin-top: 90px;}
    .header .inner .gnb .nav > ul {display:block;}
    .header .inner .gnb .nav > ul > li {margin-left:0; padding: 0; margin-bottom:55px;}
    .header .inner .gnb .nav > ul > li:last-child {display:block; margin-bottom:0;}
    .header .inner .gnb .nav > ul > li > a {font-size: 18px; color:#7EABE2;}
    .header .inner .gnb .menu_etc {display:none;}
	.header .inner .gnb .menu_info {display:block; position: relative; padding-top:34px; margin-top:80px;}
    .header .inner .gnb .menu_info:after {display:block; content:''; clear: both; width: 30px; height: 2px; background: #7EABE2; position: absolute; top: 0; left: 0;}
    .header .inner .gnb .menu_info > li:not(:first-child) {margin-top:35px;}
    .header .inner .gnb .menu_info > li > dl > dt {font-size:18px; font-weight: 600; color:#7EABE2;}
    .header .inner .gnb .menu_info > li > dl > dd {font-size: 14px; font-weight: 500; color:#555163; margin-top:12px;}
}



/* 메인 본문 */
.section_tit {color:#EFF6FF; font-weight: 600; font-size:25px; font-family: 'PlayfairDisplay'; margin-bottom:50px;}
.section_tit * {font-family: 'PlayfairDisplay';}
@media all and (max-width:767px){
    .section_tit {font-size:16px; color:#15458C;}
}



/* visual */
#visual {background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 97%,  #8997c2), url('/img/main/section_bg1.png'); background-repeat: no-repeat, no-repeat; background-position: top center, top center; background-size: cover; position:relative;}
#visual .inner {position: relative; height: 100vh;}
#visual .inner .visual_txt_box {position: absolute; bottom: 150px; left:0;}
.visual_txt_box .visual_txt {color:#EFF6FF; line-height: 30px; font-size:16px; font-weight: 500;}
.visual_txt_box .visual_video {width:785px; height:150px; margin-top:50px;}
.visual_txt_box .visual_video video {width:100%; display:block;}
#lottie-animation {display:none;}
.goto_btn {display:none;}
@media all and (min-width:1025px) and (max-height:799px) {
    #visual .inner .visual_txt_box {bottom:50px;}
}
@media all and (min-width:1025px) and (max-height:649px) {
    .fp-overflow {max-height: none;}
	#visual .inner {position: relative; height: 920px;}
    #visual .inner .visual_txt_box {position: relative; bottom: auto; left: auto; padding-top: 480px;}  
}
@media all and (max-width:1280px){
    .visual_txt_box .visual_video video {display:none;}
    #lottie-animation {display:block; width:100%; height:100%;}
}
@media all and (max-width:1024px){
    #visual {background:none;}
    #visual .inner {height:1412px;}
	.visual_txt_box {display:flex; flex-wrap: wrap; bottom:auto; top:240px; height:250px;}
    .visual_txt_box .visual_txt {order:2; width:100%;}
    .visual_txt_box .visual_video {width:530px; height:105px; order:1; margin-bottom:50px; margin-top:0;}
    .goto_btn {display:block; width:46px; height:26px; position: absolute; bottom:200px; left:50%; transform:translateX(-50%);}
    .goto_btn > img {display:block; width:100%;}
}
@media all and (max-width:767px){
    #visual .inner {height:834px;}
    #visual .inner .visual_txt_box {bottom:auto; top:158px;}
    .visual_txt_box {height: 190px;}
    .visual_txt_box .visual_video {width: 275px; height: 52px; margin-bottom:48px;}
    .visual_txt_box .visual_txt {font-size: 14px;} 
    .goto_btn {width:22px; height:12px; bottom:60px;}
}



/* overview */
#overview {background:linear-gradient(to bottom, #8997c2 3%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0)), url('/img/main/section_bg2.png'); background-repeat: no-repeat, no-repeat; background-position: top center, top center; background-size: cover;}
#overview .section_tit {padding-top:70px;}
.overview_txt {color:#fff; line-height:35px; font-size:16px; font-weight: 400; margin-bottom:50px;}
.overview_txt span {font-weight: 600;}
.more_btn {width: 230px; height:75px; color:#fff; font-size:20px; font-weight:700; text-transform: uppercase; line-height: 73px; border:1px solid #fff; box-sizing: border-box; display: block; text-align:center; transition: background 0.1s, color 0.1s;}
@media(hover: hover) and (pointer: fine) {
    .more_btn:hover {background:#fff; color:#626582; transition: background 0.1s, color 0.1s;}
    @media all and (max-width:767px){
        .more_btn:hover {background:#15458C; color:#fff;}
    }
}
@media all and (min-width:1025px) and (max-height:799px) {
    #overview .section_tit {margin-bottom:40px;}
    .overview_txt {line-height:26px; margin-bottom:40px;}
}
@media all and (min-width:1025px) and (max-height:649px) {
    #overview .section_tit {margin-bottom:50px;}
    .overview_txt {line-height:35px; margin-bottom:50px;}
    #overview {padding-bottom:100px;}
}
@media all and (max-width:1024px){
    #overview {background:none;}
    #overview .inner {padding:200px 0 0; height:1320px; box-sizing:border-box;}
    #overview .section_tit {margin-bottom:75px;}
    .overview_txt {line-height:35px; font-size:16px; margin-bottom:75px;}
    .more_btn {font-size:25px;}
}
@media all and (max-width:767px){
    #overview .inner {padding:55px 0 0; height: 868px;}
    #overview .section_tit {margin-bottom:52px;}
    .overview_txt {color:#15458C; font-size:14px; line-height:29px; font-weight: 500; margin-bottom:40px;}
    .overview_txt span {font-weight: 700;}
    .more_btn {width:131px; height: 42px; color:#15458C; font-size:14px; font-weight: 400; line-height: 41px; border:1px solid #15458C;}
}



/* footer */
#footer {background:#fff;}
#footer .inner {padding-top:87px; padding-bottom:87px;}
.footer1:after {content:''; display:block; clear:both;}
.footer1 .footer_logo {margin-bottom:27px; display:block;}
.footer1 .footer_logo > a {width:165px; display:block;}
.footer1 .footer_logo > a > img {display:block; width:100%;}
.footer1 .footer_tit {display:block; color:#888; font-size:16px; font-weight:700; margin-bottom:27px;}
.footer1 .footer_btn {display:none;}
.footer1 .footer_main {float:left; margin-bottom:20px;}
.footer1 .footer_main span.footer_ceo {display:inline-block; color:#B2B2B2; font-size:16px; font-weight:700; margin-bottom:2px;}
.footer1 .footer_main .footer_info ul {width:520px; display:flex; flex-wrap: wrap;}
.footer1 .footer_main .footer_info ul li {font-weight: 500; color:#B2B2B2; font-size:14px; transform: skew(-0.03deg); width:260px; margin-top:12px;}
.footer1 .footer_cus {position:relative; float:right;}
.footer1 .footer_cus > span {display:block;}
.footer1 .footer_cus .footer_cus_tel {margin-bottom:15px;}
.footer1 .footer_cus .footer_cus_tel > span {color:#888; font-size:16px; font-weight:700; margin-left:17px;}
.footer1 .footer_cus .footer_cus_tel > span:first-child {margin-left:0;}
.footer1 .footer_cus .footer_cus_time > span {color:#B2B2B2; font-size:14px; font-weight:500; transform: skew(-0.03deg); position:relative; margin-left: 16px;}
.footer1 .footer_cus .footer_cus_time > span:after {content:'|'; display:block; clear:both; position:absolute; top:1px; left:-11px;}
.footer1 .footer_cus .footer_cus_time > span:first-child {margin-left:0;}
.footer1 .footer_cus .footer_cus_time > span:first-child:after {display:none;}
.footer1 .footer_cus .footer_faq {position:absolute; top:calc(100% + 14px); left:0;}
.footer1 .footer_cus .footer_faq a.footer_goto {display:block; width:177px; height:40px; line-height:38px; font-size:16px; color:#B2B2B2; font-weight:800; border:1px solid #B2B2B2; background:#fff; text-align:center; box-sizing: border-box;}
.footer1 .footer_copy {clear:both; width:100%; color:#B2B2B2; font-size:14px; font-weight:500; transform: skew(-0.03deg); line-height: 22px;}
.fp-warning, .fp-watermark {color:#fff !important;}
.fp-warning > a, .fp-watermark > a {color:#fff !important;}
@media all and (max-width:1024px){
    #footer .inner {padding-top:50px; padding-bottom:65px;}
    .footer1 .footer_logo {margin-bottom:35px;}
    .footer1 .footer_cus {margin-top:-12px;}
    .footer1 .footer_cus .footer_cus_tel {margin-bottom:10px;}
    .footer1 .footer_cus .footer_cus_time > span {display:block; margin-left:0px; line-height:20px;}
    .footer1 .footer_cus .footer_cus_time > span:after {display:none;}
}
@media all and (max-width:810px){
    .footer1 .footer_main {width:calc(100% - 300px);}
    .footer1 .footer_main .footer_info ul li {width:100%;}
}
@media all and (max-width:767px){
    .footer1 {width:100%;}
    .footer1 .footer_logo {display:none;}
    .footer1 .footer_tit {margin-bottom:17px;}
    .footer1 .footer_btn {display:block;}
    .footer1 .footer_btn button {display:block; color:#888; font-size:14px; font-weight:700; border:none; background:none; margin:0; padding:0; font-family: 'Pretendard'; position: relative; padding-right: 19px;}
    .footer1 .footer_btn button:after {content:''; display:block; clear:both; width:11px; height: 7px; background: url('/img/footer_btn_arrow.png') no-repeat center center; background-size: 100% auto; position: absolute; top: 5px; right: 0; transform: rotate(180deg); transform-origin: center; transition: transform 0.4s;}
    .footer1 .footer_main {float:none; padding-bottom:8px; padding-top:15px; width:100%; display:none;}
    .footer1 .footer_main span.footer_ceo {font-size:14px; margin-bottom:0;}
    .footer1 .footer_main .footer_info ul {display:block; width:auto;}
    .footer1 .footer_main .footer_info ul li {width:auto;}
    .footer1 .footer_cus {float:none; margin-top:17px; padding-top:25px; border-top:1px solid #D9D9D9;}
    .footer1 .footer_cus .footer_cus_tel > span {color:#b2b2b2;}
    .footer1 .footer_cus .footer_cus_time > span {display:inline-block; margin-left:12px;}
    .footer1 .footer_cus .footer_cus_time > span:after {display:block; top:0; left:-9px;}
    .footer1 .footer_cus .footer_faq {margin-top:10px; position: static;}
    .footer1 .footer_copy {color:#d9d9d9; font-size:13px; line-height: 16px; margin-top:15px;}
    .footer1.active .footer_btn button:after {transform: rotate(0deg); transition: transform 0.4s;}
}



/* ---------------- sub page ---------------- */
.section_box {width:100%; box-sizing: border-box; overflow:hidden;}
.section_box > img {width:100%;}
.section_box .section_tit {color:#7EABE2;}
.section_box .section_tit_txt {color:#09002E; font-size:40px; font-weight: 700;}
.section_box .section_tit_info {color:#09002E; font-size:16px; font-weight:600; display:block;}
@media all and (max-width:1024px){
    .section_box .section_tit {font-size:20px;}
    .section_box .section_tit_txt {font-size:30px;}
}
@media all and (max-width:767px){
    .section_box .section_tit {font-size:16px;}
    .section_box .section_tit_txt {font-size:20px;}
    .section_box .section_tit_info {font-size:14px; font-weight: 400;}
}



/* information page */
/* features */
#features {padding:230px 0 210px; opacity: 0;}
#features .section_tit {text-align:center; margin-bottom:10px;}
#features .section_tit_txt {text-align:center;}
.fea_list {margin-top:85px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.fea_list .fea_item {width: calc(50% - 20px); position: relative; margin-bottom:40px; overflow:hidden; height:210px;}
.fea_list .fea_item .fea_item_bg {visibility: hidden; opacity: 0; transition: 0.3s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; border-radius:20px; border:1px solid #fff; overflow:hidden; background:rgba(255,255,255,0.5); backdrop-filter: blur(5px);}
.fea_list .fea_item .fea_item_inner {width:100%; height:100%;}
.fea_list .fea_item .fea_item_inner .fea_item_inner_bg {width:100%; height:100%; border-radius:20px; overflow:hidden;}
.fea_list .fea_item .fea_item_inner .fea_item_inner_bg > img {display:block; width:100%; height:100%; object-fit: cover;}
.fea_list .fea_item .fea_item_inner .fea_item_info {position:absolute; top:0; left:0; width:100%; height:100%; padding:23px 36px; box-sizing: border-box; cursor:pointer;}
.fea_list .fea_item .fea_item_inner .fea_item_info .fea_btn {background: transparent; border:none; width:24px; height:24px; padding:0; margin:0; position: absolute; top:23px; right:36px; transition:0.3s;}
.fea_list .fea_item .fea_item_inner .fea_item_info .fea_btn > svg {width:100%; height: 100%;}
.fea_list .fea_item .fea_item_inner .fea_item_info .fea_btn > svg > path {fill:#fff;}
.fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_tit {display:block; color:#fff; font-size:25px; font-weight: 600;}
.fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_txt {display:block; color:#000; font-size:16px; font-weight: 500; line-height: 1.7; margin-top:90px; opacity: 0; visibility: hidden; transition: 0.3s;}
.fea_list .fea_item.active .fea_item_bg {visibility: visible; opacity: 1; transition: 0.3s;}
.fea_list .fea_item.active .fea_item_inner .fea_item_info .fea_btn {transform: rotate(45deg); transition:0.3s;}
.fea_list .fea_item.active .fea_item_inner .fea_item_info .fea_btn > svg > path {fill:#000;}
.fea_list .fea_item.active .fea_item_inner .fea_item_info .fea_item_tit {color:#000;}
.fea_list .fea_item.active .fea_item_inner .fea_item_info .fea_item_txt {opacity: 1; visibility: visible; transition: 0.3s;}
/* process */
#process {background: url(/img/sub/information/information_process_bg.png) no-repeat center center; background-size:cover; padding-bottom:255px; padding-top:190px;}
.pro_list_box {position: relative; padding-bottom: 65px; padding-top:10px; margin-top:180px;}
.line_box {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; display: flex; justify-content: center;}
.line_box .line_gray {position: absolute; background-color: #A7B3C2; height: 100%; width: 1px;}
.line_box .line_blue {position: absolute; top: 0; background-color: #7EABE2; height: 100%; width: 1px;}
.line_box .line_bullet {position: absolute; top: 100%; width:33px; height:34px; display: flex; align-items: center; justify-content: center;}
.line_box .line_bullet > img {display:block; width:100%;}
.pro_list .pro_item {display:flex;}
.pro_list .pro_item .pro_item_inner {width:50%; padding-right:220px; padding-left:0; box-sizing:border-box;}
.pro_list .pro_item .pro_item_inner .pro_tit {color:#A7B3C2;}
.pro_list .pro_item .pro_item_inner .pro_tit > span {display:block;}
.pro_list .pro_item .pro_item_inner .pro_tit .pro_step {font-size:30px; font-weight: 700;}
.pro_list .pro_item .pro_item_inner .pro_tit .pro_num {font-size:130px; font-weight: 400; line-height: 125px;}
.pro_list .pro_item .pro_item_inner .pro_info {margin-top:35px;}
.pro_list .pro_item .pro_item_inner .pro_info .pro_info_tit {font-size:30px; font-weight: 700; color:#A7B3C2;}
.pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt {margin-top:15px;}
.pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt li span {font-size:18px; font-weight: 500; color:#555163; line-height: 35px;}
.pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt li span:before {content:''; display:inline-block; clear:both; width:8px; height:8px; border-radius: 50%; background:#7EABE2; vertical-align: 2px; margin-right:12px;}
.pro_list .pro_item:nth-child(even) {flex-direction: row-reverse;}
.pro_list .pro_item:nth-child(even) .pro_item_inner {padding-left:220px; box-sizing:border-box; padding-right:0;}
.pro_list .pro_item:nth-child(odd) .pro_item_inner .pro_tit {text-align:right;}
.pro_list .pro_item:nth-child(odd) .pro_item_inner .pro_info .pro_info_tit {text-align:right;}
.pro_list .pro_item:nth-child(odd) .pro_item_inner .pro_info .pro_info_txt li {text-align:right}
/* service */
#service {overflow:hidden;}
.ser_slide_box .ser_slide_container {height:100vh; display:flex; flex-direction:column; justify-content: center;}
.ser_slide_box .ser_slide_container > .inner {width:100%;}
.ser_slide_box .ser_slide_container .inner .ser_notice_fix {color:#A7B3C2; font-size:18px; font-weight: 500; margin-top:50px;}
.ser_slide_box .ser_slide_container .ser_slide_wrapper {display: flex;}
.ser_slide_box .ser_slide_container .ser_slide_wrapper .ser_slide {display: flex; flex: 1 0 auto; width: 100%; box-sizing: border-box;}
.ser_slide .inner {display:flex; width:100%; height:556px; align-items:stretch;}
.ser_slide .inner .ser_left {width:calc(100% - 587px); height:100%; overflow:hidden; display:flex; align-items: center; justify-content: center;}
.ser_slide .inner .ser_left > img {display:block; width:100%; height:100%; border-radius: 20px; object-fit: cover;}
.ser_slide .inner .ser_right {width:587px; height:100%; padding-left:50px; box-sizing:border-box; position: relative;}
.ser_slide .inner .ser_right > .ser_img {display:none;}
.ser_slide .inner .ser_right > .ser_img > img {display:block; width:100%;}
.ser_slide .inner .ser_right .ser_info_box .ser_info_tit {color:#09002E; font-size:48px; font-weight: 700; margin-bottom:75px; margin-top:10px;}
.ser_slide .inner .ser_right .ser_info_box .ser_info li dl {margin-bottom:14px;}
.ser_slide .inner .ser_right .ser_info_box .ser_info li dl:after {content:''; display:block; clear:both;}
.ser_slide .inner .ser_right .ser_info_box .ser_info li dl dt {float:left; width:calc(100% - 390px); color:#7EABE2; font-size:20px; font-weight:600;  line-height:1.6;}
.ser_slide .inner .ser_right .ser_info_box .ser_info li dl dd {float: left; width:390px; color:#555163; font-size:20px; font-weight: 500; line-height:1.6;}
.ser_slide .inner .ser_right .ser_paging_box {display:flex; justify-content: space-between; align-items:flex-end; position:absolute; bottom: -3px; left:50px; width:calc(100% - 50px);}
.ser_slide .inner .ser_right .ser_paging_box .ser_num {color:#DBEBFF; font-size:50px; font-weight:400;}
.ser_slide .inner .ser_right .ser_paging_box .ser_paging > span {display:inline-block; border:1px solid #7EABE2; width:20px; height:20px; box-sizing: border-box; background:#fff; border-radius: 50%; margin-left:25px;}
.ser_slide .inner .ser_right .ser_paging_box .ser_paging > span.active {background:#7EABE2;}
.ser_slide .inner .ser_notice {display:none; color:#A7B3C2; font-size:18px; font-weight: 500; margin-top:50px;}
/* notice */
#notice {background-size:cover; padding-top:190px; padding-bottom:125px;}
#notice .section_tit {color:#15458C; font-size:28px;}
.notice_box {margin-top:120px; text-align:center;}
.notice_box .section_tit_info {margin-top: 18px;}
.notice_box .notice_info {width:660px; margin:90px auto 85px; display:flex; border-radius: 25px; background: rgba(255,255,255,0.3); backdrop-filter: blur(5px); padding: 32px 0 40px; box-sizing: border-box;}
.notice_box .notice_info .notice_info_inner {width:50%; padding: 0 68px; box-sizing: border-box; position: relative;}
.notice_box .notice_info .notice_info_inner:after {content:''; display:block; clear:both; width:1px; height:calc(100% - 8px); background:#fff; position:absolute; top:8px; left:0;}
.notice_box .notice_info .notice_info_inner:first-child:after {display:none;} 
.notice_box .notice_info .notice_info_inner >  p {font-size:28px; font-weight: 800; color:#fff; padding-bottom:30px; position: relative;}
.notice_box .notice_info .notice_info_inner >  p:after {content:''; display:block; clear:both; width:100%; height:1px; background:#fff; position:absolute; top: 100%; left:0;}
.notice_box .notice_info .notice_info_inner >  ul > li {font-size: 22px; font-weight: 600; color:#fff; padding-top:50px;}
.notice_box .notice_info .notice_info_inner >  ul > li:first-child {padding-top:40px;}
.notice_box .notice_txt > li > span {font-size:18px; font-weight: 600; line-height:35px; color:#fff; padding-left:16px; position: relative; word-break: keep-all;}
.notice_box .notice_txt > li > span:before {content:''; display:block; clear:both; width:5px; height:5px; border-radius: 50%; background:#fff; position: absolute; top:8px; left:0;}
@media all and (max-width:1500px){
    /* process */
    .pro_list .pro_item .pro_item_inner {padding-right:100px;}
    .pro_list .pro_item:nth-child(even) .pro_item_inner {padding-left:100px;}
    /* service */
    .ser_slide .inner .ser_slide_inner .ser_right .ser_info_box .ser_info_tit {margin-bottom:45px;}
}
@media all and (max-width:1280px){
	/* features */
    #features {padding:230px 0 180px;}
    .fea_list .fea_item {width: calc(50% - 10px);}
    .fea_list .fea_item .fea_item_inner .fea_item_info {padding:23px 26px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_txt {margin-top:0; position: absolute; bottom: 23px; left: 0px; margin: 0 26px; word-break: keep-all;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_btn {top:23px; right:26px; width:21px; height:21px;}
    /* process */
    .pro_list .pro_item .pro_item_inner {padding-right:50px;}
    .pro_list .pro_item:nth-child(even) .pro_item_inner {padding-left:50px;}
}
@media all and (max-width:1080px){
	/* features */
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_tit {font-size:21px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_txt {font-size:15px;}
}
@media all and (min-width:1025px){
	@media all and (max-height:850px){
		.ser_slide .inner {height:520px;}
	}
	@media all and (max-height:820px){
		.ser_slide .inner {height:500px;}
		#service .section_tit {margin-bottom:40px;}
		.ser_slide_box .ser_slide_container .inner .ser_notice_fix {margin-top:40px;}
	}
	@media all and (max-height:770px){
		.ser_slide .inner {height:470px;}
		.ser_slide .inner .ser_right .ser_info_box .ser_info_tit {margin-bottom:40px;}
	}
	@media all and (max-height:730px){
		#service .section_tit {margin-bottom:30px;}
		.ser_slide .inner {height:440px;}
		.ser_slide .inner .ser_right .ser_info_box .ser_info_tit {margin-bottom:30px;}
		.ser_slide .inner .ser_right .ser_info_box .ser_info li dl {margin-bottom:12px;}
		.ser_slide_box .ser_slide_container .inner .ser_notice_fix {margin-top:30px;}
	}
}
@media all and (max-width:1024px){
	/* features */
    #features {padding:200px 0 135px;}
    .fea_list {display:block; margin-top:50px;}
    .fea_list .fea_item {width:100%; margin-bottom:25px; height: 210px;}
    .fea_list .fea_item:last-child {margin-bottom:0;}
    .fea_list .fea_item .fea_item_inner .fea_item_info {padding:23px 36px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_tit {font-size:25px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_txt {font-size:16px; margin: 0 36px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_btn {right:36px; width:24px; height:24px;}
    /* process */
    #process {padding-top:175px; padding-bottom:130px;}
    .pro_list_box {padding-bottom:165px; padding-top:45px; margin-top:130px;}
    .pro_list .pro_item .pro_item_inner {padding-right:95px;}
    .pro_list .pro_item:nth-child(even) .pro_item_inner {padding-left:95px;}
    .pro_list .pro_item .pro_item_inner .pro_tit .pro_step {font-size:25px;}
    .pro_list .pro_item .pro_item_inner .pro_tit .pro_num {font-size:100px; line-height: 95px;}
    .pro_list .pro_item .pro_item_inner .pro_info {margin-top:20px;}
    .pro_list .pro_item .pro_item_inner .pro_info .pro_info_tit {font-size:25px;}
    .pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt li span {font-size:14px; line-height:30px;}
    .pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt li span:before {width:5px; height:5px; margin-right:9px;}
    /* service */
    #service {padding-top:195px; padding-bottom:100px;}
    .ser_slide_box .ser_slide_container {height:auto; display:block;}
    .ser_slide_box .ser_slide_container .inner .ser_notice_fix {display:none;}
    .ser_slide_box .ser_slide_container .ser_slide_wrapper {display: block; transform: translate(0, 0px) !important;}
    .ser_slide_box .ser_slide_container .ser_slide_wrapper .ser_slide {display: block; height: auto;} 
    .ser_slide_box .ser_slide_container .ser_slide_wrapper .ser_slide:not(:last-child) {padding-bottom: 150px;}
    .ser_slide .inner {display:block; width:auto; height:auto;}
    .ser_slide .inner .ser_left {display:none;}
    .ser_slide .inner .ser_right {width:100%; height:auto; padding-left:0; display:flex; flex-wrap:wrap;}
    .ser_slide .inner .ser_right > .ser_img {display:block; width:100%; order:2;}
    .ser_slide .inner .ser_right > .ser_img > img {display:block; width:100%; border-radius: 20px;}
    .ser_slide .inner .ser_right .ser_info_box {order:3; width:100%; padding-bottom:0; margin-top:32px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info_tit {font-size:40px; margin-top:0; margin-bottom:42px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info li dl {margin-bottom:10px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info li dl dt {font-size:18px; width:170px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info li dl dd {width: calc(100% - 170px); font-size:18px; word-break: keep-all;}
    .ser_slide .inner .ser_right .ser_paging_box {order:1; width:100%; position: static; bottom:auto; left:auto; margin-bottom:17px;}
    .ser_slide .inner .ser_right .ser_paging_box .ser_num {font-size:75px; line-height:64px;}
    .ser_slide .inner .ser_right .ser_paging_box .ser_paging > span {margin-left:29px;}
    .ser_slide .inner .ser_notice {display:block; margin-top:28px; margin-left: 26px; padding-left:12px; font-size:14px; position: relative;}
    .ser_slide .inner .ser_notice:before {content:''; display:block; clear:both; width:3px; height:3px; border-radius: 50%; background: #A7B3C2; position: absolute; top:5px; left:0;}
    /* notice */
    #notice {padding-top:175px; padding-bottom:250px;}
    #notice .section_tit {font-size:20px;}
    #notice.section_box .section_tit_txt {font-size:40px;}
}
@media all and (max-width:850px){
    /* process */
    .pro_list .pro_item .pro_item_inner {padding-right:50px;}
    .pro_list .pro_item:nth-child(even) .pro_item_inner {padding-left:50px;}
}
@media all and (max-width:767px){
    /* features */
    #features {padding:140px 0 40px;}
    .fea_list .fea_item {height:120px;}
    .fea_list .fea_item .fea_item_bg {border-radius:10px;}
    .fea_list .fea_item .fea_item_inner {width:100%; height:100%;}
    .fea_list .fea_item .fea_item_inner .fea_item_inner_bg {width:100%; height:100%; border-radius:10px;}
    .fea_list .fea_item .fea_item_inner .fea_item_inner_bg > img {width:100%; height:100%; object-fit: cover;}
    .fea_list .fea_item .fea_item_inner .fea_item_info {padding:13px 17px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_tit {font-size:16px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_item_txt {font-size:14px; font-weight: 400; line-height: 22px; bottom:13px; margin: 0 17px;}
    .fea_list .fea_item .fea_item_inner .fea_item_info .fea_btn {width:13px; height: 13px; top:14px; right:17px;}
    /* process */
    #process {padding-top:40px; padding-bottom:70px;}
    .pro_list_box {padding-top:10px; margin-top:50px; padding-bottom:25px;}
    .line_box {transform: translateX(0); left:10px;}
    .line_box .line_bullet {width:21px; height: 22px;}
    .pro_list {padding-left:30px;}
    .pro_list .pro_item:not(:last-child) {margin-bottom:40px;}
    .pro_list .pro_item .pro_item_inner {padding-right:0; width:100%;}
    .pro_list .pro_item .pro_item_inner .pro_tit {padding-left:14px;}
    .pro_list .pro_item .pro_item_inner .pro_tit .pro_step {font-size:12px; padding-left:3px;}
    .pro_list .pro_item .pro_item_inner .pro_tit .pro_num {font-size:50px; line-height: 45px;}
    .pro_list .pro_item .pro_item_inner .pro_info {margin-top:4px;}
    .pro_list .pro_item .pro_item_inner .pro_info .pro_info_tit {font-size:22px; padding-left:14px;}
    .pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt {margin-top:22px;}
    .pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt li span {display:block; line-height:25px; position: relative; padding-left: 14px; word-break: keep-all;}
    .pro_list .pro_item .pro_item_inner .pro_info .pro_info_txt li span:before {margin-right:0; position: absolute; top:9px; left:0;}
    .pro_list .pro_item:nth-child(even) {flex-direction: row;}
    .pro_list .pro_item:nth-child(even) .pro_item_inner {padding-left: 0;}
    .pro_list .pro_item:nth-child(odd) .pro_item_inner .pro_tit {text-align:left;}
    .pro_list .pro_item:nth-child(odd) .pro_item_inner .pro_info .pro_info_tit {text-align:left;}
    .pro_list .pro_item:nth-child(odd) .pro_item_inner .pro_info .pro_info_txt li {text-align: left;}
    /* service */
    #service {padding-top:80px; padding-bottom:75px;}
    #service.section_box .section_tit {margin-bottom:35px;}
    .ser_slide_box .ser_slide_container .ser_slide_wrapper .ser_slide:not(:last-child) {padding-bottom:100px;}
    .ser_slide .inner .ser_right .ser_paging_box .ser_num {font-size: 50px; line-height: 42px;}
    .ser_slide .inner .ser_right .ser_paging_box .ser_paging > span {width:12px; height:12px; margin-left:19px;}
    .ser_slide .inner .ser_right > .ser_img > img {border-radius: 10px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info_tit {font-size: 26px; margin-bottom:36px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info li dl {margin-bottom:0;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info li dl dt {width:75px; font-size:14px; line-height: 35px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info li dl dd {width:calc(100% - 75px); font-size:14px; line-height: 35px;}
    .ser_slide .inner .ser_right .ser_info_box .ser_info li dl dd .pc2 {display:block !important;}
    .ser_slide .inner .ser_notice {margin-left:2px;}
    /* notice */
    #notice {padding-top:90px; padding-bottom:130px; background: url(/img/sub/information/information_notice_bg_m.jpg) no-repeat top center; background-size:cover;}
    #notice.section_box .section_tit {font-size:16px;}
    #notice.section_box .section_tit_txt {font-size:20px; color:#15458C;}
    #notice.section_box .section_tit_info {color:#15458C;}
    .notice_box {margin-top:75px;}
    .notice_box .section_tit_info {margin-top:10px;}
    .notice_box .notice_info {width:auto; padding:21px 0 24px; margin:55px 0 58px; border-radius: 10px;}
    .notice_box .notice_info .notice_info_inner {padding:0 36px;}
    .notice_box .notice_info .notice_info_inner:after {background:#15458C; top:3px; height: calc(100% - 3px);}
    .notice_box .notice_info .notice_info_inner > p {color:#15458C; font-size:20px; padding-bottom:15px;}
    .notice_box .notice_info .notice_info_inner > p:after {background:#15458C;}
    .notice_box .notice_info .notice_info_inner > ul {padding-top:25px;}
    .notice_box .notice_info .notice_info_inner > ul > li {font-size:14px; color:#15458C; padding-top:30px;}
    .notice_box .notice_info .notice_info_inner > ul > li:first-child {padding-top:0}
    .notice_box .notice_txt > li:not(:last-child) {margin-bottom:18px;}
    .notice_box .notice_txt > li > span {padding-left:0; font-size:14px; line-height:30px;}
    .notice_box .notice_txt > li > span:before {display:none;}
}
@media all and (max-width:370px){
    /* feature */
    .fea_list .fea_item:last-child .mb {display:none !important;}
}

/* location page */
#map {padding: 190px 0 115px; border-bottom: 1px solid #D9D9D9; opacity: 0;}
#map .section_tit {margin-bottom:60px;}
.map_area {width:100%; height: 761px; overflow:hidden;}
.map_area > img {width:100%; height:100%; object-fit: cover;}
.map_btn_wrap {margin-top:36px;}
.map_btn_wrap:after {content:''; display:block; clear:both;}
.map_btn_wrap li {float:left; margin-right:23px;}
.map_btn_wrap li:last-child {margin-right:0;}
.map_btn_wrap li a {display: block; width: 250px; height: 75px; border:1px solid #7EABE2; box-sizing: border-box; color:#7EABE2; line-height: 73px; text-align:center; font-size:20px; font-weight: 700; transition: 0.1s;}
.map_info_list {margin-top:90px;}
.map_info_list:after {content:''; display:block; clear:both;}
.map_info_list .map_info_item {width:50%; float:left; border-right:1px solid #EFF6FF; padding:0 50px; box-sizing: border-box;}
.map_info_list .map_info_item:last-child {border-right:none;}
.map_info_list .map_info_item .map_info_tit span.map_info_icon {width:60px; margin:0 auto; display:block;}
.map_info_list .map_info_item .map_info_tit span.map_info_icon > img {display:block; width:100%;}
.map_info_list .map_info_item .map_info_tit span.map_info_tit_txt {display:block; text-align:center; color:#7EABE2; font-size:25px; font-weight: 800; margin-top:30px;}
.map_info_list .map_info_item > span.map_info_txt {display:block; text-align: center; color:#15458C; font-size:20px; font-weight: 500; margin-top:55px; line-height: 30px; word-break: keep-all;}
@media(hover: hover) and (pointer: fine) {
    .map_btn_wrap li:hover a {background:#7EABE2; color:#fff; transition: 0.1s;}
}
@media all and (max-width:1024px){
    #map {padding:175px 0 135px;}
    .map_area {height: 592px;}
    .map_btn_wrap {margin-top:19px;}
    .map_btn_wrap li {margin-right:18px;}
    .map_btn_wrap li a {width:195px; height:49px; line-height: 47px; font-size:16px; font-weight: 500;}
    .map_info_list .map_info_item {width:100%; float:none; padding:0; border-right: none; margin-bottom:55px;}
    .map_info_list .map_info_item:last-child {margin-bottom:0;}
    .map_info_list .map_info_item .map_info_tit span.map_info_icon {display:inline-block; width:40px; margin:0;}
    .map_info_list .map_info_item .map_info_tit span.map_info_tit_txt {display:inline-block; text-align:left; font-size:20px; font-weight: 600; margin-left:5px; margin-top:0;}
    .map_info_list .map_info_item > span.map_info_txt {text-align:left; font-size: 18px; color:#555163; margin-top:20px; line-height:1;}
}
@media all and (max-width:767px){
    #map {padding:105px 0 125px; border-bottom: none;}
    #map .section_tit {margin-bottom:30px;}
    .map_area {height: 255px;}
    .map_btn_wrap {margin-top:13px;}
    .map_btn_wrap li {margin-right:10px;}
    .map_btn_wrap li a {width:172px; height:43px; line-height:41px; font-size: 14px;}
    .map_info_list .map_info_item {margin-bottom:40px;}
    .map_info_list .map_info_item .map_info_tit span.map_info_icon {width:26px;}
    .map_info_list .map_info_item .map_info_tit span.map_info_tit_txt {font-size: 16px;}
    .map_info_list .map_info_item > span.map_info_txt {font-size:14px; margin-top:13px; line-height:22px;}
}
@media all and (max-width:430px){
    .map_btn_wrap li {width:calc(50% - 5px);}
    .map_btn_wrap li a {width:100%;}
}


/* ------------ animation ----------- */
/* index - visual */
@media screen and (min-width: 1025px) and (min-height: 650px) {
    #visual .visual_txt_box > * {opacity: 0; transform: translateY(30px); transition-property: transform, opacity; transition-duration: 0.8s; transition-timing-function: ease-out;}
    #visual.effect .visual_txt_box > * {opacity: 1; transform: translateY(0px);}
    #visual .visual_txt_box .visual_video {transition-delay: 0.4s;}
}
/* 아래로 버튼 */
.goto_btn {padding: 20px 0;}
.goto_btn > img {-webkit-animation: fadeMove 2s ease-in-out infinite; animation: fadeMove 2s ease-in-out infinite;}
@-webkit-keyframes fadeMove {
    0% {
      -webkit-transform: translate(0, -20px);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -webkit-transform: translate(0, 20px);
      opacity: 0;
    }
}
@keyframes fadeMove {
    0% {
      transform: translate(0, -20px);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, 20px);
      opacity: 0;
    }
}
/* index - overview */
@media screen and (min-width: 1025px) and (min-height: 650px) {
    #overview .inner .overview_box > * {opacity: 0; transform: translateY(30px); transition-property: transform, opacity; transition-duration: 0.8s; transition-timing-function: ease-out;}
    #overview.effect .inner .overview_box > * {opacity: 1; transform: translateY(0);}
    #overview .section_tit {transform: translateY(0); opacity: 1;}
    #overview .section_tit span.char {opacity: 0; transition-duration: 0.3s; transition-delay: calc(80ms * var(--char-index) + 200ms); transition-timing-function: ease-out;}
    #overview.effect .section_tit span.char {opacity: 1; transition-duration: 0.3s; transition-delay: calc(80ms * var(--char-index) + 200ms);}
	#overview .inner .overview_txt {transition-delay: 0.4s;}
	#overview .inner .more_btn {transition-delay: 0.6s;}
}