@charset "utf-8";

#wrap{position: relative;line-height: 1;color: #000;letter-spacing: -1px;word-break: keep-all; }
.inner{margin: 0 auto;padding: 0 80px;}

@media screen and (max-width:1500px) {
.inner{margin: 0 auto;padding: 0 50px;}  
}

@media screen and (max-width:1024px) {
.inner{margin: 0 auto;padding: 0 20px;}  
}

#header{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 2000;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 100px;padding: 0 120px;}
#header .gnb{display: flex;}
#header .gnb li a{position: relative;display: block;line-height: 100px;font-weight: 900;transition:.4s;font-size: 18px;padding: 0 80px;z-index: 1;}
#header .gnb li a:after{content:'';position: absolute;right: 62px;bottom: 47px;width: 34px;transition:.4s;height: 34px;border-radius: 50%;background: #fd8690;z-index: -1;opacity: 0;}
#header .gnb li:last-child a:after{right: 75px;}
#header .gnb li a:hover{color: var(--ma_c01);}
#header .gnb li a:hover:after{opacity: 1;}
#header .gnb li.on a{color: var(--ma_c01);}
#header .gnb li.on a:after{opacity: 1;}
#header .lang_box{position: relative;}
#header .lang_box ul{display: none; position: absolute;left: 50%;transform: translateX(-50%);top: calc(100% + 20px); width: 100px;padding: 20px 0;border-radius: 20px;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.1);}
#header .lang_box ul li:not(:last-child){margin-bottom: 20px;}
#header .lang_box ul li a{display: block;font-size: 18px;text-align: center;transition:.3s;}
#header .lang_box ul li a:hover{font-weight: 700;color: var(--ma_c01);}
#header .navi_btn{display: none;}
#header .navi_wrap{display: none;}

@media screen and (max-width:1500px) {
#header .gnb li a {padding: 0 40px;}
#header .gnb li a:after{right: 30px;bottom: 48px;}
#header .gnb li:last-child a:after{right: 35px;}
}

@media screen and (max-width:1200px) {
#header .gnb li a {padding: 0 30px;font-size: 18px;}
#header .gnb li a:after{right: 16px;}
#header .gnb li:last-child a:after{right: 20px;}
}

@media screen and (max-width:1024px) {

#header{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 2000;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 90px;padding: 0 40px;}
#header .gnb{display: none;}
#header .gnb li{margin-bottom: 50px;}
#header .gnb li a{position: relative;display: block;line-height: 1;font-weight: 900;transition:.4s;font-size: 40px;padding: 0;z-index: 1;text-align: center;}
#header .gnb li a:after{content:'';position: absolute;right: 62px;bottom: 28px;width: 34px;transition:.4s;height: 34px;border-radius: 50%;background: #fd8690;z-index: -1;opacity: 0;}
#header .gnb li:last-child a:after{right: 75px;}
#header .gnb li a:hover{color: var(--ma_c01);}
#header .gnb li a:hover:after{opacity: 1;}
#header .lang_box{position: relative;z-index: 100;}
#header .lang_box ul{display: none; position: absolute;left: 50%;transform: translateX(-50%);top: calc(100% + 20px); width: 100px;padding: 20px 0;border-radius: 20px;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.1);}
#header .lang_box ul li:not(:last-child){margin-bottom: 20px;}
#header .lang_box ul li a{display: block;font-size: 18px;text-align: center;transition:.3s;}
#header .lang_box ul li a:hover{font-weight: 700;color: var(--ma_c01);}

#header .right_box{display: flex;gap:20px;align-items: center;}
#header .right_box .navi_btn{display: block;}
#header .right_box .navi_btn {position: relative;width:30px;height: 20px;}
#header .right_box .navi_btn span{position: absolute;display: block;width: 100%;height: 2px;background: #454545;left: 0;top: 0;transition:.4s;}
#header .right_box .navi_btn span:nth-child(1){top: 2px;}
#header .right_box .navi_btn span:nth-child(2){top: 50%;transform:translateY(calc(-50% + 1px));}
#header .right_box .navi_btn span:nth-child(3){top: calc(100% - 2px);}
/* 버튼 누를시 애니메이션 */
#header .right_box .navi_btn.on span:nth-child(1){transform:rotate(-45deg) translateY(-50%);top: 50%;}
#header .right_box .navi_btn.on span:nth-child(2){transform:translateY(-50%) translateX(20px);opacity: 0;}
#header .right_box .navi_btn.on span:nth-child(3){transform:rotate(45deg) translateY(-50%);top: 50%;}

#header .navi_wrap{display: none;position: fixed;left: 0;top: 90px;width: 100%;height: calc(100vh - 70px);background: #fff;border-top: 2px solid #ddd;}
#header .navi_wrap ul{display: flex;height: 100%;flex-direction: column;align-items: center;justify-content: center;gap:50px;}
#header .navi_wrap ul li a{position: relative;display: block;line-height: 1;font-weight: 900;transition:.4s;font-size: 50px;padding: 0;z-index: 1;text-align: center;}
#header .navi_wrap ul li a:after{content:'';position: absolute;right: -15px;bottom: 28px;width: 40px;transition:.4s;height: 40px;border-radius: 50%;background: #fd8690;z-index: -1;opacity: 0;}
#header .navi_wrap ul li:last-child a:after{right: -10px;}
#header .navi_wrap ul li a:hover{color: var(--ma_c01);}
#header .navi_wrap ul li a:hover:after{opacity: 1;}
#header .navi_wrap ul li.on a{color: var(--ma_c01);}
#header .navi_wrap ul li.on a:after{opacity: 1;}

}

@media screen and (max-width:767px) {

#header h1 a img{width: 140px;}
#header .inner{padding: 0 2.66%;height: 70px;}
#header .navi_wrap{top: 70px;}
#header .navi_wrap ul{gap:40px;}
#header .navi_wrap ul li a{font-size: 30px;}
#header .navi_wrap ul li a:after{right: -10px;bottom: 12px;width: 30px;transition:.4s;height: 30px;border-radius: 50%;background: #fd8690;z-index: -1;opacity: 0;}

}


/* 이미지설젇 */
.img_cover_Wrap{width: 100px;}
.img_cover{position:relative; width:100%;padding-bottom: 100%;}
.img_cover img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;}

.img_ratio_Wrap{width: 100px;}
.img_ratio{position:relative; width:100%;}
.img_ratio img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}


/* 체크박스 스타일 */
.ck_box input{display: none;}
.ck_box label{position: relative; display: block;padding-left: 22px;font-size: 13px;font-weight: 600;}
.ck_box label:after{content:'';position: absolute;left: 0;top: 50%;transition:.2s;transform: translateY(-50%);width: 16px;height: 16px;border-radius: 4px;border: 1px solid rgba(0,0,0,.2);}
.ck_box input:checked + label:after{background: var(--ma_c01);border: 1px solid var(--ma_c01);}
.ck_box label:before{content:'';position: absolute;z-index: 10;left: 4px;top: 50%;transform: translateY(-50%);width: 10px;height: 7px;background: url(../images/main/terms_ico01.svg);}

/* 버튼스타일 */
.btn_st01{display: block;padding: 0 40px;line-height: 60px;background: #211f1e;border-radius: 30px;font-size: 18px;color: #fff;font-weight: 800;width: fit-content;}


/* -------------------------------- sub --------------------------------*/
#sub_wrap{margin-top: 100px;padding-bottom: 120px;}
.sub_inner{margin: 0 auto;padding: 0 120px;}
.sub_inner02{margin: 0 auto;padding: 0 130px;}

.sub_tit_wrap{margin-bottom: 150px;}
.sub_tit_wrap .sub_inner .sub_inner02{position: relative; display: flex;justify-content: center;flex-direction: column;gap:30px;height: 350px;border-radius: 100px 0 100px 0;background: url(../images/sub/sub01_bg01.jpg);}
.sub_tit_wrap .sub_inner span{font-size: 32px;color: var(--ma_c01);font-weight: 900;}
.sub_tit_wrap .sub_inner h2{font-size: 60px;font-weight: 900;}
.sub_tit_wrap .sub_inner ul{position: absolute;display: flex; left: 130px;bottom: 30px;gap:25px;}
.sub_tit_wrap .sub_inner ul li a{display: block; position: relative;font-size: 18px;color: #454545;font-weight: 800;cursor: auto;}
.sub_tit_wrap .sub_inner ul li a:after{content:'';position: absolute;width: 3px;height: 3px;border-radius: 50%;background: #454545;right: -14px;top: 50%;transform: translateY(-50%);}
.sub_tit_wrap .sub_inner ul li:last-child a:after{display: none;}

@media screen and (max-width:1800px) {

.sub_inner{margin: 0 auto;padding: 0 80px;}
.sub_inner02{margin: 0 auto;padding: 0 90px;}
.sub_tit_wrap .sub_inner ul{left: 90px;}

}

@media screen and (max-width:1600px) {

.sub_inner{margin: 0 auto;padding: 0 55px;}
.sub_inner02{margin: 0 auto;padding: 0 65px;}
.sub_tit_wrap .sub_inner ul{left: 65px;}

}


#sub_wrap .tit_box .ico_box{margin-bottom: 45px;}
#sub_wrap .tit_box p{font-size: 22px;color: #454545;line-height: 1.3;}
#sub_wrap h3.sub01_tit{font-size: 40px;font-weight: 800;}
#sub_wrap h3.sub01_tit span{color: var(--ma_c01);}
#sub_wrap .txt_wrap_st01 p{position: relative;padding-left: 20px;font-size: 28px;font-weight: 900;color: #fc3646;margin-bottom: 25px;}
#sub_wrap .txt_wrap_st01 p:after{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 24px;background: url(../images/sub/sub01_ico03.png);background-size: cover;}
#sub_wrap .txt_wrap_st01 ul li{position: relative; margin-bottom: 10px;font-size: 20px;line-height: 1.2;padding-left: 30px;}
#sub_wrap .txt_wrap_st01 ul li:after{content:'';position: absolute;left: 20px;top: 10px;width: 4px;height: 4px;border-radius: 50%;background: #000;}
#sub_wrap .txt_wrap_st01 ul li:last-child{margin-bottom: 0;}

ul.board_list01{display: flex;gap:65px 45px;flex-wrap:wrap;}
ul.board_list01 li{width: calc((100% - 135px)/4);}
ul.board_list01 li .img_ratio_Wrap{width: 100%;margin-bottom: 25px;border: 1px solid #ddd;transition:.4s;}
ul.board_list01 li:hover .img_ratio_Wrap{transform: translateY(-15px);}
ul.board_list01 li .img_ratio_Wrap .img_ratio{padding-bottom: 134.375%;}
ul.board_list01 li p{font-size: 20px;font-weight: 900;text-align: center;}

@media screen and (max-width:1300px) {

ul.board_list01 li{width: calc((100% - 90px)/3);}

}



@media screen and (max-width:1024px) {

#wrap {position:relative; width:100%; max-width:1024px; min-width: 375px; margin:0 auto;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

#sub_wrap{margin-top: 90px;padding-bottom: 100px;}
.sub_inner{margin: 0 auto;padding: 0 40px;}
.sub_inner02{margin: 0 auto;padding:0;}

.sub_tit_wrap{margin-bottom: 120px;}
.sub_tit_wrap .sub_inner{padding: 0;}
.sub_tit_wrap .sub_inner .sub_inner02{padding: 0 40px; position: relative; display: flex;justify-content: center;flex-direction: column;gap:25px;height: 300px;border-radius: 60px 0 60px 0;background: url(../images/sub/sub01_bg01.jpg);background-size: cover;}
.sub_tit_wrap .sub_inner span{font-size: 28px;color: var(--ma_c01);font-weight: 900;}
.sub_tit_wrap .sub_inner h2{font-size: 55px;font-weight: 900;}
.sub_tit_wrap .sub_inner ul{position: absolute;display: flex; left: 40px;bottom: 30px;gap:25px;}
.sub_tit_wrap .sub_inner ul li a{display: block; position: relative;font-size: 17px;color: #454545;font-weight: 800;}
.sub_tit_wrap .sub_inner ul li a:after{content:'';position: absolute;width: 3px;height: 3px;border-radius: 50%;background: #454545;right: -14px;top: 50%;transform: translateY(-50%);}
.sub_tit_wrap .sub_inner ul li:last-child a:after{display: none;}

#sub_wrap .tit_box .ico_box{margin-bottom: 40px;}
#sub_wrap .tit_box .ico_box img{width: 55px;}
#sub_wrap .tit_box p{font-size: 22px;color: #454545;}
#sub_wrap h3.sub01_tit{font-size: 40px;font-weight: 800;}
#sub_wrap h3.sub01_tit span{color: var(--ma_c01);}
#sub_wrap .txt_wrap_st01 p{position: relative;padding-left: 20px;font-size: 28px;font-weight: 900;color: #fc3646;margin-bottom: 25px;}
#sub_wrap .txt_wrap_st01 p:after{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 24px;background: url(../images/sub/sub01_ico03.png);background-size: cover;}
#sub_wrap .txt_wrap_st01 ul li{position: relative; margin-bottom: 10px;font-size: 20px;line-height: 1.2;padding-left: 30px;}
#sub_wrap .txt_wrap_st01 ul li:after{content:'';position: absolute;left: 20px;top: 10px;width: 4px;height: 4px;border-radius: 50%;background: #000;}
#sub_wrap .txt_wrap_st01 ul li:last-child{margin-bottom: 0;}


ul.board_list01{gap:45px 20px;}
ul.board_list01 li{width: calc((100% - 40px)/3);}
ul.board_list01 li p{font-size: 18px;}

}


@media screen and (max-width:767px) {

#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

#sub_wrap{margin-top: 70px;padding-bottom: 80px;}
.sub_inner{margin: 0 auto;padding: 0 2.66%;}
.sub_inner02{margin: 0 auto;padding:0;}

.sub_tit_wrap{margin-bottom: 120px;}
.sub_tit_wrap .sub_inner{padding: 0;}
.sub_tit_wrap .sub_inner .sub_inner02{padding: 0 2.66%; position: relative; display: flex;justify-content: center;flex-direction: column;gap:20px;height: 270px;border-radius: 40px 0 40px 0;background: url(../images/sub/sub01_bg01.jpg);background-size: cover;}
.sub_tit_wrap .sub_inner span{font-size: 23px;color: var(--ma_c01);font-weight: 900;}
.sub_tit_wrap .sub_inner h2{font-size: 45px;font-weight: 900;}
.sub_tit_wrap .sub_inner ul{position: absolute;display: flex; left: 2.66%;bottom: 30px;gap:25px;}
.sub_tit_wrap .sub_inner ul li a{display: block; position: relative;font-size: 14px;color: #454545;font-weight: 800;}
.sub_tit_wrap .sub_inner ul li a:after{content:'';position: absolute;width: 3px;height: 3px;border-radius: 50%;background: #454545;right: -14px;top: 50%;transform: translateY(-50%);}
.sub_tit_wrap .sub_inner ul li:last-child a:after{display: none;}

#sub_wrap .tit_box .ico_box{margin-bottom: 30px;}
#sub_wrap .tit_box .ico_box img{width: 45px;}
#sub_wrap .tit_box p{font-size: 17px;color: #454545;}
#sub_wrap h3.sub01_tit{font-size: 30px;font-weight: 800;}
#sub_wrap h3.sub01_tit span{color: var(--ma_c01);}
#sub_wrap .txt_wrap_st01 p{position: relative;padding-left: 12px;font-size: 21px;font-weight: 900;color: #fc3646;margin-bottom: 20px;}
#sub_wrap .txt_wrap_st01 p:after{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 20px;background: url(../images/sub/sub01_ico03.png);background-size: cover;}
#sub_wrap .txt_wrap_st01 ul li{position: relative; margin-bottom: 10px;font-size: 17px;line-height: 1.2;padding-left: 22px;}
#sub_wrap .txt_wrap_st01 ul li:after{content:'';position: absolute;left: 12px;top: 7px;width: 4px;height: 4px;border-radius: 50%;background: #000;}
#sub_wrap .txt_wrap_st01 ul li:last-child{margin-bottom: 0;}


ul.board_list01{gap:20px 10px;}
ul.board_list01 li{width: calc((100% - 10px)/2);}
ul.board_list01 li .img_ratio_Wrap{margin-bottom: 20px;}
ul.board_list01 li p{font-size: 15px;line-height: 1.2;}

}