@charset "utf-8";
@import url("/core/fonts/webfonts/font012.html");
html, body { padding: 0; margin: 0;}

input::-ms-clear {
    display: none;
}
input::-ms-reveal {
   display: none;
}


.gsForm textarea,
.gsForm label,
.gsForm input,
.gsForm select,{ font-family: 'NotoSansKrRegular';}
.gsForm p, 
.gsForm div, 
.gsForm ul, 
.gsForm li {margin: 0; padding: 0;}
/**/
.checkbox-wrap1 { display: inline-block; cursor: pointer;}
.checkbox-wrap1 .check-icon1 { display: inline-block; width: 18px; height: 18px; background: url(../images/input2.png) left center no-repeat; vertical-align: middle; transition-duration: .3s; vertical-align:middle;}
.checkbox-wrap1 input[type=radio], .checkbox-wrap1 input[type=checkbox] { display: none;}
.checkbox-wrap1 input[type=checkbox]:checked + .check-icon1 { background-image: url(../images/input2_on.png); vertical-align:middle;}

.checkbox-wrap1 .check-icon2 { display: inline-block; width: 17px; height: 17px; background: url(../images/input4.png) left center no-repeat; vertical-align: middle; transition-duration: .3s; vertical-align:middle; margin-bottom: 2px; margin-right: 3px;}
.checkbox-wrap1 input[type=radio], .checkbox-wrap1 input[type=checkbox] { display: none;}
.checkbox-wrap1 input[type=radio]:checked + .check-icon2 { background-image: url(../images/input4_on.png); vertical-align:middle;}
.checkbox-wrap1 .check-icon3 { display: inline-block; width: 17px; height: 17px; background: url(../images/input3.png) left center no-repeat; vertical-align: middle; transition-duration: .3s; vertical-align:middle; margin-bottom: 2px; margin-right: 3px;}
.checkbox-wrap1 input[type=checkbox], .checkbox-wrap1 input[type=checkbox] { display: none;}
.checkbox-wrap1 input[type=checkbox]:checked + .check-icon3 { background-image: url(../images/input3_on.png); vertical-align:middle;}
/**/
.jm_serachBox { position: relative; clear: both; margin-bottom: 20px;}
.jm_serachBox > div:nth-child(1) { font-size: 0;}
.jm_serachBox > div:nth-child(1) > span { position: absolute; left: 0; top: 0; width: 100%; height: 51px; border-bottom: 2px solid #666;}
.jm_serachBox > div:nth-child(1) > p { position: relative; display: inline-block; vertical-align: top; font-size: 16px; padding: 0 40px; height: 50px; line-height: 50px; border: 1px solid #cbcbcb; border-bottom: none; background-color: #fff; cursor: pointer; color: #666;}
.jm_serachBox > div:nth-child(1) > p a { color: #666; text-decoration: none;}
.jm_serachBox > div:nth-child(1) > p.tabOn {height: 51px; line-height: 51px; border: 2px solid #666; border-bottom: none; font-weight: bold; color: #333; background: #f9f9f9 url(../images/arrow1.png) center bottom no-repeat;}

.gsHome ::-webkit-input-placeholder { color: #999;}
.gsHome ::-moz-placeholder { color: #999;}
.gsHome :-ms-input-placeholder { color: #999;}
.gsHome :-moz-placeholder { color: #999;}
/**/
.gsHome .blockType1 { padding-bottom: 20px; text-align:right;}
.gsHome .tip1 { display: block;}
.gsHome .tip2 { display: block;}
.gsHome .color1 { color: #F60;}
.gsHome .color2 { color: #999;}
.gsHome .color3 { color: #C3C;}
.gsHome .color4 { color: #6C6;}
.gsHome .red { color: red; font-weight:600;}
/**/
.gsHome .gsBtn1 { display:inline-block; vertical-align:middle; font-size: 15px; font-weight:600; padding: 5px 20px; border-radius:5px;	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%); background-color:#77b55a; border:1px solid #4b8f29; cursor:pointer; color:#ffffff; text-decoration:none; text-shadow:0px 1px 0px #5b8a3c;}
.gsHome .gsBtn2 { display:inline-block; vertical-align:middle; vertical-align:middle; font-size: 12px; color:#fff; width: 60px; text-align:center; padding: 2px 0; border-radius:3px; cursor:pointer; background: #bbb;}
.gsHome .gsBtnBlank { background: none; cursor:default; font-size: 0;}
.gsHome .gsBtn3 { display:inline-block; vertical-align:middle; font-size: 13px; font-weight:600; padding: 3px 15px; border-radius:5px; background-color:#666; border:1px solid #666; cursor:pointer; color:#ffffff;}
.gsHome .gsBtn4 { box-shadow:inset 1px 1px 1px 1px #ffffff; background:linear-gradient(to bottom, #ffffff 5%, #f2f2f2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0); background-color:#ffffff; border-radius:2px; border:1px solid #ccc; display:inline-block; vertical-align:middle; cursor:pointer; color:#666666;	font-size:12px; font-weight:bold; vertical-align: middle; padding:2px 5px; text-shadow:0px 1px 0px #ffffff;}
.gsHome .gsBtn5 { display:inline-block; vertical-align:middle; font-size: 13px; font-weight:600; padding: 3px 15px; border-radius:5px; background-color:#fff; border:1px solid #666; cursor:pointer; color:#666;}
.gsHome .gsBtn6 { display:inline-block; vertical-align:middle; font-size: 15px; font-weight:600; padding: 4px 25px; border-radius:5px; background-color:#77b55a; border:1px solid #77b55a; cursor:pointer; color:#fff;}
.gsHome .gsBtn7 { display:inline-block; vertical-align:middle; font-size: 15px; font-weight:600; padding: 4px 25px; border-radius:5px; background-color:#fff; border:1px solid #aaa; cursor:pointer; color:#666;}
.gsHome .gsBtn8 { display:inline-block; vertical-align:middle; font-size: 15px; font-weight:600; padding: 4px 25px; border-radius:5px; background-color: #666; border:1px solid #555; cursor:pointer; color:#fff;}
/**/
.gsHome input[type="text"],
.gsHome input[type="password"] { border: 1px solid #d2d2d2; height: 30px; box-sizing: border-box; border-radius:3px; vertical-align:middle; outline: none; text-align: center;}
.gsHome input[type="text"]:focus,
.gsHome input[type="password"]:focus { background: #f6f6f6;}
.gsHome .inputType1 { border: 1px solid #d2d2d2; height: 30px; box-sizing: border-box; border-radius:3px; text-align:center; width: 160px; vertical-align:middle; outline: none;}
.gsHome .inputType2 { border: 1px solid #d2d2d2; height: 30px; box-sizing: border-box; border-radius:3px; text-align:center; width: 100%; vertical-align:middle; outline: none;}
.gsHome select { border: 1px solid #d2d2d2; height: 30px; box-sizing: border-box; border-radius:3px; vertical-align:middle; outline: none;}
.gsHome textarea { border: 1px solid #d2d2d2; height: 50px; box-sizing: border-box; border-radius:3px; width: 100%; vertical-align:middle; padding: 10px; outline: none;}
/**/
.gsHome { font-family: 'NotoSansKrRegular'; color: #666; font-size: 15px; letter-spacing:-0.5px; position: relative; width:100%; max-width: 2000px; margin: 0 auto;}

.gsHome .bgArea { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333 /*url(../images/bg2.jpg) center repeat-y*/; background-size: contain;}
.gsHome .bgArea .bg001 { background: #333;}
.gsHome .bgArea .bg001 > img { vertical-align: top;}
.gsHome .bgArea .bg002 { background: #333; position: absolute; left: 0; bottom: 0; width: 100%;}
.gsHome .bgArea .bg002 > img { vertical-align: top;}

.gsHome .section { position: relative;}
.gsHome .section > div { margin: 0 auto; width: 100%; max-width: 900px;}
.gsHome .section01 { padding: 0;}
.gsHome .section02 { /*background: url(../images/bg1.jpg) center no-repeat; background-size: 100%;*/}
.gsHome .section03 {}
.gsHome .section04 {}

.gsHome .logo { text-align:center; padding: 50px;display:flex; align-items: center; justify-content: center;}
.gsHome .logo > p { display:inline-flex; align-items: center; justify-content: center;}
.gsHome .logo > p img { vertical-align: middle;}
.gsHome .logo > p > span:nth-child(1) { padding-right: 8px;}
.gsHome .logo > p > span:nth-child(2) {font-size: 13px; color: rgba(255,255,255,0.8); text-align: left;}
.gsHome .logo > p > span:nth-child(2) strong { display: block; font-weight: normal; font-size: 15px;}
.gsHome .logo > div { padding-left: 10px; font-size: 36px; font-weight: 700; color: #fff; letter-spacing: -1px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.gsHome .infor { box-shadow: 40px 70px 40px rgba(0,0,0,1); background: #fff; border: 10px solid #fff; border-radius: 30px; overflow: hidden;}
.gsHome .infor > img {vertical-align: top;}
.gsHome .infor > .moreInfor { margin: 20px 0;}
.gsHome .infor > .moreInfor:fist-child { margin-top: 0;}
.gsHome .basic { background: #91c5db; padding: 40px; border: 2px solid #91c5db;}
.gsHome .basic .tableStyle1 { padding: 20px; background: #fff; border-radius:20px; }
.gsHome .basic .tableStyle1 > div { display:flex; align-items: stretch; justify-content: center;}
.gsHome .basic .tableStyle1 > div > div { border-bottom: 1px solid #d1d1d1; padding: 10px; font-size: 22px;}
.gsHome .basic .tableStyle1 > div > div:nth-child(1) { flex-grow: 0; color:#212121; font-weight:600;}
.gsHome .basic .tableStyle1 > div > div:nth-child(1) p { width: 120px; vertical-align: middle;}
.gsHome .basic .tableStyle1 > div > div:nth-child(2) { flex-grow: 1; font-size: 18px; padding-top: 13px;}

.gsForm { box-shadow: 40px 70px 40px rgba(0,0,0,1); background: #fff; border: 10px solid #fff; border-radius: 30px; overflow: hidden; padding: 40px; margin-top: 40px;}
.gsForm .tip { display: block; padding-bottom: 4px; color: #999;}
.gsForm .tip strong {}
.gsForm .write { display:table; width: 100%; border-collapse:collapse; border-top:2px solid #999; font-size: 18px;}
.gsForm .write > div { display:table-row;}
.gsForm .write > div > p { display: table-cell; background: #eee; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; vertical-align: middle; padding: 8px 20px; font-weight:500; color: #212121; width: 200px;}
.gsForm .write > div > div { display: table-cell; background: #fff; border-bottom: 1px solid #d2d2d2; vertical-align: middle; padding: 8px 20px;}
.gsForm .write > div > div > div .tip1 { font-size: 14px; color: #212121;}
.gsForm .write > div > div > div .tip2 { font-size: 14px; color: #212121;}
.gsForm .write > div > div > div > div > .tip1 { font-size: 13px; color:#999;}
.gsForm .write > div > div > div > div > .tip2 { font-size: 13px; color:#999;}
.gsForm .write > div > div .field1 { display: inline-block; vertical-align: middle; margin: 5px 5px 5px 0;}
.gsForm .write > div > div .field2 { display: block; vertical-align: middle; margin: 5px 5px 5px 0;}
.gsForm .write > div > div .formInput { display: flex; align-items: center; justify-content: flex-start; white-space: nowrap;}
.gsForm .write > div > div .formInput2 { display: inline-block; vertical-align: middle; }
.gsForm .write > div > div .formInput2 p { display: inline-block; vertical-align: middle;}
.gsForm .write > div > div .formInput3 { display: block; vertical-align: middle; }

.gsForm .write .fieldAressSearch { background: #f6f6f6; font-size: 13px;}
.gsForm .write .fieldAressSearch li { list-style: none;}
.gsForm .write .fieldAressSearch .result { height: 200px; overflow-y: scroll;}
.gsForm .write .fieldAressSearch .result > div { border-bottom: 1px solid #dfdfdf;}
.gsForm .write .fieldAressSearch .result > div > p > span { display: inline-block; border-radius: 3px; width: 60px; background: #eee; color: #212121; text-align: center; margin-right: 5px;}
.gsForm .write .fieldAressSearch .result > div > p:nth-child(2) { margin-bottom: 2px;} 


.gsForm .write .fieldBtn1 {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
	color:#777777;
	font-size:15px;
	padding:0 10px;
	margin: 0 2px 0 0;
	height: 28px;
	line-height: 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.gsForm .write .fieldBtn2 {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
	color:#666666;
	font-size:15px;
	padding:0 20px;
	margin: 0 2px 0 0;
	height: 28px;
	line-height: 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.gsForm .agree { margin-top: 40px;}
.gsForm .agree > p { font-size: 30px; color: rgba(0,0,0,0.3); font-weight: 600; padding-bottom: 5px;}
.gsForm .agree > div { border: 1px solid #d2d2d2;}
.gsForm .agree > div > div { padding: 20px; height: 150px; overflow-y: scroll; background: #f6f6f6; color: #999; font-weight: 300;}
.gsForm .agree > div > p { padding: 5px 10px; border-top: 1px solid #d2d2d2;}

.gsForm .bottom { padding-top: 30px; text-align: center;}
.gsForm .bottom .btnType1 {
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	background: #2193b0;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}
.gsForm .bottom .btnType2 {
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	background: #666;
	}

.gsHome .jeja_bottom { padding: 15px; text-align:center;}
.gsHome .jeja_bottom p.gotop { display:inline-block; vertical-align:top; width: 90px; height: 90px; cursor:pointer; background: url(../images/topbtn.png); background-size: 100%;}
/**/
.gsForm .gsFormLayer { position:fixed; left: 0; top: 0; right: 0; bottom: 0; display:flex; align-items: center; justify-content: center;}
.gsForm .gsFormLayer > div { border: 2px solid #666; border-radius:20px; background: #fff; padding: 15px; min-width:200px; box-sizing:border-box;}
.gsForm .gsFormLayer > div > p:first-child { font-size: 15px; font-weight:600; position:relative; border-bottom: 1px solid #666;}
.gsForm .gsFormLayer > div > p:first-child > span { position:absolute; right: 0; top: 0; width:20px; height:20px; background:url(../images/close1.png) center no-repeat; cursor:pointer;}
.gsForm .gsFormLayer > div > div { padding: 10px 0; color:#999;}
.gsForm .gsFormLayer > div > p:last-child { text-align:center;}

.gsForm .levelSet { border: 1px solid #999; border-radius:5px; height: 80px; overflow: hidden; overflow-y: scroll; margin-bottom: 10px;}
.gsForm .levelSet > p { padding: 3px 5px; background: #f6f6f6; margin-bottom: 1px; cursor:pointer;}
.gsForm .levelSet > p:hover { color:#212121;}
.gsForm .levelName { display:flex; align-items: center; justify-content: center;}
.gsForm .levelName span { background: #999; color: #fff; font-size: 12px; padding: 3px 5px; border-radius:3px; margin-left: 2px; cursor:pointer;}

	@media all and (max-width: 1000px) {
		.gsHome .bgArea {}

		.gsHome .section { position: relative; padding: 0 15px;}
		.gsHome .section > div {}
		.gsHome .section01 {}
		.gsHome .section02 {}
		.gsHome .section03 {}
		.gsHome .section04 {}

		.gsHome .logo { text-align:center; padding: 30px 0;display:block;}
		.gsHome .logo > p { }
		.gsHome .logo > p img {}
		.gsHome .logo > p > span:nth-child(1) {}
		.gsHome .logo > p > span:nth-child(2) {}
		.gsHome .logo > p > span:nth-child(2) strong {}
		.gsHome .logo > div { padding-left: 0; padding-top: 10px; font-size: 22px; word-break: keep-all;}
		.gsHome .infor { box-shadow: none;border-radius: 20px;}
		.gsHome .infor > img {}
		.gsHome .infor > .moreInfor {}
		.gsHome .infor > .moreInfor:fist-child {}
		.gsHome .basic {padding: 10px;}
		.gsHome .basic .tableStyle1 { padding: 0; border-radius:0; background: none;}
		.gsHome .basic .tableStyle1 > div { display: block; margin-bottom: 10px; border-radius:10px; background: #fff; overflow:hidden;}
		.gsHome .basic .tableStyle1 > div:last-child {margin-bottom: 0;}
		.gsHome .basic .tableStyle1 > div > div { border-bottom: none; padding: 10px;}
		.gsHome .basic .tableStyle1 > div > div:nth-child(1) { font-size: 18px;}
		.gsHome .basic .tableStyle1 > div > div:nth-child(2) { padding-top: 0; font-size: 15px;}
		.gsForm { box-shadow: none;border-radius: 20px;padding: 10px; margin-top: 40px;}
		.gsForm .tip { }
		.gsForm .tip strong {}
		.gsForm .write {  display: block; border-top: none;}
		.gsForm .write > div { display: block; border: 1px solid #d2d2d2; border-radius: 5px; overflow:hidden; margin-bottom: 10px;}
		.gsForm .write > div > p { display: block; border-bottom: none; border-right: none; vertical-align: middle; padding: 10px; width: auto; font-size: 18px;}
		.gsForm .write > div > div { display: block; border-bottom: none; padding: 10px; font-size: 15px;}
		.gsForm .write > div > div .field1 { margin-top: 10px;}
		.gsForm .write > div > div .field1:first-child { margin-top: 0;}
		.gsForm .write > div > div .field2 { vertical-align:top; margin: 0 10px 10px 0;}
		.gsForm .write > div > div .field2:first-child {}
		.gsForm .write > div > div .field2 label { }

		.gsForm .write .fieldAressSearch { }
		.gsForm .write .fieldAressSearch li { }
		.gsForm .write .fieldAressSearch .result { }
		.gsForm .write .fieldAressSearch .result > div { }
		.gsForm .write .fieldAressSearch .result > div > p > span { }
		.gsForm .write .fieldAressSearch .result > div > p:nth-child(2) { } 

		.gsForm .write .fieldBtn1 {}
		.gsForm .write .fieldBtn2 {}

		.gsForm .agree { }
		.gsForm .agree > p { font-size: 18px;}
		.gsForm .agree > div { }
		.gsForm .agree > div > div { padding: 10px; height: 120px; font-size: 13px;}
		.gsForm .agree > div > p { }

		.gsForm .bottom { padding-top: 30px; text-align: center;}
		.gsForm .bottom .btnType1 {
			height: 40px;
			line-height: 40px;
			padding: 0 20px;
			border-radius: 5px;
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
			font-size: 20px;
			color: #fff;
			text-shadow: 0 2px 2px rgba(0,0,0,0.5);
			background: #2193b0;  /* fallback for old browsers */
			background: -webkit-linear-gradient(to left, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
			background: linear-gradient(to left, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
			}
		.gsForm .bottom .btnType2 {
			height: 50px;
			line-height: 50px;
			padding: 0 50px;
			border-radius: 5px;
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
			font-size: 20px;
			color: #fff;
			text-shadow: 0 2px 2px rgba(0,0,0,0.5);
			background: #666;
			}

		.gsHome .jeja_bottom { padding: 15px; text-align:center;}
		.gsHome .jeja_bottom p.gotop { display:inline-block; vertical-align:top; width: 90px; height: 90px; cursor:pointer; background: url(../images/topbtn.png); background-size: 100%;}
	}

.gsForm .writeLayer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center;}
.gsForm .writeLayer > div { background: #fff; border-radius: 20px; padding: 40px;}
.gsForm .writeLayer > div > p { }
.gsForm .writeLayer > div > div { margin: 30px;}
.gsForm .writeLayer > div > div > p { margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
.gsForm .writeLayer > div > div > p > strong {flex: 80px 0 0; text-align: right; margin-right: 5px;}
.gsForm .writeLayer > div > div > p > span { flex: 200px 0 0;}
.gsForm .writeLayer > div > div > p > span > input[type="text"],
.gsForm .writeLayer > div > div > p > span > input[type="password"] { width: 100%;}
.gsForm .writeLayer > div > div:last-child {}
.gsForm .writeLayer > div > div:last-child > p { display: inline-block; vertical-align: middle; width: 60px; text-align: center; padding: 10px 0; color: #fff; border-radius: 5px; cursor: pointer;}
.gsForm .writeLayer > div > div:last-child > p:nth-child(1) { background: #333;}
.gsForm .writeLayer > div > div:last-child > p:nth-child(2) { background: #888;}