@media screen and (max-width:1400px) {
    .show_1400 {display: block;}
    .hide_1400 {display: none;}
    
    .quick_banner_wrap {padding: 0 15px;}
    
    /**** detail_page ****/
    .detail_page {padding: 0 15px;}
}

@media screen and (max-width:1080px) {
    .show_1080 {display: block;}
    .hide_1080 {display: none;}
    
    /**** 공통 ****/
    .container {width:100%; padding: 0 15px;}
    .pad_t_100 {padding-top: 10%;}
    .pad_b_100 {padding-bottom: 10%;}
    .pad_t_150 {padding-top: 15%;}
    .pad_b_150 {padding-bottom: 15%;}
    .mar_b_80 {margin-bottom: 8%}
    .mar_b_100 {margin-bottom: 10%}
    .mar_b_150 {margin-bottom: 15%}
    .mar_t_80 {margin-top: 8%}
    .mar_t_100 {margin-top: 10%}
    .mar_t_150 {margin-top: 15%}
    body.open_menu {overflow: hidden; height: 100%;}
    
    
    /*모바일 헤더*/
    #mobile_header {z-index: 100; padding: 0; height: 60px;}
    #mobile_header .logo {top: 20px; left: 15px; position: absolute;}
    #mobile_header .logo img {height: 20px;}
    
    .mobile_btn {box-sizing: content-box; position: absolute; z-index: 31; display: block; right: 15px; top: 15px; width: 22px; height: 18px; padding: 6px; -webkit-transition: all .3s ease; transition: all .3s ease;}
	.mobile_btn .bar, .mobile_btn .bar:before, .mobile_btn .bar:after {content: ''; position: absolute; right: 6px; height: 2px; width: 100%; background-color: #fff; opacity: 1; text-indent: -9999em;}
	.mobile_btn .bar {top: 14px; width: 16px; -webkit-transition: height .3s .3s; transition: height .3s .3s;}
	.mobile_btn .bar:before {top: -8px; right: 0; width: 22px; -webkit-transition: top .3s .3s, transform .3s, width .3s .3s; 	transition: top .3s .3s, transform .3s, width .3s .3s;}
	.mobile_btn .bar:after {top: 8px; right: 0; width: 22px; -webkit-transition: top .3s .3s, transform .3s, width .3s .3s; 	transition: top .3s .3s, transform .3s, width .3s .3s;}

	.open_menu .mobile_btn .bar {height: 0; background-color: rgba(255,255,255,1); -webkit-transition: height .3s; transition: height .3s;}
	.open_menu .mobile_btn .bar:before {top: 0; width: 22px; background-color: rgba(255,255,255,1); -webkit-transform: rotate3d(0,0,1,45deg); -ms-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transition: top .3s, transform .3s .3s, width .3s; transition: top .3s, transform .3s .3s, width .3s;}
	.open_menu .mobile_btn .bar:after {top: 0; width: 22px; background-color: rgba(255,255,255,1); -webkit-transform: rotate3d(0,0,1,-45deg); -ms-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); -webkit-transition: top .3s, transform .3s .3s, width .3s; transition: top .3s, transform .3s .3s, width .3s;}

    /*모바일 메뉴*/
    #mobile_menu_wrap {position: fixed; display: block; z-index: 30; left: 100%; right: 0; top: 0; height: 100%; background-color: rgba(49,50,54,1); overflow: hidden; color: #fff; -webkit-transition: left .3s; transition: left .3s;}
    .open_menu #mobile_menu_wrap {left: 0;}
    #mobile_menu_wrap .menu {position: absolute; right: 0; width: 100%; height: 100%;}
    #mobile_menu_wrap .menu .m_gnb {position: absolute; top: 50%; left: 30px; transform: translateY(-50%);}
    #mobile_menu_wrap .menu .m_gnb li {margin-bottom: 35px;}
    #mobile_menu_wrap .menu .m_gnb li:last-child {margin-bottom: 0;}
    #mobile_menu_wrap .menu .m_gnb li a {font-size: 6vw; line-height: 7vw; color: white; display: block; font-family: "Bebas Neue", sans-serif; font-weight: 400;}
    #mobile_menu_wrap .menu .m_gnb li:hover a {color: #8DDDEE;}
    
    /**** 푸터 ****/
    footer {text-align: center;}
    footer .logo {float: none; margin: 0 auto 20px;}
    footer .text {float: none; margin: 0 auto;}
    
    .gotop {width: 50px; height: 50px; line-height: 50px;}
    
    
    /**** 메인 ****/
    .video_wrap {margin-top: 60px;}
    .quick_banner_wrap {margin: 15% auto;}
    .quick_banner_wrap .title h3 {font-size: 6.5vw; line-height: 6.5vw;}
    .quick_banner_wrap .title p {font-size: 18px;}
    
    
    
    .quick_banner_wrap .list {height: auto; background: none !important; margin-bottom: 10%;}
    .quick_banner_wrap .list .text {position: relative; top: auto; left: auto; text-align: center; height: 0; padding-bottom: 80%;}
    .quick_banner_wrap .list .text img {margin-top: 10%; margin-bottom: 5%; width: 40%; max-width: 300px; }
    .quick_banner_wrap .list .text.ub img {max-width: 120px;}
    .quick_banner_wrap .list .text h4 {font-size: clamp(30px, 4.5vw, 45px); line-height: clamp(30px, 4.5vw, 45px);}
    .quick_banner_wrap .list .text p {font-size: clamp(16px, 2.2vw, 22px); line-height: clamp(26px, 3.5vw, 35px);}
    .quick_banner_wrap .list .text.bobber {background: url('/images/m_quick_banner_5.jpg') no-repeat center bottom; background-size: cover;}
    .quick_banner_wrap .list .text.scrambler {background: url('/images/m_quick_banner_6.jpg') no-repeat center bottom; background-size: cover; }
    .quick_banner_wrap .list .text.gs {background: url('/images/m_quick_banner_7.jpg') no-repeat center bottom; background-size: cover; }
    .quick_banner_wrap .list .text.ub {background: url('/images/m_quick_banner_8.jpg') no-repeat center bottom; background-size: cover; }
    .quick_banner_wrap .list .link {display: block; width: 100%; height: 50px; line-height: 50px; background: #121212; color: white; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 0; margin-top: 10px; text-align: center;}
    .quick_banner_wrap .list .link:hover {background: #8DDDEE;}
    
    .quick_banner_wrap .news h3 {font-size: 6.5vw; line-height: 6.5vw;}
    .quick_banner_wrap .news .banner { height: 0; padding-bottom: 60%;}
    .quick_banner_wrap .news .banner:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
    .quick_banner_wrap .news .banner .text {top: 10%; left: 50%; transform: translateX(-50%); text-align: center; font-size: clamp(16px, 3vw, 24px); line-height: clamp(30px, 5vw, 40px); width: 90%;}
    .quick_banner_wrap .news .link {display: block; width: 100%; height: 50px; line-height: 50px; background: #121212; color: white; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 0; margin-top: 10px; text-align: center;}
    .quick_banner_wrap .news .link:hover {background: #8DDDEE;}
    
    
    
    /**** 서브페이지 공통 ****/
    .page_title_wrap {height: 250px; margin-top: 60px;}
    .sub_wrap {margin: 15% auto;}
    .sub_wrap .title {margin-bottom: 10%;}
    .sub_wrap .title h3 {font-size: clamp(30px, 8.5vw, 64px); line-height: clamp(30px, 8.5vw, 64px);}
    .sub_wrap .title .line {width: 80px; margin-top: 20px;}
    
    
    /**** model ****/
    .model_page h4 {font-size: clamp(30px, 5vw, 48px); line-height: clamp(30px, 7vw, 65px);}
    .model_page ul {text-align: center;}
    .model_page ul li {width: 100%; float: none; display: inline-block;}
    
    
    /**** detail_page ****/
    .detail_page .detail_top img {width: 40%;}
    .detail_page .detail_top p {font-size: 18px; line-height: 28px; margin-top: 30px;}
    .detail_page .detail_img_wrap .spec_part .text {width: 100%;}
    .detail_page .detail_img_wrap .spec_part .text h4 {font-size: 45px; line-height: 45px;}
    .detail_page .detail_img_wrap .spec_part .text ul {margin-bottom: 30px;}
    .detail_page .detail_img_wrap .spec_part .text ul li {font-size: 18px; line-height: 30px;}
    .detail_page .detail_img_wrap .spec_part img {width: 100%;}
    .detail_page .detail_img_wrap .design_part h4 {font-size: 45px; line-height: 45px;}
    
    /**** acc ****/
    .acc_page .name {margin-bottom: 10px;}
    .acc_page .name img {height: 50px;}
    .acc_page ul li .part {width: calc(50% - 5px); height: 350px; margin-right: 10px;}
    .acc_page ul li .part .tag {font-size: 24px; line-height: 24px;}
    .acc_page ul li .view {width: calc(50% - 5px); height: 350px; }
    
    /**** design_page ****/
    .design_page .img {max-width: 416px; width: 60%; margin: 0 auto 50px;}
    .design_page .text {width: 100%; padding-right: 0;}
    .design_page .text h4 {font-size: 36px; line-height: 36px;}
    
    /**** world_page ****/
    .world_page ul {padding: 0 15px;}
    .world_page ul li {width: 100%; padding-right: 0; height: auto; max-width: 60%; min-width: 400px; margin-left: auto; margin-right: auto; float: none;}
    .world_page ul li h4 {font-size: 36px; line-height: 36px;}
    .world_page ul li p {margin-bottom: 20px; font-size: 16px; line-height: 28px;}
    .world_page ul li p span {font-size: 18px;}
    .world_page ul li a {font-size: 18px; line-height: 18px;}
    
}

@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}

    .video_wrap .swiper-button-next {background-size: 14px; right: 15px;}
    .video_wrap .swiper-button-prev {background-size: 14px; left: 15px;}
    .quick_banner_wrap .list .text {padding-bottom: 100%;}
    
    /**** acc ****/
    .acc_page ul li img {width: 100%;}
    .acc_page ul li .part {width: 100%; margin-right: 0; margin-bottom: 10px;}
    .acc_page ul li .view {width: 100%;}
    
    /**** board ****/
    .gall_row .col-gn-2 {width: 100%;}
    #bo_gall .bo_tit {font-size: 20px; line-height: 26px;}
    #bo_v_title .bo_v_tit {font-size: 20px; line-height: 30px;}
    #bo_v_info .profile_info, .bo_v_com {margin-top: 10px; margin-bottom: 10px;}
    
    
    /**** detail_page ****/
    .detail_page .detail_img_wrap .w_50 {width: 100%;}
    
    
    
    
    
}

@media screen and (max-width:480px) {
    .show_480 {display: block;}
    .hide_480 {display: none;}

}