/* basic style */
body{ background: #fff;font-family: 'Pretendard';}
button{ outline: 0px; border:0px;}
a{ outline:0;}
.inner_wrap{ width: 1200px; margin: 0 auto; position: relative;}
.clear_item:after{ content:""; display: block; clear: both;}
.left_item{ float: left;}
.right_item{ float: right;}
.half_item{ width: 50%;}
.full_item{ width: 100%;}
.full_img{ width: 1920px; position: relative; left: 50%; margin-left: -960px; min-width:1200px}
.hide_item{display: none !important; font-size: 0px !important; width: 0px !important; height: 0px !important; position: absolute !important; line-height: 0px !important;}
.ad_item{ position: absolute;}
.col_red{ color: #d52330;}
#wrapper {width: 100%;min-width: 1800px;}
#container{overflow: hidden;margin: 90px 0 0;}
.sec{width: 1920px; position: relative; left: 50%; margin-left: -960px; min-width:1200px}
.inner_wrap_1200{width: 1200px;margin: 0 auto;position: relative;max-width: 100vw;min-width: 1200px;}
.inner_wrap_1400{width: 1400px;margin: 0 auto;position: relative;max-width: 100vw;min-width: 1400px;}
.inner_wrap_1600{ width: 1600px; margin: 0 auto; position: relative;max-width: 100vw;min-width: 1600px;}
.inner_wrap_1800{ width: 1800px; margin: 0 auto; position: relative;max-width: 100vw;min-width: 1800px;}

::selection {
background: #62b0bd;
color: #fff;
}
.LandingWrap{}
/* basic style end */

/* board style */
#bo_list, #bo_w, #bo_gall{ width: 100%; margin: 0 auto; padding: 0 0 10%; background-color: transparent;}
#bo_v{ width: 100%; margin: 0 auto; background-color: transparent;}
#bo_list_total{ display: none;}
#bo_btn_info{ float: right; line-height: 34px; font-size: 0.92em; color: #4e546f; font-size: .8rem;}
#bo_cate {margin:25px 0; padding: 0 15px; text-align: center;}
#bo_cate h2 {text-align: left; font-size: 16px; margin: 5px 0 13px 0; color: #717171; }
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border:1px solid #e9e9e9;color:#000;font-size:16px;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#cb3f43;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#cb3f43;color:#fff;font-weight:100;border:1px solid #e9e9e9;}
#bo_v_title { border-top: 1px solid #00122d; border-bottom: 1px solid #00122d; padding: 1% 0; }
#bo_v_title .if_date{ font-size: 15px; font-weight: 100; margin: 0 10px;}
#bo_v_title .bo_v_cate{ display: inline-block; width: 60px; line-height: 24px; background: #cb3f43; color: #ffffff; font-weight:100; font-size: 15px; text-align: center; padding: 0px; border-radius: 0px;}
#bo_v_con{border-bottom: 1px solid #00122d; padding: 0 0 5% 0;}
/* board style end */

/* head style */
#hd {position: fixed;top:0;left:0;right: 0;z-index: 9999;background: #ffffff;font-family: 'Pretendard', sans-serif;transition: background-color 0.5s;border-bottom: 1px solid #ececf0;}
#hd.scrolled{background-color: #fff;}
#hd.scrolled .hd_gnb a{color: #475569;}
#hd.scrolled .hd_gnb a p{}
#hd.scrolled .hd_gnb a p span{}
#hd_wrapper {min-width: 1800px;}
.hd_box{margin: 0 auto;display: flex;justify-content: space-between;align-items: center;text-align: center;max-width: 100vw;min-width: 850px;width: 1400px;}
#logo {padding: 0;}
#logo a{}
#logo a img{}
.hd_gnb{display: flex;align-items: center;justify-content: center;padding: 15px 0;height: 90px;}
.hd_gnb a{display: inline-block;margin: 0 35px;font-size: 17px;font-weight: 600;color: #000000;position: relative;}
.hd_gnb .hd_gnb_group:first-child a:first-child{margin-left: 0;}
.hd_gnb .hd_gnb_group:last-child a:last-child{margin-right: 0;}
.hd_gnb a:last-child{}
.hd_gnb a p{}
.hd_gnb a p span{color: #60a5fa;}
.hd_gnb a p:hover{/* box-shadow: 0px 3px #ffffff; */font-weight: 600;color: #00e0e0;}
/* head style end */

/* MainVisual style start */
.MainVisual{position: relative;padding: 105px 0 55px;background: radial-gradient(ellipse at 83% 35%,#e9e2ff 0,rgba(250,249,255,0.5) 37%,#fff 65%);font-family: 'Pretendard';color: #000;}
.MainVisual,.MainVisual *,.MainVisual *::before,.MainVisual *::after{box-sizing: border-box;}
.MainVisual h2,.MainVisual h3,.MainVisual p{margin: 0;}
.MainVisual .inner_wrap_1400{}

.MainVisualContent{display: flex;align-items: center;justify-content: space-between;gap: 70px;}

.MainVisualIntro{position: relative;flex: 0 0 730px;width: 730px;}
.MainVisualLabel{font-size: 14px;font-weight: 800;line-height: 22px;letter-spacing: 1.8px;color: #4c43d8;}

.MainVisual .MainVisualTit{margin-top: 26px;font-size: 78px;font-weight: 900;line-height: 1.17;letter-spacing: -4px;}
.MainVisualTit span{display: block;white-space: nowrap;}
.MainVisualTit span:nth-of-type(1){color: #000;}
.MainVisualTit span:nth-of-type(2){color: #7d67ff;}
.MainVisualTit span:nth-of-type(3){color: #7d67ff;}

.MainVisualDesc{margin-top: 38px;}
.MainVisualDesc p{font-size: 21px;font-weight: 400;line-height: 38px;letter-spacing: -0.5px;color: #5a5a5a;}

.MainVisualBtn{display: inline-flex;align-items: center;justify-content: center;min-height: 60px;margin-top: 34px;padding: 0 29px;border-radius: 35px;background: #4c43d8;font-size: 17px;font-weight: 800;line-height: 24px;color: #fff;text-decoration: none;transition: background 0.2s;}
.MainVisualBtn:hover{background: #7d67ff;color: #fff;}
.MainVisualBtn:focus-visible{outline: 3px solid #7d67ff;outline-offset: 5px;}
.MainVisual .MainVisualNotice{margin-top: 18px;font-size: 13px;font-weight: 400;line-height: 20px;color: #777;}

.MainVisualPreview{position: relative;flex: 0 0 600px;width: 600px;}
.MainVisualCard{position: relative;width: 100%;padding: 30px;border: 1px solid #fff;border-radius: 38px;background: rgba(255,255,255,0.93);transform: rotate(-3deg);box-shadow: 0 22px 75px rgba(76,67,216,0.08);}

.MainVisualCardHeading{display: flex;align-items: center;justify-content: space-between;margin-bottom: 26px;font-size: 13px;line-height: 20px;}
.MainVisualCardHeading strong{font-weight: 800;color: #000;}
.MainVisualCardHeading > span{font-weight: 400;color: #777;}

.MainVisualCardScreen{position: relative;overflow: hidden;padding: 30px;border-radius: 25px;background: #4c43d8;color: #fff;}
.MainVisualCardScreen::after{content: '';position: absolute;top: -105px;right: -95px;width: 240px;height: 240px;border: 1px solid rgba(255,255,255,0.13);border-radius: 50%;box-shadow: 0 0 0 36px rgba(255,255,255,0.02),0 0 0 73px rgba(255,255,255,0.02);pointer-events: none;}

.MainVisualCardPlay{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;width: 53px;height: 53px;margin-bottom: 28px;border-radius: 50%;background: #fff;}
.MainVisualCardPlay::before{content: '';display: block;width: 0;height: 0;margin-left: 4px;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 16px solid #4c43d8;}

.MainVisualCardScreen h3{position: relative;z-index: 1;font-size: 34px;font-weight: 800;line-height: 1.35;letter-spacing: -1.5px;color: #fff;}
.MainVisualCardScreen > p{position: relative;z-index: 1;margin-top: 20px;font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: -0.3px;color: #e3dfff;}

.MainVisualCardSummary{display: flex;align-items: center;justify-content: space-between;gap: 15px;margin-top: 24px;}
.MainVisualCardInfo strong{display: block;font-size: 18px;font-weight: 800;line-height: 25px;letter-spacing: -0.5px;color: #000;}
.MainVisualCardInfo p{margin-top: 6px;font-size: 13px;font-weight: 400;line-height: 20px;color: #777;}

.MainVisualCardCheck{display: flex;align-items: center;justify-content: center;flex: 0 0 44px;width: 44px;height: 44px;border-radius: 50%;background: #ece7ff;}
.MainVisualCardCheck::before{content: '';display: block;width: 10px;height: 6px;margin-top: -3px;border-left: 2px solid #7d67ff;border-bottom: 2px solid #7d67ff;transform: rotate(-45deg);}

.MainVisualCardBadge{position: absolute;right: -24px;bottom: 92px;z-index: 2;padding: 17px 23px;border-radius: 30px;background: #000;font-size: 13px;font-weight: 900;line-height: 18px;white-space: nowrap;color: #fff;transform: rotate(7deg);}
/* MainVisual style end */