@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);




/* Main Page styles*/
BODY {
	FONT-WEIGHT: normal; FONT-SIZE: 11pt; TEXT-TRANSFORM: none; COLOR: #555555; LINE-HEIGHT: 140%; FONT-FAMILY: ��������,����,��������,����ü,verdana; FONT-VARIANT: normal; LETTER-SPACING: 0px; margin:0;
}
TABLE {
	FONT-WEIGHT: normal; FONT-SIZE: 11pt; TEXT-TRANSFORM: none; COLOR: #555555; LINE-HEIGHT: 140%; FONT-FAMILY: ��������,����,��������,����ü,verdana; FONT-VARIANT: normal; LETTER-SPACING: 0px
}

/* basic styles*/

A:link   	{FONT-WEIGHT: normal; FONT-SIZE: 11pt; font-family : verdana,��������,���� ;COLOR: #555555; TEXT-DECORATION: none}
A:visited	{FONT-WEIGHT: normal; FONT-SIZE: 11pt; font-family : verdana,��������,���� ;COLOR: #555555; TEXT-DECORATION: none}
A:active 	{FONT-WEIGHT: normal; FONT-SIZE: 11pt; font-family :verdana, ��������,���� ;COLOR: #555555; TEXT-DECORATION: none}
A:hover  {FONT-WEIGHT: normal; FONT-SIZE: 11pt; font-family :verdana, ��������,���� ;COLOR: #555555; TEXT-DECORATION: underline}



SELECT {
padding: .8em .5em;
border: 1px solid #999;
font-family: inherit;
background: url('/_pre_regit/__Commonlib/_img/arrow.jpg') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


select::-ms-expand {
display: none;
}






.SELECT2 {
	font-family:����; font-size:11px; color:#787878; background:#e7e6e6
}

textarea {
	BORDER-RIGHT: #D1D3D3 1px solid; BORDER-TOP: #D1D3D3 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #D1D3D3 1px solid; COLOR: #787878; BORDER-BOTTOM: #D1D3D3 1px solid; BACKGROUND-COLOR: #FFFFFF; padding:10 10 10 10;
}


img {border:0px; vertical-align:middle;}


/* input styles*/

.input1 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:35px; width:300px; padding-left:8px;}


.input2 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:35px; width:200px; padding-left:8px;}

.input3 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:35px; width:400px; padding-left:8px;}

.input3_2 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:40px; width:400px; padding-left:8px;}

.input4 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:35px; width:200px; padding-left:8px;}

.input5 { font-family:"����"; font-size:9pt; color: #FFFFFF;
          background-color:#333333; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid;  height:35px; width:87px;}

.input5_2 { font-family:"����"; font-size:9pt; color: #FFFFFF;
          background-color:#333333; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid;  height:35px; width:60px;}

.input5_3 { font-family:"����"; font-size:9pt; color: #FFFFFF;
          background-color:#329b20; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid;  height:35px; width:87px;}

.input5_4 { font-family:"����"; font-size:9pt; color: #FFFFFF;
          background-color:#8f29ca; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid;  height:35px; width:87px;}


.input6 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:35px; width:330px; padding-left:8px;}

.input7 { font-family:"����"; font-size:9pt; color: #FFFFFF;
          background-color:#333333; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid;  height:35px; width:100px;}

.input8 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:25px; width:50px; padding-left:3px;}

.input9 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid; COLOR: #333333; height:35px; width:800px; padding-left:8px;}

.input10 { font-family:"����"; font-size:9pt; color: #666666;
          background-color:#D9D6D6; BORDER-LEFT: 1px #dddddd solid;
		  BORDER-right: 1px #dddddd solid; BORDER-top: 1px #dddddd solid;
		  BORDER-BOTTOM: 1px #dddddd  solid;  height:35px; width:87px;}


.input11 { font-family:"����"; font-size:9pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #cccccc solid;
		  BORDER-right: 1px #cccccc solid; BORDER-top: 1px #cccccc solid;
		  BORDER-BOTTOM: 1px #cccccc  solid;  height:40px; width:50px; text-align: center;}

.input12 { font-family:"����"; font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 1px #ffffff solid;
		  BORDER-right: 1px #ffffff solid; BORDER-top: 1px #ffffff solid;
		  BORDER-BOTTOM: 1px #ffffff  solid; COLOR: #333333; height:36px; width:648px; padding-left:8px;  outline: none;}





.input_gray {
	BORDER-RIGHT: #D1D3D3 1px solid; BORDER-TOP: #D1D3D3 1px solid; FONT-SIZE: 11pt; BORDER-LEFT: #D1D3D3 1px solid; COLOR: #787878; BORDER-BOTTOM: #D1D3D3 1px solid; BACKGROUND-COLOR: #ffffff; padding: 2px 6px 0 6px; height:30px
}


.add1 {   font-size:11pt; color: #666666;
          background-color:#FFFFFF; BORDER-LEFT: 2px #4da812 solid;
		  BORDER-right: 2px #4da812 solid; BORDER-top: 2px #4da812 solid;
		  BORDER-BOTTOM: 2px #4da812  solid;}

/* bg styles*/

.bg1 {
	background:url(/images/main_bg.jpg);
	background-repeat : no-repeat;
	background-position : center top;
}

.tx1 { font-size:12pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; LETTER-SPACING: -1px; }
.tx1   A:link   	{font-size:12pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; LETTER-SPACING: -1px; TEXT-DECORATION: none; margin-left:25px; }
.tx1   A:visited	{font-size:12pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; LETTER-SPACING: -1px; TEXT-DECORATION: none; margin-left:25px;}
.tx1   A:active 	{font-size:12pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; LETTER-SPACING: -1px; TEXT-DECORATION: none; margin-left:25px;}
.tx1   A:hover    {font-size:12pt; font-family:"verdana,��������,����"; COLOR: #4250bc; font-weight:bold; LETTER-SPACING: -1px; TEXT-DECORATION: none; margin-left:25px;}


.tx2 { font-size:11pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; LETTER-SPACING: -1px;}


.tx3 { font-size:12pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; }

.tx4{ font-size:11pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; }

.tx5{ font-size:12pt; font-family:"verdana,��������,����"; COLOR: #ffffff; font-weight:bold;  }
.tx5   A:link   	{font-size:12pt; font-family:"verdana,��������,����"; COLOR: #ffffff; font-weight:bold;  TEXT-DECORATION: none; }
.tx5   A:visited	{font-size:12pt; font-family:"verdana,��������,����"; COLOR: #ffffff; font-weight:bold;  TEXT-DECORATION: none;}
.tx5   A:active 	{font-size:12pt; font-family:"verdana,��������,����"; COLOR: #ffffff; font-weight:bold;  TEXT-DECORATION: none; }
.tx5   A:hover    {font-size:12pt; font-family:"verdana,��������,����"; COLOR: #ffffff; font-weight:bold;  TEXT-DECORATION: none; }

.tx5_2{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #ffffff; font-weight:bold;  }

.tx6{ font-size:11pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px 15px 10px 15px;}

.tx6_2{ font-size:11pt; font-family:"verdana,��������,����"; COLOR: #ffffff; font-weight:bold; LINE-HEIGHT: 140%; padding: 10px 15px 10px 15px;}
.tx6_4{ font-size:11pt; font-family:"verdana,��������,����"; font-weight:bold; LINE-HEIGHT: 140%; padding: 10px 15px 10px 15px;}

.tx6_3{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px 4px 10px 4px;}
.tx6_3   A:link   	{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px 4px 10px 4px;  TEXT-DECORATION: none; }
.tx6_3   A:visited	{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px 4px 10px 4px;  TEXT-DECORATION: none;}
.tx6_3  A:active 	{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px 4px 10px 4px;  TEXT-DECORATION: none; }
.tx6_3   A:hover    { font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px 4px 10px 4px;  TEXT-DECORATION: none; }

.tx6_5{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px;}
.tx6_5   A:link   	{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px;  TEXT-DECORATION: none; }
.tx6_5   A:visited	{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px;  TEXT-DECORATION: none;}
.tx6_5  A:active 	{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px;  TEXT-DECORATION: none; }
.tx6_5   A:hover    { font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555;  LINE-HEIGHT: 140%; padding: 10px;  TEXT-DECORATION: underline; }

.tx7{ font-size:11pt; font-family:"verdana,��������,����"; COLOR: #fd2403; }
.tx7   A:link   	{font-size:11pt; font-family:"verdana,��������,����"; COLOR: #fd2403;  TEXT-DECORATION: none; }
.tx7   A:visited	{font-size:11pt; font-family:"verdana,��������,����"; COLOR: #fd2403;  TEXT-DECORATION: none;}
.tx7   A:active 	{font-size:11pt; font-family:"verdana,��������,����"; COLOR: #fd2403;   TEXT-DECORATION: none; }
.tx7   A:hover    {font-size:11pt; font-family:"verdana,��������,����"; COLOR: #fd2403;   TEXT-DECORATION: none; }

.tx8{ font-size:12pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; LINE-HEIGHT: 140%; }

.tx9{ font-size:12pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; LINE-HEIGHT: 140%; }

.tx10{ font-size:11pt; font-family:"verdana,��������,����"; COLOR: #555555; font-weight:bold; background:#DDDFF4; }
.tx11{ font-size:11pt; font-family:"verdana,��������,����"; COLOR: #555555; padding-left: 15px; }

.tx12{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #777777; }

.tx13{ font-size:13pt; font-family:"verdana,��������,����"; COLOR: #fd2403;}

.tx14{ font-size:9pt; font-family:"verdana,��������,����"; COLOR: #555555; }

.tx15{ font-size:14pt; font-family:"verdana,��������,����"; COLOR: #555555;  font-weight:bold;}

.tx16{ font-size:14pt; font-family:"verdana,��������,����"; COLOR: #ffffff;  font-weight:bold;}

.tx17 { font-size:30pt; font-family:"verdana,��������,����"; COLOR: #333333;  LETTER-SPACING: -1px; font-weight: 800;}

.footer { font-size:9pt; font-family:"verdana,��������,����"; COLOR: #888888; }




.title1 { font-size:14pt; font-family:"verdana,��������,����"; COLOR: #888888;  LETTER-SPACING: -1px; }
.title2 { font-size:12pt; font-family:"verdana,��������,����"; COLOR: #888888;  LETTER-SPACING: -1px; font-weight: bold;}
.title3 { font-size:16pt; font-family:"verdana,��������,����"; COLOR: #333333;  LETTER-SPACING: -1px; font-weight: bold;}
.title4 { font-size:26pt; font-family:"verdana,��������,����"; COLOR: #333333;  LETTER-SPACING: -1px; font-weight: 800;}
.title5 { font-size:20pt; font-family:"verdana,��������,����"; COLOR: #333333;  LETTER-SPACING: -1px; font-weight: 800;}




.point_list1 { BORDER-RIGHT: #D1D3D3 1px solid; BORDER-BOTTOM: #D1D3D3 1px solid; text-align:center; font-weight:bold;}
.point_list2{ BORDER-BOTTOM: #D1D3D3 1px solid; text-align:center; font-weight:bold;}
.point_list3 { BORDER-RIGHT: #D1D3D3 1px solid; text-align:center;}
.point_list4{ BORDER-BOTTOM: #D1D3D3 1px solid; text-align:center;}
.point_list5 { BORDER-RIGHT: #D1D3D3 1px solid; BORDER-BOTTOM: #D1D3D3 1px solid; text-align:center; }
.point_list6 {BORDER-BOTTOM: #D1D3D3 1px solid;  text-align:center; }

.point_list7{ BORDER-BOTTOM: #D1D3D3 1px solid; }

.point_list8 { BORDER-RIGHT: #D1D3D3 1px solid; BORDER-BOTTOM: #D1D3D3 1px solid; padding-left:20px; }




.footer_tx1 { font-size:9pt; COLOR: #ffffff; font-weight: bold; LETTER-SPACING: -1px; }
.footer_tx2 { font-size:9pt; COLOR: #ffffff;  LETTER-SPACING: -1px; }



.name{
    border: 1px solid #cccccc;
	background-color: #ffffff;
    float: left;
    margin-left: 15px;
	padding-left: 10px;
    width:100px;
    box-sizing: border-box;
}



/*layer popup*/
#layer{width:700px; position:absolute; top:200px; left:70%; margin-left:-150px; z-index:120;}
#layer .imgarea{width:100%;}
#layer .imgarea img{width:100%;}
#layer .closearea{width:680px; height:20px; background:#fff; padding-right:6px;}
#layer .closearea .tal {float: left; margin-left: 10px;}
#layer .closearea .tar {float: right;}
#layer2{width:300px; position:absolute; top:60px; left:60%; margin-left:-150px; z-index:1111;}
#layer2 .imgarea{width:100%;}
#layer2 .imgarea img{width:100%;}
#layer2 .closearea{width:500px; height:20px; background:#fff; padding-right:6px;}
#layer2 .closearea .tal {float: left; margin-left: 10px;}
#layer2 .closearea .tar {float: right;}