/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.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-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}


/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Rubik', sans-serif;
*/


.main_c  {/*background: #e6e6e6;*/}
#header { background:rgba(255, 255, 255, 0.9);  width: 100%;z-index: 5; height: 95px; }


.body_wrap { width:1700px; margin:auto;}
.wrap { width:1400px; margin:auto;    }

/* 위로 올라가기 버튼 */
button.move-top{display:none;width:40px;height:40px;border-radius:100%; border:0px;background-color:#bbb; opacity:.6;}
button.move-top-fix { display:block; position:fixed; bottom:10px;right:10px; }

/*header 시작*/ 

.hd_top_1 {
    color: #333;
    padding: 10px;
    width: 201px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12;
    text-align: right;
}
.hd_top_1 span {
    font-size: 15px;
    color: #333;
    position: absolute;
    right: 0;
    display: block;
    }



/*hd_top*/
.hd_top {text-align: right;   position:relative;}
.hd_top h1 {width: 170px; top: 35px; position: absolute; left: 25px;z-index: 12;}
.hd_top h1 a {   display: block;}
.hd_top h1 a img {    width: 100%;}
.hd_top .hd_top_1 {    /*! position: absolute; *//*! left: 0; */ /*! padding-top: 10px; */}
.hd_top .hd_top_1 a:hover  { color:#589a3e;   }
.hd_top .hd_top_2 {position: absolute;right: 0;top: 38px;z-index: 12;}
.hd_top article { display:inline-block; position: relative; bottom: 3px; margin-left: 3px;}
.hd_top article a span { color:#666 !important;}
.hd_top .hd_top_1  a { font-size: 15px;   }
.hd_top span .top_m {margin: 0 0 0 7px;}
.hd_top span .top_m2 { color:#666; margin: 0 7px;     }

.hd_top #top_search {   text-align: center;  margin: 0 3px;  background: #2f5da4;width: 40px;height: 38px;line-height: 45px;border-radius: 5px;display: none;}
.hd_top #top_search i {     color: #fff; font-size: 25px;  }
.hd_top #top_search img { width:33px;}
.hd_top .btn_sm  {  display: inline-block; text-align: center;  margin: 0 3px;  background: #589a3e;width: 40px;height: 38px;line-height: 45px;border-radius: 5px;  
transition: background-image 0.5s ease-out;}
.hd_top .btn_sm:hover { background-image: linear-gradient(120deg, #589a3e 0%, #264653 100%);  }
.hd_top .top_menu i {     color: #fff;  font-size: 25px;  }
.hd_top .top_menu  img { width:33px;}

.hd_top article .goog-te-gadget-simple {  padding: 3px 0px; }

/* hd_top_The Modal (background) */
        .modal {
            /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999999999; /* Sit on top */
            left: 0;
            
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background:url("../_img/sitemap_bg.jpg") no-repeat center ;
			top: -2000px;
			
			transition: top 0.5s ease-out; ;
        }
    
	    .sitemap_open {  top:0;  }
	
    
        /* Modal Content/Box */
        .modal-content {
            /*background-color: #fefefe;*/
            /*! margin: 10% auto; */ /* 15% from the top and centered */
            padding: 20px;
            /*! border: 1px solid #888; */
            width: 100%; /* Could be more or less, depending on screen size */                          
            height: 100%;
        }
        /* The Close Button */
        .modal-content .close {
            color: #35542a;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
       .modal-content .close:hover,
       .modal-content .close:focus {
            color: #5a9360;
            text-decoration: none;
            cursor: pointer;
        }
       
	   .modal-content #m_logo { display:none;    }
	   #menu_top { display:none;}
	   .modal-content h3 {text-align: center; font-size: 3vw; padding: 60px 0; margin-bottom: 15px; color:#5f9c8b;    letter-spacing: 10px;}
	    #m_nav .map-1 { float:left;  width: 100%; text-align: center;  margin-bottom: 20px;        }
	   #m_nav:after { content:""; clear:both; display:block; }
	   #m_nav .map-1:after { content:""; clear:both; display:block; }
	   #m_nav .map-1 > li {   width: 20%; float:left;  text-align: center; }
	   #m_nav .map-1 > li i { display:none;}
	   #m_nav .map-1 > li > a {  font-size: 18px; margin-bottom: 33px; color: #f3f1d3;  }
	   #m_nav .map-1 > li > a span {font-size: 1.8vw;   }
	   #m_nav .map-1 > li span { display:none;}
	   #m_nav .map-1 > li a >span { display:inherit;}
	   #m_nav .map-1 .map-2 {   width: 100%;  }
	   #m_nav .map-1 .m_block { display: block !important;  }
	   
	   #m_nav .map-1 .map-2 li { margin: 25px 0;    }
	   #m_nav .map-1 .map-2 li a span {   font-size: 1.1vw; color: #fff;  }
	   #m_nav .map-1 .map-2 li a:hover span { color:#fff ; font-weight:bold;   }
	  /* #m_nav .m_menu { float:left;  width: 100%; text-align: center;  margin-bottom: 20px;     margin-top: 10px;    }
	   #m_nav:after { content:""; clear:both; display:block; }
	   #m_nav .m_menu:after { content:""; clear:both; display:block; }
	   #m_nav .m_menu > li {   width: 16.6666%; float:left;  text-align: center; }
	   #m_nav .m_menu > li > a {  font-size: 18px; margin-bottom: 33px; color: #009b98;  }
	   #m_nav .m_menu > li span { display:none;}
	   #m_nav .m_menu .m_sub {   width: 100%;  }
	   #m_nav .m_menu .m_block { display: block !important;  }
	   
	   #m_nav .m_menu .m_sub li { margin: 30px 0;    }
	   #m_nav .m_menu .m_sub li a { font-size: 15px; color: #666;  }
	   #m_nav .m_menu .m_sub li a:hover { color:#009b98 ; font-weight:bold;   }*/
	   



.modal-content .top_m  { display:none !important;}


/*nav*/

.nav {width: 1700px;border-radius: 10px 10px 0 0;}
#wrap {position:relative; z-index:1; min-height:100%;}
.container {/*! position:relative; */ /*! /*! z-index:1; */ /*! max-width:75%; */ /*! margin:0 auto; */ position: relative;z-index: 1;/*max-width: 1210px;*/margin: 0 auto;padding: 0 5px;}

.header {position:relative; z-index:100; padding-top:45px;}
.main_header {position:absolute; z-index:11; background-color:#FFF;width: 1700px;height: 95px;padding-top: 10px;}
.main_header .container {position:relative; z-index:10;}
.head_logo {position:absolute; left:5px; top:50%; z-index:1; margin-top:-21px;}


/*.gnb.sm .map-1 { width: 100%; padding: 0 370px 0 400px;}*/
.gnb  .map-1 { width: 100%;  padding: 15px 60px 0 230px;   }

.gnb .map-1  .map-1-item {position:relative; z-index:1; float:left;width: 20%;}
.gnb .map-1  .map-1-item>a {display:block; padding: 20px 0; 
height: 70px;
width: 100%;
text-align: center;
}

.gnb .map-1  .map-1-item:hover>a { border-color:#274277;   }
.gnb .map-1  .map-1-item>a span { color: #3e3e3e; font-size: 21px; font-weight: 500; letter-spacing: -0.5px;  }
.gnb .map-1  .map-1-item>a:hover span { color:#31682c;    }



.gnb .map-2 {display:none; overflow:hidden; position:absolute; left:0; top:70px; z-index:1; width:100%; height:340px; padding-top:10px; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s;}
.gnb .map-1  .map-1-item  .map-2   {    }
.gnb .map-1  .map-1-item:hover .map-2,   .map-1  .map-1-item:focus  .map-2 {background:url("../_img/menu_bg.jpg") no-repeat center top; }
.gnb .map-1  .map-1-item:hover .map-2 li a span { color:#fff;  font-weight:bold;  }

.gnb .map-1  .map-1-item:hover .map-2 li a,   .map-1  .map-1-item:focus  .map-2 li a { }
.gnb .map-2  .map-2-item {    padding: 6px 10px; text-align: center; /*height:38px;*/}
.gnb .map-2  .map-2-item  a {color:#fff; word-break:keep-all; line-height: 150%; }
.gnb .map-2  .map-2-item  a span {font-size: 16px; color:#626871;    }

.gnb .map-2  .map-2-item  a:hover span, .map-2  .map-2-item  a:focus span { text-decoration:underline; }




.gnb_bg {display:none; position:absolute; left:0; top:95px;  width:100%; background-image: linear-gradient(135deg, #f5f7fa 0%, #d9e0eb 100%); height: 300px; z-index: 4; }
.gnb_bg .container {height:372px; }
.black_bg {display:none; position:fixed; left:0; top:120px; right:0; bottom:0; z-index:3; background-color:rgba(0,0,0,0.8); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#1A000000,endColorStr=#1A000000)";}



/*header 끝*/ 

.main_con {    position: relative;  padding-bottom: 40px;}

.main_con_btn {   }
.main_con_btn:after{content:''; display:block; clear:both;}
.main_con_btn li { float:left; width:50%; position: relative;}
.main_con_btn li a { display:block; font-family: 'S-CoreDream'; padding: 22px 70px 22px 0;
  height: 100px;}
.main_con_btn li a .xi-book, .main_con_btn li a .xi-desktop  {  font-size: 46px;margin: 0 10px 0 20px;position: relative;top: 5px;}
.main_con_btn li a b {font-size:38px;letter-spacing: -4px;font-weight: 500;margin-right: 15px;font-family: 'NotoSerifKR';}
.main_con_btn li a .xi-angle-right-thin {    font-size: 60px;position: absolute;right: 15px;}
.main_con_btn li a .main_con_btn_txt {    font-size: 24px;font-family: 'S-CoreDream';}
.main_con_btn li:nth-child(1) a { background:#589a3e; color:#fff; transition: background 0.3s ease-out;  } 
.main_con_btn li:nth-child(1) a .main_con_btn_txt {   display: inline-block;position: relative;top: 5px;}
.main_con_btn li:nth-child(1) a .main_con_btn_txt small {   display: block;}  
.main_con_btn li:nth-child(2) a { background:#31682c; color:#fff; transition: background 0.3s ease-out; } 
.main_con_btn li:nth-child(1) a:hover {  background:url("../_img/main_con_btn_bg1.jpg") no-repeat center top;  }
.main_con_btn li:nth-child(2) a:hover {  background:url("../_img/main_con_btn_bg2.jpg") no-repeat center top;  }





.main_body_wrap { width:100%;      }

.top_main:after{content:''; display:block; clear:both;}
.top_main #main_vis  { position:relative;    }



#banner_con, #banner_notice  {   }

#banner_con .slick-list {       }
#banner_con .slick-arrow{z-index: 2;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-25px);
    outline: none;
    border: 0;
    font-size: 0; border-radius:50%  }
#banner_con	.slick-prev { background: #6ed1de url(../_img/main_top_arrow_prev.png) center center no-repeat; left:-25px; }
#banner_con	.slick-next { background: #6ed1de url(../_img/main_top_arrow_next.png) center center no-repeat; right:-25px; }


/*main_vis*/
#main_vis {width: 100%; height:555px;  overflow: hidden;   }
#main_vis .banner { width:100%;  height:555px;     }


.main_txt_bg {   width: 665px;margin: 85px auto 0 auto;text-align: center;}




.banner-item div{height:555px;     }
#main_vis .banner-item .inner {  
/*position:relative; top:50%; 
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);*/
}


#main_vis .txt { font-family: 'Rubik', sans-serif;  width: 532px;  margin: auto; padding-top: 60px; background: rgba(255,255,255,0.8); height: 390px;}
#main_vis .txt dl {text-align: center;}
#main_vis .txt dl dt { font-family: 'S-CoreDream';  }
#main_vis .txt dl dt b {display:block;font-size: 72px;font-weight: 500;color: #51804b;/* font-family: 'S-CoreDream'; */margin:10px 0;font-family: 'NotoSerifKR';  letter-spacing: -5px;}
#main_vis .txt dl dt small {color:#636363;font-size: 17px;/* font-family: 'S-CoreDream'; */line-height: 150%;letter-spacing: -1px;font-weight: 400;}
#main_vis .txt dl dt small span {display:block;font-size: inherit;/* font-family: 'S-CoreDream'; */font-weight: 400;}
#v .txt dl dt small { display:block;  letter-spacing: 0;  font-weight: bold; padding-left: 7px;font-size: 1.9vw;}
#main_vis .txt dl dd {letter-spacing: 0;font-size: 26px;font-weight: 300;color: #9e7b52; font-weight: 300;}
#main_vis .txt dl dd span{font-size: inherit;display:block;font-weight: 300;}
#main_vis .txt .since { font-size:22px;  width: 557px;padding-left: 10px;text-transform: uppercase;letter-spacing: 1.3px;}
#main_vis .txt .since strong { font-size:20px; margin-top: 20px; font-weight: bold;  }
#main_vis .more_s1 { margin-top:60px;}
#main_vis .more_s1 { margin-top:60px;}

.visu01 .txt dl dt { color:#262323;   }
.visu01 .txt dl dd { color:#262323;   }
.visu01 .txt  .since {  color:#262323;    }

.visu02 .txt dl dt,
.visu02 .txt dl dd { color:#262323;}
.visu02 .txt  .since { color:#262323;}

#main_vis .slick-dots { position:absolute; width:100%; text-align:center; bottom:58px;}
#main_vis .slick-dots li { margin-right:24px; display:inline-block; vertical-align:middle;}
#main_vis .slick-dots li:last-child { margin:0;}
#main_vis .slick-dots li button { width:9px; height:9px; background:#fff; border-radius:50%; padding:0; text-indent:-9999px; border:none; vertical-align:middle;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;}
#main_vis .slick-dots li.slick-active button { width:15px; height:15px; background:none; border:4px solid #00b0f0;}





/*main_vis animation*/
.transition_6 {
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}

.translate_x_100{
transform:translateY(-100px);
-moz-transform:translateY(-100px);
-webkit-transform:translateY(-100px);
-o-transform:translateY(-100px);
-ms-transform:translateY(-100px);
opacity:0;
}

.translate_x_play {
transform:translateY(0);
-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
-ms-transform:translateY(0);
opacity:1;
}


.transition_d_2{
transition-delay:0.2s;
-moz-transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-o-transition-delay:0.2s;
-ms-transition-delay:0.2s;
}

/*main_con_news_box*/

.main_con_news_box  {    padding: 30px 0;}
.main_con_news_box:after{content:''; display:block; clear:both;}
.main_con_news_box h3  { float:left;    width: 350px;display: block;text-align: center;font-size: 26px;font-weight: bold;color: #434343;line-height: 150%;}
.main_con_news_box h3 b {display:block;font-family: 'S-CoreDream';font-size: 54px;font-weight: 600;font-family: 'NotoSerifKR';}
.main_con_news_box ul  { float:left;    width: calc( 100% - 350px );}
.main_con_news_box ul:after{content:''; display:block; clear:both;}
.main_con_news_box ul li { float:left;    width: 33.3333%;padding-top: 5px;}
.main_con_news_box ul li a { display:block;    }
.main_con_news_box ul li a small { display:block;  background: #434343;color: #fff;font-size: 15px;width: 95px;padding: 3px 0;text-align: center;margin-bottom: 7px; transition: background 0.3s ease-out;}
.main_con_news_box ul li a .n_tit {   font-size: 22px;color: #434343;font-weight: 500;height: 30px;display: block;max-width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: color 0.3s ease-out;margin-bottom: 5px; }
.main_con_news_box ul li a .date {   }
.main_con_news_box ul li a:hover .n_tit {color: #31682c;}
.main_con_news_box ul li a:hover small {background: #31682c;}

/*main_con_about_box*/

.main_con_about_box { background:url("../_img/main_con_about_box_bg.jpg") no-repeat center bottom; color:#fff;   }
.main_con_about_box:after{content:''; display:block; clear:both; }
.main_con_about_box article { float:left;  color:#fff; text-align: center; width: 25%; padding: 90px 0;}
.main_con_about_box article h3 {font-family: 'S-CoreDream';font-size: 54px;font-size: 46px;font-weight: 500;margin-bottom: 10px;font-family: 'NotoSerifKR';}
.main_con_about_box article b {font-size: 28px;font-weight: 500;margin-bottom: 10px;display: block;font-family: 'NotoSerifKR';}
.main_con_about_box article p {font-size: 17px;text-align: left;width: 209px;display: block;margin: auto;  }
.main_con_about_box ul { float:left;  width: 75%; padding: 75px 0; }
.main_con_about_box ul:after{content:''; display:block; clear:both;}
.main_con_about_box ul li {  float:left; width: 25%;  border-right: 1px solid #fff; height: 160px;}
.main_con_about_box ul li:last-child { border-right: 0;  }
.main_con_about_box ul li a {  text-align: center; display: block; padding-top: 10px; transition: padding-top 0.3s ease-out;}
.main_con_about_box ul li a img { display:block; margin: auto;   width: 135px;margin-bottom: 10px;}
.main_con_about_box ul li a span { font-size: 24px; color: #fff;  }
.main_con_about_box ul li a:hover {  padding-top: 0;    }
.main_con_about_box ul li a:hover span {  font-weight: bold;  }
.main_con_about_box ul li a:hover img{background: #589a3e; border-radius: 50%;  height: 135px; padding: 20px 0;}

/*main_con_icon_box*/

.main_con_icon_box {       }
.main_con_icon_box:after{content:''; display:block; clear:both;}
.main_con_icon_box li {   float:left;  text-align: center; width: 25%;  }
.main_con_icon_box li a { color: #214331;   padding: 20px 0; display: block; } 
.main_con_icon_box li a img {    width: 75px;margin-right: 10px;} 
.main_con_icon_box li a span {font-size: 29px;/* font-family: 'S-CoreDream'; */font-weight: 500;height: 70px;display: inline-block;line-height: 70px;/* font-family: 'NotoSerifKR'; */} 
.main_con_icon_box li:nth-child(1) a {  background-color: #41af62; }
.main_con_icon_box li:nth-child(2) a {  background-color: #a4da77; }
.main_con_icon_box li:nth-child(3) a {  background-color: #ffe374; }
.main_con_icon_box li:nth-child(4) a {  background-color: #b6ca53; }
.main_con_icon_box li a:hover {background: #70e1f5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #d8eeb8, #f5f2ec);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #d8eeb8, #f5f2ec); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.main_con_icon_box li a:hover span {    font-size: 32px;}


/*main_con_info_box*/
.main_con_info_box { background:url("../_img/main_con_info_box_bg.jpg") no-repeat center bottom;  text-align: center;padding: 30px 0;}
.main_con_info_box b {font-size:42px;font-weight: 400;color:#fff;font-family: 'S-CoreDream';margin: 0 10px;font-family: 'NotoSerifKR';}
.main_con_info_box .info_box_txt1 {   font-size:30px; color:#fff;  font-family: 'S-CoreDream';margin: 0 10px;}
.main_con_info_box .info_box_txt2 {font-size:30px;color:#92d677;margin: 0 10px;font-family: 'NotoSerifKR';}


/*상단 알림존*/
#banner_con {  }
#banner_con .banner article img  { width:100%;    /*! border: 1px solid #636363; */}
#banner_con .slick-dots { position: absolute; left:10px; top:0;  padding-top: 10px; height:30px;  }

#banner_con .slick-dots li {  margin-bottom: 5px;}

#banner_con .slick-dots li:first-child {        }
#banner_con .slick-dots li:last-child { margin-right:0;   }
#banner_con .slick-dots li  button { width:15px; height:15px;  background: rgba(255, 255, 255, 0.5); text-indent: -9999px;  border: none;   border-radius: 50%;}
#banner_con .slick-dots .slick-active button { background:#fff;  height:30px; border-radius:10px;}


#banner_notice .banner article img  { width:100%;    /*! border: 1px solid #636363; */}
#banner_notice .slick-dots { position: absolute; right:10px; top:0;  padding-top: 10px; height:30px;  }
#banner_notice .slick-dots:after{content:''; display:block; clear:both;}
#banner_notice .slick-dots li { float: left; margin-right:3px;}

#banner_notice .slick-dots li:first-child { margin-left:10px;       }
#banner_notice .slick-dots li:last-child { margin-right:0;   }
#banner_notice .slick-dots li  button { width:15px; height:15px;  background: rgba(0, 0, 0, 0.5); text-indent: -9999px;  border: none;   border-radius: 50%;}
#banner_notice .slick-dots .slick-active button {  background:#000;  width:15px;}



/*main_vis animation*/
.transition_6 {
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}

.translate_x_100{
transform:translateY(-100px);
-moz-transform:translateY(-100px);
-webkit-transform:translateY(-100px);
-o-transform:translateY(-100px);
-ms-transform:translateY(-100px);
opacity:0;
}

.translate_x_play {
transform:translateY(0);
-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
-ms-transform:translateY(0);
opacity:1;
}


.transition_d_2{
transition-delay:0.2s;
-moz-transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-o-transition-delay:0.2s;
-ms-transition-delay:0.2s;
}
/*animation 끝*/


.quick_box {margin-top: 20px;z-index: 1;position: relative;}
.quick_box:after{content:''; display:block; clear:both; } 


/*icon_zone*/
.icon_zone {   margin-top: 20px; float:left; width: calc( 100% - 430px ); }
.icon_zone h3 {   font-size: 32px;font-weight: bold;color: #222;margin-bottom: 10px;}
.icon_zone ul {   }
.icon_zone ul:after{content:''; display:block; clear:both;}
.icon_zone ul li { float:left; width:25%; text-align:center;  }
.icon_zone ul li a  {  display:block; text-align:center;  transition: all 0.3s ease-out;   }
.icon_zone ul li a .icon_img {display: block;  width: 116px;height: 116px;border-radius: 50%;background: #e9f9ff;margin: auto;padding-top: 8px; margin-bottom: 5px;  transition: all 0.3s ease-out;}
.icon_zone ul li a .icon_img img { width: 90px; transition: all 0.3s ease-out; }
.icon_zone ul li a .icon_tit {    color: #5c84a2;font-size: 22px;font-weight: 500; transition: all 0.3s ease-out;}
.icon_zone ul li a:hover .icon_img {  background: #92cdee; }
.icon_zone ul li a:hover .icon_tit {  color: #26506f; }
.icon_zone ul li a:hover .icon_img img { width: 95px; }

/*journal_zone*/
.journal_zone { float:left; width:430px;   height: 180px;background: url(../_img/journal_zone_bg.jpg) no-repeat left top;position: relative; padding-top: 20px;}
.journal_zone img { position:absolute;  top: 15px;left: 10px;}
.journal_zone article {     margin-left: 135px;}
.journal_zone article h3 { font-size:22px; color:#fff;    font-weight: bold;}
.journal_zone article .journal_zone_link1 {   display: inline-block;width: 44%;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 5px;margin-top: 15px;padding: 5px 0;font-size: 19px;margin-right: 2%;  transition: all 0.3s ease-out; }
.journal_zone article .journal_zone_link2 {   font-size: 19px;text-align: center;width: 90%;background: #00a0e8;color: #fff;padding: 5px 0;margin-top: 10px;border-radius: 5px;  transition: all 0.3s ease-out; display:block; }
.journal_zone article .journal_zone_link1:hover { background:#fff; color:#333;    } 
.journal_zone article .journal_zone_link2:hover { background:#fff; color:#00a0e8;   } 

/* mainVisual 끝 */

/*notice_box */
.notice_box {  float: left;width: calc( 100% - 432px );  }
.notice_box h3 {     font-size: 32px;font-weight: bold;color: #5c84a2;margin: 20px 20px 10px 20px; position:relative;}
.notice_box h3 span { position:absolute; right:0;     }
.notice_box h3 span a {    color: #5c84a2;font-size: 18px;display: inline-block;border: 1px solid #5c84a2;border-radius: 5px;padding: 5px 15px;margin-left: 5px; transition: all 0.3s ease-out; }
.notice_box h3 span a:hover { background:#5c84a2; color:#fff;   } 
.notice_box .news_box ul  {     }
.notice_box .news_box ul:after{content:''; display:block; clear:both; }
.notice_box .news_box ul li { float:left; width:33.3333%;  }
.notice_box .news_box ul li.no_txt {  margin-left: 20px; }

.notice_box .news_box ul li a { display:block; color:#222; border-radius:10px;   padding: 0 10px 0 20px;box-sizing: border-box; }
.notice_box .news_box ul li a .n_tit { font-size:19px; font-weight:500;  line-height: 140%; transition: color 0.3s ease-out;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
overflow: hidden;
height: 55px;   
margin-bottom: 5px;
}
.notice_box .news_box ul li a .n_con {  font-size: 15px;
color: #464646;
font-weight: 300;
line-height: 160%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
overflow: hidden;
height: 51px; 
margin-bottom: 10px;
}
.notice_box .news_box ul li a .date { font-size:14px; color:#5c84a2;   display: block; transition: all 0.3s ease-out;}
.notice_box .news_box ul li a:hover .n_tit  { color:#3e6888;   }











.slick-dots2 {  position:absolute; left:240px; top:26px;  }

.slick-dots2:after{content:''; display:block; clear:both;}
.slick-dots2 li {  float: left; margin-right:3px;  }
.slick-dots2 li:last-child { margin-right:0;   }
.slick-dots2 li button {width:15px; height:15px; background:#5f5f5f; text-indent: -9999px; border: none;   border-radius: 50%;}
.slick-dots2 .slick-active button { background: #0053a4;   width:15px;}




.logo_img { width:69px;      }


/*layer_pop*/
#layer_pop {background: linear-gradient(30deg, #17308b, #1da34d); padding:20px 0;   }
#layer_pop article {   width: 1200px; margin: auto; color:#fff; position:relative; }
#layer_pop article span { font-size: 16px;  }
#layer_pop article .more_btn_st {display: inline-block;color: #fff;border: 1px solid #fff;padding: 3px 10px;margin: 0 10px;    }
#layer_pop article .more_btn_st:hover { background:#fff; color: #0d7d6d;  }
#layer_pop article .close_btn { position:absolute; right:0; color:#fff;     }



/*상단 알림존*/

#board_zone { background: #e9e9e9;
padding: 60px 0;  }

#board_zone .wrap:after{content:''; display:block; clear:both;}



#board_zone #conf_zone  { float:left;  width: 48.5%; margin-right:3%;  }

#board_zone #conf_zone h2  {  font-size: 30px;
padding-bottom: 10px;
margin-bottom: 8px;
color: #000;
font-weight: 500; }

#board_zone #conf_zone section  { width:100%; background: url("../_img/conf_bg.png") no-repeat right center; height: auto;  }
#board_zone #conf_zone section ul  { margin-left:30%; background:rgba(0,0,0,0.5);   height: 220px; padding: 50px 20px; }
#board_zone #conf_zone section ul li {  margin-bottom: 15px; position:relative; }
#board_zone #conf_zone section ul li a {font-size: 24px; color: #fff;  display: block;  }
#board_zone #conf_zone section ul li a:hover { color:#F8FFB1;   }
#board_zone #conf_zone section ul li a span { position: absolute;
right: 0;
font-size: 28px;
font-weight: 100;  }


#con3 { position: absolute;
width: 100%;
height: 150px;

box-sizing: border-box;
margin-top: 25px;
 }
.con_wrap  { width:90%; margin:auto;   text-align: left;}
.con_wrap  .quick_banner {  height:140px; bottom:0; left:50%;   z-index:501; }


/* General grid styles */
.cbp-ig-grid {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;

}

/* Clear floats */
.cbp-ig-grid:before, 
.cbp-ig-grid:after { 
	content: " "; 
	display: table; 
}

.cbp-ig-grid:after { 
	clear: both; 
}

/* grid item */
.cbp-ig-grid li {
	width: 171px;
	float: left;
	height: 140px;
	text-align: center;
	
	
}



/* anchor style */
.cbp-ig-grid li > a {
	display: block;
	height: 100%;
	color: #000;
padding-top: 20px; transition: padding-top 0.2s ease-out;}

.cbp-ig-grid li > a h3 {     font-size: 22px;
    line-height: 24px; color:#fff;   }

.cbp-ig-grid li > a:hover {padding-top: 0;    }







/* 갤러리 */

#m_contents2 { width:1200px;overflow:hidden; padding:25px 0;  margin: 10px auto;}
#m_contents2:after { content:""; clear:both; display:block; } 
#m_contents2 .gallery { width:850px; position:relative; overflow:hidden; float:left;  }
#m_contents2 .gallery h2 {font-size: 26px; margin-bottom: 10px;
color: #291913;
font-weight: 500;  

}
#m_contents2 .gallery .swiper-container3 {  overflow:hidden; padding-top:10px; height:270px; }
#m_contents2 .gallery .swiper-container3 .swiper-slide {   text-align:center;    overflow:hidden;  }
#m_contents2 .gallery .swiper-container3 .swiper-slide div {  margin:1px; background:#fff; /*! height:295px; */ overflow:hidden; position: relative;}
#m_contents2 .gallery .swiper-container3 .swiper-slide div a {    }
#m_contents2 .gallery .swiper-container3 .swiper-slide div .img_more {    position: absolute;left: 0;bottom: 43px;color: #999;}
#m_contents2 .gallery .swiper-container3 .swiper-slide div a:hover .img_more { color:#0053a4;    }

#m_contents2 .gallery .swiper-container3 .swiper-slide div a article {    background: #0053a4; position: absolute;right: 12px;top: 141px;color: #fff;padding: 8px 15px; transition: background 0.5s ease-out;}
#m_contents2 .gallery .swiper-container3 .swiper-slide div a:hover article {   background: #0e295e;  }
#m_contents2 .gallery .swiper-container3 .swiper-slide div a article b {    font-size: 43px;font-weight: 600;display: block;line-height: 42px;}
#m_contents2 .gallery .swiper-container3 .swiper-slide div a article small {    font-size: 13px;}

#m_contents2 .gallery .swiper-container3 p {  text-align:left; position:relative; font-size:16px; padding-top:50px; padding-bottom:20px; background:#fff; width:100%;}
#m_contents2 .gallery .swiper-container3 p span { display:inline-block; position:absolute; text-align:left; top:40px; left:0; width:100%; font-size:17px; color:#373737; max-width: 270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500; transition: color 0.5s ease-out;} /* 제목 */
#m_contents2 .gallery .swiper-container3 p a:hover { text-decoration:underline; }
#m_contents2 .gallery .swiper-container3  img { width:100%; height:auto; min-height:190px; max-height:190px; transition: all ease 1s;   }
#m_contents2 .gallery .swiper-container3 a:hover > img  { transform: scale( 1.2 );   }
#m_contents2 .gallery .swiper-container3 a:hover p span {   color: #0053a4;  }


/* Arrows */
#m_contents2 .gallery .swiper-button-prev3,
#m_contents2 .gallery .swiper-button-next3 {
  position: absolute;
  width: 26px;
  height: 26px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 26px 26px;
  -webkit-background-size: 26px 26px;
  background-size: 26px 26px;
  background-position: center;
  background-repeat: no-repeat;
}
#m_contents2 .gallery .swiper-button-prev3.swiper-button-disabled,
#m_contents2 .gallery .swiper-button-next3.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
#m_contents2 .gallery .swiper-button-prev3,
#m_contents2 .gallery .swiper-container-rtl .swiper-button-next3 {
  background-image: url(../_img/btn_prev.png);
  right: 30px;
  top:10px;
  left: auto;
}
#m_contents2 .gallery .swiper-button-next3,
#m_contents2 .gallery .swiper-container-rtl .swiper-button-prev3 {
  background-image: url(../_img/btn_next.png);
  right: 0px;
  top:10px;
  left: auto;
}



.confer_iconbox {  float:left;   width: 310px; margin-left: 40px;    }
.confer_iconbox h2 { color: #291913; padding-bottom: 15px;
font-size: 26px;
letter-spacing: -1px;
font-weight: 500; 
margin-bottom: 6px;  }
.confer_iconbox ul {   }
.confer_iconbox ul:after { content:""; clear:both; display:block; } 
.confer_iconbox ul li { float:left;   }
.confer_iconbox ul li a { display:block;  transition: background 0.5s ease-out; width: 150px; background:#0053a4; height: 125px; padding-top: 12px; box-sizing: border-box;  }
.confer_iconbox ul li:nth-child(1) a, .confer_iconbox ul li:nth-child(3) a { margin-right:10px;    }
.confer_iconbox ul li:nth-child(1) a, .confer_iconbox ul li:nth-child(2) a { margin-bottom:10px;    }
.confer_iconbox ul li a img {   margin: auto auto 5px auto; display: block;  } 
.confer_iconbox ul li a p { text-align: center;  transition: color 0.5s ease-out;letter-spacing: -0.5px; font-weight: 400;   font-size: 20px;color: #fff;} 
.confer_iconbox ul li:nth-child(1) a {    background: url(../../_img/iconbox_bg.jpg) no-repeat 0 0;  transition: background 0.5s ease-out;    }
.confer_iconbox ul li:nth-child(2) a {background: url(../../_img/iconbox_bg.jpg) no-repeat 100% 0; transition: background 0.5s ease-out;}
.confer_iconbox ul li:nth-child(3) a {background: url(../../_img/iconbox_bg.jpg) no-repeat 0 100%; transition: background 0.5s ease-out;}
.confer_iconbox ul li:nth-child(4) a {background: url(../../_img/iconbox_bg.jpg) no-repeat 100% 100%; transition: background 0.5s ease-out;}
.confer_iconbox ul li a:hover { background:#0e295e; }
.confer_iconbox ul li a:hover p { color:#fff;}








/*contents*/


.contents  { background:#e6e6e6;  width:100%;    }
.contents .wrap2 { padding: 20px 10px 0 10px;   }
.contents .wrap2:after{content:''; display:block; clear:both;}
.contents .wrap2 .main, .contents .wrap2 .box{ float:left; margin:5px; }
.contents .wrap2 .main { background:#fff; width:590px; height:720px;  text-align: center; padding: 15px; box-sizing: border-box; }
.contents .wrap2 .main .main_top_img {  margin-bottom: 20px; }



.contents .wrap2 .box {width: calc((100% - 631px)/3); background: #fff; height: 355px; }
.contents .wrap2 .content1 {    }
.contents .wrap2 .box h2 {  height: 55px; line-height: 55px;;  padding-left: 10px; font-size: 30px; font-weight: bold; text-transform: uppercase;  }
.contents .wrap2 .box .box_tit_st1 { color:#fff;}
.contents .wrap2 .content1 .box_tit_st1 {  background: url(../_img/con1_tit_bg.jpg) right center no-repeat;  }

.contents .wrap2 .content2 {  background: url(../_img/con2_bg.jpg) center center no-repeat; text-align:center;   }
.contents .wrap2 .content2 h3 { font-size: 34px; color: #fff; line-height: 37px; margin: 50px 0 20px 0; font-weight: bold;  }
.contents .wrap2 .content2 p {  font-size:26px; color:#fff;   }
.contents .wrap2 .content2 a {  display: block; width: 60%; margin: 10px auto; font-size: 20px; padding: 5px; border-radius: 5px; border: 1px solid #fff;  transition: all 0.5s ease-out;  background:rgba(0,0,0,0.5); color:#fff; }
.contents .wrap2 .content2 a span { color:#fff; font-size: 20px; transition: all 0.5s ease-out; }
.contents .wrap2 .content2 a:nth-of-type(1):hover span { color:#008b84;    }
.contents .wrap2 .content2 a:nth-of-type(2):hover span { color:#00437d;   }
.contents .wrap2 .content2 a:hover {   background: #fff; color:#666;  }



.contents .wrap2 .content3 {    }
.contents .wrap2 .content3 .box_tit_st1 {  background: url(../_img/con3_tit_bg.jpg) right center no-repeat;  }
.contents .wrap2 .content3 h3 {     position: relative; height: 55px; line-height: 55px; padding: 0 10px; font-size: 22px;font-weight: 500; color: #000;   }
.contents .wrap2 .content3 h3 a { display: block; position: absolute; right: 10px; font-size: 15px; background: #008b84; top: 15px; color: #fff; border-radius: 5px; padding: 4px 8px;  transition: all 0.5s ease-out;  }
.contents .wrap2 .content3 h3 a:hover {  background: #333;  }
.contents .wrap2 .content3 article {        padding: 10px; }
.contents .wrap2 .content3 article:after{content:''; display:block; clear:both;}
.contents .wrap2 .content3 article img { float:left;  width: 150px; margin-right: 15px;    }
.contents .wrap2 .content3 article ul { float:left;  width: calc(100% - 175px); margin-top: 25px;  }
.contents .wrap2 .content3 article ul li {    line-height: 32px;}
.contents .wrap2 .content3 article ul li a {display: block; font-size: 15px; height: 32px; border-bottom: 1px dotted #999; margin-bottom: 15px;}
.contents .wrap2 .content3 article ul li a i {  color: #bababa; font-size: 19px; margin-right: 10px;  transition: all 0.5s ease-out;  /*! padding-top: 2px; */}
.contents .wrap2 .content3 article ul li a small { display:none;   }
.contents .wrap2 .content3 article ul li a:hover {  color:#000;   }
.contents .wrap2 .content3 article ul li a:hover i { color:#008b84;    }

.contents .wrap2 .box .box_tit_st2 { color:#025aac; margin: 10px 0;}
.contents .wrap2 .box .box_tit_st2 span { color:#039289;  font-size: inherit; font-weight: inherit;}
.contents .wrap2 .content4 {    }
.contents .wrap2 .content4 ul { padding: 10px;   }
.contents .wrap2 .content4 ul li { margin-bottom: 2px;   }
.contents .wrap2 .content4 ul li a { display:block;     }
.contents .wrap2 .content4 ul li a:after{content:''; display:block; clear:both;}
.contents .wrap2 .content4 ul li a .con4_img { width:40%;  display:block; height:80px;  float: left;   }
.contents .wrap2 .content4 ul li a .con4_txt { text-align:center;  width:60%; color:#fff;  display:block;  height:80px;   float: left; line-height:80px; font-size:22px;  transition: background 0.5s ease-out;    }
.contents .wrap2 .content4 ul li:nth-child(1) a .con4_img { background: url(../_img/con4_img1.jpg) left top no-repeat;     }
.contents .wrap2 .content4 ul li:nth-child(2) a .con4_img { background: url(../_img/con4_img2.jpg) left top no-repeat;    }
.contents .wrap2 .content4 ul li:nth-child(3) a .con4_img { background: url(../_img/con4_img3.jpg) left top no-repeat;    }
.contents .wrap2 .content4 ul li:nth-child(1) a .con4_txt { background:#00437d;  }
.contents .wrap2 .content4 ul li:nth-child(2) a .con4_txt { background:#007f8e;  }
.contents .wrap2 .content4 ul li:nth-child(3) a .con4_txt { background:#2a79b2;  }
.contents .wrap2 .content4 ul li a:hover .con4_txt  {background: #242424; color: #33f5ff;}

.contents .wrap2 .content5 {    }
.contents .wrap2 .content5 .box_tit_st1 {  background: url(../_img/con5_tit_bg.jpg) right center no-repeat;  margin-bottom: 20px;}
.contents .wrap2 .content5 ul { padding: 10px 20px;   }
.contents .wrap2 .content5 ul li {    border-bottom: 2px dotted #999; position:relative}
.contents .wrap2 .content5 ul li:last-child  { border-bottom:none;     }
.contents .wrap2 .content5 ul li a   { display:block;    }
.contents .wrap2 .content5 ul li a img   {    width: 75px;margin-right: 15px;margin-top: 10px;}
.contents .wrap2 .content5 ul li a span   {    font-size: 22px;line-height: 80px; transition: all 0.5s ease-out;}
.contents .wrap2 .content5 ul li a small   { position: absolute; right: 10px; font-size: 24px; top: 25px;  transition: all 0.5s ease-out; }
.contents .wrap2 .content5 ul li a:hover span, .contents .wrap2 .content5 ul li a:hover small {     font-weight: 500; color: #008086;   }







/*content2 board_zone */
#board_box {  padding: 15px;} 


#board_box .board_con { width:100%;  box-sizing:border-box;    }
#board_box .board_con h3 {   width: 100%;
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #666;
margin-bottom: 20px;  }
#board_box .board_con h3 b {font-size: 32px; color: #265297; font-weight: bold; margin-right: 25px;   } 
#board_box .board_con h3 span { font-size: 22px;
margin-right: 15px;
cursor: pointer;
color: #676767;}
#board_box .board_con h3 span.on  {  font-weight: 500;
color: #000;
border-bottom: 5px solid #1556d4;
padding-bottom: 10px;}
#board_box .board_con h3 a { position:absolute; right:0;  color:#9b9b9b; bottom: 5px;  }

#board_box .board_con h3 .bd_more {   font-size: 36px;     }
#board_box .board_con h3 .bd_more:hover {   color: #265297;    }

#board_box .board_con div:after { content:""; clear:both; display:block; } 
#board_box .board_con div ul { width:100%;   box-sizing: border-box;    }
#board_box .board_con div ul strong {font-size: 15px;

line-height: 27px;
height: 34px;
display: block;
max-width: 485px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; color: #000;} 

#board_box .board_con div ul li a:hover strong { color: #265297;    }
	
#board_box .board_con div ul li a span { color: #818181;
text-align: right;
width: 100%;
display: block;
position: absolute;
right: 0;
top: 6px;}	
	

#board_box .board_con div ul { list-style: inside;  }
#board_box .board_con div ul li { width: 100%;    }
#board_box .board_con div ul li:last-child { margin-right:0;   } 
#board_box .board_con div ul li a { font-size:15px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   height: 30px; display:inline-block;  width: 100%; position: relative; padding-right: 80px;  }









/*footer*/
.main_c #footer {  }
#footer {  position: relative;      padding: 80px 0;
box-sizing: border-box;background: #2d2626;   
text-align: center;
color: #fafafa;
}

#footer p {font-size: 15px;
line-height: 27px;
padding-top: 40px; text-align: center; }
#footer p span {font-size: 13px;  }
#footer .footer_ul {     width: 386px;
    margin: auto;
}
#footer ul:after{content:''; display:block; clear:both;}
#footer ul li {float: left;
padding: 0 40px;
border-right: 1px solid #999; 
}
#footer ul li:first-child { padding-left:0;   }
#footer ul li:last-child { border-right: 0; padding-right:0;     }
#footer ul li a { display: block;
color: #fff;
font-size: 20px; }
#footer ul li a:hover {  color:#8BC34A;     }

#footer i {    margin-top: 50px;display: block; text-align: center;}
#footer i a {    display: inline-block;}
#footer i a img {    position: relative;bottom: 10px;margin-left: 5px;}
/*
 관련사이트 있을때
#footer .footer_ul {  margin: auto;
width: 400px;
margin-bottom: 30px;  }
#footer ul:after{content:''; display:block; clear:both;}
#footer ul li { float:left;        width: 200px; border: 1px solid #fff;}
#footer ul .footer_btn1 {     text-align: center; border-right:0; }
#footer ul .footer_btn1 a {     font-size: 14px;color: #fff;height: 40px;padding: 13px 0; display: block;}
#footer ul .footer_btn1 a:hover {background-color: #15284a;}
#footer .ds_block:last-child { display:block;}
#footer p span {   }*/


/* 하단 관련사이트 셀렉트 */

.site_go {

	
}

.dropdown {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
  
  padding: 0 56px 0 30px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  outline: none;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  

}


.dropdown:focus { background-color: #eee; }

.dropdown:hover { background-color: #f3f3f3; }

.dropdown:active, .dropdown.open {
  background-color: #f0f0f0 !important;
  border-color: #e4e4e4;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05) inset;
}

.dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  -ms-transform: origin(50% 20%);
  transform: origin(50% 20%);
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown.open .list {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown.open .option { cursor: pointer; }

.dropdown.wide { width: 100%; }

.dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown .list {
  box-sizing: border-box;
  -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
 
  background-color: #fff;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
 bottom: 40px;
right: -2px;
z-index: 999;

  
}
.dropdown .list li:last-child { border-bottom:1px solid #c3c3c3 !important;   }

.dropdown .list:hover .option:not(:hover) { background-color: transparent !important; }

.dropdown .option {
  cursor: default;
  font-size:13px !important;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 0 !important;
  
}

.dropdown .option:hover, .dropdown .option:focus { background-color: #f6f6f6 !important; }

.dropdown .option.selected { }

.dropdown .option.selected:focus { background: #eee; }


.site_go select { display: none; }

.con_no { text-align: center;
    margin: 80px 0;
    font-size: 16px;   }


/*album  갤러리 배너일때*/
#album{ margin-top: 30px;
padding: 30px;
}

#album h2 {    font-size: 28px;
color: #22391d;
font-weight: bold;
margin-bottom: 20px;
position: relative;
 }
#album h2 a {       position: absolute;
right: 20px;
bottom: 0;
font-size: 55px;
font-weight: 100;
color: #bababa;
transition: all 0.5s ease-out;}
#album  a:hover { color: #265297;   }
#album .regular  { width:100%; }
#album .regular .slick-arrow
{ z-index: 2; 
position:absolute; 
top: 50%; width: 50px; height: 50px; transform: translateY(-25px); outline: none;
border: 0; font-size:0;  } 
#album .regular .slick-prev.slick-arrow{  left: -5%; background: url(../_img/content6_arrow_prev.png) center center no-repeat; } 
#album .regular .slick-next.slick-arrow{  right: -5%; background: url(../_img/content6_arrow_next.png) center center no-repeat; } 

#album .regular:after{content:''; display:block; clear:both;}
#album .regular .album_box {  float:left;    text-align: center; border-radius: 20px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;padding-bottom: 20px;margin-bottom: 20px;}
#album .regular .album_box a { display:block;      width: 100%;text-align: center; transition: all 0.5s ease-out;background: #fff; height: auto; overflow: hidden;}
#album .regular .album_box a img {       width: 100%; height: auto; transition: all 0.5s ease-out;}
#album .regular .album_box a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2);    }
#album .regular .album_box  strong { margin-top: 15px; color: #000; 
transition: all 0.5s ease-out;
display: block;
font-size: 17px;
max-width: 95%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
height: 30px;
margin: 15px auto auto auto; }
#album .regular .album_box  span { color: #999; transition: all 0.5s ease-out;   }

/* #content6 .slick-list 간격*/
#album .slick-list {marign-right: -20px;}
#album .slick-slide {padding-right: 20px;}




/*content6  logo 배너일때*/
#content6{ margin-top: 30px;
padding: 30px; margin-bottom: 30px;
}
#content6 .wrap { width:90%;   }
#content6 h2 {    font-size: 28px;
color: #22391d;
font-weight: bold;
margin-bottom: 20px;
position: relative;

 }
#content6 h2 a {       position: absolute;
right: 20px;
bottom: 0;
font-size: 55px;
font-weight: 100;
color: #bababa;
transition: all 0.5s ease-out;}
#content6  a:hover { color: #265297;   }
#content6 .regular3  { width:100%; }
#content6 .regular3 .slick-arrow
{ z-index: 2; 
position:absolute; 
top: 50%; width: 50px; height: 50px; transform: translateY(-25px); outline: none;
border: 0; font-size:0;  } 
#content6 .regular3 .slick-prev.slick-arrow{  left: -5%; background: url(../_img/content6_arrow_prev.png) center center no-repeat; } 
#content6 .regular3 .slick-next.slick-arrow{  right: -5%; background: url(../_img/content6_arrow_next.png) center center no-repeat; } 

#content6 .regular3:after{content:''; display:block; clear:both;}


/* #content6 .slick-list 간격*/
#content6 .slick-list {marign-right: -20px;}
#content6 .slick-slide {padding-right: 20px;}



/***************************************  1920 ***************************************/

@media screen and (max-width:1718px){
.nav { width:100%;  }
.body_wrap { width:100%;  }
.main_header { width:100%;  }
}

@media screen and (max-width:1706px){

	
#mainVisual .main_top_wrap {width: 97%;  margin: auto; }
	
	
}




@media screen and (max-width:1660px){
.gnb_bg .container { background-position: 48px 70px;  background-size: 16%;  }
}


@media screen and (max-width:1605px){
.icon_zone ul li a .icon_tit { font-size:1.5vw;     }
}


@media screen and (max-width:1586px){

}

@media screen and (max-width:1582px){




	
}



@media screen and (max-width:1570px){

}

@media screen and (max-width:1488px){




}

@media screen and (max-width:1470px){

/*menu*/
.gnb_bg .container {
  background-position: 0 70px;}
.container { max-width:90%;  }


/*.gnb.sm .map-1 {  padding: 0 230px 0 245px;}*/
.gnb  .map-1 {   padding: 15px 10px 0 255px }


}


@media screen and (max-width:1430px){
#main_vis .main_vis_txt {       left: 5%; width: 86%;    }
.main_con .main_con_bg_left { opacity:30%;  }
.main_con .main_con_bg_right { opacity:30%;  }


}


@media screen and (max-width:1400px){
	

#banner_con .banner article img { width:100%; height: auto; }	


#main_vis .main_vis_txt p { font-size:18px;}



}


@media screen and (min-width:813px) and (max-width:1399px) {

.swiper-button-play{display:none;color:#fff;}
.swiper-button-pause{color:#fff;}

}


@media screen and (max-width:1390px) {

}

@media screen and (max-width:1376px) {
#main_vis .main_vis_txt h4 {line-height: 32px;   }
#main_vis .main_vis_txt .main_vis_txt2 {     height: 65px;      margin-bottom: 10px; }



}

@media screen and (max-width:1370px){





}
@media screen and (max-width:1360px){

#main_vis .main_vis_txt .main_vis_txt3 {  height: 81px;  }
	
}

@media screen and (max-width:1340px){

#content6 { padding:30px 0;   }
#content6 .wrap { width:100%;   }
#content6 .regular3 .slick-prev.slick-arrow{  left: 2%;  } 
#content6 .regular3 .slick-next.slick-arrow{  right: 2%;  } 

#banner_con .banner article img{    }

}

@media screen and (max-width:1337px){

.gnb .map-1 .map-1-item>a {  }

#m_nav .map-1 .map-2 li a span {font-size: 1.3vw;     }

}

@media screen and (max-width:1280px){


#content6 { padding-bottom:50px;}

#album { padding-bottom:50px;}
}


@media screen and (max-width:1270px){

.body_wrap  { width:100%;   }
.main_header { width:100%;   }
.wrap { width:100%;  padding: 0 20px; }
}

@media screen and (max-width:1255px){

.gnb .map-1 .map-1-item>a {   }
#m_nav .map-1 .map-2 li a span { font-size:1.5vw;}	
}

@media screen and (max-width:1240px){
.main_vis_txt h3 {  font-size: 4vw; }
.main_vis_txt .main_vis_txt1 { height:200%; margin-bottom:3%;     margin-top: 7%; }

.main_con_btn li a .main_con_btn_txt, .main_con_btn li:nth-child(1) a .main_con_btn_txt {   display:none;}
.main_con_news_box h3 {     width: 250px; }
.main_con_news_box ul { width: calc( 100% - 250px ); }
.main_con_icon_box li { width: 50%; }
.main_con_info_box b {font-size: 36px;  }
.main_con_info_box .info_box_txt1, .main_con_info_box .info_box_txt2 { font-size: 22px;  }
.main_con_icon_box li:nth-child(4) a {  background-color: #6bb35c; }
}

@media screen and (max-width:1220px){
.gnb .map-1 .map-1-item>a span {font-size: 20px;}

}

@media screen and (max-width:1200px){
/*hd_top*/
.modal-content { /*width:95%;*/} 	


#main_vis .txt { /*width:100%;*/  }



/*menu*/


#layer_pop article { width:100%; padding:0 10px;} 
#layer_pop article .close_btn {right:10px;}

#board_box .board_con { padding-top:0; padding-right: 10px;}
#board_box .board_con h3 {  }

/*content2*/
#board_box .wrap, .album .wrap { padding: 0 2%; }

 #board_box .board_con h3 b { display:none;}
#board_box .board_con h3 .bd_more { bottom: 10px;  }



/*book_zone*/
#book_zone .wrap { padding:0 2%;   }


#album_zone  { padding: 30px 10px 50px 10px;  }


#content_icon ul li a strong { font-size:24px;}

.contents .wrap2 .content3 article ul li a small { display:none;}


/**/





} 

@media screen and (max-width:1185px){

	
}




@media screen and (max-width:1180px){

#main_vis { width:100%; }
.main_banner {   }
.main_banner:after { content:""; clear:both; display:block; }
#banner_con {    }	
#main_vis .main_vis_txt .main_vis_txt2 {  height: 34px; }

.icon_zone ul li a .icon_img {     width: 80%; height:auto; }
.icon_zone ul li a .icon_img img {     width: 80%;  }
.icon_zone ul li a .icon_tit { font-size:1.7vw;     }
.icon_zone ul li a:hover .icon_img img { width:inherit;}

}


@media screen and (max-width:1170px){
/*header*/ 

.hd_top h1 { left: 10px; top:20px;     }
.gnb .map-1 {   padding: 5px 30px 0 230px;}
.hd_top .hd_top_1 { top:0; right:10px;}
.hd_top .hd_top_1 a { font-size:15px;} 
.hd_top .hd_top_2 { top: 34px; right: 10px;   }


.gnb .map-2 {top:80px;}

.gnb > li > a {padding: 20px 20px 23px 20px; font-size:20px;}

.contents .wrap2 .content5 ul li a img { width: 65px; margin-right: 5px;  }


/*.hd_top .top_menu  { display:none;}*/


.container {  max-width: 95%;  }
.nav {}

#header { height: 94px;}
.gnb_bg { top:94px;}
#committee .wrap a {     width: 32%;  }	

}

@media screen and (max-width:1140px){

/* mainVisual  */	
/*#mainVisual .txt dl dt {   letter-spacing: -1px;font-size: 7vw; }
#mainVisual .txt dl dt small { font-size:2.8vw;   }
#mainVisual .txt dl dd   {  font-size: 1.8vw; margin-bottom: 5px; }*/



}


@media screen and (max-width:1124px){


}

@media screen and (max-width:1085px){
/*top*/

/*menu*/

.contents .wrap2 .content5 ul li a small { display:none;}
.contents .wrap2 .content5 ul { padding:10px;}


.top_main{   }

#banner_con .slick-prev { left: 0;  }
#banner_con .slick-next { right: 0;  }



#banner_con .slick-arrow {     height: 35px;
    width: 35px;
    border-radius: inherit;  }
	
.notice_box h3 {     margin-bottom: 5px; margin-top: 10px;  }
.notice_box .news_box ul li { float:none; width:100%;    }
.notice_box .news_box ul li a { position:relative;  }
.notice_box .news_box ul li a .n_tit	{max-width: 75%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;height: 22px;margin-bottom: 0;}
.notice_box .news_box ul li a .n_con {text-overflow: ellipsis;white-space: nowrap;display: block;height: 24px;margin-bottom: 5px;     font-size: 14px; max-width: 98%;}
.notice_box .news_box ul li a .date{position: absolute;right: 10px;top: 3px;}

.icon_zone ul li a .icon_img {     }
.icon_zone ul li a .icon_tit {     font-size: 2vw;
    width: 90%;
    display: block;
    text-align: center;
    margin: auto;     }

	
}


@media screen and (max-width:1060px){
/*icon_zone*/


}

@media screen and (max-width:1040px){

.main_con_btn li a .xi-book, .main_con_btn li a .xi-desktop {     font-size: 42px; }
.main_con_btn li a b {  font-size: 34px;  }
.main_con_info_box b { display:block; margin-bottom: 10px;  }	
.main_con_info_box { padding-bottom: 40px; }	
.main_con_news_box ul li { float: none; width: 100%; margin-bottom: 10px; }

.main_con_about_box  { padding: 20px 0; }
.main_con_about_box article {float: none;width: 100%;padding: 20px 0;}
.main_con_about_box ul {float: none;width: 100%;padding: 20px 0;}
}



@media screen and (max-width: 1024px) {
.wrap  { width:100%;}

.gnb .map-1 .map-1-item>a { padding: 22px 15px;  }

.gnb .map-2 .map-2-item {
    padding: 6px 5px 10px 5px;}	
#content_icon ul li a strong { font-size:20px; font-weight: 500; }	
        .modal { display:none;
             /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999999999; /* Sit on top */
            left: 0;
            
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background:url("../_img/sitemap_bg.jpg") no-repeat center top;
			top: 0;
			
			transition: top 0.5s ease-out; ;
        }
    
	    .sitemap_open { transition:none; display:block;  }


/*footer*/
#footer { padding-top:30px;}
#footer p{ padding-top:30px;}
#footer p, #footer p span  { font-size: 12px;    line-height: 24px;  }
#footer p span { display: block;}
#footer p small { display: none;}
#footer .footer_ul {width: 466px;right: 0;left: 0;margin: auto; top:10px;}	
#footer ul .footer_btn1, #footer ul .footer_btn2 {width: 50%;     }
#footer .footer_ul  .footer_btn2 .dropdown {  width: 100%;    }
#footer ul li {padding: 0;width: 50%;text-align: center;}
#footer ul li a {   }
.dropdown .list  { right:0;     }
.dropdown .list ul li {  width: 100% !important;  box-sizing: border-box;    }

#layer_pop article span small {
display: block;
    margin: 10px 0 10px 10px;
    line-height: 140%;}




.hd_top .hd_top_1 { display:none;}
#header {         width: 100%;
    
    position: initial;       }

.hd_top .hd_top_2 { display: block;
    position: absolute;
    right: 15px;
    top: 30px;}	

.hd_top h1 a img.m_logo {  display:block;  }
.hd_top h1 a img.p_logo {  display:none;  }
/*hd_top*/
.modal { height:100%; background: rgba(0,0,0,0.8);}
.modal-content { position: fixed; height:100%; overflow-y: auto;
    right: 0;
    top: 0;

    z-index: 9;
    width: 320px;
    background-color: #ffffff;      margin: 0;   border:0;
    padding: 0;  }
.modal-content h3 { display:none;}
#menu_top { display: block; width:100%;  margin-top: 25px;}
#menu_top:after { content:""; clear:both; display:block; }
#menu_top li { float:left; width:50%; }
#menu_top li a { display:block; color:#fff; padding: 10px; text-align: center;      font-size: 18px;}
#menu_top li a i { margin-right:5px;    }
#menu_top li:first-child { background-color:#2a9d8f;    }
#menu_top li:last-child { background-color:#264653;    } 
.modal-content .close  { margin:15px;   }
.modal-content .close:hover,
       .modal-content .close:focus {
            color: #052350;
            text-decoration: none;
            cursor: pointer;
        }
.modal-content .top_m  { display: block !important;}

#m_nav .map-1  { float: none; width: 100%; text-align: left; margin: 0;    }
#m_nav .map-1 > li { float:inherit; width: 100%; text-align:left; position: relative;}
#m_nav .map-1 > li > a {  padding: 20px 0 20px 15px; margin-bottom: 0;border-bottom: 1px solid #cccccc;  display: block;  color: #052350;     font-size: 22px; }
#m_nav .map-1 > li > a span {  font-size: 20px;  }
#m_nav .map-1 > li > i { display:block;  position: absolute; right: 15px; top: 22px; color: #052350      }
#m_nav .map-1 .map-2 { background-color: #efefef;     margin: 0; display:none;    /*s_menu 감춤*/}
#m_nav .map-1 .map-2 li { height:auto;     margin: 0; border-bottom: 1px solid #C9C9C9;  }
#m_nav .map-1 .map-2 li a { display: block;  font-size: 18px;
    padding: 15px 0 15px 15px;
    color: #333;}
#m_nav .map-1 .map-2 li a span {  font-size: 18px;  color: #316b95;  }	
#m_nav .map-1 .map-2 li a:hover span {  color: #316b95;  }

/*#m_nav .m_menu  { float: none; width: 100%; text-align: left; margin: 0;    }
#m_nav .m_menu > li { float:inherit; width: 100%; text-align:left; position: relative;}
#m_nav .m_menu > li > a {  padding: 20px 0 20px 15px; margin-bottom: 0;border-bottom: 1px solid #4f6e6f;  display: block;  color: #fff;     font-size: 22px; }
#m_nav .m_menu > li span { display:block;  position: absolute; right: 15px; top: 15px; color: #999      }
#m_nav .m_menu .m_sub { background-color: #efefef;     margin: 0; display:none;    s_menu 감춤}
#m_nav .m_menu .m_sub li { height:auto;     margin: 0; border-bottom: 1px solid #C9C9C9;  }
#m_nav .m_menu .m_sub li a { display: block;  font-size: 18px;
    padding: 15px 0 15px 15px;
    color: #333;}
*/
.modal-content #m_logo { display: block; 
    margin-top: 3px;
    text-align: left;
    margin-left: 10px;  }
.modal-content #m_logo img { margin-top: 20px;}
.modal-content.close { color:#fff;}	



.con_no {      margin: 70px 0; }




#content6 .slick-slide { padding-right: 0;  }
#content6 .slick-list {marign-right: 0;}
#content6 .wrap { padding:0 10px;}
#content6 .regular3 .slick-next.slick-arrow { right:-5px;}
#content6 .regular3 .slick-prev.slick-arrow { left:-5px;;}


}

@media screen and (max-width:1010px){


}

@media screen and (max-width:990px){
/*header*/ 


.hd_top h1 { }
/*.hd_top .hd_top_1 {  left: inherit;  right: 10px;  }*/

.hd_top .google { max-height: 32px;    }
.hd_top article { position:absolute; top:5px; left:5px;   }
.hd_top span .ds_none { display:none;}
.hd_top span .top_m2{/* display:none;*/}
.m_none{ display:none;}

}


@media screen and (max-width:978px){
.main_header {  display:none; }
.main_body_wrap {}
.hd_top #top_search {  display:none; }
	
	

}


@media screen and (max-width:950px){

#header { height:70px;}
.hd_top_1 { display:none;}
.hd_top h1 { top: 15px; width: 170px;}
.hd_top .top_menu {top: 13px;}

.main_header {      height: 70px; }

.contents .wrap2 .box h2, .contents .wrap2 .content4  {display:none;}

#footer { height:auto;}

.hd_top .hd_top_2 { top:17px;}


}




@media screen and (max-width:941px){

}






@media screen and (max-width:920px){


/*mainVisual*/
#mainVisual article {}


.icon_zone { float:none; width:100%;      margin-bottom: 30px;   }
.journal_zone { float:none;      width: 100%;
    background-size: cover;  }

.icon_zone ul li a .icon_img { width: 70%;   }
.icon_zone ul li a .icon_tit {  font-size: 2.5vw;  }
.quick_box { margin-top:30px;    }
.icon_zone ul li a:hover .icon_img img { width: 80%;  }
.icon_zone ul li a .icon_img img {width: 80%;   }
}


@media screen and (max-width:880px){



}


@media screen and (max-width:860px){
 
}


@media screen and (max-width:840px){

#mainVisual .txt .since { text-align: left;  }



.notice_box { margin-top:0;}


}
@media screen and (max-width:830px){



/*mainVisual*/
#mainVisual article {/*height: 310px;*/}




}
@media screen and (max-width:812px) {

.swiper-button-play{display:none;color:#fff;}
.swiper-button-pause{color:#fff;}
	

}



@media screen and (max-width:800px) {

}

@media screen and (max-width:780px){


/* mainVisual */



/*#mainVisual .txt { padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box;  text-align:center; width:100%;}
#mainVisual .txt dl dt {font-size: 12vw; margin-bottom: 2%;}
#mainVisual .txt dl dt small { font-size: 4.4vw;}
#mainVisual .txt dl dd {font-size: 3vw; }
#mainVisual .txt dl dd small { display:block; font-size:26px; }
#mainVisual .txt .since { display: none;  }
.visu01 .txt dl dt, .visu01 .txt dl dd { color:#fff;}


#mainVisual article .inner {  top:50%; }*/

#banner_con {     }


#banner_con { }



#board_zone #conf_zone h2, #album_zone h2, #logo_bn h2 { font-size:24px;}
#album_zone h2 a, #logo_bn h2 a {bottom: -5px;   }


#logo_bn .regular .album_box a img {height: 150px;  }
#logo_bn .regular .album_box a {height: 270px;  }


.main_con_btn li {float: none;width: 100%;}
.main_con_btn li a .main_con_btn_txt, .main_con_btn li:nth-child(1) a .main_con_btn_txt { display: inline-block;  } 
.main_con_btn li a .main_con_btn_txt {font-size: 20px;  }

}



@media screen and (max-width:768px){


#album .regular div a img { width:160px;   }
#album {  margin-top:20px; }


#content6 .regular3 div a img { width:160px;   }
#content6 { padding:0; margin: 40px 0; }


#banner_con, #banner_notice {   width:100%; float:none;  }

.top_main #main_vis {   }
.main_vis_txt { float:none; width:100%;     text-align: center;}
.notice_zone .main_banner {  float:none; width:100%;  }

.main_vis_txt h3 {      font-size: 7vw;  }


.icon_zone ul li a { height:140px;   }
.icon_zone ul li a img { width: 80px;  }
.icon_zone ul li a span {     font-size: 20px;  }
.main_vis_txt h4 { font-size: 24px;   }

.notice_box { background-size: cover;  width: 100%; margin-bottom: 20px;
} 
.notice_box .news_box ul li a .n_tit {     margin-bottom: 5px;  }
.notice_box .news_box ul li {   width: 100%;  margin: 0 0 10px 0;   }

.icon_zone h3, .notice_box h3 { font-size:28px; margin-bottom: 20px;
    margin-top: 20px;}


.main_con { padding-bottom: 20px; }


}




@media screen and (max-width:740px){
.main_txt_bg { width:100%;
    background-size: contain;
    background-position-y: bottom; }
.banner-item div {     height: 400px; }
#main_vis .banner{ height: auto; }
.top_main #main_vis { height: auto;  }

#main_vis .txt dl dt small {/* display:none;*/  font-size: 15px; }
#main_vis .txt dl dt b { margin-bottom: 10px;  font-size: 60px;   }
#main_vis .txt {   padding-top: 50px;     height: 340px;  width: 80%;}
#main_vis .txt dl dd {     font-size: 20px; }

.main_con_news_box h3 {width: 100%;float: none;     font-size: 32px; margin-bottom: 20px;}
.main_con_news_box h3 b {display: inline;font-size: 40px;margin-left: 10px;}
.main_con_news_box ul {float: none;width: 100%;padding: 0 20px;margin-top: 10px;}

}

@media screen and (max-width:720px){
  
/*header*/   
#header {}
/*.hd_top h1 {      top: -8px; }*/
.hd_top h1 a img {  }
/*.hd_top .top_menu { top:53px; right: 5px;}	 */
.hd_top #top_search { top:53px; right: 65px;}  


.hd_top .hd_top_2 {  right: 10px;  }
.main_con_btn li a .xi-angle-right-thin {     font-size: 50px;  }
}


@media screen and (max-width:680px){

.main_c #footer {/* margin: 0 15px; */}
#footer {padding-top:0;height:auto;}
#footer .con_wrap { width:100%;   }
#footer .footer_ul  {
    position: initial;
    width: 100%;
    }
.main_c #footer .footer_ul li {/* background: #fff; */}
#footer .footer_ul li  {
    width: 50%;
    border: 1px solid #adadad;
    padding: 15px 0;}
#footer .footer_ul li:first-child { border-left:0;   border-right: 0;      }	

#footer .footer_ul li a {  font-size: 15px; }
#footer i { position: inherit;
    text-align: center;
    width: 100%;
    display: block;
    margin: 20px 0;  }

#footer p
{ margin: 10px 10px 30px 10px;   }

#footer p, #footer p span { text-align:center;}

.main_con_about_box { background-size: cover; }
.main_con_about_box ul li {     width: 50%;     margin-bottom: 40px;} 
.main_con_about_box ul li:nth-child(2) { border-right: 0;  }
.main_con_news_box ul li a .n_tit { font-size:20px;}

}
@media screen and (max-width:662px){

#main_vis .main_vis_txt .main_vis_txt2 { height:65px;  }
	
}

@media screen and (max-width:640px){

/* mainVisual */

#quick_menu .schedule .list .more { position:relative; margin-top:20px; top:0; display:inline-block;}


#mainVisual .slick-dots { bottom:20px;}
.hd_top h1 {   width: 155px;
    margin-top: 7px;  }
.hd_top h1 a img {     }

.hd_top_1 .wrap span:first-child { display:none;}
#mainVisual article .inner { top: 60%;  }



/*hd_top*/
.modal-content {
    max-height: 800px;
    height: 100%;
    overflow-y: auto; }
	
	

	
#main_vis .main_vis_txt .main_vis_txt1 {height: 90px; }	
#main_vis .main_vis_txt h3 { font-size: 90px;   }	

.main_con_icon_box li {    float: none; width: 100%;  }
.main_con_icon_box li:nth-child(1) a {  background-color: #6dbb84; }
.main_con_icon_box li:nth-child(2) a {  background-color: #cfda77; }
.main_con_icon_box li:nth-child(3) a {  background-color: #e5f9a8; }
.main_con_icon_box li:nth-child(4) a {  background-color: #abe39f; }

.main_con_info_box .info_box_txt1 {  display:block; }

}


@media screen and (max-width:620px){

#main_vis {   }
	


.icon_zone {  margin-bottom: 20px; }
.icon_zone ul li { width: 50%;  margin-bottom: 20px; }
.icon_zone ul li a { height:auto;}
.icon_zone ul li a .icon_img { margin-bottom: 10px;   }
.icon_zone ul li a .icon_tit {  font-size: 4vw;  }

.main_con_btn li a .main_con_btn_txt, .main_con_btn li:nth-child(1) a .main_con_btn_txt { display:none;   }

.main_con_btn li a {      height: 70px; padding: 10px 0; }
.main_con_btn li a b { font-size: 30px; }
.main_con_btn li a .xi-book, .main_con_btn li a .xi-desktop { font-size: 38px; }
}

@media screen and (max-width:545px){

#album .regular .album_box a strong { margin-bottom:10px;}

}

@media screen and (max-width:520px){

.icon_zone ul li a img { width: 70px;  }
.icon_zone ul li a span {     font-size: 18px;  }
.notice_box { margin-top:0;}



.icon_zone ul li a .icon_tit {  font-size:4.5vw;  }

.main_con_info_box .info_box_txt1, .main_con_info_box .info_box_txt2 { font-size: 20px;  }
}


@media screen and (max-width:500px){
#main_vis .txt {     padding-top: 60px; }
#main_vis .txt dl dt b { font-size: 50px;  }
.main_con_btn li a b { font-size: 26px;  }
.main_con_btn li a .xi-book, .main_con_btn li a .xi-desktop { font-size: 32px; }
.main_con_btn li a { padding: 15px 70px 15px 0; height: auto; }
.main_con_btn li a .xi-angle-right-thin { font-size: 34px;  }
.main_con_news_box h3 { font-size: 26px;  }
.main_con_news_box h3 b { font-size: 36px; }
}


@media screen and (max-width:470px){
#main_vis .txt dl dd { font-size: 18px; }	
#main_vis .txt {padding-top:50px; height: 300px;  }	
.banner-item div { height: 370px; }
#main_vis .txt dl dt small {  font-size: 14px; }
}

@media screen and (max-width:460px){
	

	
#main_vis .main_vis_txt { top: 100px;  }
#main_vis .main_vis_txt .main_vis_txt1 { height: 70px;  }	
#main_vis .main_vis_txt h3 { font-size: 70px;  }
#main_vis .main_vis_txt p {  font-size: 17px; }

.journal_zone { padding-top: 10px;  }
.journal_zone article .journal_zone_link1 { margin-top:10px;    }
.journal_zone article .journal_zone_link1, .journal_zone article .journal_zone_link2 { font-size: 16px; }

#main_vis .txt {padding-top:35px; height: 270px;  }
#main_vis .txt dl dd { font-size: 17px;  }	
.banner-item div { height: 330px; margin-top: 65px; }
#main_vis .txt dl dt b {     font-size: 46px;  }

}


@media screen and (max-width:431px){

#main_vis .main_vis_txt .main_vis_txt3 {  height: 105px; }
#main_vis .main_vis_txt p {   }

}


@media screen and (max-width:420px){
#main_vis .txt dl dd { font-size: 16px; }
	
.banner-item div { height: 300px; }
#main_vis .txt dl dt b { font-size: 40px;}
#main_vis .txt dl dt small {  font-size: 12px; }

#main_vis .txt {      height: 250px;  }


}

@media screen and (max-width:400px){

}