@charset "utf-8";


/*
 * =================================================================================
 * INFORMATION
   ATRIUM.co.kr , Tel : 0505-901-9000 
 * ---------------------------------------------------------------------------------
 * @File Name 	: layout.css
 * @Description : layout Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 2016.08.25
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */


/* Webfont 
=================================================================================*/
@font-face{
	font-family:"NanumGothic";
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.woff') format('woff'),
		url('../fonts/NanumGothic.ttf') format('truetype'),
		url('../fonts/NanumGothic.svg#NanumGothic') format('svg');

}

@font-face {
	font-family: "NanumGothicBold";
	src:local("NanumGothicBold"), url("../fonts/NanumGothicBold.ttf") format("truetype");
}




/* 공통(레이아웃)  */
/*html {overflow:hidden;} */
body {width:100%;min-width:320px;height:100%;-webkit-text-size-adjust:none; margin:0; padding:0; font-family:'NanumGothic', sans-serif;}
div, ul,  li, dl, dt, dd, form, iframe, p, a, span, blockquote {margin:0; padding:0; list-style:none;}
hr, legend {display:none;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {margin:0; padding:0; border:none; vertical-align:middle;}
table, th, td {margin:0;padding:0;font-size:12px; border-collapse:collapse;}

a:link, a:visited {
	font-size: 12px;
	color: #444;
	text-decoration: none;
}
a:hover, a:active {
	font-size: 12px;
	color: #346f7f;
	text-decoration: none;
}



/* 공통(레이아웃) 컨텐츠 */
#contbody_scroll {position:relative;overflow:hidden;}
#lnb_open {display:none;position:absolute;top:0;right:100%; width:210px; height:575px; z-index:20;  background:url("../images/header/header_line.gif") no-repeat left top; }
#bodyClickdiv {display:none;position:absolute;top:0;right:0;width:100%;height:1000px;z-index:11;}
#contwrap {position:relative;right:0;z-index:10; max-width:640px; margin:0 auto;}
#container {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; padding-bottom:30px;}
#main_container {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}





/* 공통(레이아웃) - header 영역 */
header {overflow:hidden;width:100%; height:78px;padding: 0 45px 0 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; border-bottom:1px #e7e7e7 solid; background:url("../images/header/header_line.gif") no-repeat center top; }
header:after {content:""; display:block; clear:both;}
header .lnb_menu {overflow:hidden;position:relative; left:-45px; float:left; width:67px;}
header .lnb_menu img {width:67px;height:78px;}
header .logo {float:left; width:100%; margin:0 -45px 0 -47px;padding:0;text-align:center;}
header .logo img { vertical-align: middle; margin:24px 0 0 -40px;}
header .loghome {overflow:hidden; position:relative; top:-38px; left:30px; float:right; width:37px; text-align:right;}
header .loghome img {width:37px; height:37px; margin:0;}
.subcontent {padding-bottom:25px;background:#efefef;}
.contdiv_wrap {padding:0 10px;}
.contdiv_wrap02 {padding:20px 10px;}





/* 공통(레이아웃) - footer 영역 */
#page-footer { clear:both;}
footer { height:120px; padding:10px 10px 0 10px; background:#363636;z-index:2; position:relative;}
footer .quickmenu {height:30px; margin-bottom:10px;}
footer .quickmenu li:last-child { position:absolute; top:10px; right:10px; background:none; border:0px; padding:0; margin:0; width:103px;}
footer .quickmenu li:last-child a { float:left; padding:0; padding-left:4px; background-image:none;}
footer .quickmenu li {float:left; width:33%; background-color:#fff; margin-right:2%; border:1px #000 solid; border-radius:4px;}
footer .quickmenu li a {display:block; height:30px; color:#000; font-size:12px; text-align:center; text-decoration:none; background:url("../images/content/btn_footer_bg.gif") repeat-x bottom; border-radius:5px; line-height:28px;} 
footer address { color:#ececec; font-size:12px; text-align:center; font-style:normal; padding-top:10px;}
footer .copyright {margin-top:10px;color:#ccc; font-size:8px; text-align:center;}





/* lnb - body 설정 */
html.touchScrollMenu-open,
body.touchScrollMenu-open {overflow:hidden !important;}
.touchScrollMenu-backdrop {position:fixed; top:0; left:0; right:0; bottom:0; background:black; opacity:0.5; z-index:1000;} /* 배경색 투명레이어 설정 */
.touchScrollMenu-layout {overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001;} /* 스크롤영역 설정 */
.loading {display:none;position:fixed; top:0; left:0; right:0; bottom:0;background: url('images/header/loading_icon.gif') no-repeat 50% 50%;background-size:74px 74px;z-index:9999;}
body.loading_var .loading {display:block;}
/* 공통(레이아웃) - LNB영역 */
#lnb_open { background-color:#fff; width:200px;}
.open_menu img { margin-top:27px;}
.open_menu .txt {text-align:center; height:78px;}
.open_menu .sum { font-size:9px; color:#999; letter-spacing:-0.07em;}


/* util_menu */
.util_menu {}
.util_menu ul { padding:6px;}
.util_menu ul li { width:31%; float:left; margin:2px;}
.util_menu ul li:last-child { margin-right:0px;}
.util_menu ul li a { font-size:11px;
  border:1px #ccc solid;
  border-radius: 0.5em;
  text-align:center; padding:2px;
  display:block;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background: -webkit-linear-gradient(top, #fff, #ddd);
  background: -moz-linear-gradient(top, #fff, #ddd);
  background: -ms-linear-gradient(top, #fff, #ddd);
  background: -o-linear-gradient(top, #fff, #ddd);
  background: linear-gradient(top, #fff, #ddd);
}



/* nav menu styles 
-----------------------------------------------------------------*/
#lnb_open { display:block; margin: 0 auto;
  /*-webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  box-shadow: 3px 2px 3px rgba(0,0,0,0.7);*/
}

#lnb_open ul { background:url('../images/header/open_menu_bg.gif'); font-family:'NanumGothicBold', sans-serif;}
#lnb_open ul li a { display:block; padding:8px 0 10px 20px; font-size:16px; background:url('../images/header/icon_lnb.png') no-repeat 180px center; color:#fff; text-decoration: none; border-bottom: 1px solid #283f62; border-top: 1px solid #5986b4;}

.clear { clear:both;}