/* PC , 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) { 
    /* body {background-color:blue} */

    /* 사업소개-아스콘 */
    .business_title {width:27%;}
    .asp_con {width:31%;}

    /* 사업소개-리사이클링 */
    .recy_imgbox2 ul li {width:22.2%}

    /* 홍보센터-CI */
    .ci_list li {width:45%}
    .ci_con3 li:first-child {margin-right:14px;}

    /* 홍보센터-연구실적 */
    .research_content .research_right {top:40px; padding:55px 15px 55px 25px}
    .research_content .research_right dt {font-size:19px; padding-bottom:15px;}
    .research_content .research_right .research_con1{padding-bottom:15px;}
    .research_list {padding-top:200px;}
    .research_con3 {width:31%;}

    /* 인재채용-인재상 */
    .talent_con3 .talent_list li {margin-right:15px; padding:35px;}

    /* 인재채용-인사제도 */
    .personnel_con2 .pers_detail2 {padding:60px 0 100px;}
    .personnel_con2 .pers_detail2 dt {padding:40px 0 20px 45px; font-size:26px;}
    .personnel_con2 .pers_detail2 dd {padding-left:45px;}

    /* 인재채용-복리후생 */
    .benefits_con .bene_list1 {width:46.4%; padding:30px;}
    .bene_box2 li .benetitle_ko {font-size:16px;}
    .bene_box2 .beneright_list li {padding-right:0;}

    /* 인재채용-채용안내 */
    .car_box2 li {height:255px; width:18%;}
    .car_box2 .car_title2 {font-size:16px;}
}
/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
    /* body {background-color:red} */

    /* 회사소개 - ceo메시지 */
    .ceo_leftwrap {width:100%; margin-bottom:20px;}
    .ceo_rightwrap {width:100%;}

    /* 사업소개-아스콘 */
    .asp_con {width:100%; padding:80px; margin-bottom:30px;}
    .business_content {width:68%; padding-left:25px; font-size:13px;}
    .business_title .business_eng {font-size:19px}

    /* 사업소개-레미콘 */
    .remi_box ul li {width:49%; padding:0 20px 0;}

    /* 사업소개-골재 */
    .agg_con2 dl dt {font-size:14px;}
    .agg_con2 dl dd {font-size:12px;}

    /* 사업소개-리사이클링 */
    .recy_imgbox2 ul li {width:44.5%; margin-bottom:20px;}

    /* 홍보센터-CI */
    .ci_list li {width:47%}
    .ci_list li:nth-child(2n-1) {margin-right:15px;}
    .ci_con3 {width:70%;}
    .ci_con3 li:first-child {margin-right:14px;}

    /* 홍보센터-연구실적 */
    .research_content .research_img li {width:100%;}
    .research_content .research_right {position:relative;top:0;left:0; padding:55px 15px 55px 25px}
    .research_content .research_right dt {font-size:19px; padding-bottom:15px;}
    .research_content .research_right .research_con1{padding-bottom:15px;}
    .research_list {padding-top:50px}
    .research_con3 {width:100%; margin-right:0; height:280px; padding:40px 20px 0 20px;}

    /* 인재채용-인재상 */
    .talent_con3 .talent_list li {width:47%; height:350px; margin-right:10px; margin-bottom:20px; padding:23px; }

    /* 인재채용-인사제도 */
    .personnel_con2 {padding:80px 0;}
    .personnel_con2 li {width:100%;}
    .personnel_con2 .pers_detail2 {padding:60px 0 100px;}
    .personnel_con2 .pers_detail2 dt {padding:25px;; font-size:26px; text-align:center;}
    .personnel_con2 .pers_detail2 dd {padding-left:0; text-align:center;}
    .personnel_con2 .pers_detail2 {padding:0;}

    /* 인재채용-복리후생 */
    .benefits_con .bene_list1 {width:100%; padding:30px; margin-right:0;}
    .bene_box2 li .benetitle_ko {font-size:16px;}
    .bene_box2 .beneright_list li {padding-right:0;}

    /* 인재채용-채용안내 */
    .car_img1 {margin-bottom:300px;}
    .car_box1 {right:0;top:56%; padding:30px;}
    .car_box1 .car_title {font-size:25px;}
    .car_list1 li {font-size:15px;}
    .car_list1 li dt {padding-right:35px;}
    .car_box2 li {height:200px; width:48%; margin-bottom:20px;}
    .car_box2 li:nth-child(2n) {margin-right:0;}
    .car_box2 .car_title2 {font-size:16px;}
} 

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
    /* body {background-color:coral} */
    .con_wrap {margin:80px auto 0;}

    /* 회사소개 - ceo메시지 */
    .ceo_leftwrap {width:100%; margin-bottom:20px;}
    .ceo_rightwrap {width:100%;}

    /* 사업소개 */
    .ascon_con {margin-bottom:0;}
    .remicon_con {margin-bottom:0;}
    .aggregate_con {margin-bottom:0;}
    .ratio_con {margin-bottom:0;}
    .business_title .business_ko {font-size:19px;}

    /* 사업소개-아스콘 */
    .asp_con {width:100%; padding:80px; margin-bottom:30px;}
    .business_content {width:65%; padding-left:25px; font-size:13px;}
    .business_title .business_eng {font-size:19px}
    .asp_con {padding:80px 40px; margin-bottom:90px;}
    .asp_con:last-child {margin-bottom:0;}

    /* 사업소개-레미콘 */
    .remi_box ul li {width:100%; padding:0 20px 0; margin-bottom:40px}
    .remi_box ul li:last-child {padding-bottom:0;}
    .remi_imgbox dl dt {font-size:20px; line-height:25px;}
    .remi_imgbox {padding-top:100px; padding-bottom:40px;}

    /* 사업소개-골재 */
    .agg_table td {font-size:13px;}

    /* 사업소개-리사이클링 */
    .recy_con2 .recy_first {padding-bottom:40px;}
    .recy_con2 .recy_first li {padding:0 5px 0;}
    .recy_con2 .recy_first dl dt {font-size:14px;}
    .recy_con2 .recy_first dl dd {font-size:12px; line-height:19px;}
    .recy_imgbox {padding-bottom:65px;}
    .recy_table td {font-size:13px;}
    .recy_imgbox2 ul li {width:100%; margin-right:0; margin-bottom:20px}
    .recy_imgbox2 ul li img {width:60%;}

    /* 홍보센터 */
    .ci_con {margin-bottom:0}
    .research_con {margin-bottom:0}

    /* 홍보센터-CI */
    .ci_title {font-size:23px}
    .ci_ex {font-size:15px;}
    .ci_list li {width:100%; margin-bottom:20px;}
    .ci_list li:nth-child(2n-1) {margin-right:0;}
    .ci_con3 {width:70%;}
    .ci_con3 li:first-child {margin-right:14px;}
    .ci_con3 li a {font-size:11px;}

    /* 홍보센터-연구실적 */
    .research_content .research_img li {width:100%;}
    .research_content .research_right {position:relative;top:0;left:0; padding:55px 15px 55px 25px}
    .research_content .research_right dt {font-size:19px; padding-bottom:15px;}
    .research_content .research_right .research_con1{padding-bottom:15px;}
    .research_list {padding-top:50px}
    .research_con3 {width:100%; margin-right:0; height:280px; padding:40px 20px 0 20px;}

    /* 인재채용 */
    .talent_con3 {margin-bottom:0;}
    .personnel_con {margin-bottom:0;}
    .benefits_con {margin-bottom:0;}
    .careers_con {margin-bottom:0;}

    /* 인재채용-인재상 */
    .talent_con2 p {font-size:24px;}
    .talent_con3 .talent_list li {width:100%; height:290px; margin-right:10px; margin-bottom:20px; padding:23px; }

    /* 인재채용-인사제도 */
    .personnel_con1 .pers_title {font-size:23px;}
    .personnel_con2 {padding:80px 0 0;}
    .personnel_con2 li {width:100%;}
    .personnel_con2 .pers_detail2 {padding:60px 0 100px;}
    .personnel_con2 .pers_detail2 dt {padding:25px;; font-size:24px; text-align:center;}
    .personnel_con2 .pers_detail2 dd {padding-left:0; text-align:center; font-size:14px;}
    .personnel_con2 .pers_detail2 {padding:0;}

    /* 인재채용-복리후생 */
    .benefits_con .bene_list1 {width:100%; padding:20px; margin-right:0;}
    .bene_box2 .benelist2_left {width:39%;}
    .bene_box2 li .benetitle_ko {font-size:14px;}
    .bene_box2 .beneright_list li {padding-right:0;}
    .bene_box2 .beneright_list {padding-right:0;}

    /* 인재채용-채용안내 */
    .car_img1 {margin-bottom:325px;}
    .car_box1 {right:0;top:56%; padding:20px;}
    .car_box1 .car_title {font-size:25px;}
    .car_list1 li {font-size:14px;}
    .car_list1 li dt {padding-right:35px;}
    .car_box2 li {width:100%; margin-bottom:20px; margin-right:0;}
    .car_box2 .car_title2 {font-size:16px;}
}