@charset "utf-8";

.png24 { tmp:expression(setPng24(this)); }

/*base attitude*/

/* common element */

html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,input,button{font-family:'돋움',dotum,Helvetica,sans-serif;font-size:11px;color:#747D90}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
ul,li{list-style:none}
input,select,button{vertical-align:middle}
input[type=text]:hover,
input[type=password]:hover {border: 1px solid #b6bfc0;}
input[type=text]:focus,
input[type=password]:focus {border: 1px solid #a8c9e4;}
img{border:none; vertical-align:middle; }
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#747D90;text-decoration:none}
a:hover{color:#747D90;text-decoration:underline}
strong, b {font-weight: bold;}
button {border: 0 none;background-color: transparent;cursor: pointer;}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
legend{*width:0}
div, span, h1, h2, h3, h4, h5, h6, p, td, th { line-height:1.4; }
fieldset { margin:0; padding:0; }

* {margin: 0;padding: 0;}

/*table element*/
table { border-collapse:collapse; empty-cells:show;}
table tr th { background:none; display: table-cell; vertical-align: inherit; }
table tr td { display: table-cell; vertical-align: inherit; }

.cate em{color:#7e7e7e; font-weight:bold;}
.partner em{color:#5395ba; font-weight:bold;}


/* hr element */
hr { border:1px solid #5a5a5a; width:95%; float:left;}


.imgList_new {position:relative; z-index:99;}

/* ----------top---------- */

#header {
 z-index: 100;
 width: 100%;
 height: 108px;
 position:relative;
}

#top_nv {
	position: relative;
	width: 100%;
	height:27px;
	top: 0;
	left: 0;
	z-index: 99;
	background:url(../images/top_nv_bg.gif) repeat-x;
}

#top_nv .nv_wrap {	
	position:relative;
	top: 6px;
	width: 980px;
	margin: 0 auto;
	z-index: 999;
}

#top_nv .nv_menu {
	float:right;
	height: 18px;
    text-align:right;
}

.nv_menu li{
	overflow: hidden;
	float:left;
	padding-left:8px;	
}

#top_menu .memu_li {
	margin: 0 auto;
    padding: 0;
    width: 980px;
}

.memu_li li {
	float:left;
	position:relative;
	padding-left:40px;
	padding-top: 36px;
}

#top_menu {	
	position:relative;
	height:81px;
	background:url(../images/top_menu.gif) repeat-x;
	top: 0;
    width: 100%;
	z-index: 9999;
}


#top_slider {
	width:100%;
	height:323px;	
	background:url(../images/sd_bg.gif) repeat-x transparent;
	border-bottom:1px solid #DBDBDB;
	overflow:hidden;
}

.memu_li .goldcpa:hover .drop_cpa{
	left:-1px;
	top:56px;
}
.drop_cpa{
	margin:4px auto;
	left:-999em;
	position:absolute;
	border:1px solid #ddd;
	padding:10px;
	text-align:left;
	background:#fff;
}
.drop_cpa li {
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:145px;
	font-size:12px;
	letter-spacing:-1px;
	padding-left: 6px;
	background: url(images/bls.gif) no-repeat 0 10px;
}

/* ----------container to center the layout---------- */
#container {
 min-height:100%;
 margin: -108px 0 -130px 80px;
} 

/* -----------------content--------------------- */
#content {
	 padding-top: 100px;
	 padding-bottom: 90px;
	 position: relative;
	 width: 720px;
	 margin: 0 auto;
	 font-family: '돋움',dotum,Helvetica,sans-serif;
	 font-size: 11px;
	 color: #747D90;
	 font-weight: normal;
}

#content_my {
	width: 720px;
	font-family: '돋움',dotum,Helvetica,sans-serif;
	font-size: 11px;
	color: #747D90;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float:left;
}

/* ----------outer and inner----------------- */
#outer{
	border-right: solid 240px #fff;  /* color of the left column  */
	background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0 auto; width:1020px;padding: 110px 0 130px; } /* The ie/pc pecularity */ 


.c_main {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-top: 4px;
}

p{
	padding: 0px;
	margin:0px;
}

pre{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
}


/*  ----------------로그인---------------------- */ 


#m_login {
	overflow: hidden;
	position: relative;
	background: #f8f8f8;
	width: 100%;
}

#log_form{
	width: 240px;
	padding: 30px 0 10px 21px;
	
}

#log_submit{
	position: absolute;
	top: 30px;
	right: 17px;
	
}

#log_submit .lg_sb{
	width:51px;
	height:49px;
	background:url(../images/btn_login.gif) no-repeat;
	overflow: hidden;
}

#log_form input{
	float: left;
	padding: 3px 1px 0px 5px;
	vertical-align: middle;
	font-size: 11px;
	color: #777;
	width: 135px;
	height: 16px;
	border: 1px solid #c7d0d2;
	border-radius: 2px;
}

.tab_login {
	position: relative;
	height: 27px;	
}

#m_notice {
	position:relative;
	background: #f8f8f8;
	width: 100%;
	height: 150px;
	padding-bottom: 20px;
	box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#m_blog {
	position:relative;
	background: #f8f8f8;
	width: 100%;
	height: 150px;
	box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
}

#m_blog_list{
	padding-top:5px;
}

#m_contact{
	position:relative;
	background: #fff;
	width: 100%;
	height: 80px;
	box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#m_contact_list{
	padding-top:5px;
	padding-left:25px;
}

#m_cs{
	position:relative;
	background: #fff;
	width: 100%;
	height: 179px;
	box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
}

#m_noti_tit {
	padding:15px 0 5px 15px;
}

#m_noti_list{
	padding-left:15px;
	width:230px;
}

#m_noti_list li {
	padding:1px 0;
}

#m_blog_list p {
	padding-top:5px;
}

#m_cs img {
	padding:0 4px;
}

#m_campaign {
	position:relative;
	background: #f8f8f8;
	height: 190px;
	box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
}


.list_campaign {
	overflow: hidden;
	padding:0 10px;
}

.list_campaign li {
	float: left;
	margin-top: 10px;
	list-style: none;
}

.list_campaign .thumb_photo {
	position: relative;
	float: left;
	width: 80px;
	height: 60px;
}

.list_campaign .info {
	float: left;
	width: 120px;	
	margin-left: 11px;
}


.list_campaign .tit {
	display: block;
	letter-spacing: -1px;
	padding-top:1px;	
	color: #444;
}

.list_campaign .text {
	display: block;
	margin-top: 5px;
	color: #888;
	letter-spacing:-1px;
}


.list_campaign li img {
	float: left;	
}

.list_campaign li div {
	overflow: hidden;
	float: right;
	width: 116px;
	height: 57px;
}

.list_campaign li div a {
	display: block;
}

.list_campaign  li.first {
margin-bottom: 13px;
}

.list_campaign li div a.title {
	margin: 3px 0 5px;
	font-weight:bold;
	color: #444;
	letter-spacing:-1px;
}

.list_campaign li div a.cont {
	color: #888;
	letter-spacing:-1px;
}

.check {
	margin-left: 3px;
	font-size: 11px;
	color: #444;
	text-shadow: 0 1px 0 #fff;
}
#reg_txt {
	overflow: hidden;
	letter-spacing: -1px;
	width: 200px;
	padding:5px 0 0 20px;
}




.c_main .m_list {
	overflow: hidden;
	padding-top: 15px;
	position: relative;
	width: 100%;	
}


.c_main .m_list.banner {
	height:210px;
	
}

#content #article_list {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 317px;
	padding-top: 15px;
}

#main_tab {
	float: left;
    width: 305px;
    height: 180px;
    position: relative;
}

#main_tab .list_text{
    width: 298px;	
	overflow:hidden;
    padding-top:8px;
	padding-left:5px;
}

#main_tab .list_text li{
	width: 298px;
	overflow: hidden;
	float: left;
}


.link_txt{
	background:url(../images/m_bullet_img.gif) no-repeat scroll left 5px transparent;
	padding:0 1px 0 7px;
}



.list_text li .u_name{
	float: right;
	font-size: 11px;
	color: #9F9F9F;
	
}

.tab_more {
	position: absolute;
	right: 0;
	padding: 2px;
	top: 0px;
}

#main_tab_2{
	float: right;
    width: 400px;
    height: 180px;
    position: relative;
}

#main_tab_2 .t_txt {
	height:60px;
	padding:10px 0 15px 0;
}

#main_tab_2 li{
	padding:2px 0;
}

.thumb {
	float:left;
	padding-right:10px;
}

.t_txt .desc{
	overflow: hidden;	
}

.t_txt .desc .tit a{
	font-weight:bold;
	font-size:14px;
		
}
.t_txt .desc .txt {
	
}

.list_text li .u_date{
	float: right;
	font-size: 11px;
	color: #9F9F9F;
}

#article_list #main_tab_3{
	clear: both;
	float: left;
	height: 80px;
	margin-top: 5px;
	position: relative;
	width: 720px;
}

.list_text_3{
	border: 0 none;
    float: left;
    padding-top:8px;
	padding-left:5px;
}

.list_text_3 .desc {
	overflow: auto;
	
}
.desc_3 {
	float: left;
	width:585px;
	text-align: left;
}
.desc_3 h2 {
	margin: 0;
	font: bold 13px dotum;
	color:#09C;
}
.desc_3 h2 span {
	padding-left:10px;
	color: #999999;
    font: 11px dotum;
}
#main_tab_4{
	float: left;
	margin-top: 5px;
	padding-left:0px;
	position: relative;
	width: 700px;
}

#main_tab_4 .t_partner {
	float:left;
	padding:5px 8px 5px 0px;
	
	height:55px;
	/*background:url(../images/partner_null_73.gif) no-repeat;*/
}


/*  ----------------하단---------------------- */ 




/* ------------------------- 사이드 메뉴 -------------------------*/

#left_nv {
	float: left;
	width: 140px;
	background-color: #FFF;
	border: 1px solid #DBDBDB;
	float: left;
	margin-top:10px;
	margin-left: 1px;
	position: relative;
	padding-bottom: 20px;
}

.snb {
    float: left;
    width: 100%;
}

.list_snb .li_txt {
	padding:10px 0 5px 10px;	
}

.list_snb .li_txt a{
	font-size:12px;
}

.list_snb .li_tit {
	background-color:#FDFDFD;
	height:60px;
	border-bottom:1px solid #DBDBDB;
	margin-bottom:10px;
}

.list_snb .li_tit img{
	padding:25px 0 0 10px;
	
}

#coupon_list {
	margin:15px 0 0 5px;
	width:722px;
	
}

.cl_tit{
	padding-left:10px;
	padding-top:12px;
	background: url(../images/gc_list_tit.gif) no-repeat;
	height:20px;
	text-align:right;
}

.cl_tit_bg {
	margin: 10px 0 0px 0px;
	height:39px;
	background:url(../images/gc_list_titbg.gif) no-repeat;
}

.cl_cell{
	
}

.cl_cell .cl_cb {
	padding-left:2px;
	
}

.cl_cell ul .cl_b {
	position: relative;
	width:100%;
	height:103px;
	background:url(../images/gc_list_bg.gif) repeat-x;
	cursor: pointer;
	display:block;
}

.cl_w:hover, .cl_w:active, .cl_w:focus {
	margin:-1px;
	border: 1px solid #eee;
	background:url(../images/gc_list_bg_01.gif) repeat-x;
}


.cl_cell ul .cl_w {
	width:100%;
	padding:1px -1px;
	height:103px;
	background:url(../images/gc_list_bg_02.gif) repeat-x;
}

.cl_partner {
	font-size:15px;
	font-weight:bold;
	color: #665b56;
	padding-left:5px;
}


.pt_detail {
	padding-top:3px;
	width:325px;
	color:#666;
}



#summary_area {
	height: 52px;
	margin-top: 0;
	position: relative;
	text-align: left;
}

#summary_area .item_count {
	margin: 28px 0 0 4px;
}

#summary_area .item_count {
	float: left;
}

#summary_area span {
	color: #FD5F09;
}

#summary_area .item_count span em {
	font-family: tahoma;
	font-weight: bold;
}


#summary_area .srch_field {
    margin-top: 27px;
}

.srch_field {
    position: absolute;
    right: 0;
    top: -2px;
    width: 230px;
}

.srch_field .srch_box {
    border: 1px solid #DDDDE1;
    float: left;
    height: 19px;
    margin: 1px 2px 0 0;
    padding-left: 5px;
    vertical-align: bottom;
    width: 180px;
}
.srch_field .srch_input {
    border: 1 solid #DDDDE1;
    color: #8F9095;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    margin-top: 1px;
	float: left;
}

.srch_field .srch_submit {
	background:url(../images/search_img.gif) no-repeat;
    float: left;
    height: 23px;
    overflow: hidden;
    vertical-align: top;
    width: 40px;
	margin-left:6px;
}



/*  ----------------footer---------------------- */ 
#footerWarp {
	position:relative;	
	clear:both;
	background-color: #f7f7f7;
    border-top: 1px solid #DCDCDC;
    width: 100%;
	height:129px;
}

#footer {
	position:relative;	
	width: 964px;
	clear:left;
	padding:0px;
	margin: 0 auto;
	text-align: right; 
} 

#footer .company {
	float: left;
	width: 161px;

	margin-top: 30px;
}

#footer .policy {
	float: left;
	height: 31px;
	width: 433px;
	margin: 20px 0 0 30px;
	background: url(../images/f_menu.gif)  no-repeat 0 4px;
}

.policy li {
	float: left;
	height: 20px;
}

.policy li a {
	display: block;
	overflow: hidden;
	height: 20px;
	width: 100%;
	text-indent: -1000em;
}

.policy .company_info {
	width: 52px;
}

.policy li.cooperation {
	width: 63px;
}

.policy li.rules {
	width: 63px;
}

.policy li.privacy {
	width: 96px;
}

.policy li.sitemap {
	width: 63px;
}

.policy li.helpdesk {
	width: 65px;
}

.companyInfo {
    background: url(../images/f_copyright.gif) no-repeat transparent;
	float:left;
    height: 45px;
    margin: 0 0 0 30px;
    width: 470px;
}

/*---------------페이징---------------*/

div.pagination {
	background-color:#fff;
	color:#48b9ef;
	padding:10px 0 10px 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
}

div.pagination a {
	color:#48b9ef;
	padding:2px 5px;
	margin:0 2px;
	text-decoration:none;
	border:2px solid #f0f0f0;
}

div.pagination a:hover, div.pagination a:active {
	border:2px solid #ff5a00;
	color:#ff5a00;
}

div.pagination span.current {
	padding:2px 5px;
	border:2px solid #ff5a00;
	color:#fff;
	font-weight:bold;
	background-color:#ff6c16;
}
div.pagination span.disabled {
	display:none;
}

.input_chk {
position: relative;
width: 13px;
height: 13px;
margin: -2px 0 2px;
padding: 0;
vertical-align: middle;
}




.cat_label {
	margin-top:5px; 
	vertical-align:middle;
	display:inline-block;
	font-size: 11px;
	color: #666;
	letter-spacing: -1px;
	
}

.cp_lo_top{
	background: url(../images/cp_page_top.gif) no-repeat scroll 0 0 transparent;
	height:52px;
}

.cp_lo_middle{
	background:url(../images/cp_page_middle.gif) no-repeat scroll left bottom transparent;
	
}

.tab ul {
	padding-top:10px;
    border-bottom: 1px solid #565960;
    height: 34px;
}

.tab ul li {
    float: left;
	width: 119px;
	margin-right: -1px;
	border: 1px solid #DDDDE1;
	border-bottom: 0px;
	background-color: #F9F9F9;
	line-height: 33px;
	text-align: center;
}



.tab ul li.on {
    background-color: #FFFFFF;
    border-color: #b2b2b2;
    height: 34px;
    margin-bottom: -1px;
    position: relative;
}


/* top level list "primary" */
ul#tab {
	padding-top:10px;
    border-bottom: 1px solid #565960;
    height: 34px;
}

ul#tab li {
	float: left;
	width: 119px;
	height: 34px;
}

ul#tab a,ul#tab a.active {
	float: left;
	width: 119px;
	margin-right: -1px;
	border: 1px solid #DDDDE1;
	border-bottom: 0px;
	background-color: #F9F9F9;
	line-height: 33px;
	text-align: center;
	height: 33px;
}

ul#tab a.active,ul#tab a.active:hover {
	background-color: #FFFFFF;
    border-color: #b2b2b2;
    height: 34px;
    margin-bottom: -1px;
    position: relative;
}

ul#tab a {
	float: left;
	width: 119px;
	margin-right: -1px;
	border: 1px solid #DDDDE1;
	border-bottom: 0px;
	background-color: #F9F9F9;
	line-height: 33px;
	text-align: center;
}

#tab_cont {
	margin-top:10px;
	
	
}
tab a {
	padding-top:15px;
}

#tab li a img {
	padding-top:11px;
}

#td_banner {
	border:0;border-top:2px solid #999;
}

#td_banner th{
	background-color: #F9F9F9;
    color: #686868;
    font-weight: normal;
    height: 30px;
    text-align: center;
    vertical-align: middle;
	border:1px solid #ddd;
	
}

#td_banner span {
	font-weight:bold;
}

#td_banner tr td {
	height:45px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
}

.cp_lo_top ul{
	padding-top:15px;
	margin-left:20px;
}

.cp_lo_top li {

	float:left;
}
#cp_report {
}

#cr_report th{
	background-color: #F9F9F9;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #D4D4D4;
    color: #686868;
    font-weight: normal;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

#cr_report span {
	font-weight:bold;
}

#cr_report tr td {
	
	height:35px;
	text-align:center;
	vertical-align:middle;
}

.cp_rq_txt {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}

.cp_rq_txt li{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	
}

.cp_rq_input li input{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: 1px solid #C7D0D2;
    border-radius: 2px 2px 2px 2px;
    color: #eb6100;
    height: 18px;   
    padding-left: 10px;
    width: 150px;
	font-size:14px;

}

.cp_rq_input li input[type=text]:focus, .cp_rq_input li input[type=text]:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: 1px solid #C7D0D2;
    border-radius: 2px 2px 2px 2px;
    color: #eb6100;
    height: 18px;  
    padding-left: 10px;
    width: 150px;
	
}
.cp_rq_input li {
	vertical-align:middle;
	height: 23px;
	color: #777777;	
}
.cp_rq_input .tax {
	padding-top:7px;
	height: 20px;
	color: #777777;	
}

#cp_rq_txt li{
	margin-left:20px;
	text-align:left;
	line-height:20px;
	color:#666666;
	
}


ul#hz_tab {
    border-bottom: 1px solid #565960;
    height: 34px;
	padding-right:2px;
	
}

ul#hz_tab li {
	float: left;
	width: 140px;
	height: 34px;

}

ul#hz_tab a,ul#hz_tab a.active {
	float: left;
	width: 140px;
	margin-right: -1px;
	border: 1px solid #DDDDE1;
	border-bottom: 0px;
	background-color: #F9F9F9;
	line-height: 33px;
	text-align: center;
	height: 33px;
}

ul#hz_tab a.active,ul#hz_tab a.active:hover {
	width: 140px;
	background-color: #FFFFFF;
    border-color: #565960;
    height: 34px;
    margin-bottom: -1px;
    position: relative;
}

ul#hz_tab a {
	float: left;
	width: 140px;
	margin-right: -1px;
	border: 1px solid #DDDDE1;
	border-bottom: 0px;
	background-color: #F9F9F9;
	line-height: 33px;
	text-align: center;
}

#hz_tab li a img {
	padding-top:11px;
}

#bc_post_list li {
	padding-top:4px;
}

#bc_post_list li span{
	color:#666666;
}

.pv_cell li {
	padding-top:2px;
	
}

.pv_ct {
	clear: both;
	padding:20px 0 0 0;
    width: 700px;
	
}
#post_view {
}

ul#cs_tab {
    border-bottom: 1px solid #565960;
    height: 34px;
	padding-right:2px;
	
}

ul#cs_tab li {
	float: left;
	width: 150px;
	height: 34px;

}

ul#cs_tab a,ul#cs_tab a.active {
	float: left;
	width: 150px;
	margin-right: -1px;
	border: 1px solid #DDDDE1;
	border-bottom: 0px;
	background-color: #F9F9F9;
	line-height: 33px;
	text-align: center;
	height: 33px;
}

ul#cs_tab a.active,ul#cs_tab a.active:hover {
	width: 150px;
	background-color: #FFFFFF;
    border-color: #565960;
    height: 34px;
    margin-bottom: -1px;
    position: relative;
}

ul#cs_tab a {
	float: left;
	width: 150px;
	margin-right: -1px;
	border: 1px solid #DDDDE1;
	border-bottom: 0px;
	background-color: #F9F9F9;
	line-height: 33px;
	text-align: center;
}

#cs_tab li a img {
	padding-top:11px;
}

.help-list {
	margin-right:10px;
    border-bottom: 3px solid #BADBEA;
    border-top: 3px solid #BADBEA;
    clear: both;
    width: 100%;
}

.help-list.notice col.num {
    width: 60px;
}

.help-list.notice col.subject {
    width: 400px;
}

.help-list.notice col.date {
    width: 70px;
}

.help-list.notice col.count {
    width: 50px;
}

.help-list th.date {
    padding: 8px 0 5px;
    text-align: center;
}

.help-list th.count {
    padding: 8px 28px 5px 0;
    text-align: right;
}

.help-list th {
    border-bottom: 1px solid #BADBEA;
    padding: 8px 0 5px;
    text-align: center;
}

.help-list td {
    border-bottom: 1px solid #E9E9E9;
    padding: 10px 0 3px;
}

.help-list tr.start td {
    padding: 15px 0 3px;
}

.help-list td.num {
    text-align: center;
}

.help-list td.subject a {
    color: #222222;
    position: relative;
    top: -1px;
}
.help-list td.date {
    text-align: center;
}

.help-list td.count {
    text-align: right;
}

.help-list td.count span {
    padding-right: 28px;
}

.search_bar {
    margin-top: 20px;
    text-align: center;
}

.search_bar select.search_title {
    border-style: inset;
    color: #606060;
    font-family: 돋움,Dotum;
    height: 20px;
    vertical-align: middle;
    width: 58px;
}

.search_bar input.search_word {
    border: 1px solid #D0D0D0;
    color: #606060;
    font-family: 돋움,Dotum;
    height: 12px;
    padding: 3px;
    vertical-align: middle;
    width: 142px;
	margin-top: 0px;
	margin-left: 0px;
}

.notice_contents {
    border-bottom: 1px solid #BADBEA;
    border-top: 3px solid #BADBEA;
    color: #222222;
    line-height: 1.5;
    padding: 19px 30px 64px 29px;
}

.notice_contents .notice_contents_title {
    color: #ED2000;
    font: bold 14px '돋움',Dotum;
	border-bottom: 1px solid #F2F2F2;
}

.notice_contents .notice_contents_title p.list_info {
    font-weight: normal;
    margin: 0;
    padding: 0;
    right: 20px;
    text-align: right;
    top: 22px;
}

.notice_contents .notice_contents_title p.list_info em {
    background: url("http://image.nate.com/img/helpdesk/v1/common/bg_line.gif") no-repeat scroll right center transparent;
    color: #777777;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
}

.notice_contents .notice_contents_title p.list_info em.count {
    background: none repeat scroll 0 0 transparent;
}

.list_preview {
    margin-top: 8px;
    padding: 0;
    position: relative;
}

.list_preview p.list_title {
    color: #777777;
    line-height: 1.5em;
}

.list_preview p.list_title a {
    color: #222222;
}

.list_preview a.btn_viewlist {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 2px;
}

.list_preview a.btn_viewlist img.img_btn_viewlist {
    vertical-align: middle;
}


.gc_ct {
    border-top: 2px solid #0098D4;
    margin-top: 15px;
    table-layout: fixed;
    width: 680px;
	margin: 0;
	padding:0;
   
}

.gc_ct .name {
    height: 30px;
}

.gc_ct tr {
	display: table-row;
	vertical-align: middle;
	border-color: inherit;
}


.gc_ct th {
    background: none repeat scroll 0 0 #F2FAFD;
    border-bottom: 1px solid #DDEDF3;
	
}

.gc_ct .email {
    height: 48px;
}

.gc_ct .email .front {
    margin-top: 1px;
    width: 121px;
}

.gc_ct .email input {
    float: left;
}

.gc_ct input {
    border: 1px solid #DCDCDC;
    height: 18px;
	margin: 0;
    padding: 0;
}

.gc_ct .email p {
    float: left;
    margin: 5px 0 0 2px;
}

.gc_ct .email .last {
    margin: 1px 0 0 2px;
    width: 191px;
}

.gc_ct .email select {
    height: 20px;
    margin: 1px 0 0 5px;
    width: 162px;
}

.gc_ct .email .explain {
    clear: both;
    display: block;
    font-size: 11px;
    margin-left: -1px;
    padding-top: 5px;
}

.gc_ct select {
    border: 1px solid #DCDCDC;
    color: #9E9E9E;
    font-family: "돋움",Dotum;
    font-size: 12px;
}

.gc_ct .nonmember {
    height: 181px;
    letter-spacing: -0.3px;
}

.gc_ct td {
    border-bottom: 1px solid #EDEDED;
    color: #ABABAB;
    font-family: "돋움",Dotum;
    font-size: 12px;
    padding: 1px 0 0 10px;
}

.gc_ct .nonmember .contentTxt {
    color: #9E9E9E;
    line-height: 120%;
}

.gc_ct .nonmember strong {
    display: block;
}

.gc_ct .nonmember input {
    height: 13px;
    margin-top: 15px;
    width: 13px;
}

.gc_ct .subject {
    height: 29px;
}

.gc_ct .subject select {
    height: 20px;
    width: 121px;
}

.gc_ct .subject input {
    margin-left: 1px;
    width: 369px;
}

.gc_ct .content {
    
}

.gc_ct .content textarea {
    border: 1px solid #DCDCDC;
    height: 219px;
    width: 100%;
}

.gc_ct .file {
    height: 29px;
}

.gc_ct .bottom {
    border-color: #A9AFB1;
}

.gc_ct .nonmember .lastTxt {
    margin: -13px 0 0 19px;
}

.gc_ct .nonmember strong {
    display: block;
}

.gc_ct .nonmember p {
    margin-top: 16px;
}


.gc_faq {
    border-top: 2px solid #0098D4;
    table-layout: fixed;
	width: 724px;
   
}

.gc_faq td {
    border-bottom: 1px solid #EDEDED;
    color: #9E9E9E;
    font-family: "돋움",Dotum;
    font-size: 12px;
    height: 36px;
    padding-top: 1px;
}

.gc_faq tr {
	vertical-align: middle;
}

.gc_faq th {
    background: none repeat scroll 0 0 #F2FAFD;
    border-bottom: 1px solid #DDEDF3;
    height: 31px;
    padding-top: 2px;
}

.gc_faq th.pr {
    padding-right: 25px;
}

.gc_faq td.center {
    text-align: center;
}

.gc_faq td .open {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 2px solid white;
    border-top: 1px solid white;
    padding: 11px;
    width: 100%;
}

.gc_faq td .open img {
    display: inline;
    float: left;
    margin-left: 27px;
}

.gc_faq td .open span {
    color: #636363;
    display: block;
    float: left;
    font-family: "돋움",Dotum;
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0 0 9px;
    padding-bottom: 30px;
    width: 540px;
}

.gc_faq td .open .btn {
    background: url("/front/image/customer/customer_board_answer_bottom.png") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 40px;
    margin-left: 9px;
    position: relative;
    
}

p.subject {
	padding-bottom: 5px;
	background: url(http://img.hancom.com/../images/common/hline_dot.gif) repeat-x bottom;
	font-weight: bold;
	font-size:12px;
}

p.date {
	padding:5px 0;
}




/*--------------------------------------------------------------------------------
			로그인 레이아웃
--------------------------------------------------------------------------------*/


#login_wrap {
 width: 520px;
 margin: 0 auto;
 padding-top: 80px;
 padding-bottom: 120px;
}

.box.solid {
clear: both;
width: 520px;
height:259px;
background: url(../images/gc_login_bg.gif) no-repeat;
text-align: left;
}

#loginform {
width: 358px;
margin: 0 auto;
}

.box dl {
display: inline;
}

.box dl, .box dt, .box dd {
float: left;
}

.login_field {
width: 216px;
padding: 19px 0 0 112px;
}

#login_wrap {
text-align: center;
}

.login_field dt {
clear: both;
width: 66px;
height: 35px;
margin: 0;
}

.login_field dd {
position: relative;
width: 150px;
height: 27px;
line-height: 27px;
margin: 0;
}

.box.solid {
clear: both;
width: 520px;
margin: 0 auto;
}

.box.solid .box_top {
height: 40px;
margin-bottom: 38px;
}

.login_btn {
float: left;
position: relative;
width: 78px;
height: 50px;
line-height: 25px;
padding-top: 14px;
}

.login_field .input_text {
position: absolute;
top: 0;
width: 133px;
}

.input_text {
height: 14px;
padding: 2px;
border: 1px solid #dfdfdf;
line-height: 16px;
}

.login_btn input.login {
position: absolute;
top: 25px;
left: 3px;
}

.sbtn {
border: none;
text-indent: -3000em;
cursor: pointer;
overflow: hidden;
}

.sbtn.login {
width: 78px;
height: 44px;
margin-left: 0;
background: url(../images/login_submit.gif);
}

.login_btn label {
position: absolute;
top: 10px;
font-size: 11px;
color: #999;
line-height: 20px;
}

.box .go_find {
display: inline;
clear: both;
float: left;
width: 244px;
margin-top: 31px;
margin-left: 250px;
padding-bottom: 20px;
}

.box .go_find li {

}

.go_find .mem_join {
	margin-top: 2px;
}

.box dt, .box .box_bottom {
clear: both;
overflow: hidden;
}

#copyright {
padding-top: 9px;
text-align: center;
color: #999;
font-size: 10px;
font-family: Tahoma,sans-serif;
letter-spacing: 0;
}






/*--------------------------------------------------------------------------------
			회원가입 레이아웃
--------------------------------------------------------------------------------*/


.confirm_box1 {
	padding-top:40px;
	margin-left:10px;
}

#member10_cFbox02 .confirm_box2 {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CFD3DB;
	height: 196px;
	position: relative;
	width: 850px;
}

#member10_cFbox02 .confirm_box2 div.h25 {
    left: 88px;
    position: absolute;
    top: 30px;
    z-index: 1;
}

#member10_cFbox02 .cBorder {
	left: 40px;
	position: relative;
	top: 16px;
	width: 800px;
}

#juminDiv .realname_c {
	border-right: 1px solid #CFD3DB;
	float: left;
	height: 170px;
	width: 355px;
}

#juminDiv .realname_c .nameNo {
	margin-top: 20px;
	width: 279px;
}

#juminDiv .realname_c .nameNo th {
    color: #747D90;
    font-weight: bold;
    padding-left: 17px;
    text-align: left;
    width: 85px;
}

#juminDiv .realname_c .nameNo th, #juminDiv .nameNo td {
    padding-bottom: 10px;
}

#juminDiv .realname_c .nameNo td {
    width: 177px;
}

table {
    border-collapse: collapse;
    empty-cells: show;
}

#juminDiv .realname_c .bottom_btn {
    border-top: 1px solid #CFD3DB;
    padding: 15px 0 10px;
    text-align: center;
    width: 275px;
}

#juminDiv .realname_c .notice {
	color: #A0A7B7;
	text-align: left;
	width: 290px;
}

#member10_cFbox02 .cBorder .warn {
	float: left;
	padding: 10px 10px 0 48px;
	width: 380px;
}

#member10_cFbox02 .cBorder .warn .t_notice {
    background: none repeat scroll 0 0 #f88028;
    border: 1px solid #e66534;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-family: Dotum;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
}

.txt {
    color: #747D90;
    padding-top: 14px;
	padding-right: 12px;
	padding-left:7px;
	background: url(../images/img_dot.gif) no-repeat scroll 0 19px transparent;
	
}

#juminDiv .realname_c .nameNo td input.size1 {
    width: 165px;
}

#juminDiv .realname_c .nameNo td input {
    border: 1px solid #CFD3DB;
    color: #888888;
    font-size: 12px;
    height: 13px;
    padding: 4px 5px 1px;
}

#juminDiv .realname_c .nameNo td input.size2 {
    width: 69px;
}

.btn_area .btn {
    margin-left: 2px;
}

.btn {
    border: medium none;
    cursor: pointer;
    height: 20px;
    margin-left: 4px;
    overflow: hidden;
}

button.next {
    background: url(../images/join_step_submit.gif) no-repeat transparent;
    height: 32px;
    width: 83px;
}

button.home {
    background: url(../images/join_home.gif) no-repeat transparent;
    height: 26px;
    width: 74px;
}

a.btn_type11_2 {
    background: url(../images/join_step_submit.gif) no-repeat transparent;
    padding: 5px 0 6px 10px;
    width: 74px;
	height: 26px;
}

button.regcancel, a.regcancel {
    background: url(../images/join_cancel.gif) repeat scroll 0 0 transparent;
    height: 26px;
    width: 54px;
}

.btn_area .btn.next {
	background: url(../images/join_next.gif) repeat scroll 0 0 transparent;
    height: 26px;
    width: 74px;
}

#juminDiv .realname_c label {
	
	font-size:12px;
}

.fontstyle01 {
    color: #F56A4F;
}

.fontstyle02 {
    color: #F56A4F;
}

.agreement {
    border: 1px solid #E6E6E6;
    color: #4C4C4C;
    height: 135px;
    overflow: auto;
    padding: 20px;
}

.agreement {
    line-height: 18px;
}

.agreement_check {
    margin-top: 20px;
    text-align: center;
}

.agreement_noti {
    border: 1px solid #E6E6E6;
    color: #4C4C4C;
    height: 150px;
    padding-top: 35px;
    position: relative;
}

.outter {
    height: 110px;
    overflow: auto;
    padding: 20px;
}


.btn_area {
    clear: both;
    padding-top: 20px;
	padding-bottom: 20px;
    text-align: center;
}

.agreement_check {
    margin-top: 20px;
    text-align: center;
}

.input_check {
    margin-bottom: 5px;
}

.join_info {
    position: relative;
	border-bottom: 1px solid #DDDFE7;
	width: 100%;
	color:#333;
}

.join_info th {
    background-color: #F7F7F8;
    font-weight: bold;
    line-height: 15px;
    padding: 10px 0 0 32px;
    text-align: left;
    vertical-align: top;
    width: 128px;
	color:#4B4B4B;
}

.join_info td {
    border-left: 1px solid #F8F8F8;
    border-top: 1px solid #EEEDF0;
    line-height: 20px;
    padding: 10px 20px;
	color:#999999;
	letter-spacing:-1px;
}

ul .txt{
	color: #747D90;
    padding-top: 0;
	padding-right: 12px;
	padding-left:7px;
	background: url(../images/img_dot.gif) no-repeat scroll 0 7px transparent;
}

.join_info th.require {
    background: url(../images/check_img.gif) no-repeat scroll 16px 13px #F7F7F8;
}

.table_coment {
	padding-top:30px;
	padding-bottom:10px;
}

.email .comment1 {
    margin-bottom: 10px;
}

.input_check {
    margin: -1px 3px 1px 0;
}

.addr p {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    position: relative;
    width: 350px;
}

.phnoe_list {
    height: 65px;
    overflow: hidden;
    width: 545px;
}

.phnoe_list dt {
    clear: both;
    float: left;
    width: 80px;
	padding:5px 0;
}

.phnoe_list dd {
	padding:5px 0;
}

.field_comment {
    font-size: 11px;
    margin-top: 5px;
}

.category li {
    float: left;
	text-align:left;
    margin-bottom: 7px;
    padding-top: 1px;
    width: 125px;
}

.month_count {
	padding-top:2px;
	margin: 12px 8px 0 4px;
	letter-spacing:0px;
}

#site_count li {
	float:left;
	letter-spacing:0px;
	padding-left:8px;
	padding-top:5px;
	
}
	
.site_add th {
border-top: 2px solid lightGrey;
border-bottom: 1px solid #EDEDED;
background-color: #F8F8F8;
}

#tbl_type2 th{
	background-color: #F7F7F8;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    vertical-align: top;
    color:#4B4B4B;
	padding: 10px 5px;
}

#tbl_type2 td{
    border-left: 1px solid #F8F8F8;
    border-top: 1px solid #EEEDF0;
    line-height: 20px;
    padding: 6px 0px;
	color:#999999;
	text-align:center;
	letter-spacing:-1px;
}




.cv_title {
	font-size:14px; 
	font-weight:bold; 
	letter-spacing:-1px; 
	color:#333333;
}


.cv_cate1 {
	padding: 0 10px 2px 70px;
	background: url(../images/bc_img_01.gif) no-repeat;
	color: #909090;
}

.cv_cate2 {
	padding: 0 10px 2px 60px;
	background: url(../images/bc_img_02.gif) no-repeat;
	color: #909090;
}

.cv_cate3 {
	padding: 0 6px 2px 50px;
	background: url(../images/bc_img_04.gif) no-repeat;
	color: #909090;
}

.cv_cate4 {
	padding: 0 6px 2px 60px;
	background: url(../images/bc_img_05.gif) no-repeat;
	color: #909090;
}

.cv_sub {
	padding-right:20px;
}


.itemLst {
	border-bottom: 1px solid #E2E2E2;
    overflow: hidden;
    padding: 15px 0;
	margin-right:10px;
	
}

.section_freesort {
    border: 0 none;
    padding-top: 3px;
    position: relative;
    z-index: 15;
}

/* 탭 */



/*로그인 include*/
#m_logon .login_at{
 margin: 16px 14px 0 16px; overflow:hidden;
 letter-spacing:-1px; color:#485f72; font-size:12px; 
}

#m_logon .login_at .at{
 float:left;color:black;letter-spacing:-1px; color:#485f72; font-size:12px; 
}

#m_logon .login_ab{
 margin:14px 14px 12px 16px;color:black;letter-spacing:-1px; color:#485f72; font-size:11px; overflow:hidden;
}

#m_logon .modify{
 display:inline-block;
 height:19px;
 width:54px;  
 background:url(../images/gc_login_btn.gif) no-repeat; 
 background-position:0 0;
}

#m_logon .logout{
 display:inline-block;
 height:19px;
 width:55px;
 background:url(../images/gc_login_btn.gif) no-repeat; 
 background-position:-53px 0; 
}


/*마이 페이지*/
#my_lnb {
	float: left;
	position: relative;
	margin-right: 40px;
	padding-top: 80px;
}

#my_lnb #sub_menu{
	height: 140px;
	padding-top:20px;
}

#sub_menu li a{
	width: 125px;
	height:35px;
	background:url(../../images/my_lnb.gif) no-repeat;
	display:block;
	overflow:hidden;
		
}

#sub_menu .modify a {
	overflow:hidden;
	background-position: 0 0;
}

#sub_menu .modify a.on {
	background-position:0 -140px;
    margin-left: 0;
    width: 131px;	
}

#sub_menu .site a {
	background-position: 0 -35px;
    width: 131px;		
}

#sub_menu .site a.on {
	background-position:0 -175px;
    margin-left: 0;
    width: 131px;	
}

#sub_menu .qna a {
	background-position: 0 -70px;
    width: 131px;		
}

#sub_menu .qna a.on {
	background-position:0 -210px;
    margin-left: 0;
    width: 131px;	
}

#sub_menu .out a {
	background-position: 0 -105px;
    width: 131px;		
}

#sub_menu .out a.on {
	background-position:0 -245px;
    margin-left: 0;
    width: 131px;	
}

#top_menu .noti_campain {
	background:url(../images/notifi_icon.png) no-repeat;
	display: inline; 
	height: 19px; 
	width: 19px;
	position: absolute; 
	right: -15px; 
	top: 25px; 
	color: #fff; 
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .2); 
	text-align: center; 
	font-size: 9px; 
	font-weight:bold;
	line-height: 18px; 
	cursor: pointer;
}