@media screen and (max-width: 1400px) {
	
	/*#main_visual {height:550px}*/
}
@media screen and (max-width: 1300px) {
	.bx-wrapper .bx-controls-direction a {display:none}

}
@media screen and (max-width: 1146px) {
	
	.menu>li>a {padding:0 1.5rem;font-size:1.6rem}
	.sub_menu li a{width:87px;font-size:1.3rem}
	
}

@media screen and (max-width: 940px) {
	#gnb h1 img {height:20px}
	#gnb h1 {margin-right:0rem;}
	.menu>li>a {padding:0 1rem;font-size: 1.5rem;}
	.right_sm {margin:3.3rem 0px 3.3rem 0rem}
	.family_wrap .family_inner2 .family button{padding: 0.8rem 1.8rem 0.8rem 0.5rem;font-size:1.1rem}
	.pro_list>li {width:33.333333%}
	.sub_menu li a{width:75px;font-size:1.2rem;}

}
@media screen and (max-width: 1890px) {
	.menu>li>a {padding:2.5rem 1.5rem}
	.content_menu, #gnb {margin:0 1rem}
	#gnb h1 {margin-right:1rem}
	
}
@media screen and (max-width: 1024px) {
	 #gnb {display:none}
	#topmenu_wrap {width:100%;background-color:#000;position:relative;padding:1.5rem 1rem;left:0px;margin-left:0px;top:0px;}
	#topmenu_wrap h1 {margin-top:0px;text-align: center}
	#topmenu_wrap h1 img {width:130px}
	#mb_gnb, .mb_header {display:block}
	.mb_header {position:relative}
	.mb_header  button {position:absolute;top:1rem;right:1rem;}
	.mb_header  button img {height:13px}
	
	.mb_menu  {background:none;border:0px;}
	 .aside-backdrop.in, .aside.in {display: block  !important}
	.main_con {padding:0 1rem}
	.content_menu>ul {padding:2rem 1rem}
	.content_menu>ul>li {margin:0.5rem 1rem}
	.content_menu>ul>li {font-size:1.4rem}
	.content_wrap {margin:3rem 0;padding:0 1rem}
	.story_wrap {margin:0}
	.office_box {padding:8rem 3rem 8rem 0}
	.recruit_box, .team_box {margin:0}
	.team_box>div {height:250px}
	.team_box>div>div .txt1 {font-size:3rem}
	.recruit_box>div {height:500px}
}
	.mo_img {display:none !important;}
@media screen and (max-width: 768px) {
	.mo_img {display:inline-block !important;}
	.pc_img {display:none !important}
	#topmenu_wrap {background:none;position: absolute}
	#sub_bar_wrap, #footer_inner img, #top_right, #hidden_logo {display: none}
	
	.icon-bar {
	    background-color: #333;
	    width: 25px;
	    height: 3px;
	    display:block;
	    margin-bottom:3px
	}
	.notice_in>div>a>img, .prod_li>li img {width:100%}
	.content {width:100% !important;}
	#mb_gnb h2 {border-bottom:1px solid #ddd;font-size:14px;padding:20px 10px}
	#main_visual {margin:0}
	#footer_inner {background:none;text-align:center;}
	#footer_wrap {padding:3rem 1rem;}
	#footer_inner>ul>li>span,
	#footer_inner>ul>li>a {font-size:1.3rem;}
	#footer_inner>ul>li>span {margin:0 0.5rem;}
	#footer_inner {font-size:1.3rem}
	.main_title {font-size:25px}
	
	.qna_wrap>li .txt1 {width:200px}
	.qna_wrap>li {line-height:3rem;padding:1rem}
	
	.foot_bar>ul>li>a {width:25%}
	.bx-wrapper img {width:100%}
	.dropdown-content {width:100%;float:none;}
	.dropdown {width:100%;float:none}
	 .dropbtn  {width:100% !important;height:50px;vertical-align:middle;padding-left:1rem;width:auto}
	 .dropdown-content a {padding:10px 0px;padding-left:1rem;padding-right:3rem;width:auto;line-height:2rem}
	.sub_title {margin-bottom:3rem;padding-bottom:3rem}
	#main_visual .bx-wrapper .bx-pager.bx-default-pager a,
	#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:8px;height:8px}
	#main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom:-3rem;}
	.main_con {margin:6rem 1rem 1rem;padding:0}
	.main_con>ul>li {width:50%;margin-bottom:3rem;}
	.main_con>ul>li .txt1 {font-size:1.6rem;margin-top:1rem;}
	.main_con>ul>li .txt2 {font-size:1.3rem;width:75%;margin:1rem auto 0 }
	.main_con_txt1>span {margin-top:1rem;}
	.main_con_txt1 {max-width:28rem;margin:auto;font-size:2rem;}
	.banner_wrap {margin:0;margin-top:3rem !important}
	.main_con2 {margin:3rem 0 0;padding:6rem 1rem}
	.story_wrap>li img {width:100px;}
	.story_wrap>li p.txt1 {font-size:1.6rem;}
	.story_wrap>li p.txt2 {font-size:1.4rem;margin-top:1rem;}
	.main_bo>li:nth-child(n+3) {display:none}
	.main_bo>li {width:100%;padding:3rem 2rem;float:none}
	.main_con3 {margin:0 1rem}
	.main_bo>li:nth-child(2n) {border:0}
	.main_bo>li>div>div .txt3 {font-size:1.5rem;}
	.main_bo>li>div>div .txt4 {font-size:1.4rem;max-height:6rem}
	.main_bo>li>div>div .txt1 {font-size:3.6rem;}
	.main_bo>li>div>div .txt2 {font-size:1.4rem;}
	.main_bo>li>div>div.right {padding-left:4rem}
	.content_wrap {padding:0 1rem}
	.historyCont .historyRow {padding: 0 0 0 0!important;}
	.historyCont .historyRow h4{left:0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); top:-2rem}
	.historyCont .historyRow .historyItem{border:none; padding:20px 0 50px 20px;}
	.historyCont .historyRow .historyItem:after{left:30px;}
	.historyCont .historyRow .historyItem .historyImg{position: static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0);  transform: translate(0, 0);  padding-left:25px; padding-bottom:20px;}
	.historyCont .historyRow .historyItem .historyImg img{width:auto;}
	.historyCont .historyRow .historyItem .listsArea {display:block; min-height: auto}
	.historyCont .historyRow .historyItem .listsArea ol{display:block; padding:0 !important; text-align: left !important}
	.historyCont .historyRow .historyItem .listsArea ol li{padding-left:27px !important; padding-right:0 !important;}
	.historyCont .historyRow .historyItem .listsArea ol li:after{top:3px; left:3px !important; right: auto !important; }
	.historyCont .historyRow .historyItem .listsArea ol:after,
	.historyCont .historyRow:nth-child(odd) .historyItem .listsArea ol:after {display:none}
	.historyCont .historyRow:nth-child(even) .historyItem .historyImg {width:100%;margin-left:-1rem}
	.historyCont .historyRow:nth-child(odd) .historyItem .historyImg {width:100%}


	.view_top>div {width:100%;float:none;margin-bottom:2rem;}
	.view_right .txt2:before {top:5px}
	 .view_top_btn>p {padding-left:1rem;}
	.view_top_btn {margin-left:-1rem;}
	.material_box {padding:1rem;}
	.material_box>div .txt2,
	.material_box>div .txt1 {font-size:2rem;}
	.material_box {height:30rem;}
	.mat_box .img {position:relative;top:0;right:0}
	.mat_box .txt_bx {padding:0;margin-top:2rem;}
	.mat_box {padding:2rem;text-align:center}
	.product_box {margin:0;padding:1rem;}
	.product_box>div>ul>li {width:50%}
	.product_box>div>ul>li:nth-child(6n+1) {clear: inherit;}
	.product_box>div>ul>li:nth-child(2n+1) {clear: both;}

	.product_li>li {width:50%}
	.paging {margin-top:1rem;}
	.product_box>ul>li>a {font-size:1.5rem;}
	.product_box>ul {padding-top:2rem;}
	.product_box>ul>li>a {margin-bottom:2rem}

	.story_wrap {margin:0;}
	.story_box1 .txt_wrap {position:relative;padding:5rem 1rem}
	.story_box1 .txt1 {border-bottom:1px solid #ddd;font-size:2.2rem;}
	.story_box1 .txt2>p {margin-top:5rem;}
	.story_box1 .txt4, .story_box1 .txt3,.story_box1 .txt2 {color:#000}
	.story_img>li, .story_box2>div>div {display:block;width:100%}
	.story_box2>div>div.left {padding:13rem 2rem 5rem ;}
	.story_box2>div>div.right img {width:100%;}
	.story_box2>div>div.right {padding:2rem 1rem;border:0}
	.story_box2>div>div.left {min-height:500px;}
	.story_box2>div>div.left .txt2 {margin-bottom:0;}
	.story_box2>div>div.left .txt1 {margin-top:7rem;}
	.story_box .slick-dots {text-align:center;bottom:inherit;top:470px;margin:0;}
	.story_box1 .txt2 {font-size:3.2rem;}
	.story_box1 .txt3 {font-size:2rem;}
.story_box1 .bg.mo_img {display:block !important;min-height:500px;display:block;background:url('/image/sub/story_img_mo.jpg') 50% 50% no-repeat;background-size:cover;}
	.office_box>div {width:100%;display:block;}
	.office_box {padding:3rem 1rem;}
	.office_box .right ul {padding-right:0}
	.office_box>div.right {margin-top:2rem}
	.office_box .select_b button {position:relative;width:100%;height:50px;margin-top:1rem;}
	
	.pro_view_top>div {display:block;width:100%;float:none}
	.pro_view_top>div.right {margin-top:3rem;}
	.thumb li {padding-left:1rem;}
	.thumb {margin-left:-1rem}
	.custom_1 {height:200px}
	.custom_1>div {padding:0 1rem;}
	.custom_box>div {width:100%;float:none;}
	.custom_box>div>div {padding:2rem;}
	.custom_box>div>div .txt4 {margin-top:3rem;background-position:100% 50%}
	
	
	 .notice_top>div>div, .notice_top>div {width:100%;position:relative}
	 .notice_top>div>div input[type="text"] {width:100%;border-left:1px solid #ddd}
	 .notice_top>div>div {padding-right:62px}
	 .notice_top>div>div a{position:absolute;right:0px;top:0px;height:35px;width:62px;}
	 .notice_top select {width:100%;margin-bottom:1rem;background-position:100% 50%}
	 .list_bottom>p, .list_bottom>div {float:none}
	 .list_bottom>div {text-align:center !important;margin-top:2rem}
	 .list_btn a {width:100%;text-align:center;margin-top:2rem}
	 
	 .form_tb th {padding:0;    word-break: break-all;}
	 .form_tb td input[type="file"],
	 .form_tb td input[type="password"], .form_tb td input[type="text"] {width:100% !important}
	 .qna_list>li {width:50%;padding-left:1rem;}
	 .qna_list>li>div {padding:2rem !important;height:250px  !important;margin-bottom:1rem;}
.qna_list{margin-left:-1rem}
.qna_over {display:none}
.qna_list>li>div:hover>a>span {opacity: 0.6}
.text_wrap>li>div {display:block;margin-bottom:1rem;width:100%}
.text_wrap>li {margin-bottom:2rem;}
.team_img {margin-left:-1rem}
.team_img>p {width:50%;margin-bottom:1rem;padding-left:1rem;}

.recruit_box>div>div .txt3 a img {width:70%}
.recruit_box>div>div .txt3 a {margin:0}
.recruit_box>div>div {padding:1rem}
.recruit_box>div>div .txt2 {font-size:1.8rem;}
.recruit_box>div>div .txt1 {font-size:3rem}
.collection_wrap {margin:7rem 1rem 11rem}
.magazine_wrap>li {width:50%}
.team_img>p>img {width:100%}
.order_li>li {width:100%;margin-bottom:1rem;}
.product_li>li>a>span {}
#zoom_img>span img,.product_li>li>a>span img {height:100%;width:100%}

.foot_txt_cb {max-width:100%;margin:auto}
.foot_txt_cb span {display:block;}
.view_mo iframe {width:100%;height:400px}
}
@media screen and (max-width: 765px) {
	.con_box {margin-bottom:30px}
	.content {padding:30px 10px !important}
}