


@media all and (max-width:1920px) {
    .topbtl {top:10px;}
.topbtl .pcvl a img {max-width:135px;}
}

@media all and (max-width:1800px) {
#gnb {margin:0}
#gnb h1{left:2rem}
.right_ic{right:2rem}
}
@media all and (max-width:1740px) {

	
}
@media all and (max-width:1700px) {
	.sub_nav {margin:0}
	.company_wrap {margin:0 1rem}
	.menu>li>a {padding:4rem 2rem 3.5rem}
	#gnb_wrap {margin:0 1rem}

}
@media all and (max-width:1600px) {
	/*.menu>li>a {padding:3rem 2rem}*/
	
	.menu_en>li>a {margin:0 3rem}

	

}
@media all and (max-width:1500px) {
    .ph_pc {margin-left:1rem}
	
	.topbtl{width:150px;top:-0px;}
	.topbtl .pcvl{display:none;}
	.topbtl .movl{display:block;}
	
}
@media all and (max-width:1400px) {
	/*#gnb {
    padding: 3rem 0 0;
}*/
.list_wrap {margin:0 1rem;margin-top:5rem}
.sub_nav>p {left:0}
/*.menu>li>a {padding:3rem 1rem}*/
.element_to_pop_up6 {left:0 !important; width:100%;}
.element_to_pop_up6>div {padding:2rem;min-width:100%;}
}
@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}
	
	.topbtl img{height:auto;}
	
}

@media screen and (max-width: 1366px) {
	#fp-nav ul li .fp-tooltip {width:90px !important}
#fp-nav {display:none}
#gnb_wrap {margin:0 1rem}

	
}
@media screen and (max-width: 1050px) {
		#gnb>h1 img {height:45px}

		.topbtl img{height:auto;}
		
}


@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) {
.animate__fadeIn {
	animation-name: fadeIn1 !important;
}
.animate__fadeIn_v  {
	    animation-name: fadeIn_v1 !important;
	    visibility: visible !important
}
.animate__animated {display:block !important; visibility: visible !important}

.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}
	
.close_right {position: absolute;right:2rem;top:27px}
.close_right img {height:2rem}
.special_1 {background:none;padding-top:50px}
.pc_img,
.pc_img_visual,
.lo_box2.pc_img {display:none !important}
.mo_img_visual {display:block !important}
    .mo_img {display:inline-block !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;}
	
	
	.topbtl img{height:auto;}
	
	.sub_m1 {padding-left:80px}
	.sub_nav img {height:11px}
	
}
@media all and (max-width:1366px) {
	.custom_paging {display:none}
.right_menu,
	#top_bar_wrap, #gnb_in {display:none}
	#topmenu_wrap {width:100%;left:0px;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 {width:100%;padding:10px 0 ;border-bottom:1px solid rgba(255,2255,255,0.3)}
	.section00 {padding:0}
	 .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
	}
	
	
	.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}
.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}


	.right_btn {top:8rem;right:1rem;position:absolute}
	.right_btn img {height:21px}

.top_top {padding:1rem}
.mo_sub_img  {padding:1.5rem 1rem}
.right_top {border-bottom:1px solid #ddd;padding:1rem}
.right_top h1 img {height:52px}
#topmenu_wrap h1 img {height:52px}
.topbtl{top:2px;}
.topbtl img{height:auto !important;}
.mo_right>p img {height:20px}
.mo_right  {position:absolute;right:1rem;top:28px;}
	.sub_visual {margin-top:80px;height:200px}
	.con_1 {padding:0 1rem}
	.sub_tab{width:auto;right:1rem;margin-left:0;left:1rem;}
	.sub_tab li{width:50%;border-bottom:1px solid #ddd;margin-bottom:-1px}
	.sub_tab_in2 {margin-bottom:80px}
	.mobile_sns {margin:0 2rem}
	/*.mobile_sns li {float:left;padding:2rem 1rem}*/
	.mobile_sns li {display:inline-block;padding:2rem 1rem 1rem}
	.mobile_sns {display:inline-block;}
}
		
@media screen and (max-width: 1024px) {


.sectionCon_in {padding:0}



/*.fp-responsive .fp-auto-height-responsive.section00  {height:420px !important}*/

.sectionCon {padding:5rem 1rem}

.section_in_in,
.sectionCon_in {display:block}
.bxslider {height:600px;margin:0}
#section3 .sectionCon {padding:0 0}
.visual_txt1 {left:0;margin-left:0;padding:0 2rem}
.visual_txt1>div>div .st1 {font-size:3rem}
.visual_txt1>div>div .st2 {font-size:2.5rem}
.mo_br {display:block}
.sec2_li>li>a>div {width:auto}
.sec2_li>li>a>div>div {font-size:1.6rem}
.sec2_li>li a {padding:0 1rem}
.top_btn2,
.scroll,
	.bxslider .slick-prev {display:none !important}
  .bxslider .slick-next {display:none !important}
  .bxslider .slick-dots > li {display:inline-block}
  .bxslider .slick-dots {  bottom: 2rem;left:0;text-align:center;}
.sec2_box1 {position: relative;left:0;top:0;margin-top:0}
.sec2_box1 .left {position: relative;padding-top:0}
.sec2_box1>div {padding:0}
.sec2_box_li .slick-slide {padding-right:10px}
.sec2_box_li {max-width:100%;margin-top:2rem;min-height:auto}
.sec3_li .top {padding:0}
.sec3_li {margin-top:0}
.sec3_li .top p {position: relative;}
.sec3_li .top iframe {height:250px}
.fcont2 {padding:2rem 1rem}
.sec2_box_li .st3, .sec2_box_li .st4 {display:block}
.sec3_li .bottom>div>div {height:auto;padding:2rem}
.sec3_li .bottom>div {width:100%;float:none;margin-bottom:1rem;}
.con_bx1>div.right {padding:0;margin-top:1rem}
    .con_bx1>div {display:block}
    .con_2 {padding:5rem 1rem}
    .b_st1 li {padding:0 1rem}
    .special_2 {padding:2rem}
   
    .special_4 li {width:50%;margin-bottom:2rem}
    .special_4 {padding:2rem 1rem;margin:0 0}
    .tracked {padding:0 }
    .special_2 li {font-size:1.6rem;padding:5px 0;margin:0;width:33.3333%}
    .special_2 {padding:1rem;margin-top:-2px}
    .special_2 li  img {height:35px}
    .special_2 li:nth-child(3n) {border-right:0}
    .special_6 {padding:50px 0}
    .special_5 {padding:30px 0}
    .s_txt1  {margin-bottom:2rem}
    .s_txt1 span {font-size:2rem}
    .s_txt2 {font-size:3rem;line-height:3.5rem;}
    .s_txt3 {font-size:1.8rem}
    .sepcial_tab>ul>li a {font-size:1.5rem}
     .special_8 {padding:50px 1rem}
     .special_10 {padding:30px 0}
     .special_11 {padding:30px 0}
     .s_txt4 {margin:0}
     .s_txt5 li div {font-size:1.7rem;}
     .special_9>div>div {width:100%}
     .s_txt5 li p {font-size:1.8rem}
     .s_txt5 li div {font-size:1.5rem}
     .s_txt5 li {width:50%;margin-bottom:2rem}
     .s_txt4 li {width:50%}
     .pc_br {display:inline}
     .s_txt5 li:nth-child(2n+1) {clear:both}
     .visual_box3>div li:before {width:13px;background-size:cover;height:13px;top:8px}
     .visual_box3>div li {padding:7px 0;padding-left:24px;font-size:1.5rem}
     .visual_box3 {margin-top:2rem;background-size: contain;margin-bottom:7rem;}
     .visual_box3>div>div {padding:3rem 2rem}
     .special_7>div {padding:0 ;padding:30px 1rem 0}
     .special_7>div .left {position: relative;top:0}
     .special_9>div>div .st1 {font-size:1.8rem}
     .special_9>div>div .st2 {font-size:1.6rem}
     .bottom_special {padding:1rem}
     .special_top {display:none}
     /*.footerWrap {margin-bottom:139px !important;}20211208*/
    
    .bottom_special>div>div.left_2 span img {height:30px}
    .bottom_special>div>div.left_2 span {top:1px;right:18px;}
    
     .bottom_special>div>div {float:none}
     .bottom_special>div>div.left_2 {padding:1rem 0;float:none;width:100%;background-size:30px;background-position:90% 50%}
     .bottom_special>div>div.left_2 p:nth-child(2) {display:inline-block;font-size:1.8rem;letter-spacing: 0}
     .bottom_special>div>div.left_2 p:nth-child(1) {display:inline-block;font-size:1.8rem}
     .bottom_special>div>div.right_2 button {font-size:1.5rem;text-align:center;padding:0;line-height:35px;width:31%;}
     .bottom_special>div>div.right_2 input[type="text"] {padding:1rem;margin-right:5px;height:35px;font-size:1.5rem;min-width:auto;width:31%;margin-bottom:1rem;}
     .bottom_special>div>div.right_2 {padding-left:0}
     .bottom_special>div>div .right_3 {margin-top:5px !important;font-size:1.5rem;padding:1rem;}
}		
@media screen and (max-width: 768px) {
	.sectionWrap  {transform:inherit !important;position:relative}
.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}
	
	
	
	.mb_menu img {height:21px;}
	
	
	.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;}
	.footerWrap .footerArea .fCont {padding-top:2rem}
	.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_wrap .family_inner2 .family {position:relative;top:0;margin:1rem 0}
	.family_list, .family_wrap .family_inner2 .family button {width:100%}
	.f_con .bottom {margin:0 !important}
	.right_i .slick-slide {float:left}
	.top_top .fr li,
	.top_top .fl li img {padding:0 1rem}
	.right_b {width:100% !important;border-bottom:0;border-right:1px solid rgba(255,255,2525,0.15)}
	.right_fix{z-index:999;position:absolute;border-radius:5px 5px 0 0;margin-top:0;top:inherit;bottom:0;width:auto;margin-right:0;left:4rem;right:4rem}
.bxslider {height:700px}
.custom_paging {display:block;left:0;margin-left:0;bottom:4rem}
.custom_paging li p {margin-left:-82px}

.foot_right,
.family_wrap{float:none}
.foot_right {margin-top:2rem}
.family_wrap .family_inner2 .family button {height:30px}
.foot_right .ar {text-align:left !Important;margin-top:2rem}
		#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}
		 .con_wp {margin:5rem 1rem 7rem}
.sns_ic {position: relative;margin-bottom:1rem;right:0;padding-top:2px;width:100%;}
.family_wrap .family_inner2 .family button {background-size:15px}
.family_list {bottom:29px;z-index: 99}
.con_st3 {text-align:center !important;}
.col_2>li{float:none;width:100%;margin-bottom:2rem}
.history_li>div>ul>li {padding-left:4rem}
.lo_box2>div {width:100%;margin-bottom:1rem}
.lo_box2>div>div {margin-top:1rem}
    .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%}
.search_bar div {padding:0}
.list_btm>span a {display:block;text-align:center}
.list_btm>span {position:relative;top:0;margin-top:2rem;display:block;width:100%;}
.notice_bar select  {width:100%;margin-bottom:0.5rem}
    .search_bar >div>form{width:100%;display:block}
.root_daum_roughmap .wrap_map {height:300px !important}
#element_to_pop_up2 {width:100%;}
.write_1 {padding:0}
.app_tb input[type="text"] {width:40% !important}
.app_tb .select_box {display:block;width:100% !important;margin-top:5px}
.write_1 .st2 {padding-top:2rem;margin-left:1rem;margin-bottom:2rem;}
.write_1 .st1 {position: relative}
.space_for .slick-prev,
.space_for .slick-next{display:none !important}
.space_for {margin-top:-3rem !important}
.space_for2 {margin-top:0 !important}
.space_nav {margin:0 2rem;margin-top:-35px;}
.vr_btn {margin:0 2rem}
.space_bg{padding-bottom:80px;}
.sub_tab_st1>li {width:33.333%;}
.sub_tab_st1>li a {padding:1rem 0;display: block}
.space_tab_new2>li {padding-left:1rem;}
.space_tab_new2 {margin-left:-1rem}
.sub_tab_st5>li a {padding:0}
.space_tab_new>li a {font-size:1.5rem}
.sub_tab_st5 {margin-bottom:50px  !important}
.sub_tab_st5>li:nth-child(5n+1) {clear:inherit}
.sub_tab_st1>li:nth-child(3n+1) {clear:both}
.sub_tab_st1 {margin-top:-48px;margin-bottom:25px}
.sub_tab_st1>li:nth-child(3n+1) {clear:both}
.cost_li li:after,
.cost_li li:before {display:none}
.cost_li li div {padding:0}
.cost_li li p {margin-top:10px}
.cost_li li:nth-child(2n+1) {clear:both}
.cost_li li:nth-child(5n+1) {clear:inherit}
.con_5 {padding:5rem 1rem}
.video_li>li {width:100%;}
#element_to_pop_up5 {min-width:100%}
#element_to_pop_up5 iframe {height:400px;}
.member_bg  {height:170px;background-size:contain !important}
.map_bx2 {width:100%;}
.view_pop2 ul li:before,
.notice_faq .beefup3 .beefup__head:after,
.map_bx2>div>div:before {display:none}
.map_logo {top:inherit;bottom:10rem;}
#element_to_pop_up6 {width:100%;}
#element_to_pop_up6>div {padding:2rem}
.view_pop1 {padding:2rem}
.view_pop2 ul li {padding:0 1rem}
.view_pop1 li {padding-left:4rem}
.view_pop2 ul {margin:0 1rem}
.map_bx2 {bottom:20rem;top:inherit;width:100%;;margin-left:0;left:0;}
.map_left {position: relative;z-index:9;width:100%;left:0;top:0}
.app_tb th {padding:5px;word-break:break-all;font-size:1.5rem}
.cost_li li {width:50%;margin-top:2rem;float:left;padding:0 2rem}
.event_li>div,
.notice_li>div {width:100%;}
.sm_box>div {width:100%;}
.sm_wrap {padding:50px 10px}
.write_5 span {line-height:37px}
.notice_faq .beefup3 .beefup__body .q_ic,
.notice_faq .beefup3 .beefup__head .q_ic{width:30px}
.notice_faq .beefup3 .beefup__body .q_ic2,
.notice_faq .beefup3 .beefup__head .q_ic2 {padding-left:1rem}
.inquiry_box {padding:2rem}
.inquiry_box>div li .ph>div>div {width:50%}
.inquiry_box>div>p {margin-bottom:1rem}
.inquiry_box>div li>div.ph>input ,
.inquiry_box>div li>div.ph>select{width:40% !important}
.inquiry_box>div>p,.inquiry_box>div ul {width:100%;float:none}
.iframe_box {height:400px !important}
.element_to_pop_up3 {width:100%;padding:2rem}
.special_3 .d_ic img {height:100px}
.special_3 .d_ic {right:1rem;bottom:0}
.search_bar2 div input[type="text"] {width:100%}
.notice_bar .notice_search {width:100%}
.search_bar2 .fr {width:100%;float:none}
.sub_tab_in2 {margin-bottom:70px}
.cost_li2>li {width:100%;}
.ph_pc {font-size:2.3rem}
.lo_box2>div>div {padding-right:3rem;}
.cost_li2 {text-align:center}
}


@media screen and (max-width: 990px) {
	
}
@media screen and (max-width: 420px) {
	.topbtl{left:185px;}
	
}


@media screen and (max-width: 320px) {
	.bar_1 .fr {width:60%}
	
}



