#new_wrap {position: relative; max-width: 1920px; width: 100%; height: 100%; margin: 0 auto;}
br {opacity: 0;}


/* 헤더 */

#header {position: absolute; top: 0; left: 0; width: 100%; height: 90px; z-index: 150;}
.head {position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1600px; width: 100%; height: 100%; margin: 0 auto;}
.head .logo img.logo_on {display: none;}
.gnb {display: flex; align-items: center;}
.gnb > li {position: relative; margin: 0 30px;}
.gnb > li > a {font-size: 20px; color: #ffffff; font-weight: 900;}

.head_rt{display:flex; flex-direction:row; align-items:center}
.site_btn{display:flex; flex-direction:column; margin-right:30px}
.site_btn a{font-size:16px; font-weight:600; color:#fff; margin-bottom:5px; padding:5px 12px; border-radius:20px; border:1px solid #fff;}
.site_btn a:last-of-type{margin:0}
.site_btn a i{display:inline-block; width:6px; height:10px; background:url("/images/main/site_btn_arrow.png") no-repeat center / 100%; margin-left:8px;}

.head_btn {width: 25px; cursor: pointer; display: flex; gap: 5px; flex-wrap: wrap;}
.head_btn span {display: block; width: 100%; height: 2px; background: #fff; border-radius: 2px;}
.head_mob_btn {display: none;}
.head_mob_overlay {display: none; }
.head_mob_bg {display: none; }
.head_mob_bg.active {display: none;}

#header:hover {background: #fff; border-bottom: 1px solid #ddd;}
#header:hover .head .logo img.logo {display: none;}
#header:hover .head .logo img.logo_on {display: block;}
#header:hover .head_btn span {background: #000;}
#header:hover .head_mob_btn span {background: #000;}
#header:hover .gnb > li > a {color: #000;}
#header:hover .gnb > li:hover > a {color: #145bdf;}
#header:hover .gnb > li:hover .gnb_2depth {display: block;}
#header:hover .site_btn a{color:#000; border-color:#000}
#header:hover .site_btn a i{background:url("/images/main/site_btn_arrow_b.png") no-repeat center / 100%;}
#header:hover .site_btn a:hover{color:#fff; background:#145bdf; border-color:#145bdf}
#header:hover .site_btn a:hover i{background:url("/images/main/site_btn_arrow.png") no-repeat center / 100%;}

#header.fixed {background: #fff; position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #ddd;}
#header.fixed .head .logo img.logo {display: none;}
#header.fixed .head .logo img.logo_on {display: block;}
#header.fixed .head_btn span {background: #000;}
#header.fixed .head_mob_btn span {background: #000;}
#header.fixed .gnb > li > a {color: #000;}
#header.fixed .gnb > li:hover > a {color: #145bdf;}
#header.fixed .gnb > li:hover .gnb_2depth {display: block;}
#header.fixed .site_btn a{color:#000; border-color:#000}
#header.fixed .site_btn a i{background:url("/images/main/site_btn_arrow_b.png") no-repeat center / 100%;}
#header.fixed .site_btn a:hover{color:#fff; background:#145bdf; border-color:#145bdf}
#header.fixed .site_btn a:hover i{background:url("/images/main/site_btn_arrow.png") no-repeat center / 100%;}


.gnb > li > a {padding-bottom: 40px;}
.gnb_2depth {display: none; position: absolute; left: 50%; transform: translateX(-50%); background: #fff; padding: 30px 0; width: 200px; margin-top: 20px;}
.gnb_2depth li + li {margin-top: 20px;}
.gnb_2depth li {text-align: center;}
.gnb_2depth li a {display: inline-block; color: #000; font-size: 18px;}
.gnb_2depth li:hover a {color: #145bdf}


/* 헤드 전체 메뉴 */

.head_all_menu.on {  display: block;  } 
.head_all_menu {display: none; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.97);  z-index: 300;  } 
.head_all_menu .logo {  position: absolute;  top: 50px;  left: 50%;  transform: translateX(-50%);  z-index: 10;  } 
.head_all_menu .logo img {  width: 205px;  } 
.head_all_close {  position: absolute;  top: 50px;  right: 20px;  width: 50px;  height: 50px;  cursor: pointer;  z-index: 10;  } 
.head_all_close:before {  content: "";  position: absolute;  left: 0;  transform: rotate(45deg);  height: 50px;  width: 2px;  background: #fff;  } 
.head_all_close:after {  content: "";  position: absolute;  left: 0;  transform: rotate(-45deg);  height: 50px;  width: 2px;  background: #fff;  } 
.head_all_inner_menu {  display: table;  table-layout: fixed;  width: 100%;  height: 100%;  } 
.head_all_inner_menu li {  position: relative;  display: table-cell;  width: 25%;  text-align: center;  vertical-align: top;  padding-top: 20%;  } 
.head_all_inner_menu li+li:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 1px;  height: 100%;  background: rgba(255, 255, 255, 0.2);  } 
.head_all_inner_menu dl dt a {  color: #fff;  font-size: 25px;  line-height: 1.3;  font-weight: 700;  } 
.head_all_inner_menu dl dt {  margin-bottom: 40px;  } 
.head_all_inner_menu dl dd a {  color: #fff;  font-size: 18px;  line-height: 1.4;  } 
.head_all_inner_menu dl dd+dd {  margin-top: 10px;  } 
.head_all_inner_menu dl dd:hover a {  color: #145bdf;  } 



/* 비주얼 */

.visual {position: relative; height: 940px; overflow: hidden;}
.vis_txt {position: absolute; top: 290px; left: 0; width: 100%; text-align: center; z-index: 15;}
.vis_txt em {display: block; font-size: 20px; color: #ffffff; font-weight: 800;}
.vis_txt h2 {font-size: 60px; color: #ffffff; font-weight: 300; margin-top: 10px;}
.vis_txt h2 strong {font-size: 80px; display: block; font-weight: 900;} 
.vis_list {position: relative; height: 940px;}
.vis_list_img {height: 100%;}
.vis_list_img.bg01 {background: url("/images/main/vis_img1.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg02 {background: url("/images/main/vis_img1.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg03 {background: url("/images/main/vis_img1.jpg") center top no-repeat; background-size: cover;}

.vis_direction {position: absolute; top: 520px; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
.vis_direction .vis_arrow {color: #fff; font-size: 16px; cursor: pointer;}
.vis_direction_inner {position: relative; margin: 0 25px;}
.vis_direction_inner .page_info span {font-size: 20px; color: #ffffff; font-weight: 800;}
.vis_direction_inner .page_info span.total_num {margin-left: 120px;}
.vis_direction_inner .slider-progress {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width:100%; max-width: 80px; height: 1px; background:rgba(255,255,255,0.5);  overflow:hidden; }
.vis_direction_inner  .slider-progress .progress {width:0%; height: 1px; background:#fff; position:absolute;}
.vis_scroll { position: absolute; bottom: 210px; left: 0; right: 0; max-width: 1600px; width: 100%; margin: auto; z-index: 10;}
.vis_scroll:before {content: ""; position: absolute; top: 117px; left: 7px; width: 1px; height: 180px; background: rgba(255,255,255,0.5);}
.vis_scroll:after {content: ""; position: absolute; top: 170px; left: 3px; width: 10px; height: 10px; background: #fff; border-radius: 50%;}
.vis_scroll span {writing-mode: tb-rl;  color: #fff;}

.visual_slider .slick-active {transition: 1800ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: ani 2.5s 1;}

@keyframes ani {
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}


.visual_slider .slick-active .vis_txt em {
	animation-name:fadeInRight;
	animation-duration:2s;
	opacity: 0;
	animation-fill-mode: forwards;
}

.visual_slider .slick-active .vis_txt h2 {
	animation-name:fadeInRight;
	animation-duration:2s;
	animation-delay: .5s;
	opacity: 0;
	animation-fill-mode: forwards;
}



@keyframes fadeInRight {
	0% {
		transform:translateY(70px);
		opacity:0;
	}
	100% {
		transform:translateY(0);
		opacity:1;
	}
}


/* 섹션 1 */

.section1 {padding: 150px 0 80px;}
.inner {max-width: 1600px; width: 100%; margin: 0 auto;}
.sec1_menu_wrap {position: relative; display: flex; align-items: flex-start; min-height: 700px;}
.sec1_menu_wrap:before {content: ""; position: absolute; top: 300px; left: 0; width: 687px; height: 164px; background: url("/images/main/sec1_txt_bg.png") center no-repeat; background-size: 100%;}
.sec1_txt h2 {font-family: "Montserrat"; font-size: 50px; color: #000000; font-weight: 800;}
.sec1_txt p {font-size: 20px; color: #555555; font-weight: 500; margin-top: 10px;}
.sec1_txt .more_wrap {display: flex; align-items: center; margin-top: 40px;}
.sec1_txt .more_wrap a {display: flex; align-items: center; justify-content: center; font-size: 16px; color: #aaaaaa; font-weight: bold; border-radius: 50px; height: 55px; border: 1px solid #aaa; padding: 0 42px;}
.sec1_txt .more_wrap a .more_ic {display: inline-block; vertical-align: middle; width: 35px; height: 7px; background: url("/images/main/more_ic.png") center no-repeat; background-size: 100%; margin-left: 10px;}
.sec1_wrap {position: absolute; top: 0; right: 0;}
.pj_tabnav {display: flex; align-items: center;}
.pj_tabnav li {margin-right: 40px;}
.pj_tabnav li:last-child {margin-right: 0;}
.pj_tabnav li a {position: relative; display: inline-block; font-size: 23px; color: #555; font-weight: bold; padding-bottom: 10px;}
.pj_tabnav li a.active:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #145bdf;}
.pj_tabnav li a.active {color: #145bdf;}
.pj_tabcontent {margin-top: 40px;}
.pj_slider {width: 1050px; margin: 0 -25px;}
.pj_slider .pj_slide_list {padding: 0 25px; outline: 0;}
.pj_slider .img_wrap {position: relative; height: 525px; overflow: hidden;}
.pj_slider .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100%; height: auto;}
.pj_slider .txt_wrap {margin-top: 30px;}
.pj_slider .txt_wrap h2 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 30px; color: #000000; font-weight: 900; overflow: hidden; text-overflow: ellipsis;}
.pj_slider .txt_wrap .text_content {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 20px; color: #555555; font-weight: 300; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.pj_direction {display: flex; align-items: center; position: absolute; bottom: 110px; left: -600px;}
.pj_direction .pj_arrow {font-size: 15px; color: #aaa; cursor: pointer;}
.pj_page_info {display: flex; align-items: center; margin: 0 30px;}
.pj_page_info .current_num { font-size: 20px; color: #555555; font-weight: 900;}
.pj_page_info .total_num {font-size: 20px; color: #cccccc; font-weight: 900;}
.pj_page_info .bar {display: inline-block; width: 22px; height: 1px; background: #aaa; margin: 0 20px;}

/* 섹션 2 */

.section2 {padding: 135px 0 160px; background: url("/images/main/sec2_bg.jpg") center top no-repeat; background-size: cover;}
.sec2_menu {position: relative; }
.sec2_menu .ar_tabnav {position: absolute; top: 0; right: 0; z-index: 10;}
.ar_tabnav li a {font-size: 80px; color: #ffffff; font-weight: 500;text-align: right;}
.ar_tabnav li a.active {color: #3f81fb;}
.ar_tabcontent {padding-top: 55px;}
.sec2_inner {position: relative;}
.sec2_inner .txt_wrap {position: absolute; left: 0; bottom: 0; background: #091d3e; padding: 45px 0 25px; padding-right: 340px;}
.sec2_inner .txt_wrap .more_ic {position: absolute; top: 0; right: 0; width: 130px; height: 100%; background: #fff; display: flex; align-items: center; justify-content: center;}
.sec2_inner .txt_wrap a {display: flex; align-items: center;}
.sec2_inner .txt_wrap a .txt_lt h3 {font-size: 35px; color: #ffffff; font-weight: 900; line-height: 1;}
.sec2_inner .txt_wrap a .txt_lt p {font-size: 20px; line-height: 1.5; color: #ffffff; font-weight: 300; margin-top: 10px;}

/* 섹션 3 */

.section3 {padding: 130px 0 180px;}
.sec3_wrap {display: flex; align-items: flex-start;}
.sec3_lt {width: 450px;}
.sec3_rt {width: calc(100% - 450px);}
.news_slider {margin: 0 -25px;}
.news_list {padding: 0 25px;}
.news_list a {display: block; height: 100%;}
.news_list .cate {font-size: 18px; line-height: 1.5; color: #000000; font-weight: bold; border-bottom: 3px solid #000; padding-bottom: 20px;}
.news_list h2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 32px; line-height: 1.25; color: #000000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; height: 2.5em; margin-top: 30px;}
.news_list .news_content {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 18px; line-height: 1.55; color: #676767; font-weight: 300; height: 4.65em; overflow: hidden; text-overflow: ellipsis; margin-top: 40px;}
.news_list .date {margin-top: 20px; display: flex; align-items: center;}
.news_list .date span {font-size: 16px; color: #555555; font-weight: 300; font-family: "Montserrat";}
.news_list .date .time_ic {display: inline-block; width: 19px; height: 19px; background: url("/images/main/time_ic.png") center no-repeat; background-size: 100%; margin-right: 10px;}
.news_direction {display: flex; align-items: center; margin-top: 70px;}
.news_direction.mob {display: none;}
.news_direction .news_arrow {font-size: 15px; color: #aaa; cursor: pointer;}
.news_page_info {display: flex; align-items: center; margin: 0 30px;}
.news_page_info .current_num { font-size: 20px; color: #555555; font-weight: 900;}
.news_page_info .total_num {font-size: 20px; color: #cccccc; font-weight: 900;}
.news_page_info .bar {display: inline-block; width: 22px; height: 1px; background: #aaa; margin: 0 20px;}

/* 섹션 4 */

.section4 {padding: 180px 0 170px; background: url("/images/main/sec4_bg.jpg") center top no-repeat; background-size: cover;}
.sec4_txt {text-align: center;}
.sec4_txt h2 {font-size: 50px; line-height: 1.2; color: #ffffff; font-weight: 300;}
.sec4_txt h2 strong {font-weight: 900;}
.sec4_txt p {font-size: 23px; line-height: 1.3; color: #ffffff; margin-top: 20px;}
.sec4_txt .more_wrap {display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.sec4_txt .more_wrap a.more {display: flex; align-items: center; justify-content: center; border-radius: 50px; border: 1px solid #fff; font-size: 16px; color: #fefefe; font-weight: bold; height: 55px; padding: 0 42px;}
.sec4_txt .more_wrap a.more .more_ic {display: inline-block; vertical-align: middle; width: 35px; height: 7px; background: url("/images/main/more_ic.png") center no-repeat; background-size: 100%; margin-left: 10px;}
.mob_br{display:none}

/* 섹션 5 */

.section5 {padding: 110px 0;}
.sec5_wrap {display: flex; align-items: flex-start;}
.sec5_lt {width: 27.5%;}
.sec5_rt {width: 72.5%; padding-left: 70px;}
.sec5_title {position: relative; font-size: 25px; color: #000000; font-weight: 800; font-family: "Montserrat"; margin-bottom: 50px;}
.sec5_title:before {content: ""; display: inline-block; vertical-align: middle; width: 55px; height: 2px; background: #5b5b5b; margin-right: 20px;}
.notice_wrap ul li {border-bottom: 1px solid #cdcdcd}
.notice_wrap ul li a {display: block; padding: 30px 0;}
.notice_wrap ul li a h2 {font-size: 25px; color: #000000; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.notice_wrap ul li a span {display: block; font-size: 14px; color: #606060; font-weight: 300; font-family: "Montserrat"; margin-top: 10px;}
.contact_wrap ul {position: relative; margin: 0 -10px;}
.contact_wrap ul li {float: left; width: 33.33%; padding: 0 10px;}
.contact_wrap ul li a {position: relative; display: flex; justify-content: center; padding: 70px 0 50px; align-items: center; z-index: 1;}
.contact_wrap ul li a:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ccc; z-index: -1;}
.contact_inner {text-align: center;}
.contact_inner .img_ic {width: 70px; height: 76px; margin: 0 auto;}
.contact_inner .img_ic.img_ic1 {background: url("/images/main/contact_ic1.png") center no-repeat; background-size: 100%;}
.contact_inner .img_ic.img_ic2 {background: url("/images/main/contact_ic2.png") center no-repeat; background-size: 100%;}
.contact_inner .img_ic.img_ic3 {background: url("/images/main/contact_ic3.png") center no-repeat; background-size: 100%;}
.contact_inner em {display: block; font-size: 14px; color: #000000; font-weight: 900; margin-top: 20px;}
.contact_inner h3 {font-size: 30px; color: #000000; font-weight: bold; margin-top: 10px;}
.contact_inner p {font-size: 20px; line-height: 1.5; color: #000000; font-weight: 300; margin-top: 20px;}
.contact_wrap ul li a:hover:before {border: 1px solid #145bdf;}
.contact_wrap ul li a:hover {background: #145bdf;}
.contact_wrap ul li a:hover .img_ic.img_ic1 {background: url("/images/main/contact_ic1_on.png") center no-repeat; background-size: 100%;}
.contact_wrap ul li a:hover .img_ic.img_ic2 {background: url("/images/main/contact_ic2_on.png") center no-repeat; background-size: 100%;}
.contact_wrap ul li a:hover .img_ic.img_ic3 {background: url("/images/main/contact_ic3_on.png") center no-repeat; background-size: 100%;}
.contact_wrap ul li a:hover .contact_inner em {color: #fff;}
.contact_wrap ul li a:hover .contact_inner h3 {color: #fff;}
.contact_wrap ul li a:hover .contact_inner p {color: #fff;}

/* 푸터 */

#footer {padding: 70px 0;  background: #1f2329;} 
.ft_wrap {position: relative; display: flex;  align-items: flex-start;} 
.ft_logo img {width: 205px;} 
.ft_menu {margin-left: 80px;} 
.ft_tp_menu {display: flex; align-items: center;} 
.ft_tp_menu span {position: relative;  margin-right: 20px;  } 
.ft_tp_menu span:last-child {margin-right: 0;} 
.ft_tp_menu span a {display: block; font-size: 16px; color: #d5d5d5; font-weight: 300;} 
.ft_inner_menu {margin-top: 15px;} 
.ft_inner_menu ul {position: relative;} 
.ft_inner_menu ul:after {content: ""; display: block; clear: both;} 
.ft_inner_menu ul li {float: left; margin-right: 20px;} 
.ft_inner_menu ul li:last-child {margin-right: 0;} 
.ft_inner_menu ul li strong {font-size: 15px; color: #9e9e9e; font-weight: 400;} 
.ft_inner_menu ul li span {font-size: 15px; color: #9e9e9e; margin-left: 5px;} 
.ft_inner_menu2 {margin-top: 15px;  display: flex;  align-items: center;} 
.ft_inner_menu2 span {opacity: 0.8; font-size: 14px;  color: #929292; margin-right: 20px;} 
.ft_inner_menu2 span:last-child {margin-right: 0;} 
.ft_inner_menu2 span .dpunch_ic {display: inline-block; width: 100px;  height: 10px;  background: url("/images/main/dpunch_ic.png") center no-repeat; background-size: 100%; margin-left: 10px;} 
.ft_rt_wrap {position: absolute; top: -5px;  right: 0;} 
.ft_rt_menu {position: relative; display: inline-block;  width: 175px;  padding: 0 10px; text-align: left; background: url("/images/main/ft_arrow.png") right 10px center no-repeat; background-size: 8px;} 
.ft_rt_menu:before {content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 1px; background: #9e9e9e;} 
.ft_rt_menu span {display: block; width: 100%; font-size: 16px; line-height: 1.6; color: #9e9e9e; font-weight: bold;  cursor: pointer;} 
.ft_rt_menu ul {display: none; position: absolute; left: 0; bottom: 40px; background: #1c1c1c; width: 100%;  padding: 20px 10px; overflow-y: auto; z-index: 15;} 
.ft_rt_menu ul li+li {margin-top: 10px;} 
.ft_rt_menu ul li a {display: block; color: #fff; font-size: 16px;} 
.ft_rt_menu ul li:hover a {color: #145bdf;} 

@media screen and (max-width: 1600px) {
    
    /* 헤더 */

    #header {height: 5.63vw; padding: 0 3.13vw;}
    .head {max-width: 100%; width: 100%;}
    .head .logo img {width: 12.81vw;}
    .gnb > li { margin: 0 1.88vw;}
    .gnb > li > a {font-size: 1.25vw;}
	.site_btn{margin-right:1.88vw}
	.site_btn a{font-size:1.00vw; }
    .head_btn {width: 1.56vw;}
    .head_btn span {height: 0.13vw; border-radius: 0.13vw;}

	.gnb > li > a {padding-bottom: 2.50vw;}
	.gnb_2depth {padding: 1.88vw 0; width: 12.50vw; margin-top: 1.25vw;}
	.gnb_2depth li + li {margin-top: 1.25vw;}
	.gnb_2depth li a {  font-size: 1.13vw;}


	/* 헤드 전체 메뉴 */
 
	.head_all_menu .logo {top: 3.13vw; } 
	.head_all_menu .logo img {  width: 12.81vw; } 
	.head_all_close {top: 3.13vw;  right: 1.25vw;  width: 3.13vw;  height: 3.13vw;  } 
	.head_all_close:before {height: 3.13vw; } 
	.head_all_close:after {height: 3.13vw; } 
	.head_all_inner_menu li {padding-top: 20%;} 
	.head_all_inner_menu dl dt a {font-size: 1.56vw;} 
	.head_all_inner_menu dl dt {margin-bottom: 2.50vw;} 
	.head_all_inner_menu dl dd a { font-size: 1.13vw;} 
	.head_all_inner_menu dl dd+dd {margin-top: 0.63vw;} 


    /* 비주얼 */

    .visual { height: 58.75vw;}
    .vis_txt { top: 18.13vw;}
    .vis_txt em { font-size: 1.25vw;}
    .vis_txt h2 {font-size: 3.75vw; margin-top: 0.63vw;}
    .vis_txt h2 strong {font-size: 5.00vw;} 
    .vis_list { height: 58.75vw;}
    .vis_direction { top: 32.50vw;}
    .vis_direction .vis_arrow { font-size: 1.00vw;}
    .vis_direction_inner {margin: 0 1.56vw;}
    .vis_direction_inner .page_info span {font-size: 1.25vw;}
    .vis_direction_inner .page_info span.total_num {margin-left: 7.50vw;}
    .vis_direction_inner .slider-progress {max-width: 5.00vw;}
    .vis_scroll {bottom: 13.13vw; max-width: 100%; left: 3.13vw;}
    .vis_scroll:before {top: 8.31vw; left: 0.44vw; height: 11.25vw;}
    .vis_scroll:after {top: 10.63vw; left: 0.19vw; width: 0.63vw; height: 0.63vw;}

    /* 섹션 1 */

    .section1 {padding: 9.38vw 3.13vw 5.00vw;}
    .inner {max-width: 100%;}
    .sec1_menu_wrap { min-height: 43.75vw;}
    .sec1_menu_wrap:before {top: 18.75vw; width: 42.94vw; height: 10.25vw;}
    .sec1_txt h2 { font-size: 3.13vw;}
    .sec1_txt p {font-size: 1.25vw; margin-top: 0.63vw;}
    .sec1_txt .more_wrap {margin-top: 2.50vw;}
    .sec1_txt .more_wrap a {font-size: 1.00vw; border-radius: 3.13vw; height: 3.44vw; padding: 0 2.63vw;}
    .sec1_txt .more_wrap a .more_ic {width: 2.19vw; height: 0.44vw; margin-left: 0.63vw;}
    .pj_tabnav li {margin-right: 2.50vw;}
    .pj_tabnav li a {  font-size: 1.44vw; padding-bottom: 0.63vw;}
    .pj_tabnav li a.active:before {height: 0.13vw;}
    .pj_tabcontent {margin-top: 2.50vw;}
    .pj_slider {width: 65.63vw; margin: 0 -1.56vw;}
    .pj_slider .pj_slide_list {padding: 0 1.56vw;}
    .pj_slider .img_wrap { height: 32.81vw;}
    .pj_slider .txt_wrap {margin-top: 1.88vw;}
    .pj_slider .txt_wrap h2 {font-size: 1.88vw;}
    .pj_slider .txt_wrap .text_content {font-size: 1.25vw; margin-top: 0.63vw;}
    .pj_direction {bottom: 6.88vw; left: -29.38vw;}
    .pj_direction .pj_arrow {font-size: 0.94vw;}
    .pj_page_info {margin: 0 1.88vw;}
    .pj_page_info .current_num { font-size: 1.25vw;}
    .pj_page_info .total_num {font-size: 1.25vw;}
    .pj_page_info .bar {width: 1.38vw; margin: 0 1.25vw;}

    /* 섹션 2 */

    .section2 {padding: 8.44vw 3.13vw 10.00vw;}
    .ar_tabnav li a {font-size: 5.00vw;  }
    .ar_tabcontent {padding-top: 3.44vw;}
    .sec2_inner .txt_wrap {padding: 2.81vw 0 1.56vw; padding-right: 21.25vw;}
    .sec2_inner .txt_wrap .more_ic {width: 8.13vw;}
    .sec2_inner .txt_wrap .more_ic img {width: 2.81vw;}
    .sec2_inner .txt_wrap a .txt_lt h3 {font-size: 2.19vw;}
    .sec2_inner .txt_wrap a .txt_lt p {font-size: 1.25vw; margin-top: 0.63vw;}

    /* 섹션 3 */

    .section3 {padding: 8.13vw 3.13vw 11.25vw;}
    .sec3_lt {width: 28.13vw;}
    .sec3_rt {width: calc(100% - 28.13vw);}
    .news_slider {margin: 0 -1.56vw;}
    .news_list {padding: 0 1.56vw;}
    .news_list a { height: 100%;}
    .news_list .cate {font-size: 1.13vw; border-bottom: 0.19vw solid #000; padding-bottom: 1.25vw;}
    .news_list h2 {font-size: 2.00vw; margin-top: 1.88vw;}
    .news_list .news_content {font-size: 1.13vw; margin-top: 2.50vw;}
    .news_list .date {margin-top: 1.25vw;}
    .news_list .date span {font-size: 1.00vw;}
    .news_list .date .time_ic { width: 1.19vw; height: 1.19vw; margin-right: 0.63vw;}
    .news_direction {margin-top: 4.38vw;}
    .news_direction .news_arrow {font-size: 0.94vw;}
    .news_page_info {margin: 0 1.88vw;}
    .news_page_info .current_num { font-size: 1.25vw;}
    .news_page_info .total_num {font-size: 1.25vw;}
    .news_page_info .bar { width: 1.38vw; margin: 0 1.25vw;}

    /* 섹션 4 */

    .section4 {padding: 11.25vw 3.13vw 10.63vw;}
    .sec4_txt h2 {font-size: 3.13vw;}
    .sec4_txt p {font-size: 1.44vw; margin-top: 1.25vw;}
    .sec4_txt .more_wrap {margin-top: 1.88vw;}
    .sec4_txt .more_wrap a.more {border-radius: 3.13vw; font-size: 1.00vw; height: 3.44vw; padding: 0 2.63vw;}
    .sec4_txt .more_wrap a.more .more_ic {width: 2.19vw; height: 0.44vw; margin-left: 0.63vw;}

    /* 섹션 5 */

    .section5 {padding: 6.88vw 3.13vw;}
    .sec5_rt {padding-left: 4.38vw;}
    .sec5_title { font-size: 1.56vw; margin-bottom: 3.13vw;}
    .sec5_title:before {width: 3.44vw; height: 0.13vw; margin-right: 1.25vw;}
    .notice_wrap ul li a { padding: 1.88vw 0;}
    .notice_wrap ul li a h2 {font-size: 1.56vw;}
    .notice_wrap ul li a span { font-size: 0.88vw; margin-top: 0.63vw;}
    .contact_wrap ul { margin: 0 -0.63vw;}
    .contact_wrap ul li {padding: 0 0.63vw;}
    .contact_wrap ul li a {padding: 4.38vw 0 3.13vw;}
    .contact_inner .img_ic {width: 4.38vw; height: 4.75vw;}
    .contact_inner em { font-size: 0.88vw; margin-top: 1.25vw;}
    .contact_inner h3 {font-size: 1.88vw; margin-top: 0.63vw;}
    .contact_inner p {font-size: 1.25vw; margin-top: 1.25vw;}

    /* 푸터 */

    #footer {padding: 4.38vw 3.13vw;} 
    .ft_logo img {width: 12.81vw;} 
    .ft_menu {margin-left: 5.00vw;} 
    .ft_tp_menu span {margin-right: 1.25vw;} 
    .ft_tp_menu span a {font-size: 1.00vw;} 
    .ft_inner_menu {margin-top: 0.94vw;} 
    .ft_inner_menu ul li { margin-right: 1.25vw;} 
    .ft_inner_menu ul li strong {font-size: 0.94vw;} 
    .ft_inner_menu ul li span {font-size: 0.94vw; margin-left: 0.31vw;} 
    .ft_inner_menu2 {margin-top: 0.94vw;} 
    .ft_inner_menu2 span {font-size: 0.88vw; margin-right: 1.25vw;} 
    .ft_inner_menu2 span .dpunch_ic { width: 6.25vw; height: 0.63vw; margin-left: 0.63vw;} 
    .ft_rt_wrap { top: -0.31vw;} 
    .ft_rt_menu {width: 10.94vw; padding: 0 0.63vw; background: url("/images/main/ft_arrow.png") right 0.63vw center no-repeat; background-size: 0.50vw;} 
    .ft_rt_menu:before {bottom: -0.38vw;} 
    .ft_rt_menu span {font-size: 1.00vw;} 
    .ft_rt_menu ul {bottom: 2.50vw; padding: 1.25vw 0.63vw;} 
    .ft_rt_menu ul li+li {margin-top: 0.63vw;} 
    .ft_rt_menu ul li a {font-size: 1.00vw;} 
    
}

@media screen and (max-width: 1280px) {
    
    /* 헤더 */

    #header {height: 7.03vw; padding: 0 3.91vw;}
    .head .logo img {width: 16.02vw;}
    .gnb > li { margin: 0 1.7vw;}
    .gnb > li > a {font-size: 1.56vw;}
	.site_btn a{font-size:1.3vw; }
    .head_btn {width: 1.95vw;}
    .head_btn span {height: 0.16vw; border-radius: 0.16vw;}

	.gnb > li > a {padding-bottom: 3.13vw;}
	.gnb_2depth {padding: 2.34vw 0; width: 15.63vw; margin-top: 1.56vw;}
	.gnb_2depth li + li {margin-top: 1.56vw;}
	.gnb_2depth li a {  font-size: 1.41vw;}


	/* 헤드 전체 메뉴 */
 
	.head_all_menu .logo {top: 3.91vw; } 
	.head_all_menu .logo img {  width: 16.02vw; } 
	.head_all_close {top: 3.91vw;  right: 1.56vw;  width: 3.91vw;  height: 3.91vw;  } 
	.head_all_close:before {height: 3.91vw; } 
	.head_all_close:after {height: 3.91vw; } 
	.head_all_inner_menu li {padding-top: 20%;} 
	.head_all_inner_menu dl dt a {font-size: 1.95vw;} 
	.head_all_inner_menu dl dt {margin-bottom: 3.13vw;} 
	.head_all_inner_menu dl dd a { font-size: 1.41vw;} 
	.head_all_inner_menu dl dd+dd {margin-top: 0.78vw;} 


    /* 비주얼 */

    .visual { height: 73.44vw;}
    .vis_txt { top: 22.66vw;}
    .vis_txt em { font-size: 1.56vw;}
    .vis_txt h2 {font-size: 4.69vw; margin-top: 0.78vw;}
    .vis_txt h2 strong {font-size: 6.25vw;} 
    .vis_list { height: 73.44vw;}
    .vis_direction { top: 40.63vw;}
    .vis_direction .vis_arrow { font-size: 1.25vw;}
    .vis_direction_inner {margin: 0 1.95vw;}
    .vis_direction_inner .page_info span {font-size: 1.56vw;}
    .vis_direction_inner .page_info span.total_num {margin-left: 9.38vw;}
    .vis_direction_inner .slider-progress {max-width: 6.25vw;}
    .vis_scroll {bottom: 16.41vw; max-width: 100%; left: 3.91vw;}
    .vis_scroll:before {top: 11.14vw; left: 0.55vw; height: 14.06vw;}
    .vis_scroll:after {top: 15.28vw; left: 0.23vw; width: 0.78vw; height: 0.78vw;}

    /* 섹션 1 */

    .section1 {padding: 11.72vw 3.91vw 6.25vw;}
    .sec1_menu_wrap { min-height: 40.63vw;}
    .sec1_menu_wrap:before {top: 17.19vw; width: 53.67vw; height: 12.81vw;}
    .sec1_txt h2 { font-size: 3.91vw;}
    .sec1_txt p {font-size: 1.56vw; margin-top: 0.78vw;}
    .sec1_txt .more_wrap {margin-top: 3.13vw;}
    .sec1_txt .more_wrap a {font-size: 1.25vw; border-radius: 3.91vw; height: 4.30vw; padding: 0 3.28vw;}
    .sec1_txt .more_wrap a .more_ic {width: 2.73vw; height: 0.55vw; margin-left: 0.78vw;}
    .pj_tabnav li {margin-right: 3.13vw;}
    .pj_tabnav li a {  font-size: 1.80vw; padding-bottom: 0.78vw;}
    .pj_tabnav li a.active:before {height: 0.16vw;}
    .pj_tabcontent {margin-top: 3.13vw;}
    .pj_slider {width: 58.59vw; margin: 0 -1.95vw;}
    .pj_slider .pj_slide_list {padding: 0 1.95vw;}
    .pj_slider .img_wrap { height: 26.95vw;}
    .pj_slider .txt_wrap {margin-top: 2.34vw;}
    .pj_slider .txt_wrap h2 {font-size: 2.34vw;}
    .pj_slider .txt_wrap .text_content {font-size: 1.56vw; margin-top: 0.78vw;}
    .pj_direction {bottom: 8.59vw; left: -35.94vw;}
    .pj_direction .pj_arrow {font-size: 1.17vw;}
    .pj_page_info {margin: 0 2.34vw;}
    .pj_page_info .current_num { font-size: 1.56vw;}
    .pj_page_info .total_num {font-size: 1.56vw;}
    .pj_page_info .bar {width: 1.72vw; margin: 0 1.56vw;}

    /* 섹션 2 */

    .section2 {padding: 10.55vw 3.91vw 12.50vw;}
    .ar_tabnav li a {font-size: 6.25vw;  }
    .ar_tabcontent {padding-top: 4.30vw;}
    .sec2_inner .img_wrap img {width: 95%;}
    .sec2_inner .txt_wrap {padding: 3.52vw 0 1.95vw; padding-right: 26.56vw;}
    .sec2_inner .txt_wrap .more_ic {width: 10.16vw;}
    .sec2_inner .txt_wrap .more_ic img {width: 3.52vw;}
    .sec2_inner .txt_wrap a .txt_lt h3 {font-size: 2.73vw;}
    .sec2_inner .txt_wrap a .txt_lt p {font-size: 1.56vw; margin-top: 0.78vw;}

    /* 섹션 3 */

    .section3 {padding: 10.16vw 3.91vw 14.06vw;}
    .sec3_lt {width: 28.13vw;}
    .sec3_rt {width: calc(100% - 28.13vw);}
    .news_slider {margin: 0 -1.95vw;}
    .news_list {padding: 0 1.95vw;}
    .news_list a { height: 100%;}
    .news_list .cate {font-size: 1.41vw; border-bottom: 0.23vw solid #000; padding-bottom: 0.78vw;}
    .news_list h2 {font-size: 2.50vw; margin-top: 1.56vw;}
    .news_list .news_content {font-size: 1.41vw; margin-top: 1.56vw;}
    .news_list .date {margin-top: 1.56vw;}
    .news_list .date span {font-size: 1.25vw;}
    .news_list .date .time_ic { width: 1.48vw; height: 1.48vw; margin-right: 0.78vw;}
    .news_direction {margin-top: 5.47vw;}
    .news_direction .news_arrow {font-size: 1.17vw;}
    .news_page_info {margin: 0 2.34vw;}
    .news_page_info .current_num { font-size: 1.56vw;}
    .news_page_info .total_num {font-size: 1.56vw;}
    .news_page_info .bar { width: 1.72vw; margin: 0 1.56vw;}
    
    /* 섹션 4 */

    .section4 {padding: 14.06vw 3.91vw 13.28vw;}
    .sec4_txt h2 {font-size: 3.91vw;}
    .sec4_txt p {font-size: 1.80vw; margin-top: 1.56vw;}
    .sec4_txt .more_wrap {margin-top: 2.34vw;}
    .sec4_txt .more_wrap a.more {border-radius: 3.91vw; font-size: 1.25vw; height: 4.30vw; padding: 0 3.28vw;}
    .sec4_txt .more_wrap a.more .more_ic {width: 2.73vw; height: 0.55vw; margin-left: 0.78vw;}

    /* 섹션 5 */

    .section5 {padding: 8.59vw 3.91vw;}
    .sec5_lt {width: 25%;}
    .sec5_rt {width: 75%; padding-left: 3.13vw;}
    .sec5_title { font-size: 1.95vw; margin-bottom: 3.91vw;}
    .sec5_title:before {width: 4.30vw; height: 0.16vw; margin-right: 1.56vw;}
    .notice_wrap ul li a { padding: 2.34vw 0;}
    .notice_wrap ul li a h2 {font-size: 1.95vw;}
    .notice_wrap ul li a span { font-size: 1.09vw; margin-top: 0.78vw;}
    .contact_wrap ul { margin: 0 -0.78vw;}
    .contact_wrap ul li {padding: 0 0.78vw;}
    .contact_wrap ul li a {padding: 5.47vw 0 3.91vw;}
    .contact_inner .img_ic {width: 5.47vw; height: 5.94vw;}
    .contact_inner em { font-size: 1.09vw; margin-top: 1.56vw;}
    .contact_inner h3 {font-size: 2.34vw; margin-top: 0.78vw;}
    .contact_inner p {font-size: 1.41vw; margin-top: 1.56vw;}

    /* 푸터 */

    #footer {padding: 5.47vw 3.91vw;} 
    .ft_logo img {width: 16.02vw;} 
    .ft_menu {margin-left: 3.13vw;} 
    .ft_tp_menu span {margin-right: 1.56vw;} 
    .ft_tp_menu span a {font-size: 1.25vw;} 
    .ft_inner_menu {margin-top: 1.17vw;} 
    .ft_inner_menu ul li { margin-right: 1.56vw;} 
    .ft_inner_menu ul li strong {font-size: 1.17vw;} 
    .ft_inner_menu ul li span {font-size: 1.17vw; margin-left: 0.39vw;} 
    .ft_inner_menu2 {margin-top: 1.17vw;} 
    .ft_inner_menu2 span {font-size: 1.09vw; margin-right: 1.56vw;} 
    .ft_inner_menu2 span .dpunch_ic { width: 7.81vw; height: 0.78vw; margin-left: 0.78vw;} 
    .ft_rt_wrap {top: 1.56vw;} 
    .ft_rt_menu {width: 10.67vw; padding: 0 0.78vw; background: url("/images/main/ft_arrow.png") right 0.78vw center no-repeat; background-size: 0.63vw;} 
    .ft_rt_menu:before {bottom: -0.47vw;} 
    .ft_rt_menu span {font-size: 1.25vw;} 
    .ft_rt_menu ul {bottom: 3.13vw; padding: 1.56vw 0.78vw;} 
    .ft_rt_menu ul li+li {margin-top: 0.78vw;} 
    .ft_rt_menu ul li a {font-size: 1.25vw;} 

}

@media screen and (max-width: 1024px) {
    
    /* 헤더 */

    #header {height: 8.79vw; padding: 0 3.91vw;}
    .head .logo img {width: 20.02vw;}
    .gnb > li { margin: 0 1vw;}
    .gnb > li > a {font-size: 1.75vw; padding-bottom: 3.91vw;}
	.site_btn{margin-right: 1.08vw;}
	.site_btn a{font-size: 1.4vw;}
    .head_btn {width: 2.44vw;}
    .head_btn span {height: 0.20vw; border-radius: 0.20vw;}

	.gnb_2depth {padding: 2.93vw 0; width: 19.53vw; margin-top: 1.95vw;}
	.gnb_2depth li + li {margin-top: 1.95vw;}
	.gnb_2depth li a {  font-size: 1.76vw;}


	/* 헤드 전체 메뉴 */
 
	.head_all_menu .logo {top: 4.88vw; } 
	.head_all_menu .logo img {  width: 20.02vw; } 
	.head_all_close {top: 4.88vw;  right: 1.95vw;  width: 4.88vw;  height: 4.88vw;  } 
	.head_all_close:before {height: 4.88vw; } 
	.head_all_close:after {height: 4.88vw; } 
	.head_all_inner_menu li {padding-top: 20%;} 
	.head_all_inner_menu dl dt a {font-size: 2.44vw;} 
	.head_all_inner_menu dl dt {margin-bottom: 3.91vw;} 
	.head_all_inner_menu dl dd a { font-size: 1.76vw;} 
	.head_all_inner_menu dl dd+dd {margin-top: 0.98vw;} 


    /* 비주얼 */

    .visual { height: 91.80vw;}
    .vis_txt { top: 28.32vw;}
    .vis_txt em { font-size: 1.95vw;}
    .vis_txt h2 {font-size: 5.86vw; margin-top: 0.98vw;}
    .vis_txt h2 strong {font-size: 7.81vw;} 
    .vis_list { height: 91.80vw;}
    .vis_direction { top: 50.78vw;}
    .vis_direction .vis_arrow { font-size: 1.56vw;}
    .vis_direction_inner {margin: 0 2.44vw;}
    .vis_direction_inner .page_info span {font-size: 1.95vw;}
    .vis_direction_inner .page_info span.total_num {margin-left: 11.72vw;}
    .vis_direction_inner .slider-progress {max-width: 7.81vw;}
    .vis_scroll {bottom: 20.51vw; left: 3.91vw;}
    .vis_scroll:before {top: 14.43vw; left: 0.68vw; height: 17.58vw;}
    .vis_scroll:after {top: 19.60vw; left: 0.29vw; width: 0.98vw; height: 0.98vw;}

    /* 섹션 1 */

    .section1 {padding: 7.81vw 3.91vw;}
    .sec1_menu_wrap { min-height: 50.78vw; flex-wrap: wrap;}
    .sec1_menu_wrap:before {display: none; top: 21.48vw; width: 67.09vw; height: 16.02vw;}
    .sec1_txt {position: relative; width: 100%;}
    .sec1_txt h2 { font-size: 4.88vw;}
    .sec1_txt p {font-size: 1.95vw; margin-top: 0.98vw;}
    .sec1_txt .more_wrap {position: absolute; top: 0; right: 0; margin-top: 3.91vw;}
    .sec1_txt .more_wrap a {font-size: 1.56vw; border-radius: 4.88vw; height: 5.37vw; padding: 0 4.10vw; background: #fff;}
    .sec1_txt .more_wrap a .more_ic {width: 3.42vw; height: 0.68vw; margin-left: 0.98vw;}
    .sec1_wrap {position: relative; top: auto; left: auto; margin-top: 4.88vw; width: 100%; max-width: 100%;}
    .pj_tabnav li {margin-right: 3.91vw;}
    .pj_tabnav li a {  font-size: 2.25vw; padding-bottom: 0.98vw;}
    .pj_tabnav li a.active:before {height: 0.20vw;}
    .pj_tabcontent {margin-top: 3.91vw;}
    .pj_slider {width: 100%; margin: 0;}
    .pj_slider .pj_slide_list {margin: 0 0.98vw; padding: 0;}
    .pj_slider .img_wrap { height: 47.85vw;}
    .pj_slider .txt_wrap {margin-top: 2.93vw;}
    .pj_slider .txt_wrap h2 {font-size: 2.93vw;}
    .pj_slider .txt_wrap .text_content {font-size: 1.95vw; margin-top: 0.98vw;}
    .pj_direction {position: relative; bottom: auto; left: auto; width: 100%; margin-top: 3.91vw; justify-content: center;}
    .pj_direction .pj_arrow {font-size: 1.46vw;}
    .pj_page_info {margin: 0 2.93vw;}
    .pj_page_info .current_num { font-size: 1.95vw;}
    .pj_page_info .total_num {font-size: 1.95vw;}
    .pj_page_info .bar {width: 2.15vw; margin: 0 1.95vw;}

    /* 섹션 2 */

    .section2 {padding: 13.18vw 3.91vw 15.63vw;}
    .ar_tabnav li a {font-size: 6.35vw;  }
    .ar_tabcontent {padding-top: 5.37vw;}
    .sec2_inner .img_wrap img {width: 100%}
    .sec2_inner .txt_wrap {padding: 4.39vw 0 2.44vw; padding-right: 21.48vw;}
    .sec2_inner .txt_wrap .more_ic {width: 12.70vw;}
    .sec2_inner .txt_wrap .more_ic img {width: 4.39vw;}
    .sec2_inner .txt_wrap a .txt_lt h3 {font-size: 3.42vw;}
    .sec2_inner .txt_wrap a .txt_lt p {font-size: 1.95vw; margin-top: 0.98vw;}

    /* 섹션 3 */

    .section3 {padding: 12.70vw 3.91vw 17.58vw;}
    .sec3_wrap {flex-wrap: wrap;}
    .sec3_lt {width: 100%;}
    .sec3_rt {width: 100%; margin-top: 4.88vw;}
    .news_slider {margin: 0 -2.44vw;}
    .news_list {padding: 0 2.44vw;}
    .news_list a { height: 100%;}
    .news_list .cate {font-size: 1.76vw; border-bottom: 0.29vw solid #000; padding-bottom: 0.98vw;}
    .news_list h2 {font-size: 3.13vw; margin-top: 1.95vw;}
    .news_list .news_content {font-size: 1.76vw; margin-top: 1.95vw;}
    .news_list .date {margin-top: 1.95vw;}
    .news_list .date span {font-size: 1.56vw;}
    .news_list .date .time_ic { width: 1.86vw; height: 1.86vw; margin-right: 0.98vw;}
    .news_direction {margin-top: 6.84vw; width: 100%; justify-content: center;}
    .news_direction.mob {display: flex;}
    .news_direction.pc {display: none;}
    .news_direction .news_arrow {font-size: 1.46vw;}
    .news_page_info {margin: 0 2.93vw;}
    .news_page_info .current_num { font-size: 1.95vw;}
    .news_page_info .total_num {font-size: 1.95vw;}
    .news_page_info .bar { width: 2.15vw; margin: 0 1.95vw;}

    /* 섹션 4 */

    .section4 {padding: 17.58vw 3.91vw 16.60vw;}
    .sec4_txt h2 {font-size: 4.39vw;}
    .sec4_txt p {font-size: 2.25vw; margin-top: 1.95vw;}
    .sec4_txt .more_wrap {margin-top: 2.93vw;}
    .sec4_txt .more_wrap a.more {border-radius: 4.88vw; font-size: 1.56vw; height: 5.37vw; padding: 0 4.10vw;}
    .sec4_txt .more_wrap a.more .more_ic {width: 3.42vw; height: 0.68vw; margin-left: 0.98vw;}

    /* 섹션 5 */

    .section5 {padding: 10.74vw 3.91vw;}
    .sec5_wrap {flex-wrap: wrap;}
    .sec5_lt {width: 100%;}
    .sec5_rt {width: 100%; padding-left: 0; margin-top: 4.88vw;}
    .sec5_title { font-size: 2.44vw; margin-bottom: 4.88vw;}
    .sec5_title:before {width: 5.37vw; height: 0.20vw; margin-right: 1.95vw;}
    .notice_wrap ul li a { padding: 2.93vw 0;}
    .notice_wrap ul li a h2 {font-size: 2.44vw;}
    .notice_wrap ul li a span { font-size: 1.37vw; margin-top: 0.98vw;}
    .contact_wrap ul { margin: 0 -0.98vw;}
    .contact_wrap ul li {padding: 0 0.98vw;}
    .contact_wrap ul li a {padding: 6.84vw 0 4.88vw;}
    .contact_inner .img_ic {width: 6.84vw; height: 7.42vw;}
    .contact_inner em { font-size: 1.37vw; margin-top: 1.95vw;}
    .contact_inner h3 {font-size: 2.93vw; margin-top: 0.98vw;}
    .contact_inner p {font-size: 1.76vw; margin-top: 1.95vw;}

    /* 푸터 */

    #footer {padding: 6.84vw 3.91vw;} 
    .ft_logo img {width: 20.02vw;} 
    .ft_menu {margin-left: 3.91vw;} 
    .ft_tp_menu span {margin-right: 1.95vw;} 
    .ft_tp_menu span a {font-size: 1.56vw;} 
    .ft_inner_menu {margin-top: 1.46vw;} 
    .ft_inner_menu ul li { margin-right: 1.95vw;} 
    .ft_inner_menu ul li:nth-child(n+3) {margin-top: 0.98vw;}
    .ft_inner_menu ul li strong {font-size: 1.46vw;} 
    .ft_inner_menu ul li span {font-size: 1.46vw; margin-left: 0.49vw;} 
    .ft_inner_menu2 {margin-top: 1.46vw;} 
    .ft_inner_menu2 span {font-size: 1.37vw; margin-right: 1.95vw;} 
    .ft_inner_menu2 span .dpunch_ic { width: 9.77vw; height: 0.98vw; margin-left: 0.98vw;} 
    .ft_rt_wrap {position: relative; top: auto; left: auto;} 
    .ft_rt_menu {width: 13.38vw; padding: 0 0.98vw; background: url("/images/main/ft_arrow.png") right 0.98vw center no-repeat; background-size: 0.78vw;} 
    .ft_rt_menu:before {bottom: -0.59vw;} 
    .ft_rt_menu span {font-size: 1.56vw;} 
    .ft_rt_menu ul {bottom: 3.91vw; padding: 1.95vw 0.98vw;} 
    .ft_rt_menu ul li+li {margin-top: 0.98vw;} 
    .ft_rt_menu ul li a {font-size: 1.56vw;} 

}

@media screen and (max-width: 768px) {
    
    /* 헤더 */

    #header {height: 11.72vw; padding: 0 2.60vw;}
    .head .logo img {width: 26.69vw;}
    .gnb {display: none;}
    .gnb > li { margin: 0 2.60vw;}
    .gnb > li > a {font-size: 2.60vw;}
	.site_btn{display:none}
    .head_btn {width: 3.26vw; display: none;}
    .head_mob_btn {display: block; width: 6.51vw; cursor: pointer; display: flex; gap: 4px; flex-wrap: wrap;}
    .head_mob_btn span {display: block; width: 100%; height: 2px; border-radius: 5px; background: #fff;}
    .head_mob_btn span + span {}

	.head_all_menu.on {display: none;}

    html.active {height: 100% !important; min-height: 100% !important; overflow:hidden !important; touch-action:none;}
    body.active {height: 100% !important; min-height: 100% !important;  overflow:hidden !important; touch-action:none;}
    .head_mob_overlay {display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 700; background: rgba(0,0,0,0.6); cursor: pointer;}
    .head_mob_bg {display: none; position: fixed; top: 0; right: 0; height: 100%; width: 75.52vw; padding: 0 5.21vw 0; background: #fff; overflow-y: scroll; z-index: 710;}
    .head_mob_bg.active {display: block;}
    .head_mob_tp {display: flex; align-items: center; position: relative; padding: 6.51vw 0;}
    .head_mob_tp .logo img {width: 26.69vw;}
    .head_mob_close {position: absolute; top: 50%; transform: translateY(-50%); width: 6.51vw; height: 6.51vw; right: -2.6vw; cursor: pointer;}
    .head_mob_close:before {content: ""; position: absolute; left: 1.95vw; transform: rotate(45deg); width: 0.26vw; height: 6.51vw; background: #000;}
    .head_mob_close:after {content: ""; position: absolute; left: 1.95vw; transform: rotate(-45deg); width: 0.26vw; height: 6.51vw; background: #000;}

    .accordion {margin-top: 2.6vw;}
    .accordion > li:last-child {border-bottom: 1px solid #e1e1e1;}
    .accordion .link {position: relative; cursor: pointer; padding: 0 6.51vw; display: block; color: #14151a; font-size: 4.56vw;  font-weight: 700; border-top: 1px solid #e1e1e1; height: 13.02vw; line-height: 12.76vw;  background: url("/images/main/head_mob_arrow.png") 95% center no-repeat; background-size: 3.26vw;}
    .accordion .link.dd_none {background: none;}
    .accordion .link a {display: block;}
    .accordion li.open .link { color: #fff; background: #145bdf url("/images/main/head_mob_arrow_on.png") 95% center no-repeat; background-size: 3.26vw; border-bottom: 0;}
    .accordion li.open .link.dd_none {background: none;}
    .submenu {display: none;  padding: 5.21vw 6.51vw; border-top: 1px solid #e1e1e1; background: #f2f2f2;}
    .submenu li + li {margin-top: 2.60vw;}
    .submenu a {position: relative; display: inline-block;  color: #3d3d3d;  font-size: 3.65vw; padding-bottom: 0.65vw;}
    .submenu a:hover {color: #145bdf}
    .submenu a:hover:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #145bdf;}
    
    /* 비주얼 */

    .visual { height: 122.40vw;}
    .vis_txt { top: 37.76vw;}
    .vis_txt em { font-size: 3.26vw;}
    .vis_txt h2 {font-size: 7.81vw; margin-top: 1.30vw;}
    .vis_txt h2 strong {font-size: 10.42vw;} 
    .vis_list { height: 122.40vw;}
    .vis_direction { top: 73.71vw;}
    .vis_direction .vis_arrow { font-size: 2.60vw;}
    .vis_direction_inner {margin: 0 3.26vw;}
    .vis_direction_inner .page_info span {font-size: 3.26vw;}
    .vis_direction_inner .page_info span.total_num {margin-left: 15.63vw;}
    .vis_direction_inner .slider-progress {max-width: 10.42vw;}
    .vis_scroll {display: none; bottom: 27.34vw; left: 2.60vw;}
    .vis_scroll:before {top: 15.23vw; left: 0.91vw; height: 23.44vw;}
    .vis_scroll:after {top: 22.14vw; left: 0.39vw; width: 1.30vw; height: 1.30vw;}

    /* 섹션 1 */

    .section1 {padding: 10.42vw 2.60vw;}
    .sec1_menu_wrap { min-height: 67.71vw; flex-wrap: wrap;}
    .sec1_menu_wrap:before { top: 28.65vw; width: 89.45vw; height: 21.35vw;}
    .sec1_txt { width: 100%;}
    .sec1_txt h2 { font-size: 6.51vw;}
    .sec1_txt p {font-size: 3.26vw; margin-top: 1.30vw;}
    .sec1_txt .more_wrap { top: 0; right: 0; margin-top: 5.21vw;}
    .sec1_txt .more_wrap a {font-size: 3.13vw; border-radius: 6.51vw; height: 7.81vw; padding: 0 5.47vw; background: #fff;}
    .sec1_txt .more_wrap a .more_ic {width: 4.56vw; height: 0.91vw; margin-left: 1.30vw;}
    .sec1_wrap { top: auto; left: auto; margin-top: 6.51vw; width: 100%; max-width: 100%;}
    .pj_tabnav li {margin-right: 5.21vw;}
    .pj_tabnav li a {  font-size: 3.26vw; padding-bottom: 1.30vw;}
    .pj_tabnav li a.active:before {height: 0.26vw;}
    .pj_tabcontent {margin-top: 5.21vw;}
    .pj_slider .pj_slide_list {margin: 0 1.30vw;}
    .pj_slider .img_wrap { height: 45.57vw;}
    .pj_slider .txt_wrap {margin-top: 3.91vw;}
    .pj_slider .txt_wrap h2 {font-size: 3.91vw;}
    .pj_slider .txt_wrap .text_content {font-size: 3.26vw; margin-top: 1.30vw;}
    .pj_direction { bottom: auto; left: auto; width: 100%; margin-top: 5.21vw;}
    .pj_direction .pj_arrow {font-size: 2.60vw;}
    .pj_page_info {margin: 0 3.91vw;}
    .pj_page_info .current_num { font-size: 3.26vw;}
    .pj_page_info .total_num {font-size: 3.26vw;}
    .pj_page_info .bar {width: 2.86vw; margin: 0 2.60vw;}

    /* 섹션 2 */

    .section2 {padding: 17.58vw 2.60vw 20.83vw;}
    .sec2_menu .ar_tabnav {top: -13.02vw;}
    .ar_tabnav li + li {margin-top: 1.30vw;}
    .ar_tabnav li a {font-size: 8.46vw; line-height: 1;}
    .ar_tabcontent {padding-top: 7.16vw;}
    .sec2_inner .txt_wrap {padding: 3.26vw 0; padding-right: 28.65vw; bottom: -13.02vw;}
    .sec2_inner .txt_wrap .more_ic {width: 22.14vw;}
    .sec2_inner .txt_wrap .more_ic img {width: 5.86vw;}
    .sec2_inner .txt_wrap a .txt_lt h3 {font-size: 4.56vw;}
    .sec2_inner .txt_wrap a .txt_lt p {font-size: 3.13vw; margin-top: 1.30vw;}

    /* 섹션 3 */

    .section3 {padding: 16.93vw 2.60vw 23.44vw;}
    .sec3_rt {margin-top: 6.51vw;}
    .news_slider {margin: 0 -3.26vw;}
    .news_list {padding: 0 3.26vw;}
    .news_list .cate {font-size: 3.26vw; border-bottom: 0.39vw solid #000; padding-bottom: 1.30vw;}
    .news_list h2 {font-size: 4.17vw; margin-top: 2.60vw;}
    .news_list .news_content {font-size: 3.26vw; margin-top: 2.60vw;}
    .news_list .date {margin-top: 2.60vw;}
    .news_list .date span {font-size: 2.08vw;}
    .news_list .date .time_ic { width: 2.47vw; height: 2.47vw; margin-right: 1.30vw;}
    .news_direction {margin-top: 9.11vw;}
    .news_direction .news_arrow {font-size: 2.60vw;}
    .news_page_info {margin: 0 3.91vw;}
    .news_page_info .current_num { font-size: 3.26vw;}
    .news_page_info .total_num {font-size: 3.26vw;}
    .news_page_info .bar { width: 2.86vw; margin: 0 2.60vw;}

    /* 섹션 4 */

    .section4 {padding: 23.44vw 5.21vw 22.14vw;}
    .sec4_txt h2 {font-size: 5.86vw;}
    .sec4_txt p {font-size: 3.26vw; margin-top: 2.60vw;}
    .sec4_txt .more_wrap {margin-top: 3.91vw;}
    .sec4_txt .more_wrap a.more {border-radius: 6.51vw; font-size: 3.13vw; height: 9.11vw; padding: 0 5.47vw;}
    .sec4_txt .more_wrap a.more .more_ic {width: 4.56vw; height: 0.91vw; margin-left: 1.30vw;}
	.mob_br{display:block}

    /* 섹션 5 */

    .section5 {padding: 14.32vw 2.60vw;}
    .sec5_rt {margin-top: 6.51vw;}
    .sec5_title { font-size: 3.91vw; margin-bottom: 6.51vw;}
    .sec5_title:before {width: 7.16vw; height: 0.26vw; margin-right: 2.60vw;}
    .notice_wrap ul li a { padding: 3.91vw 0;}
    .notice_wrap ul li a h2 {font-size: 3.26vw;}
    .notice_wrap ul li a span { font-size: 3.13vw; margin-top: 1.30vw;}
    .contact_wrap ul { margin: -1.30vw 0;}
    .contact_wrap ul li {padding: 1.30vw 0; width: 100%;}
    .contact_wrap ul li a {padding: 3.91vw 0 ;}
    .contact_inner .img_ic {width: 9.11vw; height: 9.90vw;}
    .contact_inner em { font-size: 3.13vw; margin-top: 2.60vw;}
    .contact_inner h3 {font-size: 3.91vw; margin-top: 1.30vw;}
    .contact_inner p {font-size: 3.26vw; margin-top: 2.60vw;}

    /* 푸터 */

    #footer {padding: 9.11vw 2.60vw;} 
    .ft_logo img {width: 26.69vw;} 
    .ft_wrap {flex-wrap: wrap; justify-content: center; width: 100%;}
    .ft_menu {margin-left: 0; margin-top: 6.51vw; display: flex; justify-content: center; width: 100%; flex-wrap: wrap;} 
    .ft_tp_menu span {margin-right: 2.60vw;} 
    .ft_tp_menu span a {font-size: 3.26vw;} 
    .ft_inner_menu {margin-top: 1.95vw;} 
    .ft_inner_menu ul {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
    .ft_inner_menu ul li { margin-right: 2.60vw; float: none;} 
    .ft_inner_menu ul li:nth-child(n+3) {margin-top: 1.30vw;}
    .ft_inner_menu ul li strong {font-size: 3.26vw;} 
    .ft_inner_menu ul li span {font-size: 3.26vw; margin-left: 0.65vw;} 
    .ft_inner_menu2 {margin-top: 1.95vw; flex-wrap: wrap; } 
    .ft_inner_menu2 span {font-size: 3.26vw; margin-right: 2.60vw; width: 100%; text-align: center;}  
    .ft_inner_menu2 span + span {margin-top: 1.30vw;}
    .ft_inner_menu2 span .dpunch_ic { width: 13.02vw; height: 1.30vw; margin-left: 1.30vw;} 
    .ft_rt_wrap { top: auto; left: auto; margin-top: 6.51vw;} 
    .ft_rt_menu {width: 26.04vw; padding: 0 1.30vw; background: url("/images/main/ft_arrow.png") right 1.30vw center no-repeat; background-size: 1.04vw;} 
    .ft_rt_menu:before {bottom: -0.78vw;} 
    .ft_rt_menu span {font-size: 3.26vw;} 
    .ft_rt_menu ul {bottom: 5.21vw; padding: 2.60vw 1.30vw;} 
    .ft_rt_menu ul li+li {margin-top: 1.30vw;} 
    .ft_rt_menu ul li a {font-size: 3.26vw;} 

}