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

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

}
@media screen and (max-width:1600px){
body{ font-size: 15px;}
.box1,
.box2{ width: 94%; margin: 0 auto;}

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


#contents .sub_tab .gnb > li .dp2 > li{ max-width: 15%; min-width: 15%;}

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

}

@media screen and (max-width:1280px){
.amends_con > img{ padding: 0em; border: none;}

}


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

}

@media screen and (max-width:1024px) {
	
body{ font-size: 14px;}
 

#header .top_wrap .gnb_wrap{ display: none;}
.visualSlider .main_slogan .slogan .t1{ font-size: 2.5em;}


.main_txt{ margin-bottom: 2em;}
.main_txt .t6{ font-size: 1.7em;}
.main_txt .t3{ font-size: 1.125em;}
.mem_info_con{ gap: 2.5em;}

.mem_info_con .left{ flex: 1 1 20%;}

.page_tab .tab > li{ width: 25%;}

#contents .sub_tab .gnb > li .dp2{ display: none;}

body.pop .popWrap{ max-width: 86vw;}
.list_con .box_wrap .scroll_wrap{ overflow-x: scroll; padding-bottom: 2em;}






}

@media screen and (max-width:900px){
.list_con .box_wrap .scroll_x{ width: 900px;}
.scroll_wrap .source{ width: 900px;}


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

}

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

.sub_company_greetings .img{ display: none;}
.sub_company_greetings .con{ flex: 1 1 100%;}

.member_con .member_wrap .member > .list{ width: 100%;}
.member_con .member_wrap .txt_box .name b{ font-size: 1.5rem;}
.member_con .member_wrap .txt_box .name{ font-size: 1.2em;}

.member_con .member_wrap .txt_box .info > li{ font-size: .85em;}
.member_con .member_wrap .txt_box .info.member > li:before{ top: 4px;}
.member_con .member_wrap .img_sizing{ flex: 1 1 45%;}

.page_col_box.col_box2{ flex-direction: column;}
.page_col_box > li > .inner > dd > i{ top: 112%; right: 46%; transform: rotate(90deg);}
}

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

}

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

body{ font-size: 13px;}


#footer .menu_wrap,
#quick{ display: none;}
.info_wrap .inner{ flex-direction: column-reverse; align-content: flex-start; align-items: flex-start;}
#footer .info_wrap .riGht > img{ margin-bottom: 1.5em;}


.visualSlider .main_slogan .slogan .t1{ font-size: 2.4em;}
.main_txt .t6{ font-size: 1.5em;}
.main_txt .t3{ font-size: 1.1em;}
#footer .link_wrap{ width: 94%; flex-wrap: wrap;}
.link_wrap .link{ flex-wrap: wrap;}
.link_wrap .link > li{ margin-bottom: .5em;}
.link_wrap .link > li:last-of-type{ margin-bottom: 0em;}

.main_bnList4 .list{ flex-wrap: wrap;}
.main_bnList4 > .list > li{ width: 100%;}
.main_bnList4 > .list{ margin: 0;}
.visualSlider .el .bg{ left: 0;}

.cert_item{ width: 100%;}
.main_bnList4 > .list > li .wrap_in{ margin: 0 0 1.25em 0;}

.mem_info_con .left{ flex: 1 1 30%;}
.left_info{ flex: 1 1 25%;}
.right_info{ flex: 1 1 55%;}

.page_txt .tit .sub_ttl:before{ top: 7px;}
.page_txt .tit .sub_ttl:after{ top: -4px;}
.page_txt .tit .sub_ttl > p{ text-align: left; font-size: .95em;}

.page_tab .tab > li{ width: 100%;}
.page_tab .tab > li > a{ padding: 1.3em .7em;}
.member_con .member_wrap .txt_box .info.list_scroll{ height: 170px;}
.right_info .right_info_list>li:before{ top: 3px;}
.career_inf .career_list>li,
.right_info .right_info_list>li{ font-size: .9em;}

.page_col_box,
.esg_txt_box,
.box_imgcon{ flex-direction: column;}
.list_con .box_wrap{ padding: 1.5em;}

.list_con .box_wrap > i{ transform: rotate(90deg); top: 47%;}

.amends_con{ margin: 0em;}
.greet_ttl_con .sub_txt > p{ font-size: 1.05em;}
.greet_ttl_con .txt1{ font-size: 1.95em;}

.greet_ttl_con .txt1:before{ top: -7px; left: -13px;}
.procedure_con > ul > li{ flex-direction: column;}
.procedure_con > ul > li .pro_num_con{ border-right: none; border-bottom: 1px solid #ddd;}
.procedure_con > ul > li > i{ top: 109%; left: 48%;}
.procedure_con > ul > li .pro_num_con > img{ width: 6em;}
.pro_txt_con .pro_dot,
.procedure_con > ul > li .pro_txt_con .pro_txt{ line-height: 1.4;}
.greetings_wrap .pro_box_dot:before{ top: 4px; left: 2px;}
.pro_box_ttl.dot:before{ top: 2px; left: -11px;}

.pro_txt_con .pro_dot{ margin-top: .3em;}
.box_wrap .m_map{ display: block;}
.box_wrap .m_map > img{ width: 100%;}
.page_col_box > li > .inner > dd .list > li .tt.dot_txt:before{ top: 6px;}
.greetings_wrap .pro_box_dot > span{ display: block;}

.box_wrap .pc_map{ display: none;}



.pro_mapimg_con > .wid{ width: 100% !important;}
.page_tab .tab{ flex-wrap: wrap;}
.page_tab .tab > li > a{ margin: .5em 0 0 0;}

}


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

}

@media screen and (max-width:380px){
.mem_info_con .left{ flex: 1 1 50%;}

}