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

	#gnb_wrap {padding:0 1rem}
    #gnb_wrap h1 {left:1rem;top:3.3rem}
    .right_ic {right:1rem;}
    #sub_bar_in .arrow {right:0}
    .menu>li>a {width:190px;}
    .fcont2 {padding:1.5rem 1rem}
    .foot_btm {padding:3rem 1rem}
    #sub_bar_wrap {padding:0;}
    #sub_bar_in>ul>li.sub_m ul li {margin:0 5rem;}
}
@media all and (max-width:1530px) {
	#gnb_in {padding:0 1rem}
	.main_logo {left:1rem}
.sub_nav>p {left:0}
}
@media screen and (max-width: 1146px) {
	#gnb h1 {margin-top:2.5rem;}
	#gnb>h1 img {height:52px}
	.menu>li>a {padding:4rem 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: 1366px) {

.pc_img {display:none !important}
	
}
@media all and (max-width:1024px) {

#fp-nav.right{display:none}

.mainVisual {height:600px !important}
	.section{height:auto !important}


}
@media all and (max-width:890px) {
	#gnb>h1 img {height:35px}
	.menu>li>a {padding:4rem 0.6em;font-size:1.6rem;}

	
}

.mo_img2 {display:none}
@media all and (max-width:1366px) {
	.sectionWrap {position:relative}
.right_menu,
#gnb_wrap>h1,
	#top_bar_wrap, #gnb_in {display:none}
	#gnb_wrap h1 {position: relative;left:0;top:-10px;}
	#topmenu_wrap {background-color:#fff;width:100%;left:0px;position:relative;margin-left:0px;top:0px;}
	.top_wrap {position:relative}
	.subContentWrap  {margin-top:-100px}
	#mb_gnb, .mb_header {display:block}
	.mb_header {width:100%;position:absolute;padding:2rem }
	.mb_header h1 img {height:15px;margin-left:-5px;vertical-align: middle}
	 /*.aside-backdrop.in, .aside.in {display: block  !important}*/
	  .aside-backdrop.in, .aside.in {right:0 !important;width:50%  !important}
	 .icon-bar {
	    background-color: #fff;
	    width: 50px;
	    height: 3px;
	    display:block;
	    margin-bottom:8px
	}
	.mb_menu {
    background: none;
    border: 0px;
    position: relative;
    right: 1rem;
    top:0;
	}
	.mo_menu_wrap {margin-top:2rem;}
	.mo_sub_img>span {font-size:1.8rem;display:inline-block;margin-right:1rem;}
	.mo_sub_img>span.on {font-weight:500;border-bottom:2px solid #000;}
	.mo_open {padding:0 1rem}
	.mo_open .top_select  {width:20%}
	.mo_open .top_search  {width:76%;margin:0}
	.mo_open .top_search input[type="text"] {width:83%}
	.fcont2_txt {display:none !important}
	.sec2_wrap>div.right>div {font-size:1.6rem;max-width:39rem}
	.fp-viewing-3 .header  {background-color:#fff;}
.fp-viewing-2 .header a,.fp-viewing-3 .header a  {color:#464646}
.fp-viewing-2 .header .menu_on,.fp-viewing-3 .header .menu_on {display:inline-block}
.fp-viewing-2 .header .menu_off,.fp-viewing-3 .header .menu_off {display:none}
#content_box {height:420px;}
.sectionCon .best_main {margin-left:7rem}
.our_wrap li {width:360px}
.accordion>p.mo_copy {padding-top:0;padding-bottom:4rem}
.foot_tb>div:first-child {width:100%}

#gnb {display:none}
.mainVisual .slider .slidesItem .items .motionArea .txInner {padding:0 1rem 23rem}
.mainVisual .slick-dots{left:1rem;margin-left:0}
.glo_ic {
	   
    position: absolute;
    left: 1rem;
    top: 3rem;
}
.glo_ic img {height:25px !important}
        .left_num {position: absolute;left:1rem;bottom:1.5rem;color:#e94910;font-weight: 500;font-size:1.4rem;}
	.right_btn {top:3rem;right:1rem;position:absolute}
	.right_btn img {height:18px}
	
.mo_img {display:block !important}

.right_fix {display:none}
.fcont_bt {padding-bottom:1rem}
.fcon_top2 {padding:1rem 0}
.mo_family {right:1rem;top:0}

#gnb_wrap {padding:0}
.mo_right  {position: absolute;right:2rem;top:2rem;}
.mo_right img {height:18px;}
.progress_wp {margin-top:-130px}

#gnb_wrap h1 a {height:auto;width:auto;text-indent:0;background:none;}

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



.sub_nav>p{left:0}

.sectionCon_in {padding:0}

.bxslider .slick-next,
.bxslider .slick-prev {display:none !important}
.video_left:before {height:100%;width:100%;left:1rem;top:1rem}
.myVideo {width:100%;height:100%}
.sec1_wrap>div {width:100% !important;float:none}


.section_in_in,
.sectionCon_in {display:block}

	.sliderButtons {position:static !important}
.sliderButtons .sliderPrev {left:25px}
	.dropdown-content {width:100%;float:none;}
	.dropdown {width:100%;float:none}
	.section00 {
    padding-bottom: 0;
    height: 600px !important;
}



.scroll {display:none;}



.custom_paging {margin-left:0;left:12rem}
        #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 {padding:0;}
.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}
.main_visual .slick-dots {display:none !important}
.sub_con {padding:5rem 1rem 10rem}
.sec_center2,
.sec_center3,
.sec_center {;top:0;left:0;transform: translate(0%, 0%);}
.main_visual .slider .slidesItem .items .motionArea .motion.text01 {line-height:3rem;font-size:2rem}
.main_visual .slider .slidesItem .items .motionArea .txInner {padding:0;padding-left:2rem}
.sub_visual {padding:13rem 0 7rem}
.fixed_right {display:none}
.mslider_in {left:0;margin-left:0;padding:0 4rem;}

.root_daum_roughmap .wrap_map {height:300px  !Important}

.sec1_in .right {padding-left:0;}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight2 !important;
  animation-name: fadeInRight2 !important;
   animation-duration: 2s;
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft2 !important;
  animation-name: fadeInLeft2 !important;
   animation-duration: 2s;
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown2  !important;
  animation-name: fadeInDown2 !important;
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp2  !important;
  animation-name: fadeInUp2 !important;
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn3 !important;
  animation-name: fadeIn3 !important;

}
.visual .slick-dots {margin-left:0}


.sub_wp {padding:5rem 1rem 8rem}
.right_fixed,
.sub_in .left_bx {display:none;}
.sub_in .right_bx {width:100%;}
.sec3_bx3 {padding:5rem 1rem}
.sec3_bx6 {margin-left:-2rem}


.custom_paging li {text-align:center;width:100%}
.custom_paging {left:0;right:inherit;text-align:center;width:100%;bottom:28.5%;}
.mainVisual .slick-prev {right:inherit;left:50%;margin-left:-8rem;bottom:25%;height:20px;background-size:contain !important;}
.mainVisual .slick-next {right:50%;margin-right:-8rem;;height:20px;bottom:25%;background-size:contain !important;}
#section1:before {display:none;}
.main_con1>div:nth-child(1) {padding:0;}
.main_con1>div {width:100%;}

#section3,
.sec_center3 {padding:7rem 2rem}
#section3 {margin:7rem 0;}
#section4 {padding:2rem}
.visual2 .slick-prev,
.visual2 .slick-next {display:none !important}
#section1 {background-color:#f9f9f9;padding:7rem 2rem 2rem;}

.custom_paging3 {;position:absolute;left:0;width:100%;;bottom:-4rem;;;}
.custom_paging3 li {width:100%;position:absolute;text-align:center;top:0;color:rgba(0,0,0,0);height:30px}
.custom_paging3 li p {font-size:1.8rem;position:absolute;top:0;left:50%;margin-left:-84px;}
.custom_paging3 .slick-active {color:#000;font-size:1.8rem;letter-spacing:0.5rem;font-weight:500;}

.visual  .slick-arrow{position:absolute; ;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.visual  .slick-prev {text-indent:-999999px;z-index:99;border:0;bottom:-6.9rem;position:absolute;    left: 50%;margin-left: -8rem;;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev3.png') no-repeat;width:18px;background-size: contain !important;height:20px;}

.visual  .slick-next {text-indent:-999999px;z-index:99;border:0;bottom:-6.9rem;;position:absolute;    margin-right: -8rem;right: 50%;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next3.png') no-repeat;width:18px;height:20px;background-size: contain !important;}

.visual2 .slick-dots {margin-left:0;margin-right:-2rem;width:inherit;}
.visual2 .slick-slide {padding-left:2rem;}
.visual2 {margin-left:-2rem;visibility: visible !important}
.con1_right   {margin-top:6rem;}
.sub_wp3,
.sub_wp2 {padding:7rem 1rem 10rem}
}		
@media screen and (max-width: 820px) {
	
	
.mt10 {margin-top:10px !important}
.mt20 {margin-top:10px !important}
.mt30 {margin-top:10px !important}
.mt40 {margin-top:20px !important}
.mt50 {margin-top:30px !important}
.mt60 {margin-top:40px !important}
.mt70 {margin-top:50px !important}
.mt80 {margin-top:60px !important}

#gnb_wrap h1 {left:-5px;top:-13px;}

	.fcont2 .top_btn img {width:60px;}
	#fp-nav.right {display:none}
	.foot_txt1 a, .foot_txt1 {font-size:1.5rem;}
	
	.mainWrap{padding-top:100px;}
	
.mslider_in .motion.text02_2 {font-size:4rem;line-height:5rem;}
.mslider_in .motion.text02_3 {font-size:2rem;}
	
	.pc_foot {display:none}
	.mo_foot {display:block}
	.fcont2 .top_btn {top:5rem;right:2rem}
	
	 .pc_br {display:inline}
  .mo_br {display:block}
.foot_logo {display:none}
.pc_img2 {display:none}
.mo_img2 {display:block}
.fcont2 .fl,
.fcont2 .fr{float:none;display:block}
.family_list,
.family_wrap .family_inner2 .family button {width:100%;}
.family_wrap .family_inner2 {display:block;width:100%;}
.family_wrap .family_inner2 .family {right:inherit;position: relative;}
.sec3_li>li:nth-child(n+5) {display:none;}
.sec3_li>li {width:50%;}
.sec3_btn a img {height:20px;}
.family_list {bottom:30px;}
.family_wrap .family_inner2 .family button {background-position:92% 50% ;}
.family_wrap .family_inner2 .family button,
.family_wrap .family_inner2 {height:30px;}
.sub_bg {padding:15rem 0 7rem}
.visual_btm li a {font-size:1.8rem}
.visual_btm li:nth-child(1) img {height:20px;} 
.visual_btm li:nth-child(2) img {height:17px;} 
.map_txt1>span {margin:5px 1rem;display:block;}
.visual_btm img {margin-left:0;float:right;vertical-align: middle;}
.visual_btm{padding:2rem;right:0;left:0;bottom:0;clear:both;overflow:hidden;margin-left:-3rem;}
.visual_btm li {width:50%;padding-left:3rem;float:left;margin-right:0;}
.progress > li.active .bar_w {margin-top:7px}
.progress_wp {margin-top:-110px}
.notice_bar select  {width:100%;margin-bottom:0.5rem}
    .search_bar {padding:0px 1rem 1rem 1rem;}
    .search_bar p,.search_bar div {width:100%;float:none}
    .search_bar div input[type="text"] {width:100%}

.notice_wrap colgroup col:nth-child(1),
.notice_wrap colgroup col:nth-child(3) {width:10%}
.table_st1 th {word-break: break-all}


.portfolio_li>li {width:50%;margin-bottom:3rem;}
}
@media screen and (max-width: 600px) {
   
}

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