@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px){	

}

@media screen and (max-width:1280px){	
.sub1_1 .dv01 .txt_dv{padding-top:0;}
.sub1_1 .dv01 .txt_dv .p3{font-size:1em;}
.sub1_1 .dv01 .txt_dv .p4{margin-top:1em;}
}


@media screen and (max-device-width:1024px){
body{ letter-spacing:-1px;}
}

@media screen and (max-width:1024px){
body{ font-size:15px; letter-spacing:-1px;}
.di_wrap > *{ font-size:.938rem;}

.PC{ display:none !important;}
.PHONE{ display:block !important;}

#header .gnb_wrap .logo{width:150px; background-size:100%!important;}
#header .gnb_wrap .gnb > li .dp1{font-size:1em; padding:0 11px;}

.main_visual .slide_img{height:500px;}
.main_visual .slogan_wrap{}
.main_visual .slogan{padding:50px 70px;}

.prod_dv ul li{width:33.33%;}

.sub1_1 .dv01 .img_dv{width:100%; margin-right:0; text-align:center; margin-bottom:20px;}
.sub1_1 .dv01 .img_dv img{max-width:500px;}
.sub1_1 .dv01 .txt_dv{width:100%; text-align:center; margin-bottom:20px;}

.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li{height:204px;}

/* main */
.con2_slider .arr_dv ul{display: none;}

}

@media screen and (max-device-width:768px){
body{ font-family:sans-serif;}
} 

@media screen and (max-width:768px){
body{ font-size:13px;}
.di_wrap > *{ font-size:.813rem;}

.box1{width:94%; padding:0 3%;}
#header .gnb_wrap .gnb{display:none;}
#header .gnb_wrap .right_menu ul li .xi{font-size:33px;}

#footer .f_bottom .menu01{text-align:center;}
#footer .f_bottom .menu01 li:first-child{display:none!important;}
#footer .f_bottom .menu01 li:last-child{display:none!important;}
#footer .f_bottom .menu01 li{margin:0 4px;}
#footer .f_bottom .menu01 li a{font-size:12px;}
#footer .f_bottom .top_btn{display:none;}

#footer .f_info{padding:20px 0;}
#footer .f_info{text-align:center;}
#footer .f_info .f_logo{position:static; display:block; width:150px; margin:0 auto 10px;}
#footer .f_info .f_info_txt{padding-left:0; text-align:center;}
#footer .f_info .f_info_txt li{margin-right:0; margin:2px 5px;}

/*main*/
.main_visual .slogan .line{display:none;}
.main_visual li{background:#f1f1f1!important;}
.main_visual .slogan{padding:0; width:100%;}
.main_visual .slogan_wrap{position:static; text-align:center;}
.main_visual .slide_img{height:auto; padding:21em 0 0;}
.main_visual .flex-control-paging{display:none;}
.main_visual .slogan .t1{color:#00b0eb}
.main_visual .slogan .t2{font-weight:600;}

.main_con1 ul > li{width:100%; margin-bottom:10px;}
.main_con3 .l_dv{width:100%;}
.main_con3 .r_dv{width:100%;}
.main_con3{background:#f1f1f1;}
.main_con3 .l_dv .pd_dv{padding:1em 2em;}

.main_con4 .over_dv .noti_dv{width:100%; margin-bottom:20px;}
.main_con4 .over_dv .inq_dv{width:100%;}
.main_con4 .over_dv .noti_dv .con_idx{height:auto;}

.main_con2 .box1 .prod_dv .arr_dv {display: none;}

/*sub*/
#contents .subGnb_wrap .gnb > li .dp2 > li > a{font-size:12px;}

.sub1_1 .dv02 .ul01 > li{width:100%; margin-bottom:20px;}
.sub1_1 .dv02 .ul01 > li:first-child{width:100%;}
.sub1_1 .dv02 .ul01 > li dl dd .icon{display:none;}

.certi_list_wrap ul.certi_list li{width:50%;}
.agency_dv ul li{width:100%;}

.prod_dv ul li{width:50%;}
.prod_view_dv .img_dv{width:100%; margin-right:0; margin-bottom:20px;}
.prod_view_dv .txt_dv{width:100%;}

.cont_dv{padding:1em}

.sub1_1 .dv01 .img_dv img{width:100%;}
.sub1_1 .dv02 .ul01 > li dl{padding-left:0;}
.sub1_1 .dv02{padding:2em 1em;}

.sub1_5 .dv03 .com_his .com_his_box .his_list li dl .his_ctt{line-height:34px;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top li img{width:40%;}
}
@media screen and (max-width:500px){
.sub1_1 .dv01{background:none;}	

.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list{flex-direction:column;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li{width:100%; border-right:0; border-bottom:1px solid #ddd; height:180px;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li:last-of-type{border-bottom:0;}

.sub1_5 .dv03 .com_his .com_his_box .his_list li dl .years{width:25%;}

.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top{width:100%;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_bot{width:100%;}

.sub1_5 .dv03 .com_his .com_tit_box_2 .com_tit_wrap .com_tit{    font-size: 1.9em; letter-spacing: 2px;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top li{border: 7px solid #bc9f26;}
}

@media screen and (max-width:412px){
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top li span{font-size:1.125em;}
}
@media screen and (max-width:360px){
body{ font-size:11px;}
.di_wrap > *{ font-size:.688rem;}

.sub1_5 .dv03 .com_his .com_his_box .his_list li dl{flex-direction:column;}
.sub1_5 .dv03 .com_his .com_his_box .his_list li dl .years{width:100%;}


}

@media (min-width: 480px) and (max-width:767px) and (orientation: landscape){

} 

@media screen and (max-width:280px){
    .side_gnb .in{width: 230px;}
    .side_gnb .tit_dv .l_home{ padding: 0 12px;}
    .side_gnb .tit_dv .p1{ width: 141px;}
    .side_gnb .tit_dv .r_close{ padding: 0 12px;}
}