/*
    *************************** 공통 ****************************
*/
.pageOutWrap {width: 100%; max-width: 1920px; margin: 0 auto; overflow-x: hidden}
.contentWrap {width: 100%; max-width: 1350px; margin: 0 auto;}

.cl_notoB{font-family: "NotoSansB";}
/* s: 241210 pub 수정 */
.cl_infoContentsTit .secChkPnt {font-family: "NotoSansB"; font-size: 25px; color: #696969; line-height: 1; text-align: center; margin-bottom: 60px;}
.cl_infoContentsTit .secChkPnt .chkPntNum {font-size: 50px;}
.cl_infoContentsTit .secTit {font-family: "NotoSansR"; font-size: 50px; color: #696969; line-height: 1.5; text-align: center; margin-bottom: 75px;}
.cl_secDesc {font-family: "NotoSansR"; font-size: 25px; color: #696969; line-height: 1.5; text-align: center;}
/* e: 241210 pub 수정 */

.cl_search {position: relative; display: flex; justify-content: center;}
.cl_search .select {
    font-family: "PretendardM";
    font-size: 18px;
    color: #202020;
    cursor: pointer;
    width: 120px;
    height: 55px;
    border: 1px solid #e0e0e0;
    border-right: 0;
    box-sizing: border-box;
    padding: 0 15px;
    appearance: none;
    background: url(../images/selectArrow.png) no-repeat 85% 50%;
    box-sizing: border-box;
    vertical-align: middle;
}
.cl_search .input {font-family: "PretendardM"; font-size: 18px; width: 300px; height: 55px; padding: 0 15px; border: 1px solid #e0e0e0; box-sizing: border-box;}
.cl_search .searchBtn {width:55px; height: 55px; background: url("../images/searchBtn.png") no-repeat; cursor: pointer;}

.cl_subPgTit {font-family: "NotoSerifM";font-size: 50px; text-align: center; margin-bottom: 75px;}

.pcOnly { display: block;}
.moOnly { display: none;}


/*
    *************************** header ****************************
*/

header {height: 80px; background: #fff; border-bottom: 1px solid #e0e0e0;}
.pageOutWrap.header { overflow:visible;}
.headerWrap {display: flex; justify-content: space-between; max-width: 1580px; width: 100%; height: 100%; margin: 0 auto;}
.header .logo {display: flex; align-items: center;}
.header .headerMenu {display: flex; justify-content: space-around; background: #fff;}
.header .headerMenu a {display: flex; align-items: center; justify-content: center; font-family: "PretendardM"; font-size: 18px; color: #202020; padding: 0 35px;}
.header .plusMenu {display: flex; align-items: center; justify-content: center;}
.header .plusMenu a {line-height: 1;}
.header .plusMenu a img {height:27px; margin-left:10px;}
.header .plusMenu .xi-plus {display: none;}

/*langSwitcher PC*/
.langSwitcher {position:relative; margin-left:20px;}
.langTrigger {display:flex; align-items:center; gap:6px; background:none; border:1px solid #d1d5db; border-radius:6px; padding:6px 10px; font-size:13px; color:#333; cursor:pointer; transition:border-color 0.2s, background-color 0.2s; white-space:nowrap;}
.langTrigger:hover {border-color:#0e3055; background-color:#f8f9fa;}
.langSwitcher.is-open .langTrigger {border-color:#0e3055;}
.langIcon {flex:none; width:16px; height:16px; opacity:0.6;}
.langArrow {display:block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #999; transition:transform 0.25s;}
.langSwitcher.is-open .langArrow {transform:rotate(180deg);}
.langList {display:none; position:absolute; top:100%; right:0; min-width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; box-shadow:0 4px 16px rgba(0,0,0,0.12); padding:4px 0; margin:0; list-style:none; z-index:100;}
.langSwitcher.is-open .langList {display:block !important;}
.langList .langItem {display:block; width:100%; padding:9px 16px; font-size:13px; color:#555; cursor:pointer; transition:background-color 0.15s, color 0.15s; text-align:left; border:none; background:none; white-space:nowrap;}
.langList .langItem:hover {background-color:#f3f4f6; color:#23262a;}
.langList .langItem.is-active {color:#0e3055; font-weight:600;}
.langList .langItem a {display:block; color:inherit; text-decoration:none;}
.langSwitcher_m {display:none;}


/*
    *************************** footer ****************************
*/
.footer {display: flex; align-items: center; padding:50px 0; background: #111;}
.footer .contentWrap {display: flex; align-items: center; flex-direction: row; justify-content:space-between;}
.footer .contentWrap .companyInfo {font-size:14px; color:#999; line-height:1.5;}
.footer .contentWrap .companyInfo span.title {display:inline-block; margin-bottom:5px; color:#fff; font-size:16px;}
.footer .contentWrap .companyInfo span.itemName {color:#fff;}
.footer .contentWrap .contactUs {font-size:14px; color:#999; line-height:1.5;}
.footer .contentWrap .contactUs span.title {display:inline-block; margin-bottom:5px; color:#fff; font-size:16px;}
.footer .contentWrap .contactUs span.itemName {color:#fff;}
.footer .blankSpace {display:inline-block; width:35px; height:1px;}



/*
    *************************** 메인페이지 ****************************
*/

/*
    cl_mainVisual 메인, info 공통
*/
.cl_mainVisual {position: relative;}
.cl_mainVisual .mainVisualSwiper {width: 100%; height: 100%;}
.cl_mainVisual .mainVisualSwiper .swiper-slide {height: 100%;}
.cl_mainVisual .mainVisualSwiper .swiper-slide a {width: 100%; height: 100%; display: block;}
.cl_mainVisual .mainVisualSwiper .swiper-slide .mainVisualImg {width: 100%; height: 100%;}
.cl_mainVisual .mainVisualSwiper .swiper-slide .mainVisualImg img{width: 100%; height: 100%; object-fit: cover;}
.cl_mainVisual .mainVisualText {position: absolute; left: 360px; top: 50%; transform: translateY(-50%); z-index: 99;}
.cl_mainVisual .mainVisualText .mainVisualTopText{font-family: "NotoSerifM"; font-size: 26px; color: #696969; margin-bottom: 20px;}
.cl_mainVisual .mainVisualText .mainVisualBotText{position: relative; font-family: "NotoSerifM"; font-size: 54px; color: #696969; margin-bottom: 125px;}
.cl_mainVisual .mainVisualText .mainVisualBotText::after{content: ''; position: absolute; left: 12px; bottom: -105px; width: 3px; height: 100px; background: #696969;}
.cl_mainVisual .mainVisualText .mainVisualLogo{margin-left: 12px;}

/*
    이 아래는 20260526 메인 작업 후 삭제할 css
*/
.main .cl_mainVisual {width: 100%; height: 50.94vw; max-height: 978px;}
.main .cl_mainVisual .mainVisualSwiper {width: 100%; height: 100%;}
.main .cl_mainVisual .mainVisualSwiper .swiper-slide {height: 100%;}
.main .cl_mainVisual .mainVisualSwiper .swiper-slide a {width: 100%; height: 100%; display: block;}
.main .cl_mainVisual .mainVisualSwiper .swiper-slide .mainVisualImg {width: 100%; height: 100%;}
.main .cl_mainVisual .mainVisualSwiper .swiper-slide .mainVisualImg img{width: 100%; height: 100%; object-fit: cover;}

/*
    메인페이지 (20260526 개편)
*/

.main { color: #202020; font-family: "AlibabaSansJPR", "NotoSerifM" }
.main .pcOnly { display: block !important;}
.main .moOnly { display: none !important;}
.main b {font-weight: bold !important;}
.main .nanum {font-family: "NanumMyeongjo"}
.main .nanumB {font-family: "NanumMyeongjoBold"; font-weight: bold;}
.main .contentWrap { max-width: 1536px; }
.main .cl_pageTitle {font-size: 50px; line-height: 1.3;}
.main .cl_pageSubTitle {font-size: 50px; line-height: 1.6;}
.main .c-b { color: #71471e; }
.main .c-g { color: #c7af89; }
.main .cl_txt {font-size: 22px; line-height: 1.6;letter-spacing: -0.02em;}
.main .txt {letter-spacing: -0.02em;}

.main .cl_mainVisual {position: relative; min-height: 1107px; padding-top: 200px;}
.main .cl_mainVisual .cl_pageTitle { margin-bottom: 90px;}
.main .cl_mainVisual .title { font-size: 90px; font-weight: bold; margin-bottom: 50px; line-height: 1.1;}
.main .cl_mainVisual .divider {display: block; height: 94px; margin: 0 0 30px 20px; border-left: 1px solid #202020;}
.main .cl_mainVisual .toc { font-size: 24px; margin-bottom: 40px; }
.main .cl_mainVisual .itemObj {position: absolute; top: 0;left: 44%;}

.main .sec02 { color: #fff; padding-top: 205px; margin-bottom: 187px; background-image: url("../images/main02_bg.png"); background-position: bottom; background-repeat: no-repeat}
.main .sec02 .cl_pageTitle { margin-bottom: 80px;}
.main .sec02 .contents{ display: flex; justify-content: space-between;gap: 129px;}
.main .sec02 .divider { display: block; width: 534px; margin-bottom: 70px;border-top: 1px solid #fff;}
.main .sec02 .rightBox .imgBox { display: flex; background-color: #202020; text-align: center;}
.main .sec02 .rightBox .imgBox img { width: 100%;}
.main .sec02 .item .cl_txt {padding: 16px 0;line-height: 1;}

.main .sec03 {height: 1177px; background-image: url("../images/main03.png") ;background-repeat: no-repeat;background-position: center}
.main .sec03 .contentWrap {display: grid; justify-self: right; padding-top: 368px;}
.main .sec03 .cl_pageSubTitle {margin-bottom: 80px;font-size:48px;letter-spacing: -0.1em;}
.main .sec03 .textBox {justify-self: right; width: 900px; }
.main .sec03 .divider {position: relative; display: block; width: 100%; margin-bottom: 78px; border-top: 1px solid #202020;}
.main .sec03 .divider::after {content:"";position: absolute;top: -1px;left: 100%;width: 192px;height: 1px;background-color: #202020;}
.main .sec03 .cl_txt {margin-bottom: 26px;}
.main .sec03 .cl_txt span { font-weight: 600;}

.main .sec04 {padding: 177px 0 65px; text-align: center;}
.main .sec04 .cl_pageTitle { font-weight: bold; margin-bottom: 38px;}
.main .sec04 .cl_pageTitle + .cl_txt {margin-bottom: 40px;}
.main .sec04 .itemObj { position: relative; left: 58%; transform: translateX(-58%);}
.main .sec04 .infoBox {display: flex; justify-content: center; gap: 40px; margin-bottom: 70px;}
.main .sec04 .infoBox .item {display: flex; align-items: center; gap: 7px;}
.main .sec04 .infoBox .item .divider {height: 20px; border-left: 3px solid #202020;}
.main .sec04 .textBox {display: flex; justify-content: space-around;}
.main .sec04 .textBox + div {width: max-content;}
.main .sec04 .textBox .txtTitle { font-size: 50px; font-weight: bold; margin-bottom: 30px; text-align: left;}
.main .sec04 .textBox .txtTitle span {display: block; font-size: 35px;font-weight: bold; line-height: 1.8;}
.main .sec04 .textBox .divider { display: block; height: auto; border-left: 1px solid #202020;}

.main .sec05 { color: #fff;margin-bottom: -1px; padding: 160px 0 190px; background-color: #202020;}
.main .sec05 .contentWrap { display: flex; justify-content: space-between; align-items: end;}
.main .sec05 .cl_pageTitle { font-size: 70px; margin-bottom: 70px;}
.main .sec05 .textBox {max-width: 555px;}
.main .sec05 .textBox .item {padding-bottom: 40px;}
.main .sec05 .textBox .divider {position: relative; display: block; width:534px; margin-bottom: 38px; border-top: 3px solid #000;}
.main .sec05 .textBox .num {font-size: 28px; font-weight: bold; margin-bottom: 10px;}
.main .sec05 .textBox .txtSubTitle {font-size: 23px; line-height: 1.7;}
.main .sec05 .textBox .txtTitle {font-size: 35px; font-weight: 300; line-height: 1.14;margin-bottom: 15px;}
.main .sec05 .textBox .txt { font-size: 20px; line-height: 1.4;}
.main .sec05 .imgBox {display: flex; padding-bottom: 40px;}
.main .sec05 .imgBox img { max-width: 430px; height: auto;}

.main .sec06 {position: relative; height: 2091px; background: url("../images/main06_bg.png") no-repeat center, linear-gradient(to bottom, #202020 90%, #fff 100%);}
.main .sec06 .contentWrap { padding-top: 360px; text-align: center;}
.main .sec06 .cl_pageTitle {font-size: 72px;}
.main .sec06 .subTitle {font-size: 40px; padding-bottom: 50px; line-height: 1.5;}
.main .sec06 .divider { display: block; position: relative; left: 50%; transform: translateX(-50%); width: 1px; height: 200px; border-left: 1px solid #202020;}
.main .sec06 .imgBox {position: absolute; left:50%; bottom: 268px;transform: translateX(-50%); width: 1229px;height: 368px; background-image: url("../images/main06_circle.png"); background-repeat: no-repeat;}
.main .sec06 .imgBox .textBox {display: flex;justify-content: center;align-items: center; gap: 65px;width: 100%; height: 100%;}
.main .sec06 .imgBox .textBox .txt{width: 366px;align-self: center; font-size: 20px; color: #fff;line-height: 1.5;}
.main .sec06 .imgBox .textBox .txt span{font-size: 24px;font-weight: bold;}
.main .sec06 .imgBox .textBox .txt:nth-child(2) span{color: #71471e;}
.main .sec06 .imgBox .textBox .txt:nth-child(2) {color: #202020;}

.main .sec07 {height: 1104px; background-image: url("../images/main07_bg.png");background-repeat: no-repeat;background-position: center;}
.main .sec07 .contentWrap {padding-top: 190px;}
.main .sec07 .cl_pageTitle {font-size:60px;font-weight: bold; margin-bottom: 120px; text-align: center;}
.main .sec07 .cl_txt {font-size:30px;color:#202020;line-height:1.17;}
.main .sec07 .itemObj {width: 245px; height: fit-content;}
.main .sec07 .content {display: flex; justify-content: center;}
.main .sec07 .content > div {display: flex; justify-content: center;}
.main .sec07 .dotBox {display: grid; justify-items: center;padding-top: 20px;margin:0 100px 0 240px; }
.main .sec07 .dotBox .listDot{display: block; width: 22px;height: 22px;border-radius: 50%; background-color:#71471e;}
.main .sec07 .dotBox .listLine {display: block; width: 1px;height: 234px;margin: -30px 0;background-color: #71471e;}
.main .sec07 .listBox {display: flex;flex-direction: column;gap:165px; }
.main .sec07 .listBox .listItem {display: flex; justify-content: left;align-items: center;gap: 65px;}


/*
    *** secFaq
*/
.main .notoSerif {font-family: 'NotoSerifM', serif;}
.main .pretendard {font-family: "Pretendard", sans-serif;}
.main .secFaq {padding:145px 0 125px;}
.main .secFaq .faqSectionTitle {font-size:60px; font-weight:600;}
.main .secFaq .faqTitle {font-size:70px;font-weight: bold; text-align:center; margin-bottom:80px;}
.main .secFaq .faqItem {display:flex; align-items:flex-start; padding:45px 0; border-bottom:1px solid #bfc0c1;}
.main .secFaq .faqItem:last-child {border-bottom:none;}
.main .secFaq .faqNum {flex:none; font-size:32px; font-weight:600; color:#71471e;padding-right:10px;}
.main .secFaq .faqContent {flex:1;}
.main .secFaq .faqQ {position: relative; font-size:32px; font-weight:600; color:#71471e; margin-bottom:20px;padding-left:43px;}
.main .secFaq .faqQ::before {content:"Q."; position:absolute; left:0; top:43%; transform:translateY(-50%); height:100%;}
.main .secFaq .faqA {position: relative; font-size:26px; color:#0c1220; line-height:1.6;padding-left:65px;}
.main .secFaq .faqA::before {content:"A."; position:absolute; left:38px; top:50%; transform:translateY(-50%); height:100%;}
/*
    *** secContact
*/
.main .secContact {padding:110px 0 100px; background-color:#000;}
.main .secContact .contactInner {display:flex; align-items:center; gap:40px;}
.main .secContact .contactLeft {flex:1;padding-bottom:80px;padding-left:120px;}
.main .secContact .contactTitle {font-size:60px; font-weight:700; color:#fff; margin-bottom:40px;}
.main .secContact .contactLeft .cl_txt {font-size:24px; color:#fff; line-height:1.6;}
.main .secContact .contactForm {flex:1; max-width:672px; min-width:0;}
.main .secContact .formGrid {display:flex; gap:20px;}
.main .secContact .formGrid > .formGroup {flex:1; margin-bottom:0;}
.main .secContact .formGroup {margin-bottom:35px;}
.main .secContact .formGroup label {display:block; font-size:24px; color:#fff; margin-bottom:13px;}
.main .secContact .formGroup input[type="text"],
.main .secContact .formGroup input[type="email"],
.main .secContact .formGroup input[type="tel"] {display:block; width:100%; height:60px; padding:0 15px; background-color:#141414; border:1px solid #333333; color:#fff; font-size:24px; font-family:inherit; box-sizing:border-box;}
.main .secContact .formGroup input::placeholder {font-size:24px; color:#666666;}
.main .secContact .phoneWrap {display:flex;}
.main .secContact .customSelect {position:relative; flex:none; width:90px;}
.main .secContact .customSelectTrigger {display:flex; justify-content:space-between; align-items:center; width:100%; height:60px; padding:0 12px; background-color:#141414; border:1px solid #333333; color:#fff; font-size:24px; font-family:inherit; cursor:pointer;}
.main .secContact .customSelectArrow {flex:none; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; transition:transform 0.2s;}
.main .secContact .customSelect.is-open .customSelectArrow {transform:rotate(180deg);}
.main .secContact .customSelectList {display:none; position:absolute; top:100%; left:0; width:100%; background-color:#222222; border:1px solid #333333; border-top:none; z-index:100; list-style:none; padding:0; margin:0;}
.main .secContact .customSelect.is-open .customSelectList {display:block;}
.main .secContact .customSelectItem {padding:10px 12px; font-size:14px; color:#fff; cursor:pointer;}
.main .secContact .customSelectItem:hover {background-color:#333333;}
.main .secContact .customSelectItem.is-selected {color:#888888;}
.main .secContact .formGroup textarea {display:block; width:100%; height:130px; padding:14px 16px; background-color:#141414; border:1px solid #333333; color:#fff; font-size:24px; font-family:inherit; resize:none; box-sizing:border-box;}
.main .secContact .formGroup textarea::placeholder {color:#666666;}
.main .secContact .formAgree {margin-bottom:24px;}
.main .secContact .formAgree .agreeTitle {font-size:24px; color:#fff; margin-bottom:13px;}
.main .secContact .formAgree .agreeRadioGroup {display:flex; align-items:center; gap:20px;}
.main .secContact .formAgree input[type="radio"] {flex:none; width:24px; height:24px; -webkit-appearance:none; appearance:none; border:2px solid #ffffff; border-radius:3px; background-color:transparent; cursor:pointer; margin:0 8px 0 0; vertical-align:middle;}
.main .secContact .formAgree input[type="radio"]:checked {box-shadow:inset 0 0 0 4px #000; background-color:#ffffff;}
.main .secContact .formAgree label {display:flex; align-items:center; font-size:24px; color:#fff; cursor:pointer;}
.main .secContact .btnSubmit {display:block; width:100%; height:60px; background-color:#000; color:#fff; font-size:24px; font-weight:600; font-family:inherit; border:2px solid #fff; cursor:pointer;}

    /* s: 241210 pub 수정 */
/*
    **************************** info ****************************
*/
.info .sec {letter-spacing: -2px; padding: 195px 0 0;}
.info .sec .cl_infoContentsTit {margin-bottom: 70px;}
.info .sec .secImg img {width: 100%;}

.info .sec1 .cl_infoContentsTit {margin-bottom: 240px;}
.info .sec1 .secGrayBox {padding: 0 0 45px; margin-bottom: 80px;}
.info .sec1 .secGrayBox .secGrayBoxWrap {position: relative; display: flex; gap: 30px; justify-content: center; align-items: flex-end;}
.info .sec1 .secGrayBox .cl_secDesc {text-align: left; }
.info .sec1 .secGrayBox .sec1Img {margin-top: -150px;}
.info .sec1 .secGrayBox .sec1Img img {width: 100%;}
.info .sec2 .secGrayBox {padding: 80px 0;}

.info .secGrayBox {background: #d9d9d9;}

.info .secBot .secCircle {display: flex; align-items: center; justify-content: center; gap: 35px; margin-bottom: 70px;}
.info .secBot .secCircle li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "NotoSansR";
    color: #696969;
    font-size: 15px;
    width: 220px;
    height: 220px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #9a9a9a;
    box-sizing: border-box;
}
.info .secBot .secCircle li::after {content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); background: #9a9a9a; width: 37px; height: 2px; }
.info .secBot .secCircle li:last-child::after {display: none; }
.info .secBot .secCircle li .cl_notoB{font-size: 20px;}
.info .secBot .secDescWrap:first-child{position: relative; margin-bottom: 145px; }
.info .secBot .secDescWrap:first-child::after {content: ''; position: absolute; left: 50%; top: 102%; transform: translateX(-50%); background: #9a9a9a; width: 2px; height: 135px; }
/* e: 241210 pub 수정 */

/* 260310 수정 */
.newInfo .sec {letter-spacing: -2px; padding: 145px 0 0;}
.newInfo .cl_infoContentsTit .secChkPnt { margin-bottom: 100px; }

.newInfo .sec1 .cl_infoContentsTit { margin-bottom: 340px }
.newInfo .cl_infoContentsTit .secChkPnt { font-size: 39px; }
.newInfo .cl_infoContentsTit .secChkPnt .chkPntNum { font-size: 78px; }
.newInfo .cl_infoContentsTit .secTit { font-size: 78px; margin-bottom: 120px; }
.newInfo .cl_secDesc { font-size: 39px; }
.newInfo .sec1 .secGrayBox { max-width: 1350px; margin: 0 auto 95px auto; padding: 0 0 30px 0; }
.newInfo .sec1 .secGrayBox .secGrayBoxWrap { gap: 40px; }
.newInfo .sec1 .secGrayBox .sec1Img { margin-top: -250px; }

.newInfo .secBot .secCircle li .cl_notoB { font-size: 31px; }
.newInfo .secBot .secCircle li { width: 345px; height: 345px; border: 3px solid #9a9a9a; }
.newInfo .secBot .secCircle li { font-size: 23px; }
.newInfo .secBot .secCircle { gap: 58px; margin-bottom: 115px; }
.newInfo .secBot .secCircle li::after { width: 61px; height: 3px; }

.newInfo .secBot .secDescWrap:first-child::after { height: 215px; width: 3px; }
.newInfo .secBot .secDescWrap:first-child { margin-bottom: 270px; }

.newInfo .sec2 { margin-top: 175px; }
.newInfo .sec2 .cl_infoContentsTit { margin-bottom: 100px; }
.newInfo .sec2 .secGrayBox { max-width: 1350px; margin: 0 auto; padding: 110px 0; }

.newInfo .sec3 { padding: 200px 0 100px 0; }
.newInfo .sec3 .cl_infoContentsTit { margin-bottom: 150px; }

.newInfo .sec .secImg { margin: 0 auto; max-width: 1350px; }


/*
    *************************** location ****************************
*/
.pageOutWrap.location {letter-spacing: -.5px; padding: 200px 0;}
.location .cl_subPgTit {display: flex;justify-content: center;gap: 30px;text-align: center;}
.location .locationMap{ height:500px; margin-bottom: 50px;}
.location .locationMap img{width: 100%;}
.location .cl_search {margin-bottom: 30px;}
.location .address {font-family: "PretendardM"; font-size: 18px; width: 100%; text-align: center; border-top: 2px solid #202020;}
.location .address thead {height: 65px; background:#f8f8f8; color: #202020; border-bottom: 1px solid #e0e0e0;}
.location .address tr td {height: 70px; color: #696969; border-bottom: 1px solid #e0e0e0;}
.location .address tr td a {color: #696969;}
.location .kakaoMapMarker {width:150px; font-size:14px; text-align:center; padding:3px 3px;}


/*
    *************************** bna ****************************
*/
.pageOutWrap.bna {text-align: center; padding: 200px 0;}
.bna .bnaTap {display: flex; border: 1px solid #e0e0e0; margin-bottom: 50px;}
.bna .bnaTap .tabList {display: flex; align-items: center; justify-content: center; font-family: "PretendardB"; font-size: 18px; cursor: pointer; width: calc(100% / 4); height: 55px; border-right: 1px solid #e0e0e0; }
.bna .bnaTap .tabList.on {background: #000000; color: #fff; }
.bna .bnaTap .tabList:last-child {border-right: 0;}
.bna .bnaSec {margin-bottom: 40px;}
.bna .bnaSec:last-child {margin-bottom: 0px;}
.bna .bnaSecTit {font-family: "PretendardM"; font-size: 18px; color: #696969; padding: 17px 0; background: #f5f5f5; margin-bottom: 20px;}
.bna .bnaSecImg {display: flex; gap: 20px; margin-bottom: 20px;}
.bna .bnaSecImg div {width:100%; max-width:665px;}
.bna .bnaSecImg img {width: 100%; max-width: 665px; height:auto;}
.bna .bnaMessage {font-family: "PretendardM"; font-size: 18px; color: #696969;}




/*
    *************************** news ****************************
*/
.pageOutWrap.news {padding: 200px 0;}
.news .newsList {display: flex; gap: 30px; padding: 30px 0; border-bottom: 1px solid #e0e0e0;}
.news .newsList .newsThumbnail {border-radius: 10px; overflow: hidden; width: 100%; max-width: 260px; height: 180px;}
.news .newsList .newsThumbnail img {width: 100%; height: 100%; object-fit: contain;}
.news .newsList .newsContents {font-family: "PretendardM"; font-size: 22px; flex: 1; color: #202020; padding-top: 30px;}
.news .pagination {margin-top:30px;}



/*
    *************************** faq ****************************
*/
/* .pageOutWrap.faq {padding: 200px 0;}
.faq .faqListBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "PretendardM";
    font-size: 18px;
    color: #696969;
    height: 70px;
    padding: 0 25px;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
}
.faq .faqSec {border-top: 2px solid #202020; margin-bottom: 30px;}
.faq .faqListBoxWrap {display: flex; gap: 20px;}
.faq .faqListBox i {font-size: 22px;}
.faq .faqList.on .quesArea {background: #515151; color: #fff;}
.faq .quesArea {cursor: pointer;}
.faq .ansArea {opacity: 0; height: 0; background: #f8f8f8; transition: 0.5s;}
.faq .faqList.on .ansArea {opacity: 1; height: 70px;} */

/*
    *************************** board common ****************************
*/
.boardContent {width:100%; max-width:1000px; margin:0 auto;}
.boardContent .title {font-size:20px; color:#000;}
.boardContent .contentText {margin-top:30px;}
.boardContent .buttons {margin-top:50px; text-align:center;}
.boardContent .buttons a {background-color:#f1f1f1; font-size:18px; padding:15px 30px; border-radius:10px;}

@media(max-width:1536px){
    .main .cl_mainVisual .contentWrap, .main .sec02 .contentWrap {padding-left:30px;}
    .main .sec02 .contents { padding-right: 65px;}
    .main .sec03 .textBox {width: 800px;}
    .main .sec03 .divider::after {background-color: #b9b9b9;}
    .main .sec05 .contentWrap { justify-content: space-around;}
    .main .sec05 .imgBox {flex-direction: column;}
    .main .secFaq .faqList {padding-left:20px;}
    .main .secContact .contactInner {padding:0 10px;}
    .main .secContact .contactLeft {padding-left:0;}
}


@media(max-width:1400px){

    /*
       ************************ 공통 *************************
    */

    /* s: 241210 pub 수정 */
    .cl_infoContentsTit .secTit {font-size: 45px;}
    .cl_infoContentsTit .secChkPnt {font-size: 23px;}
    .cl_infoContentsTit .secChkPnt .chkPntNum {font-size: 48px;}
    /* e: 241210 pub 수정 */
    .cl_secDesc {font-size: 23px;}
    .cl_subPgTit {font-size: 45px;}
    .cl_search .select {font-size: 16px;}
    .cl_search .input {font-size: 16px;}

    .pageOutWrap.sub {padding: 200px 20px; box-sizing: border-box;}


    /*
       ************************ header *************************
    */
    .header {justify-content: space-between; padding: 0 20px; box-sizing: border-box;}


    /*
        ************************ 메인, info 공통 *************************
    */
    .cl_mainVisual .mainVisualText {left: 40px;}
    .cl_mainVisual .mainVisualText .mainVisualTopText {font-size: 23px;}
    .cl_mainVisual .mainVisualText .mainVisualBotText {font-size: 45px;}

    /*
        *************************** 메인 ******************************
    */
    .main .sec02 { height: 633px;padding-top: 115px;}
    .main .sec03 {height: 888px; background-size: cover;}
    .main .sec03 .contentWrap {padding-top: 235px;}
    .main .sec04 .textBox .txtTitle {font-size: 45px; padding:0 10px;}
    .main .sec06 .imgBox { width: 1040px;height: 312px; background-size: contain;}

    /* 260310 리뉴얼 */
    .newInfo .cl_infoContentsTit .secChkPnt { font-size: 30px; }
    .newInfo .cl_infoContentsTit .secChkPnt .chkPntNum { font-size: 69px; }
    .newInfo .cl_infoContentsTit .secTit { font-size: 69px; }
    .newInfo .cl_secDesc { font-size: 30px; }
    .newInfo .sec1 .secGrayBox .secGrayBoxWrap { gap: 40px; }

    .newInfo .secBot .secCircle li .cl_notoB { font-size: 22px; }
    .newInfo .secBot .secCircle li { font-size: 18px; width: 320px; height: 320px; }
    .newInfo .secBot .secCircle { gap: 48px; margin-bottom: 115px; }
    .newInfo .secBot .secCircle li::after { width: 51px; height: 3px; }


    /*
           ************************ location *************************
    */
    .location .address {font-size: 16px;}
    .locationLogo img {zoom: 90%;}



    /*
          ************************ news *************************
    */
    .news .newsList .newsContents {font-size: 20px;}




    /*
        ************************ bna *************************
    */
    .bna .bnaTap .tabList {font-size: 17px;}
    .bna .bnaSecTit {font-size: 17px;}
    .bna .bnaMessage {font-size: 17px;}



    /*
           ************************ faq *************************
    */




    /*
      ************************ footer *************************
    */
    .footer {padding: 30px 15px; box-sizing: border-box;}
    .footer .contentWrap {flex-direction: column; justify-content: flex-start;}
    .footer .contentWrap .companyInfo {display:block; width:100%; box-sizing:border-box; text-align:left; font-size:11px; margin-top:15px; margin-bottom:15px;}
    .footer .contentWrap .companyInfo span.title {font-size:14px;}
    .footer .contentWrap .contactUs {display:block; width:100%; box-sizing:border-box; text-align:left; font-size:11px;}
    .footer .contentWrap .contactUs span.title {font-size:14px;}
}




@media(max-width:1100px){

    /*
        ************************ 공통 *************************
    */
    /* s: 241210 pub 수정 */
    .cl_infoContentsTit .secTit {font-size: 40px;}
    .cl_infoContentsTit .secChkPnt {font-size: 20px;}
    .cl_infoContentsTit .secChkPnt .chkPntNum {font-size: 45px;}
    /* e: 241210 pub 수정 */
    .cl_secDesc {font-size: 20px;}
    .cl_subPgTit {font-size: 40px;}
    .cl_search .select {font-size: 14px; height: 50px;}
    .cl_search .input {height: 50px;}
    .cl_search .searchBtn {width: 50px; height: 50px; background-size: contain;}
    .cl_search .input {font-size: 14px;}




    /*
        ************************ header *************************
    */
    .header .headerMenu a {font-size: 17px;padding: 0 24px;} /* 241210 pub 수정 */
    /*
        ************************ 메인, info 공통 *************************
    */
    .cl_mainVisual .mainVisualText .mainVisualTopText {font-size: 20px;}
    .cl_mainVisual .mainVisualText .mainVisualBotText {font-size: 40px; margin-bottom: 100px;}
    .cl_mainVisual .mainVisualText .mainVisualBotText::after {height: 80px; bottom: -85px;}


    /* s: 241210 pub 수정, 삭제 */
    /*
          ************************ info *************************
   */
   /* e: 241210 pub 수정, 삭제 */

   .info .secBot .secCircle li .cl_notoB {font-size: 18px;}
   .info .sec2 .secGrayBox {padding: 60px 0; }

    /* 260310 리뉴얼 */
    .newInfo .cl_infoContentsTit .secChkPnt { font-size: 25px; }
    .newInfo .cl_infoContentsTit .secChkPnt .chkPntNum { font-size: 64px; }
    .newInfo .cl_infoContentsTit .secTit { font-size: 64px; }
    .newInfo .cl_secDesc { font-size: 25px; }
    .newInfo .sec1 .secGrayBox .secGrayBoxWrap { gap: 35px; }

    .newInfo .secBot .secCircle li .cl_notoB { font-size: 17px; }
    .newInfo .secBot .secCircle li { font-size: 16px; width: 200px; height: 200px; }
    .newInfo .secBot .secCircle { gap: 30px; margin-bottom: 115px; }
    .newInfo .secBot .secCircle li::after { width: 33px; height: 3px; }


    /*
        ************************** 메인 *************************
    */
    .main .cl_mainVisual {min-height: 950px;}
    .main .cl_mainVisual .itemObj {left: 38%;width: 98vw;}
    .main .cl_pageTitle {font-size: 42px;}
    .main .cl_pageSubTitle { font-size: 34px;}
    .main .cl_txt { font-size: 18px;}
    .main .contentWrap {max-width:1100px;}

    .main .cl_mainVisual .cl_pageTitle {margin-bottom: 60px;}
    .main .cl_mainVisual .title {font-size: 68px;margin-bottom:24px; }
    .main .cl_mainVisual .toc { font-size: 20px;}
    .main .sec02 { height: 555px; padding-top: 80px;margin-bottom:0;}
    .main .sec02 .contentWrap {padding: 0 30px; box-sizing: border-box;}
    .main .sec02 .contents { padding-right:0; }
    .main .sec02 .cl_pageTitle {font-size: 34px; margin-bottom: 50px;}
    .main .sec02 .contents {gap:60px;}
    .main .sec02 .textBox {width: 100%; max-width: 600px;}
    .main .sec02 .cl_txt {font-size: 1.3vw;}
    .main .sec02 .divider { width: 300px; margin-bottom: 40px;}
    .main .sec03 { height: 626px;}
    .main .sec03 .contentWrap {padding-top: 134px;}
    .main .sec03 .cl_pageSubTitle {margin-bottom: 40px;}
    .main .sec03 .textBox {width: 545px;}
    .main .sec03 .divider { margin-bottom: 38px;}
    .main .sec04 { padding: 100px 0 65px;}
    .main .sec04 .cl_txt {font-size:15px;}
    .main .sec04 .itemObj {left:57%; transform:translateX(-54%);}
    .main .sec04 .infoBox {gap: 30px;}
    .main .sec04 .textBox {justify-content: space-around;}
    .main .sec04 .textBox .txtTitle { font-size: 30px;margin-bottom: 25px;}
    .main .sec04 .textBox .txtTitle span {font-size: 32px;}
    .main .sec04 .textBox .divider {height: 240px;}
    .main .sec05 {padding: 110px 0 130px;}
    .main .sec05 .cl_pageTitle {font-size: 50px; margin-bottom: 40px;}
    .main .sec05 .contentWrap {flex-direction: column;justify-content: center; align-items: center;text-align: center;}
    .main .sec05 .imgBox {justify-content: center; flex-direction: row;width: 100%; padding-top: 20px; padding-bottom: 0;}
    .main .sec05 .imgBox img { width: 50%;}
    .main .sec05 .textBox .divider {  width: 100%;}
    .main .sec06 {background-position: top;}
    .main .sec06 .cl_pageTitle { font-size: 50px;}
    .main .sec06 .subTitle {font-size: 30px;}
    .main .sec06 .divider { height:150px;}
    .main .sec06 .imgBox {bottom: 288px; width: 765px; height: 229px;}
    .main .sec06 .imgBox .textBox { gap: 40px;}
    .main .sec06 .imgBox .textBox .txt {font-size: 17px;}
    .main .sec06 .imgBox .textBox .txt span {font-size: 18px;}
    .main .sec07 .contentWrap {padding-top: 150px;}
    .main .sec07 .cl_pageTitle {font-size: 50px; margin-bottom: 100px;}
    .main .sec07 .listBox .listItem {gap: 50px;}
    .main .sec07 .cl_txt {font-size: 17px; line-height: 1.5;}
    .main .sec07 .itemObj {width: 225px;}
    .main .sec07 .dotBox {margin: 0 75px 0 60px;}
    .main .sec08 ul li { height: 115px;}

    /*secFaq, secContact*/
    .main .secFaq {padding: 100px 0 60px;}
    .main .secFaq .faqTitle {font-size: 40px; margin-bottom: 40px;}
    .main .secFaq .faqQ {font-size: 28px;}
    .main .secFaq .faqNum {font-size: 28px;}
    .main .secFaq .faqA {font-size: 18px;}
    .main .secFaq .faqItem {padding: 20px 0 25px;}
    .main .secContact {padding: 80px 0 60px;}
    .main .secContact .contactTitle {font-size: 40px; margin-bottom: 20px;}
    .main .secContact .contactLeft .cl_txt {font-size: 18px; line-height: 1.5;}
    .main .secContact .formGroup label {font-size: 18px; margin-bottom: 10px;}
    .main .secContact .formGroup input[type="text"],
    .main .secContact .formGroup input[type="email"],
    .main .secContact .formGroup input[type="tel"] {height: 50px; font-size: 18px;}
    .main .secContact .formGroup textarea {height: 100px; font-size: 18px;}
    .main .secContact .formAgree .agreeTitle {font-size: 18px; margin-bottom: 10px;}
    .main .secContact .formAgree label {font-size: 18px;}
    .main .secContact .btnSubmit {height: 50px; font-size: 18px;}
    .main .secContact .customSelectTrigger {height: 50px; font-size: 18px;}
    .main .secContact .customSelectList {top: 50px;}
    .main .secContact .customSelectItem {font-size: 18px; padding: 8px 10px;}
    .main .secContact .customSelect {width: 80px;}
    .main .secContact .phoneWrap {gap: 10px;}

    /*
          ************************ location *************************
   */
    .location .address {font-size: 14px;}
    .locationLogo img.showBlockPc {zoom: 80%;}



    /*
          ************************ news *************************
    */
    .news .newsList .newsContents {font-size: 18px;}




    /*
      ************************ bna *************************
    */
    .bna .bnaTap .tabList {font-size: 16px;}
    .bna .bnaSecTit {font-size: 16px;}
    .bna .bnaMessage {font-size: 16px;}
}


@media(max-width:768px){
    /*
       ************************ 공통 *************************
    */
    /* s: 241210 pub 수정 */
    .cl_infoContentsTit .secChkPnt {font-size: 13px; margin-bottom: 30px;}
    .cl_infoContentsTit .secChkPnt .chkPntNum {font-size: 25px;}
    .cl_infoContentsTit .secTit {font-size: 25px; margin-bottom: 30px;}
    /* e: 241210 pub 수정 */
    .cl_secDesc {font-size: 13px;}

    .cl_subPgTit {font-size: 25px; margin-bottom: 35px;}
    .cl_search .select {width: 50%; height: 30px; font-size: 15px; border-right: 1px solid #e0e0e0; border-bottom: 0; background: url(../images/selectArrow.png) no-repeat 93% 50%; padding: 0 7px;}
    .cl_search .select:first-child {border-right: 0;}
    .cl_search .input {width: 100%; height: 30px; font-size: 15px;}
    .cl_search .searchBtn {position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; background-size: contain;}
    .pageOutWrap.sub {padding: 100px 20px;}

    .pcOnly { display: none !important;}
    .moOnly { display: block !important;}

    /* 260310 수정 */





    /*
    ************************ header *************************
    */

    .header {height: 50px;}
    .headerWrap > .logo img {zoom: 60%;}
    .header .headerMenu {display: none;}
    .header .plusMenu {gap: 10px;}
    .header .plusMenu .xi-plus {display: block; font-size: 23px;}
    .header .plusMenu img {zoom: 80%;}
	.header .plusMenu a img {margin-left:5px;}

    /*
        ****** headerMenu
    */
    .header .headerMenu_m {display: none; position: fixed; right: 0; top: 0; width: 60%; height: 100%; background: #fff; z-index: 999; padding: 25px 17px; }
    .header .headerMenu_m .xi-close {position: absolute; right: 20px; top: 15px; font-size: 25px; }
    .header .headerMenu_m .menuList a {display: block;}
    .header .headerMenu_m .logo {margin-bottom: 20px;}
    .header .headerMenu_m .logo img {zoom: 80%;}
    .header .headerMenu_m .menuList a {font-family: "PretendardM";font-size: 18px;color: #202020; padding: 20px 0;}
    .headerMenuDimmer {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 998;}
    .header .langSwitcher:not(.langSwitcher_m) {display:none;}
    .langSwitcher_m {display:flex; justify-content:center; gap:6px; margin-top:30px;}
    .langSwitcher_m .langItem {padding:5px 12px; font-size:12px; color:rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.15); border-radius:4px; background:none; cursor:pointer; transition:all 0.2s; text-decoration:none;}
    .langSwitcher_m .langItem.is-active {color:#202020; border-color:rgba(0,0,0,0.6);}




    /*
        ************************ 메인, info 공통 *************************
    */
    .cl_mainVisual .mainVisualText {left: 20px; }
    .cl_mainVisual .mainVisualText .mainVisualBotText { font-size: 27px; margin-bottom: 65px;}
    .cl_mainVisual .mainVisualText .mainVisualBotText::after { width: 2px; height: 50px; left: 6px; bottom: -55px;}
    .cl_mainVisual .mainVisualText .mainVisualTopText {font-size: 15px; margin-bottom: 10px;}
    .cl_mainVisual .mainVisualText .mainVisualLogo {zoom: 50%; margin-left: 6px;}


    .main .cl_mainVisual {height: 100%; max-height: inherit;}
    .main .cl_mainVisual { padding-top: 100px; min-height: 457px;}
    .main .cl_pageTitle {font-size: 28px;}
    .main .cl_pageSubTitle {font-size: 28px;}
    .main .cl_txt {font-size: 10.5px;}

    .main .cl_mainVisual .cl_pageTitle {margin-bottom: 30px;}
    .main .cl_mainVisual .title {font-size: 45px;}
    .main .cl_mainVisual .toc {font-size: 13px; margin-bottom: 18px;}
    .main .cl_mainVisual .itemObj {top: 100px;left: auto;right: -270px; max-width: 700px;width: 480px;}
    .main .cl_mainVisual .contentWrap {position: relative;left: 55%;transform: translateX(-50%); padding-left: 0;}
    .main .sec02 {height: 588px; padding-top: 114px;padding-bottom: 50px; text-align: center;background-position-y:-375px;}
    .main .sec02 .contentWrap {padding: 0;}
    .main .sec02 .cl_pageSubTitle {font-weight: bold; letter-spacing: -0.04em;}
    .main .sec02 .cl_pageTitle {font-size: 20px;margin-bottom: 50px;}
    .main .sec02 .cl_txt {font-size: 11px; line-height: 1.5}
    .main .sec02 .contents {align-items: center; flex-direction: column;gap: 56px;padding: 0 5px;}
    .main .sec02 .divider {position: relative; left: 50%;transform: translateX(-50%); width: 20px;margin-bottom: 26px;}
    .main .sec02 .rightBox { max-width: 500px;}
    .main .sec02 .imgBox .cl_txt {font-size: 2vw;}
    .main .sec03 {position: relative;left: 50%;transform: translateX(-50%); width: 100%; height: 668px; background-image: url("../images/main03_bg_m.png"); background-position: top; text-align: center;}
    .main .sec03 .contentWrap {padding-top: 74px;}
    .main .sec03 .textBox {justify-self: auto;width: 100%;}
    .main .sec03 .divider {display: none;}
    .main .sec03 .cl_pageSubTitle {font-size: 20px;margin-bottom: 50px;}
    .main .sec03 .cl_txt { margin-bottom: 20px;}
    .main .sec04 .cl_pageTitle {margin-bottom: 17px;}
    .main .sec04 .cl_txt {font-size: 12px;}
    .main .sec04 .itemObj {left:50%;transform:translateX(-39%); width: 330px;margin-bottom: 35px;}
    .main .sec04 .infoBox {flex-direction: column;gap: 3px; position: relative;left: 50%;transform: translateX(-50%);width: max-content}
    .main .sec04 .infoBox .item .divider {height: 11px;}
    .main .sec04 .infoBox .cl_txt {fonnt-size:11px; font-weight:bold}
    .main .sec04 .infoBox .cl_txt .blank {display: inline-block; width: 13.5px;}
    .main .sec04 .textBox {flex-direction: column;justify-content: center;align-items: center;}
    .main .sec04 .textBox .txtTitle {font-size: 23px;margin-bottom: 18px; text-align: center;}
    .main .sec04 .textBox .txtTitle span {font-size: 18px;}
    .main .sec04 .textBox .leftBox {margin-bottom: 30px;}
    .main .sec04 .textBox .divider {width: 211px; height: 1px;border-left: none;border-top: 1px solid #202020;margin-bottom: 25px;}
    .main .sec05 {padding: 55px 5px 68px;}
    .main .sec05 .cl_pageTitle {font-size: 35px;margin-bottom: 22px;}
    .main .sec05 .textBox {width: 280px;}
    .main .sec05 .textBox .num { font-size: 21px;margin-bottom: 5px;}
    .main .sec05 .textBox .txtSubTitle { font-size: 21px;}
    .main .sec05 .textBox .txtTitle { font-size: 20px;margin-bottom: 35px;}
    .main .sec05 .textBox .txt { font-size: 11px;}
    .main .sec05 .textBox .item { padding-bottom: 32px;}
    .main .sec05 .textBox .divider {position: relative;left: 50%;transform: translateX(-50%); width: 215px; border-top: 2px solid #fff;margin-bottom: 12px;}
    .main .sec06 { width: 100vw; height: 243.75vw; background-image: url(../images/main06_bg_m.png);background-size: cover;background-position: center;}
    .main .sec06 .contentWrap {padding-top: 20vw;}
    .main .sec06 .cl_pageTitle {font-size: 9.722vw; margin-bottom: 3.47vw;}
    .main .sec06 .cl_pageTitle span {color: #71471e;}
    .main .sec06 .subTitle {height:16vw; font-size: 4.86vw;padding-bottom:10px;}
    .main .sec06 .imgBox {bottom: 26.5vw; width: 78vw;height:74.93vw; background-image: url(../images/main06_circle_m.png); }
    .main .sec06 .imgBox .textBox .txt {position: absolute;left: 50%; width: 36.66vw;font-size:2.5vw;}
    .main .sec06 .imgBox .textBox .txt span{font-size:2.5vw;}
    .main .sec06 .imgBox .textBox .txt:nth-child(1) span{font-size:3vw;}
    .main .sec06 .imgBox .textBox .txt:nth-child(1) {transform: translateX(-50%); top: 13vw;}
    .main .sec06 .imgBox .textBox .txt:nth-child(1) span.c-g {color: #fff;}
    .main .sec06 .imgBox .textBox .txt:nth-child(2) {transform: translateX(-110%); top: 47vw;}
    .main .sec06 .imgBox .textBox .txt:nth-child(3) {transform: translateX(9%); top: 47vw;}
    .main .sec06 .imgBox .textBox .txt:nth-child(1) span.c-g { color: #fff;}
    .main .sec07 {height: 800px}
    .main .sec07 .contentWrap {padding-top: 97px;}
    .main .sec07 .cl_pageTitle {font-size: 35px;margin-bottom: 0;}
    .main .sec07 .cl_pageTitle span {color: #71471e;}
    .main .sec07 .cl_txt {font-size: 11px; font-weight: bold;}
    .main .sec07 .content { flex-direction: column; justify-content: center;align-items: center;gap: 37px;}
    .main .sec07 .content span {display: block;}
    .main .sec07 .itemObj {width: 195px; margin-right: 50px;}
    .main .sec07 .dotBox {margin: 0 26px 0 15px; padding-top: 13px;}
    .main .sec07 .dotBox .listDot { width: 12px;height: 12px; }
    .main .sec07 .dotBox .listLine { height: 92px;margin: -15px 0;}
    .main .sec07 .listBox { gap: 60px;}
    .main .sec07 .listBox .listItem { gap: 14px;}
    .main .sec07 .listBox .listItem img{ width:41px; }
    .main .sec08 { padding: 70px 15px 35px;}
    .main .sec08 .cl_pageTitle {color: #c7af89;letter-spacing: -0.04em}
    .main .sec08 .cl_pageSubTitle {font-size: 20px;}
    .main .sec08 ul li {display: flex;flex-direction: column;justify-content: center;align-items: center; height: 95px;}
    .main .sec08 ul li + li {border-top: 1px dashed #fff;}

    /*secFaq, secContact*/
    .main .secFaq {padding: 60px 0 50px;}
    .main .secFaq .faqTitle {margin-bottom: 30px;}
    .main .secFaq .faqSectionTitle {font-size: 30px;}
    .main .secFaq .faqList {padding: 0 5px;}
    .main .secFaq .faqItem {padding: 15px 0 20px;}
    .main .secFaq .faqNum {width: 45px; font-size: 18px;}
    .main .secFaq .faqQ {font-size: 11px; margin-bottom: 10px;padding-left:16px;}
    .main .secFaq .faqA {font-size: 11px;padding-left:16px;}
    .main .secFaq .faqA::before {left:1px;}
    .main .secContact {padding: 60px 0 50px;}
    .main .secContact .contactInner {flex-direction:column; align-items:normal; gap:25px;}
    .main .secContact .contactLeft {text-align:center; padding-bottom:40px;}
    .main .secContact .contactTitle {font-size:30px; margin-bottom:15px;}
    .main .secContact .contactLeft .cl_txt {font-size:12px;}
    .main .secContact .formGrid { gap:8px;}
    .main .secContact .formGrid > .formGroup {margin-bottom:20px;}
    .main .secContact .formGroup {margin-bottom:20px;}
    .main .secContact .formGroup label {font-size:12px; margin-bottom:8px;}
    .main .secContact .formGroup input[type="text"],
    .main .secContact .formGroup input[type="email"],
    .main .secContact .formGroup input[type="tel"] {height:44px; font-size:12px;}
    .main .secContact .formGroup input::placeholder {font-size:12px;}
    .main .secContact .customSelectTrigger {height:44px; font-size:12px;}
    .main .secContact .formGroup textarea {height:80px; font-size:12px; padding:10px 12px;}
    .main .secContact .formAgree {margin-bottom:15px;}
    .main .secContact .formAgree .agreeTitle {font-size:12px; margin-bottom:8px;}
    .main .secContact .formAgree .agreeRadioGroup {gap:15px;}
    .main .secContact .formAgree input[type="radio"] {width:16px; height:16px; margin-right:5px;}
    .main .secContact .formAgree input[type="radio"]:checked { box-shadow: inset 0 0 0 2px #000; }
    .main .secContact .formAgree label {font-size:12px;}
    .main .secContact .btnSubmit {height:44px; font-size:14px;}

    /* s: 241210 pub 수정 */
    /*
        ************************ info *************************
    */
    .info .sec {letter-spacing: -1px; padding: 98px 0 0; }
    .info .sec .cl_infoContentsTit {margin-bottom: 35px;}
    .info .sec1 .secGrayBox { padding: 55px 0 25px; margin-bottom: 40px;}
    .info .sec1 .secGrayBox .secGrayBoxWrap {gap: 15px;}
    .info .sec1 .secGrayBox .sec1Img {width: 40%;}
    .info .sec1 .secGrayBox .cl_secDesc { }
    .info .sec1 .cl_infoContentsTit {margin-bottom: 120px;}

    .info .sec2 .secGrayBox {padding: 40px 0; }

    .info .secBot .secCircle {padding: 0 20px; gap: 5px; margin-bottom: 35px;}
    .info .secBot .secCircle li {border: 1px solid #9a9a9a; font-size: 12px; width: 110px; height: 110px;}
    .info .secBot .secCircle li .cl_notoB {font-size: 13px;}
    .info .secBot .secCircle li .cl_notoB .spacingS {letter-spacing: -0.11rem;}
    .info .secBot .secCircle li::after {width: 7px;}
    .info .secBot .secDescWrap:first-child {margin-bottom: 73px;}
    .info .secBot .secDescWrap:first-child::after {height: 67px;}
    /* e: 241210 pub 수정 */

    /* 260310 리뉴얼 */
    .newInfo .sec { padding: 60px 0 0 0; }
    .newInfo .cl_infoContentsTit .secChkPnt { font-size: 16px; margin-bottom: 55px; }
    .newInfo .cl_infoContentsTit .secChkPnt .chkPntNum { font-size: 25px; }
    .newInfo .cl_infoContentsTit .secTit { font-size: 25px; margin-bottom: 65px; }
    .newInfo .cl_secDesc { font-size: 14px; word-break: keep-all; }
    .newInfo .sec1 .secGrayBox .secGrayBoxWrap { gap: 25px; }
    .newInfo .sec1 .cl_infoContentsTit { margin-bottom: 200px; }
    .newInfo .sec1 .secGrayBox { padding: 45px 0 30px 0; margin-bottom: 50px; }

    .newInfo .secBot .secCircle li .cl_notoB { font-size: 13px; }
    .newInfo .secBot .secCircle li { font-size: 13px; width: 115px; height: 115px; }
    .newInfo .secBot .secCircle { gap: 16px; margin-bottom: 65px; }
    .newInfo .secBot .secCircle li::after { width: 17px; height: 1px; }

    .newInfo .sec2 { margin-top: 50px; }
    .newInfo .sec2 .cl_infoContentsTit { margin-bottom: 150px; }
    .newInfo .sec2 .secGrayBox { padding: 40px 0; }

    .newInfo .sec3 { padding: 70px 0; }
    .newInfo .sec3 .cl_infoContentsTit { margin-bottom: 80px; }


    /*
        ************************ location *************************
    */
    .location .cl_subPgTit {gap: 10px;}
    .location .locationLogo img.showBlockM {zoom: 55%;}
    .location .cl_search {flex-wrap: wrap;}
    .location .locationMap{height:300px; margin-bottom: 25px;}
    .location .address_m {border-top: 2px solid #000; }
    .location .address_m .addressRow {border-bottom: 1px solid #e0e0e0; padding: 15px;}
    .location .address_m .addressTit {font-family: "PretendardB"; font-size: 17px; margin-bottom: 15px;}
    .location .address_m .addressDesc {font-family: "PretendardM"; font-size: 13px; color: #696969; line-height: 1.6;}
    .location .kakaoMapMarker {width:150px !important; font-size:11px; text-align:center; padding:3px;}



    /*
      ************************ news *************************
    */
    .news .newsList {gap: 15px; padding: 15px 0;}
    .news .newsList .newsThumbnail { width: 40%; height: 110px;} /* 241210 pub 수정 */
    .news .newsList .newsContents {width: 60%; padding-top: 15px; font-size: 15px;} /* 241210 pub 수정 */




    /*
     ************************ bna *************************
    */
    .bna .bnaTap {flex-wrap: wrap; margin-bottom: 25px;}
    .bna .bnaTap .tabList {width: calc(50% - 1px); height: 30px; font-size: 15px; border-bottom: 1px solid #e0e0e0; }
    .bna .bnaTap .tabList:last-child, .bna .bnaTap .tabList:nth-last-child(2) {border-bottom: 0; }
    .bna .bnaTap .tabList:nth-child(2n) {border-right: 0; }
    .bna .bnaSec {margin-bottom: 20px;}
    .bna .bnaSecTit {font-size: 15px; padding: 8px 0; margin-bottom: 10px;}
    .bna .bnaSecImg {margin-bottom: 10px;}
    .bna .bnaMessage {font-size: 15px;}




    /*
    ************************ faq *************************
    */
    .faq .faqSec {margin-bottom: 20px;}
    .faq .faqListBox {font-size: 14px; height: 35px; padding: 0 15px;}
    .faq .faqListBoxWrap {gap: 10px;}
    .faq .ansArea {height: 0;}
    .faq .faqList.on .ansArea {height: 35px;}
    .faq .cl_search .select {border-bottom: 1px solid #e0e0e0;}
    
    /*
        *************************** board common ****************************
    */
    .boardContent .title {font-size:18px; color:#000;}
    .boardContent .contentText {margin-top:30px;}
    .boardContent .buttons {margin-top:30px; text-align:center;}
    .boardContent .buttons a {font-size:16px; padding:10px 20px; border-radius:10px;}


    /*
        ************************ footer *************************
    */
    .footer {}
    .footer .logo_f img{zoom: 60%;}
}




@media(max-width:556px) {

    /* 
        ************************ 메인페이지 *************************
    */
    /*.main .cl_mainVisual {height: calc(100vh - 140px);}*/
    .main .cl_mainVisual .swiper-wrapper{height: 100%;}

    /* 260310 리뉴얼 */
    .newInfo .sec { padding: 40px 0 0 0; }
    .newInfo .cl_infoContentsTit .secChkPnt { font-size: 14px; margin-bottom: 55px; }
    .newInfo .cl_infoContentsTit .secChkPnt .chkPntNum { font-size: 25px; }
    .newInfo .cl_infoContentsTit .secTit { font-size: 25px; margin-bottom: 65px; }
    .newInfo .cl_secDesc { font-size: 14px; word-break: keep-all; }
    .newInfo .sec1 .secGrayBox .secGrayBoxWrap { gap: 25px; }
    .newInfo .sec1 .cl_infoContentsTit { margin-bottom: 150px; }
    .newInfo .sec1 .secGrayBox { padding: 45px 0 30px 0; margin-bottom: 50px; }

    .newInfo .secBot .secCircle li .cl_notoB { font-size: 12px; }
    .newInfo .secBot .secCircle li { font-size: 12px; width: 115px; height: 115px; }
    .newInfo .secBot .secCircle { gap: 4px; margin-bottom: 65px; }
    .newInfo .secBot .secCircle li::after { width: 5px; height: 1px; }

    .newInfo .sec2 { margin-top: 50px; }
    .newInfo .sec2 .cl_infoContentsTit { margin-bottom: 50px; }
    .newInfo .sec2 .secGrayBox { padding: 40px 0; }

    .newInfo .sec3 { padding: 70px 0; }
    .newInfo .sec3 .cl_infoContentsTit { margin-bottom: 80px; }
}