@charset "utf-8";


/************************************************
	 Basic
************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,a,blockquote,th,td,input,select,textarea,button,xmp {font-family:'Noto Sans KR', sans-serif; color:#505050;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
.clear {clear:both;}
*html .clear6 {_clear:both;}
table { border-collapse:collapse;}

/* Link */
a:link {color:#505050;text-decoration: none;}
a:visited {color:#888;text-decoration: none;}
a:active, a:hover {color:#cb422a!important; text-decoration:underline;}

/* GNB */
.combine_gnb {position:fixed; padding:0px 0 20px 0; width:100%; background:url(../../images/topmenu_bg.png) repeat-x; z-index:10;}
.combine_gnb .gnb_wrap {width:1020px; margin:0 auto; position: relative;}
.combine_gnb .gnb_wrap h1 {position: absolute; left: 0px; top: 5px; height: 21px;}
.combine_gnb .active a {color:#cb422a!important;}
.combine_gnb .draw_menu { visibility:hidden}
.combine_gnb .draw_menu_button {width:30px; height:30px; background:url(../../images/ioc_drawmenu.png) no-repeat; background-size:30px 23px; position:absolute; top:12px; right:10px; cursor:pointer}
.combine_gnb .draw_menu_wrap {position:absolute; top:0px; right:0px; background:#FFF; width:100%; z-index:1000}
.combine_gnb .draw_menu_wrap h1 {text-align:left; margin:5px 0 10px 15px; z-index:999}
.combine_gnb .draw_menu_wrap .close_draw_menu {width:20px; height:20px; background:url(../../images/ioc_drawmenu_close.png) no-repeat; background-size:20px; position:absolute; top:12px; right:10px; cursor:pointer; z-index:1000}
.combine_gnb .draw_menu ol li { text-align:left; border-bottom:1px solid #ccc; cursor:pointer; padding:10px 15px;}
.combine_gnb .draw_menu ol ol li { border-bottom:1px dashed #ccc; font-size:14px;}
.combine_gnb .draw_menu .no_line { border-bottom:none}
.combine_gnb .draw_menu a { display:block;}

nav {
	margin: 0px; 
	text-align: center;
}
nav li, nav a{
font-family: 'Montserrat', sans-serif;
}
nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	background: #fff; 
	list-style: none;
	position: relative;
	display: inline-table;
	float:right;
}
	nav ul:after {
		clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #fff;
		}
			nav ul li:hover a {
				
			}
		
		nav ul li a {
			display: block; padding-top:14px;
			width:110px;
			height:32px;
			text-align:center;
			text-decoration: none;
			border-right:1px solid #ccc;
			font-size:16px
		}
		nav ul li a:link {color:#5f5f5f; text-decoration: none;}
			
		
	nav ul ul {
		position: absolute; top: 100%;
		padding:10px 20px;
		border:1px solid #ccc
	}
		nav ul ul li {
			float: none; 
			border-bottom: 1px solid #ccc; position: relative;
			width:180px;
		}
			nav ul ul li a {
				padding:8px 10px;
				height:18px;
				color: #fff;
				text-align:left;
				border-right: none;
				font-size:14px
			}	
				nav ul ul li a:hover {
					background: #fff;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	nav ul .bt_none { border-bottom:none}


/* footer */
.footer {width:100%;padding-bottom:100px; border-top:1px solid #CCC;}
.footer .bar img {height:10px; margin-top:-5px;}
.footer .bar {margin-top:-9px; margin-bottom:40px; line-height:1.5em;}
.footer_wrap {width:1020px; margin:0 auto;}
.footer_wrap h2 {float:left; margin:0 60px;}
.footer_wrap ul {float:left; width:180px;}
.footer_wrap li {font-size:12px; margin-bottom:7px;}
.footer_wrap .copyright {text-align:center; padding-top:25px; font-size:14px;}
.ico_national {vertical-align:middle; margin-bottom:3px}

.input {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
  -moz-box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
  box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
  color: #333333;
  font-size: 14px;
  padding: 4px 8px;
  height: 28px;
}

.input-small {
  font-size: 12px !important;
  height: 24px !important;
}

.btn {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bebebe;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
  color: #000000;
  text-decoration: none;
  padding: 0 12px;
  font-size: 12px;
  height: 24px;
  line-height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.input:focus {
  border-color: #b08bfc;
  outline: 0;
  -webkit-box-shadow: inset 0 4px 5px -5px rgba(0,0,0,0.3), 0 0 1px 1px rgba(136,74,228,.095);
  -moz-box-shadow: inset 0 4px 5px -5px rgba(0,0,0,0.3), 0 0 1px 1px rgba(136,74,228,.095);
  box-shadow: inset 0 4px 5px -5px rgba(0,0,0,0.3), 0 0 1px 1px rgba(136,74,228,.095);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active:not([disabled]),
.btn:active:not([disabled]) {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn-gray {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  border: 1px solid #b8b8b8;
  color: #201834;
}
.btn-gray:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
}
.btn-gray.active:not([disabled]),
.btn-gray:active:not([disabled]) {
  color: #000;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -webkit-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
}

.tob_menu {background:url(../images/top_menu_bg.png) repeat-x; height:57px; width:100%;}
.tob_menu ul {padding-top:18px;}
.tob_menu ul li {float:right; margin-right:20px; font-size:12px;}