header:after,footer:after,.section:after,.block:after,#container:after,.contents:after,#visual:after{clear:both;content:'';display:block;}

/* header */ 
header{
	position:relative;
	width:100%;
	height:125px;
	z-index:1999;
}
.snb-wrap{
	height:35px;
	position:relative; 
	background:#f5f8f9;
	border-bottom:1px solid #d9d9d9;
}
.snb{
	position:absolute;
	right:0px;
	color:#fff;
	font-size:13px;
	border-right:1px solid #d9d9d9;
}
.snb li{
	color:#fff;
	float:left;
	display:inline;
 	text-align:center;
	border-left:1px solid #d9d9d9;
}
.snb li a{
	padding:0 1.5rem;
	color:#999;
	line-height:35px;
	vertical-align:middle;
	text-transform:uppercase;
}
.snb li a:hover{
	color:#333;
	text-decoration:underline;
}
a.logo{
	z-index:2999;
	position:absolute;
 	top:7px;
	left:0px;
	width:152px;
	height:69px;
	font-size:0;
	background:url(/common/img/common/logo.png) center center no-repeat;
	background-size:100% auto;
} 


/* header.active */
.gnb-wrap.active{
	position:fixed;	
	height:90px;
	transition:all 0.3s;
	top:0;
}
.gnb-wrap.active::before{
	content:"";
	position:absolute;
	height:1px;
	right:0px;
	top:90px;
	width:100%;
	background:#d9d9d9;
	z-index:1;
}

/* gnb-wrap */
.gnb-wrap{
	position:absolute;
	left:0;
	right:0;
	height:90px;
	z-index:999;
	background:#fff;
	border-bottom:1px solid #d7d7d7;
}
.gnb-box{
	height:90px;
} 
#gnb{
	height:90px;
	position:absolute;
 	padding-top:37px;
	width:100%;
 	z-index:999;
	overflow:hidden;
	background:#fff;
}
#gnb:hover{
	-webkit-box-shadow:0px 12px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 12px 14px 0px rgba(0,0,0,0.1);
	box-shadow:0px 12px 14px 0px rgba(0,0,0,0.1);
}
 #gnb-over{
	position:relative;
	max-width:1200px;
	width:100%;
	height:90px;
	margin:0 auto;
	z-index:9;
	overflow:visible;
}
#gnb:before{
	content:"";
	position:absolute;
	height:1px;
	left:0px;
	top:90px;
	width:100%;
	background:#cdcdcd;
	z-index:999;
}
#gnb-nav{
 	float:right;
	margin-right:0rem;
}
#gnb-nav > li{
	float:left;
	display:inline-block;
 	margin:0 18px;
}
#gnb-nav > li:last-child{
 	margin:0 0 0 18px;
}
#gnb-nav > li:first-child{
 	margin:0 18px 0 0;
}
#gnb-nav > li > a{
	transition:0.3s ease;
	display:block;
	text-decoration:none;
	text-align:center;
}
#gnb-nav li a span{
	display:block;
	font-size:22px;
	line-height:20px;
	height:20px;
 	padding-bottom:60px;	
	font-weight:500;
	color:#333;
 	letter-spacing:-0.05em;
}
#gnb-nav li.dep01{
	display:block;
	position:relative;
}
#gnb-nav li.dep01 a:after{ 
	background:none repeat scroll 0 0 transparent;
	bottom:0;
	content:"";
	display:block;
	height:5px;
	left:50%;
	position:absolute;
	background:#103c69;
	transition:width 0.3s ease 0s, left 0.3s ease 0s;
	width:0;	
	top:48px;
}
#gnb-nav li.dep01 a:hover{
 	color:#103c69;
}
#gnb-nav li.dep01 a:hover:after{
	width:100%;
	left:0;
}
#gnb-nav li a:hover span, 
#gnb-nav li a:focus span, 
#gnb-nav li.over a span{
 	color:#103c69;
}
#gnb-nav > li > ul{
 	margin:0;
	padding-top:0px;
	width:100%;
}
#gnb-nav > li > ul li {	line-height:1.2 ; 
 
padding-top:4px; 
margin :4px 0;}


#gnb-nav > li > ul li a{
 	display:block;
	text-align:center;
 	font-weight:300; 
	font-size:16px;
 	letter-spacing:-0.05em;
}
#gnb-nav > li > ul li a:hover, 
#gnb-nav > li > ul li a:focus{
 	color:#103c69;
	text-decoration:underline;
}

 
#gnb-nav > li > ul li.bold {font-weight:500; text-align:center;
 }
#gnb-nav > li > ul li.topline {border-top:1px solid #aaa; margin-top:10px }

#gnb-bg{
	z-index:1;
	position:absolute;
	left:0;
	top:90px;
	width:100%;
	height:250px; 
}
.navbar{display:none;}


 /* side-menu */
#side-menu{
	display:none;
	position:fixed;
	width:300px;
	top:0;
	right:0px;
	height:100%;
	overflow-y:auto;
	z-index:10350;
	background:#2a323d;
	padding:0;
 	transition:0.3s;
	overflow-x:hidden;
}
 body.side-menu-visible #side-menu{
	transform:translateX(0px);
}
#side-menu .contents{
	margin-top:0px;
} 
#side-menu .close{
	font-size:0;
	width:15px;
	height:15px;
	position:absolute;
	z-index:1500;
	top:22px;
	right:1rem;
	padding:15px;
	background:url(/common/img/common/icon-close.png) center center no-repeat;
	cursor:pointer;
}
.navbar-toggle{
	position:absolute;
	right:10px;
	padding:9px 10px;
	margin-top:15px;
	margin-right:0px;
 	background-color:transparent;
	background-image:none;
	border:1px solid transparent;
	border-top-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
	border-radius:4px;
	display:none;
	cursor:pointer;
}
.navbar-toggle .icon-bar + .icon-bar{
  margin-top:5px;
}
.navbar-toggle .icon-bar{
  display:block;
  width:28px;
  height:3px;
  border-radius:1px;
	background-color:#111;
}
.side-menu-overlay{
	position:fixed;
	left:0;
	top:0;
	min-width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:10000;
	display:none;
}
#side-menu .contents{
	padding-top:0px !important;
}
#nav_menu,
#navbar{display:none;} 
#arrow-down{
	display:block;
	position:relative;
	width:30px;
	height:30px;
	transition:all ease 0.3s;
	float:right;
	z-index:10;
	right:15px;
	margin-top:-43px;
	background:transparent;	 
} 
 .navbar-nav{
 	padding-top:0px;
} 
 .navbar-nav > li > a{
 	width:100%;
	line-height:1;
	padding:1rem;
 	line-height:1;
	display:block;
	position:relative;
	text-decoration:none;
 	color:#fff;
 	font-weight:500;
	border-bottom:1px solid #484d51;
	font-size:16px;
}
 .navbar-nav > li:first-child > a{
 	border-top:1px solid #484d51;
}
 .navbar-nav > li > a:hover,
 .navbar-nav > li > a:focus{
	color:#fff;
	background:#103c69;
	border-bottom:1px solid transparent;
}
.navbar-nav > li > ul{
	width:100%;
	background:#fff;
}
.navbar-nav > li > ul > li > a{
	width:100%;
	padding:1rem;
 	display:block;
	line-height:1;
	text-decoration:none;
	font-size:15px;
	color:#333;
 	font-weight:400;
	border-bottom:1px solid #cdcdcd;
}
.navbar-nav > li > ul > li > a:hover{
 	text-decoration:underline;
}
#side-menu.side-menu-left{
	right:auto;
	left:-300px;
}
body.side-menu-visible #side-menu.side-menu-left{
	transform:translateX(300px);
} 

.logo_b {display:inline-block; 
width:250px; height:80px;

float:left;
background:url(/common/img/common/logo_b.png) center center no-repeat ;
}


/* main, sub */
.main, .sub{
	position:relative;
	width:100%;	 	
}

/* visual */
#visual{
 	width:100%;
}
#visual .visual-img{
	overflow:hidden;
	position:absolute;
}
.sub-visual{
	height:245px;
	width:100%;
	position:relative;
}
.sub-visual .visual-img{
	width:100%;
	height:245px;
}
.sub-visual .img{
	width:100%;
	height:245px;
}
.sub01{ background:url(/common/img/common/sub_visual_01.jpg) center center no-repeat;}
.sub02{ background:url(/common/img/common/sub_visual_02.jpg) center center no-repeat;}
.sub03{ background:url(/common/img/common/sub_visual_03.jpg) center center no-repeat;}
.sub04{ background:url(/common/img/common/sub_visual_04.jpg) center center no-repeat;}
.sub05{ background:url(/common/img/common/sub_visual_05.jpg) center center no-repeat;}
.sub06{ background:url(/common/img/common/sub_visual_06.jpg) center center no-repeat;}
.sub07{ background:url(/common/img/common/sub_visual_07.jpg) center center no-repeat;}
.sub-visual .text{
	display:block;
	position:relative;
	z-index:999;
	padding:100px 15px 0;
	color:#fff;
	font-weight:500;
}
.sub-visual .text p.tit{
  text-transform:uppercase;
  position:relative;
  font-size:50px;
  font-weight:500;
  color:#fff;
  line-height:1;
  letter-spacing:-0.05rem;
}
.sub-visual .text p.t1{
 	line-height:1.3;
	color:#eee;
	padding-top:1.25rem;
	font-size:14px;
}


/* lnb */
#lnb{
	width:100%;
  	border-bottom:1px solid #d7d7d7;
}
.lnb{
	height:53px;
	max-width:1200px;
	position:relative;
	margin:0 auto;
 	border-left:1px solid #d7d7d7;
}
.lnb .home{
	display:block;
	float:left;
	width:54px;
	height:53px;
	line-height:53px;
	text-align:center;
	font-size:0;
	background:url(/common/img/common/icon-home.png) no-repeat 50% 50%;
}
.lnb .dep{
	text-transform:uppercase;
	display:block;
	float:left;
	position:relative;
	width:220px;
	vertical-align:middle;
}
.lnb .dep a{
	width:100%;
	height:53px;
	line-height:53px;
	display:block;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	color:	#333;
	text-align:left;
	padding:0 1rem;
	margin:0 -0.5px;
	font-weight:500;
	font-size:18px;
}
.lnb .dep02 a{
	margin:0 -1.5px;
}
.lnb .dep a::before{
	position:absolute;
	right:15px;
	top:15px;
	background:url(/common/img/common/arr-down.png) right 50% no-repeat;
	width:30px;
	height:20px;
	display:block;
	content:"";
}
.lnb .dep .lnb-dep a::before{
	display:none;
}
.lnb .dep .lnb-dep{
	position:absolute;
	display:none;
	z-index:999;
	width:100%;
	border-top:1px solid #d7d7d7;
}
.lnb .dep .lnb-dep li a{
	width:100%;
	height:45px;
	line-height:45px;
	display:block;
	color:#333;
	text-align:left;
	background:none;
	background:#fff;
	border-bottom:1px solid rgba(0,0,0,0.15);
}
.lnb .dep .lnb-dep li:hover a{
 	 color:#103c69;
	 font-weight:400;
}

.lnb .dep .lnb-dep li a.bold {
font-weight:500;
	background:#dddddd!important;
 }
 


  .cont-box {
    max-width: 1090px;
}
 
/* contents */
#contents{
	padding:3rem 0 5rem;
	
}

.location {
min-height:800px;
	margin-bottom: 2rem;
	}

.sub-heading{display:none;}
.con-list{
	width:100%;
	background:#f3f3f3;
	border:1px solid #d7d7d7;
	padding:1.5rem;
}
.text,.text p,ul li{
	 word-break:break-all;
}
.text .t1{
	font-size:30px;
	font-weight:500;
}
.text .t2{
	font-size:18px;
	font-weight:400;

}
.list-ty1 li,
.list-ty2 li{
	position:relative;
}
 .list-ty1 li{
	padding-left:20px;
	margin-left:5px;
}
 .list-ty2 li{
	padding-left:0em;
	margin:0;
}
.list-ty1 li::before{
	position:absolute;
	left:0px;
	top:13px;
	background:#d9d9d9;
	width:6px;
	height:6px;
	z-index:2;
	border-radius:50%;
	content:"";
	display:block;
}
.list-ty1 li li::before,
.list-ty2 li::before{
	display:none;
}
.heading-wrap{
	position:relative;
	background:url(/common/img/common/sp_line.png) repeat left top;
	padding:8px;
	margin-bottom:2rem;
}
.heading-wrap2{
	background:none;
	padding:30px;
}
.heading-box{	
	position:relative;
	font-size:18px;
	line-height:1.5;
	color:#333;
     background: #fff;
	padding:4% ;
}
.heading-box .icon-header1{	
	vertical-align:middle;
	margin-right:1rem;
	display:inline-block;
	height:52px;
	width:35px;
	background:url(/common/img/common/icon-header.png) no-repeat center top;
	background-size:auto 50px;
}
.content-bottom{
	position:relative;
 	padding:1rem 2rem;
	overflow:hidden;
 	border:1px dotted #d9d9d9;
 	text-align:center;
	margin-top:8rem;
	color:#333;
}
.content-bottom span{
	font-size:16px;
}
.content-bottom span.b2{
	padding:0 2rem;
}
.block{
	position:relative;
	margin-bottom:1rem;
	margin-top:2rem;
} 
.block1{ 
 	margin-bottom:0rem;
} 
.block2 {
     position:relative;
 	margin-bottom:2rem; 
} 
.block h3{
	position:relative;
	font-weight:500;
	font-size:22px;
	padding:0 0 5px 25px;
} 
.block h3::before{
	position:absolute;
	left:0;
	top:12px;
	border:4px solid #103c69;
	border-radius:50%;
	width:16px;
	height:16px;
	z-index:2;
	content:"";
	display:block;
}
.block em{
	font-weight:400;
	color:#ad0f0f
}
.block em.tit{
	font-weight:500;
	color:#333;
}
a.link:hover{
	text-decoration:underline;
}
.icon-link{
	display:inline-block;
	margin-left:10px;
	width:20px;
	height:22px;
	background:url(/common/img/common/icon-link.png) no-repeat center 7px;
	background-size:auto 15px;
	opacity:0.3;
}
a.link-box:hover .icon-file,
a.link:hover .icon-link,
a.link:hover .icon-file{
 	opacity:1;
}
.icon-file{
	display:inline-block;
	margin-left:10px;
	width:20px;
	height:22px;
	background:url(/common/img/common/icon-file.png) no-repeat center 7px;
	background-size:auto 15px;
	opacity:0.3;
}
.br-on-web{
	display:block;
}
.br-on-mobile{
	display:none;
}
 a.link-box{
	border:1px solid #d9d9d9;
	padding:1em 1.5em;
}
a.link-box:hover{
	font-weight:500;
	border:1px solid #666;
}
.icon-file3{
	display:inline-block;
	margin-left:10px;
	width:20px;
	height:22px;
	background:url(/common/img/common/icon-file-w.png) no-repeat center 7px;
	background-size:auto 15px;
	margin-top:-5px;
	opacity:1;
}
a.link-box2{
 	padding:1em 1.5em;
}
a.link-box2:hover{
	font-weight:500;
 }
.border-line{
	width:100%;
	height:4px;
	display:block;
	position:relative;
}
.border-line::after{
	bottom:0;
	content:"";
	display:block;
	height:4px;
	left:0%;
	position:absolute;
	background:url(/common/img/common/sp_line.png) repeat-x left top;
	width:100%;
}
 

/* con-tb */
.con-tb{
	position:relative;
	width:100%;
	max-width:100%;
 
	display:table;
}
.con-tb::before{
	position:absolute;
	left:0px;
	top:0px;
	background:#333;
	width:100%;
	height:2px;
	content:"";
	display:block;
	z-index:1;
}
.con-tb th,
.con-tb td{
	border-bottom:1px solid #d5d3d6;
	border-left:1px solid #d5d3d6;
	text-align:left;
	padding:15px;
	word-break:break-all;
} 
.con-tb th{
 	padding:15px;
 	background:#fafafa;
 	font-weight:500;
} 
.con-tb td{
 	padding:15px;
}
.con-tb td.td-left{
	text-align:left;
 	padding:15px 15px 15px 20px;
}

 .tb-box{
	padding-top:1rem;
}
 .con-tb td .list-ty2 li::before{
 	top:14px;
}
 .con-tb th.top,
 .con-tb td.top{
 	border-top:2px solid #333;
}
 .con-tb th.top2,
 .con-tb td.top2{
 	border-top:2px solid #d9d9d9 !important;
 }
.con-tb th.th-first{
  	background:#103c69;
	color:#fff;
   padding:20px;
} 
.con-tb th.th-top{
 	background:#eee;
} 




/* con-tb2 */
.con-tb2{
	word-break:break-all;
	position:relative;
	width:100%;
	display:table;
 	border-right:1px solid #d9d9d9;
}
.con-tb2 th,
.con-tb2 td{
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
 	vertical-align:middle;
	line-height:1.5;
	 text-align:center;
} 

.td-right {	border-right:1px solid #d9d9d9; }

.con-tb2 th{
 	padding:10px;
 	background:#fafafa;
 	font-weight:500;
} 
.con-tb2 td{
 	padding:10px;
}
.con-tb2 td.td-left{
	text-align:left;
 	padding:15px 15px 15px 20px;
 
}
.con-tb2 td.text-indent{
padding-left:29px;
text-indent:-9px}

 
 
 .con-tb2 td .list-ty2 li::before{
 	top:14px;
}
 .con-tb2 th.top,
 .con-tb2 td.top{
 	border-top:2px solid #333;
}
.con-tb2 th.th-first{
 	 	background:#103c69;
	color:#fff;
   padding:20px;
} 
.con-tb2 th.th-top{
 	background:#eee;
} 


.con-tb>thead:first-child>tr:first-child>th {
    padding: 20px;
    background: #5f7fa0;
    color: #fff;
}

 /* tab */
.tab-box{
	position:relative;
	line-height:1;
}
.tab li a{
	text-align:center;
 	float:left;
	display:inline-block;
	width:25%;
	color:#888;
	font-size:19px;
 	border:1px solid #d9d9d9;
	margin:0 -0.5px;
	height:60px;
	line-height:58px;
	letter-spacing:-0.05em;
}
.tab li a:hover,
.tab li.active a{
  background:#0f64ad;;
  color:#fff;
	border:1px solid #0f64ad;;
}
.tab-box2{
	position:relative;
	max-width:800px;
	margin:0 auto 3em;
}
.tab-2 li a{
 	width:50%;
}
.tab-3 li a{
 	width:33.333333%;
}
 
/* popup */
.popup{
	display:none; 
	position:fixed; 
	z-index:99999999; 
	left:0;
	top:0;
	width:100%; /* Full width */
	height:100%; /* Full height */
	background-color:rgb(0,0,0); /* Fallback color */
	background-color:rgba(0,0,0,0.4); /* Black w/ opacity */
}    
.popup-content{
	z-index:99; 
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	max-width:1000px;
	max-height:100%;
	height:auto;
	overflow:hidden;
	background:#fff;
	padding:1.5rem 2rem 1rem;
}
.popup-content-wrap{
	overflow-x:hidden;
	position:relative;
	z-index:99; 
	width:100%;
	overflow-y:auto;
	min-height:32vh;
	margin:0 auto;
	color:#111;
	line-height:1.5;
	letter-spacing:-0.03rem;
}
.popup-content-wrap .content{
	min-height:auto !important;
}
.popup-content .popClose{
	z-index:1119999; 
	position:absolute;
	top:20px;
	right:20px;
	width:36px;
	height:36px;
	background:url(/common/img/common/icon-close.png) no-repeat center 0;
	background-size:auto 20px;
 	padding:0;
	cursor:pointer;
}
.popup-heading{
	position:relative;
	padding:1rem 0;
	background:#268ef2;
}
.popup-heading .pop-tit{
	color:#111;
	font-size:24px;
	text-align:left;
	font-weight:500;
}
 
/* footer*/
footer{
	position:relative;
	width:100%;
 	background:#494a4d;
}
.footer{
	z-index:100;
	min-height:150px;
	padding:1rem 0;
}
.footer .text p{
	font-size:16px;
 	color:#afafaf;
}
.footer p.privacy{
 	padding-bottom:1rem;
}
.footer a{
 	color:#f8c342;
}
.footer a:hover{
 	text-decoration:underline;
}
#back_top .btn-top{
	width:48px;
	height:48px;
	text-indent:-9999px;
	display:block;
	position:fixed;
	bottom:2rem;
	right:2rem;
	background:url(/common/img/common/btn-top.png) no-repeat center center;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:9;
	transition:all 0.3s;
	border:1px solid #ccc;
}
#back_top .btn-top:hover{
	opacity:1;
	filter:alpha(opacity=100);
}



@media (max-width:1230px){

	.snb-wrap,
	#gnb{display:none;}
 	#sideNav{
		display:none;
		transition:all 0.5s;
	} 
	header{height:70px;} 	
	.gnb-wrap.active{
		height:70px;
	}
	.gnb-wrap.active::before{
		top:69px;
	}
 	a.logo{
		top:0px;
		width:100px;
	}
	.gnb-wrap,
	.gnb-box{
 		top:0px;
		height:70px;
	}	
 	.navbar,
 	.navbar-toggle{display:block;} 
	.m-logo{
		position:relative;
		margin:0 1.5rem;
		width:250px;
		line-height:70px;
		transition:all 0.5s;
		z-index:3;
		color:#fff;
		font-size:16px;
		font-weight:500;
		text-transform:uppercase;
 	}
	.m-logo a{color:#fff;margin-right:1.5rem}



	#back_top .btn-top{	
		right:15px;
		bottom:30px;
		background-size:auto 40px;
		width:40px;
		height:40px;
	}
}


@media (max-width:768px){
	#lnb{	background:#f9f9f9;}
 	.lnb{
		height:45px;
		width:calc(100%-40px);
		padding-left:40px;
  	}
	.lnb .home{
 		width:40px;
		height:45px;
		line-height:45px;
		position:absolute;
		left:0;
		top:0;
 	}
	.lnb .dep{
 		height:45px;
		line-height:45px;
		width:50%;
  	}
 	.lnb .dep a{
 		height:45px;
		line-height:45px;
		font-weight:400;
		padding:0 10px;
	}
	.lnb .dep a::before{
 		right:10px;
 	}
	.lnb .dep02 a{
 		border-right:none;
 	}
 	.text p{font-size:14px;}
  	.lnb .dep a,
	.lnb .dep .lnb-dep li a{
		font-size:14px;
	}
 	.contents{
		padding:2rem 0 4rem;
 		font-weight:400;
		font-size:14px;
 	}
	.footer{
 		padding:1.5rem 0 2em;
	}
 	.footer .text p, 
	.footer .text em{
		display:block;
		font-size:13px;
 	}
	.footer p.privacy{
		padding-bottom:0.5rem;
	}
	.footer a{
 		font-size:15px;
	}
	.text .t1,
	.text .t2{
		font-size:19px !important;
 	} 
	.list-ty1 li{
 		padding-left:13px;
		margin-left:4px;
	}
	.list-ty2 li{
 		padding-left:0px;
		margin:0;
	}
	.list-ty1 li::before{
		position:absolute;
		left:0;
		top:12px;
 		width:3px;
		height:3px;
 	}
 	.heading-wrap{
 		padding:5px;
		margin-bottom:2rem;
	}
	.heading-wrap2{
		padding:10px;
 	}	
	.heading-box{	
 		padding:20px 12px;
 	}
	.heading-box .t2{	
 		font-size:18px !important;
	}
	.heading-box .icon-header1{	
 		display:none;
	}
	.content-bottom{
 		text-align:left;
		padding:0.5rem 1rem;
		margin-top:3rem;
 	}
	.content-bottom span{
		font-size:14px;
		line-height:1.4;
	}
	.content-bottom span.b2{
		padding:0 1.5rem;
	}
	.block{
 		margin-bottom:1.5rem;
	} 
	.block1{
 		margin-bottom:0rem;
	} 
	 .block2{
		margin-bottom:1rem;
	} 
	.block h3{
 		font-size:16px;
		padding:0 0 4px 17px;
		line-height:1.5;
	} 
	.block h3::before{
 		top:6px;
		border:2px solid #103c69;
 		width:11px;
		height:11px;
 	}
	.con-tb th,
	.con-tb td{
		padding:8px 5px;
		word-break:break-all;
 	} 
	.con-tb td.td-left{
		text-align:left;
		padding:5px 5px 5px 10px;
	}
	.tb-box,
	.tb-box2{
		padding-top:1rem;
	}
 	.con-tb th,
	.con-tb td{font-size:14px;} 
	.con-tb td .list-ty2 li{
		margin-left:0;
	}
	.tab li a{
 		width:50%;
 		font-size:14px;
 		height:45px;
		line-height:43px;
		margin:-0.5px;
 	}
	.tab li:first-child a{
 		height:45px;
		line-height:43px;
		padding:0px;
 	}
	.tab-3 li a{
 		width:33.33333%;
 	}
 	.sm-br{
		display:block;
	}
 	.gnb-wrap.active::before{
 		display:none;
 	}
 	#lnb.active{
		position:fixed;	
		top:70px;
		left:0;
		z-index:9;
 	}
	.sub-heading{
		display:block;
		padding:0em 0 1.5em;
	}
	.sub-heading h3{
		font-size:24px;
		font-weight:700;
	}
 	 .content-bottom span.b3{
		display:block;
 	}
	.sub-visual,
	.sub-visual .visual-img{height:0px;display:none;	}
	.sub-visual .img{
		height:0px;
		background-size:auto 0px;
	}
	.block em{
 		font-weight:500;
	}
	.icon-link,
	 .icon-file{
 		margin-left:5px;
 	}
	.br-on-web{
		display:none;
	}
	.br-on-mobile{
		display:block;
	}
	.link-boxs{
		margin:0px 0 0 15px;
	}
	.popup-heading .pop-tit{
		font-size:18px;
	}
	.popup-content .popClose{
 		top:17px;
		right:15px;
 		background-size:auto 15px;
 	}
 
}


@media (max-width:860px){
.logo_b {display: block!important; 
		width:200px; height:80px; 
		float:none;
		background:url(/common/img/common/logo_b.png) center center no-repeat ;
			}
}

 
@media (max-width:400px){
	.lnb .dep-double a{
		letter-spacing:-0.075em;
		font-size:13px !important;
	}
}

.con_01 {display: block; width:90%; margin:0 auto 30px ; text-align:center;   }

  .con_01 ul li {
    display:inline-block;
    background: #528dc9;
    margin: 5px;
    padding: 10px 12px;
    width: 170px;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.1);
	text-align:center;
}

.con_02, 	.con_03   {display: block; width:100%; margin:0 auto 30px ; text-align:center;   }

.con_02_3 {display:inline-block;
        width: 30%; 
		vertical-align:top;
		min-width:300px;
    }

 
.con_03_3 {display:inline-block;
        width: 24%; 
		vertical-align:top;
		min-width:200px;
 
      margin: 0 3px 3px 0;
   }

.con_04   {display: block; width:100%; margin:0 auto 30px ;  text-align:left;
padding-left:30px;
    background: url(/common/img/common/bg_service.png) center top no-repeat;
	 
}

.con_04_m   {display: none; width:100%; margin:0 auto 30px ; height:1036px; text-align:left; min-width:350px;
    background: url(/common/img/common/bg_m_service.png) center top no-repeat;}


.con_04_p   {display: none; width:100%; margin:0 auto 30px ; height:764px; text-align:left; min-width:779px;
 background: url(/common/img/common/bg_p_service.png) center top no-repeat;}

.con_02_4 {display:inline-block;  
        width: 30%; 
		vertical-align:top;
		min-width:100px;
		border:2px solid #ffb87a;
		margin:10px 20px 30px 0;
		 height:250px;
		 min-width:320px;
		 background-color:#fff;
 }


.con_02_6 {display:inline-block;  
        width: 30%; 
		vertical-align:top;
		min-width:100px;
		border:2px solid #ffb87a;
		margin:10px 20px 30px 0;
		 height:170px;
		  min-width:320px;
		  background-color:#fff;
 }
 .con_02_6 ul {background-color: #dae7ff;
	   padding:10px;
       height:108px;
   }

 .con_02_4 ul {background-color: #dae7ff;
	   padding:10px;
       height:188px;
   }


	  .con_02_5 {display:inline-block;  
        width: 30%; 	 
		height:160px;
		line-height:160px;
		min-width:100px;
		background-color: #ff7600;
		border-radius:100px;
		text-align:center;
		color:#fff;		 
		margin:50px 20px 20px 0;
		font-size:20px;

    }
.rally_list {
    min-height: 230px;
    margin: 10px;
    border: 1px solid #e1e1e1;
}
 .rally_list3 {  
    min-height: 100px;
	margin:10px;
	 
}
  .rally_list3 h4 {
     padding: 0 5px 5px ;
	 font-size:18px;
    font-weight: 500;
    color: #303030;}

	 .rally_list3 .title {
 
     padding: 5px 20px;
    font-weight: 500;
    color: #303030;
	background-color:#bdbdbd;
	border-radius:20px;
	}

   .rally_list3 li { text-align:left; margin-left:5px; padding-left:20px}

  .rally_list3  li::before {
   position: relative;
    left: -13px;
    top: 18px;
    background: #a3a3a3;
    width: 6px;
    height: 6px;
    z-index: 2;
    border-radius: 50%;
    content: "";
    display: block;
}


   .h180  {min-height: 180px; }

 @media (max-width: 812px)  {
   .con_03_3  {  width: 45%;  }
      .h180  {min-height: 150px!important; }
}
 @media (max-width: 420px)  {
   .con_03_3  {  width: 90%;  }
   
}

.bg_gray {background:#f1f1f1; padding: 20px;  }


 


  .rally_list h4 {
    background: #54b7cd;
    padding: 10px 5px;
    font-weight: 500;
    color: #fff;}

.rally_list li ,  .rally_list2 li { text-align:left; margin-left:5px; padding-left:20px}

.rally_list  li::before , .rally_list2  li::before {
   position: relative;
    left: -13px;
    top: 18px;
    background: #a3a3a3;
    width: 6px;
    height: 6px;
    z-index: 2;
    border-radius: 50%;
    content: "";
    display: block;
}

@media (max-width: 768px)  {
      .rally_list { min-height: 190px; }
	  .rally_list  li::before,  .rally_list2  li::before {
     top: 16px;}
}