/*	Customed by inJin */
/* Skin Common Property */
body {overflow-y:auto !important}
body, button, input, select, table, textarea {font-family:'Montserrat', 'Nanum Gothic' !important}
.xm .message {margin:0 20px !important; padding:5px 10px; border:0 !Important; border-radius:0 !important}
*,*:after,*:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0}
.mm-content .xm {width:100% !Important}
.xm {overflow-y:hidden; padding:0; width:calc(100% - 12px); background:#fff; margin:6px auto; box-sizing:border-box}
.xm .pr{float:right}
.xm .pl{float:left}
.xm .sign {width:100%; padding:0; margin:0 auto; background:#fff}
.xm .s_hd {width:100%; padding:15px 20px; margin: 0 auto 10px; box-sizing:border-box; background:#f9f9f9}
.xm > .s_hd {margin-bottom:0 !important}
.xm .s_hd > h1 {font-size:18px; color:#777; font-weight:400}
.xm .s_hd > h1 > span {font-size:18px; color:#777; font-weight:400}
.xm .s_hd > p {font-size:12px; margin-top:5px}
.xm .s_bd {max-width:700px; padding:0 20px; margin:0 auto 20px; background:#fff; box-sizing:border-box}
.xm .s_bd > p {width:100%; margin-top:10px; font-size:12px}
.form-group {position:relative; margin:25px 0 0}
.form-control {display:block; height:36px; width:100%; border:none; border-radius:0 !important; font-size:15px; font-family:inherit; font-weight:300; padding:0; background-color:transparent; box-shadow:none; border-bottom:1px solid rgba(117, 117, 117, 0.15)}
.form-control:focus {border-bottom:2px solid #8DDBC3; outline:none; box-shadow:none}
.form-highlight {position:absolute; height:60%; width:60px; top:25%; left:0; pointer-events:none; opacity:0.4}
.form-control:focus ~ .form-highlight {-webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease}
.float-label {position:absolute; left:40px; top:10px; font-size:16px; color:#999; font-weight:300; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all}
.form-control:focus ~ .float-label, .form-control:valid ~ .float-label {top:-15px; font-size:12px}
input[type="checkbox"], input[type="radio"] {display:none; visibility:hidden}
input[type="checkbox"] + label, input[type="radio"] + label {cursor:default; font-size:12px; font-weight:700; color:#ccc; transition:border-color 0.3s ease-in-out, background-color 0.3s ease-in-out}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {display:inline-block; content:""; margin:0 5px 2px 0px; width:13px; height:13px; background-color:#fff; border:2px solid #ccc; border-radius:2px; vertical-align:middle}
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K');
background-color: #8ddbc3;
border-color: #8ddbc3;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: 10px auto;
-moz-background-size: 10px auto;
-o-background-size: 10px auto;
background-size: 10px auto;
}

.ip_submit{display:inline-block; text-align:center; position:relative; width:100%; font-family:inherit; font-weight:100; font-size:14px; border:0; padding:10px 20px; cursor:default; background:#8DDBC3; color:#fff; transition:0.4s ease all; -moz-transition:0.4s ease all; -webkit-transition:0.4s ease all}
.ip_submit:hover,.ip_submit:focus {outline:none; background:#6fcfb2}
.si_btn {width:100%; margin:10px 0}
.c_pink {background:#ffcfcb !important} .c_pink:hover,.c_pink:focus {background:#F48FB1 !important}
.c_skyblue {background:#bdf0f6 !important} .c_skyblue:hover,.c_skyblue:focus {background:#88d5dd !important}
.c_purple {background:#7986CB !important} .c_purple:hover,.c_purple:focus {background:#5C6BC0 !important}
.xm .nav {display:none; margin:10px auto; height:35px; width:calc(100% - 20px); padding:0; list-style:none; box-sizing:border-box}
.xm .nav > li {float:left; display:inline-block; width:25%; text-align:center}
.xm .nav > li > a{display:inline-block; box-sizing:border-box; width:90%; height:35px; line-height:35px; background:#fafafa; font-size:11px; color:#888; font-weight:bold; text-decoration:none; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all}
.xm .nav > li > a:hover, xm.nav > li > a:focus {background:#8ddbc3; color:#fff}
.xm .nav > li.active > a {background:#8ddbc3 ; color:#fff}

/* dispMemberInfo */
.myinfo_btn > a {margin-bottom:10px; font-weight:bold}
.s_bd .info_table {width:100%; table-layout:fixed; max-width:700px; padding:0; border-spacing:0}
.s_bd .info_table tr {width:100%; text-align:left}
.s_bd .info_table .fst_column {box-sizing:border-box; width:30%; padding:12px 5px; font-size:12px; color:#999; border-bottom:1px solid #f4f4f4}
.s_bd .info_table .scd_column {box-sizing:border-box; width:70%; padding:12px 15px; font-size:14px; border-bottom:1px solid #f4f4f4}

/* dispMemberScrappedDocument & dispMemberOwnDocument */
.s_bd .doc_table{table-layout:fixed; width:100% !important; box-sizing:border-box; overflow-x:hidden; background-color:transparent; margin:10px 0 20px}
.s_bd .doc_table thead > tr {color:#444}
.s_bd .doc_table tbody > tr {color:#777}
.s_bd .doc_table tr {height:30px; text-align:center; line-height:30px}
.tb_num,.tb_title,.tb_date,.tb_del {float:left; display:inline-block}
.tb_num {width:10%}
.tb_title {width:75%; text-align:left; padding-left:20px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tb_title > a {text-decoration:none; color:#777}
.tb_date {width:15%}
.tb_del {width:15%}
.tb_del > button {background:#eee; padding:3px 6px}
.xm .pagination{margin:10px 0; text-align:center}
.xm .pagination ul{display:inline-block}
.xm .pagination ul>li{display:inline}
.xm .pagination ul>li>a {float:left; font-size:11px; padding:4px 12px; line-height:20px; text-decoration:none; background-color:#fff; color:#999}
.xm .pagination ul>li>a:hover,.xm .pagination ul>li>a:focus, .xm .pagination ul>.active>a {background-color:#f5f5f5}
.xm .pagination ul >.active > a {color:#444; cursor:default}
.xm .pagination ul>.disabled>a, .xm .pagination ul>.disabled>a:hover, .xm .pagination ul>.disabled>a:focus{color:#999; cursor:default; background-color:transparent}
.xm .pagination-centered{text-align:center}


/* dispMemberSignUpForm */
.su-group {margin:10px 0; padding:0}
.su-group > label {font-size:12px; color:#888 !important; font-weight:700}
.su-group > input {display:block; width:100%; max-width:400px; height:30px; padding:5px; margin-top:5px; background:#fafafa}
.su-group > select {height:30px; margin-top:5px !important; background:#fafafa}
.su-group > p {margin-top:5px; margin-left:2px; color:#aaa}
.su-group > p:before {content:"- "}
.su-group #profile_image {box-sizing:border-box; padding:5px 0 0 0}
.allow_msg {font-size:12px; color:#888; font-weight:700; margin-bottom:5px}
.xm .agreement {box-sizing:border-box; padding:10px; background:#fafafa; margin:15px 0} 
.xm .agreement > .text {max-height:200px; overflow-y:auto; overflow-x:hidden}
.xm .agreement > .confirm {padding-top:10px; margin-top:15px; border-top:2px dotted #ddd}
#mailingYes, #mailingNo {display:none}

/* dispMemberLoginForm */
.sign #uid, .sign #upw {padding-left:40px}
#input_img {position:absolute; bottom:8px; left:5px}
#input_img svg {fill:#888}
.form-control:focus ~ #input_img svg, .form-control:valid ~ #input_img svg {fill:#8DDBC3 !important; transition:0.4s ease all; -moz-transition:0.4s ease all; -webkit-transition:0.4s ease all;}
.keep_signed {position:relative; margin:30px 0 15px; line-height:25px}
.keep_signed label {padding-left:5px}
.keep_signed > .findpw {font-size:12px; font-weight:700; margin-right:5px; text-decoration:none; color:#ccc}
.sign #warning{width:100%; padding:5px; margin-top:10px; border-top:4px solid #f5f5f5}