/*
	responsive design CSS 15.05.19
*/


/*---- web ----*/
#jq-wrapper {display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
#footer .tel,.mo_foot,#main_visual .mo_vis,.mo_logo,.mo_menu,.mo_vis,.eq_mo,.mo_laug {display:none;}
#toolbarnav, #navmenu,#acdnmenu,#showmenu {display:none;}

.bo_btn_zone span:first-child {display:none;}

/*--- media query ---*/
@media screen and (max-width:1280px){

}


/*notebook*/
@media screen and (max-width:1024px){
	.wid_1110 {width:94%;}

	.company li,.monit_img li {width:46%; margin:2%;}
	
	.history-wrap .y2009 {margin:350px 0 100px;}
	.history-wrap .y2008 {margin:300px 0 120px;}
	
	.eqi_img {padding:2% 0;}

	.search_in .form-text {width:85%;}
	.search_list ul li {width:30%; margin:1% 1.5% 3%;}

	.lagu_box {width:38%; margin:0 3% 0 27%;}
	.top .top_btn .menu {width:28%;}
}


/*pad*/
@media screen and (max-width:800px){	
	.top h1 {width:50%;}
	.saerch .search__input {margin-left:25%;}
	.lagu_box {margin:0 3% 0 23%;}
	.top .top_btn .menu {width:32%;}
	
	.mo_vis {display:block;}
	.pc_vis {display:none;}

	.site_map .site dl dt {font-size:100%;}
	.site_map .site dl dd {font-weight:normal;}

	.eqi_img li .txt {height:120px;}

	.search_in .form-text {width:83%;}

	.pro_main li  {height:190px;}

	.bo_photo_Type01 li {width:32% !important;}


}


/*mobile landscape */
@media screen and (max-width:600px){
	.top h1 {margin:6% 20% 5% 0; width:60%;}

	.top .top_btn {width:20%;}
	.top .top_btn .saerch {display:none;}
	.top .top_btn .menu span {display:none;}
	.top .top_btn .menu {width:100%; text-align:right; padding:5% 0;}

	#cd-lateral-nav .cd-navigation {margin:20px 0 16px !important; }
	
	.lagu_box {display:none;}
	.mo_laug {display:block; border-bottom:1px solid #ddd;  border-top:1px solid #ddd; margin-top:20%;}
	.mo_laug ul li {float:left; width:49.5%;  text-align:center; }
	.mo_laug ul li:last-child {border-left:1px solid #ddd; }

	.section li .tit {font-size:100%;}
	.section li .sec_btn {font-size:90%;}
	
	.expart .img {width:15%;}
	.expart .txt {width:85%;}
	
	.history-wrap .y2016.on dt span {width:10px; height:10px;}

	.history-wrap {margin-top:3%;}
	.history-wrap > div {margin-bottom:30px; width:100%;}
	.history-wrap:before {left:4px; bottom:0;}
	.history-wrap .y2015,
	.history-wrap .y2013, .history-wrap .y2011, 
	.history-wrap .y2008, .history-wrap .y2001, 
	.history-wrap .y1989, .history-wrap .y1986 {text-align:left;}
	.history-wrap .y2012, .history-wrap .y2009,
	.history-wrap .y2007, .history-wrap .y2000, 
	.history-wrap .y1987 {float:left; }
	.history-wrap .y2012 dl, 
	.history-wrap .y2009 dl, 
	.history-wrap .y2007 dl, 
	.history-wrap .y2000 dl, 
	.history-wrap .y1987 dl {padding-left:0;}
	.history-wrap dt {margin-bottom:0%;}
	.history-wrap dt,.history-wrap dd {padding-left:4%; }
	.history-wrap .y2016.on dt span,
	.history-wrap .y2015 dt span,
	.history-wrap .y2014 dt span,
	.history-wrap .y2013 dt span, 
	.history-wrap .y2012 dt span, 
	.history-wrap .y2009 dt span, 
	.history-wrap .y2007 dt span, 
	.history-wrap .y2000 dt span, 
	.history-wrap .y1987 dt span,
	.history-wrap .y2013 dt span, 
	.history-wrap .y2011 dt span, 
	.history-wrap .y2008 dt span, 
	.history-wrap .y2001 dt span, 
	.history-wrap .y1989 dt span, 
	.history-wrap .y1986 dt span{top:0; left:0; width:10px; height:10px;}
	.history-wrap .y2012 {margin-top:0;}
	.history-wrap .y2011 {margin-top:0;}
	.history-wrap .y1986 {margin-top:0;}
	.history-wrap .y2007 {margin-top:0;}
	.history-wrap .y1987 {margin-top:0;}

	.history-wrap .y2016 dl, .history-wrap .y2014 dl, .history-wrap .y2012 dl, .history-wrap .y2009 dl, .history-wrap .y2007 dl, .history-wrap .y2000 dl, .history-wrap .y1987 dl {padding-left:0;}

	.history-wrap .y2015, .history-wrap .y2014, .history-wrap .y2011, .history-wrap .y2013,
	.history-wrap .y2012, .history-wrap .y2009, .history-wrap .y2008, .history-wrap .y2007, .history-wrap .y2001,
	.history-wrap .y2014,.history-wrap .y2009,.history-wrap .y2008,.history-wrap .y2000 {margin:30px 0;}

	.pro_main li  {float:none; width:100%; margin:3% 0; height:auto;}
	
	.monit_img li,.monit_txt li {width:100%; margin:2% 0;}

	.eqi_img li {margin:0; width:33.33%;}
	.eqi_img li .txt {height:135px; font-size:100%;}

	.search_in .form-text {width:81%;}
	
	
	.bo_photo_Type01 li {width:100% !important; text-align:center; }
	.bo_photo_Type01 li span {text-align:center !important; }

	.site_map {display:none;}
	#footer {border-top:1px solid #ddd;}
	.foot {padding:2% 0;}





}

/*mobile portrait*/
@media screen and (max-width:480px){
	.top {padding:0 0;}
	.top .top_btn {width:17%;}
	.top .top_btn .menu {padding:15% 0;}

	.section li {width:45%;}
	.section li:nth-child(3), .section li:last-child {margin-right:5%;}

	.sub_tit {font-size:130%; font-family:'NanumSquareR';}
	.sub_img1,.sub_img2,.sub_img3,.sub_img4,.sub_img5 {background-size:contain; padding:5% 0;}
	.sub_title h2 {font-size:150%;}
	.sub_title .sub_p {font-size:90%;}
	
	.history-wrap dd {font-size:110%; word-break:keep-all; line-height:140%;}

	.eq_mo {display:block; margin-top:2%;}
	.eqi_img {display:none;}

	.bo_titleForm span.in_allData {margin-bottom:2%;}

	.foot .copy {width:100%; text-align:center; padding-bottom:2%;}
	.foot .sns {width:100px;  margin:0 auto; float:none;}



}

@media screen and (max-width:360px){
	.top .top_btn .menu {padding:23% 0;}

	.left_tbl tr th {width:40%; word-break:break-all;}

	.expart .img {display:none;}
	.expart .txt {width:100%;}
	.plan,.slogan {padding:7% 0;}

	.bo_photo_Type01 li {height:300px !important; }
	
}