﻿@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, h5, span, p, ul, li, table, tr, td, th{ padding:0; margin:0; font-size:12px; font-family:dotum; color:#727272;}
img{border:0; margin:0; padding:0; vertical-align:middle;}
ul,li{ list-style:none; line-height:0;}
h4{padding:20px 0 10px 0;}
h5{padding:20px 0 10px 0;}

html,body{background:url(images/bg_top.gif) repeat-x top;}
/*탑 메뉴*/
.header{height:81px; display:block; width:100%; background:url(images/bg_top.gif) repeat-x top;}
.dc_logo{position:relative; width:950px; height:48px; margin:0 auto;}
.dc_logo img{margin-top:14px;}
.gm{width:950px; margin:0 auto;}

/*카피라이트*/
.footer{ border-top:1px solid #ddd; text-align:center; padding:15px 0; margin-top:50px; width:100%;}
#section .clear_b{ clear:both;}

/*메인 컨텐츠*/
#section{width:950px; margin:0 auto; overflow:hidden;}
#section .main_L{ float:left; width:570px;}
#section .main_R{ float:right; width:360px; margin:45px 0 0 20px;}

#section .r01_img{ float:left; width:160px;}
#section .r01_txt{ margin-left:13px;}
#section .r01_txt li{ display:inline;}

#section .r02{ clear:left;}
#section .r02 h4{ padding-bottom:5px; border-bottom:1px solid #e0e0e0;}
#section .r02 ul{ margin-top:5px;}
#section .r02 li{ float:left; display:inline; background:url(images/dot.gif) no-repeat 6px center; padding-left:14px; width:272px; line-height:17px;}
#section .r02 li.r02_date{ text-align:right; background:none; font-family:verdana; font-size:10px; letter-spacing:-1px; width:50px; margin-right:10px;}

#section .r03 { clear:left;}
#section .r05{ margin-top:15px;}

/*sub*/
#sub_section{ width:950px; margin:10px auto 0 auto; overflow:hidden; }
#sub_section .sub_L{ float:left; width:180px;}
#sub_section .sub_R{ float:right; width:752px; margin-top:20px;}
#sub_section .sub_R h3{margin-bottom:15px;}

#sub_section .submenu{border:2px solid #6d8dd7; background-color:#fff; padding:0 19px 10px 19px;}
#sub_section .submenu li{ display:block; line-height:26px; border-bottom:1px solid #e8e8e8; font-size:12px; letter-spacing:-1px;}
#sub_section .submenu li.sub_title{ background:none; border:0;}
#sub_section .submenu li.noimg{ border:0;}

#sub_section .btn_adQ{ margin:10px 0;}

#sub_section .tap ul{margin-bottom:10px;  border-bottom:2px solid #7190d9; /*IE만 적용되는 핵->*/ *background:url(images/sub/bg_tap.gif) repeat-x left top;}
#sub_section .tap li{ display:inline;}

#sub_section .flash{ margin:13px 0 9px 0;}
#sub_section .flash ul{ background:url(images/sub/bg_flash.gif) no-repeat left top; width:750px; height:22px; padding:12px 0 0 9px;}
#sub_section .flash li{ display:inline; background:url(images/sub/top_bar.gif) no-repeat right center; width:1px; height:10px; padding:0 25px; line-height:12px;}
#sub_section .flash li.no_bg{ background:none; }


#sub_section .sub_table table{ width:752px; border-top:2px solid #d8d9de; border-bottom:1px solid #d8d9de; margin:20px 0;}
#sub_section .sub_table th{ background-color:#f0f5f6; border-bottom:2px solid #d8d9de; border-right:1px solid #d8d9de; color:#505258; height:32px; font-size:12px; width:158px;}
#sub_section .sub_table td{ border-bottom:1px solid #d8d9de; border-right:1px solid #d8d9de; text-align:center; height:.30px; color:#424242;  font-size:12px;}
#sub_section .sub_table td.category{background-color:#f0f0f0; color:#505258; text-align:left; padding-left:15px; letter-spacing:-1px;}
#sub_section .sub_table th.no_lineR, #sub_section .sub_R td.no_lineR{ border-right:0;line-height:2.2em}

#sub_section .sub2_table table{ width:752px; border-top:2px solid #d8d9de; border-bottom:1px solid #d8d9de; margin:20px 0;}
#sub_section .sub2_table th{ background-color:#f0f5f6; border-bottom:2px solid #d8d9de; border-right:1px solid #d8d9de; color:#505258; height:27px; font-size:12px;}
#sub_section .sub2_table td{ border-bottom:1px solid #d8d9de; border-right:1px solid #d8d9de; text-align:center; height:28px; color:#424242;  font-size:12px;}
#sub_section .sub2_table th.no_lineR, #sub_section .sub_R td.no_lineR{ border-right:0;}

#sub_section .btn_sample{ text-align:right;}

#sub_section .wrap{ padding:15px 0 30px 15px; margin-top:5px;}

#sub_section .guide ul{ background:none; }
#sub_section .guide li{ display:block; line-height:20px; background:url(images/dot.gif) no-repeat left center; padding-left:7px;}

#sub_section .tap li.btn_sample{ vertical-align:super;}
#sub_section .img_ex{ margin:15px 0;}

#sub_section .sub05_bg01{ background:url(images/sub/sub04/bg01.gif) no-repeat left top; width:678px; height:148px; min-height:148px; padding:22px 0 0 23px;}
#sub_section .sub05_bg02{ background:url(images/sub/sub04/bg02.gif) no-repeat left top; width:678px; height:307px; min-height:329px; padding:22px 0 0 23px;}

#sub_section .sub05_bg01 td{ padding-right:22px; padding-bottom:6px; letter-spacing:-1px; font-weight:bold; color:#1e1e1e; }
#sub_section .sub05_bg01 img{ margin-left:28px; *margin-left:29px;}
#sub_section .sub05_bg01 input, #sub_section .sub05_bg02 input{ border:1px solid #b6b9c1; width:223px; height:15px; padding: 3px 0 0 7px; color:#727272; font-size:11px; vertical-align:middle;}

#sub_section .sub05_bg02 td{ padding-right:16px; padding-bottom:6px; letter-spacing:-1px; font-weight:bold; color:#1e1e1e;}
#sub_section .sub05_bg02 textarea{ border:1px solid #b6b9c1; width:565px; height:176px; padding: 3px 0 0 7px; color:#727272; font-size:11px; vertical-align:middle;}
#sub_section .sub05_bg02 textarea{ scrollbar-face-color:#fff; scrollbar-arrow-color:#b6b9c1; scrollbar-track-color:#e9ebf1; scrollbar-highlight-color:#b6b9c1; scrollbar-shadow-color:#b6b9c1; }
#sub_section .sub05_bg02 input.add{ width:470px;}
#sub_section .text{ padding-left:16px; }
#sub_section .sub05_bg02 td.btn_search{}

#sub_section .btn_send{ text-align:center; margin-top:26px;}
#sub_section .add_notice{ font-size:11px; letter-spacing:-1px; font-weight:normal;}

/*color*/
#sub_section .blue{color:#6e8bdc; font-weight:bold;}
#sub_section .site{font-size:11px; font-family:Tahoma; font-weight:bold; letter-spacing:0; color:#788fc4; margin-left:3px;}
#sub_section .red{ color:#f5182d;}


/*링크*/
a.link_notice:link,a.link_notice:active,a.link_notice:visited,a.link_notice:hover{ color:#727272; text-decoration:none; font-size:11px;}

a.lm_title:link, a.lm_title:active, a.lm_title:visited,a.lm_title:hover{ color:#727272; text-decoration:none; background:url(images/sub/dot_submenu_off.gif) no-repeat 2px center; padding-left:12px;}
a.lm_title_on:link, a.lm_title_on:active, a.lm_title_on:visited{ color:#444; font-weight:bold; text-decoration:none;background:url(images/sub/dot_submenu_on.gif) no-repeat 2px center; padding-left:12px; border:0;}
a.lm_title_on:hover{ color:#444; font-weight:bold; text-decoration:none;}

a.flash_menu_on:link, a.flash_menu_on:active, a.flash_menu_on:visited,a.flash_menu_on:hover{ color:#444; text-decoration:none; font-weight:bold; letter-spacing:-1px;}
a.flash_menu:link, a.flash_menu:active, a.flash_menu:visited,a.flash_menu:hover{ color:#444; text-decoration:none;}

a.guideview:link, a.guideview:active, a.guideview:visited,a.guideview:hover{ color:#727272;text-decoration:none; letter-spacing:-1px;}
