@import url( http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css );
@font-face {
	font-family: na200;
	src: url(../font/NanumSquareL.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareL.woff) format("woff"), url(../font/NanumSquareL.ttf) format("truetype");
}
@font-face {
	font-family: na300;
	src: url(../font/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareR.woff) format("woff"), url(../font/NanumSquareR.ttf) format("truetype");
}
@font-face {
	font-family: na400;
	src: url(../font/NanumSquareB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareB.woff) format("woff"), url(../font/NanumSquareB.ttf) format("truetype");
}
@font-face {
	font-family: na500;
	src: url(../font/NanumSquareEB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareEB.woff) format("woff"), url(../font/NanumSquareEB.ttf) format("truetype");
}
@font-face {
	font-family: no200;
	src: url(../font/notokr-light.eot?#iefix) format("embedded-opentype"), url(../font/notokr-light.woff2) format("woff2"), url(../font/notokr-light.woff) format("woff"), url(../font/notokr-light.ttf) format("truetype"), url(../font/notokr-light.svg#notokr-light) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: no300;
	src: url(../font/notokr-regular.eot?#iefix) format("embedded-opentype"), url(../font/notokr-regular.woff2) format("woff2"), url(../font/notokr-regular.woff) format("woff"), url(../font/notokr-regular.ttf) format("truetype"), url(../font/notokr-regular.svg#notokr-regular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: no400;
	src: url(../font/notokr-medium.eot?#iefix) format("embedded-opentype"), url(../font/notokr-medium.woff2) format("woff2"), url(../font/notokr-medium.woff) format("woff"), url(../font/notokr-medium.ttf) format("truetype"), url(../font/notokr-medium.svg#notokr-medium) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: no500;
	src: url(../font/notokr-bold.eot?#iefix) format("embedded-opentype"), url(../font/notokr-bold.woff2) format("woff2"), url(../font/notokr-bold.woff) format("woff"), url(../font/notokr-bold.ttf) format("truetype"), url(../font/notokr-bold.svg#notokr-bold) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: no600;
	src: url(../font/notokr-black.eot?#iefix) format("embedded-opentype"), url(../font/notokr-black.woff2) format("woff2"), url(../font/notokr-black.woff) format("woff"), url(../font/notokr-black.ttf) format("truetype"), url(../font/notokr-black.svg#notokr-bold) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: timon;
	src: url(../font/TmonMonsori.eot?#iefix) format("embedded-opentype"), url(../font/TmonMonsori.woff) format("woff"), url(../font/TmonMonsori.woff2) format("woff2"), url(../font/TmonMonsori.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: FontAwesome;
	src: url(../font/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../font/fontawesome-webfont.woff2) format("woff2"), url(../font/fontawesome-webfont.woff) format("woff"), url(../font/fontawesome-webfont.ttf) format("truetype"), url(../font/fontawesome-webfont.svg#fontawesomeregular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: score4;
	src: url(../font/S-CoreDream-4Regular.eot?#iefix) format("embedded-opentype"), url(../font/S-CoreDream-4Regular.woff) format("woff"), url(../font/S-CoreDream-4Regular.ttf) format("truetype");
}
@font-face {
	font-family: score5;
	src: url(../font/S-CoreDream-5Medium.eot?#iefix) format("embedded-opentype"), url(../font/S-CoreDream-5Medium.woff) format("woff"), url(../font/S-CoreDream-5Medium.ttf) format("truetype");
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body , input { padding:0;margin:0;font-family: 'no300','³ª´®°íµñ',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important; }
div { font-size:0; }
div:after { content:'';display:block;clear:both; }
/*pay wrap*/
.pay_wrap {
	text-align: center;
}
.pay_wrap ul {
	padding: 80px 0 0;
}
.pay_wrap ul:after {content:"";display:block;clear:both}
.pay_wrap ul li {
	display:block;
	width: 20%;
	text-align: center;
	float: left;
}
.pay_wrap ul li img {
	width: calc(100% - 10px);
	padding-bottom: 10px;
}
.log_btn {
	text-align: center;
	padding:80px 15px 0;
}
.log_modal {
	display: inline-block;
	max-width: 350px;
	width: 100%;
	height: 80px;
	border-radius:10px;
	color: #fff;
	background:linear-gradient(#ffcc28, #ffb415);
	font-size:30px;
	text-decoration:none;
	line-height: 80px;
}
@media screen and (max-width:760px){
	.pay_wrap ul {
		padding: 40px 15px 0;
	}
	.pay_wrap ul li {
		width: 33.333%;
	}
	.log_modal {
		height: 50px;
		line-height: 50px;
		font-size:18px;
		width: auto;
		display: inline-block;
		padding: 0 40px;
		font-weight: 600;
	}
}
@media screen and (max-width:500px){
	.pay_wrap ul li {
		width: 50%;
	}
}

img[usemap] {
	width: auto;
	max-width: 100%; 
	height: auto;
	border: none;
}
@media (max-width: 991px) {
	img[usemap] {
		width: calc(100% - 10px) !important;
		max-width: 100%;
		height: auto !important;
		border: none;
   }
}

.login {
	position:fixed;
	top:50%;
	left: 50%;
	transform:translate(-50%,-50%);
	border-radius:30px;
	background:#fff;
	max-width: 400px;
	width: calc(100% - 40px);
	padding:50px 40px;
	text-align: center;
	z-index: 10;
}
.login .box {
	padding: 40px 0;
}
.login .box input {
	display: block;
	width: 100%;
	padding:15px;
	border:1px solid #e9e9e9;
	border-radius:6px;
	margin-bottom: 10px;
	font-size:16px;
	box-sizing : border-box;
}
.logmodal_btn {
	display: inline-block;
	max-width: 280px;
	width: 100%;
	border-radius:10px;
	font-size:26px;
	font-weight: 600;
	background:#3d3d40;
	color: #fff;
	text-decoration: none;
	padding: 15px;
}
.logex {
	position:absolute;
	top:0;
	right: 0;
	transform: translate(30%,-30%);
	cursor: pointer;
}
.modal_bg {
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000;
	opacity: 0.5;
}
#modal.on .modal_bg {
	width: 0;
	height: 0;
}
#modal.on .login {
	top:-100%;
	transition:0.5s
}
@media screen and (max-width:760px){
	.login {
		padding: 30px 20px;
	}
	.login .box {
		padding: 20px 0;
	}
}

/* -------- ·£µùÆäÀÌÁö ½ÃÀÛ -------- */
.landWr { 
	width: 100%;
	overflow:hidden;
}
.landWr div:after { 
	display:none; 
}
.landWr img { 
	max-width: 100%; 
}
.sectionWr { 
	position:relative; 
	width: 100%; 
	max-width: 1920px;
	margin:0 auto;
}
.section { 
	position:relative; 
	max-width: 1025px;
	margin:0 auto;
}
.sectionWr .section01 { 
	position:relative; 
	padding:8.5% 0 12%;
	margin:0 0 82px;
	background:url(/images/section1_bg.png) top center no-repeat; 
	background-size:contain;	
}
.sectionWr .section01 .conBox { 
	width: 100%;
	max-width: 1025px; 
	margin:0 auto;
}
.sectionWr .section01 .conBox .leftBox { 
	position:relative; 
	z-index:1;
}
.sectionWr .section01 .conBox .leftBox .txtImg {  
	margin:0 0 55px;
}
.sectionWr .section01 .conBox .leftBox .btnLst { 
	display:flex; 
	gap:22px;
	width: 100%;
}
.sectionWr .section01 .conBox .leftBox .btnLst > li a { 
	display:block; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li:last-child { 
	margin:0;
}
.sectionWr .section01 .conBox .rightBox { 
	position:absolute; 
	max-width: 50%;	
	right:0;
	top:0;
}
.section.section02 { 
	padding:0 0 77px;
}
.section.section02:after { 
	content:"";
	position:absolute; 
	display:block;
	width: 1920px;
	height: 1200px;
	left:50%;
	top:50%;
	margin:-600px 0 0 -960px;
	background:url(/images/section2_bg.png) no-repeat;
	background-size:cover;
	z-index:-1;
}
.section.section02 .titBox { 
	margin:0 0 63px;
	padding:0 10px;
	text-align:center; 
}
.section.section02 .conBox { 
	position:relative;  
	padding:0 0 0 90px;
}
.section.section02 .conBox .rBox { 
	position:absolute;
	top:141px;
	right:48px;
}
.section.section02 .conBox .lBox { 
	position:relative; 
	z-index:1;
}
.section.section02 .conBox .eBox { 
	position:absolute; 
	bottom:-40px;
	right:-450px;
}
.section.section03 { 
	display:flex;
	padding:0 0 100px 35px;
}
.section.section03:before { 
	content:'';
	position:absolute;
	width:1920px;
	height:100%;
	top:3px;
	left:50%;
	transform:skew(0deg, 6deg);
	margin:0 0 0 -960px;
	background:#fafafa;
	z-index:-1;
}
.section.section03 .lBox { 
	padding:116px 0 0;
}
.section.section03 .rBox { 
	padding:13px 0 0;
}
.section.section04 { 
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	padding:5px 58px 0 0;
	margin-bottom:119px;
}
.section.section04 .lBox { 
	margin:0 0 0 108px;
	padding:112px 0 0;
}
.section.section05 { 
	padding:55px 0 59px 2px;
}
.section.section05:before { 
	content:"";
	position:absolute; 
	display:block; 
	width: 1920px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -960px;
	background: url(/images/section5_bg.png) no-repeat; 
	background-size:cover;
}
.section.section05 .lBox { 
	position:relative; 	
	z-index:1;
}
.section.section05 .lBox .txtBox { 
	margin:0 0 47px;
}
.section.section05 .lBox .btnLst { 
	display:flex; 
	gap:22px;
}
.section.section05 .rBox { 
	position:absolute; 
	right:-132px;
	bottom:0;
}
footer { 
	padding:0 0 60px;
}
footer .section { 
	padding:0 10px;
}
.footer_logo { 
	width:100%;
	padding:37px 0;
	text-align:center;
}
.footer_info { 
	text-align:center;
}
.f_info { 
	margin:0 0 20px;
}
.f_info span { 
	font-size:16px;
	color:#777;
	letter-spacing:-1px;
	word-break:keep-all; 
}
.f_info span:after { 
	content:'';
	display:inline-block;
	width:1px;
	height:12px;
	margin:0 10px; 
	background:#ccc;
}
.f_info span:last-child:after { 
	display:none; 
}
.f_info:last-child { 
	margin:0;
}
.company_name { 
	font-weight:900; 
}

@media screen and (max-width:1919px) { 
	.sectionWr .section01 .conBox .leftBox { 
		max-width: 60%;
		margin:0 auto;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 30px;
	}
	.sectionWr .section01 .conBox .leftBox .btnLst { 
		justify-content:center; 
		gap:15px; 
	}
	.section.section02 { 
		padding:0 0 60px;
	}
	.section.section03 { 
		padding:20px 10px;
		margin-bottom:80px;
	}
	.section.section04 { 
		padding:0 10px;
		margin-bottom:80px;
	}
	.section.section05 .lBox { 
		max-width: 60%;
		margin:0 auto;
	}
	.section.section05 .lBox .btnLst { 
		justify-content:center; 
		gap:15px;
	}
}
@media screen and (max-width:1024px) { 
	.sectionWr .section01 { 
		padding:6% 10px 12%;
		margin:0 0 60px;
	}
	.section.section02 .titBox { 
		margin:0 0 40px; 
	}
	.section.section02 .titBox img { 
		max-width:80%; 
	}
	.section.section02 .conBox { 
		padding:0 10px; 
	}
	.section.section02 .conBox > div { 
		max-width:50%; 
		margin:0 auto 20px;
	}
	.section.section02 .conBox .rBox { 
		position:relative; 
		top:auto;
		right:auto;
	}
	.section.section02 .conBox .lBox { 
		margin-bottom:0;
	}
	.section.section02 .conBox .eBox { 
		display:none; 
	}
	.section.section03 { 
		flex-wrap:wrap;
		margin-bottom:60px;
	}
	.section.section03 .lBox,
	.section.section03 .rBox { 
		width: 100%;
		padding:0;
		margin:0;
		text-align:center;
	}
	.section.section03 .lBox img,
	.section.section03 .rBox img { 
		max-width: 50%; 
	}
	.section.section03 .lBox { 
		margin-bottom:20px;
	}
	.section.section04 { 
		flex-wrap:wrap; 
		flex-direction:row;
		margin-bottom:60px;
	}
	.section.section04 .lBox,
	.section.section04 .rBox { 
		width: 100%; 
		text-align:center;
	}
	.section.section04 .lBox img,
	.section.section04 .rBox img { 
		max-width: 50%; 
	}
	.section.section04 .lBox { 
		margin:0 0 20px;
		padding:0;
	}
	.section.section05 { 
		padding:40px 10px;
	}
	.section.section05 .lBox { 
		max-width:53%;
		margin:0 auto;
	}
	.section.section05 .lBox .txtBox { 
		margin:0 0 30px;
	}
	.section.section05 .rBox { 
		display:none;
	}
	footer { 
		padding:0 0 40px;
	}
	.footer_logo { 
		padding:20px 0;
	}
	.f_info { 
		margin:0 0 15px;
	}
}
@media screen and (max-width:999px) { 
	.sectionWr .section01 { 
		margin:0 0 20px;
	}
	.section.section02 { 
		padding:0 0 40px;
	}
	.section.section02 .titBox { 
		margin:0 0 20px; 
	}
	.section.section03 { 
		margin-bottom:40px;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section.section05 { 
		padding:30px 10px;
	}
	.section.section05 .lBox .txtBox { 
		margin:0 0 20px;
	}
}
@media screen and (max-width:599px) {
	.sectionWr .section01 { 
		padding:6% 10px;
		background-size:cover;
	}
	.sectionWr .section01 .conBox .leftBox { 
		max-width:70%;
		margin:0 auto;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 15px;
	}
	.sectionWr .section01 .conBox .rightBox { 
		display:none; 
	}
	.section.section02 { 
		padding:0 0 20px;
	}
	.section.section03 { 
		margin-bottom:20px;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section.section02 .conBox > div,
	.section.section03 .lBox img,
	.section.section03 .rBox img,
	.section.section04 .lBox img,
	.section.section04 .rBox img,
	.section.section05 .lBox { 
		max-width: 80%; 
	}
	.section.section05 { 
		padding:20px 10px;
	}
	footer { 
		padding:0 0 20px;
	}
	.footer_logo { 
		padding:15px 0;
	}
	.f_info { 
		margin:0 0 10px;
	}
	.f_info span { 
		display:block; 
	}
	.f_info span:after { 
		display:none; 
	}
}
/* -------- ·£µùÆäÀÌÁö ³¡ -------- */