@charset "utf-8";
/*
-----------------------------------------------
* main.css (포털 메인)
-----------------------------------------------
*/
.row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
img {max-width:100%; height:auto;}
.lst-square li a:before {content:''; display:inline-block; width:2px; height:2px; background:#222; margin:0 5px 5px 0;}

/*상단*/
.gnb-nav{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.gnb_right {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
#m_conts {padding:25px 0;}

/*메인배너*/
#m_conts .MainbannerWrap {width:56.666667%; float:left; position: relative; overflow: hidden;}
#m_conts .Mainbanner {border: 1px solid #d2d5d8;box-shadow: 0px 1px 4px #e8e8e8; overflow: hidden; height: 360px;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {font-size:12px;}
.bxslideimg {width:100%; height:360px;}
a:focus .bxslideimg {outline:2px dotted #ff5722; outline-offset:-2px;}

/*tab*/
#m_conts .Mainbanner .tabs {display: flex;flex-wrap: wrap}
#m_conts .Mainbanner .tab { border:0; border-left:none;}
#m_conts .Mainbanner .tab li div.text_Wrap li {width:auto; background:transparent; cursor:pointer;}
#m_conts .Mainbanner .tab_con { clear:both; }
#m_conts .Mainbanner .tabs .tab {order: 99;flex-grow: 1;width: 100%;display: none;background: #fff}
#m_conts .Mainbanner .tabs input[type="radio"] {display: none}
#m_conts .Mainbanner .tabs label{width:50%;padding:13px 0; text-align:center;position: absolute; bottom: 0; color:#fff; background:#0070bc}
#m_conts .Mainbanner .tabs label.tab_one{border-bottom-left-radius:10px;}
#m_conts .Mainbanner .tabs label.tab_two {right:0; border-bottom-right-radius: 10px;}
#m_conts .Mainbanner .tabs input[type="radio"]:checked+label {background: #0a115f;}
#m_conts .Mainbanner .tabs input[type="radio"]:checked+label:before{display: block; position: absolute;left: 50%; top: -10px;width: 0;z-index: 11;height: 0; border-right: 8px solid transparent; border-bottom: 13px solid #0a115f; border-left: 8px solid transparent; content: '';}
#m_conts .Mainbanner .tabs input[type="radio"]:checked+label+.tab {display: block}
#m_conts .Mainbanner .swiper-container {width:100%;height: auto; position: inherit;}
#m_conts .Mainbanner .swiper-slide {display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center}

/*군수실& 코로나*/
#m_conts .MayorWrap {width:43.333333%; float:left; position: relative; padding-left:25px;}

/*corona_banner*/
.corona_banner {position:relative; background-color:#e4f5ff; background-image: url(../img/main/corona_bg.png), url(../img/main/corona_people.png); overflow: hidden; background-repeat: no-repeat, no-repeat; background-position: top right, bottom center; background-size: 19%, 90%; text-align:center; height:115px; border-radius:10px; box-shadow: 0px 1px 4px #e8e8e8; }
.corona_banner h3{ color:#22335f; font-size:20px; font-weight:600; line-height:22px;  margin-top:15px;}
.btn_coronawrap {margin-top:10px;}
.corona_banner p .btn-corona{background:#e24457; color:#fff; font-size:15px; border-radius:18px; padding:5px 10px;}
.corona_banner p.people {}
.corona_banner p.people span {position:absolute; bottom:2px; width:100%; left:0; text-align:center;font-size: 12px;}

/*Mayor*/
.Mayor {position:relative;border-radius:10px;box-shadow: 0px 1px 4px #e8e8e8;border:1px solid #d2d5d8;background: url(../img/main/mayor_bg.png) no-repeat;height:360px;background-position:-50px 14px;}
.Mayor .Mayor_txt {width:60%;padding:35px 0 62px 25px;}
.Mayor h4 {background:#263175; color:#fff; border-radius:20px; padding:8px 0; text-align:center; font-size:18px; font-weight:normal;}
.Mayor h5{margin-top:20px; font-size:17px; font-weight:500; line-height:24px;}
.Mayor_name {height:65px; margin-top:10px; background-position:80% 100%; font-size:20px; font-weight:500;}
/*.Mayor_name {background: url(../img/main/Mayor_name.png) no-repeat; height:66px; background-position:80% 100%}*/
.btn-mayor{width:100%; display:block;border:1px solid #263175; background: #fff url(../img/main/btn_mayor_bg.png) no-repeat;  background-position:88% 50% ;
color:#263175 !important; border-radius:20px; padding:5px 50px 5px 15px; margin-top:10px;}
.Mayor_s_btn {position:absolute;width:100%;bottom:0;border-top:1px solid #fff;}
.Mayor_s_btn li {width:33.33%;float:left;padding: 0;margin:0;text-align:center;}
.Mayor_s_btn li a {display:block;line-height: 52px;height: 52px;width:98%;color:#fff;}
.Mayor_s_btn .btn-s_mayor1{background:#606cb9;border-radius: 0px 0px 0px 10px;}
.Mayor_s_btn .btn-s_mayor2{background:#263175;border-radius: 0px 0px 10px 0px;}
.Mayor_s_btn .btn-s_mayor3{background:#414fa7;}

/*군수실 new */
.MayorNew .mayor_inbox {position:relative; padding:30px 40px; min-height:360px; background:#f4f6f7 url(../img/main/img_mayor_bg2.png) right bottom no-repeat;z-index:1; border-radius:10px;}
.MayorNew .mayor_inbox .mayor_txt .mayor_slogan {font-family: 'OneMobile'; font-size:20px; color:#002575; line-height:24px; margin-top:30px;}
.MayorNew .mayor_inbox .mayor_txt .mayor_name {margin-top:16px;}
.MayorNew .mayor_inbox .mayor_txt .mayor_name span {margin-bottom:8px; font-family: 'OneMobile'; font-size:26px; line-height:30px; color:#1d1d1d;}
.MayorNew .mayor_inbox .mayor_txt .mayor_name span.name {font-size:34px;}

.MayorNew .mayor_btnbox {position:absolute; left:56px; bottom:35px; z-index:3; min-width:190px;}
.MayorNew .mayor_btnbox ul {}
.MayorNew .mayor_btnbox ul li {margin-bottom:10px;}
.MayorNew .mayor_btnbox ul li a {display:block; position:relative; padding:10px 20px; border-radius:20px; overflow:hidden; color:#fff; font-size:18px; line-height:25px; font-family: 'S-Core'; font-weight:500; letter-spacing:-0.5px;}
.MayorNew .mayor_btnbox ul li a .text {display:block; position:relative; z-index:2; padding-right:34px;}
.MayorNew .mayor_btnbox a.btn01 {background: linear-gradient(150deg, #009690 0%, #005793 100%);}
.MayorNew .mayor_btnbox a.btn02 {background: linear-gradient(135deg, #f45669 0%, #c82c4f 100%);}
.MayorNew .mayor_btnbox ul li a .text:after {display: block; position: absolute; top:5px; right:0; width:9px; height:15px; background-repeat: no-repeat; background-position:0 0; background-image: url(../img/main/icon_btn.png); content: '';}

.em_orange {color:#ea5102; font-family: 'OneMobile';}
.em_sky {color:#0084d3; font-family: 'OneMobile';}
.line_bk {display:block;}

@media screen and (max-width:1024px) {
	.MayorNew .mayor_inbox {position:relative; height:auto; left:0; margin-top:15px; background-position: right bottom;}
	.MayorNew .mayor_inbox .mayor_txt .mayor_slogan {margin-top:70px;}
	.MayorNew .mayor_btnbox {position:absolute; left:40px; bottom:30px; z-index:3; max-width:54%;}
	.MayorNew .mayor_btnbox ul li {display:inline-block; width:auto;}
}	

@media screen and (max-width:658px) {	
	.MayorNew .mayor_inbox .mayor_txt .mayor_slogan {margin-top:40px;}
}	

@media screen and (max-width:540px) {
  	.MayorNew .mayor_inbox {padding:15px 20px 0px 20px; min-height:320px; background-size:92%;}
	.MayorNew .mayor_inbox .mayor_txt .mayor_slogan {font-size:18px; line-height:22px; margin-top:30px;}
	.MayorNew .mayor_inbox .mayor_txt .mayor_name span {margin-bottom:6px; font-size:22px; line-height:26px;}
	.MayorNew .mayor_inbox .mayor_txt .mayor_name span.name {font-size:28px;}
	.MayorNew .mayor_btnbox {left:10px; bottom:20px;}
}

@media screen and (max-width:480px) {
  	.MayorNew .mayor_inbox {min-height:300px; background-size:100%;}
	.MayorNew .mayor_btnbox {left:10px; bottom:20px;}
	.MayorNew .mayor_btnbox ul li a {font-size:15px;line-height:22px;}
}

@media screen and (max-width:420px) {
  	.MayorNew .mayor_inbox {min-height:280px;}
	.MayorNew .mayor_inbox .mayor_txt .mayor_slogan {font-size:16px; line-height:20px;}
	.MayorNew .mayor_inbox .mayor_txt .mayor_name span {margin-bottom:6px; font-size:16px; line-height:20px;}
	.MayorNew .mayor_inbox .mayor_txt .mayor_name span.name {font-size:24px;}
	.MayorNew .mayor_btnbox {left:10px; bottom:10px;}
	.MayorNew .mayor_btnbox ul li a {font-size:15px;line-height:20px;}
}

/*울주군 주요일정*/
.schedulebox {position:relative; float:left; width:35%; height:217px;overflow:hidden;}
.schedulebox h3 {font-size:2rem; margin-bottom:10px; line-height:2.7rem; font-weight:500}
.schedule {width:100%; height:180px; border:1px solid #cdcdcd; border-radius:10px; overflow:hidden;}
.sche_title {padding:7px 20px; background-color:#005793;}
.sche_title a {color:#FFF;font-size:1.6rem; }
.sche_content {padding:10px 20px; }
.sche_date {margin-bottom:10px; padding-bottom:5px; font-size:1.5rem; border-bottom:1px solid #ebebeb;}
.sche_txt {overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; font-family:'S-Core400'; font-size:1.4rem; line-height:25px; color:#676767;}
.date {margin-top:7px; font-family:'S-Core400'; font-size:1.4rem; color:#777;}
.schedule_ctrl {position:absolute; right:0; top:0; width:58px; height:26px;}
.sche_ctrlbox li {float:left; width:26px height:26px;}
.sche_ctrlbox li a.sche_prev {display:block; width:26px; height:26px; background:#ebebeb url('../img/main/arrow_prev.png') no-repeat center center; border-radius:50px;}
.sche_ctrlbox li a.sche_next {display:block; width:26px; height:26px; background:#ebebeb url('../img/main/arrow_next.png') no-repeat center center; border-radius:50px;}
.blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

.guidebox {position:relative; float:left; width:65%; margin-top:36px;}
.da_view {float:left;width:26%;}
.da_view_inner {height:180px; margin-left:10px; padding:15px 0; background:#f0f5e9 url('../img/main/da_view_bg.png') no-repeat left bottom;; border-radius:10px;}
.daview_txt {height: 98px;background: url('../img/main/daview_title.png') 10px 0 no-repeat;}
.daview_txt p {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

.weatherbox {float:left; width:29%;}
.weather {height:180px; margin-left:10px; padding:15px; background-color:#ffedda; border-radius:10px;}
.weathericon {margin-top:5px; text-align:center;}
.temperature {text-align:center; font-size:20px; color:#1f1b9f; line-height:55px;}
.dust {margin:5px 0 8px; padding:7px 0 5px; text-align:center; font-size:13px; color:#333; border-top:1px solid #ecdbca; border-bottom:1px solid #ecdbca;}
.dust span {color:#253490;}
.radioactivity {text-align:center; font-size:13px; color:#333;}
.radioactivity span {font-size:16px; color:#f6370b;}

.scholarshipbox {float:left; width:20%;}
.scholarship {height:180px; margin-left:10px; padding:15px; background:#009690 url('../img/main/scholarship.png') no-repeat right bottom; border-radius:10px;}
.scholarship h4{color:#fff; font-weight:500;}
.scholarship p.txt {font-size:12px; margin:8px 0 20px 0; color:#d6fffe;}

.officeguidebox {float:left; width:25%;}
.officeguide {height:180px; margin-left:10px; padding:15px; background:#e0efff url('../img/main/building.png') no-repeat right bottom; border-radius:10px;}
.officeguide h4{color:#111; font-weight:500;}
.office_btn a {position:relative; padding:5px 12px 5px 18px; font-size:15px; line-height:30px; color:#fff; border-radius:3px; background-color: rgba(0,39,108,0.8);}
.office_btn a:hover {background-color: rgba(0,39,108,0.95);}
.office_btn a:before {display:block; position:absolute; top:50%; left:10px; width:2px; height:2px; content:""; background-color:#fff;}

@media screen and (max-width:1190px) {
}

@media screen and (max-width:1130px) {
}

@media screen and (max-width:1024px) {
.gnb-nav {flex:100%; max-width:100%;}
.gnb-nav ul > li:first-child, .gnb-nav ul > li:nth-child(2) {display:none;}
.gnb_right {display:none;}


.schedulebox {width:100%;}
.guidebox {width:100%;}
.da_view_inner {margin-left:0;}
.bxslideimg {width:100%; height:300px;}
}


@media screen and (max-width:660px) {
.guidebox {margin-top:20px;}
.da_view {width:50%;}
.weatherbox {width:50%;}
.scholarshipbox {width:50%; margin-top:10px;}
.scholarship {margin-left:0}
.officeguidebox {width:50%;; margin-top:10px;}
}

@media screen and (max-width:380px) {
.da_view {width:100%;}
.daview_txt {background: url('../img/main/daview_title.png') 40px 0 no-repeat;}	
.weatherbox {width:100%; margin-top:10px;}
.scholarshipbox {width:100%; margin-top:10px;}
.weather, .scholarship, .officeguide {margin-left:0}
.scholarship {height:140px;}	
.officeguidebox {width:100%;; margin-top:10px;}
}

/*자주찾는메뉴*/
.QuickMenu {border:1px solid #dedcdc; border-radius: 10px; margin:25px 0}
.QuickMenu ul{width:100%; position:relative;}
.QuickMenu ul li{width:16.666667%;float:left; text-align:center; height:125px; border-right:1px solid #dedcdc;}
.QuickMenu ul li:last-child{border-right:0;}
.QuickMenu ul li a {color:#222;}
.QuickMenu ul li .ico_QuickMenu{background: url(../img/main/ico_m1.png) no-repeat center center; height:84px;}
.QuickMenu ul li:nth-child(2) .ico_QuickMenu{background: url(../img/main/ico_m2.png) no-repeat center center;}
.QuickMenu ul li:nth-child(3) .ico_QuickMenu{background: url(../img/main/ico_m3.png) no-repeat center center;}
.QuickMenu ul li:nth-child(4) .ico_QuickMenu{background: url(../img/main/ico_m4.png) no-repeat center center;}
.QuickMenu ul li:nth-child(5) .ico_QuickMenu{background: url(../img/main/ico_m5.png) no-repeat center center;}
.QuickMenu ul li:nth-child(6) .ico_QuickMenu{background: url(../img/main/ico_m6.png) no-repeat center center;}

/*알림존*/
.allim_imgWrap {position:relative;}
.allim_imgWrap .swiper-slide {border:1px solid #dcdcdc; line-height: normal;}
.allim_imgWrap .swiper-slide img {width:100%; max-width:auto;}
.allim_imgWrap .swiper-slide .title {text-align:center; padding-bottom:8px;}
#m_conts .allim_imgWrap h3, #m_conts .mboardWrap h3 {font-size:2rem; margin-bottom:10px; line-height:2.7rem; font-weight:500}
#m_conts .allim_imgWrap h3 a, #m_conts .mboardWrap h3 a {color:#111;}

.allim_imgWrap .control {display:block; position:absolute; right:0; height:4rem; border-radius:9em; background:#fff; z-index:1;}
.allim_imgWrap .control > * {display:inline-block; position:relative; vertical-align:middle; bottom:auto; left:auto; right:auto; top:auto; height:4rem; line-height:2.0rem;}
.allim_imgWrap .control .pager {width:auto; color:#222;}
.allim_imgWrap .control .pager > * {display:inline-block; position:relative; vertical-align:middle;}
.allim_imgWrap .control .pager em {color:#222; font-weight:800;}
.allim_imgWrap .control .pager i {margin:0 .8rem; width:1rem;}
.allim_imgWrap .control .pager i:before {content:""; display:block; position:absolute; top:50%; left:0; right:0; height:1px; background:#999;}
.allim_imgWrap .control button {width:2rem; overflow:hidden; text-indent:-999px;}
.allim_imgWrap .control button:before {content:""; display:block; position:absolute; width:1.2rem; height:1.8rem; top:50%; left:50%; margin-top:-1.5rem; margin-left:-.6rem; background:url('../img/common/bg_main.png') no-repeat 0 0; background-size:40rem auto;}
.allim_imgWrap .control button.prev:before {background-position:0 0;}
.allim_imgWrap .control button.next:before {background-position:-4.3rem 0;}
.allim_imgWrap .control button.stop:before {background-position:-2.2rem 0;}
.allim_imgWrap .control button.play {display:none;}
.allim_imgWrap .control button.play:before {background-position:-6.3rem 0;}

/* 메인배너존 전체보기버튼 추가 0827 */
.allim_imgWrap .popView_btn {position:absolute; top:0; right:10px;}
.allim_imgWrap .popView_btn .total {display:inline-block; position:relative; padding:6px 37px 6px 15px; min-height:26px;}
.allim_imgWrap .popView_btn .total:before {content:''; display:inline-block; position:absolute; right:0; top:3px; width:26px; height:26px; background:url(../images/main/icon_total.png) 0 0 no-repeat;}


.banner_more {position:absolute;bottom: 6px;right: 10px;width: 130px;height:40px;padding-top: 10px;padding-left: 15px;border-radius:25px;background-color:#000;opacity: 0.8;font-weight:300;line-height:20px;z-index: 1;}
.banner_more .banner_more_btn {color:#fff; font-size:13px;}


/** 슬라이드 알림존 전체보기 0822 */
.allim-slide-view {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; background:rgba(0,0,0,.8);}
.allim-slide-view .allim {position:absolute; top:50%; margin-top:-17.75em; width:48em; left:50%; margin-left:-25em;}
.allim-slide-view .allim .allim-title {display:block; position:relative; height:4em;}
.allim-slide-view .allim .allim-title strong {font-size:4.0rem; color:#fff;}
.allim-slide-view .allim .allim-title em {color:#F84830;}

.allim-slide-view .allim .list {background:#fff; height:350px; border-radius:15px; padding:1.2em;}
.allim-slide-view .allim .list ul {position:relative; height:100%; padding:.5em; overflow:auto;}
.allim-slide-view .visual-goto {display:block;position:absolute;top:0;right:0;width: 50px;height:50px;background:url(../images/main/btn_popup_close.png) no-repeat 50% 50%;background-size: 100%;overflow:hidden;text-indent:-999px;}

@media all and (max-width:820px) {
	.allim-slide-view .allim {left:1em; right:1em; width:auto; margin-left:0;}
	.allim-slide-view .allim .allim-title strong {font-size:3.0rem; color:#fff;}
}

/*게시판 탭*/
.mboardWrap {padding:25px 0;}
.NewboardWrap {width: 66.666667%; float:left; position: relative; }
.NewboardWrap .conts_inner {overflow:hidden; padding:20px 20px;}
.NewboardWrap .conts_inner > li {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:3.4rem;}
.NewboardWrap .conts_inner > li > a {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; line-height:1.42857143; color:#222;}
.NewboardWrap .conts_inner > li span {color:#6d6b69;}

/*게시판tab*/
#m_conts .NewboardWrap  .boardtabs {display: flex;flex-wrap: wrap;
border:1px solid #dcdcdc; border-radius:10px; overflow:hidden; height:255px;}
#m_conts .NewboardWrap  .tab {border:1px solid #ccc; /* border-left: none; */ overflow:hidden; border-radius:10px; height:255px !important;}
#m_conts .NewboardWrap  .tab li div.text_Wrap li {width:auto; background:transparent; cursor:pointer;}
#m_conts .NewboardWrap  .tab_con { clear:both;}
#m_conts .NewboardWrap  .boardtabs .tab {order: 99;flex-grow: 1;width: 100%; height:100%; display: none;}
#m_conts .NewboardWrap  .boardtabs input[type="radio"] {display: none}
#m_conts .NewboardWrap  .boardtabs label{width:18%;padding:13px 0; text-align:center;color:#222; background:#f6f6f6; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; height:50px;}
#m_conts .NewboardWrap  .boardtabs input[type="radio"]:checked+label {background: #fff;
color:#065f9c; border-bottom:0;}
#m_conts .NewboardWrap  .boardtabs input[type="radio"]:checked+label+.tab {display: block;}
#m_conts .NewboardWrap  .boardtabs .more{display:inline-block; position:absolute; right:1px; line-height:47px; color:#666; height:50px; top:46px; width:10%; font-weight:normal; text-align:center; font-size:26px; background:#f6f6f6; border-bottom:1px solid #dcdcdc; border-top-right-radius:10px;}

/*sns*/
.snsWrap{width: 33.333333%; float:left; position: relative; padding-left:10px;}
.snsWrap .sns {float:left; width:100%;}

/*snstab*/
#m_conts .snsWrap .snstabs {display: flex;flex-wrap: wrap;  height: 255px;
border:1px solid #dcdcdc; border-radius:10px; overflow:hidden;}
#m_conts .snsWrap  .tab { border:0; border-left:none;}
#m_conts .snsWrap  .tab li div.text_Wrap li {width:auto; background:transparent; cursor:pointer;}
#m_conts .snsWrap  .tab_con { clear:both; }
#m_conts .snsWrap  .snstabs .tab {order: 99;flex-grow: 1;width: 100%; height:100%;display: none; padding:15px;}
#m_conts .snsWrap  .snstabs input[type="radio"] {display: none}
#m_conts .snsWrap  .snstabs input[type="radio"]:checked+label+.tab {display: block}
#m_conts .snsWrap  .snstabs input#sns1[type="radio"]+label{width:25%;padding:13px 0; background:#a7abac url(../img/common/ico_facebook.png) no-repeat center center; font-size:0; height:50px;}
#m_conts .snsWrap  .snstabs input#sns2[type="radio"]+label{width:25%;padding:13px 0; background:#a7abac url(../img/common/ico_inst.png) no-repeat center center; font-size:0; height:50px;}
#m_conts .snsWrap  .snstabs input#sns3[type="radio"]+label{width:25%;padding:13px 0; background:#a7abac url(../img/common/ico_blog.png) no-repeat center center; font-size:0; height:50px;}
#m_conts .snsWrap  .snstabs input#sns4[type="radio"]+label{width:25%;padding:13px 0; background:#a7abac url(../img/common/ico_youtube.png) no-repeat center center; font-size:0; height:50px;}
#m_conts .snsWrap  input#sns1[type="radio"]:checked+label {background:#4f699a url(../img/common/ico_facebook.png) no-repeat center center;}
#m_conts .snsWrap  input#sns2[type="radio"]:checked+label {background:#e03596 url(../img/common/ico_inst.png) no-repeat center center;}
#m_conts .snsWrap  input#sns3[type="radio"]:checked+label {background:#00ab2e url(../img/common/ico_blog.png) no-repeat center center;}
#m_conts .snsWrap  input#sns4[type="radio"]:checked+label {background:#FF0000 url(../img/common/ico_youtube.png) no-repeat center center;}

#m_conts .snsWrap .sns_tab {position:relative; border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden; height: 255px; background-color: #a7abac;}
#m_conts .snsWrap .sns_tab .sns_btab li {float:left;}
#m_conts .snsWrap .sns_tab .sns_btab li.facebook a, #m_conts .snsWrap .sns_tab .sns_btab li.inst a {height:50px;  text-indent:-9999px; display:block;overflow:hidden;}

#m_conts .snsWrap .sns_tab li.facebook, #m_conts .snsWrap .sns_tab li.inst {width:15%;}
#m_conts .snsWrap .sns_tab li.sns_tabwrap {}
#m_conts .snsWrap .sns_tab li.facebook a {background:#a7abac url(../img/common/ico_facebook.png) no-repeat center center;}
#m_conts .snsWrap .sns_tab li.facebook a:hover {background:#4f699a url(../img/common/ico_facebook.png) no-repeat center center;}
#m_conts .snsWrap .sns_tab li.inst a {background:#a7abac url(../img/common/ico_inst.png) no-repeat center center;}
#m_conts .snsWrap .sns_tab li.inst a:hover{background:#e03596 url(../img/common/ico_inst.png) no-repeat center center;}

#m_conts .snsWrap  .boardtabs {display: flex;flex-wrap: wrap; overflow:hidden;}
#m_conts .snsWrap  .tab { border:0; border-left:none;}
#m_conts .snsWrap  .tab li div.text_Wrap li {width:auto; background:transparent; cursor:pointer;}
#m_conts .snsWrap  .tab_con { clear:both; }
#m_conts .snsWrap  .boardtabs .tab {order: 99;flex-grow: 1;width: 100%; height:100%; display: none;}
#m_conts .snsWrap  .boardtabs input[type="radio"] {display: none}
#m_conts .snsWrap  .boardtabs label{}
#m_conts .snsWrap  .boardtabs input[type="radio"]:checked+label {background: #fff;
color:#065f9c; border-bottom:0;}
#m_conts .snsWrap  .boardtabs input[type="radio"]:checked+label+.tab {display: block; position:absolute; top: 50px; padding:15px; left:0;}

#m_conts .snsWrap  .boardtabs input#sns_stab1[type="radio"]+label{width:50%;padding:13px 0; background:#a7abac url(../img/common/ico_blog.png) no-repeat center center; font-size:0; height:50px;}
#m_conts .snsWrap  .boardtabs input#sns_stab2[type="radio"]+label{width:50%;padding:13px 0; background:#a7abac url(../img/common/ico_youtube.png) no-repeat center center; font-size:0; height:50px;}
#m_conts .snsWrap  input#sns_stab1[type="radio"]:checked+label {background:#00ab2e url(../img/common/ico_blog.png) no-repeat center center;}
#m_conts .snsWrap  input#sns_stab2[type="radio"]:checked+label {background:#FF0000 url(../img/common/ico_youtube.png) no-repeat center center;}

#m_conts .snsWrap  .boardtabs .tab .sns_Tit {font-weight:600;
text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
    line-height: 1.42857143;
    color: #222; width:100%;}
#m_conts .snsWrap  .boardtabs .tab .sns_Cont {color:#666; font-size:1.3rem;text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal !important; height:146px;}

@media screen and (max-width:1300px) {
#m_conts .snsWrap .sns_tab li.sns_tabwrap {width:35%;}
}

@media screen and (max-width:1199px) {
.headWrap .aside  {right:16px;  margin-right:0;}
.Mayor_s_btn {bottom:0; margin-top:0; width: 100%;}
.Mayor .Mayor_txt {width:60%}
.Mayor_name {background-position: 57% 100%;}
.NewboardWrap .conts_inner > li > a {width:80%}
}

@media (min-width:1025px) and (max-width:1199px) {
.snsWrap .snsbanner .topsnsbanner{background:#009690;}
.snsWrap .snsbanner .bottomsnsbanner{background: #006a96}
.snsWrap .snsbanner div h4 {letter-spacing:-0.08rem; font-size:1.5rem}
#m_conts .Mainbanner .swiper-container img {height:400px; width:100%;}
}

@media (min-width:1025px){
.Mmt20 {margin-top:23px;}
}

@media screen and (max-width:1024px) {
.headWrap .acc-list {display:block;position:relative;float:left;width: 42px;height: 42px;background: #0070bc;}
img.w100{width: 100%;}
#m_conts {padding:16px;}

#m_conts .snsWrap .boardtabs .tab .sns_Tit {font-size:1.6rem;}
#m_conts .snsWrap  .boardtabs .tab .sns_Cont {font-size:1.3rem; }
#m_conts .snsWrap .sns_tab {height:auto;}

/*메인배너*/
#m_conts .Mainbanner {height:auto;}
#m_conts .Mainbanner .swiper-container img {height:100%; width:100%;}
#m_conts .MainbannerWrap, .NewboardWrap, .snsWrap .sns ,.snsWrap .snsbanner  {width:100%; float:none;}
.snsWrap .sns {padding-right:0;}
.snsWrap .snsbanner {}

/*군수실& 코로나*/
#m_conts .MayorWrap, .snsWrap {width:100%; float:none; padding-left:0;}
.corona_banner{margin-top:15px; background-color:#e4f5ff; background-image: url(../img/main/corona_bg.png); overflow: hidden; background-repeat: no-repeat; background-position: top right; background-size:auto;}
.corona_banner p.people span {font-size:14px; bottom:10px;}

.Mayor {position:relative; height:auto; left:0; margin-top:15px; background-position: right bottom;}
.Mayor_s_btn {position:relative;}
.Mmt20 {margin-top:20px;}
.QuickMenu, .mboardWrap {margin:15px 0;}
.mboardWrap {padding:0;}

.snsWrap .sns {margin:15px 0;}
.snsWrap .snsbanner .topsnsbanner, .snsWrap .snsbanner .bottomsnsbanner {width:50%; float:left;}
.Bmenu_icowrap li{width:25%;}
#m_conts .Mainbanner {height:300px;}
#m_conts .Mainbanner .tabs label {height:47px;}
#m_conts .Mainbanner .swiper-slide img{width:100%; height:253px}
}

@media all and (max-width:991px) {

}

@media all and (max-width:767px) {
.QuickMenu ul li {width:33.33333%; border-bottom:1px solid #dedcdc;}
.QuickMenu ul li:nth-child(3){border-right:0}
.QuickMenu ul li:nth-child(4),.QuickMenu ul li:nth-child(5),.QuickMenu ul li:nth-child(6) {border-bottom:0;}

.allim_imgWrap .swiper-slide img {height:300px;}

.Bmenu_icowrap li .Bmenu_ico {display:none;}
.Bmenu_icowrap li {width:50%; float:left; padding:10px 0; border:1px solid #f6f6f6}
.Bmenu_icowrap .Bmenu_txt {margin-top:0;}
#m_conts .snsWrap .sns_tab {height:225px}

}
@media all and (max-width:640px) {
#m_conts .snsWrap .sns_tab {height:255px}
/* #m_conts .Mainbanner {height:300px;} */
#m_conts .Mainbanner .tabs label {height:47px;}
/* #m_conts .Mainbanner .swiper-slide {height:253px} */
.NewboardWrap .conts_inner > li > a {width:70%}
.bod_list tr:after {display:none !important;}
	}

@media all and (max-width:390px) {
.Mayor .Mayor_txt {width:100%; padding:25px;}
.Mayor_name {background-position:0;}
.Mayor h5, .corona_banner h3 {font-size:18px;}
.Mayor_s_btn a {width:100%;}
.corona_banner p.people span, .corona_banner p.people {position:relative; bottom:0;}

#m_conts .NewboardWrap .boardtabs label {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block; line-height: 1.42857143; color:#222;}
.Bmenu_icowrap .Bmenu_txt {font-size:90%}
#m_conts .BmenuWrap .Bmenutabs input[type="radio"]+label {height:auto;}

.Mayor {background-position:right bottom; background-size:92%;}
}


/*애니메이션*/
/*아이콘 상단으로 이동후 원위치
	animation:arr1 0.5s ease;
*/
@keyframes arr_t1 {
     0% {transform:translateY(0)}
    50% {transform:translateY(-6px)}
    100% {transform:translateY(0)}
}

/*snstab(22.06.28)*/
.snsbox {display:block;}
.snsbox:after {content:''; display:block; visibility:hidden; clear:both;}
.sns_tab ul {display:block;width:100%;}
.sns_tab ul:after {content:''; display:block; visibility:hidden; clear:both;}
.sns_tab li {display:block;}
.sns_tab li:after {content:''; display:block; visibility:hidden; clear:both;}
.sns_tab li > a {background: #909090;position:absolute; top:0.5%; width:24.5%;height: 50px;}

.sns_tab li > a.blog {left:0.5%; border-radius:10px 0 0 0;}
.sns_tab li > a.blog .icon1 {position:absolute;left: 0;top: 0;width: 100%; }
.sns_tab li > a.blog .icon1:before {content:'';position:absolute;top:50%;left:50%;margin-top:16px; margin-left: -3px;width: 11px;height: 15px;background-image:url(../img/common/ico_blog.png);background-repeat:no-repeat;z-index:5;}
.sns_tab li.active > a.blog:after {content:'';display:block;position:absolute; bottom:0; left:45%; width:0; height:0; border-bottom:8px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent;}
.sns_tab li.active a.blog:hover .icon1:before, .sns_tab li > a.blog:hover .icon1:before, .sns_tab li > a.blog:visited .icon1:before, .sns_tab li > a.blog:focus .icon1:before  {animation: arr_t1 0.5s ease alternate;}
.sns_tab li > a.blog:hover, .sns_tab li > a.blog:focus, .sns_tab li.active  > a.blog{background-color:#00ab2e; border:1px solid #00ab2e; border-bottom:0;}

.sns_tab li > a.y-tube {left:25.5%;}
.sns_tab li > a.y-tube .icon1 {position:absolute;left: 0;top: 0;width: 100%;}
.sns_tab li > a.y-tube .icon1:before {content:'';position:absolute;top:50%;left: 50%;margin-top: 15px;margin-left: -12px;width: 27px;height: 20px;background-image:url(../img/common/ico_youtube.png);background-repeat:no-repeat;z-index:5;}
.sns_tab li.active > a.y-tube:after {content:'';display:block;position:absolute; bottom:0; left:45%; width:0; height:0; border-bottom:6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.sns_tab li.active a.y-tube:hover .icon1:before, .sns_tab li > a.y-tube:hover .icon1:before, .sns_tab li > a.y-tube:visited .icon1:before, .sns_tab li > a.y-tube:focus .icon1:before  {animation: arr_t1 0.5s ease alternate;}
.sns_tab li > a.y-tube:hover, .sns_tab li > a.y-tube:focus, .sns_tab li.active > a.y-tube {background-color:#FF0000; border:1px solid #FF0000; border-bottom:0;}

.sns_tab li > a.facebook {left:50.5%;}
.sns_tab li > a.facebook .icon1 {position:absolute;left:0;top: 0;width: 100%;}
.sns_tab li > a.facebook .icon1:before {content:'';position:absolute;top:50%;left:50%;margin-top: 15px;margin-left: -5px;width: 12px;height: 20px;background-image:url(../img/common/ico_facebook.png);background-repeat:no-repeat;z-index:5;}
.sns_tab li.active a.facebook:hover .icon1:before, .sns_tab li > a.facebook:hover .icon1:before, .sns_tab li > a.facebook:visited .icon1:before, .sns_tab li > a.facebook:focus .icon1:before  {animation: arr_t1 0.5s ease alternate;}
.sns_tab li > a.facebook:hover, .sns_tab li > a.facebook:focus,
.sns_tab li.active > a.facebook {background-color:#4f699a; border:1px solid #4f699a;}

.sns_tab li > a.inst {left:75.5%; border-radius:0 10px 0 0;}
.sns_tab li > a.inst .icon1 {position:absolute;left:0;top: 0;width: 100%;}
.sns_tab li > a.inst .icon1:before {content:'';position:absolute;top:50%;left:50%;margin-top: 15px;margin-left: -10px;width: 23px;height: 23px;background-image:url(../img/common/ico_inst.png);background-repeat:no-repeat;z-index:5;}
.sns_tab li.active a.inst:hover .icon1:before, .sns_tab li > a.inst:hover .icon1:before, .sns_tab li > a.inst:visited .icon1:before, .sns_tab li > a.inst:focus .icon1:before  {animation: arr_t1 0.5s ease alternate;}
.sns_tab li > a.inst:hover, .sns_tab li > a.inst:focus,
.sns_tab li.active > a.inst {background-color:#e03596; border-radius:0 10px 0 0; border:1px solid #e03596;}

.sns_tab li > a .blind {overflow:hidden;position:absolute;top:-99999px;width:0;height:0;line-height:0;text-indent:-99999px;}

.sns_tab li .snstab_inner {overflow:hidden; padding:65px 15px 15px; background-color:#fff; height:253px; box-sizing:border-box;}
.sns_tab li .snstab_inner a {overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; line-height:1.42857143; font-weight:600;  color:#222;}
.sns_tab li.tab_title .snstab_inner .sns_Cont {overflow:hidden; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; font-size:14px; line-height:22px; margin-top:10px;}

@media screen and (max-width:1024px) {
	.snsbox {margin-top:20px;}
	.sns_tab {height:230px !important;}
	.sns_tab li .snstab_inner {height:223px;}
}

@media screen and (max-width:960px) {
	.sns_tab li.tab_title .snstab_inner .sns_Cont {-webkit-line-clamp:5;}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
	.sns_tab li .snstab_inner {height:253px;}
	.sns_tab li.tab_title .snstab_inner .sns_Cont {-webkit-line-clamp:6;}
}

/*탭소스(다시)*/
/*tab*/
/* Tab + List */
#m_conts .Mainbanner .tab.list{height:160px}
/*.tab.list ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;*zoom:1}*/
#m_conts .Mainbanner .tab.list ul:after{content:"";display:block;clear:both}
#m_conts .Mainbanner .tab.list li{float:left;margin-bottom:-1px}
#m_conts .Mainbanner .tab.list li a.tab_list{position:absolute; bottom:0;float:left;text-decoration:none;
background:#0070bc;color:#666; color:#fff;  width:50%; text-align:center; line-height:13px; z-index:9;
border:0 !important;  padding:13px 0;}
#m_conts .Mainbanner .tab.list li.tab_corona a.tab_list {left:50%;}
#m_conts .Mainbanner .tab.list li a span{display:inline-block;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}
#m_conts .Mainbanner .tab.list li ul{width:100%;position:absolute;top:0;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
#m_conts .Mainbanner .tab.list li ul:after{content:"";display:block;clear:both}
#m_conts .Mainbanner .tab.list li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
#m_conts .Mainbanner .tab.list li li a{float:none;padding:0;margin:0;/*border:0 !important;*/color:#666 !important;font-weight:normal; background:transparent;letter-spacing:normal;}
#m_conts .Mainbanner .tab.list li li a:hover,
#m_conts .Mainbanner .tab.list li li a:active,
#m_conts .Mainbanner .tab.list li li a:focus{color:#000 !important;text-decoration:underline}
#m_conts .Mainbanner .tab.list li li time,
#m_conts .Mainbanner .tab.list li li .time{position:absolute;top:0;right:0;color:#767676}
#m_conts .Mainbanner .tab.list li li.more{position:absolute;top:-30px;right:0;background:transparent; }
#m_conts .Mainbanner .tab.list li.active a.tab_list{border:0;background: #0a115f !important;margin-top:-1px;}
#m_conts .Mainbanner .tab.list li.active a.tab_list span{}
#m_conts .Mainbanner .tab.list.jx{height:auto}
#m_conts .Mainbanner .tab.list.jx ul{border:0}
#m_conts .Mainbanner .tab.list.jx li{float:none;position:relative}
#m_conts .Mainbanner .tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
#m_conts .Mainbanner .tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
#m_conts .Mainbanner .tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
#m_conts .Mainbanner .tab.list.jx li li.more{top:7px;right:15px}

#m_conts .Mainbanner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 24px;bottom:18px;width:45px !important;z-index:99;}
#m_conts .Mainbanner .bx-wrapper .bx-pager, #m_conts .Mainbanner .bx-wrapper .bx-controls-auto {bottom:5px;}
#m_conts .Mainbanner .bx-wrapper .bx-pager.bx-default-pager a  { width: 17px; height: 17px;}
#m_conts .Mainbanner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:100%; text-align:center;}
#m_conts .Mainbanner .tab_corona .bxslider_swrap {width:100% !important;}
#m_conts .Mainbanner .tab_corona .bx-viewport {height:410px !important;}

.bx-wrapper .bx-controls-auto .bx-start {width: 17px; height: 17px;}
.bx-wrapper .bx-controls-auto .bx-stop {width: 17px; height: 17px;}

@media (max-width: 992px) {
.carousel-inner .carousel-item > div {display: none;}
.carousel-inner .carousel-item > div:first-child {display: block;}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {display: flex; justify-content: center;}

@media (min-width: 992px) {
.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {transform: translateX(16.6%);}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {transform: translateX(-16.6%);}
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{transform: translateX(0);}
.allim_imgWrap .allim_title {padding:13px 8px}
.allim_imgWrap .slider div{ border: 1px solid #dcdcdc;}

@media (min-width:1200px) {
.allim_imgWrap .slider {height:292px;overflow:hidden;}
.allim_imgWrap .slider div {width:290px !important; float:left; margin-right:10px; }
.allim_imgWrap .slider div:last-child {margin-right:0}
}

@media (min-width:640px) and (max-width:1199px) {
.allim_imgWrap .slider div {width:300px !important; float:left; margin-right:10px; }
.allim_imgWrap .slider div:last-child {margin-right:0}
}

.allim_imgWrap .bx-wrapper img {width:100% !important; height:auto !important;}

/* Tab + List _새소식*/
.NewboardWrap .tab.list{height:160px}
.NewboardWrap .tab.list ul{position:relative;margin:0;padding:0;list-style:none;font-family:Tahoma, Sans-serif;font-size:12px;*zoom:1}
.NewboardWrap .tab.list ul:after{content:"";display:block;clear:both}
.NewboardWrap .tab.list li{float:left;margin-bottom:-1px}
.NewboardWrap .tab.list li.tab_title {width:13.53%;}
.NewboardWrap .tab.list li a{position:relative;float:left;width: 100%;padding: 8px 0;font-size: 1.6rem;text-align: center;text-decoration:none;border:1px solid #ccc;border-bottom-color:#ccc;border-top: 1px solid #fff;border-left: 1px solid #fff;background:#fafafa;color:#666}

.NewboardWrap .tab.list li a.m{}
.NewboardWrap .tab.list li a span{display:inline-block;padding:6px 10px 6px 10px;letter-spacing:-1px;cursor:pointer}
.NewboardWrap .tab.list li a:hover span,
.NewboardWrap .tab.list li a:active span,
.NewboardWrap .tab.list li a:focus span {text-decoration:underline;}

.NewboardWrap .tab.list li ul{width:100%;position:absolute;top:80px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.NewboardWrap .tab.list li ul:after{content:"";display:block;clear:both}
.NewboardWrap .tab.list li li{float:none;position:relative;margin:0 20px 5px 20px;color:#999;}
.NewboardWrap .tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;
background:transparent;letter-spacing:normal;}
.NewboardWrap .tab.list li li a:before{content: '';display: inline-block;width: 2px;height: 2px;background: #222;margin: 0 5px 5px 0;}
.NewboardWrap .tab.list li li a:hover,
.NewboardWrap .tab.list li li a:active,
.NewboardWrap .tab.list li li a:focus{color:#000 !important;text-decoration:underline}
.NewboardWrap .tab.list li li .bbstitle a {width:85%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;}
.NewboardWrap .tab.list li li .time{position:absolute;top:0;right:0;color:#767676;font-size: 1.6rem;}
.NewboardWrap .tab.list li li.more{position: absolute;top: -80px;width: 5.3%;height: 53px;right: 0;margin: 0;padding: 14px 5px;background: #fafafa;border-bottom: 1px solid #ccc;}
.NewboardWrap .tab.list li li.more a:before {display:none;}
.NewboardWrap .tab.list li.more a {float: left;}
.NewboardWrap .tab.list li.active a{color: #065f9c;border-bottom:1px solid #fff;background:transparent;}
.NewboardWrap .tab.list li.active a span{padding-top:7px;font-weight:bold}
.NewboardWrap .tab.list.jx{height:auto}
.NewboardWrap .tab.list.jx ul{border:0}
.NewboardWrap .tab.list.jx li{float:none;position:relative}
.NewboardWrap .tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.NewboardWrap .tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.NewboardWrap .tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.NewboardWrap .tab.list.jx li li.more{top:7px;right:15px}

@media (max-width:767px) {
		.NewboardWrap .tab.list li a span {padding:6px 0}
}

@media (max-width:480px) {
	.NewboardWrap .tab.list li li {}
	.NewboardWrap .tab.list li li time, .NewboardWrap .tab.list li li .time {display:none;}
	.NewboardWrap .tab.list li ul {top:72px;}
	.NewboardWrap .tab.list .con li a, .NewboardWrap .tab.list li a span{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block; line-height: 1.42857143; width:100%; text-align:left;}
	.NewboardWrap .tab.list li li.more {top:-67px}
	.NewboardWrap .tab.list li li .bbstitle {width:100%;}
}

/* Tab + List sns */
.sns_tabwrap .tab.list{height:160px}
.sns_tabwrap .tab.list ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;
font-size:36px;*zoom:1}
.sns_tabwrap .tab.list ul:after{content:"";display:block;clear:both}
.sns_tabwrap .tab.list li{float:left;margin-bottom:-1px}
.sns_tabwrap .tab.list li.tab_title{height:50px;}
.sns_tabwrap .tab.list .tab_title  a.m{text-indent:-10000px; height:50px;}
.sns_tabwrap .tab.list li a span{display:inline-block;padding:0 28px  0 27.5px;letter-spacing:-1px;cursor:pointer}
.sns_tabwrap .tab.list li ul{width:350%;position:absolute;top:50px;left:0;list-style:none;border:0;margin:0;padding:16px;*zoom:1; font-size:1.6rem;background-color:#fff;}
.sns_tabwrap .tab.list li ul:after{content:"";display:block;clear:both}
.sns_tabwrap .tab.list .sns_btab .con li{    display: block; width:100% !important;
    position: absolute;
    top: 0;
    padding: 15px;
    left: 0;
}

.sns_tabwrap .tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#222 !important;font-weight:normal;
background:transparent;letter-spacing:normal}
.sns_tabwrap .tab.list li li div a {padding: 10px 15px 0; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block; line-height: 1.42857143; color: #222; width: 75%;}
.sns_tabwrap .sns_Cont {padding:0 10px 0; font-size:1.4rem; color:#666 !important; height:135px; overflow:hidden; width:75%;}
.sns_tabwrap .sns_Tit {color:#222 !important;}
.sns_tabwrap .tab.list li li a:hover,
.sns_tabwrap .tab.list li li a:active,
.sns_tabwrap .tab.list li li a:focus{color:#000 !important;text-decoration:underline;}
.sns_tabwrap .tab.list li li time,
.sns_tabwrap .tab.list li li .time{position:absolute;top:0;right:0;color:#767676}
.sns_tabwrap .tab.list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.sns_tabwrap .tab.list li.active a{color:#fff; }
.sns_tabwrap .tab.list li a.blog {background: #a7abac url(../img/common/ico_blog.png) no-repeat center center;}
.sns_tabwrap .tab.list li.active a.blog{background: #00ab2e url(../img/common/ico_blog.png) no-repeat center center;}
.sns_tabwrap .tab.list li a.y-tube {background: #a7abac url(../img/common/ico_youtube.png) no-repeat center center;}
.sns_tabwrap .tab.list li.active a.y-tube{    background: #FF0000 url(../img/common/ico_youtube.png) no-repeat center center;}
.sns_tabwrap .tab.list li.active a span{font-weight:bold}
.sns_tabwrap .tab.list.jx{height:auto}
.sns_tabwrap .tab.list.jx ul{border:0}
.sns_tabwrap .tab.list.jx li{float:none;position:relative}
.sns_tabwrap .tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.sns_tabwrap .tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.sns_tabwrap .tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.sns_tabwrap .tab.list.jx li li.more{top:7px;right:15px}
.floatnone li {float:none !important;}
.sns_tabwrap .tab.list li ul iframe {width:100% !important;}

@media (max-width:1300px) {
#m_conts .snsWrap .sns_tab .sns_btab li.tab_title {width:50%}
.sns_tabwrap .tab.list li ul {width:286%;}
.sns_tabwrap .tab.list li a span {padding:0; width:100%;}
}

@media (max-width:1150px) {
.sns_tabwrap .tab.list li li div a , .sns_tabwrap .sns_Cont {width:70%;}
}

@media (max-width:1050px) {
.sns_tabwrap .tab.list li li div a , .sns_tabwrap .sns_Cont {width:64%;}
}

@media (max-width:1023px) {
.sns_tabwrap .tab.list li li div a , .sns_tabwrap .sns_Cont ,#m_conts .snsWrap .sns_tab li.sns_tabwrap {width:100%}
#m_conts .snsWrap .sns_tab .sns_btab li.tab_title {width:25%}
#m_conts .snsWrap .sns_tab li.facebook, #m_conts .snsWrap .sns_tab li.inst {position:absolute;}
#m_conts .snsWrap .sns_tab li.inst {right:0;}
#m_conts .snsWrap .sns_tab li.facebook {right:25%}
.sns_tabwrap .tab.list li ul iframe {width:100% !important;}
}

/* Tab + List 4개 탭 아이콘*/
.BmenuWrap .tab.list{height:}
.BmenuWrap .tab.list ul{position:relative;margin:2px 2px 0;padding:0;list-style:none;*zoom:1}
.BmenuWrap .tab.list ul:after{content:"";display:block;clear:both}
.BmenuWrap .tab.list li{float:left;margin-bottom:-1px; width:20%;}
.BmenuWrap .tab.list li a{position:relative;float:left;background:#f6f6f6;color:#666;width:100%;text-align: center;}
.BmenuWrap .tab.list li a span{display:inline-block;padding:13px 0;letter-spacing:-1px;cursor:pointer;height:50px;}
.BmenuWrap .tab.list li a:hover span,
.BmenuWrap .tab.list li a:active span,
.BmenuWrap .tab.list li a:focus span {text-decoration:underline;}

.BmenuWrap .tab.list li ul{width:100%;position:absolute;top:50px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;     background: #e7effc;}
.BmenuWrap .tab.list li ul:after{content:"";display:block;clear:both}
.BmenuWrap .tab.list li ul li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.BmenuWrap .tab.list li ul li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.BmenuWrap .tab.list li ul li a:hover,
.BmenuWrap .tab.list li ul li a:active,
.BmenuWrap .tab.list li ul li a:focus{color:#000 !important;text-decoration:underline}
.BmenuWrap .tab.list li ul li time,
.BmenuWrap .tab.list li ul li .time{position:absolute;top:0;right:0;color:#767676}
.BmenuWrap .tab.list li ul li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.BmenuWrap .tab.list li.active a{background: #0070bc; color: #fff !important;}
.BmenuWrap .tab.list li.active a:focus-visible {outline:solid 1px #000; z-index:999;}

.BmenuWrap .tab.list li.active ul a {background:transparent; color:#333 !important;}
.BmenuWrap .tab.list li.active a span {height:50px;}


.BmenuWrap .tab.list.jx{height:auto}
.BmenuWrap .tab.list.jx ul{border:0}
.BmenuWrap .tab.list.jx li{float:none;position:relative}
.BmenuWrap .tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.BmenuWrap .tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.BmenuWrap .tab.list.jx li ul li a{display:inline; border:0 !important;background:none !important;font-weight:normal}
.BmenuWrap .tab.list.jx li ul li.more{top:7px;right:15px}

/*하단메뉴tab*/

#m_conts .BmenuWrap .Bmenutabs {flex-wrap: wrap;  width:100%;height: 230px !important; overflow:hidden;}
#m_conts .BmenuWrap  .tab_con { clear:both; }
#m_conts .BmenuWrap  .Bmenutabs .tab {order: 99;flex-grow: 1;width: 100%; height:100%;display: none; background: #e7effc;}
#m_conts .BmenuWrap  .Bmenutabs input[type="radio"] {display: none;}
#m_conts .BmenuWrap  .Bmenutabs input[type="radio"]:checked+label+.tab {display: block}
#m_conts .BmenuWrap  .Bmenutabs input[type="radio"]+label{padding:13px 0; background:#f6f6f6; height:50px; width:25%; text-align:center;}
#m_conts .BmenuWrap  input[type="radio"]:checked+label {background:#0070bc; color:#fff;}


.BmenuWrap .tab.list .Bmenu_icowrap li {width:14.28%; float:left; text-align:center; padding:0 2px;}
.BmenuWrap .tab.list .Bmenu_icowrap li a {display:inline-block;padding:18px 0;}


.Bmenu_icowrap .Bmenu_ico {
width:106px;
height:106px;
border-radius:53px;
text-align:center;
margin:0 auto;}
.Bmenu_icowrap .Bmenu_txt {margin-top:10px; color:#222;}
.Bmenu_icowrap li:nth-child(1) .Bmenu_ico {background:#fff url(../img/main/bmenu1.png) no-repeat 50% 50%;}
.Bmenu_icowrap li:nth-child(2) .Bmenu_ico {background:#fff url(../img/main/bmenu2.png) no-repeat 50% 50%; }
.Bmenu_icowrap li:nth-child(3) .Bmenu_ico {background:#fff url(../img/main/bmenu3.png) no-repeat 50% 50%; }
.Bmenu_icowrap li:nth-child(4) .Bmenu_ico {background:#fff url(../img/main/bmenu4.png) no-repeat 50% 50%; }
.Bmenu_icowrap li:nth-child(5) .Bmenu_ico {background:#fff url(../img/main/bmenu5.png) no-repeat 50% 50%; }
.Bmenu_icowrap li:nth-child(6) .Bmenu_ico {background:#fff url(../img/main/bmenu6.png) no-repeat 50% 50%; }
.Bmenu_icowrap li:nth-child(7) .Bmenu_ico {background:#fff url(../img/main/bmenu7.png) no-repeat 50% 50%; }

.Bmenu_icowrap2 li:nth-child(1) .Bmenu_ico {background:#fff url(../img/main/bmenu11.png) no-repeat 50% 50%;}
.Bmenu_icowrap2 li:nth-child(2) .Bmenu_ico {background:#fff url(../img/main/bmenu12.png) no-repeat 50% 50%; }
.Bmenu_icowrap2 li:nth-child(3) .Bmenu_ico {background:#fff url(../img/main/bmenu13.png) no-repeat 50% 50%; }
.Bmenu_icowrap2 li:nth-child(4) .Bmenu_ico {background:#fff url(../img/main/bmenu14.png) no-repeat 50% 50%; }
.Bmenu_icowrap2 li:nth-child(5) .Bmenu_ico {background:#fff url(../img/main/bmenu15.png) no-repeat 50% 50%; }
.Bmenu_icowrap2 li:nth-child(6) .Bmenu_ico {background:#fff url(../img/main/bmenu16.png) no-repeat 50% 50%; }
.Bmenu_icowrap2 li:nth-child(7) .Bmenu_ico {background:#fff url(../img/main/bmenu17.png) no-repeat 50% 50%; }

.Bmenu_icowrap3 li:nth-child(1) .Bmenu_ico {background:#fff url(../img/main/bmenu21.png) no-repeat 50% 50%;}
.Bmenu_icowrap3 li:nth-child(2) .Bmenu_ico {background:#fff url(../img/main/bmenu22.png) no-repeat 50% 50%; }
.Bmenu_icowrap3 li:nth-child(3) .Bmenu_ico {background:#fff url(../img/main/bmenu23.png) no-repeat 50% 50%; }
.Bmenu_icowrap3 li:nth-child(4) .Bmenu_ico {background:#fff url(../img/main/bmenu24.png) no-repeat 50% 50%; }
.Bmenu_icowrap3 li:nth-child(5) .Bmenu_ico {background:#fff url(../img/main/bmenu25.png) no-repeat 50% 50%; }
.Bmenu_icowrap3 li:nth-child(6) .Bmenu_ico {background:#fff url(../img/main/bmenu26.png) no-repeat 50% 50%; }
.Bmenu_icowrap3 li:nth-child(7) .Bmenu_ico {background:#fff url(../img/main/bmenu27.png) no-repeat 50% 50%; }

.Bmenu_icowrap4 li:nth-child(1) .Bmenu_ico {background:#fff url(../img/main/bmenu31.png) no-repeat 50% 50%;}
.Bmenu_icowrap4 li:nth-child(2) .Bmenu_ico {background:#fff url(../img/main/bmenu32.png) no-repeat 50% 50%; }
.Bmenu_icowrap4 li:nth-child(3) .Bmenu_ico {background:#fff url(../img/main/bmenu33.png) no-repeat 50% 50%; }
.Bmenu_icowrap4 li:nth-child(4) .Bmenu_ico {background:#fff url(../img/main/bmenu34.png) no-repeat 50% 50%; }
.Bmenu_icowrap4 li:nth-child(5) .Bmenu_ico {background:#fff url(../img/main/bmenu35.png) no-repeat 50% 50%; }
.Bmenu_icowrap4 li:nth-child(6) .Bmenu_ico {background:#fff url(../img/main/bmenu36.png) no-repeat 50% 50%; }
.Bmenu_icowrap4 li:nth-child(7) .Bmenu_ico {background:#fff url(../img/main/bmenu37.png) no-repeat 50% 50%; }

.Bmenu_icowrap5 li:nth-child(1) .Bmenu_ico {background:#fff url(../img/main/bmenu41.png) no-repeat 50% 50%;}
.Bmenu_icowrap5 li:nth-child(2) .Bmenu_ico {background:#fff url(../img/main/bmenu42.png) no-repeat 50% 50%; }
.Bmenu_icowrap5 li:nth-child(3) .Bmenu_ico {background:#fff url(../img/main/bmenu43.png) no-repeat 50% 50%; }
.Bmenu_icowrap5 li:nth-child(4) .Bmenu_ico {background:#fff url(../img/main/bmenu44.png) no-repeat 50% 50%; }
.Bmenu_icowrap5 li:nth-child(5) .Bmenu_ico {background:#fff url(../img/main/bmenu45.png) no-repeat 50% 50%; }
.Bmenu_icowrap5 li:nth-child(6) .Bmenu_ico {background:#fff url(../img/main/bmenu46.png) no-repeat 50% 50%; }
.Bmenu_icowrap5 li:nth-child(7) .Bmenu_ico {background:#fff url(../img/main/bmenu47.png) no-repeat 50% 50%; }

@media (max-width:1023px) {
.Bmenu_icowrap li .Bmenu_ico {display:none;}
.BmenuWrap .tab.list .Bmenu_icowrap li {width:50%; float:left; padding:10px 0; border:1px solid #f6f6f6; margin:0;}
.Bmenu_icowrap .Bmenu_txt {margin-top:0;}

.BmenuWrap .tab.list .Bmenu_icowrap li a {padding:0;}
}

@media (max-width:1000px) {
.sns_tabwrap .tab.list li ul {width:100%;}
}