@charset "utf-8";

@import url(/groups/common/css/common.css);


@media all and (max-width:1024px) {
	body {font-size:73%;   }
}
@media all and (max-width:800px) {
	body {font-size:70%  ; }
}


.backImg01 {background: url('/groups/airforce/images/common/sub_visual1.png') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1}
.backImg02 {background: url('/groups/airforce/images/main/main_visual2.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1 }
.backImg03 {background: url('/groups/airforce/images/main/main_visual3.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1}
.backImg04 {background: url('/groups/airforce/images/main/main_visual4.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1}
.backImg05 {background: url('/groups/airforce/images/main/main_visual5.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1 }
.backImg06 {background: url('/groups/airforce/images/main/main_visual6.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1}

/* #classMainMenu {position: absolute;top:0px;left: 50%;width: 1020px;margin-left: -534px;}
#classMainMenu li {margin-right:3.3px} */
.gnb ul.classSub {position:absolute; top:0px; left: 50%; width:1020px;margin-left: -536px;}

/* GNB */
header {position:fixed;top:0; width:100%;height:80px;z-index:50;background:#fff;}

.gnb {position: absolute; /*min-width:990px;*/margin:0 auto}
.gnb_m {display:none;}
.logo {position:absolute; left:10px; top:10px;display:block;    z-index: 900;}
.logo img {width:176px; margin-left:30px;}
.gnb .logo01 {display:none;}
.gnb ul {text-align: center}
/*.gnb li {position: relative; display: inline-block; font-size:16px; font-weight:600;padding:35px 10px 25px 10px}*/
.gnb li {position: relative; display: inline-block; font-size:18px; font-weight:600;    padding: 35px 25px 25px 25px;}
.gnb li a:hover, .gnb li a:focus, .gnb li.on a {text-decoration:none;color: #0c4da2}
.login_top {  position: absolute;  right: 45px;   top: 26px;}
.login_top li{  float:left;padding: 3px 13px; margin-right:5px;}
.login_top li:last-child, .login_top li:nth-child(2) { border:1px solid #333; border-radius:3px;}
.login_top li:last-child {margin-right:0;}


/* 서브공통 */
.sub_visual {position: relative;overflow: hidden;width:100%;height:100%}
.sub_visual .sub-cover {position:relative; width:100%; height:360px;margin:0 auto; text-align:center; color:white; }
.sub_visual .sub-cover h2 {position: absolute;top:150px; left: 50%; width:990px;margin-left: -495px; font-size:48px; text-shadow: 0 0 7px #000; letter-spacing: -2px;font-weight:600}
.sub_visual .sub-cover p {position: absolute;    top: 230px;left: 50%; width:990px;margin-left: -495px; font-size:38px; text-shadow: 0 0 2px #000; letter-spacing:-1px;font-weight:600; text-align:center}


.location_menu {display:none}



/* 메인메뉴부분 */
@media screen and (min-width:1100px){
	.icon-menu {display:none}
	}
@media screen and (max-width:1300px){
		.gnb li {position: relative; display: inline-block; font-size:18px; font-weight: 600; padding:35px 1% 35px 1%;}
		}
@media screen and (max-width:1100px){	
	.login_top {display:none;}
		.gnb {display:none;}
}
		
@media all and (max-width:1050px) {
	header {position:fixed;top:0; width:100%;height:85px;}
	.gnb li {position: relative; display: inline-block; font-size:18px; font-weight: 600; padding:35px 1% 35px 1%;}
	.gnb .logo01{position:absolute; left:10px; top:10px;display:block}
	
	.classSub li {padding:13px 2% 12px 2%; font-size:16px;}
	
	/*입학상담, 참여기업 신청 상단 버튼*/
	.application_btn {position:absolute; right:70px; top:20px;}
	.application_btn li a {color:#fff;}
	.application_btn li a:hover, .application_btn li a:focus {color:#00ffff;}
}


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


	
		#gnb_area {display:none; position:fixed; right:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:9999}
	
	#gnb_area nav {position:fixed; right:0; height:100%; width:240px; z-index:30; background:#113184; overflow-y:scroll!important; -ms-overflow-style:none}
	#gnb_area nav::-webkit-scrollbar {display:none!important}
	
	/* 전체메뉴 */
	#gnb_area .gnb_top {background:#004d39; color#fff; text-align:center; color:#fff}
	#gnb_area .gnb_top h2.sitego {display:none;}
	#gnb_area .gnb_m .login {background: #032c61;  border-top: 1px solid #79a8e4;   padding: 10px 0;  color: #fff;  font-size: 1.4em;    font-weight: bold;}
	#gnb_area .gnb_m .login a{ color: #fff; }
	#gnb_area h2 {padding:20px; font-size:2em; color:#fff; text-align:left; background:#032c61}
	#gnb_area h2 a {background:url('../images/common/menu_close_wh.png') no-repeat; background-size:cover; text-indent:-9999px; display:block; width:26px; height:26px; position:absolute; right:18px; top:22px}
	#gnb_area .gnb_menu {padding-left:0px; padding-right:0px;}	
	#gnb_area .gnb_menu::after {display:block; clear:both; content:''}
	
	#gnb_area .gnb_menu > li {border-top:1px solid #2a458a; width:100%; text-align:left;}
	
	#gnb_area .gnb_menu > li span {display: block; position: relative; padding:0 20px; font-size:26px; font-weight:500; letter-spacing:-0.02em; line-height:160%; color:#414141; cursor:pointer;}
	#gnb_area .gnb_menu > li span a {font-size:20px; color:#fff;}
	
	#gnb_area .gnb_menu > li span:after {content: ''; display:block; position:absolute;  z-index:2; bottom:0; left:50%; width:0; height:4px; background-color:#a0b2d0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
	
	#gnb_area .gnb_menu > li span > a::after {display:none}
	#gnb_area .gnb_menu > li span > a::before {position:absolute; top:17px; right:24px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:1px solid #fff; border-bottom:1px solid #fff; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:all .3s ease-in-out}
	#gnb_area .gnb_menu > li span > a.on {color:#fffac0}  
	#gnb_area .gnb_menu > li span > a.on::before {position:absolute; top:22px; content:''; display:block; border-left:1px solid #fffac0; border-bottom:1px solid #fffac0; -moz-transform:rotate(-225deg); -ms-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); transform:rotate(-225deg)}	
	
	#gnb_area .gnb_menu > li .depth2 {display:none; background:#f2f2f2; position:static;border-radius:0;padding:0;text-align:left; border:none; margin-left: 0;}
	#gnb_area .gnb_menu > li .depth2::after {display:none}
	#gnb_area .gnb_menu > li .depth2 li {border-bottom:1px solid #d2d2d2; padding:10px 20px; margin-bottom:0px;}
	
	#gnb_area .gnb_menu > li .depth2 li a {display:block; color:#414141; font-size:16px; line-height:140%;}
	#gnb_area .gnb_menu > li .depth2 li a:hover {color:#113184; text-decoration:underline;}
    /* gnb_area gnb_right */
	#gnb_area .gnb_right {display:none; vertical-align:middle}
	#gnb_area .gnb_right a:hover {text-decoration:none}
	#gnb_area .gnb_right .gnb_sitemap {display:none; position:absolute; top:40px; right:0px; background:url('../images/common/menu_open.png') no-repeat; text-indent:-9999px; width:26px; height:26px; background-size:cover; cursor:pointer;}

}




@media all and (max-width:800px) {
	header {position:fixed;top:0; width:100%; height:85px; }
	.logo {   top: 16px;  }
	.logo img {  width: 151px;  margin-left: 0;}
	
	.menuBox {display: block; position: relative;height:43px;top: 68px; overflow: hidden; overflow-x:auto;}
	
	.gnb li {position:relative; display:inline-block; font-size:18px; font-weight:600; padding:13px 3% 12px 3%;}
	.gnb .logo01{position:absolute; left:10px; top:10px;display:block}
	
	.classSub li {padding:13px 2% 12px 2%; font-size:16px;}
	
	/*입학상담, 참여기업 신청 상단 버튼*/
	.application_btn {position:absolute; right:70px; top:20px;}
	.application_btn li a {color:#fff;}
	.application_btn li a:hover, .application_btn li a:focus {color:#00ffff;}
}

@media all and (max-width:800px){
	.location_menu {display:none;position:relative;position:absolute;top: 280px;left:50%;width:96%;margin-left:-48%; z-index:5}
	.location_menu .menu_wrap {display:block;background:#014099;font-size:1.35em;padding:0 20px;height:50px;line-height:50px;color:#fff;position:relative;transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;border:1px solid #dedede;}
	.location_menu .menu_wrap::before {position:absolute; right:20px; top:24px; display:block; width:17px; height:1px; background:#fff; content:""}
	.location_menu .menu_wrap::after {position:absolute; right:28px; top:17px; z-index:1; display:block; height:17px; width:1px; background:#fff; content:""}
	.location_menu .menu_wrap.on {color:#fffac0}
    .location_menu .menu_wrap.on::before {background:#fffac0}	
	.location_menu .menu_wrap.on::after {display:none}	
	.location_menu ul {display:none;position:absolute;top:50px;left: 0;width:100%;z-index:5;border:1px solid #dedede;border-top:none;box-sizing: border-box;}
	.location_menu ul.on {display:block}
	.location_menu ul li {position:relative; border-bottom:1px solid #dedede}
	.location_menu ul li:last-child {border-bottom:none}
	.location_menu ul li a {font-size:1.35em;color:#111;padding: 12px 20px;display:block;transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;background:#f7f7f7;text-decoration:none;position:relative;}
	.location_menu ul li a::before {position:absolute;right: 20px;top: 22px;display:block;width:15px;height: 1px;background:#777;content:"";}
	.location_menu ul li a::after {position:absolute;right: 27px;top:15px;z-index:1;display:block;height:15px;width: 1px;background:#777;content:"";}
	.location_menu ul li a.noList::before, .location_menu ul li a.noList::after {display:none}
	.location_menu ul li a.on {background: #046964;color:#fff;}
	.location_menu ul li a.on::before {background:#fff}
	.location_menu ul li a.on::after {display:none}
	.location_menu ul li ul {background:#eaeaea; border-top:1px solid #dedede; padding:6px 0; overflow:hidden; position:static; display:none; border:none}
	.location_menu ul li ul.on {display:block}
	.location_menu ul li ul li {float:left; width:50%; border-bottom:none}
	.location_menu ul li ul li a {font-size:1.25em; padding:8px 20px; background:none}
	.location_menu ul li ul li a::before, .location_menu ul li ul li a::after {display:none}
	.location_menu ul li.on ul li a {color:#555; background:none}
	.location_menu ul li.on ul li.on a {color:#007d77}
}
@media all and (max-width:670px){
.location_menu {top: 280px;}}


@media (max-width:500px){
	.menuBox { position: relative; overflow: hidden; overflow-x:auto;}
	
	.gnb li {position:relative; display:inline-block; font-size:18px; font-weight:600; padding:13px 3% 12px 3%;}
	
	.classSub li {padding:13px 2% 12px 2%; font-size:16px;}
	
	.sub_visual .sub-cover h2 {position: absolute; top:180px; left: 50%; width:100%;  margin-left: -495px; font-size: 25px !important; text-shadow: 0 0 7px #000; letter-spacing: -2px; font-weight: 600;}
	.sub_visual .sub-cover p { position: absolute; top: 250px; left: 50%;width:100%px; margin-left: -495px;  font-size: 20px !important; text-shadow: 0 0 2px #000; letter-spacing: -1px; font-weight: 600;text-align: center;}

	/*입학상담, 참여기업 신청 상단 버튼*/
	.application_btn {display:none;}
}


@media (max-width:380px){

	
	.gnb li {position:relative; display:inline-block; font-size:13px; font-weight:600; padding:13px 3% 12px 3%;}
	
	.classSub li {padding:13px 2% 12px 2%; font-size:13px;}
	
	
	
	.slide_common .main_text_area .ntag_02 {font-size: 25px !important;}
	.sub_visual .sub-cover h2 { position: absolute; top: 180px; left: 50%; width:100%;  margin-left: -495px; font-size: 30px !important; text-shadow: 0 0 7px #000; letter-spacing: -2px; font-weight: 600;}
	.sub_visual .sub-cover p { position: absolute; top: 250px; left: 50%;width:100%px; margin-left: -495px;  font-size: 20px !important; text-shadow: 0 0 2px #000; letter-spacing: -1px; font-weight: 600;text-align: center;}

	/*입학상담, 참여기업 신청 상단 버튼*/
	.application_btn {display:none;}
}

.contents {   min-height: 880px;}
/* snavi2 */
/*.snavi2 {left:-10px !important} */

/* footer */
footer {background:#efefef; color: #101010;padding:20px 0 20px 0}
footer .inner {position: relative; /*min-width:990px;*/margin:0 auto;padding-left: 20px;}
footer .flogo {position: absolute;  top: 10px;  right: 25px;  overflow: hidden;  display: block;  width: 169px;  height: 53px;  text-indent: -9999px;  background: url(/groups/airforce/images/main/ft_logo.png) no-repeat;
    background-size: cover;}
footer ul {margin-bottom:8px}
footer li:first-child {padding-left:0}
footer li {display:inline-block;padding:0 7px}
footer li a {letter-spacing:-1px; color:#101010;font-size:13px}
footer .copyright {font-size:12px;margin-bottom:5px}
footer .copyright span {display:inline-block;margin-left:2px;padding-left:7px;background:url('/groups/common/images/bullet_bar.gif') 1px 50% no-repeat}
footer address {font-family:Verdana;font-size:11px}
footer address a {color: #fff200}

/*.contents {    min-height: 1000px;}*/
section {position:relative;overflow:hidden;min-width:100%;margin:0 auto;/* padding-bottom:100px*/background:white; z-index:1;min-height:500px}
section:after {content: ''; clear: both; display: block; height: 0 }
article {position:relative;overflow:hidden;width:990px;margin:0 auto;padding:50px 0}
article:after {content: ''; clear: both; display: block; height: 0 }
.content {position:relative;width:100%;margin:0 auto; background:white}
.content:after {content: ''; clear: both; display: block; height: 0 }
.bg_short {position:relative;height:150px}


/* slide_common */
.slide_common {position: relative;overflow: hidden;width:100%;height:100%; z-index:10}
.slide_common .main_text_area {position: relative; width:1300px; margin: 0 auto; height: 1000px; color: white;  }
.slide_common .main_text_area span {    display: block;  position: absolute;   width: 990px; }
.slide_common .main_text_area .ntag_01 {top:300px; font-size: 60px;font-weight:800; letter-spacing: -2px;text-shadow: 0 0 7px #000; font-family:'NanumMyeongjo'}
.slide_common .li1 .main_text_area .ntag_02 {    top: 50%;  color: #153380; font-size: 56px;   font-weight: 600;font-family: 'S-Core';letter-spacing: -3px;    text-shadow: 2px 3px 2px #022e3557; text-align: right;    right: 0;;}
.slide_common .li1 .main_text_area .ntag_03 {    top: 44%;  color: #153380;  font-size: 42px;  font-weight: 600;  font-family: 'S-Core';  letter-spacing: -3px;   text-shadow: 2px 3px 2px #022e3557;   text-align: right;    right: 0;}
.slide_common .li2 .main_text_area .ntag_02 {    top: 44%;  color: #fff; font-size: 42px;   font-weight: 600;font-family: 'S-Core';letter-spacing: -3px;    text-shadow: 2px 3px 2px #022e3557; text-align: right;    right: 0;;}
.slide_common .li2 .main_text_area .ntag_03 {    top: 50%;  color: #fff;  font-size: 56px;  font-weight: 600;  font-family: 'S-Core';  letter-spacing: -3px;   text-shadow: 2px 3px 2px #022e3557;   text-align: right;    right: 0;}
.slide_common .li3 .main_text_area .ntag_02 {    top: 44%;  color: #153380; font-size: 42px;   font-weight: 600;font-family: 'S-Core';letter-spacing: -3px;    text-shadow: 2px 3px 2px #022e3557; text-align: right;    right: 0;;}
.slide_common .li3 .main_text_area .ntag_03 {    top: 50%;  color: #153380;  font-size: 56px;  font-weight: 600;  font-family: 'S-Core';  letter-spacing: -3px;   text-shadow: 2px 3px 2px #022e3557;   text-align: right;    right: 0;}
.slide_common .main_text_area .ntag_03 strong {font-size: 34px;font-weight:800; text-shadow: 0 0 5px #000; font-family: 'NanumMyeongjo'}
.slide_common .li1 {background: url('/groups/airforce/images/main/main_visual01.png') no-repeat 100% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.slide_common .li2 {background: url('/groups/airforce/images/main/main_visual02.png') no-repeat 100% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.slide_common .li3 {background: url('/groups/airforce/images/main/main_visual03.png') no-repeat 100% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }

.br {display:none;}

/*서브 비쥬얼*/
@media all and ( max-width: 1050px ) {
	.slide_common .main_text_area .ntag_03 {top:230px; font-size:20px;}
	.slide_common .main_text_area .ntag_02 {top:300px; font-size:35px;}
	.slide_common .main_text_area {width:100%; margin: 0 auto; height: 500px; color: white; text-align: center }
	.slide_common .li1 {width:100%; height:500px;}
	.slide_common .li2 {width:100%; height:500px;}
	.slide_common .li3 {width:100%; height:500px;}
}
@media all and ( max-width: 1024px ) {
	.slide_common .li1 .main_text_area .ntag_02 {   top: 51%;   font-size: 27px;}
.slide_common .li1 .main_text_area .ntag_03 {     top: 61%;    font-size: 36px;}
.slide_common .li2 .main_text_area .ntag_02 {      top: 51%;   font-size: 27px;}
.slide_common .li2 .main_text_area .ntag_03 {       top: 61%;    font-size: 36px;}
.slide_common .li3 .main_text_area .ntag_02 {      top: 51%;   font-size: 27px;}
.slide_common .li3 .main_text_area .ntag_03 {       top: 61%;    font-size: 36px;}
	
}
@media all and (max-width:800px){
.slide_common .li1 {background: url('/groups/airforce/images/main/main_visual01.png') no-repeat 45% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.slide_common .li2 {background: url('/groups/airforce/images/main/main_visual02.png') no-repeat 45% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.slide_common .li3 {background: url('/groups/airforce/images/main/main_visual03.png') no-repeat 45% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.slide_common .li1 .main_text_area .ntag_02 { right: 20px;}
.slide_common .li1 .main_text_area .ntag_03{ right: 20px;}
.slide_common .li2 .main_text_area .ntag_02 { right: 20px;}
.slide_common .li2 .main_text_area .ntag_03 { right: 20px;}
.slide_common .li3 .main_text_area .ntag_02{ right: 20px;}
.slide_common .li3 .main_text_area .ntag_03 { right: 20px;}

}
@media all and (max-width:667px){
.slide_common .li1 { height: 320px;     background: url(/groups/airforce/images/main/main_visual01.png) no-repeat 50% 100%; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }	
.slide_common .li2 { height: 320px;     background: url(/groups/airforce/images/main/main_visual02.png) no-repeat 50% 100%; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover}
.slide_common .li3 { height: 320px;     background: url(/groups/airforce/images/main/main_visual03.png) no-repeat 50% 100%; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover}
.slide_common .main_text_area {  height: 320px;}
.slide_common .main_text_area .ntag_02 { top: 154px;font-size: 25px;right: 10px; }
.slide_common .main_text_area .ntag_03 {  top: 197px;  font-size: 17px;}
footer .flogo {display:none;}
}


@media all and (max-width:500px) {
	.slide_common .main_text_area {width:100%; margin: 0 auto; height:300px; color: white; text-align: center}
	.slide_common .main_text_area .ntag_02 .br {display:block;}
.slide_common .li3 .main_text_area .ntag_02, 	.slide_common .li1 .main_text_area .ntag_03{  display:none;}
.slide_common .li1 .main_text_area .ntag_02 {  top: 61%;  font-size: 27px;}
.slide_common .li3 .main_text_area .ntag_03 {   top: 61%;  font-size: 27px;}
.slide_common .li2 .main_text_area .ntag_02 {    top: 56%; font-size: 27px;}
.slide_common .li2 .main_text_area .ntag_03 {   top: 68%;  font-size: 22px;}
.slide_common .li1 { height: 320px;     background: url(/groups/airforce/images/main/main_visual01.png) no-repeat 35% 100%; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }	
.slide_common .li2 { height: 320px;     background: url(/groups/airforce/images/main/main_visual02.png) no-repeat 35% 100%; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover}
.slide_common .li3 { height: 320px;     background: url(/groups/airforce/images/main/main_visual03.png) no-repeat 35% 100%; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover}



}


/*비주얼 동영상리스트*/
.vd_list {position: absolute;     bottom: 50px;  width: 1300px;     left: 50%;   transform: translateX(-50%);  background: #f6f0f0;   border-radius: 20px;}
.vd_list ul { padding: 30px; } 
.vd_list li {float:left; width:49%; margin-right:2%;}
.vd_list li:last-child {/*width:31%;*/ margin-right:0;}
.vd_list li a {display:block; text-decoration:none;}
.vd_list ul::after {display:block; clear:both; content:"";}
.vd_list li .vd {width:100%;   height: 210px;}
.vd_list li .vd_tit {background:#fff;padding: 5px 20px 20px 20px; position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.vd_list li .vd_tit::after {display:block; content:"";width:40px; height:40px; background:url(../images/main/icon_vd.png) no-repeat; background-size:cover;     border-radius: 5px;background-position:50% 50%;position:absolute;top: -21px;    right: 21px;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 14%); } 
.vd_list li .vd_tit::before {    display: block;  position: absolute;  content: "";   width: 0;   height: 0;   border-bottom: 22px solid #fff;   border-right: 600px solid transparent;    top: -21px;    left: 0;}
.vd_list li .vd_tit p {margin-bottom:0;}
.vd_list li .vd_tit p:first-child {color:#777777}
.vd_list li .vd_tit p:last-child {color:#333; font-size:1.3em; font-weight:bold;   overflow: hidden;  white-space: nowrap;   text-overflow: ellipsis;}
.vd_list li .vd img { width: 100%;  height: 100%;  object-fit: cover;    object-position: center;border-top-left-radius:10px;border-top-right-radius:10px;}
.vd_list li .vd_fix {width:100%;    height: 288px; position:relative;}
.vd_list li .vd_fix .black_scr {    background: #0003;  height: 100%;   position: absolute;   top: 0;   left: 0;   width: 100%;    border-radius: 10px;}
.vd_list li .vd_fix .black_scr img {    width: 40px;   height: 40px;   position: absolute;   top: 50%;   transform: translate(-50%, -50%);    left: 50%;}
.vd_list li .vd_fix img { width: 100%;  height: 100%;  object-fit: cover;    object-position: center;border-radius:10px;}
.vd_list li .pt_tit {background:#fff;padding: 5px 20px 20px 20px; position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.vd_list li .pt_tit::after {display:block; content:"";width:40px; height:40px; background:url(../images/main/icon_pt.png) no-repeat; background-size:cover; background-position:50% 50%;position:absolute;top: -21px;    right: 21px;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 14%);     border-radius: 5px;} 
.vd_list li .pt_tit::before {    display: block;  position: absolute;  content: "";   width: 0;   height: 0;   border-bottom: 22px solid #fff;   border-right: 260px solid transparent;    top: -22px;    left: 0;}
.vd_list li .pt_tit p {margin-bottom:0;}
.vd_list li .pt_tit p:first-child {color:#777777}
.vd_list li .pt_tit p:last-child {color:#333; font-size:1.3em; font-weight:bold;   overflow: hidden;  white-space: nowrap;   text-overflow: ellipsis;}

/*보도자료*/
.news {width:100%; height:75px; background:#f7f0f0 ;position:relative; z-index:20}
.news::before {width:570px; height:75px; display:block; content:""; position:absolute; top:0; left:0; background:url(../images/main/notice_bg.png) no-repeat;}
.news .news_all {width:1300px; margin:0 auto;height: 100%;position:relative;}
.news .news_all .news_tit {display:inline-block;width:20%; position:relative;}
.news .news_all h3{     color: #fff;  position: relative;  display: inline-block;  padding-top: 13px;    font-family: 'S-Core';}
.news .news_all h3::after {    content: '';   position: absolute;      top: -22px;  right: -92%;  width: 80px;  height:97px; background: url(../images/main/news_img.png) no-repeat;    background-position: 50% 50%;background-size:80px 97px; }
.news .news_all .news_list {display:inline-block;padding-left:180px;    position: absolute;    top: 50%;   transform: translateY(-50%);       width: 65%;  text-overflow: ellipsis;   overflow: hidden;}
.news .news_all .news_list li {position:relative;padding-left:17px;    font-size: 1.5em;text-overflow: ellipsis;  overflow: hidden;  white-space: normal;   word-wrap: break-word;  display: -webkit-box;
    -webkit-line-clamp: 1;  -webkit-box-orient: vertical;   height: 29px;}
.news .news_all .news_list li::before {position:absolute; content:""; display:block; width:6px; height:6px; background:#c32943;    top: 14px; left:0px; }
.news .news_all .controls {position:absolute;top:0; right:0;}

.news .news_all .controls {position:absolute;    top: 50%;   transform: translateY(-50%); right:0px; width:121px; height:25px; z-index:1}
.news .news_all .controls .btn-controls {position:absolute; top:0; left:0}
.news .news_all .controls .btn-controls a {float:left; display:block;     width: 28px;    height: 30px; text-indent:-99999px; background:url(../images/main/bn_control.png) no-repeat;   background-size: 101px 22px;}
.news .news_all .controls .btn-controls .btn_prev {background-position:0 0}
.news .news_all .controls .btn-controls .btn_pause {background-position:-25px 0}
.news .news_all .controls .btn-controls .btn_next {background-position:-50px 0}
.news .news_all .controls .btn-controls .btn_play {background-position:-80px 0}
.news .news_all .controls .bn_more {position: absolute;  top: 0;  right: 0;   width: 30px;    height: 30px; text-indent:-99999px; background:url(../images/main/bn_more.png) no-repeat;       background-size: 23px 23px;}

@media all and (max-width:1700px) {
	.news .news_all .news_list {  padding-left: 12%;}
	.news::before {   left: -5%;}
}
@media all and (max-width:1600px) {
	.news::before {width:400px; height:75px;}
		.news::before {   left: 0;}

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

	.news::before {width:300px; height:75px;}
	.news .news_all .news_list {display:inline-block;padding-left:180px;}
	
}
@media all and (max-width:1300px){
	.vd_list {    width: 95%;}
	.news .news_all {   width: 95%;}
}

@media all and (max-width:1024px) {
	.vd_list li:nth-child(3) {display:none;}
	.vd_list li .vd_fix {   height: 283px;}
	.vd_list li .vd_tit::before {  border-right: 400px solid transparent;}
	.news .news_all .news_list li a {width: 340px;  text-overflow: ellipsis;  overflow: hidden;  white-space: normal;  word-wrap: break-word;  display: -webkit-box;   -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}
	.news .news_all .news_list {   width: 56%;}
}
@media all and (max-width:800px) {
	.vd_list li .vd_tit::after {  width: 35px;    height: 35px;}
	.vd_list li .pt_tit::after {  width: 35px;    height: 35px;}
	.news {   margin-top: 70px;    height: 70px;}
	.news::before {  width: 100%;  height: 70px;  top: -70px;    background: url(../images/main/notice_bg_m.png) no-repeat;}
	.news .news_all h3 { top: -63px;  display: block;   font-size: 25px;}
	.news .news_all h3::after { display:none;}
	.news .news_all .news_list {  display: block;  padding-left: 0;}
	.news .news_all .news_list li { font-size: 1.6em;}
	.news .news_all .news_list li a {width: 300px;  text-overflow: ellipsis;  overflow: hidden;  white-space: normal;  word-wrap: break-word;  display: -webkit-box;   -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}
	.news .news_all .news_list {  width: 74%;}
		}
@media all and (max-width:667px) {
	.vd_list li:nth-child(2) {display:none;}
	.vd_list li:last-child {  display:none}
	.vd_list li { width: 42%;}
	}
	
@media all and (max-width:500px) {
	.vd_list li { width:100%; float:none}
	.vd_list li:last-child {  width:100%; float:none; margin-top:20px;}
	.vd_list li .vd_tit p:first-child {    font-size: 19px;}
	.vd_list li .vd_tit p:last-child { font-size:1.7em;}
	.vd_list li .pt_tit p:first-child {    font-size: 19px;}
	.vd_list li .pt_tit p:last-child { font-size:1.7em;}
	.vd_list li .vd {   height: 154px;}
	.vd_list li .vd_fix { height: 239px;}
	.vd_list li .vd_tit::before {  border-right: 200px solid transparent;}
	.news .news_all .controls {    top: -50%;	}
	.news .news_all h3 {  font-size: 23px;}
		.news .news_all .news_list {   width: 100%;}

}

/* 하단바로가기 */
.footBtn {display:none;position:absolute; top:0px; right:0px; text-align:left; width:220px; height:40px; margin:0 5px 5px 0; border:1px solid #ccd1da;}
.footBtn button {width:218px; height:38px; background:#fff; color:#404040; text-align:center; border:1px solid #eee;}
.footBtn ul {display:none; margin-left:0; margin-bottom:0; position:absolute; bottom:38px; left:-1px; z-index:10000; width:220px; background:#fff; border:1px solid #ccd1da; border-bottom:0; max-height:300px; overflow-y:scroll !important;}
.footBtn ul li.ti {border-bottom:1px dashed #dedede; overflow:hidden; color:#404040; background:#eeeeee; font-size:13px; text-align:center; padding:7px 5px;}
.footBtn ul li {border-bottom:1px dashed #dedede; display:block;overflow:hidden; background:#fff; font-size:13px;}
.footBtn ul li:last-child {border:0;}
.footBtn ul li.subLine {border-bottom:3px double #dedede;}
.footBtn ul li a {display:block; overflow:hidden; padding:7px 5px; color:#333; background:#fff; font-size:13px; text-align:left;}
.footBtn ul li a:hover,
.footBtn ul li a:focus,
.footBtn ul li a:active {color:#fff; background:#404040;}

@media all and (max-width:768px) {
	footer .inner { padding-left: 0px;}
	.footBtn {display:block;position:relative; width:98%; height:40px; margin:0 auto; margin-bottom:10px;} 
	.footBtn button {width:100%; height:38px; background:#fff; color:#404040; text-align:center; border:1px solid #eee;}
	.footBtn ul {display:none; position:absolute; bottom:39px; left:-1px; z-index:10000; width:100%; background:#fff; border:1px solid #ccd1da; border-bottom:0; max-height:300px; overflow-y:scroll;}
}