/**************** Member *****************************/

#container #login {margin:0.7em;padding:1.1em;border:1px solid #d8e2ef;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);border-radius:10px;box-shadow:0 8px 18px rgba(25,52,90,.08);}
#container #login h1 {font-size:2em;font-weight:bold;color:#2c3e55;height:auto;line-height:1.2;margin-bottom:0.45em}
#container #login .text {line-height:1.65;margin-bottom:0.8em;color:#6f8198;}
#container #login .text b{color:#333;}
#container #login .field {border:1px solid #d4dfef;background:#fff;height:3.2em;margin:0 auto 0.45em auto;line-height:3.2em;text-align:left;padding:0 0.75em;color:#556d8a;border-radius:8px;box-sizing:border-box;display:flex;align-items:center;}
#container #login .field .login-field-label {display:inline-block;width:4.2em;min-width:4.2em;text-align:center;font-weight:bold;color:#4f6688;letter-spacing:-0.02em;}
#container #login .field input[type=text],
#container #login .field input[type=password] {border:0;border-left:1px solid #dbe4f2;width:calc(100% - 4.8em);height:2.6em;margin-left:0.55em;padding-left:0.6em;font-size:1.05em;ime-mode:disabled;background:transparent;box-sizing:border-box;}
#container #login.order-chk .field {overflow:hidden;line-height:normal;}
#container #login.order-chk .field .login-field-label {width:8.2em;min-width:8.2em;flex:0 0 8.2em;white-space:nowrap;line-height:1.2;letter-spacing:-0.04em;}
#container #login.order-chk .field input[type=text] {flex:1 1 auto;width:auto;min-width:0;}
#container #login .pcheck .field input[type=text],
#container #login .pcheck .field input[type=password] {width:140px;}
#container #login .certCode {position:relative;}
#container #login .certCode a{position:absolute;top:-45px;right:10px;height:40px;line-height:40px;}
#container #login input[type=checkbox] {margin-top:0.45em;margin-right:0.25em;vertical-align:middle;}
#container #login .btn_red {width:100%;margin-top:1em;padding:0px;height:3.2em;line-height:3.2em;border-radius:8px;}
#container #login .btn_white {width:100%;margin-top:0.5em;padding:0px;height:3.2em;line-height:3.2em;border-radius:8px;}

#container #myinfo_menu {margin:1em 0.5em 0em 0.5em;background:#61677b;text-align:left;border:1px solid #ddd;border-top:0px;border-bottom:0px;box-shadow:2px 2px 2px rgba(0,0,0,.05);}
#container #myinfo_menu .tab {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: box;height:2.5em;line-height:2.5em;border-top:solid 3px #454a5c;zoom:1;	}
#container #myinfo_menu .tab:after {clear:both;display:block;content:"";}
#container #myinfo_menu .tab li {text-align:center;border-right:solid 1px #454a5c;color:#666;-moz-box-flex: 1;-webkit-box-flex: 1.0;-ms-flex: 1.0;box-flex: 1.0;}
#container #myinfo_menu .tab li:last-child {border:0px;}
#container #myinfo_menu .tab li a{color:#e0e3ed;display:block;height:2.5em;}
#container #myinfo_menu .tab li a.on{color:#454a5c;font-weight:bold;border-top:solid 3px #454a5c;position:relative;top:-3px;background:#fff;margin-bottom:-3px;}

#container #member {margin:0.5em;padding:1em;}/*border:solid 1px #ddd;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.05);*/
#container #member h1 {font-size:1.8em;font-weight:bold;color:#333;height:2em}
#container #member table {width:100%;border-spacing:0px;border:0px;padding:0px;border-collapse:collapse;}
#container #member table tr {height:2.5em;}
#container #member table tr:nth-child(even) {height:auto;}
#container #member table tr:nth-child(even) th,
#container #member table tr:nth-child(even) td {border:0px;background:transparent;text-align:right;letter-spacing:-0.05em;padding:0.5em 0em;}
#container #member table th {width:25%;font-weight:normal;color:#333;text-align:left;padding-left:0.8em;border:solid 1px #ddd;border-right:0px;background:#fff;}
#container #member table td {width:75%;text-align:left;font-size:0.8em;border:solid 1px #ddd;border-left:0px;background:#fff;}
#container #member table td img {height:2em}
#container #member table input[type=text],
#container #member table input[type=password] {width:90%;height:1.8em;padding:0px 0.5em;border:0px;border-left:solid 1px #ddd;margin-right:0.5em;}
#container #member .btn_red {width:100%;margin-top:1em;padding:0px;}

#container #member.reseller_join table th {width:32%;padding-left:0.5em;font-size:0.92em;white-space:nowrap;word-break:keep-all;}
#container #member.reseller_join table td {width:68%;font-size:0.88em;}
#container #member.reseller_join table td.validation {border:0px;background:transparent;padding:0.35em 0.3em 0.75em 0.3em;text-align:left;font-size:0.85em;line-height:1.4em;color:#777;}
#container #member.reseller_join table td.validation span {display:block;word-break:keep-all;}
#container #member.reseller_join table td.split3 {white-space:nowrap;}
#container #member.reseller_join table td.split3 input[type=text] {width:26%;display:inline-block;margin:0px;padding:0px 0.25em;border-left:solid 1px #ddd;}
#container #member.reseller_join table td.split3 .dash {display:inline-block;width:4%;text-align:center;color:#666;}
#container #member.reseller_join table td.addr_search input[type=text] {width:46%;display:inline-block;margin:0px;padding:0px 0.25em;border-left:solid 1px #ddd;text-align:center;}
#container #member.reseller_join table td.addr_search input[type=button] {display:inline-block;vertical-align:middle;padding:0px 0.6em;height:2.2em;line-height:2.2em;}
#container #member.reseller_join table input.short {width:34%;}
#container #member.reseller_join .agree_link {text-align:right;font-size:0.85em;margin-top:0.3em;}

#container #myinfo {margin:0em 0.5em 0.5em 0.5em;border:solid 1px #ddd;border-top:0px;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.05);padding:1.5em 1em;min-height:200px;}
#container #myinfo #title_sub {border:0px;margin-bottom:0.5em;}
#container #myinfo table.order_list {width:100%;border-spacing:0px;border:0px;padding:0px;border-bottom:solid 1px #bbb;}
#container #myinfo table.order_list th {height:2em;font-size:0.85em;font-weight:bold;color:#333;text-align:left;border-top:solid 1px #333;background:#f5f5f5;}/*border-bottom:solid 1px #ddd;*/
#container #myinfo table.order_list td {height:3em;vertical-align:middle;text-align:left;border-top:solid 1px #e6e6e6;padding:0.5em 0px;}
#container #myinfo table.order_list td.item {text-align:left;padding-left:0.5em;border-top-color:#bbb;word-break:break-all;line-height:140%;}
#container #myinfo table.order_list td.item span {color:#2c84ce;}
#container #myinfo table.order_list td.item a {color:#333;font-weight:bold;}
#container #myinfo table.order_list td.item b{color:#D82D28;}
#container #myinfo table.order_list td.thum{width:30%;border-top-color:#bbb;}
#container #myinfo table.order_list td.thum img {width:100%;}
#container #myinfo table.order_list td.status {height:auto;text-align:right;}
#container #myinfo table.order_list td.status span{color:#ff6600;}
#container #myinfo table.order_list td .btn_white {margin:3px 0px;}

#container #myinfo table.order_info {width:100%;border-spacing:0px;border:0px;padding:0px;border-top:solid 1px #666;border-bottom:solid 1px #666}
/*#container #myinfo table.order_info tr {height:3em;}*/
#container #myinfo table.order_info tr:last-child th,
#container #myinfo table.order_info tr:last-child td{border-bottom:0px;}
#container #myinfo table.order_info tr.addr th {vertical-align:top;}
#container #myinfo table.order_info th {width:30%;font-weight:bold;color:#333;text-align:right;padding:0.5em 0.5em 0.5em 0em;border-bottom:solid 1px #ddd;border-right:dashed 1px #ddd;}
#container #myinfo table.order_info td {text-align:left;border-bottom:solid 1px #ddd;padding:0.5em 0em 0.5em 0.5em;}
#container #myinfo table.order_info input[type=text],
#container #myinfo table.order_info input[type=password] {width:100%;height:1.5em;border:solid 1px #ddd;}
#container #myinfo table.order_info select {width:100%;margin-bottom:0.5em;}
#container #myinfo table.order_info select:last-child {margin:0px;}

#container #myinfo .btnWrap {padding:1em 0px;text-align:center;}
#container #myinfo .btnWrap a {width:100%;padding:0em;}



#container .agreeBox{border:solid 1px #ddd;padding:10px;}
#container .agreeBox iframe {width:100%;height:150px;overflow-y:yes;margin:0px;padding:0px;}
#container .agreeCheck {height:30px;text-align:right;padding-top:10px;}