@charset "utf-8";
@import url( "//fonts.googleapis.com/earlyaccess/notosanskr.css" );

/*
Main	#212121
Mainbd	#32364c

Sub1	#b3e0ff
Sub2	#0d6291
Point	#88cdac
Font	#646464

N1	#736e72
N2	#616161
N3	#9e9e9e
N4	#a9aeae
N5	#c5bcc1
N6	#ebeceb
N7	#f7f5f6
*/

/* -------------------------------------------------------------------------------- Setting ---------------------------------------- */
html{}
body{font-family:'NanumGothic', '나눔고딕', Sans-Serif;word-break:keep-all; min-width:1700px;}
/*body{font-family:"Noto Sans KR", sans-serif;word-break:keep-all; min-width:1700px;}*/
body > header,
body > section,
body > footer{min-width:1260px;}


/* -------------------------------------------------------------------------------- Bootstrap -------------------------------------- */
.lead{font-size:21px}
.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}

.container{width:1400px}
@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}
@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}
.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
.form-horizontal .form-group-lg .control-label{padding-top:14.33px}
.form-horizontal .form-group-sm .control-label{padding-top:6px}
.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}
.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}
.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}
.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}
.navbar{border-radius:4px}
.navbar-header{float:left}
.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}
.navbar-static-top{border-radius:0}
.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
.navbar-toggle{display:none}
.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}
.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-text{float:left;margin-right:15px;margin-left:15px}
.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}
@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}

.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}
@media (min-width:992px){.modal-lg{width:900px}}
@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}

.col-sm-w5,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-w5{width:20%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-w5{right:20%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-w5{margin-left:20%}.col-sm-offset-0{margin-left:0}
.col-md-w5,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-w5{width:20%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-w5{right:20%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-w5{margin-left:20%}.col-md-offset-0{margin-left:0}
.col-lg-w5,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:18%}.col-lg-1{width:8.33333333%}.col-lg-w5{width:20%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-w5{right:20%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-w5{margin-left:20%}.col-lg-offset-0{margin-left:0}

.visible-xs,.visible-sm,.visible-md{display:none;}
.hidden-lg{display:none!important}

/* -------------------------------------------------------------------------------- Gnuboard ---------------------------------------- */
/* ie6 이미지 너비 지정 */
.img_fix{width:100%;height:auto}

/* 팝업 */
#hd_pop{z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_pops{/*position:absolute;*/z-index:20;min-width:300px;}
.hd_pops_con img {width:100%;}
.hd_pops_footer{margin-top:-5px;padding:10px;border-radius:5px;background:#303231;font-size:0.9em;color:#fff;opacity:0.9;}
.hd_pops_footer input {margin-right:5px;}
.hd_pops_footer .hd_pops_close{border:none;background:none;}

.hd_pops_bg{position:fixed;top:0px;left:0px;z-index:10;width:100%;height:100%;background:#000;opacity:0.8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; /* IE 8 */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* IE 7 and olders */}

/* Mobile화면으로 */
/* #device_change{position:relative;display:block;width:95%;margin:10px auto 10px 10px;padding:1em;border:5px solid #aaa;font-size:1.1em;font-weight:600;text-align:center;} */
#device_change{position: fixed; display: block;left:50%;bottom:20px;transform: translateX(-50%); width:90vw;padding:2vw;font-size:20px;text-align:center;z-index: 999999;color:#FFF;border: 1px solid #FFF;border-radius: 10px;box-shadow: 3px 3px 5px rgba(0,0,0,0.15);font-weight: 700;letter-spacing: -0.05em;}
@media (min-width:1200px){
#device_change{display:none;}
}

/* -------------------------------------------------------------------------------- Board ---------------------------------------- */


/* 댓글 스타일 */
.cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01{margin:0 0 10px}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{padding:12px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f7f7f7;color:#383838;font-size:0.95em;text-align:center;}
.tbl_head01 thead a{color:#383838}
.tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,.tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td{padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a{}

.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f7f7f7;color:#383838;font-size:0.95em;text-align:center;}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,.tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}

/* 폼 테이블 */
.tbl_frm01{margin:0 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_frm01 th{width:150px;padding:10px 13px;border-bottom:1px solid #e9e9e9;text-align:left}
.tbl_frm01 td{padding:10px 10px;border-bottom:1px solid #e9e9e9;}
.tbl_frm01 textarea,.frm_input{border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea{padding:2px 2px 3px;width:98%;height:100px}
.tbl_frm01 fieldset{border:0px;}
.tbl_frm01 select{pospadding:5px 10px;}
.frm_input{padding:3px;}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required,textarea.required{background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board{width:120px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center}
.td_datetime{width:110px;text-align:center}
.td_group{width:100px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}

.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#aaa}
.txt_rdy{color:#8abc2a}

/* 새창 기본 스타일 */
.new_win{}
.new_win .tbl_wrap{margin:0 20px}
.new_win #win_title{margin:0 0 10px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}
.new_win .win_ul{margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;margin-left:-1px}
.new_win .win_ul a{display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc{padding:20px}

.new_win .win_btn{clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button{display:inline-block;padding:0 10px;height:30px;border:0;background:#212121;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input{padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a{display:inline-block;padding:0 10px;height:30px;background:#212121;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus,.new_win .win_btn a:hover{text-decoration:none}

/* 검색결과 색상 */
.sch_word{color:#212121}

/* 자바스크립트 alert 대안 */
#validation_check{margin:100px auto;width:500px}
#validation_check h1{margin-bottom:20px;font-size:1.3em}
#validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap{display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a{display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus,.sv_wrap a:hover,.sv_wrap a:active{text-decoration:none}
.sv_on{display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv{display:block}

/* 페이징 */
.pg_wrap{clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg{}
.pg_page,.pg_current{display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus,.pg a:hover{text-decoration:none}
.pg_page{background:#e4eaec;text-decoration:none}
.pg_start,.pg_prev{/* 이전 */}
.pg_end,.pg_next{/* 다음 */}
.pg_current{display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* -------------------------------------------------------------------------------- Borad ---------------------------------------- */
/* 게시판 일괄적용 */
#bo_v_atc_title{position:absolute;width:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#container_title{display:none;}
#bo_v_act{display:none;}

/* 게시판용 버튼 */
a.btn_b01,a.btn_b02,a.btn_admin,.btn_bo_adm input{display:inline-block;padding:7px 10px;border-radius:3px;text-decoration:none;vertical-align:middle;color:#303231}
a.btn_b01,.btn_bo_adm input{border:1px solid #ebeceb;background:#fff;}
a.btn_b01:hover,.btn_bo_adm input:hover{background:#edeeed;color:#000;transition:all 0.3s}
a.btn_b02{border:1px solid #32364c;background:#212121;color:#fff}
a.btn_b02:hover{background:#32364c;transition:all 0.3s}
a.btn_admin{border:1px solid #f3b15f;background:#f1c161;color:#fff}
a.btn_admin:hover{background:#f3b15f;transition:all 0.3s}

/* 게시물 선택복사 선택이동 */
#copymove{}
.btn_bo_adm {float:left;width:auto;}
.copymove_current{float:right;color:#212121}
.copymove_currentbg{background:#212121}

/* 게시판 리스트 */
#bo_list_total{display:none;float:left;width:auto;margin:13px 0 10px 0;font-size:0.9em;} /*게시물수*/
.bo_fx ul{margin:0 0 7px 0;padding:0;} /*버튼줄*/
.bo_fx li{display:inline-block;margin:0 1px;padding:0;list-style-type:none;}
.btn_bo_user{float:right;width:auto;}

#bo_list thead th{padding:15px 0;background:none;} /*테이블*/
#bo_list .td_cnt {width:100px;border-radius:3px;text-align:center;color:#fff;}
#bo_list .td_cnt span {display:block;width:100%;padding:5px 0;}
#bo_list .td_name{text-align:center;}
#bo_sch{width:100%;padding-top:20px;text-align:center;}/* 검색 */

/* 카테고리 */
#bo_cate h2{position:absolute;top:0;left:0;overflow:hidden;height:0;}/*카테고리*/
#bo_cate_ul{width:auto;margin:2em auto 0 auto;}
#bo_cate_ul li{display:inline-block;}
#bo_cate_ul li a{display:block;width:100%;padding:1em 2em;border-right:1px solid #ebeceb;border-top:1px solid #ebeceb; border-bottom:1px solid #ebeceb;}
#bo_cate_ul li:first-child a{border-left:1px solid #ebeceb;}
#bo_cate_ul #bo_cate_on{border:1px solid #32364c;background:#212121;color:#fff}

/* 게시판 쓰기 */
/* 임시저장 */
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}
#btn_autosave{margin-top:5px;}

/* ckeditor 단축키 */
.cke_sc{display:none;}

/* 기타 */
.margin-auto{margin:0 auto;}

/* 게시판 보기 */
/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h4 {margin-bottom:1em;font-size:1.2em;}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

/* -------------------------------------------------------------------------------- Custom :Dnew CSS ---------------------------------------- */
.mobile{display:none;}

.mt-1{margin-top:10px;}.mt-2{margin-top:20px;}.mt-3{margin-top:30px;}.mt-4{margin-top:40px;}.mt-5{margin-top:50px;}.mt-6{margin-top:60px;}.mt-7{margin-top:70px;}.mt-8{margin-top:80px;}.mt-9{margin-top:90px;}.mt-10{margin-top:100px;}.mt-11{margin-top:110px;}.mt-12{margin-top:120px;}.mt-13{margin-top:130px;}.mt-14{margin-top:140px;}.mt-15{margin-top:150px;}.mt-20{margin-top:200px;}
.mb-1{margin-bottom:10px;}.mb-2{margin-bottom:20px;}.mb-3{margin-bottom:30px;}.mb-4{margin-bottom:40px;}.mb-5{margin-bottom:50px;}.mb-6{margin-bottom:60px;}.mb-7{margin-bottom:70px;}.mb-8{margin-bottom:80px;}.mb-9{margin-bottom:90px;}.mb-10{margin-bottom:100px;}.mb-11{margin-bottom:110px;}.mb-12{margin-bottom:120px;}.mb-13{margin-bottom:130px;}.mb-14{margin-bottom:140px;}.mb-15{margin-bottom:150px;}.mb-20{margin-bottom:200px;}
.pt-1{padding-top:10px;}.pt-2{padding-top:20px;}.pt-3{padding-top:30px;}.pt-4{padding-top:40px;}.pt-5{padding-top:50px;}.pt-6{padding-top:60px;}.pt-7{padding-top:70px;}.pt-8{padding-top:80px;}.pt-9{padding-top:90px;}.pt-10{padding-top:100px;}.pt-11{padding-top:110px;}.pt-12{padding-top:120px;}.pt-13{padding-top:130px;}.pt-14{padding-top:140px;}.pt-15{padding-top:150px;}.pt-20{padding-top:200px;}
.pb-1{padding-bottom:10px;}.pb-2{padding-bottom:20px;}.pb-3{padding-bottom:30px;}.pb-4{padding-bottom:40px;}.pb-5{padding-bottom:50px;}.pb-6{padding-bottom:60px;}.pb-7{padding-bottom:70px;}.pb-8{padding-bottom:80px;}.pb-9{padding-bottom:90px;}.pb-10{padding-bottom:100px;}.pb-10{padding-bottom:100px;}.pb-11{padding-bottom:110px;}.pb-12{padding-bottom:120px;}.pb-13{padding-bottom:130px;}.pb-14{padding-bottom:140px;}.pb-15{padding-bottom:150px;}.pb-20{padding-bottom:200px;}
.padding-1{padding:10px;}.padding-2{padding:20px;}.padding-3{padding:30px;}.padding-4{padding:40px;}.padding-5{padding:50px;}
.margin-1{padding:10px;}.margin-2{margin:20px;}.margin-3{margin:30px;}.margin-4{margin:40px;}.margin-5{margin:50px;}
.box-1{padding:10px;border:1px solid #ebeceb;}.box-2{padding:20px;border:1px solid #ebeceb}.box-3{padding:30px;border:1px solid #ebeceb}.box-4{padding:40px;border:1px solid #ebeceb}.box-5{padding:50px;border:1px solid #ebeceb}
.border-1{border:1px solid #ebeceb;}.border-2{border:2px solid #ebeceb;}.border-3{border:3px solid #ebeceb;}.border-4{border:4px solid #ebeceb;}.border-5{border:5px solid #ebeceb;}.border-6{border:6px solid #ebeceb;}.border-7{border:7px solid #ebeceb;}.border-8{border:8px solid #ebeceb;}.border-9{border:9px solid #ebeceb;}.border-10{border:10px solid #ebeceb;}

.over-zoom{overflow:hidden;}
.over-zoom img {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;
}
.over-zoom:hover img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}

.over-dark {background:#000;}
.over-dark img{opacity:1;transition:all 0.5s}
.over-dark:hover img{opacity:0.9;transition:all 0.5s}

.over-light {background:#fff;}
.over-light img{opacity:1;transition:all 0.5s}
.over-light:hover img{opacity:0.9;transition:all 0.5s}

.over-gray img{-webkit-filter: gray(100%);filter:gray;transition:all 0.5s}
.over-gray:hover img{-webkit-filter: grayscale(100%);filter: none;transition:all 0.5s}

.over-blur img{-webkit-filter:blur(3px);filter:blur(3px);transition:all 0.5s}
.over-blur:hover img{-webkit-filter:none;filter:none;transition:all 0.5s}

.over-color img{-webkit-filter:none;filter:none;transition:all 0.5s}
.over-color:hover img{-webkit-filter:saturate(3);filter:saturate(3);transition:all 0.5s}

/* -------------------------------------------------------------------------------- Header ---------------------------------------- */
#listTopMenu{text-align:left;}
#listTopMenu li{display:inline-block;font-size:0.9em; vertical-align:middle;}
#listTopMenu li a{display:block;width:auto;padding:3px;}

#header .logo img{max-width:200px;}

#gnb{background:#fff; border-top:#e7ebed 1px solid; border-bottom:#e7ebed 1px solid;}
#gnb .nav{text-align:center;}
#gnb .nav>li{display:inline-block; }
#gnb .nav>li>a{display:block; padding:19px 0; width:120px; font-size:1.2em; font-weight:400; color:#212121; }
#gnb .nav>li>ul>li>a{padding:15px 10px;transition:all 0.5s}
#gnb .nav>li>ul>li>a:hover{background:#212121;color:#fff;transition:all 0.5s}

#header .container-fluid {margin:0 auto; padding:35px 45px;}
.container-sm {margin:0 auto; width:875px;}
/* -------------------------------------------------------------------------------- Index ---------------------------------------- */
#index .container-fluid {padding:0 45px;}
#f-menu .container-fluid {margin:0 45px; padding:30px 122px 110px 122px;}
#m-visual li {height:819px;}

#m-visual .text {margin:363px 0 0 45px;}
#m-visual .text p {margin-left:10px; color:#fff; font-size:1.25em;}
#m-visual .text .strong {margin:30px 0 35px 10px; font-size:1.75em; font-weight:bold;}

#m-visual .visual-01 {background:url('../img/m_visual_bg_1_new.jpg')no-repeat center #d3d7d9; }
#m-visual .visual-02 {background:url('../img/m_visual_bg_2_new.jpg')no-repeat center #d3d7d9; }
#m-visual #bx-pager {position:relative; margin:0 auto; top:-40px; width:80px; font-size:15px;  z-index:999;}
#m-visual #bx-pager a {display:inline-block; background:#fff; border-radius:30px; width:12px; height:12px;}
#m-visual #bx-pager a.active {display:inline-block; background:#000; border-radius:30px; width:50px; height:12px;}

.text-shadow {text-shadow:-1px 4px 4px #9b9b9b;}

.m-banner {margin:120px 0 76px 0;}
.m-banner ul {display:flex; display: -webkit-box; display: -ms-flexbox;}
.m-banner li {display:inline-block; float:left;}
.m-banner li .wd-100 {width:100%;}
.m-banner a {display:block;}

.mr-45 {margin-right:45px;}

.m-info ul {display:flex;}
.m-ifno li {display:inline-block; float:left;}
.m-info li .wd-100 {width:100%;}
.m-info a {display:block;}


.m_bn_1 {height:445px; background:url('../img/m_bn_1_bg.png')no-repeat right #8a8992;}
.m_bn_2 {margin:0 45px; height:445px; background:url('../img/m_bn_2_bg.png')no-repeat right #afaeb4;}
.m_bn_3 {margin-right:45px; height:445px; background:url('../img/m_bn_3_bg.png')no-repeat right #83838c;}
.m_bn_4 {height:445px; background:url('../img/m_bn_4_bg.png')no-repeat right #b8b7bd;}

.pd-0 {padding:0;}
.container-lg {margin:75px 55px;}

.m-board {border:1px solid #eceeee; padding:3em; }
.m-board .info-tit {margin-bottom:35px;}

@media (max-width:1800px){
.m-board{max-height:436px; }
}

/* -------------------------------------------------------------------------------- Footer ---------------------------------------- */
#footer{padding:25px 0; color:#727272; font-size:14px; line-height:25px;}
#footer ul{}
#footer li a{display:inline-block;padding:5px 10px;color:#fff}
#footer li:first-child a{padding-left:0;}

#quick{display:none;}
@media (min-width:1024px){
#quick{display:initial;}
}

  .bd-right {border-right:1px solid #bcbbbb;  text-align:center;}
  .bd-right a { padding:0 55px; font-weight:600;}
  .bd-left {border-left:1px solid #bcbbbb;}
  .bd-left a {background:url('../img/icon_logo.png')no-repeat 0; margin-left:40px; padding:0 40px 0 30px; border-right:1px solid #bcbbbb; font-weight:600;}

.pd-40 {padding-left:40px;}
.pd-30 {padding-left:30px;}
.pd-20 {padding-left:20px;}
 #f-menu .icon {float:left; padding-left:30px;}
 #f-menu dl {float:left;}
 #f-menu dl dt {margin-bottom:20px; border-top:1px solid #bcbbbb; border-bottom:1px solid #bcbbbb; padding:17px 0; font-size:18px; color:#000; letter-spacing:-1px; font-weight:200;}
 #f-menu dl dd {line-height:29px; letter-spacing:-1.5px; font-size:14.5px;}
 #f-menu .pd-center a {border-right:1px solid #bcbbbb; padding:0 60px; font-weight:600;}


#f-navi {margin:0 45px;}
#f-navi .f-allteeth {margin: 0 auto; width:1350px;}
#f-navi .lnb .lnb_depth1 {display:flex; padding:17px 0;  margin:30px 0 20px 0; text-align:center; border:1px solid #bcbbbb; box-sizing:border-box;}
#f-navi .lnb .lnb_depth1 a {display:block; font-size:18px; font-weight:600; border-left:1px solid #bcbbbb;}
#f-navi .lnb .lnb_depth1 li {float:left; width:200px; }
#f-navi .lnb .lnb_depth1 li:first-child {background:url('../img/icon_logo.png')no-repeat 25px;}
#f-navi .lnb .lnb_depth1 li:first-child a {border:none; padding-left:25px;}

#f-navi .lnb .lnb_depth2 ul li {float:left; width:190px;}
#f-navi .lnb .lnb_depth2 a {font-size:14.5px; letter-spacing:-1.5px; line-height:29px;}

#f-navi .lnb_depth2 .fn-con > li:nth-child(1) {padding-left:40px;}
#f-navi .lnb_depth2 .fn-con > li:nth-child(3) {padding-left:40px;}
#f-navi .lnb_depth2 .fn-con > li:nth-child(5) {padding-left:40px;}
#f-navi .lnb_depth2 .fn-con > li:nth-child(6) {padding-left:40px;}
#f-navi .lnb_depth2 .fn-con > li:nth-child(7) {padding-left:40px;}


/* -------------------------------------------------------------------------------- Sub Layout ---------------------------------------- */

.snb {display:table; margin: 0 auto; width:auto; box-sizing:border-box; border:1px solid #e1e2e4; z-index:99;}
.snb li {border-right:1px solid #e1e2e4; border-bottom:1px solid #e1e2e4; background:#fff; }
.snb li :last-child {border:none;}

.snb li a{display:block; padding:17px 0; color:#4d4e4f; letter-spacing:-0.5px;}
.snb li a:hover{background:#e1e2e4;transition:all 0.3s}
.snb li.on:first-child {display:none;}
.snb li.on a{border-bottom:none;background:#1d3a98 top;font-weight:bold;color:#fff}

.sub-visual {padding:120px 0 82px 0; margin:-25px 45px 0 45px; z-index:9; height:480px;}
.sub-visual .sub-container {padding:0 60px;}

.sub-visual .sv-big {padding-left:95px; background:url('../img/sub/sv_logo.png') left no-repeat; background-size:7%; font-size:58px; font-weight:bold; color:#45494e; letter-spacing:-5px; text-shadow:3px 3px 3px #dddddf; }
.sub-visual .sv-text {margin:40px 0; font-size:23px; color:#212121; font-weight:100; line-height:33px;}
.sub-visual .sv-bold {font-weight:400; font-size:20px; color:#212121; font-weight:400; letter-spacing:-1px;}
.sub-visual .sv-text-bold {font-size:43px; margin:75px 0 15px 0; letter-spacing:-2px;}


/* -------------------------------------------------------------------------------- Content ---------------------------------------- */
#content{height: auto;}
#content #s-title{margin-bottom:1em;padding:15px 0;border-bottom:1px solid #ebeceb;font-size:1.8em;text-align:center; color:#000; font-weight:bold; letter-spacing:-1px;}
#content .container{margin-bottom:40px;}
#content .s-contents h4{margin-bottom:auto;font-weight:500;font-size:1.1em}
#content .s-contents p{line-height:1.8em;}
#content .s-contents li{line-height:1.8em;}
#content .s-contents ol li{line-height:1.6em;}
#content .s-contents ol li{line-height:1.6em;}


/* -------------------------------------------------------------------------------- Board ---------------------------------------- */
#board{}


/* -------------------------------------------------------------------------------- Sub ---------------------------------------- */
#sub{}

.mt-9 {margin-top:90px;}
.mb-9 {margin-bottom:90px;}
.mb-5 {margin-bottom:50px;}
.mb-100 {margin-bottom:100px;}

.sub-container h2 {font-size:46px; color:#212121; font-weight:100; letter-spacing:-5px;}
.sub-container h3  {font-size:35px; font-weight:bold; letter-spacing:-2px; color:#212121;}
.sub-container h4 {font-size:22px; color:#212121; font-weight:600; letter-spacing:-2px;}
.sub-container p {font-size:18px; color:#212121; letter-spacing:-1px; line-height:33px;}

  .wd-3 {display:inline-block; width:105px;}
  #s-info .arrow-list {letter-spacing:0; margin-top:10px; margin-bottom:15px; line-height:28px;}


#sa010 .bd-box {padding:121px 58px; border:5px solid #ebeded; box-sizing:border-box;}
.bd-box {padding:70px 50px; border:5px solid #ebeded; box-sizing:border-box;}
.fc-light {font-weight:100; font-size:30px; color:#5d5c5c;}

/* -------------------------------------------------------------------------------- Contents ---------------------------------------- */
.sub-container {display:block; margin:0 auto; width:1400px;}
.s-title-pc {margin:70px 0 47px 0; font-size:51px; font-weight:600; color:#212121; letter-spacing:-0.5px;}

	.bg-text {background:#f5f7f7; padding:7px 15px; width:450px; text-align:center; font-size:20px;}
	.bg-txt {background:#f5f5f5; padding:20px 15px; width:100%; font-size:20px;}
	.arrow-list {margin-top:45px; font-size:20px; line-height:40px; color:#000; letter-spacing:-2px; font-weight:400;}
	.arrow-list span {margin-right:8px;}

.fs-22 {font-size:22px;}
.fc-b {color:#1d3a98;}
.fc-f {color:#fff;}
.fw-b {font-weight:bold;}
.fw-l {font-weight:100; }


.line {display:inline-block; width:100%; height:6px; border:1px solid #f5f5f5;}

.list-con {margin:0 auto; width:100%;}
.list-con span {margin-right:10px;}
.list-con li {padding:15px 0; margin:0 13px 15px; background:#fff; font-size:1em;}
.list-con li.bd-g {border:3px solid #e2e2e2;}
.list-txt {padding-left:2px;}
.bg-b {background:#1d3a98;}
.bg-s {background:#929292;}
.pd-1 {padding: 16px 22px;}

.bd-1 {border:1px solid #f3f3f3;}
.bd-4 {border:4px solid #f3f3f3;}
.bd-bt {border-bottom:1px #e7ebed solid;}
.pd-rec {padding:30px 15px; }

#sa0 .snb li {float:left; width:168px; list-style-type:none; font-size:16px;}
#s10 .snb li {float:left; width:405px; list-style-type:none; font-size:16px;}
#s20 .snb li {float:left; width:405px; list-style-type:none; font-size:16px;}
#s30 .snb li {float:left; width:203px; list-style-type:none; font-size:15px;}
#s40 .snb li {float:left; width:303px; list-style-type:none; font-size:16px;}
#s50 .snb li {float:left; width:303px; list-style-type:none; font-size:16px;}
#sb0 .snb li {float:left; width:303px; list-style-type:none; font-size:15px;}

#sv-a010 {background:url(../img/sub/s_visual_a010_new.png) #f1f1f1 center top no-repeat;}
#sv-a020 {background:url(../img/sub/s_visual_a020.png) #f1f1f1 center top no-repeat;}
#sv-a030 {background:url(../img/sub/s_visual_a030_new.png) #f1f1f1 center top no-repeat;}
#sv-a040 {background:url(../img/sub/s_visual_a040.png) #edf4fc center top no-repeat;}
#sv-a050 {background:url(../img/sub/s_visual_a050.png) #f7fafe center top no-repeat;}
#sv-a060 {background:url(../img/sub/s_visual_a060.png) #f1f1f1 center top no-repeat;}
#sv-a070 {background:url(../img/sub/s_visual_a070_new.png) #f5f3f0 center top no-repeat;}

#sv-1010 {background:url(../img/sub/s_visual_1010.png) #f6f6f6 center top no-repeat;}
#sv-1020 {background:url(../img/sub/s_visual_1020.png) #f6f6f6 center top no-repeat;}
#sv-1030 {background:url(../img/sub/s_visual_1030.png) #f6f6f6 center top no-repeat;}

#sv-2010 {background:url(../img/sub/s_visual_2010.png) #f1f1f1 center top no-repeat;}
#sv-2020 {background:url(../img/sub/s_visual_2020.png) #f1f1f1 center top no-repeat;}
#sv-2030 {background:url(../img/sub/s_visual_2030.png) #f1f1f1 center top no-repeat;}

#sv-3010 {background:url(../img/sub/s_visual_3010.png) #f1f1f1 center top no-repeat;}
#sv-3020 {background:url(../img/sub/s_visual_3020.png) #f1f1f1 center top no-repeat;}
#sv-3030 {background:url(../img/sub/s_visual_3030.png) #f1f1f1 center top no-repeat;}
#sv-3040 {background:url(../img/sub/s_visual_3040.png) #f1f1f1 center top no-repeat;}
#sv-3050 {background:url(../img/sub/s_visual_3050.png) #f1f1f1 center top no-repeat;}
#sv-3060 {background:url(../img/sub/s_visual_3060.png) #f1f1f1 center top no-repeat;}
#sv-3070 {background:url(../img/sub/s_visual_3070.png) #f1f1f1 center top no-repeat;}

#sv-4010 {background:url(../img/sub/s_visual_4010.png) #f1f1f1 center top no-repeat;}
#sv-4020 {background:url(../img/sub/s_visual_4020.png) #f1f1f1 center top no-repeat;}
#sv-4030 {background:url(../img/sub/s_visual_4030.png) #f1f1f1 center top no-repeat;}
#sv-4040 {background:url(../img/sub/s_visual_4040.png) #f1f1f1 center top no-repeat;}

#sv-5010 {background:url(../img/sub/s_visual_5010.png) #f1f1f1 center top no-repeat;}
#sv-5020 {background:url(../img/sub/s_visual_5020.png) #f1f1f1 center top no-repeat;}
#sv-5030 {background:url(../img/sub/s_visual_5030.png) #f1f1f1 center top no-repeat;}

#sv-b010 {background:url(../img/sub/s_visual_b010.png) #f6f6f8 center top no-repeat;}
#sv-b020 {background:url(../img/sub/s_visual_b020.png) #f1f1f1 center top no-repeat;}
#sv-b030 {background:url(../img/sub/s_visual_b030.png) #f1f1f1 center top no-repeat;}
#sv-b040 {background:url(../img/sub/s_visual_b040.png) #f1f1f1 center top no-repeat;}

#board {margin:80px auto; width:1200px;}
/* -------------------------------------------------------------------------------- tail_tab ---------------------------------------- */
.bg-tab {width:100%; margin:0 auto; background:#f0f0f0; height:509px;}
.tab-con {width:1067px; height:509px;}
.tab-con .tab-tit {padding:130px 0 0 525px; font-size:43px; font-weight:100; letter-spacing:-5px;}
.tab-con .tab-text {padding:45px 0 0 525px; font-size:20px; font-weight:200; letter-spacing:-1px; line-height:30px;}


.tabs_animate .horizontal  {float:left; padding-top:177px; width:330px; background:url(../img/sub/tab_list_bg.png) #bdbdc5 center top no-repeat;}
.tabs_animate .horizontal li {border-top:1px solid #d1d1d7; }
.tabs_animate .horizontal a {display:block; padding:27px 0 27px 55px; font-size:20px; color:#000; letter-spacing:-2px;}
.tabs_animate .active a {background:#676565; color:#fff; }

#tab-1 {float:left; background:url(../img/sub/tab_1_bg_new.png) center top no-repeat;}
#tab-2 {float:left; background:url(../img/sub/tab_2_bg.png) center top no-repeat;}
#tab-3 {float:left; background:url(../img/sub/tab_3_bg.png) center top no-repeat;}
#tab-4 {float:left; background:url(../img/sub/tab_4_bg.png) center top no-repeat;}






