@font-face {
 font-family: 'NanumGothic';    
 src: url('./fonts/NanumGothic.eot'); //IE9 Compat Modes
 src: url('./fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), // IE6-IE8
 url('./fonts/NanumGothic.woff') format('woff'), // Modern Browsers
 url('./fonts/NanumGothic.ttf')  format('truetype'), // Safari, Android, iOS
 url('./fonts/NanumGothic.svg#svgMothnnaFont') format('svg'); // Legacy iOS
}
.blue_btn{background-color:#2185d0 !important;}
.pl75{padding-left:85px;}
body {
    margin: 0;
    padding: 0;
    background-repeat: repeat-x;
    font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb';
}

header {
    margin: 0 auto;
    width: 1200px;
    cursor: default;
}


header .top_header {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    background-color: #f2f2f2;
}

header .bottom_header {
    font-size: 20px;
    text-align: center;
    background-color: #c7e4b3;
}

footer {
    margin: 0 auto;
    padding-top: 15px;
    width: 1200px;
    height: 100px;
    background-color: #666;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    overflow: hidden;

}


/*메인페이지*/

.content_wrap {
    margin: 0 auto;
    width: 1200px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    min-height:653px;
    height: expression( this.scrollHeight < 647 ? "648px" : "auto" );
}

.content_wrap .content {
    margin: 185px auto;
    width: 600px;
}

.content_wrap .content .login.table {
    border: 1px solid #ddd;
}

.content_wrap .content .login.table tbody tr td {
    height: 50px;
    font-size: 17px;
    vertical-align: middle;
}

.content_wrap .content .login.table tbody tr:first-child td {
    border-bottom: 1px solid #ddd;
}

.content_wrap .content .login.table tbody tr td:first-child {
    text-align: center;
    background-color: #f2f2f2;
    border-right: 1px solid #ddd;
}

.content_wrap .content .login.table tbody tr td:last-child input {
    width: 99%;
    height: 95%;
    border: none;
    box-sizing:border-box;
    padding:0px 15px;
}

.content_wrap .content .login.button {
    margin-top: 50px;
    width: 600px;
    height: 45px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: #37B653;
    cursor: pointer;
}



.content_wrap .content .certificate.button {
    margin-top: 50px;
    width: 600px;
    height: 45px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: #1D7CC4;
    cursor: pointer;
}



/*동의페이지 - 인사말*/

.content_wrap .content.agree {
    margin: 50px auto;
    width: 1200px;
}

.content_wrap .content.agree h2 {
    font-weight: 500;
}

.content_wrap .content.agree .message {
    margin: 50px 0;
    padding: 10px;
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
}

.content_wrap .content.agree .message div {
    padding-top: 30px;
    text-align: right;
}


/*동의페이지 - 개인정보 취급방침*/

.content_wrap .content.agree .agree_box1 {
    margin: 0 auto;
    padding: 10px 20px;
    width: 1200px;
    height: 480px;
    background-color: #f0f3f8;
    box-sizing:border-box;
}

.content_wrap .content.agree h3 {
    font-weight: 500;
}

.content_wrap .content.agree .agree_box1 textarea {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    height: 340px;
    line-height: 25px;
    text-align: justify;
    box-sizing:border-box;
}

.content_wrap .content.agree .agree_box1 .chk {
    padding: 10px 0 0 0;
    font-size: 15px;
    color: red;
    text-align: right;
}
.content_wrap .content.agree .agree_box1 .chk label {
	vertical-align: middle;
}
.ck_radio {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

/*동의페이지 - 개인정보 수집·활용 동의서*/

.content_wrap .content.agree .agree_box2 {
    margin: 50px auto 20px;
    width: 1200px;
}

.content_wrap .content.agree .agree_box2 .text.table {
    width: 1200px;
}

.content_wrap .content.agree .agree_box2 .text.table tbody tr td {
    padding: 10px;
    font-size: 17px;
    line-height: 30px;
    background-color: #e2f0d9;
}

.content_wrap .content.agree .agree_box2 .text.table tbody tr td:first-child {
    text-align: center;
    border-right: 1px solid #ddd;
}

.content_wrap .content.agree .agree_box2 .text.table tbody tr td:last-child {
    padding-left: 20px;
}

.content_wrap .content.agree .agree_box2 .chk.table {
    margin: 50px 0;
    width: 1200px;
    border: 1px solid #ddd;
}

.content_wrap .content.agree .agree_box2 .chk.table tbody tr td {
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.content_wrap .content.agree .agree_box2 .chk.table tbody tr td:last-child {
    border-right: none;
}

.content_wrap .content.agree .agree_box2 .chk.table tbody tr:first-child td:first-child {
    line-height: 35px;
    border-bottom: none;
}

.content_wrap .content.agree .agree_box2 .chk.table tbody tr:last-child td {
    border-bottom: none;
}

.content_wrap .content.agree .agree_box2 .sign_chk {
    margin-top: 10px;
    font-size: 16px;
    text-align: right;
    line-height: 40px;
}

.content_wrap .content.agree .agree_box2 .sign_chk input {
    padding: 5px;
    width: 100px;
    border: none;
    font-size: 17px;
    text-align: center;
    border-bottom: 1px solid #666;
}

.content_wrap .content.agree .agree_box2 .sign_chk input:last-child {
    width: 245px;
}

.content_wrap .content.agree .btn_wrap {
    margin: 0 auto;
    text-align:center;
}

.content_wrap .content.agree .btn_wrap button {
    width: 235px;
    height: 45px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: red;
    cursor: pointer;
}


/*개인정보 수정페이지*/

.content_wrap .content.mem {
    margin: 50px auto 100px;
    width: 1200px;
    box-sizing:border-box;
}

.content_wrap .content.mem h3 {
    font-weight: 500;
}

.member.table {
    width: 1200px;
    border: 1px solid #ddd;
}

.member.table tbody tr td {
    height: 50px;
    text-align: center;
    background-color: #fff;
}

.member.table tbody tr td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.member.table tbody tr td:last-child {
    border-right: none;
}

/*.member.table tbody tr:last-child td,
.member.table tbody tr:nth-child(2) td:first-child {
    border-bottom: none;
}*/

/*.member.table tbody tr:first-child td:nth-child(2),
.member.table tbody tr:first-child td:nth-child(3),
.member.table tbody tr:first-child td:nth-child(5) {
    background-color: #eaeff7;
}*/
.gray{background-color: #eaeff7 !important;}
.beige{background:#fff2cc !important;}
/*.member.table tbody tr:nth-child(2) td:first-child,
.member.table tbody tr:nth-child(2) td:nth-child(2n),
.member.table tbody tr:nth-child(3) td:first-child,
.member.table tbody tr:nth-child(4) td:nth-child(2n-1),
.member.table tbody tr:nth-child(5) td:nth-child(2n-1),
.member.table tbody tr:nth-child(6) td:nth-child(2n-1),
.member.table tbody tr:nth-child(7) td:nth-child(2n) {
    background-color: #fff2cc;
}*/

.member.table tbody tr td input {
    width: 100%;
    height: 95%;
    font-size: 17px;
    border: none;
    box-sizing:border-box;
    padding:5px;
}

.checks {position: relative; width:auto; text-align:left; padding:3px; box-sizing:border-box;} 
.checks input[type="radio"] { width:auto !important; height:auto !important; display: inline-block; } 
.checks input[type="checkbox"] { width:auto !important; height:auto !important; display: inline-block; } 
.checks input[type="checkbox"] + label {display:inline-block; width:29%; text-align:left;} 


.member.table .adress {
    padding: 5px 10px;
    height: 150px;
    text-align: left;
}

.member.table .adress input {
    padding: 0 3px;
    height: 35px;
    border: 1px solid #ddd;
    box-sizing:border-box;
}

.content_wrap .content.mem .btn_wrap {
    text-align: center;
    margin: 50px auto 0;
    //width: 650px;
    height: 45px;
}

#postcodify_search_button {
    width: 70px;
    height: 35px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: #00b5ad;
    cursor: pointer;
    vertical-align:top;
    box-sizing:border-box;
}

.content_wrap .content.mem .btn_wrap button {
    margin-right: 20px;
    width: 200px;
    height: inherit;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 5px;
    line-height: 35px;
    background-color: red;
    cursor: pointer;
}


.content_wrap .content.mem .btn_wrap .logout {
    margin-right: 0;
    padding-left: 30px;
    background-image: url('../images/btn_bg.png');
    background-repeat: no-repeat;
    background-position: top top;
}
.mblock{display:none;}
.table-title{margin-top:25px; line-height:1.5; padding-bottom:15px;}
.table-scroll{}

@media (max-width:1200px){
 	  header{width:100%;} 	
 	  header img{width:100%;}
 	  .content_wrap{width:95%; min-height:inherit;}
 	  .content_wrap .content{box-sizing:border-box; margin-top:60px;}
 	  footer{width:100%;}
 	  .content_wrap .content.agree{width:100%;}
 	  .content_wrap .content.agree .agree_box1{width:100%;}
 	  .content_wrap .content.agree .agree_box2{width:100%;}
 	  .content_wrap .content.agree .agree_box2 .text.table{width:100%;}
 	  .mnone{display:none;}
 	  .content_wrap .content.agree .agree_box2 .chk.table{width:100%; margin-top:0;}
 	  .mblock{display:block;}
 	  .content_wrap .content.mem{width:100%;}
 	  .pl75{padding-left:0px;}
 	  .table-scroll{overflow:scroll}
}

@media (max-width:600px){
 	  .content_wrap .content{box-sizing:border-box; margin-top:60px; width:100%;}
 	  .content_wrap .content .certificate.button{width:100%;}
}