@charset "utf-8";

img {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%;}
.ie7 input[type="text"].wid-all, 
.ie7 input[type="password"].wid-all, 
.ie7 textarea.wid-all {width:790px;}

input[type="text"].wid-aside-btn, 
input[type="password"].wid-aside-btn, 
textarea.wid-aside-btn {width:100%;}
.ie7 input[type="text"].wid-aside-btn, 
.ie7 input[type="password"].wid-aside-btn, 
.ie7 textarea.wid-aside-btn {width:665px;}

td, th {box-sizing:border-box;}
/*
.prod-cate .prod-qna input[type="text"].wid-all, 
.prod-cate .prod-qna input[type="password"].wid-all, 
.prod-cate .prod-qna textarea.wid-all {width:100%;}
.ie7 .prod-cate .prod-qna input[type="text"].wid-all, 
.ie7 .prod-cate .prod-qna input[type="password"].wid-all, 
.ie7 .prod-cate .prod-qna textarea.wid-all {width:790px;}
*/

@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%;}
}

textarea {
  border: 1px solid #ccc;
  padding:8px 19px;
  width:100%;
}

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

.ie7_anon {height:1px;}
/* 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;
}
.ie7 .custom-checkbox{background: url("/images/ico/brd-set-narrow.png") no-repeat -159px -115px;}
.ie8 .custom-checkbox{background: url("/images/ico/brd-set-narrow.png") no-repeat -159px -115px;}
.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;
  /*
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=100);
  -khtml-opacity: 0;
  -moz-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;  
}
.ie7 .custom-radio{background: url("/images/ico/brd-set-narrow.png") no-repeat -159px -138px transparent;}
.ie8 .custom-radio{background: url("/images/ico/brd-set-narrow.png") no-repeat -159px -138px transparent;}
.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;
  /*
  _noFocusLine: expression(this.hideFocus=true); 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-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;}

@media screen and (max-width: 640px){
}




/* select system type */
.srch-select {position:relative; display:inline-block; width:300px; height:38px; overflow:hidden; border:1px solid #e0e1e2; height:38px;}  
.select {position:relative; z-index:10; width:100% !important; height:38px; line-height:38px;}
.select-indi {position:absolute; bottom:0; float:left; left:0; width:270px; height:38px; line-height:43px; padding-right:30px; text-indent:20px; background:url('/images/ico/srch-arr.png') no-repeat right top; z-index:1; background-size:40px 37px;}
.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.narrow-hei {position:relative; display:inline-block; width:300px; height:34px; overflow:hidden; border:1px solid #e0e1e2; height:34px;}  
.narrow-hei .select {height:34px; line-height:34px;}
.narrow-hei .select-indi {background-position:105% center; background-color:#dfdfdf;}

.srch-select.wid-all {width:100%;}
.srch-select.wid-all .select-indi {width:100%; padding-right:20px; -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;}
@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%;}
}



/* board search */
.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:10;}
.article-srch .srch-word {display:block; margin:0 50px 0 205px;}
.article-srch .srch-word.second {margin-left:400px;}
.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 .srch-select.second {left:194px;}
.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-lower.png') no-repeat center center;}
.ie8 .article-srch input[type='button'] {background:#5997d9 url('/images/ico/select-srch-lower.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;}

@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;}
  .article-srch .srch-select.first{width:20vw;}
  .article-srch .srch-select.second{width:20vw;left:20vw;}
  .article-srch .srch-word.second {margin-left: 40vw;}
}
@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-select.first{width:20vw;}
  .article-srch .srch-select.second{width:20vw;left:20vw;}
  .article-srch .srch-word.second {margin-left: 40vw;}
}
@media screen and (max-width: 640px){
  .article-srch.srch-bar {width:100%; left:0; top:0; margin-left:0;}
}
@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-select.first{width:20vw;}
  .article-srch .srch-select.second{width:20vw;left:20vw;}
  .article-srch .srch-word.second {margin-left: 40vw;}
}


/* board notice list */
.brd-wrap {width: 100%;}
.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 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;}

@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; max-width:295px;}/* 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:1px 0 0 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.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%; 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 + a {left:auto; right:0; padding:1.313em 4.375em 0 0}
.brd-tit > a + a:after {left:auto; right:1.875em; background-position:-207px -24px; background-size:250px 250px;}

.brd-img-hori {width:100%; margin-bottom:50px;}
.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;}
.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;}
.brd-img-hori.test-center li .add-bor {border:1px solid #e1e1e1; padding-bottom:1.429em; text-align:center;}
.brd-img-hori.test-center li .add-bor img {border:0; border-bottom:1px solid #e1e1e1;}
.brd-img-hori.test-center li .add-bor div {margin:1.111em;}
/*.brd-img-hori.test-center li .add-bor a, .brd-img-hori.test-center li .add-bor button {margin-left:1.429em;}*/
.brd-img-hori.test-center li .add-bor img + div {height:auto;}
.brd-img-hori.test-center li .add-bor img + div p {height:auto; text-align:left;}

@media screen and (max-width: 680px){
  .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(2n+1) {margin-left:0;}
  .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;}
}
@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-img {width:100%; padding-top:30px;}
.brd-img-img:after {content:""; display:block; clear:both;}
.brd-img-img li {float:left; width:18%; margin:0 0 2.5% 2.5%;  border:1px solid #f2f2f2; border-bottom:2px solid #f2f2f2;}
.brd-img-img li:nth-child(5n+8) {margin-left:0;}
.brd-img-img li.key {width:38.5%; margin-left:0;}
.ie7 .brd-img-img li {margin-left:2.20%;}
.ie7 .brd-img-img li.key {margin-left:0;}

.brd-wrap2 {width:100%; padding-top:30px;}
.brd-wrap2:after {content:""; display:block; clear:both;}
.big-img {float:left; width:46%; margin-right:4%;}
.big-img img {display:block; width:100%; margin-bottom:1.286em; border:1px solid #d5d5d5;}
.big-img strong {font-weight:normal; font-size:1.357em; color:#013378;}
.brd-sml-wrap {float:right; width:50%;}
.brd-img-img2 {width:100%;}
.brd-img-img2:after {content:""; display:block; clear:both;}
.brd-img-img2 li {float:left; width:49.6%; margin:0.4% 0 0 0.4%;}
.brd-img-img2 li:first-child,
.brd-img-img2 li:first-child + li {margin-top:0;}
.brd-img-img2 li a {display:block; padding-bottom:1.857em; background:#f8f8f8;}
.brd-img-img2 li a.on {background:#fff;}
.brd-img-img2 li .thumb {padding:2.071em 3.357em 0.714em 3.357em;}
.brd-img-img2 li strong {height:2.286em; font-weight:normal; padding:0 2.571em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

@media screen and (max-width: 950px){
  .big-img {width:48%; margin-right:2%;}
  .brd-img-img2 li a {padding-bottom:1em;}
  .brd-img-img2 li .thumb {padding:1.071em 2.25em 0.714em 2.25em;}
  .brd-img-img2 li strong {padding:0 1.714em;}
}

@media screen and (max-width: 400px){

}

/* */
.brd-img-hori02 {width:100%; padding-top:30px;}
.brd-img-hori02:after {content:""; display:block; clear:both;}
.brd-img-hori02 > li {float:left; margin:0 0 4% 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 div {font-size:1.286em; padding:1.389em 1.111em; 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;}
.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 4% 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; clear:left;}
.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;}
.brd-img-hori02 + .hori-no-result {margin-top:0;}
.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; clear:left;}
  .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 {margin:0 0 -5px; font-size:0.857em;}
}

/* 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;}
}

/* model a*/
#mask-fix {position:absolute; z-index:9998; top:0; left:0; background-color:#000; display:none;}
#mask_lyr {position:absolute; z-index:9998; top:0; left:0; background-color:#000; display:none;}
.ie7 #mask_lyr {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;}
/*.view-mo .modalLyr {top:10px !important;}*/
*+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;}
}

/* 1202 add */
.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;}
}

@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;}
}

/* //1202 add */







/* board faq */
.brd-faq {border-bottom:1px solid #ddd;}
.toggle dl {border-top:1px solid #ddd; position:relative;}
.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 1.250em 2em 7.143em; line-height:140%; background:url('/images/bg/dot-4by1.gif') repeat-x left top; position:relative;}
.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 dt: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 {background:#f8f8f8;}
.toggle dl.state-on dt: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:50%; 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;}

@media screen and (max-width: 640px){
  .brd-faq {margin:0 -15px;}
  .toggle dl:before {left:1.071em;}
  .toggle dt a {font-size:1em; padding-left:4.286em}
  .toggle dd {font-size:0.857em; padding:1.667em 1.667em 1.667em 5.000em;}
  .toggle dl dd:before {left:1.250em;}
}

@media screen and (max-width: 480px){
}

/* tab */
.tab ul {}
.tab ul:after {content:""; display:block; clear:both;}
.tab ul li {float:left; width:25%; border-left:1px solid #d1d1d1; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.tab ul li:first-child {border-left:0 none;}
.tab ul li a {display:block; font-size:1.429em; color:#000; text-align:center; margin-left:-1px; padding:0.8em 0 1em}
.tab ul li.on {border:1px solid #d1d1d1;}
.tab ul li.on a {color:#004288;}
.tab ul li.on + li {border-left:0;}

.tab-inner ul {background:url('/images/bg/line-rpt.gif') repeat-x left bottom;}
.tab-inner ul li {width:auto; border:1px solid #d1d1d1; border-left:0;}
.tab-inner ul li:first-child {border-left:1px solid #d1d1d1 !important;}
.tab-inner ul li.on + li {border-left:0}
.tab-inner ul li a {font-size:1.143em; color:#666; padding:0.8em 0.714em 1em; margin-left:0;}
.tab-inner ul li.on {border-left:0;}
.tab-inner ul li.on a {color:#000; position:relative;}
.tab-inner ul li.on a:after {content:""; display:block; position:absolute; top:-1px; left:0; width:100%; height:3px; background-color:#458acf;}


.tab-cnt > div {display:none;}


@media screen and (max-width: 480px){
  .tab > .select-value {text-align:center;}
  .tab ul li {float:none; width:100%; border:1px solid #a4a4a4; margin-top:-1px;}
  .tab ul li:first-child {border-top:0 !important; margin-top:0;}
  .tab ul li.on {border:1px solid #a4a4a4;}
  .tab ul li:first-child,
  .tab ul li.on + li {border-left:1px solid #a4a4a4;}
  .tab ul li a {font-size:1.143em; background-color:#f0f0f0; color:#000; margin-left:0; padding:0.438em 0 0.688em;}
    
  /*.tab-inner ul li.on {border:0;}*/
  .tab-inner ul li.on a:after {display:none;}
  .tab-inner ul li:first-child {border-left:1px solid #d1d1d1 !important;}
}


/* tab wrapper */
.tab-wrap .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; border-top:1px solid #458acf; border-bottom:1px solid #458acf;}
.tab-wrap ul.ea08 li {width:12.5%;} /* �߰� */

.sub-tab ul {}/* background:url('/images/bg/line-rpt.gif') repeat-x left bottom; */
/*.sub-tab ul li.on + li {border-left:0}*/
.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;}

@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.ea08 li {width:50%;}
  .tab-wrap ul li:after {display:none;}
  .tab-wrap ul li a {padding-left:0; text-align:center;}
  .tab-wrap ul.ea08 li + li + li a {border-top:0 none;}
  .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;}
}
@media screen and (max-width: 400px){
  .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:7px 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;}

  /* module.css */
  .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;}
  .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;}
}





/* 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:50%;  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 img {width:auto; max-width:1100px;}*/
/*.view-body .attach a {border:1px solid #333; height:32px; line-height:30px; padding:0 75px 0 15px; display:inline-block; position:relative;}
.view-body .attach a:before {content:""; display:block; position:absolute; top:0; right:1em; width:20px; height:30px; background:url('/images/ico/ico-set.png') no-repeat -2px 0; background-size:250px 250px;}*/
.view-body .attach {margin:0; padding:2.143em 2.143em; border-bottom:1px solid #e1e1e1; background:#f7f7f7; }
.view-body img {width:auto;}
.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;}
.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:-1.286em 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:6em;}
  .view-articel > div span {padding-right:0; text-indent:-9999em;}
}

/* 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:0.25em; width:8px; height:8px; 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%;}
.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:80px; 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%;}

@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;}
  .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;}

  /*.brd-write .verti-middle {margin-top:5px;}*/
}


/* table */
.tbl-data {width:100%; font-size:0.875em;}
.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:5px 0 7px;}

.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-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:5px 0 7px;}
.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;
  min-height:200px;
  overflow:hidden;
}
.view-mo .scroll-able-wrap, .view-mo .scroll-able-wrap2, .view-mo .scroll-able-wrap3, .view-mo .scroll-able-wrap4 {height:300px;}
.scroll-able {width:1100px;}

@media screen and (max-width: 1100px) {
  /* table scroll */
  .scroll-able {
    padding-bottom:12px;
    z-index: 1;
    min-width:500px;
  }
  .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: 9999;
    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;
  font-size: 1em;
}
.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:#4285f4;
}
.pagination li a.navi { 
  color:#474747; 
  border:solid 1px #555; 
  padding:8px 10px; 
  background:#fff; 
  margin:0 10px;
  width:32px;
}
.pagination li a.current { 
  color:#272727;
}

@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 #bbb;}
.pagination li a.navi {background:url('/images/ico/brd-set.png') no-repeat -186px -50px; background-size:250px 250px; text-indent:-9999em;}
.pagination li a.prev {background-position:-187px -50px; background-size:250px 250px;}
.pagination li a.prev.off {background-position:-187px -83px; background-size:250px 250px;}
.pagination li a.next {background-position:-218px -50px; background-size:250px 250px;}
.pagination li a.next.off {background-position:-218px -83px; background-size:250px 250px;}
*/


/*button*/
.main-btn, .btn-set1, .btn-set2, button, input[type="submit"] {font-family:맑은 고딕, "malgun", "arial", "helvetica", "tahoma", "verdana", sans-serif;} 

.large {min-width:160px; height:2.778em; line-height:2.778em; padding:0 2em; font-size:18px;} /* height:50px font-size:18px */
.middle {min-width:120px; height:2.857em; line-height:2.857em; padding:0 1.429em; font-size:14px;} /* height:40px font-size:14px */
.small {min-width:100px; height:2.286em; line-height:2.286em; padding:0 3.714em 0 0.857em; font-size:14px;} /* height:32px font-size:14px */
.small.file {min-width:300px; padding-right:5.143em; 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;}

/**/
.main-btn {position:relative; display:inline-block; text-align:left; text-decoration:none; box-sizing:border-box; border-radius:3px;
                  width:117px; height:3em; line-height:3em; padding:0 2.917em 0 1.333em; font-size:12px;
                  color:#000; border:1px solid #d9d9d9; background:#fff;}
.main-btn:after {content:""; position:absolute; top:50%; right:12px; width:20px; height:20px; margin-top:-10px; background:url('/en/images/ico/button-set.png') 0 -220px no-repeat; background-size:40px auto;}
.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('/en/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, .ie7 .main-btn:after, .ie8 .main-btn:after {background-image:url('/en/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;}

@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 5.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('/en/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;}
}

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



.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;}