@charset "utf-8";



@import url('reset.css');

@import url('swiper-bundle.min.css');

@import url('layout.css');



@media (min-width: 1600px) {

	#section02 .history_area .cont_area{width: 70%}

}



@media (min-width: 1201px) {

	#gnb{display: flex;align-items: center;gap: 0;}

	#gnb > li{position: relative;padding: 0 25px}

	#gnb > li > a{transition: color 0.2s ease}

	#gnb a{white-space: nowrap}

	#gnb{margin-right: -10px}

	#gnb > li.active > a,

	#gnb > li > a:hover{color: #00A5E6}

	/*

	#gnb > li:hover > a{color: #00A5E6}

	#gnb > li:hover .sub_depth{display: block;opacity: 1;visibility: visible}

	*/

	#header .sub_depth{display:none;position: fixed;top: var(--headH);left: 0;width: 100%;background-color: #F4F4F4;}

	#header .sub_depth > ul{max-width: 1400px;padding: 98px 4%;display: flex;gap: 36px;margin: 0 auto}

	#header .sub_depth > ul > li{position: relative}

	#header .sub_depth .cont{position: absolute;top:50%;left:0;width: 100%;text-align: center;transform: translateY(-50%);color: #fff;font-size: 18px;padding: 0 15px;text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);}

	#header .sub_depth .tit{font-size: 28px;font-weight: 700;display: block;}

	#header .sub_depth .cont p{margin-top: 3px}

	#header .sub_depth > ul > li > a{position: relative;display: block}

	#header .sub_depth > ul > li > a:before{display: block;content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.7);opacity: 1;transition: opacity 0.2s}

	#header #gnb > li:nth-child(1) .sub_depth > ul > li:nth-child(2) > a:before{background: rgba(0,0,0,0.6);}

	#header #gnb > li:nth-child(2) .sub_depth > ul > li:nth-child(2) > a:before{background: rgba(0,0,0,0.5);}

	#header .sub_depth > ul > li:hover > a:before{opacity: 0.1}

	

	#header.is_open .header_bg{ height: 220px; }

	.header_bg{position:absolute;top:var(--headH);left:0;width:100%;height:0;background: #fff;}

}



@media (min-width: 1024px) {

	#section03 .perf_stage02 .title_area{position: absolute;width: 100%;top:440px;left: 0;z-index: 1;}

	.region_grid .row{display: flex;justify-content: space-between;align-items: center;gap: 18px}

	.region_grid .row:nth-child(1){margin-bottom: 236px;}

	.region_grid .row:nth-child(2){margin-bottom: 67px;align-items: flex-start}

	.region_grid .row:nth-child(2) > div{flex:auto;width: 33.3%;}

	.region_grid .row:nth-child(2) .col{height: 100%;position: relative;}

	.region_grid .row:nth-child(2) .col:before{display: block;content: '';aspect-ratio: 16 / 9;}

	#region_box1{position: relative;left:12.25%;width: 30%}

	#region_box2{position: relative;right: 6.125%;width: 33%}

	#region_box4{position: relative;}

	#region_box5{position: relative}

	#region_box6{position: relative}

	

	.tab_menu{overflow:visible}

	.tab_menu .swiper-wrapper{display:flex;flex-wrap:wrap;gap:10px;transform:none!important}

	.tab_menu .swiper-slide{width:auto!important;margin-right:0!important;margin-bottom:5px}

}



@media (max-width: 1023px) and (min-width: 768px) {

}



@media (min-width: 768px) {

	#section01 .gallery_area{max-width: var(--respW03);display:flex;justify-content: space-between;align-items:center;gap:2%;z-index:1;position:relative;margin: -4px auto 0;}

	#section01 .gallery_area .thumb{border: 2px solid #fff;}

	#section01 .gallery_area .item:nth-child(1) .thumb{margin-top:-106%}

	#section01 .gallery_area .item:nth-child(2) .thumb{margin-top:-17%}

	#section01 .gallery_area .item:nth-child(3) .thumb{margin-top:-98%}

	#section01 .gallery_area .item:nth-child(4) .thumb{margin-top:-42%}

	

	#section02 .left .gallery_area .item:nth-child(1) .thumb{left: -68.5%}

	#section02 .left .gallery_area .item:nth-child(3) .thumb{left: -86.5%}

	#section02 .right .gallery_area .item:nth-child(1) .thumb{right: -68.5%}

	#section02 .right .gallery_area .item:nth-child(3) .thumb{right: -86.5%}

	

	.business_intro .center_area{margin-top: -150px}

}



@media (max-width: 1600px) {

	.tab_nav_sticky .tab_list{gap: 20px}

	.tab_nav_sticky .tab_link {padding: 0 10px; font-size: 20px;}

}



@media (max-width: 1506px) {

	.gallery_archive{gap: 4%}

	.gallery_archive .item{flex: 0 0 30.66%;}

}



@media (max-width: 1480px) {

	#header .head{padding: 0 18px;transition: padding 0.3s}

}



@media (max-width: 1200px) {

	.total_nav{position:fixed;top:0;left:0;width:100%;max-width:100%;height:100%;background-color:#1B1B1B;z-index:1050;transform:translateY(-20px);opacity:0;overflow:hidden;visibility:hidden;pointer-events:none;margin-left: 0;}

	.total_inner{max-height: 100%;display: flex;padding: var(--headH) 0 50px;overflow: auto}

	#header.is_open .total_nav{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .5s cubic-bezier(.19, 1, .22, 1),opacity .4s,visibility .5s;}

	#gnb{width: 100%;padding: 0 var(--leftRightMargin);}

	#gnb > li{padding: 40px 0;opacity:0;transform:translateY(15px);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);border-bottom: 1px solid #E1E1E1}

	#gnb > li > a{height: auto;color: #fff !important;font-size: 24px;font-weight: 700;justify-content: left;}

	#header .sub_depth ul{padding-top: 7px;}

	#header .sub_depth li{margin-top: 8px;}

	#header .sub_depth .cont,

	#header .sub_depth .tit{font-size: 16px;color: #fff;font-weight: 400}

	#header .sub_depth a{display: block;padding: 5px 0}

	#header .sub_depth img,

	#header .sub_depth p{display: none}

	.total_nav::before{display: block;content: '';width:100%;height: var(--headH);background-color: #2B2B2B;position: absolute;top:0;left:0;z-index:1051;}

	#header.is_open .logo{z-index:1052;}

	

	#header.is_open #gnb > li{opacity:1;transform:translateY(0)}

	#header.is_open #gnb > li:first-child{transition-delay:0.1s}

	#header.is_open #gnb > li:nth-child(2){transition-delay:0.15s}

	#header.is_open #gnb > li:nth-child(3){transition-delay:0.2s}

	#header.is_open #gnb > li:nth-child(4){transition-delay:0.25s}

	#header.is_open #gnb > li:nth-child(5){transition-delay:0.3s}

	#header.is_open #gnb > li:nth-child(6){transition-delay:0.35s}

	

	.hamburger{display:block;}

	.hamburger.show .btn_total,

	.hamburger.show .btn_total:before, 

	.hamburger.show .btn_total:after{background:#fff;}

	

	#section02 .history_area .gallery_area,

	#section02 .gallery_area .thumb img{width: 280px;}

	#section02 .gallery_area .thumb .cont{font-size: 16px;}

	

	.tab_nav_sticky .tab_list{gap: 15px}

	.tab_nav_sticky .tab_link {padding: 0 10px; font-size: 18px;}

	

	.history_sec .left_sidebar{width:300px}

	.history_sec .right_timeline{padding-left:40px}

	.history_chapter .timeline_content{flex-direction:column;gap:20px}

	.history_chapter .timeline_img{width:100%;max-width:400px}

}



@media (max-width: 1023px) {

	#section03 .perf_stage01 .slide_area{width: 80%;margin: 0 auto}

	.businessSwiper .swiper-slide{width: 100%}

	

	.region_grid .row{display: flex;gap: 20px;margin-bottom: 18px}

	.region_grid .box{flex:1;padding-left: 20px;padding-right: 20px}

	#section03 .perf_stage02 .title_area {margin-bottom: 49px;}

	.region_grid .row2{flex-wrap: wrap;gap: 20px;justify-content: center;}

	.region_grid .row2 > div{width: calc(50% - 10px);flex: auto}

	.region_grid .box .tit span{padding-bottom: 5px}

	

	.business_list .swiper-wrapper{gap: 26px 24px;}

	.business_list .item{width: calc(50% - 12px);}

	

	#section04 .gallery_area{gap: 20px}

	

	.gallery_archive{gap: 18px}

	.gallery_archive .item{flex: 0 0 calc((100% - 36px) / 3);}

	

	.interview_list{gap: 20px}

	.interview_list .card_item {width: calc(50% - 10px);flex-direction: column; min-height: auto;justify-content: space-between;}

	.interview_list .card_text_wrap,

	.interview_list .card_img_box{width: 100%}

	.interview_list .card_img_wrap{height: 0;padding-bottom: 70%;order: 1;}

	.interview_list .card_img_wrap img{position: absolute;top:0;left:0;}

	.interview_list .btn_view{margin-top: 25px;}

	.interview_list .card_text_wrap {padding: 40px 30px 50px;order: 2;}



	

	.article_body .img_text_flex .img_box{position: relative}

	.article_body .img_text_flex{flex-direction: column;}

	.article_body #mq01{top: auto;bottom:-90px}

	.article_body #mq02 {bottom: -83px;}

	.article_body #mq01 img{height: 120px;}

	.article_body #mq02 img{height: 90px;}

	.article_body .content_block.mg01{margin-bottom: 115px;}

	.article_body .content_block.mg02,

	.article_body .content_block.mg03{margin-bottom: 60px}

	.article_body .text_block p{margin-bottom: 35px}

	

	.tab_nav_sticky{padding: 0}

    .tab_nav_sticky .label{display:flex;justify-content:center;align-items:center;width:100%;height:75px;padding:5px 16px 0;background-color:#fff;font-size:24px;font-weight:700;color:#00a5e6;cursor:pointer;border-bottom:5px solid #00a5e6;transition:border-color .2s,box-shadow .2s}

    .tab_nav_sticky .label::after{content:'';display:inline-block;width:24px;height:13px;background:url(../images/cont/icon_arrow.svg) 50% 50% no-repeat;transition:transform .25s;position:absolute;top:50%;right:25px;margin-top:-6px}

    .tab_nav_sticky .label.open::after { transform: rotate(-180deg); }

	.tab_nav_sticky .tab_list{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:15px 0;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.12);white-space:normal;overflow-y:auto;max-height:calc(100vh - 75px)}

    .tab_nav_sticky .tab_list.open { display: flex; }

	.tab_nav_sticky .tab_bar { display: none !important; }

    .tab_nav_sticky .tab_link{height:65px;padding:0 16px;font-size:22px;font-weight:500;color:#bcbcbc;justify-content:center;margin:6px 0}

    

    .sidebar_nav_list{display:none}

    .history_chapter .timeline_year_area{width:50px;text-align:left}

    .history_chapter .timeline_dot{right:-22px}

    .history_chapter .timeline_content{padding-left:40px}

    .history_sec .left_sidebar .chapter_title{font-size:52px}

}



@media (max-width: 767px) {

	.pc,

	.pc.inline{display: none !important;}

	.mo{display: block !important;}

	.mo.inline{display: inline !important;}

	.mo.iblock{display: inline-block !important;}

	.mo.iflex{display: inline-flex !important;}

	

	colgroup.pc,

	col.pc,

	th.pc,

	td.pc{display: none !important;}

	

	colgroup.mo{display: table-column-group !important;}

	

	:root {

	  --headH: 94px;

	}

	

	#wrap{font-size: 1.8rem}

	

	.hamburger{display:block;position: absolute;top:50%;right: var(--leftRightMargin);margin-right: -8px;transform: translateY(-50%);}

	.hamburger .btn_total,

	.hamburger .btn_total:before,

	.hamburger .btn_total:after{width: 28px}

	

	#header .logo img{width: 224px}

	

	#section01 {padding-top: calc(var(--headH) + 56px);padding-bottom: 0;}

	#section01 .section_bg{background-image: url(../images/main_bg01_1_mo.webp);position: fixed;height: 100%;background-position: 50% 0}

	#section01 .bg_text_huge{top: -75px;width: 100%;font-size: min(21vw, 240px);}

	#section01 .bg_text_huge > span{white-space: nowrap;position: absolute;left: 50%;transform: translateX(-50%);}

	#section01 .title_area .title_sub{font-size: 32px;}

	#section01 .title_area .title_main{font-size: 42px;letter-spacing: -0.02em}

	#section01 .content_area{padding-top: 46px;padding-bottom: 120px;}

	#section01 .content_area .desc{font-size: 18px;line-height: 1.5;margin-bottom: 46px;}

	#section01 .gallery_area{position:relative;height:auto;display:grid;gap:0;padding:0;padding-bottom: 10px; }

	#section01 .gallery_area .item{grid-area:1/1;width:100%;max-width:100%;transform-origin:top center;will-change:transform,opacity}

    #section01 .gallery_area .thumb{border: 2px solid #fff}

	

	#section02 { position: relative; }

	#section02 .gallery_area{padding: 0 0 25px}

	#section02 .history_item{display:block;text-align:center;padding-top:0;position:absolute;top:0;left:0;width:100%;height:auto;min-height:100dvh;margin:0;opacity:0;pointer-events:none;transition:opacity .8s}

    #section02 .history_item.active{opacity: 1}

	#section02 .history_area .title{margin-bottom: 22px;font-size: 46px}

	#section02 .history_area .desc{margin-bottom: 22px;font-size: 19px;line-height: 1.52;padding-left: var(--leftRightMargin);padding-right: var(--leftRightMargin)}

	#section02 .history_area .year{margin-top: 53px;font-size: 60px;font-size: min(15.38461vw, 60px);}

	#section02 .right .cont_area{text-align: center}

	#section02 .history_area .cont_area{height: auto;padding: 98px 0 53px}

	#section02 .history_area .cont_area .inner{width: 100%}

	#section02 .gallery_area .item{margin-bottom: 15px}

	.gallery_track{display: flex;width:max-content;gap:0;animation:25s linear infinite marquee}

	.gallery_track:hover{animation-play-state:paused}

	#section02 .gallery_area .item{width:90vw;max-width: 358px;flex:none;margin-right:15px}

	#section02 .gallery_area .item.clone{display:block}

	#section02 .gallery_area .thumb .cont{opacity: 1;visibility: visible;text-align: left;font-size: 16px;}

	#section02 .history_area .gallery_area, 

	#section02 .gallery_area .thumb img {width: auto;}

	

	#section03 .perf_stage01 {padding-top: 56px;}

	#section03 .perf_stage01 .resp_inner{padding-top: 57px;}

	#section03 .perf_stage01 .title_main{line-height: 1.4;margin-bottom: 0;font-size: 32px;letter-spacing: -0.02em}

	#section03 .perf_stage01 .title_sub{line-height: 1.5;font-size: 18px;letter-spacing: -0.02em;margin-bottom: 40px;}

	#section03 .perf_stage01 .slide_area {padding-top: 138px;padding-bottom: 50px;}

	#section03 .perf_stage02 {padding-top: 0;min-height: auto !important; height: auto !important;padding-bottom: 60px;/* 하단 여백 확보 */}

    #section03 .perf_stage02 .resp_inner {padding-top: 116px;padding-bottom: 0;min-height: auto;}

	#section03 .perf_stage02 .title_area{margin-bottom: 48px;}

	#section03 .perf_stage02 .title_area .title_main{line-height: 1.36;margin-bottom: 46px;font-size: 21px;}

	.businessSwiper .swiper-button-next, 

	.businessSwiper .swiper-button-prev{display: none}

	#section03 .swiper-scrollbar{display: block;bottom: -60px;height: 2px;background: #D9D9D9;width: 57.145%;left: 50%;transform: translateX(-50%);}

	#section03 .swiper-scrollbar-drag{background: #333}

	.business_list.swiper{gap: 18px;overflow: visible}

	.business_list .swiper-wrapper{flex-wrap:nowrap;gap: 0}

	.business_list .item{width: 70%;}

	.business_list .title{font-size: 18px;}

	

	.region_grid .row{display: block}

	.region_grid .box{padding: 39px 15px 37px;width: 100%;font-size: 14px;margin-bottom: 22px;border-radius: 15px}

	.region_grid .box .tit{font-size: 18px}

	.region_grid .box .tit span {padding: 0 8px 5px;}

	.region_grid .box p{line-height: 1.5}

	.region_grid .row1{margin-bottom: 0}

	.region_grid .row2 > div{width: 100%}

	

	#section04 {padding-top: 96px;padding-bottom: 100px;}

	#section04 .title_area{line-height: 1.52;margin-bottom: 132px;font-size: 18px;}

	#section04 .title_area .title_sub{line-height: 1.5;margin-bottom: 0;font-size: 18px;}

	#section04 .title_area .title_main{line-height: 1.52;margin-bottom: 36px;font-size: 32px}

	

	#section04 .gallery_area{display: block;padding: 0;}

	#section04 .gallery_area .item{max-width: 400px;margin: 0 auto;margin-bottom: 110px;}

	#section04 .gallery_area .item:last-child{margin-bottom: 0}

	#section04 .gallery_area .thumb {padding-bottom: 59.8%;}

	#section04 .gallery_area .thumb img{bottom: 5px;width: 71.84%;}

	#section04 .gallery_area .cont{padding: 36px 20px 30px;font-size: 18px}

	#section04 .gallery_area .tit{font-size: 28px}

	#section04 .gallery_area p {line-height: 1.48;}

	#section04 .gallery_area .btns {margin-top: 44px;}

	

	#section05 {padding-top: 118px;}

	#section05 .title_area{display: block;margin-bottom: 48px;}

	#section05 .title_area .title_main{font-size: 32px}

	#section05 .title_area .title_sub{line-height: 1.48;font-size: 18px}

	.logo50{margin-top: 5px}

	.logo50 img{width: 120px}

	

	.floating_nav{left: 16px;bottom: 30px;padding-bottom: 7px;}

	.floating_nav a{font-size: 16px}

	

	.btn_top{bottom: 30px}

	

	#footer{font-size: 18px;line-height: 1.48;padding-top: 43px;padding-bottom: 43px;}

	

	/* SUB PAGE */

	.title02{font-size: 30px;margin-bottom: 35px;}

	

	#sub_container{margin-top: var(--headH);padding-top: 60px;padding-bottom: 100px}

	#cover_container{padding-top: 60px;padding-bottom: 80px}

	.subtitle01 .sub_title{ font-size: 18px;  }

	.subtitle01 .main_title{ font-size: 32px;}

	.subtitle01,

	.subtitle02{padding-bottom: 40px;}

	.subtitle02 .title_main{font-size: 32px}

	.subtitle02 .title_sub{font-size: 18px;margin-top: 12px;}

	

	.sub_hero .title { font-size: 38px;}

	.sub_hero .en{font-size: 28px;margin-top: 20px;}

	.sub_hero .lg img{height: 280px;}

	

	.archive_section .archive_row{padding-top: 45px;padding-bottom: 45px}

	.gallery_archive{display: block;gap: 0}

	.gallery_archive .item{margin: 0 auto 20px;flex:auto;width: 100%;max-width: 357px;}

	.gallery_archive .item:last-child{margin-bottom: 0}

	.gallery_archive .item .inner{padding-top: 24px;}

	.gallery_archive .cont{padding-top: 30px;padding-bottom: 25px;}

	.gallery_archive .cont .btns{margin-top: 32px;}

	

	.marquee_area{bottom: -77px}

	.marquee_track img{height: 120px;}

	.article_body #mq02 img{height: 80px;}

	

	.interview_list .card_item{width: 100%}

	.interview_list .card_text_wrap {padding: 30px 20px;}

	.interview_list .card_title {font-size: 24px;}

	.interview_list .card_desc {font-size: 18px;margin-bottom: 12px;}

	.interview_list .card_tag {padding: 5px 15px;font-size: 16px;}

	.interview_list .btn_view {margin-top: 15px;padding: 1px 22px 0;width: 126px;height: 40px;font-size: 18px;}

	

	.article_header{margin-bottom: 40px}

	.article_header .category_tag{font-size: 18px}

	.article_header .article_title{font-size: 24px;}

	.article_header .article_info{font-size: 16px}

	.article_body .content_block.text_top{font-size: 19px;line-height: 1.45}

	.article_body .text_block{line-height: 1.6;font-size: 17px}

	.article_body .text_block .point{font-size: 23px}

	.article_body .text_block p {margin-bottom: 25px;}

	.article_body .content_block{margin-bottom: 40px;}

	.article_body .img_right_box{padding-left: 0}

	.article_body .content_block.mg01 {margin-bottom: 78px;}

	.article_body .content_block.mg02, 

	.article_body .content_block.mg03 {margin-bottom: 40px;}

	

	.article_body #mq01{bottom:-64px}

	.article_body #mq02 {bottom: -65px;}

	.article_body #mq01 img{height: 80px;}

	.article_body #mq02 img{height: 62px;}

	

	.sub_header {padding-bottom: 30px;margin-bottom: 45px;}

	.tab_menu .swiper-slide .btns {height: 42px;padding: 1px 16px 0;}

	

	.btns.t2 {height: 47px;font-size: 20px;}

	

	.business_intro .split_wrap {flex-direction: column;}

	.business_intro .split_item {width: 100%;height: 50%;}

	.business_intro .center_title {font-size: 42px;}

  	.business_intro .sub_title {font-size: 26px;}

  	

  	.tab_nav_sticky .label{font-size: 24px;}

  	.tab_nav_sticky .tab_link{font-size: 24px;height: 58px;}

  	.business_sec .sec_header,

  	.business_sec .img_box{margin-bottom: 50px;}

  	.business_sec .info_box {padding-bottom: 45px;margin-bottom: 45px;}

  	.business_sec .info_box:last-child{margin-bottom: 20px}

  	.business_sec .info_box .sub_tit{font-size: 28px; }

  	.business_sec .info_box .sub_tit small{font-size: 20px}

  	.business_sec .sec_tit {font-size: 32px;margin-bottom: 20px;}

  	.business_sec .img_box img{aspect-ratio: 358 / 362;}

  	.business_sec .info_list{gap: 45px}

  	

  	.global_sec .map_area { flex: 1 1 100%; width: 100%; }

  	.global_sec .sec_header{margin-bottom: 60px}

  	.global_sec .sec_title{font-size: 32px}

  	.global_sec .tag_item{font-size: 26px}

  	.global_sec .info_box .sub_tit{font-size: 28px;display: block}

  	

  	

  	.history_sec .history_inner{flex-direction:column}

	.history_sec .left_sidebar{width:100%;margin-bottom:0}

	.history_chapter{padding:0 var(--leftRightMargin);margin-bottom:80px}

	.history_sec .right_timeline{padding:60px 0}

	.history_chapter .chapter_title_area{margin-bottom:40px}

	.history_chapter .chapter_title{font-size: 28px;line-height: 1.3;}

	.history_sec .left_sidebar .sidebar_inner{position:static;height:auto;border-radius:0;padding:30px 20px;justify-content:center;min-height:440px;aspect-ratio:390/440}

	.history_chapter .timeline_item{flex-direction:column;margin-bottom:39px}

	.history_chapter .timeline_year_area{width:100%;margin-bottom:18px}

	.history_chapter .timeline_year{font-size:20px;display:inline-block;background:#fff;padding-right:20px;position:relative;z-index:5}



   	.history_chapter .timeline_dot{top:50%;/*transform:translateY(-50%);*/right:auto;left:-6px}

   	.history_sec .timeline_line{left:0}

    .history_chapter .timeline_content{padding-left:46px;padding-right:20px;gap:1px}

    .history_chapter .timeline_year_area{margin-top: 14px;margin-bottom: 21px;line-height: 1.1}

    .history_chapter .timeline_year_area {margin-top: 0;margin-bottom: 0;line-height: 0;font-size: 0;}

	.history_chapter .item_title{font-size: 19px;line-height: 1.4;}

	.history_chapter .item_desc{font-size: 15px}

	.history_chapter .item_month{margin-bottom: 17px;}

	.history_chapter .timeline_text{padding-top: 15px;}

	

	.gallery_archive .cont{font-size: 18px}

	.gallery_archive .cont .tit{font-size: 28px}

	

	.tab_area{margin-bottom: 40px;}

	.tab01 .swiper-slide a,

	.tab01 .swiper-slide button{height: 48px;font-size: 16px;padding: 0 10px;}

}



@media (max-width: 500px) {



}