@charset "utf-8";

/* 공통 */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}
.hide {display:none;}
.h30 {height:30px;}
body,input,select,textarea,header,footer {color:#000; font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; font-size:14px;}
a {text-decoration:none;}
a:link, a:visited, a:hover {color:#000;}

/* Header */
#logoArea {position:relative; height:75px; overflow:hidden;}

#logoArea div.top_L_menu {position:absolute; bottom:10px; left:10px; width:30px;}
#logoArea div.top_L_menu a i {padding:4px 0 0; color:#626262; font-size:24px;}

#logoArea div.top_C_logo {text-align:center;}
#logoArea div.top_C_logo h1 {margin:10px 0;}
#logoArea div.top_C_logo h1 a img {border:0;}

#logoArea div.top_R_search {position:absolute; bottom:10px; right:10px; width:30px; text-align:center;}
#logoArea div.top_R_search a i {padding:4px 0 0; color:#626262; font-size:24px;}

/* 전체메뉴, 검색창 영역 */
#subArea {display:none;
	background: #384b5c; /* Old browsers */
	background: -moz-linear-gradient(top,  #384b5c 0%, #4b647a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #384b5c 0%,#4b647a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #384b5c 0%,#4b647a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384b5c', endColorstr='#4b647a',GradientType=0 ); /* IE6-9 */
}

/* 전체메뉴 */
#subArea #menuBox {display:none;}
#subArea #menuBox .menuList {padding-top:20px; overflow:hidden;}
#subArea #menuBox .menuList h3 {float:left; padding:3px 0; width:29.5%; font-size:15px; text-align:center}
#subArea #menuBox .menuList h3 a {color:#fff;}
#subArea #menuBox .menuList ul {float:left; width:63%; border-left:1px solid #bbb;}
#subArea #menuBox .menuList li {float:left; width:50%; list-style:none;}
#subArea #menuBox .menuList li a {display:block; padding:3px 0 3px 10px; color:#fff; font-size:12px; text-decoration:none}

/* 검색창 */
#subArea #searchBox {display:none;}
#subArea #searchBox fieldset {position:relative; margin:0 auto; padding-top:100px; width:80%; min-width:350px; border:0;}
#subArea #searchBox fieldset legend {position:absolute; top:50px; left:10px;}
#subArea #searchBox fieldset legend a {margin-right:5px; padding:4px 14px; border-radius:16px; color:#fff; background-color:#afafaf;}
#subArea #searchBox fieldset legend a:hover {background-color:#eb9547;}
#subArea #searchBox fieldset legend a.on {background-color:#eb9547;}

#subArea #searchBox fieldset .inputBox {position:relative; padding:0 40px 10px 8px; border-bottom:2px solid #fff;}
#subArea #searchBox fieldset .inputBox input {width:97%; height:39px; color:#fff; font-size:30px; line-height:30px; border:0; background:none;}
#subArea #searchBox fieldset .inputBox a {position:absolute; top:-2px; right:0; width:40px; height:40px; font-size:30px;}
#subArea #searchBox fieldset .inputBox a i {color:#fff; line-height:40px; vertical-align:bottom;}

/* 검색창 suggest */
#subArea #searchBox fieldset #h_suggestArea {position:absolute; top:151px; left:3px; width:98%; z-index:9;-webkit-transform: translate3d(0, 0, 2px);}
#subArea #searchBox fieldset #h_suggestArea ul {padding:8px 0; background:#fff; border:1px solid #D2D2D2; border-top:0; list-style:none;}
#subArea #searchBox fieldset #h_suggestArea ul li {padding:3px 10px; text-align:left; border-bottom:1px solid #eee;}
#subArea #searchBox fieldset #h_suggestArea ul li:last-child {border-bottom:0;}
#subArea #searchBox fieldset #h_suggestArea ul li.on {background:#ecfbf0;}
#subArea #searchBox fieldset #h_suggestArea ul li:hover {background:#ecfbf0; color:#4AA986; cursor:pointer;}
#subArea #searchBox fieldset #h_suggestArea p {padding:10px; text-align:center; color:#fff; cursor:pointer;
	background: #7c7a7a; /* Old browsers */
	background: -moz-linear-gradient(top,  #a9a7a7 0%, #7c7a7a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a9a7a7 0%,#7c7a7a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a9a7a7 0%,#7c7a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a7a7', endColorstr='#7c7a7a',GradientType=0 ); /* IE6-9 */
}

/* Footer */
#footer {padding:30px 0; border-top:#000 solid 2px; background:#e6e6e6;}
#footer .version {text-align:center;}
#footer .version a {margin:0 5px; padding:5px 20px; text-align:center; font-size:12px; color:#333; border:#c4c7d0 solid 1px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #F6F6F6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff 0%,#F6F6F6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fff 0%,#F6F6F6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#F6F6F6',GradientType=0 ); /* IE6-9 */
}
/* #footer h4 {margin:30px 0; text-align:center;} */
#footer h4 {margin:30px 0; text-align:center; font-size:16px; font-weight:900;}

/* 서브메뉴 */
.scrollbar {height:1px; display:none;}
.scrollbar .handle {width:100px; height:100%; background:#EE3123;}

.clearfix::before {display:table; content:" ";}
.clearfix::after {display:table; content:" ";}
.clearfix::after {clear:both;}
.clearfix {}

#subMenu {width:100%; height:40px; line-height:40px; background:#1e6aaf; overflow:hidden; z-index:5; -webkit-transform: translate3d(0, 0, 1px);}

#subMenu ul {margin:0 auto;  text-align:center; list-style:none;}
#subMenu ul li {float:left; height:100%; text-align:center;}
#subMenu ul li a {padding:0 15px; font-size:13px; color:#fff; text-decoration:none; white-space:nowrap}
#subMenu ul li a.on {padding:5px 15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:5;
background: #3d92de; /* Old browsers */
background: -moz-linear-gradient(top,  #3d92de 0%, #2481d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3d92de 0%,#2481d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3d92de 0%,#2481d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d92de', endColorstr='#2481d5',GradientType=0 ); /* IE6-9 */
}