@charset "utf-8";
/* CSS Document */

.doc{font-size:16px;}
.box1, .wrap{width:1400px; max-width:96%; margin: 0 auto; position: relative;}
.box0{padding:0 3em;}

@font-face {
    font-family: 'Shilla_CultureB-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/*header*/
#header,
.h_wrap,
#header .va_wrap{height:80px;}
#header{background-color:transparent; font-size:16px; z-index: 1000; position: fixed; top: 0; left: 0; width:100%; border-bottom:0}
#header .h_wrap .h_logo{z-index:10000; margin-left:-125px;}
#header .h_wrap .h_logo .logo_g{margin-right:15px;}
#header .h_wrap .h_logo .logo_02{display:none;}
#header .h_wrap .gnb{flex:auto;}
#header .h_wrap .gnb .depth1{float:none; padding: 0; margin:0 27px; position: relative;}
#header .h_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:400; color:#fff; min-width: inherit; position: relative;}
#header .h_wrap .gnb .depth1 > ul{background:#fff; min-width: 170px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .h_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:#095dcf; transform: scaleX(0); transition: .3s;}
#header .h_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; font-size:1em; padding: 15px 10px; letter-spacing: 0;}
#header .h_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .h_wrap .gnb .depth1:hover ul { max-height:500px;  opacity:1 }
#header .h_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #fff; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:#00b5f1!important; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb.a_on .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4,
#header .btn_gnb.a_on .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb.a_on .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3,
#header .btn_gnb.a_on .a_rd.a3{width:30px; border-radius: 50px;}

.scroll #header,
.sub #header{background-color:#fff;}
.scroll #header .h_wrap .h_logo .logo_01,
.sub #header .h_wrap .h_logo .logo_01{display:none;}
.scroll #header .h_wrap .h_logo .logo_02,
.sub #header .h_wrap .h_logo .logo_02{display:inline-block;}
.scroll #header .h_wrap .gnb .depth1 > a,
.sub #header .h_wrap .gnb .depth1 > a{color:#111;}
.scroll #header .btn_gnb .a_rd,
.sub #header .btn_gnb .a_rd{background-color:#666;}

/*footer*/
.main #pt_footer{position:relative; margin-top:0;}
#pt_footer{margin-top:10em; padding: 55px 0 40px; background-color: #222; font-size:16px;}
#pt_footer .f_logo{ opacity: .5; text-align: center;}
#pt_footer .f_menu{ }
#pt_footer .f_menu > li{margin-left: 40px; position: relative;}
#pt_footer .f_menu > li:before{content:''; width:3px; height: 3px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: -20px;}
#pt_footer .f_menu > li:first-child:before{display:none;}
#pt_footer .f_menu > li a{color:#fff; opacity: .8; position: relative; font-size:.938em;}
#pt_footer .f_menu > li a:hover{opacity: 1;}

#pt_footer .site_wrap{ position: relative; width:180px; }
#pt_footer .site_wrap .siteBtn{ border:1px solid #ddd; background:#222; color: #aaa; padding:.9em 1em; transition:.3s; border-radius: 10px;}
#pt_footer .site_wrap .siteBtn .xi{ margin-left:15px;}
#pt_footer .site_wrap .site{ position:absolute; left:0; z-index:10; top:0; margin-top:3.3em; width:100%; background:#222; opacity:0; visibility:hidden; transition:.3s; border:1px solid #ccc; box-sizing:border-box; height:115px; overflow-y: scroll; border-radius: 10px;}
#pt_footer .site_wrap:hover .site{ opacity:1; visibility:visible}
#pt_footer .site_wrap .site > li{ border-bottom:1px solid #ddd; text-align: left;}
#pt_footer .site_wrap .site > li:last-child{ border-bottom:0;}
#pt_footer .site_wrap .site > li > a{ display:block; font-size:.875em; padding:.75em; font-weight:300; color:#aaa; overflow:hidden; position:relative; transition:.3s; letter-spacing: -.5px;}
#pt_footer .site_wrap .site > li > a .icon:before{ content:"\e980"; font-size:.813em; margin-right:.125em}
#pt_footer .site_wrap .site > li > a:after{ content:"\e907"; font-family:xeicon!important; position:absolute; right:1em; top:50%; margin-top:-12px; transition:.3s}
#pt_footer .site_wrap:hover .siteBtn,
#pt_footer .site_wrap .site > li:hover > a{ background:#1b1b1b; color:#aaa; opacity:1}

#pt_footer .f_info{margin-top:30px; text-align: center;}
#pt_footer .f_info > li{display:inline-block; font-size: .938em; color:#fff; font-weight: 200; margin:0 30px 5px;letter-spacing:0px; opacity: .6;}
#pt_footer .f_info > li .st{font-weight:500; margin-right:10px;}
#pt_footer .f_copy{color:#fff; opacity: .3; font-size:.875em; margin-top:30px; text-transform: uppercase; font-weight: 300; letter-spacing: .5px; text-align: center;}
#pt_footer .f_copy a{color:#fff;}
#pt_footer .g_logo_list{ position:absolute; right: 0; bottom:0;}
#pt_footer .g_logo_list > li{margin:0 10px;}
#pt_footer .g_logo_list > li img{height:45px; width: auto;}
#pt_footer .g_logo_list > li.st1 img{height:32px; width: auto;}


.qk_list{position:fixed; bottom:.7em; right:.7em; z-index: 100;}
.qk_list .qk_btn{ display:block; width:2em; height: 2em; line-height: 2.1em; border-radius: 50%; text-align: center; box-shadow: 0 3px 0 rgb(0 0 0 / 15%); font-size: 1.85em; margin-top: 5px;}
.qk_list .qk_btn.kakao_btn{background:#ffcf3d; color:#512929!important;}
.qk_list .qk_btn.blog_btn{background:#3bb51c; color:#fff!important;}
.qk_list .qk_btn.face_btn{background:#124db7; color:#fff!important;}
.qk_list .qk_btn.ins_btn{background:linear-gradient(120deg, #574dc0, #b23086, #f09336); color:#fff!important;}
.qk_list .qk_btn.yout_btn{background:#d92121; color:#fff!important;}
.qk_list .qk_btn.top_btn{background:#333; color:#fff!important;}


/*=================================================================SUB=================================================================*/


/*서브공통*/
.container_title{font-weight:400; font-size:34px; padding-top:45px;}
.container_title:before{width:1px; height: 30px; margin-left:0; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top;}
.load .container_title:before{transform: scaleY(1); visibility: visible;}
.root_daum_roughmap .wrap_controllers{display:none;}
.map_con{border-radius: 50px 0 50px 0; overflow: hidden;}

#sub_visual{height:340px; margin-top:80px; position: relative;}
#sub_visual .sub_v_line{ position: absolute; top: 1.7em; left:1.7em; width:calc(100% - 3.4em); height: calc(100% - 3.4em); opacity: .6;}
#sub_visual .line_01{background-color: #fff; width:0%; height: 1px; position: absolute; top: 0; left:0; transition: .8s;}
#sub_visual .line_02{background-color: #fff; width:1px; height:0%; position: absolute; top: 0; right:0; transition: .8s; transition-delay: .8s;}
#sub_visual .line_03{background-color: #fff; width:0%; height: 1px; position: absolute; bottom: 0; right:0; transition: .8s;}
#sub_visual .line_04{background-color: #fff; width:1px; height:0%; position: absolute; bottom: 0; left:0; transition: .8s; transition-delay: .8s;}

.load #sub_visual .line_01{width:100%;}
.load #sub_visual .line_02{height:100%;}
.load #sub_visual .line_03{width:100%;}
.load #sub_visual .line_04{height:100%;}

#sub_visual h2{padding:0; font-weight: 700; font-size: 3.5em;}
#sub_visual h2:after{display:none;}

/*게시판 스킨 수정*/
#bo_list_total{font-size:17px;}
#bo_list_total .total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.25em; margin-right: 7px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);}
#bo_list_total .c_point{font-weight: 500;}

#sub_visual.sub10{background-image:url("../img/sub/sub01_top.jpg");}
#sub_visual.sub20{background-image:url("../img/sub/sub02_top.jpg");}
#sub_visual.sub30{background-image:url("../img/sub/sub03_top.jpg");}
#sub_visual.sub40{background-image:url("../img/sub/sub04_top.jpg");}
#sub_visual.sub50{background-image:url("../img/sub/sub05_top.jpg");}
#sub_visual.sub60{background-image:url("../img/sub/sub06_top.jpg");}
#sub_visual.sub70{background-image:url("../img/sub/sub07_top.jpg");}
#sub_visual.sub80{background-image:url("../img/sub/sub08_top.jpg");}

/*비밀번호*/
.mbskin.pw_st{max-width: 96%; width:380px; margin:30px auto 0;}
.mbskin.pw_st .mbskin_tt{font-size:1.825em; font-weight: 600; margin-bottom: 30px; color:#555;}
.mbskin.pw_st .mbskin_in{}
.mbskin.pw_st .mbskin_in fieldset{padding:0!important;}
.mbskin.pw_st .mbskin_in .input_st{font-size:1.125em;}
.mbskin.pw_st .mbskin_in .in{position:relative;}
.mbskin.pw_st .mbskin_in .in .input_st{padding:1em 1em 1em 3.5em !important;}
.mbskin.pw_st .mbskin_in .in .xi{position: absolute;left: 0; top: 50%; width: 3em; line-height: 3em; margin-top: -1.5em; text-align: center; color: #666; font-size:1.375em;}

/*sub_inc*/
.page_tt{font-size:1.625em; color:#111; margin-bottom:.5em; margin-top:3em;}
.page_stt{font-size:1.25em; color:#333;}
.page_tx{font-size:1.068em; color:#555;}
.page_stx{font-size:1em; color:#555;}

/*인사말*/
.intro_tit{padding: 9em 0; background-repeat: no-repeat; background-size: cover; background-position: center top; background-image: url(../img/sub/greet_bg.jpg);}
.intro_box{background-color:rgba(255,255,255,.95); padding:6em 15em 8em; box-sizing: border-box; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-bottom: 1em; border-radius: 40px; font-size:1.068em;}
.intro_box .in_icon{margin-bottom:25px;}
.intro_box .in_icon img{width:50px; height: auto;}
.intro_box .page_tt{font-weight: 600; font-size:2em; margin-bottom: 35px;}
.intro_box .page_tx{margin-top: 15px;}
.intro_box .page_tx .st{color:#111; font-size:1.068em; font-weight: 500;}
.intro_box .page_tx .st2{color:#006bc7; font-size:1.2em; font-weight: 600;}
.intro_box .ceo_tx{margin-top:60px;}
.intro_box .ceo_tx .ceo_name{color:#333; font-size:1.5em; margin-left:10px; letter-spacing: 1px; font-family: 'Shilla_CultureB-Bold'}
.intro_box .greet_img{position:absolute; bottom:-3.5em; right:1em;}

/*캐릭터*/
#character{padding-top:120px; position: relative;}
#character:before{content:''; width:100%; height: 900px; background-image: url(../img/sub/ch_bg.png); background-size: cover; background-position: center bottom; position: absolute; bottom:-140px; left: 0; z-index: -1;}
.char_list{margin-right:-90px; margin-top:80px;}
.char_list > li{width:33.33%;}
.char_list > li .in{margin-right:90px; text-align: center;}
.char_list > li .in .img_z{position:relative;}
.char_list > li.st1 .img_z:after{content:'';width:331px; height:323px; background-image: url(../img/main/infor_bg01.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); z-index: -1;}
.char_list > li.st2 .img_z:after{content:'';width:358px; height:306px; background-image: url(../img/main/infor_bg02.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); z-index: -1;}
.char_list > li.st3 .img_z:after{content:'';width:360px; height:311px; background-image: url(../img/main/infor_bg03.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); z-index: -1;}
.char_list > li .in .page_stt{margin:40px 0 15px; font-size:1.45em; font-weight: 700;}
.char_list > li.st1 .in .page_stt{color:#095dcf}
.char_list > li.st2 .in .page_stt{color:#49a549}
.char_list > li.st3 .in .page_stt{color:#19a3b7}

/*오시는길*/
#location{padding:120px 0 150px; background-color:#eef3f8; margin-top:120px;}
.location_box{ margin: -1em auto 0;}
.location_box .page_tt{font-size:1.375em;}
.location_box .page_tt .xi{background: #095dcf; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; text-align: center; margin-right: 16px;}	
.location_box .map_view{ border-top:3px solid #095dcf; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em; margin-top:2em; background-color: #fff; margin-bottom: 4em;}
.location_box .map_view .tt {padding-bottom:10px; font-size:1.125em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.location_box .map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.location_box .loc_w .st1{width:calc(100% - 510px); margin-right:10px; overflow:hidden;}
.location_box .loc_w .st2{ overflow:hidden;}
.location_box .info_list{margin-top:1em;}
.location_box .info_list > li {}
.location_box .info_list > li h3 { float:left; color:#222; font-size:1.375em; font-weight:500; position: relative; padding-top:7px;}
.location_box .info_list > li h3:before{content:''; width:25px; height: 2px; background: #005aaa; position: absolute; top:0; left: 0;}
.location_box .info_list > li h3.st:before{ background:#5da9f4; }
.location_box .info_list > li h3 .xi { font-size:1.125em; margin-right: 5px;}
.location_box .info_list > li .info { margin:0 0 0 240px;}
.location_box .info_list > li .info .in_list{background: rgba(255,255,255,1);  padding: 3em 2em; font-size:1.068em; border: 1px solid #cedde9;}
.location_box .info_list > li .info .in_list .nm_list > li{position:relative; padding-top:6px; padding-left:45px; margin-bottom:10px;}
.location_box .info_list > li .info .in_list .nm_list > li:before{content:''; width:36px; height: 36px; line-height: 36px; text-align: center; position: absolute; top: 0; left: 0; background-color: #095dcf; border-radius: 50%; color: #fff;}
.location_box .info_list > li .info .in_list .nm_list > li:nth-child(1):before{content:'1';}
.location_box .info_list > li .info .in_list .nm_list > li:nth-child(2):before{content:'2';}

/*주변관광지*/
.point_wrap{}
.point_wrap .in_box{ padding:2.5em 0;}
.point_wrap .in_box .img_z {flex:50%; padding-right:3.2em;}
.point_wrap .in_box .img_z .img_bg{height: 350px; background-color:#f9f9f9;}
.point_wrap .in_box .txt_z {flex:50%; padding-left:3.2em; box-sizing: border-box;}
.point_wrap .in_box .txt_z .page_tt{font-weight: 500;}
.point_wrap .in_box .txt_z .page_stt{margin-bottom:5px;}
.point_wrap .in_box .txt_z .po_info{margin-top:25px;}
.point_wrap .in_box .txt_z .po_info > li{margin-bottom:7px;}
.point_wrap .in_box .txt_z .po_info > li:last-child{margin-bottom:0px;}
.point_wrap .in_box .txt_z .po_info .xi{width:40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; border:1px solid #095dcf; margin-right:7px;}
.point_wrap .in_box .txt_z .po_info .st .xi{background-color:#095dcf; color:#fff;}
.point_wrap .in_box .txt_z .po_info .page_tx.c_point{width:40px;}
.point_wrap .in_box .txt_z .po_info .page_stx{width:calc(100% - 40px); margin-top:9px; padding-left:10px;}
.point_wrap .in_box .txt_z .po_info .st .page_stx{ margin-top:7px;}
.point_wrap .in_box .txt_z .po_info .map_link{display: inline-block; padding: 3px 10px; border: 1px solid #ddd; border-radius: 50px; font-size: .9em; color: #888; margin-left: 7px;}
.point_wrap .in_box .txt_z .po_info .map_link:hover{border-color:#095dcf; color:#095dcf;}
.point_wrap .in_box.rev .img_z {padding-left:3.2em; padding-right:0;}
.point_wrap .in_box.rev .txt_z {padding-right:3.2em; padding-left:0;}

/*시설 안내도*/
.fac_img img{border-radius: 30px; overflow:hidden;}

/*체험&축제*/
.sub .prog_cont{margin-top:125px;}
.prog_tit_stx{text-align: center; font-size: 1.25em; color: #555; font-weight: 300; margin-top: -35px;}
.prog_tit_stx .st{font-weight:600; color:#095dcf}

/*이용안내*/
.infor_top{margin:25px 0 10px; background:#eef3f8; border-radius:15px; padding: 3em 3.5em; font-size:1.2em; position: relative;}
.infor_top .infor_t_tx{padding-right:400px; line-height: 1.5;}
.infor_top .infor_t_tx .st2{margin-top:15px; font-size:.85em; color:#555; line-height:1.4}
.infor_top .infor_t_img{position:absolute; right:4em; bottom:15px;}
.infor_top .infor_t_img img{width:300px; height: auto;}
.infor_box{padding:0 10px; overflow: hidden;}
.infor_list{margin-right:-60px;}
.infor_list > li{width:16.66%; margin-top:60px;}
.infor_list > li .in{margin-right:60px; height:100%; text-align: center;}
.infor_list > li .in .saf_icon{margin-bottom:15px; width:150px; height: 150px; line-height: 150px; border-radius: 50%; text-align: center; margin: 0 auto 20px; background-color:#f9f9f9;}
.infor_list > li .in .page_tx{ line-height: 1.4; font-size:1em; margin-top:10px;}

.infor_stb .st1{background:#eef3f8; border-radius:10px; padding: 1.2em 3.5em; font-size:1.2em; line-height: 1; margin-top:20px; border:1px solid #c0ccd5;}
.infor_stb .st2{background:#fff; border-radius:10px; border:1px dashed #c0ccd5; padding: 2em 3.5em; margin-top:5px;}
.infor_stb .st2 > li{margin-bottom:5px; position: relative; padding-left:10px;}
.infor_stb .st2 > li:before{content:''; width:3px; height: 3px; border-radius: 50%; position: absolute; top: 9px; left:0; background-color: #195fb7;}
.infor_stb .st2 > li:last-child{margin-bottom:0;}

/*이용요금*/	
.in_wh{margin-right:-10px;}
.in_wh > li{width:50%; padding-right:10px;}

.table_st{table-layout:fixed; /*border-top: 2px solid #266aa6;*/ margin-bottom:10px;}
.table_st th,
.table_st td{ padding:1em 1em; border:1px solid #cdd9e3; text-align: center; line-height: 1.3;}
.table_st th{color:#222; font-size:1.068em;}
.table_st td{color:#333;}
.table_st .bg_01{background-color:#f9f9f9;}
.table_st .bg_02{background-color: #f0f8ff; color: #266aa6; border-top: 2px solid #266aa6; border-bottom: 2px solid #266aa6; font-weight: 500;}
.table_st .bar_w{color:#aaa; text-decoration: line-through;}
.table_st .won_a{font-size:1.125em;}


/*=================================================================MAIN=================================================================*/


/*메인 비주얼*/
.mainSlider{position:fixed; top: 0; left: 0; width:100%;}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.mainSlider .el .slog{position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); text-align: center;}
.mainSlider .el .slog .t1{font-size:4.125em; transform: translateY(1em); opacity: 0; line-height: 1.1; font-weight: 700; color:#fff;}
.mainSlider .el .slog .t2{font-size:1.375em; line-height: 1.5; font-weight: 200; transform: translateY(1em); letter-spacing:.5px; margin-top:35px; opacity: 0; color:#fff;}

.mainSlider .el.swiper-slide-active .slog .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slog .t2{ transform:translateY(0); opacity:.9; transition:1s; transition-delay:1s}

.mainSlider .mainSlider-control{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width:1600px; max-width:96%;}
.mainSlider .mainSlider-control > li{ border:1px solid #fff; opacity: .6; cursor: pointer; width:70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%;}
.mainSlider .mainSlider-control > li:hover{ opacity: 1; border-color: #fff;}

.mainSlider .scroll_wrap{position: absolute; bottom: 0; left:50%; transform: translateX(-50%); z-index: 10;}
.mainSlider .scroll_wrap .mainSlide_scroll{ color: #fff; text-align: center; font-weight: 300; letter-spacing: 1px; font-size:.938em;}
.mainSlider .scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 45px; background: rgba(255, 255, 255, 0.4); overflow: hidden; margin: 8px auto 0;}
.mainSlider .scroll_wrap .scroll_bar {width: 100%; height: 15px; background: #fff; animation: box-ani 2s linear infinite backwards;}

@keyframes box-ani { 
0% { transform: translate(0, -100%);} 
100% {transform: translate(0, 300%);}
}


/*main_inc*/
.main_tit{ margin-bottom: 35px; text-align: center;}
.main_tit .in_tt{ font-size:3em; color:#111; margin-top:20px; }
.main_tit .in_tx{color:#555; font-size:1.25em; font-weight: 300; margin-top:5px; line-height: 1.8;}
.bor_r{border-radius:30px;}
.bor_r2{border-radius:15px;}
.more_btn{width:50px; height: 50px; line-height: 50px; border-radius: 50%; border:1px solid #ddd; position: relative; transition: .3s;}
.more_btn:before{content:''; width:18px; height: 18px; background-image: url(../img/main/arr_right_g.png); background-position: center; background-repeat: no-repeat; display:block; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.main_content{background-color: #fff; position: relative; z-index: 10; margin-top:calc(100vh + 90px); box-shadow: 0px -10px 10px rgba(0,0,0,.05);}

.main_qk{ position: absolute; top: -60px; left:50%; transform: translateX(-50%);width:1600px; max-width:100%; }
.main_qk:after{content:''; display:block; width:100%; height:86px; background-color:#fff; position: absolute; top: -26px; border-radius: 100px 100px 0 0; box-shadow: 0px -10px 10px rgba(0,0,0,.05);}
.main_qk .box1{z-index:10;}
.main_qk .in_tt{width:185px; font-size:1.625em; font-weight: 700;}
.main_qk .main_qk_list{width:calc(100% - 185px);}
.main_qk .main_qk_list > li{width:calc(100% / 8);}
.main_qk .main_qk_list > li .in{text-align:center;}
.main_qk .main_qk_list > li .in .in_img{ position: relative;}
.main_qk .main_qk_list > li .in .in_img:after{content:''; width:80px; height: 80px; border-radius: 50%; background-color: #dcecfb; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: .3s;}
.main_qk .main_qk_list > li:nth-child(2n) .in .in_img:after{ background-color: #dcefdc;}
.main_qk .main_qk_list > li:nth-child(3n) .in .in_img:after{ background-color: #daeff4;}
.main_qk .main_qk_list > li .in:hover .in_img:after{width:110px; height: 110px;}
.main_qk .main_qk_list > li .in .in_txt{margin-top:7px; font-size:1.068em; color:#333;}

.main_prog{padding-top:180px;}
.prog_cont{margin-top:110px;}
.prog_cont .wrap_idx{overflow:inherit;}
.prog_cont .tab_idx{border:1px solid #095dcf; border-right:0; border-left:0; padding:5px 0; margin-bottom: 50px;}
.prog_cont .tab_idx > li a{ font-size:1.185em; color:#666; margin:0 35px; padding:9px 23px; min-width:135px; display:block; border-radius: 50px; position: relative;}
.prog_cont .tab_idx > li.on a{background-color:#095dcf; color:#fff!important;}
.prog_cont .tab_idx > li.on a:after{content:''; width:13px; height: 10px; background-image: url(../img/main/tab_icon.png); background-repeat: no-repeat; position: absolute; top: -10px; left: 30px;}
.prog_cont .tab_idx > li.on a:before{content:''; width:126px; height: 91px; background-image: url(../img/main/tab_img01.png); background-repeat: no-repeat; position: absolute; top: -97px; left: 50%; transform: translateX(-50%); background-size: contain;}
.prog_cont .tab_idx > li:nth-child(2).on a:before{width:150px; height: 85px; background-image: url(../img/main/tab_img02.png); top: -91px; left: 50%; transform: translateX(-42%);}
.prog_cont .tab_idx > li:nth-child(3).on a:before{width:192px; height: 102px; background-image: url(../img/main/tab_img03.png); top: -108px; left: 50%; transform: translateX(-50%);}
.prog_cont .tab_idx > li:nth-child(4).on a:before{width:117px; height: 89px; background-image: url(../img/main/tab_img04.png); top: -95px; left: 50%; transform: translateX(-40%);}
.prog_cont .tab_idx > li a:hover{color:#095dcf;}
.prog_cont .prog_list{margin-right:-40px; margin-top:-40px;}
.prog_cont .prog_list > li{width:33.33%; margin-top:40px;}
.prog_cont .prog_list > li .in{display:block; margin-right:40px; overflow: hidden; border:1px solid #ddd; transition: .3s; height:100%;}
.prog_cont .prog_list > li .in .img_z{width:100%; height:270px; background-color: #aaa;}
.prog_cont .prog_list > li .in .txt_z{padding:40px 40px 45px;}
.prog_cont .prog_list > li .in .txt_z .tbox{width:calc(100% - 50px)}
.prog_cont .prog_list > li .in .txt_z .tbox .pg_ctg{color:#aaa; display: inline-block; border-bottom:1px solid #ddd; margin-bottom: 15px; line-height: 1.2;}
.prog_cont .prog_list > li .in .txt_z .tbox .pg_tx{color:#333; font-size: 1.068em; width:100%; margin-bottom: 5px;}
.prog_cont .prog_list > li .in .txt_z .tbox .pg_tt{color:#333; font-weight: 600; font-size:1.5em; line-height: 1.2;}
.prog_cont .prog_list > li .in .txt_z .tbtn{width:50px}
.prog_cont .prog_list > li .in:hover{border-color:#095dcf;}
.prog_cont .prog_list > li .in:hover .txt_z .tbtn .more_btn{border-color:#095dcf; background-color:#095dcf;}
.prog_cont .prog_list > li .in:hover .txt_z .tbtn .more_btn:before{ background-image: url(../img/main/arr_right.png);}
.main_prog .prog_cont .add_btn .in{display:inline-block; padding: 16px 20px; border: 1px solid #aaa; border-radius: 50px; min-width: 175px; font-size:1.068em; color:#aaa; margin-top:50px;}
.main_prog .prog_cont .add_btn .in .tt{position:relative; padding-right:30px;}
.main_prog .prog_cont .add_btn .in .tt:after{content: ''; width: 18px; height: 18px; background-image: url(../img/main/arr_right_g.png); background-position: center; background-repeat: no-repeat; display: block; background-size: contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.main_prog .prog_cont .add_btn .in:hover{border-color:#095dcf; background-color:#095dcf; color:#fff;}
.main_prog .prog_cont .add_btn .in:hover .tt:after{background-image: url(../img/main/arr_right.png);}

.main_infor{margin-top:120px;}
.main_infor .inf_list{margin-top:60px;}
.main_infor .inf_list > li{width:33.33%; text-align: center;}
.main_infor .inf_list > li .img_z{position:relative;}
.main_infor .inf_list > li.st1 .img_z:after{content:'';width:331px; height:323px; background-image: url(../img/main/infor_bg01.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); z-index: -1;}
.main_infor .inf_list > li.st2 .img_z:after{content:'';width:358px; height:306px; background-image: url(../img/main/infor_bg02.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); z-index: -1;}
.main_infor .inf_list > li.st3 .img_z:after{content:'';width:360px; height:311px; background-image: url(../img/main/infor_bg03.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); z-index: -1;}
.main_infor .inf_list > li .tx{color:#333; font-weight: 600; font-size:1.5em; margin-top:15px;}
.main_infor .inf_list > li .tx .more_btn{margin-left:25px;}
.main_infor .inf_list > li:hover .tx .more_btn{border-color:#095dcf; background-color:#095dcf;}
.main_infor .inf_list > li:hover .tx .more_btn:before{ background-image: url(../img/main/arr_right.png);}

.main_photo{margin-top:120px; background-image: url(../img/main/photo_bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.main_photo .photo_slide{ position:relative;}
.main_photo .photo_slide .swiper-container{padding:35px 0;}
.main_photo .photo_slide .swiper-wrapper li.swiper-slide-prev .img_z img{transform:rotate(15deg);}
.main_photo .photo_slide .swiper-wrapper li.swiper-slide-active .img_z img{} 
.main_photo .photo_slide .swiper-wrapper li.swiper-slide-next .img_z img{transform:rotate(-15deg);}
.main_photo .photo_slide .swiper-wrapper li .in{text-align:center;}
.main_photo .photo_slide .swiper-wrapper li .in .img_z img{ border-radius:60px; overflow:hidden; transition: .3s; box-shadow:0 0 10px rgb(0 0 0 / 25%);}
.main_photo .photo_slide .photo_control{margin-top:60px;}
.main_photo .photo_slide .photo_control .xi{width:42px; height: 42px; line-height: 42px; border-radius: 50%; border:1px solid #ddd; color:#aaa; text-align: center; transition: .3s; cursor: pointer; margin:0 30px; background-color: #fff;}
.main_photo .photo_slide .photo_control .xi:hover{background-color: #095dcf; border-color:#095dcf; color:#fff;}
.main_photo .photo_slide .photo_control .photo_pagen{width:420px; height: 3px; background-color:#ddd; position: relative;}
.main_photo .photo_slide .photo_control .photo_pagen .swiper-pagination-progressbar-fill{background:#095dcf}
.main_photo .photo_slide .photo_img{ position:absolute; bottom:75px; left:50%; transform: translateX(-50%); text-align: right; z-index: 100; width:1500px; max-width:96%;}

.main_center{background-color:#eef3f8; padding: 120px 0 200px; }
.main_center .notice_list{margin-right:-30px;}
.main_center .notice_list > li{width:33.33%;}
.main_center .notice_list > li .in{display:block; background-color:#fff; padding:50px 45px 40px; margin-right:30px;}
.main_center .notice_list > li .in:hover{box-shadow: 0 0 20px rgba(0,0,0,0.07);}
.main_center .notice_list > li .in_dv .c_point{display:inline-block; border-bottom:1px solid #095dcf; line-height: 1.2;}
.main_center .notice_list > li .in_dv .in_tt{color:#333; font-weight: 600; font-size:1.25em; width:100%; margin:12px 0;}
.main_center .notice_list > li .in_dv .in_tw{color:#666; line-height: 1.4;}
.main_center .notice_list > li .more_wrap{margin-top:20px;}
.main_center .notice_list > li .more_wrap .in_date{color:#aaa; font-weight: 300; font-size:.95em;}
.main_center .notice_list > li .more_wrap .more_btn{width:45px; height: 45px; line-height: 45px;}
.main_center .notice_list > li .in:hover .more_wrap .more_btn{border-color:#095dcf; background-color:#095dcf;}
.main_center .notice_list > li .in:hover .more_wrap .more_btn:before{background-image: url(../img/main/arr_right.png);}
.main_center .bn_list{margin-right:-30px; margin-top:40px;}
.main_center .bn_list > li{width:50%;}
.main_center .bn_list > li .in{ display:block; margin-right:30px; padding:60px 200px 60px 80px; height:100%; border-radius: 30px 70px 30px 70px; position: relative; transition: .3s;}
.main_center .bn_list > li .in:hover{box-shadow: 0 0 15px rgba(0,0,0,0.3);} 
.main_center .bn_list > li .in .in_tt{font-weight:700; color:#fff; font-size:1.625em; margin-bottom: 7px;}
.main_center .bn_list > li .in .in_tx{color:#fff; font-size:1.25em; margin-bottom: 20px;}
.main_center .bn_list > li .in .bn_btn{padding:13px 30px; background-color:#fff; border-radius: 50px; display:inline-block;}
.main_center .bn_list > li .in .bn_btn .tt{ position: relative; padding-right:30px; color:#3a9ef3}
.main_center .bn_list > li .in .bn_btn .tt:after{content: ''; width: 15px; height: 15px; background-image: url(../img/main/arr_right_c.png); background-position: center; background-repeat: no-repeat; display: block; background-size: contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.main_center .bn_list > li .in .bn_tel .xi{width:50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; background-color: #fff; color:#2651a5; font-size:1.25em;}
.main_center .bn_list > li .in .bn_tel .tt{color:#fff; font-size:1.5em; font-weight: 700; margin-left:15px;}
.main_center .bn_list > li .in .img_01{position: absolute; bottom:-35px; right:30px;}
.main_center .bn_list > li .in .img_02{ position: absolute; bottom:-35px; right:30px;}

.prog_pop_wrap{height:100vh;}
.prog_pop_wrap .in_w{position:relative; width:650px;}
.prog_pop_wrap .in_w .modal--close{padding:0; right:40px;}
.prog_pop_wrap .in_w .modal--close:hover{color:#fff!important;}
.prog_pop_wrap .prog_pop_arr{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%;}	
.prog_pop_wrap .prog_pop_arr .xi{width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #ddd; color:#ddd; position: relative; transition: .3s; text-align: center; font-size:1.25em; cursor: pointer;}
.prog_pop_wrap .prog_pop_arr .xi:hover{background-color:#fff; color:#095dcf; border-color:#fff;}
.prog_pop_slide > li{display:none;}
.prog_pop_slide > li.on{display:block;}
.prog_pop_slide > li .in{width:500px; height: 600px; background-color: #fff; overflow: hidden; margin: 0 auto;}
.prog_pop_slide > li .in .img_z{height:250px; background-color:#f5f5f5;}
.prog_pop_slide > li .in .tbox {padding:30px;}
.prog_pop_slide > li .in .tbox .pg_ctg{color:#aaa; display: inline-block; border-bottom:1px solid #ddd; margin-bottom: 15px; line-height: 1.2;}
.prog_pop_slide > li .in .tbox .pg_tx{color:#333; font-size: 1.068em; width:100%; margin-bottom: 5px;}
.prog_pop_slide > li .in .tbox .pg_tt{color:#333; font-weight: 600; font-size:1.5em; line-height: 1.2;}

.prog_pop_A .prog_pop_slide > li .in .table_st th,
.prog_pop_A .prog_pop_slide > li .in .table_st td{padding:.7em .5em;}
.prog_pop_A .more_view a{display: inline-block; padding: 13px 30px; background: #4999df; border-radius: 50px; font-size: 1.125em; color: #fff; margin-top: 10px; transition: .3s;}
.prog_pop_A .more_view a:hover{background-color:#266aa6}
.prog_pop_A .more_view .tt{position:relative; padding-right:30px;}
.prog_pop_A .more_view .tt:after{content: ''; width: 15px; height: 15px; background-image: url(../img/main/arr_right.png); background-position: center; background-repeat: no-repeat; display: block; background-size: contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.prog_pop_B .prog_pop_wrap .in_w{width:950px;}
.prog_pop_B .prog_pop_slide > li .in{width:800px; height: 730px;}
.prog_pop_B .prog_pop_slide > li .in .table_st th,
.prog_pop_B .prog_pop_slide > li .in .table_st td{padding:.5em;}
.prog_pop_B .prog_pop_slide > li .in .img_z{height:190px;}
.prog_pop_B .prog_pop_slide > li .in .img_z *{height:100%;}
.prog_info_tx{display:none;}