@charset "euc-kr";

html,
body
{
	clear: both;

	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;
}

.Container
{
	clear: both;
	position: relative;

	min-height: 100%;

	background-image: url('../../images/common/menu_bg.gif');
	background-position: 0 69px;
	background-repeat: repeat-x;
}
*html .Container
{
	height: 100%;
}

#skip-navigation
{
	display: none;
}

.headWrap
{
	clear: both;
	position: relative;

	width: 880px;
	height: 96px;

	margin: 0 auto;
}

.headWrap h1.logo
{
	display: block;
	position: absolute;

	top: 20px;
	left: 0;

	margin: 0;
	padding: 0;

	font-size: 0;
}

.headWrap div.quick
{
	clear: both;
	position: absolute;

	top: 0;
	right: 0;
}

.headWrap div.quick ul li
{
	float: left;

	margin: 10px 0 0 0;
	padding: 0 8px 0 5px;

	font-size: 0;

	background-image: url('../../images/common/bullet_gray.gif');
	background-position: center right;
	background-repeat: no-repeat;
}
.headWrap div.quick ul li.last
{
	background: none;
}
.headWrap div.quick ul li.search
{
	margin: 0 0 0 12px;
	padding: 6px 0 5px 0;

	background: none;
	border-left: solid 1px #e0e2e4;

	font-size: 0;
	letter-spacing: -1px;
}

.headWrap div.quick ul li.search form,
.headWrap div.quick ul li.search fieldset
{
	display: inline;
}

.headWrap div.quick ul li.search label
{
	display: block;
	float: left;

	width: 68px;
	height: 10px;

	margin: 5px 4px 0 20px;

	background-image: url('../../images/common/gnb_menu04.gif');
	background-position: top left;
	background-repeat: no-repeat;

	font-size: 0;
}
.headWrap div.quick ul li.search input.srh_ipt
{
	float: left;

	width: 107px;
	height: 16px;

	margin: 0;
	padding: 0;
}
.headWrap div.quick ul li.search input.srh_btn
{
	float: left;
}

.headWrap div.member-navigation
{
	clear: both;
	position: absolute;
	top: 71px;
	left: 0;

	width: 190px;
	height: 26px;

	font-size: 0;

	background-image: url('../../images/common/login_bar.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.headWrap div.member-navigation ul
{
	height: 26px;

	margin: 0 0 0 22px;

	background-image: url('../../images/common/login_bar.gif');
	background-position: right 1px;
	background-repeat: no-repeat;
}
.headWrap div.member-navigation ul li
{
	float: left;
	margin: 4px 10px 0 0;
}

.headWrap .sub_menu .s_menu {clear:both; position:absolute; top:71px;  display:none}
.headWrap .sub_menu .s_menu li {float:left; margin-right:1px; display:inline;}


.contentsWrap {
	clear: both;

	width: 880px;

	margin: 0 auto;
	margin-bottom: 100px;
}
*:first-child+html .contentsWrap
{
	margin-bottom: 170px;
}

.contentsWrap .ltArea
{
	position: relative;
	clear: both;
	float: left;

	width: 190px;

	margin: 34px 0 10px 0;
}
*html .contentsWrap .ltArea
{
	padding-bottom: 70px;
}

.contentsWrap .ltArea dl
{
	clear: both;
}
.contentsWrap .ltArea dl dt
{
	padding: 0 0 10px 0;
}
.contentsWrap .ltArea dl dd { padding:0 0 7px 0; border-bottom:1px solid #e6e6e6; margin:8px 2px 0}
.contentsWrap .ltArea dl dd.on a {background:url(/images/common/bullet_left_on.gif) 0 0 no-repeat; color:#f15002; font-weight:bold}
.contentsWrap .ltArea dl dd a{background:url(/images/common/bullet_left_off.gif) 0 0 no-repeat; padding:0 0 0 18px}
.contentsWrap .ltArea dl dd a:hover {background:url(/images/common/bullet_left_on.gif) 0 0 no-repeat; color:#f15002; text-decoration:none}

/* left menu */
.depth3_menu { clear:both; display: none; }
.depth3_menu dd {border-bottom:1px solid #f6be95 !important; background:url(/images/common/bullet_left_on.gif) 0 2px no-repeat !important ; }


.depth3 li { background:url(/images/common/bullet_left_off02.gif) center left no-repeat !important ; color:#000; letter-spacing:-1px }
.depth3 li.on { background:url(/images/common/bullet_left_on02.gif) center left no-repeat !important ; color:#000; letter-spacing:-1px }


/* left menu_090428 Ãß°¡*/
.depth3 li a,
.depth3 li a:hover,
.depth3 li a:active,
.depth3 li a:visited,
.depth3 li a:link
{
	background: none !important;
	font-size: 1em !important;
}

.depth3 li.step02,.depth3 li.step02_on  {background:url(/images/common/bullet_left_on02.gif) 0 7px no-repeat !important; margin-left:2px ; padding:0 0 0 20px !important; margin-top:7px; margin-bottom:3px ;letter-spacing:-1px}
.depth3 li.step02 a{ text-decoration:none; color:#000}
.depth3 li.step02_on a {text-decoration:none; color:#f15002 }
.depth3 li.step02 a:hover ,.depth3 li.step02_on a:hover {color:#f15002}

.depth3 li.line {border-bottom:1px solid #e6e6e6 !important; height:1px; font-size:1px; line-height:1px; margin-top:7px; background: none !important;}
.depth3 li.step03,.depth3 li.step03_on  {background:url(/images/common/bullet_left_on03.gif) 9px 5px no-repeat !important; padding:0 0 0 19px !important; line-height:1.5; letter-spacing:-1px; color:#6B6B6B; font-size:0.9em;}
.depth3 li.step03 a{ text-decoration:none;  color:#6B6B6B;}
.depth3 li.step03_on a {color:#f15002}
.depth3 li.step03 a:hover ,.depth3 li.step03_on a:hover {color:#f15002}

.depth3 li.step04 ,.depth3 li.step04_on { background:url(/images/common/bullet_left_on04.gif) 18px 7px no-repeat !important; padding:0 0 0 28px !important; letter-spacing:-1px; line-height:1.5; color:#6B6B6B; font-size:0.9em;}
.depth3 li.step04 a{ text-decoration:none;  color:#6B6B6B;}
.depth3 li.step04_on a {color:#f15002}
.depth3 li.step04 a:hover ,.depth3 li.step04_on a:hover {color:#f15002}

.l_notice {margin-top:32px; margin-bottom:10px; float:left; clear:both; }
*:first-child+html .l_notice {margin-top:27px}
.l_notice .tit {float:left; margin-left:2px; display:block;}
*:first-child+html .l_notice .tit {margin-top:5px; margin-bottom:7px}
*html .l_notice .tit {margin-bottom:7px}

.l_notice div.roll {
	clear: both;
	display: block;
	position: relative;

	width: 190px;
	height: 108px;
}

.l_notice .roll a.banner span
{
	display: none;
}

.l_notice .roll a.banner.page1
{
	display: block;
	position: absolute;
	top: -18px;
	right: 42px;

	width: 12px;
	height: 12px;

	font-size: 0;

	background-image: url('../../images/common/ico_1.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.l_notice .roll a.banner.page1.active,
.l_notice .roll a.banner.page1:hover
{
	background-position: bottom left;
}

.l_notice .roll a.banner.page2
{
	display: block;
	position: absolute;
	top: -18px;
	right: 28px;

	width: 12px;
	height: 12px;

	font-size: 0;

	width: 12px;
	height: 12px;

	font-size: 0;

	background-image: url('../../images/common/ico_2.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.l_notice .roll a.banner.page2.active,
.l_notice .roll a.banner.page2:hover
{
	background-position: bottom left;
}

.l_notice .roll a.banner.page3
{
	display: block;
	position: absolute;
	top: -18px;
	right: 14px;

	width: 12px;
	height: 12px;

	font-size: 0;

	background-image: url('../../images/common/ico_3.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.l_notice .roll a.banner.page3.active,
.l_notice .roll a.banner.page3:hover
{
	background-position: bottom left;
}

.l_notice .roll a.banner.page4
{
	display: block;
	position: absolute;
	top: -18px;
	right: 0;

	width: 12px;
	height: 12px;

	font-size: 0;

	width: 12px;
	height: 12px;

	font-size: 0;

	background-image: url('../../images/common/ico_4.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.l_notice .roll a.banner.page4.active,
.l_notice .roll a.banner.page4:hover
{
	background-position: bottom left;
}

.l_notice div.banner-image { margin: 0; padding: 0; display: none; position: relative; clear:both; }
.l_notice div.banner-image img { width: 190px; height: 108px; }

.contentsWrap .ltArea .banner {clear:both;}
.contentsWrap .ltArea .banner li {margin-bottom:9px;}


/* left_bannerÃß°¡_070417 */
.contentsWrap .ltArea .banner02 {clear:Both; margin-top:45px;}
.contentsWrap .ltArea .banner02 li {margin-bottom:9px;}

.contentsWrap .ctArea
{
	position: relative;
	float: left;

	width: 660px;

	margin: 1px 0 75px 28px;
}

.footWrap
{
	clear: both;
	position: relative;

	width: 100%;
	height: 100px;

	background-color: #f6f6f6;
	border-top: solid 1px #e4e4e3;

	margin-top: -101px;
}

.footWrap .footArea
{
	clear: both;

	width: 880px;

	margin: 0 auto;
	padding: 9px 0 0 0;
}
.footWrap .footArea ul
{
	margin: 0 0 10px 0;
	overflow: hidden;
	zoom: 1;
}
.footWrap .footArea ul li
{
	float: left;

	margin: 0 7px 7px 0;
	padding: 0 7px 0 0;

	font-size: 0;

	background-image: url('../../images/common/bullet_gray.gif');
	background-position: center right;
	background-repeat: no-repeat;
}
.footWrap .footArea ul li img
{
	margin: 0 5px 0 0;
}
.footWrap .footArea ul li.last
{
	background: none;
}
.footWrap .footArea .fclear
{
	clear: both;
	min-height: 60px;
}
.footWrap .footArea .flogo
{
	display: block;
	float: left;
}
.footWrap .footArea .faddr
{
	display: block;
	float: left;
	margin-left: 90px;
	font-size: 0.9em;
	line-height: 150%;
}
.footWrap .footArea .fsite
{
	float: right;
	text-align: right;
}
.footWrap .footArea .fsite input
{
	vertical-align: middle;
}

.rightWrap
{
	clear: both;

	width: 880px;
	margin: 0 auto;
}

.rightWrap div.floater
{
	clear: both;
	z-index: 1;
	position: absolute;
	top: 350px;

	width: 32px;
	height: 95px;

	margin-left: 900px;
}

iframe
{
	width: 100%;
}