@charset "euc-kr";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
html {
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
* {-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
div, table, tr, th, td, form, fieldset, textares { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;font-weight: 500; line-height: 1.1; color: inherit;}
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
img { vertical-align: top; }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out ;
    -webkit-transition-delay: 9999s;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
 
input {
	outline: none;
	border: none;
}

textarea {
  outline: none;
  border: none;
}

textarea:focus, input:focus, input:-internal-autofill-selected {
  border-color: #fff !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

/* Rounded sliders */ 
.wh_switch { position: relative; display: inline-block; width: 60px; height: 33px; vertical-align:-10px}
.wh_switch input { display: none; }
.wh_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e9e9e9; -webkit-transition: .4s; transition: .4s; }
.wh_slider:before { position: absolute; content: " "; height: 29px; width: 29px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: all .4s; transition: all .4s; }
input:checked + .wh_slider { background-color: #222222; }
input:focus + .wh_slider { box-shadow: 0 0 1px #222222; }
.wh_slider { -webkit-transition: .4s; transition: .4s; }
input + .wh_slider:before { content: "OFF"; -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
input:checked + .wh_slider:before { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); content: "ON"; }
.wh_slider.wh_round { border-radius: 29px; text-align: center; line-height: 29px; font-size: 11px; }
.wh_slider.wh_round:before { border-radius: 50%; }


.text-center { text-align: center}
a { cursor: pointer}
.login_body { height: 100%; width: 100%; background-color: #fff}
.login_wrap { max-width: 360px; width: calc( 100% - 30px); margin: 0 auto;  box-sizing: border-box; text-align: left;}
.login_head { background-color: #224fa2; text-align: center; color: #fff;  padding: 10px 0; }
.login_head h1 { font-size: 18px; padding: 0; margin: 0;font-weight: bold;}
.login_wrap .login_table, .login_wrap table {margin: 0 auto;}
.login_top { text-align: center;  padding: 230px 0 0px 0; background: url("./image/logo_blank.png") center 30px no-repeat; background-size: 230px; margin-bottom: 20px; position: relative; text-align: center}
.login_name { top: 141px; text-align: center; color: #fff; font-size: 16px; width: 230px; height: 30px; line-height: 30px; margin: 0 auto; position: absolute; left: calc(50% - 115px); font-family: 'GmarketSansMedium';}
.login_top_sm { text-align: center;  padding: 230px 0 0px 0; background: url("./image/login_logo_sm.png") center 40px no-repeat; background-size: 200px; margin-bottom: 20px;}
.login_top h2, .login_top_sm h2 { font-size: 26px; padding: 2px 0; margin: 0;font-weight: bold; color: #222222; letter-spacing: 0;  font-family: 'GmarketSansMedium';}
.login_top p, .login_top_sm p { font-size: 20px; padding: 2px 0; margin: 0;font-weight: normal;color: #666666;font-family: 'GmarketSansMedium';}
.login_form_wrap {padding: 15px 20px; max-width: 300px; width: 100%;  min-width: 300px; margin: 0 auto}
.login_form_group { border-bottom: 2px solid #ddd; width: 100%; margin-bottom: 10px; text-align: left; margin-bottom: 20px;}
.login_form_group label { display: block; width: 100%; font-size: 16px; text-align: left; padding: 0; margin: 0; font-weight:bold;padding-left: 5px;box-sizing: border-box;}
.login_form_group label span { color: #ccc; margin-right: 5px;}
.login_form_group input[type="tel"], .login_form_group input[type="text"], .login_form_group input[type="password"] {  display: inline-block; border: 0;background: transparent;padding: 10px 5px; height: 40px; box-sizing: border-box; width:100%; font-size:16px;}
.login_form_group select {display: inline-block; border: 0;background: transparent; padding: 0 ; height: 40px; box-sizing: border-box;  width:100%; font-size:16px; padding: 0 5px;}
.login_form_group select:focus, .login_form_group select:hover  {border: 0;border-color: inherit;-webkit-box-shadow: none;  box-shadow: none;outline: none;}
.label_icon { width: 16px; height: 16px;  opacity: 0.5; vertical-align: -2px}
.wrap-login-check { margin:10px 0; text-align:right}
.login_form_radio_group {margin-bottom: 10px; text-align: left;  padding-left: 15px;}
.login_form_radio_title {font-size: 16px; text-align: left; margin-bottom: 5px; font-weight:bold; }
.login_form_radio_title span { color: #ccc; margin-right: 5px;}
.login_form_radio_group label { display:block; padding:5px; font-size: 16px; font-weight:normal; cursor: pointer;}
.login_form_radio_group label span { dipaly:inline-block; border:1px solid #ccc; padding: 5px 15px; border-radius:30px; font-size:14px; margin-left:10px;}
.login_form_btns_group { margin-top:20px;}
 
.login_form_btns_group .btn_login  {
	background-color:#222222;
	border-radius:8px;
	border:1px solid #111111;
	display:block; width:100%; font-weight: bold;
	cursor:pointer;
	color:#ffffff; 
	font-size:18px;
	padding:13px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;text-align: center;
}

.login_form_btns_group .btn_login2  {
	background-color:#2facad;
	border-radius:28px;
	border:1px solid #2facad;
	display:block; width:100%; font-weight: bold;
	cursor:pointer;
	color:#ffffff; 
	font-size:18px;
	padding:13px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;text-align: center; letter-spacing: -1px;
}

.btn_login:hover {
	background-color:#444;
}
.btn_login:active {
	position:relative;
	top:1px;
}
.btn_join {background-color:#fff;
	border-radius:8px;
	border:1px solid #333;
	display:block; width:100%; font-weight: bold;
	cursor:pointer;
	color:#222; 
	font-size:18px;
	padding:7px 30px;
	text-decoration:none;
	text-align: center;}
.btn_join:hover {background-color:#f4f4f4; color:#222; text-decoration: none }
.tab_prd { height:35px; margin-top:25px; box-sizing: border-box; width: 100%; }
.tab_prd li { display:block; width:50%; float:left; height:35px;  text-align:center; box-sizing: border-box;  border-bottom:1px solid #cccccc;}
.tab_prd li a { font-size:15px;background:#cfd6e9; border:1px solid #cccccc; border-bottom: 0; height:35px;  line-height:35px; display:block; margin: 0 1px; cursor:pointer; color:#333; border-radius: 5px 5px 0 0}
.tab_prd li a:hover { text-decoration: none}
.tab_prd li.on {}
.tab_prd li.on a { color:#2c448c; font-weight:bold;background:#fff;  border-bottom:1px solid #fff; }
.tab_content { padding:10px 0; display: none;}
.tab_content.on {display: block; }
.row { width: 100%;}
.row:after {content: ''; display: table; clear: both;}
.col_6 { width: 50%; float: left;}
.btn_sm { border:0; border-bottom:1px solid #224fa2; color: #224fa2; background-color: transparent;  padding: 2px ;}
.txt_right { text-align: right}