/* 
 * Nanum Barun Gothic Web Fonts
 * https://github.com/hiun/NanumBarunGothic
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */
 
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(/web/font/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(/web/font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(/web/font/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(/web/font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(/web/font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(/web/font/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(/web/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/web/font/NanumBarunGothicLight.woff2) format('woff2'),
       url(/web/font/NanumBarunGothicLight.woff) format('woff'),
       url(/web/font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/web/font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(/web/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/web/font/NanumBarunGothic.woff2) format('woff2'),
       url(/web/font/NanumBarunGothic.woff) format('woff'),
       url(/web/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/web/font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(/web/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/web/font/NanumBarunGothicBold.woff2) format('woff2'),
       url(/web/font/NanumBarunGothicBold.woff) format('woff'),
       url(/web/font/NanumBarunGothicBold.ttf) format('truetype');
}

/*float*/
.f_left {float:left;}
.f_right{float:right;}

/*align*/
.txt_al_cen {text-align:center;}	 
.txt_al_left {text-align:left;}
.txt_al_right {text-align:right;}

/*display*/
.dis_block{display:block;}
.dis_in{display:inline;}
.dis_in_block{display:inline-block;}
.dis_flex{display:flex;}

 /*font-color*/
.color_fff{color:#fff;}	   
.color_red{color:#d65037;}
.color_brown{color:#6f635d;}

 /*background-color*/
.bg_green {background:#126972;}
.bg_yellow {background:#f7c55b;}
.bg_green2 {background:#656543;}
.bg_orange{background:#e28f02	 ;}
.bg_fa {background:#fafafa;}
.bg_eee{background:#eee;}	
.bg_aaa{background:#aaa;}
.bg_f{background:#fff;}


/*font*/
.f120em{font-size:1.2em;}	 
.f125em{font-size:1.25em;}
.f150em{font-size:1.5em;}	 
.f200em{font-size:2em;}	
.f250em{font-size:2.5em;}	 
.f300em{font-size:3em;}

.b200 {font-weight:300;}
.b300 {font-weight:300;}  
.b400 {font-weight:400;}
.b700 {font-weight:700;}

.lh12{line-height:1.2;}	  
.lh15{line-height:1.5;}
.lh20{line-height:2;}

/* padding*/
.pa05 {padding:5px;}
.pa10 {padding:10px;}
.pa20 {padding:20px;}
.pa30 {padding:30px;}
.pa40 {padding:40px;}
.pa50 {padding:50px;}
.pa60 {padding:60px;}

.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.pb05 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}

.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl100 {padding-left:100px;}

.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}	
.pr100 {padding-right:100px;}

/* margin*/	
.mt00 {margin-top:0;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}

/*width*/		  
.wid100{width:100%;}
.wid300px{width:300px;}			   
.wid350px{width:350px;}			   
.wid360px{width:360px;}		   
.wid400px{width:400px;}		   
.wid720px{width:720px;}	
.wid1100px{width:1100px; margin:0 auto;}

/*border*/
.bd_1_fff {border:1px solid #fff;}	   
.bd_1_ce {border:1px solid #cecece;}
.bd_bt_1_ce {border-bottom:1px solid #cecece;}	   
.bd_1_ce {border-bottom:1px solid #cecece;}
										  s
/*box*/
.box_fa {background:#fafafa; border:1px solid #cecece; padding:20px; margin:5px 0 30px 0;}
.box_fff {background:#fff; border:1px solid #cecece; padding:25px;}
.box_ce {border:1px solid #cecece; padding:25px;}

/*table*/
.table_blue {border-top:3px solid #88cbe3; width:100%; margin-top:10px; }
.table_blue tr th{background:#e7f5f9; padding:10px; border-bottom:1px solid #88cbe3; border-right:1px solid #88cbe3;}
.table_blue tr td{border-bottom:1px solid #cecece; border-right:1px solid #cecece; padding:15px;}
.table_blue tr th:last-child {border-right:0;}
.table_blue tr td:last-child {border-right:0;}


table.table_gray{ border-top:2px solid #71714b; width:100%;}
table.table_gray th{ border-bottom:1px solid #e1e1cb; background:#ebebdd; padding:10px 0;}  
table.table_gray td{ border-bottom:1px solid #e1e1cb; background:#fff; padding:10px; } 

.top_bd { }
.top_bd h5{border-top:5px solid #ccc; color:#666; font-size:1.2em; font-weight:700; float:left;  padding:15px 0 0 0; width:230px}
.top_bd ul {border-top:1px solid #ccc; float:left; padding:15px 0; width:770px;}
.top_bd ul li {list-style:square; margin-left:20px;}
.top_bd span{border-top:1px solid #ccc; float:left; padding:15px 0; width:770px;}