@charset "utf-8";

@import url(/css/required.css);

*{font-family:'Pretendard',Noto Sans KR,Nanum Gothic,나눔고딕,sans-serif;box-sizing:border-box;}



/************************************************************************
* HEADER *
************************************************************************/
header .logo{width:250px;}

header #gnb{margin-left:-3%;}

header .depth1>li>a{font-size:17px;text-align:center;word-wrap:break-word;display:block;word-break:keep-all;}

header .depth2>li>a{font-size:15px;}

@media screen and (max-width:1800px) {
header .logo{width:230px;}

header .depth1>li>a{font-size:16px;}
header .depth2>li>a{font-size:14px;}
}
@media screen and (max-width:1600px) {
header .logo{width:210px;}

header .depth1>li>a{font-size:15px;}
header .depth2>li>a{font-size:13px;}
}
@media screen and (max-width:1500px) {
header .logo{width:200px;}

header .depth1>li>a{font-size:14px;}
header .depth2>li>a{font-size:12px;}
}
@media screen and (max-width:1400px) {
header .logo{width:180px;}

header .depth1>li>a{font-size:13px;}
header .depth2>li>a{font-size:12px;}
}
@media screen and (max-width:1280px) {
header .logo{width:170px;}

header .depth1>li>a{font-size:12px;}
header .depth2>li>a{font-size:12px;}
}
@media screen and (max-width:1199px) {
header .logo{width:200px;}
}
@media screen and (max-width:768px) {
header .logo{width:200px;}

header .depth2>li>a{font-size:15px;}
}
@media screen and (max-width:640px) {
header .logo{width:180px;}
}
@media screen and (max-width:560px) {
header .logo{width:160px;}
}
@media screen and (max-width:460px) {
header .logo{width:150px;}
}






/************************************************************************
* allMenu *
************************************************************************/
.allMenu #snb>li>a{font-size:22px;}

@media screen and (max-width:1800px) {
.allMenu #snb>li>a{font-size:20px;}
}
@media screen and (max-width:1500px) {
.allMenu #snb>li>a{font-size:19px;}
}
@media screen and (max-width:1280px) {
.allMenu #snb>li>a{width:25%;}

.allMenu .depth2{width:75%;}
}
@media screen and (max-width:1199px) {
.allMenu #snb>li>a{font-size:18px;}
}
@media screen and (max-width:1100px) {
.allMenu #snb>li>a{font-size:17px;}
}
@media screen and (max-width:960px) {
.allMenu #snb>li>a{width:100%;font-size:17px;}

.allMenu .depth2{width:100%;}
}
@media screen and (max-width:768px) {
.allMenu #snb>li>a{font-size:16px;}
.allMenu .depth2>li>a{font-size:15px;}
}
@media screen and (max-width:640px) {
.allMenu #snb>li>a{font-size:15px;}
.allMenu .depth2>li>a{font-size:14px;}
}





/************************************************************************
* sub COMMON *
************************************************************************/


/******* sub tabmenu *******/
.subtab li a{font-size:20px;}
.subtab li a:after{width:6px;height:6px;top:calc(50% - 3px);}

@media all and (max-width:1500px) {
.subtab li a{font-size:19px;}
}
@media all and (max-width:1100px) {
.subtab li a{font-size:18px;}
.subtab li a:after{width:4px;height:4px;border-width:2px 2px 0 0;top:calc(50% - 2px);}
}
@media all and (max-width:960px) {
.subtab li a{font-size:16px;}
}
@media all and (max-width:767px) {
.subtab li a{font-size:15px;}
}
@media all and (max-width:640px) {
.subtab li a{font-size:14px;}
}
@media all and (max-width:460px) {
.subtab li a{font-size:13px;}
}











/************************************************************************
* SUB_CONTENTS *
************************************************************************/

/********************************* 촬영장비 *********************************/
/*********** 촬영장비 구성 ***********/
.sp3tit.en{display:table !important;}



/********************************* 촬영대여시설 *********************************/
.sp2ve .imgBox{width:47%;}
.sp2ve .txtBox{width:53%;}
.sp2ve .txtBox table tr *{font-size:17px;line-height:120% !important;word-wrap:break-word;word-break:keep-all;}

@media screen and (max-width:1500px) {
.sp2ve .imgBox{width:45%;}
.sp2ve .txtBox{width:55%;}
.sp2ve .txtBox table tr *{font-size:16px;}
}
@media screen and (max-width:1280px) {
.sp2ve .txtBox table tr *{font-size:15px;}
}
@media screen and (max-width:1024px) {
.sp2ve .imgBox{width:100%;}
.sp2ve .txtBox{width:100%;margin-top:30px;padding-left:0;}
}
@media screen and (max-width:767px) {
.sp2ve .txtBox table tr *{font-size:16px;}
}
@media screen and (max-width:640px) {
.sp2ve .txtBox table tr{display:flex;flex-wrap:wrap;}
.sp2ve .txtBox table tr *{width:100%;font-size:15px;}
}
@media screen and (max-width:560px) {
.sp2ve .txtBox table tr *{font-size:14px;}
}







/********************************* 대여 및 신청 *********************************/

/* 스케줄 - 버튼 */
@media screen and (max-width:640px){
.sp4btWrap a{width:100%;margin:3px 0;}
}





/********************************* 신청하기 *********************************/
/* 신청폼 - 레이아웃 */
.appBox .fileBox dt{width:400px;font-size:17px;word-wrap:break-word;display:block;word-break:keep-all;}
.appBox .fileBox dd{width:calc(100% - 400px);}

@media screen and (max-width:1280px) {
.appBox .fileBox dt{width:380px;font-size:16px;}
.appBox .fileBox dd{width:calc(100% - 380px);}
}
@media screen and (max-width:1100px) {
.appBox .fileBox dt{width:360px;font-size:15px;}
.appBox .fileBox dd{width:calc(100% - 360px);}
}
@media screen and (max-width:860px) {
.appBox .fileBox dt{width:350px;font-size:14px;}
.appBox .fileBox dd{width:calc(100% - 350px);}
}
@media screen and (max-width:660px) {
.appBox .fileBox{flex-wrap:wrap;}
.appBox .fileBox dt{width:100%;font-size:13px;}
.appBox .fileBox dd{width:100%;padding-left:0;padding-top:5px;}
}










/********************************* 지역인재 양성 *********************************/

/* 기대효과 */
@media screen and (max-width:520px) {
.exeffBox div{width:100%;}
}