@charset "EUC-KR";


.ModalPopup input[type="text"]:hover, .ModalPopup input[type="password"]:hover{
	border-color: #555 #888 #888;
}
.ModalPopup p, .ModalPopup div {
    margin-bottom: 10px;
}
.ModalPopup label {
    display: inline-block;
    text-align: center;
    width: 50px;
   
    font-size: 11.5px;
    margin-bottom: 20px;
    margin-right: 5px;
}
.container_middle_right_form_info #tb_frm:hover {
	border-color: #555 #888 #888;
}
.ModalPopup input[type="text"], .ModalPopup input[type="password"] {
    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0;
    padding: 2px;
    border-radius: 2px;
}

.ModalPopup_base input[type="text"]:hover, .ModalPopup_base input[type="password"]:hover{
	border-color: #555 #888 #888;
}
.ModalPopup_base p, .ModalPopup_base div {
    margin-bottom: 10px;
}
.ModalPopup_base label {
    display: inline-block;
    text-align: center;
    width: 50px;
    font-size: 11.5px;
    margin-bottom: 20px;
    margin-right: 5px;
}

.ModalPopup input[type="text"], .ModalPopup input[type="password"] {
    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0;
    padding: 2px;
    border-radius: 2px;
}

.overlay {
	background-color: rgba(2, 1, 1, 0.6);
	bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
	pointer-events: none;
    transition: opacity .5s;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

#ModalPopup_screen
{
	display: none;
	background: #000;
	opacity: 0.4;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
}
.ModalPopup {
    background-color: #fff;
    border: 4px solid #404df7;
    display: none;
    left: 50%;
    /*opacity: 0;*/
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    z-index: 51;
	height: 320px;
	width: 550px;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    transition: opacity .5s, top .5s;
}
.ModalPopup_base {
    background-color: #fff;
    border: 4px solid #404df7;
    display: none;
    left: 50%;
    /*opacity: 0;*/
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    z-index: 51;
	height: 199px;
	width: 556px;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    transition: opacity .5s, top .5s;
}
#register_pop
{
	visibility: display;
	display: block;
	text-align: justify;
	margin-top: 4px;
	cursor: pointer;
}
.sub_title{
	margin:80px 0 20px 20px; 
	color: #2f2f2f; 
	font-size: 25px;
	margin-top: -2px;
	margin-left: -3px;
}

.ModalPopup a#ASelection, .ModalPopup a#BSelection {
	border: 2px solid #aaa;
    color: #fff;
    display: block;
    float: left;
    margin-left: 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px #000;
    border-radius: 10px;
	font-family:'dotum';
}

.ModalPopup a#ASelection:hover, .ModalPopup a#BSelection:hover {
	border-color: #eee;
}

.overlay:target+.ModalPopup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

#info_company_name {
	appearance: none;
	border-radius: 6px;
	font-family: inherit;
	padding: .8em .5em;
	width: 83%;
	background: url(../../img/lts/selectbox_arrow_design.png) 93% 50% no-repeat;
	font-size: 23px;
	height: 36%;
	margin-left: -2%;
	margin-top: 6%;
	border-color: #f6c714  #f6c714  #f6c714 ;
	cursor: pointer;
}

#info_company_name:hover {
	border-color: #8C8C8C;
	background: url(../../img/lts/selectbox_arrow_design_hover.png) 93% 50% no-repeat;
}

.overlay:target+.ModalPopup_base {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.btn_register {
 margin-left: 37px;
  width: 38%;
  display: inline-block;
  vertical-align: top;
  height: 48px;
  line-height: 40px;
  padding: 0 25px;
  font-family: inherit;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  text-shadow: 0 0 0px rgba(0, 0, 0, 0.7);
  background-clip: padding-box;
  border: 2px solid;
  border-color: #f6c714  #f6c714  #f6c714 ;
  border-radius: 6px;
  background-image: linear-gradient(to bottom, #fff, #fff);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 3px rgba(0, 0, 0, 0.3);
}


.btn_register2 {
  margin-left: 54%;
  margin-top: -11.4%;
  width: 38%;
  display: inline-block;
  vertical-align: top;
  height: 48px;
  line-height: 40px;
  padding: 0 25px;
  font-family: inherit;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  text-shadow: 0 0 0px rgba(0, 0, 0, 0.7);
  background-clip: padding-box;
  border: 2px solid;
  border-color: #f6c714  #f6c714  #f6c714 ;
  border-radius: 6px;
  background-image: linear-gradient(to bottom, #fff, #fff);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btn_register:hover {
  background-color: #586df9;
  background-image: linear-gradient(to bottom, #fff, #fff);
  border-color: #c8c8c8;
}

.btn_register:active, .btn_register.active {
  line-height: 48px;
  color: #ccc;
  background-color: #fdfdfd;
  border-color: #1600ff #1600ff #1600ff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09);
}

.btn_register2:hover {
  background-color: #586df9;
  background-image: linear-gradient(to bottom, #fff, #fff);
  border-color: #c8c8c8;
}

.btn_register2:active, .btn_register2.active {
  line-height: 48px;
  color: #ccc;
  background-color: #fdfdfd;
  border-color: #1600ff #1600ff #1600ff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09);
}

.CloseModal {
    background-color: rgba(255, 255, 255, 0.8);
    height: 31px;
    position: absolute;
    right: 6px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    width: 30px;
    border: 0px solid;
}

.CloseModal:hover {
	border-color: #c6c6c6;
	border: 2px ridge;
    border-radius: 100%;
    
}

.CloseModal:active {
	background-color: #fdfdfd;
 	border-color: #1600ff #1600ff #1600ff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09);	
    line-height: 25px;
}

.CloseModal:before {
    color: rgba(0, 0, 0, 0.9);
    content: "X";
    font-size: 20px;
    text-shadow: 0 -1px rgba(14, 1, 6, 0.9);
    line-height: 21px;
    font-weight: lighter;
}

.stepForModal {
	margin: 45px auto;
  	width: 460px;
  	text-align: center;	
}

.stopForModal > #next_pop{
  margin: 0 12px;	
}

#next_pop {
  margin-top: -77px;
  margin-left: 85%;
  width: 17%;
  display: inline-block;
  vertical-align: top;
  height: 64px;
  line-height: 59px;
  padding: 0 25px;
  font-family: inherit;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  text-shadow: 0 0 0px rgba(0, 0, 0, 0.7);
  background-clip: padding-box;
  border: 2px solid;
  border-color: #f6c714  #f6c714  #f6c714 ;
  border-radius: 6px;
  background-image: linear-gradient(to bottom, #fff, #fff);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 3px rgba(0, 0, 0, 0.3);
}

#next_pop:hover {
  background-color: #586df9;
  background-image: linear-gradient(to bottom, #fff, #fff);
  border-color: #c8c8c8;
}
#next_pop:active, #next_pop.active {
  line-height: 48px;
  color: #ccc;
  background-color: #fdfdfd;
  border-color: #1600ff #1600ff #1600ff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09);
}