#visual{height:740px; background:url(../../images/main/visual-bg.jpg) no-repeat 50% 100%; background-size:cover; position:relative; width:100%; min-width:1200px;}
#visual #popup{width:600px; position:absolute; left:50%; margin-left:-600px; top:80px; background-color:rgba(0,0,0,0.5); height:660px;}
#popup .owl-carousel{display:block; width:100%; position:relative;}
#popup .owl-carousel .owl-stage-outer{overflow:hidden; width:100%; position:relative;}
#popup .owl-carousel .owl-stage{position:relative; padding:99px 0;}
#popup .owl-carousel .owl-item{float:left; text-align:center;}
#popup .item-txt{color:rgba(255,255,255,0.7); font-size:15px; font-weight:400; padding:27px 0;}
#popup .item-txt p{line-height:1.0;}
#popup .item-txt span{font-size:12px; line-height:1.2;}
#popup .owl-nav div{width:60px; height:60px; border:2px #c8c8c8 solid; cursor:pointer;position:absolute; right:50px; top:50%; margin-top:-60px; font-size:0; background:url(../../images/main/popup-arrow-next.png) no-repeat 50%;}
#popup .owl-nav .owl-prev{left:50px; right:auto; background-image:url(../../images/main/popup-arrow-prev.png);}
#popup .owl-dots{width:88px; margin:0 auto; text-align:center; position:absolute; left:50%; margin-left:-60px; }
#popup .owl-dot{width:12px; height:12px; display:inline-block; border-radius:50%; margin:0 5px; background-color:#c8c8c8;}
#popup .owl-dot.active{background:#e0920a; border-color:transparent;}
#popup .button{position:absolute; width:16px; left:50%; margin-left:30px; font-size:0; text-align:center;padding-top:3px; cursor:pointer;}
#popup .button i{color:#c8c8c8; font-size:17px; vertical-align:middle; }
#popup .button.play{display:none;}


#visual #main-search{width:600px; position:absolute; left:50%; text-align:center; top:81px;}
#visual #main-search .search-txt .S-txt01{padding:132px 0 27px;}
#visual #main-search .search-form{text-align:left;}


.main-box{width:1200px; margin:0 auto; padding:80px 0;}
.main-box:after{content:".";clear:both;display:block;height:0;visibility:hidden}

.main-box section.arc-box{float:left; width:328px; margin-right:20px; height:458px; border:1px #e2e6ea solid; position:relative;}
.main-box section.arc-box .arc-tit{width:310px; padding:10px; position:relative; left:-1px; top:-1px;background-size:cover; background-repeat:no-repeat;}
.main-box section.arc-box .arc-tit h2{border:1px rgba(255,255,255,0.3) solid; height:158px; line-height:158px; text-align:center; font-size:24px; letter-spacing:0.002em; color:#fff;}
.main-box section.arc-box .arc-list li{position:relative; height:91px; border-top:1px #d2d7db dashed; margin:0 5px;}
.main-box section.arc-box .arc-list li:first-child{border-top:0;}
.main-box section.arc-box .arc-list li a{display:block; padding-left:20px; color:#383d3f;}
.main-box section.arc-box .arc-list li a p{font-size:17px;}
.main-box section.arc-box .arc-list li a p span{display:block; font-size:15px;}
.main-box section.arc-box .arc-list li .arc-txt{height:91px; vertical-align:middle; display:table-cell;}
.main-box section.arc-box .arc-list li .arc-more{position:absolute; top:50%; margin-top:-15px; right:22px; width:30px; height:30px; line-height:30px; border:1px #e2e6ea solid; border-radius:50%; text-align:center;}
.main-box section.arc-box .arc-list li .arc-more i{color:#a8aeb5; font-size:18px; display:inline-block; margin-left:2px;}
.main-box section.arc-box .arc-list li a:hover .arc-more{border-color:transparent;}
.main-box section.arc-box .arc-list li a:hover .arc-more i{color:#fff;}
.main-box section#year-arc.arc-box .arc-tit{background-image:url(../../images/main/year-arc-bg.jpg);}
.main-box section#year-arc.arc-box .arc-list li a:hover .arc-more{background-color:#ae8562;}
.main-box section#year-arc.arc-box .arc-list li a p span{color:#ae8562;}
.main-box section#area-arc.arc-box .arc-tit{background-image:url(../../images/main/area-arc-bg.jpg);}
.main-box section#area-arc.arc-box .arc-list li a:hover .arc-more{background-color:#6b96c6;}
.main-box section#area-arc.arc-box .arc-list li a p span{color:#6b96c6;}


.main-box #notice{width:460px; float:right; padding-right:0; position:relative;}
.main-box #notice .notice-tit{border-bottom:1px #e2e6ea solid; position:relative; height:47px; line-height:47px;  margin-bottom:28px;}
.main-box #notice .notice-tit h2{display:inline-block; border-bottom:1px #383d3f solid; position:relative; color:#383d3f; font-size:18px; font-weight:400; padding-right:10px;}
.main-box #notice .notice-tit h2 i{font-size:24px; vertical-align:middle; padding-right:6px;}

.main-box #notice .notice-box{height:211px;}
.main-box #notice .notice-box li{position:relative; height:20px; line-height:20px;  margin-top:16px;}
.main-box #notice .notice-box .notice-txt a{display:inline-block; max-width:70%;height:20px; line-height:20px; overflow:hidden; color:#383d3f; white-space:nowrap; text-overflow:ellipsis; }
.main-box #notice .notice-box .notice-txt a:hover, .main-box #notice .notice-box .notice-txt a:active{color:#a85915;}
.main-box #notice .notice-box .notice-txt .m-new{vertical-align:top; background:url(../../images/board/new-ico.gif) no-repeat 0; display:inline-block; width:13px; height:20px; font-size:0; margin-left:5px;}
.main-box #notice .notice-box .notice-txt .m-tit{display:inline-block; margin-right:10px;}
.main-box #notice .notice-box .notice-date{position:absolute; top:0; right:0; color:#9b9fa0;}
.main-box #notice .notice-box .notice-more{position:absolute; top:0; right:0;}
.main-box #notice .notice-box .notice-more a{display:block; padding:13px 5px;}
.main-box #notice .notice-box .notice-more a img{width:16px;}

.main-box #notice .link-box{margin-top:10px;}
.main-box #notice .link-box a{display:block; background:url(../../images/main/link-arrow.png) no-repeat 95% 50%; background-color:#77898f; background-size:40px; height:73px; color:#fff;}
.main-box #notice .link-box.LB-bg a{background-color:#9d7786;}
.main-box #notice .link-box.LB-bg02 a{background-color:#8e8276;}
.main-box #notice .link-box p{display:table-cell; height:73px; vertical-align:middle; font-size:18px; padding-left:25px;}
.main-box #notice .link-box p span{display:block; color:rgba(255,255,255,0.3); font-family:'Roboto'; font-size:12px; letter-spacing:0.02em;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1024px) {
#visual{min-width:100%;  height:auto;display: flex;  -webkit-flex-flow: row wrap; flex-flow: row wrap;}
#visual #popup{order:2; position:relative; left:auto; top:auto; margin:0 auto; width:100%; }
#visual #main-search{order:1; left:auto; top:auto; position:relative; margin:0 auto; padding-bottom:30px;padding-top:81px; width:100%;}
#visual #main-search .search-txt .S-txt01{padding-top:50px;}

.main-box{width:96%; margin:0 2%; padding:20px 0;}
.main-box section.arc-box{width:49%; margin-right:2%; border:0; height:auto; margin-bottom:20px;}
.main-box section#area-arc.arc-box{margin-right:0;}
.main-box section.arc-box .arc-list{border:1px #e2e6ea solid; border-top:0;}
.main-box section.arc-box .arc-tit{width:96%; padding:2%;}
.main-box section.arc-box .arc-list li a p{font-size:15px;}
.main-box section.arc-box .arc-tit h2{height:90px; line-height:90px; font-size:20px;}

.main-box #notice{width:96%; padding:0 2%;}
.main-box #notice .notice-tit h2{font-size:16px;}
.main-box #notice .notice-box .notice-txt a{font-size:12px;}
.main-box #notice .notice-box .notice-date{font-size:12px;}

 

}



@media (max-width:740px) {
#visual #popup{height:auto; padding-bottom:50px;}
#visual .owl-nav{display:none;}
#popup .owl-carousel .owl-stage{padding:30px 0; }
#popup .item-txt{padding:15px 0 15px;}

.search-form{width:300px; margin:25px auto;}
.search-txt .S-txt01 img, .search-txt .S-txt02 img{width:300px; height:auto;}
#visual #main-search .search-txt .S-txt01{padding-bottom:10px;}

.main-box section.arc-box{width:100%;}
.main-box #notice .link-box p span{font-size:12px;}
}