/* CSS Document */

body			{ margin: 0px ; backfround-color :#ffffff; background-image : url(../img/layout/main_bg.gif); background-repeat:repeat-x;}

form			{ margin : 0px ; display: inline }
image		{ border : 0px ; }
td			{ font-size : 12px ; color : #555555 ; line-height : 17px ; font-family : dotum }

a:link		{ font-size: 12px ; color: #555555 ; text-decoration : none }
a:visited		{ font-size: 12px ; color: #555555 ; text-decoration : none }
a:hover		{ font-size: 12px ; color: #555555 ; text-decoration : underline }

input,select		{ font-size: 12px; color: #555555 ; text-decoration: none ;  margin-bottom : 1px }

.border_none		{ border-style : none }
.border_none td 	{ border-style : none }

.input			{ border : 1px solid #C9C8C8 ; height : 18px}
.textarea		{ margin : 0,0,1,0 ; border-right: #d0d0d0 1px solid ; border-top: #d0d0d0 1px solid ; font-size: 12px; border-left: #d0d0d0 1px solid; 
	        	color: #464646; line-height: 17px; border-bottom: #d0d0d0 1px solid; background-color: #ffffff }
.select			{ margin : 0,0,0,0 ; border : 1px solid #cccccc ; height : 19px }
.radio			{ margin : 0,-4,-2,2 }

/*===================================top&bottom================================================*/

.layout_main		{ width : 920px  ; background-color : #ffffff }

.layout_maintop		{ width : 920 ; height : 140px ;}
.layout_top		{ width : 920 ; height : 201px ;}
.layout_top_bg		{ background-image : url(../img/layout/top_bg.gif); background-repeat : no-repeat ; }
.layout_bottom		{ margin-top : 20px ; height : 100px ; background-color: #ececec ; padding : 10px}

.main			{width : 710px }
.main_box		{width : 700px ; border-left : 1px solid #efefef ; border-right : 1px solid #efefef ; border-bottom : 1px solid #efefef  ; backfround-color :#ffffff;}

/*##### left ####*/
.left				{ width : 209px ; border-top : 1px solid #efefef ; border-right : 1px solid #efefef  ; border-bottom : 1px solid #efefef  ; backfround-color :#ffffff ; padding:10px}


/*##### location bar ####*/
.location			{ width : 657px ; margin-bottom : 30px ; }
.location  td		{ font-size : 11px ; font-family : 'dotum' ; color : #888888 }

.location a:link		{ font-family : dotum ; font-size : 11px ; color : #888888 }
.location a:visited	{ font-family : dotum ; font-size : 11px ; color : #888888 }
.location a:hover	{ font-family : dotum ; font-size : 11px ; color : #888888 ; text-decoration:none }

.location_5		{ font-family : dotum ; font-size : 11px ; color : #555555 }

.location_mg		{text-align : center ; border-bottom : 2px solid #b1b9c5 ; width:45px ; height : 41px}
.location_lg		{border-bottom : 2px solid #d7d7d7 ; height : 41px}
.location_lg_text	{text-align : right ; padding : 15, 10, 0, 0}

/*##### content ####*/
.content			{ width : 657px ; margin-bottom : 20px ; }


/*##### box ####*/

.box		{border:1px solid #e7e7e7; border-collapse : collapse; }
.box td		{border:1px solid #e7e7e7; padding:5 10 5 10 ;}

.box_01		{border-bottom:1px solid #77a5e3; height:4px; background-color:#77a5e3}
.box_02		{border-bottom:1px solid #bce0e4; height:4px; background-color:#bce0e4}


.box11		{border:1px solid #e7e7e7; border-collapse : collapse; }
.box11 td	{text-align : center; border:1px solid #e7e7e7; padding:5px ;font-family : dotum ; font-size : 11px ; }

.box11_01	{border-bottom:1px solid #77a5e3; height:4px; background-color:#77a5e3}
.box11_02	{border-bottom:1px solid #77d5e3; height:4px; background-color:#77d5e3}
.box11_03	{border-bottom:1px solid #bce0e4; height:4px; background-color:#bce0e4}

.box_g		{text-align : center; background-color:#f3f3f3}
.box_lg		{text-align : center; background-color:#f8f8f8}


/*notice*/
.notice 			{ margin : 0,0,0,0px ; padding : 0px ; list-style : none  ; text-indent : 12px }

.notice li 			{ background:url(../img/layout/dot_gray3.gif) no-repeat 1px 40% ; }
.notice li a:link		{ color : #555555 }
.notice li a:visited 		{ color : #555555 }
.notice li a:active		{ color : #555555 }
.notice li a:hover		{ text-decoration : underline ; color : #555555 }

.report		{  color : #88afcf;text-indent : 12px }


/*list*/
.list				{ width : 650px ; border-collapse : collapse }
.list td			{ border-bottom : 1px solid #DDDDDD ; color : #555555 ; height : 31px ; text-align : center ; padding : 0,2,0,2 }
.list td a:link		{ color : #555555 }
.list td a:visited 		{ color : #555555 }
.list td a:active		{ color : #555555 }
.list td a:hover		{ color : #555555 ; text-decoration : underline  }

.list_01	{ border-left : 1px solid #DDDDDD ; background:url(../img/layout/list_bar.gif) no-repeat -2px 45%  ; font-weight : bold ; text-align : center }
.list_02	{ background:url(../img/layout/list_bar.gif) no-repeat ; font-weight : bold ; text-align : center }
.list_03	{ background:url(../img/layout/list_bar.gif) no-repeat ; border-right : 1px solid #dddddd ; font-weight : bold ; text-align : center }

.view_title	{background:url(../img/cscenter/qna_titlebg.gif); font-weight : bold ; font-size:12px; color:#000000; padding:5,0,0,23; height:52px}
.view_box	{border: 6px solid #ECECEC; padding:22,5,20,32; border-collapse : collapse}

.dot_bar	{ background:url(../img/cscenter/dotbar.gif) repeat-x ; height:2px ; margin : 11,0,11,0}


/*cscenter*/
.faq				{ width : 330px ; border-collapse : collapse }
.faq td			{ border-bottom : 1px solid #c1c1c1 ; color : #555555 ; height : 25px ; padding : 0,2,0,2 }
.faq td a:link		{ color : #555555 }
.faq td a:visited 		{ color : #555555 }
.faq td a:active		{ color : #555555 }
.faq td a:hover		{ color : #555555 ; text-decoration : underline  }
 
.faq_box	{border-bottom: 10px solid #c5d4ff; border-left: 10px solid #c5d4ff;border-right: 10px solid #c5d4ff}
.faq_re		{height:35px; padding:0,0,0,20;}
.faq_re  a:link			{ color : #333333 }
.faq_re  a:visited 		{ color : #333333 }
.faq_re  a:active		{ color : #84c9ce }
.faq_re  a:hover		{ color : #84c9ce ; text-decoration : underline  }

.faq_re01				{ height:35px; padding:0,0,0,20 }
.faq_re01  a:link		{ color : #84c9ce ; text-decoration : underline }
.faq_re01  a:visited 	{ color : #84c9ce ; text-decoration : underline }
.faq_re01  a:active		{ color : #84c9ce ; text-decoration : underline }
.faq_re01  a:hover		{ color : #84c9ce ; text-decoration : underline  }


.faq_search_t			{ margin : 0,0,0,0px ; padding : 0px ; list-style : none  ; text-indent : 12px ;font-weight : bold}

.faq_search_t li 			{ background:url(../img/layout/dot_gray3.gif) no-repeat 1px 40% ; }
.faq_search_t li a:link			{ color : #333333 }
.faq_search_t li a:visited 		{ color : #333333 }
.faq_search_t li a:active		{ color : #333333 }
.faq_search_t li a:hover		{ text-decoration : underline ; color : #333333 }

.faq_search		{  color : #333333;padding : 5,0,5,12}


.view_box	{border: 6px solid #ECECEC; padding:22,5,20,32; border-collapse : collapse}

.cscenter_line		{border : 1px solid #dddddd; padding:7,15,7,15 ; background-color : #eeeeee   }


/*view*/
.vbox	{ padding : 10px }

.vbox_01	{ background:url(../img/cscenter/vbox_01.gif) no-repeat left top ; width : 4x ; height:4px }
.vbox_02	{ background:url(../img/cscenter/vbox_02.gif) no-repeat right top ; width : 4px ; height:4px }
.vbox_03	{ background:url(../img/cscenter/vbox_03.gif) no-repeat left botoom ; width : 4px ; height:4px }
.vbox_04	{ background:url(../img/cscenter/vbox_04.gif) no-repeat right botoom ; width : 4px ; height:4px }

.vbox_top		{ background:url(../img/cscenter/vbox_top.gif) repeat-x ; width : 722px ; height:4px }
.vbox_bottom	{ background:url(../img/cscenter/vbox_bottom.gif) repeat-x ; width : 722px ; height:4px }
.vbox_left		{ background:url(../img/cscenter/vbox_left.gif) repeat-y ; width : 4px }
.vbox_right		{ background:url(../img/cscenter/vbox_right.gif) repeat-y ; width : 4px }

.vbox_s		{ background-color : #F4F4F4 ; border-top : 2px solid #f4f4f4 ; border-bottom : 2px solid #f4f4f4 ; margin-top : 6px }
.vbox_s td	{ font-size : 11px ; font-family : dotum ; color : #8f8f8f }

.vbox_title_01		{ background:url(../img/cscenter/vbox_title01.gif) no-repeat left top ; width : 4x ; height:37px }
.vbox_title_02		{ background:url(../img/cscenter/vbox_title02.gif) no-repeat right top ; width : 4x ; height:37px }
.vbox_title_back	 { background:url(../img/cscenter/vbox_titleback.gif) repeat-x left top ; width : 650px ; height:37px }
.vbox_title_back_h1	{ font-size : 14px ; font-weight : bold }
.vbox_title_back_date{ color : #8F8F8F ; text-align : right}


/*form*/
.log_input	{BORDER: #c2c2c2 1px solid; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: "µ¸¿ò"; margin:0,13,0,10; height:20px }
.num_input	{BORDER: #c2c2c2 1px solid; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: "µ¸¿ò"; margin:0,2,0,2; height:20px }


.write_textarea	{ border : 1px solid #cfcfcf ; padding : 2px  }

.font_org		{ color : #F28600 ; font-size : 12px ; font-family : dotum ; }

.font11			{ font-size : 11px ; font-family : dotum ; letter-spacing : -1px}
.font11 a:link		{ font-size : 11px ; font-family : dotum ; text-decoration : none }
.font11 a:visited 	{ font-size : 11px ; font-family : dotum ; text-decoration : none }
.font11 a:active	{ font-size : 11px ; font-family : dotum ; text-decoration : none }
.font11 a:hover		{ font-size : 11px ; font-family : dotum ; text-decoration : underline }

.font11_line		{ font-size : 11px ; font-family : dotum ; letter-spacing : -1px; text-decoration : underline }

.font12_line		{ font-size : 12px ; font-family : dotum ; text-decoration : underline }


.font_org12		{ color : #f9a727 ; font-size : 12px ; font-family : dotum ; font-weight : bold}
.font_org14		{ color : #f9a727 ; font-size : 14px ; font-family : dotum ; font-weight : bold}
.font14			{ font-size : 14px ; color : #000000 ; font-weight : bold }