@charset "utf-8";
@import url("common.css");
@import url("member.css");
@import url("board.css");


/* Layout
*******************************/ 
header {width:100%;}


.headerWrap {width:100%; position: relative; background:#fff;}



footer {width:100%; position: relative;  clear: both; background:#444; }

footer .f_m {position: relative; clear:both; background:#555;  }
footer .f_m ul li {float:left;  line-height:45px; margin-left:10px; font-size:12px; font-family:'NGB';}
footer .f_m ul li a {font-weight:500; display:block; color:#eaeaea;}

footer .sns {position:absolute; right:10px; top:65px; z-index:111;}
footer .sns ul li {float:left;  margin-left:3px;}

footer .address {position: relative;  clear: both; font-size:13px; color:#999; padding:20px 15px; line-height:22px;}
footer .address strong {color:#eaeaea; font-family:'NGB';}
footer .address a {color:#999;}

footer .address .f_sns {position: absolute; right:10px; top:20px;  }

    .goTop { position: fixed; bottom: -90px; right:0; z-index: 88;}
    .goTop a {width:50px; height: 50px; color: #fff !important; line-height: 50px; text-align: center; display: block;  background: #2a6f71;}
   






/* Mobile Menu */
.mobileMenuCon {       
        position: fixed;
        width: 230px;
        height: 100%; background:#fff;
        top: 0;
        z-index: 9999;        
        overflow: auto;
        -webkit-overflow-scrolling: touch;    
    }
    .mobileMenuCon .menuTit { position: relative; height:50px;  background: #2a6f71;}
    .mobileMenuCon .menuTit button { color: #fff;}    
    .mobileMenuCon .menuTit .btn-mobile-login { font-size: 12px;  }
    .mobileMenuCon .menuTit .btn-mobile-login i { display: block; font-size: 18px; margin-bottom: 3px;}
    .mobileMenuCon .menuTit .btnClose { position: absolute; right: 0; top: 2px;}
    .mobileMenuCon .menuTit .btnClose i { font-size: 28px;}        
    .lnbmenu {}
    .mobilegnb {border-bottom: 1px solid #d9d9d9;}
    .mobilegnb a {font-weight:500; display: block;}
    .mobilegnb > li {}
    .mobilegnb > li > a { background: #fff; border-top: 1px solid #d9d9d9; font-size: 14px; padding: 10px 20px; color: #191919; font-weight:500;}
    .mobilegnb > li:first-child > a {border-top:0;}
    .mobilegnb > li.active > a {}
    .mobilegnb > li > a i { 
        margin-right:5px;  
        color: #767a81;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
    }
    .mobilegnb > li > a i.rightico {float:right; margin:4px 0 0 0;}
    .mobilegnb > li.active > a i.rightico {
        color:#185392;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);      
        transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
    }    

    .mobilegnb > li > ul {border-top: 1px solid #596170;}
    .mobilegnb > li > ul > li > a { background: #282828;  border-bottom: 1px solid #474747; font-size:  13px; padding: 10px 20px; color: #bababa;}
	.mobilegnb > li > ul > li > a:hover {color:#2a6f71;}


    .mobileUtil { padding:15px 20px; background: #fff; }
    .mobileUtil a {display: block; font-size: 13px; padding:3px 0; color:#666;position: relative;}
	.mobileUtil a:hover {color:#2a6f71;}


    .site-overlay{display: none;}
    .pushy-active .site-overlay{
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9998;
        background-color: rgba(0,0,0,0.7);
        -webkit-animation: fade 500ms; 
        -moz-animation: fade 500ms; 
        -o-animation: fade 500ms;
        animation: fade 500ms;
    }

    @keyframes fade{
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }

    @-moz-keyframes fade{
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }

    @-webkit-keyframes fade{
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }

    @-o-keyframes fade{
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }

    .pushy-left{
        -webkit-transform: translate3d(-300px,0,0);
        -moz-transform: translate3d(-300px,0,0);
        -ms-transform: translate3d(-300px,0,0);
        -o-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0);
    }

    .pushy-open{
        -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);
    }

    .pushy, #wrapper, .push{
        -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
        -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
        -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
        transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    }


  
    .headerWrap .topUtil:before {
        content: '';
        width:100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 29px;
        background: #444; 
        
    }
    
    .headerWrap .topNav h1 { position:static; text-align: center; height: 90px; }
	.headerWrap .topNav h1 img {}
	.headerWrap .topNav .t_sns {position:absolute; top:27px; right:10px;}
    .menu-btn { 
        display: block; 
        position: absolute; 
        left: 0; 
        top: 0px;
        color: #666; 
        background: #fff; 
        font-size: 40px; font-weight:bold;
        border: 0; font-family:'NGEB'; text-shadow: 0px 2px 1px rgba(0, 0, 0, .9);

        line-height: 85px; 
        height: 60px;
        width: 60px;
    }    


	a.reserv  {position:absolute; z-index:999;  padding:5px 7px; text-align:center; background:#294171;  right:77px; top:28px;display:block; color:#fff; line-height:13px; font-size:12px; letter-spacing:0; font-family:'NGB';}
	a.online  {position:absolute; z-index:999;  padding:5px 7px; text-align:center; background:#2aade3; left:60px; top:28px;display:block; color:#fff; line-height:13px; font-size:12px; letter-spacing:0; font-family:'NGB';}
	a.reserv2  {position:absolute; z-index:999;  padding:5px 7px; text-align:center; background:#294171; right:15px; top:28px;display:block; color:#fff; line-height:13px; font-size:12px; letter-spacing:0; font-family:'NGB';}

	.lnb {position:relative; clear:both; background:#333;}
	.lnb a {color:#fff;  font-weight:500; line-height:50px; display:block;}
	.lnb ul li {float:left; width:33.333%; text-align:center;background:#333 url(../images/common/lnbline.jpg) no-repeat left;}







.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}

img {max-width:100%;}    


#wrapper {min-width:300px;}
.container {position:relative; clear:both;}

.red2 {color:red; font-size:18px;  font-family: 'NGB';}

/* main contents */
.maincontents {position:relative; clear:both; }



/* main */
/******* visual *********************************/ 
.slider02 {overflow:hidden; margin: 0 auto; padding: 0;position: relative; zoom: 1;}
.slider02 .flex-viewport {max-height: 2000px;}
.slider02 .slides {zoom: 1;margin: 0; padding: 0;}
.slider02 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider02 .slides > li img {width:100%;}

/* Direction Nav */
.slider02 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:none; position:relative;}
.slider02 .flex-direction-nav a {width: 30px; height: 60px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; 
	position: absolute;  z-index: 1000; top:50px; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider02 .flex-direction-nav .flex-prev {left:0; background:url(../images/main/btn_prev.png) no-repeat 0 0;}
.slider02 .flex-direction-nav .flex-next {right:0; background:url(../images/main/btn_next.png) no-repeat 0 0;}

/* Control Nav */
.slider02 .flex-control-nav {width: 100%; position: absolute; bottom:10px; text-align: center;margin: 0; padding: 0; list-style: none; .left:0; display:block;}
.slider02 .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.slider02 .flex-control-paging li a {width: 6px; height: 6px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider02 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider02 .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.video_list {position:absolute; width:100%; top:40%; text-align:center; z-index:22;}
.video_list ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline; width:17%; margin:0; }
.video_list ul li img {width:100%; }
/******* //visual *********************************/ 




#mboard {position:relative; clear:both; padding:30px 15px;}
#mboard .mbbs {position:relative;  clear:both;}
#mboard .mbbs .btn_more {position:absolute; right:0; top:0;}
#mboard .mbbs ul li a{display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; line-height:27px;}
.bt1 {border-top:1px solid #eee;}


#info {position:relative; clear:both; }
/******* ¾Ë¸²ÆÇ *********************************/ 
.slider01 {margin: 0; padding: 0;position: relative; zoom: 1; }
.slider01 .flex-viewport {max-height: 2000px;}
.slider01 .slides {zoom: 1;margin: 0; padding: 0;}
.slider01 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider01 .slides img {width: 100%;  display: block;}
/* Direction Nav */
.slider01 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:none;}
.slider01 .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 80%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider01 .flex-direction-nav .flex-next {}
.slider01 .flex-direction-nav .flex-prev {}

/* Control Nav */
.slider01 .flex-control-nav {width: 100%; position: absolute; top: -40px; text-align: right; margin: 0; padding: 0; list-style: none; font-size:0;.left:0; }
.slider01 .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.slider01 .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #b8b8b8; background: rgba(0,0,0,0.1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider01 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider01 .flex-control-paging li a.flex-active { background: #2a6f71;  cursor: default; }
/******* //¾Ë¸²ÆÇ *********************************/ 


#link {position:relative; clear:both; padding:15px 0 ;}
#link ul li {float:left; background:#fcfcfc;  width:49%;  text-align:center; margin-top:7px; padding-bottom:7px;}

#link ul li.f_r {float:right; margin-left:2%;}
#link ul li a {font-size:13px;  color:#333; font-family:'NGB'; display:block; margin:0 5px;}
#link ul li a:hover {color:#2a6f71;}
#link ul li img {margin-top:10px;}

#weather {position:relative; clear:both; padding:15px 0;}
#weather .today {position:relative;  clear:both; font-size:12px; text-align:center; background:#555; color:#fff;}
#weather .today ul li {float:left; }
#weather .today ul li.img {width:50%; }
#weather .today ul li.txt {width:42%; padding:4%;  font-size:13px;  color:#fff; font-family:'NGB'; line-height:22px;}
#weather .story {position:relative;  clear:both; margin-top:11px;}
#weather .story img {width:100%;}

h2 {position:relative;  clear:both; font-size:17px;  color:#333; font-family:'NGB'; margin-bottom:10px;}
h3 {position:relative;  clear:both; color:#2a6f71;  font-size:17px;   font-family:'NGB'; background:url(../images/sub/h3_bar.jpg) no-repeat left top; padding-top:7px; margin:50px 0 20px 0;}
h4 {position:relative;  clear:both; margin:40px 0 5px 0; font-size:15px; font-family:'NGB'; color:#444;}
h5 {position:relative;  clear:both; margin:10px 0 5px 0; font-size:14px; font-family:'NGB'; color:#294171;}
h6 {position:relative;  clear:both;  color:#2a6f71;  font-size:16px;   font-family:'NGB';margin:40px 0 20px 0;}







#container {position:relative; clear:both; }


#m_container {position:relative; clear:both; }
#m_container h2 {line-height:50px; font-size:45px; color:#000;  letter-spacing:7px;}
#m_container h2 p {line-height:24px; font-size:17px; color:#555; font-weight:lighter; letter-spacing:0px; margin-top:40px;}

#link_wrap {position:relative; clear:both; border-bottom:1px solid #ebebeb; }
#link_wrap .iconlink {position:relative; clear:both; padding:20px 0; border-bottom:1px solid #ebebeb;}
#link_wrap .iconlink ul li {float:left; width:25%; text-align:center; }
#link_wrap .iconlink ul li a {color:#545454; font-size:13px; font-weight:500;}
#link_wrap .iconlink ul li a:hover{color:#2a6f71;}
#link_wrap .reservinfo {position:relative;clear:both;}
#link_wrap .reservinfo ul li {float:left;}
#link_wrap .reservinfo ul li.orange_bg {position:relative;  width:40%; padding:15px 0 20px 0; background:#2a6f71; color:#fff; font-size:15px; font-weight:500; text-align:center;}
#link_wrap .reservinfo ul li.orange_bg p {font-family:'Verdana'; font-size:18px; font-weight:700;}
#link_wrap .reservinfo ul li.orange_bg p a {color:#fff;}
#link_wrap .reservinfo ul li.info {position:relative;  float:right; width:56%;  padding:12px 2% 0 2%; color:#666; font-size:13px; font-weight:lighter; line-height:20px; letter-spacing:0; }

#shortcut {position:relative; clear:both; padding:10px 5px;}
#shortcut .medicalcenter {position:relative; clear:both;  padding:5px;}




.mc_wrap {position: relative; }

.mcbox{color:#000; font-size:15px;  background:#efefef;  font-weight:500; padding:15px 0 10px 0;}
.mcbox ul li.tt {float:left;  padding-left:20px; line-height:20px;}
.mcbox ul li.tt  p {font-size:13px; color:#444; font-weight:300;}
.mcbox ul li.arrow {float:right; margin:0 0 0 0;}


#mcmap .mc .mc-list {position:relative;  width:100%;  background:#fff; overflow:hidden; }
#mcmap .mc .mc-list ul li {float:left; width:50%; padding-left:35px; text-align:left; font-size:14px; font-weight:500; line-height:45px; letter-spacing:-0.05em; border-bottom:1px solid #efefef; background:url(../images/main/icon_orange2.jpg) no-repeat 25px 23px;}
#mcmap .mc .mc-list ul li a {color:#666; line-height:45px;}
#mcmap .mc .mc-list ul li a:hover {color:#2a6f71;}
#mcmap .mc .mc-list img {display:block;}



#centerinfo_wrap {position:relative;  clear:both; background:#ececec; padding:15px;}
#centerinfo_wrap .centerlist {position:relative;  clear:both;  }







#mboard_wrap {position:relative; clear:both;  padding:15px; }
#mboard_wrap .mboard {position:relative;clear:both; }
#mboard_wrap .mboard .notice {position:relative;  clear:both; padding:20px 0;}
#mboard_wrap .mboard .notice h2 {position:relative; clear:both;  font-size:19px; color:#333; letter-spacing:-0.05em;; line-height:32px; font-weight:500; margin-bottom:10px;}
#mboard_wrap .mboard .notice h2  p {position:absolute; top:0; right:0;}
#mboard_wrap .mboard .notice ul li{ position:relative; clear:both; padding-right:70px; background:url(../images/main/jumline.jpg) repeat-x bottom; line-height:26px;}
#mboard_wrap .mboard .notice ul li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;   }
#mboard_wrap .mboard .notice ul li em{ position:absolute; right:0; top:0; color:#999;  font-family:'Verdana';  font-weight:300;}

#mboard_wrap .mboard .ban {position:relative;  clear:both;}
#mboard_wrap .mboard .ban img{width:100%;margin:5px 0;}


#mboard_wrap .activities {position:relative; clear:both; margin-top:30px;}
#mboard_wrap .activities  h2 {position:relative;   font-size:19px; color:#333; letter-spacing:-0.05em; line-height:32px; font-weight:500; }
#mboard_wrap .activities  h2 p {position:absolute; top:0; right:0;}
#mboard_wrap .activities .list {position:relative;clear:both; }
#mboard_wrap .activities .list ul li {float:left;}
#mboard_wrap .activities .list ul li.img {width:40%}
#mboard_wrap .activities .list ul li.txt {float:right; width:57%; margin-left:3%;}
#mboard_wrap .activities .list ul li.txt a{font-size:16px; font-weight:500; color:#333; line-height:22px;}
#mboard_wrap .activities .list ul li.txt p { }


#mboard_wrap .activities2 {position:relative; float:left; width:49%; margin-top:30px;}
#mboard_wrap .activities2  h2 {position:relative;   font-size:19px; color:#333; letter-spacing:-0.05em; line-height:32px; font-weight:500; }
#mboard_wrap .activities2  h2 p {position:absolute; top:0; right:0;}
#mboard_wrap .activities2 .list {position:relative;clear:both; }
#mboard_wrap .activities2 .list img {width:100%; }
#mboard_wrap .ml2p {margin-left:2%;}

#ban1_link {position:relative; clear:both; background:#efefef; padding:30px 15px; text-align:center; margin-top:20px;}
#ban1_link .info {position:relative; clear:both; }
#ban1_link .info h2 {line-height:30px; font-size:19px; color:#333;  letter-spacing:-0.05em;}
#ban1_link .info p {font-size:14px; color:#888; margin-top:10px; line-height:22px; letter-spacing:-0.05em;}
#ban1_link .info ul {margin-top:20px;}
#ban1_link .info ul li {float:left; width:32%; height:35px; line-height:35px; border:1px solid #e8e8e8; margin:0.5%; background:#fff; text-align:center; }
#ban1_link .info ul li a {display:block; font-size:13px; color:#555; font-weight:500; letter-spacing:-0.05em;}
#ban1_link .info ul li a:hover {background:#2a6f71; color:#fff;}

#ban2_link {position:relative; clear:both; background:#404040;padding:30px 15px; text-align:center;}
#ban2_link .info {position:relative; clear:both; }
#ban2_link .info h2 { line-height:30px; font-size:19px; color:#fff;  letter-spacing:-0.05em;}
#ban2_link .info p {font-size:14px; color:#b6b6b6; margin-top:10px; line-height:22px; letter-spacing:-0.05em;}
#ban2_link .info ul {margin-top:20px;}
#ban2_link .info ul li {float:left; width:49%; height:35px; line-height:35px;  margin:0.5%; background:#fff; text-align:center; }
#ban2_link .info ul li a {display:block; font-size:13px; color:#555; font-weight:500; letter-spacing:-0.05em;}
#ban2_link .info ul li a:hover {background:#2a6f71; color:#fff;}

#youtube {position:relative; clear:both; background:#a8a8a8; text-align:center;}























/* sub contents */

.f_l {float:left;}
.f_r {float:right;}
.b1 {border:1px solid #dfdfdf;}
.alignL {text-align:left;}
.alignR {text-align:right;}
.alignC {text-align:center;}

#s_visual {position:relative; clear:both; text-align:center;  }


#s_contents {position:relative;  clear:both;  }




/* left style */
#snb {position:relative; float:left; width:220px; display:none;}
#snb h2 {position:relative; height:65px; border-bottom:3px solid #2a6f71; margin:0; padding-left:25px;  font-size:25px;  color:#222; font-family:'NGB';display:none;}
#snb ul li { border-bottom:1px solid #efefef;  line-height:50px;display:none;}
#snb ul li a {display:block; padding:0 25px;  font-size:15px; display:none;}
#snb ul li a.snb_on {color:#fff; background:#444; font-family:'NGB';display:none;}

.pb100 {padding-bottom:100px;}

.subtab {position:relative; clear:both; margin-bottom:30px;}
.subtab ul li {float:left;  text-align:center; height:30px; margin:3px;}
.subtab ul li a {display:block; background:#999; color:#fff;  font-family:'NGB'; line-height:30px; border-radius:50px;  padding:0 10px;}
.subtab ul li a:hover, .subtab ul li a.tabon {background:#294171;}


#loca_wrap {position:relative; clear:both;  background:#2a6f71; color:#fff; }
#loca_wrap .txt {display:none;}
#loca_wrap .loca {position:relative;  color:#fff; }
#loca_wrap .loca ul li {float:left; height:35px; line-height:35px; padding:0 15px;border-right:1px solid #307778; font-size:12px; }
#loca_wrap .loca ul li.first {background:none;}





#contents {position:relative; clear:both;  padding:35px 15px 50px 15px;}
#contents .stitle {position:relative; clear:both;  font-size:19px;  color:#222; font-family:'NGB';  margin-bottom:20px;}
#contents .stitle .btn_event {position:absolute; right:0; top:0;}
#contents .stitle .btn_event  button {background:#294171; color:#fff; height:42px; padding:0 30px; font-size:15px; font-family: 'NGB';}
#contents .con {position:relative; clear:both;  }


.img_con {position:relative; text-align:center;}
.img_con p {font-size:13px; font-family:'NGB'; color:#333; line-height:20px; }

.con_table {position:relative; clear:both; border-top:2px solid #666; border-right:1px solid #efefef; text-align:left;   color:#555;}
.con_table th {color:#333;  font-family:'NGB';   background:#fcfcfc; line-height:20px; text-align:center;}
.con_table td.a_l {text-align:left;}
.con_table td.a_r {text-align:right;}
.con_table th, .con_table td {padding:7px 15px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center;}

.con_table2 {position:relative; clear:both; border-top:2px solid #9dbcbd; border-bottom:1px solid #9dbcbd;  color:#555;}
.con_table2 th {color:#333;  font-family:'NGB'; font-size:15px;  background:#fafcfc; line-height:20px; text-align:center;}
.con_table2 td.a_l {text-align:left;}
.con_table2 th.a_l {text-align:left;}
.con_table2 td.a_r {text-align:right;}
.con_table2 th, .con_table2 td {padding:10px; border-bottom:1px solid #e7e7e7; text-align:center;border-left:1px solid #e7e7e7;}
.con_table2 .bl_none {border-left:none;}
.con_table2 td {line-height:18px;}


.li_icon {position:relative; clear:both;}
.li_icon ul li {background:url(../images/main/icon_gray.jpg) no-repeat 0 10px; padding-left:7px; margin-bottom:7px;}
.li_icon ul li strong {font-family:'NGB';}
.li_icon ul li span {color:#304f8d;}
.li_icon ul li span.red {font-family:'NG'; color:red;}


#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #2a6f71;}
#other h2 {font-size:30px; color:#222; font-family: 'NGB'; text-align:center; padding:20px 0;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf; font-family:'NG'; font-size:13px; line-height:23px;}
st .info ul li.month {width:100px; color:#0075c2; font-size:15px; font-family: 'NGB';}


#group {position:relative; clear:both; }
#group .reserv_date_wrap {position:relative; clear:both;}
#group .reserv_date_wrap .calendar {border:1px solid #efefef; padding:10px; }
#group .reserv_date_wrap .calendar table {clear:both; text-align:center; font-family: 'NGB';}
#group .reserv_date_wrap .calendar table th {padding:7px 0; color:#555; background:#fafafa; font-size:13px; line-height:20px;  letter-spacing:0.05em; }
#group .reserv_date_wrap .calendar table td {padding:7px 0; font-size:13px;}
#group .reserv_date_wrap .calendar table .sun {color:#d94a4c;}
#group .reserv_date_wrap .calendar table .holiday {color:#d94a4c;}
#group .reserv_date_wrap .calendar table .sat {color:#458acf;}
#group .reserv_date_wrap .calendar table .sunbg {background:#fff1f1;color:#d94a4c;}
#group .reserv_date_wrap .calendar table .satbg {background:#f2f8ff;color:#458acf;}
#group .reserv_date_wrap .calendar table .today {color:#3aa5a8;  font-family: 'NGEB';}
#group .reserv_date_wrap .calendar table .today a {color:#3aa5a8; font-family: 'NGEB';}
#group .reserv_date_wrap .calendar table .point {background:#f7f7f7; font-family: 'NGEB';}
#group .reserv_date_wrap .calendar .year {position:relative; width:200px; margin:0 auto;  font-size:18px;  color:#333; line-height:40px;}
#group .reserv_date_wrap .calendar .year ul li {float:left; text-align:center;}
#group .reserv_date_wrap .calendar .year ul li.btn {width:30px; font-family:'NG'; font-weight:lighter;}
#group .reserv_date_wrap .calendar .year ul li.btn a {color:#999;}
#group .reserv_date_wrap .calendar .year ul li.month { width:140px; font-family: 'NGEB';}

#group .list_wrap {position:relative; clear:both; margin-top:50px; }
#group .list_wrap button.reserv {position:relative; clear:both; width:100%;  background:#294171; color:#fff; font-family: 'NGB'; padding:5px 0; margin-top:20px;}

.group_list  {position:relative; clear:both; text-align:center;border-top:3px solid #2a6f71;}
.group_list th {padding:5px; color:#2a2a2a;   font-family:'NGB'; font-size:14px;  border-bottom:1px solid #cfcfcf;}
.group_list td {border-bottom:1px solid #e6e6e6; padding:5px; font-size:13px; }
.group_list td button.off {width:60px; background:#999; color:#fff; font-size:11px;  letter-spacing:-0.05em; border-radius:2px;}
.group_list td button.on {width:60px; background:#2a6f71; color:#fff; font-size:11px;  letter-spacing:-0.05em; border-radius:2px;}


#information01 {position:relative; clear:both;}
#information01 .program {position:relative; clear:both; border:1px solid #ededed;background:#fafafa;}
#information01 .program .img {position:relative; clear:both;}
#information01 .program .img img {width:100%;}
#information01 .program .text {position:relative;  clear:both;; padding:15px; font-size:14px;}
#information01 .program .text ul li {margin-bottom:5px;}
.opendate {font-size:14px; position:relative;clear:both; text-align:center; width:100%;}
.opendate span {color:#222; font-family:'NGB'; font-size:19px;}
.opendate span strong {color:#fff;  background:#ee8600; padding:10px 13px; border-radius:30px;}
.opendate span .red {color:red;}

#information06 {position:relative; clear:both; }
#information06 .box {position:relative; clear:both; background:#f5f5f5;}
#information06 .box .img {position:relative; clear:both;}
#information06 .box .img img {width:100%;}
#information06 .box .text {position:relative; clear:both; padding:20px; font-size:14px; line-height:22px;}
#information06 .box .text p.tt {color:#2a6f71; font-family:'NGB'; font-size:19px; margin-bottom:10px;}
#information06 .box .text span {color:#294171; font-family:'NGB'; text-decoration:underline;}
#information06 .ml40 {margin-left:40px;}


#information07 {position:relative; clear:both;}
#information07 .box {position:relative; float:left; width:48%; background:#f5f5f5; margin:1%;}
#information07 .box .img {position:relative; clear:both;}
#information07 .box .img img {width:100%;}
#information07 .box .text {position:relative; clear:both; padding:0 30px; font-size:16px; line-height:40px; text-align:center;} 
#information07 .box .text p.tt { font-family:'NGB';  }
#information07 .box .text span {color:#294171; font-family:'NGB'; text-decoration:underline;}
#information07 .ml40 {margin-left:40px;}





.blue19b {color:#0b6fba; font-family:'NGB'; font-size:19px;}
.dgray19b {color:#222; font-family:'NGB'; font-size:19px;}
.orange19eb {color:#ee8600; font-family:'NGEB'; font-size:19px; line-height:30px;}
.orange17b {color:#ee8600; font-family:'NGB'; font-size:17px; line-height:20px;}
.orange {color:red !important; line-height:20px;}




#greeting {position:relative; clear:both;}
#greeting .img {position:relative; clear:both; font-size:17px; color:#444; line-height:28px;}
#greeting .img span {color:#2a6f71; font-size:19px; line-height:40px;}
#greeting .text p{margin-top:20px;}
#greeting .img img {width:100%;}


#history {position:relative; clear:both;}
#history .img {position:relative; clear:both; border:1px solid #ebebeb; padding:9px; font-size:13px; line-height:22px;}
#history .img p.tt {color:#294171; font-family:'NGB'; font-size:16px; margin-top:20px;}
#history .img p {margin:5px 0 0 10px;}
#history .img img {width:100%;}
#history .history_r {position:relative;  clear:both;}
#history .history_r .list {position:relative; clear:both; }
#history .history_r .list .year {position:relative; clear:both; color:#2a6f71; font-family:'NGB'; font-size:19px;  letter-spacing:-1px; margin-bottom:20px;}
#history .history_r .list .text{position:relative;  clear:both;}
#history .history_r .list ul {clear:both; width:100%;}
#history .history_r .list ul li {float:left; width:75%; margin-bottom:10px; font-size:14px; line-height:20px;}
#history .history_r .list ul li.month {width:25%; color:#444; font-family:'NGEB'; }

#organization {position:relative; clear:both;}



#map_wrap {position:relative; clear:both;}
#map_wrap span {color:#2a6f71; font-family:'NGB'; }
#map {position:relative; clear:both;   overflow:hidden;}
#map .frame {width:1920px; height:300px; margin-left:-960px;padding-left:50%;}




#map_wrap table {}
#map_wrap table th {padding-right:20px;}
#map_wrap table td {text-align:left;}



#story {position:relative; clear:both;}
#story .box {position:relative;  background:#fdfdfd; border:1px solid #efefef; padding:14px;}
#story .box .img {position:relative;clear:both; }
#story .box .text {position:relative;clear:both; font-size:14px; line-height:22px; padding-top:20px;}

.story_tab {position:relative; clear:both; margin-top:20px;}
.story_tab ul li {float:left; width:48.8%; border:1px solid #dfdfdf; margin:0.5%; text-align:center;}
.story_tab ul li a {display:block; padding:5px 10px; font-size:13px; color:#666;}
.story_tab ul li a.tab_on {color:#fff; background:#555;}








#facilities01 {position:relative; clear:both;}
#facilities01 .img_wrap {position:relative; clear:both; background:#fafafa;}
#facilities01 .img_wrap .text {position:relative; clear:both; padding:20px; font-size:17px; color:#444; line-height:30px;}
#facilities01 .img_wrap .text span {background:#294171;  color:#fff; font-size:23px; line-height:50px; padding:5px 10px;}
#facilities01 .img_wrap .img {position:relative;  clear:both;}

#facilities01 .img_wrap2 {position:relative; clear:both; }
#facilities01 .img_wrap2 .text {position:relative; clear:both;  margin-top:30px;}
#facilities01 .img_wrap2 .img {position:relative; clear:both;}

#facilities {position:relative; clear:both;}
#facilities .box1 {position:relative;clear:both;  background:#f5f5f5;}
#facilities .box1 .img {position:relative;clear:both;}
#facilities .box1 .text {padding:25px; font-size:14px; line-height:22px;}
#facilities .box1 .text p {color:#2a6f71; font-family:'NGB'; font-size:19px; margin-bottom:20px;}
#facilities .box1 .text span {color:#294171; font-family:'NGB'; text-decoration:underline;}
#facilities .ml40 {margin-left:40px;}

#facilities .box2 {position:relative;  background:#f5f5f5; }
#facilities .box2 .img {position:relative;clear:both;}
#facilities .box2 .text {position:relative; clear:both; font-size:14px; line-height:22px; padding:25px;}
#facilities .box2 .text p {color:#2a6f71; font-family:'NGB'; font-size:19px; margin-bottom:20px;}
#facilities .box2 .text span {color:#294171; font-family:'NGB'; text-decoration:underline;}
#facilities .box2 .text2 {position:relative; clear:both; font-size:14px; line-height:22px; padding:25px;}

.leaflet {position:relative; clear:both; border:1px solid #dfdfdf; padding:10px;}
.leaflet ul li {padding:10px;}
.leaflet ul li img {width:100%;}
.btn_leaflet {position:relative; clear:both; text-align:center; margin-top:20px;}
.btn_leaflet a {background:#222; padding:20px 50px; margin:10px; color:#fff; font-family:'NGB';}



/*½½¶óÀ̵å11*/
.slider11 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider11 .flex-viewport {max-height: 2000px;}
.slider11 .slides {zoom: 1;margin: 0; padding: 0;}
.slider11 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider11 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider11 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider11 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider11 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider11 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider11 .flex-control-nav {display:none; }
.slider11 p.gallery_tit {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  padding:7px 0; text-align:center; }



/*½½¶óÀ̵å1*/
.slider10 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider10 .flex-viewport {max-height: 2000px;}
.slider10 .slides {zoom: 1;margin: 0; padding: 0;}
.slider10 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider10 .slides img {width:100%;display: block;}
/* Direction Nav */
.slider10 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider10 .flex-direction-nav a {width: 25px; height: 34px; margin: -20px 0 0; display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider10 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider10 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider10 .flex-control-nav {display:none; }


/*½½¶óÀ̵å2*/
.slider09 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider09 .flex-viewport {max-height: 2000px;}
.slider09 .slides {zoom: 1;margin: 0; padding: 0;}
.slider09 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider09 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider09 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider09 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider09 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider09 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider09 .flex-control-nav {display:none; }

/*½½¶óÀ̵å3*/
.slider03 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider03 .flex-viewport {max-height: 2000px;}
.slider03 .slides {zoom: 1;margin: 0; padding: 0;}
.slider03 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider03 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider03 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider03 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider03 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider03 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider03 .flex-control-nav {display:none; }


/*½½¶óÀ̵å4*/
.slider04 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider04 .flex-viewport {max-height: 2000px;}
.slider04 .slides {zoom: 1;margin: 0; padding: 0;}
.slider04 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider04 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider04 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider04 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider04 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider04 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider04 .flex-control-nav {display:none; }

/*½½¶óÀ̵å5*/
.slider05 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider05 .flex-viewport {max-height: 2000px;}
.slider05 .slides {zoom: 1;margin: 0; padding: 0;}
.slider05 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider05 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider05 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider05 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider05 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider05 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider05 .flex-control-nav {display:none; }

/*½½¶óÀ̵å6*/
.slider06 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider06 .flex-viewport {max-height: 2000px;}
.slider06 .slides {zoom: 1;margin: 0; padding: 0;}
.slider06 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider06 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider06 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider06 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider06 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider06 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider06 .flex-control-nav {display:none; }

/*½½¶óÀ̵å7*/
.slider07 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider07 .flex-viewport {max-height: 2000px;}
.slider07 .slides {zoom: 1;margin: 0; padding: 0;}
.slider07 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider07 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider07 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider07 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider07 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider07 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider07 .flex-control-nav {display:none; }

/*½½¶óÀ̵å8*/
.slider08 {width:100%; margin: 0; padding: 0; position: relative; zoom: 1; }
.slider08 .flex-viewport {max-height: 2000px;}
.slider08 .slides {zoom: 1;margin: 0; padding: 0;}
.slider08 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider08 .slides img {width:100%; display: block;}
/* Direction Nav */
.slider08 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider08 .flex-direction-nav a {width: 25px; height: 34px;  display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider08 .flex-direction-nav .flex-prev {left:0;  background:url(../images/facilities/btn_prev.png) no-repeat 0 0;}
.slider08 .flex-direction-nav .flex-next {right:0;  background:url(../images/facilities/btn_next.png) no-repeat 0 0;}
/* Control Nav */
.slider08 .flex-control-nav {display:none; }





#shooting {position:relative; clear:both;}
#shooting .img {display:none;}
#shooting .text {position:relative;  clear:both; }

#shooting .downloadbtn {position:relative;  clear:both; margin-top:50px;}
#shooting .downloadbtn ul li {width:100%; }
#shooting .downloadbtn a {display:block; background:#294171; color:#fff; padding:12px 15px; font-size:15px; font-family: 'NGB'; text-align:center; margin:5px; }
#shooting .downloadbtn a:hover {background:#222;}



.event_textarea {padding:10px 15px; height:60px; width: 98%;}
.event_agree {position:relative; clear:both; text-align:right; color:#294171; font-size:14px; padding-right:10px;}

.blue19b {color:#294171; font-size:19px;  font-family: 'NGB'; line-height:30px;}
.blue14 {color:#5d7dbd;}
.green14b {color:#2a6f71; font-size:14px;  font-family: 'NGB';}

.event_info .round_wrap {position:relative; clear:both; border-top:1px solid #afb8ca; border-bottom:1px solid #afb8ca;}
.event_info .round_wrap .round {position:relative; clear:both;  padding:20px;}
.event_info .round_wrap .round .img {position:relative; clear:both; text-align:center;}
.event_info .round_wrap .round .text {position:relative; clear:both; font-size:14px; margin-top:20px; }
.event_info .round_wrap .round .text ul li {background:url(../images/event/icon_gray.jpg) no-repeat 0 12px; padding-left:12px; margin-bottom:10px; line-height:22px;}
.linecen {background:#fcfcfc; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}

.event_info .event_btn {position:relative; clear:both;}
.event_info .event_btn ul li {margin-bottom:10px; text-align:center;}


.cancel {background:#294171; padding:0 10px; color:#fff; letter-spacing:-0.05em;}


/*
.mpopup {position:absolute; z-index:2000000000000000; visibility:hidden; top:90px; left:0; width:100%;}
.mpopup .btn_close {position:relative; clear:both; height:40px; font-size:13px; color:#fff; background:#686868; line-height:40px; }
.mpopup .btn_close a {float:right;}
.mpopup .btn_close input {border:0; outline:none; width:20px; height:20px; margin:0 5px 0 10px;}
*/


#newinfo {position:relative; clear:both; border:1px solid #dfdfdf; background:#fdfdfd; padding:15px; font-size:13px; margin-bottom:50px;}
#newinfo .left {position:relative; clear:both; }
#newinfo .right {position:relative; clear:both; }
#newinfo p.tt1 {font-size:19px; color:#cf5d00;  font-family: 'NGB';}
#newinfo p.tt2 {font-size:15px;color:#3e62e6; font-family: 'NGB';}
#newinfo .li_icon li{ line-height:20px; margin:5px 0;}

#newinfo2 {position:relative; clear:both; border:1px solid #dfdfdf; background:#fdfdfd;  margin-bottom:50px; line-height:24px;}
#newinfo2 .left {position:relative; clear:both; padding:20px;}
#newinfo2 strong {font-size:16px;color:#333; font-family: 'NGEB';}
#newinfo2  span {font-family: 'NGB'; color:#005cc3;}
#newinfo2 .right {position:relative; clear:both; padding:20px;}
#newinfo2 .right .call {position:relative; clear:both; border-top:1px solid #dfdfdf; padding-top:20px; color:#d25910; font-size:20px;  font-family: 'NGEB';}
#newinfo2 p.tt1 {font-size:19px; color:#2a7072;  font-family: 'NGEB';background:url(../images/sub/bar.jpg) no-repeat 0 3px; padding-left:15px; letter-spacing:-0.05em;}



 
#video {position:relative; clear:both;}
#video ul {clear:both; margin:0 0 40px 0; }
#video ul li img { border:1px solid #efefef;}
#video ul li {position:relative; display:block; font-size:13px; line-height:20px; color:#777;}
#video ul li.tit {padding:10px 0;}
#video ul li.tit a {color:#2a6f71;  font-family: 'NGB'; line-height:18px !important; font-size:14px; padding:10px 0;}
#video ul li img {width:100%; }
#video ul li button.reply_link {position:absolute; right:0; color:#fff; font-family: 'NGB'; background:#2aade3; padding:4px 10px; font-size:12px; letter-spacing:-0.05em;}


.etc_video {position:relative; clear:both; border-top:2px solid #444; margin-top:10px; font-size:12px;}
.etc_video ul { padding:15px 0; border-bottom:1px solid #efefef;}
.etc_video ul li {float:left;}
.etc_video ul li.img {width:25%; margin-right:3%;}
.etc_video ul li.img img {width:100%;}
.etc_video ul li.txt {width:72%; color:#888; line-height:20px;}
.etc_video ul li.txt a { font-family: 'NGB'; color:#555; display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.etc_video_tit {color:#2a6f71;  font-family: 'NGB'; font-size:19px; margin-top:50px;}


.etc_video ul:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.etc_video ul{zoom:1;display:block;}


/* À¯Æ©ºê µ¿¿µ»ó 100% */
      .youtubeWrap { 
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
      }
      .youtubeWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%; left:0;
      }




#hope {position:relative; clear:both;}
#hope .img {position:relative; clear:both; border:10px solid #111;}
#hope .img img {width:100%;}
#hope .hopebtn {position:relative; clear:both;  margin-top:20px; width:100%;}
#hope .hopebtn ul li {float:left; width:50%; text-align:center;}
#hope .hopebtn a {background:#222; padding:10px 30px; margin:5px; color:#fff; font-family:'NGB';}

.mpopup {position:absolute; border:10px solid #111;  display:none; z-index:999;}
.mpopup img {width:100% !important;}