@charset "utf-8";
@import url(../nanumsquare/nanumsquare.css);

/* normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:700;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:\201C \201D \2018 \2019;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
body,figure{margin:0;}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
/* end of normalize.css */

html,body{
	font-size: 14px;
	font-family: 'NanumSquare', sans-serif;
}

a img{ border:none; outline:none }

.clearfix{ *zoom:1 }
.clearfix:after{ display:block; clear:both; content:"" }
.fl{ float:left }
.fr{ float:right }
.bold{ font-weight: bold }
.hidden{ visibility: hidden }
.hidden2{ display: none }
.centered{ text-align: center; }

input,label{ vertical-align:middle }


/* Components */
.no-uline:link,
.no-deco:link{ color:#333; text-decoration:none }
.no-uline:hover{ color:#333; text-decoration:underline }
.no-deco:hover{ color:#333; text-decoration:none }
.no-uline:active,
.no-deco:active{ color:#333; text-decoration:none }
.no-uline:visited,
.no-deco:visited{ color:#333; text-decoration:none }

button.primary{
	width: 150px;
	padding: 11px 0 9px;
	background-color: #dc436c;
	color: white;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	border-radius: 10px;
	border: none;
	outline: none;
	transition: background-color 0.5s;
}
button.primary:hover{ background-color: #F75E17 }

button.primary:disabled{
	background-color: #666;
}


/* Layout */
.container{
	width: 1000px;
	margin: 0 auto;
}


header{
	width: 100%;
	background-color: #eee;
	padding: 16px 0;
}

header .icon{
	width: 40px;
	height: 40px;
	background-image: url('../images/square_icon.png');
	background-size: 40px auto;
}

header .container .subtitle{
	margin: 6px 0 0 15px;
	font-size: 26px;
	font-weight: 400;
	color: #444;
}
header .container .subtitle a{
	text-decoration: none;
	color: inherit;
	outline: none;
}

header a.avatar{
	display: inline-block;
	margin-top: 5px;
}

header .avatar img{
	border-radius: 50%;
	vertical-align: middle;
}

header nav.gnb{
	float: left;

	list-style: none;
	margin: 13px 0 0 25px;
	padding: 0;
	font-size: 14px;
}
header nav.gnb ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
header nav.gnb ul:after{ clear: both; content: ""; display: block; }

header nav.gnb ul li{
	float: left;
	margin-left: 25px;
}
header nav.gnb ul li a{
	color: #666;
	text-decoration: none;
	outline: none;
	transition: color 0.5s;
}
header nav.gnb ul li.selected a,
header nav.gnb ul li.active a,
header nav.gnb ul li:hover a{ color: #dc436c }


footer{
	background-color: #f7f7f7;
	font-size: 13px;
	line-height: 1.3;
	color: #aaa;
	padding: 26px 0;
}

footer .logo{
	float: left;
	width: 180px;
    height: 29px;
    background-image: url(../images/logo_grey.png);
    background-size: 180px auto;
    margin: 15px 30px 8px 0;
}

footer strong{ color: #999 }

footer .links{
	padding-top: 8px;
}
footer .links a{
	display: inline-block;
	color: #a0a0a0;
	text-decoration: none;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #aaa;
}
footer .links a:last-child{ border-right: none; }
footer .links a:hover{ text-decoration: underline; }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	header .icon{
		background-image: url('../images/square_icon@2x.png');
	}
	footer .logo{
		background-image: url('../images/logo_grey@2x.png');
	}
}