@charset "utf-8";
/* CSS Document */
/*
#fullpage{ height:1000px !important}
#section0, #section2, #section3, #section4, #section5{ height:1000px !important}
#section1{ height:1050px !important} 
#section6{ height:2000px !important}
#main_visual{ height:1000px !important;}
*/

@media all and (max-width:1640px){
#header .gnb_area .gnb > li .dp1 {dispaly:block; position:relative; padding:0 18px; height:70px; line-height:70px; font-size:1em; color:#fff; font-family:notokrM;}
}

@media all and (max-width:1310px){
#header .gnb_area .gnb{ padding-right:28px;}
#header .gnb_area .gnb > li .dp1 {dispaly:block; position:relative; padding:0 10px; height:70px; line-height:70px; font-size:0.978em; color:#fff; font-family:notokrM;}
#header .gnb_area .logo a{ width:190px;}
#header:hover .gnb_area .logo a{background:url(../images/inc/t_logo.png) no-repeat 0 center; background-size:98%}
}

/*
@media all and (max-width:1200px){
.box1{width:96%; max-width:1200px; margin:0 auto; position:relative;}	
.m_gnb.open{display:block;}
#header .gnb_area .right_menu{display:none;}
#header .gnb_area .gnb{display:none;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l{padding-left:30px; }
.sub2_01top_tit .sub2_01top_bg .sub2_01top_r{padding-right:30px;}

 2_2 
.tit_wrap .pro_tit{margin:20px 0; }
.sub3_1info2_btn.sub3_1info3_btn li{width:60%; margin-bottom:20px;}
.sub3_1info2_in .txt_box{padding:0 40px;}
.sub3_1info2_btn .sub3_1info_phone{width:28%;}
.sub3_1info2_btn .sub3_1info2_in .txt_box dd{padding-top:30px;}


}
*/

@media all and (max-width:1243px){

.box1{width:96%; max-width:1200px; margin:0 auto; position:relative;}
body{font-size:16px;}

.pc_hide{ display:block !important;}
.mobile_hide{ display:none !important;}


#header .ham_menu .logo img{width:133px;}
#header .ham_menu .close{top:20px;}

#header .gnb_area .gnb{display:none;}
.m_gnb.open{display:block;}
#header .gnb_area .right_menu{display:none;}

.sub #contents .lnb_area .gnb .dp2 > li > a{font-size:0.81rem;}

#footer .f_menu_bg{display:none;}
#footer .f_info{padding:25px 0;}
#footer .copy ul li{font-size:12px;}
#footer .f_info .f_logo{position:unset; margin-bottom:15px; display:block;}
#footer .f_info .f_logo img{width:140px; clear:both;}

#footer .f_info .f_info_txt{padding-left:0;}

/* 2_2 */
.tit_wrap .pro_tit{margin:20px 0; }


}



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


.m_gnb.open{display:block;}
#header .gnb_area .right_menu{display:none;}

/*.sub .doc{padding:40px 80px;}*/
.sub .doc{padding:20px 10px;}
.sub .lnb_this_bg{text-align:center;}
.sub .navi{position:static; padding-bottom:20px;}
.sub .sub_con .this_page{padding:25px 0 5px 20px;}

.info3_btn{width:100%;}
.tit_wrap.tit_wrap301{ margin:20px 0; padding-top:20px;}
.sub3_1info_in .sub3_1info_t{ float:left; width:96%;}
.sub3_1info_in .sub3_1info_t .sub3_1info_tin dt{width:100%;}
.sub3_1info_in .sub3_1info_t .sub3_1info_tin{}
.sub3_1info_in .sub3_1info_i{width:96%; text-align:center; margin:0; padding:0;}
.sub3_1info2_btn.sub3_1info3_btn li{width:50%; margin-bottom:20px;}

#footer .f_bottom{display:none;}
#footer .f_info{padding:30px 20px;}
#footer .f_info .f_info_txt li{font-size:10px;}
#footer .f_info .f_info_txt li.copy{font-size:10px; margin-top:10px;}

/* 2_1 */
.sub2_01top_tit{margin-bottom:30px;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_r{width:80%; position:relative; left:78px;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l{width:100%; padding:0 20px; }
.tit_wrap201{margin-bottom:20px; margin-top:40px;}
.sub3_1top_tit:before{width:13px; height:13px;}
.prod_tbl_wrap{overflow:auto;}
.sub3_1info2_btn li{width:49%; margin-bottom:20px; }
.sub2_01prod_info .prod_img li{width:100%; }
.tit_wrap .pro_tit span{padding:10px 30px;}
.sub2_01prod_info .prod_img .prod_img_in .t1{margin-top:20px;}
.tit_wrap .pro_tit{font-size:1.250em !important;}

/* 2_2 */
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l dl{padding:32px 0;}
/* 적용사례 */
.sub3_1info2_btn.sub3_1info3_btn li{width:60%; margin-bottom:20px;}
.sub3_1info2_in .txt_box{padding:0 40px;}
.sub3_1info2_btn .sub3_1info_phone{width:63%;}
.sub3_1info2_btn .sub3_1info2_in .txt_box dd{margin:0; padding:0;}
.sub3_1info2_btn .sub3_1info2_in .txt_box dt{margin:0; padding:0;}



/* 2_4 */
#contents .submenu_wrap .nav .menu_st{padding:0 51px 0 25px;}
.e_prod_list > li{width:50%; }
.e_prod_cha .e_prod_cha_wrap > li{width:50%; margin-bottom:20px;}



/* 2_5 */
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list > li.st{width:100%; }
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list .sub2_4_1list_in{padding-bottom:20px;}

/* 2_6*/
.palce_ul02 > li{width:32.66%;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l .tit{font-size:1.375em;}
.sub_2_6_step{padding:0; display:flex; margin-top:10px; }
.sub_2_6_step li{margin-right:35px; }
.sub_2_6_step li:nth-child(2){margin-right:0;}
.sub_2_6_step li:before{left:-25px;}
.sub_2_6_step .arrow_phone:before{top:16%;}
.sub_2_6_step li.st{margin-right:0;}
.sub_2_6_step_t{margin-top:8px;}

/* 3_1 */
.sub3_1top_tit{margin-bottom:30px;}
.sub2_01prod_info .prod_img img{min-width:428px;}
}