@charset "utf-8";

@font-face {
	font-family: Nanum Gothic;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic.eot?#iefix) format("embedded-opentype"), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic.woff2) format("woff2"), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic.woff) format("woff"), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic.ttf) format("truetype");
	font-style: normal;
}

*{margin:0;padding:0}
img {border: 0;vertical-align: top;}
ul{list-style:none}
body{font-size:12px;background:#f0f0f0;font-family: 'NanumGothic',"나눔고딕", Arial, Helvetica, sans-serif,"돋움",dotum,sans-serif;}
.img_bottom{ vertical-align:bottom}
.img-max-100{ max-width:100%;}
header {width:100%;float:left;clear: left;list-style:none; border-bottom:1px solid #E0DAD3}


/*로케이션*/
#location{top:-12px; width:100%; background-image: linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -o-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -moz-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -ms-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(252,252,252)),
	color-stop(1, rgb(254,254,254))
);}
#location .location-03{ padding-left:10px; font-weight:bold; color:#383838; width:85px;}
#location .par { padding-left:10px; font-weight:100; color:#383838}
#location .cur { padding-left:10px; font-weight:bold; color:#383838}

#sub-content{position:relative; width:96% !important; padding:2% !important; margin-bottom:150px; }
#sub-content .sub-item-table{width:100%}
#sub-content #sub-item-content{ position:relative; margin-top:10px; margin-bottom:10px}
#sub-content .sub-item-table .sub-item-table-tab{ width:100%;color: #ffffff;}
#sub-content .sub-item-table .sub-item-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#3668b2}
#sub-content .sub-item-table .sub-menu-label{padding:10px 10px; 0 0; float:left;}
#sub-content .sub-item-table .sub-menu-icon{float:right; padding:6px 8px 6px 6px;  text-align:center;margin-top:4px;margin-right:0%;}

#footer {position:relative; width:100%;padding: 0px 0px;clear: both;overflow: hidden;height:100%;background:#888888;}

#sub-category{margin-bottom:20px;}
#sub-category>table { width:100%; }
#sub-category>table td { text-align:center; height:36px; margin:4px 0;  border:0px solid #b3b3b3;
background-image: -o-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(248,248,248)),color-stop(1, rgb(255,255,255)));-webkit-box-shadow: 1px 1px 5px 1px #a6a6a6;
box-shadow: 1px 1px 5px 1px #a6a6a6;}
#sub-category>table td a { font-size:12px; color:#707070; width:100%; display:block;}
#sub-category>table td.on { background:#3668b2; }
#sub-category>table td.on a { color:#ffffff; font-weight:bold; }

#sub-content .container img {width:100%;}
#sub-content .board-container {width:100%;}

@media screen and (min-width: 320px){
}

@media screen and (min-width: 320px) and (orientation : portrait){
	#sub-content{margin-bottom:10px; }
	#sub-content #sub-request .sub-request-select{ width:60px;}
	#sub-content #sub-request .sub-request-select2{ width:75px;}
	footer{ width:100%; margin:0 auto; text-align:center;}
	footer #footer-menu .footer-menu-box{padding:5px 0 0 0;}
	.w_title{font-size:11px;}
}
@media screen and (min-width: 321px){
	#sub-content{margin-bottom:10px; }
	#sub-content #sub-request .sub-request-select{ width:70px;}
	#sub-content #sub-request .sub-request-select2{ width:80px;}
	footer{ width:100%; margin:0 auto; text-align:center;}
	footer #footer-menu .footer-menu-box{padding:5px 0 0 0;}
	footer #footer-menu .footer-copy1{color: #ffffff; font-size:9px;}
	footer #footer-menu .footer-copy3{ color: #ffffff; font-size:9px;}
}

@media screen and (min-width: 340px) and  (orientation : portrait){
}

@media screen and (min-width: 360px) and  (orientation : portrait){
	#location .location-03 {width: 100px;}
}

@media screen and (max-width: 320px) {

}

@media screen and (min-width: 750px)  {
	footer{ width:100%; margin:0 auto; text-align:center;}	
}