@media (max-width:840px){
	.main_layer{ width:85%;position:fixed;left:5%;top:13%;z-index:120;}
}
@media (max-width:640px){

body{font-size: 1.1em;}
.pcmode{display: none;}
.mobilemode{display: block;}
.pc_no_data{display: none;}
.m_no_data{display: table-row;}
#snbPath .lst_snb{display: none;}
#snbPath .select_snb{display: block;}
.btn_pack{min-width:50px;font-size: 1em;}
.btn_pack.left{padding: 5px 50px 5px 10px;}

.table_type1 table thead tr th br{display: block;}
.textareaST1{font-size: 0.8em;}

.btn_more{font-size: 0.8em;}

div.img_layer{ left:0;bottom:3.214em;}
div.img_layer img{ max-width:95%; }
div.img_layer span{ right:-15px;top:5px;}


/*bbs */

.bbsTop .lft{/* display: none; */width: 25%;margin-bottom: 0.5em;}
.bbsTop .lft .selectST1 {width: 95%;}
.bbsTop .rgh{/* float: none;  */width: 75%;text-align: left;}
.bbsTop .inputST1{height: 3.0em;width: 70%; font-size: 0.8em; }
.bbsTop .selectST1{height: 3.0em; font-size: 0.8em;}
.bbs_btnArea{margin-top: 1.5em;}
.bbsViewTop{margin-top: 5%; }
.bbsViewTop p.tit{font-size: 1.250em;}
.bbsViewTop p.txt{font-size: 1em;}
.bbsView article{font-size: 1em;}
.bbs_others{padding: 1em 2%;}
.bbs_others a{font-size: 1em;}

.bbs_thumST1 ul li{ width: 46%;margin-top: 9%;}



#wrap .inBox{ padding: 8% 3.125%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 헤더 */

#header #m_menu{width: 2.5em;  height: 2.5em; top:32%;}
#header #m_menu button{}
.tcon-menu_lines{height:2px;}
.tcon-menu_lines::before, .tcon-menu_lines::after{height:2px;}
#header #m_menu > button .tcon-menu_lines:after{bottom: -1.2em;}
#header #m_menu > button .tcon-menu_lines:before{top: -1.2em;}
.allmenu > .inner > ul > li > strong > span{font-size: 1.125em; }

/* COMMON */

.title1{font-size: 1.648em;  }
.table_type1 table thead tr th,.table_type1 table tbody tr th,.table_type1 table tbody tr td{font-size: 0.8em; }
.table_type1.half table{float: none; width: 100%; border-top: 0; }
.table_type1.half table:first-child{border-top: 1px solid #000;}


/* txt_type */

.txt_type1{color: #007cbc; font-size: 1.520em; font-weight: 500;  margin-bottom: 0.5em; line-height: 1.3em; }
.txt_type2{font-size: 1em; color: #7e7e7e; font-weight:400;  margin-bottom: 1.3em; line-height: 1.5em; }
.txt_type2 strong{color: #333; font-weight: 500;}
.txt_type2 strong.small{font-size: 0.929em;}
.txt_type3{font-weight: 500; font-size: 1.250em;}


/*  tit_box */
.tit_box:after{display:block; clear:both; content:"";}
.tit_box .tit{font-size: 1.250em; margin-bottom: 5%; }



/* lst_type4 */
.lst_type4 ul li {padding-left: 0; }
.lst_type4 ul li span{position: inherit;}

/* lst_type5 */


.lst_type5 >ul >li .text{position: inherit; top: inherit; }
.lst_type5 >ul >li >p{padding-left: 0; }
.lst_type5 >ul >li .lst_type4{padding-top: 0; }


/* lst_tab */
.lst_tab.n6 ul{margin-left: -2%; margin-top: -2%; }
.lst_tab.n6 ul li{width: 31.3%; margin-left: 2%; margin-top: 2%;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lst_tab.n6 ul li a{border: 2px solid #018ee5; padding: 0.6em 1%; background-color: #018ee5; color: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.lst_tab.n6 ul li.on a{ background-color: #fff; color: #018ee5; 	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* 메인 비주얼 */
#main_visual{display: none;}
#main_visual_m{display: block;}
.lst_visual .bx-wrapper .bx-pager.bx-default-pager a {width: 0.8em; height: 0.8em;}

/* 메인 컨텐츠 */
#m_contents .inner{padding: 7% 5%;}

.tb_phil td{display: block; text-align: center;}
.tb_phil td .img{max-width: 80%; margin:0 auto;}
.tb_phil td .arti{padding-left: 0; padding-top: 2%;  text-align: left; }

/* 메인커텐츠 : BUSINESS INFO */

#m_contents #business_info .inBox{margin: 0 auto; }
#m_contents #business_info .flex{display: block}
#m_contents #business_info .busiBox.contact{margin-left: 0}

#m_contents #business_info{background: #fff ;}
#m_contents #business_info .busiBox{float: none;width: 100%;margin: 0 auto; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;		}
#m_contents #business_info .busiBox.cosmetics{float: none; margin-left:auto;}
#m_contents #business_info .busiBox .img{margin-bottom: 5%; }

#m_contents #business_info .busiBox .tit{font-size: 1.950em; }
#m_contents #business_info .busiBox .txt{font-size: 1em;}
#m_contents #business_info .busiBox .bx_inner .rolling .bx-controls-direction{top: 60%; }


#rndCenter .rndHeader{background:url("/images/main/bg_rndCenter_m.jpg") 0 0 no-repeat; background-size:100% 100%;}
#rndCenter .rndHeader dl dt{font-size: 2em; }
#rndCenter .rndHeader dl dd{font-size: 1.250em;}

#rndCenter .rndHeader dl dd .btn_learn_more{    padding: 0.7em 2em;}
#rndCenter .rndArti .lst_rnd ul li a strong.ti{font-size: 1.250em;}
#rndCenter .rndArti .lst_rnd ul li.rn1 a{background-size:35%;    }
#rndCenter .rndArti .lst_rnd ul li.rn2 a{background-size:35%;    }
#rndCenter .rndArti .lst_rnd ul li.rn3 a{background-size:35%;    }
#rndCenter .rndArti .lst_rnd ul li a span.txt {display: none; }




#prNrecruit .rgh .rgh_top{width: 100%; float:none; }
#prNrecruit .rgh .rgh_bot{width: 100%; float: none; margin-top: 1em;   }
#prNrecruit .reportNews .lst_news ul li .img{width: 40%;  float: left;}
#prNrecruit .reportNews .lst_news ul li .news_cont{float: left; width: 55%;  margin-left: 2%; margin-top:  0; }
#prNrecruit .reportNews .lst_news ul li .news_cont .txt{width: 100%;  }
#prNrecruit .reportNews .lst_news ul li .news_cont .tit{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
#prNrecruit .reportNews .lst_news ul li .date {border-top: 0; padding-top: 0;  margin-top: 0.5em	; }

/* 2.기업문화 : 경영철학 */

.lst_busi_info ul li{float: none; width: 100%; margin-top: 3%; text-align: center;    }
.lst_busi_info ul li:first-child{margin-top: 0; }
.img_busi_info {margin: 2em 0;}
.img_busi_info img{max-width: 60%; }

/* 1.회사소개 : 인사말 */
#ceo .txt_box{float: none;width: 100%;}
#ceo .photo_box{float: none;width: 100%;max-width: 400px;margin: 0 auto 1em auto;}


/* 1.회사소개 : CI */
.lst_dont_use ul{display: -webkit-flex; display:-ms-flexbox; display: flex;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.lst_dont_use ul li{width: 32.3%; }

/* 1.회사소개 : 오시는 길 */

.tb_loca table tbody>tr>th,.tb_loca table tbody>tr>td{display: block; }
.tb_loca table tbody>tr>td dl dd{margin-top: 1em; }
.tb_loca table tbody>tr>td dl dd:first-child{margin-top: 0; }
.tb_loca table tbody>tr>td dl dd strong{position: inherit; left:inherit;}
.tb_loca table tbody>tr>td dl dd p{padding-left: 0;}
.tb_loca table tbody>tr>td {padding: 1em 0;}


/* magnet */
.magnet{display: none; }

#contentsArea >.inner{padding:7% 4%;}

/* 푸터 */
#footer .footer_inner {padding:1em 5%;}
#footer .comp_info .add >ul > li .dt_info{margin-left:0;}
#footer .comp_info .add{width:auto; font-weight: 300}
#footer .comp_info .add >ul >li >span{display: block;}
#footer .comp_info .add ul:after{display: block;clear: both;content: "";}
#footer .comp_info .add >ul >li{margin-top: 1em; }
/* #footer .comp_info .add ul li:first-child{margin-top: 0;  width: 64%;} */


#footer  p.copyright{font-size: 0.85em;}
#footer .copyright .inBox{font-weight: 300}
#footer .copyright .inBox strong{font-weight: 400}




/* 서브 레이아웃 */

#snbPath .lst_snb > ul > li.home,#snbPath .lst_snb > ul > li.selected_menu, #snbPath .lst_snb > ul > li{padding: 8px 0.5em 8px 1.5em;}
#snbPath .lst_snb > ul > li{font-size: 0.920em;}
#snbPath .lst_snb > ul > li .d_menu{top: 1.95em;}
#snb{display: none;}
#path .title{display: none;}
#path{padding-bottom: 3%; }
#path .pg_tit{font-size: 1.5em;}
#sub_visual{height: auto;}
#sub_visual .pc{display:none;}
#sub_visual .mobile{display: block;}

/*컨텐츠*/
#contentsArea .inner .ct_article{min-height:20em;}


/*  사외보 콜마사랑 */
#kolmarlove .bbs_thumST1 ul li{width: 30%; }

/* 사업장 */
.place_f{margin-left: 0}
.place_f > div{width: 100%; margin-left: 0; float: none; margin-top: 15%}
.place_f > div:first-child{margin-top:0}

.tit_box.gongsi  .tit{color:#333; font-weight:bold; font-size:1.25em;}
.tit_box.gongsi .gongsicon{color:#7e7e7e; font-size:0.875em; font-weight:400; line-height:1.5em; margin-bottom:1.875em;}
.tit_box.gongsi .btn_gongsi {width:100%; text-align:center;}
.tit_box.gongsi .btn_gongsi a{display:inline-block; width:49%; height:5.626em; line-height:2.3em;  background-color:#f7f7f7; border:1px solid #dfdfdf; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.tit_box.gongsi .btn_gongsi em{font-size:0.875em; color:#9a9a9a; margin-right:0; }
.tit_box.gongsi .btn_gongsi span{display:block; color:#007cbc; font-size:0.813em; background:url(/images/ir/icon_down.png) 11em center no-repeat ; }




}/* 640px*/


@media (max-width:590px){

#m_contents .m_busi .lst_busi ul li p{font-size: 0.8em;}

}

@media (max-width:520px){

body{font-size: 1em;}


}
@media (max-width:480px){
	
	#rndCenter .rndArti .lst_rnd ul li a strong.ti{font-size: 1em;}
}
@media (max-width:460px){
 body{font-size:0.900em; }
 #header #m_menu > button .tcon-menu_lines{height:3px;}
#header #m_menu{height: 2.375em;top: 30%;}
.tcon-menu_lines{height:3px;}
.tcon-menu_lines::before, .tcon-menu_lines::after{height:3px;}
#header #m_menu > button .tcon-menu_lines:before, #header #m_menu > button .tcon-menu_lines:after{height: 3px;}



}/* 460px*/

@media (max-width:420px){
    body{font-size:0.8em; }
	#m_contents .m_Rbanner a{padding-bottom: 8.5em;}
	#m_contents .lst_quick ul li a{padding: 1em 0;}



/* 게시판 글쓰기 */
tr.tbody.write th,tr.tbody.write td{line-height: 2.5em; padding: 0 1em;}

}/* 420px*/