/* CSS Document */

@font-face {font-family:'MalgunGothic','맑은 고딕', Dotum; src:url(/MalgunGothic.eot);}

body { margin:0; padding:0; font-family:'MalgunGothic','맑은 고딕', Dotum; font-size:12px; color:#636365; background:url(../image/body.gif) repeat-x}

div { margin:0; padding:0;  }

img { border:0; padding:0; margin:0;  }

div, ul, li, dl, dt, dd, ol, table, h1, h2, h3, h4, a, span, p  { margin:0; padding:0;  }

ul, dl { list-style:none; }
ol {margin-left:20px}

.clear { margin:0; padding:0; font-size:0; clear:both; line-height:0; }

.img { text-align:center;  }

/* ie 점선 없애기 */
a,img,input { selctor-dummy:expression(this.hideFocus=true); }

/* 파이어폭스 점선 없애기 */
a,img,input { outline:none; selector-dummy:expression(this.hideFocus=true); }

/* 링크 */
a:link,
a:visited,
a:active  { font-family:'맑은 고딕', 'Malgun Gothic', Dotum; text-decoration:none; color:#9c9c9c; }
a:hover   { font-family:'맑은 고딕', 'Malgun Gothic', Dotum; text-decoration:none; color:#f5712b; }

/* 상단 경로 스타일 */
.route      { position:absolute; right:0; color:#a1a8b7; font-family:'맑은 고딕', 'Malgun Gothic', Dotum; background:url(/html/images/subpage/bullet_route.gif) no-repeat 0 center; padding-left:10px; font-size:0.95em; letter-spacing:-1px;  }
.route span { font-weight:bold; color:#a1a8b7;  font-size:1.0em; font-family:'돋움'; }

.padd_t { margin-top:35px; }
.green { background-color:#fbfcf4; }
.padd_l { margin-left:2px; }
.margin_t { margin-top:20px; }
.margin_t_10 { margin-top:10px; }
.padd_b_10 { padding-bottom:10px; }

/* text */
.text { font-family:'맑은 고딕','돋움'; font-size:1.10em; line-height:145%; }
.text_01 { line-height:145%; padding-left:8px; font-family:'맑은 고딕','돋움'; font-size:1.10em; }
.text_01_1 { line-height:145%; padding-left:8px; font-family:'돋움'; font-size:12px; }
.text_02 { background:url(../image/bullet_02.gif) no-repeat 0 4px; margin-top:20px; padding:0 0 10px 8px; color:#ee791b; line-height:140%; font-size:1.30em}
.text_03 { font-family:'맑은 고딕','돋움'; color:#333333; font-size:14px; height:31px; line-height:31px; font-weight:bold; background:url(../images/subpage/bullet_01.gif) no-repeat left center; padding-left:18px}
.text_04 { font-family:'맑은 고딕','돋움'; font-size:1.30em; color:#374aae; }
.text_05 { color:#F80302}
.text_06 { color:#a5b306; font-weight:bold}
.text_07 { color:#0F5EC9}
.text_08 { font-size:1.10em; color:#666666}
.text_09 { padding-left:3px; padding-top:10px; padding-bottom:20px; font-size:1.10em; color:#666666; vertical-align:top}
.text_10 { border:1px solid #E8E8E8}


/* 테이블 */
#table_basic {font-size:12px; line-height:18px}
#table_basic tbody th {color:#58A7DC; border-top:1px solid #E2E2E2; height:28px; padding:15px; background-color:#F9F9F9; width:150px}
#table_basic tbody td {color:#767676; border-top:1px solid #E2E2E2; height:28px; padding:15px}
#table_basic tfoot th {color:#58A7DC; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:15px; background-color:#F9F9F9; width:150px}
#table_basic tfoot td {color:#767676; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:15px}

#table_basic1 {font-size:12px; line-height:18px}
#table_basic1 thead th {color:#58A7DC; border-top:1px solid #E2E2E2; height:28px; padding:15px; background-color:#F9F9F9; text-align:center}
#table_basic1 thead td {color:#58A7DC; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; height:28px; padding:15px; background-color:#F9F9F9; text-align:center; font-weight:bold}
#table_basic1 tbody th {color:#767676; border-top:1px solid #E2E2E2; height:28px; padding:15px 30px; font-weight:normal; text-align:left}
#table_basic1 tbody td {color:#767676; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; height:28px; padding:15px 30px}
#table_basic1 tfoot th {color:#767676; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:15px 30px; font-weight:normal; text-align:left}
#table_basic1 tfoot td {color:#767676; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:15px 30px}

#table_basic2 {font-size:12px; line-height:18px}
#table_basic2 thead th {color:#58A7DC; border-top:1px solid #E2E2E2; height:28px; padding:8px; background-color:#F9F9F9}
#table_basic2 thead td {color:#58A7DC; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; height:28px; padding:8px; background-color:#F9F9F9; text-align:center; font-weight:bold}
#table_basic2 tbody th {color:#767676; border-top:1px solid #E2E2E2; height:28px; padding:8px}
#table_basic2 tbody td {color:#767676; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; height:28px; padding:8px}
#table_basic2 tfoot th {color:#767676; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:8px}
#table_basic2 tfoot td {color:#767676; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:8px}

#table_basic3 {font-size:12px; line-height:18px; text-align:center}
#table_basic3 thead th {color:#58A7DC; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; height:28px; padding:10px; background-color:#F9F9F9}
#table_basic3 thead td {color:#58A7DC; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; border-left:1px solid #E2E2E2; height:28px; padding:10px; background-color:#F9F9F9; text-align:center; font-weight:bold}
#table_basic3 tbody th {color:#767676; border-bottom:1px solid #E2E2E2; height:28px; padding:10px 20px; font-weight:normal}
#table_basic3 tbody td {color:#767676; border-bottom:1px solid #E2E2E2; border-left:1px solid #E2E2E2; height:28px; padding:10px 20px}

#table_basic4 {font-size:12px; line-height:18px}
#table_basic4 th{color:#58A7DC; border-top:1px solid #E2E2E2; height:28px; padding:8px; background-color:#F9F9F9}
#table_basic4 th:first-child {color:#767676; background:#ebf3f6; border-top:1px solid #E2E2E2; height:28px; padding:8px}
#table_basic4 td {color:#767676; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; height:28px; padding:8px}
#table_basic4 tfoot th {border-bottom:1px solid #E2E2E2}
#table_basic4 tfoot td {border-bottom:1px solid #E2E2E2}

.dl { width:95%}
.dl dt { margin-bottom:10px; }
.dl dd { margin-bottom:20px; line-height:140%; font-family:'맑은 고딕','돋움'; font-size:1.10em; width:370px}

.price_info{width:98%; margin-bottom:10px; padding:7px; background:#fff0f0; border:1px dotted #ff9696; color:#555; font:12px "나눔고딕",NanumGothic,"맑은 고딕","Malgun Gothic","돋움",Dotum,sans-serif;}

.dotline 
{
	float:left;
	width:100%;
	height:1px;
	background-image:url(/html/images/subpage/dotline.gif);
	margin:17px 0 15px;
	font-size:1px;
}
.dotline2 
{
	float:left;
	width:100%;
	height:1px;
	background-image:url(/html/images/subpage/dotline.gif);
	margin:10px 0;
	font-size:1px;
}


.padd_10 { padding-top:10px}
.padd_20 { padding-top:20px}
.padd_30 { padding-top:30px}
.padb_10 { padding-bottom:10px}
.padb_20 { padding-bottom:20px}
.padb_30 { padding-bottom:30px}
.padl_10 { padding-left:10px}
.padl_20 { padding-left:20px}
.padl_30 { padding-left:30px}

.lis01 {display:inline}


.wid95 { width:95%}


.subContainer h2 { padding:0 0 12px 0; }
.subContainer h3 { padding:0 0 0 2px; }
.history { border-collapse:collapse; border-top:2px solid #508fdc;  border-bottom:2px solid #508fdc }
.history th { text-align:left; padding-left:30px; border-bottom:1px solid #d4deea; color:#3c88df; font-family:'맑은 고딕','돋움'; font-size:1.30em; background:url(/image/info_bar.gif) no-repeat right center}
.history td { border-bottom:1px solid #d4deea; padding:13px 0 10px 20px;  }
.history td.d { border-bottom:1px solid #ffffff; padding:5px 20px;  }

.ex { border-collapse:collapse; border-top:2px solid #508fdc;  border-bottom:2px solid #508fdc }
.ex th { text-align:left; padding-left:30px; border-bottom:1px solid #d4deea; color:#3c88df; font-family:'맑은 고딕','돋움'; font-size:1.30em}
.ex td { border-bottom:1px solid #d4deea; padding:5px 20px;  }
.ex td.d { border-bottom:1px solid #ffffff; padding:5px 20px; }


.ex2 { border-collapse:collapse; border:1px solid #C1D9F7; text-align:center}
.ex2 th { padding:5px 20px; border-top:1px solid #d4deea; border-bottom:1px solid #d4deea}
.ex2 td { background:#F5FCFF; padding:5px 20px; border-top:1px solid #d4deea; border-bottom:1px solid #d4deea}
.ex2 th.d { border-right:1px solid #d4deea; padding:5px 20px}
.ex2 td.d { border-right:1px solid #d4deea; padding:5px 20px}

.time { width:90%; border-collapse:collapse; border-top:1px solid #339999; border-left:1px solid #339999; margin:10px 0 0 5px; }
.time th, .time td { border-bottom:1px solid #339999; border-right:1px solid #339999; padding:7px 0 7px 0; }
.time th { color:#006666; background-color:#ccffff; }
.time td { line-height:180%; padding:3px 0 3px 0; text-align:center; }
.time .td_b { border-bottom:1px solid #cccccc; }

.table01 { border-top:2px solid #b5cbe6; border-bottom:1px solid #b5cbe6; }
.table01 td { padding:15px; vertical-align:top; }
.table01 td ul { width:100%; border:1px dashed #ecead5; background-color:#fbfbf5; }
.table01 td ul li { background:url(../images/bullet_02.gif) no-repeat 20px center; padding:10px 0 0 30px; border-bottom:1px dashed #ecead5; height:25px; font-family:'맑은 고딕', '돋움'; font-weight:bold; font-size:1.10em; }

.map { margin:10px 0 0 0; }

/*   */
.div_box        { line-height:150%; font-family:'맑은 고딕'; font-size:1.10em; color:#5d646e; background-color:#ffffff; padding:8px; border:1px dashed #d7dac7; color:#8e8f91; width:700px}
.div_box span   { font-weight:normal; color:#0F5EC9 }
.div_box strong { font-weight:bold; color:#31363c;  }


.dl_01 { border-top:1px solid #dddddd; }
.dl_01 dt,
.dl_01 dd { border-bottom:1px solid #dddddd; padding:7px 5px 5px 10px; }
.dl_01 dt { font-weight:bold; background-color:#f8f8f8; font-family:'맑은 고딕','돋움'; font-size:1.10em;  }
.dl_01 dd { line-height:140%; }
.dl_01 dd ol li { padding:3px 0 3px 0; }
.color_01 { color:#374aae; }

.dl_01 li  { padding:7px 0 0 10px; line-height:140%;  }
.dl_01 .last_li  { padding-bottom:7px; }
.dl_01 li span  { padding-left:10px; }
.dl_01 li dl  { border-top:none;  }
.dl_01 .last_dd { border-bottom:none; }

.ol_01 { width:95%; padding-left:13px; }
.ol_01 li { padding:0 0 10px 0; }
.ol_01 li dl dt { font-weight:bold; padding:10px 0 7px 0; font-family:'맑은 고딕'; font-size:1.10em; color:#5d646e; }
.ol_01 li dl dd {  }

.table03 { border-collapse:collapse; border-left:1px solid #dddddd; border-top:1px solid #dddddd; }
.table03 th,
.table03 td { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; text-align:center; padding:5px 0 5px 0; }
.table03 th { background-color:#f8f8f8; }
.caption { text-align:right; padding-bottom:3px; font-size:11px; }

.dl_p { width:95%; padding:5px 0 5px 10px;  }

.table_col_2 { border-collapse:collapse;  border-top:2px solid #939ab8; }
.table_col_2 th,
.table_col_2 td { border-bottom:1px solid #dddddd; line-height:150%; padding:6px 0 5px 0; }
.table_col_2 th { font-family:'맑은 고딕', '굴림'; font-size:1.15em; color:#5d646e; background-color:#f8f8f8; }
.table_col_2 td { padding-left:15px; padding-right:10px;  }
.table_col_2 td ul { width:100%; }
.table_col_2 td ul li { background:url(../images/bullet_route.gif) no-repeat 0 center; padding:0 20px 0 6px; float:left; }
.table_col_2 td ul .first_01 { float:none; }
.table_col_2 .text_04 { line-height:145%; font-family:'맑은 고딕','돋움'; font-size:1.50em; color:#374aae; }

.table_col_2_1 { border-collapse:collapse;  border-top:2px solid #939ab8; margin-bottom:20px; }
.table_col_2_1 th,
.table_col_2_1 td { border-bottom:1px solid #dddddd; line-height:150%; padding:6px 0 5px 0; }
.table_col_2_1 th { font-family:'맑은 고딕', '굴림'; font-size:1.15em; color:#5d646e; background-color:#f8f8f8; }
.table_col_2_1 td { padding-left:15px; padding-right:10px;  }
.table_col_2_1 td ul { width:100%; }
.table_col_2_1 td ul li { background:url(../images/bullet_route.gif) no-repeat 0 9px; padding:0 20px 0 6px; font-family:'맑은 고딕','돋움'; font-size:1.12em; line-height:170%;  }

/*   */
.out_ul { padding-left:10px}
.out_ul li { font-family:'맑은 고딕','돋움'; padding-left:10px; line-height:160%}
.out_ul li.l01 { font-size:1.10em; background:url(../image/bullet_03.gif) no-repeat 0 center; font-weight:bold}
.out_ul li.l02 { padding-left:10px; font-size:1.10em}
.out_ul li.l03 { padding-left:10px; line-height:140%}
.out_ul li.l04 { font-size:1.10em; font-weight:bold}

.info01_dl { width:100%; padding-left:10px}
.info01_dl dt { margin-bottom:10px; }
.info01_dl dt.dt01 { margin-bottom:5px; }
.info01_dl dd { position:relative;margin-bottom:10px; margin-left:3px; line-height:140%; font-family:'맑은 고딕','돋움'; font-size:1.10em}
.info01_dl dd.dd01 {line-height:130%}
.info01_dl dd.dd02 { width:300px; }
.info01_dl .certificate{position:absolute;top:64px;left:95px;font-weight:bold;letter-spacing:-1px}

/* customer*/
.cus01_dl {width:100%}
.cus01_dl dt {margin-bottom:10px}
.cus01_dl dd {margin-bottom:10px; font-family:'맑은 고딕','돋움'; font-size:1.10em} 
.cus01_dl .download{margin-top:30px;float:left;width:129px;height:174px;border-right:1px dashed #aaaaaa}

.cus02 {width:700px}
.cus02 li {float:left; width:335px; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2}
.cus02 li h1 {background:#e5eef7; padding:17px 19px; border-top:1px solid #e2e2e2}
.cus02 dt {padding:17px 19px; border-bottom:1px solid #e2e2e2; height:110px}


/* sitemap */
.sitemap { width:700px; }
.sitemap li { float:left; margin-right:50px; width:160px; _width:155px; _margin-right:8px; }
.sitemap li h1 { border-bottom:3px solid #1b4497; padding:0 0 8px 0; text-align:center; }
.sitemap li ul { margin-top:20px }
.sitemap li ul li { background:url(../images/bullet_sitemap.gif) no-repeat 0 center; border-bottom:1px dashed #dfdfdf; padding:0 0 0 7px;  font-family:'맑은 고딕','돋움'; font-size:1.12em; line-height:200%; font-weight:bold; color:#47494a; width:152px; }
.sitemap li ul li a,
.sitemap li ul li a:link,
.sitemap li ul li a:active,
.sitemap li ul li a:visited { color:#6d7173; letter-spacing:-1px; }
.sitemap li ul li a:hover { color:#1281ee; }
.margin_t { margin-top:50px; }

/* Base Layout */
#outWrap{width:100%;overflow:hidden; background:url(/html/images/tbg.gif) repeat-x}
#wrap{width:930px;margin:0 auto; height:24px}
#wrap li {display:inline; line-height:100%}

#section{position:relative;width:930px;float:right}
.logo{display:inline-block;position:absolute;top:10px;width:117px;height:58px;z-index:3}

/* Header */
#header{width:100%;height:auto;z-index:2}
#header h1{position:absolute;width:1px;height:1px;line-height:0;margin:0;padding:0;overflow:hidden;font-size:0}

/* TopMenu */
.topMenu{width:654px;margin:18px auto 8px;text-align:right;z-index:2}
.topMenu li{display:inline;margin:0 -3px}
.topMenu li a{display:inline-block;padding:6px}

/* Navigation */
#navi{position:relative;width:700px;margin:0 auto;z-index:2; top:15px; left:113px}
#gnb{width:685px;height:61px;padding:0 7px;overflow:hidden}
#gnb li{display:inline-block;float:left;height:100%;padding-top:8px}
#gnb li a{float:left;}
#gnb li img{vertical-align:top}
/* 1depth */
.gnb01 a{margin-right:30px;margin-left:0}
.gnb02 a{margin-right:30px;margin-left:30px}
.gnb03 a{margin-right:30px;margin-left:30px}
.gnb04 a{margin-right:30px;margin-left:30px}
.gnb05 a{margin-right:15px;margin-left:30px}

/* 2depth */
#gnb ul{display:none;position:absolute;top:31px;left:0;width:100%;height:21px;padding-top:9px}
#gnb li li{display:inline;padding:0;}
#gnb li li a{display:inline;margin-right:18px;margin-left:0}
.gnb01 li:first-child a:first-child{margin-left:7px!important}
.gnb02 li:first-child a:first-child{margin-left:60px!important}
.gnb03 li:first-child a:first-child{margin-left:225px!important}
.gnb04 li:first-child a:first-child{margin-left:430px!important}
.gnb05 li:first-child a:first-child{margin-left:185px!important}


/* AllMenu */
.allOpen{position:absolute;top:0;right:33px;}
.allOpen img{padding:3px}
#allMenuLayer{display:none;position:absolute;top:32px;left:0;width:700px;height:171px;background:url(../images/bg_allMenuLayer.gif) no-repeat left top;overflow:hidden;z-index:3}
#allMenuLayer dl{display:inline-block;float:left;margin-top:14px;}
#allMenuLayer dt{width:100%;height:13px;margin-bottom:16px}
.ie7 #allMenuLayer dt{margin-top:-3px}
#allMenuLayer dd{width:100%;height:12px;margin-bottom:7px}
.allMenu01{width:122px;margin-left:16px}
.allMenu02{width:91px;}
.allMenu03{width:93px;}
.allMenu04{width:148px;}
.allMenu05{width:121px;}
.allMenu06{width:85px;}
.allClose{position:absolute;right:5px;bottom:5px}

/* Main Layout */
#mContent{position:relative;height:745px}
#mContent h1{position:absolute;top:15px;left:0;width:930px;height:440px}
#mQuick{position:absolute;top:470px;left:0;width:930px; height:153px}
.qList li{display:inline;margin-left:14px; float:left}
.qList li:first-child{margin-left:0;float:left}
.qList1 li{display:inline;margin-left:2px; float:left}
.qList1 li:first-child{margin-left:0;float:left}
#mKSNS{position:absolute;top:650px;left:0;width:930px}
#mKSNS h2{margin-bottom:10px;}
.slideinfo{position:absolute;width:930px;height:72px;background:transparent}


/* Side Left Menu */
#side{position:relative;width:228px;float:left;}
#side h1{float:right;width:169px;height:56px;margin:136px 45px 17px 0}
#side ul{clear:both;float:right;width:181px;height:260px;padding-right:47px;text-align:right}
#side li{height:14px;line-height:1;margin-bottom:11px}
#side .tel{margin-bottom:16px}
#side .tel img{margin-left:-59px}
#side dl{margin:0;padding:0;height:130px}
#side dt{width:0;height:0;line-height:0;visibility:hidden}
#side dd{width:178px;height:28px;line-height:1;margin-bottom:4px;padding-left:35px}


/* Footer */
#footer{clear:both;width:930px;overflow:hidden; border-top:5px solid #243B98; padding:15px 0}