kre@charset "utf-8";

@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; */
@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) */

@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} }


@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-Regular.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;

}

@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;
}


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

@keyframes gnb_effect {
	0% {background:#fff; color:#ff0443}
	50% {background:#ff0443; 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;}
}

@keyframes tb_gnb_effect_green {
	0% {background:#fff; color:#1adc63}
	50% {background:#1adc63; color:#fff;}
}
@keyframes tb_gnb_effect_new {
	0% {background:#fff; color:red;}
	50% {background:red; color:#fff;}
}

@keyframes tb_gnb_effect_n {
	0% {background:#fff; color:#ff0443;}
	50% {background:#ff0443; color:#fff;}
}

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

@keyframes tb_gnb_effect_red {
	0% {background:#fff; color:#ff0443}
	50% {background:#ff0443; color:#fff;}
}

@keyframes tb_mo_gnb_effect_red {
	0% {background:#fff;}
	50% {background:#ff0443;}
}

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

@keyframes slidein {
  from { transform: translate(-100%,100%) scale(0.5); }
  to   { transform: translate(200%,-200%) scale(2); }
}


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:'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:normal }
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:normal;}
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; color:#353535}

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


/* layout */
#wrap {/*overflow:hidden;*/}
.inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:96%; position:relative; margin: 0 auto;}
.s-inner2 {width:93%; 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;}
.inner {width:100%;}

body { font-size: 13px; }
br.mo_br {display:none;}

::selection {background:rgba(224,58,62,0.8); color:#fff;}
::-moz-selection {background:rgba(224,58,62,0.8); color:#fff;}
::-webkit-selection {background:rgba(224,58,62,0.8); color:#fff;}

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

.ap_btn {display:block;width:180px; line-height:50px;font-size:1em;text-align:center;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:5%}

/* header */
.header_top_wrap{height:100px; background-color: ;}
.header_top_wrap > div {width:100%;}


/* 로그인 회원가입 */
.header_top .h_util {position:absolute;font-size:0.8em;transition:top 0.4s}
.header_top .h_util li {float:left; margin-left:8px; text-align:center;}
/*.header_top .h_util li a {font-size:1em; color:#fff;}*/
.header_top .h_util li a i {font-size: 1.2rem; margin-top: 10px;}

/* 전체메뉴 */
.menuOpen {position:absolute; right:0; top:12px; cursor:pointer;padding:16px 0 0; /*background:#f8f9fc;*/}
.menuOpen:before {content:'\f0c9'; font-size:1.125em; 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;}
	.pc_none{display:block;}
	.menuClose {width:50px; height:50px; position:absolute; top:0; right:0; margin-top:0; font-size:0; border-left:1px solid #ddd;}
	.menuClose:after {content:'\f00d'; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin-left:0;}
	.menuOpen.mo{display: block;width:30px;top:5px;left:15px;padding:0px;background:#f8f9fc;}
	.menuOpen.mo:before {font-size:1.5em;}
	#ap_header.active #ap_gnb > .menu2 {right:0;}
	#ap_header.active .menuBG {display:block;}

/*주식회사법인 공지*/
.h_notice p.pc{display: none;}
.h_notice {width:100%;height:35px;padding-top:2px;background:#e03a3e; overflow:hidden; position:relative;}
.h_notice p {animation:h_notice 30s infinite linear; position:absolute; left:0; top:0; font-size:0.95em; color:#fff; line-height:35px; font-weight:600; white-space:nowrap;}
.h_notice span.mobile{display: block;text-align: center;font-weight:300;font-size:1em;color:#fff;}


/*김용재사진 비쥬얼 */
.mo_photo_kyj{width:58px;height:64px;margin: 0;padding: 0 !important;position:relative;overflow: hidden;top:37px;float: left;}
.mo_photo_kyj img{width:100%;height:100%;}
.mo_photo_kyj p{position: absolute;left:9px;bottom:2px;color:#fff;font-size:0.5em;}

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


.mo_Visual.head_vs {width:105px;height:40px;margin: 0;padding: 0 !important;position:relative;overflow: hidden;top:37px;float: left;}
.mo_Visual.head_vs .swiper-container {height:100%;}
.mo_Visual.head_vs .img_box {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mo_Visual.head_vs .img_box img{width:100%;height:100%;}
.mo_Visual.head_vs .swiper-pagination {bottom:50px;}
.mo_Visual.head_vs .swiper-pagination-bullet {width:40px; height:2px; background:#fff; opacity:1; border-radius:0; margin:0 1px;}
.mo_Visual.head_vs .swiper-pagination-bullet-active {background:#dc0000;}
.mo_Visual.head_vs .txt_box{position: relative;top:48px;font-size:0.65em;z-index:10;text-align: center;font-weight:500;}
.mo_Visual.head_vs .txt_box .t1{display: none;position: absolute;bottom:10px;left:50%;transform:translateX(-50%);color:#000;}
.mo_Visual.head_vs .txt_box .t2{display: none;position: absolute;bottom:10px;left:50%;transform:translateX(-50%);color:#000;}
.mo_Visual.head_vs:after{content:'';display: block;clear: both;}


/*로고*/
#ap_logo {width:150px;text-align:center;margin: 0 auto;padding-top:40px;transition:padding-top 0.4s;}
#ap_logo img{width:150px;height:100%;}

/*고객센터 번호
.header_top .mo_h_tel {position:absolute; right:0; top:37px;transition:top 0.4s;background:#fff;}
.header_top .mo_h_tel .txt{font-size:12px;font-weight:500;letter-spacing:10px;}
.header_top .mo_h_tel .number {position: relative;font-size:14px; line-height:1em;padding-left:15px;}
.header_top .mo_h_tel .number:before {content:'';display: inline-block;width:13px;height:13px;background:url(/images/mo_head_call.png) no-repeat;background-size:cover;position:absolute; left:0; top:0;}
.header_top .mo_h_tel .time {letter-spacing:-0.9px;font-size:10px; color:#4a4a4a;}
*/

/* ap_gnb */
#ap_gnb {position:relative;width:100%;height:107px;}
#ap_gnb > .menu1 {z-index:10;}
#ap_gnb > .menu1 ol li {position: relative;float:left;width:25%;height:50px;text-align: center;margin-right:0;}
#ap_gnb > .menu1 ol li a {display:block; font-size:1.2em; line-height:50px;letter-spacing:-0.025em; font-weight:400;color:#fff; transition:color 0.2s;font-family:'GmarketSansBold';}
#ap_gnb > .menu1 ol li a:hover {color:#ff0443;}
#ap_gnb > .menu1 ol li a.focused {padding-bottom:7px;border-bottom:4px solid #ff0443;color:#ff0443;font-weight:bold;}



#ap_gnb > .menu2 {width:300px; height:100vh; max-height:100vh; position:fixed; right:-300px; top:0; z-index:30; background:#fff; padding-top:50px; transition:right 0.6s; overflow-y:scroll; overflow-y:scroll; -ms-overflow-style:none;font-weight:400;}
#ap_gnb > .menu2::-webkit-scrollbar {display:none;}
#ap_gnb > .menu2 > ol {width:100%;padding-bottom:0; border-top:1px solid #ddd;}
#ap_gnb > .menu2 > ol > li {position:relative;width:100%;height:auto; margin-top:0;text-align:left;}
#ap_gnb > .menu2 > ol > li:first-child{border-left:none;}
#ap_gnb > .menu2 > ol > li:last-child{border:0;}
#ap_gnb > .menu2 > ol > li > a {position:relative;display:block;font-size:1.125em; font-weight:900; letter-spacing:-0.1em;padding-left:15px;line-height:50px;border-bottom:1px solid #ddd; }


.menu2.s-inner{margin:0;}

#ap_gnb ul {display:none;}
#ap_gnb ul li {margin-bottom:0px;}
#ap_gnb ul li:last-child {margin-bottom:0;}
#ap_gnb ul li a {position:relative;display:block;padding:4px 0;padding-left:15px;font-size:1em; color:#000; letter-spacing:-0.1em; line-height:40px;border-bottom:1px solid #eee; background:#f7f7f7;}
#ap_gnb ul .gnb_redbox > a{outline:1px solid red;}

.new:after, .live:after, .hot:after, .gnb_yt:after{display:none;}
.c_g{color:#1adc63;}
.c_y{color:#ffd14f;}
.c_o{color:#ff6911;}

.min_01 a:after{display:block; width:40px; height:20px;line-height:20px; border-radius:11px;font-size:0.66em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute;left:50%;transform:translateX(-50%);}
.min_02 a:after{display:block; width:40px; height:16px;line-height:16px; border-radius:11px;font-size:0.66em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute;left:50%;transform:translateX(-50%);}

.tb_mo_live.min_01 a:after{content:'LIVE';background:#1adc63; border:1px solid #1adc63;top:-16px;animation:tb_gnb_effect_green 1s steps(1, end) infinite}
.tb_mo_new.min_01 a:after{content:'New';background:#ff9f11; border:1px solid #ff9f11;top:-15px;animation:tb_gnb_effect_new 1s steps(1, end) infinite}
.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}

.tb_mo_new.min_02 a:after{content:'New';background:#ffd14f; border:1px solid #ffd14f;top:-16px;animation:tb_gnb_effect_hot 1s steps(1, end) infinite}
.tb_mo_hot.min_02 a:after{content:'Hot';background:#ff6911; border:1px solid red;top:0px;animation:tb_gnb_effect_new 1s steps(1, end) infinite}

.nav_mobile{padding:8px 10px;border-bottom:0 !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00ba00+0,0a6cf8+100
background: #00ba00; /* Old browsers
background: -moz-linear-gradient(-45deg,  #00ba00 0%, #0a6cf8 100%); /* FF3.6-15
background: -webkit-linear-gradient(-45deg,  #00ba00 0%,#0a6cf8 100%); /* Chrome10-25,Safari5.1-6
background: linear-gradient(135deg,  #00ba00 0%,#0a6cf8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ba00', endColorstr='#0a6cf8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient
*/
}

/*모바일 소메뉴*/
.nav_mobile {display:block;border-bottom:1px solid #eee;}
.ms_2,.ms_3{display:block;}

.ms_2 {text-align:center;position: relative;}
.ms_2 a{position: relative;display: block;float: left;margin-right:1%;margin-bottom:1%;padding:14px;border-radius:8px;font-size:0.9em;background:#2a2929;color:#fff;}
.ms_2 a.focused{color:#fff;background:#ff0443;font-weight:500;}
.ms_2.menu_2a a{width:49.5%;}
.ms_2.menu_3a a{/*width:32.5%;*/width:49%;}
.ms_2.menu_4a a{width:24%;}
.ms_2.menu_2a a:nth-child(even){margin-right:0;}
.ms_2.menu_2a a:last-child{margin-right:0;}
.ms_2.menu_3a a:last-child{margin-right:0;}

.ms_3{margin-top:5px;margin-bottom:0;text-align:center;box-sizing:border-box;}
.ms_3 a{position: relative;display: block;float: left;margin-right:0 !important;padding:14px;font-size:14px;color:#999;}
.ms_3 a.focused{color: #ff0443;font-weight: 500;}
.ms_3 a.focused:after{content:'';position: absolute;bottom:0px;left:50%;transform:translateX(-50%);display: block;width:70px;height:3px;background:#ff0443;}
.ms_3.menu_3a a{width:33.33333%;}
.ms_3.menu_4a a{width:calc(100%/6);}
.ms_3 a:last-child {margin-right:0;}
.ms_2:after{content:'';display: block;clear: both;}
.ms_3:after{content:'';display: block;clear: both;}

.ms_3 a:before{content:'';display: block;position: absolute;top:8px;right:0;width:1px;height:30px;background:#555;}
.ms_3 a:last-child:before{display: none;}

.ms_2 a > span{position:absolute;top:11px;left:9px; width:20px;height:20px;}
.menu_01 a:nth-child(1) span{background: url(/images/menu_icon_01.png) no-repeat center center;background-size:cover;}
.menu_01 a:nth-child(2) span{background: url(/images/menu_icon_03.png) no-repeat center center;background-size:cover;}
.menu_01 a:nth-child(4) span{background: url(/images/menu_icon_02.png) no-repeat center center;background-size:cover;}
.menu_01 a:nth-child(3) span{background: url(/images/menu_icon_04.png) no-repeat center center;background-size:cover;}
.menu_02 a:nth-child(1) span{background: url(/images/menu_icon_05.png) no-repeat center center;background-size:cover;}
.menu_02 a:nth-child(2) span{background: url(/images/menu_icon_06.png) no-repeat center center;background-size:cover;}
.menu_02 a:nth-child(3) span{background: url(/images/menu_icon_07.png) no-repeat center center;background-size:cover;}
.menu_02 a:nth-child(4) span{background: url(/images/menu_icon_08.png) no-repeat center center;background-size:cover;}
.menu_03 a:nth-child(1) span{background: url(/images/menu_icon_09.png) no-repeat center center;background-size:cover;}
.menu_03 a:nth-child(2) span{background: url(/images/menu_icon_10.png) no-repeat center center;background-size:cover;}
.menu_04 a:nth-child(1) span{background: url(/images/menu_icon_11.png) no-repeat center center;background-size:cover;}
.menu_04 a:nth-child(2) span{background: url(/images/menu_icon_13.png) no-repeat center center;background-size:cover;}
.menu_04 a:nth-child(3) span{background: url(/images/menu_icon_12.png) no-repeat center center;background-size:cover;}
.menu_04 a:nth-child(4) span{background: url(/images/menu_icon_14.png) no-repeat center center;background-size:cover;}
.menu_05 a:nth-child(1) span{background: url(/images/menu_icon_15.png) no-repeat center center;background-size:cover;}
.menu_05 a:nth-child(2) span{background: url(/images/menu_icon_16.png) no-repeat center center;background-size:cover;}
.menu_05 a:nth-child(3) span{background: url(/images/menu_icon_17.png) no-repeat center center;background-size:cover;}
.menu_05 a:nth-child(4) span{background: url(/images/menu_icon_18.png) no-repeat center center;background-size:cover;}


/* footer */
#ap_footer {width:100%; background:#1e1e1e; /*position:absolute;*/ padding-bottom:2%;}
#ap_footer .f_util {width:100%; border-bottom:1px solid rgba(255,255,255,0.5);}
#ap_footer .f_util li {display:inline-block; margin:0; width:calc(96%/4); text-align: center;}
#ap_footer .f_util li a {font-size:0.93em; color:#fff ;line-height:45px;}
#ap_footer .f_info {padding:20px 0; position:relative; height: 230px;}
#ap_footer .f_info p {font-size:0.85em; color:#999; line-height:1.8em; text-align: center;}
#ap_footer .f_info p.copy {color:#fff; line-height:1em; margin:15px;}
#ap_footer .f_info .f_logo {width:100%; position:absolute; right:0; bottom:10px; overflow:hidden;}
#ap_footer .f_info .f_logo li {float:left; margin-left:5px;}
/*ap_footer .go_top {width:40px; height:40px; background:#ff0443 url(/images/go_top.png) no-repeat center center;background-size:cover; position:absolute; top:-20px;right:3.5%; margin-right:0; cursor:pointer;}*/
#ap_footer #topBtn {
    position: fixed;
    left: 25px;
    bottom: 65px;
    border-radius: 100%;
    z-index: 99;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background: #ff0443 url(/images/go_top.png) no-repeat center center;
    background-size: cover;
}
#ap_footer .f_info .f_logo li img {height:25px;}

#Quick {position:fixed; right:15px; top:auto; bottom:97px; transform:translateY(0); z-index:9;}
#Quick ul li {display:table;width:70px; height:70px;margin-top:3px; border-radius:20px;box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);background:#fae100;}
#Quick ul li a {display:table-cell;position: relative; text-align:center; vertical-align:middle;overflow: hidden;}
#Quick ul li a p {position: absolute;top:20px;left:11px;color:#000;font-weight:500;}
#Quick ul li img {width:40%;margin:0 auto;-webkit-animation: 2s ease-in 0.5s infinite running slidein;animation: 3s ease-in 0.5s infinite running slidein;opacity:0.5;}
#Quick ul li span{position: absolute;top:-5px;right:-5px;width:21px;height:21px;line-height:20px;text-align: center;border-radius:50%;background:#f90d3c;color:#fff;font-weight:500;box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);}





/* 모바일 css*/
.only_mobile{display: block;font-family:'NotoSansCJKkr', 'NanumGothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#000;letter-spacing: -0.05em;}
.only_pc{display: none !important;}

.main_banner{width:100%;}
.main_banner img{width:100%;height:100%;}
.mo_cont{margin-bottom:15px;/*padding-bottom:15px;*/background:#fff;}
.mo_cont .title{text-align:left;font-size:1.2rem;font-weight:500;padding:15px 0;padding-left:20px;}

/* 모바일메인 검색하기*/
#bo_sch {float:right;border:1px solid #eee;background:#fff;border-radius:2px;margin-bottom: 10px;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;height:38px;float:left;border-right:1px solid #ddd;background:#fff;}
#bo_sch .sch_input{height:38px;border:0;padding:0;padding-left: 5px;background-color:transparent;float:left;}
#bo_sch .sch_btn{height:38px;float:right;background:url("/images/sch_icon_youtube.png") no-repeat center;width: 40px;border:0;font-size:15px}
.bo_sch_gall {width:100%;overflow: hidden;}


	#bo_sch {width: 100%;}
	#bo_btn_top {display: none;}

.sch_youtube{height:90px;padding:10px;background:#ffdd00;box-sizing:border-box;font-family:'NotoSansCJKkr',NotoSansCJKkr, sans-serif;}
.sch_youtube p{padding-bottom: 10px;text-align: center;font-size:1.25em;font-weight: 600;color: #2b2b2b;} 
.sch_youtube #bo_sch{position: relative;display: block;float:none;width: 100%;margin:0 auto;padding: 1px 10px;background: #fff;border: none;border-radius: 28px;}
.sch_youtube #bo_sch .sch_input{width:85%;font-weight:500;font-family:'NotoSansCJKkr',NotoSansCJKkr, sans-serif;}


/* 모바일 유튜브 */
.main_yb div{position: relative;width:100%;height:58vw;margin-left:0;}
.mo_info{padding:10px 15px 0 15px;}

/* 모바일 비쥬얼 */
/*.mo_Visual {max-width:450px;height:200px;margin:0 auto;padding:0 15px;position:relative;overflow: hidden;}*/
#mo_Visual {width: 100%;height:60vw;margin:0 auto;position:relative;overflow: hidden;}
#mo_Visual.award{height:140px;}
#mo_Visual .swiper-container {height:100%;}
#mo_Visual .img_box {position:absolute; left:0; top:0; width:100%; height:100%;}
#mo_Visual .img_box img{width:100%;height:100%;}

#mo_Visual .swiper-pagination {bottom:15px;}
/*#mo_Visual .swiper-pagination-bullet {width:40px; height:2px; background:#fff; opacity:1; border-radius:0; margin:0 1px;}*/
#mo_Visual .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.3;}
/*#mo_Visual .swiper-pagination-bullet-active {background:#dc0000;}*/
#mo_Visual .swiper-pagination-bullet-active {background:#ff0443;opacity: 1;}

/* 모바일 최신글 */
.mo_latest{display:block; content:''; clear:both; position:relative; padding:20px 10px;}
.mo_latest #mInformation {width:100%;height:105vw;margin-bottom:10px;background:#222;overflow: hidden;}
.mo_latest #mInformation .tab_wrap {position:relative;}
.mo_latest #mInformation .tab_btn {position:absolute;left:0; top:0px;width:10%;counter-reset:counter;z-index:10;overflow: hidden;}
.mo_latest #mInformation .tab_btn li {position:relative;width:100%;padding:3vh 0;cursor:pointer; font-size:0.8em;text-align: center;color:#fff;}
.mo_latest #mInformation .tab_btn li:after{display:block; width:30px; height:15px;line-height:15px; border-radius:11px;font-size:0.6em; color:#fff; letter-spacing:-0.025em; font-family:'GmarketSansBold'; text-align:center; position:absolute;top:3%;left:50%;transform:translateX(-50%);}
/* .mo_latest #mInformation .tab_btn li:nth-child(1):after{content:'Live';background:#1adc63; border:1px solid #1adc63;animation:tb_gnb_effect_green 1s steps(1, end) infinite}
.mo_latest #mInformation .tab_btn li:nth-child(2):after{content:'New';background:#ff9f11; border:1px solid #ff9f11;animation:tb_gnb_effect_new 1s steps(1, end) infinite} 
.mo_latest #mInformation .tab_btn li:nth-child(3){padding-top:17px;}*/

.mo_latest #mInformation .tab_content {position:relative;width:100%;background:#000;}
.mo_latest #mInformation .tab_content > div {position:absolute; left:10%; top:0; width: 100%;background:#000; padding:5% 3%; z-index:-5; opacity:0;}
.mo_latest #mInformation .tab_content ul {margin-top:1%;border-top:1px solid rgba(135,135,135,0.5)}
.mo_latest #mInformation .tab_content ul li {margin-bottom:10px; opacity:0; transform:translateX(70px);}
.mo_latest #mInformation .tab_content ul li:last-child {margin-bottom:0;}
.mo_latest #mInformation .tab_content > div .tit{font-family:'GmarketSansMedium';font-size:1.125em;}
.mo_latest #mInformation .tab_content > div:nth-child(1) .tit{color:#00ff5e;}
.mo_latest #mInformation .tab_content > div:nth-child(2) .tit{color:#ff6911;}
.mo_latest #mInformation .tab_content > div:nth-child(3) .tit{color:#00b9ff;}
.mo_latest #mInformation .tab_content > div .tit span a{float: right;margin-right:10%;color:#fff;}

.mo_latest #mInformation .tab_btn li.on {background:#000;}
.mo_latest #mInformation .tab_btn li:nth-child(1).on{color:#00ff5e;}
.mo_latest #mInformation .tab_btn li:nth-child(2).on{color:#ff6911;}
.mo_latest #mInformation .tab_btn li:nth-child(3).on{color:#00b9ff;}

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

.mo_latest #mInformation .tab_content .mo_cont{position: absolute;left:30%; transform:translateX(-40%);width:100%;padding-top:2%;background:none;}
.mo_latest #mInformation .tab_content .mo_cont .lat_banner{max-width:1200px;height:612px;}
.mo_latest #mInformation .tab_content .mo_cont .lat_banner{width:100%;height:52vw;margin:0 auto;border-top: 7px solid #fff;}
.mo_latest #mInformation .tab_content .mo_cont img{width:100%;height:100%;}

.mo_latest #mInformation .tab_content > div .tit:after{content:'';display: block;clear:both;}

.issue_box{clear: both; padding: 0 10px 20px 10px;}
.issue_box p{font-size: 1rem;}

.mo_issue{background:#ff0443; color: #fff; border-radius: 20px; overflow: hidden;}

/*모바일 박스*/
.mo_Visual .img_box img{width: 100%;}


/* 모바일 바로가기 */
.mo_Solution{padding:0 15px;padding-top:15px;}
.mo_Solution img{width:100%;height:100%;}
.mo_Solution .list_02 > li{margin-bottom:7px;border-radius:10px;}
.mo_Solution .list_02 > li > a > ul{width:70%;float: right;}
.mo_Solution .list_02 > li > a > ul > li{text-align: center;}
.mo_Solution .list_02 > li > a > ul > li:nth-child(1){padding-top:15px;color:#555;font-size:1em;} 
.mo_Solution .list_02 > li > a > ul > li:nth-child(2){padding:5px 0 15px 0;color:#000;font-size:2em;font-weight:600;} 
.mo_Solution .list_02 > li > a:after{content:'';display: block;clear:both;}
.mo_Solution .list_03{margin-top:30px;}
.mo_Solution .list_03 > li{position: relative;margin-bottom:7px;width:49%;margin-right:2%;float: left;text-align: center;border-radius:10px;border:3px solid #ccc;}
.mo_Solution .list_03 > li:nth-child(2n){margin-right:0;}
.mo_Solution .list_03 > li > a > ul > li:nth-child(1){padding-top:15px;color:#555;font-size:0.8em;} 
.mo_Solution .list_03 > li > a > ul > li:nth-child(2){padding:10px 0;padding-bottom:85px;color:#000;font-size:1.4em;font-weight:500;} 
.mo_Solution .list_03 > li.in_hot:before{content:'Hot';display:block;position:absolute;top:40px;left:10px;color:#e03a3e;border-radius:30px;line-height:24px;transform:rotate(-20deg);animation:button_mo_gnb_effect_red 0.5s steps(1, end) infinite;}
.mo_Solution .list_03 > li.btn_01{border:3px solid #4fb4ed;background:url("/images/mo_icon07.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_02{background:url("/images/mo_icon02.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_03{background:url("/images/mo_icon09.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_04{background:url("/images/mo_icon04.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_05{background:url("/images/mo_icon08.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_06{background:url("/images/mo_icon10.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_07{border:3px solid #ffd700;background:url("/images/mo_icon05.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_08{background:url("/images/mo_icon06.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_11{background:url("/images/mo_icon11.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_12{background:url("/images/mo_icon12.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_13{background:url("/images/mo_icon13.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_03 > li.btn_14{background:url("/images/mo_icon14.png") no-repeat center bottom 7px;-webkit-background-size:70px auto;background-size:70px auto;}
.mo_Solution .list_02:after{content:'';display: block;clear:both;}
.mo_Solution .list_05 > li{float: left;width:33.3%;}
.mo_Solution .list_05 > li > a{display: block;border:1px solid #efefef;border-right:0;border-bottom:0;}
.mo_Solution .list_05 > li:last-child > a{border-right:1px solid #efefef;}
.mo_Solution .list_04 > li:last-child > .list_05 > li > a{border-bottom:1px solid #efefef;}
.mo_Solution .list_05:after{content:'';display: block;clear:both;}

.mo_Solution .list_06{padding-top:15px;}
.mo_Solution .list_06 > li{float: left;width:50%;}
.mo_Solution .list_06 > li > a{display: block;border:1px solid #efefef;}
.mo_Solution .list_06 > li:nth-child(2) > a, .mo_Solution .list_06 > li:nth-child(4) > a{border-left:0;}
.mo_Solution .list_06 > li:nth-child(1) > a, .mo_Solution .list_06 > li:nth-child(2) > a{border-bottom:0;}

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

/* 모바일 배너 */
.mo_Banner a{display: block;max-width:515px;margin:0 auto;}
.mo_Banner img{width:100%;height:100%;}

/*ap투자연구소 하위페이지 공통*/
.top_banner{position:relative;height:16vh;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:1.4em;color:#fff;font-family:'GmarketSansBold'}
.sub_section{padding:120px 0;padding-top:0;}/**/
.sub_section.bg01 {background:#f8f9fc;}

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


/*상단 탑배너*/
/* 상단AD */
#hd_topad {z-index:1000;width:100%;background-color: #fff;transition: height .5s;overflow: hidden;}
#hd_topad h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_topads {width:100%;}
.hd_topads img {max-width:100%}
.hd_topads_con {width:100%;}
.hd_topads {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_topads:after {display:block;visibility:hidden;clear:both;content:""}
.hd_topads_button {position: absolute;top:0;right:20px;height:100%;}
.hd_topads_button button {border:0;color:#fff;background: none}


/* 메인수정-2021-12-07 */
#ap_header{background:#202020;}
.header_top_wrap{height:65px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.header_top{position: relative;}
.header_top .h_util{left:0;z-index:999;}
.mo_h_tel, .ap_logo{position: absolute;}
.mo_h_tel{width:100px;right:0;top:13px;}
.mo_h_tel img{width:100%;height:100%;}
#ap_logo{width:130px;padding-top:10px;}
#ap_logo img{width:130px;}
.header_top .h_util .login{position:absolute;top:5px;left:0px;}
.header_top .h_util .login a{display: block;height:50px;width:50px;/*background:url("/images/m_login.png") center no-repeat;*/background-size:45%;}
.header_top .h_util li a{color: #fff;}

.min_03 a:after{display:block; width:15px; height:16px;line-height:14px; border-radius:5px;font-size:10px; color:#fff; position:absolute;left:50%; font-family: 'GmarketSansBold';transform:translateX(-50%);}
.tb_mo_live.min_01 a:after{top:0px;}
.tb_mo_n.min_03 a:after{content:'N';background:#ff0443; border:1px solid #ff0443;top:0px;animation:tb_gnb_effect_n 1s steps(1, end) infinite}
.min_01 a:after{width:32px;height:16px;line-height:14px;font-size:10px;}

#ap_gnb{height:50px;}
#ap_gnb > .menu1 ol li{width: 16%;}
/*#ap_gnb > .menu1 ol li.gnb_w{width:calc(15% + 15px);}*/
#ap_gnb > .menu1 ol li a{font-family:'NotoSansCJKkr';font-size:0.9em;}



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


/* sub */
#pageCont {margin:2% auto;}
#subTitle {margin-bottom:1%;text-align:center;font-family:'NotoSansCJKkr';font-size:2em;font-weight:600;}
.sTitle {text-align:center; margin-bottom:5%;}
.sTitle .t1 {margin-top:0.5%;font-size:1.4em; color:#999; line-height:1.3em; font-family:'GmarketSansMedium'}
.sTitle .t2 {margin-top:5px;font-size:2.2em; line-height:1.3em; font-family:'GmarketSansBold'; }
.sub_section {padding:12% 0;}


/*right_box*/
#right_box{
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    float: left;
    flex-wrap: wrap;
}
#right_box div{
    flex-basis: 24%;
    width: calc(20% + 10px);
    height: 100px;
    padding: 15px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #f7f7fc;
    border-radius: 20px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#right_box div:hover{background-color:#ffe5ec;}

#right_box h3{font-size:0.8rem; text-align:center;}
#right_box img{width:45px; height:45px; margin:auto; display:block; padding-top:5px;}


/*김용재소개*/
.sCeoself_case1 {width:100%; overflow:hidden;}
.sCeoself_case1 > div { width:100%;}
.sCeoself_case1 .img_box img {width:100%;}
.sCeoself_case1 .txt_box {padding:0; margin-top:3%;}
.sCeoself_case1 .txt_box .t1 {font-size:1.125em; line-height:1.5em; font-weight:900;}
.sCeoself_case1 .txt_box .t2 {margin-top:2%;font-size:1em;line-height:1.5em;}
.sCeoself_case1 .txt_box .name {margin-top:8%;font-size:1em; color:#999; text-align:right;}
.sCeoself_case1 .txt_box .name img {vertical-align:middle;height:22px; margin-left:10px;}
.sCeoself_case2 {position:relative; width:100%;}
.sCeoself_case2 .tit {width:90%; max-width:600px; position:absolute; left:0; top:15px; background:#ff0443; padding-left:30px; font-size:1.3em; color:#fff; line-height:45px; font-family:'GmarketSansMedium'}
.sCeoself_case2 .tit span {font-family:'GmarketSansBold';}
.sCeoself_case2 div {width:calc(100% - 30px); margin-left:30px; padding:80px 20px 10px;box-shadow:15px 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02);background:#fff; }
.sCeoself_case2 div ul li {position:relative;margin-bottom:7px; padding-left:15px;font-size:1em; line-height:1.5em;}
.sCeoself_case2 div ul li:before {content:''; display:block;width:3px; height:3px;background:#353535; position:absolute; left:0; top:10px;}
.sCeoself_case2 div ul.col2 {width:100%; overflow:hidden;}
.sCeoself_case2 div ul.col2 li {width:100%;}
.sCeoself_case3 {width:100%; height:55vw;margin-top:4%;}
.sCeoself_case4 {width:100%; text-align:center; font-size:0;}
.sCeoself_case4 li {display:inline-block; width:50%;margin-top:5%}
.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 {margin-top:3%;line-height:1.3em;font-size:13px;}

/*AP투자연구소*/
.sCeofull_case1 li {position:relative;display:block;width:100%; min-height:0; margin-bottom:5%;}
.sCeofull_case1 li:last-child {margin-bottom:0;}
.sCeofull_case1 li .img_box { position:relative; top:0; left:0;width:100%; height:43vw;margin-bottom:2%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sCeofull_case1 li .txt_box {display:block;  text-align:left; vertical-align:middle;padding:0;}
.sCeofull_case1 li .txt_box p {font-size:1em; line-height:1.5em; margin-bottom:2%;}
.sCeofull_case1 li .txt_box p:last-child {margin-bottom:0;}
.sCeofull_case1 li:nth-child(odd) .txt_box {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:5%;}
.sCeofull_case2_top {width:100% ; 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:48vw; 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.5em; 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:100%; margin:0 auto; overflow:hidden;}
.sCeofull_case2_thumbs .swiper-slide {height:16vw; 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 #ddd; transition:border 0.3s}
.sCeofull_case2_thumbs .swiper-slide:hover:before, .sCeofull_case2_thumbs .swiper-slide-thumb-active:before {border-width:3px;}
.sCeofull_case2_top .swiper-button-prev, .sCeofull_case2_top .swiper-button-next {display:none;}

.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_case3 li {width:calc(33.33% - 20px); margin-right:30px;}
	.sCeofull_case3 li:nth-child(3) ~ li {margin-top:3%;}
	.sCeofull_case3 li .t1 {font-size:1.125em;}
	.sCeofull_case3 li .t2 {font-size:1.8em; margin-top:2%;}
	.sCeofull_case3 li .t3 {font-size:1em; line-height:50px;}
	.sCeofull_case3 li.txt {width:calc(66.66% - 30px); padding-top:20%}
	.sCeofull_case3 li.txt p {font-size:1.25em;}
	.sCeofull_case3 li {width:calc(50% - 5px); margin-right:10px;}
	.sCeofull_case3 li:nth-child(2) ~ li {margin-top:3%;}
	.sCeofull_case3 li:nth-child(3n) {margin-right:10px;}
	.sCeofull_case3 li:nth-child(even) {margin-right:0;}
	.sCeofull_case3 li .t1 {font-size:1em;}
	.sCeofull_case3 li .t2 {font-size:1.6em;}
	.sCeofull_case3 li .t3 {font-size:0.93em; line-height:40px;}
	.sCeofull_case3 li.txt {width:100%; padding-top:4%;}
	.sCeofull_case3 li.txt p {font-size:1em; text-align:center;}

.sCeofull_case4 {width:100%;padding:5% 2%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.05), 0 0 15px rgba(0,0,0,0.02);}
.sCeofull_case4 ul {width:100%; overflow:hidden; counter-reset:counter;}
.sCeofull_case4 ul li {width:100%; margin-bottom:6%;text-align:center;}
.sCeofull_case4 ul li img {max-width:75%;}
.sCeofull_case4 ul li dl {position:relative;text-align:center; padding:0; margin-top:3%;}
.sCeofull_case4 ul li dl dt {font-size:1.2em; font-weight:500; 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);display:block;position:relative; left:0; top:0;margin-bottom:-12px; counter-increment:counter; font-size:2.17em; color:#edf0fa; line-height:1em; font-weight:400; font-family:'GmarketSansBold'; }
.sCeofull_case4 ul li dl dd {font-size:1em; line-height:1.6em; margin-top:3%;}
.sCeofull_case4 ul li:last-child {margin-bottom:0;}
.sCeofull_case5 {width:100%; position:relative;}
.sCeofull_case5 .tit {position:absolute;top:20px; left:0; width:80%;padding-left:20px;background:#ff0443;color:#fff;line-height:50px;font-family:'GmarketSansMedium';font-size:1.5em; z-index:10;}
.sCeofull_case5 .tit span {font-family:'GmarketSansBold'}
.sCeofull_case5 .box {width:calc(100% - 20px); margin-left:20px; padding:90px 1% 30px;background:#fff;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 {position:relative;display:inline-block;width:90px;height:90px;margin-right:15px;color:#ff0443;font-size:0.93em;font-weight:500;border:3px solid #ff0443;border-width:2px;border-radius:50%;}
.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:14px; height:14px;background:#ff0443; border:9px solid #fff; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); border-width:4px;}
.sCeofull_case5 .box .list1 li:before {left:-8px;}
.sCeofull_case5 .box .list1 li:after {right:-8px;}
.sCeofull_case5 .box .list1 li span {line-height:90px;}
.sCeofull_case5 .box .list1 li span:before {content:'';position:absolute; right:-21px; top:50%; display:block; width:17px; height:1px; background:#ff0443;  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:5%; text-align:left;}
.sCeofull_case5 .box .list2 li {position:relative;margin-bottom:10px;padding-left:0px;line-height:1.5em;font-size:1em;}
.sCeofull_case5 .box .list2 li:before {display:none;}
.sCeofull_case5 .box .list2 li:last-child {margin-bottom:0;}
.sCeofull_case5 .box .list2 li p {display:block;  width:90px;margin-bottom:3px;font-weight:500;}
.sCeofull_case6 .map {width:100%;/*max-width:450px;min-width:320px;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 {width:100%;overflow:hidden;}
.sCeofull_case6 ul li i {float:left; width:50px; line-height:50px; background:#353535; font-size:1.56em; color:#fff; text-align:center;}
.sCeofull_case6 ul li dl {float:left; margin-left:20px;}
.sCeofull_case6 ul li dl dt {float:left;width:80px;margin-top:7px; font-size:1.125em; font-weight:500;}
.sCeofull_case6 ul li dl dd {font-size:1em; padding-top:5px;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:1.8em; letter-spacing:-0.01em; font-family:'GmarketSansBold'}
.sCeofull_case6 ul li dl dd.number .t2 {font-size:1em; color:#999;}
.sCeofull_case6 ul li:nth-child(2) {margin-top:3%;margin-left:0;}
.sCeofull_case6 ul li:last-child {float:left; margin-top:3%; clear:both;}
.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:90%;height:50%;background:#666;letter-spacing:-1px;}
.layer_head {position:relative;padding:10px 20px;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:left;width:38%;}
.layer_content p{padding-left:20px;line-height:1.4;}
.content_red{padding:20px 0 10px 10px;color:#ff0443;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:100%;}
.analyst .anal_01 img{width:120%;}
.teacherList{padding:0 5px;}
.teacherList li{position:relative;float:left; width:49%;margin-right:1%;margin-bottom:12px; overflow:hidden;cursor:pointer;}
.teacherList li img{display: block;width:100%;height:61vw;}

.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:100%; position:absolute;height:auto; z-index:2000; }
.teacherImg img{width:100%;position:relative; left:50%; transform:translateX(-50%);}
.teacherClose {position:absolute; top:0; right:0; cursor:pointer; width:30px; height:30px; text-indent:-9999px; background:url("/images/anal_close.png")no-repeat center center;-webkit-background-size:cover;background-size:cover;}
.clearfix {clear: both;}
.text{padding:30px 0;text-align: center;font-family: 'NotoSansCJKkr';background:#fff;}
.text span{font-weight:600;}
.text .tit{margin-bottom:10px;font-size:1.2em;}
.text .txt{font-size:0.8em;}

/*VIP 가격, AI 가격, VIP 이벤트 */
.sKakao_btn {background:url(/images/sKakao_img2BG.jpg) no-repeat center center; background-size:cover; position:relative;}
.sKakao_btn a {position:absolute; left:50%; bottom:231px;width:79vw;margin-left:-39.5vw;}
.sKakao_btn a {bottom:18.4vw;}
.sKakao_btn a img {width:100%;}

.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%);}
.sAiprice_btn a, .sVipevent_btn {width:79.5vw; height:12vw; bottom:11.8vw;}
.sVipevent_btn2 {width:29.5vw; height:7.2vw; top:65.9vw;}

.PC{display: none !important;}
.MB{display: block !important;}


.full_img {width:100%; margin:0 auto; background:#1b1b1b; overflow: hidden;}
.full_img li {position:relative;}
.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%); width:130%;}
.full_img.old img{width:230%;}
/*.full_img.vip_event img{width:230%;}*/
.full_img.sys_event img{width:100%;}
.full_img.ai_event img{width:120%;}
.full_img.vip_price img{width:130%;}
.full_img.thema img{width:230%;}
.full_img.sys_ex img{width:230%;}
.w_100{width:100% !important;}
.w_125{width:125% !important;}
.w_130{width:130% !important;}
.w_158 img{width:158% !important;}

.tele_pc{display: none;}
.tele_mb{display: block;}
.full_img.tele li img{width:100%;}

.full_img.tele{background:#221f7d;}
.full_img.tele .btn{display: block;overflow: hidden;}
.full_img.tele:after{content:'';display: block;clear: both;}
.full_img.tele .video{position: relative;width:96.5%; height:53vw; left:1.75%;margin-left:0;}

/*vip_event_230309*/
.full_img .vip_section01 img{width:100%;}
.full_img .vip_section02 img{width:100%;}
.full_img .vip_section02{
    position: relative;
    height: 330px;
}
.full_img .vip_section02 .review{
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 250px;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}
.full_img .vip_section02 .review .cont{
    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(-230px)
        }
    }
    @-moz-keyframes slideUp {
        /* Firefox */
        0% {
            transform: translateY(0)
        }
        50% {
            transform: translateY(-230px)
        }
    }
    @-webkit-keyframes slideUp {
        /* Safari and Chrome */
        0% {
            transform: translateY(0)
        }
        50% {
            transform: translateY(-230px)
        }
    }
    @-o-keyframes slideUp {
        /* Opera */
        0% {
            transform: translateY(0)
        }
        50% {
            transform: translateY(-230px)
        }
    }
}

/*ai_event_231121*/

.ai_event li.event_11 img{
   position: relative;
   transform: translateX(-50%);
   width: 100%;
}
.ai_event .event_12 {
    display:block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width:100%;
    height: 55vw;
    background:url("/images/m_section2.png") no-repeat;
    background-size:cover;
}
.ai_event .event_12 img{
   position: absolute;
   display: block;
   left: 30%;
   top: 15%;
   transform: translateX(50%);
   width: 40%
}

.ai_event li.event_12 a {
    position: absolute;
    display: block;
    bottom: 6%;
    left: 8%;
}
.ai_event li.event_12 a#link2{width: 40%; height: 15%;}

.ai_event .event_13 {
    display:block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: url("/images/m_11_section03.jpg") no-repeat;
    background: #000;
}
.ai_event li.event_13 .img_wrapper {
box-sizing: border-box;
width: 100%;
margin: auto;
text-align: center;
overflow: hidden;
}
.ai_event li.event_13 .img_wrapper img {
    text-align: center;
    float: left;
    transform: translateX(-50%);
    left: 23%;
    margin-top: 20px;
    margin-left: 10px;
    width: 180px;
    height: 228px;
}

.ai_event li.event_14 {
    background: #f3f3f3
}

.ai_event li.event_15 img {
    width: 150%;
}



.mo_tele_button li{float: left;width:50%;}
.mo_tele_button li a{display: block;width:80%;margin:0 auto;}
.mo_tele_button:after{content:'';display: block;clear: both;}

.sVipprice_youtube {position: absolute;width:96.5%; height:53vw; left:1.75%; bottom:5.7%; margin-left:0;}
.sAiprice_youtube {position: relative;width:96.5%; height:53vw; left:1.75%; margin-left:0;}
.con_youtube{position: relative;width:96.5%; height:53vw; left:1.75%; bottom:35%; margin-left:0;}

.landing .lan_yt{padding-bottom:50px;background: linear-gradient( to bottom, #333434, #1f1f1f );}
.landing .countdown{width:1200px;height:386px;}
.landing .countdown{position: relative;left: 50%;transform: translateX(-50%);width:140%;height:21vw;background:url("/images/landing_05.png") no-repeat;background-size:cover;}
.landing .countdown .txt{position: absolute;top:22%;left:26%;font-size:2em;font-family: 'LAB디지털';letter-spacing:0.012em;}

.sys .countdown{width:1200px;height:539px;}
.sys .countdown{position: relative;left: 50%;transform: translateX(-50%);width:230%;height:100vw;background:url("/images/ai_price_event_02_1.png") no-repeat;background-size:cover;}
.sys .countdown .txt{position: absolute;bottom:13%;left:51%;font-size:5em;font-family: 'LAB디지털';color:#f7f7f7;letter-spacing:0.2em;}

.thema .app.MB img{width:100%;}
.thema .app > ul > li{float: left;width:50%;background:#0f0c1f;border-bottom:1px solid #5d5071;position: relative;}
.thema .app > ul > li > a > img{width: 90% !important;padding:5%;}
.thema .app > ul > li.an_app:after{content:'';display: block;position: absolute;top:10%;right:0;width:1px;height:80%;background:#322e41;}

.thema .pc_dw{background:#1e1b30;padding-bottom:50px;}
.thema .pc_dw a{display: block;width:90%;height:60px;margin:0 auto;background:#fdc41c;border-radius:50px;line-height:60px;text-align: center;font-weight:500;font-size:1.2em;}
.thema .pc_dw a:hover{color:#fff;}
.thema .app > ul:after{content:'';display: block;clear:both;}

/* 가입방법 */
.join_way{width:100%; margin:0 auto; background:#461187;}
.join_way img {position:relative; left:50%; transform:translateX(-50%)}
.join_way .title img, .page_call img{width:145%;}
.join_way .con{width:100%;margin:0 auto;padding:0 5px;}
.join_way .con img{width:100%;}
.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:5px 0;font-size:1em;font-style: italic;text-align: center;color:#ffcf2d;}
.join_way .bank .bank_btn{position: relative;display: block;width:100%;height:30px;margin:5px 0;padding:5px 0;font-size:1em;border-radius:5px;background:#ffcf2d;color:#000;}
.join_way .phone_call{position: relative;display: block;width:100%;height:30px;margin:5px 0;padding:4px 0;line-height:24px;text-align: center;border-radius:5px;background:#14d000;color:#fff;font-size:1em;}
.join_way .phone_call p:before{content:'';position: absolute;top:8px;left:28px;display: inline-block;width:15px;height:15px;margin-right:5px;background:url(/images/phone_call_icon.png) no-repeat center center;background-size:cover;}

.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;}

.youtube iframe {width:100%;height: calc(100vw/1.77);}
#bo_v_con iframe{width:100%;height: calc(100vw/1.77);}






/* 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_event .event_01 {
    display:block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width:100%;
    height: 60vw;
    background:#f3feff url("/images/vip_event_202411_04.jpg") no-repeat;
    background-size:cover;
}
.vip_event .event_01 img{
   position: relative;
   left: 25%;
   top: 15%;
   transform: translateX(-50%);
   width: 20%;
}
.full_img li.event_01 a {
    position: absolute;
    display: block;
    bottom: 13%;
    right: 10%;
}
.full_img li.event_01 a#link1{width: 40%; height: 10%;}

/*갑진년 이벤트*/
.ai_event .event02 {
    display:block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width:100%;
    height: 60vw;
    background: url("/images/01_event_03.jpg") no-repeat;
    background-size:cover;
}
.ai_event .event02 img{
   position: relative;
   left: 25%;
   top: 15%;
   transform: translateX(-50%);
   width: 20%;
}
.full_img li.event02 a {
    position: absolute;
    display: block;
    bottom: 13%;
    right: 10%;
}
.full_img li.event02 a#link2{width: 40%; height: 10%;}


/*카운트다운*/
.vip_event .demo-countdown {
    width: 100%;
    height: 190px;
    background: #ff0443;
}
.vip_event .demo-countdown h2{
    color: #fff;
    font-weight: 600;
    font-size: 1.8rem;
    text-align: center;
    padding: 30px 0 20px 0;
}
.vip_event .demo-countdown #demo{
    color: #ff0043;
    font-weight: 500;
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 20px 0;
    display: block;
    width: 80%;
    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: #ff0043;
}
.full_img .counttextbox .countdownContainer {
  text-align: center;
  color: #fff;
  padding: 16px 16px 35px 16px;
}

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

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

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

.full_img table {
  font-size: 15px;
  margin: 0 auto;
}

.full_img table td {
  padding: 16px;
}


/*dday slideup*/

.ddayTimer.menu_fixed {position: sticky; top: 0; z-index: 99;}
.ddayTimer__area {width:100%; height:150px; background-color: #000;}
.ddayTimer__area .innerBg {}
.ddayTimer__area .conWrap {height: 140px; overflow: hidden; padding: 10px 0; width: 100%; }

.ddayTimer__area .conWrap #rollWrap ul { width: 100%;}

.ddayTimer__title {font-size: 18px; color: #fff; line-height: 38px; letter-spacing: -0.5px; vertical-align: middle; width: 100%; text-align: center; font-weight: 500;}
.ddayTimer__title span {color: #fe4272; font-weight: 600;}

.ddayTimer__cont {text-align: center; padding-top: 0.6rem;}
.ddayTimer__cont .time {background-color: rgba(255, 255, 255, 0.2); color: #fe4272; font-weight: 600; font-size: 15px; border-radius: 20px; padding: 0 8px; display: inline-block; height: 30px; margin: 0 -1px; line-height: 30px;}
.ddayTimer__cont .txt {color: #fff; font-size: 12px; font-weight: 600; margin-right: 8px;}
.ddayTimer__btn {margin: 0 auto; margin-top: 14px; width: 200px; height: 36px; background: #fe4272/*linear-gradient(45deg, #d8b764, #f8e9ab)*/; border-radius: 20px; font-size: 16px; line-height: 36px; font-weight: 600; text-align: center;}
.ddayTimer__btn a{color: #fff;}

.topTimer__btn {margin-top: -1px;}
.topTimer__btn:hover {text-decoration: none;}


#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:1em;font-family:'GmarketSansBold';padding:3px 70px;border-radius:5px;}
#vip_price .vp_btn02{display: block;padding:10px;background: #000;color:#fff;font-size:1.125em;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:5px 30px;background: linear-gradient(to right, #209cff, #68e0cf);color:#fff;font-size:1em;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:230%;height:40vw;background:url("/images/vip_price2-22.jpg") no-repeat;background-size:cover;}
#vip_price .vp02 div button{display: block;position: absolute;bottom:34%;left:58%;}

#vip_price .vp03{
    display: block;
    position: relative;
    width: 100%;
    height: 60vw;
    background: url(/images/hiddenimage_01.png) no-repeat;
    background-size: cover;
}
#vip_price .vp03 iframe{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    height: 65%;
    top: 30%;
}

#vip_price .vp05{display:block;position: relative;left: 50%;transform: translateX(-50%);width:230%;height:118vw;background:url("/images/vip_price5.png") no-repeat;background-size:cover;}
#vip_price .vp05 .vp05_review{position: absolute;left: 50%;transform: translateX(-50%);top:58%;height:134px;overflow: hidden;}
#vip_price .vp05 .vp05_review img{width:76%;}
#vip_price .vp05 .vp05_review .swiper-container .swiper-wrapper{height:134px;}
#vip_price .vp06{display:block;position: relative;left: 50%;transform: translateX(-50%);width:235%;height:149vw;background:#f3feff url("/images/vip_price6.png") no-repeat;background-size:cover;}
#vip_price .vp06 img{position: absolute;left:39%;top:32%;width:19%;}
#vip_price .vp07_01{display:block;position: relative;left: 50%;transform: translateX(-50%);width:234%;height:145vw;background:url("/images/vip_price7_1-1.png") no-repeat;background-size:cover;}
#vip_price .vp07_01 img{display: inline-block;position: absolute;left:50%;bottom:16%;width:39.5%;}
#vip_price .vp07_02{display:block;position: relative;left: 50%;transform: translateX(-50%);width:234%;height:114vw;background:url("/images/vip_price7_2.png") no-repeat;background-size:cover;}
#vip_price .vp07_02 .vp07_02_review{position: absolute;left: 50%;transform: translateX(-50%);top:32%;height:197px;overflow: hidden;}
#vip_price .vp07_02 .vp07_02_review .swiper-container .swiper-wrapper{height:197px;}
#vip_price .vp07_02 .vp07_02_review img{width:80%;}
#vip_price .vp07_03{display:block;position: relative;left: 50%;transform: translateX(-50%);width:234%;height:156vw;background:url("/images/vip_price7_3.png") no-repeat;background-size:cover;}
#vip_price .vp07_03 li img{width:60%;}
#vip_price .vp07_03 li:nth-child(1){display: inline-block;position: absolute;left:36%;bottom:54%;}
#vip_price .vp07_03 li:nth-child(2){display: inline-block;position: absolute;left:35%;bottom:44%;}
#vip_price .vp07_03 li:nth-child(3){display: inline-block;position: absolute;left:30%;bottom:22%;}

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

#vip_price .vp08 .sub_section {padding:0;padding-bottom:30px;background:#fff;}
#vip_price .vp08 .sub_section .video{margin-bottom:30px;text-align: center;}
#vip_price .countdown{position: relative;left: 50%;transform: translateX(-50%);width:230%;height:51vw;background:url("/images/vip_price11.png") no-repeat;background-size:cover;}
#vip_price .countdown .txt{position: absolute;left: 50%;transform: translateX(-50%);bottom:8.5%;font-size:245%;color:#fff;font-family:'GmarketSansMedium';}
#vip_price .vp13{display:block;position: relative;left: 50%;transform: translateX(-50%);width:230%;height:34vw;background:url("/images/vip_price13.png") no-repeat;background-size:cover;}
#vip_price .vp13 div a{display: block;position: absolute;bottom:13%;left:52%;padding:3px 10px;border:2px solid #272d3b;color:#272d3b;font-size:1em;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:230%;height:64vw;background:url("/images/vip_price14_1.png") no-repeat;background-size:cover;}
#vip_price .vp14_02{display:block;position: relative;left: 50%;transform: translateX(-50%);width:230%;height:52vw;background:url("/images/vip_price14_2.png") no-repeat;background-size:cover;}
#vip_price .vp14_03{display:block;position: relative;left: 50%;transform: translateX(-50%);width:230%;height:25vw;background:url("/images/vip_price14_3.png") no-repeat;background-size:cover;}

#vip_price .bank{position: absolute;left: 50%;transform: translateX(-50%);bottom:8%;}
#vip_price .phone{position: absolute;left: 50%;transform: translateX(-50%);bottom:15%;}
#vip_price .vp14_03 button{position: absolute;left: 56%;bottom:30%;}
#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;}
.ai_btn.ai_ex .apsms .con01 .vp17_close img{width:50%;right:0;transform: translateX(0);}
#vip_price .vipsms {background:#272d3b;}
#vip_price .vipsms iframe{height:83vw;}




/* vip event */
#vip_price .vip_event .ve03{display:block;position: relative;left: 50%;transform: translateX(-50%);width:230%;height:34vw;background:url("/images/vip_event_03.png") no-repeat;background-size:cover;}
#vip_price .vip_event .ve03 div a{display: block;position: absolute;bottom:13%;left:52%;padding:3px 10px;border:2px solid #fff;color:#fff;font-size:1em;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:230%;height:48vw;background:url("/images/vip_event_06.png") no-repeat;background-size:cover;}
#vip_price .vip_event .ve06 div button{display: block;position: absolute;bottom:10%;left:50%;transform: translateX(-50%);}

.vip_event_faq{background:#ffeb60;padding:10px 0;}
.vip_event_faq .title{margin-bottom:20px;text-align: center;font-family:'GmarketSansBold';font-size:2em;}
.vip_event_faq .review-list{font-size:1em; letter-spacing:-1.125em;}
.vip_event_faq .review-area li {width:100%;margin:0 auto;line-height:1.5;cursor:pointer;}
.vip_event_faq .review-area .review-box {padding:20px 0; margin:16px auto;padding-left:20px; width:95%; 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:-11px; right:0; width:100px;z-index:9999;}
.vip_event_faq .review-area .user-review .user-text{display:inline-block; float:left; width:88%;font-size:1.125em;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:20px 0;background: linear-gradient(-45deg, #010a13 ,#102e48);background-size:cover;}
.vip_event .vps08 li{margin-bottom:10px;}
.vip_event .vps08 img{width:88%;padding:30px 0;}
.vip_event .vps08 iframe{width:100%;height: calc(100vw/1.77);}

.vip_event .vbtn{position: absolute;}
.vip_event .vbtn img{width:65%;}
.vip_event .vbtn03{top:8px;left:59%;}
.vip_event .vbtn12{top:143px;right:43%;}
.vip_event .vbtn14{top:11px;left:59%;}


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

.section2-inner { width: 100%; flex-direction: column; grid-gap: 40px; gap: 40px; }

.section2-left { display: block; flex-direction: column; text-align: center; color: #fff;}

.section2-title { display: flex; flex-direction: column; color: #fff;}
.section2-title h4 { font-size: 21px; color: #ffb918; padding-bottom: 20px; font-family: Pretendard,'Noto Sans KR', sans-serif;}
.section2-title h2 { font-size: 30px; line-height: 40px; padding-bottom: 25px; font-family: Pretendard,'Noto Sans KR', sans-serif;}
.section2-title p { font-size: 18px; line-height: 26px; padding-bottom: 30px; font-weight: 400; }


.section2-right { clear: both; }

.RollDiv { margin: 0 auto; width: 580px; 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; align-items: center; padding: 50px 0; font-family: Pretendard,'Noto Sans KR', sans-serif; }

.section3-inner { width: 100%; gap: 40px; grid-gap: 40px;}

.section3-left {display: block; flex-direction: column; text-align: center; color: #fff;}
.section3-title h4 { font-size: 21px; color: #ffb918; padding-bottom: 20px; font-family: Pretendard,'Noto Sans KR', sans-serif;}
.section3-title h2 { font-size: 30px; line-height: 40px; padding-bottom: 25px; font-family: Pretendard,'Noto Sans KR', sans-serif;}
.section3-title p { font-size: 18px; line-height: 26px; padding-bottom: 30px; font-weight: 400; }


.section3-right {clear: both;}

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


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

.section4-inner { width: 100%; gap: 40px; grid-gap: 40px;}

.section4-left {display: block; flex-direction: column; text-align: center; color: #fff;}
.section4-title h4 { font-size: 21px; color: #ffb918; padding-bottom: 20px; font-family: Pretendard,'Noto Sans KR', sans-serif;}
.section4-title h2 { font-size: 30px; line-height: 40px; padding-bottom: 25px; font-family: Pretendard,'Noto Sans KR', sans-serif;}
.section4-title p { font-size: 18px; line-height: 26px; padding-bottom: 30px; font-weight: 400; }


.section4-right {clear: both;}

.Rolllist { position: relative; width: 576px; height: 200px; margin: 0 auto; overflow: hidden; }
.Rolllist > ul { position: absolute; margin: 0; padding: 0; height: 280px; }
.Rolllist > ul > li { float: left; height: 280px; margin-left: 5px;}
.Rolllist > ul > li > img { width: 360px; height: 180px; }



/*2023 출사표*/
#vip_2023 .vp_01{
    display: block;
    position: relative;
    width: 100%;
    height: 70vw;
/*
    left: 50%;
    transform: translateX(-50%);
*/
    background: url(/images/hidden_01.png) no-repeat;
    background-size: cover;
}
#vip_2023 .vp_01 iframe{
    position: relative;
    left: 50%;
    top: 32%;
    transform: translateX(-50%);
    width: 75%;
    height: 65%;
}


/*2023 AP강연회*/
#lc_Content .lc_02 {
    position: relative;
    display: block;
    width: 100%;
    height: 86vw;
    background: url(/images/ex_page_02.jpg) no-repeat;
    background-size: cover;
}
#lc_Content .lc_02 iframe {
    position: relative;
    left: 50%;
    top: 23%;
    transform: translateX(-50%);
    width: 72%;
    height: 46%;
}

/* 강연회 DB수집 */
.aplc .db div { width: 100%; height: 85vw; margin: 0 auto;}


.lc_btn {position: relative; z-index: 9999;}
.lc_btn .lc_bottom_btn {width: 100%; position: fixed; bottom:0; left: 0; z-index: 100;}
.lc_btn .lc_bottom_btn .up_btn button {width: 100%; box-sizing: border-box; border: none;}
.lc_btn .lc_bottom_btn .up_btn img {
    display: block; position: relative; top: 1vw; left: 50%; transform: translateX(-50%); width: 195%;
}
.lc_btn .lc_bottom_btn .lc_con {
    display: none; width: 100%; box-sizing: border-box; background: #efefef;

}

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


/*2023 연말이벤트*/
.full_img li.vp_02{
    display: block;
    position: relative;
    width: 100%;
    height: 70vw;
/*
    left: 50%;
    transform: translateX(-50%);
*/
    background: url(/images/1214_0051.jpg) no-repeat;
    background-size: cover;
}
.full_img li.vp_02 iframe{
    position: relative;
    left: 50%;
    top: 32%;
    transform: translateX(-50%);
    width: 75%;
    height: 65%;
}

/*2024 1월 이벤트*/
.full_img li.vp_2024{
    display: block;
    position: relative;
    width: 100%;
    height: 75vw;
    background: url(/images/web_05-4.png) no-repeat;
    background-size: cover;
}
.full_img li.vp_2024 iframe{
    position: relative;
    left: 50%;
    top: 38%;
    transform: translateX(-50%);
    width: 75%;
    height: 55%;
}

.af {
    background: #f5f5f7;
    text-align: center;
}
.af2 {
    /*background: url("/images/web_07.jpg") no-repeat;*/
    text-align: center;
    padding: 60px 0;
    background: #fefdfb;
}
.af-text {
    font-family: 'GmarketSansBold';
    font-size: 1.5rem;
    line-height: 2.6rem;
    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: 2.4rem;
}
.af img {width: 50%; margin-top: 30px;}
/*.af-img2 {padding: 350px 0 70px 0;}*/
.af-img2 img {padding-top: 50px; width: 90%;}






/* 무료시연신청 */
.ai_ex .ex_03 img{width:180%;}
.ai_btn.ai_ex .apsms .con01 img{display: block;position:relative;left:50%; transform:translateX(-50%);width:230%;}


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

}
.sys .ai_04 h3{ color: #242424; font-size: 1.5rem; font-family: 'ONE-Mobile-Regular'; padding: 25px 0;}
.sys .ai_04 h2{ color: #242424; font-size: 2.2rem; line-height: 2.8rem; font-family: 'ONE-Mobile-Regular';}

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

.sys .ai_04 .content-box .box {
    width: 100%;
    height: 20%;
    word-break: initial;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    margin: 1%;
}


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






/* 프로그램가격 */
.sys > li > img{width:100%;}
.sys .ai_01 img{width:100%;}
.sys .ai_02 img, .sys .ai_15 img, .sys .ai_17 img, .sys .ai_20 img{width:230%;}
.sys .ai_02{padding-bottom:50px;background:#fafafa;}
.sys a.ai_button{display: block;width:250px;height:70px;margin:0 auto;line-height:70px;text-align: center;font-size:1.5em;font-weight:500;color:#fff;background:#18c6c9;box-shadow:5px 10px 5px rgba(0,0,0, 0.3);border-radius:50px;}
.sys .ai_03 img{width:180%;}
.sys .db{background:#272d3b;}
.sys .db img{width:200%;}
.sys .db div{width:100%;height:80vw;margin:0 auto;}

/*TAB CSS*/
.ai_price_tab{display: block;height:145vw;background:#17d3da;}
.ai_tab{position:absolute;top:110px;display:flex;flex-direction:column;align-items:center;width:100%;}
.ai_tab ul.tabs {display:flex;justify-content:space-between;align-items:center;width:95%;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}


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

.sys .ai_044 p:nth-child(1){ color: #fff; font-size: 1.6rem; font-family: 'Pretendard'; padding: 25px 0;}
.sys .ai_044 p:nth-child(2){ color: #fff; font-size: 2.2rem; line-height: 2.8rem; font-family: 'Pretendard'; font-weight: 600;}

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

.sys .ai_044 .content-box .box {
    width: 100%;
    height: 20%;
    word-break: initial;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    margin: 1%;
}


.sys .ai_044 .content-box img{ width: 100%; padding: 20px; }
.sys .ai_044 .content-box p{ color: #035f6e; font-size: 1.6rem; line-height: 2rem; font-weight: 700; font-family: 'Pretendard'; padding: 0; }
.sys .ai_044 .content-box h4{ color: #242424; font-size: 1rem; line-height: 1.5rem; font-family: 'Pretendard'; margin-top: 15px;}


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

.sys .ai_1 .MB {
    position: absolute;
    top: 33%;
    padding-right: 10px;
}

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

.sys .ai_3 h3 {
    color: #1c1d28;
    font-size: 1.3rem;
    font-family: 'GmarketSans';
    font-weight: 300;
    padding: 10px 0 25px 0;
}

.sys .ai_3 h2 {
    color: #000000;
    font-size: 2.1rem;
    line-height: 2.8rem;
    font-family: 'GmarketSans';
    font-weight: 700;
}

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

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

.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.2rem;
    line-height: 1.6rem;
    font-family: 'GmarketSans';
    font-weight: 500;
}

.sys .ai_3 .content-box img {
    width: 100%;
    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: 80px 10px;
    background-color: #f6f7fb;
}

.sys .ai_5-thumb {
    padding: 50px 0;
    overflow: hidden;
}

.sys .ai_5-thumb .RollDiv {
    width: 860px;
    height: 225px;
    overflow: hidden;
}

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

.sys .ai_5-thumb .RollDiv > div > a > img {
    width: 400px;
    height: 225px;
}

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

.sys .ai_5 h2 {
    color: #000000;
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 600;
}

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

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

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

.sys .ai_6 .t-box {
    margin: 0 auto;
    margin-top: 40px;
}

/*프로그램 가격 24.09*/
.ai_price_faq{background:#f5f5f5; padding:50px 0;}
.ai_price_faq .title{margin-bottom:20px;text-align: center;font-family:'GmarketSansbold';font-size:2em; color: #000; font-weight: 500;}
.ai_price_faq .review-list{font-size:1em; letter-spacing:-1.125em;}
.ai_price_faq .review-area li {width:100%;margin:0 auto;line-height:1.5;cursor:pointer;}
.ai_price_faq .review-area .review-box {padding:20px 0; margin:16px auto;padding-left:20px; width:95%; 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:-11px; right:0; width:100px;z-index:9999;}
.ai_price_faq .review-area .user-review .user-text{display:inline-block; float:left; width:88%;font-size:1.125em;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;}


/*세가지 모드 이미지 슬라이드 업*/



.review-col {padding-bottom: 30px; height: 220px; margin: 0 auto; }

.review-col .review-slide .swiper-slide {width: 29.61em; opacity: 1;}
.review-col .review-slide .swiper-slide img {width: 100%;}

.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;}


.review-col .text-slide-col {padding: 0 2.61em;}

.review-col .text-slide-col img {
}

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


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

.ai_17{background:#fafafa;}
.review_sl li img{width:100% !important;}
.review_sl{position:relative;width:375px;height:100vw;margin:0 auto;background:#fafafa;}
.review_sl li{width:375px !important;padding-left: calc(6.25vw - 5px);padding-right: calc(6.25vw - 5px);}
.review_sl .item{box-sizing:border-box;}
.review_sl .swiper-navigation button{display:inline-block;position:absolute;top:50%;z-index:1;width:35px;height:35px;margin-top:-17px;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:5px;height:5px;margin-left:-2px;margin-top:-3px;border-top:1px solid #016365;border-left:1px solid #016365;transform:rotateZ(-45deg)}
.review_sl .swiper-navigation button.next:after{transform:rotateZ(135deg);margin-left:-4px;}
.review_sl .swiper-navigation button.prev{left:5px}
.review_sl .swiper-navigation button.next{right:5px}
.blind{display:inline-block;overflow:hidden;width:1px;height:1px;position:absolute !important;left:-100vw;color:transparent}

.ai_20{padding-bottom:50px;background:#fff;}
.ai_20 a.ai_button{margin-top:80px;}
.ai_20 p{color:#016365;font-size:0.8em;text-align: center;margin-top:50px;font-family: 'NotoSansCJKkr';font-weight:300;letter-spacing:-0.125em;}
.notebook {width:375px; height:100vw; position:relative;margin:0 auto;}
.notebook li img{width:100% !important;}
.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:#ae1a4a !important;}
.notebook .swiper-pagination-bullet:nth-child(1) {background:#fff !important;border-color:#ddd;}
.notebook .swiper-pagination-bullet:nth-child(2) {background:#2c2c2c !important;}
.notebook .swiper-pagination-bullet:nth-child(3) {background:#ababab !important;}
.notebook .swiper-button-next-gram,
.notebook .swiper-button-prev-gram {position: absolute;top: 50%;z-index: 10;width:30px;height:56px;margin-top:-28px;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:41px;}
.sys .ai_21 img{width:160%;}

/* 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{display: block;position:relative;top: 1vw; left:50%; transform:translateX(-50%);width:195%;}
.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;height:126vw;}
.ai_btn .apsms .con01 img{display: block;position:relative;left:50%; transform:translateX(-50%);width:140%;}
.ai_btn .apsms .con01 iframe{height:83vw;}

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


.sub_navfixed .vertical .ud{position:fixed; display: block;right:5px; bottom:70px;z-index:9;}
.sub_navfixed .vertical .ud ul li{margin-top:3px;padding:7px 5px;background:#000;text-align: center;color:#fff;border-radius:5px;box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);font-size:1em;}
.sub_navfixed .vertical .quick {position:fixed; display: block;right:5px; bottom:136px;z-index:9;}
.sub_navfixed .vertical.vip .quick {position:fixed; display: block;right:5px; bottom:58px;}

.horizontal .quick li{float: left;margin-right:5px;}





/* 카톡상담 */
#kakao-talk-channel-chat-button{position: fixed;bottom:0;right:0;z-index:9999;}
#kakao-talk-channel-chat-button > a > img{width:80%;float: right;} 

#kakao-talk-channel-chat-button:after{content:'';display: block;clear:both;}



/*.sub_navfixed .nav_mobile{position:fixed; display: block;top:0;left:0;z-index:9999;width:100%;}*/



/* 게시판 상단버튼*/

#bo_list .nav_btn{margin-bottom: 20px;}

/* 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:#ff0443}.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}