/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

@font-face {  font-family: "Lato";  src: url('https://static.cloud.coveo.com/searchui/v2.10110/0/fonts/lato.woff2'), url('https://staticdev.cloud.coveo.com/searchui/v2.10110/0/fonts/lato.woff2'), url('../fonts/lato.woff2'), url('https://static.cloud.coveo.com/searchui/v2.10110/0/fonts/lato.woff'), url('https://staticdev.cloud.coveo.com/searchui/v2.10110/0/fonts/lato.woff'), url('../fonts/lato.woff');
  font-weight: normal;  font-style: normal;}

@font-face {  font-family: "AkkuratPro";  font-style: normal;  font-weight: 400;  src: url("https://cdn-static.bizzabo.com/fonts/AkkuratPro_Regular.ttf");  font-display: swap;}
@font-face {  font-family: "Hexagon-Akkurat";  font-style: normal;  font-weight: 400;  src: url("https://cdn-static.bizzabo.com/fonts/Hexagon_Akkurat_Web.woff");  font-display: swap;}
@font-face {  font-family: "Hexagon-Akkurat";  font-style: italic;  font-weight: 400;  src: url("https://cdn-static.bizzabo.com/fonts/Hexagon_Akkurat_Web_Italic.woff");  font-display: swap;}
@font-face {  font-family: "Hexagon-Akkurat";  font-style: normal;  font-weight: 700;  src: url("https://cdn-static.bizzabo.com/fonts/Hexagon_Akkurat_Web_Bold.woff");  font-display: swap;}
@font-face {  font-family: "Hexagon-Akkurat";  font-style: italic;  font-weight: 700;  src: url("https://cdn-static.bizzabo.com/fonts/Hexagon_Akkurat_Web_Bold_Italic.woff");  font-display: swap;}
@font-face {  font-family: "Hexagon-Akkurat";  font-style: normal;  font-weight: 300;  src: url("https://cdn-static.bizzabo.com/fonts/Hexagon_Akkurat_Web_Light.woff");  font-display: swap;}
@font-face {  font-family: "Hexagon-Akkurat";  font-style: italic;  font-weight: 300;  src: url("https://cdn-static.bizzabo.com/fonts/Hexagon_Akkurat_Web_Light_Italic.woff");  font-display: swap;}

body {  font-style: normal;  font-family: Hexagon-Akkurat, 'Noto Sans KR', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0;  color: #212121;  word-break:keep-all;
	       background:#061525 url(../images/bg.jpg) fixed no-repeat top center; background-size: 100%; }

.container {max-width: 1100px;}

.btn {  font-size: 20px; font-weight: bold; text-transform: uppercase;  display: inline-block; text-align: center;  width:250px; padding: 17px 10px 15px 10px;  border-radius: 50px;   line-height: 1;  margin: 10px 0;  
         background: #005198; color:#fff;   transition: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;  }
.btn:hover {  background: #00284c;  color:#fff; text-decoration: none; }

a { color: #005198; }
a:hover {  color: #00284c; text-decoration: none}

.green {color:#83c410}
.blue {color:#005198}
i {vertical-align: middle}

body {font-size:17px;  line-height: 1.4; font-weight: 400;   }
h1 {font-size: 55px; font-weight: bold }
h2 {font-size: 27px;  font-weight: bold }
h3 {font-size: 25px;  font-weight: bold }
h4 {font-size: 20px;  font-weight: bold }
h5 {font-size: 19px;  font-weight: bold }
h6 {font-size:18px;  line-height: 1.5; font-weight: normal; margin:0 }

.header {  padding: calc(1% + 10px) calc(3% + 10px) ; text-align: right; }
.header .logo img { width: 30%; max-width: 140px; }
.header .h1 img { width: 75%; max-width: 750px; }
.header .h1 img:last-child { display: none }

.main {  padding: calc(3% + 10px) ; background:#ffffff url(../images/bar.png) no-repeat bottom center; background-size: 100%;  }

ul {padding-left:15px; margin-bottom:0 }
ul li {padding-top:3px}


@media (max-width: 1350px) { 
 body {background-size: 120%;}
}

@media (max-width: 990px) { 
.container { padding:0 ;}    

.header  { background:#061525 url(../images/bg_m.jpg) no-repeat bottom center; background-size: 100%; }    
.header .h1 img:first-child  { display: none }    
.header .h1 img:last-child  { display: inline-block; width: 95%; max-width: 500px; }
    
body { font-size:14px;  }
h1 { font-size: 8.5vw }	
h2 { font-size: 24px;  }
h3 { font-size: 22px;  }    
h4 { font-size: 18px;  }
h5 { font-size: 17px;  }
h6 { font-size:16px;  }
}




/*--------------------------------------------------------------
# Intro
--------------------------------------------------------------*/

.title {vertical-align: top; }
.title i {  font-size: 30px;  color: #606060;   background: #f0f0f0;  float: left;  width: 50px;  height: 50px;  display: flex;  justify-content: center;  align-items: center;  border-radius: 50px;  transition: all 0.3s ease-in-out;  margin-bottom:10px; margin-right:10px; }
.title img  { display: flex;  justify-content: center;   float: left;  margin-right:10px; }
.title h4 {margin-top:15px; }
.content {padding-top:12px;  display: block; min-height: 50px; }

@media (max-width: 1020px) { 
 .intro h6 br {display: none}
 .title, .content {width:100%; display: inline-block; min-height: 0; }
}

.infotable { width:100%; border-top:2px #101010 solid }
.infotable th, .infotable td { border-bottom:1px #101010 solid; vertical-align: top; padding-top: 10px; padding-bottom: 10px }
.infotable th  {padding-right:15px; text-align: center}
.infotable td ul {padding-left:20px; margin-bottom:0 }
.infotable small { color:#707070  }

/*--------------------------------------------------------------
# Regist
--------------------------------------------------------------*/

.regist .bg {padding:60px 0}
.regist .check {font-size:15px; padding-left:40px; } 
.regist .check input[type="checkbox"] {margin-left:-40px; margin-right:7px; ;}

.mandatory {color:#202020}    
.regist label {display: block}
.regist .phone  {width:75px !important; display: inline; padding-left:5px; padding-right:5px;}


input[type="radio"]  {width:25px;height:25px;  margin:3px 3px 3px 0; vertical-align:middle}
input[type="checkbox"] {width:25px;height:25px;  margin:3px 3px 3px 0; vertical-align:middle}

.regist h5 {margin:40px 0 10px 0; color:#000000; font-size:20px;}
.join_text {background: #f9f9f9; margin-top: 20px; margin-bottom: 15px; border: 1px solid #eeeeee; padding: 15px; font-size: 15px;color: #666; overflow-x: hidden; overflow-y: hidden;}
.join_text h3 {margin-top: 10px;margin-bottom: 5px;font-weight: 500;font-size: 15px;padding: 0;color: #4c4c4c;}
.join_text3, .join_text4 {height: 70px}

.join_text ol { margin-left:-10px; margin-top:10px; margin-bottom:0}
.join_text ol li{ margin-top:8px; }
.join_text table {width:100%; border-bottom:1px #e0e0e0 solid;  border-left:1px #e0e0e0 solid}
.join_text th, .join_text td {border-top:1px #e0e0e0 solid;  border-right:1px #e0e0e0 solid; padding:2px 5px; font-size:12px;}
.join_text th {text-align: center}
.join_text td {background: #ffffff}

.join_text4 ol { margin-left:-23px; margin-top:-5px; margin-bottom:0}

input::placeholder { color: #a0a0a0 !important; font-size:14px;  font-style: italic; }
textarea::placeholder { color: #a0a0a0 !important; font-size:14px;  font-style: italic; }
input::-webkit-input-placeholder {color: #a0a0a0 !important; font-size:14px;  font-style: italic; }


@media (max-width: 780px) { 
.join_text {  padding: 10px;font-size: 13px; }
.join_text h3 { font-size: 14px; }
}

.confirm ul li {margin-left:-20px}

@media (max-width: 870px) { 
.confirm h5 br {display: none}
}



/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact { padding: calc(1.5% + 10px) calc(3% + 10px) ;  background: #00284c; color:#ffffff; opacity: 0.9;  font-size:16px; }
.contact a { color:#04d0e6;  transition: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } 
.contact a:hover { color:#ffffff}
.contact h5 {display: inline-block; float:left; margin-top: 7px; margin-bottom:5px}
.contact .row { margin-left: 15%; }
.contact .row div { margin-top:7px; margin-bottom:3px; }
/* .contact_email {display: block; width:60%; max-width: 230px;  float: left} */

@media (max-width: 560px) { 
	.contact h5  { float: none;}
	.contact .row { margin-left: -15px}
	.contact { font-size:13px; }	
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer { color: #707070;  font-size: 12px;  text-align: center;  padding: calc(1.5% + 10px) ;  }
.footer a {opacity: 0.6 ;  transition: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.footer a:hover {opacity: 1.0}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {  position: fixed;  display: none;  right: 10px;  bottom: 5px;  z-index: 99999;}
.back-to-top i {  display: flex;  align-items: center;  justify-content: center;  font-size: 28px;  width: 40px;  height: 40px;  border-radius: 50px;  background: rgba(255, 255, 255, 0); color: #ffffff;  transition: all 0.4s; opacity: 0.7}  
.back-to-top i:hover { opacity: 0.9 }


/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {    transition-delay: 0 !important;  }
}