﻿@charset "utf-8";

	/*------------------ layout common -----------------------------------------------------------*/	
	#wrap_mobile{width:100%;   min-width:320px; max-width:760px; position:relative; overflow:hidden; 
	-webkit-overflow-scrolling: touch;
  	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);}
     
     
     body#bg {    width: 100%;	 height: 100%;  background:#13294b;   	 }
          
	header{background-color:#173057; width:100%; overflow:hidden;  position:relative; text-align: center}
	header h1 { font-size:18px; color:#fff; }
	header h1 span { line-height: 51px; }
	header h1 img{width:240px; height:51px; }
	header h2 { font-size:18px; color:#3f3f3f; background:#e9e9e9;  line-height: 49px; width:100%; border-bottom:1px solid #173057; font-weight:normal; text-align: left; padding-left:13px; }
	header p{ position: absolute; }
	header p img { width:52px; height:51px; }
	header p.btn01 { left:0; top:0  }
	header p.btn02 { right:0; top:0 }
	
	header p.btn_search a{float:right; width:22px ; height:22px; padding-top:37px; background:url(/images/bwckorea/usr/mobile/search_btn.png) no-repeat 0 11px; background-size:22px;  display:block; padding-right:15px; text-indent:-99999px;}
	header p.btn_menu a{float:right; width:22px ; height:22px; padding-top:37px; background:url(/images/bwckorea/usr/mobile/menu_btn.png) no-repeat 0 11px; background-size:22px;  display:block; padding-right:11px; text-indent:-99999px;}

	.contents { background-color:#ffffff; width:100%; overflow:hidden; position:relative; }	
	p.top { position: absolute;  right:15px; bottom:15px; z-index: 9999999; }	
	p.top img { width:40px; height:33px; }	
	
	.con { background-color:#ffffff; width:100%; overflow:hidden; position:relative; padding:17px 14px ; box-sizing: border-box;   }

	footer{height:60px;width:100%;position:relative; }	
	.f_menu{width:100%; overflow:hidden; margin-top:15px; }
	
	.f_menu ul{width:235px; margin:0 auto; padding-left:34px; }	
	.f_menu li{float:left; padding-right:25px; border-right:1px solid #dfe4e7; }
	.f_menu li:last-child { border-right:0; padding-right:0; padding-left:25px;}
	.f_menu li a{display:block; line-height:15px; color: #fff;}
	
	.copyright{text-align:center; font-size:90%; padding-top:8px; color: #a8a8a8; font-weight: bold }
    /*------------------ //layout common -----------------------------------------------------------*/	

   /*dot*/
	.dot01 { clear:both; padding-left:15px; font-size: 16px; line-height:18px; letter-spacing:-1px;  text-align:left;  font-weight:bold; color:#000; background:url(/images/bwckorea/usr/mobile/dot01.png) no-repeat 0 2px; background-size: 11px;  }
	.dot02 { clear:both; padding-left:12px; font-size: 14px; line-height:18px; text-align:left;  color:#3b3b3b; background:url(/images/bwckorea/usr/mobile/dot02.png) no-repeat 0 3px; background-size: 11px;  }
	.dot03 { clear:both; padding-left:12px; font-size: 14px; line-height:18px; text-align:left;  color:#000; background:url(/images/bwckorea/usr/mobile/dot03.png) no-repeat 0 3px; background-size: 12px;  }
	.dot04 { clear:both; padding-left:12px; font-size: 14px; line-height:18px; text-align:left;  color:#3b3b3b; background:url(/images/bwckorea/usr/mobile/dot04.png) no-repeat 0 0px; background-size: 10px;  }

	/*splash.html*/	
     .splash { text-align:center; background:#13294b url(/images/bwckorea/usr/mobile/splash.png) no-repeat center 0; background-size:360px; width:100%; height:593px;  position:relative;  display:block; }
     .splash img {position:relative; width:230px ; height:150px; margin-top:197px; }    


     /*index.html*/
	.pic_list{width:100%; height:240px; overflow:hidden; position:relative; text-align:center}	
	.pic_list a img.pic{width:359px; height:240px; display: block; margin: 0 auto;}
	ul.pic_check { position: absolute; width:68px;  bottom:15%; left:50%; margin-left:-34px; margin-bottom:-12px; }
	ul.pic_check li  { padding-right: 14px;  float: left}
	ul.pic_check li:last-child  { padding-right: 0; }
	ul.pic_check li a{ display: block;  width:13px; height:12px;  background:url(/images/bwckorea/usr/mobile/pic_list_dotoff.png) no-repeat 0 0; background-size:13px; } 
	ul.pic_check li a:hover{ display: block;  width:13px; height:12px;  background:url(/images/bwckorea/usr/mobile/pic_list_doton.png) no-repeat 0 0; background-size:13px; } 
	ul.pic_check li a.on{ display: block;  width:13px; height:12px;  background:url(/images/bwckorea/usr/mobile/pic_list_doton.png) no-repeat 0 0; background-size:13px; } 
	
	.menu { width:100%; overflow: hidden; background:#fff; padding:5px 5px 5px 5px ; box-sizing: border-box; }
	.menu a { display:block  }
	.menu01 a{ width:49%; height:112px; float: left; background: #277cda url(/images/bwckorea/usr/mobile/menu01_bg.png) no-repeat right bottom; background-size:35%; border:1px solid #dcdcdc; margin-right:0.7%; margin-bottom:0.7%;   }
	.menu02 a{ width:49%; height:112px;  float: left; background: #e54c3a url(/images/bwckorea/usr/mobile/menu02_bg.png) no-repeat right bottom; background-size:35%; border:1px solid #dcdcdc;  margin-bottom:0.7%;  }
	.menu03 a{ width:32%; height:112px; float: left; background: #c2c2c2 url(/images/bwckorea/usr/mobile/menu03_bg.png) no-repeat right bottom; background-size:50%; border:1px solid #dcdcdc; margin-right:0.7%;  }
	.menu04 a{ width:32%; height:112px;  float: left; background: #929292 url(/images/bwckorea/usr/mobile/menu04_bg.png) no-repeat right bottom; background-size:50%; border:1px solid #dcdcdc; margin-right:0.7%;   }	
	.menu05 a{ width:32.6%; height:112px;  float: left; background: #173057 url(/images/bwckorea/usr/mobile/menu05_bg.png) no-repeat right bottom; background-size:50%; border:1px solid #dcdcdc;   }		
	.menu a p.title01 { font-size:16px; padding:20px 0 0 10px; color: #fff;  background:url(/images/bwckorea/usr/mobile/menu_text_bg.png) no-repeat 10px 10px; background-size:34.5px }
	.menu a p.title02 { font-size:14px; padding:20px 0 0 10px; color: #fff; }
	
	
	/*sub01.html*/
	.tab { position: relative; clear:both; }
	.tab ul li { float: left; height:44px; width:50%;  text-align: center; }
	.tab ul li a { font-size:16px; color:#828485; line-height:44px; background: #e0e0e0; display: block; }
	.tab ul li a:hover { font-size:16px; color:#3b64a4; line-height:44px; background: #ededed url(/images/bwckorea/usr/mobile/tab_bg.png) repeat-x 0 bottom; font-weight:bold; display: block; }
	.tab ul li a.on { font-size:16px; color:#3b64a4; line-height:44px; background: #ededed url(/images/bwckorea/usr/mobile/tab_bg.png) repeat-x 0 bottom; font-weight:bold; display: block; }
		
	/*sub02.html*/
	.fix:after {content:'';display:block;clear:both;}  
 	.sub02_list { border:1px solid #cccccc; width:100%;*zoom:1;  background: #e8e8e8; position: relative }
 	.sub02_list li { float: left;  }
 	.sub02_list li:first-child { width:30%; background: #f1f1f1; text-align:center  }
 	.sub02_list li:first-child img { width:110px; }
 	.sub02_list li:last-child { width:70%; }
 	.sub02_list p.title { color:#3e3e3e; font-size:16px; color:#3e3e3e; background: url(/images/bwckorea/usr/mobile/sub02_textbg.png) no-repeat; padding-top:17px; margin:16px 0 0 16px;  }
 	.sub02_list p.more a{ width:17px; height:17px;  position: absolute; right:15px; bottom:14px;  background:url(/images/bwckorea/usr/mobile/sub02_moreoff.png) no-repeat; background-size:17px; }
 	.sub02_list p.more a:hover{ width:17px; height:17px;  position: absolute; background:url(/images/bwckorea/usr/mobile/sub02_moreon.png) no-repeat; background-size:17px; }
 	.sub02_list p.more a.on{ width:17px; height:17px;  position: absolute;  background:url(/images/bwckorea/usr/mobile/sub02_moreon.png) no-repeat; background-size:17px; }
 	
    table.box01 { width:100%; border-bottom:1px solid #173057; background: #eaf2ff; }
	table.box01 img { width:59px;  }
	table.box01 th { padding:7px 0; vertical-align: top; }
	table.box01 td { padding:7px 0; vertical-align: top; }
	table.box01 td p.sub02_stitle { font-size:15px; color:#000; font-weight:bold; line-height: 22px; }
	table.box01 td p.sub02_sstitle { font-size:14px; color:#173057; line-height: 18px; }

	p.btn { width:100%; text-align: center; position: relative; margin-top:35px;  }
	p.btn img { width:47px; }
	
	/*sub03-1.html*/
	ul.sub03_list li { width:100%; overflow:hidden;  border-bottom:1px solid #dadada;   }
	ul.sub03_list li a { width:100%; height:27px;   padding:14px 0 14px 11px;  background: url(/images/bwckorea/usr/mobile/sub03_list_bgoff.png) no-repeat 92% 21px;  background-size:10px; display: block;  }
	ul.sub03_list li a:hover { width:100%; height:27px;   padding:14px 0 14px 11px;  background: url(/images/bwckorea/usr/mobile/sub03_list_bgon.png) no-repeat 92% 21px;  background-size:10px; display: block;  }
	ul.sub03_list li a.on { width:100%; height:27px;   padding:14px 0 14px 11px;  background: url(/images/bwckorea/usr/mobile/sub03_list_bgon.png) no-repeat 92% 21px;  background-size:10px; display: block;  }
	ul.sub03_list li a p.title { font-size: 15px; color:#000; line-height: 18px; font-weight:bold; width:80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
	ul.sub03_list li a p.ymd {  font-size:12px; color:#888; line-height: 16px;  margin-top:1px; }
	
	.newlist{ width:100%; position:relative; padding:24px 0; text-align:center}
	.newlist ul { width:270px; margin:0 auto; }
	.newlist ul li a{ font-size:12px;  float:left; width:33px ; height:33px; line-height:33px; text-align:center; border:1px solid #d8d8d8;  display:block; margin-right:3px;  font-weight:bold }
	.newlist ul li a:hover{float:left; width:33px ; height:33px; line-height:33px; text-align:center; border:1px solid #2e65b9;  display:block; margin-right:3px; color:#fff; background: #2e65b9; }
	.newlist ul li.on a{float:left; width:33px ; height:33px; line-height:33px; border:1px solid #2e65b9;   display:block; margin-right:3px; color:#0093d1; color:#fff;  background: #2e65b9; }
	.newlist ul li a.left_b{  width:33px ; height:33px; line-height:33px; background:#e9e9e9 url(/images/bwckorea/usr/mobile/left_btn.png) no-repeat center 11px; background-size:8px;  display:block; text-indent:-99999px}
	.newlist ul li a.right_b{  width:33px ; height:33px; line-height:33px; background:#e9e9e9 url(/images/bwckorea/usr/mobile/right_btn.png) no-repeat center 11px; background-size:8px;  display:block; text-indent:-99999px }

	/*sub03-2.html*/
	.news_title { width:100%; position:relative; border-bottom:1px solid #e0e0e0; padding:17px 24px 17px 24px ; box-sizing: border-box;  }
	.news_title p.title {  font-size: 20px; color:#173057; line-height: 29px; font-weight:bold; letter-spacing: -1px;   }
	.news_title p.ymd {  font-size: 12px; color:#888; line-height: 15px; }
	p.news_veiw { font-size: 15px; color:#000; line-height: 20px;  }

	/*sub04.html*/
	table.box02 { width:100%; background: #f8f8f8;   }
	table.box02 img { width:63px  }
	table.box02 th,  table.box02 td { padding:9px; vertical-align: top;  border-bottom:1px solid #dadada; } 
	table.box02 td.none{ border-bottom:0; } 
	
	table.box02 td p.title {  font-size: 15px; color:#000; margin-bottom:10px; font-weight:bold }
	table.box02 td p.subtitle {  font-size: 13px; color:#747474; line-height: 18px;  }
	table.box02 td p.ymd { font-size: 12px; color:#8f8f8f;  }
	
	

