/* ---------------------------- overwrite keycloak class ---------------------------- */
.alert-error {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
  color: #C9190B;

  border: 1px solid #eaeaea;
  border-left-color: #C9190B;
  border-left-style: solid;
  border-left-width: 3px;
  margin-bottom: 40px;
  font-size: 1.1rem;
}
.pf-c-alert__icon {
  position: absolute;
  left: 24px;
  height: 24px;
  width: 24px;
  background: url(../images/icon/ico-16-info.svg) 0 2px no-repeat;
  color: #C9190B;
}
.pf-c-alert__title {
  padding-left: 70px;
}


/* ----------------------------------------------------------------- */
/* ----------------------------- 로그인 ----------------------------- */
/* ----------------------------------------------------------------- */

/* ---------------------------- 로그인페이지 ---------------------------- */
.lytLogin {width: 100%;}
.lytLogin .hidden {overflow: hidden; position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0.01;}
.lytLogin .loginArea {position:relative; width: 100%; max-width: 1480px; margin: 0 auto; padding-right: 632px; background: url("../images/common/right-img.svg") right top no-repeat;}
.lytLogin .loginGroup {padding: 60px 11.32% 40px;}

.lytLogin .logoField {margin-bottom: 110px;}
.lytLogin .logoField .logo {width: 180px; height: 42px;}
.lytLogin .logoField .logo a {display: block; width: 100%; height: 100%; background: url("../images/icon/kird-logo.png") no-repeat; font-size: 0; background-size:100% 100%;}

.lytLogin .contField {margin-bottom: 223px;}
.lytLogin .contField .titBox {margin-bottom: 70px;}
.lytLogin .contField .titBox .tit {height: 59px; color: #000; font-size: 40px; font-weight: bold; line-height: normal; letter-spacing: normal;}

.lytLogin .contField .inputBox {margin-bottom: 40px;}
.lytLogin .contField .inputBox .userId {margin-bottom: 30px;}
.lytLogin .contField .inputBox .userId dt {height: 24px; margin-bottom: 15px; color: #7f7f7f; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: normal;}
.lytLogin .contField .inputBox .userId dd {position: relative;}
.lytLogin .contField .inputBox .userId .iptId{width: 100%; height: 78px; padding: 26px 55px 28px 64px; border: 1px solid #e5e5e5; background: url("../images/icon/ico-24-my-abled-off.svg") 25px 26px no-repeat; color: #4a4a4a; font-size: 14px; line-height: 1.71; letter-spacing: normal;}
.lytLogin .contField .inputBox .userId .btnDel {position: absolute; right: 25px; top: 27px; width: 24px; height: 24px; background: url("../images/icon/ico-16-delete.svg") no-repeat;}
.lytLogin .contField .inputBox .userId .iptId:focus {border-color: #3c89f9; background-image: url("../images/icon/ico-24-my-abled-on.svg"); outline: 0;}

.lytLogin .contField .inputBox .userPw {margin-bottom: 30px;}
.lytLogin .contField .inputBox .userPw dt {height: 24px; margin-bottom: 15px; color: #7f7f7f; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: normal;}
.lytLogin .contField .inputBox .userPw dd {position: relative;}
.lytLogin .contField .inputBox .userPw .iptPw {position: relative; width: 100%; height: 78px; padding: 26px 55px 28px 64px; border: 1px solid #e5e5e5; background: url("../images/icon/ico-24-lock-off.svg") 25px 26px no-repeat; color: #000; font-size: 14px; line-height: 1.71; letter-spacing: normal;}
.lytLogin .contField .inputBox .userPw .iptPw:focus {border-color: #3c89f9; background-image: url("../images/icon/ico-24-lock-on.svg"); outline: 0;}
.lytLogin .contField .inputBox .userPw.failPc .iptPw {background-color: rgba(255, 100, 124, 0.1); border-color: #ff647c; outline: 0;}
.lytLogin .contField .inputBox .userPw .btnView {position: absolute; right: 25px; top: 27px; width: 24px; height: 24px; background: url("../images/icon/ico-16-view-off.svg") no-repeat;}
.lytLogin .contField .inputBox .userPw.failPc .btnView {background-image: url("../images/icon/ico-16-view-on.svg");}
.lytLogin .contField .inputBox .userPw .failMsg {height: 24px; margin-top: 10px; padding-left: 26px; background: url("../images/icon/ico-16-info.svg") 0 2px no-repeat; color: #ff647c; font-size: 14px; line-height: 1.71; letter-spacing: normal;}
.lytLogin .contField .inputBox .userPw.failPc .failMsg {display: block;}

.lytLogin .contField .inputBox .userOpt {}
.lytLogin .contField .inputBox .userOpt:after {content: ''; display: block; clear: both;}
.lytLogin .contField .inputBox .userOpt .optSave {float: left;}
.lytLogin .contField .inputBox .userOpt .optSearch {float: right;}
.lytLogin .contField .inputBox .userOpt .optSearch .linkSearch {height: 24px; color: #4a4a4a; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: normal;}

.lytLogin .contField .btnBox {margin-bottom: 30px;}
.lytLogin .contField .btnBox .btn.login {width: 100%; height: 78px; padding: 27px 0; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: normal; text-align: center;}

.lytLogin .contField .btnBoxSns {display:flex;}
.lytLogin .contField .btnBoxSns .btn.login {width: 100%; height: 78px; padding: 27px 0; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: normal; text-align: center;}

.lytLogin .contField .linkBox {text-align: center;}
.lytLogin .contField .linkBox .linkTxt {color: #7f7f7f; font-size: 14px; line-height: normal; letter-spacing: normal;}
.lytLogin .contField .linkBox .linkTxt .linkJoin {color: #3c89f9; font-weight: 500; letter-spacing: normal; text-decoration: underline;}

.lytLogin .cmtField {}
.lytLogin .cmtField .cmtTxt {display: block; height: 20px; padding-left: 24px; background: url("../images/icon/ico-16-info-line.png") no-repeat 0 center; color: #666; font-size: 14px; line-height: normal; letter-spacing: normal;}

.loginInfo {position:absolute; right:100px; top:60px; width:calc(632px - 200px); padding:20px 50px; background:rgba(0,0,0,.05); border-radius:5px;}
  .loginInfo .txt_s14cBlack {font-size:0.875rem;}
  .loginInfo .txt_s14cBlack + .txt_s14cBlack {padding-top:12px;}

  .li_memo {padding-top:20px; font-size:0.875rem;}
    .li_memo b {padding-right:5px; color:#333; font-weight:600;}
    .li_memo .cBlue {color:#3c89f9; font-weight:600;}
    
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytLogin .loginArea {padding-right: 0; background: none;}
  .lytLogin .loginGroup {padding: 30px 20px 10px;}

  .lytLogin .logoField {display: none;}

  /* .lytLogin .contField {margin-bottom: 171px;} */
  .lytLogin .contField .titBox {display: none;}
  .lytLogin .contField .inputBox {margin-bottom: 20px;}
  .lytLogin .contField .inputBox .userId {margin-bottom: 20px;}
  .lytLogin .contField .inputBox .userId dt {margin-bottom: 10px;}
  .lytLogin .contField .inputBox .userId .iptId {height: 50px; padding: 13px 35px 13px 39px; background-position: 15px 17px; background-size: 16px;}
  .lytLogin .contField .inputBox .userId .btnDel {right: 15px; top: 17px; width: 16px; height: 16px; background-size: 16px;}
  .lytLogin .contField .inputBox .userPw {margin-bottom: 10px;}
  .lytLogin .contField .inputBox .userPw dt {margin-bottom: 10px;}
  .lytLogin .contField .inputBox .userPw .iptPw {height: 50px; padding: 13px 0 13px 39px; background-position: 15px 17px; background-size: 16px;}
  .lytLogin .contField .inputBox .userPw .btnView {right: 15px; top: 17px; width: 16px; height: 16px; background-size: 16px;}

  .lytLogin .contField .inputBox .userOpt .optSearch .linkSearch {height: 20px; font-size: 12px; line-height: 1.67;}

  .lytLogin .contField .btnBox {margin-bottom: 10px;}
  .lytLogin .contField .btnBox .btn.login {height: 50px; padding: 15px 0; font-size: 14px;}

  .lytLogin .contField .linkBox .linkTxt {height: 18px; font-size: 12px;}

  .lytLogin .cmtField .cmtTxt {height: 18px; padding-left: 19px; background-size: 16px; font-size: 12px;}
}

/* -------------------------- 220308 로그인 상단우측 추가 --------------------------- */
.lytLogin .loginArea {position:relative;}

.loginInfo {position:absolute; right:92px; top:60px; width:calc(632px - 184px); padding:20px 50px; background:rgba(0,0,0,.05); border-radius:5px;}
  .loginInfo .txt_s14cBlack {font-size:0.875rem; word-break:keep-all;}
  .loginInfo .txt_s14cBlack + .txt_s14cBlack {padding-top:12px;}
  .loginInfo .cBlue {color:#3c89f9; font-size:15px; text-decoration:underline;}

  .li_memo {padding-top:20px; font-size:0.875rem;}
    .li_memo b {padding-right:5px; color:#333; font-weight:600;}
    .li_memo .cBlue {color:#3c89f9; font-weight:600;}      
    .li_memo a.cBlue {padding-left:5px; font-weight:600; text-decoration:none;}

@media screen and (min-width: 100px) and (max-width: 1023px) {  
  .lytLogin .contField {margin-bottom: 30px;}
  .loginInfo {position:relative; top:auto; right:auto; width:100%; margin-top:25px; padding:20px; border-radius:0;}
    .loginInfo .cBlue br {display:none;}
}

/* -------------------------- 서브 비주얼 타이틀 --------------------------- */
.lytSubVisual {width: 100%; margin-bottom: 80px;border-bottom: 1px solid #e5e5e5;}
.lytSubVisual .subVisualArea {width: 100%; max-width: 1385px; margin: 0 auto;}
.lytSubVisual .subvisual {width: 100%; height: 237px; padding-top: 96px; position: relative;}
.lytSubVisual .subvisual .mBtnback {display: none; font-size: 0;}
.lytSubVisual .subvisual .mBtnsearch {display: none; font-size: 0;}
.lytSubVisual .subvisual .tit {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}
.lytSubVisual .subvisual .tit h2 {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}

@media screen and (min-width: 100px) and (max-width: 1384px) {
  .lytSubVisual .subVisualArea {padding: 0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytSubVisual {margin-bottom:0;border-bottom:none; position: relative;}
  .lytSubVisual .subVisualArea {padding: 0; height: 0;}
  /*.lytSubVisual .subvisual {width: 100%; height: 60px; padding-top: 0;border-bottom: 1px solid #e5e5e5; background: #fff; position: absolute; top: -60px; left: 0;}*/
  .lytSubVisual .subvisual {width: 100%; height: 60px; padding-top: 0;border-bottom: 1px solid #e5e5e5; background: #fff; position: fixed; top: 0; left: 0; z-index:1001;}
  .lytSubVisual .subvisual::after {display: block; content: ""; clear: both;}
  .lytSubVisual .subvisual .mBtnback {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-arrow-left-black.svg") center no-repeat; float: left;}
  .lytSubVisual .subvisual .mBtnsearch {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-search.svg") center no-repeat; float: left;}
  .lytSubVisual .subvisual .tit {width: calc(100% - 120px); font-size:18px; line-height: 60px; text-align: center; float: left;}
  .lytSubVisual .subvisual .tit h2 {font-size:18px; line-height: 60px; text-align: center; float: left;}
}

/* 링크 탭 */
.lytTabLink {width: 100%;}
.lytTabLink .tabLinkArea {width: 100%; max-width: 1385px; margin: 0 auto; position: relative;}
.lytTabLink .tabLinkArea .submenuTab {position: absolute; top: -137px; left: 0;}
.lytTabLink .tabLinkArea .submenuTab::after {display: block; content: ""; clear: both;}
.lytTabLink .tabLinkArea .submenuTab .tabItem {width: auto; float: left;}
.lytTabLink .tabLinkArea .submenuTab .tabItem a {display: block; padding: 0 40px; line-height: 55px; font-size: 20px; color: #000;}
.lytTabLink .tabLinkArea .submenuTab .tabItem.on {border-bottom: 2px solid #3c89f9;}
.lytTabLink .tabLinkArea .submenuTab .tabItem.on a {font-weight: 700; color: #3c89f9;}

@media screen and (min-width: 100px) and (max-width: 1384px) {
  .lytTabLink .tabLinkArea {padding: 0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytTabLink {position: relative; margin-bottom: 35px;}
  .lytTabLink .tabLinkArea {}
  .lytTabLink .tabLinkArea .submenuTab {position:static; padding-top:20px;}
  .lytTabLink .tabLinkArea .submenuTab .tabItem {height:40px; margin:0 6px; float: left;}
  .lytTabLink .tabLinkArea .submenuTab .tabItem:first-child {margin-left:0;}
  .lytTabLink .tabLinkArea .submenuTab .tabItem:last-child {margin-right:0;}
  .lytTabLink .tabLinkArea .submenuTab .tabItem a {padding:10px 0 6px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: normal;}
  .lytTabLink .tabLinkArea .submenuTab .tabItem.on {border-bottom: 4px solid #3c89f9;}
  .lytTabLink .tabLinkArea .submenuTab .tabItem.on a {font-weight: 700; color: #3c89f9;}

  .lytTabLink.type02 {display: none;}
}

/* -------------------------- 서브 비주얼 타이틀 TYPE2 --------------------------- */
.lytSubVisual.type02 {width: 100%; margin-bottom: 80px;border-bottom: 1px solid #e5e5e5; display: none;}
.lytSubVisual.type02 .subVisualArea {width: 100%; max-width: 1385px; margin: 0 auto;}
.lytSubVisual.type02 .subvisual {width: 100%; height: 237px; padding-top: 96px; position: relative;}
.lytSubVisual.type02 .subvisual .mBtnback {display: none; font-size: 0;}
.lytSubVisual.type02 .subvisual .mBtnsearch {display: none; font-size: 0;}
.lytSubVisual.type02 .subvisual .tit {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}
.lytSubVisual.type02 .subvisual .tit h2 {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}

@media screen and (min-width: 100px) and (max-width: 1384px) {
  .lytSubVisual .subVisualArea {padding: 0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytSubVisual.type02 {margin-bottom:0;border-bottom:none; display: block; position: relative;}
  .lytSubVisual.type02 .subVisualArea {padding: 0; height: 0;}
  .lytSubVisual.type02 .subvisual {width: 100%; height: 60px; padding-top: 0;border-bottom: 1px solid #e5e5e5; background: #fff; position: fixed; top: 0; left: 0;}
  .lytSubVisual.type02 .subvisual::after {display: block; content: ""; clear: both;}
  .lytSubVisual.type02 .subvisual .mBtnback {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-arrow-left-black.svg") center no-repeat; float: left;}
  .lytSubVisual.type02 .subvisual .mBtnsearch {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-search.svg") center no-repeat; float: left;}
  .lytSubVisual.type02 .subvisual .tit {width: calc(100% - 120px); font-size:18px; line-height: 60px; text-align: center; float: left;}
  .lytSubVisual.type02 .subvisual .tit h2 {font-size:18px; line-height: 60px; text-align: center;}
}

/* -------------------------- 서브 비주얼 타이틀 TYPE3 --------------------------- */
.lytSubVisual.type03 {width: 100%; margin-bottom: 80px;border-bottom: 1px solid #e5e5e5; display: none;}
.lytSubVisual.type03 .subVisualArea {width: 100%; max-width: 1385px; margin: 0 auto;}
.lytSubVisual.type03 .subvisual {width: 100%; height: 237px; padding-top: 96px; position: relative;}
.lytSubVisual.type03 .subvisual .mBtnback {display: none; font-size: 0;}
.lytSubVisual.type03 .subvisual .mBtnsearch {display: none; font-size: 0;}
.lytSubVisual.type03 .subvisual .tit {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}
.lytSubVisual.type03 .subvisual .tit h2 {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}

@media screen and (min-width: 100px) and (max-width: 1384px) {
  .lytSubVisual .subVisualArea {padding: 0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytSubVisual.type03 {margin-bottom:0;border-bottom:none; display: block; position: relative;}
  .lytSubVisual.type03 .subVisualArea {padding: 0; height: 60px;}
  .lytSubVisual.type03 .subvisual {width: 100%; height: 60px; padding-top: 0;border-bottom: 1px solid #e5e5e5; background: #fff; position: fixed;}
  .lytSubVisual.type03 .subvisual::after {display: block; content: ""; clear: both;}
  .lytSubVisual.type03 .subvisual .mBtnback {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-arrow-left-black.svg") center no-repeat; float: left;}
  .lytSubVisual.type03 .subvisual .mBtnsearch {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-search.svg") center no-repeat; float: left;}
  .lytSubVisual.type03 .subvisual .tit {width: calc(100% - 120px); font-size:18px; line-height: 60px; text-align: center; float: left;}
  .lytSubVisual.type03 .subvisual .tit h2 {font-size:18px; line-height: 60px; text-align: center;}
}

/* -------------------------- 서브 비주얼 타이틀 TYPE4 --------------------------- */
.lytSubVisual.type04 {width: 100%; margin-bottom: 80px;border-bottom: 1px solid #e5e5e5; display: none;}
.lytSubVisual.type04 .subVisualArea {width: 100%; max-width: 1385px; margin: 0 auto;}
.lytSubVisual.type04 .subvisual {width: 100%; height: 237px; padding-top: 96px; position: relative;}
.lytSubVisual.type04 .subvisual .mBtnback {display: none; font-size: 0;}
.lytSubVisual.type04 .subvisual .mBtnsearch {display: none; font-size: 0;}
.lytSubVisual.type04 .subvisual .tit {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}
.lytSubVisual.type04 .subvisual .tit h2 {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}

@media screen and (min-width: 100px) and (max-width: 1384px) {
  .lytSubVisual .subVisualArea {padding: 0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytSubVisual.type04 {margin-bottom:0;border-bottom:none; display: block; position: relative;}
  .lytSubVisual.type04 .subVisualArea {padding: 0; height: 60px; }
  .lytSubVisual.type04 .subvisual {width: 100%; height: 60px; padding-top: 0;border-bottom: none; background: #fff; position: fixed;background: #3c89f9;}
  .lytSubVisual.type04 .subvisual::after {display: block; content: ""; clear: both;}
  .lytSubVisual.type04 .subvisual .mBtnback {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-arrow-left-white.svg") center no-repeat; float: left;}
  .lytSubVisual.type04 .subvisual .mBtnsearch {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-search-white.svg") center no-repeat; float: left;}
  .lytSubVisual.type04 .subvisual .tit {width: calc(100% - 120px); font-size:18px; line-height: 60px; color: #fff; text-align: center; float: left;}
  .lytSubVisual.type04 .subvisual .tit h2 {font-size:18px; line-height: 60px; color: #fff; text-align: center;}
}

/* -------------------------- 서브 비주얼 타이틀 TYPE5 --------------------------- */
.lytSubVisual.type05 {width: 100%; margin-bottom: 80px;border-bottom: 1px solid #e5e5e5; display: none;}
.lytSubVisual.type05 .subVisualArea {width: 100%; max-width: 1385px; margin: 0 auto;}
.lytSubVisual.type05 .subvisual {width: 100%; height: 237px; padding-top: 96px; position: relative;}
.lytSubVisual.type05 .subvisual .mBtnback {display: none; font-size: 0;}
.lytSubVisual.type05 .subvisual .mBtnsearch {display: none; font-size: 0;}
.lytSubVisual.type05 .subvisual .tit {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}
.lytSubVisual.type05 .subvisual .tit h2 {font-size:32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}

@media screen and (min-width: 100px) and (max-width: 1384px) {
  .lytSubVisual .subVisualArea {padding: 0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytSubVisual.type05 {margin-bottom:0;border-bottom:none; display: block; position: relative;}
  .lytSubVisual.type05 .subVisualArea {padding: 0; height: 0;}
  .lytSubVisual.type05 .subvisual {width: 100%; height: 60px; padding-top: 0;border-bottom: none;  position: fixed; top: 0; left: 0; background: #3c89f9;}
  .lytSubVisual.type05 .subvisual::after {display: block; content: ""; clear: both;}
  .lytSubVisual.type05 .subvisual .mBtnback {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-arrow-left-white.svg") center no-repeat; float: left;}
  .lytSubVisual.type05 .subvisual .mBtnsearch {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-search-white.svg") center no-repeat; float: left;}
  .lytSubVisual.type05 .subvisual .tit {width: calc(100% - 120px); font-size:18px; line-height: 60px; color: #fff; text-align: center; float: left;}
  .lytSubVisual.type05 .subvisual .tit h2 {font-size:18px; line-height: 60px; color: #fff; text-align: center;}
}

/* -------------------------- 서브 비주얼 타이틀 TYPE6 --------------------------- */
.lytSubVisual.type06 {width: 100%; margin-bottom: 80px; border-bottom: 1px solid #e5e5e5;}
.lytSubVisual.type06 .subVisualArea {width: 100%; max-width: 1385px; margin: 0 auto;}
.lytSubVisual.type06 .subvisual {width: 100%; height: 237px; padding-top: 96px; position: relative;}
.lytSubVisual.type06 .subvisual .mBtnback {display: none; font-size: 0;}
.lytSubVisual.type06 .subvisual .mBtnsearch {display: none; font-size: 0;}
.lytSubVisual.type06 .subvisual .tit {margin-bottom: 10px; font-size: 32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}
.lytSubVisual.type06 .subvisual .tit h2 {font-size: 32px; font-weight: 700; color: #000; letter-spacing: -0.67px;}
.lytSubVisual.type06 .subvisual .subTit {color: #000000; font-size: 18px; line-height: 1.78; letter-spacing: -0.38px;}

@media screen and (min-width: 100px) and (max-width: 1384px) {
  .lytSubVisual.type06 .subVisualArea {padding: 0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .lytSubVisual.type06 {margin-bottom:0;border-bottom:none; position: relative;}
  .lytSubVisual.type06 .subVisualArea {padding: 0; height: 0;}
  .lytSubVisual.type06 .subvisual {width: 100%; height: 60px; padding-top: 0;border-bottom: 1px solid #e5e5e5; background: #fff; position: fixed; top: 0; left: 0;}
  .lytSubVisual.type06 .subvisual::after {display: block; content: ""; clear: both;}
  .lytSubVisual.type06 .subvisual .mBtnback {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-arrow-left-black.svg") center no-repeat; float: left;}
  .lytSubVisual.type06 .subvisual .mBtnsearch {display: block; width: 60px; height: 60px; background: url("../images/icon/ico-24-search.svg") center no-repeat; float: left;}
  .lytSubVisual.type06 .subvisual .tit {width: calc(100% - 120px); margin-bottom: 0; font-size:18px; line-height: 60px; text-align: center; float: left;}
  .lytSubVisual.type06 .subvisual .tit h2 {font-size:18px; line-height: 60px; text-align: center;}
  .lytSubVisual.type06 .subvisual .subTit {display: none;}
}


/* 체크박스 height-24 font-14 icon-16 */
.formLoginChk01 {display: inline-block;}
.formLoginChk01 + .loginLblChk01 {display: inline-block; position: relative; height: 24px; padding-left: 24px; color: #4a4a4a; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: normal;}
.formLoginChk01 + .loginLblChk01:after {content: ''; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url("../images/icon/input-checkbox-default.svg") center / 16px no-repeat;}
.formLoginChk01:checked + .loginLblChk01:after {background-image: url("../images/icon/input-checkbox-abled.svg");}
.formLoginChk01:focus + .loginLblChk01 {box-shadow: 0px 0px 0px 2px rgba(0,0,0,1); border-radius: 5px;}

@media screen and (min-width: 100px) and (max-width: 1023px) {
  .formLoginChk01 + .loginLblChk01 {height: 20px; padding-left: 17px; font-size: 12px; line-height: 1.67;}
  .formLoginChk01 + .loginLblChk01:after {top: 3px; width: 14px; height: 14px; background-size: 14px;}
  .formLoginChk01:checked + .loginLblChk01:after {background-size: 14px;}
}



/* ----------------------------------- 버튼 ----------------------------------- */
/* 버튼 - 공통 */
.btn {}
.btn.blue {color: #ffffff; background: #3c89f9;}
.btn.grey {color: #7f7f7f; background: #e5e5e5;}
.btn.dark {color: #ffffff; background: #7f7f7f;}
.btn.line {color: #3c89f9; background: #ffffff; border: 1px solid #3c89f9;}
.btn.black {color: #ffffff; background: #000000;}
.btn.lg {height:64px; margin-left:10px; padding:0 87.5px; font-size: 18px; font-weight: 700; line-height: 1.78; letter-spacing: -0.38px; text-align: center;}
.btn.lg:first-child {margin-left:0;}
.btn.alert {width:130px; height:40px; margin-right:10px; font-size: 15px; line-height: 1.33;}
.btn.alert:last-child {margin-right:0;}

@media screen and (min-width: 100px) and (max-width: 1279px) {}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .btn.lg {width:100%; height:50px; padding:0; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: normal;}
  .btn.alert {width:auto; height: 20px; font-size: 14px; font-weight: 500;}
  .btn.alert.blue {background:none; color:#3c89f9;}
  .btn.alert.grey {background:none; color:#7f7f7f;}

  .mTwo > .btn {width:calc(50% - 5px); padding:0;}
  .mThr > .btn {width:calc(33.333% - 6.666px); padding:0;}
}

/* 버튼 - 로그인 */
.btn.login {width: 255px; height: 50px; margin-left: 10px; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: normal;}
.btn.login:first-child {margin-left: 0;}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .btn.login {width: 100%; margin-left: 0; font-size: 14px;}
  .mTwo .btn.login {width: calc(50% - 2.5px); margin-left: 5px;}
  .mTwo .btn.login:first-child {margin-left: 0;}
}


/* sns 간편 로그인 */
.lytLogin .contField:not(>.snsBox) {margin-bottom:223px;}
.lytLogin .contField {margin-bottom:123px;}
.snsBox{margin:20px 0;}
.snsBox p{position:relative; display:flex; justify-content:center; align-items:center; width:100%; padding:20px 0; color:#7f7f7f;}
.snsBox p span{display: block;position: relative;text-align: center;background: #fff;padding: 10px; font-size:14px;}
.snsBox p:before{content:"";display:block;position:absolute;left:0;width: 100%;top:50%;height:1px;background:#7f7f7f;}
.btnSnsWrap{display:flex; justify-content:space-around; align-items:center; gap:10px;}
.btnSnsWrap button{display:block; position:relative; width:40px; height:40px; overflow:hidden;}
.btnSnsWrap button .blind{position:absolute; left:-9999px; top:-9999px; font-size:1px; text-indent:-9999px;}
.btnSnsWrap button.kakao{background:url("../images/icon/btn-sns-kakao.png") 50% 50% / 100% auto no-repeat;}
.btnSnsWrap button.naver{background:url("../images/icon/btn-sns-naver.png") 50% 50% / 100% auto no-repeat;}
.btnSnsWrap button.google{background:url("../images/icon/btn-sns-google.png") 50% 50% / 100% auto no-repeat;}
.btnSnsWrap button.mobileID{background:url("../images/icon/btn-sns-mobileID.png") 50% 50% / 110% auto no-repeat;}      

/* 간편 로그인 - 모달 */
.joinModal{position:fixed; left:0; top:0; width:100%; height:100%; display:none; justify-content:center; align-items:center;}
.joinModal .joinModal-dimmed{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.2; z-index:100; pointer-events: none;}
.joinModal .joinModal-Wrap{width:500px; max-height:100%; background:#fff; box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12); z-index:110;}
.joinModal .joinModal-head{display:flex; position:relative; justify-content:center; width:100%; padding:34px 56px;}
.joinModal .joinModal-head h3{color: #333333; font-size: 24px; text-align: center; font-weight: 500; letter-spacing: -0.6px;}
.joinModal .joinModal-head .joinModal-close{position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-indent:-9999px;}
.joinModal .joinModal-head .joinModal-close:before{content:""; position:absolute; left:50%; top:50%; width:2px; margin-left:-1px; height:20px; background:#000; transform:translate(-50%, -50%) rotate(-45deg);}
.joinModal .joinModal-head .joinModal-close:after{content:""; position:absolute; left:50%; top:50%; width:2px; margin-left:-1px; height:20px; background:#000; transform:translate(-50%, -50%) rotate(45deg);}
.joinModal .joinModal-body{display:flex; flex-direction:column; width:100%; padding:20px 70px; border-top:1px solid rgba(0, 0, 0, 0.12); gap:10px;}
.joinModal .joinModal-body.center{align-items:center; text-align:center;}
.joinModal .joinModal-body p{color: rgba(0, 0, 0, 0.87); font-family: "NotoSansCJKkr"; font-size: 16px;}
.joinModal .joinModal-body p > strong{color:#ff647c;}
.joinModal .joinModal-body p.strong{font-weight:700;}
.joinModal .joinModal-body .joinModal-subTit{display:flex; justify-content:center; align-items:center; width:100%; font-size:18px; font-weight:500;}
.joinModal .joinModal-body .joinModal-inputWrap{display:flex; flex-direction:column; width:100%; gap:10px;}
.joinModal .joinModal-body .joinModal-pwd-hint{color:#ff647c; font-size:14px; text-align:left;}
.joinModal .joinModal-body .joinModal-inputWrap input{display:block; width:100%; font-size:14px; border-radius:5px; border:solid 2px #e5e7eb; padding:15px;}
.joinModal .joinModal-body .joinModal-inputWrap input:hover, 
.joinModal .joinModal-body .joinModal-inputWrap input:active {border:solid 2px #3c89f9;}
.joinModal .joinModal-body .joinModal-inputWrap .failMsg {height: 24px; margin-top: 10px; padding-left: 26px; background: url("../images/icon/ico-16-info.svg") 0 2px no-repeat; color: #ff647c; font-size: 14px; line-height: 1.71; letter-spacing: normal;}
.joinModal .joinModal-body .joinModal-inputWrap.failPc .failMsg {display: block;}
.joinModal .joinModal-info{display:flex; flex-direction:column; gap:10px;}
.joinModal .joinModal-info > li{position:relative; width:100%; padding-left:8px; font-size:14px; font-weight:500; color:#b2b2b2; text-align: left;}
.joinModal .joinModal-info > li:before{content:""; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#b2b2b2;}
.joinModal .joinModal-btnWrap{display:flex; width:100%; padding:20px 0; justify-content: center; gap:10px;}
.joinModal .joinModal-btnWrap button ,
.joinModal .joinModal-btnWrap a{display:flex; justify-content:center; align-items:center; font-size:18px;}
.joinModal .joinModal-btnPwdChange,
.joinModal .joinModal-btnCancel{padding:6px 16px; color: rgb(80, 80, 80); border-radius: 3px; background-color: #e0e0e0; box-shadow:0 2px 3px 1px rgba(100, 100, 100, .3);}
.joinModal .joinModal-btnPwdChange:hover,
.joinModal .joinModal-btnCancel:hover{background:#d5d5d5;}
.joinModal .joinModal-btnJoin{padding:6px 16px; color: #fff; border-radius: 3px; background-color: #3c89f9; box-shadow:0 2px 3px 1px rgba(100, 100, 100, .3);}
.joinModal .joinModal-btnJoin:hover{background-color: #3479dc;}
.joinModal .joinModal-btnJoin2{padding:6px 16px; color: #fff; border-radius: 3px; background-color: #3c89f9; box-shadow:0 2px 3px 1px rgba(100, 100, 100, .3);}
.joinModal .joinModal-btnJoin2:hover{background-color: #3479dc;}
.joinModal .joinModal-btnConfirm{padding:6px 16px; color: #fff; border-radius: 3px; background-color: #3c89f9; box-shadow:0 2px 3px 1px rgba(100, 100, 100, .3);}
.joinModal .joinModal-btnConfirm:hover{background-color: #3479dc;}
.joinModal .joinModal-footer{display:flex; width:100%; height:50px;}
.joinModal .joinModal-footer .joinModal-btnCancel,
.joinModal .joinModal-footer .joinModal-btnPwdChange,
.joinModal .joinModal-footer .joinModal-btnConfirm,
.joinModal .joinModal-footer .joinModal-btnJoin{display: flex; justify-content: center; align-items: center; font-size: 18px;width:50%; height:100%; border-radius:0; box-shadow:none;}
.joinModal .joinModal-footer .joinModal-btnJoin2{display: flex; justify-content: center; align-items: center; font-size: 18px;width:50%; height:100%; border-radius:0; box-shadow:none;}
.joinModal-pwd-hint .failMsg {height: 24px; margin-top: 10px; padding-left: 26px; background: url("../images/icon/ico-16-info.svg") 0 2px no-repeat; color: #ff647c; font-size: 14px; line-height: 1.71; letter-spacing: normal;}

/* 간편 로그인 알럿 */
.joinAlert{position:fixed; left:0; top:0; width:100%; height:100%; display:none; justify-content:center; align-items:center;}
.joinAlert .joinAlert-dimmed{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.2; z-index:100; pointer-events: none;}
.joinAlert .joinAlert-Wrap{width:500px; max-height:100%; background:#fff; box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12); z-index:110; text-align:center;}
.joinAlert .joinAlert-dimmed{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.2; z-index:100; pointer-events: none;}
.joinAlert .joinAlert-head{display:flex; position:relative; justify-content:center; width:100%; height:60px;}
.joinAlert .joinAlert-head .joinAlert-close{position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-indent:-9999px;}
.joinAlert .joinAlert-head .joinAlert-close:before{content:""; position:absolute; left:50%; top:50%; width:2px; margin-left:-1px; height:20px; background:#000; transform:translate(-50%, -50%) rotate(-45deg);}
.joinAlert .joinAlert-head .joinAlert-close:after{content:""; position:absolute; left:50%; top:50%; width:2px; margin-left:-1px; height:20px; background:#000; transform:translate(-50%, -50%) rotate(45deg);}
.joinAlert .joinAlert-body{display:flex; flex-direction:column; width:100%; padding:20px; gap:10px;}
.joinAlert .joinAlert-body p{color: rgba(0, 0, 0, 0.87); font-family: "NotoSansCJKkr"; font-size: 16px;}
.joinAlert .joinAlert-footer{display:flex; justify-content:center; align-items:center; height:100px;}
.joinAlert .joinAlert-btn{display: flex; justify-content: center; align-items: center; padding:6px 16px; font-size: 18px; color: rgb(80, 80, 80); border-radius: 3px; background-color: #e0e0e0; box-shadow:0 2px 3px 1px rgba(100, 100, 100, .3);}
.joinAlert .joinAlert-btn:hover{background:#d5d5d5;}

@media screen and (min-width: 100px) and (max-width: 1023px) {
  .joinModal .joinModal-head h3{font-size:20px;}
  .joinModal .joinModal-btnWrap button, .joinModal .joinModal-btnWrap a{font-size:14px;}
  .joinModal .joinModal-body{padding:20px 30px;}
  .joinModal .joinModal-body p{font-size:14px;}
  .joinModal .joinModal-btnWrap{padding-top:10px;}
}