/***************************************/
/* MEDIAQUERIES */
/***************************************/
@media screen and (min-width: 2000px){
	.v_img{width:100%;}
}
@media screen and (max-width: 1370px){
	#snb_box .snb a {
		font-size:13px;
		padding: 19px 9px;
	}
	#navigation {
		display: none;
	}
}
@media screen and (max-width: 1200px){
	/*메인페이지*/
	.slides_text{right:initial;left:5%;margin-top: 10%;}
	.slides_text > div h2{}
	.slides_text > div p{}

	#subsidiary {display:none;}
	.full_wrap{padding-bottom:0;}
	.sub_bg_wh{margin-bottom:0;}
	/***************************************/
	/* SUB */
	/***************************************/
	/******01-01 ceo인사말*****/
	.ceo_top {width: 100%;}
	/******01-02 회사연혁*****/
	.h_left h5:before,.h_left h5:after{display:none;}
	/******01-03 기술현황*****/
	.cert ul{}
	/******01-03 경영이념및사훈*****/
	#sub_page .vs_top > ul > li > img{width:100%;}
	.vs_txt {width: 100%;}
	.fac01{margin-bottom: 30px;padding: 20px 0 30px;}
	/******01-05 찾아오시는 길*****/
	.map_area > div > div{width:30%;}
	.map_area > div > div.loc_sourc{width:70%;}
	.root_daum_roughmap{width:100% !important;}
	/******03-02 CI 소개*****/
	.sub0302 p{text-align:center;}
	.logo_box img{width: 77%;}
	.citop_left{float: inherit;width: 50%;max-width: 383px;margin: 0 auto;}
	.citop_right{float: inherit;width: 100%;padding-top: 10px;}
	/******03-04 생산능력*****/
	.fac01 > div img{width:98%;}
	.factory h4 {padding: 0 0 25px;}
	.ag_tit p {padding-left: 40%;}
	/******05-01 인사제도*****/
	/*05-01-01 조직도*/
	#retab-1 img {width: 100%;max-width: 939px;}
	/*05-01-04 복리후생*/
	#retab-4 {background:none;}
	/***************입사지원***************/
	/*05-04-01 입사지원동의*/
	.priv_cont {width: 98%;margin: 0 auto;}		
	/*05-04-02 지원서작성*/
	#sub_page.recruit_wr #table_ad tr td{width:15%;}
	#sub_page.recruit_wr #table_ad input{box-sizing: border-box;height: 30px;}
	#sub_page.recruit_wr #table_ad colgroup col{width:16.66%;}
	.rb02 table.per_info th:first-child{width:25%;}
	#sub_page table.per_info select{width: 100px;}
	.rb02 table.per_info td.edu_select01{width:40%;}
	/*01-06 개인정보취급방침*/
	#sub_page.Agreement h1{padding-top: 0;}
}
@media screen and (max-width: 1190px){
	#snb_box .snb a {
		font-size:12px;
		padding: 19px 9px;
	}
	#slideshow_container{min-width:auto;width:100%;}
	.slides > img {width:100%;height: 100%}
	#slideshow {width: 100%; min-width:auto;}
}
@media screen and (max-width: 1110px){
	.wrap {
		width: auto;
		max-width: 96%;
	}
	.wrap.sub_bg_wh{max-width: inherit;}

	/*메인콘텐츠*/
	ul.cb_box{width: 708px;}
	
	span.point_line{
		width: 64% !important;
	}
	.table_resp table {
		width: 100%;
		min-width: 1000px;
	}
	.table_resp {
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}

	.overlay ul.overlay_inner {
		display: block;
		position: relative;
		text-align: center;
		list-style: none;
		padding: 0;
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.op_icon2 {
		top: 0;
		left: 33.5%;
	}

	.nav-active {opacity: 1;visibility: visible;height: 100%;}
	#sidebar {height: 55px;overflow:hidden;width: 100%;left: 0;margin-left: 0;}
	.sub_title{width: 100%;min-width: inherit;}
	.sub_bg_wh .sub_title{font-size: 13px;}
	.sub_background #sub_page .wrap{width:100%;max-width: inherit;}
	#snb_box .snb a {padding: 19px 15px;}
	#snb_box .snb a.over::after {display:none;}
	#snb_box .snb a.over {color: #ff4100;border-bottom: 2px solid #ff4100;}

	.touchscroll {overflow: hidden;clear: both;float: left;width: 100%;}
	.touchscroll::-webkit-scrollbar {width: 0 !important;}
	.touchscroll ul {width: 2000px;float: left;}
	.touchscroll ul li {float: left;}	

	/*제품검색*/
	.ico-select{display: block;padding-bottom: 10px;}
	.select-box .button{display: block;margin:0 auto;}
	.select-box .srch-select {display: block;margin-bottom:10px;}
}









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






	.overlay_img {display:none;}
	/*메인페이지*/
	#hd{height: 60px;}
	.hd_menu{height: 60px;}
	.logo{padding: 3px 0 0;}
	.right_menu span.all_menu, #langquge_box{margin-top: 11px;}

	/***************************************/
	/* SUB 1000*/
	/***************************************/
	/******01-01 CEO인사말*****/
	.ceo_btm ul {position: inherit;margin: 0 auto;top: 0;left: 0;width: auto;;background: none;}
	.ceo_btm ul li {padding:0;width: 33.33%;text-align: center;}
	.ceo_btm ul li:before{display: none;}
	.ceo_btm ul li img{width: 190px;}
	.ceo_bg{display: none;}
	.dia_txt {top: 60px;width: 100%;}
	/******01-02 회사연혁*****/
	.h_left {padding-right: 20px;}
	.h_rht {padding-left: 20px;}
	/******01-03 기술현황*****/
	.cert ul li{height:auto;}
	.cert ul li a{min-height: 250px;}
	/******01-05 찾아오시는길*****/
	.loc_info {height: 305px;padding: 25px;}
	#sub_page .linfo_top span{padding: 15px 0 20px;}
	#sub_page .linfo_top span:before{top: 72px;}
	#sub_page .root_daum_roughmap .wrap_map{height:305px !important;}
	/******03-01 홍보동영상*****/
	.pv_yt div {width: 100%;}	
	/******05-01 인사제도*****/
	.retabs-inner {width: 100%;}
	#sub_page .retabs-content h4,.pos h4 {width: 98%;padding: 0 0 40px;}
	#sub_page .retabs-content h4:before{left: -10px;}
	#sub_page .retabs-content h4:after{right:-10px;}
	/*05-01-02 인재상*/
	#retab-3 > p {margin: 25px auto 10px;padding: 5px 45px;}
	#retab-3 ul li div {height: 325px;}	
	/*05-01-03 인재육성*/
	#retab-2 ul li{padding-top:10px;}
	#retab-2 ul li img {width:100px;padding-top:0;}
	#retab-2 ul li p {width: 185px;padding:37px 0 0 20px;font-weight: 600;line-height: 20px;text-align: left;}
	#retab-2 dl {float: left;width:95%;padding:2%;}
	#retab-2 dl:before,#retab-2 dl:after{display:none;}
	#retab-2 ul li.re02_01 dl,#retab-2 ul li.re02_02 dl,#retab-2 ul li.re02_03 dl {margin-top:10px;}
	/*05-01-04 복리후생*/
	#retab-4 > p {margin: 25px auto 10px;padding: 5px 45px;}
	#retab-4 ul li div {height: 325px;}	
	/******05-02 직무소개*****/
	.pos ul li {width: 50%;}
	/*******03제품소개******/
	ul.sct.sct_10 li {width: 22.5% !important;}

}

@media screen and (max-width: 990px){
.sub0301_txt {
    font-size: 21px;
    line-height: 33px;
	}
}

@media screen and (max-width: 980px){
	#mb_login {background-size: 30%;}
}

@media screen and (max-width: 959px){
	.sub0302_list li {
		text-align: center;
		float: left;
		width: 33.3%;
		margin-bottom: 7%;
	}
	.wrap { width: auto;}
	#header_inner { width: auto; }
	#util h1 img {width:40%;}
	#util .gnb {display:none;}
	#btn_menu {left: 1%;position: absolute;top: 2%;z-index: 99;padding: 10px;border-radius: 6px;}
	#btn_menu span{background: url('../shop/img/mobile/icon_menu.png') center top no-repeat; display: block; position: relative; height: 48px; width:48px;}
	#ft p {font-size: 0.9em;font-weight: 400;}
	/*메인페이지*/
	.slides_text{margin-top: 5%;}
	.slides_text p {font-size: 17px;color:#fff;}
	.slides_text h2, .slides_text h2 span {font-size: 33px;}
	.slides_text h3 {font-size: 33px;}
	
	 /* MENU */
	 .overlay_inner > li {float: left;width: 33%;margin-bottom: 50px;}
	#sub_middle {padding: 0%;margin-top: 100px;min-height: 520px;}	

	/****** main ******/
	.epi_tx .btn_left, .epi_tx .btn_right {width: 7.5%; padding: 4% 0;}
	.movie .epi_tx div {margin-right: 2%;}
	.movie .epi_tx, .movie .epi_movie, .Mbanner img {width:100%;}
	.epi_tx span, .block p {display:none;}
	.upo_sns {padding: 5%;}
	.epi_tx h3 {font-size: 2.2em;}
	ul.rm_tabmenu li:hover, ul.rm_tabmenu li.active, .epi_tx p, ul.rm_tabmenu li, ul.new_tabmenu li {font-size: 1.1em;}
	.story_right div:first-child {margin-top: 20px;}


	/****** board ******/
	/* tr.bo_notice, #bo_list .td_num, td.td_date, .bo_fx {display:none;} */
	td.td_subject a {font-weight: 600;color: #000;}
	.tbl_head01 td {padding-left: 15px;}
	.subject_date {display: none;}

	/****** webzine ******/
	li.js_info {display:none;}
	input#stx {width: 25%;}
	

	/****** member ******/
	ul.join_step, ul.join_step02, ul.join_step03 {display:none;}
	#fregister_private .tbl_head01 td {background:none;}
	#fregister .fregister_agree { text-align: right;margin-bottom: 10%;margin-top: 3%;}
	.frm_input {width: 100%;}
	.tbl_head01 thead th {/* width:33.3%; */}
	#mb_login h1 {font-size: 3em;position: relative;top: 0;left: 0;padding-bottom: 5%;border-bottom: 2px solid #eb5d1f;margin-bottom: 6%;}	
	#mb_login #login_info a.btn_main {display:none;}
	#mb_login #login_fs .btn_submit {position: relative;top: 0;right: 0;height: 50px;width: 100%;background: #eb5d1f;margin: 3% 0;}
	#mb_login h1 span {display: inline-block;margin-left: 2%;}
	#mb_login #login_fs .frm_input {width: 87%;padding: 0 6%;}
	.result_end {background: #f5f6fa url(../shop/img/sub/ch01.png) no-repeat center 20%;border: 1px solid #d7d7d7;border-radius: 10px;margin-top: 0;padding: 30% 5% 5% 5%;}
	ul.join_step {background-size: 100%;}
	#reg_result {padding: 0;}
	fieldset.confirm_idpw div {width:100%;text-align: left;}
	fieldset.confirm_idpw div:first-child {padding-bottom:7px;}
	fieldset.confirm_idpw div input#confirm_mb_password {width:40%;}
	#mb_confirm {width: 62%;}


	/***** sub ******/
	#sub_middle {
		margin-top: 100px;
		min-height: 520px;
	}
	.company img, .studio img {width:100%;}
	.privateD {border: 1px solid #e1e1e1;background: #f5f5f5;padding: 3%;}
	.privateD p {font-size: 1.1em;}
	


	/***** shop *****/
	#sod_list .td_mn, .tbl_head02 .td_mn {display:none;}
	#sct {padding: 0;}
	#sit_opt_added li input#ct_qty_11 {width:35%;}
	#smb_my_ov dl {width: 100%;}
	#smb_my_ov dt {width:20%;}
	#smb_my_ov dd {width:72%;}
	.td_numbig, .td_numbig, .td_dvr {/* display:none;} */}
	.td_shop_num {text-align: center;}
	.tbl_head01 thead th {padding: 2.2% 0;}
	ul.sct.sct_10, .sct_10 .sct_a, .sct_10 .sct_img img {width: 100%; height:auto;}
	.sct_10 .sct_li {width: 48% !important;}

	#memo_list .tbl_head01 thead th, #smb_my_od .tbl_head01 thead th {width:0;}
	#mb_confirm .frm_input {width:70%;}
	.sct_10 .sct_clear {margin: 0 2% 0 0}
	#ssch_sort {padding: 1%;}
	.sod_option_btn .mod_options {width: 60%;margin-top: 3%;}
	#sod_bsk .tbl_head01 thead th {width:auto !important;}
	#smb_my_od td {text-align:center;}
	#smb_my_od .td_mn {display:none;}

	input#wr_zipcode {
		width: 65%;
	}
	button#search_address {
		width: 33%;
		float: right;
	}
}


@media screen and (max-width: 900px){
	/*메인페이지*/
	.logo {left: 10px;margin-left:0;}
	.overlay_logo{text-align: left;padding-left: 10px;}
	.slides_text > div h2{font-size: 50px;text-shadow: 1px 1px 1px #000;}
	.slides_text > div p{font-size: 22px;text-shadow: 1px 1px 1px #000;}
	.vmc03 .slides_text > div h2{padding-left: 0;}

	#ft a{padding-left: 0;display: block;}

	/***************************************/
	/* SUB 900*/
	/***************************************/
	/******sub 공통*****/
	#sub_page p {color: #222;font-size: 14px;line-height: 25px;}
	/******01-01 ceo인사말*****/
	.ceo_top span {padding: 20px 0}
	.ceo_btm {position: inherit;}
	/******01-02 회사연혁*****/
	.h_box {background:none;}
	.h_box:after{display:none;}
	.h_box > div.h_left{width:30%;}
	.h_box > div.h_rht{width:70%;}
	.h_left h5 {font-size: 24px;}
	/******01-03 경영이념및사훈*****/
	.vs_txt{padding: 35px 10%;}
	#sub_page .vs_txt span {font-size: 18px;}
	.vst_mid {padding: 35px 10%;}
	.vst01 li div{width: 160px;height: 160px;}
	.vst02 div {padding: 30px 0 0 0;}
	/******01-03 기술현황*****/
	a.fancybox img{height: 230px;}
	/******01-05 찾아오시는 길*****/
	.loc_info {height: 305px;padding: 60px 10px;}
	#sub_page .linfo_top span:before{display:none;}
	.linfo_btm {padding-top: 0;}
	.list_area table tr th,.list_area table tr td{font-size:14px;line-height: 40px;}
	/******03-01 홍보동영상*****/
	.pv_intro h4 {padding: 20px 0;}
	.pv_intro h4:before,.pv_intro h4:after{top: 24px;}
	.pv_intro ul {padding: 20px 0;}
	/******03-02 CI 소개*****/
	#sub_page.sub0302 p.titp{padding-bottom: 0;}
	.citop_left {padding-top: 20px;width: 100%;}	
	.citop_right p.ci_cont {padding: 4% 0 9.5%;}		
	.citop_right{width:100%;text-align: center;}
	.citop_right p.ci_cont{padding: 0 0 20px;}	
	.citop_right ul li img {padding: 15px 0;}
	.ci_btm{text-align:center;}
	ul.usage_list li{width: 49.5%;}
	/******03-03 대리점안내*****/
	.fac01{margin-bottom: 10px;}
	.agency h4{width:90%;}
	ul.ag_tabs li {line-height: 45px;font-size: 14px;}
	.agtabs-content table tr th {height: 30px;}
	#sub_page .agtabs-content table tr th p {font-size: 14px;line-height: 14px;border-left:none;}
	/******03-03 생산능력*****/
	#sub_page .fac_intro p{padding-left: 15px;font-size: 14px;}
	.ag_tit{height: 30px;}
	.fac02 table th{height: 30px;}
	.fac02 table td{height: 30px;font-size: 14px;}
	/******01-03 기술현황*****/
	.cert ul li {width: 32.9%;}
	/******05-01 인사제도*****/
	ul.re_tabs{margin-bottom: 25px;}
	#sub_page .retabs-content h4,.pos h4 {font-size: 14px;line-height: 25px;padding: 0 0 10px;}
	#sub_page .retabs-content h4:before, .#sub_page .retabs-content h4:after,.pos h4:before,.pos h4:after{top: 15px;}
	/*05-01-03 인재상*/
	#retab-3 ul li {float: inherit;width:400px;margin: 0 auto;}
	#retab-3 ul li div {height: auto;}
	#retab-3 ul li img {padding: 20px 0;}
	#retab-3 dl {padding-bottom: 20px}
	/*05-01-03 인재육성*/
	#retab-2 dl dd{font-size: 14px;line-height: 25px;}
	/*05-01-04 복리후생*/
	#retab-4 ul li {float: inherit;width:400px;margin: 0 auto;}
	#retab-4 ul li div {height: auto;}
	#retab-4 ul li img {padding: 20px 0;}
	#retab-4 dl {padding-bottom: 20px}
	/*제품검색*/
	input.itembtn {width: 100%;height: 30px;}

	/***************입사지원***************/
	/*table 반응형*/
	table.tbl01 thead,
	table.tbl01 tbody,
	table.tbl01 tr,
	table.tbl01 th,
	table.tbl01 td {display:block}
	table.tbl01 tr{height: 70px;}
	table.tbl01 th {padding-left: 0;border-bottom:none;}
	table.tbl01 td {float:left;width:100%;padding-left:0;border-bottom: 1px dotted #ddd; padding-bottom: 10px;}
	.rb02 table input[type="text"], .rb02 table input[type="password"] {width: 97% !important;}
	.rb02 table#table_ad input[type="text"] {width: 98% !important;}
	.rb02 table tr:first-child td, .rb02 table tr:first-child th{border-top:none;}

	
	table.tbl04 thead,
	table.tbl04 tbody,
	table.tbl04 tr,
	table.tbl04 th,
	table.tbl04 td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	table.tbl04 tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제*/
	table.tbl04 th {float:left;width:100%;border-bottom:none;box-sizing:border-box}/* ie9에서 float을 줘야함*/
	table.tbl04 td {float:left;width:100%;border-bottom: 1px dotted #ddd;padding-bottom: 10px;padding-left: 0;}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
	table.tbl04{border-top:1px solid #222;}

	table.tbl02,
	table.tbl02 thead,
	table.tbl02 tbody,
	table.tbl02 tr,
	table.tbl02 th,
	table.tbl02 td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	table.tbl02 thead tr {position:absolute;left:-9999px;top:-9999px}/* thead의 tr을 화면밖으로 날림 */
	table.tbl02 tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	table.tbl02 td {position:relative;float:left;width:100%;padding-left:60px;box-sizing:border-box}/* td내용 우측에 타이틀 들어갈 영역 만듬 */
	table.tbl02 td:before {position:absolute;left:10px;top:3px;font-weight:600;color:#222;}
	table.tbl02 .fam01:before {content:"관 계"}
	table.tbl02 .fam02:before {content:"성 명"}
	table.tbl02 .fam03:before {content:"연 령"}
	table.tbl02 .fam04:before {content:"학 력"}
	table.tbl02 .fam05:before {content:"직 업"}
	table.tbl02 .fam06:before {content:"동 거"}
	
	/*05-04 입사지원 공통*/
	.rew_tit h3 {font-size: 18px;width: 40px;height: 40px;line-height: 40px;}
	.rew_tit h4 {font-size: 18px;margin: 5px 0 15px;}
	.rec_form h5 {font-size: 16px;padding-bottom: 5px;}
	button {width: 100px;height: 40px;margin-bottom: 5px;}
	button span {font-size: 15px;}
	button#add_btn, button#add_btn02, button#add_btn03, button#add_btn04 {width: 100px;height: 25px;}

	/*05-04-01 입사지원동의*/
	.priv_cont {height: 200px;padding: 10px;}
	#sub_page .priv_cont p {line-height:22px;}
	.rew01 {padding-bottom: 30px;}
	#sub_page p.pv_check label span {font-size: 14px;}
	.rb01{padding-bottom:0;}
	/*05-04-02 지원서작성*/
	ul.rec_main li {width: 100%;}
	#sub_page ul.rec_main li p,#sub_page ul.rec_main li span {height: 40px;line-height: 40px;font-size: 16px;}
	.rec_form {padding-bottom: 30px;}

	table.fam_info,
	table.for_abil,table.career_list,table.license_abil{border-top: 1px solid #222;padding-top:5px;overflow: hidden;}
	table.edulist{border-bottom:1px solid #ddd;}

	#my_img{margin: 10px auto 0;}
	#sub_page .img_up p.imguptxt {font-size: 12px;padding-bottom: 0;}
	.rb02 table.per_info tr:first-child td, .rb02 table.per_info tr:first-child th{border-top:none;}
	.rb02 table .input_25 input[type="text"]{width:25% !important;}
	#sub_page.recruit_wr #table_ad tr td{width: 100%;}
	.rec_form {overflow: hidden;}
	.rb02 table .input_20 input[type="text"]{width:20% !important;}
	.rb02 table .input_45 input[type="text"]{width:45% !important;}

	table.fam_info tr{border-bottom:1px dotted #ddd;height:auto;margin-bottom:5px;}
	table.fam_info td{border-bottom:none;}
	
	.rb02 table tr.milt{padding-top:10px;height: auto;}

	.rb02 table.edulist th span{font-size: 15px;color: #4f4f4f;font-weight: 300;display: inline-block;padding-top: 5px;}
	.rb02 table.edulist td{border-bottom:none;padding-bottom:0;}
	.rb02 table.edulist tr{overflow: hidden;border-bottom:none;padding-bottom:5px;height: 125px;border-top: 1px dotted #ddd;}
	.rb02 table.edulist tr.department{height: auto;border-top:none;}
	.rb02 table.edulist tr.ed04{height:87px;}
	.rb02 table.edulist tr.ed05{padding-bottom:0;}
	.rb02 table.per_info th:first-child{width:inherit;}
	#sub_page table.per_info .edu_select01{width:78%;}
	#sub_page table.per_info .edu_select02{width:20%;}
	#sub_page table.per_info .edu_select03{width:50px;}
	#sub_page table.per_info .edu_select04{width:45%;padding-top: 2px;}
	#sub_page table.per_info select{width:65px;}
	table.edulist tr:before {display:block;left:10px;top:3px;font-weight:600;color:#222;height: 23px;}
	table.edulist .ed01:before {content:"고등학교 졸업"}
	table.edulist .ed02:before {content:"전문대학 졸업 (예정)"}
	table.edulist .ed03:before {content:"대학교입학"}
	table.edulist .ed04:before {content:"대학교 졸업 (예정)"}
	table.edulist .ed05:before {content:"대학원 수료 (예정)"}
	
	table.for_abil tr{height: auto;}
	table.career_list tr{height: auto;border-bottom:1px dotted #ddd;padding-bottom:5px;margin-bottom:5px;}
	table.career_list td{padding-left: 90px;border-bottom:none;}
	table.career_list .cl01:before {content:"근무기간"}
	table.career_list .cl02:before {content:"직장명"}
	table.career_list .cl03:before {content:"담당업무"}
	table.career_list .cl04:before {content:"최종직위"}
	table.career_list .cl05:before {content:"연봉(만원)"}
	table.career_list .cl06:before {content:"퇴사사유"}
	.rb02 table.career_list input[type="text"] {width: 96% !important;}
	.rb02 table.career_list td.input_25 input[type="text"] {width: 25% !important;}

	.reintro_box {padding-top: 10px;}
	#sub_page p.reintro_tit {font-size: 14px;}
	#sub_page span.byte_chk {font-size: 14px}
	.reintro_box textarea {height: 250px;width: 98%;}
}

@media screen and (max-width: 890px){
	#mb_login #login_info {margin: 30px 0 30px;}
	.mb_login_img {position: absolute;left: 20%;background-size: 85%;}
	#mb_login #login_fs {position: relative;margin: 0;padding: 0;border: none;border-bottom: 0;background: #fff;}
	#login_info h2 {display: none;}
	#mb_confirm {width: 72%;}
	#tab.sub0203_tab li {width: 24%;font-size: 13px;}
}
@media screen and (max-width: 870px){
	/*메인페이지*/
	ul.cb_box{width:354px;}
	.icon_box {height: auto;}
}






@media screen and (max-width: 768px){
 .hd_pops { top: 75px !important;}
.hd_pops_con  {width:calc(100% - 20px) !important;}

.center ul  {padding:20px;margin-bottom:30px;}
.center ul.center_bott {background-position:20px 17px; background-size:60px; padding-left:100px;}
.center h2{font-size:23px;}
.center ul li {font-size: 15px;}
}





@media screen and (max-width: 751px){
	
	ul.sct.sct_10 li {margin: 0% 1% 5%;width: 47.5% !important;}
	#ssch_sort li {width: 32.9%;}
	.mb_login_img {left: 40%;top: -30px;background-size: 75%;}
	#mb_login {padding-top: 130px;background: url(../shop/img/login_tx.png) no-repeat center 70px;background-size: 35%;position: relative;}
	#mb_confirm {width: 85%;}

	ul.sub0201_list li {
		width: 100%;
	}

	ul.sub0201_list li:first-child {
		margin-right: 0%;
		margin-bottom: 2%;
	}		
}
@media screen and (max-width: 750px){
	/*메인콘텐츠*/
	.slides_text > div h2{font-size: 30px;line-height: 40px;}
	.slides_text > div p{font-size: 18px;line-height:20px;}

	.cont02 {padding: 20px 0;}
	ul.cb_box {max-width: 354px;width: 90%;}
	ul.cb_box li{max-width: 350px;width: 100%;height:auto;}
	li.cb01{padding: 20px 0;text-align: center;}
	li.cb01 p{font-size: 30px;padding-top: 0;}
	li.cb01 h4{font-size: 44px;line-height: 24px;}
	li.cb01 div {font-size: 13px;line-height: 15px;margin-top: 20px;}
	li.cbtn h3{top:50px;font-size: 22px;}
	li.cbtn >div{top: 150px;}

	/*게시판-온라인문의*/
	#bo_v_top ul.bo_v_com2{width:100%;}
	#bo_v_top ul.bo_v_com2 li {float: right;margin-top: 5px;}
}

@media screen and (max-width: 700px){
.resp_max{displaY:none;}
.resp_med{display:block;}
.year01 > .year_inr > .thum, .year02 > .year_inr > .thum  {
    position: relative;
    /* left: 0; */
    /* top: 0; */
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.year01 > .year_inr, .year02 > .year_inr {
	padding: 0;
}
.year01 > .year_inr > .thum::before, .year01 > .year_inr > .thum::after, .year02 > .year_inr > .thum::before, .year02 > .year_inr > .thum::after{
	display:none;
}
.sub0102_inr {
    background:none; 
}
.year_inr dl{
    padding-left: 77px;
    position: relative;
    border-left: 0;
    margin-bottom: 36px;
	    border-right: 0;
}
.year02 .year_inr dl {
    padding-right: 77px;
    position: relative;
    border-left: 0;
    margin-bottom: 36px;
    border-right: 0;
}
.year02 .year_inr dl:last-child {
    border-right: 1px solid #eaeaea;
    border-right: 0;
}
span.mg_box {
    display: inline-block;
    width: 49px;
    /* background: #ccc; */
    height: 10px;
}
.year_inr dl dd {
    margin-bottom: 5px;
    font-size: 14px;
}
.year_inr dl dt::after, .year02 .year_inr dl dt::after {
    display:none;
}
.year_inr dl::before, .year02 .year_inr dl::before{display:none;}
.year_inr dl dd b {
    color: #454545;
    margin-right: 8px;
    font-size: 14px;
}
.year_inr dl dt {
    font-size: 19px;
    font-weight: 600;
    color: #ff4100;
    margin-bottom: 13px;
    position: absolute;
    left: 0;
}
.year02 .year_inr dl dt {
    right: 0;
}
.year_inr dl dt::before, .year02 .year_inr dl dt::before{display:none;}
.year01 > .year_inr > .thum span{
    font-size: 19px;
    text-align: left;
    margin-bottom: 6px;
}
.year02 > .year_inr > .thum span {
	font-size: 19px;
    text-align: right;
    margin-bottom: 6px;
}

.year01 > .year_inr > .thum span b, .year02 > .year_inr > .thum span b  {
    display: block;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #ff4100;
}
	/*메인페이지*/
	.logo {left: 10px;padding: 8px 0 0;}
	.logo img{width: 160px;}
	.slides_text{margin-top: 15%;left: 15px;}
	.slides_text > div h2{font-size:30px;line-height:35px;}
	.slides_text > div p{font-size: 20px;line-height:22px;}
	.vmc02 .slides_text > div h2{padding-left:0;}
	.vmc02 .slides_text > div p{padding-left:0;}
	.vmc03 .slides_text{margin-top: 15%;}
	.vmc03 .slides_text > div p{padding-left:0;}
	/***************************************/
	/* SUB 700 */
	/***************************************/
	/******sub 공통*****/
	#sub_page p {color: #222;font-size: 14px;line-height: 25px;}
	/******01-01 ceo인사말*****/
	.ceo_btm ul{display:none;}
	/******01-02 회사연혁*****/
	.h_rht dt {font-size: 16px;padding-right: 10px;}
	.h_rht dd {font-size: 14px;padding-bottom: 14px;}
	.h_rht dd.pd_left {padding-left: 72px;}
	.h_left h5 {font-size: 20px;}
	/******01-03 경영이념및사훈*****/
	.vs_txt {height: 230px;padding:5%;height: auto;}
	.vst01 li div {width: 100px;height: 100px;}
	.vs_tion {padding: 20px 0 2px;}
	.vs_tion li img {width: 40px;padding: 10px 0;}
	#sub_page .vs_txt p {font-size: 16px;}
	#sub_page .vs_txt span {font-size: 15px;}
	.vst_mid {border: 5px solid #ebebeb;}
	/******01-05 찾아오시는 길*****/
	.map_area {padding-bottom: 15px;}
	.map_area > div {margin-bottom: 20px;}
	.map_area > div > div {height:182px;width: 40%;}
	.map_area > div > div.loc_sourc {width: 60%;}
	.loc_info {height: auto;padding:10px 2px;}
	#sub_page .linfo_top span:before{display:none;}
	#sub_page .linfo_top p {font-size: 21px;}
	#sub_page .linfo_top span {font-size: 14px;padding:0;clear: both;}
	#sub_page .root_daum_roughmap .wrap_map {height: 182px !important;}
	/******03-01 홍보동영상*****/
	.pv_intro ul{width:210px;padding: 10px 0;}
	.pv_intro ul li img {width: 40px;padding: 0 15px;}
	/******03-03 대리점안내*****/
	.agtabs-content table tr th{border-right:1px solid #dedede;}
	.agtabs-content table tr td{line-height: 20px;height: 50px;border-right:1px solid #dedede;}
	.agtabs-content table tr th:first-child,.agtabs-content table tr td:first-child{border-left:1px solid #dedede;}
	/*05-01-01 조직도*/
	#retab-1 img.im_ori{display:none;}
	#retab-1 img.rps_ori{display:block;}
}
@media screen and (max-width: 680px){
	ul.sub0102_inner li {
		min-height: 505px;
	}
}

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

	.sub0302_list li {
		width: 50%;
	}
	.banner ul.controls {
		top: 80%;
	}
	.result_end {background: #f5f6fa url(../shop/img/sub/ch01.png) no-repeat center 10%;padding-top: 35%;}
	#sit_pvi {width: 100%;padding: 0;}
	.sct_10 .sct_clear {margin: 0 2% 0 0}
	.td_date, .td_subject img, .td_name {display: none;}
	.td_subject span.subject_date {display:block;color: #747474;padding-top: 3px;}
	#bo_list .tbl_head01 thead th {display: none;	}
	#mb_login {padding-top: 130px;background: url(../shop/img/login_tx.png) no-repeat center 90px;background-size: 45%;position: relative;}
	.mb_login_img {left: 36%;top: 0;background-size: 70%;}	

	/* board */
	#bo_list .td_subject {/* background: url(../shop/img/mob_arrow.png) no-repeat 97% center; */}
	
	.tbl_wrap tr:first-child { border-top: 2px solid #ff4100;}
	.tbl_wrap tr:first-child td {background: none;}
	strong.list_notice {
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    background: #202020;
    color: #fff;
    width: 30px;
    height: 24px;
    display: inline-block;
    padding-top: 6px;
    text-align: center;
    font-size: 11px;
	}
	#mb_confirm {width: 90%;}
	#vr > div img{width: 80%;}	
	.sub_title h1{ font-size: 29px;line-height: 27px;}
	.sub_title { padding: 10px; }
	.sub_bg_wh .sub_title{font-size: 12px;}
	.sub_title_left { width: 100%; float: none; background-size: 55px;    margin-bottom: 15px;}
	.sub_title_right { width: 100%; float: none; background-size: 55px;}
	/*게시판-온라인문의*/
	#bo_v_top ul.bo_v_com{width: 100%;}
	#bo_v_top ul.bo_v_com li{margin-top: 5px;float: right;}
	
	#bo_vc_w .tbl_frm01.tbl_wrap thead,
	#bo_vc_w .tbl_frm01.tbl_wrap tbody,
	#bo_vc_w .tbl_frm01.tbl_wrap tr,
	#bo_vc_w .tbl_frm01.tbl_wrap th,
	#bo_vc_w .tbl_frm01.tbl_wrap td {display:block}
	#bo_vc_w .tbl_frm01.tbl_wrap tr{height: 70px;}
	#bo_vc_w .tbl_frm01.tbl_wrap th {padding-left: 0;border-bottom:none;}
	#bo_vc_w .tbl_frm01.tbl_wrap td {float:left;width:100%;padding-left:0;border-top:none;padding: 7px 0;}
	#bo_vc_w .tbl_frm01.tbl_wrap th {width:100% !important;padding:0 2%;border:none;background:#fff;}
	/***************************************/
	/* SUB 650 */
	/***************************************/
	/******01-02 회사연혁*****/
	.h_box > div.h_rht {width: 100%;padding:0 2%;}
	.h_box > div.h_left{width: 100%;padding:0 2%;text-align: center; }
	.h_left img{width:70%}
	.h_left h5{text-align: left;}
	.h_rht dd{padding-bottom: 5px;}
	/******01-03 기술현황*****/
	.cert ul li {width: 49%;}
	.cert ul li a {min-height: 300px;}
	/******03-03 대리점안내*****/
	.agtabs-content >div {overflow-x: scroll;}
	.agtabs-content table{width:650px;}
	.agtabs-content table tr td {font-size: 12px;}
	.ag_map img {width: 40%;}
	/******03-04 생산능력*****/
	.ann_grh{overflow-x: scroll;}
	.ag_tit{width:600px;}
	.ann_grh table{width:600px;}
	/******05-01 인사제도*****/
	ul.re_tabs{margin-bottom: 25px;}
	ul.re_tabs li {line-height: 40px;}
	/*05-01-03 인재상*/
	#retab-3 ul li {width:320px;}
	/*05-01-03 인재육성*/
	#sub_page .retabs-content h4:before,#sub_page .retabs-content h4:after,.pos h4:before,.pos h4:after{display:none;}
	/*05-01-04 복리후생*/
	#retab-4 ul li {width:320px;}
	/*01-06 개인정보취급방침*/
	#sub_page.Agreement h1{font-size: 29px;line-height: 27px;}

}
@media screen and (max-width: 665px){
	img.op_icon4 {width: 100%;}
}
@media screen and (max-width: 620px){
	ul.sub0102_inner li {min-height: 550px;border-right: none !important;}
	.ft_menu a, #ft p {font-size: 12px;}
	.ft_menu a, #ft p {font-size: 12px;}
	#tab li {width: 32.3333%;font-size: 14px;	}
}



@media screen and (max-width: 600px){
.center h2{font-size:20px;}
.center ul {padding:15px;}
.center ul li {font-size: 14px;}
.center ul.center_bott {background-position:20px 13px; background-size:55px; padding-left:90px;}
}









@media screen and (max-width: 550px){
	#control-btns { top: 62%;}
}
@media screen and (max-width: 545px){
	ul.sub0102_inner li {
		width: 100%;
		min-height: auto;
	}
	.overlay_logo {
		display:none;
	}

	.overlay {
		background: rgba(0,0,0,0.8);
	}
	
	.overlay ul.overlay_inner {margin-top:50px;}
	ul.overlay_inner > li {float: left;width: 100%;margin-bottom: 20px;}
	ul.overlay_inner > li > a{font-size:18px;margin: 10px 0 0 0;}
	ul.overlay_inner > li ul {display:none;}
	
	.sct_10 .sct_clear {margin: 0}
	input#od_addr1, input#od_addr2, input#od_addr3, input#od_b_addr1, input#od_b_addr2, input#od_b_addr3 {width:100%;}
	.terms {height: 280px;}
	.sub_title h1 {font-size: 2.0em;}
	.block b {font-size: 14px; padding: 15px 0 0 0;}
	#mb_confirm {width: 100%;}

	.tab_big a {
		font-size: 13px;
	}
	#tab.sub0203_tab li {
		width: 32.3%;
		font-size: 13px;
	}
	.select-box > div{display:block;}
	.select-box .srch-select.ea01 {
		width: 90%;
		margin:0 auto 10px;
		vertical-align: middle;
	}

	#sit_inf p {
		font-size: 12px;
		padding: 0;
	}
}
@media screen and (max-width:520px){
	.sub0104 .map_inr ul li {
		width: 100%;
	}
	li.map_list2 {
		padding-bottom: 10px;
		border-bottom: 1px dashed #dfdfdf;
		margin-bottom: 10px;
	}
	.sub0104 .map_inr ul li {
		width: 100%;
		font-size: 13px;
	}
	.sub0104 iframe {
		height: 300px !important;
	}
}

@media screen and (max-width: 490px){
	.sub0301_txt {
		font-size: 17px;
		line-height: 23px;
		margin-top: 40px;
	}
		.result_end {padding-top: 45%;}
		.sanchor a {padding: 0 1em;}
		div#tab1 .btn_more {display: none;}
		#mb_login {background-size: 47%;}

}
@media screen and (max-width: 480px){
	/*메인페이지*/
	.slides_text{left: 5px;}
	.slides_text > div h2{font-size:16px;line-height:20px;letter-spacing:1px;}
	.slides_text > div p{font-size: 12px;line-height:16px;letter-spacing:1px;}
	
	.right_menu span.all_menu {width:40px;height:32px;margin:15px 10px 0 10px;padding: 0;background:none;text-align: center;font-size: 0;border: none;background: url(../images/top/menu_icon03.png) center center no-repeat;}
	#langquge_box {width:50px;height:30px;line-height: 30px;margin:15px 0 0 0;padding: 0;background:rgba(255, 255, 255, 0.8);text-align: center;}
	#langquge_box ul{top: 30px;}
	#langquge_box span{display:none;}
	#langquge_box li a{padding-left:0;}



	/*게시판-온라인문의*/
	.sub_title_left {background: url(../images/sub/online_icon1.png) left top no-repeat; background-size: 40px; padding-left: 50px;}
	.sub_title_right {background: url(../images/sub/online_icon2.png) left top no-repeat; background-size: 40px; padding-left: 50px;}
	a.btn_b01{padding:8px;}
	a.btn_admin{padding:8px;}
	/***************************************/
	/* SUB 480 */
	/***************************************/
	#sub_page p {font-size: 12px;line-height: 23px;}	
	/******01-02 회사연혁*****/
	.h_rht dt {width: 100%;}
	.h_rht dd.pd_left {padding-left: 0;}
	/******01-03 경영이념및사훈*****/
	.vst01 li div {width: 80px;height: 80px;background: none;width:80px;border:none;box-shadow:none;}
	.vst02 div{padding-top: 10px;}
	/******01-03 기술현황*****/
	a.fancybox img {height: 170px;}
	#sub_page.cert ul li p{font-size: 12px;padding-left:7px;}
	#sub_page.cert ul li p:before{top:5px;}
	.cert ul li{margin-bottom: 10px;}
	.cert ul li a {min-height: 200px;}
	/******01-05 찾아오시는 길*****/
	.map_area > div > div {background: #fff;float: inherit;height: auto;}
	.map_area > div > div.loc_info{overflow:hidden;background:none;width:100%;height: auto;padding:0 2px 10px;}
	.linfo_top {float: left;width: 40%;}
	.linfo_btm {float: left;}
	.map_area > div > div.loc_sourc {width: 100%;}
	#sub_page .linfo_top span {font-size: 12px;}
	.list_area table tr th,.list_area table tr td{font-size:12px;line-height: 30px;}
	/******03-01 홍보동영상*****/
	.pv_intro h4 {font-size: 14px;width: 190px;padding: 10px 0;}
	.pv_intro h4:before, .pv_intro h4:after{height: 12px;top: 16px;}
	/******03-02 CI 소개*****/
	ul.color_list li{padding-bottom: 10px;width: 100%;}
	.citop_right ul li img{width: 80%;}
	.ci_btm img{width:30%;}
	.pv_yt {margin-top: 10px;}
	.ci_last {padding-top: 30px;}
	ul.usage_list li{width: 100%;min-height: inherit;}
	ul.usage_list li img {width: 50%;padding: 0 25%;}
	/******03-03 대리점안내*****/
	.agency h4{font-size: 14px;width:95%;padding: 0 5px 10px;}
	.agency h4:before, .agency h4:after{display:none;}
	ul.ag_tabs li {width: 33.30%;}
	.ag_map img {width: 60%;}
	/******03-03 생산능력*****/
	#sub_page .ag_tit p{line-height: 30px;}
	#sub_page .ag_tit span{line-height: 30px;padding-top:0;}
	/******01-03 인증서*****/
	.cert h4{font-size: 14px;width: 170px;padding: 5px 0;margin: 0 auto 10px;background: #7e7e7e;border-radius: 30px;}
	/******05-01 인사제도*****/
	ul.re_tabs{margin-bottom: 25px;}
	ul.re_tabs li {line-height: 40px;font-size: 14px;}
	/*05-01-03 인재상*/
	#retab-3 dl dd{font-size: 12px;line-height: 20px;}
	/*05-01-03 인재육성*/
	#sub_page .retabs-content h4,.pos h4 {font-size: 12px;line-height: 20px;}
	#retab-2 ul li {padding: 0 0 20px 0;}
	#retab-2 ul li img{display:none;}
	#retab-2 ul li p {font-size:14px;width: auto;padding: 0 0 0 7px; font-weight:500;line-height: 20px;}
	#retab-2 dl dd {font-size: 12px;line-height: 22px;}
	#retab-2 ul li.re02_01 dl, #retab-2 ul li.re02_02 dl, #retab-2 ul li.re02_03 dl {margin-top: 3px;border: 1px solid #cb1315;}
	/*05-01-04 복리후생*/
	#retab-4 dl dd{font-size: 12px;line-height: 20px;}
	/******05-02 직무소개*****/
	.pos ul li {width: 100%;}
}
@media screen and (max-width: 460px){
	ul.sct.sct_10 li {width: 47.4% !important;}
	#mb_login {background-size: 60%;}

.center h2{font-size:19px; margin-bottom:10px;}
.center ul {padding:12px;}
.center ul.center_bott {background-position:15px 10px; background-size:50px; padding-left:75px;}
.center ul li {font-size: 13px; line-height: 1.1;}
.center ul li span:after { font-size:18px;}

}










@media screen and (max-width: 420px){
	
	.right_menu > a {
		display: none;
	}
	.sub0104 .map_inr ul li span {
		display: block;
		font-weight: bold;
		margin-right: 20px;
		/* text-align: center; */
		font-size: 14px;
	}
	.sub0302_list li {
		width: 44%;
		padding: 0 3%;
	}
	.sub0302_list li img {
		width: 100%;
	}
	.sub0302_list li p {
    margin-top: 7px;
	}
	/******05-01 인사제도*****/
	/*05-01-03 인재상*/
	#retab-3 ul li {width: 300px;}
	/*05-01-04 복리후생*/
	#retab-4 ul li {width: 300px;}
}
@media screen and (max-width: 383px){
	ul.sct.sct_10 li {width: 47.3% !important;}
	.mb_login_img {left: 32%;}
}
@media screen and (max-width: 360px){
	.mb_login_img {left: 32%;}
}