@charset "EUC-KR";

/* WebStyle Development Team Woo Seok, Shin 081230 */
/* CSS Àû¿ë¼ø¼­ : ¾ÆÀÌµð > ÅÂ±×¿Í Å¬·¡½º > Å¬·¡½º > ÅÂ±×
/* CSS ¼±ÅÃÀÚ ¼±¾ð¼ø¼­ : Type Selector, Layout Selector, Class Selector, Etc */
/* CSS ¼Ó¼º ¼±¾ð¼ø¼­ : display, overflow, float, position, z-index, width & height, margin & padding, border, font, background, etc */

/* Type Selector */
html,body { 
	scrollbar-3dlight-color:#b4b4b4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#eeeeee;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-face-color:#efefef;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b4b4b4;
	margin:0px;
	padding:0px;
	font-family:Dotum,Dotumche,Verdana, Arial;
	font-size:0px;
	color:#666666;
	background-color:#EFF1F2;
}

h1, h2, h3, h4, h5, h6 ,h7 {font-size:100%; margin:0px;}
h1 {margin:37px 0px 149px 0px;}

div, span, p, br {margin:0px; padding:0px; border:0px; font-size:0px;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0px;}
img {border:none; vertical-align:middle;}
ul, ol, li, dl, dt, dd {margin:0px; padding:0px; list-style:none;}
ul.cont {padding-left:20px;}
fieldset {margin:0px; border:none;}
legend {display:none;}
iframe {width:100%; margin:0px; padding:0px;}

/* Form */
form {margin:0px; padding:0px;}
input {font-size:12px; border:1px solid #dcdcdc; height:16px; vertical-align:middle;}
input.btn {width:auto; height:auto; border:none; vertical-align:middle;}
input.radio {height:11px; border:0px; border-style:none;}
input.search {width:153px; border-top:1px solid #9F9F9F; border-left:1px solid #9F9F9F; background:url('/img/common/bg_search.gif') 5px 4px no-repeat;}
textarea {font-size:12px; border:1px solid #DEDEDE;}
select {font-size:12px; height:18px; border:1px solid #d5d5d5; background-color:#ffffff;}
caption {display:none;}

/* Layout Selector */
#wrapper {margin:0px; padding:0px;}
#wrapper_body {position:relative; width:971px; min-width:971px;margin:auto; padding:0px;}

#gnb {position:absolute; float:right; top:9px; right:0px; z-index:50; width:220px; height:140px; text-align:right;}
#gnb .gnbSearch {width:216px; height:24px; padding-right:4px; text-align:right; background:url('/img/common/bg_gnb_search.gif') right top no-repeat;}
#gnb .gnbSearch input.srchIn {width:110px; height:16px; margin-top:4px; border:none; font-size:11px; background:url('/img/common/txt_search.gif') 20px 4px no-repeat;}
#gnb .gnbSearch input.srchBtn {width:auto; height:auto; padding-top:3px; border:none;}
#gnb p {padding-top:12px; font-size:12px;}
#gnb p span.name {color:#000000; font-size:12px;}
#gnb ul {padding-top:15px;} 

#container {position:relative; overflow:hidden; width:970px; margin:0px; padding:0px;}

#snb_wrap {float:left; width:173px; margin:0px; padding:0px;}
#snb_wrap #logo {margin:37px 0px 95px 0px;}
#snb {width:150px; margin-left:10px;}
#snb ul.quickServ {width:150px; padding-top:3px; margin-bottom:50px; background:url('/img/main/line_menu.gif') left top no-repeat;}

#mainVisual {float:left; width:790px; height:615px; margin:0px;}

#contents_wrap {float:left; position:relative; width:970px; height:70px;}
#contents_wrap div.serviceLink {float:left; position:relative; display:inline; width:340px; height:25px; margin:17px 0px 0px 10px; border-top:1px solid #DFDFDE; border-bottom:1px solid #DFDFDE; background-color:#F1F3F4;}
#contents_wrap div.serviceLink div.tickBanner {position:relative; overflow:hidden; left:13px; width:327px; height:23px;}
#contents_wrap div.serviceLink div.tickBanner ul {position:absolute; overflow:hidden; padding-top:6px; _padding-top:5px; font-size:11px;}
#contents_wrap div.serviceLink div.tickBanner ul li.lispo {float:left; margin-left:12px; background:url('/img/common/bu_point.gif') 0px 5px no-repeat; word-break:keep-all; padding-left:10px;}

#contents_wrap p.callCenter {float:right; display:inline; height:60px;  margin:5px 99px 0px 0px;}

#mainBoard {position:absolute; top:-95px; left:10px; z-index:10; width:340px;}
#mainBoard .tab {overflow:hidden; width:340px; height:17px; margin-bottom:14px;}
#mainBoard .notice {float:left; width:63px;}
#mainBoard .media {float:left; width:58px;}
#mainBoard .news {float:left; width:57px;}
#mainBoard ul {overflow:hidden; width:340px;}
#mainBoard li {overflow:auto; height:18px; background:url('/img/common/bu_lisbar.gif') 0px 6px no-repeat; padding-left:13px; font-size:11px;}
#mainBoard li span.subject {float:left; font-size:11px;}
#mainBoard li span.date {float:right; font-size:11px;}


#quickmenu {position:absolute; top:196px; right:-4px; width:78px; text-align:center;}
#quickmenu dl {text-align:center; background:url('/img/inc/bg_quick_body.gif') left top repeat-y;}
#quickmenu dt {padding-bottom:12px;}
#quickmenu ul {width:78px; padding-bottom:17px; background:url('/img/inc/bg_quick_bottom.gif') left bottom no-repeat;}
#quickmenu ul li {padding-bottom:6px;}
#quickmenu p {padding-top:19px;}

#familyBanner {clear:both; position:relative; overflow:hidden; width:880px; height:33px; margin:15px 0px 0px 10px;}
*:first-child+html #familyBanner {margin-top:0px;}

#footer {clear:both; width:971px; height:92px; background:url('/img/main/line_footer_top.gif') left top no-repeat;}
#footer dl {float:left; width:895px; margin-top:40px;}
#footer dt {float:left; display:inline; width:128px;}
#footer dd.menu {float:left; display:inline; margin-left:30px;}
#footer dd.menu ul {overflow:hidden;}
#footer dd.menu ul li {float:left; padding-right:10px;}
#footer dd.menu p {clear:both; margin-top:7px;}																																
#footer dd.menu p img {margin-bottom:5px;}

#footer dd.family {float:right; width:270px; margin-right:5px;}
#footer dd.family div.fm {float:left; height:19px; _height:20px; position:relative; display:inline;}
#footer dd.family div.fm ul {padding-top:5px; width:97px; position:absolute; top:19px; right:0px; border:1px solid #BBBBBB; background-color:#9D9D9D;}
#footer dd.family div.fm ul li {padding-left:10px; font-size:11px; line-height:16px; color:#ffffff;}
#footer dd.family div.fm ul li.over {background-color:#0A246A; color:#ffffff;}
#footer dd.family div.fm ul li.out {background:-color:#9D9D9D; color:#ffffff;}
#footer dd.family div.fmLogo {float:right; display:inline; position:relative; height:30px; margin-top:-5px;}
#footer dd.family div.fmLogo img {padding-left:5px;}



/* Class Selector */
/* Table */
.table_type0 {border:none; border-collapse;}
.table_type0 th {padding:7px 0px 4px 0px; border:none; text-align:left;}
.table_type0 td {padding:7px 0px 4px 0px; border:none; text-align:left;}

/* Board */
.board_search_notice {position:absolute; top:517px; z-index:10; width:340px; height:30px; margin-left:10px; text-align:right;}
.board_search_data {position:absolute; top:517px; z-index:10; width:340px; height:30px; margin-left:10px; text-align:right;}
.board_search_news {position:absolute; top:517px; z-index:10; width:340px; height:30px; margin-left:10px; text-align:right;}

.board_list_wrap {width:640px; background:url('/img/common/bg_board_title.gif') left top no-repeat; margin:auto;}
.board_list th {padding:7px 0px 9px 0px; text-align:center;}
.board_list td {padding:9px 0px 8px 0px; border-bottom:1px solid #DFDFDE; text-align:center;}

/* Font */
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}


/* Table Color */
th.bor_rnone {border-right:0px;}
th.bor_lnone {border-left:0px;}
th.bor_tline {border-top:1px solid #B2C5E0;}
td.bor_rnone {border-right:0px;}
td.bor_lnone {border-left:0px;}
th.gray {background-color:#F7F7F7;}
td.gray {font-weight:bold; color:#76a2ce; background-color:#F7F7F7; text-align:center;}
td.dotline {background:url('/img/common/img_dotline.gif') left bottom repeat-x;}

/* Table Padding */
th.l5 {text-align:left; padding-left:5px;}
th.l10 {text-align:left; padding-left:10px;}
th.l5 {text-align:right; padding-right:5px;}
th.r10 {text-align:right; padding-right:10px;}

td.t5 {padding-top:5px;}
td.t7 {padding-top:7px;}
td.t10 {padding-top:10px;}

td.l {text-align:left;}
td.l5 {text-align:left; padding-left:5px;}
td.l10 {text-align:left; padding-left:10px;}
td.l15 {text-align:left; padding-left:15px;}

td.r {text-align:right;}
td.r5 {text-align:right; padding-right:5px;}
td.r10 {text-align:right; padding-right:10px;}
td.r15 {text-align:right; padding-right:15px;}
td.pd_none {padding:0px;}

/* Form Class */
.input_white {font-size:11px; background-color:#FFFFFF; ime-mode:active;}

/* Border Style */
.bor_solid_t {border-top:1px solid #cecbce}
.bor_solid_r {border-right:1px solid #cecbce}
.bor_solid_b {border-bottom:1px solid #cecbce}
.bor_solid_l {border-left:1px solid #cecbce}
.bor_solid {border:1px solid #cecbce}
.bor0 {border:0px;}
.bor_dot_b {border-bottom:1px dashed #cecbce}

/* Font */
.fb {font-weight:bold;}

/* Color */
.gold {color:#ff6600;}
.orange {color:#F28900;}
.yellow {color:#FFFF00;}
.white {color:#ffffff;}
.black {color:#000000;}
.gray {color:#c0c0c0;}
.green {color:#5f8d4d;}
.blue {color:#5595ba;}
.red {color:#de2431;}
.brown {color:#7E5D3E;}


/* Link */
a {color:#666666; text-decoration:none;}
a:link, visited, active {color:#666666; text-decoration:none;}
a:hover {color:#ff9900; text-decoration:none;}

a.link_txt {color:#666666; text-decoration:none;}
a.link_txt:link, visited, active {color:#666666;}
a.link_txt:hover {color:#ff9900; }

a.link_path {color:#666666; text-decoration:none;}
a.link_path:link, visited, active {color:#666666;}
a.link_path:hover {color:#0071BC;}

a.link_board {color:#555555; text-decoration:none;}
a.link_board:link, visited, active {color:#555555; text-decoration:none;}
a.link_board:hover {color:#F28900; text-decoration:none;}

a.link_navi {padding:0px 7px 0px 7px; text-decoration:none;}
a.link_navi:link, visited, active {color:#888888; text-decoration:none; padding:0px 7px 0px 7px;}
a.link_navi:hover {color:#F28900; text-decoration:none; padding:0px 7px 0px 7px;}
.link_navi_none {color:#F28900; padding:0px 7px 0px 7px;}

a.link_download {color:#0000CC; text-decoration:underline;}
a.link_download:link, visited, active {color:#0000CC;}
a.link_download:hover {color:#ff6600;}

/* Float */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}

/* Margin */
.mar_auto {margin:auto;}
.mar_t15 {margin-top:15px;}
.mar_t20 {margin-top:20px;}
.mar_t30 {margin-top:30px;}
.mar_t155 {margin-top:155px;}
.mar_b5 {margin-bottom:5px;}
.mar_b10 {margin-bottom:10px;}
.mar_b20 {margin-bottom:20px;}
.mar_l20 {margin-left:20px;}
.mar_l25 {margin-left:20px;}
.mar_l30 {margin-left:30px;}
.mar_l40 {margin-left:40px;}

/* Padding */
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}

.pd_l3 {padding-left:3px;}
.pd_l5 {padding-left:5px;}
.pd_l10 {padding-left:10px;}
.pd_l15 {padding-left:15px;}
.pd_l20 {padding-left:20px;}
.pd_l25 {padding-left:25px;}
.pd_l30 {padding-left:30px;}
.pd_l40 {padding-left:40px;}

.pd_r3 {padding-right:3px;}
.pd_r5 {padding-right:5px;}
.pd_r10 {padding-right:10px;}
.pd_r15 {padding-right:15px;}
.pd_r20 {padding-right:20px;}
.pd_r25 {padding-right:25px;}
.pd_r30 {padding-right:30px;}

.pd_t2 {padding-top:2px;}
.pd_t3 {padding-top:3px;}
.pd_t5 {padding-top:5px;}
.pd_t10 {padding-top:10px;}
.pd_t15 {padding-top:15px;}
.pd_t20 {padding-top:20px;}
.pd_t25 {padding-top:25px;}
.pd_t30 {padding-top:30px;}
.pd_t50 {padding-top:50px;}

.pd_b2 {padding-bottom:2px;}
.pd_b3 {padding-bottom:3px;}
.pd_b5 {padding-bottom:5px;}
.pd_b10 {padding-bottom:10px;}
.pd_b15 {padding-bottom:15px;}
.pd_b20 {padding-bottom:20px;}
.pd_b25 {padding-bottom:25px;}
.pd_b30 {padding-bottom:30px;}

/* spacing */
.sp1 {clear:both; height:1px; font-size:1px; line-height:1px;}
.sp3 {clear:both; height:3px; font-size:3px; line-height:3px;}
.sp5 {clear:both; height:5px; font-size:5px; line-height:5px;}
.sp8 {clear:both; height:8px; font-size:8px; line-height:8px;}
.sp10 {clear:both; height:10px; font-size:1px; line-height:1px;}
.sp15 {clear:both; height:15px;}
.sp20 {clear:both; height:20px;}
.sp25 {clear:both; height:25px;}
.sp30 {clear:both; height:30px;}
.sp35 {clear:both; height:35px;}
.sp40 {clear:both; height:40px;}
.sp50 {clear:both; height:50px;}
.sp70 {clear:both; height:70px;}
.sp80 {clear:both; height:80px;}
.sp100 {clear:both; height:100px;}
.sp150 {clear:both; height:150px;}
.sp200 {clear:both; height:200px;}
.sp300 {clear:both; height:300px;}

/* Content Width */
.wid400 {width:400px;}
.wid450 {width:450px;}

/* Align */
.l {text-align:left;}
.c {text-align:center;}
.r {text-align:right;}
.j {text-align:justify}

.t {vertical-align:top;}
.m {vertical-align:middle;}
.b {vertical-align:bottom;}

/* btn */
.btn_center {padding:10px 0px 5px 0px; text-align:center;}
.btn_right {padding:5px 0px 5px 0px; text-align:right;}

/* ul, ol style  */
.lispo {background:url('/img/common/bu_point.gif') 0px 6px no-repeat; line-height:18px; word-break:keep-all; padding-left:10px;}
.dotline {background:url('/img/common/img_dotline.gif') left bottom repeat-x;}

