@charset "utf-8";/* CSS Document */
body { font-size:16px } 
.box0 { margin:0 4% } 
.box1 { width:75em; margin:0 auto } 
.box2 { width:1440px; margin:0 auto } 
.box3 { width:1400px; margin:0 auto } 

.soon { background:#f5f5f5; height:50vh; padding:1em } 
.soon .xi { font-size:20em; opacity:.1 } 
.soon .tt .t1 { display:block; font-weight:700; font-size:3em; color:#555 } 
.soon .tt .t2 { display:block; font-size:1.5em; color:#999; margin-top:.5em } 

.pc_hide { display: none; } 


#header { position: fixed; left:0; top:0; width:100%; z-index:1000; color:#333; border-bottom:1px solid rgba(255,255,255,.2); box-sizing:border-box; background-color: #fff;     box-shadow: 0 10px 20px rgba(0, 0, 0, .1);} 
#header:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fff; opacity:0 }
#header .top_wrap,
#header .va_wrap { height:4.5em } 
.headerT { padding-top:4.5em } 
#header .top_wrap { transition:.3s } 
#header .logo { position:relative; height:100%; /* padding-left: 5%; */box-sizing:border-box; z-index:5; /*filter: brightness(0) invert(1);*/ } 
#header .logo > a { display:block; position:relative; width:10em; height:80%; top:10%; left: -50px; } 
#header .logo > a img { width: 100%; height: 100%; } 
#header .gnb_wrap { position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 20em; text-align:center } 
#header .gnb_wrap .gnb { display:inline-flex; justify-content:center; margin:0 auto } 
#header .gnb_wrap .gnb:before { content:""; position:absolute; left:0; top:4.5em; width:100%; height:calc(100% - 4.5em); background:#FFF; transform:scaleY(0); transform-origin:left top; transition:.5s; z-index:-1; border-top:1px solid #ddd; box-sizing:border-box } 
#header .gnb_wrap .gnb > li { position:relative } 
#header .gnb_wrap .gnb > li.m_mypage,
#header .gnb_wrap .gnb > li.m_guide { display:none; } 
#header .gnb_wrap .gnb > li .dp1 { font-weight:500; color:#333; position:relative; z-index:1; transition:.3s; padding:0 1em; min-width:7em; letter-spacing: -2px; } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; position:absolute; bottom:0; width:0; margin-left:-1.5em; left:50%; height:2px; background:#fff; transition:.3s; } 
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { width:3em } 
#header .gnb_wrap .gnb > li .dp1 .va { padding-top:.25em; font-size:1.250em; } 
#header .gnb_wrap .gnb > li:hover .dp1 { color:#3399cc } 
#header .gnb_wrap .gnb > li.on .dp1 { } 
#header .gnb_wrap .gnb > li:hover .dp1:after { transform:scaleX(1) } 
#header .gnb_wrap .gnb > li .dp1 .va { font-size:1.25em; font-weight:500 } 
#header .gnb_wrap .gnb > li .dp2 { display:block; opacity:0; height:0; overflow:hidden } 
#header .gnb_wrap .gnb > li .dp2 > li > a { height:auto; padding:.75em 0; color:#5c5e5e } 
#header .gnb_wrap .gnb > li .dp2 > li > a .va { } 

#header .etc_wrap { z-index:999 } 
#header .etc_wrap .mem_wrap { } 
#header .etc_wrap .mem_wrap .etc { } 
#header .etc_wrap .mem_wrap .etc > li { } 
#header .etc_wrap .mem_wrap .etc > li .in { color:#fff; display:inline-block; width:5em; } 
#header .etc_wrap .mem_wrap .etc > li .in > * { vertical-align:middle !important; display:inline-block } 
#header .etc_wrap .mem_wrap .etc > li .in .xi { font-size:1em; padding-right:3px; } 
#header .etc_wrap .mem_wrap .etc > li .in .tt { font-size:.875em; } 

#header .etc_wrap .all_wrap { } 
#header .etc_wrap .all_wrap .all_btn { display:block; color:#333; line-height:5em; width:5em; text-align:center; position:relative } 
#header .etc_wrap .all_wrap .all_btn:before { content:""; position:absolute; left:0; top:0; width:100%; height:0; /*background:#1f56a4; */ transition:.3s } 
#header .etc_wrap .all_wrap .all_btn .xi { font-size:3em; position:relative; color: #333; } 
#header .etc_wrap .all_wrap:hover .all_btn,
#header .etc_wrap .all_wrap.on .all_btn { color:#fff !important } 
#header .etc_wrap .all_wrap:hover .all_btn:before,
#header .etc_wrap .all_wrap.on .all_btn:before { height:100% } 

#header .etc_wrap .all_wrap .all { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; visibility:hidden; opacity:0; overflow-y:auto; transition:.3s; transform:scale(.5) } 
#header .etc_wrap .all_wrap.on .all { visibility:visible; opacity:1; transform:scale(1) } 
#header .etc_wrap .all_wrap .all .close_btn { position:absolute; top:1em; right:2em; width:3em; line-height:3em; text-align:center; opacity:.5; transition:.3s } 
#header .etc_wrap .all_wrap .all .close_btn .xi { font-size:3em } 
#header .etc_wrap .all_wrap .all .close_btn:hover { transform:rotate(90deg); opacity:1 } 
#header .etc_wrap .all_wrap .all .all_logo { text-align:center; padding:3em 0; display: inline-block; } 
#header .etc_wrap .all_wrap .all .all_logo > img { width:24em } 
#header .etc_wrap .all_wrap .all .gnb a { height:auto } 
#header .etc_wrap .all_wrap .all .gnb { justify-content:space-between; padding-bottom:5em } 
#header .etc_wrap .all_wrap .all .gnb > li { flex:0 1 19% } 
#header .etc_wrap .all_wrap .all .gnb > li.m_mypage,
#header .etc_wrap .all_wrap .all .gnb > li.m_guide { display:none; } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2,
#header .etc_wrap .all_wrap .all .gnb > li .dp3 { display:block } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1 { border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after { content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#3399cc; transition:.3s } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1 .va { font-size:1.25em; font-weight:700 } 
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1 { color:#3399cc } 
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1:after { width:100% } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 { } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a { padding:1em; border-bottom:1px solid #ddd; text-align:left; position:relative; padding-left:2em; font-size:.938em; } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:after { content:"\e913"; font-family:xeicon!important; position:absolute; left:0; top:1em; width:2em; text-align:center; color:#aaa } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a { background:#f5f5f5; color:#3399cc } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after { color:#3399cc } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > .dp3 { background:#f9f9f9 } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 { padding:.5em 0; border-bottom:1px solid #ddd } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a { padding:.25em .75em; text-align:left } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va { font-size:.875em; color:#666 } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va:before { content:"- "; display:inline-block; padding-right:1em } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va { text-decoration:underline; color:#333 } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va:before { text-decoration:none } 



/*quick*/
#quick { position:fixed; z-index:999; bottom: .5vh; right:.5vw; transform:translateY(-50%); } 
#quick .quick_wrap { position:relative; width:7.25em; text-align:center; overflow:hidden; } 
#quick .quick_wrap:before { content:""; position:absolute; top:2em; left:0; bottom:0; width:100%; } 
#quick .quick_wrap > li { position:relative; } 
#quick .quick_wrap > li:not(.top) .in,
#quick .quick_wrap > li .in .tt { display:block; } 
#quick .quick_wrap > li:not(.top) .in { padding:1.25em .5em; } 
#quick .quick_wrap > li .in .ico { display:inline-block; width:2.125em; margin-bottom:.625em; transition:.3s; } 
#quick .quick_wrap > li .in .ico img { width:100%; } 
#quick .quick_wrap > li .in .t1 { font-size:1.125em; } 
#quick .quick_wrap > li .in .t2 { font-size:.875em; } 
/* #quick .quick_wrap > li.top { padding:1.25em 1.25em; } */
#quick .quick_wrap > li.top { opacity:0; transform:translateY(100%); transition:.5s } 
#quick .quick_wrap > li.top .in { width:4.75em; height:4.75em; background:#3399cc; border-radius:50%; color:#fff; transition:.2s; } 
#quick .quick_wrap > li.top .in .xi { font-size:1.125em; } 
#quick .quick_wrap > li.top .in .tt { font-size:.750em; } 
#quick .quick_wrap > li:not(.tel) .in[href]:hover .ico { transform:rotateY(180deg); } 
#quick .quick_wrap > li.top .in:hover { background:#37b7fc; } 
.scroll #quick .quick_wrap > li.top { opacity:1; transform:translateY(0) } 


.color #header .gnb_wrap .gnb > li .dp1 { color:#333 } 
.color #header .gnb_wrap .gnb > li:hover .dp1 { color:#0072c6 } 
.color #header .gnb_wrap .gnb > li:hover .dp1:after { background:#0072c6 } 
.color #header .etc_wrap .lang > .lang_btn { border-color:#ccc; color:#666 } 
.color #header .etc_wrap .all_wrap .all_btn { color:#666 } 
.color #header:before { background:#777 } 

/* .scroll #header { background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.3); border-bottom:none; } */

.scroll #header .gnb_wrap .gnb > li .dp1 { color:#111; } 
.scroll #header .gnb_wrap .gnb > li.on .dp1,
.scroll #header .gnb_wrap .gnb > li:hover .dp1 { color:#3399cc } 
.scroll #header .gnb_wrap .gnb > li.on .dp1:after,
.scroll #header .gnb_wrap .gnb > li:hover .dp1:after { background:#3399cc } 
.scroll #header .etc_wrap .lang > .lang_btn { border-color:#ccc; color:#666 } 
.scroll #header .logo { filter: unset; } 
.scroll #header .etc_wrap .all_wrap .all_btn { color:#333 } 
/* .scroll #header:before { background:none } */
.scroll #header .etc_wrap .mem_wrap .etc > li .in { color:#333 } 
.scroll #header .etc_wrap .all_wrap .all_btn .xi { color: #111; } 

#header.active { background:#fff; color:#111; box-shadow: 0 10px 20px rgba(0,0,0,.1); } 
#header.active .logo .in,
.L1 #header .top_wrap .logo .in { transform:translateY(0); } 
#header.active .gnb_wrap .gnb > li .dp1 { color:#111; } 
#header.active .gnb_wrap .gnb > li:hover .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1 { color:#3399cc; } 
#header.active .gnb_wrap .gnb > li:hover .dp1:after,
#header.active .gnb_wrap .gnb > li.on .dp1:after { background:#3399cc; } 
#header.active .etc_wrap .all_wrap .all_btn .xi { color: #111; } 
#header.active .logo { filter: unset; } 


#header.hide { transform:translateY(-6em) } 

.headerH,
#header .va_wrap { height:4.5em } 
.headerT { padding-top:4.5em } 

#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a { color:#3399cc } 
#header .gnb_wrap .gnb > li .dp3 { display:none } 
#header .gnb_wrap:hover .gnb:before { transform:scaleY(1); transition:.3s; transition-delay:.1s } 
#header .gnb_wrap:hover .gnb:after { visibility:visible; transition-delay:.3s } 
#header .gnb_wrap:hover .gnb > li .dp2 { opacity:1; height:calc(100% - 5em); overflow: visible; transition:.3s; transition-delay:.1s; padding:1em 0 2em 0 } 
#header .gnb_wrap + .gnb_bg { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden } 
#header .gnb_wrap:hover + .gnb_bg { opacity:1; visibility: visible; transition:.3s; transition-delay:.1s; } 
#header .gnb_wrap .gnb > li:hover .dp1 .va { color:#3399cc } 

#header:hover:before { opacity:1; transition:.3s; } 
/*#header:hover .gnb_wrap .gnb > li .dp1 .va { color:#5c5e5e } */
#header:hover .etc_wrap .mem_wrap .etc > li .in { color:#5c5e5e } 
#header:hover .etc_wrap .all_wrap .all_btn .xi { transition:.3s; color:#5c5e5e } 
#header .etc_wrap .all_wrap .all_btn:hover { background:#3399cc; transition:.3s; } 
#header .etc_wrap .all_wrap .all_btn:hover .xi { color:#fff !important; } 

/**/
/* #footer { } 
#footer .gotop { width:5em; line-height:5em; border:5px solid #f1f1f1; text-align:center; display:block; margin:0 auto; color:#aaa; margin-bottom:2em; opacity:0; transform:translateY(100%); transition:.5s; } 
#footer .gotop .xi { font-size:3em } 
#footer .gotop:hover { background:#a6ce53; color:#fff } 
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 

#footer .wrap_in { padding:5em 0; background:#f1f1f1; } 
#footer .logo { width:24%; padding-right: 3em; box-sizing: border-box; } 
#footer .logo img { } 
#footer .info { flex:1 1 auto } 
#footer .info > li { font-size:1; line-height:1.5; color:#6f6f6f; font-weight:500; } 
#footer .info > li.st { color:#222; font-size:1.188em; font-weight:700; } 
#footer .info > li.copyright { display:block; margin-top:3em; font-size:.75em; text-transform:uppercase; opacity:.7 } 
#footer .info > li.st2.copyright { margin-top:.5em; } 
#footer .info > li.st2 > a { color:#555; font-size:.938em; padding-top:.6em; } 
#footer .info > li.st2 > a:hover { transition:.3s; color:#3399cc } 

#footer .menu { width:20em; } 
#footer .menu .t_w { } 
#footer .menu .t_w .img { flex:1; padding-bottom:33.33% !important; width:9.375em; } 
#footer .menu .b_w { } 
#footer .menu .b_w .sns { } 
#footer .menu .b_w .sns > li { } 
#footer .menu .b_w .sns > li.none_st { display:none !important; } 
#footer .menu .b_w .sns > li > a { border-radius:100%; text-align:center; margin-right:3px; } 
#footer .menu .b_w .sns > li > a .xi { color:#fff; border-radius:100%; width:40px; line-height:40px; background:#3399cc; } 
#footer .menu .b_w .sns > li:hover > a .xi { transition:.3s; color:#fff; } 
#footer .menu .b_w .sns > li:hover > a .xi.f_st { background:#1d4b98; } 
#footer .menu .b_w .sns > li:hover > a .xi.t_st { background:#2aa9e0; } 
#footer .menu .b_w .sns > li:hover > a .xi.b_st { background:#03de61; } 
#footer .menu .b_w .sns > li:hover > a .xi.i_st { background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } */

#footer { z-index:10; color:#555; background:#f1f1f1; padding:2em 0 4em 0 } 
#footer .goTop { position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s } 
#footer .goTop .xi { font-size:1.5em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em) } 
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 
#footer .logo img { height:4em; filter:brightness(0) opacity(.5) } 
#footer .info_wrap { display: flex; align-items: flex-start; margin-top: 3em; /* gap: 10em; */ } 
#footer .infoCol { display:flex; flex-direction:column; gap:1em } 
#footer .info { overflow:hidden } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.5em; opacity:.8; position:relative } 
#footer .info > li:before { content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2 } 
#footer .info > li.st { width: 100%; margin-bottom: 1em; font-weight: 700; font-size: 1.125em; color: #555; } 
#footer .info > li.point { font-weight:600 } 
#footer .info > li.br { clear:left } 
#footer .copyright { font-size:.813em; opacity:.6; text-transform:uppercase; margin-top:1em } 
#footer .cs_wrap { display:flex; gap:0 4em } 
#footer .cs_wrap .wrap_in { position:relative } 
#footer .cs_wrap .wrap_in:not(:first-child):after { content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2 } 
#footer .cs_wrap .t1 { opacity:.7; font-weight:500; margin-bottom:.5em } 
#footer .cs_wrap .t2 { font-weight:700; font-size:1.25em } 
#footer .menu_wrap { display:flex; width: 15%; justify-content: flex-end; align-items:baseline; gap:1em 0 } 
#footer .menu { display:flex; gap: 1em; } 
#footer .menu > li { width:auto; } 
#footer .menu > li > a { display:block; padding-right:2em; position:relative; font-weight:500; color:#777 } 
#footer .menu > li > a:after { content:"\e915"; font-family:xeicon; position:absolute; right:0; top:0; transform:rotate(45deg) } 
#footer .menu > li > a.point { opacity:.8; font-weight:700; color:#1262a2; } 

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; color:#fff; border-radius:50%; transition:.3s } 
.sns_st > li > a:hover { background:#fff; color:#111 } 

/**/
.partner_wrap .box1.st { overflow:hidden; } 
.partner_wrap { position:relative; border:1px solid #ddd; border-left:none; border-right:none; padding:1em 0; } 
.partner_wrap .partner { } 
.partner_wrap .partner .slick-list { overflow:visible; } 
.partner_wrap .partner .item .inner { background:#fff; text-align:center; } 
.partner_wrap .partner .partner_img { display:block; text-align:center; background:#fff } 
.partner_control_box { position:absolute; top:50%; left:0; width:100%; } 
.partner_control_box .control_arrow { position:relative; } 
.partner_control_box .control_arrow > li { position:absolute; top:0; margin-top:-22px; text-align:center; } 
.partner_control_box .control_arrow .prev { left:-60px; } 
.partner_control_box .control_arrow .next { right:-60px; } 
.partner_control_box .control_arrow > li .xi { width:45px; height:45px; line-height:45px; font-size:1.250em; color:#2c2f34; border:2px solid #333; border-radius:100%; cursor:pointer; transition:.3s; } 
.partner_control_box .control_arrow > li .xi:hover { background:#303641; border:1px solid #303641; color:#fff; transition:.3s; } 

/*MAIN*/
.main_Con_Wrap { overflow-x:hidden; } 

.main_visaul { height: 70vh; } 
.mainSlider { height: 100%; position:relative } 
.mainSlider .el { height:100%; position:relative; overflow:hidden } 
.mainSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1,1.1); transition-delay:1s; cursor: pointer; } 
.mainSlider .el .box1 { position:relative } 

/* .mainSlider .slogan { color:#fff; text-align: center; position:relative; left:0; top:50%; transform: translateY(calc(-50% - 2em)); } 
.mainSlider .slogan .t1 { font-size:2.5em; font-weight:700; transform:translateY(2em); opacity:0; margin-top:.188em; margin-left:-.125em; letter-spacing:-1px; } 
.mainSlider .slogan .line { margin:1em 0; width:2.5em; height:1px; background:#fff; transform:scaleX(0); transform-origin:left top } 
.mainSlider .slogan .t2 { font-size:1.50em; font-weight:300; line-height:1.7 } 
.mainSlider .slogan .t2 > i { display:block; transform:translateY(2em); opacity:0 } 
.mainSlider .slogan .moreBtn { border:2px solid #333; width:180px; height:53px; line-height:53px; border-radius:30px; cursor:pointer; margin-top:3.5em; transform:translateY(2em); opacity:0; text-align:center } 
.mainSlider .slogan .moreBtn .tt { font-size:1.125em; font-weight:300; color:#fff; text-align:center; display:inline-block; vertical-align:baseline } 
.mainSlider .slogan .moreBtn .icon { opacity:0; vertical-align:baseline; color:#333; font-size:1.2em; } 
 */
 .mainSlider .infoTit { /* padding: 1em 0; border:1px solid #fff; border-radius: 5em; background: rgba(255, 255, 255, .1); backdrop-filter: blur(20px); */color:#fff; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
 .mainSlider .infoTit .tit { margin-bottom: 0.5em; font-weight: 700; font-size: 3.25em; } 
 .mainSlider .infoTit .tit .t1 { position: relative; } 
 .mainSlider .infoTit .tit .t1::after { content:''; width: 102%; height: .5em; background-color: #1262a2; position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); z-index: -1; opacity: .5; } 
 .mainSlider .infoTit .info { font-weight: 700; font-size: 2em; } 
 .mainSlider .infoTit .info .date { letter-spacing: 2px; } 
 .mainSlider .infoTit .info .point { margin:0 .5em; color:#1262a2; position: relative; } 
 .mainSlider .infoTit .info .point::after { content: ''; width: 1.75em; height: 1.75em; border-radius: 50%; background: #b7dcf0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } 

.mainSlider .el.swiper-slide-active .bg,
.mainSlider .el.swiper-slide-duplicate-active .bg { transform:scale(1,1); transition:3s; transition-delay:0; transition-timing-function:ease-in-out } 

/* .mainSlider .el.swiper-slide-active .slogan .t1 { transform:translateY(0); opacity:1; transition:1s; transition-delay:1s; transition-timing-function:ease } 
.mainSlider .el.swiper-slide-active .slogan .line { transform:scaleX(1); transition:1s; transition-delay:1.5s } 
.mainSlider .el.swiper-slide-active .slogan .t2 > i { transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s; transition-timing-function:ease } 
.mainSlider .el.swiper-slide-active .slogan .t2 > i:nth-child(2) { transition-delay:1.5s } 
.mainSlider .el.swiper-slide-active .slogan .moreBtn { transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s; transition-timing-function:ease } 
.mainSlider .slogan .moreBtn:hover .icon { opacity:1; padding-left:1em; transition:.5s; } */

.mainControl { position:absolute; left:0; top:50%; transform: translateY(-50%); width:100%; z-index:1000 } 
.mainControl .box0 { position:relative } 
.mainControl .mainSlider-btn { width:3.25em; cursor:pointer; height: 3.25em; line-height:2.5em; color:#fff; outline:none; text-align:center } 
.mainControl .mainSlider-btn.mainSlider-prev { position: absolute; left: 0; width:3.25em; height: 3.25em; cursor:pointer; color:#fff; outline:none; text-align:center } 
.mainControl .mainSlider-btn.mainSlider-next { position: absolute; right: 0; width:3.25em; height: 3.25em; cursor:pointer; color:#fff; outline:none; text-align:center } 
.mainControl .mainSlider-btn.mainSlider-next::before { position: absolute;  width:3.25em; height: 3.25em; border: 1px solid #fff; border-radius: 50%; cursor:pointer; line-height:2.5em; color:#fff;z-index: 1000; } 
.mainControl .mainSlider-btn .xi { font-size:3em; font-weight: 900; } 
.mainControl .mainSlider-btn:hover { color:#333; opacity:1 } 
.mainControl .mainProgress { text-align:center; margin-right:1em; display: none; } 
.mainControl .mainPauseWrap { position:absolute; left:0; width:4.375em; text-align:center; top:0; display: none; } 
.mainControl .mainPauseWrap .mainSlider-btn { line-height:3.25em } 
.mainControl .mainPauseWrap .mainSlider-btn .xi { font-size:1.5em; } 
.mainControl .mainPauseWrap .mainSlider-play { display:none } 
.mainControl .mainPauseWrap.pause .mainSlider-pause { display:none } 
.mainControl .mainPauseWrap.pause .mainSlider-play { display:block; opacity:1; color:#333 } 
.mainControl .mainSlider-pagination { margin-top:2em } 
.mainControl .mainSlider-pagination span { width:1em; height:1em; background:#333; border-radius:0; font-size:.625em; opacity:.7; margin:0 .25em; transition:.3s } 
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active { width:7em; opacity:1; } 

.soon_wrap{border: 1px solid #ddd; border-radius:10px;}

/*main_form*/
.main_form { position: absolute; bottom: 3em; width: 100%; z-index: 100; } 

.btn_st { font-size: 2em; font-weight: 700; color: #fff !important; border: 2px solid #fff; border-radius: 30px; padding: .2em 1.5em; box-sizing: border-box; box-shadow: 3px 3px 8px #333;} 

.btn_st:hover { font-size: 2em; font-weight: 700; color: #fff !important; border: 2px solid #0365af; border-radius: 30px; padding: .2em 1.5em; box-sizing: border-box; background-color: #0365af; } 

.main_form .middle { width: 10em; height: 10em; background-color: #fff; border-radius: 50%; box-shadow: 3px 3px 8px #333; } 
.main_form .middle .txt { font-size: 1.2em; color: #0365af; } 
.main_form .middle .date { font-size: 3em; font-weight: 800; color: #0365af; } 

.main_con.main_effect { padding: 4em 0; } 


.main_Con1 { position: relative; padding: 3em 0; } 
.main_Con1 .txt_wrap { position: unset;  transform: translateY(0)} 
.main_Con1 .txt_wrap.st2 { } 

.main_Con1  .main_sec{ height: 30em;}

.main_txt .txt.t1{font-size: 1.2em;}
.contest_list{width: 34em; height: 100%; background-color: #fff; border-radius: 20px; box-shadow: 3px 3px 8px #444; box-sizing: border-box; padding: 2em;}
.contest_list >li{ margin-bottom: 1.2em;}
.contest_list >li:last-child{ margin-bottom: 0;}
.contest_list >li .in > .tit{ background-color: #1383C3; width: 5em; padding: .5em; box-sizing: border-box; border-radius:30px; font-size: 1.3em; color: #fff; text-align: center; font-weight: 700;}
.contest_list >li .in > .txt{font-size: 1.3em; font-weight: 600;}
.contest_list >li .in > .txt.w2{width: 70%;}
.contest_list >li .in > .txt.w2 > span{width: 45%; font-size: .95em !important;}


.main_COn1 { margin:11em 0; } 
.main_COn1 .coN { } 
.main_COn1 .coN1 { width:43.750em; } 
.main_COn1 .coN2 { flex:1; min-width:0; } 
.main_COn1 .inner { } 
.main_COn1 .inner .t1 { font-size:2.813em; /* font-family:'gs'; */ font-weight:700; letter-spacing:-1px; line-height:1.3; } 
.main_COn1 .inner .t1 .col { color:#3399cc } 
.main_COn1 .inner .t1 .tt { color:#303030; } 
.main_COn1 .inner .t2 { color:#303030; font-family:'NotoS'; font-size:1.063em; line-height:1.9; font-weight:500; padding-top:30px; } 

.one_list1 { } 
.one_list1 > li { width:33.33%; } 
.one_list1 > li:first-child { position:relative; left:20px; } 
.one_list1 > li:last-child { position:relative; right:20px; } 
.one_list1 > li .inner { } 
.one_list1 > li .inner .icon { border-radius:50%; } 
.one_list1 > li .inner .icon:before { position:absolute; content:""; width:100%; height:100%; border-radius:50%; left:0; top:0; opacity:.9; } 
.one_list1 > li .inner .imG { } 
.one_list1 > li .inner .tt { /* font-family:'gs'; */ font-weight:700; font-size:1.188em; color:#fff; padding-top:1em; line-height:1.4; } 
.one_list1 > li .inner .icon.bg1:before { background:#005de5 } 
.one_list1 > li .inner .icon.bg2:before { background:#4d4aff } 
.one_list1 > li .inner .icon.bg3:before { background:#0d83ff } 

/* */
.infoTitleWrap { } 
.infoTitleWrap .box1 { position: relative; } 
/* .infoTitleWrap .box1::before,
.infoTitleWrap .box1::after { content: ''; height: 80%; position: absolute; bottom: 1px; background-repeat: no-repeat; background-position: 0 100%; } 
.infoTitleWrap .box1::before { width: 12em; background-image: url(../images/main/runners2.svg); right:calc(100% - 5em); } 
.infoTitleWrap .box1::after { width: 20em; background-image: url(../images/main/runners.svg); left:calc(100% - 4em); } */
.infoTitleWrap .infoTitle { gap: .25em; padding:.5em 0; font-weight: 600; font-size: 2.5em; color:#2676cf; text-align: center; letter-spacing: -1px; } 
.infoTitleWrap .infoTitle .date { } 
.infoTitleWrap .infoTitle .point { margin:0 .5em; font-size: .85em; color:#fff; position: relative; } 
.infoTitleWrap .infoTitle .point::after { content: ''; width: 1.65em; height: 1.65em; border-radius: 50%; background: #2676cf; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); } 

/* */
.main_Con2 { background:#ebf0f4; padding:4em 0 2em 0; } 


/*new*/
.noti_wrap{width: 100%;}
.noti_wrap > .noti_list{width: 100%;}
.noti_wrap > .noti_list >li {margin-bottom: 1.5em;}
.noti_wrap > .noti_list >li > .in{width: 60%; background-color: #fff; box-shadow: 3px 3px 10px #666; height: 5em; border-radius: 10px; padding: 1em; box-sizing:border-box;}
.noti_wrap > .noti_list >li > .in .txt >.t1{font-size: 1.3em; font-weight: 700;}
.noti_wrap > .noti_list >li > .in  .num{position: relative; z-index: 2;width:2em; height: 2em; border-radius:50%; background-color: #1383C3; color: #fff; font-weight: 700; font-size: 1.5em;}

.noti_wrap > .noti_list >li > .in > .date{font-size: .9em; color: #666;}


.quickWrap { display: flex; gap:.5em } 
.quickWrap .commu_box { display: flex; flex-direction: column; gap:.5em; width: 24em; } 
.commu_box .notice_sec { height: calc(100% - 3.5em); padding: 2em 1.5em; border:1px solid #ddd; border-radius: .5em; background: #fff; position: relative; } 
.commu_box .notice_sec .noticeListWrap { } 
.commu_box .notice_sec .noticeListWrap .noticeList { } 
.commu_box .notice_sec .noticeListWrap .noticeList > li { } 
.commu_box .notice_sec .noticeListWrap .noticeList > li + li { margin-top: 1em; } 
.commu_box .notice_sec .noticeListWrap .noticeList > li a { display: flex; justify-content: space-between; gap:2em; } 
.commu_box .notice_sec .noticeListWrap .noticeList > li .tit { flex:1; color:#333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.commu_box .notice_sec .noticeListWrap .noticeList > li .date { font-size: .9375em; color:#777; } 
.commu_box .notice_sec .noticeListWrap .noticeList > li:hover .tit { text-decoration: underline; } 

.commu_box .kakaoLink { gap:1em; height: 3.5em; border-radius: .5em; background: #ffe812; font-weight: 600; font-size: 1.125em; color:#000; } 
.commu_box .kakaoLink .xi { } 
.commu_box .kakaoLink .tt { } 

.quickWrap .link_box { flex: 1; } 
.link_box .links { gap:.5em; height: 100%; } 
.link_box .links > li { width: calc((100% - .5em) / 2); height: calc((100% - .5em) / 2); padding:1.5em; border-radius: .5em; box-sizing: border-box; position: relative; } 
.link_box .links > li:nth-child(1) { border:1px solid #ddd; background: #fff } 
.link_box .links > li:nth-child(2) { background: #3399cc } /* #099999 */
.link_box .links > li:nth-child(3) { background: #2676cf } 
.link_box .links > li:nth-child(4) { background: #2561ae } 
.link_box .links > li .tit { /* font-family: 'gs'; */ font-weight: 600; font-size: 1.5em; color:#333; } 
.link_box .links > li:not(:first-child) .tit { color:#fff; } 
.link_box .links > li .main_more { margin-top: 2.5em; border:none; } 
.link_box .links > li:nth-child(1) .main_more { background: #2561ae; color:#fff; } 
.link_box .links > li .icon { width: 3em; height: 3em; position: absolute; right: 1em; bottom: 1em; } 

.quickWrap .gift_box { width: 20em; border:1px solid #ddd; border-radius: .5em; overflow: hidden; } 
.quickWrap .gift_box .giftSwiper { width: 100%; height: 100%; position: relative; } 
.quickWrap .gift_box .giftSwiper .swiper-wrapper { height: 100%; } 
.quickWrap .gift_box .giftSwiper .swiper-slide { width: 100%; height: 100%; } 
.quickWrap .gift_box .giftSwiper .swiper-slide .img_wrap { height: 100%; } 
.quickWrap .gift_box .giftSwiper .swiper-slide .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.quickWrap .gift_box .giftSwiper .swiper-pagination { width: 100%; height: 1em; padding-right: 1em; box-sizing: border-box; top: 1em; text-align: right; } 
.quickWrap .gift_box .giftSwiper .swiper-pagination .swiper-pagination-bullet { background: #777; } 
.quickWrap .gift_box .giftSwiper .swiper-pagination .swiper-pagination-bullet-active { background: #2561ae; } 



/* main 공통 new */
.mainTit { margin-bottom: 1em } 
.mainTit .tit { font-weight: 600; font-size: 1.5em; color:#333 } 

.main_more { display: inline-flex; align-items: center; gap:.8em } 
.main_more.st1 { height: 2em; padding: 0 .5em 0 .8em; border:1px solid #2561ae; border-radius: 2em; background:#fff; color:#2561ae; font-size: .875em; } 
.main_more.st1.small { display: flex; justify-content: center; align-items: center; width: 2em; padding:0; } 
.main_more.st1 .xi { transition: all .3s; } 
.main_more.st1:hover .xi { transform: rotate(90deg); } 
.main_more.st2 { height: 2.5em; padding: 0 1em 0 1.25em; border-radius: 1em 1em 0 1em; background: var(--siteC2); color:#fff; } 
.main_more.st2 .tt { font-size: .9375em; } 
.main_more.st2 .xi { transition: all .3s; } 
.main_more.st2:hover .xi { transform: translateX(.2em); } 


/* Main Slogan */
/* .mainSlider .slogan { } 
.mainSlider .slogan > h1 { font-size: 4.5em; font-weight: 800; } 
.mainSlider .slogan > .line { display: inline-block; width: 2.5em; height: 1px; background: #fff; margin: 1.5em 0; } 
.mainSlider .slogan > p { font-size: 1.5rem; } */


.storeSlide_wrap { position:relative; padding:0 5% 0 20%; } 
.storeSlide .slick-slide { } 
.storeSlide .item { position:relative; } 
.storeSlide .item.slick-center { } 

.storeSlide .slick-list { overflow:visible !important; } 
.storeSlide .item > div { padding-left:14em; padding-left:9em; } 
/*.storeSlide .item .txt_w { display:none; } 
.storeSlide .item.slick-current .txt_w { display:block; } */
/*.storeSlide .item .inner { justify-content:flex-end; } 
.storeSlide .item .inner .img_wrap { order:1; } 
.storeSlide .item.slick-current ~ .item .inner { justify-content:flex-start; } 
.storeSlide .item.slick-current ~ .item .inner .img_wrap { order:-1; } */

.storeSlide .txt_w { min-width:0; flex:1; padding-top:6em; position:relative; } 
.storeSlide .img_wrap { width:31.250em; /*width:37.500em; */ position:relative; } 
.storeSlide .img_wrap:before { content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; transition:.4s; } 
.storeSlide .item.slick-current .img_wrap:before { opacity:0; } 
.storeSlide .img_wrap .img_w { padding-bottom:83.33333333333% !important; } 
.storeSlide .img_T { transform:rotate(-90deg); color:#767676; font-size:2em; /* font-family:'gs'; */ font-weight:300; position:absolute; top:0; right:4em; height:4em; white-space:nowrap; transform-origin:right top; opacity:.7 } 

.storeSlide .txt_w .t1 { color:#303030; font-family:'NotoS'; font-weight:700; font-size:3em; letter-spacing:-1px; } 
.storeSlide .txt_w .lisT { margin-top:2em; margin-left:1em; } 
.storeSlide .txt_w .lisT > li { position:relative; padding-left:.6em; padding-bottom:.6em; color:#303030; font-family:'NotoS'; font-weight:400; font-size:1.125em; } 
.storeSlide .txt_w .lisT > li:before { position:absolute; content:""; width:.23em; height:.23em; border-radius:50%; background:#303030; left:0; top:8px; } 

.storeSlide_wrap .arrow_wrap { position:absolute; top:50%; left:0; width:100%; } 
.storeSlide_wrap .arrow_wrap > li { position:absolute; cursor:pointer; margin-top:-2em; } 
.storeSlide_wrap .arrow_wrap > li.prev { left:18%; } 
.storeSlide_wrap .arrow_wrap > li.next { right:3%; } 
.storeSlide_wrap .arrow_wrap > li .xi { font-size:3em; color:#fff; background:#105de1; text-align:center; width:80px; line-height:80px; text-align:center; } 
.storeSlide_wrap .pagingInfo { position:absolute; top:5%; left:29%; } 
.storeSlide_wrap .pagingInfo > i { display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:2.3em; color:#3c3d3c; /* font-family:'gs'; */ font-weight:500; } 
.storeSlide_wrap .pagingInfo .t1 { font-size:2.5em; font-weight:700; } 
.storeSlide_wrap .pagingInfo .t2 { padding-top:.2em; } 
.storeSlide_wrap .pagingInfo .t3 { padding-top:.4em; } 

.main_COn3 { padding:5em 0 6em 0; background: #f8f8f8; } 
.main_COn3 .tw { text-align:center; margin-bottom:3em; } 
.main_COn3 .tw .t1 { /* font-family:'gs'; */ font-size:3.313em; color:#333; font-weight:500; vertical-align:baseline; letter-spacing:-2px; } 
.main_COn3 .tw .t1 .tt { color:#3399cc; font-weight:700; vertical-align:baseline; } 

.main_COn3 { } 


.main_COn5 { margin:9em 0; } 
.main_COn5 .tit { color:#2b2b2b; /* font-family:'gs'; */ font-weight:700; font-size:1.5em; padding-bottom:20px; } 
.main_COn5 .con5 { } 
.main_COn5 .con5 .list { margin:0 0 0 -7px } 
.main_COn5 .con5 .list > li { width:25%; } 
.main_COn5 .con5 .list > li .inner { margin:0 0 7px 7px; position:relative; } 
.main_COn5 .con5 .list > li .inner .icon { position:absolute; right:2%; top:0; z-index:33 } 
.main_COn5 .con5 .list > li .inner .icon .xi { color:#fff; font-size:3em; } 
.main_COn5 .con5 .list > li .inner .img_w { padding-bottom:96.61016949153% !important; } 
.main_COn5 .con5 .list > li .inner .img_w img { width:100%; } 


/**/
#contents { } 
#contents .subtop_wrap .sub_visual { /*height:20em;*/height: auto;  position:relative; overflow:hidden } 
#contents .subtop_wrap .sub_visual .bg { position:absolute; left:0; top:0; width:100%; height:100%;display: none; } 
#contents .subtop_wrap .sub_visual .wrap_in { position:relative; height:100% } 
#contents .subtop_wrap .sub_visual .wrap_in .sub_slogan { flex:1 1 auto } 
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu { flex:0 0 auto } 

.dp1_course #contents .subtop_wrap .sub_visual .wrap_in .sub_menu,
.dp1_record #contents .subtop_wrap .sub_visual .wrap_in .sub_menu { display: none; } 

#contents .sub_slogan { color:#fff; transform:translateY(2em); opacity:0 } 
#contents .sub_slogan .in { width:100%; text-align:center } 
#contents .sub_slogan .t1 { font-size:2.8em; font-weight:700 } 

.load #contents .sub_slogan { transform:translateY(0); opacity:1; transition:1s } 

.sTit { font-size:.813em } 

#contents .sub_menu { padding-bottom:0 } 
#contents .sub_menu .gnb { flex-wrap: wrap } 
#contents .sub_menu .gnb > li { width:100% } 
#contents .sub_menu .gnb > li .dp2 { justify-content:center; overflow:hidden; } 
#contents .sub_menu .gnb > li .dp2 > li { width:15%; max-width:50% } 
#contents .sub_menu .gnb > li .dp2 > li > a { display:block; height:3.25em; background:#fff; color:#666; transition:.3s; position:relative; border-bottom:1px solid #ddd; margin-top:.5em } 
#contents .sub_menu .gnb > li .dp2 > li > a:after { content:""; position:absolute; left:-1px; top:25%; height:50%; width:1px; background:#ddd } 
#contents .sub_menu .gnb > li .dp2 > li:first-child > a:after { display:none } 
#contents .sub_menu .gnb > li .dp2 > li > a .va { font-weight:500; font-size:1.125em } 
#contents .sub_menu .gnb > li .dp2 > li:hover > a { color:#3399cc } 
#contents .sub_menu .gnb > li .dp2 > li.on { z-index:1; box-shadow:0 0 1em .25em rgba(0,0,0,.3) } 
#contents .sub_menu .gnb > li .dp2 > li.on > a { color:#3399cc; border-bottom:1px solid #fff; margin-top:.5em } 
#contents .sub_menu .gnb > li .dp2 > li.on > a:after { background:#fff; width:100%; height:3px; top:-3px; left:0 } 
#contents .sub_menu .gnb > li .dp2 > li.sm_overview { display: none; } 

#contents .sub_nav_wrap { margin:1.5em 0 2em 0; display:none; } 
#contents .sub_nav_wrap .nav_wrap { text-align:right; } 
#contents .sub_nav_wrap .nav_wrap .nav > li { display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.813em; color:#999; } 
#contents .sub_nav_wrap .nav_wrap .nav > li:before { content:"\e93f"; font-family:xeicon !important; font-style:normal; color:#999; padding:0 2px; } 
#contents .sub_nav_wrap .nav_wrap .nav > li:first-child:before { display:none; } 
#contents .sub_nav_wrap .nav_wrap .nav .home { font-size:.688em; } 
#contents .sub_nav_wrap .nav_wrap .nav .on { color:#444; font-weight:500; font-family:'NotoS' } 
#contents .sub_nav_wrap .tit_wrap { padding:.8em 0; text-align:center; font-size:1.875em; color:#45464b; letter-spacing:-.5px; font-weight:500; } 

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 


#contents .doc { padding:3em 0 8em 0 } 
#contents .doc.st1 { padding:0 0 8em 0; } 
#contents .doc.st2 { padding:5em 0 0 0; } 


/* .dp1_record .sub_visual { display: none; } 
.dp1_record #contents .doc { padding-top: 15em; } */

/**/
.page_Sec1 { margin-top:1em !important; } 
.page_Sec2 { margin-top:2em !important; } 
.page_Sec3 { margin-top:3em !important; } 
.page_Sec4 { margin-top:4em !important; } 
.page_Sec5 { margin-top:5em !important; } 
.page_Sec6 { margin-top:6em !important; } 
.page_Sec7 { margin-top:7em !important; } 
.page_Sec8 { margin-top:8em !important; } 
.page_Sec9 { margin-top:9em !important; } 

/**/
.point_blue_T { color:#3399cc !important; vertical-align:baseline !important; font-weight:700; } 

/**/
.downAni { animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite } 
@keyframes downAni {40% { transform:translateY(0) } 
60% { transform:translateY(1em) } 
80% { transform:translateY(0) } 
 }

.blink { animation-name: blinkAni; animation-duration:1.8s; animation-iteration-count:infinite; } 
@keyframes blinkAni {25% { opacity:0 } 
75% { opacity:1 } 
 }

/**/
.page_tit { margin-bottom:.75em; margin-top:4em } 
.page_tit:first-child { margin-top:0 } 
.page_tit .xi { vertical-align:baseline !important; font-size:1.5em; } 
.page_tit .tt { font-size:1.5em; color:#333; letter-spacing:-2px; margin-bottom:.5em; font-weight:700; vertical-align:baseline !important; } 

.page_tit2 { margin-top:4em; margin-bottom:1em } 
.page_tit2:first-child { margin-top:0 } 
.page_tit2 .t1 { /* font-family:'gs'; */ font-size:2em; position:relative; color:#3399cc; padding-left:.5em; font-weight:700; } 
.page_tit2 .t1:before { content:""; position:absolute; left:0; top:.063em; width:.188em; height:1em; background:#3399cc } 

.page_tit3 { margin-top:4em; text-align:center } 
.page_tit3 .t1 { /* font-family:'gs'; */ font-size:2.8em; font-weight:700; } 

.page_tit.pay { text-align: center; background: #eee; border-radius: 15px; padding: 1em; } 
.page_tit.pay .t1 { font-size: 1.5em; /* font-family: 'gs'; */ color: #333; } 
.page_tit.pay .t1 .tt { } 

/* 결제 */
.popCon .alarm { text-align: center; padding: 2em; } 
.popCon .alarm .txt { font-size: 1.25em; color: #555; } 
/**/
.page_form_wrap { } 

/**/
.page_bg_wrap1 { background:#f3f4f5; padding:3em 0; } 
.page_bg_wrap1.mgSt { margin:0 3em; padding:5em 0; background:#f6f7fb } 

/**/
.page_box { padding:1.5em; border:1px solid #ddd; background:#fff; border-radius:4px; box-sizing: border-box; height: 100%; } 

/**/
.page_btn_wrap { text-align:center; margin:2em 0 5em 0 } 
.page_btn_wrap button { min-width:240px } 
.page_btn_wrap.st { margin:0; } 

.page_Btn_Wrap { gap:1em } 
.page_Btn_Wrap > * { flex:1; } 
.page_Btn { text-align:center; flex:1 1 calc(50% - 1em); margin-bottom: 1em; } 
.page_Btn .bTn { width:100%; border:.25em solid #ddd; padding:1em; border-radius:.5em; font-weight:700; font-size:1.175em; position:relative; overflow:hidden; background:#fff; color:#2561ae;; transition:.3s; /* font-family:'gs'; */ box-sizing: border-box; } 
.page_Btn .bTn .bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:scaleX(0); transition:.3s } 
.page_Btn .bTn .tt { position:relative; vertical-align:baseline !important; } 
.page_Btn .bTn .xi { vertical-align:baseline !important; position:relative; top:4px; } 
.page_Btn .bTn:hover { color:#fff; background:#2561ae; border-color:transparent } 
.page_Btn .bTn:hover .bg { opacity:1; transform:scaleX(1) } 
.page_Btn .bTn.st1 { background:#3399cc; color:#fff; border:none; } 
.page_Btn .bTn.st2 { background:#2561ae; color:#fff; border:none; } 

/* Overview */
/* .overview_img_wrap { position: relative; background: #f4f6fa; padding: 5em 0; } 
.overview_img_wrap ul { width: 50%; margin: 0 auto; padding: 2em; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 0 20px rgb(0,0,0,0.1); background: #fff; } 
.overview_img_wrap ul > li { margin: 2em 0; padding: 2em 0; position: relative; } 
.overview_img_wrap ul > li:last-child:before { display: none; } */
/* .overview_img_wrap ul > li:before { position: absolute; content: '\e942'; bottom: -6%; left: 50%; transform: translateX(-50%); font-family: 'xeicon'; font-size: 2.5em; z-index: 99; color: #aaa; } */
/* .overview_img_wrap ul > li .img_sizing { } 
.overview_img_wrap ul > li .img_sizing img { width:100%; } 
.overview_bg { background: url(../images/sub/overview_bg.svg) no-repeat; background-position: bottom; width: 100%; height: 100%; position: absolute; z-index: -1; bottom: -15em; left: 0; } 
.overview_bg2 { background: url(../images/sub/overview_bg02.svg) no-repeat; background-position: top; width: 100%; height: 100%; position: absolute; z-index: -1; top: -3em; left: 0; } */


/**/
.page_memo { padding:1em 1.5em; background:#f5f5f5; margin-top:1.5em; line-height:1.7; /* font-family:'gs'; */ font-weight:500; } 
.page_memo:first-child { margin-top:0 } 
.page_memo > li { margin-top:.5em; position:relative } 
.page_memo > li:first-child { margin-top:0 } 
.page_memo > li .tt { margin:.25em 0 0 .5em } 
.page_memo > li.flex .tt { flex:1 1 0%; min-width:0; } 
.page_memo .t1 { font-size:.938em; color:#666 } 
.page_memo .icon.info:before { content:"\e9a7"; color:#3399cc } 
.page_memo.st1 { box-shadow:0 0 1em rgba(0,0,0,.1); background:#fff } 
.page_memo.st2 { background:#fff; padding:0; } 

.page_Con_wrap1 { position:relative; } 
.page_Con_wrap1:before { content:""; position:absolute; top:0; left:0; width:100%; height:70%; background:#f6f7fb } 
.page_Con1 { position:relative; } 
.page_Con1 .tw { text-align:center; margin-bottom:3em; padding:4em 0 0 0; } 
.page_Con1 .tw .t1 { /* font-family:'gs'; */ font-size:3em; color:#333; padding-bottom:10px; font-weight:500; vertical-align:baseline; letter-spacing:-2px; } 
.page_Con1 .tw .t1 .tt { color:#3399cc; font-weight:700; vertical-align:baseline; } 
.page_Con1 .tw .t2 { /* font-family:'gs'; */ font-size:1.188em; line-height:1.3; color:#777; } 

.liSt1 { text-align:center; margin:0 0 0 -50px; } 
.liSt1 > li .inner { background:#fff; padding:1.5em 2em; margin:0 0 0 50px; border-radius:10px; box-sizing:border-box; box-shadow:0 0.25em 0.5em rgba(0,0,0,.1); text-align:left; position:relative; height:19em; } 
.liSt1 > li .inner .txt { /* font-family:'gs'; */ } 
.liSt1 > li .inner .txt .step { background:#ff9900; color:#fff; display:inline-block; position:relative; box-shadow:1px 3px 1px lightgrey; border-radius:30px; padding:.3em .6em; } 
.liSt1 > li .inner .txt .step:after { position:absolute; content:"\e936"; font-family:xeicon; font-size:3em; color:#ff9900; left:50%; bottom:-35px; transform:translateX(-50%) } 
.liSt1 > li .inner .txt .t1 { padding:1em 0 .5em 0; height:2.5em; font-size:1.6em; font-weight:700; } 
.liSt1 > li .inner .txt .t2 { font-size:1.188em; font-weight:500; color:#555; } 
.liSt1 > li .inner .txt .t3 { margin-top:1em; } 
.liSt1 > li .inner .txt .t3 > p { position:relative; padding-left:2em; margin-top:1.2em; font-size:.875em; color:#373635; font-weight:500; } 
.liSt1 > li .inner .txt .t3 > p:first-child { margin-top:0; } 
.liSt1 > li .inner .txt .t3 > p .icon { position:absolute; left:0; top:-2px; border:2px solid #9e9e9e; width:13px; height:13px; border-radius:50%; } 
.liSt1 > li .inner .txt .t3 > p .icon:before { content:"\e929"; position:absolute; color:#ff9900; font-size:1.5em; top:-.4em; left:-.13em; } 
.liSt1 > li .inner .txt .t3 > p .tt { } 
.liSt1 > li .inner .txt .t3 > p .tt .tt_t { display:block; padding-left:4.8em; } 
.liSt1 > li .inner .txt .icon2 { position:absolute; bottom:0; right:0; font-size:5em; opacity:.1; } 
.liSt1 > li .inner .txt .arrow { position:absolute; width:3em; line-height:3em; right:-50px; text-align:center; bottom:50%; margin-bottom:-1.5em; color:#ddd; font-size:1em } 
.liSt1 > li .inner .txt .arrow:before { content:"\ea3e"; font-size:1.5em; } 

.page_Con_wrap2 { position:relative; } 
.page_Con_wrap2:before { content:""; position:absolute; top:0; left:0; width:100%; height:70%; background:#f6f7fb } 
.page_Con_wrap2.full:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff } 
.page_Con2 { position:relative; } 
.page_Con2 .tw { text-align:center; margin-bottom:3em; padding:4em 0 0 0; } 
.page_Con2 .tw .t1 { /* font-family:'gs'; */ font-size:3.313em; color:#333; font-weight:500; vertical-align:baseline; letter-spacing:-2px; } 
.page_Con2 .tw .t1 .tt { color:#3399cc; font-weight:700; vertical-align:baseline; } 

.liSt2 { text-align:center; margin:0 0 0 -15px; } 
.liSt2 > li .inner { background:#fff; padding:1em; margin:0 0 0 15px; border-radius:10px; box-sizing:border-box; box-shadow:0 0.25em 0.5em rgba(0,0,0,.1); text-align:left; position:relative; height:37.5em; } 
.liSt2 > li .inner .img_w { margin-bottom:2em; } 
.liSt2 > li .inner .t1 { text-align:center; /* font-family:'gs'; */ font-weight:700; color:#181818; font-size:1.563em } 
.liSt2 > li .inner .line { background:#ddd; padding:0 2em; margin:25px 0; height:1px; } 
.liSt2 > li .inner .t2 > p { position:relative; padding-left:2em; margin-top:1.2em; font-size:.875em; color:#373635; font-weight:500; } 
.liSt2 > li .inner .t2 > p:first-child { margin-top:0; } 
.liSt2 > li .inner .t2 > p .icon { position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid #c1c1c1; width:15px; height:15px; } 
.liSt2 > li .inner .t2 > p .icon:before { content:"\e929"; position:absolute; color:#3399cc; font-size:1.6em; top:-.45em; left:-.11em; } 
.liSt2 > li .inner .t2 > p .tt { font-size:1.250em; font-weight:500; font-family:'NotoS'; color:#000; letter-spacing:-1px; vertical-align:baseline; } 
.liSt2 > li .inner .t2 > p .tt.coL1 { color:#ea3285; /* font-family:'gs'; */ font-weight:700; font-size:1.8em; } 
.liSt2 > li .inner .t2 > p .tt_s { vertical-align:baseline; font-size:1em; letter-spacing:-1px; } 

.liSt3 { } 
.liSt3 > li { font-size:1.063em; color:#444; font-family:'NotoS'; position:relative; padding-left:.5em; padding-bottom:.8em; margin-left: .5em; } 
.liSt3 > li:last-child { padding-bottom:0; } 
.liSt3 > li:before { position:absolute; content:""; left:0; top:10px; border-radius:50%; width:.2em; height:.2em; background:#555 } 

.check_list { gap: 2em; } 
.check_list .list { flex: 1 1 48%; margin-bottom: 5em; } 

.liSt4 { margin:0 0 0 -15px; } 
.liSt4 > li { width:25%; } 
.liSt4.seC2 > li { width:50%; } 
.liSt4.seC6 > li { width:33.33%; } 
.liSt4 > li .inner { background:#fff; padding:1em 3em; margin:0 0 15px 15px; border-radius:10px; box-sizing:border-box; box-shadow:0 0.25em 0.5em rgba(0,0,0,.1); position:relative; border:1px solid #f5f5f5; height:20em; } 
.liSt4.hst > li .inner { height:inherit; } 
.liSt4 > li .inner .icon { text-align:center } 
.liSt4 > li .inner .t1 { /* font-family:'gs'; */ font-weight:700; color:#181818; font-size:1.6em; padding:1em 0; text-align:center } 
.liSt4 > li .inner .t2 { } 
.liSt4 > li .inner .t2 > p { position:relative; padding-left:2em; margin-top:1.2em; font-size:.875em; color:#373635; font-weight:500; } 
.liSt4 > li .inner .t2 > p:first-child { margin-top:0; } 
.liSt4 > li .inner .t2 > p .icon { position:absolute; left:0; top:-2px; border:2px solid #9e9e9e; width:13px; height:13px; border-radius:50%; } 
.liSt4 > li .inner .t2 > p .icon:before { content:"\e929"; position:absolute; color:#ff9900; font-size:1.5em; top:-.4em; left:-.13em; } 
.liSt4 > li .inner .t2 > p .tt { /* font-family:'gs'; */ } 
.liSt4 > li .inner .t2 > p .tt > strong { font-weight:700; } 
.liSt4 > li:hover .inner { border:1px solid #3399cc; transition:.3s; } 
.liSt4 > li .inner .t2 > p .tt_t { display:inline-block; font-size:.875em; color:#373635; font-weight:500; /* font-family:'gs'; */ padding-left:1em; } 


.liSt4.st1 > li { width:16.66%; width:20%; } 
.liSt4.st1 > li .inner { } 
.liSt4.st1 > li .inner .t2 { height:4em; } 
.liSt4.st1 > li .inner .t2 > p { text-align:center; font-size:1.063em; padding-left:0; /* font-family:'gs'; */ } 
.liSt4.st1 > li .inner .t2 > p .tts { font-size:.750em; } 
.liSt4.st1 > li:nth-child(2n-1) .inner { background:#f7f7f7 } 

.liSt5 { text-align:center; margin:0 0 0 -1em; } 
.liSt5 > li { flex-basis:33.33%; } 
.liSt5 > li .inner { background:#fff; padding:2em; margin:0 0 2em 1em; border-radius:6px; box-sizing:border-box; box-shadow:0 0.25em 0.5em rgba(0,0,0,.1); text-align:left; position:relative; border:1px solid #f5f5f5 } 
.liSt5 > li .inner .t1 { /* font-family:'gs'; */ font-weight:700; color:#181818; font-size:1.75em; letter-spacing:-1px; } 
.liSt5 > li .inner .line { background:#ccc; width:100%; height:1px; margin:20px 0 } 
.liSt5 > li .inner .t_list { height:6em; } 
.liSt5 > li .inner .t_list > li { flex-basis:50%; padding-bottom:.5em; } 
.liSt5 > li .inner .t_list > li .tt { /* font-family:'gs'; */ font-weight:500; font-size:1.063em; color:#555; position:relative; padding-left:.5em; } 
.liSt5 > li .inner .t_list > li .tt:before { position:absolute; content:""; left:0; top:5px; border-radius:50%; width:.2em; height:.2em; background:#555 } 
.liSt5 > li .inner .img_w { margin-top:1em; padding-bottom:66.66% !important } 

.Con3_wrap { gap: 1em; } 
.Con3_wrap .left { flex:1 1 45%; border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden; background: #fff; } 
.Con3_wrap .left .con3_left { position: relative; transition: .3s; } 
.Con3_wrap .left .con3_left > a { box-sizing: border-box; height: 100%; align-items: start; } 
/* .Con3_wrap .left .con3_left:before { position: absolute; content: ''; background: #000; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: .3s; } 
.Con3_wrap .left .con3_left:hover:before { opacity: .5; } 
.Con3_wrap .left .bg_img_wrap { background: url(../images/temp/gift_img.jpg) no-repeat 0% 20%; height: 100%; padding: 2em; box-sizing: border-box; } */
.Con3_wrap .left .con3_left .t1 { /* font-family:'gs'; */ font-weight:700; color:#fff; font-size:2.25em; } 
/* .Con3_wrap .left .con3_left .img_wrap { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; } */
.Con3_wrap .left .con3_left .img_wrap:before { position: absolute; content: ''; background: #000; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: .3s; } 
.Con3_wrap .left .con3_left:hover .img_wrap:before { opacity: .5; } 
.Con3_wrap .left .con3_left .img_wrap img { height: 100%; object-fit: cover; object-position: center center; transform: scale(1); transition: .3s; } 
.Con3_wrap .left .con3_left:hover .img_wrap img { transform: scale(1.05); } 
.Con3_wrap .left .con3_left:hover a:before { opacity: 1; } 
.Con3_wrap .left .con3_left a:before { transition: .3s; opacity: 0; position:absolute; content:"\e916"; font-family:xeicon; font-style:normal; top:3%; right:3%; color:#fff; z-index:55; font-size:3em; } 


.liSt6 { margin:0 0; flex: 1 1 55%; gap: 1em; } 
.liSt6 > li { width: calc(50% - 1em); cursor:pointer; } 
.liSt6 > li .inner { background:#fff; padding:3em 2em; border-radius:10px; box-sizing:border-box; position:relative; border:1px solid #dbdbdb } 
.liSt6 > li .inner .icon { text-align:center } 
.liSt6 > li .inner .t1 { /* font-family:'gs'; */ font-weight:700; color:#181818; font-size:1.6em; padding:1.5em 0 .5em 0; text-align:center } 
.liSt6 > li .inner .t2 { color:#797777; font-size:.938em; font-family:'NotoS'; letter-spacing:-.5px; line-height:1.5; } 
.liSt6 > li:hover .inner { border:1px solid #105de1; transition:.3s; background:#105de1; } 
.liSt6 > li:hover .inner .t1,
.liSt6 > li:hover .inner .t2 { color:#fff; } 
.liSt6 > li:hover .inner:before { position:absolute; content:"\e916"; font-family:xeicon; font-style:normal; top:0; right:3%; color:#fff; z-index:55; font-size:3em; } 

/* Main Con4 */
.main_COn4 { position: relative; } 
.main_COn4 > div { position: relative; z-index: 1; } 
.page_Con_wrap2.full:before { background:rgba(255, 255, 255, .5); } 
.main_COn4 .partners_wrap { padding: 4em 0; } 
.main_COn4 .partners_wrap .partners_con { display: flex; gap: 1.5em; margin-bottom: 2em; flex-direction: column; } 
.main_COn4 .partners_wrap .partners_tit { margin-top: 0.3em; font-size: 2em; font-weight: 700; color: #333; position: relative; } 
.main_COn4 .partners_wrap .partners_tit:before { position: absolute; content: ''; top: -3px; left: -10px; background: #005de5; width: 8px; height: 8px; border-radius: 50%; } 

.barL{position: relative; } 
.barL::before{position: absolute; top: 50%; left: 0; width: 5px; height: 15px; background-color: #333; z-index: 1000;}
.main_COn4 .partners_wrap .items { flex: 1; gap: .5em; } 
.main_COn4 .partners_wrap .list { width: calc( (100% - 2.5em) / 6); padding: .25em .25em; height: 3.5em;line-height: 3;  border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; background: #fff; transition: all .3s; overflow: hidden; } 
/* .main_COn4 .partners_wrap .list .partner_name { display: block; padding:.8em 1em; font-weight: 700; font-size: 1.25em; color:#555; text-align: center; } */
/* .main_COn4 .partners_wrap .list:hover { background:#3399cc; box-shadow: 0 3px 20px rgba(0,0,0,.1); } 
.main_COn4 .partners_wrap .list:hover .partner_name { color: #fff; } */
.main_COn4 .partners_wrap .list a { cursor:default } 
.main_COn4::after { content: ''; width: 100%; height: 133%; background: url(../images/main/main_cont4_bg2.png) no-repeat center bottom / cover; position: absolute; right: 0; top: 20px; opacity: .3; }
.main_COn4 .partners_wrap .list .list_img { height: 100%; width: 100%; } 
.main_COn4 .partners_wrap .list .img_resize { height: 100%; width: 100%; } 
.main_COn4 .partners_wrap .list img { transform: scale(1); transition: .3s; object-fit: contain; width: 100%; height: 100%; } 
/* .main_COn4 .partners_wrap .list:hover img { transform: scale(1.1); } */

/**/
.inquiry_wrap { } 
.inquiry_wrap .inquiry_boX { width:500px; max-width:100%; margin:0 auto; } 
.inquiry_wrap .inquiry_boX.check { width:600px; max-width:100%; margin:0 auto; } 
.inquiry_wrap .inquiry_tit { padding:0 0 2em 0; text-align:center; } 
.inquiry_wrap .inquiry_tit .tit { font-size:2.25em; color:#333; font-weight:600; letter-spacing: -1px; } 
.inquiry_wrap .inquiry_form { padding:2.5em 2em; border:1px solid #ddd; border-top:2px solid #2676cf; box-shadow:1px 5px 10px rgba(0,0,0,0.2) } 
.inquiry_wrap .form > li:first-child { margin-top:0; } 
.inquiry_wrap .form .inp_wrap { position:relative; margin-top:.4em; } 
/* .inquiry_wrap .form .inp_wrap .xi { position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d; } */
.inquiry_wrap .form .inp_wrap .tt { position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d; } 
.inquiry_wrap .form .inp_wrap .inp { box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px; /* font-family:'gs'; */ } 
.inquiry_wrap .form .btn_wrap { margin-top:.6em; } 
.inquiry_wrap .form .btn_wrap .btn { width:100%; border:1px solid transparent; padding:1em; border-radius:.5em; font-weight:700; font-size:1.175em; position:relative; overflow:hidden; background:#fff; color:#2676cf; transition:.3s; /* font-family:'gs'; */ } 
.inquiry_wrap .form .btn_wrap .btn.c1 { background:#2676cf; color:#fff; } 

/**/
.page_Con_wrap3 { position:relative; } 
.page_Con_wrap3:before { content:""; position:absolute; top:0; left:0; width:100%; height:500px; background:#f6f7fb; z-index: -1; } 
.page_Con3 { position:relative; } 
.page_Con3 .tw { text-align:center; margin-bottom:3em; padding:4em 0 0 0; } 
.page_Con3 .tw .t1 { /* font-family:'gs'; */ font-size:3.313em; color:#333; font-weight:500; vertical-align:baseline; letter-spacing:-2px; } 
.page_Con3 .tw .t1 .tt { color:#3399cc; font-weight:700; vertical-align:baseline; } 

/**/
/* .sub_agree_wrap { padding:23px; border-top: 2px solid #1871a2; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: .813em; color:#888; } */
.sub_agree_wrap { padding: 1em; border: 1px solid #eee; font-size: .813em; color:#888; box-shadow: 0 0 10px rgb(0,0,0,0.051); border-top: 2px solid #3399cc; } 
.sub_agree_wrap h4 { font-size: 1.063em; color:#222; } 
.sub_agree_wrap p { padding:10px; font-size: 1.125em; line-height:1.5; } 
.sub_agree_wrap strong { color:#555; } 
.sub_agree_wrap .cont { overflow-y: scroll; height:15em; overflow-y: scroll; } 
.cont_check { text-align: right; margin: 0 0 40px 0; font-size:0.875em; color:#555; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:.6em 1em; background:#fff; } 
.sub_agree_wrap .span { text-align: center; padding-left: 40px; } 

.board_form_st .bd { margin-bottom: 1em; display: inline-block; font-size: 1.125em; } 



/**/
.overview_Tw { margin:5em 0 3em 0; text-align:center; } 
.overview_Tw .t1 { /* font-family:'gs'; */ font-size:2.3em; color:#111; font-weight:500; } 
.overview_Tw .t2 { /* font-family:'gs'; */ font-size:3.2em; font-weight:700; letter-spacing:-.5px; color:#3399cc; padding:.2em 0; } 
.overview_Tw .t3 { /* font-family:'gs'; */ font-size:1.250em; line-height:1.4; color:#555; font-weight:500; } 
.overview_Img { margin:0 3em; } 
.overview_Img > p { } 
/*.overview_Img .in_bg { width:100%; height:100%; padding:13em 0; background-repeat:no-repeat; background-position:center center; background-size:cover } */

.overview_Con { } 
.overview_Con .biG_tit { text-align:center; /* font-family:'gs'; */ font-size:3em; font-weight:500; letter-spacing:-1px; padding-bottom:.3em; } 
.overview_Con .biG_tit .col { font-weight:700; color:#3399cc; /* font-family:'gs'; */ } 
.overview_Con .biG_tit.st1 { font-size:2.3em } 


.overview_Con .line { background:#111; text-align:center; height:2px; width:30px; margin:0 auto 5em auto; } 
.overview_Con .overview_w { } 
.overview_Con .overview_w .coN { } 
.overview_Con .overview_w .coN .inner { } 
.overview_Con .overview_w .con1 { width:27em } 
.overview_Con .overview_w .con2 { flex:1; min-width:0; } 
.overview_Con .overview_w .con1 .t1 { /* font-family:'gs'; */ font-size:2.1em; font-weight:700; color:#111; } 
.overview_Con .overview_w .con1 .t1.st { font-size:2.3em; } 
.overview_Con .overview_w .con2 .t1 { /* font-family:'gs'; */ font-size:1.3em; font-weight:500; color:#333; } 
.overview_Con .overview_w .con2 .tx { position:relative; padding-left:2em; margin-top:1.2em; font-size:1em; color:#555; font-weight:500; /* font-family:'gs'; */ } 
.overview_Con .overview_w .con2 .tx:first-child { margin-top:0; } 
.overview_Con .overview_w .con2 .tx .icon { position:absolute; left:0; top:-2px; } 
.overview_Con .overview_w .con2 .tx .icon:before { content:"\e929"; position:absolute; color:#ff9900; font-size:1.5em; top:-11px; left:-.13em; } 

.overview_Bg_W { position:relative; padding:13em 0; overflow:hidden; margin:2em 0; } 
.overview_Bg_W .overviewe_Bg { position:absolute; top:0; left:50%; width:100vw; margin-left:-50vw; height:100%; z-index:1; background-attachment:fixed; background-size:auto !important; } 

.overview_Con1 { } 
.overview_Con1 .inner { } 
.overview_Con1 .inner .info_w { } 
.overview_Con1 .inner .info_w .tw { width:58%; } 
.overview_Con1 .inner .info_w .imgw { width:42%; } 
.overview_Con1 .inner .info_w .imgw .in { text-align:left; } 
.overview_Con1 .inner .info_w .imgw .in .imgw_t { font-size:.875em; color:#333; text-align:right; display:block; font-weight:400; } 
.overview_Con1 .inner .info_w .tw .in { margin-top:1em; margin-left:2em; } 
.overview_Con1 .inner .info_w .tw .t1 { /* font-family:'gs'; */ font-size:2.1em; font-weight:700; color:#111; } 

.info_List1 { background:#f6f7fb; padding:1.5em 2em; margin:1.5em 0 0 0; border-radius:.6em; } 
.info_List1 > li { position:relative; padding-left:2em; margin-top:1.063em;; font-size:1.125em; color:#373635; font-weight:500; } 
.info_List1 > li:first-child { margin-top:0; } 
.info_List1 > li .icon { position:absolute; left:0; top:5px; border:3px solid #9e9e9e; width:15px; height:15px; border-radius:50%; } 
.info_List1 > li .icon:before { content:"\e929"; position:absolute; color:#ffbc00; font-size:1.3em; top:-.54em; left:-.13em; } 
.info_List1 > li .tt1 { } 
.info_List1 > li .tt2 { } 
.info_List1 > li .tt2 > * { vertical-align:baseline; } 
.info_List1 > li .tt2 .col { color:#cc0001; } 

.items_Wrap { } 

.page_topW_tw { text-align:center; } 
.page_topW_tw .t1 { /* font-family:'gs'; */ font-size:2.8em; color:#333; font-weight:500; vertical-align:baseline; letter-spacing:-2px; margin-bottom:.6em; } 
.page_topW_tw .t1 .tt { color:#3399cc; font-weight:700; vertical-align:baseline; } 
.page_topW_tw .t2 { /* font-family:'gs'; */ font-size:1.4em; line-height:1.6; color:#555; font-weight:500; } 
.page_topW_tw .t2 .col1 { color:#ff9900; vertical-align:baseline !important; font-weight:700; } 

.agree_wrap.page_scroll { overflow-y:scroll; height:10em; } 
.agree_wrap .agree { padding:2em; color:#555; line-height:1.5; background:#fff } 
.agree_wrap .agree h1 { font-size: 1.125em; font-weight: bold; color: #222; } 
.agree_wrap .agree .agree_txt { margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #ddd; } 
.agree_wrap .agree .agree_txt * { vertical-align:baseline; } 
.agree_wrap .agree .agree_txt h4 { color:#222; font-family:'NotoS'; font-size:1.063em } 
.agree_wrap .agree p { padding:.5em 0; font-size:1.125em; } 

.board_form_st th .txt { font-size: .7em; color: #666; } 
.h30{height: 30em;}

/* Location */
.map_wrap iframe { width:100% !important; height:34em !important; } 

.map_tit .t1 img { padding:3px; box-sizing:border-box; } 
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; background:#fff; border-radius:1em; } 
.map_info1 .t1 .tt_in { color:#666; padding:0 1.875em .625em 0; } 
.map_info1 .t1 .tt_in:last-child { padding-right:0; } 
.map_info1 .t1 .tt_in.time { flex:1 1 100%; } 
.map_info1 .t1 .tt_in .tt { flex:1; } 
.map_info1 .t1 .tt_in a { color:inherit; } 
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:.625em; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#ed1c24 } 

.map_info3 .info_list { } 
.map_info3 .info_list > li { padding:2em 2em; border-bottom:1px solid #ddd; } 
.map_info3 .info_list > li .wrap_tit { width:100%; } 
.map_info3 .info_list > li .wrap_con { flex:1; padding-left:1.5em; } 
.map_info3 .info_list > li .wrap_tit .tit { padding:.5em 0; color:#222; } 
.map_info3 .info_list > li .wrap_tit .tit .tt { font-weight:500; } 
.map_info3 .info_list > li .wrap_tit .tit .t1 { font-size:1.375em; } 
.map_info3 .info_list > li .wrap_tit .tit .t2 { } 
.map_info3 .info_list > li .wrap_tit .tit .xi { font-size:1.500em; padding-right:.25em; } 
.map_info3 .info_list > li .wrap_con .txt { padding:.5em 0; } 
.map_info3 .info_list > li .wrap_con .list { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } 
.map_info3 .info_list > li .wrap_con .list:last-child { margin: 0; padding: 0; border: none; } 
.map_info3 .info_list > li .wrap_con .list.borderNone { margin: 0; padding: 0; border: none; } 
.map_info3 .info_list > li .wrap_con .list.busList1 { padding-right: 6em; } 
.map_info3 .info_list > li .wrap_con .txt .tt { color:#333; line-height:1.6; font-size: 1.125em; } 
.map_info3 .info_list > li .wrap_con .txt .t2 { font-size:1.25em; } 
.map_info3 .info_list > li .wrap_con .txt .round { margin-right:.75em; padding:.5em 1.5em; background:#3dab1d; font-size:.875em; color:#fff; font-weight:700; border-radius:6em; } 
.map_info3 .info_list > li .wrap_con .txt .round.subwBg5 { background:#8445ce; } 
.map_info3 .info_list > li .wrap_con .txt .round.subwBg8 { background:#e71e6e; } 
.map_info3 .info_list > li .wrap_con .txt .round.subwBg9 { background:#bf9f1e; } 
.map_info3 .info_list > li .wrap_con .txt .round.busBg2 { background:#70afdf; } 
.map_info3 .info_list > li .wrap_con .txt .round.busBg3 { background:#3556a6; } 
.map_info3 .info_list > li .wrap_con .txt .subwC5 { color:#8445ce } 
.map_info3 .info_list > li .wrap_con .txt .subwC8 { color:#e71e6e } 
.map_info3 .info_list > li .wrap_con .txt .subwC9 { color:#bf9f1e } 

.wrap_con.st2{padding-left: 35px; margin-top: .3em;}
.round { margin-right:.75em; padding:.5em 1.5em; background:#3dab1d; font-size:.875em; color:#fff; font-weight:700; border-radius:6em; } 
.round.subwBg6 { background:#a7431e; opacity: .7;} 

.dotted2  {position: relative;}
.dotted2:before {content: '';position: absolute;left: -14px;top: 15px;width: 6px;height: 6px;background: #099999;border-radius: 50%;}

.location .tab_menu { margin-top: 0; } 
.location .sub-tab-list-style ul .selected { margin-top: 0; } 
.location_info { text-align: left; font-size: 1.25em; font-weight: 500; color: #555; margin-top: 2em; background: #fff; } 
.location_info .info_box { border: 1px solid #eee; border-radius: 5px; padding: 2em; box-shadow: 0 0 15px rgba(0,0,0,0.1); } 
.location_info .info_box ul { display: flex; flex-wrap: wrap; } 
.location_info .info_box ul > li { flex: 1; display: flex; align-items: center; } 
.location_info .info_box ul > li:first-child { flex: 1 1 100%; } 
.location_info .info_box ul > li .xi { vertical-align: middle; color: #3399cc; padding: 5px; box-sizing: border-box; margin-right: .5em; text-align: center; } 
/* .map_list { w } */
.map_list { position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; visibility:hidden; opacity:0; } 
.map_list.on { position:relative; height:auto; overflow:visible; visibility:visible; opacity:1; } 
.map_list.on > iframe { width: 100% !important; } 
iframe .gm-style .review-box { display: none !important; } 

/* sub tit */
.sub_tit { margin-bottom: 1em; text-align: center; font-size: 2.25em; font-weight: 800; color: #3399cc;; letter-spacing: -1px; } 

/* Record */
.form.record .inp_wrap { margin-bottom: 1em; } 
.check_tit { font-size: 1.25em; font-weight: 600; color: #333; margin-right: 1em; } 



/* Gift */
.gift_tab { margin-bottom: 2em; } 
.gift_tab .tab_idx { } 
.gift_tab .list { flex: 1; border: 1px solid #ddd; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); cursor: pointer; } 
.gift_tab .list.on { background: #0365af; } 
.gift_tab .list.on > a .tt { color: #fff; } 
.gift_tab .list > a { display: inline-block; padding: 1em 1.5em; font-weight: 500; } 
.gift_tab .list > a .tt { font-size: 1.25em; color: #333; } 

.gift_wrap_bg { background: #f8f8f8; padding: 4em 0; } 
.gift_wrap { gap: 1em; } 
.gift_logo { flex: 1 1 100%; margin: 3em 0; } 
.gift_logo .img_sizing { width: 20%; margin: 0 auto; } 
.gift_info { font-size: 1.25em; text-align: center; margin-bottom: 3em; /* font-family: 'gs'; */ } 
.gift_info .tt { color: #333; font-weight: 600; padding-bottom: .5em; } 
.gift_info .tx { color: #777; } 
.gift_wrap .gift_con { border: 1px solid #eee; flex: 1 1 32%; background: #fff; box-shadow: 0 0 50px rgb(0,0,0,0.05); } 
.gift_con .img_sizing { width: 100%; margin: 0 auto; } 
.gift_con .img_sizing > img { width: 100%; } 

.gift_video { margin-top: 3em; } 
.gift_video .video_wrap { text-align: center; } 
.gift_video .video_wrap video { } 

.gift_idx .early_wrap .early_box { display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; } 
.gift_idx .early_wrap .early_box .early_con .page_Con2 .tw .t1 { font-size: 3em; } 
.gift_idx .early_wrap .early_box .early_con { flex: 1 1 calc(25% - 1em); max-width: 50%; } 
.early_wrap .early_box .item_box { width: 100%; box-sizing: border-box; } 


.coming_soon { margin-top: 4em; } 
.coming_soon .tw { padding: 2em 0 1em 0; } 
.coming_soon .soon_con { } 
.coming_soon .soon_con .box { gap: 2em; align-items: center; flex-wrap: wrap; } 
.coming_soon .soon_con .box > li { flex: 1 1 calc(20% - 2em); text-align: center; border: 1px solid #eee; box-shadow: 0 0 20px rgba(0,0,0,.08); padding: 2em; position: relative; } 
.coming_soon .soon_con .box > li .img_box { max-width: 300px; margin: 0 auto; } 
.coming_soon .soon_con .box > li > .number { position: absolute; top: -1.5em; left: 50%; transform: translateX(-50%); background: #fd5949; color: #fff; font-size: 1.25em; border-radius: 50%; width: 3em; height: 3em; line-height: 3em; box-shadow: 0 0 10px rgb(0,0,0,0.2); } 

.coming_soon .soon_con .box > li .txt_box { margin-top: 2em; } 
.coming_soon .soon_con .box > li .tt { font-size: 1.5em; color: #444; font-weight: 600; /* font-family: 'gs'; */ border-top: 1px dashed #aaa; padding: 1em; padding-bottom: 0; } 
.coming_soon .soon_con .box > li .tt > span { display: block; font-size: 1.125rem; color: #888; margin-top: .75em; } 

.early_wrap { padding: 5em 0; margin-top: 2em; position: relative; } 
.early_wrap.event { padding: 0; margin-top: 0; } 
.early_bg { position: absolute; background: #f8f8f8; width: 100%; height: 95%; bottom: 0; z-index: -1; } 
.early_wrap .early_box { gap: 2em; } 
.early_wrap .early_box .early_con { width:calc((100% - 4em) / 3); } 
.early_wrap .s_tt { font-size: 1.5rem; display: block; text-align: center; padding-bottom: .25em; margin-bottom: 1em; font-weight: 500; /* font-family: 'gs'; */ } 
.early_wrap .item_box { width: 40%; margin: 0 auto; background: #fff; box-shadow: 0 15px 20px rgb(0,0,0,0.05); border: 1px solid #eee; padding: 2em; } 
.early_wrap .item_box .img_box { height: 25em; overflow: hidden; } 
.early_wrap .item_box .img_box img { height: 100%; object-fit: contain; } 
.early_wrap .item_box .txt_box { text-align: center; border-top: 1px dashed #aaa; padding: 2em 0 0 0; } 
.early_wrap .item_box .txt_box .tt { /* font-family: 'gs'; */ font-size: 1.5em; color: #333; font-weight: 600; } 
.early_wrap .item_box .txt_box .tt.t2 { font-size: 1.25em; } 
.early_wrap .item_box .txt_box .info_tt { margin-top: 1em; font-size: 1em; color: #777; } 
.early_wrap .tw { margin-bottom: 0; } 

/* gift new */
.gift_info2 { margin-top: 2em; padding: 3em 5em; border:1px solid #ddd; border-radius: 1em; } 
.gift_info2 .img { } 
.gift_info2 .img img { } 




/* Poster */
.poster_wrap { } 
.poster_wrap .poster_con { } 
.poster_con { } 
.poster_con .items { gap: 2em; } 
.poster_con .item { flex: 1 1 22%; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 50px rgba(0,0,0,.05); max-width: 23%; } 
.poster_con .item .img_box:hover img { transform: scale(1.1); } 
.poster_con .item .img_box .img_sizing { height: 385px; overflow: hidden; } 
.poster_con .item .img_box .img_sizing img { transition: .35s; object-fit: cover; width: 100%; } 
.poster_con .item .txt_box { text-align: center; padding: 1em 0; border-top: 1px solid #ddd; } 
.poster_con .item .txt_box .title { font-size: 1.25em; /* font-family: 'gs'; */ color: #555; } 



/* Course */
.doc.cos { position: relative; } 
.course_bg { position: absolute; background: #f8f8f8; width: 100%; height: 70%; z-index: -1; bottom: 0; } 
.course_wrap { } 
.course_wrap .img_wrap { border-radius: 15px; box-shadow: 0 0 20px rgb(0,0,0,0.08); overflow: hidden; max-width: 80%; margin: 0 auto; } 
.course_wrap .img_wrap img { width: 100%; object-fit: cover; } 

/* inquiry notice */
.inquiry_notice { } 
/* .inquiry_notice_bg { background: #f4f6fa; padding: 5em 0; } */


/* Check */
.info_notice { font-size: .875em; padding-left: .5em; position: relative; color: #888; } 
.info_notice > b { color: #555; } 
.info_notice:before { content: '*'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #ff9900; } 




/* 대회취지 */
.message_wrap { padding:6em 4em 8em; margin:4em auto 0; border-radius:2em; background-position: 100% 100%; position:relative; overflow: hidden; } 
.message_wrap::after { content:''; width: 100%; height: 100%; background:linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .95)); position:absolute; left: 0; top: 0; } 
.message_wrap .slogan { margin-bottom: 4em; padding-bottom: 4em; border-bottom:1px solid #fff; position:relative; z-index: 1; } 
.message_wrap .slogan .tt { font-weight:600; font-size: 2em; color:rgba(255, 255, 255, .9); } 
.message_wrap .slogan::before,
.message_wrap .slogan::after { content:''; width: 11px; height: 11px; border-radius:50%; background-color: #fff; position:absolute; bottom:-6px; } 
.message_wrap .slogan::before { left:0; } 
.message_wrap .slogan::after { right:0; } 
.message_wrap .message { gap:4em; padding:0 3em; position:relative; z-index: 1; } 
.message_wrap .message .txt_wrap { flex:1; color:#fff; } 
.message_wrap .message .txt_wrap .t1 { padding-bottom:2em; font-weight: 600; font-size:1.5em; letter-spacing:0; } 
.message_wrap .message .txt_wrap .t2 { padding-bottom:1em; font-size:1.25em; line-height: 1.5; word-break:keep-all; } 
.message_wrap .message .txt_wrap .t2:last-child { padding-bottom:0 } 
.message_wrap .message .txt_wrap .name { padding-top:3em; padding-right:2em; font-size:1.375em; text-align: right; } 
.message_wrap .message .txt_wrap .name > em { margin-right: 0.2em; } 
.message_wrap .message .txt_wrap .name > strong { margin:0 0 0 .5em; font-size:1.1em; } 
.message_wrap .message .img_wrap { width:35%; padding-bottom:47%; border-radius:1.5em; overflow:hidden; } 

/*inc*/
.dotted { position: relative; display: inline-block; padding-left: 10px; text-align: center; z-index: 2; } 
.dotted::before { content: ""; position: absolute; top: 0; left: -20px; width: 1em; height: 1em; border-radius: 50%; background-color: #1383C3; opacity: .3; } 

.ddot { position: relative; display: inline-block; padding-left: 10px; } 
.ddot::before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #1383C3; } 

.ps1 { margin-top: 1em; } 
.ps2 { margin-top: 2em; } 
.ps3 { margin-top: 3em; } 

.gap03 { gap: .3em; } 
.gap { gap: 2em; } 
.gap1 { gap: 1em; } 
.gap3 { gap: 3em; } 

.mt55{margin-top: 55px;}

.bar{font-size: .6em;}
/* 문의사항 s*/
.inquiryLinkWrap { gap: 3em; width: 100%; margin:4em auto 1em; } 
.inquiryLink { flex: 1 1 31%; max-width: 31%; } 
.inquiryLink .in { display: block; padding: 3em 3em; border-radius: 1em; position: relative; min-height: 16em; } 
.inquiryLink.kakao .in { background:#ffdc00; color:#111 } 
.inquiryLink.naver .in { background:linear-gradient(180deg, #1bcf69, #01974a); color:#fff; } 
.inquiryLink.bill .in { background:linear-gradient(180deg, #1BA9D5, #1489C5); color:#fff; } 
.inquiryLink .in .txt_wrap { margin-bottom: 2em; padding-right: 4em; box-sizing: border-box; } 
.inquiryLink .in .txt_wrap .t1 { margin-bottom: 0.5em; font-weight: 700; font-size: 2em; } 
.inquiryLink .in .txt_wrap .t2 { font-size: 1.125em; } 
.inquiryLink .in .more { display: flex; justify-content: space-between; align-items: center; padding: .5em .25em; border-bottom: 1px solid #fff; } 
.inquiryLink.kakao .in .more { border-color: #111; } 
.inquiryLink .in .more .tt { } 
.inquiryLink .in .more .xi { } 
.inquiryLink .in .icon { position: absolute; right: 3em; top: 2em; opacity: .8; } 
.inquiryLink .in .icon .xi { font-size: 5em; } 
.inquiryLink:hover .in .more .xi { animation: slidein ease-in-out .5s; }