@charset "utf-8";
/* CSS Document */
/*******************************************************************************************************************************/
@font-face { font-family:'NanumGothic';
 	src: url('font/NanumGothic.eot');src: url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('font/NanumGothic.woff') format('woff'), url('font/NanumGothic.ttf') format('truetype');font-weight: normal;font-style: normal;
 }
@font-face { font-family:'NanumGothicBoldWeb';
 	src: url('font/NanumGothicBold.eot');src: url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('font/NanumGothicBold.woff') format('woff'), url('font/NanumGothicBold.ttf') format('truetype');font-weight: bold;font-style: normal;
}
@font-face{	font-family: "NanumBarunGothic";
	src: url('font/NanumBarunGothic.eot')format('eot');src: url('font/NanumBarunGothic.woff') format('woff');}

@font-face{	font-family: "NanumBarunGothicBold";
	src: url('font/NanumBarunGothicBold.eot')format('eot');src: url('font/NanumBarunGothicBold.woff') format('woff');}

@font-face{	font-family: "NanumMyeongjo";
	src: url('font/NanumMyeongjo.eot')format('eot');src: url('font/NanumMyeongjo.woff') format('woff');}

@font-face{	font-family: "NanumMyeongjoBold";
	src: url('font/NanumMyeongjoBold.eot')format('eot');src: url('font/NanumMyeongjoBold.woff') format('woff');}
/********************************************************************************************************************************/

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, #sub, #sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, label {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; color:#444;}
html { overflow-y:scroll; font-family:NanumGothic, 돋움, Verdana, Geneva, sans-serif;}
/* html5 적용 js 리셋 */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{ display:block;} 

/**************************************************************************************************************************************/
/***** 디자인 레이아웃 *****/
/* 전체 */
html { overflow-x: hidden;}
body { font-size:75%; background-color: #f3f3f3;}
h1 { font-size:1.5em;}
h2 { font-size:1.3em;}
h3 { font-size:1.1em;}
img { border:0; vertical-align:top;}
strong { font-weight:bold;}
th, td { vertical-align:middle;}
a { cursor: pointer;}
/*a:focus { outline-width:2px !important; color:#CC6600; outline-style:dotted !important; -moz-outline-radius:4px;}*/
input:focus { outline-width:2px !important; color:#CC6600; outline-style:dotted !important; -moz-outline-radius:4px;}
input[type="checkbox"] { padding:10px; border:none !important; width:1em !important; vertical-align:middle !important;}
.only_html { font-size:0; text-indent:-9999; line-height:0; height:0; color:#666;}
.blind { display: none;}
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 고정값;}
.wrap { width: 100%; position: relative;}
.default_table { border-top: 2px solid #999; border-spacing: 0; width: 100%; margin: 1em 0;}
.default_table caption { height: 0; line-height: 0; text-indent: -9999px; font-size: 0;}
.default_table th { text-align: center; background-color: #f2eadf;}
.default_table td {}
.default_table th,
.default_table td { border-bottom: 1px solid #979797; padding: 15px 10px; font-size: 1.2em;}
.menu_lists_rows { list-style-type: none; text-align: center;}
.menu_lists_rows > li { list-style: none; display: inline-block;}
.default_lists { list-style-type: none;}
.default_lists li { list-style: none;}
a.btn_type { cursor: pointer; display: block;}

/* 상단 영역 */
.top_area { width: 100%; position: relative; border-bottom: 2px solid #ffcb08; background-color: #fff;}
.status_bar_area { height: 28px; background-color: #ffcb08;}
ul.status_box { width: 1100px; margin: 0 auto; text-align: right; list-style-type: none;}
ul.status_box li { display: inline-block; text-align: left; list-style: none;}
ul.status_box li a { text-decoration: none; height: 28px; line-height: 28px; display: block; padding: 0 10px;}
.logo_area { width: 1100px; margin: 0 auto; text-align: center; position: relative;}
#top_slide { position: absolute; top: 0; right: 0; width: 200px; height: 102px;}

/* 주메뉴영역 */
.gnb_area { height: 50px; background-color: #4e4e4e;}
.gnb_box { width: 875px; margin: 0 auto; position: relative; padding-left: 225px;}
.gnb_box>ul { list-style-type: none; text-align: center;}
.gnb_box>ul>li { list-style: none; text-align: left; display: inline-block; position: relative;}
.gnb_box>ul>li>a { text-decoration: none; color: #fff; font-size: 1.4em; display: block; line-height: 50px; height: 50px; padding: 0 20px; margin: 0 30px;}
	.sub_lists { position: absolute; outline: 1px solid #4e4e4e; left: 0; right: 0; margin: auto; width: 90%; list-style-type: none; z-index: 1000; display: none;}
	.sub_lists li { background-color: #fff; width: 100%; z-index: 1000; border-bottom: 1px solid #ffcb08; padding: 0; text-align: center; list-style: none;}
	.sub_lists li a { color: #444; text-decoration: none; line-height: 50px; height: 50px; display: block;}
	.sub_lists li a:hover { background-color: #ffcb08;}
#btn_allmenu_view { position: absolute; display: block; top: 0; left: 0; width: 165px; height: 50px; line-height: 50px; background: #ffcb08 url("./images/sq1.jpg") no-repeat left top; padding-left: 60px; text-decoration: none; font-size: 1.4em;}
#allmenu_list { position: absolute; background-color: #ffcb08; width: 1100px; height: 270px; padding: 20px 0; z-index: 10000; margin: auto; left: 0; right: 0; display: none;}
#allmenu_list ul { list-style-type: none;}
#allmenu_list li { list-style: none;}
#allmenu_list a { text-decoration: none; font-size: 1.1em;}
#allmenu_list a:hover { text-decoration: underline;}
ul.menu_1depth { overflow: hidden; background: #fff url("./images/bg_menu.jpg") no-repeat right bottom; width: 1050px; height: 238px; padding-top: 27px; margin: 0 auto; border-radius: 13px;}
ul.menu_1depth>li { float: left; border-right: 1px solid #ddd; width: 153px; height: 210px; text-align: center;}
ul.menu_1depth>li strong { font-size: 1.3em; display: block; margin-bottom: 30px;}
ul.menu_2depth {}
ul.menu_2depth>li { margin-bottom: 13px;}

/* 메인 비주얼 영역 */
.slide_area { width: 100%;}

/* 컨텐츠 영역 */
.title_area { width: 100%;}
.title_box { width: 1100px; height: 187px; padding-top: 81px; margin: 0 auto; text-align: center; position: relative;}
.title_box h1 { background: #f3f3f3 url("./images/sq2.gif") no-repeat center top; padding-top: 17px; color: #000; font-size: 2.2em;}
.title_box h1+p { line-height: 150%; margin-top: 25px;}
.root { position: absolute; top: 26px; right: 0; background-color: #ddd; padding: 5px 15px; }
.contents_area { background-color: #f3f3f3; padding-bottom: 120px;}
	#index .contents_area { overflow: hidden; height: 309px; padding-top: 60px;}
	#sub11 .contents_area { text-align: center;}
	#sub12 .contents_area { text-align: center; background: #f3f3f3 url("./images/bg_history.jpg") no-repeat center 50px; padding-top: 50px; padding-bottom: 232px;}
	.body_txt { font-size: 1.2em; line-height: 160%; margin: 60px 0;}
	.body_txt2 { font-size: 1.2em; line-height: 160%; margin: 30px 0;}
	.body_txt3 { font-size: 1.2em; line-height: 160%; padding: 50px 0; margin: 30px 0; background-color: #fff; text-align: center;}
	.hrline { border: none; border-bottom: 1px solid #cccccc; margin: 80px 0;}
	.logo_type { padding-top: 100px; height: 273px; background: url("./images/bg_logo.jpg") center top; margin-top: -50px; margin-bottom: 100px;}
	.logo_type2 { height: 373px; background: url("./images/bg_logo2.jpg") center top; margin-top: -50px; margin-bottom: 120px; text-align: center;}
.contents_box { width: 1100px; height: auto; margin: 0 auto; position: relative;}
	#index_con1 { position: absolute; top: 0; left: 0; background-color: #fff; width: 256px; height: 329px; padding: 20px 37px; text-align: center;;}
	#index_con1 p strong { font-size: 1.4em; display: block; margin-bottom: 15px; text-align: center;}
	#index_con1 p { margin-top: 15px; text-align: left; text-align: justify; font-size: 1.05em; line-height: 130%;}
	#index_con2 { position: absolute; top: 0; left: 345px;}
	#index_con2 ul { list-style-type: none; overflow: hidden; width: 298px;}
	#index_con2 ul li { list-style: none; float: left;}
	#index_con3 { position: absolute; top: 0; right: 0;}

/* 하단 사이트 정보영역 */
.inform_area { width: 100%; position: relative; height: 160px; border-bottom: 2px solid #929292; background-color: #fff;}
.inform_box { width: 860px; margin: 0 auto; padding-left: 240px; position: relative;}
	#logo_gray { position: absolute; left: 0; top: 53px;}
.informaiton { line-height: 140%; padding-top: 20px;}
.informaiton ul { list-style-type: none; text-align: left; margin-bottom: 15px;}
.informaiton ul li { list-style: none; display: inline-block; margin-right: 20px;}
.informaiton ul li a { text-decoration: none; font-size: 1.1em;}

/* 이미지뷰 영역 */
.thumb_view { list-style-type: none; overflow: hidden;}
.thumb_view>li { list-style: none; float: left; margin: 0 50px 20px 0; position: relative;}
.thumb_view>li:nth-child(3n) { margin-right: 0;}
.thumb_view>li.hover .detail { display: block;}
.detail { cursor: pointer; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 100; top: 0; left: 0; text-align: center; display: none;}
.detail p { color: #fff; position: absolute; width: 75%; height: 50%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 1.1em;}
.detail strong { display: block; color: #fff; margin: 20px 0;}
.detail strong.goods_name { font-size: 1.6em;}
.thumb_view_area { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); position: fixed; z-index: 100000000; top: 0; left: 0; cursor: pointer;}
.thumbs { cursor: pointer;}
.view_box { width: 782px; height: 416px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.goods_details1 { list-style: none; float: left; position: relative; width: 331px; margin: 0 50px 30px 0; color:#333;} 
.goods_details2 { list-style: none; float: left; position: relative; width: 331px; margin: 0 50px 30px 0; color:#333;} 
.goods_details3 { list-style: none; float: left; position: relative; width: 331px; margin: 0 0 30px 0; color:#333;}
.goods_details1 strong.detail_name { color: #888;}
.goods_details2 strong.detail_name { color: #888;}
.goods_details3 strong.detail_name { color: #888;}

#close_thumb { position: absolute; top: 0; right: -25px; display: block; text-decoration: none; width: 25px; line-height: 25px; border-radius: 50%; color: #fff; background-color: #111; text-align: center;}