body {/*background:url("../../images/simsa/sub/background_bg.gif") repeat-x center 0;*/}

#lnb {}

/* 컨텐츠 그룹 */
#container { position:relative; margin:55px auto 0px auto; width:1240px;}

/* 사이드 메뉴 */
#side {display:inline; float:left; width:245px; margin:0px 35px 30px 0; padding:0;}
#side_title {font-size:22px; width:245px; margin:0 0 15px 0; font-weight:500; text-align:center; color:#fff;padding: 39px 0px; background: #0961a8 url('../../images/simsa/sub/side_bg.png')no-repeat;}
#side_menu {margin:0; padding:0px 0 0 0; border-top:2px solid #b3c7d1;}

/* sidemenu2Depth */
#side_menu ul {width:245px; padding:0px 0 0 0px;}
#side_menu ul li {border-bottom:solid 1px #b3c7d1; font-size:14px; background:#fff;  position: relative;}
#side_menu ul li a {display:block; color:#575757; padding-left:15px; font-weight:500; height:33px; line-height:33px;  font-size:16px; padding:6px 10px;}
#side_menu ul li.on a {color:#fff; font-weight:bold; /*background:url('../../images/simsa/sub/side_li_on.gif') no-repeat; */text-decoration:none; border-top:1px solid #145ba2; border-bottom:1px solid #145ba2; color:#145ba2; background: #f5f8fa;}
#side_menu ul li a:hover {font-weight:bold; background-color:#cff2ee; text-decoration:none;}
#side_menu ul li a span {float:right; position:relative; right:20px;}

/* sidemenu3Depth */
#side_menu ul ul {display:block; width:245px; margin:0 0 0 0;}
#side_menu ul ul li {height:18px; font-size:11px !important; line-height:18px; padding:5px 0 5px 15px; margin:0; border:none; background:#fff !important;}
#side_menu ul ul li a {display:block; height:15px; line-height:15px; padding:0 0 0 20px; color:#575757 !important; font-weight:normal !important; background:url('../../images/simsa/sub/side_ul_ul_li_bg.gif') no-repeat 10px 8px !important;}
#side_menu ul ul li.on a, #side_menu ul ul li a:hover {color:#0054a5 !important; font-weight:bold !important; background:url('../../images/simsa/sub/side_ul_ul_li_bg.gif') no-repeat 10px 8px !important;}
#side_menu ul li span.new_window5 {position:absolute; top:8px; right:10px; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:13px; height:14px; display:block;}
#side_menu ul li span.new_window10 {position:absolute; top:14px; right:10px; background:url('../../images/syjy/common/window.gif') no-repeat 0 0; width:13px; height:14px; display:block;}

/* 컨텐츠 그룹 */
#colgroup {position:relative; display:inline; float:left; width:960px; min-height: 600px; }

#sub_head {height:70px; border-bottom: 1px solid #ccc;}
#sub_title {float:left;}
#sub_title h1 {/*background:url('../../images/simsa/sub/sub_title_h1.gif') no-repeat 0px 0px;*/ padding:5px 0 0 0px; font-weight:500; color:#575757; font-size:32px;}
.path {float:right; text-align:right; padding-top:32px; font-size:12px; height:20px; margin-right:3px; }
.path .path_list{font-weight: 600;}
.path span a {color:#0156a8; font-weight:bold;}

#contents {margin:22px 0 10px 0;}


table.notice_view { border-collapse: collapse; width: 100%; margin: .5em 0px; border-top:2px solid #F00;}
table.notice_view tr { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.notice_view th, table.notice_view td { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #e1e1e1; padding: 6px 10px 4px 10px; }
table.notice_view tbody th,  table.notice_view tfoot th { background: #fff; color: #434343; font-weight: bold; text-align: center; vertical-align: middle; }
table.notice_view tbody.alt th, table.table_2 tfoot.alt th { font-weight: normal; }
table.notice_view input { border:1px solid #e6e6e6; width:98%;}
table.notice_view select { border:1px solid #e6e6e6;}
table.notice_view textarea { border:1px solid #e6e6e6;}

div.page a { padding:0 3px 0 3px;}
div.page a strong { color:#F00; text-decoration:underline;}
div.page a img { vertical-align:middle;}

/* 동영상 자막 */
#vedio textarea.embed-container-text {width:100%; height:280px; border:1px solid #e6e6e6; margin-top: 20px;}
#vedio textarea:focus {border:1px dashed #000;}

/* 갤러리 게시판
.border_gallery { position:relative; float:left;  }
.border_gallery li { float:left; padding:10px 10px 10px 10px; width:100px; height:200px; text-align:center;}*/

/* 갤러리 게시판 */
ul.border_gallery {position:relative; width:100%; clear:both; border-top:2px solid #436fba; /*border-bottom:1px solid #ccc;*/ display:inline-block;}
/* ul.border_gallery {margin:20px 0 0 0;} */
ul.border_gallery li { float:left; /*margin:10px 11px 20px 11px;  */width:200px; /*height:180px; */border:1px solid #e6e6e6; text-align:center; margin-top: 10px; padding: 10px; margin-right: 18px;}
ul.border_gallery li img { width:200px;/* height:108px;*/  border-bottom:1px solid #e6e6e6; margin-bottom:5px;}
ul.border_gallery li img.new{width:16px; height:15px;}


div.page a img {vertical-align:top;}

.page_total {float:left; }
.srch_box {float:right; }

ul.banner li {float:left;padding:0px;}


/* 개인정보 수집, 이용 동의서 */
.collect_01 {width:698px; height:100px; padding:20px; border:1px solid #cae3e8; background-color:#f4fcfe; overflow-y:scroll;}


/*20220609 추가*/
ul.border_gallery li strong a{   display:-webkit-box;    -webkit-line-clamp:2;    -webkit-box-orient:vertical;    width:200px;    overflow:hidden;    text-overflow:ellipsis;}
/*모바일*/
@media only screen and (max-width:767px){
    #container{width: auto; margin: 0 auto; padding: 10px;}
    .wrap{width: 100%;}
    #side{display: none;}
    #w_lnb{display: none;}
    #footers{width: 100%;}
    #footer{width: 100%;}
    #colgroup{width: auto; min-height: auto; float: none;}
    #sub_head{height: 80px;}
    #sub_title{text-align: center; float: none;}
    #sub_title h1{font-size: 24px;}
    .path{float: none; text-align: center; padding-top: 10px;}
    ul.border_gallery li{width: 94%;}
    ul.border_gallery li strong a{width: 100%;}
    ul.border_gallery li img{width: 100%;}
}