





@media all and (max-width:1700px) {
	.sub_nav {margin:0}
	.company_wrap {margin:0 1rem}
}
@media all and (max-width:1530px) {
	#gnb_in {padding:0 1rem}
	.main_logo {left:1rem}
	.menu_right {right:1rem}
.list_wrap {margin:0 1rem;margin-top:5rem}
.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) {
	#fp-nav ul li .fp-tooltip {width:90px !important}
#fp-nav {width:110px !important;}

.pc_img {display:none !important}
	
}
@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}
	.company_sl .slick-next {right:0;margin-right:0}
.company_sl .slick-prev {left:0;margin-left:0}
	
}
@media all and (max-width:1024px) {

.sec2_wrap_li>div>div .txt1 {font-size:2.4rem;margin:2rem 0}
/*.section .sectionCon {margin: -224px 0 0 0;}*/
.sec2_wrap_li>div>div {padding: 5rem 2rem 3rem;}
.sec3_wrap>div .txtbox_1 {padding-right:52rem;margin: 3rem 4rem 3rem;}
.sec3_wrap>div>p>img {height:590px}
.con_li_st>div {height:415px}
/*.section03 .sectionCon {margin: -240px 0 0 0;}*/
.center_wrap {margin-top:3rem;}
.center_wrap {height:150px}
.section04 .sectionCon {margin: -220px 0 0 0;}
.sec2_wrap_li>div>div>ul>li>a {padding:10px 0 !important}
.sec3_wrap>div .txtbox_1 .txt2 {font-size:3.5rem}
#fp-nav.right{display:none}

.mainVisual {height:600px !important}
	
/*#section5,
#section4,
#section3,
#section2,
#section1 {height:auto !important;overflow:hidden}
.section .sectionCon {
		
  position: relative;
  top: 0;
  left: 0;
 
  margin:0;
  height:auto
	}

.section01 .sectionCon {padding:3rem 1rem}
.section02 .sectionCon{padding:7rem 1rem 12rem}	

.sec0_in {padding:1rem}

.section03 .sectionCon {padding:8rem 1rem 13rem}

.section04 .sectionCon {padding:5rem 1rem 10rem;}

.section05 .sectionCon {padding:5rem 1rem}
.animate__animated {display:block !important;opacity:1 !important;animation-duration: 0s !important;}*/


}
@media all and (max-width:890px) {
	#gnb>h1 img {height:35px}
	.menu>li>a {padding:4rem 0.6em;font-size:1.6rem;}
	.top_r img {height:42px}
	.sub_m2 {padding-left:150px}
	.sub_m5 {padding-left: 200px;}
	
	
	.sub_m1 {padding-left:80px}
	.sub_nav img {height:11px}
	
}
@media all and (max-width:1366px) {
	
.right_menu,
	#top_bar_wrap, #gnb_in {display:none}
	#topmenu_wrap {width:100%;left:0px;position:absolute;margin-left:0px;top:0px;}
	.top_wrap {position:relative}
	.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 ;position:relative}
	 /*.aside-backdrop.in, .aside.in {display: block  !important}*/
	  .aside-backdrop.in, .aside.in {right:0 !important;width:100%  !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:2rem;
	}
	.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}
.fcont2 {padding:1rem;padding-top:0}
.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}
.top_top {padding: 0;padding-right:1rem}
.top_top .fl li {padding:5px 0;width:77px}
.top_top .fr li {padding:5px 0}
.right_fix {display:none}
.fcont_bt {padding-bottom:1rem}
.fcon_top2 {padding:1rem 0}
.mo_family {right:1rem;top:0}

.sub_visual {margin-top:71px;}

}
		
@media screen and (max-width: 1024px) {

.notice_search .search_b {padding:0}
.search_bx1 {width:70%;}
.sub_nav{margin:0 1rem;margin-top:-7rem;padding:3rem 1rem}
.tab_wrap {padding:0}
.tab_wrap .left_txt {width:100%;position: relative;margin-bottom:2rem}
.sub_visual1{height:300px}
.sub_title{font-size:3rem}

.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}


.visual_txt_in {padding:0 2rem}
	.visual_txt2 .st2 {padding:2rem 0}
	.vsiaul_banenr {display:none}
.section_in_in,
.sectionCon_in {display:block}

	.sliderButtons {position:static !important}
.slider2 .slick-prev, .slider .slick-prev{left:-1rem;bottom:50%;}
	.slider2 .slick-next, .slider .slick-next{right:-1rem;bottom:50%;left:inherit}
	.sliderButtons .sliderPrev {left:25px}
	.dropdown-content {width:100%;float:none;}
	.dropdown {width:100%;float:none}
	#sub_bar_wrap:before {display:none}
	#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;}
.scroll {display:none}
.sec4_re_in {padding:3rem 1rem}
.sec4_bx_r li {width:100%;margin-bottom:3rem;}
.section{height:auto !important}
.main_visual .slider .slidesItem .items .motionArea .txBx {left:1rem}
.section00 {padding-bottom:0;height:500px !important;}
.re_id_b>p:before {display:none}
    .sec1_bx {padding:15rem 1rem}
.sec1_bx_in:before {display:none}
.sec4_in .left {left:2rem}
.footerWrap {padding:3rem 0}
.sec4_in {padding:2rem;padding-left:34rem;}

}		
@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}



	.fcont2 .top_btn img {width:60px;}
	#fp-nav.right {display:none}
	.foot_txt1 a, .foot_txt1 {font-size:1.5rem;}
	.foot_txt1 {margin-top:30px !important;line-height:1.8rem;letter-spacing:-0.4px}
	
	
	.mainWrap{padding-top:100px;}
	.custom_paging .slick-active {font-size:2rem;}

	.button_li {margin:0 3rem 0 1rem;margin-bottom:3rem;}
	.sec2_title,
	.sec1_title {margin-bottom:2rem}
	.button_li .slick-arrow{position:absolute; top:50%;margin-top:-30px;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.button_li .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:-1rem;background:url('/image/main/btn_prev6.png') no-repeat;width:12px;height:23px;margin-top:-12px;    z-index: 999999;}
.button_li .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:-3rem;background:url('/image/main/btn_next6.png') no-repeat;width:12px;height:23px;margin-top:-12px;    z-index: 999999;}

	.nav_st1{left:-2rem;margin:0 2rem}
	.bxslider .slick-dots > li.slick-active button,
	.bxslider .slick-dots > li button{width:10px;height:10px}
	.nav_dot>span{display:none !important;font-size:1.5rem}
		.slick-current .nav_dot>span{display:block !important}
	.pc_con2 {display:none}
	.nav_dot:before{left:64%;width:87%}

	.mo_con2 {display:block}
	.sec2_wrap>div.left {display:none}
	
	.mo_sub_img img, 
	#topmenu_wrap h1 img {height:40px}
	.mb_menu img {height:18px;}
	
	
	.pc_foot {display:none}
	.mo_foot {display:block}
	.fcont2 .top_btn {top:5rem;right:2rem}
	
	.fcont_in a {float:left;margin:0px;display:inline-block;width:25%;text-align:center;}
	
	.section06 .fcont_in .fr, .section06 .fcont_in .fl {float:none}
	
	.fcont2 .fl {float:none;}
	.fcont2 .fl {display:inline-block;}
	.family_wrap .family_inner2 .family,
	.family_wrap .family_inner2 {width:100%;}
	.family_list, .family_wrap .family_inner2 .family button {width:100%}
	
    .fcont_bt {background:none}
    .sec3_bg .st2 {font-size:3rem;line-height:4rem}
    .family_wrap {float:none;margin-top:1rem;width:100%;}
    .pc_br {display:inline}
       
       #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}
   #sub_bar_wrap,
    #sub_bar_in .home_ic {height:50px}
    
    .sub_visual>div {padding:0 2rem}
    #sub_bar_in .home_ic {width:50px}
       #sub_bar_wrap {margin-top:0}
    .sub_visual {height:250px}
    #sub_bar_in .home_ic img {height:20px}
     .down2 button,.dropbtn {background:none}
    
     .sub_visual .right,
     .sub_visual .left {display:none}

.mo_br {display:block}
.main-slider .slick-prev,
.main-slider .slick-next,
.right_txt2,
.sec1_bx_in:before,
.right_txt3,
.right_txt4,
.right_txt1 {display:none !important}
.sec1_bx {padding:5rem 1rem}
.sec1_bx_in>div {width:100%;display:block}
.sec3_bg2>li {width:100%;display:block;height:auto;padding:7rem 2rem;border-bottom:1px solid rgba(255,255,255,.3)}
.sec1_bx_in .right {top:0;position:relative;right:inherit;}
.sec1_bx_in {padding:0}
.sec1_bx_in .right {width:100%}
.sec4_in .left .st3 {margin-top:4rem;}
.sec4_in .left {position: relative;left:0;top:0;margin-bottom:4rem;}
.sec4_in {padding:0;padding:2rem;}
#section3:before {display:none}
.mslid_box .swiper-container {padding:0}
.sec4_box .right {height:auto;width:100%;float:none}
.slider_nav_wp{left:0;margin-left:0;padding:0 1rem}
.nav_li {font-size:1.6rem;height:45px;}
.sec4_box .top1,
.sec4_box .top2>div,
.sec4_box .left {padding:3rem;height:250px !Important}
.footerWrap {padding:2rem 0}
.sec4_box .right>div>a>div, .sec4_box .top2>div>a>div, .sec4_box .left>div>a>div {background:none}
.sec4_box .top2 a {position: relative;right:inherit;bottom:inherit;left:inherit}
.sec4_box .top2,
.sec4_box .top1 {height:auto}
.sec4_box .top2>div {width:100%;float:none}
.sec4_box .left {height:100%;float:none;width:100%;}
.mslid_box .swiper-slide > a > .img > span {border:0}
.mslid_box .swiper-slide > a > .img > span {box-shadow:inherit !important}

.sub_bar li {width:33.3333%;}
.sub_bar li:nth-child(3n+1) {clear:both}
.sub_bar a {padding:1.2rem 0}
.sub_con {padding:5rem 1rem}
.partners_li, .partners_li2 {margin-left:-1rem}
.partners_li2>li {padding-left:1rem;width:50%;margin-bottom:2rem;}
.partners_li>li {padding-left:1rem;width:50%;margin-bottom:1rem}
.partners_txt{margin-bottom:3rem;}
.con1_1 {font-size:3rem}
.id_box li {width:33.33333%;}
.id_box {padding:2rem 0}
.id_li2>li {width:100%;margin-bottom:2rem}
.id_bg2 .st2:before {height:30px}
.id_bg2 {padding:10rem 1rem}
.id_box:before {height:20px;margin-top:-11px}
.history_bx .st1 {margin-top:2rem}
.history_bx .st2 {margin-top:20px !important}
.history_bx>div {width:100% !important;display:block;}
.car_li .slick-dots li {width:10px;height:10px}
.car_li .slick-dots{bottom:1rem}
.lo_st3 {margin-bottom:0;}
.lo_st1  p {float:none;}
.lo_st3 {padding:0}
.network_li>div {width:100%;margin-bottom:1rem;}
.sm_wrap>div {width:100%;margin-bottom:2rem;}
.lo_st2  {border:0;padding-bottom:0;}
.map_wp iframe {height:300px !important}
.lo_btn a {margin-top:2rem;}
.lo_st3>div {float:none;width:100%;margin-bottom:2rem;}
.car_li2>li{width:50%}
.lo_tb p.st1 {width:65px}
.lo_tb p.st2 {padding:0;width:95px;padding-left:2rem}
.car_li2 p{margin-top:1rem}
.car_li2>li:nth-child(2n+1) {clear:both}
.car_li2>li:nth-child(3n+1) {clear:inherit}
.view_top>div {width:100%;display:block}
.system_li2>div,
.talent_li>li {width:100%;margin-bottom:2rem}
.system_li>div {width:100%;margin-bottom:4rem;}
.system_li>div>div:before {display:none}
.system_li3>li {width:50%;}

.consul_tb .ch,
.consul_tb .radio {min-width:120px}
.consul_tb  colgroup col:nth-child(1) {word-break:break-all; width:18% !important}
.consul_tb input[type="radio"] ,
.consul_tb input[type="checkbox"] {vertical-align: middle}
.consul_tb input[type="text"] {width:100% !important}
.select_box2 {background:none}
.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%}
    .table_st1 td {padding:5px;}
.notice_wrap colgroup col:nth-child(1),
.notice_wrap colgroup col:nth-child(3) {width:10%}
    
.table_st1 th {word-break: break-all}
.re_id_b>div, .re_id_b>p {width:100%;display:block}
.ph_box select,
.ph_box input[type="text"] {width:30% !important}
.car_bar:before {top:4px}
.view_wrap .top_bar1 .title1 a {margin-top:1rem;display:block;float:none}
.notice_wp>li a .st3, .notice_wp>li a .st4{width:25%;}
.notice_wp>li a .st1 {border:0;width:100%;text-align:left !important}
.notice_wp>li a .st2 {padding:0;margin:1rem 0}
.notice_wp>li a>div>div {display:block;}
.view_top .right {padding-left:0;margin-top:2rem}
.main_visual .slider .slidesItem .items .motionArea .motion.text01 {padding-bottom:2rem}
.main_visual .slider .slidesItem .items .motionArea .motion.text01 {font-size:4rem}
.main_visual .slider .slidesItem .items .motionArea .motion.text02{font-size:1.8rem}


}

@media screen and (max-width: 400px) {
    .main-slider .txt_bx {width:100%;padding:0 2rem}
}

