/* **************************** //Çʼö CSS ¼öÁ¤ ¹× »èÁ¦ ºÒ°¡ **************************** */

/* tag reset */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {margin:0; padding:0; }
html {width:100%; height:100%; overflow:auto;}
body, code {font:13px "¸¼Àº °íµñ", Dotum, AppleGothic, sans-serif; color:#000;margin:0 auto; /*overflow-x:hidden; overflow:scroll;*/}
li{list-style:none; }
img, fieldset{border:none; vertical-align:middle; }
input, select, textarea{font-size:100%; color:#767676; vertical-align:middle; }
hr{display:none;}
em, address{font-style:normal;}
ins{text-decoration:none;}
a,a:link,a:visited{text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
table{border-spacing:0; border:0; border-collapse:collapse; width:100%; }
th, td {border:0; vertical-align:middle;  }
legend { height:0; width:0; display:block; text-indent:-9999em; }
/* À¥Á¢±Ù¼º½Ã ¾Æ·¡ css·Î ÇؾßÇÔ
caption { display: block; width: 0; text-indent: -9000px; overflow: hidden;}
*/
caption {position:relative; left:-1000px; top:-1000px; height:0; width:0;}
.blind { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; display:none;font-size:0; }
button { padding:0; margin:0; border:0; cursor:pointer; overflow:visible; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
/* **************************** Çʼö CSS ¼öÁ¤ ¹× »èÁ¦ ºÒ°¡ **************************** */
.clear{clear:both;height:0px; display:none;}

#skipNavi {position: absolute; margin: 0 auto; width: 100%; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index: 20; background:#eee; border:1px solid #ccc;}
skipNavi a:active, #skipNavi a:focus {position: absolute;padding-top: 0.5em;  width: 100%;	height: 2em;  top: 10.5em;   /* left: 0; */	text-align: center;	color: #000; font-weight:bold; /* text-decoration: underline;*/ background: #eee; border: 1px solid #ccc; outline: 0; }

/* option */


.blind{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0}
.hidden{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0}
.hidden_web_a{position:absolute;top:-9999px;left:-9999px;;width:0;height:0;font-size:0;line-height:0}


.acenter { text-align:center}
.aleft { text-align:left; padding-left:10px !important;}
.aright {text-align:right; }
.fl { float:left}
.fr { float:right}
.cb { clear:both;}

button {overflow:visible; margin:0; padding:0; border:none; font-size:100%; cursor:pointer; text-align:left; background:none;}
button.typeBtn {width:79px; height:20px;}



.b{	color:#666666;	font-weight:bold;}

.ac{ text-align:center;}
.al{ text-align:left;}

div.ac img{ text-align:center;}

.orange {/*color:orange;*/ color:#eB6B04;}
.green { color:green;}
.green_b {color : #000000;}
.blue {color:#1165b1;}
.blue_b {color:#1165b1; font-weight:bold;}
a.blue_b:link, a.blue_b:hover, a.blue_b:visited{color:#1165b1; font-weight:bold;}
.center {text-align:center;}
.right{text-align:right;}
.left {text-align:left;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}
.bg_none { background:none;}
.bold { font-weight:bold;}
.ul {text-decoration:underline;}
.bd_none {border:none;}
.red { color:red;}
.m5{ margin:5px;}
.m10{ margin:10px;}
.mb-10{ margin:0 0 -10px 0;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}
.mb120{ margin-bottom:120px;}
.mb150{ margin-bottom:150px;}
.mb200{ margin-bottom:200px;}
.mb250{ margin-bottom:250px;}
.mb30{ margin-bottom:30px;}
.ml220{ margin-left:220px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
/* .ml20ex6{ _margin-left:20px;} */
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}
.ml70{ margin-left:70px;}
.ml100{ margin-left:100px;}
.ml120{ margin-left:120px;}
.ml150{ margin-left:150px;}
.ml250{ margin-left:250px;}
.ml300{ margin-left:300px;}
.ml-10{ margin-left:10px;}
.ml-20{ margin-left:-10px;}
.ml-25{ margin-left:-25px;}
.ml-30{ margin-left:-30px;}
.ml-40{ margin-left:-40px;}
.ml-45{ margin-left:-45px;}
.ml-50{ margin-left:-50px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr35{ margin-right:35px;}
.mr50{ margin-right:50px;}
.mr350{ margin-right:350px;}

.mt-5{ margin-top:-5px;}
.mt-7{ margin-top:-7px;}
.mt-15{ margin-top:-15px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt60{ margin-top:60px;}

.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pr20{ padding-right:20px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
/* .pb-20{ padding-bottom:-20px;} */
.p20{ padding:20px;}

.fl{ float:left;}
.fl dl img {vertical-align:-5px !important;}
.fr{ float:right;}
.clr{ clear:both;}

.dpnone{display:none;}

.wrapper {
	width:100%;
	/* overflow:hideen; */
}

.clear{clear:both;height:0px;display:none;}
#view { display:none;}
.view { display:none;}

.pdt_6 { padding-top:6px;}
.pdt_10 {padding-top:10px;}
.pdt_21 {padding-top:21px;}
.pdt_2 {padding-top:2px;}
.pdb_10 {padding-bottom:10px;}
.pdb_20 {padding-bottom:20px;}
.pdb_50 {padding-bottom:50px;}
.pdb_150 {padding-bottom:150px;}
.pdl_5 {padding-left:5px;}
.pdl_10 {padding-left:10px;}
.pdl_15 {padding-left:15px;}
.pdl_21 {padding-left:21px;}
.pdl_25 {padding-left:25px;}
.pdl_25 select, .pdl_25 input {vertical-align:middle;}

.pdl_36 {padding-left:36px;}

.mgt_2 {margin-top:2px;}
.mgt_5 {margin-top:5px;}
.mgt_6 {margin-top:6px;}
.mgt_10 {margin-top:10px;}
.mgt_15 {margin-top:15px;}
.mgt_20 {margin-top:20px;}
.mgt_25 {margin-top:25px;}
.mgt_50 {margin-top:50px;}

.mgb_10 {margin-bottom:10px;}
.mgb_20 {margin-bottom:20px;}
.mgb_15 {margin-bottom:-15px;}
.mgb_50 {margin-bottom:50px;}
.mgl_10 {margin-left:-10px;}
.mgl_13 {margin-left:-13px;}
.mgl_15 {margin-left:-15px;}
.mgl_25 {margin-left:-25px;}
.mgl_50 {margin-left:-50px;}

.mgl13 {margin-left:13px;}
.mgl25 {margin-left:25px;}
.mgl30 {margin-left:30px;}
.mgl50 {margin-left:50px;}
.mgl200 {margin-left:200px;}
.mgr40 {margin-right:40px;}

.w22{width:22px; height:23px;padding:2px 0 0 2px;}
.w25{width:25px; height:23px;padding:2px 0 0 2px;}
.w40{width:40px; height:23px;padding:2px 0 0 2px;}
.w50{width:50px; height:23px;padding:2px 0 0 2px;}
.w60{width:60px; height:23px;padding:2px 0 0 2px;}
.w70{width:85px; height:23px;padding:2px 0 0 2px;}
.w100{width:100px; height:23px;padding:2px 0 0 2px;}
.w118{width:118px; height:23px;padding:2px 0 0 2px;}
.w150{width:150px; height:23px;padding:2px 0 0 2px;}
.w170{width:170px; height:23px;padding:2px 0 0 2px;}
.w200{width:200px; height:23px;padding:2px 0 0 2px;}
.w250{width:250px; height:23px;padding:2px 0 0 2px;}
.w322{width:322px; height:23px;padding:2px 0 0 2px;}
.w350{width:350px; height:23px;padding:2px 0 0 2px;}
.w400{width:400px; height:23px;padding:2px 0 0 2px;}
.w400a{width:400px; padding:2px 0 0 2px;}
.w450{width:450px; height:23px;padding:2px 0 0 2px;}
.w500{width:500px; height:23px;padding:2px 0 0 2px;}
.w535{width:535px; height:23px;padding:2px 0 0 2px;}
.w460{width:530px;}
.w420{width:420px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w350px{ width:350px;}
.w360{ width:360px;}
.w380{ width:380px;}
.w400px{ width:400px;}
.w450px{width:450px;}
.w480px{ width:480px;}
.w500px{width:500px;}
.w560{ width:560px;}
.w600 {width:600px;}
.w640{ width:640px;}
.W660 {width:660px;}
.w710 {width:710px;}
.w700{width:700px;}
.w680{width:680px;}
/* .w500px_ex6{_width:500px;} */
/* #w400_ex6{_width:400px;} */
.w250px{width:250px;}
.f150{width:150px; padding:0;}
.p100{width:100%; height:17px;padding:2px 0 0 2px;}
.t100{width:100%; padding:2px 0 0 1px;}
.t600p { width:600px;padding:2px 0 0 2px;}

.img {border:none;}

.f500 { background:#fff; font-size:12px; width:500px; height:17px;}
.f450 { background:#fff; font-size:12px; width:450px; height:17px;}


/* tap */
.TabWrap_1 { float:left; width:780px; padding:0 0 10px 0; margin:0px; }
.TabWrap_1 ol{ float:left; width:780px; padding:0 0 0px 0; margin:0px; background:url(/images/vd/tap/ol_bg_1.gif) repeat-x; }
.TabWrap_1 ol li{ float:left; height:34px; padding:0px 0 0px 0; margin:0px; background:url(/images/vd/tap/li_bg_1.gif) left top no-repeat; letter-spacing:-1px; font-weight:bold; }
.TabWrap_1 ol li a{ float:left; padding:7px 19px 8px 17px; margin:0px; color:#959595; background:url(/images/vd/tap/a_bg_1.gif) no-repeat right top; line-height:15px; height:15px; display:block; }
.TabWrap_1 ol li a:hover{ color:#1165B2; text-decoration:none; }
.TabWrap_1 ol li.on{ background:url(/images/vd/tap/li_bg_on_1.gif) left top no-repeat;  }
.TabWrap_1 ol li.on a{ color:#ffffff; background:url(/images/vd/tap/a_bg_on_1.gif) no-repeat right top; }


.TabWrap_2 { float:left; width:750px; padding:0 0 10px 0; margin:0px; }
.TabWrap_2 ol{ float:left; width:750px; padding:0 0 0px 0; margin:0px; background:url(/images/vd/tap/ol_bg_g.gif) repeat-x; }
.TabWrap_2 ol li{ float:left; height:34px; padding:0px 0 0px 0; margin:0px; background:url(/images/vd/tap/li_bg_g.gif) left top no-repeat; letter-spacing:-1px; font-weight:bold; }
.TabWrap_2 ol li a{ float:left; padding:7px 19px 8px 19px; margin:0px; color:#959595; background:url(/images/vd/tap/a_bg_g.gif) no-repeat right top; line-height:15px; height:15px; display:block; }
.TabWrap_2 ol li a:hover{ color:#3673ed; text-decoration:none; }
.TabWrap_2 ol li.on{ background:url(/images/vd/tap/li_bg_on_g.gif) left top no-repeat;  }
.TabWrap_2 ol li.on a{ color:#ffffff; background:url(/images/vd/tap/a_bg_on_g.gif) no-repeat right top; }

.TabWrap_3 { float:left; width:100%; padding:0 0 10px 0; margin:0px; }
.TabWrap_3 ol{ float:left; width:100%; padding:0 0 0px 0; margin:0px; background:url(/images/vd/tap/ol_bg_d.gif) repeat-x; }
.TabWrap_3 ol li{ float:left; height:34px; padding:0px 0 0px 0; margin:0px; background:url(/images/vd/tap/li_bg_d.gif) left top no-repeat; letter-spacing:-1px; font-weight:bold; }
.TabWrap_3 ol li a{ float:left; padding:7px 19px 8px 19px; margin:0px; color:#959595; background:url(/images/vd/tap/a_bg_d.gif) no-repeat right top; line-height:15px; height:15px; display:block; }
.TabWrap_3 ol li a:hover{ color:#da7211; text-decoration:none; }
.TabWrap_3 ol li.on{ background:url(/images/vd/tap/li_bg_on_d.gif) left top no-repeat;  }
.TabWrap_3 ol li.on a{ color:#ffffff; background:url(/images/vd/tap/a_bg_on_d.gif) no-repeat right top; }

.vd_box {clear:both; width:750px; position:relative; height:655px; }
.vd_box .title {text-align:center; font-size:14px; color:#666666; height:25px;}
.vd_box .main_view {clear:both; background:url(/images/vd/bg_graph.gif) left top no-repeat; width:750px; height:265px; position:relative;}
.vd_box .main_view ul {text-indent: -999em;font-size: 0;}
.vd_box .main_view ul li { }
.vd_box .main_view ul li a {width:51px; height:170px; position:absolute;}

.vd_box .main_view ul li .vds_1 {top:69px; left:57px; }
.vd_box .main_view ul li .vds_2 {top:69px; left:158px; }
.vd_box .main_view ul li .vds_3 {top:69px; left:259px; }
.vd_box .main_view ul li .vds_4 {top:69px; left:360px; }
.vd_box .main_view ul li .vds_5 {top:69px; left:461px; }
.vd_box .main_view ul li .vds_6 {top:69px; left:562px; }
.vd_box .main_view ul li .vds_7 {top:69px; left:662px; }


.vd_box .sub_title {text-align:center; font-size:14px; color:#0000ff; height:50px;}
.vd_box .m_title {text-align:center; font-size:14px; height:25px;}
.vd_box .con ul li {float:left;}


.vd_t_1 {position:relative;background:url(/images/vd/img_bg_1.gif) left top no-repeat; width:720px; height:60px; padding:15px; margin-top:10px;}
.vd_t_1 label {float:left;padding-top:6px; width:128px; font-weight:bold;background:url(/images/vd/img_arrow_1.gif) 0px 13px no-repeat; padding-left:13px;}
.vd_t_1 select {border:1px solid #d9d9d9; height:26px; width:130px; margin:0px; padding:0px; }
.vd_t_1 input {margin:0px; padding:0px;}
.vd_t_1 .tst {border:1px solid #d9d9d9; height:24px; width:255px; margin:0px; padding:0px; }
.vd_t_1 .map {position:absolute; bottom:16px; right:72px;}


/* UI Object */
.box_type{position:relative;height:1%;line-height:14px}
.outer{border:4px solid #a8e469}
.box_type .inner{border:1px solid #418f30}
.box_type p{padding:5px;font-size:12px}
.box_type .lt{position:absolute;top:-4px;left:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner.gif) no-repeat 0 0;font-size:0}
.box_type .rt{position:absolute;top:-4px;right:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner.gif) no-repeat 100% 0;font-size:0}
.box_type .lb{position:absolute;left:-4px;bottom:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner.gif) no-repeat 0 100%;font-size:0}
.box_type .rb{position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner.gif) no-repeat 100% 100%;font-size:0}
.box_type2{position:relative;height:1%;line-height:14px}
.box_type2 p{padding:5px;font-size:12px}
.box_type2 .lt{position:absolute;top:-4px;left:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner2.gif) no-repeat 0 0;font-size:0}
.box_type2 .rt{position:absolute;top:-4px;right:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner2.gif) no-repeat 100% 0;font-size:0}
.box_type2 .lb{position:absolute;left:-4px;bottom:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner2.gif) no-repeat 0 100%;font-size:0}
.box_type2 .rb{position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:#fff url(/images/vd/bg_border_corner2.gif) no-repeat 100% 100%;font-size:0}

.outer2{border:4px solid #e4e4e4}

.inner2{border:1px solid #c7c7c7; height: 160px;}
.inner2 ul li { display: inline; float: left; width: 45%; margin: 4px 1em 3px 5%; white-space: nowrap; }
.inner2 ul li.on a { color: #da7211; font-weight: bold; }

.inner3{border:1px solid #c7c7c7; height: 90px;}
.inner3 ul li { display: inline; float: left; width: 45%; margin: 4px 1em 3px 5%; white-space: nowrap; }
.inner3 ul li.on a { color: #da7211; font-weight: bold; }
/* //UI Object */

/* »çÀüÁ¤º¸°øÇ¥¸ñ·Ï */
.log1_wrap {position:relative;}
.tab_areat01 {position:relative; width:100%; padding-top:130px;}
.tabtit01 {position:absolute; top:220px; left:30px;}
.tabtit02 {position:absolute; top:220px; left:110px;}
.tabtit03 {position:absolute; top:220px; left:190px;}
.tabtit04 {position:absolute; top:220px; left:270px;}
.tabtit05 {position:absolute; top:220px; left:350px;}
.tabtit06 {position:absolute; top:220px; left:435px;}
.tabtit07 {position:absolute; top:220px; left:515px;}
.tabtit08 {position:absolute; top:220px; left:595px;}
.tabtit09 {position:absolute; top:220px; left:680px;}
.article0 {margin-top:120px;}

.an-focus{display: block; width: 202px; height: 180px; float: left; margin-right: 15px;}
.an-focus2{display: block; width: 102px; height: 180px; float: left; margin-right: 15px;}