@charset "utf-8";

/* 공통타이틀 */
.title_area {position: relative; font-family: 'Paperlogy';}
.title_area h3 {font-size: 160%; color:#222; display: block; line-height: 40px; ; margin-bottom: 15px; position: relative;  font-weight: 500;}
.title_area h3 span {color: #1f5ad4;  font-weight: 700;}
.title_area.tac h3 {text-align: center;}


/* 상하여백 */
.m_pad {padding-top:60px; padding-bottom: 60px;}
.m_pad2 {padding-top:90px; padding-bottom: 90px;}
.m_notict_bottom {padding-bottom:4% !important}


.m_visual {position: relative; overflow: hidden; padding: 30px 0;}
.m_visual::before {content: ''; background-color: #d8e7ff; position: absolute; left:0; right:0; top:0; bottom: 80px;}
.m_visual::after {content: ''; position: absolute; right:-90px; top:-90px; background-image: url(/images/main/main_2025/patten01.png); width: 270px; height: 270px; }

.m_visual .visual_wrap {position: relative; display: flex; width: 100%;}
.m_visual .m_visual_slider{position: relative; z-index: 1; }
.m_visual .m_visual_slider .nav {width: 180px; left:auto; right:100px; bottom: 100px; align-items: center;}
.m_visual .m_visual_slider .nav button {background-color: transparent;}
.m_visual .m_visual_slider .nav button::before {color: #555; }
.m_visual .m_visual_slider .nav .count {color: #555; font-size: 100%;}
.m_visual .m_visual_slider .nav .count em {color: #1f5ad4;}
.m_visual .m_visual_slider .slider {border-radius: 20px; overflow: hidden; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); flex: 0 1 calc(100% - 320px); width:calc(100% - 320px);}
.m_visual .m_visual_slider .slider .cell {  display: block; position: relative; padding-bottom: 45.9%;}
.m_visual .m_visual_slider .slider .cell img {width: 100%; min-width: 100%; position: absolute; left:0; right: 0; top:0; bottom:0;}

.m_visual .m_visual_txt {width:320px; flex: 0 1 320px; padding-left: 50px; font-family: 'Paperlogy'; font-weight: 700; padding-top: 100px; z-index: 1;}
.m_visual .m_visual_txt p {color: #1f5ad4; font-size: 220%;}
.m_visual .m_visual_txt p span{color: #d84a11; display: block;}
.m_visual .m_visual_txt strong{color: #000; font-size: 280%; display: block; padding: 10px 0;}

@media only screen and (max-width:1300px) {
.m_visual .m_visual_txt { padding-top: 50px; }
.m_visual .m_visual_txt p { font-size: 150%;}
.m_visual .m_visual_txt strong{ font-size: 200%; }
}

@media only screen and (max-width:1050px) {
.m_visual  { padding-bottom: 0;}
.m_visual .visual_wrap {flex-wrap: wrap; padding-bottom: 0;}
.m_visual .m_visual_slider .slider { flex: 0 1 100%; width:100%; order: 2; border-radius: 20px 20px 0 0;}
.m_visual .m_visual_txt { flex: 0 1 100%; width:100%; padding-top: 0px; padding-bottom: 15px; order: 1; text-align: center; font-size: 90%; line-height: 25px; padding-left: 0;}
.m_visual .m_visual_txt p span{display: inline-block;}
.m_visual .m_visual_slider .nav { right: 50%; bottom: 0px; transform: translateX(50%); background-color: rgba(0, 0, 0, 0.9); font-size: 90%; border-radius: 10px 10px 0 0; padding: 0 5px; justify-content: center;}
.m_visual .m_visual_slider .nav button::before {color: rgba(255, 255, 255, 0.7); }
.m_visual .m_visual_slider .nav .count {color: rgba(255, 255, 255, 0.7);  font-size: 100%;}
.m_visual .m_visual_slider .nav .count em {color: #fff;}
.m_visual::before {bottom: 100px; }
.m_visual .visual_wrap {padding-bottom: 0px;}
.m_visual .wrap_container {padding: 0;}
.m_visual .m_visual_txt strong {padding:3px 0}
}


/* 열린 의장실 */
.m_news .wrap_container {display: flex; justify-content: space-between;}
.m_lawmaker {width: 550px;  height: 390px; }
.main_speaker {   position: relative; width:100%; height: 100%;;  overflow:hidden;  border-radius: 20px 20px; font-weight: 500;  justify-content: flex-end;  background-color: #ecf3ff; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); font-family: 'Paperlogy';}
.main_speaker .photo{ padding-top:5px; position: absolute; bottom:0; right: 0; top:0; z-index: 10; display: flex; align-items: end; }
.main_speaker .text_box{position: absolute; right:10%; left:10%; top:12%;font-size: 130%; z-index: 15; letter-spacing: 0em;  font-family: var(--scdream_font); }
.main_speaker .text_box em{ display: block; font-size: 110%; line-height: 130%; padding-bottom: 5px; font-weight: 600; color: #1f5ad4;}
.main_speaker .text_box strong{ display: block;  line-height: 170%; font-weight: 700; font-size: 120%; color: #d84a11;}
.main_speaker .text_box strong i{ color: #000; font-size: 130%; display: block;}
.main_speaker .text_box .maker_btn {width:180px; padding-top: 40px;}
.main_speaker .text_box .maker_btn a {display: block; position: relative; padding:0 10px 0 10px; color:#222; text-align: center; line-height: 40px; border-radius: 40px; font-size: 17px;  transition: all 0.3s; margin: 10px 0;  background-color: #1f5ad4; color: #fff;}
.main_speaker .text_box .maker_btn a i {margin-right: 5px; color: #c7e9ff;}
.main_speaker .text_box .maker_btn a span {padding-right: 5px;}
.main_speaker .text_box .maker_btn a:hover {}
.main_speaker .text_box .maker_btn a:last-child {background-color: #11347c;}
.main_speaker .text_box .maker_btn a:last-child i{color: #249bff;}


/* 최근게시물 탭박스 영역 */
.bbs_tab { position: relative;  min-height: 400px; width:calc(100% - 600px)}
/*
.bbs_tab:before {content: ''; position: absolute; background-color:rgba(0,0,0,0.1); height:1px; top:67px; left:0; right:0;}
*/
.bbs_tab > ul { display: flex; }
.bbs_tab > ul > li {}
.bbs_tab > ul > li:last-child > a {margin-right: 70px;}
.bbs_tab > ul > li > .m_tab{ position: relative; line-height:40px; height:40px;  padding:0 40px;color:#888; display:flex;  font-weight:500;  text-align: center; font-size: 110%; border-radius: 10px; margin-right: 3px;   font-family: var(--scdream_font); transition: all 0.3s;  background-color: #e4e7ed;}
.bbs_tab > ul > li > .m_tab h4 {position: relative; }
.bbs_tab > ul > li > .m_tab h4 span {position: relative;z-index: 8;font-family: 'Paperlogy'; }
.bbs_tab > ul > li.active{display: block;}
.bbs_tab > ul > li.active > .m_tab{ color:#fff;  position: relative; z-index: 9;  font-weight: 600; background-color: #1f5ad4;}
.bbs_tab > ul > li .m_tab i{font-size:130%; margin-right:5px}
.bbs_tab > ul > li .view { position: absolute; top: 60px; left:0; right:0;visibility: hidden;  opacity: 0; transition: all 0.3s; }
.bbs_tab > ul > li.active .view { display:block; visibility: visible; opacity: 1; }
.bbs_tab > ul > li.active .view ul { display:block; margin-top: 0;}
.bbs_tab > ul > li .view ul { display:block;  margin-top: 0px; transition: all 0.3s;}
.bbs_tab > ul > li .view .big {margin-bottom:10px; background-color:#fff; border-radius:20px; padding: 7px 15px 7px 7px;  box-shadow: 0 0 10px rgba(40, 55, 99, 0.08); border: 1px solid #ddd;}
.bbs_tab > ul > li .view .big a{display:block; overflow:hidden;}
.bbs_tab > ul > li .view .big .file {display:none}
.bbs_tab > ul > li .view .big span{ float: left; width:90px; height: 90px; padding:13px 0px; text-align: center; font-weight:600; color:#464856;  margin:5px 20px 5px 10px; border-radius: 20px;  background-color: #eff0f2; text-align: center; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; font-family: 'Paperlogy'; font-size: 14px; }
.bbs_tab > ul > li .view .big span i{display: block;  font-weight: 900; font-size: 180%; color:#004fc6; display: block; width: 100%;}
.bbs_tab > ul > li .view .big div {overflow: hidden;}
.bbs_tab > ul > li .view .big div strong{display:block;  font-family: var(--scdream_font); font-weight: 600; line-height:35px;font-size: 120%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#111; letter-spacing: 0em; padding-top: 8px; font-family: 'Paperlogy';}
.bbs_tab > ul > li .view .big div p{font-size: 85%; color:rgba(0,0,0,0.6); line-height: 20px; text-overflow: ellipsis; overflow: hidden; display:block; height: 43px; margin-top:5px; ; font-weight: 400; letter-spacing: -0.05em;}
.bbs_tab > ul > li .view li {position: relative; width: 100%;}
.bbs_tab > ul > li .view li.title::before{content:''; position:absolute; left:2px; top:17px; border-radius: 50%; width:4px; height:4px; background-color: #cacaca;}
.bbs_tab > ul > li .view li.title > a{display:block; padding-left:15px; width:calc(100% - 80px);  line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  font-weight: 500; font-size: 105%; color: #444;}
.bbs_tab > ul > li .view li.title > .date{ position: absolute; right:5px; z-index: 3; top:7px; color: #777; font-family: var(--noto_font); font-weight: 300; }
.bbs_tab .more { position: absolute; right:0; top:-55px; display: block;  height:35px; line-height:35px;  border-radius: 10px; padding: 0 10px; margin: 0 auto; text-align: center; background-color: #eef0f5;  font-weight: 500;transition: all 0.3s;  margin: 0 7px; color: #5c6677;}
.bbs_tab .more > span {position: absolute; right:999999999999999px}
.bbs_tab .more:hover {color:#fff; background-color: #2c3446; border-color: #2c3446;}
.bbs_tab .more:hover::after {color:#fff;}
.bbs_tab .more::after {content: '\e914'; font-family: 'xeicon'; font-weight: 600; color: #2c3446;}

@media only screen and (max-width:1400px) {
.bbs_tab > ul > li > .m_tab{  padding:0 20px;}
.m_lawmaker {width: 450px;  height: 380px; }
.bbs_tab {  width:calc(100% - 500px)}

}

@media only screen and (max-width:1000px) {
.m_news .wrap_container {flex-wrap: wrap;}
.m_lawmaker {width: 100%; margin-bottom: 60px;}
.bbs_tab { width:100%; }

}

@media only screen and (max-width:750px) {
.bbs_tab { min-height: 300px;}

.bbs_tab > ul > li:last-child > a {margin-right: 40px;}

.bbs_tab > ul > li .view { top:56px;}

.bbs_tab > ul > li .view .big {border-radius:5px; }
.bbs_tab > ul > li .view .big span{ width:50px; height: 70px; padding:7px 0px;  margin:5px 10px 5px 0px; border-radius: 5px; font-size: 80%;}
.bbs_tab > ul > li .view .big div strong{ line-height:20px;font-size: 110%;padding-top: 6px;}
.bbs_tab > ul > li .view li.title > a{font-size: 100%; }

}
@media only screen and (max-width:600px) {
.m_lawmaker { height: 300px; }
.main_speaker .photo img{ height: 100%; }

.main_speaker .text_box{ right:5%; left:7%; top:12%;font-size: 110%;  }
.main_speaker .text_box .maker_btn {width:130px; padding-top: 10px;}
.main_speaker .text_box .maker_btn a {line-height: 35px;  font-size: 14px;  }
}

@media only screen and (max-width:600px) {
.m_lawmaker { height: 250px; margin-bottom: 40px;}
.main_speaker .text_box{ right:2%; font-size: 100%; }
.main_speaker .text_box .maker_btn a {line-height: 30px;  font-size: 13px;  }
.main_speaker .photo {margin-right: -20px;}
.main_speaker .photo img{ height: 95%;}
.bbs_tab > ul > li > .m_tab{  padding:0 10px; font-size: 100%;}

.bbs_tab > ul > li .view li.title > a{line-height: 30px; }
.bbs_tab > ul > li .view li.title > .date{  top:3px;  }

}


.m_member {position: relative; display: block; }
.m_member::before {content: ''; position: absolute; left:0; right: 0; bottom: 0; top:250px;  background-color: #d8e7ff;}

.lawmaker_wrap { display: block; border-radius: 20px; background-color: #2651a8; }
.lawmaker_wrap > .title_area{ padding-top: 40px; letter-spacing: 0.08em; }
.lawmaker_wrap > .title_area h3{ color: #fff;}
.lawmaker_wrap > .title_area h3 span{ color: #faffab;}

.lawmaker_wrap .lawmaker_list {display: block; padding:20px 30px; margin-bottom: 30px;}
.lawmaker_wrap .lawmaker_list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.lawmaker_wrap .lawmaker_list ul li{flex:0 1 11.111%; padding: 0 10px;}
.lawmaker_wrap .lawmaker_list ul li .img_cell{position: relative; display: block; border-radius: 10px; background-color: #eef0f5; overflow: hidden;  font-family: 'Paperlogy'; transition: all 0.3s; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);}
.lawmaker_wrap .lawmaker_list ul li .img_cell span{position: absolute; background-color: rgba(0, 0, 0, 0.9); color: #fff; line-height: 35px; text-align: center; left: 0; right: 0; bottom: 0; transition: all 0.3s;}
.lawmaker_wrap .lawmaker_list ul li .img_cell:hover {transform: translateY(-5px); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);}
.lawmaker_wrap .lawmaker_list ul li .img_cell:hover span {}



@media only screen and (max-width:1100px) {
.lawmaker_wrap > .title_area{ padding-top: 20px;}
.lawmaker_wrap .lawmaker_list { padding:10px 20px; }
.lawmaker_wrap .lawmaker_list ul li{padding: 0 5px;}
.lawmaker_wrap > .title_area h3 {margin-bottom: 0;}
}

@media only screen and (max-width:850px) {
.lawmaker_wrap .lawmaker_list ul li{flex:0 1 33.3333%; margin-bottom: 10px;}

}

@media only screen and (max-width:400px) {
.lawmaker_wrap .lawmaker_list { padding:10px 10px 0px 10px; }
.lawmaker_wrap .lawmaker_list ul li .img_cell span{ line-height: 25px; }

}



/* 의사일정 */

.lawmaker_wrap .m_Schedule {position: relative; display: flex; width: 100%; background-color: #0b2250; border-radius: 20px;  }
.m_Schedule .title_area {position: relative; display: flex; align-content: center; flex-wrap: wrap; flex:0 1 250px; width: 250px;  border-radius: 15px 0 0 15px; padding-left: 50px;}
.m_Schedule .title_area::before {content: ''; position: absolute;   background-color: #e2520c; left:0px; top:-10px; right: 0; bottom: 0; border-radius: 0 50px 0 20px; }
.m_Schedule .title_area h3 {  color: #fff; font-size: 130%;}
.m_Schedule .title_area h3 span {color: #feff9e;   font-weight: 600; }
.m_Schedule .title_area a {position: relative; color: #fff; background-color: rgba(255, 255, 255, 0.2); display: inline-block; padding: 0 20px; line-height: 30px; border-radius: 30px; font-size: 90%; font-weight: 400; margin-top: 0px; margin-bottom: 20px;}

.main_schedule {  display:flex;  position: relative;  flex:0 1 calc(100% - 250px); padding: 25px 0; padding:25px 30px;}

.main_schedule .week_area{ display: flex; align-items: center; position: relative;   flex: 1 0 60%; min-width: 60%;  font-family: var(--scdream_font); padding-right: 40px; }
.main_schedule .week_area .schedule_date{ font-family: 'Roboto'; font-weight: 700; font-size: 170%; color: #fff; text-align:center; display: block; flex:1 0 230px}
.main_schedule .week_area .schedule_date span { font-size: 70%; color: #fff; display: inline-block; vertical-align: top; padding-left: 5px;}
.main_schedule .week_area .week{display:flex; flex-wrap: wrap; width:100%; padding:0px 50px;}
.main_schedule .week_area .week li{flex: 0 0 14.2857142857%;    max-width:14.2857142857%; color:#fff; padding:0 3px;}
.main_schedule .week_area .week li span, .main_schedule .week_area .week li a{display:block; position: relative; text-align: center; padding:5px 0; font-weight: 500; font-size: 110%; margin:3px 0 }
.main_schedule .week_area .week li a i{ position: relative; }
.main_schedule .week_area .week li:first-child{color: #ffc1d7;}
.main_schedule .week_area .week li:last-child{color: #8bc4ff;}
.main_schedule .week_area .week li .today:before{content:''; position:absolute; left:50%; margin-left:-20px; top:0px; width:40px; height:40px; border-radius: 50%; background-color:#d84a11; box-shadow: 3px 3px 6px rgba(0,0,0,0.3);  }
.main_schedule .week_area .week li .today i{ }
.main_schedule .week_area .week .being {background-color:#1847b1; border-radius: 5px;}

.main_schedule .week_area .nav {position:relative; flex:1 0 calc(100% - 230px)}
.main_schedule .week_area button {position: absolute; top:20px; z-index: 99; background-color: #eff1f5; box-shadow: none; overflow: hidden; }
.main_schedule .week_area button::before {color:#666}
.main_schedule .week_area button.prev { left:0px;}
.main_schedule .week_area button.next { right:0px;}
.main_schedule .week_area button span{position: absolute; left:-9999999999px}

.main_schedule .content{background: #17346c;  display:flex; flex-wrap: wrap; align-content: center; border-radius:15px;  flex: 0 1 40%; width: 40%;  height: 100px; padding: 5px 20px; font-family: var(--scdream_font);  overflow: hidden;}
.main_schedule .content #calendar{display:flex; flex-wrap: wrap; width: 100%; justify-content: center; color:#fff;}
.main_schedule .content .calender_content{ flex:0 1 100%; max-width: 100%; padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; line-height: 30px; font-size:90%; overflow: hidden; text-overflow: ellipsis; color:#fff;}
.main_schedule .content .calender_content > span{font-weight: 700; width:110px;  padding-right: 10px; }
.main_schedule .content .calender_content > p{ display: block;  width:calc(100% - 120px); overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; }

.main_schedule .content .calender_more { padding: 3px 15px; font-weight: 500; white-space:nowrap; border-radius: 10px;  display: inline-block; align-items: center; font-size: 75%; background-color: rgba(0, 0, 0, 0.5); color:#fff;}
.main_schedule .content .calender_more em {display: inline-block; background-color: rgba(255, 255, 255, 0.9); width: 30px; height: 15px; border-radius: 15px; line-height: 15px; text-align: center; margin-left: 5px; color: #555; font-weight: 600;}

.calender_more {font-size: 70%; display: inline-block; background-color: rgba(0, 0, 0, 0.1); }


@media only screen and (max-width:1400px) {
.lawmaker_wrap .m_Schedule { flex-wrap: wrap;  }
.m_Schedule .title_area { flex:0 1 100%; width: 100%;  padding:0 10px 10px 10px; display: flex; justify-content: center; align-items: center; }
.m_Schedule .title_area::before {border-radius: 20px 20px 0px 0px; }
.main_schedule { flex:0 1 100%; padding: 25px 0; padding:25px 30px;}
.m_Schedule .title_area h3 {margin: 0;}
.m_Schedule .title_area a {padding: 0 10px; line-height: 25px;  margin-top: 0px; margin-bottom: 0px; font-size: 75%; margin-left: 5px;}

.main_schedule .week_area .schedule_date{  flex:1 0 150px}
.main_schedule .week_area .nav { flex:1 0 calc(100% - 140px); margin-left: 10px;}

}

@media only screen and (max-width:991px) {
.main_schedule .week_area {flex-wrap: wrap;}
.main_schedule .week_area .schedule_date{  flex:1 0 100%; margin-bottom: 10px;}
.main_schedule .week_area .week{ margin-bottom: 15px;}

.main_schedule {flex-wrap: wrap;}
.main_schedule .week_area{   flex: 1 0 100%; min-width: 100%;  padding-right: 0px; }
.main_schedule .content{ flex: 0 1 100%; width: 100%; height: 70px; margin-bottom: 5px; }

}

@media only screen and (max-width:500px) {
.main_schedule {padding:20px 0px; overflow: hidden;}
.main_schedule .week_area .week{padding:0px 20px;}
.main_schedule .content {padding:10px 0; margin: 0 10px; height: auto; max-width: 100%; overflow: hidden;} 
.main_schedule .content .calender_content > span{ width:100%;  padding-right: 0px; line-height: 20px; }
.main_schedule .content .calender_content > p{  flex: 0 1 100%;  }
}



/* 의회 바로가기 아이콘 */
.main_goto {position: relative; padding: 60px 0 30px 0; }
.main_goto .title_area h3{margin-bottom: 0; color: #0b2250; font-weight: 700;}
.main_goto .title_area h3 span{ color: #8eaee0; font-size: 90%; padding-left: 20px;}
.main_goto ul {display:flex; justify-content: space-around; flex-wrap: wrap;}
.main_goto ul li { padding:25px 15px; flex: 0 1 14.28%;}
.main_goto ul li a {display: block; text-align: center; letter-spacing:-0.07em}
.main_goto ul li a span{display: block;  font-weight: 500; font-size: 100%; transition: all 0.3s; line-height: 50px; font-family: 'Paperlogy'; letter-spacing: 0; color: #555;}
.main_goto ul li a > div {background-color: #fff; border-radius: 25px;display: block; padding: 20px 0; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.07); transition: all 0.5s;}
.main_goto ul li a img{ }
.main_goto ul li a:hover > div{animation: icon_motion 1s cubic-bezier(0.36,0.07,0.19,0.97) both; }
.main_goto ul li a:hover span{color:#000; }

@-webkit-keyframes icon_motion {
  0% { transform:rotateY(0deg); }
  100% { transform: rotateY(360deg);  }
}


@media only screen and (max-width:900px) {
.main_goto ul li { padding:5px 5px; flex: 0 1 25%; max-width: 25%;}
.main_goto ul {justify-content: center; }
.main_goto {position: relative; padding: 30px 0 30px 0; }
.main_goto .title_area h3 {margin-bottom: 5px;}

}
@media only screen and (max-width:400px) {
.main_goto ul {margin:0 -5px;}
.main_goto ul li { padding:0px 5px; }
.main_goto ul li a > div {border-radius: 15px; padding: 15px 15px; }
.main_goto .title_area h3 span{  font-size: 70%; padding-left: 10px;}
.main_goto ul li a span{ line-height: 40px; }


}
/* 포토갤러리 영역 */
.m_gallery {position: relative; overflow: hidden;}
.m_gallery::before {content: ''; background-image: url(/images/main/main_2025/patten02.png); width: 648px; height: 410px; bottom: -100px; left: -200px; position: absolute;}
.m_gallery .wrap_container {position: relative; z-index: 2;}

.gallery_slider {width: 100%;}

.gallery_slider .slider {margin:0 -15px; }
.gallery_slider .slider .cell {display: block; padding:15px 15px}
.gallery_slider .slider .item {display: block; background-color: #fff; border-radius: 15px; overflow: hidden; padding: 15px; transition: all 0.3s; border: 2px solid rgba(0, 0, 0, 0.1);}
.gallery_slider .slider .item:hover, .gallery_slider .slider .item:focus {box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);  border: 2px solid #1f5ad4; transform: translate(0px, -10px);}
.gallery_slider .slider .item:hover *, .gallery_slider .slider .item:focus * {}
.gallery_slider .slider .item img {width: 100%; border-radius: 15px;}
.gallery_slider .slider .item .txt {display: block; padding:20px 20px; text-align: center;}
.gallery_slider .slider .item  strong{ line-height: 30px;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block;  font-weight: 500; font-size: 105%; letter-spacing: -0.05em; font-family: var(--scdream_font); font-family: 'Paperlogy';  }
.gallery_slider .slider .item  span {font-size: 100%;  color:rgba(0,0,0,0.5); font-weight: 400; }
.gallery_slider .nav_more {display: inline-block; line-height: 32px; height: 32px; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; text-align: center; background-color: #fff;  font-weight: 400;transition: all 0.3s; font-size: 90%; letter-spacing: -0.05em; padding: 0 20px;}

.gallery_slider .title_area .nav {position: absolute; right: 0; left: auto; top:5px;}



@media only screen and (max-width:500px){
.gallery_slider .title_area  {padding-bottom: 15px; text-align: center;}
.gallery_slider .title_area .nav {right: auto; left: 50%; top:45px; transform: translateX(-50%);}
.gallery_slider .nav_more { line-height: 27px; height: 27px; padding: 0 10px;}
.gallery_slider .slider .cell { padding:15px}
.gallery_slider .slider .item {padding: 10px;}

}


/* 배너모음 */
.m_banner {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.banner_slider .nav {bottom:auto; top:-85%; left:120px; right:auto}
.banner_slider a{border: 1px solid #ddd; display: inline-block; margin: 0 5px;}
.banner_slider > div {text-align: center;}
.banner_slider .slider {margin:0 -5px}


@media only screen and (max-width:900px){
.m_pad {padding-top:40px; padding-bottom: 40px;}
.m_pad2 {padding-top:40px; padding-bottom: 40px;}
}


@media only screen and (max-width:650px){


  .banner_slider .nav {  top: -48px; left: 100px;}


}
  
@media only screen and (max-width:500px){
    .nav .count {font-size: 90%;}
    .nav button {width:25px; height: 25px; line-height: 25px;}
    .prev:before, .next:before, .play:before, .pause:before { font-size:15px; line-height: 25px;}
    .play:before {padding-left: 2px; font-size: 17px;}


  }

@media only screen and (max-width:400px){


}