@charset "UTF-8";



@keyframes fadeInUp {
	0% {
	   background-position: 0 250px;

	}
	to {
		background-position: 0px 0px;

	}
}

@keyframes arrHover {
	0% { left: 0 }
	100% { left: 5px; }
}
@keyframes pong {0%{transform:scale(0.8)} 50%{transform:scale(0.5)} 75%{transform:scale(1.1)} 100%{transform:scale(1)}}
@keyframes pong2 {0%{transform:scaleY(0.9) scaleX(0.9);} 50%{transform:scaleY(0.7) scaleX(1);} 75%{transform:scaleY(1) scaleX(0.7);} 100%{transform:scaleY(0.9) scaleX(0.9);}}
@keyframes loading {from {transform:translate(-50%,-50%) rotate(0)} to {transform:translate(-50%,-50%) rotate(365deg)}}
@keyframes move_down {0% {transform:translate(-50%,-20px); opacity: 0;} 50% {opacity: 1;} 100% {transform:translate(-50%,20px); opacity: 0;}}
@keyframes AnimateBorder {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@keyframes AnimateBorder2 {0%{transform: rotate(0);} 50%{transform: rotate(180deg);} 100%{transform: rotate(0);}}
@keyframes beat{to { transform: scale(1.5);}}



/* popup */
#pop-doc{position:fixed;top:0;width:100%;background:rgba(0,0,0,0.7);height: 0;min-width:360px;z-index:9999;visibility: hidden;}
#pop-doc.active{visibility: visible;height: 100%;left: 0;}
#pop-doc .todays{text-align: right;position: absolute;width: 100%;top: -20px;right: -69px;z-index: 5;}
#pop-doc .check{display:inline-block;line-height:25px;vertical-align: middle;margin-right: 25px;position: relative;}
#pop-doc .check label{position:relative;text-shadow:none !important;display:block;padding-left:34px; font-size:16px;letter-spacing:-0.03em; font-weight:300;color:#fff; line-height:25px;}
#pop-doc .check input:focus-visible + label{outline-offset: 1px;outline: -webkit-focus-ring-color auto 1px;outline-color: red;}
#pop-doc .check label:after{width:28px; height:25px; position:absolute; left:0; top:-2px; ; display:block; content:"";background:url(../images/ico/main/ico_popup-chk.png) no-repeat left center; display:block; content:"";}
#pop-doc .check input[type="checkbox"]:checked +  label:after{background:url(../images/ico/main/ico_popup-chko.png) no-repeat left center; }
#pop-doc .check input[type="checkbox"]{position: absolute;appearance: auto;height: 1px;left: 0;top: 0;outline: none!important;width: 1px;}

#pop-doc .is-con .close{width:45px;padding-top:55px; line-height:1.3em; font-size:16px; text-align:center; color:#fff;letter-spacing:-0.03em; background:url(../images/ico/main/ico_popup-close.png) no-repeat center top;display: inline-block;vertical-align: middle;}
#pop-doc .is-con{padding-top:80px; max-width:1188px;width:90%; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
/*#pop-doc .is-con .item{margin:0 -5px;}*/
#pop-doc .is-con .item {margin-right:10px;}
#pop-doc .is-con .item a{display:block;}
#pop-doc .is-con .item img{width:100%;}
#pop-doc .slick-dots{display:none!important;}

#pop-doc .ctrl{position:absolute;top:-20px;box-sizing:border-box;padding:33px 0;width:280px;height:75px;position:Absolute;left:54%;margin-left:-180px;text-align:center;background:#073688;box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);z-index: 9;}
#pop-doc .ctrl a{width:12px;height:40px;display:inline-block;vertical-align:top; position:relative; bottom: 15px; left:-30px;}
#pop-doc .ctrl .count{height:20px; display:inline-block;vertical-align:top; position:relative; padding:0 35px; left:-30px;}
#pop-doc .ctrl .count p{font-size:24px; font-weight:300; color:#fff; line-height:8px;text-align:center;box-sizing:Border-box;}
#pop-doc .ctrl .count p span{font-weight:500; }
#pop-doc .ctrl button{width:42px; height:42px; border:1px solid #fff; position: absolute; right: 20px; bottom:17px;}
#pop-doc .ctrl .pause{background:url(../images/ico/main/ico_popup-stop.png) no-repeat; background-size:contain;}
#pop-doc .ctrl .pause.active{background:url(../images/ico/main/ico_popup-play.png) no-repeat; background-size:contain;}

#pop-doc .ctrl .prev{background:url(../images/ico/main/ico_popup-prev.png) no-repeat left center; background-size:100% auto;}
#pop-doc .ctrl .next{background:url(../images/ico/main/ico_popup-next.png) no-repeat right center; background-size:100% auto;}

@media only screen and (max-width:1640px){
	#pop-doc .check label{font-size:15px;}
	#pop-doc .is-con .close{padding:0;text-indent:-9999em;background-size:100% auto;height: 47px;}
	#pop-doc .todays{right:0;top: -6px;}

	#pop-doc .ctrl{width:250px;margin-left:-160px; padding:34px 0; height:75px; top:-20px;}
	#pop-doc .ctrl .count{padding:0 25px; bottom:1px;}
	#pop-doc .ctrl .count p{font-size:21px;}
	#pop-doc .ctrl a{width:20px; height:25px; bottom:9px;}
	#pop-doc .ctrl button{bottom:19px; width:37px; height:37px;}
}
@media only screen and (max-width:1200px){
	#pop-doc .is-con .close{width:40px;height:40px; top:0;}
	/* #pop-doc .ctrl{width:280px;margin-left:-140px; padding:32px 0; height:68px; top:-10px; top:auto; bottom:auto; position:relative; width:auto; left:auto;; margin-left:0; } */
	#pop-doc .ctrl{width:244px; height:50px; left:55%;}
	#pop-doc .ctrl .count{padding:0 22px; top:-5px;}
	#pop-doc .ctrl .count p{font-size:19px;}
	#pop-doc .ctrl a{width:13px; height:17px;}
	#pop-doc .ctrl button{bottom:19px; width:30px; height:30px;}
}
@media only screen and (max-width:999px){
	#pop-doc .check label{font-size:14px;}
	#pop-doc .ctrl{ padding:20px 0; height:50px; width:208px; left:57%;}

	#pop-doc .is-con{padding-top:50px;}
	#pop-doc .is-con .close{top:-5px; width:30px;height:30px;}
	#pop-doc .ctrl .count{padding:0 20px; top:0;}
	#pop-doc .ctrl .count p{font-size:17px;}
	#pop-doc .ctrl a{bottom:5px;}
	#pop-doc .ctrl button{bottom:12px; width:28px; height:28px;}
}
@media only screen and (max-width:780px){
	#pop-doc .ctrl .count p{font-size:15px;}
	#pop-doc .ctrl{left:155px;}
}
@media only screen and (max-width:580px){
	#pop-doc .is-con{padding-top:40px;}
	#pop-doc .ctrl .count p{font-size:14px;}
	#pop-doc .ctrl{width:160px;}
	#pop-doc .ctrl a{bottom:4px; left:-18px;}
	#pop-doc .ctrl .count{padding: 0 10px; left:-17px; top:1px;}
	#pop-doc .ctrl button{width:25px; height:25px; right:13px;}
	#pop-doc .check label{font-size:12px;padding-left:28px;}
	#pop-doc .check{margin-right:10px;}
	#pop-doc .is-con .close{top:0; width:22px; height:22px;}
}


/* //popup */

/* banner */
.banner-container {position:relative; width:100%; height: 620px; white-space: nowrap; overflow: hidden; background: #000; z-index: 10; }
.banner-container .banner-wrap {display: inline-block; transition: transform .5s cubic-bezier(0.61, 0, 0.49, 0.8); margin-right: -2px; width: 100%; height: 100%; }
.banner-container .banner-wrap .banner { position: relative; width:100%; height: 100%; }
.banner-container .banner-wrap .banner video{position:absolute; width: 100%; height: 100%; object-fit: fill;}

.banner-container .banner-wrap .banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/main/pattern.png) no-repeat center 100%; background-size: cover; opacity: 0.7; z-index: 1;}
.banner-container.banner01-on .banner-wrap { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); }
.banner-container.banner02-on .banner-wrap { transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); }
.banner-container.banner03-on .banner-wrap { transform: translateX(-200%); -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -o-transform: translateX(-200%); }
.banner-container.banner04-on .banner-wrap { transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -moz-transform: translateX(-300%); -o-transform: translateX(-300%); }
.banner-container.banner05-on .banner-wrap { transform: translateX(-400%); -ms-transform: translateX(-400%); -webkit-transform: translateX(-400%); -moz-transform: translateX(-400%); -o-transform: translateX(-400%); }
.banner-container.banner06-on .banner-wrap { transform: translateX(-500%); -ms-transform: translateX(-500%); -webkit-transform: translateX(-500%); -moz-transform: translateX(-500%); -o-transform: translateX(-500%); }
.banner-container.banner07-on .banner-wrap { transform: translateX(-600%); -ms-transform: translateX(-600%); -webkit-transform: translateX(-600%); -moz-transform: translateX(-600%); -o-transform: translateX(-600%); }
.banner-container.banner08-on .banner-wrap { transform: translateX(-700%); -ms-transform: translateX(-700%); -webkit-transform: translateX(-700%); -moz-transform: translateX(-700%); -o-transform: translateX(-700%); }
.banner-container.banner09-on .banner-wrap { transform: translateX(-800%); -ms-transform: translateX(-800%); -webkit-transform: translateX(-800%); -moz-transform: translateX(-800%); -o-transform: translateX(-800%); }
.banner-container.banner10-on .banner-wrap { transform: translateX(-900%); -ms-transform: translateX(-900%); -webkit-transform: translateX(-900%); -moz-transform: translateX(-900%); -o-transform: translateX(-900%); }

.banner-container .banner-wrap .banner-area { height: 100%; margin: 0 auto; position: relative; }
.banner-container .banner-wrap .banner-area img.item { position: absolute; }
.banner-container .banner-wrap .banner-area img.item01 { top: 80px; right: 10%; height: 200px; }
.banner-container .banner-wrap .banner-area img.item02 { top: 50px; right: 40%; width: 104px; height: 137px; }
.banner-container .banner-wrap .banner-area .bn-title { position: absolute; width: 100%; top: calc(50% - -40px); left: 10%; transform: translateY(-50%); z-index: 2}
.banner-container .banner-wrap .banner-area .bn-title h1 { font-weight: 600; font-size: 4rem; color: #fff; line-height: 1.2; }
.banner-container .banner-wrap .banner-area .bn-title h1 .bold { font-weight: 600; display: block; font-size: 5rem; color: #eaca33; }
.banner-container .banner-wrap .banner-area .bn-title p { color: #fff; font-size: 2rem; line-height: 1.5; margin-top: 30px; white-space: normal; word-break: keep-all; width: 100%; display: block; }
.banner-container .banner-wrap .banner-area .bn-title p .und { display: inline-block; position: relative; }
.banner-container .banner-wrap .banner-area .bn-title p .und:after { content: ''; position: absolute; bottom: 1px; left: -3px; width: 105%; height: 8px; background: #1B57B1; border-radius: 10px; z-index: -1}
.banner-container .banner-wrap .banner-area .bn-title a.banner_more { display: inline-block; color: #fff; padding: 10px 15px; border: 1px solid #fff; letter-spacing: 2px; margin-top: 30px; }
.banner-container .banner-wrap .banner-area .bn-title a.banner_more img { width: 42px; height: 7px; margin-left: 15px; position:relative; top:-4px; }
.banner-container .banner-wrap .banner-area .bn-title a.banner_more:hover img { animation: arrHover .5s ease infinite alternate; }

.banner-container ul.dots { position: absolute; bottom: 100px; left: 50%; z-index: 90; width: 1200px; transform: translateX(-50%); }
.banner-container ul.dots li { width: 30px; height: 5px; background: rgba(255,255,255,0.2); display: inline-block; border-radius: 5px; margin-right: 3px; cursor: pointer; transition: background .3s ease; }
.banner-container ul.dots li:hover { background: rgba(255,255,255,.5); }
.banner-container ul.dots li.active { background: #fff; }



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

	.banner-container .banner-wrap .banner-area .bn-title { padding: 0 20px; left: 0;}
	.banner-container .banner-wrap .banner-area .bn-title h1 { font-size: 3.8rem; }
	.banner-container .banner-wrap .banner-area .bn-title h1 .bold { font-size: 4.5rem; }
	.banner-container .banner-wrap .banner-area .bn-title p { font-size: 1.8rem; }
	.banner-container .banner-wrap .banner-area img.item01 { width: 395px; height: 296px; }
	.banner-container .banner-wrap .banner-area .bn-title{padding: 0; top: 50%; left: 50px;}
}
@media all and (max-width: 768px) {
	.banner-container { height: 315px; }
	.banner-container .banner-wrap .banner-area img.item { opacity: .2; }
	.banner-container .banner-wrap .banner-area img.item01 { top: 10px; right: -150px; }
	.banner-container .banner-wrap .banner-area .bn-title { top: calc(50% - 20px); text-align: center; }
	.banner-container .banner-wrap .banner-area .bn-title h1 { font-size: 2.8rem; }
	.banner-container .banner-wrap .banner-area .bn-title h1 .bold { font-size: 3rem; }
	.banner-container .banner-wrap .banner-area .bn-title p { font-size: 1.4rem; margin-top: 20px; }
	.banner-container .banner-wrap .banner-area .bn-title a.banner_more { display: none; }
	.banner-container ul.dots { width: 100%; margin-top: 15px; text-align: center; bottom: 30px; }
}
@media all and (max-width: 500px) {
	.banner-container .banner-wrap .banner-area .bn-title h1 { font-size: 2.2rem; }
	.banner-container .banner-wrap .banner-area .bn-title h1 .bold { font-size: 2.6rem; }
	.banner-container .banner-wrap .banner-area .bn-title p { font-size: 1.4rem; font-weight: lighter; }	
	.banner-container ul.dots { bottom: 15px; }
	.banner-container .banner-wrap .banner-area .bn-title{left: 0; top: 55%;}


}

.mainTitWrap{text-align: center; margin-top: 20px; margin-bottom: 30px;}
h1.tit{font-size: 35px; color: #000000;}

.tabDepth1{height: 269px;}
.tabDepth1 > ul:after{content: ""; display: block; clear: both;}
.tabDepth1 > ul{position: relative;}
.tabDepth1 > ul > li{float: left;}
.tabDepth1 > ul > li:not(:last-child):after{content: ""; display: inline-block; width: 3px; height: 22px; background-color: #bababa; position: absolute; right: 20px; top: 8px; transform: rotate(30deg)}
.head{}
.head:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e6e6e6;}

.head.active{display: block;}
.head.active a:after{left: 0; width: 100%;}
.head.active a strong {color: #1B57B1; font-size: 24px; font-weight: bold;}
.head a{display: block; position: relative; padding: 0 15px 5px;}
.head a:after {content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background-color: #2E63C5; transition: left .3s ease,width .3s ease;}
.head a strong{line-height: 1.6; font-weight: 500; color: rgba(26,26,26,.6); font-size: 24px;}

.sec1{background: #FFFFFF; width: 100%; height:360px; margin-top: 55px; margin-bottom: 30px;}
.sec2{background: #eef3f6; width: 100%; height:100%;}
.sec3{background: #B1B3C3; width: 100%; padding: 65px 0; background-image: url("https://www.transparenttextures.com/patterns/white-diamond.png");}
.sec4{margin: 50px 0;}

/* .tabDepth1 > ul > li > .more.active a:before{transform:rotate(360deg);}
 */
.tabDepth1 > ul > li > .more{position: absolute; display: none; right: 0; top: .5em; z-index: 100; width: 19px; height: 19px;}
.tabDepth1 > ul > li > .more a{display: block; width: 100%; height: 100%;}
.tabDepth1 > ul > li > .more a:before{content: ""; display: block; width: 100%; height: 100%; background-image: url(../images/ico/file/ico_more.png); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(0); transition: transform .3s linear;}
.tabDepth1 > ul > li > .more a span {opacity: 0; position: absolute; left: 0; top: 0; width: 0; height: 0;}
.tabDepth1 > ul > li > .more a:hover{transform:rotate(90deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
 

.tabDepth1 > ul > li > .tabDepth2.active{display: block;}
.tabDepth1 > ul > li > .tabDepth2{position: absolute; display: none; top: 60px; left: 0; float: left; width: 100%;}
.tabDepth1 > ul > li > .tabDepth2 ul li{border-bottom: 1px solid #e0e0e0;}
.tabDepth1 > ul > li > .tabDepth2 ul li:nth-child(n+2){margin-top: 5px;}
.tabDepth1 > ul > li > .tabDepth2 ul li a{display: block; position: relative; line-height: 1.8; padding: 0 90px 0 25px;}
.tabDepth1 > ul > li > .tabDepth2 ul li a:before{content: ""; display: block; position: absolute; left: 10px; top: 12px; border: 2px solid #1B57B1; border-radius: 50%;}
.tabDepth1 > ul > li > .tabDepth2 ul li a strong{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; position: relative;font-weight:400;  max-width: 100%;  padding-right: 10px; vertical-align: top; font-size: 18px; color: #000;}
.tabDepth1 > ul > li > .tabDepth2 ul li a span{position: absolute; right: 0; bottom: 3px; font-size: 16px; color: rgba(26,26,26,.6);}
.more.active{display: block!important;}
/* 공지사항 */
.notice { position :relative; height: 400px;  padding: 40px 0 0; margin: 5% auto 3%;}
.notice:after{content: ''; display: block; clear: both;}
.tit_wrap{position: absolute; left: 0; top: 0; width: 270px; height: 100%; color: #000; background-color: #f4f4f9; width: 453px; padding: 40px 50px; height: 322px; border-radius: 30px 0 0 0;}

.notice .tit_wrap{position: absolute;left:0;top:0;width:495px;height:100%;color:#000; background-image: linear-gradient(120deg, #BEDAEA 0%, #EEF3F6 100%); padding: 40px 50px;height: 400px;border-radius: 80px 30px 30px 30px;}
.notice .tit_wrap p{display:inline-block;padding:10px 0 30px;color: #1B57B1;letter-spacing: 0.5px; font-size: 2.4rem}
.notice .tit_wrap .tit{ font-size: 3.4rem; font-weight: bold; margin-bottom: 30px; display: block;}
.notice .tit_wrap .txt{color: #85858a;}
.notice .tab{left: 330px; top: 30px; position: relative; display: block; width: 200px; height: 50px; color: #444; padding: 0; cursor: pointer;}
.notice .tab li{overflow: hidden; padding: 22px 0 22px 12px; }
.notice .tab li > a{display: block; color: #364954;}
.notice .tab li a.on{background-color: #B7D5E7; display: block; padding: 13px; border-radius: 20px 0; color: #1B57B1; font-weight: 700; transition: 0.5s;}
.notice .notice_box{height: 400px; width: 1040px; top: -70px; left: 210px; position: absolute; display: none; background-image: linear-gradient(120deg, #EEF3F6 0%, #BEDAEA 100%); border-radius: 30px 30px 80px 30px; box-shadow: 0px -4px 4px #e2e2e2;}
.notice .notice_box:after{content: ''; background: url(/images/main/hi_changsu.png) no-repeat; background-size: 150px; position: absolute; top: -150px; right: 32px; width: 150px; height: 150px; z-index: 10;     animation-fill-mode: forwards; animation: fadeInUp 1s;}
.notice .notice_box.on{display: block;}
.notice .notice_box ul{width: 95%; top: 85px; left: 20px; position: relative;}
.notice .notice_box ul li{padding: 10px 0 10px 12px; width: 100%;}
.notice .notice_box ul li a{display: flex; position: relative; line-height: 1.8; padding: 0 90px 0 25px;}
.notice .notice_box ul li a:hover{background: rgba(255,255,255,.6); border-radius: 5px; }
.notice .notice_box ul li a:before{content: ""; display: block; position: absolute; left: 5px; top: 14px; border: 2px solid #1B57B1; border-radius: 50%;}
.notice .notice_box ul li a strong{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; position: relative;font-weight:400;  max-width: 100%;  padding-right: 10px; vertical-align: top; font-size: 1.8rem; color: #364954;}
.notice .notice_box ul li a span.date{position: absolute; right: 0; bottom: 3px; font-size: 16px; color: #364954; opacity: .9;}

.notice .heading1 { display:inline-block; font-size:2rem; text-transform:uppercase; }
.notice .heading1 + h4 { margin-left:1.25rem; }
.notice h4 { position:relative; display:inline-block; line-height:1; }
.notice h4 ~ h4 { margin-left:1.25rem; }
.notice h4 a { position:relative; display:block; font-size:24px; font-family:"SCDream"; font-weight:600; color:#555; line-height:1.2; }
.notice h4 a > span{ display:inline-block; width:100%; white-space:nowrap; overflow:hidden; }
.notice .list_box { display:none; position:absolute; top:110px; left:0; width:100%; height:auto; text-align:left; }
.notice .list_box .box > ul { overflow:hidden; margin:0 -1rem; }
.notice .list_box .box > ul > li{ float:left; width:33.333%; padding: 0 1rem; }
.notice .list_box .box > ul > li > a { position:relative; display:block; padding:1.5rem 0 2rem;}
.notice .list_box .box > ul > li .date {position:absolute; left:0; bottom:0; display:block; color:#888; font-size:14px; font-family:"SCDream"; }
.notice .list_box .box > ul > li .type_lst { position:absolute; overflow:hidden; top:0; left:0;  }
.notice .list_box .box > ul > li .type_lst > li { float:left; }
.notice .list_box .box > ul > li .type_lst > li + li { margin-left:.25rem; }
.notice .list_box .box > ul > li .type_lst > li > em {display:block; width:60px; height:30px; color:#fff;text-align:center; line-height:30px; font-weight:500; font-size:12px; border-radius:25px; }
.notice .list_box .box > ul > li .type_lst > li > em.type1 {background:#4c78d7;}
.notice .list_box .box > ul > li .type_lst > li > em.type2 {background:#00a0a8;}
.notice .list_box .box > ul > li .type_lst > li > em.type3 {background:#525c6e;}
.notice .list_box .box > ul > li .type_lst > li > em.type5 {background:#d76b11;}
.notice .list_box .box > ul > li .type_lst > li > em.type6 {background:#6f089f;}

.notice .list_box .box > ul > li .lnk_tit { display:block; margin-top:18px; font-size:18px; font-weight:600; color:#000; overflow:hidden; font-family:"SCDream"; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; }
.notice .list_box .box > ul > li .lnk_txt { display:block; height:50px; margin-top:10px; font-size:16px; font-weight:400; color:#666; overflow:hidden; line-height:1.5; text-overflow: ellipsis;    -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.notice .list_box .btn_more{ position: absolute; top: -70px; width: 20px; height: 20px; right: 15px; border: 1px solid #dbdbdb; padding: 20px; }
.notice .list_box .btn_more span{background: url(/images/2019/main/notice_more.png) no-repeat center center;     width: 24px; height: 24px; position: relative; display: block; top: -11px; left: -11px;}
.notice .list_box .btn_more span:hover{transform:rotate(360deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

.notice .list_box.on { display:block; }
.notice h4 a.current { color:#000; font-weight:700; }
.notice h4 a.current:before{content: ""; position: absolute; display: block; bottom: 8px; left: 50%; transform: translateX(-50%); width: 100%; height: 15px; background-color: rgba( 65, 154, 226, .4) }


.notice .list_box .box > ul > li > a:hover > strong,
.notice .list_box .box > ul > li > a:focus > strong { text-decoration:underline; }

/* 공지사항 스크롤 */
.tt-box {position:relative; float:left; width:277px; padding-top:23px;}
.tt-box h3{font-size: 3.4rem; font-family: 'GmarketSansMedium'; color: #000;}
.tt-box p {font-size:16px; line-height:1.6; margin-top:10px; color:#555; white-space:pre-line; word-break: keep-all;}
/*
.noti-slider {width: 100%; height: 500px; position: relative; overflow: hidden; float:left; width:calc(100% - 277px);  height: 360px;}
.noti-slider > div {height: 35rem; margin-right:30px; border: 1px solid #e9e9e9; border-radius:8px;position: relative; transition: .3s ease-in-out;margin-bottom: 10px; border-radius: 0 2rem;}
.noti-slider > div:hover {box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
.noti-slider > div::before {content: ""; background: url(/images/main/simbol_gray.png) no-repeat; background-size: 100px 100px; display: block; position: absolute; bottom: 20px; right: 0px; opacity: .5; width: 110px; height: 100px;}
.noti-slider > div a {padding:2.429em 2.106em 0; display: block; width: 100%; height: 100%; text-decoration: none;}
.noti-slider > div a strong {-webkit-line-clamp: 2; margin-bottom: 24px; font-weight: 500; font-size: 2rem; color: #000; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word;}
.noti-slider > div a .info {position: absolute;bottom: 1.5rem;left: 2rem; font-size: 1.4rem; font-weight: 300;}
.noti-slider > div a em {padding-top:24px; border-top:1px dashed #c9c9c9; font-size:15px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; font-style:normal; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;     height: 9.8rem; font-weight: 300; line-height: 1.7; color: #000;}
*/
.noti-slider {width: 100%; height: 500px; position: relative; overflow: hidden; float:left; width:calc(100% - 277px);  height: 360px;}
.noti-slider .swiper-slide{height: 35rem; margin-right:30px; border: 1px solid #e9e9e9; border-radius:8px;position: relative; transition: .3s ease-in-out;margin-bottom: 10px; border-radius: 0 2rem;}
.noti-slider .swiper-slidehover {box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
.noti-slider .swiper-slide::before {content: ""; background: url(/images/main/simbol_gray.png) no-repeat; background-size: 100px 100px; display: block; position: absolute; bottom: 20px; right: 0px; opacity: .5; width: 110px; height: 100px;}
.noti-slider .swiper-slide a {padding:2.429em 2.106em 0; display: block; width: 100%; height: 100%; text-decoration: none;}
.noti-slider .swiper-slide a strong {-webkit-line-clamp: 2; margin-bottom: 24px; font-weight: 500; font-size: 1.8rem; color: #000; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word;}
.noti-slider .swiper-slide a .info {position: absolute;bottom: 1.5rem;left: 2rem; font-size: 1.4rem; font-weight: 300;}
.noti-slider .swiper-slide a em {padding-top:24px; border-top:1px dashed #c9c9c9; font-size:15px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; font-style:normal; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;     height: 15rem; font-weight: 300; line-height: 1.7; color: #000;}

.bt-more {position:absolute; top:10.625em; left:0; color: #d8002a; font-weight:500; font-size: 1rem; text-transform:uppercase;background: #ffdede;padding: 2px 10px;border-radius: 50px; cursor: pointer;}
.bt-more i {vertical-align:middle; font-size: 13px;position: relative;top: -1px;}
.bo-control {position:relative; top: 100px; left: 0;}
.bo-control button {display:inline-block; vertical-align:middle; width:36px; height:36px; margin:0 1px; border:1px solid #eee; background-color:#fff; color:#000; overflow:hidden;}
.bo-control button i {padding:0 10px; line-height:1.2;}
.bo-control .bt-next i {padding:0 5px;}
button[class$="pause"], button[class$="play"],button[class$="pause2"], button[class$="play2"] {line-height:0;}
button[class$="pause"] i, button[class$="play"] i, button[class$="pause2"] i, button[class$="play2"] i { display:inline-block; width:24px; height:24px; position:relative;}
button[class$="pause"] i:before, button[class$="pause"] i:after, button[class$="pause2"] i:before, button[class$="pause2"] i:after  {content:''; display:block; height:19px; width:2px; background:currentColor; position:absolute; top:2px; left:8px;}
button[class$="pause"] i:after, button[class$="pause2"] i:after {left:14px;}
button[class$="play"] i:before, button[class$="play2"] i:before {content:''; width:0; height:0; display:block; border:10px transparent solid; border-right-width:0; border-left-color:currentColor; position:absolute; top:2px; left:8px;}







/*퀵메뉴 */
.quick-lnk {float:left; width:calc(100% - 277px);height: 100%;position: relative; display: flex; transition:transform .5s; }
.quick-lnk li {width: calc((100% - 277px)/3);     flex-wrap: wrap;}
.quick-lnk li img {margin: auto 0}
.quick-lnk li:hover img {transform: translateY(-8px); transition: all 0.3s ease;}
.quick-lnk li a {width:100%; height:100%; display: flex;flex-direction: column;justify-content: center;align-items: center;  padding: 45px; color: #000; font-weight: 300;}
.quick-lnk li:nth-child(2n-1) {background-color: #fff;border-top: 1px solid #ebf2f8; border-radius: 0 2rem;}
.quick-lnk li i {display:block; width:5em; height:5em; background-size:contain;transition: .3s ease-in-out;}
.quick-lnk li span {display:block; width:100%; text-align:center;padding-top: 10px; font-size: 1.4rem;}
.quick-lnk li:nth-child(1) i {background:url("../img/ico_quick01.png") no-repeat;background-position: center;margin-left: 5px;}
.quick-lnk li:nth-child(2) i {background:url("../img/ico_quick02.png") no-repeat;background-position: center;margin-left: 5px;}
.quick-lnk li:nth-child(3) i {background:url("../img/ico_quick03.png") no-repeat;background-position-y: center;margin-left: 13px;}
.quick-lnk li:nth-child(4) i {background:url("../img/ico_quick04.png") no-repeat;background-position: center;margin-left: 5px;}
.quick-lnk li:nth-child(5) i {background:url("../img/ico_quick05.png") no-repeat;background-position: center;margin-right: 3px;}
.quick-lnk li:nth-child(6) i {background:url("../img/ico_quick06.png") no-repeat;background-position: center;margin-left: 5px;}
.quick-lnk li:last-child img{width: 90px;}

/*메인페이지 갤러리*/





.gallery-slider{width: 100%; position: relative; overflow: hidden; float:left;  float:left; width:calc(100% - 277px);}
.gallery-slider li {width:300px;  margin-right:30px; position: relative;transition:all .3s ease;}
.gallery-slider li a div {padding: 15px 10px; background: #53596E; border-radius: 0 0 0 2rem;}
.gallery-slider li a .photo {/* max-width: 100%; */height: 210px !important;position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;  border-radius: 0 2rem 0 0;}
.gallery-slider li a .photo:before{content:'';background: url("../img/logo_footer.png") center no-repeat,#1E2640;width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;z-index: -1;opacity: .5;}
.gallery-slider li a .photo img {transition:transform .5s;max-width: none;/* background-position: center; *//* background-repeat: no-repeat; *//* background-size:cover; */height: 100%;width: 100vw;}
.gallery-slider li a:hover .photo img{transform:scale(1.2); transition: transform .5s;}
.gallery-slider li a strong {font-weight: 500; font-size: 1.6rem; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word; -webkit-line-clamp:1;color: #fff;}
.gallery-slider li a .info {display:block; padding-top: 16px; color: #fff;font-size: 12px;}
.bt-more {position:relative; top:25px; left:0; color: #d8002a; font-weight:500; font-size: 1.6rem; text-transform:uppercase;background: #ffdede;padding: 2px 10px;border-radius: 50px;}
.bt-more i {vertical-align:middle; font-size: 13px;position: relative;top: -1px;}
.bt-more:hover{background:#9ad0ff;}

/* .bo-wrap.gall .gall-slider { margin-top:20px;} */
/* .bo-wrap.gall .gall-slider .slick-list {margin-left:-960px;}
.bo-wrap.gall .gall-slider .slick-track {align-items:flex-end; padding:20px 0;} */
.bo-wrap.gall .gall-slider li { }
.bo-wrap.gall .gall-slider li a {}




/*갤러리형식*/
.main_photo_list{}
.main_photo_list ul li{float: left; border: none!important; padding: 0!important; width: 240px; height: 260px; margin-right: 19px;}
.main_photo_list ul li a{padding: inherit!important;}
.main_photo_list ul li a:before{content: none!important;}
.main_photo_list ul li a span{display: block!important; position: relative!important;}
.main_photo_list ul li a p{display: block!important; position: relative!important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_photo_list ul li img{width: 100%; height: 210px; transition: all 0.3s ease;}
.main_photo_list ul li img:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);}
/* 주요일정 */
.inner_calendar ul li{display: block; position: relative; line-height: 1.8; padding: 0 90px 0 25px;}
.inner_calendar ul li a:before {content: ""; display: block; position: absolute; left: 10px; top: 12px; border: 2px solid #E4E4E4; border-radius: 50%;}
.inner_calendar ul li a strong{position: absolute;}
.inner_calendar ul li a span{position: relative; font-size: 16px; color: rgba(26,26,26,.6); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; padding:0px 20px 0 125px;}
/* //주요일정*/

/* SNS */
.post_list{}
.post_list li{float: left; width: 280px; height: 100%; margin-right: 25px;}
.post_list li a{display: block;}
.post_list li a span{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; line-height: 1.4; margin-top: 1.2em; font-weight: 400; font-size: 1.6em; color: #000; }
.post_list li a img{width: 100%; transition: all 0.3s ease;}
.post_list li a img:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);}
/* //SNS */

.more_btn{text-align: center;}
.more_btn a{color: #fff;margin: 0 auto;display: inline-block; background:#1B57B1; border: 1px solid #fff;border-radius: 30px;text-align: center;padding: 10px;width: 165px;}
.more_btn a:after{content:"";display:inline-block;width:32px;height:8px;margin-left: 14px;background: url(/images/cmmn/btn_right_arrw.png);position: relative;top: -4px;left: 0;transition: all 0.3s ease;}
.more_btn a:hover::after{transition: all 0.3s ease;left: 5px;}

/*입주 안내*/
.moveIn{width: 100%; position: relative; }
.moveIn:after{position : absolute; content:''; left:0; top:0; width :100%; height : 10rem; background: #eef4ff; z-index: -1;}
.moveIn .inn{padding: 2rem 0 0;}
.moveIn .inn h3{margin-bottom:3rem; font-size: 4rem; color: #000;}
.moveIn .inn .inn_txt{text-align: center; color: #000;}
.moveIn .inn .inn_txt p{font-size: 1.6rem; word-break: keep-all;}
.moveIn .res_list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background: #fff; padding: 7rem 0 3rem; border-radius:30px; margin-top: -4.5rem; font-size: 1.6rem; box-shadow: 0px -4px 4px #e2e2e2;}
.moveIn .res_list:after{content: ''; background: url(/images/main/yaho_changsu.png) no-repeat; background-size: 150px; position: absolute;top: 18px; left: 60%; transform: translate(0, -50%); width: 150px; height: 150px; z-index: 10;}
.moveIn .res_list li{position: relative; width: 18%; text-align: center; padding: 5rem 0; transition: all .3s; border-radius: 30px; box-shadow: 1px 1px 30px 10px rgba(0,0,0,0.05); margin: 0 1rem;}
.moveIn .res_list .res_gap{display: block; width : 1px; height : 4rem; background: #a1a1a1; -webkit-transition: all .3s; transition: all .3s; z-index: 0;}
.moveIn .res_list .res_gap:last-of-type{display: none;}
.moveIn .res_list li:nth-of-type(5):after{background: none;}
.moveIn .res_list li a{display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-image: linear-gradient(330deg, #BEDAEA 0%, #EEF3F6 100%); border-radius: 30px; transform: translate(-50%, -50%);}
.moveIn .res_list li a img{width: 5rem; transform: translateX(-.7rem);}
.moveIn .res_list li:nth-of-type(2) a img{transform: translateX(-.9rem);} 
.moveIn .res_list li:nth-of-type(5) a img{transform: translateX(-.5rem);} 
.moveIn .res_list li a p{padding-top: .7rem; -webkit-transition: all .3s; transition: all .3s; font-size: 1.6rem; line-height: 90px; color: #000; font-weight: 700;}
.moveIn .res_list li:hover{box-shadow:0px 8px 15px rgba(0,0,0,0.2); z-index: 10; margin-top: -10px; box-shadow: 20px 20px 10px 1px rgba(0,0,0,0.2); }
.moveIn .res_list li:hover a{width: 98%; height: 96%;}
.moveIn .res_list li:hover a p{color: #006bd5; }
.moveIn .res_list li:hover .gra-bg:before{opacity: 1;}
/*지원 내용*/
.sup{padding: 5px;}
.sup .inn{display: flex; justify-content: space-between; align-items: flex-end;}
.sup .inn h3{margin-bottom:4rem; font-size:4rem; color: #000;}
.sup .inn .sup_img{position: relative; }
.sup .inn .sup_img img{width: 100%;}
.sup .inn .sup_txt{position: relative;width: 58%; padding-right: 1.5rem;}
.sup .inn .sup_txt .inn_txt{position: relative; text-align: left; padding-left: 0%; margin-bottom: 9rem;}
.sup .inn .sup_txt .inn_txt p{word-break: keep-all; font-size: 2rem;}
.sup .inn .sup_txt .sup_list{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sup .inn .sup_txt .sup_list li{width: 31%; text-align: center; padding: 1rem .5rem; border: 1px solid #d4d4d4;}
.sup .inn .sup_txt .sup_list li:nth-of-type(1),
.sup .inn .sup_txt .sup_list li:nth-of-type(2),
.sup .inn .sup_txt .sup_list li:nth-of-type(3){margin-bottom: 1rem;}
.sup .inn .sup_txt .sup_list li p{padding-top: .6rem; font-weight: 400;}
.sup .inn .sup_img:after{position : absolute; content:''; left:-.5rem; bottom:-.5rem; width : 4rem; height : .5rem; background: #1B57B1;}
.sup .inn .sup_img:before{position : absolute; content:''; left:-.5rem; bottom:-.5rem; width : .5rem; height : 4rem; background: #1B57B1;}
.sup.on .inn .sup_txt .inn_txt:after{position : absolute; content:''; left:calc(100% - 6rem); top:1rem; height : .5rem; background: #1B57B1; animation: fst .2s .5s forwards;}
.sup.on .inn .sup_txt:after{position : absolute; content:''; right: 0; top: 1rem; width : .5rem; background: #4269ca; animation: scd .8s .7s forwards;}
.sup.on .inn .sup_txt .sup_list:after{position : absolute; content:''; right:-1.5rem; bottom:-0.5rem; height : .5rem; background: #4269ca; animation: trd .2s 1.5s forwards;}

.gra-bg {position: absolute; top:0;left:0;width:100%;height: 100%;border-radius: 30px;z-index: 0; overflow: hidden; opacity: 1; transition: all 0.3s ease-in-out;}
.gra-bg:before {content: ""; position: absolute; top: calc(50% - 300px); left: calc(50% - 300px); width: 600px;height: 600px; border-radius: 50%;background-image: linear-gradient(45deg, #C2E9FB 0%, #ACCAE8 47%, #9FAAD1 58%,#998AB4 67%, #946990 77%,#894A66 100%);animation: AnimateBorder2 3s ease infinite; opacity: 0;transition: all 0.3s ease-in-out;}
	
@keyframes fst {
 0% {
     width: 0rem;
  }
 100% {
    width: 7rem;
  }
}
@keyframes scd {
 0% {
     height : 0;
  }
 100% {
    height : calc(100% + .5rem);
  }
}
@keyframes trd {
 0% {
     width: 0rem;
  }
 100% {
    width : 5rem;
  }
}

/*관련 사이트*/
.sites{position:relative;}
.sites .btn_mcfc{display:inline-block;width:62px;height:60px;background-repeat:no-repeat;background-position:0 0;position:absolute;top:16px; z-index: 99;}
.sites .btn_mcfc.mcf_prev{top:0; left:0;background-image:url("/images/main/btn_sitemap_prev.png");}
.sites .btn_mcfc.mcf_next{top:0; right:0;background-image:url("/images/main/btn_sitemap_next.png");}
.sites .related_sites li{float: left; width: 16.66%; text-align: center;}
.sites .related_sites li img{max-width: 150px; height: 40px; margin: 10px 0;}


.quickBox {position:fixed;left: -400px;top: 0;width: 400px;height:100vh; background:#FFFFFF; border-right: 10px solid #034ea2; -webkit-transition:left 0.5s;transition:left 0.5s;z-index: 998;background-size: cover; background: #034ea2; padding: 20px;}
.quickBox:after{content: ""; display: block; width: 105px; height: 556px; background: url(/images/main/quick_bg.png)no-repeat 50% 50%; left: 100%; position: absolute; z-index: -1; top: 0; top: 50%; transform: translateY(-50%);}
.quickBox .controlBtn {position:absolute;top: 50%;right: -82px;transform: translateY(-53%);padding-right:0.4rem;text-align:right;line-height: 70px; color: #FFFFFF; writing-mode: vertical-lr; letter-spacing: 0.8rem; cursor: pointer;}
.quickBox .controlBtn:before {content:''; position:relative; background:url(/images/main/down.png)no-repeat 50% 50%; width: 31px; height: 30px; top: -15px; left: 3px; display: inline-block;}
.quickBox.close {left: 0; display:inline-block!important; /* padding: 200px 0; */z-index: 9999;}
.quickBox ul li a{position: relative; border: 1px solid #e2e2e2; text-align: left; padding: 10px 20px; margin: 10px 10px; display: block; color: #FFFFFF; font-size: 1.4rem; width: 100%;}
.quickBox .title{color: #FFFFFF; text-align: center; top: 50px; position: relative;}
.quickBox .btnBox{top:200px;  position: absolute;}
@media screen and (max-width: 1280px) {
	   .quick-lnk li a{ padding: 20px;}
}
@media screen and (max-width: 1110px) {
	   .quick-lnk li span{width: 100%; font-size: 1.2rem;}
}
@media screen and (max-width: 980px) {
	.sec1, .sec2, .sec3{padding: 0 10px;}
    
     .sec1{margin-top: 40px;margin-bottom: 60px;height: 350px;}
/*      .sec2{height: 340px;} */
     .sec3{height: 380px;}
     	/* 퀵메뉴 */
	.quick-lnk{width: 100%; flex-wrap: wrap; }
	.quick-lnk li{width: 20%; float: left;}
	.quick-lnk li span{width: 100%; font-size: 1rem;}
	.quick-lnk li a{padding: 10px;}
	.quick-lnk li a img{width: 50%;}

	.quick-lnk li{ flex:0 0 calc(100% / 3); }
 	 .quick-lnk li:last-child img{width: 70px;}

}
@media screen and (max-width: 640px) {
	.sec1, .sec2, .sec3{padding: 0 10px;}
      .sec1{margin-top: 40px; margin-bottom: 110px;  height: 420px;}
/*      .sec2{height: 270px;} */
     .sec3{height: 560px;}
	/*공지사항*/
	.tt-box h3{font-size: 3rem;}
	.tt-box{padding:1rem 1rem 3.5rem;  float: none; width: 100%; display: block;}
	.tt-box p{padding-top:.5em;font-size:.9rem;}
	.bt-more, .bo-wrap.gall .bt-more {top:21px !important;;right:20px !important;left:auto;}
	.noti-slider, .gallery-slider{width:100%;}
	 	 .quick-lnk li:last-child img{width: 45px;}

	
	
	.label{margin-top: 0px!important;}
	.subWrap{overflow: hidden;}
	.more{top: -70px!important; right: -10px!important; background: transparent!important; text-indent: -100000px; padding: 0!important; display: block; width: 60px; height: 50px; z-index: 10;}
	.more:after{background: url(../images/ico/file/ico_more.png) no-repeat!important;}
	
	.notice{padding-top: 0;}
	.notice .tit_wrap{display: none;}
	.notice .tab{left: 0; top:0; width: 100%;}
	.notice .tab li{float: left;}
	.notice .tab li a{padding: 10px 15px; font-size: 1rem;}
	.notice .tab li a.on{border-radius: 10px 0; padding: 10px 15px;}
	.notice .notice_box{left: 0; top: 85px; padding: 0 20px; width: 100vw; height: 280px; overflow: initial; border-radius: 20px;}
	.notice .notice_box ul{top: 30px; left: 0;}
	.notice .notice_box ul li{width: 90vw; padding: 10px 10px 10px 12px;}
	.notice .notice_box ul li a{padding: 0 75px 0 25px;}
	.notice .notice_box ul li a strong{font-size: 1.4rem;}
	.notice .notice_box ul li a span.date{font-size: 1.2rem;}
	.notice .notice_box:after{display: none;}
	
	
	.more > a{padding: 0!important; width: 60px; height: 50px; position: relative; z-index: 10;}
	.moveIn .res_list:after{display: none;}
	
	
	.quickBox:after{display: none;}
	.quickBox .controlBtn{display: none;}
	/*입주안내*/
	.moveIn .inn .inn_txt p{width: calc(100%);  padding: 1.5rem 1rem 0;}
	.moveIn .res_list{flex-wrap: wrap; width: 100%; justify-content: flex-start; margin-top: -7.5rem;}
	.moveIn .res_list li{width: 46%; float: left; margin: 1rem;}
	.moveIn .res_list li:nth-child(1),
	.moveIn .res_list li:nth-child(2){margin-bottom: 0;}
	.moveIn .res_list li:nth-child(2),
	.moveIn .res_list li:nth-child(4){margin-left: 0;}
	.moveIn .res_list .res_gap:nth-of-type(even){display: none;}
	.moveIn .res_list .res_gap:last-of-type{display: block;}
	.moveIn .inn h3{font-size: 2.4rem}

	/*지원내용*/
	.sup .inn{display: block}
	.sup .inn h3{padding-top: 70px; font-size: 2.6rem;}
	.sup .inn .sup_txt .inn_txt p{font-size: 2rem; font-size: 1.4rem;}
	.sup .inn .sup_img{width: 100%;}
	.sup .inn .sup_txt{width: 100%; margin-top: 2rem; padding-right: 1rem;}
	.sup .inn .sup_txt .inn_txt:after{width: 7%;}
	.sup .inn .sup_txt .sup_list li{width: 49%; margin-bottom: 1rem;}
	.sup .inn .sup_txt .sup_list li:nth-of-type(5),
	.sup .inn .sup_txt .sup_list li:nth-of-type(6){margin-bottom: 0;}
	.sup .inn .sup_txt .sup_list:after{right:-0.5rem!important;}
	.sup .inn .sup_txt .inn_txt{margin-bottom: 2rem;}
	
}

@media screen and (max-width: 480px) {
	/* container : board : notice */
	.tt-box, .bo-wrap.quick .tt-box, .bo-wrap.gall .tt-box {display:block;}
	.tt-box p, .bo-wrap.quick .tt-box p, .bo-wrap.gall .tt-box p {margin:.5em 0 0 0;}
	.bt-more, .bo-wrap.gall .bt-more {top: 0; right: 0;font-size: .9rem;left: initial; position: absolute;}
	.gall-slider li {/* height: 260px; */}
	.bo-control {top:15px;}

	

	
}