@charset "utf-8";
/*
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
*/
body {color:#444;font-family: 'Malgun Gothic','맑은 고딕',sans-serif;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
a, a:hover, a:focus {text-decoration:none;}

.pad0 {padding:0;}
.red {
	font-color:red;
}
/* layout */
#wrap {width:100%; min-width: 320px;}
#header {width:100%;border-bottom:1px solid #ddd;}
#header .container:before, #header .container:after {content:'';display:block;clear:both;}
.top-menu-content {height:50px;background-color:#f0f0f0;font-size:13px;}
.top-menu-content .center-name {float:left;color:#444;font-weight:bold;padding:0 5px;line-height:50px;}
.top-menu-content .top-menu-utill {float:right;margin-bottom:0;}
.top-menu-content .top-menu-utill li {float: left;width:auto;text-align:center;line-height:50px;}
.top-menu-content .top-menu-utill  li:after{content: '';display: inline-block;width: 1px;height: 8px;background-color: #aaa;margin:0 15px}
.top-menu-content .top-menu-utill  li:last-child:after {display:none;}
.top-menu-content .top-menu-utill li a {color:#444;}
.top-menu-content .top-menu-utill  li select {background-color:inherit;color:#444;outline:none;height:25px;}
#nowTimes {line-height:50px}

.navbar-header {float:left;}
.logo {
	margin: 0;
	height:45px;
	z-index: 1000;
}
.logo a{ display: block;width: 100%;height: 100%;}
.logo a img {display: block; height: 100%;}


.nav-default {margin-bottom:0px;}
.main-nav {position:relative;}
.main-nav ul:after {content:'';display:block;clear:both;}
.main-nav .dropdown {
	float:left;text-align:center;color:#333;font-family:'NanumSquare',sans-serif;
}
.main-nav  .dropdown > a {
	display:block;
	width:120px;
	height:100px;
	line-height:100px;
	padding:0;
	font-weight:bold;color:#333;font-size:20px;
}
.main-nav > li > a:hover, .main-nav > li > a:focus, .main-nav > li > a.active {background:0;}
.main-nav  .dropdown > a:hover {color: #284e75;}
.main-nav .dropdown:first-child ul {left: 0;}
.dropdown-menu {width: 200px; background: #333;}
.dropdown-menu li a {
	padding: 10px 0;
	font-family: 'Malgun Gothic',sans-serif;
	color: #aaa;
	font-size:15px;
	text-indent: 1em;
}
.dropdown-menu li a:hover {color: #fff;background:#333;}

.navbar-toggle {position: relative;margin:6px 15px 0 0;height:20px;width:28px;padding:0;}
.navbar-toggle .icon-bar {display:block;height:2px;width:100%;margin:0 !important;padding:0;background-color:#444;position:absolute;right:0;top:0;transition:all .3s;border-radius:3px}
.navbar-toggle .icon-bar.b2 {top:8px;}
.navbar-toggle .icon-bar.b3 {top:16px;}
.navbar-toggle.active .icon-bar {top:8px;transform:rotate(45deg);}
.navbar-toggle.active .icon-bar.b2 {display:none;}
.navbar-toggle.active .icon-bar.b3 {transform:rotate(-45deg);}

.swbg {background-image: url(/icerti/common/img/s_bg.png);background-repeat: no-repeat;background-position: top right;}

/*.directory*/
.directory {overflow: hidden;margin:20px 0 20px 5px}
.directory li {float: left;font-size: 13px;}
.directory li:before{content: '>';margin: 0 10px;color: #333}
.directory li:first-child img {position:relative;top:-2px;}
.directory li:first-child:before {display:none;}

/* title */
.title {text-align: center;margin-bottom: 50px;overflow: hidden}
.title h1 {margin:0;font-family: 'NanumSquare',sans-serif;font-weight: bold;font-size: 40px;color: #333}
.title h1:before {content: ''; display: block;width: 1px;height: 0px; background-color: #333;margin:20px auto;}
.title p {font-family: 'Malgun Gothic',sans-serif;font-weight: normal;font-size: 18px;color: #888;margin-top: 20px}

.title2 h1 {font-size: 20px;font-weight:800;font-family:NanumSquare,sans-serif;}
/*.con_title*/
.s_title {font-family: 'NanumSquare',sans-serif;font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.s_title:before {content: '';display: block;background-color: #333;width: 40px;height: 4px;margin-bottom: 15px;}


/* footer */
footer {
	height: auto;
	background-color: #333;
	box-sizing: border-box;
	border-top: 1px solid #333;
}
footer .footwrap {margin: 15px auto; }
footer .footwrap:after {content:'';display:block;clear:both;}
footer .address {box-sizing:border-box;}
footer .address p {
	font-style: normal;
	color:#828489;
	font-size: 13px;
	line-height: 1.8;
	margin-bottom:0;
}
footer .address .copy {color: #828489;}
footer .address .copy span {color: #d4d6de}
footer a {color:#d4d6de}
footer .footlogo {padding-top:20px;box-sizing:border-box;}
footer .footlogo img {}

@media screen and (min-width: 960px) {
	.navbar {height: 100px}
	.logo {margin-top: 25px;}
	.dropdown:hover .dropdown-menu {display:block;}
}

@media screen and (max-width: 960px) {
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin:0;}
	#header .container {padding:0;}
	.top-menu-content {padding:0 10px;font-size: 11px;height:auto;}
	.top-menu-content .center-name {line-height:40px;padding:0;}
	.top-menu-content .top-menu-utill {padding-right:5px;}
	.top-menu-content .top-menu-utill li {width: auto;font-size: 11px;line-height:40px;}
	.top-menu-content .top-menu-utill li:after {content: '';display: inline-block;width: 1px;height: 8px;background-color: #aaa;margin-left: 8px;}
	.top-menu-content .top-menu-utill  li:last-child:after {display:none;}
	#nowTimes {margin-top:5px!important}
	
	.logo {height:40px; margin-left: 15px;}
	/* .navbar {min-height: 100px} */
	.navbar-nav {margin:0;}
	.navbar {min-height:40px;padding:30px 0;margin-bottom:0;}
	.navbar-collapse {position:relative;top:20px;clear:both;width:100%;padding:0;margin:0;overflow-x:hidden;}
	.main-nav {border-top:1px solid #ddd;float:none !important;}
	.main-nav .dropdown {
		float:none;display:block;text-align: left;border-bottom:1px solid #ddd;
		font-family:'Malgun Gothic',sans-serif;
	}
	.main-nav .dropdown:last-child {border-bottom:0;}
	.main-nav .dropdown > a  {width:100%;height:50px;line-height:50px;padding-left:20px;font-size:13px;box-sizing:border-box;}
	.main-nav .dropdown.open > a {color:#004898;background:#f4f6f7;box-sizing:border-box;}
	.main-nav .dropdown > a:after {content: '';position: absolute;top: 20px;right: 20px; display: block;background-image: url(/icerti/common/img/bottom_arrow.png);width: 14px;height: 9px;}
	.main-nav .dropdown.open > a:after {background-image: url(/icerti/common/img/top_arrow.png);}
	.dropdown-menu {position:static;float:none;min-width:100%;box-shadow:none;border-width:1px 0 0 0;background:#f4f6f7;padding:0;border-top:1px solid #ddd !important;}
	.dropdown-menu > li > a {background:#f4f6f7;color:#555;padding-left:20px;font-size:13px;padding:10px 20px !important;}

	.title {margin-bottom: 40px}
	.title h1 {font-size: 24px}
	.title h1:before {content: ''; display: block;width: 1px;height: 0px; background-color: #333;margin:20px auto;}
	.title p {font-size: 13px}
	.title2 h1 {font-size: 20px;font-weight:800;font-family:NanumSquare,sans-serif;}
	.s_title {font-size: 18px}
}

@media screen and (max-width: 759px) {
	.navbar {padding: 25px 0;}
	.logo {height:30px;}
	footer {height:auto;padding:15px 0 30px;}
	footer .footwrap {margin:0;}
	footer .address {float:none;}
	footer .address p {font-size:11px;}
	footer .footlogo {padding-top:0;text-align:center;}
	footer .footlogo img {margin-top:10px}
}

.input1 {border: 1px solid #ccc; background: #f5f5f5; width: 23%; max-width: 210px; height: 40px;}
.input_comp {border: 1px solid #ccc; background: #f5f5f5; width: 23%; max-width: 210px; height: 40px; text-align:center; font-size:15px; font-weight:bold}
button.print, button.download {
	width: 30%;
	min-width:90px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	border: 1px solid #333;
}
button.download {
	width: 70%;
	color: white;
	background-color: #4CAF50;
}
button.download:hover {
	color: white;
	background-color: #46a049;
}
button.already {
	width: 90px;
}

a.link_btn{
	border: none;
	color: white;
	padding: 3px 5px;
	border-radius:3px;
}
.link_info {background-color: #2196F3;}
.link_info:hover {background: #0b7dda;}

.gnb{margin:0 auto;width:1002px;height:80px;}
.gnb .logo{float:left;padding-top:21px;padding-left:35px;}
.gnb .logo a{display:block;width:175px;height:35px;background:url(../images/common/logo.gif) no-repeat}

.gnb .top .main_menu{float:left;padding-top:29px;padding-left:91px;}
.gnb .top .main_menu li{float:left;}
.gnb .top .main_menu .m{display:block;width:130px;height:50px;text-align:center;}