@charset "UTF-8";
/*placeholder 브라우저마다 색상통일*/
::-webkit-input-placeholder { /* Chrome */  color: #c1c3c8;}
:-ms-input-placeholder { /* IE 10+ */  color: #c1c3c8;}
::-moz-placeholder { /* Firefox 19+ */  color: #c1c3c8;opacity: 1;}
:-moz-placeholder { /* Firefox 4 - 18 */ color: #c1c3c8;opacity: 1;}

/* NotoSansKR */
@font-face {
  font-family: 'NotoSansKR-Thin';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSansKR-Light';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Light.woff) format('woff'),
       url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansKR-Regular';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansKR-Medium';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansKR-Bold';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansKR-Black';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Black.woff) format('woff'),
        url(../fonts/NotoSansKR-Black.otf) format('opentype');
 }

/* NotoSerif */
@font-face {
   font-family: 'NotoSerifKR-Regular';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSerifKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSerifKR-Regular.woff) format('woff'),
        url(../fonts/NotoSerifKR-Regular.otf) format('opentype');
 }
 @font-face {
    font-family: 'NotoSerifKR-SemiBold';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSerifKR-SemiBold.woff2) format('woff2'),
         url(../fonts/NotoSerifKR-SemiBold.woff) format('woff'),
         url(../fonts/NotoSerifKR-semiBold.otf) format('opentype');
  }
@font-face {
   font-family: 'NotoSerifKR-Bold';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSerifKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSerifKR-Bold.woff) format('woff'),
        url(../fonts/NotoSerifKR-Bold.otf) format('opentype');
 }

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, span, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:120%}
input, select{margin:0;padding:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;line-height:120%}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','AppleGothic','NanumGothic','나눔고딕','Droid sans','Microsoft NeoGothic';-webkit-text-size-adjust:none}
li{list-style:none}
blockquote, q{quotes:'"' '"'}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
address{font-style:normal}
input, select, button, img{vertical-align:middle}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;font:inherit;color:inherit;cursor:pointer;border-radius:0}
a{font-size:inherit;color:inherit;text-decoration:none}
strong, em{font-size:inherit;line-height:inherit}

/* common */
body{min-width:320px;font-family:'NotoSansKR-Regular'}
.page_in{position:relative;max-width:1180px;width:93.75%;margin:0 auto}
.mw780{max-width:780px;margin:0 auto}
.mw1200{max-width:1200px}
.full{width:100%}

.section{padding:35px 0 40px}
.section .img_text{width:125px;margin:5px auto 18px}
.section .img_text img{display:block}
.title{font-family:'NotoSerifKR-Bold';font-size:1.40625rem;letter-spacing:-0.05em;color:#252525;text-align:center}
.title.is_red{color:#cff2ee}
.text{font-size:0.625rem;letter-spacing:-0.05em;line-height:167%;color:#2a2a2a}
.text em{font-family:'NotoSansKR-Bold'}
.text.is_grey{color:#767676}
a.button, label.button{display:table;cursor:pointer}
label.button input[type=submit]{overflow:hidden;position:absolute;width:0.1px;height:0.1px;opacity:0;z-index:-1}
a.button span, label.button span{display:table-cell;vertical-align:middle}
.button{width:180px;height:40px;border-radius:30px;margin:0 auto;padding-left:43px;box-sizing:border-box;background:url('../img/link_arrow.png') no-repeat 73% 50%;background-size:5px;font-family:'NotoSansKR-Bold';font-size:1rem;color:#cff2ee;text-align:left}
.button.is_red{background-color:#cff2ee}
.button.is_grey{background-color:#939588}
.button.is_long{padding-left:20px;background-position-x:89%}
.br_pc{display:none}

.section legend, .section caption{font-size:0;line-height:0;text-indent:-1000px}

@media screen and (min-width:500px) {
    .title{font-size:1.875rem}
    .text{font-size:0.9375rem}
    .section{padding:80px 0 85px}
    .section .img_text{width:180px;margin:10px auto 40px}
    .button{width:240px;height:50px;padding-left:65px;font-size:1.3rem;background-size:6px}
    .button.is_long{padding-left:30px}
}
@media screen and (min-width:900px) {
    .section{padding:60px 0 65px}
    .section .img_text{width:237px;margin-bottom:60px}
    .title{font-size:3.125rem}
    .button{width:280px;height:60px;padding-left:80px;font-size:1.5625rem;background-size:8px}
    .button.is_long{padding-left:35px}
    .br_pc{display:block}
    .br_m{display:none}
}

/* navigation */
.header{overflow:hidden;position:fixed;left:0;top:0;width:100%;height:75px;z-index:100;transition:all 0.3s}
.header .page_in{width:100%;max-width:100%;height:100%}
.bi{float:left;width:90px;padding-top:15px;margin-left:3.125%;;transition:all 0.3s;cursor:pointer}
.btn_sitemap{float:right;width:48px;height:100%;margin-right:1%}
.navigation{display:none}

.header.sticky{background:#acbcde}

@media screen and (min-width:500px) {
    .header{height:100px}
    .bi{width:125px;padding-top:20px}
    .btn_sitemap{width:66px}
}
@media screen and (min-width:1260px) {
    .header{height:200px}
    .header .page_in{max-width:1180px}
    .bi{width:170px;padding-top:60px}
    .btn_sitemap{display:none}
    .navigation{display:block;overflow:hidden;float:right;padding-top:90px;transition:all 0.3s}
    .navigation li{float:left;margin-left:60px}
    .navigation li:first-child{margin-left:0} 
    .navigation a{font-family:'NotoSansKR-Bold';font-size:1.25rem;color:#ff375e}

    .header.sticky{height:120px}
    .header.sticky .bi{padding-top:20px}
    .header.sticky .navigation{padding-top:46px}
}

/* visual */
.visual{overflow:hidden;position:relative}
.visual .mid{position:absolute;left:3.125%;top:50%;height:57.6531%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.visual .vs_title{font-family:'NotoSerifKR-Regular';font-size:1.75rem;letter-spacing:-0.05em;color:#ff6801}
.visual .vs_title em{font-family:'NotoSerifKR-Bold'}
.visual .vs_timetable{position:absolute;left:0;bottom:0;width:97px}
.visual .scroll{position:absolute;left:50%;bottom:30px;width:46px;margin-left:-23px}

@media screen and (min-width:400px) {
    .visual .mid{height:50%}
    .visual .vs_title{font-size:2.5rem}
    .visual .vs_timetable{width:150px}
}
@media screen and (min-width:700px) {
    .visual > img{display:none}
    .visual{height:900px;background:url('../img/bnr_bg_pc.jpg') no-repeat center;background-size:cover}
    .visual .vs_title{font-size:3.5rem}
    .visual .vs_timetable{width:200px}
}
@media screen and (min-width:1200px) {
    .visual{height:930px}
    .visual .mid{left:50%;margin-left:-490px;margin-top:50px}
    .visual .vs_title{font-size:4.375rem}
    .visual .vs_timetable{width:235px}
    .visual .scroll{bottom:40px;width:70px;margin-left:-35px}
}

/* 소개글 */
.intro{background:#939588;padding:40px 0;text-align:center}
.intro_text{font-family:'NotoSerifKR-Regular';font-size:0.875rem;line-height:143%;letter-spacing:-0.05em;color:#fff}
.intro_text em{font-family:'NotoSerifKR-Bold'}
.intro_stext{padding-top:20px;font-family:'NotoSerifKR-Regular';font-size:0.625rem;line-height:150%;letter-spacing:-0.05em;color:#fff}

@media screen and (min-width:500px) {
    .intro{padding:70px 0}
    .intro_text{font-size:1.25rem}
    .intro_stext{font-size:0.9375rem}
}
@media screen and (min-width:1200px) {
    .intro{padding:90px 0}
    .intro_text{font-size:1.875rem}
    .intro_stext{padding-top:40px;font-size:1.25rem}
}

/*People+ 특징*/
.wd50per{width:50%;}
div.character{padding:70px 0 65px 0;background:#f8f8f8;}
div.character div.box{max-width:1070px;padding:40px 55px;background:#fff;text-align:center;margin:35px auto 0 auto;border-radius:200px;}
div.character div.box span.titline{display:block;width:55px;height:6px;background:#fdb449;margin:0 auto;}
div.character div.box h4.box_tit{font-size:30px;font-weight:bold;margin-top:5px;color:#000;}
div.character div.box p.box_subtit{font-size:20px;font-weight:normal;color:#767676;margin-top:5px;}
div.character div.box1{margin-top:45px;}
div.character div.box_con{font-size:0;overflow:hidden;}
div.character div.box1 div.box_con{margin-top:10px;}
div.character div.box2 div.box_con{margin-top:20px;}
div.character div.box3 div.box_con{margin-top:30px;}
div.character div.box_con div.wd50per{display:inline-block;}
div.character div.box_con div.wd50per h5{font-size:18px;text-align:center;font-weight:bold;color:#666;}
div.character div.box_con ul.list{overflow:hidden;width:580px;margin:40px auto 0 auto;}
div.character div.box_con ul.list li{display:inline-block;width:32%;margin-left:2%;border:1px solid #e5d6c1;border-radius:10px;padding:40px 10px 30px 10px;}
div.character div.box_con ul.list li:first-child{margin-left:0;}
div.character div.box_con ul.list li p{margin-top:30px;font-size:15px;text-align:center;color:#2f2f2f;}
p.box_addtxt{font-size:16px;color:#888;text-align:center;margin-top:20px;}

@media (max-width: 1200px){
	h2.tit{font-size:50px;}
	div.character h2.tit{width:205px;margin:0 auto;}
	div.character h2.tit img{width:100%;}
	div.character div.box{max-width:780px;margin:35px auto 0 auto;border-radius:150px;}
	div.character div.box h4.box_tit{font-size:25px;}
	div.character div.box p.box_subtit{font-size:20px;}
	div.character div.box1{margin-top:35px;}
	div.character div.box_con div.wd50per{width:100%;}
	div.character div.box_con img{width:50%;margin:0 auto;}
	div.character div.box_con ul.list{width:100%;}
	div.character div.box_con ul.list li p{margin-top:20px;font-size:14px;}
}
@media (max-width: 640px){
	div.character div.box{max-width:100%;margin:35px auto 0 auto;border-radius:100px;padding:40px 25px;}
	div.character div.box h4.box_tit{font-size:20px;}
	div.character div.box p.box_subtit{font-size:14px;}
	div.character div.box1{margin-top:25px;}
	div.character div.box_con img{width:60%;}
	div.character div.box_con div.wd50per h5{font-size:14px;}
	div.character div.box_con ul.list li{padding:20px 10px;}
	div.character div.box_con ul.list li p{margin-top:10px;font-size:10px;}
	p.box_addtxt{font-size:14px;}


}
/*People+ 특징 끝*/

/* 시작화면 */
.reviews{padding-bottom:100px}
.reviews .page_in{max-width:980px}
.reviews .video_area{position:relative;padding-top:57.1429%}
.reviews .video_area img, .reviews .video_area iframe{position:absolute;left:0;top:0;width:100%;height:100%}

/* 탐험학습 */
.eviews{padding-bottom:100px}
.eviews .page_in{max-width:980px}
.eviews .video_area{position:relative;padding-top:57.1429%}
.eviews .video_area img, .reviews .video_area iframe{position:absolute;left:0;top:0;width:100%;height:100%}

/* AI학습 */
.views{padding-bottom:100px}
.views .page_in{max-width:980px}
.views .video_area{position:relative;padding-top:57.1429%}
.views .video_area img, .reviews .video_area iframe{position:absolute;left:0;top:0;width:100%;height:100%}

/* 영상보기 */
.iews{padding-bottom:100px}
.iews .page_in{max-width:980px}
.iews .video_area{position:relative;padding-top:57.1429%}
.iews .video_area img, .reviews .video_area iframe{position:absolute;left:0;top:0;width:100%;height:100%}

/* 앱다운로드 */
.ws00{padding-bottom:100px}
.ws00 .page_in{max-width:980px}
.ws00 .video_area{position:relative;padding-top:57.1429%}
.ws00 .video_area img, .reviews .video_area iframe{position:absolute;left:0;top:0;width:100%;height:100%}



/* 푸터 */
footer{background:#939588;padding:20px 0}
footer .ft_logo{display:none}
footer .cp_name{width:18%;max-width:107px;margin-bottom:10px}
footer .ct_title{width:13%;max-width:80px;margin-bottom:10px}
footer .copyright{width:100%;max-width:420px;margin-bottom:15px}
footer .contact{width:55%;max-width:220px}
footer .copyright p, footer .contact p{font-size:0;line-height:0;text-indent:-1000px}

@media screen and (min-width:500px) {
    footer{padding:20px 0}
    footer .ft_title{margin-bottom:20px}
}
@media screen and (min-width:800px) {
    footer{padding:30px 0}
    footer .page_in{overflow:hidden}
    footer .ft_info{position:relative;float:left}
    footer .ft_contact{float:left;padding-left:50px}
    footer .copyright{margin-bottom:0}
    footer .contact{width:auto}
    footer .cp_name{width:107px}
    footer .ct_title{width:80px}
}
@media screen and (min-width:1200px) {
    footer .ft_logo{display:block;float:left;padding-top:30px;padding-right:95px}
    footer .ft_info:after{content:'';position:absolute;left:-35px;top:9px;width:1px;height:80px;background:rgba(255,255,255,0.3)}
}

/* 사이트맵(모바일) */
.sitemap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#303030;z-index:1000}
.sitemap .page_in{height:100%}
.sitemap_close{position:absolute;right:1%;top:1%;width:48px;z-index:5}
.sitemap ul{padding-top:60px}
.sitemap li{margin-bottom:20px}
.sitemap li:last-child{margin-bottom:0}
.sitemap a{font-family:'NotoSansKR-Bold';font-size:1.25rem;color:#fff}
.sitemap_copy{position:absolute;left:0;bottom:30px;max-width:600px}
.sitemap_copy p{font-size:0;line-height:0;text-indent:-1000px}

@media screen and (min-width:500px) {
    .sitemap_close{width:66px}
    .sitemap ul{padding-top:110px}
    .sitemap li{margin-bottom:30px}
    .sitemap a{font-size:1.875rem}
    .sitemap_copy{bottom:50px}
}
@media screen and (min-width:800px) {
    .sitemap{overflow:auto}
    .sitemap_copy{position:static;left:auto;bottom:auto;padding:400px 0 50px}
}