@charset "utf-8";



/* ****************************************************************************************** *
 * 1200px
 * ****************************************************************************************** */
@media screen and (max-width:1200px) {
	
	/* 영역 공통 */
	.main_boundary,	.sub_boundary{padding:0 24px;}
	#aside{display:none;}
	/* breadcrumb */
	.breadcrumb{padding:1.5rem 24px;}
	.breadcrumb li{font-size:15px;}

    /******************************************************************************************/
	/* main */
	.main_section{padding:64px 0 80px;}
	.main_intro .keyword{right:24px; bottom:-110px;}
	.main_lastest_gall_basic{padding-bottom:0;}

    /******************************************************************************************/
	/* sub */
	.sub_sec{padding:64px 0 80px}
	.sub_header_container img{width:100%; height:100%; object-fit:cover;}

}
/* 1200px end */





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


	/* breadcrumb */
	.breadcrumb{margin-bottom:2rem;}

	/* 게시판 group */
	.gw_group{padding-top:2rem;} 
    .bsJob_support_quote{font-size:16rem;}

    /******************************************************************************************/
    /* main */
    #mainBanner{height:660px;}
    .main_banner_logo figure:first-of-type{height:90px;}
    .main_banner_logo figure:nth-of-type(2){height:136px;}
    .main_banner_logo figure:first-of-type img, 
    .main_banner_logo figure:nth-of-type(2) img{height:100%;}
    .main_banner_logo h2{font-size:32rem;}
    .main_banner_visual{text-align:center;}
    .main_banner_visual img{width:86%;}
        
    .main_part_in_ul{margin:0 -10px;} 
    .main_part_in_ul li, 
    .bsJob_basic_li{width:calc(50% - 20px); margin:0 10px 48rem;}
    .main_event_ul > li{width:calc(33.3333% - 28rem)}
    .main_event_content_ul{padding-top:40rem;}


    /* sub header 공통 */
    .sub_header_container .sub_header{height:240px;}

}
/* 1024px end */





/* ****************************************************************************************** *
 * 980px
 * ****************************************************************************************** */
@media (max-width:992px){
	
    #container_title{padding:60rem 0 32rem;}

	/* 게시판 group */
	.gw_group .gw_group_inner{width:calc(49.9999% - 24px);}

    /******************************************************************************************/
    /* aside common */
    #bsJob_link{text-align:center;} 
    #bsJob_link .gw_boundary{display:block;}
    #bsJob_link h2{width:auto; font-size:36rem; }
    #bsJob_link p{font-size:18rem;}
    #bsJob_link .text_right{padding-top:20rem; text-align:center;}
    #bsJob_link a + a{margin-top:0;}
    #bsJob_link a{padding:22rem 28rem;}

    .sub_header_container .sub_header{height:200px;}

    /* 게시판 view 공통 */
    .bsJob_view_company_ci{flex-wrap:wrap;}
    .bsJob_view_company_ci dt{max-width:360rem;}
    .bsJob_view_company_body_title{width:120px;}

    .download_btn_box > a > span {font-size:17px;}


}
/* 980px end */





/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

    :root{font-size:5.46875%;}
    body{font-size:14px;}

	/* 회원가입약관 */
	#sns_register{background:#f7f7f7;}

    /******************************************************************************************/
	/* main */
    .main_section .title > span {margin-bottom:12rem; padding:2rem 0;}
    .main_section .title > h2{padding-bottom:24rem; letter-spacing:-0.075em; font-size:36rem;}
    #mainBanner{height:520px;}
    .main_banner_logo{padding-top:40rem;}
    .main_banner_logo figure:first-of-type{height:72px;}
    .main_banner_logo figure:nth-of-type(2){height:116px;}
    .main_banner_logo h2{font-size:30rem;}
    .main_banner_visual{left:50%; width:680px; margin-left:-340px}
    .main_banner_visual img{width:100%}
	.main_intro .content{padding:0 24px;}
	.main_intro .content > p{font-size:14px;}
	.main_icon_area .icon_item > .txt{padding:0 24px}

    /******************************************************************************************/    
	/* 게시판 group */
	.gw_group{padding-top:1rem; padding-bottom:84px;} 
	.gw_group .gw_group_inner{width:calc(100% - 24px); margin:0 12px;}
    #bo_v_con iframe{height:400px;}

    /* aside common */
    #bsJob_link{padding:48rem 0 60rem} 
    #bsJob_link a{margin:0 4rem; font-size:20rem;}


}
/* 768px end */





/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
	
	/* 영역 공통 */
	.main_boundary, .sub_boundary, .gw_boundary{padding:0 20px;}
	#container{min-height:480px; font-size:14px;}
	#container_title span{margin:0; line-height:1.33; position:relative;}
    #sub_container{padding-bottom:72rem;}

	/* 버튼 공통 */
	a.btn, .btn{height:32px; line-height:32px;}

	/* main */
    #mainBanner{height:480px;}
    .main_banner_visual{left:50%; width:640px; margin-left:-320px}
    .main_banner_logo{padding-right:0;}
    .main_banner_logo figure:first-of-type{height:72px;}
    .main_banner_logo figure:nth-of-type(2){height:96px;}
    .main_banner_logo h2{font-size:28rem;}
    .main_banner_logo .wii_btn_yellow{padding:11rem 20rem;}


	.main_section .title > span{font-size:14px;}
	.main_section .title > h2{padding-bottom:24px; font-size:28rem;}
	.main_intro .content{text-align:left;}
	.main_intro .content > p {line-height:1.6; font-size:15px;}
    .main_event_ul > li{width:calc(50% - 28rem); margin-bottom:56rem;}
    .main_event_content_ul > li{margin-bottom:14rem;}
    .main_event_content_ul > li a{font-size:20rem;}
    .main_event_content_ul small{font-size:15rem;}
    .main_info dd{width:100%;}


	/* sub */
    .sub_header_container .sub_header{height:160px;}

	/* breadcrumb */
	.breadcrumb{margin:0; padding:1rem 0; text-align:left;}
	.breadcrumb li:after{top:2px; border-color:#acafb9;}
	.breadcrumb li{font-size:13px;}
	.breadcrumb li a{color:#acafb9;}
	.breadcrumb li.active{color:#646873;}

    .main_info .saeil_center li{width:50%;}
    .main_info dl{display:block;}
    .main_info dt{padding:16rem 0 0;}
    .main_info_title{padding:8rem 27rem;} 


    /* 일자리 정책 */
    .bsJob_support_dl > dt{width:35%;}
    .bsJob_support_dl > dd{width:65%;}
    .bsJob_support_quote dt{width:100rem}
    .bsJob_support_quote dd{width:calc(100% - 100rem);}


    /* 창업컨설팅 */
    .consulting_category dl > dt{width:30%;}
    .consulting_category dl > dd{width:70%;}
    .consulting_quote{padding-left:32rem;} 
    

    /******************************************************************************************/
    .bsJob_view_company_body li, 
    .bsJob_view_company_ci{display:block;}
    .bsJob_view_company_ci dt, .bsJob_view_company_ci dd, 
    .bsJob_view_company_body_detail{width:100%;}
    .bsJob_view_company_ci dd{margin-top:20rem; padding:0;}
    .bsJob_cv_quote{font-size:16px;}


}
/* 767px end */


@media screen and (max-width:576px) {
    html { font-size:50%; -webkit-text-size-adjust:none; }  /* should render everything * 0.8 */  

    .main_info .saeil_box{display:block;}
    .main_info .saeil_center{width:100%;}
    .main_info dd{padding:10rem 16rem 20rem;}

    /* aside */
    #bsJob_link h2{line-height:1.33;}
    #bsJob_link a + a{margin-top:10rem;}

    .bsJob_support_dl{padding-bottom:48rem;}
    .bsJob_support_dl > dd{width:100%}
    .bsJob_support_dl{display:block;}
    .bsJob_support_dl > dt{width:60%;}
    .bsJob_support_quote{padding:0;}

    /* 창업컨설팅 */
    .consulting_header h6{font-size:16px;}
    .consulting_category dl{padding:24rem 0;}
    .consulting_category dl > dt{display:none;}
    .consulting_category dl > dd{width:100%; padding:0;}
    .consulting_quote_body{margin-top:20rem; padding:20rem; background-color:#F1F3F5; }

    #bo_v_con iframe{height:360px;}
    .bsJob_cate{padding:6px 22rem; }
    .bsJob_view_company_body li{font-size:14px;}
    .bsJob_view_company_body_detail dt{width:80px;}
    .bsJob_view_company_body_detail dd{width:calc(100% - 80px);}
    .bsJob_view_company_ci h3{font-size:32px;}

    .bsJob_basic_li figure{height:120px;}
    .main_part_in_ul li, .bsJob_basic_li{width:calc(50% - 12px); margin:0 6px 24px;}
    .bsJob_cv_quote{bottom:0; left:0; -webkit-transform:translateX(0); transform:translateX(0); padding:24rem; width:100%; border-radius:20rem; 
        border-bottom-left-radius:0; border-bottom-right-radius:0; font-size:14px;}
}


/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {

	/* 영역 공통 */
	#container{font-size:13px;}
	#container_title{font-size:24px;}

	/* 버튼 공통 */
	a.btn, .btn{height:28px; line-height:28px; padding:0 6px; font-size:12px;}

    /******************************************************************************************/
	/* 회원가입약관 */
	#sns_register{margin-bottom:60px; padding:10px 24px 15px;}
	#sns_register:before{bottom:-30px;}
	#sns_register:after{bottom:-38px; width:60px; font-size:15px;}
	#sns_register h2{padding-bottom:5px; font-size:14px;}
    #bo_v_con iframe{height:240px;}

    /******************************************************************************************/
	/* main */
    #mainBanner{height:360px;}
    .main_banner_visual{left:50%; width:500px; margin-left:-250px}
    .main_banner_logo{padding:20rem 0 0;}
    .main_banner_logo figure:first-of-type{height:52px;}
    .main_banner_logo figure:nth-of-type(2){height:68px;}
    .main_banner_logo h2{font-size:24rem;}
    .main_banner_logo .wii_btn_yellow{padding:11rem 20rem; font-size:18rem;}

	.main_section{padding:64px 0;}
	.main_intro .keyword{font-size:110px;}
	.main_intro .content > h4{font-size:16px;}
	.main_intro .content > p{line-height:1.8; font-size:13px;}
	.main_intro .content > p > span{display:inline;}
    
	.main_icon_area .icon_item{width:100%; margin-bottom:32px;}
	.main_icon_area .icon_item:last-child{margin-bottom:0;}
	.main_icon_area .icon_item > .txt > h4{padding-bottom:5px;}
	.main_icon_area .icon_item > .txt > p{font-size:13px;}
    .main_event_ul > li{width:calc(100% - 56rem);}
    .main_part_in_ul li{width:calc(100% - 10px);}
    .main_part_in a{max-width:100%;}

    /******************************************************************************************/
	/* sub */
    .sub_header_container .sub_header{height:120px;}
    .bsJob_bottom{padding:24rem; padding-bottom:0;}

	/* breadcrumb */
	.breadcrumb{margin:0;}
	.sub_header_container .sub_header p span{font-size:24px;}

    .bsJob_view_company_body_detail dl{display:block;}
    .bsJob_view_company_body_detail dt{width:100%; margin-bottom:10rem;}
    .bsJob_view_company_body_detail dd{width:100%;}
    .bsJob_resume_service_img{padding:10rem;}
    .bsJob_resume_service_img .resume_img img{width:auto; height:160px;}
    .bsJob_resume_service_img .arrow_img{width:60rem; padding:5rem;}
    .bsJob_resume_service_img .wii_font_14{font-size:12px;}
}
/* 480px end */





/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:425px) {

	/* 팝업 */
	.hd_pops{top:50px !important; left:50% !important; margin-left:-150px;}
	.hd_pops_con{width:300px !important; height:355px !important; margin:auto;}	
    #hd_pops_1> .hd_pops_con{height: 305px !important;}

    /* 두번째 팝업 */
    #hd_pops_2{top: 415px !important;}
    #hd_pops_2 > .hd_pops_con > iframe {width:100%;}

	/* 영역 공통 */
	.main_boundaryy{padding:0 15px;}
	.sub_boundary{padding:0 15px;}
	.gw_boundary{padding:0 15px;}

    /******************************************************************************************/
	/* main */
	.main_section .title > h2{font-size:28px;}
	.main_intro .content{padding:0 10px; text-align:justify;}
	.main_intro .content > h4{font-size:18px;}

    .main_info .saeil_center li{width:100%; font-size:18rem;}
    .main_info span + strong{display:block; margin:0;}

    /* aside */
    #bsJob_link h2 {font-size:28rem;}

    .bsJob_support_quote{display: block;} 
    .bsJob_support_quote dd{width:100%}

    #bo_v_con iframe{height:220px;} 
    #gw_gl_s .con > .img{height:120px;}
    .bsJob_basic_quote{padding:10rem 16rem;}
    .bsJob_basic_quote h5{font-size:18rem;}
    .bsJob_basic_title a{}
    .bsJob_basic_date{padding:10rem 16rem; line-height:1;}

    .bsJob_resume_service_img{margin:24rem 0;}
    .bsJob_resume_service_img .resume_img img{height:120px;}
    .bsJob_resume_service_intro{font-size:16rem;}
}
/* 425px end */





/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {

	/* main */	
	.main_section .title > h2{font-size:24px;}
    .main_event_ul{margin:0 -14rem;}
    .main_info_sponsor img + img{margin-left:0; margin-top:10rem;}

    .consulting_quote_header{display:block;}
    .consulting_quote_header figure{margin:auto;}
    .consulting_quote_header div{padding:0; text-align:center;}

    #bo_v_con iframe{height:180px;}    


}
/* 320px end */