/**************************************************
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
* 5.0 - Navigation
* 6.0 - Content
*   6.1 - Post Thumbnail
*   6.2 - Entry Header
*   6.3 - Entry Meta
*   6.4 - Entry Content
*   6.5 - Galleries
*   6.6 - Post Formats
*   6.7 - Post/Image/Paging Navigation
*   6.8 - Attachments
*   6.9 - Archives
*   6.10 - Contributor Page
*   6.11 - 404 Page
*   6.12 - Full-width
*   6.13 - Singular
*   6.14 - Comments
* 7.0 - Sidebar
*   7.1 - Widgets
*   7.2 - Content Sidebar Widgets
* 8.0 - Footer
* 9.0 - Featured Content
* 10.0 - Multisite
* 11.0 - Media Queries
* 12.0 - Print
**************************************************/



/**************************************************
* 1.0 reset
**************************************************/
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	color: #000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

body {
	background: #fff;
}

a {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a:active,
a:hover {
	color: #000;
}

h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 18px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	   -moz-hyphens: none;
		-ms-hyphens: none;
			hyphens: none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	   -moz-hyphens: none;
		-ms-hyphens: none;
			hyphens: none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dt {
	font-weight: bold;
}

ul,
ol {
	list-style: none;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	/*max-width: 100%;*/
	vertical-align: baseline;
}

textarea::-webkit-input-placeholder {
	color:#045b9d;
}
textarea::-moz-placeholder {
	color:#045b9d;
}
textarea::-ms-input-placeholder {
	color:#045b9d;
}
button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	/*width: 100%;*/
}

caption,
th,
td {
	font-weight: normal;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

.hidden {
	position: absolute;
	left: -9999em;
	visibility: hidden;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 1px;
	text-indent: -9999em;
	background: none;
	font-size: 0px;
	line-height: 0px;
}

body{
	min-width:1100px;
}

img {
	border: 0;
}
/**************************************************
* 4.0 - header 
**************************************************/
#header_wrap{
	width:100%;
	background:#f5f5f5;
	position:relative;
	z-index:2;
}
.header{
	width:1100px;
	height: 60px;
	margin: 0 auto;
	padding:15px 0;
	overflow:hidden;
}
.header h1{
	float:left;	
}
.gnb{
	float:right;
}
.gnb li{
	float:left;
	padding-right:20px;
	padding-top:23px;
}
.sitemap-wrap{
	position:absolute;
	top: -272px;
	z-index:5;
	width:100%;
	background:#fff;
	border-bottom:2px solid #3e6baf;
}
.sitemap{
	position:relative;
	width:1100px;
	margin: 0 auto;
	height:270px;
	background:url('./images/sitemap-img.png') center 30px no-repeat;
}
.sitemap > ul{
	padding-top:130px;
	padding-bottom:50px;
	cursor:pointer;	
}
.sitemap > ul > li{
	float:left;
	width:100px;
	padding:0 60px;
}
.sitemap > ul > li > a {
	font-size:15px;
	color:#232323;
	font-weight:bold;
}

.sitemap a:hover{
	color:#045b9d;
	font-weight:bold;
}
.site-sub{
	padding-top:20px;	
}
.site-sub li{
	padding-top:6px;
}
.site-sub a{
	color:#515151;
}

.sitemap-bt {
	position:absolute;
	width:72px;
	height:21px;
	bottom:-23px;
	right:20px;
	cursor: pointer;
}
.sms-wrap{
	width:1100px;
	margin: 0  auto;
	position:relative;
}
.sms{
	width:175px;
	height:331px;
	position:absolute;
	top:41px;
	right:-75px;
	background:url('./images/sms.png')  center right no-repeat;
	display:none;
}
.sms label{
	width:45px;
	display:inline-block;
	font-size:14px;
	font-weight:bold;	
	margin:5px 0;
}
.sms input{
	width:84px;
	height:20px;
	outline:none;	
}
.sms textarea{
	position:relative;
	top:85px;
	width:141px;
	right:-16px;
	height:121px;
	background:#bfbfbf;
	outline:block;
}

.send{
	cursor:pointer;
	position:absolute;
	top:277px;
	right:33px;
}
.sms ul{
	position:absolute;
	top:204px;
	left:20px;
	width:136px;
}

.sms-bt {
	position:absolute;
	top:50px;
	right:14px;
	cursor:pointer;
}
.sms-close{
	position:absolute;
	top:18px;
	left:135px;
	cursor:pointer;
}
/**************************************************
* 5.0 - Navigation
**************************************************/
#nav_wrap{
	width:100%;
	clear:both;
	background:#fff;
	border-top:1px solid #d9d9d9;
	border-bottom:8px solid #3e6baf;
	height:50px;
	box-shadow:0px 3px 3px #000;
	position:relative;
}
.nav{
	width:1100px;
	margin: 0 auto;
}

.main_nav > li {
	float: left;
	position: relative;
	border-bottom: 8px solid #3e6baf;
	padding: 15px 77px;
	height: 20px;
}

.main_nav > li > a {
	display: block;
	width: 65px;

}

.sub_nav{
	width:500px;  /*¿ø·¡ width:100%;*/
	position:absolute;
	top:48px;
	opacity: 0;
	display:block;
	visibility: hidden;
}
.sub_nav li{
	padding: 22px 20px 0 0;
	float:left;
}
.sub_nav a{
	display:block;
	color:#fff;
	font-size:13px;
}

.sub_bg{
	width:100%;
	/*height:90px;*/
	top:100px;
	position:absolute;
	background:#4982d9;
}
/**************************************************
*   6.5 - Galleries
**************************************************/
.visual{
	width:100%;
	margin: 0 auto;
	overflow:hidden;
	height:424px;
}
.visual-wrap{
	width:100%;
	background:#e6edff;
	position:relative;
	z-index:1;
	top:-3px;
}

/**************************************************
* 6.0 - Content
**************************************************/


/***	6.0 - main_Content	***/	
.main_content{
	width:1100px;
	overflow:hidden;
	margin: 0 auto;
	margin-bottom:50px;
	margin-top:35px;
}
.main_content div{
	width:240px;
	float:left;
}
.main_content div a{
	display:block;
}
.main_content .main_content04 {
	position:relative;
	width:380px;
}
.main_content04 div{
	position:absolute;
	top:65px;
	left:30px;
}
.main_content04 ul{
	width:320px;
}
.latest-date {
	float: right;
	font-size:12px;
}
.latest-title{
	float:left;
	font-size:12px;
}

/***	6.1 - sub_Content	***/
#sub_wrap{
	width:100%
}
.sub_visual_bg{
	width:100%;
	background:url('./images/sub_bg.png') 50% 0 repeat-x;	
}
.sub_visual{
	width:1100px;
	height:118px;
	margin: 0 auto;
}
.sub_visual > img {
	position: relative;
	top: -8px;
}
#sub_content{
	clear:both;
	width:1100px;
	margin: 0 auto;
	margin-bottom:50px;	
}

/***	6.2 - sub_menu	***/
.sub_menu_wrap {
	border-bottom: 1px solid #E4E4E4;
	height: 44px;
}

.sub_menu {
	margin: 0 auto;
	width: 1100px;
}

.sub_menu > li {
	float: left;
}

.sub_menu .sub_home {
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	padding: 13px 20px;
}

.sub_menu .sub_width {
	position: relative;
	border-right: 1px solid #E4E4E4;
	padding: 13px 0;
	width: 125px;
	text-align: center;
}

.sub_width .now_page {
	display: block;
	background: url("../images/menu_img.png") 108px 6px no-repeat;
}

.sub_width .sub_over_menu {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 125px;
	opacity: 0;
}

.sub_width .sub_over_menu li {
	padding: 12.5px;
	background-color: #FFF;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}

.hidden-text{
	position:relative;
	z-index:1;
	left:107px;
	top:-100px;
	display:inline-block;
	width:178px;
	height:45px;
	cursor:pointer;
	
}


/**************************************************
* 8.0 - Footer
**************************************************/
#footer_wrap{
	width:100%;
	clear:both;
	overflow:hidden;
	background:#555555;
}
.footer{
	width:1100px;
	margin: 0 auto;
	padding:10px;
	height:100px;
}
.copy{
	float:left;
	padding-top:20px
}
.bottom_logo{
	float:right;
}