/* 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:#fff; height:90px; position: relative;}


.wrap { width:100%; margin:auto;  max-width:1200px;    }

/* 위로 올라가기 버튼 */
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;
    position: absolute;
    width: 100%; }
.hd_top_1 span {     font-size: 15px;
    color: #333;
    position: absolute;
    right: 10px;
    display: block;  }
.hd_top_1 span a:hover { color: #005bab;   }



/*hd_top*/
.hd_top {text-align: right;   position:relative;}
.hd_top h1 {width: 330px; top: 15px;
position: absolute; left: 50px;}
.hd_top .hd_top_1 {    position: absolute;left: 0; padding-top: 10px;}
.hd_top .hd_top_1 a:hover  { color:#265297;   }
.hd_top .hd_top_2 { position: absolute; right: 10px;  top: 40px;}
.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: 16px;   }
.hd_top span .top_m {  margin: 0 7px;     }
.hd_top span .top_m2 { color:#666; margin: 0 7px;     }

.hd_top #top_search {  display: none; text-align: center;  margin: 0 3px;  }
.hd_top #top_search img { width:33px;}
.hd_top .top_menu  {  display: inline-block; text-align: center;  margin: 0 3px;  }
.hd_top .top_menu i {     color: #005bab; font-size: 28px;  }
.hd_top .top_menu  img { width:33px;}

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

/* hd_top_The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999999999; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 10% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 1200px; /* Could be more or less, depending on screen size */                          
        }
        /* The Close Button */
        .modal-content .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
       .modal-content .close:hover,
       .modal-content .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
       
	   .modal-content #m_logo { display:none;    }
	   #menu_top { display:none;}
	   .modal-content h3 {text-align: center; font-size: 31px; padding: 20px 0; border-bottom: 1px dotted #267ac2; margin-bottom: 15px; color:#265297 ;    }
	    #m_nav .map-1 { float:left;  width: 100%; text-align: center;  margin-bottom: 20px;     margin-top: 10px;    }
	   #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: #265297;  }
	   #m_nav .map-1 > li > a span {font-size: 18px;    }
	   #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: 30px 0;    }
	   #m_nav .map-1 .map-2 li a span { font-size: 15px; color: #666;  }
	   #m_nav .map-1 .map-2 li a:hover span { color:#265297 ; 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 .eng_btn { background: #999;
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
    margin-top: 20px;
    font-size: 18px; }


/*nav*/

.nav {  
width: 100%; padding-top: 15px;
}
#wrap {position:relative; z-index:1; min-height:100%;}
.container {position:relative; z-index:1; max-width:75%; margin:0 auto; }

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


.gnb .map-1 { width: 100%; padding-left: 280px; padding-right: 50px;}
.gnb .map-1  .map-1-item {position:relative; z-index:1; float:left;}
.gnb .map-1  .map-1-item>a {display:block; padding: 23px 43px; border-bottom: 2px solid #fff;
height: 74px;}

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

.gnb .map-2 {display:none; overflow:hidden; position:absolute; left:0; top:74px; z-index:1; width:100%; height:380px; 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-color:#e5e5e5;  }

.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 10px 15px; text-align: center;}
.gnb .map-2  .map-2-item  a {color:#444; word-break:keep-all; line-height: 150%; }
.gnb .map-2  .map-2-item  a span {font-size: 16px;   }

.gnb .map-2  .map-2-item  a:hover span, .map-2  .map-2-item  a:focus span { color:#000 }




.gnb_bg {display:none; position:absolute; left:0; top:89px;  width:100%; background-color:#f5f5f5; height: 300px; z-index: 4;}
.gnb_bg .container {height:380px; background-image:url('../_img/gnb_bg.png'); background-position:10px 30px; background-repeat:no-repeat;}
.black_bg {display:none; position:fixed; left:0; top:184px; 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 끝*/ 


/* 메인 이미지 시작 */

.top_main { position:relative; height: 480px;}
/*main_vis*/



/*상단 알림존*/
#banner_con { width:560px;  height: 570px;   margin-bottom: 50px;     }
#banner_con .banner article img  { width:560px; height:570px;   }
#banner_con .slick-dots { position: absolute; right:20px; top:20px;  }
#banner_con .slick-dots:after{content:''; display:block; clear:both;}
#banner_con .slick-dots li { float: left; margin-left:2px;}
#banner_con .slick-dots li  button { width:30px; height:8px; background:rgba(255,255,255,0.5); text-indent: -9999px; border: none;   }
#banner_con .slick-dots .slick-active button { background: #00447f;   width: 30px;}


#banner_con2 .slick-dots { position: absolute; right:20px; top:20px; width: calc(100% - 40px); display:flex; flex-wrap: wrap;  justify-content: flex-end;  }

#banner_con2 .slick-dots li {  margin-left:2px;}
#banner_con2 .slick-dots li  button { width:30px; height:8px; background:rgba(255,255,255,0.5); text-indent: -9999px; border: none;   }
#banner_con2 .slick-dots .slick-active button { background: #00447f;   width: 30px;}


.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;text-align: center; }
#layer_pop article span { font-size: 30px;
  font-weight: 600;
  font-family: 'S-CoreDream';  }
#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;  }


/*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-child(odd):hover span { color:#008b84;    }
.contents .wrap2 .content2 a:nth-child(even):hover span { color:#00437d;   }
.contents .wrap2 .content2 a:hover {   background: #fff; color:#666;  }

.contents .wrap2 .content2.Intl { background: url(../_img/con2_bg2.jpg) center center no-repeat; display: flex;justify-content: center;align-items: center;} 
.contents .wrap2 .content2.Intl article  {  }
.contents .wrap2 .content2.Intl article h3 small {  display: block;font-size: 28px;} 
.contents .wrap2 .content2.Intl article h3 {  margin-top: 0;} 
.contents .wrap2 .content2.Intl a   {  width: 100%;}

.contents .wrap2 .content2.Intl2 { background: url(../_img/con2_bg3.jpg) center center no-repeat; display: flex;justify-content: center;align-items: center;} 
.contents .wrap2 .content2.Intl2 article.conf_tit_view  { padding: 20px 0; }
.contents .wrap2 .content2.Intl2 article.conf_tit_view  strong { font-size: 44px;
  display: block;
  font-weight: 900;
  color: #0b7590;
  margin-bottom: 10px; }  
.contents .wrap2 .content2.Intl2 article.conf_tit_view  small { color: #095163;
  font-size: 17px;
  line-height: 150%;
  font-weight: 600; }  

.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;   }


.contents .wrap2 .content6 .box_tit_st2  {  margin-bottom: 0;  }


/*학술대회 슬라이드 배너 추가*/
.content2 #banner_con2  { height: 100%;  width: 100%; }
.content2 #banner_con2 .slick-slider { height: 100%;  width: 100%; }
.content2 #banner_con2 .slick-slider  .slick-list { height: 100%;  width: 100%; }
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track { height: 100%;  width: 100%; }
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide  { height: 100%;  width: 100%; }
.content2 #banner_con2  article { display: flex;justify-content: center;align-items: center; height: 355px; width: 100%; }
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide:nth-child(1)  article,
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide:nth-child(4)  article { background: url(../_img/con2_bg2.jpg) center center no-repeat;  } 
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide:nth-child(2)  article, 
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide:nth-child(5)  article { background: url(../_img/con2_bg.jpg) center center no-repeat;  } 
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide:nth-child(3)  article, 
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide:nth-child(6)  article  { background: url(../_img/con2_bg4.jpg) center center no-repeat;  } 
.content2 #banner_con2 .slick-slider  .slick-list  .slick-track .slick-slide  article  { background: url(../_img/con2_bg.jpg) center center no-repeat;  } 
 

/*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;  }




/*content6*/
#logo_bn{ margin:20px 0 ; }
#logo_bn .regular  {padding: 0 50px; }
#logo_bn .regular .slick-arrow
{ z-index: 2; /* prev버튼은 위치 이동시 이미지 뒤로 숨겨짐 */ 
position:absolute; /* 원하는 위치에 지정 */ 
top: 50%; width: 50px; height: 50px; transform: translateY(-25px); outline: none;
border: 0; font-size:0;  } 
#logo_bn .regular .slick-prev.slick-arrow{ /* prev 이전 */ left: 0; background: url(../_img/content6_arrow_prev.png) center center no-repeat; } 
#logo_bn .regular .slick-next.slick-arrow{ /* next 다음 */ right: 0; background: url(../_img/content6_arrow_next.png) center center no-repeat; } 
#logo_bn .regular .slick-slide img {     width: 95%;   }





/*content6   로고배너일때
#logo_bn{ margin:20px 0 60px 0; }
#logo_bn .regular  {padding: 0 50px; }
#logo_bn .regular .slick-arrow
{ z-index: 2; /
position:absolute; 
top: 50%; width: 50px; height: 50px; transform: translateY(-25px); outline: none;
border: 0; font-size:0;  } 
#logo_bn .regular .slick-prev.slick-arrow{  left: 0; background: url(../_img/content6_arrow_prev.png) center center no-repeat; } 
#logo_bn .regular .slick-next.slick-arrow{  right: 0; background: url(../_img/content6_arrow_next.png) center center no-repeat; } */

/*footer*/
.main_c #footer {  }
#footer {  position: relative;      padding: 20px 0;
box-sizing: border-box; background: #e6e6e6; }

#footer p {font-size: 13px;
line-height: 24px;
margin-left: 15px;
padding-top: 10px;  }
#footer p span {font-size: 13px;  }
#footer .footer_ul {  position: absolute;
right: 10px;
top: 33px;  }
#footer ul:after{content:''; display:block; clear:both;}
#footer ul li {float: left;
padding: 0 40px;
border-right: 1px solid #333; }
#footer ul li:last-child { border-right: 0; padding-right:0;     }
#footer ul li a { display:block; color: #333;font-size: 16px;}
#footer ul li a:hover { color:#0364b7;    }

#footer i {    position: absolute;right: 10px;bottom: 0px;}
#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;   }

/***************************************  1920 ***************************************/
@media screen and (max-width: 1908px) {
	
	.contents .wrap2 .content3 article img {margin-right: 10px;   }
	.contents .wrap2 .content3 article ul li a i  { margin-right: 3px;    }
	.contents .wrap2 .content3 article ul { margin-top:5px;}
}


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

.contents .wrap2 .content3 article img {    width: 30%;  }
.contents .wrap2 .content3 article ul { width: 67%;    }
}

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

/*.contents .wrap2 .content3 article img {  width: 40%;  margin-right: 5%;     }
.contents .wrap2 .content3 article ul li a {font-size: 18px;  }
.contents .wrap2 .content3 article ul li a i { margin-right: 2%;   }
.contents .wrap2 .content3 article ul { width:55%; margin-top: 4%;}*/
}


@media screen and (max-width:1733px){
.contents .wrap2 .content3 article ul {
    width: 66%;
}
}

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

.gnb .map-1 .map-1-item>a { padding: 23px 33px;  }
.contents .wrap2 .content3 article ul li a i {margin-right: 1.5%;}
/*.contents .wrap2 .content3 article ul li a  { font-size:17px;}*/
	
}


@media screen and (max-width:1690px){
.contents .wrap2 .content3 article ul li a { font-size:14px;}
}

@media screen and (max-width:1630px){
/*.contents .wrap2 .content3 article ul li a  { font-size:16px;}	*/
.contents .wrap2 .content3 article ul {
    width: 68%;
}
.contents .wrap2 .content3 article img {
    width: 27%;
}
}


@media screen and (max-width:1605px){
.contents .wrap2 .content3 article ul {
    width: 69%;
}
}


@media screen and (max-width:1586px){
.contents .wrap2 .content3 article ul li a i {font-size: 15px;  }
}

@media screen and (max-width:1582px){
.gnb .map-1 { padding-left: 160px;  }
.hd_top h1 { left: 10px; width: 285px; top: 22px;  }
.gnb .map-1 .map-1-item>a { padding: 23px 35px;  }
	
}



@media screen and (max-width:1570px){
.contents .wrap2 .content1 {width: calc((100% - 620px)/2);   }
.contents .wrap2 .content2 {width: calc((100% - 620px)/2);   }	
.contents .wrap2 .content3 {width: calc(100% - 610px);   }
.contents .wrap2 .content4, .contents .wrap2 .content5, .contents .wrap2 .content6 {width: calc((100% - 30px)/3);   }	

.contents .wrap2 .content3 article ul li a small { display: inline-block; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;
    top: 4px; }

.contents .wrap2 .content3 article img {  width: 150px; margin-right: 25px;    }
.contents .wrap2 .content3 article ul {  width: calc(100% - 175px); margin-top: 25px;  }
}

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



	
}



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

/*menu*/
.container { max-width:90%;  }
.gnb .map-1 { padding-left: 266px;}
}


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

}


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

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

}



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

.gnb .map-1 .map-1-item>a { padding: 23px 28px;  }
	
}


@media screen and (max-width:1300px){
.contents .wrap2 .content1, .contents .wrap2 .content2, .contents .wrap2 .content3 {width: calc(100% - 610px); height:234px;    }
.contents .wrap2 .content1 .board_con div ul li:nth-child(4), .contents .wrap2 .content1 .board_con div ul li:nth-child(5), .contents .wrap2 .content1 .board_con div ul li:nth-child(6) { display:none;}
.content2 #banner_con2  article { height:234px;  }
.contents .wrap2 .content2 h3,  .content2 #banner_con2  article h3  {     margin: 10px; font-size:30px;  }
.contents .wrap2 .content2 p,  .content2 #banner_con2  article p{  font-size: 16px; }
.contents .wrap2 .content2.Intl p { display:none;   }

.contents .wrap2 .content3 article { padding-top:0;}
.contents .wrap2 .content3 article img { width: 85px;  }
.contents .wrap2 .content3 article ul { margin-top:0; width: calc(100% - 117px);}
.contents .wrap2 .content3 article ul li a { font-size: 16px; height: 23px; margin-bottom: 8px;    }
.contents .wrap2 .content3 article ul li:last-child  a { border-bottom:none;    }
}


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

.gnb .map-1 .map-1-item>a { padding: 23px 24px;  }
	
}


@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%;} 	

.wrap {
    width: 100%;
}

/* mainVisual  */


.hd_top_1 .wrap { padding: 0 1%;   }

/*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){

.gnb .map-1 .map-1-item>a { padding: 23px 24px;  }
	
}


@media screen and (max-width:1170px){
/*header*/ 
.gnb > li > a {padding: 20px 20px 23px 20px; font-size:20px;}

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

.gnb .map-1 .map-1-item>a { padding: 22px 19px;  }
.hd_top .top_menu  { display:none;}
.gnb .map-1 {     padding-left: 330px; padding-right: 0;}

.container {  max-width: 95%;  }
.nav { padding-top: 20px; }
#header { height: 94px;}
.gnb_bg { top:94px;}

}



@media screen and (max-width:1085px){
/*top*/
.hd_top h1 { width: 250px; top: 25px;  }
/*menu*/

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

.gnb .map-1 {
    padding-left: 290px;}


}

@media screen and (max-width:1040px){
/*content3*/
#content3 ul li a span {font-size: 16px;    }

.gnb .map-1 {
    padding-left: 280px;
}

}



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


.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; }	


/*footer*/
#footer { padding-top:0;}
#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%;}

}

@media screen and (max-width:1000px){
	#header { height: 90px;   }
	.gnb { display: none;}
	.hd_top .hd_top_2 { right:0;}
	.hd_top .top_menu i {   font-size: 40px; line-height: 40px;   }
	.hd_top .top_menu {
    position: absolute;
    top:0;
    right: 0;
    background: none;
    width: 50px;
    height: 50px;
}
.hd_top .top_menu { display:block;}

}

@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;}
.hd_top span .top_m, .hd_top span .top_m2 { color:#fff !important;     font-size: 18px !important; margin-right: 15px !important;}


.hd_top #top_search  { margin:0; width:40px; height:40px; position: absolute; top: 60px; right: 70px;  display: none; }
.hd_top #top_search i {  font-size: 26px; margin-top: 5px;  }




/*mainVisual*/
#mainVisual article {height: 380px;}
#banner_con { margin:auto auto 50px auto; }
 
}


@media screen and (max-width:960px){
/*hd_top*/
.modal { height:100%;}
.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:#1a9445;    }
#menu_top li:last-child { background-color:#09638e;    } 
.modal-content .close  { margin:15px;   }
.modal-content .close:hover,
       .modal-content .close:focus {
            color: #052350;
            text-decoration: none;
            cursor: pointer;
        }


#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 > 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 .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: 20px;
    text-align: left;
    margin-left: 56px;  }
.modal-content #m_logo img {width: 200px; margin-top: 20px;}
.modal-content.close { color:#fff;}	

album
.album .album-bottom .album-slide .slide .ss-wrap dl dd   { font-size: 12px;}

.con_no {      margin: 70px 0; }
	
}


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

#header { height:70px;}
.hd_top_1 { display:none;}
.hd_top h1 { top: 13px;}
.hd_top .top_menu {top: 13px;}
.contents .wrap2 { padding:10px;}

.contents .wrap2 .main{width: calc(100% - 10px);   }
.contents .wrap2 .box {width: calc(100% - 10px);   height:auto;   }
.contents .wrap2 .content3 article ul li a small { display: inline-block;}

.contents .wrap2 .content4 ul:after{content:''; display:block; clear:both;}
.contents .wrap2 .content4 ul li { margin-bottom: 0; width:33%; float:left; margin-right:0.5%;   }
.contents .wrap2 .content4 ul li:last-child { margin-right:0;    }
.contents .wrap2 .content4 ul li a .con4_img { height:80px;    }
.contents .wrap2 .content4 ul li a .con4_txt {  height:80px;      line-height:80px; font-size: 2.3vw;   }

.contents .wrap2 .content5 .box_tit_st1 { margin-bottom: 0;   }
.contents .wrap2 .content5 ul li a img { width:45px;}
.contents .wrap2 .content5 ul li a span {      line-height: 54px; font-size: 18px; }
.contents .wrap2 .content5 ul {padding: 10px 20px;}
.contents .wrap2 .content5 ul li a small { display: inline-block; top: 10px;}


.contents .wrap2 .content6 .board_con div ul li:nth-child(4), .contents .wrap2 .content6 .board_con div ul li:nth-child(5), .contents .wrap2 .content6 .board_con div ul li:nth-child(6)
{display:none;}

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

#footer { height:auto;}

.hd_top .hd_top_2 { top:0;}


.contents .wrap2 .content2.Intl {    padding: 25px 0;  }
.content2 #banner_con2  article  {  height:auto; padding-bottom: 15px;
        padding-top: 10px;}
}



@media screen and (max-width:941px){
/*#book_zone*/
#book_zone ul li article p {font-size: 2vw;}
}






@media screen and (max-width:920px){
/*content2*/
#board_box .board_con { height:auto;}
#board_box .board_con h3 span, .album section h2 span, #board_box .board_con_sel h2 span { /*margin: 0 15px; */  }
#board_box .board_con h3 a, .album section h2 .bd_more { /*top: 5px; */ }
#board_box .board_con div ul {  width:100%; float: none;}
#board_box .board_con article { display:none;   }
#board_box .board_con article strong { margin-bottom:0; margin-top: 10px; max-width: 99%;}
#board_box .board_con article p {display:none;}
#board_box .board_con article span  {display:none;}
#board_box .board_con div ul {   }
#board_box .board_con div ul li { width:100%;  margin-right:0; position:relative  }
#board_box .board_con div ul li:last-child { }
#board_box .board_con div ul li a span { /*border-top: none; margin-top: 0;position: absolute; top: 0; padding-top: 0;*/}
#board_box .board_con div ul li a:hover span {border-top:none;}
#board_box .board_con div ul li a {     /*width: 100%;
    max-width: inherit;
    height: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;*/}
#board_box .board_con div ul li:last-child a { border-bottom:0;}
#board_box .board_con div ul strong {    /* width: 100%; font-weight: 500;
    padding-right: 70px;
    font-size: 17px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    display: inline-block;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    line-height: inherit; margin-bottom:0; */  }

/*content3*/
#content3 {height:auto;margin: 50px 0; padding: 7vw 0;}
#content3 ul li { width: 33.3333333%; height: 135px; }
#content3 ul li a {padding-top: 0;}
#content3 ul li a:hover i { display:none;}
#content3 ul li a img {width: 105px; margin-bottom: 5px;}
#content3 ul li a span { font-size:18px;    }

/*mainVisual*/
#mainVisual article {height: 360px;}
 
#content_icon ul li a span { font-size:13px;}


#logo_bn .regular .album_box a img {height: 175px;  }
#logo_bn .regular .album_box a {height: 290px;  }
}

@media screen and (max-width:840px){
#board_box .board_con div ul li a  {     height: 27px;  }
#board_box .board_con div ul strong  {font-size: 17px; line-height: 24px; height: 30px; }

#board_zone #conf_zone section ul { height:204px;}

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

}
@media screen and (max-width:820px){
/*content2*/
#board_box .board_con h3 {}
#board_box .board_con h3 span, .album section h2 span, #board_box .board_con_sel h2 span {      }




/*mainVisual*/
#mainVisual article {height: 310px;}
 
/*아이콘배너*/
#content_icon { padding-bottom:0;    }
#content_icon ul li {   width: 33.3333333333%;  }
#content_icon ul li:last-child {  }
#content_icon ul li a { margin-top: 0;  }

#content_icon ul li a img   {   }
#content_icon ul li a strong {      }
#content_icon ul li a span {  }
#content_icon ul li a small {     }
#content_icon ul li a:hover {     margin-top: inherit;  }
#content_icon ul li a:hover strong, #content_icon ul li a:hover small { }
#content_icon ul li a:hover span {}

#content_icon article p {     font-size: 16px;  padding: 0 10%; }
#content_icon article span {   font-size: 24px;   }
#content_icon article img { width: 50px;  }


}
@media screen and (max-width:780px){
/*content2*/
#board_box .wrap {padding:0 10px;}
.contents .wrap2 .main { height: auto;  }
#banner_con {  width: 100%;   height: auto; margin:auto;  }
#banner_con .banner article img  { width:100%; height: auto; margin-bottom:-8px;   }
#board_box .board_con { margin-bottom:20px; /*background: #f7f7f7;*/}

#board_box .board_con h3 b, .album section h2 b, #board_box .board_con_sel h2 b { display:none;}
#board_box .board_con h3 span:nth-of-type(1), .album section h2 span:nth-of-type(1) { margin-left:0;    }
#board_box .board_con h3 span { font-size:24px;      }
#board_box .board_con h3 a{      bottom: 22px; top: inherit;  }
.album section h2 .bd_more {   bottom: -9px;
    top: inherit;    }

/* mainVisual */
#mainVisual .visu01 { /*background: url(../_img/main_vis1.jpg) no-repeat -80px top;*/}

#mainVisual article { height:400px;}
#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;  }

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

#banner_con {     }


#banner_con { }

/*book_zone*/
#book_zone { margin-top:0; margin-bottom: 3.5vw; }
#book_zone ul li { width: 100%;
    padding: 3%;
    box-sizing: border-box;
    margin: 0;}

.visu01 .txt dl dt, .visu01 .txt dl dd { color:#fff;}

#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;  }



#layer_pop article .close_btn {    display: block;
    position: inherit;
    width: 100%;
    text-align: right;
   } 
#layer_pop article span { line-height:190%;}


}



@media screen and (max-width:768px){
/*content6*/
#logo_bn .regular div a img { width:160px;   }


#board_box .board_con_sel h2 .bd_more { bottom: 21px;  }


/*#content3*/ 
#content3 {  padding-top: 11vw;
    margin-top: 25px;
    margin-bottom: 0; }
#content3 ul li {  height: 22vw;  }
#content3 ul li:nth-child(1), #content3 ul li:nth-child(2), #content3 ul li:nth-child(3) { margin-bottom: 6vw;      }
#content3 ul li a img {  width: 18vw;} 

/*book_zone*/
#book_zone ul li article p { font-size:3vw;   }




#board_zone #conf_zone  { margin-right:0; width:100%; padding: 30px 2% 0 2%;}
#board_zone, #logo_bn { padding:0; }

#board_box { width:100%;} 
#board_box .board_con {  padding: 2%;  margin-bottom: 0;  } 




.contents .wrap2 .content4 ul li { margin-bottom: 2px; width:100%; float:none; margin-right:0;   }
.contents .wrap2 .content4 ul li a .con4_img { height:50px; width:30%;    }
.contents .wrap2 .content4 ul li a .con4_txt {  height:50px;   width:70%;    line-height:50px; font-size:20px;   }




}

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


}


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

.main_c #footer {  margin: 0 15px;   }
#footer {padding-top:0;height:auto;}
#footer .footer_ul  {
    position: initial;
    width: 100%;
    }
.main_c #footer .footer_ul li {   background: #fff; }
#footer .footer_ul li  {
    width: 50%;
    border: 1px solid #d2d2d2;
    padding: 15px 0;}
.main_c #footer .footer_ul li:last-child {border-right: 1px solid #d2d2d2;border-left: 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 0 30px 0;   }

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


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



}

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


}

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

/* mainVisual */
#mainVisual .txt dl dd {     font-size: 4vw;}
#mainVisual .txt dl dd small  {   }
#quick_menu .schedule .list .more { position:relative; margin-top:20px; top:0; display:inline-block;}
#mainVisual article { height:220px;}
#mainVisual .slick-dots { bottom:20px;}

.hd_top_1 .wrap span:first-child { display:none;}
/*content3*/
#content3 {   }
#content3 ul li {  }
#content3 ul li a i { font-size: 50px; margin-bottom: 15px;  }
#content3 ul li a span {font-size: 16px; line-height: 20px;     }
#content3 ul li a:hover i { font-size: 60px;  }




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



}



@media screen and (max-width:570px){
#album_zone ul li a img {  height: 150px;   }



}


@media screen and (max-width:545px){
/*content2*/
#board_box .board_con { margin-bottom:0;}

/*book_zone*/
#book_zone ul li article h3 { font-size:26px;}
#book_zone ul li article p { margin-bottom: 3%;  font-size: 3.5vw;  }
#book_zone ul li article a {  padding: 2%; font-size: 15px; margin-bottom: 5px;   }	
#book_zone ul li article a i { font-size: 16px;  }  
 	
}



@media screen and (max-width:520px){
#album_zone ul li a img {  height: 130px;   }


#content_icon ul li a img {  padding: 10px; }



}



@media screen and (max-width:480px){
	
/* mainVisual */
body, table, input, textarea { font-size:14px;}
#mainVisual .txt dl dd { }
#mainVisual .txt dl dd small  {    }



/*content5*/ 
#content5 ul li a .img_txt h5 { padding:20px 10px; font-size: 16px;}




}




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


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

}

@media screen and (max-width:420px){
.contents .wrap2 .main .main_top_img { width: 100%;  }
}