/* ¸ÞÀκñÁÖ¾ó */
#mainVisual {margin-top:80px}
#mainVisual img {display:block; width:100%}






/* common */
#wrap{width:100%; max-width:1000px; margin:0 auto;}
#topWrap{width:100%; max-width:1000px; float:left; padding:0; position:fixed; z-index:9999}
#topWrap ul{width:100%; float:left; background:#ffffff;}
#topWrap ul li.menu{width:10%; text-align:left;}
#topWrap ul li.menu img{width:100%; max-width:48px;}
#topWrap ul li.logo{width:80%; text-align:center;}
#topWrap ul li.logo img{width:62.5%; max-width:240px;}
#topWrap ul li.home{width:10%; text-align:right;}
#topWrap ul li.home img{width:100%; max-width:48px;}
.topBlank{width:100%; float:left;}
.topBlank img{width:100%;}


#smWrap{width:100%; float:left; margin-top:-5px;}
#smWrap ul{width:100%; float:left; background:#c7b199;}
#smWrap li img{width:100%;}



#rollWrap{width:100%; float:left; position:relative; overflow:hidden; z-index:1; margin-top:-5px;}
#rollWrap img{width:100%;}
#rollWrap ul{width:100%; float:left; }
#rollWrap ul li{width:100%; position:absolute; top:0; left:0; }
#rollWrap ul li img{width:100%;}
#rollWrapBlet{width:75px; position:absolute; z-index:999; left:50%; margin-left:-24px; bottom:2.5%;}
#rollWrapBlet ul{width:100%; height:12px; float:left; position:relative; /*overflow:hidden;*/ top:0; left:0; z-index:999;}
#rollWrapBlet ul li{width:12px; height:12px; margin-left:3px; float:left; position:relative; overflow:hidden;}
#rollWrapBlet ul li img{width:100%; position:absolute; top:-12px; left:0;}
#rollWrapBlet ul li.on img{width:100%; position:absolute; top:0px; left:0;}


#subMenuWrap{width:100%; float:left;}
#subMenuWrap li{width:25%; float:left;}
#subMenuWrap li img{width:100%;}
#subMenuWrap li span.on{display:none;}
#subMenuWrap li span.off{display:block;}
#subMenuWrap li.on span.on{display:block;}
#subMenuWrap li.on span.off{display:none;}
#subMenuWrap li a span.on{display:none;}
#subMenuWrap li a span.off{display:block;}


#mainTelWrap{width:100%; float:left; position:relative; z-index:100;}
#mainTelWrap li{width:50%; float:left;}
#mainTelWrap li img{width:100%;}


#mainCont{width:100%; float:left; position:relative;}
#mainCont:after{
clear: both;
content:'';
display: block;
}
#mainCont .mcont{width:100%; float:left;}
#mainCont .mcont ul{width:100%; float:left;}
#mainCont .mcont li{width:100%; float:left;}
#mainCont .mcont img{width:100%;}
#mainCont .mcont02{width:100%; float:left;}
#mainCont .mcont02 ul{width:50%; float:left;}
#mainCont .mcont02 li{width:100%; float:left;}
#mainCont .mcont02 img{width:100%;}
#mainCont .mMapWrap{width:100%; float:left; position:relative;}
#mainCont .mMapWrap img{width:100%;}
#mainCont .mMapWrap .mMap{width:100%; height:100%; position:absolute;top:0; left:0; background:#ff0000;}
#mainCont .mMapWrap .mMap .map{width:100%; height:100%; position:relative; background:#ffff00;}
#mainCont .mMapWrap .mMap iframe{width:100%; height:100%; position:absolute; border:0;}
#mainCont .mCenter{width:100%; float:left;}
#mainCont .mCenter img{width:100%;}


#footWrap{width:100%; float:left; background:#363636; padding:20px 0;}
#footWrap .footBtn{width:100%; float:left; text-align:center; padding-bottom:20px;}
#footWrap .footLogo{width:100%; float:left; text-align:center;}
#footWrap .foot{width:100%; float:left;}
#footWrap .foot img{width:100%;}
#footWrap .sns{width:88%; float:left; margin-left:22%;}
#footWrap .sns li{margin-right:3px;}
#subCont{width:100%; float:left;}
#subCont .subTop{width:100%; float:left; margin-top:-5px;}
#subCont .subTop img{width:100%;}
#subCont .subMenu{width:100%; float:left; text-align:center; margin:15px 0;}
#subCont .subMenu img{margin:5px 1%; width:23%;}
#subCont .subTit{width:100%; float:left;}
#subCont .subTit img{width:100%;}
#subCont .subBoard{width:100%; float:left; margin:15px 0;}
#subCont .subBoard02{width:92%; float:left; margin:15px 4%;}
#subCont .sCont{width:100%; float:left;}
#subCont .sCont img{width:100%; padding:30px 0px;}
#subCont .sMap{width:95%; height:300px; float:left; margin-left:2.5%;}
#subCont .sContSNS{width:100%; float:left; margin:20px 0 100px; text-align:center;}
#subCont .subContWrap{width:100%; float:left;}
#subCont .subContWrap img{width:100%;}



.inner{
margin:0 4.4%;
}
.main_tv_section{
width: 100%;
float: left;
padding:20px 0 40px;
}
.main_tv_section .inner{
position: relative;
}
.main_tv_section .video_wrap::after{
content:'';
clear: both;
display: block;
}
.main_tv_section .video_wrap .cur_video{
box-sizing: border-box;
background:#b0b2ad;
height:0 ;
padding-bottom: 56.25%;
position: relative;
}
.main_tv_section .video_wrap .cur_video iframe{
display: block;
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
width: 100%;
height: 100%;;
}
.main_tv_section .video_wrap .video_list{
position: relative;
margin-top: 15px;
}
.main_tv_section .video_wrap .video_list ul li{
width: 100%;
border:0;
box-sizing: border-box;
}
.main_tv_section .video_wrap .video_list *{
outline: none;
}
.main_tv_section .video_wrap .video_list ul li a{
display: block;
}
.main_tv_section .video_wrap .video_list ul li+li{
/* margin-left: 8.3px; */
margin-left: 4px;
}
.main_tv_section .video_wrap .video_list ul li a .thumb{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background:#b0b2ad;
box-sizing: border-box;
}
.main_tv_section .video_wrap .video_list ul li a .thumb img{
max-width: 100%;
}
.main_tv_section .video_wrap .video_list ul li a .text{
box-sizing: border-box;
font-size:13px;
color:#201f32;
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.4em;
margin-top: 5px;
}
.main_tv_section .video_wrap .video_list ul li a .text br{
display: none;
}
.main_tv_section .video_wrap .video_list .slick-prev{cursor:pointer;outline:none;background-color:transparent;background-image:url(/images/mainTv_prev.png);width: 28px;height: 15px;background-repeat: no-repeat;text-indent:-9999px;overflow: hidden;background-size: cover;position: absolute;left:80px;top:-30px;z-index: 2;}
.main_tv_section .video_wrap .video_list .slick-next{cursor:pointer;outline:none;background-color:transparent;background-image:url(/images/mainTv_next.png);width: 28px;height: 15px;background-repeat: no-repeat;text-indent:-9999px;overflow: hidden;background-size: cover;position: absolute;left:80px;bottom:-30px;z-index:2;}
.main_notice_section{
width: 100%;
float: left;
padding:0 0 28px;
}
.main_notice_section .inner{
position: relative;
}
.main_notice_section .more_btn{
position: absolute;
right:0;
top:6px;
color:#787878;
font-weight: 700;
font-size:17px;
letter-spacing: -0.03em;
background-image: url(/images/more_btn.png);
width: 40px;
height: 11px;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
text-indent: -9999px;
}
.main_notice_section>*{outline:none;}
.main_notice_section .notice_slide{position: relative;}
/* .main_notice_section .notice_slide ul li+li{margin-left: 22.5px;} */
.main_notice_section .notice_slide ul li{
box-sizing: border-box;
}
.main_notice_section .notice_slide ul li img{
max-width: 100%;
width: 100%;
display: block;
}
.main_notice_section .notice_slide ul li p{
font-weight: 800;
text-align: center;
margin-top: 12px;
font-size:20px;
color:#323232;
letter-spacing: -0.03em;
}
.main_notice_section .notice_slide .slick-prev{border:0;cursor:pointer;outline:none;background-color:transparent;background-image:url(../../img/images/noticeSlide_prev_white.png);width: 24px;height: 51px;background-repeat: no-repeat;text-indent:-9999px;overflow: hidden;background-size: cover;position: absolute;left:14px;top:50%;margin-top:-25.5px;z-index: 2;}
.main_notice_section .notice_slide .slick-next{border:0;cursor:pointer;outline:none;background-color:transparent;background-image:url(../../img/images/noticeSlide_next_white.png);width: 24px;height: 51px;background-repeat: no-repeat;text-indent:-9999px;overflow: hidden;background-size: cover;position: absolute;right:14px;top:50%;margin-top:-25.5px;z-index:2;}
.main_tv_section .more_btn{
position: absolute;
right:0;
top:6px;
color:#787878;
font-weight: 700;
font-size:17px;
letter-spacing: -0.03em;
background-image: url(/images/more_btn.png);
width: 40px;
height: 11px;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
text-indent: -9999px;
}
.section_tit{
color:#121233;
font-weight: 700;
font-size:20px;
margin-bottom: 20px;
}
.slick-slide{
outline:none;
}
.slick-vertical .slick-slide{
border:0;
}
.main_social_section{
padding:0 0 28px;
float: left;
width: 100%;
}
.main_social_section ul{
font-size:0;
text-align: center;
margin-bottom: -1.3vw;
width: 76.5vw;
margin:0 auto;
}
.main_social_section li{
display: inline-block;
vertical-align: middle;
float:none;
width: 37.6vw;
margin-bottom: 1.3vw;
}
.main_social_section li+li{
margin-left: 1.3vw;
}
.main_social_section li:nth-child(2n+1){
margin-left: 0;
}
.main_social_section li a{
display: block;
}
.main_social_section li a img{
display: block;
margin:0 auto;
max-width: 100%;
}




.m_btm{
padding:0 0 4.35vw;
text-align: center;
}
.m_btm .inner{
margin:0 3.6vw;
font-size:0;
}
.m_btm .inner .map{
margin-top: 3.7vw;
background-color: #00263f;
height: 59vw;
}
.m_btm .quick_menu{}
.m_btm .quick_menu ul{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.m_btm .quick_menu ul li{
width: 100%;
}
.m_btm .quick_menu ul li a{
display: flex;
width: 100%;
text-align: center;
height: 11.11vw;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
.m_btm .quick_menu ul li+li{
position: relative;
}
.m_btm .quick_menu ul li+li:before{
content:'';
position: absolute;
left:0;
top:0;
bottom:0;
width: 1px;
background-color: #7f7f7f;
}
.m_btm .quick_menu ul li a span{
font-size:3.3vw;
letter-spacing: -0.025em;
color:#000;
font-weight: 500;
}
.m_btm .quick_menu ul li:nth-child(1) img{
width:6.57vw
}
.m_btm .quick_menu ul li:nth-child(2) img{
width:10.18vw
}
.m_btm .quick_menu ul li:nth-child(3) img{
width:6.29vw
}
.m_btm .quick_menu ul li:nth-child(4) img{
width:5.9vw
}


#mainSlide{position:relative;}
#mainSlide .swiper-slide a,
#mainSlide .swiper-slide a img{display:block;width:100%;}
#mainSlide .main-pagination{position:absolute;left:0;right:0;bottom:10px;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;z-index:2;}
#mainSlide .main-pagination .swiper-pagination-bullet{background:#c2c2c2;width:12px;height:12px;opacity:1;transition:0.3s;}
#mainSlide .main-pagination .swiper-pagination-bullet-active{background:#f0cc4f;}