@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;*/
	font-family : "Noto Sans KR", "Nanum Gothic", "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: white;
	color:#444;
	outline:none;
	height:25px;
	margin-left: 5px;
	border: 1px solid lightgray;
	border-radius: 3px;
}
#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;
}
.main-nav  .dropdown > a {
	display:block;
	/*width:120px;*/
	margin: 0 10px;
	height:100px;
	line-height:100px;
	padding:0;
	font-weight:bold;color:#333;
	font-size:20px;
}
.main-nav  .dropdown > a:lang(en) {
	font-size:17px;
	letter-spacing: -1px;
}
.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;
	/*color: #aaa;*/
	color: #fff;
	font-size:17px;
	font-weight: 600;
	text-indent: 1em;
}
.dropdown-menu li a:hover {
	/*color: #fff;
	background:#333;*/
	color: #333;
	background: #fff;
}

.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;}
.m-0{
	margin: 0 !important;
}
.mt-0{
	margin-top: 0 !important;
}
.mb-0{
	margin-bottom: 0 !important;
}
.ml-0{
	margin-left: 0 !important;
}
.mr-0{
	margin-right: 0 !important;
}
.p-0{
	padding: 0 !important;
}
.pt-0{
	padding-top: 0 !important;
}
.pb-0{
	padding-bottom: 0 !important;
}
.pl-0{
	padding-left: 0 !important;
}
.pr-0{
	padding-right: 0 !important;
}
.focused {
	outline: none;
	box-shadow: inset 0 0 5px 1px rgba(0, 123, 255, .25);
}
:focus {
	outline: none;
	box-shadow: inset 0 0 5px 1px rgba(0, 123, 255, .25);
}
:focus[type=button] {
	outline: none;
	box-shadow: inset 0 0 5px 1px rgba(0, 123, 255, .25);
	animation: blink-button 2s infinite;
}
:focus[type=text], textarea:focus, select:focus {
	outline: none;
	border: 1px solid black;
	box-shadow: none;
}
@keyframes blink-border {
	0% {
		border: 1px solid black;
	}
	50% {
		border: 1px solid transparent;
	}
	100% {
		border: 1px solid black;
	}
}
@keyframes blink-button {
	0% {
		box-shadow: 3px 2px 6px 2px #717171;
	}
	50% {
		box-shadow : none;
	}
	100% {
		box-shadow: 3px 2px 6px 2px #717171;
	}
}
@keyframes blink_item {
  0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
  10%, 30%, 50%, 70%, 90% { opacity: 0.5; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
/* title */
.title {
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden
}
.title h1 {
	margin:0;
	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-weight: normal;font-size: 18px;color: #888;margin-top: 20px}
.title2 h1 {font-size: 20px;font-weight:800;
}
/*.con_title*/
.s_title {
	font-size: 24px;font-weight: bold;margin-bottom: 10px;
} 

footer {
	height: auto;
	padding: 20px 15px;
	background-color: white;
	box-sizing: border-box;
	border-top:1px solid #494a4d;
}
footer .footwrap {
	margin: 15px auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
footer .footwrap:after {content:'';display:block;clear:both;}
footer .address {box-sizing:border-box;}
footer .address p {
	font-style: normal;
	color:#828489;
	font-size: 15px;
	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;
	}
	.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: 10px}
	.title h1 {font-size: 24px}
	.title h1:before {content: ''; display: block;width: 1px;height: 0px; background-color: #333;margin:20px auto;}
	.title p {display:none}
	.title2 h1 {font-size: 20px;font-weight:800;}
	.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 15px;}
	footer .footwrap {margin:0;}
	footer .address {float:none; padding-bottom: 15px}
	footer .address p {font-size:15px;}
	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: 120px; max-width: 210px; height: 40px; text-align:center; font-size:17px; font-weight:bold}
button:lang(vi_VN){
	letter-spacing: -2px;
}
button.danger {
	background-color: #d9534f !important;
}
button.print, button.download, button.post, button.wes {
	/*width: 100px;*/
	min-width: 80px;
	padding: 0 10px;
	height: 40px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	border: 1px solid #333;
	border-radius: 3px;
}
button.download {
	/*width: 100px;*/
	min-width: 80px;
	padding: 0 10px;
	color: white;
	background-color: #4CAF50;
	border-radius: 3px;
	border-color: #00ab00;
}
button.download:hover {
	color: white;
	background-color: #46a049;
}
button.post, button.wes, button.pdfEmail {
	/*width: 100px;*/
	min-width: 80px;
	padding: 5px 10px 10px 10px;
	color: white;
	background-color: #2d43b5;
	border-radius: 5px;
	height: 3rem;
	line-height: 2rem
}
button.post:hover, button.wes:hover, button.pdfEmail:hover {
	color: white;
	background-color: #001cab;
}
button.already {
	/*width: 90px;*/
}
button.gray {
	color: black;
	min-width: 80px;
	padding: 0 10px;
	height: 40px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	background-color: lightgray;
}


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;}
.cursor-pointer {
	cursor : pointer;
}

#loadding_layer #msg3 {
	background-color: #444;
	padding: 10px;
	border-radius: 10px;
	font-size: 17px;
	color: white;
}
#loadding_layer .load_message {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 70px;
}
.load_message .msg {
	text-align: center;
	background-color: #444;
	padding: 10px;
	border: 1px solid gray;
	border-radius: 10px;
	font-size: 17px;
	color: white;
	margin-bottom: 5px;
}
.load_message .button {
	padding: 5px 20px;
	background-color: #4b4b4b;
	color: #e5e5e5;
	font-size: 17px;
	font-weight: 600;
	width: max-content;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
	box-shadow: 1px 1px 8px 1px #939397;	
}