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


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;}

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;}




table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:0px solid #dddddd; margin-bottom:30px;}
th, td {text-align:center; margin:0; padding:10px; border-bottom:1px solid #dddddd;}
td {font-size:14px; line-height:20px; border-right:1px solid #dddddd}
td.tdnotice {font-size:14px; color:#000000; background-color:#f6f6f6; font-weight:bold}
th {font-size:15px; color:#1b3b86; font-weight:700; border-top: 1px solid #1b3b86; border-bottom: 1px solid #1b3b86;}
th:last-child {border-right:0px solid #dddddd}
td:last-child {border-right:0px solid #dddddd}
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: #1b3b86;}
.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:99999; 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:0px; 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:99998;}
.p0401 div {display:table; width:100%}



footer {background-color:#f0f0f0; width:100%; padding:50px 0 50px 0}
footer address {display:block; font-style: normal; text-align:left; font-size:12px; line-height:20px; color:rgba(0,0,0,0.6); width:90%; margin:0 auto;}
footer address img {display:block; width:100px; float:right; margin-bottom:0px;}

#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:#1b3b86;
}
@media ( max-width: 1550px ) {
	#nav {display:none}
	.subnav {margin-right:20px; margin-left:20px; float:left;}
}
#subv {width:100%; height:300px; background:url('/2024/img/bg.jpg?v=2'); background-position:center; background-repeat:no-repeat, repeat; margin-top:0px; 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); text-align:center; position:relative}




#subv img {height:210px; margin:40px 0 0 0}
#subv .logotop {width:100px; height:100px; position:absolute; background:url('/2024/img/logo.png?v=2'); background-position:left top; background-repeat:no-repeat; background-size:100% auto; top:30px; left:30px;}
.lang {position:absolute; right:30px; top:30px}
.lang button {color:#ffffff; border:1px solid #ffffff; width:60px; height:30px; border-radius:30px; margin-left:10px}
.lang button.on {background:#ffffff; color:#000000}
#smenu {width:100%; height:50px; background-color:#000000; line-height:50px; text-align:center; position: -webkit-sticky; /* 사파리 브라우저 지원 */
/*
    position: sticky;
    top: 0px; z-index:9*/}

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




#subpage {width:1100px; margin:0 auto; margin-top:80px; margin-bottom:100px; }
#subpage h1 {color:#000000; font-size:40px; text-align:center; font-weight:800}
#subpage h1:after {content: "●"; color:#1b3b86; position:absolute; font-size:10px; margin-top:15px; margin-right:-5px;}
#subpage h2 {color:#999999; font-size:15px; 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:#1b3b86; font-size:21px; margin-bottom:30px; text-align:center; line-height:40px;}
#subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid #1b3b86; 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:#1b3b86;}
#subpage h4 span i {color:#1b3b86; 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 #1b3b86; color:#1b3b86; padding:0 30px 0 30px; height:40px; border-radius:40px; margin:5px; font-size:15px;}
#subpage h10 button.on {background-color:#1b3b86; color:#ffffff;}






button.app {background-color:#ffffff; border:1px solid #1b3b86; color:#1b3b86; 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:#1b3b86; margin-right:10px; font-size:20px}


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:#1b3b86; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #1b3b86; font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:0px !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:#1b3b86; 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:300px;}
form h5 {color:#1b3b86; font-size:15px; margin-bottom:15px; width:100%; margin-top:15px;}
form h5:before {color:#1b3b86; 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:18px; color:#000000; font-weight:900; margin-top:50px; display:block}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #1b3b86; 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 #1b3b86; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;  font-weight:800}
#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:#1b3b86; 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}

@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%;}







#nav {display:none}

footer {background-color:#f0f0f0; width:100%; padding:50px 0 50px 0}
footer address {display:block; font-style: normal; text-align:left; font-size:10px; line-height:15px; color:rgba(0,0,0,0.6); width:90%; margin:0 auto;}
footer address img {display:block; width:50px; 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:100px; margin-top:0px; 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); text-align:center; background-size:250%; background-color:#05a5fd; background-position:right bottom}
#subv img {height:60px; margin:20px 0 0 0}
#subv .logotop {width:50px; height:50px; position:absolute; background:url('/2024/img/logo.png?v=2'); background-position:left top; background-repeat:no-repeat; background-size:100% auto; top:30px; left:30px;}
.lang {position:absolute; right:20px; top:20px}
.lang button {color:#ffffff; border:1px solid #ffffff; width:40px; height:20px; border-radius:20px; margin-left:5px; font-size:10px;}
.lang button.on {background:#ffffff; color:#000000}

#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 {color:#000000; font-size:25px; text-align:center; }
#subpage h1:after {content: "●"; color:#1b3b86; position:absolute; font-size:10px; margin-top:15px; margin-right:-5px;}
#subpage h2 {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; color:#1b3b86; font-size:15px; line-height:25px; margin-bottom:20px; text-align:center;}
#subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid #1b3b86; 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 #1b3b86; color:#1b3b86; padding:0 20px 0 20px; height:30px; border-radius:30px; margin:5px; font-size:12px;}
#subpage h10 button.on {background-color:#1b3b86; color:#ffffff;}






button.app {background-color:#ffffff; border:1px solid #1b3b86; color:#1b3b86; 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:#1b3b86; margin-right:10px; font-size:13px}



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:#1b3b86; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #1b3b86; 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:#1b3b86; 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:#1b3b86; font-size:12px; margin-bottom:10px; width:100%; margin-top:10px;}
form h5:before {color:#1b3b86; 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; color:#000000; margin-top:50px; display:block}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #1b3b86; margin: 10px 0px;}


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:0px; display:block; margin-bottom:10px;}
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 #1b3b86; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;  }
#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:#1b3b86; 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;}
}