@charset "utf-8";

@import url('easydropdown.css');
@import url('font.css');


body  { font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size:14px; background:#fafafa; }
*{ margin:0; padding:0; }

ul, li { list-style:none; }
fieldset,img { border:none; }
table { border-collapse:collapse; }
input,textarea,select,button { padding:0px; margin:0px; font-size:14px; color:#1e1e1e; font-family:'Helvetica' , 'Arial' , 'Sans-Serif'; 'Dotum'; }
em, u { font-style:normal; text-decoration: none; }

a { text-decoration: none; border:none;
    outline:none; }


/*** LAYOUT **********************************************************************/

header { 
  height:110px; background:url("/Images/bg_header.png") repeat-x; height:111px; 
  }


#language { 
  margin:0 auto; width:1000px; max-width: 1000px; line-height:32px; text-align:right; font-family:'Helvetica' , 'Arial' , 'Sans-Serif'; 'Dotum'; font-size:10px; color:#c8c8c8; 
  }
  #language a { 
    padding:0 3px; 
    }
  #language a.on { 
    color:#ff8674; 
    }
  #language a.off { 
    color:#c8c8c8; 
    }
  #language a:hover { 
    color:#ff8674; 
    background: #fafafa;
    }


nav { 
  clear:both; margin:0 auto; width:1000px; max-width: 1000px; height:79px; 
  }
  nav ul { 
    float:right; 
    }
  nav li { 
    float:left; line-height:79px; margin:0 0 0 48px; 
    }
  nav li a { 
    color:#505050; font-size:15px;
    }
  nav li a:active {background:#fafafa; }
  nav li a.on { 
    color:#787878; 
    }
  nav li a:hover { 
    color:#787878; 
    }

  nav #logo { 
    float:left; padding: 32px 0 0 0; font-size:15px; 
    }
  nav #logo a { 
    display:block; width:280px; height:79px; color:#505050; 
    }

   nav #logo a:hover { 
    color:#c8c8c8;
    }

    nav #logo a:visited { 
    color:#505050;
    }


section {
  clear:both; margin:0 auto; width:1000px; max-width: 1000px; min-height:600px; padding:10px 0 10px 0; 
  }


footer { 
  clear:both; border-top:1px solid #f0f0f0; text-align:center; height:35px; margin:0 0 10px 0; padding-top:10px; font-size: 14px;
  }







/*** INDEX PAGE **********************************************************************/

.m_visual { 
  width:1000px; max-width: 1000px; height:700px; margin:20px 0 90px 0; background:#424242; overflow:hidden; position:relative; cursor:pointer; 
  }
  .m_visual .visual { 
    width:1000px; max-width: 1000px; height:700px; 
    }
  .caption2 { 
    z-index: 10000; 
    }
    .caption2 .txt_shadow { 
      position:absolute; bottom:30px; left:51px; color:#777; 
      }
    .caption2 .txt_shadow .t01 { 
      font-family: 'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size: 18px; text-shadow: 0 0 2px #777;
      }
    .caption2 .txt_shadow .t02 { 
      font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size: 16px; text-shadow: 0 0 2px #777; padding:7px 0 0 0;
      }
    .caption2 .txt_shadow .t03 { 
      font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size: 12px; text-shadow: 0 0 2px #777; padding:30px 0 0 0; display:none;
      }

    .caption2 .txt { 
      position:absolute; bottom:31px; left:50px; color:#FFF; 
      }
    .caption2 .txt .t01 { 
      font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size: 18px;
      }
    .caption2 .txt .t02 { 
      font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size: 16px; padding:7px 0 0 0;
      }
    .caption2 .txt .t03 { 
      font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size: 12px; padding:30px 0 0 0; display:none;
      }
    .main {
        margin-top: 20px;
    }






/*** SUB MENU **********************************************************************/

.sub_navi {
  padding: 8px 0 18px 0; 
  }

  .sub_tit {
    float:left; color:#787878; font-size:14px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; width:200px;
    }
    .sub_tit a {
      color:#787878;
      }
    .sub_tit a:hover {
      color:#c8c8c8;
      background: #fafafa;
      }

  .sub_txt {
    float:left; width:600px; font-size:16px; text-align:center; color:#646464; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum';
    }
    .sub_txt em {
      color:#282828; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size:16px;
      }
     
  .sub_menu {
    float:right; font-size:12px; width:280px; text-align:right; color:#646464;
    }
    .sub_menu a {
      color:#c8c8c8; margin:0 0 0 20px; padding:0 0 3px 0; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum';
      }
    .sub_menu a.on {
      color:#787878; /*border-bottom:1px solid #1b1b1b;*/
      }
    .sub_menu a:hover {
      color:#787878; /*border-bottom:1px solid #1b1b1b;*/
      background: #fafafa;
      }
    .sub_menu_sb {
    float:right; font-size:15px; margin-left: 10px; color:#787878;
    }
   

   





/*** COLUMN **********************************************************************/

.column_txt {
    /* Chrome, Safari, Opera */
    /*-webkit-column-count:2; -webkit-column-gap: 40px;*/
    /* Firefox */
    /*-moz-column-count:2; -moz-column-gap: 40px;*/

    /*column-count:2; column-gap: 40px;*/

  clear:both; margin:40px 25px 80px 25px; font-size:14px; color:#282828; line-height:24px; text-align: justify; /*word-break: break-all;*/
  }

.column_txt_about {
  clear:both; margin:40px 25px 80px 25px; font-size:14px; color:#282828; line-height:24px; text-align: justify; /*word-break: break-all;*/
  }

  .column_txt .director_name {
    font-size:14px; color:#222; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; padding:25px 0 0 0;
    }
  .column_txt .history {
    font-size:14px; color:#282828; padding:40px 0 0 0; 
    }
    .column_txt .history strong {
      font-size:18px; color:#282828; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; 
      }
    .column_txt .history em {
      font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum';
      }
  .column_txt .link {
    padding:130px 0 0 0;
    }
    .column_txt .link a {
      margin:7px; border:2px solid #4d4d4d; padding:5px 9px; font-size:14px; color:#282828; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; width:190px; display:inline-block; text-overflow:ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;
      }
    .column_txt .link a:hover { 
      border:2px solid #4d4d4d; background:#4d4d4d; color:#FFF;
      }
    .column_txt .link img {
      vertical-align:middle;
      }
    .column_txt strong {
        font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum';
    }
  







/*** GALLERY PAGE **********************************************************************/

.gallery_wrap { 
  margin:0 auto; margin-bottom:40px; width:100%; position:relative; overflow:hidden; 
  }
  .thum_list, .pager { 
     overflow:hidden; margin-top:2px; margin-left:-1px; 
    }
  .thum_list li, .pager li { 
    float:left; margin:5px; height:84px; 
    }
  .thum_list a, .pager a img { 
    display:block; border:4px solid #fafafa; width:112px; height:76px; 
    }
  .thum_list a.active, .pager a:hover img, .pager .activeSlide a img { 
    border:4px solid #787878; 
    }

  .gallery_view { 
    clear:both; width:100%; margin:0 auto; text-align:center; 
    }

  .gallery_wrap #prev, #main-prev { 
    position:absolute; top:320px; left:51px; 
    }
  .gallery_wrap #prev a, #prev a.cycle-prev, #main-prev a { 
    display:block; width:48px; height:48px; background:url('/Images/btn_thumb_page_nav.png'); background-repeat:no-repeat; background-position:0 0; margin-top:271px;
    }
  .gallery_wrap #prev a:hover, #prev a.cycle-prev:hover, #main-prev:hover { 
    display:block; /*background:url('/Images/btn_thumb_page_nav.png');*/ /*background-position:-40px 0;*/ 
    }
  .gallery_wrap #next, #main-next { 
    position:absolute; top:320px; right:51px; 
    }
  .gallery_wrap #next a, #next a.cycle-next, #main-next a { 
    display:block; width:48px; height:48px; background:url('/Images/btn_thumb_page_nav.png'); background-repeat:no-repeat; background-position:-48px 0; margin-top:271px;
    }
  .gallery_wrap #next a:hover, #next a.cycle-next:hover, #main-next:hover { 
    display:block; /*background:url('/Images/btn_thumb_page_nav.png');*/ /*background-position:-40px -60px;*/ 
    }
 section { position: relative; }
  .page-btn-area { position: absolute; top: 674px; right: -36px; width: 32px; z-index: 1000; }
  .page-btn-area .page-prev-btn { margin-bottom: 18px; cursor: pointer; }
  .page-btn-area .page-next-btn { margin-left: 2px; cursor: pointer; }

.comment_popup, .caption {
  position:fixed; right:3%; bottom:4%; width:300px; height:200px; margin-left:-150px; padding:4px; background:url('/Images/bg_comt_popup.jpg'); box-shadow:0px 0px 12px 0px rgba(0,0,0,0.2); behavior:url('../css/PIE.htc'); z-index:10000;
  }
  .comment_popup table, .caption table {
    width:100%; height:100%; border:2px solid #646464;
    }
  .comment_popup td, .caption td {
    text-align:center; font-size:16px; color:#3c3c3c; line-height:24px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum';  padding:0 25px;
    }






/*** ARTISTS > ARTISTS_LIST  **********************************************************************/

.thumbnail_list { 
  margin:20px 0 130px 0; overflow:hidden; 
  }

.enterleave {
  position:relative; display:inline-block; margin:5px; float:left;
  }
.artistNameHover{
  position:absolute; display:none; background:rgba(40, 40, 40, 0.5); -ms-filter: alpha(opacity=0.5); filter: alpha(opacity=40); top: 0px; left: 0px; width:190px; height:140px; 
  }
.artistNameHover div{
  color:white; text-align:center; position:relative; top:60px; font-size:15px; text-shadow:1px 1px 1px 0px rgba(0,0,0,0.5); behavior:url('PIE.htc'); font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum';
  }







/*** EXHIBITIONS > UPCOMING **********************************************************************/

.upcoming_box {
  clear:both; width:100%; height:625px; background:#3a3750; text-align:center; margin:0 0 120px 0;
  }
  .upcoming_box .txt1 {
    font-size:20px; color:#dfc9d2; font-family:'Georgia'; 
    }
  .upcoming_box .txt2 {
    font-size:36px; color:#f4b0b7; padding:25px 0 12px 0;
    }
  .upcoming_box .txt3 {
    font-size:26px; color:#dfc9d2; font-family:'Palatino'; 
    }







/*** EXHIBITIONS > PAST **********************************************************************/

.past_year {
  clear:both; font-size:16px; color:#b4b4b4; margin:8px 0;
  }
  .past_year a {
    margin:0 10px 0 0; color:#b4b4b4; line-height:22px;
    }
  .past_year a:hover {
    color:#787878; border-bottom:1px solid #787878;
    }
  .past_year a.on {
    color:#787878; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; border-bottom:1px solid #787878;
    }

.past_list_wrap { 
  clear:both; width:1020px; overflow:hidden; margin:0 0 100px 0;
  }

.past_list {
  position:relative; font-size:14px; float:left; width:470px; margin:15px 40px 0 0;
  }
  .past_list a {
    display:block; width:470px; height:88px; 
    }
  .past_list a:hover {
    
    }
  .past_list img {
    border:4px solid #fafafa;
    }
  .past_list a:hover img {
    border:4px solid #787878;
    }
  .past_list .pho {
    position:absolute; top:0; left:0; width:120px; height:80px;
    }
  .past_list .con {
    position:absolute; top:4px; left:140px; color:#787878; width:330px; height:80px; font-size:14px;
    }
    .past_list .con .tit {
      color:#282828; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; line-height:15px;
    }
    .past_list .con .txt {
      padding:5px 0; 
    }







/*** ABOUT > ABOUT **********************************************************************/

.about_visual {
  margin-top:20px; 
  }







/*** CONTACTS > CONTACTS **********************************************************************/

.company_info { 
  margin-top:20px; 
  }
  .company_info .map {
    width:675px; height:450px; float:left; margin:0 40px 0 25px; text-align:center; color:#FFF;
    }
  .company_info .address {
    float:left;
    }
    .company_info .address .t1 {
      font-size:17px; color:#282828; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; line-height:30px; margin:10px 0 0 0;
      }
    .company_info .address .t2 {
      font-size:14px; color:#3c3c3c; line-height:24px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; margin:0 0 20px 0;
      }
    .company_info .address .t2 em {
      font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum';
      }
    .company_info .address .t3 {
      font-size:15px; color:#282828; line-height:24px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; margin:20px 0 0 0;
      }
    .company_info .address .t3 a {
      border-bottom:1px solid #444; color:#282828;
      }
    .company_info .address .t3 a:hover {
      border-bottom:1px solid #787878; color:#787878;
      }
    .company_info .address .gmap {
      margin:70px 0 0 0;
      }
    .company_info .address .gmap a {
      border:2px solid #4d4d4d; padding:9px 18px; color:#282828; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; font-size:16px; 
      }
    .company_info .address .gmap a:hover {
      background:#3c3c3c; color:#FFF;
      }


.mailing_list {
  clear:both; margin:80px 0 50px 25px; width:1000px; max-width: 1000px;
  }
  .mailing_list .tit {
    font-size:17px; color:#282828; line-height:24px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; margin:0 0 30px 0;
    }
  .mailing_list .inp {
    clear:both; margin:0;
    }
  .mailing_list .inp li {
    float:left; margin:0 40px 20px 0; width:450px; position:relative;
    }
  .mailing_list .inp li label {
  }
  .mailing_list .inp li label.error {
      position:absolute;
    color: red;
    padding-top: 4px;
    display: inline-block;
    text-indent: -0px;
    left: 0px;
    top: 27px;
  }

  .mailing_list .inp li input {
    border:1px solid #4d4d4d; height:28px; width:428px; font-size:13px; color:#505050; padding:0 10px; vertical-align:middle; line-height:25px; /*ie8에서 vertical-align과 line-height을 넣지 않으면 글씨가 위로 뜸 */
    }
  .mailing_list .inp li .radio_list {
    position:relative; float:left; width:80px; height:22px; line-height:22px; margin:0 30px 0 0;/*display:inline-block; 으로하면 ie8이상에서 margin생김 line-height:0, font-size:0 해도 안사라짐! */ 
    }
    .radio_list .iLabel {  
      position:absolute; left:30px; top:3px; visibility:visible; cursor:pointer; font-size:14px; color:#282828; 
      }
    .radio_list .iRadio { 
      visibility:hidden; height:22px; line-height:0; 
      }
    .radio_list .designRadio { 
      position:absolute; left:0; top:4px; display:block; width:20px; height:20px; cursor:pointer; 
      }
    .radio_list .designRadio .radio { 
      display:block; width:20px; height:20px; background-image:url('/Images/img_radiobtn.png'); background-repeat:no-repeat; background-position:0 0; 
      }
    .radio_list .designRadio .radio.checked { 
      background-position:0 -20px; 
      }
    .mailing_list .inp li .btn {
      float:right;
      }
    .mailing_list .inp li button {
      background:#FFF; border:2px solid #4d4d4d; font-size:16px; color:#282828; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; width:180px; height:32px; cursor:pointer;
      }
    .mailing_list .inp li button:hover {
      background:#3c3c3c; color:#FFF;
      }








/*** NEWS > NEWS **********************************************************************/

.news_list_wrap {
  clear:both; margin:0 0 70px 0;
  }

.news_list { 
  position:relative; border-bottom:1px solid #787878; padding:50px 0; margin-bottom:30px; margin-top:50px;
  }
  .news_list {
    clear: both; display:block; width:1000px; max-width: 1000px; min-height:310px; 
    }
  .news_list img {
    border:4px solid #fafafa;
    max-height:500px;
        cursor: pointer;
    }
  .news_list img:hover {
    border:4px solid #787878;
    }
  .news_list .tit {
    font-size:16px; color:#282828; line-height:30px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; margin:0 0 20px 0;
    }
  .news_list .txt {
    font-size:14px; color:#505050; line-height:28px; padding-bottom:30px; margin-bottom:50px;
    }

    .news_list .wide-mode .tit, .news_list .wide-mode .txt {
        width: 100%;
    } 
  .news_list .pho {
    float: right;
    margin-left: 40px;
    }


    .news-popup img {
        position: absolute;
    }

    .news_list .date {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 18px;
        color: #ADADAD;
    }








/*** ABOUT > ABOUT **********************************************************************/

.about_list_wrap {
  clear:both; margin:0 0 70px 0;
  }

.about_list { 
position:relative; /* border-bottom:1px solid #787878; */ padding:35px 0;
  }
.about_list {
clear: both; display:block; width:1000px; max-width: 1000px; min-height:310px;
}
  
.about_list .tit {
font-size:16px; color:#282828; line-height:25px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif'; margin:0 0 20px 0;
}
.about_list .tit2 {
font-size:16px; color:#999999; line-height:25px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif'; margin:0 0 20px 0;
}
.about_list .txt {
font-family: Helvetica, Arial, Verdana, Dotum;
font-weight: 100;
font-size: 13px;
color: #8a8a8a;
line-height: 35px;
text-indent: -60px;
margin-left: 120px;
letter-spacing: 0.5px;

}

.about_list .wide-mode .tit, .about_list .wide-mode .txt {
    width: 100%;
} 

        /* popup */
.no_scroll {
	position:relative;
	overflow:hidden;
}

.popup_bg {
    z-index: 98;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(30, 30, 30, 1);
}

#popup_wrap { 
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    margin-left:0px;
    height:100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.popup_layer.enter .popup_bg {
    background-color:rgba(0, 0, 0, 0.8);
}
.popup_layer.enter .popup_wrap {
    animation: fadeInUp 1.2s;
}

.popup_layer.leave .popup_bg {
    background-color:rgba(0, 0, 0, 0);
}
.popup_layer.leave .popup_wrap {
    animation: fadeOutDown 1.2s;
}

.popup-layer .popup {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.popup_layer {
	display:none;
}

.popup_show {
	display:block;
}

.detail-image {
    margin: 0 auto;
    margin-top:120px; 
    margin-bottom: 100px;
}

.close-btn{
    position: relative;
    display: block;
    text-align: right;
}

/*** PAGING **********************************************************************/

.paging { 
  text-align:center; margin:0 auto; width:100%; margin-top:60px; font-size:16px; line-height:20px; 
  }
  .paging ul { 
    text-align:center; margin:0 auto; display:inline-block; 
    }
  .paging li { 
    float:left; margin:0 4px; 
    }
  .paging li a { 
    display:block; color:#4d4d4d; padding:0 5px; border:1px solid #fafafa; 
    }
  .paging li a:hover { 
    border:1px solid #575757;
    }
  .paging .sel { 
    color:#464646; /*background:#464646; border:1px solid #464646; */
    }
  .paging li.prev { 
    margin:0 15px 0 0;  
    }
  .paging li.prev a { 
    /*border:1px solid #575757; */ font-size:23px; letter-spacing:-3px; padding:0 11px 0 7px; 
    }
  .paging li.prev a:hover { 
    border:1px solid #575757; background:#575757; color:#FFF; 
    }
  .paging li.next { 
    margin:0 0 0 15px; 
    }
  .paging li.next a { 
     /*border:1px solid #575757; */ font-size:23px; letter-spacing:-3px; padding:0 10px 0 8px;
    }
  .paging li.next a:hover { 
    border:1px solid #575757; background:#575757; color:#FFF;
    }




/*** ETC **********************************************************************/

.blank { clear:both; }

.inp .validation-summary-errors {
    color: red;
}


/*** ACCORDION **********************************************************************/

/* Flexible Slide-to-top Accordion Style*/
.wrapper{
	width:100%;
	max-width:1000px;
	/* max-height: 450px;*/
	height:100%;
    clear:both; 
    margin:0 0 70px 0;
}
.st-accordion{
    position:relative; 
    border-bottom:1px solid #787878; 
    padding:35px 0;
    width:100%;
    min-width:270px;
    margin: 0 auto;
    clear: both; 
    display:block; 
    max-width:1000px;
     
}


.st-accordion ul li{
	height: 50px;
	overflow: hidden;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
	display: block;
	position: relative;
	outline: none;
	-webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
	background: transparent url(/Images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
	color: #666666;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
	color: #666666;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}


 .st-accordion img {
    border:4px solid #fafafa;
        cursor: pointer;
    }
 .st-accordion img:hover {
    border:4px solid #787878;
    }

.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
	line-height: 28px;
	padding: 5px 4px 15px 4px;
}


  .st-accordion .tit {
    font-size:16px; color:#282828; line-height:50px; font-family:'Helvetica' , 'Arial' , 'Sans-Serif', 'Dotum'; margin:0 0 0 0;
    }
  .st-accordion .txt {
    font-size:14px; color:#505050; line-height:28px; margin-bottom:80px;
    }

  .st-accordion .wide-mode .tit, .news_list .wide-mode .txt {
    width: 100%;
    } 
  .st-accordion .pho {
    float: right;
    margin-left: 40px;
    }


    .st-accordion .date {
        font-size: 13px;
        margin-top: 20px;
        margin-bottom: 20px;
        line-height: 18px;
        color: #ADADAD;
    }