@charset "utf-8";
/* CSS Document */
.PHONE{display:none;}
@media screen and (max-width:1919px){	
.box1{max-width:95%;}
.box2{max-width:95%}
.partner_wrap .board_photo{margin:-2em 0 0 -2em;}
}


@media screen and (max-width:1680px){	
.addr_search{flex-wrap:wrap;}
.addr_search .flex_wrap .left{}
.addr_search .flex_wrap .right{}
.addr_search .inner{display:flex; flex-direction:column;}
.addr_search .inner .inp_wrap{margin-top:.75em;}
}

@media screen and (max-width:1440px){
.main_wrap .area_wrap{justify-content:center;}
.main_wrap .area_wrap .area_con{width:24%;}
.public_wrap{justify-content:space-between;}
.public_wrap .public_con:first-of-type{width:24%;}
.public_wrap .logo_btn{text-align:center;}
.public_wrap .logo_btn .btN{padding:.5em;}
.public_wrap .public_con:last-of-type{width:73%; margin-left:0;}

/*about_research*/
.members_wrap .members_con{justify-content:center;}

}

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

}

@media screen and (max-width:1200px){	
#header .gnb_wrap > .gnb > li .dp1{padding:0;}
.w_public2{width:20em;}
.w_name2{width:9em;}
.w_public{width:12em;}

.members_wrap .members_con .member_area{flex:1 1 31.33%; max-width:31.33%}
.members_wrap .members_con .member_area:nth-of-type(3n){margin-right:0;}

.about_wrap .icon_wrap{flex-wrap:wrap;}
.about_wrap .icon_wrap .icon_con{flex:1 1 33.33%; width:33.33%;}
.about_wrap .icon_wrap .icon_circle{width:200px; height:200px;}

.researcher_wrap.r_left{width:100%; order:2; padding-right:0; padding-top:2em;}
.researcher_wrap.r_right{width:100%; order:1;}

.storeInfo_wrap{display:flex; flex-wrap:wrap;}
.storeInfo_wrap .info_wrap{width:100%!important; margin-bottom:1em;}
.storeInfo_wrap .map_wrap{width:100%!important;}
.storeInfo_wrap .info_wrap .inner{height:30em !important; margin-right:0!important;}
.storeInfo_wrap .info_wrap .di_table{width:100%!important;}
}


@media screen and (max-width:1024px){
/**/
.mainLayerPop{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.4);}
.mainLayerPop .in_w{ box-sizing:border-box; max-width:95vw; max-height:calc(95vh - 6em); width:25em; margin-top:1em; margin-bottom:5em; background:#fff; border:1px solid #000; overflow-y:auto;}
.mainLayerPop .moSlide .el .popLayer{ position:static!important; height:auto !important; width:25em !important; max-width:100% !important; max-height:100%; border:none;}
.mainLayerPop .moSlide .el .popLayer img{ width:100%;}
.mainLayerPop .dot_wrap{ position:fixed; left:0; right:0; bottom:1em; text-align:center;}
.mainLayerPop .slick-dots > ul > li{ display:inline-block; margin:0 .125em;}
.mainLayerPop .slick-dots > ul > li button{ width:1em; height:1em; border:none; background:#fff; border-radius:100%; text-indent:-999999px; overflow:hidden; transition:.2s;}
.mainLayerPop .slick-dots > ul > li.slick-active button{ width:3em; border-radius:5em;}
.mainLayerPop.hide{ display:none;}
.mainLayerPop .moHide{ display:none;}
.mainLayerPop .pcHide{ display:block!important;}
.mainLayerPop div.popLayer_closeW{ display:flex; align-content:center; align-items:center;}
.mainLayerPop div.popLayer_closeW .popLayer_close{ flex:1;}
.popLayer{cursor:default}

/*header*/
#header .gnb_wrap{display:none;}
#header .mem_wrap{margin-left:auto;}

/*main*/
.mainVisual_wrap > .inner{flex-direction:column-reverse; height:auto;}
.mainVisual_wrap .visualSlider .el{height:400px;}
.mainVisual_wrap .visualSlider_wrap{margin-left:0;}
.mainVisual_wrap .text_wrap.left_box{width:100%; margin-top:2em;}
.main_wrap .text_con .text.t1{font-size:2em;}

.main_wrap .icon_wrap .icon_con{flex:1 1 32.33%}
.main_wrap .icon_wrap .icon_con:nth-of-type(3){border-right:none;}
.main_wrap .icon_wrap .icon_con:nth-of-type(n+4){border-top:1px solid #ddd;}

.main_wrap .area_wrap .area_con{flex-direction:column;}
.main_wrap .area_wrap .area_con .icon{margin-right:0; margin-bottom:.5em;}

.main_wrap .publication_tit{width:100%;}
.main_wrap .publication_tit.text_con .con.t3:first-of-type{width:100%; margin-bottom:.75em;}
.main_wrap .publication_tit.text_con .con.t3{width:auto; margin-left:auto;}
.main_wrap .publication_wrap{width:100%; margin-bottom:2em;}
.main_wrap .banner_wrap{width:100%;}
.main_wrap .banner_wrap .banner_con{padding:1.25em;}

.main_wrap .news_wrap{width:100%; margin-bottom:2em;}
.main_wrap .media_wrap{width:100%;}
.main_wrap .media_wrap .media_area .media_con .media_img{width:100%;}

/*sub_page*/
.about_wrap .about_tt{width:100%; order:2; padding-right:0; padding-top:2em;}
.about_wrap .about_img{width:32em; margin:0 auto;}

/*sub_data*/
.chartList{flex-direction:column;}
.chartList > li.w1{width:30em; margin:0 auto; margin-bottom:2em;}
.chartList > li.w2{width:100%;}

.public_wrap .public_tt{padding:0 1em;}
.sub_text .text.img{width:100%;}

/*footer*/
#footer .menu_wrap{padding:2em 0; padding-bottom:0;}
#footer .menu_wrap .box1.flex.vc.space{flex-direction:column-reverse; align-items:flex-start; align-content:flex-start;}
#footer .menu_wrap .menu{margin-left:0; margin-top:1em;}
#footer .menu_wrap .menu > li:first-of-type > a{padding-left:0;}
#footer .menu_wrap .linkBtn{padding:.5em 1em;}
#footer .menu_wrap .linkBtn:first-of-type{margin-left:0;}


}

@media screen and (max-width:900px){
/*sub_masonry*/
.board_masonry > li{width:50%;}

/*sub_gnb_wrap*/
#contents .sub_nav .nav{flex-direction:column}
#contents .sub_nav .nav > li.home .navBtn{width:100%; border-radius:.625em .625em 0 0}
#contents .sub_nav .nav > li:not(.home) .navBtn{z-index:1;}
#contents .sub_nav .nav > li .gnb{z-index:2;}


}

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

/*main*/
.main_wrap .area_wrap .area_con{width:32%; flex:1 1 32%}
.main_wrap .area_wrap .area_con:nth-of-type(3){margin-right:0;}
.main_wrap .area_wrap .area_con:nth-of-type(n+4){margin-top:.625em;}

.main_wrap .researcher_wrap .researcher_icon{width:85%; margin-top:2em;}

/*sub_data*/
.public_table{overflow-x:auto;  position:relative; padding:0;}
.dp3_dataF .sub_text .line_text{margin-bottom:2em;}
.dp3_dataF .sub_text .line_text:after{content:'* 좌우로 슬라이드하시면 자세한 정보를 볼 수 있습니다.'; position:absolute; left:0; bottom:-18px; font-family:inherit; font-size:.935em; color:#666; width:100vw;}
.public_table table.board_st{min-width:800px;}

.dp2_researchTool .research_wrap{overflow-x:auto;}
.dp2_researchTool .research_wrap .board_st.st1{min-width:800px; margin-top:2em; position:relative;}
.dp2_researchTool .research_wrap .board_st.st1:before{content:'* 좌우로 슬라이드하시면 자세한 정보를 볼 수 있습니다.'; position:absolute; left:0; top:-18px; font-family:inherit; font-size:.935em; color:#666; width:100vw;}

/*sub_about*/
.about_wrap .icon_wrap .icon_con{flex:1 1 50%; width:50%;}
.about_wrap .icon_wrap .icon_circle{width:150px; height:150px; padding:1em;}

.members_wrap .members_con .member_area{flex:1 1 48%; max-width:48%}
.members_wrap .members_con .member_area:nth-of-type(2n){margin-right:0;}
.members_wrap .members_con .member_area:nth-of-type(3n){margin-right:1em;}
.members_wrap .members_con .member_area:nth-of-type(6n){margin-right:0;}
.members_wrap .members_con .circle{width:9em; height:9em;}
/*연혁*/
.board_photo > li.logo_photo{width:33.33%;}
.map_info2 .info_list > li{display:flex; flex-direction:column;}
.map_info2 .info_list > li .info{margin:1.5em 0;}
.map_info2 .info_list > li.subway .info p{margin-right:0;}
.map_info2 .info_list > li.subway .info{margin-top:1em;}

/*footer*/
#footer .info_wrap .info{display:flex; flex-direction:column;}
#footer .info_wrap .info > li{margin-right:0; margin-bottom:.5em;}

}

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


/*#contents .sub_nav .nav > li:not(.home) .navBtn{min-width:8em; padding:0 .5em 0 .5em;}	
#contents .sub_nav .nav > li .gnb a{padding:.5em;}
#contents .sub_nav .nav > li.dp3on:not(.home) .navBtn{min-width:14em;}	
#contents .sub_nav .nav > li.home .navBtn{display:none;}
#contents .sub_nav .nav > li:not(.home) .navBtn:after{right:.5em;}*/
}

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


#footer .menu_wrap div.link.flex{flex-direction:column;}
#footer .menu_wrap .linkBtn{margin-left:0; margin-bottom:.5em;}
#footer .menu_wrap .site{margin-left:0;}
#footer .menu_wrap .menu > li > a{padding:.5em 1em;}
}

@media screen and (max-width:500px){
.about_wrap .about_logo img{width:40%;}
/*main*/
.main_wrap .icon_wrap .icon_con{flex:1 1 48%}
.main_wrap .icon_wrap .icon_con:nth-of-type(2n){border-right:none;}
.main_wrap .icon_wrap .icon_con:nth-of-type(3){border-right:1px solid #ddd;}
.main_wrap .icon_wrap .icon_con:nth-of-type(n+3){border-top:1px solid #ddd;}


.main_wrap .area_wrap .area_con{width:48%; flex:1 1 48%;}
.main_wrap .area_wrap .area_con:nth-of-type(2n){margin-right:0;}
.main_wrap .area_wrap .area_con:nth-of-type(3){margin-right:.625em;}
.main_wrap .area_wrap .area_con:nth-of-type(n+3){margin-top:.625em;}

.main_wrap .researcher_wrap .researcher_icon .icon_con{width:50%;}
.main_wrap .researcher_wrap .researcher_icon .icon_con:nth-of-type(n+3){margin-top:1.5em;}

/*sub_page*/
.about_wrap .about_img{width:24em;}
.about_wrap .icon_wrap .icon_circle{width:130px; height:130px;}

.public_wrap .public_con:first-of-type{width:24%;}
.public_wrap .public_con:last-of-type{width:68%;}
/*sub_masonry*/
.board_masonry > li{width:100%;}

body.pop .popWrap .popIn .popCon .fs28{font-size:1.45em !important;}

.board_photo > li.logo_photo{width:50%;}
.board_photo > li{width:50%;}


#header .mem_wrap{display:none;}
#header .all_wrap .all .top .mem_wrap{display:flex;}
#header .all_wrap{margin-left:auto;}
}

@media screen and (max-width:420px){
/*main*/
.main_wrap .publication_tit .publication_tt{width:auto;}
}

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



}

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

.public_wrap .public_con:first-of-type{width:35%;}
.public_wrap .public_con:last-of-type{width:58%;}


.board_photo > li.logo_photo{width:100%;}
.board_photo > li{width:100%;}
}

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


}

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


}