/******** 메인 공통 ********/
.main-tith1 { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
.main-tith1 > strong { line-height: 3.8rem; font-family: 'Daum_SemiBold'; font-size: 2.6rem; }
.main-tith1 > strong span { font-family: 'Daum_SemiBold'; }
.con-box { padding: 0px 0; }
@media only screen and (max-width: 1023px) {
	.main-tith1 { margin-bottom: 20px; }
	.con-box { padding: 0px 0; }
}
@media only screen and (max-width: 767px) {
	.main-tith1 { margin-bottom: 15px; }
	.main-tith1 > strong { font-size: 2.2rem; }
	.con-box { padding: 0px 0; }
}


@keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@media only screen and (max-width: 1023px) {
	.floating-bt { display: none; }
}

/******** Main Visual ********/
.main-visual-wrap { position: relative; z-index: -1; }
.main-visual { position: relative; z-index: -1; height: auto; /*height: 860px; background: #333;*/ overflow: hidden; }
.main-visual .swiper-slide .text { display: flex; align-content: center; flex-wrap: wrap; height: 100%; margin-top: -50px; opacity: 0; transition: opacity 1s, margin 1s; transition-delay: 0.3s; }
.main-visual .swiper-slide .text .logo { display: block; width: 100%; }
.main-visual .swiper-slide .text > strong { display: block; width: 100%; line-height: 5.8rem; margin-top: 42px; font-family: 'Daum_Regular'; font-weight: 500; font-size: 5.8rem; color: #fff; }
.main-visual .swiper-slide .text > p { display: block; width: 100%; line-height: 3.8rem; margin-top: 37px; padding-bottom: 60px; font-family: 'Daum_Regular'; font-weight: 300; font-size: 2.4rem; color: #fff; }
.main-visual .swiper-slide .img { position: relative; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }
.main-visual .swiper-slide .img img { position: relative; display: block; width:100%; height: 100%; }
/* active */
.main-visual .swiper-slide.swiper-slide-active .text { margin-top: 0; opacity: 1; transition: opacity 1s, margin 1s; transition-delay: 0.3s; }
/* button */
.main-visual .swiper-button { position: absolute; bottom: 226px; left: 110px; width: 68px; }
.main-visual .swiper-button .swiper-pagination { position: absolute; top: 0; left: 0; display: flex; gap: 7px; width: auto; }
.main-visual .swiper-button .swiper-pagination span { margin: 0; width: 10px; height: 10px; background: #fff; opacity: .3; border-radius: 50px; transition: width 0.4s; }
.main-visual .swiper-button .swiper-pagination span.swiper-pagination-bullet-active { width: 30px; opacity: 1; background: var(--main-color); transition: width 0.4s; }
.main-visual .swiper-button .swiper-stop-btn { position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 9px; height: 10px; }
.main-visual .swiper-button .swiper-stop-btn:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #fff; }
.main-visual .swiper-button .swiper-stop-btn:after { content: ""; position: absolute; top: 0; right: 0; width: 3px; height: 100%; background: #fff; }

@media only screen and (max-width: 1023px) {
	/******** Main Visual ********/
	.main-visual { margin: 0 30px; /*height: 500px;*/ border-radius: 20px; }
	.main-visual .swiper-slide .text { padding: 30px 50px; }
	.main-visual .swiper-slide .text .logo img { height: 40px; }
	.main-visual .swiper-slide .text > strong { margin-top: 25px; font-size: 4.2rem; }
	.main-visual .swiper-slide .text > p { line-height: 2.7rem; margin-top: 10px; padding-bottom: 40px; font-size: 1.8rem; }
	/* button */
	.main-visual .swiper-button { left: 50px; bottom: 152px; }
}
@media only screen and (max-width: 767px) {
	/******** Main Visual ********/
	.main-visual { margin: 0 20px; /*height: 350px;*/ border-radius: 20px; }
	.main-visual .swiper-slide .text { padding: 30px 40px; }
	.main-visual .swiper-slide .text .logo { display: none; }
	.main-visual .swiper-slide .text > strong { margin-top: 0; font-size: 3.0rem; }
	/* button */
	.main-visual .swiper-button { left: 40px; bottom: 95px; }
}
@media only screen and (max-width: 400px) {
	.main-visual { margin: 0 20px; /*height: 230px;*/ border-radius: 20px; }
	.main-visual .swiper-slide .text { padding: 30px 30px; }
	.main-visual .swiper-slide .text > strong { line-height: 4.1rem; }
}



/******** 공지사항 바로가기 ********/
.con-box1 {background-size: contain; padding:60px 0; }
.con-box1 .inner-padding { position: relative; display: flex; }
.con-box1 .main-tith1 { width: 150px; align-items: flex-start; }
.con-box1 .notice-list { display: inline-block; width: 100%; }
.con-box1 .notice-list li { flex: 100%; font-size:1.6rem;}
.con-box1 .notice-list li a { position: relative; z-index: 0; display: flex; justify-content: space-between; line-height:30px; color:#444444; }
.con-box1 .notice-list li a strong { max-height: 25px; padding-right: 20px; font-family: 'Daum_Regular'; font-weight: 100;  font-size: 1.5rem; }
.con-box1 .notice-list li span.date { flex-shrink: 0; width:80px; font-family: 'Daum_Regular'; font-weight: 100; font-size: 1.4rem; color: var(--gray-66); }

@media only screen and (max-width: 1199px) {

	con-box1 .main-tith1 { width: 150px; }
}
@media only screen and (max-width: 1023px) {
	.con-box1 { margin-top: 10px; }
	.con-box1 .inner-padding { flex-wrap: wrap; }
	.con-box1 .main-tith1 { width: 100%; }
	.con-box1 .main-tith1 strong br { display: none; }
}
@media only screen and (max-width: 767px) {
	.con-box1 { margin-top: 10px; }
	.con-box1 .notice-list li a { height: 35px; }
}
@media only screen and (max-width: 690px) {
    .con-box1 {background-size: contain; padding:30px 0; }
	.con-box1 .notice-list { flex-wrap: wrap; }
	.con-box1 .notice-list li a.date{width:120px;}
}


/******** 박람회 행사 일정 ********/
.con-box1-1 {position: absolute; left:0; right:0; }
.con-box1-1 .inner-padding:after{content: ''; position: absolute; bottom: 0; left:60px; z-index: 1; width: 93px; height: 140px; background-image: url('../img/main/box3_img.png');background-repeat: no-repeat;}
.con-box1-1 .m-tit-box {position: absolute; margin:auto; width:500px; left:0; right:0; margin-top:-100px; height:100px; background:#fff; border-radius: 20px 20px 0px 0px;}
.con-box1-1 .m-tit-box:before {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 112px; left:50%; margin-left:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -44px top 0px;  content: "";}
.con-box1-1 .m-tit-box:after {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 112px; right:50%; margin-right:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -66px top 0px;  content: ""; }
.con-box1-1 .m-tit-box dl {padding:40px 20px; width:100%;}
.con-box1-1 .m-tit-box dl dt{width:100%; font-family: 'Daum_SemiBold'; font-weight: 300; font-size: 2rem; color:#2e2e2e; border-radius: 20px;}
.con-box1-1 .m-tit-box dl dd{width:100%; padding:10px 0px; font-family: 'Daum_Regular'; font-weight: 100; font-size: 1.5rem; color:#2e2e2e; border-radius: 20px;}
.con-box1-1 .m-tit-box .sch_more{position: absolute; right: 20px ; top:40px; box-sizing: border-box; background:#1180ce;border-radius: 20px; color:#fff; padding:3px 10px; font-family: 'Daum_Regular'; font-weight: 100; font-size: 1.4rem;}

@media only screen and (max-width: 900px) {
	.con-box1-1 .m-tit-box {width:250px; }
	.con-box1-1 .m-tit-box:before {margin-left:-117px;}
	.con-box1-1 .m-tit-box:after {margin-right:-118px;}
	.con-box1-1 .m-tit-box dl dt{font-size: 1.8rem;}
    .con-box1-1 .m-tit-box dl dd{font-size: 1.3rem;}
}


@media only screen and (max-width: 560px) {
	.con-box1-1 {position: relative;  }
	.con-box1-1 .m-tit-box {position: relative;	width:100%; height:100px; background-image: url('../img/main/con-box1_bg.jpg'); margin: 20px 0px;  border-radius: 20px ; border: 2px solid #ececec;}
	.con-box1-1 .m-tit-box:before{display:none}
	.con-box1-1 .m-tit-box:after{display:none}
}

@media only screen and (max-width: 400px) {
	.con-box1-1 .m-tit-box dl dt{font-size: 1.6rem;}
    .con-box1-1 .m-tit-box dl dd{ padding:0px 0px;}
    .con-box1-1 .m-tit-box .sch_more{ top:15px;}
}



/******** 박람회 현장스케치 ********/
.con-box2 {position: relative; background-image: url('../img/main/con-box2_bg.jpg') ; background-size: cover; }
.con-box2 .inner-padding2:after{content: ''; position: absolute; bottom: 0; right:60px; z-index: 1; width: 76px; height: 151px; background-image: url('../img/main/box2_img.png');background-repeat: no-repeat;}
.con-box2 .m-tit-box {position: relative; margin:auto; width:500px; height:100px; background:#ebf3eb; border-radius: 0px 0px 20px 20px; box-sizing: border-box;}
.con-box2 .m-tit-box:before {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 0; left:50%; margin-left:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: 0px 0px;  content: "";}
.con-box2 .m-tit-box:after {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 0; right:50%; margin-right:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -22px top 0px;  content: ""; }
.con-box2 .m-tit-box .main-tith1 {padding:30px 0px;}
.m-photo-list { width:100%; display:inline-block; margin-top:50px; margin-bottom:180px;}
.m-photo-list .list {display:inline-block; width:100%; margin:0 auto; padding:0px ; }
.m-photo-list .list a{display:inline-block}
.m-photo-list .list li {float:left;  width: 29%; margin: 0px 2%; font-weight: 300; font-size: 1.8rem; color:#2e2e2e; border-radius: 20px;  background:#fff; padding:0px 0px;}
.m-photo-list .list li:nth-child(2n) {margin-top: 40px;}
.m-photo-list .list li:nth-child(4n) {display:none;}
.m-photo-list .list li span {display:inline-block; width:100%;  }
.m-photo-list .list li span.pohto{display:inline-block;  width:100%; height:280px ; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow:hidden; }
.m-photo-list .list li span.pohto img{width:100%; height:280px}
.m-photo-list .list li span.tit {display:inline-block; width:100%; padding:20px 10px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space: nowrap;}

@media only screen and (max-width: 1559px) {
	.m-photo-list { position: relative; z-index: 0; padding-bottom: 20px; }
	.m-photo-list .list li span.pohto{ height:200px ;}
}
@media only screen and (max-width: 1023px) {
	.m-photo-list .list li span.pohto{ height:150px ;}
}

@media only screen and (max-width: 900px) {
	.con-box2 .m-tit-box {width:250px; }
	.con-box2 .m-tit-box:before {margin-left:-117px;}
	.con-box2 .m-tit-box:after {margin-right:-118px;}
}

@media only screen and (max-width: 768px) {
    .con-box2 .inner-padding2:after{right:60px; width: 38px; height: 76px;background-size:50%}
	.m-photo-list .list li {display:inline-block;  width: 45%;}
	.m-photo-list .list li:nth-child(2n) {margin-top: 0px;}
	.m-photo-list .list li:nth-child(4n) {display:inline-block;}
}

@media only screen and (max-width: 560px) {
    .con-box2 .inner-padding2:after{display:none;}
    .m-photo-list { margin-bottom:50px;}
	.m-photo-list .list li {display:inline-block;  width: 100%; margin:20px 0px;}
	.m-photo-list .list li:nth-child(3n) {display:none;}
	.m-photo-list .list li:nth-child(4n) {display:none;}
	.m-photo-list .list li span.pohto{ height:230px ;}
}



/******** 박람회 행사 프로그램 ********/
.con-box3 {display:block; background-image: url('../img/main/con-box3_bg.jpg') ; background-size: cover; }
.con-box3 .inner-padding2:after{content: ''; position: absolute; bottom: 0; left:60px; z-index: 1; width: 93px; height: 140px; background-image: url('../img/main/box3_img.png');background-repeat: no-repeat;}
.con-box3 .m-tit-box {position: absolute; margin:auto; width:500px; left:0; right:0; margin-top:-100px; height:100px; background:#fff; border-radius: 20px 20px 0px 0px; box-sizing: border-box;}
.con-box3 .m-tit-box:before {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 112px; left:50%; margin-left:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -44px top 0px;  content: "";}
.con-box3 .m-tit-box:after {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 112px; right:50%; margin-right:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -66px top 0px;  content: ""; }
.con-box3 .m-tit-box .main-tith1 {padding:30px 0px;}
.m-program-list { width:100%; display:inline-block; margin-top:60px; margin-bottom:150px;}
.m-program-list .list {display:inline-block; width:100%; margin:0px; padding:0px ;  box-sizing: border-box;}
.m-program-list .list li {float:left;  width: 13.5%; margin: 0px 1.5%; font-weight: 300; font-size: 1.8rem; color:#333333; border-radius: 20px;  background:#f6f2ef; padding:0px 0px;  box-sizing: border-box;}
.m-program-list .list li a{display:inline-block;}
.m-program-list .list li:nth-child(2n) {margin-top: 60px;}
.m-program-list .list li:nth-child(4n) {margin-top: 60px;}
.m-program-list .list li span {display:inline-block; width:100%;  }
.m-program-list .list li span.pohto{display:inline-block;  width:100%; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow:hidden; }
.m-program-list .list li span.pohto img{width:100%;}
.m-program-list .list li span.tit {display:inline-block; width:100%; height:120px; box-sizing: border-box;  padding:10px 10px; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.m-program-list .list li span.tit dl {display:inline-block; padding:10px }
.m-program-list .list li span.tit dl dt {display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_SemiBold'; font-weight: 300; line-height: 2.7rem; font-size: 2rem; color:#333333; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.m-program-list .list li span.tit dl dd {display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_Regular'; font-weight: 100; line-height: 1.8rem; font-size: 1.5rem; color:#333333; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.m-program-list .list li span.more {position: absolute;  box-sizing: border-box; border-top-left-radius: 20px; padding:15px 15px; text-align:center; bottom:0; right:-1px; width: 80px ; height: 80px ; background: #fff; border:0px solid red; }
.m-program-list .list li span.more img {width:100%;}

@media only screen and (max-width: 1559px) {
	.m-program-list { position: relative; z-index: 0; padding-bottom: 20px; border-radius: 20px;}
	.m-program-list .list li span.pohto{ height:200px ;}
}
@media only screen and (max-width: 1023px) {
	.m-program-list .list li span.pohto{ height:150px ;}
	.m-program-list .list li {float:none; display:inline-block; margin-bottom:20px; width: 29.5%;}
	.m-program-list .list li:nth-child(2n) {margin-top:0px;}
    .m-program-list .list li:nth-child(4n) {margin-top:0px;}
}

@media only screen and (max-width: 900px) {
	.con-box3 .m-tit-box {width:250px; }
	.con-box3 .m-tit-box:before {margin-left:-117px;}
	.con-box3 .m-tit-box:after {margin-right:-118px;}
	.m-program-list .list li span.more {width: 60px; height: 60px; }
	.m-program-list .list li span.more {width: 60px; height: 60px; }
}

@media only screen and (max-width: 768px) {
    .con-box3 .inner-padding2:after{ left:50px;width: 47px; height: 71px;background-size:50%}
	.m-program-list .list li { display:inline-block;  width: 46%;}
	.m-program-list .list li:nth-child(2n) {margin-top:0px;}
	.m-program-list .list li:nth-child(4n) {margin-top:0px;}
}



@media only screen and (max-width: 560px) {
    .con-box3 .inner-padding2:after{display:none;);}
    .m-program-list { margin-bottom:50px;}
	.m-program-list .list li { display:inline-block;}
}



/******** 박람회 강연 및 세미나 ********/
.con-box4 {display:block; background-image: url('../img/main/con-box4_bg.jpg') ; background-size: cover; }
.con-box4 .inner-padding2:after{content: ''; position: absolute; bottom: 0; right:120px; z-index: 1; width: 126px; height: 187px; background-image: url('../img/main/box4_img.png');background-repeat: no-repeat;}
.con-box4 .m-tit-box {position: relative; margin:auto; width:500px;  height:100px; background:#ebf0fb; border-radius: 0px 0px 20px 20px; box-sizing: border-box;}
.con-box4 .m-tit-box:before {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 0px; left:50%; margin-left:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -88px top 0px;  content: "";}
.con-box4 .m-tit-box:after {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 0px; right:50%; margin-right:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -110px top 0px;  content: ""; }
.con-box4 .m-tit-box .main-tith1 {padding:30px 0px;}
.m-talk-list { width:100%; display:inline-block; margin-top:60px; margin-bottom:180px;}
.m-talk-list .list {display:inline-block; width:100%; margin:0px; padding:0px ;  box-sizing: border-box;}
.m-talk-list .list li {float:left;  width: 22%; margin: 0px 1.5%; height:280px; font-weight: 300; font-size: 1.8rem; color:#333333; border-radius: 20px;  background:#fff; padding:0px 0px;  box-sizing: border-box;}
.m-talk-list .list li a{display:inline-block;}
.m-talk-list .list li:nth-child(2n) {margin-top: 60px;}
.m-talk-list .list li:nth-child(4n) {margin-top: 60px;}
.m-talk-list .list li span.cate-box {position: absolute;  width:100%;  box-sizing: border-box; border-radius: 20px; font-family: 'Daum_SemiBold'; font-weight: 300; line-height: 2rem; font-size: 1.5rem; padding:10px; text-align:center; top:-10px; left:-10px; width: 150px ; height: 60px ;  border:10px solid #f4f7ff; color:#fff; }
.m-talk-list .list li span.tit {display:inline-block; box-sizing: border-box; width:100%; sheight:280px; padding:10px 10px; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.m-talk-list .list li span.tit dl {width:100%; display:inline-block; padding:10px ; margin-top:50px;}
.m-talk-list .list li span.tit dl dt {display:inline-block; width:100%; min-height:100px; max-height:100px; box-sizing: border-box; font-family: 'Daum_SemiBold'; font-weight: 300; line-height: 3.5rem; font-size: 2rem; color:#333333; overflow:hidden; text-overflow:ellipsis; word-break:break-all; }
.m-talk-list .list li span.tit dl dd {display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_Regular'; font-weight: 100; line-height: 2rem; font-size: 1.5rem; color:#333333; overflow:hidden; text-overflow:ellipsis; word-break:break-all; }
.m-talk-list .list li span.tit dl dd ul{display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_Regular'; font-weight: 100; line-height: 2rem; font-size: 1.5rem; }
.m-talk-list .list li span.tit dl dd ul li{display:inline-block; width:100%; box-sizing: border-box; height:30px; margin:3px 0px; font-family: 'Daum_Regular'; font-weight: 100; line-height: 2rem; font-size: 1.5rem; }

@media only screen and (max-width: 1559px) {
	.m-talk-list { position: relative; z-index: 0; padding-bottom: 20px; border-radius: 20px;}
	.m-talk-list .list li span.pohto{ height:200px ;}
}
@media only screen and (max-width: 1023px) {
	.m-talk-list .list li span.pohto{ height:150px ;}
}

@media only screen and (max-width: 900px) {
	.con-box4 .m-tit-box {width:250px; }
	.con-box4 .m-tit-box:before {margin-left:-117px;}
	.con-box4 .m-tit-box:after {margin-right:-118px;}
	.m-talk-list .list li {float:none; display:inline-block; margin-bottom:20px;}
	.m-talk-list .list li span.more {width: 60px; height: 60px; }
}

@media only screen and (max-width: 768px) {
    .con-box4 .inner-padding2:after{right:100px;width: 63px; height: 94px;background-size:50%}
	.m-talk-list .list li { display:inline-block;  width: 46%;}
	.m-talk-list .list li:nth-child(2n) {margin-top:0px;}
	.m-talk-list .list li:nth-child(4n) {margin-top:0px;}
}



@media only screen and (max-width: 560px) {
    .con-box4 .inner-padding2:after{display:none;}
	.m-talk-list .list li { display:inline-block;}
	.m-talk-list .list li:nth-child(5n) {width:100%;}
}

/******** 연도별 박람회 ********/
/**.con-box5 {display:block; background-image: url('../img/main/con-box5_bg.jpg') ; background-size: cover; }
.con-box5 .inner-padding2:after{content: ''; position: absolute; bottom: 0; left:30px; z-index: 1; width: 158px; height: 137px; background-image: url('../img/main/box5_img.png');background-repeat: no-repeat;}
.con-box5 .m-tit-box {position: absolute; margin:auto; left:0; right: 0; width:500px; margin-top:-100px; height:100px; background:#fff; border-radius: 20px 20px 0px 0px; box-sizing: border-box;}
.con-box5 .m-tit-box:before {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 112px; left:50%; margin-left:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -44px top 0px;  content: "";}
.con-box5 .m-tit-box:after {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 112px; right:50%; margin-right:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -66px top 0px;  content: ""; }
.con-box5 .m-tit-box .main-tith1 {padding:30px 0px;}**/
.con-box5 {display:block; background-image: url('../img/main/con-box4_bg.jpg') ; background-size: cover; }
.con-box5 .inner-padding2:after{content: ''; position: absolute; bottom: 0; right:120px; z-index: 1; width: 126px; height: 187px; background-image: url('../img/main/box4_img.png');background-repeat: no-repeat;}
.con-box5 .m-tit-box {position: relative; margin:auto; width:500px;  height:100px; background:#ebf0fb; border-radius: 0px 0px 20px 20px; box-sizing: border-box;}
.con-box5 .m-tit-box:before {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 0px; left:50%; margin-left:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -88px top 0px;  content: "";}
.con-box5 .m-tit-box:after {position: absolute; background: url('../img/main/tit-box-r.png');  background-repeat: no-repeat;   line-height: 0;  text-align: left;  display: block; top: 0px; right:50%; margin-right:-265px; width: 18px;  height: 18px; text-indent: -999999em; border:0px solid red; background-position: left -110px top 0px;  content: ""; }
.con-box5 .m-tit-box .main-tith1 {padding:30px 0px;}
.m-year-list { width:100%; display:inline-block; margin-top:60px; margin-bottom:150px;}
.m-year-list .list {display:inline-block; width:100%; margin:0px; padding:0px ;  box-sizing: border-box;}
.m-year-list .list li {float:left;  width: 22%; margin: 0px 1.5%; font-weight: 300; font-size: 1.8rem; background:#fff; color:#333333; padding:10px 10px;  box-sizing: border-box; border:1px solid #e3e3e3; }
.m-year-list .list li:nth-child(2n) {margin-top: 60px;}
.m-year-list .list li:nth-child(4n) {margin-top: 60px;}
.m-year-list .list li span {display:inline-block; width:100%; }
.m-year-list .list li span.pohto{display:inline-block;  width:100%; overflow:hidden; }
.m-year-list .list li span.pohto img{width:100%;}
.m-year-list .list li span.tit {display:inline-block; width:100%; box-sizing: border-box; padding:10px 10px; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.m-year-list .list li span.tit dl {width:100%; display:inline-block; padding:10px; box-sizing: border-box;}
.m-year-list .list li span.tit dl dt {display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_SemiBold'; font-weight: 300; line-height: 2.5rem; font-size: 1.7rem; color:#333333; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space: nowrap;}
.m-year-list .list li span.tit dl dd {display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_Regular'; font-weight: 100; line-height: 2rem; font-size: 1.5rem; color:#5d5c5c; overflow:hidden; text-overflow:ellipsis; }
.m-year-list .list li span.tit dl dd span{width:100%; font-family: 'Daum_Regular'; font-weight: 100; line-height: 2rem; font-size: 1.5rem;  box-sizing: border-box;  overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space: nowrap;}


@media only screen and (max-width: 1559px) {
	.m-year-list { position: relative; z-index: 0; padding-bottom: 20px; border-radius: 20px;}
	.m-year-list .list li span.pohto{ height:200px ;}
}
@media only screen and (max-width: 1023px) {
	.m-year-list .list li span.pohto{ height:150px ;}
}

@media only screen and (max-width: 900px) {
	.con-box5 .m-tit-box {width:250px; }
	.con-box5 .m-tit-box:before {margin-left:-117px;}
	.con-box5 .m-tit-box:after {margin-right:-118px;}
	.m-year-list .list li {float:none; display:inline-block; margin-bottom:20px;}
	.m-year-list .list li span.more {width: 60px; height: 60px; }
}

@media only screen and (max-width: 768px) {
    .con-box5 .inner-padding2:after{left:20px;;width: 79px; height: 69px;background-size:50%}
	.m-year-list .list li { display:inline-block;  width: 46%;}
	.m-year-list .list li:nth-child(2n) {margin-top:0px;}
	.m-year-list .list li:nth-child(4n) {margin-top:0px;}
}

@media only screen and (max-width: 500px) {
    .con-box5 .inner-padding2:after{display:none;}
    .m-year-list { margin-bottom:50px;}
    .m-year-list .list li {width: 100%;}
    .m-year-list .list li span.pohto{ height:420px ;}
}