@charset "utf-8";

.phone_list {font-size:0;margin:0;padding:0;}
.phone_list > li {font-size:12px;display:inline-block;vertical-align:middle;width:33.3%;}
.phone_list > li > div {width:auto;}
.phone_list > li:nth-child(1) > div {padding-right:10px;}
.phone_list > li:nth-child(2) > div {width:auto;}
.phone_list > li:nth-child(3) > div {padding-left:10px;}

.Real [class*='link'] {cursor:pointer;}
.Real [class*='layer'] {position:absolute;z-index:1;}
.Real [class*='section'] {position:relative;overflow:hidden;}
.Real [class*='section'] .content {width:1255px;margin:0 auto;padding:0;}
.Real [class*='section'] .visible {overflow:visible;}
.Real [class*='food'] {overflow:hidden;}
.Real [class*='food'] img {max-width:80%;}

.Real #conPC {position:relative;top:184;left:0;width:100%;opacity:1;visibility:visible;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:1;}
.Real #conMOBILE {position:fixed;top:0;left:0;right:100%;width:100%;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:-1;}


/*** [Pc] --/start/-- ***/

.Real #conPC .fixedbar {position:fixed;left:0;width:100%;height:200px;z-index:100;background:url('https://i0.wp.com/zerotoonemedia.com/zto_letter/img/land_fix.jpg') center top no-repeat;transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.Real #conPC .fixedbar.top {top:0px;}
.Real #conPC .fixedbar.top.hidden {top:-100%;}
.Real #conPC .fixedbar.bottom {bottom:-60;}
.Real #conPC .fixedbar.bottom.hidden {bottom:-100%;}
.Real #conPC .fixedbar > div {width:2000px;margin:0 auto;padding:0;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);}
/*.Real #conPC .fixedbar > div .layerbtn01 {top:180%;right:300px;transform:translateY(-50%);width:200px;height:200px;}*/
.Real #conPC .fixedbar > div .layerbtn02 {top:15px;right:570px;transform:translateY(-50%);width:285px;height:80px;}

/* 원본 */
/*.Real #conPC .fixedbar > div .layerbtn01 {top:180%;right:300px;transform:translateY(-50%);width:600px;height:150px;}
.Real #conPC .fixedbar > div .layerbtn02 {top:50%;right:45px;transform:translateY(-50%);width:190px;height:60px;}

.Real .floatMenu {position:absolute;top:630px;right:50%;transform:translateX(50%);max-width:1800px;width:100%;height:1px;z-index:50;}
.Real .floatMenu .side_db {position:absolute;top:0;right:0;width:164px;}*/

.Real #conPC .section01 {background: url('https://i0.wp.com/zerotoonemedia.com/zto_letter/img/land_main.jpg') center top no-repeat;transition:all}
.Real #conPC .section01 .content {height:6300px;}
/*.Real #conPC .section01 > div {width:1256px;margin:0 auto;padding:0;position:absolute;transform:translate(-50%,-50%);}*/
.Real #conPC .section01 > div .layerbtn01 {position:relative;top:465px;left:255px;}
.Real #conPC .section01 > div .layerbtn03 {position:relative;top:5950px;left:255px;} /*right:680px width:180px;height:180px;*/
/*.Real #conPC .section01 > div .layerlink01 { bottom:48px;right:38%;font-size:36px;font-weight:900;width:385px;height:74px;} transform:translateX(-50%);*/

/*top:4388px,  772px*/

/*.Real #conPC .section01 .layerbtn01 {top:92%;left:50%;transform:translateX(-50%);background:#FF0016;color:#fff;font-size:36px;font-weight:900;padding:38px;}
.Real #conPC .section01 .layerbtn01 .arrow {display:inline-block;vertical-align:middle;position:relative;width:40px;height:40px;margin-left:20px;}
.Real #conPC .section01 .layerbtn01 .arrow::after {content:'';display:block;width:70%;height:70%;border-right:5px solid #fff;border-bottom:5px solid #fff;position:absolute;top:50%;right:0%;transform:translate(-50%,-50%) rotate(-45deg);}*/
/*.Real #conPC .section02 {background:url('../img/section02.jpg') center top no-repeat;}
.Real #conPC .section02 .content {height:797px;}
.Real #conPC .section03 {background:url('../img/section03.jpg') center top no-repeat;}
.Real #conPC .section03 .content {height:1473px;}
.Real #conPC .section03 .layerbtn01 {top:84%;left:50%;transform:translateX(-50%);background:#FF0016;color:#fff;font-size:36px;font-weight:900;padding:38px;}
.Real #conPC .section03 .layerbtn01 .arrow {display:inline-block;vertical-align:middle;position:relative;width:40px;height:40px;margin-left:20px;}
.Real #conPC .section03 .layerbtn01 .arrow::after {content:'';display:block;width:70%;height:70%;border-right:5px solid #fff;border-bottom:5px solid #fff;position:absolute;top:50%;right:0%;transform:translate(-50%,-50%) rotate(-45deg);}
.Real #conPC .section04 {background:url('../img/section04.jpg') center top no-repeat;}
.Real #conPC .section04 .content {height:1198px;}
.Real #conPC .section04 .layerbtn01 {top:87%;left:50%;transform:translateX(-50%);background:#FF0016;color:#fff;font-size:36px;font-weight:900;padding:38px;}
.Real #conPC .section04 .layerbtn01 .arrow {display:inline-block;vertical-align:middle;position:relative;width:40px;height:40px;margin-left:20px;}
.Real #conPC .section04 .layerbtn01 .arrow::after {content:'';display:block;width:70%;height:70%;border-right:5px solid #fff;border-bottom:5px solid #fff;position:absolute;top:50%;right:0%;transform:translate(-50%,-50%) rotate(-45deg);}
.Real #conPC .section05 {background:url('../img/section05.jpg') center top no-repeat;}
.Real #conPC .section05 .content {height:1726px;}
.Real #conPC .section05 .layerbtn01 {top:92%;left:50%;transform:translateX(-50%);background:#FF0016;color:#fff;font-size:36px;font-weight:900;padding:38px;}
.Real #conPC .section05 .layerbtn01 .arrow {display:inline-block;vertical-align:middle;position:relative;width:40px;height:40px;margin-left:20px;}
.Real #conPC .section05 .layerbtn01 .arrow::after {content:'';display:block;width:70%;height:70%;border-right:5px solid #fff;border-bottom:5px solid #fff;position:absolute;top:50%;right:0%;transform:translate(-50%,-50%) rotate(-45deg);}
.Real #conPC .section06 {background:url('../img/section06.jpg') center top no-repeat;}
.Real #conPC .section06 .content {height:1098px;}
*.Real #conPC .section06 .layerlink01 {left:50%;top:82%;transform:translateX(-50%);width:410px;height:100%;}*/
.Real #conPC .section07 {background:url('https://i0.wp.com/zerotoonemedia.com/zto_letter/img/section07.jpg') center top no-repeat;}
.Real #conPC .section07 .content {height:100px;}


/*** [Pc] --/end/-- ***/


/*** [Mobile] --/start/-- ***/
.Real #conMOBILE img {width:100%;}
.Real #conMOBILE .fixedbar {position:fixed;left:0;width:100%;z-index:100;transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.Real #conMOBILE .fixedbar.bottom {bottom:0;}
.Real #conMOBILE .fixedbar.bottom.hidden {transform:translateY(120%);}
.Real #conMOBILE .fixedbar.top {top:0;}
.Real #conMOBILE .fixedbar.top.hidden {transform:translateY(-120%);}
.Real #conMOBILE .fixedbar .layerlink01 {left:0;bottom:0;width:50%;height:100%;}
.Real #conMOBILE .fixedbar .layerlink02 {right:0%;bottom:0;width:100%;height:100%;}
/* .Real #conMOBILE .fixedbar .layerlink01 {left:0;bottom:0;width:40.6%;height:100%;}
.Real #conMOBILE .fixedbar .layerlink02 {left:40.6%;bottom:0;width:40.6%;height:100%;}
.Real #conMOBILE .fixedbar .layerlink03 {right:0;bottom:0;width:18.8%;height:100%;} */





.Real #conMOBILE img {width:100%;}
.Real #conMOBILE [class*="section"]{text-align:center;}
.Real #conMOBILE .section01 {}
.Real #conMOBILE .section01 .layerbtn01 {bottom:10%;left:50%;transform:translateX(-50%);width:70%;background:#FF0016;color:#fff;font-size:6vw;font-weight:900;padding:5vw 2vw;}
/*.Real #conMOBILE .section02 {}
.Real #conMOBILE .section03 {}
.Real #conMOBILE .section03 .layerbtn01 {bottom:5%;left:50%;transform:translateX(-50%);width:70%;background:#FF0016;color:#fff;font-size:6vw;font-weight:900;padding:5vw 2vw;}
.Real #conMOBILE .section04 {}
.Real #conMOBILE .section04 .layerbtn01 {bottom:2.5%;left:50%;transform:translateX(-50%);width:70%;background:#FF0016;color:#fff;font-size:6vw;font-weight:900;padding:5vw 2vw;}
.Real #conMOBILE .section05 {}
.Real #conMOBILE .section05 .layerbtn01 {bottom:3%;left:50%;transform:translateX(-50%);width:70%;background:#FF0016;color:#fff;font-size:6vw;font-weight:900;padding:5vw 2vw;}
.Real #conMOBILE .section06 {}
.Real #conMOBILE .section06 .layerbtn01 {bottom:3%;left:50%;transform:translateX(-50%);width:70%;background:#FF0016;color:#fff;font-size:6vw;font-weight:900;padding:5vw 2vw;}*/
.Real #conMOBILE .section07 {background:url('https://i0.wp.com/zerotoonemedia.com/zto_letter/img/m/section07.jpg') center top / 100% no-repeat;}
/*.Real #conMOBILE .section07 .footer {}
.Real #conMOBILE .section07 footer {color:#777;font-size:2.4vw;line-height:1.6;padding-bottom:2vw;margin-top:13vw;}
.Real #conMOBILE .section07 h3 {color:#777;font-size:3vw;line-height:1.6;font-weight:700;}  padding:2vw 1vw;*/


/*** [Mobile] --/end/-- ***/

@media screen and (max-width: 1100px) {
	.Real #conPC {position:fixed;top:0;left:0;right:100%;width:100%;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:-1;}
	.Real #conMOBILE {position:relative;top:0;left:0;width:100%;opacity:1;visibility:visible;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:1;}	
	.Real .floatMenu {top:80%;}
	.Real .floatMenu .side_db {width:30%;right:10px;}
	.Real .floatMenu .side_db img {width:100%;}
}

@media (orientation:landscape){
	.Real #conMOBILE .fixedbar {max-width: 460px;margin:0 auto;left:50%;transform:translateX(-50%);}
}