@charset "utf-8";
/*@import url('../../common/css/layout.css'); *//* 레이아웃을 정의하는 스타일시트 */
/*@import url('../../common/css/board.css'); *//* 게시판 스타일시트 */
@import url('../../common/css/style.css'); /* 전체적인 스타일을 정의하는 기본 속성의 스타일시트 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300, 400,600,700');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700');

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } 


html {height: 100%; overflow-y: auto;}
body {margin-top: 0 !important; height: 100%; font-size:15px; font-family:'Noto Sans KR', sans-serif;  word-break: break-all; word-wrap: break-word; word-break: keep-all;  box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0; -webkit-text-size-adjust: none;}
body * {color:#000; line-height:100%; font-family:'Noto Sans KR', sans-serif; font-weight:300;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var {font-style: normal;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
table {border-collapse: collapse; border-spacing: 0;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a {text-decoration: none; cursor: pointer;}
img { max-width: 100%; vertical-align: top;}
button {border: 0 none; background: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
button, input, select, textarea { color: #555; line-height: 19px; font-size: 15px; vertical-align: middle;}
select { -webkit-border-radius: 0;}
textarea {overflow: auto; resize: none;}

/*input, select {-webkit-border-radius:1px; -webkit-appearance:none;}*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
/*input[type="checkbox"],
input[type="radio"] {display:none;}*/
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

input::-webkit-input-placeholder{color:#555;}
input:-moz-input-placeholder{color:#555;}
input::-moz-input-placeholder{color:#555;}
input:-ms-input-placeholder{color:#555;}

/* input[type='file'] */
.file_box:after {display:block; clear:both; content:'';}
.file_box input[type='file'] {display:none;}
.file_box input[type='text'] {float:left;}
.file_box input[type='button'] {float:right; background-color:#fff; border:1px solid #646464; box-sizing:border-box; display:inline-block;}
.file_box input[type='button']:focus {outline:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}

/* Disable orange highlight */
label, a, button {-o-tap-highlight-color:rgba(0, 0, 0, 0);-ms-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color rgba(0, 0, 0, 0);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* background color */
.purple {color:#fff; background-color:#764897 !important;}
.green {color:#fff; background-color:#86bc24 !important;}

/* margin */
.mt15 {margin-top:15px !important;}

/* button */
a[class*='btn_'], button[class*='btn_'] {display:inline-block;}
a[class*='btn_'] span, button[class*='btn_'] span {height:100%; text-align:center; display:block;}

/* color */
.txt_sky {color:#00afcb !important;}

/* align */
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}

/* global */
.none {display:none;}
.hidden {position: absolute; top: 0; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden;}
.fl {float:left;}
.fr {float:right;}
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.block {display:block;}
.inblock {display:inline-block;}
.clear:after {content:""; display:block; clear:both;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bold {font-weight: bold; }

/* 건너뛰기 네비게이션 */
#skip_nav {width: 100%; height: 0; text-align: center; overflow: hidden;}
#skip_nav a {color: #fff; font-size: 16px; line-height: 30px; float: left;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {position: absolute; top: 0; left: 0; width: 100%; height: 30px; text-decoration: underline; background-color: #000; overflow: visible; z-index: 9999;}

.placeholder {position:relative;}
.placeholder input[type='text'] + label, .placeholder input[type='password'] + label, .placeholder input[type='tel'] + label,  .placeholder textarea + label, .placeholder input[type='email'] + label {position:absolute; top:50%;}
.placeholder input[type='text']:focus, .placeholder input[type='password']:focus, .placeholder input[type='tel']:focus {outline:none;}
.placeholder input[type='text']:focus + label, .placeholder input[type='password']:focus + label, .placeholder input[type='tel']:focus + label,  .placeholder textarea:focus + label. .placeholder input[type='email']:focus {display:none !important;}

input[type='checkbox'] + label:before, input[type='radio'] + label:before {display:inline-block; margin-top:-3px; margin-right:10px; background-image:url('../../images/common/input_collection.png'); content:''; vertical-align:middle;}

input[type='checkbox'] + label:before {width:13px; height:12px; background-position:0 0;}
input[type='checkbox']:checked + label:before {background-position:-30px 0;}
input[type='radio'] + label:before {width:20px; height:20px; background-position:0 -80px;}
input[type='radio']:checked + label:before {background-position:-30px -80px;}

/* layerpop */
#pop_wrap {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; background-color:rgba(0,0,0,0.3);}
#pop_wrap.active {display:block;}
#pop_inner {background-color:#fff; position:absolute; top:50%; left:50%; opacity:0; transition:opacity 0.1s;}
#pop_footer {text-align:center;}

.bullet_list li:before {display:inline-block; margin-right:10px; margin-top:-3px; width:3px; height:3px; background-color:#646464; border-radius:50%; content:''; vertical-align:middle;}

#container {overflow:hidden;}

/* 개발처리 관련 iframe 숨김 */
#frm_hiddenFrame {display:none;}



@media screen and (min-width: 1025px) {

#header {width:100%; background-color:#fff; position:fixed; top:0; right:0; left:0; z-index:100; transition:background 0.2s;}
#header .inner {max-width:1600px; margin:0 auto; padding:0 10px; box-sizing:border-box; position:relative;}
#header .inner:after {clear:both; content:''; display:block;}
#header h1 { position:absolute; top:19px; left:0; z-index:2;}
#header #gnb {margin-right:-14px; float:right;}
#header #gnb > div {display:none;}
#header .g_menu { position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; display:flex; justify-content:center;}
#header .g_menu > li {padding:0 30px;}
#header .g_menu > li > a {padding:29px 8px 30px 8px; font-size:18px; display:block;}
#header .g_menu ul {background-color:#006099; text-align:center; position:fixed; top:77px; right:0; left:0; display:none;}
#header .g_menu ul:after {clear:both; content:''; display:block;}
#header .g_menu ul li {display:inline-block;}
#header .g_menu ul li a {padding:30px 20px; color:#fff; font-size:18px; text-align:center; display:inline-block;}
#header .g_menu > li.active ul, #header .g_menu > li:hover ul {display:block;}
#header .language {position:absolute; top:17px; right:2px;}
#header .language:after {clear:both; content:''; display:block;}
#header .language li {padding:0 8px; float:left;}
#header .language li a {padding:10px 0 4px 0; font-size:17px; font-weight:400; font-family:'Oepn Sans', sans-serif; display:block;}
#header .language li a.active, #header .language li a:hover {color:#006099; border-bottom:1px solid #006099;}
#header .site_map {display:none;}

#container {padding-top:77px; padding-bottom:114px;}

.select_box select {display:none;}

#footer {padding-top:44px; position:relative;}
#footer:before {border-top:1px solid #e3e3e3; content:''; display:block;}
#footer .inner {max-width:1580px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
#footer .inner:after {clear:both; content:''; display:block;}
#footer .inner > div {max-width:1580px; margin:0 auto; position:relative;}
#footer h1 {margin-top:38px; padding-bottom:15px; font-size:16px; font-weight:500;}

#footer ul:after {clear:both; content:''; display:block;}
#footer .info li, #footer .link li {float:left;}
#footer .info li:first-child {float:none;}
#footer .info li {margin-top:12px; position:relative;}
#footer .info * {color:#969696; font-size:13px;}
#footer .info li *:before {margin:-3px 3px 0 3px; font-size:13px; vertical-align:middle; content:':'; display:inline-block;}
#footer .info li:before {height:14px; margin:0 7px; border-left:1px solid #969696; vertical-align:middle; content:''; display:inline-block;}
#footer .info li:nth-child(1):before, #footer .info li:nth-child(2):before {display:none;}

#footer .link {position:absolute; top:-1px; right:288px;}
#footer .link li * {font-size:13px; font-weight:500;}
#footer .link li:last-child * {font-family:'Open Sans', sans-serif;}
#footer .link li + li *:before {height:15px; margin:-3px 7px 0 9px; border-left:1px solid #000; vertical-align:middle; content:''; display:inline-block;}

#footer .btn_top {width:74px; height:66px; margin-left:-37px; padding-top:40px; font-size:11px; font-weight:500; background:url('../../images/common/bg_footer_top.png'); box-sizing:border-box; text-align:center; position:absolute; top:0; left:50%;}
#footer .copyright {margin:40px 0 0 0; padding-top:18px; padding-bottom:16px; padding-left:15px; color:#989898; font-size:13px; background-color:#f7f7f8; position:relative; z-index:1;}
/*#footer .copyright:after {height:47px; background-color:#f7f7f8; content:''; position:absolute; right:-100%; left:-100%; bottom:0; z-index:-1;}*/

#footer .select_box {position:absolute; top:0; right:0;}
#footer .select_box dl {position:relative;}
#footer .select_box dt {border:0;}
#footer .select_box dt a {width:233px; padding-bottom:11px; font-size:13px; border-bottom:2px solid #eaeaea; position:relative; display:block;}
#footer .select_box dt a:after {width:7px; height:4px; background:url('../../images/common/icon_collection.png') 0 0; content:''; position:absolute; top:6px; right:10px; display:inline-block;}
#footer .select_box dl.active dt a:after {transform:rotate(180deg);}
#footer .select_box dd {width:100%; border-bottom:0; background-color:transparent; border:0; position:absolute; bottom:30px; display:none;}
#footer .select_box dd a {margin-top:1px; padding:11px 20px; color:#969696; font-size:13px; background-color:#f7f7f8; display:block;}
#footer .select_box dl.active dd {display:block;}
#footer .select_box dl ul {background-color:#fff;}

input {height:36px; line-height:34px; border:1px solid #e3e3e3; box-sizing:border-box;}
input[type='checkbox'], input[type='radio'] {height:auto; margin-right:10px; line-height:0; border:0;}

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
#header {width:100%; background-color:#fff; position:fixed; top:0; right:0; left:0; z-index:100;}
#header .inner {height:77px; padding:0 10px; box-sizing:border-box; position:relative;}
#header .inner:after {clear:both; content:''; display:block;}
#header h1 {padding-top:19px; text-align:center; position:relative; z-index:1; display:block;}
#header #gnb {padding-top:100px; position:fixed;  right:0; bottom:100%; left:0; transition:all 0.3s;}

#header #gnb > div {margin-top:65px; padding:0 33px 0 43px;}
#header #gnb > div:after {clear:both; content:''; display:block;}
#header #gnb > div p {width:65%; margin-left:-10px; float:left; position:relative;}
#header #gnb > div p input[type='text'] {width:100%; height:30px; padding-right:30px; padding-left:10px; color:#000; line-height:28px; background:transparent; border:1px solid #fff; box-sizing:border-box;}
#header #gnb > div p a {width:28px; height:28px; font-size:0; position:absolute; top:0; right:0; display:inline-block;}
#header #gnb > div p a:after {width:20px; height:20px; margin-top:-10px; background:url('../../images/common/icon_search_m.png') 0 0; background-size:20px; content:''; position:absolute; top:50%; right:5px; display:block;}
#header #gnb > div > a {width:35%; height:30px; line-height:28px; color:#000; border:1px solid #fff; box-sizing:border-box; text-align:center; float:right; display:inline-block;}
#header #gnb > div > a:after {width:14px; height:14px; margin-top:-3px; margin-left:4px; background:url('../../images/common/icon_download_m.png') 0 0; background-size:14px; vertical-align:middle; content:''; display:inline-block;}

#header #gnb:before {background-color:#fff); content:''; position:fixed; top:-100%; right:0; bottom:100%; left:0; z-index:-1; transition:all 0.3s;}
#header.active #gnb {overflow:auto; top:0; bottom:0; transition:all 0.3s;}
#header.active #gnb:before {background-color:#fff; content:''; position:fixed; top:77px; right:0; bottom:0; left:0; z-index:-1; transition:all 0.3s;}
#header .g_menu > li {text-align:center;}
#header .g_menu > li > a {padding:10px 0; font-size:40px; color:#000; display:block;}
#header .g_menu ul {margin-top:10px; margin-bottom:20px; padding:20px 0; background-color:rgba(93,153,189,0.2); display:none;}
#header .g_menu ul li a {padding:20px 0; color:#333; font-size:18px; font-weight:500; display:block;}
/*#header .g_menu > li.active ul {display:block;}*/
#header .language {display:none; position:absolute; top:20px; right:54px; z-index:1;}
#header.active .language{ display:block;}
#header .language:after {clear:both; content:''; display:block;}
#header .language li {padding:0 8px; float:left;}
#header .language li a {padding:8px 0 4px 0; font-size:17px; font-weight:400; font-family:'Oepn Sans', sans-serif; display:block;}
#header .language li a.active, #header .language li:not(.sitemap) a:hover {color:#006099; border-bottom:1px solid #006099;}
#header .language li.sitemap a{ padding:0; width: 20px; height: 16px; margin-top: 10px; font-size: 0; border-top: 2px solid #000; border-radius: 2px; position:relative;}
#header .language li.sitemap a:before, #header .language li.sitemap a:after { width: 100%; border-top: 2px solid #000; border-radius: 2px; content: ''; position: absolute; display: inline-block; bottom:8px;}
#header .language li.sitemap a:before{ bottom:0;}
#header .site_map {width:30px; height:18px; margin-top:-9px; font-size:0; border-top:2px solid #000; border-radius:2px; position:absolute; top:50%; right:10px; z-index:10;}
#header .site_map:before, #header .site_map:after {width:100%; border-top:2px solid #000; border-radius:2px; content:''; position:absolute; display:inline-block;}
#header .site_map:before {bottom:0;}
#header .site_map:after {bottom:9px;}
#header.active .site_map {border-top:0;}
#header.active .site_map:before {border-color:#000; bottom:8px; transform:rotate(45deg);}
#header.active .site_map:after {border-color:#000; bottom:8px; transform:rotate(-45deg);}

#container {padding-top:77px; padding-bottom:114px;}

.select_box select {display:none;}

#footer {padding-top:44px; position:relative;}
#footer:before {border-top:1px solid #e3e3e3; content:''; display:block;}
#footer .inner {max-width:1580px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
#footer .inner:after {clear:both; content:''; display:block;}
#footer h1 {margin-top:38px; padding-bottom:15px; font-size:16px; font-weight:500;}

#footer ul:after {clear:both; content:''; display:block;}
#footer .info li, #footer .link li {float:left;}
#footer .info li:first-child {float:none;}
#footer .info li {margin-top:12px; position:relative;}
#footer .info * {color:#969696; font-size:13px;}
#footer .info li *:before {margin:-3px 3px 0 3px; font-size:13px; vertical-align:middle; content:':'; display:inline-block;}
#footer .info li:before {height:14px; margin:0 7px; border-left:1px solid #969696; vertical-align:middle; content:''; display:inline-block;}
#footer .info li:nth-child(1):before, #footer .info li:nth-child(2):before {display:none;}

#footer .link {position:absolute; top:84px; right:278px;}
#footer .link li * {font-size:13px; font-weight:500;}
#footer .link li:last-child * {font-family:'Open Sans', sans-serif;}
#footer .link li + li *:before {height:15px; margin:-3px 7px 0 9px; border-left:1px solid #000; vertical-align:middle; content:''; display:inline-block;}

#footer .btn_top {width:74px; height:66px; margin-left:-37px; padding-top:40px; font-size:11px; font-weight:500; background:url('../../images/common/bg_footer_top.png'); box-sizing:border-box; text-align:center; position:absolute; top:0; left:50%;}
#footer .copyright {margin:40px 0 0 0; padding-top:18px; padding-bottom:16px; padding-left:15px; color:#989898; font-size:13px; background-color:#f7f7f8;}
/*#footer .copyright:after {height:47px; background-color:#f7f7f8; content:''; position:absolute; right:0; left:0; bottom:0; z-index:-1;}*/

#footer .select_box {position:absolute; top:84px; right:10px;}
#footer .select_box dl {position:relative;}
#footer .select_box dt {border:0;}
#footer .select_box dt a {width:233px; padding-bottom:11px; font-size:13px; border-bottom:2px solid #eaeaea; position:relative; display:block;}
#footer .select_box dt a:after {width:7px; height:4px; background:url('../../images/common/icon_collection.png') 0 0; content:''; position:absolute; top:6px; right:10px; display:inline-block;}
#footer .select_box dl.active dt a:after {transform:rotate(180deg);}
#footer .select_box dd {width:100%; border-bottom:0; background-color:transparent; border:0; position:absolute; bottom:30px; display:none;}
#footer .select_box dd a {margin-top:1px; padding:6px 10px; color:#969696; font-size:13px; background-color:#f7f7f8; display:block;}
#footer .select_box dl.active dd {display:block;}
#footer .select_box dl ul {background-color:#fff;}

input {height:36px; line-height:34px; border:1px solid #e3e3e3; box-sizing:border-box;}
input[type='checkbox'], input[type='radio'] {height:auto; line-height:0; border:0;}
}

@media screen and (max-width: 767px) {
#header {width:100%; background-color:#fff; position:fixed; top:0; right:0; left:0; z-index:100;}
#header .inner {height:50px; padding:0 10px; box-sizing:border-box; position:relative;}
#header .inner:after {clear:both; content:''; display:block;}
#header h1 {height:24px; padding:13px 0; background-color:#fff; text-align:center; position:relative; z-index:1; display:block;}
#header h1 img {height:100%;}
#header #gnb {padding-top:100px; overflow:auto; position:fixed; top:-100%; right:0; bottom:100%; left:0; transition:all 0.3s;}

#header #gnb > div {margin-top:65px; padding:0 33px 0 43px;}
#header #gnb > div:after {clear:both; content:''; display:block;}
#header #gnb > div p {width:65%; margin-left:-10px; float:left; position:relative;}
#header #gnb > div p input[type='text'] {width:100%; height:30px; padding-right:30px; padding-left:10px; color:#fff; line-height:28px; background:transparent; border:1px solid #fff; box-sizing:border-box;}
#header #gnb > div p a {width:28px; height:28px; font-size:0; position:absolute; top:0; right:0; display:inline-block;}
#header #gnb > div p a:after {width:20px; height:20px; margin-top:-10px; background:url('../../images/common/icon_search_m.png') 0 0; background-size:20px; content:''; position:absolute; top:50%; right:5px; display:block;}
#header #gnb > div > a {width:35%; height:30px; line-height:28px; color:#fff; border:1px solid #fff; box-sizing:border-box; text-align:center; float:right; display:inline-block;}
#header #gnb > div > a:after {width:14px; height:14px; margin-top:-3px; margin-left:4px; background:url('../../images/common/icon_download_m.png') 0 0; background-size:14px; vertical-align:middle; content:''; display:inline-block;}

#header #gnb:before {background-color:#fff; content:''; position:fixed; top:-100%; right:0; bottom:100%; left:0; z-index:-1; transition:all 0.3s;}
#header.active #gnb {top:0; bottom:0; transition:all 0.3s;}
#header.active #gnb:before {background-color:#fff; content:''; position:fixed; top:50px; right:0; bottom:0; left:0; z-index:-1; transition:all 0.3s;}
#header .g_menu > li {text-align:center;}
#header .g_menu > li > a {padding:10px 0; font-size:17px; color:#333; font-weight:400; display:block;}
#header .g_menu ul {margin-top:10px; margin-bottom:20px; padding:15px 0; background-color:rgba(93,153,189,0.2); display:none;}
#header .g_menu ul li a {color:#333; font-size:14px; font-weight:500; line-height:1.8; display:block;}
/*#header .g_menu > li.active ul {display:block;}*/
#header .language {margin-top:-15px; position:absolute; top:22px; right:46px; z-index:1;}
#header .language .sitemap{ display:none;}
#header.active .language .sitemap{ display:block;}
#header .language:after {clear:both; content:''; display:block;}
#header .language li {float: left;}
#header .language li.sitemap a{ padding:0; width: 20px; height: 16px; margin-top: 8px; font-size: 0; border-top: 2px solid #000; border-radius: 2px; position:relative;}
#header .language li.sitemap a:before, #header .language li.sitemap a:after { width: 100%; border-top: 2px solid #000; border-radius: 2px; content: ''; position: absolute; display: inline-block; bottom:8px;}
#header .language li.sitemap a:before{ bottom:0;}
#header .language li:not(:last-child){padding-right: 3px;margin-right: 3px;}
#header .language li a {padding:10px 0 4px 0; font-size:12px; font-weight:400; font-family:'Oepn Sans', sans-serif; display: block;}
#header .language.active li a {display:block;}
#header .language li a.active {color:#006099; display:block;font-weight: bold;}
#header .site_map {width:20px; height:16px; margin-top:-8px; font-size:0; border-top:2px solid #000; border-radius:2px; position:absolute; top:50%; right:15px; z-index:10;}
#header .site_map:before, #header .site_map:after {width:100%; border-top:2px solid #000; border-radius:2px; content:''; position:absolute; display:inline-block;}
#header .site_map:before {bottom:0;}
#header .site_map:after {bottom:8px;}
#header.active .site_map {border-top:0;}
#header.active .site_map:before {border-color:#000; bottom:8px; transform:rotate(45deg);}
#header.active .site_map:after {border-color:#000; bottom:8px; transform:rotate(-45deg);}

#container {padding-top:38px; padding-bottom:57px;}

.select_box select {display:none;}

#footer {padding-top:26px; overflow:hidden; position:relative;}
#footer:before {border-top:1px solid #e3e3e3; content:''; display:block;}
#footer .inner {max-width:1580px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
#footer .inner:after {clear:both; content:''; display:block;}
#footer h1 {margin-top:38px; padding-bottom:15px; font-size:16px; font-weight:500;}

#footer ul:after {clear:both; content:''; display:block;}
#footer .info li, #footer .link li {float:left;}
#footer .info li:first-child {float:none;}
#footer .info li {position:relative;}
#footer .info * {color:#969696; font-size:13px; line-height:18px;}
#footer .info li *:before {margin:-3px 3px 0 3px; font-size:13px; vertical-align:middle; content:':'; display:inline-block;}
#footer .info li:before {height:14px; margin:0 7px; border-left:1px solid #969696; vertical-align:middle; content:''; display:inline-block;}
#footer .info li:nth-child(1):before, #footer .info li:nth-child(2):before {display:none;}

#footer .link {/* position:absolute; bottom:72px; left:10px; */ margin-top:3px;}
#footer .link li * {font-size:13px; font-weight:500;}
#footer .link li:last-child * {font-family:'Open Sans', sans-serif;}
#footer .link li + li *:before {height:15px; margin:-3px 7px 0 9px; border-left:1px solid #000; vertical-align:middle; content:''; display:inline-block;}

#footer .btn_top {width:46px; height:38px; margin-left:-23px; padding-top:23px; font-size:11px; font-weight:500; background:url('../../images/common/bg_footer_top.png'); background-size:46px; box-sizing:border-box; text-align:center; position:absolute; top:0; left:50%;}
#footer .copyright {margin:60px -15px 0 -15px; padding-top:12px; padding-left:15px; padding-bottom:10px; color:#989898; font-size:13px; background-color:#f7f7f8;}
/*#footer .copyright:after {height:47px; background-color:#f7f7f8; content:''; position:absolute; right:0; left:0; bottom:0; z-index:-1;}*/

#footer .select_box {position:absolute; bottom:35px; right:10px; left:10px;}
#footer .select_box dl {width:100%; position:relative; display:none;}
#footer .select_box select {width:100%; border:0;}
#footer .select_box select {width:100%; padding-bottom:11px; font-size:13px; background-color:#fff; border-bottom:2px solid #eaeaea; position:relative; display:block;border: 0 !important; -webkit-appearance: none; -moz-appearance: none;}
#footer .select_box:after {width:7px; height:4px; background:url('../../images/common/icon_collection.png') 0 0; content:''; position:absolute; top:10px; right:10px; display:inline-block;}
/*#footer .select_box dt a:after {width:7px; height:4px; background:url('../../images/common/icon_collection.png') 0 0; content:''; position:absolute; top:6px; right:10px; display:inline-block;}
#footer .select_box dl.active dt a:after {transform:rotate(180deg);}
#footer .select_box dd {width:100%; border-bottom:0; background-color:#fff; border:0; position:absolute; bottom:30px; display:none;}
#footer .select_box dd a {margin-top:1px; padding:10px 10px; color:#969696; font-size:13px; background-color:#f7f7f8; display:block;}
#footer .select_box dd a {padding:4px 10px; font-size:13px; display:block;}
#footer .select_box dl.active dd {display:block;}*/

input {height:36px; line-height:34px; border:1px solid #e3e3e3; box-sizing:border-box;}
input[type='checkbox'], input[type='radio'] {height:auto; margin-right:10px; line-height:0; border:0;}
}