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


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


}

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

#header .gnb_wrap .gnb > li .dp1{padding:0 .8em;}
#header .gnb_wrap .gnb > li .dp1 .va{font-size:1.2em;}
#header .gnb_wrap .gnb > li .dp1 {min-width:5em;}

.img_quick_wrap {display:none;}


}

@media screen and (max-width:1430px){
#header .gnb_wrap .gnb > li .dp1{padding:0 .5em;}
#header .gnb_wrap .gnb > li .dp1 .va{font-size:1em;}
#header .etc > li > a{width:2.5em;}
}

@media screen and (max-width:1330px){
#header .gnb_wrap .gnb > li .dp1{padding:0; min-width:6.5em;}
#header .gnb_wrap .gnb > li .dp1 .va{font-size:.9em;}
#header .all_wrap .allBtn{margin-left:0;}
}

@media screen and (max-width:1200px){
#header .gnb_wrap .gnb > li .dp1 {padding:0; min-width:5em;}	
#header .gnb_wrap .gnb > li .dp1 .va{font-size:.9em;}
#header .logo{width:20%;}
#header .all_wrap .allBtn{width:3.5em;}



.list_down li{width:25%;}
}

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

.facility_list li{width:25%;}


}



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

/**/
#header .gnb_wrap {display:none;}
#header .logo {width:28%;}
#header .logo img {max-width:45%;}

/**/
#footer .info_wrap {padding:2em 0;}
#footer .info_wrap .info > li {margin-right:2em;}

#footer .menu_wrap {display:none;}

/**/
#contents .sub_visual_wrap .va_wrap {height:15em;}
#contents .sub_visual_wrap .slogan .tit {font-size:1.8em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li {max-width:16%;}
#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:.938em;}

/**/
.mainVisual .img .slogan_wrap{left:6em; top:0;}
.mainVisual .img .slogan .t1{font-size:2.3em;}
.mainVisual .img .slogan .t2{font-size:1em;}

/*main01*/
.main01 {margin:2em 0 5em 0;}
.main01 .main01_bisw .main_bisul .main_bisli .main_bis_in .t_w .line {width:140px;}

/*main03*/
.main03 .main03_in {padding:2em 0;}
.main03 .result_tab {margin:0 auto 20px;}
.main03 .result_box .tt {position:inherit; right:inherit; top:inherit; width:inherit; padding-bottom:20px;}
.main03 .result_box .img {width:100%;}
.main03 .result_box .txt {position:inherit; width:100%; right:0; bottom:0;}
.main03 .result_box .txt .in_box {padding:30px;}
.main03 .result_box .txt .in_box .line {margin:1em 0;}
.main03 .result_box .txt .slick-dots {left:50%; bottom:-50px; top:inherit;}

/*main04*/
.main04 .custom_ul .li_in {width:50%;}
.main04 .custom_ul .li_in .con_in {margin-bottom:10px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap {padding:15px;}
.main04 .custom_ul .li_in .con_in .con_im_wrap .con_img img {width:100% !important;}

/*sub_ti*/
.sub_tit_wrap .tit {font-size:1.250em;}

/*1_2*/
.sub_history_wrap {padding-left:100px;}

/*1_4*/
.root_daum_roughmap {width:100% !important; padding:0 !important; border:none !important;}

/*제품view*/
.page_viewWrap .slider_for {width:75%;}

.page_viewWrap .slider_for .item .img_wrap .resize img {width:100%;}
.page_viewWrap .slider_nav .item .img_wrap .resize img {width:100%;}


}

@media screen and (max-width:1000px){
.mainVisual .img .slogan_wrap{padding-top:155px;}
#scrollAni{ display:none;}
}

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

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

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

@media screen and (max-width:768px){
.box1{width:95%; margin:0 auto; position:relative;}

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

/**/
.quick_tel{ right:1em; bottom:1em; left:inherit;}
.quick_tel .icon{ position:relative; display:block; left:auto; top:auto; background:#0081c4}
.quick_tel .go_btn.c1{ display:none}
.quick_tel .cs{ font-size:.750rem; width:120px; display:none}
.quick_tel .line{ height:2px}
.quick_tel .kakao{ margin-top:.4em;}
.quick_tel .kakao .icon{ background:#FBE300; color:#3B1E1E;}

/**/
#header {background:#f8f8f8;}
#header .logo {width:32%;}
#header .menu_wrap {margin-right:0;}
#header .etc > li > a {width:2.5em;}
#header .m_btn {width:2.5em;}

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

/**/
#contents .doc {padding:1em 0 3em 0;}
#contents .sub_tit {padding:1em 0;}
#contents .sub_tit .tit {font-size:1.3em;}
#contents .sub_visual_wrap .va_wrap {height:11em; margin-top:3em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb {display:none;}
#contents .sub_visual_wrap .slogan {padding-top:4em;}
#contents .sub_visual_wrap .slogan .tit {font-size:1.250em;}
#contents .sub_visual_wrap .slogan .sec {margin:.8em auto;}
#contents .sub_visual_wrap .slogan .nav {font-size:.625em;}



.main_nav .nav {display:none;}
/*
.mainVisual_wrap, .mainVisual .img .in {height:30em;}
.mainVisual .img .bg {height:300px; background-position:center center; transform:inherit !important; transition:!important; transition-delay:inherit !important;}
*/
.mainVisual_wrap, .mainVisual .img .in {height:40em;}
.mainVisual .img .bg {background-attachment:inherit; background-position:center center;}
.mainVisual .img .slogan_wrap {padding-top:120px; left:1em;}
.mainVisual .img .slogan .t1 {font-size:2em;}
.mainVisual .img .slogan .t2 {font-size:1em; line-height:1.5;}
.mainVisual .flex-control-paging {left:0; top:27em;}

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

/**/
.main01 {margin:1em 0 2em 0;}
.main01 .main01_bisw .main_bisul {margin-left:-5px;}
.main01 .main01_bisw .main_bisul .main_bisli {float:none; width:100%;}
.main01 .main01_bisw .main_bisul .main_bisli .main_bis_in {margin-left:5px;}
.main01 .main01_bisw .main_bisul .main_bisli .main_bis_in .t_w .ko {font-size:1.3em;}
.main01 .main01_bisw .main_bisul .main_bisli .main_bis_in .b_w {padding:.3em;}
.main01 .main01_bisw .main_bisul .main_bisli .main_bis_in .b_w .more_btn > a {font-size:.938em;}

/**/
.main02 {padding:1em 0; margin-bottom:2em;}
.main02 .main02_t_w {padding-top:0;}
.main02 .main02_t_w .line {margin:20px auto 10px auto;}
.main02 .main02_t_w .ti {font-size:.938em;}
.main02 .main02_t_w .tx { padding:20px 0; font-size:1em;}
.main02 .main02_t_w .main02_more{margin-bottom:10px; padding:7px 20px;}

/**/
.main03 .main03_in:before {top:-10px;}
.main03 .result_box {padding:20px;}
.main03 .result_box .tt {font-size:1.3em;}
.main03 .result_tab {width:100%;}
.main03 .result_tab li {font-size:.688em;}


.main03 .result_box .txt .in_box {padding:25px;}
.main03 .result_box .txt .in_box .title {font-size:1.063em;}
.main03 .result_box .txt .in_box dl {padding:7px 0 7px 80px;}
.main03 .result_box .txt .in_box dl .ti {font-size:.875em;}
.main03 .result_box .txt .in_box dl .tx {font-size:.875em;}
.main03 .result_box .txt .slick-dots {left:45%;}

/**/
.main04 {padding:0; margin:0; margin-top:2em;}
.main04 .con_wrap {margin:20px 0;}
.main04 .con_wrap .client_ul {margin-left:-5px;}
.main04 .con_wrap .client_ul li {width:33.33%;}
.main04 .con_wrap .client_ul li .client_in {margin-left:5px; margin-bottom:5px;}
.main04 .main04_btn_w {width:100%;}

.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 {padding:5px 10px 0 0;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .tx br {display:none;}

/**/
.customer_w {height:50px;}
.customer_w .customer_slide .tt {display:none;}
.customer_w .customer_slide .slides li {height:50px; line-height:50px;}
.customer_w .customer_slide .slides li .notice_tit {margin-left:10px; font-size:.813em; width:60%;}
.customer_w .customer_slide .slides li .notice_date {font-size:.5em; right:50px;}
.customer_w .customer_slide .flex-direction-nav {bottom:15px;}
.customer_w .customer_slide .flex-direction-nav .flex-prev {background-size:40%;}
.customer_w .customer_slide .flex-direction-nav .flex-next {background-size:40%;}
.customer_w .customer_slide .flex-direction-nav a {width:20px; height:20px;}

/**/
.main05 {padding-bottom:0;}
.main05 .custom_ul .li_in {width:50%;}
.main05 .custom_ul .li_in .con_in {margin-bottom:5px;}
.main05 .custom_ul .li_in .con_in .con_tx_wrap {padding:15px;}
.main05 .custom_ul .li_in .con_in .con_tx_wrap .tx {font-size:.750em;}
.main05 .custom_ul .li_in .con_in .con_tx_wrap .ti {font-size:1em;}

/**/
.sub_page_ti {font-size:1.313em;}

.sub_tit_wrap .tit {font-size:1.063em; padding-left:34px;}

/**/
.sub_pro_tw .tx {line-height:1.7; font-size:.938em;}
.sub_pro_tw .tx:before {top:10px;}

/**/
.sub_history_tit {padding:20px 0 20px 20px; background-size:100% 100%;} 
.sub_history_tit .t1 {font-size:1.5em; padding-right:20px;}
.sub_history_tit .t2 {margin-top:5px;}
.sub_history_wrap {padding-left:55px;}
.sub_history_wrap .sub_history_line {top:-20px;}
.sub_history_wrap .sub_history > li {margin-top:20px;}
.sub_history_wrap .sub_history > li .history {padding:0;}
.sub_history_wrap .sub_history > li .history .year {font-size:1.3em;}
.sub_history_wrap .sub_history > li .history .list {margin-top:10px;}
.sub_history_wrap .sub_history > li .history .list .tt {margin-bottom:10px; font-size:.938em;}
span.month {margin:0 10px 0 5px;}
.sub_history_wrap .sub_history > li .history:before {left:-26px; top:7px;}

/**/
.greetings_top_w .tx {font-size:.875em; line-height:1.3;}
.greetings_bot_w .greetings_ul {overflow:inherit;}
.greetings_bot_w .greetings_ul > li {float:none;}
.greetings_bot_w .greetings_ul > li.left {width:100%;}
.greetings_bot_w .greetings_ul > li.right {width:100%;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx {letter-spacing:inherit; font-size:.875em; padding-bottom:1em;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t1 {padding-bottom:1em; font-size:1.2em; }
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t2 {padding-bottom:0;}
.greetings_bot_w .greetings_ul > li .greetings_in .sign {padding-bottom:.5em;}
.greetings_bot_w .greetings_ul > li.right .greetings_in {margin-left:0;}
.greetings_bot_w .greetings_ul > li.right .greetings_in .im img {width:100%;}

.greetings_top_w {padding:.6em;}
.greetings_top_w.st2 .tx2 {font-size:.813em;}

/**/
.table_st.location_st th {font-size:.813em;}
.table_st.location_st td {font-size:.813em;}

.root_daum_roughmap {height:200px !important;}

/*제품*/
.prod_wrap .prod {margin:0 -10px -10px 0;}
.prod_wrap .prod > li {width:50%;}
.prod_wrap .prod > li .in {margin:0 10px 10px 0;}
.prod_wrap .prod > li .in .tit_wrap .tit {font-size:.938em;}

.page_viewWrap {overflow:inherit;}
.page_viewWrap .slider_for {float:none; width:100%;}
.page_viewWrap .page_viewB {float:none; width:100%;}

/**/
.sub_agree_wrap {margin-top:0; font-size:.750em; line-height:1.5; padding:20px;}
.sub_agree_wrap .cont {height:90px;}

/**/
.page_viewWrap .control_arrow {display:none;}

.page_viewWrap .slider_for .item .img_wrap .resize img {width:100%;}
.page_viewWrap .slider_nav .item .img_wrap .resize img {width:100%;}
.sub4_tab {padding:.4em;}
.sub4_tab .list > li {width:33.33% !important;}
.sub4_tab .list > li > a {font-size:.813em;}


}

@media screen and (max-width:610px){
.mainVisual .img .slogan .t2{font-size:.9em;}

}

@media screen and (max-width:500px){
/**/
#header .logo{width:45%;}

}

@media screen and (max-width:460px){
/**/
.mainVisual .img .slogan .t1{font-size:1.5em;}

/**/
#footer .link_wrap .gotop {width:2em;}
#footer .link_wrap .link > li > a {margin:0 .8em;}

}

@media screen and (max-width:360px){
#header .logo{width:50%;}
#footer .link_wrap .link > li > a  {font-size:.625rem;}
.main04 .custom_ul .li_in {width:100%;}
}

@media screen and (max-width:320px){
.main03 .result_box {padding:10px 10px 75px 10px;}
.main03 .result_box .txt .in_box {padding:15px;}
.main03 .result_box .txt .in_box dl {padding:10px 0 10px 0;}
.main03 .result_box .txt .in_box dl .ti {position:inherit; left:inherit; top:inherit;}
	
}



@media all and (orientation:landscape){

}