:root{
--main-color:#f4781d	
	}
.m4con{padding-bottom:50px}
.under_title{ padding-bottom:22px}
.a_center{text-align:center}
th{border-top:0}
.sub_table_s table{border-top:2px solid #000}
.bt2 a{ color:white; background:#36454F; padding:10px 20px; display:inline-block}
.noti{background: #e4e4e4;
    padding: 30px; margin:0 0 50px}
.hasimg{display:flex; gap:30px; align-items:flex-start;     flex-direction: row-reverse;}
.wrap_listWrap{width: calc(100% - 589px);}
.img_m0403 img{max-width:500px; width:100%; padding:30px 0; word-break:keep-all}
.m4con_0405 .listWrap{display:flex; gap:20px; align-items:center; width:100%; padding:10px 0; border-bottom:1px solid rgba(0, 0, 0, 0.2)}
.m4con_0405 .listWrap .textfix2{ width:260px}
.m4con_0405 .listWrap .txt02{width:calc(100% - 280px)}
.m4con_0405 .script{margin-bottom:25px; padding:20px; background:#ebebeb;     display: flex
;
    gap: 20px;
    align-items:stretch;}
	.m4con_0405 .script .txt{display: flex
;
   
    align-items: center;}
	.m4con_0405 .script .img img{max-height:150px}
.m4con_0405 .script p{word-break:keep-all}
.m4con_0405 .textfix h3{ display:flex; justify-content:space-between; align-items:center; font-size:33px}
.m4con_0405 .textfix h3 .linkBtn{white-space:nowrap}
.m4con_0405 .textfix h3 .linkBtn, .linkBtn2{    padding: 5px 20px;
    color: #fff;
    background: #f4781d;     font-size: 18px;
    font-weight: 400;
    line-height: 1.4; text-decoration:none !important}
.fa-external-link:before {
    content: "\f08e" !important; position:relative; background:none !important; width:auto !important; height:auto !important; top:auto !important; left:auto !important; display:inherit !important
}	
.fa-link:after{display:none !important}
.m4con_0405 .wrap_contact{display:flex; gap:30px}
.m4con_0405 .wrap_contact div{min-width:238px}
.m4con_0405 .bg_white, .m4con_0405 .img{background:white; flex:1; padding:10px; display:flex; justify-content:center; align-items:center; width:230px; height:75px; font-size:36px; font-weight:700; color:#999; border:1px solid rgba(0, 0, 0, 0.2)}
.m4con_0405 .img img{max-width:100%; max-height:100%}
.m4con_0405 .txt{width:calc(100% - 250px)}
.ul_type1{ margin:10px 0 0 0}
.ul_type1 li{margin:5px 0; font-size:22px}
.t_a_center th, .t_a_center td{text-align:center}
.t_th_nowrap th{white-space:nowrap}
.w20{width:20% !important}
.infoList{position:relative}
.sub2_ms_linksm .bgorange{background:var(--main-color); width:40% !important}
/*BGCF한국어강좌*/
.wrap_m0501 .sub01_1_imgs{display:flex; justify-content:space-between; width:100%; gap:20px; margin-bottom:42px}
.wrap_m0501 .sub01_1_imgs img{max-width:100%; border-radius:10px}
.wrap_m0501 .sub2_ms_linksm .bgorange {
   
    width: 35% !important; margin-bottom:42px
}
.wrap_m0501 img{max-width:100%}

/*한국어강좌 소개*/
.sub_table_s2 {
    padding: 20px 0 50px 21px;
}
/*TOPIK 시험자료실*/
.w70{width:70%}
.wrap_flex2 .img_m0402{ position:relative !important; right:auto !important}
.wrap_flex2{display:flex; align-items:stretch; gap:50px}
.wrap_flex2 .items{flex:1}
.wrap_flex2 .items table{height:100%}
.a_center th, .a_center td{text-align:center}
/*취업정보사이트*/
.has_logo{width:100%; display:flex; gap:10px; align-items:center}
.has_logo span{width:calc(100% - 220px)}
.has_logo .site_logo{display:flex; width:200px; height:50px; border:1px solid #ddd; padding:5px 10px; justify-content:center; align-items:center }
.has_logo .site_logo img{max-height:100%; max-width:100%}
/*외국인창업비자*/
.wrap_flex{display:flex; align-items:flex-start; gap:50px;}
.wrap_flex .txt{width:70%} 
.wrap_flex .img{width:calc(30% - 50px)}
.wrap_flex .img img{width:100%}
.ul_process {display:flex; width:100%}
.ul_process li{width:calc(25% - 20px); text-align:center; border:1px solid var(--main-color); padding:20px; border-radius:24px; background:#f7f7f7; margin:0 20px 0 0; position:relative}
.ul_process li strong{color:var(--main-color)}
.ul_process li:last-child{margin-right:0} 
.ul_process li:after{content: "\f061";font:normal normal normal 14px/1 FontAwesome; position:absolute; right:-20px; top:50%; transform:translate(0, -50%)}
.ul_process li:last-child:after{display:none}
.ul_process li p{ font-size:18px; word-break:keep-all; margin:10px 0 0 0}
.ul_process li .mini_boxs a, .only_text a{padding:0 0; color:var(--main-color); background:none; text-decoration:underline; font-weight:700}
.t_residence .monly{display:none}
.wrap_m0402con{ padding-top:0}
.bullet{position:relative; padding-left:12px;}
.bullet:before{position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    top: 12px;
    left: 0;}

/* KIIP소개 */
.only_text a{font-size:22px}
.sub-body{position:relative}
.sub-body .img_m0402{ position:absolute; right:0; width:calc(50% - 30px);     border-radius: 30px;
    padding: 30px; overflow:hidden; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.1); border:1px solid #ddd
}
.sub-body .img_m0402 img{width:100%}
.w50{width:50%}
/*이력서 면접 가이드*/
.sub_table_s .t_w50{width:50%}
.img_m04033{float:right; width:calc(50% - 50px); position:absolute; right:0; top:0; overflow:hidden}
.img_m04033 img{width:100%}
.p_relative{position:relative}

/*직장생활 꿀팁*/
.sub2_normal3 .normals li strong:before{display:none}

/*언어교환멘토링*/
.wrap_m0503 .normals{ line-height:1.5; width:63%}
.wrap_m0503 .lefts_img {
    width: 35%;
}

/*BGCF 유학생·외국인 취업지원*/
.wrap_m050401{position:relative;}
.wrap_m050401 .wrap_wrap_block{display:flex; align-items:stretch; gap:30px; width:100%}
.wrap_m050401 .textfix2 h4::before{content: ""; background-size:100% auto; width:50px; height:50px; top:-5px; z-index:1}
.wrap_m050401 .textfix2 .icon1::before{content: ""; background:url(/sub5/img/icon_m050401.png) 0 0 no-repeat; background-size:100% auto;    }
.wrap_m050401 .textfix2 .icon2::before{content: ""; background:url(/sub5/img/icon_m050402.png) 0 0 no-repeat; background-size:100% auto;    }
.wrap_m050401 .textfix2 .icon3::before{content: ""; background:url(/sub5/img/icon_m050403.png) 0 0 no-repeat; background-size:100% auto;    }
.wrap_m050401 .textfix2 .icon4::before{content: ""; background:url(/sub5/img/icon_m050404.png) 0 0 no-repeat; background-size:100% auto;    }
.wrap_m050401 .textfix2 .icon5::before{content: ""; background:url(/sub5/img/icon_m050405.png) 0 0 no-repeat; background-size:100% auto;    }
.wrap_m050401 .textfix2 .icon6::before{content: ""; background:url(/sub5/img/icon_m050406.png) 0 0 no-repeat; background-size:100% auto;    }
.wrap_m050401 .textfix2 h4{padding-left:55px}
.wrap_m050401 .wrap_flex{ display:block}
.wrap_m050401 .wrap_flex .w50{width:100%; gap:30px; flex-wrap:wrap; display:flex; margin:0 0 50px 0}
.wrap_m050401 .wrap_flex .w50 .wrap_block{width:calc(50% - 15px)}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod .ments {
    padding: 0 0 30px; display:flex; gap:20px; align-items:center
}
.wrap_m050401 .subs_house_ms{margin:0 0 0 0; height:calc(100% - 55px)}
.wrap_m050401 .subs_house_ms .h_wraps{align-items:flex-start; justify-content:flex-start; gap:20px; word-break:keep-all}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li span.mst{ width:117px; display:inline-block; background:#000; text-align:center; padding:5px; color:#fff; border-radius:24px;}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li{ display:flex; gap:20px; align-items: center; line-height:1}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li li{ position:relative; padding:0 0 0 10px}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li li::before{content:''; position:absolute; width:5px; height:5px; border-radius:100%; background:#36454F; left:0; top:15px}
.wrap_m050401 .subs_house_ms .h_wraps .hs_imgs{ width:45%}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod{width:100%}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod .ments p{width:calc(100% - 220px)}
/*부산기관 일자리공고*/
.wrap_bjob img{height:50px}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li p{width:calc(100% - 137px)}

@media(max-width:1600px){
/*외국인창업비자*/
.t_residence thead{display:none}
.t_residence .monly{display:block}	
.t_residence .title{background: #f8fafc;
    color: #111827;
    text-align: center;
    font-weight: 700; font-size:20px; white-space:nowrap}
.t_residence, .t_residence tbody, .t_residence tr .t_residence td{display:block}
.t_residence tr{display:flex; flex-wrap:wrap}
.t_residence td{width:calc(100% / 7)}	
	}
@media(max-width:1500px){
/*부산 국제학교*/
.infoList .photo{width:calc(100% - 849px)}
.infoList .photo img{width:100%}	
.wrap_listWrap {
    width: 819px;
}
	}	
@media(max-width:1280px){
/*BGCF 한국어강좌*/	
.wrap_m0501 .sub01_1_imgs{flex-wrap:wrap}
.wrap_m0501 .sub01_1_imgs .pimg01, .wrap_m0501 .sub01_1_imgs .pimg02, .wrap_m0501 .sub01_1_imgs .pimg03, .wrap_m0501 .sub01_1_imgs .pimg04{width:calc(50% - 10px)}
	
	
/*한국어강좌 소개*/
.sub_table_s p, .under_title, .m0403, .sub_table_s, .ul_type1 li, .t_residence .title, .noti{font-size:18px}

/*TOPIK 시험자료실*/
.wrap_flex2{gap:30px}

/*KIIP소개*/
.psdm2, .only_text a{ font-size:18px}

/*취업정보사이트*/
.has_logo .site_logo, .has_logo span{width:100%}
.has_logo{flex-wrap:wrap}

/*부산 국제학교*/
.m4con_0405 .textfix h3 .linkBtn{white-space:nowrap}
.m4con_0405 .textfix h3{align-items:flex-start; font-size:25px}
.hasimg{ align-items:flex-end}
.infoList .photo{position:absolute; width:300px}
.wrap_listWrap{width:100%}

/*직장생활 꿀팁*/
.sub2_normal3 .normals li::before{top:10px}

/*언어교환멘토링*/
.wrap_m0503 .sub2_ms_linksm .w20 {
 width:40% !important
    }
	
/*BGCF 유학생·외국인 취업지원*/
.wrap_m050401 .subs_house_ms{font-size:18px; height:auto}
.wrap_m050401 .wrap_wrap_block{flex-wrap:wrap}	
.wrap_m050401 .wrap_flex .w50 .wrap_block{width:100%}
}
@media(max-width:1024px){
/*한국어강좌 소개*/	
.sub-body .img_m0402{position:relative; width:100%; margin:0 0 50px 0}
    .sub_table_s {
        overflow-x: visible;
    }
.w50 {
    width: 100%;
}

/*TOPIK 시험자료실*/
.wrap_flex2{flex-wrap:wrap}	
.wrap5_1_2 .img_m0402{ margin:0 0 0 0}
.sub_table_s table{width:100%}
.wrap5_1_2 .wrap_flex2 .items{flex:none}

/*언어교환멘토링*/
.w20 {
    width: 40% !important;
}

/*외국인창업비자*/
.t_residence td{width:calc(100% / 5); border:0; border-bottom:1px solid #e5e7eb}
.mini_boxs a{white-space:nowrap; padding:6px 5px}

.img_m04033 {
    float: none;
    width: 100%;
    position: relative; margin-bottom:50px}

.sub_table_s .t_w50 {
    width: 100%;
}    
	}
@media(max-width:980px){
/*BGCF 한국어강좌*/
.scroll_table{    width: 100%;
    overflow-x: scroll;}
.scroll_table table{width:980px}
}
@media(max-width:912px){
/*BGCF 한국어강좌*/	
.wrap_m0501 .sub2_ms_linksm .bgorange {
    width: 60% !important;
}
/*부산 국제학교*/	
.m4con_0405 .listWrap .textfix2 {
    width: 210px;
}
.m4con_0405 .listWrap .txt02 img{width:30px}
	}	
@media(max-width:820px){
/*BGCF 한국어강좌*/	
.sub_table_s th, .sub_table_s td{word-break:break-all}	
/*부산 국제학교*/
.hasimg{flex-wrap:wrap}
    .infoList .photo {
        position: relative;
        width: 100%;
    }
.m4con_0405 .listWrap .txt02 {
    width: calc(100% - 230px);
}	
.m4con_0405 .wrap_contact{flex-wrap:wrap; gap:10px}
.sub2_ms_linksm .bgorange{width:50% !important}

/*언어교환멘토링*/
.wrap_m0503{flex-wrap:wrap}
.wrap_m0503 .lefts_img{ margin:0 auto; width:70%}
.wrap_m0503 .normals{width:100%}

/*BGCF 유학생·외국인 취업지원*/
.wrap_m050401 .wrap_flex{flex-wrap:wrap}
.wrap_m050401 .wrap_flex .w50{width:100%}
	}
@media(max-width:640px){
.sub2_ms_linksm .bgorange{width:60% !important}
/*BGCF 한국어강좌*/	
.wrap_m0501 .sub01_1_imgs{flex-wrap:wrap}
    .wrap_m0501 .sub01_1_imgs .pimg01, .wrap_m0501 .sub01_1_imgs .pimg02, .wrap_m0501 .sub01_1_imgs .pimg03, .wrap_m0501 .sub01_1_imgs .pimg04 {
        width: 100%;
    }

/*한국어강좌 소개*/
.sub_table_s p, .sub_table_s, .only_text a, .m0403, .sub_table_s, .ul_type1 li{padding-top:0; font-size:14px}
.sub_table_s {
    padding: 0 0 50px;
}
.m4con_0405 .textfix h3 .linkBtn, .linkBtn2, .ul_process li, .ul_process li p, .mini_boxs a, .sub2_boxs_mans p.ms{font-size:14px}
.sub_table_s2 {
    padding: 0 0 50px 21px;
}

/*KIIP소개*/
.psdm2, .only_text a{ font-size:14px}
/*외국인창업비자*/
.ul_process li{padding-top:20px}

.listWrap .textfix2 h4{font-size:14px}
.listWrap .textfix2 ::before{top:10px}
.m4con_0405 .listWrap .textfix2 {
        width: 150px;}
    .m4con_0405 .listWrap .txt02 {
        width: calc(100% - 170px); word-break:break-all
    }
/*언어교환 멘토링*/
.sub2_ms_linksm a{font-size: 16px;
    padding: 15px 20px; }
	
.m4con_0405 .script, .m4con_0405 .textfix h3{flex-wrap:wrap}	
.m4con_0405 .bg_white, .m4con_0405 .txt{width:100%}
/*직장생활 꿀팁*/
.sub2_normal3 .normals li::before{top:7px}

/*취업정보사이트*/
    .sub_table_s thead th {
        font-size: 14px;
		
    }	
.has_logo strong{white-space:nowrap}
.m4con_0405 .textfix h3 .linkBtn, .linkBtn2
 {
    padding: 5px 10px;}	

.t_site .td_gogo{width:110px}
.t_site colgroup{display:none}
/*외국인창업비자*/	
.sub2_boxs_mans{padding:20px}
.t_residence .title{font-size:14px}

/*이력서 면접 가이드*/
.wrap_m0403 colgroup{ display:none}
.wrap_m0403 tr .colors4{ width:30%; word-break:keep-all}
.noti{font-size:14px}


/*부산 국제학교*/
.m4con_0405 .listWrap{gap:5px}
.m4con_0405 .listWrap .txt02 {
        width: calc(100% - 155px);}
.m4con_0405 .listWrap .haslogo{width:100%}	
.m4con_0405 .listWrap .haslogo img{width:auto}	
.m4con_0405 .bg_white, .m4con_0405 .img{height:100px}	
.m4con_0405 .script .img img {
    max-height: 100px;
}	
	}
@media(max-width:540px){
/*BGCF 한국어강좌*/	
.wrap_m0501 .sub2_ms_linksm .bgorange {
    width: 80% !important;
}

/*외국인창업비자*/	
.ul_process{flex-wrap:wrap}
.ul_process li{width:100%; margin:0 0 20px 0}
.ul_process li:after{    right: auto;
    top: auto;
    transform: translate(-50%, -50%) rotate(90deg);
    bottom: -25px;
    left: 50%;}
.t_residence td {
        width: calc(100% / 3);}	
.sub_table_s th, .sub_table_s td{ padding:14px 8px}		
.noti{padding:10px}
.bt2 a{font-size:14px; padding: 10px 10px;}
    .sub_table_s th, .sub_table_s td {
        font-size: 14px;
    }
	
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod .ments, .wrap_m050401 .subs_house_ms .h_wraps .hs_infod li{flex-wrap:wrap}	
.wrap_m050401 .subs_house_ms .h_wraps .hs_imgs, .wrap_m050401 .subs_house_ms .h_wraps .hs_infod .ments p, .wrap_m050401 .subs_house_ms .h_wraps .hs_infod li p, .wrap_m050401 .subs_house_ms .h_wraps .hs_infod li ul{width:100%}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li{gap:0; margin-bottom:20px}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li li{margin-bottom:5px}
.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li li::before{top:5px}
.wrap_m050401 .subs_house_ms{font-size:14px}

.wrap_m050401 .subs_house_ms .h_wraps .hs_infod li span.mst{
	margin:0 0 10px;
}

}