@charset "utf-8";

/*@import url("https://use.typekit.net/[tk_id].css");*/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif;  Regular(400), Bold(700), Extra Bold(800), Light(300) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */

@font-face {font-family:'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family:'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family:'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'LAB디지털';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/LAB디지털.woff') format('woff');font-weight: normal;font-style: normal;}


*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

/* NanumGothic */
@font-face{
  font-family:'NanumGothic';
  font-style:normal;
  font-weight:300;
  src:url('/fonts/NanumGothic-Regular.woff2') format('woff2'),
       url('/fonts/NanumGothic-Regular.ttf') format('ttf');
}
@font-face{
   font-family:'NanumGothic';
   font-style:normal;
   font-weight:400;
   src:url('/fonts/NanumGothic-Bold.woff2') format('woff2'),
        url('/fonts/NanumGothic-Bold.woff') format('woff'),
        url('/fonts/NanumGothic-Bold.ttf') format('ttf');
}
@font-face{
   font-family:'NanumGothic';
   font-style:normal;
   font-weight:500;
   src:url('/fonts/NanumGothic-ExtraBold.woff2') format('woff2'),
        url('/fonts/NanumGothic-ExtraBold.woff') format('woff'),
        url('/fonts/NanumGothic-ExtraBold.ttf') format('ttf');
}

/* NotoSansCJKkr */
@font-face {
    font-family: 'NotoSansCJKkr';
    src: url('/fonts/NotoKR-Thin/notokr-thin.eot');
    src: url('/fonts/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-Thin/notokr-thin.woff2') format('woff2'),
         url('/fonts/NotoKR-Thin/notokr-thin.woff') format('woff'),
         url('/fonts/NotoKR-Thin/notokr-thin.ttf') format('truetype'),
         url('/fonts/NotoKR-Thin/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'NotoSansCJKkr';
    src: url('/fonts/NotoKR-Light/notokr-light.eot');
    src: url('/fonts/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-Light/notokr-light.woff2') format('woff2'),
         url('/fonts/NotoKR-Light/notokr-light.woff') format('woff'),
         url('/fonts/NotoKR-Light/notokr-light.ttf') format('truetype'),
         url('/fonts/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
    font-weight: 200;
    font-style: normal;

}

@font-face {
    font-family: 'NotoSansCJKkr';
    src: url('/fonts/NotoKR-DemiLight/notokr-demilight.eot');
    src: url('/fonts/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.woff') format('woff'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'NotoSansCJKkr',;
    src: url('/fonts/NotoKR-Regular/notokr-regular.eot');
    src: url('/fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
         url('/fonts/NotoKR-Regular/notokr-regular.woff') format('woff'),
         url('/fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
         url('/fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'NotoSansCJKkr';
    src: url('/fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('/fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
         url('/fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('/fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('/fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'NotoSansCJKkr';
    src: url('/fonts/NotoKR-Bold/notokr-bold.eot');
    src: url('/fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
         url('/fonts/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('/fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
         url('/fonts/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'NotoSansCJKkr';
    src: url('/fonts/NotoKR-Black/notokr-black.eot');
    src: url('/fonts/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-Black/notokr-black.woff2') format('woff2'),
         url('/fonts/NotoKR-Black/notokr-black.woff') format('woff'),
         url('/fonts/NotoKR-Black/notokr-black.ttf') format('truetype'),
         url('/fonts/NotoKR-Black/notokr-black.svg#notokr-black') format('svg');
    font-weight: 700;
    font-style: normal;

}

/* NanumSquare */
@font-face {
    font-family: 'NanumSquare';
    src: url('/fonts/NanumSquare.eot'),
		 url('/fonts/NanumSquare.woff') format('woff'),
         url('/fonts/NanumSquare.ttf') format('truetype'),	;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400,500,600,700,800,900;
    font-style: normal;
}

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; }
body{font-family:'NotoSansCJKkr', 'NanumGothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#353535;line-height:auto;font-weight:300; padding:0px;margin:0px;letter-spacing:-0.035em; word-break:keep-all;}
html, body {/*width:100%;height:100%;*/;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:300 }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:300;}
li, dd { list-style:none; word-break:keep-all; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
a {text-decoration:none;}

.transition {
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
	     -o-transition: all 0.6s;
	        transition: all 0.6s;
			
}


/* layout */
#wrap {/*overflow:hidden;*/ min-width:1200px;}
.inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:100%; position:relative; margin-left:auto; margin-right:auto;}
.s-inner2 {max-width:1000px; margin-left:auto; margin-right:auto;}

.text_hidden {display:none;}

html.no_scroll {position:fixed; left:0; top:0; right:0; bottom:0;}

.tc {text-align:center;}



::selection {background:rgba(42,107,255,0.8); color:#fff;}
::-moz-selection {background:rgba(42,107,255,0.8); color:#fff;}
::-webkit-selection {background:rgba(42,107,255,0.8); color:#fff;}

.fc_01,#ap_gnb > .menu2 ul > li.fc_01 > a {color:#ff0443 !important}
#ap_gnb > .menu2 ul > li.fc_01 > a {font-weight:600;}

.ap_btn {display:block; width:370px; line-height:90px; text-align:center; font-size:1.25em; color:#fff; font-weight:600; background:#e03a3e; transition:background 0.8s}
.ap_btn.white {background:#fff; color:#e03a3e;}
.ap_btn:hover {background:#353535; color:#fff;}

.mb50 {margin-bottom:50px}


/* header */
.header_top_wrap {width:1200px;height:140px;margin:0 auto;}
.header_top_wrap > div {width:100%; background:#202020;}
.header_top {height:140px; position:relative; transition:height 0.5s}

#ap_logo {width: 300px;text-align:center;margin: 0 auto;padding-top:28px;transition:padding-top 0.4s;}
#ap_logo img{width:100%;height:100%;}

.header_top .h_tel {position:absolute; left:0; top:40px; padding-left:55px;  transition:top 0.4s}
.header_top .h_tel:before {content:'\f58f'; font-size:2.18em; font-weight:900; font-family:'Font Awesome 5 Free'; position:absolute; left:0; top:0;}
.header_top .h_tel .number {font-size:2.18em; line-height:1.2em; letter-spacing:-0.01em; font-family:'GmarketSansBold'}
.header_top .h_tel .time {font-size:1em; color:#999;}

.header_top .h_util {position:absolute; right:0; /*top:40px;*/ transition:top 0.4s}
.header_top .h_util li {float:left; margin-left:25px; text-align:center;}
.header_top .h_util li a {font-size:1em; color:#999;}
.header_top .h_util li a i {font-size:1.56em; color:#353535; margin-bottom:10px; transition:color 0.6s}
.header_top .h_util li:hover a i {color:#e03a3e}

#ap_gnb {position:relative;width:100%; height:260px;/*min-height:82px;background:#f8f9fc;*/border-top:1px solid #ddd;border-bottom:3px solid #1b1b1b;}
#ap_gnb > .menu1 {position:absolute; left:50%; top:0; margin-left:-600px; z-index:10; /*background:#f8f9fc;*/ opacity:1; transition:opacity 0.5s}
#ap_gnb > .menu1 ol {width:100%; overflow:hidden;}
#ap_gnb > .menu1 ol li {float:left; margin-right:90px;}
#ap_gnb > .menu1 ol li:last-child {margin-right:0;}
#ap_gnb > .menu1 ol li a {display:block; font-size:1.43em; line-height:82px; letter-spacing:-0.025em; font-weight:600; transition:color 0.2s}
#ap_gnb > .menu1 ol li a:hover {color:#ff0443;}
#ap_gnb > .menu2 {max-height:0;transition:max-height 0.8s;font-family: "NotoSansCJKkr", sans-serif;font-weight:300;}
#ap_gnb > .menu2 > ol {width:100%;height:256px;/*overflow:hidden; padding-bottom:40px;*/}
#ap_gnb > .menu2 > ol > li {position:relative;float:left;width:13%;height:100%;/*height:338px;*/padding-top:20px;text-align:center;border-right:1px solid #ddd;}
#ap_gnb > .menu2 > ol > li:last-child{border:0;}
.new:after,.live:after,.hot:after{display:block; width:60px; line-height:33px; border-radius:25px;font-size:0.8em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute;top:-18px;left:50%;transform:translateX(-50%);}
.new:after {content:'NEW';background:#ffc600;}
.live:after {content:'LIVE';line-height:33px;background:#1adc63;border:1px solid #1adc63;}
.effect_green:after {animation:gnb_effect_green .5s steps(1, end) infinite}
.hot:after{content:'HOT';background:#fd2f4c;}
.gnb_yt:after{content:"";display:block;position:absolute;top:-18px;left:50%;width:49px;height:33px;transform:translateX(-50%);background:url("/images/gnb_yt.png") no-repeat;background-size:cover;}
#ap_gnb > .menu2 > ol > .menu_free{width:calc(13% + 51px);}
#ap_gnb > .menu2 > ol > .menu_notice{width:calc(13% - 16px);}

#ap_gnb > .menu2 > ol > li > a {position:relative;display:block;font-size:20px; font-weight:600; letter-spacing:-0.05em; line-height:1.2em;}
#ap_gnb > .menu2 > ol > li > a:after {content:''; display:block; width:80%; height:2px; background:#ff0443; position:absolute; left:10%; bottom:-15px;}
/* #ap_gnb > .menu2 > ol > li > a:after {content:''; display:block; width:3px; height:30px; background:#e03a3e; position:absolute; left:0; top:0} */
#ap_gnb ul {margin-top:26px;}
/*#ap_gnb ul li {margin-bottom:8px;}*/
#ap_gnb ul li:last-child {margin-bottom:0;}
#ap_gnb ul li a {display:block;padding:4px 0;font-size:1.04em; color:#000; letter-spacing:-0.1em; line-height:30px;position:relative;}
/*#ap_gnb ul .gnb_redbox > a{outline:1px solid #ff0443;}*/
#ap_gnb ul li a:hover {color:#ff0443; font-weight:600;}

/*
#ap_gnb ul li > .hot:after {content:'HOT'; display:block; width:50px; line-height:20px; border-radius:11px; background:#e03a3e; border:1px solid #e03a3e; font-size:0.66em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute; top:4px; right:60px;}
#ap_gnb ul li > .hot.case2:after {right:80px;}
#ap_gnb ul li.new a:after {content:'NEW'; display:block; width:50px; line-height:20px; border-radius:11px; background:#e03a3e; border:1px solid #e03a3e; font-size:0.66em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute; top:4px; right:60px;}
#ap_gnb ul li.new.case2 a:after {right:80px;}
#ap_gnb ul li.live a:after {content:'LIVE'; display:block; width:50px; line-height:20px; border-radius:11px; background:#1adc63; border:1px solid #1adc63; font-size:0.66em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute; top:4px; right:60px;}
#ap_gnb ul li.live.case2 a:after {right:80px;}
#ap_gnb ul li.effect a:after {animation:gnb_effect 1s steps(1, end) infinite}
#ap_gnb ul li.effect_yellow a:after {animation:gnb_effect_yellow 1s steps(1, end) infinite}
#ap_gnb ul li.effect_green a:after {animation:gnb_effect_green 1s steps(1, end) infinite}
*/

#ap_gnb .h_logo {width:100%; overflow:hidden;}
#ap_gnb .h_logo li {float:left; width:calc(50% - 2px); margin:0 4px 4px 0; border:1px solid #cbcbcb;}
#ap_gnb .h_logo li:nth-child(even) {margin-right:0;}
#ap_gnb .h_logo li img {width:100%;}

.menuOpen {position:absolute; right:0; top:30px; cursor:pointer; /*background:#f8f9fc;*/}
.menuOpen:before {content:'\f0c9'; font-size:1.25em; font-weight:900; font-family:'Font Awesome 5 Free';}
.pc_none{display:none;}
.menuClose {float:right; font-size:0.93em; cursor:pointer; margin-top:-70px;}
.menuClose:after {content:'\f077'; font-size:1.33em; font-weight:900; font-family:'Font Awesome 5 Free'; margin-left:14px; position:relative; top:2px;}

.menuBG {display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.5); z-index:20;}


.header_top_wrap.scroll_on > div {position:fixed; left:0; top:0; z-index:100; box-shadow:0 0 10px rgba(0,0,0,0.2)}

.h_notice {width:100%; height:70px; background:#e03a3e; overflow:hidden; position:relative;}
.h_notice p {animation:h_notice 30s infinite linear; position:absolute; left:0; top:0; font-size:1.25em; color:#fff; line-height:70px; font-weight:600; white-space:nowrap;}
.h_notice span.mobile{display: none;}


@keyframes h_notice {
	0% {margin-left:100%;}
	100% {margin-left:0; transform:translate(-100%)}
}

@keyframes gnb_effect {
	0% {background:#fff; color:#e03a3e}
	50% {background:#e03a3e; color:#fff;}
}

@keyframes gnb_effect_yellow {
	0% {background:#fff; color:#ffc600}
	50% {background:#ffc600; color:#fff;}
}

@keyframes gnb_effect_green {
	0% {background:#fff; color:#1adc63}
	50% {background:#1adc63; color:#fff;}
}

	#ap_gnb ul {display:block !important;}

	#ap_header.on #ap_gnb > .menu1 {z-index:-5; opacity:0;}
	#ap_header.on #ap_gnb > .menu2 {width:1200px;max-height:800px;margin: 0 auto;}

	.header_top_wrap.scroll_on .header_top {width:1200px;height:100px;}
	.header_top_wrap.scroll_on #ap_logo {padding-top:13px;}
	.header_top_wrap.scroll_on #ap_logo img {width:280px;}
	.header_top_wrap.scroll_on .header_top .h_tel {top:22px}
	/*.header_top_wrap.scroll_on .header_top .h_util {top:24px}*/


/* footer */
#ap_footer {width:100%; background:#1e1e1e; position:relative; padding-bottom:50px;}
#ap_footer .f_util {width:100%; border-bottom:1px solid rgba(255,255,255,0.5);}
#ap_footer .f_util ul{width:1200px;}
#ap_footer .f_util li {display:inline-block; margin-right:50px;}
#ap_footer .f_util li a {font-size:1.125em; color:#fff ;line-height:75px;}
#ap_footer .f_util li a:hover {color:#ff0443;}
#ap_footer .f_info {width:1200px;padding:30px 0 40px; position:relative;}
#ap_footer .f_info p {font-size:1em; color:#999; line-height:1.8em;}
#ap_footer .f_info p.copy {color:#fff; line-height:1em; margin-top:20px;}
#ap_footer .f_info .f_logo {position:absolute; right:0; bottom:0; overflow:hidden;}
#ap_footer .f_info .f_logo li {float:left; margin-left:20px;}
#ap_footer .go_top {width:70px; height:70px; background:#ff0443 url(/images/go_top.png) no-repeat center center; position:absolute; top:-35px; right:50%; margin-right:-600px; cursor:pointer;}

#Quick {position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:300;}
#Quick ul li {display:table; width:110px; height:110px;}
#Quick ul li:nth-child(1) {background:#fae100}
#Quick ul li:nth-child(2) {background:#353535}
#Quick ul li:nth-child(3) {background:#e03a3e}
#Quick ul li a {display:table-cell; text-align:center; vertical-align:middle;}
#Quick ul li a p {font-size:0.93em; color:#fff; font-weight:600; margin-top:6px;}
#Quick ul li:nth-child(1) a p{color:#000;}




/* main 
.mTitle {text-align:center;}
.mTitle .t1 {font-size:2.18em; color:#999; line-height:1.3em; font-family:'GmarketSansMedium'}
.mTitle .t2 {font-size:3.125em; line-height:1.3em; font-family:'GmarketSansBold'; margin-top:5px;}


#mVisual {width:100%; height:700px; position:relative;}
#mVisual .swiper-container {height:100%;}
#mVisual .img_box {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mVisual .txt_box {width:1200px; margin:160px auto 0; position:relative; z-index:10; color:#fff;}
#mVisual .txt_box .t1 {font-size:2.18em; font-family:'GmarketSansMedium'; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}
#mVisual .txt_box .t2 {font-size:5em; line-height:1em; font-family:'GmarketSansBold'; margin:25px 0 15px; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out 0.2s, opacity 0.5s ease-in-out 0.2s}
#mVisual .txt_box .t3 {font-size:1.43em; line-height:1.5em; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out 0.4s, opacity 0.5s ease-in-out 0.4s}
#mVisual .txt_box .ap_btn {margin-top:60px; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out 0.6s, opacity 0.5s ease-in-out 0.6s}
#mVisual .swiper-pagination {bottom:50px;}
#mVisual .swiper-pagination-bullet {width:60px; height:3px; background:#fff; opacity:1; border-radius:0; margin:0 2px;}
#mVisual .swiper-pagination-bullet-active {background:#dc0000;}

#mVisual .swiper-slide-active .txt_box .t1, #mVisual .swiper-slide-active .txt_box .t2, #mVisual .swiper-slide-active .txt_box .t3, #mVisual .swiper-slide-active .txt_box .ap_btn {opacity:1; transform:translateY(0)}


#mSolution {margin:120px auto;}
#mSolution ul {width:1200px; margin:40px auto 0; font-size:0;}
#mSolution ul li {display:inline-block; width:calc(25% - 8.25px); margin-right:11px; box-shadow:0 15px 15px rgba(0,0,0,0.05), 10px 0 10px rgba(0,0,0,0.02); vertical-align:top; position:relative;}
#mSolution ul li:last-child {margin-right:0;}
#mSolution ul li a {display:block; position:relative;}
#mSolution ul li a:before, #mSolution ul li a:after {content:''; display:block; width:0; height:0; position:absolute; opacity:0; transition:width 0.8s, height 0.8s, opacity 0.3s ease-in-out 0.3s}
#mSolution ul li a:before {border-left:4px solid #e03a3e; border-top:4px solid #e03a3e; left:0; top:0;}
#mSolution ul li a:after {border-right:4px solid #e03a3e; border-bottom:4px solid #e03a3e; right:0; bottom:0;}
#mSolution ul li a:hover:before,#mSolution ul li a:hover:after {width:100%; height:100%; opacity:1;  transition:width 0.8s, height 0.8s, opacity 0.3s}
#mSolution ul li img {width:100%;}
#mSolution ul li dl {width:100%; background:#fff; padding:30px;}
#mSolution ul li dl dt {font-size:23px; font-weight:600;}
#mSolution ul li dl dd {font-size:18px; color:#999; margin-top:10px;}
#mSolution ul li dl.point {background:#e03a3e}
#mSolution ul li dl.point dt {color:#fff;}
#mSolution ul li dl.point dd {color:#ffb6b8}



#mProfile {width:100%; clear:both; position:relative; overflow:hidden;}
#mProfile .s-inner{width:1200px; margin:0 auto;}
#mProfile:before {content:''; display:block; width:100%; height:540px; background:#f8f9fc; position:absolute; left:0; top:0; z-index:-1;}
#mProfile .info {width:100%; position:relative;}
#mProfile .info .txt_box {width:50%; padding:120px 0 75px; position:relative; z-index:10;}
#mProfile .info .txt_box .t1 {font-size:2.18em; line-height:1.3em; font-family:'GmarketSansMedium'}
#mProfile .info .txt_box .t2 {font-size:3.125em; line-height:1.2em; font-family:'GmarketSansBold'; margin:30px 0 15px;}
#mProfile .info .txt_box .t2 span {font-size:1.6em;}
#mProfile .info .txt_box .t3 {font-size:1.43em; line-height:1.5em;}
#mProfile .info .txt_box .name {font-size:1.125em; color:#999; text-align:right; margin-top:50px;}
#mProfile .info .txt_box .name img {vertical-align:middle; margin-left:20px;}
#mProfile .info .img_box {position:absolute; right:-50px; top:50px;}
#mProfile .list {width:100%; position:relative; z-index:10;}
#mProfile .list div {float:left; width:calc(50% - 5px); height:575px; background:#fff; box-shadow:0 15px 15px rgba(0,0,0,0.05), 10px 0 10px rgba(43, 33, 33, 0.02); padding:50px 60px;}
#mProfile .list div:last-child {float:right;}
#mProfile .list div .t1 {font-size:3.125em; color:#edf0fa; line-height:1em; font-family:'GmarketSansBold'}
#mProfile .list div .t2 {font-size:1.43em; line-height:1.2em; font-weight:600; margin:-15px 0 30px; padding-left:30px;}
#mProfile .list div ul {padding-left:30px;}
#mProfile .list div ul li {font-size:1.25em; line-height:1.6em; margin-bottom:20px; padding-left:40px; position:relative;}
#mProfile .list div:first-child ul li {margin-bottom:10px; line-height:1.5em;}
#mProfile .list div ul li:before {content:'■'; font-size:0.5em; position:absolute; left:0; top:0;}



#mVideo {clear:both; padding:120px 0;}
#mVideo.s-inner{width:1200px; margin:0 auto;}
#mVideo .video {width:100%; height:670px; margin-top:40px;}
#mVideo .ap_btn {display:none;}


#mWarning {width:100%; background:#e03a3e; padding:50px 0;}
#mWarning .s-inner {display:table;width:1200px; margin:0 auto;}
#mWarning .txt_box {display:table-cell; vertical-align:middle; color:#fff; position:relative; padding-left:110px;}
#mWarning .txt_box:before {content:'\f071'; font-size:3.125em; font-weight:900; font-family:'Font Awesome 5 Free'; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#mWarning .txt_box .t1 {font-size:2.18em; line-height:1.2em; font-family:'GmarketSansBold'}
#mWarning .txt_box .t2 {font-size:1.25em; line-height:1.6em; margin-top:15px;}
#mWarning .btn_box {display:table-cell; vertical-align:middle; overflow:hidden;}
#mWarning .btn_box .ap_btn {float:right;}


#mService {margin-top:120px;}
#mService.s-inner{width:1200px; margin:0 auto;padding:60px 0;}
#mService a {float:left; display:block; width:calc(50% - 5px); box-shadow:0 15px 15px rgba(0,0,0,0.05), 0 -15px 15px rgba(43, 33, 33, 0.05); position:relative;}
#mService a:last-child {float:right;}
#mService a:before, #mService a:after {content:''; display:block; width:0; height:0; position:absolute; opacity:0; transition:width 0.8s, height 0.8s, opacity 0.3s ease-in-out 0.3s; z-index:5;}
#mService a:before {border-left:4px solid #e03a3e; border-top:4px solid #e03a3e; left:0; top:0;}
#mService a:after {border-right:4px solid #e03a3e; border-bottom:4px solid #e03a3e; right:0; bottom:0;}
#mService a:hover:before,#mService a:hover:after {width:100%; height:100%; opacity:1;  transition:width 0.8s, height 0.8s, opacity 0.3s}
#mService a img {width:100%;}
#mService a dl {background:#fff; padding:30px 50px; position:relative;}
#mService a dl:before {content:''; display:block; width:20px; height:38px; background:url(/images/mService_img3.png) no-repeat center center; position:absolute; right:50px; top:50%; transform:translateY(-50%); opacity:0.5; transition:opacity 0.5s}
#mService a dl dt {font-size:1.43em; font-weight:600; line-height:1.3em;}
#mService a dl dd {font-size:1.125em; color:#999; line-height:1.6em; margin-top:15px;}
#mService a:hover dl:before {opacity:1;}


#mCommunity {clear:both; padding:240px 0 120px; position:relative;}
#mCommunity .s-inner{width:1200px; margin:0 auto;}
#mCommunity:before {content:''; display:block; width:100%; height:calc(100% - 120px); background:url(/images/mCommunityBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; bottom:0;}
#mCommunity .s-inner {display:table;}
#mCommunity .s-inner > div {display:table-cell; vertical-align:middle;}
#mCommunity .total {width:300px; color:#fff;}
#mCommunity .total dl {margin-bottom:35px;}
#mCommunity .total dl:last-child {margin-bottom:0;}
#mCommunity .total dl dt {font-size:1.125em; margin-bottom:15px;}
#mCommunity .total dl dd {font-size:2.81em; line-height:1em; font-family:'GmarketSansMedium';}
#mCommunity .info {width:calc(100% - 300px); background:#fff; overflow:hidden;}
#mCommunity .info ol {width:100%; overflow:hidden;}
#mCommunity .info ol > li {float:left; width:50%; padding:80px 40px 65px; position:relative;}
#mCommunity .info ol > li:first-child {border-right:1px solid rgba(153,153,153,0.5)}
#mCommunity .info .t1 {font-size:2.18em; font-family:'GmarketSansMedium'; line-height:1em;}
#mCommunity .info .t2 {font-size:1.125em; color:#999; line-height:1.6em;}
#mCommunity .info .number {font-size:2.81em; letter-spacing:-0.01em; line-height:1em; font-family:'GmarketSansBold'; margin:15px 0 20px;}
#mCommunity .info .ap_btn {margin-top:40px; width:100%;}
#mCommunity .info ul {margin-top:40px;}
#mCommunity .info ul li {border-bottom:1px solid rgba(135,135,135,0.5); margin-bottom:15px; padding-bottom:15px;}
#mCommunity .info ul li:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}
#mCommunity .info ul li a p {font-size:1.125em; color:#999; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:color 0.3s}
#mCommunity .info ul li a:hover p {color:#e03a3e; font-weight:600;}
#mCommunity .info ul li a span {display:block; font-size:0.93em; color:#999; margin-top:15px;}
#mCommunity .info .more {width:60px; height:60px; background:#e03a3e url(/images/mCommunity_img1.png) no-repeat center center;position:absolute; right:0; top:0;}


#mRule {margin:120px auto; display:table;}
#mRule.s-inner{width:1200px; margin:0 auto;padding:60px 0;}
#mRule > div {display:table-cell; vertical-align:middle;}
#mRule .tit_box {width:410px;}
#mRule .tit_box .t1 {font-size:3.75em; letter-spacing:0.35em; line-height:1em; font-family:'GmarketSansBold'}
#mRule .tit_box .t2 {font-size:3.125em; color:#999; letter-spacing:0.6em; line-height:1em; font-weight:600; font-family:'Noto Sans KR'}
#mRule .tit_box .dot {font-size:3.43em; letter-spacing:1.2em; line-height:1em; font-family:'GmarketSansMedium'; margin-left:20px; margin-bottom:20px;}
#mRule .txt_box {width:calc(100% - 410px); border-left:1px solid rgba(135,135,135,0.5); padding-left:100px;}
#mRule .txt_box p {font-size:2.1em; letter-spacing:-0.06em; font-family:'GmarketSansMedium'; margin-bottom:35px;}
#mRule .txt_box ul {counter-reset:counter;}
#mRule .txt_box ul li {font-size:1.25em; color:#999; line-height:1.5em; margin-bottom:10px;}
#mRule .txt_box ul li:last-child {margin-bottom:0;}
#mRule .txt_box ul li:before {content:counter(counter)'.'; counter-increment:counter; margin-right:10px;}


#mInformation {width:100%; background:#f8f9fc; padding:120px 0;}
#mInformation .s-inner{width:1200px; margin:0 auto;}
#mInformation .mTitle {margin-bottom:40px;}
#mInformation .tab_wrap {position:relative;}
#mInformation .tab_btn {position:absolute; left:0; top:50px; counter-reset:counter; z-index:10;}
#mInformation .tab_btn li {width:470px; cursor:pointer; font-size:1.43em; line-height:110px; font-weight:600; transition:background 0.5s, color 0.5s}
#mInformation .tab_btn li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:2.17em; font-weight:400; font-family:'GmarketSansLight'; position:relative; top:7px; margin:0 50px;}
#mInformation .tab_content {width:calc(100% - 445px); height:500px; overflow:hidden;margin-left:445px; background:#fff; box-shadow:0 15px 15px rgba(0,0,0,0.05), 10px 0 10px rgba(0,0,0,0.02); position:relative;}
#mInformation .tab_content > div {position:absolute; left:0; top:0; width: 100%;background:#fff; padding:50px 70px; z-index:-5; opacity:0; transition:all 0.2s}
#mInformation .tab_content .main {display:block; width:100%; overflow:hidden; opacity:0; transform:translateX(70px); transition:all 0.6s 0.2s}
#mInformation .tab_content .main .date {float:left; display:table; width:130px; height:130px; border:5px solid #edf0fa; border-radius:50%;}
#mInformation .tab_content .main .date p {display:table-cell; text-align:center; vertical-align:middle; font-size:1.125em; color:#999; font-weight:600;}
#mInformation .tab_content .main .date p span {font-size:2.22em; color:#353535;}
#mInformation .tab_content .main dl {float:left; width:calc(100% - 130px); padding-left:30px; margin-top:50px;}
#mInformation .tab_content .main dl dt {font-size:1.5em; font-weight:600; line-height:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#mInformation .tab_content .main dl dd {font-size:1.125em; color:#999; line-height:1.5em; margin-top:15px; max-height:3em; min-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
#mInformation .tab_content ul {margin-top:30px; padding-top:50px; border-top:1px solid rgba(135,135,135,0.5)}
#mInformation .tab_content ul li {margin-bottom:18px; opacity:0; transform:translateX(70px); transition:all 0.6s}
#mInformation .tab_content ul li:last-child {margin-bottom:0;}
#mInformation .tab_content ul li a {display:block; width:100%; overflow:hidden; position:relative; padding-left:30px;}
#mInformation .tab_content ul li a:before {content:''; display:block; width:7px; height:7px; background:#353535; position:absolute; left:0; top:8px;}
#mInformation .tab_content ul li a p {float:left; width:calc(100% - 90px); font-size:1.125em; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#mInformation .tab_content ul li a span {float:right; width:90px; font-size:0.93em; color:#999; line-height:20px; text-align:right;}

#mInformation .tab_content ul li:nth-child(1) {transition-delay:0.4s}
#mInformation .tab_content ul li:nth-child(2) {transition-delay:0.5s}
#mInformation .tab_content ul li:nth-child(3) {transition-delay:0.6s}
#mInformation .tab_content ul li:nth-child(4) {transition-delay:0.7s}
#mInformation .tab_content ul li:nth-child(5) {transition-delay:0.8s}

#mInformation .tab_btn li:hover {color:#e03a3e}
#mInformation .tab_btn li.on {background:#e03a3e; color:#fff; box-shadow:10px 0 10px rgba(0,0,0,0.1)}

#mInformation .tab_content > div.on {z-index:5; opacity:1;}
#mInformation .tab_content > div.on .main {opacity:1; transform:translateX(0)}
#mInformation .tab_content > div.on ul li {opacity:1; transform:translateX(0)}


@keyframes button_mo_gnb_effect_red {
		0% {color:#e03a3e;}
		50% {color:#000;}
	}

.only_mobile{display: none !important;}
*/


/* 상단 레이아웃 */
#hd {background:#fff;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;zoom:1; }
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {width:1200px; height: 100%; margin: 0 auto; }

.cut_bar{display: none;position: absolute;bottom:60px;width:100%;height:1px;background:#ddd;}

.hd_sch_wr{display: none;margin-top:279px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{width:700px;margin:0 auto;background:#f6f6f6;border-radius:100px;overflow:hidden}
#hd_sch #sch_stx {width:662px;height:40px;padding-left:25px;text-align: center;border:0;float:left;font-size:1.5em;background:#f6f6f6;}
#hd_sch #sch_submit {height:40px;border:0;color:#000;float:left;cursor:pointer;font-size:18px;background:#f6f6f6;}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {border-bottom:1px solid #ddd;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1;width:1200px;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:1px solid #ddd;}
#tnb li:nth-child(1){border-right:1px solid #ddd;}
#tnb a {display:inline-block;padding:0 10px;color:#000;line-height:35px;font-size:13px;font-weight:300;}
#tnb a:focus, #tnb a:hover {color:#ff0443;background:#fafafa}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{;padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:300;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#b82725;border-bottom:1px solid #e7e7e7}

#hd_qnb{float:right;margin-top:20px;  text-align:center;}
#hd_qnb:after {visibility:hidden;clear:both;content:""}
#hd_qnb li{ display:inline; font-size:1.083em;line-height:15px;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:inline-block;}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

#hd_wrapper{position: relative;height:140px;}
#hd_wrapper.scroll_on{position:fixed; display: block;top:0;z-index:999;width:100%;height:100px;background:#fff;transition:height 0.5s;border-bottom:1px solid #ddd;}
#hd_wrapper.scroll_on #logo{padding:10px 0;}

/* main_con */
.main_wrap{background: #f7f7f7;}
.only_pc_main{width:1200px; margin:0 auto;padding-top:15px;}
.main_con{width:100%;}
.main_con > div{float: left;margin-bottom:15px;box-sizing:border-box;/*border:1px solid #b6b6b6;background:#fff;*/}
.main_con > div:after{content:'';clear: both;display: block;}

.section{ width:100%; padding: 30px 0;}

/*section_01*/
.section_01{
    width: 100%;
    height: 400px;
    display: flex;
    margin: 0;
    padding: 0;
    display: block;
}
.section_01 #left_box{
    width: 60%;
    height: 100%;
    padding-right: 10px;
    float: left;
    background-size: cover;
}
.section_01 #left_box img{width: 100%;}
.section_01 #right_box{
    width: 40%;
    height: 100%;
    margin: 0 auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.section_01 #right_box div{
    flex-basis: 48%;
    height: 197px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f7f7fc;
    border-radius: 20px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.section_01 #right_box div:hover{background-color: #ffe5ec;}
.section_01 #right_box h3{font-size: 20px;}
.section_01 #right_box img{
    width: 100px;
    height: 100px;
    margin-left: 80px;
    margin-top: 30px;
}

a.button{
  width: 52px;
  height: 34px;
  border-radius: 10px;
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e2525c;
  /*
  padding: 18px 0;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  */
}
.modal-wrapper {
  height: 100%;
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0; 
  left: 0;
  background: rgba(0,0,0,.5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 99;
  width: 100vw;
  margin-left:  calc(-50vw + 50%);
}

.modal-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.modal {
  width: 600px;
  height: 400px;
  display: block;
  margin: 50% 0 0 -300px;
  position: relative;
  top: 50%; 
  left: 50%;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.modal-wrapper.open .modal {
  margin-top: -200px;
  opacity: 1;
}

.head { 
  width: 710px;
  height: 32px;
  padding: 8px 10px;
  overflow: hidden;
  background: #ff0443;
}
.head i {float: right;}

.btn-close {
  font-size: 28px;
  display: block;
  float: right;
  color: #fff;
}

.main_con_01:after{content:'';clear: both;display: block;}
.main_con_01{display:block;width:211px;height:176px;margin-right:15px;padding:30px; border-radius: 20px; background-color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}
.main_con_01 li{position: relative;margin-bottom:20px;font-size: 20px;font-weight:300;}
.main_con_01 li:after{content:'';display: block;position: absolute;bottom:-10px;width:100%;height:1px;background:#e5e5e5;}
.main_con_01 li:nth-child(3){margin-bottom: 0;}
.main_con_01 li:nth-child(3):after{display: none;}
.main_con_01 li span{float: right;}
.main_con_01 li span:after{content:'';clear: both;display: block;}

.main_con_02:after{content:'';clear: both;display: block;}
.main_con_02{display:block;width:974px;height:176px; border-radius: 20px; background-color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}
.main_con_02 > div{float: left;}
.main_con_02 p.tit{position: relative;padding:72px 30px;font-size: 27px;font-family: 'NanumSquare';font-weight:bold;}
/*.main_con_02 p.tit:after{content:'';display:inline-block;position: absolute;bottom:73px;right:0;width:1px;height:30px;background:#000;}*/

.main_con_02 ul{padding:45px 0;padding-left:30px;}
.main_con_02 li{position: relative;padding-left:20px;font-size: 20px;font-weight:300;}
/*.main_con_02 li:before{content:'';display: inline-block;position: absolute;left: 0;top:40%;width:3px;height:3px;background:#000;}*/
.main_con_02 li:after{content:'';display: block;position: absolute;bottom:-10px;width:100%;height:1px;background:#e5e5e5;}
.main_con_02 li:nth-child(2):after{display: none;}
.main_con_02 li:nth-child(1){margin-bottom:30px;}
.main_con_02 li a:hover{color:#ff0443;}

#mVisual {width:100%; height:400px; position:relative;}
#mVisual .swiper-container {height:100%;}
#mVisual .img_box {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mVisual .txt_box {width:1200px; margin:160px auto 0; position:relative; z-index:10; color:#fff;}
#mVisual .txt_box .t1 {font-size:2.18em; font-family:'GmarketSansMedium'; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}
#mVisual .txt_box .t2 {font-size:5em; line-height:1em; font-family:'GmarketSansBold'; margin:25px 0 15px; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out 0.2s, opacity 0.5s ease-in-out 0.2s}
#mVisual .txt_box .t3 {font-size:1.43em; line-height:1.5em; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out 0.4s, opacity 0.5s ease-in-out 0.4s}
#mVisual .txt_box .ap_btn {margin-top:60px; transform:translateY(60px); opacity:0; transition:transform 0.5s ease-in-out 0.6s, opacity 0.5s ease-in-out 0.6s}
#mVisual .swiper-pagination-bullet {width:8px; height:8px; background:#fff; opacity:1; border-radius:5; margin:0 5px;}
#mVisual .swiper-pagination-bullet-active {background:#ff0443;}

#mVisual .swiper-slide-active .txt_box .t1, #mVisual .swiper-slide-active .txt_box .t2, #mVisual .swiper-slide-active .txt_box .t3, #mVisual .swiper-slide-active .txt_box .ap_btn {opacity:1; transform:translateY(0)}
#mVisual{height:400px;}
#mVisual .swiper-pagination{bottom:10px;}
#mVisual img{width:100%;height:100%;}

#mVisual .video-container {
    position: relative;
    height: 0;
    overflow: hidden;
}
#mVisual .video-container iframe,
#mVisual .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main_con_03{width:1200px; padding: 30px 0;}
#mVisual01 {width:100%; height:350px; position:relative;}
#mVisual01 .swiper-container {height:100%;}
#mVisual01 .img_box {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mVisual01 .swiper-pagination {bottom:20px;}
#mVisual01 .swiper-pagination-bullet {width:8px; height:8px; background:#fff; opacity:1; border-radius:5; margin:0 5px;}
#mVisual01 .swiper-pagination-bullet-active {background:#ff0443;}

.main_con_04{display: block;width:100%;}
.main_con_04 li{float: left;width:24%;margin-bottom:15px;box-sizing:border-box;}
.main_con_04 li:nth-child(4){margin-right: 0;}
.main_con_04 li a{display: block;position: relative;height:364px;padding-top:40px;font-family: 'NanumSquare';color:#fff;font-weight:500;}
.main_con_04 li a p{font-size:40px;text-align: center;}
.main_con_04 li a span{display: block;position: absolute;bottom:0;width:100%;height:87px;padding-left: 30px;padding-top:30px;background:#000;opacity: 0.7;font-size:25px;}
.main_con_04 li a span:after{content:'';display:inline-block;position: absolute;top:33px;width:10px;height:20px;margin-left:10px;background:url("../img/main/icon_right.png") center no-repeat;}
.main_con_04 li a:hover span{opacity: 1;}
.main_con_04 li:nth-child(1){background:#138492 url("/images/main_photo_01.png") top 50% center no-repeat ;margin-right:1.3%;}
.main_con_04 li:nth-child(2){background:#1e5eb5 url("/images/main_photo_02.png") top 70% center no-repeat ;margin-right:1.3%;}
.main_con_04 li:nth-child(3){background:#532e8f url("/images/main_photo_03.png") top 70% center no-repeat ;margin-right:1.3%;}
.main_con_04 li:nth-child(4){background:#364566 url("/images/main_photo_04.png") top 70% center no-repeat ;}
.main_con_04 ul:after{content:'';clear: both;display: block;}

.main_con_05{width:100%;}
.main_con_05 > div{float: left;}
.main_con_05 .video{float: right;display: block;height:442px;padding-top:42px;border:none;box-sizing:border-box;}
.main_con_05 .tit{margin:15px 0 0 40px;text-align: center;font-size:30px;font-weight:600;}
.main_con_05 p.tit:after{content:"";display: block;width:21px;height:3px;margin:0 auto;margin-top:10px;background:#000;}
.main_con_05 .ul{width:100%;background:#eee;}
.main_con_05 .profile > li{float: left;margin-bottom:30px;}
.main_con_05 .profile > li:nth-child(1){width:55%;margin-left:2%;margin-right:2%;}
.main_con_05 .profile > li.li_tit p{padding-top:20px;font-size:23px;font-weight:600;}
.main_con_05 .profile > li.li_tit > p:after{content:"";display: block;width:30px;height:2px;margin-top:10px;margin-bottom:30px;background:#000;}
.main_con_05 .profile_in li{margin-bottom:5px;font-size:17px;}
.main_con_05 .profile_in.first li{float: left;width:50%;}

.main_con_05 li:after{content:'';clear: both;display: block;}
.main_con_05 ul:after{content:'';clear: both;display: block;}
.main_con_05 div:after{content:'';clear: both;display: block;}


.main_con_06{width:100%;}
.main_con_06 p{padding:25px 0;text-align: center;font-size:26px;font-weight:600;}

div.main_con_warning{width:100%;padding:25px 0;box-sizing:border-box;background:#ffe505;border:4px solid #000;}
div.main_con_warning p{text-align:center;font-size:24px;font-weight:900;line-height:1.6;}


.main_con_07{width:100%; padding: 30px 0;}
.main_con_07 li{float: left;width:32%;margin-bottom:15px;/*border:1px solid #b6b6b6;*/box-sizing:border-box; border-radius: 20px;}
.main_con_07 li:nth-child(3){margin-right: 0;}
.main_con_07 li a{display: block;position: relative;height:347px;padding-top:50px;font-family: 'NanumSquare';font-weight:500;}
.main_con_07 li a p{padding-left:35px;}
.main_con_07 li a p.tit{font-size:40px;}
.main_con_07 li a p.tx{margin-top:25px;font-size:20px;}
.main_con_07 li a span{display: block;position: absolute;bottom:0;width:100%;height:90px;padding-left: 30px;padding-top:30px;background: #fff;font-size:25px;/*border-top:1px solid #b6b6b6;*/box-sizing:border-box; border-bottom-left-radius: 17px; border-bottom-right-radius: 17px;}
.main_con_07 li a span:after{content:'';display:inline-block;position: absolute;top:33px;width:10px;height:20px;margin-left:10px;background:url("/images/icon_right_b.png") center no-repeat;}
.main_con_07 li a:hover span{color:#ff0443;}
.main_con_07 li a:hover span:after{content:'';display:inline-block;background:url("/images/icon_right_h.png") center no-repeat;}
.main_con_07 li:nth-child(1){background:#061d38 url("/images/main_photo_05.png") top 40% right 10% no-repeat ;margin-right:2%;}
.main_con_07 li:nth-child(2){background:#eaeaea url("/images/main_photo_06.png") top 20% right -40% no-repeat ;margin-right:2%;}
.main_con_07 li:nth-child(3){background:#fff6dc url("/images/main_photo_07_0808.png") top 30% right 10% no-repeat ;}

.main_con_07 li:nth-child(1) a p{color:#fff;}
.main_con_07 ul:after{content:'';clear: both;display: block;}



.latest_two div:nth-child(2){margin-left:15px;}

.main_con:after{content:'';clear: both;display: block;}




/*ap투자연구소 하위페이지 공통*/
.top_banner{position:relative;height:20vh;background:url("/images/ap_top_banner.png") no-repeat;background-size:100%;}
.ap_banner_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.6em;color:#fff;font-family:'GmarketSansBold'}\

.ap_family_chart img,.ap_family img{width:100%;}
.ap_family{padding-top:120px;}

/* sub */
#pageCont {margin:50px auto; width:1200px;}

#pageCont #bo_list, #pageCont #bo_v{width:1200px;margin:0 auto;}
#subTitle {font-size:3.25em; font-weight:400; text-align:center; font-family:'GmarketSansBold'; margin-bottom:14px;}

.sub_section {padding:120px 0;}
.sub_section.s-inner{width:1200px;margin:0 auto;}
.sub_section .s-inner{width:1200px;margin:0 auto;}
.sub_section.bg01 {background:#f8f9fc;}

.sTitle {text-align:center; margin-bottom:50px;}
.sTitle .t1 {font-size:2.18em; color:#999; line-height:1.3em; font-family:'GmarketSansMedium'}
.sTitle .t2 {font-size:3.125em; line-height:1.3em; font-family:'GmarketSansBold'; margin-top:5px;}



.sCeoself_case1 {width:100%; overflow:hidden;}
.sCeoself_case1 > div {float:left; width:50%;}
.sCeoself_case1 .img_box img {width:100%;}
.sCeoself_case1 .txt_box {padding:50px 0 0 70px;}
.sCeoself_case1 .txt_box .t1 {font-size:1.43em; line-height:1.5em; font-weight:900;}
.sCeoself_case1 .txt_box .t2 {font-size:1.43em; line-height:1.5em; margin-top:20px;}
.sCeoself_case1 .txt_box .name {font-size:1.125em; color:#999; text-align:right; margin-top:80px;}
.sCeoself_case1 .txt_box .name img {vertical-align:middle; margin-left:15px;}

.sCeoself_case2 {position:relative; width:100%;}
.sCeoself_case2 .tit {width:90%; max-width:600px; position:absolute; left:0; top:30px; background:#ff0443; padding-left:100px; font-size:2.18em; color:#fff; line-height:100px; font-family:'GmarketSansMedium'}
.sCeoself_case2 .tit span {font-family:'GmarketSansBold';}
.sCeoself_case2 div {width:calc(100% - 100px); margin-left:100px; background:#fff; padding:185px 0 70px 150px; box-shadow:15px 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02)}
.sCeoself_case2 div ul li {font-size:1.125em; line-height:1.5em; margin-bottom:10px; position:relative; padding-left:35px;}
.sCeoself_case2 div ul li:before {content:''; display:block; width:7px; height:7px; background:#353535; position:absolute; left:0; top:10px;}
.sCeoself_case2 div ul.col2 {width:100%; overflow:hidden;}
.sCeoself_case2 div ul.col2 li {float:left; width:50%;}

.sCeoself_case3 {width:100%; height:670px; margin-top:40px;}

.sCeoself_case4 {width:100%; text-align:center; font-size:0;}
.sCeoself_case4 li {display:inline-block; width:50%; margin-top:60px;}
.sCeoself_case4 li:nth-child(1), .sCeoself_case4 li:nth-child(2) {margin-top:0;}
.sCeoself_case4 li img {max-width:95%;}
.sCeoself_case4 li p {font-size:23px; line-height:1.3em; margin-top:25px;}


.sCeofull_case1 li {display:table; width:100%; min-height:347px; position:relative; margin-bottom:50px;}
.sCeofull_case1 li:last-child {margin-bottom:0;}
.sCeofull_case1 li .img_box {width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:0; left:0;}
.sCeofull_case1 li .txt_box {display:table-cell; text-align:left; vertical-align:middle; padding-top:20px; padding-bottom:20px; padding-right:51%;}
.sCeofull_case1 li .txt_box p {font-size:1.43em; line-height:1.5em; margin-bottom:15px;}
.sCeofull_case1 li .txt_box p:last-child {margin-bottom:0;}

.sCeofull_case1 li:nth-child(odd) .txt_box {padding-left:calc(50% + 70px); padding-right:0;}
.sCeofull_case1 li:nth-child(even) .img_box {left:auto; right:0;}


.sCeofull_case2_top_wrap {width:100%; position:relative; padding-bottom:50px;}
.sCeofull_case2_top {width:calc(100% - 100px); margin:0 auto; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02);}
.sCeofull_case2_top .swiper-slide {width:100%; height:430px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sCeofull_case2_top .swiper-button-next:after, .sCeofull_case2_top .swiper-button-prev:after {font-size:1.875em; color:#353535; font-weight:900; font-family:'Font Awesome 5 Free'}
.sCeofull_case2_top .swiper-button-prev {left:0}
.sCeofull_case2_top .swiper-button-next {right:0}
.sCeofull_case2_top .swiper-button-prev:after {content:'\f053'}
.sCeofull_case2_top .swiper-button-next:after {content:'\f054'}
.sCeofull_case2_thumbs {width:calc(100% - 100px); margin:0 auto; overflow:hidden;}
.sCeofull_case2_thumbs .swiper-slide {height:160px; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer;}
.sCeofull_case2_thumbs .swiper-slide:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:0 solid #ff0443; transition:border 0.3s}
.sCeofull_case2_thumbs .swiper-slide:hover:before, .sCeofull_case2_thumbs .swiper-slide-thumb-active:before {border-width:5px;}

.sCeofull_case3 {width:100%;}
.sCeofull_case3 li {float:left; width:calc(33.33% - 50px); background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02); margin-right:75px; padding-top:50px; text-align:center;}
.sCeofull_case3 li:nth-child(3) ~ li {margin-top:30px;}
.sCeofull_case3 li:nth-child(3n) {margin-right:0;}
.sCeofull_case3 li img {width:100%;}
.sCeofull_case3 li .t1 {font-size:1.25em; color:#e03a3e; font-weight:800;}
.sCeofull_case3 li .t2 {font-size:2.18em; font-family:'GmarketSansMedium'; margin-top:10px;}
.sCeofull_case3 li .t3 {width:100%; background:#e03a3e; font-size:1.125em; color:#fff; line-height:60px;}
.sCeofull_case3 li.txt {width:calc(66.66% - 75px); box-shadow:none; margin-right:0; padding-top:200px;}
.sCeofull_case3 li.txt p {display:inline-block; font-size:1.43em; line-height:1.6em; text-align:left;}
.sCeofull_case3 + .both {clear:both; width:100%;}

.sCeofull_case4 {width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02); padding:60px 50px;}
.sCeofull_case4 ul {width:100%; overflow:hidden; counter-reset:counter;}
.sCeofull_case4 ul li {float:left; width:33.33%; text-align:center;}
.sCeofull_case4 ul li img {max-width:90%;}
.sCeofull_case4 ul li dl {margin-top:50px; padding:30px 0 0 30px; position:relative; text-align:left;}
.sCeofull_case4 ul li dl dt {font-size:1.43em; font-weight:600; line-height:1.3em;}
.sCeofull_case4 ul li dl dt span {position:relative; z-index:10;}
.sCeofull_case4 ul li dl dt:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:2.17em; color:#edf0fa; line-height:1em; font-weight:400; font-family:'GmarketSansBold'; position:absolute; left:0; top:0;}
.sCeofull_case4 ul li dl dd {font-size:1.25em; line-height:1.6em; margin-top:23px;}

.sCeofull_case5 {width:100%; position:relative;}
.sCeofull_case5 .tit {width:50%; line-height:100px; background:#ff0443; padding-left:100px; font-size:2.18em; color:#fff; font-family:'GmarketSansMedium'; position:absolute; left:0; top:30px; z-index:10;}
.sCeofull_case5 .tit span {font-family:'GmarketSansBold'}
.sCeofull_case5 .box {width:calc(100% - 100px); margin-left:100px; background:#fff; padding:185px 0 70px; box-shadow:0 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02); text-align:center;}
.sCeofull_case5 .box ul {display:inline-block;}
.sCeofull_case5 .box .list1 li {display:inline-block; width:150px; height:150px; border-radius:50%; font-size:1.25em; color:#ff0443; font-weight:800; border:3px solid #ff0443; position:relative; margin-right:60px;}
.sCeofull_case5 .box .list1 li:last-child {margin-right:0;}
.sCeofull_case5 .box .list1 li:before, .sCeofull_case5 .box .list1 li:after {content:''; display:block; width:28px; height:28px; background:#ff0443; border:9px solid #fff; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%)}
.sCeofull_case5 .box .list1 li:before {left:-14px;}
.sCeofull_case5 .box .list1 li:after {right:-14px;}
.sCeofull_case5 .box .list1 li span {line-height:150px;}
.sCeofull_case5 .box .list1 li span:before {content:''; display:block; width:60px; height:1px; background:#ff0443; position:absolute; right:-65px; top:50%; z-index:10;}
.sCeofull_case5 .box .list1 li:first-child:before {display:none;}
.sCeofull_case5 .box .list1 li:last-child:after {display:none;}
.sCeofull_case5 .box .list1 li:last-child span:before {display:none;}
.sCeofull_case5 .box .list2 {margin-top:50px; text-align:left;}
.sCeofull_case5 .box .list2 li {font-size:1.25em; line-height:1.5em; margin-bottom:10px; position:relative; padding-left:35px;}
.sCeofull_case5 .box .list2 li:before {content:''; display:block; width:8px; height:8px; background:#353535; position:absolute; left:0; top:11px;}
.sCeofull_case5 .box .list2 li:last-child {margin-bottom:0;}
.sCeofull_case5 .box .list2 li p {display:inline-block; font-weight:600; width:115px;}

.sCeofull_case6 .map {width:100%; height:430px; box-shadow:0 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02); margin-bottom:65px;}
.sCeofull_case6 .map .root_daum_roughmap .wrap_map {height:100%}
.sCeofull_case6 ul {width:100%; overflow:hidden;}
.sCeofull_case6 ul li {float:left; overflow:hidden;}
.sCeofull_case6 ul li i {float:left; width:60px; line-height:60px; background:#353535; font-size:1.56em; color:#fff; text-align:center;}
.sCeofull_case6 ul li dl {float:left; margin-left:40px;}
.sCeofull_case6 ul li dl dt {float:left; width:100px; font-size:1.25em; font-weight:600;}
.sCeofull_case6 ul li dl dd {font-size:1.25em; padding-top:10px; clear:both;}
.sCeofull_case6 ul li dl dd.number {float:left; clear:none; padding-top:0; font-size:1em;}
.sCeofull_case6 ul li dl dd.number .t1 {font-size:2.18em; letter-spacing:-0.01em; font-family:'GmarketSansBold'}
.sCeofull_case6 ul li dl dd.number .t2 {font-size:1.125em; color:#999;}
.sCeofull_case6 ul li:nth-child(2) {margin-left:100px;}
.sCeofull_case6 ul li:last-child {float:right;}
.sCeofull_case6 ul li:last-child i {font-size:1.25em;}


/* 전문가소개 */
.layer_cover {background:rgba(0,0,0,0.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999;}
.layer_popup {position:relative;top:20%;left:50%;transform:translateX(-50%);width:50%;height:50%;background:#666;letter-spacing:-1px;}
.layer_head {position:relative;padding:10px 30px;background:#ff0443;text-align:center;color:#fff;}
.layer_head > h3{float:left;font-size:1.3em;}
.layer_content {overflow-y:scroll;width:100%;height:100%;padding:40px 10px 10px;background:#fff;}
.layer_content img{float:center;width:38%;}
.layer_content p{padding-left:20px;line-height:1.4;}
.content_red{padding:20px 0 10px 10px;color:#e03a3e;font-size:1.2em;font-weight:bold;}
.not_scroll {height:100%;overflow: hidden;position: fixed;width:100%;}/* 바디에 스크롤 막는 방법 */
.btn_x_popup{position:relative;top:13px;right:-33px;}
.btn_x_popup > a{position:absolute;bottom:10px;right:5px;margin-right:15px;color:#fff;font-size:1.6em;font-weight:bold;}
/*----------------------------------*/

.analyst{width:1128px;margin:0 auto;}
.teacherList li{float:left; width:368px; height:455px; margin-right:12px; position:relative; margin-bottom:12px; overflow:hidden;cursor:pointer;}
.teacherList li:nth-child(3n) { margin-right:0px;}
.teacherTxt {position:absolute; width:100%; height:100%;}
#fade {display:none; z-index:1999; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; bottom:0; right:0;}
.teacherPop{display:none; width:1000px; position:absolute; left:50%; margin-left:-500px;height:auto; z-index:2000; }
.teacherClose {position:absolute; top:0; right:0; cursor:pointer; width:50px; height:50px; text-indent:-9999px; background:url("/images/anal_close.png")no-repeat center center;}
.clearfix {clear: both;}
.text{margin:60px 0;text-align: center;font-family: 'NotoSansCJKkr';}
.text span{font-weight:600;}
.text .tit{margin-bottom:20px;font-size:2.5em;}
.text .txt{font-size:1.5em;}





.sVipoperation_case1 {width:1200px;margin:0 auto;}
.sVipoperation_case1 li {margin-bottom:30px; position:relative;}
.sVipoperation_case1 li:last-child {margin-bottom:0;}
.sVipoperation_case1 .tit {width:470px; line-height:85px; background:#e03a3e; padding-left:100px; font-size:2.18em; color:#fff; font-family:'GmarketSansMedium'; position:absolute; left:0; top:30px; z-index:10;}
.sVipoperation_case1 .tit span {font-family:'GmarketSansBold'}
.sVipoperation_case1 .box {width:calc(100% - 100px); margin-left:100px; background:#fff; padding:185px 40px 70px 140px; box-shadow:0 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02); }
.sVipoperation_case1 .box p {font-size:1.25em; line-height:1.9em;}
.sVipoperation_case1 .box .t1 {font-weight:600;}
.sVipoperation_case1 .txt {font-size:1.875em; line-height:1.5em; font-family:'GmarketSansMedium'; text-align:center; margin-top:70px;}
.sVipoperation_case1 .txt span {color:#e03a3e; font-family:'GmarketSansBold'}

.sVipoperation_case2 li {width:1200px;margin:0 auto; margin-bottom:70px;}
.sVipoperation_case2 li:last-child {margin-bottom:0;}
.sVipoperation_case2 li .video {width:100%; height:675px;}
.sVipoperation_case2 li .video iframe {width:100%; height:100%;}
.sVipoperation_case2 li p {font-size:1.43em; text-align:center; line-height:1.5em; margin-top:20px;}
.sVipoperation_case2 li p span {font-weight:600;}

.sAiprice_btn, .sVipevent_btn {position:relative;}
.sAiprice_btn a, .sVipevent_btn {display:block; width:1000px; height:150px; position:absolute; left:50%; bottom:150px; transform:translateX(-50%);}

.sVipevent_btn2 {display:block; width:370px; height:91px; position:absolute; left:50%; top:847px; transform:translateX(-50%);}


/*dday slideup*/

.ddayTimer {top: 440px; width: 100% ;z-index: 10000; }
.ddayTimer.menu_fixed {position: sticky; top: 99px; z-index: 99;}
.ddayTimer__area {width:100%; height:80px; z-index:40; min-width:1230px; background-color: #000;}
.ddayTimer__area .innerBg {min-width: 1300px;}
.ddayTimer__area .conWrap { display: flex; width: 1300px;height: 80px; overflow: hidden; margin: 0 auto; padding: 20px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; align-items: center; justify-content: center; }
/*.ddayTimer__area .conWrap2 {height: 80px; overflow: hidden; padding: 20px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: right;padding-right: 10%;}*/
.ddayTimer__title {float: left; font-size: 26px; color: #fff; line-height: 38px; letter-spacing: -1.5px; vertical-align: middle; width: 580px;}
.ddayTimer__title span {color: #fe4272;/*color: #e4245f*/ font-weight: 600;}
.ddayTimer__title ul {width: 100%;}


.ddayTimer__cont {float: left; text-align: left; margin-left: 0;}
.ddayTimer__cont .time {background-color: rgba(255, 255, 255, 0.2); color: #fe4272; font-weight: 600; font-size: 25px; border-radius: 10px; padding: 0 8px; display: inline-block; height: 40px; margin: 0 -1px; line-height: 40px;}
.ddayTimer__cont .txt {color: #fff; font-size: 20px; font-weight: 600; margin-right: 18px;}
.ddayTimer__btn {display: inline-block; margin: -7px 0 0 40px; vertical-align: top; width: 250px; height: 50px; background: #fe4272/*linear-gradient(45deg, #d8b764, #f8e9ab)*/; border-radius: 25px; font-size: 22px; line-height: 50px; font-weight: 600; text-align: center;}
.ddayTimer__btn a{color: #fff;}
.topTimer__btn {margin-top: -1px;}
.topTimer__btn:hover {text-decoration: none;}



/*컨텐츠 이미지*/
.PC{display: block !important;}
.MB{display: none !important;}

.full_img {width:100%; margin:0 auto;}
.full_img li {position:relative;}
.full_img li.event_01 {
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1105px;
    /*background: url(/images/web_06-1.gif) no-repeat;*/
    background: url(/images/20241212_event_05.png) no-repeat;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.full_img li.event_01 img {position: absolute; left: 30%; top: 18%;}
.full_img li.event_01 a {
    position: absolute;
    display: block;
    bottom: 13%;
    right: 16%;
}
.full_img li.event_01 a#link1{width: 720px; height: 100px}
.full_img li.bg00{background:#f7f3ee;}
.full_img li.bg01 {background:#e03a3e;}
.full_img li.bg02 {background:#f8f9fd;}
.full_img li.bg03 {background:#e7b270;}
.full_img li.bg04{background:#f4f4f4;}
.full_img li.bg05{background:#e0e788;}
.full_img li.bg06{background:#1b1b1b;}
.full_img img {position:relative; left:50%; transform:translateX(-50%)}

/*vip event 230309*/
.full_img .vip_section01 img{width:100%;}
.full_img .vip_section02 img{width:100%;}
.full_img .vip_section02{
    position: relative;
    height: 1200px;
}
.full_img .vip_section02 .review{
    overflow: hidden;
    position: absolute;
    width: 1200px;
    height: 950px;
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
}
.full_img .vip_section02 .review .cont{
    display: block;
    width: 100%;
    height: 1200px;
    position: relative;
    background: url(/images/slide_up_src.png) repeat-y center top / contain;
    animation: slideUp 5s infinite linear;
    -moz-animation: slideUp 5s infinite linear;
    /* Firefox */
    -webkit-animation: slideUp 5s infinite linear;
    /* Safari and Chrome */
    -o-animation: slideUp 5s infinite linear;
    /* Opera */
}


@keyframes slideUp {
        0% {
            transform: translateY(0)
        }
        50% {
            transform: translateY(-280px)
        }
    }
    @-moz-keyframes slideUp {
        /* Firefox */
        0% {
            transform: translateY(0)
        }
        50% {
            transform: translateY(-280px)
        }
    }
    @-webkit-keyframes slideUp {
        /* Safari and Chrome */
        0% {
            transform: translateY(0)
        }
        50% {
            transform: translateY(-280px)
        }
    }
    @-o-keyframes slideUp {
        /* Opera */
        0% {
            transform: translateY(0)
        }
        50% {
            transform: translateY(-280px)
        }
    }
}

/*ai_event_11월*/
.ai_event { position: relative; }
.ai_event li {position:relative;}


.ai_event li.event_11 {
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 824px;
    background: url("/images/11event_main_01.png") no-repeat;
}
.ai_event li.event_11 img {
    position: absolute;
    left: 34%;
    top: 14%;
    width: 50%;
}

.ai_event li.event_12 {
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1105px;
    background: url("/images/section2.png") no-repeat;
}

.ai_event li.event_12 img {
    position: absolute;
    left: 68%;
    top: 15%;
}

.ai_event li.event_12 a {
    position: absolute;
    display: block;
    bottom: 13%;
    left: 16%;
}
.ai_event li.event_12 a#link2{width: 560px; height: 110px;}

/*갑진년 이벤트*/
.ai_event li.event02 {
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1105px;
    background: url("/images/01_event_03.jpg") no-repeat;
}

.ai_event li.event02 img {
    position: absolute;
    left: 30%;
    top: 18%;
}

.ai_event li.event02 a {
    position: absolute;
    display: block;
    bottom: 13%;
    right: 16%;
}
.ai_event li.event02 a#link2{width: 720px; height: 104px;}

.ai_event li.event_13 {
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1105px;
    background: url("/images/11_section3.png") no-repeat;
}
.ai_event li.event_13 .img_wrapper {
    margin: 0 auto;
    width: 1308px;
    padding-top: 15%;
}

.ai_event li.event_13 .img_wrapper div {
    margin-top: 20px;
}
.ai_event li.event_13 .img_wrapper img {
    left: 12%;
    margin-top: 20px;
    text-align: center;
}




.ai_event li.event_14 img {
    position: absolute;
    left: 35%;
    top: 15%;
}

.ai_event li.event_14 {
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1105px;
    background: url("/images/section6.jpg") no-repeat;
}

.ai_event li.event_14 img {
    position: absolute;
    left: 35%;
    top: 15%;
}



.sVipprice_youtube {width:1200px; height:670px; position:absolute; left:50%; bottom:150px; margin-left:-600px;z-index:2;}
.sAiprice_youtube {width:1200px; height:670px; position:relative; left:50%; margin-left:-600px}
.con_youtube{width:1200px; height:670px;position:relative; left:50%;margin-left:-600px;}

.sys .countdown{position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:862px;background:url("/images/ai_price_event_02_1.png") no-repeat;overflow:hidden;}
.sys .countdown .txt{position: absolute;left:990px;bottom:123px;font-size:155px;font-family: 'LAB디지털';color:#f7f7f7;}

.landing .lan_yt{background: linear-gradient( to bottom, #333434, #1f1f1f );}
.landing .con_youtube{width:1200px; height:670px; position:relative; left:50%; margin-left:-600px;padding-bottom:100px;background: linear-gradient( to bottom, #333434, #1f1f1f );}
.landing .countdown{position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:386px;background:url("/images/landing_05.png") no-repeat;overflow:hidden;}
.landing .countdown .txt{position: absolute;left:500px;top:65px;font-size:102px;font-family: 'LAB디지털';letter-spacing:-0.02em;}

.thema .app{position: relative;width:1920px;height:1171px;left: 50%;transform: translateX(-50%);background:url("/images/thema_02_0820.png") no-repeat;overflow: hidden;}
.thema .app > ul > li{position: absolute;float: left;}
.thema .app > ul > li.an_app{bottom:50px;left:32%;}
.thema .app > ul > li.ios_app{bottom:50px;left:52%;}
.thema .pc_dw{background:#1e1b30;padding-bottom:50px;}
.thema .pc_dw a{display: block;width:1200px;height:100px;margin:0 auto;background:#fdc41c;border-radius:50px;line-height:100px;text-align: center;font-weight:500;font-size:3em;}
.thema .pc_dw a:hover{color:#fff;}
.thema .app > ul:after{content:'';display: block;clear:both;}

.vipsms iframe{position: relative;left: 50%;transform: translateX(-50%);width:1200px;height:413px;overflow:hidden;}
.vipsms {background:#272d3b;}


/* 가입방법 */
.join_way{width:100%; margin:0 auto; background:#461187;}
.join_way img {position:relative; left:50%; transform:translateX(-50%)}
.join_way .con{width:1200px;margin:0 auto;padding:0 5px;}
.join_way .con li{position: relative;float: left;width:32.5%;margin-right:1%;}
.join_way .con li:last-child{margin-right:0;}
.join_way .con:after{content:'';display: block;clear: both;}
.join_way .txt{padding:30px 0;font-size:2.5em;font-style: italic;text-align: center;color:#ffcf2d;}
.join_way .bank .bank_btn{position: absolute;left:20px;bottom:20px;display: block;width:90%;padding:7px 0;border-radius:5px;background:#ffcf2d;color:#000;font-size:1.5em;}
.page_call{background-color:#ffcf2d;}



.provision_chapter{padding-bottom:30px;}
.provision_chapter .tit{padding-bottom:30px;font-weight:500;font-size:1.125em;}

.provision_section {padding:10px 0;padding-left:10px;}
.provision_section .tit{font-weight:500;font-size:1em;}
.provision_section .sec_ul > li{padding:5px 0;padding-left:10px;}
.provision_section .sec_ul > li > p{font-size:0.85em;line-height:1.75em;}
.provision_section .txt{padding:5px 0;padding-left:10px;font-size:0.95em;line-height:1.75em;}
.provision_section .txt_ul > li{padding:5px 0;padding-left:10px;}
.provision_section .txt_ul > li > p{font-size:0.95em;line-height:1.75em;}


#bo_v_con iframe{width:1200px;height:670px;}

.hidden_banner{display: none;}

/* vip_price  */
@keyframes fadein {
        from {opacity: 0;}
        to {opacity: 1;}
    }
    @-moz-keyframes fadein {
 
        /* Firefox */
        from {opacity: 0;}
        to {opacity: 1;}
    }
    @-webkit-keyframes fadein {
        /* Safari and Chrome */
        from {opacity: 0;}
        to {opacity: 1;}
    }
    @-o-keyframes fadein {
        /* Opera */
        from {opacity: 0;}
        to {opacity: 1;}
    }
#vip_price .animated{
        animation: fadein 3s;
        -moz-animation: fadein 3s;
        /* Firefox */
        -webkit-animation: fadein 3s;
        /* Safari and Chrome */
        -o-animation: fadein 3s;
        /* Opera */
}

#vip_price .vp_btn01{display: block;background:#6bfff3;color:#272d3b;border:3px solid #6bfff3;font-size:1.5em;font-family:'GmarketSansBold';padding:10px 80px;border-radius:5px;}
#vip_price .vp_btn02{display: block;padding:20px 30px;background: #000;color:#fff;font-size:2em;font-family:'GmarketSansMedium';border:3px solid #000;border-radius:5px;}
#vip_price .vp_btn02:hover{background:#fff;color:#000;}
#vip_price .vp_btn03{display: block;padding:10px 50px;background: linear-gradient(to right, #209cff, #68e0cf);color:#fff;font-size:2em;font-family:'GmarketSansMedium';border-radius:50px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);}

#vip_price .vp02{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:353px;background:url("/images/vip_price2-22.jpg") no-repeat;}
#vip_price .vp02 div button{display: block;position: absolute;bottom:39%;left:58%;}

#vip_price .vp03{
    display: block;
    position: relative;
    background: url(/images/hiddenimage_01.png) no-repeat;
    width: 1920px;
    height: 1300px;
    left: 50%;
    transform: translateX(-50%);
}
#vip_price .vp03 iframe{
    position: absolute;
    left: 19%;
    top: 34%;
}

#vip_price .vp05{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:993px;background:url("/images/vip_price5.png") no-repeat;}
#vip_price .vp05 .vp05_review{position: absolute;left: 50%;transform: translateX(-50%);top:58%;height:308px;overflow: hidden;}
#vip_price .vp05 .vp05_review .swiper-container .swiper-wrapper{height:308px;}

#vip_price .vp06{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:1148px;background:url("/images/vip_price6.png") no-repeat;}
#vip_price .vp06 img{position: absolute;left:39%;top:35%;}

#vip_price .vp07_01{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:1216px;background:url("/images/vip_price7_1-1.png") no-repeat;}
#vip_price .vp07_01 img{display: inline-block;position: absolute;left:50%;bottom:16%;}

#vip_price .vp07_02{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:955px;background:url("/images/vip_price7_2.png") no-repeat;}
#vip_price .vp07_02 .vp07_02_review{position: absolute;left: 50%;transform: translateX(-50%);top:32%;height:424px;overflow: hidden;}
#vip_price .vp07_02 .vp07_02_review .swiper-container .swiper-wrapper{height:424px;}
#vip_price .vp07_03{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:1308px;background:url("/images/vip_price7_3.png") no-repeat;}
#vip_price .vp07_03 li:nth-child(1){display: inline-block;position: absolute;left:43%;bottom:54%;}
#vip_price .vp07_03 li:nth-child(2){display: inline-block;position: absolute;left:42.5%;bottom:44%;}
#vip_price .vp07_03 li:nth-child(3){display: inline-block;position: absolute;left:40.5%;bottom:28%;}

#vip_price .vp07_04{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:1055px;background:url("/images/vip_price7_4-1.png") no-repeat;}
#vip_price .vp07_04 img{display: inline-block;position: absolute;left:50%;bottom:30%;}

#vip_price .vp08 .sub_section {padding:0;padding-bottom:70px;}
#vip_price .countdown{position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:409px;background:url("/images/vip_price11.png") no-repeat;overflow:hidden;}
#vip_price .countdown .txt{position: absolute;left: 50%;transform: translateX(-50%);bottom:48px;font-size:3.8em;color:#fff;font-family:'GmarketSansMedium';}
#vip_price .vp13{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:288px;background:url("/images/vip_price13.png") no-repeat;}
#vip_price .vp13 div a{display: block;position: absolute;bottom:13%;left:52%;padding:7px 20px;border:3px solid #272d3b;color:#272d3b;font-size:2em;font-family:'GmarketSansBold';}
#vip_price .vp13 div a:hover{background:#272d3b;color:#fff;}
#vip_price .vp14_01{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:542px;background:url("/images/vip_price14_1.png") no-repeat;}
#vip_price .vp14_02{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:440px;background:url("/images/vip_price14_2.png") no-repeat;}
#vip_price .vp14_03{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:216px;background:url("/images/vip_price14_3.png") no-repeat;}

#vip_price .bank{position: absolute;left: 50%;transform: translateX(-50%);bottom:10%;}
#vip_price .phone{position: absolute;left: 50%;transform: translateX(-50%);bottom:17%;}
#vip_price .vp14_03 button{position: absolute;left: 56%;bottom:36%;}
#vip_price .vp15{position: relative;z-index:1;}
#vip_price .vp15 .vip_event_faq{background:#fff2f5;}
#vip_price .vp15 .vip_event_faq .title{color:#000;}
.vp17_close{position: absolute;right:0;top:0;}



/*231018 vip-event slide*/
.section2 {background: #202020; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 150px 0; font-family: Pretendard,'Noto Sans KR', sans-serif;}

.section2-inner { width: 100%; display: flex; align-items: center; max-width: 1278px; gap: 80px; grid-gap: 80px;}

.section2-left {display: block; color: #fff;}
.section2-title h4 {font-family: Pretendard,'Noto Sans KR', sans-serif; font-size: 20px; color: #ffb918; padding-bottom: 30px;}
.section2-title h2 {font-family: Pretendard,'Noto Sans KR', sans-serif; font-size: 36px; line-height: 52px; padding-bottom: 35px;}
.section2-title p {font-size: 21px; line-height: 28px;  font-weight: 400;}

.section2-right {width: 45%; display: block; float: left;}

.RollDiv { margin: 0 auto; width: 576px; height: 280px; overflow: hidden; }
.RollDiv > div { overflow: hidden; height: 280px; width: 1140px; }
.RollDiv > div > a { float: left; display: block; }
.RollDiv > div > a > img { width: 280px; height: 280px; margin-left: 10px;}


.section3 {background: #18181c; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 150px 0; font-family: Pretendard,'Noto Sans KR', sans-serif; }

.section3-inner { width: 100%; display: flex; align-items: center; max-width: 1278px; gap: 80px; grid-gap: 80px;}

.section3-left {display: block; color: #fff;}
.section3-title h4 {font-family: Pretendard,'Noto Sans KR', sans-serif; font-size: 20px; color: #ffb918; padding-bottom: 30px;}
.section3-title h2 {font-family: Pretendard,'Noto Sans KR', sans-serif; font-size: 36px; line-height: 52px; padding-bottom: 35px;}
.section3-title p {font-size: 21px; line-height: 28px;  font-weight: 400;}

.section3-right {width: 45%; display: block; float: left;}

.Rollbanner { position: relative; width: 576px; height: 280px; margin: 0 auto; overflow: hidden; }
.Rollbanner > ul { position: absolute; margin: 0; padding: 0; height: 280px; }
.Rollbanner > ul > li { float: left; width: 560px; height: 280px; margin-left: 10px;}


.section4 {background: #202020; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 150px 0; font-family: Pretendard,'Noto Sans KR', sans-serif; }

.section4-inner { width: 100%; display: flex; align-items: center; max-width: 1278px; gap: 80px; grid-gap: 80px;}

.section4-left {display: block; color: #fff;}
.section4-title h4 {font-family: Pretendard,'Noto Sans KR', sans-serif; font-size: 20px; color: #ffb918; padding-bottom: 30px;}
.section4-title h2 {font-family: Pretendard,'Noto Sans KR', sans-serif; font-size: 36px; line-height: 52px; padding-bottom: 35px;}
.section4-title p {font-size: 21px; line-height: 28px;  font-weight: 400;}

.section4-right {width: 45%; display: block; float: left;}

.Rolllist { position: relative; width: 576px; height: 280px; margin: 0 auto; overflow: hidden; }
.Rolllist > ul { position: absolute; margin: 0; padding: 0; height: 280px; }
.Rolllist > ul > li { float: left; width: 560px; height: 280px; margin-left: 10px;}





/*카운트다운*/
.vip_event .demo-countdown {
    width: 100%;
    height: 200px;
    background: #fe384d;
}
.vip_event .demo-countdown h2{
    color: #fff;
    font-weight: 600;
    font-size: 2.2rem;
    text-align: center;
    padding: 30px 0 20px 0;
}
.vip_event .demo-countdown #demo{
    color: #fe384d;
    font-weight: 600;
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 20px 0;
    display: block;
    width: 30%;
    background: #000;
    border-radius: 20px;
    text-align: center;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3) inset;
}

/*카운트다운 230403*/
.full_img .counttextbox {
    background-color: #fe384d;
}
.full_img .counttextbox .countdownContainer {
  text-align: center;
  color: #fff;
  padding: 16px 16px 35px 16px;
}

.full_img .info {
    font-family: 'GmarketSansMedium';
    font-size: 50px;
}

.full_img .countdownContainer .obox {
    font-family: 'GmarketSansLight';
    background-color: rgba(0, 0, 0, 0.4);
}

.full_img .countdownContainer .ctext{
    font-size: 60px;
    font-family: 'GmarketSansBold';
}

.full_img table {
  font-size: 2rem;
  margin: 0 auto;
}

.full_img table td {
  padding: 16px;
}


/* vip event */
#vip_price .vip_event .ve03{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:288px;background:url("/images/vip_event_03.png") no-repeat;}
#vip_price .vip_event .ve03 div a{display: block;position: absolute;bottom:13%;left:52%;padding:7px 20px;border:3px solid #fff;color:#fff;font-size:2em;font-family:'GmarketSansBold';}
#vip_price .vip_event .ve03 div a:hover{border:3px solid #e03a3e;color:#e03a3e;}

#vip_price .vip_event .ve06{display:block;position: relative;left: 50%;transform: translateX(-50%);width:1920px;height:403px;background:url("/images/vip_event_06.png") no-repeat;}
#vip_price .vip_event .ve06 div button{display: block;position: absolute;bottom:10%;left:50%;transform: translateX(-50%);}

.vip_event_faq{background:#fff;padding:50px 0;}
.vip_event_faq .title{margin-bottom:30px;text-align: center;font-family:'GmarketSansBold';font-size:4em;}
.vip_event_faq .review-list{font-size:1em; letter-spacing:-1.125em;}
.vip_event_faq .review-area li {width:1200px;margin:0 auto;line-height:1.5;cursor:pointer;}
.vip_event_faq .review-area .review-box {padding:20px 0; margin:16px 0;padding-left:50px; width:100%; letter-spacing:-.05em;background:#fff;border-radius:20px;}
.vip_event_faq .review-area .user-review {display:block;color: #000;z-index:9999;}
.vip_event_faq .review-area .user-review > a{display:block; position:absolute;top:-5px; right:0; width:100px;z-index:9999;}
.vip_event_faq .review-area .user-review .user-text{display:inline-block; float:left; width:90%;font-size:1.5em;font-family: 'NotoSansCJKkr';font-weight:500;}
.vip_event_faq .review-area .user-review .user-text p:before{content:'';display: block;width:100%;height:1px;margin:10px 0;background:#333;}
.vip_event_faq .review-area .user-review .user-text p{display:none;color:#000;font-weight:300;}
.vip_event_faq .review-area .user-review .user-text span.bold{font-weight:400;}
.vip_event_faq .review-area .review-group {clear:both; position:relative;}
.vip_event_faq .review-area .hei-auto{height:auto !important;}
.vip_event_faq .review-area .hei-auto .user-review{height:auto;}
.vip_event_faq .review-area .user-link {display: inline-block; position:absolute; right:1em; color: #000; font-size: 220%; font-family:sans-serif; text-align: left; transform:scale(1, .5) rotate(270deg);}
.vip_event_faq .review-area .hei-auto .user-link{padding:0 0 13px 65px; transform:scale(1, .5) rotate(90deg); color:#f47920;}


/* vip vip event 수정*/
.vip_event .vps08{padding:50px 0;background: linear-gradient(-45deg, #010a13 ,#102e48);}
.vip_event .vps08 img{padding:30px 0;}
.vip_event .vbtn{position: absolute;}
.vip_event .vbtn03{top:35px;left:63%;}
.vip_event .vbtn12{top:497px;right:55%;}
.vip_event .vbtn14{top:42px;left:63%;}

/*2023 출사표*/
.full_img li.vp_01{
    position: relative;
    display: block;
    left:50%;
    transform: translateX(-50%);
    width: 1920px;
    height: 1426px;
    background: url(/images/hidden_01.png) no-repeat;
}
#vip_2023 .vp_01{
    display: block;
    position: relative;
    background: url(/images/hidden_01.png) no-repeat;
    width: 1920px;
    height: 1426px;
}
#vip_2023 .vp_01 iframe{
    position: absolute;
    left: 19%;
    top: 38%;
}

/*2023 AP 강연회*/
#lc_Content .lc_02 {
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1700px;
    background: url(/images/ex_page_02.jpg) no-repeat;
}

#lc_Content .lc_02 iframe {
    position: absolute;
    left: 19%;
    top: 26%;
}

#lc_Content .aplc .db {background: #efefef;}
#lc_Content .aplc .db div {
    width: 100%;
    height: 435px;
    margin: 0 auto;
    background: #efefef;
}
#lc_Content .aplc .db iframe {
    display: block;
}

/*강연회 db 수집*/
.lc_btn { position: relative; z-index: 999; }
.lc_btn .lc_bottom_btn { width: 100%; position: fixed; bottom: 0; left: 0;  z-index: 100; }
.lc_btn .lc_bottom_btn .up_btn img { width: 100%; display: block; position: relative; /*top: 1vw;*/ }
.lc_btn .lc_bottom_btn .up_btn button { width: 100%; box-sizing: border-box; border: none; }
.lc_btn .lc_bottom_btn .lc_con {display: none; width: 100%; box-sizing: border-box; background: #efefef;}

.lc_btn .apsms {background: #efefef;}
.lc_btn .apsms .title {font-size: 2em; font-family: 'GmarketSansBold'; color: #fff; text-align: center; padding-top: 10px; margin-bottom: 10px;}
.lc_btn .apsms .lc_con01 {background: #efefef;}
.lc_btn .apsms .lc_con01 img {position: relative; left: 50%; transform: translateX(-50%); width: 60%;}
.lc_btn .apsms .lc_con01 iframe {height: 450px; background: #efefef;}



/*2023 마지막이벤트
*/
.full_img li.vp_02{
    position: relative;
    display: block;
    left:50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1400px;
    background: url(/images/1214_0051.jpg) no-repeat;
}
.full_img li.vp_02 iframe{
    position: absolute;
    left: 19%;
    top: 38%;
}

/*2024 1월 이벤트
*/
.full_img li.vp_2024{
    position: relative;
    display: block;
    left:50%;
    transform: translateX(-50%);
    width: 1918px;
    height: 1410px;
    background: url(/images/web_05-4.png) no-repeat;
}
.full_img li.vp_2024 iframe{
    position: absolute;
    left: 19%;
    top: 38%;


}

.af {
    background: #f5f5f7;
    text-align: center;
}
.af2 {
    /*background: url("/images/web_07.jpg") no-repeat;*/
    text-align: center;
    padding: 120px 0;
    background: #fefdfb;
}
.af-text {
    font-family: 'GmarketSansBold';
    font-size: 3rem;
    line-height: 5rem;
    color: #13214e;
}
.af-text span {
    font-family: 'GmarketSansBold';
    /*background: linear-gradient(to left, #ff0602, #ff5d30);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #e60251;
    font-size: 4.6rem;
}
.af img {width: 50%; margin-top: 30px;}
/*.af-img2 {padding: 350px 0 70px 0;}*/
.af-img2 img {padding-top: 100px;}



/*faq*/
.faq_img img {margin:auto;display:block;}


/*프로그램이벤트 24.04*/
.sys .ai_04 {
    width: 100%;
    height: auto;
    padding: 120px 0;
    background-color: #e6e7f9;
    text-align: center;

}
.sys .ai_04 h3{ color: #242424; font-size: 2rem; font-family: 'ONE-Mobile-Regular';  padding: 25px 0;}
.sys .ai_04 h2{ color: #242424; font-size: 3.2rem; font-family: 'ONE-Mobile-Regular';}


.sys .ai_04 .content-box {
    width: 82%;
    margin: 0 auto;
    padding: 100px 0;
}

.sys .ai_04 .content-box .box {
    width: 48%;
    height: 20%;
    word-break: break-all;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    margin: 1%;
}
.sys .ai_04 .content-box .box1, .box3, .box5 {
    float: left;
}
.sys .ai_04 .content-box .box2, .box4, .box6 {
    float: right;
}

.sys .ai_04 .content-box img{ width: 80%; padding: 20px;}
.sys .ai_04 .content-box p{ color: #8230ee; font-size: 1.5rem; line-height: 2rem; font-weight: bold; font-family: 'ONE-Mobile-Regular'; }
.sys .ai_04 .content-box h4{ color: #242424; font-size: 1rem; line-height: 1.6rem; font-family: 'ONE-Mobile-Regular'; margin-top: 15px;}






/* 프로그램가격 */
.sys{}
.sys .ai_02{padding-bottom:80px;background:#fafafa;}
.sys a.ai_button{display: block;width:405px;height:92px;margin:0 auto;line-height:90px;text-align: center;font-size:2em;font-weight:500;color:#fff;background:#18c6c9;box-shadow:5px 10px 5px rgba(0,0,0, 0.3);border-radius:50px;}
.sys .db{background:#272d3b;}
.sys .db div{width:100%;height:435px;margin:0 auto;}


.sys .ai_18{background:#272d3b;}
.ai_20{margin-bottom:80px;}
.ai_20 a.ai_button{margin-top:80px;}
.ai_20 p{color:#016365;font-size:1em;text-align: center;margin-top:50px;font-family: 'NotoSansCJKkr';font-weight:400;}
.notebook {width:1193px; height:782px; position:relative;margin:0 auto;}
.notebook .swiper-container {height:100%;}
.notebook .img_box {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.notebook .swiper-wrapper {position:relative;width:100%;height:100%;margin:0;padding:0;z-index:1;display:flex;transition-property: transform;box-sizing: content-box;}
.notebook .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;cursor:grab;}
.notebook .swiper-page-wrap {height:24px;margin-top:20px;}
.notebook .swiper-pagination {position:relative;height:100%;text-align:center;/*overflow:hidden;*/}

.notebook .swiper-pagination-bullet {display:inline-block;position:relative;left:auto;bottom:auto;margin:0 6px;width:21px;height:21px;border:2px solid #fff;border-radius:50%;opacity:1;}
.notebook .swiper-pagination-bullet-active {border-color:#18c6c9 !important;}
.notebook .swiper-pagination-bullet:nth-child(1) {background:#fff !important;border-color:#ddd;}
.notebook .swiper-pagination-bullet:nth-child(2) {background:#fff !important;border-color:#ddd;}
.notebook .swiper-pagination-bullet:nth-child(3) {background:#fff !important;border-color:#ddd;}
.notebook .swiper-button-next-gram,
.notebook .swiper-button-prev-gram {position: absolute;top: 50%;z-index: 10;width:59px;height:110px;margin-top:-95px;cursor:pointer;}
.notebook .swiper-button-prev-gram {left:0;background:rgba(0, 0, 0, 0.1) url("/images/arrow_left_01.png") no-repeat center}
.notebook .swiper-button-next-gram {right:0;background:rgba(0, 0, 0, 0.1) url("/images/arrow_right_01.png") no-repeat center}
.notebook .swiper-pagination {bottom:50px;}

/*프로그램 가격 24.06*/
.sys .ai_044 {
    width: 100%;
    height: auto;
    padding: 100px 0;
    background-color: #1cc5c5;
    text-align: center;

}
.sys .ai_044 p:nth-child(1){ color: #fff; font-size: 2.2rem; font-family: 'Pretendard'; font-weight: 500; padding: 10px 0;}
.sys .ai_044 p:nth-child(2){ color: #fff; font-size: 3.5rem; font-family: 'Pretendard'; font-weight: 700;}


.sys .ai_044 .content-box {
    width: 82%;
    margin: 0 auto;
    padding: 80px 0;
}

.sys .ai_044 .content-box .box {
    width: 48%;
    height: 20%;
    word-break: break-all;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    margin: 1%;
}
.sys .ai_044 .content-box .box1, .box3, .box5 {
    float: left;
}
.sys .ai_044 .content-box .box2, .box4, .box6 {
    float: right;
}

.sys .ai_044 .content-box img{ width: 90%; padding: 20px; position: static; transform: perspective(0);}
.sys .ai_044 .content-box p{ color: #035f6e; font-size: 1.8rem; line-height: 2.3rem; font-weight: 600; font-family: 'Pretendard'; }
.sys .ai_044 .content-box h4{ color: #242424; font-size: 1rem; line-height: 1.6rem; font-family: 'Pretendard'; margin-top: 15px;}

/*프로그램 가격 24.07*/
.sys .ai_1 {
    display: block;
    position: relative;
    background: url(/images/ai_01_03_bg.jpg) no-repeat center;
    width: 100%;
    height: 840px;
    left: 50%;
    transform: translateX(-50%);
}

.sys .ai_1 .PC {
    position: absolute;
    top: 21%;
    padding-right: 16px;
}

.sys .ai_3 {
    width: 100%;
    height: auto;
    padding: 100px 0;
    background-color: #f2f2f2;
    text-align: center;
}

.sys .ai_3 h3 {
    color: #1c1d28;
    font-size: 2rem;
    font-family: 'GmarketSansLight';
    padding: 20px 0;
}

.sys .ai_3 h2 {
    color: #000000;
    font-size: 3.8rem;
    font-family: 'GmarketSansMedium';
}

.sys .ai_3 .content-box {
    width: 82%;
    margin: 0 auto;
    padding: 100px 0;
}

.sys .ai_3 .content-box .box {
    width: 48%;
    height: 20%;
    word-break: break-all;
    border-radius: 20px;
    margin: 1%;
    margin-bottom: 40px;
}

.sys .ai_3 .content-box .box1, .box3, .box5 {
    float: left;
}
.sys .ai_3 .content-box .box2, .box4, .box6 {
    float: right;
}

.sys .ai_3 .content-box p {
    color: #000000;
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: 'GmarketSansMedium';
}

.sys .ai_3 .content-box img {
    width: 90%;
    padding: 20px 0 30px 0;
    border-radius: 10px;
}

.sys .ai_3 .content-box .radius_img {
    filter: drop-shadow(10px 0px 10px #bababa);
}

.sys .ai_5 {
    text-align: center;
    font-family: 'Pretendard';
    padding: 100px 0;
    background-color: #f6f7fb;
}

.sys .ai_5-thumb {
    padding: 80px 0;
}

.sys .ai_5-thumb .RollDiv {
    width: 1300px; /*800*/
    height: 360px;
    margin: 0 auto;
}

.sys .ai_5-thumb .RollDiv > div {
    overflow: hidden;
    width: 2000px;
    height: 360px;
}

.sys .ai_5-thumb .RollDiv > div > a > img {
    width: 640px;
    height: 360px;
    margin-left: 10px;
}

.sys .ai_5 h3 {
    color: #000000;
    font-size: 2.2rem;
    font-weight: 500;
    padding: 20px 0;
}

.sys .ai_5 h2 {
    color: #000000;
    font-size: 3.4rem;
    font-weight: 600;
}

.sys .ai_5 p {
    color: #000000;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
}

.sys .ai_6 {
    text-align: center;
    font-family: 'Pretendard';
    padding: 100px 0;
    background-color: #f2f2f2;
}
.sys .ai_6 h3 {
    color: #000000;
    font-size: 2.2rem;
    font-weight: 500;
    padding: 20px 0;
}

.sys .ai_6 h2 {
    color: #000000;
    font-size: 3.4rem;
    font-weight: 600;
}

.sys .ai_6 .t-box {
    width: 1200px;
    height: 215px;
    margin: 0 auto;
    margin-top: 80px;
}

/*세가지 모드 이미지 슬라이드 업*/
.review-col {padding-bottom: 50px; width: 1200px; margin: 0 auto; }

.review-col .review-slide .swiper-slide {opacity: 0;}
.review-col .review-slide .swiper-slide .swiper-slide-active {opacity: 1;}
.review-col .review-slide .swiper-slide img.display-pc {width: 1042px;}

.review-col .text-slide {height: 619px !important; overflow: hidden;}
.review-col .text-slide .swiper-slide {display: table; table-layout: fixed; box-sizing: border-box;}

.review-col .text-slide .swiper-slide img {display: block; margin: 0;}

.sys .ai_7 {
    width: 100%;
    height: auto;
    text-align: center;
}

.sys .ai_8 {
    width: 100%;
    height: auto;
    background-color: #fff;
    text-align: center;
}

/* 프로그램 가격 240923 */
.ai15{position: relative;z-index:1;}
.ai15 .ai_price_faq{background:#f5f5f5;}
.ai15 .ai_price_faq .title{color:#000;}

.ai_price_faq{background:#fff;padding:50px 0;}
.ai_price_faq .title{margin-bottom:30px;text-align: center;font-family:'GmarketSansBold';font-size:4em;}
.ai_price_faq .review-list{font-size:1em; letter-spacing:-1.125em;}
.ai_price_faq .review-area li {width:1200px;margin:0 auto;line-height:1.5;cursor:pointer;}
.ai_price_faq .review-area .review-box {padding:20px 0; margin:16px 0;padding-left:50px; width:100%; letter-spacing:-.05em;background:#fff;border-radius:20px;}
.ai_price_faq .review-area .user-review {display:block;color: #000;z-index:9999;}
.ai_price_faq .review-area .user-review > a{display:block; position:absolute;top:-5px; right:0; width:100px;z-index:9999;}
.ai_price_faq .review-area .user-review .user-text{display:inline-block; float:left; width:90%;font-size:1.5em;font-family: 'NotoSansCJKkr';font-weight:500;}
.ai_price_faq .review-area .user-review .user-text p:before{content:'';display: block;width:100%;height:1px;margin:10px 0;background:#333;}
.ai_price_faq .review-area .user-review .user-text p{display:none;color:#000;font-weight:300;}
.ai_price_faq .review-area .user-review .user-text span.bold{font-weight:400;}
.ai_price_faq .review-area .review-group {clear:both; position:relative;}
.ai_price_faq .review-area .hei-auto{height:auto !important;}
.ai_price_faq .review-area .hei-auto .user-review{height:auto;}
.ai_price_faq .review-area .user-link {display: inline-block; position:absolute; right:1em; color: #000; font-size: 220%; font-family:sans-serif; text-align: left; transform:scale(1, .5) rotate(270deg);}
.ai_price_faq .review-area .hei-auto .user-link{padding:0 0 13px 65px; transform:scale(1, .5) rotate(90deg); color:#f47920;}

/*TAB CSS*/
.ai_price_tab{display: block;height:930px;background:#17d3da;}
.ai_tab{position:absolute;top:275px;left:calc(50% - 350px);display:flex;flex-direction:column;align-items:center;width:700px;}
.ai_tab ul.tabs {display:flex;justify-content:space-between;align-items:center;width:610px;height:55px;margin:0 auto;margin-bottom:20px;border-radius:30px;border:2px solid #fff;box-sizing:border-box;}
.ai_tab ul.tabs li {display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;line-height:55px;cursor:pointer;float: left;position: relative;}
.ai_tab ul.tabs li a{font-weight:400;font-size:19px;color:#fff;}
.ai_tab ul.tabs li.active{border-radius:30px;background:#016365;}
.ai_tab ul.tabs li.active a{font-weight:600;font-size:19px;color:#fff}

/*Tab Conent CSS*/
.ai_tab .tab_container {width:100%}
.ai_tab .tab_content {}

.ai_17{background:#fafafa;}
.review_sl{position:relative;width:1920px;height:550px;margin:0 auto;overflow: hidden;}
.review_sl:before{content:'';display:inline-block;position:absolute;top:0;left:0;bottom:0;z-index:10;width:10%;background:linear-gradient(to right, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 100%)}
.review_sl:after{content:'';display:inline-block;position:absolute;top:0;right:-20px;bottom:0;z-index:10;width:10%;background:linear-gradient(to left, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 100%)}
.review_sl .swiper-container{position:absolute;left:50%;margin-left:-1375px}
.review_sl li{width:550px;margin-right:20px;opacity:.4;transition:opacity .5s}
.review_sl li.swiper-slide-active, .review_sl li.swiper-slide-next{opacity:1}
.review_sl li .item:first-child{float:left}
.review_sl li .item:last-child{float:right}
.review_sl .item{width:550px;height:550px;padding:0 50px;box-sizing:border-box;}
.review_sl .swiper-navigation button{display:inline-block;position:absolute;top:237px;z-index:1;width:80px;height:80px;border:1px solid #016365;border-radius:50%;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);outline:none}
.review_sl .swiper-navigation button:after{content:'';display:inline-block;position:absolute;top:50%;left:50%;width:13px;height:13px;margin-left:-3px;margin-top:-7px;border-top:2px solid #016365;border-left:2px solid #016365;transform:rotateZ(-45deg)}
.review_sl .swiper-navigation button.next:after{transform:rotateZ(135deg);margin-left:-8px;}
.review_sl .swiper-navigation button.prev{right:50%;margin-right:520px}
.review_sl .swiper-navigation button.next{left:50%;margin-left:520px}
.blind{display:inline-block;overflow:hidden;width:1px;height:1px;position:absolute !important;left:-100vw;color:transparent}

/* DB수집 */
.ai_btn{position: relative;z-index:9999;}
.ai_btn .kakao_bottom_btn{width: 100%;position: fixed;bottom: 0;left:0;z-index: 100;}
.ai_btn .kakao_bottom_btn .up_btn img{width: 100%;display: block;position: relative;top: 1vw;}
.ai_btn .kakao_bottom_btn .up_btn button{width: 100%;box-sizing: border-box;border: none;}
.ai_btn .kakao_bottom_btn .ka_con{display:none;width: 100%;box-sizing: border-box;background: #fff;}

.ai_btn .apsms .title{font-size:2em;font-family: 'GmarketSansBold';color:#fff;text-align: center;padding-top:10px;margin-bottom:10px;}
.ai_btn .apsms .con01{background:#272d3b;}
.ai_btn .apsms .con01 img{position:relative;left:50%; transform:translateX(-50%);}
.ai_btn .apsms .con01 iframe{height:450px;}

/* 카톡친구 */
.kakao_db{background:#351f67;}
.kakao_db div{width:1200px;margin:0 auto;}


/* board 게시판 퀵메뉴*/
.vertical .quick{font-size:0.8em;border-left:1px solid #eee;}
.vertical .quick li{background:#fff;}
.vertical .quick li .a_btn{display: block;width:75px;height:100px;margin: 0 auto;padding-top:60px;color:#000;text-align: center;}
.vertical .quick li:nth-child(1){background:linear-gradient(#ff1a67, #ff602a);}
.vertical .quick li:nth-child(1) .a_btn{color:#fff;background:url('/images/qu_01.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(2) .a_btn{background:url('/images/qu_06.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(3) .a_btn{background:url('/images/qu_06.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(4) .a_btn{background:url('/images/qu_06.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(5) .a_btn{background:url('/images/qu_07_ho.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(6) .a_btn{background:url('/images/qu_05_ho.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:hover{background:#f7f7f7;}
.vertical .quick li .a_btn:hover{color:#000;font-weight:500;}
.vertical .quick li:nth-child(1):hover{background:linear-gradient(#ff602a, #ff1a67);}
.vertical .quick li:nth-child(2) .a_btn:hover{background:url('/images/qu_06_ho.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(3) .a_btn:hover{background:url('/images/qu_06_ho.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(4) .a_btn:hover{background:url('/images/qu_06_ho.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(5) .a_btn:hover{background:url('/images/qu_07.png') top 10px center no-repeat;background-size:65%;}
.vertical .quick li:nth-child(6) .a_btn:hover{background:url('/images/qu_05.png') top 10px center no-repeat;background-size:65%;}



@keyframes tb_gnb_effect_hot {
	0% {background:#fff; color:#ffd14f;}
	50% {background:#ffd14f; color:#fff;}
}

.min_01 a:after{display:block; width:48px; height:20px;line-height:20px; border-radius:20px;font-size:0.8em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute;left:50%;transform:translateX(-50%);}
.tb_mo_hot.min_01 a:after{content:'Hot';background:#ffd14f; border:1px solid #ffd14f;top:-15px;animation:tb_gnb_effect_hot 1s steps(1, end) infinite}

.quick.horizontal ul li {display:table;margin-right:10px; border-radius:10px;box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);background:#eee;}
.quick.horizontal ul li .a_btn {width:75px; height:75px;color:#fff;display:table-cell;position: relative; text-align:center; vertical-align:middle;}
.quick.horizontal ul li .a_btn p{text-indent:-9999px;}
.quick.horizontal ul li.li_01{background:linear-gradient(#ff1a67, #ff602a);}
.quick.horizontal ul li.li_02, .quick ul li.li_03, .quick ul li.li_04{background:linear-gradient(-230deg,#f83600, #fd8c00);}
.quick.horizontal ul li.li_01 .a_btn{background:url("/images/qu_11.png") center no-repeat;background-size:75%;}
.quick.horizontal ul li.li_02 .a_btn{background:url("/images/qu_09.png") center no-repeat;background-size:75%;}
.quick.horizontal ul li.li_03 .a_btn{background:url("/images/qu_10.png") center no-repeat;background-size:75%;}
.quick.horizontal ul li.li_04 .a_btn{background:url("/images/qu_14.png") center no-repeat;background-size:75%;} 
.quick.horizontal ul li.li_05 .a_btn{background:url("/images/qu_12.png") center no-repeat;background-size:75%;}
.quick.horizontal ul li.li_06 .a_btn{background:url("/images/qu_13.png") center no-repeat;background-size:75%;}




.quick.horizontal{width:1200px;margin:0 auto;border-top:1px solid #eee;}
.quick.horizontal li{float: left;border-top:1px solid #eee;border-right:1px solid #eee;}


.sub_navfixed .vertical .quick{position: fixed;top:100px;right:0;width:75px;height:100%;transition: height 1s;z-index:999;background:#fff;}
.sub_navfixed .vertical .ud{position:fixed; display: block;right:0;bottom:80px;z-index:999;}
.sub_navfixed .vertical .ud ul li{width:75px;padding:10px 0;margin-top:5px;background:#f7f7f7;text-align: center;color:#555;font-size:0.8em; cursor: pointer;}


.quick.horizontal:after{content:'';display: block;clear:both;}
.pg_wrap{width:1200px !important;margin:0 auto;padding-bottom:30px;}



/*모바일 소메뉴*/
.youtube iframe {width:100%;height: calc(100vw/2.39);}

	.ms_2,.ms_3{display:none;}

.nav_mobile {display:none;}

/* swiper */
/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}