#container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 0px;
    font-family: "Gmarket Sans";
}
#container .section {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: calc(100vh - 0px);
    width: 100%;
    position: relative;
    /*scroll-snap-align: start;*/
    }
#fp-nav {
    position: fixed;
    z-index: 1000;
    top: 50%;
    opacity: 1;
}
#fp-nav.fp-right {right: 90px!important; transform: translate(0,-50%);}
#fp-nav ul li, .fp-slidesNav ul li {width: 16px!important; height: 16px!important; margin-bottom: 25px!important;}
#fp-nav ul li a span {display: block; font-size:0; width: 100%!important; height: 100%!important; border-radius: 50%!important; border: 3px solid #cfb99e!important; background-color: transparent!important;}
#fp-nav ul li a.active span {width: 100%!important; height: 100%!important;font-size:0;  border-radius: 50%!important; border: 3px solid #eb484d!important; background-color: #eb484d!important; margin: 0!important;}

#container section#visual_section #visual_wrap {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    display: block;
	background:url("/pages/basic/img/main/bg1.jpg")  top center no-repeat;
	background-size: cover;}
#container section#visual_section #visual_wrap #visual {max-width: 1400px;
    position: relative;
    height: 100%;
    display: block;
    align-content: center;
    margin: 0 auto; }
#container section#visual_section #visual_wrap #visual .visual_txt{margin-top: 50px;font-size: 63px;font-weight: 600;font-family: "Gmarket Sans";color:#cfb99e;text-align: center;z-index: 50;display: block;top: 50%;margin-top: -20px;}
#container section#visual_section #visual_wrap #visual .visual_txt p{font-size: 47px;font-weight:400;margin-top: 8px;}
#container section#visual_section #visual_wrap #visual .visual_txt span{font-size: 18px;margin-top: 5px;display: block;letter-spacing: 0;}


#main-mouse-scroll { position:absolute; left:50%; bottom:0; width:33px; height:104px; margin-bottom:15px; font-size:16px; font-weight:400; text-align:center; color:#fff;}
#main-mouse-scroll div { position:absolute; left:0; bottom:0; animation:mouse_scroll 1s infinite;}
@keyframes mouse_scroll {
	0% { bottom:0; animation-timing-function:ease; }
	50% { bottom:20px; }
	100% { bottom:0; animation-timing-function:ease; }
}


/* 2PAGE */
#container section#sc_section {width: 100%; margin-left: auto; margin-right: auto;position: relative;overflow: hidden;
  display: block; background:url("/pages/basic/img/main/bg2.jpg")  top center no-repeat;background-size: cover;}
#container section#sc_section #sc_wrap {margin:0 auto; width: 100%;max-width: 1400px;}
#container section#sc_section #sc_wrap .visual_txt{margin-top: 50px;font-size: 42px;font-weight: 400;font-family: "Gmarket Sans";color:#cfb99e;text-align: center;z-index: 50;display: block;top: 50%;margin-top: -20px;}
#container section#sc_section #sc_wrap .visual_txt p{font-size: 54px;font-weight:600;}
#container section#sc_section #sc_wrap .visual_txt span{font-size: 18px;margin-top: 5px;display: block;letter-spacing: 0;}
#container section#sc_section #sc_wrap .visual_txt .tit_sub{font-size:18px;margin-top: 5px;display: block;width: 600px;margin: 0 auto;}
#container section#sc_section #sc_wrap .sub_txt{display: flex; justify-content: center; margin: 25px 0;}
#container section#sc_section #sc_wrap .sub_txt li{display:inline-block;border-radius: 31px;background: #891b1bab;line-height: 50px;padding: 0 20px;margin: 5px;color: #fff;font-size: 18px;}
.sc_btn{display:block;width: 200px;margin: 0 auto; background: #cfb99e36 url("/pages/basic/img/main/main_btn1.png") 140px center  no-repeat;border: solid 1px #cfb99e;padding: 15px;}
.sc_btn a {    display: block;font-size: 20px; font-weight: bold; color: #b6a087; }

/* 3PAGE */
#container section#three_section{width: 100%; margin-left: auto; margin-right: auto;position: relative;display: block; background:url("/pages/basic/img/main/bg3.jpg")  top center no-repeat;background-size: cover;}
#container section#three_section #three_wrap {margin:0 auto; width: 100%;max-width: 1400px;}
#container section#three_section #three_wrap .visual_txt{margin-top: 50px;font-size: 42px;font-weight: 400;font-family: "Gmarket Sans";color:#cfb99e;text-align: center;z-index: 50;display: block;top: 50%;margin-top:20px;}
#container section#three_section #three_wrap .visual_txt p{font-size: 54px;font-weight:600;line-height: 60px;}
#container section#three_section #three_wrap .visual_txt .tit_sub{font-size:18px;display: block;margin: 0 auto;}
#container section#three_section #three_wrap .quick{margin:0 auto;width: 1150px;display:block}
ul.sc3-quick{ margin-top:40px }
ul.sc3-quick li{}
ul.sc3-quick li a{
    transition: all .3s;
    display: inline-block;
    font-size: 20px;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    width: 200px;
    height:200px;
    background: #891b1bab;
    margin: 0px 15px;
    border-radius: 100px;
    color: #fff;
    }
ul.sc3-quick li a:hover { transform: translateY(-10px); }
ul.sc3-quick li a:before{content:'';display: inline-block;width: 100%;position: relative;height:125px;}
ul.sc3-quick li:nth-child(1) a:before{background: url('/pages/basic/img/main/icon_1.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(2) a:before{background: url('/pages/basic/img/main/icon_2.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(3) a:before{background: url('/pages/basic/img/main/icon_3.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(4) a:before{background: url('/pages/basic/img/main/icon_4.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(5) a:before{background: url('/pages/basic/img/main/icon_5.png') center 40px no-repeat;}



/* 4PAGE */
#container section#fourth_section{width: 100%; margin-left: auto; margin-right: auto;position: relative;display: block; background:url("/pages/basic/img/main/bg4.jpg")  top center no-repeat;background-size: cover;}
#container section#fourth_section #fourth_wrap {margin:0 auto; width: 100%;max-width: 1400px;}
#container section#fourth_section #fourth_wrap .visual_txt{margin-top: 50px;font-size: 42px;font-weight: 400;font-family: "Gmarket Sans";color:#cfb99e;text-align: center;z-index: 50;display: block;top: 50%;margin-top:20px;}
#container section#fourth_section #fourth_wrap .visual_txt p{font-size: 50px;font-weight:600;line-height: 60px;}
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub{font-size:18px;display: block;margin: 0 auto;}
.tit_inquiry{display: block;width: 300px;font-size: 40px;color: #d9c1a2;background: #cfb99e36;border: solid 1px #cfb99e;padding: 15px 0 5px 0;border-radius: 30px;margin: 30px auto 20px;font-weight: 300;}
.tit_tel{font-size: 40px;color: #d9c1a2;margin-top: 10px;}
#container section#fourth_section #fourth_wrap .sub_txt{display: flex; justify-content: center; margin: 25px 0;}
#container section#fourth_section #fourth_wrap .sub_txt li{display:inline-block;background: #7d141c url(/pages/basic/img/main/main_btn2.png) 108px center no-repeat;padding:0 20px;line-height: 50px;padding: 0 60px  0 30px;margin: 5px;color: #fff;font-size: 18px;}
#container section#fourth_section #fourth_wrap .sub_txt li a{color:#fff; }
#container section#fourth_section #fourth_wrap .sub_txt li a:hover{color:#d9c1a2;}



@keyframes bounce-top{
	0% { transform:translateY(0); -webkit-transform:translateY(0); }
	50% { transform:translateY(15%); -webkit-transform:translateY(15%); }
	100% { transform:translateY(0); -webkit-transform:translateY(0); }
}
@-webkit-keyframes bounce-top {
	0% { transform:translateY(0); -webkit-transform:translateY(0); }
	50% { transform:translateY(15%); -webkit-transform:translateY(15%); }
	100% { transform:translateY(0); -webkit-transform:translateY(0); }
}


@keyframes bounce-right{
	0% { transform:translateX(0); -webkit-transform:translateX(0); }
	50% { transform:translateX(3%); -webkit-transform:translateX(3%); }
	100% { transform:translateX(0); -webkit-transform:translateX(0); }
}
@-webkit-keyframes bounce-right{
	0% { transform:translateX(0); -webkit-transform:translateX(0); }
	50% { transform:translateX(3%); -webkit-transform:translateX(3%); }
	100% { transform:translateX(0); -webkit-transform:translateX(0); }
}






/**************************************************************** 반응형 CSS ****************************************************************/




@media screen and (max-width: 1400px) {
#container section#visual_section .visual_txt p{font-size: 42px !important;}
#container section#visual_section .visual_txt{font-size: 53px !important;}

#container section#three_section #three_wrap .quick{width:960px}
ul.sc3-quick li a{
    transition: all .3s;
    display: inline-block;
    font-size: 16px;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    width: calc(22% - 46px);
    height: 168px;
    background: #891b1bab;
    margin: 0px 8px;
    border-radius: 100px;
    color: #fff;
    }

ul.sc3-quick li a:before{content:'';display: inline-block;width: 100%;position: relative;height: 100px;}
ul.sc3-quick li:nth-child(1) a:before{background: url('/pages/basic/img/main/icon_1.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(2) a:before{background: url('/pages/basic/img/main/icon_2.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(3) a:before{background: url('/pages/basic/img/main/icon_3.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(4) a:before{background: url('/pages/basic/img/main/icon_4.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(5) a:before{background: url('/pages/basic/img/main/icon_5.png') center 20px no-repeat;}

}


@media screen and (max-width: 1200px) {
#fp-nav.fp-right{display:none}
ul.sc3-quick li a{
    width: calc(20% - 46px); height: 148px;}
}


@media screen and (max-width: 960px) {
#container section#visual_section .visual_txt{font-size: 38px !important;}
#container section#visual_section .visual_txt p{font-size: 25px !important; }
#container section#sc_section #sc_wrap .visual_txt p {font-size: 38px;}
#container section#sc_section #sc_wrap .visual_txt{font-size: 25px; }
#container section#visual_section #visual_wrap  {padding:20px}
#container section#sc_section {padding:20px}
#container section#three_section {padding:20px}
#container section#three_section #three_wrap .visual_txt p  {font-size: 38px;line-height: 40px; }
#container section#fourth_section #fourth_wrap .visual_txt p  {font-size: 38px;line-height: 40px; }
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub {font-size: 16px;}
#container section#three_section #three_wrap .quick {margin-left:5%; display: block;}
ul.sc3-quick li a {
        width: calc(17% - 46px);
        height: 118px;
    }
ul.sc3-quick li a:before{content:'';display: inline-block;width: 100%;position: relative;height:66px; }
ul.sc3-quick li:nth-child(1) a:before{background: url('/pages/basic/img/main/icon_1.png') center 20px no-repeat; background-size:40%;}
ul.sc3-quick li:nth-child(2) a:before{background: url('/pages/basic/img/main/icon_2.png') center 20px no-repeat;background-size:40%;}
ul.sc3-quick li:nth-child(3) a:before{background: url('/pages/basic/img/main/icon_3.png') center 20px no-repeat;background-size:40%;}
ul.sc3-quick li:nth-child(4) a:before{background: url('/pages/basic/img/main/icon_4.png') center 20px no-repeat;background-size:40%;}
ul.sc3-quick li:nth-child(5) a:before{background: url('/pages/basic/img/main/icon_5.png') center 20px no-repeat;background-size:40%;}
#container section#fourth_section{padding:20px}
}


@media screen and (max-width: 780px) {
#container section#three_section #three_wrap .quick {margin-left:2%;}
 ul.sc3-quick li a {width: calc(17% - 55px);height: 109px; }
}


@media screen and (max-width: 690px) {
#container section#visual_section #visual_wrap #visual .visual_txt span {  width: 100%;font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;}
    #container section#visual_section .visual_txt {
        font-size: 32px !important;
    }
	#container section#visual_section #visual_wrap #visual .visual_txt p {width: 100%;
        font-size: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-word;}
#container section#sc_section #sc_wrap .visual_txt p {margin-top:10px; font-size: 32px;line-height: 42px;}
#container section#sc_section #sc_wrap .visual_txt .tit_sub{font-size: 14px; width: 80%;line-height: 22px;}
#container section#sc_section #sc_wrap .sub_txt {display: flex;margin: 25px auto;}
#container section#sc_section #sc_wrap .sub_txt li { display: block;}
#container section#three_section #three_wrap .quick { width:360px; display: block; margin: 0 auto;}
ul.sc3-quick li a {
        transition: all .3s;
        display: block;
        font-size: 16px;
        width: calc(46% - 15px);
        height: 53px;
        background: #891b1bab;
        margin-top: 14px;
        }

ul.sc3-quick li a:before{width: 100%;position: relative;height:35px;}
ul.sc3-quick li:nth-child(1) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(2) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(3) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(4) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(5) a:before{background:none;height: 0;}
#container section#three_section #three_wrap .visual_txt p {
        font-size: 32px;
        line-height: 36px;}
#container section#fourth_section #fourth_wrap .visual_txt{line-height: 32px;}
#container section#fourth_section #fourth_wrap .visual_txt p {margin-top:10px; font-size: 32px;line-height: 42px;}
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub{font-size: 14px; width: 80%;line-height: 22px;}
.tit_inquiry {font-size: 28px;}

}