@charset "utf-8";

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url("../font/Pretendard-Regular.woff2") format('woff2');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url("../font/Pretendard-Medium.woff2") format('woff2');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url("../font/Pretendard-Bold.woff2") format('woff2');
}

/* reset */
*,body{-webkit-overflow-scrolling:touch} a,a:active,a:hover{cursor:pointer;text-decoration:none}a,a:active,a:hover,ins{text-decoration:none}a,a:focus,input,select{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,pre{background:#fff}*{-webkit-text-size-adjust:100%}html{font-size:10px;line-height:1;font-weight:400;}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;list-style:none;color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;font-style:normal;word-wrap:break-word}ins,mark{color:#000}body{line-height:1;font-weight:400}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;color:inherit}ins{vertical-align:top}mark{background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}input[type=submit]{-webkit-appearance:none}b,strong{font-weight:500}::-moz-selection{color:#555;background-color:rgba(234,29,37,.2)}::selection{color:#555;background-color:rgba(234,29,37,.2)}select::-ms-expand{display:none}
input[type="hidden" i] {display: none !important;}

/* common */
html{scroll-behavior: smooth;font-size:10px;}
html body {height:100%; min-width:320px; color: #333; letter-spacing: -0.44px; }
html:lang(ja) *{font-family: 'Meiryo', 'Hiragino Sans', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Helvetica Neue', Helvetica, sans-serif; word-break: break-all;word-wrap:break-word;}
html:lang(ko-KR) *{font-family: 'Pretendard', Helvetica, sans-serif; word-break: keep-all;}

.nav_skip{position:relative;z-index:2147483647;}
.nav_skip a{display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; white-space:nowrap;}
.nav_skip a:focus,.nav_skip a:active{padding:7px; width:100%; height:auto; background:#F0892E; color:#fff; font-weight:500;text-decoration:none; zoom:1;}

.scrollTop_btn {display: inline-block; position: fixed; right: 52px; bottom:53px; width:60px; height:60px; opacity: 0; z-index:9999;transition: all 0.5s ease; cursor:pointer;}
.scrollTop_btn.on{opacity: 1; }
.scrollTop_btn img{width:100%; height:auto;border-radius: 100%;}
.site_header.mobile_active + div a.scrollTop_btn {opacity:0;}

#main{height: 100%;}
.container {width: 100%; max-width: 1480px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
.site{display:flex; flex-direction: column; height:100vh;}
.site_container{padding-top:120px;flex:1;}
.site_container h2 {font-size: 48px; font-weight:700; line-height: 1.19; letter-spacing: -1.44px; text-align:center;}
.site_container h3{font-size: 36px;font-weight: 700;line-height: 1.4;letter-spacing: -1.022px;}
.site_container .sub_tit{font-size: 32px; line-height:1.2; font-weight: 700;}
.btn {display:inline-block; font-size: 22px; font-weight:700; line-height:26px; color: #fff; padding: 21px 40px; border-radius: 82px; border:0; cursor: pointer; }
.btn_blue01{background:#6E89FF;}
.btn_blue02{background:#5D7AFC;}
.btn_blue02:hover { background-color: #667EE9;}
.btn_gradient{background-size: 200% auto;  background-image: linear-gradient(to right, #6E89FF 0%, #385CF8 50%, #6E89FF 100%); transition: 0.5s;}
.btn_gradient:hover{background-position: right center;}
img{vertical-align: top;}
.pc_only{display:block;}
.mobile_only{display:none;}
.blind{width:0;height:0;text-indent:-10000px;font-size:0;line-height:0;position:absolute;left:-99999px;}

a[class^='btn_'] i, button[class^='btn_'] i{display:inline-block; width:20px; height:20px; background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align:top;}
.ico_arrow{background-image: url(/wp-content/uploads/image/sub/ico_blogPrev.svg); }
.ico_link{width:14px; height:15px;background-image: url(/wp-content/uploads/image/sub/ico_blogLink.svg); }

/* header */
.site_header {position: fixed; top: 0px; left: 0px;width:100%;height: 120px; z-index: 3; transition: all 0.2s;}
.site_header.is_Up, .site_header.is_Down{top:-40px;}
.site_header.is_Up .header_nav, .site_header.is_Down .header_nav{background:#fff;}

.header_inquiry{display:flex; align-items: center; justify-content: end;padding:9px 52px;letter-spacing: -0.16px;background:#fff; }
.header_inquiry ul{ display: flex; align-items: center; gap:20px;color:#6B7996; font-size: 16px; line-height:22px;}
.header_inquiry li{position:relative;padding-right:20px; }
.header_inquiry li:last-child{color:#3658D7; font-size:18px;font-weight: 700;letter-spacing: -0.36px;border-bottom:0px solid #3658D7;}
.header_inquiry li:last-child a:hover{border-bottom:1px solid #3658D7;}
.header_inquiry li:after{content:""; position:absolute; top:4px; right:0px; width:1px; height:16px; background:#C4C5CD; }
.header_inquiry li:last-child:after{display:none;}

.header_nav{display: flex; align-items: center; gap:56px; padding:15px 52px;border-top: 1px solid #D5DEEE;border-bottom: 1px solid #D5DEEE; background:url(/wp-content/uploads/image/common/bg_nav.webp) no-repeat center/cover;}
.header_nav .header_menu{flex:1;display: flex; align-items: center; justify-content: space-between;}
.header_nav .header_menu .menu ul{display: flex; align-items: center; gap:28px;}
.header_nav .header_menu .menu a{color: #3E3E3E; font-size: 20px; line-height: 28px;}
.header_nav .header_menu .menu a:hover{font-weight:bold;}
.header_nav .header_menu .btn_wrap{display:flex; gap:16px;}
.nav_trial_btn {display:flex; align-items: center; justify-content: center; font-size: 18px; line-height: 21px; padding: 14px 20px 13px; background-color: #6E89FF;text-align:center;box-sizing: border-box;}
.nav_trial_btn:hover { background-color: #3654C2; transition: all 1s ; } 
.nav_login_btn {display:flex; align-items: center; justify-content:center; font-size: 18px; line-height: 21px; padding: 13px 20px 12px; border:1px solid #3658D7; color:#3658D7;text-align:center; box-sizing: border-box;}
.header_nav .mobile_info,
.header_nav .btns_wrap{display:none;}

/* footer */
.footer {position: relative; color:#C7CACE; font-size: 14px; z-index:1; }
.footer .footer_top {background-color: #242627; }
.footer .footer_top .container{padding: 40px 20px 48px;}
.footer .logo_wrap{display: flex; align-items:center; justify-content: space-between;}
.footer .logo_wrap .logo {display: flex; justify-content: space-between; align-items:end;}
.footer .logo_wrap .policy_wrap {display: flex; align-items:center; gap:20px; margin-left: 32px;}
.footer .logo_wrap .policy_wrap a {position: relative;padding-right:20px;color:#C7CACE; font-size: 14px; line-height:1; }
.footer .logo_wrap .policy_wrap a::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 1px; height: 12px; background-color: #3E4758;}
.footer .logo_wrap .policy_wrap a:last-child:after{display:none;}
.footer .sns_wrap ul{display: flex; gap:24px;}
.footer .sns_wrap ul a{display:block;}

.footer .rsup_info ul{display:flex; flex-wrap:wrap; gap:0 16px; max-width: 1020px; margin: 20px 0px;}
.footer .rsup_info li{position:relative;padding-right:16px; font-size: 14px; line-height: 20px;}
.footer .rsup_info li:after{content:""; position:absolute; top:4px; right:0px; width:1px; height:12px; background:#3E4758; }
.footer .rsup_info li:nth-child(4):after, .footer .rsup_info li:last-child:after{display:none;}
.footer .copyright { font-size: 14px; line-height: 24px; color:#7C838D; }

.footer .footer_family {background:#555;}
.footer .footer_family .container{display: flex; align-items:center; justify-content: space-between;  padding: 8px 20px;}
.footer .family_list{display:flex; flex-wrap:wrap; gap:0 16px;}
.footer .family_list li{position:relative;padding-right:16px; font-size: 14px; line-height: 20px;}
.footer .family_list li:after{content:""; position:absolute; top:4px; right:0px; width:1px; height:12px; background:#838383; }
.footer .family_list li:last-child:after{display:none;}

.footer .global_list { position: relative;}
.footer .global_list button {display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border: 0; border-radius: 6px; background: #666; color: #C4C5CD; font-size: 14px; line-height: 22px; cursor: pointer;}
.footer .global_list button span{display: flex;align-items: center; gap:4px;}
.footer .global_list button i { display: inline-block; width: 10px; height: 8px;margin-left:24px; background: url(/ja/wp-content/uploads/sites/3/images/common/ico_arrow_global.svg) no-repeat center;transform: rotate(180deg);}
.footer .global_list button.on{border-radius:0px 0px 6px 6px;}
.footer .global_list button.on i{transform: rotate(0deg);}
.footer .global_list button.on + ul {display: block;}
.footer .global_list ul {display: none; position: absolute; top: -80px; left: 0px; width: 100%; padding: 2px 0; border-radius: 6px 6px 0px 0px; background: #666; z-index: 1;}
.footer .global_list li { padding: 8px; font-size: 14px; color: #C4C5CD;line-height: 22px;}
.footer .global_list li a{display:block;}
.footer .global_list li:hover, .footer .global_list li:active { font-weight:bold;}

/* customer */
.customer{padding:12rem 0;background: #F2F6FD;}
.customer .container{display:flex; flex-direction: column; gap:32px; align-items: center;}
.customer .flexbox{display:flex; align-items:center; justify-content:center; gap:10rem; width:100%; padding:40px 10px; background:#6E89FF; border-radius: 20px;color:#fff; font-size: 3.2rem; line-height:1.1; font-weight: 700; box-sizing: border-box;}
.customer .flexbox i{display:inline-block; width:36px; height:36px;margin-right:6px;background-color:#fff; border-radius:36px; background-size:20px; vertical-align:middle;}
.customer .flexbox i.tel{background:#fff url(/wp-content/uploads/image/main/ico_tel.svg) no-repeat center;}
.customer .flexbox i.mail{background:#fff url(/wp-content/uploads/image/main/ico_mail.svg) no-repeat center;}
.customer .btn_wrap a{margin:0px 12px;}

/* partner */
.partner{padding:12rem 0;text-align:center;}
.partner h2{padding-bottom:3.2rem;}
.partner .flexbox{display:flex; align-items:center; justify-content:center; border-top:1px solid #C4C5CD; margin-top:40px;padding-top:40px;}
.partner li{width:25%; display:flex; align-items:center; flex-direction: column; gap:1.3rem; text-align:center;}
.partner li img{width:100%; max-width:374px; height:auto;}
.partner li p{font-size:2.4rem; color: #000; font-weight: 400; line-height: 1.6; text-align: center;}

/* ** 개인정보 처리방침 ** */
.page_terms{display:flex; align-items:center; justify-content:center; height:100%; padding:9rem 3rem; background:#F2F5FA; box-sizing: border-box;}
.page_terms .terms_box{max-width:1260px; padding: 9rem;border-radius: 20px; background: #FFF; box-shadow: 0px 0px 24px 0px #EEF0F5;font-size: 18px;letter-spacing: -0.54px;}
.page_terms section{padding-bottom:6rem; color:#333; line-height: 26px;}
.page_terms section:last-child{padding-bottom:0;}
.page_terms h1{padding-bottom:6rem; font-size: 48px; font-weight: 700;letter-spacing: -1.44px;}
.page_terms h2{padding-bottom:2.4rem; font-size: 22px;font-weight: 700;letter-spacing: -0.66px;}
.page_terms dt{padding-bottom:0.8rem; font-size: 18px;font-weight: 700;letter-spacing: -0.54px;}
.page_terms dd{padding-bottom:2rem; font-size: 18px; letter-spacing: -0.54px;}
.page_terms ol{padding-top:8px;}
.page_terms li{padding:4px 0 4px 20px;text-indent:-20px;}
.page_terms a{text-decoration: underline;}
.page_terms .ta_c{text-align:center;}
.page_terms .ta_l{text-align:left;}
.page_terms .ta_r{text-align:right;}

.page_terms .check_btn{border:0; width:0; height:0;}
.page_terms .check_btn + label{padding: 0.2rem 1.5rem;border-radius: 2.4rem;border: solid 1px rgb(190, 195, 200); color: rgb(190, 195, 200); font-size:14px;transition: background .25s;}
.page_terms .check_btn + label i{position: relative;  display: inline-block; width:1.6rem; height:1rem; }
.page_terms .check_btn + label i:before{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transform: rotateX('90deg'); display: inline-block;width: 16px; height: 10px; background: url(/ja/wp-content/uploads/sites/3/images/trial/ico_arrow_agreement.svg) no-repeat center / 6px 12px;}
.page_terms .check_btn + label + div{display:none;}
.page_terms .check_btn:checked + label{color: rgb(233, 35, 37); border-color: rgb(233, 35, 37);}
.page_terms .check_btn:checked + label i:before{transform: rotateX('-90deg'); background: url(/ja/wp-content/uploads/sites/3/images/trial/ico_arrow_agreement.svg) no-repeat center / 6px 12px;}
.page_terms .check_btn:checked + label + div{display:block;}

.terms_table{width:100%; border: 1px solid #C4C5CD;}
.terms_table th{border: 1px solid #C4C5CD;padding:3px 5px; vertical-align:middle;}
.terms_table td{border: 1px solid #C4C5CD;padding:5px;vertical-align:middle;}

@media screen and (max-width: 1200px) {
    html{font-size:8px; }
    .container{max-width:1040px;}

    .site_container h2 {font-size:36px; line-height:1.4;}
    .site_container h3{font-size:26px;}
    .site_container .sub_tit{font-size: 22px; }
    .header_inquiry{padding: 9px 30px;}
    .header_nav{padding:15px 20px; gap:15px;}
    .header_nav .logo img{width:120px; height:38px;}
    .header_nav .header_menu .menu ul{gap:15px;}
    .header_nav .header_menu .menu a{font-size:18px; line-height:21px;}
    .header_nav .header_menu .btn_wrap{gap:10px;}
    .nav_trial_btn, .nav_login_btn{font-size:14px;padding:14px 15px 13px;}

    :lang(ja) .header_nav .header_menu .menu a{font-size:16px;}

    .customer{padding:72px 0}
    .customer h2 {font-size: 32px;}
    .customer .flexbox{gap:30px; padding:25px 10px; font-size:22px; border-radius:12px;}
    .customer .flexbox i{width:22px; height:22px; background-size:12px !important;}

    /* partner */
    .partner{padding:72px 0}
    .partner h2{font-size: 32px;}
    .partner li{width:25%;}
    
    .page_terms{padding:30px;}
    .page_terms .terms_box{padding: 30px;}
}
@media screen and (max-width: 820px) {
    html{font-size:7px; }
    html body {letter-spacing: -0.16px;}
    .pc_only{display:none;}
    .mobile_only{display:block;}
    .container{padding:0px 12px;}
    
    .site_container h2 {font-size: 32px;}
    .site_container h3{font-size:22px;}
    .site_container .sub_tit{font-size: 18px; }
    
    .btn{font-size:20px;line-height:1.4;}

    /* header */
    .site_header{width:100%; top: 0px; height: 50px; }
    .site_header.is_Up, .site_header.is_Down{top:0;}
    .site{min-height:100vh;}
    .header_nav{justify-content: space-between; padding:9px 10px 9px 20px; background:#fff;}
    .header_nav .logo img{width:100px; height:31px;}
    .header_nav .btns_wrap button{width:32px; height:32px; border:0; background-color:#fff; background-repeat:no-repeat; background-position: center;}
    .header_nav #btnMenu{background-image:url(/wp-content/uploads/image/common/ico_menu_burger.webp); background-size:23px 18px;}
    
    .site_header.mobile_active{transform:translateY(0);height:100vh; background: rgba(0, 0, 0, 0.6);z-index:2;}
    .site_header.mobile_active .header_nav{background: transparent; border-color:transparent !important;}
    .site_container{padding-top:50px;}
    
    .header_nav .header_menu{display:flex; flex-direction: column; justify-content: space-between; height:100%; overflow-y:auto;position:fixed;top:62px;left:100%;z-index:999;transition:left .3s ease-out 0s;background:#fff;width:calc(100% - 76px);height:calc(100vh - 62px);padding:0 11px;box-sizing:border-box;}
    .header_nav .header_menu.active{left:76px;transition:left .3s ease-out 0s;}
    .header_nav .header_menu.active ~ .mobile_info{left: 76px;transition: left .3s ease-out 0s; }
    .header_nav .header_menu .menu{width:100%;}
    .header_nav .header_menu .menu ul{flex-direction: column; align-items: end; gap:0;}
    .header_nav .header_menu .menu li{padding:6px 10px;}
    .header_nav .header_menu .menu li a{color:#333;font-size: 22px !important; line-height:32px;letter-spacing: -0.44px;}
    
    .header_nav .header_menu .inquiry{padding-bottom:54px; text-align:center;}
    .header_nav .header_menu .inquiry > div{flex-direction:column;color:#333; font-size: 18px;font-weight: 700;letter-spacing: -0.36px;}
    .header_nav .header_menu .inquiry ul{padding:17px 0;}
    .header_nav .header_menu .inquiry li a{display:inline-block; color:#333; font-size: 16px;line-height: 22px;letter-spacing: -0.16px;}
    .header_nav .header_menu .inquiry li:last-child a{border-bottom:1px solid #333;}
    .header_nav .header_menu .inquiry .qna{flex-direction: column; gap:9px;min-width:222px; margin-bottom:54px;}
    
    .header_nav .mobile_info, .header_nav .btns_wrap{display:flex;}
    .header_nav .mobile_info{position:fixed;top:0;left:100%;z-index:999;display:block;transition:left .3s ease-out 0s;width: calc(100% - 76px);padding:9px 16px 0;;background:#fff; box-sizing:border-box;}
    .header_nav .mobile_info .btns_wrap{display:flex; justify-content:end; padding:0px 0px 21px;}
    .nav_trial_btn, .nav_login_btn{padding:10px 20px;}
    
    #btnMenuClose{background-image:url(/wp-content/uploads/image/common/ico_menu_close.svg);background-size:20px;}
    
    
    /* footer */
    .footer .footer_top .container{padding: 29px 13px;}
    .footer .logo_wrap{align-items:start; flex-direction:column;gap:19px;}
    .footer .logo_wrap .logo {align-items:start; flex-direction:column;gap:27px;}
    .footer .logo_wrap .policy_wrap {margin-left: 0px;}
    .footer .logo_wrap .policy_wrap a:first-child{padding-left:0;}
    
    .footer .footer_family .container{flex-direction:column; gap:16px; padding: 20px 16px;}
    .footer .global_list {width:100%;max-width:287px;}
    .footer .global_list button {width:100%;}
    
    .customer{padding:48px 0;}
    .customer .container{gap:40px;}
    .customer h2{font-size: 22px;}
    .customer .sub_tit{font-size:16px; font-weight: 400; text-align: center;}
    .customer .flexbox{flex-direction:column; gap:16px; padding:8px 10px; border-radius:8px; font-size:18px;}
    .customer .flexbox a{min-width:240px;}
    .customer .btn_wrap{display:flex; gap:18px; flex-direction: column;}
    .customer .btn_wrap a{margin:0;text-align:center;}

    /* partner */
    .partner{padding:48px 0;}
    .partner h2{font-size: 22px;}
    .partner .sub_tit{font-size:16px; font-weight: 400; }
    .partner .flexbox{flex-direction: column;}
    .partner li{width:100%; }
    .partner li p{font-size:16px;}

    .page_terms{padding:60px 12px;}
    .page_terms .terms_box{padding: 40px 12px; font-size:13px; line-height:1.4;}
    .page_terms h1{font-size: 22px;line-height:1.4;}
    .page_terms h2{font-size: 18px;line-height:1.4;}
    .page_terms dd{font-size:13px; line-height:1.4;}

    a.scrollTop_btn{width:40px; height:40px; bottom:50px; right:30px;}
}