html {height:100%;}
body {background:#327abf; font-size:12px; padding:0; margin:0; position:relative; font-family:arial, "돋움체";}
body, div, p, span,label, button, ul, li, input {margin:0; padding:0; border:0;}
input, img {vertical-align:middle;}
* {box-sizing:border-box;}
.f-strong {color:#ff4800;}

#header {background:#133554; height:85px; width:100%; text-align:center; padding-top:5px;}
#content {margin:20px auto 18px; width:750px; padding:15px 0; background:#f2f2f2; border-radius:4px; box-shadow:0px 5px 15px rgba(0,0,0,0.1); overflow:hidden; text-align:center;}
#content label {float:left; width:130px; font-size:14px; font-weight:bold; color:#454545; line-height:32px;}

#content button {float:left; border:1px solid #b6b6b6; margin-left:-1px; background:#b6b6b6; width:50px; height:32px; border-radius:4px; border-top-left-radius:0; border-bottom-left-radius:0;}
#content button:hover {background:#c3c3c3;}
#content button:active {background:#a2a2a2;}
#content .value {width:700px; display:block; margin:0 auto 8px; padding-left:130px; overflow:hidden;  color:#555555;}
#content .value p {text-align:left;}

#content .column, #content .columnsocial, #content .columnphone {width:700px; display:block; margin:0 auto 5px; overflow:hidden;}
#content .column input, #content .columnsocial input, #content .columnphone input, #content .conBox input  {float:left; border:1px solid #b6b6b6; background:#fff; height:32px; border-radius:4px; border-top-right-radius:0; border-bottom-right-radius:0; padding:3px; font-size:18px;}
#content input.corner {border-top-right-radius:4px; border-bottom-right-radius:4px;}

#content .column input {width:406px;}
#content .columnsocial input {width:193px;}
#content .columnphone input {width:122px;}

#content .send {width:302px; height:52px; margin:30px auto 0; display:inline-block; background:url(images/b_send.png) no-repeat;}
#content .send:hover {background:url(images/b_send_hover.png) no-repeat;}
#content .send:active {background:url(images/b_send_click.png) no-repeat;}

#content span.check_mouse {float:left; line-height:32px; color:#5d5d5d; margin-left:12px; letter-spacing:-0.08em;}
#content input[type="checkbox"] {width:12px; height:12px; margin:9px 5px 0 0;}

#content .conBox {width:700px; margin:0 auto; overflow:hidden; text-align:left;}
#content .conBox.loginBox {margin-top: 20px;}
#content .conBox .secureSelectT, #content .conBox .loginT {display:inline-block; height:25px; line-height:25px; font-size:12px; font-weight:bold; color:#fff; margin-right:20px; padding:0 10px; border-radius:30px;}
#content .conBox .secureSelectT {background:#6e6e6e; }
#content .conBox .loginT {background:#327abf; margin-bottom:20px; padding-right:165px;}
#content .conBox .selectInfo {width:100%; margin:0px 0 16px 0; font-size:14px; font-weight:bold;}
#content .conBox .conBoxBody {overflow:hidden; border-radius:4px; border:1px solid #c1c1c1; background:#e7e7e7; padding:15px 15px; position:relative;}
#content .conBox .conBoxBody .check {display:inline-block; margin:-7px 100px 0 0;}
#content .conBox .conBoxBody .check input[type="checkbox"] {margin-top:2px;}
#content .conBox .conBoxBody .b_apply {position:absolute; top:8px; right:20px; width:62px; height:32px;}
#content .conBox .caption {font-size:11px; padding-left:20px; margin-top:5px;}
#content .conBox .conBoxBody ul.login-input {overflow:hidden;}
#content .conBox .conBoxBody ul.login-input li {float:left; list-style: none;}
#content .conBox .conBoxBody ul.login-input li:nth-child(1) {margin-right:15px;}
#content .conBox label {width:auto; font-size:12px; font-weight:normal; margin-right:10px;}
#content .conBox .b_login {margin:12px auto 0; width:202px; height:48px; background:url(images/b_login.png) no-repeat; display:inline-block;}

#label {float:left; width:20px; font-size:14px; font-weight:bold; color:#454545; line-height:40px;}

.install {margin:0 auto; width:760px; display:bolck; overflow:hidden;}
.install span.download {float:left; width:250px; background:url(images/b_download.png) no-repeat;}
.install span label {display:none; font-size:12px;}
.install span a {display:inline-block; width:250px; height:40px; background:url(images/b_download.png) no-repeat;}
.install span a:hover {display:inline-block; width:250px; height:40px; background:url(images/b_download_hover.png) no-repeat;}
.install span a:active {display:inline-block; width:250px; height:40px; background:url(images/b_download_click.png) no-repeat;}
.install span.state {float:right; width:500px; text-align:right; font-size:14px; color:#dadada;}
.install span.state .status {color:#ffea00; font-weight:bold;}

.state {text-align: right; font-size: 16px; margin-top: 4px;}
.state span {font-weight: bold; color: #0049ff;}

.result {margin:20px auto 18px; width:750px; padding:15px 15px; background:#f2f2f2; border-radius:4px; box-shadow:0px 5px 15px rgba(0,0,0,0.1); overflow: scroll;}
.result li {margin-top: 10px; list-style-type: none;}
.result table {white-space: nowrap;}
#footer {width:100%; margin-top:100px; min-height:80px;  background:#23588b; padding:20px 0;}
.footer {width:800px; margin:0 auto; color:#d8dee4; line-height:20px;}
.footer label {font-weight:bold;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
  text-align:center;
}

/* Modal Content */
.modal-content {
  margin:0 auto;
  text-align:center;
  position:fixed;
}
.modal-content.modal_Edge {
  width: 738px;
  height:250px;
  left:50%;
  bottom:15px;
  margin-left:-450px;
}
.modal-content.modal_Edg {
  width:410px;
  height:662px;
  right:487px;
  top:0;
}
.modal-content.IE {
  width: 898px;
  height:250px;
  left:50%;
  bottom:85px;
  margin-left:-500px;
}
.modal-content.Whale {
  width: 712px;
  height:505px;
  left:50%;
  bottom:0;
  margin-left:-500px;
}
.modal-content.chrome {
  width: 760px;
  height:480px;
  left:0;
  bottom:15px;
}
.modal-content.modal_ff {
  width: 392px;
  height:714px;
  left:20px;
  top:20px;
  margin-left:0;
}

/* The Close Button */

/*
.close {
  color:#fff;
  opacity:0;
}
*/
.close {
  position:absolute;
  width:28px;
  height:28px;
  display:inline-block;
  background:url(images/close_01.png) no-repeat;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  line-height:21px;
}
.close.close_Edge {
  top:8px;
  left:3px;
}
.close.close_Edg {
  top:143px;
  left:1px;
}
.close.close_IE {
  top:8px;
  left:3px;
}
.close.close_whale {
  top:174px;
  left:1px;
}
.close.close_chrome {
  top:8px;
  left:40px;
}
.close.close_ff {
  top:1px;
  left:1px;
}

.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}