@charset "utf-8";

@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(../fonts/NotoSans-Light.eot);
src: url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
/*url(../fonts/NotoSans-Light.woff2) format('woff2'),*/
url(../fonts/NotoSans-Light.woff) format('woff');
}

@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../fonts/NotoSans-Medium.eot);
src: url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
/*url(../fonts/NotoSans-Medium.woff2) format('woff2'),*/
url(../fonts/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/NotoSans-Bold.eot);
src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
/*url(../fonts/NotoSans-Bold.woff2) format('woff2'),*/
url(../fonts/NotoSans-Bold.woff) format('woff');
}



/* reset css */
html,body{margin:0;padding:0;height:100%;min-width:320px;margin:0 auto;}
body{font:12px/1 'notokr-regular', '돋움', Dotum, 'Apple Gothic', sans-serif;color:#666;font-family:'notokr-regular';}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:12px/1 'notokr-medium', '돋움', Dotum, 'Apple Gothic', sans-serif;color:#5e5e6c;vertical-align:middle;}
input,textarea,select{color:#5e5e6c;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
ol,ul,li{list-style:none;}
hr, legend, .hidden{position:absolute;top:0;left:-3000px;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
caption{position:relative;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
.blind{overflow:hidden;position:absolute;left:-9999px !important;top:-9999px !important} /* 2017-09-04 */
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{color:#5e5e6c;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
img{vertical-align:top;width:100%;}
input[type=text]{height:32px;line-height:30px;width:100%;border:1px solid #d3d1cd;box-sizing:border-box;padding:0 10px;background-color:#f5f5f5;color:#803594;font-size:14px;}


* {margin:0; padding:0; border:0 none transparent;letter-spacing:-0.05em;box-sizing:border-box;}
:before, :after {box-sizing:border-box;}
html, body, pre {font-family:"NotoKrM", sans-serif;font-size:15px;line-height:25px;color:#222;letter-spacing:-0.05em;-webkit-text-size-adjust:100%;}
form, fieldset, figure {word-break:break-all; word-wrap:break-word;}
legend, caption, figcaption {display:none;}
img, fieldset {/*'transparent' for Opera7*/}
menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}
table {width:100%; border-collapse:collapse;}
table th, table td {color:#222;vertical-align:top;word-break:normal;word-wrap:break-word;}
input, select, textarea, button {color:#222;vertical-align:middle;}
textarea {resize:none;}
button, label {cursor:pointer;transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
button::-moz-focus-inner {padding:0; border:0;}
a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
h1, h2, h3, h4, h5, h6, p {word-break:normal; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:normal;}
address, em, i {font-style:normal;}
img{vertical-align:top;width:100%;}

/* .wrap{width:100%;}*/
.section01{background: #05bcd8 url(https://pic.neungyule.com/nekids/img/brochure/section01_bg.png) no-repeat 50% 0;background-size: auto 100%;}
.inbox{position:relative;max-width:1100px;margin:0 auto;}
.section01 .title{position:absolute;left:31.72%;top:28.22%;width:38.18%;}
.section01 .section01_btn{position:absolute;left:47.18%;top:50.30%;width:7.45%;}
.section02{background-color: #05bcd8;}
.section02 .title{position:absolute;left:21.27%;top:14.9%;width:58.18%;}
.section02 .section02_list{position:absolute;left:0;top:30.04%;width:100%;}
.section02 .section02_list li{width:30.18%;}
.section02 .section02_list li.li01{position:absolute;/*left:1.9%;*/left:1.81%;top:0;}
.section02 .section02_list li.li02{position:absolute;/*left:33.98%;*/left:34.90%;top:0;}
.section02 .section02_list li.li03{position:absolute;/*left:66.06%;*/left:67.81%;top:0;}

.section03{position:relative;padding-top:68px;background:#fff;}
.section03 .title{position:absolute;left:12.81%;top:9.39%;width:75.27%;}
.section03 .title .section0300_btn{position:absolute;right:0;top:0;width:7.48%;}
.section03 .conbox{position:absolute;left:6.27%;top:29.06%;width:88.81%;}
.section03 .bx-wrapper{border:none;box-shadow:none;margin-bottom:0;}
.section03 .slide{position:relative;}
.page_wrap{position:relative;display:none;width:100%;background-color:#f5f5f5;height:68px;border-bottom:1px solid #dfdfdf;}
.page_wrap #bx-pager{position:absolute;right:8.18%;top:0;}
.page_wrap #bx-pager ul {overflow:hidden;}
.page_wrap #bx-pager ul li{position:relative;float:left;line-height:68px;padding:0 15px}
.page_wrap #bx-pager ul li + li:after{content:'';display:block;width:1px;height:13px;background-color:#dcdcdc;position:absolute;left:0;top:50%;margin-top:-6px;}
.page_wrap #bx-pager ul li a{font-size:18px;color:#666;}
.page_wrap #bx-pager ul li a.active{font-size:18px;color:#333;}
.section03 .btn_0305a{width:9.38%;height:16%;background-color:transparent;position:absolute;left:7.38%;top:44.67%;}
.section03 .btn_0305b{width:9.38%;height:16%;background-color:transparent;position:absolute;left:32.86%;top:44.67%;}
.section03 .btn_0305c{width:6.67%;height:16%;background-color:transparent;position:absolute;left:7.38%;top:44.67%;}
.section03 .btn_0305d{width:6.67%;height:16%;background-color:transparent;position:absolute;left:34.38%;top:44.67%;}
.section03 .btn_0306{width:7.67%;position:absolute;left:72.05%;top:51.31%;}

.section04{background: #a7d040 url(https://pic.neungyule.com/nekids/img/brochure/section04_bg.png) no-repeat 50% 0;background-size: auto 100%;}
.inbox{position:relative;max-width:1100px;margin:0 auto;}
.section04 .title{position:absolute;left:20.72%;top:7.26%;width:63.63%;}
/*.section04 .section04_btn{position:absolute;left:20.72%;top:7.26%;width:7.45%;}*/
.section04 .con{position:absolute;left:0;top:22.39%;width:100%;}
.section04 .area img {display:block;}

.top{position:absolute;left:0;top:0;width:100%;z-index:50;}
.top .inner{overflow:hidden;position:relative;max-width:1100px;margin:0 auto;}
.top h1{width:14.45%;float:left;}
.top .gnb{width:66.45%;float:right;}
.top .gnb li.menu01{width:22.29%;float:left;}
.top .gnb li.menu02{width:25.17%;float:left;}
.top .gnb li.menu03{width:32.69%;float:left;}
.top .gnb li.menu04{width:19.83%;float:left;}

.bottom{background: url(https://pic.neungyule.com/nekids/img/brochure/bottom_bg.png) repeat-x 0 0;background-size: auto 100%;width:100%;position:absolute;z-index:200;min-width:320px;}
.bottom .inner{position:relative;max-width:1100px;margin:0 auto;}
.bottom .sub{margin-left:21.36%;overflow:hidden;width:78%;}
.bottom .sub_logo a{display:block;width:106px;height:106px;position:absolute;left:0;bottom:15px;background: url(https://pic.neungyule.com/nekids/img/brochure/sub_logo.png) no-repeat 0 0;background-size: auto 100%;text-indent:-9999em;}
.bottom .sub li a{display:block;color:#fff;font-size:22px;text-align:center;/*line-height:70px;*/line-height:68px;}
.bottom .sub li.sub01{width:30%;float:left;}
.bottom .sub li.sub02{width:30%;float:left;margin-left:5%}
.bottom .sub li.sub03{width:30%;float:left;margin-left:5%}
.bottom .sub li.on{border-bottom:2px solid #000;color:#222;}
.bottom.fixed{position:fixed;left:0;top:0;background: url(https://pic.neungyule.com/nekids/img/brochure/bottom2_bg.png) repeat-x 0 0 !important;background-size: auto 100%;}
.bottom.fixed .sub_logo a{width:130px;height:67px;position:absolute;left:0;bottom:3px;background: url(https://pic.neungyule.com/nekids/img/brochure/sub_logo2.jpg) no-repeat 0 0;background-size: auto 100%;text-indent:-9999em;}
.bottom.fixed .sub li a{display:block;color:#666;}
.bottom.fixed .sub li.active a{display:block;color:#222;border-bottom:3px solid #222;}
.section03 .btn_prev{position:absolute;left:3.18%;top:51%;z-index:100;width:2%;}
.section03 .btn_next{position:absolute;right:1.74%;top:51%;z-index:100;width:2%;}
.btn_top{position:fixed;right:10px;bottom:10px;display:block;z-index:200;width:80px;display:none;}
.pop_bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.7);z-index:300;display:none;}
.pop_bg .video_box{width:640px;height:360px;position:absolute;left:50%;top:50%;margin-left:-320px;margin-top:-180px;background: url(https://pic.neungyule.com/nekids/img/brochure/video_bg.png) no-repeat 50% 50%;}
.pop_bg .video_box video{width:100%;}
.pop_bg .video_box .pop_play{display:block;width:80px;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;}
.pop_bg .video_box .pop_close{display:block;width:66px;position:absolute;right:0;top:-60px;background-color:#000;}
.btn_sc{width:80px;position:fixed;left:50%;bottom:20%;margin-left:-40px;z-index:300;}
 
/* kidsville */
.kidsville .section01 {background:#bdf2ff url('https://pic.neungyule.com/nekids/img/brochure/kidsville//section01_bg.png') no-repeat 50% 0;background-size: auto 100%;}
.kidsville .bottom {background:#9963aa url('https://pic.neungyule.com/nekids/img/brochure/kidsville//bottom_bg.png') repeat-x;background-size:auto 100%;}
.kidsville .bottom .sub_logo a {background:url('https://pic.neungyule.com/nekids/img/brochure/kidsville//sub_logo.png') no-repeat;background-size:auto 100%;}
.kidsville .bottom.fixed .sub_logo a {width:220px;background: url('https://pic.neungyule.com/nekids/img/brochure/kidsville//sub_logo2.jpg') no-repeat 0 0;background-size: auto 100%;}
.kidsville .section01 .title {width:36%;left:32.72%;top:18.87%;}
.kidsville .section01 .section01_btn {top:51.29%;}
.kidsville .section02 {background:#b285c0;}
.kidsville .section03 .title {width:82.72%;left:9.72%;}
.kidsville .section03 .btn_0303 {width:7.67%;background-color:transparent;position:absolute;left:71.83%;top:56.47%;}
.kidsville .section03 .btn_0306a {width:7.67%;background-color:transparent;position:absolute;left:11.48%;top:60.67%;}
.kidsville .section03 .btn_0306b {width:7.67%;background-color:transparent;position:absolute;left:45.64%;top:60.67%;}
.kidsville .section03 .btn_0306c {width:7.67%;background-color:transparent;position:absolute;left:79.79%;top:60.67%;}
.kidsville .section04 {background:#71d6c8 url('https://pic.neungyule.com/nekids/img/brochure/kidsville//section04_bg.png') no-repeat 50% 0;background-size: auto 100%;}
.kidsville .section04 .title {width:89.81%;left:6.18%;top:8.99%;}
.kidsville .section04 .con {top:24.82%;}

/* goodjob */
.goodjob .section01 {background:#bdf2ff url('https://pic.neungyule.com/nekids/img/brochure/goodjob/section01_bg.png') no-repeat 50% 0;background-size: auto 100%;}
.goodjob .bottom {background:#9963aa url('https://pic.neungyule.com/nekids/img/brochure/goodjob/bottom_bg.png') repeat-x;background-size:auto 100%;}
.goodjob .bottom .sub_logo a {background:url('https://pic.neungyule.com/nekids/img/brochure/goodjob/sub_logo.png') no-repeat;background-size:auto 100%;}
.goodjob .bottom.fixed .sub_logo a {width:220px;background: url('https://pic.neungyule.com/nekids/img/brochure/goodjob/sub_logo2.jpg') no-repeat 0 0;background-size: auto 100%;}
.goodjob .section01 .title {width:40%;left:32.72%;top:19.87%;}
.goodjob .section01 .section01_btn {top:51.29%;}
.goodjob .section02 {background:#f99d1d;}
.goodjob .section03 .title {width:82.72%;left:9.72%;}
.goodjob .section03 .btn_0303 {width:7.67%;background-color:transparent;position:absolute;left:71.83%;top:49.65%;}
.goodjob .section03 .btn_0306a {width:7.67%;background-color:transparent;position:absolute;left:11.48%;top:43.79%;}
.goodjob .section03 .btn_0306b {width:7.67%;background-color:transparent;position:absolute;left:45.64%;top:43.79%;}
.goodjob .section03 .btn_0306c {width:7.67%;background-color:transparent;position:absolute;left:79.79%;top:43.79%;}
.goodjob .section04 {background:#f7bfb7 url('https://pic.neungyule.com/nekids/img/brochure/goodjob/section04_bg.png') no-repeat 50% 0;background-size: auto 100%;}
.goodjob .section04 .title {width:79.09%;left:10.54%;top:8.99%;}
.goodjob .section04 .con {top:24.82%;}

/* creano */
.creano .section01 {background:#bdf2ff url('https://pic.neungyule.com/nekids/img/brochure/creano/section01_bg.png') no-repeat 50% 0;background-size: auto 100%;}
.creano .bottom {background:#169f39 url('https://pic.neungyule.com/nekids/img/brochure/creano/bottom_bg.png') repeat-x;background-size:auto 100%;}
.creano .bottom .sub_logo a {background:url('https://pic.neungyule.com/nekids/img/brochure/creano/sub_logo.png') no-repeat;background-size:auto 100%;}
.creano .bottom.fixed .sub_logo a {width:220px;background: url('https://pic.neungyule.com/nekids/img/brochure/creano/sub_logo2.jpg') no-repeat 0 0;background-size: auto 100%;}
.creano .section01 .title {width:30.9%;left:35.81%;top:20.61%;}
.creano .section01 .section01_btn {top:49.07%;}
.creano .section02 {background:#22ad46;}
.creano .section03 .title {width:82.72%;left:9.72%;}
.creano .section03 .btn_0303 {width:7.67%;background-color:transparent;position:absolute;left:71.83%;top:52.41%;}
.creano .section03 .btn_0304 {width:7.67%;background-color:transparent;position:absolute;left:71.83%;top:52.41%;}
.creano .section04 {background:#f99d1d url('https://pic.neungyule.com/nekids/img/brochure/creano/section04_bg.png') no-repeat 50% 0;background-size: auto 100%;}
.creano .section04 .title {width:90.72%;left:5.45%;}


/*********** 20181025 main ***********/
/*.firstView {height:100vh;}*/
.header {height:60px;text-align:center;background:#fff;}
/*.header a {display:inline-block;width:130px;margin-top:13px;}*/
.header img {display:inline-block;width:100%;width:130px;margin-top:13px;}

.mainVisual {height:633px;/*height:calc(100vh - 224px);*/padding:70px 0 0 0;background:url('https://pic.neungyule.com/nekids/img/brochure/bg_mainvisual.png') no-repeat 50% top;background:#46bfec url('https://pic.neungyule.com/nekids/img/brochure/bg_mainvisual.png') no-repeat left 50% top 60px;text-align:center;box-sizing:border-box;background-attachment:fixed;}
.mainVisual img {display:inline-block;width:643px;margin:0 auto;}

.mainVisual p {max-width:480px;margin:20px auto;line-height:30px;color:#fff;font-size:18px;font-family:'NotoKrL';word-break:keep-all;}

.linkList {height:164px;padding:17px 0;background:#eee;box-sizing:border-box;}
.linkList.fixed {position:fixed;left:0;right:0;top:0;z-index:1;}
.linkList ul {overflow:hidden;width:706px;margin:0 auto;text-align:center;}
.linkList ul li {float:left;width:25%;}
.linkList ul li a {overflow:hidden;display:inline-block;width:130px;height:130px;border:3px solid #ccc;border-radius:50%;}
.linkList ul li a:hover {border-color:#f08c00;}


.groupArea {overflow:hidden;width:650px;/*height:775px;height:calc(100vh - 164px);*/margin:0 auto;/*padding:60px 0 30px;*/padding:60px 0 70px;text-align:center;}
.groupArea > strong {position:relative;padding-top:11px;color:#333;font-size:24px;}
.groupArea > strong:before {content:'';position:absolute;left:50%;top:0;display:inline-block;width:31px;height:3px;margin-left:-15.5px;background:#000;}
.groupArea p.title {padding:40px 0 30px;line-height:normal;color:#333;font-size:45px;word-break:keep-all;}
.groupArea p + p {max-width:620px;margin:0 auto;padding-bottom:40px;color:#666;font-size:18px;font-family:'NotoKrL';word-break:keep-all;}
/*********** end main ***********/

@media screen and (max-width:1280px) {
.firstView {height:100%;}
.mainVisual {/*height:633px;height:570px;background-position:50% 164px;background-position:left bottom;*/background: #46bfec url(https://pic.neungyule.com/nekids/img/brochure/bg_mainvisual.png) no-repeat 50% bottom;}
}

@media screen and (max-width:1000px) {
/*.bottom h2{width:9.36%;position:absolute;left:0;bottom:10px}*/
.page_wrap{position:relative;display:none;width:100%;background-color:#f5f5f5;height:40px;border-bottom:1px solid #dfdfdf;}
.page_wrap #bx-pager ul {overflow:hidden;}
.page_wrap #bx-pager ul li{position:relative;float:left;line-height:40px;padding:0 10px}
.page_wrap #bx-pager ul li + li:after{content:'';display:block;width:1px;height:8px;background-color:#dcdcdc;position:absolute;left:0;top:50%;margin-top:-4px;}
.page_wrap #bx-pager ul li a{font-size:12px;color:#666;}
.page_wrap #bx-pager ul li a.active{font-size:12px;color:#333;}
.bottom .sub_logo a{width:70px;height:70px;position:absolute;left:0;bottom:10px;background: url(https://pic.neungyule.com/nekids/img/brochure/sub_logo.png) no-repeat 0 0;background-size: auto 100%;text-indent:-9999em;}
.bottom .sub li a{display:block;color:#fff;font-size:14px;text-align:center;line-height:46px;}
.bottom.fixed .sub_logo a{width:98px;height:51px;position:absolute;left:0;bottom:3px;background: url(https://pic.neungyule.com/nekids/img/brochure/sub_logo2.jpg) no-repeat 0 0;background-size: auto 100%;text-indent:-9999em;}
.btn_top{position:fixed;right:10px;bottom:10px;display:block;z-index:200;width:60px;margin-right:0;}
.pop_bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.7);z-index:300;display:none;}
.pop_bg .video_box{width:640px;height:360px;position:absolute;left:50%;top:50%;margin-left:-320px;margin-top:-180px;background: url(https://pic.neungyule.com/nekids/img/brochure/video_bg.png) no-repeat 50% 50%;}
.pop_bg .video_box .pop_play{display:block;width:80px;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;}
.pop_bg .video_box .pop_close{display:block;width:66px;position:absolute;right:0;top:-60px;background-color:#000;}
.btn_sc{width:60px;position:fixed;left:50%;bottom:20%;margin-left:-30px;}
/**/
.groupArea {width:100%;padding:60px 20px;}
.groupArea img {width:80%;}
.firstView {height:100%;}
/*.mainVisual {height:570px;background-position:50% 0;}*/
/**/
.kidsville .bottom.fixed .sub_logo a {width:150px;}
}

/**** Tablet ****/
@media only screen and (max-width: 768px) {
/*.mainVisual {padding:70px 20px 0;}
.mainVisual img {width:100%;}
.linkList {padding:17px 20px;}
.linkList ul {width:100%;}
.linkList ul li {padding:0 2px;box-sizing:border-box;}
.linkList ul li a {width:100%;height:100%;}
.groupArea {width:100%;padding:60px 20px;}
.groupArea p.title {font-size:26px;}*/

.linkList ul {width:100%;}
}


@media screen and (max-width:640px) {
.bottom h2{width:9.36%;position:absolute;left:0;bottom:5px}
.page_wrap{position:relative;display:none;width:100%;background-color:#f5f5f5;height:34px;border-bottom:1px solid #dfdfdf;}
.page_wrap #bx-pager ul {overflow:hidden;}
.page_wrap #bx-pager ul li{position:relative;float:left;line-height:34px;padding:0 5px}
.page_wrap #bx-pager ul li + li:after{content:'';display:block;width:1px;height:6px;background-color:#dcdcdc;position:absolute;left:0;top:50%;margin-top:-3px;}
.page_wrap #bx-pager ul li a{font-size:9px;color:#666;}
.page_wrap #bx-pager ul li a.active{font-size:9px;color:#333;}
.bottom .sub_logo a{width:53px;height:53px;position:absolute;left:0;bottom:5px;background: url(https://pic.neungyule.com/nekids/img/brochure/sub_logo.png) no-repeat 0 0;background-size: auto 100%;text-indent:-9999em;}
.bottom .sub li a{display:block;color:#fff;font-size:10px;text-align:center;line-height:35px;letter-spacing:-1px;}
.bottom.fixed .sub_logo a{width:65px;height:35px;position:absolute;left:0;bottom:3px;background: url(https://pic.neungyule.com/nekids/img/brochure/sub_logo2.jpg) no-repeat 0 0;background-size: auto 100%;text-indent:-9999em;}
.btn_top{position:fixed;right:10px;bottom:10px;display:block;z-index:200;width:40px;margin-right:0;}
.pop_bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.7);z-index:300;display:none;}
.pop_bg .video_box{width:320px;height:180px;position:absolute;left:50%;top:50%;margin-left:-160px;margin-top:-90px;background: url(https://pic.neungyule.com/nekids/img/brochure/video_bg.png) no-repeat 50% 50%;background-size:100% auto;}
.pop_bg .video_box .pop_play{display:block;width:40px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;}
.pop_bg .video_box .pop_close{display:block;width:33px;position:absolute;right:0;top:-33px;background-color:#000;}
.btn_sc{width:40px;position:fixed;left:50%;bottom:20%;margin-left:-20px;}

/*.mainVisual {padding:70px 20px 0}*/
.mainVisual img {width:100%;}
.linkList {height:auto;padding:17px 20px;}
.linkList ul li {padding:0 2px;box-sizing:border-box;}
.linkList ul li a {width:100%;height:100%;}
.groupArea {padding:60px 20px;}
.groupArea p.title {font-size:26px;}

}



/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)  {
	.firstView {height:100vh;}
	.mainVisual {height: calc(100% - 224px);background-position:left 50% bottom 0;background-size:auto 100%;}
}

*/