@charset "utf-8";
@import url("layout.css");

a { color: #6C6C6C; text-decoration: none; }
a:hover { color: #000; }
input, select { font-size: 11px; }
input[type="text"], input[type="password"] { padding: 2px; line-height: 130%; }
input[type="radio"], input[type="checkbox"] { border: none; vertical-align: middle; } 

img { border: 0; margin: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }
p, dd, dt, dl { margin: 0; padding: 0; }
dt, dd { font-size:12px; }

.btn { cursor: pointer; }
.isHidden, .hidden { display: none; }
.noMargin { margin: 0; }
.noImgMain { width: 111px; height: 77px; margin: auto; background: url(/img/webzine/noImgDefault.jpg) -7px -7px no-repeat; }
.more { vertical-align: middle; }
.noImgIndex { width: 111px; height: 70px; background-color: #C4C4C4; }
.noImgNews { width: 207px; height: 142px; background-color: #C4C4C4; margin: auto;}

body {  }

#lyTopMenuBox li a { padding: 0; }
#lyTopMenuBox li a:hover { color: #000; }
#lyTopMenuBox li.select a { color: #CE1422; }

.langRoundBtnDefault {
	color: #000;
}
.langRoundBtnDefault:hover {
	color: #0762AF;
}

.langRoundBtnSelect { 
	background-color: #999;
	color: #fff;
}

#lyIndexBox { width: 100%; overflow: hidden; }
#showcaseBox .textBox { width: 49%; float: left; color: #fff; font-size: 15px; font-weight: 300; }
#showcaseBox .poster { float: right; width: 49%; }
.showcaseBg { 
/*
	background-image: url(/img/index/bg.jpg);
	background-repeat:  no-repeat;
	background-size: cover;
*/	
}

#lyContentsBox1 { width: 1024px; height: 370px; margin: 30px auto; }
#lyContentsBox1 .banner { display: block; }
#lyContentsBox1 ul { margin: 0 auto; width: 100%; overflow: hidden; }
#lyContentsBox1 ul li { float: left; }
#lyContentsBox1 ul li.kamp { width: 535px; overflow: hidden; }
#lyContentsBox1 ul li.news { width: 302px; overflow: hidden; margin: 0 17px; }
#lyContentsBox1 ul li.news .banner { margin: 0 0 17px 0; }
#lyContentsBox1 ul li.auction { width: 153px; overflow: hidden; }

#lyContentsBox1 .tabMenu li { float: left; margin: 0 2px 0 0; cursor: pointer; }
#lyContentsBox1 .tabMenu li img { display: block; }
#lyContentsBox1 .tabMenu li.last { margin: 0; }
#lyContentsBox1 .newsBox1 { font-size: 13px; line-height: 120%; color: #666666; }
#lyContentsBox1 .thumbImg { width: 75px; height: 50px; background-color: #C4C4C4; margin: auto; background: url(/img/webzine/noImgDefault.jpg) center no-repeat; }
#lyContentsBox1 .newsBox1 .thumbImg { float: left; margin-right: 10px; }
#lyContentsBox1 .newsBox1 .date { font-size: 12px; }
#lyContentsBox1 .newsBox1 .date img { margin-right: 6px; }
#lyContentsBox1 .newsBox1 {  width: 100%; overflow: hidden; }
#lyContentsBox1 .newsBox1 li { margin: 17px 0 0 0; height: 50px; overflow: hidden; }


#lyContentsBox1 .newsBox1 ul.book li { width: 100%; height: 183px; overflow: hidden; margin: 17px 0 0 0; }
#lyContentsBox1 .newsBox1 ul.book .thumbImg { float: left; width: 130px; height: 220px; }
#lyContentsBox1 .newsBox1 ul.book p.title { font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #171717; }
#lyContentsBox1 .newsBox1 ul.book p.date { margin: 10px 0 0 0; padding: 0; }

#lyContentsBox1 .auction ul li { margin: 0 0 20px 0; }
#lyContentsBox1 .auction ul li.first { margin: 0; }
#lyContentsBox1 .auction ul li .title { margin-top: 16px; font-weight: bold;  overflow: hidden; height: 17px;  }
#lyContentsBox1 .auction ul li p { margin: 4px 0 0 0; }

#lyContentsBox1 .auctionList { width: 153px; overflow: hidden; margin: 0; padding: 0; }
#lyContentsBox1 .auctionList .thumbImg1 { width: 153px; height: 103px; text-align: center; }
#lyContentsBox1 .auctionList .noImg { border: 1px dotted #ebebeb; width: 150px; }
#lyContentsBox1 .auctionList li { margin: 0; }

#lyContentsBox2 { width: 1024px; height: 163px; margin: auto;  }
#lyContentsBox3 { width: 1024px; height: 163px; margin: 33px auto 0 auto;  }

#lyBanner1 { position: absolute; top:150px; left:50%; margin-left:530px; }

.lyContentsBox { width: 1024px; margin: 0 auto 18px auto; overflow: hidden; }

	#lyCenterNewsBox { float: right; width: 312px; height: 364px; background-color: #F4F4F4; }
	#lyCenterAuctionBox { float: right; width: 312px; height: 267px; background-color: #DEDEDE; margin-top: 18px; }
	#lyCenterConferenceBox { float: right; width: 312px; height: 235px; background-color: #EEEEEE; margin-top: 18px; }
	#lyCenterNoticeBox {  float: right; width: 312px; height: 192px; background-color: #DEDEDE; }

	#lyCenterAuctionBox .newsBox1 li { margin-top: 11px;  }
	#lyCenterAuctionBox .auction li { float: left; width: 130px; height: 200px; overflow: hidden; margin: 17px 0 0 17px; }
	#lyCenterAuctionBox .auction .thumbImg { float: none; width: 100%; height: 100px; margin: 0; }
	#lyCenterAuctionBox .auction .thumbImg img { display: block; }
	#lyCenterAuctionBox .auction p.title { font-weight: bold; margin: 10px 0 5px 0; padding: 0; color: #171717; }
	#lyCenterAuctionBox .auction p.date { margin: 0; padding: 0; }

	#lyCenterConferenceBox .newsBox1 li { margin-top: 11px;  }
	#lyCenterConferenceBox .book li { width: 280px; height: 153px; overflow: hidden; margin: 15px 0 0 20px; }
	#lyCenterConferenceBox .book .thumbImg { float: left; width: 130px; height: 150px; border: 1px solid #ddd; }
	#lyCenterConferenceBox .book p.title { font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #171717; }
	#lyCenterConferenceBox .book p.date { margin: 10px 0 0 0; padding: 0; }

	#lyCenterConferenceBox .exSchedule li { width: 280px; height: 153px; overflow: hidden; margin: 15px 0 0 20px; }
	#lyCenterConferenceBox .exSchedule .thumbImg { float: left; width: 110px; height: 150px; border: 1px solid #ddd; }
	#lyCenterConferenceBox .exSchedule p.title { font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #171717; }
	#lyCenterConferenceBox .exSchedule p.date { margin: 10px 0 0 0; padding: 0; }

	#lyCenterConferenceBox .newsBox1 .conference li { margin-top: 5px;  }

	#lyCenterNoticeBox .bbs { margin: 12px 0 0 0; }
	#lyCenterNoticeBox .bbs li { float: none; height: 20px; margin: 0 0 0 15px; }
	#lyCenterNoticeBox .bbs .title { margin: 0 0 10px 0; padding: 0; color: #171717; }

	#lyCenterReviewBox { float: left; width: 631px; height: 364px; background-color: #F4F4F4; font-size: 13px; }
	#lyCenterReviewBox p.title { margin: 20px 15px 5px 15px; color: #171717; font-weight: bold; font-size: 16px; }
	#lyCenterReviewBox p.explain {  margin: 0 15px 15px 15px; line-height: 150%; } 
	#lyCenterReviewBox .thumbImg { width: 586px; height: 269px; background-color: #EFEFEF; }
	#lyCenterReviewBox .info { height: 95px; overflow: hidden; }
	#lyCenterReviewBox .contents { float: left; width: 586px; height: 364px; overflow: hidden; }
	#lyCenterReviewBox .showcaseNav { float: right; width: 45px; overflow: hidden; margin-top: 95px; }
	#lyCenterReviewBox .showcaseNav img { display: block; }
	#showCaseBox div.slide { position: absolute;  width: 586px; }
	.showcaseNext, .showcasePrev { cursor: pointer; }

	#lyCenterColumnBox { float: left; width: 631px; height: 364px; background-color: #EEEEEE; margin-top: 18px; background: url(/img/index/column/bg_column.jpg); }
	#lyCenterColumnBox .columnBox1 { margin: 20px; overflow: hidden; }
	#lyCenterColumnBox .c0 { float: left; width: 274px; height: 340px; margin-top: 25px; padding-right: 20px;  }
	#lyCenterColumnBox  .c0 .title { font-size: 14px; font-weight: bold; padding: 13px 0 10px 0; color: #171717; }
	#lyCenterColumnBox  .c0 .explain { text-align:justify; line-height: 150%; }
	#lyCenterColumnBox  .c0 .more { margin-top: 10px; }

	#lyCenterColumnBox .c1 { float: right; width: 47%; }
	#lyCenterColumnBox .c1 .thumbImg { float: left; width: 86px; height: 65px; margin-right: 20px;  } 
	#lyCenterColumnBox .c1 .title { font-weight: bold; color: #171717; }
	#lyCenterColumnBox .c1 li.row1 {
		padding: 0 0 10px 0; 
		overflow: hidden; 
		line-height: 140%; 
	}

	#lyCenterColumnBox .c1 li.row2, #lyCenterColumnBox .c1 li.row3, #lyCenterColumnBox .c1 li.row4 { 
		padding: 10px 0; 
		overflow: hidden; 
		line-height: 140%; 
		background:url(/img/index/column/dot.jpg) no-repeat; 
	}

	#lyCenterArchive {  float: left; width: 631px; height: 232px; background-color: #EEEEEE; margin-top: 18px; }
	#lyCenterArchive .newsBox1 { margin: 20px 20px 3px 20px; }
	#lyCenterArchive .education { margin: 0; }
	#lyCenterArchive .education li { float: left; width: 184px; margin:  0 18px 0 0; padding: 0; height: 155px; }
	#lyCenterArchive .education .thumbImg { width: 184px; height: 100px; margin-bottom: 7px; }
	#lyCenterArchive .education .title { font-size: 13px; font-weight: bold; color: #171717; }
	#lyCenterArchive .education h1 { margin-bottom: 5px; }
	#lyCenterArchive .archive { clear: both; text-align: center; }

#instagram {
    column-count: 5;
    column-gap: 1em;
}

#instagram .item {
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

#instagram .item img {
	opacity: 0.8;
}

#instagram .item:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

#noticeList .previewImg {
	width:111px;
	height: 68px;
	overflow:hidden;
	background-color:#000;
	border: 1px solid #ddd;
}