@charset "utf-8";
@font-face{
	font-family:'Buri';
	font-style:normal;
	font-weight:400;
	src:url('fonts/Arita-buriM-subset.eot');
	src:url('fonts/Arita-buriM-subset.eot?#iefix') format('embedded-opentype'),
		url('fonts/Arita-buriM-subset.woff') format('woff');
}
@font-face {
    font-family: 'yoongothic';
    src: url('fonts/yoongothic-720-webfont.eot');
    src: url('fonts/yoongothic-720-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yoongothic-720-webfont.woff2') format('woff2'),
         url('fonts/yoongothic-720-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'yoongothic';
    src: url('fonts/yoongothic-750-webfont.eot');
    src: url('fonts/yoongothic-750-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yoongothic-750-webfont.woff2') format('woff2'),
         url('fonts/yoongothic-750-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'yoongothic';
    src: url('fonts/yoongothic-774-webfont.eot');
    src: url('fonts/yoongothic-774-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yoongothic-774-webfont.woff2') format('woff2'),
         url('fonts/yoongothic-774-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'billcorporatenarrow';
    src: url('fonts/bill_corporate_narrow_light-webfont.eot');
    src: url('fonts/bill_corporate_narrow_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bill_corporate_narrow_light-webfont.woff2') format('woff2'),
         url('fonts/bill_corporate_narrow_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'billcorporatenarrow';
    src: url('fonts/bill_corporate_narrow_roman-webfont.eot');
    src: url('fonts/bill_corporate_narrow_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bill_corporate_narrow_roman-webfont.woff2') format('woff2'),
         url('fonts/bill_corporate_narrow_roman-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;     
}
@font-face {
    font-family: 'billcorporatenarrow';
    src: url('fonts/bill_corporate_narrow_bold-webfont.eot');
    src: url('fonts/bill_corporate_narrow_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bill_corporate_narrow_bold-webfont.woff2') format('woff2'),
         url('fonts/bill_corporate_narrow_bold-webfont.woff') format('woff');
      font-weight: 700;
    font-style: normal;     
}
@font-face {
    font-family: 'billcorporatenarrow';
    src: url('fonts/bill_corporate_narrow_super-webfont.eot');
    src: url('fonts/bill_corporate_narrow_super-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bill_corporate_narrow_super-webfont.woff2') format('woff2'),
         url('fonts/bill_corporate_narrow_super-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;     
}




@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/css/fonts/NanumGothic-Bold.eot);
  src: url(/css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
        url(/css/fonts/NanumGothic-Bold.woff2) format('woff2'),
        url(/css/fonts/NanumGothic-Bold.woff) format('woff'),
        url(/css/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;       
  src: url(/css/fonts/NanumGothic-Regular.eot);
  src: url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(/css/fonts/NanumGothic-Regular.woff2) format('woff2'),
         url(/css/fonts/NanumGothic-Regular.woff) format('woff'),
         url(/css/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/css/fonts/NanumGothic-ExtraBold.eot);
  src: url(/css/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/css/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/css/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}


@font-face { font-family: NanumSR; src : url("/font/NanumSquareR.eot"); src : url("/font/NanumSquareR.eot?#iefix") format('embedded-opentype'), url("/font/NanumSquareR.woff") format("woff"); }
@font-face { font-family: NanumSB; src : url("/font/NanumSquareB.eot"); src : url("/font/NanumSquareB.eot?#iefix") format('embedded-opentype'), url("/font/NanumSquareB.woff") format("woff"); }











* {
margin:0px;
padding:0px;
list-style:none;
font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
font-weight:500;
}

.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.grayscale-replaced.grayscale-fade:hover svg {
  opacity: 0;
}

/*tes_wrapper*/
.tes_wrapper {
max-width:100%;
margin:0 auto;
}

/*tes_header*/
.tes_header {
width:1200px;
height:93px;
margin:0 auto;
}

.tes_header .logo {
width:280px;
height:65px;
float:left;
padding-top:12px;
cursor:pointer;
}

.tes_header .top_menu {
padding-left:155px;
padding-top:42px;
}


.tes_header .top_menu ul{
margin-left:22px;
}

.tes_header .top_menu li {
float:left;
font-size:11px;
color:#828282;
font-weight:500;
letter-spacing:0.4px;
font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
}

.tes_header .top_menu li a {
float:left;
font-size:11px;
color:#828282;
font-weight:500;
letter-spacing:0.4px;
font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
text-decoration:none;
}
.tes_header .top_menu li:hover {
cursor:pointer;
}

.tes_header .top_menu li.bar {
padding:0px 3px;
cursor:default;
}


.tes_header .tes_intranet {
float:right;
font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
font-size:13px;
width:128px;
height:29px;
text-align:center;
color:#fff;
background:#ae9874;
letter-spacing:1.5px;
position:relative;
line-height:30px;
top:-7px;
}

.tes_header .tes_intranet:hover {
color:#fff;
background:#0f1f75;
cursor:pointer;
}

/*tes_footer*/
.tes_footer {
background:#464b4e;
height:170px;
width:100%;
margin:0 auto;
}

.tes_footer .tes_footer_inner {
width:1200px;
margin:0 auto;

}

.tes_footer .tes_footer_inner p {
font-family: 'billcorporatenarrow';
font-weight:500;
font-size:11px;
letter-spacing:1.2px;
color:#fff;
line-height:23px;
padding-top:30px;
}

/*sub_footer*/

.sub_tes_footer {
background: #1a397c; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#234893, #1a397c, #0d1f4a); /* Safari 5.1 to 6.0 */
background: -o-linear-gradient(#234893, #1a397c, #0d1f4a); /* For Opera 11.6 to 12.0 */
background: -moz-linear-gradient(#234893, #1a397c, #0d1f4a); /* For Firefox 3.6 to 15 */
background: linear-gradient( #234893, #1a397c, #0d1f4a); /* Standard syntax */
height:170px;
width:100%;
margin:0 auto;
clear:both;
}

.sub_tes_footer .tes_footer_inner {
width:1200px;
margin:0 auto;

}

.sub_tes_footer .tes_footer_inner p {
font-family: 'billcorporatenarrow';
font-weight:500;
font-size:11px;
letter-spacing:1.2px;
color:#fff;
line-height:23px;
padding-top:30px;
}







.tes_header .tes_nav li a{
text-decoration:none;
}
.tes_header .tes_nav li a.active{
color:#2237a8;
}
.tes_header .tes_nav li ul li a.active{
color:#fff;
}
.tes_header .tes_nav li a:hover {

}





#topMenu {
        height: 40px; 
        width: 900px; 
		float:left;	
		ba ckground:red;
		margin-left:0px;
		position:relative;
		top:-15px;
		padding-top:10px;
}
#topMenu ul {           
    list-style-type: none; 
    margin: 0px;            
    padding: 0px; 
}
#topMenu ul li {                       
    float: left;margin-right:-11px;
    vertical-align: middle;             
    position: relative;

}
.menuLink, .submenuLink {           
    text-decoration:none;              
    display: block;                     
    padding:0 20px;
	bac kground:red;
}

.submenu li {           
	text-align:left;
	}

.menuLink {     
    color: #2d2d2d;
	height:35px;
	font-size:17px;
	font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
	letter-spacing:-0.5px;
	font-weight:700;
}

.topMenuLi {
text-align:center;
height:54px;
}

.topMenuLi:hover .menuLink {   
color:#2237a8;           
}
.submenuLink {          
    color: #fff;            
    bac kground-color: #ad9964;  
	height:35px;
	line-height:33px;
	border-bottom:1px solid #9b8959;
	border-top:1px solid #c6b893;
	text-indent:0.9em;
	font-size:14px;
	font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
}



.longLink {     
    width: 200px;   
}
.submenu {              
    position: absolute;       
	left:-10px;
	top:56px;
    height: 0px;            
    overflow: hidden;       
    transition: height .1s; 
    -webkit-transition: height .1s; 
    -moz-transition: height .1s; 
    -o-transition: height .1s;
	width:230px;
	z-index:99;
}


.submenu li {
background:#ad9964;
}

.submenu li.active {
background:#2a398c;
}

.topMenuLi:hover .submenu { 
    height: 296px;  
	width:230px;
}
.submenuLink:hover {        
    color: #fff;                
    background-color: #2a398c;  
}


.main_visual .top_nav {
width:1100px;
}







/*sub_common*/
.tes_sub_top_visual {
background:url('../images/tes_sub_top.jpg') no-repeat ;
width:100%;
height:252px;
}

.tes_sub_top_visual_img {
width:1200px;
margin:0 auto;
padding-top:69px;
}

.tes_inner_wrapper {
width:100%;
margin:0 auto;
}

.tes_inner_wrap {
width:1200px;
margin:0 auto;
}

.tes_sub_right {
width:879px;
float:right;
}

.tes_sub_right .tes_sub_inner_wrapper {
margin:142px 0px 100px 0px;
}







/*?*/
.wbg {
height:200px;
margin-top:-3px;
}



/*서브메뉴*/

.tes_sub_left {
width:266px;
float:left;
position:absolute;
}

.tes_sub_menu {
width:266px;
border-bottom:4px solid #333;
}

.tes_sub_menu ul li {
font-size:20px;
}

.tes_sub_menu_ud_m {
width:266px;
height:120px;
border-bottom:0px solid #b8b8b8;
float:left;
}

.tes_sub_menu_img1 {
float:left;
margin-top:33px;
margin-left:15px;
}

.tes_sub_menu_img2 {
float:left;
margin-top:28px;
margin-left:15px;
}

.tes_sub_menu_tt {
float:right;
font-family: 'billcorporatenarrow';
font-size:14px;
margin-top:34px;
margin-right:1px;
}

.tes_sub_menu_tt1 {
float:right;
font-family: 'billcorporatenarrow';
font-size:14px;
margin-top:34px;
margin-right:45px;
}


.tes_sub_menu_tt1 .tes_sub_menu_btn01 {
font-family: 'billcorporatenarrow';
height:24px;
width:115px;
font-size:10px;
background:#2a398c;
text-align:center;
color:#fff;
letter-spacing:0.8px;
line-height:24px;
margin-top:5px;
cursor:pointer;
}

.tes_sub_menu_tt1 .tes_sub_menu_btn01:hover {
background:#000;
}

.tes_sub_menu_tt .tes_sub_menu_btn02 {
font-family: 'billcorporatenarrow';
height:24px;
width:115px;
font-size:10px;
background:#ae9874;
text-align:center;
color:#fff;
letter-spacing:0.8px;
line-height:24px;
margin-top:5px;
cursor:pointer;
}


.tes_sub_menu_tt .tes_sub_menu_btn02:hover {
background:#000;
}



.tes_sub_menu_ud_m2 {
width:266px;
height:120px;
border-bottom:1px solid #b8b8b8;
float:left;
}





/*메뉴*/


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight:500;
}
#cssmenu {
  font-family: 'billcorporatenarrow';
  color: #ffffff;
  margin-top:46px;
  border-top:1px solid #b8b8b8;
  padding-top:26px;
  padding-bottom:26px;
}



#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu ul li.has_sub.active > a {
position:relative;
padding:0px 28px 9px 28px;
top:-1px;
}

#cssmenu > ul > li > a {
  padding: 10px 28px;
  font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
  letter-spacing:-0.6px;
  font-weight:700;
  z-index: 2;
  font-size: 19px;
  text-decoration: none;
  color: #373737;
}

#cssmenu > ul > li > a:hover {
  color: #2a398c;
}

#cssmenu .active > a{
  color: #2a398c !important;
}


#cssmenu ul li i {
  border-radius: 100%;
  width:5px;
  height:5px;
  border:3px solid #272727;
    display:none;
	position:relative;
	top:13px;
	left:-18px;
}


#cssmenu ul li.active  i{
    display:block;

}




#cssmenu ul li ul .active > a{
  color: #fff !important;
}
#cssmenu ul ul li a {
  padding: 10px 28px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  height:25px;
  line-height:5px;
  text-decoration: none;
  color: #8f9ad4;
  font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
  background: #2a398c;

}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #fff;
}







#cssmenu ul li a img {
display:none;
position:absolute;
left:8px;
top:11px;
}

.sub_board{width:879px; float:right;}

.ir_block{
  cursor: pointer;
  width:100%;
  padding-top:5px;
  height:40px;
  background: #fff;
  overflow:hidden;
  position: relative;
}
.ir_block.dt{
  background:url('../images/board_top_bg.jpg') top left no-repeat #2b2b2b !important;
}
.ir_block *{
   font-weight: 500 !important;
  text-align:center;
  line-height:35px;
  font-size: 16px !important;
}
.ir_block.dt *{
  cursor:default !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  cursor:default !important;
  color:#fff !important;
  line-height:40px;
}
.ir_block .number{
  width:6%;
  float:left;
  padding:0px 2%;
    font-weight: 300;
  letter-spacing: -0.03em;
  color:#333;
  overflow:hidden;
}
.ir_block .title{
  float:left;
  padding:0px 3%;
  width:43%;
  
  letter-spacing: -0.03em;
  color:#333;
  font-size: 18px;
  overflow:hidden;
}
.ir_block .title.con{
  text-align:left;
}
.ir_block .join, .ir_block .media{
text-align: left;
  float:left;
  padding:0px 2%;
  width:17%;
  font-weight: 300;
  color:#333;
  
  overflow:hidden;
}
.ir_block .date{
  width:16%;
  float:left;
  padding:0px 2%;
    font-weight: 300;
  letter-spacing: -0.03em;
  color:#333;
  overflow:hidden;
}
.ir_block.dt .join, .ir_block .media{
  text-align: center;

}
.ir_block .join p{
  display: inline-block;
  width:16px;
  height:16px;
  margin-top:12px;
  margin-right:5px;
  background: url('../images/pdf_icon.png') 0px 0px no-repeat;
}
.ir_block:hover{
  background:#f8f8f8;
}
.line{
  clear:both;
  background:#e2e2e2;
  height:1px;
  display:block;
}
.line.last_line{
  background:#d2d2d2;
}

.paginate{text-align:center; position:relative; margin-top:-1px;}
.paginate *{display:inline-block; font-weight:300;}
.paginate .count{cursor:pointer; color:#999; text-align:center; font-size:14px; line-height:41px; height:41px; padding:0px 15px; background:; border-top:1px solid #d2d2d2; position:relative; z-index:1;}
.paginate .count:hover{color:#333; border-top:1px solid #333;}
.paginate .page_over{color:#2a398c; border-top:1px solid #2a398c;}
.paginate .page_over:hover{color:#2a398c; border-top:1px solid #2a398c;}


/*sub_business*/
.sub_business {
width:100%;
background:#f4f4f4;
margin:0 auto;
height:170px;
margin-bottom:30px;
}

.sub_business .sub_business_inner {
width:879px;
margin:0 auto;
height:170px;
}

.sub_business .sub_business_inner .sub_business_tt {
width:232px;
height:240px;
float:left;
border:1px solid red;
}

.sub_business .sub_business_inner .sub_business_tt .sub_business_ttinner {

}

.sub_business_tt .sub_business_ttinner p {
font-size:14px;
font-family: 'billcorporatenarrow';
font-weight:500;
padding-top:12px;
padding-bottom:20px;
line-height:19px;
}

.sub_business_tt .sub_business_ttinner .sub_business_btn {
width:157px;
height:28px;
background:#ae9874;
font-family: 'billcorporatenarrow';
font-weight:500;
font-size:11px;
color:#fff;
text-align:center;
letter-spacing:2.0px;
line-height:28px;
}


.sub_business_tt .sub_business_ttinner .sub_business_btn:hover {
background:#0f1f75;
cursor:pointer;

}
.sub_business_tt .sub_business_ttinner .sub_business_t {
font-size:20px;
letter-spacing:2.0px;
border-bottom:1px solid #b2b2b2;
padding-bottom:15px;
padding-top:37px;
width:202px;
font-family: 'billcorporatenarrow';
font-weight:500;
}

.sub_business .sub_business_inner .sub_business_product {
width:879px;
float:right;
}

.sub_business .sub_business_inner .sub_business_product ul {
height:170px;
}


.sub_business .sub_business_inner .sub_business_product li {
width:25%;
opacity:0.7;
float:left;

}

.sub_business .sub_business_inner .sub_business_product li:hover {
opacity:1.0;
cursor:pointer;
}


.sub_business .sub_business_inner .sub_business_product li.active {
color:#ae9874;
opacity:1.0;

}

.sub_business .sub_business_inner .sub_business_product ul li p.active {
color:#786648;
opacity:1;

}

.sub_business .sub_business_inner .sub_business_product li img {
width:40%;
margin:0 auto;
padding-left:65px;
padding-top:30px;
}

.sub_business .sub_business_inner .sub_business_product li p {
text-align:center;
font-family: 'billcorporatenarrow';
font-size:12px;
padding-top:10px;
letter-spacing:2.0px;
width:170px;
margin: 0 auto;
}

.sub_business .sub_business_inner .sub_business_product li .active_border{
border-bottom:1px solid #ae9874;
text-align:center;
font-family: 'billcorporatenarrow';
font-size:12px;
padding-top:17px;
letter-spacing:2.0px;
width:170px;
margin: 0 auto;
}


.sub_product{
	margin-top:50px;
}
.sub_product_left{
	float:left; 
	width:45%
}
.sub_product_right{
	float:right; 
	width:55%
}
.sub_product_title{
	font-size:22px;
	font-family:'NanumSB','Nanum Gothic',dotum,'돋움',sans-serif;
	font-weight:700;
	color:#9e865f;
}

.sub_product_subtitle{
	font-size:20px;
	font-family: 'billcorporatenarrow';
	margin:50px 0px 15px 0px ;
	
}

.sub_product_subtitle span{
	 text-decoration: none;
   border-bottom: 2px solid #000000;
   padding-bottom: 2px;
   font-weight:700;

}