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

/* common */
.fc-primary{color:#0178d4;}
.fc-secondary{color:#ff7f00;}
.fc-y{color:#ffde07;}
.strong{font-weight:500;color:#000;}
.bold{font-weight:500;}
.block{margin-bottom:4em;}
.block1{margin-bottom:1em;}
.block2{margin-bottom:2em;}
.block0, .block-end{margin-bottom:0em;}
.block h3,
.block h3.tit{
	position:relative;
	font-size:24px;
	margin-bottom:0.75em;
	padding-left:30px;
	line-height:1.42;
	font-weight:500;
	color:#333;
}
.block h3.tit:before{
	content:'';
	display:block;
	position:absolute;
	height:18px;
	left:0px;
	top:9px;
	width:18px;
	 border:4px solid #145ecf;
 	background-size:20px;
 }
.block h4.tit{
	position:relative;
	font-size:19px;
	font-weight:500;
	padding-left:15px;
	line-height:1.42;
	color:#333;
	margin-bottom:5px;
	word-break:break-all;
}
.block h4.tit:before{
	content:'';
	display:block;
	position:absolute;
	height:5px;
	width:5px;
	left:0px;
	top:10px;
	background:#5299fc;
	border-radius:50%;
}
.box-ty1{
	padding:30px 60px;
    border: 1px solid #dadada;
    background: #fcfcfc;
	border-radius:8px;
 }
.box-ty1 p{
	font-weight:500;
	font-size:18px;
	word-break:break-all;
}
.box-ty2{
	padding:20px 30px;
    border: 1px solid #dadada;
    background: #fff;
	border-radius:8px;
  }
.box-ty2 p{
	font-weight:500;
	font-size:18px;
	word-break:break-all;
}
.ol-ty1 li{
	position:relative;
	padding:0 0 0 20px;
	word-break:break-all;
	margin-bottom:10px;
}
.ol-ty1 li:last-child{
	margin-bottom:0em;
}
ol.ol-ty1 li:before{
	content:'';
	display:block;
	position:absolute;
	height:4px;
	left:6px;
	top:12px;
	width:4px;
	background:#d6d6d6;
	z-index:1;
}
.scroll-box{
	position:relative;
	margin-top:15px;
	border:1px solid #d5d3d6;
	padding:30px;
	height:270px;
	overflow-y:auto;
	word-break:break-all;
	background:#fff;
}
.scroll-box p{
	line-height:1.63;
	font-weight:300;
	word-break:break-all;
}
.scroll-box em{
	color:#333;
	font-weight:500;
}


/* header */
header{
	position:relative;
	width:100%;
	height:120px;
	z-index:9;
	background:#fff;
}
header::after{	
	content:"";
	position:absolute;
	height:1px;
	left:0px;
	top:120px;
	width:100%;
	background:#d9d9d9;
	z-index:1;
}
header a.logo{
	z-index:99;
	position:absolute;
	display:block;
	top:33px;
	left:0px;
	width:375px;
	height:54px;
	font-size:0;
	background:url(/common/img/common/logo.png) no-repeat left top;
	background-size:375px auto;
}
header .snb{
	position:absolute;
	right:0;
	top:0px;
	z-index:10;
}
header .snb li{
	float:left;
	display:inline-block;
	position:relative;
	margin:15px 15px 0;
	line-height:1;
	font-size:0.938em;
}
header .snb li::before{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:#999;
	position:absolute;
	top:3px;
	right:-15px;
}
header .snb li:last-child{
	margin:15px 0 0px 15px;
}
header .snb li:last-child:before{
	display:none;
}


/* scroll.active */
header.active{	
	position:fixed;	
	top:0px;
	left:0;
	height:90px;
	animation:slideDown .4s;
	display:block;
	background:#fff;
}
header.active::after{	
	top:90px;
}
#gnb-bg.active{
	top:90px;
}
header.active	 a.logo{
	left:0px;
	top:24px;
	background-size:300px auto;
}
header.active #gnb{
	height:90px;	
} 
header.active #gnb-over{
	height:90px;	
} 
header.active #gnb-nav{
	height:90px;	
	margin-top:0px;
}
header.active #gnb-nav > li > a{
	line-height:90px;	
}
header.active #gnb-nav li a span{
	display:inline-block;
	padding:0 50px 0px;
}
header.active .snb{display:none;}


/* gnb */
header .gnb-box{
	position:relative;
} 
#gnb{
	position:relative;
	max-width:1400px;
	margin:0px auto;
	overflow:hidden;
}
#gnb.jsOff{
	position:relative;
	top:0px;
	width:100%;
}
#gnb-over{
	width:100%;
	position:relative;
	margin:0 auto;
	overflow:visible;
	background:#fff;
} 
#gnb-nav{
	height:60px;	
	margin-top:45px;
	float:right;
}
#gnb-nav > li{
	position:relative;
	float:left;
}
#gnb-nav > li > a{
	display:block;
	text-decoration:none;
	font-size:22px;
	line-height:60px;	
	text-align:center;
	font-weight:500;
	color:#000;
}
#gnb-nav li a span{
	display:inline-block;
	padding-left:0px;
	padding:0 50px 15px;
}

.title_red {color:#ff3b00}
.new {color:red; font-size;12px; font-weight:bold}


#gnb-nav li a:hover span, 
#gnb-nav li a:focus span, 
#gnb-nav li.on a span, 
#gnb-nav li.over a span{
	color:#0178d4;
}
#gnb-nav li a:hover span:before, 
#gnb-nav li.over a span:before{
	width:100%;
	left:0;
}
#gnb-nav li:hover ul, 
#gnb-nav li:focus ul{
	background:#3393dd;
	height:275px;
	color:#fff;
}
#gnb-nav > li > ul{
	width:100%;
	z-index:1;
	height:275px;
	border-left:1px solid #d9d9d9;
	padding-top:20px;
	cursor:pointer;
	transition:all 0.2s ease;
}
#gnb-nav > li:last-child > ul{
	border-right:1px solid #d9d9d9;
}
#gnb-nav > li > ul > li a{
	position:relative;
	display:block;
	margin-bottom:6px;
	cursor:pointer;
	padding:0 25px 0;
}
#gnb-nav li:hover ul li a, 
#gnb-nav li:focus ul li a,
#gnb-nav > li > ul > li a:hover{
	color:#fff;
}
#gnb-bg{
	animation:slideDown;
	position:fixed;
	left:0;
	top:120px;
	width:100%;
	height:295px;
	z-index:-1;
	background:url(/common/img/common/bg-gnb.png) repeat-x left top;
}
#gnb-nav > li > ul > li > ol{
	margin:0;
	padding:0 0 0 25px;
	position:relative;
}
#gnb-nav > li > ul > li > ol > li a{
	position:relative;
	font-size:0.938em;
	padding:0 0 0 15px;
	line-height:1.63;
}
#gnb-nav > li > ul > li > ol > li a::before{
	content:"";
	display:block;
	width:5px;
	height:1px;
	background:#ccc;
	position:absolute;
	top:12px;
	left:2px;
}
#gnb-nav li:hover ul > li > ol > li a::before, 
#gnb-nav li:focus ul > li > ol > li a::before{
	background:rgba(255,255,255,0.5);
} 


/* #all-menu */
#all-menu{
	position:absolute;
	top:0px;
	right:0px;
	display:none;
}
.main #btn-menu{
	top:10px;
	right:0px;
}
#btn-menu{
	position:absolute;
	top:10px;
	right:20px;
	height:40px;
	padding:18px 0px;
	z-index:99999;
	cursor:pointer;
	user-select:none;
	text-align:center;
}
#btn-menu span{
	height:2px;
	width:24px;
	background-color:#333;
	position:relative;
	display:block;
	transition:all .2s ease-in-out;
	right:0;
}
#btn-menu:hover > span{
	width:24px;
}
#btn-menu span:before{
	top:-8px;
	visibility:visible;
}
#btn-menu span:after{
	top:8px;
}
#btn-menu span:before{
	height:2px;
	width:24px;
	border-radius:1px;
	background-color:#333;
	position:absolute;
	content:"";
	transition:all .2s ease-in-out;
	right:0;
}
#btn-menu span:after{
	height:2px;
	width:24px;
	border-radius:1px;
	background-color:#333;
	position:absolute;
	content:"";
	transition:all .2s ease-in-out;
	right:0;
}
#all-menu input[type=checkbox]{
	display:none;
}
#all-menu input[type=checkbox]:checked ~ #menu{
	visibility:visible;
}
#all-menu input[type=checkbox]:checked ~ #btn-menu:hover span, input[type=checkbox]:checked ~ #btn-menu span{
	background:transparent;
}
#all-menu input[type=checkbox]:checked ~ #btn-menu span:before{
	transform:rotate(45deg) translate(5px, 6px);
	opacity:1;
	height:2px;
	width:24px;
	background-color:#333;
	border-radius:2px;
}
#all-menu input[type=checkbox]:checked ~ #btn-menu span:after{
	transform:rotate(-45deg) translate(5px, -6px);
	width:24px;
	height:2px;
	background-color:#333;
	border-radius:2px;
}
#all-menu input[type=checkbox]:checked ~ #btn-menu{
	border:none;
}
#menu{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:999;
	visibility:hidden;
	transition:all .3s ease;
}
#menu.active{visibility:visible;}
#menu .menu-box .m-menu{display:none;}
.menu-top{
	position:absolute;
	right:0;
	top:0;
	z-index:9999;
	height:110px;
	width:90%;
	background:rgba(255,255,255,1);
	border-bottom:1px solid #d4d4d4;
}
.menu-top a.logo,
header.active .menu-top a.logo{
	left:50%;
	width:190px;
	height:30px;
	margin-left:-95px;
	top:17px;
	background-size:190px auto;
} 
.menu-top .msnb{
	margin-top:60px;
	height:50px;
}
.menu-top .msnb li{
	background:#1c4978 !important;
	width:50% !important;
	float:left;
	position:relative;
	height:50px;
	line-height:50px;
	text-align:center !important;
	border-right:1px solid rgba(255,255,255,0.24);
	border-bottom:none !important;
}
.menu-top .msnb li:last-child{
	border-right:none;
}
.menu-top .msnb li a{
	color:#fff;
	display:block;
}
#menu .menu-wrap{
	width:90%;
	float:right;
	background:rgba(255,255,255,1);
	height:100%;
	margin:110px 0;
	z-index:99;
} 
#menu .menu-box{
	height:calc(100% - 110px);
	margin:0vh auto;		
	overflow-y:auto
}
#menu ul li{
	background:#f2f2f2;
	display:block;
	margin:0;
	width:100%;
	text-align:left;
	border-bottom:1px solid #d4d4d4;
}
#menu ul li a:hover{
	text-decoration:none;
}
#menu ul li span{
	display:block;
	padding:0px 25px;
	border-bottom:none;
	height:50px;
	line-height:50px;	font-weight:500;
}
#menu ul li ul{
	display:none;
	width:100%;
	background:#0178d4;
}
#menu ul li ul li{
	font-size:0.938em;
	border-bottom:none;		
	background:#3393dd;
	border-bottom:1px solid rgba(255,255,255,0.24);
	line-height:42px;
}
#menu ul li ul li:last-child{
	border-bottom:1px solid rgba(255,255,255,0);
}
#menu ul li ul li a{
	display:block;
	color:#fff;
	padding:0px 25px;
	line-height:42px;
}
#menu ul li ul li ol{
	border-top:1px solid rgba(255,255,255,0.24);
	margin:0;
	padding:8px 0 8px 30px;
}
#menu ul li ul li ol li{
	border-bottom:1px solid rgba(255,255,255,0);
	line-height:32px;
}
#menu ul li ul li ol li a{
	position:relative;
	padding:0 0 0 16px;
	line-height:32px;
}
#menu ul li ul li ol li a::before{
	content:"";
	display:block;
	width:6px;
	height:1px;
	background:rgba(255,255,255,0.34);
	position:absolute;
	top:14px;
	left:2px;
}
#menu ul li ul li:hover a{
	color:#fff;
	background:#2ea7e0;
}
.arrow-down{
	width:100%;
	height:50px;
	position:relative;
}
.arrow-down:before, .arrow-down:after{
	content:"";
	display:block;
	width:10px;
	height:2px;
	background:#454545;
	position:absolute;
	top:25px;
	transition:transform .3s;
}
.arrow-down:before{
	right:30px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	transform:rotate(45deg);
}
.arrow-down:after{
	right:24px;
	transform:rotate(-45deg);
}
.arrow-down.active:before{
	transform:rotate(-45deg);
}
.arrow-down.active:after{
	transform:rotate(45deg);
} 


/* sub-visual */ 
#sub-visual{
	position:relative;
	height:250px;
}
#sub-visual .bg{
	height:250px;
	overflow:hidden;
}
#sub-visual .bg1{background:url(/common/img/contents/sub-visual-1.jpg) no-repeat center center /cover;}
#sub-visual .bg2{background:url(/common/img/contents/sub-visual-2.jpg) no-repeat center center /cover;}
#sub-visual .bg3{background:url(/common/img/contents/sub-visual-3.jpg) no-repeat center center /cover;}
#sub-visual .bg4{background:url(/common/img/contents/sub-visual-4.jpg) no-repeat center center /cover;}
#sub-visual .bg5{background:url(/common/img/contents/sub-visual-5.jpg) no-repeat center center /cover;}
#sub-visual .bg6{background:url(/common/img/contents/sub-visual-6.jpg) no-repeat center center /cover;}
#sub-visual .bg7{background:url(/common/img/contents/sub-visual-7.jpg) no-repeat center center /cover;}
#sub-visual .vt-1{
	background:url(/common/img/common/vt-1.png) left 2px no-repeat;
	background-size:245px auto;
	width:300px;
	height:36px;
	display:block;
	position:absolute;
	left:50px;
	top:30px;
	font-size:0px;
}
#sub-visual .text{
	color:#fff;
	padding-top:95px;
	font-weight:500;
}
#sub-visual .text .vt-2{
	font-family:'yg-jalnan';
	font-size:42px;
	line-height:1.3;
}
#sub-visual .text .vt-2 span{
	padding-left:15px;
}
#sub-visual .text .vt-3{
	font-size:20px;
	line-height:1.21;
	padding-top:8px;
}
 
 
/* contents common */ 
#contents{
	padding-top:25px;
	margin:0px 0 10em 310px;
	min-height:500px;
}
#contents .cont-header{
	position:relative;
	height:115px;
	width:100%;
	display:block;
	margin-bottom:2.5em;
	word-break:break-all;
	padding:45px 0 0;
}
#contents .cont-header::after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	height:5px;
	bottom:0;
	width:100%;
	background:url(/common/img/common/pat-line2.png) repeat left center;
}
#contents .cont-header h3{
	font-weight:500;
	font-size:32px;
	line-height:1.21;
	word-break:break-all;
}
#contents .cont-header .location{
	position:absolute;
	right:0;
	top:0px;
	text-align:right;
	line-height:1.21 !important;
}
#contents .cont-header .location li{
	position:relative;
	display:inline-block;
	font-size:0.938em;	
	color:#666;
	font-weight:300;
}
#contents .cont-header .location .ico-home{
	width:18px;
	height:20px;
	display:inline-block;
	cursor:pointer;	 
	background:url(/common/img/common/ico-home.png) left 1px no-repeat;
	font-size:0;
	vertical-align:top;
}
#contents .cont-header .location li a{
	color:#666;
}
#contents .cont-header .location li span{
	margin:0 0.5em;
}
#contents .cont-header .location li:last-child{
	font-weight:400;
	color:#333;
}
#contents .cont-box{
	max-width:1090px;
}


/* lnb */ 
#lnb{
	position:absolute;
	left:0px;
	top:45px;
	width:240px;
}
#lnb h2{
	background:#0178d4 url(/common/img/common/ico-lnb.png) no-repeat -6px 55px;
	border-radius:10px;
	font-weight:700;
	font-family:'yg-jalnan', 'Noto Sans KR','Sans-serif';
	height:120px;
	color:#fff;
	font-size:30px;
	line-height:1;
	padding:50px 35px;
	text-align:right;
	letter-spacing:0;
}
.lnb a{
	display:block;
	text-decoration:none;
}
.lnb > li{
	margin:10px 0 0;
	border-radius:10px;
}
.lnb > li a.tit{
	color:#666;
	padding:20px 25px;
	font-weight:500;
	display:block;
	border-radius:10px;
	padding:10px 25px;
	line-height:40px;
	background:#efefef;
	cursor:pointer;
	position:relative;
	font-size:16px;
}
.lnb > li > a.tit.active,
.lnb > li > a.tit:hover{
	color:#fff;
	background-color:#374351;
	transition:.3s all ease-in-out;
	padding:10px 20px 10px 42px;
}
.lnb > li > a.tit.active::before,
.lnb > li > a.tit:hover::before{
	position:absolute;
	left:17px;
	top:50%;
	margin-top:-4px;
	height:10px;
	width:10px;
	background:#fff;
	display:block;
	content:"";
	border-radius:50%;
	transition:.3s all ease-in-out;
}
.lnb > li.last{
	letter-spacing:-0.04em;
}
.subnav{
	margin:10px 0 0;
	border-radius:10px;
	display:block;
	background:#fff;
	border:1px solid #ededed;
	padding:15px 25px;
	transition:.3s all ease-in-out;
}
.lnb > li > .subnav li{
	position:relative;
}
.lnb > li > .subnav li a{
	margin:0 0 0.75em;
	line-height:30px;
	background:#fff;
	padding:0 0 0 1em;
	line-height:1.21;
	font-size:0.938em;
	transition:.3s all ease-in-out;
	font-weight:300;
	color:#666;
}
.lnb > li > .subnav li:before{
	position:absolute;
	left:1px;
	top:8px;
	height:3px;
	width:3px;
	background:#ccc;
	display:block;
	content:"";
	transition:.3s all ease-in-out;
}
.lnb > li > .subnav li:hover:before,
.lnb > li > .subnav li.over:before{
	position:absolute;
	left:0px;
	top:7px;
	height:5px;
	width:5px;
	background:#0178d4;
	display:block;
	content:"";
	border-radius:50%;
	transition:.2s all ease-in-out;
}
.lnb > li > .subnav{
	display:block;
}
.lnb > li > .subnav li:hover a{
	text-decoration:underline;
	color:#0178d4;
}
.lnb > li > .subnav li.over a{
	color:#0178d4;
	font-weight:500;
}
#lnb .lnb-m{display:none;}


/* tab-box */ 
.tab-box{
	position:relative;
	margin-bottom:3em;
}
.tab-box ul{
	width:100%;
	text-align:center;
}
.tab-box ul li a{
	width:calc(11.1% - 4px);
	float:left;
	display:inline-block;
	position:relative;
	display:block;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:center;
	background:#fff;
	height:46px;
	line-height:46px;
	cursor:pointer;
	color:#666;
	font-size:0.938em;
	border:1px solid #dadada;
	margin:0 2px 4px;
	border-radius:4px;
}
.tab-box ul li.on:hover a,
.tab-box ul li.on a{
	color:#fff;
	background:#ff7f00;
	border:1px solid #ff7f00;
	transition:all .3s ease;
	font-weight:500;
	text-decoration:none;
}
.tab-box ul li:focus a,
.tab-box ul li:hover a{
	color:#ff7f00;
	font-weight:500;
	border:1px solid #ff7f00;
	text-decoration:none;
}
.tab-box ul li.first a{
	position:absolute;
	left:0;
	top:0;
	height:96px;
	line-height:96px;
}
.tab-box ul{
	padding-left:calc(11% + 1px );
}


/* con-tb */
.con-tb{
	position:relative;
	width:100%;
	max-width:100%;
	overflow:hidden;
	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:first-child,
.con-tb td:first-child{
	border-left:none;
} 
.con-tb td.td-center{
	text-align:center;
}
.con-tb th{
	background:#fafafa;
	text-align:center;
	vertical-align:middle;
	font-weight:400;
} 
.con-tb th.th-first{
	text-align:center;
	background:#fff;
}
.con-tb td{
	vertical-align:top;
} 
.con-tb td.td-con{
	vertical-align:top;
}
.con-tb td .memo{
	line-height:1.8 !important;
	padding:15px;
}
.con-tb td.left-line{
	border-bottom:1px solid #d5d3d6;
	border-left:1px solid #d5d3d6;
} 
.con-tb2 td.left-line{
	text-align:center;
} 
.con-tb td.left-noline{border-left:none;} 
.scroll-bar{display:none;}
.con-tb2 td{
	text-align:center;
	vertical-align:middle;
}
.con-tb td.td-left{
	text-align:left;
 }


/* footer */
footer{
	width:100%;
	background:#333;
	position:relative;
	z-index:0;
	height:15em;
}
footer .container{
	background:url(/common/img/common/footer-logo.png) no-repeat 20px 75px;
}
footer .footer{
	margin-left:540px;
}
footer .link{
	position:relative;
	padding:45px 0 20px;
	border-bottom:1px solid rgba(255,255,255,0.08);
}
footer .link li{
	display:inline-block;
	position:relative;
}
footer .link li::after{
	content:"";
	position:absolute;
	height:14px;
	right:0px;
	top:8px;
	width:1px;
	background:rgba(255,255,255,0.2);
	z-index:0;
	display:block;
}
footer .link li:last-child::after{
	display:none;
}
footer .link li a{
	color:rgba(255,255,255,0.5);
	font-weight:300;
	padding:0 1.5em;
}
footer .link li:first-child a{
	padding:0 1.5em 0 0;
}
footer .link li a.on{
	font-weight:400;
	color:rgba(255,255,255,1);
}
footer .text{
	font-weight:300;
	color:rgba(255,255,255,0.7);
	padding-top:20px;
}
footer .text span{
	padding-left:1em;
}
#back_top .btn-top{
	width:78px;
	height:78px;
	text-indent:-9999px;
	display:block;
	position:fixed;
	bottom:40px;
	right:40px;
	background:url(/common/img/common/btn-top.png) no-repeat center center;
	z-index:1;
	transition:all 0.5s;
}
 

@media all and (max-width:1440px){
	header.active	 a.logo{
		left:20px;
	}
	header a.logo{
		left:20px;
		top:46px;
		background-size:300px auto;
	}
	header .snb{
		right:20px;
	} 
	#gnb{
		max-width:90%;
		float:right;
	}
	#lnb{
		left:20px;
	}
	footer .footer{
		margin-left:0%;
	}
	footer .container{
		background:none;
	}
}


@media all and (max-width:1240px){
	.snb,
	#gnb,
	#lnb{display:none;	}
	header{
		height:60px;
	}
	header::after{
		top:60px;
	}
	header.active{	
		height:60px;
	}
	header.active::after{	
		top:60px;
	}
	#gnb-bg.active{
		top:60px;
	}
	.sub header .container{
		max-width:100%;
		padding:0;
	}
	header.active a.logo,
	header a.logo{
		width:190px;
		height:30px;
		top:17px;
		left:10px;
		background-size:190px auto;
	}
	#all-menu{display:block;}
	#contents{
		min-height:20em;
		max-width:940px;
		margin:0 auto 5em;
	}
	footer .text span.sp1{
		padding:0;
	}
}
 

@media all and (max-width:768px){
	.block{margin-bottom:2em;}
	.block1{margin-bottom:0.5em;}
	.block2{margin-bottom:1em;}
	.block0, .block-end{margin-bottom:0em;}

	.box-ty1{
		padding:15px;
	}
	.box-ty1 p{
		font-size:15px;
		line-height:1.63;
	}
	.box-ty2{
		padding:15px 10px;
 	}
	.box-ty2 p{
     font-size: 15px;
 	}
	.ol-ty1 li{
		padding:0 0 0 15px;
		margin-bottom:5px;
		line-height:1.63;
		font-size:15px;
	}
	ol.ol-ty1 li:before{
		height:4px;
		left:4px;
		top:10px;
		width:4px;
	}
	.block h3.tit{
		font-size:17px;
		padding-left:18px;
		margin-bottom:0.25em;
	}
	.block h3.tit:before{
		height:12px;
		top:6px;
		width:12px;
		background-size:14px;
		border: 3px solid #145ecf;
	 }
	.block h4.tit{
		font-size:16px;
		padding-left:13px;
	}
	.block h4.tit:before{
		top:9px;
 	}
	.ol-ty2{
		margin-top:5px;
	}
	.ol-ty2 li{
		padding:0 0 0 20px;
	}
	.ol-ty2 li::before{
		content:"";
		display:block;
		width:4px;
		height:1px;
		background:#666;
		position:absolute;
		top:10px;
		left:10px;
	}
	#sub-visual,
	#sub-visual .container{
		height:100%;
		margin:0 auto;
		height:200px;
	}
	#sub-visual .bg{
		height:200px;
	}
	#sub-visual .vt-1{
		left:20px;
		top:15px;
		background-size:185px auto;
	}
	#sub-visual .text{
		text-align:center;
		padding-top:62px;
	}
	#sub-visual .text .vt-2{
		font-size:32px;
	}
	#sub-visual .text .vt-2 span{
		padding-left:0px;
		letter-spacing:0.01em;
 	}
	#sub-visual .text .vt-3{
		font-size:15px;
		padding-top:6px;
	}
	#contents{
		padding-top:15px;
	}
	#contents .cont-header{
		height:70px;
		padding:40px 0 0;
		margin-bottom:25px;
	}
	#contents .cont-header::after{
		height:4px;
	}
 	#contents .cont-header h3{
		font-size:21px;
	}
	#contents .cont-header .location{
		left:0;
		text-align:left;
	}
	#contents .cont-header .location li{
 	}
	#contents .cont-header .location li span{
		margin:0 0.25em;
	}
	footer{
 		height:12em;
	}
	footer .link{
 		padding:20px 0 10px;
	}
	footer .link li a{
		padding:0 12px 0 6px;
		font-size:14px;
	}
	footer .link li:first-child a{
		padding:0 12px 0 0;
	}
	footer .text{
		font-size:14px;
		padding-top:10px;
		line-height:1.63;
 	}
 	#back_top .btn-top{
		width:40px;
		height:40px;
		bottom:0rem;
		background:url(/common/img/common/btn-top.png) no-repeat center center;
		background-size:40px;
		bottom:20px;
		right:20px;
	}
	.scroll-bar .circle{
		display:inline-block;
		line-height:23px;
		width:23px;
		height:23px;
		vertical-align:middle;
		margin:0 10px;
	}
	.scroll-bar{
		position:relative;
		display:block;
		margin:0 0 0.25em;
	}
	.scroll-bar .circle{
		display:inline-block;
		line-height:23px;
		width:23px;
		height:23px;
		vertical-align:middle;
		margin:0 10px;
	}
	.scroll-bar .arrow-left{background:url(/common/img/board/pager-prev.png) center 40% no-repeat;background-size:auto 10px;}
	.scroll-bar .arrow-right{background:url(/common/img/board/pager-next.png) center 40% no-repeat;background-size:auto 10px;}
	.scroll-tb{
		max-width:100%;
		overflow-x:scroll;
	}
	.scroll-tb table{
		width:740px;
	}
	.scroll-box{
		margin-top:10px;
		font-size:13px;
		height:135px;
		padding:12px;
	}
	.con-tb th,
	.con-tb td{
		padding:10px 5px;
		font-size:14px;
	} 
	.box-ty{
		padding:6px;
	}
	.box-ty p.t1{
		font-size:17px;
	}
	.box-ty p,
	.box-ty p.t2{
		font-size:14px;
	}
	.box-ty-inner{
		padding:20px 20px 15px;
	}
	.tab-box{
		margin-bottom:1.5em;
	}
	.tab-box ul{
		background:#f5f8f9 url(/common/img/common/pat-line2.png) left top repeat;
		height:112px;
	}
	.tab-box ul li a{
		width:calc(14.28% + 0.75px);
		margin:-0.5px;
		height:38px;
		line-height:36px;
		border-radius:0px;
		font-size:14px;
	}
	.tab-box ul li:last-child a{
		line-height:34px;
		padding:0;
	}
	.tab-box ul li:focus a,
	.tab-box ul li:hover a{
		background:#fff;
		border:1px solid #dadada;
		color:#666;
	}
	.tab-box ul li.first a{
		position:relative;
		height:38px;
		line-height:36px;
	}
	.tab-box ul{
		padding-left:0;
	}
}


@media all and (max-width:480px){
	.scroll-tb table{
		width:480px;
		max-width:480px;
	}
}