@media screen and (max-width:767px) {
/* header */
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 60px;width: 100%;}
#header h1 a img{width: 140px;}
#header .btn_box{display: flex;align-items: center;gap:15px;}
#header .all_btn{display: none; position: relative;width: 22px;height: 19px;}
#header .all_btn span{position: absolute; width: 100%;height: 2px;background: #fff;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: block; position: relative;width: 20px;height: 15px;}
#header .navi_btn span{position: absolute; width: 100%;height: 2px;background: #000;left: 0;transition: .3s;}
#header .navi_btn span:nth-child(1){top: 0;}
#header .navi_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .navi_btn span:nth-child(3){bottom: 0;}
#header .navi_btn.on span{background: #000;}
#header .navi_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .navi_btn.on span:nth-child(2){opacity: 0;}
#header .navi_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}
#header .btn_box a{font-size: 15px;color: #fff;transition: .3s;font-weight: 500;}


/* gnb */
.menu_box{position: absolute;display: none; left: 0;width: 100%;top: 0;align-items: center;justify-content: center;}
.gnb{display: flex;}
.gnb > li > a{display: block;line-height: 100px;text-align: center;width: 190px;font-size: 17px;transition: .3s;font-weight: 700;color: #fff;}
.gnb > li .fade_box{display: none; position: absolute;width: 100%; left: 0;top: 100%;background: #fafafa;}
.gnb > li ul{display: flex;width: 100%;justify-content: center;gap:50px;}
.gnb > li ul li a{position: relative; display: block;line-height: 100px;color: #232323;font-weight: 600;}
.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: absolute;left: 0;top: 100px;width: 100%;background: #fafafa;z-index: 2000;padding: 50px 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;}


/* 네비게이션 */
#navigation{display: none; position: fixed;left: 0;top: 60px;z-index: 1000;width: 100%;height: calc(100vh - 60px);background: rgba(0,0,0,.5);}
#navigation .navi_box{position: absolute; width: 65%;right: 0;top: 0;background: #fff;height: 100%;}
#navigation .navi_box > ul > li > a{position: relative; display: block;line-height: 45px;padding: 0 10px;border-top: 1px solid #ddd;font-size: 14px;}
#navigation .navi_box > ul > li > a:after{content:'';position: absolute;transition: .3s; right: 10px;top: 50%;transform: translateY(-50%);width: 12px;height: 8px;background: url(../images/main/navi_ico01.png);}
#navigation .navi_box > ul > li.on > a:after{transform:  translateY(-50%) rotate(180deg);}
#navigation .navi_box > ul > li:last-child > a{border-bottom: 1px solid #ddd;}
#navigation .navi_box > ul > li ul{display: none; background: #f4f4f4;padding: 10px;border-top: 2px solid var(--ma_c01);}
#navigation .navi_box > ul > li ul li a{display: block; line-height: 25px;font-size: 14px;}
#navigation .navi_box > ul > li ul li.on a{color: var(--ma_c01);font-weight: 600;}


/* 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: 25px;letter-spacing: 4px;margin-bottom: 20px;transform:scale(1.2);animation: v_ani02 1.5s ease forwards;opacity: 0;filter: blur(5px);}
#visual_wrap .txt_wrap p{font-size: 15px;letter-spacing: 4px;color: rgba(255,255,255,.8);line-height: 1.5; transform:scale(1.3);animation: v_ani02 1.5s ease forwards;animation-delay: .4s;opacity: 0;filter: blur(5px);}
#visual_wrap .txt_wrap p span{display: block;}

@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: 20px 0;flex-direction: column;gap:15px;align-items: center;justify-content: center;}
#footer .f_mid a img{width: 130px;}
#footer .f_mid address{font-style: normal;text-align: center;font-size: 14px;font-weight: 500;line-height: 20px;}
#footer .f_mid address span{padding-right: 12px;}
#footer .f_bot p{line-height: 30px;text-align: center;background: #7b7978;color: #fff;font-size: 13px;font-weight: 500;}



/* ----------------------------------- sub -------------------------------------------------*/
.sub_wrap{margin-top: 60px;}
.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: 13px;}
.sub_wrap .sub_visual .txt p{font-size: 30px;font-weight: 800;margin-top: 12px;}
.sub_wrap .con_wrap{padding: 40px 0 80px;}
.sub_wrap .con_wrap .con{margin-bottom: 60px;padding: 0;}
.sub_wrap .con_wrap .con:last-child{margin-bottom: 0;}
.sub_wrap .con_wrap .con .inner{width: 1080px;max-width: 100%;}

/* 타이틀 스타일 */
.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: 18px;}
.sub_wrap .con_wrap .sub_tit h3{font-size: 26px;font-weight: 800;color: var(--ma_c01);margin: 8px 0 7px;}
.sub_wrap .con_wrap .sub_tit span{font-size: 12px;font-weight: 500;color: #7b7978;}
.sub_wrap .con_wrap .sub_tit_s{font-size: 21px;text-align: center;margin-bottom: 25px;}
.sub_wrap .con_wrap .sub_tit_m{font-size: 25px;font-weight: 800;margin-bottom: 35px;text-align: center;}


/* 서브메뉴 */
.sub_menu_wrap ul{display: flex; width: 1080px;max-width: 100%;border-bottom: 1px solid #ddd;padding: 0;}
.sub_menu_wrap ul li{flex:1;}
.sub_menu_wrap ul li a{position: relative; display: block; line-height: 50px;text-align: center;font-size: 14px;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:20px 10px;flex-wrap:wrap;word-break: break-all;}
ul.list_st01 li{width: calc((100% - 10px)/2);}
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: 17px;font-weight: 600;line-height: 20px;margin: 10px 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: 14px;font-weight: 500;color: #4b4a4a;}

ul.list_st02{display: flex;gap:20px 10px;flex-wrap:wrap;}
ul.list_st02 li{width: calc((100% - 10px)/2);}
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: 17px;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: 14px;font-weight: 500;color: #4b4a4a; }

ul.list_st03{display: flex;gap:20px 10px;flex-wrap:wrap;}
ul.list_st03 li{width: calc((100% - 10px)/2);}
ul.list_st03 li a{display: block;}
ul.list_st03 li a .circle{border-radius: 50%;padding: 10px;background: url(../images/sub/sub0302_bg01.png);margin-bottom: 15px;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: 17px;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: 14px;font-weight: 500;color: #4b4a4a; }


/* 페이징 */
.paging_wrap{margin-top: 60px;}
.paging_wrap ul{display: flex;gap:10px;justify-content: center;}
.paging_wrap ul li a{display: flex;width: 30px;height: 30px; align-items: center;justify-content: center;font-weight: 700;transition: .3s;border-radius: 50%;font-size: 13px;}
.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:20px;flex-wrap:wrap;}
.sub0101_wrap .con01 .img_box{width: 100%;}
.sub0101_wrap .con01 .img_box img{width: 100%;}
.sub0101_wrap .con01 .txt_box{width: 100%;text-align: center;}
.sub0101_wrap .con01 .txt_box .txt p{font-size: 15px;line-height: 22px;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: 20px;}

.sub0101_wrap.con_wrap .con02{padding:0 0px 120px 0px;background: url(../images/sub/sub0101_bg01.jpg) bottom right -60px no-repeat;background-size: 800px auto;}
.sub0101_wrap .con02 .sub_tit{margin-bottom: 50px;}
.sub0101_wrap .con02 ul li{display: block;gap:40px;margin-bottom: 30px;align-items: flex-start;}
.sub0101_wrap .con02 ul li:last-child{margin-bottom: 0;}
.sub0101_wrap .con02 ul li p{position: relative; width: fit-content;text-align: left;font-size: 23px;font-family: 'Seongang';margin-bottom: 15px;}
.sub0101_wrap .con02 ul li p:after{content:'';position: absolute;right: -20px;top: 0;transform: translateY(0);width: 12px;height: 12px;background: url(../images/sub/sub0101_ico01.png);background-size: cover;}
.sub0101_wrap .con02 ul li span{display: block;width: 100%;font-size: 14px;line-height: 20px;}
.sub0101_wrap .con02 ul li span em{position: relative;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: 50px;}
.sub0101_wrap .con03 ul li{display: block;padding-left: 0px;align-items: flex-start;margin-bottom: 30px;}
.sub0101_wrap .con03 ul li:last-child{margin-bottom: 0;}
.sub0101_wrap .con03 ul li span{display: block;width: auto;color: #f98024;font-size: 20px;font-weight: 800;margin-bottom: 15px;}
.sub0101_wrap .con03 ul li .txt{width: 100%;font-size: 15px;line-height: 22px;}

.sub0101_wrap .con03 ul li .ico_box{display: flex;width:100%;gap:60px;}
.sub0101_wrap .con03 ul li .ico_box img{width: 50px;}
.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: 16px;}
.sub0101_wrap .con03 ul li .ico_box .box p{font-size: 15px;line-height: 19px;}


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

.sub0201_wrap .con02 .sub_tit_s{margin-bottom: 40px;}
.sub0201_wrap .con02 ul{display: flex;gap:20px 10px;flex-wrap:wrap;justify-content: center;}
.sub0201_wrap .con02 ul li{position: relative;display: flex; width: calc((100% - 10px)/2);padding-top: 30px;height: 260px;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: 18px;}
.sub0201_wrap .con02 ul li p{font-size: 15px;font-weight: 600;color: var(--ma_c01);margin: 10px 0 20px;}
.sub0201_wrap .con02 ul li span{display: block;font-size: 13px;line-height: 19px;letter-spacing: -0.5px;margin-top: 20px;}
.sub0201_wrap .con02 ul li .ico{height: 60px;}
.sub0201_wrap .con02 ul li .ico img{width: 60px;}


/* sub0401_wrap */
.sub0401_wrap .con .sub_tit{margin-bottom: 40px;}
.sub0401_wrap .con .map_box{margin-bottom: 30px;}
.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: 100%;align-items: center;}
.sub0401_wrap .con ul li .ico{display: flex;align-items: center;width: 80px;gap:10px;}
.sub0401_wrap .con ul li .ico img{width: 17px;}
.sub0401_wrap .con ul li .ico strong{font-size: 16px;}
.sub0401_wrap .con ul li p{font-size: 14px;}



}