* {font-family: 'SUIT Variable', sans-serif; color:#555555; font-weight:500; letter-spacing:-0.5px; word-break: keep-all; line-height:1.7; font-size:17px}




@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}



@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

html {
  scroll-behavior: smooth;
}




body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form {margin:0; padding:0;}
body {max-width:2000px; margin:0 auto;}
a {text-decoration:none; color:#666666;}
b {color:inherit; font-weight:700; font-famliy:inherit;}
u {color:inherit; font-weight:700; font-famliy:inherit;}
span {color:inherit; font-famliy:inherit;}

sup {color:inherit; font-famliy:inherit;}

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

img {border:0px;}
dl,dt,dd {margin:0; padding:0;}

dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:20%; float:left; color:#000000; font-weight:bold; font-size:16px; line-height:30px;}
dt i {margin-right:10px; color:#000000; }
dd {width:80%; float:right; font-size:16px; line-height:30px;}
dd span {color:#000000; font-size:15px; margin-bottom:15px; display:block; margin-top:10px;}
dd span:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

input[type=text],input[type=password],input[type=button],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
.swiper-slide {cursor:pointer}
.allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.pagenum {width:100%; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:40px; line-height:40px; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.pagenum b {color:#000000; font-size:13px;}
.pagenum i {line-height:40px; width:100%; text-align:center;}

.wrap {width:1100px; margin:0 auto;}

h61 {display:inline-block; background:#333333; color:#ffffff; padding:5px 15px 5px 15px; border-radius:999px; margin-bottom:10px; font-size:15px; font-weight:bold}

/* table 공통 */
table {
    width: 100%;
    margin: 24px 0 40px;
    border-collapse: collapse;
    table-layout: auto;
    background: #fff;
    
    line-height: 1.75;
    color: #222;

    border-style: hidden;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #d9d9d9;
    overflow: hidden;
}
table col.col-first {
    width: 25%;
}
/* 모든 셀 라인 */
table th,
table td {
    padding: 18px 20px;
    border: 1px solid #d9d9d9;
    background: #fff;
    vertical-align: middle;
    word-break: keep-all;
    text-align: left;
    font-weight: 400;
    color: #333;
    font-size: 14px !important;
}

/* 제목 줄 */
table th {
    background: #f7f5f5;
    font-weight: 700;
    color: #111;
    text-align:center;
    font-size: 16px !important;
}
.prizetable td {text-align:center}
/* 구분 셀 */
table .td-label {
    font-weight: 700;
    color: #000;
    text-align: center;
}

/* 세부 구분 셀 */
table .td-sub {
    background: #fcfcfc;
    font-weight: 700;
    color: #222;
    text-align: center;
}

/* 내용 셀 */
table .td-content {
    text-align: left;
    color: #333;
}

/* 가운데 정렬 내용 */
table .td-center {
    text-align: center;
}

/* 합계 줄 */
table .tr-total td {
    background: #fcfcfc;
    font-weight: 700;
}

/* 강조 */
table .td-none {
    background: #fafafa;
    color: #555;
    font-weight: 700;
    text-align: center;
}

/* 모바일 */
@media (max-width: 768px) {
    table {
        font-size: 12px;
        line-height: 1.6;
        table-layout: auto;
    }

    table th,
    table td {
        padding: 14px 10px;
    }
    table th {
    font-size: 12px !important;
}
}



label {position: relative; padding-left: 25px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0}
label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top:2px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;}
label input:checked ~ .checkmark {background-color: #67ab40;}
.checkmark:after {content: ""; position: absolute; display: none;}
label input:checked ~ .checkmark:after {display: block;}
label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


.popup {position:absolute; top:100px; left:50%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:600px; margin-left:-300px;}
.popup img {width:600px; display:block; float:left; border-radius:10px; margin-bottom:0px; margin-top:20px;}
.popup img:first-child {margin-top:0px;}
.popup a:nth-child(1) img {border-radius:10px}
.popup section button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup section button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup section button:nth-child(1) {right:70px}
.popup section button:nth-child(2) {right:0px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;}
.p0401 div {display:table; width:100%}



#head {width:100%; box-shadow: 0 5px 15px 0 rgba(234, 85, 86, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); background-color:#ffffff; position:fixed; top:0px; left:0px; height:100px; z-index:99}

#head .logo {float:left;}
#head .logo img {margin:30px 0 0 30px; display:block; height:40px;}
#head a {}
#head a.on {color:#7c6c63;}

#head .sns img {margin:30px 0 0 30px; display:block; height:40px;}


#head div.sns {float:right; margin-right:30px; margin-top:0px;}
#head div.sns button {display:block; text-align:left;}
#head div.sns button i {display:block; float:left; margin-right:10px; color:#000000; border-radius:30px; border:1px solid #000000; width:30px; height:30px; text-align:center; line-height:30px;}
#head div.sns button p {float:left; color:#000000; font-weight:bold; line-height:30px;}
#head div.sns button:nth-child(1) p {color:#254594}


#head div.login {float:right; margin-right:40px; margin-top:0px;}
#head div.login button {color:#000000; height:30px; width:100px; border:1px solid #000000; border-radius:30px; text-align:center; margin:0 0 0 10px; font-size:12px;}

#head div.login button {background: linear-gradient(to right, #000000 50%, transparent 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.3s ease;}
#head div.login button:hover {background-position:left bottom; color:#ffffff}


#head .pcmenu {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.menubox {display:none;}
.toggle-sidebar {display:none;}
/*드롭메뉴*/
.subnav {margin-right:40px; margin-left:40px; float:left;}
.subnav a {line-height:100px; font-size:20px; color:#000000;  font-family: 'Paperozi'; font-weight:600}
.subnav-content a {line-height:20px; display:block; padding:10px 0 10px 0}
.subnav-content b {line-height:20px; display:block; padding:10px 0 0px 0; color:rgba(255,255,255,0.5); font-size:14px !important; }
.subnav {position: relative; cursor:pointer;}
.subnav-content {padding:10px 25px 10px 25px; display: none;  position: absolute;  left:50%; margin-left:-100px; background-color:#2479bb;width: 150px; z-index: 1000 !important;  line-height:50px !important; border-radius:10px; margin-top:-10px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);
-webkit-animation: slide-down .3s ease-out;
-moz-animation: slide-down .3s ease-out;
}
.subnav-content a {display:block;color:#ffffff !important; font-size:14px !important; }
.subnav-content a:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.8)}
.subnav:hover > a:before {content:"●"; font-size:10px; color:#2479bb; position:absolute; margin-top:-20px; margin-left:-10px;}
.subnav:hover > a {color:#000000 !important}

.subnavon > a:before {content:"●"; font-size:10px; color:#2479bb; position:absolute; margin-top:-20px; margin-left:-10px;}
.subnavon > a {color:#000000 !important}

.subnav:hover .subnav-content {display: block;}
.subnav-content a:hover {color:#cbe8fe !important;}
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-10%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-10%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}
/*드롭메뉴*/
@media ( max-width: 1300px ) {
.subnav {margin-right:20px; margin-left:20px; float:left;}
}
#main section:nth-child(1) {width:100%; height:700px; background: url('/2026/img/bg2.png?v=8111'), url('/2026/img/bg1.png?v=8'), #64b9e3; background-position: center center, center top;background-size:cover; background-repeat:no-repeat; margin-top:0px; padding-top:100px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2);}
#main section:nth-child(1) .wrap {height:700px; width:1100px !important}
#main section:nth-child(1) .wrap div:nth-child(1) {width:530px; float:left; text-align:center;}
#main section:nth-child(1) .wrap div:nth-child(1) img {width:100%; margin-top:80px; margin-bottom:10px;}
#main section:nth-child(1) .wrap div:nth-child(1) p {color:#000000; font-size:20px; font-weight:800; width:90%; margin:0 auto; text-align:center}
#main section:nth-child(1) .wrap div:nth-child(1) p i {color:#000000; margin:0 5px 0 5px}
#main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(2) {}
#main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(3) {display:none}
#main section:nth-child(1) .wrap div:nth-child(2) {width:500px; float:right;}
#main section:nth-child(1) .wrap div:nth-child(2) p {text-align:right; color:#67ab40; margin-top:100px; font-size:20px;}
#main section:nth-child(1) .wrap div:nth-child(2) iframe {margin-top:70px; width:500px; height:280px; border-radius:10px; margin-bottom:30px; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1);}
#main section:nth-child(1) .wrap div:nth-child(2) button {background-color: #2479bb; background-image: linear-gradient(90deg, #2479bb 0%, #67ab40 100%); color:#ffffff; font-weight:500; font-size:16px; width:100%; height:60px; border-radius:999px;}
#main section:nth-child(1) .wrap div:nth-child(2) button i {color:#ffffff; margin-right:10px; font-size:23px}
#main section:nth-child(1) .notice {width:100%; float:left; height:100px; background-color:#2479bb;}
/*
2479bb
*/
#main section:nth-child(1) .notice div {width:1100px; margin:0 auto}
#main section:nth-child(1) .notice div h1 {font-family: 'YeogiOttaeJalnan'; font-weight:700; color:#ffffff; font-size:26px; width:150px; float:left; margin-top:30px;}
#main section:nth-child(1) .notice div h1 span {display:block; font-size:13px; float:left; width:150px; color:rgba(255,255,255,0.5); line-height:18px;}
#main section:nth-child(1) .notice div button {width:950px; height:100px; display:block; float:left; color:#ffffff; text-align:left;}
#main section:nth-child(1) .notice div button b {padding:5px 10px 5px 10px; font-size:13px; color:#2479bb; background-color:#ffffff; border-radius:30px; margin-right:10px;}

#main section:nth-child(2) {
	padding:180px 0 0px 0 !important;
	background:#ffffff;
}

#main section:nth-child(2) .info-grid {
	width:1100px;
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:22px 18px;
}

#main section:nth-child(2) .info-grid button {
	display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
	width:100%;
	min-height:220px;
	padding:34px 36px 30px;
	border:0;
	border-radius:14px;
	background:#ffffff;
	text-align:left;
	box-shadow:none;
	margin:0;
}

#main section:nth-child(2) .info-grid button h1 {
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:#000000;
	font-size:23px;
	margin-bottom:20px;
	line-height:1.3;
	font-family: 'YeogiOttaeJalnan';
	font-weight:700;
	z-index:1;
}

#main section:nth-child(2) .info-grid button h1::after {
	content:"";
	position:absolute;
	left:40px;
	bottom:4px;
	width:calc(100% - 30px);
	height:12px;
	background:#e7f3fc;
	z-index:-1;
	border-radius:4px;
}

#main section:nth-child(2) .info-grid button h1 i {
	color:#000000;
	font-size:30px;
	margin:0;
}

#main section:nth-child(2) .info-grid button p {
	font-size:17px;
	line-height:1.9;
	color:#111111;
	margin-bottom:2px;
	word-break:keep-all;
}

#main section:nth-child(2) .info-grid button p b {
	color:#111111;
	font-weight:800;
}

#main section:nth-child(2) .info-grid button span {
	display:block;
	font-size:15px;
	line-height:1.8;
	color:#4c63ff;
	margin:2px 0 2px 14px;
	word-break:keep-all;
}

#main section:nth-child(2) .info-grid button span:before {
	color:#4c63ff;
	font-family:"Font Awesome 5 Free";
	content:"\f058";
	margin-right:8px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:900;
}


#main section:nth-child(3) {padding:0px 0 100px 0; background:#ffffff;}
#main section:nth-child(3) div {width:1093px; margin:0 auto; display:table;}
#main section:nth-child(3) div button {display:block; float:left; width:50%; height:100px; position:relative}
#main section:nth-child(3) div button:nth-child(1) {background-color:#67ab40; border-radius:10px 0 0 10px;}
#main section:nth-child(3) div button:nth-child(2) {background-color:#2479bb; border-radius:0 10px 10px 0;}
#main section:nth-child(3) div button::after {
	content:"\f0a9";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	position:absolute;
	right:30px;
	top:50%;
	transform:translateY(-50%);
	color:#ffffff;
	font-size:30px;
}
 
#main section:nth-child(3) div button:nth-child(1) span {color:#ffffff; font-weight:bold;}
#main section:nth-child(3) div button:nth-child(2) span {color:#ffffff; font-weight:bold;}
#main section:nth-child(3) div button:nth-child(1) p {color:#ffffff; margin-top:0px; font-size:13px;}
#main section:nth-child(3) div button:nth-child(2) p {color:#ffffff; margin-top:0px; font-size:13px;}

footer {background-color:#555555; width:100%; padding:50px 0 50px 0}
footer address {display:block; font-style: normal; text-align:left; font-size:13px; line-height:20px; color:#ffffff; width:1100px; margin:0 auto;}
footer address img {display:block; height:50px; float:right; margin-bottom:10px;}

#kakao {transition: 0.3s; position: fixed; bottom: 50px; right: 50px; z-index: 99; font-size: 18px; background-color:#fbe300; color: #3b1e1e; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;}
#kakao i {color:#3b1e1e}
#kakao span {display:none; width:0px; line-height:50px; font-weight:bold}
#kakao:hover {width:200px; text-align:left;}
#kakao:hover span {display:block; font-size:14px; line-height:50px; color:#000000; position:absolute; top:0px; left:60px; width:115px;}
#kakao:hover i {padding-left:20px;}

#nav {position:fixed; top:300px; right:100px; z-index:99}
#nav a {
	display:block;
    	color: #000000;
	margin-bottom:20px;
	font-size:13px;
	font-weight:700;
	width:80px; height:30px; border-radius:30px;
	line-height:30px;
	padding-left:20px;
}
#nav a:hover, #nav a.active {
    	color: #ffffff;
	background-color:#67ab40;
}
@media ( max-width: 1550px ) {
	#nav {display:none}
	.subnav {margin-right:20px; margin-left:20px; float:left;}
}
#subv {width:100%; height:200px; background: url('/2026/img/sbg.png?v=7'), #e7f3fc; background-position: center bottom; background-size:100% auto; margin-top:0px; padding-top:100px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); text-align:center; background-repeat:no-repeat}




#subv img {height:60px; margin:70px 0 0 0}

#smenu {width:100%; height:50px; background-color:#2479bb; line-height:50px; text-align:center; position: -webkit-sticky; /* 사파리 브라우저 지원 */
    position: sticky;
    top: 100px; z-index:9}

#smenu a {color:#ffffff; line-height:50px; margin:0 20px 0 20px; }
#smenu a.on {color:#ffffff; border-bottom:4px solid #ffffff; padding-bottom:10px;}




#subpage {width:1100px; margin:0 auto; margin-top:80px; margin-bottom:100px; }
#subpage h1 {font-family:"YeogiOttaeJalnan"; color:#000000; font-size:35px; text-align:center; font-weight:700; position:relative; display:block;
	width:fit-content;
	margin:0 auto;
	padding:0 20px 0 20px;
	}


#subpage h1::after {
	content:"";
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	height:20px;
	background:#e7f3fc;
	z-index:-1;
	border-radius:9999px;
}
#subpage h2::before {
    content: "2026 대한민국 환경사랑공모전";
}
@font-face {
    font-family: 'GangwonEducationModuche';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFLightA.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Cafe24ShiningStar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

#subpage h2 {font-family:"YeogiOttaeJalnan";color:#cccccc; font-size:18px; text-align:center; margin-top:10px; margin-bottom:50px; line-height:30px;}
#subpage p {font-size:17px; line-height:35px;}
h14 {display:block; text-align:center; color:#dddddd; font-size:20px; padding-top:100px; padding-bottom:100px;}
h14 i {display:block; width:100%; text-align:center; font-size:30px; margin-bottom:20px; color:#dddddd}

#subpage h3 {margin:0 auto; color:#000000; font-size:30px; margin-bottom:0px; font-family: 'Cafe24ShiningStar'; font-weight: ; text-align:center; line-height:40px;}
#subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid #2479bb; margin: 0 auto; padding-top:20px; margin-bottom:20px;}
#subpage h4 {text-align:center}
#subpage h4 b {margin:20px; color:#000000;}
#subpage h4 span {color:#67ab40;}
#subpage h4 span i {color:#67ab40; margin:10px;}
#subpage h4 b img {height:40px; margin-left:10px; margin-bottom:-10px;}

#subpage h10 {text-align:center; display:block; margin-bottom:50px; margin-top:0px;}
#subpage h10 button {border:1px solid #67ab40; color:#67ab40; padding:0 30px 0 30px; height:40px; border-radius:40px; margin:5px; font-size:15px;}
#subpage h10 button.on {background-color:#67ab40; color:#ffffff;}




.p0101 h1 {margin-top:80px}
.p0101box {width:100%; background:url('/2026/img/bg4.png?v=1'); background-repeat:no-repeat; background-position:center bottom;  margin-bottom:-100px; padding-bottom:100px;}
.p0101 p {text-align:left;  padding-top:20px;}


.p0201 img {max-width:100%; margin:30px 0 0px 0; border-radius:10px;}
.p0201 .con div {margin-bottom:50px;}
.p0201 .con div h5 {font-size:20px; color:#2479bb; font-weight:700; font-family: 'Paperozi';}
.p0201 .con div h5:after {content: ""; display: block; width: 30px; border-bottom: 1px solid #2479bb; margin: 10px 0px;}
.p0201 .con div p {line-height:20px; margin-bottom:10px}

.p0201 .con div  span {display:block; color:#67ab40; font-size:15px; margin-bottom:10px; line-height:20px; padding-left:20px; position:relative}
.p0201 .con div  span:before {color:#67ab40; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; position:absolute; left:0; top:0;}

.red {color:red;}
.red:before {color:red;}


.p0201 ul {margin-left:20px; margin-bottom:10px;}
.p0201 ul li {margin-bottom:10px; list-style-type: disc; line-height:1.5; font-size:15px;}
.p0201 ul li:last-child {margin-bottom:0px}

.p0201 b {color:#000000; margin-top:0px; display:block; line-height:20px; margin-bottom:10px;}
.p0201 p button {width:60%; background-color:#999999; color:#ffffff; height:50px; border-radius:5px; margin-bottom:10px; font-size:15px;}
.p0201 p button i {color:#ffffff; margin-right:5px;}

button.app {background-color:#ffffff; border:1px solid #67ab40; color:#67ab40; font-weight:500; font-size:16px; width:100%; height:60px; border-radius:5px; display:block; margin:0 auto; margin-top:50px}
button.app i {color:#67ab40; margin-right:10px; font-size:20px}

.p0101 p {width:900px; margin:0 auto;}
.p0101 p b {color:#000000;}

.p0301 div {width:800px; margin:0 auto; display:table; margin-bottom:100px;}
.p0301 div button {display:block; float:left; width:calc(33.3% - 20px); margin-right:30px; height:300px; border-radius:10px; border:1px solid #000000;}
.p0301 div button:nth-child(3) {margin-right:0px}
.p0301 div button i {color:#000000; font-size:40px;}
.p0301 div button p:nth-child(2) {font-size:20px !important; color:#000000; font-family:"YeogiOttaeJalnan";margin-bottom:10px;}
.p0301 div button p:nth-child(3) {font-size:15px !important; color:#67ab40; line-height:20px !important;}


.p0301 div  span {display:block; color:#67ab40; font-size:13px; margin-top:20px; line-height:20px; width:calc(50% - 20px); float:right}
.p0301 div  span:before {color:#67ab40; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.p0101 button {background-color:#ffffff; border:1px solid #67ab40; color:#67ab40; font-weight:500; font-size:16px; width:100%; height:60px; border-radius:5px; display:block; margin:0 auto; margin-top:50px}
.p0101 button i {color:#67ab40; margin-right:10px; font-size:20px}

.p0302 {width:800px !important; margin:0 auto; display:table; margin-bottom:0px;}
/*
.p0302 h5 {font-size:18px; color:#000000; font-family:"YeogiOttaeJalnan";margin-top:50px;}
.p0302 h5:after {content: ""; display: block; width: 40px; border-bottom: 1px solid #67ab40; margin: 10px 0px;}
*/




.p0401 div img {max-width:100%; border-radius:10px; margin-bottom:30px; }
.p0402 div  {text-align:center}
.p0402 div img {max-width:100%; border-radius:10px; margin-bottom:30px; }
.p0402 div iframe {max-width:1000px; width:100%; border-radius:10px; margin-bottom:30px; height:550px;}

form {display:block; width:700px; margin:0 auto}
form p {margin-top:20px; width:100%; display:table; }
form p label {float:left; color:#000000; font-weight:bold; margin-bottom:10px;}
form p label span {top:7px !important}
form span.agreeview {background-color:#ffffff; color:#67ab40; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #67ab40; font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:5px !important}

form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:15px;}
form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:15px;}
form button {width:100%; height:60px; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; background-color:#67ab40; margin-top:30px;}
form textarea {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:15px; height:100px;}
form h5 {color:#67ab40; font-size:15px; margin-bottom:0px; width:100%; margin-top:10px;}
form h5:before {color:#67ab40; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form h7 {font-size:20px; color:#2479bb; font-weight:700; font-family: 'Paperozi'; font-weight:700; margin-top:50px; display:block}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #2479bb; margin: 10px 0px;}

h7 {font-size:20px; color:#2479bb; font-weight:700; font-family: 'Paperozi'; font-weight:700; margin-top:50px; display:block}
h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #2479bb; margin: 10px 0px;}

form h6 {color:#000000 !important; font-size:15px; font-weight:bold; margin-bottom:10px; margin-top:20px; display:block; position:relative}
form h6 i {color:#60c3ab !important; font-size:17px;}
form select {width:calc(100% - 0px); padding:18px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:15px;}

form h6 sup {color:red; font-size:15px; font-weight:bold; position:absolute; top:-10px; left:-10px; display:block}

form h8 {width:calc(100% - 42px); position: relative; padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:15px;}
form h8 label {margin-right:20px}
form h7 span {margin-left:20px; margin-right:0px !important}
form h7 span i {color:#ffffff; margin-right:10px}

form h9 {display:table; width:100%;}
form h9 select {width:30%; margin-right:5%; float:left}
form h9 select:last-child {margin-right:0%}


.agreebox {border:1px solid #e6e6e6; width:calc(100% - 42px); padding:20px; border-radius:10px; height:100px; overflow:auto; margin-bottom:20px;}
.agreebox {font-size:13px; line-height:25px;}
.agreebox b {color:#000000; display:block; margin-bottom:0px;}

.infobox {background-color:#f6f6f6; width:calc(100% - 60px); padding:30px; border-radius:10px; margin-bottom:30px;}
.infobox li {margin-bottom:10px; font-size:15px; line-height:20px !important;}
.infobox ul {margin-left:20px}
.infobox li b {color:red; border-bottom:1px solid red; margin-bottom:0px !important;}



#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #67ab40; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;  font-family: 'S-CoreDream-8Heavy'}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#67ab40; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:calc(100% - 40px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}
h301 {text-align:center; display:block; margin-bottom:200px; margin-top:200px; color:#cccccc; font-size:20px;}
h301 i {color:#cccccc; font-size:80px; display:block; margin-bottom:10px;}
h301 p {color:#cccccc; font-size:20px;}
@media ( max-width: 1200px ) {
body {max-width:640px; margin:0 auto; background-color:#ffffff}
* {font-size:11px;}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}


.mobile {display:block}
.pc {display:none}	
.pcmenu {display:none}		
* {font-size:14px;}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}




#fade-in {
  right:-100%; 
  width: 100%;
  transition: all .5s ease;
  z-index:99;
}

#fade-in.show {
 right:0px;
}
.toggle-sidebar {display:block !important; width:80px; height:80px; position:absolute; right:0px; top:0px; z-index:10; text-align:center;}
.toggle-sidebar i {color:#000000; font-size:20px; line-height:80px;}
.menubox {display: block; position:fixed; top:0px; z-index:9999; background:rgba(0,0,0,0.6); height:100%; min-height:100%;}

.menubox .Mmenulist{width:70%; height:100%; min-height:100%; background-color:#343434; margin-left:30%;}
.menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px;}
.menubox .Mclose {position:absolute; left:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;background: url('https://eventcdn.cafe24.com/royal/img/close-button.png') no-repeat center 22px;background-size: 20px 20px;}

.Mmenulist {overflow:auto;}
.Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;}
.Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:#67ab40;}
.Mmenulist ul .inner li {border-bottom:1px solid rgba(255,255,255,0.5);}
.Mmenulist ul .inner li a {font-size:13px;}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff; border-bottom:1px solid #555555;}

#head {height:80px;}
#head .logo img {margin:27px 0 0 20px; display:block; height:26px; width:auto;}

#head div.sns {float:right; margin-right:60px; margin-top:28px; display:none}
#head div.sns button {display:block; float:left; padding:0px 0 0px 0}
#head div.sns button i {font-size:12px; display:block; float:left; margin-right:5px; color:#000000; border-radius:24px; border:1px solid #000000; width:24px; height:24px; text-align:center; line-height:24px;}
#head div.sns button p {display:none}


#nav {display:none}

#main section:nth-child(1) {width:100%; height:auto !important; display:table; margin-top:80px; padding-top:0px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); background: url('/2026/img/bg4.png?v=12'), url('/2026/img/bg4.png?v=2'), #cbe8fe; background-position: center top, center top; background-size:100% auto, cover; background-repeat:repeat, no-repeat;}



#main section:nth-child(1) .wrap {height:auto; width:90% !important}
#main section:nth-child(1) .wrap div:nth-child(1) {width:100%; float:left; text-align:center; margin-bottom:0px !important}
#main section:nth-child(1) .wrap div:nth-child(1) img {width:80%; margin:0 auto; margin-top:50px;  margin-bottom:10px; }
#main section:nth-child(1) .wrap div:nth-child(1) p {color:#000000; font-size:13px; margin-bottom:0px !important}

#main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(2) {}
#main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(3) {display:none}
#main section:nth-child(1) .wrap div:nth-child(2) {width:100%; float:right;}
#main section:nth-child(1) .wrap div:nth-child(2) p {text-align:center; color:#67ab40; margin-top:20px; font-size:14px;}
#main section:nth-child(1) .wrap div:nth-child(2) iframe {margin-top:0px; width:100%; height:180px; border-radius:10px; margin-bottom:10px;}
#main section:nth-child(1) .wrap div:nth-child(2) button {background-color:; color:; font-weight:500; font-size:14px; width:100%; height:50px; border-radius:5px; margin-bottom:50px;}
#main section:nth-child(1) .wrap div:nth-child(2) button i {color:; margin-right:10px; font-size:20px}
/*
#main section:nth-child(1) .notice {width:100%; float:left; height:auto; }
#main section:nth-child(1) .notice div {width:90%; margin:0 auto; padding:20px 0 20px 0; display:table;}
#main section:nth-child(1) .notice div h1 {color:#ffffff; font-size:15px; width:100%; float:left; width:20%; line-height:30px; margin-top:0px; margin-bottom:0px;}
#main section:nth-child(1) .notice div h1 span {display:none;}
#main section:nth-child(1) .notice div button {width:80%; height:30px; display:block; float:left; color:#ffffff; text-align:left; font-size:12px; margin-bottom:0px;}
#main section:nth-child(1) .notice div button b {padding:5px 10px 5px 10px; font-size:10px;  background-color:#ffffff; border-radius:20px; margin-right:10px;}
#main section:nth-child(1) .notice div button:nth-child(3) {display:none}
*/
#main section:nth-child(1) .notice {
    width:100%;
    float:left;
    height:auto;
}

#main section:nth-child(1) .notice div {
    width:90%;
    margin:0 auto;
    padding:16px 0;
    display:flex;
    align-items:center;
    gap:10px;
}

#main section:nth-child(1) .notice div h1 {
    color:#ffffff;
    font-size:15px;
    line-height:30px;
    margin:0;
    flex:0 0 auto;
    width:auto;
}

#main section:nth-child(1) .notice div h1 span {
    display:none;
}

#main section:nth-child(1) .notice div button {
    flex:1 1 auto;
    min-width:0;
    width:auto;
    height:30px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#ffffff;
    text-align:left;
    font-size:12px;
    margin-bottom:0;
    overflow:hidden;
}

#main section:nth-child(1) .notice div button b {
    flex:0 0 auto;
    display:inline-block;
    padding:5px 10px;
    font-size:10px;
    line-height:1;
    color:#2479bb;
    background-color:#ffffff;
    border-radius:20px;
    margin-right:0;
}

#main section:nth-child(1) .notice div button .notice-subject {
    flex:1 1 auto;
    min-width:0;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#ffffff;
    line-height:30px;
}



#main section:nth-child(2) {
	padding:30px 0 20px 0 !important;
	
}


#main section:nth-child(2) .info-grid {
	width:90%;
	margin:0 auto;
	display:grid;
	grid-template-columns:1fr;
	gap:14px;
}

#main section:nth-child(2) .info-grid button {
	width:100%;
	min-height:auto;
	padding:24px 20px;
	border-radius:12px;
	background:#ffffff;
	text-align:left;
}

#main section:nth-child(2) .info-grid button h1 {
	font-size:19px;
	margin-bottom:16px;
	line-height:1.3;
	display:flex;
	align-items:center;
	gap:8px;
	display:inline-block;
}

#main section:nth-child(2) .info-grid button h1::after {
	content:"";
	position:absolute;
	left:35px;
	bottom:4px;
	width:calc(100% - 30px);
	height:12px;
	background:#e7f3fc;
	z-index:-1;
	border-radius:4px;
}

#main section:nth-child(2) .info-grid button h1 i {
	font-size:20px;
	margin:0;
	margin-right:10px;
}

#main section:nth-child(2) .info-grid button p {
	font-size:14px;
	line-height:1.8;
	margin-bottom:2px;
}

#main section:nth-child(2) .info-grid button span {
	font-size:13px;
	line-height:1.7;
	margin:2px 0 2px 8px;
}

#main section:nth-child(2) .info-grid button span:before {
	font-weight:900;
	margin-right:7px;
}


#main section:nth-child(3) {padding:0px 0 50px 0; }
#main section:nth-child(3) div {width:90%; margin:0 auto; display:table;}
#main section:nth-child(3) div button {display:block; float:left; width:100%; height:auto; padding:30px 0 30px 0}

#main section:nth-child(3) div button:nth-child(1) {border-radius:10px 10px 0px 0px;}
#main section:nth-child(3) div button:nth-child(2) {border-radius:0px 0px 10px 10px;}

#main section:nth-child(3) div button span {font-size:15px;}
#main section:nth-child(3) div button p {margin-top:5px; font-size:11px;}

footer {width:100%; padding:50px 0 50px 0}
footer address {display:block; font-style: normal; text-align:left; font-size:10px; line-height:15px; width:90%; margin:0 auto;}
footer address img {display:block; height:30px; float:right; margin-bottom:10px;}

#kakao {transition: 0.3s; position: fixed; bottom: 20px; right: 20px; z-index: 99; font-size: 18px; background-color:#fbe300; color: #3b1e1e; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;}
#kakao i {color:#3b1e1e}
#kakao span {display:none; width:0px; line-height:50px; font-weight:bold}
#kakao:hover {width:200px; text-align:left;}
#kakao:hover span {display:block; font-size:14px; line-height:50px; color:#000000; position:absolute; top:0px; left:60px; width:115px;}
#kakao:hover i {padding-left:20px;}




#subv {width:100%; height:70px; background: url('/2026/img/sbg.png?v=55'), #cbe8fe; background-position:  bottom; background-size:140% auto; margin-top:0px; padding-top:100px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); text-align:center; background-repeat:no-repeat}

#subv img {height:30px; margin:15px 0 0 0}

#smenu {width:100%; height:40px; line-height:40px; text-align:center; position: -webkit-sticky; /* 사파리 브라우저 지원 */
    position: sticky;
    top: 80px; z-index:9}
#smenu a {color:#ffffff; margin:0 15px 0 15px; font-size:12px; line-height:40px; padding-bottom:5px;}


#smenu {white-space:nowrap; width:calc(100% - 0px);  -webkit-overflow-scrolling : touch; overflow:auto; }


#subpage {width:90%; margin:0 auto; margin-top:50px; margin-bottom:50px; background-color:#ffffff}

#subpage h1 {
    font-family:"YeogiOttaeJalnan";
    color:#000000;
    font-size:25px;
    text-align:center;
    font-weight:700;
    position:relative;
    
    margin:0 auto;
    padding:0 20px;
    z-index:1;
}

#subpage h1 {
    display:block;
    width:max-content;  /* fit-content 대신 */
    margin:0 auto;
}

#subpage h1::after {
    content:"";
    position:absolute;
    left:0;
    bottom:5px;
    width:100%;
    height:10px;
    background:#e7f3fc;
    border-radius:9999px;
    z-index:-1;
}

#subpage h2 {font-family:"YeogiOttaeJalnan";color:#999999; font-size:13px; text-align:center; margin-top:10px; margin-bottom:30px; line-height:20px;}
#subpage p {font-size:13px; line-height:20px;}
h14 {display:block; text-align:center; color:#dddddd; font-size:20px; padding-top:100px; padding-bottom:100px;}
h14 i {display:block; width:100%; text-align:center; font-size:30px; margin-bottom:20px; color:#dddddd}

#subpage h3 {margin:0 auto; font-size:15px; line-height:25px; margin-bottom:20px; text-align:center;}
#subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid #67ab40; margin: 0 auto; padding-top:20px; margin-bottom:20px;}


td,th {font-size:11px; line-height:15px;}



#subpage h10 {text-align:center; display:block; margin-bottom:30px; margin-top:0px;}
#subpage h10 button {border:1px solid #67ab40; color:#67ab40; padding:0 20px 0 20px; height:30px; border-radius:30px; margin:5px; font-size:12px;}
#subpage h10 button.on {background-color:#67ab40; color:#ffffff;}






.p0101 p {text-align:left; background:url('none'); background-repeat:no-repeat; background-position:right bottom; height:auto; padding-top:0px;}
.p0101 p {width:90%; margin:0 auto;  line-height:180%}
.p0101 p b {color:#000000; line-height:180%}
.p0101 button {background-color:#ffffff; border:1px solid #67ab40; color:#67ab40; font-weight:500; font-size:13px; width:100%; height:50px; border-radius:5px; display:block; margin:0 auto; margin-top:50px}
.p0101 button i {color:#67ab40; margin-right:10px; font-size:13px}



.p0201 {width:90% !important; margin:0 auto}
.p0201 img {max-width:100%; margin:30px 0 0px 0; border-radius:10px;}
.p0201 .con div {margin-bottom:50px;}
.p0201 .con div h5 {font-size:15px;}

.p0201 .con div p {line-height:20px; margin-bottom:10px}
.p0201 .con div  span {display:block; color:#67ab40; font-size:11px; margin-bottom:5px; line-height:15px;}
.p0201 .con div  span:before {color:#67ab40; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
.p0201 .con div ul {margin-left:20px;}
.p0201 .con div ul li {margin-bottom:10px; list-style-type: disc; color:#000000; line-height:23px; font-size:12px;}
.p0201 .con div b {color:#000000; margin-top:30px; display:block; line-height:20px; margin-bottom:10px;}
.p0201 .con div p button {width:100%; color:#ffffff; height:40px; border-radius:5px; margin-right:0px; margin-bottom:10px; font-size:12px}
.p0201 .con div p button i {color:#ffffff; margin-right:5px;}

button.app {background-color:#ffffff; border:1px solid #67ab40; color:#67ab40; font-weight:500; font-size:13px; width:100%; height:40px; border-radius:5px; display:block; margin:0 auto; margin-top:50px}
button.app i {color:#67ab40; margin-right:10px; font-size:13px}



.p0301 div {width:90%; margin:0 auto; display:table; margin-bottom:100px;}
.p0301 div button {display:block; float:left; width:calc(100% - 0px); height:auto; border-radius:10px; border:1px solid #000000; margin-bottom:30px; padding:30px 0 30px 0}
.p0301 div button:nth-child(1) {margin-right:0px}
.p0301 div button i {color:#000000; font-size:25px;}
.p0301 div button p:nth-child(2) {font-size:15px !important; color:#000000; font-family:"YeogiOttaeJalnan";margin-bottom:10px;}
.p0301 div button p:nth-child(3) {font-size:13px !important; color:#67ab40; line-height:20px !important;}


.p0301 div  span {display:block; color:#67ab40; font-size:12px; margin-top:10px; line-height:20px; width:calc(100% - 0px); float:left}
.p0301 div  span:before {color:#67ab40; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}



.p0302 {width:90% !important; margin:0 auto; display:table; margin-bottom:0px;}
/*
.p0302 h5 {font-size:15px; color:#000000; font-family:"YeogiOttaeJalnan";margin-top:50px;}
.p0302 h5:after {content: ""; display: block; width: 40px; border-bottom: 1px solid #67ab40; margin: 10px 0px;}
*/




.p0401 div img {max-width:100%; border-radius:10px; margin-bottom:30px; }
.p0402 div  {text-align:center}
.p0402 div img {max-width:100%; border-radius:10px; margin-bottom:30px; }
.p0402 div iframe {max-width:1000px; width:100%; border-radius:10px; margin-bottom:30px; height:200px;}

form {display:block; width:90%; margin:0 auto}
form p {margin-top:20px; width:100%; display:table; }
form p label {float:left; color:#000000; font-weight:bold; margin-bottom:10px;}
form p label span {top:7px !important}
form span.agreeview {background-color:#ffffff; color:#67ab40; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #67ab40; font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:0px !important}

form input[type=text] {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:13px;}
form input[type=password] {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:13px;}
form button {width:100%; height:40px; text-align:center; color:#ffffff; border-radius:5px; font-size:13px; background-color:#67ab40; margin-top:20px;}
form textarea {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:15px; height:300px;}
form h5 {color:#67ab40; font-size:12px; margin-bottom:10px; width:100%; margin-top:10px;}
form h5:before {color:#67ab40; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form h7 {font-size:15px; margin-top:50px; display:block}


h7 {font-size:15px; margin-top:50px; display:block}


form h6 {color:#000000 !important; font-size:13px; font-weight:bold; margin-bottom:10px; margin-top:20px; display:block; position:relative}
form h6 i {color:#60c3ab !important; font-size:13px;}
form select {width:calc(100% - 0px); padding:13px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:13px;}

form h6 sup {color:red; font-size:15px; font-weight:bold; position:absolute; top:-10px; left:-10px; display:block}

form h8 {width:calc(100% - 32px); position: relative; padding:15px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:15px;}
form h8 label {margin-right:20px}
form h7 span {margin-left:20px; margin-right:0px !important}
form h7 span i {color:#ffffff; margin-right:10px}

form h9 {display:table; width:100%;}
form h9 select {width:30%; margin-right:5%; float:left}
form h9 select:last-child {margin-right:0%}


.agreebox {border:1px solid #e6e6e6; width:calc(100% - 42px); padding:20px; border-radius:10px; height:100px; overflow:auto; margin-bottom:20px;}
.agreebox {font-size:13px; line-height:25px;}
.agreebox b {color:#000000; display:block; margin-bottom:0px;}

.infobox {background-color:#f6f6f6; width:calc(100% - 60px); padding:30px; border-radius:10px; margin-bottom:30px;}
.infobox li {margin-bottom:10px; font-size:15px; line-height:20px !important;}
.infobox ul {margin-left:20px}
.infobox li b {color:red; border-bottom:1px solid red; margin-bottom:0px !important;}



#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:90%; margin-left:-45%; height:50%; background-color:#ffffff; border:1px solid #67ab40; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;  font-family: 'S-CoreDream-8Heavy'}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#67ab40; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:calc(100% - 40px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}

.popup {position:absolute; top:50px; left:10%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:80%; margin-left:0px;}
.popup img {width:100%; display:block; float:left;}
.popup a:nth-child(1) img {border-radius:10px}
.popup button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup button:nth-child(2) {right:70px}
.popup button:nth-child(3) {right:0px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;}
}