@charset "utf-8";
/* CSS Document */
/*
#c9252b
*/
body { font-family:'Noto Sans KR', san-serif; }

table.center th,
table.center td{ text-align:center;}

.top-nav-sub { background:#c9252b; text-align:right; padding:8px 0; font-size:.9em; text-align:right }
.top-nav-sub ul { margin:0; }
.top-nav-sub li { display:inline-block; margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #fff; border-color:rgba(255, 255, 255, .6); line-height:8px }
.top-nav-sub li:first-child { border:0 none; }
.top-nav-sub a { color:#fff; }
.logo { }
#gnb { background:#202c45; border:0 none; border-radius:0; }
.navbar-nav { float:none; width:960px; margin:0 auto; }
.navbar-nav .dropdown-menu { width:100%; }
.navbar-default .navbar-nav > li { width:20%; text-align:center; border-left:1px solid #656d7f }
.navbar-default .navbar-nav > li:first-child { border-left:0 none }
.navbar-default .navbar-nav > li > a { color:#fff; font-weight:600; font-size:1.143em; }
.navbar-default .navbar-nav > li > a:hover { color:#aaa; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .dropdown > a.active,
.navbar-default .navbar-nav > .dropdown > a:hover,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color:#fff; background-color:#c9252b }
.dropdown-menu > li > a { padding:8px 20px; }
#splash { position:relative; margin-bottom:25px; overflow:hidden; }
.slides{ padding:0!important; margin:0!important; }
.slides li { display:none; list-style:none; }
.slides li img { width:100%; height:auto; display:block; }
.flex-direction-nav li{ list-style:none;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{position:absolute; top:50%;transform: translateY(-40px);z-index:900;transition:all .4s ease}
#splash:hover .flex-direction-nav .flex-prev{ left:20px;}
#splash:hover .flex-direction-nav .flex-next{ right:20px;}
.flex-direction-nav .flex-prev{ left:-50px;}
.flex-direction-nav .flex-next{ right:-50px;}
/*< >*/
.flex-prev,
.flex-next {display: block;width: 32px; font-size:3em;overflow: hidden;cursor:pointer; font-family:FontAwesome; color:#fff; text-indent:300% }
.flex-prev:hover,
.flex-next:hover{ color:#DA0200;}
.flex-prev::before,
.flex-next::after {position:absolute; top:0; text-indent:0;}
.flex-prev::before {content: "\f053"; left:0}
.flex-next::after {content: "\f054"; right:0;}


/* ●○ */
.flex-control-paging{ position:absolute; width:100%; text-align:center; bottom:1em; z-index:900; margin:0; padding:0;}
.flex-control-paging li{ display:inline-block; width:16px; height:16px; margin:0 4px;}
.flex-control-paging li a{ display:block; width:100%; height:100%; text-indent:-300%; overflow:hidden; background:#FFF;background:rgba(255,255,255,.5); border-radius:50%; cursor:pointer}
.flex-control-paging a.flex-active{ background-color:#DA0200;cursor:default}

.mainpage h3{ font-size:1.4em; color:#c9252b; position:relative; padding-left:8px; }
.mainpage h3:before{ content:''; position:absolute; top:3px; left:0; width:4px; height:18px; background:#777;}

#main-banner .heading { font-weight:bold; margin:8px 0 10px 0; font-size:1.2em; color:#C9252B}
#main-banner a { color:#444; }
#main-banner p { height:4.5em; margin-top:15px; margin-bottom:25px; color:gray }
#main-banner .no-image { display:block; width:100%; padding-top:60%; background-color: #f1f1f1; }
#main-banner .no-image span{ position:absolute; top:30%;width:100%; padding-right:30px; text-align:center;}

 .latest-photo [class^='col-'] {
margin-bottom:10px;
padding:0;
}
.latest-photo [class^='col-']:nth-child(odd) {
padding-right:5px;
}
.latest-photo [class^='col-']:nth-child(even) {
padding-left:5px;
}
.latest-article { border-top:1px solid #dedede; margin-top:30px; margin-bottom:30px; padding-top:20px; }
.latest-article .heading { font-size:1.2em; font-weight:bold; font-weight:600; }
.latest-article .heading a { text-decoration: none; color: #555; }
.latest-article ul { padding-left:18px; }
.site-footer { color:#dadada; background:#565656; margin-top:60px; position:relative }
.logo-alt { margin:25px 0; }
.site-footer .copyright{padding:23px 0 0 0; font-size:.9em}
.site-footer address{ margin-bottom:10px}
.site-footer .btn-admin{ position:absolute; right:0; border:0; color:#999999; font-size:0.8em; text-transform: uppercase; }

#container_title { font-size:1.8em; margin:40px 0 20px 0; padding-left:10px; position:relative;}
#container_title:before{ content:" "; position:absolute; top:4px; left:0;width:6px; height:20px; background:#C9252B;}

#content h3{ font-size:1.4em; color:#C9252B; margin-top:0;}
#content h4{ font-size:1.2em;}
#content p { color:#555; font-weight:300; line-height:1.7 }

.latest-photo figure { overflow:hidden; position:relative; }
.latest-photo figure img{ width:100%;}
.latest-photo figcaption { text-align:center; position:absolute; top:100%; left:0; padding:10px; width: 100%; height: 20%; background: #A8A8A8; background: rgba(0, 0, 0, .4); color: #fff; transition: all 0.2s ease-out; }
.latest-photo figure:hover figcaption { top: 80%; left: 0; opacity:1; }

.gallery .no-image span {position: absolute; top:0; left:0;width: 100%;height: 100%; text-transform: uppercase; text-align:center; background:#eee;transform:translate(-50%,-50%); padding-top:46%; }

.gallery .row{ margin-bottom:25px;}
.gallery-item{position:relative;  }
.check-box{position:absolute;right:25px; top:10px; z-index:9}
.gallery-item .inner-box{ position:relative;  padding-top:100%; overflow:hidden;border:1px solid #ededed;}
.gallery-item .heading{ padding:10px 0;}
.gallery-img{ position:absolute; top:0; left:0; right:0; bottom:0;transform:translate(50%,50%);}
.gallery-img img{ display:block; max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; transform:translate(-50%,-50%);}
.gallery-img.landscape img{width:100%; height:auto;  }
.gallery-img.portrait img{ width:auto; height:100%; }
.gallery-img.square img{width:100%; height:auto;}
.gallery-item h3{ font-size:1.1em; margin:0 0 10px 0;}
.gallery-content{ display:none;word-wrap: break-word; height:2em;}
.gallery-item-info{ font-size:.9em; list-style:none;padding:0; margin:0; color:#999;}
.gallery-item-info .fa,
.gallery-item-info span{ margin-right:.6em;}

#sns-box{ margin-top:20px;}
#sns-box .nav-tabs a{ color:#aaa; font-size:.9em;}
#sns-box .nav-tabs .active a{ color:#c9252b;}
#sns-box .nav-tabs .fa{ margin-right:5px}
#sns-box .nav-tabs > li > a{ border-radius:0;}
#sns-box .tab-content{padding:15px; border:1px solid #ddd; border-top-width:0;}

#location #content .fa{color:#C9252B;}

#project #content .row{ margin-bottom:50px;}
#project #content ul{ margin:0; padding:0; list-style:none;}
#project #content li:before {content: "\f00c";font-family: FontAwesome;margin-right:.4em; color:#999;}
#project #content li li{ margin-left:20px;}
#project #content li li:before {content: "\f105";font-family: FontAwesome;margin-right:.4em; color:#999;}

#support{}
#support .heading{ background:#c9252b; color:#fff; padding:15px;}
#support .content{ padding:0 15px 15px;}
#support h2{ font-size:1.4em; margin-top:0;}
#support h3{ font-size:1.2em;}

#support .btn-set { text-align:center;}
#support .btn-set a{display:inline-block;background:#c9252b; color:#fff; padding:10px; width:38%; margin:10px; text-align:center; font-size:1.2em; text-decoration:none;}

#support .download_doc{ display:block;background:#c9252b; color:#fff; padding:10px; width:80%; margin:10px auto; text-align:center; font-size:1.2em; text-decoration:none;}

.register_support{ padding:40px; margin:20px 0; border:1px solid #bdbdbd; }
.register_support h2{ font-size:1.4em; margin:0 0 15px 0;}
.register_support h3{ font-size:1.2em; margin:10px 0 5px 0;}
.register_support a{display:block;background:#b2b2b2; color:#fff; padding:6px; width:20%; margin:10px auto; text-align:center; font-size:1em; text-decoration:none;}
.register_support p{ margin-top:30px; text-align:center; font-weight:bold; font-size:1.2em;}

/* gnu fix ######################################################################## */
a.btn_admin,
a.btn_b01,
a.btn_b02,
a.btn_cancel,
a.btn_frmline,
button.btn_frmline,
.btn_cke_sc,
.btn_submit,
.btn_bo_adm input,
.new_win .win_btn button { font-size:13px; line-height:1em; border-radius: 0; text-decoration:none; vertical-align:top; }
a.btn_admin:hover,
a.btn_b02:hover,
a.btn_frmline:hover,
.btn02:hover { color:#fff; }
#bo_v_table { display:none; }
.frm_input[type=text],
.frm_input[type=password] { border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; height:32px; padding:6px 12px }
.frm_input[type=file] { height:32px; border:0 none; font-size:12px; }
fieldset .btn_submit { padding:7px 12px; height:30px; }
label { font-weight:normal; }
#tnb a,
#bo_cate a { letter-spacing: 0; }
#bo_list .td_name { text-align:center!important; }
.pg { letter-spacing: 0; }
#ctt { border: 0 none; margin: 0; padding: 0; }
.board_top { line-height:2.5em }
.tbl_frm01 th { width:160px; font-weight:normal; }
.tbl_head01 th { text-align:center; }
.tbl_head01 thead th { background-color:#fff; border-top:solid 2px #C9252B; border-bottom:solid 1px #b2b2b2; padding:15px 0; font-weight:normal; }
.tbl_head01 td{ padding:15px 5px}
#bo_vc h2 { font-size:1em; margin-top:0; }
legend { border: 0 none; }
#mb_login h2 { font-size:1.1em; }
#mb_login p { font-size:.9em; }
#mb_login #login_fs .btn_submit { right:82px; width:72px; height:68px; font-size:1em; font-weight:bold; }
.td_subject a { color:#333; }
#bo_vc,
.tbl_frm01 th { background-color:#F7F7F9; }
.mbskin .tbl_frm01 th{ width:120px;}
/*button*/
a.btn_b01 { background-color:gainsboro; border-color:silver; }
.btn_submit { background-color:#d84315; }
.btn_bo_adm input,
a.btn_admin { background:crimson; border-color:firebrick }