@charset "utf-8";

.start_line{border-top: 0.5px solid rgba(230, 230, 230, 1);}
.underline{border-top: 2px solid #8fc11f;width: 90%;margin: 0 auto;}
.btn_list{text-align: right;width: 90%;margin: 0 auto;margin-bottom: 13%;}
.btn_list img{vertical-align: text-top;width: 18px;}
.btn_list a{color: #999999;text-decoration: none;font-size: 14px;font-family: "NanumGothi";}
.frm_id{padding: 0;position: relative;height: 50px;}
.frm_id #s3{position: absolute;left: 0;padding: 15px 0;}
.frm_pw{width: 100%;position: relative;height: 50px;}
.frm_pw #s3{position: absolute;left: 0;padding: 15px 0;}
#btn_sub {background: 0;border: 0;width: 100%;height: 45px;color: #ffffff;}
#fregister section {padding:15px;border-bottom:1px solid #eee;background:#fafafa;}
#fregister h2 {margin:0 0 15px;text-align:center;}
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:99%;height:150px;border:1px solid #cfded8;background:#f7f7f7;}
.fregister_agree {padding:10px 0 0;text-align:right;}
.fregister_agree label {display:inline-block;margin-right:5px;}
#fregister p {color:#e8180c;text-align:center;}
#fregister .btn_confirm {margin:15px 0;}
#fregister_private .tbl_head01 {margin:0;}
#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%;}
#fregister_private .tbl_head01 td {border:1px solid #e9e9e9;background:#fff;}
#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff;}
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%;}
#fregisterform textarea {width:100%;height:50px;}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center;}
#fregisterform .frm_address {margin:5px 0 0;}
#fregisterform #mb_addr3 {display:block;margin:5px 0 0;}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0;}
#reg_result {padding:40px 10px 0;}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em;}
#reg_result #result_email span {display:inline-block;width:150px;}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em;}
#reg_result p {line-height:1.8em;}
#reg_result .btn_confirm {margin:50px 0;}
.undercon{margin: 0 auto;text-align: center;width: 90%;font-family: "NanumGothi";font-size: 15px;}
.undercon_div{margin: 0 auto;margin-top: 8%;text-align: center;margin-bottom: 8%;}
#login_id{width: 75%;height: 45px;margin-left: 11%;font-size: 20px;border: 1px solid #cccccc;position: absolute;right: 0;}
input,button {border-radius:0;-webkit-appearance:none;}
.sub_login{width: 90%;margin: 0 auto;background-color: #8fc11f;border-radius: 5px;height: 45px;margin-top: 5%;margin-bottom: 5%;}
.sub_login1{width: 90%;margin: 0 auto;background-color: #8fc11f;border-radius: 5px;height: 45px;margin-top: 6%;margin-bottom: 5%;}
#login_pw{height: 45px;width: 75%;font-size: 20px;border: 1px solid #cccccc;position: absolute;right: 0;}
.required, textarea.required{background: none!important;}
.btn_submit{width: 100%;border-radius: 5px;border: 0;height: 45px;font-family: "yoon";color: #fff;font-size: 15px;background-color: #8fc11f;margin-top: 5%;margin-bottom: 5%;}
@media screen and (min-width: 360px){
.d3{margin: 0 auto;width: 85%;text-align: center;padding-top: 5%;padding-bottom: 5%;height: 65px;}
}
@media screen and (min-width: 375px){
.d3{margin: 0 auto;width: 87%;text-align: center;padding-top: 5%;padding-bottom: 5%;height: 65px;}
}
.d4{margin-top: 7.5%;text-align: center;}
.d3 span{font-family: "yoon";color: #8fc11f;font-size: 13px;}
#d1{width: 82%;margin: 0 auto;height: 100px;border: 15px solid #e7e7e7;margin-bottom: 13%;}
#d2{background-color: #ffffff;height: 100%;}
#d4{margin: 0 auto;width: 56.6%;}
#btnbtn{background-color: #727272;color: #ffffff;text-decoration: none;vertical-align: middle;font-family: "yoon";font-size: 13px;padding: 5px 35px;}
.divbox input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.divbox input[type="checkbox"] + label {display: inline-block;position: relative;cusor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.divbox input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 16px;height: 16px;line-height: 16px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: #dedede;border: 1px solid #999999;border-radius: 5px;}
.divbox input[type="checkbox"] + label:active:before,.divbox input[type="checkbox"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.divbox input[type="checkbox"]:checked + label:before {content: '\2713';color: #8fc11f;background: #dedede;font-weight: bold;border-color: #999999;}
#d2 span{font-family: "yoon";text-align: center;color: #8fc11f;font-weight: bold;font-size: 11px;}
@media screen and (max-width: 362px)  {
.d3 span {font-family: "yoon";color: #8fc11f;font-size: 11px;}
#btnbtn {background-color: #727272;color: #ffffff;text-decoration: none;vertical-align: middle;font-family: "yoon";font-size: 11px;padding: 5px 35px;}
.divbox{position: relative;font-family: "yoon";font-size: 13px;color: #333333;width: 100%;}
}
.divbox{position: relative;font-family: "yoon";font-size: 13px;color: #333333;width: 100%;}
.divbox label{margin-left: 24%;}
#lost_idpw{text-decoration: none;color: #8fc11f;margin-right: 1%;font-size: 13px;float: right;background: none;padding: 0;font-family: "yoon";border: 0;}
.name{padding-top: 7%;font-size: 22px;font-family: "yoon";padding-bottom: 2%;}
.name span{color: #333333;padding-left: 8%;}
.undercon #s1{color: #8fc11f;font-weight: bold;font-family: "NanumGothi";}
.undercon #s2{color: #808080;font-weight: normal;font-family: "NanumGothi";}
#login_frm{width: 90%;margin: 0 auto;}
#login_frm #s3{font-family: "yoon";color: #333333;font-size: 15px;}
#find_info #info_fs {margin:0 20px 10px;}
#find_info #info_fs p {margin:0 0 10px;line-height:1.8em;}
#find_info #info_fs #mb_email {width:100%;}
#find_info #captcha {margin:0 20px;padding:0 0 10px;}
#find_info #captcha input {margin-left:5px;}
#mb_login h1 {margin:0 0 15px;padding: 0 25px;font-size:1.3em;}
#mb_login h2 {margin:0;}
#mb_login p {padding:10px 0;line-height:1.5em;}
#mb_login #login_frm div {padding:10px 0 0;}
#mb_login .frm_input {display:block;margin-bottom:5px;padding:0;width:81%;height:1.8em;line-height:1.8em;}
#mb_login .btn_submit {position:absolute;top:0;right:5px;padding:0 !important;width:18%;height:4.3em !important;text-align:center;}
#mb_login section {margin:30px 0;padding:15px 10px;border:1px solid #cfded8;background:#f7f7f7}
#mb_login section div {text-align:right;}
#memo_view_contents {margin:0 auto 20px;width:90%;}
#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none;}
.memo_view_li {position:relative;padding:5px 0;}
.memo_view_subj {display:inline-block;width:65px;}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;line-height:1.8em;}
#memo_list_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
#memo_list_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9;}
#memo_list_ul .memo_send {display:block;margin-top:4px;}
#memo_list_ul .memo_send a{color:#777;}
#memo_list_ul .memo_read {font-size:0.95em;color:#666;}
#memo_list_ul .memo_del {position:absolute;top:10px;right:0;}
#memo_write #me_recv_mb_id {width:98%;}
#memo_write textarea {width:99%;height:100px;}
#scrap_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
#scrap_ul li {position:relative;padding:10px 35px 10px 0;border-bottom:1px solid #e9e9e9;}
#scrap_ul .scrap_board {display:inline-block;margin:0 10px 0 0;font-weight:bold;}
#scrap_ul .scrap_del {position:absolute;top:10px;right:0;}
#scrap_do table {margin:0 0 10px;width:100%;}
#scrap_do textarea {width:99%;height:100px;}
#point_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
#point_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9;}
#point_ul .point_wrap01 {position:relative;padding:0 0 0 90px;}
#point_ul .point_wrap02 {margin:7px 0 0;text-align:right;}
#point_ul .point_date {position:absolute;top:0;left:0;}
#point_sum {margin:0 20px;}
#point_sum .sum_row {margin:0 0 1px;background:#f2f5f9;}
#point_sum .sum_row:after {display:block;visibility:hidden;clear:both;content:'';}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px;}
#point_sum .sum_tit {clear:both;float:left;width:100px;}
#point_sum .sum_val {float:right;}
#mb_confirm {margin:30px 0;}
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em;}
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff;}
#mb_confirm p strong {display:block;}
#mb_confirm fieldset {position:relative;margin:0 0 5px;padding:20px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7;}
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important;}
#mb_confirm .btn_submit {position:absolute;bottom:20px;right:10px;width:10%;height:1.9em !important;line-height:1.9em;}
#pw_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em;}
#pw_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff;}
#pw_confirm p strong {display:block;}
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:5px 5px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7;}
#pw_wr_password {height: 45px;width: 75%;font-size: 20px;border: 1px solid #cccccc;position: absolute;right: 0;}
#formmail #subject {width:98%;}
#formmail textarea {width:99%;height:100px;}
#profile table {margin-bottom:0;}
#profile section {padding:10px 20px;}
#profile h2 {margin:0;}
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px;}