@charset "utf-8";


body.m_bg {width:100%; height:100%; position:relative; background:url("/images/main/visual_bg.gif") left 81px repeat-x; }
.visual {width:1100px; height:534px; position:relative; background:url("/images/main/qtest_visual.jpg") center 45% no-repeat; margin-bottom:15px;}
.visual h2 {text-indent:-55555; font-size:0px; line-height:0px; height:0px;}
.visual p {text-indent:-55555; font-size:0px; line-height:0px; height:0px;}
.visual ul.vbtn {overflow:hidden;position:absolute; bottom:0px; left:35px;}
.visual ul.vbtn li:first-child {padding-left:0px;} 
.visual ul.vbtn li {float:left; padding-left:19px;}
ul.middle_box {overflow:hidden; margin:0 auto 55px auto; width:1068px;}
ul.middle_box > li:first-child { margin-left:20px;}
ul.middle_box > li {float:left; margin-left:17px;}
ul.middle_box > li.gray_bg {background:url("/images/main/gray_bg1.gif") left top no-repeat; width:325px; height:191px; padding:17px 25px;} 
ul.middle_box > li.gray_bg a {background:url("/images/main/infor_btn1.png") center top no-repeat; width:105px; height:20px; padding-top:70px; display:inline-block; *display:inline; text-align:center; font-weight:bold; margin-bottom:13px;}
ul.middle_box > li.gray_bg a + a{background:url("/images/main/infor_btn2.png") center top no-repeat; }
ul.middle_box > li.gray_bg a + a + a {background:url("/images/main/infor_btn3.png") center top no-repeat;}
ul.middle_box > li.gray_bg a + a + a + a {background:url("/images/main/infor_btn4.png") center top no-repeat; }
ul.middle_box > li.gray_bg a + a + a + a + a {background:url("/images/main/infor_btn5.png") center top no-repeat; }
ul.middle_box > li.gray_bg a + a + a + a + a + a {background:url("/images/main/infor_btn6.png") center top no-repeat; }

/* 슬라이드 */
.roll_visual {width:253px; height:224px; position:relative;}
.roll_content {width:253px; height:224px; }

 #slides {
      display: none
	  position:relative;
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }
    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url("/images/main/btns-next-prev.png");
      background-repeat: no-repeat;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }
    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
	  display:none;
    }
    a:hover.slidesjs-next {
      background-position: -12px -18px;
	  display:none;
    }
    a.slidesjs-previous {
      background-position: 0 0;
	  display:none;
    }
    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }
    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
	  z-index:99999
    }
    a:hover.slidesjs-play {
      background-position: -25px -18px;
	  z-index:99999
    }
    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
      background-position: -25px -18px;
	  z-index:99999
    }
    a:hover.slidesjs-stop {
      background-position: -41px -18px;
      background-position: -25px -18px;
	  z-index:99999
    }
    .slidesjs-pagination {
      list-style: none;
	  position:absolute; top:10px; right:10px;
	  z-index:99999
    }
    .slidesjs-pagination li {
      float: left;
      margin: 0 2px;
    }
    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url("/images/main/pagination.png");
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }
    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
    #slides a:link,
    #slides a:visited {
      color: #333
    }
    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
    .navbar {
      overflow: hidden
    }

/* 탭 스크립트 */


.board_box {width:331px; height:190px;background:url("/images/main/line_bg1.gif") left top no-repeat; padding:15px 20px 20px 20px; }


.tab_list{height:122px; width:320px;}  
.tab_list ul{position:relative;margin:0;padding:0;font-size:13px;list-style:none;*zoom:1; }  
.tab_list ul:after{display:block;clear:both;content:""}  
.tab_list li{float:left;margin-bottom:-1px;} 
.tab_list li span.date {float:right;} 
.tab_list li a{float:left;position:relative;color:#666;text-decoration:none;}  /* 탭매뉴 변경부분 */
.tab_list li a span{display:inline-block;padding:6px 9px 6px 5px;letter-spacing:-1px;cursor:pointer;}  
.tab_list li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}  
.tab_list li ul:after{display:block;clear:both;content:""}  
.tab_list li li{float:none;position:relative;margin:0 0 8px 0;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url("/images/common/gray_dott1.gif") left 5px no-repeat; padding-left:10px; }  
.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}  
.tab_list li li a:hover,  
.tab_list li li a:active,  
.tab_list li li a:focus{color:#000 !important;text-decoration:underline}  
.tab_list li li.more {position:absolute;top:-50px;right:0; background:none;}  
.tab_list .m1 > a {font-size:17px; line-height:18px;}
.tab_list .m2 > a {font-size:17px; line-height:18px; margin-left:10px;}
.tab_list.m1 .m1 a, .tab_list.m2 .m2 a, .tab_list.m3 .m3 a, .tab_list.m4 .m4 a, .tab_list.m5 .m5 a, .tab_list.m6 .m6 a, .tab_list.m7 .m7 a, .tab_list.m8 .m8 a, .tab_list.m9 .m9 a, .tab_list.m10 .m10 a, .tab_list.m11 .m11 a, .tab_list.m12 .m12 a{margin-top:-1px;color:#18629f;}  
.tab_list.m1 .m1 a span, .tab_list.m2 .m2 a span, .tab_list.m3 .m3 a span, .tab_list.m4 .m4 a span, .tab_list.m5 .m5 a span, .tab_list.m6 .m6 a span, .tab_list.m7 .m7 a span, .tab_list.m8 .m8 a span, .tab_list.m9 .m9 a span, .tab_list.m10 .m10 a span, .tab_list.m11 .m11 a span, .tab_list.m12 .m12 a span{padding-top:7px; font-weight:bold; letter-spacing:-2px;}  
.tab_list.m1 .m1 ul, .tab_list.m2 .m2 ul, .tab_list.m3 .m3 ul, .tab_list.m4 .m4 ul, .tab_list.m5 .m5 ul, .tab_list.m6 .m6 ul, .tab_list.m7 .m7 ul, .tab_list.m8 .m8 ul, .tab_list.m9 .m9 ul, .tab_list.m10 .m10 ul, .tab_list.m11 .m11 ul,  
.tab_list.m12 .m12 ul{display:block; margin-top:20px;}  
/* //UI Object */ 



.tip-yellowsimple {
	z-index:1000;
	text-align:left;
	border:1px solid #c7bf93;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:6px 8px;
	min-width:50px;
	max-width:300px;
	color:#000;
	background-color:#fff9c9;
}
.tip-yellowsimple .tip-inner {
	font:12px/16px arial,helvetica,sans-serif;
}

.tip-yellowsimple .tip-arrow-top {
	margin-top:-6px;
	margin-left:-5px; 
	top:0;
	left:50%;
	width:9px;
	height:6px;
	background:url(tip-yellowsimple_arrows.gif) no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
	margin-top:-4px;
	margin-left:0;
	top:50%;
	left:100%;
	width:6px;
	height:9px;
	background:url(tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; 
	top:100%;
	left:50%;
	width:9px;
	height:6px;
	background:url(tip-yellowsimple_arrows.gif) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
	margin-top:-4px; 
	margin-left:-6px;
	top:50%;
	left:0;
	width:6px;
	height:9px;
	background:url(tip-yellowsimple_arrows.gif) no-repeat -27px 0;
}