@font-face {
    font-family: 'TTWanjudaedunsancheB';
    src: url('/img/portal/font/TTWanjudaedunsancheB.woff') format('woff'),
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/TTWanjudaedunsancheB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'TTWanjudaedunsancheR';
    src: url('/img/portal/font/TTWanjudaedunsancheR.woff') format('woff'),
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/TTWanjudaedunsancheR.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}


@media screen and (max-width:1540px) {
	#container {width:100%; margin:0;}
}
@media (max-width:1800px){
	
.gohyang { position: absolute; top:150px; right:-30px;   z-index:1; }
}
@media (min-width:1280px) and (max-width:1800px){
	.sec1sear h3 img {max-width:calc(100% - 120px);}
}

#sec1 {background:#f0f5fc url(/img/portal//main_2025/sec1_bg.jpg) no-repeat 50% top; min-height:900px; position:relative;}

.sec1-top {padding:65px 0 0 0; display:flex; flex-wrap:wrap; justify-content: space-between;  z-index:1; position:relative;}

/*  구청장실 */
.mayor {width:40%; position:relative;}
.mayor > * {position:relative; z-index:1;}
.mayor:before {content:''; display:block; width:341px; height:289px; background:url(/img/portal/main_2025/mayor_02.png) no-repeat right bottom; z-index:0; position:absolute; bottom:0; right:0;}
.mayor .btn {display:flex; flex-direction: column; margin:30px 0 20px 0;}
.mayor .btn a {display:flex; align-items:center; width:235px; border-radius:20px; font-weight:600; color:#fff; margin-bottom:6px;  padding:10px 20px; position:relative; transition:all .2s;}
.mayor .btn a:hover {width:250px;}
.mayor .btn a:before {content:''; display:inline-block; width:26px; height:26px; margin-right:10px;}
.mayor .btn a:after {content:'\ea6c'; display:flex; width:20px; height:20px; align-items:center; justify-content:center; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; position:absolute; top:calc(50% - 10px); right:15px; font-size:20px; font-weight:400;}
.mayor .btn a:nth-of-type(1) {background: -webkit-gradient(linear, left top, right top, color-stop(0, #0ea1be), color-stop(1, #2280c8));
	background: -moz-linear-gradient(to left, #0ea1be 0%, #2280c8 100%);
	background: -webkit-linear-gradient(to left,  #0ea1be 0%, #2280c8 100%);
	background: -o-linear-gradient(to left,  #0ea1be 0%, #2280c8 100%);
	background: -ms-linear-gradient(to left,  #0ea1be 0%, #2280c8 100%);
	background: linear-gradient(to left,  #0ea1be 0%, #2280c8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ea1be', endColorstr='#2280c8', gradientType=1);}
.mayor .btn a:nth-of-type(1):before {background:url(/img/portal/main_2025/mayor_icon01.png) no-repeat 50% 50%;}
.mayor .btn a:nth-of-type(2) {background:#e84a61;}
.mayor .btn a:nth-of-type(2):before {background:url(/img/portal/main_2025/mayor_icon02.png) no-repeat 50% 50%;}
.mayor .btn a:nth-of-type(3) {background:#1b224e;}
.mayor .btn a:nth-of-type(3):before {background:url(/img/portal/main_2025/mayor_icon03.png) no-repeat 50% 50%;}


/*  검색 */
.sec1sear {width:calc(60% - 50px); display:flex; align-items:center; justify-content: center; flex-direction: column;}
.sec1sear .is-search {display:flex; align-items:center; justify-content: center; flex-direction: column; width:100%;}
.sec1sear .search-ctr {border-radius:50px; width:calc(100% - 100px); position:relative; padding:3px; display:flex; align-items:center; justify-content: center; margin-left:40px; margin-top:30px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3aa7b8), color-stop(1, #0265d7));
	background: -moz-linear-gradient(to top, #3aa7b8 0%, #0265d7 100%);
	background: -webkit-linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	background: -o-linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	background: -ms-linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	background: linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa7b8', endColorstr='#0265d7', gradientType=0);
}
.sec1sear .search-ctr form {width:100%; height:100%;}
.sec1sear .search-ctr input[type="text"] {width:100%; border:0; border-radius:35px; padding:0 50px 0 60px; font-family: 'Paperlogy'; font-weight:600; font-size:20px; line-height:70px; height:70px;}
.sec1sear .search-ctr .search-btn {position:absolute; top:15px; right:-30px; width:76px; height:76px; border-radius:25px 25px 0 25px;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3aa7b8), color-stop(1, #0265d7));
	background: -moz-linear-gradient(-45deg, #3aa7b8 0%, #0265d7 100%);
	background: -webkit-linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	background: -o-linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	background: -ms-linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	background: linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa7b8', endColorstr='#0265d7', gradientType=1);}
.sec1sear .search-ctr .search-btn span {background:url(/img/portal/common_2025/ssbtn.png) no-repeat 50% 50%; width:100%; height:100%; display:block; overflow:hidden; text-indent:-9999px;}
.sec1sear .search-ctr .select-box {display:none;}
.sec1sear .search-ctr:before {content:''; width:95px; height:119px; background:url(/img/portal/common_2025/scimg.png) no-repeat 50% 50%; position:absolute; top:calc(50% - 59px); left:-70px;}
.sec1sear .is-search dl {display:flex; margin-top:30px; align-items: center;}
.sec1sear .is-search dl dt {margin-right:10px;}
.sec1sear .is-search dl dd {margin:0 5px;}
.sec1sear .is-search dl dd a {display:block; padding:10px 15px; border-radius:30px; border:2px dotted #a6b8cd; min-width:100px; text-align:center; font-size:14px;}
.sec1sear .is-search .search-close {display:block; width:60px; height:60px; background:#000 url(/img/portal/common_2025/sfclose.png) no-repeat 50% 50%; position:absolute; position:absolute; bottom:-30px; left:calc(50% - 30px); border-radius:50%; overflow:hidden; text-indent:-9999px;}

.slick-slider {margin-bottom:0;}
.sec1-bottom {padding:0; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start;  z-index:1; position:relative;}
/* 주요뉴스 */
.majornews {width:50%; position:relative;  z-index:1;}
.majornews .majornews_slide { border-radius:30px 30px 100px 30px; overflow:hidden; height:100%;  position:relative; }
.majornews .majornews_slide .items {height:100%; max-height:400px;}
.majornews .majornews_slide a {display:block; width:100%; height:100%;}
.majornews .majornews_slide img {width:100%; height:100%;}
.majornews .majornews_slide .items:has( :focus) img {padding:3px; box-shadow:0 0 0 3px #000 inset;} 
.majornews .tit {position:absolute; bottom:-16px; left:0; background:#fff; display:flex; align-items:center; font-size:15px; height:52px; padding:0 20px 0 40px; border-radius:0 30px 30px 30px;}
.majornews .tit h3 {background:url(/img/portal/main_2025/major-h3.png) no-repeat 0 50%; line-height:26px; padding-left:30px; font-weight:700;}
.majornews .tit .controll {display:flex; margin-left:30px; align-items:center;}
.majornews .tit .controll .count {margin-right:10px;font-size:11px; }
.majornews .tit .controll .count .current {font-weight:700; font-size:15px; padding:0 5px;}
.majornews .tit .controll .count .total {font-size:15px;  padding:0 5px;}

.majornews .tit .controll button  { width:40px; height:40px; display:flex; align-items:center; justify-content: center; position:relative;}
.majornews .tit .controll button i {font-size:22px; opacity:0.7; transition:all .2s; font-weight:700;}
.majornews .tit .controll button:hover i {opacity:1;}
.majornews .tit .controll button span {text-indent:-9999px; display:block;}
.majornews .tit .controll .start-slide,
.majornews .tit .controll .stop-slide {position:absolute; top:calc(50% - 20px); right:-26px;  background:#1e486a; border-radius:50%; color:#fff;}
.majornews .tit .controll .start-slide i {font-size:18px;}
.majornews .tit .controll .prev-slide:after {content:''; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:calc(50% - 5px); right:0;}

.popupzone {width:calc(50% - 30px); position:relative; z-index:1;}
.popupzone .items { margin: 0 10px; border-radius:30px; overflow:hidden; }
.popupzone .items img {width:100%; max-height:400px;}
.popupzone .popupzoneslide-wrap {overflow:hidden; border-radius:30px;  }
.popupzone .popupzone_slide {margin-left: -10px;margin-right: -10px;}
.popupzone .popupzone_slide .items:has( :focus) img {padding:3px; box-shadow:0 0 0 3px #000 inset;} 

.popupzone .tit > button {position:absolute; left:calc(50% - 25px); width:50px; height:50px; background:#333; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content: center; opacity:0.8;  transition:all .2s; }
.popupzone .tit > button i {font-size:22px;font-weight:700;}
.popupzone .tit > button:hover {opacity:1; }
.popupzone .tit > button span {text-indent:-9999px; display:block;}
.popupzone .tit > button.prev-slide {bottom:calc(30% + 20px); }
.popupzone .tit > button.next-slide {bottom:calc(30% - 25px); background:#fff; color:#000;}
.popupzone .controll {display:flex; margin-left:20px; align-items:center; margin-top:20px; font-size:15px;}
.popupzone .controll .count {margin-right:10px;font-size:11px;  color:#000;}
.popupzone .controll .count:after {content:''; display:inline-block; width:50px; height:1px; background:#ccc; margin:0 0px 0 10px; transform: translateY(-5px);}
.popupzone .controll .count .current {font-weight:700; font-size:15px; padding:0 5px;}
.popupzone .controll .count .total {font-size:15px;  padding:0 5px;}
.popupzone .controll a,
.popupzone .controll button  { width:30px; height:30px; display:flex; align-items:center; justify-content: center; position:relative;}
.popupzone .controll button span {text-indent:-9999px; display:block;}
.popupzone .controll button i {font-size:22px; font-weight:700;}
.popupzone .controll .start-slide i {font-size:18px;}
.popupzone .controll .popupmore {text-indent:-9999px; background:url(/img/portal/main_2025/popupmore.png) no-repeat 50% 50%;}

@media screen and (max-width:1280px) and (min-width:1025px) {
	.mayor {width:50%;  }	
	.sec1sear {width:50%;}
	.sec1sear .is-search dl {display:none;}
}
@media (max-width:1024px) {
	.sec1-top {flex-direction: column-reverse; padding-top:30px}
	.mayor {width:100%;  }	
	.mayor .btn a {width:60%; min-width:200px;}
	.mayor .btn a:hover {width:calc(60% + 30px); min-width:220px;}
	.sec1sear {width:100%; display:none;}
	.majornews {width:100%;}
	.majornews .majornews_slide img {max-height:100%; width:100%;}
	.popupzone {width:100%; margin-top:40px;}
	.popupzone .items img {max-height:100%;}
}
@media screen and (min-width:769px) and (max-width:1024px) {
	.popupzone .tit > button.prev-slide {bottom:calc(50% - 25px); left:-20px;}
	.popupzone .tit > button.next-slide {bottom:calc(50% - 25px); left:initial; right:-20px;}
}

@media (max-width:768px) {
	.mayor:before { width:50%; height:250px; background-size:contain;}
}
@media (max-width:480px) {
	/* .mayor {display:flex; flex-direction:column-reverse;} */
	.mayor:before { width:60%; height:300px; background-size:contain;}
	.mayor .btn a { width:210px;}
	.mayor .btn a:hover {width:220px;}
	.majornews .tit { padding:0 10px 0 10px;}
	.popupzone .tit > button.prev-slide {bottom:calc(50% - 25px); left:-20px;}
	.popupzone .tit > button.next-slide {bottom:calc(50% - 25px); left:initial; right:-20px;}
}


.favwrap {position:relative; margin-top:19px;  width:100%;  z-index:0;}
.favwrap:before {content:''; display:block; width:2560px; height:526px; background: url(/img/portal/main_2025/sec2_bg2.png) no-repeat 50% 0; position:absolute; top:-229px; left:50%; transform: translateX(-50%); z-index:-3;}
.favwrap:after {content:''; display:block; width:2560px; height:508px; background: url(/img/portal/main_2025/sec2_bg1.png) no-repeat 0 0; position:absolute; top:10px; left:50%; transform: translateX(-50%); z-index:-1;}

.favwrap .tabbtn {height:58px; display:flex;   }
.favwrap .tabbtn a {height:58px; display:flex; align-items:center; font-family: 'TTWanjudaedunsancheB'; font-size:24px; width:287px; text-align:center; justify-content: center; background:url(/img/portal/main_2025/tabbg_on.png) no-repeat 50% 50%; line-height:1em; z-index:0; color:#fff;}
.favwrap .tabbtn a.active {background:url(/img/portal/main_2025/tabbg_off.png) no-repeat 50% 50%;  z-index:1; color:#333;}
.favwrap .tabbtn a span {transform: translateY(5px); position:relative;}
.favwrap .tabbtn a.active span:after {content:''; display:inline-block; width:8px; height:8px; background:#0166d8; border-radius:50%; transform: translateY(-12px);}
.favwrap .tabbtn a:nth-of-type(2) {margin-left:-65px;}
.favwrap .tab-content {display:none; padding:60px 0 60px 50px;  width:100%;}
.favwrap .tab-content.active {display:block;}
.favwrap .tab-content > div {display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.favwrap .tab-content > div .favtit {width:30%; padding-left:100px;}
.favwrap .tab-content > div .favtit h3 {font-size: 34px; color:#333; font-family: 'TTWanjudaedunsancheB'; line-height:1em; margin-bottom:10px;}
.favwrap .tab-content > div .favtit span {font-size:18px;}
.favwrap .tab-content > div .favlist_slide {width:70%; position:relative; padding:0 50px;}

.favwrap .favlist_slide .items {text-align:center;}
.favwrap .favlist_slide .items a {display:block;}
.favwrap .favlist_slide .items img {margin:0 auto 10px auto;}
.favwrap .favlist_slide .items span {display:block;}

.favwrap .favlist_slide button.slick-arrow {width:46px; height:46px;top:calc(50% - 23px); margin-top:0; border:1px solid #bdbdbd; border-radius:50%; background:#fff;}
.favwrap .favlist_slide button.slick-prev {left:0;}
.favwrap .favlist_slide button.slick-prev:before {content:'\ea64'; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; color:#333; font-size:30px;}
.favwrap .favlist_slide button.slick-next {right:0;}
.favwrap .favlist_slide button.slick-next:before {content:'\ea6e'; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; color:#333; font-size:30px;}

@media (max-width:1520px) {
	.favwrap:after { width:324px; height:254px; top:60px; left:-220px; transform: translateX(0); background-size:cover;}
}
@media (max-width:1280px) {
	.favwrap:before {content:''; display:block; width:1280px; height:263px; top:-86px; left:0; transform: translateX(0); background-size:cover;}
	.favwrap .tab-content {background:#fff; z-index:-2; position:relative; width:calc(100% + 20px); margin-left:-10px; }
	.favwrap .tab-content > div {justify-content:flex-end;}
	.favwrap .tab-content > div .favtit {display:none;}
	.favwrap .tab-content > div .favlist_slide {width:calc(100% - 100px); margin-right:10px;}
}
@media (max-width:1024px) {
	.favwrap {margin-top:30px;}
	.favwrap .tab-content {padding:30px 0 30px 50px;}
}
@media (max-width:768px) {
	.favwrap .tabbtn a {height:58px; font-size:22px; width:50%; background:#0166d8; border-radius:10px 10px 0 0;}
	.favwrap .tabbtn a.active {background:#fff;  z-index:1; color:#333;}
	.favwrap .tabbtn a:nth-of-type(2) {margin-left:0;}
	.favwrap .tabbtn a span {transform: translateY(3px);}		
}
@media (max-width:520px) {
	.favwrap:after { width:324px; height:254px; top:60px; left:-280px;}
	.favwrap .tab-content > div .favlist_slide {width:calc(100% - 20px); }
}

#sec2 {position:relative; z-index:1; min-height:700px; margin-top:20px; padding:60px 0 0;}
#sec2:before {content:''; display:block; width:2240px; height:calc(100% - 150px); background:#eff3fa url(/img/portal/main_2025/sec2_bg3.png) no-repeat 0 bottom; position:absolute; top:0; left:-210px; border-radius:200px 0 0 200px;}
.sec2-top-wrap {position:relative; display:flex; justify-content: space-between; }

.mboard-wrap {width:calc(100% - 460px); } 
.board-wrap-tit {display:flex; align-items: center; justify-content: space-between; flex-wrap:wrap;}
.board-wrap-tit h3 {margin-bottom:10px;}
.board-wrap-tit .boardtab {display:flex; align-items:center;}
.board-wrap-tit .boardtab a.btab {font-size:18px; padding:15px 20px;}
.board-wrap-tit .boardtab a.btab.active {background:#1b224e; color:#fff; border-radius:30px;}
.board-wrap-tit .boardtab a.bmore {background:#000; width:24px; height:24px; display:block; border-radius:50%; overflow:hidden; text-indent:-9999px; margin-left:15px; opacity:0.7; position:relative; transition:all .2s;}
.board-wrap-tit .boardtab a.bmore:after {content:'+'; text-indent:0; position:absolute; top:0; left:0; color:#fff; width:24px; height:24px; display:flex; align-items: center; justify-content: center; font-size:20px; font-weight:400;}
.board-wrap-tit .boardtab a.bmore:hover {opacity:1;}
.board_con {display:none; width:100%; margin-top:15px;}
.board_con.active {display:block;}
.board_con ul {display:flex; justify-content: flex-start; flex-wrap:wrap;}
.board_con ul li {width:calc(33.33% - 16px); margin-right:24px;}
.board_con ul li:last-child {margin-right:0;}
.board_con ul li a {display:block;  background:#fff; border-radius:30px 30px 80px 30px; padding:30px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); }
.board_con ul li a:focus {box-shadow:0 0 0 2px #ff0062 inset;}
.board_con ul li a .btit {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center;}
.board_con ul li a .btit .bdate {width:40%; font-size:16px; font-family:'TTWanjudaedunsancheB'; color:#5a5a5a;}
.board_con ul li a .btit .bdate em {display:block; font-size:30px; color:#363a90; margin-top:9px;}
.board_con ul li a .btit .bwrite {font-family: 'TTWanjudaedunsancheR'; font-size: 18px; color: #363a90; position:relative;}
.board_con ul li a .btit .bwrite:before {content:''; display:inline-block; width:34px; height:22px; background:url(/img/portal/main_2025/bwrite-bg.png)no-repeat 0 0; margin-right:5px;}
.board_con ul li a .btitle {width:100%; font-size:20px; font-weight:600; line-height:1.2em; margin-top:20px; text-overflow: ellipsis; height: 2.4em; display: -webkit-box; overflow:hidden; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.board_con ul li a p {margin-top:23px; padding-top:23px; border-top:1px solid #dedede; color:#333; }
.board_con ul li a p span{font-size:15px; font-weight:500; line-height:1.5em; text-overflow: ellipsis; height: 3em; display: -webkit-box; overflow:hidden; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.board_con ul li a:hover {box-shadow: none; outline:2px solid #363a90;}

.newspaper {width:420px; position:relative; display:flex; align-items: center; justify-content: space-between;}
.newspaper > * {position:relative; z-index:1;}
.newspaper:before {content:''; display:block; width:340px; height:340px; z-index:0; border-radius:50%; position:absolute; top:50%; left:0; transform: translateY(-50%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #181677), color-stop(0.75, #006b6f), color-stop(1, #019845));
	background: -moz-linear-gradient(-45deg, #181677 0%, #006b6f 50%, #019845 100%);
	background: -webkit-linear-gradient(-45deg,  #181677 0%, #006b6f 50%, #019845 100%);
	background: -o-linear-gradient(-45deg,  #181677 0%, #006b6f 50%, #019845 100%);
	background: -ms-linear-gradient(-45deg,  #181677 0%, #006b6f 50%, #019845 100%);
	background: linear-gradient(-45deg,  #181677 0%, #006b6f 50%, #019845 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181677', endColorstr='#019845', gradientType=1);}
.newspaper:after {content:''; display:block; width:117px; height:121px; z-index:1; background: url(/img/portal/main_2025/newsimg01.png) no-repeat 50% 50%; position:absolute; bottom:0; left:50%; transform: translateX(-50%);}
.newspaper .newsCon {color:#fff; padding-left:60px; font-weight:400;}
.newspaper .newsCon p.tit {margin-top:14px; font-size:28px; line-height:1.2em;  font-weight:400;}
.newspaper .newsCon p.tit * {display:block;  }
.newspaper .newsCon p.tit strong {font-weight:800;}
.newspaper .newsCon p.copy {margin-top:15px; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:16px; margin-bottom:16px;}
.newspaper .newsCon a {color:#fff;}
.newspaper .newsCon a.more { background: url(/img/portal/main_2025/newsbul.png) no-repeat 0 0; padding-left:25px; font-size:14px;}
.newspaper .newsCon a:hover {color:#ffff00;}
.newspaper .newsImg {position:relative; border-radius:0 0 30px 30px; overflow:hidden;}
.newspaper .newsImg .QR {position:absolute; top:60px; right:15px; border-radius:10px; padding:7px; background:#fff;}

@media (max-width:1280px) {
	.board-wrap-tit {justify-content:center; flex-direction:column;}
	.mboard-wrap {width:100%; }
	.newspaper {display:none;}
}
@media (max-width:768px) {
	.board-wrap-tit .boardtab {flex-wrap:wrap; justify-content:center;}	
	.board_con ul li {width:100%; margin:0 0 15px 0;}
	.board_con ul li a {padding:20px; border-radius: 30px 30px 30px 30px;}
	.board_con ul li a .btit .bdate em {display:inline-block;}
	.board_con ul li a .btitle { font-size:16px; font-weight:500; margin-top:10px;}
	.board_con ul li a p {display:none;}
}

.sec2-bottom-wrap {position:relative; z-index:2; margin-left:300px; margin-top:50px;}
.bunya-wrap {position:relative;}
.bunya-wrap h3 {margin-left:120px; }
.bunya-wrap > div {position:relative; display:flex; flex-wrap:wrap; padding:10px 0 50px 200px; justify-content: space-between;}
.bunya-wrap > div:before {content:''; display:block; width:1730px; height:calc(100% - 100px); background:url(/img/portal/main_2025/bunyabg.jpg) no-repeat 0 bottom; position:absolute; bottom:0; left:0; border-radius:200px 0 0 100px; z-index:0;}
.bunya-wrap > div a {position:relative; z-index:1; display:block; border-radius:30px 30px 50px 30px; background:#fff; width:calc(20% - 20px); text-align:Center; margin:10px 0; padding:25px 0; font-size:16px; font-weight:600; box-shadow: 0 0 10px rgba(0,0,0,0.1); transition:all .3s;}
.bunya-wrap > div a:focus {box-shadow:0 0 0 2px #ff0062 inset;}

.bunya-wrap > div a span {display:block;}
.bunya-wrap > div a span.icon {width:82px; height:82px; margin:0 auto; background:#f0f3fa; border-radius:50%; margin-bottom:10px; transition:all .5s;}
.bunya-wrap > div:after {content:''; display:block; width:285px; height:193px; background:url(/img/portal/main_2025/bunya_img01.png) no-repeat 50% 50%; position:absolute; bottom:-140px; right:-180px; z-index:0;}
.bunya-wrap > div a:hover {background:#0166d8; color:#fff; box-shadow: 5px 5px 0 rgba(0,0,0,0.2);}
.bunya-wrap > div a:hover span.icon {transform:rotateY(180deg);}
@media (max-width:1280px) {
	#sec2:before {background:#eff3fa;} 
	.sec2-bottom-wrap { margin-left:0;}
	.bunya-wrap h3 {margin-left:0; text-align:Center;}
	.bunya-wrap > div {padding:10px 0 50px 0; }
	.bunya-wrap > div:before { width:calc(100% + 20px); bottom:0; left:-10px; border-radius:0; }
	.bunya-wrap > div:after { bottom:0; top:-150px; right:-30px; width:200px; background-size:contain;}
}
@media (max-width:768px) {
	.bunya-wrap > div:before {height:calc(100% - 50px);}
	.bunya-wrap > div:after { top:auto; bottom:-100px; right:-30px; width:200px; background-size:contain;}
	.bunya-wrap > div a {width:calc(50% - 5px); display:flex; justify-content: center; align-items:center; border-radius:10px; padding:5px; margin:5px 0;}
	.bunya-wrap > div a span.icon {width:40px; height:40px; margin:0; margin-right:10px;}
	.bunya-wrap > div a span.tt {width:80px; text-align:left; }
}

#sec3 {position:relative; z-index:0; }
#sec3:before {content:''; display:block; width:100%; height:400px; background:url(/img/portal/main_2025/sec3-bg.png) no-repeat 40% 50%; position:absolute; top:-100px; left:0; z-index:-1;}
#sec3 h3 {text-align:center; padding-top:140px; z-index:2; position:relative;}
#sec3 h3 img {padding-left:500px;}
.tour-wrap {margin-top:-100px; z-index:1; position:relative;}
.tour-slide .slick-track {display:flex; justify-content: center; align-items:center;}
.tour-slide .items {padding:50px 30px; display:flex; justify-content: center; transition:all .2s; height:100%; width:900px!important; height:450px; align-items:center; }
.tour-slide .items * {transition:all 1s;}
.tour-slide .items .tcon { display:flex; justify-content: center; }
.tour-slide .items .tcon .thum {position:relative; z-index:1; margin:30px;}
.tour-slide .items .tcon .thum img {border-radius:50%; overflow:hidden; width:330px; z-index:1;}
.tour-slide .items .tcon .thum a {display:none;}
.tour-slide .items .tcon .ttext {background:#f7f7fa; border-radius:50%; width:330px; height:330px; margin-left:-50px; z-index:0; display:flex; justify-content: center; flex-direction:column; padding-left:70px; margin-top:30px;}
.tour-slide .items .tcon .ttext .ttit {color:#3352b5; font-weight:700; font-size:28px; line-height:1.2em; margin-bottom:20px;}
.tour-slide .items .tcon .ttext .ttit em {display:block; font-size:20px; line-height:1.2em; }
.tour-slide .items .tcon .ttext .tcopy {line-height:1.42em; color:#666;}


.tour-slide .items.slick-current .tcon .ttext {background:none; padding-left:115px; width:450px; height:450px;}
.tour-slide .items.slick-current .tcon .ttext .ttit {background:#3352b5; color:#fff;  border-radius:30px; padding:10px 20px; display:flex; align-items:center;}
.tour-slide .items.slick-current .tcon .ttext .ttit * {font-size:20px;}
.tour-slide .items.slick-current .tcon .ttext .ttit em {margin-right:10px;}
.tour-slide .items.slick-current .tcon .ttext .tcopy {padding-left:15px;}
.tour-slide .items.slick-current .tcon .thum:after {content:''; display:block; width:100%; height:100px; background:url(/img/portal/main_2025/tour_bg1.png) no-repeat 50% 50%; position:absolute; bottom:-20px; left:0; z-index:1;}
.tour-slide .items.slick-current .tcon .thum a {display:flex; align-items:center; justify-content:center; flex-direction: column; width:162px; height:160px; background: url(/img/portal/main_2025/tour_more.png) no-repeat 50% 50%; position:absolute; bottom:0; right:0; text-align:center; color:#fff; font-size:22px; z-index:2;}
.tour-slide .items.slick-current .tcon .thum a:before {content:''; width:16px; height:20px; background: url(/img/portal/main_2025/tour_ii.png) no-repeat 50% 50%; margin-bottom:10px;}

.tour-slide .items.slick-current .tcon .thum a span {display:block; line-height:1.2em; }
.tour-slide .items.slick-current .tcon .thum a span:nth-of-type(2) {font-size:14px; margin-top:10px; border-top:1px solid rgba(255,255,255,0.2); padding-top:10px;}
.tour-slide .items.slick-current .tcon .thum a span:nth-of-type(2):after {content:'\ea6c'; display:inline-block; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; transform: translateY(-1px);}
.tour-slide .items.slick-current .tcon .thum img{width:448px; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.tour-slide .items.slick-current .tcon .ttext {width:448px;}

.tour-wrap .controll {position:absolute; bottom:50px; left:calc(50% + 120px); display:flex; align-items:center;}
.tour-wrap .controll .progress-bar {background:#ededed; width:100px; height:2px; position:relative; margin:0 20px;}
.tour-wrap .controll .progress-bar span.progress {background:#000; height:100%; position:absolute; top:0; left:0; width:10%;}
.tour-wrap .controll .count {display:flex;}
.tour-wrap .controll .count span {width:40px; height:40px; font-size:14px; display:flex; align-items:center; justify-content: center; position:relative; border-radius:50%; font-weight:700;}
.tour-wrap .controll .count span.current {background:#000; color:#fff;}
.tour-wrap .controll .count span.total:before {content:''; display:block; width:6px; height:6px; background:#dedede; border-radius:50%; margin-right:5px;}
.tour-wrap .controll button:after {content:''; display:inline-block; width:1px; height:15px; background:#dedede; transform: translateY(-6px);}
.tour-wrap .controll button.start-slide:after,
.tour-wrap .controll button.stop-slide:after {display:none;}
.tour-wrap .controll button span {text-indent:-9999px; display:inline-block;}
.tour-wrap .controll button i {font-weight:400; font-size:40px;}

@media (max-width:1280px) {
	#sec3:before {background-size:100%;}
	#sec3 h3 {padding-top:50px;}
	#sec3 h3 img {padding-left:0;}
}
@media (max-width:1024px) {
	.tour-slide .items {width:100%!important;}
	.tour-wrap .controll {bottom:-70px; left:50%; transform: translateX(-50%);}
}
@media (max-width:1024px) {
.tour-slide .items .tcon .ttext {background:none; padding-left:115px; width:450px; height:450px;}
.tour-slide .items .tcon .ttext .ttit {background:#3352b5; color:#fff;  border-radius:30px; padding:10px 20px; display:flex; align-items:center;}
.tour-slide .items .tcon .ttext .ttit * {font-size:20px;}
.tour-slide .items .tcon .ttext .ttit em {margin-right:10px;}
.tour-slide .items .tcon .ttext .tcopy {padding-left:15px;}
.tour-slide .items .tcon .thum:after {content:''; display:block; width:100%; height:100px; background:url(/img/portal/main_2025/tour_bg1.png) no-repeat 50% 50%; position:absolute; bottom:-20px; left:0; z-index:1;}
.tour-slide .items .tcon .thum a {display:flex; align-items:center; justify-content:center; flex-direction: column; width:162px; height:160px; background: url(/img/portal/main_2025/tour_more.png) no-repeat 50% 50%; position:absolute; bottom:0; right:0; text-align:center; color:#fff; font-size:22px; z-index:2;}
.tour-slide .items .tcon .thum a:before {content:''; width:16px; height:20px; background: url(/img/portal/main_2025/tour_ii.png) no-repeat 50% 50%; margin-bottom:10px;}

.tour-slide .items .tcon .thum a span {display:block; line-height:1.2em; }
.tour-slide .items .tcon .thum a span:nth-of-type(2) {font-size:14px; margin-top:10px; border-top:1px solid rgba(255,255,255,0.2); padding-top:10px;}
.tour-slide .items .tcon .thum a span:nth-of-type(2):after {content:'\ea6c'; display:inline-block; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; transform: translateY(-1px);}
.tour-slide .items .tcon .thum img{width:448px; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.tour-slide .items .tcon .ttext {width:448px;}
}
@media (max-width:1024px) {
	.tour-wrap .controll {position:relative; justify-content: center; bottom:0; left:0; transform:translateX(0); margin:20px 0;}
	.tour-wrap .controll .progress-bar {width:60px; }
}

@media (max-width:768px) {
	.tour-wrap {margin-top:-20px;}
	.tour-slide .items {height:auto; padding:10px;}
	.tour-slide .items .tcon { flex-direction: column;}
	.tour-slide .items .tcon .thum {margin:0!important;}
	.tour-slide .items .tcon .ttext {height:auto!important; width:100%!important; margin-left:0!important; padding-left:0!important;}
	.tour-wrap .controll {bottom:0px;}
	.tour-slide .items .tcon .ttext .ttit {justify-content: center!important;}
	.tour-slide .items .tcon .ttext .tcopy {padding-left:0!important; text-align:center;}
	.tour-wrap .controll {position:relative; justify-content: center;}
	.tour-wrap .controll .progress-bar {width:60px; }
}


#sec4 {position:relative; z-index:0; margin:50px 0 0; }
.sec4-wrap {display:flex; flex-wrap:wrap; justify-content: space-between; position:relative;}
.sec4-wrap:before {content:''; display:block; width:1225px; height:209px; background:#ff000020 url(/img/portal/main_2025/sec4bg.png) no-repeat 0 50%; opacity:0.05; position:absolute; top:0; left:430px;}
.sns-left { width:65%; position:relative;}
.sns-left:before {content:''; display:block; width:834px; background:url(/img/portal/main_2025/sec4img03.jpg) no-repeat 0 0; height:345px; border-radius:0 200px 0 200px; position:absolute; top:65px; left:-210px; z-index:-1;}
.sns-left:after {content:''; display:block; width:60%; background:#fff; height:345px; border-radius:250px 0 0 0; position:absolute; top:250px; right:0; z-index:-1;}
.sns-left .snstit {position:relative;}
.sns-left .snstit:before {content:''; display:block; width:159px; height:137px; background:url(/img/portal/main_2025/sec4img01.png) no-repeat 0 0; position:absolute; top:-72px; left:300px;}
.sns-left .snstit p {font-size:18px; font-weight:500; color:#fff; margin-top:25px;}

.sec4-wrap .snsbtn {position:absolute; display:flex; flex-wrap: wrap; justify-content: flex-end;  right:40%; top:200px; z-index:1;}
.sec4-wrap .snsbtn a {width:66px; height:66px; background:#ff000020; margin-left:18px; display:flex; align-items:center; justify-content: center;}
.sec4-wrap .snsbtn a i {font-size:28px; color:#fff; line-height:1em;}
.sec4-wrap .snsbtn a span {text-indent:-9999px;}
.sec4-wrap .snsbtn a.facebook {background:url(/img/portal/main_2025/snsbg.png) no-repeat 50% 50%;}
.sec4-wrap .snsbtn a.blog {border-radius:50%; background:#59b431; font-weight:800;}
.sec4-wrap .snsbtn a.x {border-radius:50%; background:#000;}
.sec4-wrap .snsbtn a.insta {border-radius:50%; background:url(/img/portal/main_2025/snsbg1.png) no-repeat 50% 50%;}
.sec4-wrap .snsbtn a.insta i { font-size:30px;}

.sns-left .snscon {display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:150px;}
.sns-left .snscon > div {width:calc(47% - 50px); background:#fff; border-radius:30px; box-shadow:0 0 20px rgba(0,0,0,0.2); margin-left:50px; position:relative; height: 255px;}
.sns-left .snscon > div:before {content:'\ee66'; border-radius:20px; background:url(/img/portal/main_2025/snsbg1.png) no-repeat 50% 50%; width:50px; height:50px; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; display:block; position:absolute; top:-25px; right:40px; display:flex; align-items:center; justify-content: center; color:#fff; font-size:30px; z-index:2;}
.sns-left .snscon div .thum {border-radius:30px; overflow:hidden; position:absolute; top:-50px; left:-50px; width:50%; height:200px; display:flex; align-items:center; justify-content: center;}
.sns-left .snscon div .scon {padding:50px 10px 10px 45%; }
.sns-left .snscon div .scon .stit {font-size:18px; font-weight:600; line-height:1.4em;}
.sns-left .snscon div .scon .stit:before {content:''; display:block; width:34px; height:22px; background:url(/img/portal/main_2025/bwrite-bg.png)no-repeat 0 0; margin-bottom:15px;}
.sns-left .snscon div .scon .sdate {background:url(/img/portal/main_2025/snsdate.png)no-repeat 0 2px; padding-left:25px; margin-top:20px; color:#666;}
.sns-left .snscon > div:first-child {margin-top:-40px;}

.sns-right { width:calc(35% - 100px); display:flex; align-items:flex-end;}
.sns-right .utube {position:relative; margin-bottom:50px;}
.sns-right .utube:before {content:''; display:block; width:130px; height:130px; background:#e70a03 url(/img/portal/main_2025/utube.png) no-repeat 50% 50%; border-radius:50%; position:absolute; top:-30px; left:-30px; z-index:1;}
.sns-right .utube-wrap {position:relative; border-radius:30px; overflow:hidden; background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); display:block;}
.sns-right .utube-wrap .thum img {width:100%;}
.sns-right .utube-wrap .utubecon {padding:30px;}
.sns-right .utube-wrap .utubecon .tit {font-size:22px; font-weight:600; color:#000; line-height:1.2em;}
.sns-right .utube-wrap .utubecon .copy {font-size:20px; font-weight:400; color:#333; margin-top:20px; line-height: 1.4em; margin-top: 20px; text-overflow: ellipsis; height: 2.8em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


@media (max-width:1280px) {
	#sec4 {margin-bottom:100px;}
	.sns-left:before {  top:65px; left:-10px; z-index:-1;}
	.sns-left:after { width:500px; background:#fff; right:-500px; z-index:-1;}
	.sns-left .snscon {margin-top:50px;}
	.sns-left .snscon > div {width:calc(50% - 20px);   margin-left:0; position:relative; height:auto;}
	.sns-left .snscon > div:first-child {margin-top:0;}
	.sns-left .snscon div .thum {border-radius:30px; overflow:hidden; position:relative; top:0; left:0; width:100%; height:350px;}
	.sns-left .snscon div .thum img {width:100%; min-height:100%;}
	.sns-left .snscon div .scon {padding:30px; }
	.sns-right { width:calc(35% - 40px); }
	.sns-right .utube {position:relative; margin-bottom:0;}
	.sec4-wrap .snsbtn {position:absolute; display:flex; flex-wrap: wrap; justify-content: flex-end;  right:0; top:100px;}
}
@media (max-width:1024px) {
	#sec4 {margin-top:100px;}
	.sns-right .utube:before {width:80px; height:80px; background:#e70a03 url(/img/portal/main_2025/utube.png) no-repeat 50% 50%; background-size:40px 40px; position:absolute; top:-15px; left:-15px; z-index:1; }
}
@media (max-width:860px) {
	.sns-left .snscon {margin-top:140px;}
	.sec4-wrap .snsbtn {position:absolute; display:flex; flex-wrap: wrap; justify-content: flex-end; right:auto; left:0; top:230px;}
	.sns-left h3 img {min-width:484px;}
	.sns-left:after { width:500px; background:#fff; right:-700px; z-index:-1;}
	.sns-left { width:calc(50% - 15px);}
	.sns-left .snscon > div {width:100%;}
	.sns-left .snscon > div:last-child {display:none;}
	.sns-right { width:calc(50% - 15px);}
	.sns-left .snscon > div:before {top:10px; right:10px; left:10px;}
.sns-left .snscon div .thum {height:auto;}
}
@media (max-width:560px) {
	.sns-left .snstit:before {left:auto; right:0;}
	.sns-left h3 img {min-width:100%;}
	.sns-left { width:100%;}
	.sns-right { width:100%; margin-top:30px;}
		.sns-right .utube:before {width:50px; height:50px; background:#e70a03 url(/img/portal/main_2025/utube.png) no-repeat 50% 50%; background-size:30px 30px; position:absolute; top:10px; left:10px; z-index:1; border-radius:20px;}
}