.btn-top {cursor:pointer;z-index:99;display:block;position:fixed;bottom:5%;right:43px;width:48px;height:48px;border: 1px solid #dedede;border-radius: 100%;}
.btn-top img {z-index:100;display:block;object-fit:cover;width:100%;}
.btn-top.down img {transform: rotate(180deg);}
/* .bottomqckBtn {background-color:#ef3752;font-weight:700;font-size: 16pt;} */

/* medium balls animation */
@-webkit-keyframes updown-animation {0% { -webkit-transform: translateY(20%);transform: translateY(20%);}100% { -webkit-transform: translateY(0%);transform: translateY(0%);}}
.updown{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;-webkit-animation-name:updown-animation;animation-name:updown-animation;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

/* small balls animation */
@-webkit-keyframes updown01-animation{0%{-webkit-transform:translateY(70%);transform:translateY(70%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
.updown01{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;-webkit-animation-name:updown01-animation;animation-name:updown01-animation;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

/* blue shape animation */
@-webkit-keyframes updown02-animation{0%{-webkit-transform:translateY(2%);transform:translateY(2%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
.updown02{-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition:all .4s ease;-webkit-animation-name:updown02-animation;animation-name:updown02-animation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

/* pink shape animation */
@-webkit-keyframes updown03-animation{0%{-webkit-transform:translateY(6%);transform:translateY(6%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
.updown03{-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;-webkit-animation-name:updown03-animation;animation-name:updown03-animation;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-duration:ease;animation-duration:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

/* purple shape animation */
@-webkit-keyframes updown04-animation{0%{-webkit-transform:translateY(4%);transform:translateY(4%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
.updown04{-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;-webkit-animation-name:updown04-animation;animation-name:updown04-animation;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:ease;animation-duration:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

/* card icon animation */
@-webkit-keyframes cardUpDown-animation{0%{-webkit-transform:translate(50%,2%);transform:translate(50%,2%)}100%{-webkit-transform:translate(50%,0);transform:translate(50%,0)}}
.cardUpDown{-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition:all .4s ease;-webkit-animation-name:cardUpDown-animation;animation-name:cardUpDown-animation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

.snb:has( > .gb24) {margin-top: 106px !important;}
.gb24 .slick-slide {padding:10px;}

.sec01 {position:relative;display:block;height:1310px;width:100%;background-repeat: no-repeat; background-size: cover;background-position:50% 50%;background-image: url('/2023/img/landing/gb24/mb_bg.png');}
.sec01 img, .sec02  img {display:block;}
.sec01 .container , .sec03 .container {height:100%}
.sec01 .logo {position:absolute;top:80px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}
.sec01 .title {position:absolute;top:160px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:1;}
.sec01 .java {position:absolute;left:-24%;bottom:35%;z-index:0;}
.sec01 .card {position:absolute;top:360px;right:50%;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);z-index:1;}
.sec01 .bottom_box {position:absolute;bottom:0;left:0;z-index:10;background-repeat: no-repeat; background-size: cover;background-position:50% 50%;background-image:url('/2023/img/landing/gb24/mb_bottom_box.png');height:425px;width:100%;}
.sec01 .shape01 {position:absolute;top:-88px;left:-500px;z-index:10;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.sec01 .shape02 {position:absolute;top:510px;left:-140px;z-index:1;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.sec01 .shape03 {position:absolute;top:-125px;right:-577px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.sec01 .subtitle {position:absolute;top:290px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:1;}
.sec01 .blur {position:absolute;top:-275px;left:-640px;z-index:1;}
.sec01 .bottom_text {position:absolute;bottom:190px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:12;}
.sec01 .bottom_btn {position:absolute;bottom:80px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:15;cursor:pointer;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.sec01 .bottom_btn:hover {-webkit-transform: scale(1.1) translateX(-50%);-ms-transform: scale(1.1) translateX(-50%);transform: scale(1.1) translateX(-50%);left:52%;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.sec01 .ball01 {position:absolute;top:235px;left:-70px;z-index:10;}
.sec01 .ball02 {position:absolute;top:-50px;left:80px;z-index:10;}
.sec01 .ball03 {position:absolute;top:100px;right:280px;}
.sec01 .ball04 {position:absolute;top:22px;right:170px;}
.sec01 .ball05 {position:absolute;top:120px;right:105px;}
.sec01 .ball06 {position:absolute;top:600px;right:100px;}

.sec01 .python {display:none;position:absolute;left:0;top:30%;z-index:0;width:90%}
.sec01 .java_ai {display:none;position:absolute;right:3%;bottom:31%;z-index:0;max-width:50%}

.sec02 {position:relative;z-index:2;display:block;padding:7% 0 10% 0;width:100%;background-repeat: no-repeat; background-size: cover;background-position:50% 50%;background-image: url('/2023/img/landing/gb24/sec02_bg.png');}
.sec02 .title {margin:0 auto;width:30%;}
.sec02 .boxes_wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin: 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6%;width:100%}
.sec02 .box {position:relative;display:block;margin-right:24px;width:33.3333%}
.sec02 .box:nth-last-of-type() {margin-right:0;}
.sec02 .box_card {width:100%;height:100%;}
.sec02 .box_icon {position:absolute;top:30px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.sec02 .box_icon:hover {-webkit-transform: scale(1.1) translateX(50%);-ms-transform: scale(1.1) translateX(50%);transform: scale(1.1) translateX(50%);-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.sec02 .box_icon01 {width:32%;top:11%;}
.sec02 .box_icon02 {width:80%;top:2%;}
.sec02 .box_icon02:hover {-webkit-transform: scale(1.1) translateX(50%);-ms-transform: scale(1.1) translateX(50%);transform: scale(1.1) translateX(50%);right:52%;-webkit-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}
.sec02 .box_icon03 {width:50%;top:10%;right:47%;}
.sec02 .box:hover {border-radius: 30px;-webkit-box-shadow: rgba(144, 141, 229, 0.3) 0px 8px 24px;box-shadow: rgba(144, 141, 229, 0.3) 0px 8px 24px;-webkit-transition: -webkit-box-shadow 0.1s ease;transition: -webkit-box-shadow 0.1s ease;-o-transition: box-shadow 0.1s ease;transition: box-shadow 0.1s ease;transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;-webkit-transition-delay: 0s !important;-o-transition-delay: 0s !important;transition-delay: 0s !important;}

.gb24-slide01-wrap {padding-bottom:60px;text-align:center;width:80%; margin: 0 auto;}
.gb24-slide02-wrap {padding-bottom:60px;text-align:center;width:80%; margin: 0 auto;}
.gb24-slide02-wrap .slick-slider {z-index:10;}
.gb24-slide01-wrap .title {width:80%;margin:0 auto;}
.gb24 .slick-dots {margin-top: 0;}
.gb24 .slick-dots li {cursor:pointer;display: inline-block;width: 12px;height: 12px;margin: 0 4px;border: 2px solid #9c7cff;border-radius: 100%;}
.gb24-slide01 .slick-dots li , .gb24-slide02 .slick-dots li {border: 1px solid #9c7cff;}
.gb24 .slick-dots li.slick-active {background-color: #9c7cff;border-color: #9c7cff;}
.gb24 .slick-dots button {position: absolute;font-size: 0;}
.gb24 .slick-slide {cursor:pointer;}
.gb24 .gb24-slide01-wrap .slick-slide {padding:30px;}
.gb24 .gb24-slide01-wrap .slick-active img {border-radius: 30px;-webkit-box-shadow: rgba(144, 141, 229, 0.3) 0px 8px 24px;box-shadow: rgba(144, 141, 229, 0.3) 0px 8px 24px;} 

.sec03 {position:relative;display:block;height:930px;width:100%;padding-top:7%;background-repeat: no-repeat; background-size: cover;background-position:50% 50%;background-image: url('/2023/img/landing/gb24/sec03_bg.png');}
.sec03 .title {position:absolute;top:0%;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:3;}
.sec03 .subtitle {position:absolute;top:20%;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:3;}
.sec03 .phone {position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1; width:30%;}
.sec03 .review {width:30%}
.sec03 .review01 {position:absolute;left:5%;bottom:43%;z-index:3;}
.sec03 .review02 {position:absolute;left:16%;bottom:22%;z-index:3;}
.sec03 .review03 {position:absolute;right:11.5%;bottom:27%;z-index:3;}
.sec03 .review04 {position:absolute;right:0%;bottom:49%;z-index:3;}
.sec03 .shape02 {position:absolute;bottom:-4%;right:9%;width:25%;z-index:1;}
.sec03 .shape01 {position:absolute;bottom:42%;left:20%;z-index:1;width:13%;}
.sec03 .shape03 {position:absolute;top:0%;left:23%;z-index:1;width:3%;}
.sec03 .shape04 {position:absolute;top:19%;right:21%;z-index:1; width: 3%;}

.sec04 {position:relative;z-index:3;background-color:#231451;}
.sec04 .title {width:18%}
.sec04 .gb24-movie-wrap {padding: 7% 0% 8% 0;background:#231451;text-align:center;}
.sec04 .subtitle {padding:30px 0 60px 0;color: #ffffff;font-size:25px;font-weight:300;}
.sec04 .subtitle span {color: #ff86dc;font-weight:600;}
.sec05 {position:relative;background-color:#0d0630;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding: 7% 0 3% 0;}
.sec05 .title {width:50%}
.sec05 .boxes_wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin: 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6%;width:100%;}
.sec05 .box { cursor:pointer;position:relative;display:block;margin-right:24px;width:30%;margin-bottom:15px;}
.sec05 .box img , .sec07 .box img {width:100%;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.sec05 .box img:hover {transform:scale(1.1);-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

.gb24 .img-box img {-o-object-fit:cover;object-fit:cover;display:block;height:100%;}
.gb24 .cer-crs {color:#ffffff;}
.gb24-list {padding:7% 0 8% 0;background:#0d0630;position:relative;z-index:5;}
.gb24 .start-tab li {cursor:pointer; display:block;height:33px;line-height:32px;text-align:center;font-size:15px;margin-right:5px;padding:0; background: #f2f5f9;color: #5b5b5b; border-radius: 50px;background:none;border:1px solid #9c7cff;color: #9c7cff;}
.gb24 .start-tab li.on {background:#9c7cff;color:#ffffff;}
.gb24 .gnb-right {top:22%;}
.gb24 .cer-sch .gr01 {background:#dcd1ff;color:#0d0630;border: 1px solif #dcd1ff;}
.gb24 .cer-sch .gr02 {color:#dcd1ff;}
.gb24 .cer-sch_ttl {color:#e0d7ff;}
.gb24 .schedule_end_o {background:#3d2f85;color:#a69bce;}
.gb24 .cer-table-btn {background:#9c7cff;}
.gb24 .cer-sch .gr02 {border: 1px solid rgba(156, 123, 255, .5);}
.gb24 .cer-sch .gr02 .cer_name {color:#ffffff;}
.gb24 .schedule_yet {color:#ffffff !important;border: 1px solid #ffffff;}
.gb24 .crs-wr {border:1px solid rgba(156, 123, 255, .5);color:#e0d7ff;}
.gb24 .crs-ttl {color: #e0d7ff;}
.gb24 .crs-ttl.active {color:#ffffff;text-decoration:underline}

.sec07 {position:relative;display:block;width:100%;padding-top:7%;background-repeat: no-repeat; background-size: cover;background-position:50% 50%;background-image: url('/2023/img/landing/gb24/sec07_bg.png');}
.sec07 .boxes_wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:6%;width:100%;z-index:2;}
.sec07 .box {display:block;margin-right:30px;width:40%;margin-bottom:27px;}
.sec07 .box img:hover {cursor:pointer; transform:scale(1.1);filter:contrast(110%) /*brightness(110%)*/ ;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.sec07 .title {margin:0 auto;display:block;width:50%;}
.sec07 .shape {position:absolute;top:-1%;left:-2%;width:100%;z-index:1;}
.gb24 .cer-sch .gr02 .cer_name {color:#e0d7ff;}
.gb24 .cer-sch .gr02 .cer_name.active {color:#ffffff; text-decoration:underline;}

.sec08 {display:block;padding:7% 0 10% 0;width:100%;background-repeat: no-repeat; background-size: cover;background-position:50% 50%;background-image: url('/2023/img/landing/gb24/sec08_bg.png');}
.sec08 .title {margin: 0 auto;display:block;max-width:60%;}
.gb24-slide03 {display:block;margin: 0 auto;margin-top:80px;}
.gb24-slide03 div img {display:block;margin:0 auto;}
.gb24 .sec08 .slick-dots {margin:0 auto;text-align:center;padding-top:30px;}
.sec09 {display:flex;justify-content:center;width:100%;background-color:#0d0630;flex-wrap: wrap;flex-direction: column;}
.sec09 > img {display:block;margin:0 auto;}
.sec09 .sec:first-of-type {margin-bottom:100px;}
.sec09 .sec:nth-of-type(2) {margin-bottom:20%;display: flex;flex-direction: column;}
.sec09 .title {margin:0 auto;margin-top:100px;margin-bottom:80px;display:block;}
.sec09 .recommendation {background-size: contain;display:block;height:305px;position:relative;z-index:1;background-repeat: no-repeat;background-position:50% 50%;background-image:url('/2023/img/landing/gb24/sec09_boxes.png');}
.sec09 .blur {position:absolute;z-index:-1;top:-202px;left:50%;transform:translateX(-50%);width:50%}
.sec09 .img {display:block;margin:0 auto;max-width:80%;margin-top:60px;}
.sec09 .boxes_wrapper {margin-top:40px;display:block;}
.sec09 .boxes_wrapper .box {margin-bottom:10px;}
.sec09 .boxes_wrapper .box img {display:block;margin:0 auto;width:90%;}



/* ŸÀÌ¸Ó Ãß°¡ */
		.gb24 .timer {display:block;padding:15px 0 30px 0;background-color:#0b0045;width:100%;position:fixed;top:108px;left:0;z-index:100;}
		.timer_wrapper {display:flex;margin:0 auto;justify-content:center;flex-wrap:wrap;flex-direction:column;text-align:center;font-size:24px;width:500px;height:100%;position:relative;}
		.timer_title_wrapper {display:flex;width:360px;padding:10px 0px;background-color:#1d0066;margin: 0 auto;border-radius:12px;font-weight:700;justify-content:center;text-align:center;}
		.timer_title {display:block;background: -webkit-linear-gradient(#ffffff, #ffffff); -webkit-background-clip: text;margin-right:5px;-webkit-text-fill-color: transparent}
		.timer_title span {display:block;background: -webkit-linear-gradient(#ffffff, #90e3ff);  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
		.timer_subtitle {font-weight:400;color: #ffffff;margin-top:12px;}
		.timer_subtitle span {font-weight:700;color: #fd76ff;}

		.timer_block {font-weight:400;font-size:14px;color:#e7d7ff;display:flex;justify-content:center;margin-top:10px;}
		.timer_block div {width:110px;height:60px;background-color:#6f00fa;margin-right:20px;border-radius:12px;text-align:center;padding-top:3px;position:relative;/* box-shadow: inset 0px -5px 7px 3px #4d00d2; */ box-shadow: inset 7px 0px 7px 3px #7c00fd, inset 0px -5px 3px 3px #4d00d2;}
		.timer_block div:last-of-type {margin-right:0;}
		.timer_block span {font-size:40px;font-weight:700;color:#ffffff;-webkit-transition: all .1s ease;-o-transition: all .1s ease;transition:all .1s ease;}
		.timer_block div:before {content:'';background-color:#aa81ff;width:3px;height:3px;position:absolute;right:-11px;top:20px;}
		.timer_block div:after {content:'';background-color:#aa81ff;width:3px;height:3px;position:absolute;right:-11px;bottom:20px;}
		.timer_block div:last-of-type:after, .timer_block div:last-of-type:before {height:0;width:0;}

		.timer .timer_ball, .timer .timer_alarm {position:absolute;}
		.timer .timer_ball_01 {left:-55px;top:60px;}
		.timer .timer_ball_02 {left:-25px;top:90px;}
		.timer .timer_ball_03 {right:-40px;bottom:40px;}
		.timer .timer_alarm_01 {right:-30px;top:40px;z-index:1;}
		.timer .timer_alarm_02 {right:-35px;top:29px;z-index:1;}

		@-webkit-keyframes timer-alarm {0% { -webkit-transform: rotate(10deg);transform:rotate(10deg);}100% { -webkit-transform:rotate(0deg);transform: rotate(0deg);}}
		.alarm {-webkit-transition: all .1s ease;-o-transition: all .1s ease;transition:all .1s ease;-webkit-animation-name:timer-alarm;animation-name:timer-alarm;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

		@-webkit-keyframes timer_title-blink {0% {background: -webkit-linear-gradient(#ffffff, #ffffff); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} 100% { background: rgba(255, 255, 255, 0.5); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}}
		@-webkit-keyframes timer_title_span-blink {0% {background: -webkit-linear-gradient(#ffffff, #90e3ff);  -webkit-background-clip: text;-webkit-text-fill-color: transparent;} 100% { background: rgba(255, 255, 255, 0.5); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}}

		.timer-blink {-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition:all .2s ease;-webkit-animation-name:timer_title-blink;animation-name:timer_title-blink;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

		.timer_span-blink {-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition:all .2s ease;-webkit-animation-name:timer_title_span-blink;animation-name:timer_title_span-blink;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}

		.main_btn {display:flex;border-radius:50px; color:#ffffff;border:2px solid #ffffff;background-image: linear-gradient(to right, transparent, #e294ff);background-size:420%;text-align:center;padding:15px;font-size:35px;position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:11;cursor:pointer;transition:0.5s all ease;font-weight:600;padding:15px;padding-left:95px;width:550px;}
		.main_btn span {font-weight:700;margin-right:10px;}
		.main_btn:hover {transform: translateX(-50%) scale(1.1);transition:0.5s all ease;}
		.main_btn p {position:relative;display:block;}
		.main_btn p:after {position:absolute;right:-55px;top:50%;transform:translateY(-50%);width:37px;height:39px;background-size:cover;background-image:url('/img/common/search_wh.png');content:'';background-color:transparent;}

		.sec01 .bottom_text span {font-weight:700;font-size:34px;position:relative;}
		.sec01 .bottom_text span:after {position:absolute;right:-23px;top:-18px;content:'';background-image:url('/2023/img/landing/gb24/alarm_01.png');background-size:cover;width: 32px;height: 36px;z-index:11}
		.sec01 .bottom_text-dots {position:absolute;top:-3px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;width:80px;}
		.sec01 .bottom_text-dots div {display:block;width:4px;height:4px;border-radius:100%;background-color:#ffffff;margin-right:20px;}
		.sec01 .bottom_text-dots div:last-of-type {margin-right:0}

/* ŸÀÌ¸Ó ¼öÁ¤ */
		.sec01 {margin-top:190px ;}
		.sec01 .bottom_text {font-weight:400;font-size:33px;color:#ffffff;text-align:center;bottom:175px;}


@media(min-width: 1900px) {.sec01 .bottom_box {background-position: 50% 0%;}}
@media(max-width: 1300px) { .sec09 .sec:nth-of-type(2) {margin-bottom:10%;} .sec03 .shape02 {bottom:-3%} .sec03 .review02 {bottom:20%;} .sec03 .review03 {bottom:25%;} }
@media(max-width: 1200px) {.sec01 .shape03{right:-660px;} .sec01 .shape01 {left:-530px;} .sec03 {height: 870px} .sec03 .shape04 {right:18%} .sec03 .subtitle {top:22%;} .sec09 .blur {top:-200px;}}
@media(max-width: 1080px) { 
	/* .sec01 {margin-top: -45px;}  */
	.sec01 {margin-top: 145px;} 
	.sec01 .shape02 {left:-290px;} .sec01 .bottom_btn.pc-show {display:none;} .sec01 .bottom_btn.mo-show {display:block !important;} 
	.sec03 {height:800px;}.sec03 .shape02 {bottom:-1%;}.sec03 .subtitle {top:22%;}
	.gb24-slide03 div img {width:90%;}
	.sec09 .recommendation {height:200px;} .sec09 .sec:first-of-type {margin-bottom:80px;} .sec09 .title {margin-top:70px;margin-bottom:0}
	.gb24 .timer {top:64px;}
}
@media(max-width: 990px) { .sec03 {height:850px;}.sec03 .review01 {left:0}.sec03 .review02 {left:10%}.sec03 .review03 {right:5%;bottom:22%}.sec03 .phone {width:35%}.sec03 .review {width:35%}.sec03 .shape02 {right:5%}.sec03 .shape01 {width:14%;left:17.5%}}
@media(max-width: 880px) { .sec03 {height:710px;}.sec03 .review01 {left:0}.sec03 .review02 {left:10%}.sec03 .review03 {right:5%;bottom:22%}.sec03 .phone {width:35%}.sec03 .review {width:35%}.sec03 .shape02 {right:5%}.sec03 .shape01 {width:14%;left:17.5%}}
@media(max-width: 768px) {
	.btn-top {display:none;}
	.sec01 {height: 1000px;position:relative;}
	.sec01 .bottom_box {height:300px;width:100%;background-image: url('/2023/img/landing/gb24/mo/mb_bottom_box.png');background-position: 50% 0;}
	.sec01 .bottom_btn {width:250px;bottom:4%;}
	.sec01 .bottom_text {max-width:320px;bottom:11%;}
	.sec01 .card {top:380px;width:300px;}
	.sec01 .title {width:250px;top:160px;}
	.sec01 .subtitle {width:330px;top:340px;}
	.sec01 .logo {top:100px;}
	.sec01 .ball01 {left:30px;top:200px;width:18px;}
	.sec01 .ball02 {top:-5px;left:25%;width:90px}
	.sec01 .ball03 {top:10%;right:25%;width: 20px;}
	.sec01 .ball04 {right:16%;width:10%;top:5%;} 
	.sec01 .ball05 {width:15px;right:60px;}
	.sec01 .ball06 {width:5%;top:48%;width:25px;}
	.sec01 .shape01 {width:275px;top:20px;left:-20%;}
	.sec01 .shape03 {top: 7%;width: 60%;right: -48%;}
	.sec01 .shape02 {width:300px;left:-70px;top:500px;}
	.sec01 .java {bottom:39%;width:100%;left:0;display:none;}
	.sec01 .java_ai , .sec01 .python {display:block;}
	.sec01 .blur {width:300px;top:-30px;left:-170px;}
	.sec02 {padding: 16% 0 3% 0;}
	.sec03 {height: 950px;background-image: url('/2023/img/landing/gb24/mo/sec03_bg.jpg');padding-top:16%}
	.sec03 .phone {width: 49%}
	.sec03 .subtitle {width:69%;top:27%;}
	.sec03 .shape03 {left:14%;top:10%;width:4%;}
	.sec03 .shape04 {top:27%;right:9%;width:5%;}
	.sec03 .title {position:absolute;top:10%;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);width:80%;}
	.sec03 .shape01 {bottom:31%;left:3%;width:35%}
	.sec03 .shape02 {width: 60%;right:-15%;bottom:-9%}
	.sec03 .review {width:65%;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	.sec03 .review01 {left:7%;bottom:35%}
	.sec03 .review02 {left:10%;bottom:12%}
	.sec03 .review03 {right:5%;bottom:24%;}
	.sec03 .review04 {right:6%;bottom:0%;}
	.sec05 .title {width:80%;padding-bottom:9%;margin: 0 auto;}
	.sec04 .title {width:25%;}
	.sec04 .gb24-movie-wrap {padding:15% 3% 8% 3%;}
	.sec04 .subtitle {padding: 20px 0 40px 0;font-size:16px;}
	.sec05 {padding:13% 3% 0% 3%;}
	.sec07 .title , .gb24-slide01-wrap .title {margin-bottom:8%;}
	.sec07 .title {width:80%;}
	.sec07 .shape {top:10%;left:0%;width:96%;}
	.mainTit-wr h3 {margin:20px 0 10px;}
	.writeForm {padding: 10px 0 0px 0;}
	.quickdb-wrap {padding: 60px 20px;}
	.qckClose {top:-50px;background: url('/2023/img/landing/gb24/mo/icon-x.png') no-repeat center center;}
	.mainTit-wr p {color:#0070f0;font-weight:800;}
	.call-list li a{background:#FAFAFA;border:none;-webkit-box-shadow:none;box-shadow:none;}
	.call-list li a:active, .call-list li a:hover {background: #0070f0;color:#ffffff;}
	.call-list li a:active span:after , .call-list li a:hover span:after {background: #0070f0;color:#ffffff;background: url('/2023/img/icon-call-wh.png');     background-size: cover;content: "";position: absolute;
	top: 50%;left: 0px;margin-top: -10px;}
	.gb24 .slick-slide img {width:100%}
	.gb24 .slick-dots li {width:8px;height:8px;}
	.sec08 {padding: 12% 0 10% 0;}
	.sec08 .title {width:auto;max-width:80%}
	.gb24-slide03 {margin-top:40px;}
	.sec09 .title {margin-top:80px;margin-bottom:30px;}
	.sec09 .recommendations-for div img {max-width:65%;}
	.sec09 {padding-bottom:80px;}
	.sec09 .blur {top:-50px;width:120%;z-index:-1}

	/* ŸÀÌ¸Ó Ãß°¡ */
	.gb24 .timer {padding:10px 0 25px 0;} 
	.timer_wrapper {width:100%;font-size:20px; }
	.timer_title_wrapper {width:300px;display:none;}
	.timer .timer_alarm_01 {right:15px;width:45px;top:4px;display:none;}
	.timer .timer_alarm_02 {right:7px;width:45px;top:-7px;display:none;}
	.timer .timer_ball_01 {left:10px;top:5px;width:8px;display:none;}
	.timer .timer_ball_02 {left:30px;top:25px;width:15px;display:none;}
	.timer .timer_ball_03 {right:35px;top:20px;width:5px;display:none;}
	.timer_block div {width: 65px;height: 50px;}
	.timer_block span {font-size:28px;}
	.sec01 {margin-top:40px ;}
	.sec01 .bottom_text {font-size:20px;/* bc old code */width:100%;max-width:unset;bottom:95px;}
	.sec01 .bottom_text span {font-size:22px;}
	.main_btn {width:300px;padding: 7px;padding-left:40px;font-size:21px;bottom:40px;}
	.main_btn p:after {width:19px;height:20px;right:-30px;}
	.sec01 .bottom_text span:after {width:16px;height:18px;right:-11px;top:-9px;}
}
@media(max-width:650px) {.sec03 {height: 800px;} .sec03 .phone {width:50%} .sec03 .shape02 {bottom:-12%}}
@media(max-width:600px){.sec03{height:730px}.sec03 .shape02{bottom:-11%}.sec01 .shape02{width:230px;left:-60px;top:600px;}.sec01 .shape03{right:-48%}.sec01 .ball01{left:10px}.sec01 .ball06{right:60px}
	.sec01 .bottom_btn{width:250px;bottom:35px}.sec01 .bottom_text{width:270px;bottom:100px}
	.sec01 .shape01{left:-160px}.sec01 .bottom_box{height:250px}.sec01 .ball03{right:22%}
	.sec01 .java_ai {bottom: 28%;}
}
@media(max-width:520px){.sec03{height:630px}.sec03 .phone{width:49%}.sec03 .subtitle{width:69%;top:27%}
	.sec03 .shape03{left:14%;top:10%;width:4%}.sec03 .shape04{top:27%;right:9%;width:5%}
	.sec03 .title{position:absolute;top:10%;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);width:80%}
	.sec03 .shape01{bottom:31%;left:3%;width:35%}.sec03 .shape02{width:60%;right:-15%;bottom:-11%}.sec03 .review{width:65%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	.sec03 .review01{left:7%;bottom:35%}.sec03 .review02{left:10%;bottom:12%}.sec03 .review03{right:5%;bottom:24%}.sec03 .review04{right:6%;bottom:0}.sec01 .ball06{right:0;top:50%}}
@media(max-width:500px) {.sec03 {height: 600px;}}
@media(max-width:420px) {.sec03 {height:500px} }
@media(max-width:400px){.sec01 .shape01{left:-200px}.sec01 .ball02{left:15%}
	.sec01 .blur{top:-45px;left:-185px}.sec01 .ball01{left:4px}.sec03{height:480px}
	.call-list li a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sec03 .shape02{bottom:-10%}
	.sec01 .bottom_box{height:240px}.sec01 .bottom_text{width:260px;bottom:100px}
	.sec01 .shape02{left:-75px;top:620px;}
}