@charset "utf-8";
@import url("common.css");

label {cursor: pointer;}
label.hidden {display:inline-block; width:0 !important; height: 0 !important; margin:0 !important; padding:0 !important; line-height: 0 !important; overflow: hidden; text-indent: -9999em;}
input {border-radius: 0; -webkit-appearance: none;}
input.inp {display:inline-block; border:1px solid #cccccc; padding:8px 10px 9px; vertical-align: top;}
textarea {border:1px solid #e1e1e1;}
.abbreviation {overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

/*기본테이블*/
.table { border-top:2px solid #284c6b;}
.table table {width:100%;}
.table table thead th {height:29px; border-left:1px solid #e5e5e5; border-bottom:1px solid #cccccc; font-size:16px; color:#000000; font-weight:bold; background-color:#fafafa; vertical-align: middle; padding:10px;}
.table table thead th:first-child {border-left: 0;}
.table table tbody td {text-align:center; font-size:14px; color:#999999; vertical-align: middle; padding:15px 20px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.table table tbody td:first-child {border-left: 0;}
.table table tbody td.left {text-align:left;}
.table table tbody td strong.t16 {font-size:16px; color:#666;}

/* 기본 버튼 구성 */
.btnArea .btn {display:inline-block; padding:7px 25px;}
.btnArea .btn em {display: block; width: auto; font-size:14px; line-height: 21px; height: 21px; color:#fff; vertical-align: top; font-weight: bold; text-align: center;}
.btnArea .btn.btn_white {padding:6px 0; border:1px solid #999999; background-color: #fff;}
.btnArea .btn.btn_white em {color:#666666;}
.btnArea .btn.btn_blue {background-color: #175f9d;}
.btnArea .btn.btn_blue em {color:#fff;}
.btnArea .btn.st em {font-weight: bold;}
.btnArea.outline .btn {height:26px; width:120px; line-height: 26px;}
.btnArea.outline .btn em {font-size:18px; line-height: 26px; height: 26px;}

/* 탭 메뉴 */
.tabMenu ul li {display: block; float:left; box-sizing: border-box;}
.tabMenu ul:after {content: ""; display: block; clear: both;}
.tabMenu ul li a {display: block; border:1px solid #dddddd; border-left:0; background-color: #fafafa;}
.tabMenu ul li a.on,
.tabMenu ul li a:hover {border-color:#284c6b; background-color: #284c6b;}
.tabMenu ul li a em {display: block; text-align: center; font-size:16px; line-height: 20px; height:20px; padding:9px 0; color:#666666;}
.tabMenu ul li a.on em,
.tabMenu ul li a:hover em {color:#fff; font-weight: bold;}
.tabMenu ul li:first-child a {border-left:1px solid #dddddd;}
.tabMenu ul li:nth-child(n+5) a {border-top:none;}
.tabMenu ul li:nth-child(4n+1) a {border-left:1px solid #dddddd;}
.tabMenu.tab04 ul li {width:25%;}

/* pagination */
.pagination {display:block; text-align: center; margin-top:50px;}
.pagination ul.btnsArea {display: inline-block; width:auto;}
.pagination ul:after {content: ""; display: block; clear: both;}
.pagination ul li {display: block; float:left; margin-left:5px;}
.pagination ul li:first-child {margin-left:0;}
.pagination ul li a {display:block; border:1px solid #e5e5e5; background-color:#fff; overflow: hidden; box-sizing: border-box;}
.pagination ul li a.btn em {opacity: 0; filter:alpha(opacity=0);}
.pagination ul li a {background: url("../images/common/icon_pagination.png") no-repeat 9px center; background-size: auto 13px;}
.pagination ul li a.btn:hover {border-color:#26bfad; }
.pagination ul li a.num {background: none;}
.pagination ul li a.num.on,
.pagination ul li a.num:hover {background-color:#26bfad; border-color:#26bfad;}
.pagination ul li a.num em {display: block; width:100%; line-height: 32px; /*font-weight: bold;*/}
.pagination ul li a.num.on em,
.pagination ul li a.num:hover em {color:#fff}
.pagination ul li a {width:35px; height:35px;}
.pagination ul li a.btn_prev {background-position: -23px center;}
.pagination ul li a.btn_next {background-position: -56px center;}
.pagination ul li a.btn_last {background-position: -87px center;}
.pagination ul.btn_mobile {display:none;}

@media all and (max-width:999px){
	.pagination ul.btn_web {display: none;}
	.pagination ul.btn_mobile {display:inline-block;}
	.pagination ul li a {background-position: 11px center; background-size: auto 10px;}
	.pagination ul li a.btn_prev {background-position: -14px center;}
	.pagination ul li a.btn_next {background-position: -39px center;}
	.pagination ul li a.btn_last {background-position: -64px center;}
	.btnArea.outline .btn em {font-size:16px;}
}

@media all and (max-width:760px){
	.pagination {margin-top:30px; padding-bottom:20px;}
}

/* 페이지 헤더 */
.header_area {width:100%; height:304px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom:55px;}
.header_area.header_define {background-image: url("../images/sub/area_title_01.jpg");}
.header_area.header_info {background-image: url("../images/sub/area_title_02.jpg");}
.header_area.header_research {background-image: url("../images/sub/area_title_03.jpg");}
.header_area.header_notice {background-image: url("../images/sub/area_title_04.jpg");}
.header_area.header_customer {background-image: url("../images/sub/area_title_05.jpg");}
.header_area.header_center {background-image: url("../images/sub/area_title_06.jpg");}
.header_area h2 {text-align: center; padding-top:144px; font-size:45px; color:#fff; font-weight: normal;}
.pageArea {position: relative; padding-left:280px; width:100%; max-width: 1320px; padding-right:10px; box-sizing: border-box; margin:0 auto; }

@media all and (max-width:999px){
	.pageArea {padding-left:15px; padding-right:15px;}
}

/* SNB */
#snb {position: absolute; top:0; left:10px; width:220px; height:auto;}
#snb .snb_title {font-size:30px; font-weight: bold; color:#284c6b; padding-left:10px; line-height:32px; padding-bottom:18px; border-bottom:3px solid #284c6b; letter-spacing: -1px;}
#snb ul {margin-top:10px; padding-bottom: 10px; border-bottom:1px solid #999999;}
#snb ul li a {position: relative; display: block; width:100%; height:46px;}
#snb ul li a em {display: block; font-size:16px; line-height: 18px; padding:14px 10px; color:#222222;}
#snb ul li a.on, #snb ul li a:hover {background-color: #175f9d}
#snb ul li a.on em, #snb ul li a:hover em {color:#fff;}
#snb ul li a em:after {position: absolute; display: block; content: ""; width: 8px; height: 13px; top:17px; right:12px; overflow: hidden; background: url("../images/common/dot_arr_snb.png") no-repeat 0 0; }
#snb ul li a.on em:after, #snb ul li a:hover em:after {background-position: 0 -13px;}

#mSnb {display:none;}
#mSnb {height:35px; border-bottom: 1px solid #cccccc; }
#mSnb .selectbox { border:none; display: block; width:50%; float:left; box-sizing: border-box;}
#mSnb .selectbox:first-child {border-right: 1px solid #cccccc;}
#mSnb .selectbox:first-child label {color:#999;}
#mSnb .selectbox label {position: relative;border:none; color:#222222; font-size:14px; padding-left:15px; padding-right:30px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#mSnb .selectbox label:after {content: ""; position: absolute; top:14px; right:15px; width:13px; height:7px; overflow: hidden; background: url("../images/common/select_arrow_02.png") no-repeat 0 0; background-size: 13px 7px;}
#mSnb .selectbox:first-child label:after {background-image:url("../images/common/select_arrow_01.png"); }

.mSnbBox {display:block; width:50%; float:left; box-sizing: border-box;}
.mSnbBox > a {position: relative; display:block; width:100%; height: 35px; padding:10px 15px; box-sizing: border-box; border-left:1px solid #7c95af; border-right:none; line-height:15px; font-size:14px; color:#fff !important; background-color:#284c6b; }
.mSnbBox > a:after {content: ""; position: absolute; top:14px; right:15px; width:13px; height:7px; overflow: hidden; background: url("../images/common/select_arrow_01.png") no-repeat 0 0; background-size: 13px 7px;}
.mSnbBox:first-child > a {border-left:none; color:#999999;}
.mSnbBox:first-child > a:after {background-image: url("../images/common/select_arrow_01.png")}
.mSnbBox.on > a {background-color:#284c6b; color:#fff;}
.mSnbBox.on > a:after {background-image: url("../images/common/select_arrow_03.png")}
.mSnbBox ul {position: absolute; width:50%; background-color: #fff; display: none; border:1px solid #7c95af; box-sizing: border-box; z-index: 11;}
.mSnbBox.on ul {display:block;}
.mSnbBox ul li a {display: block; width:100%; height:35px; padding:10px 15px; background-color: #fff; box-sizing: border-box;}
.mSnbBox ul li a.on, .mSnbBox ul li a:hover {background-color:#26bfad; color:#fff;}
.mSnbBox.one {width:100%;}
.mSnbBox.one:first-child > a {border-right:none;}
.mSnbBox.one ul {width:100%;}

/* 컨텐츠 헤더 영역 */
.section_area {width:100%; height: auto; margin-bottom:100px;}
.section_area .pageHeader {position: relative; text-align: left;}
.section_area .pageHeader h3 {font-size:36px; line-height: 38px; height:38px; color:#222; vertical-align: text-top; padding-bottom:4px;}
.section_area .pageHeader .path {position: absolute; top:0; right:10px; height: 16px;}

/* 경로 */
.path a, .path span {display: inline-block; font-size:12px; height: 16px; line-height: 18px; vertical-align:bottom; margin-left:10px;}
.path span {color:#175f9d}
.path a {padding-right:17px; background: url("../images/common/path_arrow.gif") no-repeat right 4px;  }
.path a.home {margin-left: 0; width:18px; height: 16px; }
.path a.home em {display: block; overflow: hidden; text-indent: -999em; background: url("../images/common/path_home.gif") no-repeat center center;}

/* 컨텐츠 본문 영역 */
.pageCont {margin-top:40px;}

@media all and (max-width:999px) {
	#snb {display: none;}
	#mSnb {display: block;}
	.pageArea {padding-left:15px;}
	.path {display: none;}
	.pageCont {margin-top:20px;}
	.section_area {margin-bottom:70px;}
	.section_area .pageHeader {text-align: center; margin-top:45px;}
	.section_area .pageHeader h3 {font-size:25px; line-height: 30px;}
}

/* 나노안정성이란 */
.article div.desc,
.article p.desc {line-height: 26px;}
.article p.desc.first-child {padding-top:10px;}
.article p.desc.desc16 {font-size:16px;}
.article.bbLine {border-bottom:1px solid #dddddd; padding-bottom:80px; margin-bottom:40px;}
.article.bbLine.harfLine {padding-bottom:60px;}
.article.bbLine.lastLine {border-color:#999999;}
.symbol_box {text-align: center; padding:65px 0;}
.symbol_box .symbol {display: inline-block; font-size:20px; line-height: 28px; font-weight: bold; color:#175f9d; padding-top:210px; background-repeat: no-repeat; background-position: center top; min-width: 300px;}
.symbol_box .symbolA {background-image: url("../images/sub/define/img_a.jpg")}
.symbol_box .symbolB {margin-left:50px; background-image: url("../images/sub/define/img_b.jpg")}
.symbol_box .symbol01 {background-image: url("../images/sub/define/img_01.jpg")}
.symbol_box .symbol02 {margin-left:50px; background-image: url("../images/sub/define/img_02.jpg")}

@media all and (max-width:999px) {
	.symbol_box .symbolB, .symbol_box .symbol02 {margin-left:30px;}
}
@media all and (max-width:800px) {
	.symbol_box .symbolB, .symbol_box .symbol02 {margin-left:10px;}
}
@media all and (max-width:760px) {
	.article div.desc,
	.article p.desc {line-height: 20px;}
	.article.bbLine {padding-bottom:40px; margin-bottom:20px;}
	.article.bbLine.harfLine {padding-bottom:30px;}
	.symbol_box {padding:30px 0}
	.symbol_box .symbol {display:block; font-size:16px; line-height:22px; background-size:95px; padding-top:110px;}
	.symbol_box .symbolB, .symbol_box .symbol02 {margin-left:0px; margin-top:20px;}
}

/* 정보서비스 - 인증표준물질 리스트 */
.section.borderBottomLine {border-bottom: 1px solid #999999;}
.section .crmList {border-top:1px solid #dddddd; padding-bottom:40px;}
.section .crmList:first-child {border:none;}
.section .crmList p.title {font-size: 26px; line-height: 30px; color:#222; margin-top:40px; margin-bottom: 20px;}
.section .crmList p.title span.img img {height:22px; width:auto; margin-right:5px; margin-top:-3px;}
.section .crmList:first-child p.title {margin-top:0;}
.section .crmList ul li {padding-left:12px; line-height: 20px; background: url("../images/common/dot_44.gif") no-repeat 0 8px; background-size: 4px; margin-top:20px;}
.section .crmList ul li:first-child {margin-top:0;}
.section .crmList ul li a span {display: inline-block; font-size: 14px; line-height:20px; color:#666666; vertical-align: top;}
.section .crmList ul li a:hover span {font-weight: bold; color:#175f9d !important; letter-spacing: -0.4px;}
.section .crmList ul li a span.t {width:32%;}
.section .crmList ul li a span.t em {position: relative; width:auto; }
.section .crmList ul li a span.t em:after {content: ""; position: absolute; top:2px; right:-20px; width:8px; height:13px; overflow: hidden; background: url("../images/common/dot_arr_13.png") no-repeat 0 0;}
.section .crmList ul li a:hover span.t em:after {background-position: 0 -13px;}
.section .crmList ul li a span.d {width:68%; color:#999999; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.section .crmList ul li a[target="_blank"] span:after { content:""; display:inline-block; vertical-align:middle; width:12px; height:12px; background:url("../images/icon/link_ico.png") no-repeat 0 0; margin-left:5px; position:relative; top:-1px; }
.section .crmList ul li a[target="_blank"] span.txt_color1:after,
.section .crmList ul li a[target="_blank"]:hover span:after { background-position:-50px 0; }
.tip { border-bottom:1px dotted #333; }

@media all and (max-width:999px) {
	.section_area .pageHeader .path {position: relative; top:0; right:0; left:0; bottom:0; height: 16px; margin-bottom:10px; margin-left:5px;}
	.section .crmList ul li a span {display: block; width:100% !important;}
}

@media all and (max-width:760px) {
	.section .crmList p.title {font-size:18px; line-height: 22px; margin-top:20px; vertical-align:middle;}
	.section .crmList ul li a span.t em {display:inline-block; width:auto;}
	.section .crmList ul li a span.t em:after {width:8px; height:7px; background-size: 4px 14px; top:6px; right:-15px;}
	.section .crmList ul li a:hover span.t em:after {background-position: 0 -7px;}
	.section .crmList ul li a span.d {font-size:12px;}
	.section .crmList ul li {margin-top:10px;}
	.section .crmList {padding-bottom:20px;}
}

/* 정보서비스 - 인증표준물질 뷰어 */
.viewSelectArea {position: relative; width:100%; height:auto; border:1px solid #e5e5e5; background-color: #fdfdfd; padding:20px; box-sizing: border-box;}
.viewSelectArea:after {content : ""; display: block; clear: both;}
.viewSelectArea .searchSelect {position: relative; width:29%; float:left; box-sizing: border-box; box-sizing:border-box;}
.viewSelectArea .searchSelect.box02 {width:69%; margin-left:2%;}
.viewSelectArea .searchSelect > a {display:block; width:100%; border:1px solid #cccccc; padding:10px 32px 10px 16px; box-sizing: border-box; height: 35px; line-height: 15px; background-color:#fff; vertical-align:baseline; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.viewSelectArea .searchSelect > a:after {content: ""; position: absolute; top:14px; right:15px; width:13px; height:7px; overflow: hidden; background: url("../images/common/select_arrow_04.png") no-repeat 0 0; background-size: 13px 7px; }
.viewSelectArea .searchSelect.on > a {}
.viewSelectArea .searchSelect.on > a:after {background-image:url("../images/common/select_arrow_05.png")}
.viewSelectArea .searchSelect sup {position: absolute; top:6px;}

.viewSelectArea .searchSelect ul {position:absolute; display:none; z-index:13;}
.viewSelectArea a.btn_search {display:block; position:absolute; right:20px; right:20px; width:100px; padding:7px 0; text-align: center; background-color: #175f9d; box-sizing: border-box;}
.viewSelectArea a.btn_search em {display: block; width: 100%; font-size:14px; line-height: 21px; height: 21px; color:#fff;}
.viewSelectArea .searchSelect ul {position: absolute; width:100%; background-color: #fff; display: none; border:1px solid #cccccc; box-sizing: border-box; z-index: 11;}
.viewSelectArea .searchSelect.on ul {display:block; border-top:none;}
.viewSelectArea .searchSelect.on ul li {display:block; width:100%; box-sizing: border-box;}
.viewSelectArea .searchSelect ul li a {display: block; width:100%; min-height:35px; padding:9px 15px; line-height:17px; background-color: #fff; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.viewSelectArea .searchSelect ul li a.on, .viewSelectArea .searchSelect ul li a:hover {background-color:#26bfad; color:#fff;}

/* 정보서비스 - 인증표준물질 뷰어, [뷰페이지 기본값] */
.viewer {margin-top:20px;}
.viewer .viewHead {position: relative; border-top: 2px solid #284c6b; padding:15px 20px; border-bottom: 1px solid #cccccc; background-color: #fafafa; display:table; table-layout:fixed; box-sizing:border-box; width:100%; }
.viewer .viewHead > * { display:table-cell; vertical-align:middle; }
.viewer .viewHead p {font-size:18px; line-height: 28px; color:#222222; word-wrap:normal;}
.viewer .viewHead .infoBox { width:300px; vertical-align:top; }
.viewer .viewHead .infoBox span {display: inline-block; line-height: 28px; padding:0 9px;}
.viewer .viewHead .infoBox span.t {font-weight: bold; color:#222;}
.viewer .viewHead .infoBox span.date {margin-right:30px;}
.viewer .viewBody {padding:35px 20px; border-bottom: 1px solid #999999;}
.viewer .viewBody.borderNone {border:none;}
.viewer .viewBody img {margin:10px 0;}
.viewer .viewBody p {line-height: 1.6em; color:#666;}
.viewer .viewFoot .btnArea {text-align: right; padding:30px 0;}
@media all and (max-width:1200px) {
	.viewer .viewHead .infoBox { width:240px; }
	.viewer .viewHead .infoBox span { padding-right:0; }
	.viewer .viewHead .infoBox span.date { margin-right:10px; }
}
@media all and (max-width:999px) {
	.viewer {margin-top:10px;}
	.viewer .viewHead .infoBox { width:auto; text-align: right;}
	.viewer .viewHead p {padding-right: 0;}
	.viewer .viewHead .infoBox {display: none;}
	.viewer .viewHead .infoBox span {display: inline-block; line-height: 20px; padding:0 6px;}
	.viewer .viewHead .infoBox span:first-child {padding-left:0;}
	.viewer .viewHead .infoBox span.t {font-weight: bold; color:#222;}
	.viewer .viewHead .infoBox span.date {margin-right:10px;}
}

@media all and (max-width:760px) {
	.viewSelectArea {position: relative; border:none; padding:0;}
	.viewSelectArea a.btn_search {display:none; float:none; position: absolute; right:0; top:0; width:75px;}
	.viewSelectArea .searchSelect {width:100%}
	.viewSelectArea .searchSelect.box02 {width:100%; margin-left:0; border-top:none;}
	.viewSelectArea .searchSelect.box02 > a {border-top:none;}
	.viewer .viewHead {padding:10px; background-color: #fafafa;}
	.viewer .viewHead p {font-size:16px; line-height: 20px;}
	.viewer .viewBody {padding:25px 10px;}
	.viewer .viewFoot .btnArea {padding:20px 0;}
	.viewSelectArea .selectbox label {padding-right: 20px;}
	.viewSelectArea .selectbox label:after {top:15px; right:10px; width:7px; height:4px; overflow: hidden; background: url("../images/common/select_arrow_02.png") no-repeat 0 0; background-size: 7px 4px;}
}
@media all and (max-width:360px){
	.viewSelectArea .selectbox {display: block; float:left; width:50%;}
	.viewSelectArea .selectbox:first-child {width:48%; margin-right: 2%;}
}

/* 정보서비스 - 규제동향 */
.rTrend .table {height: 50px; overflow: hidden;}
.rTrend .table.on {height: auto;}
.rTrend .table table tbody td.left {padding-bottom:0; padding-top:15px;}
.table table tbody td a.btn_country {display: inline-block; width:68px; margin-right:70px; margin-bottom:15px;}
.table table tbody td a.btn_country span.name {display: inline-block; width: 100%; text-align: center; padding-top:8px;}
.table table tbody td a.btn_country .img {position: relative; display: inline-block; width:66px; height: 43px; border:1px solid #f1f1f1; overflow: hidden;}
.table table tbody td a.btn_country .img img {opacity: 0.25; filter:alpha(opacity=50);}
.table table tbody td a.btn_country:hover .img:after,
.table table tbody td a.btn_country.on .img:after {display: block;}
.table table tbody td a.btn_country:hover .img img,
.table table tbody td a.btn_country.on .img img {opacity: 1; filter:alpha(opacity=100);}
.table table tbody td a.btn_country:hover span.name,
.table table tbody td a.btn_country.on span.name {color:#666;}
.table_btns a.btn_table {display: inline-block; width:120px; height:31px; text-align: center; background-color: #999999;}
.table_btns a.btn_table em {display: inline-block; width: auto; padding-right:20px; height: 31px; line-height: 31px; color:#fff; font-size:14px; font-weight: bold; background: url("../images/sub/info/bg_btn_table.gif") no-repeat right -31px;}
.table_btns a.btn_table em.on {background-position: right 0;}

.rTrend .section:first-child {margin-bottom:70px;}
.rTrend p.counrtyName {font-size: 22px; line-height: 30px; margin-bottom:20px; color:#222222;}
.rTrend .viewer {display:block; margin-top:0;}
.rTrend .viewer.on {display: block;}
.rTrend .viewer > p {padding-left:20px; padding-top:20px; font-size:1.5em; font-weight:bold; color:#222222;}

.rTrend .m_selector {display: none;}
.rTrend .m_selector:before {content: ""; display: block; height: 2px; width: 100%; background-color: #284c6b;}
.rTrend .m_selector:after {content: ""; display: block; clear: both;}
.rTrend .m_selector .searchSelect {position: relative; width:50%; float:left; box-sizing: border-box;}
.rTrend .m_selector .searchSelect > a {display:block; width:100%; border:1px solid #cccccc; padding:10px 32px; box-sizing: border-box; height: 35px; line-height: 15px; text-align: center; vertical-align:baseline; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.rTrend .m_selector .searchSelect:first-child > a {border-right:none;}
.rTrend .m_selector .searchSelect > a:after {content: ""; position: absolute; top:14px; right:20px; width:9px; height:6px; overflow: hidden; background: url("../images/common/select_arrow_04.png") no-repeat 0 0; background-size: 9px 6px; }
.rTrend .m_selector .searchSelect.on > a {}
.rTrend .m_selector .searchSelect.on > a:after {background-image:url("../images/common/select_arrow_05.png")}
.rTrend .m_selector .searchSelect ul {position:absolute; display:none; z-index:13;}
.rTrend .m_selector .searchSelect ul {position: absolute; width:100%; background-color: #fff; display: none; border:1px solid #cccccc; box-sizing: border-box; z-index: 11;}
.rTrend .m_selector .searchSelect.on ul {display:block; border-top:none;}
.rTrend .m_selector .searchSelect ul li a {display: block; width:100%; height:35px; padding:10px 15px; background-color: #fff; text-align:center; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.rTrend .m_selector .searchSelect ul li a.on, .rTrend .m_selector .searchSelect ul li a:hover {background-color:#26bfad; color:#fff;}

.rTrend .tab_selector {display:none; position: relative; width:100%; box-sizing: border-box;}
.rTrend .tab_selector > a {display:block; width:100%; padding:10px 32px; background-color:#284c6b; color:#ffffff; box-sizing: border-box; height: 35px; line-height: 15px; text-align: center; vertical-align:baseline; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.rTrend .tab_selector > a:after {content: ""; position: absolute; top:14px; right:20px; width:9px; height:6px; overflow: hidden; background: url("../images/common/select_arrow_08.png") no-repeat 0 0; background-size: 9px 6px; }
.rTrend .tab_selector.on > a:after {background-image:url("../images/common/select_arrow_09.png")}
.rTrend .tab_selector ul {position: absolute; width:100%; display: none; box-sizing: border-box; z-index: 14;}
.rTrend .tab_selector ul.on {display:block; border-top:none;}
.rTrend .tab_selector ul li a {display: block; width:100%; height:35px; padding:10px 15px; background-color:#284c6b; color:#ffffff; text-align:center; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.rTrend .tab_selector ul li a.on, .rTrend .tab_selector ul li a:hover {background-color:#26bfad; color:#fff;}

@media all and (max-width:999px) {
	.rTrend .table {display: none;}
	.rTrend .m_selector {display: block;}
	.rTrend .section:first-child {margin-bottom:10px;}
	.rTrend p.counrtyName {display: none;}
	.rTrend .tabMenu {display: none;}
	.rTrend .tab_selector {display: block;}
	.table_btns {display:none;}
	.rTrend .viewer > p {padding-left:10px;}
}

/* 정보서비스 - 유익한 정보 */
.photoList {border-top:2px solid #284c6b; border-bottom: 1px solid #999999}
.photoList ul li {border-top:1px solid #e5e5e5}
.photoList ul li:first-child {border-top:none;}
.photoList ul li > a {position: relative; display: block; padding:25px 20px 25px 295px; height: auto; min-height: 220px; box-sizing: border-box;}
.photoList ul li a .photoArea {position: absolute; display:table; top:25px; left:0; display: block; width:270px; height:170px; background-color: #e5e5e5;}
.photoList ul li a .photoArea .photo {display: table-cell; vertical-align: middle; text-align: center; width:270px; height:170px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.photoList ul li a .photoArea .photo img {max-width: 100%; max-height: 100%; width: auto; height: auto;}
.photoList ul li a .tit {display: block; font-size:18px; color:#222222; line-height: 24px; margin-top:-4px; margin-bottom:20px; vertical-align: text-top; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.photoList ul li a .desc {display: block; max-height: 78px; line-height: 26px; overflow: hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.photoList ul li a .btn_more {display: block; width:100px; height:30px; margin-top:20px; padding:0 20px; border:1px solid #999999; background-color: #fff; box-sizing: border-box; }
.photoList ul li a .btn_more em {display: block; line-height: 28px; text-align: center; padding-right:12px; background: url("../images/common/bg_btn_more.gif") no-repeat right center;}

/* 뷰페이지 하단 이전/다음 페이지 버튼 */
.viewer .viewAttachment {border-top:1px solid #999999;}
.viewer .viewAttachment > div {position: relative; width:100%;}
.viewer .viewAttachment > div:after {content: ""; display: block; clear: both;}
.viewer .viewAttachment .th {position: absolute; top:0; left:0; width:98px; height:50px; line-height:50px; text-align: center; background-color:#fff; font-weight: bold; color:#222222; border-bottom:1px solid #e1e1e1; box-sizing: border-box;}
.viewer .viewAttachment .th em {padding-left:20px;}
.viewer .viewAttachment .top .th  em {vertical-align: top; background: url('../images/common/btn_sarr4.png') no-repeat 0 center;}
.viewer .viewAttachment .bottom .th  em {vertical-align: top; background: url('../images/common/btn_sarr3.png') no-repeat 0 center;}
.viewer .viewAttachment .td {width:100%; height:50px; line-height:50px; text-align: left; padding:0 15px 0 110px;;  border-bottom:1px solid #e1e1e1; box-sizing: border-box; vertical-align: text-top;}
.viewer .viewAttachment .td a {display: block; height: 50px; width: auto; max-width: 100%; overflow: hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.viewer .viewAttachment .bottom .th,
.viewer .viewAttachment .bottom .td {border-color: #999999;}
.viewer .viewAttachment a:hover {text-decoration: underline;}

@media all and (max-width:999px) {
	.mheader.subType .mcont {border-bottom:none;}
	.photoList ul li a {min-height: 152px; padding:25px 25px 25px 187px;}
	.photoList ul li a .photoArea {width:162px; height:102px;}
	.photoList ul li a .photoArea .photo {width:162px; height:102px;}
	.photoList ul li a .tit {margin-bottom:15px;}
	.photoList ul li a .desc {line-height: 22px; height:66px;}
	.photoList ul li a .btn_more {display:none;}
	input.inp {width:130px;}
}
@media all and (max-width:760px) {
	.photoList ul li a {min-height:100px; padding:15px 15px 15px 122px;}
	.photoList ul li a .tit {font-size:16px; margin-bottom: 10px;}
	.photoList ul li a .photoArea {width:110px; height:70px; top:15px;}
	.photoList ul li a .photoArea .photo {width:110px; height:70px;}
	.photoList ul li a .desc {font-size:14px; line-height:20px; height:40px;}

	.viewer .viewAttachment .th {height:35px; line-height:35px;}
	/*.viewer .viewAttachment .th a,
	.viewer .viewAttachment .th em {padding-left:0; background: none !important;}*/
	.viewer .viewAttachment .td {height:35px; line-height:35px; padding-rigth:10px;}
	.viewer .viewAttachment .td a {height: 35px;}
}

/* 연구분야 */
.article.bbLine2 {border-bottom:1px solid #dddddd; padding-bottom:30px;}
.research_box {text-align: left; padding-top:65px;}
.research_box .symbol {display: block; width: 100%;  padding-left:270px; background-repeat: no-repeat; background-position: left top; vertical-align: top; word-break: keep-all; box-sizing: border-box; min-height: 235px; margin-bottom:60px;}
.research_box .symbol01 {background-image: url("../images/sub/research/img_01.jpg"); padding-top:10px;}
.research_box .symbol02 {background-image: url("../images/sub/research/img_02.jpg"); padding-top:35px;}
.research_box .symbol03 {background-image: url("../images/sub/research/img_03.jpg"); padding-top:25px;}
.research_box .symbol04 {background-image: url("../images/sub/research/img_04.jpg"); padding-top:35px;}
.research_box .symbol span.t {position: relative; display: block; font-size:20px; line-height: 28px; font-weight: bold; color:#175f9d; padding-bottom:26px;}
.research_box .symbol span.t:after {content: ""; display:block; position: absolute; left:0%; bottom:0; width:30px; height: 1px; background-color:#93cdff;}
.research_box .symbol ul.d {display: block; padding-top:23px;}
.research_box .symbol ul.d li {line-height: 26px; padding-left:10px; background: url("../images/common/dot_33.gif") no-repeat 0px 11px;}
.research_box .symbol ul.d li .br {display: block;}

@media all and (max-width:760px) {
	.research_box {padding-top:0; padding-bottom:40px;}
	.research_box:first-child {padding-top:40px; padding-bottom:0;}
	.research_box:first-child .symbol:first-child {margin-top:0;}
	.research_box .symbol {display: block; width:100%; max-width: 400px; margin:40px auto 0; background-size:164px; padding-top:186px; padding-left:0; background-position: top center;}
	.research_box .symbol02,
	.research_box .symbol04 {margin:40px auto 0}
	.research_box .symbol span.t {font-size:16px; line-height:20px; padding-bottom:18px; text-align: center;}
	.research_box .symbol span.t:after {left:50%; margin-left:-15px;}
	.research_box .symbol ul.d {padding-top:16px;}
	.research_box .symbol ul.d li {line-height: 20px; padding-left:5px; background-size: 2px 2px; background-position: 0 8px;}
	.research_box .symbol ul.d li .br {display: inline;}
}

/* 공지사항 */
.article_search {position: relative; margin-bottom:20px;}
.article_search p.counter {position: absolute; top:6px; left:0; height: 20px; line-height: 20px; color:#666;}
.search_area {position: relative;; text-align: right;}
.search_area .txt {width:130px; }
.search_area label.txt {background: url("../images/common/btn_sarr3.png") no-repeat 100% 50% #fff;}
.search_area a.btn {display: inline-block; width:100px; height: 35px; background-color:#2b68a7; margin-left:3px; vertical-align: top;}
.search_area a.btn em {display: block; width: 100%; color:#fff; line-height: 35px; text-align: center; font-weight: normal;}

.table.table_list {display: block;}
.table.table_list colgroup col.col01 {width:10%;}
.table.table_list colgroup col.col02 {width:65%;}
.table.table_list colgroup col.col03 {width:15%;}
.table.table_list colgroup col.col04 {width:10%;}
.table.table_list table tr td {color:#666;}
.table.table_list table tr td a:hover {text-decoration: underline; }
.table.table_list .noti > * { background-color:#eff8ff; }
.table.table_list .noti a { color:#175f9d; font-weight:bold; }

@media all and (max-width:999px) {
	.mList {width:100%; overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom:2px;}
	.mList::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #2b68a7;}
	.mList::-webkit-scrollbar-track {background-color: rgba(43,104,167,0.3); border-radius: 5px;}
	.mList::-webkit-scrollbar {height: 6px;}
.mList .table.table_list {width:100%; /*min-width:500px;*/}
	.table.table_list colgroup col.col01 {width:20%;}
	.table.table_list colgroup col.col02 {width:80%;}
	.table.table_list colgroup col.col03 {width:0; display:none;}
	.table.table_list colgroup col.col04 {width:0; dispaly:none;}
	.table.table_list table tr th {padding:5px;}
	.table.table_list table tr td {padding:10px;}
}
@media all and (max-width:760px) {
	.article_search {display:none; margin-bottom:10px;}
	.article_search p.counter {display:none;}
  .search_area {position: relative; text-align: left; padding-right:105px;}
	.search_area.search_select {padding-left:105px;}
	.search_area .selectbox {position: absolute; top:0; left:0;}
	.search_area input {display: block; float: left; margin:0; width: 100%; box-sizing: border-box; vertical-align: top;}
	.search_area a.btn {position: absolute; top:0; right: 0; margin:0;}
	.search_area:after {content: ""; display: block; clear: both;}
}

/* 고객지원 - Q&A - 휴대폰 인증 */
p.article_title {font-size:26px; line-height: 30px; color:#000000; margin-bottom:20px;}
p.article_desc {font-size:16px; line-height:24px;}
.phone_box {width:100%; max-width:550px; margin:55px auto 0; padding-top:270px; box-sizing:border-box; background:#fafafa url("../images/sub/customer/bg_phone.png") no-repeat center 54px;}
.phone_box.mail_box {background-image: url("../images/sub/customer/bg_mail.png")}
.phone_box .btnArea {padding-top:55px; padding-bottom:60px;}
.phone_box .btnArea .btn {padding:12px 0; width:135px; box-sizing: border-box; margin-left:8px;}
.phone_box .btnArea .btn:first-child {margin-left:0;}
.phone_box .btnArea .btn em {font-size:18px; font-weight: bold;}
.phone_box p {text-align: center;}
.phone_box p.t {font-size:20px; line-height:28px; color:#175f9d; font-weight:bold; margin-bottom:20px;}
.phone_box p.d {line-height:26px;}

@media all and (max-width:760px) {
	p.article_title {font-size:20px; line-height: 26px; margin-bottom: 10px;}
	p.article_desc {font-size: 13px; line-height: 20px;}
	.phone_box {margin-top:25px; padding-top:174px; background-size: 136px; background-position: center 27px;}
	.phone_box p.t {font-size:16px; line-height:24px; margin-bottom:10px;}
	.phone_box p.d {font-size:14px; line-height:20px;}
	.phone_box .btnArea {padding:25px 0;}
	.phone_box .btnArea .btn {padding:10px 14px; width:115px; margin-left:5px;}
	.phone_box .btnArea .btn em {font-size:16px; height: 20px; line-height: 20px; font-weight: bold;}
}
@media all and (max-width:359px) {
	.phone_box p.t {font-size:15px; line-height:22px;}
	.phone_box p.d {font-size:13px;}
}

/* 고객지원 - Q&A - 질문작성 */
.inputArea {border-top:2px solid #284c6b; margin-top:50px; }
.inputArea:after {content:""; clear:both; display:block;}
.inputArea .line {display:block; width:100%; height: 100%;}
.inputArea .line:after {content:""; clear:both; display:block;}
.inputArea .line > div {display:block; float:left;; height:60px; text-align:left; vertical-align:middle; padding:0 20px; box-sizing:border-box;}
.inputArea .th {width:17.5%; background-color:#f8f8f8;  border-bottom:1px solid #dddddd;}
.inputArea .th span {position: relative; display:block; padding:20px 0; height:20px; line-height:20px; font-size:16px; color:#000000;}
.inputArea .td {width:82.5%;  border-bottom:1px solid #dddddd;}
.inputArea .td:after {content:""; clear:both; display:block;}
.inputArea .td input.inp {display: block; float:left; height:35px; box-sizing:border-box; width:25%; margin:12px 0 13px;}
.inputArea .td span.text {display: block; float:left; width:30px; height:20px 0; line-height:20px; padding:20px 0; text-align:center;}
.inputArea .td .selectbox {display: block; float:left; margin: 0; padding:12px 0 13px; width:25%;}
.inputArea .email .td .selectbox {margin-left:10px;}
.inputArea .td .selectbox label {height:35px; line-height:19px; vertical-align: middle;}
.inputArea .td .selectbox label:after {content: ""; position: absolute; top: 14px; right: 15px; width: 12px; height: 6px; overflow: hidden; background: url("../images/common/dot_select.gif") no-repeat 0 0; background-size: 12px 6px;}

.inputArea .td .mailAdBox {position: relative; margin:12px 0 13px; width:25%; float:left; box-sizing: border-box;}
.inputArea .email .td .mailAdBox {margin-left:10px; width:195px;}
.inputArea .td .mailAdBox > a {display:block; width:100%; border:1px solid #cccccc; padding:10px 32px 10px 10px; box-sizing: border-box; height: 35px; line-height: 15px; color:#666666; text-align: left; vertical-align:baseline; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.inputArea .td .mailAdBox > a:after {content: ""; position: absolute; top:14px; right:12px; width:12px; height:7px; overflow: hidden; background: url("../images/common/select_arrow_11.png") no-repeat 0 0; background-size: 12px 7px; }
.inputArea .td .mailAdBox.on > a:after {background-image:url("../images/common/select_arrow_12.png")}
.inputArea .td .mailAdBox ul {position:absolute; display:none; z-index:13;}
.inputArea .td .mailAdBox ul {position: absolute; width:100%; background-color: #fff; display: none; border:1px solid #cccccc; box-sizing: border-box; z-index: 11;}
.inputArea .td .mailAdBox.on ul {display:block; border-top:none;}
.inputArea .td .mailAdBox ul li a {display: block; width:100%; height:35px; padding:10px; background-color: #fff; text-align:left; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.inputArea .td .mailAdBox ul li a.on, .inputArea .td .mailAdBox ul li a:hover {background-color:#26bfad; color:#fff;}

.inputArea .td textarea {width:100%; height:328px; resize: none; margin:12px 0; padding:10px; box-sizing: border-box; overflow: auto; border-color:#ccc;}
.inputArea .line.area > div {height:354px;}
.inputArea .line.area .th, .inputArea .line.area .td {border-bottom:1px solid #999999;}

.btnArea.form {text-align:center; margin-top:40px;}
.btnArea.form .btns {display:inline-block; width: auto; margin:0 auto;}
.btnArea.form .btns:after {content: ""; display: block; clear: both;}
.btnArea.form .btns .btn {display: block; float: left; margin-left:10px; padding:10px 28px; height: 45px; box-sizing: border-box; min-width:135px; }
.btnArea.form .btns .btn:first-child {margin-left: 0;}
.btnArea.form .btns .btn em {font-size:18px; height:25px; font-weight: bold; line-height: 25px;}

@media all and (max-width:999px) {
	.inputArea .line > div {padding:0 10px;}
	.inputArea .th {width:22%;}
	.inputArea .td {width:78%;}
	label.hidden {display: block;}
	.search_select label.hidden {display:inline-block;}
	.inputArea .td {box-sizing: border-box;}
	.inputArea .td input.inp {width:30%;}
	.inputArea .td .mailAdBox {width:30%;}
	.inputArea .email .td .selectbox {width:30%; margin-left:2%; box-sizing: border-box;}
	.inputArea .email .td .mailAdBox {width:30%; margin-left:2%; box-sizing: border-box; }
	.inputArea .td span.text {width:8%;}
	.inputArea .td .selectbox label:after {width: 9px; height: 6px; overflow: hidden; background: url("../images/common/select_arrow_10.png") no-repeat 0 0; background-size: 9px 6px;}
	.inputArea .td .mailAdBox > a:after {width:9px; height:6px; background: url("../images/common/select_arrow_06.png") no-repeat 0 0; background-size: 9px 6px; }
	.inputArea .td .mailAdBox.on > a:after {background-image: url("../images/common/select_arrow_07.png");}
}
@media all and (max-width:760px) {
	.inputArea .line > div {float:none; height:auto;}
	.inputArea .line.area > div {height: auto;}
	.inputArea .line .th {width:100%; border-bottom: none; background-color: #fff;}
	.inputArea .th span {padding:10px 0 0; font-size:14px; line-height: 20px;}
	.inputArea .line .td {width:100%; }
	.inputArea .td input.inp {width:100%;}
	.inputArea .td .mailAdBox {width: 100%;}
	.inputArea .email .td input.inp {width: 46%;}
	.inputArea .email .td .selectbox {width:100%; margin-left:0; padding-top:0; }
	.inputArea .email .td .mailAdBox {width:100%; margin-left:0; padding-top:0; margin-top:0;}
	.inputArea .td .selectbox {width:100%;}
	.inputArea .td .mailAdBox {width:100%;}
	.inputArea .line.area .th {border-bottom: none;}
	.inputArea .td textarea {height: 125px;}
	.btnArea.form {margin-top:30px; padding-bottom:10px;}
	.btnArea.form .btns .btn {padding:10px 20px; height: 40px; min-width: auto; width:115px; margin-left:7px; }
	.btnArea.form .btns .btn em {font-size:16px; height:20px; line-height: 20px;}
}

/* 고객지원 - FAQ */
.faq {border-top: 2px solid #284c6b; margin-top:50px; }
.faq .listArea a.question {position: relative; display: block; padding:15px 50px;; height: 30px; border-bottom:1px solid #e5e5e5; font-size:20px; line-height: 30px; color:#222222;  /*color:#175f9d;*/ font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.faq .listArea.on a.question {color:#175f9d;}
.faq .listArea a.question:after {content:""; position: absolute; top:50%; right:25px; margin-top:-13px; display: block; width: 26px; height: 26px; overflow: hidden; background: url("../images/sub/customer/btn_faq.png") no-repeat 0 -26px;}
.faq .listArea a.question .title {display: block; position: absolute; top:13px; left:20px; font-size:20px; line-height:30px; color:#222222;  /*color:#175f9d;*/}
.faq .listArea.on a.question:after {background-position: 0 0;}
.faq .listArea.on a.question .title {color:#175f9d;}
.faq .listArea.lastChild {border-bottom:1px solid #999999;}
.faq .listArea .answer {position: relative; display: none; padding:30px 60px 30px 50px; border-bottom:1px solid #999999; background-color: #fdfdfd; line-height: 28px; word-break: keep-all;}
.faq .listArea.lastChild .answer {border-bottom:none;}
.faq .listArea.lastChild a.question {border-bottom:none;}
.faq .listArea.lastChild.on a.question {border-bottom:1px solid #e5e5e5;}
.faq .listArea .answer .title {display: block; position: absolute; top:0; left:0; font-size:20px; line-height:30px; top:28px; left:20px; font-weight: bold; color:#222222;}

@media all and (max-width:760px) {
	.faq {padding-bottom:20px;}
	.faq .listArea a.question {padding:10px 30px; height:25px; font-size:16px; line-height:25px;}
	.faq .listArea a.question .title {font-size: 16px; line-height: 25px; top:8px; left:10px;}
	.faq .listArea a.question:after {margin-top:-9px; right:10px; width:18px; height:18px; background-size: 18px 36px; background-position: 0 -18px;}
	.faq .listArea .answer {padding:10px 35px 10px 30px; line-height: 20px; word-break: break-all;}
	.faq .listArea .answer .title {font-size: 16px; line-height: 25px; top:6px; left:10px;}
}

/* 센터소개 - 인사말 */
.article.introduce {padding-bottom:25px;  margin-bottom:30px; border-bottom:1px solid #e5e5e5; background: url("../images/sub/center/bg_introduce.gif") no-repeat right bottom;}
.article.introduce p.intro_title {font-size:26px; line-height: 36px; color:#222;}
.article.introduce p.intro_title .br {display: block;}
.article p.intro_desc {font-size:14px; line-height:28px;}
.article p.signText {font-size:20px; line-height: 30px; color:#666666; padding-top:50px; padding-bottom:10px;}

@media all and (max-width:760px) {
	.article.introduce {background:none; padding-bottom:10px; margin-bottom:10px;}
	.article.introduce p.intro_title {font-size:20px; line-height: 26px;}
	.article.introduce p.intro_title .br {display: inline;}
	.article p.intro_desc {font-size:13px; line-height: 22px;}
	.article p.signText {font-size:16px; line-height: 20px; padding-top:25px; padding-bottom:15px;}
}


/* 센터소개 - 목적 및 미션 */
.section.bottomArea {padding-bottom:80px;}
.image {position: relative; text-align: center; padding-top:80px;}
.image.web {display:block;}
.image.mobile {display:none;}
.img_desc {padding-top:25px; text-align: center;}
.article p.title_sub {font-size:20px; line-height: 30px; color:#222222; padding-top:10px; margin-bottom:15px;}
.boxDouble:after {content: ""; display: block; clear: both; height: 0;}
.boxDouble .box {float:left; width:50%; box-sizing: border-box; padding-left:130px; background-position: 0 0; background-repeat: no-repeat; padding-bottom:40px; margin-top:50px; min-height: 110px; word-break:keep-all; }
.boxDouble.bottomBox .box {padding-bottom:0;}
.boxDouble .box.boxA {background-image: url("../images/sub/center/icon_center_01.jpg"); padding-right:20px;}
.boxDouble .box.boxB {background-image: url("../images/sub/center/icon_center_02.jpg")}
.boxDouble .box.boxC {background-image: url("../images/sub/center/icon_center_03.jpg"); padding-right:20px;}
.boxDouble .box.boxD {background-image: url("../images/sub/center/icon_center_04.jpg")}
.boxDouble .box.boxE {background-image: url("../images/sub/center/icon_center_11.png"); padding-right:20px;}
.boxDouble .box.boxF {background-image: url("../images/sub/center/icon_center_12.png")}
.boxDouble .box.boxG {background-image: url("../images/sub/center/icon_center_13.png"); padding-right:20px;}
.boxDouble .box.boxH {background-image: url("../images/sub/center/icon_center_14.png")}
.boxDouble .box.boxI {background-image: url("../images/sub/center/icon_center_15.png"); padding-right:20px;}
.boxDouble .box.boxJ {background-image: url("../images/sub/center/icon_center_16.png")}
.boxDouble .box .t {font-size:20px; line-height: 28px; font-weight: bold; color:#175f9d; padding-bottom:15px;}
.boxDouble .box .t .br {display: block;}
.boxDouble .box ul.d {display: block;}
.boxDouble .box ul.d li {font-size:14px; line-height: 24px; padding-left:10px; background: url("../images/common/dot_33.gif") no-repeat 0px 11px; margin-bottom:8px; letter-spacing: -0.5px;}
ul.chart {padding-left:75px; padding-top:45px;}
ul.chart li {font-size:14px; line-height: 20px; padding-bottom:6px; color:#999;}

@media all and (max-width:1200px) {
	ul.chart {padding-left:0;}
}

@media all and (max-width:999px) {
	.image.web {display:none;}
	.image.mobile {display:block;}
	.boxDouble .box {float:none; width:100%; padding-right:0 !important;}
}

@media all and (max-width:760px) {
	.article_title.mCenter {text-align: center;}
	.section.bottomArea {padding-bottom:20px;}
	.img_desc {padding-top:15px;}
	.image {padding-top:30px;}
	.image img {max-width: 100%;}
	.article p.title_sub {font-size:16px; line-height: 20px;}
	.boxDouble {padding-top:5px;}
	.boxDouble .box {padding-left:0; background: none !important; margin-top:10px; padding-bottom:10px; min-height: auto;}
	.boxDouble.bottomBox .box {padding-bottom:10px;}
	.boxDouble .box .t .br {display: inline;}
	.boxDouble .box .t {font-size:16px; line-height:20px; padding-bottom:5px;}
	.boxDouble .box ul.d li {font-size:13px; line-height: 20px; padding-left:5px; background-size: 2px 2px; background-position: 0 8px;}
	ul.chart li {font-size:13px; line-height: 18px;}
}

/* 센터소개 - 연혁 */
.histroy {margin-top:35px; background: url("../images/sub/center/bg_history.gif") repeat-y 0 0;}
.histroy:after {content: ""; display: block; height: 22px; background: url("../images/sub/center/mark_history_03.gif") no-repeat 143px 0;}
.histroy .years {position: relative; padding-left:218px; padding-bottom:35px;}
.histroy .years.y2017 {background: url("../images/sub/center/mark_history_01.gif") no-repeat 143px 0;}
.histroy .years.y2016 {background: url("../images/sub/center/mark_history_02.gif") no-repeat 143px 5px;}
.histroy .years.y2015 {background: url("../images/sub/center/mark_history_01_1.gif") no-repeat 143px 5px;}
.histroy .years.y2014 {background: url("../images/sub/center/mark_history_02.gif") no-repeat 143px 5px;}
.histroy .years .year {position: absolute; top:0; left:0; font-size:26px; font-weight: bold; color:#222222;}
.histroy .years .month {position: relative; padding-left:78px; margin-bottom:20px;}
.histroy .years .month .mTitle {position: absolute; top:5px; left:0; font-size:16px; font-weight: bold; color:#222222;}
.histroy .years ul.day {padding-top:2px;}
.histroy .years ul.day li {font-size:14px; line-height: 24px; padding-left:10px; background: url("../images/common/dot_33_g.gif") no-repeat 0px 11px; margin-bottom:3px; letter-spacing: -0.5px;}
.histroy .years ul.day li em {color:#999999;}

@media all and (max-width:760px) {
	.histroy {margin-top:20px; background: none;}
	.histroy:after {display: none;}
	.histroy .years {padding-left:0; padding-bottom:15px; background: none !important;}
	.histroy .years .year {position: relative; font-size:20px; line-height: 26px; text-align: center; margin-bottom:10px;}
	.histroy .years .month {padding-left:40px; margin-bottom:10px;}
	.histroy .years .month .mTitle {font-size:14px; }
	.histroy .years ul.day {padding-top:4px;}
	.histroy .years ul.day li {font-size:13px; line-height: 18px; padding-left:5px; background-size: 2px; background-position: 0 7px;}


}

/* 센터소개 - 오시는 길 */
.map .image {position: relative; padding-top:0}
.map .image img {border:1px solid #e5e5e5; max-width: 100%;}
.image a.btn_view {position: absolute; bottom:0; right:-2px; width:41px; height:41px;}
.map .mapInfo {position: relative; padding-top:30px; padding-bottom:50px; border-bottom:1px solid #e5e5e5;}
.map .mapInfo p.add {font-size:16px; line-height: 28px; margin-bottom:20px;}
.map .mapInfo p.add strong {font-size:26px; color:#222222; padding-right:20px; font-weight: normal;}
.map .mapInfo p.contact span {font-size:16px; line-height: 19px; padding-left:30px;}
.map .mapInfo p.contact span:first-child {padding-left: 0;}
.map .mapInfo p.contact span strong {color:#222; font-weight: normal;}
.map .mapInfo .btnArea {position: absolute; top:50px;; right:0;}
.map .mapInfo .btnArea .btn {width:163px; padding:11px 0;}
.map .mapInfo .btnArea .btn em {font-size:18px; letter-spacing: -1px;}
.map.map2 { margin-top:50px; }

.traffic > div {float:left; width:50%;}
.traffic:after {content:""; display:block; clear:both;}
.traffic p.title {font-size:26px; line-height:28px; color:#222; padding-top:50px;}
.traffic p.sub_title {margin-top:45px; font-size:16px; line-height:20px; height:20px; color:#222; padding-left:20px; background: url("../images/sub/center/bullet_double_dot.jpg") no-repeat left center;}
.traffic p.sub_title span {font-size:14px; color:#666;}
.traffic ul {margin-top:15px;}
.traffic ul li {line-height:26px; margin-bottom:2px;}
.traffic .bus li {padding-left:23px; background: url("../images/sub/center/bullet_dot.jpg") no-repeat 5px center; background-size: 5px;}
.traffic .car ul {padding-left:23px;}
.traffic .car ul.t01 {background: url("../images/sub/center/bg_road_01.jpg") no-repeat 3px 9px;}
.traffic .car ul.t02 {background: url("../images/sub/center/bg_road_02.jpg") no-repeat 3px 9px;}

@media all and (max-width:1023px) {
	.map .mapInfo .btnArea {position: relative; top:0; right:0; left:0; bottom:0; margin-top:20px;}
}
@media all and (max-width:900px) {
	.traffic > div {float:none; width:100%;}
	.map .mapInfo p.add strong {display: block;}
}
@media all and (max-width:760px) {
	.map .mapInfo {padding-top:15px; padding-bottom:25px;}
	.map .mapInfo p.add {margin-bottom:10px; line-height:22px;}
	.map .mapInfo p.add strong {font-size:20px; }
	.map .mapInfo p.contact span {display:block; padding-left:0; margin-bottom:5px;}
	.map .mapInfo .btnArea {text-align:center;}

	.traffic p.title {font-size:20px; line-height:22px; padding-top:20px;}
	.traffic p.sub_title {margin-top:20px;}
	.traffic ul {margin-top:8px;}
	.traffic ul li {line-height: 20px;}
	.traffic .bus li {padding-left:20px;}
	.traffic .car ul.t01 {background-size: 8px 75px; background-position: 3px 5px;}
	.traffic .car ul.t02 {background-size: 8px 96px; background-position: 3px 5px;}
	.traffic .car ul {padding-left:20px;}
}

/* 준비중입니다. */
.symbol_pre {text-align: center; padding:65px 0;}
.symbol_pre .symbol {display: inline-block; font-size:20px; line-height: 28px; font-weight: bold; color:#175f9d; padding-top:210px; background-repeat: no-repeat; background-position: center top; min-width: 194px; background-image: url("../images/sub/bg_pre.png")}
@media all and (max-width:760px) {
	.symbol_pre {padding:30px 0}
	.symbol_pre .symbol {display:block; font-size:16px; line-height:22px; background-size:135px; padding-top:150px;}
}
.viewBody table { table-layout:auto !important; word-break:break-all !important; max-width:100% !important; width:100% !important; }
.viewBody table tr > * { padding:2px; }
.viewBody table p { margin:2px !important; padding:0 !important; }


/* */
.tap_Nav { padding-top:10px; }
.tap_Nav .nav { display:table; table-layout:fixed; width:100%; box-sizing:border-box; border:1px solid #ccc; }
.tap_Nav .nav > li { display:table-cell; vertical-align:top; }
.tap_Nav .nav > li + li { border-left:1px solid #ccc; }
.tap_Nav .nav a { word-break:keep-all; display:block; position:relative; padding:5px; height:60px; text-align:center; color:#999; font-size:18px; -webkit-transition:color 0.2s ease; transition:color 0.2s ease; box-sizing:border-box; }
.tap_Nav .nav a:before { content:""; display:inline-block; vertical-align:middle; height:100%; }
.tap_Nav .nav a:after { content:""; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; box-sizing:border-box; -webkit-transition:border 0.2s ease; transition:border 0.2s ease; }
.tap_Nav .nav a > em { display:inline-block; vertical-align:middle; position:relative; z-index:1; }
.tap_Nav .nav a br.m { display:none; }
.tap_Nav .nav a.on { color:#222; font-weight:bold; }
.tap_Nav .nav a.on:after { border:5px solid #87e7da; }
/* */
.article .stit { color:#222; font-weight:bold; font-size:26px; line-height:1.2; text-indent:-28px; padding-top:50px; padding-left:28px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc; }
.article .stit:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-2px; width:10px; height:10px; background-color:#175f9d; margin-right:18px; }
.txt_color1 { color:#175f9d !important; }
/* */
.desc .wtbg { margin-top:2em; padding:28px; background-color:#fafafa; word-break:keep-all; }
.desc .wul { padding:30px 40px; color:#175f9d; font-weight:bold; }
.desc .wul > li { text-indent:-14px; padding-left:14px; }
.desc .wul > li + li { padding-top:10px; }
.desc .wul > li:before { content:""; display:inline-block; vertical-align:middle; position:relative; border-radius:2px; top:-1px; width:4px; height:4px; background-color:#175f9d; margin-right:10px; }
.desc p.wdl,
.desc .wdl > li { color:#175f9d; font-size:20px; font-weight:bold; }
.desc .wdl > li + li { padding-top:10px; }
.desc .wdl > dt { color:#175f9d; font-size:20px; font-weight:bold; padding-top:30px; padding-bottom:15px; }
.desc .wdl > dd { text-indent:-14px; padding-left:14px; }
.desc .wdl > dd + dd { padding-top:10px; }
.desc .wdl > dd:before { content:""; display:inline-block; vertical-align:middle; position:relative; border-radius:2px; top:-1px; width:4px; height:4px; background-color:#175f9d; margin-right:10px; }
.desc .wol { padding-left:20px; font-weight:bold; }
.desc .wol > li { text-indent:-16px; padding-left:16px; }
.desc .wol > li + li { padding-top:10px; }
.desc .formula { text-align:center; padding:25px; background-color:#fafafa; color:#175f9d; font-weight:bold; font-size:20px; }
.desc > .figure:first-child { padding-top:30px; }
.desc .figure { padding-top:50px; text-align:center; }
.desc .tbl_tit { text-align:center; color:#333; font-weight:bold; font-size:26px; padding:45px 0 30px; }
/* */
.tbl_div { max-width:790px; margin:0 auto; overflow:hidden; position:relative; border-bottom:1px solid #b2b2b2; border-top:2px solid #284c6b; }
.tbl_div:before, .tbl_div:after { position:absolute; height:100%; top:0; width:1px; z-index:1; content:""; background-color:#fff; }
.tbl_div:before { left:0; }
.tbl_div:after { right:0; }
.tbl_info { table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; margin:-1px 0; word-break:keep-all; }
.tbl_info tr > * { padding:10px 5px; border:1px solid #e5e5e5; }
.tbl_info thead tr > * { background-color:#fafafa; }
.tbl_info thead tr > th { font-weight:bold; color:#222; }

/* */
.header_area .ty2 { padding-top:125px; }
.header_area .viewSelectArea { padding:0; padding-right:120px; margin:25px auto 0; width:880px; position:relative; box-sizing:border-box; background-color:transparent; border:0; }
.header_area .viewSelectArea:after { content:""; display:block; clear:both; }
.header_area .viewSelectArea .searchSelect { float:left; }
.header_area .viewSelectArea .searchSelect > a { border-width:0; height:45px; line-height:25px; }
.header_area .viewSelectArea .searchSelect > a:after { top:50%; margin-top:-4px; }
.header_area .viewSelectArea .searchSelect + .searchSelect a { border-left-width:1px; }
.header_area .viewSelectArea .searchSelect:first-child { width:190px; }
.header_area .viewSelectArea .searchSelect:first-child + .searchSelect { width:250px; }
.header_area .viewSelectArea .searchSelect:first-child + .searchSelect + .searchSelect { width:320px; }
.header_area .viewSelectArea .searchSelect.on ul { border-top:1px solid #ccc; }
.header_area .viewSelectArea .btn_search { display:block; position:absolute; right:0; top:0; width:120px; padding:0; line-height:45px; text-align:center; background-color:#175f9d; color:#fff; font-weight:bold; font-size:15px; }

/* */
.viewer .viewHead .sns { width:90px; }
.viewer .viewHead .sns > li { float:left; padding-left:10px; }
.viewHead_add { border-top:1px solid #e5e5e5; margin-top:-1px; position:relative; z-index:1; }
.viewHead_add .ico_file { position:relative; display:inline-block; padding-left:24px; margin:5px; box-sizing:border-box; max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.viewHead_add .ico_file:hover { text-decoration:underline; }
.viewHead_add .ico_file:before { content:""; position:absolute; left:0; width:16px; height:15px; background:url('../images/icon/ico_file.png') no-repeat 0 0; }
.viewHead_add dl { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #e5e5e5; }
.viewHead_add dl > * { display:table-cell; vertical-align:middle; padding:13px 20px; box-sizing:border-box; }
.viewHead_add dl > dt { width:15%; background-color:#fafafa; color:#000; font-weight:bold; }
.viewHead_add .file > dd { padding:8px 15px; }
/* */
.nano_club_text { text-align:center; max-width:564px; margin:20px auto; word-break:keep-all; }
.nano_club_text .t { color:#175f9d !important; font-size:28px; font-weight:bold; padding:15px 0 20px; }
.nano_club_text .fig img { margin:0; }
.nano_club_text .pot { padding:30px 50px; background-color:#eefaff; margin-bottom:30px; text-align:left; }
.nano_club_text .pot > li { padding-left:10px; text-indent:-10px; }
.nano_club_text .pot > li:before { content:""; display:inline-block; vertical-align:middle; width:4px; height:4px; border-radius:2px; margin-right:6px; background-color:#175f9d; position:relative; top:-1px; }
.nano_club_text .pot > li + li { padding-top:15px; }
.nano_club_text .bor { border:6px solid #f8f8f8; background-color:#fff; position:relative; padding:30px 10px; font-size:20px; color:#333 !important; }
.nano_club_text .bor:before,
.nano_club_text .bor:after { content:""; position:absolute; width:50%; top:0; height:100%; box-sizing:border-box; }
.nano_club_text .bor:before { border:6px solid #89ccf3; border-right:0; left:0; }
.nano_club_text .bor:after { border:6px solid #87e7da; border-left:0; right:0; }
/* */
.coming_soon { text-align:center; margin:100px auto 50px; word-break:keep-all; }
.coming_soon .fig img { margin:0; }
.coming_soon .cs_t { color:#175f9d; font-size:26px; font-weight:bold; padding:25px 0 10px; line-height:1.5; }
.coming_soon .cs_t br.m { display:none; }
/* */
.tap_Nav + .article { margin-top:45px; }
.article p.title_sub2 { margin-top:50px; }
.boxDouble + p.title_sub { margin-top:70px; }
p.title_sub + .boxDouble .box { margin-top:15px; }
/* */
.research_desc > ul > li { display:table; table-layout:fixed; width:100%; }
.research_desc > ul > li + li { margin-top:60px; }
.research_desc > ul > li > * { display:table-cell; vertical-align:middle; }
.research_desc .fig { width:23%; }
.research_desc dl { padding-left:40px; word-break:keep-all; }
.research_desc dl > dt { font-size:20px; font-weight:bold; position:relative; padding-bottom:28px; margin-bottom:22px; color:#175f9d; line-height:1.4; }
.research_desc dl > dt:before { content:""; position:absolute; left:0; bottom:0; width:1.5em; border-top:1px solid #93cdff; }
.research_desc dl > dd { padding-left:10px; text-indent:-10px; line-height:1.8; }
.research_desc dl > dd:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:4px; height:4px; border-radius:2px; background-color:#175f9d; margin-right:6px; }
/* */
.googleMap { position:relative; }
.googleMap .map_area { height:528px; }
.sec_noti { color:#175f9d; text-indent:-24px; padding-left:24px; font-weight:bold; font-size:18px; border-bottom:2px solid #999; padding-bottom:35px; margin-bottom:-2px; }
.sec_noti:before { content:""; position:relative; top:-1px; display:inline-block; vertical-align:middle; width:16px; height:15px; background:url('../images/icon/notice.png') no-repeat 0 0; margin-right:8px; }
.btn_page_search { background-color:#175f9d; font-weight:bold; color:#fff; display:block; margin:22px auto 0; width:120px; line-height:45px; text-align:center; font-size:18px; }
.btn_page_search:after { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:22px; height:22px; margin-left:8px; background:url('../images/icon/ico_search.png') no-repeat 0 0; }

/* */
.phone_box.qna_box {background-image: url("../images/sub/customer/bg_qna.png")}
.phone_box.qna_box .btnArea { padding-top:15px; }

@media all and (max-width:999px) {
	.viewer .viewHead .sns { width:75px; }
	.viewer .viewHead .sns img { width:26px; }
	.googleMap .map_area { height:440px; }
}
@media all and (max-width:790px) {
	.research_desc dl br.m { display:none; }
}
@media all and (max-width:760px) {
	.section_area { margin-bottom:100px; }
	.tap_Nav .nav a { height:45px; font-size:16px; padding:2px 5px; }
	.tap_Nav .nav a br.m { display:inline; }
	.tap_Nav .nav a.on:after { border-width:3px; }
	.article .stit { font-size:20px; padding-left:16px; text-indent:-16px; padding-top:30px; padding-bottom:15px; margin-bottom:15px; }
	.article .stit:before { width:6px; height:6px; margin-right:10px; }
	.desc .formula { font-size:16px; padding:20px; }
	.desc .wtbg { padding:20px; }
	.desc .wul { padding:20px; }
	.desc .wul > li + li { padding-top:6px; }
	.desc .wdl > dt { font-size:16px; padding:24px 0 10px; }
	.desc p.wdl, .desc .wdl > li { font-size:16px; }
	.desc .figure { padding-top:25px; }
	.desc .tbl_tit { font-size:22px; padding:25px 0 15px; }
	.tbl_info { font-size:13px; }
	.tbl_info tr > * { padding:5px; }
	.inputArea,
	.faq { margin-top:30px; }
	.sec_noti { font-size:15px; padding-bottom:20px; padding-left:18px; text-indent:-18px; }
	.sec_noti:before { width:13px; height:13px; background-size:100% auto; margin-right:5px; top:0; }
	.ico_noti { width:13px; }

	/* */
	.nano_club_text .fig img { width:136px; }
	.nano_club_text .t { font-size:20px; padding:10px 0 15px; }
	.nano_club_text .pot { padding:20px 15px; margin-bottom:20px; }
	.nano_club_text .pot > li + li { padding-top:10px; }
	.nano_club_text .bor { padding:20px 8px; font-size:16px; }
	.nano_club_text .bor strong { display:block; }
	/* */
	.coming_soon { margin:50px auto; }	
	.coming_soon .fig img { width:136px; }
	.coming_soon .cs_t { font-size:20px; }
	.coming_soon .cs_t br.m { display:inline; }
	/* */
	.sign img { height:20px; }
	.tap_Nav + .article { margin-top:30px; }
	.article p.title_sub2 { margin-top:10px; }
	.boxDouble + p.title_sub { margin-top:15px; }
	p.title_sub + .boxDouble .box { margin-top:10px; }

	/* */
	.research_desc > ul > li + li { margin-top:30px; }
	.research_desc .fig { width:118px; vertical-align:top; padding-top:30px; }
	.research_desc dl { padding-left:20px; }
	.research_desc dl > dt { font-size:16px; padding-bottom:18px; margin-bottom:13px; }
	.googleMap .map_area { height:320px; }
	.map.map2 { margin-top:30px; }

	/* */
	.header_area { /* display: none; */ height:100px; margin-bottom:0; position:relative; }
	.header_area h2 { padding-top:36px; font-size:28px; }
	.btn_page_search { position:absolute; right:10px; top:36px; margin-top:0; width:70px; line-height:35px; font-size:14px; }
	.btn_page_search:after { width:14px; height:14px; background-size:100% auto; margin-left:4px; }

}
@media all and (max-width:720px) {
	.viewHead_add { font-size:13px; }
	.viewHead_add dl > * { padding:10px; }
	.viewHead_add dl > dt { width:65px; white-space:nowrap; }
	.viewHead_add .file > dd { padding:5px; }
}
@media all and (max-width:400px) {
	.research_desc .fig { display:none; }
	.viewHead_add dl .date { width:95px; }
	.btn_page_search { width:68px; }
}
@media all and (max-width:359px) {
	.btn_page_search { right:5px; width:64px; }
}