::-webkit-scrollbar {

display:none;

} 




article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body,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,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{ line-height:1.5; font-family:'Dotum'; font-size:16px; color:#333; background:#fff;-ms-overflow-style: none; } 
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color: inherit;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none !important;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;appearance:none;border-radius:0;font-family:'Dotum';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;appearance:button;font-family:'Dotum';}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
a,input,button,select{outline:none}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none;appearance:none;}
input::-ms-clear{display:none;}


body { width: 100%; margin: auto; font-family: 'Pretendard'; }

body.main { overflow-y: hidden; }


/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}


/*html,a,.btn { cursor: none; }*/
.btn { cursor: pointer; }

#cursor {
position: fixed;
z-index: 99999999999999999;
left: 0;
top: 0;
pointer-events: none;
will-change: transform;
}

@media (hover: hover) and (pointer: fine) {

.cursor__circle {
    width: 25px;
    height: 25px;
    margin-top: -20%;
    margin-left: -20%;
    border-radius: 50%;
    border: solid 1px #614332;
    background-color: #614332;
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    height 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    margin 0.3s;
    display: none;
}

#cursor.arrow .cursor__circle{
    width: 80px;
    height: 80px;
    margin-top: -50%;
    margin-left: -50%;
    background-color: transparent;
    border-color: #614332;
}

.cursor_drag { width: 25px; height: 25px; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; border: 1px solid #000; background: none; }
.cursor_drag p { color: #fff; color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; }
.cursor_drag p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); position: absolute; left: -33px; top: 0; bottom: 0; margin: auto; }
.cursor_drag p:after { content:''; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: absolute; right: -33px; top: 0; bottom: 0; margin: auto; }

.cursor_click { width: 25px; height: 25px; background-color: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
.cursor_click p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; transform: translateY(-5px); }
.cursor_click p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: 18px; bottom: 0; margin: auto; }

#cursor{
    width: 70px;
    height: 70px;
}

.cursor_skip { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
.cursor_skip p { display: none; }
/* .cursor_skip::after { content: ''; width: 100%; height: 100%; background: url(../img/play.png) center no-repeat; } */
body.main .cursor_skip { display: flex; }
body.main .cursor_skip.show { opacity: 1; }
.cursor_skip:before { display: none; }

.cursor_skip2 { width: 70px; height: 70px; background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
body.main .cursor_skip2 { display: flex; }
body.main .cursor_skip2.show { opacity: 1; }
.cursor_skip2 p { font-family: 'lexend', sans-serif; color: #000; font-size: 14px; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; }
.cursor_skip2:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #fff; opacity: 0.6; border-radius: 100%;  

    animation-name: cursor_skip, cursor_skip2;
    animation-duration: 2.1s, 2.1s;
    animation-delay: 0s, 0s;
    animation-timing-function: ease, ease;
    animation-fill-mode: both, both;
    animation-iteration-count: infinite, infinite;

}

.cursor_skip.drag { opacity: 0; }
.cursor_skip2.drag { opacity: 0; }

/* body.main .cursor_skip { display: flex; } */

/* .intro_bg { width: 167.1428%; position: absolute; left: -33%; top: -33%; animation: intro_bg 8s 0s linear infinite; } */
    
    @keyframes intro_bg {
        from { transform: rotate(-360deg); }
        to {  }
    }

#cursor.click .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
}
#cursor.click .cursor_click { 
    width: 65px;
    height: 65px;
opacity: 1;
}

#cursor.drag .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
}
#cursor.drag .cursor_drag { 
    width: 65px;
    height: 65px;
opacity: 1;
}

#cursor.drag2 .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
}
#cursor.drag2 .cursor_drag { 
    width: 65px;
    height: 65px;
opacity: 1;
}
#cursor.drag2 .cursor_drag { background-color: transparent; border: 1px solid #fff; }
#cursor.drag2 .cursor_drag p:before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
#cursor.drag2 .cursor_drag p:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }




}



@keyframes cursor_skip {
0% { transform: scale(0.7); }
30% { transform: scale(0.7); }
80% { transform: scale(1); }
100% { transform: scale(1);  }
}
@keyframes cursor_skip2 {
0% { opacity: 0; }
20% { opacity: 0.3; }
70% { opacity: 0.3; }
100% { opacity: 0; }
}


/*skip*/
.main_skip_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999999980; display: none; }
.main_skip_bt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
.main_skip_bt p { display: none; }



.multiply {
  mix-blend-mode: multiply;
}



.intro_all_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99;  }
.intro_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; /* display: flex; justify-content: center; align-items: center; */ }
.intro_tit { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 100; transform: translateY(0rem); }
.intro_tit>div { opacity: 0; transform: translateY(-1rem); }
.intro_tit>div img{ width: 26vw; margin-left: 16px; margin-bottom: 8rem;}
.intro_img { position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 10;
    background-image: url(../img/intro_bg.jpg);
     background-size: 200% 100%;
    transition: transform 1.2s cubic-bezier(0.7, 0, 0.3, 1); }
.intro_img.left{left: 0;
    background-position: left center;
    transform-origin: left center;
    transform-style: preserve-3d;}
	.intro_img.right{    right: 0;
    background-position: right center;
    transform-origin: right center;
    transform-style: preserve-3d;
}
.intro_ob { width: 100%; height: 100%; display: flex; justify-content: center; align-items: end; position: absolute; left: 0; bottom: 0; z-index: 100; transform: translateY(0rem); opacity: 0; transform: translateY(1rem); }
.intro_ob img{ width: 6vw; transform: translateY(-13rem);}





.intro_wrap.intro3 .intro_img.left,
.intro_wrap.intro3 .intro_img.right
{animation: blindOpen 1.8s cubic-bezier(0.77, 0, 0.175, 1) forwards;}
@keyframes blindOpen {
			0% {
    transform: rotateY(0deg);
    opacity: 1;
}
100% {
    transform: rotateY(-95deg);
    opacity: 0;
}
		}

.intro_wrap.intro .intro_tit>div,
.intro_wrap.intro .intro_ob{ opacity: 1; transform: translate(0); transition: 0.6s;}
.intro_wrap.intro3 .intro_tit>div,
.intro_wrap.intro3 .intro_ob{ opacity: 0; transform: translate(0); transition: 0.8s;}


.intro_vd_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: 1; }
.intro_vd_box:after { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background: url(../img/intro_txt_bg.png) center no-repeat; background-size: cover; }
/*.intro_vd_box:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; z-index: 7; opacity: 0.3; }*/
/*.intro_vd { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }*/
.intro_vd { position: absolute; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; }
.intro_vd iframe { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 100%; z-index: 2; }
.intro_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/intro_bg.jpg) center no-repeat; background-size: cover; z-index: 1; }
/*.intro_vd iframe { aspect-ratio: 16/9 !important; width: 150%; height: 100%; margin-left: -25%; }*/


@media all and (max-width: 1640px) { 	
	.intro_vd iframe { width: 170%; height: 170%; }
}

@media all and (max-width: 1320px) { 	
	.intro_vd iframe { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 	
	
	.intro_vd:after { height: 100vh; }
	.intro_vd iframe { left: 50%; top: 0; transform: translateX(-50%); width: 180vh; height: 100vh; }
}




@keyframes intro_txt {
	from { transform: translateY(-60px); opacity: 0; }
	to { }
}
@keyframes intro_txt2 {
	from { transform: translateY(60px); opacity: 0; }
	to { }
}
@keyframes intro_line {
	from { height: 0; }
	to { }
}
@keyframes intro_txt_box {
	from { opacity: 0; }
	to { }
}








.all_wrap { width: 100%; height: auto; overflow: hidden; position: relative; left: 0; top: 0; }
body.main .all_wrap { height: 100vh; }

.section { background-color: #fff; width: 100%; height: 100vh; position: relative; overflow: hidden; }

.main_mouse_box { position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; z-index: 90;  animation: main_mouse 1s 0.8s both; }
.main_mouse { color: #fff; text-align: center; transition: color 1s; }
.main_mouse p { font-size: 12px; line-height: 100%; font-weight: 300; margin-top: 0px; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 0 0 4px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.3); }
.main_mouse>div { width: 17px; height: 30px; border-radius: 20px; border: 2px solid #fff; position: relative; margin: auto; margin-top: 15px; box-shadow: 0 0 4px rgba(0,0,0,0.3), inset 0 0 4px rgba(0,0,0,0.3); }
.main_mouse>div span { content:''; width: 5px; height: 5px; position: absolute; left: 0; right: 0; margin: auto; top: 17%; background-color: #fff; border-radius: 100%; box-shadow: 0 0 4px rgba(0,0,0,0.3); }


@keyframes main_mouse {
	from { opacity: 0; }
	to {  }
}

/**/

.by_bn_wrap { position:absolute;  right:4rem; top:7rem; z-index:99; display: flex; justify-content: center; align-items: center;  opacity: 0; transform: 0.8s;  }
.by_bn { /*width:10rem; height:10rem; */ color:#fff; text-align:center; display: flex; justify-content: center; align-items: center; }
.by_bn_txt { width:6.5rem; height:6.5rem; background:#db535e; border-radius:100%; line-height:120%; display: flex; justify-content: center; align-items: center; }
.by_bn_txt h4 { font-size:0.875rem;}
.by_bn_txt p { font-size:0.875rem;}
.by_bn_txt h4 b { font-size:1.55rem;}
.by_bn.by_bn02 img {margin-bottom:0.5rem;}
.by_bn.by_bn02 .by_bn_txt { background:#001a47; }
.by_bn.by_bn02 { margin-top:1rem; }

.by_bn_bg { width:100%; height:100%; background: url(../img/open_bg.png) center no-repeat; background-size: cover;  position:absolute; animation: main_circle 38s 0s linear infinite;}

.main_wrap.on .by_bn_wrap { opacity: 1; transition: 1.2s; }

@keyframes main_circle {
    from { transform: rotate(-360deg); }
    to {  }
}

#section1 { width: 100%; background-color: #fff; }
.main_wrap { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #fff; }

.main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/main_img01.jpg) center no-repeat; background-size: cover; transform: scale(1.3); }
.main_img::after { content:''; width:100%; height:100%; background: url(../img/main_bg.png) center no-repeat; background-size: cover;  position: absolute; left: 0; top: 0; opacity: 0.7; }

.main_box {display: flex; justify-content: flex-start; align-items: center; width:100%; height:100%; position: relative; background-color: #fff; }
.main_txt_box { text-align: left; position: absolute; z-index: 9; transform: translateY(0); top:9rem; left:20vw; right:0; background-color: #fff; color: #011c48; margin:0 auto; }
.main_txt_box.box01 {  background:none!important; }
.main_txt_box.box02 {  background:none!important; }
.main_txt {  text-align: left; opacity: 0;  transform: translateY(-3rem);  }
.main_txt_box_wrap { display: flex; justify-content: flex-start; align-items: center; }
.main_txt_box h1 { font-size: 4.688rem; line-height: 100%; font-weight: 400; margin-top: 1rem; }
.main_logo { }


.main_bt { position: absolute; left: 7.5rem; bottom: 5.625rem; z-index: 9; text-align: left; color: #fff; transition: 0.3s; }
.main_bt>a { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }
.main_bt h3 { font-size: 1.375rem; line-height: 100%; font-weight: 500; }
.main_bt p { font-size: 0.875rem; line-height: 100%; font-weight: 500; opacity: 0.5; margin-top: 0.5rem; }
.main_bt_arrow { width: 2.375rem; height: 2.375rem; position: relative; margin-right: 0.75rem; transform: translateY(0.125rem); }
.main_bt_arrow:before { content:''; width: 2.5rem; height: 1px; background-color: #fff; position: absolute; right: 1.06rem; top: 0; bottom: 0; margin: auto; }
.main_bt_arrow span { display: block; width: 100%; height: 100%; position: relative; border-radius: 100%; background-color: rgba(255,255,255,0.2); }
.main_bt_arrow span:after { content:''; width: 0.5rem; height: 0.5rem; border-right: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg) translate(-0.125rem,-0.125rem); }
.main_bt:hover { left: 8.125rem; }



.main_quick {  position: absolute; top:50%; right:-480px; z-index:5; transform: rotate(90deg); display: flex; justify-content: space-between; align-items: center; gap:0.5rem; opacity:0; }
.main_quick_btn { width:200px; height:50px; display: flex; justify-content: center; align-items: center;  }
.main_quick_btn a {color:#fff; font-size:0.875rem; font-weight: 300;}


.quick_btn01 { background-color:#3e515e; }
.quick_btn02 { background-color:#826a4f; }
.quick_btn03 { background-color:#427d83; }
.quick_btn04 { background-color:#b55348; }

@keyframes main_open_bg {
	from { transform: translate(-50%,-50%) scale(1) rotate(-360deg); }
	to {  }
}

.main_wrap.on .main_quick { opacity: 1; right:-387px; transition: 1.2s 0.6s; }
.main_wrap.on .main_open { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
/*.main_wrap.on .main_open { transform: scale(1); transition: 1.2s 0.8s; }*/
.main_wrap.on .main_txt {  opacity: 1;  transform: translateY(0rem);  transition: 1.2s 0.6s; }
.main_wrap.on .main_img { transform: scale(1); transition: 2.2s 0s; }

.main_wrap.on .main_logo { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_wrap.on .main_txt { opacity: 1; transform: translate(0); transition: 1.5s 0.3s; }


/*.main_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.main_wrap:after { content:''; width: 200%; height: 100%; position: absolute; right: -200%; top: 0; background: url(../img/main_bg.png) center no-repeat; background-size: cover; z-index: 8; right: 0; }

.main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/main_img.jpg) center no-repeat; background-size: cover; transform: scale(1.3); }

.main_txt_box { position: absolute; z-index: 9; left: 0; right: 0; margin: auto; top: 23%; text-align: center; color: #3e515e; }
.main_txt_box h3 { font-size: 1.625rem; line-height: 150%; font-weight: 200; opacity: 0; transform: translateY(-5rem); letter-spacing: -0.05rem; }
.main_txt_box h3 b { font-weight: 600; }
.main_txt_box h2 { font-family: 'Nanum Myeongjo', serif; font-size: 3.75rem; line-height: 100%; font-weight: 200; margin-top: 0.875rem; opacity: 0; transform: translateY(-5rem); margin-left: 0rem; letter-spacing: -0.3125rem; margin-left: 0; }
.main_txt_box h2 b { color: #b45347; font-weight: 200; }
.main_logo { margin-top: 3rem; opacity: 0; transform: translateY(5rem); }

.main_txt { position: absolute; right: 8%; bottom: 8%; z-index: 9; opacity: 0; transform: translate(500px,-50px); }

.main_open { width: 6.0625rem; height: 6.0625rem; position: absolute; left: 5%; bottom: 10%; margin: auto; border-radius: 100%; z-index: 9; cursor: pointer; opacity: 1; background-color: #b45347; color: #fff; opacity: 0; }
.main_open img:last-child { width: 161%; }
.main_open_bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1) rotate(0); animation: main_open_bg 16s 0s linear infinite; }
.main_open>a { cursor: default; }
.main_open>a>div { width: 100%; height: 100%; border-radius: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; left: 0; top: 0; transition: 0.3s; }
.main_open>a>div>div { transform: translateY(3px); }
.main_open h3 { font-size: 1.0625rem; line-height: 100%; margin-left: -0.125rem; }
.main_open h3 b { font-size: 2.4375rem; }
.main_open p { font-size: 0.75rem; line-height: 100%; font-weight: 500; margin-top: 0.25rem; letter-spacing: 0; margin-left: 0.125rem; }

@keyframes main_open_bg {
	from { transform: translate(-50%,-50%) scale(1) rotate(-360deg); }
	to {  }
}

.main_wrap.on .main_img { transform: scale(1); transition: 2.2s 0s; }
.main_wrap.on .main_txt_box h3 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.main_wrap.on .main_txt_box h2 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.main_wrap.on .main_logo { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_wrap.on .main_open { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_wrap.on .main_txt { opacity: 1; transform: translate(0); transition: 1.5s 0.3s; }
*/







/* prize */
#section1a { width: 100%; }

.prize_wrap { width: 100%; height: 100vh; position: relative; transition: 0.8s; transform: translateX(0); background: #000; display: flex; justify-content: start; align-items: center; color:#000; }
.prize_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/prize_bg.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(1.2); }
.prize_wrap .prize_txt{position:relative; left: 17vw; z-index: 2; text-align: center; color:#fff;
display: flex; justify-content: center; align-items: center; flex-direction: column; gap:3.75rem; }
  .prize_txt h3 { font-size: 1.25rem; font-family: 'Carisma Classic'; letter-spacing: 2rem; line-height: 100%; font-weight: 400; transform: translateY(-2rem); opacity: 0; }
  .prize_txt h3 span{ color:#3ab2c5;}
  .prize_txt img{opacity: 0;}
  .prize_txt>div{transform: translateY(2rem); opacity: 0;}
  .prize_txt h2 { font-size: 1.875rem;line-height: 120%; font-weight: 200; }
  .prize_txt h1 { font-size: 2.5rem;line-height: 160%; font-weight: bold; }
  

  .prize_wrap.on .prize_bg { transform: scale(1); transition: 1.2s .3s; }
  .prize_wrap.on .prize_txt h3 { transform: translate(0); opacity: 1; transition: 1.2s .3s; }
  .prize_wrap.on .prize_txt img { opacity: 1; transition: 1.2s .3s; }
  .prize_wrap.on .prize_txt >div { transform: translate(0); opacity: 1; transition: 1.2s .3s; }
/* //prize */











/**/

#section2 { width: 100%; }

.location_wrap { width: 100%; height: 100vh; position: relative; transition: 0.8s; transform: translateX(0); background: #f5f2e9; display: flex; justify-content: center; align-items: center; color:#000; }
.location_wrap >div { width: 80%; position: relative; left:0; right:0; margin:0 auto;  }

.location_tit {  opacity:0; transform: translateY(-3rem); }
.location_tit h1 { color:#001a47;  font-weight:400; font-size:1.7rem; line-height:100%; }
.location_tit h2 { color:#4e89af;  font-weight:200; font-size:3.3rem;}
.location_tit h2 b { color:#001a47; font-weight:700; }
.location_tit p {   font-weight:400; font-size:1.22rem; line-height:160%; margin-top:0.7rem; }

.location_box_wrap { display: flex; justify-content: center; align-items: center; gap:4rem;  position: relative; width:100%; margin-top:6rem; }
.location_box { width:100%; position: relative; }
.lo_tit { display: flex; justify-content: center; align-items: center;  color:#001a47; position: relative; width:100%; padding-bottom:1rem;  }
.lo_icon {margin-right:0.5rem; }

.lo_tit h3 {  font-size:1.6rem; font-weight:300;}
.location_box p {  font-size:1.22rem; margin-top:1rem;  line-height:140%; font-weight:300; }
.lo_tit::before { content:''; position: absolute; width: 100%; height:1px;  background:#000;  bottom:0; left:0; right:0; }

.lo_img_container{position: relative; margin-top: 2rem; width: fit-content; }
.lo_img_container>p{position: absolute; bottom: .6rem; right: .6rem; color: #fff; font-size: 0.875rem; }
/* .lo_img {margin-top:2rem;} */

.location_box.box01 { opacity:0; transform: translateY(3rem);  }
.location_box.box02 { opacity:0; transform: translateY(3rem);  }
.location_box.box03 { opacity:0; transform: translateY(3rem);  }
.location_box.box04 { opacity:0; transform: translateY(3rem); }

.location_wrap.on .location_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }

.location_wrap.on .location_box.box01 { opacity:1; transform: translate(0);  transition: 1.2s 0.5s; }
.location_wrap.on .location_box.box02 { opacity:1; transform: translate(0);  transition: 1.2s 0.7s; }
.location_wrap.on .location_box.box03 { opacity:1; transform: translate(0);  transition: 1.2s 0.9s; }
.location_wrap.on .location_box.box04 { opacity:1; transform: translate(0);  transition: 1.2s 1.2s; }



/**/

 #section3 { width: 100%; }

.premium_wrap { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; }

.premium_bg { width: 70%; height: 100%; position: absolute; left: 0; top: 0;  background: repeating-linear-gradient( to bottom, #244f80 0px, #244f80 10px, #275a95 10px, #275a95 11px ); }

.premium_tit { text-align: left; opacity: 0; transform: translateY(3rem); color: #fff; margin-left:10rem; }
.premium_tit h4 { font-family: 'gobold';  font-size: 3.3rem; line-height: 100%; font-weight: 500; margin-top:1rem; }
.premium_tit h1 { font-size: 1.55rem; line-height: 100%;  }
.premium_tit p { font-size: 1.875rem; line-height: 100%;  }

.more_btn { display: flex; justify-content: flex-start; align-items: center; gap:1rem; margin-top:2rem;}
.more_btn a { display: flex; justify-content: flex-start; align-items: center; gap:1rem;  }
.more_btn p { font-family: "Marcellus", serif; font-size:1rem; }


.premium_box { width: 65%; height:100%;  display: flex; justify-content: center; align-items: center; position: relative;  opacity: 0; transform: translateX(3rem); }
.premium_box>div { width: 100%; }

.swiper_pre { width: 100%;  padding: 80px 0;   overflow: visible; }
.swiper_pre .swiper-slide { width: auto;   overflow: visible;  transition: all 0.5s; }
.pre_card { position: relative;   overflow: visible; margin-left:3rem; margin-top:3rem; max-width:390px;}
.pre_card_img { position: relative; width:100%; height: 500px; border-radius: 50px; overflow: hidden; }
.pre_card_img .card_txt { position: absolute; top: 1.8rem; right: 1.8rem; color: #fff; font-size: .7rem; opacity:0;  }
.pre_card_img .card_txt.black {color: #575757; }

.pre_card_img.card01 {  background: url('../img/pre_img01.jpg') center/cover; }
.pre_card_img.card02 {  background: url('../img/pre_img02.jpg') center/cover; }
.pre_card_img.card03 {  background: url('../img/pre_img03.jpg') center/cover; }
.pre_card_img.card04 {  background: url('../img/pre_img04.jpg') center/cover; }
.pre_card_img.card05 {  background: url('../img/pre_img05.jpg') center/cover; }
.pre_card_img.card06 {  background: url('../img/pre_img06.jpg') center/cover; }

.pre_card_img::after { content: ""; position: absolute; inset: 0;  background: rgba(20, 50, 90, 0.6); transition: 0.5s; }

.pre_icon { position: absolute; top: 50%;  left: 50%; width: 65px; height: 65px; transform: translate(-50%, -50%); border-radius: 50%; border: 2px solid #fff; transition: 0.5s;}


.pre_title { position: absolute; font-size:1.5rem; top: 2rem; left: 2rem; color: #fff; transition: 0.5s; display: flex; justify-content: flex-start; align-items: center; gap:0.2rem; width:100%; font-weight:200;}
.pre_title b {  font-weight:700;}
.pre_title span { font-family: 'futura'; font-size:2rem; display:none; transition: 0.5s; margin-right:1rem;  font-weight:700;}


.pre_desc { position: absolute; bottom: 3rem; left: 3rem; color: #fff; opacity: 0; transform: translateY(20px); transition: 0.5s; font-size:0.975rem; font-weight:300; line-height:180%; text-align:left;}


.swiper_pre .swiper-slide-active .pre_card_img .card_txt{ opacity: 1; }
.swiper_pre .swiper-slide-active .pre_card_img::after { background: rgba(0,0,0,0.1);}
.swiper_pre .swiper-slide-active .pre_icon { top: 50%; left: -40px; transform: translateY(-50%); background: #2e6b2e;  width: 110px; height: 110px; }
.swiper_pre .swiper-slide-active .pre_title { top: -3rem;}
.swiper_pre .swiper-slide-active .pre_title span {  display:block;  }
.swiper_pre .swiper-slide-active .pre_desc {  opacity: 1; transform: translateY(0);}

.progress {
  width: 70%; left:0; right:0; margin:0 auto; position: relative; bottom:-4rem;  border-radius:10px; overflow:hidden;
  height: 10px;
  background: #ddd;
  display: flex;
  gap: 4px;
  cursor: pointer;
}
.progress .bar {
  width: calc(100% / 6);
  height: 100%;
  background: #0b2a4a;
  transition: transform 0.4s;
}

.premium_wrap.on .premium_tit { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
.premium_wrap.on .premium_box { opacity: 1; transform: translate(0); transition: 1.0s 0.7s; }



/**/

#section5 { width: 100%;  }
.main_contact_wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.contact_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/contact_bg.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }

.main_contact_box { width:100%; display: flex; justify-content: center; align-items: center; position: relative; z-index:1; gap:3rem; margin-top:5rem;}
.main_contact_tit_box { opacity: 0; transform: translateX(-3rem);  color:#fff;}

.main_contact_tit {  position: relative; left:0; right:0; margin:0 auto; opacity: 0; transform: translateY(-3rem); z-index:1; color:#fff; }
.main_contact_tit h1 {  font-family: 'gobold';   font-size:2.7rem; font-weight: 400;}
.main_contact_tit h1 b { font-weight: bold;}
.main_contact_tit p { font-size:1.35rem; font-weight: 400; line-height:150%; margin-top:0.7rem;}

.main_contact_txt { margin-top:5rem; }
.main_contact_txt_box { display: flex; justify-content: flex-start; align-items: center; gap:1rem;  margin-top:2rem;}
.contact_box_tit { width:6.5rem; height:5rem; background-color:#244f80; border:1px solid #fff; display: flex; justify-content:center; align-items: center; border-radius:10px; }
.contact_box_tit h3 { font-size:1.12rem; color:#fff; }

.contact_box_txt {text-align:left; }
.contact_box_txt h2 { font-size:1.22rem; margin-bottom:0.5rem;}
.contact_btns {display: flex; justify-content: flex-start; align-items: center; gap:0.5rem;}
.contact_btn {border:1px solid #fff; width:10rem; height:2.5rem; display: flex; justify-content: center; align-items: center;  border-radius:5px; background-color: #02122e;}
.contact_btn a { width:100%; height:100%; font-size:0.895rem; display: flex; justify-content: center; align-items: center; gap:0.5rem;}
.contact_btn img { width:8%; }

.main_contact_map { opacity: 0; transform: translateY(3rem); }
.main_contact_map p {font-size:0.895rem; margin-top:0.5rem; font-weight: 300; text-align: left;}

.main_contact_wrap.on .main_contact_tit_box { opacity: 1; transform: translate(0); transition: 1.0s 0.8s; }
.main_contact_wrap.on .main_contact_map { opacity: 1; transform: translate(0); transition: 1.0s 0.6s; }
.main_contact_wrap.on .main_contact_tit { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }


/**/

#section6 { width: 100%;  }

.brand_wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.brand_bg { width: 60%; height: 100%; position: relative; right: 0; top: 0; overflow:hidden; display: flex; justify-content: center; align-items: center; }
.brand_bg::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/brand_bg.jpg) center no-repeat; background-size: cover;  transform: scale(1.2); }
.brand_logo { position: absolute; left:10rem; /*right:0; margin:0 auto;*/ top:20rem; transform: translateY(3rem); opacity:0; }


.brand_left { width: 40%; height: 100%; background-color: #02122e; position: relative; left:0;  display: flex; justify-content: center; align-items: center; color:#fff; text-align:left; }
.brand_txt_wrap { transform: translateY(5rem); }

.brand_tit { transform: translateY(-3rem); opacity:0; line-height:180%; }
.brand_tit h1 { font-size:1.75rem; }
.brand_tit h2 { font-size:3rem; letter-spacing:-1px; margin-top:1rem; font-weight:300;}

.brand_txt { margin-top:3rem; }
.brand_txt h1 { font-size:1.45rem; font-weight:200; }
.brand_txt h1 b { font-weight:700; color:#3ab2c5; }
.brand_txt p { font-size:1rem; font-weight:300; margin-top:0.5rem;}

.brand_txt.txt_box01 { margin-top:0rem; transform: translateX(-3rem); opacity:0;  }
.brand_txt.txt_box02 { transform: translateX(-3rem); opacity:0;  }
.brand_txt.txt_box03 { transform: translateX(-3rem); opacity:0;  }

.brand_wrap.on .brand_tit { opacity: 1; transform: translateY(-5rem); transition: 1.0s 0.2s; }
.brand_wrap.on .brand_logo { opacity: 1; transform: translate(0rem); transition: 1.0s 0.5s; }
.brand_wrap.on .brand_txt.txt_box01 { opacity: 1; transform: translate(0rem); transition: 1.0s 0.4s; }
.brand_wrap.on .brand_txt.txt_box02 { opacity: 1; transform: translate(0rem); transition: 1.0s 0.8s; }
.brand_wrap.on .brand_txt.txt_box03 { opacity: 1; transform: translate(0rem); transition: 1.0s 1.2s; }

.brand_wrap.on .brand_bg::before {  transform: scale(1); transition: 2.5s 0s; }

/**/

#section7 { overflow: visible; }

.footer { width: 100%; padding: 2.75rem 6.25rem 4.375rem; box-sizing: border-box; z-index: 999; font-family: 'Pretendard'; background-color: #02122e; color: #fff; position: relative; 
box-sizing: border-box; text-align: center; letter-spacing: -0.5px;  }
.footer:after { content:''; width: 100%; height: 100vh; position: absolute; left: 0; top: -100vh; display: none; }

.footer_logo { margin-top:1rem; margin-bottom:3rem; }
.footer_center { text-align: center; font-size:0.875rem; }
.const_list { display: flex; justify-content: center; align-items: center; }
.const_list.list02 { margin-top:2rem;}
.const_list li { padding: 0 1.375rem; position: relative; line-height: 220%; font-weight: 400;  display: flex; justify-content: center; align-items: flex-start; font-size:0.875rem; color:#7d7d7d; }
.const_list li:after { position: absolute; content:''; width: 1px; height: 0.875rem; background-color: #fff; opacity: 0.2; right: 0; bottom: 0; top: -1px; margin: auto; }
.const_list li:last-child:after { display: none; }

.const_list span {color:#fff;}
.const_list img {margin-left:0.5rem;}


.footer_center p { margin-top:1rem;  color:#7d7d7d;}
.footer_center h6 { line-height: 100%; margin-top: 1.5rem;  color:#7d7d7d;}

.personal { border:1px solid #7d7d7d; width:10rem; height:3rem; position: relative; left:0; right:0; margin:0 auto; margin-top:2rem; color:#7d7d7d;  transition: 0.3s;  }
.personal a { width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-weight:400;}

.personal:hover { border:1px solid #fff; color:#fff;}

.footer.end:after { display: block; }

.gotop { width:3rem; height:3rem; background:#244f80;  color:#fff;  display: flex; justify-content: center; align-items: center; font-weight:700; position:absolute; right:6rem; top:-1.5rem; cursor:pointer; } 

/*body.main .footer { width: 100%; }*/

/*서브*/

.sub_top01 { position: relative; left: 0; top: 0; width: 100%; height: 380px; z-index: 99; margin-top: 0px; overflow: hidden; }
/*.sub_top01:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sub_top.png) center top no-repeat; background-size: cover; z-index: 2; }*/
.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.sub_top01 .sub_top_img { background: url(../img/sub_top.jpg) center top 10% no-repeat; background-size: cover; animation: sub_top_img 2.0s 0s both; }

.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 45%; margin: auto; z-index: 9; text-align: center; animation: sub_top_txt 1.2s 0.4s both; color: #000; font-weight: bold; }
.sub_top_txt h1 { font-size: 2.7rem; font-weight:600; }



@keyframes sub_img {
	from { background: url(../img/sub_top.jpg) center bottom no-repeat; background-size: cover; }
	to{ }
}
@keyframes sub_top_img {
	from { transform: scale(1.2); }
	to{ }
}
@keyframes sub_top_txt {
	from {  opacity: 0; transform: translateY(30px); }
	to{ }
}
@keyframes sub_top_txt2 {
	from { letter-spacing: 0; }
	to{ }
}

@keyframes sub_top_txt_eg {
	from { opacity: 0; transform: translateX(5rem) rotate(-15deg); }
	to{ }
}
/* @keyframes sub_top_txt2 {
	from { letter-spacing: 0.3rem; }
	to{ }
} */

#snb_wrap { width: 100%; height: 65px; position:relative; margin: auto; z-index: 90; /* border:1px solid #ddd; */ }
.snb_box { width: 1100px; margin:0 auto; position:relative;}
#snb { width: 480px; height: 65px; position: absolute; left: 0; top: 0; }
#snb:after {content:""; display:block; clear:both; }
#snb > li { float: left; /*width: 200px;*/ width: auto; position:relative; height: 65px; text-align: left; box-sizing: border-box; color: #000; }
#snb > li > a:after { content:''; position: absolute; width: 1px; height: 20px; background-color: #adadad; right: 0; top: 0; bottom: 0; margin: auto; display:none; }
#snb > li:first-child { width: 20px; }
#snb > li:nth-child(2) { width: 60px; }
#snb > li:first-child img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#snb > li:nth-child(3) { width: 220px; }
#snb > li:nth-child(3) > a:after { display: none; }
#snb > li:first-child + li + li > a { margin-top:1px; color: #000; }
/*#snb > li:first-child + li + li { border-bottom: 1px solid #e8e8e8; }*/
#snb > li:first-child + .ov {margin-left:0;}
#snb > li:nth-child(2):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; display:none;}
#snb > li:nth-child(3):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; display:none;}
#snb .ov {margin-left:-1px;}
#snb .ov > a { display: block; height: 65px; line-height: 65px; padding: 0 15px; font-size: 15px; color:#3e3e3d; min-width:160px; font-weight:400;  display: flex; justify-content: flex-start; align-items: center; }

.ov_top { color:#003058!important;; }

#snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 27px; }
#snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 27px; }

#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff; display:none; }
#snb .ov ul li { border:1px solid #c2c2c2;margin-top:-1px; font-weight: 400; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a { display:block; font-size:11.5px; color: #000; padding:11px 15px;white-space:nowrap; letter-spacing: 0; }
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover { background: #ebebeb; color: #000; }

#snb .ov a { text-transform: uppercase; }
/*#snb .ov:last-child a { text-transform: uppercase; }*/

body.full #sub_container { width: 100%; }
#sub_container { width: 90%; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; background-color: #fff; text-align: center; }
#sub_box { position: relative; width: 100%; margin: auto; text-align: center; padding-bottom: 180px; padding-top: 0px; box-sizing: border-box; margin-top: 70px; }
#sub_tit { width: 100%; margin-top: 0; overflow: hidden; text-align: center; }
#sub_tit h2 { font-size: 18px; color: #000; font-weight: 400; line-height: 100%; letter-spacing:0px; text-transform: uppercase; margin-top:1rem;}
#sub_tit h1 { font-family: 'Belgiano Serif', sans-serif;  font-size: 55px; color: #3e505e; font-weight: 400; line-height: 100%; letter-spacing: -1px; text-transform: uppercase; }

.sub_line { width: 1px; height: 38px; background-color: #404040; margin: auto; margin-top: 30px; }
#sub_tit h5 { font-size: 14px; color: #858585; font-weight: 400; margin-top: 16px; }
#sub_tit h5 b { color: #222; }
#sub_tit h5 div { display: inline-block; color: #056b5c; }
#sub_tit h5 span { font-size: 13px; font-family: 'Futura Std'; font-weight: 700; }
.sub_page { margin:0 auto; margin-top: 50px; position: relative; width:1200px; left:0; right:0; }


.sub_ori { width: 100%; max-width: 1100px; margin: auto; background-color: #f3f3f3; text-align: left; padding: 25px 30px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; }
.sub_ori>div { width: 55px; height: 55px; min-width: 55px; border-radius: 100%; background: #e0e0e0 url(../sub/ori.png) center no-repeat; margin-right: 22px; }
/* .sub_ori ul {  } */
.sub_ori ul li { font-size: 14px; line-height: 155%; color: #383838; font-weight: 400; letter-spacing: -0.5px; position: relative; }
.sub_ori ul li:before { content:'·'; position: absolute; left: -6px; margin-right: 2px; }

.sub_ori ul.ori2 li { margin-left: 20px; }
.sub_ori ul.ori2 li:first-child { margin-left: 0; font-size: 14px; margin-bottom: 3px; }
.sub_ori ul.ori2 li:first-child:before { display: none; }

.sub_tab_bt { width: 100%; margin-bottom: 20px; }
.sub_tab_bt ul { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.sub_tab_bt ul li { width: 100%; margin-right: 1%; font-size: 18px; line-height: 60px; border: 1px solid #ccc; box-sizing: border-box; }
.sub_tab_bt ul li a { width: 100%; height: 100%; display: block; }
.sub_tab_bt ul li:last-child { margin-right: 0; }
.sub_tab_bt ul li.active { background-color: #000; color: #fff; border: 1px solid #000; }


/**/

.sub_page.img { width: 100%; max-width: 1100px; margin: auto; margin-top: 50px; height: auto; position: relative; }
.sub_page.img img { width: 100%; max-width: 1100px; }
.sub_img { margin-bottom: 70px; }
.sub_page.img img.half { width: 50%; float: left; }


ul.tabs2 { width: 100%; display: flex; justify-content: space-between; margin-bottom: 35px; }
ul.tabs2.two { flex-wrap: wrap; }
ul.tabs2 li { width: 100%; color: #fff; margin-left: 0%; text-align: center; cursor: pointer; font-size: 16px; height: 45px; line-height: 45px; border: 1px solid #bababa; font-weight: 400; background: #bababa; }
ul.tabs2 li a { width: 100%; height: 100%; display: block; }
ul.tabs2 li:nth-child(1) { margin-left: 0; }

ul.tabs2 li.selected, ul.tabs li.selected:hover { color: #fff; background: #001a47; border: 1px solid #001a47; }	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color: #fff; }
ul.tabs2 li.active { color:#fff; background: #001a47; border: 1px solid #001a47; }

 #container2 { width: 100%; max-width: 1100px; margin: auto; }

.sub_lounge>img { margin-bottom: 90px; }
.sub_lounge .tabs2 { margin-bottom: 60px; }

/**/


.sub_contact_btns { position: absolute; left:50%; margin-left:14.5rem; z-index:2;  top:21.7rem; }
.sub_contact_btn {  position: absolute;  top:0; display: flex; justify-content: flex-start; align-items: center; gap:0.2rem; }
.btn_box { width:8.9rem; height:2rem; /* background:#000; */ }
.btn_box a { width:100%; height:100%; display:block; }

.sub_contact_btn.btn02 { top:10.3rem; }


/*  */

.summary_wrap { width: 100%; max-width: 1100px; }
/* .summary_wrap>div>div:last-child { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 45px; } */

.summary_tit { text-align: center; }
.summary_tit h2 { font-size: 40px; line-height: 100%; }

.summary_img_box { width: 100%; height: 250px; margin-top: 45px; position: relative; overflow: hidden; }
.summary_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #555 url(../sub/planning.jpg) center bottom no-repeat; background-size: cover; z-index: 2; }
.summary_img_txt { position: absolute; left: 6%; bottom: -23%; color: #fff; text-align: left; font-family: 'felixti'; z-index: 9; }
.summary_img_txt h4 { font-size: 24px; line-height: 100%; letter-spacing: 54px; }
.summary_img_txt h1 { font-size: 176px; line-height: 100%; letter-spacing: -10px; }

.summary_txt_box { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 50px 6%; text-align: left; margin-top: 45px; }
.summary_txt_box h2 { width: 100%; font-size: 22px; line-height: 100%; font-weight: 600; margin-bottom: -5px; }
.summary_txt_box>div { width: 47%; }
/* .summary_txt_box>div { width: 20.5%; } */
/* .summary_txt_box>div:last-child { width: 100%; margin-top: 3.6%; margin-top: 0; } */
.summary_txt_box h3 { font-size: 20px; line-height: 100%; font-weight: 600; color: #8a694e; border-bottom: 1px solid #ababab; padding-bottom: 8px; }
.summary_txt_box p { font-size: 14px; line-height: 142%; margin-top: 20px; }


/*  */

/*  */

.contact_wrap { width: 100%; max-width: 1100px; margin: auto; position: relative; text-align: left; color: #010101; }

.contact_wrap h2 { font-size: 24px; line-height: 100%; margin-bottom: 15px; font-weight: 500; }
.contact_wrap h2 img { margin-right: 10px; margin-top: 0px; }
.contact_top { width: 100%; }
.contact_top>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; }

.contact_bottom { width: 100%; margin-top: 85px; margin-bottom: 70px; }
.contact_bottom>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }

.contact_map_box { width: 100%; max-width: 527px; border: 1px solid #9e9e9e; }
.contact_map_box img { width: 100%; }

.contact_txt_box { width: 100%; max-width: 527px; margin: 25px 0; }
.contact_txt_box h3 { display: inline-block; font-size: 32px; line-height: 100%; font-weight: 700; position: relative; margin-bottom: 60px; }
.contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.contact_add { display: flex; justify-content: space-between; align-items: center; }
.contact_add h4 { font-size: 22px; line-height: 100%; font-weight: 600; }
.contact_add p { font-size: 15px; line-height: 100%; margin-top: 8px; }
.contact_top .contact_add { margin-top: 50px; }

.contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 10px; }
.contact_bt a { display: block; margin-left: 5px; }

/*  */

.location_pop_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: 0.8s 0s; }
.location_pop_bg_bt { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1; }
.location_pop_bg { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 99999998; background-color: #000; opacity: 0.8; transition: 0.6s 0.2s; }

.location_pop { width: 80%; max-width: 1550px; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(0px); z-index: 9; }
.location_pop img { width: 100%; }
.location_pop_close { width: 65px; height: 65px; position: absolute; right: -75px; top: 49px; cursor: pointer; }
.location_pop_close:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }
.location_pop_close:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }


.location_pop_wrap.active { top: 0; transition: 0.8s 0.2s; }
.location_pop_bg.active { left: 0; transition: 0.6s 0s; }

/**/

.sub_pr_wrap { width: 100%; height: auto; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; text-align: center; }
.sub_pr_wrap>div { width: 100%; max-width: 1200px; position: relative; z-index: 9; }

/* .sub_pr_vd { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; z-index: 999; margin-bottom: 0px; }
.sub_pr_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; } */
.sub_pr_vd { width: 100%; max-width: 1200px; position: relative; margin: auto; display: flex; justify-content: center; align-items: center; z-index: 9; }
.sub_pr_vd iframe { width: 100%; aspect-ratio: 16/9 !important; }
.sub_pr_vd.shorts { width: 70%; max-width: 350px; }
.sub_pr_vd.shorts iframe { aspect-ratio: 9/16 !important; }
.sub_pr_vd.shorts2 { width: 100%; gap: 2rem 1.5rem; flex-wrap: wrap; }
.sub_pr_vd.shorts2 iframe { max-width: 350px; aspect-ratio: 9/16 !important; }

.sub_pr_vd.sub { max-width: 1200px; margin-top: 3.25rem; }
.sub_pr_vd.over { max-width: 1200px; margin-bottom: 4.75rem; }



/**/

.sub_issue_box { width: 100%; display: flex; justify-content: space-between; align-items:center; }
.sub_issue_box>div { width: 100%; max-width: 330px; height: 419px; overflow: hidden;}
.sub_issue_box>div>a { position: relative; width: 100%; height: 100%; display: block; }
.sub_issue_box .issue_img01 { width: 100%; height: 100%; background: url(../sub/issue01.jpg)center no-repeat; background-size: cover; transition: 1.5s 0.0s ease; }
.sub_issue_box .issue_img02 { width: 100%; height: 100%; background: url(../sub/issue02.jpg)center no-repeat; background-size: cover; transition: 1.5s 0.0s ease; }
.sub_issue_box .issue_img03 { width: 100%; height: 100%; background: url(../sub/issue03.jpg)center no-repeat; background-size: cover; transition: 1.5s 0.0s ease; }
.sub_issue_box>div:hover .issue_img { transform:scale(1.05); }

.sub_issue_txt { position: absolute; bottom: 0; color: #fff; text-align: left; width: 100%; padding: 0 2.125rem 1.875rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;  }
.sub_issue_txt h4 { font-size: 2.125rem; font-weight: 600; text-transform: uppercase; line-height: 100%;}
.sub_issue_txt p { font-size: 1.625rem; line-height: 100%; margin-top: 6px;}
.sub_issue_txt div:last-child { opacity: 0; transform: translateX(-1rem); transition: all 0.6s ease;}
.sub_issue_box>div:hover .sub_issue_txt div:last-child { opacity: 1; transform: translate(0);}


.sub_issue_box h6 { position: absolute; top: 23%; right: -9%; transform: rotate(90deg); font-size: 0.75rem; color: #fff; letter-spacing: 2px;}

.sub_issue_box>div>a:after { content:''; width: calc(100% - 10px); height: calc(100% - 10px); border:1px solid #fff; position: absolute; display: block; top: 5px; left: 5px; box-sizing:border-box; opacity: 0; transition: all 0.3s ease;}
.sub_issue_box>div:hover>a:after { opacity: 1; }

.issue_prev_btn { width: 335px; height: 50px; margin: auto; border: 1px solid #ccc; background: #fff; }
.issue_prev_btn a { width: 100%; height: 100%; display: block; line-height: 50px; font-size: 0.9rem; }
.issue_prev_btn:hover { background: #000; transition: all 0.3s ease;}
.issue_prev_btn:hover a { color: #fff; }

/**/


.sub_event_wrap { width: 100%; max-width: 1100px; margin: auto; }
.sub_event_wrap>div { width: 100%; }

.sub_event_wrap .tabs2 { margin-top: 1.5rem; margin-bottom: 0; }

.sub_event_tit {  width: 100%; position: relative; text-align: center; background-color: #f3f3f3; padding: 3.5rem 0 3rem; }
.sub_event_tit img { width: 16.875rem; }
.sub_event_tit p { font-size: 0.875rem; line-height: 160%; opacity: 0.8; margin-top: 1.75rem; }
/* .sub_event_tit h2 { font-size: 1.5rem; line-height: 100%; margin-top: 4.25rem; font-weight: 500; }
.sub_event_tit h2 a { display: flex; justify-content: center; align-items: center; gap: 0 0.625rem; }
.sub_event_tit h2 span { font-family: 'lexend'; font-size: 2.625rem; } */
.sub_event_wrap .event01 { width: 100%; height: 50px; background: #30414d; color: #fff; font-size: 0.937rem; display: flex; justify-content: center; align-items: center; gap:0.937rem;}
.sub_event_wrap .event02 { overflow: hidden;width: 100%; height: 50px; background: #b45347; color: #fff; font-size: 0.937rem; display: flex; justify-content: center; align-items: center; gap:0.937rem; margin-top: 2rem;}

.sub_event_db { width: 100%; display: flex; margin-top: 1.5rem; }
.sub_event_db tbody { display: flex; flex-wrap: wrap; gap: 0 2%; }
.sub_event_db tr { width: 49%; display: flex; justify-content: center; align-items: center; }
.sub_event_db tr td { font-size: 1rem; line-height: 100%; border-bottom: 1px solid #ccc; padding: 0.875rem 0; text-align: center; display: inline-block; position: relative; }
.sub_event_db tr td:nth-child(1) { width: 45%; }
.sub_event_db tr td:nth-child(1)::after { content: ''; width: 1px; height: 30%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #ccc; }
.sub_event_db tr td:nth-child(2) { width: 55%; }
.sub_event_db tr:nth-child(-n+2) { border-top: 2px solid #241915; }


/**/



.sub_gongo_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; color: #000; }

.sub_gongo_top { width: 100%; height: 494px; display: flex; justify-content: space-between; align-items: center; overflow: hidden; }

.sub_gongo_img_box { width: 57.545%; height: 100%; background: url(../img/main_img.jpg)80% center no-repeat; background-size: cover; }

.sub_gongo_txt_box { width: 40%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; text-align: left; }
.sub_gongo_txt_box>div { width: 100%; height: 50%; border: 1px solid #b2b2b2; box-sizing: border-box; margin-bottom: 5%; position: relative; }
.sub_gongo_txt_box>div>a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 50px 30px 45px; }
.sub_gongo_txt_box>div:nth-child(2) { margin-bottom: 0; }
.sub_gongo_logo { margin-left: 2px; transform: scale(0.8); transform-origin: left center; }
.sub_gongo_txt_box h2 { font-size: 28px; line-height: 100%; margin-top: 10px; margin-left: -2px; }
.sub_gongo_txt_box p { font-size: 12px; line-height: 167%; opacity: 0.7; margin-top: 25px; }

.sub_gongo_bt { width: 48px; height: 48px; background-color: #e3e3e3; position: absolute; right: 35px; bottom: 35px; border-radius: 100%; }
.sub_gongo_bt>div { width: 30px; height: 17px; position: absolute; left: -10px; top: 0; bottom: 0; margin: auto; transition: 0.4s; }
.sub_gongo_bt>div:before { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.sub_gongo_bt>div:after { content:''; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); transform-origin: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.sub_gongo_notice { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.sub_gongo_notice a { width: 13%; display: block; }
.sub_gongo_notice img:nth-child(1) { width: 59%; }
.sub_gongo_notice a img:nth-child(1) { width: 100%; }
.sub_gongo_notice img:nth-child(3) { width: 28%; }

.sub_gongo_txt_box>div>a:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; left: -1px; top: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div>a:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; right: -1px; top: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; right: -1px; bottom: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; left: -1px; bottom: -1px; transition: 0.4s; }

.sub_gongo_txt_box>div:hover>a:before { width: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover>a:after { height: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover:before { width: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover:after { height: calc(100% + 2px); }

.sub_gongo_txt_box>div:hover .sub_gongo_bt>div { left: -3px; }