@charset "utf-8";
/* CSS Document */


@import "margin.css";
@import "padding.css";

html *, body *{letter-spacing:-0.025em;}
.wrap{min-width:1240px;background-image:url("../img.pc/bg/pattern.png");background-repeat:repeat;}

/* sect_inner */
.sect_inner{width:1200px;margin:0 auto;padding:113px 0 128px;}

/* tit_wrap */
.tit_wrap{}
.tit_h3{margin:0;padding:0 0 1px;font-size:46px;font-family:"Noto Sans KR";font-weight:700;color:#222;line-height:70px;}
.txt_desc p{margin:0;padding-top:1px;font-size:28px;font-family:"Noto Sans KR";font-weight:400;color:#222;line-height:36px;text-align:center;}

/* header */
.header{position:fixed;top:0;left:0;right:0;padding:0 20px;transition:background-color 0.5s ease;background-color:#fff;z-index:4000;}
.header.active{box-shadow:0 6px 9px 0 rgba(75, 126, 255, 0.06);background-color:#fff;}
.header_inner{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;column-gap:46px;width:1200px;min-height:100px;margin:0 auto;}
.header_inner .logo_sidebar{display:none;}
.header .logo a{display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:100px;}
.header .logo a img{width:90px;height:auto;}
.header .left{flex:0 0 auto}
.header .right{flex:1 0 auto;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.menu_right{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:40px;}
.menu_inner ul{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:44px;}
.menu_inner li a{display:flex;justify-content:center;align-items:center;height:100px;}
.menu_inner li a span{display:block;font-family:"Pretendard";font-size:18px;font-weight:700;color:#222;}
.menu_right .menu_inner li a{height:44px;line-height:44px;}
.bt_header{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:8px;}

/* top section */
.sect_top .tit_h3{font-size:56px;line-height:80px;color:#000;}
.top_sect_inner{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;width:1200px;height:720px;margin:0 auto;padding-bottom:260px;}
.btn_top_sect{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:12px;}
.btn_top_sect .btn{justify-content:flex-end;align-items:flex-end;min-width:224px;height:96px;padding:17px 22px;border-radius:8px;}
.btn_top_sect .btn.sky_blue{border:1px solid #18a0d5;box-shadow:0 22px 59px 0 rgba(0, 157, 219, 0.19),inset 0 2px 0 0 rgba(193, 238, 255, 0.4);}
.btn_top_sect .btn.sky_blue span{padding-right:34px;font-size:18px;background-image:url("../img.pc/ic/ic_login.png");background-repeat:no-repeat;background-position:center right 0;background-size:20px;}
.btn_top_sect .btn.blue{border:1px solid #011bb3;box-shadow:0 22px 59px 0 rgba(10, 41, 224, 0.19),inset 0 2px 0 0 rgba(160, 174, 255, 0.4);}
.btn_top_sect .btn.blue span{padding-right:34px;padding-left:0;font-size:18px;background-image:url("../img.pc/ic/ic_cube.png");background-repeat:no-repeat;background-position:center right 0;background-size:20px 22px;}

/* section */
/*slide_video*/
.slide_video{position:relative;overflow:hidden;width:1040px;margin:0 auto;padding:40px;padding-top:0}
.slide_video .slide_cnt{width:958px;height:540px;margin:0 auto;border:1px solid #0a2ae0;border-radius:10px;background-color:#000;box-shadow:0 12px 35px 0 rgba(64, 93, 242, 0.06);overflow:hidden;}
.slide_video .slide_cnt.width320{width:320px;height:auto;}

.video_wrap{width:100%;height:100%;}
.video_wrap video{width:100%;height:100%;border-radius:10px;}
.pagination{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:44px;margin:36px 0 32px;}
.swiper-pagination{flex:0 0 0;position:static;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;column-gap:0;width:auto;}
.swiper-pagination-bullet{display:flex;align-items:center;width:auto !important;height:40px;margin:0 !important;padding:0;background-color:transparent;font-size:28px;font-weight:700;color:#a4acdc;opacity:1;text-align:center;line-height:40px;border-radius:0;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;display:flex;justify-content:center;align-items:center;gap:0;color:#0a29e0 !important;background-color:transparent;}
.swiper-pagination-bullet .btn_wrap{margin-left:44px;}
.swiper-pagination-bullet-acctive .btn_wrap{margin-left:0;}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active::after{width:0 !important;margin-right:0 !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active + .swiper-pagination-bullet .btn_wrap{margin-left:0;}
.swiper-pagination-bullet::after{display:block;content:'';width:0;height:2px;transition:all 0.3s;background-color:#0a29e0;z-index:2;margin:0 13px;}
.swiper-pagination-bullet:last-child::after{display:none;}
.pagination .bt_wrap{flex:0 0 auto;}
.swiper-pagination-bullet-active::after{width:80px;margin:0 24px;}
.pagination .bt_wrap{flex:0 0 auto;}

/* pricing */
.pricing{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;}
.pricing .monthly_pay p{font-size:16px;font-weight:400;color:#222;line-height:normal;}
.pricing .monthly_pay p span{font-weight:700;}
.pricing .monthly_pay p i{display:inline-block;margin-left:4px;font-size:16px;font-weight:400;color:#222;line-height:normal;font-style:normal;}
.pricing .monthly_pay p strong{display:inline-block;padding-bottom:1px;font-size:38px;font-weight:700;color:#0a29e0;line-height:50px;}
.pricing .monthly_pay p em{display:inline-block;padding-bottom:1px;font-size:38px;font-weight:700;color:#0a29e0;line-height:50px;}
.pricing .btn_wrap{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:12px;margin-top:38px;}
.pricing .btn_wrap a{flex:0 0 196px;}
.pricing .price_info li{font-size:16px;font-weight:400;color:#222;line-height:24px;}

.pricing{width:996px;margin:67px auto 0;}
.pricing .left{flex:1 0 auto;}
.pricing .right{flex:0 0 524px;}
.pricing .feature{padding:36px 28px;border-radius:10px;background-color:#edeff9;}
.pricing .feature li{display:flex;justify-content:flex-start;align-items:flex-start;column-gap:11px;}
.pricing .feature li:not(:first-child){margin-top:30px;}
.pricing .feature li::before{content:'';flex:0 0 auto;display:inline-block;width:16px;height:16px;margin-top:8px;background-image:url("../img.pc/ic/ic_check_lst.png");background-repeat:no-repeat;background-position:center;background-size:16px;}
.pricing .feature dt p{padding-bottom:1px;font-size:20px;font-weight:700;color:#222;line-height:30px;}
.pricing .feature dd{display:flex;flex-flow:wrap;gap:4px;margin-top:14px;}
.pricing .feature dd span{display:inline-block;padding:0 15px;border-radius:8px;background-color:#fff;font-size:15px;font-weight:400;color:#222;line-height:39px;}

/*customer_review*/
.customer_review{margin-top:66px;}
.customer_review_lst{width:792px;margin:0 auto;}
.customer_review_lst li{padding:30px 30px 65px;border:1px solid #edeff9;border-radius:10px;background-color:#fff;box-shadow:0 24px 32px 0 rgba(64, 93, 242, 0.04);}
.customer_review_lst li:not(:first-child){margin-top:24px;}
.customer_review_lst li span{font-size:16px;font-weight:400;color:#222;line-height:34px;}
.customer_review_lst dl{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;margin-top:24px;}
.customer_review_lst dt{flex:0 0 300px;}
.customer_review_lst dt p{font-size:26px;font-weight:700;color:#222;line-height:36px;}
.customer_review_lst dd{flex:0 0 auto;}
.customer_review_lst dd p{font-size:16px;font-weight:400;color:#222;line-height:28px;}

.ic_quote{padding:7px 46px;background-image:url("../img.pc/ic/ic_qoute.png");background-repeat:no-repeat;background-position:center left 0;background-size:34px;}

/*tutorial*/
.tutorial{margin-top:76px;}
.tutorial_list ul{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;gap:24px;}
.tutorial_list li{flex:0 0 384px;align-self:stretch;}
.tutorial_list li a{position:relative;display:block;min-height:216px;padding:22px 30px;padding-bottom:72px;border:1px solid #edeff9;border-radius:10px;background-color:#fff;box-shadow:0 32px 40px 0 rgba(64, 93, 242, 0.04);-webkit-transition:color 0.25s,border-color 0.25s;transition:color 0.25s,border-color 0.25s;}
.tutorial_list li a:hover{border-color:#0a29e0;}
.tutorial_list li span{font-size:16px;font-weight:400;color:#51ceff;line-height:22px;}
.tutorial_list li h4{margin-top:10px;padding:3px 0 4px;font-size:26px;font-weight:700;color:#222;line-height:36px;}
.video_ic{position:absolute;right:12px;bottom:12px;display:block;width:48px;height:48px;border-radius:4px;background-color:#f3f5fd;background-image:url("../img.pc/ic/ic_video.png");background-repeat:no-repeat;background-position:center;background-size:24px 16px;}

/* serviceInq_wrap */
.serviceInq_wrap{display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;column-gap:25px;width:792px;margin:0 auto;margin-top:70px;}
.serviceInq_wrap .left{flex:1 0 0;}

.serviceInq_wrap .left > div{border:1px solid #9092e5;border-radius:12px;background-color:#fff;box-shadow:0 12px 35px 0 rgba(64, 93, 242, 0.06);overflow:hidden;}
.serviceInq_wrap .left > div:not(:last-child){margin-bottom:24px;}

.serviceInq_wrap .left dt{display:flex;justify-content:center;align-items:center;height:72px;padding:0 16px;background-color:#edeff9;font-size:28px;font-weight:700;color:#172b84;text-align:center;}
.serviceInq_wrap .left dd{padding:34px 30px;}
.serviceInq_wrap .left dd .tit_h3{padding-bottom:7px;font-family:'TheJamsilOTF4';font-size:72px;font-weight:500;color:#172b84;line-height:77px;text-align:center;letter-spacing:0.3px}
.serviceInq_wrap .left dd .txt_desc{margin-top:22px;}
.serviceInq_wrap .left dd .txt_desc p{font-size:16px;font-weight:400;color:#222;line-height:22px;}

.im_aicfoPepo{width:385px;height:205px;}
.im_aicfoPepo img{width:386px;height:auto;}

.serviceInq_wrap .right{flex:0 0 385px;padding:16px;border:1px solid #9092e5;border-radius:12px;background-color:#fff;box-shadow:0 12px 35px 0 rgba(64, 93, 242, 0.06);}
.serviceInq_wrap .frm_wrap .btn span{font-size:24px;}

/* frm_wrap */
.frm_wrap{padding:0;}
.frm_wrap .frm_grp:first-child{padding:0;}
.frm_wrap .frm_grp{padding:12px 0 0;}

/* frm_control */
.frm_control input[type=text]{width:100%;height:64px;margin:0;padding:0 24px;font-size:20px;font-weight:400;color:#222;line-height:42px;border:1px solid #f4f6ff;border-radius:8px;background-color:#f4f6ff;outline:none;}
.frm_control input[type=text]:active{border:1px solid #0a29e0;background-color:#fff;}
.frm_control input[type=text]:focus{border:1px solid #0a29e0;background-color:#fff;}
.frm_control.on input[type=text]:focus{border:1px solid #0a29e0;background-color:#fff;}
.frm_control.on input[type=text]{border:1px solid #9092e5;background-color:#fff;}

/* webkit */
.frm_control input::-webkit-input-placeholder{font-weight:400;color:#9ca5ce !important;}
/* FF 4~18 */
.frm_control input:-moz-placeholder{font-weight:400;color:#9ca5ce !important;}
/* FF 19+ */
.frm_control input.frm_control input::-moz-placeholder{font-weight:400;color:#9ca5ce !important;}
/* IE10+ */
.frm_control input:-ms-input-placeholder{font-weight:400;color:#9ca5ce !important;}

/* checkbox_wrap */
.check_control{margin-top:16px;}

.checkBox:not(:last-child){margin-bottom:12px;}
.checkBox label{display:flex;justify-content:flex-start;align-items:center;}
.checkbox_wrap{position:relative;display:inline-block;width:20px;height:20px;}
.checkbox_wrap input[type=checkbox]{position:absolute;top:50%;transform:translateY(-50%);left:0;width:20px;height:20px;padding:0;vertical-align:middle;appearance:none;border:1px solid #b8babe;border-radius:3px;outline:none;cursor:pointer;opacity:0;z-index:2;}
.checkbox_wrap input[type=checkbox] + .checkmark{display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:20px;height:20px;border:1px solid #ddd;border-radius:4px;background-color:#f4f6ff;z-index:1;}
.checkbox_wrap input[type=checkbox] + .checkmark::before,
.checkbox_wrap input[type=checkbox] + .checkmark::after{content:'';position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;background-color:transparent;border-radius:3px;transform-origin:left;}
.checkbox_wrap input[type=checkbox] + .checkmark::before{width:2px;height:5px;top:8px;left:5px;transform:rotate(-45deg);}
.checkbox_wrap input[type=checkbox] + .checkmark::after{width:2px;height:10px;top:3px;left:10px;transform:rotate(45deg);}
.checkbox_wrap input[type=checkbox]:checked + .checkmark{border:1px solid #0a29e0;background-color:#0a29e0;}
.checkbox_wrap input[type=checkbox]:checked + .checkmark::before,
.checkbox_wrap input[type=checkbox]:checked + .checkmark::after{background-color:#fff;}

.checkBox label > span{display:inline-block;padding-left:14px;font-size:14px;font-weight:400;color:#222;line-height:24px;}

.serviceInq_wrap .btn_wrap{margin-top:28px;}
.serviceInq_wrap .btn{border:1px solid #011bb3;border-radius:8px;box-shadow:inset 0 1px 0 0 rgba(160, 174, 255, 0.6);}

/* btn */
.btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:4px;text-align:center;vertical-align:middle;background-color:#0a29e0;}
.btn span{display:inline-block;padding:0 18px;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;}
.btn.sky_blue{background-color:#51ceff !important;}
.btn.sky_blue span{color:#003e61;}

.btn.h48{height:48px !important;}
.btn.h72{height:72px !important;}

.jsdisplay{display:block !important;}
@keyframes fadeIn{
	from{opacity:0.3;}
}
/* animate */
@keyframes slide_up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0px)}}
.slide-up{animation:slide_up 0.5s;}
.animate{visibility:hidden;}
.slide-up{visibility:visible;}

/* footer */
.footer{width:100%;border-top:1px solid #e8effb;background-color:#f4f6ff;}
.footer_inner{position:relative;max-width:1240px;margin:0 auto;padding:32px 20px 36px;}

.footer .foot_top{display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;column-gap:58px;}
.footer .foot_top .footer_logo a{display:inline-flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:48px;}
.footer .foot_top .footer_logo h1{font-size:0;line-height:0;}
.footer .foot_top .footer_logo a img{height:19px;}

.footer .foot_top .footer_menu ul{display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;column-gap:58px;}
.footer .foot_top .footer_menu li a{display:inline-block;}
.footer .foot_top .footer_menu li a span{font-size:18px;font-weight:700;color:#222;line-height:48px;}

.footer .footer_copy{margin:20px 0 0;}
.footer .footer_copy .cnt_info li{font-size:14px;font-weight:400;color:#222;line-height:28px;}
.footer .footer_copy .cnt_info li strong{display:inline-block;font-size:14px;font-weight:700;color:#222;}
.footer .footer_copy .cnt_info li span{display:inline-block;margin:0 0 0 15px;font-size:14px;font-weight:400;color:#222;}
.footer .footer_copy .cnt_info p{margin:20px 0 0;padding:3px 0;font-size:14px;font-weight:400;color:#222;line-height:28px;}

.footer .footer_socail{position:absolute;top:32px;right:20px;}
.footer .footer_socail ul{display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;column-gap:32px;}
.footer .footer_socail li a{display:inline-block;height:48px;border-radius:50%;}
.footer .footer_socail li a img{width:48px;height:48px;border-radius:50%;}

/* ly_pop_promo */
.ly_pop_promo{width:390px !important;}
.ly_pop_promo .ly_pop_content{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 176px);}
.ly_pop_promo img{width:390px;height:auto;}
.ly_pop_promo .ly_pop_footer{display:flex;height:34px;background:#092536;justify-content:end;align-items:center;padding:0 6px;}
.ly_pop_promo .ly_pop_footer > div{position:relative;display:flex;background:#092536;justify-content:end;align-items:center;column-gap:8px;}
.ly_pop_promo .ly_pop_footer > div label span{font-size:13px;line-height:14px;color:#fff;}
.ly_pop_promo .ly_pop_footer > div a{font-size:13px;line-height:14px;color:#fff;padding:0 4px;}
.ly_pop_footer label{display:flex;align-items:center;position:relative;height:14px;padding-left:22px;cursor:pointer;font-size:13px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* Hide the browser's default checkbox */
.ly_pop_footer label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
/* Create a custom checkbox */
.ly_pop_footer label .checkmark{position:absolute;top:0;left:0;height:14px;width:14px;background-color:#fff;}
/* Create the checkmark/indicator (hidden when not checked) */
.ly_pop_footer label .checkmark:after{content:"";position:absolute;display:none;}
/* Show the checkmark when checked */
.ly_pop_footer label input:checked ~ .checkmark:after{display:block;}
/* Style the checkmark/indicator */
.ly_pop_footer label .checkmark:after{left:4px;top:2px;width:6px;height:8px;border:solid #00284d;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

/* videoPop */
.videoPop{width:960px !important;}
@media only screen and (max-width:1006px){
	.videoPop{width:calc(100% - 40px) !important;}
}
.videoPop{background-color:transparent !important;padding:56px 0;}
.videoPop .ly_pop_container{position:relative;}
.videoPop .popSubscript_cnt{height:calc(100vh - 180px);max-height:max-content;background-color:#fff;overflow-y:auto;}
.videoPop .videoPop_wrap{position:relative;display:flex;justify-content:center;width:100%}
.videoPop video{width:100%;height:100%;}
.videoPop .btn_close{position:absolute;top:100%;bottom:-8px;left:50%;transform:translate(-50%,8px);display:inline-block;width:48px;height:48px;border:1px solid #edeff9;border-radius:10px;background-color:#fff;background-image:url("../img.pc/ic/ic_close.png");background-repeat:no-repeat;background-position:center;background-size:18px;}