body  { font-size:12px; padding:0px; margin:0; color:#888888; line-height:16px; font-family: 'Noto Sans KR', sans-serif; background:url('../img/etc/background.jpg') repeat;  }
div, p, ul, ol, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin: 0px; padding: 0px; font-family: 'Noto Sans KR', sans-serif; } 
div, ul, li, ol { list-style: none;}
table, th, td  { margin:0; padding:0; border:0; border-spacing:0px; font-size:12px;   }
fieldset   { margin: 0px; padding: 0px; border:none; float:left; }
legend, caption { display:none; }
hr   { display:none; } 
/*img  { font-size: 0px; border: 0px; display:block;  }*/
img  { margin:0; padding:0; vertical-align:top; border:0; }
a:link   { color:#ffeab4; text-decoration:none; }
a:visited  { color:#ffeab4; text-decoration:none; }
a:active  { color:#ffeab4; text-decoration:none; }
a:hover     { color:#ffeab4; text-decoration:underline; }
.clear  { clear:both; }
.cboth  { clear:both;height:0;line-height:0;margin:0;padding:0;font-size:0;overflow:hidden;display:block; }
.fleft   { float:left; }
.fright   { float:right; }
.tx_left  { text-align:left !important; }
.tx_center { text-align:center !important; }
.tx_right  { text-align:right !important; }
.bold   { font-weight:bold;   }
.att_txt  { color:#444444;  }
.red{color:#e00000;  font-family: 'Noto Sans KR', sans-serif;}
h1 { width: auto; height: auto; margin: 0; padding: 0 0 0 18px; background: url() no-repeat 0 2px; color: #000; font-family: 'Noto Sans KR', sans-serif; font: bold 1.34em/1.19 돋움; letter-spacing: -1px; }
h2 { clear: left; width: auto; height: auto; margin: 1em 0 0 0; padding: 2px 0 0 0; background: url() no-repeat 0 2px; color: #ff7900; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; font-size: 1.4em; text-align: left; letter-spacing: -1px; line-height: 1.25; }
h3 { width: auto; height: auto; margin: 1em 0; padding: 2px 0 0 14px; background: url() no-repeat 0 2px; color: #26c; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: -1px; line-height: 1.25; }
h4 { width: auto; height: auto; margin: 1em 0; padding: 2px 0 0 14px; background: url() no-repeat 0 2px; color: #444; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: 0; line-height: 1.25; }
h5 { width: auto; height: auto; margin: 1em 0; padding: 2px 0 0 14px; background: url() no-repeat 0 50%; color: #555; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: 0; line-height: 1.25; }
h6 { width: auto; height: auto; margin: 1em 0; padding: 2px 0 0 14px; background: url() no-repeat 0 50%; color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: 0; line-height: 1.25; }

/* form */
select  { font-size:12px; font-family: 'Noto Sans KR', sans-serif; color:#888888; height:18px; .height:20px; padding:0 0 0 0; .padding:0 0 2px 0; vertical-align:middle;}
input    { font-family: 'Noto Sans KR', sans-serif;font-size:11px; height:15px;padding:2px 5px 0 5px;border:1px solid #d5d5d5;color:#888888;}
input.file   { font-family: 'Noto Sans KR', sans-serif;font-size:11px; height:17px;padding:2px 5px 0 5px;border:1px solid #d5d5d5;color:#888888;background-color:#fff;}
input.chk,
input.radio  { width:16px;height:16px;overflow:hidden;margin:0;padding:0;vertical-align:middle; border:none; }
textarea.txtarea {border:1px solid #D8D8D8; padding:3px 5px 3px 5px;color:#888888;font-family: 'Noto Sans KR', sans-serif;font-size:12px;  
     scrollbar-3dlight-color:#D3D3D3;
     scrollbar-arrow-color:#5F5F5F;
     scrollbar-track-color:#DFDFDF;
     scrollbar-darkshadow-color:#D3D3D3;
     scrollbar-face-color:#FBFBFB;
     scrollbar-highlight-color:#FBFBFB;
     scrollbar-shadow-color:#FBFBFB; }
/* board */
table.list { border-collapse: collapse; width: 100%; margin: .5em 0px; border-top: 2px double #ffb400; border-right-style: hidden; *border-right: 1px solid #fff; }
table.list tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.list th, table.list td { border-bottom: 1px solid #c8c8c8; color:#666; border-width: 0 1px 1px 0; padding: 10px 6px 8px 6px; text-align:center; }
table.list thead{ background: #2c251f; font-weight: normal; }
table.list thead th{ background: #3333; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; }
table.list tbody{ background: #fff; font-weight: normal; }
table.list tbody th{ background: #2c251f; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif;}
table.list tbody td.list_L { border-bottom: 1px solid #c8c8c8; color:#666; border-width: 0 1px 1px 0; padding: 10px 6px 8px 6px; text-align:left; }
table.list th { background: #2c251f; font-weight: normal; text-align: inherit; }
/************************* 공통STYLE ******************************/
/* HAED공통 */
#dksteel .User_topBtn{position:relative; width:100%; height:7px; top:15px;}
#dksteel .User_topBtn ul{float:right; width:auto; float:right; margin:0; list-style:none;}
#dksteel .User_topBtn ul li.U_btn1{display:inline; padding:0;}
#dksteel .User_topBtn ul li.U_btn1 a {margin:0 10px;}
.hide {display: none;}
.hand {cursor: pointer;}
/* layout */
#dksteel {position:absolute; width:100%; background:#fff;z-index:9999999;}
.top_area { width:100%; margin:0 auto;  height:255px; overflow:hidden; border:1px;}
/* 주메뉴 */
.top_area {position:relative; z-index:1000; height:93px;}
.TopMenu {overflow:hidden; position:relative; z-index:2; width:100%; height:100%; background:url('/images/etc/head_over_bg.png');}
.TopMenuSub {position:relative; width:1000px; min-height:247px; margin:0 auto; margin-top:0px; background:url('/images/etc/head_bg.png') no-repeat top;}
.TopMenuSub h1 {position:absolute; top:20px; left:0; margin:0; padding:0; width:200px; height:90px; overflow:hidden;}
/* gnb02 */
.TopMenuSub ul.gnb02 {position:relative; top:40px; left:300px; width:900px; padding:0; min-height:200px;}
.TopMenuSub ul.gnb02 li a {color:#3f3f3f}
.TopMenuSub ul.gnb02 li a:hover,a:visited,a:active  {color:#ff3366; text-decoration:none; }
.TopMenuSub ul.gnb02 li {float:left; position:relative; margin-left:60px; font-size:16px;}
.TopMenuSub ul.gnb02 li.menu5 {margin-right:0;}
.TopMenuSub ul.gnb02 li div {position:absolute; left:0; top:60px; padding:0; width:100px; min-height:50px;}
.TopMenuSub ul.gnb02 li div ul {position:static; width:100%; min-height:100px;}
.TopMenuSub ul.gnb02 li div ul li {float:none; margin:0 0 10px 0; line-height:1; font-size:12px;}
.TopMenuSub ul.gnb02 li div ul li {float:none; margin:0 0 10px 0; line-height:1; font-size:12px;}
.TopMenuSub ul.gnb02 li div ul li a {color:#ffcfcf}
.TopMenuSub ul.gnb02 li div ul li a:hover,a:visited,a:active  {color:#fff; text-decoration:none; }
/* 기존 gnb 높이값 상속부분 수정_ 0731 */
.gnb {height:70px !important;}
/* FOOT공통 */
#foot{position:relative; width:100%; padding:0; margin:0; text-align:center; background-color:#1f1b18; overflow:hidden;}
#foot ul{width:1000px; margin:0 auto; padding:20px 0; overflow:hidden;}
#foot ul li{float:left; margin:0 0 5px 0;}
#foot ul li.add{float:left; margin:0 0 5px 25px; text-align:left;}
#foot ul li ul.foot_userBtn{width:600px; margin:0 0 0 25px; padding:0; border:0;}
#foot ul li ul.foot_userBtn li{vertical-align:top; margin-right:30px;}
#foot ul li ul.foot_userBtn li a {color:#999;}
/************************* MAIN ******************************/
/* MAINBODY */
#containel{position:relative;  width:100%; height:230px; top:0; text-align:center;}
#M_cont_wrap{position:relative; width:1060px; margin:auto; text-align:center; padding:0; overflow:hidden; background:url('') no-repeat;}
#M_contants{position:relative; width:1000px; margin:auto; padding:25px 0 0 0; overflow:hidden;}
#M_contants .cont1{position:relative; float:left; width:320px; margin:0 0 0 30px; overflow:hidden;}
#M_contants .cont1 ul{float:left; width:320px;}
#M_contants .cont1 u li{width:100%; overflow:hidden;}
#M_contants .cont1 ul li.pho{width:100%; height:70px; margin:15px 0 0 0;}
#M_contants .cont1 ul li a{color:#fff;}
#M_contants .cont2{position:relative; float:left; width:270px; margin:0 30px 0 30px; overflow:hidden;}
#M_contants .cont2 ul{float:left; width:270px; overflow:hidden;}
#M_contants .cont2 u li{width:100%; overflow:hidden;}
#M_contants .cont2 ul li.pho{width:100%; margin:0; overflow:hidden;}
#M_contants .cont2 ul li a{color:#fff;}
#M_contants .cont3{position:relative; float:left; width:290px; margin:0; overflow:hidden;}
#wrapper { width: 100%; position:relative; border:0 !important; }
/* Visual
-----------------------------------------------------------------------------*/
.animation_canvas { overflow:hidden; position:relative; padding-top:93px; width: 100%; height: 499px; z-index:-1; background:#fff;}
.slider_panel { width: 100%; height: 499px; position:relative; }
.slider_image { position: absolute; left:0; top:0; width: 100%; height: 499px; opacity:0; }
.slider_panel .img1 { background:url(/images/main/vimg1.jpg) no-repeat center top; }
.slider_panel .img2 { background:url(/images/main/vimg2.jpg) no-repeat center top; }
.slider_panel .img3 { background:url(../img/main/vimg3.jpg) no-repeat center top; }
.slider_panel .img4 { background:url(../img/main/vimg4.jpg) no-repeat center top; }
.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 499px; }
.slider_text_panel .slider_text { width: 1000px; height: 350px; position:absolute; left:50%; top:0; margin-left: -560px; }
.slider_text_panel .txt1 .text1 { position: absolute; left: 50%; top: 470px; margin-left: -335px; opacity: 0; filter: alpha(opacity=0); font-family: 'Noto Sans KR', sans-serif; font-size:65px; color:#fff; line-height:70px; font-weight:bold; }
.slider_text_panel .txt1 .text2 { position: absolute; left: 50%; top: 428px; margin-left: -300px; padding-top:17px; font-family: 'Noto Sans KR', sans-serif; font-size:26px; color:#fff; line-height:20px; }
.slider_text_panel .txt2 .text1 { position: absolute; left: 50%; top: 283px; margin-left: -335px; opacity: 0; filter: alpha(opacity=0); font-family: 'Noto Sans KR', sans-serif; font-size:65px; color:#fff; line-height:70px; font-weight:bold; }
.slider_text_panel .txt2 .text2 { position: absolute; left: 50%; top: 428px; margin-left: -300px; padding-top:17px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:#fff; line-height:20px; }
.slider_text_panel .txt3 .text1 { position: absolute; right: 50%; top: 283px; margin-right: -335px; opacity: 0; filter: alpha(opacity=0); font-family: 'Noto Sans KR', sans-serif; font-size:65px; color:#fff; line-height:70px; font-weight:bold; }
.slider_text_panel .txt3 .text2 { position: absolute; right: 50%; top: 428px; margin-right: -338px; opacity: 0; filter: alpha(opacity=0); font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:#fff; line-height:20px; }
.slider_text_panel .txt4 .text1 { position: absolute; text-aling:right; right: 50%; top: 283px; margin-right: -335px; opacity: 0; filter: alpha(opacity=0); font-family: 'Noto Sans KR', sans-serif; font-size:65px; color:#fff; line-height:70px; font-weight:bold;}
.slider_text_panel .txt4 .text2 { position: absolute; text-aling:right; right: 50%; top: 428px; margin-right: -338px; opacity: 0; filter: alpha(opacity=0); font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:#fff; line-height:20px; }
.control_panel { position:absolute; top: 560px; left: 50%; margin-left: -35px; width:69px; height: 20px; overflow:hidden; background:url(http://kisvan.co.kr/image/main/point_back.png) no-repeat 0 0; z-index: 100; }
.control_panel .control_button { width:10px; height:10px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(http://kisvan.co.kr/image/main/point.png) no-repeat center top; margin: 5px 5px 0 0; }
.control_panel .control_button.active { background-position: center bottom; }
.control_panel .first { margin: 5px 5px 0 7px; }
#news_wrap{position:relative; width:100%; height:40px; background:#8bda00 url('../img/main/notice_bg.jpg') no-repeat center;}
#news_wrap .news{position:relative; width:1000px; margin:0 auto; padding:14px 0 0 0; color:#fff;}
#contents{position:relative; width:100%; margin-top:20px; background:url('../img/main/main_body_bg.jpg') repeat; overflow:hidden;}
#contents_wrap{position:relative; width:1000px; margin:0 auto; overflow:hidden;}
#contents_wrap .cont{position:relative; float:left; width:333px; height:227px;}
#contents_wrap .cont ul{width:297px; margin:20px auto 0 auto; overflow:hidden;}
#contents_wrap .cont ul li{margin:0; padding:0; vertical-align:top;}
#contents_wrap .cont ul li a{font-family: 'Noto Sans KR', sans-serif; color:#ffa800;}
#contents_wrap .cont ul li.title{margin:19px 0 10px 0; font-size:18px; color:#777; font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}
#contents_wrap .cont ul li.title span.tit_y{font-size:18px; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}
#contents_wrap .cont ul li.txt{margin:0 0 10px 0; font-family: 'Noto Sans KR', sans-serif; color:#bbb;}