@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:#fff; 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:100; border-bottom:1px solid rgba(255,255,255,.2); background: #fff; box-shadow: 0 0 20px rgb(0,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;}
#header .logo > a{ display:block; position:relative; width:14.5em; height:80%; top:10%}
#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:#d44533}
#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}
#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:#fe6a00; 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:#fe6a00}
#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:#fe6a00}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after{ color:#fe6a00}
#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:#ff901d; 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:#fe6a00;}
.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:#fe6a00}
.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:#666*/}
.scroll #header .gnb_wrap .gnb > li.on .dp1,
.scroll #header .gnb_wrap .gnb > li:hover .dp1{ color:#fe6a00}
.scroll #header .gnb_wrap .gnb > li.on .dp1:after,
.scroll #header .gnb_wrap .gnb > li:hover .dp1:after{ background:#fe6a00}
.scroll #header .etc_wrap .lang > .lang_btn{ border-color:#ccc; color:#666}
.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}

#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:#fe6a00}
#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:#fe6a00}

#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:#fe6a00; 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:4em 0 5em 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:3.5em; 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:#d44533; }

.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: calc(55vh - 4.5em); margin-top: 4.5em;}
.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; bottom:2em; width:100%; z-index:100}
.mainControl .box0{ position:relative}
.mainControl .mainSlider-btn{ width:3.25em; cursor:pointer; line-height:2.5em; color:#fff; outline:none; text-align:center}
.mainControl .mainSlider-btn .xi{ font-size:1.5em}
.mainControl .mainSlider-btn:hover{ color:#333; opacity:1}
.mainControl .mainProgress{ text-align:center; margin-right:1em}
.mainControl .mainPauseWrap{ position:absolute; left:0; width:4.375em; text-align:center; top:0}
.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;}


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


.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 0; font-weight: 600; font-size: 2.5em; color:#2676cf; text-align: center; letter-spacing: -1px;}
.infoTitleWrap .infoTitle .date{ }
.infoTitleWrap .tt{ font-size: 16px;margin: 0 5.5em 1.7em;text-align: right; color: #666;}
.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:1.5em 0;}
.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: #ff901d} /* #099999 *//* ver2 #3399cc*/
.link_box .links > li:nth-child(3){ background: #fe6a00} /* ver2 #2676cf*/
.link_box .links > li:nth-child(4){ background: #d55633} /* ver2 #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: #fe6a00;}



/* 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 #fe6a00;border-radius: 2em;background:#fff;color:#fe6a00; 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; position:relative; overflow:hidden}
#contents .subtop_wrap .sub_visual .bg{ position:absolute; left:0; top:0; width:100%; height:100%}
#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:#fe6a00}
#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:#fe6a00; 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.st6:hover{ color:#fff; background:#d55633; 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;}
.page_Btn .bTn.st4 {background:#ff901d; color:#fff;  border:none;}
.page_Btn .bTn.st5 {background:#fe6a00; color:#fff;  border:none;}
.page_Btn .bTn.st6 {background:transparent; color:#d55633; border:.25em solid #ddd;}


/* 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: 3em; margin-bottom: 2em;}
.main_COn4 .partners_wrap .partners_tit { margin-top: 0.3em; font-size: 1.85em; font-weight: 700; color: #333; position: relative;}
.main_COn4 .partners_wrap .partners_tit:before {position: absolute; content: ''; top: -3px; left: -10px; background: #fe6a00; width: 8px; height: 8px; border-radius: 50%;}
.main_COn4 .partners_wrap .partners_tit .tit {}
.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; 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: 30vw; height: 100%; background: url(../images/main/main_COn4_bg.png) no-repeat center bottom / contain; position: absolute; right: 0; top: 0; 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 #fe6a00; 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;}
.inquiry_wrap .form .btn_wrap .btn.o1{ background:#fe6a00; 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; }
.sub_agree_wrap .cont.st2{overflow-y: unset; height:46em; overflow-y: unset; }
.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;}


/* 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:15em;}
.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 .round.back_blue{background: #005de5;}
.map_info3 .info_list > li .wrap_con .txt .round.back_seo { background:#8bc53f ;}
.map_info3 .info_list > li .wrap_con .txt .round.back_red { background: #fb2217;}
.map_info3 .info_list > li .wrap_con .txt .round.back_four { background: #2c9ede;}
.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}

.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: #333; 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: #ff901d;}
.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;}

/* 환불접수 */
.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; } 


/* 카카오맵 */
.root_daum_roughmap .cont{display: none;}