@font-face {
    font-family: 'OAGothic-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'goorm-sans-bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408@1.0/goorm-sans-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'godoRoundedR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2409-1@1.0/godoRoundedR.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'LINESeedKR-Bd';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes reveal {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }


#wrap {width:100%; overflow: hidden; }
#contents {width:100%; overflow: hidden;}

/*============================================================================================================
    헤더
============================================================================================================*/
:root {


}

body {background-color: #fff; transition: background-color 1s ease;}

/* colours */
.color-red2 {
    background-color: #0c00cf;
  }
  .color-indigo {
    background-color: #4332CF;
  }
  .color-red {
    background-color: #0c00c0;
  }

header {position:fixed; top:0; left:0; right:0; z-index:1000; height:85px; font-size:0; background:transparent; transition:all 0.3s ease; background: #17194f; opacity: 0.9;}
.header .inner {max-width:30%; padding:0 2%; position: absolute; top:100px; right:2%;}

header h1 { position:relative; z-index:1100; left:5%; top:20px; display:inline-flex; align-items: center; justify-content: center; transition:all 0.3s ease;}
header h1 a {display:inline-block; height:42px; font-family: 'OAGothic-ExtraBold'; font-size: 34px; color:#fff;}


.header .gnb {text-align:center; width:100%;}
.header .gnb > ul {font-size:0;}
.header .gnb > ul > li {position:relative; display:inline-block; width:auto; text-align:right; vertical-align:top; transition:all 0.3s ease; width:100%;}
.header .gnb > ul > li > a { display:block; font-family: 'OAGothic-ExtraBold'; padding:10px 0; font-size:16px; font-weight:600; letter-spacing:1px;color:#e8e8e8; }
.header .gnb > ul > li > a:hover { border-bottom: 1px solid #fff;  transition:all 0.3s ease;  text-align: left;}


.header .etc {position:absolute; top:27px; right:3%; float:right; z-index:5500;}
.header .etc ul {display:flex;  align-items: center;}
.header .etc ul li {display:inline-block;}

.header .etc .toggle { position:relative; display:block; width:30px; height:30px; text-indent:-99999px;}
.header .etc .toggle.active {background: #000; opacity: 0.8;}
.header .etc .toggle span { position:absolute; display:inline-block; width:30px; height:2px; position:absolute; background:#fff; opacity:1; transition:all 0.3s ease;}
.header .etc .toggle span:nth-child(1) {top:calc(50% - 9px); right:0;}
.header .etc .toggle span:nth-child(2) {width:20px; top:calc(50% - 1px); right:0;}
.header .etc .toggle span:nth-child(3) {top:calc(50% + 8px); right:0;}

.header .etc ul li .toggle.active span:nth-child(1) {right:-2px; top:50%; margin-top:0; width:34px; transform:rotate(45deg)}
.header .etc ul li .toggle.active span:nth-child(2) {right:0; opacity:0;}
.header .etc ul li .toggle.active span:nth-child(3) {right:-2px; top:50%; margin-bottom:0; width:34px; transform:rotate(-45deg)}


/* 토글 */
body.tgop {overflow:hidden;}
.header .tgbox {position:fixed; display:none; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.8); backdrop-filter: blur(5px); z-index:5000; overflow:scroll;}
.header .tgmenu {display:table; width:100%;  padding:0; height:100%; margin:0 auto; box-sizing:border-box;}
.header .tgmenu > ul {display:table-cell; margin:0 auto; vertical-align:middle; text-align:center; font-size:0; background: #000; opacity: 0.8;}
.header .tgmenu > ul:after {content:''; display:block; clear:both;}

.header .tgmenu > ul > li {position:relative; display:inline-block;overflow:hidden;  vertical-align:top; width:16%; margin:0 0 20px; transition:all 0.3s ease; background: none;}
.header .tgmenu > ul > li:last-child:after {display:none;}


.header .tgmenu > ul > li > a {position:relative; display:inline-block; font-size:36px; font-weight:700; letter-spacing:0; color:#fff; background: none;}
.header .tgmenu > ul > li > a:hover {color: #fff538;}
.header .tgmenu > ul > li > ul {display:block; padding:26px 0 0 0;}
.header .tgmenu > ul > li > ul > li {display:block; margin:0 0 12px;}
.header .tgmenu > ul > li > ul > li > a {position:relative; display:inline-block; font-size:20px; font-weight:800; color:#fff;}


/* 마우스호버 효과 */

@media all and (max-width:1200px){
    .header .gnb > ul > li:first-child {margin-left:80px;}
    .header .gnb > ul > li > a {padding:0 36px;}

}

@media all and (max-width:1024px){
    :root {
        --header-height-:80px;
    }
    .header h1 a {height:38px;}
    .header .gnb {display:none;}
}


@media all and (max-width:768px){
    :root {
        --header-height-:70px;
    }
    .header h1 a {height:36px;}
    
    .header .tgmenu > ul > li {width:100%; margin:0; padding:2vw 0;}
    .header .tgmenu > ul > li > a {display:inline-block; font-size:6vw;}

}


/* move text */

.move_txt {background: #3214ac; z-index: 5; transform: rotate(270deg) translateX(-5%); transform-origin: left top; position: absolute; left:-1px; bottom: 0; width:100%;}
.move_txt .text {display: flex; white-space: nowrap; overflow: hidden; transition: 0.2s; font-size: 46px; font-weight: 800; color: #fff;}
.move_txt .text p {animation:textLoop 40s linear infinite; padding-left: 20px; text-transform: uppercase;}


/* contens */



.sc01 {position: relative; top:0; left: 0; width:100%; padding:200px 5% 0; background: #0c00c0; height:100vh;}
.sc01 .main_ttl {margin-top:60px;}
.sc01 .main_ttl .sc_txt01{font-size: 60px; font-family: 'LINESeedKR-Bd'; font-weight: 500; color:#fff; line-height: 80px; height: 80px; display: flex; align-items: center;  }
.sc01 .main_ttl .sc_txt02{font-size: 56px; font-family: 'goorm-sans-bold'; font-weight: 500; color:#fff; align-items: center;  }

.point {font-size: 200px; color:#/; font-family: 'GmarketSansMedium'; display: flex; align-items: flex-end;  }
.point .po {font-size: calc(100vw * (230 / 900)); position: absolute; bottom:-10%; right:20%;}}
.point .po  span { display: block;}
.fill {
     -webkit-text-stroke-color: #0c00c0;
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
     background-repeat: no-repeat;
     background-position: center bottom;
     background-size: 100% 0%;
     background-image: linear-gradient(0deg, #fff 0%, #fff 50%, transparent 50.1%);
     transition: all .5s linear;
 }
 .animation {
     background-size: 100% 200%;
     -webkit-text-stroke-color: #fff;
 }



#inc01{padding-top:50px;height:700px;}

#inc01 .big_txt {
    position: relative;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.2;
    color: rgba(255,255,255,.2);
    margin-bottom:50px;
    font-family: 'goorm-sans-bold';
}

#inc01 .big_txt .b_txt {
    position: relative;
    width: max-content;
    background: linear-gradient(to right, #0c00c0, #0c00c0) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0%;
    transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;
}

.sc02 {width:100%; padding:200px 0 200px; position: relative; height:100vh; background:#fff;}

.sc02 .sc02_inner {padding:0 10%; display:inline-block;}
.sc02 .sc02_inner .sc02_txt01 {padding:40px 0; font-size:80px; color:#000; font-family: 'goorm-sans-bold';}
.sc02 .sc02_inner .sc02_txt02 {font-size: 60px; color:#f3f3f3;  font-family: 'goorm-sans-bold'; position:absolute; bottom:10%; right:5%;}

.sc02 .sc02_inner ul li {float:left; margin:5px 10px; padding:20px 30px; border-radius: 50px; background:#f3f3f3; color:#000; font-size:20px; font-family: 'LINESeedKR-Bd';}

.sc03 {width:100%; padding:200px 0; position: relative; height:100vh; background: url('/new_inc/img/main_c02.png') 10% bottom no-repeat; background-size: 30%;;}

.sc03 .sc03_inner {padding:0 10%; display:inline-block; }
.sc03 .sc03_tt {margin: 0 auto 100px; position: relative; left:14%;}
.sc03 .sc03_tt .b_txt { font-size:30px;
    font-family: 'OAGothic-ExtraBold';
    color:#ff283e;
    border-right:4px solid #ffc5cb;
    overflow:hidden;
    white-space:nowrap;
    animation: typing 10s steps(27) forwards, 
                blink-caret .8s step-end infinite;
    animation-iteration-count: infinite;}
.sc03 .sc03_inner .sc03_txt01 {padding:40px 0; font-size:80px; color:#fff; font-family: 'goorm-sans-bold';}
.sc03 .sc03_inner .sc03_txt02 {font-size: 60px; color:#ff4b5d;  font-family: 'goorm-sans-bold'; position:absolute; bottom:5%; right:5%;}
.sc03 .sc03_inner ul  {display: inline-block;}
.sc03 .sc03_inner ul li {float:left; margin:5px 10px; padding:20px 30px; border-radius: 50px; background:#ffc5cb; color:#000; font-size:20px; font-family: 'LINESeedKR-Bd';}

.sc04 {width:100%; padding:200px 0; position: relative; height:100vh; background:#fff;}
.sc04 .sc04_inner {padding:0 5%; display:inline-block;}
.sc04 .sc04_inner .sc04_left {width:100%; float:left; text-align: center;}
.sc04 .sc04_inner .sc04_left .sc04_txt01 {padding:40px 0; font-size:80px; color:#000; font-family: 'OAGothic-ExtraBold';overflow: hidden; display: inline-block;}
.sc04 .sc04_inner .sc04_left .sc04_txt01 .slideup {animation: reveal 2s ease 1; display: block;}
.sc04 .sc04_inner .sc04_right {width:100%; float: left; margin-top:50px;}
.sc04 .sc04_inner .sc04_right ul li {padding:2% 3%; height:200px; margin:10px; border-radius: 20px; float:left; border:1px solid #efefef;}
.sc04 .sc04_inner .sc04_right ul li .h_tit {font-size:26px; color:#000;font-family: 'LINESeedKR-Bd';}
.sc04 .sc04_inner .sc04_right ul li .h_txt {margin-top:20px; font-size: 16px; color:#3a3a3a; line-height:26px;}


.sc05 {width:100%; padding:200px 0; position: relative; height:100vh; background: url('/new_inc/img/main_c05.png') 80% bottom no-repeat; background-size: 30%;}

.sc05 .sc05_inner {padding:0 10%; display:inline-block;}
.sc05 .sc05_inner .sc05_txt01 {padding:40px 0; font-size:80px; color:#fff; font-family: 'goorm-sans-bold';}
.sc05 .sc05_inner .sc05_btn {padding:2% 6% 2% 5%; position: relative; display: inline-block; background: #fff; margin-top:20px; border-radius: 50px;}
.sc05 .sc05_inner .sc05_btn a {font-size:26px; color:#000; font-family: 'goorm-sans-bold'; }
.icon-pen-black { position: absolute; top:30px; right:35px; width: 22px; height: 22px; background-image:url('https://www.samwonpaper.com/resources/_asset/pc/common/images/icon/icon-pen-black.png')}
.icon {display: inline-flex; font-size:0;  background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.sc05 .sc05_inner ul {margin-top:100px;}
.sc05 .sc05_inner ul li {color:#fff; font-weight: bold; font-size:26px; margin:10px 0; padding:10px 0 20px; border-bottom: 2px solid #fff; display: inline-block; width:50%; font-family: 'LINESeedKR-Bd';}


#footer {padding:100px 0; background: #222;}
.footer_inner {padding:0 10%; width:80%; display: inline-block; text-align: right;}
#footer .footer_inner .foot_tit {font-size:46px; color:#696969; display: inline-block; font-family: 'goorm-sans-bold';}
#footer .footer_inner .foot_txt {font-size:16px; color:#696969; margin-top:20px;}



.colr01 {color:#0c00c0 !important;}
.colr02 {color:#fff !important;}
.colr03 {color:#fffb00 !important;}


.hideme
{
    opacity:0;
}
.fadeinleft {
    opacity:0;
    margin-top:-300px;    
    max-width:100%;
}


.blinking{
   margin:0 0 100px 25%;
    display: inline-block;
    position:relative;
    overflow-y: hidden;
    padding:0 5%;
    -ms-text-overflow-style: none;
}
.blinking::-webkit-scrollbar{display: none;}
.blinking .b_txt{
    font-size:30px;
    font-family: 'OAGothic-ExtraBold';
    color:#ffc5cb;
    border-right:4px solid #ffc5cb;
    overflow:hidden;
    white-space:nowrap;
    animation: typing 10s steps(27) forwards, 
                blink-caret .8s step-end infinite;
    animation-iteration-count: infinite;

}


@keyframes blink-caret{
    from, to{border-color:transparent;}
    50%{border-color:#ffc5cb}
}@keyframes typing{
    0%{width:0%;}
    30%{width:100%}
    80%{width:100%}
    90%{width:0%}
    100%{width:0%}
}




#master {
    font-family: "OAGothic-ExtraBold";
    font-size: 60px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0;
    -webkit-font-smoothing: inherit
}

#master {
    text-rendering: optimizeLegibility
}

#master-container {
    background-color: #F5C59C;
    -webkit-animation: master-container-bg 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation: master-container-bg 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vmin;
    min-height: 0;
    max-height: 100%;
}

#master-container .content {
    height: auto;
    margin-left: inherit;
    margin-right: inherit
}

@media screen and (max-width: 615px) {
    #master-container {
        -webkit-animation: master-container-bg-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
        animation: master-container-bg-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
    }
}

@media screen and (max-width: 615px) {
    #master {
        font-size: 40px;
        z-index: 9999;
        position: relative;
    }
}

#master-container-scroller {
    height: 62px;
    margin-bottom: -6px;
    overflow: hidden;
    position: relative;
    margin:20px 0 40px;
}

#master-container-scroller .master-container-scroller_item {
    display: block;
    padding-bottom: 6px;
    -webkit-animation: scroll 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation: scroll 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

#master-container-scroller .master-container-scroller_item a {font-size:60px;}

#master-container-scroller .master-container-scroller_item[href]:hover {
    text-decoration: underline
}

#master-container-scroller .master-container-scroller_item:nth-child(1),
#master-container-scroller .master-container-scroller_item:nth-child(1) a {
    color: #c8ff49
}

#master-container-scroller .master-container-scroller_item:nth-child(2),
#master-container-scroller .master-container-scroller_item:nth-child(2) a {
    color: #ffff0b
}

#master-container-scroller .master-container-scroller_item:nth-child(3),
#master-container-scroller .master-container-scroller_item:nth-child(3) a {
    color: #00edba
}

#master-container-scroller .master-container-scroller_item:nth-child(4),
#master-container-scroller .master-container-scroller_item:nth-child(4) a {
    color: #87cdff
}

#master-container-scroller .master-container-scroller_item:nth-child(5),
#master-container-scroller .master-container-scroller_item:nth-child(5) a {
    color: #c697ff
}

#master-container-scroller .master-container-scroller_item:nth-child(6),
#master-container-scroller .master-container-scroller_item:nth-child(6) a {
    color: #ffd2af
}

#master-container-scroller .master-container-scroller_item:nth-child(7),
#master-container-scroller .master-container-scroller_item:nth-child(7) a {
    color: #ff83ee
}


@media screen and (max-width: 615px) {
    #master-container-scroller {
        height: 48px;
        line-height: 1.2;
        margin-bottom: 0
    }
    #master-container-scroller .master-container-scroller_item {
        padding-bottom: 0;
        -webkit-animation: scroll-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
        animation: scroll-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
    }
}

#master-container-grid .master-container-grid_item:nth-child(1) .grid_item-overlay {
    background-color: rgba(230, 95, 72, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(1) .grid_item-overlay .link:hover {
        color: #E65F48
    }
}

#master-container-grid .master-container-grid_item:nth-child(2) .grid_item-overlay {
    background-color: rgba(230, 95, 72, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(2) .grid_item-overlay .link:hover {
        color: #E65F48
    }
}

#master-container-grid .master-container-grid_item:nth-child(3) .grid_item-overlay {
    background-color: rgba(118, 188, 173, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(3) .grid_item-overlay .link:hover {
        color: #76BCAD
    }
}

#master-container-grid .master-container-grid_item:nth-child(4) .grid_item-overlay {
    background-color: rgba(132, 113, 159, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(4) .grid_item-overlay .link:hover {
        color: #84719f
    }
}

#master-container-grid .master-container-grid_item:nth-child(5) .grid_item-overlay {
    background-color: rgba(212, 119, 135, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(5) .grid_item-overlay .link:hover {
        color: #d47787
    }
}

#master-container-grid .master-container-grid_item:nth-child(6) .grid_item-overlay {
    background-color: rgba(240, 149, 81, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(6) .grid_item-overlay .link:hover {
        color: #F09551
    }
}

#master-container-grid .master-container-grid_item:nth-child(7) .grid_item-overlay {
    background-color: rgba(52, 154, 181, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(7) .grid_item-overlay .link:hover {
        color: #349AB5
    }
}

#master-container-grid .master-container-grid_item:nth-child(8) .grid_item-overlay {
    background-color: rgba(232, 96, 66, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(8) .grid_item-overlay .link:hover {
        color: #e86042
    }
}

#master-container-grid .master-container-grid_item:nth-child(9) .grid_item-overlay {
    background-color: rgba(116, 188, 174, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(9) .grid_item-overlay .link:hover {
        color: #74bcae
    }
}

#master-container-grid .master-container-grid_item:nth-child(10) .grid_item-overlay {
    background-color: rgba(230, 95, 72, 0.9)
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item:nth-child(10) .grid_item-overlay .link:hover {
        color: #E65F48
    }
}

#master-container-grid .master-container-grid_item .img {
    position: relative
}

#master-container-grid .master-container-grid_item .grid_item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    text-decoration: none
}

#master-container-grid .master-container-grid_item .grid_item-overlay:hover {
    opacity: 1
}

#master-container-grid .master-container-grid_item .grid_item-overlay .link {
    display: inline-block;
    box-shadow: 0 1px 0 0 #fff, inset 0 0 0 #fff;
    transition: box-shadow .2s ease
}

#master-container-grid .master-container-grid_item .grid_item-overlay .link:hover {
    box-shadow: 0 2px 0 0 #fff, inset 0 -1px 0 0 #fff
}

@media screen and (max-width: 520px) {
    #master-container-grid .master-container-grid_item {
        margin-bottom: 18px
    }
    #master-container-grid .master-container-grid_item .grid_item-overlay {
        position: relative;
        background: none !important;
        color: #3a3a3a;
        opacity: 1;
        display: block;
        margin-top: 18px;
        text-align: left
    }
    #master-container-grid .master-container-grid_item .grid_item-overlay .link {
        box-shadow: none
    }
    #master-container-grid .master-container-grid_item .grid_item-overlay .link:hover {
        text-decoration: underline
    }
}

@-webkit-keyframes master-container-bg {
    0.0% {
        background-color: #F5C59C
    }
    3.7037037037037037% {
        background-color: #F5C59C
    }
    11.11111111111111% {
        background-color: #ECC9CB
    }
    14.814814814814815% {
        background-color: #ECC9CB
    }
    22.22222222222222% {
        background-color: #D9E2CB
    }
    25.925925925925927% {
        background-color: #D9E2CB
    }
    33.333333333333336% {
        background-color: #f6c599
    }
    37.03703703703704% {
        background-color: #f6c599
    }
    44.44444444444444% {
        background-color: #c4bbd3
    }
    48.148148148148145% {
        background-color: #c4bbd3
    }
    55.55555555555556% {
        background-color: #F9E7AF
    }
    59.25925925925926% {
        background-color: #F9E7AF
    }
    66.66666666666667% {
        background-color: #B4E2EE
    }
    70.37037037037037% {
        background-color: #B4E2EE
    }
    77.77777777777777% {
        background-color: #cbe5f4
    }
    81.48148148148148% {
        background-color: #cbe5f4
    }
    88.88888888888889% {
        background-color: #d2e7e2
    }
    92.5925925925926% {
        background-color: #d2e7e2
    }
    100.0% {
        background-color: #F5C59C
    }
}

@keyframes master-container-bg {
    0.0% {
        background-color: #F5C59C
    }
    3.7037037037037037% {
        background-color: #F5C59C
    }
    11.11111111111111% {
        background-color: #ECC9CB
    }
    14.814814814814815% {
        background-color: #ECC9CB
    }
    22.22222222222222% {
        background-color: #D9E2CB
    }
    25.925925925925927% {
        background-color: #D9E2CB
    }
    33.333333333333336% {
        background-color: #f6c599
    }
    37.03703703703704% {
        background-color: #f6c599
    }
    44.44444444444444% {
        background-color: #c4bbd3
    }
    48.148148148148145% {
        background-color: #c4bbd3
    }
    55.55555555555556% {
        background-color: #F9E7AF
    }
    59.25925925925926% {
        background-color: #F9E7AF
    }
    66.66666666666667% {
        background-color: #B4E2EE
    }
    70.37037037037037% {
        background-color: #B4E2EE
    }
    77.77777777777777% {
        background-color: #cbe5f4
    }
    81.48148148148148% {
        background-color: #cbe5f4
    }
    88.88888888888889% {
        background-color: #d2e7e2
    }
    92.5925925925926% {
        background-color: #d2e7e2
    }
    100.0% {
        background-color: #F5C59C
    }
}

@-webkit-keyframes master-container-bg-mobile {
    0.0% {
        background-color: #F5C59C
    }
    3.7037037037037037% {
        background-color: #F5C59C
    }
    11.11111111111111% {
        background-color: #ECC9CB
    }
    14.814814814814815% {
        background-color: #ECC9CB
    }
    22.22222222222222% {
        background-color: #D9E2CB
    }
    25.925925925925927% {
        background-color: #D9E2CB
    }
    33.333333333333336% {
        background-color: #f6c599
    }
    37.03703703703704% {
        background-color: #f6c599
    }
    44.44444444444444% {
        background-color: #c4bbd3
    }
    48.148148148148145% {
        background-color: #c4bbd3
    }
    55.55555555555556% {
        background-color: #F9E7AF
    }
    59.25925925925926% {
        background-color: #F9E7AF
    }
    66.66666666666667% {
        background-color: #B4E2EE
    }
    70.37037037037037% {
        background-color: #B4E2EE
    }
    77.77777777777777% {
        background-color: #cbe5f4
    }
    81.48148148148148% {
        background-color: #cbe5f4
    }
    88.88888888888889% {
        background-color: #d2e7e2
    }
    92.5925925925926% {
        background-color: #d2e7e2
    }
    100.0% {
        background-color: #F5C59C
    }
}

@keyframes master-container-bg-mobile {
    0.0% {
        background-color: #F5C59C
    }
    3.7037037037037037% {
        background-color: #F5C59C
    }
    11.11111111111111% {
        background-color: #ECC9CB
    }
    14.814814814814815% {
        background-color: #ECC9CB
    }
    22.22222222222222% {
        background-color: #D9E2CB
    }
    25.925925925925927% {
        background-color: #D9E2CB
    }
    33.333333333333336% {
        background-color: #f6c599
    }
    37.03703703703704% {
        background-color: #f6c599
    }
    44.44444444444444% {
        background-color: #c4bbd3
    }
    48.148148148148145% {
        background-color: #c4bbd3
    }
    55.55555555555556% {
        background-color: #F9E7AF
    }
    59.25925925925926% {
        background-color: #F9E7AF
    }
    66.66666666666667% {
        background-color: #B4E2EE
    }
    70.37037037037037% {
        background-color: #B4E2EE
    }
    77.77777777777777% {
        background-color: #cbe5f4
    }
    81.48148148148148% {
        background-color: #cbe5f4
    }
    88.88888888888889% {
        background-color: #d2e7e2
    }
    92.5925925925926% {
        background-color: #d2e7e2
    }
    100.0% {
        background-color: #F5C59C
    }
}

@-webkit-keyframes scroll {
    0.0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    3.7037037037037037% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    11.11111111111111% {
        -webkit-transform: translateY(-66px);
        transform: translateY(-66px)
    }
    14.814814814814815% {
        -webkit-transform: translateY(-66px);
        transform: translateY(-66px)
    }
    22.22222222222222% {
        -webkit-transform: translateY(-132px);
        transform: translateY(-132px)
    }
    25.925925925925927% {
        -webkit-transform: translateY(-132px);
        transform: translateY(-132px)
    }
    33.333333333333336% {
        -webkit-transform: translateY(-198px);
        transform: translateY(-198px)
    }
    37.03703703703704% {
        -webkit-transform: translateY(-198px);
        transform: translateY(-198px)
    }
    44.44444444444444% {
        -webkit-transform: translateY(-264px);
        transform: translateY(-264px)
    }
    48.148148148148145% {
        -webkit-transform: translateY(-264px);
        transform: translateY(-264px)
    }
    55.55555555555556% {
        -webkit-transform: translateY(-330px);
        transform: translateY(-330px)
    }
    59.25925925925926% {
        -webkit-transform: translateY(-330px);
        transform: translateY(-330px)
    }
    66.66666666666667% {
        -webkit-transform: translateY(-396px);
        transform: translateY(-396px)
    }
    70.37037037037037% {
        -webkit-transform: translateY(-396px);
        transform: translateY(-396px)
    }
    77.77777777777777% {
        -webkit-transform: translateY(-462px);
        transform: translateY(-462px)
    }
    81.48148148148148% {
        -webkit-transform: translateY(-462px);
        transform: translateY(-462px)
    }
    88.88888888888889% {
        -webkit-transform: translateY(-528px);
        transform: translateY(-528px)
    }
    92.5925925925926% {
        -webkit-transform: translateY(-528px);
        transform: translateY(-528px)
    }
    100.0% {
        -webkit-transform: translateY(-594px);
        transform: translateY(-594px)
    }
}

@keyframes scroll {
    0.0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    3.7037037037037037% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    11.11111111111111% {
        -webkit-transform: translateY(-66px);
        transform: translateY(-66px)
    }
    14.814814814814815% {
        -webkit-transform: translateY(-66px);
        transform: translateY(-66px)
    }
    22.22222222222222% {
        -webkit-transform: translateY(-132px);
        transform: translateY(-132px)
    }
    25.925925925925927% {
        -webkit-transform: translateY(-132px);
        transform: translateY(-132px)
    }
    33.333333333333336% {
        -webkit-transform: translateY(-198px);
        transform: translateY(-198px)
    }
    37.03703703703704% {
        -webkit-transform: translateY(-198px);
        transform: translateY(-198px)
    }
    44.44444444444444% {
        -webkit-transform: translateY(-264px);
        transform: translateY(-264px)
    }
    48.148148148148145% {
        -webkit-transform: translateY(-264px);
        transform: translateY(-264px)
    }
    55.55555555555556% {
        -webkit-transform: translateY(-330px);
        transform: translateY(-330px)
    }
    59.25925925925926% {
        -webkit-transform: translateY(-330px);
        transform: translateY(-330px)
    }
    66.66666666666667% {
        -webkit-transform: translateY(-396px);
        transform: translateY(-396px)
    }
    70.37037037037037% {
        -webkit-transform: translateY(-396px);
        transform: translateY(-396px)
    }
    77.77777777777777% {
        -webkit-transform: translateY(-462px);
        transform: translateY(-462px)
    }
    81.48148148148148% {
        -webkit-transform: translateY(-462px);
        transform: translateY(-462px)
    }
    88.88888888888889% {
        -webkit-transform: translateY(-528px);
        transform: translateY(-528px)
    }
    92.5925925925926% {
        -webkit-transform: translateY(-528px);
        transform: translateY(-528px)
    }
    100.0% {
        -webkit-transform: translateY(-594px);
        transform: translateY(-594px)
    }
}

@-webkit-keyframes scroll-mobile {
    0.0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    3.7037037037037037% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    11.11111111111111% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px)
    }
    14.814814814814815% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px)
    }
    22.22222222222222% {
        -webkit-transform: translateY(-96px);
        transform: translateY(-96px)
    }
    25.925925925925927% {
        -webkit-transform: translateY(-96px);
        transform: translateY(-96px)
    }
    33.333333333333336% {
        -webkit-transform: translateY(-144px);
        transform: translateY(-144px)
    }
    37.03703703703704% {
        -webkit-transform: translateY(-144px);
        transform: translateY(-144px)
    }
    44.44444444444444% {
        -webkit-transform: translateY(-192px);
        transform: translateY(-192px)
    }
    48.148148148148145% {
        -webkit-transform: translateY(-192px);
        transform: translateY(-192px)
    }
    55.55555555555556% {
        -webkit-transform: translateY(-240px);
        transform: translateY(-240px)
    }
    59.25925925925926% {
        -webkit-transform: translateY(-240px);
        transform: translateY(-240px)
    }
    66.66666666666667% {
        -webkit-transform: translateY(-288px);
        transform: translateY(-288px)
    }
    70.37037037037037% {
        -webkit-transform: translateY(-288px);
        transform: translateY(-288px)
    }
    77.77777777777777% {
        -webkit-transform: translateY(-336px);
        transform: translateY(-336px)
    }
    81.48148148148148% {
        -webkit-transform: translateY(-336px);
        transform: translateY(-336px)
    }
    88.88888888888889% {
        -webkit-transform: translateY(-384px);
        transform: translateY(-384px)
    }
    92.5925925925926% {
        -webkit-transform: translateY(-384px);
        transform: translateY(-384px)
    }
    100.0% {
        -webkit-transform: translateY(-432px);
        transform: translateY(-432px)
    }
}

@keyframes scroll-mobile {
    0.0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    3.7037037037037037% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    11.11111111111111% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px)
    }
    14.814814814814815% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px)
    }
    22.22222222222222% {
        -webkit-transform: translateY(-96px);
        transform: translateY(-96px)
    }
    25.925925925925927% {
        -webkit-transform: translateY(-96px);
        transform: translateY(-96px)
    }
    33.333333333333336% {
        -webkit-transform: translateY(-144px);
        transform: translateY(-144px)
    }
    37.03703703703704% {
        -webkit-transform: translateY(-144px);
        transform: translateY(-144px)
    }
    44.44444444444444% {
        -webkit-transform: translateY(-192px);
        transform: translateY(-192px)
    }
    48.148148148148145% {
        -webkit-transform: translateY(-192px);
        transform: translateY(-192px)
    }
    55.55555555555556% {
        -webkit-transform: translateY(-240px);
        transform: translateY(-240px)
    }
    59.25925925925926% {
        -webkit-transform: translateY(-240px);
        transform: translateY(-240px)
    }
    66.66666666666667% {
        -webkit-transform: translateY(-288px);
        transform: translateY(-288px)
    }
    70.37037037037037% {
        -webkit-transform: translateY(-288px);
        transform: translateY(-288px)
    }
    77.77777777777777% {
        -webkit-transform: translateY(-336px);
        transform: translateY(-336px)
    }
    81.48148148148148% {
        -webkit-transform: translateY(-336px);
        transform: translateY(-336px)
    }
    88.88888888888889% {
        -webkit-transform: translateY(-384px);
        transform: translateY(-384px)
    }
    92.5925925925926% {
        -webkit-transform: translateY(-384px);
        transform: translateY(-384px)
    }
    100.0% {
        -webkit-transform: translateY(-432px);
        transform: translateY(-432px)
    }
}





@media(max-width:768px){


    .move_txt  {top:450px; height: 46px;}
    .move_txt .text {font-size:26px;}


    .sc01 {padding:140px 10% 0; width:80%;}
    .sc01 .main_ttl .sc_txt01{font-size:18px; line-height: 26px; height:26px;}
    .sc01 .main_ttl .sc_txt02 {font-size:34px; margin-top:20px;}

    .point {display: none;}

    #master-container-scroller .master-container-scroller_item a {font-size:40px;}

    .sc02 {padding:100px 0 100px;}

    #inc01 .big_txt {font-size:46px;}
    .blinking {margin:0 0 50px 5%;}
    .blinking .b_txt {font-size:12px;}
    .sc02 .sc02_inner ul li {padding:10px 15px; font-size:14px;}

    .sc02 .sc02_inner .sc02_txt02 {font-size:38px;}


    .sc03 {padding: 100px 0;}
    .sc03 .sc03_tt {left:5%; margin: 0 auto 20px;}
    .sc03 .sc03_tt .b_txt {font-size:12px;}
    .sc03 .sc03_inner .sc03_txt01 {font-size:30px;}
    .sc03 .sc03_inner ul li {padding: 10px 15px; font-size:14px; margin:4px;}
    .sc03 .sc03_inner .sc03_txt02 {font-size:22px;}

    .sc04 {padding:80px 0; height:100%;}
    .sc04 .sc04_inner .sc04_left .sc04_txt01 {font-size:30px;}
    .sc04 .sc04_inner .sc04_right {margin-top:10px;}
    .sc04 .sc04_inner .sc04_right ul li {width:80%; padding:5% 10%; margin:5px 0; height:auto;}
    .sc04 .sc04_inner .sc04_right ul li .h_tit {font-size:20px;}
    .sc04 .sc04_inner .sc04_right ul li .h_txt {font-size:12px; margin-top:10px;}

    .sc05 {padding:100px 0; height:100%;}
    .sc05 .sc05_inner {padding:0 5%;}
    .sc05 .sc05_inner .sc05_txt01 {font-size:30px; letter-spacing: -1px;}
    .sc05 .sc05_inner .sc05_btn a {font-size:14px;}
    .sc05 .sc05_inner .sc05_btn {padding:4% 10% 4% 5%;}
    .icon-pen-black {top:6px; right:10px; width:16px; height:16px;}
    .sc05 .sc05_inner ul li {font-size:16px; width:100%;}



    #footer {padding:50px 0;}
    #footer .footer_inner .foot_tit {font-size:26px;}
    #footer .footer_inner .foot_txt {font-size:12px;}

}