@charset "utf-8";
#content {
    border-top: 1px solid #d5d5d5;
}

#content > .container {
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    background: #fff
}

#content > .container:after {
    display: block;
    clear: both;
    content: ""
}

h4.tit {
    margin-bottom: 8px;
    padding-top: 5px;
    padding-left: 20px;
    background: url("../images/sub/bul-h4.png") 0 9px no-repeat;
    color: #45495b;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.040em
}

h4.tit span {
    display: block;
    padding-top: 2px;
    color: #777;
    font-size: 14px;
    font-weight: normal;
    line-height: 130%
}

h4.tit.bg-none {
    padding-left: 0;
    background: none
}

h5.tit {
    margin: 0;
    padding: 0 0 5px 10px;
    border: 0;
    background: #fff url(../images/sub/bul-tit1.png) 0 6px no-repeat;
    color: #444;
    font-size: 15px;
    font-weight: normal
}

h5.tit span {
    display: block;
    padding-top: 2px;
    color: #777;
    font-size: 14px;
    font-weight: normal;
    line-height: 130%
}

p.tit {
    margin-bottom: 11px;
    color: #45495b;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.040em
}

p.txt {
    margin-bottom: 11px;
    color: #666;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.040em
}

.tit-big {
    padding-bottom: 10px;
    color: #555;
    font-size: 18px
}

.tit-big strong {
    font-size: 23px
}

#top-navi {
    height: 50px;
    border-bottom: 1px solid #d9d9d9
}

#top-navi .container {
    height: 50px;
    border-right: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    background: url("../images/sub/bg-location.png") 0 0 repeat
}

#location {
    position: absolute;
    top: 0;
    left: 0
}

#location ul {}

#location ul:after {
    display: block;
    clear: both;
    content: ""
}

#location ul li {
    display: inline-block;
    float: left;
    background: url("../images/sub/icon-location-arrow.png") right 21px no-repeat
}

#location ul li:last-child {
    background: none
}

#location ul li.first {
    width: 50px;
    height: 50px;
    border-right: 1px solid #cbcbcb;
    background: none
}

#location ul li a {
    display: block;
    padding: 16px 23px 16px 16px;
    color: #333;
    font-size: 14px
}

#location ul li.first a {
    padding: 17px
}

#location ul li a:hover,
#location ul li a:focus {
    text-decoration: underline
}

#location ul li a img {
    display: block;
    padding-top: 2px;
    padding-left: 2px
}

#list-icon {
    position: absolute;
    top: 0;
    right: 0
}

/* #list-icon a { */
#list-icon a, button {
    display: inline-block;
    float: left;
    height: 50px;
    border-left: 1px solid #cbcbcb
}

#list-icon a img {}

#list-icon .icon_list_open_close {
	width: 50px;/* 이미지 없이 텍스트로 사용했기때문에 width값 있는것이고 추후 아이콘 받으면 따로 필요없을듯? */
	transition: all .4s;
}

#list-icon .icon_list_open_close, .print_btn {
    display: inline-block;
    float: left;
    height: 50px;
    border-left: 1px solid #cbcbcb
}

#list-icon .list-icon-wrap {
	position: absolute;
    top: 51px;
    left: 0;
    display: block;
    width: 50px;
    background-color: #fff;
    z-index: 10;
	border-right: 1px solid #cbcbcb;
	visibility: hidden;
	overflow: hidden;
	max-height: 0;
	transition: all .1s;
	opacity: 0;
}
#list-icon .list-icon-wrap.active {
	visibility: inherit;
	overflow: inherit;
	max-height: inherit;
	opacity: 1;
}

#list-icon .list-icon-wrap .share_icon {
	display: inline-block;
	width: 50px;
    height: 50px;
    transition: all .4s;	
}

#snb {
    position: relative;
    float: left;
    width: 249px;
    height: 100%;
    border-right: 1px solid #dbdbdb;
    background: #fff
}

#snb .layer {
    position: relative;
    width: 249px;
    height: 160px;
    margin-left: 0;
    background: #1363a4 url(../images/sub/bg-snb.gif) 0 0 no-repeat
}

#snb h2 {
    color: #fff;
    font-size: 30px;
    font-weight: normal
}

#snb .snb-list > ul:after {
    display: block;
    clear: both;
    content: ""
}

#snb .snb-list > ul {}

#snb .snb-list > ul > li > ul > li img {
    padding-left: 6px;
    vertical-align: middle
}

li.blank {}

li.blank a {}

li.blank a img {
    display: inline-block;
    padding-left: 7px;
    vertical-align: middle
}

#snb .snb-list > ul li ul {
    display: none
}

#snb .snb-list > ul li.active ul {
    display: block;
    border-top: 0
}

#snb .snb-list > ul li a {
    display: block;
    padding: 10px 20px;
    color: #45495b;
    font-size: 15px
}

#snb .snb-list > ul > li:first-child > ul {}

#snb .snb-list > ul > li:first-child {
    border-top: 0
}

#snb .snb-list > ul > li {
    border-top: 1px solid #dbdbdb;
    background: #fff
}

#snb .snb-list > ul > li:last-child {
    border-bottom: 1px solid #dbdbdb
}

#snb .snb-list > ul > li.more > a {
    background: url("../images/common/icon-menu2-on.png") center right no-repeat
}

#snb .snb-list > ul > li.more.active > a {
    background: url("../images/common/icon-menu2-off.png") center right no-repeat
}

#snb .snb-list > ul > li > a {
    margin-right: 20px;
    padding: 15px 20px;
    color: #45495b;
    font-size: 17px
}

#snb .snb-list > ul > li.active {
    border-top: 0;
    border-bottom: 0;
    background: #3589b4
}

#snb .snb-list > ul > li.active > a {
    color: #fff
}

#snb .snb-list > ul > li:first-child > a {}

#snb .snb-list > ul a:hover,
div a:focus {
    text-decoration: underline
}

#snb .snb-list > ul > li > ul {
    padding: 5px 0 10px;
    border-top: 1px solid #dbdbdb;
    background: #f8f8f8
}

#snb .snb-list > ul > li > ul > li {
    background: #f8f8f8;
    border-bottom: 0
}

#snb .snb-list > ul > li > ul > li > a {
    margin-left: 25px;
    padding: 5px 15px 5px 8px;
    background: url("../images/common/bul-menu1.png") left 15px no-repeat;
    color: #666;
    font-size: 15px
}

#snb .snb-list > ul > li > ul > li.active {}

#snb .snb-list > ul > li > ul > li.active > a {
    padding-bottom: 5px;
    color: #003964;
    font-weight: bold
}

#snb .snb-list > ul > li > ul > li > ul {
    display: none;
    padding-top: 0;
    padding-bottom: 5px
}

#snb .snb-list > ul > li > ul > li.active > ul {
    display: block
}

#snb .snb-list > ul > li > ul > li > ul > li {
    display: none;
    border: 0
}

#snb .snb-list > ul > li > ul > li.active > ul > li {
    display: block
}

#snb .snb-list > ul > li > ul > li.active > ul > li > a {
    padding: 3px 20px 3px 35px;
    color: #666;
    font-size: 14px;
    font-weight: normal
}

#snb .snb-list > ul > li > ul > li > ul > li.active {}

#snb .snb-list > ul > li > ul > li > ul > li.active a {
    color: #666;
    font-weight: bold
}

#content-wrap {
    float: left;
    margin-left: -1px;
    width: 850px;
    padding: 50px;
    border-left: 1px solid #dbdbdb;
    background: #fff
}

#top-scroll {
    position: absolute;
    right: -51px;
    bottom: 50px;
    z-index: 100
}

#top-scroll img {
    display: block;
    width: 51px;
    height: 51px
}

#top-scroll-kor {
    position: absolute;
    right: -51px;
    bottom: 50px;
    z-index: 100
}

#top-scroll-kor a img {
    display: block;
    width: 51px;
    height: 51px
}

#top-scroll-kor a:hover {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
    display: block;
    width: 51px;
    height: 51px
}

#top-scroll-kor a:focus {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
    display: block;
    width: 51px;
    height: 51px
}

h3.tit {
    margin-bottom: 30px;
    padding-bottom: 26px;
    background: url("../images/sub/line-h3.png") left bottom repeat-x;
    color: #003964;
    font-size: 30px
}

.list-text li {
    margin-top: 5px;
    padding-left: 8px;
    background: url(../images/common/bul-menu1.png) left 10px no-repeat;
    color: #666;
    font-size: 14px;
    line-height: 150%
}

.list-text li ul {
    margin-top: 3px
}

.list-text li li {
    margin-top: 0
}

.list-text li:first-child {
    margin-top: 0
}

#table-wrap {
    position: relative;
    margin-top: 20px
}

#table-wrap .total {
    padding: 0 0 7px;
    color: #666;
    font-size: 13px
}

#table-wrap .total span,
#table-wrap .total strong {
    color: #fb7513;
    font-size: 13px
}

.table-group {
    overflow: auto
}

.table-group table {
    table-layout: auto
}

.table-group table tbody th {
    color: #666
}

.table-group table ul li {
    padding-left: 8px;
    background: url(../images/common/bul-menu1.png) left 9px no-repeat;
    color: #666;
    line-height: 160%
}

.table-group table td > ul > li {
    margin-bottom: 7px
}

.table-group table td > ul > li:last-child {
    margin-bottom: 0
}

.table-group table a.btn,
.table-group table a span {
    display: inline-block;
    width: auto;
    padding: 5px 7px !important;
    margin-left: 7px !important;
    vertical-align: middle
}

.table-group table img {
    display: inline-block;
    width: auto;
    padding-top: 3px
}

.table-group table a span.btn,
.table-group table a strong.btn {
    margin: 0 !important;
    padding: 7px !important;
    background: #4d5360;
    color: #fff;
    text-align: center
}

.table-group table tfoot th,
.table-group table tfoot td {
    background: #f3faff;
    color: #666;
    font-weight: bold
}

.board-search {
    display: block;
    position: relative;
    padding: 18px 0;
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
    text-align: center
}

.board-search .input-button {
    display: inline
}

.board-search input {
    width: 378px
}

.board-search button {
    width: 110px;
    height: 40px;
    border: none;
    background: #4d5360;
    color: #fff;
    font-size: 1em;
    line-height: 40px;
    box-sizing: border-box
}

.board-search.type2 {
    padding: 40px
}

.board-search.type2 .dlTable,
.board-search.type2 .dlTable dl dt,
.board-search.type2 .dlTable dl dd {
    border: 0
}

.board-search.type2 .dlTable dl dt {
    width: 80px;
    text-align: left;
    color: #0d0d0d
}

.board-search.type2 .dlTable dl dd > input[type=text] {
    width: 400px
}

.board-search.type2 .dlTable dl dd .calendar_box input[type=text] {
    width: 189px;
    border: 1px solid #ccc
}

.board-search.type2 .dlTable dl dd .dateHyphen {
    display: inline-block;
    position: relative
}

.tab-wrap ~ form .board-search {
    margin-top: 50px !important
}

.table-list {
    border-top: 2px solid #1363a4;
    border-bottom: 1px solid #dedede
}

.table-list th {
    padding: 12px;
    border: 1px solid #dedede;
    border-bottom: 0;
    background: #f3f4f5;
    color: #4d5360;
    font-size: 13px;
    letter-spacing: -0.020em;
    vertical-align: middle
}

.table-list td {
    padding: 12px;
    border: 1px solid #dedede;
    border-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 160%;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -0.040em;
    word-break: break-word
}

.table-list td span,
.table-list td strong {
    color: #555
}

.table-list td a {
    display: block;
    color: #1363a4;
    font-size: 13px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: normal
}

.table-list td a img,
.table-list td > img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px
}

.table-list td a:hover,
.table-list td a:focus {
    text-decoration: underline
}

.table-form,
.table-view {
    border-top: 2px solid #1363a4;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

.table-form th,
.table-view th {
    padding: 12px;
    border: 1px solid #dedede;
    border-bottom: 0;
    border-right: 0;
    background: #f3f4f5;
    color: #4d5360;
    font-size: 13px;
    letter-spacing: -0.020em;
    vertical-align: middle;
    text-align: left
}

.table-form th strong,
.table-view th strong {
    display: inline-block;
    padding-left: 5px;
    color: #ff4c04;
    vertical-align: middle
}

.table-form td,
.table-view td {
    padding: 12px;
    border: 1px solid #dedede;
    border-right: 0;
    border-bottom: 0;
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
    letter-spacing: 0;
    word-break: break-all
}

.table-form td input[type=text],
.table-form td input[type=password] {
    height: 28px;
    margin: 2px 0;
    padding: 8px
}

.table-form td input[type=text].block,
.table-form td input[type=password].block,
.table-form td textarea.block {
    width: 95%
}

.table-form td a,
.table-view td a {
    display: block;
    color: #1363a4;
    font-size: 13px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.table-form td .btn {
    padding: 8px
}

.table-form td a img,
.table-view td a img,
.table-view td img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.table-form td a:hover,
.table-form td a:focus,
.table-view td a:hover,
.table-view td a:focus {
    text-decoration: underline
}

.progress {
    width: 0;
    height: 20px;
    padding: 0;
    background: #155486;
    text-align: center;
    line-height: 17px;
    display: none
}

.bar {
    color: #ffffff;
    font-size: 9pt
}

.c_click {
    cursor: pointer !important
}

.table-form .bbs_file_list {
    margin: 10px 0 7px
}

.table-form .bbs_file_list li:first-child {}

.table-form .bbs_file_list li {
    margin-top: -1px;
    padding: 5px 0;
    border-top: 1px dashed #c5c5c5;
    border-bottom: 1px dashed #c5c5c5;
    line-height: 1
}

.table-form .bbs_file_list li * {
    display: inline-block !important;
    vertical-align: middle;
    font-size: 13px
}

.table-form span.button {
    position: relative
}

.table-form span.button input[type="file"] {
    height: 22px
}

.table-view a.inline-block {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%
}

#table-wrap .event-list {
    position: relative;
    margin-top: 0;
    border-top: 2px solid #1363a4
}

.event-list {
    position: relative;
    margin-top: 20px;
    border-top: 2px solid #1363a4
}

.event-list li {
    position: relative;
    min-height: 124px;
    border-bottom: 1px solid #dedede
}

.event-list2 li {
    min-height: 194px
}

.event-list li a {
    display: block;
    margin-left: 162px
}

.event-list li img {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 140px;
    height: 110px;
    border: 1px solid #dedede
}

.event-list2 li img {
    height: 180px
}

.event-list li strong {
    display: block;
    margin-top: 12px;
    padding: 9px 15px;
    border: 1px solid #ddd;
    background: #f3f4f5;
    color: #1363a4;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.event-list li a:hover strong,
.event-list li a:focus strong {
    text-decoration: underline
}

.event-list li span.date {
    display: block;
    padding: 10px 0 0;
    color: #666;
    font-size: 13px
}

.event-list li span.laboratory,
.event-list li span.place {
    display: block;
    padding: 5px 0 0;
    color: #666;
    font-size: 13px
}

#research-wrap {
    position: relative;
    margin-top: 40px;
    border: 1px solid #d2d2d2
}

.research {
    position: relative
}

.research p.tit {
    margin-bottom: 0;
    padding: 9px 0 9px 30px;
    border-bottom: 1px solid #efefef;
    background: #f8f8f8 url("../images/sub/icon-research.gif") 0 0 no-repeat;
    color: #777;
    font-size: 14px
}

.research p.tit strong {
    display: inline-block;
    padding-left: 12px;
    margin-left: 12px;
    background: url("../images/common/line-f-menu.gif") left 7px no-repeat;
    color: #666
}

.research p.tit strong:first-child {
    background: none
}

.research > div {
    padding: 20px
}

.research > div span {
    font-size: 14px
}

.research > div span label {
    display: inline-block;
    margin-left: 2px;
    color: #666
}

.research > div span input[type="radio"] {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.research > div div {
    padding-top: 10px
}

.research > div input[type="text"] {
    width: 720px;
    height: 32px
}

.research > div input[type="submit"] {
    display: inline-block;
    margin-left: 4px;
    padding: 7px;
    background: #666666;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    vertical-align: top;
    border: 0
}

.research > div input[type="submit"]:hover,
.research > div input[type="submit"]:focus {
    cursor: pointer;
    text-decoration: underline
}

.nuri {
    clear: both;
    position: relative;
    margin: 0 20px;
    padding: 20px 0;
    border-top: 1px dashed #cacaca
}

.nuri dl {}

.nuri dl:after {
    clear: both;
    display: block;
    content: ""
}

.nuri dl dt {
    float: left;
    width: 15%;
    background: #f3f4f5
}

.nuri dl dd {
    float: left;
    width: 35%
}

.nuri dl dt > span,
.nuri dl dd > span {
    display: block;
    margin: -1px 0 0 -1px;
    padding: 8px;
    border: 1px solid #dedede
}

.nuri dl dd > span span {
    display: inline-block;
    padding: 8px
}

.nuri p.tit {
    height: 18px;
    margin-bottom: 0;
    padding-left: 23px;
    background: url("../images/sub/bul-research.png") 0 0 no-repeat;
    font-size: 14px;
    line-height: 1
}

.nuri p.txt {
    width: 80%;
    padding-top: 4px;
    padding-left: 140px;
    font-size: 13px;
    color: #777
}

.nuri p.txt span {
    display: inline-block;
    padding-left: 12px;
    margin-left: 12px;
    background: url("../images/common/line-f-menu.gif") left 4px no-repeat;
    color: #555
}

.nuri p.txt span:first-child {
    background: none
}

.nuri p.txt strong {
    color: #1363a4
}

.nuri img {
    position: absolute;
    top: 25px;
    left: 0
}

#guide-txt {
    position: relative;
    margin-bottom: 20px;
    padding: 25px;
    background: #f4f4f4
}

#guide-txt .layer {
    position: relative;
    min-height: 70px;
    background: url("../images/sub/bg-guide1.png") left center no-repeat
}

#guide-txt .layer-inner {
    padding-left: 90px;
    text-align: left
}

#guide-txt .layer-inner div,
#guide-txt .layer-inner p,
#guide-txt .layer-inner li,
#guide-txt .layer-inner strong,
#guide-txt .layer-inner span {
    font-size: 13px;
    line-height: 160%
}

#guide-txt .layer-inner li {
    padding-left: 8px;
    background: url("../images/common/bul-menu1.png") 0 9px no-repeat
}

#guide-txt .layer-inner a {
    display: inline-block;
    border-bottom: 1px dashed #1363a4;
    color: #1363a4;
    font-size: 14px
}

#guide-txt .layer-inner a:hover {
    border-bottom: 1px solid #1363a4
}

#guide-txt .layer-inner input[type=radio],
#guide-txt .layer-inner input[type=checkbox] {
    vertical-align: middle
}

#guide-txt .layer-inner label {
    display: inline-block;
    padding-left: 5px
}

.bg-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    background: url("../images/sub/bg-guide-top.png") 0 0 no-repeat
}

.bg-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: url("../images/sub/bg-guide-bottom.png") 0 0 no-repeat
}

#guide-tit {
    position: relative;
    background: #f4f4f4
}

#guide-tit img {
    display: block;
    width: 100%
}

#guide-tit p {
    padding: 20px;
    font-size: 14px;
    line-height: 160%
}

#guide-tit strong,
#guide-tit span,
#guide-tit a {
    font-size: 14px;
    line-height: 160%
}

.add-info {
    margin-top: 13px;
    padding: 13px 18px;
    border: 2px solid #e4e4e4
}

.add-info p.tit {
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #dedede;
    color: #1363a4;
    font-size: 14px !important;
    font-weight: bold
}

.add-info ul {}

.add-info ul li {
    padding-left: 8px;
    background: url(../images/common/bul-menu1.png) left 9px no-repeat;
    color: #666;
    font-size: 13px;
    line-height: 160%
}

#greet {
    position: relative;
    /* padding-left: 260px;
    background: url(../images/sub/photo2004_1.png) no-repeat */
}

#greet .tit {
    padding-bottom: 10px;
    color: #1a5788;
    font-size: 22px;
    font-weight: bold
}

#greet .txt {
    padding-bottom: 5px;
    color: #666;
    font-size: 15px;
    line-height: 160%
}

#greet .sign {
    position: relative;
    margin-top: 60px;
    padding-right: 110px;
    text-align: right;
    font-size: 15px;
    font-weight: bold
}

#greet .sign span {
    position: absolute;
    top: -20px;
    right: 0;
    color: #1363a4;
    font-family: 'Nanum Brush Script', cursive;
    font-size: 50px;
    font-weight: normal
}

#greet.nrich-gch {
    margin-right: 10px;
    margin-bottom: 50px;
    padding-bottom: 40px;
    background: url("../images/sub/nrich_gch/img-greet.gif") right bottom no-repeat
}

#greet.nrich-bch {
    margin-right: 10px;
    margin-bottom: 50px;
    padding-bottom: 70px;
    background: url("../images/sub/nrich_bch/greeting.png") right bottom no-repeat
}

#greet.nrich-cch {
    margin-right: 10px;
    margin-bottom: 50px;
    padding-bottom: 70px;
    background: url("../images/sub/nrich_cch/greeting.png") right bottom no-repeat
}

#greet.nrich-jch {
    margin-right: 10px;
    margin-bottom: 50px;
    padding-bottom: 70px;
    background: url("../images/sub/nrich_jch/greeting.png") right bottom no-repeat
}

#greet.nrich-csc {
    margin-right: 10px;
    margin-bottom: 0;
    padding-bottom: 150px;
    background: url("../images/sub/nrich_csc/img-greet.jpg") right bottom no-repeat
}

#greet.nrich-wj {
    margin-right: 10px;
    margin-bottom: 0;
    padding-bottom: 150px;
    background: url("../images/sub/nrich_wj/greeting.png") right no-repeat
}

#respon {
    position: relative
}

#respon .round {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ff6200;
    margin-top: -6px;
    margin-left: -7px
}

#respon .line {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 20px;
    background: #dbdbdb
}

.mission {
    position: relative;
    margin: 50px auto 0
}

.mission .layer-inner {
    padding: 20px;
    border-radius: 15px;
    background: #91795e
}

.mission p {
    color: #fff;
    font-size: 15px
}

.mission p strong {
    display: inline-block;
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #cecece;
    color: #ffffff;
    font-size: 18px
}

.vision .layer {
    position: relative;
    width: 99%;
    margin: 50px auto 0;
    border: 2px solid #91795e;
    background: #fff
}

.vision .layer-inner {
    padding: 20px;
    border-radius: 50%;
    background: #ffffff
}

.vision p {
    color: #93664a;
    font-size: 15px;
    letter-spacing: -0.060em
}

.vision p span {
    color: #ff0000;
    font-size: 13px
}

.vision p strong {
    display: inline-block;
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #93664a;
    color: #93664a;
    font-size: 16px
}

.vision {
    padding-top: 50px;
    background: url("../images/sub/bg-vision.gif") center 10px no-repeat
}

.vision2 {
    padding: 0;
    background: none
}

.vision .txt ul {}

.vision .txt li {
    display: inline-block;
    width: 25%;
    margin: 0 -2px;
    text-align: center;
    vertical-align: top
}

.vision3 .txt li {
    position: relative;
    padding-top: 20px
}

.vision .txt li div {
    min-height: 83px;
    margin: 20px 15px;
    padding: 44px 15px;
    border-radius: 50%;
    background: #f8f8f8
}

.vision2 .txt li div {
    min-height: 36px;
    margin-bottom: 0;
    padding: 20px 15px !important;
    border-radius: 15px;
    color: #fff;
    font-size: 14px
}

.vision3 .txt li div {
    min-height: 130px;
    margin-top: 0;
    padding: 10px !important;
    border-radius: 0;
    border: 1px solid #ddd;
    text-align: left;
    color: #666;
    font-size: 13px
}

.vision3 .txt li div > img {
    vertical-align: middle;
    margin-top: -6px
}

.vision .txt li div.r1 {
    background: #736b6a
}

.vision .txt li div.r2 {
    background: #3ea0ba
}

.vision .txt li div.r3 {
    padding: 62px 15px 34px;
    background: #f37a74
}

.vision .txt li div.r4 {
    padding: 62px 15px 34px;
    background: #f5bc1f
}

.vision3 .txt li div.r1 {
    border-top: 2px solid #736b6a;
    background: #fff
}

.vision3 .txt li div.r2 {
    border-top: 2px solid #3ea0ba;
    background: #fff
}

.vision3 .txt li div.r3 {
    border-top: 2px solid #f37a74;
    background: #fff
}

.vision3 .txt li div.r4 {
    border-top: 2px solid #f5bc1f;
    background: #fff
}

.vision .txt li div > span {
    display: block;
    padding: 10px 0 0;
    color: #fff;
    font-size: 13px
}

.vision .txt li div > span strong {
    color: #fff
}

.vision .txt li div > strong {
    display: block;
    padding: 0 0 10px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 14px
}

.vision2 .txt li div > strong {
    display: inline-block;
    padding: 0;
    border: none;
    color: #f00 !important
}

.goal {
    margin-left: -4px
}

.goal .layer {
    position: relative;
    width: 300px;
    height: 40px;
    margin: 10px auto 0;
    padding: 7px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background: #fff
}

.goal .layer-inner {
    padding: 0;
    border-radius: 10px;
    background: #91795e
}

.goal p {
    color: #fdfdfd;
    font-size: 16px;
    font-weight: bold
}

.goal p strong {
    display: inline-block;
    color: #ffffff;
    font-size: 15px
}

.goal .txt {
    margin-top: -45px;
    padding-top: 0
}

.vision .txt > strong {
    width: 64px;
    display: block;
    margin: 25px auto 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #93664a;
    color: #93664a;
    font-size: 16px
}

.goal .txt ul {
    width: 96%;
    margin: 0 auto
}

.goal .txt li {
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: top;
    margin: 15px 0 0;
    padding: 40px 0 15px;
    border: 1px solid #dbdbdb;
    background: #f8f8f8
}

.goal .txt li div {
    float: left;
    width: 50%;
    margin-left: -1px;
    min-height: 83px;
    border-left: 1px solid #dbdbdb;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: bold
}

.goal .txt li:after {
    display: block;
    clear: both;
    content: ""
}

.goal .txt li div > span {
    display: block;
    padding: 15px 0 0;
    font-size: 13px
}

.goal .txt li div > strong {
    display: block;
    padding: 0 0 15px;
    border-bottom: 1px dashed #ccc;
    color: #1363a4;
    font-size: 14px
}

.goal .txt ul li ul {
    width: auto;
    margin: 15px 8px 0;
    border-top: 1px dashed #ccc
}

.goal .txt ul li ul li {
    width: 75px;
    height: 20px;
    margin: 15px 7px 0;
    padding: 27px 0;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    color: #5f4a33;
    font-size: 13px
}

.goal .txt ul li ul.goal2 {
    margin: 15px 8px 0
}

.goal .txt ul li ul.goal2 li {
    margin: 15px 2px 0
}

#history {
    position: relative
}

#history .round {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ffa43b;
    margin-top: -6px;
    margin-left: -7px
}

#history .history {
    position: relative;
    width: 240px;
    height: 240px;
    margin: 50px auto 5px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 50%
}

#history .history .layer-inner {
    padding: 30px;
    border-radius: 50%;
    background: #45495b
}

#history .history p {
    color: #fff;
    font-size: 14px
}

#history .history p strong {
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #7d7f8a;
    color: #ffae00;
    font-size: 18px
}

#history .list {}

#history .list > ul {}

#history .list > ul:after {
    display: block;
    clear: both;
    content: ""
}

#history .list > ul > li {
    display: block;
    float: left;
    width: 50%;
    margin-left: -1px;
    padding-top: 0;
    border-right: 1px solid #dbdbdb
}

#history .list > ul > li:first-child {
    padding-top: 25px
}

#history .list div {
    position: relative;
    padding: 0 20px 10px;
    color: #1363a4;
    font-size: 33px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    text-align: right
}

#history .list div span {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #999;
    margin-top: -5px;
    margin-right: -6px
}

#history .list ul li ul {
    padding: 3px 20px 20px
}

#history .list ul li li {
    margin-top: 10px;
    line-height: 150%
}

#history .list ul li li:after {
    display: block;
    clear: both;
    content: ""
}

#history .list ul li li strong {
    float: right;
    width: 70px;
    color: #5b6078;
    font-size: 14px;
    text-align: right
}

#history .list ul li li span {
    width: 80%;
    float: right;
    color: #555;
    font-size: 13px;
    text-align: right
}

#history .list > ul > li.right {
    float: right;
    margin-left: 0;
    border-left: 1px solid #dbdbdb;
    border-right: 0
}

#history .list > ul > li.right div {
    text-align: left
}

#history .list > ul > li.right div span {
    right: auto;
    left: 0;
    margin-left: -6px;
    margin-right: 0
}

#history .list ul li.right li strong {
    float: left;
    text-align: left
}

#history .list ul li.right li span {
    float: left;
    text-align: left
}

#history {
    position: relative
}

#history .round {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ffa43b;
    margin-top: -6px;
    margin-left: -7px
}

#history .history {
    position: relative;
    width: 240px;
    height: 240px;
    margin: 50px auto 5px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 50%
}

#history .history .layer-inner {
    padding: 30px;
    border-radius: 50%;
    background: #45495b
}

#history .history p {
    color: #fff;
    font-size: 14px
}

#history .history p strong {
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #7d7f8a;
    color: #ffae00;
    font-size: 18px
}

#history .list {}

#history .list > ul {}

#history .list > ul:after {
    display: block;
    clear: both;
    content: ""
}

#history .list > ul > li {
    display: block;
    float: left;
    width: 50%;
    margin-left: -1px;
    padding-top: 0;
    border-right: 1px solid #dbdbdb
}

#history .list > ul > li:first-child {
    padding-top: 25px
}

#history .list div {
    position: relative;
    padding: 0 20px 10px;
    color: #1363a4;
    font-size: 33px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    text-align: right
}

#history .list div span {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #999;
    margin-top: -5px;
    margin-right: -6px
}

#history .list ul li ul {
    padding: 3px 20px 20px
}

#history .list ul li li {
    margin-top: 10px;
    line-height: 150%
}

#history .list ul li li:after {
    display: block;
    clear: both;
    content: ""
}

#history .list ul li li strong {
    float: right;
    width: 70px;
    color: #5b6078;
    font-size: 14px;
    text-align: right
}

#history .list ul li li span {
    width: 80%;
    float: right;
    color: #555;
    font-size: 13px;
    text-align: right
}

#history .list > ul > li.right {
    float: right;
    margin-left: 0;
    border-left: 1px solid #dbdbdb;
    border-right: 0
}

#history .list > ul > li.right div {
    text-align: left
}

#history .list > ul > li.right div span {
    right: auto;
    left: 0;
    margin-left: -6px;
    margin-right: 0
}

#history .list ul li.right li strong {
    float: left;
    text-align: left
}

#history .list ul li.right li span {
    float: left;
    text-align: left
}

.org {
    background: url(../images/sub/bg-org.png) 10px -13px no-repeat
}

.org4 {
    background: url(../images/sub/bg-org-b.png) 10px -13px no-repeat
}

.org1 {
    background: none
}

.org .layer {
    position: relative;
    width: auto;
    height: 40px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background: #fff
}

.org .layer-inner {
    padding: 10px 25px;
    border-radius: 10px;
    background: #45495b;
    color: #fff;
    font-size: 15px
}

.org2,
.org3,
.org4 {
    margin-left: 35px;
    padding-top: 15px;
    padding-left: 40px
}

.org2 .layer,
.org3 .layer,
.org4 .layer {
    height: 35px;
    padding: 5px
}

.org2 .layer-inner {
    border-radius: 10px;
    background: #1363a4;
    color: #fff;
    font-size: 14px
}

.org3 .layer-inner {
    border-radius: 10px;
    background: #417fca;
    color: #fff;
    font-size: 14px
}

.org4 .layer-inner {
    border-radius: 10px;
    background: #00b169
}

.org4 .layer-inner a {
    color: #fff;
    font-size: 14px
}

#org ul.detail {
    margin-top: 5px;
    margin-left: -5px;
    margin-bottom: -5px
}

#org ul.detail:after {
    display: block;
    clear: both;
    content: ""
}

#org ul.detail li {
    display: inline-block;
    float: left;
    width: 20%;
    margin: 5px;
    padding: 12px;
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.060em
}

#org ul.detail li a {
    color: #1363a4;
    font-size: 13px;
    font-weight: bold
}

.org4 .layer-inner a:hover,
.org4 .layer-inner a:focus,
#org ul.detail li a:hover,
#org ul.detail li a:focus {
    text-decoration: underline
}

.result-search {
    margin-top: 20px;
    padding: 20px;
    background: #4d5360;
    text-align: center
}

.result-search span {
    display: inline-block;
    padding: 10px 5px;
    padding-left: 44px;
    background: url("../images/sub/icon-result1.png") left center no-repeat;
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}

.result-search select {
    height: 37px;
    border: 0;
    vertical-align: middle
}

.result-wrap {
    margin: 0 20px;
    padding: 15px;
    border: 1px solid #dbdbdb
}

.result-wrap p {
    color: #666;
    font-size: 13px;
    line-height: 150%
}

.result-wrap .img-wrap {
    margin: 5px -5px 0
}

.result-wrap .img-wrap:after {
    display: block;
    clear: both;
    content: ""
}

.result-wrap .img-wrap > div {
    display: inline-block;
    float: left;
    width: 50%
}

.result-wrap .img-wrap1 > div {
    display: block;
    width: 70%;
    float: none;
    margin: 0 auto
}

.result-wrap .img-wrap2 > div {
    width: 25%
}

.result-wrap .img-wrap3 > div {
    width: 33.33%
}

.result-wrap .img-wrap > div > div {
    margin: 5px
}

.result-wrap .img-wrap img {
    width: 100%;
    height: 250px
}

.result-wrap .img-wrap1 img {
    height: auto;
    text-align: center
}

.result-wrap .img-wrap2 img {
    height: 125px
}

.result-wrap .img-wrap3 img {
    height: 170px
}

.result-wrap .img-wrap span,
.ex {
    display: block;
    padding: 5px 2px;
    background: #7d8391;
    color: #fff;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.06em
}

.visit-map {
    width: auto;
    border: 2px solid #e4e4e4
}

.visit-txt {
    margin-top: 10px
}

.visit-txt .address {
    background: #f8f8f8 url("../images/main/img-import3.png") 15px center no-repeat
}

.visit-txt .car {
    background: #f8f8f8 url("../images/sub/img-visit2.png") 15px center no-repeat
}

.visit-txt .public {
    background: #f8f8f8 url("../images/sub/img-visit1.png") 15px center no-repeat
}

.visit-txt dl {
    margin: 10px 0;
    padding: 20px 0 20px 85px;
    border-top: 1px dashed #dbdbdb;
    border-bottom: 1px dashed #dbdbdb
}

.visit-txt dt {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold
}

.visit-txt .public dt {
    padding-bottom: 0
}

.visit-txt dd {
    color: #555;
    font-size: 13px
}

.visit-txt dd.tit {
    padding-top: 7px;
    padding-bottom: 2px;
    color: #2b70c4;
    font-weight: bold
}

#visit a.btn,
input[type="submit"].btn,
#visit button.btn,
#visit input[type="button"].btn {
    padding: 8px 10px
}

.accordion {
    margin-top: 10px
}

.accordion > div {}

.accordion > div.active {}

.accordion > div > p {
    position: relative;
    margin-top: -1px;
    padding: 12px;
    border: 1px solid #dedede;
    background: #f4f4f4;
    color: #2887aa;
    font-size: 13px;
    font-weight: bold
}

.accordion > div > p:hover,
.accordion > div > p:focus {
    cursor: pointer
}

.accordion > div.active > p,
.accordion > div.active > p a {
    border: 0;
    background: #2887aa;
    color: #fff
}

.accordion > div.active p.txt {
    color: #666;
    font-size: 14px;
    line-height: 160%
}

.accordion > div > p span {
    display: block;
    position: absolute;
    top: 12px;
    right: 13px;
    width: 17px;
    height: 17px;
    background: url("../images/sub/icon-accordion-off.png") 0 0 no-repeat
}

.accordion > div.active p span {
    background: url("../images/sub/icon-accordion-on.png") 0 0 no-repeat
}

.accordion > div > div {
    display: none;
    margin-top: -1px;
    padding: 15px 12px;
    border: 1px solid #dedede;
    background: #fff
}

.accordion > div.active > div {
    display: block
}

.accordion > div > div p.tit {
    margin: 0;
    padding: 0 0 5px 10px;
    border: 0;
    background: #fff url("../images/sub/bul-tit1.png") 0 6px no-repeat;
    color: #444;
    font-size: 14px;
    font-weight: normal
}

.accordion .result-wrap {
    margin: -5px;
    padding: 0;
    border: 0
}

.accordion .result-wrap .img-wrap {
    margin: 0
}

.accordion .result-wrap .img-wrap span {
    border: 1px solid #dedede;
    background: #f8f8f8;
    color: #666
}

.accordion .table-list {
    border-top: 1px solid #dedede
}

.accordion .table-list th,
.accordion .table-list td {
    padding: 8px 6px;
    font-size: 12px
}

.accordion > div > div p.sub-tit {
    margin-top: -3px;
    margin-left: 2px;
    padding-left: 8px;
    padding-bottom: 10px;
    background: url(../images/common/bul-menu1.png) left 9px no-repeat;
    color: #666;
    font-size: 13px
}

.process {}

.process ul {}

.process ul:after {
    display: block;
    clear: both;
    content: ""
}

.process ul li {
    float: left;
    width: 25%;
    background: url("../images/sub/icon-arrow-process.png") 6px 55px no-repeat
}

.process ul li:first-child {
    background: none !important
}

.process ul li div {
    position: relative;
    margin-left: 30px;
    padding: 17px 3px;
    background: #1363a4;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
    letter-spacing: -0.040em
}

.process ul li.option div {
    border: 1px solid #dbdbdb;
    background: #fff url("../images/sub/line1.png") 0 0 repeat;
    color: #45495b
}

.process ul li.detail {}

.process ul li span.top {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 99%;
    padding: 8px 0;
    border: 1px solid #dbdbdb;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    background: #f8f8f8;
    color: #45495b;
    font-size: 13px
}

.process ul li span.bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 99%;
    padding: 8px 0;
    border: 1px solid #dbdbdb;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    background: #f8f8f8;
    color: #45495b;
    font-size: 13px
}

.process ul li div span.sub-txt {
    display: block;
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.08em
}

.process ul li.option div span.sub-txt {
    color: #45495b;
    font-size: 13px;
    letter-spacing: -0.08em
}

.process ul li span.top span.sub-txt,
.process ul li span.bottom span.sub-txt {
    color: #45495b
}

.process .w-m1 div {
    margin: 35px 0 0 30px !important
}

.process .w-m2 div {
    margin: 0 0 0 30px !important
}

.process .w-p1 div {
    padding: 17px 10px 67px !important
}

.process .w-p2 div {
    padding: 42px 10px 60px !important
}

.process .w-p3 div {
    padding: 7px 3px 9px !important
}

.process-con {
    margin-top: -30px
}

#i-pin {
    margin: 0 -10px
}

#i-pin:after {
    display: block;
    clear: both;
    content: ""
}

#i-pin > div {
    margin: 0;
    width: 50%;
    float: left;
    background: #fff
}

#i-pin div dl {
    margin: 0 10px;
    border: 1px solid #ccc
}

#i-pin .i-pin dt,
#i-pin .h-pin dt {
    margin: 0;
    padding: 20px;
    text-align: left;
    clear: both
}

#i-pin .i-pin dd,
#i-pin .h-pin dd {
    margin: 0;
    padding: 0 20px;
    line-height: 150%;
    color: #666;
    text-align: left;
    clear: both
}

.site-menu:after {
    display: block;
    clear: both;
    content: ""
}

.site-menu > div {
    float: left;
    width: 25%
}

.site-menu > div > div {
    margin: 10px
}

.site-menu > div strong {
    display: block;
    margin-bottom: 5px;
    padding: 12px;
    background: #565c75;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

.site-menu > div ul li a {
    display: block;
    padding: 3px 10px;
    background: url(../images/main/bul-board.png) center left no-repeat;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 130%
}

.site-menu > div ul li ul {
    padding: 0 0 5px
}

.site-menu > div ul li ul li a {
    display: block;
    padding: 0 10px;
    background: none;
    color: #666;
    font-size: 13px;
    line-height: 150%
}

.site-menu > div ul li ul li a:hover {
    text-decoration: underline
}

.site-menu > div ul li ul li a:active,
.site-menu > div ul li ul li a:focus {
    background: #a2a2a2;
    text-decoration: none
}

.exhibit-wrap {
    border-top: 2px solid #1363a4;
    border-bottom: 1px solid #dedede
}

.exhibit-wrap:after,
.exhibit-wrap .txt-wrap dl:after {
    display: block;
    clear: both;
    content: ""
}

.exhibit-wrap > div {
    float: left
}

.exhibit-wrap .img-wrap {
    width: 25%;
    margin-left: -1px;
    border-right: 1px solid #dedede;
    text-align: center
}

.exhibit-wrap .img-wrap img {
    max-width: 150px;
    margin: 15px;
    border: 1px solid #dedede
}

.exhibit-wrap .txt-wrap {
    width: 75%;
    margin-left: -1px;
    border-left: 1px solid #dedede
}

.exhibit-wrap .txt-wrap dl {
    padding: 10px 15px;
    border-top: 1px solid #dedede
}

.exhibit-wrap .txt-wrap dl:first-child {
    border-top: 0
}

.exhibit-wrap .txt-wrap dl dt {
    float: left;
    width: 60px;
    padding: 3px;
    border-radius: 5px;
    background: #5c6179;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.020em;
    vertical-align: top;
    line-height: 150%;
    text-align: center
}

.exhibit-wrap .txt-wrap dl dd {
    float: left;
    width: 85%;
    margin-left: 10px;
    padding: 2px;
    vertical-align: top;
    color: #666;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: -0.040em
}

.exhibit-wrap .txt-wrap dl dd * {
    color: #666;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: -0.040em
}

.exhibit-wrap .txt-wrap dl dd img {
    display: block;
    margin-top: 5px
}

.image-col-fixed-list {
    position: relative;
    margin: -5px -5px 0;
    padding: 0
}

.image-col-fixed-list:after {
    display: block;
    clear: both;
    content: ""
}

.image-col-fixed-list li {
    position: relative;
    float: left;
    width: 25%;
    height: 140px;
    margin: 0 !important;
    padding: 5px 0
}

.image-col-fixed-list li > div {
    margin: 0 5px
}

.image-col-fixed-list a {
    position: relative;
    display: block;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    border: 1px solid #ccc;
    cursor: pointer;
    overflow: hidden
}

.image-col-fixed-list a img {
    display: block;
    width: auto;
    height: 82%;
    margin: 0 auto
}

.image-col-fixed-list a span {
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 6px;
    border-top: 1px solid #dedede;
    background: #f8f8f8;
    color: #202020;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.image-col-fixed-list a span:hover,
.image-col-fixed-list a span:focus {
    text-decoration: underline
}

.bg-office {
    padding-bottom: 70px;
    border-bottom: 1px solid #ddd;
    background: url(../images/sub/nrich_csc/06_mt_02.jpg) right bottom no-repeat
}

#gallery-ex:after {
    display: block;
    clear: both;
    content: ""
}

#gallery-ex > div {
    float: left;
    width: 49%;
    border-left: 1px dashed #d2d2d2
}

#gallery-ex > div.first {
    border: 0
}

#gallery-ex > div img.map {
    display: block;
    width: 355px;
    max-width: 100%;
    margin: 20px auto
}

#gallery-ex > div:after {
    display: block;
    clear: both;
    content: ""
}

#gallery-ex dl {
    margin: 0 25px;
    padding: 25px 0;
    border-top: 1px dashed #d2d2d2
}

#gallery-ex dl.first {
    border-top: 0
}

#gallery-ex dt {
    font-size: 20px
}

#gallery-ex dt img {
    padding-right: 7px;
    vertical-align: middle
}

#gallery-ex dd {
    margin-left: 33px;
    padding-top: 5px;
    padding-left: 9px;
    background: url(../images/common/bul-menu1.png) left 14px no-repeat;
    color: #555;
    font-size: 13px;
    line-height: 150%
}

#gallery-ex dd strong {
    font-size: 14px
}

.bbs_gallery {
    overflow: hidden;
    width: 100%;
    margin: 5px 0;
    border-top: 2px solid #1363a4;
    border-bottom: 1px solid #dedede
}

.bbs_gallery ul.list {
    margin: 5px -5px
}

.bbs_gallery ul.list:after {
    display: block;
    clear: both;
    content: ""
}

.bbs_gallery ul.list li {
    display: inline-block;
    overflow: hidden;
    float: left;
    width: 23.8%;
    margin: 5px;
    min-height: 140px
}

.bbs_gallery ul.list li a {
    display: block;
    position: relative;
    border: 1px solid #e9e9e9
}

.bbs_gallery ul.list li a:hover {
    text-decoration: underline
}

.bbs_gallery ul.list li a:active,
.bbs_gallery ul.list li a:focus {
    font-weight: normal
}

.bbs_gallery ul.list li a span {
    display: inline-block
}

.bbs_gallery ul.list li a .photo {
    display: block;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    min-height: 140px;
    background: url('/common/images/board/mask.png');
    font-size: 0;
    line-height: 140px;
    text-align: center
}

.bbs_gallery ul.list li a .photo img {
    max-width: 100%;
    max-height: 140px;
    vertical-align: middle
}

.bbs_gallery ul.list li a:hover .photo img {
    transform: scale(1.2);
    transition: all 400ms
}

.bbs_gallery ul.list li a .subject {
    overflow: hidden;
    display: block;
    margin: 10px 10px 0;
    line-height: 1.3em;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bbs_gallery ul.list li a .content {
    overflow: hidden;
    display: block;
    margin: 10px 10px 0;
    line-height: 1.3em;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bbs_gallery ul.list li a .author {
    font-size: 0.85em
}

.bbs_gallery ul.list li a .date {
    display: block;
    margin: 3px 10px 10px;
    font-size: 12px;
    color: #888;
    text-align: left
}

.bbs_gallery ul.list .empty {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
    text-align: center
}

.bbs_gallery ul.list li.delete .delete_info {
    font-size: 11px;
    color: #2e84d1;
    vertical-align: center
}

.bbs_gallery ul.list li.delete .subject {
    color: #aaa
}

.bbs_gallery ul.list li .ico_group {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10
}

.bbs_gallery ul.list li .ico_group .bbs_ico {
    margin-left: 0;
    margin-right: 1px
}

*:first-child+html .bbs_gallery ul.list li a .photo {
    width: 100%
}

*:first-child+html .bbs_gallery ul.list li a .photo img {
    width: 100%;
    height: 140px
}

.bbs_gallery ul.list.subject_over .date {
    display: none
}

.bbs_gallery ul.list.subject_over .subject {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    margin: 0;
    padding: 8px 2%;
    background: url('/common/images/board/mask2.png');
    color: #fff;
    text-align: left
}

.bbs_gallery .tag {
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
    padding: 4px;
    z-index: 10
}

.bbs_gallery .tag .photo_all {
    display: inline-block;
    float: left;
    padding: 3px 7px;
    border-radius: 3px;
    background: #e5a329;
    color: #fff;
    font-size: 15px
}

.bbs_gallery .tag .photo_all img {
    margin: 4px 4px 0 0
}

.related-sites {}

.related-sites li {
    width: 23.1%;
    margin: 5px !important;
    border: 1px solid #dcdcdc
}

.related-sites li div {
    margin-top: 10px;
    text-align: center
}

.related-sites li div img {}

.related-sites li dl {
    margin: 5px 0 15px;
    text-align: center
}

.related-sites li dl dt {
    color: #333;
    font-size: 13px;
    font-weight: bold
}

.related-sites li dl dd {}

.related-sites li dl dd a {
    display: block;
    background: url(../images/sub/btn-sitego.gif) right 5px no-repeat;
    color: #555
}

.related-sites li dl dd a:hover,
.related-sites li dl dd a:focus,
.related-sites li dl dd a:active {
    color: #1578d8;
    text-decoration: underline
}

.related-sites a .more {
    display: inline-block;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #448be1
}

.related-sites a .more span {
    display: block;
    padding: 0 30px 0 10px;
    background: url("../images/common/btn-more1.png") right -1px no-repeat
}

.table-photo {
    table-layout: fixed
}

#galleryView {
    margin: 0 0 30px 0;
    text-align: center
}

#galleryView img {}

#galleryThum .arrLeft,
.gThum .arrLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    padding-top: 37px;
    height: 98px;
    background: #666666;
    text-align: center
}

#galleryThum .arrRight,
.gThum .arrRight {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    padding-top: 37px;
    height: 98px;
    background: #666666;
    text-align: center
}

#galleryThum li a.ov {
    display: block;
    width: 100px;
    height: 63px;
    border: 1px solid #545454
}

#galleryThum {
    position: relative;
    width: 100%;
    min-height: 80px;
    padding: 10px 0;
    background: #f9f9f9
}

#galleryThum .holder {
    position: relative;
    width: 87%;
    overflow: hidden;
    margin: 0 auto
}

#galleryThum .list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 99999px;
    overflow: hidden
}

#galleryThum .item {
    float: left;
    width: 72px
}

#galleryThum .item img {
    width: 66px;
    height: 80px;
    border: 1px solid #d2d2d2
}

#galleryThum .item .button {
    display: none
}

#galleryThum .arrLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 5%;
    height: 92px;
    padding-top: 10px;
    text-align: center
}

#galleryThum .arrLeft img {
    position: relative;
    top: 25px
}

#galleryThum .arrRight {
    position: absolute;
    right: 0;
    top: 0;
    width: 5%;
    height: 92px;
    padding-top: 10px;
    text-align: center
}

#galleryThum .arrRight img {
    position: relative;
    top: 25px
}

#info-popup {
    position: relative;
    border: 1px solid #dedede;
    border-top: 0
}

.caption_name {
    padding: 10px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #1363a4;
    background: #f3f4f5
}

.caption_name li,
caption_name li strong {
    font-size: 16px;
    text-align: center;
    font-weight: bold
}

.photo_top {
    width: 648px;
    height: 21px;
    padding: 10px 12px 10px 15px;
    background: url(http://dmma.daejeon.go.kr/images/photo/photo_top.gif) no-repeat left top
}

.photo_top ul li {
    float: left
}

.photo_search {
    margin-top: 3px
}

.photo_search * {
    display: block;
    float: left;
    margin-right: 5px
}

.photo_search select {
    vertical-align: text-bottom
}

.photo_search_text {
    height: 16px;
    border: 1px solid #9d9d9d
}

#photo_sBox {
    position: relative;
    top: 0;
    width: 100%;
    border-top: 1px solid #dedede;
    background: #f3f4f5
}

#photo_sBox a:link,
#bg_con a:visited,
#bg_con a:active {
    color: #000
}

#photo_sBox a:hover {
    color: #ff0000
}

#photo_sBox .photo_sBox_left {
    position: absolute;
    left: 0;
    top: 0;
    background: #f3f4f5;
    width: 49px;
    height: 115px;
    z-index: 10
}

#photo_sBox .photo_sBox_left a {
    display: block;
    text-align: center;
    position: relative;
    top: 48px
}

#photo_sBox .photo_sBox_right {
    position: absolute;
    right: 0;
    top: 0;
    background: #f3f4f5;
    width: 49px;
    height: 115px;
    z-index: 10
}

#photo_sBox .photo_sBox_right a {
    display: block;
    text-align: center;
    position: relative;
    top: 48px
}

#photo_sBox .photo_sBox_move {
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0;
    width: 748px;
    height: 115px;
    margin: 0 auto;
    padding: 0 50px
}

#photo_sBox .photo_sBox_move ul {
    position: absolute;
    top: 25px;
    width: 1000000px
}

#photo_sBox .photo_sBox_move ul li {
    float: left;
    width: 67px;
    height: 65px;
    margin-right: 8px;
    overflow: hidden
}

#photo_sBox .photo_sBox_move ul li a {
    width: 65px;
    height: 63PX;
    border: 1px solid #bcbcbc;
    display: block
}

#photo_sBox .photo_sBox_move ul li img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto
}

#photo_sBox .photo_sBox_move ul li a.photo_ov {
    width: 63px;
    height: 61PX;
    border: 2px solid #208125
}

.photo_bbox {
    position: relative;
    width: 704px;
    height: 640px;
    margin: 0 auto;
    margin-top: 30px
}

.photo_bleft {
    position: absolute;
    left: 15px;
    top: 330px
}

.photo_bright {
    position: absolute;
    right: 15px;
    top: 330px
}

.photo_bleft img,
.photo_bright img {
    display: block;
    width: 30px
}

.photo_bimg {
    position: absolute;
    left: 0;
    top: -20px;
    width: 702px;
    height: 100%;
    overflow: auto
}

.photo_bimg ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000000px
}

.photo_bimg ul li {
    float: left;
    width: 702px;
    height: 590px
}

.photo_bimg ul li img {
    display: block;
    margin: 0 auto
}

.photo_bimg ul li div.nuri img {
    margin: 0;
    display: inline-block
}

.photo_bimg ul li ul {
    position: relative;
    width: 1024px;
    padding-top: 30px;
    font-size: 14px
}

.photo_bimg ul li ul li {
    border: 0;
    height: auto;
    float: none;
    text-align: center
}

.photo_tbox {
    position: absolute;
    left: 51px;
    top: 434px
}

.photo_tbox dl {
    margin: 0;
    padding: 0
}

.photo_tbox dl dt {
    margin: 0;
    padding: 0;
    width: 620px;
    height: 29px;
    font-size: 14px;
    line-height: 29px;
    color: #eb381a
}

.photo_bimg ul li .btn-down a {
    width: 100px;
    height: 26px
}

.photo_bimg ul li .btn-down a img {
    width: auto;
    height: auto;
    display: inherit
}

.btn-text-set {
    margin: 10px;
    text-align: center
}

.btn-text-set a {
    background: #f8f8f8;
    color: #555;
    font-weight: bold;
    padding: 8px 0;
    width: 33%;
    border: 1px solid #c6c6c6;
    display: inline-block;
    text-align: center;
    margin: 0 -2px
}

.btn-text-set a.active,
.btn-text-set a:hover,
.btn-text-set a:focus {
    border: 1px solid #1b7d30;
    background: #007118;
    background: -moz-linear-gradient(top, #00a91d 0, #007118 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a91d), color-stop(100%, #007118));
    background: -webkit-linear-gradient(top, #00a91d 0, #007118 100%);
    background: -o-linear-gradient(top, #00a91d 0, #007118 100%);
    background: -ms-linear-gradient(top, #00a91d 0, #007118 100%);
    background: linear-gradient(to bottom, #00a91d 0, #007118 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a91d', endColorstr='#007118', GradientType=0);
    color: #fff
}

.btn-text-set a.first {
    border-radius: 5px 0 0 5px
}

.btn-text-set a.last {
    border-radius: 0 5px 5px 0
}


/*2020-04신규*/
.m_t20{ margin-top:20px !important}
.w130 { min-width:130px !important; text-align:center }



.masterArea{ position:relative; overflow:hidden; margin-top:20px;font-size:14px;}
.masterArea div{width:100%; display:table; margin-bottom:40px;}
.masterArea div p.photo{width:20%; display:block; float:left; text-align:left}
.masterArea div p.photo img{ max-width:100%; height:auto; vertical-align:top;}
.masterArea div ul{margin-left:3%;  float:left }
.masterArea div ul li{padding-bottom:10px; clear:both; display:table; padding-left:15px; position:relative; }
.masterArea div ul li:before{content: ''; position:absolute; width:4px; height:4px; background:#484848; left:5px;top:8px;; border-radius:50%;display: block;}
.masterArea div ul li.tit:before{ display:none}
.masterArea div ul li.tit{ background:url(../images/sub/icon20.png) no-repeat; color:#3589b4; font-size:16px; padding:3px 10px; margin-bottom:10px; padding-left:22px; font-weight:bold }
.masterArea div ul li span{width: 70px; font-weight: 600; display: block; float:left;
	background: url(../images/common/list_blit_01.png) no-repeat left 12px; 	color:#000}
.masterArea div ul li span.w100{ width:100%;}
.masterArea div ul li p{display:block; float:left}

.marster_c {  padding-left:265px; background:url(../images/sub/photo2004_1.png) no-repeat}


@media (max-width:767px){	
.masterArea div p.photo{width:100%; text-align:center; margin-bottom:15px;}		
.marster_c{ padding-left:0 !important; background:none}
}

@media (max-width:620px){	
.masterArea div p.photo{width:100%; text-align:center; margin-bottom:15px;}		
}



/*ci 영상홍보 추가*/
.ci_box{ position:relative; overflow:hidden; margin-bottom:30px; }
.ci_box > p{ font-size:14px; padding:0 20px}
.ci_logo{ border:1px solid #dbdbdb; text-align:center; padding:30px 0; margin-top:20px;}

.signature{ position:relative; }
.signature ul li { float:left; margin-right:9px; width:32.6%; text-align:center; border:1px solid #dbdbdb;  min-height:156px; box-sizing:border-box; vertical-align:middle; display:table}

.signature ul li > div { vertical-align:middle; display:table-cell}
.signature ul li:last-child{ margin-right:0}

.colorArea{ position:relative; overflow:hidden}
.col_blue{ float:left; width:24%; margin-right:9px; border:1px solid #dbdbdb; }
.col_blue dt{ background:#003668; color:#fff; padding:16px 0; text-align:center; font-size:15px;}
.col_blue dd {color:#003668; padding:10px;}
.col_blue dd p, .col_red dd p, .col_gray dd p, .col_wh dd p{ margin-top:10px;}
.col_blue dd em, .col_red dd em, .col_gray dd em, .col_wh dd em { display:block; font-style:normal}

.col_red{ float:left; width:24%; margin-right:9px; border:1px solid #dbdbdb; }
.col_red dt{ background:#e6002d; color:#fff; padding:16px 0; text-align:center; font-size:15px;}
.col_red dd {color:#e6002d; padding:10px;}

.col_gray{ float:left; width:24%; margin-right:9px; border:1px solid #dbdbdb; }
.col_gray dt{ background:#595757; color:#fff; padding:16px 0; text-align:center; font-size:15px;}
.col_gray dd {color:#595757; padding:10px;}

.col_wh{ float:left; width:23.4%; border:1px solid #dbdbdb; }
.col_wh dt{ background:#fff; color:#000; padding:16px 0; text-align:center; font-size:15px;}
.col_wh dd {color:#000; padding:10px;}

.logo_down{ float:left; width:49%; border:1px solid #dbdbdb; margin-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size:14px; line-height:30px; padding:10px; margin-bottom:10px;}
.logo_down li span{ float:right; width:25%; text-align:right}
.logo_down:nth-child(even){ margin-right:0}

.nrich_pr{ position:relative; overflow:hidden; text-align:left; height:auto; margin-bottom:30px; margin-top:30px; }

.videoArea{ float:left; width:65%; position:relative; }   
.nrich_pr video { width:100%; height:310px; left:0; top:0px; position: absolute;}

.pr_txt{ float:right; width:34%; overflow-y:scroll; font-size:13px; line-height:21px;  height:310px; padding:15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border:1px solid #ccc}
.pr_tit{ font-size:18px; margin-bottom:20px; font-weight:bold; margin-top:15px;}
.pr_more { border:1px solid #dbdbdb; line-height:35px; text-align:center; cursor:pointer; background:#fff; display:block; width:100%; margin-top:15px}
.prm{ padding-top:15px;}




/*버튼*/
.btn_cen{ text-align:center; margin:30px 0 }
.btn_area{padding:0px 35px 0px 35px; height:35px; line-height:35px; cursor:pointer; font-size:15px; margin-top:-1px;  }
.btn_area > a:hover {text-decoration:none;}
.btn_01{background:#4d5360;border:1px solid #4d5360;color:#fff; -webkit-transition:all 0.3s ease;transition:all 0.3s ease; }
.btn_01:hover{ background:#424854;}

/*역대소장*/
.master_history{ position:relative; overflow:hidden; margin-top:20px; }
.master_box{ float:left; width:23.5%; margin-right:2%; border:1px solid #d9d9d9; background:url(../images/sub/m_bg.png); min-height:280px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:2%}
.master_box:nth-child(4n) { margin-right:0}
.master_box>div{ margin:22px; text-align:center ; letter-spacing:-1px;}
.master_box>div>p{ overflow:hidden}  .master_box>div>p img{ width:80%; }
.master_box>div>dl{ margin-top:15px; font-size:16px;}
.master_box>div>dl>dt>p { font-size:18px; margin-bottom:10px; margin-top:5px; font-weight:bold}
.master_box>div>dl>dd { font-size:15px; letter-spacing:0}

/*문화유산학술지*/
.JournalArea { margin-bottom:50px;}
.JournalArea > p { display:inline-block; padding:4px 15px; background:#3589b4; color:#fff; border-radius:15px; font-size:15px;      }
.JournalArea > ul { margin-bottom:25px;}
.JournalArea > ul > li{ position:relative;     padding-left: 15px; margin:15px 0 10px; font-size:13px; line-height:20px;}
.JournalArea > ul > li:before{ position:absolute; content:''; width:3px; height:3px; background:#000; border-radius:50%; left:5px; top:7px; }
.JournalArea > ul > li a{ text-decoration:underline}

.journal_step{ position:relative; overflow:hidden}
.journal_step li{ float:left; width:23.2%; border:1px solid #dbdbdb; margin-right:2%; text-align:center; padding:20px 0; font-size:14px; font-weight:bold; position:relative}
.journal_step li:before{ position:absolute; content:''; width:40px; height:26px; background:url(../images/sub/arrow_1.png) no-repeat;right:-30px; top:55px; z-index:10}
.journal_step li:last-child:before{ background:none}
.journal_step li:last-child{ margin-right:0}
.journal_step li span{display: block;    width: 75px;    height: 72px; margin:0 auto; margin-bottom:10px;}
.ico { background:url('../images/sub/ico.png') no-repeat}
.qico01{ background-position:0px 0px }
.qico02{ background-position:0px -71px }
.qico03{ background-position:0px -143px }
.qico04{ background-position:0px -215px }

.journal_result{ position:relative; overflow:hidden; border:1px solid #dbdbdb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:15px; margin-top:30px; }
.journal_img{ width:140px; height:180px;  margin-right:30px; float:left; text-align:center; vertical-align:middle; display:table-cell;}
.journal_img img{ width:140px; height:180px; background:#EFEFEF; display:block}
.journal_txt{ width:60%;  float:left; position:relative; overflow:hidden}
.journal_txt h3{color:#245376; font-size:20px; margin-bottom:20px;}
.journal_txt dl{ float:left; width:100%; margin-bottom:13px;}
.journal_txt dl dt{float:left; line-height:25px; font-size:14px; width:100px; position:relative; font-weight:bold;  }
.journal_txt dl dt:after{ position:absolute; content:''; width:1px; height:10px; background:#000; right:0; top:7px;}
.journal_txt dl dd{ float:left; line-height:25px; margin-left:12px; font-size:14px; vertical-align:middle} 
.journal_txt dl dd a:hover{ text-decoration:underline;  }

.open_img{ position:absolute; right:15px; top:15px; }
.open_img img{  height:35px; background:#EFEFEF; display:block}


@media (max-width:820px){

.signature ul li{ width:100%; margin-right:0; margin-bottom:8px} 
.col_blue{ width:48%; margin-right:7px; margin-bottom:14px} .col_red{ width:48%; margin-right:0;margin-bottom:14px} .col_gray{ width:48%; margin-right:7px} .col_wh{ width:48%;} 

.colorArea dd{min-height: 80px;}

.logo_down{ width:100%; margin-right:0; }	

.master_box{ width:32%; min-height:240px}
.master_box:nth-child(3n) { margin-right:0}  .master_box:nth-child(4n) { margin-right:2%}
.master_box>div>p img{ max-width:100%; height:auto;}

.master_box>div>dl>dt>p { font-size:16px;}
.master_box>div>dl{ font-size:14px;}
.master_box>div{ margin:10px;}
.master_box>div>dl>dd { font-size:13px; letter-spacing:-1px }

.nrich_pr video{max-width:100%; height:auto; display:block;  position:relative; top:0}
.videoArea{ width:100% ; float:none;}  
.pr_txt{  position:relative; width:99.5%; float:none;  display:block}


.journal_step li{ float:left; width:22.5%;}

.journal_step li span{display: block;    width: 50px;    height: 48px; margin:0 auto; margin-bottom:10px;}
.ico { background-size:100%}
.qico01{ background-position:0px 0px }
.qico02{ background-position:0px -49px }
.qico03{ background-position:0px -98px }
.qico04{ background-position:0px -143px }

}

@media (max-width: 1023px)
{
  .ci_logo img{max-width: 100%;}
  .signature ul li > div img { max-width: 100%;}
  
  }
  
  
  
@media (max-width:620px)
{
.journal_img{ width:100%;}
.journal_img img{ margin:0 auto;}
.journal_txt h3{ text-align:center; width:100%; margin-top:15px;}
.journal_txt{ width:100%;}

.open_img img{  height:25px; }
.journal_img{ margin-top:35px;}



}

@media (max-width:480px)
{
.btn_area{padding:0px 10px 0px 10px; height:35px; line-height:35px; cursor:pointer; font-size:13px; margin-top:-1px;  }	
}

/* 학술지 검색결과창 결과없을때 사이즈별로 디자인추가 */
.mb-pn{display:none;}

@media(max-width:767px)
{
	.mb-pn{
		display:block;
		text-align:center;
		font-size:13px;
		line-height:38px;
		border:1px solid #dedede;
		color: #666;
	}
}