@charset "utf-8";

#main_visual {position:relative;}
#main_visual img {width:100%;}
#main_visual .swiper-container {position:relative;}
#main_visual .swiper-wrapper {height:100%;}
#main_visual .swiper-pagination {bottom:30px; left:0; z-index:10; width:100%; text-align:center; }
#main_visual .swiper-pagination-bullet {position:relative; width:50px; height:35px; margin:0; -webkit-border-radius:0; border-radius:0; font-size:13px; color:#fff; line-height:35px; font-weight:400; letter-spacing:-0.025em; opacity:0.4; transition:all 0.4s; background:none;}
#main_visual .swiper-pagination-bullet:after {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#fff; content:'';}
#main_visual .swiper-pagination-bullet-active {opacity:1;}
#main_visual .swiper-button-prev {position:absolute; top:548px; left:50%; width:31px; height:59px; margin:0; margin:0; margin-left:-800px; background:url('../images/main/btn_prev.png') no-repeat;}
#main_visual .swiper-button-next {position:absolute; top:548px; right:50%; width:31px; height:59px; margin:0; margin:0; margin-right:-800px; background:url('../images/main/btn_next.png') no-repeat;}
#main_visual .swiper-button-next:after, 
#main_visual .swiper-button-prev:after {display:none}

#special img {width:100%;}
#special .swiper-container {margin:0 -50%;}

#main_event {padding-bottom:50px;}
#main_event .cont {padding:0 15px;}
#main_event img {width:100%;}
#main_event .event_thumbs {position:relative; margin-top:2px; padding:0 50px;}
#main_event .event_thumbs .swiper-button-prev {position:absolute; top:0; left:0; bottom:0; width:48px; height:100%; margin-top:0; background:url('../images/main/btn_event_prev.jpg') no-repeat center #656565; background-size:100% auto;}
#main_event .event_thumbs .swiper-button-next {position:absolute; top:0; right:0; bottom:0; width:48px; height:100%; margin-top:0; background:url('../images/main/btn_event_next.jpg') no-repeat center #656565; background-size:100% auto;}
#main_event .event_thumbs .swiper-button-next:after, 
#main_event .event_thumbs .swiper-button-prev:after {display:none}


#main_bna {padding:0 15px 40px; background:#e2d4c7;}
#main_bna img {width:100%;}
#dragstage_area {position:relative;}
.dragstage {}
.dragstage img {width:100%; height:auto;}
.dragstage .stageimage{position:absolute;top:0;left:0;z-index:1;}
.dragstage .stageimage img {opacity:0;}
.dragstage .coverimage{position:absolute;top:0;left:0;z-index:3; width:100%; height:100%; max-width:none;}
.dragstage .coverimage img {position: absolute; height: 100%; width: 100%;  max-width:none; clip: rect(0px, auto, auto, 0px);}
.dragstage .coverimage:hover{cursor:e-resize;}
.login_before .dragstage .coverimage:before {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:url('../images/main/login_box.png') no-repeat 0 0; background-size:cover; content:'';}
.dragstage .active .handle {position:absolute; top:0; right:0; width:10px; bottom:0; z-index:100; transition: opacity .4s;}
.dragstage .active .handle:before {position:absolute; top:0; right:0; width:2px; height:100%; background:#f3f3f3; content:'';}
.dragstage .active .handle:after {position:absolute; bottom:-50px; left:50%; width:81px; height:81px; margin-left:-41px; background:url('../images/main/icon_mouse.png') no-repeat; background-size:contain; content:''; transition: opacity .4s;}
.dragstage .active .handle.on {opacity:1;}
.dragstage .active .handle > span {display:block;font-size:12px; color:#fff; margin-top:90px;text-align:center}
.dragstage .active .handle.drag_start:after {opacity:1;}

#main_bna .thumbs {overflow:hidden; margin:53px -2px -2px;}
#main_bna .thumbs img {width:100%;}
#main_bna .thumbs li {float:left; width:25%; padding:2px; vertical-align:top;}
#main_bna .thumbs li .img {overflow:hidden; position:relative; width:100%; border-radius:50%; -webkit-border-radius:50%;}
#main_bna .thumbs li .img:before {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:1; background:rgba(0,0,0,0.3); transition:opacity 0.4s; content:'';}
#main_bna .thumbs li.on a {}
#main_bna .thumbs a {position:relative; display:block; width:100%;}
#main_bna .thumbs a:after {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border-radius:50%; -webkit-border-radius:50%; opacity:0; border:3px solid #b9945a; content:''; transition:opacity 0.4s;}
#main_bna .thumbs li.on a:after,
#main_bna .thumbs li:hover a:after {opacity:1;}
#main_bna .thumbs li.on .img:before,
#main_bna .thumbs li:hover .img:before {opacity:0;}

#main_selfie {padding:0 15px 40px; background:#e9e8e5;}
#main_selfie img {width:100%;}
#main_selfie ul {overflow:hidden; margin:10px -5px; padding:15px; background:#fff;}
#main_selfie ul li {float:left; width:50%; padding:5px;}
#main_selfie .img_wrap {position:relative; padding-bottom:100%;}
#main_selfie .img_wrap img {position:absolute; top:0; left:0; width:100%; min-height:100%;} 

#main_media {padding:0 15px 40px; background:#656565;}
#main_media img {width:100%;}

#youtube_list {position:relative;}
#youtube_list li {margin-left:-1px; border-left:1px solid #656565;}
#youtube_list li > a {display:block; padding:10px; background:#4a4a4a;}
#youtube_list li .img_wrap p {position:relative; padding-bottom:66.11%;}
#youtube_list li .img_wrap p img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
#youtube_list li .cont {margin-top:5px; font-size:14px; color:#fff; font-weight:bold; text-align:center;}
#youtube_list .swiper-pagination-progressbar {position:relative; margin-top:5px; background: rgba(0,0,0,.25); width:100%; height:8px;}
#youtube_list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {left:4px; top:2px; background:#fff;  width:100%; height:4px; border-radius:4px;}
#youtube_list li.on > a {background:#bb9a66;}


#youtube_list .swiper-scrollbar {margin-top:5px; height:8px; background:#3b3b3b;}
#youtube_list .swiper-scrollbar-drag {height:4px; width: 100%; position: relative; background:#fff; border-radius:2px;left:2px; top: 2px; right:2px; }
#movie_box {position:relative; padding-bottom:50.15%;}

#main_board {padding:0 15px 40px;}
#main_board img {width:100%;}
#main_board .counsel ul {margin-top:23px;}
#main_board .counsel li {position:relative;}
#main_board .counsel li+li {margin-top:8px;}
#main_board .counsel .category {position:absolute; top:0; left:0; font-size:14px; width:90px; color:#fff; line-height:23px; text-align:center; background:#bb9a66;}
#main_board .counsel .title {overflow:hidden; display:block; margin: 0 85px 0 95px; text-overflow: ellipsis; white-space:nowrap; font-size:15px; color:#414142; line-height:23px;}
#main_board .counsel .mstate {position:absolute; top:0; right:0; font-size:15px; color:#414142; line-height:23px; text-align:center; }
#main_board .counsel .mstate.ing {color:#858585;}
#main_board .counsel .mstate.complate {}

#main_board img {width:100%;}
#main_board .media {margin-top:40px; background:#b9b4b9;}
#main_board .media .img_wrap {position:relative; padding-bottom:31.8%;}
#main_board .media .img_wrap img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
#main_board .media .txt_box {position:relative; padding:23px 30px 60px; color:#fff; }
#main_board .media .title {font-size:25px; color:#fff; font-weight:bold;}
#main_board .media .t01 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:0; font-size:17px; line-height:1.28;}
#main_board .media .t02 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:10px; font-size:16px; line-height:1.33;}
#main_board .media .more_view {position:absolute; bottom:26px; right:15px; font-size:15px; padding-right:35px; background:url('/images/main/icon_arrow01.png') no-repeat right 8px; background-size:19px auto;}

#location {padding:0 15px 40px;}
#location img {width:100%;}
#location .map_wrap {position:relative; overflow:hidden; height:300px;}
#location .map_wrap iframe {position:absolute; top:0; left:0; width:100%; height:600px; margin-top:-150px;}