/* CSS Document */
/* CSS Document */

/*font-family: flood-std, sans-serif;font-weight: 400;font-style: normal;*/

@font-face { 
 font-family: SDSwaggerTTF;  
 src:  
	  url(../../font/SDSwaggerTTF.eot), 
	  url(../../font/SDSwaggerTTF.ttf), 
	  url(../../font/SDSwaggerTTF.woff), 
	  url(../../font/SDSwaggerTTF.woff2); 
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
	font-family: 'flood-std';
	font-style:normal;
	font-weight:400;
	src:
		url("https://use.typekit.net/af/6da923/000000000000000000012fc3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
		url("https://use.typekit.net/af/6da923/000000000000000000012fc3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
		url("https://use.typekit.net/af/6da923/000000000000000000012fc3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	/*font-display:auto;font-style:normal;font-weight:400;*/
}

html, body {height:100%; margin:0; padding:0; border:0; outline:0; color:inherit; font-family:'Noto Sans KR','NanumSquare', '돋움', Dotum, sans-serif; font-size:13px; line-height:normal; vertical-align:baseline;}

body {width:100%; margin:0 auto;}
a {color:inherit;text-decoration: none;}
/*a:hover {text-decoration:underline;color:#3E7CE8;}*/

ul, li {list-style: none; padding:0;}

input{outline-width:0;}
	
table{padding:0;border:0;border-spacing:0px;border-collapse:collapse;}
th, td{padding:0;}
	
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {color:#666; margin-right:30px;}
input[type="checkbox"] + label span {display:inline-block; width:19px; height:19px; margin:-2px 5px 0 0; vertical-align:middle; background:url("../../images/common/check2.png") left top no-repeat; cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url("../../images/common/check2.png") -19px top no-repeat;}
input[type="radio"] {display:none;}
input[type="radio"] + label {color:#666; margin-right:30px;}
input[type="radio"] + label span {display:inline-block; width:19px; height:19px; margin:-2px 5px 0 0; vertical-align:middle; background:url("../../images/common/check2.png") -38px top no-repeat; cursor:pointer;}
input[type="radio"]:checked + label span {background:url("../../images/common/check2.png") -57px top no-repeat;}
img {vertical-align:top;}

select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url('../../images/common/select.png')
		 no-repeat 93% 50%; /* 화살표 모양의 이미지 */ }


/****** top menu*******/

/*#back {position: fixed; width:100%; height:81px; z-index:10; background:rgba(255,255,255,1); top:0; border-bottom:1px solid #eee; }*/
#header {width:100%; height:80px; color:#000; display:table; background:rgba(255,255,255,1); border-bottom:1px solid #eee;}
#header .menuCon {display:table; width:1180px; margin:0 auto;}
#header .menuCon .li01 {width:114px; display:inline-block; float:left;margin-top:7px;}
#header .menuCon .li02 {width:730px; height:81px; display:inline-block; float:left;}
#header .menuCon .li02 ul {display:table; margin-left:60px;}
#header .menuCon .li02 ul li {width:calc(670px / 4); display:inline-block; float:left; font-size:18px; font-weight:500;  line-height:81px; text-align:center;}
#header .menuCon .li02 ul div {position:absolute; z-index:100; top:81px; display:none; width:calc(600px / 3); background:rgba(181,224,255,0.9); font-size:15px;  padding:15px 0; color:#000; text-align:left; line-height:35px;}
#header .menuCon .li02 ul div span{font-weight:400;text-align:left;padding:0 10px 5px 0; margin:0 10px;}
#header .menuCon .li03 {width:336px; height:80px; display:inline-block; float:left; line-height:80px; text-align:right; font-size:14px;}

/**************
#header .menuCon .li01 {width:50%; display:inline-block; float:left;margin-top:7px;}
#header .menuCon .li03 {width:50%; height:80px; display:inline-block; float:left; line-height:80px; text-align:right; font-size:14px;}
******************/

#header .hov { background-color: #0065a4; color: #fff; }
#header .shov { border-bottom:3px solid #0065a4; }

#container {width:100%; max-width:1180px; margin:70px auto 150px;}

/****** footer *******/

#footer {width:100%; height:100px; background:rgba(0,0,0,1); color:#8b8e91; padding:0; font-size:14px;}
#footer .con {position:relative; width:1180px; margin:0 auto; padding:0; line-height:normal;}
#footer .con i {width:1px; height:9px; background:url('../../images/footer/dot01.png') center center no-repeat; padding:0 13px;letter-spacing: 1.1px;}


/****** main contents *******/
	#myVideo{
		-webkit-transform: translateX(-85%) translateY(-85%); 
		-moz-transform: translateX(-85%) translateY(-85%); 
		-ms-transform: translateX(-85%) translateY(-85%); 
		-o-transform: translateX(-85%) translateY(-85%); 
		transform: translateX(-85%) translateY(-85%); 
		position: absolute; top: 85%; left: 85%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-1;}	

#actions {position:absolute; top: 73px; left: 30px; z-index: 99999;}
#actions a {background: rgba(0,0,0,0.8); padding: 7px; margin: 2px; color: #ccc; display: inline-block;}
#actions a:hover {color: #fff; background: #81A140;}
.section {background-size: cover;}
.slide {background-size: cover;}

/* Defining each section background and styles
* --------------------------------------- */
/*#section0 {background-image: url('../../images/main/main1-1.jpg');}*/

#section1 {background-image: url('../../images/main/main2.jpg');}
#section2 {background-image: url('../../images/main/main3.jpg');}
#section3 {background-image: url('../../images/main/main1-1.jpg');}
#section3 .bot {position:absolute; bottom:0; left:0; z-index:100; width:100%; text-align:left;}

.intro0 {width:96%; max-width:1180px; margin:0 auto; diplay:table;}
.intro0 .etitle {font-family: flood-std, sans-serif;font-weight: 400;font-style: normal; color:#fff; font-size:65px;letter-spacing: -5px}
.intro0 .htitle {color:#fff; font-size:24px; font-weight:500; margin-top:20px; word-break: keep-all}
.intro0 .introCon {width:756px; height:156px; background:rgba(255,255,255,1); margin:120px auto 0; border-radius: 10px; display:table;}
.intro0 .introCon ul {width:90%; margin:34px auto 0; display:table; font-size:15px; line-height:40px;}
.intro0 .introCon li {width:25%; display: inline-block; float:left; background:url('../../images/main/line_bg01.png') 100% 40% no-repeat;}
.intro0 .introCon li:last-child {width:25%; display: inline-block; float:left; background:url('') -1% 40% no-repeat;}
.scrollDown {position:absolute; bottom:50px; left:0; z-index:100; width:100%; color:#000; display:table;}

.intro1 {width:915px; margin:0 auto; diplay:table;}
.intro1 .etitle {width:430px;font-family: flood-std, sans-serif;font-weight: 400;font-style: normal; color:#fff; font-size:60px; text-align:left; display:inline-block; float:left;}
.intro1 .htitle {width:485px;display:table; display:inline-block; float:left;color:#fff;}
.intro1 .htitle1 {font-weight: 900;font-style: normal; font-size:40px; text-align:left;}
.intro1 .htitle2 { margin-top:65px; font-weight: 400;font-style: normal; font-size:20px; text-align:left;}

.intro2 {width:915px; margin:100px auto 0; diplay:table;}
.intro2 .etitle {width:430px;font-family: flood-std, sans-serif;font-weight: 400;font-style: normal; color:#fff; font-size:60px; text-align:left; display:inline-block; float:left;}
.intro2 .memberJoin {width:160px; height:48px; line-height:48px; border-radius:24px; background: #f3e4b3; font-size:17px; color:#000; text-align:center; font-weight: 700; margin-top:100px;}
.intro2 .memberJoin img {margin-left:7px; margin-top:15px;}
.intro2 .htitle {width:485px;display:table; display:inline-block; float:left;color:#000;}
.intro2 .htitle .memberGrade {position: absolute; top:-17px; left:20px; width:150px; height:35px; line-height:35px;background:#b0814b; color:#fff; text-align:center; font-size:14px; font-weight:500}
.intro2 .htitle ul {width:100%;}
.intro2 .htitle ul li {width:calc(100% - 100px); background:#fff; margin-bottom:15px; padding:40px 50px; text-align:left; }
.intro2 .htitle1 {font-weight: 700;font-style: normal; font-size:40px; text-align:left;}
.intro2 .htitle2 { margin-top: 5px; font-weight: 400;font-style: normal; font-size:24px; text-align:left;}

.intro3 {width:96%;max-width:915px; margin:0 auto; diplay:table;}
.intro3 .etitle {width:100%;font-family: flood-std, sans-serif;font-weight: 400;font-style: normal; color:#fff; font-size:60px;margin-top:-60px;}
.intro3 .concon {width:100%; margin-top:30px;}
.intro3 .newsCon {display:table;width:900px;}
.intro3 .newsCon > li {width:calc((100% - 30px) / 3); margin-right:10px; display:inline-block; float:left;}
.intro3 .newsCon > li:last-child {margin-right:0;}
.intro3 .newsCon > li > div {width:100%; height:150px; background:#999; text-align:left; position: relative; line-height: 25px;}
.intro3 .newsCon > li > div:last-child {width:calc(100% - 30px); height:240px; background:#fff; padding:25px 15px 15px;}
.intro3 .newsCon > li > div > span {font-size:18px; font-weight:700; word-break: keep-all;}
.intro3 .newsCon > li > div .more {font-size:16px; font-weight:500; colr:#666; text-align:left; position: absolute; bottom:15px;}
.intro3 .newsCon > li > div .more > img {margin-left:7px; margin-top:6px;}
.intro3 .newsCon > li > div .title {font-size:14px; font-weight:500; color:#fff; width:120px;text-align:left; position: absolute; top:-15px; padding:3px 0 3px 15px; background:#b0814b;}

/****** membears ******/
.memberBlank {width:100%; height:100px; display:table;}
.memberWrap {margin-bottom:200px;}
.memberWrap>.title {margin-top:50px; font-size:40px;padding-bottom:30px; border-bottom:2px solid #333;}
.memberWrap .title span {font-size:20px;}
.memberWrap .allCheck {margin-top:30px; font-size:15px;padding-bottom:20px; border-bottom:1px solid #eee;}
.memberWrap .check {margin-top:30px; font-size:15px;padding-bottom:30px; border-bottom:1px solid #eee;}
.memberWrap .check .con {width:calc(100% - 42px); height:250px; overflow-y: scroll; font-size:13px; font-weight:300; padding:20px; border:1px solid #eee; margin-top:20px;word-break: keep-all;}
.memberWrap .confirm {width:350px; padding:15px 0; text-align:center; margin:0 auto; background:#555; color:#fff;font-size:15px;margin-top:100px; cursor:pointer;}

.memberWrap .joinUl {width:100%;display:table; font-size:16px; margin:20px 0;}
.memberWrap .joinUl .li01 {display:inline-block; float:left;width:20%;height:50px; line-height:50px;}
.memberWrap .joinUl .li02 {display:inline-block; float:left;width:40%;font-size:14px;}
.memberWrap .joinUl .line {height:50px; line-height:50px;}
.memberWrap .joinUl .li03 {display:inline-block; float:left;width:calc(40% - 20px); padding-left:20px; height:50px; line-height:50px;font-size:14px; color:#999;}
.memberWrap .joinUl .li031 {display:inline-block; float:left;width:calc(40% - 20px); padding-left:20px;}
.memberWrap .joinUl .input01 {width:calc(100% - 22px); height:46px; padding:0 10px; border:1px solid #eee;}
.memberWrap .duplication {font-size:12px; width:120px; height:48px; border-bottom:2px solid #eee; border-top: 0; border-left: 0; border-right: 0;background:#eee; text-align:center; cursor:pointer;}
.memberWrap .post {width:120px; height:46px; padding:0 10px; border:1px solid #eee;}
.memberWrap .findAddr {font-size:14px; width:120px; height:46px; line-height:46px; padding:0 10px; border:1px solid #eee; background:#eee; text-align:center; margin-top:-48px; margin-left: 150px;cursor:pointer;}
.memberWrap .joinUl .t1 {width:calc(100% / 4); height:46px; padding:0 10px; border:1px solid #eee;}
.memberWrap .idCheck_layer {width:400px; height:300px; position:fixed; top:50%; margin-top:-150px; left:50%; margin-left:-200px; border:2px solid #222; background:#fff; display:none;}
.memberWrap .idCheck_layer .div01 {width:94%; margin:40px auto 10px; font-size:20px; font-weight:500; padding-bottom:10px; border-bottom:2px solid #333; text-align:center;}
.memberWrap .idCheck_layer .div01 span {font-size:15px;font-weight:300; color:#999;}
.memberWrap .idCheck_layer .div02 {width:94%; margin:40px auto 20px; text-align:center;}
.memberWrap .idCheck_layer .div02 input {width:200px; height:36px; padding:0 10px; border:1px solid #eee;}
.memberWrap .idCheck_layer .div03 {width:94%; margin:0 auto; text-align:center; margin-bottom:20px; display:none;}
.memberWrap .idCheck_layer .div04 {width:94%; margin:0 auto; text-align:center; margin-bottom:20px; display:none;}
.memberWrap .idCheck_layer .div05 {width:94%; margin:0 auto; text-align:center; display:none;}
.memberWrap .idCheck_layer a {width:200px; height:36px; padding:8px 20px 11px; background:#999;}
.memberWrap .idCheck_layer img {position:absolute; bottom:10px; right:10px; cursor:pointer;}

.memberWrap .loginTitle {width:94%; max-width:400px; margin:50px auto 0; font-size:40px;padding-bottom:30px; border-bottom:2px solid #333; text-align:left;}
.memberWrap .loginArea {width:94%; max-width:400px; margin:50px auto 0; font-size:15px;}
.memberWrap .loginArea div {width:100%; margin-bottom:10px;}
.memberWrap .loginArea input {width:calc(100% - 22px); height:46px; padding:0 10px; border:1px solid #eee; margin-bottom:10px;}
.memberWrap .loginArea button {width:100%; max-width:400px; padding:15px 0; text-align:center; background:#555; color:#fff;font-size:15px;margin-top:10px; cursor:pointer; border:0;}
.memberWrap .findArea {width:100%; max-width:400px; margin:10px auto 0; font-size:14px; font-weight:300; text-align:right; color:#999;}
.memberWrap .findArea i {width:1px; height:9px; background:url('../../images/footer/dot01.png') center center no-repeat; padding:0 13px;letter-spacing: 1.1px;}
.memberWrap .joinTitle {width:94%; max-width:400px; margin:50px auto 0; font-size:20px;padding-top:30px; border-top:1px solid #eee;}
.memberWrap .joinTitle1 {width:94%; max-width:400px; margin:0 auto 20px; font-size:30px;padding-bottom:20px; border-bottom:2px solid #333;}
.memberWrap .joinButton {width:94%; max-width:400px; padding:15px 0; text-align:center; margin:30px auto; background:#fff; border:1px solid #555; color:#fff;font-size:15px; cursor:pointer; color:#555;}

.memberWrap .findIdArea {width:94%; max-width:400px; margin:50px auto 0; font-size:15px;}
.memberWrap .findIdArea input {width:calc(100% - 22px); height:46px; padding:0 10px; border:1px solid #eee; margin-bottom:10px;}
.memberWrap .findIdArea .sTitle {text-align:left; color:#999; margin-bottom:5px;}
.memberWrap .findIdArea>form>div {margin-bottom:20px;}
.memberWrap .findIdArea .sel01 {width:100%; height:46px; padding:0 10px; border:1px solid #eee;}
.memberWrap .findIdArea .sel02 {width:80px; height:46px; padding:0 10px; border:1px solid #eee;}
.memberWrap .findIdArea .t2 {width:31%; height:46px; padding:0 10px; border:1px solid #eee;}
.memberWrap .findIdArea button {width:100%; max-width:400px; padding:15px 0; text-align:center; background:#555; color:#fff;font-size:15px;margin-top:20px; cursor:pointer; border:0;}

.memberWrap .agree .con {width:calc(100% - 82px); height:400px; overflow-y: auto; font-size:13px; font-weight:300; padding:40px; border:1px solid #eee; margin-top:20px; word-break:break-all; text-align:justify;}

	#w9001 {display: block;}
	#w9002 {display: none;}
/****
@media only screen and (max-width:1046px){
	.memberWrap .joinUl {margin:10px 0;}
	.memberWrap .joinUl .li01 {width:20%;font-size:12px;height:40px; line-height:40px;}
	.memberWrap .joinUl .li02 {float:left;width:80%;font-size:12px;}
	.memberWrap .joinUl .line {height:40px; line-height:40px;}
	.memberWrap .joinUl .li03 {display:inline-block; float:left;width:80%; padding-left:0; height:40px; line-height:40px;font-size:12px; color:#999;}
	.memberWrap .joinUl .line2 {display:none;}
	.memberWrap .joinUl .li031 {width:80%; padding-left:0; margin-top:10px;}
	
	.memberWrap .joinUl .input01 {width:calc(100% - 22px); height:36px; padding:0 10px; border:1px solid #eee;}
	.memberWrap .joinUl .t1 {width:calc(100% / 4); height:36px; padding:0 10px; border:1px solid #eee;}
	.memberWrap .duplication {font-size:12px; width:110px; height:38px; margin:5px 0;}
	
	.memberWrap .post {width:120px; height:36px;}
	.memberWrap .findAddr {font-size:12px;height:36px; line-height:36px; padding:0 10px; border:1px solid #eee; margin-top:-38px;}
}

@media only screen and (max-width:900px){	
	.intro3 .newsCon ul > li {line-height:20px;}	
	.intro3 .newsCon > li > div:last-child {height:auto;}
}

@media only screen and (max-width:780px){
	#header {height:59px}
	#header .menuCon .li03 {height:59px; line-height:59px;}
	#header .menuCon .li01 img {width:80px;}
	
	.intro0 .etitle {font-size:45px;letter-spacing: 1px}
	.intro0 .htitle {font-size:18px;}
	.intro0 .htitle br {display:none;}
	#fp-nav {display:none;}
}

@media only screen and (max-width:420px){
	.intro0 .etitle {font-size:35px;letter-spacing: 1px}
}

@media only screen and (max-width:320px){
	.intro0 .etitle {font-size:30px;letter-spacing: 1px}
}
****/