@charset "utf-8";

img {max-width:100%;}
input[type="text"], input[type="password"], textarea {border:1px solid #e5e5e5; padding:8px 19px; height:40px; width:100%; color:#666; background-color:#f5f5f5;}
input[type="text"].wid-all, input[type="password"].wid-all, textarea.wid-all {width:100%;}
input[type="text"].wid-aside-btn, input[type="password"].wid-aside-btn, textarea.wid-aside-btn {width:100%;}
td, th {box-sizing:border-box;}

.show-pc {display:block;}
.show-tablet, .show-mobile {display:none;}

@media screen and (max-width: 640px){
  .prod-cate .prod-qna td input[type="text"], .prod-cate .prod-qna td input[type="password"], .prod-cate .prod-qna td .srch-select {width:100%;}
}

/* chceckbox & radio */
.custom-checkbox {width:20px; height:20px; display:inline-block; position:relative; z-index:1; top:3px; background:url("/images/ico/brd-set.png") no-repeat -159px -115px transparent; background-size:250px 250px; position:absolute; left:0;}
.custom-checkbox.selected {background-position: -205px -115px; background-size:250px 250px;}
.custom-checkbox.disabled {background-position:-182px -115px; background-size:250px 250px;}
.custom-checkbox.selected.disabled {background-position:-228px -115px; background-size:250px 250px;}
.custom-checkbox input[type="checkbox"] {top:0; left:0; width:18px; height:18px; margin:0; position:absolute; z-index:2; cursor:pointer; outline:none; opacity:0;}

.custom-radio {width:20px; height:20px; display:inline-block; /*position: relative;*/ z-index:1; top:3px; background:url("/images/ico/brd-set.png") no-repeat -159px -138px transparent; background-size:250px 250px; position:absolute; left:0;}
.custom-radio.selected {background-position:-205px -138px; background-size:250px 250px;}
.custom-radio.disabled {background-position:-182px -138px; background-size:250px 250px;}
.custom-radio.selected.disabled {background-position:-228px -138px; background-size:250px 250px;}
.custom-radio input[type="radio"] {margin:1px; position:absolute; z-index:2; cursor:pointer; outline:none; opacity:0;}

.input-gra-check .form-ele, .input-gra-radio .form-ele {display:inline-block}
.input-gra-check label, .input-gra-radio label {display:inline-block; margin:4px 30px 0 25px;}
.input-gra-check label.mar-ini, .input-gra-radio label.mar-ini {margin-right:0;}


/* select system type */
.srch-select {position:relative; display:inline-block; width:fit-content; height:38px;}
.srch-select .select {position:relative; z-index:10; width:auto; height:38px; line-height:38px;}
.srch-select .select-indi {position:absolute; bottom:0; float:left; left:0; right:0; width:100%; height:38px; line-height:35px; padding-left:10px; padding-right:30px; background:url('/images/ico/srch-arr-edit.png') no-repeat right top; z-index:1; background-size:16px 100%; color:#2374c5; white-space:nowrap; text-overflow:ellipsis; border:1px solid #e0e1e2;}

.srch-select-small {position:relative; display:inline-block; width:150px; height:28px; overflow:hidden; border:1px solid #e0e1e2;}
.srch-select-small .select {position:relative; z-index:10; width:100% !important; height:28px; line-height:28px;}
.srch-select-small .select-indi {position:absolute; bottom:0; float:left; left:0; width:140px; height:28px; line-height:25px; padding-right:10px; text-indent:10px; background:url('/images/ico/ico-family-white.png') no-repeat right top; z-index:1; background-size:30px 30px; color:#2374c5; font-size:0.857em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.indi-bold .select-indi { font-weight:bold;}
.ie7 .select-indi {padding-right:0; background:url('/images/ico/srch-arr-narrow.png') no-repeat right top}
.ie8 .select-indi {padding-right:0; background:url('/images/ico/srch-arr-narrow.png') no-repeat right top}

.srch-select.wid-all, .srch-select-small.wid-all {width:100%;}
.srch-select.wid-all .select-indi, .srch-select-small.wid-all .select-indi {width:100%; padding-right:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.ie7 .article-srch .selectbox,
.ie8 .article-srch .selectbox {background:#f5f5f5; vertical-align:middle;}

.ele-in-block-wrap {width:100%;}
.ele-in-block {display:inline-block; margin-right:50px; width:fit-content;}

@media screen and (max-width: 640px){
  .selectbox {width:25%;}
  .selectbox select {padding-left:10px;}
  .dropdown .selected, .dropdown li {padding-left:10px;}
}
@media screen and (max-width: 400px){
  .selectbox {width:35%;}
}

.size-mid {height:34px; border:1px solid #e1e1e1; width:100%;}
.size-mid .select {height:34px; line-height:34px;padding-left:8px;}
.size-mid .select-indi {width:100%; height:34px; line-height:34px; padding:0; text-indent:12px; background:url('/images/ico/srch-arr-edit.png') no-repeat right center; z-index:1; background-size:16px;}


/* board search */
.article-srch {border:1px solid #e1e1e1; min-height:40px; margin-bottom:10px; position:relative; font-size:1.143em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10;}
.article-srch .srch-word {display:block; margin:0 50px 0 205px;}
.article-srch input[type='text'] {height:38px; padding:5px; border:0; width:100%; line-height:30px; background-color:#fff;}
.article-srch input[type='button'] {height:38px; width:40px; text-indent:-9999em; position:absolute; top:0; right:0; background:url('/images/ico/select-srch.png') no-repeat 2px 3px; background-size:34px 34px; border-left:1px solid #e1e1e1; display:inline-block;}
.article-srch .srch-select {position:absolute; top:0; left:0; width:195px; height:40px; margin:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.article-srch .select {position:relative; z-index:10; width:100% !important; height:40px; line-height:40px; padding-left:15px;}
.article-srch .select-indi {width:100%; background:url('/images/ico/srch-arr.png') no-repeat right center; height:40px; background-size:40px 37px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#014188;}
.ie7 .article-srch input[type='button'] {height:42px; width:41px; background:#5997d9 url('/images/ico/select-srch-narrow.png') no-repeat center center;}
.ie8 .article-srch input[type='button'] {background:#5997d9 url('/images/ico/select-srch-narrow.png') no-repeat center center;}
.ie7 .article-srch .select-indi,
.ie8 .article-srch .select-indi {background-image:url('/images/ico/srch-arr-narrow.png');}
.ie7 .article-srch input[type='text'] {height:39px;}

.article-srch .article-aside {position:relative; margin-right:32px; }
.article-srch.ea02:after {content:""; display:block; clear:both;}
.article-srch.ea02 .srch-select {width:50%; position:relative; float:left; background-color:#fff;}
.article-srch.ea03:after {content:""; display:block; clear:both;}
.article-srch.ea03 .srch-select {width:33.3%; position:relative; float:left; background-color:#fff;}
.article-srch.ea04:after {content:""; display:block; clear:both;}
.article-srch.ea04 .srch-select {width:25%; position:relative; float:left; background-color:#fff;}
.ie7 .article-srch .article-aside {margin-right:40px;}

.article-srch .srch-result {display:block; height:38px; padding-right:30%; background:#f7f7f7;}
.article-srch .srch-result .result-info {line-height:38px; padding-left:2.143em; font-size:0.875em; color:#333;}
.article-srch .srch-result .result-info .count {padding:0 2px; color:#003378;  font-weight:bold;}
.article-srch .srch-result .result-info .time {padding-left:2px; color:#787878;}
.article-srch .srch-result + .srch-word {position:absolute; top:0; right:40px; width:35%; margin:0; border-left:1px solid #e1e1e1;}
.article-srch .srch-result + .srch-word input[type='text'] {padding-left:20px;}

@media screen and (max-width: 768px){
  .article-srch.ea04 .srch-select {width:50.1%;}
  .article-srch.ea04 input[type='button'] {position:static; width:100%; background-position:center 3px; border:1px solid #3b79bb; margin:4px 0 0;}
  .article-srch.ea04 .article-aside {margin-right:0;}
  .article-srch.ea04 .article-aside .srch-select {margin-left:0;}
  .article-srch.no-aside.ea04 {border:0;}
}
@media screen and (max-width: 640px){
  .article-srch {font-size:0.929em;}
  .article-srch {height:auto;}
  .article-srch .srch-select {width:135px;}
  .article-srch .select {padding-left:0;}
  .article-srch .srch-word {margin-left:145px;}
  .article-srch .select-indi {text-indent:10px; background-image:url('/images/ico/mo-srch-arr.png'); height:40px; background-size:40px 37px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .article-srch .srch-result .result-info {padding-left:1em;}

  .ele-in-block-wrap .ele-in-block {width:49%;}
  .ele-in-block-wrap .select-indi {line-height:40px;}
}
@media screen and (max-width: 400px){
  .article-srch .srch-select {width:35%;}
  .article-srch .srch-word {margin-left:35%;}
  .article-srch.no-aside {border:0;}
  .article-srch.ea02 .srch-select {width:100%; margin-bottom:3px;}
  .article-srch.ea02 input[type='button'] {position:static; width:100%; background-position:center 3px; border:1px solid #3b79bb;}
  .article-srch.ea02 .article-aside {margin-right:0;}
  .article-srch.ea02 .article-aside .srch-select {margin-left:0;}
  .article-srch.ea04 .srch-select {width:100%; margin-bottom:3px;}
  .article-srch.ea04 input[type='button'] {margin:0;}
  
  .article-srch.ea03 .srch-select {width:100%;}
  .article-srch.ea03 input[type='button'],
  .article-srch .srch-result + .srch-word + input[type='button']{position:static; width:100%; background-position:center 3px; border:1px solid #3b79bb; margin:4px 0 0;}
  .article-srch.ea03 .article-aside {margin-right:0;}
  .article-srch.ea03 .article-aside .srch-select {margin-left:0;}
  
  .article-srch .srch-result {padding-right:0;}
  .article-srch .srch-result .result-info {padding-left:2em;}
  .article-srch .srch-result + .srch-word {position:static; width:100%; border:solid #e1e1e1; border-width:1px 0 0 0;}
  .article-srch .srch-result + .srch-word input[type='text'] {padding-left:20px;}
}


/* board notice list */
.brd-wrap {width:100%;}
.brd-wrap.top-space-zero, .brd-wrap .top-space-zero {padding-top:0 !important; margin-top:0 !important;}
.article-srch + .brd-wrap {margin-top:35px;}

.brd-list tr {border-style: none;}
.brd-list th {padding:1.188em 0 1.375em; font-size:1.143em; vertical-align:middle; font-weight:normal;}
.brd-list td {padding:1.188em 0 1.375em; vertical-align:middle;}
.brd-list tr:first-child td {padding-top:1.813em;}
.brd-list tr:first-child td {border-top:0;}
.brd-list td {text-align:center; border-top:1px solid #ddd; color:#666; font-size:1.143em;}
.brd-list thead {border:1px solid #e1e1e1;}
.brd-list thead th {background-color:#f7f7f7;}
.brd-list td.align-left {text-align:left; padding-left:1.556em;}
.brd-list td a {display:block; color:#333; display: inline-block; max-width:95%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.brd-list td.more-small {font-size:1em; padding-top:1.643em;}

@media screen and (max-width: 640px){
  .brd-list {border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: 1.4375em; padding-bottom: 0; display: block; width: 100%;}
  .brd-list caption {display: block;}
  .brd-list thead {display: none; visibility: hidden;}
  .brd-list tbody, .brd-list tr, .brd-list th, .brd-list td {border: 0; display: block; padding: 0; text-align: left; white-space: normal;}
  .brd-list tr {border-top:1px solid #ddd; position:relative; padding:0.714em 0;}
  .brd-list tr:first-child {border-top:0;}
  .brd-list th[data-title]:before,
  .brd-list td[data-title]:before {content: attr(data-title) ": "; font-weight:bold; width:30%; min-width:80px; display:inline-block;}
  .brd-list th:not([data-title]) { font-weight:bold;}
  .brd-list td:empty, .brd-list td.hidden {display: none;}  
  .brd-list td.align-left {padding-left:0;}
  .brd-list td.date {padding-top:5px !important; color:#999;}
  .brd-list .pos-rela{position:relative; font-size:0.875em;}
  .brd-list .pos-abs {position:absolute; top:5px;}
  .brd-list .attach {left:85px;}
  .brd-list tr:first-child td {padding-top:1em;}
  .brd-list td a {white-space:initial; max-width:100%;}  
  .ie9 .brd-list tbody,
  .ie9 .brd-list tr,
  .ie9 .brd-list th,
  .ie9 .brd-list td {width: 100%; float: left; clear: both;}
}


/* board notice list */
.brd-wrap {width: 100%;}
.brd-list01 tr {border-style: none;}
.brd-list01 th {padding:1.250em 0 1.188em; font-size:1.143em; vertical-align:middle; font-weight:normal; color:#333;}
.brd-list01 td {padding:1.250em 0 1.188em; vertical-align:middle;}
.brd-list01 tr:first-child td {padding-top:1.813em;}
.brd-list01 tr:first-child td {border-top:0;}
.brd-list01 td {text-align:center; border-top:1px solid #ddd; color:#666; font-size:1.143em;}
.brd-list01 thead {border:1px solid #e1e1e1;}
.brd-list01 thead th {background-color:#f7f7f7;}
.brd-list01 tbody th {text-align:center; border-top:1px solid #ddd; color:#666; font-size:1.143em;}
.brd-list01 tbody tr:first-child th {border-top:0;}
.brd-list01 tbody th, .brd-list01 td.align-left {text-align:left; padding-left:1.556em;}
.brd-list01 td a {display:block; color:#666; display: inline-block; max-width:95%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.brd-list01 td.more-small {font-size:1em; padding-top:1.643em;}

/*.brd-over tr.over th, .brd-over tr.over td {background-color:#f7f7f7;}
.brd-over tr.over a {color:#2374c5;}
*/
@media screen and (max-width: 640px){
  .brd-list01 thead th {font-size:1em;}
  .brd-list01 tbody td, .brd-list01 td {font-size:0.857em;}
  .brd-list01 td.align-left {text-align:left; padding-left:1.250em;}  
}

.brd-list02 {width:100%;}
.brd-list02 thead {}
.brd-list02 thead th {background-color:#70767b; color:#fff; font-weight:normal;}
.brd-list02 tbody th {background-color:#f4f3f1;}
.brd-list02 tbody td {background-color:#fff; padding-left:10px;}
.brd-list02 tbody td.align-center {text-align:center; padding-left:0;}
.brd-list02 th, .brd-list02 td {border:1px solid #e7e7e7; vertical-align:middle; padding:0.357em 0; line-height:1.286em; height:2.000em;}

.brd-list02.align-center td {text-align:center; padding-left:0;}
.brd-list02.align-center td.align-left {text-align:left; padding-left:10px;}
.brd-list02.align-center td.align-right {text-align:right; padding-right:10px;}

@media screen and (max-width: 640px){
  .brd-list02 td:empty, .hidden-tablet {display: none;}  
  .show-tablet {display:block;}
}

@media screen and (max-width: 400px){
  .brd-list02 td:empty, .hidden-tablet, .hidden-mo {display: none;}  
  .show-pc {display:none;}
  .show-mobile {display:block;}
}

/* board image horizontal */
.brd-img-verti {margin:10px -15px;}
.brd-img-verti > li {border-top:1px solid #ddd;}
.brd-img-verti > li:first-child {border:0;}
.brd-img-verti > li a {padding:2.143em 2em; display:block; position:relative;}
.brd-img-verti > li a.over {color:#2374c5; background-color:#f7f7f7;}
.brd-img-verti > li a:after {content:""; display:block; clear:both;}
.brd-img-verti > li a > div strong {font-size:1.571em; display:block; font-weight:normal; margin-bottom:0.545em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.brd-img-verti > li a > div .date {color:#666;}
.brd-img-verti > li a > div .url {display:block; min-width:320px; color:#2374c5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.brd-img-verti > li a > div p {margin-top:1.286em; color:#333; line-height:150%; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; height:63px;}
.brd-img-verti > li:after {content:""; display:block; clear:both;}
.brd-img-verti > li div {width:100%;} /* margin-right:320px;*/
.brd-img-verti > li div.union {width:auto; margin-right:320px;} /* margin-right:320px;*/
.brd-img-verti > li a > .thum {display:block; position:absolute; top:2.143em; right:2em; width:295px; overflow:hidden;}/* width:calc(100% - 320px); float:left; */
.brd-img-verti > li a > .thum img {width:100%;}
.ie7 .brd-img-verti > li a {margin-bottom:-3px;}


.brd-img-verti.left-thum > li {border:1px solid #ddd; border-width:0 0 1px 0;}
.brd-img-verti.left-thum > li div.union {width:auto; margin-left:320px; margin-right:0;} /* margin-left:320px;*/
.brd-img-verti.left-thum > li div + .thum {right:auto; left:2em;}


@media screen and (max-width: 640px){
  .brd-img-verti > li div.union {width:100%; margin-right:0;}
  .brd-img-verti > li div + .thum {position:relative; margin:20px 0; display:block; top:auto; right:auto; margin-bottom:0; max-width:inherit;}
  .brd-img-verti > li a {padding:2.143em 15px;}
  .brd-img-verti > li a > div strong {font-size:1.143em;}
  .brd-img-verti > li a > div .date,
  .brd-img-verti > li a > div .url {font-size:0.857em;}
  .brd-img-verti > li a > div p {font-size:0.857em; height:auto;}
  .brd-img-verti > li a > .thum {height:auto;}

  .brd-img-verti.left-thum > li div.union {margin-left:0;}
  .brd-img-verti.left-thum > li div + .thum {left:auto;}
}

/* board image vertical */
.brd-tit {background-color:#f7f7f7; margin-bottom:1.250em; position:relative; border:1px solid #e1e1e1;}
.brd-tit strong { font-weight:normal; display:block; text-align:center; padding:0.773em 0 1.045em; color:#1c65ae; font-size:1.429em;}
.brd-tit > a {position:absolute; left:0; top:0; font-size:1.143em; height:100%; }
.brd-tit > a.prev {padding:1.313em 0 0 4.375em;}
.brd-tit > a:after {content:""; display:block; position:absolute; left:1.875em; top:1.563em; width:8px; height:14px; background:url('/images/ico/brd-set.png') no-repeat -207px -4px; background-size:250px 250px;}
.brd-tit > a.next {left:auto; right:0; padding:1.313em 4.375em 0 0;}
.brd-tit > a.next:after {left:auto; right:1.875em; background-position:-207px -24px; background-size:250px 250px;}

.brd-img-hori {width:100%; margin-top:10px;}
.brd-img-hori:after {content:""; display:block; clear:both;}
.brd-img-hori > li {float:left; margin-left:3.499%; width:31%;}
.brd-img-hori > li:nth-child(3n+1) {margin-left:0; clear:left;}
.brd-img-hori > li img {border:1px solid #e1e1e1;}
.brd-img-hori > li img + div {height:2.778em; margin:0.833em 0; overflow:hidden;}
.brd-img-hori > li img + div p {font-size:1.286em; font-weight:normal; position:relative; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.222em; height:2.500em;}
.brd-img-hori > li ol {margin:1em 0; min-height:6.50em; font-size:1em; color:#666;}
.brd-img-hori > li ol li {float:none; margin-bottom:5px;}
/*
.brd-img-hori > li ol li > span {display:block; padding-left:40px; text-indent:-40px;}
.brd-img-hori > li ol li.limit {height:3.571em; position:relative; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box;}
*/
.brd-img-hori > li ol li > span {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.brd-img-hori.in-border-box li {margin-bottom:3.5%;}
.brd-img-hori.in-border-box li .add-bor {border:1px solid #e1e1e1; display:block;}
.brd-img-hori.in-border-box li .add-bor strong {font-size:1.286em; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.222em; height:2.500em;}
.brd-img-hori.in-border-box li.over .add-bor strong {color:#0a5db1;}
.brd-img-hori.in-border-box li .add-bor img {border:0; border-bottom:1px solid #e1e1e1; width:100%;}
.brd-img-hori.in-border-box li .add-bor > div {margin:1em 1em 0;}
.brd-img-hori.in-border-box li .add-bor img + div {height:auto;}
.brd-img-hori.in-border-box li .add-bor img + div p {height:auto; text-align:left;}

.brd-img-ad {margin:40px 0;}
.brd-img-ad:after {content:""; display:block; clear:both;}
.brd-img-ad .detail {width:50%; float:left;}
.brd-img-ad .detail dl {margin:0 7.2% 0 0;}
.brd-img-ad .detail dl dd {font-size:1.286em; text-align:center; padding:1.944em 0;}

.brd-img-ad .lists {width:50%; float:left; position:relative;}
.brd-img-ad .lists > ul {width:100%; margin-top:-1px;}
.brd-img-ad .lists > ul:after {content:""; display:block; clear:both;}
.brd-img-ad .lists > ul li {float:left; width:50%; background-color:#f8f8f8; border:1px solid #fff; box-sizing:border-box;}

.brd-img-ad .lists > ul li a {display:block; position:relative; color:#333; margin:7% 14%;}
.brd-img-ad .lists > ul li a .key-txt {line-height:130%; margin:8px 0 -7px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.brd-img-ad .lists > ul li a .key-txt.active-on {color:#014188; font-weight:bold;}
.brd-img-ad .lists > ul li a strong {position:absolute; top:0; left:0; background-color:#555; color:#fff; display:inline-block; padding:8px 15px; font-size:1em; font-weight:normal;}
.brd-img-ad .lists .in-more {font-size:1.286em;}
.brd-img-ad .lists .in-more a.tbl-more {font-size:0.889em; margin:0 3% 0 0;}


@media screen and (max-width: 900px){
  .brd-img-ad .lists > ul li a .key-txt {font-size:0.857em;}
}

@media screen and (max-width: 800px){
  .brd-img-ad .lists > ul li a .key-txt {-webkit-line-clamp:1;}
  .brd-img-ad .detail dl dd {font-size:1.143em;}
}

@media screen and (max-width: 640px){
  .brd-tit > a, .brd-tit > a + a {text-indent:-9999em; padding:0;}
  .brd-tit > a:after {left:15px;}
  .brd-tit > a + a:after {right:15px;}
  .brd-img-hori > li {width:48%; margin-top:3%;}
  .brd-img-hori > li:nth-child(3n+1) {clear:none;}
  .brd-img-hori > li:nth-child(2n+1) {margin-left:0; clear:left;}
  .brd-img-hori > li:nth-child(2n+2) {margin-left:4%;}
  .brd-img-hori > li strong {font-size:1em;}
  .brd-img-hori > li ol {font-size:0.857em; min-height:8em;}
  .brd-img-hori > li ol li > span {padding-left:35px; text-indent:-35px;}
  .brd-img-hori.in-border-box li .add-bor strong {font-size:1em;}
  .brd-img-ad .lists > ul li a strong {padding:5px 8px; font-size:0.857em;}
}

@media screen and (max-width: 520px){
  .brd-img-ad .detail, .brd-img-ad .lists {width:100%;}
  .brd-img-ad .detail dl {margin-right:0;}
  .brd-img-ad .detail dl dd {font-size:1em;}

  .brd-img-ad .lists > ul {padding:0; width:100%;}
  .brd-img-ad .lists > ul li {float:left; width:25%; border:1px solid #fff; font-size:0.857em; padding:5px 0; margin-bottom:10px;}
  .brd-img-ad .lists .in-more {font-size:1.286em; position:static; width:100%; padding:0; margin:3% 0;}
  .brd-img-ad .lists .in-more a.tbl-more {margin:0;}
  .brd-img-ad .lists > ul li a .key-txt {display:none;}
}

@media screen and (max-width: 400px){
  .brd-img-hori > li {width:100%; margin-left:0 !important;}
  .brd-img-hori > li ol {min-height:auto;}
  .brd-img-hori > li ol li > span {padding-left:35px; text-indent:-35px;}
  .brd-img-hori > li p {min-height:auto;}
  .brd-img-hori > li strong {min-height:initial;}
  .brd-img-hori > li ol li.limit {height:auto;}
}


/* */
.brd-img-hori02 {width:100%;}
.brd-img-hori02:after {content:""; display:block; clear:both;}
.brd-img-hori02 > li {float:left; margin:0 0 3.5% 3.5%; width:31%; position:relative;}
.brd-img-hori02 > li:nth-child(3n+1) {margin-left:0;}
.brd-img-hori02 > li a {display:block; border:1px solid #e1e1e1; position:relative;}
.brd-img-hori02 > li a img {width:100%;}
.brd-img-hori02 > li a div {font-size:1.286em; padding:1em 1.111em 1.389em; position:relative; height:3.889em;}
.brd-img-hori02 > li a .h-auto {height:auto;}
.brd-img-hori02 > li a div p {padding:0; color:#000; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.222em; height:2.500em;}
.brd-img-hori02 > li a span {display:block; padding-bottom:1.143em; font-size:0.778em;}
.brd-img-hori02 > li a .play {position:absolute; width:100%; top:0; left:0;}
.brd-img-hori02 > li.over a div {background-color:#f7f7f7;}
.brd-img-hori02 > li.over a div p {color:#2374c5;}
.brd-img-hori02 .limit {height:3.571em; position:relative; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ie7 .brd-img-hori02 > li {margin-left:3.45%;}

.brd-img-hori02.catalogue > li {margin:0 0 3.5% 2.65%; width:23%;}
.brd-img-hori02.catalogue > li:nth-child(3n+1) {margin-left:2.65%;}
.brd-img-hori02.catalogue > li:nth-child(4n+1) {margin-left:0;}
.brd-img-hori02.catalogue > li a > img {border-bottom:1px solid #e1e1e1;}
.brd-img-hori02.catalogue > li a div {padding:1.111em 1em 1.667em; position:static; height:auto;}
.brd-img-hori02.catalogue > li a div p {word-wrap:break-word;} 
.brd-img-hori02.catalogue > li a span {position:static; display:block; color:#666;}
.brd-img-hori02.catalogue > li a .kind {padding-bottom:1.071em;}
.brd-img-hori02.catalogue > li a .date {padding-bottom:1.143em;}
.brd-img-hori02.catalogue > li a .kind + p + .date {padding-bottom:0;}
.brd-img-hori02.catalogue > li.over a div {background-color:#f7f7f7;}
.ie7 .brd-img-hori02.catalogue > li {margin-left:2%;}
.hori-no-result {border:1px solid #e7e7e7; background:#fff url('/images/bg/no-result.jpg') no-repeat center 5.625em; background-size:80px 80px; text-align:center; padding:11.875em 0 6.875em; margin-top:30px; font-size:1.143em;}
.ie7 .hori-no-result, .ie8 .hori-no-result {background-image:url('/images/bg/no-result-narrow.jpg');}
@media screen and (max-width: 640px){
  .brd-img-hori02 > li,
  .brd-img-hori02.catalogue > li {width:48%;}
  .brd-img-hori02.catalogue > li:nth-child(2n+1),
  .brd-img-hori02 > li:nth-child(2n+1) {margin-left:0;}
  .brd-img-hori02.catalogue > li:nth-child(2n+2),
  .brd-img-hori02 > li:nth-child(2n+2) {margin-left:4%;}
  .brd-img-hori02 > li a div {font-size:1em;}
  .brd-img-hori02.catalogue > li a .kind, .brd-img-hori02.catalogue > li a .date {font-size:0.857em;}
  .hori-no-result {font-size:0.929em; background-position:center 5em;}
}
@media screen and (max-width: 400px){
  .brd-img-hori02 > li,
  .brd-img-hori02.catalogue > li {width:100%; margin-left:0 !important;}
  .brd-img-hori02 > li ol {min-height:auto;}
  .brd-img-hori02 > li a div {height:auto;}
  .brd-img-hori02 > li a div p {height:auto; max-height:2.5em;}
  .brd-img-hori02 > li a span {position:static; display:block; margin:0 0 -5px; font-size:0.857em; padding-top:1.143em;}
}

/* test ques. */
.test-wrap {width:100%;}
.test-wrap .ques {border:1px solid #e1e1e1; margin-top:10px;}
.test-wrap .ques:first-child {margin-top:0;}
.test-wrap .ques dt {background-color:#f7f7f7; min-height:60px; position:relative;}
.test-wrap .ques dt > span {width:33px; height:33px; background:url('/images/ico/num-circle.png') no-repeat left top; color:#fff !important; text-align:center; line-height:33px; display:inline-block; position:absolute; top:50%; left:29px; margin-top:-15px; background-size:33px;}
.test-wrap .ques dt p {margin-left:100px; font-size:1.143em; line-height:130%; padding:1.250em 1em 1.250em 0;}
.test-wrap .ques dd {padding-left:100px;}
.test-wrap .ques dd ul {margin-left:20px;}
.test-wrap .ques dd ul li {margin:13px 0;}
.ie7 .test-wrap .ques dt > span {background:url('/images/ico/num-circle-narrow.png') no-repeat left top;}
.ie8 .test-wrap .ques dt > span {background:url('/images/ico/num-circle-narrow.png') no-repeat left top;}

@media screen and (max-width: 600px){
  .test-wrap .ques dt > span {left:15px;}
  .test-wrap .ques dt p {margin-left:60px; font-size:1em; line-height:130%; padding:1.250em 1em 1.250em 0;}
  .test-wrap .ques dd {padding-left:0;}
}

.modalLyr.modalBsc {padding:0; margin:0; border-radius:5px; width:780px;}
.modalBsc .bsc-topper {background:#fff; border-radius: 5px;}
.modalBsc .bsc-topper .subj {height: 70px; padding: 0 80px 0 28px; font-size: 1.714em; line-height: 70px; color: #fff; background: #004288;  border-radius:5px 5px 0 0;}
.modalBsc .bsc-topper .shareMsg {padding:20px 30px; background:#fff;}
.modalBsc .bsc-topper .lyr-close {position:absolute; top:22px; right:30px; width:26px; height:26px; overflow:hidden; text-indent:-9999px; background:url('/images/ico/btn-close.png') no-repeat 0 0; padding:0; margin:0; background-size:26px 26px;}



/* modal inquiry emial */
.modalLyr.modalMail {padding:0; margin:0; border-radius:5px;}
.modalMail .mail-posts {background:#fff; border-radius: 5px;}
.modalMail .mail-posts .subj {height: 70px; padding: 0 80px 0 28px; font-size: 1.714em; line-height: 70px; color: #fff; background: #004288;  border-radius:5px 5px 0 0;}
.modalMail .mail-posts .shareMsg {padding:20px 30px; background:#fff;}
.modalMail .mail-posts td {padding:0;}
.modalMail .mail-posts .shareMsg td span {height:60px; line-height:60px; padding:0 30px; border:1px solid #e1e1e1; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; color:#014188;}
.modalMail .mail-posts .brd-write {border:none;}
.modalMail .mail-posts .brd-write tr th, .modalMail .mail-posts  .brd-write tr td {border:none;}
.modalMail .mail-posts .brd-write th {font-weight:bold;}
.modalMail .mail-posts .brd-write th label {padding-left:0;}
.modalMail .mail-posts .brd-write input[type="text"], .modalMail .mail-posts .brd-write input[type="password"] {width:100%;}
.modalMail .mail-posts .pop-con {padding:20px 30px 40px; background:#f2f2f2; border-radius:0 0 5px 5px;}
.modalMail .mail-posts .pop-con .msgBox {padding:0 30px; margin-bottom:20px; background:#fff; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.modalMail .mail-posts .pop-con .msgBox td span {font-size:12px; padding-left:65px; display:block;}
.modalMail .mail-posts .pop-con .msgBox td .hide {display:none;}
.modalMail .mail-posts .pop-con .msgBox .brd-write th, .modalMail .mail-posts .pop-con .msgBox .brd-write td {padding:20px 0;}
.modalMail .mail-posts .pop-con .msgBox .tline {border-top:1px dotted #e7e7e7;}
.modalMail .mail-posts .pop-con .msgBox th {vertical-align:top;}
.modalMail .mail-posts .pop-con .msgBox th span {padding-top:11px; display:block;}
.modalMail .mail-posts .pop-con .msgBox th span.etcCon {padding:0 11px 0 0; margin-top:3px; text-align:right; color:#666; display:block; font-weight:normal; font-size:12px;}
.modalMail .mail-posts .pop-con .msgBox td .conBlock {position:relative; padding-left:65px; margin-bottom:5px;}
.modalMail .mail-posts .pop-con .msgBox td .conBlock label {position:absolute; top:12px; left:0;}
.modalMail .mail-posts .pop-con .msgBox td .conBlock input {}
.modalMail .mail-posts .pop-con .btn-set {text-align:center;}
.modalMail .mail-posts .lyr-close {position:absolute; top:22px; right:30px; width:26px; height:26px; overflow:hidden; text-indent:-9999px; background:url('/images/ico/btn-close.png') no-repeat 0 0; padding:0; margin:0; background-size:26px 26px;}

@media screen and (max-width: 640px){
  .modalMail .mail-posts .shareMsg {padding:0 30px;}
  .modalMail .mail-posts .shareMsg td span {height:30px; line-height:30px; padding:0 10px;}
  .modalMail .mail-posts .shareMsg th {margin-bottom:3px; font-size:1em;}

  .modalMail .mail-posts .pop-con .msgBox .brd-write th, .modalMail .mail-posts .pop-con .msgBox .brd-write td {padding:0;}
  .modalMail .mail-posts .pop-con .msgBox {padding:0 15px;}
  .modalMail .mail-posts .pop-con .msgBox .brd-write th {margin-bottom:3px; font-size:1.1em;}
  .modalMail .mail-posts .pop-con .msgBox th span {display:inline !important; margin-right:5px;}
  .modalMail .mail-posts .pop-con .msgBox td span {padding-left:0;}
}

@media screen and (max-width: 530px){
.modalMail .mail-posts .brd-write input[type="text"], .modalMail .mail-posts .brd-write input[type="password"] {padding:2px 10px; height:30px;}
.brd-write textarea {height:50px !important;}
.modalMail .mail-posts .pop-con .msgBox td span {font-size:11px; text-align:left; padding-left:0;}
.modalMail .mail-posts .pop-con .msgBox td .conBlock {padding:0}
.modalMail .mail-posts .pop-con .msgBox td .conBlock label {position:relative; top:0; margin-bottom:3px; display:block;}
}

/* model a*/
#mask_lyr {position:absolute; z-index:9998; top:0; left:0; background-color:#000; display:none;}
.modalLyr {position:absolute; display:none; z-index:9999; max-width: 854px; width:100%; background-color:#fff; padding:20px 20px 40px; margin:0 -20px; box-sizing:border-box;}
*+html body .modalLyr{display:block;}
.modal-video {position: relative; max-width:854px; width:100%; height: 0; margin:0 auto; padding: 0 0 56.30%;}
.modal-video iframe {position:absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; outline: none;}
.modal-posts {position:relative; margin-top:2.500em;}
.modal-posts:after {content:""; display:block; clear:both;}
.modal-posts .subj {width:100%}
.modal-posts .subj > strong {font-size:1.857em; display:block; margin-bottom:0.346em;}
.modal-posts .subj > span {font-size:1em;}
.modal-posts .subj > .cnt {max-height:120px; margin-top:1.571em; overflow-y:auto; font-size:1em; line-height:150%;}
.lyr-close {display:inline-block; height:30px; line-height:28px; background:#6d7787 url('/images/ico/modal-close.png') no-repeat 90% center; background-size:11px 11px; color:#fff !important; font-weight:bold; padding:0 3em 0 1em; margin-top:20px;}
.ie7 .lyr-close , .ie8 .lyr-close {background-image:url('/images/ico/modal-close-narrow.png');}
@media screen and (max-width: 640px){
  .modal-posts .subj > .cnt {max-height:80px;}
}


/* toggle style */
.toggle dl {border-top:1px solid #ddd; position:relative;}
.toggle dl:first-child {border-top:0;}
.toggle dl:before {content:""; display:block; position:absolute; top:0.929em; left:1.875em; width:35px; height:35px; background:url('/images/ico/faq-set.png') no-repeat 0 0; background-size:250px 250px;}
.toggle dl.state-on {background:#f8f8f8;}
.toggle dt a {display:block; padding:1.250em 4.25em 1.250em 6.250em; font-size:1.143em;}
.toggle dt {position:relative;}
.toggle dt .class {display:none;}
.toggle dt:first-child {border-top:0;}
.toggle dd {display:none; padding:2em 6.429em 2em 7.143em; line-height:140%; background:url('/images/bg/dot-4by1.gif') repeat-x left top; position:relative;}
.toggle dl dt a:after {content:""; display:block; position:absolute; top:50%; margin-top:-10px; right:4%; width:20px; height:20px; background:url('/images/ico/faq-set.png') no-repeat -78px -8px; background-size:250px 250px;}
.toggle dl.state-on dt a:after {background-position:-113px -8px; background-size:250px 250px; top:50%; margin-top:-10px;}
.toggle dl.state-on dt a {color:#2374c5;}
.toggle dl dd:before {content:""; display:block; position:absolute; top:45px; left:1.875em; width:35px; height:35px; margin-top:-17.5px; background:url('/images/ico/faq-set.png') no-repeat -35px 0; background-size:250px 250px;}
.ie7 .toggle dd {position:static;}
.ie8 .toggle dd {position:static;}
.ie7 .toggle dl:before  {background:url('/images/ico/faq-set-narrow.png') no-repeat 0 0}
.ie8 .toggle dl:before  {background:url('/images/ico/faq-set-narrow.png') no-repeat 0 0}
.ie7 .toggle dl dt:after  {background:url('/images/ico/faq-set-narrow.png') no-repeat -78px -8px}
.ie8 .toggle dl dt:after  {background:url('/images/ico/faq-set-narrow.png') no-repeat -78px -8px}
.ie7 .toggle dl.state-on dt:after {background:url('/images/ico/faq-set-narrow.png') no-repeat -113px -8px}
.ie8 .toggle dl.state-on dt:after {background:url('/images/ico/faq-set-narrow.png') no-repeat -113px -8px}
.ie7 .toggle dl dd:before {background:transparent url('/images/ico/faq-set-narrow.png') no-repeat -35px 0; top:6.42em;}
.ie8 .toggle dl dd:before  {background:transparent url('/images/ico/faq-set-narrow.png') no-repeat -35px 0; top:6.42em;}
.tab-wrap .select-value, .as-change-select .select-value {display:none;}
/* tab wrapper */
.tab-upper-subj {font-size:1.286em; margin-bottom:1.111em;}
.tab-wrap {    margin-bottom: 40px;
    margin-top: 70px;
}}
.tab-wrap .select-value, .as-change-select .select-value {display:none;}
.tab-wrap .tab-cnt {margin-top:10px;}
.tab-wrap ul:after {content:""; display:block; clear:both;}
.tab-wrap ul li {width:50%; float:left; position:relative; font-size:1.143em;}
.tab-wrap ul li:first-child:before {background:none;}
.tab-wrap ul li a {display:block; padding:0.875em 0 1.063em; text-align:center; border:1px solid #d1d1d1; border-left:0; font-weight:bold;}
.tab-wrap ul li:first-child a {border-left:1px solid #d1d1d1;}
.tab-wrap ul li.on a {color:#fff; font-weight:bold; background:#458acf; }
.tab-wrap ul.ea01 li {width:100%;}
.tab-wrap ul.ea02 li {width:50%;}
.tab-wrap ul.ea03 li {width:33.3%;}
.tab-wrap ul.ea04 li {width:25%;}
.tab-wrap ul.ea05 li {width:20%;}
.tab-wrap ul.ea08 li {width:12.5%;}
.headnote {width:100%; font-size:0.857em; color:#666; margin:1.5em 0 0.8em;}
.headnote:after {content:""; display:block; clear:both;}
.headnote .note-left {float:left; font-weight:normal;}
.headnote .note-right {float:right;}

.footnote {width:100%; color:#666; margin:2em 0 0 0;}
.footnote p {text-align:center; margin-top:10px;}
.footnote .st {font-size:0.857em;}
.footnote .nd {font-size:1.143em;}
.footnote .rd {font-size:1.286em; margin-bottom:20px; color:#000;}

.sub-tab ul li a {font-size:0.875em; background-color:#f7f7f7; padding:0.714em 0 0.643em; margin-left:0;}

.sub-tab ul li.on {border-left:0;}
.sub-tab ul li.on a {position:relative; color:#004288; background-color:#fff; border-bottom:1px solid #d1d1d1;}
.sub-tab ul li.on a:after {content:""; display:block; position:absolute; top:-1px; left:0; width:100%; height:2px; background-color:#458acf;}
.sub-tab ul li a > span > em {font-size:0.857em; color:#666; font-weight:normal;}

.sub-tab ul.multi-eng a {height:35px}
.sub-tab ul.multi-eng a .null {display:inline-block; vertical-align:middle; height:35px; margin-left:-10px;}
.sub-tab ul.multi-eng a .text {text-align:center; display:inline-block; vertical-align:middle; padding-left:5px;}

@media screen and (max-width: 880px){
  .tab-wrap ul.ea08 li {width:25%;}
  .tab-wrap ul.ea08 li + li + li + li + li a {border-top:0 none;}
  .tab-wrap ul.ea08 li:nth-child(5) a{border-left:1px solid #d1d1d1;}
}

@media screen and (max-width: 640px){
  .tab-wrap ul li a {font-size:0.875em;}
  .tab-wrap ul li:after {display:none;}
  .tab-wrap ul li a {padding-left:0; text-align:center;}
  .tab-wrap ul li + li + li a {border-top:0 none;} 
  .tab-wrap ul.ea01 li {width:100%;
  }  
  .tab-wrap ul.ea02 li {width:50%;}
  .tab-wrap ul.ea03 li {width:50%;}

  .tab-wrap ul.ea03 li:nth-child(3) a {border-left:1px solid #d1d1d1;}

  .tab-wrap ul.ea04 li {width:50%;}
  .tab-wrap ul.ea04 li:nth-child(3) a {border-left:1px solid #d1d1d1;}

  .tab-wrap ul.ea05 li {width:50%;}
  .tab-wrap ul.ea05 li:nth-child(3) a {border-left:1px solid #d1d1d1;}
  .tab-wrap ul.ea05 li:nth-child(5) a {border-left:1px solid #d1d1d1;}
  .tab-wrap ul.ea08 li {width:50%;}
  .tab-wrap ul.ea08 li:nth-child(3) a {border-left:1px solid #d1d1d1;}
  .tab-wrap ul.ea08 li:nth-child(7) a {border-left:1px solid #d1d1d1;}
  .sub-tab ul li a > span > em {display:none;}
}

@media screen and (max-width: 400px){
  .tab-wrap ul li {width:50%;}
  .tab-wrap ul.ea03 li {width:50%;}
  .tab-wrap ul.ea05 li {width:50%;}
  .tab-wrap.sub-tab ul {border-bottom:1px solid #e1e1e1;}
  .tab-wrap.sub-tab ul li:before {width:0; display:none;}
  .tab-wrap.sub-tab ul li:after, 
  .tab-wrap.sub-tab ul li.on:after {display:none;}
  .tab-wrap.sub-tab ul li {width:100% !important;}
  .tab-wrap.sub-tab ul li a {font-size:0.875em; text-align:left; padding:0 10px; border:0; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; font-weight:normal; background-color:#fff;}
  .tab-wrap.sub-tab ul li a span {display:block; height:100%; border-top:1px solid #e1e1e1; padding:12px 0;}
  .tab-wrap.sub-tab ul li:first-child a span {border-top:0;}
  .tab-wrap.sub-tab ul li.on a {background:none; border-top:0; color:#000;}
  .tab-wrap.sub-tab ul li.on a:after {content:""; display:inline; background-color:transparent;}
  .tab-wrap ul.ea08 li {width:50%;}
  .tab-wrap ul.ea03 li:nth-child(3) a {border-top:0 none; border-left:1px solid #d1d1d1;}

  .scroll-mode {position:relative;}
  .scroll-mode > .select-value {display:block; background-color:#458acf; padding:0.769em 8px 0.769em; overflow:hidden; color:#fff; font-size:0.929em;}
  .scroll-mode > .select-value:after,
  .scroll-mode > ul > li:first-child:after {display:block; float:right;}
  .scroll-mode > .select-value:after {content:""; display:block; position:absolute; top:5px; right:2%; width:30px; height:28px; background:url('/images/ico/brd-set.png') no-repeat -28px -120px; background-size:250px 250px;}
  .scroll-mode > .select-value.on:after {background-position:-58px -120px; background-size:250px 250px;}
  .scroll-mode > ul {position:relative; width:100%; top:0; background:#fff; display:none;}
  .scroll-mode > ul > li {cursor:pointer; width:100%;}

  .scroll-mode.sub-tab > .select-value {background-color:#fff; color:#004288; border:1px solid #d1d1d1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .scroll-mode.sub-tab > .select-value:after {background-position:-93px -120px; background-size:250px 250px;}
  .scroll-mode.sub-tab > .select-value.on:after {background-position:-123px -120px; background-size:250px 250px;}
  
  .sub-tab ul li a > span > em {display:inline-block;}

  .scroll-mode.sub-tab ul.multi-eng a {height:auto}
  .scroll-mode.sub-tab ul.multi-eng a .null {display:none}
  .scroll-mode.sub-tab ul.multi-eng a .text {text-align:left; display:block; vertical-align:middle; padding-left:0;}
}

@media screen and (max-width: 640px){
  .toggle dl:before {background:none;}
  .toggle dt {font-size:1.143em;}
  .toggle dt .class {display:block; font-size:0.875em; color:#1d4d8f; display:block; margin-bottom:0.214em;}
  .toggle dt .class {font-size:0.750em;}
  .toggle dt a {padding:0.813em 2.5em 0.938em 0.938em; font-size:0.875em;}
  /*.toggle dt a > span {font-size:0.875em;}*/
  .toggle dd {padding:0;}
  .toggle dd .qna-cnt {padding:1.071em; font-size:0.857em;}
  .toggle dl dd:before {display:none;}
}






/* article more */
.tbl-more {background-color:#f2f2f2; border:1px solid #dadada; font-size:1.143em; text-align:center; display:block; padding:0.875em 0 1.063em; margin-top:10px;}
.tbl-more em {position:relative; display:inline-block; font-weight:bold;}
.tbl-more span {display:inline-block; padding:0 8px; font-size:0.875em;}
.tbl-more em:after {content:""; position:absolute; top:55%;  right:-22px; width:12px; height:12px; margin-top:-6px; background:url('/images/ico/btn-more.png') no-repeat; background-size:12px 12px;}
.ie7 .tbl-more em:after, .ie8 .tbl-more em:after {background-image:url('/images/ico/btn-more-narrow.png');}
.tbl-more, .tbl-more:link, .tbl-more:visited, .tbl-more:hover, .tbl-more:active {color:#e6003e;}

@media screen and (max-width: 480px){
  .tbl-more {font-size:1em;}
}

/* view - editor */
.view-head {background-color:#fff; position:relative; border:1px solid #e1e1e1;}
.view-head strong {font-size:1.143em; padding:1.250em 10em 1.375em 1.667em; display:block; font-weight:normal; background:url('/images/bg/view-sub-rpt.jpg') repeat-y right center; color:#014188;}
.view-head span {color:#666; position:absolute; top:1.563em; right:0; text-align:center; width:130px;}
.view-body {padding:2.857em 0; line-height:150%; color:#333;}
.view-body p {margin:2em 0;}
.view-body p:first-child {margin-top:0;}
.view-body p .txt-rasing {font-size:1.429em;}
.view-body p .txt-bold {font-weight:bold;}
.view-body .attach {margin:2em 0;}
.view-body .attach {margin:0; padding:2.143em 2.143em; border-bottom:1px solid #e1e1e1; background:#f7f7f7;  text-align:left;}
.view-body img {width:auto;}
.view-body.editor-cont-center {text-align:center;}
.view-body-full img {width:100%;}

.view-articel {border-top:1px solid #456b9f; border-bottom:1px solid #456b9f;}
.view-articel > div {position:relative; padding:1em 1em 1em 10.357em; border-top:1px solid #ddd;}
.view-articel > div:first-child {border-top:0;}
.view-articel > div span {position:absolute; left:1em; top:1em; padding:0 2.5em; font-weight:bold;}
.view-articel > div span:before {content:""; width:6px; height:10px; display:block; position:absolute; left:1em; top:0.357em; background:url('/images/ico/brd-set.png') no-repeat -194px -5px; background-size:250px 250px;}
.view-articel > div + div span:before {background-position:-194px -26px; background-size:250px 250px;}
.view-articel > div span:after {content:""; width:1px; height:15px; display:block; position:absolute; right:0; top:0.214em; background:url('/images/bg/gray-sepe-1by10.gif') repeat-y left center;}
.view-articel > div p {color:#666;}
.view-articel > div a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}

@media screen and (max-width: 640px){
  .view-head strong {font-size:1em; padding-right:1.667em; background:none;}
  .view-head span {position:relative; top:auto; right:auto; text-align:left; display:block; margin:-1em 0 1.286em 1.857em; font-size:0.857em;}
}
@media screen and (max-width: 400px){
  .view-body .attach {padding:0; border-bottom:0; background-color:#fff;}
  .view-articel > div {padding-left:4em;}
  .view-articel > div span {padding:0 1em; text-indent:-9999em; left:0;}
}

/* view - template */
.view-temp {}
.view-temp .subj {font-size:18px; margin:1.444em 0 1.5em;}
.view-temp .detail_item {border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#f8f8f8;}
.view-temp .detail_item:after {content:""; display:block; clear:both;}
.view-temp .txt {float:left; width:50%; padding:5% 0 0 4%;}
.view-temp .txt::after {content:""; display:block; clear:both;}
.view-temp .txt span {width:6.143em; position:absolute; background:url('/images/bg/gray-sepe-1by10.gif') no-repeat right bottom; top:0; left:0;}
.view-temp .txt div {position:relative;}
.view-temp .txt div > p {margin:10px 0 10px 7.857em; }
.view-temp .pic {float:left; width:50%;}
.view-temp .detail_editor {padding:2.143em; color:#666;}
.view-temp .detail_editor p {margin:2em 0;}

.detail-rela {background-color:#f6f6f6; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:3.571em 0 2.857em 0;}
.detail-rela:after {content:""; display:block; clear:both;}
.detail-rela li {float:left; width:29%; margin:0 2.1%;}
.detail-rela li p {line-height:150%; margin-top:1em;}



/* button */
.btn-loc {text-align:center; margin-top:20px;}
.btn-loc.right {text-align:right;}
.btn-loc.spc-tall {margin-top:50px;}
.btn-bsc {height:3.286em; line-height:3em; background-color:#194785; font-size:1em;font-weight:bold; padding:0 9.714em 0 1.429em; display:inline-block; position:relative;}
.btn-bsc, .btn-bsc:link, .btn-bsc:visited, .btn-bsc:hover, .btn-bsc:active {color:#fff;}
.img-set:before {background-image:url('/images/ico/ico-set.png'); background-repeat:no-repeat; background-size:250px 250px;}
.type-arrow:before {content:""; display:block; background-position:0 -31px; width:25px; height:46px; position:absolute; top:0; right:1em;}

@media screen and (max-width: 640px){
  .btn-loc.spc-tall {margin-top:40px;}
}

/* board write */
.mandatory {text-align:right; color:#ed164f; display:block; margin-bottom:0.556em; font-weight:normal;}
.write-wrap fieldset {margin-top:3.571em;}
.write-wrap fieldset:first-child {margin-top:0;}
.write-wrap .inner-tit {color:#014188; font-size:1.286em; border:1px solid #e1e1e1; background-color:#f7f7f7; padding:1em 0 1.111em; text-align:center; margin-bottom:0.556em;}
.brd-write {border-bottom:1px solid #e7e7e7;}
.brd-write tr th, .brd-write tr td {border-top:1px solid #e7e7e7;}
.brd-write.first-bor-none tr:first-child {border-top:0;}
.brd-write th {font-size:1.143em; text-align:left; font-weight:normal; height:2.500em; vertical-align:middle; padding:0.5em 0;}
.brd-write th label {position:relative; padding-left:2em;}
.brd-write th .inq:after {content:""; display:block; position:absolute; left:0.750em; top:50%; width:8px; height:8px; margin-top:-4px; background:url('/images/ico/brd-set.png') no-repeat -151px -8px; background-size:250px 250px;}
.brd-write td {height:2.500em; vertical-align:middle; padding:0.5em 1.875em; font-size:1.143em; color:#666;}
.brd-write input[type="text"], .brd-write input[type="password"], .brd-write select {width:300px;}
.brd-write input[type="text"].wid-all, .brd-write input[type="password"].wid-all, .brd-write textarea.wid-all {width:100%;}
.brd-write input[type="text"].wid-aside01-btn, .brd-write input[type="password"].wid-aside01-btn, .brd-write textarea.wid-aside01-btn {width:100%; max-width:100% !important;}
.ie7 .brd-write input[type="text"].wid-all, .ie7 .brd-write input[type="password"].wid-all, .ie7 .brd-write textarea.wid-all {width:790px;}
.ie8 .brd-write input[type="text"].wid-all, .ie7 .brd-write input[type="password"].wid-all, .ie7 .brd-write textarea.wid-all {width:790px;}
.ie7 .brd-write input[type="text"].wid-aside01-btn, .ie7 .brd-write input[type="password"].wid-aside01-btn, .ie7 .brd-write textarea.wid-aside01-btn {width:665px;}
.ie8 .brd-write input[type="text"].wid-aside01-btn, .ie7 .brd-write input[type="password"].wid-aside01-btn, .ie7 .brd-write textarea.wid-aside01-btn {width:665px;}
.ie7 .brd-write th .inq:after {background:url('/images/ico/brd-set-narrow.png') no-repeat -151px -8px;}
.ie8 .brd-write th .inq:after {background:url('/images/ico/brd-set-narrow.png') no-repeat -151px -8px;}

.brd-write textarea {width:100%; background-color:#f5f5f5; height:120px; line-height:130%;}
.brd-write td .size300 {width:300px !important;}
.brd-write td .size150 {width:150px !important;}
.brd-write td .size90 {width:90px !important;}
.brd-write td .align-top input {vertical-align:top;}
.brd-write .selectbox {display:inline-block;}
.brd-write .agr-box {width:100%; height:100px; overflow:hidden; overflow-y:scroll; border:1px solid #e5e5e5; padding:10px; margin:10px 10px 10px 0; background-color:#f5f5f5;}
.brd-write .verti-middle {display:inline-block;}
.brd-write .verti-middle a {vertical-align:middle;}

.agree-ok .box-outter {border:1px solid #e1e1e1; background-color:#f7f7f7; padding:1.250em;}
.agree-ok .box-inner {height:100px; overflow:hidden; overflow-y:scroll; border:1px solid #e5e5e5; padding:10px; background-color:#fff;}
.agree-ok .check-inner {margin-top:10px; text-align:right; font-weight:bold;}

.attach-bsc {position:relative;}
.attach-bsc .file-name {margin-right:125px;}
.attach-bsc .file-name input {background-color:#fff;}
.attach-bsc .upload {position:absolute; top:0; right:0;}
.attach-bsc .upload input {display: block !important;opacity: 0; cursor: pointer; float:left; position:absolute; top:0; left:0; width:100%; height:100%;}

.exhibition-view {border-top:1px solid #4a4a4a; border-bottom:1px solid #d7d7d7;}
.exh-head > strong {font-size:1.286em; font-weight:normal; display:block; padding:0.929em 0 1.071em;}
.exh-head .head-cont {width:100%; background-color:#f7f7f7; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.exh-head .head-cont:after {content:""; display:block; clear:both;}
.exh-head .head-cont .pic {float:left; width:40%; min-width:300px;}
.exh-head .head-cont .item {float:right; width:55%; padding:2.5%;}
.exh-head .head-cont .item ul {width:100%; font-size:1.143em;}
.exh-head .head-cont .item ul li {position:relative;}
.exh-head .head-cont .item ul li:after {content:""; display:block; clear:both;}
.exh-head .head-cont .item ul li > em {float:left; min-width:100px; clear:both; margin:0.286em 0; position:relative;}
.exh-head .head-cont .item ul li > em:before {content:""; position:absolute; top:4px; right:0; width:1px; height:12px; background-color:#c4c4c4;}
.exh-head .head-cont .item ul li > strong {float:left; margin:0.286em 0; padding-left:1em; font-weight:normal;}
.exh-body {margin:3.571em 0 2.857em;}

@media screen and (max-width: 940px){
.exh-head .head-cont .item ul {font-size:1em;}
}

@media screen and (max-width: 800px){
.exh-head .head-cont .pic  {float:none;}
.exh-head .head-cont .item {float:none; width:100%; padding:0;}
.exh-head .head-cont .item ul {font-size:1em; widtH:auto; padding:10px 20px;}
.exh-head .head-cont .item ul li > em {min-width:90px; position:absolute; top:0; left:0;}
.exh-head .head-cont .item ul li > strong {margin-left:90px;}
}

@media screen and (max-width: 640px){
  .mandatory {font-size:0.786em; margin-top:-22px;}
  .write-wrap fieldset {margin-top:2.857em;}
  .write-wrap .inner-tit {font-size:1em; font-weight:bold;}
  .brd-write th, .brd-write td {height:auto; font-size:0.857em;}
  .brd-write td {padding-top:0.5em !important;}
  .brd-write td input[type="text"],
  .brd-write td input[type="password"],
  .brd-write td .srch-select {width:100%;}
  .brd-write td .srch-select .select-indi {width:100%; background-image:url('/images/ico/mo-srch-arr.png'); height:40px; background-size:40px 37px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-position:right;}
  .brd-write td .size300 {width:100%;}
  .brd-write th label {padding-left:0.750em;}
  .brd-write th label.inq {padding-left:2em;}
  .brd-write tr th, .brd-write tr td {border-top:0;}

  .brd-trans {padding-bottom: 1.4375em; padding-bottom: 0; display: block; width: 100%;}
  .brd-trans caption {display: block;}
  .brd-trans thead {display: none; visibility: hidden;}
  .brd-trans tbody, .brd-trans tr, .brd-trans th, .brd-trans td {border: 0; display: block; padding: 0; text-align: left; white-space: normal;}
  .brd-trans td {padding:0 10px;}  
  .brd-trans td.spc-more {padding:15px 10px 5px !important;}
  .brd-trans tr {border-top:1px solid #ddd; position:relative; padding:0.714em 0;}
  .brd-trans th[data-title]:before,
  .brd-trans td[data-title]:before {content: attr(data-title) ": "; font-weight:bold; width:30%; min-width:80px; display:inline-block;}
  .brd-trans td:empty, .brd-trans td.hidden {display: none;}  
  .brd-trans td.align-left {padding-left:0;}
  .brd-trans td.date {padding-top:5px !important; color:#999;}
  .brd-trans tr:first-child td {padding-top:1em;}

  .ie9 .brd-trans tbody,
  .ie9 .brd-trans tr,
  .ie9 .brd-trans th,
  .ie9 .brd-trans td {width: 100%; float: left; clear: both;}
}



/* table */
.tbl-data {width:100%;}
.tbl-data thead {}
.tbl-data thead th {background:#eae6e1;}
.tbl-data tbody th {background:#f4f3f1;}
.tbl-data tbody td {background:#fff; padding-left:10px;}
.tbl-data tbody td.align-center {text-align:center; padding-left:0;}
.tbl-data th, .tbl-data td {border:1px solid #ccc; vertical-align:middle; padding:9px 0 10px;}

.tbl-data.align-center td {text-align:center; padding-left:0;}
.tbl-data.align-center td.align-left {text-align:left; padding-left:10px;}
.tbl-data.align-center td.align-right {text-align:right; padding-right:10px;}

.tbl-data01 thead th {background:#70767b; color:#fff; border:1px solid #7f8589;}
.tbl-data01 th, .tbl-data01 td {border:1px solid #e7e7e7;}
.tbl-data01 .th-white th {background-color:#fff; color:#333; border:1px solid #e7e7e7;}
.tbl-data01 tbody .th-white th {text-align:center; font-weight:bold;}
.tbl-data01 tbody th {background-color:#f9f9f9; text-align:left; padding-left:30px; font-weight:normal;}
.tbl-data01 tbody th.em {background-color:#eee; font-weight:bold;}
.tbl-data01 tbody td {text-align:right; padding-right:30px;}
.tbl-data01 tbody td.em {background-color:#f1f1f1; font-weight:bold;}
.tbl-data01 .color-depth01 {background-color:#eee;}
.tbl-data01 .color-depth02 {background-color:#f1f1f1;}
.tbl-data01 .color-depth03 {background-color:#f9f9f9;}
.tbl-data01 .color-depth04 {background-color:#e5ecf2; border:1px solid #dfdfdf;}
.tbl-data01 .center {text-align:center; font-weight:bold; padding-left:0; padding-right:0;}
.tbl-data01 .strong {font-weight:bold;}
.mBlock .tbl-data01 tbody th {padding-left:15px;}
.mBlock .tbl-data01 tbody td {padding-right:15px;}


.tbl-data02 {width:100%; font-size:1em;}
.tbl-data02 thead th {background:#787878; color:#fff; font-weight:normal;}
.tbl-data02 tbody th {background:#f7f7f7; color:#666; font-weight:normal; text-align:left; padding-left:10px; vertical-align:top;}
.tbl-data02 tbody td {background:#fff; text-align:center; color:#666; padding-left:10px; padding-right:10px;}
.tbl-data02 tbody td.align-left {text-align:left;}
.tbl-data02 th {border:1px solid #ccc; vertical-align:middle; padding:9px 0 10px;}
.tbl-data02 td {border:1px solid #ccc; vertical-align:middle; padding:5px 0 7px;}

/* table scroll */
.scroll-able-wrap, .scroll-able-wrap2, .scroll-able-wrap3, .scroll-able-wrap4 {
  position: relative;
  width: 100%;
  height:auto;
  overflow:auto;
}
/*.view-mo .scroll-able-wrap, .view-mo .scroll-able-wrap2, .view-mo .scroll-able-wrap3, .view-mo .scroll-able-wrap4 {max-height:300px;}*/
.scroll-able {width:100%; min-width:914px;} /*width:1100px;*/

@media screen and (max-width: 1100px) {
  .scroll-able {
    padding-bottom:12px;
    z-index: 1;
    min-width:914px;
  }
  .iScrollHorizontalScrollbar {
    position: absolute;
    z-index: 9999;
    height: 8px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: hidden;
    background:rgba(255, 255, 255, 0.8);
    border-radius: 8px;
  }
  .iScrollHorizontalScrollbar.iScrollBothScrollbars {
   right: 18px;
  }
  .iScrollIndicator {
    position: absolute;
    border-radius: 8px;
  }
  .iScrollHorizontalScrollbar .iScrollIndicator {
    height: 100%;
    background:#d9d9d9;
  }
  .iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9000;
    width: 8px;
    bottom: 2px;
    top: 2px;
    right: 2px;
    overflow: hidden;
    background:rgba(255, 255, 255, 0.8);
    border-radius: 8px;
  }
  .iScrollVerticalScrollbar.iScrollBothScrollbars {
    bottom: 18px;
  }
  .iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
      background:#d9d9d9;
  }
}


/* pagination */
.pagination {text-align:center; margin:20px auto 0;}
.pagination li {display:inline-block; margin:0px; padding:0px; margin-left:2px; }
.ie7 .pagination li {display:inline;}
.pagination li:first-child { margin-left:0px; }
.pagination li a {display:inline-block; text-decoration:none; padding:8px 5px; color:#333; font-size:14px;}
.pagination li a.navi {color:#474747; border:solid 1px #555; background:#fff; margin:0 10px; padding:8px 0; width:32px;}
.pagination li a.current {color:#004288; font-weight:bold;}

@media screen and (max-width:640px) {
  .pagination {font-size:0.857em;}
}
@media screen and (max-width:400px) {
  .pagination {font-size:0.786em;}
  .pagination li a {padding-left:3px; padding-right:4px;}
}


.pagination li a.off {border:1px solid #e1e1e1;}
.pagination li a.navi {background:url('/images/ico/brd-set.png') no-repeat -170px -160px; background-size:250px 250px; text-indent:-9999em;}
.pagination li a.prev {background-position:-187px -49px; background-size:250px 250px;}
.pagination li a.prev.off {background-position:-187px -82px; background-size:250px 250px;}
.pagination li a.next {background-position:-217px -49px; background-size:250px 250px;}
.pagination li a.next.off {background-position:-217px -82px; background-size:250px 250px;}



/*button*/
.btn-set1, .btn-set2, button, input[type="submit"] {}

.large {min-width:160px; height:2.778em; line-height:2.500em; padding:0 2em; font-size:18px;} /* height:50px font-size:18px */
.middle {min-width:120px; height:2.857em; line-height:2.500em; padding:0 1.429em; font-size:14px;} /* height:40px font-size:14px */
.small {min-width:100px; height:2.286em; line-height:2.000em; padding:0 2.714em 0 0.857em; font-size:14px;} /* height:32px font-size:14px */
.small.file {min-width:300px; padding-right:5.143em; margin-bottom:3px; color:#3271b0; border:1px solid #d1d1d1; background:#fff;}
.xsmall {min-width:100px; height:2.333em; line-height:2.333em; padding:0 4.333em 0 1.429em; font-size:12px;} /* height:28px font-size:12px */
.xxsmall {min-width:95px; height:2.364em; line-height:2.364em; padding:0 2.909em 0 1em; font-size:11px;} /* height:26px font-size:11px */
.multiple {height:auto; line-height:1.5em; padding-top:0.6em; padding-bottom:0.6em;}

/**/
.blue, .blue:link, .blue:visited, .blue:hover, .blue:active {color:#fff; border:1px solid #002d6b; background:#003974;}
.sky, .sky:link, .sky:visited, .sky:hover, .sky:active {color:#fff; border:1px solid #3271b0; background:#458acf;}
.gray, .gray:link, .gray:visited, .gray:hover, .gray:active {color:#fff; border:1px solid #4e4e4e; background:#666;}
.white, .white:link, .white:visited, .white:hover, .white:active {color:#333; border:1px solid #d1d1d1; background:#fff;}
.large.white {border-color:#d7d7d7;}
.xxsmall.white {color:#555; font-weight:bold;}
.hover:hover {color:#fff; border:1px solid #3271b0; background:#458acf;}

/**/
.btn-set1 {position:relative; display:inline-block; text-align:center; text-decoration:none; box-sizing:border-box;} /*no-icon*/
.btn-set2 {position:relative; display:inline-block; text-align:left; text-decoration:none; box-sizing:border-box;} /*icon*/
.btn-set2:after {content:""; position:absolute; top:50%; right:12px; width:20px; height:20px; margin-top:-10px; background:url('/kr/images/ico/button-set.png') no-repeat; background-size:40px auto;}
.btn-set2.xxsmall:after {right:8px;}
.ie7 .btn-set2:after, .ie8 .btn-set2:after {background-image:url('/kr/images/ico/button-set-narrow.png');}

/**/
.map:after {background-position:0 0;}
.map.hover:hover:after {background-position:-20px 0;}
.paper:after {background-position:0 -20px;}
.file:after {background-position:0 -40px;}
.download:after {background-position:0 -60px;}
.test:after {background-position:0 -80px;}
.arrow:after {background-position:0 -100px;}
.url:after {background-position:0 -120px;}
.mail:after {background-position:0 -140px;}
.mail.hover:hover:after {background-position:-20px -140px;}
.join:after {background-position:0 -160px;}
.download2:after {background-position:0 -180px;}
.print:after {background-position:0 -200px;}
.download3:after {background-position:0 -220px;}
.arrow2:after {background-position:0 -240px;}
.download4:after {background-position:0 -260px;}
.download5:after {background-position:0 -280px;}
.contact:after {background-position:0 -300px;}

@media screen and (max-width: 780px){
  .xsmall {width:30px; min-width:0; height:30px; padding:0; text-indent:-9999em;}
  .xsmall.return {width:auto; min-width:100px; height:2.333em; padding:0 4.333em 0 1.429em; text-indent:0;}
  .btn-set2.xsmall:after {top:50%; left:50%; margin-left:-11px;}
  .btn-set2.xsmall.return:after {left:auto; right:12px; width:20px; height:20px; margin-top:-10px;}
}
@media screen and (max-width: 640px){
  .small.file {margin-bottom:3px;}
  .small.file:last-child {margin-bottom:0;}
}
@media screen and (max-width: 400px){
  .large {width:100%; margin-bottom:5px;} /* height:50px font-size:18px */
  .middle {min-width:120px; height:2.5em; line-height:2.5em; padding:0 1.25em; font-size:16px;}  /* height:40px font-size:16px */
  .small {min-width:100px; height:2.308em; line-height:2.308em; padding:0 3.846em 0 0.769em; font-size:13px;}  /* height:30px font-size:13px */
  .small.file {width:100%; min-width:240px; height:2.5em; line-height:2.5em; padding:0 6.333em 0 0.833em; font-size:12px;}/*height:30px font-size:12px*/
  .xxsmall {width:26px; min-width:0; height:26px; padding:0; text-indent:-9999em;}/* height:26px font-size:11px */

  .btn-set2:after {top:50%; right:10px; width:16px; height:16px; margin-top:-8px; background:url('/kr/images/ico/button-m-set.png') no-repeat; background-size:32px auto;}
  .btn-set2.xsmall:after,
  .btn-set2.xxsmall:after {top:50%; left:50%; margin-top:-8px; margin-left:-9px;}

  .map:after {background-position:0 0;}
  .map.hover:hover:after {background-position:-16px 0;}
  .paper:after {background-position:0 -16px;}
  .file:after {background-position:0 -32px;}
  .download:after {background-position:0 -48px;}
  .test:after {background-position:0 -64px;}
  .arrow:after {background-position:0 -80px;}
  .url:after {background-position:0 -94px;}
  .mail:after {background-position:0 -112px;}
  .mail.hover:hover:after {background-position:-16px -112px;}
  .join:after {background-position:0 -128px;}
  .download2:after {background-position:0 -144px;}
  .print:after {background-position:0 -160px;}
  .download3:after {background-position:0 -176px;}
  .arrow2:after {background-position:0 -192px;}
  .download4:after {background-position:0 -208px;}
  .download5:after {background-position:0 -224px;}
  .contact:after {background-position:0 -240px;}
}


/* board search */
.article-srch-aside {padding-right:158px; position:relative;}
.aside-btn {position:absolute; top:0; right:0;}
.article-srch {border:1px solid #e1e1e1; min-height:40px; margin-bottom:5px; position:relative; font-size:1.143em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:0;}
.article-srch .srch-word {display:block; margin:0 50px 0 205px;}
.article-srch input[type='text'] {height:38px; padding:5px; border:0; width:100%; line-height:30px; background-color:#fff;}
.article-srch input[type='button'] {height:40px; width:40px; text-indent:-9999em; position:absolute; top:-1px; right:-1px; background:#5997d9 url('/images/ico/select-srch.png') no-repeat 2px 3px; background-size:34px 34px; display:inline-block;}
.article-srch .srch-select {position:absolute; top:0; left:0; width:195px; height:40px; margin:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.article-srch .select {position:relative; z-index:10; width:100% !important; height:40px; line-height:40px; padding-left:15px;}
.article-srch .select-indi {width:100%; background:url('/images/ico/srch-arr.png') no-repeat right center; height:40px; background-size:40px 37px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#014188;}
.ie7 .article-srch input[type='button'] {height:42px; width:41px; background:#5997d9 url('/images/ico/select-srch-narrow.png') no-repeat center center;}
.ie8 .article-srch input[type='button'] {background:#5997d9 url('/images/ico/select-srch-narrow.png') no-repeat center center;}
.ie7 .article-srch .select-indi,
.ie8 .article-srch .select-indi {background-image:url('/images/ico/srch-arr-narrow.png');}
.ie7 .article-srch input[type='text'] {height:39px;}
.article-srch .article-aside {position:relative; margin-right:32px; }
.article-srch.ea02:after {content:""; display:block; clear:both;}
.article-srch.ea02 .srch-select {width:50%; position:relative; float:left; background-color:#fff;}
.article-srch.ea03:after {content:""; display:block; clear:both;}
.article-srch.ea03 .srch-select {width:33.3%; position:relative; float:left; background-color:#fff;}
.article-srch.ea04:after {content:""; display:block; clear:both;}
.article-srch.ea04 .srch-select {width:25%; position:relative; float:left; background-color:#fff;}
.ie7 .article-srch .article-aside {margin-right:40px;}
.article-srch.srch-bar {left:50%; width:600px; margin-left:-300px; margin-bottom:3.929em;}
.article-srch.srch-bar .srch-word {margin-left:0;}
.article-srch.srch-bar .srch-word input[type='text'] {padding-left:20px;}

.article-srch .srch-result {display:block; height:38px; padding-right:30%; background:#f7f7f7;}
.article-srch .srch-result .result-info {line-height:38px; padding-left:2.143em; font-size:0.875em; color:#333;}
.article-srch .srch-result .result-info .count {padding:0 2px; color:#003378; font-weight:bold;}
.article-srch .srch-result .result-info .time {padding-left:2px; color:#787878;}
.article-srch .srch-result + .srch-word {position:absolute; top:0; right:40px; width:35%; margin:0; border-left:1px solid #e1e1e1;}
.article-srch .srch-result + .srch-word input[type='text'] {padding-left:20px;}


@media screen and (max-width: 768px){
 .article-srch.ea04 .srch-select {width:50.1%;}
 .article-srch.ea04 input[type='button'] {position:static; width:100%; background-position:center 3px; border:1px solid #3b79bb; margin:4px 0 0;}
 .article-srch.ea04 .article-aside {margin-right:0;}
 .article-srch.ea04 .article-aside .srch-select {margin-left:0;}
 .article-srch.no-aside.ea04 {border:0;}
}
@media screen and (max-width: 640px){
 .srch-select .select {width:100%!important;}
 .article-srch {font-size:0.929em;}
 .article-srch {height:auto;}
 .article-srch .srch-select {width:135px;}
 .article-srch .select {padding-left:0;}
 .article-srch .srch-word {margin-left:145px;}
 .article-srch .select-indi {text-indent:10px; background-image:url('/images/ico/mo-srch-arr.png'); height:40px; background-size:40px 37px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
 .article-srch .srch-result .result-info {padding-left:1em;}

 .ele-in-block-wrap .ele-in-block {width:100%;margin-right:0; margin-bottom:10px;}
 .ele-in-block-wrap .select-indi {line-height:40px;}

 .article-srch.srch-bar {width:100%; left:0; top:0; margin-left:0;}
 .article-srch-aside {padding-right:0; position:static;}
 .aside-btn {position:static; text-align:right; margin-top:10px;}
}
@media screen and (max-width: 400px){
 .article-srch .srch-select {width:35%;}
 .article-srch .srch-word {margin-left:35%;}
 .article-srch.no-aside {border:0;}
 .article-srch.ea02 .srch-select {width:100%; margin-bottom:3px;}
 .article-srch.ea02 input[type='button'] {position:static; width:100%; background-position:center 3px; border:1px solid #3b79bb;}
 .article-srch.ea02 .article-aside {margin-right:0;}
 .article-srch.ea02 .article-aside .srch-select {margin-left:0;}
 .article-srch.ea04 .srch-select {width:100%; margin-bottom:3px;}
 .article-srch.ea04 input[type='button'] {margin:0;}
 .article-srch.ea03 .srch-select {width:100%;}
 .article-srch.ea03 input[type='button'],
 .article-srch.srch-bar .srch-word + input[type='button']{position:static; width:100%; background-position:center 3px; border:1px solid #3b79bb; margin:4px 0 0;}
 .article-srch.ea03 .article-aside {margin-right:0;}
 .article-srch.ea03 .article-aside .srch-select {margin-left:0;}
 .article-srch.srch-bar {margin-bottom:2em;}

 .article-srch .srch-result {padding-right:0;}
 .article-srch .srch-result .result-info {padding-left:2em;}
 .article-srch .srch-result + .srch-word {position:static; width:100%; border:solid #e1e1e1; border-width:1px 0 0 0;}
 .article-srch .srch-result + .srch-word input[type='text'] {padding-left:20px;}
}

/* top zero reset*/
.top-zero {padding-top:0 !important; margin-top:0 !important;}

/* page goto top at mobile */
.page-top {position:fixed; bottom:10px; right:20px; width:40px; height:40px; bottom:-100px; z-index:9999;}
.page-top > a {display:block; width:40px; height:40px;}
.view-pc .page-top {display:none;}