@charset "utf-8";

body {font-size:14px; line-height:140%; font-family:"나눔고딕","NanumGothic","NanumGothicOTF", "맑은고딕", "Malgun Gothic", ng, "굴림", gulim, "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", sans-serif; }
input,select,textarea {font-size:12px; font-family:gulim;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

@media all and (min-width:768px) { /* Desktop : 768 이상 해상도 */
	@font-face {
	  font-family: 'NanumGothic';
	  font-style: normal;
	  font-weight: 400;
	  src:local('☺');
	  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		   url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
		   url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
		   url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
	}
	body,input,textarea,button,select,table{font-family:나눔고딕,NanumGothic,ng,Tahoma,Sans-serif}
}

.wrap {width:950px;margin:auto;}

#header {}
#header .headerbox {}
#header .headerbox .headertop {background:url('/layouts/gb14208/image/lib/top_pink_bg.png'); border-bottom: 0px; height:168px;}
#header .headerbox .logo {-float:left; height:100px; background:url('/layouts/gb14208/image/lib/top_mapbg.png');}
#header .headerbox .logo h1 {padding:0;margin:0;}
#header .headerbox .logo a {font-size:30px;font-family:"malgun gothic";outline:none;display:inline;}
#header .headerbox .logo img {}
#header .headerbox .logo #top_banner {float:left; width:255px; margin: 10px 0px;}
#header .headerbox .logo #top_logo {float:left; width:485px; text-align:center; margin: 21px 0px;}
#header .headerbox .logo #top_direct_menu {float:right;width:210px; margin: 61px 0px 0px 0px;}

#header .headerbox .gnb {-float:right;height:30px;}
#header .headerbox .gnb .menutops {padding:3px 0 0px 0;text-align:right;font-size:11px;font-family:dotum;letter-spacing:2px;}
#header .headerbox .gnb .menutops a {font-family:gulim;font-size:11px;letter-spacing:-1px;outline:none;}
#header .headerbox .gnb .menutops a:hover {text-decoration:underline;}
#header .headerbox .gnb .menutops img {margin-bottom:-3px;}
#header .headerbox .gnb .menutops .admin {font-size:11px;font-family:dotum;font-weight:bold;color:#FA5800;}

/* main gnb menu */
/*
#header .headerbox .menutabs {-float:right; -height:15px;}
#header .headerbox .menutabs ul {position:relative; padding:0;margin:0;list-style-type:none; }
#header .headerbox .menutabs li {float:left;}
#header .headerbox .menutabs li a {display:block;height:25px; padding:11px 23px 0px 23px;font-size:15px;outline:none;color:white; font-weight:bold; }
#header .headerbox .menutabs li a:hover { color:white; -background:#3a3a3a; }
#header .headerbox .menutabs .on {position:relative;}
#header .headerbox .menutabs input {position:relative; top:-12px; } 

#header .headerbox .menutabs li div { position:absolute;display:none;width:1px;height:1px;z-index:1; top:36px; }
#header .headerbox .menutabs li div dl {margin:0px 0 0 0px;padding:7px;width:130px;background:#4f4f4f;}
#header .headerbox .menutabs li div dt {margin:0;padding:0;}
#header .headerbox .menutabs li div dd {margin:0;padding:0;}
#header .headerbox .menutabs li div dt a {overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;padding:4px 0 10px 10px;font-size:13px; height:12px; -text-shadow:0 0 0 #4f4f4f; color:white;}
#header .headerbox .menutabs li div dt a:hover {-background:#efefef; color:#00eaff; }
#header .headerbox .menutabs li div dd a {overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:13px; height:11px; -text-shadow:0 0 0 #666666; color:#00eaff;}
#header .headerbox .menutabs li div dd a:hover {background:#efefef; color:black; }
*/

/* ---------------------------------------------------------------- */
ul									{ padding:0; margin:0px; list-style: none; }
ul.dropdown a:hover		        { color:white; }
ul.dropdown a:active                { color: #BE9F41; }
ul.dropdown                         { position:relative; list-style:none; z-index:100; padding-top:8px; }
ul.dropdown li                      { font-weight:600; float:left; zoom: 1; position:relative; }
ul.dropdown li a                    { padding:11px 23px 8px 23px;font-size:15px;outline:none;color:white; font-weight:600; }
ul.dropdown li .on                  { color:#FFFF99; }
ul.dropdown > li a:hover          { color:#FFFF99; }
ul.dropdown li.hover a,
ul.dropdown li a:hover              {  }

/*ul.dropdown ul 						{ display:none; position:absolute; top:20px; list-style:none; width:184px; padding:7px 0px; left:0px; opacity:0.9; }*/
ul.dropdown ul { 
	display:none; position:absolute; 
	top:25px; list-style:none; padding:0; left:5px; z-index:101; 
  border: solid 1px #eee;
	box-shadow: #666 2px 2px 3px; border-radius:10px; }
ul.dropdown ul li { margin:0px; padding:0px 7px 0px; width:160px; background:#fff; list-style:none; }
ul.dropdown ul li { display: inline; } 

ul.dropdown ul li a { overflow:hidden;x-height:13px;line-height:140%;display:block;font-weight:600;padding:0px 0 0px 10px; x-width:120px; font-size:15px; -text-shadow:0 0 0 #4f4f4f; color:#E72818; display: inline-block; }
ul.dropdown ul li a:hover			{ color:#111111; background:#eee;} 
ul.dropdown ul li:first-child		{ padding-top:10px; border-radius:10px 10px 0 0; }
ul.dropdown ul li:last-child		{ padding-bottom:10px; border-radius:0 0 10px 10px; }

ul.dropdown ul ul 					{ left: 100%; top: 0; color:white; list-style:none; } 
ul.dropdown li:hover > ul 			{ display:block; color:white; } 

/* ---------------------------------------------------------------- */

#container .mainbox {height:320px;padding:25px 0 25px 0;}
#container .subbox { }
#container .subbox .subtitle_image { } 
#container .subbox .subtitle {float:left;}
#container .subbox .subtitle h2 {padding:25px 0 0 0;margin:0;font-size:35px;font-family:"batang";color:#b6b6b6; -font-style:italic;}
#container .subbox .subtitle span{font-size:25px}
#container .subbox .searchbox { float:right }
#container .subbox .location { float:right; margin-top:50px; color:gray; }
#container .subbox .location a { color:gray; }

/* ------------------------- */

#footer {margin:15px 0 0 0 0; clear:both; background-color:white; x-height:150px; }
#footer .footer {padding:15px 0 0 0; border-top:solid 1px #CCCCCC; }
#footer .footer .slinks {float:left;}
#footer .footer .slinks2 {float:right;}

#footer .footer .slinks .elink {padding:30px 0 10px 0;font-size:11px;font-family:dotum;color:#c0c0c0;letter-spacing:2px;}
#footer .footer .slinks .elink a {font-family:gulim;font-size:12px;letter-spacing:-1px;color:#666666;}
#footer .footer .slinks .elink a:hover {text-decoration:underline;}
#footer .footer .slinks .copyright {font-size:11px;font-family:arial;color:#999999;}
#footer .footer .powered {float:right;}
#footer .footer .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}


.footer_gradient {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}



/**************************************************************/
/* from pure css ( http://purecss.io/buttons/ ) */

.pure-button {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* csslint unqualified-attributes:false, outline-none:false */ 
.pure-button {
	font-size: 100%;
	*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
	*overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
	padding: 0.5em 1.5em 0.5em;
	color: #444; /* rgba not supported (IE 8) */
	color: rgba(0, 0, 0, 0.80); /* rgba supported */
	*color: #444; /* IE 6 & 7 */
	border: 1px solid #999;  /*IE 6/7/8*/
	border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px;
	/* Transitions */
	-webkit-transition: 0.1s linear -webkit-box-shadow;
	-moz-transition: 0.1s linear -moz-box-shadow;
	-ms-transition: 0.1s linear box-shadow;
	-o-transition: 0.1s linear box-shadow;
	transition: 0.1s linear box-shadow;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
	background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
	background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
	background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
	outline: 0;
}
.pure-button-active,
.pure-button:active {
	box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: not-allowed;
	box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

.pure-button-success,
a.pure-button-success,
.pure-button-error,
a.pure-button-error,
.pure-button-warning,
a.pure-button-warning,
.pure-button-secondary,
a.pure-button-secondary {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-success {
	background: rgb(28, 184, 65); /* this is a green */
}

.pure-button-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}

.pure-button-warning {
	background: rgb(223, 117, 20); /* this is an orange */
}

.pure-button-secondary {
	background: rgb(66, 184, 221); /* this is a light blue */
}

.pure-button-xsmall {
	font-size: 70%;
}

.pure-button-small {
	font-size: 85%;
}

.pure-button-large {
	font-size: 110%;
}

.pure-button-xlarge {
	font-size: 125%;
}



/**************************************************************/
/* Document Styles */

.dojeon {
	border:1px solid #EEEEEE; 
	padding:10px 20px 10px; 
	background-color:#FFFCF0; 
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.dojeon h3 {
	font-size: 16px; 
	color:#B30000;
	xpadding:0.5em 0 0.5em;
	font-weight:700;
}
.dojeon ul {
	list-style:none;
	padding-left:0;
}
.dojeon li {
	padding:5px;
}

.messagebox {
	margin: 1.3em 0 1.3em;
	padding: 1.3em;
	x-font-family: Consolas, 'Liberation Mono', Courier, monospace;
	color: #333;
	background: rgb(250, 250, 250);
	border: 1px solid #eee;
}

.copyright-notice { color:#777; }
.copyright-notice a { color:#777; }

.rightbanner {
    position: absolute;
    top: -120px;
    right: 40px;
    z-index: 10;
} 

#kakaostory-follow-button { display:inline; margin-right:10px; }