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

body {margin-top: 20px;margin-left: 10px;margin-bottom: 0px;margin-right: 0px;}
form {display: inline;}
td {font-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: none;line-height: 17px;}
select {font-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: none;}
input {font-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: none;border: 1px solid #b7b7b7;}
textarea {
	font-family: "Noto Sans KR";
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
	line-height: 17px;
	border: 1px solid #FFFFFF;
}

.Logininput {
	font-family: "Noto Sans KR";
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
	border-top: 1px solid #b7b7b7;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #b7b7b7;
}




a:link {xfont-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: none;}
a:visited {font-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: none;}
/*a:active {font-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: underline;}*/
/*a:hover {font-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: underline;}*/

.aHistory:link {xfont-family: "Noto Sans KR";font-size: 8pt;color: #666666;text-decoration: none;}
.aHistory:visited {font-family: "Noto Sans KR";font-size: 8pt;color: #666666;text-decoration: none;}
.aHistory:active {font-family: "Noto Sans KR";font-size: 8pt;color: #666666;text-decoration: none;text-decoration: underline;}
.aHistory:hover {font-family: "Noto Sans KR";font-size: 8pt;color: #666666;text-decoration: none;text-decoration: underline;}

.aPage:link {xfont-family: "Noto Sans KR";font-size: 8pt;color: #666666;}
.aPage:visited {font-family: "Noto Sans KR";font-size: 8pt;color: #666666;}
.aPage:active {font-family: "Noto Sans KR";font-size: 8pt;color: #036fab;font-weight: bold;text-decoration: none;}
.aPage:hover {font-family: "Noto Sans KR";font-size: 8pt;color: #036fab;font-weight: bold;text-decoration: none;}

.aBlueB:link {xfont-family: "Noto Sans KR";font-size: 9pt;color: #0d7faf;font-weight: bold;}
.aBlueB:visited {font-family: "Noto Sans KR";font-size: 9pt;color: #0d7faf;font-weight: bold;}
.aBlueB:active {font-family: "Noto Sans KR";font-size: 9pt;color: #0d7faf;font-weight: bold;text-decoration: underline;}
.aBlueB:hover {font-family: "Noto Sans KR";font-size: 9pt;color: #0d7faf;font-weight: bold;text-decoration: underline;}

.amyp:link {xfont-family: "Noto Sans KR";font-size: 9pt;color: #53a2ad; font-weight: bold; text-decoration: underline;}
.amyp:visited {font-family: "Noto Sans KR";font-size: 9pt;color: #53a2ad; font-weight: bold; text-decoration: underline;}
.amyp:active {font-family: "Noto Sans KR";font-size: 9pt;color: #328c97;font-weight: bold; text-decoration: underline;}
.amyp:hover {font-family: "Noto Sans KR";font-size: 9pt;color: #328c97;font-weight: bold; text-decoration: underline;}

.amyline:link {xfont-family: "Noto Sans KR";font-size: 9pt;color: #555555; text-decoration: underline;}
.amyline:visited {font-family: "Noto Sans KR";font-size: 9pt;color: #555555;  text-decoration: underline;}
.amyline:active {font-family: "Noto Sans KR";font-size: 9pt;color: #328c97;; text-decoration: underline;}
.amyline:hover {font-family: "Noto Sans KR";font-size: 9pt;color: #328c97;text-decoration: underline;}

.f_8 {font-size: 8pt;text-decoration: none;}
.f_8WB{font-family: "Noto Sans KR";font-size: 8pt;font-weight: bold;color: #FFFFFF;}
.f_9W{font-family: "Noto Sans KR";font-size: 9pt;font-weight: none;color: #FFFFFF;}
.f_BlueB8{font-family: "Noto Sans KR";font-size: 8pt;color: #036fab;font-weight: bold;text-decoration: none;}
.f_ora8{font-family: "Noto Sans KR";font-size: 8pt;color: #f6750e;font-weight: bold;text-decoration: none;}
.f_11B{font-family: "Noto Sans KR";font-size:11pt;font-weight: bold;color: #555555;}
.line_BoGray {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #b7b7b7;}
.line_BoBlue{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #b9c5d9;}
.line_BoGray02 {border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #c8c8c8;}
.line_BoGray03 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #eeeeee;}
.line_BoGray_tit {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DDDDDD; padding-left:10px;}
.line_BoGray02 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DDDDDD;}

.line_boxGray01 {border-top-width: 1px; border-top-style: solid; border-top-color: #b1b1b1;}
.line_boxGray02 {border-right-width: 1px; border-right-style: solid; border-right-color: #b1b1b1;}
.line_boxGray03 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b1b1b1;}
.line_boxGray04 {border-left-width: 1px; border-left-style: solid; border-left-color: #b1b1b1;}
.line_boxGray {
	border: 1px solid #b1b1b1;
}


.emp_tit {font-weight: bold;text-decoration: none;border: 1px solid #f1f2f2;}
.pad_LR15 {padding-right: 15px;padding-left: 15px;}
.pad_L10 {padding-left: 10px;}
.pad_TP5{padding-top: 5px;padding-bottom: 5px;}
.f_BB {font-weight: bold;color: #000000;xtext-decoration: none;}

.BgGrayselect {font-family: "Noto Sans KR";font-size: 9pt;color: #666666;text-decoration: none;background-color: #e7e3e0;}
.line_ToBoGr2 {border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #b7b7b7;border-top-width: 2px;border-top-style: solid;border-top-color: #b7b7b7;}
.f_BlueB9 {font-family: "Noto Sans KR";font-size: 9pt;color: #3a7ec4;font-weight: bold;text-decoration: none;}
.pad_L50 {padding-left: 50px;}

.GrayLineTRB {border-top: 1px solid #E2E2E2;border-right: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2;border-left: 1px none #E2E2E2;}





table tr td > ul{
	width: 675px;
	border: 1px solid #eee;
	display: flex;
	justify-content: space-around;
	height: 43px;
	margin-bottom: 50px;
	background: linear-gradient( rgba(7,49,118,0.7) ,  #073176 50%, #073176);
	/*background: #10285B;*/
	border: 1px solid #073176;
	padding: 0 0px;
	border-radius: 10px;
	box-sizing: border-box;
}

table tr td > ul > li{
	width: 120px;
	text-align: center;
}

table tr td ul li {
	list-style: none;
}

table tr td ul li a{
	text-decoration: none !important;	
}

table tr td > ul > li > a{
	line-height: 41px;
 	font-family: "Noto Sans KR" sans-serif;
    font-size: 16px !important;
    font-weight: 600;
	letter-spacing: -0.6px;
	color: #fff !important	;
}

table tr td ul li ul{
	width: auto ;
	display: none;
	position: absolute;
	height: 102px;
	padding: 0;
}

table tr td > ul > li:nth-of-type(4) ul{
	transform: translateX(-40px);
}

table tr td > ul > li > a{
	position: relative;
	width: 120px;
	display: inline-block;
	z-index: 10;
	transition: 0.4s;
}

table tr td > ul > li > a:hover{
	color: #000 !important;
	transition: 0.4s;

}

table tr td > ul > li > a{
	transition: 0.4s;
}

table tr td > ul > li > a:after{
	position: absolute;
	display: block;
	content: "";
	width: 80%;
	height: 100%;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	background-color: transparent;
	z-index: -1;
	border-radius: 10px 10px 0 0;
	transition: 0.4s;
}

table tr td > ul > li > a:hover:after{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: -1;
	border-radius: 10px 10px 0 0;
	transition:0.4s;
}

table tr td ul li ul li > a{
	display: inline-block;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 14px !important;
	line-height: 42px;
	font-weight: 600;
	margin-right: 15px;
	letter-spacing: -0.54px;
}

table tr td > ul li:hover > ul{
	display: flex;
}


table tr td ul > li{
	float: left;	
}

.main_bg {
  position: relative;
  width: 857px;
  height: 300px;
  background-image: url(../images/main/main_image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
}
.main_bg:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top:0;
  left:0;
  background: rgba(0,0,0,0.2);
}
.main_text {
  position: absolute;
  font-family: "Noto Sans KR", sans-serif;
  color: #fff;
  z-index: 1;
  top: 20%;
  left: 45%;
  font-size: 26px;
  line-height: 1.3;
  opacity: 0;
}
.main_text.first {
	animation: fade-first 16s 0s infinite ease-out ;
}
.main_text.second {
	animation: fade-second 16s 8s infinite ease-out ;
}
@keyframes fade-first {
  0% {
   opacity: 0;
   top: 20%;
  }
  10% {
   	opacity: 1;
   	top: 30%;
  }
  30% {
  	opacity: 1;
   	top: 30%;
  }
  40% {
   	opacity: 0;
   	top: 40%;
  }
}
@keyframes fade-second {
  0% {
   opacity: 0;
   top: 20%;
  }

  10% {
   	opacity: 1;
   	top: 30%;
  }
  30% {
  	opacity: 1;
   	top: 30%;
  }
  40% {
   	opacity: 0;
   	top: 40%;
  }
}
.main_text span{
  font-size: 48px;
  letter-spacing: -0.78px;
  font-family: 'Roboto', sans-serif;
}
.main_text p{
  font-size: 10px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 2px;
  font-family: 'Roboto', sans-serif;
}

.sub_page_bg {
	width: 857px;
	height: 130px;
	/*height: 130px;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}








.popup {padding: 0px;margin: 0px;text-align: center;}
.scroll {
{scrollbar-face-color: #ffffff;
scrollbar-shadow-color:999999; 
scrollbar-highlight-color: 999999;
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: 999999;
}


.select{font-family: "Noto Sans KR";font-size: 9pt;color: #FFFFFF; border: 1px solid #FFFFFF;}
.textield{font-family: "Noto Sans KR";font-size: 9pt;color: #666666; border: 1px solid #cccccc;}
.txtblue{font-family: "Noto Sans KR"; font-size: 9pt; color: #4d9dab; }


.line_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.mar_none {margin: 0px;}