/* footBtnArea */

.footBtnArea{position:fixed; left:0; bottom:0; width:100%; z-index: 1;}
.footBtnArea .footBtn{display:flex; justify-content: space-between; align-items: center; max-width: 1720px; width:100%; padding:0 4rem 4rem; margin:0 auto;}

.footBtnArea .footBtn > .emailBtn{background:#fff; border-radius: 12px; padding:8px 40px 8px 8px; display: flex; align-items: center; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);}
.footBtnArea .footBtn > .emailBtn > .imgBox{margin-right:15px; width:4.4rem; height:4.4rem; border-radius: 8px; font-size:0px; background:url(../images/inquiry_icon.svg) no-repeat center / 60% #273242;}
.footBtnArea .footBtn > .emailBtn > .txtBox > .t{font-size:16px; font-weight: bold; display: block;}
.footBtnArea .footBtn > .emailBtn > .txtBox > .c{font-size:14px; color:#777777;}

.footBtnArea .footBtn > .kakaoBtn{display:inline-block; font-size: 0px; width:60px; height:60px; border-radius: 50%; background:url(../images/kakao_icon.svg) no-repeat center / 60% #FAE300;  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);}

/* mainVisual */
.visualSwiper{width:100%; height: 100%; overflow: hidden;}
.visualSwiper .swiper-slide.img1{background:url(../images/slideBg01.jpg) no-repeat 100% / cover}
.visualSwiper .swiper-slide.img2{background:url(../images/slideBg02.jpg) no-repeat 100% / cover}
.visualSwiper .swiper-slide.img3{background:url(../images/slideBg03.jpg) no-repeat 100% / cover}
.visualSwiper .swiper-slide.img4{background:url(../images/slideBg04.jpg) no-repeat 100% / cover}
.visualSwiper .swiper-slide.img5{background:url(../images/slideBg05.jpg) no-repeat 100% / cover}

.visualSwiper .swiper-slide{display:flex; align-items: center; justify-content: center;}
.visualSwiper .swiper-slide > div{max-width:calc(1200px + 8rem); margin:0 4rem; width:100%;}
.visualSwiper .swiper-slide > div > .tit{font-size:7.2rem; color:#fff; font-weight:bold;}
.visualSwiper .swiper-slide > div > .tit > span{background:var(--mainColor);}
.visualSwiper .swiper-slide > div > .con{font-size:2.8rem; margin:6rem 0; color:#fff;}
.visualSwiper .swiper-slide > div > .hashList{display:flex; gap:10px; flex-wrap:wrap;}
.visualSwiper .swiper-slide > div > .hashList > span{font-family: 'Inter'; font-weight: 600; color:#fff; font-size:1.6rem; background:rgba(255,255,255,0.4); border-radius: 8px; padding: 10px 15px;}

/*.paginationWrap{max-width:calc(1200px + 8rem); margin:0 4rem; width:100%; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); z-index:1;}*/
.swiper-pagination{display:flex; gap:2.4rem; justify-content:center;}
.customBullet{width:12px; height:12px; background:#fff; display: inline-block; border-radius: 50%; cursor:pointer;}
.customBullet-active{background: var(--mainColor);}

/* guide */
.guide{background:url(../images/mainBg.png) no-repeat center / cover; }
.guide .innerWrap{justify-content: space-between; align-items: center; max-height:100%;  padding:12.5rem 4rem;}
.guide .txtBox > .t > span{font-size:1.8rem; font-weight: bold; color:var(--mainColor); display: block; margin-bottom:8px;}
.guide .txtBox > .t{font-size:5rem; font-weight: bold; margin-bottom:4rem;}

.guide .txtBox > .c > li{padding:2rem; border-radius: 8px; cursor: pointer; border:1px solid #bbb;}
.guide .txtBox > .c > li + li{margin-top:15px;}
.guide .txtBox > .c > li > span{font-size:14px; color:#777; display: block; margin-bottom:8px; font-weight: normal;}
.guide .txtBox > .c > li{font-size:15px; font-weight: bold;}

.guide .txtBox > .c > li.active{background:var(--mainColor); color:#fff;}
.guide .txtBox > .c > li.active > span{color:#fff}

.guide .txtBox > .noti{color:#777; font-size:15px; margin-top:20px;}
.guide .txtBox > .noti::before{content:"※"; display: inline-block; margin-right:5px;}
.guide .txtBox > .noti > a{text-decoration: underline; font-weight: bold;}

.guide .imgBox > div{position:relative; width:52rem; height:56rem;}
.guide .imgBox > div > .b_circle{width:52rem; height:52rem; overflow: hidden; border-radius: 50%;  box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); position: absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.guide .imgBox > div > .s_circle{width:11.6rem; height:11.6rem; background:#273242; position: absolute; top:0; right:0; overflow: hidden; border-radius: 50%;}
.guide .imgBox > div > .m_circle{width:16rem; height:16rem; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); position: absolute; bottom:0; left:0; border-radius: 50%;}


.guide .imgBox > div > .txt{font-size:8rem; color:rgba(0,0,0,0.1); font-weight: bold; position:absolute; bottom:0; right: -22rem;}

.guide .imgBox > div.step01 > .b_circle{background: url(../images/guideImg01.png) no-repeat center / cover;}
.guide .imgBox > div.step01 > .m_circle{background: url(../images/guideIcon01.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step02 > .b_circle{background: url(../images/guideImg02.png) no-repeat center / cover;}
.guide .imgBox > div.step02 > .m_circle{background: url(../images/guideIcon02.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step03 > .b_circle{background: url(../images/guideImg03.png) no-repeat center / cover;}
.guide .imgBox > div.step03 > .m_circle{background: url(../images/guideIcon03.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step04 > .b_circle{background: url(../images/guideImg04.png) no-repeat center / cover;}
.guide .imgBox > div.step04 > .m_circle{background: url(../images/guideIcon04.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step05 > .b_circle{background: url(../images/guideImg05.png) no-repeat center / cover;}
.guide .imgBox > div.step05 > .m_circle{background: url(../images/guideIcon05.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step01en > .b_circle{background: url(../images/guideImg01.png) no-repeat center / cover;}
.guide .imgBox > div.step01en > .m_circle{background: url(../images/guideIcon01.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step02en > .b_circle{background: url(../images/guideImg02.png) no-repeat center / cover;}
.guide .imgBox > div.step02en > .m_circle{background: url(../images/guideIcon02.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step03en > .b_circle{background: url(../images/guideImg03.png) no-repeat center / cover;}
.guide .imgBox > div.step03en > .m_circle{background: url(../images/guideIcon03.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step04en > .b_circle{background: url(../images/guideImg04.png) no-repeat center / cover;}
.guide .imgBox > div.step04en > .m_circle{background: url(../images/guideIcon04.svg) no-repeat center / 65% rgba(255,255,255,0.7);}

.guide .imgBox > div.step05en > .b_circle{background: url(../images/guideImg05.png) no-repeat center / cover;}
.guide .imgBox > div.step05en > .m_circle{background: url(../images/guideIcon05.svg) no-repeat center / 65% rgba(255,255,255,0.7);}


/* partner */
.partner{text-align: center; background:#fff;}
.partner .conWrap{max-width: calc(1200px + 8rem); width:100%; padding:12.5rem 4rem; margin:0 auto; text-align: center;}
.partner .conWrap > .tit > span{font-size:1.8rem; font-weight: bold; color:var(--mainColor); display: block; margin-bottom:8px;}
.partner .conWrap > .tit{font-size:5rem; font-weight: bold; margin-bottom:5rem;}

.partner .con > .t{font-size:20px; font-weight:bold; margin-bottom:1.5rem;}

.partner .con > .imgWrap{width:100%;}
.partner .con > .imgWrap > img{max-width:100%; object-fit: cover;}
.partner .con > .imgWrap + .t{margin-top:5rem;}

/* 스크롤 스와이프 */
.scrollSwiper{width:100%; height:100%;}
.scrollSwiper > .swiper-wrapper > .swiper-slide{height:auto !important;}


/* inquiry */
.inquiry{background:#273242; color:#fff;}

.inquiry .innerWrap{align-items: start; justify-content:space-between; max-height:100%;  padding:12.5rem 4rem;}
.inquiry .txtBox{width:295px; margin-right:40px;}
.inquiry .txtBox > .t > span{font-size:1.8rem; font-weight: bold; color:var(--mainColor); display: block; margin-bottom:8px;}
.inquiry .txtBox > .t{font-size:5rem; font-weight: bold; margin-bottom:9rem;}

.inquiry .txtBox > .c > li + li{margin-top:40px;}
.inquiry .txtBox > .c > li > span{font-size:16px; color:#ddd; display: block; margin-bottom:10px; font-weight: normal;}
.inquiry .txtBox > .c > li{font-size:20px; font-weight: bold;}

.inquiry form{width:100%; max-width:750px;}
.inquiry .inputWrap > .noti{color:#ddd; font-size:16px; margin-top:20px;}
.inquiry .inputWrap > .noti::before{content:"※"; margin-right:5px;}
.inquiry .inputWrap > button{margin: 40px auto 0; display: block;}

.inputArea + .inputArea{margin-top:20px;} 
.inputArea.flex{display:flex; justify-content: space-between;}
.inputArea.flex > .inputBox{width:calc(50% - 10px);}

.inputBox > label{font-size:14px; margin-bottom:10px; display:inline-block; cursor:pointer; color:#DDDDDD;}
.inputBox > label.required::after{content:'*'; color:#EB2B45; display:inline-block; margin-left:5px; font-size:17px;}


/* 서브페이지 */
.sub .subWrap .tit{text-align:center;}
.sub .subWrap .tit > span{font-size:1.8rem; font-weight: bold; color:var(--mainColor); display: block; margin-bottom:8px;}
.sub .subWrap .tit{font-size:5rem; font-weight: bold; margin-bottom:5rem;}
.sub .subWrap .btnArea{padding-top:40px; display:flex; justify-content:center; align-items:center; gap:5px;}

.sub .subWrap .conTopArea{display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.sub .subWrap .conTopArea > .leftArea{display:flex; align-items:center; gap:20px;}
.sub .subWrap .conTopArea > .leftArea > .topPaging{display:flex; align-items:center;}
.sub .subWrap .conTopArea > .leftArea > .topPaging > li{font-size:14px; color:#777;}
.sub .subWrap .conTopArea > .leftArea > .topPaging > li + li{position:relative; padding-left:21px;}
.sub .subWrap .conTopArea > .leftArea > .topPaging > li + li:before{content:''; width:1px; height:15px; background:#777; display:inline-block; position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.sub .subWrap .conTopArea > .leftArea > .topPaging > li > span{font-weight:600;}

/* fieldTable */
.fieldTable{border-top:2px solid var(--blackColor); width:100%; max-width:750px; margin:0 auto;}
.fieldTable tr{border-bottom:1px solid #ddd;}
/*
.fieldTable tr:first-of-type th,
.fieldTable tr:first-of-type td{padding-top:10px;}
.fieldTable tr:last-of-type th,
.fieldTable tr:last-of-type td{padding-bottom:10px;}
*/

.fieldTable th{text-align:left; padding:5px 0 5px 20px;}
.fieldTable th::before{content: "\e929"; display:inline-block; font-family:xeicon; margin-right:10px; color:#bbb;}
.fieldTable th.requerd::before{color:#EB2B45;}
.fieldTable td{padding:5px 20px; min-height:52.8px;}
.fieldTable td .renewalInput{border:1px solid #bbb; overflow:hidden;}
.fieldTable td .flex{display:flex; gap:10px;}
.fieldTable td .flex > .name{width:65%;}
.fieldTable td .flex > .position{width:35%;}
.fieldTable .radioWrap{display:flex; align-items:center;}
.fieldTable .radioWrap > .radio{display:flex; align-items:center;}

.resetPwBtn.on{background:var(--blackColor); color:#fff;}
.resetPw.on{display:block;}
.resetPw{display:none;}

.memPickBtn.on{background:var(--blackColor); color:#fff;}
.memPickBtn + .memPickText{display:none;}
.memPickBtn + .memPickText.view{display:inline-block; margin-left:10px;}


.listTable .checkbox{z-index:1; position:relative;}
.listTable .checkbox > label > .styledBox{background:#fff;}
.listTable{border-top:2px solid var(--blackColor); width:100%;}
.listTable th{background:#efefef; padding: 10px 0;}
.listTable td{padding: 10px 0; text-align:center;}
.listTable tr{border-bottom:1px solid #ddd; position:relative;}
.listTable tr:hover > td{background:#efefef;}
.listTable td > .tableLink{position:absolute; left:0; right:0; top:0; bottom:0;}

.listTable .checkArea{line-height:0px;}
.moTxt{display:none;}


/* 회원선택팝업 */
.modalWrap.memPickPop > .modalArea .con{padding:0px;}