@charset "utf-8";

.sns_section > div > h2{font-family:inherit;font-size:30px;color:#38936d;font-weight:600;letter-spacing:-0.5px;}
.sns_section > div > h2 > span{font-size:18px;color:#2f7658;font-weight:400;}

.middle_section .basic_area > a{display:block;position:relative;color:#fff;text-align:center;}
.middle_section .basic_area > a > span{display:block;font-family:inherit;font-size:30px;}
.middle_section .basic_area > a:after{content:'';display:block;background:url(../images/main/img_dokdo.png) no-repeat 0 0;position:absolute;}
html[lang*=zh] .middle_section .basic_area > a:after{background-image:url(../images/main/img_dokdo_chi.png);}
html[lang*=ja] .middle_section .basic_area > a:after{background-image:url(../images/main/img_dokdo_chi.png);}
.links_area a.history,
.links_area a.transport,
.links_area a.gallery {display:block;position:relative;box-sizing:border-box;font-family:'Nanum Square';letter-spacing:-2px;font-weight:400;}
.links_area a > strong{font-weight:600;}
.links_area a.history > strong{color:#de0000;}
.links_area a span.more{display:inline-block;color:#333;font-family:inherit;letter-spacing:0px;font-weight:600;}
.links_area a span.more:after{content:'';display:inline-block;border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:5px;}
.links_area a.transport,
.links_area a.gallery{color:#fff;}
.links_area a.transport span.more,
.links_area a.gallery span.more{color:#fff;}
.links_area a.transport span.more:after,
.links_area a.gallery span.more:after{border-left:5px solid #fff;}

.gallery_area ul > li{float:left;width:50%;}
.gallery_area ul:after{content:'';display:block;clear:both;}
.gallery_area ul > li .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery_area ul > li .date{color:#848484;}

@media screen and (min-width:769px){
	.visaul_section > div:nth-of-type(1){width:auto;margin:0 auto;}
	.sns_section > div:nth-of-type(2){width:67%;}
	.sns_section{background:url(../images/main/bg_sns.gif) repeat-y center top;}
	.middle_section {margin:0 auto 65px;}
	.middle_section .basic_area,
	.middle_section .links_area{float:left;width:50%;}
	.middle_section .basic_area > a{background:url(../images/main/img_basic01.jpg) no-repeat 0 0;height:399px;}
	.middle_section .basic_area > a > span br,
	.middle_section .basic_area > a > span > span{display:none;}
	.middle_section .basic_area > a > span{padding-top:100px;}
	.middle_section .basic_area > a:after {width:195px;height:107px;left:50%;bottom:80px;margin-left:-97px;}
	.links_area a.history,
	.links_area a.transport,
	.links_area a.gallery {height:133px;padding-left:80px;padding-top:40px;font-size:42px;}
	.links_area a.history{background:url(../images/main/img_history.jpg) no-repeat 0 0;}
	.links_area a.transport{background:url(../images/main/img_trans.jpg) no-repeat 0 0;}
	.links_area a.gallery{background:url(../images/main/img_gallery.jpg) no-repeat 0 0;}
	.links_area a span.more{position:absolute;left:83px;top:95px;font-size:14px;}
	.gallery_area ul > li > div{margin-right:15px;margin-left:0px;}
	.gallery_area ul > li:nth-child(2n) > div{margin-left:15px;margin-right:0px;}
	.gallery_area ul > li .txt{width:70%;}
	.gallery_area ul > li .date{position:absolute;right:0px;bottom:0px;}
	.social_area ul > li:first-child,
	.support_area ul > li:first-child{margin-top:15px;}
	}
	
@media screen and (max-width:768px){
	.middle_section{margin-top:15px;}
	.middle_section .basic_area > a{padding:0 15px; background:url(../images/main/img_basic01_m.jpg) no-repeat 0 0;min-height:100px;background-size:cover;text-align:left;}
	.middle_section .basic_area > a > span{padding-top:25px;font-size:24px;}
	.middle_section .basic_area > a:after{top:12px; right:15px; width:139px; height:76px; background-size:139px 76px;}
	
	.middle_section .links_area > a{float:left;width:33.333%;}
	.middle_section .links_area > a:first-child {width:33.334%;}
	.middle_section .links_area:after{content:'';display:block;clear:both;}	
	.links_area a.history{background:url(../images/main/img_history_m.jpg) no-repeat 0 0;}
	.links_area a.transport{background:url(../images/main/img_trans_m.jpg) no-repeat 0 0;}
	.links_area a.gallery{background:url(../images/main/img_gallery_m.jpg) no-repeat 0 0;}
	.links_area a.history,
	.links_area a.transport,
	.links_area a.gallery{background-size:cover;min-height:100px;padding-top:30px;text-align:center;font-size:16px;letter-spacing:0px;font-weight:600;}
	.links_area a span.more{display:block;padding-top:10px;font-size:12px;font-weight:400;}
	.sns_section > div > h2 > span{display:none;}
	.sns_section dt{min-width:88px;}
	.sns_section dt > a{text-align:center;padding:0px;}
	.sns_section dt:nth-of-type(1){left:0;}
	.sns_section dt:nth-of-type(2){left:91px;}
	.sns_section dt:nth-of-type(3){left:182px;}
	.sns_section dt:nth-of-type(4){left:273px;}
	.sns_section dt:nth-of-type(5){left:365px;}
	.gallery_area > h2{border-bottom:1px solid #d6d6d6;padding-bottom:10px;}
	.gallery_area ul{padding-bottom:10px;border-bottom:1px solid #d6d6d6;}
	.gallery_area ul > li{display:none;}
	.gallery_area ul > li:nth-child(-n+4){display:block;}
	.gallery_area ul > li > div{margin-right:10px;margin-left:0px;border:0px;}
	.gallery_area ul > li > div > a{margin:0px;}
	.gallery_area ul > li:nth-child(2n) > div{margin-left:10px;margin-right:0px;}
	.gallery_area ul > li .txt{width:100%;}
	.gallery_area ul > li .date{margin-top:3px;}
	}
@media screen and (max-width:430px){
	.middle_section .basic_area > a{padding:0 10px; min-height:90px;}
	.middle_section .basic_area > a > span{padding-top:25px;font-size:16px;}
	.middle_section .basic_area > a:after {right:10px; width:120px; height:66px; background-size:120px 66px;}
	.links_area a.transport{letter-spacing:-0.5px;}
	.notice_area h2{width:auto;margin:0;}	
	.sns_section dt{min-width:auto;}
	.sns_section dt > a{padding:0px 7px;font-size:13px;letter-spacing:-1px;}	
	.sns_section dt:nth-of-type(1){left:0;}
	.sns_section dt:nth-of-type(2){left:30px;}
	.sns_section dt:nth-of-type(3){left:97px;}
	.sns_section dt:nth-of-type(4){left:147px;}
	.sns_section dt:nth-of-type(5){left:215px;}
	}