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


@media screen and (max-width:1300px){
.eng_m_st {display:block !important;}
.PHONE_mst{ display:none !important}


/**/	
#header .logo > a {width:91%;}	
#header .gnb_wrap .gnb > li .dp1 {min-width:2.6em;  font-size:.987em;}
#header .language .langBtn .xi {font-size:17px; vertical-align:middle;}	
#header .language .langBtn .tt {font-size:.750em; padding:0 .8em 0 .5em;}

/**/
.SEARCH_W .search_wrap {width:100%;}
.prod_search_wrap .prod_search_con > li {padding-left:0; display:block;}
.prod_search_wrap .prod_search_con > li .con_tit {position:inherit; width:100%; height:45px;}
.prod_search_wrap .prod_search_con > li .inp_wrap.wst1 {min-width:inherit;}
.prod_search_btn {width:100%; height:40px;}


	
}

@media screen and (max-width:1023px){
.box1{width:95%; max-width:1200px; margin:0 auto; position:relative;}
.PC{ display:block !important}

/**/
#scrollAni {display:none;}

/**/
.mainVisual .flex-control-paging {left:inherit; right:5%;}

/**/
.main_nav .nav {display:none;}
	
/**/	
#header .menu_wrap {position:relative;}	
#header .gnb_wrap{ display:none;} 
#header .language {margin-left:0; margin-right:3em;}
#header .language .langBtn {padding:.5em .5em;}
#header .m_btn {position:absolute; right:0; top:0;}
#header .m_btn .xi {color:#fff; font-size:38px;}

/**/
#contents .doc {padding:2em 0 15em 0;}

#contents .sub_visual_wrap .va_wrap {height:14em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a {height:3.5em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va {font-size:1em;}

#contents .sub_visual_wrap .slogan .t1 {font-size:1.9em;}
#contents .sub_visual_wrap .slogan .t2 {font-size:.750em;}

#contents .sub_tit_wrap .pageMove > li > a .xi {width:1.5em; line-height:1.5em;}
#contents .sub_tit_wrap .pageMove > li > a .xi:before {font-size:.875em;}

/**/
.mainVisual .img .slogan_wrap {padding-top:120px;}
.mainVisual .img .slogan {padding:50px;}
.mainVisual .img .slogan .t1 {font-size:2.8em; padding-bottom:.3em;}
.mainVisual .img .slogan .t2 {font-size:1.063em; line-height:1.5;}


/**/
.main04 .custom_ul .li_in .con_in .con_tx_wrap {padding:20px 10px 30px 10px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .tx {padding:15px 0 0 0; font-size:.813em;}

/**/
#footer .menu_wrap .gnb_wrap .gnb > li .dp1 {padding:1em 1.5em;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 {padding-bottom:1rem;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li {font-size:.938rem;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va {font-size:.813em;}
#footer .link_wrap .link > li > a {font-size:.938rem; margin:0 2em;}
#footer .info_wrap {padding:.3em 0 .3em 0;}
#footer .info_wrap .info > li.copyright {padding-top:0;}

/**/
.aboutteam_in {padding:20px 0;}
.aboutteam_in .aboutteam_t .aboutteam_t_in dd.st {padding-top:0;}
.aboutteam_in .aboutteam_t .aboutteam_t_in dd {padding-left:0;}
.aboutteam_in .aboutteam_t .aboutteam_t_in .txt.pd_st {margin-top:30px;}
.aboutteam_in .aboutteam_t .aboutteam_t_in .txt {width90%; }

.aboutteam_in .aboutteam_i.pd_img01 {padding-top:39px;}
.aboutteam_in .aboutteam_i.pd_img02 {padding-top:63px;}
.aboutteam_in .aboutteam_i.pd_img03 {padding-top:129px;}
.aboutteam_in .aboutteam_i.pd_img04 {padding-top:253px;}
.aboutteam_in .aboutteam_i.pd_img05 {padding-top:153px;}
.aboutteam_in .aboutteam_i.pd_img06 {padding-top:278px;}
.aboutteam_in .aboutteam_i.pd_img07 {padding-top:228px;}

/**/
.graph_w ul {margin-left:-10px;}
.graph_w ul li {width:33.33%; padding:0;}
.graph_w ul li > dl {margin-left:10px;}
.graph_w .mg {margin-top:0;}
.graph_w em.tit_txt {font-size:.750em;}
.greetings_txt {background:none;}
.greetings_txt p {width:inherit; line-height:25px;}
.greetings_name {font-size:.938em; line-height:23px; margin-top:-20px;}
.greetings_txt > li {float:none;}
.greetings_txt > li.left {width:100%;}
.greetings_txt > li.right {display:none;}
.greetings_txt > li .li_in > p {line-height:1.5; font-size:.938em; padding-bottom:10px;}
.greetings_name {}


/**/
.partner ul li div .ti {font-size:1.063em;}

/**/
.SEARCH_W .search_wrap {width:100%;}
.prod_search_wrap .prod_search_con > li {padding-left:0; display:block;}
.prod_search_wrap .prod_search_con > li .con_tit {position:inherit; width:100%; height:45px;}
.prod_search_wrap .prod_search_con > li .inp_wrap.wst1 {min-width:inherit;}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp.wst2 {min-width:inherit; width:48.9%;}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp.wst3 {min-width:inherit; width:100%;}

.prod_search_btn {width:100%; height:40px;}
.prod_cate_wrap {padding:4px;}
.prod_cate_wrap .list > li > button {font-size:.813em;}

/**/
.prod_search_wrap2 .prod_search_con {text-align:inherit; margin-top:1.2em;}
.prod_search_wrap2 .prod_search_con > li {display:block;}
.prod_search_wrap2 .prod_search_con > li .con_tit {font-size:.813em; width:100%; height:35px; position:inherit;}
.prod_search_wrap2 .prod_search_con > li .inp_wrap {padding-left:0;}

.prod_search_wrap2 .prod_search_con > li .inp_wrap .inp.wst2 {min-width:inherit; width:48.9%;}
.prod_search_wrap2 .prod_search_con > li .inp_wrap .inp.wst2.st {min-width:50px;} 
.prod_search_wrap2 .prod_search_con > li .inp_wrap .inp.wst3 {min-width:inherit; width:100%;}
.prod_search_btn2 {min-width:inherit; width:100%;}

.prod_tit_wrap .list > li > button {padding:0; height:50px; font-size:.813em;}
.prod_cate_wrap2 {padding:.5em;}
.prod_cate_wrap2 .list > li {width:20%;}
.prod_cate_wrap2 .list > li > button {font-size:.688em;}

.p_link_w .bn > li .over_tit .in_t {font-size:1.7em;}


}


@media screen and (max-width:768px){
.box1{width:95%; margin:0 auto; position:relative;}
.PC{ display:block !important}
.PHONE_mst{ display:none !important}
.eng_m_st {display:block !important;}
.m_st_pt {margin-top:10px;}

/**/
.main_tit {padding:20px 0;}
.main_tit .tit {font-size:1.6em;}

/**/
#contents .doc {padding:2em 0 5em 0;}


/**/
.mainVisual .img .slogan_wrap {padding-top:100px;}
.mainVisual .img .slogan {padding:30px;}
.mainVisual .img .bg {padding-bottom:90%;}
.mainVisual .img .slogan .t1 {font-size:1.063em;}
.mainVisual .img .slogan .t2 {font-size:.688em; line-height:1.3;}
.mainVisual .img .slogan .line {height:5px; width:5px;}
.mainVisual .flex-control-paging > li > a {width:10px;}
.mainVisual .flex-control-paging > li > a.flex-active {width:40px;}

/**/
#header .logo > a {width:60%;}
#header .eng_m_st {top:30px;}
#header .eng_m_st .eng_m_xi {font-size:.875em;}
#header .eng_m_st .eng_m_tt {font-size:.813em;}

/**/
#scrollAni {display:none;}

/**/
#footer .menu_wrap .gnb_wrap {display:none;}
#footer .link_wrap .link > li > a {margin:0 .5em; font-size:.813rem;}
#footer .link_wrap .va_wrap {height:2.5em;}
#footer .link_wrap .gotop .xi {font-size:13px;}
#footer .info_wrap .info > li {line-height:1.5em; line-height:1.4; font-size:.750rem; margin-right:1.5em;}

/**/
#contents .sub_tit_wrap {display:none;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a {height:2.8em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va {font-size:.625em;}

/**/
#contents .sub_visual_wrap .slogan .t1 {font-size:1.250em; padding-bottom:.3em;}
#contents .sub_visual_wrap .slogan .t2 {font-size:.625em; letter-spacing:.3em;}

/**/
.main01 .bis_ul {overflow:inherit; margin-left:0;}
.main01 .bis_ul .li_in {float:none; width:100%;}
.main01 .bis_ul .li_in .con_in {margin-left:0; height:inherit;}
.main01 .bis_ul .li_in .con_in.m_hest {margin:5px 0;}
.main01 .bis_ul .li_in .con_in .con_im_wrap {display:none;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap {padding:25px 20px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx {padding:15px 0 15px 0;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap {padding:25px 30px 25px 10px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .ti {font-size:1.3em;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx {padding:5px 0; width:70%; font-size:.750em; color:#f9f9f9;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx.m_st {width:90%;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more {display:inline-block; margin-top:10px; font-size:.688em; }
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more .xi {font-size:16px;}	
	
/**/
.main02 .main02_t_w .line {margin:0 auto 20px auto;}
.main02 .main02_t_w .ti {font-size:1.3em;}
.main02 .main02_t_w .main02_more {margin:30px 0; padding:7px 10px; font-size:.750em;}

/**/
.main03 .main03_map_w .main03_con_w {}
.main03 .main03_m_more {display:inline-block; border:1px solid #adadad; padding:5px 10px; font-size:.750em; margin-top:10px; color:#777;}
.main03 .main03_m_more:hover {background:#0072c6; border:none; transition:.3s; color:#fff;}
.main03 .main03_m_more:hover .xi {color:#fff; transition:.3s; }

.main03 .main03_map_w .main03_con_w > li .tt {font-size:.438em; padding:5px 6px; border:2px solid #fff; }


.main03 .main03_map_w .main03_con_w > li.map1 {padding-bottom:60px;}
.main03 .main03_map_w .main03_con_w > li.map2 {padding-right:10px;}
.main03 .main03_map_w .main03_con_w > li.map3  {padding-top:60px;}
.main03 .main03_map_w .main03_con_w > li.map5 {padding-left:30px;}
.main03 .main03_map_w .main03_con_w > li.map6 {padding-left:80px;}
.main03 .main03_map_w .main03_con_w > li.map8 {padding-top:20px;}
.main03 .main03_map_w .main03_con_w > li.map9 {padding-bottom:20px;}

.main03 .main03_map_w .main03_con_w > li.map1 {left:26%; bottom:59%; }
.main03 .main03_map_w .main03_con_w > li.map2 {right:75%; top:33%;}
.main03 .main03_map_w .main03_con_w > li.map3 {left:20%; top:40%;}
.main03 .main03_map_w .main03_con_w > li.map4 {right:51%;}
.main03 .main03_map_w .main03_con_w > li.map5 {left:42%; top:38%;}
.main03 .main03_map_w .main03_con_w > li.map6 {left:30%; bottom:20%;}
.main03 .main03_map_w .main03_con_w > li.map7 {left:33.5%; top:55%;}
.main03 .main03_map_w .main03_con_w > li.map8 {left:23.8%; top:41%;}
.main03 .main03_map_w .main03_con_w > li.map9 {left:19%; bottom:65.4%;}


.main03 .main03_map_w .main03_con_w > li .line {display:none;}


/**/
.customer_w {margin-bottom:20px; height:50px;}
.customer_w .customer_slide .tt {top:7px;}
.customer_w .customer_slide .slides li {height:50px; line-height:50px;}
.main04 {padding-bottom:20px;}
.main04 .custom_ul {margin-left:-5px;}
.main04 .custom_ul .li_in {width:50%;}
.main04 .custom_ul .li_in .con_in {margin-bottom:5px; margin-left:5px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap {padding:10px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .ti {font-size:1.063em;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .tx {font-size:.688em; padding:10px 0 0 0;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .bis_more .xi {font-size:18px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .bis_more.m_st {bottom:-15px;}

/**/
.customer_w .customer_slide .slides li .notice_tit {margin-left:70px; font-size:.750em; width:60%;}
.customer_w .customer_slide .tt span {font-size:.750em; padding:10px;}
.customer_w .customer_slide .slides li .notice_tit .xi {font-size:.938em;}
.customer_w .customer_slide .slides li .notice_date {font-size:.625em; right:60px;}
.customer_w .customer_slide .flex-direction-nav {bottom:12px;}
.customer_w .customer_slide .flex-direction-nav a {width:25px; height:25px;}

/**/
.greetings_tt {font-size:1.125em;}
.greetings_tt .p_f1 {display:block;}
.greetings_txt {padding:15px; margin-top:10px; margin-left:0; background:#f5f5f5;}
.greetings_tt1 {font-size:.750em;}
.greetings_txt p {width:100%; line-height:1.5; display:inline-block; font-size:.875em; color:#222; padding-bottom:20px;}
.greetings_name {font-size:.813em; line-height:23px; width:80%; margin-right:0;}
.greetings_txt p.ceo_mg {padding:0;}

/**/
.sub_tit {font-size:1em;}

/**/
.graph_w ul {padding:10px 5px; margin-left:0;}
.graph_w ul li {width:100%;}
.graph_w ul li > dl {margin-left:0; margin-bottom:10px;}
.graph_w dl dt {font-size:1em;}
.graph_w em.tit_txt {font-size:.688em;}

/**/
.sub_history .tit {padding:10px;}
.sub_history .tit .t1 {font-size:1.3em;}
.sub_history .tit .t2 {font-size:1em;}
.sub_history .con {padding:0 5px;}
.sub_history .con .history > li .year {font-size:1.063em;}
.sub_history .con .history > li .month {font-size:.938em;}
.sub_history .con .history > li .day {font-size:.938em;}
.sub_history .con .history > li .tt {width:90%; padding-left:10px; }

/**/
.TAB_WRAP .tab_ul li {/*width:33.33%*/;}
.TAB_WRAP .tab_ul.eng_st li {width:33.33%;}
.TAB_WRAP.st2 .tab_ul li > a {padding:5px 8px;}
.TAB_WRAP.st2.m_st .tab_ul li > a {padding:5px 10px;}
.TAB_WRAP .tab_ul li > a {font-size:.750em; padding:5px 10px; display:inline-block;  line-height:1.2;}
.TAB_WRAP .tab_ul li.on > a {font-size:.750em;  }
.TAB_WRAP .tab_ul.eng_st li > a {font-size:.625em;}
.TAB_WRAP .tab_ul.eng_st li.on > a  {font-size:.625em;}


/**/
.aboutteam_in .aboutteam_i {float:none; width:100%;}
.aboutteam_in .aboutteam_t {float:none; width:100%; margin:20px 0;}
.aboutteam_in .aboutteam_t .aboutteam_t_in {margin-right:0;}
.aboutteam_in .aboutteam_t .aboutteam_t_in dt {font-size:1.063em;}
.aboutteam_in .aboutteam_t .aboutteam_t_in .txt {line-height:1.5; font-size:.875em; padding:5px; width:inherit;}
.aboutteam_in .aboutteam_t .aboutteam_t_in .tit {padding:5px 0 10px 0; font-size:1.063em;}
.aboutteam_in .aboutteam_t .aboutteam_t_in .txt.pd_st {margin-top:0; padding:5px;}
.aboutteam_w:first-child {margin-top:0;}
.aboutteam_in {padding:0;}

.aboutteam_in .aboutteam_i {padding-top:0; margin-top:30px;}

.aboutteam_in .aboutteam_i.pd_img01 {padding-top:10px;}
.aboutteam_in .aboutteam_i.pd_img02 {padding-top:10px;}
.aboutteam_in .aboutteam_i.pd_img03 {padding-top:10px;}
.aboutteam_in .aboutteam_i.pd_img04 {padding-top:10px;}
.aboutteam_in .aboutteam_i.pd_img05 {padding-top:10px;}
.aboutteam_in .aboutteam_i.pd_img06 {padding-top:10px;}
.aboutteam_in .aboutteam_i.pd_img07 {padding-top:10px;}


/**/
.bs1 {padding:0 10px; font-size:.688em; margin-right:3px;}
.bs1.sub_col4 {margin-left:0;}

/**/
.partner ul li {width:50%;}
.partner ul li div .ti {font-size:.938em;}
.partner ul li div .tx {font-size:.813em;}
.partner ul li div .in_tx {font-size:.688em; width:100%; padding-bottom:5px;}
.partner ul li div .date {font-size:.813em;}

/**/
.fee_plus {margin-top:20px;}

/**/
.border_w {margin-top:0;}
.border_w.m_st {border-right:none; border-bottom:none; border-left:none; padding:1em 0em;}

/**/
.prod_search_wrap .prod_search_con > li .inp_wrap {padding:5px;}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp.wst2 {width:47%;}

.prod_cate_wrap {padding:5px;}
.prod_cate_wrap .list > li {width:33.33%;}
.prod_cate_wrap .list > li > button {font-size:.563em; height:40px;}

/**/
.prod_search_wrap .prod_search_con > li .con_tit {font-size:.813em; height:35px;}
.prod_search_wrap .prod_search_con > li .con_tit .xi {vertical-align:bottom; font-size:1.063em;}


.tb_select li {width:100%;}

.sub_tit p {font-size:.875em;}
.sub_tit p.m_font_st {font-size:.750em;}

.subway_st {padding-top:10px;}
.ttt {display:block; padding:3px 5px 0 5px;}

.aboutteam_in .aboutteam_t .aboutteam_t_in .txt .in_txw {padding-left:.5em;}
.aboutteam_in .aboutteam_t .aboutteam_t_in .txt .in_txw > span {font-size:.875em;}

.TAB_WRAP .tab_ul li.on > a:after {bottom:-14px;}

.history_area .history_lst {margin-left:80px;}
.history_area .history_lst .list {padding:10px 0;}
.history_area .history_lst .list dt {margin:0 0 0 -150px;}
.history_area .history_lst .list dt .year {font-size:1.250em;}
.history_area .history_lst .list dd.first {padding:0; font-size:.750em; line-height:1.3;}
.history_area .history_lst .list dd strong {display:block;}

.prod_search_wrap .prod_search_con > li .inp_wrap .inp {height:30px;}

.prod_search_wrap2 .prod_search_con > li .inp_wrap {padding:5px; border:1px solid #ddd;}
.prod_search_wrap2 .prod_search_con > li .inp_wrap .inp {height:30px;}
.prod_search_wrap2 .prod_search_con > li .inp_wrap .inp.wst2.st {min-width:47%;}
.prod_search_wrap2 .prod_search_con > li .inp_wrap .inp.wst2 {min-width:47%;}

.prod_tit_wrap .list > li {width:50%;}
.prod_tit_wrap .list > li > button {height:35px; padding:0; font-size:.750em;}

.prod_cate_wrap2 {padding:.3em;}
.prod_cate_wrap2 .list > li {width:33.33%;}
.prod_cate_wrap2 .list > li > button {font-size:.563em; height:33px;}

.prod_search_wrap2 .prod_search_con > li .con_tit {height:30px; font-size:.750em;}

.prod_search_btn {height:35px;}
.prod_search_btn .xi  {font-size:16px;}

.prod_search_btn2 {height:35px;}
.prod_search_btn2 .xi {font-size:16px;}

.SEARCH_W.st {margin-bottom:10px;}

.p_link_w .bn > li .over_tit .in_t {font-size:.750em;}
.p_link_w .bn {margin:0 -5px 0 0;}
.p_link_w .bn.sec3 > li {margin-top:0;}
.p_link_w .bn > li .inner {margin:5px 5px 0 0;}

.oraganization_w {padding-top:0;}
.main03.sub_st {margin-top:0;}

.tit_line {margin-left:.5em; height:.5em;}
.tit01 {padding-bottom:.5em; padding-top:1em; font-size:.750em;}

.chartjs-render-monitor {width:300px !important}

.fee_plus .tab > li > a  {padding:.5em; font-size:.750rem;}

.overview_con1 {overflow:inherit;}
.overview_con1 > li {width:100%; float:none;}

/*기술자현황*/
.enging_con {overflow:inherit;}
.enging_con .enging_w {float:none; width:100%;}



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

}
@media all and (orientation:landscape){

}