@charset "utf-8";
/* CSS Document */
.box0 { padding:0 3%; box-sizing:border-box} 
.box1 { width:1280px; margin:0 auto; max-width:94% } 
.box2 { width:1020px; margin:0 auto; max-width:94% } 

.gnb li.m_hide,
.gnb li .mLink{ display:none}
body:not(.pop){ display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}

#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; box-sizing:border-box; background-color: #fff; box-shadow:0 0 1em rgba(0,0,0,.1)} 
#header .top_wrap .wrapF{ display:flex; gap:4vw; align-items:flex-start}
#header .top_wrap .wrapF > *{ display:flex; align-items:center; min-height:var(--headerH); justify-content: center;}
#header .top_wrap .logo > a{ display:block}
#header .top_wrap .logo > a img { display:block; height:calc(var(--headerH) * .65); } 
.headerT{ padding-top:var(--headerH)}

#gnb{ flex:1 1 0%; min-width:0; min-height:var(--headerH); position:relative}
#gnb .wBg{ position:absolute; left:0; width:100vw; top:var(--headerH); background:#fff; border-top:1px solid rgba(0,0,0,.05); box-sizing:border-box; box-shadow:0 1em 1em rgba(0,0,0,.1); display:none}
#gnb .gnb{ position:relative}
#gnb .gnb > li:not(.m_hide){ display:flex; flex-direction:column}
#gnb .gnb > li a{ display:flex; box-sizing:border-box; position:relative; justify-content:center; text-align:center} 
#gnb .gnb > li .dp1{ height:var(--headerH); align-items:center; justify-content:center; padding:0 2vw; padding-top:.5em}
#gnb .gnb > li .dp1 .va .tt{ font-size:1.25em; font-weight:700}
#gnb .gnb > li .dp2{ flex-direction:column; flex:1; min-height:0}
#gnb .gnb > li .dp2{ display:none; padding:1em ; text-align:center}
#gnb .gnb > li .dp2 > li{ position:relative; z-index:1}
#gnb .gnb > li .dp2 > li > a{ padding:.5em 1em; border-radius:2em}
#gnb .gnb > li .dp2 > li:hover > a{ background:rgba(0,0,0,.5)}
#gnb .gnb > li .dp3{ display:none}
#gnb .gnb > li.on .dp1{ color:var(--siteC)}
#gnb .gnb > li:hover .dp1{ background:var(--siteC); color:#fff}
#gnb .gnb > li:hover .dp2{ background:var(--siteC2); color:#fff}
#gnb.act .wBg{ display:block; height:calc(100% - var(--headerH))}
#gnb.act .gnb > li{ min-width:10em}
#gnb.act .gnb > li .dp1{ padding:0 1em}
#gnb.act .gnb > li .dp2{ display:flex}

#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; transform:translateX(25%) } 
#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:2em; right:4%; 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; display:flex; align-items:center; justify-content:center; text-align:center; } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after { content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:var(--siteC); 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:var(--siteC) } 
#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; display:block } 
#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:var(--siteC) } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after { color:var(--siteC) } 
#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_new { position:fixed; z-index:100; bottom:1rem; right:1vw; text-align:right; transform:translateY(4.25em); transition: transform .4s;}
.scroll #quick_new { transform:translateY(0); }  
#quick_new .quick_wrap { position:relative; display: inline-flex; width:3.25em; height:3.25em; box-sizing:border-box; transition:width .3s; /* overflow:hidden; */ } 
#quick_new .quick_wrap > .in { position:relative; white-space:nowrap; overflow:hidden; } 
#quick_new > li:not(:first-child) { margin-top:.5em; } 
#quick_new > li .quick_wrap:before { content:''; position:absolute; top:0; right:0; width:100%; height:100%; border-radius:50%; } 
#quick_new > li .quick_wrap .quick_icon { text-align:center; font-size: 1.4em; } 
#quick_new > li .quick_wrap .quick_icon.st2 { width:45%; } 
#quick_new > li .quick_wrap .quick_tt { font-size:1.063em; font-weight:600; width:0; opacity:0; overflow:hidden; } 
#quick_new > li .quick_wrap:not(.goTop):hover { width:100%; padding:0 1.75em 0 1.25em; } 
#quick_new > li .quick_wrap:hover:before { border-radius:10em; } 
#quick_new > li .quick_wrap:hover .quick_tt { flex:1; width:100%; opacity:1; padding-left:.75em; } 
#quick_new > li .quick_wrap:hover .quick_icon.st2 { width:20%; } 
#quick_new.top { bottom: 320px; padding-bottom: .5em; border-bottom: 1px solid #eee; } 

#quick_new > li .as_btn { color: #fff; } 
#quick_new > li .as_btn:before { background: var(--color-point); box-shadow: 6px 0 18px rgba(0,0,0, .215); } 
#quick_new > li .join_btn { color: #000; } 
#quick_new > li .join_btn:before { background: #eee; } 
#quick_new > li .kakao_btn { color:#3b1e1e; } 
#quick_new > li .kakao_btn:before { background:#fbe300; } 
#quick_new > li .insta_btn { color: #fff; } 
#quick_new > li .insta_btn:before { background: radial-gradient( circle at 30% 30%, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5); } 
#quick_new > li .call_btn { color: var(--siteC); } 
#quick_new > li .call_btn:before { background: #f1f1f1; } 
#quick_new > li .youtube_btn { color:#fff; } 
#quick_new > li .youtube_btn:before { background: #ff0033; } 
#quick_new > li .naver_btn { color:#fff; } 
#quick_new > li .naver_btn:before { background:#00c63b; border:1px solid #00c63b; }
#quick_new > li .mail_btn { color: #fff; } 
#quick_new > li .mail_btn:before { background: #2161da; }  
#quick_new > li .goTop { color:#fff; padding:0 !important } 
#quick_new > li .goTop:before { background:#aaa; border:1px solid transparent; } 

#footer { z-index:10; background:#e7ebee; padding:2.2em 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 .wrapF{ display:flex; gap:1em 5vw}
#footer .logo img { height:4em} 
#footer .info{ flex:1 1 0%; min-width:0; display:flex; flex-wrap:wrap; gap:.5em 1em; padding:1em 0}
#footer .info > li { float:left; display:flex; gap:.5em} 
#footer .info > li .tit { font-weight:700 } 
#footer .info > li.br { width:100%} 
#footer .copyright { font-size:.813em; opacity:.6; text-transform:uppercase} 
#footer .copyright .adm{ margin-left:1em}
#footer .menu { display:flex; flex-direction:column; gap: 1em 2em; padding:1em 0; font-size:1.063em}
#footer .menu > li > a{  display:block; text-align:right; font-weight:700} 

#contents{ flex:1 1 0%; min-height:0; box-sizing:border-box; display: flex; flex-direction: column}
#contents .sub_visual{ background:var(--siteC2)} 
#contents .sub_visual .wrapF{ height:12em; display:flex; flex-direction:column;}
#contents .sub_visual .subTit{ color:#fff; flex:1 1 0%; min-height:0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding-top:1em}
#contents .sub_visual .subTit .t1{ font-weight:700; font-size:2.5em}

#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; padding-top:.5em} 
#contents .sub_menu .gnb > li .dp2 > li { width:19%; max-width:50% } 
#contents .sub_menu .gnb > li .dp2 > li > a { display:flex; align-items:center; justify-content:center; text-align:center; height:4em; background:#fff; color:#777; transition:.3s; position:relative; border-bottom:1px solid #ddd; line-height:1.1; padding:.5em; box-sizing:border-box} 
#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:700; font-size:1.188em } 
#contents .sub_menu .gnb > li .dp2 > li:hover > a { color:var(--siteC2)} 
#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:var(--siteC2); border-bottom-color:#fff} 
#contents .sub_menu .gnb > li .dp2 > li.on > a:after { display:block; background:#fff; width:100%; height:3px; top:0; transform:translateY(-100%); left:0 } 

#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; 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 15vmin 0 } 
#contents .doc.st1 { padding:0 0 8em 0; } 
#contents .doc.st2 { padding:5em 0 0 0; } 

/**/
.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:var(--siteC) !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;  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:var(--siteC); padding-left:.5em; font-weight:700; } 
.page_tit2 .t1:before { content:""; position:absolute; left:0; top:.063em; width:.188em; height:1em; background:var(--siteC) } 

.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.125em; 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:var(--siteC); 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:var(--siteC) } 
.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 } 
.page_Con1 .tw .t1 .tt { color:var(--siteC); 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} 
.page_Con2 .tw .t1 .tt { color:var(--siteC); 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:var(--siteC); 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; 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; } 

.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 var(--siteC); 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; } 
.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'; 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:var(--siteC); 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:640px; 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; } 
.inquiry_wrap .inquiry_form { padding:2.5em 2em; border:1px solid #ddd; border-top:2px solid var(--siteC); 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:var(--siteC); transition:.3s; /* font-family:'gs'; */ } 
.inquiry_wrap .form .btn_wrap .btn.c1 { background:var(--siteC); 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; } 
.page_Con3 .tw .t1 .tt { color:var(--siteC); font-weight:700; vertical-align:baseline; } 

/**/
.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;  color:var(--siteC); 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; padding-bottom:.3em; } 
.overview_Con .biG_tit .col { font-weight:700; color:var(--siteC); /* 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; margin-bottom:.6em; } 
.page_topW_tw .t1 .tt { color:var(--siteC); 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; display:flex}
.dotted2:before {content: '●'; flex:0 0 auto; transform:scale(.4); width:1.5em; color:var(--siteC2)}

.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); border-radius:1em; } 
.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: var(--siteC); 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: var(--siteC);} 

/* 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; } 

/* 2025-12 ADD */
.mainVisual .el .resize{ padding-bottom:40%}

.mainIntro{ padding:5em 0}
.mainIntro .mainTit{ display:flex; justify-content:center; align-items:center; text-align:center; gap:1em}
.mainIntro .mainTit .img{ width:5em}
.mainIntro .courseSt{ margin-top:8vmin; flex-wrap:wrap}

.courseSt{ display:flex; gap:2em 6em}
.courseSt .imgW{ flex:1 1 0%; min-width:0; position:relative; text-align:center}
.courseSt .imgW .img{ position:relative; width:auto; margin:0 auto; display:flex; justify-content:center}
.courseSt .imgW .img .in{ display:inline-block}
.courseSt .imgW #courseImg{ display:block; width:100% ;border-radius:1em }
.courseSt .imgW .btn{ display:flex; flex-direction: column; gap:.5em; transform:translateX(50%); width:12%; max-width:6em; min-width:4em; position:absolute; right:0; top:2em}
.courseSt .imgW .btn > li > a{ display:block; padding-bottom:100%}
.courseSt .imgW .btn > li > a .re{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; background:var(--siteC); box-shadow:-1em 0 1em rgba(0,0,0,.1); border:3px dashed var(--siteC); box-sizing:border-box; border-radius:50%}
.courseSt .imgW .btn > li > a .t1{ font-weight:700}
.courseSt .imgW .btn > li > a .t2{ font-size:.875em}
.courseSt .imgW .btn > li.on > a .re,
.courseSt .imgW .btn > li:hover > a .re{ background:#fff; color:var(--siteC); border-color:var(--siteC)}
.courseSt .pgInfoSt{ width:45%; box-sizing:border-box; padding:3% 0}

.mainNotice .list{ border-top:1px solid #111}
.mainNotice .list > li > a{ border-bottom:1px solid #111; height:5em; display:flex; gap:.5em 1em; align-items:center; box-sizing:border-box; padding:0 4vmin}
.mainNotice .list > li > a:before{ content:""; width:1em; height:1em; border-radius:50%; background:#111; transform:scale(.5)}
.mainNotice .list > li > a .tit{ font-weight:700; flex:1 1 0%; min-width:0; font-size:1.25em}
.mainNotice .list > li > a:hover{ background:var(--siteC); color:#fff}
.mainNotice .list > li > a:hover .tit{ text-decoration:underline}

.mainPartner .list{ display:flex; flex-wrap:wrap; justify-content:center; gap:1em}
.mainPartner .list > li{ width:calc(25% - .75em)}
.mainPartner .list > li > a{ position:relative; border-radius:1em; overflow:hidden}
.mainPartner .list > li > a,
.mainPartner .list > li > a .img{ display:block}
.mainPartner .list > li > a .layer{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; display:flex; gap:.5em; align-items:center; justify-content:center; text-align:center; opacity:0; transition:.3s}
.mainPartner .list > li > a .layer:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC2); opacity:.8}
.mainPartner .list > li > a .layer > *{ position:relative}
.mainPartner .list > li > a .layer .t1{ font-weight:700; font-size:1.125em }
.mainPartner .list > li > a:hover .layer{ opacity:1}

.map_wrap { aspect-ratio: 5 / 2;}
.map_wrap .root_daum_roughmap,
.map_wrap .wrap_map { width: 100% !important; height: 100% !important}