@font-face {
    font-family: 'KIMM_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

* {font-family: 'SUIT', sans-serif; color:#666666; letter-spacing:-0.1px; word-break: keep-all; line-height:1.2;} /*654fa4 / ff7062*/




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; font-weight:500}
a {text-decoration:none; }
b {color:inherit; font-weight:700; font-famliy:inherit; font-size:inherit}
u {color:inherit; font-weight:700; font-famliy:inherit; font-size: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;}

dd b {display:block; color:#2f936d; font-size:17px; margin-bottom:10px;}
dd b:not(:first-child) {margin-top:30px}

#info ul {margin-bottom:20px;}
#info li:before {color:#2f936d; content: "·"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; font-size:15px; position:absolute; margin-left:-15px;}
#info li {margin-bottom:10px; padding-left:20px; line-height:25px;}


#agree ul {margin-bottom:20px;}
#agree li:before {color:#000000; content: "·"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; font-size:13px; position:absolute; margin-left:-15px;}
#agree li {margin-bottom:5px; padding-left:20px; line-height:20px;}


u {color:#2f936d}

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;}
*/
.paging {width:auto; text-align:center; margin:0 auto; height:80px; background:; 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;}
.paging p {width:40px; line-height:40px !important; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.paging strong {color:#000000; font-size:13px; line-height:40px !important; width:40px; line-height:40px !important; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.paging i {line-height:40px; width:100%; text-align:center;}

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

h30 {display:block; margin:200px 0 200px 0; text-align:center;}
h30 i {color:#cccccc; font-size:80px; display:block;  width:100%; margin-bottom:50px;}
h30 {color:#cccccc; font-size:20px;}

h300 {text-align:center; display:block; margin-bottom:50px; margin-top:-20px;}
h300 button {border:1px solid #2f936d; color:#2f936d; padding:0 20px 0 20px; height:40px; border-radius:40px; margin:5px;}
h300 button.on {background-color:#2f936d; color:#ffffff;}


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; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1);}
th, td {text-align:center; margin:0; padding:15px; border-bottom:1px solid #dddddd;}
td {font-size:15px; line-height:25px; border-right:1px solid #dddddd}
td.tdnotice {font-size:14px; color:#000000; background-color:#f6f6f6; font-weight:bold}
th {font-size:15px; color:#2f936d; font-weight:700; border-bottom: 1px solid #2f936d; border-right: 1px solid #2f936d; background-color:#d4f8f3}
th:last-child {}

td span {color:#2f936d; font-size:14px; margin-bottom:15px; display:block; margin-top:10px;}
td span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

h50 {color:#2f936d; font-size:15px; margin-bottom:20px; display:block; margin-top:20px; font-weight:bold}
h50:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

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: #2f936d;}
.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), 0 20px 30px 0 rgba(0, 0, 0, 0); width:600px; margin-left:-300px;}
.popup img {width:calc(100% - 0px); display:block; float:left; border-radius:10px; margin:0px;}
.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;}


#top {width:1200px; margin:0 auto; height:120px;}
#top p:nth-child(1) {float:left; width:20%}
#top p:nth-child(1) img {height:35px; margin-top:42px; }
#top p:nth-child(2) {float:left; text-align:center; width:60%}
#top p:nth-child(2) img {height:50px; margin-top:35px; }
#top p:nth-child(3) {float:right; width:20%; text-align:right; margin-top:30px;}

#top p:nth-child(3) button:nth-child(1) b {color:#2f936d;  font-weight: 900 !important; font-size:17px;}
#top p:nth-child(3) button {display:block; text-align:left; padding:0px 0 0px 0; height:20px; font-size:14px; }
#top p:nth-child(3) button i {display:block; float:left; margin-right:10px; color:#000000; width:20px; text-align:center;}
#top p:nth-child(3) button b {float:left; color:#000000;}
#top p:nth-child(3) button:nth-child(1) p {color:#254594}
/*
#head {width:100%; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1); background-image: linear-gradient(to right, #329b76, #004695); height:60px; z-index:99; position:relative}
#head .pcmenu {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
*/

#head {
    width: 100%;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
    background-image: linear-gradient(to right, #329b76, #004695);
    height: 60px;
    z-index: 99;
    position: relative;
}



#head .pcmenu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    width:100%;
}



.subnav a {
    white-space: nowrap;

}



.subnav {
    float: none; /* 이거 반드시 제거 */
    margin: 0 40px;
}

 #head  {position: -webkit-sticky;  position: sticky; top: 0;}
.menubox {display:none;}
.toggle-sidebar {display:none;}
/*드롭메뉴*/

.subnav a {line-height:60px; font-size:16px; color:#ffffff;  font-family: 'KIMM_Bold'; font-weight:700}
.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:#2f936d;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.3)}

.subnav:hover > a {color:#ffffff !important; border-bottom:6px solid #ffffff; padding-bottom:16px;}
.subnavon > a {color:#ffffff !important;  border-bottom:6px solid #ffffff; padding-bottom:16px;}

.subnav:hover .subnav-content {display: block;}
.subnav-content a:hover {color:#000000 !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 {
    float: none; /* 이거 반드시 제거 */
    margin: 0 30px;
}
.subnav a {font-size:15px;}
}

#main {width:100%; height:600px; background:url('/2026/img/bg.jpg?v=2'); background-position:center; position:relative}
#main div {width:600px; display:block; float: none; position: absolute; top: 50%; left: 50%; transform: translate(0%, -50%); text-align:center} 
#main div img {position:absolute; left:30px; margin-bottom:10px; animation: motion 1s linear 0s infinite alternate; top: -140px;}

        
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

#main iframe {width:600px; height:338px; display:block; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(234, 85, 86, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1);}
#main p {position:absolute; bottom:10px; left:10px; color:#333333;  font-family: 'KIMM_Bold'; font-weight:700}

footer {background-color:#f6f6f6; 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.8); width:1100px; margin:0 auto;}
footer address img {display:block; width:100px; float:right; margin-bottom:10px;}
footer address  button {display:block; background-color:#333333; color:#ffffff; font-size:13px; border-radius:5px; width:140px; height:30px; margin-bottom:20px;} 

#kakao {position: fixed; bottom: 50px; right: 50px; z-index: 99; text-align:right;}
#kakao img {display:block; margin-top:10px;}


#timeline {background-color:#2f936d; text-align:center; height:150px;}
#timeline button {width:250px; height:150px; color:rgba(255,255,255,1); font-size:16px;}
#timeline button b {display:block; text-align:center; color:#ffffff; font-size:18px; margin-bottom:5px; margin-top:-10px;}
#timeline  i.fa-chevron-right {color:#ffffff; height:100px; line-height:100px;}
#timeline button i {color:#ffffff; font-size:30px; display:block; margin-bottom:10px}


.notice {width:100%; height:100px; background-color:#888888;}

.notice div {width:1100px; margin:0 auto}
.notice div h1 {font-family: 'KIMM_Bold'; color:#ffffff; font-size:30px; width:300px; float:left; margin-top:30px; }
.notice div h1 i {color:#ffffff; font-size:30px; margin-right:10px;}
.notice div h1 span {font-family:'SUIT'; display:block; font-size:13px; float:right; width:120px; color:rgba(255,255,255,1); line-height:18px;}
.notice div button {width:800px; height:100px; display:block; float:left; color:#ffffff; text-align:left; font-size:15px;}
.notice div button b {padding:5px 10px 5px 10px; font-size:13px; color:#999999; background-color:#ffffff; border-radius:30px; margin-right:10px;}

.notice div button:last-child {border:1px solid #ffffff; height:40px; border-radius:5px; width:150px; float:right; text-align:center; margin-top:30px;}
.notice div button:last-child i {color:#ffffff; margin-right:10px}


#info {padding:100px 0 100px 0}
#info h1 {color:#2f936d; font-family: 'KIMM_Bold'; font-weight:700; font-size:35px; text-align:center; margin-bottom:20px; border-bottom:1px solid #2f936d; padding-bottom:30px;}
#info .wrap {width:900px; margin:0 auto; display:table;}

#info .wrap button {display:block; float:left; width:calc(50% - 15px); margin-right:30px; height:60px; color:#2f936d; border:1px solid #2f936d; margin-top:30px; border-radius:5px; font-family: 'KIMM_Bold'; font-weight:700; font-size:17px;}
#info .wrap button:last-child {margin-right:0px}
#info .wrap button i {font-size:20px; color:#2f936d; margin-right:10px}
#info b {color:#2f936d}

#wininfo{padding:100px 0 100px 0; background:url('/2026/img/main/bg.png'), rgba(0,138,139); background-position:center bottom; background-repeat:no-repeat;}
#wininfo h1 {color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700; font-size:35px; text-align:center; margin-bottom:30px;}
#wininfo .wrap {width:900px; margin:0 auto; display:table;}


#wininfo h2 {color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700; font-size:20px; width:900px; margin:0 auto; margin-bottom:20px; margin-top:30px;}
#wininfo li {color:#ffffff; font-size:14px;}
#wininfo h2:before {color:#ffffff; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
#wininfo li:before {color:#ffffff;} 
#wininfo table td {}
.winnew img {position:absolute; right:-20px; top:-20px;} 
.winnew b {position:relative; font-weight:normal; margin:0 15px 0 15px; padding:0 5px 0 5px; background-image: linear-gradient(transparent 60%, #d4f8f3 40%); color:#000000}

#spon {text-align:center; background-color:#f3f3f3; border-top:1px solid #f0f0f0}
#spon img {height:50px; padding:50px 0 50px 0}

#subv {width:100%; height:200px; background:url('/2026/img/sbg.jpg?v=3'); background-position:center bottom; background-size:; 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); position:relative; padding-top:0px; position:relative}

 #subv h1 {font-family: 'KIMM_Bold'; font-weight:700; font-size:40px; text-align:center; color:#2f936d; float: none; position: absolute; top: calc(50% + 20px); left: 50%; transform: translate(-50%, -50%); }
 #subv h1:after {display:none; content: "●"; color:#2f936d; position:absolute; font-size:15px; margin-top:15px; margin-right:-5px;} 
 
 #subv h1 p {font-family: 'KIMM_Bold'; font-weight:700; font-size:20px; text-align:center; color:#000000;}



#subv .smenu {width:100%; height:50px; background:rgba(0,0,0,0.5); line-height:50px; margin-top:-50px; text-align:center; z-index:9; position:absolute; top:50px;}

#subv .smenu a {color:#ffffff; line-height:50px; margin:0 20px 0 20px; font-size:16px; font-weight:800 !important}
#subv .smenu a.on {color:#00f57f; padding-bottom:13px; font-weight:800 !important}


 #subpage h1 span{
            position: relative;
	  padding:0px 5px 5px 0px;
        }
 #subpage h1 span:before{
            position: absolute;
            content: '';
            width: 100%;
            height: 15px;
            bottom: 0px;
            z-index: -1;
            background-image: linear-gradient(to right, #329b76, #004695);
            clip: rect(0px, 0px, 50px, 0px);
            transform: skew(30deg);
            transition: all 2s;
        }
 #subpage h1 span.line::before{
            clip: rect(0px, 500px, 50px, 0px);
        }

#subpage {width:1100px; margin:0 auto; margin-top:80px; margin-bottom:100px; }
#subpage h1 {text-align:center}
#subpage h1 span {font-family: 'KIMM_Bold'; color:#000000; font-size:30px; text-align:center; font-weight:700}
#subpage h2 {color:#cccccc; font-size:15px; text-align:center; margin-top:10px; margin-bottom:50px; line-height:30px;}
#subpage p {font-size:17px; line-height:35px;}

 #subpage h4  {font-family: 'KIMM_Bold'; color:#2f936d; font-size:35px; text-align:center; font-weight:700; margin-bottom:50px;}
 #subpage h60  {display:block; font-family: 'KIMM_Bold'; color:#000000; font-size:25px; text-align:center; font-weight:700; margin-bottom:10px;}
 #subpage h60  span {font-family: 'KIMM_Bold'; color:#2f936d; font-size:25px; font-weight:700;}
  
  
.p0101 {width:700px !important; margin:0 auto}
.p0101 img {max-width:100%; margin:0px 0 30px 0; border-radius:10px;}
.p0101 div {margin-bottom:50px;}
.p0101 div h500 {display:block; width:130px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ffffff; font-weight:800; background-image: linear-gradient(to right, #329b76, #004695); border-radius:10px 0 10px 0;  margin-bottom:20px;}

.p0101 div p {line-height:1.7; font-size:18px; margin-bottom:10px; color:#000000}
.p0101 div p i {font-size:16px; margin:0 10px 0 0px; color:#000000; width:20px;}
.p0101 div  span {display:block; color:#2f936d; font-size:15px; margin-bottom:10px; line-height:20px;}
.p0101 div  span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
.p0101 div ul {margin-left:20px;}
.p0101 div ul li {margin-bottom:10px; list-style-type: disc; color:#000000; line-height:1.7; font-size:16px;}
.no li {font-size:17px !important;}
.p0101 div b {color:#000000; font-weight:700; width:170px; display:block; background-color:#f6f6f6; border-radius:30px; padding:5px 20px 5px 20px; margin-right:20px; float:left; font-size:16px;}
.p0101 div p button {width:33%; background-color:#333333; color:#ffffff; height:50px; border-radius:5px; margin-right:20px;}
.p0101 div p button i {color:#ffffff; margin-right:5px;}
.p0101 center {display:table; width:100%}
.p0101 center button {width:calc(100% - 0px); margin-right:0px; border-radius:50px; height:50px; font-size:17px; font-weight:700; display:block; float:left}
.p0101 center button:nth-child(2n - 1) {border:1px solid #2f936d; color:#2f936d}
.p0101 center button:nth-child(2n - 1) i {color:#2f936d; margin-right:10px}
.p0101 center button:nth-child(2n) {margin-right:0px; background:#2f936d; color:#ffffff}
.p0101 center button:nth-child(2n) i {color:#ffffff; margin-right:10px}

.p0801 {max-width:700px !important; margin:0 auto}
.p0801 img {max-width:100%; margin:0px 0 30px 0; border-radius:10px;}
.p0801 center {display:table; width:100%; margin-top:30px}
.p0801 center button {width:calc(50% - 15px); margin-right:30px; border-radius:50px; height:50px; font-size:17px; font-weight:700; display:block; float:left; margin-bottom:30px;}
.p0801 center button {border:1px solid #2f936d; color:#2f936d}
.p0801 center button i {color:#2f936d; margin-right:10px; }
.p0801 center button:nth-child(2n) {margin-right:0px;}


h3.typing-txt{
  display: none;
}

h3.typing {  
/*position: absolute;*/ 
  display:block; 
  animation-name: cursor; 
  animation-duration: 1s; 
  animation-iteration-count: infinite; 
  margin:0 auto;
  margin-bottom:30px;
 } 
 /*
 @keyframes cursor{ 
  0%{border-right: 1px solid #fff} 
  50%{border-right: 1px solid #000} 
  100%{border-right: 1px solid #fff} 
}
*/


.c02 button {width:100%; height:60px; background-color:#2f936d; border-radius:5px; color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700;  font-size:20px; margin-top:30px;}
.c02 button i {color:#ffffff; font-size:20px; margin-right:10px;}

.p0203 dd p {float:left; width:calc(50% - 5px); text-align:center; margin-bottom:10px; margin-right:10px;}
.p0203 dd p img {display:block; width:calc(100% - 0px); border-radius:10px;}

.p0203 dd p:nth-child(2n) {margin-right:0px}
.p0203 dd p i {color:red; margin-right:10px}

.p0205 table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:1px solid #2f936d; border-top:1px solid #2f936d; margin-bottom:30px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0), 0 5px 15px 0 rgba(0, 0, 0, 0); }
.p0205 th, .p0205 td {text-align:center; margin:0; padding:15px; border-bottom:1px solid #2f936d;}
.p0205 td {font-size:15px; line-height:25px; border-right:1px solid #2f936d}
.p0205 td.tdnotice {font-size:14px; color:#000000; background-color:#f6f6f6; font-weight:bold}
.p0205 th {font-size:15px; color:#2f936d; font-weight:700; border-bottom: 1px solid #2f936d; border-right: 1px solid #2f936d; background-color:#d4f8f3}
.p0205 th:last-child {}

.p0205 td span {color:#2f936d; font-size:14px; margin-bottom:15px; display:block; margin-top:10px;}
.p0205 td span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} 


.p0301 {display:table}
.p0301 button {display:block; width:calc(50% - 25px); margin-right:50px; height:500px; border:1px solid #2f936d; float:left; border-radius:10px; position:relative}
.p0301 button:last-child {margin-right:0px}
.p0301 button img {width:100%}
.p0301 button p:nth-child(1) {color:#2f936d; font-family: 'KIMM_Bold'; font-weight:700; font-size:30px!important;}
.p0301 button ul {margin-left:30px}
.p0301 button li {text-align:left; font-size:15px !important; color:#000000; line-height:20px !important}
.p0301 button p:last-child {background-color:#2f936d; font-family: 'KIMM_Bold'; font-weight:700; font-size:20px!important; position:absolute; bottom:0px; left:0px; color:#ffffff; width:100%; line-height:60px !important; height:60px; border-radius:0 0 10px 10px;}

.p0305 {display:table; width:100%}
.c03 h9 {display:block; text-align:center; margin-bottom:50px; line-height:30px; font-size:17px; color:#000000}
.p0305 div {float:left; width:calc(50% - 30px); margin:15px;}
.p0305 div img {width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1); margin-bottom:10px;}
.p0305 button {width:100%; height:60px; background-color:#2f936d; border-radius:5px; color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700;  font-size:20px; margin-top:30px;}
.p0305 button i {color:#ffffff; font-size:20px; margin-right:10px;}
.p0305 p {color:#000000; text-align:center; font-weight:bold}

.p0306 button {width:100%; height:60px; background-color:#2f936d; border-radius:5px; color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700;  font-size:20px; margin-bottom:30px;}
.p0306 button i {color:#ffffff; font-size:20px; margin-right:10px;}

.p0306 div button:nth-child(2) {background-color:#ffffff; border:1px solid #2f936d; color:#2f936d;}

form {display:block; width:700px; margin:0 auto; max-width:100%}
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:#2f936d; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #2f936d; 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:#2f936d; 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:#2f936d; font-size:15px; margin-bottom:15px; width:100%; margin-top:15px; font-weight:500 }
form h5:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form a {display:block; background:#e6e6e6; color:#000000; text-align:center; border-radius:10px; line-height:50px; font-weight:600}
form a i {color:#000000; margin-right:10px}

form h5.red {color:red}
form h5.red:before {color:red}

form h7 {font-size:18px; color:#2f936d; font-weight:700; margin-top:50px; display:block}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #2f936d; 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%; margin-bottom:15px !important; height:60px;}
form h9 select {width:30%; margin-right:5%; float:left}
form h9 select:last-child {margin-right:0%}

form h9 input[type="text"] {width:calc(30%  - 42px); margin-right:5%; float:left}
form h9 input[type="text"]:last-child {margin-right:0%}

form .pathway {display:table}
form .pathway label {display:block; width:calc(30% - 30px); margin-bottom:20px; float:left}

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


.p0307 table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:1px solid #dddddd;  border-top:1px solid #dddddd; margin-bottom:30px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0), 0 5px 15px 0 rgba(0, 0, 0, 0);}
.p0307 th, .p0307 td {text-align:center; margin:0; padding:15px; border-bottom:1px solid #dddddd;}
.p0307 td {font-size:15px; line-height:25px; border-right:1px solid #dddddd}
.p0307 th {font-size:15px; color:#000000; font-weight:700; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; background-color:#f0f0f0}
.p0307 th:last-child {}

.p0307 td span {color:#2f936d; font-size:14px; margin-bottom:15px; display:block; margin-top:10px;}
.p0307 td span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form p.insert {width:150px; height:30px; float:left; margin-right:10px; background-color:#2f936d; color:#ffffff; border-radius:30px; line-height:30px; text-align:center; font-size:13px !important; cursor:pointer}
form p.insert i {color:#ffffff; margin-right:5px; font-size:13px;}
form p.del {width:148px; height:28px; float:left; margin-right:10px; color:#2f936d; border:1px solid #2f936d;  border-radius:30px; line-height:30px; text-align:center; font-size:13px !important; cursor:pointer}
form p.del i {color:#2f936d; margin-right:5px; font-size:13px;}


.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:9999}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:9999}
#agreebox12 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:9999}
#agreebox13 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:9999}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:55%; background-color:#ffffff; border:1px solid #2f936d; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;  font-family: 'KIMM_Bold'; font-weight:700}
#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:#2f936d; 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}

.gallery {padding:0px 0px 0px 0px;}
.gallery {display:table; width:1060px; border-radius:10px; margin:0 auto}
		.gallery section {display:table; margin-bottom:50px}
		.gallery section div {width:250px; height:150px; margin-right:20px; float:left;  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(50, 50, 50, 0.1); border-radius:10px; cursor:pointer;}
		.gallery section div:nth-child(8n) {margin-right:0px !important; margin-bottom:30px;}
		
		
		.imgbox {cursor:pointer; display:none; width:100% !important; height:100% !important; position:fixed !important; top:0px; left:0px; background:rgba(0,0,0,0.7) !important; text-align:center !important; z-index:999; border-radius:0px !important}
		.imgbox img {max-width:100%;  height:70%; max-height:70%; border-radius:10px; display:block; margin:0 auto; margin-top:100px; z-index:10}
		.imgbox i {color:#ffffff; font-size:33px; margin-top:20px !important; margin:10px;}
		.imgbox i.fa-arrow-circle-left {margin-top:0px}
		.imgbox i.fa-arrow-circle-right {}
		h51 {color:#000000; font-size:20px; font-weight:bold; margin-bottom:20px; padding-bottom:10px; margin-top:20px; text-align:left; display:block}
		h51 i {color:#000000; font-size:20px; margin-right:10px}
		
.c07 {max-width:600px !important; margin:0 auto}

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



@media ( max-width: 1100px ) {
body {max-width:640px; margin:0 auto; background-color:#ffffff}
* {font-size:13px;}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}

dl {display:table; padding:10px 0 10px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:100%; float:left; color:#000000; font-weight:bold; font-size:15px; line-height:30px; margin-bottom:10px;}
dt i {margin-right:10px; color:#000000; }
dd {width:100%; float:right; font-size:13px; line-height:20px;}
dd span {color:#000000; font-size:12px; margin-bottom:10px; 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;}

dd b {display:block; color:#2f936d; font-size:13px; margin-bottom:10px;}
dd b:not(:first-child) {margin-top:20px}

.infobox ul {margin-bottom:10px;}
.infobox li:before {color:#2f936d; content: "·"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; font-size:13px; position:absolute; margin-left:-15px;}
.infobox li {margin-bottom:5px; padding-left:20px; line-height:25px;}

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

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


#head {display:none}

#top {width:100%; margin:0 auto; height:80px; position: fixed; top: 0px; left:0px; z-index:9; background-color:#ffffff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1); }
#top p:nth-child(1) {display:none; float:left; width:25%}
#top p:nth-child(1) img {height:20px; margin-top:45px; }
#top p:nth-child(2) {float:left; text-align:left; width:75%}
#top p:nth-child(2) img {height:30px; width:auto; margin-top:25px; padding-left:20px;}
#top p:nth-child(3) {float:right; width:10%; text-align:right; font-size:12px; color:#999999; background-color:; margin-right:15%}
#top p:nth-child(3) b {display:none; text-align:right; color:#2f936d; font-family: 'KIMM_Bold'; font-weight:700; font-size:30px; width:100%; margin-top:30px;}
#top p:nth-child(3) b i {color:#2f936d; font-size:22px; margin-right:10px;}
#top p:nth-child(3) button:nth-child(1) {display:none;}
#top p:nth-child(3) button:nth-child(1) b {display:none; color:#2f936d;  font-weight: 900 !important; font-size:17px;}

#top p:nth-child(3) button:nth-child(2) {display:none;}
#top p:nth-child(3) button:nth-child(3) {display:none;}


#top p:nth-child(3) button {display:block; text-align:left; padding:0px 0 0px 0; height:20px; font-size:14px; }
#top p:nth-child(3) button i {display:block; float:left; margin-right:10px; color:#000000; width:20px; text-align:center;}
#top p:nth-child(3) button b {float:left; color:#000000;}
#top p:nth-child(3) button:nth-child(1) p {color:#254594}


#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; right:0px; top:0px; z-index:10; text-align:center; position: fixed;}
.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:#2f936d;}
.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;}



#main {width:100%; height:500px; margin-top:80px; background:url('/2026/img/mbg.jpg?v=2'); background-position:center top; background-repeat:no-repeat; position:relative; background-size:cover; background-color:#95d2ee;}
#main div {width:90%; display:block; float: none; position: absolute; bottom: 0%; left: 5%; transform: translate(0%, 10%); text-align:center} 
#main div img {position:absolute; left:20%; margin-bottom:10px; animation: motion 1s linear 0s infinite alternate; top: -80px; width:60%}

        
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

#main iframe {width:100%; height:180px; display:block; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(234, 85, 86, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1);}
#main p {position:absolute; bottom:10px; left:10px; color:#333333;  font-family: 'KIMM_Bold'; font-weight:700}

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; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1);}
th, td {text-align:center; margin:0; padding:7px; border-bottom:1px solid #dddddd;}
td {font-size:12px; line-height:20px; border-right:1px solid #dddddd}
td.tdnotice {font-size:12px; color:#000000; background-color:#f6f6f6; font-weight:bold}
th {font-size:12px; color:#2f936d; font-weight:700; border-bottom: 1px solid #2f936d; border-right: 1px solid #2f936d; background-color:#d4f8f3}
th:last-child {}

td span {color:#2f936d; font-size:12px; margin-bottom:10px; display:block; margin-top:10px;}
td span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}


footer {background-color:#e6e6e6; width:calc(100% - 40px); padding:20px 20px 20px 20px}
footer address {display:block; font-style: normal; text-align:left; font-size:11px; line-height:18px; color:rgba(0,0,0,0.6); width:100%; margin:0 auto;}
footer address img {display:block; width:70px; float:right; margin-bottom:10px;}
footer address  button {display:block; background-color:#333333; color:#ffffff; font-size:11px; border-radius:5px; width:110px; height:20px; margin-bottom:10px;} 

#kakao {position: fixed; bottom: 20px; right: 20px; z-index: 99; width:80px;}
#kakao img {display:block; margin-top:10px; width:100%; }

.scrwrap {padding-right:5%; white-space:nowrap !important; width:calc(100% - 0px) !important;  -webkit-overflow-scrolling : touch; overflow:auto !important;}
.scrwrap2 {white-space:nowrap;  -webkit-overflow-scrolling : touch; overflow:auto; width:100%;}

#timeline {background-color:#2f936d; text-align:center; height:100px; padding:0px !important; margin-top:0px}
#timeline button {width:170px; height:120px; color:rgba(255,255,255,1); font-size:12px; }
#timeline button b {display:block; text-align:center; font-size:15px; margin-bottom:0px; margin-top:-20px !important;}
#timeline  i.fa-chevron-right {color:#ffffff; height:130px; line-height:100px;}
#timeline button i {color:#ffffff; font-size:20px; display:block; margin-bottom:10px; margin-top:-10px;}

#info {padding:50px 0 50px 0}
#info h1 {color:#2f936d; font-family: 'KIMM_Bold'; font-weight:700; font-size:20px; text-align:center; margin-bottom:10px; border-bottom:1px solid #2f936d; padding-bottom:10px;}
#info .wrap {width:90%; margin:0 auto; display:table;}

#info .wrap button {display:block; float:left; width:calc(100% - 0px); margin-right:0px; height:40px; color:#2f936d; border:1px solid #2f936d; margin-top:20px; border-radius:5px; font-family: 'KIMM_Bold'; font-weight:700; font-size:15px;}
#info .wrap button:last-child {margin-right:0px}
#info .wrap button i {font-size:15px; color:#2f936d; margin-right:10px}
#info b {color:#2f936d}

#wininfo{padding:50px 0px 50px 0px; background:url('/2026/img/main/bg.png'), rgba(0,138,139); background-position:center bottom; background-repeat:no-repeat; width:calc(100% - 0px);}
#wininfo h1 {color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700; font-size:20px; text-align:center; margin-bottom:20px;}
#wininfo .wrap {width:90%; margin:0 auto; display:block;}


#wininfo h2 {color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700; font-size:15px; width:100%; margin:0 auto; margin-bottom:10px; margin-top:20px;}
#wininfo li {color:#ffffff; font-size:13px;}
#wininfo h2:before {color:#ffffff; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
#wininfo li:before {color:#ffffff;} 
#wininfo table td {}



.winnew img {position:absolute; right:-20px; top:-20px;} 
.winnew b {position:relative; font-weight:normal; margin:0 15px 0 15px; padding:0 5px 0 5px;font-size:12px; background-image: linear-gradient(transparent 60%, #d4f8f3 40%); color:#000000}

#spon {text-align:center; background-color:#f3f3f3; border-top:1px solid #f0f0f0}
#spon img {height:auto; width:90%; padding:30px 0 30px 0}

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


#subv {margin-top:80px; width:100%; height:100px; background:url('/2026/img/sbg.jpg?v=2'); background-position:center; background-size:auto 100%; background-repeat:no-repeat, repeat;  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); position:relative; padding-top:30px;}

 #subv h1 {font-family: 'KIMM_Bold'; font-weight:700; font-size:25px; text-align:center; color:#2f936d; float: none; position: absolute; top: calc(50% + 15px); left: 50%; transform: translate(-50%, -50%); }
 #subv h1:after {display:none; content: "●"; color:#2f936d; position:absolute; font-size:15px; margin-top:15px; margin-right:-5px;} 
 
 #subv h1 p {font-weight:700; font-size:12px; text-align:center; color:#000000;}



#subv .smenu {width:100%; height:40px; background:rgba(0,0,0,0.5); line-height:40px; margin-top:-50px; text-align:center; z-index:9;}

#subv .smenu a {color:#ffffff; line-height:40px; margin:0 10px 0 10px; font-size:12px; font-weight:800 !important}
#subv .smenu a.on {color:#00f57f; padding-bottom:0px; font-weight:800 !important}


 #subpage h1 span{
            position: relative;
	  padding:0px 5px 5px 0px;
        }
 #subpage h1 span:before{
            position: absolute;
            content: '';
            width: 100%;
            height: 10px;
            bottom: 0px;
            z-index: -1;
            
            clip: rect(0px, 0px, 50px, 0px);
            transform: skew(30deg);
            transition: all 2s;
        }
 #subpage h1 span.line::before{
            clip: rect(0px, 250px, 50px, 0px);
        }

#subpage {width:90%; margin:0 auto; margin-top:50px; margin-bottom:50px; }
#subpage h1 {text-align:center}
#subpage h1 span {font-family: 'KIMM_Bold'; color:#000000; font-size:20px; text-align:center; font-weight:700}
#subpage h2 {color:#cccccc; font-size:15px; text-align:center; margin-top:10px; margin-bottom:30px; line-height:30px;}
#subpage p {font-size:13px; line-height:25px;}

 #subpage h4  {font-family: 'KIMM_Bold'; color:#2f936d; font-size:15px; text-align:center; font-weight:700; margin-bottom:20px;}
 #subpage h60  {display:block; font-family: 'KIMM_Bold'; color:#000000; font-size:20px; text-align:center; font-weight:700; margin-bottom:10px;}
 #subpage h60  span {font-family: 'KIMM_Bold'; color:#2f936d; font-size:20px; font-weight:700;}
  
  
.p0101 {width:90% !important; margin:0 auto}
.p0101 img {max-width:100%; margin:30px 0 0px 0; border-radius:10px;}
.p0101 div {margin-bottom:30px;}
.p0101 div h500 {display:block; width:100px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#ffffff; font-weight:800; background-image: linear-gradient(to right, #329b76, #004695); border-radius:10px 0 10px 0;  margin-bottom:20px;}

.p0101 div p {line-height:1.5; font-size:13px; margin-bottom:10px; color:#000000}
.p0101 div p i {font-size:13px; margin:0 10px 0 0px; color:#000000; width:10px;}
.p0101 div  span {display:block; color:#2f936d; font-size:12px; margin-bottom:10px; line-height:20px;}
.p0101 div  span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
.p0101 div ul {margin-left:20px;}
.p0101 div ul li {margin-bottom:10px; list-style-type: disc; color:#000000; line-height:1.5; font-size:13px;}
.no li {font-size:13px !important;}
.p0101 div b {color:#000000; font-weight:700; width:100%; display:block; background-color:#ffffff; border-radius:30px; padding:0px; margin-right:0px; float:left; font-size:13px;}
.p0101 div p button {width:33%; background-color:#333333; color:#ffffff; height:50px; border-radius:5px; margin-right:20px;}
.p0101 div p button i {color:#ffffff; margin-right:5px;}
 .p0101 center {display:table; width:100%}
 .p0101 center button {width:calc(50% - 10px); margin-right:20px; border-radius:40px; height:40px; font-size:14px; font-weight:700; display:block; float:left}
.p0101 center button:nth-child(2n - 1) {border:1px solid #2f936d; color:#2f936d}
.p0101 center button:nth-child(2n - 1) i {color:#2f936d; margin-right:10px}
.p0101 center button:nth-child(2n) {margin-right:0px; background:#2f936d; color:#ffffff}
.p0101 center button:nth-child(2n) i {color:#ffffff; margin-right:10px}


h3.typing-txt{
  display: none;
}

h3.typing {  
/*position: absolute;*/ 
  display:block; 
  animation-name: cursor; 
  animation-duration: 1s; 
  animation-iteration-count: infinite; 
  margin:0 auto;
  margin-bottom:20px;
 } 
 /*
 @keyframes cursor{ 
  0%{border-right: 1px solid #fff} 
  50%{border-right: 1px solid #000} 
  100%{border-right: 1px solid #fff} 
}
*/


.c02 button {width:100%; height:40px; background-color:#2f936d; border-radius:5px; color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700;  font-size:15px; margin-top:20px;}
.c02 button i {color:#ffffff; font-size:15px; margin-right:10px;}

.p0203 dd p {float:left; width:calc(50% - 5px); text-align:center; margin-bottom:10px; margin-right:10px;}
.p0203 dd p img {display:block; width:calc(100% - 0px); border-radius:10px;}

.p0203 dd p:nth-child(2n) {margin-right:0px}
.p0203 dd p i {color:red; margin-right:10px}

.p0205 {}
.p0205 table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:1px solid #2f936d; border-top:1px solid #2f936d; margin-bottom:30px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0), 0 5px 15px 0 rgba(0, 0, 0, 0); }
.p0205 th, .p0205 td {text-align:center; margin:0; padding:7px; border-bottom:1px solid #2f936d;}
.p0205 td {font-size:12px; line-height:25px; border-right:1px solid #2f936d}
.p0205 td.tdnotice {font-size:12px; color:#000000; background-color:#f6f6f6; font-weight:bold}
.p0205 th {font-size:12px; color:#2f936d; font-weight:700; border-bottom: 1px solid #2f936d; border-right: 1px solid #2f936d; background-color:#d4f8f3}
.p0205 th:last-child {}

.p0205 td span {color:#2f936d; font-size:12px; margin-bottom:15px; display:block; margin-top:10px;}
.p0205 td span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} 

h5 {color:#2f936d; font-size:15px; width:100%; margin:0 auto; margin-bottom:10px; margin-top:20px;}
h5:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.p0301 {display:table}
.p0301 button {display:block; width:calc(100% - 0px); margin-right:0px; margin-bottom:30px; height:330px; border:1px solid #2f936d; float:left; border-radius:10px; position:relative}
.p0301 button:last-child {margin-right:0px}
.p0301 button img {width:50%}
.p0301 button p:nth-child(1) {color:#2f936d; font-family: 'KIMM_Bold'; font-weight:700; font-size:20px!important;}
.p0301 button ul {margin-left:10px; }
.p0301 button li {text-align:left; font-size:13px !important; color:#000000; line-height:20px !important}
.p0301 button p:last-child {background-color:#2f936d; font-family: 'KIMM_Bold'; font-weight:700; font-size:15px!important; position:absolute; bottom:0px; left:0px; color:#ffffff; width:100%; line-height:40px !important; height:40px; border-radius:0 0 10px 10px;}

.p0305 {display:table; width:100%}
.c03 h9 {display:block; text-align:center; margin-bottom:30px; line-height:25px; font-size:15px; color:#000000}
.p0305 div {float:left; width:calc(50% - 10px); margin:5px;}
.p0305 div img {width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1); margin-bottom:10px;}
.p0305 button {width:100%; height:40px; background-color:#2f936d; border-radius:5px; color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700;  font-size:15px; margin-top:20px;}
.p0305 button i {color:#ffffff; font-size:15px; margin-right:10px;}
.p0305 p {color:#000000; text-align:center; font-weight:bold}

.p0306 button {width:100%; height:40px; background-color:#2f936d; border-radius:5px; color:#ffffff; font-family: 'KIMM_Bold'; font-weight:700;  font-size:15px; margin-bottom:20px;}
.p0306 button i {color:#ffffff; font-size:15px; margin-right:10px;}

.p0306 div button:nth-child(2) {background-color:#ffffff; border:1px solid #2f936d; color:#2f936d;}

form {display:block; width:100%; margin:0 auto}
form p {margin-top:10px; 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:#2f936d; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #2f936d; font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:0px !important}

form input[type=text] {width:calc(100% - 22px); padding:10px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:14px;}
form input[type=password] {width:calc(100% - 22px); padding:10px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:14px;}
form button {width:100%; height:40px; text-align:center; color:#ffffff; border-radius:5px; font-size:15px; background-color:#2f936d; margin-top:20px;}
form textarea {width:calc(100% - 22px); padding:10px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:14px; height:300px;}
form h5 {color:#2f936d; font-size:13px; margin-bottom:15px; width:100%; margin-top:5px;  ; line-height:20px;}
form h5:before {color:#2f936d; 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:#2f936d; font-weight:700; margin-top:50px; display:block}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #2f936d; margin: 10px 0px;}


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

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

form h8 {width:calc(100% - 22px); position: relative; padding:10px; 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%; margin-bottom:15px !important; height:40px;}
form h9 select {width:30%; margin-right:5%; float:left}
form h9 select:last-child {margin-right:0%}

form h9 input[type="radio"] {width:calc(30%  - 42px); margin-right:0%; float:left}
form h9 input[type="radio"]:last-child {margin-right:5%}

form .pathway {display:table}
form .pathway label {display:block; width:calc(50% - 45px); margin-bottom:20px; float:left}

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


.p0307 table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:1px solid #dddddd;  border-top:1px solid #dddddd; margin-bottom:30px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0), 0 5px 15px 0 rgba(0, 0, 0, 0);}
.p0307 th, .p0307 td {text-align:center; margin:0; padding:15px; border-bottom:1px solid #dddddd;}
.p0307 td {font-size:15px; line-height:25px; border-right:1px solid #dddddd}
.p0307 th {font-size:15px; color:#000000; font-weight:700; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; background-color:#f0f0f0}
.p0307 th:last-child {}

.p0307 td span {color:#2f936d; font-size:14px; margin-bottom:15px; display:block; margin-top:10px;}
.p0307 td span:before {color:#2f936d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form p.insert {width:150px; height:30px; float:left; margin-right:10px; background-color:#2f936d; color:#ffffff; border-radius:30px; line-height:30px; text-align:center; font-size:13px !important; cursor:pointer}
form p.insert i {color:#ffffff; margin-right:5px; font-size:13px;}
form p.del {width:148px; height:28px; float:left; margin-right:10px; color:#2f936d; border:1px solid #2f936d;  border-radius:30px; line-height:30px; text-align:center; font-size:13px !important; cursor:pointer}
form p.del i {color:#2f936d; margin-right:5px; font-size:13px;}


.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:9999}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:9999}
#agreebox12 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:9999}
#agreebox13 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:9999}
#agree {position:absolute; top:20%; left:10%; width:80%; margin-left:0%; height:50%; background-color:#ffffff; border:1px solid #2f936d; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:17px; margin:30px 20px 10px 20px;  font-family: 'KIMM_Bold'; font-weight:700}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:13px; margin:20px 0px 10px 0px;}
#agree b {font-size:13px; line-height:20px; color:#000000; display:block; margin:10px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#2f936d; 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:12px; line-height:20px;  color:#999999}

.gallery {padding:0px 0px 0px 0px;}
.gallery {display:table; width:100%; border-radius:10px;}
		.gallery section {display:table; margin-bottom:20px; width:100%}
		.gallery section div {width:100%; height:150px; margin-right:0px; margin-bottom:20px; float:left;  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(50, 50, 50, 0.1); border-radius:10px; cursor:pointer; }
		.gallery section div:nth-child(8n) {margin-right:0px !important; margin-bottom:30px;}
		
		
		.imgbox {cursor:pointer; display:none; width:100% !important; height:100% !important; position:fixed !important; top:0px; left:0px; background:rgba(0,0,0,0.7) !important; text-align:center !important; z-index:999; border-radius:0px !important}
		.imgbox img {max-width:100%;  width:80%; height:auto; max-height:70%; border-radius:10px; display:block; margin:0 auto; margin-top:100px; z-index:10}
		.imgbox i {color:#ffffff; font-size:20px; margin-top:20px !important; margin:10px;}
		.imgbox i.fa-arrow-circle-left {margin-top:0px}
		.imgbox i.fa-arrow-circle-right {}
		h51 {color:#000000; font-size:15px; font-weight:bold; margin-bottom:10px; padding-bottom:10px; margin-top:20px; text-align:left; display:block}
		h51 i {color:#000000; font-size:15px; margin-right:10px}
		
		
.popup {position:absolute; top:100px; left:10%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0), 0 20px 30px 0 rgba(0, 0, 0, 0); width:80%; margin-left:0px; left:10%}
.popup img {width:calc(100% - 0px); display:block; float:left; border-radius:10px; margin:0px;}
.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}		


.notice {width:100%; height:auto; margin-top:20px;}
.notice div {width:90%; margin:0 auto; padding:20px 0 20px 0; display:table;}
.notice div h1 {color:#ffffff; font-size:15px; width:100%; float:left; width:20%; line-height:30px; margin-top:0px; margin-bottom:0px;}
.notice div h1 span {display:none;}
.notice div h1 i {display:none;}
.notice div button {width:80%; height:30px; display:block; float:left; color:#ffffff; text-align:left; font-size:12px; margin-bottom:0px; display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.notice div button b {padding:5px 10px 5px 10px; font-size:10px;  background-color:#ffffff; border-radius:20px; margin-right:10px;}
.notice div button:nth-child(3) {display:none}
}