@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.contents.main div[id*='sec-']{padding:120px 0;}
.contents.sub{padding-top:140px;padding-bottom:140px;background:#f5f3ec;}
.contents.sub .detail{padding-top:120px;padding-bottom:120px;}

@media screen and (max-width:1500px) {
.contents.sub{padding-top:120px;padding-bottom:120px;}
.contents.sub .detail{padding-top:100px;padding-bottom:100px;}
}
@media screen and (max-width:1280px) {
.contents.main div[id*='sec-']{padding:100px 0;}
.contents.sub{padding-top:100px;padding-bottom:100px;}
.contents.sub .detail{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:1100px) {
.contents.sub{padding-top:80px;padding-bottom:80px;}
.contents.sub .detail{padding-top:70px;padding-bottom:70px;}
}
@media screen and (max-width:960px) {
.contents.main div[id*='sec-']{padding:80px 0;}
.contents.sub{padding-top:70px;padding-bottom:70px;}
.contents.sub .detail{padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width:767px) {
.contents.main div[id*='sec-']{padding:60px 0;}
.contents.sub{padding-top:60px;padding-bottom:60px;}
.contents.sub .detail{padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width:640px) {
.contents.main div[id*='sec-']{padding:40px 0;}
.contents.sub{padding-top:50px;padding-bottom:50px;}
.contents.sub .detail{padding-top:40px;padding-bottom:40px;}
}
@media screen and (max-width:560px) {
.contents.main div[id*='sec-']{padding:30px 0;}
.contents.sub{padding-top:40px;padding-bottom:40px;}
.contents.sub .detail{padding-top:30px;padding-bottom:30px;}
}




.bg-text{width:100%;overflow:hidden;}
.bg-text .flow-wrap{display:flex;width:max-content;animation:flowText 40s linear infinite;}
.bg-text h1{padding:0 50px;white-space:nowrap;color:rgba(203,183,165,0.2);position:relative;}
.bg-text h1:after{width:16px;height:16px;background:rgba(203,183,165,0.2);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;content:"";}

@keyframes flowText {
  from {
    transform:translateX(0);
  }
  to {
    transform:translateX(-50%);
  }
}

@media screen and (max-width:1500px) {
.bg-text h1{padding:0 45px;}
.bg-text h1:after{width:14px;height:14px;}
}
@media screen and (max-width:1280px) {
.bg-text h1{padding:0 40px;}
.bg-text h1:after{width:12px;height:12px;}
}
@media screen and (max-width:1100px) {
.bg-text h1{padding:0 35px;}
.bg-text h1:after{width:10px;height:10px;}
}
@media screen and (max-width:960px) {
.bg-text{bottom:0;}
.bg-text h1{padding:0 30px;}
.bg-text h1:after{width:8px;height:8px;}
}
@media screen and (max-width:767px) {
.bg-text h1{padding:0 25px;}
.bg-text h1:after{width:6px;height:6px;}
}
@media screen and (max-width:640px) {
.bg-text h1{padding:0 20px;}
.bg-text h1:after{width:4px;height:4px;}
}





/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
.main .en{color:#bda287;}


/********************************* sec-1 *********************************/
.main #sec-1{background:linear-gradient(180deg, #f5f3ec 55% , #4d4037 90% , #43362c 98%);position:relative;}
.main #sec-1 .WRAP{padding-bottom:100px;}
.main #sec-1 .en{color:rgba(0,0,0,0.5);}
.main #sec-1 .txtBx{width:55%;position:sticky;top:0;}
.main #sec-1 .imgBx{width:45%;}
.main #sec-1 .imgBx img{width:100%;margin-bottom:70px;}

.main #sec-1 .bg-text{position:absolute;bottom:5%;left:0;}

@media screen and (max-width:1500px) {
.main #sec-1 .WRAP{padding-bottom:80px;}
.main #sec-1 .imgBx img{margin-bottom:60px;}
}
@media screen and (max-width:1280px) {
.main #sec-1 .WRAP{padding-bottom:60px;}
.main #sec-1 .imgBx img{margin-bottom:50px;}
}
@media screen and (max-width:1100px) {
.main #sec-1 .WRAP{padding-bottom:40px;}
.main #sec-1 .imgBx img{margin-bottom:40px;}
}
@media screen and (max-width:960px) {
.main #sec-1 .txtBx{width:100%;position:relative;}
.main #sec-1 .imgBx{width:100%;margin-top:50px;}
.main #sec-1 .imgBx img{margin-bottom:30px;}
}
@media screen and (max-width:767px) {
.main #sec-1 .WRAP{padding-bottom:30px;}
.main #sec-1 .imgBx{margin-top:40px;}
}
@media screen and (max-width:640px) {
.main #sec-1 .WRAP{padding-bottom:20px;}
.main #sec-1 .imgBx{margin-top:30px;}
.main #sec-1 .imgBx img{margin-bottom:20px;}
}





/********************************* sec-2 *********************************/
.main #sec-2{background:#43362c;}

@media screen and (max-width:1280px) {
.main #sec-2{padding-bottom:0 !important;}
}


/* 슬라이드 영역 */
.product_slide{padding-left:20.5%;position:relative;}

@media screen and (max-width:2500px) {
.product_slide{padding-left:19.5%;}
}
@media screen and (max-width:2400px) {
.product_slide{padding-left:17.5%;}
}
@media screen and (max-width:2300px) {
.product_slide{padding-left:16.5%;}
}
@media screen and (max-width:2200px) {
.product_slide{padding-left:14.5%;}
}
@media screen and (max-width:2100px) {
.product_slide{padding-left:12.5%;}
}
@media screen and (max-width:2000px) {
.product_slide{padding-left:10.5%;}
}
@media screen and (max-width:1900px) {
.product_slide{padding-left:8.5%;}
}
@media screen and (max-width:1800px) {
.product_slide{padding-left:6.5%;}
}
@media screen and (max-width:1700px) {
.product_slide{padding-left:4.5%;}
}
@media screen and (max-width:1600px) {
.product_slide{padding-left:2.5%;}
}


.product_slide .item_cont{width:100%;overflow:hidden;transition:all 0.2s ease;}
.product_slide .item_cont figure{aspect-ratio:1 / 1.4;border-top-left-radius:60px;overflow:hidden;transition:all 0.2s ease;}
.product_slide .item_cont figure img{width:100%;display:block;object-fit:cover;}
.product_slide .item_cont:hover figure{border-top-left-radius:0;transition:all 0.2s ease;}

.product_slide .item_cont span{width:100%;}
.product_slide .item_cont span .tit{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;}
.product_slide .item_cont span .con{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#bda187;}

@media screen and (max-width:1500px) {
.product_slide .item_cont figure{border-top-left-radius:40px;}
}
@media screen and (max-width:1100px) {
.product_slide .item_cont figure{border-top-left-radius:20px;}
}
@media screen and (max-width:640px) {
.product_slide{margin-top:60px !important;}
}



/* Navigator */
.product_slide .controlBx{position:absolute;top:-108px;right:20%;}

.product_slide .swiper-scrollbar{width:250px;height:3px;margin-right:10px;border-radius:30px !important;background:rgba(255,255,255,0.3);overflow:hidden;position:static !important;}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:3px;background:#bda187;border-radius:30px;position:relative;top:0;opacity:1;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:46px !important;height:46px !important;margin-top:0 !important;margin-left:10px;cursor:pointer;border:solid 1px #fff;border-radius:50%;background-image:none !important;position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;display:block;z-index:10;}


.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:8px;height:8px;border:solid #fff;position:absolute;top:calc(50% - 4px);display:block;content:"";transform:rotate(45deg);}
.product_slide .swiper-button-prev:after{border-width:0 0 2px 2px;left:calc(50% - 4px);}
.product_slide .swiper-button-next:after{border-width:2px 2px 0 0;right:calc(50% - 4px);}

.product_slide .swiper-button-prev:hover,
.product_slide .swiper-button-next:hover{background:#bda187;border-color:#bda187;}
.product_slide .swiper-button-prev:hover:after,
.product_slide .swiper-button-next:hover:after{border-color:#fff;}

@media screen and (max-width:2500px) {
.product_slide .controlBx{right:19% !important;}
}
@media screen and (max-width:2400px) {
.product_slide .controlBx{right:17% !important;}
}
@media screen and (max-width:2300px) {
.product_slide .controlBx{right:16% !important;}
}
@media screen and (max-width:2200px) {
.product_slide .controlBx{right:14% !important;}
}
@media screen and (max-width:2100px) {
.product_slide .controlBx{right:12% !important;}
}
@media screen and (max-width:2000px) {
.product_slide .controlBx{right:10% !important;}
}
@media screen and (max-width:1900px) {
.product_slide .controlBx{right:8% !important;}
}
@media screen and (max-width:1800px) {
.product_slide .controlBx{right:6% !important;}
}
@media screen and (max-width:1700px) {
.product_slide .controlBx{right:4% !important;}
}
@media screen and (max-width:1600px) {
.product_slide .controlBx{right:2% !important;}
}
@media screen and (max-width:1100px) {
.product_slide .controlBx{top:-88px;}

.product_slide .swiper-scrollbar{width:250px;margin-right:5px;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{margin-left:5px;}

.product_slide .swiper-button-prev{width:40px !important;height:40px !important;}
.product_slide .swiper-button-prev:after{width:10px;height:10px;top:calc(50% - 5px);}

.product_slide .swiper-button-next{width:40px !important;height:40px !important;}
.product_slide .swiper-button-next:after{width:10px;height:10px;top:calc(50% - 5px);}
}
@media screen and (max-width:960px) {
.product_slide .swiper-scrollbar{width:200px;height:4px;}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:4px;}
}
@media screen and (max-width:767px) {
.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:38px !important;height:38px !important;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:8px;height:8px;top:calc(50% - 4px);}

.product_slide .swiper-button-prev:after{left:calc(50% - 3px);}
.product_slide .swiper-button-next:after{right:calc(50% - 3px);}
}
@media screen and (max-width:640px) {
.product_slide .controlBx{top:-50px;}
.product_slide .swiper-scrollbar{width:150px;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:35px !important;height:35px !important;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:6px;height:6px;top:calc(50% - 3px);}
}
@media screen and (max-width:360px) {
.product_slide .swiper-scrollbar{width:110px;}
}





/********************************* sec-3 *********************************/
.main #sec-3{background:#43362c;position:relative;}
.main #sec-3:after{width:45%;height:100%;background:url(/img/bgimg.png) no-repeat left top;background-size:auto 100%;position:absolute;top:0;left:0;opacity:.1;display:block;content:"";z-index:1;}

@media screen and (max-width:1500px) {
.main #sec-3:after{width:55%;background-size:100% auto;}
}
@media screen and (max-width:1280px) {
.main #sec-3{padding-bottom:0 !important;}
.main #sec-3:after{width:65%;}
}
@media screen and (max-width:1100px) {
.main #sec-3:after{width:75%;}
}
@media screen and (max-width:960px) {
.main #sec-3:after{width:85%;}
}


.videoBx{z-index:2;position:relative;}
.videoBx a{width:100%;display:flex;justify-content:space-between;flex-direction:column;overflow:hidden;transition:all 0.2s ease;position:relative;aspect-ratio:16 / 9;border-radius:30px;overflow:hidden;z-index:2;}
.videoBx a img.thumb{width:auto;min-width:100%;min-height:100%;display:block;transition:all 0.2s ease;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;}
.videoBx a img.play{width:20%;max-width:70px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9;}

@media screen and (max-width:1500px) {
.videoBx a{border-radius:20px;}
}
@media screen and (max-width:1100px) {
.videoBx a{border-radius:10px;}
}






/********************************* sec-4 *********************************/
.main #sec-4{background:#43362c;}

.customerBx *{color:#fff;}
.customerBx dl{display:flex;flex-wrap:wrap;padding-bottom:15px;}
.customerBx dt{width:80px;opacity:0.6;}
.customerBx dd{width:calc(100% - 80px);}
.customerBx .btBox a{width:120px;aspect-ratio:1 / 1;margin-right:10px;border:solid 1px rgba(189,161,135,0.8);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.2s ease;}
.customerBx .btBox a:hover{background:#352b23;border-color:#352b23;transition:all 0.2s ease;}
.customerBx .btBox figure{width:40%;max-width:45px;margin:0 auto;display:block;}
.customerBx .btBox figure img{width:100%;display:block;}
.customerBx .btBox font{width:100%;text-align:center;}

.mboardBx{border-top:solid 1px #bda187;}
.mboardBx a{padding:30px 20px;border-bottom:solid 1px #bda187;}
.mboardBx a div{width:calc(100% - 150px);}
.mboardBx a .title{width:100%;color:rgba(255,255,255,1);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mboardBx a .cont{width:100%;color:rgba(255,255,255,0.9);margin-top:15px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mboardBx a .date{width:150px;color:rgba(255,255,255,0.5);text-align:right;}

@media screen and (max-width:1500px) {
.customerBx dt{width:70px;}
.customerBx dd{width:calc(100% - 70px);}
.customerBx .btBox a{width:110px;}

.mboardBx a{padding:25px 15px;}
.mboardBx a div{width:calc(100% - 120px);}
.mboardBx a .cont{margin-top:10px;}
.mboardBx a .date{width:120px;}
}
@media screen and (max-width:1280px) {
.customerBx dt{width:60px;}
.customerBx dd{width:calc(100% - 60px);}
.customerBx .btBox a{width:100px;}

.mboardBx a{padding:20px 10px;}
.mboardBx a div{width:calc(100% - 110px);}
.mboardBx a .date{width:110px;}
}
@media screen and (max-width:1100px) {
.main #sec-4 .w40{width:100% !important;}
.main #sec-4 .w60{width:100% !important;margin-top:40px;}

.customerBx{display:flex;flex-wrap:wrap;}
.customerBx>div{width:calc(100%/3);margin-top:0 !important;}
.customerBx img.ico-a{width:40px;}
.customerBx .btBox a{width:90px;}

.mboardBx a div{width:calc(100% - 100px);}
.mboardBx a .date{width:100px;}
}
@media screen and (max-width:960px) {
.customerBx>div{width:calc(100%/2);}
.customerBx>div:last-child{width:100%;}
.customerBx .btBox a{width:80px;margin-right:5px;}
}
@media screen and (max-width:767px) {
.customerBx>div{width:100%;margin-bottom:30px;}
}
@media screen and (max-width:640px) {
.mboardBx a{padding:15px 5px;}
.mboardBx a div{width:100%;}
.mboardBx a .cont{margin-top:5px;}
.mboardBx a .date{width:100%;text-align:left;}
}







/************************************************************************
* SUB_CONTENTS *
************************************************************************/


/********************************* 한국체르니협회 *********************************/
/******* 인사말 *******/
.grBx .txtBx{width:54%;padding-right:8%;}
.grBx .imgBx{width:46%;position:relative;}
.grBx .imgBx img{width:100%;display:block;}
.grBx .imgBx img.pc{display:block;}
.grBx .imgBx img.mobile{display:none;}

.signBx{padding:160px 0 80px 0;background:url(/sub1/img/c1i2.jpg) no-repeat center center;background-size:cover;}
.signBx *{color:#fff;text-align:center;}

@media screen and (max-width:1500px) {
.grBx .txtBx{padding-right:6%;}
}
@media screen and (max-width:1280px) {
.grBx .txtBx{padding-right:4%;}

.signBx{padding:150px 0 70px 0;}
}
@media screen and (max-width:1100px) {
.signBx{padding:140px 0 60px 0;}
}
@media screen and (max-width:960px) {
.grBx .txtBx{width:100%;padding-right:0;padding-top:50px;}
.grBx .txtBx font br.MH{display:none;}
.grBx .imgBx{width:100%;order:-1;}
.grBx .imgBx img.pc{display:none;}
.grBx .imgBx img.mobile{display:block;}

.signBx{padding:130px 0 50px 0;background-position:left center;}
}
@media screen and (max-width:767px) {
.grBx .txtBx{padding-top:40px;}

.signBx{padding:120px 0 40px 0;}
}
@media screen and (max-width:640px) {
.grBx .txtBx{padding-top:30px;}

.signBx{padding:100px 0 30px 0;}
}







/********************************* 콩쿠르요강 *********************************/
.lpinfoBox .titimg{width:20%;aspect-ratio:1 / 2.5;overflow:hidden;background:#000;border-bottom-right-radius:150px;display:block;}
.lpinfoBox .titimg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.5;}
.lpinfoBox.inb-1 .titimg img{object-position:30% center !important;}

.lpinfoBox .ttBx{width:80%;padding-left:8%;}
.lpinfoBox .ttBx>li{margin-bottom:50px;padding-bottom:50px;border-bottom:solid 1px #ddd;}
.lpinfoBox .ttBx>li .tit{display:flex;align-items:center;}
.lpinfoBox .ttBx>li .tit i{width:45px;line-height:45px;aspect-ratio:1 / 1;background:#9e7d62;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 45px);padding-left:20px;}

@media screen and (max-width:1500px) {
.lpinfoBox .titimg{border-bottom-right-radius:100px;}

.lpinfoBox .ttBx{padding-left:6%;}
.lpinfoBox .ttBx>li{margin-bottom:40px;padding-bottom:40px;}
.lpinfoBox .ttBx>li .tit i{width:42px;line-height:42px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 42px);}
}
@media screen and (max-width:1280px) {
.lpinfoBox .ttBx>li .tit i{width:40px;line-height:40px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 40px);}
}
@media screen and (max-width:1100px) {
.lpinfoBox .titimg{width:100%;aspect-ratio:4 / 1;border-bottom-right-radius:50px;}
.lpinfoBox.inb-1 .titimg img{object-position:center 70% !important;}
.lpinfoBox.inb-2 .titimg img{object-position:center 60% !important;}

.lpinfoBox .ttBx{width:100%;padding-left:0;padding-top:40px;}
.lpinfoBox .ttBx>li{margin-bottom:30px;padding-bottom:30px;}
.lpinfoBox .ttBx>li .tit i{width:38px;line-height:38px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 38px);}
}
@media screen and (max-width:960px) {
.lpinfoBox .ttBx{padding-top:30px;}
.lpinfoBox .ttBx>li{margin-bottom:25px;padding-bottom:25px;}
.lpinfoBox .ttBx>li .tit i{width:36px;line-height:36px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 36px);}
}
@media screen and (max-width:767px) {
.lpinfoBox .ttBx>li .tit i{width:33px;line-height:33px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 33px);}
}
@media screen and (max-width:640px) {
.lpinfoBox .titimg{aspect-ratio:3 / 1;}
.lpinfoBox .ttBx>li .tit i{width:30px;line-height:30px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 30px);}
}
@media screen and (max-width:560px) {
.lpinfoBox .ttBx>li .tit i{width:28px;line-height:28px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 28px);padding-left:15px;}
}
@media screen and (max-width:460px) {
.lpinfoBox .ttBx>li .tit i{width:26px;line-height:26px;}
.lpinfoBox .ttBx>li .tit font{width:calc(100% - 26px);padding-left:10px;}
}



.lpinfoBox .pctBx div{display:flex;align-items:center;border-radius:10px;border:solid 2px #43362c;overflow:hidden;}
.lpinfoBox .pctBx div figure{width:30%;padding:15px 0;background:#43362c;display:flex;align-items:center;justify-content:center;}
.lpinfoBox .pctBx div figure img{width:50%;max-width:100px;display:block;}
.lpinfoBox .pctBx div font{width:70%;text-align:center;}

@media screen and (max-width:1280px) {
.lpinfoBox .pctBx div{border-radius:5px;}
.lpinfoBox .pctBx div figure{width:25%;padding:13px 0;}
.lpinfoBox .pctBx div font{width:75%;}
}
@media screen and (max-width:960px) {
.lpinfoBox .pctBx div figure{width:30%;}
.lpinfoBox .pctBx div font{width:70%;}
}
@media screen and (max-width:767px) {
.lpinfoBox .pctBx.disG.col4{grid-template-columns:repeat(2, minmax(0, 1fr));}
.lpinfoBox .pctBx div figure{width:20%;}
.lpinfoBox .pctBx div font{width:80%;}
}
@media screen and (max-width:560px) {
.lpinfoBox .pctBx div figure{width:30%;padding:11px 0;}
.lpinfoBox .pctBx div font{width:70%;}
}
@media screen and (max-width:360px) {
.lpinfoBox .pctBx.disG.col4{grid-template-columns:repeat(1, minmax(0, 1fr));}
.lpinfoBox .pctBx div figure{width:20%;}
.lpinfoBox .pctBx div font{width:80%;}
}







/********************************* 참가신청서 *********************************/
.appWrap *{box-sizing:border-box;}

.appWrap i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appWrap .ttBx{margin-top:60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.appWrap .ttBx .tit{font-size:28px;line-height:120%;font-weight:bold;}

.appWrap .appBx{border:solid 1px rgba(0,0,0,0.2);margin-top:14px;border-radius:20px;padding:50px;}

.appWrap .appBx .dbx{border-bottom:solid 1px #ddd;display:flex;align-items:center;flex-wrap:wrap;}
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:15px 25px;font-size:16px;line-height:120%;font-weight:normal;}
.appWrap .appBx .dbx .ttit{width:220px;text-align:left;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 220px);padding-left:0 !important;display:flex;flex-wrap:wrap;}

.appWrap .appBx .dbx .ccon.three{align-items:center;}
.appWrap .appBx .dbx .ccon.three font{margin-right:10px;}

.appWrap .appBx .dbx .ccon.chiBx{display:block;text-align:left;}
.appWrap .appBx .dbx .ccon.chiBx .chisel{display:flex;flex-wrap:wrap;}
.appWrap .appBx .dbx .ccon.chiBx .chisel span{margin-right:20px;}
.appWrap .appBx .dbx .ccon.chiBx .chisel span:last-child{margin-right:0 !important;}

.appWrap .appBx .agrBox{width:100%;padding:20px 25px;border-bottom:solid 1px #f3f3f3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.appWrap .appBx .agrBox span{padding:10px 0;} 
.appWrap .appBx .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:1500px) {
.appWrap .ttBx{margin-top:50px;}

.appWrap .appBx{padding:40px;}
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:15px 20px;font-size:15px;}
.appWrap .appBx .dbx .ttit{width:200px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appWrap .ttBx{margin-top:40px;}

.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:10px 15px;}
.appWrap .appBx .dbx .ttit{width:180px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 180px);}

.appWrap .appBx .dbx .ccon.three font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appWrap .appBx{margin-top:10px;border-radius:10px;padding:30px;}

.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:10px;}
.appWrap .appBx .dbx .ttit{width:160px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {
.appWrap .ttBx{margin-top:30px;}

.appWrap .appBx .dbx .ttit{width:140px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 140px);}

.appWrap .appBx .dbx .ccon.chiBx .chisel span{margin-bottom:5px;}
}
@media screen and (max-width:860px) {
.appWrap .appBx{padding:20px;}

.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:10px 5px;}
.appWrap .appBx .dbx .ttit{width:100%;padding-left:0;padding-bottom:5px;}
.appWrap .appBx .dbx .ccon{width:100%;padding-top:0;}
.appWrap .appBx .dbx:first-child .ttit{padding-top:0 !important;}
}
@media screen and (max-width:767px) {
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{font-size:14px;}

.appWrap .appBx .dbx .ccon.three input,
.appWrap .appBx .dbx .ccon.three select{width:29% !important;}
}
@media screen and (max-width:640px) {
.appWrap .appBx .agrBox{padding:10px 15px;}
}
@media screen and (max-width:400px) {
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{font-size:13px;}
}
@media screen and (max-width:360px) {
.appWrap .appBx .dbx .ccon.three input,
.appWrap .appBx .dbx .ccon.three select{width:28% !important;}

.appWrap .appBx .agrBox{padding:10px 5px;}
}



.appWrap .groupBx .ttBx{display:block;}

.appWrap .groupBx .appBx .dbx{border:solid 1px #ddd;display:flex;align-items:center;flex-wrap:wrap;border-radius:10px;}
.appWrap .groupBx .appBx .dbx.titBx{background:#000;}
.appWrap .groupBx .appBx .dbx.conBx{margin-top:10px;}
.appWrap .groupBx .appBx .dbx .ttit{width:calc(100%/4);padding:15px 0;text-align:center;color:#fff;}
.appWrap .groupBx .appBx .dbx .ccon{width:calc(100%/4);padding:15px !important;display:block;}
.appWrap .groupBx .appBx .dbx .ccon input{width:100%;}

.appWrap .groupBx .addBt{margin:0 auto;padding:12px 30px;border-radius:50px;font-size:16px;text-align:left;background:#000;display:table;transition:all 0.2s ease;}
.appWrap .groupBx .addBt span{display:flex;align-items:center;justify-content:space-between;}
.appWrap .groupBx .addBt font{color:#fff;transition:all 0.2s ease;}
.appWrap .groupBx .addBt i{margin-left:20px;color:#fff;display:block;transition:all 0.2s ease;}

@media screen and (max-width:1500px) {
.appWrap .groupBx .appBx .dbx .ttit{padding:13px 0;}
.appWrap .groupBx .appBx .dbx .ccon{padding:13px !important;}

.appWrap .groupBx .addBt{padding:11px 28px;font-size:15px;}
.appWrap .groupBx .addBt i{margin-left:18px;}
}
@media screen and (max-width:1280px) {
.appWrap .groupBx .appBx .dbx .ttit{padding:11px 0;}
.appWrap .groupBx .appBx .dbx .ccon{padding:11px !important;}

.appWrap .groupBx .addBt{padding:10px 26px;font-size:14px;}
.appWrap .groupBx .addBt i{margin-left:14px;}
}
@media screen and (max-width:860px) {
.appWrap .groupBx .appBx .dbx.titBx{display:none;}
.appWrap .groupBx .appBx .dbx.conBx{padding:5px;}
.appWrap .groupBx .appBx .dbx.conBx:first-child{margin-top:0 !important;}
.appWrap .groupBx .appBx .dbx .ccon{width:calc(100%/2);padding:5px !important;}

.appWrap .groupBx .addBt{padding:9px 24px;font-size:13px;}
.appWrap .groupBx .addBt i{margin-left:10px;}
}
@media screen and (max-width:460px) {
.appWrap .groupBx .appBx .dbx .ccon{width:100%;padding:3px !important;}
}



.gpTit{padding:8px 20px;background:#000;color:#fff;display:table;border-radius:50px;}

@media screen and (max-width:1100px) {
.gpTit{padding:6px 18px 5px 18px;}
}
@media screen and (max-width:860px) {
.gpTit{padding:5px 16px 4px 16px;}
}



/** 입력폼 **/
.appWrap input[type=text],
.appWrap textarea,
.appWrap select{max-width:100%;padding:14px 20px;color:#000;border:solid 1px #ccc;border-radius:10px;font-size:16px;line-height:120%;}

.appWrap input[type=text]{margin-right:10px;}
.appWrap input[type=text]:last-child{margin-right:0;}

.appWrap input[type=text]::-webkit-input-placeholder{color:#666 !important;}
.appWrap input[type=text]::-moz-input-placeholder{color:#666 !important;}
.appWrap input[type=text]::-ms-input-placeholder{color:#666 !important;}

.appWrap select{padding-right:60px;margin-right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 8l8 8 8-8' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 20px center;background-size:10px 10px;background-color:transparent;}
.appWrap select:last-child{margin-right:0;}
.appWrap select::-ms-expand{display:none;}

.appWrap textarea{width:100%;min-height:150px;background-color:transparent;}

@media screen and (max-width:1500px) {
.appWrap input[type=text],
.appWrap textarea,
.appWrap select{padding:12px 13px;font-size:15px;margin-right:8px;}
.appWrap select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appWrap input[type=text],
.appWrap textarea,
.appWrap select{padding:11px 11px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appWrap select{padding-right:50px;}
}
@media screen and (max-width:767px) {
.appWrap input[type=text],
.appWrap textarea,
.appWrap select{font-size:14px;border-radius:5px;}
}
@media screen and (max-width:640px) {
.appWrap input[type=text],
.appWrap textarea,
.appWrap select{max-width:100% !important;}
}
@media screen and (max-width:400px) {
.appWrap input[type=text],
.appWrap textarea,
.appWrap select{padding:10px;font-size:13px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appWrap select{padding-right:30px;}
}



/* 주소 */
.appWrap .appBx .dbx .ccon.adress input[type=text]{width:100%;margin-top:5px;margin-right:0 !important;}
.appWrap .appBx .dbx .ccon.adress input[type=text].postalcode{width:100px;display:table;background:#000;cursor:pointer;color:#fff;border:none;margin-top:0 !important;}
.appWrap .appBx .dbx .ccon.adress input[type=text].postalcode::-webkit-input-placeholder{color:#fff !important;}
.appWrap .appBx .dbx .ccon.adress input[type=text].postalcode::-moz-input-placeholder{color:#fff !important;}
.appWrap .appBx .dbx .ccon.adress input[type=text].postalcode::-ms-input-placeholder{color:#fff !important;}



/* 체크박스 or 라디오 */
.chk-input{width:1px;height:1px;padding:0;position:absolute;opacity:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;display:inline-block;}
.chk-label{padding-left:26px;position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;font-size:16px;color:#111;}
.chk-label::before{width:1.1rem;height:1.1rem;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;box-sizing:border-box;border:solid 1px rgba(0,0,0,0.5);transition:all .18s ease;}
.chk-input:checked + .chk-label::before{background:#222;border-color:#222;transform:translateY(-50%) scale(1);}
.chk-label::after{width:1.6rem;height:1.6rem;content:"";position:absolute;left:-4px;top:50%;transform:translate(0, -50%) scale(0);display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:60%;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .12s linear;opacity:0;}
.chk-input:checked + .chk-label::after{opacity:1;transform:translate(0,-50%) scale(1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.5 12.5l3 3 7-7' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");}

.radio-input{width:1px;height:1px;padding:0;position:absolute;opacity:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;display:inline-block;}
.radio-label{padding-left:26px;position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none;font-size:16px;color:#111;}
.radio-label::before{width:1rem;height:1rem;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;box-sizing:border-box;border:solid 1px rgba(0,0,0,0.5);transition:all .18s ease;}
.radio-input:checked + .radio-label::before{background:#222;border-color:#222;transform:translateY(-50%) scale(1);}
.radio-label::after{width:1.6rem;height:1.6rem;content:"";position:absolute;left:-4px;top:50%;transform:translate(0, -50%) scale(0);display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:60%;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .12s linear;opacity:0;}
.radio-input:checked + .radio-label::after{opacity:1;transform:translate(0,-50%) scale(1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.5 12.5l3 3 7-7' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");}

@media screen and (max-width:1500px) {
.chk-label,
.radio-label{font-size:15px;}
}
@media screen and (max-width:767px) {
.chk-label,
.radio-label{font-size:14px;}
}
@media screen and (max-width:640px) {
.chk-label{padding-left:24px;}
.chk-label::before{width:1rem;height:1rem;}
.chk-label::after{background-size:55%;}

.radio-label{padding-left:24px;}
.radio-label::before{width:1rem;height:1rem;}
.radio-label::after{background-size:55%;}
}
@media screen and (max-width:400px) {
.chk-label,
.radio-label{font-size:13px;}
}




/** 버튼 **/
.appWrap .btnBox{margin:0 auto;margin-top:40px;display:flex;justify-content:center;}
.appWrap .btnBox a{width:250px;margin:0 5px;padding:20px 0;background:linear-gradient(120deg, #43362c 60% , #574c42 100%);color:#fff;text-align:center;display:block;font-weight:bold;font-size:22px;line-height:120%;}

@media screen and (max-width:1100px) {
.appWrap .btnBox{margin-top:30px;}
.appWrap .btnBox a{padding:18px 0;font-size:20px;}
}
@media screen and (max-width:960px) {
.appWrap .btnBox a{width:240px;font-size:18px;}
}
@media screen and (max-width:767px) {
.appWrap .btnBox{width:100%;margin-top:20px;}
.appWrap .btnBox a{width:calc(100%/2 - 10px);padding:16px 0;}
}
@media screen and (max-width:640px) {
.appWrap .btnBox a{font-size:16px;}
}
@media screen and (max-width:380px) {
.appWrap .btnBox a{font-size:14px;padding:14px 0;}
}