/*--visual--*/
.slick-list{position: relative; display: block;/*overflow: hidden;*/ margin: 0; padding: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slide{display: none; float: left; text-align:center; /*height: 100%; min-height: 1px;*/}
[dir='rtl'] .slick-slide{float: right;}
.visual-item > img{display: block; position:relative; margin-left:-1000px; left:50%;}
.slick-initialized .slick-slide{display: block;}
#mainVisual{position:relative; width:100%; overflow:hidden; z-index:33; height:1000px; background:#000;}
#mainVisual .visual-item{position:relative;overflow:hidden;}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:50%;left:50%; transform:translate(-50%, -50%);}

#mainVisual .slick-dots{position:absolute;left:50%; bottom:50px;  margin-left:-50px;}
#mainVisual .slick-dots li{float:left; margin:0;}
#mainVisual .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: rgba(255,255,255, 0.8); text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#mainVisual .slick-dots li.slick-active button{ width: 36px; background-color: #59c6d1;}
#mainVisual .visual-buttons{position:absolute; z-index:9999; bottom:40px; width:14px; left:50%; margin-left:33px;}
#mainVisual .visual-buttons button{display:inline-block; font-size:0; color:#fff;}
#mainVisual .visual-buttons i{font-size:22px; vertical-align:middle;}
#mainVisual .visual-buttons button.play{display:none;}
.LR_btn{position:absolute; width:100%; top:50%; left:0;}
.LR_btn li{display:inline-block;  position:absolute; top:45%; font-size:5rem; color:#fff; opacity:0.9; cursor:pointer; z-index:100;}
.LR_btn li.prev{left:50px;}
.LR_btn li.next{right:50px;}

.main_bg{background:#202124 url(../../images/main/main-pro-bg.jpg) no-repeat; background-position:center center; background-size:cover; padding-bottom:100px;}

#m_news_box{margin-top:-125px; position:relative; z-index:100; padding-bottom:85px;}
#m_news_box .inner{display:table; table-layout:fixed; width:100%; box-shadow:0 0 5px 8px rgba(0,0,0,0.3);}
#m_news_box .inner .t_layout{display:table-cell; padding:30px; box-sizing:border-box; vertical-align:top;}
#m_news_box .inner .sns_cont{background:rgba(242,129,1,0.93); width:25%;}
#m_news_box .inner .sns_cont .tit{font-size:2.5rem; color:#fff; font-weight:600;}
#m_news_box .inner .sns_cont .txt{font-size:1.6rem; color:#fff; margin-top:10px;}
#m_news_box .inner .sns_cont .icon_list{margin-top:10px; text-align:right;}
#m_news_box .inner .sns_cont .icon_list li{display:inline-block; margin-left:5px;}
#m_news_box .inner .sns_cont .icon_list li span{display:inline-block; width:38px; height:38px; border:2px solid #fff; border-radius:999px; line-height:34px; text-align:center;}
#m_news_box .inner .sns_cont .icon_list li span img{height:18px; vertical-align:middle; }
#m_news_box .inner .sns_cont .icon_list li span:hover{background:#bb6605;}
#m_news_box .inner .board_cont{background:rgba(255,255,255,0.93); font-size:0;}
#m_news_box .inner .board_cont dl{display:inline-block; width:calc((100% - 61px)/2); font-size:1.6rem;}
#m_news_box .inner .board_cont dl.bc_02{margin-left:30px; padding-left:30px; border-left:1px solid #c7c7c7;}
#m_news_box .inner .board_cont dt{position:relative;font-size:2.1rem; font-weight:700; color:#00567a;}
#m_news_box .inner .board_cont dl.bc_02 dt{color:#784000;}
#m_news_box .inner .board_cont dt .more_btn{position:absolute; top:0; right:0;}
#m_news_box .inner .board_cont dt .more_btn a{display:inline-block; width:27px; height:27px; border:1px solid #00567a; text-align:center; line-height:27px; color:#00567a;}
#m_news_box .inner .board_cont dt .more_btn a:hover{background:#00567a; color:#fff;}
#m_news_box .inner .board_cont dl.bc_02 .more_btn a{border-color:#784000; color:#784000;}
#m_news_box .inner .board_cont dl.bc_02 dt .more_btn a:hover{background:#784000; color:#fff;}
#m_news_box .inner .board_cont .list_box{margin-top:20px;}
#m_news_box .inner .board_cont .list_box li{position:relative; margin-top:10px; padding-right:70px;}
#m_news_box .inner .board_cont .list_box li a{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-weight:400;}
#m_news_box .inner .board_cont .list_box li a:hover{text-decoration:underline;}
#m_news_box .inner .board_cont .list_box li .date{position:absolute; top:0; right:0; font-weight:300; color:#919191;}

#m_program_box .title{font-size:3.5rem; color:#fff; font-weight:600; text-align:center; margin-bottom:30px;}
#m_program_box .title br{display:none;}

.tab_list{display:table; width:100%; table-layout: fixed; box-sizing:border-box;} 
.tab_list li{display:table-cell; background:#1d6484; text-align:center; border-left:1px solid #5d8ca1; font-size:1.8rem; color:#fff; line-height:1em; letter-spacing:0; padding:15px 0; font-weight:400; word-break:keep-all; word-wrap: break-word; box-sizing:border-box; cursor:pointer;}
.tab_list li:first-child{border-left:0;}
.tab_list li em{display:block; font-family: 'Noto Serif TC', serif; font-size:2.6rem; font-weight:600;  margin-bottom:12px; letter-spacing:0.05em;}
.tab_list li.active{background:#ffffff; color:#1d6484;}

.Tab_Form{position:relative; background:#fff; padding:55px 0; text-align:center; overflow:hidden;}
.Tab_Form:before{content:""; display:block; width:370px; height:370px; background:url(../../images/main/m_pro_deco.png) no-repeat; opacity:0.1; position:absolute; bottom:-80px; left:-50px;}
.Tab_Form:after{content:""; display:block; width:370px; height:370px; background:url(../../images/main/m_pro_deco.png) no-repeat; opacity:0.1; position:absolute; top:-80px; right:-50px;}
.Tab_Form.active{display:block;}
.Tab_Form .tit{font-size:3rem; font-weight:600; color:#1d6484; margin-bottom:40px;}
.Tab_Form #m_pro_list{position:relative; max-width:1100px; margin:0 auto; font-size:0; z-index:1;}
.Tab_Form #m_pro_list .item{display:inline-block; width:33.3%; font-size:1.6rem; }
.Tab_Form #m_pro_list .item .img_box span{display:inline-block; width:180px; height:180px; border:10px solid #e1eef4; border-radius:999px; overflow:hidden;}
.Tab_Form #m_pro_list .item .img_box span img{max-width:100%;}
.Tab_Form #m_pro_list .item .txt_box{margin-top:10px;}
.Tab_Form #m_pro_list .item .txt_box p{font-weight:400;}
.Tab_Form #m_pro_list .item .txt_box .t01{font-size:1.6rem; color:#1d6484;}
.Tab_Form #m_pro_list .item .txt_box .t02{font-size:2.1rem; font-weight:600;}
.Tab_Form #m_pro_list .item .txt_box .date{color:#777777; margin-top:10px;}
.Tab_Form #m_pro_list .item .txt_box .place span{display:inline-block; color:#777777; background:#fff; border:1px solid #d2d2d2; padding:5px 15px; font-size:1.4rem; margin-top:10px; font-weight:300;}
.Tab_Form .more_btn{margin-top:50px; text-align:center;}
.Tab_Form .more_btn a{display:inline-block; height:48px; line-height:48px; vertical-align:middle; font-size:1.8rem; font-weight:400; color:#fff; background:#053b54; padding:0 35px; border-radius:999px; box-shadow:0 0 2px 2px rgba(0,0,0,0.2);}
.Tab_Form .more_btn a i{display:inline-block; margin-left:20px; transition:all 0.2s;}
.Tab_Form .more_btn a:hover i{margin-left:25px;}

.p_LR_btn{display:none;}


@media (max-width:1024px) {
#mainVisual{height:500px;}
#mainVisual .visual-txt{transform:translate(-50%, -34%);}
#mainVisual .visual-txt img{height:230px;}
#m_news_box{margin-top:0px;  padding-bottom:0;}
#m_news_box .inner{display:block; padding:0;}
#m_news_box .inner .t_layout{display:block; padding:20px 15px; }
#m_news_box .inner .sns_cont{position:relative; width:100%;  word-break:keep-all; padding:15px; background:rgba(242,129,1,1);}
#m_news_box .inner .sns_cont .tit{font-size:2.1rem;}
#m_news_box .inner .sns_cont .txt{display:none;}
#m_news_box .inner .sns_cont .icon_list{position:absolute; top:50%; right:15px; transform:translateY(-50%); margin-top:0;}
#m_news_box .inner .sns_cont .icon_list li{margin-left:7px;}
#m_news_box .inner .sns_cont .icon_list li span{width:30px; height:30px; line-height:28px;}
#m_news_box .inner .sns_cont .icon_list li span img{height:15px;}
#m_news_box .inner .board_cont dl{display:block; width:100%;}
#m_news_box .inner .board_cont dl.bc_02{margin-left:0; padding-left:0; border-left:0; margin-top:20px; padding-top:20px; border-top:1px solid #c7c7c7;}
#m_news_box .inner .board_cont .list_box{margin-top:10px;}

.Tab_Form:before, .Tab_Form:after{width:300px; height:300px; background-size:100% auto;}
.Tab_Form #m_pro_list{max-width:700px;}
#m_pro_list .slick-dots{position:absolute; bottom:-30px; }
#m_pro_list .slick-dots li{display:inline-block; margin:0;}
#m_pro_list .slick-dots li button{ width: 12px; height: 4px; margin: 0 0.375rem; background-color: #f5f5f5; text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#m_pro_list .slick-dots li.slick-active button{ width: 36px; background-color: #0d9a7a;}

.p_LR_btn{display:block; position:absolute; width:100%; top:40%; left:0; }
.p_LR_btn li{display:inline-block;  position:absolute; top:auto; font-size:50px;  opacity:0.9; cursor:pointer; z-index:20;}
.p_LR_btn li.p_prev{left:20px;}
.p_LR_btn li.p_next{right:20px;}

}

@media screen and (max-width:767px){
#mainVisual{height:370px;}
#mainVisual .visual-txt{transform:translate(-50%, -25%);}
#mainVisual .visual-txt img{height:135px;}

.LR_btn{top:53%;}
.LR_btn li{font-size:3rem;}
.LR_btn li.prev{left:0px;}
.LR_btn li.next{right:0px;}

.main_bg{padding-bottom:40px;}

#m_news_box{margin-top:0; padding-bottom:40px;}
#m_news_box .inner .board_cont dt .more_btn a{vertical-align:middle;}
#m_news_box .inner .board_cont dt .more_btn a i{display:block; line-height:28px; }

#m_program_box .title{font-size:2.5rem; word-break:keep-all; margin-bottom:25px;}
#m_program_box .title br{display:block;}
.tab_list li{font-size:1.4rem;}
.tab_list li em{font-size:1.9rem;}
.Tab_Form{padding:25px 0;}
.Tab_Form:before, .Tab_Form:after{display:none;}
.Tab_Form .tit{font-size:2rem; margin-bottom:20px;}
.Tab_Form .more_btn{margin-top:25px;}
.Tab_Form .more_btn a{font-size:1.4rem; height:40px; line-height:42px; padding:0 25px;}

.p_LR_btn li{font-size:40px;}
.p_LR_btn li.p_prev{left:10px;}
.p_LR_btn li.p_next{right:10px;
}