@charset "utf-8";
/* CSS Document */
.PHONE{display:none!important;}
@media screen and (max-width:1750px){
#header .box0{ width:96%; margin:0 auto}
#header .logo > a {width:10em;}
#header .gnb_wrap {padding:0;}
#header .gnb_wrap .gnb > li .dp1 {min-width:6em;}
#header .gnb_wrap .gnb > li .dp1 .va {font-size:.938em;}
#header .etc_wrap .mem_wrap .etc > li .in {width:4em;}


}

@media screen and (max-width:1440px){
#daumRoughmapContainer1652321928161{width:100%!important;}

}

@media screen and (max-width:1280px){	
.community_wrap{height:auto; padding:2em 0; box-sizing:border-box;}
.community_wrap .box1.flex.vc.space{flex-wrap:wrap; padding:2em 0; box-sizing:border-box;}
.community_wrap .con_left{width:65%; height:auto;}
.community_wrap .con_left .community_text{width:50%;}
.community_wrap .con_left .community_text .community_text_wrap{padding:1em 4em 0 1em; box-sizing:border-box}
.community_wrap .con_left .community_text .com_menu_wrap .square .square_icon{margin:0 .5em 0 .5em;}
.community_wrap .con_left .community_text .com_menu_wrap{padding:2.5em 1em 2em 1em; box-sizing:border-box}
.community_wrap .con_left .community_img{width:50%;}


.community_wrap .con_right{width:35%;}

}

@media screen and (max-width:1200px){	
#header .gnb_wrap{display:none;}
#header .etc_wrap .all_wrap .all_btn.pc_hide{display:none;}
#header .etc_wrap .all_wrap .all_btn.PHONE{display:block!important;}

.visualSlider_wrap .slogan .t2{font-size:2.5em;}

.prd_wrap .ins_prd{height:410px;}
.community_wrap .con_left .community_text .com_menu_wrap .square{min-width:120px}


}

@media screen and (max-width:1024px){
#contents .sub_menu .gnb > li .dp2 > li{flex:1 1 25%; max-width:25%;}
#contents .sub_menu .gnb > li .dp2 > li:nth-of-type(5) > a:after{display:none;}
#contents .sub_menu .gnb > li .dp2 > li:not(:first-of-type):not(:nth-child(4)) > a:after{ content:""; position:absolute; left:0px; top:25%; height:50%; width:1px; background:#ddd}

.sub #contents .doc{padding:6em 0;}
.prd_wrap .ins_prd:nth-of-type(2n){margin-top:.5em;}


.prod_detail_wrap .inner .slide_wrap{width:45%;}
.prod_detail_wrap .inner .info_wrap{width:55%;}
.prod_detail_wrap .info_wrap .in{padding-left:30px;}
.pro_detail_con .pro_view_tab_st > li{flex:1 1 20%;}
.pro_detail_con .pro_view_tab_st > li > a{padding:0 1em;}

.greetings_wrap .flex{flex-direction:column-reverse;}
.greetings_wrap .greetings_ri{width:100%; height:230px; background:url(../images/sub/greetings.jpg) no-repeat center center/cover;}
.greetings_wrap .greetings_ri img{display:none;}

.greetings_wrap .greetings_le{margin-right:0; width:100%; margin-top:1em;}

}

@media screen and (max-width:900px){
.prod_wrap > li{width:33.33%;}
.community_wrap{height:800px; background-size:cover;}
.community_wrap .con_left{width:100%;}
.community_wrap .con_left .community_text{background-size:cover;}
.community_wrap .con_right{width:100%;}
.board_st.gallery .list > li{width:33.33%;}
.pro_detail_con .prod_view_edit p{position:relative;}
.pro_detail_con .prod_view_edit p iframe{width:100% !Important;}
}

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

body{ font-size:13px;}
.dp1_instrument #contents .subtop_wrap .sub_visual .wrap_in .sub_menu, .dp1_electron #contents .subtop_wrap .sub_visual .wrap_in .sub_menu{bottom:0}
.dp1_instrument #contents .sub_menu .gnb > li .dp2, .dp1_electron #contents .sub_menu .gnb > li .dp2{justify-content:flex-start; overflow:auto; flex-wrap:nowrap;}
.dp1_instrument #contents .sub_menu .gnb > li .dp2 > li, .dp1_electron #contents .sub_menu .gnb > li .dp2 > li{flex:1; max-width:none; width:220px;}
.dp1_instrument #contents .sub_menu .gnb > li .dp2 > li > a, .dp1_electron #contents .sub_menu .gnb > li .dp2 > li > a{width:220px;}
.dp1_instrument #contents .sub_menu .gnb, .dp1_electron #contents .sub_menu .gnb{position:relative;}
.dp1_instrument #contents .sub_menu .gnb:after, .dp1_electron #contents .sub_menu .gnb:after{content:'* 좌우로 슬라이드하시면 더 많은 메뉴를 볼 수 있습니다.'; position:absolute; bottom:-20px; left:50%; font-size:.95em; color:#000; width:100%; text-align:center; transform:translateX(-50%); vertical-align:baseline;}
#contents .sub_menu .gnb > li .dp2 > li:nth-of-type(5) > a:after{display:block;}
.box1.about.flex{flex-direction:column-reverse;}
.about_img_wrap{width:100%;}
.about_img_wrap .about_img{height:150px;}
.about_wrap{width:100%; margin-top:1em;}

.prod_detail_wrap .inner{display:flex; justify-content:space-between;}
.prod_detail_wrap .inner .slide_wrap{float:none;}
.prod_detail_wrap .inner .info_wrap{float:none; width:53%;}

.slick-slider .slick-list{width:calc(100% + 1.5px);}
.prod_detail_wrap .info_wrap .in{padding-top:0;}
.prod_detail_wrap .info_wrap .prod_btn{margin-top:20px;}

.prd_wrap .ins_prd{flex:1 1 31%; max-width:31%}
.prd_wrap .ins_prd:nth-of-type(4n){margin-right:.5em;}
.root_daum_roughmap .wrap_map{height:250px !important;}
#footer .info_wrap{flex-direction:column-reverse; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.info_wrap{flex-direction:column-reverse}
#footer .info_wrap .info.grow{margin-top:1em;}
.info_wrap .cs_wrap{width:100%;}
.info_wrap .map_wrap{width:100%;}

.page_tab .tab.sEC4 > li{width:50%;}
.page_tab .tab.sEC5 > li{width:50%;}

}

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

}

@media screen and (max-width:600px){
.prod_wrap > li{width:50%;}

.w_no{display:none;}
.w_date{display:none;}
.w_hit{display:none;}
.prd_wrap .ins_prd{flex:1 1 47%;max-width:47%}

.board_st.gallery .list > li{width:50%;}
}

@media screen and (max-width:500px){
#header .etc_wrap .all_wrap .all_btn{width:2em;}
.prd_top .ins_t2{font-size:1.5em;}
.visualSlider_wrap .slogan .t1{font-size:1.5em;}
.visualSlider_wrap .slogan .t2{font-size:1.75em;}
.prd_wrap .ins_prd{flex:1 1 100%; max-width:100%;}
.prod_detail_wrap .inner{flex-direction:column;}
.prod_detail_wrap .inner > div{width:100% !important;}
.prod_detail_wrap .info_wrap .in{padding-left:0; padding:0 1em; margin-top:2rem;}
.prod_detail_wrap .info_wrap .prod_btn > li{width:49%;}
.searching_area{display:flex; flex-direction:column}
.search_select{width:85px;}
.search_inp{width:180px;}
#footer .menu_wrap{padding:.5em 0;}
#footer .menu_wrap .menu > li > a{padding:.5em;}
#footer .info_wrap{padding:.5em 0;}
#footer .info_wrap .info > li{display:block;}
html.l-nav-open .l-nav{width: 100%;}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

}

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


}

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

}

@media screen and (max-width:360px){
#header .logo > a{width:8em;}
#header .etc_wrap .lang .lang_btn{padding:.5em;}
.main #contents .doc{padding:3em 0;}
.prd_btn{margin-top:2em;}
.community_wrap{height:660px;}
.visualSlider_wrap .slogan .t1{font-size:1.25em;}
.visualSlider_wrap .slogan .t2{font-size:1.5em;}
.community_wrap .con_left .community_text{width:100%; height:230px;}
.community_wrap .con_left .community_img{display:none;}
.prod_wrap > li{width:100%;}
.info_wrap .cs_wrap .cs_text .cs_text_center .cs_tt2{font-size:1.45em;}
#footer .menu_wrap{display:none;}
.board_st.gallery .list > li{width:100%;}
}

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

.info_wrap .cs_wrap .cs_text .cs_text_center{flex-direction:column;}
.info_wrap .cs_wrap .cs_text{height:200px;}
.info_wrap .cs_wrap .cs_btn_wrap .cs_btn:first-of-type{height:50px;}
.info_wrap .cs_wrap .cs_btn_wrap .cs_btn:last-of-type{height:50px;}
.info_wrap .cs_wrap .cs_text .cs_text_center.cs_text_info .cs_tt3:first-of-type{margin-right:0;}
}

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


}