@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	letter-spacing: -0.03em;
	box-sizing:border-box;
}

@font-face {
  font-family: 'LotteMartDream_light';
  font-style: normal;
  font-weight: 200;
  src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}


@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}


@font-face {
	font-family: 'LotteMartDream';
	font-style: normal;
	font-weight: 400;
	src: url('/plugin/LotteMartDreamMedium.woff2') format('woff2');
}


@font-face {
	font-family: 'RixInooAriDuriR';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/RixInooAriDuriR.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KyoboHandwriting2020A';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.wrap_dday p > span{
	padding:5px 0; 
	color:#fff; 
/* 	background:linear-gradient(to bottom, #1F1C2C, #928DAB); */
	background-color:#41115b;
	margin:0 1.5px;
	border-radius:7px;
	min-width:27px;
	text-align:center;
	position:relative;
}

.wrap_dday p{
	font-size:23px;     
  font-family: 'RixInooAriDuriR', 'GmarketSansMedium' ,sans-serif;
}

.wrap_dday p:nth-child(2){
	font-family:'GmarketSansMedium',sans-serif;
	font-weight: bold;
	font-size: 30px;
	color:#41115b;
}

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


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
  color: #000;
	min-width:330px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
  text-decoration: none;
  color: inherit;
}

input{margin:0; padding:0;}


/******************************************** */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li{
	list-style:none;
}



*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 14px;
}

body {
	line-height: 1;
  color: #000;
  font-family: 'LotteMartDream', sans-serif;
	position:relative;
}

strong{font-weight:bold;}

strong.under_line{
	text-decoration:underline;
	text-underline-offset:3px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/************************************************************* flex **/

.flex_css{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex_css_align{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blind{
	display:none;
}

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

/*********************************************** Çì´õ **/


.top{
	position:relative;
	background-color:#41115b;
	width:100%;
	height:40px;
	background-image:linear-gradient(90deg, #41115b 0%, #7e21b1 100%);
	background-image:linear-gradient(90deg, #e4007f 0%, #601986 50%);
}

.inner_top{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	height:100%;
	-webkit-box-pack: end;
	-moz-box-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.log_a > p{
	font-size:16px;
	color:#fff;
}

.log_a > p:hover{
	text-decoration:underline;
	text-underline-offset : 3px;
}

.main_wrap_link {
	height: auto;
	position: relative;
}

.wrap_sns {
	position: relative;
	width: auto;
	height: auto;
	margin-right:10px;
}

.wrap_sns > a {
	display: inline-block;
	height: 28px;
}

.wrap_sns > a:first-child {
  margin-right: 8px;
}

.wrap_sns img {
  height: 100%;
}


.header {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ddd;
	background-color: white;
	height:80px;
}

.header_area {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	height: 80px;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


.wrap_dday{width:auto; height:100%; margin-right:10px;}

.logo_area{position:relative; height:100%;}


.wrap_dday p > span:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color:#41115b;
	top: 50%;
	transform: translate(0, -50%);
	left: 0px;
}

/*** ¹ö°Å¹öÆ° **/

.sitemap {
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	width:42px;
	float:right;
}

.mo_sitemap {
	height: 100%;
	position: relative;
	width:50px;
	margin-left:10px;
	display:none;
	float:right;
}


.wrap_sitemap {
	float: left;
	width: 42px;
	height: 42px;
	-webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-top: 19px;
}

.wrap_sitemap input {
  display: none;
}

.wrap_sitemap input + label {
	position: absolute;
	height: 18px;
	width: 23px;
	z-index: 5;
}

.wrap_sitemap input + label span {
	position: absolute;
	width: 100%;
	height: 3px;
	top: 50%;
	margin-top: -1px;
	left: 0;
	display: block;
	background: #000;
	transition: .5s;
}

.wrap_sitemap input + label span:first-child {
  top: 0;
}

.wrap_sitemap input + label span:last-child {
  top: 100%;
	width:60%;
}

.wrap_sitemap label:hover {
  cursor: pointer;
}

.wrap_sitemap input:checked + label span {
  opacity: 0;
  top: 50%;
}

.wrap_sitemap input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}

.wrap_sitemap input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
	width:100%;
}

/**

**/

.swiper-slide.footer{
  height: 130px;
  background:turquoise;
}

.swiper-pagination.swiper-pagination-vertical > .swiper-pagination-bullet:last-child{
  display: none;
}

/** ·Î°í **/

.header_area .wrap_logo {
	float: left;
	width:191px; 
	margin-right:15px;
	height: 100%;
	position: relative;
}

.header_area .wrap_logo > a {
	position: relative;
	width: 100%;
}

.header_area .wrap_logo > a > img {
  width: 100%;
}

/** ·Î±×ÀÎ **/

.main_wrap_login{
	position: relative;
	float: right;
	width:auto;
	height:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.main_login{
	position: relative;
	float: left;
	width: auto;
	height: 100%;
	-webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.main_login > a {
  font-size: 15px;
	position:relative;
	padding:0 15px;
}

.main_login > a:last-child{
	padding-right:0;
}

.main_login > a::after{
	content: "";
	position: absolute;
	width: 2px;
	height: 80%;
	top: 50%;
	transform: translate(0, -50%);
	background: #fff;
	z-index: 88;
	right: 0px;
	transition: 0.3s;
}

.main_login > a:last-child::after{
	display:none;
}

/* .main_login > a:nth-child(2)::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 60%;
	top: 50%;
	transform: translate(0, -50%);
	background: #ccc;
	z-index: 88;
	left: 0px;
	transition: 0.3s;
} */

/* .main_login > a:hover{
	color:#FE7A36;
} */

/* .main_login:first-child::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 30%;
	top: 50%;
	transform: translate(0, -50%);
	background: #ccc;
	z-index: 88;
	right: 0px;
	transition: 0.3s;
} */

/* .main_login::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 30%;
	top: 50%;
	transform: translate(0, -50%);
	background: #ccc;
	z-index: 88;
	left: 0px;
	transition: 0.3s;
}

.main_login::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 30%;
	top: 50%;
	transform: translate(0, -50%);
	background: #ccc;
	z-index: 88;
	right: 0px;
	transition: 0.3s;
} */

.qr_code{
	width:auto;
	height:35px;
	float:right;
	margin-top:22.5px;
	margin-right:7.5px;
}

.qr_code > a{
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:13px;
	height:100%;
	text-align: center;
}

.qr_code img{
	height:100%;
}


/** ž¸Þ´º **/
.wrap_main_menu {
	float: left;
	height: 100%;
	flex:1;
	padding:0 20px;
}

.main_menu > li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	text-align: center;
	position: relative;
	font-size: 16px;
	width:33.3%;
	z-index:9999;
	line-height:80px;
}

.main_menu > li:first-child{
	-webkit-box-flex: 1.1;
	-ms-flex: 1.1;
	flex: 1.1;
}

.main_menu > li > a {
	position: relative;
	font-size: 21px;
}

.main_menu > li > a:hover{
	color:#e4007f;
}

.subback{
	position: absolute;
	width: 100%;
	top: 80px;
	z-index: 9990;
	height: 188px;
	box-sizing: border-box;
	background-color: white;
	border-left: 1px solid rgb(221, 221, 221);
	border-bottom: 1px solid rgb(221, 221, 221);
	display:none;
}

.sub_menu {
	height: 187px;
	background-color: rgb(255, 255, 255);
	border-left: 1px solid rgb(221, 221, 221);
	box-sizing: border-box;
	display:none;
	position:relative;
	border-top:2px solid #fff;
	top:-1px;
}

.sub_menu > li{
	line-height:1;
}

.sub_menu > li a {
	padding: 0px;
	transition: 0.3s;
	color: #000;
	font-size: 17px;
	font-weight: 400;
	position: relative;
	display: inline-block;
	width: 100%;
	line-height:40px;
}

.sub_menu > li a:hover{
	color:#e4007f;
}

.main_menu > li:last-child .sub_menu{
	border-right: 1px solid rgb(221, 221, 221);
}

/** ǪÅÍ **/

.footer {
	position: relative;
	width: 100%;
	height: 150px;
	background-color: #323232;
}

.footer_inner {
	max-width: 1280px;
	margin: 0 auto;
	justify-content: space-between;
	height: 100%;
}

.footer_inner .wrap_logo {
  width: 250px;
	padding-right:20px;
}

.footer_inner .wrap_logo img{
	width:100%;
}

.footer p {
  color: white;
	width:100%;
	font-size:15px;
	line-height:1.6;
}

.footer .wrap_copyright > p:first-child{
	margin-bottom:8px;
	font-size:16px;
}

.wrap_copyright > p > a:hover{
	text-decoration:underline;
	text-underline-offset : 3px;
}


.wrap_policy{
	width:400px;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-moz-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.wrap_policy a{
	color:#fff;
}

.wrap_copyright{
	width:calc(100% - 670px);
	padding-left: 20px;
}

.vline{color:#fff;}

.wrap_policy > div:first-child{
	-webkit-box-pack: end;
	-moz-box-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}


.wrap_policy > .site_link > p{
	width:auto;
}

.wrap_policy > .site_link{
	width:360px;
	height:60px;
	background-image:linear-gradient(90deg, #601986 0%, #e4007f 100%);
	border-radius:10px;
	margin-top:15px;
	-webkit-box-pack: justify;
	-moz-justify-content: space-evenly;
	-ms-flex-pack: justify;
	justify-content: space-evenly;
}

.wrap_policy > .site_link > a{
	width:135px;
	height:38px;
	background-color:#fff;
	border-radius:10px;
	-webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.submain_title {
	position: relative;
	font-size: 31px;
	margin-bottom: 20px;
	display: inline-block;
	color:#000;
}

.submain_title > .fa{
	font-size:15px;
	margin-right:3px;
	color:#557C55;
	position: relative;
	top:-1px;
}

.ect_area{
	height:100%;
}


/******************* ÁغñÁß **/
@font-face {
 font-family: 'S-CoreDream-3Light','GmarketSansMedium' ,sans-serif;
 src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}



.wrap_close {
	width: 100%;
	height: 100vh;
	box-sizing:border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

  -webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;

  -webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-sizing:border-box;
}

.wrap_close > .wrap_img{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  -webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding:10px;
	height:90%;
	max-height:659px;
}

.wrap_close > .wrap_img img{
	box-shadow : 8px 2px 25px 0px rgba(34, 51, 89, 0.09);
	height:100%;
	box-sizing:border-box;
}

.close_cont{
	position: relative;
	width: 860px;
	padding: 55px 45px;
	border: 1px solid #ccc;
	text-align: center;
	background-color: #fff;
  border-radius: 18px;
	box-shadow:0px 3px 7px 1px rgba(0, 0, 0, 0.1);
}

.close_cont:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(-135deg, #F11712, #0099F7);
	box-sizing: border-box;
	border-radius: 18px;
	z-index: -1;
}

.close_cont > p{
	margin:0;
	line-height: 1.7;
  text-align: center;
  margin: 20px 0;
  font-size: 20px;
	font-weight: bold;
}

.close_cont > .po{}
.close_cont > .pt{

}
.close_cont > .pth{
	font-weight: bold;
	font-size: 27px;
	margin: 25px 0;
	color: #C62300;
}
.close_cont > .ptf{}

.close_cont > .bak01{
	width:200px;
	margin-top:40px;
}

.top_logo{
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.top_logo > img{
	width:85%;
}

.home_link{
	margin-top:30px;
}

.home_link > a{
	cursor:pointer;
	font-size:17px;
	padding:10px 20px;
	color:#fff;
	background-color:#023287;
	display:inline-block;
}

.home_link > a:hover{
	background-color:#011f55;
}

@media all and (max-width:1050px){
	.wrap_close{
		height:auto;
		min-height:100vh;
		padding:0 20px;
	}
	.close_cont{
		width:100%;
	}
	.top_logo > img{
		width:100%;
	}
}

@media all and (max-width:768px){
	.close_cont{
		padding:30px 25px;
	}
	.close_cont > p{
		font-size:17px;
		line-height:1.6;
	}
	.close_cont > .pth{
		font-size:20px;
	}
	.top_logo{
		margin-bottom:30px;
	}
	.close_cont > .bak01{
		margin-top:30px;
	}
}

@media all and (max-width:550px){
	.close_cont{
		padding:20px;
	}
	.close_cont > p{
		font-size:14px;
		line-height:1.6;
		margin:25px 0;
	}
	.close_cont > .pth{
		font-size:16px;
	}

	.close_cont > .bak01{
		width:160px;
	}
	.wrap_close{
		min-height:auto;
		margin-top:30px;
	}
}

@media all and (max-width:400px){
	.close_cont{
		padding:20px;
	}
	.close_cont > p{
		font-size:13px;
		line-height:1.6;
	}
	.close_cont > .pth{
		font-size:15px;
	}
	.top_logo{
		margin-bottom:30px 25px;
	}
	.close_cont > .bak01{
		margin-top:20px;
		width:155px;
	}
}