/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Noto Sans KR', sans-serif;
*/

@keyframes downY{
    0%{transform:translateY(-300px)}
    100%{transform:translateY(0px)}
}
@keyframes upY{
    0%{transform:translateY(300px)}
    100%{transform:translateY(0px)}
}
@keyframes iconflip{
    0%{transform: rotateY(0deg)}
    50%{transform:rotateY(-100deg)}
    100%{transform: rotateY(0deg)}
}


/*사용자정의데이터속성 data-aos-duration="1000"*/
div.step-show-up[data-my-duration="200"] {animation: upY 0.2s linear 1 alternate; }
div.step-show-up[data-my-duration="400"] {animation: upY 0.4s linear 1 alternate; }
div.step-show-up[data-my-duration="600"] {animation: upY 0.6s linear 1 alternate; }
div.step-show-up[data-my-duration="800"] {animation: upY 0.8s linear 1 alternate; }
div.step-show-up[data-my-duration="1000"] {animation: upY 1s linear 1 alternate; }
div.step-show-down[data-my-duration="200"] {animation: downY 0.2s linear 1 alternate; }
div.step-show-down[data-my-duration="400"] {animation: downY 0.4s linear 1 alternate; }
div.step-show-down[data-my-duration="600"] {animation: downY 0.6s linear 1 alternate; }
div.step-show-down[data-my-duration="800"] {animation: downY 0.8s linear 1 alternate; }
div.step-show-down[data-my-duration="1000"] {animation: downY 1s linear 1 alternate; }

/*show wrap 공통박스(츠나미)*/
.show-wrap > div { opacity:0; transition:0.5s; }
.show-wrap > div.show  { opacity:1; }


/*bullet tit공통(츠나미)*/
.bullet_Mtit_box { margin:100px 0; text-align:center; }
.bullet_Mtit_box p { font-size:15px; color:#bbb; text-transform:uppercase; }
.bullet_Mtit_box h2 { font-size:30px; font-weight:500; }

/* *************************** 메인페이지 *************************** */
/*section01 계단형 아이콘 박스(츠나미)*/
.step-wrap { width:100%; margin-top:-100px; position:relative; z-index:10; }
.step-list-wrap { max-width:1200px; min-height:271px; margin:0 auto; padding:50px 0; display:flex; justify-content: space-between; flex-wrap: wrap; background: linear-gradient(135deg,  #1755ae 0%,#2d3e87 100%); border-radius:25px; }
.step-list-wrap > div { width:25%; opacity:0; transition: opacity ease-in-out 0.5s;  border-right:1px dashed #ccc; text-align:center; transition:0.5s; }
.step-list-wrap > .step-list { width:50%; padding:0 50px; border:0; }
div.step-show-up, div.step-show-down { opacity:1; }
.step-list-box a { display:flex; justify-content: center; align-items: center; color:#fff; padding:15px 0; margin:20px 0;}
.step-list-box .icon-radius { width:30px; height:30px; line-height:28px; border-radius:50px; border:2px solid #fff;  color:#fff; margin-right:10px; transition:0.5s; }
.step-list-box a:hover .icon-radius { animation: iconflip 0.4s linear 1 alternate; background-color:rgba(255,255,255,1);  color:#1755ae; }


/*section01 게시판*/
.bord-list-call { position:relative; }
.bord-list-call > h2 { font-size:25px; padding-bottom:15px; text-align:left; font-weight:500; color:#fff; }
.bord-list-call > h2 > span { font-size:15px; color:#789bce; padding-left:5px; }
.bord-list-call > a { width:25px; height:25px; line-height:24px; text-align:center; font-size:15px; color:#7d90de; border:1px solid #7d90de; display:block; position:absolute; top:10px; right:0; transition:0.5s; }
.bord-list-call > a:hover { background:#789bce; color:#2d3e87; }
.bord-list-call li.basic_li { overflow:hidden; border-bottom:1px solid #4e61a5; line-height:40px; font-size:15px;  }
.bord-list-call li.basic_li > a { float:left; color:#fff; }
.bord-list-call li.basic_li > a:hover { color:#789bce; }
.bord-list-call li.basic_li > div.lt_info { float:right; padding:0; }
.bord-list-call .lt_info .lt_date { color:#acb0c9; }
.bord-list-call h2.lat_title, .bord-list-call a.lt_more, .bord-list-call span.lt_nick, .bord-list-call span.new_icon, .bord-list-call i.fa-download, .bord-list-call .lt_cmt { display:none !important; }


/*section02 슬라이딩(미닫이)박스(츠나미)*/
.section02 { background:#f9fbff; margin-bottom:150px; overflow:hidden; }
.sliding-door-wrap { width:100%; height:450px; position:relative; overflow:hidden; }
.sliding-door-wrap > div { width:50%; height:100%; opacity:0; transition:0.5s; position:relative; }
.sliding-left-box { float:left; margin-left:-500px; }
.sliding-right-box { float:right; margin-right:-500px; padding-left:50px;  }
.sliding-door-wrap div.show { opacity:1; margin:0; }
 /*left*/
.sliding-left-box { text-align:center; font-size:30px; }
/*right*/
.main_scheduleWrap { max-width:550px; }
.schedule_titM { font-size:20px; font-weight:500; position:relative;padding-left:25px; }
.schedule_titM i { font-size:25px; position:absolute; left:0; }
.schedule_listBox { width:100%; height:328px; margin:20px 0 45px 0; background:#e9f0fb; padding:35px; }
.schedule_listBox ul { height:100%; overflow-y:scroll; font-size:15px; }
.schedule_listBox ul::-webkit-scrollbar { width:5px; height:8px; background:#eff3f9; }
.schedule_listBox ul::-webkit-scrollbar-thumb { border-radius:10px; background:#819fd1; }
.schedule_listBox ul > li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; line-height:18px; }
.schedule_listBox ul > li:before { content:"\00B7"; padding-right:5px; }
.schedule_listBox ul > li > span { display:inline-block; color:#fff; border-radius:4px; padding:0 2px; margin-right:5px; font-size:14px; }
.m_rent_span { background:#e4007f; }
.m_appli_span { background:#ff7800; }
.m_run_span { background:#009944; }
/*2026삭제예정
.appli_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; }
.appli_box { width:160px; height:160px; text-align:center; }
.appli_box a { width:100%; height:100%; display:block; border:1px solid #c9c9c9; transition:0.5s; }
.appli_box a:hover { border:1px solid #2d3e87; background:#2d3e87; color:#fff; }
.appli_box i { font-size:30px; padding-top:35px; }
.appli_box h3 { font-size:20px; padding:5px 0; }
.appli_box p {  font-size:15px; }
*/


/*section03 창업프로그램 (츠나미)*/
.section03.show-wrap { padding:100px 0; margin:50px 0; }
.section03.show-wrap > div { margin-top:300px;}
.section03.show-wrap > div.show  { margin-top:0; }
.main_program_wrap { max-width:1400px; margin:0 auto; }


/*section04 슬라이드 배너 (츠나미)*/
.section04 { width:100%; overflow:hidden; }
.section04 .bullet_Mtit_box { display:none; }
.section04 .show-wrap { width:100%; }
.sliding-se04 { width:50%; position:relative; }
.show.sliding-se04 { margin:0; }
.sliding-se04-L { float:left; margin-left:-300px; z-index:100; }
h2.gallery-callTit { width:100%; max-width:600px; float:right; font-weight: 600;  font-size: 30px; padding:0 10px 20px; }
h2.gallery-callTit span { font-size:18px; font-weight:500; color:#999; padding-left:10px; }
.bord-gallery-call { width:100%; max-width:600px; min-height:100px; float:right; overflow:hidden; position:relative; z-index:999; }
.bord-gallery-call .sm-pic-lt { display:flex; justify-content:space-between; flex-wrap: nowrap; }
.bord-gallery-call .gallery_li { width:50%; }
.bord-gallery-call .gallery_li > a { display:block; border:1px solid #ccc; margin:0 10px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bord-gallery-call .gallery_li > a:first-child { border-bottom:0; }
.bord-gallery-call .gallery_li > a:nth-child(2) { line-height:70px; border-top:0; background:#fff; font-size:17px; text-align:center; padding:0 20px; }
.bord-gallery-call .lt_content { display:none; }

.gallery_btn { width:100%; max-width:600px; height:100%; position:absolute; right:0; }
.gallery_btn button { width:50px; height:50px; background:#000; color:#fff; opacity:0.2; border-radius:50px; position:absolute; top:50%; margin-top:-25px;  transition:0.5s; }
.gallery_btn button:hover { opacity:0.7; }
.gallery_btn button i { font-size:20px; }
.gallery_prev { left:-50px; }
.gallery_next { right:-50px; }

.sliding-se04-R { float:right; margin-right:-300px; padding-left:100px; }
.sliding-se04-R p:nth-child(1) { color:#999; margin-top:50px; }
.sliding-se04-R h2 { font-weight:600; font-size:25px;}
.sliding-se04-R p:nth-child(3) { margin:20px 0; }
.sns_box > a { float:left; margin-right:10px; text-align:center; }
.sns_box > a > div { width:60px; height:60px; line-height:64px; border-radius:10px; color:#fff; font-size:40px; }
.sns_box > a > p { font-size:14px; margin-top:5px; }
.sns_box .i-kakao { background:#f2da00; color:#3a1c1d; }
.sns_box .i-insta { background: linear-gradient(45deg,  #ffe432 0%,#d82c92 50%,#562994 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.sns_box .i-youtube { background:#d1002a; }
.sns_box .i-Nband { background:#00ee65; }
.sns_box .i-Nband img { vertical-align:initial; }


/*section05 흐르는배너 (츠나미)*/
/*배너제어*/
.sliding-banner-wrap { max-width:1200px; width:100%; margin:0 auto; position:relative; padding-top:80px; }
.owl-carousel { position:relative; }
.owl-stage-outer { width:100%; overflow:hidden;}
.owl-carousel .owl-item { min-height:65px; float:left; border:1px solid #ccc;  background:#fff; }
.item a { width:100%; min-height:65px; display:block; text-indent:-9999px; }
/*버튼제어 stop, play*/
.sliding-banner-btn { width:180px; height:50px; border:1px solid #999; text-align:center; border-radius:50px; position:absolute; top:0; right:0; }
.sliding-banner-btn > i { width:35px; height:50px; line-height:48px; font-size:30px; cursor:pointer; }
/*버튼제어 prev, next*/
.owl-nav { position:absolute; top:-76px; right:0; }
.owl-nav > button { width:35px; height:45px; position:absolute; z-index:20; font-size:22px; background:none; }
.owl-nav > button.owl-prev { left:-165px; }
.owl-nav > button.owl-next { right:15px; }
.owl-nav > button, .sliding-banner-btn > i {opacity:0.5; transition:0.5s; }
.owl-nav > button:hover, .sliding-banner-btn > i:hover {opacity:1; }
/*배너이미지추가(배경으로제어)*/
.sliding-banner-li .item1 { background:url(../img/s-ban01.png) center center / 100% no-repeat; }
.sliding-banner-li .item2 { background:url(../img/s-ban02.png) center center / 100% no-repeat; }
.sliding-banner-li .item3 { background:url(../img/s-ban03.png) center center / 100% no-repeat; }
.sliding-banner-li .item4 { background:url(../img/s-ban04.png) center center / 100% no-repeat; }
.sliding-banner-li .item5 { background:url(../img/s-ban05.png) center center / 100% no-repeat; }


/* ========== 메인페이지 반응형(츠나미) ========== */
@media screen and (max-width: 1024px) {

/*section01 계단형 아이콘 박스*/
.step-wrap { padding:0 20px; }
.step-list-wrap > div { width:100%; height:100%; border:0; margin:0 30px; }
.step-list-box a { padding:5px 0; margin:0 0 15px 0; }
.step-list-wrap > div:nth-child(2) { border-bottom: 1px dashed #ccc; }
.step-list-wrap > .step-list { width:100%; padding:50px 30px 0; margin:0; }
.bord-list-call li.basic_li > a { width:78%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; }


/*section02*/
.section02 { margin-bottom:100px; }
.sliding-door-wrap { height:auto; }
.sliding-door-wrap > div { width:100%; }
/*left*/
.sliding-left-box { padding:20px; }
/*right*/
.sliding-right-box { padding:0 20px; }
.schedule_listBox { height:200px; padding:30px 20px; }
/*2026삭제예정
.appli_box { width:32%; height:120px; }
.appli_box a { border:1px solid #2d3e87; background:#2d3e87; color:#fff; }
.appli_box i { padding-top:23px; }
.appli_box h3 { font-size:15px; }
.appli_box p { font-size:13px; }
*/


/*section03*/
.section03.show-wrap { padding:60px 0 40px 0; margin:50px 0; }

/*section04*/
h2.gallery-callTit { display:none; }
.section04 .bullet_Mtit_box { display:block; margin:0 0 50px; }
.sliding-se04 { width:100%; }
.bord-gallery-call .sm-pic-lt { flex-wrap: wrap }
.gallery_btn { display:none; }
.bord-gallery-call .gallery_li > a { margin:0 20px; }
.bord-gallery-call .gallery_li > a:nth-child(2) { margin-bottom:20px; }
.sliding-se04-R { padding:20px; }

/*section05*/
.section05 { padding:0 20px; }

}


/* *************************** 서브페이지 *************************** */
/*서브공통(츠나미)*/
h1#container_title { margin-top:80px; font-size:35px; text-align:center; font-weight:500; }
h2.container-sub-title { text-align:center; font-weight:400; font-size:14px; }
.sub-content { max-width:1400px; margin:80px auto; }
.ul_square { list-style: square; padding-left:15px; }

.pc_block { display:block; }
.mobile_block { display:none; }

.c_3eb134 { color:#3eb134; }
.c_f49d00 { color:#f49d00; }
.c_35babe { color:#35babe; }
.c_e5004f { color:#e5004f; }
.text_L { text-align:left !important; }


/*불렛타이틀*/
h1.bullet_tit { font-size:20px; font-weight:500; margin:50px 0 10px 0; padding-left:25px; position:relative; }
h1.bullet_tit:before, h1.bullet_tit:after { content:''; width:18px; height:18px; display:block; position:absolute; border:4px solid #162ca1; top:0; left:0; box-sizing:border-box;  z-index:1; }
h1.bullet_tit:after { border:3px solid #ccc; top:4px; left:4px; z-index:0;}

/*테이블,m_touch*/
.m_touch_info { text-align:center; font-size:15px; padding:20px; display:none; }
.m_touch_info i { color:#aaa; font-size:30px; margin-bottom:5px; }
.basic_table { width:100%; border-top:3px solid #162ca1; }
.basic_table th { background:#f1f1f1; }
.basic_table th, .basic_table td { padding:15px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }
.basic_table th:last-child, .basic_table td:last-child { border-right:1px solid #ccc; }


.border_tb .basic_table { max-width:1400px; margin:80px auto 0; }


/*공통본문*/
.sub_article_box { line-height:1.5; }
.sub_article_box ul { padding-left:25px; }


/*준비중페이지*/
.redy_box { text-align:center; }
.redy_box i { font-size:40px; }
.redy_box p { font-size:30px; margin-top:20px; }

/*게시물이없습니다.*/
.empty_li { display:none; }

/*게시물분류(청년센터전용)*/
a.bo_cate_link { color:#fff; }
.bo_cate_link.add-cate1 { background:#e60012; }
.bo_cate_link.add-cate2 { background:#2d3e87; }
.bo_cate_link.add-cate3 { background:#0a959c; }
.bo_cate_link.add-cate4 { background:#bc15c5; }
.bo_cate_link.add-cate5 { background:#3caf21; }


/*인사말(츠나미)*/
.greet-tit-wrap { width:100%; height:400px; background:url('../img/greet_img01.jpg') center / cover no-repeat; margin-bottom:250px; position:relative; }
.greet-tit { width:58%; position:relative; padding:100px 0 0 100px; }
.border-con-box { width:80%; height:400px; border:8px solid #00479d; padding:150px 0 0 130px; position:relative; z-index:10; }
.border-con-box .gr-str01 { font-size:35px; }
.border-con-box .gr-str01 span { font-family: 'Nanum Myeongjo', serif; font-size:50px; font-weight:600; }
.border-con-box .gr-str01 span:nth-child(3) { color:#1d2088; }
.border-con-box .gr-str01 span:nth-child(4) { color:#00479d; }
.commas { width:100px; height:100px; font-family: 'Nanum Myeongjo', serif; font-size:100px; font-weight:500; position:absolute; z-index:11; }
.commas.comL { top:200px; left:200px; }
.commas.comR { bottom:50px; right:200px; text-align:right; line-height:230px; }
.gray-con-box { width:70%; height:400px; background:rgba(240,240,240,0.8); position:absolute; top:150px; left:150px; }
.greet-conBox { max-width:1200px; text-align:justify; margin:0 auto; line-height:1.5; }
.greet-conBox p { width:100%; border:1px solid #bfbfbf; border-radius:10px; background:#f4f4f4; text-align:center; margin-bottom:20px; padding:20px 0; }
.greet-conBox p i { font-size:23px; margin-right:5px; vertical-align: sub; }
.greet-conBox .greet-add-info i { color:#999; font-size:21px; }
.greet-add-info span { padding:0 20px; }


/*미션 및 비전(츠나미)*/
.vision_wrap { text-align:center; }
.mv_tit_box_wrap { width:100%; border:2px solid #2d3e87; border-radius:20px; margin-bottom:50px; padding:0 20px; }
.mv_tit_box { width:260px; margin:0 auto; padding:10px 0; background:#2d3e87; border-radius:0 0 20px 20px; color:#fff; }
.mv_tit_box div:nth-child(1) { text-transform:uppercase; }
.mv_tit_box div:nth-child(2) { font-size:25px; font-weight:500; }
.mv_tit_box_wrap > p { margin:20px 0; font-size:23px; }
.goals_img { width:100%; margin-top:50px; }
.goals_img_m { display:none; }


/*조직(츠나미)*/
.organ_wrap { max-width:1200px; margin:0 auto; }
.organ_img { margin-bottom:100px; }
.organ_img .pc_block { margin:0 auto; }


/*연혁(츠나미)*/
.history_wrap { max-width:1200px; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; margin:0 auto; }
.history_wrap:before { content:''; width:10px; height:100%; background:#eee; position:absolute; top:0; left:50%; margin-left:-5px; }
.history_box { width:42%; position:relative; }
.history_box:before { content:''; width:50px; height:1px; background:#999; position:absolute; top:22px; right:-70px; }
.history_box:nth-child(2n) { margin:150px 0  0 0; }
.history_box:nth-child(2n):before { left:-70px; right:0; }
.history_box h1 { margin-bottom:20px; font-size:40px; color:#999; }
.history_box p { line-height:1.5; }
.history_box:nth-child(2n+1) h1, .history_box:nth-child(2n+1) p { text-align:right; }
.history_box img { width:100%; margin-top:40px; }


/* 오시는길(츠나미)*/
#map { border:1px solid #ccc; }
h1.map-tit { text-align:center; margin:50px 0 30px; }
.map_info_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px; }
.map_info_wrap > div { width:49%; line-height:70px; border:1px solid #bfbfbf; border-radius:10px; background:#f4f4f4; text-align:center; margin-bottom:20px; }
.map_info_wrap > div.map_address, .map_info_wrap > div.map_time { width:100%; background:#fff; }


/*센터영상(츠나미)*/
/*센터영상 top영상부분*/
.bo_style { max-width:960px; margin:100px auto 0; }
.bo_style iframe { width:100%; min-height:540px;}


/*프로그램신청(츠나미)*/
.program_intro_tit { text-align:center; }
.program_intro_tit h1 { font-weight:500; font-size:30px; }
.program_intro_tit h1::after { content:""; width:80px; height:4px; background:#2d3e87; display:block; margin:15px auto 10px; } 
.program_intro_tit p { color:#bbb; font-weight:300; }
.flex_wrap { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:50px 0 100px 0; }
.flex_wrap > div { width:16%; margin:0 2%; min-height:224px; border-radius:200px; border-style:solid; border-width:13px; }
.flex_no2 > div { border-color:#f39800; }
.flex_no3 > div { border-color:#0a959c; }
.flex_no5 > div { border-color:#244c85; }
.flex_box i { color:#c0c5db; font-size:40px; margin-top:40px; }
.flex_box p { font-size:20px; margin-top:20px; }
.flex_no3 i { color:#b5dfe1; }
.flex_no2 i { color:#fbe0b2; }


/*장비대여 추가(츠나미)20250512*/
.equipRent_table { max-width:1400px;margin:0 auto; }
.equipRent_img {text-align:center; padding:50px 50px 0 0; }
.equipRent_img > img {width:100%; }
.equipRent_li > h3 { font-weight:500; font-size:25px; color:#0d6fb8; margin-bottom:20px; }
.equipRent_li > h3 > span { width:2px; height:15px; display:inline-block;  background:#bbb; margin:0 10px;}
.equipRent_li > p { font-size:18px; }
.equipRent_li > h4 { font-weight:500; font-size:20px; color:#db4281; margin:30px 0 10px; }
.equipRent_li > ul { list-style:square; padding:50px; background:#eee; }


/* ========== 서브페이지 반응형(츠나미) ========== */
@media screen and (max-width: 1024px) {
.pc_block { display:none; }
.mobile_block { display:block; }

/*서브wrap(츠나미)*/
h1#container_title { font-size:30px; }

/*테이블,m_touch*/
.m_touch_info { display:block; }
.table_scrool_wrap { width:100%; overflow-x:scroll; }
.table_scrool_wrap::-webkit-scrollbar { width:8px; height:5px; background:#eff3f9; }
.table_scrool_wrap::-webkit-scrollbar-thumb { border-radius:10px; background:#819fd1; }
.basic_table { width:1000px; font-size:15px; }
.equipRent_table { width:1000px; font-size:15px; }

/*인사말(츠나미)*/
.greet-tit-wrap { height:200px; margin-bottom:300px; }
.greet-tit { width:100%; padding:200px 0 0 0; }
.border-con-box { width:100%; height:250px; padding:70px 0 0 30px; margin:0; }
.border-con-box .gr-str01 { font-size:25px; }
.border-con-box .gr-str01 span { font-size:40px; }
.commas  { width:70px; height:70px; }
.commas.comL { top:230px; left:30px; }
.commas.comR { line-height:inherit; bottom:0; right:30px; }
.gray-con-box { display:none; }
.greet-add-info span { padding:0; display:block; }

/*미션 및 비전(츠나미)*/
.mv_tit_box { width:150px; }
.mv_tit_box div:nth-child(1) { font-size:15px; }
.mv_tit_box div:nth-child(2) { font-size:22px; font-weight:500; }
.mv_tit_box_wrap > p { margin:20px 0; font-size:17px; }
.goals_img { display:none; }
.goals_img.goals_img_m { display:block; }


/*조직(츠나미)*/
.organ_img { margin-bottom:70px; }
.organ_img img { width:100%; }


/*연혁(츠나미)*/
.history_wrap:before { display:none; }
.history_box, .history_box:nth-child(2n) { width:100%; margin:50px 0; }
.history_box:before { top:-20px; right:0; }
.history_box:nth-child(2n):before { left:0; }

/* 오시는길(츠나미)*/
h1.map-tit img { width:75%; }
.map_info_wrap > div { width:100%; line-height:1.5; padding:20px; margin-bottom:10px; }
span.m_visibility { height:0; display:block; visibility:hidden; }
.map_tel span, .map_time .c_e5004f  { display:block; }


/*게시판*/
.bo_style { padding:0 20px; }
.bo_style iframe { min-height:225px;}


/*프로그램신청(츠나미)*/
.flex_wrap { margin:50px 0 80px 0; }
.flex_wrap > div { width:100%; margin:0 0 10px 0; min-height:auto; border-radius:20px; border-width:8px; padding:20px 0; }
.flex_box i { font-size:30px; margin-top:0; }
.flex_box p { font-size:20px; margin-top:10px; }
.flex_no3 i { color:#b5dfe1; }


}

@media screen and (max-width: 1200px) {
.sub-content { padding:0 20px; }
}