/***************************************/
/* RESET FILES */
/***************************************/

html {
	scroll-behavior:smooth;
}
@media (prefers-reduced-motion:reduce) {
	html {
		scroll-behavior:auto;
	}
}


html,body,div,span,applet,object,iframe,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: 400; font-style: inherit; font-size: 15px; font-family: 'Pretendard', sans-serif !important; vertical-align: baseline; line-height:140%; }
html,body {width:100%; }

body {background:#fff; }
*, :after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table {box-sizing:border-box; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}

h1, h2, h3, h4, h5, h6 { line-height:1.5;font-weight:600; margin:0; color:inherit; margin:0; letter-spacing:-0.5px; }

body { font-family: 'Pretendard', sans-serif !important;}

.bbscon html,.bbscon body,.bbscon div,.bbscon span,.bbscon applet,.bbscon object,.bbscon iframe,.bbscon h1,.bbscon h2,.bbscon h3,.bbscon h4,.bbscon h5,.bbscon h6,.bbscon p,.bbscon time,.bbscon figure,.bbscon article,.bbscon nav,.bbscon header,.bbscon footer,.bbscon hgroup,.bbscon video,.bbscon audio,.bbscon aside,.bbscon blockquote,.bbscon pre,.bbscon a,.bbscon abbr,.bbscon acronym,.bbscon address,.bbscon big,.bbscon cite,.bbscon code,.bbscon del,.bbscon dfn,.bbscon em,.bbscon font,.bbscon img,.bbscon ins,.bbscon kbd,.bbscon q,.bbscon s,.bbscon samp,.bbscon small,.bbscon strike,.bbscon sub,.bbscon sup,.bbscon tt,.bbscon var,.bbscon dl,.bbscon dt,.bbscon dd,.bbscon ol,.bbscon ul,.bbscon li,.bbscon fieldset,.bbscon form,.bbscon label,.bbscon legend,.bbscon table,.bbscon caption,.bbscon tbody,.bbscon tfoot,.bbscon thead,.bbscon tr,.bbscon th,.bbscon td {line-height:normal; }

.ed_study_contents html,.ed_study_contents body,.ed_study_contents div,.ed_study_contents span,.ed_study_contents applet,.ed_study_contents object,.ed_study_contents iframe,.ed_study_contents h1,.ed_study_contents h2,.ed_study_contents h3,.ed_study_contents h4,.ed_study_contents h5,.ed_study_contents h6,.ed_study_contents time,.ed_study_contents figure,.ed_study_contents article,.ed_study_contents nav,.ed_study_contents header,.ed_study_contents footer,.ed_study_contents hgroup,.ed_study_contents video,.ed_study_contents audio,.ed_study_contents aside,.ed_study_contents blockquote,.ed_study_contents pre,.ed_study_contents a,.ed_study_contents abbr,.ed_study_contents acronym,.ed_study_contents address,.ed_study_contents big,.ed_study_contents cite,.ed_study_contents code,.ed_study_contents del,.ed_study_contents dfn,.ed_study_contents em,.ed_study_contents font,.ed_study_contents img,.ed_study_contents ins,.ed_study_contents kbd,.ed_study_contents q,.ed_study_contents s,.ed_study_contents samp,.ed_study_contents small,.ed_study_contents strike,.ed_study_contents sub,.ed_study_contents sup,.ed_study_contents tt,.ed_study_contents var,.ed_study_contents dl,.ed_study_contents dt,.ed_study_contents dd,.ed_study_contents ol,.ed_study_contents ul,.ed_study_contents li,.ed_study_contents fieldset,.ed_study_contents form,.ed_study_contents label,.ed_study_contents legend,.ed_study_contents table,.ed_study_contents caption,.ed_study_contents tbody,.ed_study_contents tfoot,.ed_study_contents thead,.ed_study_contents tr,.ed_study_contents th,.ed_study_contents td {line-height:normal; color:inherit; font-weight:inherit; font-size:inherit; }
.ed_study_contents p {margin: 5px 0 !important; font-size:inherit; font-weight:inherit; }


ol,ul,li  {list-style: none; }
table {border-collapse: separate;  border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
caption,th,td {text-align: left;   font-weight: normal; }
figure,article,header,footer,nav,hgroup,video,audio,aside {display: block; }
a {text-decoration:none; }
a:hover { color:unset; }
strong {font-weight:600;}

/***************************************/
/* header */
/***************************************/
.head_top {
	width: 100%;
	height: 120px;
	box-sizing: border-box;
	padding: 40px 0px;
	position: relative;
}
.head_top .logo h1 {
	font-size: 30px;
}
.head_top .logo { width: 500px; }
.head_top .logo h1 a{ display: block; font-size:30px; font-weight: 600; }
.head_top ul {
	position: absolute;
	top: 50px;
	right: 0;
}
.head_top ul li {
	display: inline-block;
	margin-left: 15px;
}

.head_top .dropdown-menu li { display: block; margin: 0 }

.head_top ul li a {
	font-size: 17px;
	display: block;
	font-weight:500;
}
.head_mid {
	width: 1170px;
	box-sizing: border-box;
	padding: 15px 80px 66px 66px;
	border-radius: 10px;
	position: absolute;
	z-index: 99;
	background: #fff;
	top: 765px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.mid_blankbox {
	width: 1170px;
	height: 51px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: -2px -1px 30px 15px #f1f6ff;
	position: absolute;
	z-index: 99;
	background: #fff;
	top: 765px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 0;
}
.head_mid ul {
	text-align: left;
}
.head_mid ul li {
	display: inline-block;
	margin-right: 40px;
	position: relative;
}
.head_mid ul li a {
	display: block;
	font-size: 16px;
	font-weight: 600;
}
.head_mid ul li:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #4280fb;
	bottom: -2px;
	left: 0;
	transition: all 0.4s;
	transform: scaleX(0);
	transform-origin: bottom right;
}
.head_mid ul li:hover:before {
	width: 100%;
	transform: scaleX(1);
	transform-origin: bottom left;
}

.head_mid .menu {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 45px;
	top: 13px;
	cursor:pointer;
}
.head_mid .menu img {
	display: block;
	width: 100%;
}

#modal_menu {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(255 255 255 / 95%);
	z-index: 9999;
	padding:15vh 0;
}
.modal_inner {
	padding-top: 100px;
}
.menu_list {
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 80%;
	margin-left: -10px;
}
.menu_list02 {
	width: 20%;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-left: -10px;
}
.menu_list dl {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 24%;
	padding: 0 40px;
}
.menu_list02 dl {
	display: block;
	vertical-align: top;
	text-align: left;
	width: 100%;
	padding: 0 40px;
}

.menu_list dl dt, .menu_list02 dl dt {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
	position: relative;
	width: max-content;
}

.menu_list dl dt:after, .menu_list02 dl dt:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #4280fb;
	bottom: -2px;
	left: 0;
	transition: all 0.4s;
	transform: scaleX(0);
	transform-origin: bottom right;
}

.menu_list dl:hover dt:after, .menu_list02 dl:hover dt:after {
	width: 100%;
	transform: scaleX(1);
	transform-origin: bottom left;
}
.menu_list dl dd, .menu_list02 dl dd {
	margin-bottom: 5px;
	padding: 5px 0;
}
.menu_list dl dd a, .menu_list02 dl dd a {
	font-size: 15px;
	line-height: 25px;
}
.menu_list dl dd a:hover, menu_list02 dl dd a:hover { color:#9d9d9d !important; transition: all 0.4s;}

.menu_list02 dl:last-child { margin-top:50px; }

.modal_inner p.close {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 45px;
	height: 45px;
}
.modal_inner p.close img { display: block; width:100%; }

.under_banner {
	width: 100%;
	margin: 0 auto;
	background: linear-gradient(45deg, #46e7ff, #824ae3);
	padding: 20px;
	border-radius: 15px;
	position: relative;
	text-align: center;
	margin-top:50px;
}
.under_banner:after {
	position: absolute;
	content: '';
	width: 280px;
	height: 200px;
	background: url(../images/main/menu_banner.png) no-repeat right;
	background-size:contain;
	bottom: 0;
	right: -60px;
}
.under_banner p {
	font-size: 40px;
	color: #fff;
	font-weight: 500;
}
.under_banner p span {
	display: inline-block;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}

/***************************************/
/* mian */
/***************************************/
.wrap { width:1300px; margin:0 auto; position: relative; padding: 0 2%; }
.wrap02 { width:1500px; margin:0 auto; }

.change_password .wrap { width:700px; }

.main_slider {
	width: 100%;
	height: 665px;
	margin: 0 auto;
	overflow:hidden;
	box-sizing:border-box;
}

.main_slider .slider {
	width:auto;
	height: 665px;
	border-radius: 70px;
	overflow: hidden;
	margin:0 10px;
}

.main_slider button.slick-next.slick-arrow { position:absolute; z-index:99; right:365px; content:''; width:70px; height:70px; background:url(../images/main/main_slider_arrow_R.png) no-repeat center; background-size:contain; }
.main_slider button.slick-prev.slick-arrow { position:absolute; z-index:99; left:365px; content:''; width:70px; height:70px; background:url(../images/main/main_slider_arrow_L.png) no-repeat center; background-size:contain; }

.slick-prev:before, .slick-next:before { display: none; }

.main_slider .main_txt h3 {
	color: #fff;
	font-size: 40px;
	text-align: right;
	margin-bottom: 20px;
	letter-spacing: -0.5px;
}

.main_slider .main_txt p {
	color: #fff;
	font-size: 20px;
	letter-spacing: -1px;
	text-align: right;
}


/***************************************/
/* right_fix */
/***************************************/
.fix_right {
	position: absolute;
	right: 20px;
	top: 220px;
	z-index: 99;
}
.fix_right .my_info {
	background: #fff;
	border: 1px solid #ddd;
	padding: 30px 30px 20px 30px;
	border-radius: 10px;
	width: 270px;
	opacity: 0.9;
}
.fix_right .my_info p.name {
	font-size: 15px;
	width: max-content;
	display: inline-block;
	font-weight:500;
}
.fix_right .my_info p.name span {
	display: inline-block;
	font-size: 15px;
	font-weight:bold;
	margin-bottom: 10px;
}
.fix_right .my_info a {
	display: block;
	text-align: center;
}
.fix_right .my_info a button.login {
	font-size: 15px;
	display: inline-flex;
	align-items: center; /* 아이콘과 텍스트 수직 정렬 */
	justify-content: center; /* 가운데 정렬 */
	padding: 5px 10px; /* 버튼 내부 여백 */
	font-weight: 600; /* 글씨 굵기 */
	color: #ffffff; /* 글씨 색상 */
	background-color: #f57671; /* 기본 빨간색 배경 */
	border: none; /* 기본 테두리 제거 */
	border-radius: 8px; /* 둥근 모서리 */
	cursor: pointer; /* 마우스 커서 변경 */
	transition: all 0.3s ease; /* 부드러운 전환 효과 */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 그림자 효과 */
}

.fix_right .my_info a.logout_area { display: inline-block; position: relative; right: 0; }

.fix_right .my_info .logout_container { display: flex; flex-direction: column; }

.fix_right .my_info .logout_container a.logout_area {
	align-self: flex-end;
}

ul.point_check {
	margin: 10px 0;
}
ul.point_check li {
	font-size: 15px;
	color: #4280fb;
	font-weight: 600;
	text-align: right;
	position: relative;
}
ul.point_check li span {
	display: inline-block;
	font-size: 15px;
	width: 60px;
	position: absolute;
	left: 0;
	text-align: left;
	font-weight:500;
}

ul.info_button { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 10px }

ul.info_button li {
	display: inline-block;
	margin-right: -4px;
	background: #4280fb;
	width: 50%;
}

ul.info_button li:nth-child(1) {
	border-radius: 10px 0 0 10px;
}
ul.info_button li:nth-child(2) {
	border-radius: 0 10px 10px 0;
}

ul.info_button li a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px 21px;
	font-size: 12px;
	text-align: center;
}

.fix_info {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 20px;
	padding: 20px;
	width: 270px;
	box-sizing: border-box;
	opacity: 0.9;
}
.fix_info h4 {
	color: #4280fb;
	font-weight: 600;
	display: block;
	font-size: 27px;
	line-height: 33px;
}
.fix_info h4 span {
	color: #2a2a2a;
	display: block;
	font-size: 16px;
	font-weight:500;
}
.fix_info p.lastment {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 20px;
	font-weight:500;
}
.fix_info p.lastment span {
	display: block;
	color: #4280fb;
	font-weight: 600;
	margin-bottom:2px;
}


.cont01_box {
	margin:100px auto;
	width:100%;
	text-align: center;
}
.cont01_slider .slick-prev {
	background: #ddd;
	width: 30px;
	height: 30px;
	z-index: 10;
	left: 54px;
	top:300px;
	background:url(../images/main/con1_box_arrow_left.png) no-repeat center;
	background-size:contain;
}
.cont01_slider .slick-next {
	background: #ddd;
	width: 30px;
	height: 30px;
	z-index: 10;
	left: 91px;
	top:300px;
	background:url(../images/main/con1_box_arrow_right.png) no-repeat center;
	background-size:contain;
}

.cont01_slider ul.slick-dots { bottom: 0px; width:61%; right:72px;}
.cont01_slider .slick-dots li { margin: 0; height:4px; width:50%; background:#e8e8e8; }
.cont01_slider .slick-dots li button:before {
	width: 0;
	height: 4px;
	background: #e8e8e8;
	transition:all 2.5s;
}
.cont01_slider .slick-dots li.slick-active button:before {
	width: 100%;
	height: 4px;
	background: #4280fb;
}

.cont01_left {
	width: 360px;
	height: 360px;
	background: linear-gradient(#46e7ff, #824ae3);
	border-radius: 50px;
	text-align: left;
	padding: 40px;
	position: relative;
	display: inline-block;
}

.cont01_left02 {
	background: linear-gradient(#f39ed1, #926dea);
}

.cont01_left02:before {
	position: absolute;
	content: '';
	width: 310PX;
	height: 310px;
	background: url(../images/main/con1box_img01.png) no-repeat right;
	background-size: contain;
	right: -25px;
	bottom: -30px;
}

.cont01_left02:after { display: none;}


.cont01_left:after {
	position: absolute;
	content: '';
	width: 360px;
	height: 360px;
	background: url(../images/main/con1box_img02.png) no-repeat right;
	background-size: contain;
	top: 0;
	left: 30px;
}

.slider_box .cont01_left .s_title {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 10px;
}

.slider_box .cont01_left .m_txt {
	color: #fff;
	font-size: 18px;
}

.cont01_right {
	display: inline-block;
	width: 70%;
	vertical-align: top;
	padding-top: 10px;
}

.cont01_right a {
	display: inline-block;
	width: 140px;
	height: 140px;
	background: #fff;
	margin: 10px;
	box-shadow: -2px -1px 30px 15px #f1f6ff;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.cont01_right a:nth-child(1) { background: url(../images/main/con1_icon01.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(2) { background: url(../images/main/con1_icon02.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(3) { background: url(../images/main/con1_icon03.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(4) { background: url(../images/main/con1_icon04.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(5) { background: url(../images/main/con1_icon05.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(6) { background: url(../images/main/con1_icon06.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(7) { background: url(../images/main/con1_icon07.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(8) { background: url(../images/main/con1_icon08.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(9) { background: url(../images/main/con1_icon09.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:nth-child(10) { background: url(../images/main/coming_soon.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right a:hover { box-shadow:-2px -1px 30px 15px #cee0ff; transition:all 0.4s;}
.cont01_right a.coming { background-size:50%; background-position:50% 50%; }

.cont01_right02 a:nth-child(1) { background: url(../images/main/con2_icon03.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(2) { background: url(../images/main/con2_icon05.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(3) { background: url(../images/main/con2_icon07.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(4) { background: url(../images/main/con2_icon06.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(5) { background: url(../images/main/con2_icon09.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(6) { background: url(../images/main/con2_icon08.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(7) { background: url(../images/main/con2_icon04.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(8) { background: url(../images/main/con2_icon01.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(9) { background: url(../images/main/con2_icon02.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a:nth-child(10) { background: url(../images/main/coming_soon.png) no-repeat; background-size:45px; background-position: 50% 40%; }
.cont01_right02 a.coming { background-size:50%; background-position:50% 50%; }


.cont01_right a span {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	bottom: 25px;
	font-size: 15px;
	font-weight:500;
}
.con01_right .item a {
	display: block;
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	width: 100%;
	height: 100%;
	position: relative;
}

.con01_right .item a span {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.cont02_box {
	width: 100%;

	background:url(../images/main/con2_bg.jpg) no-repeat;
	background-size:cover;
	padding: 70px 0;
}

.cont02_left {
	width: 400px;
	display: inline-block;
}

.cont02_left p {
	font-size: 23px;
	font-weight: 500;
}

.cont02_left h2 {
	font-size: 43px;
	letter-spacing: -3px;
	line-height: 56px;
}

.cont02_left h2 span {
	display: inline-block;
	font-size: 43px;
	font-weight: 700;
	color: #4280fb;
	letter-spacing: -1px;
}

.cont02_box .best_button { list-style: none;margin: 0;padding: 0;overflow: hidden; margin-top:20px; }
.cont02_box .best_button li { display: inline-block; }
.cont02_box .best_button li a {
	display: block;
	width: auto;
	border: 2px solid #4280fb;
	border-radius: 21px;
	margin-right: 2px;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 500;
	color:#4280fb;
	padding: 5px 30px;
	transition: 0.3s;
	box-sizing:border-box;
}
.cont02_box .best_button li a:hover { background:#4280fb; transition: all 0.4s; color:#fff !important; }
.cont02_box .tabcontent { display: none;}
.cont02_box ul.best_button li.current a { color:#fff; background-color:#4280fb; }
.cont02_box .tabcontent.current { display: inline-block; vertical-align:top;}

.cont02_right {
	width: 818px;
	display: inline-block;
	vertical-align: top;
}
.cont02_right ul.best_list {
	width: 100%;
}
.cont02_right ul.best_list li {
	display: inline-block;
	width: 250px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.cont02_right ul.best_list li:hover {  transition: all 0.6s; box-shadow: -2px -1px 30px 15px #e2edff; }
.cont02_right ul.best_list li a {
	display: block;
	padding:30px;
}
.cont02_right ul.best_list li a p {
	font-size: 15px;
	text-align: center;
	font-weight:500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cont02_right ul.best_list li a p span {
	display: block;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #4280fb;
}

.cont03_box {
	padding:80px 0 50px;
	position: relative;
}

.cont03_box:before {
	position: absolute;
	content: '';
	width: 340px;
	height: 475px;
	background:linear-gradient(90deg, #fff 60%, transparent);
	background-size:contain;
	left: 170px;
	top: 130px;
	z-index: 10;
}
.cont03_box:after {
	position: absolute;
	content: '';
	width: 340px;
	height: 475px;
	background:linear-gradient(90deg, transparent, #fff 60%);
	background-size:contain;
	right: 170px;
	top: 130px;
	z-index: 10;
}
.cont03_box h2 {
	font-size:40px;
	font-weight:600 !important;
	text-align:center;
	margin-bottom:50px;
}

.cont03_box .best_list {
	width: 250px;
	display: inline-block;
	box-sizing: border-box;
	margin:0 10px;
}
.cont03_box .best_list a {
	display: block;
	width: 100%;
	height: 100%;
}
.cont03_box .best_list a .it_box .it_top {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 230px;
}
.cont03_box .best_list a .it_box .it_top img {
	display: block;
	width: 100%;
	height: 100%;
}
.cont03_box .best_list a .it_box .it_top:hover img {
	transform: scale(1.1);
	transition: all 0.6s;
}
.cont03_box .best_list a .it_box .it_top .type_top {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	z-index: 50;
}
.cont03_box .best_list a .it_box .it_top .type_top span {
	display: inline-block;
	top: 5px;
	left: 5px;
	bottom: unset;
	width: auto;
	height: 23px;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 12px;
	position: relative;
}

.cont03_box .best_list a .it_box .it_top .type_top span.type01 {
	background:#e3a02b !important;
	color:#fff;
	padding: 3px 10px;
}
.cont03_box .best_list a .it_box .it_top .type_top span.type02 {
	background: #21893b !important;
	color: #fff;
}
.cont03_box .best_list a .it_bottom {
	margin-top: 10px;
}
.cont03_box .best_list a .it_bottom .name {
	font-size: 15px;
	text-align: left;
	float: left;
	font-weight: 500;
}
.cont03_box .best_list a .it_bottom .pr {
	font-size: 15px;
	text-align: right;
}
.cont03_box .best_list a .it_bottom .pr span {
	display: block;
	font-size: 20px;
	color: #4280fb;
	font-weight: 600;
}

.cont03_box:before { }

.cont03_slider button.slick-next.slick-arrow { position:absolute; z-index:99; top:115px; right:-50px; content:''; width:35px; height:35px; background:url(../images/main/plan_arrow.png) no-repeat center; background-size:contain; }
.cont03_slider button.slick-prev.slick-arrow { position:absolute; z-index:99; top:115px; left:-50px; content:''; width:35px; height:35px; background:url(../images/main/plan_arrow_L.png) no-repeat center; background-size:contain; }


.cont04_box {
	width: 100%;
	padding: 70px 0 250px 0;
}

.cont04_left {
	width: 300px;
	display: inline-block;
}

.cont04_left p {
	font-size: 23px;
	font-weight: 500;
}

.cont04_left h2 {
	font-size: 37px;
	letter-spacing: -3px;
	line-height: 48px;
}

.cont04_left h2 span {
	display: inline-block;
	font-size: 37px;
	font-weight: 700;
	color: #4280fb;
	letter-spacing: -1px;
	vertical-align: top;
}


.cont04_box .price_button { list-style: none;margin: 0;padding: 0;overflow: hidden; margin-top:90px; }
.cont04_box .price_button li { display: inline-block; width:135px;}
.cont04_box .price_button li a {
	display: block;
	width: auto;
	border: 2px solid #4280fb;
	border-radius: 21px;
	margin-right: 2px;
	margin-bottom: 6px;
	font-size: 20px;
	font-weight:500;
	padding: 5px 15px;
	color:#4280fb;
	text-align: center;
}
.cont04_box .price_button li a:hover { background:#4280fb; transition: all 0.4s; color:#fff !important; }
.cont04_box ul.price_button li.on a { color:#fff; background-color:#4280fb; }
.cont04_box .tab-link {display:inline-block;cursor:pointer}
.cont04_box .tab-contents { display: none; }
.cont04_box .tab-contents.on { display: inline-block;  vertical-align:top; }



.cont04_right {
	display: inline-block;
	width:918px;
	vertical-align: top;
	
}
.cont04_right .price_list {
	width: 250px;
	display: inline-block;
	box-sizing: border-box;
	margin-left:40px;
}
.cont04_right .price_list a {
	display: block;
	width: 100%;
	height: 100%;
}

.cont04_right .price_list a .it_box .it_top {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 250px;
}
.cont04_right .price_list a .it_box .it_top span {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: -40px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	left: 0;
}
.cont04_right .price_list a .it_box .it_top:hover span { bottom:0; transition:all 0.4s; }
.cont04_right .price_list a .it_box .it_top img {
	display: block;
	width: 100%;
	height: 100%;
}
.cont04_right .price_list a .it_box .it_top:hover img {
	transform: scale(1.1);
	transition: all 0.6s;
}


.cont04_right .price_list a .it_box .it_top .type_top {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.cont04_right .price_list a .it_box .it_top .type_top span {
	display: inline-block;
	top: 5px;
	left: -120px;
	bottom: unset;
	width: auto;
	height: 23px;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 12px;
	position: relative;
}

.cont04_right .price_list a .it_box .it_top .type_top span.type01 {
	background:#e3a02b !important;
	color:#fff;
	padding: 3px 10px;
}
.cont04_right .price_list a .it_box .it_top .type_top span.type02 {
	background: #21893b !important;
	color: #fff;
}


.cont04_right .price_list a .it_bottom {
	margin-top: 10px;
}
.cont04_right .price_list a .it_bottom .name {
	font-size: 15px;
	text-align: left;
	float: left;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 30px;
	width: 60%;
}
.cont04_right .price_list a .it_bottom .pr {
	font-size: 15px;
	text-align: right;
}
.cont04_right .price_list a .it_bottom .pr span {
	display: block;
	font-size: 20px;
	color: #4280fb;
	font-weight: 600;
}

.cont05_box {
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.cont05_box .tab-linknt {display:inline-block;cursor:pointer}
.cont05_box .tab-linknt.on a { background: #4280fb; color:#fff !important; }
.cont05_box .tabContents { display: none; }
.cont05_box .tabContents.on { display: block; }

.cont05_box .notice {
	display: inline-block;
	width: 630px;
	height: 530px;
	background: #fff;
	padding: 65px;
	border-radius: 10px;
	margin-right:20px;
	position: relative;
	vertical-align: bottom;
	z-index: 10;
}
.cont05_box .notice:before {
	position: absolute;
	content: '';
	width: 475px;
	height: 240px;
	background:url(../images/main/notice_topimg.png) no-repeat center;
	background-size: contain;
	top: -240px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.cont05_box .blankbox01 {
	position: absolute;
	background: #fff;
	width: 630px;
	height: 530px;
	z-index: 1;
	border-radius: 10px;
	box-shadow: -2px -1px 30px 15px #f1f6ff;
	top: 0;
}
.cont05_box .notice h2 {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight:800;
}
.cont05_box .notice ul.noti_button li { display: inline-block;}
.cont05_box .notice ul.noti_button li a  {
	display: block;
	width: auto;
	border: 2px solid #4280fb;
	border-radius: 21px;
	margin-right: 2px;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight:500;
	color:#4280fb;
	padding: 5px 30px;
}
.cont05_box .notice ul.noti_button li a:hover {
	background: #4280fb;
	transition: all 0.6s;
	color:#fff !important;
}

ul.noti_list {
	margin-top: 40px;
	margin-bottom: 20px;
}

.notice ul.noti_list li {
	border-bottom: 1px solid #ddd;
	position: relative;
}
.notice ul.noti_list li:last-child { border-bottom:0; }
.notice ul.noti_list li:hover { border-bottom:1px solid #4280fb; }

.notice ul.noti_list li a {
	display: block;
	padding:10px 0;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	word-break: break-all;
	padding-right:110px;
}

.notice ul.noti_list li span {
	position: absolute;
	right: 0;
	font-size: 13px;
	color: #7c7c7c;
	top: 14px;
}
button.notice_plus {
	position: absolute;
	bottom: 40px;
	right: 60px;
}
button.notice_plus a {
	font-size: 19px;
	color: #4280fb;
}
.cont05_box .event {
	display: inline-block;
	width: 560px;
	background: #fff;
	padding: 65px;
	border-radius: 10px;
	position: relative;
	z-index: 10;
	vertical-align: top
}
.cont05_box .event:after {
	position: absolute;
	content: '';
	width: 360px;
	height: 300px;
	background:url(../images/main/plan_point.png) no-repeat;
	background-size: contain;
	right: -210px;
	bottom: -250px;
	z-index:20;
}

.cont05_box .blankbox02 {
	position: absolute;
	background: #fff;
	width: 560px;
	height: 530px;
	z-index: 1;
	border-radius: 10px;
	box-shadow: -2px -1px 30px 15px #f1f6ff;
	top: 0px;
	left:654px;
}
.cont05_box .event h2 {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight:800;
}
.cont05_box .event h2 span { font-size:30px; display: inline-block; color:#4280fb; font-weight:800; }
button.event_plus {
	position: absolute;
	right: 65px;
	top: 80px;
}
button.event_plus a {
	font-size: 18px;
	color: #4280fb;
}
.event ul li {
	border-bottom: 3px dotted #4280fb;
	position: relative;
}
.event ul li a {
	display: block;
	font-size: 18px;
	padding: 20px 0;
	padding-right: 130px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	word-break: break-all;
	position: relative;
	z-index: 10;
	font-weight: 500;
}
.event ul li:last-child { border-bottom:0; }
.event ul li span {
	display: inline-block;
	background: #ddd;
	border-radius: 10px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	margin-right: 15px;
	overflow: hidden;
}
.event ul li:after {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	background:url(../images/main/plan_arrow.png) no-repeat;
	background-size:cover;
	right: 30px;
	top: 49px;
	z-index: -1;
}
.event ul li:hover:after { right: 10px; transition: all 0.6s; }

.cont06_box {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 730px;
	background: url(../images/main/con6_bg.jpg) no-repeat;
	background-size: cover;
	padding-top: 100px;
	text-align: center;
}
.cont06_box h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	margin-bottom:40px;
}
.cont06_box h2 span {
	display: inline-block;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}

.cont06_slider .delivery_slide {
	display: inline-block;
	background: #fff;
	width: 255px;
	height: 315px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin:0 10px;
}
.cont06_slider .delivery_slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.cont06_slider .delivery_slide span {
	position: absolute;
	width: 70%;
	padding: 7px;
	text-align: center;
	border: 2px solid #4280fb;
	left: 0;
	right: 0;
	bottom: 15px;
	margin: 0 auto;
	font-weight:500;
	color: #4280fb;
	border-radius: 10px;
}

.cont06_slider button.slick-next.slick-arrow { position:absolute; z-index:99; top:180px; right:50px; content:''; width:35px; height:35px; background:url(../images/main/con6_slider_arrow.png) no-repeat center; background-size:contain; }
.cont06_slider button.slick-prev.slick-arrow { position:absolute; z-index:99; top:180px; left:50px; content:''; width:35px; height:35px; background:url(../images/main/con6_slider_arrow_L.png) no-repeat center; background-size:contain; }


.cont06_slider .delivery_slide:hover span { background:#4280fb; color:#fff; transition: all 0.4s; }

.cont06_slider .delivery_slide img { width:80%; height: 88%; margin: 17px auto 10px; border-radius: 10px; }

/*footer*/
.ft_top {
	background: #000;
	padding: 20px 0;
	text-align: center;
}
.ft_top ul li {
	display: inline-block;
	margin: 0 20px;
}
.ft_top ul li a {
	display: block;
	color: #fff;
	font-size: 15px;
}
.ft_bottom {
	background: #001a3a;
	text-align: center;
}
.ft_bottom .info01, .ft_bottom .info02, .ft_bottom .info03 {
	display: inline-block;
	border-right: 1px solid #2b4360;
	vertical-align: top;
	text-align:left;
	width:380px;
	padding:30px;
}
.ft_bottom .info03 { border-right:0;}

.ft_bottom .info01 dl dt {
	font-size: 15px;
	display: block;
	color: #fff;
}
.ft_bottom .info01 dl dd {
	font-size: 15px;
	line-height: 25px;
	color: #fff;
}
.ft_bottom .info01 p {
	display: block;
	font-size: 15px;
	color: #4280fb;
	line-height: 25px;
}
.ft_bottom .info02 { text-align:center; }
.ft_bottom .info02 .txt01 {
	color: #fff;
	font-size: 15px;
}
.ft_bottom .info02 .txt02 {
	color: #fff;
	font-size: 13px;
}
.ft_bottom .info02 h3 {
	font-size: 30px;
	color: #4280fb;
}
.ft_bottom .info03 .txt01 {
	color: #fff;
	font-size: 13px;
}
.ft_bottom .info03 .txt02 {
	color: #fff;
	font-size: 15px;
}
.ft_bottom .info03 h4 {
	font-size: 20px;
	color: #4280fb;
}
.infofull {
	border-top: 1px solid #2b4360;
	padding: 30px;
}
.infofull p {
	color: #fff;
	font-size: 13px;
	line-height: 25px;
	text-align: left;
	width:1100px;
	margin: 0 auto;
}

@media screen and (max-width: 1920px){
	html,body {width:100%; }

	.main_slider { height: 525px; transition: all 0.4s;}
	.main_slider .slider { height: 525px; transition: all 0.4s; }
	.slick-slide img { width: 100%; height: 100%}

	.head_mid { top:625px; }
	.mid_blankbox { top:625px; }

	.cont05_box .blankbox02 { left:unset; right:50px; }

	.cont03_slider button.slick-next.slick-arrow { top:115px; right:20px; content:''; }
	.cont03_slider button.slick-prev.slick-arrow { top:115px; left:20px; content:''; }


}

@media screen and (max-width: 1660px) {
	.cont05_box .event:after { width:250px; height:250px; right:-100px; transition: all 0.4s;}

	.main_slider { height: 525px; }
	.main_slider .slider { height: 525px; }

	.head_mid { top:625px; }
	.mid_blankbox { top:625px; }

	.cont03_box:after, .cont03_box:before { display: none;}
}

@media screen and (max-width: 1470px) {
	.cont05_box .event:after { display: none; }


}

@media screen and (max-width: 1400px) {
}


@media screen and (max-width: 1300px) {
	html,body {width:1300px; }

	.cont02_right { width:810px;}
	.cont02_right ul.best_list li { width:245px; }

	.cont05_box { width:1300px; }


}
@media screen and (max-width: 1800px){
	.fix_right { display: none; }
}

.subscribe-preloader-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 999;
	top:0;
}
@media screen and (max-width: 1199px) {
	.subscribePreloader__thumb {
		width: 90vw;
	}
}
.subscribePreloader__text {
	background: #c9030f;
	width: 80%;
	margin: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: relative;
	padding: 30px;
	opacity: 0.9;
}
@media screen and (max-width: 1199px) {
	.subscribePreloader__text {
		width: 90vw;
		height: 100%;
	}
}
@media screen and (max-width: 550px) {
	.subscribeform .form-group input,
	.subscribeform .form-group button {
		width: 100%;
		margin: 5px;
	}
	.subscribePreloader__text h1 {
		font-size: 27px;
		line-height: 1.4;
	}
	.subscribePreloader__text p {
		font-size: 14px;
		line-height: 1.6;
	}
}

.subscribePreloader__text form {
	margin-top: 30px;
}
.subscribePreloader__text h1,
.subscribePreloader__text p {
	color: #ffffff;
}
.subscribePreloader__text input,
.subscribePreloader__text button {
	border: none;
	height: 40px;
}
.subscribePreloader__text input {
	width: 70%;
	margin-right: 5px;
	padding-left: 10px;
}
.subscribePreloader__text button {
	font-weight: 600;
	width: 26%;
	background: #333333;
	color: #ffffff;
	-webkit-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}
.subscribePreloader__text button:hover {
	background: #ffffff;
	color: #333333;
}
.subscribePreloader__thumb span {
	display: block;
	position: absolute;
	right: -10px;
	top: -10px;
	background: #ffffff;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: #333333;
	border-radius: 100%;
	cursor: pointer;
	z-index: 999;
	font-size: 30px;
}
.subscribeButton{
	position: absolute;
	text-align: center;
	width: 200px;
	height: 65px;
	left: 0;
	right: 0;
	bottom:100px;
	margin:0 auto;
}
.subscribeButton>button{
	color:#eaeaea;
	font-size: 14px;
}
.subscribeButton>.preload-close_btn{
	display: block;
	margin:0 auto;
	padding:2px 10px;
	background:#fff;
	border-radius:40px;
	color:#000;
	font-weight: 600;
	font-size: 14px;
	margin-top: 10px;
}

.preload-close_btn .fas:before {
	margin-right: 0px;
}

.pagination {
	display: block;
	margin:30px auto;
	text-align: center;
}

.pagination a {
	color: black;
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
}
.pagination a.active { font-weight:700; color:#4571b8 !important; }
.board_title{
	margin-bottom: 35px;
	width: 70vw;
	margin-right: 10vw;
}
.board_sub {
	width: 70vw;
	margin-right: 10vw;
}
.title_center{
	text-align: center;
}
.title_center>span{
	margin-left:20px;
	margin-right:20px;
}
.title_hr{
	width: 70vw;
	margin-right:10vw;
}
.file_div{
	border:2px solid #8c8c8c;
	border-radius: 15px;
	padding:20px;
	width: 70vw;
	margin-right:10vw;
	margin-bottom:20px;
}
.file_p a { display: flex; justify-content: space-between; }

.file_div .file_name{
	font-size: 15px;
	text-align: left;
	font-weight: 500;
	margin-left:20px;
	margin-top:8px;
}

.file_div .down_ico{
	font-size: 20px;
	color: #646464;
	font-weight: 600;
	text-align: right;
	margin:4px 20px 0 20px;
}
.contents_div{
	width: 70vw;
	min-height: 20vw;
	margin-right:10vw;
}
.btn_div{
	width: 70vw;
	margin-right:10vw;
	padding:20px;
	margin-bottom:20px;
}
@media screen and (max-width: 1800px){
	.title_hr { margin-left:10vw; }
	.file_div { margin-left:10vw;}
	.contents_div { margin-left:10vw;}
	.board_title{margin-left:10vw;}
	.board_sub{margin-left:10vw;}

}

.btn_div .gray_btn{
	text-align: left;
	background: #a9a9a9;
	color: #fff;
	padding: 7px 20px;
	border-radius: 5px;
	font-weight: 600;
	margin-left: 20px;
	box-shadow: -3px -1px 15px 15px #f3f3f3;

}
.btn_div .left{
	text-align: left;
	float: left;
}
.btn_div .right{
	text-align: right;
}
.btn_div .blue_btn{
	background: #4280fb;
	color: #fff;
	padding: 7px 20px;
	border-radius: 5px;
	font-weight: 600;
	margin-left: 20px;
	box-shadow: -3px -1px 15px 15px #f1f6ff;
}

@media screen and (max-width: 600px){
	.btn_div{ width: 80vw; padding: 0}
	.btn_div .left { margin-left: 30px; }
}

.inline{
	display: inline-block;
	vertical-align: middle;
	margin-left:2px;
}
.inline img{
	width:40px;
}
.title_vendor_login{
	color:#365faf;
}