@charset "UTF-8";

.on-br{
    display: none;
}

.no_image_wrap, .no_image_center{
	width: 337px;
	height: 240px;
	border: none;
	background-color: transparent;
}

.ellipsis-box {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	width: 290px;
	height: 45px;
}

/*~1439px 태블릿 가로, 노트북 이하*/
@media (max-width:1439px) {

    /*about-us*/    
    .contents1 > li:first-child{
        width: 100%;
    }

    .talent_wrap > div{
        margin-right: 0;
    }

    /*contact us*/
    .location_text_wrap > ul{
    	width: 100%;
    }
    
    .lacation_text_margin_left {
    	margin-left: 0;
        margin-top:30px;
	}

    .map_con_box {
        height: 190px;
    }
          
}
  
/*1024~1439px 태블릿 가로*/
@media (min-width:1024px) and (max-width:1439px) {
    /*header*/
    .wrap {
        width: 1020px;
    }
    .wrap .lnb nav > ul > li > a {
        width: 140px;
    }

    /*메뉴*/
    .sitemap_inner {
        width: 1020px;
    }

    .sitemap_depth1 {
        width: 1020px;
    }

    .sitemap_depth2 {
        width: 800px;
    }

    /*footer*/
    .footer_width {
        width: 950px;
    }

    /*contents*/
    .width1400{
        width: 950px;
    }

    .contents_wrap {
        width: 950px;
    }

    /*home-imgslide*/
    .index_visual_inner_wrap{
        width: 950px;
    }

    /*home-service*/
    .area_wrap {
        width: 300px;
        height: 420px;
    }

    /*home-notice*/
    .index_news_wrap{
        width: 950px;
    }

    .index_news_box {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 30px;
        height: auto;
    }
    
    /*career-talent*/
    .talent_wrap {
        flex-wrap: wrap;
        width: 1020px;
    }

    /*career-benefit*/
    .welfare_wrap{
        flex-wrap: wrap;
        width: 1020px;
    }
    
    .welfare_wrap1 {
        flex-wrap: wrap;
        width: 1020px;
    }

    .welfare_wrap2 {
        flex-wrap: wrap;
        width: 1020px;
    }

    .welfare_wrap1-1 {
        flex-wrap: wrap;
        width: 1020px;
    }
}

/*~1023px 태블릿 세로 이하*/
@media (max-width:1023px) {
	
	/*헤더 크기 조정*/
	.wrap {
	    height: 55px;
	}
	
	.header{
	    height: 55px;
	}
	
	.header::after {
	    top: 55px;
	}
	
	.wrap h1 {
	    padding-left: 10px;
	    height: 55px;
	}
	
	.wrap h1 > a {
	    margin: 7px 0;
     	height: 35px;
	}
	
	.wrap > ul {
	    padding: 20px;
	}
	
	.index_visual_inner_wrap {
	    padding-left: 20px;
	    top: 12%;
	   	padding-top: 0;
	   	margin: 0;
	}
	
	.index_visual_line {
		display:none;
	}

	/*폰트 크기 조정*/
	body, input, select, textarea, button {
		font: 14px 'Noto Sans KR', sans-serif;
	}
	
	.scroll_icon {
	    font-size: 12px;
	    top: 850px;
	}
	
	.index_visual_text1 {
	    font-size: 20px;
	}
	
	.index_visual_text2 {
	    font-size: 32px;
	   	margin-top: 15px;
	}
	
	.index_visual_text3 {
	    font-size: 14px;
	}
	
	.section2_text1 {
	    font-size: 24px;
	}
	
	.section2_text2 {
	    font-size: 14px;
	}
	
	.section2_text3 {
	    font-size: 14px;
	}
	
	.section2_text4 {
	    font-size: 14px;
	}
	
	.section_en_title {
	    font-size: 24px;
	}
	
	.section_sub_title {
	    font-size: 16px;
	    padding-top: 0;
	}
	
	.area_box_inner > p {
	    font-size: 20px;
	}
	
	.list_flex>li {
	    font-size: 12px;
	}
	
	.index_news_text_1 {
	    font-size: 14px;
	}
	
	.index_news_text_2{
		font-size: 12px;
		width: 200px;
		height: 20px;
		overflow: hidden;
    	text-overflow: ellipsis;
    	-webkit-line-clamp: 1;
     	-webkit-box-orient: vertical;
	}
	
	.index_news_text_3 {
	    font-size: 12px;
	    margin-top: 10px;
	}
	
	.category_text {
	    font-size: 12px;
	}
	
	.career_btn_text {
	    font-size: 14px;
	    margin: 10px 0;
	}
	
	.career_intro {
	    font-size: 24px;
	}
	
	.career_info_title {
	    font-size: 14px;
	}
	
	.career_info_title2 {
	    font-size: 12px;
	    padding-top: 0;
	}
	
	.section_sub_title_2 {
	    font-size: 16px;
	    padding-top: 2px;
	}
	
	.contents_sub_text{
		font-size: 24px;
	}
	
	.sub_page_title2 {
	    font-size: 24px;
	}
	
	.sub_page_title1 {
	    font-size: 20px;
 	}
	
	.sub_title_big {
	    font-size: 20px;
	}
	
	.sub_title_small {
	    font-size: 14px;
	}
	
	.edm_text1-5 {
    	font-size: 14px;
    }
    
    .edm_text1-5>span {
	    font-size: 20px;
	}
	
	.edm_table {
    	margin: 50px auto 0px;
    }

	.on-br{
        display: block;
    }
    
	.off-br{
         display: none
    }
    
    .contents_wrap {
    	padding-bottom: 100px;
    }
    
    .ci_wrap > ul{
    	width: 100%;
    }
    
    /*header*/
    .wrap {
        width: 95%;
    }
  
    .lnb {
        display: none;
    }

    /*menu*/
    
    .ham_close {
	    top: 2px;
	    right: 15px;
    }
    
    .sitemap_inner {
        height: 90%;
        overflow: scroll;
	   -ms-overflow-style: none; /* IE and Edge */
	    scrollbar-width: none; /* Firefox */
	}
	
	.sitemap_inner::-webkit-scrollbar {
    	display: none; /* Chrome, Safari, Opera*/
	}

    .sitemap_depth1 {
        width: 100%;
    }
    
    .sitemap_align2{
        flex-wrap: wrap;
        width: 100%;
        padding: 10px;
    }

    .sitemap_align2>a {
        width: 100%;
    }
    
    .sitemap_depth2 {
        width: 100%;
        padding: 5px;
        top: 40px;
        right: -10px;
    }

    .sitemap_align1-1{
    	padding-bottom: 0px;
    }
    
    .sitemap_align1-1:nth-child(1){
    	height: 310px;
    }
    
    .sitemap_align1-1:nth-child(2){
    	height: 270px;
    }

    .sitemap_align1-2{
        padding-bottom: 0px;
    }
    
    .sitemap_align1-2:nth-child(4){
        height: 160px;
    }
    
    .sitemap_align1-2:nth-child(5){
        height: 160px;
    }
    
    .sitemap_align1-2:nth-child(6){
        height: 230px;
    }
    
    .sitemap_align1-3{
        padding-bottom: 0px;
        height: 520px;
    }

    .sitemap_depth2 > li {
        width: 100%;
        padding: 10px;
    }

    .sitemap_depth2>li:nth-child(5), .sitemap_depth2>li:nth-child(6), .sitemap_depth2>li:nth-child(7), .sitemap_depth2>li:nth-child(8), .sitemap_depth2>li:nth-child(9), .sitemap_depth2>li:nth-child(10), .sitemap_depth2>li:nth-child(11) {
        margin-top: 0;
    }

    /*footer*/
    .footer_width {
        width: 90%;
    }

    /*contents*/
    .width1400{
        width: 90%;
    }

    .contents_wrap {
        width: 90%;
    }

    .index_visual_inner_wrap{
        width: 90%;
    }
    
    /*home-service*/
    .section2_con_box{
        display: block;
        margin-top: 20px;
    }

    .area_wrap{
        width: 100%;
        margin-bottom: 20px;
    }

    .index_news_wrap{
        width: 100%;
        height: 500px;
        overflow: scroll;
        -ms-overflow-style: none; /* 인터넷 익스플로러 */
	  	scrollbar-width: none; /* 파이어폭스 */
    }
    
    .index_news_wrap:-webkit-scrollbar {
  		display: none;
	}

    .index_news_box{
        width: 250px;
        height: 380px;
        margin-bottom: 30px;
        margin-right: 10px
    }
    
    .no_image_wrap, .no_image_center {
	    width: 250px;
	    height: 200px;
    }
    
    .ellipsis-box {
		width: 200px;
		height: 55px;
	}
    
    .index_news_category {
    	width: 60px;
	}
    
    .section_en_title{
    	padding-top: 0;
    }
    
    .section_title_btn_wrap{
    	padding: 20px 0;
    }
    
    .section_title_btn_wrap > p{
		width:100%;
	}

	.section_title_btn_wrap >ul{
		width:100%;
		margin-top: 30px;
	}
	
	.go_btn_text {
    	padding: 4px 0;
	}
    
    .index_go_btn_1 {
	    width: 30px;
	    height: 30px;
	    background-size: cover;
    }

    /*home-career*/
    .section4_bg {
    	background-position: center;
    }
    
    .career_info_in {
        width: 90%;
        padding: 15px 15px;
    }
    
    .career_info_ln_wrap {
    	height: 105px;
    }
    
    .career_info_title{
    	width: 150px;
    }

    .career_info_line_right {
        display: none;
    }

    .career_in_1 {
        flex-flow: wrap;
    }

    .career_big_btn_wrap{
        width: 100%;
    }

    .career_intro {
        width: 100%;
    }

    .career_big_btn_wrap > ul{
        width: 30%;
    }

    .career_big_btn_img1 {
        width: 95px;
        height: 95px;
        margin-right: 12px;
        background-size: contain;
    }

    .career_big_btn_img2 {
        width: 95px;
        height: 95px;
        margin-right: 12px;
        background-size: contain;
    }

    .career_big_btn_img3 {
        width: 95px;
        height: 95px;
        margin-right: 12px;
        background-size: contain;
    }

    .career_intro {
        padding-top: 40px;
    }
    
    .index_go_btn_2 {
	    width: 30px;
	    height: 30px;
	    background-size: cover;
	}
	
	.go_btn_text_2 {
	    padding: 5px 0;
	    margin-right: 10px;
	}
	
	.section_title_btn_wrap_2 {
	    padding: 30px 0 15px;
	}
    
    .section_inner_list_wrap{
    	display:none;
    }
    
    .mobile-none{
    	display:none;
    }
    
    .area_wrap{
    	height : 90px;
    }
    
    .area_box_inner{
    	padding: 20px 20px;
    	height: 50px;
    	display: flex;
    	flex-direction: row;
    }
    
    .area_box_inner > p {
    	width: 500px;
    }
    
    .area_box_inner img{
	    width: 50px;
	    height: 50px;
	    margin-right : 20px;
    }
    
    .section2_move_btn{
    	height: 40px;
    	margin-top : -90px;
    	padding: 25px 22px;
    }
    
    .footer_info {
    	font-size: 12px;
    }
    
    /*메뉴*/
    .nav_home_btn > a {
	    width: 40px;
    }
    
    .visual_1 {
	    margin-top: 56px;
	}
	
	.visual_2 {
	    margin-top: 56px;
	}
	
	.visual_3 {
	    margin-top: 56px;
	}
	
	.visual_4 {
	    margin-top: 56px;
	}
	
	.visual_5 {
	    margin-top: 56px;
	}
	
    .visual_6 {
	    margin-top: 56px;
	}
    
    .icon-6 {
	    margin-left: 10px;
	}
    
    /*about-history*/
    .history_1 > div {
    	width:95%;    
    }
    
    .history_con_box {
    	width:95%;
    	margin-top:20px;
    }
    
    .history_con_box2 {
    	width:95%;
    	margin-top:20px;
    }
    .years{
    	width:100%;
    }
    
   	.years_2{
   		width:100%;
   }
   
    .years > li {
    	margin: 26px 0px 0px 20px;
    }
    
    .years_2 > li {
    	margin: 26px 0px 0px 20px;
    }
    
    /*about us-ci*/
    .ci_wrap{
    	height:400px;
        flex-wrap: wrap;
    }
    
    .ci_text_bold {
    	margin-bottom: 0;
    }
    
    .dl_btn_guide > ul{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .dl_btn{
        width: 200px;
        margin-right: 30px;
    }

    .dl_btn_guide > ul > li:last-child{
        margin-right: 0;
    }
    
    .ci_section_line {
    	margin: 30px auto;
    }

    /*service*/
    .edm_contect {
        width: 100%;
    }

    .edm_flex2 {
        width: 200px;
        justify-content: center;
    }

    .edm_flex2 .mail{
        margin-top: 10px;
    }

    /*career-talent*/
    .talent_wrap {
        flex-wrap: wrap;
        width: 90%;
    }

    /*career-benefit*/
    .welfare_wrap{
        flex-wrap: wrap;
        width: 100%;
        margin-top: 30px;
    }

    .welfare_wrap1 {
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }

    .welfare_wrap2 {
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }

    .welfare_wrap1-1 {
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }

    .welfare_con_wrap {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .welfare_sub_text {
        margin-bottom: 50px;
    }

    /*career-info*/
    .post_info_2 {
        flex-wrap: wrap;
    }

    .post_info_2 > p {
        width: 100%;
        margin-bottom: 30px;
    }

    .small_info_text {
        flex-wrap: wrap;
    }
    
    .post_side_margin{
        margin-left: 92px;
    }

    /*contact us*/
    .map_con_box {
        width: 100%;
        height: 135px;
        margin-bottom: 30px;
    }
    
    .map_con_box:first-child{
        width: 100%;
        height: 155px;
    }
    
    .map_icon_circle:first-child{
    	margin-top:15px;
    }
    
    .answer_inner_list_flex > ul{
    	width: 100%;
    }
    
    .answer_inner_list_r{
    	margin-left: 0;
    }
    
    .transit_center{
    	margin: 15px 25px;
    }
    
    .transit_text{
    	margin-left: 20px;
    }
    
    .edm_flex2>p{
    	padding: 8px 20px 8px 20px;
    }
    
    .edm_contact{
		padding-top: 15px;
	}
}
  
/*768~1023px 태블릿 세로*/
@media (min-width:768px) and (max-width:1023px) {
    
}
  
  
/*0 ~ 767px 모바일*/
@media (max-width:767px) {
	.with_table {
    	width : 100%;
	}
	
   .career_big_btn_wrap > ul{
        width: 100%;
        margin-right: 0;
    }

    /*career-info*/
    .small_info_text > li > ul {
        margin-left: 0;
        margin-top: 15px;
    }

    .post_side_margin{
        margin-left: 0;
    }
    
    .contact_table {
    	width: 90%;
    }
    
}