@charset "UTF-8";

.mainSection {display:block; position:relative; padding-left:1em; padding-right:1em;}
.mainSection + .mainSection {padding-top:4em;}
.mainSection .inner:after {content:""; display:block; clear:both;}

/********************************
 section01:비쥬얼 및 사업소개
 *******************************/
.mainVisualWrap {overflow:hidden; display:block; position:relative;  margin-top:0; padding: 2.7em 0 12.8em; background:linear-gradient(0deg, rgba(235,247,255,1) 0%, rgba(235,247,255,1) 50%, rgba(235,247,255,0) 50%, rgba(235,247,255,0) 100%); border-radius:0 0 12.5em; }
.mainVisualWrap:before {content:""; display:block; position:absolute; top:0; bottom:0; right:0; left:50%; margin-left:-37.9em; border-radius:12.5em 0 0 0; background:#EBF7FF; z-index:-2;}

.mainBusiness {display:block; position:relative;}
.mainBusiness:after {content:""; display:block; position:absolute; bottom:0; left:50%; margin-left:540px; width:243px; height:200px; background:url(../../images/web/main/img_character.png) no-repeat 50% 50%; background-size:contain; z-index:1;}
.mainBusiness h3 {display:block; position:absolute; top:5em; left:50%; margin-left:-750px; color:#fff; z-index:1;}
.mainBusiness h3 > * {display:block; line-height:1.4;}
.mainBusiness h3 span {font-family: 'Score'; font-size:4.0rem; font-weight:600; text-shadow:5px 10px 15px rgba(11,7,7,.5);}

.mainBusiness .control {display:flex; position:absolute; bottom:36px; left:50%; margin-left:-750px; z-index:3;}
.mainBusiness .control button {display:block; position:relative; width:4.375em; height:4.375em; border-radius:100%; text-indent:-999px; overflow:hidden; background:rgba(255,255,255,.75);}
.mainBusiness .control button:before {content:""; display:block; position:absolute; top:50%; left:50%; margin:-1.2em 0 0 -1.2em; width:2.4em; height:2.4em; background:url(../../images/web/main/spr_controls.svg) no-repeat 0 -2.4em; background-size:auto 12em;}
.mainBusiness .control button:focus,
.mainBusiness .control button:hover {background:#fff;}
.mainBusiness .control button:focus:before,
.mainBusiness .control button:hover:before {background-position-y:-2.4em;}
.mainBusiness .control button.prev:before {background-position-x:0;}
.mainBusiness .control button.next:before {background-position-x:-2.4em;}
.mainBusiness .control button.play {display:none;}
.mainBusiness .control button.play:before {background-position-x:-9.4em;}
.mainBusiness .control button.stop:before {background-position-x:-7.2em;}
.mainBusiness .control button + button {margin-left:.75em;}

.mainBusiness .slider {position:relative; z-index:0;}
.mainBusiness .business-item {display:block; position:relative; height:658px;}
.mainBusiness .business-item .visual {display:block; position:absolute; top:0; left:0; right:50%; bottom:0; margin-right:-538px; border-radius:0 300px 0 0; background:no-repeat 50% 50%; background-size:cover;}
.mainBusiness .business-item .visual .video {position:absolute; height:658px; top:0; left:0; right:0;}
.mainBusiness .business-item .visual .video video {position:absolute;top:0; right:0; height: 100%; object-fit: cover; border-radius:0 300px 0 0;}
.mainBusiness .business-item[data-title="vis0"] .visual {background-image:url(../../images/web/main/img_vis_00.jpg);}
.mainBusiness .business-item[data-title="vis1"] .visual {background-image:url(../../images/web/main/img_vis_01.jpg);}
.mainBusiness .business-item[data-title="vis2"] .visual {background-image:url(../../images/web/main/img_vis_02.jpg);}
.mainBusiness .business-item[data-title="vis3"] .visual {background-image:url(../../images/web/main/img_vis_03.jpg);}
.mainBusiness .business-item[data-title="vis4"] .visual {background-image:url(../../images/web/main/img_vis_04.jpg);}
.mainBusiness .business-item[data-title="vis5"] .visual {background-image:url(../../images/web/main/img_vis_05.jpg);}
.mainBusiness .business-item[data-title="vis6"] .visual {background-image:url(../../images/web/main/img_vis_06.jpg);}

.mainBusiness .business-item .detail {display:block; position:absolute; top:50%; left:50%; margin-left:150px; margin-top:20px; width: 602px; min-height:462px; padding:50px 68px; color:#fff; border-radius:80px 80px 80px 10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2; background:#0a459d;  box-shadow:-.5em .5em 2.5em 0 rgba(0,0,0,.2);}
.mainBusiness .business-item .detail h4 {display:inline-block; position:relative; margin-bottom:.5em; padding-top:.4em; font-size:4.0rem;  font-family: 'Score'; font-weight: 600;  color:#fff; letter-spacing:-0.2rem;}
.mainBusiness .business-item .detail .txt {display:block; position:relative; font-size:1.8rem; font-family: 'Score'; font-weight: 400; line-height:2.8rem; min-height:120px; margin-bottom:1.655em;}

.mainBusiness .business-item .detail a {display:inline-block; position:relative; border-radius:30px; border:1px solid #fff; padding: 12px 30px; width: 6em; color:#fff; overflow:hidden; text-decoration: none;}
.mainBusiness .business-item .detail a:after {content:""; display:block; position:absolute; top:50%; right:1em; margin-top:-.6em; width:1.5em; height:1.2em; background:url(../../images/web/main/spr_controls.svg) no-repeat -0.2em -5.7em; background-size:auto 7em; transform: rotate(180deg);}
.mainBusiness .business-item .detail a:before {content: ''; position: absolute; display: block; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 100%; background:#fff; z-index: -1; transition: width 150ms ease-in-out;}
.mainBusiness .business-item .detail a span {display:block; font-size:1.8rem; font-family: 'Pretendard'; font-weight: 600;}
.mainBusiness .business-item .detail a:hover span {color:#0069B6;}
.mainBusiness .business-item .detail a:hover:before {width:100%;}
.mainBusiness .business-item .detail a:hover:after {background-position:-0.2em -4.3em;}


@media all and (max-width:1540px) {
	.mainBusiness:after {right:-2em; left:auto; margin-left:-1.25em;}
	.mainBusiness h3 {left:1em; margin-left:0;}
	.mainBusiness .goto-tour {margin-right:0; right:6.65em;}
	.mainBusiness .control {left:1em; margin-left:0;}
	.mainBusiness .business-item .detail {right:1em; left:auto; margin-left:0;}	
}
@media all and (min-width:1025px) {
	.mainBusiness .business-item .detail {margin-top:1em; /*opacity:0;*/ transition:.3s all; -webkit-transition:.3s all;}
	.mainBusiness .swiper-slide-active .business-item .detail {opacity:1; margin-top:0;}
}
@media all and (max-width:1024px) {
	.mainVisualWrap {padding: 2.7em 0 2.8em; border-radius: 0;}
	
	.mainBusiness:after,.mainBusiness:before {display:none;}	
	.mainBusiness h3 {top:2.4375em;}
	.mainBusiness h3 span {font-size:2.5rem; margin-bottom:.667em; display:inline-block; line-height: 1.1em;}
	.mainBusiness h3 span:nth-child(3) {display:block; font-size:3.8rem;}
		
	.mainBusiness .control {top: 9.125em; right: 2em; left: inherit; z-index:1;}
	.mainBusiness .control button {width:3.1875em; height:3.1875em;}
	.mainBusiness .control button + button {margin-left:.4375em;}
	.mainBusiness .swiper-slide {padding-bottom:1em;}
	.mainBusiness .business-item {height:24.5625em; background:#EBF7FF;}
	.mainBusiness .business-item .visual {right:0; margin-right:0; border-radius:0; bottom:2.75em;}
	.mainBusiness .business-item .visual .video video {height:100%; border-radius:0;}
	.mainBusiness .business-item .detail {top:auto; left:1em; right:1em; bottom:1.02675em; min-height:0; width:auto; height:13.5em; padding:1.875em; transform:none; -webkit-transform:none; border-radius:1.25em 4.375em 1.25em 1.25em;  box-shadow:-.5em -.5em 2.5em 0 rgba(0,0,0,.2);}
	.mainBusiness .business-item .detail h4 {padding-top: 0; margin-bottom:.4375em; font-size: 3.3rem;}
	.mainBusiness .business-item .detail h4 span {margin-left:.5em;}
	.mainBusiness .business-item .detail .txt {font-size:1.6rem; line-height:1.4; display:-webkit-box; min-height:0; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: calc(2.1em * 2); margin-bottom:0;}
	.mainBusiness .business-item .detail a {margin-top:1.25em; width:7.3125em; padding:.5em 1em;}
	.mainBusiness .business-item .detail a span {font-size:1.6rem;}
	.mainBusiness .business-item .detail a:after {right:.5em;}
}

@media all and (max-width:500px) {	
	.mainBusiness h3 {top:1.4375em;}
	.mainBusiness h3 span:nth-child(3) {display:block; font-size:2.8rem;}
}	

@media all and (max-width:480px) {
	.mainBusiness .business-item .detail h4 {padding-top: 0; margin-bottom:.4375em; font-size: 2.6rem; line-height: 1.4;}
	.mainBusiness .business-item .detail .txt {font-size:1.4rem;}
	.mainBusiness .business-item .detail a span {font-size:1.4rem;}
	
	.mainBusiness .business-item .visual {bottom:322px;}
	.mainBusiness .business-item .visual .video {position:absolute; height:168px; top:0; left:0; right:0;}
	
}

/*********************************************
	Section 02 : 퀵메뉴 및 팝업존 + 게시판
*********************************************/
.mainServiceWrap {position:relative; margin-top:-256px;}
.mainServiceWrap > .inner {display:flex; flex-wrap:wrap; justify-content:space-between;}

@media all and (max-width:1024px) {	
	.mainServiceWrap {padding-top: 2.5em !important; margin-top: 0;}
	.mainServiceWrap > .inner {display:block; position:relative;}
}

/** 자주찾는 서비스 */
.mainService {display:block; position:relative; width:calc(100% - 36em); padding-top:3.5em; z-index:0;}
.mainService:before {content:""; display:block; position:absolute; top:0; left:-13.4345em; right:-6.19em; height:25.14em; border-radius:12.5em; background:#fff; z-index:-1;}
.mainService:after {content:""; display:block; position:absolute; top:-3.5em; right:-4em; width:7.5em; height:10em; background:url(../img/main/img_service_acc.svg) no-repeat;}
.mainService h3 strong {font-family: 'SBAggro'; font-size:3.2rem; font-weight:500; line-height:1.2; color:#151515;}
.mainService h3 {margin-bottom:2.25em;}
.mainService h3 em {color:#009DA5; }
.mainService h3 span {color:#3d3d3d; font-size:1.8rem; font-family: 'Pretendard'; display:block;}

.mainService .control button {position:absolute; top:50%; margin-top:-.75em; width:2.4em; height:2.4em; text-indent:-999px; overflow:hidden; background:no-repeat 50% 50%; background-size:contain;}
.mainService .control button:before {content:""; display:block; position:absolute; top:50%; left:50%; margin:-1.2em 0 0 -1.2em; width:2.4em; height:2.4em; background:url(../../images/web/main/spr_controls.svg) no-repeat 0 -2.4em; background-size:auto 12em;}
.mainService .control button.prev {left:-3.25em;}
.mainService .control button.next {right:-3.25em;} 
.mainService .control button.prev:before {background-position-x:0;}
.mainService .control button.next:before {background-position-x:-2.4em;}

.mainService .swiper-slide {width:auto;}
.mainService .slider {display:block; position:relative;}
.mainService .slider ul li {margin-right:35px;}
.mainService .slider a {display:block; position:relative; min-width:5em; text-align:center; text-decoration: none;}
.mainService .slider a strong {font-family: 'Pretendard'; font-size:1.8rem; font-weight: 500; color:#151515;}

.mainService .slider a i {display:block; position:relative; width:3.75em; height:3.75em; border-radius:1.25em; margin:0 auto 1em; background:#F2FCFD;}
.mainService .slider a i:before {content:""; display:block; position:absolute; width:2.25em; height:2.25em; top:50%; left:50%; margin:-1.125em 0 0 -1.125em; background: url(../../images/web/main/favelink_icon.png)no-repeat 0 0;}
.mainService .slider a i.ty2:before {background-position-x:-2.25em;}
.mainService .slider a i.ty3:before {background-position-x:-4.5em;}
.mainService .slider a i.ty4:before {background-position-x:-6.75em;}
.mainService .slider a i.ty5:before {background-position-x:-9em;}
.mainService .slider a i.ty6:before {background-position-x:-11.25em;}

@media all and (max-width:1580px) {
	.mainService .control button.prev {left:-2em;}
	.mainService .control button.next {right:-2em;}	
}
@media all and (max-width:1500px) {
	.mainService {width: calc(100% - 30em);}
	.mainService .control button.prev {left:0em;}
	.mainService .control button.next {right:0em;}	
	.mainService .slider {padding:0 2em;}
}

@media all and (max-width:1024px) {
	.mainService {padding-top:0; width:auto;}
	.mainService:before, .mainService:after, .mainServiceWrap:before {display:none;}
	.mainService h3 {margin-bottom:1.25em;}
	.mainService h3 span {display:block; margin-left:0 !important; margin-top:.5em;}
	
	.mainService .control button {background-size:1.875em auto; height:5.625em; margin-top:-2.8125em; width:1.875em;}
	.mainService .control button.prev {left:-.5em;}
	.mainService .control button.next {right:-.5em;}
	.mainService .slider {padding:0 1.25em;}
	.mainService .slider a strong {font-size:.875em;}
	.mainService .slider a i {margin-bottom:.9375em;}
}

@media all and (max-width:1024px) and (min-width:771px) {
	.mainService {margin-right:23em;}
	
}

@media all and (max-width:770px) {
	.mainService .slider a {min-width:6.25em;}
	
}

/** 팝업존 */
.mainPopup {display:block; position:relative; width:27em;}
.mainPopup .slider {display:block; position:relative; border-radius:1.5em 1.5em 1.5em 3.5em; overflow:hidden; background:#fafafa; z-index:0;}
.mainPopup .slider .swiper-slide {display:block; position:relative;}
.mainPopup .slider .swiper-slide:before {content:""; display:block; position:relative; padding-top:55.188%;}
.mainPopup .slider .swiper-slide a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.mainPopup .slider .swiper-slide img {display:block; position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.action-keyboard .mainPopup.fix-scroll {border-radius:0; overflow:visible;}
.action-keyboard .mainPopup.fix-scroll .swiper-wrapper li a {position:absolute !important; top:3px; left:3px; right:3px; bottom:3px; border-radius:1.25em; overflow:hidden;}
.mainPopup .popup-slide-view .popup .list li:before {padding-top:55.188%;}

.mainPopup .control {display:flex; flex-wrap:nowrap; align-items:center; justify-content:end; position:absolute; background:#4E5D73; right:0; bottom:0; width:12.8em; height:2.7em; padding:0 1.75em 0 1.75em; border-radius:1.5em 0 1.5em 1.5em;}
.mainPopup .control .pagerBox {display:block; position:relative; width:4.5em; height:1.35em; margin-right:1em;}
.mainPopup .control .pagerBox:before {content:""; display:block; position:absolute; width:.85em; height:2px; left:50%; left:50%; top:50%; margin-left:-.35em; background:#E1E1E1;}
.mainPopup .control .pagerBox .pager {display:flex; width:100%; height:100%;  align-items:center; justify-content:space-between;}
.mainPopup .control .pagerBox .pager > * {display:block; font-family:"Montserrat"; font-weight:600; color:#fff;}
.mainPopup .control .pagerBox .ani-progress-bar {display:block; position:absolute; top:50%; left:2em; right:2em; border-radius:9em; background:#DDDDDD; height:2px; margin-top:-1px;}
.mainPopup .control .pagerBox .ani-progress-bar .bar {background:#333333;}
.mainPopup .control button {display:block; position:relative; width:1.35em; height:1.35em; text-indent:-999px; overflow:hidden; background:url(../../images/web/main/spr_controls.svg) no-repeat 0 -2.7em; background-size:auto 7em;}
.mainPopup .control button + button {margin-left:.5em;}
.mainPopup .control button.prev {background-position-x:0;}
.mainPopup .control button.next {background-position-x:-1.35em;}
.mainPopup .control button.play {background-position-x:-5.5em; display:none;}
.mainPopup .control button.stop {background-position-x:-4.2em;}

#popupzoneDiv div { margin-bottom: -.2em;}

@media all and (max-width:1024px) and (min-width:771px) {
	.mainPopup {position:absolute; top:0; right:0; width:21em;}
	.mainPopup .control {bottom: -30px;}
}
@media all and (max-width:770px) {
	.mainPopup {max-width:100%; margin:2.5em auto 0;}
	.mainPopup .control {bottom: -30px;}
}

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

/** FIRA 소식 */
.mainNews {display:block; position:relative;  width:32.5em; margin-top:5.5em;}
.mainNews h3 strong {font-family: 'SBAggro'; font-size:3.2rem; font-weight:500; line-height:1.2; color:#151515;}
.mainNews h3 {margin:20px 0 30px;}
.mainNews h3 em {color:#00a65e; }

.Newslist {display: flex; overflow: hidden; padding-top:0px; box-sizing: border-box;}
.Newslist li {float:left; width: 50%;margin-right: 50px;}
.Newslist li + li + li  {display:none;}
.Newslist li:nth-child(2) {margin-right: 0;}
.Newslist li > .news_item {display: inline-block; margin-top:0px; vertical-align: text-top; }
.Newslist .news_item .thumbnail {overflow: hidden; display:flex; max-width:300px; max-height:196px; border-radius:15px; transition-duration: 0.5s;}
.Newslist .news_item .item_area {display:block;}
.Newslist .news_item .item_area .thumbnail img {display:block; width:100%; min-height: 196px; margin:auto; object-fit:cover; object-position:center; transform:scale(1.0); transition:transform .5s;}

.Newslist .news_item .item_area:hover .thumbnail img {transform:scale(1.1); transition: transform .5s;}
.Newslist .news_item .item_area .title {margin-top:20px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; font-size:1.7rem; font-family: 'Pretendard'; color: #151515; letter-spacing: -1px; line-height:24px; font-weight: 400;}

.mainNews .more {display:block; position:absolute; top:1em; right:0; width:2.5em; height:2.5em; border-radius:100%;  text-indent:-999px; overflow:hidden; background:#4e5d73;}
.mainNews .more:before {content:"";display:block;position:absolute;top:50%;left:50%;margin: -.5em 0 0 -.5em;width: 1.0em;height: 1.0em; background: url(../../images/web/main/spr_controls.svg) no-repeat -3.5em -3.5em;background-size: auto 8em;}

@media all and (max-width:1280px) {
	.mainNews {width:100%; }
	.Newslist li {float:left; width: 25%;}
	.Newslist li + li + li {display:block;}
	.Newslist li:nth-child(2) {margin-right: 50px;}
	.Newslist li:nth-child(4) {margin-right: 0px;}
}

@media all and (max-width:1024px) {	
	.Newslist li {float:left;width: 33.33%;}	
	.Newslist li + li + li + li {display:none;}	
	.Newslist li:nth-child(3) {margin-right: 0px;}
	.mainNews .more {top: -.2em;}
}

@media all and (max-width:640px) {	
	.Newslist li {float:left;width: 50%;}	
	.Newslist li + li + li  {display:none;}
	.Newslist li:nth-child(2) {margin-right: 0;}
}

@media all and (max-width:480px) {	
	.Newslist li {float:left;width: 100%;}	
	.Newslist li + li  {display:none;}
	.Newslist li {margin-right: 0;}
	
	.Newslist .news_item .thumbnail {width: 100%;max-width: none;max-height: none;}
}

/** FIRA 게시판 */
.mainBoard {display:block; position:relative;  width:calc(100% - 37em); margin-top:5.5em; margin-left:80px;}
.Board_inbox {position:relative; border:1px solid #ddd; border-radius:1em; padding-bottom:30px;}
.Board_inbox:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:67px; border-bottom:1px solid #ddd;}

.Board_list {position:relative;margin-right:68px;z-index:1;}
.Board_list:after {content:''; display:block; visibility:hidden; clear:both;}
.Board_list .tit {display:block;position:absolute;top:0;width:20%; line-height:68px; font-size:1.8rem;  font-family: 'Score'; color:#262626; font-weight:500; text-align:center; border-left:1px solid #ddd;}
.Board_list li:first-child .tit {border-left:none;}
.Board_list .tit.tit01 {left:0; border-radius:1.1em 0 0 0;}
.Board_list .tit.tit02 {left:20%;}
.Board_list .tit.tit03 {left:40%;}
.Board_list .tit.tit04 {left:60%;}
.Board_list .tit.tit05 {left:80%;}
.Board_list .tit span {display:inline-block;}

.Board_list .tit:hover span,
.Board_list .tit:active span,
.Board_list .tit:focus span {color:#007a99; text-decoration:underline; font-weight:600;}
.Board_list .tit.on span {color:#007a99; font-weight:600;}
.Board_list .tit.on {background-color:#fff;}

.Board_list .list_box .btn_more {display:inline-block; position:absolute; right:-68px; top:0; width:67px; height:67px; border-left:1px solid #ddd;}
.Board_list .list_box .btn_more:before {content:''; position:absolute; top:50%; left:50%; margin: -1em 0 0 -1em; width: 2em; height: 2em; background: url(../../images/web/main/spr_controls.svg) no-repeat -4em -2em; background-size: auto 10em;}

.Board_list .list_box {padding: 68px 20px 0px; margin-right: -68px;}
.Board_list .list_box .list {display:block; position:relative;}
.Board_list .list_box .list li {display:block; position:relative;}
.Board_list .list_box .list li + li {margin-top:.5em;}

.Board_list .list_box .list li a {display:block; position:relative; padding-right:5.5em; padding-left:.85em;}
.Board_list .list_box .list li .subj {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.7rem; font-family: 'Pretendard'; color:#33383D; line-height:1.55em; font-weight:500; padding-left:.9em;}
.Board_list .list_box .list li .subj:before {content:""; display:block; position:absolute; width:6px; height:6px; left:0; top:.75em; margin-top:-3px; background:#BBBBBB; border-radius:100%;}
.Board_list .list_box .list li .desc {display:none;}
.Board_list .list_box .list li .date {display:block; position:absolute; padding-left:1.25em; right:0; top:50%; background:url(../img/main/ico_date.svg) no-repeat top 50% left 0; background-size:.8em auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.Board_list .list_box .list li .date > * {display:block;position:relative; font-size:1.6rem; color:#555; float:left; height:1.7em; line-height:1.7em; font-family:'Montserrat'; font-weight:500;}
.Board_list .list_box .list li .date i {display:inline-block; position:relative; text-indent:-999px; overflow:hidden; width:.3em; line-height:1em;}
.Board_list .list_box .list li .date i:before {content:"."; display:block; position:absolute; left:0; bottom:0; right:0; text-indent:0; text-align:center;}
.Board_list .list_box .list li .date .d i {position:absolute; width:0; height:0;}

.Board_list .list_box .list .n_new {position:relative; display:inline-block; width:25px; margin-right:10px; text-indent:-9999px;}
.Board_list .list_box .list .n_new:before {content:''; display:block; position:absolute; left:0; top:2px; width:25px; height:25px; background:url(../../images/web/main/new_icon.png) no-repeat;}

@media all and (max-width:3600px) and (min-width:480px) {
	.Board_list .list_box .list li:first-child {margin-bottom:1.25em;}
	.Board_list .list_box .list li:first-child a {padding: 1.5em 2.4em 1em 8em; border-bottom:1px dashed #DFDFDF; min-height: 5em;}
	.Board_list .list_box .list li:first-child a:before {display:none;}
	.Board_list .list_box .list li:first-child .date {padding: 3em 0 0; right:auto; left:20px; text-align:center; width: 6em; height: 5.5em; background: #f5f7fa; border-radius: 20px;}
	.Board_list .list_box .list li:first-child .date > * {display:inline-block; vertical-align:middle; float:none; }
	.Board_list .list_box .list li:first-child .date .d {display:block; position:absolute; top:20px; left:0; right:0; font-size:4.0rem; font-weight:800; line-height:1; color:#000;}
	.Board_list .list_box .list li:first-child .date .m i {position:absolute; width:0; height:0;}
	.Board_list .list_box .list li:first-child .subj {font-size:2.0rem;  font-family: 'Score'; margin-bottom:.5em; padding-left:0;}
	.Board_list .list_box .list li:first-child .subj:before {display:none;}
	.Board_list .list_box .list li:first-child .desc {display:block; font-family: 'Pretendard'; font-size:1.7rem; color:#444; line-height:1.4em; height:2.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.Board_list .list_box .list li.no-data {padding:3.1em; border-radius:1em; border:1px dashed #DFDFDF; min-height:11.15em; text-align:center; margin:0;}
	.Board_list .list_box .list li.no-data > * {display:block; position:absolute; top:50%; left:1em; right:1em; top:50%; color:#555; transform:translateY(-50%); -webkit-transform:trabslateY(-50%);}
}

@media all and (max-width:1280px) {
	.mainBoard {width:100%; margin-left:0; }
}

@media all and (max-width:640px) {
	.Board_list .list_box {padding-top:130px;}
	.Board_inbox:before {border-bottom:0;}
	.Board_list .tit {width:30%; font-size:1.6rem; line-height: 40px; border:1px solid #ddd; border-radius:50px;}
	.Board_list .tit span {padding:5px;}
	.Board_list .tit.tit01 {top:14px; left: 3%; border-radius:20px; border-left: 1px solid #ddd !important;}
	.Board_list .tit.tit02 {top:14px; left:35%;}
	.Board_list .tit.tit03 {top:14px; left:67%;}
	.Board_list .tit.tit04 {top:70px; left:3%;}
	.Board_list .tit.tit05 {top:70px; left:35%;}
	.Board_list .list_box .btn_more {border-left:none;}
	
	.Board_list .tit.on {background-color: #007a99; color:#fff;}
	.Board_list .tit.on span {color:#fff;}
}

@media all and (max-width:480px) {
	.Board_list .list_box {padding-top: 150px;}
}

/*********************************************
	Section 03 : 홍보영역
*********************************************/
.mainSNSWrap {position:relative; margin-bottom:5em; }
.mainSNSWrap > .inner {display:flex; flex-wrap:wrap; justify-content: start;}
.mainSNSWrap > .inner > div {margin-right:2.134%;}
.mainSNSWrap > .inner > div:last-child {margin-right:0;}

.mainSNS {position:relative; width:29.334%; border-radius:30px; border:1px solid #ddd; padding: 2.5em 2em; overflow: hidden; min-height:380px;}
.mainSNS:before {content:''; display:block; position:absolute; top:0px; right:0; width:474px; height:380px; background:url(../../images/web/main/SNSBg.png) no-repeat; z-index:-1;}
.mainSNS h3 {margin-bottom:50px;}
.mainSNS h3 span {font-family: 'SBAggro'; font-size:3.0rem; font-weight:500; line-height:1.2; color:#151515;}
.mainSNS h3 > * {display:block; line-height:1.4;}
.mainSNS h3 .cr1 {color:#08821b; }
.mainSNS h3 .cr2 {color:#2787ca; }
.mainSNS .links {display:flex;justify-content: start;align-items:center;}
.mainSNS .links li + li {margin-left:.5em;}
.mainSNS .links a {display:block; position:relative; text-indent:-999px; width:3.15em; height:3.15em; background:url(../../images/web/main/spr_sns.png) no-repeat 0 50%; overflow:hidden; border-radius:100%; transition:.3s margin; -webkit-transition:.3s margin;}
.mainSNS .links a.blog {left:0px; bottom:20px; background-position-x:0;}
.mainSNS .links a.facebook {left:-10px; bottom:-50px; background-position-x:-3.65em;}
.mainSNS .links a.instagram {left:-20px; bottom:20px; background-position-x:-7.3em;}
.mainSNS .links a.youtube {left:-20px; bottom:-50px; background-position-x:-10.95em;}


.mainMedia {position:relative; width:23.067%; border-radius:30px; padding: 3em 2em; background-color:#235ea5; z-index:1; overflow:hidden;}
.mainMedia:before  {content:'';display:block; position:absolute; bottom: 0px; right:0; width:214px; height: 380px; background: url(../../images/web/main/MediaBg.png) no-repeat; border-bottom-right-radius:30px; z-index:-1;}
.mainMedia h3 {font-family: 'SBAggro'; font-size:3.0rem; font-weight:500; line-height:1.2; color:#fff; margin-bottom:30px;}

.mainMedia a {display:inline-block; position:relative; border-radius:15px; border:1px solid #fff; margin-left:0px; padding: 14px 15px; width: 7em; color:#fff; overflow:hidden; text-decoration: none;}
.mainMedia a:after {content:""; display:block; position:absolute; top:50%; right:1em; margin-top:-.6em; width:1.5em; height:1.2em; background:url(../../images/web/main/spr_controls.svg) no-repeat -0.2em -5.7em; background-size:auto 7em; transform: rotate(180deg);}
.mainMedia a:before {content:""; position: absolute; display: block; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 100%; background:#fff; z-index: -1; transition: width 150ms ease-in-out;}
.mainMedia a span {display:block; font-size:1.8rem; font-family: 'Pretendard'; font-weight: 600;}
.mainMedia a:hover span {color:#0069B6;}
.mainMedia a:hover:before {width:100%;}
.mainMedia a:hover:after {background-position:-0.2em -4.3em;}

.mainHongbo {overflow:hidden; position:relative; width:43.334%; border-radius:30px; padding:2.2em 2em 2em; background-color:#3fa6db; z-index:1;}
.mainHongbo:before {content:'';display:block; position:absolute; bottom:0; left:0; width: 220px; height: 260px; background: url(../../images/web/main/HongboBg01.png) no-repeat; no-repeat; border-bottom-left-radius:30px; z-index:-1;}
.mainHongbo:after {content:''; display:block; position:absolute; bottom:0; right:0; width: 390px; height: 372px; background: url(../../images/web/main/HongboBg02.png) no-repeat; no-repeat; border-bottom-right-radius:30px; z-index:-1;}
.mainHongbo .tg1 {float:left; width:16.5em;}
.mainHongbo .tg1 h3 {font-family: 'SBAggro'; font-size:3.0rem; font-weight:500; line-height:1.2; color:#fff; margin-bottom:26px;}
.mainHongbo .tg1 .t1 {font-size:1.8rem;  font-family: 'Score'; line-height:1.4; color:#fff; margin:10px 0 46px; font-weight:500}

.mainHongbo .tg1 a {display:inline-block; position:relative; border-radius:30px; border:1px solid #fff; padding: 15px 30px; width: 8em; color:#fff; overflow:hidden; text-decoration: none;}
.mainHongbo .tg1 a:after {content:""; display:block; position:absolute; top:50%; right:1em; margin-top:-.6em; width:1.5em; height:1.2em; background:url(../../images/web/main/spr_controls.svg) no-repeat -0.2em -5.7em; background-size:auto 7em; transform: rotate(180deg);}
.mainHongbo .tg1 a:before {content:""; position: absolute; display: block; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 100%; background:#fff; z-index: -1; transition: width 150ms ease-in-out;}
.mainHongbo .tg1 a span {display:block; font-size:1.8rem; font-family: 'Pretendard'; font-weight: 600;}
.mainHongbo .tg1 a:hover span {color:#0069B6;}
.mainHongbo .tg1 a:hover:before {width:100%;}
.mainHongbo .tg1 a:hover:after {background-position:-0.2em -4.3em;}

.mainHongbo .f1 {float:right;width:235px;height:296px;border-radius:1em 1em 1em 0;box-sizing:border-box;background:#fff;box-shadow:10px 10px 20px rgba(0,0,0,.1);overflow: hidden;}

@media all and (max-width:1540px) {
	.mainSNS {width:48.866%;}
	.mainMedia {width:49%; }
	.mainHongbo {width:100%;}
	.mainSNSWrap > .inner > div + div {margin-right:0;}
	.mainSNSWrap > .inner > div {margin-bottom:30px;}
}

@media all and (max-width:1024px) {
	.mainSNSWrap {padding-top:2.5em !important;}
	.mainSNSWrap > .inner {display:block; position:relative;}
	.mainSNS {width:100%;}
	.mainMedia {width:100%; }
	.mainSNSWrap > .inner > div {margin-right:0;}
}

@media all and (max-width:420px) {
	.mainSNS {padding: 2.5em 1em; min-height:340px;}
	.mainSNS:before {top:0px; right:-30px; width: 300px; height: 241px; background-size: 90%;}
	.mainSNS h3 {margin-bottom: 20px;}
	.mainSNS h3 span {font-size:2.7rem;}
	.mainSNS .links a.blog {left:0px; bottom: 0px; }
	.mainSNS .links a.facebook {left:-10px; bottom:-50px;}
	.mainSNS .links a.instagram {left: -20px; bottom: 0px;}
	.mainSNS .links a.youtube {left:-20px; bottom:-50px;}
	
	.mainMedia h3 {font-size:2.7rem;}
	.mainMedia:before  {bottom: -30px; right: -17px; width: 169px; height: 300px; background-size: 90%;}
	
	.mainHongbo {padding:2em 1em; text-align: center; }
	.mainHongbo .tg1 h3 {font-size:2.7rem; margin-bottom:16px;}
	.mainHongbo .tg1 {float: none; width: 100%;}
	.mainHongbo .tg1 .t1 {font-size:1.6rem; margin:10px 0 26px;}
	.mainHongbo .tg1 a {margin-left:0; padding: 16px 50px 16px 16px;}
	.mainHongbo .f1 {float: initial; display: inline-block;}
}

/* layer popup */
#pop {
    background-color:#111;
    color:#fff;
    position:absolute;
    top:113px;
    left:10%;
    text-align:center;
    z-index:99999;
    padding-bottom:40px;
    z-index: 300;
}
#pop .close {
    background-color:#111;
    color:#fff;
    padding:3px;
}
#pop .close img {
    display:block;
}
#pop .close span#check {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:-117px;
}
#pop .close span#check input[type=checkbox] {
    margin-right:5px;
}
#pop .close span#close {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:60px;
  font-weight:600;
}

#pop2 {
    background-color:#111;
    color:#fff;
    position:absolute;
    top:113px;
    left: calc(10% + 605px);
    text-align:center;
    z-index:99999;
    padding-bottom:40px;
    z-index: 200;
}
#pop2 .close2 {
    background-color:#111;
    color:#fff;
    padding:3px;
}
#pop2 .close2 img {
    display:block;
}
#pop2 .close2 span#check {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:-117px;
}
#pop2 .close2 span#check input[type=checkbox] {
    margin-right:5px;
}
#pop2 .close2 span#close2 {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:60px;
  font-weight:600;
}

#pop3 {
    background-color:#111;
    color:#fff;
    position:absolute;
    top:113px;
    left: calc(10% + 800px);
    text-align:center;
    z-index:99999;
    padding-bottom:40px;
    z-index: 100;
}
#pop3 .close3 {
    background-color:#111;
    color:#fff;
    padding:3px;
}
#pop3 .close3 img {
    display:block;
}
#pop3 .close3 span#check {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:-117px;
}
#pop3 .close3 span#check input[type=checkbox] {
    margin-right:5px;
}
#pop3 .close3 span#close3 {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:60px;
  font-weight:600;
}

#pop3 .pop3-btn1 {
    position: absolute;
    top: 49%;
    right: 5%;
}

#pop3 .pop3-btn2 {
    position: absolute;
    top: 62%;
    right: 5%;
}

#pop3 .pop3-btn3 {
    position: absolute;
    top: 78%;
    right: 5%;
}

#pop4 {
    background-color:#111;
    color:#fff;
    position:absolute;
    top:113px;
    left: calc(10% + 1000px);
    text-align:center;
    z-index: 99;
    padding-bottom:40px;
}
#pop4 .close4 {
    background-color:#111;
    color:#fff;
    padding:3px;
}
#pop4 .close4 img {
    display:block;
}
#pop4 .close4 span#check {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:-117px;
}
#pop4 .close4 span#check input[type=checkbox] {
    margin-right:5px;
}
#pop4 .close4 span#close4 {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:60px;
  font-weight:600;
}

#pop4 .pop4-btn1 {
    position: absolute;
    top: 49%;
    right: 5%;
}

#pop4 .pop4-btn2 {
    position: absolute;
    top: 62%;
    right: 5%;
}

#pop4 .pop4-btn3 {
    position: absolute;
    top: 78%;
    right: 5%;
}

#pop5 {
    background-color:#111;
    color:#fff;
    position:absolute;
    top:113px;
    left: 10%;
    text-align:center;
    z-index:99999;
    padding-bottom:40px;
}
#pop5 .close5 {
    background-color:#111;
    color:#fff;
    padding:3px;
}
#pop5 .close5 img {
    display:block;
}
#pop5 .close5 span#check {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:-117px;
}
#pop5 .close5 span#check input[type=checkbox] {
    margin-right:5px;
}
#pop5 .close5 span#close5 {
  display:inline-block;
  position:absolute;
  bottom:12px; left:50%;
  margin-left:60px;
  font-weight:600;
}

#pop5 .pop5-btn1 {
    position: absolute;
    top: 49%;
    right: 5%;
}

#pop5 .pop5-btn2 {
    position: absolute;
    top: 62%;
    right: 5%;
}

#pop5 .pop5-btn3 {
    position: absolute;
    top: 78%;
    right: 5%;
}
@media screen and (max-width:760px) {
  #pop {
      max-width:90%;
      left:5%;
      margin-left:0;
  }
  #pop img {
     max-width:100%;
  }
  #pop .close2 img {
    width:100%;
  }
  
  #pop2 {
      top:450px;
      width:90%;
      left:5%;
      margin-left:0;
  }
  #pop2 .close2 img {
    width:100%;
  }
  
  #pop3 {
      top:650px;
      width:90%;
      left:5%;
      margin-left:0;
  }
  #pop3 .close3 img {
    width:100%;
  }

  #pop4 {
	top:850px;
	width:90%;
	left:5%;
	margin-left:0;
}
#pop4 .close4 img {
  width:100%;
}
  
  
  #pop5 {
      top:1050px;
      width:90%;
      left:5%;
      margin-left:0;
  }
  #pop5 .close5 img {
    width:100%;
  }
  
   

}