@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------- 모듈 Module -------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* ------------------------------ 팝업 ------------------------------ */
.modPopup {width:100%; height:100%; display:none; justify-content: center; align-items: center; position:fixed; left:0; top:0; z-index:10000;}
.modPopup.on {display:flex;}

.modPopup .popupDim {width:100%; height:100%; font-size:0; background:rgba(0,0,0,0.4); position:fixed; left:0; top:0;}
.modPopup.on .popupDim {opacity:0; animation: popOpenDimd 0.2s linear forwards;}
@keyframes popOpenDimd { 0% {opacity:0;} 100% {opacity:1;} }

.modPopup .popupArea {width:650px; height:auto; max-height: calc(100% - 100px);}
.modPopup .popupArea.sm {width: 520px;}

.modPopup .popupInMotion {width:100%; height:100%; background:#fff;}
.modPopup.on .popupInMotion {opacity:0; transform:scale(0.7); animation: popOpenScale 0.3s linear forwards;}
@keyframes popOpenScale { 0% {opacity:0; transform:scale(0.7);} 100% {opacity:1; transform:scale(1);} }

.modPopup .popupHead {width: 100%; height: 56px; padding: 0 24px; background: #0081cc; display: flex; justify-content: space-between; align-items: center;}
.modPopup .popupHead .popTit {font-size: 20px; font-weight: 500; color: #fff;}
.modPopup .popupHead .btnClose {width:20px; height:20px; font-size:0; background:url(/common/images/common/icon_close_white.png) center /20px no-repeat; }
.modPopup .popupContGroup {height:calc(100% - 56px); max-height: calc(100vh - 156px); padding: 25px 30px 50px; overflow:auto;}
.modPopup .popupContGroup.noPd {padding:0;}
.modPopup .popupContGroup::-webkit-scrollbar {width: 5px;}
.modPopup .popupContGroup::-webkit-scrollbar-thumb {width: 5px; background: #0082cd;}
.modPopup .popupContGroup::-webkit-scrollbar-track {width: 5px; background: #eeeeee;}
.modPopup .popupContGroup .contDiv {margin-top: 38px;} /* 단락 구분 */
.modPopup .popupContGroup.inScrl {overflow: visible; padding: 25px 0 50px;}
.modPopup .popupContGroup.inScrl .popupInscrl {width: 100%; max-height: calc(100vh - 268px);  padding: 0 30px; overflow: auto;}
.modPopup .popupContGroup.inScrl .popupInscrl::-webkit-scrollbar {width: 5px;}
.modPopup .popupContGroup.inScrl .popupInscrl::-webkit-scrollbar-thumb {width: 5px; background: #0082cd;}
.modPopup .popupContGroup.inScrl .popupInscrl::-webkit-scrollbar-track {width: 5px; background: #eeeeee;}
.modPopup .popupContGroup img {max-width: 100%;}
.modPopup .popCachArea {margin: 20px 0 -20px;}
.modPopup .popImgWrap {width: 100%; padding: 30px 20px; margin: 0 auto; border-radius: 10px; border: 1px solid #ccc; text-align: center; background: #ececec;}
.modPopup .popImgWrap img {max-width: 100%;}
.modPopup .popImgWrap > * {max-width: 100%;}

.modPopup.type02 .popupInMotion {border-radius: 15px;}
.modPopup.type02 .popupContGroup {padding: 75px 40px 55px; position: relative;}
.modPopup.type02 .btnClose {width: 25px; height: 25px; font-size: 0; background: url(/common/images/common/icon_close.png) center no-repeat; position: absolute; top: 30px; right: 30px;}

.modPopup > form {display:flex; justify-content: center; width: 100%;}

@media screen and (min-width: 100px) and (max-width: 767px) {
	/* 모바일 > 딤팝업 */
	.modPopup.modal {z-index:1002;}
	.modPopup .popupArea {width:calc(100% - 40px) !important;}
    .modPopup .btnPopClose {width:30px; height:30px; background-size: 30px;}
    .modPopup .popupContGroup {padding:18px 17px 40px;}
	.modPopup .popupContGroup.mNoPd {padding: 0;}

    .modPopup .popupHead {height: 42px; padding: 0 14px;}
    .modPopup .popupHead .popTit {font-size: 16px;}
    .modPopup .popupHead .btnClose {width:15px; height:15px;background-size: 15px;}
    .modPopup .popupContGroup {height:calc(100% - 42px); max-height: calc(100vh - 142px); padding:18px 17px 40px;}
    .modPopup .popupContGroup .contDiv {margin-top: 30px;} /* 단락 구분 */
    .modPopup .popupContGroup.inScrl {padding: 15px 0 30px;}
    .modPopup .popupContGroup.inScrl .popupInscrl {padding: 0 15px;}

    .modPopup.type02 .popupInMotion {border-radius: 5px;}
    .modPopup.type02 .popupContGroup {padding: 54px 15px;}
    .modPopup.type02 .btnClose {width: 20px; height: 20px; background-size: 16px; position: absolute; top: 16px; right: 16px;}
}

/* 메인페이지 공지팝업 */
.modMainPopup {max-width: 80vw;position: absolute; z-index: 998; display: none;}
.modMainPopup .popArea { max-height: 80vh; overflow-y: auto; line-height: 1;}
.modMainPopup .popArea::-webkit-scrollbar {width: 5px;}
.modMainPopup .popArea::-webkit-scrollbar-thumb { background: #2785e5;}
.modMainPopup .popArea::-webkit-scrollbar-track {background: #eee;}
.modMainPopup .popArea > a {display: block;}
.modMainPopup .popArea img {max-width: 100%; vertical-align: top;}
.modMainPopup .popArea .txtArea {padding: 20px; background: url(/common/images/common/popup_basic_bg.jpg) center no-repeat;}
.modMainPopup .popArea .txtArea .txtBallon {width: 360px; height: 360px; padding: 40px 20px; border-radius: 30px 30px 0 30px; background: #fff; overflow-y: auto;}
.modMainPopup .popArea .txtArea .txtBallon::-webkit-scrollbar {width: 5px;}
.modMainPopup .popArea .txtArea .txtBallon::-webkit-scrollbar-thumb { background: #274483;}
.modMainPopup .popArea .txtArea .txtBallon::-webkit-scrollbar-track {background: #eee;}
.modMainPopup .popArea .txtArea .txtBallon .tit {width: 100%; margin-bottom: 25px; font-size: 24px; color: #000; font-weight: 700;text-align: center; line-height: 1.4; display: block;}
.modMainPopup .popArea .txtArea .txtBallon .cont {font-size: 16px; line-height: 1.875;}
.modMainPopup .txtPopBtn {display: block; width: 110px;   font-size: 14px; font-weight: 500; text-align: center; line-height: 35px; border: 1px solid #2785e5; background: #2785e5; color: #fff; border-radius: 15px; box-sizing: border-box; margin: 20px auto 0;}

.modMainPopup .popBtnArea {width: 100%; height: 36px; margin-top: -1px; padding: 0 20px; background: #222; display: flex; align-items: center;}
.modMainPopup .popBtnArea input[type=checkbox] + label {padding-left: 20px; font-size: 14px; color: #b0b0b0; background-size: 14px;}
.modMainPopup .popBtnArea .txtBtn {margin-left: auto; font-size: 14px; color: #fff;}

.modMainPopup.on {display: block;}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .modMainPopup {max-width: 93.75%; width: max-content !important; height: auto !important; top: 100px !important; left: 50% !important; transform: translateX(-50%);}
    .modMainPopup .popArea .txtArea .txtBallon {max-width: 360px; max-height: 360px; width: 100%;}
    .modMainPopup .popArea .txtArea .txtBallon .tit {font-size: 18px;}
    .modMainPopup .popArea .txtArea .txtBallon .cont {font-size: 14px;}
}


/* ------------------------------ 탭 ------------------------------ */

/* 탭 리스트 */
.modTabList {width: 100%; margin-bottom: 40px;}
.modTabList .tabArea {width: 100%;}
.modTabList .tabGroup {width: 100%; border-bottom: 1px solid #0081cc; display: flex;}
.modTabList .tabGroup .item {margin-left: -1px; flex: 0 1 165px;}
.modTabList .tabGroup .item:first-child {margin-left: 0;}
.modTabList .tabGroup .item .tabBtn {width: 100%; height: 50px; border-radius: 5px 5px 0 0; border: 1px solid #999; border-bottom: none; font-size: 16px; color: #000; text-align: center; line-height: 48px; background: #f5f5f5; display: inline-block;}
.modTabList .tabGroup .item .tabBtn.nowTab {background: #0081cc; border-color: #0081cc; color: #fff;}
.modTabList .tabGroup .item .tabBtn.txtLine2 {padding-top: 4px; line-height: 1.3;}
.modTabList .tabGroup .item .tabBtn i {font-size: 14px; color: #666; font-weight: 500; font-style: normal;}
.modTabList .tabGroup .item .tabBtn.nowTab i {color: #ccffff;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .modTabList {margin-bottom: 18px;}
    .modTabList .tabGroup { border-bottom: none; flex-wrap: wrap;}
    .modTabList .tabGroup .item {margin-left: 0; flex: 0 0 50%;}
    .modTabList .tabGroup .item .tabBtn {border-radius: 0; border: 1px solid #999; font-size: 15px; color: #333; background: #e4e4e4;}
    .modTabList .tabGroup .item:nth-child(2n) .tabBtn {border-left: none;}
    .modTabList .tabGroup .item:nth-child(n+3) .tabBtn {border-top: none;}
    .modTabList .tabGroup .item .tabBtn.txtLine2 {padding-top: 0; line-height: 48px;}
    .modTabList .tabGroup .item .pcBr {display: none;}
}

.modTabList02 {}
.modTabList02 .tabArea {}
.modTabList02 .tabGroup {display: flex; flex-wrap: wrap; position: relative;}
.modTabList02 .tabGroup:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid rgba(153,153,153,0.2); border-radius: 10px; background: rgba(237,237,237,0.2);}
.modTabList02 .tabGroup .item {position: relative; flex: 0 1 calc(25% + 1px); margin-left: -1px; border: 1px solid #999; background: #ededed;}
.modTabList02 .tabGroup .item:nth-child(4n+1) {flex-basis: 25%; margin-left: 0;}
.modTabList02 .tabGroup .item:nth-child(n+5) {margin-top: -1px;}
.modTabList02 .tabGroup .item:first-child {border-top-left-radius: 10px;}
.modTabList02 .tabGroup .item:nth-child(4) {border-top-right-radius: 10px;}
.modTabList02 .tabGroup .item.nowTab {border-color: #0081cc; background: #0081cc;}
.modTabList02 .tabGroup .item.bL {border-bottom-left-radius: 10px;}
.modTabList02 .tabGroup .item.bR {border-bottom-right-radius: 10px;}
.modTabList02 .tabGroup .item .tabBtn {width: 100%; min-height: 46px; height: 100%; padding: 5px; font-size: 16px; font-weight: 500;}
.modTabList02 .tabGroup .item.nowTab .tabBtn {color: #fff;}

.modTabList02 .tabGroup.tem2 .item {flex: 0 1 calc(50% + 1px);}
.modTabList02 .tabGroup.tem2 .item:nth-child(2) { margin-left: -2px; border-top-right-radius: 10px;}

.modTabList02.inter {margin: 20px 0;}


@media screen and (min-width: 100px) and (max-width: 767px) {
    .modTabList02 {position: relative; width: calc(100% + 40px); left: -20px; border-top: 1px solid #999; border-bottom: 1px solid #999; background: #f2f2f2;}
    /* .modTabList02:before {content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: linear-gradient(to right, #f2f2f2, #f2f2f2 30%, transparent); z-index: 10;}
    .modTabList02:after {content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: linear-gradient(to left, #f2f2f2, #f2f2f2 30%, transparent);} */
    .modTabList02 .tabArea {overflow-x: auto; padding: 0 20px;}
    .modTabList02 .tabGroup {width: fit-content; flex-wrap: nowrap; position: relative;}
    .modTabList02 .tabGroup:before {content: none;}
    .modTabList02 .tabGroup .item {position: relative; flex: 0 1 auto; margin-right: 22px; border: 0; background: none;}
    .modTabList02 .tabGroup .item:nth-child(4n+1) {flex-basis: auto; margin-right: 22px;}
    .modTabList02 .tabGroup .item:nth-child(n+5) {margin-top: 0;}
    .modTabList02 .tabGroup .item:first-child {margin-left: 0; border-top-left-radius: 0;}
    .modTabList02 .tabGroup .item:nth-child(4) {border-top-right-radius: 0;}
    .modTabList02 .tabGroup .item:last-child {margin-right: 0;}
    .modTabList02 .tabGroup .item.bL {border-bottom-left-radius: 0;}
    .modTabList02 .tabGroup .item.bR {border-bottom-right-radius: 0;}
    .modTabList02 .tabGroup .item .tabBtn {min-height: 0; height: 50px; padding: 0; font-size: 14px; white-space: nowrap;}
    
    .modTabList02 .tabGroup .item.nowTab {border-bottom: 3px solid #0081cc; background: none;}
    .modTabList02 .tabGroup .item.nowTab .tabBtn {color: #0081cc;}

    .modTabList02.scrollDefault:after {content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: linear-gradient(to left, #f2f2f2, #f2f2f2 30%, transparent);}
    .modTabList02.scrollMove:before {content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: linear-gradient(to right, #f2f2f2, #f2f2f2 30%, transparent); z-index: 10;}
    .modTabList02.scrollMove:after {content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: linear-gradient(to left, #f2f2f2, #f2f2f2 30%, transparent);}
    .modTabList02.scrollEnd:before {content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: linear-gradient(to right, #f2f2f2, #f2f2f2 30%, transparent); z-index: 10;}
}

.modCateTab {width: 100%; margin-bottom: 45px;}
.modCateTab .tabArea {width: 100%; padding: 0 35px; border: 1px solid #ccc; border-radius: 20px; background: #fafafa;}
.modCateTab .tabArea .parts {padding: 16px 10px; border-bottom: 1px dashed #ccc; display: flex;}
.modCateTab .tabArea .parts:last-child {border-bottom: none;}
.modCateTab .tabArea .parts dt {width: 225px; height: 40px; font-size: 18px; font-weight: 700; color: #333; display: flex; align-items: center; }
.modCateTab .tabArea .parts dd {width: calc(100% - 225px);}
.modCateTab .tabArea .parts .btnArea {display: flex; align-items: center;}
.modCateTab .tabArea .parts .btnArea .item {flex: 0 1 156px;}
.modCateTab .tabArea .parts .btnArea .tabBtn {width: 100%; height: 40px; padding: 0 5px; border: 1px solid #191c38; border-left: none; font-size: 16px; color: #191c38; font-weight: 500; background: #fff; display: flex; align-items: center; justify-content: center;text-align: center; line-height: 1.2;}
.modCateTab .tabArea .parts .btnArea .item:first-child .tabBtn {border-left: 1px solid #191c38; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.modCateTab .tabArea .parts .btnArea .item:last-child .tabBtn {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.modCateTab .tabArea .parts .btnArea .item.tabOn .tabBtn {color: #fff; background: #191c38;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .modCateTab {margin-bottom: 40px;}
    .modCateTab .tabArea {padding: 0 24px; border-radius: 6px;}
    .modCateTab .tabArea .parts {flex-wrap: wrap; padding: 26px 0 20px; border-bottom-style: solid;}
    .modCateTab .tabArea .parts:last-child {padding-bottom: 26px; border-bottom: none;}
    .modCateTab .tabArea .parts dt {width: 100%; height: auto; margin-bottom: 12px; font-size: 15px;}
    .modCateTab .tabArea .parts dd {width: 100%;}
    .modCateTab .tabArea .parts .btnArea {flex-wrap: wrap;}
    .modCateTab .tabArea .parts .btnArea .item { margin: -1px 0 0 -1px; flex: 0 0 33.3333%; max-width: 33.3333%;}
    .modCateTab .tabArea .parts .btnArea .tabBtn {height: 36px; border-left: 1px solid #191c38; font-size: 14px; white-space: break-spaces; word-break: break-all;}
    .modCateTab .tabArea .parts .btnArea .item:first-child .tabBtn {border-bottom-left-radius: 0;}
    /* .modCateTab .tabArea .parts .btnArea .item:nth-child(3n) .tabBtn {border-bottom-right-radius: 5px !important;} */
    .modCateTab .tabArea .parts .btnArea .item:last-child .tabBtn {border-top-right-radius: 0;}
    .modCateTab .tabArea .parts .btnArea .tabBtn.mBdrTRad {border-top-right-radius: 5px !important;}
    .modCateTab .tabArea .parts .btnArea .tabBtn.mBdrBRad {border-bottom-left-radius: 5px !important;}
    .modCateTab .tabArea .parts .btnArea .tabBtn.bkAll {word-break: break-all;}
}


/* 탭 컨텐츠 */
.modTabCont {width: 100%; margin-top: 40px;}
.modTabCont .contGroup .contItem {width: 100%; display: none;}
.modTabCont .contGroup .contItem.tabOn {display: block;}

.modTabCont02 {width: 100%; margin-top: 40px;}
.modTabCont02 .contGroup .contItem {width: 100%; display: none;}
.modTabCont02 .contGroup .contItem.tabOn {display: block;}

@media screen and (min-width: 1200px) {
    .modTabCont.headFix .comTableBasic {position: sticky; top: 100px;}
    .modTabCont.headFix .comTableBasic tbody td {background: #fff;}
    .modTabCont.headFix .comTableBasic::before {display: block; content: ""; width: 100%; height: 30px; background: #fff;}
    .modTabCont.headFix .comTableBasic .tableMain {margin-top: -10px;}
}

/* ------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------- 공통 Layout -------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/*  ---------------------------------------- GNB ---------------------------------------- */
.lytGnb {width: 100%; height: 170px; background: #fff; position: relative; z-index: 999;}
.lytGnb .upsideGnb {width: 100%; height: 55px; border-bottom: 1px solid #d0d3da;}
.lytGnb .upsideGnb .upArea { max-width: 1440px;height: 100%; margin: 0 auto;}
.lytGnb .upsideGnb .upArea::after {display: block; content: "";clear: both;}
.lytGnb .upsideGnb .sideLt {float: left;}
.lytGnb .upsideGnb .sideLt .goKspo {min-width: 218px; height: 55px; padding: 0 20px; border-left: 1px solid #d0d3da;border-right: 1px solid #d0d3da; text-align: center; line-height: 55px; font-size: 13px; color: #666666; font-weight: 500; display: inline-block;}
.lytGnb .upsideGnb .sideRt {float: right; height: 100%;}
.lytGnb .upsideGnb .sideRt .publicMenu {height: 100%; padding: 0 25px; display: inline-flex; align-items: center;}
.lytGnb .upsideGnb .sideRt .publicMenu .item {margin-right: 20px; position: relative;}
.lytGnb .upsideGnb .sideRt .publicMenu .item:last-child {margin-right: 0;}
.lytGnb .upsideGnb .sideRt .publicMenu .item::after {display: block; content: ""; width: 1px; height: 11px; background: #666; position: absolute; top: 4px; right: -11px;}
.lytGnb .upsideGnb .sideRt .publicMenu .item:last-child:after {display: none;}
.lytGnb .upsideGnb .sideRt .publicMenu .item a {font-size: 12px; color: #666; font-weight: 500;}

.lytGnb .upsideGnb .sideRt .screenScale {height: 100%; border-left: 1px solid #d0d3da;border-right: 1px solid #d0d3da; display: inline-flex; align-items: center;}
.lytGnb .upsideGnb .sideRt .screenScale .item {margin-right: 10px; font-size: 14px; color: #666; font-weight: 500;}
.lytGnb .upsideGnb .sideRt .screenScale .item:first-child {margin-left: 10px;}
.lytGnb .upsideGnb .sideRt .screenScale .btnScaleOrigin {font-size: 14px; color: #666; font-weight: 500;}
.lytGnb .upsideGnb .sideRt .screenScale .btnScale {width: 28px;height: 28px; border-radius: 50%; font-size: 18px; color: #fff;  background: #373f4c; display: flex; justify-content: center; align-items: center;}
.lytGnb .upsideGnb .sideRt .screenScale .btnScale:disabled {background-color: #dcdcdc; color: #666;}
.lytGnb .upsideGnb .sideRt .screenScale .btnScale.minus {padding-bottom: 2px;}

.lytGnb .topArea {width: 100%; background: #fff;}
.lytGnb .topArea .wrapGroup {height: 116px; padding-bottom: 70px;border-bottom: 1px solid #a7a7a7; background: #fff url(/common/images/common/gnb_openBG.png) calc(50% - 576px) 118px no-repeat;overflow: hidden; transition: all 0.3s;}
.lytGnb .topArea .gnbArea {width: 100%; height: 116px; max-width: 1440px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; background: #fff;}
.lytGnb .topArea .gnbArea .logo img{width: 177px;}
.lytGnb .topArea .gnbArea .logo .tView {display: none;}
.lytGnb .topArea .gnbArea .menuArea {height: 100%;}
.lytGnb .topArea .gnbArea .menuArea .mHeader {display: none;}
.lytGnb .topArea .gnbArea .depth1Group {height: 100%; margin-left: 40px; display: flex; align-items: center;}
.lytGnb .topArea .gnbArea .depth1Item {height: 100%;margin-left: 80px; position: relative; display: flex; align-items: center;}
.lytGnb .topArea .gnbArea .depth1Item:first-child {margin-left: 0;}
.lytGnb .topArea .gnbArea .depth1Item .depth1Tit {padding: 0 5px; position: relative;}
.lytGnb .topArea .gnbArea .depth1Item .depth1Tit::after {display: block; content: ""; width: 0; height: 4px; background: #0081cc; position: absolute; bottom: -14px; left: 0; transition: all 0.2s;}
.lytGnb .topArea .gnbArea .depth1Item .depth1Tit a {font-size: 20px; font-weight: 700; transition: all 0.2s;}
.lytGnb .topArea .gnbArea .depth1Item:hover .depth1Tit::after {width: 100%;}
.lytGnb .topArea .gnbArea .depth1Item:hover .depth1Tit a {color: #0081cc;}
.lytGnb .topArea .gnbArea .depth1Item .depth2Group {padding-top: 15px; position: absolute; top: 115px; left: 5px;}
.lytGnb .topArea .gnbArea .depth1Item .depth2Item {width: 100%; margin-bottom: 8px; overflow: hidden; position: relative;}
.lytGnb .topArea .gnbArea .depth1Item .depth2Item:last-child {margin-bottom: 0;}
.lytGnb .topArea .gnbArea .depth1Item .depth2Item a {font-size: 15px; color: #000; font-weight: 500; white-space: nowrap; padding-left: 0; transition: all 0.2s;}
.lytGnb .topArea .gnbArea .depth1Item .depth2Item::after {display: block; content: ""; width: 8px; height: 8px; background: url(/common/images/common/arw_depth2.png) center no-repeat; position: absolute; left: -15px; top: 7px; transition: all 0.2s;}
.lytGnb .topArea .gnbArea .depth1Item .depth2Item:hover a {padding-left: 12px; color: #007ec9;}
.lytGnb .topArea .gnbArea .depth1Item .depth2Item:hover::after {left: 0;}
.lytGnb .topArea .gnbArea .depth1Item.tView {display: none;}
.lytGnb .topArea.gnbOn .wrapGroup {height: 366px; border-bottom: none; box-shadow: 0px 21px 13px 0px rgb(38 71 119 / 9%); }

@media screen and (min-width: 1200px) {
    .lytGnb.stick {height: 100px; position: fixed; top: 0; left: 0;}
    .lytGnb.stick .upsideGnb {display: none;}
    .lytGnb.stick .wrapGroup {height: 100px;}
    .lytGnb.stick .wrapGroup .gnbArea {height:100px;}
    .lytGnb.stick .topArea.gnbOn .wrapGroup {height: 366px;}
    
    .container.hdStick {padding-top: 150px;}
}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .lytGnb {height: 74px; position: fixed; top: 0; left: 0;}
    .lytGnb .upsideGnb {display: none;}
    
    .lytGnb .topArea .wrapGroup {height: auto; padding-bottom:0; background:none;overflow: auto;}
    .lytGnb .topArea .gnbArea { height: 74px; padding: 0 20px; display:block; overflow: hidden;}
    .lytGnb .topArea .gnbArea .logo{height: 74px;display: flex; align-items: center; justify-content: space-between;}
    .lytGnb .topArea .gnbArea .logo .tView {display: block;}
    .lytGnb .topArea .gnbArea .logo img {max-width: 146px;}
    .lytGnb .topArea .gnbArea .logo .hambuger {width: 26px; height: 26px; font-size: 0; background: url(/common/images/common/icon_hambuger.png) center / 22px no-repeat;}
    .lytGnb .topArea .gnbArea .logo .btnLogin {width: 26px; height: 26px; font-size: 0; background:url(/common/images/common/icon_login.png) center/ 18px no-repeat; display: inline-block; }
    .lytGnb .topArea .gnbArea .logo .btnMy {width: 26px; height: 26px; font-size: 0; background:url(/common/images/common/icon_my.png) center/ 18px no-repeat; display: inline-block;}

    .lytGnb .topArea .gnbArea::before {display: none; content: ""; width: 100%; height: 100vh; background: rgba(0,0,0,0.68); position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
    .lytGnb .topArea .gnbArea .menuArea {width: 310px; height: 100vh; background: #fff; position: fixed; top: 0; left: -100%; transition: all 0.5s; display: flex; flex-flow: column;}
    .lytGnb .topArea .gnbArea .menuArea .mHeader {display: block;}
    .lytGnb .topArea .gnbArea .mHeader .mLogo {width: 100%; height: 62px; padding: 0 23px; border-radius: 0 0 20px 0; background: #2c49a5; display: flex; align-items: center; justify-content: space-between;}
    .lytGnb .topArea .gnbArea .mHeader .mLogo img {max-width: 113px;}
    .lytGnb .topArea .gnbArea .mHeader .mLogo .btnClose {width: 18px; height: 18px; font-size: 0; background: url(/common/images/common/icon_close_white.png) center /18px no-repeat;}

    .lytGnb .topArea .gnbArea .loginInfo {width: 100%;}
    .lytGnb .topArea .gnbArea .loginInfo .loginBtnGroup {width: 100%; padding: 26px 23px; display: flex;}
    .lytGnb .topArea .gnbArea .loginInfo .loginBtnGroup .lgBtn {width: 50%; height: 54px; padding-left: 25px;  margin-right: 15px; border-radius: 54px;     line-height: 53px;text-align: center; font-size: 14px; font-weight: 700;}
    .lytGnb .topArea .gnbArea .loginInfo .loginBtnGroup .lgBtn:last-child {margin-right: 0;}
    .lytGnb .topArea .gnbArea .loginInfo .loginBtnGroup .lgBtn.login {border: 1px solid #2785e5; color: #2785e5; background: #e2e9f1 url(/common/images/common/icon_login_blue.png) 29px center /17px no-repeat;}
    .lytGnb .topArea .gnbArea .loginInfo .loginBtnGroup .lgBtn.join {border: 1px solid #191c38; color: #191c38; background: #f3f3f3 url(/common/images/common/icon_join.png) 27px center /22px no-repeat;}
    
    .lytGnb .topArea .gnbArea .loginInfo .member {flex-wrap: wrap; width: 100%; padding: 26px 23px; display: flex; justify-content: space-between;}
    .lytGnb .topArea .gnbArea .loginInfo .member .loginTxt {padding-left: 57px; background: url(/common/images/common/icon_member.png) 11px center / 28px no-repeat;}
    .lytGnb .topArea .gnbArea .loginInfo .member .loginTxt .txt {font-size: 14px; font-weight: 500;}
    .lytGnb .topArea .gnbArea .loginInfo .member .loginTxt .goMy {min-width: 85px; height: 28px; border: 1px solid #2c49a5; border-radius: 14px; padding: 0 14px; margin-top: 9px; font-size: 14px; font-weight: 500; color: #2c49a5; text-align: center; line-height: 27px; display: inline-block;}
    .lytGnb .topArea .gnbArea .loginInfo .member .btnLogout {width: 38px; height: 38px; border-radius: 50%; font-size: 0; background: #babccf url(/common/images/common/icon_logout.png) center / 16px no-repeat;  align-self:flex-end;}

    .lytGnb .loginInfo .member .certGroup {width: 100%; margin-top: 10px;}
    .lytGnb .loginInfo .member .certGroup .certMain {display: flex;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade {width: calc(41.5% - 2px); margin-right: 4px; padding: 14px 10px; border-radius: 6px; background: #2785e5;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade dt {color: #fff; font-size: 14px; font-weight: 500; text-align: center;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade dd {text-align: center;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeItem {display: inline-block;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .noGrade {margin-top: 12px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .noGrade img {vertical-align: top;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark {display:flex; justify-content: center; align-items: center; width: 80px; height: 30px; margin-top: 16px; border-radius: 16px; padding: 0 10px; background: #191c38; color: #ffd96e; font-size: 11px; font-weight: 500; letter-spacing: -0.08em;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.adult01 img {width: 27px; margin-top: -8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.adult02 img {width: 27px; margin-top: -8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.adult03 img {width: 27px; margin-top: -8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.adult04 img {width: 27px; margin-top: -8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.adult05 img {width: 27px; margin-top: -8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.adult06 img {width: 27px; margin-top: -8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.child01 img {width: 17px; margin-right: 8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.child02 img {width: 27px; margin-right: 8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.child03 img {width: 27px; margin-right: 8px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certGrade .gradeMark.child03 img {width: 27px; margin-right: 8px;}
    
    .lytGnb .loginInfo .member .certGroup .certMain.noData .certGrade {width: calc(50% - 3px); margin-right: 6px;}
    
    .lytGnb .loginInfo .member .certGroup .certMain .certRes {width: calc(58.5% - 2px); padding: 14px 10px; border-radius: 6px; background: #0d2250;}
    .lytGnb .loginInfo .member .certGroup .certMain .certRes dt {color: #fff; font-size: 14px; font-weight: 500; text-align: center;}
    .lytGnb .loginInfo .member .certGroup .certMain .certRes dt:before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 6px; padding-top: 2px; background: url(/common/images/main/main_access_reservation01.png) center no-repeat; vertical-align: top;}
    .lytGnb .loginInfo .member .certGroup .certMain .certRes dd {color: #fff; font-size: 12px; text-align: center;}
    .lytGnb .loginInfo .member .certGroup .certMain .certRes .noRes {margin-top: 12px;}
    .lytGnb .loginInfo .member .certGroup .certMain .certRes .noRes img {vertical-align: top;}
    .lytGnb .loginInfo .member .certGroup .certMain .certRes .resInfo {display: block; margin-top: 10px;}
    
    .lytGnb .loginInfo .member .certGroup .certMain.noData .certRes {width: calc(50% - 3px); padding: 14px 12px;}
    .lytGnb .loginInfo .member .certGroup .certMain.noData .certRes dt:before {content: none;}

    .lytGnb .loginInfo .member .certGroup .certInfo {margin-top: 6px; background: #003399; border-radius: 6px;}
    .lytGnb .loginInfo .member .certGroup .certInfo > ul {display: flex;}
    .lytGnb .loginInfo .member .certGroup .certInfo .infoItem {padding: 8px 5px; text-align: center;}
    .lytGnb .loginInfo .member .certGroup .certInfo .infoItem:first-child {width: 38%; border-right: 1px solid #4369bf;}
    .lytGnb .loginInfo .member .certGroup .certInfo .infoItem:nth-child(2) {width: 32%; border-right: 1px solid #4369bf;}
    .lytGnb .loginInfo .member .certGroup .certInfo .infoItem:nth-child(3) {width: 30%;}
    .lytGnb .loginInfo .member .certGroup .certInfo .infoItem dt {color: #fff; font-size: 13px; font-weight: 500;}
    .lytGnb .loginInfo .member .certGroup .certInfo .infoItem dd {margin-top: -2px; color: #fff; font-size: 13px; font-weight: 500;}
    .lytGnb .loginInfo .member .certGroup .certInfo .infoItem .emph {font-size: 17px; color: #abcbff;}
    
    .lytGnb .topArea .gnbArea .depth1Group {height:auto; margin-left: 0; display:block;border-top: 1px solid #999; overflow-y: auto;}
    .lytGnb .topArea .gnbArea .depth1Item {height: auto;margin-left:0; border-bottom: 1px solid #999; display: block; }
    .lytGnb .topArea .gnbArea .depth1Item:last-child {border-bottom: none;}
    .lytGnb .topArea .gnbArea .depth1Item .depth1Tit {width: 100%; padding: 0;}
    .lytGnb .topArea .gnbArea .depth1Item .depth1Tit::after {display: none;}
    .lytGnb .topArea .gnbArea .depth1Item .depth1Tit a {height: 58px; padding: 0 34px; font-size: 17px; font-weight: 700; display: flex; align-items: center; background: url(/common/images/common/arw_nav_bottom.png) calc(100% - 27px) center / 17px no-repeat;}
    .lytGnb .topArea .gnbArea .depth1Item:hover .depth1Tit a {color: #333;}
    .lytGnb .topArea .gnbArea .depth1Item .depth2Group {padding: 18px 35px; background: #eef2f5; position: relative; top: 0; left: 0; display: none;}
    .lytGnb .topArea .gnbArea .depth1Item .depth2Item {margin-bottom: 8px;}
    .lytGnb .topArea .gnbArea .depth1Item .depth2Item a { color: #333;}
    .lytGnb .topArea .gnbArea .depth1Item .depth2Item::after {display: none;}
    .lytGnb .topArea .gnbArea .depth1Item .depth2Item:hover a {padding-left: 0; color: #333;}
    .lytGnb .topArea .gnbArea .depth1Item .depth2Item a::before {display: inline; content: "- ";}
    .lytGnb .topArea .gnbArea .depth1Item .depth2Item.mOn a {color: #2785e5;}
    .lytGnb .topArea .gnbArea .depth1Item.tView {display: block; padding: 18px 17px; text-align: right;}
    .lytGnb .topArea .gnbArea .depth1Item.tView .quickBtns .quickBtn {width: calc(50% - 2px); height: 56px; border-radius: 3px; padding: 15px 22px; text-align: left; font-size: 13px; color: #fff; font-weight: 500; line-height: 1.05; display: inline-block;}
    .lytGnb .topArea .gnbArea .depth1Item.tView .quickBtns .quickBtn.appo {background: #2c49a5 url(/common/images/common/icon_quick_appo.png) calc(100% - 14px) center / 28px no-repeat;}
    .lytGnb .topArea .gnbArea .depth1Item.tView .quickBtns .quickBtn.appli {background: #191c38 url(/common/images/common/icon_quick_appli.png) calc(100% - 12px) center / 28px no-repeat;}
    .lytGnb .topArea .gnbArea .depth1Item.tView .kkoBtn {width: 157px; height: 49px; margin-top: 20px; line-height: 49px; border-radius: 24.5px; padding: 0 0 0 42px; font-size: 15px; color: #3e2723; font-weight: 700; background: #ffeb3b url(/common/images/common/icon_quick_kakao.png) 28px center / 33px no-repeat;}
    .lytGnb .topArea .gnbArea .depth1Item.dpthOpen .depth1Tit a {background-color: #191c38; color: #fff; background-image: url(/common/images/common/arw_nav_top.png);} 
    /* .lytGnb .topArea .gnbArea .depth1Item.dpthOpen .depth2Group {display: block;} */
    
    .lytGnb.mOpen .topArea .gnbArea .menuArea {left: 0;}
    .lytGnb.mOpen .topArea .gnbArea::before {display: block;}
}



/*  ---------------------------------------- Sub-top ---------------------------------------- */
.lytSubTop {width: 100%;}
@media screen and (min-width: 100px) and (max-width: 767px) {    
}


/*  ---------------------------------------- Sub ---------------------------------------- */
.lytSub {width: 100%;min-height: 710px;}
.lytSub .subWrap {width: 100%; max-width: 1440px; padding: 0 20px; margin: 0 auto; display: flex; }
.lytSub .navArea {width: 247px; margin-right: 56px; position: relative; top: -172px; left: 0;}
.lytSub .contArea {width: calc(100% - 303px); padding: 60px 0 100px;}
.lytSub .allArea {width: 100%;}
.lytSub.full .contArea {width: 100%;}

.lytSub .navArea .mHome {display: none;}
.lytSub .navArea .titArea {width: 100%; height: 172px; margin-bottom: 50px; background: url(/common/images/sub/sub_titbg.png) center no-repeat;}
.lytSub .navArea .titArea .subtit {padding: 100px 10px 0 40px;}
.lytSub .navArea .titArea .subtit .tit {font-size: 24px; color: #fff; font-weight: 700;}
.lytSub .navArea .navGroup .item {width: 100%; margin-top: -1px;}
.lytSub .navArea .navGroup .item:first-child {margin-top: 0;}
.lytSub .navArea .navGroup .item > a {width: 100%; padding: 20px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  font-size: 18px; font-weight: 700; display: block;}
.lytSub .navArea .navGroup .item.on {background: url(/common/images/sub/nav_arr.png) calc(100% - 15px) 27px no-repeat;}
.lytSub .navArea .navGroup .item.on > a {color: #0081cc;border-top: 1px solid #0082cd;border-bottom: 1px solid #0082cd;}
.lytSub .navArea .navGroup .item.on + .item {margin-top: 0;}
/* .lytSub .navArea .navGroup .item.on + .item > a {border-top: none;} */
.lytSub .navArea .navGroup .item.previw {background: url(/common/images/sub/nav_arr.png) calc(100% - 15px) 27px no-repeat;}
.lytSub .navArea .navGroup .item.previw > a {color: #0081cc;border-top: 1px solid #0082cd;border-bottom: 1px solid #0082cd;}
.lytSub .navArea .navGroup .item.previw + .item {margin-top: 0;}

.lytSub .navArea .navGroup .lnb2depth {width: 100%; padding: 25px 20px; display: none;}
.lytSub .navArea .navGroup .dpth2Item {margin-bottom: 7px; padding-left: 10px; position: relative;}
.lytSub .navArea .navGroup .dpth2Item:last-child {margin-bottom: 0;}
.lytSub .navArea .navGroup .dpth2Item::after {display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #333; position: absolute; left: 0; top: 11px;}
.lytSub .navArea .navGroup .dpth2Item .dpth2Tit {font-size: 16px; color: #666; font-weight: 500;}
.lytSub .navArea .navGroup .dpth2Item.now::after {background-color: #198dd1;}
.lytSub .navArea .navGroup .dpth2Item.now .dpth2Tit {color: #0081cc;}

.lytSub .navArea .navGroup .item.on .lnb2depth {display: block;}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .lytSub {padding: 0; overflow-x: hidden;}
    .lytSub .subWrap {flex-wrap: wrap; padding: 0;}
    .lytSub .navArea {width: 100%; height: auto; margin-right: 0; border-bottom: 1px solid #ccc; display: flex; align-items: center; background: #fff; top: 0; }
    .lytSub .contArea {width: 100%; padding: 20px 20px 80px; float: none;}
    .lytSub .allArea {width: 100%;max-width: 1240px; padding: 0 20px;}

    .lytSub .navArea .mHome { width: 50px; height: 50px; border-right: 1px solid #ccc; display: block;}
    .lytSub .navArea .mHome .btnHome {width: 100%; height: 100%; font-size: 0; background:#f5f5f5 url(/common/images/common/icon_home.png) center / 18px no-repeat; display: inline-block; vertical-align: middle;}
    .lytSub .navArea .titArea {width: 181px; height: 100%; margin-bottom: 0;border-right: 1px solid #ccc; background: none;}
    .lytSub .navArea .titArea .subtit {height: 100%; padding: 0 20px; display: flex; align-items: center;}
    .lytSub .navArea .titArea .subtit .tit {font-size: 16px; color: #333; font-weight: 500;}
    .lytSub .navArea .navWrap {width: 181px; height: 50px;border-right: 1px solid #ccc; align-self: flex-start;}
    .lytSub .navArea .navGroup {width: 181px; height: 50px; display: flex; flex-wrap: wrap;transition: all 0.3s; position: relative; z-index: 99;}
    .lytSub .navArea .navGroup .item {width: 181px; height: 50px; margin-top: 0; border-top: none; border: 1px solid #0081cc; border-bottom: 1px solid #ccc; border-top: none; order: 2; background: #fff; display: none;}
    .lytSub .navArea .navGroup .item:last-child {border-bottom: 1px solid #0081cc;}
    .lytSub .navArea .navGroup .item a {width: 100%; height: 100%; padding: 0 20px; border: none; font-size: 16px; color: #333;font-weight: 500; display: flex; align-items: center;}
    
    .lytSub .navArea .navGroup .item.on {border:none; background: url(/common/images/common/arw_lnb_m_k.png) calc(100% - 25px) center / 10px no-repeat; order: 1; display: block; z-index: -1;}
    .lytSub .navArea .navGroup .item.on a {color: #333;}
    .lytSub .navArea .navGroup .item.on > a {border: none;}
    .lytSub .navArea .navGroup.open .item {display: block;}
    .lytSub .navArea .navGroup.open .item.on {background: #0081cc url(/common/images/common/arw_lnb_m.png) calc(100% - 25px) center / 10px no-repeat;}
    .lytSub .navArea .navGroup.open .item.on > a {color: #fff;}

    .lytSub .navArea .navGroup .item.on .lnb2depth {width: 100vw; padding: 0 0 0 49px; position: relative; top: 1px; left: -231px; display: flex; flex-wrap: wrap;}
    .lytSub .navArea .navGroup .item.on .lnb2depth::after {display: block; content: ""; width: 49px; height: 50px; border-bottom: 1px solid #ccc; background: url(/common/images/common/icon_more.png) center / 5px no-repeat; position: absolute; top: -1px; left: 0;}
    .lytSub .navArea .navGroup .item.on .dpth2Item {width:100%; height: 50px; margin-bottom: 0;border-bottom: 1px solid #ccc;  padding-left: 0;display: none; background: #fff; order: 2;}
    .lytSub .navArea .navGroup .item.on .dpth2Item:last-child {border-bottom: none;}
    .lytSub .navArea .navGroup .item.on .dpth2Item::after {display: none;}
    .lytSub .navArea .navGroup .item.on .dpth2Item .dpth2Tit {font-size: 15px; color: #333; font-weight: 500;}
    .lytSub .navArea .navGroup .item.on .dpth2Item.now::after {background-color: #198dd1;}
    .lytSub .navArea .navGroup .item.on .dpth2Item.now .dpth2Tit {color: #333;}

    .lytSub .navArea .navGroup .item.on .lnb2depth .dpth2Item.now {display: block; order: 1; background: #fff url(/common/images/common/arw_lnb_m_k.png) calc(100% - 25px) center / 10px no-repeat;}
    .lytSub .navArea .navGroup .item.on .lnb2depth .dpth2Item:last-child.now {border-bottom: 1px solid #ccc;}
    .lytSub .navArea .navGroup .item.on .lnb2depth.dpt2Open {position: absolute;top: 51px;}
    .lytSub .navArea .navGroup .item.on .lnb2depth.dpt2Open .dpth2Item {display: block; border-left: 1px solid #0081cc;border-right: 1px solid #0081cc;}
    .lytSub .navArea .navGroup .item.on .lnb2depth.dpt2Open .dpth2Item:last-child {border-bottom: 1px solid #0081cc;}
    .lytSub .navArea .navGroup .item.on .lnb2depth.dpt2Open .dpth2Item.now {background-color: #0081cc; background-image: url(/common/images/common/arw_lnb_m.png);}
    .lytSub .navArea .navGroup .item.on .lnb2depth.dpt2Open .dpth2Item.now a {color: #fff;}

}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytSub {min-height: auto; padding: 0 0 60px;}
    .lytSub .contArea {padding: 20px 20px 0; }

    .lytSub .navArea .titArea {width: calc(50% - 25px);}
    .lytSub .navArea .navWrap {width: calc(50% - 25px); border-right: none;}
    .lytSub .navArea .navWrap .navGroup {width: 100%;}
    .lytSub .navArea .navWrap .navGroup .item {width: 100%;}
    .lytSub .navArea .navGroup .item.on .lnb2depth {left: calc(-100% - 50px);}
}

/* 서브비주얼 */
.lytSubVisual {width: 100%;}
.lytSubVisual .visualArea {width: 100%; height: 240px; background: url(/common/images/sub/sub_visual01.jpg) center no-repeat; position: relative;}
.lytSubVisual .visualArea.subV0 {background-image: url(/common/images/sub/sub_visual00.jpg);}
.lytSubVisual .visualArea.subV1 {background-image: url(/common/images/sub/sub_visual01.jpg);}
.lytSubVisual .visualArea.subV2 {background-image: url(/common/images/sub/sub_visual02.jpg);}
.lytSubVisual .visualArea.subV3 {background-image: url(/common/images/sub/sub_visual03.jpg);}
.lytSubVisual .visualArea.subV4 {background-image: url(/common/images/sub/sub_visual04.jpg);}
.lytSubVisual .visualArea.subV5 {background-image: url(/common/images/sub/sub_visual05.jpg);}
.lytSubVisual .visualArea.subV6 {background-image: url(/common/images/sub/sub_visual06.jpg);}
.lytSubVisual .visualArea .subCharacter {width: 50%; height: 332px; font-size: 0; background: 258px bottom no-repeat; position: absolute; bottom: -120px; right: 0;}
.lytSubVisual .visualArea .subCharacter.char0 {background-image: url(/common/images/sub/sub_chr00.png);}
.lytSubVisual .visualArea .subCharacter.char1 {background-image: url(/common/images/sub/sub_chr01.png);}
.lytSubVisual .visualArea .subCharacter.char2 {background-image: url(/common/images/sub/sub_chr02.png);}
.lytSubVisual .visualArea .subCharacter.char3 {background-image: url(/common/images/sub/sub_chr03.png);}
.lytSubVisual .visualArea .subCharacter.char4 {background-image: url(/common/images/sub/sub_chr04.png);}
.lytSubVisual .visualArea .subCharacter.char5 {background-image: url(/common/images/sub/sub_chr05.png);}
.lytSubVisual .visualArea .subCharacter.char6 {background-image: url(/common/images/sub/sub_chr06.png);}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .lytSubVisual .visualArea {display: flex; align-items: center; justify-content: center;}
    .lytSubVisual .visualArea .subCharacter {width: 52%; background: right calc(100% + 18px) / 260px no-repeat; bottom: 0; }
    .lytSubVisual .visualArea .vsTit {font-size: 30px; font-weight: 700; color: #fff; display: block;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytSubVisual .visualArea {height: 128px; justify-content: flex-start; padding-left: 35px;}
    .lytSubVisual .visualArea .subCharacter {height: 120px; background: right calc(100% + 18px) / 190px no-repeat; }
    .lytSubVisual .visualArea .vsTit {font-size: 24px; }
}

/*  ---------------------------------------- Remote ---------------------------------------- */
.lytRemote {position: fixed; top: 238px; right: 0; z-index: -1;}
.lytRemote .remoteArea {width: 100px; padding: 20px 0; border-radius: 10px 0 0 10px; background: #191c38;}
.lytRemote .rmtItem {width: 100%; text-align: center;}
.lytRemote .rmtItem .rmtBtn {padding: 55px 0 20px; font-size: 14px; font-weight: 500; color: #fff; display: block; background: center 13px no-repeat;}
.lytRemote .rmtItem .rmtBtn.reservation {background-image: url(/common/images/common/remote01_off.png);}
.lytRemote .rmtItem .rmtBtn.measure {background-image: url(/common/images/common/remote02_off.png);}
.lytRemote .rmtItem .rmtBtn.standard {background-image: url(/common/images/common/remote03_off.png);}
.lytRemote .rmtItem .rmtBtn.source {background-image: url(/common/images/common/remote04_off.png);}
.lytRemote .rmtItem .rmtBtn:hover {background-color: #0a0b15;}
.lytRemote .rmtItem .rmtBtn.reservation:hover {background-image: url(/common/images/common/remote01_on.png);}
.lytRemote .rmtItem .rmtBtn.measure:hover {background-image: url(/common/images/common/remote02_on.png);}
.lytRemote .rmtItem .rmtBtn.standard:hover {background-image: url(/common/images/common/remote03_on.png);}
.lytRemote .rmtItem .rmtBtn.source:hover {background-image: url(/common/images/common/remote04_on.png);}
.lytRemote .rmtItem .kakaoBtn {width: 62px; height: 62px; padding-top: 30px; font-size: 12px; font-weight: 500; color: #000; text-align: center; background: url(/common/images/common/remote_kakao.png) center no-repeat; display: inline-block;}
.lytRemote .rmtItem .goTop {width: 100%; height: 85px; font-size: 0; background: url(/common/images/common/remote_arrow.png) center no-repeat;}

@media screen and (min-width: 100px) and (max-width: 1599px) {
    .lytRemote {display: none;}
}

/*  ---------------------------------------- FOOTER ---------------------------------------- */
.lytFooter {}
.lytFooter .footerBanner {padding: 22px 0; background: #f5f6f8;}
.lytFooter .footerBanner .bannerArea {max-width: 1440px; margin: 0 auto; padding: 0 20px; font-size: 0;}
.lytFooter .footerBanner .tit {display: inline-block; margin-right: 10px; font-size: 18px; vertical-align: middle;}
.lytFooter .footerBanner .bannerNav {display: inline-block; margin-right: 67px; vertical-align: middle;}
.lytFooter .footerBanner .bannerNav .pause {width: 28px; height: 28px; background: url(/common/images/common/icon_pause_black.png) center / 8px no-repeat; font-size: 0;}
.lytFooter .footerBanner .bannerNav .mPrev {display: none;}
.lytFooter .footerBanner .bannerNav .mNext {display: none;}
.lytFooter .footerBanner .bannerList {display: inline-block; width: calc(100% - 177px); vertical-align: middle;}
.lytFooter .footerBanner .bannerList .bannerItem > a {display: block; width: 100%;}
.lytFooter .footerBanner .bannerList .bannerItem img {width: 100%; vertical-align: top;}
.lytFooter .footerBanner .bannerList .swiper-slide {width: auto; margin-right: 110px;}
.lytFooter .footerBanner .bannerList .swiper-slide:last-child {margin-right: 0;}
/* .lytFooter .footerBanner .bannerList .swiper-button-prev, .lytFooter .footerBanner .bannerList .swiper-button-next {display: none;} */

.lytFooter .footerCont {position: relative; padding: 16px 0 70px; background: #444;}
.lytFooter .footerCont .contArea {max-width: 1440px; margin: 0 auto; padding: 0 20px;}
.lytFooter .footerTop {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #bbb;}
.lytFooter .service {margin-right: 20px;}
.lytFooter .service .tit {display: inline-block; color: #fff; font-size: 18px; vertical-align: top;}
.lytFooter .service .serviceMenu {display: inline-block; margin-left: 40px; padding-top: 6px; font-size: 0; vertical-align: top;}
.lytFooter .service .serviceMenu .item {display: inline-block; margin: 0 8px 8px 0; padding: 0 8px 2px 0; border-right: 1px solid #bbb; line-height: 1; vertical-align: middle;}
.lytFooter .service .serviceMenu .item:last-child {margin-right: 0; padding-right: 0; border-right: 0;}
.lytFooter .service .serviceMenu .item a {color: #bbb; font-size: 16px; font-weight: 500;}
.lytFooter .siteMenu {font-size: 0;}
.lytFooter .siteMenu > ul {}
.lytFooter .siteMenu .siteItem {display: inline-block; margin-left: 38px;}
.lytFooter .siteMenu .siteItem:first-child {margin-left: 0;}
.lytFooter .siteMenu .siteBtn {width: 100%; height: 40px; padding: 0 28px 0 0; border: 0; background: #444 url(/common/images/common/slct_arrow_white.png) right 18px / 15px no-repeat; color: #bbb; font-size: 16px;}
.lytFooter .siteMenu .siteBtn.on {background-image: url(/common/images/common/slct_arrow_white_on.png);}
.lytFooter .siteMenu .siteDepth2 {display: none; position: absolute; left: 0; bottom: 100%; width: 100%; max-height: 430px; padding-top: 30px; background: #444; z-index: 30;}
.lytFooter .siteMenu .siteDepth2.on {display: block;}
.lytFooter .siteMenu .siteDepth2 .depth2Wrap {display: flex; max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.lytFooter .siteMenu .siteDepth2 .depth2Group {width: 100%;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu {}
.lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item {}
.lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .titUnit {display: inline-block; width: 100%; margin-bottom: 10px; color: #fff; font-size: 18px; font-weight: 500;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .listUnit {}
.lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .listUnit li {margin-bottom: 5px; font-size: 16px;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .listUnit a {color: #cbcbcb;}

.lytFooter .siteMenu .swiper-button-prev, .lytFooter .siteMenu .swiper-button-next {display: none;}

.lytFooter .siteMenu .siteDepth2 .depth2Wrap.sap .depth2Group {width: 50%;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemSap {display: flex;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemSap .depth2Item {width: 50%;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemInnerStack {display: flex; flex-flow: column wrap; max-height: 380px;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemInnerStack .depth2Item {width: 50%;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemInnerStack .depth2Item:nth-child(2) {margin-top: 46px;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemStack {display: flex; flex-flow: column wrap; max-height: 380px;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemStack .depth2Item {width: 50%; margin-bottom: 40px;}
.lytFooter .siteMenu .siteDepth2 .depth2Menu.itemStack .depth2Item:last-child {margin-bottom: 0;}

.lytFooter .siteMenu .siteDepth2 .depth2Item .depth2Menu + .tit {margin-top: 50px;}
.lytFooter .siteMenu .siteDepth2 .depth2Item .depth2Menu + .depth2Menu {margin-top: 50px;}

.lytFooter .footerInfo {position: relative; padding-right: 168px;}
.lytFooter .footerInfo .infoMenu {}
.lytFooter .footerInfo .infoMenu > ul {}
.lytFooter .footerInfo .infoMenu .item {display: inline-block; margin: 0 8px 8px 0; padding: 0 8px 2px 0; border-right: 1px solid #bbb; line-height: 1; vertical-align: middle;}
.lytFooter .footerInfo .infoMenu .item:last-child {margin-right: 0; padding-right: 0; border-right: 0;}
.lytFooter .footerInfo .infoMenu .item a {color: #bbb; font-size: 16px; font-weight: 500;}
.lytFooter .footerInfo .infoMenu .item.privacy a {color:#ff5b41;}
.lytFooter .footerInfo .infoAddr {margin-top: 36px;}
.lytFooter .footerInfo .infoAddr address {color: #ccc; font-size: 16px; font-weight: 500;}
.lytFooter .footerInfo .infoAddr address .divTxt {display: inline-block; margin-right: 8px; padding: 0 8px 2px 0; border-right: 1px solid #bbb; line-height: 1; vertical-align: middle;}
.lytFooter .footerInfo .infoAddr address .divTxt:last-child {margin-right: 0; padding: 0; border-right: 0;}
.lytFooter .footerInfo .infoAddr .copyright {margin-top: 14px; color: #878787; font-size: 16px; font-weight: 500;}
.lytFooter .footerInfo .infoCert {position: absolute; right: 54px; top: 26px;}
.lytFooter .footerInfo .infoCert a {display: block; width: 100%;}
.lytFooter .footerInfo .infoCert img {max-width: 95px; vertical-align: top;}

@media screen and (min-width: 1199px) {
    .lytFooter .siteMenu .siteDepth2 .depth2Wrap.sap .depth2Group {width: 50% !important;}
}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .lytFooter .siteMenu .siteDepth2 .depth2Wrap {padding: 0;}
    .lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .titUnit {text-align: center;}
    .lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .listUnit li {text-align: center;}
    .lytFooter .siteMenu .swiper-button-prev, .lytFooter .siteMenu .swiper-button-next {display: flex; color: #fff;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytFooter .footerBanner {padding: 32px 0 20px;}
    .lytFooter .footerBanner .bannerArea {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .lytFooter .footerBanner .tit {font-weight: 700;}
    .lytFooter .footerBanner .bannerNav {margin-right: 0;}
    .lytFooter .footerBanner .bannerNav .pause {width: 14px; height: 14px; margin: 0 14px; background-size: 7px; font-size: 0;}
    .lytFooter .footerBanner .bannerNav .mPrev {display: inline-block; width: 14px; height: 14px; background: url(/common/images/common/icon_prev_black.png) center / 7px no-repeat; font-size: 0;}
    .lytFooter .footerBanner .bannerNav .mNext {display: inline-block; width: 14px; height: 14px; background: url(/common/images/common/icon_next_black.png) center / 7px no-repeat; font-size: 0;}
    .lytFooter .footerBanner .bannerList {width: 100%; margin-top: 12px;}
    .lytFooter .footerBanner .bannerList .swiper-slide {margin-right: 36px;}

    .lytFooter .footerCont {padding: 30px 0 36px; background: #4f4f4f;}
    .lytFooter .footerTop {margin-bottom: 30px; padding-bottom: 0; border-bottom: 0;}
    .lytFooter .service {margin-right: 0;}
    .lytFooter .service .tit {font-size: 15px; font-weight: 700;}
    .lytFooter .service .serviceMenu {width: 100%; margin-left: 0; padding-top: 10px;}
    .lytFooter .service .serviceMenu .item {margin: 0 8px 6px 0;}
    .lytFooter .service .serviceMenu .item a {font-size: 12px;}
    .lytFooter .siteMenu {width: 100%; margin-top: 6px;}
    .lytFooter .siteMenu .siteItem {max-width: 120px; width: calc(33.333% - 2.666px); margin-left: 0; margin-right: 4px;}
    .lytFooter .siteMenu .siteItem:last-child {margin-right: 0;}
    .lytFooter .siteMenu .siteBtn {height: 40px; padding: 0 24px 0 10px; border-radius: 2px; font-size: 12px; font-weight: 500; background-color: #272727; background-position: calc(100% - 10px) 17px; background-size: 13px;}
    .lytFooter .siteMenu .siteDepth2 {max-height: 384px; padding-top: 20px; background: #4f4f4f;}
    .lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .titUnit {font-size: 16px;}
    .lytFooter .siteMenu .siteDepth2 .depth2Menu .depth2Item .listUnit li {font-size: 14px;}
    /* .lytFooter .siteMenu .siteDepth2 .depth2Menu.itemStack {display: flex; flex-flow: column wrap; max-height: 380px;}
    .lytFooter .siteMenu .siteDepth2 .depth2Menu.itemStack .depth2Item {width: 50%; margin-bottom: 40px;}
    .lytFooter .siteMenu .siteDepth2 .depth2Menu.itemStack .depth2Item:last-child {margin-bottom: 0;}

    .lytFooter .siteMenu .siteDepth2 .depth2Item .depth2Menu + .tit {margin-top: 50px;}
    .lytFooter .siteMenu .siteDepth2 .depth2Item .depth2Menu + .depth2Menu {margin-top: 50px;} */

    .lytFooter .siteMenu .swiper-button-prev, .lytFooter .siteMenu .swiper-button-next {top: calc(50% + 15px);}
    .lytFooter .siteMenu .swiper-button-prev:after, .lytFooter .siteMenu .swiper-button-next:after {font-size: 20px;}
    .lytFooter .siteMenu .swiper-button-prev {left: 5px;}
    .lytFooter .siteMenu .swiper-button-next {right: 5px;}

    .lytFooter .footerInfo {padding-right: 0;}
    .lytFooter .footerInfo .infoMenu {}
    .lytFooter .footerInfo .infoMenu > ul {}
    .lytFooter .footerInfo .infoMenu .item {margin: 0 8px 6px 0;}
    .lytFooter .footerInfo .infoMenu .item a {font-size: 12px;}
    .lytFooter .footerInfo .infoAddr {margin-top: 26px;}
    .lytFooter .footerInfo .infoAddr address {font-size: 12px;}
    .lytFooter .footerInfo .infoAddr address .divTxt {margin-bottom: 6px;}
    .lytFooter .footerInfo .infoAddr .copyright {margin-top: 4px; font-size: 12px;}
    .lytFooter .footerInfo .infoCert {display: none;}
}


/*  ---------------------------------------- ERROR ---------------------------------------- */
.lytError {}
.lytError .errorArea {max-width: 1440px; margin: 0 auto; padding: 100px 20px 0;}
.lytError .errorTop {margin-bottom: 60px; padding-bottom: 20px; border-bottom: 2px solid #000;}
.lytError .errorTop h1 {}
.lytError .errorTop h1 img {width: 177px; vertical-align: top;}
.lytError .errorCont {padding-top: 162px; background: url(/common/images/sub/error_icon01.svg) center 0 no-repeat; text-align: center;}
.lytError .errorCont .mainTxt {display: block; color: #000; font-size: 32px;}
.lytError .errorCont .subTxt {margin-top: 16px; color: #757575; font-size: 20px; line-height: 1.6;}
.lytError .errorBottom {margin-top: 90px; padding-top: 26px; border-top: 1px solid #c2c2c2;}
.lytError .errorBottom .copyright {color: #000; font-size: 13px; font-weight: 500; text-align: center; opacity: 0.5;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytError .errorArea {padding: 40px 20px 0;}
    .lytError .errorTop {margin-bottom: 30px; text-align: center;}
    .lytError .errorCont {padding-top: 120px; background-size: 100px;}
    .lytError .errorCont .mainTxt {font-size: 28px;}
    .lytError .errorCont .subTxt {margin-top: 40px; font-size: 16px;}   
    .lytError .errorBottom {margin-top: 45px; padding-top: 15px;}
    .lytError .errorBottom .copyright {font-size: 12px;}
}

/*  ---------------------------------------- 윈도우팝업 ---------------------------------------- */
.lytWinPop .popupHead {width: 100%; height: 56px; padding: 0 24px; background: #0081cc; display: flex; justify-content: space-between; align-items: center;}
.lytWinPop .popupHead .popTit {font-size: 20px; font-weight: 500; color: #fff;}
.lytWinPop .popupHead .btnClose {width:20px; height:20px; font-size:0; background:url(/common/images/common/icon_close_white.png) center /20px no-repeat; }
.lytWinPop .popupContGroup {height:calc(100% - 56px); max-height: calc(100vh - 56px); padding: 25px 30px 50px; overflow:auto;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytWinPop .popupHead {height: 42px; padding: 0 14px;}
    .lytWinPop .popupHead .popTit {font-size: 16px;}
    .lytWinPop .popupHead .btnClose {width:15px; height:15px;background-size: 15px;}
    .lytWinPop .popupContGroup {height:calc(100% - 42px); max-height: calc(100vh - 42px); padding:18px 17px 40px;}
}


/* ----------------------------- 인트로 페이지 ----------------------------- */
.lytIntro {width: 100%; min-height: 100vh; text-align: center; background: ;}
.lytIntro .introArea {width: 660px; margin: 0 auto; padding-top: 115px;}
.lytIntro .topLogo {}
.lytIntro .topLogo img {width: 300px;}
.lytIntro .catchPrise {margin-top: 80px;}
.lytIntro .catchPrise b {font-size: 30px; font-weight: 700;}
.lytIntro .catchPrise i {margin-top: 10px; font-style: normal; font-size: 24px; font-weight: 500;}
.lytIntro .btnArea {margin-top: 40px; display: flex; column-gap: 60px;}
.lytIntro .btnArea .btnWrap {width: calc(50% - 30px); height: 300px; border: 1px solid #b2b8cb; border-radius: 30px; background: #e0e8ed center no-repeat; box-shadow: 20px 20px 7px 40px rgba(26,74,42,0.24);}



/* ------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------- Depth1 Name -------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* ----------------------------------------- Depth1 > Page Name ----------------------------------------- */

/* Layout name */
/* Module name */