@charset "utf-8";
body { background:#f5f5f5; }
header { box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); }
.layer_popup{display: none; position:absolute;  z-index:9999; padding:1px; background:#444;}
.layer_popup.block{display: block;}
.layer_pop_tit{display:block; padding:5px 10px; color:#fff; font-weight:600;}
.layer_pop_img{font-size: 0;}
.layer_pop_img img{max-width: 100%}
.layer_pop_close{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:7px 10px; background:#444; font-weight:600; color:#fff; text-align:left; }
.layer_pop_close *{color:#fff; font-size:14px;}

#contents { overflow:hidden; padding-top:2.3%; padding-bottom:3%; }
#contents>div { overflow:hidden; float:left; width:49.1%; height:258px; margin-top:1.4%; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#contents .visual { margin-right:0.7%; }
#contents .visual img { max-width:100%; height:100%; }
#contents .board { position:relative; margin-left:0.7%; background:#fff; }
#contents .board h3 { position:absolute; top:30px; padding-left:15px; background:url(/open_content/dong/images/btm_bar.gif) no-repeat left center; font-size:17px; }
#contents .board h3.select a { color:#1254a7; text-decoration:underline; }
#contents .board .notice h3 { left:40px; padding-left:0; background:none; }
#contents .board .self h3 { left:120px; }
#contents .board .event h3 { left:245px; }
#contents .board .con { overflow:hidden; display:none; padding:65px 40px 30px 40px; }
#contents .board ul li { position:relative; margin-top:5px; padding-top:5px; padding-left:10px; border-top:1px dotted #ccc; background:url(/open_content/dong/images/main/dot.gif) no-repeat left 15px; }
#contents .board ul li:first-child { border-top:none; }
#contents .board ul li span { position:absolute; right:0; top:5px; display:block; }
#contents .board ul li a { display:block; overflow:hidden; width:78%; text-overflow:ellipsis; white-space:nowrap; }
#contents .board .btn_more { position:absolute; right:40px; top:30px; }
#contents .program { margin-bottom:1.4%; margin-left:0.7%; background:#fff; }
#contents .program section { position:relative; padding:30px 40px; }
#contents .program h3 { margin-bottom:15px; color:#1254a7; font-size:17px; }
#contents .program ul { overflow-x:hidden; height:160px; padding-right:10px; }
#contents .program ul li { position:relative; margin-top:5px; padding-top:5px; padding-left:10px; border-top:1px dotted #ccc; background:url(/open_content/dong/images/main/dot.gif) no-repeat left 15px; }
#contents .program ul li:first-child { border-top:none; }
#contents .program ul li span { position:absolute; right:0; top:5px; display:block; }
#contents .program ul li a { display:block; overflow:hidden; width:65%; text-overflow:ellipsis; white-space:nowrap; }
#contents .program .btn_more { position:absolute; right:40px; top:30px; }
#contents>div.box { overflow:visible; margin-right:0.7%; box-shadow:none; }
#contents .info { float:left; width:49.1%; height:258px; margin-right:0.9%; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#contents .info .phone { padding:10% 12%; background:#3371be url(/open_content/dong/images/main/phone_bg.gif) no-repeat right center; color:#fff; font-weight:600; line-height:220%; box-shadow:0 1px 5px rgba(0, 0, 0, 0.5); z-index:10; }
#contents .info .phone span { display:block; font-size:28px; font-weight:normal; }
#contents .info ul { overflow:hidden; padding:15px 0; }
#contents .info ul li { float:left; width:50%; text-align:center; }
#contents .info ul li.location { margin-left:-1px; border-right:1px solid #ccc; background:url(/open_content/dong/images/main/location.gif) no-repeat center top; }
#contents .info ul li.member { background:url(/open_content/dong/images/main/member.gif) no-repeat center top; }
#contents .info ul li a { display:block;	padding-top:60px; }
#contents .pzone { position:relative; float:left; width:49.1%; height:258px; margin-left:0.9%; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#contents .pzone .list img{ width:100%; }
#contents .pzone .btn_pzone { position:absolute; right:15px; bottom:15px; padding:5px 13px; background:#fff; border-radius:20px; }
#contents .pzone .btn_pzone li { float:left; line-height:0; }
#contents .link { overflow:hidden; width:93.8%; padding:0 3%; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#contents .link li { float:left; width:12.5%; margin-top:25px; margin-bottom:25px; text-align:center; }
#contents .link li a { display:block; padding-top:50px; letter-spacing:-0.5px; }
#contents .link li a:hover { color:#1254a7; font-weight:600; }
#contents .link li.link1 a { background:url(/open_content/dong/images/main/link1.gif) no-repeat center top; }
#contents .link li.link1 a:hover { background:url(/open_content/dong/images/main/link1_on.gif) no-repeat center top;}
#contents .link li.link2 a { background:url(/open_content/dong/images/main/link2.gif) no-repeat center top; }
#contents .link li.link2 a:hover { background:url(/open_content/dong/images/main/link2_on.gif) no-repeat center top; }
#contents .link li.link3 a { background:url(/open_content/dong/images/main/link3.gif) no-repeat center top; }
#contents .link li.link3 a:hover { background:url(/open_content/dong/images/main/link3_on.gif) no-repeat center top; }
#contents .link li.link4 a { background:url(/open_content/dong/images/main/link4.gif) no-repeat center top; }
#contents .link li.link4 a:hover { background:url(/open_content/dong/images/main/link4_on.gif) no-repeat center top; }
#contents .link li.link5 a { background:url(/open_content/dong/images/main/link5.gif) no-repeat center top; }
#contents .link li.link5 a:hover { background:url(/open_content/dong/images/main/link5_on.gif) no-repeat center top; }
#contents .link li.link6 a { background:url(/open_content/dong/images/main/link6.gif) no-repeat center top; }
#contents .link li.link6 a:hover { background:url(/open_content/dong/images/main/link6_on.gif) no-repeat center top; }
#contents .link li.link7 a { background:url(/open_content/dong/images/main/link7.gif) no-repeat center top; }
#contents .link li.link7 a:hover { background:url(/open_content/dong/images/main/link7_on.gif) no-repeat center top; }
#contents .link li.link8 a { background:url(/open_content/dong/images/main/link8.gif) no-repeat center top; }
#contents .link li.link8 a:hover { background:url(/open_content/dong/images/main/link8_on.gif) no-repeat center top; }
#gallery { clear:both; }
#gallery li { float:left; width:24%; margin-top:1.4%; margin-left:1.3%; }
#gallery li:first-child { margin-left:0; }
#gallery .box { background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#gallery .photo { position:relative; overflow:hidden; height:165px; }
#gallery .photo img { position:absolute; left:0; top:0; width:100%; min-height:165px; }
#gallery .con { overflow:hidden; padding:15px;}
#gallery .con .tit { overflow:hidden; margin-bottom:5px; font-size:16px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
#gallery .con .txt {overflow:hidden; width:100%; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
#gallery .con a { overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }

#gallery2 { clear:both; }
#gallery2 li { float:left; width:24%; margin-top:1.4%; margin-left:1.3%; }
#gallery2 li:first-child { margin-left:0; }
#gallery2 .box { background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#gallery2 .photo { position:relative; overflow:hidden; height:165px; }
#gallery2 .photo a span { z-index:9; position:absolute; width:100%; height:100%; font-size:0; text-indent:-9999px; background:url('/open_content/dong/images/main/btn_play.png') no-repeat center; }
#gallery2 .photo img { position:absolute; left:0; top:0; width:100%; min-height:165px; }
#gallery2 .con { overflow:hidden; padding:15px;}
#gallery2 .con .tit { overflow:hidden; margin-bottom:5px; font-size:16px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
#gallery2 .con .txt {overflow:hidden; width:100%; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
#gallery2 .con a { overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }

#contents>div.photo_movie { overflow:visible; clear:both; float:none; width:100%; box-shadow:none; height:auto; }
#contents>div.photo_movie>ul { clear:none; }
#contents>div.photo_movie>ul>li { margin-left:1.3%; }
#contents>div.photo_movie>ul:first-child>li:first-child { margin-left:0; }

@media screen and (max-width:1030px){
	#contents .info .phone span { font-size:20px; font-weight:600; }
	#contents .pzone .list img{ height:258px; }
}

@media screen and (max-width:768px){
	.dp_pc { display:none; }
	.mb_block { display:block; }
	.mb_hidden, .mb_hidden * { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }

	#contents>div, #contents .board { width:100%; height:auto; margin-right:0; margin-left:0; }
	#contents>div.visual  { margin-top:0; line-height:0; }
	#contents>div.visual img { width:100%; }
	#contents .board .con, #contents .program section { padding-left:10px; padding-right:10px; }
	#contents .board .notice h3 { left:10px; }
	#contents .board .self h3 { left:90px; }
	#contents .board .event h3 { left:215px; }
	#contents .board .btn_more, #contents .program .btn_more { right:10px; }
	#contents .info .phone { padding-left:10px; padding-right:10px; }
	#contents .info, #contents .pzone { width:100%; height:auto; margin-left:0; margin-right:0; }
	#contents .pzone { margin-top:1.4%; background:none; box-shadow:none; }
	#contents .pzone .list img { height:auto; }
	#contents .link li { width:25%; }
	#gallery li { width:100%; margin-left:0; }
	#gallery .photo { height:auto; }
	#gallery .photo img { position:static; min-height:auto; }
}

@media screen and (max-width:450px){
	#contents .link li { width:50%; }
	#contents .board ul li a, #contents .program ul li a { width:100%; }
	#contents .board ul li span, #contents .program ul li span { display:none; }
}