@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');

*:focus{outline:none;}
body{margin:0; padding:0; font-family:'meiryo', sans-serif, malgun gothic, dotum, AppleGothic, arial, Helvetica; font-size:15px; font-weight:300; color:#333; overflow-x:hidden; word-break:keep-all;}
body:lang(jp){word-break:break-all;}
div, section, header, footer, article, aside, nav, dl, dt, dd{margin:0; padding:0; box-sizing:border-box; position:relative;}
ul, ul li{margin:0; padding:0; box-sizing:border-box; list-style:none; position:relative;}
ol, ol li{margin:0; padding:0; list-style-position:inside; box-sizing:border-box; position:relative;}
h1, h2, h3, h4, h5, h6{ line-height:1.2em; margin:0; padding:0; box-sizing:border-box;}
h1{font-size:72px; font-weight:500; letter-spacing:-0.05em;}
h2{font-size:32px; font-weight:500; letter-spacing:-0.05em;}
h3{font-size:24px; font-weight:500; letter-spacing:-0.05em;}
h4, h5, h6{font-size:20px; font-weight:400;}
p{margin:0; padding:0; line-height:1.5em;}
button{margin:0; padding:0; border:0; box-sizing:border-box; cursor:pointer;  font-size:16px; font-weight:400;}
a{display:inline-block; text-decoration:none; color:inherit; margin:0; padding:0;}
img{width:100%; display:block; border:0;}

/* helu.jp 제거 */
.event-display-none{display: none;}
.tbody-display-none{display: none;}
.tbody-display-block{display:block;}
.banner-display-none{display:none;}
.plusfriend-chat-button{display: none;}
/*.menuPayment-display{display: none !important;}*/
.menuPayment-display{}
.mobilefunc-display-none{display: none !important;}


/*custom*/
a.block{display:block;}
.clear-div{clear:both;}

.gradient-bg{
	background:#72bcb6;
	background:linear-gradient(135deg,#72bcb6,#2a969d 60%,#05628f);
}
.gray-bg{background-color:#f9f9f9;}

.col-3{float:left; width:33.33333333333%;}

/*버튼*/
button.common{height:56px; line-height:56px; width:240px; text-align:center; border-radius:4px;}
button.green{background-color:#2a969d; color:#fff;}
button.pupple{background-color:#485164; color:#fff;}

/*wrapper*/
.world{width:100%; padding-top:calc(55px + 43px);}
.inner{width:100%; max-width:1280px; margin:0 auto; padding:0px 16px;}

header .inner{max-width:100%;}

/*header*/
header{position:fixed; top:0; left:0; width:100%; height:calc(55px + 43px); box-sizing:border-box; background-color:#fff; border-bottom:solid 1px #2a969d; z-index:90;}
nav{width:100%; height:100%; text-align:right; cursor:default;}
.logo{position:absolute; width:237px; height:32px; top:12px; left:0px; z-index:2;}
.logo-mobile{position:absolute; width:114px; height:32px; top:12px; left:0px; z-index:2; display:none;}
ul.menu{display:inline-block;}
li.main-menu{display:inline-block; min-width:144px; min-width:120px; text-align:center;}
li.main-menu > a{line-height:55px; padding:0px 24px;  font-size:16px; font-weight:500; color:#586474;}
li.main-menu > a:hover{color:#2a969d;}
ul.sub{display:none; position:absolute; width:100%; height:auto; top:55px; left:0px; z-index:2; border:solid 1px #2a969d; border-top:0; background-color:#fff; padding-bottom:8px;}
li.sub-menu{width:100%; text-align:center;}
li.sub-menu > a{line-height:32px; font-size:13px; font-weight:400; letter-spacing:-0.05em;}
li.sub-menu > a:lang(jp){line-height:32px; font-size:12px; font-weight:400; letter-spacing:-0.05em;}
li.sub-menu > a:hover{color:#165c7d;}
ul.sub:before{content:''; position:absolute; width:calc(100% + 2px); height:4px; top:-4px; left:-1px; background-color:#165c7d;}
li.main-menu.free-trial a{color:#2a969d;}

.top-info{width:100%; height:43px; background-color:#485164; color:#c2c8d0; text-align:right;}
.top-info li{display:inline-block; line-height:43px; padding:0px 16px; font-size:12px; border-right:solid 1px #363d44;}
.top-info li.last{border-right:0;}
.top-info li a:hover{color:#fff;}
.top-info li a.cuspage{color:#c2c8d0;}
.top-info li a.cuspage:hover{color:#fff;}


/*footer*/
footer{width:100%;}
.footer-link{width:100%; background-color:#f4f4f4; padding:60px 0;}
.footer-link .inner{padding:0;}
.footer-link-item{width:100%; padding:16px; text-align:center;}
.footer-link-item.mid{border:solid 1px #bbb; border-top:0; border-bottom:0;}

.footer-link-item h3{font-size:28px; color:#434b58; padding-bottom:20px;}
.footer-link-item h3:lang(jp){font-size:22px; color:#434b58; padding-bottom:20px;}
.footer-link-sub-text{font-size:14px; color:#434b58; min-height:40px;}
.footer-link-sub-text:lang(jp) {font-size:12px;}
.footer-link-item button{width:179px; padding:7px 0px; text-align:center; font-weight:300; font-size:14px; line-height:1.5em; border-radius:20px; border:solid 2px #444b58; background:none;}
.footer-link-item button.num{border-color:#2a969d; color:#2a969d;}

.footer-trial{width:100%; padding:60px 0px; color:#fff; text-align:center;}
.footer-trial h3{font-size:28px; font-weight:400; padding-bottom:32px;}
.footer-trial-input-wrap{width:515px; margin:0 auto;}
.footer-trial-input{	float:left; width:70%; height:38px; border-radius:26px 0 0 26px; background-color:#fff;}
.footer-trial-input:before{
	content:''; position:absolute; width:24px; height:24px; top:50%; left:12px; transform:translate(0, -50%);
	background-image:url('../image/icon-footer-trial.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}
.footer-trial-input input{width:100%; height:100%; background:none; border:0; text-align:left; padding:0px 16px 0px 42px; box-sizing:border-box; font-weight:bold; color:#586474;}
.footer-trial-btn{float:left; width:30%; height:38px; border-radius:0 26px 26px 0; background-color:#165c7d;}
.footer-trial-btn button{width:100%; height:100%; background:none; border:0; text-align:center; line-height:38px; color:#fff; font-size:14px; font-weight:bold;}
.footer-trial-sub-text{font-size:18px; padding-top:32px;}

.footer-info{width:100%; background-color:#434b58;}
.footer-info-container{width:100%; padding:16px 0px; font-size:11px; color:#c2c8d0; line-height:1.5em;}
.footer-bottom{background-color:#272c33; padding:16px 0px; font-size:11px; color:#6f7e8f;}
.footer-bottom-left{float:left;}
.footer-bottom-right{float:right;}

.bottom-link{position:fixed; width:100%; height:56px; bottom:-56px; left:0; background-color:#485164; z-index:10; transition:bottom 0.2s;}
.bottom-link.on{bottom:0px;}
.bottom-link-left{float:left; height:56px; line-height:56px; color:#c4cad2;}
.bottom-link-left span{color:#fff;}
.bottom-link-right{float:right; height:56px;}
.bottom-link-right a{padding:0px 4px;}
.btn-bottom-link{height:40px; padding:0 24px; margin-top:8px; border-radius:20px; background-color:#fff; font-size:14px; font-weight:bold;}
.btn-bottom-link.pcdn{background:none; color:#c4cad2; border:solid 2px #c4cad2;}
.btn-bottom-link.pcdn:hover{border-color:#fff; color:#fff;}
.btn-bottom-link.free{background-color:#2a969d; color:#fff;}
.btn-bottom-link.free:hover{background-color:#165c7d;}


/*톡상담*/
.btn-talk{
	position:fixed; width:96px; bottom:48px; right:4px; z-index:90;
}
@media (max-width: 1080px){
	.btn-talk{bottom:auto; top:50px; right:8px;}
}

/*side menu 사이드메뉴*/
aside{display:none; position:fixed; width:193px; height:100%; top:0px; right:0px; z-index:99; overflow:hidden; transition:right 0.3s;}
aside.off{right:-193px;}
.side-menu-wrap{width:213px; height:100%; background-color:#fff; border-left:solid 1px #f2f2f2; padding:16px; padding-right:0; overflow-x:hidden;}
.side-menu-toggle{position:fixed; width:32px; height:125px; top:50%; right:192px; margin-top:-62.5px; z-index:91; transition:right 0.3s;}
.side-menu-toggle.off{right:0px;}
.btn-toggle{
	width:32px; height:32px; background-color:#fff; border:solid 1px #f2f2f2; cursor:pointer; border-bottom:0;
	background-repeat:no-repeat; background-size:32px 32px; background-position:center center;
}
.btn-toggle.toggle{background-image:url('../image/btn-side-toggle.png');}
.btn-toggle.toggle.off{background-image:url('../image/btn-side-toggle-on.png');}
.btn-toggle.home{background-image:url('../image/btn-side-home.png');}
.btn-toggle.talk{background-image:url('../image/btn-side-talk.png');}
.btn-toggle.download{background-image:url('../image/btn-side-download.png'); border-bottom:solid 1px #f2f2f2;}

.side-header{width:160px; padding-bottom:8px; border-bottom:solid 1px #f2f2f2;  font-size:18px; font-weight:500; color:#485164;}

.ad-banner{width:160px; height:210px; margin-top:24px; text-align:center; padding-top:160px; overflow:hidden;}
.ad-wrap{position:absolute;top:0px; left:0px; width:480px; height:160px; margin:0 auto;}
.ad-content{float:left; width:160px; height:160px;}
.ad-dot{display:inline-block; width:16px; height:4px; margin:0 2px; background-color:#cccccc; cursor:pointer;}
.ad-dot.current{background-color:#808080;}

p.side-cus{font-size:12px; color:#999; letter-spacing:-0.05em; padding:16px 0px 8px 0px;}
p.side-cus-num{font-size:18px; line-height:22px;  color:#165c7d; font-weight:500; padding-bottom:20px;}
p.side-cus-num span{color:#666; font-family:Gothic; font-size:14px; line-height:2em;}

.kakao{width:160px; margin:16px 0; cursor:pointer;}

.side-link{margin-bottom:16px;}
.btn-side-link{float:left; width:76px; height:24px; margin-bottom:4px; font-family:Gothic; font-size:11px; color:#999; border:solid 1px #f2f2f2; text-align:center; line-height:24px; background-color:#fff;}

.side-bankinfo{padding:8px 0px; font-family:Gothic; font-size:16px; color:#165c7d; font-weight:600; line-height:1.5em; padding-bottom:16px;}

/*login*/
div.world.login{margin:0; padding:0; height:100%; background-color:#f5f6f7;}
.login-wrap{
	width:90%; max-width:460px; margin:0 auto; top:50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.login-logo{width:100%; max-width:172px; margin:0 auto;}
.input-area{width:100%; padding-top:24px;}
.input-area input{width:100%; height:56px; line-height:56px; box-sizing:border-box; background-color:#fff; border:solid 1px #dadada; font-family:Gothic; font-size:12px; color:#000; margin-bottom:8px; padding:0px 16px;}
.input-area input:focus{border-color:#2a969d;}
.input-area button{width:100%; height:56px; line-height:56px; border:0; background-color:#2a969d; color:#fff; font-weight:bold; font-size:18px; text-align:center; border-radius:28px;}
.login-link-area{width:100%; font-size:12px; color:#666; padding:16px; text-align:center;}
.login-link-area a:hover{color:#2a969d; text-decoration:underline;}
.login-bottom{position:absolute; width:100%; bottom:0; left:0; text-align:center; font-size:12px; color:#666; line-height:1.5em; padding:16px;}

/*out login*/
input.outlogin{margin:0; padding:0 8px; width:160px; height:32px; line-height:32px; border:solid 1px #f2f2f2; background-color:#fff; color:#999999; font-family:Gothic; font-size:12px; box-sizing:border-box; margin-bottom:4px;}
button.outlogin{width:160px; height:32px; line-height:32px; color:#fff; font-family:Gothic; font-size:12px; background-color:#165c7d; border-radius:4px; text-align:center;}
a.outlogin{font-size:12px; color:#999;}
a.outlogin:hover{color:#97e23e; text-decoration:underline;}
span.outlogin{font-size:12px; color:#999;}

.login-before{width:160px;}
.login-after{width:160px; font-size:13px; color:#666; letter-spacing:-0.05em; display:none;}
.login-after .row{width:160px; padding:4px 0px;}
.login-after .row span{color:#000; letter-spacing:0;}
.login-after .row span.name{font-weight:bold; color:#5e3fc1;}

/*idpw 아이디 비밀번호 찾기*/
.idpw-header{width:100%; font-weight:bold; text-align:center; font-size:18px; padding-bottom:16px;}
.idpw-header img{width:auto; height:24px;}
.idpw-content{width:100%; text-align:center;}
.idpw-content p{font-size:12px; color:#000;}
.idpw-content p span{font-weight:bold; color:#2a969d;}
.idpw-content p.bottom-info{margin:16px 0px; padding:8px; background-color:#fff;}
.idpw-content input{float:left; width:calc(50% - 12px); box-sizing:border-box; display:inline-block; border:solid 1px #999; font-size:14px; padding:8px; margin:0;}
.idpw-input-middle{float:left; width:24px; text-align:center; display:inline-block;}
button.btn-idpw{margin-top:4px; width:100%; background-color:#2a969d; color:#fff; padding:8px 0px; text-align:center;}

/*메인화면*/
section.main-banner-wrap{width:100%; height:740px; background-color:#f2f2f2;}
.main-banner-item{width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.main-banner-item.item-01{background-image:url('../image/new/bg-helpujp.png');}

.main-banner-dot-wrap{position:absolute; width:100%; height:16px; bottom:16px; left:0; text-align:center; z-index:3; cursor:default;}
.main-banner-dot{display:inline-block; margin:0px 1px; width:16px; height:16px; border-radius:8px; background-color:#fff; border:solid 1px #2a969d; cursor:pointer; transition:width 0.2s;}
.main-banner-dot.current{width:48px; background-color:#2a969d; cursor:default;}

canvas.pg-canvas{opacity:0.5;}

.main-banner-text-wrap-outer{ }
.main-banner-text-wrap{position:absolute; width:100%; top:50%; left:0; transform:translateY(-70%); text-align:center;}
.main-banner-text-wrap:lang(jp){position:absolute; width:100%; top:50%; left:0; transform:translateY(-70%); text-align:left; display:block; padding-left: 16%;}
.main-banner-text-wrap h1{font-weight:500; color:#272c33; padding-bottom:24px;}
.main-banner-sub-text{font-size:24px; color:#2a969d; font-weight:400;}
.main-banner-sub-text:lang(jp){font-size:20px; color:#2a969d; font-weight:400;}
.main-banner-text-wrap.text-01 h1:lang(jp){font-size:45px;}
.main-banner-text-wrap.text-02 h1:lang(jp){font-size:54px;}

/*바우처
.text-01 h1{color:#2a6775;}
.text-01 h1 span{background:linear-gradient(to top, #53d3d0 30%, transparent 30%);}
.text-01 h1 b{color:#ff9000}
.text-01 a button{background:#ff9000;}
.text-01 img{position:absolute; width:900px; transform:translate(-50%,-50%); top:50%; left:50%; z-index:-1;}*/

.main-banner-text-wrap button{background-color:#2a969d; color:#fff; font-weight:500; font-size:18px; height:48px; line-height:48px; padding:0px 24px; border-radius:24px;}
.main-banner-text-wrap button:hover{background-color:#165c7d;}

.main-banner-voucher1{color:#f00}
.main-banner-sub-text2 {padding-bottom:24px;}

.main-banner-text-wrap.text-02{display:none;}
.main-banner-text-wrap.text-03{display:none;}


section.main-content{width:100%; padding:80px 0px;}
h2.main-content-h2{text-align:center; color:#434b58; font-weight:400; padding-bottom:32px;}
h2.main-content-h2 span.sub-text{display:block; font-size:13px; font-weight:500; color:#2a969d; letter-spacing:0em;}
h2.main-content-h2 span.paragraph{display:block; font-size:20px; font-weight:300; color:#485164; letter-spacing:0em;}

.main-content-sub-title{text-align:center; font-size:24px; font-weight:300;}
.main-btn-wrap{width:100%; text-align:center; padding-top:24px;}
.main-btn-wrap button{font-weight:bold; min-width:180px; text-align:center; font-size:16px; padding:8px 16px; border-radius:24px; background:none; border:solid 2px #165c7d; color:#165c7d;}
.main-btn-wrap button:hover{background-color:#165c7d; color:#fff;}

.main-section-01-content{width:100%;}
.main-section-01-content .col-3{margin:16px 0px 0px 0px;}
.main-section-01-item{width:100%; min-height:240px; padding:16px; text-align:center; color:#586474;}
.ms01-img{width:64px; margin:0 auto;}

.main-section-01-item{height:200px; min-height:auto; padding:0px 16px;}
.main-section-01-item h3{padding:20px 0px 8px 0px; font-size:22px;}
.main-section-01-item p:lang(jp){font-size:13px;}


.main-content-sc-02{padding:56px 0px;}
.main-content-sc-02 h2.main-content-h2{color:#fff; padding-bottom:0;}
.main-content-sc-02 h2.main-content-h2 .main-content-sub-title{color:#fff;}
.main-content-sc-02 h2.main-content-h2 span.sub-text,
.main-content-sc-02 h2.main-content-h2 span.paragraph{color:#fff;}

.main-section-02-content{text-align:center; height:460px;}
.main-section-02-item{position:absolute; top:0; left:50%; margin-left:-320px; width:320px; height:460px; padding:64px 32px;}
.main-section-02-item.popular{border:solid 4px #165c7d; width:328px; background-color:#f1f1f2; margin-left:0; margin-right:320px; height:480px; padding-top:70px; top:-10px;}
.main-price{font-size:36px; color:#000;}
.main-price:lang(en){padding-top: 15px; font-size: 30px;}
.main-price:lang(jp){padding-top: 45px; font-size: 30px;}
.main-price-text{font-size:16px; color:#6dd200; padding:8px 0px 56px 0px; font-weight:500;}
.main-price-text:lang(en){padding: 0 0 24px 0;}
.main-price-text:lang(jp){padding: 0 0 24px 0;}
.popular .main-price-text{padding-bottom:calc(56px - 24px);}
.popular .main-price-text:lang(en){padding-bottom:0;}
.popular .main-price-text:lang(jp){padding-bottom:0;}
.main-section-02-item button{height:40px; border-radius:20px; width:180px; text-align:center; font-size:16px; font-weight:bold; border:solid 2px #165c7d; background:none; line-height:40px; color:#165c7d;}
.main-section-02-item button:hover{background-color:#165c7d; color:#fff;}
.main-section-02-item.popular button{background-color:#165c7d; color:#fff;}
.main-section-02-item.popular button:hover{border-color:#2a969d; background-color:#2a969d;}
.main-section-02-item.popular:before{
	content:''; position:absolute; width:96px; height:96px; top:-4px; right:-48px; background-image:url('../image/icon-popular.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}
.main-section-02-item.popular:lang(jp):before{background-image:url('../image/icon-popular-jp.png');}
.main-section-02-item.popular:lang(en):before{background-image:url('../image/icon-popular-en.png');}

a.price-more{font-size:13px; font-family:Gothic; color:#485164; margin-top:8px;}
a.price-more:hover{color:#2a969d; text-decoration:underline;}
.price-label{font-size:13px; font-family:Gothic; letter-spacing:-0.05em; color:#485164;}
.main-price{font-weight:400; padding-top:32px;}
.main-price-text{color:#2a969d; font-weight:400; padding:0px 0px 56px 0px;}
.price-title{font-size:32px; font-weight:300; color:#485164;}
.main-price-info{font-size:13px; font-family:Gothic; padding-bottom:24px;}

.main-section-03-content{padding-bottom:32px;}

/*서브페이지 location*/
.sub-location{width:100%; height:72px; background-color:#fafafa;}
.location-wrap{width:100%; height:72px;}
.location-home, .location-arrow, .location-sub{float:left; height:32px; margin-top:20px;}
.location-home{width:32px;}
.location-arrow{width:32px; margin-left:16px; margin-right:16px; background-image:url('../image/location-arrow.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;}
.location-sub{min-width:180px; padding-right:48px; line-height:32px; font-size:18px;  color:#586474; font-weight:400;}
.btn-location-sub{position:absolute; width:32px; height:32px; top:0; right:0; background-image:url('../image/btn-location-sub.png');background-repeat:no-repeat; background-size:100% 100%; background-position:center center; cursor:pointer;}
.btn-location-sub:hover{background-image:url('../image/btn-location-sub-hover.png');}
.btn-location-sub.active{background-image:url('../image/btn-location-sub-off.png');}
.location-sub-ul{display:none; position:absolute; width:calc(100% + 32px); top:52px; left:-16px; background-color:#fff; border:solid 1px #f2f2f2; z-index:3;}
.location-sub-ul > ul{width:100%;}
.location-sub-ul > ul > li{display:block;}
.location-sub-ul > ul > li > a{width:100%; height:40px; padding:0px 16px; line-height:40px; font-family:Gothic; font-size:14px; box-sizing:border-box;}
.location-sub-ul > ul > li > a:hover{color:#2a969d; background-color:#fbfbfb; font-weight:bold;}

/*서브페이지 헤더*/
section.page-header{width:100%; padding:80px 0px 64px 0px;}
.title{width:100%; height:80px; padding:0px 8px; border-bottom:solid 1px #f2f2f2;}
h1.sub-title{display:inline-block; font-size:40px; color:#272c33; line-height:64px;}
.title-button{position:absolute; height:40px; top:12px; right:8px; cursor:default;}
.btn-title-button{height:40px; line-height:40px; padding:0px 32px; border-radius:20px; font-size:18px; font-weight:500;}
.btn-title-button.title-green{background-color:#2a969d; color:#fff;}
.btn-title-button.title-pupple{background-color:#485164; color:#fff;}
p.sub-title{padding:8px; font-size:16px; color:#999;}
.header-info{width:100%; margin:8px 0px; background-color:#fafafa; border-radius:4px; font-size:12px; line-height:20px; padding:16px; color:#2a969d;}
section.page-header.event{padding-bottom:32px;}

/*서브페이지 섹션*/
section.content{width:100%; padding-bottom:80px;}
h3.section-header{
	min-height:48px; line-height:48px; color:#485164;
	padding-left:48px; background-image:url('../image/icon-section-header.png'); background-repeat:no-repeat; background-size:48px 48px; background-position:0 0;
}

/*헬프유 소개 헬프유 특징*/
.helpu-content-01-wrap{width:100%; padding-top:24px;}
.helpu-content-01-container{float:left; width:calc(33.33333333333% - 21.33333333333px); height:240px; padding-top:31px; text-align:center; background-color:#f2f2f2;}
.helpu-content-01-container:lang(en){padding: 31px 20px 0 20px;}

.helpu-content-01-container.c01,
.helpu-content-01-container.c02,
.helpu-content-01-container.c03 {margin-bottom:30px;}

.helpu-content-01-container.c02,
.helpu-content-01-container.c05 {margin-left:32px; margin-right:32px;}

.helpu-content-01-container dl{width:100%; padding-top:8px;}
.helpu-content-01-container dt{ font-size:24px; font-weight:500; letter-spacing:-0.05em; color:#2a969d;}
.helpu-content-01-container dt:lang(en){font-size: 20px;}
.helpu-content-01-container dt:lang(jp){font-size: 20px;}
.helpu-content-01-container dd{color:#485164; line-height:1.2em;}
.helpu-content-01-img{width:230px; height:86px; display:inline-block;}


/*헬프유 소개 헬프유 적용분야*/
.helpu-content-02-wrap{width:100%; padding-top:24px;}
.helpu-content-02-container:lang(en){height: 300px;}
.helpu-content-02-container:lang(jp) {height: 300px; word-break: break-all;}
.helpu-content-02-container{
	float:left; width:calc(33.33333333333% - 21.33333333333px); height:292px; text-align:center; background-color:#fafafa;
}

.helpu-content-02-container:before{content:''; position:absolute; width:0px; height:0px; top:0; left:0; border-top:solid 60px #2a969d; border-right:solid 60px transparent;}
.helpu-content-02-container.c02{margin:0px 32px;}

.helpu-content-02-title{width:100%;  font-size:24px; line-height:1em; font-weight:500; color:#2a969d; letter-spacing:-0.05em; padding-top:40px; padding-bottom:12px;}
.helpu-content-02-text{width:100%; color:#485164; font-size:14px; padding:0px 32px; line-height:20px;}
.helpu-content-02-img{position:absolute; width:100%; bottom:0; left:0;}

/*헬프유 소개 헬프유 도입효과*/
.helpu-content-03-wrap{width:100%; padding-top:24px;}
.helpu-content-03-container{float:left; width:calc(33.33333333333% - 21.33333333333px); padding-bottom:16px;  text-align:center; background-color:#f7f7f7; border-bottom:solid 4px #2a969d;}
.helpu-content-03-container.c02{margin:0px 32px;}
.helpu-content-03-text{width:100%; font-size:16px; color:#485164; padding-top:12px; line-height:1em;}
.helpu-content-03-text:lang(en){padding: 12px 12px 0 12px;}
.helpu-content-03-text:lang(jp){padding: 12px 12px 0 12px; font-size:14px;}
.helpu-content-03-bold{width:100%; font-size:24px; font-weight:500; color:#2a969d; line-height:1em; padding-top:6px;}

/*헬프유 특징 기능*/
.info-content-01-wrap{width:100%; background-color:#fafafa; margin-top:24px;}
.info-content-01-container{float:left; width:calc(100% - 420px); height:300px; padding:40px 0px; padding-left:16px;}
.info-content-01-img{float:left; width:420px; height:300px;}
.info-content-01-img-container{position:absolute; width:200px; height:300px; bottom:0; left:50%; transform:translateX(-50%);}
.info-content-01-span{display:block; font-size:24px; color:#2a969d;}
.info-content-01-span strong{font-weight:400;}
.info-content-01-h4{font-size:32px; font-weight:300; color:#485164; letter-spacing:-0.05em;}
.info-content-01-h4 strong{font-weight:500;}
.info-content-01-p{line-height:1.2em; margin-top:16px; color:#485164;}
.info-content-01-a{margin-top:40px;}
.btn-info-content-01{
	height:56px; line-height:56px; padding:0px 16px; padding-left:38px; border-radius:4px; background-color:#2a969d; color:#fff; font-weight:400; font-size:18px;
	background-image:url('../image/btn-info-content-01.png'); background-repeat:no-repeat; background-size:18px 18px; background-position:16px center;
}
.info-content-01-01-wrap{width:100%; max-width:1280px; margin:0 auto;}
.info-content-01-01-left{float:left; width:50%; height:300px; padding:0px 16px; padding-top:40px;}
.info-content-01-01-right{float:left; width:50%; height:300px; padding-top:10px; text-align:center;}
.info-content-01-01-right img{max-width:624px; display:inline-block;}
.btn-info-content-01-01{font-size:30px; color:#2a969d;}
.btn-info-content-01-01:before{
	content:''; position:absolute; width:28px; height:36px; top:0; right:-36px;
	background-image:url('../image/btn-info-content-01-01.png'); background-repeat:no-repeat; background-size:28px 36px; background-position:center center;
}
.info-content-01-02-wrap{width:100%; max-width:1280px; margin:0 auto;}
.info-content-01-02-left{float:left; width:50%; height:300px; background-color:#fafafa; text-align:center; padding-top:40px; padding-left:10px; padding-right:10px;} 
.info-content-01-02-right{float:left; width:50%; height:300px; background-color:#f2f2f2; text-align:center; padding-top:40px;}
.info-content-01-02-wrap .info-content-01-p{line-height:1.5em;}
.img-info-content-01-02{position:absolute; width:240px; height:60px; bottom:40px; left:50%; transform:translateX(-50%);}

.info-content-02-wrap{width:100%; max-width:1280px; margin:0 auto; padding-top:24px;}
.info-content-02-container{
	float:left; width:calc(25% - 16px); height:320px;  margin:0px 8px;
	background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.info-content-02-container.c01{background-image:url('../image/img-info-content-02-01.png');}
.info-content-02-container.c02{background-image:url('../image/img-info-content-02-02.png');}
.info-content-02-container.c03{background-image:url('../image/img-info-content-02-03.png');}
.info-content-02-container.c04{background-image:url('../image/img-info-content-02-04.png');}

.info-content-02-container dl{width:100%; height:120px; position:absolute; bottom:0; left:0; background-color:rgba(42,150,157,0.95); text-align:center; color:#fff;}
.info-content-02-container dl:lang(jp) {height:150px;}
.info-content-02-container dt{font-size:18px; font-weight:400; padding-top:12px; padding-bottom:8px;}
.info-content-02-container dd{font-size:14px; line-height:1.2em;}

section.content.info-03{padding-top:80px; background-color:#fafafa;}
.info-content-03-wrap{width:100%;}
.info-content-03-wrap:lang(jp){width:100%;word-break: break-all;}
.info-content-03-container{float:left; width:calc(33.33333333333% - 16px); height:112px; margin:8px; background-color:#fff; border:solid 1px #f2f2f2; padding:16px;}
.info-content-03-container dl{width:calc(100% - 56px); margin-left:56px;}
.info-content-03-container dt{ font-size:24px; font-weight:400; color:#485164; line-height:1em; padding-bottom:8px;}
.info-content-03-container dt:lang(jp){ font-size:20px; font-weight:400; color:#485164; line-height:1em; padding-bottom:8px;}
.info-content-03-container dd{font-family:Gothic; font-size:13px; line-height:1.5em; color:#808080;}
.info-content-03-img{position:absolute; width:40px; height:40px; top:16px; left:16px;}

/*헬프유 도입효과*/
.effect-content-00-wrap{width:100%; background-color:#fafafa;}
.effect-content-00-container{width:100%; max-width:1280px; margin:0 auto;}
.effect-content-00-left{float:left; width:50%; height:323px; padding-top:50px;}
.effect-content-00-left:lang(en){padding-top: 30px;}
.effect-content-00-right{float:left; width:50%; height:323px; background-image:url('../image/bg-effect-content-00.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center center;}
.effect-content-00-ul{width:100%;}
.effect-content-00-li{width:100%; height:64px; margin-bottom:20px; font-size:24px; line-height:32px; padding-left:112px; color:#485164;}
.effect-content-00-li:lang(en){line-height: 26px; margin-bottom: 30px;}
.effect-content-00-li:lang(jp){font-size:15px;}
.effect-content-00-li:before{content:''; position:absolute; width:66px; height:50px; top:7px; left:24px; background-repeat:no-repeat; background-size:100% 100%; background-position:center center;}
.effect-content-00-li span{font-weight:400; color:#2a969d;}
.effect-content-00-li.li01:before{background-image:url('../image/icon-effect-content-00-01.png');}
.effect-content-00-li.li02:before{background-image:url('../image/icon-effect-content-00-02.png');}
.effect-content-00-li.li03:before{background-image:url('../image/icon-effect-content-00-03.png');}

.effect-content-01-wrap{width:100%; max-width:1280px; margin:0 auto; padding-top:24px;}
.effect-content-01-container{float:left; width:calc(25% - 16px); margin:0px 8px; height:355px; background-color:#2a969d;}
.effect-content-01-container:lang(en){height: 420px;}
.effect-content-01-container:lang(jp){height: 420px;}
.effect-content-01-img{width:100%;}
.effect-content-01-dl{width:100%; padding:16px 24px; padding-bottom:0; color:#fff;}
.effect-content-01-dl dt{font-size:24px; font-weight:400; line-height:1em; padding-bottom:8px;}
.effect-content-01-dl dt:lang(jp){font-size:17px;}
.effect-content-01-dl dd{font-size:14px; line-height:20px; padding-left:10px;}
.effect-content-01-dl dd:lang(jp){font-size:12px;}
.effect-content-01-dl dd:before{content:''; position:absolute; width:6px; height:2px; top:50%; left:0px; transform:translateY(-50%); background-color:#fff;}
.effect-content-01-dl dd:lang(en):before{top: 10px;}
.effect-content-01-dl dd:lang(jp):before{top: 10px;}
.effect-content-01-dl dd.none:before{display:none;}

/*헬프유 레퍼런스*/
.reference-content-01-wrap{width:100%;}
.reference-content-01-container{float:left; width:calc(20% - 32px); margin:16px; border:solid 1px #f2f2f2;}

/*기본사용법*/
.simple-content-01-wrap{width:100%; padding-top:48px;}
.simple-content-01-container{float:left; width:calc(33.33333333333% - 48px); margin-right:72px; height:337px; text-align:center; background-color:#fafafa;}
.simple-content-01-container.c03{margin-right:0;}
.simple-content-01-img{width:96px; margin:0 auto; margin-top:20px; margin-bottom:16px;}
.simple-content-01-container dl{width:100%;}
.simple-content-01-container dt{font-size:32px; font-weight:500; color:#2a969d; letter-spacing:-0.05em; line-height:1em; padding:46px 0px 8px 0px;}
.simple-content-01-container dd{font-size:24px; color:#485164; line-height:28px;}
.btn-simple-content-01{width:112px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:14px; font-family:Gothic; margin:0px 4px;}
.btn-simple-content-01.green{background-color:#2a969d;}
.btn-simple-content-01.gray{background-color:#485164;}
.simple-content-01-icon{position:absolute; width:96px; height:96px; top:0; left:0;}
.simple-content-01-container.c01:before{
	content:''; position:absolute; width:32px; height:32px; top:50%; right:calc(-32px - 20px); transform:translateY(-50%);
	background-image:url('../image/icon-simple-content-arrow.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}
.simple-content-01-container.c02:before{
	content:''; position:absolute; width:32px; height:32px; top:50%; right:calc(-32px - 20px); transform:translateY(-50%);
	background-image:url('../image/icon-simple-content-arrow.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}

.simple-content-02-header-wrap{width:100%; padding:32px 44px 16px 44px;}
.simple-content-02-header-wrap dl{width:100%; border-radius:4px; overflow:hidden; margin-bottom:8px;}
.simple-content-02-header-wrap dt{float:left; font-size:24px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:500; width:120px;}
.simple-content-02-header-wrap dt:lang(en){font-size: 18px;}
.simple-content-02-header-wrap dt:lang(jp){font-size: 18px;}
.simple-content-02-header-wrap dt.agent{background-color:#2a969d;}
.simple-content-02-header-wrap dt.agent{height:40px;background-color:#2a969d;}
.simple-content-02-header-wrap dt.customer{background-color:#485164;}
.simple-content-02-header-wrap dd{float:left; width:calc(100% - 120px); font-size:15px; height:40px; line-height:40px; color:#485164; background-color:#fafafa; padding-left:16px;}

.simple-content-02-wrap{width:100%; padding:0px 24px;}
.simple-content-02-container{float:left; width:calc(20% - 40px); height:230px; margin:20px; border:solid 1px #d9d9d9; border-radius:8px; text-align:center;}
.simple-content-02-container:lang(en){height: 250px;}
.simple-content-02-container:lang(jp){height: 250px;}
.simple-content-02-container.blank{background-color:#f2f2f2;}
.sc02c-type{width:100%; height:40px; font-size:16px; color:#fff; line-height:40px; border-radius:8px 8px 0px 0px;}
.agent .sc02c-type{background-color:#2a969d;}
.customer .sc02c-type{background-color:#485164;}
.sc02c-num{width:100%; font-size:24px; font-weight:400; color:#2a969d; line-height:1em; padding-top:14px;}
.sc02c-title{width:100%; font-size:20px; font-weight:500; color:#485164; line-height:1em; padding-top:4px; padding-bottom:10px;}
.sc02c-text{width:100%; padding:0px 24px; font-size:12px; font-family:Gothic; color:#485164; line-height:1.3em;}
.sc02c-text span{display:block; font-size:11px; color:#999999;}
.sc02c-img{width:64px; margin:0 auto; margin-top:55px; margin-bottom:8px;}
.blank .sc02c-text{font-size:14px;}
.blank.agent .sc02c-text{color:#2a969d;}
.blank.customer .sc02c-text{color:#485164;}
.simple-content-02-container.c09 .sc02c-text{letter-spacing:-0.05em;}
.simple-content-02-container.c09.customer.mobile{display:none;}

.simple-content-02-container.c01:after,
.simple-content-02-container.c02:after
{
	content:''; position:absolute; width:32px; height:32px; top:50%; right:-37px; transform:translateY(-50%); z-index:2;
	background-image:url('../image/img-simple-content-02-arrow-01.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}
.simple-content-02-container.c03:after
{
	content:''; position:absolute; width:32px; height:32px; top:calc(100% + 4px); right:-37px; z-index:2;
	background-image:url('../image/img-simple-content-02-arrow-02.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}
.simple-content-02-container.c09:after
{
	content:''; position:absolute; width:32px; height:32px; top:calc(-32px - 4px); right:-37px; z-index:2;
	background-image:url('../image/img-simple-content-02-arrow-03.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}


/*상세사용법*/
.more-tab-wrap{width:100%;}
.more-tab-container{width:100%; border-bottom:solid 1px #2a969d; margin-bottom:48px;}
.more-tab{float:left; height:56px; line-height:56px;  font-weight:500; font-size:24px; color:#485164; background-color:#fafafa; padding:0px 32px; margin-right:2px; border:solid 1px #ebebeb; border-bottom:0; cursor:pointer;}
.more-tab.current{background-color:#2a969d; color:#fff; border:0;}

.more-content-android-wrap{width:100%; padding:48px; padding-top:0;}
.more-content-android-img{width:100%; padding:24px 0px;}
.more-content-android-text-container{float:left; width:50%; padding:16px;}
.more-content-android-text-container dl{width:100%; padding:16px 0px;}
.more-content-android-text-container dt{font-size:18px; font-weight:500; color:#485164; padding-bottom:8px;}
.more-content-android-text-container dt span{color:#2a969d; margin-right:4px;}
.more-content-android-text-container dd{font-size:13px; color:#666; padding-bottom:8px; padding-left:20px;}
.more-content-android-text-container dd strong{color:#485164;}
.more-content-android-text-container dd span{color:#2a969d;}
.more-content-android-text-container dd.disable,
.more-content-android-text-container dd.disable strong,
.more-content-android-text-container dd.disable span {color:#cccccc;}

.more-content-android-container{float:left; width:calc(50% - 32px); margin:16px;}


section.content.android, section.content.chat{display:none;}
.more-content-wrap{width:100%; padding:24px; border-bottom:solid 1px #f2f2f2;}
.more-content-img-wrap{float:left; width:624px; height:320px;}
.more-content-text-wrap{float:left; width:calc(100% - 624px); height:320px; padding:32px 0px 32px 32px;}
.more-content-img-container{width:100%; box-shadow:0px 3px 5px rgba(0,0,0,0.3);}
.more-content-text-wrap dl{width:100%;}
.more-content-text-wrap dt{ font-weight:500; font-size:32px; color:#2a969d; padding-bottom:8px;}
.more-content-text-wrap dd{line-height:1.5em; color:#666666; padding-bottom:4px;font-size:14px;}
.more-content-text-wrap dd span{color:#2a969d;}

/*전용 URL 샘플*/
.urlsample-content-01-wrap{width:100%;}
.urlsample-content-01-wrap dl{float:left; width:50%; padding:24px 48px;}
.urlsample-content-01-wrap dt{font-size:24px;  font-weight:600; padding-bottom:16px;}
.urlsample-content-01-wrap dt span{font-size:12px; font-family:Gothic; font-weight:normal; color:#666;}
.urlsample-content-01-wrap dd{padding-bottom:8px; padding-left:16px;}
.urlsample-content-01-wrap dd:before{content:''; position:absolute; width:8px; height:2px; top:10px; left:0px; background-color:#2a969d;}

.urlsample-content-02-wrap{width:100%;}
.urlsample-content-02-container{
	float:left; width:calc(50% - 32px); height:351px; margin:16px; padding:24px; text-align:center;
	background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.urlsample-content-02-container.c01{background-image:url('../image/bg-urlsample-content-02-01.png');}
.urlsample-content-02-container.c02{background-image:url('../image/bg-urlsample-content-02-02.png');}
.urlsample-content-02-img{max-width:308px; margin:0 auto; margin-top:32px; margin-bottom:24px;}
.urlsample-content-02-img img{display:inline-block;}
.urlsample-content-02-title{ font-weight:500; padding-bottom:8px; font-size:24px; color:#fff;}
.urlsample-content-02-text{font-size:14px; color:#fff; line-height:1.5em;}

.urlsample-content-03-wrap{width:100%;}
.urlsample-content-03-container{width:100%; padding:48px;}
table.urlsample-content-03{width:100%; border-collapse:collapse; box-sizing:border-box;}
table.urlsample-content-03 th{padding:16px; border:0; text-align:left; background-color:#2a969d; color:#fff;}
table.urlsample-content-03 td{padding:16px; text-align:center; border:0; border-bottom:solid 1px #f2f2f2; font-size:14px; vertical-align:middle;}
table.urlsample-content-03 td.code{text-align:left; font-size:12px; word-break:break-all;}


/*제품 가격*/
.price-content-02-wrap{width:100%;}
.price-content-02-container{width:100%; padding:24px;}
.price-content-03-wrap{width:100%;}
.price-content-03-container{width:100%; padding:24px;}
table.price{width:100%; border-collapse:collapse; margin:0; padding:0; box-sizing:border-box;}
table.price th{height:64px; font-size:24px; font-weight:400; color:#fff; text-align:center; padding:0px 16px; background-color:#2a969d; box-sizing:border-box; border:solid 1px #2a969d; vertical-align:middle; letter-spacing:-0.05em;}
table.price th:lang(en){font-size: 22px;}
table.price th:lang(jp){font-size: 20px;}
table.price td{font-size:32px; padding:24px 16px; text-align:center; color:#485164; line-height:1em; box-sizing:border-box; border:solid 1px #e5e5e5; border-top:0; vertical-align:middle;}
table.price td:lang(en){font-size: 28px;}
table.price td:lang(jp){font-size: 24px;}
table.price th.col01{width:180px; border-right:solid 1px #fff;}
table.price th.col02{border-right:solid 1px #fff;}
table.price th.col03{width:328px;}
table.price th.col03:lang(jp){width:280px;}
table.price td.col01{border-left:0;}
table.price td.col02:lang(jp){font-size:16px;}
table.price td.col03{border-right:0;}
table.price td.col03:lang(jp){border-right:0;font-size:25px;}
span.add-event{display:block; font-size:16px;}
span.add-event strong{font-weight:400; color:#ff8632;}

table.price td.price{ font-size:32px; font-weight:500; letter-spacing:-0.05em; color:#ff8632;}
table.price td.price span{font-family:Gothic; font-size:16px; color:#485164; font-weight:normal; text-decoration:line-through; letter-spacing:0;}
table.price td.price small{font-family:Gothic; font-size:16px; font-weight:normal; color:#485164; letter-spacing:0;}

.price-info{font-size:14px; color:#485164; padding:8px; padding-bottom:0; padding-left:20px; font-family:Gothic;}
.price-info:before{content:''; position:absolute; width:4px; height:4px; top:14px; left:8px; border-radius:2px; background-color:#2a969d;}
.price-info strong{color:#2a969d;}

/*무료체험신청 회원가입*/
.join-header{width:100%;}
.join-header .inner{display: flex;}
.join-header .inner img{width: 40%; object-fit: contain;}
.join-header .inner-wrap{width:60%; padding-top: 30px;}
.join-content-01-wrap{width:100%;}
.join-content-01-wrap h4{padding-bottom:16px;}
.join-content-01-wrap textarea{width:100%; height:240px; padding:16px; resize:none; box-sizing:border-box; border:solid 1px #e5e5e5;}
.agree-input{width:100%; padding:4px 8px; margin-bottom:24px;}
.agree-btn {text-align:center;}
.agree-btn button{min-width:96px; padding:8px 24px; margin:0px 4px; border-radius:20px;}
.agree-btn button.next{background-color:#2a969d; color:#fff;}
.agree-btn button.cancel{background-color:#485164; color:#fff;}

.join-form-inner{width:100%;}
.join-caption{width:100%; padding:8px 16px; color:#fff; font-weight:500; background-color:#485164;}
.join-form-row{width:100%; border-bottom:solid 1px #e5e5e5; display:table;}

.join-form-row .label{width:15%; display:table-cell; vertical-align:middle; text-align:center; font-weight:500; color:#2a969d; background-color:#fafafa; padding:8px 0px;}
.join-form-row .label span{color:#ff0000;}
.join-form-row .join-input{display:table-cell; vertical-align:middle; padding:8px; background-color:#fff;}
.join-form-row.col-02 .join-input {width:35%;}

input.input-nor{width:100%; max-width:420px; font-size:14px; padding:8px; box-sizing:border-box; border:solid 1px #cccccc; margin:0px;}

.join-form-row input:focus{border-color:#2a969d;}
.join-form-row span{font-size:13px; line-height:1.2em; color:#666; padding-top:8px; display:block;}

.join-form-row input#urlBox{border:0; font-weight:bold; color:#2a969d; padding-left:0; font-size:16px; background:none;}
.join-form-row input#email1, .join-form-row input#email2{width:160px; font-size:14px; padding:8px; box-sizing:border-box; border:solid 1px #cccccc; margin:0px;}
.join-form-row select{width:160px; font-size:12px; padding:8px; border:solid 1px #cccccc; margin:0px; box-sizing:border-box; font-family:Gothic;}
.btn-join-form{font-size:14px; font-family:Gothic; padding:8px 16px; font-weight:normal; border-radius:4px; margin:0px 2px;}
.btn-join-form.green{background-color:#2a969d; color:#fff;}
.btn-join-form.gray{background-color:#ccc; color:#fff;}
.join-form-row input.in_call{width:28%; max-width:120px;}
.join-form-btn{width:100%; text-align:center; padding:8px;}

.join-done-img{margin-bottom:24px;}
.join-done-content-01{width:100%; padding:48px;}
table.join-done-info{width:100%; box-sizing:border-box; border-collapse:collapse; font-family:Gothic;}
table.join-done-info th{padding:16px; text-align:center; background-color:#2a969d; vertical-align:middle; border-right:solid 1px #fff; color:#fff;}
table.join-done-info td{padding:16px; text-align:center; vertical-align:middle; border:solid 1px #cbcaca; border-top:0;}
.join-done-info-text{width:100%; padding:24px; background-color:#fafafa; font-size:14px; line-height:1.5em; margin-top:16px;}
.join-done-info-text span{font-weight:bold; color:#2a969d;}
.join-done-info-text strong{color:#ff0000; text-decoration:underline;}
.join-done-info-text a{text-decoration:underline; color:#2a969d;}
.join-done-info-btn{width:100%; padding:24px; text-align:center;}
.join-done-info-btn button{padding:16px; border-radius:28px;}

/*유료신청*/
.buy-content-01-wrap{width:100%; padding-top:24px;}
.buy-content-01-container{
	float:left; width:100%; height:256px; background-color:#fafafa; padding:32px; margin-bottom:26px;
	background-repeat:no-repeat; background-size:auto 100%; background-position:100% center;
}
.buy-content-01-container.c01{background-image:url('../image/bg-buy-content-01-01.png');}
.buy-content-01-container.c01:lang(en){background-image:url('../image/bg-buy-content-01-01-en.png');}
.buy-content-01-container.c01:lang(jp){background-image:url('../image/bg-buy-content-01-01-jp.png');}
.buy-content-01-container.c02{background-image:url('../image/bg-buy-content-01-02.png');}
.buy-content-01-container.c02:lang(en){background-image:url('../image/bg-buy-content-01-02-en.png');}
.buy-content-01-container.c02:lang(jp){background-image:url('../image/bg-buy-content-01-02-jp.png');}
.buy-content-01-container.c02:lang(kr){background-image:url('../image/bg-buy-content-01-02-kr.png');}
.buy-content-01-container.c02{background-image:url('../image/bg-buy-content-01-02-jp.png');}
.buy-content-01-container.c03{background-image:url('../image/bg-buy-content-01-03.png');}
.buy-content-01-container.c04{background-image:url('../image/bg-buy-content-01-04.png');}

.buy-content-01-title{font-size:32px; color:#485164; font-weight:400; line-height:1em; padding-bottom:16px;}
.buy-content-01-title span{color:#2a969d; font-weight:500;}
.buy-content-01-detail{font-size:16px; color:#485164; line-height:1.5em;}
.buy-content-01-detail strong{font-weight:500; color:#2a969d;}
a.buy-content-01-a{margin-top:24px;}
.btn-buy-content-01{width:160px; height:40px; line-height:40px; background-color:#2a969d; border-radius:4px; text-align:center; color:#fff; font-size:16px;}


/*공지사항*/
div.title.notice{background-image:url('../image/icon-notice-search.png'); background-repeat:no-repeat; background-size:auto 64px; background-position:right 0px;}
.notice-content-01-wrap{width:100%; padding:24px; background-color:#fafafa; border:solid 1px #f2f2f2;}
.notice-content-01-container{width:100%; text-align:right;}
input.search{box-sizing:border-box; width:240px; height:32px; border:solid 1px #cccccc; padding:8px;}
button.btn-notice-search{height:32px; padding:0px 24px; line-height:32px; font-family:Gothic; font-size:16px; background-color:#2a969d; color:#fff; vertical-align:-1px;}
section.content.notice-search{padding-bottom:24px;}

table.notice_list{width:100%; border-collapse:collapse; box-sizing:border-box; font-family:Gothic;}
table.notice_list th{text-align:center; vertical-align:middle; background-color:#f7f7f7; padding:16px; border-top:solid 2px #2a969d;}
table.notice_list td{text-align:center; font-size:16px; color:#666666; padding:16px; border-bottom:solid 1px #f2f2f2;}
table.notice_list td.td2{text-align:left;}
table.notice_list td.td2 a:hover{color:#2a969d; text-decoration:underline;}
div.page{width:100%; padding:16px; text-align:center; font-size:16px; margin-top:24px;}
div.page span{padding:12px 16px; border:solid 1px #f2f2f2;}
div.page span b{color:#2a969d;}

table.notice_view{width:100%; border-collapse:collapse; box-sizing:border-box; font-family:Gothic;}
table.notice_view th{text-align:left; vertical-align:middle; background-color:#f7f7f7; padding:16px; border-top:solid 2px #2a969d;}
table.notice_view thead td{width:50%; font-size:16px; color:#666666; padding:16px; border-bottom:solid 1px #f2f2f2;}
table.notice_view thead td.td1{text-align:left;}
table.notice_view thead td.td2{text-align:right;}
table.notice_view td{text-align:left; padding:16px; border-bottom:solid 1px #f2f2f2;}
.btnlist{width:100%; text-align:right; padding:16px;}
button.btn-list{font-size:16px; font-family:Gothic; background-color:#485164; color:#fff; padding:8px 24px; border-radius:20px;}
.tbody-display-block{display:none;}

/*이벤트*/
.event-content-01-wrap{width:100%;}
.event-content-01-container{width:100%; padding:24px; border-bottom:solid 1px #f2f2f2;}
.event-content-01-img, .event-content-01-text{float:left; width:50%;}
.event-content-01-text{padding:24px;}
.event-content-01-text dl{width:100%;}
.event-content-01-text dt{ font-size:20px; font-weight:500; color:#485164; padding-bottom:8px;}
.event-content-01-text dd{line-height:1.5em; color:#666666;}

.event-view-wrap{width:100%; padding:24px; border-bottom:solid 1px #f2f2f2;}
.event-view-container{width:100%;}
.event-view-container img{margin:24px 0px;}

/*다운로드*/
.download-content-01-wrap{width:100%;}
table.download{width:100%; border-collapse:collapse; margin:0; padding:0; box-sizing:border-box;}
table.download th{ font-size:18px; font-weight:500; color:#fff; text-align:center; padding:16px; background-color:#2a969d; box-sizing:border-box; vertical-align:middle; border-right:solid 1px #fff;}
table.download th.last{border-right:0;}
table.download td{padding:16px; border-bottom:solid 1px #f2f2f2; font-size:16px; text-align:center; vertical-align:middle;}
table.download td.cate{color:#999;}
table.download td.subject{font-weight:500;}
.btn-download{padding:8px 16px; color:#fff; border-radius:4px; font-size:18px;}
.btn-download.exe{background-color:#165c7d;}
.btn-download.doc{background-color:#165c7d;}
.btn-download.pdf{background-color:#165c7d;}

/*faq*/
.faq-header-wrap{width:100%; border-bottom:solid 1px #2a969d;}
.faq-header{
	float:left; width:calc(20% - 4px); max-width:120px; border:solid 1px #f2f2f2; border-bottom:0; margin-right:4px; cursor:pointer;
	 font-size:18px; font-weight:400; padding:8px 0px; text-align:center; color:#808080; background-color:#fafafa;
}
.faq-header.current{border-color:#2a969d; color:#000; font-weight:500; background-color:#fff; cursor:default;}
.faq-header.current:before{content:''; position:absolute; width:100%; height:2px; background-color:#fff; top:100%; left:0; z-index:3;}
.faq-content-wrap{width:100%; padding:24px; border-bottom:solid 1px #2a969d;}
.faq-content{width:100%; border-bottom:solid 1px #f2f2f2;}

.faq-content-q{width:100%; padding:16px; padding-left:56px; cursor:pointer; font-family:Gothic;}
.faq-content-q.on{font-size:18px; font-weight:bold;}
.faq-content-a{display:none; width:100%; padding:16px; padding-left:56px; line-height:1.8em; font-family:Gothic;}
.faq-content-a.on{display:block;}
.faq-num{position:absolute; width:32px; height:32px; top:16px; left:0; text-align:center; font-size:1rem; font-weight:normal;}
.faq-arrow{
	position:absolute; width:32px; height:32px; top:16px; right:0px;
	background-image:url('../image/faq-arrow-dn.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
}
.faq-content-q.on .faq-arrow{background-image:url('../image/faq-arrow-up.png');}
.faq-content-a a{color:#2a969d; text-decoration:underline;}
.faq-content-a span{color:#2a969d;}

.faq-content.none{display:none;}
.faq-content.none > faq-content-q{text-align:center; padding-left:16px;}

/*문의하기*/
section.page-header.qna{padding-bottom:24px;}
.qna-content-wrap{width:100%; padding:24px;}
table.info_list{width:100%; border-collapse:collapse; box-sizing:border-box; font-family:Gothic;}
table.info_list caption{padding:16px; text-align:left; color:#fff; background-color:#485164;}
table.info_list td{border-bottom:solid 1px #f2f2f2; padding:16px;}
table.info_list td.td1{text-align:center; font-weight:bold; background-color:#fafafa;}
table.info_list td.td2{text-align:left;}
table.info_list td.td2 input{width:100%; box-sizing:border-box; font-size:16px; padding:8px; border:solid 1px #999;}
table.info_list td.td2 input:focus{border-color:#2a969d;}
table.info_list td.td2 textarea{width:100%; height:300px; box-sizing:border-box; font-size:16px; padding:16px; resize:none; border:solid 1px #999;}
table.info_list td.td2 textarea:focus{border-color:#2a969d;}
.qna-content-wrap .agree{width:100%; background-color:#fafafa; border:solid 1px #f2f2f2; padding:16px; font-size:14px; margin:16px 0px; font-family:Gothic;}
.qna-content-wrap .agree p{color:#000;}
.btn-send-wrap{width:100%; text-align:center; padding:24px;}
button.btn-send{padding:8px 24px; border-radius:20px; background-color:#2a969d; color:#fff;}

/*회사소개*/
.service-content-01-wrap{width:100%; padding-top:24px;}
.service-content-01-container{width:100%; padding-left:48px; padding-bottom:24px;}
.service-content-title{font-weight:bold; background-color:#fafafa; padding:16px;}
.service-content-01-container p{padding:8px; color:#666666; font-size:14px;}
.service-content-01-container p br{line-height:2em;}
.privacy-summary{width:calc(100% - 48px);margin-left:48px;  padding:16px; background-color:#fafafa; margin-bottom:24px; font-size:14px; line-height:2em;}



/*모바일*/
.btn-mobile-menu{
	display:none; position:absolute; width:48px; height:48px; top:3px; left:-16px; cursor:pointer;
	background-image:url('/image/btn-mobile-menu.png'); background-repeat:no-repeat; background-size:48px 48px; background-position:center center;
}
.btn-mobile-menu.off{background-image:url('/image/btn-mobile-menu-close.png');}

.btn-mobile-kakao{
	display:none; position:absolute; width:48px; height:48px; top:3px; right:-8px; cursor:pointer;
	background-image:url('/image/btn-mobile-kakao.png'); background-repeat:no-repeat; background-size:48px 48px; background-position:center center;
}

.btn-mobile-top-info{
	display:none; position:absolute; width:43px; height:43px; top:0; right:0; cursor:pointer;
	background-image:url('/image/btn-mobile-top-info.png'); background-repeat:no-repeat; background-size:43px 43px; background-position:center center;
}
.btn-mobile-top-info.off{background-image:url('/image/btn-mobile-top-info-off.png');}

@media (max-width: 1320px){
	.simple-content-02-header-wrap{padding:16px;}
	.simple-content-02-wrap{padding:0px;}
	.simple-content-02-container{width:calc(20% - 16px); margin:8px; height:250px;}
	.simple-content-02-container.c01:after, .simple-content-02-container.c02:after{right:0px; transform:translate(78%, -50%);}
	.simple-content-02-container.c03:after{right:0; transform:translate(78%, -34%);}
	.simple-content-02-container.c09:after{right:0; transform:translate(78%, 34%);}
	.simple-content-02-header-wrap dt{font-size:18px;}
	.simple-content-02-header-wrap dd{font-size:14px;}
}
@media (max-width: 1280px){
	.main-section-01-item p{font-size:14px;}
	.main-section-01-item p:lang(jp){font-size:11px;}
	.effect-content-00-li{font-size:18px;}
}
@media (max-width: 1200px){
	.main-section-01-item p{font-size:12px;}
	.main-section-01-item p:lang(jp){font-size:11px;}
	.effect-content-01-dl dt{font-size:18px;}
}
@media (max-width: 1140px){
	.helpu-content-02-text br{display:none;}
	.info-content-01-p br{display:none;}
	.buy-content-01-container{background-position:130% center;}
}
@media (max-width: 1080px){
	header{height:calc(55px + 43px);}

	nav{text-align:center;}
	.btn-mobile-menu{display:block;}
	.btn-mobile-kakao{display:block;}
	.logo{display:none;}
	.logo-mobile{top:12px; left:50%; margin-left:-57.5px; display:block;}
	ul.menu{position:absolute; width:calc(100% + 32px); height:0px; top:55px; left:-16px; padding:0; background-color:#fff; z-index:10; overflow:hidden; transition:all 0.2s;}
	ul.menu.on{height:320px; padding:16px 0px;}
	li.main-menu{width:100%; display:block;}
	li.main-menu > a{width:100%; padding:0; line-height:48px; font-size:16px;}
	ul.sub{width:0; height:0; overflow:hidden; border:0; padding:0;}
	li.main-menu.free-trial:before{display:none;}
	
	section.main-banner-wrap{height:460px;}
	
	.main-section-04-content .reference-content-01-wrap{padding:20px 0px;}

	section.page-header{padding:40px 0px 32px 0px;}
	section.content{padding-bottom:40px;}

	.helpu-content-01-container.c01,
	.helpu-content-01-container.c02,
	.helpu-content-01-container.c03,
	.helpu-content-01-container.c04,
	.helpu-content-01-container.c05,
	.helpu-content-01-container.c06	{width:48%; margin:1%;}
	.helpu-content-03-container.c02{margin:0px 16px;}
	.helpu-content-02-container.c02{margin:0px 16px;}
	.helpu-content-03-container{width:calc(33.33333333333% - 10.666666666667px);}
	.helpu-content-02-container{width:calc(33.33333333333% - 10.666666666667px);}
	.helpu-content-03-text{font-size:12px;}

	section.content.info-03{padding-top:40px;}

	.info-content-01-img{width:256px;}
	.info-content-01-container{width:calc(100% - 256px);}
	.info-content-01-02-left, .info-content-01-02-right{padding:24px;}

	.info-content-02-container{width:calc(50% - 16px); margin:8px;}
	.info-content-03-container{width:calc(50% - 32px);}

	.effect-content-00-right{float:none; position:absolute; top:0; right:0; z-index:1; background-size:auto 100%; background-position:0px center;}
	.effect-content-00-left{width:100%; z-index:2;}
	.effect-content-01-container{height:310px;}
	.effect-content-01-dl dd{font-size:12px;}

	.simple-content-01-container{height:auto; padding-bottom:24px;}
	.simple-content-01-container dt{font-size:24px;}
	.simple-content-01-container dd{font-size:16px; line-height:1.2em;}

	.simple-content-01-container dt:lang(en){font-size: 28px;}
	.simple-content-01-container dd:lang(en){font-size: 18px; line-height: 20px;}

	.more-content-wrap{padding:24px 0px;}
	.more-content-img-wrap{width:50%; height:auto;}
	.more-content-text-wrap{width:50%; height:auto;}

	table.price th{font-size:18px; padding:16px; height:auto;}
	table.price th:lang(en){font-size: 22px;}
	table.price th:lang(jp){font-size: 22px;}
	table.price th.col01{width:auto;}
	table.price th.col03{width:auto;}
	table.price td{font-size:16px; padding:16px; height:auto; line-height:1.2em;}
	table.price td:lang(en){font-size: 28px;}
	table.price td:lang(jp){font-size: 24px;}
	table.price td.price{font-size:24px;}

	.footer-link{padding:32px 0;}
	.footer-link-item h3{font-size:16px; padding-bottom:8px;}
	.footer-link-item h3:lang(jp){font-size:14px; padding-bottom:8px;}
	.footer-link-sub-text{font-size:12px;}

	.footer-trial{padding:32px 0px;}
}

@media (max-width: 1024px){
	.simple-content-02-header-wrap{padding:0;}
	.simple-content-02-header-wrap dt{border-radius:4px; float:none; margin-bottom:4px;}
	.simple-content-02-header-wrap dd{float:none; width:100%; height:auto; border-radius:4px; line-height:1.5em; padding:16px;}
	.simple-content-02-container.c01:after, .simple-content-02-container.c02:after{display:none;}
	.simple-content-02-container.c03:after{display:none;}
	.simple-content-02-container.c09:after{display:none;}
	.simple-content-02-container.blank{display:none;}
	.simple-content-02-container{width:calc(33.33333333333% - 16px);}
	.simple-content-02-container.c09.customer{display:none;}
	.simple-content-02-container.c09.customer.mobile{display:block;}
	.buy-content-01-title{font-size:24px;}
	.buy-content-01-detail{font-size:14px;}
}
@media (max-width: 960px){
	.main-banner-text-wrap h1{font-size:48px; padding:0px 16px 24px 16px;}
	.main-section-01-content .col-3{width:50%;}

	section.main-content{padding:40px 0px;}

	.info-content-01-container{height:auto;}
	.info-content-01-01-left{width:100%; height:auto; padding-bottom:24px; text-align:center;}
	.info-content-01-01-right{display:none;}

	.info-content-01-02-left, .info-content-01-02-right{width:100%; height:auto; }
	.img-info-content-01-02{position:relative; bottom:auto; left:auto; transform:none; margin:0 auto; margin-top:24px;}

	.effect-content-01-container{width:calc(50% - 16px); margin:8px; height:auto; padding-bottom:16px;}

	.simple-content-01-container{width:calc(33.33333333333% - 16px); margin:0px 8px;}
	.simple-content-01-container.c01:before, .simple-content-01-container.c02:before{display:none;}

	.more-tab-container{margin-bottom:24px;}
	.more-content-text-wrap{padding:16px;}
	.more-content-text-wrap dt{font-size:20px;}

	.more-content-android-wrap{padding:16px;}
	.more-content-android-container{width:calc(50% - 16px); margin:8px;}

	.title-button.url-sample{display:none;}
	.urlsample-content-03-container{overflow-x:auto; padding:16px 0px;}
	table.urlsample-content-03{min-width:670px;}

	.btn-mobile-top-info{display:block;}
	.top-info ul {position:absolute; width:100%; height:0; top:43px; left:0; z-index:11; overflow:hidden; transition:height 0.2s;}
	.top-info ul li{display:block; width:100%; background-color:#485164; border:0; border-top:solid 1px #363d44; text-align:center;}
	.top-info ul.on{height:auto;}

	.buy-content-01-container{background-position:145% center;}

	.join-form-row .label{display:block; width:100%;}
	.join-form-row .join-input{display:block; width:100%; text-align:center;}
	.join-form-row.col-02 .join-input{display:block; width:100%; text-align:center;}
	input.input-nor{max-width:100%;}

}

@media (max-width: 900px){
	.buy-content-01-container.c01{background-image:none;}
	.buy-content-01-container.c02{background-image:none;}
	.buy-content-01-container.c03{background-image:none;}
	.buy-content-01-container.c04{background-image:none;}
	.buy-content-01-container{width:calc(50% - 16px); margin:8px; text-align:center;}
	.buy-content-01-detail br{display:none;}
}

@media (max-width: 840px){
	.simple-content-01-icon{width:48px; height:48px;}
	.simple-content-01-img{width:64px;}
	.simple-content-01-container a{display:block; margin:4px 0px; width:100%; padding:0px 16px; box-sizing:border-box;}
	.btn-simple-content-01{width:100%; margin:0;}
	.main-section-02-item.popular:before{top:-20px; right:-24px;}
}

@media (max-width: 800px){
	.bottom-link{height:92px; bottom:-92px;}
	.bottom-link-left{float:none; width:100%; height:auto; line-height:1em; padding:16px 0px 8px 0px; text-align:center; font-size:14px;}
	.bottom-link-right{float:none; width:100%; height:48px; text-align:center;}
	.bottom-link-right a{width:calc(50% - 12px);}
	.btn-bottom-link{font-size:14px; width:100%; text-align:center;}

	.effect-content-00-right{display:none;}
	.effect-content-00-left{height:auto; padding:24px 0px;}
	.effect-content-00-li.li03{margin-bottom:0;}

	.buy-content-01-container{padding:24px;}
}

@media (max-width: 720px){

	.main-content-sc-02{padding:24px 0px;}
	.main-section-02-content{height:auto; padding-bottom:24px;}
	.main-section-02-item{position:relative; top:auto; left:auto; margin-left:0; width:100%; height:auto;}
	.main-section-02-item.popular{width:100%; height:auto; top:auto; margin-right:0; padding-top:80px;}

	.reference-content-01-container{width:calc(33.33333333333% - 8px); margin:4px;}



	section.page-header{padding:20px 0px 16px 0px;}

	.helpu-content-01-container.c01, .helpu-content-01-container.c02, .helpu-content-01-container.c03, .helpu-content-01-container.c04, .helpu-content-01-container.c05, .helpu-content-01-container.c06
	{width:100%; margin:8px 0px;}
	.helpu-content-02-container{width:100%; height:auto; margin:8px 0px;}
	.helpu-content-03-container, .helpu-content-03-container.c02{width:100%; margin:8px 0px;}
	.helpu-content-02-img{position:relative; bottom:auto; left:auto;}
	.helpu-content-02-container.c02{margin:8px 0px;}
	.helpu-content-02-text{padding-bottom:24px;}

	.info-content-02-container{width:calc(100% - 16px); margin:8px;}
	.info-content-03-container{width:100%; margin:8px 0px;}

	.info-content-01-img{display:none;}
	.info-content-01-container{width:100%;}



	.more-tab{font-size:14px; height:auto; line-height:1em; padding:16px;}

	.buy-content-01-container{width:100%; height:auto; margin:16px 0px;}

	.service-content-01-container{padding-left:0px;}
	.privacy-summary{width:100%; margin-left:0px; }

	.urlsample-content-01-wrap dl{float:none; width:100%; padding:16px;}
	.urlsample-content-02-container{float:none; width:100%; margin:8px 0px;}

	.footer-link-item a{width:100%; display:block;}
	.footer-link-item button{width:100%;}

	.join-form-row .join-input{margin-bottom:16px;}
	.btn-join-form{display:block; width:100%; text-align:center; margin:4px 0px;}
	.join-form-row select{width:100%; display:block; margin:4px 0px;}
	.join-form-row input#email1, .join-form-row input#email2{width:45%;}
	.join-form-row input.in_call{width:100%; max-width:100%;}
	.main-banner-text-wrap.text-01 h1:lang(jp){font-size:30px;}
	.main-banner-text-wrap.text-02 h1:lang(jp){font-size:30px;}
}

@media (max-width: 640px){
	aside{display:none;}
	section.main-content a{width:100%;}
	button.btn-main{width:100%; text-align:center; margin:4px 0px;}

	.main-banner-text-wrap{transform:translateY(-50%);}

	h2.main-content-h2 span.paragraph{font-size:16px; line-height:1.2em;}
	.main-section-01-item p{font-size:14px;}
	.main-section-01-item p:lang(jp){font-size:12px;}

	.more-content-android-container{width:calc(100%); margin:8px 0px;}

	.footer-link{padding:4px 0px;}
	.footer-link .col-3{float:none; width:50%;}
	.footer-link-sub-text{min-height:auto; padding-bottom:4px;}
	.footer-link-sub-text:lang(en){min-height: 50px;}
	.footer-link-sub-text:lang(jp){min-height: 50px;}
	.footer-link-item.mid{border-top:solid 1px; border-bottom:solid 1px; border-left:0; border-right:0; border-color:#bbb;}
	.footer-link-item a{width:auto; display:inline-block;}
	.footer-link-item button{width:180px;}

	.footer-trial{padding:16px 0;}
	.footer-trial h3{font-size:18px; padding-bottom:16px;}
	.footer-trial-input-wrap{width:100%;}
	.footer-trial-sub-text{font-size:14px; padding-top:16px;}
	.footer-bottom-left, .footer-bottom-right{float:none; text-align:center;}



	.main-section-01-content .col-3{float:none; width:100%; padding-bottom:24px;}
	.main-section-01-item{padding:0; min-height:auto;}

	.sub-location{height:auto;}
	.location-wrap{height:auto;}
	.location-home{display:none;}
	.location-arrow{display:none;}
	.location-sub{float:none; width:100%; height:48px; line-height:48px; margin-top:0;}
	.btn-location-sub{top:8px;}
	.location-sub-ul{top:48px;}

	.title{height:auto;}
	.title-button{display:none;}
	h1.sub-title{font-size:32px; line-height:1.5em;}

	.effect-content-00-li{line-height:1.5em; height:auto; min-height:64px;}
	.effect-content-00-li br{display:none;}
	.effect-content-01-container{width:calc(100% - 16px); margin:8px;}

	.simple-content-01-container{width:100%; margin:8px 0px;}
	.simple-content-02-container{width:100%; height:auto; margin:8px 0px; padding-bottom:24px;}

	.more-content-wrap{padding:16px 0px;}
	.more-content-img-wrap{float:none; width:100%; padding:16px;}
	.more-content-text-wrap{float:none; width:100%;}
	.more-content-android-text-container{float:none; width:100%; padding:0;}

	.price-content-02-container{padding:0px;}
	.price-content-03-container{padding:0px;}

	.join-form-inner{margin:0px;}
	.join-form-row input#urlBox{max-width:50%;}
	.join-form-row input#email1, .join-form-row input#email2, .join-form-row input.in_call{width:100%; display:block;}
	.join-form-row select{width:100%; margin-bottom:8px;}

	.join-done-content-01{padding:0;}

	.notice-content-01-wrap{padding:8px;}
	.notice-content-01-container{text-align:center;}

	table.notice_list tr th:nth-child(1), table.notice_list tr th:nth-child(3){display:none;}
	table.notice_list tr td:nth-child(1), table.notice_list tr td:nth-child(3){display:none;}
	table.notice_list th{font-size:12px; padding:8px;}
	table.notice_list td{font-size:12px; padding:8px;}

	table.notice_view th{font-size:12px; padding:8px;}
	table.notice_view thead td{font-size:12px; padding:8px;}
	table.notice_view td{font-size:12px; padding:8px;}

	table.download tr th:nth-child(1), table.download tr th:nth-child(3){display:none;}
	table.download tr td:nth-child(1), table.download tr td:nth-child(3){display:none;}

	.faq-content-wrap{padding:0px;}
	.faq-header{font-size:14px;min-width:0px; padding:8px;}
	.faq-content{font-size:12px;}
	.faq-content-q.on{font-size:12px;}
	.faq-content-q{padding-left:32px; padding-right:32px;}
	.faq-content-a{padding-left:32px;}

	.event-content-01-container{padding:0px;}
	.event-content-01-img, .event-content-01-text{float:none; width:100%;}
	.event-content-01-text{padding:16px;}
	.event-content-01-text dt{font-size:16px;}
	.event-content-01-text dd{font-size:14px;}
	.event-view-wrap{padding:0;}
	.event-view-container{font-size:14px;}
	.event-view-container img{margin:16px 0;}

	.qna-content-wrap{padding:0;}
	table.info_list{font-size:14px;}
	table.info_list td{font-size:14px; padding:8px;}
	.qna-content-wrap .agree{padding:8px; margin:8px 0;}
	.main-banner-text-wrap.text-01 h1:lang(jp){font-size:28px;}
	.main-banner-text-wrap.text-02 h1:lang(jp){font-size:28px;}
}

@media (max-width: 460px){
	.bottom-link .inner{padding:0px 4px;}
	.bottom-link-left{font-size:12px;}
	.btn-bottom-link{font-size:12px; padding:0px;}
	.bottom-link-left span{display:none;}
	.footer-trial-input input, .footer-trial-btn button{font-size:12px;}

}

@media (max-width: 400px){
	.bottom-link .inner{padding:0px 4px;}
	.bottom-link-left{font-size:8px;}
	.btn-bottom-link{font-size:8px; padding:0px;}
	.bottom-link-left span{display:none;}
	.footer-trial-input input, .footer-trial-btn button{font-size:12px;}

}

/*190215 update*/
.manager-box{position:fixed; width:240px; height:240px; right:4px; bottom:156px; background-color:#fff; border-radius:20px; overflow:hidden; box-shadow:0px 3px 3px rgba(0,0,0,0.3); z-index:90; font-family:Gothic;}
.manager-box:lang(en){height: 260px;}
.manager-box:lang(jp){height: 260px;}
.manager-box.on{display:block;}
.manager-box.off{display:none;}
.mgb-header{width:100%; height:40px; background-color:#2a969d; color:#fff; font-size:16px; line-height:40px; padding-left:20px;}
.mgb-header small{font-family:Gothic; font-size:12px;}
.btn-mgb-close{position:absolute; width:24px; height:24px; top:8px; right:8px;}
.btn-mgb-close a{display:block; width:100%; height:100%; background-image:url('/image/btn-mgb-close.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center; overflow:hidden; text-indent:-999px;}
.mgb-content{width:100%; padding:16px;}
.mgb-content ul{width:100%; display:block; padding-bottom:14px;}
.mgb-content ul:lang(en){padding-bottom: 30px;}
.mgb-content ul:lang(jp){padding-bottom: 30px;}
.mgb-content li{display:block; width:100%; font-size:14px; color:#485164; height:24px; line-height:24px; padding-left:10px;}
.mgb-content li:before{content:''; position:absolute; width:6px; height:6px; top:50%; left:0px; margin-top:-3px; border-radius:3px; background-color:#2a969d;}
.mgb-content li strong{font-weight:500; color:#2a969d;}
.btn-mgb-buy{position:absolute; width:64px; height:24px; top:0px; right:0px; border-radius:12px; background-color:#485164;}
.btn-mgb-buy:lang(en){top:24px;}
.btn-mgb-buy:lang(jp){top:24px;}
.btn-mgb-buy a{display:block; width:100%; height:100%; line-height:24px; font-family:Gothic; font-size:12px; color:#fff; text-align:center;}
a.btn-mgb-logout{font-family:Gothic; display:block; width:100%; height:40px; line-height:40px; font-size:16px; color:#999; text-align:center; border-radius:8px; border:solid 1px #ccc; margin-bottom:4px;}
a.btn-mgb-asp{font-family:Gothic; display:block; width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; border-radius:8px; background-color:#485164;}

.btn-manager-float{
	position:fixed; width:240px; height:40px; bottom:108px; right:4px; border-radius:20px; overflow:hidden; box-shadow:0px 3px 3px rgba(0,0,0,0.3); z-index:90; background-color:#2a969d;
	background-image:url('/image/bg-btn-manager-float-active.png'); background-size:240px 40px;
	background-repeat:no-repeat; background-position:0px center; transition:all 0.3s; cursor:pointer;
}
.btn-manager-float:lang(en){background-image: url('/image/bg-btn-manager-float-active-en.png');}
.btn-manager-float:lang(jp){background-image: url('/image/bg-btn-manager-float-active-jp.png');}
.btn-manager-float.off{width:40px; background-image:url('bg-btn-manager-float-active.png'); background-size:40px 40px;}
.btn-manager-float.off:lang(en){width:40px; background-image:url('bg-btn-manager-float-active-en.png'); background-size:40px 40px;}
.btn-manager-float.off:lang(jp){width:40px; background-image:url('bg-btn-manager-float-active-jp.png'); background-size:40px 40px;}

/*200615 update nbh*/
.exe_popup{
	width: 500px;
	height: auto;
	background: #fff;
	border-radius: .3rem;
	border: 1px solid rgba(0,0,0,.2);
	position: fixed;
	-webkit-transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	display: none;
}
.exe_header{
	display: flex;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #dee2e6;
}
.exe_header h5{
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 1.25rem;
	font-weight: 400;
}
.exe_header .close{
	cursor: pointer;
	border: none;
	background: none;
	font-size: 1.5rem;
	font-weight: 400;
	opacity: .5;
	text-shadow: 0 1px 0 #fff;
}
.exe_header .close:hover{
	opacity: .2;
}
.exe_body{
	color: #343a40!important;
	padding: 1rem 1.5rem;
	line-height: 1.5;
}
.exe_footer{
	padding: 1rem;
	border-top: 1px solid #dee2e6;
}
.exe_footer .btn{
	display: flex;
	justify-content: flex-end;
}
.exe_footer .btn button{
	margin-right: 10px;
	cursor: pointer;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
	padding: .25rem .5rem;
}
.exe_footer .btn button:first-child{
	border: 1.5px solid #2a969d;
	background: #fff;
	color: #2a969d;
	font-weight: 700;
}
.exe_footer .btn button:first-child:hover{
	border: 1.5px solid #1f757b;
	background: #fff;
	color: #1f757b;
	font-weight: 700;
}
.exe_footer .btn button:last-child{
	border: none;
	background: #2a969d;
	color: #fff;
}
.exe_footer .btn button:last-child:hover{
	border: none;
	background: #1f757b;
	color: #fff;
}

/*190717 update*/
.reference-content-00-wrap{width:100%; background-image:url('../image/bg-reference-content-00.png'); background-repeat:no-repeat; background-size:cover; background-position:center center; margin-bottom:48px;}
.reference-content-00-container{position:relative; width:100%; height:288px;}
.reference-content-00-content{position:absolute; width:100%; top:50%; left:0; transform:translate(0, -50%); text-align:center; font-size:48px; font-weight:300; line-height:1.2em; color:#000;}
.reference-content-00-content span{font-weight:400; color:#2a969d;}


/* 200228 update */
@media (max-width: 544px){.reference-content-00-content{font-size:30px;}}
/* mobile-menu */
ul.mobile-menu{display:inline-block;}
li.main-menu > p{line-height:55px; padding:0px 24px;  font-size:16px; font-weight:500; color:#586474;}
li.main-menu > p:hover{color:#2a969d;}
@media (min-width: 1081px){
	ul.mobile-menu{display:none;}
}
@media (max-width: 1080px){
	ul.mobile-menu{display:block; position:absolute; width:calc(100% + 32px); height:0px; top:55px; left:-16px; padding:0; background-color:#fff; z-index:10; overflow:hidden; transition:all 0.2s;}
	ul.mobile-menu.on{height:auto; padding:16px 0px;}
	ul.mobile-menu li.main-menu{width:100%; display:block;}
	ul.mobile-menu li.main-menu > p{width:100%; padding:0; line-height:48px; font-size:16px;}
	ul.mobile-menu ul.sub{width:0; height:0; overflow:hidden; border:0; padding:0; position:absolute; margin-bottom:0;}
	ul.mobile-menu ul.sub.on{width:100%; height:auto; border-top:1px solid #2a969d; border-bottom:1px solid #2a969d; position:relative; top:0; margin-bottom:10px;}
	ul.mobile-menu li.main-menu.free-trial:before{display:none;}
}