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

/* header */
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;}
#header.white.on{border-bottom: 0 solid #000;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 70px;width: 100%;}
#header .btn_box{display: flex;align-items: center;gap:20px;}
#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: 22px;height: 19px;}
#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: 70px;z-index: 1000;width: 100%;height: calc(100vh - 70px);background: rgba(0,0,0,.5);}
#navigation .navi_box{position: absolute; width: 50%;right: 0;top: 0;background: #fff;height: 100%;}
#navigation .navi_box > ul > li > a{position: relative; display: block;line-height: 60px;padding: 0 20px;border-top: 1px solid #ddd;font-size: 16px;}
#navigation .navi_box > ul > li > a:after{content:'';position: absolute;transition: .3s; right: 20px;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: 15px 20px;border-top: 2px solid var(--ma_c01);}
#navigation .navi_box > ul > li ul li a{display: block; line-height: 35px;font-size: 16px;}
#navigation .navi_box > ul > li ul li.on a{color: var(--ma_c01);font-weight: 600;}


/* ----------------------------------- sub -------------------------------------------------*/
.sub_wrap{margin-top: 70px;}
.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;}
.sub_wrap .sub_visual .txt p{font-size: 35px;font-weight: 800;margin-top: 15px;}
.sub_wrap .con_wrap{padding: 80px 0 90px;}
.sub_wrap .con_wrap .con{margin-bottom: 70px;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: 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_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: 55px;text-align: center;font-size: 18px;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:30px 20px;flex-wrap:wrap;word-break: break-all;}
ul.list_st01 li{width: calc((100% - 40px)/3);}
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:30px 20px;flex-wrap:wrap;}
ul.list_st02 li{width: calc((100% - 40px)/3);}
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:30px 20px;flex-wrap:wrap;}
ul.list_st03 li{width: calc((100% - 40px)/3);}
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; }


/* sub0101_wrap */
.sub0101_wrap .con01 .inner{display: flex;align-items: flex-end;gap:30px;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: 18px;line-height: 24px;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;}

.sub0101_wrap.con_wrap .con02{padding:0 0px 140px 0px;background: url(../images/sub/sub0101_bg01.jpg) bottom center no-repeat;background-size: 1100px auto;}
.sub0101_wrap .con02 .sub_tit{margin-bottom: 50px;}
.sub0101_wrap .con02 ul li{display: flex;gap:40px;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: 170px;text-align: right;font-size: 27px;font-family: 'Seongang';}
.sub0101_wrap .con02 ul li p:after{content:'';position: absolute;right: -27px;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% - 210px);font-size: 16px;line-height: 22px;}
.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: 80px;}
.sub0101_wrap .con03 ul li{display: flex;padding-left: 60px;align-items: flex-start;margin-bottom: 50px;}
.sub0101_wrap .con03 ul li:last-child{margin-bottom: 0;}
.sub0101_wrap .con03 ul li span{display: block;width: 170px;color: #f98024;font-size: 22px;font-weight: 800;}
.sub0101_wrap .con03 ul li .txt{width: calc(100% - 170px);font-size: 18px;line-height: 24px;}
.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;}


/* 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:20px;justify-content: center;}
.sub0201_wrap .con01 ul li .circle{width: 130px;padding-top: 45px;margin-bottom: 12px;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: 16px;font-weight: 700;color: var(--ma_c01);}
.sub0201_wrap .con01 ul li .circle p{font-size: 16px;line-height: 15px;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: 15px;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:10px;}
.sub0201_wrap .con02 ul li{position: relative;display: flex; width: calc((100% - 40px)/5);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: 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: 100%;align-items: center;}
.sub0401_wrap .con ul li .ico{display: flex;align-items: center;width: 100px;gap:10px;}
.sub0401_wrap .con ul li .ico strong{font-size: 20px;}
.sub0401_wrap .con ul li p{font-size: 16px;}



}