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

}

@media screen and (max-width: 1800px) {
	#gnb h1 {margin-right:2rem;}
	.menu_top>span {padding:1rem 4rem }
}
@media screen and (max-width: 1600px) {
	#gnb {margin:0 2rem}
	.menu_top>span {padding:1rem 2rem }
}
.mo_img {display:none !important;}
@media screen and (max-width: 1024px) {
	#top_bar_wrap, #gnb {display:none}
	#topmenu_wrap {width:100%;position:relative;padding:1.5rem 1rem;left:0px;margin-left:0px;top:0px;background:none;}
	#topmenu_wrap h1 {margin-top:0px;}
	.mo_on_top h1 img,
	#topmenu_wrap h1 img {height:33px;}
	#mb_gnb, .mb_header {display:block}
	#sub_bar_wrap, #footer_inner img, #top_right, #hidden_logo {display: none}
	.mb_header {position:relative}
	.mb_header  button {}
	.mo_on_top  button img,
	.mb_header  button img {height:18px}
	.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%}
	.mb_menu  {background:none;border:0px;}
	
	.right_lang li a {font-size:1.2rem;padding:0.5rem 2rem;}
	.right_lang {margin-left:0;margin-right:2rem}
	.tab_con2 {margin:0 3rem}
	
	#con_wrap2 {padding:6rem 1rem}
	.con2_in .txt2:after {width:100%}
	.con2_in .txt2 {margin-bottom:5rem;}
	.con2_in .img {right:0;top:0;margin-top:3rem;position:relative}

	#con_wrap3 {padding:5rem 1rem}
	.con_title2 .txt1:before {width:60px;left: -80px;background-position: right;}
	.con_title2 .txt1:after {width:60px;right: -80px;}
	.con3_box>div {width:50%;margin-bottom:2rem;}
	.con2_in .txt1 {padding-top:0}
	
		#footer_wrap .sns_ic img {height:50px}
	#footer_wrap .sns_ic {right:2rem; top:3rem;}
	 .aside-backdrop.in, .aside.in {display: block  !important}
	
	#footer_inner {padding:3rem 1rem;background:none;}
		.mo_img {display:inline-block !important}
	.pc_img {display:none !important}
	
	.visual_box span {width:100%}
	
	.content_wrap {padding:5rem 1rem}
	
	.history_bx>div {width:100%}
	.history_bx>div>div {display:table-cell;margin-top:0 !important}
	
	.history_bx>div>div:nth-child(1){width:35%;vertical-align: middle;padding:0 2rem;padding-left:1rem;}
	.history_bx>div>div:nth-child(1) img {width:90%}
	.history_bx>div>div:nth-child(2)  {width:65%;padding-right:1rem;}
	.history_bx>div>div>div:before,
	.history_bx>div>div>div:after {display:none}
	.history_bx .year3,
	.history_bx .year2,
	.history_bx .year {width:100%;padding: 0.5rem 0; text-align: center;}
	.hi_txt>p>span:nth-child(2) {width:100%}
	.history_bx>div {margin-bottom:3rem}
	.history_bx>div>div>div {margin:0}
}

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

	.content {width:100% !important;}
	#mb_gnb h2 {border-bottom:1px solid #ddd;font-size:14px;padding:20px 10px}
	
	.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 ;}
	.sub_title.mt60 {margin-top:3rem !important}
	
	.visual_txt .txt1 {font-size:4.6rem}
	.visual_txt .txt2 {font-size:2.3rem;}
	.visual_txt .txt3 a {font-size:1.4rem;}
	.bxslider .slick-dots > li {padding:0 7px}
	.bxslider .slick-dots {bottom:4rem}
	.bxslider .slick-dots > li button {width:12px;height:12px}

	.tab_con2 {margin:0}
	.tab_con2 .tab {width:auto}
	.con_wrap1 {padding:6rem 1rem 14rem}
	.con_title1 .txt2 {margin-top:2rem;}
	.con_title1 .txt1:before  {width:60px;left:-75px;background-position: right;}
	.con_title1 .txt1:after {width:60px;right:-75px;}
	.hover_b {display:block !important}
	.con_wrap {margin:0 4rem}
	.con_wrap .slick-prev {left:-4rem}
	.con_wrap .slick-next {right:-4rem}
	
	.mo_br {display:block}
	.con_wrap .box1 {padding:1rem;}
	.hover_b {padding:2rem;}
	.con_1 {padding-right:0}
	.con_1>div {width:100%;position:relative;margin-top:2rem;}
	
	
	
	.con_3 {padding:0;margin:0;margin-top:-1rem !important;}
	.con_3>div {width:100%;margin-bottom:2rem;padding:0 2rem;}
	.con_3>div>p{margin:1rem 0 2rem}
	.con_3:before{height:170px;top:87px;}
	#sub_visual{height:250px;background:url("/image/sub/sub_visual1_mo.jpg") center center no-repeat;background-size:cover;}
	#sub_visual>p {display:block;}
	#sub_visual .nav {position:relative;width:100%;left:0;top:0;padding-top:1rem;}
	.sub_title{padding-bottom:1rem;}
	#sub_visual {display:table;width:100%;}
	#sub_visual>div {display:table-cell;vertical-align: middle;}
	#sub_visual>div>p {display:block;font-size:3rem;}
	#sub_visual .nav,
	#sub_visual>div>p >span {font-size:1.3rem;}
	
	
	
	.main_tab_bx .tab {border:0;border-right:1px solid #ddd;background-color: #f4f4f4;position:relative;width:100%;overflow:hidden;}
	.main_tab_bx .tab a {margin-bottom:0;width:50%;float:left;border-right:0;margin-top:-1px;}
	.main_tab_bx .tab {}
	.tabcontent {width:100%;padding:2rem;}
	.main_tab_bx {height:auto}
	
	.main_tab_bx .tab a span.img_dummy {width:8rem}
	.main_tab_bx .tab a span.txt1 {font-size:1.4rem;padding-left:1rem}



.main_tab_bx2 .tab2 {border:0;border-right:1px solid #ddd;background-color: #f4f4f4;position:relative;width:100%;overflow:hidden;}
	
	.main_tab_bx2 .tab2 a {width:50%;float:left;border-right:0;margin-bottom:-1px;}
.main_tab_bx2 .tab2 a {margin-bottom:0;width:50%;float:left;border-right:0;margin-top:-1px;}
	

	.tabcontent2 {width:100%;padding:2rem}
	.main_tab_bx2 {height:auto}
	
	.main_tab_bx2 .tab2 a span.img_dummy {width:8rem}
	.main_tab_bx2 .tab2 a span.txt1 {font-size:1.4rem;padding-left:1rem}

.last_tab2 {width:100% !important}




.mt20 {margin-top:10px !important;}
.mt30 {margin-top:20px !important;}
.mt40 {margin-top:20px !important;}
.mt50 {margin-top:30px !important;}
.mt60 {margin-top:40px !important;}
.pro_bar>div>div>ul,
.pro_tb .txt2{width:100%;display:block;padding:0}
.pro_bar>div>div>div,
.pro_tb .txt1 {width:100%;display:block;padding:1rem}
.pro_tb .txt2_in {padding:1rem}
.pro_bar{padding:2rem 1rem 3rem}
.pro_bar>div>div>ul li:last-child{border-right:0}
.pro_bar>div>div>ul li{width:33.333333%;height: auto;display:table;min-height:7rem;float:left;border-bottom:1px solid rgba(255,255,255,0.2);border-left:0;}
.pro_bar>div>div>ul li:nth-child(3n+1) {clear: both}
.pro_bar>div>div>ul li span {vertical-align: middle;display:table-cell;}
.pro_tb {display:block}
.tb_wrap {overflow-y:scroll}
.copa_li>li {width:50%;margin-bottom:2rem}
.tb_wrap>table {width:700px}
.hot_2 .left,
.hot_l .left {position: relative}
.hot_2,
.hot_l{padding:0}
.hot_2 .txt1,
.hot_l .txt1{height:auto;margin-top:1rem}
.hot_2 .txt1 div,
.hot_l .txt1 div{padding-left:0;}

.app_slider .tab a {width:50%}
.app_txt1>div {padding:0 4rem}
.app_txt1>div:before{left:0}
.app_txt1>div:after{right:0}

.copa_li2>li {width:50%}
.pro_bar2_in{padding:3rem 1rem}
.clo_li{padding:0 4rem}
.clo_li .slick-next{right:0;  height: 30px; margin-top: -40px;  background-size: contain !important;}
.clo_li .slick-prev{left:2rem; height: 30px; margin-top: -40px;   background-size: contain !important;}
.shot_li {padding:0}
.news_li>div{width:50%}
.sm_wrap>div,
.con_li>div{width:100%}
.select_box {width:30%}
.in_box {margin:0;border-bottom:0}
.main_tab_bx2  .tabcontent2,
.main_tab_bx  .tabcontent {padding:0 !important}
.news_li>div:nth-child(3n+1) {clear:inherit}
.news_li>div:nth-child(2n+1) {clear:both}
}
@media screen and (max-width: 765px) {
	.con_box {margin-bottom:30px}
	.bx-wrapper .bx-pager.bx-default-pager a {width:12px !important;height:12px !important;}
	.content {padding:30px 10px !important}
}