@charset "utf-8";



.skip_nav{display:none}

/*상단 common메뉴*/
.top_wrap{height:40px; border-bottom:1px solid #41434d; background:#2e3138;}
.top_wrap ul.top_link{float:left; display:block;}
.top_wrap ul.top_link li{float:left; height:40px; display:block;}
.top_wrap ul.top_link li a{display:block; color:#fff; font-size:14px; padding:0 15px; letter-spacing:-1px; line-height:38px; border-right:1px solid #41434d;}
.top_wrap ul.top_link li:first-child a{border-left:1px solid #41434d; color:#5a75cd; padding-left:35px; background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat}

.top_wrap ul.top_icon{float:right; display:block;}
.top_wrap ul.top_icon li{float:left; height:40px; display:block; line-height:38px; padding:0 4px;}
.top_wrap ul.top_icon li a{display:block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:38px;}
.top_wrap ul.top_icon li img{vertical-align: middle;}
.top_wrap ul.top_icon .login { padding: 0 10px 0; background: url(/kr/img/common/l_line.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang {position: relative; padding: 0 0 0 5px;}
.top_wrap ul.top_icon .lang2 {position: relative; margin: 5px 0 0 0;}
.top_wrap ul.top_icon .lang .selected a {padding:0 20px 0 0; background: url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang .list {display: none; position: absolute; top: 32px; left: -21px; right: -4px; padding: 0; background: #2f3139; z-index: 9999;}
.top_wrap ul.top_icon .lang .list li{width: 100%; height: 20px;}
.top_wrap ul.top_icon .lang .list li a {text-align: center; padding: 0; line-height:20px;}




.inner{width: 1200px; margin: 0 auto;position: relative;}

/*header*/
#header{position: relative;}
#header h1{position: absolute; top: 19px; left: 0; background: url(/silver/common/images/common/logo.png) no-repeat; width: 212px; height: 64px; z-index: 10;}
#header h1 a{display: block;}
#header .inner{}
#header #nav {position: absolute;z-index: 10;right: 0;display: block;width: 940px;padding: 45px 0 0 0;}

	hr.gnb-line {display: block;border: 0;border-bottom: 1px solid #e1e0df;margin: 0px;position: absolute;top: 147px;width: 100%;z-index: 10;}
	.gnb-bg {/* display: none; */border-top: 1px solid #ddd;height: 300px;background: rgba(255, 255, 255, 0.8);position: absolute;z-index: 9;top: 40px;left: 0;width: 100%;}

	ul.gnb {width: 100%;display: table;}
	ul.gnb>li {display: table-cell;position: relative;text-align: center;width: 20%;}
	ul.gnb>li:last-child a {}
	ul.gnb>li>a{display: block;font-size:20px;padding: 10px 0 5px;font-weight: bold;height: 50px;}
	ul.gnb>li>a:hover{ color: #45409d; transition:all .3s; }
	ul.gnb>li>a>span{display:inline-block;padding-bottom: 30px;}
	ul.gnb>li>a:hover>span{border-bottom:6px solid #45409d; transition:all .3s;}

	ul.gnb>li .depth02 .inbox {height: 155px;padding: 10px 0;}
	ul.gnb>li .depth02 .inbox>ul>li>a:hover {text-decoration: underline;color: #45409d;transition:all .3s;}
	ul.gnb>li .depth02 .inbox>ul>li {margin: 8px 0;font-size: 16px;}

/*sub템플릿*/
.sub-visual {background: url(/silver/common/images/common/sub-visual.png) no-repeat;background-size: cover;height: 430px;text-align: right;}
.sub-visual .img {padding: 150px 0 0 0;}

#container.sub .inner {padding: 50px 0;line-height: auto;}
#container.sub .inner:after {display: block;content: '';clear: both;}
#container.sub .left-section {float: left;width: 295px;}
#container.sub .con-section {float: right;width: 835px;background: url(/silver/common/images/common/line02.png) no-repeat 0 0;padding: 40px 0 0 30px;font-size: 18px;}


/*현재위치*/
.page-path {height:35px;border-bottom: 1px solid #d9d9d9;color:#666}
.page-path .inner {height:35px;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;line-height:35px;font-size:14px;color:#666;font-weight:normal}
.page-path .inner>div {display: inline-block;padding: 25px 20px;border-right: 1px solid #d9d9d9;}
.page-path .home {color: #45409d;padding-left:5px}
.page-path .menu-home {color: #45409d;margin-left:10px;padding-left:5px;background: url(/silver/common/images/common/icon_menu-home.png) no-repeat 0 50%}
.page-path .current{color:#000; font-weight: bold;}
.page-path span {display: inline-block;}
.page-path span.gt {border-left: 1px solid #ddd;padding: 0 6px 0 0px;text-indent: -999999px;width: 0;margin-left: 2px;}
.page-path span.menu-active {border-right: 1px solid #ddd;padding: 0 10px 0 0;color: #8c2103;font-weight: bold;}

/*왼쪽메뉴*/
.left-section .top {background: url(/silver/common/images/common/line01.png) no-repeat 0 0#45409d;padding: 30px 15px 0;}
.left-section h2 {text-align: center;color: #fff;font-size: 36px;text-shadow: 2px 2px black;line-height: 120%;}

	ul.left-menu {background: #fff;padding: 30px 0 0 0;}
	ul.left-menu>li>a {display: block;text-align: center;padding: 15px 0;border-bottom: 1px solid #ddd;font-size: 18px;}
	ul.left-menu>li>a:hover{color:#45409d; text-decoration: underline;}
	ul.left-menu>li.on>a {color: #45409d;}

	ul.ico-menu {width: 265px;margin: 0 auto;background: url(/silver/common/images/common/left-ico.png) no-repeat 50% 100px #45409d;position: relative;height: 340px;}
	ul.ico-menu>li {position: absolute;}
	ul.ico-menu>li>a {display: block; padding-top:50px; color: #fff;font-size: 16px;}
	ul.ico-menu>li.m01 {left: 115px;top: 100px;}
	ul.ico-menu>li.m02 {left: 34px;top: 164px;}
	ul.ico-menu>li.m03 {left: 175px;top: 164px;}
	ul.ico-menu>li.m04 {left: 101px;top: 230px;}

#content{font-family:'NotoS', 'Malgun Gothic', '맑은 고딕', 'Dotum','AppleGothic','sans-serif'!important;}



/* footer */
footer{position:relative; clear:both; display:block; height:210px; font-size: 14px; letter-spacing: -1px; margin:0; padding:0}

footer .link_wrap {position: relative;	height: 50px; line-height: 50px; background: #eee; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #d6d6d6;z-index: 50;}
footer .link_wrap .cnt {position: relative;}
footer .link_wrap a {color: #464c58;}
footer .link_wrap a:hover, .footer .link_wrap a:active {text-decoration: underline;}

footer .f_logo{display: inline-block; float: left; clear: both; padding: 24px 30px 0 0;}
footer .fl {float: left; text-align: left;}
footer .fr {float: right; text-align: right;}

footer .btm_menu {overflow: hidden; margin: 17px 0 0 0; font-size: 0;}
footer .btm_menu li {display: inline-block; vertical-align: top; line-height: 1.2;}
footer .btm_menu li:before {content: ''; display: inline-block; width: 1px; height: 9px; margin: 0 6px; vertical-align: middle; background: #c8c8c8;}
footer .btm_menu li:first-child:before {display: none;}
footer .btm_menu li a {font-size: 14px; color: #333; vertical-align: middle;}
footer .btm_menu li .point {color: #00569f;}
footer address {margin: 25px 0 6px; color: #333; font-size: 13px; letter-spacing: 0; line-height: 22px;}
footer address span {font-weight: bold;}
footer .copy {color: #555;	font-size: 13px; line-height: 1.35;}

footer .list_logo {display: inline-block;	margin: 34px 0 0 0;	font-size: 0; vertical-align: middle;}
footer .list_logo li {display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}

footer .link_wrap .site_link {float: right; width: 570px; text-align:right; overflow:hidden}
footer .link_wrap .site_link a {color: #464c58; font-size: 14px; /*padding-right:17px; margin-right: 20px; background: url(/kr/img/common/arow_top01.gif) no-repeat right 4px*/}
footer .link_wrap .site_link span{display:inline-block; margin-left:10px;}
footer .link_wrap .site_link select{height:25px; padding: 0; font-size: 14px; color: #666; border: 1px solid #ddd;}
footer .link_wrap .site_link input{height:25px;}
footer .link_wrap .site_link .site_go01 select{width:100px;}
footer .link_wrap .site_link .site_go02 select{width:100px;}
footer .link_wrap .site_link .site_go03 select{width:100px;}
footer .link_wrap .site_link .site_go03 img{vertical-align: middle;}

footer .google{letter-spacing:-1px}
footer .google a{color:#44a7ff;}
footer .google{color:#555;font-size:13px;line-height:1.35}
.grecaptcha-badge {visibility: hidden;}

.bottom_etc{/* padding:2.4%; */background: #f7f7f7;margin: 60px 0 0;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.qrcode{padding: 20px 110px 20px 30px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;font-weight:bold;position:relative;clear:both;background: #f7f7f7;}
.qrcode p.qr_title{margin:0;padding:0;background:none;}
.qrcode p.txtQrcode{padding:0;background:none;margin:10px;font-size:13px;font-weight:normal;letter-spacing:-1px;}
.qrcode a{display:block;position:absolute;right:10px;top:10px;border:1px solid #ccc;}
.qrcode div.qrZoom{position:absolute;right:-1px;top:-1px;border:1px solid #ccc;}

.research{margin: 10px 0 0 30px;}
.research div.researchCount{}
.research div.researchCount p.research_title{margin:0; padding:10px 0; font-weight:bold;}
.research div.researchCount form{margin:10px 20px;}
.research div.researchCount form ol{width:100%;display:inline-block;margin:0 0 10px 0;}
.research div.researchCount form ol li{float:left;margin-right:10px;}
.research div.researchCount form ol label {padding: 0 0 0 5px;}
.research div.researchCount form ul{display:inline-block;width:100%;}
.research div.researchCount form ul li{float:left;}
.research div.researchCount form ul li:first-child{width:86%;}
.research div.researchCount form ul li:first-child input{padding:5px;margin:0;height:33px;width:97%;border:1px solid #ccc;}
.research div.researchCount p.resultBtn{margin:20px 0;padding:0;background:none;width:100%;text-align:center;}

.ccl{padding:10px 20px;background-color:#dfdfdf;font-weight:bold;}
.ccl a{padding: 5px;background:#fafafa;display: inline-block;border:1px solid #bbb;margin-right:10px;}
.ccl p{margin:0;padding: 0 0 0 0;background:none;font-weight:normal;font-size:13px;letter-spacing:-1px;display: inline-block;vertical-align: top;}

.contentAdmin{padding:10px 20px;border-top: 1px solid #dfdfdf;}
.contentAdmin div.adminArea{width:100%;display:inline-block;}
.contentAdmin div.adminArea dl{margin:0;font-size:12px;letter-spacing:-1px;line-height:200%;}
.contentAdmin div.adminArea dl dt{display: inline-block; font-weight:bold; margin-right:5px; font-size:14px}
.contentAdmin div.adminArea dl dd {display: inline-block; margin-right: 30px;font-size:14px}

.updateButton button.btn_info {width: 100%; text-align:center;display: block;margin: 0 auto;border: 1px solid #999;background: #cccfd4;height: 30px;font-weight: bold;text-shadow: 1px 1px #fff;}