/* header */
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;background: #fff;}
#header.on{border-bottom: 1px solid #ddd;}
#header h1{position: relative;z-index: 100;}
#header h1 a{display: block;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 80px;width: 1290px;max-width: 100%;padding: 0 20px;}
#header .btn_box{display: flex;align-items: center;gap:20px;}
#header .all_btn{position: relative;width: 22px;height: 19px;}
#header .all_btn span{position: absolute; width: 100%;height: 2px;background: #000;left: 0;transition: .3s;}
#header .all_btn span:nth-child(1){top: 0;}
#header .all_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .all_btn span:nth-child(3){bottom: 0;}
#header .all_btn.on span{background: #000;}
#header .all_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .all_btn.on span:nth-child(2){opacity: 0;}
#header .all_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}
#header .navi_btn{display: none;}
#header .btn_box a{position: relative; font-size: 15px;color: #fff;transition: .3s;font-weight: 500;z-index: 200;}


/* gnb */
.menu_box{position: absolute;display: flex; left: 0;width: 100%;top: 0;align-items: center;justify-content: center;}
.gnb{display: flex;}
.gnb > li > a{display: block;line-height: 80px;text-align: center;width: 180px;font-size: 16px;transition: .3s;font-weight: 700;}
.gnb > li .fade_box{display: none; position: absolute;width: 100%; left: 0;top: 100%;background: #f5f1ec;}
.gnb > li ul{display: flex;width: 100%;justify-content: center;gap:50px;}
.gnb > li ul li a{position: relative; display: block;line-height: 80px;color: #232323;font-weight: 600;transition: .2s;}
.gnb > li ul li a:hover{color: var(--ma_c01);}
.gnb > li ul li a:after{content:'';position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #232323;}
.gnb > li ul li:last-child a:after{display: none;}

/* all_menu */
#all_menu{display: none; position: fixed;left: 0;top: 80px;width: 100%;background: #f5f1ec;z-index: 2000;padding: 40px 0;}
#all_menu ul{display: flex;justify-content: center;}
#all_menu ul li{width: 190px;}
#all_menu ul li a{display: block;text-align: center;font-size: 17px;margin-bottom: 15px;transition: .2s;}
#all_menu ul li a:hover{color: var(--ma_c01);}
#all_menu ul li a:last-child{margin-bottom: 0;}



@media screen and (max-width:1450px) {
#header .inner{width: 100%;padding: 0 3%;}
.gnb > li > a{font-size: 15px;width: 130px;}
.gnb > li ul li a{font-size: 15px;}
#all_menu{padding: 30px 0;}
#all_menu ul li{width: 130px;}
#all_menu ul li a{font-size: 14px;}
#header .btn_box{gap:15px;}
#header .btn_box a{font-size: 14px;}
}



/* 네비게이션 */
#navigation{display: none;}


/* visual_wrap */
#visual_wrap{position: relative; height: 100vh;width: 100%;position: relative;overflow: hidden;}
#visual_wrap .img_box{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
#visual_wrap .img_box img{animation: v_ani01 40s linear infinite alternate;}

@keyframes v_ani01 {
  0%   { transform: translateX(0) scale(1); }
  25%  { transform: translateX(calc(-25% + 25vw)) scale(1.2); }
  50%  { transform: translateX(calc(-50% + 50vw)) scale(1); }
  75%  { transform: translateX(calc(-75% + 75vw)) scale(1.3); }
  100% { transform: translateX(calc(-100% + 100vw)) scale(1); }
}

#visual_wrap .txt_wrap{position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #fff;text-align: center;width: 100%;}
#visual_wrap .txt_wrap strong{display: block; font-size: 30px;letter-spacing: 6px;margin-bottom: 30px;transform:scale(1.2);animation: v_ani02 1.5s ease forwards;opacity: 0;filter: blur(5px);}
#visual_wrap .txt_wrap p{font-size: 16px;letter-spacing: 5px;color: rgba(255,255,255,.8); transform:scale(1.3);animation: v_ani02 1.5s ease forwards;animation-delay: .4s;opacity: 0;filter: blur(5px);}

@keyframes v_ani02 {
  0%   { transform:scale(1.3);opacity: 0;filter: blur(5px);}
  100% {transform:scale(1);opacity: 1;filter: blur(0px);}
}

/* footer */
#footer .f_top ul{display: flex;align-items: center;justify-content: center;height: 50px;background: #e9e4de;gap:17px;}
#footer .f_mid{display: flex; padding: 25px 0;flex-direction: column;gap:15px;align-items: center;justify-content: center;background: #f5f1ec;}
#footer .f_mid address{font-style: normal;text-align: center;font-size: 16px;font-weight: 500;line-height: 20px;}
#footer .f_mid address span{padding-right: 15px;}
#footer .f_bot p{line-height: 30px;text-align: center;background: #7b7978;color: #fff;font-size: 14px;font-weight: 500;}


/* ----------------------------------- sub -------------------------------------------------*/
.sub_wrap{margin-top: 80px;}
.sub_wrap .sub_visual{position: relative;height: 250px;background: url(../images/sub/sub_visual01.jpg) no-repeat;background-size: cover;}
.sub_wrap .sub_visual.bg02{background: url(../images/sub/sub_visual02.jpg) no-repeat;background-size: cover;}
.sub_wrap .sub_visual.bg03{background: url(../images/sub/sub_visual03.jpg) no-repeat;background-size: cover;}
.sub_wrap .sub_visual.bg04{background: url(../images/sub/sub_visual04.jpg) no-repeat;background-size: cover;}
.sub_wrap .sub_visual .txt{position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);color: #fff;text-align: center;}
.sub_wrap .sub_visual .txt span{font-size: 16px;transform:scale(1.2);animation: s_v_ani02 1s ease forwards;opacity: 0;}
.sub_wrap .sub_visual .txt p{font-size: 35px;font-weight: 800;margin-top: 15px;transform:scale(1.2);animation: s_v_ani02 1s ease forwards;opacity: 0;animation-delay: .2s;}
.sub_wrap .con_wrap{padding: 90px 0 100px;}
.sub_wrap .con_wrap .con{margin-bottom: 90px;padding: 0 20px;}
.sub_wrap .con_wrap .con:last-child{margin-bottom: 0;}
.sub_wrap .con_wrap .con .inner{width: 1080px;max-width: 100%;}


@keyframes s_v_ani02 {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}


/* 타이틀 스타일 */
.sub_wrap .con_wrap .sub_tit{margin-bottom: 30px;}
.sub_wrap .con_wrap .sub_tit.center{text-align: center;}
.sub_wrap .con_wrap .sub_tit p{font-size: 20px;}
.sub_wrap .con_wrap .sub_tit h3{font-size: 30px;font-weight: 800;color: var(--ma_c01);margin: 10px 0 8px;}
.sub_wrap .con_wrap .sub_tit span{font-size: 12px;font-weight: 500;color: #7b7978;}
.sub_wrap .con_wrap .sub_tit_s{font-size: 24px;text-align: center;margin-bottom: 30px;}
.sub_wrap .con_wrap .sub_tit_m{font-size: 30px;font-weight: 800;margin-bottom: 55px;text-align: center;}

/* 서브메뉴 */
.sub_menu_wrap ul{display: flex; width: 1080px;max-width: 100%;border-bottom: 1px solid #ddd;}
.sub_menu_wrap ul li{flex:1;}
.sub_menu_wrap ul li a{position: relative; display: block; line-height: 60px;text-align: center;font-size: 20px;font-weight: 800;}
.sub_menu_wrap ul li.on a{color: var(--ma_c01);}
.sub_menu_wrap ul li a:after{content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: var(--ma_c01);opacity: 0;}
.sub_menu_wrap ul li.on a:after{opacity: 1;}

/* 리스트 스타일 */
ul.list_st01{display: flex;gap:50px 40px;flex-wrap:wrap;word-break: break-all;}
ul.list_st01 li{width: calc((100% - 120px)/4);}
ul.list_st01 li a{display: block;}
ul.list_st01 li a .img_box{position:relative; width:100%; padding-bottom:100%;border-radius: 15px;overflow: hidden;}
ul.list_st01 li a .img_box:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);transition: .5s;opacity: 0;}
ul.list_st01 li a:hover .img_box:after{opacity: 1;}
ul.list_st01 li a .img_box 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;transition: .5s;}
ul.list_st01 li a:hover .img_box img{transform: rotate(7deg) scale(1.15);}
ul.list_st01 li a .txt p{font-size: 20px;font-weight: 600;line-height: 24px;margin: 12px 0;transition: .5s;text-decoration: underline;text-decoration-color: transparent;}
ul.list_st01 li a:hover .txt p{text-decoration-color: #000;}
ul.list_st01 li a .txt span{display: block;font-size: 16px;font-weight: 500;color: #4b4a4a;}

ul.list_st02{display: flex;gap:45px 40px;flex-wrap:wrap;}
ul.list_st02 li{width: calc((100% - 120px)/4);}
ul.list_st02 li a{display: block;}
ul.list_st02 li a .img_box{position:relative; width:100%; padding-bottom:125%;overflow:hidden;margin-bottom: 20px;}
ul.list_st02 li a .img_box:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);opacity: 0;transition: .4s;}
ul.list_st02 li a:hover .img_box:after{opacity: 1;}
ul.list_st02 li a .img_box 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;transition: .4s;}
ul.list_st02 li a:hover .img_box img{transform: scale(1.08);}
ul.list_st02 li a .txt{text-align: center;}
ul.list_st02 li a .txt p{font-size: 20px;font-weight: 600;margin-bottom: 7px;text-decoration: underline;text-decoration-color: transparent;transition: .4s;}
ul.list_st02 li a:hover .txt p{text-decoration-color: #000;}
ul.list_st02 li a .txt span{display: block; font-size: 16px;font-weight: 500;color: #4b4a4a;}

ul.list_st03{display: flex;gap:60px 40px;flex-wrap:wrap;}
ul.list_st03 li{width: calc((100% - 120px)/4);}
ul.list_st03 li a{display: block;}
ul.list_st03 li a .circle{border-radius: 50%;padding: 15px;background: url(../images/sub/sub0302_bg01.png);margin-bottom: 20px;transition: .4s;background-size: cover;}
ul.list_st03 li a:hover .circle{background: url(../images/sub/sub0302_bg02.png);background-size: cover;}
ul.list_st03 li a .img_box{position:relative; width:100%; padding-bottom:100%;overflow:hidden;border-radius: 100%;}
ul.list_st03 li a .img_box 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;transition: .4s;}
ul.list_st03 li a:hover .img_box img{transform: scale(1.08);}
ul.list_st03 li a .txt{text-align: center;}
ul.list_st03 li a .txt p{font-size: 20px;font-weight: 600;margin-bottom: 7px;text-decoration: underline;text-decoration-color: transparent;transition: .4s;}
ul.list_st03 li a:hover .txt p{text-decoration-color: #000;}
ul.list_st03 li a .txt span{display: block; font-size: 16px;font-weight: 500;color: #4b4a4a;}



/* 페이징 */
.paging_wrap{margin-top: 80px;}
.paging_wrap ul{display: flex;gap:20px;justify-content: center;}
.paging_wrap ul li a{display: flex;width: 35px;height: 35px; align-items: center;justify-content: center;font-weight: 700;transition: .3s;border-radius: 50%;font-size: 15px;}
.paging_wrap ul li:not(.h_no) a.on{background: var(--ma_c01);color: #fff;}


/* sub0101_wrap */
.sub0101_wrap .con01 .inner{display: flex;align-items: flex-end;gap:30px;}
.sub0101_wrap .con01 .img_box{width: 540px;}
.sub0101_wrap .con01 .img_box img{width: 100%;}
.sub0101_wrap .con01 .txt_box{width: calc(100% - 570px);}
.sub0101_wrap .con01 .txt_box .txt p{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
.sub0101_wrap .con01 .txt_box .txt p:last-child{margin-bottom: 0;}
.sub0101_wrap .con01 .txt_box .txt p .b_txt{font-size: 24px;}

.sub0101_wrap.con_wrap .con02{padding:0 20px 140px 20px;background: url(../images/sub/sub0101_bg01.jpg) bottom center no-repeat;background-size: 100% auto;}
.sub0101_wrap .con02 .sub_tit{margin-bottom: 50px;}
.sub0101_wrap .con02 ul li{display: flex;gap:60px;margin-bottom: 40px;align-items: flex-start;}
.sub0101_wrap .con02 ul li:last-child{margin-bottom: 0;}
.sub0101_wrap .con02 ul li p{position: relative; width: 240px;text-align: right;font-size: 30px;font-family: 'Seongang';}
.sub0101_wrap .con02 ul li p:after{content:'';position: absolute;right: -38px;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;background: url(../images/sub/sub0101_ico01.png);}
.sub0101_wrap .con02 ul li span{display: block;width: calc(100% - 300px);font-size: 18px;line-height: 24px;}
.sub0101_wrap .con02 ul li span em{position: relative;display: inline-block;padding-left: 10px;font-style: normal;}
.sub0101_wrap .con02 ul li span em:after{content:'-';position: absolute;left: 0;top: -1px;}

.sub0101_wrap .con03 .sub_tit{margin-bottom: 80px;}
.sub0101_wrap .con03 ul li{display: flex;padding-left: 105px;align-items: flex-start;margin-bottom: 55px;}
.sub0101_wrap .con03 ul li:last-child{margin-bottom: 0;}
.sub0101_wrap .con03 ul li span{display: block;width: 205px;color: #f98024;font-size: 24px;font-weight: 800;}
.sub0101_wrap .con03 ul li .txt{width: calc(100% - 205px);font-size: 20px;line-height: 26px;}
.sub0101_wrap .con03 ul li .ico_box{display: flex;width: calc(100% - 205px);gap:70px;}
.sub0101_wrap .con03 ul li .ico_box .box{display: flex;flex-direction: column;align-items: center;text-align: center;}
.sub0101_wrap .con03 ul li .ico_box .box strong{display: block;margin: 15px 0 10px;font-size: 18px;}
.sub0101_wrap .con03 ul li .ico_box .box p{font-size: 16px;line-height: 19px;}


@media screen and (max-width:1100px) {
.sub0101_wrap .con01 .txt_box .txt p{font-size: 18px;line-height: 23px;margin-bottom: 20px;}
.sub0101_wrap .con01 .txt_box .txt p:last-child{margin-bottom: 0;}
.sub0101_wrap .con01 .txt_box .txt p .b_txt{font-size: 22px;}
}


/* sub0201_wrap */
.sub0201_wrap .con01 .sub_tit{margin-bottom: 40px;}
.sub0201_wrap .con01 .sub_tit h3{margin-top: 0;}
.sub0201_wrap .con01 ul{display: flex;gap:40px;justify-content: center;}
.sub0201_wrap .con01 ul li .circle{width: 140px;padding-top: 50px;margin-bottom: 15px;text-align: center; aspect-ratio: 1/1;background: url(../images/sub/sub0201_bg01.png);}
.sub0201_wrap .con01 ul li .circle span{display: block; font-size: 18px;font-weight: 700;color: var(--ma_c01);}
.sub0201_wrap .con01 ul li .circle p{font-size: 16px;line-height: 17px;font-weight: 600;margin-top: 7px;}
.sub0201_wrap .con01 ul li .txt{display: flex;flex-direction: column;align-items: center;gap:8px;}
.sub0201_wrap .con01 ul li .txt p{position: relative; font-size: 16px;color: #4b4a4a;padding-left: 10px;}
.sub0201_wrap .con01 ul li .txt p:after{content:'';position: absolute;left: 0;top: 7px;width: 3px;height: 3px;border-radius: 50%;background: #4b4a4a;}

.sub0201_wrap .con02 .sub_tit_s{margin-bottom: 50px;}
.sub0201_wrap .con02 ul{display: flex;gap:20px;}
.sub0201_wrap .con02 ul li{position: relative;display: flex; width: calc((100% - 80px)/5);padding-top: 38px;height: 280px;border: 1px solid #ddd;align-items: center;flex-direction: column;text-align: center;}
.sub0201_wrap .con02 ul li:after{content:'';position: absolute;left: 50%;transform: translateX(-50%);width: 18px;height: 18px;border-radius: 50%;top: -9px;background: #ffcdab;}
.sub0201_wrap .con02 ul li:nth-child(2):after{background: #ffac75;}
.sub0201_wrap .con02 ul li:nth-child(3):after{background: #ff8e43;}
.sub0201_wrap .con02 ul li:nth-child(4):after{background: #fa771f;}
.sub0201_wrap .con02 ul li:nth-child(5):after{background: #f95800;}
.sub0201_wrap .con02 ul li strong{display: block; font-size: 20px;}
.sub0201_wrap .con02 ul li p{font-size: 16px;font-weight: 600;color: var(--ma_c01);margin: 10px 0 20px;}
.sub0201_wrap .con02 ul li span{display: block;font-size: 15px;line-height: 19px;letter-spacing: -0.5px;margin-top: 20px;}
.sub0201_wrap .con02 ul li .ico{height: 66px;}


/* sub0401_wrap */
.sub0401_wrap .con .sub_tit{margin-bottom: 60px;}
.sub0401_wrap .con .map_box{margin-bottom: 50px;}
.sub0401_wrap .con .map_box img{width: 100%;}
.sub0401_wrap .con ul{display: flex;flex-wrap:wrap;gap:20px 0;}
.sub0401_wrap .con ul li{display: flex; width: 50%;align-items: center;}
.sub0401_wrap .con ul li .ico{display: flex;align-items: center;width: 100px;gap:10px;}
.sub0401_wrap .con ul li .ico img{width: 19px;}
.sub0401_wrap .con ul li .ico strong{font-size: 20px;}
.sub0401_wrap .con ul li p{font-size: 16px;}