@charset "utf-8";

img {display: block;max-width: 100%; height: auto;}
.navbar-bg { background:#ebebeb; }
.notice-top { padding:6px 0; }
.notice-top a { font-family: 'Arita Dodum Medium'; color:#000; font-size:13px; letter-spacing:-0.5px; }
.notice-top a:hover { text-decoration:underline; }

.noo-text-block h3 { font-size:70px; letter-spacing:-3px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold';}
.noo-text-block h3 > span { color:#ff5b2f; font-family:'Arita Dodum Light' !important; font-weight:400; }
.noo-text-block > p.merit-tit-text { font-size:22px; letter-spacing:-1px; font-family:'Arita Dodum Medium';}
.noo-text-block > p > .merit-tit { font-size:28px; letter-spacing:-2px; font-weight:400; color:#000; font-family:'Arita Dodum SemiBold'; padding-left:30px;}
.noo-text-block > p > .merit-cont { font-size:16px; letter-spacing:-0.5px; font-weight:400; color:#333; font-family:'Arita Dodum Medium'; padding-left:36px; display:block; padding-top:10px; }

.merit-box { height:170px; }
.merit-box2 { height:80px; }

.app-tit { font-size:28px; letter-spacing:-1px; font-weight:400; font-family:'Arita Dodum Medium';}
.btn-app { display:block; text-align:center; width:252px; margin:0 auto; padding-top:4px; }
.btn-app a { width:252px; height:57px; background:url(../img/btn_app.png) no-repeat; display:block; }
.btn-app a:hover { background:url(../img/btn_app_over.png) no-repeat;}

.bg-beige {
  background-color: #fffaee;
}

.noo-page-visual {
	position:relative;
    background:#6dd9b4;
    padding:0 0 0 0;
    text-align:center;
	height:auto;
}

.main-vis1 { display:block; margin:0 auto; max-width:996px; }
.main-pc-img { display:block; margin:0 auto; max-width:959px; position:relative;z-index:1;}
.main-pc-btn { position:absolute; z-index:10; left:50%; margin-left:-95px; bottom:3px; max-width:189px; }
.w100pert { width:100%; }

.noo-page-tit {
	position:relative;
    background:url(../img/bottom-img.jpg) center center no-repeat;
    padding:40px 0 30px 0;
    text-align:center;
	height:auto;
	min-height:190px;
}
.noo-page-bottom {
	position:relative;
    background:url(../img/bottom-img.jpg) center center no-repeat;
    padding:60px 0 50px 0;
    text-align:center;
	height:auto;
	min-height:230px;
}
.widget_text { line-height:20px; }

.bg-pc {
    position:relative;
    background:url(../img/onetouch-pc-bg.jpg) center center no-repeat;
    background-size: cover;
    padding:50px 0 43px;
    text-align:left;
	min-height:1200px;
	height:auto;
}

.bg-app { 
	position:relative;
    background:#57c1c8;
    padding:50px 0 43px;
    text-align:center;
	height:auto;
}

.bg-free { 
	position:relative;
    background:#fff;
    padding:50px 0 43px;
    text-align:center;
	height:auto;
}

.bg-group {	
	position:relative;
    background:#ebebeb;
    padding:80px 0 0;
    text-align:center;
	height:auto;
}

.bg-tab { 
	position:relative;
    background:#fff;
    text-align:center;
	height:auto;
}

.intro_tit_box { }
.intro_tit_box h2 { font-size:45px; font-family:'Arita Dodum SemiBold'; letter-spacing:-2px;}
.intro_cont { font-size:18px; color:#ff8737; font-family:'Arita Dodum SemiBold'; letter-spacing:-1px; }

.str_title > li > span { font-weight:700; font-family:'Arita Dodum SemiBold'; background:url(../img/s_dot_circle2.jpg) 0 15px no-repeat; padding-left:7px; color:#000;}

.tabs-user li > a { font-size:16px; }

.page-sub-title { font-size:50px; }
.ca_t { display:inline-block; padding-bottom:6px; font-size:38px; border-bottom:2px solid #fff; font-family:'Arita Dodum Medium'; letter-spacing:-2px; vertical-align:top; color:#fff; padding-top:5px;}
.ca_c { font-family:'Arita Dodum Light'; font-size:50px; letter-spacing:-3px; color:#fff; }
.ca_c strong { font-family:'Arita Dodum SemiBold';}

.noo-text-cont { }
.noo-text-cont h3 { font-size:45px; letter-spacing:-3px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:40px; background:url(../img/s_tit_line.jpg) center top no-repeat; padding:25px 0 20px;}
.noo-text-cont p.merit-tit-text { font-size:27px; color:#333; letter-spacing:-2px; font-family:'Arita Dodum SemiBold'; line-height:32px; background:url(../img/s_dot.jpg) left 6px no-repeat; padding-left:23px;}
.noo-ins-cont { max-width:947px; margin:0 auto; }
.noo-ins-cont .ctext-tit { font-size:22px; font-family:'Arita Dodum SemiBold'; font-weight:700; letter-spacing:-1px; padding-left:23px; background:url(../img/s_dot.jpg) left 6px no-repeat; line-height:25px;  }

.text_red_underline { color:#ff3e3e; text-decoration:underline; }
.underline { text-decoration:underline; }
.dot_none { background:none !important; }
.img-cont-common { max-width:930px; margin:0 auto; }
.img-cont-common span { max-width:65px; margin:0 auto; display:block; padding-top:20px; }
.icc2 { max-width:600px !important; margin:0 auto;  }

.text-ins-list { padding:8px 0 15px 24px; }
.text-ins-list > li { list-style:none; background:none; }
.text-ins-list > li { background:url(../img/s_dot_circle.jpg) 0 8px no-repeat;  font-size:18px; letter-spacing:-1px; color:#333; padding-left:10px; padding-bottom:4px; line-height:20px;  }

.bottom-tit { font-size:36px; letter-spacing:-3px; font-weight:700; color:#fff; font-family:'Arita Dodum SemiBold'; line-height:40px; padding-top:20px;}
.bottom-text { font-size:26px; letter-spacing:-1px; font-weight:400; color:#fff; font-family:'Arita Dodum Medium'; display:block;}
.bottom-text > span { color:#00fcff; }

.noo-text-pc h3 { font-size:70px; letter-spacing:-3px; font-weight:700; color:#fff; font-family:'Arita Dodum SemiBold'; line-height:40px;}
.noo-text-pc h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400; }
.noo-text-pc > p.merit-tit-text { font-size:22px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:20px !important; color:#fff; padding-top:20px;}

.noo-img-app {margin:0 auto; max-width:999px; position:relative;z-index:1;}
.noo-text-app { position:absolute; left:50%; top:60px; z-index:10; margin-left:32px;  }
.noo-text-app h3 { font-size:70px; letter-spacing:-3px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:40px;}
.noo-text-app h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400; }
.noo-text-app > p.merit-tit-text { font-size:22px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:26px !important; color:#000; padding-top:20px;}
.noo-text-app > p.merit-tit-text span { font-size:16px; padding-top:10px; }
.main-app-btn { margin-top:30px; }
.noo-btn-app { position:absolute; left:50%; bottom:10px; z-index:10; margin-left:-95px;}

.noo-text-free h3 { font-size:70px; letter-spacing:-3px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:40px;}
.noo-text-free h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400;}
.noo-text-free > p.merit-tit-text { font-size:22px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:26px !important; color:#000; padding-top:20px;}
.noo-text-free > p.merit-tit-text span { text-decoration:underline; color:#0024ff; }
.noo-img-free { margin:0 auto; max-width:999px; position:relative;z-index:1; padding-top:15px;}
.noo-img-free .free-add-text { font-size:18px; color:#000; padding:15px 0; font-weight:700; font-family:'Arita Dodum SemiBold'; letter-spacing:-1px; }
.noo-img-free .free-add-text span { text-decoration:underline; }
.noo-btn-free { margin-top:20px; max-width:189px; margin:0 auto; }

.noo-text-group { }
.noo-text-group h3 { font-size:70px; letter-spacing:-3px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:40px;}
.noo-text-group h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400;}
.noo-text-group > p.group-tit-text { font-size:34px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:26px !important; color:#000; padding-top:20px;}
.noo-text-group > p.group-tit-text span { display:block; font-size:22px; padding-top:40px; }
.noo-btn-group { max-width:189px; margin:0 auto; }
.noo-img-group { max-width:999px; margin:0 auto; }

.merit-img1 { background:url(../img/merit_img1.png) no-repeat; padding-left:64px; }
.merit-img2 { background:url(../img/merit_img2.png) no-repeat; padding-left:64px; }
.merit-img3 { background:url(../img/merit_img3.png) no-repeat; padding-left:64px; }
.merit-img4 { background:url(../img/merit_img4.png) no-repeat; padding-left:64px; }
.merit-img5 { background:url(../img/merit_img5.png) no-repeat; padding-left:64px; }
.merit-img6 { background:url(../img/merit_img6.png) no-repeat; padding-left:64px; }

.info { padding-top:6px !important; line-height:18px !important; }

@media (max-width:945px) {
	.noo-text-app h3 { font-size:50px; letter-spacing:-2px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:35px;}
	.noo-text-app h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400; }
	.noo-text-app > p.merit-tit-text { font-size:18px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:20px !important; color:#000; padding-top:5px;}
	.noo-text-app > p.merit-tit-text span { font-size:13px; padding-top:10px; }
	.noo-text-app { position:absolute; left:50%; top:30px; z-index:10; margin-left:32px;  }

	.noo-text-group h3 { font-size:60px; letter-spacing:-3px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:40px;}
	.noo-text-group h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400;}
	.noo-text-group > p.group-tit-text { font-size:24px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:20px !important; color:#000; padding-top:8px;}
	.noo-text-group > p.group-tit-text span { display:block; font-size:18px; padding-top:15px; }
}

@media (max-width:840px) {
	.noo-text-block > p > .merit-tit { font-size:24px; }
	.noo-text-block > p > .merit-cont { font-size:14px;  }
}

@media (max-width:788px) {
	.noo-text-block h3 { font-size:36px; line-height:40px; letter-spacing:-2px;}
	.noo-text-block > p.merit-tit-text { font-size:16px; line-height:20px !important;}
	.noo-text-block > p > .merit-tit { font-size:22px; }
	.noo-text-block > p > .merit-cont { font-size:14px;  }
	.merit-box { height:auto; padding: 0px;}
	.merit-box2 { height:auto; padding: 0px;}

	.noo-text-pc h3 { font-size:40px; line-height:30px; letter-spacing:-2px;}
	.noo-text-pc > p.merit-tit-text { font-size:16px; padding-top:0;}

	.bg-pc {min-height:auto;height:auto; padding:20px 0;}

	.bottom-tit { font-size:26px; letter-spacing:-2px; padding-top:20px; line-height:32px;}
	.bottom-text { font-size:20px; line-height:26px; padding-top:10px; }
	.main-pc-btn { position:relative; text-align:center; padding-top:15px; }

	.noo-text-app { position:absolute; left:50%; top:10px; z-index:10; margin-left:32px;  }
	.noo-text-app h3 { font-size:40px; letter-spacing:-2px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:40px;}
	.noo-text-app h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400; }
	.noo-text-app > p.merit-tit-text { font-size:16px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:20px !important; color:#000; padding-top:5px;}
	.noo-text-app > p.merit-tit-text span { font-size:13px; padding-top:10px; }
	.main-app-btn { margin-top:14px; }

	.noo-text-free h3 { font-size:40px; letter-spacing:-2px; line-height:30px;}
	.noo-text-free > p.merit-tit-text { font-size:16px; padding-top:0; line-height:30px;}
	.noo-img-free .free-add-text { font-size:14px; letter-spacing:-1px; line-height:20px; }

	.bg-group { padding-top:30px; }
	.noo-text-group h3 { font-size:40px; letter-spacing:-3px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:40px;}
	.noo-text-group h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400;}
	.noo-text-group > p.group-tit-text { font-size:22px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:24px !important; color:#000; padding-top:8px;}
	.noo-text-group > p.group-tit-text span { display:block; font-size:16px; padding-top:10px; line-height:18px; }

	.page-sub-title { font-size:40px; }
	.ca_t { display:inline-block; padding-bottom:6px; font-size:30px; border-bottom:2px solid #fff; font-family:'Arita Dodum Medium'; letter-spacing:-2px; vertical-align:top; color:#fff; padding-top:5px;}
	.ca_c { font-family:'Arita Dodum Light'; font-size:40px; letter-spacing:-3px; color:#fff; }
	.ca_c strong { font-family:'Arita Dodum SemiBold';}
}

@media (max-width:600px) {
	.noo-text-app { position:absolute; left:50%; top:-20px; z-index:10; margin-left:0;  }
	.noo-text-app h3 { font-size:30px; letter-spacing:-2px; font-weight:700; color:#000; font-family:'Arita Dodum SemiBold'; line-height:20px;}
	.noo-text-app h3 > span { font-family:'Arita Dodum Light' !important; font-weight:400; }
	.noo-text-app > p.merit-tit-text { font-size:16px; letter-spacing:-1px; font-family:'Arita Dodum Medium'; line-height:20px !important; color:#000; padding-top:5px;}
	.noo-text-app > p.merit-tit-text span { font-size:13px; padding-top:10px; }
	.noo-btn-app { position:absolute; left:50%; bottom:-20px; z-index:10; margin-left:-95px;}

	.noo-text-cont h3 { font-size:38px; padding:20px 0 15px; }
	.noo-ins-cont .ctext-tit { font-size:18px; line-height:25px;}
	.noo-text-cont p.merit-tit-text { font-size:22px; line-height:26px;}

	.img-cont-common span { max-width:35px; margin:0 auto; display:block; padding-top:20px; }
	.resume .resume-content .resume-desc .resume-general ul li span { width:25%; }

	.noo-text-block > p > .merit-cont { font-size:14px;letter-spacing: -1px;  }

	.noo-img-app{ height: 200px;}
	.noo-img-app .main-app-img{width: 48%}


}

.text-ins-title{
	margin-left: 4px;
	font-size:20px;
	font-weight: 700;
}