@charset 'UTF-8';
html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,input,video{font:inherit;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;word-break:keep-all;border:0;outline:none;font-smoothing:antialiased}button{cursor:pointer;background:none}body{font-family:'Malgun Gothic',Gulim,'Apple SD Gothic Neo',sans-serif;line-height:1;letter-spacing:-1px}blockquote{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{display:block}a,a:visited,a:focus,a:hover{text-decoration:none;color:inherit}a:hover,a:hover *{text-decoration:underline}img{width:100%;vertical-align:top}q{quotes:none}ol,ul,dl{display:block;overflow:hidden;list-style:none}li,dt,dd{display:block;overflow:hidden}table{border-spacing:0;border-collapse:collapse}.a11y{position:absolute;top:-900px,;overflow:hidden;width:1px;height:1px;margin:-1px}.ir{position:absolute;position:relative;display:block;overflow:hidden;text-indent:-99999px;color:transparent}.ir:after,.after:after,.before:before{display:block;content:''}.ir:after{position:absolute}a{overflow:hidden}.pic_area:after{position:absolute;top:0;display:block;box-sizing:border-box;width:100%;height:100%;content:'';border:1px solid rgba(0,0,0,.1)}.pic_area{position:relative}.page{visibility:hidden}.page.slick-slide{visibility:visible}.wrap.fix{position:absolute;overflow:hidden;width:100vw;height:100vh}.file_box .input-file-container{position:relative;width:235px}.file_box .input-file-trigger{font-size:1em;display:block;padding:8px 10px;cursor:pointer;transition:all .4s;text-align:center;color:#333;border:1px solid #aaa;border-radius:6px;background:#efefef}.file_box .input-file{position:absolute;top:0;left:0;width:225px;padding:14px 0;cursor:pointer;opacity:0}.file_box .input-file:focus + .file_box .input-file-trigger,.file_box .input-file-trigger:focus{color:#fff;background:#34495e}.file_box .file-return{margin:0}.file_box .file-return:not(:empty){margin:5px 0 20px}.file_box .file-return{font-size:.9em;font-weight:bold;font-style:italic;letter-spacing:1px;color:#333}.file_box .file-return:not(:empty):before{font-weight:normal;font-style:normal;content:'';color:#333}
.wrap .img_1st{max-width:1920px;width:100%;height:303px;margin:0 auto;background:url(pc_bg.jpg?202609291306) top center no-repeat;}
.wrap .wrap_1st{background: #fde23b;}
.wrap .wrap_1st:before{display:block;content:''}
.wrap_2nd{position:relative}
.wrap_2nd:before{display:block;content:''}
.wrap_3nd{position:relative;background:#fff8db;}
.wrap_4nd{position:relative;background:#fff;}
.wrap_5nd{position:relative;background: #fff8db;}
.wrap_6nd{position:relative;background: #fff;}
.img_2nd{max-width:1920px;width:100%;height:963px;margin:0 auto;background:url(pc_bg.jpg?202609291306) center -304px no-repeat}
.img_3nd{max-width:1920px;width:100%;height:503px;margin:0 auto;background:url(pc_bg.jpg?202609291306) center -1267px no-repeat}
.img_4nd{position:relative;max-width:1920px;width:100%;height:458px;margin:0 auto;background:url(pc_bg.jpg?202609291306) center -1770px no-repeat}
.img_5nd{position:relative;max-width:1920px;width:100%;height:618px;margin:0 auto;background:url(pc_bg.jpg?202609291306) center -2228px no-repeat}
.img_6nd{position:relative;max-width:1920px;width:100%;height:92px;margin:0 auto;background:url(pc_bg.jpg?202609291306) center -2846px no-repeat;}
/*.img_6nd:before{position:absolute;max-width:1920px;width:100%;height:92px;margin:0 auto;background:url(pc_bg.jpg?202609291306) center -2846px no-repeat; content: '';}*/
.btn_01{position:absolute;top:155px;left:50%;width:295px;height:86px;margin-left:121px;cursor:pointer}
.btn_02{position:absolute;top:309px;left:50%;width:295px;height:85px;margin-left:121px;cursor:pointer}
.btn_01,.btn_02{transition:.2s}
.btn_01:hover,.btn_02:hover{box-shadow:1px 4px 13px -6px rgb(0,0,0)}
.share_area{position:absolute;bottom:72px;left:50%;width:720px;height:97px;margin:0 auto;margin-left:-360px}
.share_area button{position:absolute;width:100px;height:100px}
.share_area .face{left:172px}
.share_area .tweet{left:310px}
.share_area .kakao{left:450px}
.link_area{position:relative;width:880px;height:100px;margin:0 auto;}
.link_area a{position:absolute;top:25%;display:block;height:40px}
.link_area .link_01{left:90px;width:105px}
.link_area .link_02{left:210px;width:155px}
.link_area .link_03{left:430px;width:155px}
.link_area .link_04{left:580px;width:100px}
.link_area .link_05{left:670px;width:150px}

@media (max-width:1024px){
    .wrap{max-width: 720px;  margin: 0 auto; }
    .wrap .img_1st{ width: 100%; height: 0;  margin: 0 auto;padding-bottom: 130%; background: url(mo_bg.jpg?202609291306) top center no-repeat;background-size: cover;}
    .img_2nd {width: 100%; height: 0;  margin: 0 auto;padding-bottom: 230%;background: url(mo_bg.jpg?202609291306) 0 23.5% no-repeat; background-size: cover;}
    .img_3nd {width: 100%; height: 0;  margin: 0 auto;padding-bottom: 120%;background: url(mo_bg.jpg?202609291306) 0 54.5% no-repeat; background-size: cover;}
    .img_4nd {width: 100%; height: 0;  margin: 0 auto;padding-bottom: 96%;background: url(mo_bg.jpg?202609291306) 0 70% no-repeat; background-size: cover;}
    .img_5nd {width: 100%; height: 0;  margin: 0 auto;padding-bottom: 170%;background: url(mo_bg.jpg?202609291306) 0 94.3% no-repeat; background-size: cover;}
    .img_6nd {width: 100%; height: 0;  margin: 0 auto;padding-bottom: 33%;background: url(mo_bg.jpg?202609291306) 0 100% no-repeat; background-size: cover;}

    .btn_01{top: 29%; left: 50%; width: 35%; height: 17%; margin-left: 10%;}
    .btn_02{top: 67.5%; left: 50%; width: 35%; height: 17%; margin-left: 10%;}

    .link_area {width: 100%; height: 0; padding-bottom: 30%;}
    .link_area .link_01{left: 15%;width: 17%;height: 30%;}
    .link_area .link_02{left: 60%; width: 22%; height: 30%;}
    .link_area .link_03{left: 15%; width: 31%; top: initial; bottom: 17%; height: 30%;}
    .link_area .link_04{left: 50%; width: 16%; top: initial; bottom: 17%; height: 30%;}
    .link_area .link_05{left: 70%; width: 22%; top: initial; bottom: 17%; height: 30%;}
}