/* Header */
header {position:fixed; left:0; top:0; background:white; width:100%; min-height:66.5px; padding:0 17px; z-index:1000;}
header h1 {float:left; padding-top:19px;}
header h1 img {display:block; width:180px;}
header .panel {float:right; margin-top:27px;}
header .panel img {width:16px;}

/* Panel */
#panel {position:absolute; left:0; top:66.5px; display:none; width:100%;}

#gnb {opacity:0; background:#c13a28; padding:0 27px; text-transform:uppercase;}
#gnb > li > a {display:block; border-top:1px dotted #ca8379; font-family:'nngb'; font-size:1.250em; line-height:4.667em; color:white;}
#gnb ul {background:#c13a28; width:181px;}

/* Container */
#container {padding-top:66.5px;}
#container .subvisual {font-size:3.835em; line-height:162px; text-align:center; color:white;}
#container .subvisual.type01 {background: url("../images/common/bg_suvVslNews.jpg") no-repeat center center; background-size:cover;}
#container .subvisual.type02 {background: url("../images/common/bg_suvVslWork.jpg") no-repeat center center; background-size:cover;}
#container .subMenu {overflow:hidden; background:#222; padding-left:4px; text-align:center;}
#container .subMenu a {display:inline-block; margin-left:-4px; padding:0 10px; line-height:57.5px; color:white;}
#container .subMenu a:hover, #container .subMenu a.on {background:black; color:#349cd6;}

#contents {padding:46px 20px;}

/* Footer */
footer {background:#2b2b2b; padding:19px 17px; font-size:1.042em; line-height:1.667em; text-align:center; color:#888;}

/* Error */
	#error {position:relative; margin:0 auto; background:white;}
	#error h1 { margin:0 auto; padding:8px 0;}
	#error h1 img {height:32px;}
	#error .contents {background: url("../images/common/icon_nodata.png") center 60px no-repeat; padding:200px 20px 50px 20px; font-size:1.250em; line-height:25px; text-align:center; border-top:2px solid #49afdb; border-bottom:1px solid #ccc; }
	#error .contents a {font-size:16px;}
	#error .btnbox {overflow:hidden; margin-top: 25px;}
    #error .fcbl {margin-bottom: 15px; font-family: 'nngb'; font-size: 1.667em; line-height:35px; color: #49afdb;}
	#error .copy { margin:0 auto; padding-top:15px; font-size:1.042em; text-align:center; color:#7f7f7f;}

    .btn {display: inline-block; font-family:'nngb'; font-size: 14px; line-height:45px; padding:0 37px;}
	.btn.skyblue {background :#49afdb; border:1px solid #49afdb; color:white;}
	.btn.gray {background :#aba79e; border:1px solid #aba79e; color:white;}

@media only screen and (min-width:1100px) {
	/* Header */
	header {right:0;}
	header h1 img {width:280px;}

	/* Panel */
	#panel {float:right; display:block !important; position:relative; top:0; width:385px;}
	#gnb {opacity:1 !important; display:block; background:none; padding:0;}
	#gnb > li {position:relative; float:left; margin-left:39px;}
	#gnb > li > a {border:none; line-height:86px; color:#333;}
	#gnb > li > a:hover, #gnb > li.on > a {color:#c13a28;}
	#gnb ul {display:none; position:absolute; left:-60px; top:86px;}
	#gnb ul.on {display:block;}
	#gnb ul a {display:block; padding-left:16px; font-size:1.167em; line-height:47px; color:white;}
	#gnb ul a:hover {background:#1c82aa;}

	/* Container */
	#container {padding-top:86px;}

	/* Footer */
/* 	footer {padding:0; font-size:1.250em; line-height:86px;} */
	footer {background:#2b2b2b; padding:19px 17px; font-size:1.042em; line-height:1.667em; text-align:center; color:#888;}

/* Error */
	#error {position:absolute; left:0; right:0; top:50%; width:1000px; margin:-242.5px auto 0; background:white;}
	#error .contents {background: url("../images/common/icon_nodata.png") center 60px no-repeat; padding:200px 0 50px; font-size:15px; line-height:25px; text-align:center; border-top:2px solid #49afdb; border:1px solid #ccc; }
    #error .fcbl {margin-bottom: 15px; font-family: 'nngb'; font-size: 25px; line-height:35px; color: #49afdb;}
	#error .copy { margin:0 auto; padding-top:15px; font-size:11px; text-align:center; color:#7f7f7f;}


}