p{line-height:1.5;color:#333}


/*_pc*/
@media all and (min-width:1201px) {	

  #header {
    position: absolute;
  }
    
	/*비주얼영역*/
	.s_visual{display:flex;position: relative;flex-direction:column;justify-content:center;align-items:center;height:625px;}
	.s_visual .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;  }
	.s_visual .bg:before {content: "";position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1.05);transition: 8s;  }
	.s_visual.on .bg:before {transform: scale(1);}
	.s_visual .stit{font-size:18px;font-weight:600;color:#fff;margin-top:50px}
	.s_visual .htit{font-size:64px;color:#fff;font-weight:700;;margin:20px 0}
	.s_visual.s0101 .bg:before {background: url("../images/sub/s0101_visual.jpg") no-repeat center /cover;  }
	.s_visual.s0101{}
    
    
	/*상단 카테고리*/
	.s_cate {margin: 50px 0 0;}
	.s_cate .current {display: none;}
	.s_cate .sub {position: relative;border-radius: 60px;padding: 5px;}
	.s_cate .sub:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;backdrop-filter: blur(5px);filter: brightness(1.5);border-radius: 60px;}
	.s_cate .sub dl {display: flex;gap: 10px;position: relative;}
	.s_cate .sub dd {}
	.s_cate .sub dd a {display: block;height: 50px;line-height: 50px;font-size: 18px;color: #fff;padding: 0 30px;border-radius: 50px;font-weight: 700;transition: 0.3s;}
	.s_cate .sub dd.on a,
	.s_cate .sub dd:hover a {font-weight: 700;background: #fff;color: #191919;}


	/*본문 메뉴*/
	.s_menu {position: sticky;z-index: 10;top: 0;border-bottom: 1px solid #d9d9d9;background: #fff;margin-bottom: 200px;}
    .s_menu .container{}
    .s_menu .swiper-slide {width:auto;padding:0 30px}
    .s_menu .swiper-slide a{display:block;font-size:18px;font-weight:600;line-height:77px;transition:0.3s}
    .s_menu .swiper-slide a:hover{color:var(--main-color)}
    .s_menu .swiper-slide a.on{border-bottom:1px solid var(--main-color);color:var(--main-color)}
    
    
    /*작은본문영역*/
    .container.min{max-width:1340px}    
    
    /*h타이틀*/
    h3.htit{margin:50px 0;font-size:40px;font-weight:700;line-height:1.4;}
    h3.htit.w{color:#fff}
    
    /*라운드*/
    .bd-radius{border-radius:15px;overflow:hidden}
    
    
    /*개별페이지*/
    .s0101_sec1{padding:0 0 200px;background:url('../images/sub/s0101_bg1.jpg') no-repeat right bottom}
    .s0101_sec1 .container{display:flex;gap:150px;align-items: center}
    .s0101_sec1 .thumbG{flex:1}
    .s0101_sec1 .infoG{flex:1}
    
    
    .s0101_sec2{background:url('../images/sub/s0101_bg2.jpg') no-repeat center /cover #000;height:525px}
    .s0101_sec2 .container{display:flex;flex-direction: column;justify-content: center;align-items: center;gap:80px; height:100%;}
    .s0101_sec2 .logoG{display:flex;justify-content: space-around;width:100%;;margin-bottom:40px}
    
    
    .s0101_sec3{margin:180px 0}
    .s0101_sec3 .infoG .list{display:flex;gap:50px}    
    .s0101_sec3 .infoG .list li{flex:1;display:flex;gap:30px;align-items: center; background:#f9f9f9;padding:40px;}    
    .s0101_sec3 .infoG .list li .ico{min-width:100px;height:100px}
    .s0101_sec3 .infoG .list li .inner{flex:1;font-size:20px;font-weight:600}
    .s0101_sec3 .infoG .list li:nth-child(1){flex:2}
    .s0101_sec3 .infoG .list li:nth-child(1) .ico{background:url('../images/sub/s0101_ico1.png') no-repeat center /cover}
    .s0101_sec3 .infoG .list li:nth-child(2) .ico{background:url('../images/sub/s0101_ico2.png') no-repeat center /cover}
    .s0101_sec3 .infoG .list li:nth-child(3) .ico{background:url('../images/sub/s0101_ico3.png') no-repeat center /cover}
    .s0101_sec3 .infoG .list li .tit{color:#999}
    .s0101_sec3 .infoG .list li .desc{margin-top:10px}
    
    .s0101_sec3  .mapG{margin:40px 0;background:#f9f9f9;height:500px}
}

    

/*_mobile*/
@media all and (max-width:1200px) {

  #header {position: absolute;  }
    
    /*비주얼영역
    .s_visual{display:flex;position:relative;z-index:10;flex-direction:column;justify-content:center;align-items:center;height:360px;background:url('../images/sub/s0101_visual_mo.jpg') no-repeat center /cover;text-align:center;padding:0 15px}
    .s_visual .stit{font-size:16px;font-weight:600;color:#fff;margin-top:50px}
    .s_visual .htit{font-size:40px;color:#fff;font-weight:700;;margin:20px 0;margin-bottom:100px}
    .s_visual.s0101{background:url('../images/sub/s0101_visual_mo.jpg') no-repeat center /cover}
    .s_visual.s0102{background:url('../images/sub/s0102_visual_mo.jpg') no-repeat center /cover}
    .s_visual.s0103{background:url('../images/sub/s0103_visual_mo.jpg') no-repeat center /cover}
	*/
	.s_visual{display:flex;position: relative;z-index: 20;flex-direction:column;justify-content:center;align-items:center;height:360px;}
	.s_visual .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;  }
	.s_visual .bg:before {content: "";position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1.05);transition: 8s;  }
	.s_visual.on .bg:before {transform: scale(1);}
	.s_visual .stit{font-size:16px;font-weight:600;color:#fff;margin-top:50px}
	.s_visual .htit{font-size:40px;color:#fff;font-weight:700;;margin:20px 0}
	.s_visual.s0101 .bg:before {background: url("../images/sub/s0101_visual.jpg") no-repeat center /cover;  }
    
    
    /*상단 카테고리*/
    .s_cate{position:absolute;left:15px;width:calc(100% - 30px);border-radius:30px;padding:5px;top:260px;backdrop-filter: blur(5px);filter:brightness(1.5);text-align:left}   
    .s_cate.on{background:#fff;filter:brightness(1);border:1px solid #ddd}
    .s_cate.on .current{background-color:var(--main-color)}
    .s_cate.on .sub{position:relative;visibility: visible;opacity:1}
    .s_cate .current{font-size:16px;color:#fff;line-height:46px;border-radius:25px;padding:0 30px;font-weight:600;background:url('../images/ico_arrow-bottom-w.png') no-repeat calc(100% - 25px) center /18px;cursor:pointer}
    
    .s_cate .sub{visibility:hidden;position:absolute;left:0;width:100%;;border-radius:56px;;padding:5px;opacity:0;transition:0.3s}    
    .s_cate .sub dl{}
    .s_cate .sub dd{margin:10px 0}    
    .s_cate .sub dd a{display:block;;line-height:40px;font-size:16px;padding:0 25px;font-weight:600}
    
    /*본문 메뉴*/
    .s_menu {position: sticky;z-index: 10;top: 0;border-bottom:1px solid #ddd;background: #fff;;margin-bottom: 50px;}
    .s_menu .container{}
    .s_menu .swiper-slide {width:auto;padding:0 15px}
    .s_menu .swiper-slide a{display:block;font-size:14px;font-weight:600;line-height:50px;transition:0.3s}
    .s_menu .swiper-slide a:hover{color:var(--main-color)}
    .s_menu .swiper-slide a.on{border-bottom:1px solid var(--main-color);color:var(--main-color)}
    
    
    /*작은본문영역*/
    .container.min{max-width:1340px}    
    
    /*h타이틀*/
    h3.htit{margin:50px 0;font-size:24px;font-weight:700;line-height:1.4;}
    h3.htit.w{color:#fff}
    
    /*라운드*/
    .bd-radius{border-radius:10px;overflow:hidden}
    
    
    /*개별페이지*/
    .s0101_sec1{padding:0 0 100px;background:url('../images/sub/s0101_bg1.jpg') no-repeat right 40% /50%}
    .s0101_sec1 .container{}
    .s0101_sec1 .thumbG{}
    .s0101_sec1 .infoG{margin:50px 0 0}
    
    
    .s0101_sec2{background:url('../images/sub/s0101_bg2.jpg') no-repeat center /cover #000;height:400px}
    .s0101_sec2 .container{display:flex;flex-direction: column;justify-content: center;align-items: center;gap:20px; height:100%;}
    .s0101_sec2 .logoG{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:20px 50px;margin-bottom:40px}
    .s0101_sec2 .logoG a{flex:1;min-width:120px;max-width:120px;text-align:center}
    
    
    .s0101_sec3{margin:90px 0}
    .s0101_sec3 .infoG .list{  }  
    .s0101_sec3 .infoG .list li{flex:1;display:flex;gap:20px;align-items: center; background:#f9f9f9;padding:20px;margin:20px 0}
    .s0101_sec3 .infoG .list li .ico{min-width:60px;height:60px;}
    .s0101_sec3 .infoG .list li .inner{flex:1;font-size:14px;font-weight:600}
    .s0101_sec3 .infoG .list li:nth-child(1) .ico{background:url('../images/sub/s0101_ico1.png') no-repeat center /cover}
    .s0101_sec3 .infoG .list li:nth-child(2) .ico{background:url('../images/sub/s0101_ico2.png') no-repeat center /cover}
    .s0101_sec3 .infoG .list li:nth-child(3) .ico{background:url('../images/sub/s0101_ico3.png') no-repeat center /cover}
    .s0101_sec3 .infoG .list li .tit{color:#999}
    .s0101_sec3 .infoG .list li .desc{margin-top:10px;line-height:1.4}
    
    .s0101_sec3  .mapG{margin:40px 0;background:#f9f9f9;height:350px}


}

@media all and (max-width:440px) {

}