﻿/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

body, table, tr, td, 	{font-family: dotum,verdana; font-size: 11px; color: #666666; line-height: 135%;}

a                              {selector-dummy: expression(this.hideFocus=true);}
a:link 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #666666; }
a:visited 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #666666;}
a:active 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #666666;}
a:hover 		{font-family: dotum,verdana; font-size: 11px;  text-decoration: none; color:#666666;}

.font_normal                               {font-family:gulim;font-size:12px;color:#555555;}
.font_normal a:link 		{font-family:gulim;font-size:12px;color:#555555; text-decoration: none;}
.font_normal a:visited 		{font-family:gulim;font-size:12px;color:#555555; text-decoration: none;}
.font_normal a:active 		{font-family:gulim;font-size:12px;color:#555555; text-decoration: none;}
.font_normal a:hover 		{font-family:gulim;font-size:12px;color:#555555; text-decoration: underline;}

img 		{border:0px;}

.input1 		{border-style:solid;border-width:1;border-color:#E0E0E0;color:#000000;background-color:#FFFFFF}
.input_login	{border:1px solid #d5d5d5;color:#606060;background-color:#F3F3F3;width:113px;height:19px;} 
.input_search	{border:1px solid #E0E0E0;color:#000000;background-color:#FFFFFF;width:95%;height:19px;} 
.input 		{border-style:solid; border:1px; border-color:#E0E0E0; color:#666666; background-color:#FFFFFF}
.select1		{font-family: "dotum,verdana";, font-size: 12px;, color: #555555}

.table_style 	{border-style:solid;border-width:1;border-color:#E0E0E0;color:#000000;background-color:#FFFFFF}

.lineEEE		{border-bottom:1px solid #EEE;}
.lineDDD		{border-bottom:1px solid #DDD;}
.dotlineEEE	{border-bottom:1px dotted #EEE;}
.dotlineDDD	{border-bottom:1px dotted #DDD;} 
.boxboderDDD	{border: 1px solid #DDD}
.boxboderDDDfillEEE	{border: 1px solid #DDD;background-color:#F5F5F5;}

.fs11		{font-size:11px;}

.fs12		{font-size:12px;color: #555555}
.fs12 a:link 	{font-size:12px;color: #555555}

.fs14		{font-size:14px;}

.ffdt		{font-family:Dotum;} /* font family dotum */
.ffvd		{font-family:verdana; letter-spacing:-1px;}

.fb		{font-weight:bold;} /* font bold */

.fc777		{color:#777;} 
.fc666		{color:#666;} 
.fc333		{color:#333;} 
.fcaaa		{color:#aaaaaa;} 

.fc07b		{color:#07b;} 
.fc6b0		{color:#6b0;}
.fcf60		{color:#f60;}
.fcfff		{color:#fff;} 

.tdv5		{padding-top:5px;padding-bottom:2px;}
.tdv7		{padding-top:7px;padding-bottom:4px;}
.tdv10		{padding-top:10px;padding-bottom:7px;}

.tdh5		{padding-left:5px;padding-right:5px;}
.tdh10		{padding-left:10px;padding-right:10px;}

.pdlr10		{padding-left:10px;padding-right:10px;}

.lsm1		{letter-spacing:-1px}

.alncnt		{text-align: center}
.alnrt	 	{text-align: right}

.width100p 		{width:100%}

/*paging*/
paging{display:block; position:relative; clear:both; width:710px; margin:0 0 48px 30px; _margin-bottom:24px; padding:35px 0; text-align:center;}
.paging a {position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none;line-height:normal; _width:26px;}
.paging strong{color:#ff6600 !important; border:1px solid #e9e9e9;}
.paging a:hover{background:#fff; text-decoration:underline; border:1px solid #e9e9e9;}
.paging .pre, .paging .next{font-weight:normal; display:inline-block; color:#565656; border:1px solid #FFFFFF;_position:relative; _top:-1px; _width:84px;}

/*color config*/
.colorfont			{color:#4499Cc} 
.redfont			{color:#ff6600}
.colorsubtitlefont		{color:#676767} 
.colorbg			{background-color:#4499FF} 
.itemtitlefont		{font-family:verdana,dotum;font-size:12px;color:#555555} 

.itemtitlebg		{background-color:#f9f9f9}
.itemtitlebg2		{background-color:#EDEDED;font-family:dotum;font-size:11px;color:#555555;font-weight:bold;letter-spacing:-1px;}


/*board CSS*/
.tabletitle		{background-color:#FFFFFF;border-top:3px solid #E0171F; border-bottom:1px solid #DDD;} 
.boardtitlefont	{font-family:dotum,verdana;font-size:12px;color:#626262;font-weight:bold} 
.boardfont		{font-family:dotum,verdana;font-size:12px;color:#666666} 
.boardnumfont	{font-family:verdana,verdana;font-size:11px;color:#666666;letter-spacing:-1px;} 
.boardlinebg1	{background-color:#ffffff} 
.boardlinebg2	{background-color:#ffffff}
.boardsubjectfont	{font-family:dotum,verdana;font-size:14px;color:#333333;font-weight:bold;background-color:#F6F6F6}
.albumboardfont 	{font-family:dotum,verdana;font-size:12px;color:#555555;font-weight:bold;} 
.albumboxborder 	{border: 3px solid #4499CC}

/*calendar CSS*/
.calendartitlefont	{font-family:gulim;font-size:14px;color:#555555}
.calendartodayfont	{font-family:verdana;font-size:11px;color:#555555;letter-spacing:-1px;} 
.calendarweekdayfont	{font-family:verdana;font-size:12px;color:#555555}
.calendarsatfont	{font-family:verdana;font-size:12px;color:#4499CC}
.calendarssunfont	{font-family:verdana;font-size:12px;color:#ff6600}
.calendarlinecolor	{background-color:#4499CC}
.calendarbgcolor	{background-color:#FFFFFF}







 /*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/



.606060s 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #606060; } 
.9a9a9as 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #9a9a9a; }
.4499ccs 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #4499cc; font-weight:bold; } 


.000000s	 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #000000;} 
.000000s	a:link 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #000000;} 
.000000s	a:visited 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #000000;}
.000000s	a:active 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #000000;}
.000000s	a:hover 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #000000;}


.858585s	 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #858585;} 
.858585s	a:link 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #858585;} 
.858585s	a:visited 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #858585;}
.858585s	a:active 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #858585;}
.858585s	a:hover 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #858585;}


/* mainboard CSS */

.8d8c8cs	 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #8d8c8c;} 
.8d8c8cs	a:link 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #8d8c8c;} 
.8d8c8cs	a:visited 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #8d8c8c;}
.8d8c8cs	a:active 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #8d8c8c;}
.8d8c8cs	a:hover 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #8d8c8c;}



/* skinshop CSS */

.586a95	 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none; font-weight:bold; color: #586a95;}
.848484	 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none; font-weight:bold; color: #848484;}


/* main domain search CSS */
.input_domain 		{border-style:solid;border-width:1;border-color:#d5d5d5;color:#606060;background-color:#000000;}


/* portpolio CSS */

.555555s	 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #555555;} 
.555555s	a:link 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #555555;} 
.555555s	a:visited 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #555555;}
.555555s	a:active 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #555555;}
.555555s	a:hover 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #555555;}

.046ebas	 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #046eba;} 
.046ebas	a:link 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #046eba;} 
.046ebas	a:visited 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #046eba;}
.046ebas	a:active 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #046eba;}
.046ebas	a:hover 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; line-height: 135%; color: #046eba;}


/* service apply CSS */

.626262	 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none; font-weight:bold; color: #626262;}
.000000	 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none; line-height: 135%; color: #000000;}
.646464	 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none; line-height: 135%; color: #646464;} 


/* bank_num */
.bank_num01{font-family: verdana; font-size: 16px; font-weight:bold; color: #f69d7b; text-align:center;letter-spacing:-1px;}


/*****CSS추가사항*****/

.fs333	 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #333333;letter-spacing:-1px;} 
.fs333	a:link 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none;color: #333333;letter-spacing:-1px;} 
.fs333	a:visited 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none; color: #333333;letter-spacing:-1px;}
.fs333	a:active 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none;color: #333333;letter-spacing:-1px;}
.fs333	a:hover 		{font-family: dotum,verdana; font-size: 11px; text-decoration: none;color: #333333;letter-spacing:-1px;}

.tab_fs01	 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none; color: #000000; letter-spacing:-1px; font-weight:bold; text-align:center;} 
.tab_fs01	a:link 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none;color: #000000; letter-spacing:-1px; font-weight:bold; text-align:center;} 
.tab_fs01	a:visited 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none; color: #000000; letter-spacing:-1px; font-weight:bold; text-align:center;}
.tab_fs01	a:active 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none;color: #000000; letter-spacing:-1px; font-weight:bold; text-align:center;}
.tab_fs01	a:hover 		{font-family: dotum,verdana; font-size: 12px; text-decoration: none;color: #000000; letter-spacing:-1px; font-weight:bold; text-align:center;}

.fs10		{font-size:10px;}
.fs12-1		{font-size:12px;}
.fc000		{color:#000;}

.imgm5		{margin-left:5px;margin-right:5px;}
.imgm10		{margin-left:10px;margin-right:10px;}

.imgvm5		{margin-top:5px;margin-bottom:5px;}

.FFFFFFs	 		{font-family: dotum; font-size: 12px; text-decoration: none; color: #FFFFFF;} 
.FFFFFFs	a:link 		{font-family: dotum; font-size: 12px; text-decoration: none; color: #FFFFFF;} 
.FFFFFFs	a:visited 		{font-family:dotum; font-size: 12px; text-decoration: none; color: #FFFFFF;}
.FFFFFFs	a:active 		{font-family: dotum; font-size: 12px; text-decoration: none; color: #FFFFFF;}
.FFFFFFs	a:hover 		{font-family: dotum; font-size: 12px; text-decoration: none; color: #FFFFFF;}


/**********************/


/**********메일폼관련********/

.copy01 {font-family:dotum;font-size: 11px; color: #333333; line-height:120%;letter-spacing:-0.1mm;}

.link01 {font-family:dotum; font-size:11px; color: #FF6600; font-weight:bold;}
.link01 a:link {font-family:dotum; font-size:11px; color: #FF6600; font-weight:bold; text-decoration:none}
.link01 a:visited {font-family:dotum; font-size:11px; color: #FF6600; font-weight:bold; text-decoration:none}
.link01 a:hover {font-family:dotum; font-size:11px; color: #FF6600; font-weight:bold; text-decoration:underline}

.s_font01 {letter-spacing:-0.2mm;font-family:Verdana;font-size:10px;color:#000000;}/*작은 숫자나 영문폰트에 이용합니다.*/


.mail_text01 {font-family:dotum;font-size:12px;color:#FF6600;font-weight:bold;} /*해당페이지의 중요한문구입니다 색상은 오렌지계열입니다.*/
.td01 {font-family:dotum;font-size: 12px; color: #333333; line-height:120%;letter-spacing:-0.1mm; padding-left:10px;} /* td 안에 들어가는 장문의 내용*/
.logo_txt01 {font-family:gulim;font-size:20px;color: #333333;font-weight:bold;letter-spacing:-1px;padding-left:5px;}/*큰 글씨체*/

/* ******************************************************************************** */

/* common */
body.rnpowerbody{margin:0;padding:0;font-family:dotum, 돋움;font-size:12px;color:#555;}
dl, dt, dd, ul, li, ol{margin:0;padding:0;list-style:none;}
.blind, legend, caption{display:none;overflow:hidden;position:absolute;left:0;top:-5000px;}
hr{overflow:hidden;display:none;}
img,fieldset,iframe{border:0 none;}

/* font */
a{color:#666666;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}

/* left menu */
#leftmenu{position:relative;}
.left_area{margin-left:40px;background:url(/images/common/left_bg.gif);}
.left_area dt{padding-left:6px;}
.left_area dd{}
.left_area dd ul{padding-bottom:80px;padding-left:6px;background:url(/images/common/left_bg_bottom.gif) no-repeat left bottom;}
.left_area dd ul li{line-height:0;font-size:0;}
.left_area dd ul li.line{padding-bottom:1px;background:url(/images/common/left_line.gif) no-repeat left bottom;}
.left_area dd ul li ul{width:121px;padding:6px 20px 8px 20px;background:#F4F4F4 url(/images/pr/left_mn1_1_bg.gif) no-repeat left bottom;}
a.rollover img{border:0;display:inline}
a.rollover img.over{display:none}
a.rollover img.click {display:none;}
a.rollover:hover{border:0;}
a.rollover:hover img{display:none;}
a.rollover:hover img.over{display:inline;}

/* layout */
#wrap{min-width:width:980px;}
#header, #container{clear:both;width:980px;margin:0 auto;text-align:left;}
#container:after{content:"";display:block;clear:both;}
#footer{position:relative;clear:both;width:980px;margin:0 auto;padding-top:20px;text-align:left;}

/* main */
#mainimage{float:left;width:572px;margin-right:45px;}
#maincontent{float:left;width:335px;}
#maincontent .notice dl dt{position:relative;margin-bottom:5px;padding:0 0 8px 0;background:url(../images/main/line_notice.gif) no-repeat left bottom;}
#maincontent .notice dl dt span{position:absolute;right:0;padding-top:3px;}
#maincontent .notice dl dd{position:relative;float:left;display:block;width:335px;}
#maincontent .notice dl dd li{clear:both;float:left;width:325px;padding:3px 0 3px 10px;background:url(../images/main/icon_bullet.gif) no-repeat 3px 50%;}
#maincontent .notice dl dd li span.date{position:absolute;right:0;}
#maincontent .products{position:relative;clear:both;float:left;margin-top:20px;}
#maincontent .products dl dt{float:left;margin-bottom:5px;}
#maincontent .products dl dt span{position:absolute;right:0;padding-top:3px;}
#maincontent .products dl dd ul{float:left;width:335px;height:133px;padding-top:18px;padding-left:13px;background:url(../images/main/img_products_bg.gif) no-repeat;}
#maincontent .products dl dd ul li{float:left;padding-right:10px;}
#maincontent .map{position:relative;clear:both;float:left;margin-top:20px;}
#maincontent .map dl dt{float:left;margin-bottom:5px;}
#maincontent .map dl dt span{position:absolute;right:0;padding-top:3px;}
#maincontent .quicklink li{float:left;}

/* contents */
#contents{position:relative;float:left;margin-left:45px;_margin-left:25px;width:688px;}
.tit_area{position:relative;margin-bottom:12px;padding-bottom:6px;background:url(/images/common/tit_bg.gif) repeat-x left bottom;}
.location{position:absolute;top:13px;right:0;font-size:11px;color:#888;font-weight:normal;}
ol.chapter_area{}
ol.chapter_area li{margin-top:30px;}
ol.chapter_area li ul{margin-left:20px;}
ol.chapter_area li ul li{margin-top:10px;}
.product_area{}
.product_area dt{float:left;}
.product_area dd{position:relative;width:688px;height:423px;margin-top:5px;padding:20px 30px 20px 23px;background:url(/images/products/img_bg_box1.gif) no-repeat;}
.product_area dd ul li.p1{float:left;}
.product_area dd ul li.psp1{float:left;}
.product_area dd ul li.p2{float:left;}
.product_area dd ul li.p3{clear:both;float:left;}
.product_area dd ul li.psp2{float:left;}
.product_area dd ul li.p4{float:left;}
.product_area2 dt{float:left;}
.product_area2 dd{}
.branch_area{float:left;}
.branch_area dt{float:left;}
.branch_area dd{float:left;width:688px;height:320px;margin-top:5px;padding:20px 30px 20px 23px;background:url(/images/branch/img_bg_box1.gif) no-repeat;}
.branch_area dd dl{float:left;}
.branch_area dd dl dt{float:left;width:237px;background:url();}
.branch_area dd dl dd{float:left;width:378px;height:242px;padding:0 0 0 20px;background:url(/images/branch/vline_map.gif) repeat-y left top;}
.branch_kor_pic{float:left;width:140px;}
.branch_kor_pic img{padding:4px;border:1px solid #BBB;}
.branch_kor_txt{float:left;width:204px;}
.branch_kor_txt li{padding:6px 0 4px 0;border-bottom:1px dotted #DDD;}
#branch_kor_view{}
table.branch_kor_list{}
table.branch_kor_list th{padding:8px 0 7px 0;color:#fff;border-top:1px solid #DEDEDE;border-right:1px solid #FFF;border-bottom:1px solid #DEDEDE;background:#C3D3E1 url(/images/common/table_th_bg.gif) repeat-x;}
table.branch_kor_list td{padding:6px 0 4px 0;border-bottom:1px solid #DEDEDE;}
.branch_global_view{position:absolute;top:120px;left:130px;padding:10px;border:1px solid #ddd;background:#fff;}
.branch_global_view2{position:absolute;top:420px;left:130px;padding:10px;border:1px solid #ddd;background:#fff;}
.branch_global_view_close{position:relative;top:-39px;margin-left:345px;}
.branch_global_pic{float:left;width:140px;margin-top:-20px;}
.branch_global_pic2{float:width:600px;margin-top:-20px;}
.branch_global_pic img{padding:4px;border:1px solid #BBB;}
.branch_global_txt{float:left;width:234px;margin-top:-20px;}
.branch_global_txt2{float:left;width:100px;margin-top:-20px;}
.branch_global_txt3{float:left;width:234px;margin-top:-0px;}
.branch_global_txt li{padding:6px 0 4px 0;border-bottom:1px dotted #DDD;}

/* right_sky_area */
#right_sky_area{position:relative;float:right;width:20px;margin-top:-108px;}

/* copyright */
.copyright_area{position:relative;clear:both;float:left;width:980px;height:150px;margin-top:50px;}
.familysite_area{position:absolute;top:17px;right:15px;}
.familysite_list{position:absolute;top:-51px;right:15px;padding:8px;width:136px;line-height:1.5em;font-size:11px;letter-spacing:-1px;border:1px solid #DDD;background:#fff;}

