@charset "utf-8";
@import url("reset.css");
 
.container01{position: relative;margin: 0 auto;max-width:1300px;}
/* .container01 > div{margin: 0 auto;position: relative;} */
.container01 > div{width:69.15384615384615%;} 

/* width: 401px; */
/* .scheduleposition{position: absolute;top: 0;left: 0;width:1300px;margin: 0 auto;} */
/* .scheduleposition > div.bbb{} */
.scheduleWrap{overflow: hidden;height: 475px;padding: 30px;background-color: rgba(24,122,197,.8);color: #fff; width: 30.84615384615385%;position: absolute;right: 0;top: 0;}
.schedulewrap .slogan > a{display: block;margin-top: 23px;}
.scheduleWrap .slogan {    text-align: center;    border-bottom: 1px solid #45aed7;    padding-bottom: 30px;    margin-bottom: 20px;}
.scheduleList{height: 317px;overflow-y: scroll;padding-right:20px}
.scheduleList ul{padding-top: 17px;}
.scheduleList li{position: relative;padding-left: 70px;padding-bottom: 35px;}
.scheduleList li span{color: #d8e8f0;display: block;}
.scheduleList li span.date{font-size: 13px;position: absolute;top: 0;left: 0;line-height: 1.6;}
.scheduleList li span.date strong{font-size:40px;color: #00fff0;display: block;line-height: 0.9;}
.scheduleList li .title{font-size: 18px;line-height: 1.3;height: 2.6;word-break:break-all;overflow: hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.scheduleList li .title + span{margin-top: 10px;}
.scheduleList li:last-child{padding-bottom: 120px;}

.scheduleList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 15px;border-radius: 16px;}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1 !important;}
.scheduleList .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(104,175,229,1);opacity: 1 !important;}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#72a8d2}

/* width: 889px; */
.container01 .sliderWrap{max-width: 1300px;margin: 0 auto;}
.container01 .sliderWrap .bx-wrapper {box-shadow: none;border: none;background: none;}
.container01 .sliderWrap .bx-wrapper {position: relative;margin-bottom: 0;padding: 0;}
.container01 .sliderWrap .bx-wrapper .bx-pager.bx-default-pager a.active{background: transparent url(../images/main/mainVisualBtn.png) right 0 no-repeat;width: 44px;height: 15px;transition: all .5s ease;}
.container01 .sliderWrap .bx-wrapper .bx-pager.bx-default-pager a {background: transparent url(../images/main/mainVisualBtn.png) 0 0 no-repeat;text-indent: -9999px;display: block;width: 14px;height: 15px;margin: 0 5px 0 0;outline: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.container01 .sliderWrap .bx-wrapper .bx-pager, .container01 .sliderWrap .bx-wrapper .bx-controls-auto{bottom: 40px;}
.container01 .sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width: auto;right: 35px;padding-right: 32px;}
.container01 .sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: inline-block;width: auto;right: auto;right: 35px;z-index:1;}
.container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-stop{display: block;text-indent: -9999px;width: 10px;height: 16px;outline: 0;background: url(../images/main/controls.png) 0 0 no-repeat;margin: 0 3px;}
.container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-stop:hover, .container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-stop.active, .container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: 0 0;}
.container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 16px;outline: 0;background: url(../images/main/controls.png) -18px 0 no-repeat;margin: 0 3px;}
.container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-start:hover, .container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-start.active, .container01 .sliderWrap .bx-wrapper .bx-controls-auto .bx-start:focus{background-position: -18px 0;}
.container01 .sliderWrap .bx-wrapper .bx-controls-direction a {position: absolute;margin-top: -30px;bottom: 40px;right: 35px;outline: 0;width: 60px;height: 60px;text-indent: -9999px;z-index: 5;}
.container01 .sliderWrap .bx-wrapper .bx-prev {left: 34px;right:110px;background: url(../images/main/sliderArrow.png) no-repeat 0 0;}
.container01 .sliderWrap .bx-wrapper .bx-next {right: auto;background: url(../images/main/sliderArrow.png) no-repeat -70px 0;}

/* 2018-11-26 */
.bx_text{font-size: 24px;letter-spacing: -0.05em;position: absolute;bottom: 50px;left: 35px;color: #fff;line-height: 1.3;letter-spacing: -0.025em;}
.bx_text > em{font-size: 40px;display: block;letter-spacing: -0.03em;font-weight: bold;}

/* .container01 .bx-wrapper img{min-width:100%;} */
.container02{max-width: 1300px;margin: 0 auto;padding-top: 65px;padding-bottom: 40px;position: relative;}
/* .container02 .noticeWrap{position: relative;} */
.container02 h3:first-child + div~div{display: none;}

.container02 h3{position: absolute;top: 27px;left: 50%;height: 45px;}
.container02 h3 a{font-size: 20px;color: #000;font-weight: normal;}
.container02 h3.on a span{font-weight: bold;display: inline-block;color: #2a8fdc;border-bottom: 3px solid #2a8fdc;}
.container02 h3.n1{margin-left: -317px;}
.container02 h3.n2{margin-left: -187px;}
.container02 h3.n3{margin-left: -59px;}
.container02 h3.n4{margin-left: 113px;}
.container02 h3.n5{margin-left: 260px;}

.container02 ul{overflow: hidden;margin-top: 30px;}
.container02 ul li{float: left;width: 23.07692307692308%;margin-left: 2.461538461538462%;margin-bottom: 20px;}
.container02 ul li:first-child, .container02 ul li:nth-child(5n){margin-left: 0;}

.container02 ul li > a{display: block;border: 1px solid #ccc;padding: 25px 30px;position: relative;}
.container02 ul li > a span:first-child{font-size: 18px;line-height: 1.6;height: 3.2em;color: #000;font-weight: bold;overflow: hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.container02 ul li span:first-child + span{font-size: 16px;line-height: 2;color: #9c9c9c;font-weight: normal;display: block;}
.container02 ul li a > img{position: absolute;bottom: 20px;right: 20px;opacity:0}
.container02 ul li > a:hover {background-color: #2a8fdc;color: #fff;transition:all .3s linear;}
.container02 ul li > a:hover span{color: #fff;}
.container02 ul li > a:hover > img{opacity: 1;transition:all .4s linear;}
.container02 .moreList{text-align: center;}

.container03{background: #393c4f url(../images/main/mainBg2.jpg) center center no-repeat;height: 331px;}
.tagWrite{max-width:1300px;margin: 0 auto;padding: 37px 0;color: #fff;text-align: center;}
.tagWrite > p:first-child{font-size: 36px;line-height: 36px;font-weight: bold;}
.tagWrite > p:first-child span{display: block;font-size: 22px;font-weight: normal;}
.tagWrite .tags{margin-top: 20px;}
.tagWrite .tags p{font-size: 18px;font-weight: bold;padding: 13px 20px;border: 1px solid #fff;display: inline-block;margin-left: 6px;}
.tagWrite .tags p:first-child{margin-left: 0;}
.tagWrite .tagBtn{display: inline-block;margin-top: 15px;}
.tagWrite .tagBtn a{transition:all .1s linear;text-align: left;font-weight: bold;padding-left: 35px;display: block;font-size: 20px;background: url(../images/main/writeBtn.png) center center no-repeat;width: 294px;height: 104px;line-height: 104px;}
.tagWrite .tagBtn a:hover{transition:all .2s linear;margin-top: 3px;margin-left: 3px;}

.container04{height: 380px;background-color: #e4eff5;padding-top: 30px;}
.mediaWrap{max-width:1300px;margin: 0 auto;position: relative;}
.mediaTitle{width: 207px;/* position: absolute;top: 30px;left: 0; */}
.mediaTitle, .mediaGalleryWrap{float: left;margin-right: 30px;}
.mediaGalleryWrap:after{content: "";display: block;clear: both;}
.mediaTitle h3{padding-left: 23px;font-size: 42px;color: #000;height: 87px;line-height: 82px;border-top: 3px solid #000;border-bottom:1px solid #000}
.mediaTitle h4{padding-left: 23px;font-size: 18px;color: #000;border-bottom: 2px dashed #ccc;line-height: 75px;}
.mediaTitle h4 a{display: block;}
.mediaTitle h4 a.on{color: #2a8fdc;}

.mediaImgList{position: absolute;top: 0;left: 587px;width: 5000px;overflow: hidden;    height: 315px;}
.innerMediaImgList a img{width: 254px;height: 186px;}
.innerMediaImgList .imgTxt{display: none;}

.mediaImgList .bx-wrapper .bx-pager{display: none;}
.mediaImgList .bx-wrapper {box-shadow: none;border: none;background-color: transparent;}
.mediaImgList .bx-wrapper .bx-controls-direction a {position: absolute;top: 220px;margin-top: 0;outline: 0;width: 50px;height: 50px;text-indent: -9999px;z-index: 50;}
.mediaImgList .bx-wrapper .bx-prev {left: 0;background: url(../images/main/sliderArrow2.png) 0 0 no-repeat;}
.mediaImgList .bx-wrapper .bx-next, .mediaImgList .bx-wrapper .bx-next:hover, .mediaImgList .bx-wrapper .bx-next:focus{left: 51px;background: url(../images/main/sliderArrow2.png) -50px 0 no-repeat;}

.mediaGalleryWrap{background-color: #003e6d;width: 320px;height: 320px;}
.mediaGalleryWrap img{width: 320px;height: 224px;}
.imgTxt{color: #fff;font-weight: bold;font-size: 20px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;padding: 17px 20px;word-break:break-all;}
.imgTxt p:first-child{font-size: 16px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;}
	.slogan{margin-bottom: 73px;text-align: center;}
	.slogan > a{margin-top: 20px;display: block;}
/* media query */
/* 중단점 mobile:~650,tablet:~1000,pc:~1001 */


/*pc*/

@media (max-width:1317px) {
	.container01{overflow: hidden;}
	.scheduleList{height: 240px;}
}
@media (min-width:1001px) {
	.tabletshow{display: none;}
}

/* tablet */
@media (max-width:1000px) {
	.tabletshow{display: block;}

	.container01 .sliderWrap{width: 100%;}
	.container01 > div{width:100%;} 
	.scheduleWrap {height: 202px;width: 100%;position: static;top: auto;right: auto;background-color: #4695d1;}

	.scheduleWrap > div{float: left;width: 50%;height: auto;}
	.scheduleWrap .slogan {border-bottom: none;padding-bottom: 0;margin-bottom: 0;padding-right: 15px;}
	.scheduleList{padding-right: 0;}
	.scheduleList ul{padding-left: 15px;padding-top: 10px;}
	.scheduleList li {position: relative;padding-bottom: 0;display: none;}
	.scheduleList li:first-child{display: block;height: 129px;}
	.scheduleList li:last-child{padding-bottom: 0;}
	.scheduleList li .title > .tabletshow{position: absolute;bottom: 0;right: 0;text-align: center;width: 82px;height: 82px;border: 1px solid #fff;padding: 14px 16px;font-size: 16px;font-weight: bold;line-height: 1.625;}

	.container02{padding: 64px 30px 30px;}
	.container02 h3.n3,.container02 h3.n5{display: none;}
	.container02 h3.n1{margin-left: -172px;}
	.container02 h3.n2{margin-left: -36.5px;}
	.container02 h3.n4{margin-left: 99px;}
	.container02 ul li{width: 48.10810810810811%;margin-left: 3.783783783783784%}
	.container02 ul li + li + li{margin-left: 0;}
	.container02 ul li + li + li + li{margin-left: 3.783783783783784%}
	.container02 ul li + li + li + li + li{display: none;}

	.container04{padding-left: 60px;padding-right: 30px;height: 431px;}
	.mediaTitle, .mediaGalleryWrap{float: none;margin: 0;}
	.mediaTitle{width: 100%;}
	.mediaTitle h3 {padding-left: 0;height: auto;line-height: 0.8;border: none;font-weight: normal;padding-bottom: 15px;}
	.mediaTitle h4 {padding-left: 0;border-bottom: none;line-height: inherit;position: absolute;top: 0;right: 120px;}
	.mediaTitle h4 + h4{right: 0;}
	.mediaImgList{top: 48px;left: 350px;}
	
	.bx-wrapper img{min-width:100%}
}


/* mobile */
@media (min-width: 651px) {
	.sliderWrap.mobileHide{display: block; margin:0 auto; }
	.sliderWrap.mobileShow{display: none;}
	.slogan{margin-bottom: 0;}
}


@media (max-width:650px) {
	.sliderWrap.mobileHide{display: none;}
	.sliderWrap.mobileShow{display: block;}
	.container01 .sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager,.container01 .sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
	.scheduleWrap{height: auto;padding: 20px 30px;}
	.scheduleWrap > div{width: 100%;}
	.scheduleList ul{padding-top: 30px;padding-bottom: 10px;}
	.scheduleWrap .slogan{padding-right: 0;border-bottom: 1px solid #45aed7;padding-bottom: 20px;text-align: center;}
	.scheduleList li{padding-left: 80px;}
	.scheduleList li:first-child{padding-right: 100px;height: auto;}
	.scheduleList li .title > .tabletshow{top: 0;}
	.container02 h3.n1{margin-left: -142px;}
	.container02 h3.n4{margin-left: 70px;}
	.container02 ul li{width: 100%;margin-left: 0;}
	.container02 ul li + li + li + li{margin-left: 0;}
	/*.container02 ul li > a{padding: 27px 23px;}*/
	.container02 ul li > a {
		padding: 7px 23px;
	}
	/* .container02 ul li > a span:first-child{height: auto;} */
	.container02 ul li > a span:first-child{margin-top:15px;font-size: 18px;line-height: 1.6;height: 2.9em;color: #000;font-weight: bold;overflow: hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.container03{height: 380px;-webkit-background-size: cover;background-size: cover;}
	.tagWrite{padding: 30px 0;}
	.tagWrite .tags p + p + p{margin-top: 10px;}
	.tagWrite .tagBtn{margin-top: 10px;}
	.container04{padding-left: 30px;}
	.mediaImgList{left: 340px;}

	/* 2018-11-26 */
	.bx_text{font-size: 22px;letter-spacing: -0.05em;position: absolute;bottom: 50px;left: 35px;color: #fff;line-height: 1.3;letter-spacing: -0.025em;}
	.bx_text > em{font-size: 30px;display: block;letter-spacing: -0.03em;font-weight: bold;}

}




@media (min-width:481px) {

}




.bx-viewport{overflow:visible!important;}
.container01 .sliderWrap .bx-wrapper {max-width:899px}
.bx_bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(255, 255, 255, 0.7)!important;}