@import url('common.css');
.w1320{width:1320px;margin:0 auto}
.flexbox{display: flex;justify-content: space-between}
.spbetween{justify-content: space-between}
.alignc{align-items: center}

.titbox h3{font-size:26px;color:#000;font-weight:800;display:flex;align-items: center}
.titbox h3 span{margin-left:10px;font-weight:400;display:inline-block;background:#285BF3;color:#fff;font-size:12px;padding:5px 14px;border-radius:3px}
.titbox h3 em.view_icon{margin-left:10px}

/*header*/
.header_wrap{position: relative}
.header_logo_wrap{display: flex;justify-content: space-between;padding:30px 0 10px; width:95% !important; max-width:1320px;}
.header_right{width:100%}
.header_right ul{display:flex;align-items: center;justify-content:flex-end;}
.header_right ul li{padding:0 10px;display:flex;align-items: center}
.header_right ul li a{font-size:14px;color:#626262}
.header_right ul li a{font-size:14px;color:#626262}
.header_right ul li.pop_count > span{margin-bottom:10px;font-size:11px;background:#6bedce;color:#000;font-weight:800;display:inline-block;padding:5px 10px;border-radius: 4px;margin-right:5px}
.header_right ul li.pop_count {background:#fff url(/pages/job/img/main/icon_arrow2.png) no-repeat right center;padding-right:30px}
.header_right ul li.login a{border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 15px}

.header_menu{position: relative}
.header_menu ul{display:flex;padding:14px 0}
.header_menu ul li{padding:0 20px}
.header_menu ul li a{padding:25px 0;font-weight:600;text-decoration: none;font-size:18px;}
.header_menu ul li a.active{color:#3763F6;border-bottom:4px solid #3763F6}
.header_menu button{color:#333;font-weight:600;background:#fff url(/pages/job/img/main/icon_arrow_g.png) no-repeat 96% center;position: absolute;right: 0;top: 0;display: flex;align-items: center;padding:5px 25px 5px 15px;border:1px solid #ddd;border-radius: 5px}
.header_menu button img{margin-right:10px;}

.header_dropmenu{z-index:999;position:absolute;background:#f2f5fe;top:162px;height:auto;width:100%}
.header_dropmenu > ul{width:1320px;margin:0 auto;display:flex;flex-wrap: wrap;padding:30px 0 0}
.header_dropmenu > ul > li {width:23%;margin:0 1% 30px}
.header_dropmenu > ul > li > a{border:1px solid #dcdee6;border-radius:4px;display:block;text-align:center;padding:12px 0;font-size:16px;margin-bottom:10px}
.header_dropmenu > ul > li > a.on{border:2px solid #333}
.header_dropmenu > ul > li > a:hover{text-decoration:none;border:1px solid #a5abc2}
.header_dropmenu > ul > li > ul > li {width:100%}
.header_dropmenu > ul > li > ul > li > a{display:inline-block;text-align:left;padding:8px 25px 8px 8px;color: #48484c;font-size:15px}
.header_dropmenu > ul > li > ul > li > a:hover{text-decoration:none;color:#222;font-weight:700}
.header_dropmenu > ul > li > ul > li > a.blank{background:url(/pages/job/img/main/blank_b.png) no-repeat right center / 15px }
.header_dropmenu > ul > li > ul > li > a.on{border-bottom:2px solid #1c5bd7;color:#1c5bd7}
.header_dropmenu > ul > li > ul > li > ul{margin-bottom:10px}
.header_dropmenu > ul > li > ul > li > ul > li > a{display:inline-block;padding:5px 20px 5px 25px;position: relative;color:#676767}
.header_dropmenu > ul > li > ul > li > ul > li > a:before{position: absolute;content:'';width:10px;height:1px;background:#b8bece;top:10px;left:10px}
.header_dropmenu > ul > li > ul > li > ul > li > a.blank{background:url(/pages/job/img/main/blank_b.png) no-repeat right center / 15px }
.header_dropmenu > ul > li > ul > li > ul > li > a.on{font-weight:800;color: #1c5bd7}

/* 메인 검색 팝업 */
.common_search_pop{position:absolute;top:90px;left:0;width:100%;max-height:200px;background:#9595ad;z-index:9999;text-align:center;padding:20px }
.common_search_pop a.btn_close{position:absolute;right:12px;top:12px;z-index:1}
.common_search_pop h3{color:#fff;font-size:18px;font-weight:700;padding-bottom:10px}
.search_pop_wrap{display:flex;justify-content:center;}
.search_pop_wrap fieldset{width:100%}
.search_pop_wrap input[type=text]{color:#fff;width:500px;background:#fff;border:0;border-radius:6px !important;height:45px;line-height:45px;padding:0 20px}
.search_pop_wrap input::placeholder{color:#767581}

/*footer*/
.footer_wrap{border-top:1px solid #ddd;padding:30px 0 80px 0}
.footer_box{display:flex}
.footer_box h2{margin-right:30px}
.footer_box ul{display:flex;margin-bottom:15px}
.footer_box ul li a{padding:0 15px;border-right:1px solid #c9c9c9;font-weight:700;color:#888;margin-bottom:15px}
.footer_box ul li:first-child a{padding:0 15px 0 0}
.footer_box ul li:last-child a{border:none}
.footer_box p{line-height:27px}



/*sublayout*/
.sub_cont_wrap{width:97%; max-width:1320px; margin:0 auto}
.sub_navi{border:1px solid #ddd;border-radius:0 0 15px 15px}
.sub_navi .location{display:flex;align-items:center;height:50px;padding-left:20px}
.sub_navi .location > li {position: relative;float:left;margin-right:10px}
.sub_navi .location > li.home a{width:20px;height:33px;background:url(/pages/job/img/sub/icon_home.png) no-repeat center center;}
.sub_navi .location > li.home span{display:none}
.sub_navi .location > li > a{display:block}
.sub_navi .location li.mn{min-width:180px}
.sub_navi .location li.mn > a{background:url(/pages/job/img/sub/arrow_bottom.png) no-repeat center right;padding:10px 50px 10px 10px}
.location_dept{position:absolute;left:0;width:100%;background:#5F7FEE;padding:10px 0;border-radius:10px;margin-top:8px;     min-width: 180px;     z-index: 999;}
.location_dept li a{padding:8px 20px;color:#fff;opacity: .7;display:block;}
.location_dept li a:hover{background:#3D4971;opacity: 1}

.sub_visual {width:1630px;margin:10px auto;border-radius:15px}
.sub_visual h3 {color:#fff;font-size:37px;text-align:center;padding:60px 0}
.sub_visual.s01 h3{background:url(/pages/job/img/sub/s_visual1.jpg) no-repeat center top}
.sub_visual.s02 h3{background:url(/pages/job/img/sub/s_visual2.jpg) no-repeat center top}
.sub_visual.s03 h3{background:url(/pages/job/img/sub/s_visual3.jpg) no-repeat center top}
.sub_visual.s04 h3{background:url(/pages/job/img/sub/s_visual4.jpg) no-repeat center top}
.sub_visual.s05 h3{background:url(/pages/job/img/sub/s_visual5.jpg) no-repeat center top}
.sub_visual.s06 h3{background:url(/pages/job/img/sub/s_visual6.jpg) no-repeat center top}
.sub_visual.s07 h3{background:url(/pages/job/img/sub/s_visual7.jpg) no-repeat center top}

.sub_cont_wrap{padding-bottom:50px}
.sub_cont_wrap .depth2_tit{font-size:30px;color:#000;font-weight:700;text-align:center;padding:70px 0}


.pc_menu {display:block !important;}
.mo_menu {display:none !important;}



@media all and (min-width:1280px) and (max-width:1630px) {
    .w1320{width:97%}

    .sub_visual{width:100%}
    .sub_cont_wrap{width:97%}


}

/* 노트북 & 테블릿 가로 */
@media all and (min-width:1024px) and (max-width:1279px) {
    .w1320{width:97%}
    .titbox h3{font-size:18px;}

    .header_logo_wrap{display:block;position: relative;padding:40px 0 10px}
    .header_logo_wrap .logo img{width:240px}
    .header_menu ul li a{font-size:15px;}
    .header_menu button{top:-50px;right:10px}
    .header_right{position: absolute;right:0;top:5px}
    .header_dropmenu{top:160px;}

    .sub_visual{width:100%;border-radius:0;}
    .sub_visual.s01 h3{font-size:27px;}
    .sub_navi .location li.mn{min-width: auto;}
    .sub_navi .location li.mn > a{padding:10px 30px 10px 5px}

    .sub_cont_wrap{width:97%;margin:0px auto;padding:0 10px 50px 0;}
    .sub_cont_wrap .depth2_tit{font-size:22px}

    .footer_wrap{padding:30px 10px 60px}
    .footer_box{flex-direction: column}
    .footer_box h2 img{width:240px;margin-bottom:20px}
    .footer_box ul{flex-wrap: wrap;}
    .footer_box ul li a{margin-bottom:10px;display:block;}
    .footer_box ul li:first-child a{padding:0 15px !important;}

}

/* 테블릿 가로 */
@media all and (min-width:768px) and (max-width:1023px) {
    .w1320{width:97%}
    .titbox h3{font-size:18px;}

    .header_logo_wrap{display:block;position: relative;padding:40px 0 10px}
    .header_logo_wrap .logo img{width:220px}
    .header_menu ul li a{font-size:15px;}
    .header_menu button{top:-50px;right:10px}
    .header_right{position: absolute;right:0;top:5px;width:100%}
    .header_dropmenu{top:156px;}
    .header_dropmenu ul{width:100%}
    .header_dropmenu > ul > li{width:31%}

    .sub_visual{width:100%;border-radius:0;}
    .sub_visual.s01 h3{font-size:27px;}
    .sub_navi .location li.mn{min-width: auto;}
    .sub_navi .location li.mn > a{padding:10px 30px 10px 5px}

    .sub_cont_wrap{width:97%;margin:0px auto;padding:0 10px 50px 0;}
    .sub_cont_wrap .depth2_tit{font-size:22px}

    .footer_wrap{padding:30px 10px 60px}
    .footer_box{flex-direction: column}
    .footer_box h2 img{width:200px;margin-bottom:20px}
    .footer_box ul{flex-wrap: wrap;}
    .footer_box ul li a{margin-bottom:10px;display:block;}
    .footer_box ul li:first-child a{padding:0 15px !important;}

}
@media all and (min-width:320px) and (max-width:767px) {
#navigation_mobile_wrap{position:fixed;width:100%;height:100%;top:0px;z-index:9999;display:none;         background: #123263;}
#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#navigation_mobile .gnb_top2{position:absolute;top:0;left:0;width:100%;height:50px;background:#fff;line-height:40px;}
#navigation_mobile .gnb_top2 .m_language_box{}
#navigation_mobile .gnb_top{position:absolute;top:50px;left:0;width:100%;height:50px;background:#2a334d;line-height:40px;}
#navigation_mobile .gnb_top ul li{position: relative;    display: inline-block;    width: 100%;/*border-bottom: 1px solid  #bcbcbc;*/}
#navigation_mobile .gnb_top ul li a{display: inline-block;color: #555;font-size: 1.3rem;width: 100%; line-height: 16px;vertical-align: middle;padding:0;}
#navigation_mobile .gnb_top ul li a:hover{opacity:1;text-decoration:none}
#navigation_mobile .gnb_top ul li:last-child:before{background:none}
#navigation_mobile .gnb_wrap{position:fixed;top:97px;/* right:-100% ; */overflow:hidden;width:100%;height:100%;margin:0;transition:right 0.3s}
    #navigation_mobile .gnb_wrap .lang_wrap{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:40px;padding:0 20px;background:#3D3D3D;line-height:40px;}
    #navigation_mobile .gnb_wrap .lang_wrap p{float:left;font-weight:500;color:#fff;}
    #navigation_mobile .gnb_wrap .lang_wrap ul{float:right;}
    #navigation_mobile .gnb_wrap .lang_wrap li{display:inline-block;height:auto;border:0;line-height:1;}
    #navigation_mobile .gnb_wrap .lang_wrap li a{font-size:1.3rem;color:#fff}
    #navigation_mobile .gnb_wrap .lang_wrap li + li a{padding-left:15px;margin-left:15px;border-left:1px solid #787878;}
    #navigation_mobile .gnb_list{display:block;overflow:auto;/*max-height:calc(100% - 85px);*/        height: calc(100% - 100px);}
    #navigation_mobile .gnb_list ul li a{text-decoration:none;}
    #navigation_mobile .depth1 > li{width: 100%;padding:0;text-align: left;}
    #navigation_mobile .depth1 > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;        padding-left: 35px;
        z-index: 100000;
        position: relative;
        height: 60px;
    }

    #navigation_mobile .depth1 > li > a:hover{text-decoration:none;    background: #0054a6;}
    #navigation_mobile .depth1 > li > a span{display:block;width:100%;background: no-repeat 48% 0%;color:#6cb5e4;background-size:55px;text-align: left;font-size: 24px;}/**/
    #navigation_mobile .depth1 > li > a:hover{opacity:1}

    #navigation_mobile .depth1 > li > a::after{display:none}
    #navigation_mobile .gnb_bg{width: 100%;padding:0;box-shadow:none;display:none;text-align:left;background:#fff;}
    #navigation_mobile .gnb_scroll{overflow:auto;max-width:100%;max-height:calc(100% - 150px);margin:0;position:relative;width:100%}/* -45 */
    #navigation_mobile .depth2{display:block;flex-wrap: wrap;         background: #193e70;}
    #navigation_mobile .depth2 > li{width:100%;padding:0;margin:0}
    #navigation_mobile .depth2 > li > a{
        position: relative;
        padding: 0 20px;
		padding-left: 45px;
        font-size: 18px;
        line-height: 50px;
        display: block;
        font-weight: 300;
        color: #fff;
        height: 50px;
        }
    #navigation_mobile .depth2 > li:first-child > a{}
    #navigation_mobile .depth2 > li > a:hover{text-decoration:none !important;}
    #navigation_mobile .depth2 > li > a:after {content: '';display:block;position:absolute;top:0px;right:0px;width:50px;height:50px;
        background-size:100%;}
    #navigation_mobile .depth2 > li.active > a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50% !important;transform:rotate(270deg)} /**/

	 #navigation_mobile .depth2 .active > a {  color:#6fb6e5;}

    #navigation_mobile .depth2 > li.open a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50%;}
    #navigation_mobile .depth2 > li > a.is-active{color:#1969b2}
    #navigation_mobile .depth2 > li > a.is-active::after{background-image:url(./images/common/mobile_2depth_gnb_minus.png)}
    #navigation_mobile .depth3{  padding-left: 76px;}
	 #navigation_mobile .depth3 li {         padding: 10px 0;}

    /* 	#navigation_mobile .depth3 > li + li{border-top:1px solid #eee} */
    #navigation_mobile .depth3 > li > a{
		color:#fff;    font-size: 18px;
    }

	 #navigation_mobile .depth3 .on { color:#6fb6e5; }



    header .depth3 > li {
        /*width: 100%;*/
        padding: 0;
        margin: 0;}
    #navigation_mobile .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile .gnb_btn i{position:relative;background:#333}
    #navigation_mobile .gnb_btn i:nth-child(1){top:8px;transform:rotate(45deg)}
    #navigation_mobile .gnb_btn i:nth-child(2){transform:translateX(150%)}
    #navigation_mobile .gnb_btn i:nth-child(3){top:-8px;transform:rotate(-45deg)}
    #navigation_mobile .depth1 > li > a:hover,
    #navigation_mobile .depth1 > li > a{}

    #navigation_mobile .depth1 > li.active > a{}
    #navigation_mobile .depth1 > li.active > a span{opacity:1}
    #navigation_mobile .depth1 > li.active .gnb_bg{visibility:visible;opacity:1;height: 100%;background: #fff;         display: block;}
    #navigation_mobile.scroll{border-bottom:1px solid #E6E6E6;background:#fff}
    #navigation_mobile.scroll .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile.scroll .gnb_btn i{position:relative;background:#333}
    #navigation_mobile.scroll .search_wrap > .search_btn{background-image:url(./images/common/header_search_btn_ic_b_m.png)}

	#navigation_mobile .close {
		    display: block;
    width: 58px;     margin-top: 29px;
    height: 55px;
    background: url(/assets/img/pop_close.png) no-repeat 0 0;
    background-size: 35px;
    float: right;}

}


/* 모바일 가로 & 테블릿 세로 (*/
@media all and (min-width:480px) and (max-width:767px) {


  .w1320{width:97%}
    .titbox h3{font-size:18px;}

	.mo_menu {display:block !important;}
	.pc_menu {display:none !important;}

    .header_menu{display:none}
    .header_logo_wrap{display:block;position: relative;padding:40px 0 10px}
    .header_logo_wrap .logo img{width:220px}
    .header_right{position: absolute;right:0;top:5px;width:100%}

    .search_pop_wrap input[type=text]{width:80%}
    .common_search_pop{padding:15px}
    .common_search_pop h3{display:none}

    .sub_visual{width:100%;border-radius:0;}
    .sub_visual.s01 h3{font-size:27px;}
    .sub_navi{border-radius:0;border:none;border-bottom:1px solid #ddd}
    .sub_navi .location li.mn{min-width: auto;}
    .sub_navi .location li.mn > a{padding:10px 30px 10px 5px}

    .sub_cont_wrap{width:97%;margin:0px auto;padding:0 10px 50px 0;}
    .sub_cont_wrap .depth2_tit{font-size:22px;padding:45px 0}
   

    .footer_wrap{padding:30px 10px 60px}
    .footer_box{flex-direction: column}
    .footer_box h2 img{width:200px;margin-bottom:20px}
    .footer_box ul{flex-wrap: wrap;}
    .footer_box ul li a{margin-bottom:10px;display:block;font-size:12px;}
    .footer_box ul li:first-child a{padding:0 15px !important;}



}

@media all and (min-width:320px) and (max-width:767px) {
.mo_menu {display:block !important;}
	.pc_menu {display:none !important;}

	.job_program .more {   max-width:100% !important; width:100%;}


	.tab_type ul.title_box li a{
		font-size: 12px !important;
		padding: 10px !important;
	}
}
/* 모바일 세로 */
@media all and (max-width:479px) {


	
    .w1320{width:97%}
    .titbox h3{font-size:18px;}

    .header_menu{display:none}
    .header_logo_wrap{display:block;position: relative;padding:40px 0 10px}
    .header_logo_wrap .logo img{width:220px}
    .header_right{position: absolute;right:0;top:5px;width:100%}

    .search_pop_wrap input[type=text]{width:80%}
    .common_search_pop{padding:15px}
    .common_search_pop h3{display:none}

    .sub_visual{width:100%;border-radius:0;}
    .sub_visual.s01 h3{font-size:27px;}
    .sub_navi{border-radius:0;border:none;border-bottom:1px solid #ddd}
    .sub_navi .location li.mn{min-width: auto;}
    .sub_navi .location li.mn > a{padding:10px 30px 10px 5px;font-size:12px}

    .sub_cont_wrap{width:97%;margin:0px auto;padding:0 10px 50px 0; }    
    .sub_cont_wrap .depth2_tit{font-size:22px;padding:45px 0}  
    


    .footer_wrap{padding:30px 10px 60px}
    .footer_box{flex-direction: column}
    .footer_box h2 img{width:200px;margin-bottom:20px}
    .footer_box ul{flex-wrap: wrap;}
    .footer_box ul li a{margin-bottom:10px;display:block;font-size:12px}
    .footer_box ul li:first-child a{padding:0 15px !important;}

}