@media all and (max-width:1700px) {
	.sub_nav {margin:0}
	#gnb_wrap {padding:0 1rem}
    #gnb_wrap h1 {left:1rem}
}
@media all and (max-width:1530px) {
	#gnb_in {padding:0 1rem}
	.main_logo {left:1rem}
	.menu>li>a {min-width:14rem}
.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;}
.work_tab .st3 {width:100%;margin-top:2rem;}
.pc_img {display:none !important}
.work_tab .st3 input[type="text"] {width:92%}
.sub_con {padding:0 2rem;}
	
}
@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;}

	
}
@media all and (max-width:1366px) {
    .top_menu .right {right:1rem;}
    #fp-nav {display:none;}
.top_menu {padding:3rem 1rem;}
.sec2_bx>div.img {height:100%;}
.sec2_bx {padding:5rem 2rem;min-height:100vh;text-align:center;}
.sec2_bx>div.img .st5  {margin-top:8rem;;}
.sec2_bx>div.img .st5 img {height:50px;}
.sec2_bx>div.img .st6  {position:absolute;left:2rem;top:15rem;}
.sec2_bx>div.img .st6 img {height:30px;}
.sec2_bx>div.img .st7  {position:absolute;right:2rem;top:15rem;}
.sec2_bx>div.img .st7 img {height:30px;}
.sec2_bx>div.img .st8  {position:absolute;right:2rem;bottom:25rem;}
.sec2_bx>div.img .st8 img {height:30px;}
.sec2_bx>div.img .st9 {position:absolute;left:2rem;bottom:32rem;}
.sec2_bx>div.img .st9 img {height:30px;}
.sec2_bx>div {width:100%}
.sec2_bx>div.img{position:absolute;left:0;}
	.sectionWrap {position:relative}
.right_menu,
#gnb_wrap>h1,
	#top_bar_wrap, #gnb_in {display:none}
	#gnb_wrap h1 {position: relative;}
	#topmenu_wrap {background-color:#fff;width:100%;left:0px;position:relative;margin-left:0px;top:0px;}
	.top_wrap {position:relative}
	.subContentWrap  {margin-top:-100px}
	#topmenu_wrap h1 {margin-top:0px;text-align: left;left:0;top:0;}
	#mb_gnb, .mb_header {display:block}
	.mb_header {width:100%;position:absolute;padding:1.5rem 1rem }
	 /*.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:0;
	}
	.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}

#gnb_wrap {padding:0}
.footerWrap {padding:6rem 1rem 2rem }
.mo_right  {position: absolute;right:1rem;top:4rem;}
.mo_right img {height:10px}
}
		
@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;
}*/
/*.sec2_bx,
.sec3_bx {position: relative; -webkit-transform: translate(0%, 0%);top:0;left:0;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);}*/
.menu_dip>div {padding:2rem;}
.sec3_bx {padding:20rem 2rem;}
.top_menu {position: absolute}
.con1_bx  {padding:0 2rem;}
.sec3_bx .st3 {margin-top:3rem !Important}
.sec3_bx .st5 {margin-top:3rem !Important}
.works_li>li {width:50%}
.view_txt3 .fr,
.view_txt3 .fl {margin-bottom:2rem;float:none;width:100%;}
.about_view .st2 {padding:10rem 2rem;}
.about_view .st1 {width:22%;}
.contact_wp,
.people {padding:0 2rem;}
}		
@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;}
	
	.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:49px}
	.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 .fr,
	.fcont2 .fl {float:none;}
	.fcont2 .fl {}
	.family_wrap .family_inner2 .family,
	.family_wrap .family_inner2 {text-align:center;width:100%;}
	.family_list, .family_wrap .family_inner2 .family button {width:100%}
	.family_wrap .family_inner2 .family button {text-align:center;}
    .fcont_bt {background:none}
    .bottom_st3 {display:none}
    .sec3_bg .st2 {font-size:3rem;line-height:4rem}
    .family_wrap {float:none;margin-top:1rem;width:100%;}
    .pc_br {display:inline}
  .sec2_bx .st1 span {width:10px;height:10px}
.mo_br {display:block}
/*.visual_wp {height:600px;}*/
.top_menu h1 img {height:20px}
.top_menu h1 {margin-top:-1.1rem;}
.top_menu h1 .on_l {margin-top:1.3rem}
.menu-btn {width:33px;height:33px;padding:0 6px;}
.sec2_bx .st1 {font-size:4.5rem;text-align:center;}
.menu-btn {;padding:0 10px;margin-left:1rem;}
.sec2_bx .st4 a {font-size:1.7rem;padding:1.2rem 5rem;}
.menu-btn span {margin-top:10px}
.menu-btn span:nth-child(2) {top:4px;}
.menu-btn span:nth-child(3) {top:8px;}
.menu-btn.active span  {margin-top:7px}
.sec3_bx .st1,
.visual_wp .st1 {font-size:5rem;}
.sec3_bx .st2,
.visual_wp .st2 {font-size:2rem;}
.foot_in {padding:5rem 0 2rem;}
/*.circle-bg{display:none}*/
.sec3_bx img {height:50px}
.bx4_txt1 .st2 li {width:100%;font-size:4rem;}
.menu-btn span {width:12px;height:1px;}
.bx4_txt1 .st2 li {margin-bottom:2rem;}
.bx4_txt1 .st1 {font-size:6rem;margin-bottom:10rem;}
.bx4_txt1 .st2 li:before {display:none;}
.foot_in span {display:block;}
 .foot_in span {margin-bottom:1rem;}
 .right_bottom {left:1rem;}
 .menu_dip>div.left{top:10rem;bottom:inherit}
 .menu_dip ul li a {font-size:3rem;}
 .sec2_bx>div.img {padding:0 13rem}
 .menu_dip .left li a::after {display:none;}
 .con1_in1>div {display:block;width:100%;}
 .con1_in2>li {width:100%;}
 .con1_in3 {font-size:6rem}
 .con1_in4 li a {font-size:2rem;}
 .con1_in2>li>a {padding:3rem;}
 .con1_in4>p {font-size:5rem;}
 .con1_in3>span:before {width:10px;height:10px}
.top_menu .right .st1 a {padding:1rem 2rem;font-size:1.8rem;}
.con1_bx {background:none}
.con1_in1 .st1 {font-size:6rem;}
.con1_in1>div:nth-child(1) {margin-bottom:3rem;}
.con1_in1 .st2 {font-size:2.3rem;}
.con1_in1 .st3 {font-size:1.7rem;}
.menu_dip {position:absolute}
.foot_in .st3 {position: relative}
.sec2_bx .st3 {font-size:1.6rem;line-height:1.5;}
.foot_sns {bottom:21rem}
.foot_in>div img {height:25px}
.foot_sns img {height:30px}
.sec2_bx {text-align:center;height:100vh}
.work_tab .st2>li>a {padding:1rem 3rem;margin-bottom:1rem;}
.works_li>li {width:100%} 
.work_tab .st3 input[type="text"] {width:90%}
.con1_in3 {margin-top:8rem;}
.video_h {height:300px !Important}
.about_view .st1 {display:none}
.about_view {margin-left:0;}
.about_view .st2 {width:100%;}
.about_view .st2 {padding:15rem 1rem;}
.about_view .st3 {font-size:6rem;}
.about_con .close2 img {height:40px;width:40px}
.about_view .st3::after {width:12px;height:12px;right:-25px}
.p_txt2,.p_txt1 {font-size:5rem;}
.people_bx>div {width:100%;float:none}
.p_txt3,
.people_bx>div {margin-top:6rem;}
.people__talent-kr {font-size:4rem;}
input[id="check1"]:checked + label::after,
input[type="checkbox"] + label {width:24px;height:24px;}
.contact_h>div {margin-bottom:2rem;width:100%;float:none;}
.contact_bx2>div {width:100%;margin-bottom:2rem;}
.people__team{margin-top:32rem !important}
.about_view .st5 .long:before {top:7px}
.about_btn_s a:before {width:28px;height:28px;}
.about_btn_s a:after {
        width: 12px;
    height: 12px;
    left: 20px;
    top: 14px;
}
}
@media screen and (max-width: 600px) {
    .left_txt2 {right:0}
}

@media screen and (max-width: 400px) {
    .main-slider .txt_bx {width:100%;padding:0 2rem}
}