@media screen and (max-width: 1146px) {
	#gnb h1 {margin-top:2.5rem;}
	#gnb>h1 img {height:52px}
	.menu>li>a {padding:3rem 1.5rem;font-size:1.7rem}
	.top_r img {height:50px}
	
	
	.sub_m1 {padding-left:140px}
	.sub_m2 {padding-left:130px}
	
	
}

@media screen and (max-width: 1200px) {
	
	
}
@media screen and (max-width: 1050px) {
		#gnb>h1 img {height:45px}
	
}


@media all and (max-width:990px) {
	.top_r img {height:45px}
	#gnb h1 {margin-right:0px}
	.right_ic a {margin-right:1rem}
		

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

	
}
@media all and (max-width:890px) {
	#gnb>h1 img {height:35px}
	.menu>li>a {padding:4rem 0.3em;font-size:1.6rem;}
	.top_r img {height:42px}
	.sub_m2 {padding-left:150px}
	.sub_m5 {padding-left: 200px;}
	
	
	.sub_m1 {padding-left:80px}

	
}


@media screen and (max-width: 890px) {
	
	
	
	#top_bar_wrap, #gnb_in {display:none}
	#topmenu_wrap {width:100%;left:0px;position:relative;margin-left:0px;top:0px;}
	.subContentWrap  {margin-top:-100px}
	#topmenu_wrap h1 {margin-top:0px;text-align: left}
	#mb_gnb, .mb_header {display:block}
	.mb_header {padding:1.5rem 1rem;}
	 .aside-backdrop.in, .aside.in {display: block  !important}
	 .icon-bar {
	    background-color: #fff;
	    width: 40px;
	    height: 3px;
	    display:block;
	    margin-bottom:7px
	}
	.mb_menu {
    background: none;
    border: 0px;
    position: absolute;
    right: 10px;
    top: 15px;
    padding:1.5rem 0;
	}
	.mainWrap{padding-top:100px;}
	.shop_btn {background:#f5f5f5 url("/image/main/mo_shop.png") 90% center no-repeat;padding:1.5rem !important;color:#000;font-size:2rem;margin:1.5rem !important;background-size:30px 30px;border:1px solid #ddd;border-radius:5rem;}
	.mo_bottom {font-size:2rem;background:url("/image/main/arrow_b.png") 90% center no-repeat;border:1px solid #ddd;padding:2rem;margin:1rem 2rem;}
	.mo_bottom a {color:#faa626;}
	.custom_paging .slick-active {font-size:2rem;}
	.sliderButtons {position:static !important}
	.visual_txt1, .visual_txt3, .visual_txt4{padding:0px}
	.mainVisual .sliderButtons button {bottom:1.5rem;}
	.mainVisual .sliderButtons .sliderPrev {margin-left:-8.5rem;}
	.custom_paging {bottom:5rem;margin-left: -1.5rem;}
	.visual_txt2 {margin-top:0.5rem}
	.pc_con2 {display:none}
	.mo_con2 {display:block}
	.brand_wrap img {width:100%}
	.main_text_st2 {font-size:4rem}
	.main_text_st3 {margin-bottom:3rem}
	
	.visual_li {margin:0px}
	#main_visual>div {width:100%;float:none;height:450px}
	.fcont_in {padding:1rem;padding:6rem 0 4rem}
	.fcont_in a {margin:0px;text-align:left;}
	.footerWrap .footerArea .fCont {border-bottom:0px;width:100%;padding:0;border-top:0px}
	.section06 .fcont_in .fr, .section06 .fcont_in .fl {float:none}
	.mo_foot_1 {border-top:1px solid rgba(255,255,255,0.2);padding-top:1.5rem;text-align:center;line-height:2rem;overflow:hidden;float:none}
	.mo_foot_2 {margin:2rem 2rem 0 2rem;overflow:hidden;background-color:#f5f5f5;border:1px solid #ddd;}
	.mo_foot_2 a {width:50%;text-align:center;padding:1.5rem 0px}
	.fcont2 {position:relative;padding:1rem;border:0;margin:0;text-align:center;padding:0}
	.foot_top>div>a {margin-right:1rem}
	.fcont_in span {margin:0px 0.2rem}
	.fcont2_txt {margin-left:0px;padding:1.5rem 0}
	.mo_family {position:absolute;top:-10.5rem;right:0;width:95%;display:block}
	.fcont2 .fl {float:none}
	.family_list, .family_wrap .family_inner2 .family button {z-index:99;}
	.family_list a {background-color:#343434}
	.family_wrap .family_inner2 {width:100%;}
	.family_wrap {display:block;width:100%}
	.foot_top  .right_m {position:absolute;top:2rem;left:1rem}
	.family_wrap .family_inner2 .family {right:1rem}
	.sloganArea {height:200px}
	.slog_in>div {margin-top:7rem}
	#main_header {display:none !important}
	.main_con2 {padding:3rem 1rem;text-align: center}
	.main_con2 .left>span {display:none}
	.main_con2 .left .txt1 {padding-top:0;padding-bottom:2rem}
	.main_con2 .txt2 a {margin-top:2rem}
	.main_con2 .box {padding:1rem 3rem;display:inline-block;}
	.main_con2 .left, .main_con2 .right {display:block;width:100%;}
	.main_con2 .right {padding:0;margin-top:2rem}
	.main_con2 .right>div>div {display:block;width:100%;}
	.main_con2 .right .btn1 {height:50px}
	.btn_main_down, .fcont_in>p {display:none}
	#main_visual .more_2 a {margin-top:1rem}
	
	
	#sub_bar_in {width:100%;}
	#sub_bar_in>ul{width:100%;display:table;table-layout:fixed}
	#sub_bar_in>ul>li {display:table-cell;float:none;width:100%;}
	#sub_bar_in .home_ic{vertical-align:middle;padding-top:5px}
	#sub_bar_wrap  {height:auto}
	#sub_bar_wrap ul {margin-bottom:0px;}
	.dropdown-content {width:100%;float:none;}
	.dropdown {width:100%;float:none}
	 .dropbtn  {width:100% !important;height:50px;vertical-align:middle;padding-left:1rem;font-size:1.8rem;width:auto}
	 .dropdown-content a {font-size:1.8rem;padding:1.5rem 0px;padding-left:1rem;padding-right:3rem;width:auto;line-height:2rem}
		.mainVisual .sliderButtons  {display:none}
	.sec01_top .txt2 {padding:0px}	
	.sec01_top>p{position:relative;}
	.mainVisual .slick-dots {margin-top:-13rem}
	.sec01_bottom {margin-top:1rem}
	 .section01 .sectionCon {padding:6rem 1rem !important}
	 .section02 .sectionCon {padding:0}
	.sec01_top {padding:0px 1rem}
	.sec01_bottom>ul{padding:0px 1rem}
	.sec02_06, .sec02_05, .sec02_04, .sec02_03, .sec02_02, .sec02_01 {width:100%;float:none}
	.section02 .sectionCon .sec02_top>div {padding:2rem}
	.sec02_01  {min-height:320px}
	.sec02_02  {min-height:500px}
	.sec02_03  {min-height:500px}
	.sec02_04  {min-height:400px}
	.sec02_05  {min-height:400px}
	.sec02_06  {min-height:300px}
	.mo_li {display:none}
	.section .sectionCon {padding:1rem 0}
	
	
	
	
	
	.sec01_bottom>ul li>p:last-child {padding-left:1rem}
	.sec01_top .txt2 a {margin-top:2rem;margin-bottom:3rem}
	.company_wrap .txt_box {padding:0px}
	.com_img {position:relative;margin-top:3rem}
	.company_wrap {margin:3rem 0px}
	.company_wrap .txt4 {margin-top:2rem}
	.company_wrap .txt2 {margin-bottom:2rem}
	.company_wrap .txt1 {margin-bottom:2rem}

	.company_tab>li>a {font-size:1.6rem}
	.con_title {padding-bottom:2rem !important;}
	
	.sub_visual,.sub_visual2,.sub_visual3,.sub_visual4 {display:none}
	.content_in {padding:1rem }
	.tab_5>li {width:33.33333333%;margin-top:-1px}
	.message_wrap .txt_wrap {padding:0}
	.message_wrap>img {position:relative;}
	.vision_box2, .vision_box {padding:3rem 2rem }
	.vision_box2>img, .vision_box>img {margin-top:2rem;position:relative;left:0;top:0;right:0;}
	.vision_box2>div, .vision_box>div {padding:0}
	.vision_txt3 {margin-top:2rem}
	.mo_arrow {display:none}
	.message_wrap, .vision_wrap {margin-top:3rem}
	.history_wrap {min-height:auto;background:none}
	.history_wrap .history_2, .history_wrap .history_1 {padding:0;margin:0;text-align:center;}
	.history_wrap .history_2>p {padding-right:0}
	.history_wrap .history_1>p, .history_wrap .history_1 ul ,.history_wrap .history_2 ul{padding:0}
	.history_wrap .history_2>p,.history_wrap .history_1>p {margin-bottom:2rem}
	.history_wrap .history_2>p:before,.history_wrap .history_1>p:before {display:none}
	.history_wrap .history_2 ul, .history_wrap .history_1 ul{margin-bottom:2rem;border:0}
	.certi_bottom>div {width:100%}
	.certi_bottom>div>div>div {padding:0}
	.certi_bottom>div>div>img {position:relative;top:0;right:0;margin-bottom:1rem;}
.history_wrap .history_1 ul {display:inline-block}
	 .map_txt .map_btn {position:relative;margin-top:2rem}
	.map_txt .map_btn p {width:100%;}
	.map_txt .map_btn2{margin:0;margin-top:1rem}
	.skill_bx {padding:2rem;}
	.making_wrap>li {width:50%}
	.making_wrap>li:nth-child(2n+1) {clear:both}
	
	.making_wrap>li:nth-child(5n+1)  .makin_img:before {display: block}
	.making_wrap>li:nth-child(2n+1) .makin_img:before {display: none}
	.product_list>li {width:50%}
	.b-iframe {max-width:100%;width:100vw;height:100vh;max-height:100%;}
	.element_to_pop_up {top:5rem !important}
	.pop_in_top>div {width:100%;padding:0}
	.pop_in_top {margin:0}
	.right_bx .txt1 {margin:0;margin-top:2rem;}
	.right_bx .txt2 {margin-left:0;}
	.pop_in_bottom {margin-top:2rem;padding:2rem;}
	.pop_in_bottom>div>div {width:100%;padding:0}
	.pop_in_bottom>div {margin:0}
	.element_in {padding:2rem}
	#faq_wrap .beefup__head::after {display:none}
	#faq_wrap .beefup__head>div {padding-left:2rem}
	.overlay>div>div {padding:1rem;width:80%}
	.overlay>div>div>span {padding:1rem}
	.map_wrap p>img {height:10px}
	 .map_wrap p {padding:0.5rem;border-radius:0.2rem;top: calc(50% - 15px);
    left: calc(50% - 19px);}
    .sm_wrap>div {width:100%;padding:0;margin-bottom:1rem;}
	.overlay img {height:60px}
	#main_visual>div>div .txt1 {margin-top:0}
	#main_visual>div>div .txt4{margin-top:1rem}
	#main_visual .more_2 a{padding:1rem 3rem}
	.message_wrap>img {display:none}
	.message_b {text-align: right}
	.inq_btt_in {padding:0 1rem}
	.notice_top select {width:100%}
	.notice_top .m_left ,.notice_top .m_right {clear:both;float:none}
	.mo_search {width:100%;margin-top:1rem}
	.notice_tb {word-break:break-all}
	.inquiry_txt>p {width:18%;padding-right:1rem}
	.inquiry_txt>div {width:82%}
	.inquiry_txt {padding:1rem}
	.res_tb select {width:100% !important}
	.res_tb td select, .res_tb td input[type="text"], .res_tb td input[type="password"] {margin-bottom:0.5rem}
	.name_box {width:100% !important}
	.radio_bx {margin-left:0;margin-right:1rem}
	.pw_box .pw_top {background:none}
	.view_top {padding:1rem}
	.view_box table th {padding:1rem;word-break:break-all}
	.view_box table td{padding:1rem;}
	.view_box2{padding:1rem;}
	.view_box2 .txt2{position:relative;top:0;left:0;margin-top:1rem;}
	.view_btn {text-align:center !important}
	.view_btn button{margin-bottom:1rem}
	
	.certi_bottom>div>div .txt3 {min-height:auto}
}
@media screen and (max-width: 990px) {
	
}

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