@charset "utf-8";
html, body{position:relative; width:100%; height:100%;}
#wrap{position:relative; width:100%; height:100%; min-width:400px;}
@media all and (max-width:720px) {
	.fp-section, .fp-tableCell{height: auto !important;}
    html, body{height: auto;}
    #wrap{height: auto; } 
    #PAGE1, #PAGE2, #PAGE3, #PAGE4, #PAGE5, #PAGE6{padding: 80px 0;}
    #PAGE2{padding: 0 0 80px 0;}
    #PAGE3{padding: 20px 0 100px 0;}
}
@media all and (max-width:550px) {
	.fp-section, .fp-tableCell{height: auto !important;}
    html, body{height: auto;}
    #wrap{height: auto; } 
    #PAGE1, #PAGE2, #PAGE3, #PAGE4, #PAGE5, #PAGE6{padding: 60px 0;}
    #PAGE2{padding: 0 0 60px 0;}    
    #PAGE3{padding: 10px 0 100px;}
    #PAGE5{padding: 60px 0 80px;}
    #PAGE6{padding: 60px 0 70px;}
}
/*
=========================================================================
헤더
=========================================================================
*/
#header{position: fixed;top: 0;left: 0; min-width: 400px; width: 100%; z-index: 150; box-sizing: border-box; height: 70px; z-index: 900;}
#header .logo{position: absolute; left: calc(5% + 95px); top:30px; width: 180px; height: auto; cursor: pointer; z-index: 500; }
#header .logo img{width: 100%; height: auto;}
.gnb_icon{position: absolute; right: 5%; top:42px; display: flex;}
.gnb_icon li{margin-right: 28px; height: 24px; width: 24px; cursor: pointer;}
.gnb_icon li:nth-of-type(1){background: url(../img/common/hicon01_y.png) no-repeat center / cover;}
.gnb_icon li:nth-of-type(2){background: url(../img/common/hicon02_y.png) no-repeat center / cover;}
.gnb_icon li:nth-of-type(3){background: url(../img/common/hicon03_y.png) no-repeat center / cover;}
.gnb_icon li:last-of-type{margin-right: 0;}

.scroll{position: fixed; left: 0; bottom:0;}
.scroll_txt{position: absolute; bottom:115px; left:43px; writing-mode: vertical-rl; line-height: 1; font-size: .5em; color: #FFA800; letter-spacing: 3px;}
.scroll_bar{z-index: 900; width: 1px; height: 0px; background: #FFA800; animation-name:scroll; animation-duration: 3s; animation-iteration-count: infinite;   animation-timing-function: ease-in-out; animation-delay:0;
}
@keyframes scroll{
    0% {height: 0px;}
    100% {height: 100px;}
}   
.scroll_bg{position: absolute; bottom:0; left:47px; z-index: 800; width: 1px; height: 100px; background: rgba(255,168,0,.2);}

@media (max-width: 720px) {
    .scroll{display: none;}
    #header .logo{position: absolute; left: 5%; width: 160px;}
    .gnb_icon{top:40px;}
    .gnb_icon li{margin-right: 24px;}
    .gnb_icon li:nth-of-type(1){background: url(../img/common/hicon01.png) no-repeat center / cover;}
    .gnb_icon li:nth-of-type(2){background: url(../img/common/hicon02.png) no-repeat center / cover;}
    .gnb_icon li:nth-of-type(3){background: url(../img/common/hicon03.png) no-repeat center / cover;}
    .gnb_icon.active li:nth-of-type(1){background: url(../img/common/hicon01_y.png) no-repeat center / cover;}
    .gnb_icon.active li:nth-of-type(2){background: url(../img/common/hicon02_y.png) no-repeat center / cover;}
    .gnb_icon.active li:nth-of-type(3){background: url(../img/common/hicon03_y.png) no-repeat center / cover;}
}
@media (max-width: 720px) {
    .gnb_icon li{margin-right: 18px;}
}
/*
=========================================================================
컨텐츠 레이아웃
=========================================================================
*/
#container{width: calc(100% - 95px); position: absolute; right: 0; border-left: 1px solid #eee; overflow: hidden;}
.main_inner{padding: 0 5%; box-sizing: border-box;}

@media (max-width: 720px) {
    #container{width: 100%;}
}

/*
=========================================================================
footer
=========================================================================
*/
#footer{min-width: 400px; width: 100%; position: relative; border-top: 1px solid #eee; background: #fafafa; font-size: .95em;}
.flink{ border-bottom: 1px solid #eee; padding: 16px 0;}
.flink .main_inner{display: flex; justify-content: space-between;}
.flink ul{display: flex;}
.flink ul li{cursor: pointer;  color: #888;}
.flink ul li::after{content: ''; display: inline-block; height: 12px; width: 1px; background: #aaa; margin: 0 20px;}
.flink ul li:last-of-type::after{display: none;}
.copyright{color: #aaa; font-size: .9em;}
.finfo{padding: 60px 0 70px;}
.finfo .main_inner{display: flex; justify-content: space-between;}
.finfo .finfo_wrap{display: flex;}
.finfo_left{padding-right: 40px; border-right: 1px solid #eee;}
.finfo_left .address{margin-bottom: 8px;}
.finfo .finfo_left>div{display: flex;}
.finfo .ftit{font-weight: 700; color: #FFA800; width: 100px;}
.finfo .ftxt{color: #555;}
.cs_info{padding-left: 40px; display: flex;}
.cs_info .ftxt{color: #888; font-size: .95em; line-height: 1.5}
.cs_info .ftxt span{color: #555; font-size: 1.3em; font-weight: 700; display: block; margin-bottom: 10px;}
.ebook_btn>div{position: relative; width: 240px; border: 1px solid #FFA800; color: #FFA800; border-radius: 30px; padding: 5px 20px; transition: all .4s; cursor: pointer;}
.ebook_btn .allolab{margin-bottom: 10px;}
.ebook_btn>div:hover{background: #FFA800; color: #fff;}
.ebook_btn span::before{content: ''; background: url(../img/main/icon_ebook.png) no-repeat center / cover; width: 18px; height: 18px; display: inline-block; margin-right: 12px; transform: translateY(2px);}
.ebook_btn>div:hover span::before{background: url(../img/main/icon_ebook_w.png) no-repeat center / cover;}
.ebook_btn span::after{content: ''; background: url(../img/common/btn_arrow_y.png) no-repeat center / cover; width: 20px; height: 20px; position: absolute; right:20px; top:50%; transform: translateY(-50%);}
.ebook_btn>div:hover span::after{background: url(../img/common/btn_arrow.png) no-repeat center / cover;}

/* top_btn */
#top_btn{position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 900;}
#top_btn img{width: 40px; height: auto;}

@media (max-width: 1400px) {
    .finfo .finfo_wrap{width: 100%;}
    .finfo .main_inner{flex-wrap: wrap; flex-direction: row;}
    .ebook_btn{display: flex; margin-top: 40px;}
    .ebook_btn .allolab{margin-right: 15px; margin-bottom: 0px;}
}
@media (max-width: 1200px) {
    .copyright{position: absolute; bottom: 20px; left: 5%;}
    .finfo{padding: 50px 0 60px;}
    .finfo .ftit{width: 75px;}
    .finfo_left{padding-right: 20px;}
    .cs_info{padding-left: 20px;}
    .ebook_btn>div{width: 210px;}
    .ebook_btn .factory{width: 190px;}
    #top_btn img{width: 36px; height: auto;}
}
@media (max-width: 900px) {
    .flink{padding: 13px 0;}
    .finfo{padding: 40px 0 80px;}
    .finfo .ftit{width: 100%;}
    .finfo .finfo_left>div{flex-direction: row; flex-wrap: wrap;}
    .cs_info{flex-direction: row; flex-wrap: wrap;}
    .ebook_btn{margin-top: 30px;}
}
@media (max-width: 720px) { 
    .flink ul li::after{height: 10px;margin: 0 12px;}
    .finfo{padding: 35px 0 70px;}
    .ebook_btn>div{width: 185px;}
    .ebook_btn .factory{width: 185px;}
    #top_btn img{width: 34px; height: auto;}
    .ebook_btn span::before{width: 14px; height: 14px;}
    .ebook_btn span::after{width: 16px; height: 16px;}
}

@media (max-width: 550px) {
    .ebook_btn{flex-direction: row; flex-wrap: wrap;}
    .ebook_btn .allolab{margin-right: calc(100% - 300px); margin-bottom: 10px;}
    .copyright{font-size: .8em;}
}