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


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

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

/* sect_inner */
.sect_inner{min-width:360px;max-width:480px;margin:0 auto;padding:50px 20px 56px;overflow:hidden;}

/* tit_wrap */
.tit_wrap{}
.tit_h3{margin:0;padding:2px 0;font-size:18px;font-family:"Noto Sans KR";font-weight:700;color:#222;line-height:25px;}
.txt_desc p{margin:0;font-size:14px;font-family:"Noto Sans KR";font-weight:400;color:#222;line-height:21px;text-align:left;}

/* 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.h26{height:26px !important;}
.btn.h27{height:27px !important;}
.btn.h54{height:54px !important;}

/* 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 5px 10px 0 rgba(75, 126, 255, 0.12);background-color:#fff;}
.header_inner{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;column-gap:46px;min-height:44px;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:44px;}
.header .logo a img{width:auto;height:13px;}
.header .left{flex:0 0 auto;}
.header .right{flex:0 0 auto;}
.bt_header .btn{height:26px;border-radius:4px;}
.bt_header .btn span{padding:0 8px;font-size:12px;font-weight:700;line-height:26px;}

/* top section */
.sect_top .tit_h3{padding:3px 0;font-size:26px;line-height:38px;color:#222;}
.top_sect_inner{min-width:360px;max-width:480px;margin:0 auto;padding:96px 20px 40px;}
.btn_top_sect{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;margin-top:100px;}
.btn_top_sect .btn{justify-content:space-between;align-items:stretch;width:calc(50% - 3px);height:80px;border-radius:4px;}
.btn_top_sect .btn.sky_blue{border:1px solid #18a0d5;box-shadow:0 11px 30px 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{width:100%;padding:11px 13px 15px;font-size:14px;text-align:left;background-image:url("../img.mo/ic/ic_inquiry.png");background-repeat:no-repeat;background-position:bottom 15px right 13px;background-size:15px;}
.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{width:100%;padding:11px 13px 15px;font-size:14px;text-align:left;background-image:url("../img.mo/ic/ic_video.png");background-repeat:no-repeat;background-position:bottom 15px right 13px;background-size:auto 12px;}

/* section */
/*slide_video*/
.slide_video{position:relative;padding-bottom:30px;}
.slide_video .slide_cnt{height:auto;margin:0 auto;border:1px solid #0a2ae0;border-radius:4px;box-shadow:0 12px 35px 0 rgba(64, 93, 242, 0.06);overflow:hidden;background-color:#000;}
.slide_video .slide_cnt.width200{width:63%;height:auto;}

.video_wrap{width:100%;}
.video_wrap video{width:100%;height:100%;border-radius:4px;}
.slide_video.type2 .slide_cnt{border:none;background-color:#fff;border-radius:0;box-shadow:none;text-align:center;}
.slide_video .slide_tit{font-size:15px;font-weight:700;color:#222;line-height:21px;}
.slide_video.type2 .slide_cnt .im_slide{width:fit-content;margin:25px auto 0;border:1px solid #0a2ae0;border-radius:7px;box-shadow:0 12px 35px 0 rgba(64, 93, 242, 0.06);overflow:hidden;background-color:#000;}
.slide_video.type2 .slide_cnt .im_slide img{width:auto;height:400px;}

.pagination{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:12px;margin:17px 0 24px;}
.swiper-pagination{flex:0 0 0;position:static;display:inline-flex;justify-content:center;align-items:center;gap:6px;width:fit-content;height:6px;}
.swiper-pagination .swiper-pagination-bullet{width:6px;display:block;height:3px;margin:0 !important;border-radius:2px;transition:all 0.3s;background-color:#a4acdc;opacity:unset;}

.sect1_slide .swiper-pagination .swiper-pagination-bullet:last-child{width:auto !important;height:27px !important;}

.swiper-pagination .swiper-pagination-bullet-active{width:16px;border-radius:2px;background-color:#0a29e0;}
.pagination .bt_wrap{flex:0 0 auto;}
.pagination .btn_wrap .btn span{padding:0 10px;font-size:11px;}

/* price_info */
.price_info{margin-top:36px;}
.price_info .monthly_pay p{font-size:24px;font-weight:700;color:#0a29e0;line-height:normal;text-align:center;}
.price_info .monthly_pay p i{display:inline-block;margin-left:4px;font-size:12px;font-weight:400;color:#222;line-height:1;font-style:normal;}
.price_info .monthly_pay p strong{display:inline-block;padding-bottom:1px;font-size:36px;font-weight:700;color:#0a29e0;line-height:1;}
.price_info .monthly_pay p em{display:inline-block;padding-bottom:1px;font-size:36px;font-weight:700;color:#0a29e0;line-height:1;}
.price_info .btn_wrap{margin-top:56px;}
.price_info .btn_wrap a{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);}
.price_info .btn_wrap a span{width:100%;font-size:18px;text-align:left;background-image:url("../img.mo/ic/ic_video.png");background-repeat:no-repeat;background-position:center right 18px;background-size:auto 12px;}

.price_info .price_desc{margin-top:16px;}
.price_info .price_desc li{width:fit-content;margin:0 auto;padding:0 12px;border-radius:4px;background-color:#edeff9;font-size:12px;font-weight:400;color:#222;line-height:30px;}

/* feature */
.feature{margin-top:32px;}
.feature li{position:relative;}
.feature li:not(:first-child){margin-top:30px;}
.feature li dt{display:flex;justify-content:flex-start;}
.ic_check{position:relative;display:block;width:14px;height:14px;margin-top:1px;margin-right:6px;border-radius:50%;background-color:#231f20;z-index:1;}
.ic_check::before,
.ic_check::after{content:'';position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;background-color:#fff;border-radius:3px;transform-origin:left;}
.ic_check::before{width:1px;height:4px;top:6px;left:4px;transform:rotate(-45deg);}
.ic_check::after{width:1px;height:8px;top:3px;left:8px;transform:rotate(45deg);}

.feature dt p{flex:1;padding-bottom:1px;font-size:15px;font-weight:700;color:#222;line-height:16px;}
.feature .two_columns dd{grid-template-columns:repeat(2, 50%);}
.feature dd{display:grid;grid-template-columns:repeat(3, 33%);margin-top:12px;padding-left:20px;}
.feature dd span{display:inline-block;padding:0 15px;border:1px solid #dfe2f1;background-color:#fff;font-size:13px;font-weight:700;color:#222;line-height:39px;text-align:center;margin-top:-1px;margin-right:-1px;}

/* serviceInq_wrap */
.serviceInq_wrap{margin:0 auto;margin-top:32px;}
.serviceInq_wrap .frm_wrap{padding:16px;border:1px solid #9092e5;border-radius:10px;background-color:#fff;box-shadow:0 12px 35px 0 rgba(64, 93, 242, 0.06);overflow:hidden;}
.serviceInq_wrap .customer_center{margin-top:12px;border:1px solid #9092e5;border-radius:10px;background-color:#fff;box-shadow:0 12px 35px 0 rgba(64, 93, 242, 0.06);overflow:hidden;}
.serviceInq_wrap .customer_center dt{display:flex;justify-content:center;align-items:center;height:56px;padding:0 16px;background-color:#edeff9;font-size:18px;font-weight:700;color:#172b84;text-align:center;}
.customer_center dd{display:flex;justify-content:space-evenly;align-items:center;gap:0;padding:30px 0;}
.customer_center dd .tit_h3{padding-top:3px;font-family:'TheJamsilOTF4';font-size:30px;font-weight:500;color:#172b84;line-height:1;text-align:center;letter-spacing:-0.3px;}
.customer_center dd .separator{display:inline-block;width:5px;height:4px;background-color:#172b84;margin:8px 1px;}

.customer_center dd .txt_desc p{font-size:13px;font-weight:400;color:#222;line-height:15px;letter-spacing:-0.13px;}
.customer_center dd .txt_desc p span{font-size:10px;font-weight:400;color:#222;line-height:1;}
.serviceInq_wrap .frm_wrap .btn span{font-size:18px;}

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

/* frm_control */
.frm_control input[type=text]{width:100%;height:45px;margin:0;padding:0 18px;font-size:15px;font-weight:400;color:#222;line-height:45px;border:1px solid #f4f6ff;border-radius:4px;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:8px;}
.checkBox label{display:flex;justify-content:flex-start;align-items:flex-start;}
.checkbox_wrap{position:relative;display:inline-block;width:20px;height:20px;margin-top:2px;}
.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:18px;height:18px;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:4px;top:8px;left:5px;transform:rotate(-45deg);}
.checkbox_wrap input[type=checkbox] + .checkmark::after{width:2px;height:8px;top:3px;left:9px;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:9px;font-size:14px;font-weight:400;color:#222;line-height:24px;}
.serviceInq_wrap .btn_wrap{margin-top:30px;}
.serviceInq_wrap .btn{border:1px solid #011bb3;border-radius:4px;box-shadow:inset 0 1px 0 0 rgba(160, 174, 255, 0.6);}

.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;min-width:360px;max-width:480px;margin:0 auto;padding:32px 20px 30px;}

.footer .foot_top .footer_logo a{display:inline-flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:34px;}
.footer .foot_top .footer_logo h1{font-size:0;line-height:0;}
.footer .foot_top .footer_logo a img{height:17px;}

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

.footer .footer_copy{margin-top:10px;}
.footer .footer_copy .cnt_info li{font-size:13px;font-weight:400;color:#222;line-height:22px;}
.footer .footer_copy .cnt_info li strong{display:inline-block;font-size:13px;font-weight:700;color:#222;}
.footer .footer_copy .cnt_info li span{display:inline-block;font-size:13px;font-weight:400;color:#222;}
.footer .footer_copy .cnt_info p{margin:10px 0 0;padding:3px 0;font-size:12px;font-weight:400;color:#222;line-height:21px;}

.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:12px;}
.footer .footer_socail li a{display:inline-block;height:36px;border-radius:50%;}
.footer .footer_socail li a img{width:36px;height:36px;border-radius:50%;}
/* end footer */

/* 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:100% !important;height:100%;background-color:transparent !important;}
.videoPop .ly_pop_container{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;width:100% !important;height:100%}
.videoPop .popSubscript_cnt{height:calc(100vh - 180px);max-height:max-content;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:16px;right:16px;display:inline-block;width:24px;height:24px;border-radius:5px;background-color:#272727;background-image:url("../img.mo/ic/ic_close.png");background-repeat:no-repeat;background-position:center;background-size:14px;}

/* caption */
.tx_caption_message{margin-top:6px !important;}
.tx_caption_message > p{padding:0;font-size:12px;font-weight:400;color:#222;line-height:19px;}