﻿@charset "utf-8";

/*=================================================================================
 * Default Layout Definition
 =================================================================================*/

#LY-Wrapper {
	position: relative;
	margin: 0px auto;
	width: 100%;
}

#LY-Top {
	position: relative;
	width: 980px;
	height: 110px;
	z-index:1000;
	margin:0px auto;
}


#Container {
	position: relative;
	margin-bottom: 35px;
	width: 980px;
	min-height: 600px;
	z-index:90;
	margin:0px auto;
	padding:0 0 0 0;
	background: url(/assets/img/www/Common/container_bg.gif) repeat-y left top;
}

#Container:after {content:""; clear:both; display:block;}

#LY-Left {
	float: left;
	position: relative;
	width: 170px;
	margin-right:10px;
}

#LY-Right {
	float: left;
	position: relative;
	width: 630px;
	z-index:90;
	padding:0 0 40px 50px;
}

#LY-Bottom {
	position: relative;
	width: 100%;
	margin:0px auto;
	z-index:100;
	background: url(/assets/img/www/Bottom/btm_bg.gif) repeat-x left top;
	background-color: #fff;
}

/*=================================================================================
 * Top Layout Definition
 =================================================================================*/

 /* 사이트 로고  */
#LY-Top h1#logo {
	position: absolute;
	left:0px;
	top:7px;
	/*top:15px;*/
}

#LY-Top .all-view {
	position: absolute;
	right:0px;
	top:25px;
}

/* 유틸리티 메뉴  */
#Utility {
	position: absolute;
	right:95px;
	top:25px;
}

#Utility li {
	float: left;
	line-height:0px;
	padding:0 5px 0 0;
}

#Utility li.first {
	padding:0 30px 0 0;
}

/* 로그인  */

#Login-box {
	position: absolute;
	left:325px;
	top:50px;
}

#Login-box .input {
	background:#dcdcdc;
	border:none;
	width:80px;
}



/* GNB  */

#Top-Menu {
	position: absolute;
	top:53px;
	width:100%;
}

#Menu01,#Menu02,#Menu03,#Menu04,#Menu05 {
	padding:0 0 0 73px;
}

#Top-Menu li {float:left;}
#Top-Menu li div {display:none;}
#Top-Menu li div.on {display:block;}

#Sm01, #Sm02, #Sm03, #Sm04, #Sm05 {
	position: absolute;
	top: 60px;
	left:0px;
	padding:0 0 20px 100px;
	z-index:1000;
	height:96px;
	background:red;
	width:880px;
	margin-top:-20px;
}

#Sm01 ul, #Sm02 ul, #Sm03 ul, #Sm04 ul, #Sm05 ul {
	width:600px;
	padding:40px 0 0 0;
}

#Sm01 {background: url(/assets/img/www/Common/subImg01.png) no-repeat right bottom;z-index:1000;}
#Sm02 {background: url(/assets/img/www/Common/subImg02.png) no-repeat right bottom;z-index:1000;}
#Sm03 {background: url(/assets/img/www/Common/subImg03.png) no-repeat right bottom;z-index:1000;}
#Sm04 {background: url(/assets/img/www/Common/subImg04.png) no-repeat right bottom;z-index:1000;}
#Sm05 {background: url(/assets/img/www/Common/subImg05.png) no-repeat right bottom;z-index:1000;}

#Sm01 li a, #Sm02 li a, #Sm03 li a, #Sm04 li a, #Sm05 li a {
	padding:0 20px 0 6px;
	margin:0 0 5px 0;
	background: url(/assets/img/www/Common/bullet02.gif) no-repeat left 7px;
	display:block;
	white-space:nowrap;
}

.menu-bg {
	position: absolute;
	left:0px;
	top:117px;
	background: url(/assets/img/www/Common/sub_menu_bg.png) repeat-x left bottom;
	width:100%;
	height:100px;
	z-index:900;
}


/* 전체보기  */

#All-box-out {
	position: absolute;
	left:50px;
	top:60px;
	width:878px;
	background: url(/assets/img/www/Common/all_top.png) no-repeat left top;
	z-index:1000;
	padding:30px 0 0 0;
	overflow:hidden;
}

#All-box-out .close {
	position: absolute;
	right:20px;
	top:10px;
}

#All-box-in {
	width:100%;
	background: url(/assets/img/www/Common/all_btm.png) no-repeat left bottom;
	padding:0 0 30px 50px;
	overflow:hidden;
}

#All-box-in .sitemap {
	letter-spacing:-1px;
	float:left;
	margin-right:30px;
}

#All-box-in .sitemap h3 {
	padding:0 0 10px 0;
}

#All-box-in .sitemap ul.depth01 {
	padding:0px 0 0 0;
}

#All-box-in .sitemap ul.depth01 li {
	padding:0 0 2px 0;
	width:140px;
}

#All-box-in .sitemap ul.depth01 li a {
	font-size:11px;
	letter-spacing:-1px;
	color:#959595;
}

#All-box-in .sitemap.last {width:100px;}
#All-box-in .sitemap.last ul.depth01 li a {
	color:#fff;
}



/*=================================================================================
 * 네비게이터/확대축소/검색등
 =================================================================================*/

#Content-Util {
	font-size:11px;
	letter-spacing:-1px;
	height:72px;
	padding:9px 0 0 0;	
	background: url(/assets/img/www/Common/navi_bg.gif) no-repeat left bottom;
}

#Content-Util p.navi {
	background: url(/assets/img/www/Common/ico_home.gif) no-repeat left 4px;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
	float:left;
}

#Content-Util p.navi span {
	padding:0 3px 0 0;
	overflow:hidden;
	color:#c8c8c8;
	font-size:0.9em;
}

.Content-Util-right {
	float:right;
width:355px;
}

.Content-Util-right ul {
	padding:2px 0 0 0;
}

.Content-Util-right ul li {
	float:left;
}

.Content-Util-right ul, .Content-Util-right fieldset {
	float:left;
	
}

.Content-Util-right .zoom {
	padding:0 13px 0 0;
}

.Content-Util-right .zoom img {
	margin:1px 0 0 0;
}

.Content-Util-right .scrap a {
	background: url(/assets/img/www/Common/ico_scrap.gif) no-repeat right 4px;
	padding:0 13px 0 0;
	margin:0 13px 0 0;
	display:block;
}

.Content-Util-right .print a {
	background: url(/assets/img/www/Common/ico_print.gif) no-repeat right 4px;
	padding:0 13px 0 0;
	margin:0 10px 0 0;
	display:block;
}




/* 상단검색  */

#Total-search {
	position: relative;
	background:#fff;
	height:25px;
	width:250px;
	padding:0px 0 0 0px;
	background: url(/assets/img/www/Common/search_bg.gif) no-repeat left top;
	margin:-2px 0 0 0;
	z-index:900;
}

#Total-search .select-btn {
	background:url(/assets/img/www/Common/arrow_down.gif) no-repeat right 5px;
	display:inline-block;
	padding:2px 15px 0 8px;
	width:65px;
}

#Total-search .select-btn02 {
	background:url(/assets/img/www/Common/arrow_down.gif) no-repeat right 6px;
	display:inline-block;
	padding:3px 15px 0 8px;
	width:65px;
}

#Total-search .tit-txt {
	margin-top:3px;
	margin-left:3px;
}

#Total-search a {font-size:11px;letter-spacing:-1px;}
#Total-search .oherpromotioninner {width:80px;border:1px solid #8c8c8c;background:#fff;margin:3px 0 0 0;overflow:hidden;}
#Total-search .oherpromotioninner ul li {float:left;width:80px;border-bottom:1px solid #dcdcdc;}
#Total-search .oherpromotioninner a {display:block;padding:2px 0 2px 3px;}

#Total-search .input{
	border:none;
	width:120px;
	padding:0px;
	margin:0px;	
	position: absolute;	right:30px;	top:5px;
}

#Total-search .image{
	position: absolute;
	right:0px;
	top:0px;
}


/*=================================================================================
 * Left Menu Layout Definition
 =================================================================================*/

#left-Menu {
	position: relative;	
	padding:0 0 0 0;
	z-index:100;
}

#left-Menu ul {
	position: relative;	
	padding:0 0 0 0;
}

#left-Menu ul li.dapth01 {
	border-bottom:1px solid #e6e6e6;
}

#left-Menu ul li.drop {
	background: url(/assets/img/www/LeftMenu/ico_plus.gif) no-repeat 155px 8px;
}

#left-Menu ul li.minus {
	background: url(/assets/img/www/LeftMenu/ico_minus.gif) no-repeat 155px 8px;
}

#left-Menu ul li.dapth01 a {
	display:block;
	padding:4px 0 4px 5px;
	width:165px;
	letter-spacing:-1px;
}

#left-Menu ul.dapth02 {
	padding:5px 0 5px 10px;
	border-top:1px solid #e6e6e6;
}

#left-Menu ul.dapth02 li a {
	font-size:11px;
	display:block;
	padding:0px 0 0px 5px;
	width:155px;
	background: url(/assets/img/www/LeftMenu/bullet.gif) no-repeat left 8px;
}

#left-Menu ul.dapth02 li.drop {
	background: url(/assets/img/www/LeftMenu/ico_plus.gif) no-repeat 145px 4px;
}

#left-Menu ul.dapth02 li.minus {
	background: url(/assets/img/www/LeftMenu/ico_minus.gif) no-repeat 145px 4px;
}

#left-Menu ul.dapth03 {
	padding:2px 0 2px 10px;
	width:145px;
}

#left-Menu ul.dapth03 li a {
	width:145px;
}

#left-Menu ul.dapth04 {
	padding:2px 0 2px 10px;
}

#left-Menu ul li a strong {color:#006f98;}

#left-Menu li a.on {
	color:#006eb9;
}

#left-Menu.search a{
	background: url(/assets/img/www/LeftMenu/left_searchBg_off.gif) no-repeat left top;
	width:145px;
	height:21px;
	display:block;
	margin:0 0 2px 0;
	padding:4px 0 0 15px;
	font-weight:bold;
	color:#fff;
	letter-spacing:-1px;
}

#left-Menu.search .on a {
	background: url(/assets/img/www/LeftMenu/left_searchBg_on.gif) no-repeat left top;
}

/*=================================================================================
 * Content Layout Definition
 =================================================================================*/
#Title_box {
	font-family: 'NanumGothicExtraBoldWeb';
	position: relative;	
	z-index:10;
	width:100%;
	padding:0 0 20px 0;
	color:#3c3c3c;
	font-size:28px;
	letter-spacing:-1px;
	line-height:30px;
	border-bottom:1px solid #c8c8c8;
	margin:0 0 20px 0;
}

#Title_box.search-tit {border-bottom:none;}

#Title_box ul {
	position: absolute;
	right:0px;
	top:20px;
}

#Title_box ul li {float:left;padding:0 0 0 3px;}


/*=================================================================================
 * 만족도조사
 =================================================================================*/

#Satisfaction-box {
	background: url(/assets/img/www/Common/poll_bg.gif) no-repeat left top;
	width:620px;
	height:166px;
	letter-spacing:-1px;
	margin:30px 0 0 0;
}

#Satisfaction-box .person h3, #Satisfaction-box .person p {
	float:left;
}

#Satisfaction-box .person {
	padding:15px 0 0 70px;
	width:550px;
	overflow:hidden;
	letter-spacing:0px;
}

#Satisfaction-box .person span {
	color:#c8c8c8;
}

#Satisfaction-box .person h3 {
	padding:0 15px 0 0;
}

#Satisfaction-box .person p {
	padding:6px 0 0 0;
}

#Satisfaction-box dl {

	padding:30px 0 0 20px;
}

#Satisfaction-box dl dt {
	float:left;
	background: url(/assets/img/www/Common/bullet01.gif) no-repeat left 4px;
	padding:0 60px 0 12px;
}

#Satisfaction-box dl dd {
	float:left;
	padding:0 10px 0 0;
}

#Satisfaction-box dl dd img {
	vertical-align:middle;
}

#Satisfaction-box fieldset {
	width:100%;
	padding:0 0 0 20px;
}

#Satisfaction-box fieldset label {
	background: url(/assets/img/www/Common/bullet01.gif) no-repeat left 2px;
	padding:0 40px 0 12px;
}

#Satisfaction-box fieldset .input {
	height:32px;
	width:486px;
	margin:5px 0 0 13px;
}

#Satisfaction-box fieldset .image {
	margin:4px 0 0 0;
}

/*=================================================================================
 * Quick Layout Definition
 =================================================================================*/

#Quick {
	position: absolute;
	right:0px;
	top:41px;
	width:100px;
	text-align:center;
}

#Quick li {
	width:100px;
	float:left;
	background: url(/assets/img/www/Common/quick_txtBg.gif) repeat-y left bottom;
}

#Quick li.last {
	background: url(/assets/img/www/Common/quick_txtBg02.gif) repeat-y left bottom;
	padding:0 0 10px 0;
}

#Quick li.first {
	padding:10px 0 0 0;
}

#Quick li a {
	font-size:11px;
	display:block;
	padding:3px 0 3px 0;
	letter-spacing:-1px;
}

/*=================================================================================
 * Bottom Layout Definition
 =================================================================================*/

#LY-Bottom-in {
	position: relative;
	width:980px;
	margin:0px auto;
}

#LY-Bottom-in .viewer-box {
	padding:15px 0 15px 205px;
	overflow:hidden;
	width:775px;
}

#LY-Bottom-in .viewer-box h3, #LY-Bottom-in .viewer-box li {
	float:left;
}

#LY-Bottom-in .viewer-box h3 {
	padding:0 20px 0 0;
}

#LY-Bottom-in .link {
	padding:15px 0 5px 205px;
}

#LY-Bottom-in .link li {
	float:left;
}

#LY-Bottom-in .txt {
	padding:5px 0 15px 205px;
	width:700px;
	clear:both;
}

#LY-Bottom-in .txt p {
	padding:0 0 5px 0;
}

#LY-Bottom-in .logo {
	position: absolute;
	left:0px;
	top:70px;
}

#site-link {
	position: absolute;
	right:0px;
	top:70px;
}
#site-link li {padding:0 0 3px 0;}
#site-link select {width:200px;}

#Content-box {width:100%;}
#photo-bg {background: url(/assets/img/www/bg/photo_bg_top.gif) repeat-x left top;}

body#SubMain {background: url(/assets/img/www/Common/subMain_bg.gif) repeat-x left top;}
#SubMain #Content-Util, #SubMain #Container {background:none;}



/*
#left-Menu #totalMenu #li73, #left-Menu #totalMenu #li7966 {display:none;}
#Top-Menu #top73, #Top-Menu #top7966 {display:none;}
*/

/* 좌측메뉴 강제로 안보이게 */

#totalMenu #li7966, #totalMenu #ul7979 {display:none;position: absolute;left:-10000px;top:0px;}
#Top-Menu #top7966 {display:none;}


p.sub_infoTitle{clear:both;color:#006f98;line-height:100%;margin-bottom:20px}
