/**
* =================================================================================
* INFORMATION
* ---------------------------------------------------------------------------------
* @Author : Kim, Kyu, Jung (kyujung83@naver.com)
* @File Name : common.css
* @Description : Style Sheet
* @Version : 1.0
* @Create Date : 2010.08.24
* @Update Date : N/A
* @History : N/A
* =================================================================================
*/

/*=================================================================================
* Skip - Css
=================================================================================*/

#Skip {
	width: 1px;
	height: 1px;
	text-indent: -5000px;
	line-height: 1px;
	position: absolute;
	top: -5000px;
	left: -5000px;
}

/*=================================================================================
* Layout - Css
=================================================================================*/

body.summer {
	/** 2013.07.19 Jung-Seok.YI :: 신규 디자인 적용을 위한 처리
	background: url("../images/main/bg_top.gif") repeat-x left top;
	*/
	border-top:2px solid #046cbc;
	background:url('../images/common/top_bg.jpg') repeat-x 0 67px;
}

#Swrapper {
	width: 1113px;
	position: relative;
	margin: 0 auto;
}

#Sheader {
	width: 100%;
	height: 97px;
	position: relative;
	z-index: 1;
}

#Scontainer {
	float: left;
	position: relative;
}

#Snb {
	float: left;
	width: 176px;
	padding-bottom: 160px;
	background: url("../images/snb/left_menu_bg2.gif") no-repeat left 48px;
}

#Scontetns {
	float: left;
	width: 794px;
	background: url("../images/common/bg_con_top.gif") no-repeat left top;
	padding-top: 20px;
	position: relative;
}

#Scontent {
	width: 100%;
	background: url("../images/common/bg_con_bottom.gif") no-repeat left bottom;
	padding-bottom: 25px;
	overflow: hidden;
}

#Scon_area {
	background: url("../images/common/bg_con_middle.gif") repeat-y left 30px;
	padding: 0 37px;
}

/*=================================================================================
* Layout - Detail - Css
=================================================================================*/

/* (Header - Detail) */
#Sheader h1 {
	position: absolute;
	top: 33px;
	left: 2px;
}

#Sheader #memberbox {
	width: 453px;
	padding: 9px 0 0 230px;
	text-align: right;
	font-weight: bold;	
	float: left;
}

#Header #memberbox a {
	padding: 0 0 3px 0;
}

#Sheader #memberbox input.btn_login {
	border: none;
	width: 46px;
	height: 17px;
	margin-right: 2px;
	vertical-align: top !important;
	margin-top: 0;
	padding-top: 0;	
}

#Sheader #memberbox img {
	vertical-align: middle;
}

#Sheader #memberbox input.input_login {
	width: 117px;
	height: 15px;
	border: 1px solid #c8e3eb;
	background: #f9ffff url("../images/common/input_id.gif") no-repeat 5px 2px;
	color: #000;
	margin-right: 2px;
	font-size: 11px;
	padding-left: 5px;
	vertical-align: top !important;
	margin-top: 0;
	padding-top: 0;	
}

#Sheader #memberbox input.input_pw {
	width: 67px;
	height: 15px;
	border: 1px solid #c8e3eb;
	background: #f9ffff url("../images/common/input_pw.gif") no-repeat 5px 2px;
	color: #000;
	font-size: 11px;
	padding-left: 5px;
	vertical-align: top !important;
	margin-top: 0;
	padding-top: 0;	
}

#Sheader #Global_category {
	float: left;
	width: 330px;
	height: 20px;
	padding: 12px 0 0 10px;
}

#Sheader #Global_category li {
	float: left;
	background: url("../images/common/line_bar.gif") no-repeat right 3px;
	padding: 0 9px 0 9px;
	line-height: 1.2em;
}

#Sheader #Global_category li.last_child {
	padding: 0 0 0 9px;
	background: none;
}

#Sheader .visual_text {
	position: absolute;
	top: 89px;
	left: 689px;
}

#Sheader #Total_searchmenubox {
	position: absolute;
	top: 46px;
	left: 176px;
	width: 794px;
	height: 51px;
	background: url("../images/common/bg_consearch.gif") no-repeat left top;
}

#Sheader #Total_searchmenubox #Total_search {
	float: left;
	overflow: hidden;
	/*width: 551px;*/
	width:480px;
}

#Sheader #Total_searchmenubox #Total_search h2 {
	float: left;
	padding: 9px 0 0 13px;
}

#Sheader #Total_searchmenubox #Total_search .sinput {
	/*width: 270px !important;*/
	width: 195px !important;
	margin: 8px 0 0 8px !important;
	border: 0 none !important;
	height: 15px !important;
	vertical-align: middle !important;	
}

#Sheader #Total_searchmenubox #Total_search .searchinput {
	float: left;
}

#Sheader #Total_searchmenubox #Total_search .btn_search {
	float: left;
	padding: 6px 0 0 37px;
}

#Sheader #Total_searchmenubox #Total_search .check {
	float: left;
	padding: 6px 0 0 10px;
}

#Sheader #Total_searchmenubox #Total_search .check span {
	position: absolute;
	top: 7px;
	left: 485px;
	display: block;
	width: 50px;
}

#Sheader #Total_searchmenubox #Total_search .check span label {
	color: #255b84;
	font-size: 11px;
}
#Sheader #Total_searchmenubox #Total_search .xteTxt {
	float:left;
	padding: 7px 0 0 10px;
}
#Sheader #Total_searchmenubox #Total_search .xteTxt span {
	padding: 5px 0 0 2px;
    font-size: 11px;
}
#Sheader #Total_searchmenubox #Total_search input.btn_sch {
	width: 51px;
	height: 20px;
	border: none;
}

#Sheader #Total_searchmenubox #Total_search .ch_ser {
	width: 13px;
	height: 13px;
	border: none;
}

#Sheader #Total_searchmenubox .menubox  {
	float: right;
	overflow: hidden;
	width: 295px;
}

#Sheader #Total_searchmenubox .menubox  li {
	float: left;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu {
	float: left;
	height: 25px;
	background: url("../images/common/bg_conmenu.gif") no-repeat left top;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1;
	width: 568px;
	padding: 0 0 0 5px;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu ul {
	float: left;
	padding: 6px 0 0 0;
	height: 25px;
	background: url("../images/common/bg_conmenu.gif") no-repeat right top;	
	width: 100%;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu ul li {
	padding: 0 13px;
	background: url("../images/main/menubar.gif") no-repeat left 3px;
	line-height: 1.2em;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu ul li.first_chilld {
	background: none;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu01 {
	width: 796px;
	height: 25px;
	background: url("../images/common/bg_conmenu.gif") no-repeat left top;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu01 ul {
	background: url("../images/common/bg_conmenu.gif") no-repeat right top;	
	padding: 6px 0 0 0;
	float: left;
	width: 100%;	
	height: 25px;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu01 ul li {
	padding: 0 13px;
	background: url("../images/main/menubar.gif") no-repeat left 3px;
	line-height: 1.2em;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu01 ul li.first_chilld {
	background: none;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu02 {
	width: 400px;
	height: 25px;
	background: url("../images/common/bg_conmenu.gif") no-repeat left top;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1;
	padding: 0 0 0 5px;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu02 ul {
	padding: 6px 0 0 0;
	background: url("../images/common/bg_conmenu.gif") no-repeat right top;	
	height: 25px;
	float: left;
	width: 100%;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu02 ul li {
	padding: 0 13px;
	background: url("../images/main/menubar.gif") no-repeat left 3px;
	line-height: 1.2em;
}

#Sheader #Total_searchmenubox .menubox  li .sub_menu02 ul li.first_chilld {
	background: none;
	padding: 0 13px 0 145px;
}

/* (Snb - Detail) */
#Snb ul {
	margin: 25px 0 0 16px;
}

/* (Scontents - Detail) */
#Scon_area #Sub_top {
	width: 100%;
	overflow: hidden;
	background: url("../images/common/bg_contit.gif") no-repeat left bottom;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

#Scon_area #Sub_top h3 {
	float: left;
	width: 350px;
}

#Scon_area #Sub_top #Location {
	float: right;
	width: 370px;
	text-align: right;
	font-size: 11px;
	color: #787878;
}

#Scon_area #Sub_top #Location a {
	color: #787878;
	font-weight: bold;
}

#Scon_area #Sub_top #Location img {
	vertical-align: middle;
}

/*=================================================================================
* 생활분야 분류별 메인 - Css
=================================================================================*/

#Lfield_container {
	background: url("../images/livefield/bg_middle.gif") repeat-y left top;
	width: 975px;
	position: relative;
	float: left;
}

#Scontainerbox {
	float: left;
	width: 975px;
}

#Lfield_contents {
	background: url("../images/livefield/bg_bottom.gif") no-repeat left bottom;
	padding-bottom: 50px;
	width: 100%;
}

#Lfield_content {
	/** 2013.07.19 Jung-Seok.YI :: 신규 디자인 적용을 위한 처리
	background: url("../images/livefield/bg_top.gif") no-repeat left top;
	*/
    background:url('../images/common/top_bg.jpg') repeat-x 0 top;
	padding-top: 15px;
	width: 100%;
	overflow: hidden;
}

#Lf_snb {
	width: 176px;
	float: left;
	position: relative;
}

#Lf_conarea {
	float: left;
	width: 794px;
}


/* ( Lfield_container - Detail) */
#Lf_snb h2 {
	text-align: center;
	margin-bottom: 30px;
}

#Lf_snb .Lf_submenu {
	width: 157px;
	margin-left: 11px;
	overflow: hidden;
	
}

#Lf_snb .Lf_submenu li {
	float: left;
}

#Lf_snb .Lf_submenu li .Lf_submenu2 {
	position: absolute;
	top: 85px;
	left: 10px;
	width: 100%;
}

#Lf_snb .Lf_submenu li .Lf_submenu2 ul li {
	float: none;
	width: 139px;
	background: url("../images/bullet/bul12.gif") no-repeat 10px 9px;
	padding: 0 0 0 17px;
	line-height: 1.8em;
}

#Lf_snb .Lf_submenu li .Lf_submenu2 ul li a {
	color: #777777;
	font-weight: bold;
}

#Lf_snb .Lf_submenu li .Lf_submenu2 ul li.on {
	float: none;
	width: 139px;
	background: url("../images/livefield/bg_livemenu.gif") no-repeat left top;
}

#Lf_snb .Lf_submenu li .Lf_submenu2 ul li a {
	color: #476581;
	font-weight: bold;
}

#Lf_conarea {
	width: 794px;
	float: left;
	overflow: hidden;
}

#Lf_conarea #Lf_cont {
	width: 765px;
	margin: 0 0 0 16px;
}

/* 수정 11.05.30 */
#Lf_conarea #Lf_cont #Lf_title {
	width: 766px; margin-bottom: 6px; background: url("../images/livefield/bg_tit.gif") no-repeat left top; height: 35px; overflow: hidden;
	position:relative;
}

#Lf_conarea #Lf_cont #Lf_title h3 {
	margin: 6px 0 0 15px;
	background: url("../images/bullet/bul13.gif") no-repeat left 1px;
	padding: 0 0 0 12px;
	color: #464545;
	font-size: 14px;
}

#Lf_catLst{	
	width:752px; 	
	background:#fff; 
	overflow:hidden;
	margin: 0 0 20px 0 ;
	background: url("../images/livefield/bg_Lf_Mtop.gif") no-repeat left top; 
	padding: 12px 0 0 0;
}

#Lf_catLst #queAstLst {
	background: url("../images/livefield/bg_Lf_Mbottom.gif") no-repeat left bottom; 
	padding: 0 0 8px 0;
}

#Lf_catLst #queAstLst div {
	background: url("../images/livefield/bg_Lf_Mmiddle.gif") repeat-y left top; 
}


#Lf_catLst ul{
	list-style:none; 	
	margin: 0 18px 0 9px;
	overflow:hidden;
}

#Lf_catLst ul li {
	float:left; 
	margin-left:-2px;
	display:inline; 
	padding:0 10px 5px 10px;
	font-size: 14px;
	background:url("../images/additional_service/category_bar.gif") no-repeat left 2px;
	white-space:nowrap;
	font-weight:bold; 
}

#Lf_catLst a { 
	color: #777;
}


#Lf_catLst a:hover {
	color: #424242 !important;   
}

#Lf_catLst a.on {
	font-weight:bold;
	color: #d95f17 !important;
}

#Lf_list01 {
	width: 100%;
	position: relative;
}

#Lf_list01 ul li {
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	background: url("../images/livefield/line_dotted.gif") repeat-x left bottom;
}

/*수정 11.05.30 */
#Lf_list01 ul li dl {
	width: 100%;
	overflow: hidden;
	position:relative;
}

#Lf_list01 ul li dl dt {
	float: left;
	width: 208px;
}

#Lf_list01 ul li dl dd {
	float: left;
	width: 550px;
}

#Lf_list01 ul li dl dd.stit {
	color: #222222;
	font-weight: bold;
	padding: 0 0 5px 0;
}

#Lf_list01 ul li dl dd.stit img {
	vertical-align: middle;
}

/*=================================================================================
* 생활분야 분류별 서브 - Css
=================================================================================*/

#Lf_Scontainer {
	background: url("../images/livefield/lf_subbgmiddle.gif") repeat-y left top;
	width: 970px;
	position: relative;
}

#Lf_Scontents {
	background: url("../images/livefield/lf_subbgbottom.gif") no-repeat left bottom;
	padding-bottom: 50px;
	width: 100%;
}

#Lf_Scontent {
	background: url("../images/livefield/lf_subbgtop.gif") no-repeat left top;
	padding-top: 15px;
	width: 100%;
	overflow: hidden;
}

#Lf_Ssnb {
	float: left;
	width: 176px;
	overflow: hidden;
}

#Lf_Ssnb h2 {
	color: #ffffff;
	font-size: 16px;
	padding: 0px 0 15px 0;
	text-align: center;
	height: 80px;
}

#Lf_Ssnb h2 a {
	color: #ffffff !important;
	letter-spacing: -1px;
}

#Lf_Ssnb .Ssnb_banner01 {
	position: absolute;
	top: 60px;
	left: 14px;
}

#Lf_Ssnb .Lf_Slist {
	text-align: center;
	margin-bottom: 5px;
}

#Lf_Ssnb .Lf_Slist img {
	vertical-align: middle;
}

#Lf_Ssnb .Lfsnb_Smenu {
	margin-left: 9px;
	overflow: hidden;
	width: 158px;
}

#Lf_Ssnb .Lfsnb_Smenu li {
	background: url("../images/livefield/lfsnb_bg.gif") no-repeat left top;
	padding: 3px 0 6px 22px;
	font-weight: bold;
}

#Lf_Ssnb .Lfsnb_Smenu li a {
	color: #022222;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts {
	margin: 7px 0 0 -22px;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_on {
	background: url("../images/livefield/lfsnb2_bg.gif") no-repeat left top;
	padding: 1px 0 4px 22px;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul li a {
	color: #476581;
	font-weight: bold;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_on ul {
	margin: 5px 0 0 0;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_on ul li {
	background: url("../images/bullet/bul12.gif") no-repeat left 7px;
	padding: 0 0 0 3px;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_on ul li a {
	font-weight: normal;
	color: #777777;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_off {
	background: url("../images/livefield/lfsnb2_bg_off.gif") no-repeat left top;
	padding: 1px 0 3px 22px;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_off ul {
	margin: 5px 0 0 0;
	display: none;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_off ul li {
	background: url("../images/bullet/bul12.gif") no-repeat left 7px;
	padding: 0 0 0 8px;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_off ul li a {
	font-weight: normal;
	color: #777777;
}

#Lf_Ssnb .Lfsnb_Smenu li .Smenu_2depts ul .depts2_on ul li a.on {
	color: #454545;
	font-weight: bold;
}

#Lf_Sconarea {
	width: 794px;
	float: left;
}

#Lf_Scon {
	width: 763px;
	margin: 0 0 -15px 16px;
	position: relative;
}

#Lf_Sconarea #Lf_stit_sub {
	background: url("../images/livefield/bg_tit2.gif") no-repeat left top;
	height: 42px;
	overflow: hidden;
	margin-bottom: 14px;
}

#Lf_Sconarea #Lf_stit_sub h3 {
	padding: 7px 0 0 30px;
	color: #464545;
	font-size: 14px;
}

#Lf_Sconarea #Lf_stit_sub p {
	position: absolute;
	top: 13px;
	left: 325px;
}

#Lf_searchbox {
	position: absolute;
	top: -10px;
	left: 550px;
	z-index: 2;
}

#Lf_searchbox p {
	margin: 0 0 3px 0;
}

#Lf_searchbox .style_put01 {
	width: 94px;
	height: 18px;
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
}

#Lf_searchbox .style_btn01 {
	width: 32px;
	height: 19px;
	border: none;
}

#Lf_searchbox .style_check01 {
	width: 13px;
	height: 13px;
	border: none;
}

#Lf_searchbox label.searchst {
	width: 43px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	background: url("../images/livefield/lf_text02.gif") no-repeat left top;
}

#Lf_searchbox label span { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; overflow: hidden; width: 1px; height: 1px;}

/*-- 언어선택 탭수정 11.05.27 --*/
ul.lang_btn{
	margin:0 0 0px 0;
	padding:0;
	position:absolute;
	top:3px;
	right:5px;
	background:none !important;
}
ul.lang_btn li{
	float:left;
	margin-left:3px;
	background:none !important;
}
ul.lang_btn li img{
	display:block;
}
.lang_text{
	float:left;
	position:absolute;
	top:30px;
}