@charset "utf-8";

.inner {max-width:1000px; width:100%; margin:0 auto;}

.displaynone {display:none !important; }


.header {}
.header .header_top {position:relative; padding:30px 0;}
.header .header_top .left_topb		{display:inline-block;}
.header .header_top .right_topb	{position:relative; float:right; width:300px;}
.header .header_top .right_topb2	{position:relative; float:right; width:191px;}
.header .header_top img {max-width:100%; }

.header .header_bottom {position:relative;}

.header .header_bottom .gnb	{display:inline-block; background:#012f85; width:1000px;}
.header .header_bottom .gnb li {float:left; height:52px; line-height:48px;}
.header .header_bottom .gnb li a {font-size:17px; color:#fff; font-weight:600; letter-spacing:-1px; padding:0 40px 4px 32px;}
.header .header_bottom .gnb li a:hover {background:#eb1500; display:inline-block;}

/*
.header .header_bottom .gnb li:first-child a {padding:0 36px 4px 44px;}
.header .header_bottom .gnb li:last-child a {padding:0 44.5px 4px 36px;}
*/

/* container */
.container {padding-bottom:30px;}
.container .main_visual {padding:30px 0 30px 0;}
.container .bann_box {display:inline-block;}
.container .bann_box ul li {float:left; border:1px solid #fff; text-align:center; width:310px; margin-right:32px;}
.container .bann_box ul li:nth-child( 3 ) {margin-right:0;}

.sub {margin-top:30px;}

/* footer */
.footer {padding:30px 0; border-top:1px solid #ebebeb;}
.footer > img {display:inline-block; }
.footer p.add {}
.footer p.add span {display:inline-block; padding:0 30px 0 0; font-size:16px; color:#222222; font-weight:300; line-height:22px;}
.footer p.add span b {font-weight:600; }
.footer p.add span.right_hr {position:relative; }
.footer p.add span.right_hr:after {content:''; position:absolute; right:-1px; top:5px; width:1px; height:14px; background-color:#000; margin-right:5px;}
.footer p.copy {font-size:16px; color:#222222; font-weight:300; /*font-size:13px; color:#a9a9a9; font-weight:300; text-transform:uppercase;*/ }

/*sub*/
.regist_ares {position:relative; width:860px; margin:0 auto; padding-top:150px;}
.regist_ares h3 {font-size:20px; letter-spacing:-1px; background:#e2e2e2; border:1px solid #bcbcbc; border-bottom:none; color:#000; padding:7px 15px;}

.regist_ares table.tbl_regist {width:100%; border-collapse: collapse; font-size:16px; line-height:20px; word-break: keep-all;}
.regist_ares table.tbl_regist th, td {border: 1px solid #bcbcbc;}
.regist_ares table.tbl_regist th {text-align:left; padding:10px 0 10px 15px;}
.regist_ares table.tbl_regist td {padding:10px 20px;}
.regist_ares table.tbl_regist td input {height:30px; vertical-align:middle; border: 1px solid #bcbcbc; padding:0 10px;}
.regist_ares table.tbl_regist td select {height:30px; vertical-align:middle; border: 1px solid #bcbcbc;}
.regist_ares table.tbl_regist td span.txt1 {vertical-align:middle; display:inline-block;}
.radio {width:20px; height:20px; vertical-align:middle; margin-right:5px;}
.star {font-weight:500; padding-right:5px;}
.red {color:#e20000;}
.bank {width:100%; background:#e9fbd8; border:1px solid #d0ebb6; color:#67913e; text-align:center; padding:2% 0;}

.btn_foot {width:100%; text-align:center; padding:2% 0;}
.button {font-size:16px; font-weight:500; text-align:center;  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 
background: #F0776C; border: 0; border-bottom: 2px solid #D76B60; border-radius: 5px; color:#fff; padding:12px 30px 14px 30px; cursor: pointer;
   -webkit-box-shadow: inset 0 -2px #D76B60;
   box-shadow: inset 0 -2px #D76B60;}


/*·Î±×ÀÎ*/
.login_txt {text-align:center; font-size:24px; font-weight:700; margin-top:20px;}
.signUp {
   position: relative;
   margin: 50px auto;
   width: 280px;
   padding: 33px 25px 29px;
   background: #FFFFFF;
   border-bottom: 1px solid #C4C4C4;
   border-radius: 5px;
   -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.signUp:before,
.signUp:after {
   content: '';
   position: absolute;
   bottom: 1px;
   left: 0;
   right: 0;
   height: 10px;
   background: inherit;
   border-bottom: 1px solid #D2D2D2;
   border-radius: 4px;
}

.signUp:after {
   bottom: 3px;
   border-color: #D2D2D2;
}

input {
   font-family: inherit;
   color: inherit;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.signUpInput {
   width: 300px;
   height: 50px;
   margin-bottom: 25px;
   padding: 0 15px 2px;
   font-size: 17px;
   background: white;
   border: 2px solid #EBEBEB;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 -2px #EBEBEB;
   box-shadow: inset 0 -2px #EBEBEB;
}

.signUpInput:focus {
   border-color: #62C2E4;
   outline: none;
   -webkit-box-shadow: inset 0 -2px #7e8ac8;
   box-shadow: inset 0 -2px #7e8ac8;
}

.lt-ie9 .signUpInput {
   line-height: 48px;
}

.signUpButton {
   position: relative;
   vertical-align: top;
   width: 300px;
   height: 54px;
   padding: 0;
   font-size: 20px;
   color: white;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   background: #F0776C;
   border: 0;
   border-bottom: 2px solid #D76B60;
   border-radius: 5px;
   cursor: pointer;
   -webkit-box-shadow: inset 0 -2px #D76B60;
   box-shadow: inset 0 -2px #D76B60;
}

.signUpButton:active {
   top: 1px;
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

:-moz-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

::-moz-placeholder {
   color: #AAAAAA;
   opacity: 1;
   font-weight: 300;
}

::-webkit-input-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

:-ms-input-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

::-moz-focus-inner {
   border: 0;
   padding: 0;
}




@media all and (max-width:1000px){
	
}

@media all and (max-width:640px){
	
}