@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: 765px) {
	
	
	
	#top_bar_wrap, #gnb_in {display:none}
	#topmenu_wrap {width:100%;left:0px;position:absolute;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:3rem 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}
	
	.fcont_in a {margin:0px;text-align:left;}
	.footerWrap .footerArea .fCont {border-bottom:0px;padding-top:2rem;border-top:0px}
	.section06 .fcont_in .fr, .section06 .fcont_in .fl {float:none}
	.mo_foot_1 {text-align:left;padding:0px 1rem;border-bottom:1px solid #ddd;line-height:2rem;overflow:hidden;padding-bottom:2rem;}
	.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}
	.fcont_in span {margin:0px 0.2rem}
	.fcont2_txt {margin-left:0px;}
	.mo_family {position:absolute;top:10rem;left:1rem;width:95%;display:block}
	.fcont2 .fl {float:none}
	.family_list, .family_wrap .family_inner2 .family button {z-index:99;width:100%}
	.family_wrap .family_inner2 .family {width:100%}
	.family_wrap .family_inner2 {width:100%;}
	.family_wrap {display:block;width:100%}
	.sloganArea {height:200px}
	.slog_in>div {margin-top:7rem}
	#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:45px 0}
	 .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}
	.news_wrap>div {width:100%;height:auto;border:0px;margin-bottom:3rem;display:block;}
	.news_1 {padding:0 10px}
	.news_li>li {width:50%}
	.news_li {margin-top:1rem}
	.mo_li {display:none}
	.news_2 {padding:2rem;min-height:300px }
	.news_2 .more2 {left:2rem;bottom:2rem}
	.news_ic li {width:50%;margin-bottom:2rem}
	.news_4 {padding:2rem}
	.section .sectionCon {padding:1rem 0}
	.sec04_box {width:100%}
	.sec04_box1 {padding:3rem 2rem;min-height:60rem}
	.sec04_box2 {height:100%;min-height:30rem}
	.sec04_box3{height:100%;width:100%;min-height:30rem}
	.sec04_box4 {height:100%;width:100%;min-height:30rem}
	.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 {padding-left:1rem;}
	.company_tab {margin-left:-1rem}
	.company_tab>li>a {font-size:1.6rem}
	.con_title {padding-bottom:2rem;}
	.mo_global {padding-right:5rem}
	.post_wrap>div {padding:0}
	.post_wrap>p {position:relative;}
	.port_history>div {width:100%}
	.mng_wrap >li>a, .mng_wrap >li, .mng_wrap {width:100%;}
	.mng_wrap >li {margin:0}
	.mng_img {height:300px}
	.vision_box2>li , .vision_box>ul, .vision_li >li {width:100%}
	.con_wrap_in2 {padding:0 1rem;}
	.vision_box2>li {margin-bottom:2rem;}
	.tb_st {display:block;width:auto}
	.col-3>div, .col-2>div  {width:100%;margin-bottom:1rem;}
	.tb_st>div {display:block !important}
	.mng_wrap >li>a {padding:1rem;}
	.history_wrap {margin:3rem 0px}
	.history_wrap>div>p,.history_wrap>div>div  {float:none}
	.history_wrap>div>div>ul {padding:2rem 0 0;border:0}
	.history_wrap>div>p:after, .history_wrap>div>div>ul:before {display:none}
	.history_wrap>div>div>ul>li>ul {margin-left:2rem;}
	.wrap_map {height:300px !important}
	.tb_st3 td, .tb_st1 td, .tb_st2 td {padding:1rem 0.5rem}
	.col-4>div {width:50%;margin-bottom:2rem;}
	.col-3>div:last-child, .col-2>div:last-child {margin-bottom:0}
	
	 .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:35px}
	 .notice_top>div>div a{position:absolute;right:0px;top:0px;height:40px;width:62px;}
	 .notice_top select {width:100%;margin-bottom:1rem;background-position:100% 50%}
	
	.cont_bottom >li {width:50%;padding:0 1rem;margin:2rem 0}
	.cont_bottom >li:after {display:none;}
	
	.person_wrap>div>div, .person_wrap>div>p {width:100%;display:block;}
	.person_wrap>div>div {margin-left:0}
	.person_wrap>div>p:after {display:none}
	.person_wrap>div>p {text-align: center;margin-bottom:2rem;}
	
	.benefit_wrap>li {width:50%;margin-bottom:2rem;}
	.pw_box2 table {width:100%;}
	.pw_box2 {padding:4rem 1rem}
	.cb_inap>p{display:block;width:100%}
	.cb_inap {padding:1rem 0 !important}
	
	.company_tab>li {width:50%;margin-top:1rem;}
	.mng_wrap {margin-top:3rem;}
	.new_wrap>div>div.img,.new_wrap>div>div.txt  {width:100%;display:block}
	.new_wrap>div>div.txt {padding-left:0;margin-top:2rem;}
	.new_wrap>div>div.txt>p span {float:none;margin-top:0.5rem;display:block}
	.new_wrap>div {padding:2rem;}
	.write_wrap tr input[type="text"], .write_wrap tr input[type="password"] {width:100%}
	
	.element_to_pop_up {padding:1rem;}

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

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