@charset "utf-8";

/*---------------------- layout ----------------------*/
@media (max-width: 1800px) {
/* head */
	#header{padding: 0 20px; box-sizing: border-box; }

/* main */
	.mcnt4 {padding-left: 50px; padding-right: 50px;}
	.mcnt4 .owl-nav > *{left: -50px;}
	.mcnt4 .owl-nav > .owl-next{right: -50px;}
	
}


@media (max-width: 1420px) {
/* head */
	#header .hd_langs{right: 80px;}
	#header nav .gnb > li{width: 12vw;}

/* main */
	.mcnt2{padding: 12vw 20px;  box-sizing: border-box;}
	.mcnt3{padding: 12vw 20px;  box-sizing: border-box;}
	.mcnt4 .mcnt4_owl .item a{height: auto;}
	.mcnt5{padding: 12vw 20px;  box-sizing: border-box;}

/* footer */
	#footer{padding: 8vw 20px; box-sizing: border-box;}
}

@media (max-width: 1024px) {
/* head */
	#header .wrap1{height: 100px;}
	#header #gnb{display: none;}

/* main */
	.mcnt1,
	.mcnt1 .item{height: 80vw;}
	.mcnt1 .m_txt{padding-bottom: 8vw;}
	.mcnt1 .m_txt h3{font-size: clamp(25px, 5vw, 50px); line-height: 1.3; }
	.mcnt1 .owl-nav > *{left: 20px;}
	.mcnt1 .owl-nav > .owl-next{right: 20px;}
	.main-tit h3{font-size: clamp(25px, 5vw, 50px); line-height: 1.3; padding-top: 20px; margin-bottom: 3vw;}
	.main-tit p{font-size: 16px; line-height: 1.5;}
	.mcnt2 .cnt .lbx ul{margin-top: 30px;}
	.mcnt2 .cnt .lbx{width: 100%; }
	.mcnt2 .img-box{position: relative; width: 100%; height: 60vw; display: none;}
	.mcnt2 .img-box > *{background-size: cover !important; width: 100%;}
	.mcnt2 .cnt .lbx ul > li{width: auto ;flex: 1 1 25%; height: auto; padding: 3vw 0;}
	.mcnt2 .cnt .lbx ul > li p{font-size: 16px;}
	.mcnt3 ul{gap:4vw; margin-top: 5vw;}
	.mcnt3 ul > li{width: 100%;}
	.mcnt3 ul > li img{width: 100%;}
	.mcnt3 ul > li .tbx{height: 70px;}
	.mcnt3 ul > li .tbx dl{padding: 0 10px;}
	.mcnt3 ul > li .tbx dl dt{font-size: 20px; width: 90px;}
	.mcnt3 ul > li .tbx dl dd p{font-size: 14px; line-height: 1.5; padding-left: 12px;}
	.mcnt3 ul > li .tbx dl dd p:before{width: 3px; height: 3px; top: 8px;}
	.mcnt4{padding: 12vw 40px;}
	.mcnt4 .mcnt4_owl .item a strong{font-size: 20px; line-height: 1.5;}
	.mcnt4 .mcnt4_owl{margin-top: 30px;}
	.mcnt4 .owl-nav > *{width: 30px; background-size: 100% !important; left: -35px; margin-top: -50px; display: none;}
	.mcnt4 .owl-nav > .owl-next{background-size: 100% !important; right: -35px;  }
	.mcnt5 ul > li{flex:1 1 45%}
}

@media (max-width: 480px) {
/* main */
	.mcnt1 .owl-nav > *,
	.mcnt1 .owl-nav > .owl-next{margin-top: -40px; width: 30px ; background-size: 100% !Important }
	.mcnt4 .main-tit h3{padding-top: 20px;}
	.mcnt4{padding-left: 20px; padding-right: 20px;}
	.mcnt4 .mcnt4_owl .item a{padding: 40px 20px;}
	.mcnt5 ul{gap:10px; margin-top: 30px;}
	.mcnt5 ul > li > a{padding: 30px 20px; height: auto; gap:10px}
	.mcnt5 ul > li > a strong{font-size: 18px; line-height: 1.5;}
	.mcnt5 ul > li > a p{font-size: 14px; line-height: 1.5;}

/* footer */
	#footer .ft_top{padding-bottom: 10px; margin-bottom: 10px;}
	#footer .ft_top ul > li,
	#footer .ft_bottom p{font-size: 14px; line-height: 1.5;}
	#footer .ft_bottom ol > li > a{margin-top: 20px;}
	.scroll-top{right: 20px; bottom: 20px; width: 40px; height: 40px;}
}



/* sub */
@media (max-width: 1320px) {
	.sv-box{height: 400px;}
	.sv-box .sv-tit{font-size: clamp(25px, 5vw, 50px); line-height: 1;}
	#sub_layout{margin-bottom: 12vw;	}
	#sub_layout .wrap3{box-sizing: border-box; padding: 0 20px ;}
	.sub_2_3 .wrap .cnt2 .table-wrap table colgroup  {display: none;}

/* s32 */
	.gray-box{flex-direction: column; height: auto; padding: 30px 10px; align-items:center; gap:15px;}
	.gray-box .info{width: auto;}
	.gray-box .tel-box{width: auto;}
	.gray-box .link-box{width: auto;}
	.gray-box .link-box ol > li{width: auto;}
	.gray-box .link-box ol > li > a{width: 100%; padding: 0 20px;}


	
	.box-tbx{flex-wrap:nowrap;}
	.box-tbx span{padding: 0 10px;}
}

@media (max-width: 1024px) {
	.lnb_box {padding: 0 !important;}
	.lnb_box > ul{margin-top: 0;}
	.lnb_box > ul {flex-wrap:wrap;}
	.lnb_box > ul > li{flex:auto; height: 45px; width: 33%; }
	.lnb_box > ul > li > a{font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.sub_tit {font-size: clamp(25px, 5vw, 50px); padding-top: 20px; margin-top: 12vw; margin-bottom: 8vw;}
/* s11 */
	.sub_1_1 .sec1 .cnt{margin-top: 5vw;}
	.sub_1_1 .sec1 .cnt > *{width: 100% !important;}
	.sub_1_1 .sec1 .cnt .lbx h5{font-size: clamp(20px, 4.5vw, 30px); line-height: 1.5;}
	.sub_1_1 .sec1 .cnt .rbx{margin-top: 4vw;}
	.sub_1_1 .sec1 .cnt .rbx p{font-size: 16px; line-height: 1.5;}
	.sub_1_1 .sec2{padding: 8vw 0; margin-top: 8vw;}
	.stit_line{font-size: clamp(25px, 5vw, 45px); line-height: 1.5;}
	.sub_1_1 .sec2 .stit_p{font-size: 16px; }
	.sub_1_1 .sec2 .stit_p:before{top: 8px;}
	.sub_1_1 .sec2 .stit_p span{display: block; margin-left: 0; padding-left: 0;}
	.sub_1_1 .sec2 .stit_p span:before{display: none;}
	.sub_1_1 .sec2 dl dt{font-size: 18px; text-align: left; padding-left: 10px; width: 90px;}
	.sub_1_1 .sec2 dl dd{display: block; width: calc(100% - 90px); padding-right: 0;}
	.sub_1_1 .sec2 dl dd p{font-size: 16px; line-height: 1.5; padding-left: 15px; width: 100%; padding-right: 0; padding-right: 0;}
	.sub_1_1 .sec2 dl dd .box span{margin-top: 20px; font-size: 14px; margin-left: 15px; width: 150px;}

/* s15 */
	.sub-top-p{margin-top: -6vw; font-size: 16px; line-height: 1.5;}
	.sub_1_5 .sec1{margin-top: 6vw; margin-bottom: 8vw;}
	.sub_1_5 .sec1 .cnt{gap:10px}
	.sub_1_5 .sec1 .cnt > *{height: auto; padding: 20px;}
	
/* s21 */
	.sub_2_1 .table_wrap table tr > td{padding: 10px 3px; font-size: 14px; line-height: 1.5;}
	.sub_2_1 article:not(:first-child){margin-top: 8vw;}

/* s22 */
	.sub_2 .g-box{padding: 30px 15px; flex-wrap:wrap;}
	.sub_2 .g-box > li{width: 100%; font-size: 14px; line-height: 1.5; padding-left: 12px;}
	.sub_2 .g-box > li:before{top: 8px;}
	.table_wrap table tr > th{height: 40px; font-size: 14px;}
	.table_wrap table tr > *{font-size: 16px; line-height: 1.5;}

/* s31 */
	.sub_3_1 .cnt1 ul > li{flex:1 1 40%	}
	.sub_3_1 .cnt1 ul > li:after{position: absolute;content: '';width: 10px;height: 17px;background: url(../img/sub/s31_7.jpg) center no-repeat;right: -25px;top: 50%;margin-top: -7px;}
	.sub_3_1 .cnt1 ul > li:nth-child(2n+2):after{display: none;}
	.sub_3_1 .cnt1 ul > li{padding: 0 20px;}
	.sub_3_1 .cnt1 ul > li figure{width: 13vw; height: 13vw; padding: 10px;} 
	.sub_3_1 .cnt1 ul > li .tbx{width: calc(100% - (13vw + 10px));}
	.sub_3_1 .cnt1 ul > li .tbx p strong{font-size: 14px;}
	.sub_3_1 .cnt1 ul > li .tbx p{font-size: 18px; line-height: 1.5;}
	.sub_3_1 .cnt2{margin-top: 12vw;}
	.sub_3_1 .cnt2 .box{padding: 8vw 20px;}
	
/* s32 */
	.gray-box .info figure{width: 11vw;}
	.gray-box .info{font-size: 20px;}
	.gray-box .tel-box ul > li{font-size: 14px; line-height: 1.5; }
	.gray-box .link-box ol > li > a{font-size: 14px; line-height: 40px; padding: 0 10px;}
 
	.program_list > a{width: auto; flex:1 1 33%}
	.program_list > a > ul > li > ol{width: calc(100% - 90px);}
	.program_list > a .tit-p{font-size: 18px;}
	.program_list > a > ul > li{font-size: 14px;}
	.box-tbx p{font-size: 16px; line-height: 1.5; text-align: center;}


}
@media (max-width: 640px) {
/* s22 */
	.sub_3_2 .bo-wrap .wrap3{padding: 0 !important; }
	.sub_2_2 .table_wrap{width: 100%; overflow-y: auto;}
	.sub_2_2 .table_wrap table{width: 800px; }
	.sub_2 .g-box{margin-top: 0; margin-bottom: 30px;}
	.sub_3_1 .cnt1 ul > li {flex-direction: column; padding: 30px 20px; height: auto;}
	.sub_3_1 .cnt1 ul > li .tbx{width: calc(100%); padding-left: 0; margin-top: 20px;}
	.sub_3_1 .cnt1 ul > li .tbx p strong{margin-bottom: 5px;}
/* 	.gray-box .link-box ol{flex-direction: column;} */
	.gray-box .link-box ol > li {width: 50%;}
	.gray-box .link-box ol > li > a{font-size: 13px;}

	.sub_4_1 .cnt2 .gray-box2{padding: 30px 20px; height: auto; gap:10px; align-items:center;}
	.sub_4_1 .cnt2 .gray-box2 .lbx figure img{width: 12vw;}
	.sub_4_1 .cnt2 .gray-box2 .lbx figcaption{font-size: 18px; line-height: 1.5;}

	.sub_4_1 .cnt2 .gray-box2 .rbx a{width: 100%; line-height: 1.5; 	font-size: 16px; display: block; padding: 10px;}
	.program_list > a{width: auto; flex:1 1 100%}
	.gray-box .link-box{width: 100%;}

	.captcha {text-align: center; margin: 0 auto;}
	#captcha.m_captcha audio{margin: 5px auto;}
}


@media (max-width: 480px) {
/* s12 */
	.sub_1_2 .sec1{padding: 12vw 20px;}
	.sub_1_2 .sec1 figure{padding-left: 4vw;}
	.sub_1_5 .sec1 .cnt > *{height: auto; padding: 5px;}

/* s15 */
	.sub_1_5 .sec2 .cnt{gap:20px; }
	.sub_1_5 .sec2 .cnt > *{padding: 0 15px; width: 100%; flex:auto}
	.sub_1_5 .sec2 .cnt > * span{font-size: 18px; line-height: 1.2; margin-right: 10px;}
	.sub_1_5 .sec2 .cnt > * p{font-size: 14px; line-height: 1.5;}

/* s16 */
	.sub_1_6 .cnt2 ul > li{font-size: 16px; line-height: 1.5; margin-bottom: 5px;}
	.sub_1_6 .cnt2 ul > li span{width: 80px; margin-right: 0;}
	.sub_1_6 .cnt2 ul > li p{width: calc(100% - 80px);}

/* s21 */
	.sub_2_1 .table_wrap{width:100%; overflow-y: auto;}
	.sub_2_1 .table_wrap table{width: 640px;}
	.sub_2_3 .table_wrap{width:100%; overflow-y: auto;}
	.sub_2_3 .table_wrap table{width: 1024px;}
	.sub_2_3 .table_wrap1{width:100%; overflow-y: auto;}
	.sub_2_3 .table_wrap1 table{width: 640px;}
	.sub_2_4 .table_wrap{width:100%; overflow-y: auto;}
	.sub_2_4 .table_wrap table{width: 1024px;}
	.sub_2_4 .table_wrap1{width:100%; overflow-y: auto;}
	.sub_2_4 .table_wrap1 table{width: 640px;}
	.sub_2_5 .table_wrap{width:100%; overflow-y: auto;}
	.sub_2_5 .table_wrap table{width: 1024px;}
	.sub_2_5 .table_wrap1{width:100%; overflow-y: auto;}
	.sub_2_5 .table_wrap1 table{width: 640px;}
	.sub_2_6 .table_wrap{width:100%; overflow-y: auto;}
	.sub_2_6 .table_wrap table{width: 1024px;}
	.sub_2_6 .table_wrap1{width:100%; overflow-y: auto;}
	.sub_2_6 .table_wrap1 table{width: 640px;}
	.sub_2_7 .table_wrap1{width:100%; overflow-y: auto;}
	.sub_2_7 .table_wrap1 table{width: 640px;}
	.inquiry-required p{font-size: 14px !important;}
	.sub_4_1 .cnt1 ul{justify-content: center;}
	.sub_4_1 .cnt1 ul li p{font-size: 18px; margin-top: 10px; line-height: 1.5;}
	.sub_4_1 .cnt1 ul > li {flex:1 1 45%}

}