@charset "UTF-8";

/* 로그인 */
.wrap-login {padding: 10px; background: url('../images/pattern-login.png');}
.wrap-login .white {position: relative; padding: 34px 40px 50px 40px; background: #fff;}
.wrap-login .white::before {content: ''; position: absolute; left: 14%; bottom: 0; width: 54px; height: 115px; background: url('../images/bg-login2.png') no-repeat center;}
.wrap-login .white::after {content: ''; position: absolute; right: 20%; top: 0; width: 477px; height: 99px; background: url('../images/bg-login.png') no-repeat center;}
.wrap-login .title {padding: 0 0 21px 0; text-align: center;}
.wrap-login .title strong {display: block; padding: 30px 0 80px 0; background: url('../images/deco-login.png') no-repeat center center; font-family: 'Dream Medium'; font-size: 24px; color: #111;}
.wrap-login .agree {padding: 45px 0 30px 0; font-family: 'Dream Regular'; font-size: 16px; text-align: center; color: #666;}
.wrap-login .text {text-align: center; font-family: 'Dream Regular'; font-size: 16px; color: #666;}
.wrap-login .notify {margin-top: 20px; font-family: 'Dream Light'; font-size: 15px; text-align: center; color: #666;}
.wrap-login .notify::before {content: ''; display: inline-block; width: 28px; height: 27px; background: url('../images/ico-login.png') no-repeat center; vertical-align: middle;}
.wrap-login .button {position: relative; z-index: 1; margin-top: 40px; text-align: center;}
.wrap-login .button .btn-auth {padding: 15px 25px; background: #01499a; font-family: 'Dream Regular'; font-size: 15px; color: #fff; cursor: pointer;}
.wrap-login .button .btn-sns {margin: 0 10px; padding: 15px 25px; font-family: 'Dream Regular'; font-size: 15px; cursor: pointer;}
.wrap-login .button .btn-sns.naver { background: #01c73c; color: #fff;}
.wrap-login .button .btn-sns.kakao {background: #ffe900; color: #381e1e;}
.wrap-login .button .btn-sns::before {content: ''; display: inline-block; margin-right: 10px; vertical-align: middle;}
.wrap-login .button .btn-sns.naver::before {width: 17px; height: 16px; margin-top: -4px; background: url('../images/ico-login2.png') no-repeat center;}
.wrap-login .button .btn-sns.kakao::before {width: 22px; height: 19px; margin-top: -2px; background: url('../images/ico-login3.png') no-repeat center;}

@media all and (max-width: 768px) {
	.wrap-login .white {padding: 20px 20px 40px 20px;}
	.wrap-login .agree {font-size: 15px;}
	.wrap-login .text {font-size: 15px;}
}

@media all and (max-width: 550px) {
  .wrap-login .button .btn-auth,
  .wrap-login .button .btn-sns {display: block; width: 100%; margin: 15px 0;}
}

.func-table {position: relative; line-height: 1.6;}
.func-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table table {position: relative;}
.func-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.func-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table thead th {padding: 13px 10px; background: #f5f7f8; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 16px; font-weight: 400; color: #333;}
.func-table tbody {display: table-header-group;}
.func-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.func-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 15px; text-align: center; font-weight: 400; color: #333;}
.func-table tbody td {padding: 12px 15px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Regular'; font-size: 15px; text-align: center; color: #666;}
.func-table tbody td a {color: #333;}
.func-table .list > li {position: relative; padding-left: 15px;}
.func-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-table .link {position: relative; color: #666;}
.func-table .link:hover {color: #004a8f;}
.func-table .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table .link:hover span {background-size: 100% auto;}
.func-table .link[target=_blank]::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}
.func-table .align-l {text-align: left;}
.func-table .align-c {text-align: center;}
.func-table .align-r {text-align: right;}
.func-table strong {font-family: 'Dream Regular'; color: #000;}
.func-table .full {width: 100%;}

.func-table.color:after {display: none;}
.func-table.color table {border-left: 1px solid #bfbfbf;}
.func-table.color table:before {display: none;}
.func-table.color tbody::after {display: none;}
.func-table.color thead th {background: #01499a; color: #fff;}
.func-table.color tbody th {background: #f1f1f1; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
.func-table.color tbody td {height: 75px; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; font-size: 15px;}

@media all and (max-width:960px) {
  .func-table {overflow-x: hidden; min-height: 175px}
  .func-table.no-scroll {min-height: auto;}
  .func-table table {width: 1300px;}
  .func-table.no-scroll table {width: 100%;}
  .func-table:after,
  .func-table.color:after {content: ''; display: block; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.4) url('../../images/guide/img_mobile_text2.png') no-repeat center 40px;}
  .func-table.on:after,
  .func-table.color.on:after,
  .func-table.no-scroll:after {display: none;}
  .func-table.on {min-height: auto}
  .func-table thead th,
  .func-table tbody th,
  .func-table tbody td {padding: 10px 8px; font-size: 16px;}
}
@media all and (max-width: 500px) {
  .func-table thead th,
  .func-table tbody th,
  .func-table tbody td {font-size: 14px;}
}

/* 로그인후 */
._loginAfter{background:#fafafa;padding:40px 0;}
._loginAfter h2{text-align:center;}
._loginAfter div._loginInfo{width:70%;margin: 20px auto;padding-bottom:20px;border-bottom:1px dashed #9e9e9e;}
._loginAfter div._loginInfo p._loginMsg{text-align:center;}
._loginAfter ul._uInfo{font-size:0;text-align:center;}
._loginAfter ul._uInfo li{display:inline-block;font-size:14px;}
._loginAfter ul._uInfo li input{box-sizing:border-box;display:block;width:150px;min-height:38px;height:auto;padding:0 5px;vertical-align:middle;border:1px solid #DDD;margin:0 1px;}
._loginAfter ul._uInfo li input._btnEditInfo{background:#1d6db6;color:#FFF;border-color:#1d6db6;}
._loginAfter ul._uInfo li input:hover{background:#52575c;color:#FFF;border-color:#52575c;}

/*안내 메세지*/
._formCheck ._dup{display:block; color:#000; padding:20px 40px;margin-bottom:40px; border: 5px solid #f5f5f5; background: #fafafa;}
._formCheck ._dup:before{content:"";}
._formCheck ._dup strong{color:#093d94; font-size:1.2em;}
._formCheck ._err{display:block; color:#000; padding:20px 40px;margin-bottom:40px; border: 5px solid #f5f5f5; background: #fafafa;}
._formCheck ._err:before{content:"";}
.login_box_2 .infoBox{text-align:left; width:43%; margin:0 auto;}