@charset "utf-8";

/*sub_tab*/

.sub_tab {
	margin: 0px auto 0;
	text-align: center;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.sub_tab > div {
	display: inline-block;
	position: relative;
	padding: 0 16px;
}

.sub_tab .leftlines {
}

.sub_tab .leftlines > div:nth-child(1) {
	display: block;
	content: "";
	width: 1px;
	height: 22px;
	background: #bbb;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(46deg) translate(3px,-8px);
}

.sub_tab .leftlines > div:nth-child(2) {
	display: block;
	content: "";
	width: 1px;
	height: 26px;
	background: #bbb;
	position: absolute;
	left: 0;
	top: 15px;
}

.sub_tab .leftlines > div:nth-child(3) {
	display: block;
	content: "";
	width: 1px;
	height: 22px;
	background: #bbb;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: rotate(-46deg) translate(3px,8px);
}

.sub_tab .rightlines {
}

.sub_tab .rightlines > div:nth-child(1) {
display: block;
content: "";
width: 1px;
height: 22px;
background: #bbb;
position: absolute;
right: 0;
top: 0;
transform: rotate(-46deg) translate(-3px,-8px);
}

.sub_tab .rightlines > div:nth-child(2) {
display: block;
content: "";
width: 1px;
height: 26px;
background: #bbb;
position: absolute;
right: 0;
top: 15px;
}

.sub_tab .rightlines > div:nth-child(3) {
display: block;
content: "";
width: 1px;
height: 22px;
background: #bbb;
position: absolute;
right: 0;
bottom: 0;
transform: rotate(46deg) translate(-3px,8px);
}

.sub_tab ul {
display: inline-flex;
padding: 3px 0px;
box-sizing: border-box;
}

.sub_tab ul:before {
}

.sub_tab ul li {
width: 190px;
}

.sub_tab ul li a {
display: block;
position: relative;
font-size: 17px;
color: #888;
line-height: 40px;
}

.sub_tab ul li.active a {
color: #1d4e6f;
font-weight:500;
}

.sub_tab ul li.on a:before {
display: block;
content: "";
border-right: 12px solid #03569f;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
position: absolute;
right: 100%;
top: 0;
width: 0;
height: calc(100% - 24px);
}

.sub_tab ul li.on a:after {
display: block;
content: "";
border-left: 12px solid #03569f;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
position: absolute;
left: 100%;
top: 0;
width: 0;
height: calc(100% - 24px);
}






/*! header */
#header {
	width: 100%
}



/* common */
.pcbr{display:block;}
.pctb{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.section{width:100%;height:100%;height:100vh;overflow:hidden;box-sizing:border-box;}
#wrap{overflow:hidden;}

/* header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;}
.head{
	display:flex;align-items:center;justify-content:space-between;
	position:relative;z-index:1000;
	box-sizing:border-box;
	width:100%;height:85px;
	padding:0 5%;
	border-bottom:1px solid rgba(255,255,255,0.25);
}
.head h1{}
.head h1 a{
	display:block;
	width:130px;height:50px;
	background:url(../images/common/logo1.png) no-repeat center;
	background-size:100%;
	text-indent:-9999px;
}

.head .nav_wrap_language{
	position:relative;
	box-sizing:border-box;
	display:flex;justify-content:center;
	width:50px;height:100%;
	font-size:19px;color:#fff;line-height:85px;
	border-right:1px solid rgba(255,255,255,0.25);
}

.head .nav_wrap{
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 160px - 194px);height:100%;
	border-right:1px solid rgba(255,255,255,0.25);
}
.head .nav_wrap .nav{display:flex;justify-content:center;}
.head .nav_wrap .nav>li{margin:0 4%;}
.head .nav_wrap .nav>li>a{font-size:19px;color:#fff;line-height:85px;}
.head .nav_wrap .nav>li.on{box-shadow:0 -4px 0 #03569f inset;}

.head .nav_wrap .etc{position:absolute;right:5%;top:30px;}
.head .nav_wrap .etc>li{display:inline-block;position:relative;}
.head .nav_wrap .etc>li>a{display:block;width:260px;height:260px;}
.head .nav_wrap .language{
	position:absolute;right:2%;top:34px;z-index:100;
	display:flex;
}
.head .nav_wrap .language li{margin-left:10px;text-align:center;}
.head .nav_wrap .language li a{color:#fff;}
.head .nav_wrap .language li a>div{opacity:0;}
.head .nav_wrap .language li:hover a>div{opacity:1;}

.head .nav_wrap .etc>li.language{margin-left:35px;}
.head .nav_wrap .etc>li.language>a{}
@media(max-width:1600px){
	.head .nav_wrap .nav>li{margin:0 2.5%;}
	.head .nav_wrap .etc>li.language{margin-left:15px;}
}
.head .nav_wrap .etc>li.language>ul{
	display:none;
	position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:10px;
	border:1px solid rgba(255,255,255,0.25);
	background:rgba(0,0,0,0.8);
}
.head .nav_wrap .etc>li.language>ul>li{border-bottom:1px solid rgba(255,255,255,0.25);}
.head .nav_wrap .etc>li.language>ul>li:last-child{border-bottom:0;}
.head .nav_wrap .etc>li.language>ul>li>a{
	display:block;
	width:88px;height:38px;
	font-family:"Montserrat";font-size:12px;color:rgba(255,255,255,0.5);font-weight:600;line-height:38px;text-align:center;
}
.head .nav_wrap .etc>li.language>ul>li>a:hover{color:#50ccff;}

.head .btn_menuwrap_lang{
	display:flex;align-items:center;justify-content:flex-end;
	width:35px;height:100%;
	padding-left:5%;
	cursor:pointer;
}

.head .nav_wrap_Right{
	position:relative;
	box-sizing:border-box;
	width:50px;height:100%;	
}
.head .nav_wrap_Right .nav{display:flex;justify-content:center;}
.head .nav_wrap_Right .nav>li{margin:0 4%;}
.head .nav_wrap_Right .nav>li>a{font-size:19px;color:#fff;line-height:85px;}
.head .nav_wrap_Right .nav>li.on{box-shadow:0 -2px 0 #03569f inset;}

.head .btn_menuwrap{
	display:flex;align-items:center;justify-content:flex-end;
	width:55px;height:100%;
	padding-left:5%;
	cursor:pointer;
}
.head .btn_menuwrap .btn_menu{display:inline-flex;align-items:center;cursor:pointer;position:relative;z-index:3000;}
.head .btn_menuwrap .btn_menu .txt{font-family:"Roboto";font-size:13px;color:#fff;font-weight:500;}
.head .btn_menuwrap .btn_menu .hamburger{	
	position:relative;z-index:1100;
	width:27px;height:20px;
	margin-left:13px;
}
.head .btn_menuwrap .btn_menu .hamburger>div{
	width:100%;height:2px;
	margin-bottom:7px;
	background:#fff;
}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(1){width:100%;transform: translateY(9.0px) rotate(45deg);}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(2){opacity:0;}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(3){width:100%;transform: translateY(-9.1px) rotate(-45deg);}



#header.on{}
#header.on .head{	border-bottom:1px solid rgba(0,0,0,0.25);}
#header.on .head h1 a{background:url(../images/common/logo2.png) no-repeat;background-size:cover;}
#header.on .head .nav_wrap{border-right:1px solid rgba(0,0,0,0.25);}
#header.on .head .nav_wrap .nav>li>a{color:#111;}
#header.on .head .nav_wrap_Right .nav>li>a{color:#111;}
#header.on .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.on .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
#header.on .head .nav_wrap .etc>li.language svg line,
#header.on .head .nav_wrap .etc>li.language svg circle,
#header.on .head .nav_wrap .etc>li.language svg ellipse{stroke:#111;}

#header.bl{}
#header.bl .head{background:#fff;border-bottom:1px solid rgba(0,0,0,0.25);}
#header.bl .head h1 a{background:url(../images/common/logo2.png) no-repeat center;background-size:100%;}
#header.bl .head .nav_wrap{border-right:1px solid rgba(0,0,0,0.25);}
#header.bl .head .nav_wrap .nav>li>a{color:#111;}
#header.bl .head .nav_wrap_Right .nav>li>a{color:#111;}
#header.bl .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.bl .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
#header.bl .head .nav_wrap .etc>li.language svg line,
#header.bl .head .nav_wrap .etc>li.language svg circle,
#header.bl .head .nav_wrap .etc>li.language svg ellipse{stroke:#111;}
#header.bl .head .nav_wrap .language li a{color:#111;}

#header.all .head .btn_menuwrap .btn_menu .txt{color:#fff;}
#header.all .head .btn_menuwrap .btn_menu .hamburger>div{background:#fff;}

/**/
.pc_subnav{
	display:none;
	position:absolute;left:0;top:0;z-index:900;
	width:100%;
	background:#fff;
	padding:85px 0 0;
}
.pc_subnav>div{max-width:1330px;width:100%;margin:40px auto;}
.subnavwrap{overflow:hidden;display:none;}
.subnavwrap .title{
	float:left;
	width:316px;height:180px;
	display:flex;justify-content:center;align-items:center;
	font-size:22px;color:#fff;font-weight:500;
}
.subnavwrap:nth-child(1) .title{background:url(../images/common/subnav_title_bg1.jpg) no-repeat;}
.subnavwrap:nth-child(2) .title{background:url(../images/common/subnav_title_bg2.jpg) no-repeat;}
.subnavwrap:nth-child(3) .title{background:url(../images/common/subnav_title_bg3.jpg) no-repeat;}
.subnavwrap:nth-child(4) .title{background:url(../images/common/subnav_title_bg4.jpg) no-repeat;}
.subnavwrap:nth-child(5) .title{background:url(../images/common/subnav_title_bg6.jpg) no-repeat;}
.subnavwrap:nth-child(6) .title{background:url(../images/common/subnav_title_bg6.jpg) no-repeat;}
	.subnavwrap .subnav {
		display: flex;
		float: left;
		box-sizing: border-box;
		width: calc(100%);
		padding: 0 70px;
		justify-content: center;
	}
.subnavwrap .subnav .listwrap{width:20%;}
.subnavwrap .subnav.type1 .listwrap{width:50%}
.subnavwrap .subnav .listwrap:last-child{margin-right:0;}
.subnavwrap .subnav .listwrap h3{position:relative;padding-left:17px;}
/*.subnavwrap .subnav .listwrap h3:before{
	display:block;content:"";
	width:8px;height:2px;
	background:#000;
	position:absolute;left:0;top:13px;
}*/
.subnavwrap .subnav .listwrap h3 a{font-size:19px;color:#000;font-weight:400;}
.subnavwrap .subnav.type1 .listwrap h3{padding:0;font-size:22px;color:#000;}
.subnavwrap .subnav.type1 .listwrap h3:before{display:none;}
.subnavwrap .subnav .listwrap ul{padding-left:17px;margin-top:15px;}
.subnavwrap .subnav .listwrap ul li{margin-bottom:7px;}
.subnavwrap .subnav .listwrap ul li a{font-size:16px;color:#888;}
.subnavwrap .subnav .listwrap ul li a:hover{color:#03569f;}



/* allmenu */
.m_allmenu{display:none !important}
.pc_allmenu{
	position:absolute;left:0;top:-100vh;z-index:1000;
	width:100%;height:100vh;
	/*background:url(../images/common/aa.jpg) no-repeat center;*/
	background-size:cover;background-attachment:fixed;
	transition:all 1s cubic-bezier(.67,.34,.24,1);
	background-color:black;
}
.allmenu{
	box-sizing:border-box;
	width:100%;height:100%;
	padding:60px 0 0;
}
.allmenu .menuwrap{
	display:flex;position:relative;
	box-sizing:border-box;
	height:20%;
	padding:38px 5% 0;
}
.allmenu .menuwrap:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.15);
	position:absolute;left:0;top:0;
	transform:scaleX(0);
}
.allmenu .menuwrap:nth-child(odd):after{transform-origin:left;transition:all 0.6s 1s linear;}
.allmenu .menuwrap:nth-child(even):after{transform-origin:right;transition:all 0.6s 1s linear;}
.on .allmenu .menuwrap:after{transform:scaleX(1);}
.allmenu .menuwrap h2{width:20%;font-size:26px;color:#fff;font-weight:500;line-height:90%;transform:translateX(40px);opacity:0;}
.allmenu .menuwrap .sub{width:80%;display:flex;transform:translateX(40px);opacity:0;}
.on .allmenu .menuwrap h2{transform:translateX(0px);opacity:1;transition:all 1s 1.6s}
.on .allmenu .menuwrap .sub{transform:translateX(0px);opacity:1;transition:all 1s 1.8s}
.allmenu .menuwrap .sub>div.btns{display:flex;flex-wrap:wrap;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(1){width:100%;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(2){margin-top:0;}
.allmenu .menuwrap .sub .dep2{box-sizing:border-box;width:20%;padding-right:50px;}
.allmenu .menuwrap:last-child .sub .dep2:last-child{width:25%;}
.allmenu .menuwrap .sub .dep2 h3{font-size:19px;color:#50ccff;font-weight:500;line-height:90%;}
.allmenu .menuwrap .sub .dep2 h3 a{font-size:19px;color:white;font-weight:500;line-height:90%;}
.allmenu .menuwrap .sub .dep2 ul{margin-top:20px;}
.allmenu .menuwrap .sub .dep2 ul.cc2{column-count:2;}
.allmenu .menuwrap .sub .dep2 ul.cc3{column-count:3;}
.allmenu .menuwrap .sub .dep2 ul li{margin-bottom:5px;}
.allmenu .menuwrap .sub .dep2 ul li a{font-size:17px;color:rgba(255,255,255,0.6);font-weight:300;}
.allmenu .menuwrap .sub .dep2 ul li a:hover{border-bottom:1px solid rgba(255,255,255,0.6)}
.allmenu .menuwrap .sub a{font-size:17px;color:rgba(255,255,255,0.6);font-weight:300;line-height:90%;}





/* footer */
#footer{background:#242424;}
.foot{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:40px 5%;}
.foot h1{width:282px;}
.foot .foot_info{
	box-sizing:border-box;
	width:calc(100% - 20px);
	padding:0 30px;
	border-left:1px solid #454545;
}
.foot .foot_info ul{display:flex;}
.foot .foot_info ul li{position:relative;padding-right:10px;margin-right:11px;}
.foot .foot_info ul li:after{
	display:block;content:"";
	width:1px;height:11px;
	background:#454545;
	position:absolute;right:0;top:8px;
}
.foot .foot_info ul li:last-child:after{display:none;}
.foot .foot_info ul li a{font-size:12px;color:#a6a6a6; font-weight:300;}
	.foot .foot_info address {
		margin: 5px 0;
		font-size: 12px;
		color: #a6a6a6;
		font-weight: 300;
	}
.foot .foot_info address .nbsp{display:inline-block;width:1px;height:12px;background:#454545;margin:0 10px;}
	.foot .foot_info .copy {
		font-size: 12px;
		color: #a6a6a6;
		font-weight: 300;
	}

.foot .core_links{width:425px;}
.foot .core_links ul{display:flex;justify-content:flex-end;}
.foot .core_links ul li{margin-left:5px;width:100px;}
.foot .core_links ul li a{
	display:block;position:relative;
	box-sizing:border-box;
	padding:0 0 18px;
	text-align:center;
}
.foot .core_links ul li a:before{
	display:block;content:"";box-sizing:border-box;
	width:100%;height:4px;
	border:1px solid rgba(255,255,255,0.2);
	position:absolute;left:0;bottom:0;
}
.foot .core_links ul li a:after{
	display:block;content:"";box-sizing:border-box;
	width:0%;height:4px;
	background:#50ccff;
	position:absolute;left:50%;bottom:0;transition:all 0.4s;transform:translateX(-50%);transform-origin:center;
}
.foot .core_links ul li:hover a:after{width:100%;}
.foot .core_links ul li a .ico{box-sizing:border-box;height:27px;margin-bottom:10px;}
.foot .core_links ul li:nth-child(2) a .ico{padding-top:3px;}
.foot .core_links ul li:nth-child(4) a .ico{padding-top:3px;}
.foot .core_links ul li a .sbj{font-size:16px;color:rgba(255,255,255,0.8);font-weight:300;transition:all 0.4s;}


.foot .core_links ul li:hover a .sbj{color:#50ccff;}

/**
.foot .core_links ul li:nth-child(1):hover .ico circle{animation:footer_hover_ani1 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
.foot .core_links ul li:nth-child(1):hover .ico line{animation:footer_hover_ani1 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
@keyframes footer_hover_ani1{
	0%{stroke-dashoffset:40;stroke-dasharray:40;}
	100%{stroke-dashoffset:0;stroke-dasharray:40;}
}
*/

.foot .core_links ul li:nth-child(1):hover .ico{
	transform-origin:center;
	animation:footer_hover_ani1-1 1s linear;animation-fill-mode:forwards;stroke:#50ccff
}
.foot .core_links ul li:nth-child(1):hover .ico circle{stroke:#50ccff}
.foot .core_links ul li:nth-child(1):hover .ico line{stroke:#50ccff}
@keyframes footer_hover_ani1-1{
	0%{transform:rotateZ(360deg);}
	100%{transform:rotateZ(0);}
}



.foot .core_links ul li + li:hover .ico *{stroke-dashoffset:200; stroke-dasharray:200;animation:footer_hover_ani2 1.8s linear;animation-fill-mode:forwards; stroke:#50ccff}
@keyframes footer_hover_ani2{
	0%{}
	100%{stroke-dashoffset:0;}
}



/* subtop */
.pagetop{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:600px;
}
/*.pagetop.pn1{background:url(../images/page/sub_visual1.jpg) no-repeat center;background-size:cover;}*/
.pagetop.pn2{height:auto;}
/*.pagetop.pn2.depnum001{background:url(/images/page/sub_visual21.jpg) no-repeat center;background-size:cover;}
.pagetop.pn2.depnum002{background:url(/images/page/sub_visual22.jpg) no-repeat center;background-size:cover;}
.pagetop.pn2.depnum003{background:url(/images/page/sub_visual23.jpg) no-repeat center;background-size:cover;}
.pagetop.pn2.depnum004{background:url(/images/page/sub_visual24.jpg) no-repeat center;background-size:cover;}
.pagetop.pn2.depnum005{background:url(/images/page/sub_visual25.jpg) no-repeat center;background-size:cover;}*/
.pagetop.pn3{background:url(../images/page/sub_visual3.html) no-repeat center;background-size:cover;}
.pagetop.pn4{background:url(../images/page/sub_visual4.jpg) no-repeat center;background-size:cover;}
.pagetop.pn5{background:url(../images/page/sub_visual5.jpg) no-repeat center;background-size:cover;}


.pagetop .page_txts{text-align:center;padding-top:45px;z-index: 10;word-break:keep-all;}
.pagetop .page_txts h2{font-family:"Roboto";font-size:66px;color:#fff;font-weight:600;}
.pagetop .page_txts h2:before{
	display:block;content:"";
	width:60px;height:1px;
	margin:0 auto 20px;
	background:rgba(255,255,255,0.4);
}
.pagetop .page_txts p{margin-top:20px;font-size:19px;color:rgba(255,255,255,1);line-height:170%;}

.pagetop.pn2 .page_txts{position:absolute;left:50%;top:45%;transform:translate(-50%, -50%);}

.pagetop .subtabs{
	position:absolute;left:0;top:calc(100% - 70px);z-index:100;
	width:100%;
	background:rgba(0,0,0,0.4);
}
.pagetop .subtabs.solo{top:calc(100% - 0px);}
.pagetop .subtabs ul{
	display:flex;justify-content:space-between;position:relative;
	max-width:1320px;width:100%;
	margin:0 auto;
}
.pagetop .subtabs ul:after{
	display:block;content:"";
	width:1px;height:14px;
	background:rgba(255,255,255,0.2);
	position:absolute;left:0;top:50%;margin-top:-7px;
}
.pagetop .subtabs ul li{position:relative;}
.pagetop .subtabs ul li:after{
	display:block;content:"";
	width:1px;height:14px;
	background:rgba(255,255,255,0.2);
	position:absolute;right:0;top:50%;margin-top:-7px;
}
.pagetop .subtabs ul.m2 li{width:50%;}
.pagetop .subtabs ul.m5 li{width:20%;}
.pagetop .subtabs ul li a{
	position:relative;
	display:flex;justify-content:center;align-items:center;
	height:70px;
	font-size:17px;color:#fff;
}
.pagetop .subtabs ul li a span{position:relative;}
.pagetop .subtabs ul li a span div{opacity:0;position:absolute;right:100%;top:-1px;width:18px;margin-right:5px;}
.pagetop .subtabs ul li.on a span div{opacity:1;}

.pagetop .sub_slider{position: relative;width:100%;height: 600px;z-index: 1;}
.pagetop .sub_slider .slick-list,.pagetop .sub_slider .slick-track{width:100%; height:100%;}
.pagetop .sub_slider .item{width: 100%;height: 100%;}
.pagetop .sub_slider .item .img{width: 100%;height: 100%;display: block;}


.dep3_tabs{margin:50px auto 0;text-align:center;}
.dep3_tabs>div{display:inline-block;position:relative;padding:0 16px;}
.dep3_tabs .leftlines{}
.dep3_tabs .leftlines>div:nth-child(1){
	display:block;content:"";
	width:1px;height:22px;
	background:#bbb;
	position:absolute;left:0;top:0;transform:rotate(46deg) translate(3px,-8px);
}
.dep3_tabs .leftlines>div:nth-child(2){
	display:block;content:"";
	width:1px;height:26px;
	background:#bbb;
	position:absolute;left:0;top:15px;
}
.dep3_tabs .leftlines>div:nth-child(3){
	display:block;content:"";
	width:1px;height:22px;
	background:#bbb;
	position:absolute;left:0;bottom:0;transform:rotate(-46deg) translate(3px,8px);
}
.dep3_tabs .rightlines{}
.dep3_tabs .rightlines>div:nth-child(1){
	display:block;content:"";
	width:1px;height:22px;
	background:#bbb;
	position:absolute;right:0;top:0;transform:rotate(-46deg) translate(-3px,-8px);
}
.dep3_tabs .rightlines>div:nth-child(2){
	display:block;content:"";
	width:1px;height:26px;
	background:#bbb;
	position:absolute;right:0;top:15px;
}
.dep3_tabs .rightlines>div:nth-child(3){
	display:block;content:"";
	width:1px;height:22px;
	background:#bbb;
	position:absolute;right:0;bottom:0;transform:rotate(46deg) translate(-3px,8px);
}
.dep3_tabs ul{
	display:inline-flex;
	padding:3px 0px;
	box-sizing:border-box;
	border-top:1px solid #bbb;border-bottom:1px solid #bbb;
}
.dep3_tabs ul:before{}
.dep3_tabs ul li{width:190px;}
.dep3_tabs ul li a{
	display:block;position:relative;
	font-size:17px;color:#888;line-height:48px;
}
.dep3_tabs ul li.on a{background:#03569f;color:#fff;}
.dep3_tabs ul li.on a:before{
	display:block;content:"";
	border-right:12px solid #03569f;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
	position:absolute;right:100%;top:0;width:0;height:calc(100% - 24px);
}
.dep3_tabs ul li.on a:after{
	display:block;content:"";
	border-left:12px solid #03569f;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
	position:absolute;left:100%;top:0;width:0;height:calc(100% - 24px);
}



.btn_st1{display:inline-block;margin-top:45px;}
.btn_st1 .btn_line1{stroke:#fff;transform-origin:left;}
.btn_st1:hover .btn_line1{animation:btn1 2s linear;animation-fill-mode:forwards;}
.btn_st1 text{transition:all 0.4s linear;}
.btn_st1:hover text{fill:#fff;}

.btn_st2{display:inline-block;margin-top:20px;}
.btn_st2 .btn_line1{stroke:#045c9e;transform-origin:left;transition:all 0.4s linear;}
.btn_st2:hover .btn_line1{animation:btn2 2s linear;animation-fill-mode:forwards;}
.btn_st2 text{transition:all 0.4s linear;}
.btn_st2:hover text{fill:#045c9e;}

@keyframes btn1{
	0%{stroke:#fff;stroke-dashoffset:1600; stroke-dasharray:1600;}
	100%{stroke:#fff;stroke-dashoffset:0;}
}
@keyframes btn2{
	0%{stroke:#045c9e;stroke-dashoffset:1600; stroke-dasharray:1600;}
	100%{stroke:#045c9e;stroke-dashoffset:0;}
}


/**/
.page_title1{font-size:46px;color:#222;font-weight:600;text-align:center;}
.page_slg{
	margin:45px 0 75px;
	font-family:"NanumSquare_acB";font-size:36px;color:#333;text-align:center;
}
.page_slg>div{display:inline-block;line-height:150%;text-align:left;}
.page_slg>div>.layer{display:flex;}
.page_slg>div>.layer:nth-child(1){padding-right:185px;}
.page_slg>div>.layer:nth-child(2){padding-left:185px;}
.page_slg>div strong{font-family:"NanumSquare_acEB";color:#03569f;}
.page_slg>div .c1{font-family:"NanumSquare_acEB";color:#eb5c06;}
.page_slg>div img{display:inline-block;vertical-align:top;width:auto;height:35px;margin:9px 0 0 10px;}
.innerwrap{max-width:1320px;width:94%;margin:0 auto;}





/* history_view */
.history_view{position:relative;margin:85px 0 0;}
.history_view.history1{background:url(../images/page/m11_2_list_bg1.jpg) no-repeat center;background-size:cover;}
.history_view.history2{background:url(../images/page/m11_2_list_bg2.jpg) no-repeat center;background-size:cover;}
.history_view.history3{background:url(../images/page/m11_2_list_bg3.jpg) no-repeat center;background-size:cover;}
.history_view.history4{background:url(../images/page/m11_2_list_bg4.jpg) no-repeat center;background-size:cover;}
.history_view:before{
	display:block;content:"";
	width:100%;height:343px;
	background:url(../images/page/m11_2_bg_history.png) no-repeat;	background-size:contain;
	position:absolute;left:0;bottom:0;z-index:10;
}
.history_view .history_titlearea{
	position:relative;	
	width:100%;height:100vh;
}
.history_view .history_titlearea:before{
	display:block;content:"";
	width:1px;height:200px;
	background:#fff;
	position:absolute;left:50%;top:0;
}
.history_view .history_titlearea:after{
	display:block;content:"";
	width:24px;height:24px;
	background:url(../images/page/m11_2_logo1.png) no-repeat;
	position:absolute;left:50%;top:200px;margin:-8px 0 0 -12px;
}
.history_view .history_titlearea ul{width:100%;height:100%;}
.history_view .history_titlearea ul:before{}
.history_view .history_titlearea ul li{
	display:none;position:relative;width:100%;height:100%;
	display:flex;align-items:center;justify-content:center;
}
.history_view .history_titlearea ul li .txtarea{text-align:center;}
.history_view .history_titlearea ul li .txtarea .year{font-family:"NanumSquare_acEB";color:#fff;font-size:28px;}
.history_view .history_titlearea ul li .txtarea .slg{
	position:relative;
	padding:0 90px;margin:30px 0 0;
	font-family:"NanumSquare_acB";color:#fff;font-size:48px;line-height:140%;word-break:keep-all;
}
.history_view .history_titlearea ul li .txtarea .slg strong{font-family:"NanumSquare_acEB";color:#0093d7;}
.history_view .history_titlearea ul li .btn{text-align:center;cursor:pointer;position:absolute;left:50%;bottom:100px;z-index:100;transform:translateX(-50%);}
.history_view .history_titlearea ul li .btn svg{width:90px;height:90px;}
.history_view .history_titlearea ul li .btn .line{transform-origin:center;transition:all 0.6s;}
.history_view .history_titlearea ul li .btn:hover .line{transform:rotate(-45deg);}
.history_view .history_titlearea ul li .btn .arr{transform-origin:center;}
.history_view .history_titlearea ul li .btn:hover .arr{animation:arr_ani2 0.4s linear infinite alternate}
@keyframes arr_ani2{
	0%{transform:translateY(0px);}
	100%{transform:translateY(5px);}
}
.history_view .history_titlearea ul li .btn .st0{fill:none;stroke:#FFFFFF;stroke-width:1.2;stroke-miterlimit:10;}
.history_view .history_titlearea ul li .btn .st1{enable-background:new    ;}
.history_view .history_titlearea ul li .btn .st2{fill:#FFFFFF;}
.history_conarea{
	overflow:hidden;
	position:relative;
	padding:125px 0 125px 15.317%;
	background:url(../images/page/m11_2_view_bg1.jpg) no-repeat center;
	background-size:cover;
}
.history_conarea .titlearea{position:relative;margin-bottom:50px;}
.history_conarea .titlearea .year{font-family:"NanumSquare_acEB";color:#111;font-size:48px;}
.history_conarea .titlearea a{position:absolute;right:15.317%;top:0; width: 60px;}
.history_conarea .titlearea a svg{display: block; width: 100%;}
.history_conarea .titlearea a svg .st0{fill:none;stroke:#666666;stroke-miterlimit:10;}
.history_conarea .titlearea a svg .st1{fill:#666666;}
.history_conarea .titlearea a svg .st2{font-family:'Montserrat';}
.history_conarea .titlearea a svg .st3{font-size:12px;}
.history_conarea .titlearea a svg .st4{enable-background:new    ;}
.history_conarea .titlearea a .line{transform-origin:center;transition:all 0.6s;}
.history_conarea .titlearea a:hover .line{transform:rotate(45deg)}

.history_conarea .histroy_contents{position:relative;height:510px;}
.history_conarea .histroy_contents>div{
	box-sizing:border-box;
	position:relative;
	overflow-x:scroll;
	height:100%;
	display:flex;align-items:center;
}
.history_conarea .histroy_contents>div::-webkit-scrollbar{width:5px;height:1px;}
.history_conarea .histroy_contents>div::-webkit-scrollbar-thumb{background:rgba(3,86,159,0.6);}
.history_conarea .histroy_contents>div::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
.history_conarea .histroy_contents>div{}
.history_conarea .histroy_contents>div .kecc{
	box-sizing:border-box;
	position:relative;z-index:100;
	width:324px;height:324px;
	padding:35px;
	background: linear-gradient(to bottom,#f18613, #1270de);
	border-radius:50%;
	box-shadow:2px 2px 5px rgba(0,0,0,0.1);
}
.history_conarea .histroy_contents>div .kecc>div{	
	box-sizing:border-box;
	display:flex;justify-content:center;align-items:center;white-space:nowrap;
	width:100%;height:100%;
	background:#fff;
	border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,0.1);
}
.history_conarea .histroy_contents>div .history_lists{
	position:relative;
	width:calc(100% - 324px);height:510px;
	display:flex;white-space:nowrap;align-items:center;
}
.history_conarea .histroy_contents>div .history_lists .history_section{display:flex;align-items:center;height:510px;}
.history_conarea .histroy_contents>div ul{display:flex;width:100%;}
.history_conarea .histroy_contents>div ul li{margin-right:140px;position:relative;}
.history_conarea .histroy_contents>div ul li:last-child{padding-right:100px;margin:0;}
.history_conarea .histroy_contents>div ul li .yt{}
.history_conarea .histroy_contents>div ul li .yt .year{margin-bottom:0px;font-family:"NanumSquare_acEB";font-size:30px;}
.history_conarea .histroy_contents>div ul li .yt .tit{margin-top:5px;font-family:"NanumSquare_acEB";font-size:20px;line-height:150%;}
.history_conarea .histroy_contents>div ul li p{margin-top:10px;font-size:17px;color:#888;line-height:170%;}
.history_conarea .histroy_contents>div ul li a{}
.history_conarea .histroy_contents>div ul li a span{display:inline-block;vertical-align:top;position:relative;}
.history_conarea .histroy_contents>div ul li .yt .tit .ico_btn{
	width:20px;height:20px;
	margin:5px 0 0 10px;
	background:#ed7a00;
	border-radius:50%;
}
.history_conarea .histroy_contents>div ul li .yt .tit .ico_btn:before{
	display:block;content:"";
	width:8px;height:2px;
	background:#fff;
	position:absolute;left:6px;top:9px;
}
.history_conarea .histroy_contents>div ul li .yt .tit .ico_btn:after{
	display:block;content:"";
	width:2px;height:8px;
	background:#fff;
	position:absolute;left:9px;top:6px;
}
.history_conarea .histroy_contents>div ul.downarea li .yt .tit .ico_btn{background:#1270de;}


.history_conarea .histroy_contents>div .history_lists .uparea{
	align-items:flex-end;
	margin:0 0 100px -8px;
	padding:0 80px 0 60px;
	border-bottom:2px solid #f08614;
}
.history_conarea .histroy_contents>div .history_lists .uparea:before{
	display:block;content:"";

}
.history_conarea .histroy_contents>div .history_lists .uparea{}
.history_conarea .histroy_contents>div .history_lists .uparea li{padding-bottom:40px;}
.history_conarea .histroy_contents>div .history_lists .uparea li:before{
	display:block;content:"";
	width:2px;height:28px; 
	background:#f08614;
	position:absolute;left:0;bottom:0;
}
.history_conarea .histroy_contents>div .history_lists .uparea li:after{
	display:block;content:"";box-sizing:border-box;
	width:10px;height:10px; 
	background:#fff;
	border:2px solid #f08614;border-radius:50%;
	position:absolute;left:-4px;bottom:-6px;
}
.history_conarea .histroy_contents>div .history_lists .uparea li a{position:relative;}
.history_conarea .histroy_contents>div .history_lists .uparea li .yt{}
.history_conarea .histroy_contents>div .history_lists .uparea li .yt .year{color:#f18613;}
.history_conarea .histroy_contents>div .history_lists .uparea li .yt .tit{color:#f18613;}

.history_conarea .histroy_contents>div .history_lists .downarea{
	align-items:start-flex;
	margin:0 0 0 -8px;
	padding:0 0 0 140px;
	border-top:2px solid #1370dd;
}
.history_conarea .histroy_contents>div .history_lists .downarea:before{}
.history_conarea .histroy_contents>div .history_lists .downarea li{padding-top:40px;}
.history_conarea .histroy_contents>div .history_lists .downarea li:before{
	display:block;content:"";
	width:2px;height:28px; 
	background:#1370dd;
	position:absolute;left:0;top:0;
}
.history_conarea .histroy_contents>div .history_lists .downarea li:after{
	display:block;content:"";box-sizing:border-box;
	width:10px;height:10px; 
	background:#fff;
	border:2px solid #1370dd;border-radius:50%;
	position:absolute;left:-4px;top:-6px;
}
.history_conarea .histroy_contents>div .history_lists .downarea li a{}
.history_conarea .histroy_contents>div .history_lists .downarea li .yt .year{color:#1270de;}
.history_conarea .histroy_contents>div .history_lists .downarea li .yt .tit{color:#1270de;}


.history_conarea .histroy_contents>div ul.uparea li:nth-child(1){}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(2){}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(3){margin-right: 190px;}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(4){margin-right: 410px;}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(5){margin-right: 791px;}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(6){margin-right: 207px;}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(7){margin-right: 854px;}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(8){margin-right: 1680px;}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(9){margin-right: 1312px;}
.history_conarea .histroy_contents>div ul.uparea li:nth-child(10){}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(1){margin-right:288px;}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(2){margin-right: 90px;}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(3){margin-right: 490px;}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(4){margin-right: 290px;}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(5){margin-right: 300px;}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(6){margin-right: 300px;}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(7){}
.history_conarea .histroy_contents>div ul.downarea li:nth-child(8){}





.history_conarea .years_tabs{position:absolute;left:0;bottom:0;width:100%;}
.history_conarea .years_tabs ul{display:flex;}
.history_conarea .years_tabs ul li{
	box-sizing:border-box;
	width:25%;
	border-right:1px solid #ddd;
	text-align:center;
}
.history_conarea .years_tabs ul li a{
	display:flex;justify-content:center;align-items:center; 
	position:relative;
	width:100%;height:100px;
	background:#fff;
}
.history_conarea .years_tabs ul li a .year{font-family:"NanumSquare_acEB";color:rgba(34,34,34,0.5);font-size:20px;}
.history_conarea .years_tabs ul li a p{font-size:17px;color:rgba(136,136,136,0.5);}
.history_conarea .years_tabs ul li.on a{background:#03569f;}
.history_conarea .years_tabs ul li.on a .year{color:#fff;}
.history_conarea .years_tabs ul li.on a p{color:#fff;}


#bgblack{
	display:none;
	position:fixed;left:0;top:0;z-index:2000;
	width:100vw;height:100vh;
	background:rgba(0,0,0,0.7);
}
.btn_x{
	overflow:hidden;
	position:relative;
	width:90px;height:90px;
	cursor:pointer;
	float:right;margin-bottom:20px;
}
.btn_x>div:nth-child(1){
	box-sizing:border-box;
	position:absolute;left:0;top:50%;
	width:100%;height:38px;
	background:#1f4a97;
	transform:translateY(-50%);
}
.btn_x>div:nth-child(2){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:38px;height:100%;
	background:#1f4a97;
	transform:translateX(-50%);
}
.btn_x>div:nth-child(3){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:38px;height:100%;
	background:#1f4a97;
	transform:rotate(-45deg);
	margin-left:-19px;
}
.btn_x>div:nth-child(4){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:38px;height:100%;
	background:#1f4a97;
	transform:rotate(45deg);
	margin-left:-19px;
}
.history_pop{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.history_pop .conwrap{
	box-sizing:border-box;
	display:flex;align-items:center;
	background:#ececec url(../images/page/history_pop_bg.jpg) no-repeat center;background-size:cover;
	overflow-y:auto;
	width:100%;height:700px;
	padding:0 7%;
}
.history_pop .conwrap>div{width:100%;}
.history_pop .conwrap>div:nth-child(1){display:none;}
.history_pop .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:36px;text-align:center;margin-bottom:50px;}
.history_pop .conwrap .value{}
.history_pop .conwrap .value ul{display:flex;justify-content:space-between;align-items:center;}
.history_pop .conwrap .value ul li{
	position:relative;
	box-sizing:border-box;
	display:flex;justify-content:center;align-items:center;
	border-radius:50%;text-align:center;word-break:keep-all;
}
.history_pop .conwrap .value ul li:nth-child(1){
	order:2;
	width:276px;height:276px;
	background: linear-gradient(to bottom,#1f4a97, #57acd2);
}
.history_pop .conwrap .value ul li:nth-child(1):before{
	display:block;content:"";
	width:30px;height:16px;
	background:url(../images/page/history_pop_1_arr1.png) no-repeat;
	position:absolute;right:100%;top:50%;
	margin:-8px 14% 0 0;
}
.history_pop .conwrap .value ul li:nth-child(1):after{
	display:block;content:"";
	width:30px;height:16px;
	background:url(../images/page/history_pop_1_arr2.png) no-repeat;
	position:absolute;left:100%;top:50%;
	margin:-8px 0 0 14%;
}
.history_pop .conwrap .value ul li:nth-child(1) .sbj{font-family:"NanumSquare_acEB";color:#fff;font-size:24px;margin-top:15px;}
.history_pop .conwrap .value ul li:nth-child(2){
	order:1;
	width:320px;height:320px;
	padding:8px;
	border:2px dotted #1f4a97;
}
.history_pop .conwrap .value ul li:nth-child(2) .sbj{font-family:"NanumSquare_acEB";color:#222;font-size:24px;margin:10px 0 15px;}
.history_pop .conwrap .value ul li:nth-child(2) p{font-size:17px;color:#888;line-height:170%;}
.history_pop .conwrap .value ul li:nth-child(3){
	order:3;
	width:320px;height:320px;
	padding:8px;
	border:2px dotted #57acd2;
}
.history_pop .conwrap .value ul li:nth-child(3) .sbj{font-family:"NanumSquare_acEB";color:#222;font-size:24px;margin:10px 0 15px;}
.history_pop .conwrap .value ul li:nth-child(3) p{font-size:17px;color:#888;line-height:170%;}
.history_pop .conwrap .value ul li .line1{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;width:100%;height:100%;border-radius:50%;
	
}
.history_pop .conwrap .value ul li:nth-child(2) .line1{border:1px solid #1f4a97;}
.history_pop .conwrap .value ul li:nth-child(3) .line1{border:1px solid #57acd2;}
.history_pop .conwrap .txt{
	text-align:center;margin-top:40px;
	font-family:"NanumSquare_acB";color:#000;font-size:24px;
} 
.history_pop .conwrap .txt strong{font-family:"NanumSquare_acEB";color:#1f4a97;}


.history_pop .conwrap .history_1986{}
.history_pop .conwrap .history_1986 .area1{	
	display:flex;align-items:center;
	width:489px;height:164px;
	margin:0 auto 5px;
	background: linear-gradient(to right,#1f4a97, #57acd2);
	border-radius:150px;text-align:center;
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
}
.history_pop .conwrap .history_1986 .area1>div{width:100%;}
.history_pop .conwrap .history_1986 .area1>div .sbj{
	margin-top:20px;
	font-family:"NanumSquare_acEB";color:#fff;font-size:22px;
}
.history_pop .conwrap .history_1986 .area2{
	position:relative;box-sizing:border-box;
	padding:5% 8%;
	font-family:"NanumSquare_acB";color:#222;text-align:center;font-size:24px;line-height:150%;word-break:keep-all;
}
.history_pop .conwrap .history_1986 .area2 strong{font-family:"NanumSquare_acEB";color:#1f4a97;}
.history_pop .conwrap .history_1986 .area2:before{
	display:block;content:"";
	width:7%;height:100%;
	background:url(../images/page/history_pop_2_dot1.png) no-repeat;
	background-size:auto 100%;
	position:absolute;left:0;top:0;
}
.history_pop .conwrap .history_1986 .area2:after{
	display:block;content:"";
	width:7%;height:100%;
	background:url(../images/page/history_pop_2_dot2.png) no-repeat;
	background-size:auto 100%;
	position:absolute;right:0;top:0;
}


.business{
	overflow:hidden;
	display:flex;align-items:center;-webkit-justify-content:center;
	width:100%;height:100vh;
	background:url(../images/page/m21_business_bg.jpg) no-repeat center;
}
.business.code001001{background:url(../images/page/m21_business_bg1.jpg) no-repeat center;background-size:cover;}
.business.code001002{background:url(../images/page/m21_business_bg2.jpg) no-repeat center;background-size:cover;}
.business.code001003{background:url(../images/page/m21_business_bg3.jpg) no-repeat center;background-size:cover;}
.business.code001004{background:url(../images/page/m21_business_bg4.jpg) no-repeat center;background-size:cover;}
.business.code001005{background:url(../images/page/m21_business_bg5.jpg) no-repeat center;background-size:cover;}
.business.code001006{background:url(../images/page/m21_business_bg6.jpg) no-repeat center;background-size:cover;}
.business.code001007{background:url(../images/page/m21_business_bg7.jpg) no-repeat center;background-size:cover;}

.business.code002001{background:url(../images/page/m21_business_bg8.jpg) no-repeat center;background-size:cover;}
.business.code002002{background:url(../images/page/m21_business_bg9.jpg) no-repeat center;background-size:cover;}
.business.code002003{background:url(../images/page/m21_business_bg10.jpg) no-repeat center;background-size:cover;}

.business.code003001{background:url(../images/page/m21_business_bg11.jpg) no-repeat center;background-size:cover;}
.business.code003002{background:url(../images/page/m21_business_bg12.jpg) no-repeat center;background-size:cover;}
.business.code003003{background:url(../images/page/m21_business_bg14.jpg) no-repeat center;background-size:cover;}
.business.code003004{background:url(../images/page/m21_business_bg13.jpg) no-repeat center;background-size:cover;}
.business.code003005{background:url(../images/page/m21_business_bg15.jpg) no-repeat center;background-size:cover;}

.business.code004001{background:url(../images/page/m21_business_bg16.jpg) no-repeat center;background-size:cover;}
.business.code004002{background:url(../images/page/m21_business_bg17.jpg) no-repeat center;background-size:cover;}
.business.code004003{background:url(../images/page/m21_business_bg18.jpg) no-repeat center;background-size:cover;}
.business.code004004{background:url(../images/page/m21_business_bg19.jpg) no-repeat center;background-size:cover;}
.business.code004005{background:url(../images/page/m21_business_bg20.jpg) no-repeat center;background-size:cover;}

.business.code005001{background:url(../images/page/m21_business_bg21.jpg) no-repeat center;background-size:cover;}
.business.code005002{background:url(../images/page/m21_business_bg22.jpg) no-repeat center;background-size:cover;}


.business h3{font-family:"NanumSquare_acEB";font-size:36px;color:#fff;text-align:center;}
.business ul{display:flex;justify-content:space-between;margin-top:30px;width:100%;perspective:800px;}
.business ul li{
	position:relative;
	max-width:400px;
	background:#fff;word-wrap:keep-all;
	transform-origin:center;transition:all 0.4s;
}
.business ul li:hover{transform:translateY(-0px);box-shadow:0 4px 5px rgba(0,0,0,0.5);}
.business ul li a{}
.business ul li .thumb{overflow:hidden;}
.business ul li .thumb img{transform:scale(1);transition:all 0.4s;}
.business ul li:hover .thumb img{transform:scale(1.05);}
.business ul li .info{padding:30px;}
.business ul li .info .sbj{
	font-size:19px;color:#444;font-weight:500;word-break:keep-all;margin-bottom:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;	
	line-height: 1.5em;height: 3.0em;
}
.business ul li .info .more{font-family:"Montserrat";font-size:11px;font-weight:600;color:#555;transition:all .4s;}
.business ul li:hover .info .more{color:#03569f;}

.business ul li:before{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;left:0;top:0;z-index:10;transition:all 0.4s;
}
.business ul li:after{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;right:0;bottom:0;z-index:10;transition:all 0.4s;
}
.business ul li a:before{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;left:0;top:0;z-index:10;transition:all 0.4s 0.2s;
}
.business ul li a:after{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;right:0;bottom:0;z-index:10;transition:all 0.4s 0.2s;
}
.business ul li:hover:before{width:100%;}
.business ul li:hover:after{width:100%;}
.business ul li:hover a:before{height:100%;}
.business ul li:hover a:after{height:100%;}



.more_scroll{position:relative;text-align:center;cursor:pointer;}
.more_scroll .tit{font-family:"Montserrat";font-size:14px;font-weight:600;color:#888;line-height: 1em;}
.more_scroll .arr{position: relative;width:10px;height:14px;margin: 9px auto 0;background: url('../images/page/more_scroll_arr1.png')no-repeat top left;}
.btn_top{position:fixed;right:3%;top:60%;z-index:3000;cursor:pointer;display:none;}
.btn_top svg{width:80px;height:80px;}
.btn_top svg .arr{transform-origin:center;transform:rotate(90deg) translateX(-8px);-ms-transform:rotate(90deg) translateX(-8px)}
.btn_top svg .line{transform-origin:center;transition:all 0.6s}
.btn_top:hover svg .line{transform:rotate(45deg);}

.btn_top.wh svg .arr{fill:#fff}
.btn_top.wh svg .line{fill:#fff}
.btn_top.wh svg text{fill:#fff}

.btn_top.type2 .st0{fill:none;stroke:#03569F;stroke-width:1.2;stroke-miterlimit:10;}
.btn_top.type2 .st1{enable-background:new    ;}
.btn_top.type2 .st2{fill:#03569F;}
.btn_top.type2 .st3{font-family:'Montserrat'; font-weight: 700;}
.btn_top.type2 .st4{font-size:12px;}

.btn_top.wh.type2 .st0{stroke:#fff; fill:transparent;}
.btn_top.wh.type2 .st2{fill:#fff;}
.btn_top.wh.type2 .st3{font-weight: 600;}

.line_prev{transform-origin:center;transition:all 0.4s;}
.line_next{transform-origin:center;transition:all 0.4s;}


/* bbs */
.bbs{padding:115px 0 0;}

.slg{
	margin:50px 0 70px;padding:0 4%;
	font-family:"NanumSquare_acB";font-size:36px;color:#222;text-align:center;line-height:140%;word-break:keep-all;
}
.slg strong{font-family:"NanumSquare_acEB";color:#03569f;}

.bbs .list1{padding:95px 0 150px;background:#f9f9f9;}
.bbs .list1 ul{display:flex;flex-wrap:wrap;}
.bbs .list1 ul li{
	width:30.076%;
	margin:0 4.85% 4.85% 0;
}
.bbs .list1 ul li:nth-child(3n){margin-right:0;}
.bbs .list1 ul li a{display:block;position:relative;transition:all 0.6s 0.4s;}
.bbs .list1 ul li>a:hover{transform:translateZ(0px);box-shadow:3px 3px 5px rgba(0,0,0,0.4);}
.bbs .list1 ul li .info{box-sizing:border-box;height:205px;text-align:left;padding:0;transition:all 0.3s ease-out}
.bbs .list1 ul li:hover .info{padding:18px;background:#fff;}
.bbs .list1 ul li .info .cate{margin-bottom:25px;}
.bbs .list1 ul li .info .cate span{
	display:inline-block;box-sizing:border-box;
	padding:0 15px;
	font-family:"Roboto";font-size:14px;text-align:center;line-height:32px;
}
.bbs .list1 ul li .info .cate span.cate_notice{border:1px solid #ed722f;color:#ed722f;}
.bbs .list1 ul li .info .cate span.cate_news{border:1px solid #00a1e4;color:#00a1e4;}
.bbs .list1 ul li .info .sbj{
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp:2; /* 라인수 */
	-webkit-box-orient: vertical;
	line-height: 1.5em;height:3.0em;	
	font-size:24px;color:#000;font-weight:600;word-break:keep-all;
	margin-bottom:20px;
}
.bbs .list1 ul li .info .date{font-family:"Roboto";font-size:17px;color:rgba(0,0,0,0.7);}
.bbs .list1 ul li .thumb{overflow:hidden;}
.bbs .list1 ul li .thumb img{transform:scale(1);width:100%;transition:all 0.6s;}
.bbs .list1 ul li:hover .thumb img{transform:scale(1.05);}

.bbs .list1 ul li .thumb:before{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;right:0;top:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
.bbs .list1 ul li .thumb:after{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;left:0;bottom:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
.bbs .list1 ul li .info:before{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;left:0;top:0;z-index:1;transition:all 0.3s 0.0s ease-out;
}
.bbs .list1 ul li .info:after{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;right:0;bottom:0;z-index:1;transition:all 0.3s  ease-out;
}
.bbs .list1 ul li:hover .thumb:before{width:100%;transition:all 0.3s 0s ease-out;}
.bbs .list1 ul li:hover .thumb:after{width:100%;transition:all 0.3s 0s ease-out;}
.bbs .list1 ul li:hover .info:before{height:100%;transition:all 0.3s 0.3s ease-out;}
.bbs .list1 ul li:hover .info:after{height:100%;transition:all 0.3s 0.3s ease-out;}


.bbs .list2{padding:95px 0 150px;background:#f9f9f9;}
.bbs .list2 ul{border-top:2px solid #222;}
.bbs .list2 ul li{
	display:flex;flex-wrap:wrap;	
	border-bottom:1px solid #ccc;
	font-size:17px;color:#888;text-align:center;
}


/* paging */
.paging{margin:50px 0 0;text-align:center;}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:46px;height:46px;line-height:44px;
	font-family:"Roboto";font-size:17px;color:rgba(0,0,0,0.6);
	border:1px solid #ddd;
}
.paging a img{vertical-align:top;}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:46px;height:46px;line-height:44px;
	font-family:"Roboto";font-size:17px;color:#fff;
	border:1px solid #444;background:#444;
}
.paging a.begin{border:0;opacity:0.5;}
.paging a.prev{border:0;margin-right:25px;}
.paging a.next{border:0;margin-left:25px;}
.paging a.end{border:0;opacity:0.5;}





/* m42_1 */
.m42_1{overflow:hidden;}
.years_tab{max-width:1320px;width:94%;margin:50px auto 100px;}
.years_tab ul{display:flex;justify-content:space-between;}
.years_tab ul li{width:19%;}
.years_tab ul li a{
	display:block;box-sizing:border-box;
	font-size:17px;color:#888;text-align:center;
	height:45px;line-height:45px;
	border-bottom:1px solid #ddd;
}
.years_tab ul li.on a{border-bottom:2px solid #03569f;color:#03569f;}

.list3{padding:115px 0;background:#f9f9f9;}
.list3 h4{font-size:34px;color:#222;font-weight:bold;text-align:center;}
.list3 .keccman{
	margin:60px 0;
	background:#fff;
	box-shadow:1px 1px 0 #ccc inset, -1px -1px 0 #ccc inset;
}
.list3 .btn_keccman{
	display:block;position:relative;
	padding:20px 35px;
	font-size:22px;color:#222;text-align:left;font-weight:500;
	border:2px solid #03569f;background:#fff;
}
.list3 .btn_keccman>span{
	position:relative;display:inline-block;
	padding:15px 0 15px 80px;
	background:url(../images/page/m42_1_ico1.png) no-repeat left top;
}
.list3 .btn_keccman>div{width:100%;height:2px;background:#03569f;margin-bottom:5px;}
.list3 .btn_keccman:after{
	display:block;content:"";
	width:0;height:0;
	border-bottom:8px solid #03569f;
	border-left:7px solid transparent;border-right:7px solid transparent;
	position:absolute;right:50px;top:50%;margin-top:-4px;
	transform:rotate(180deg);transition:transform 0.4s;
}
.list3 .btn_keccman.on:after{transform:rotate(-0deg);}

.list3 .list{display:none;padding:50px;}
.list3 .list.on{display:block;}
.list3 .list table{width:100%;border-top:2px solid #222;}
.list3 .list table th{
	padding:10px;
	background:#f7fafc;
	border-bottom:1px solid #ddd;
	font-size:16px;color:#222;font-weight:500;text-align:center;
}
.list3 .list table td{
	padding:10px;
	border-bottom:1px solid #ddd;
	font-size:16px;color:#888;font-weight:400;text-align:center;
}
.list3 .list .list_table{display:flex;justify-content:space-between;}
.list3 .list .list_table table{width:48.5%;}



/* bbs view */
.bbsview{margin-top:70px;padding:115px 0;background:#f9f9f9;}
.bbsview table{width:100%;border-top:2px solid #222;}
.bbsview table th{
	padding:45px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.bbsview table th .cate{margin-bottom:20px;}
.bbsview table th .cate span{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	height:35px;
	padding:0 13px;margin-right:5px;
	font-size:16px;text-align:center;line-height:33px;
} 
.bbsview table th .cate .ing{
	border:1px solid #03569f;
	background:#03569f;color:#fff;
}
.bbsview table th .cate .end{
	border:1px solid #d1d1d1;
	background:#d1d1d1;color:#fff;
}
.bbsview table th .cate .new{
	border:1px solid #03569f;color:#03569f;
}
.bbsview table th .cate .old{
	border:1px solid #ed722f;color:#ed722f;
}
.bbsview table th .cate .newold{
	border:1px solid #00a1e4;color:#00a1e4;
}
.bbsview table th .sbj{margin-bottom:10px;font-family:"NanumSquare_acEB";font-size:24px;color:#222;}
.bbsview table th .date{font-family:"Montserrat";font-size:18px;color:#888;font-weight:500;}
.bbsview table td{
	padding:25px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.bbsview table td.file{background:#f2f2f2;}
.bbsview table td.file dl{display:inline-flex;flex-wrap:wrap;}
.bbsview table td.file dl dt{margin-right:15px;font-size:17px;color:#222;font-weight:500;}
.bbsview table td.file dl dd{}
.bbsview table td.file dl dd a{display:block;font-size:17px;color:#888;}
.bbsview table td.file dl dd a img{margin-left:5px;}
.bbsview table td.viewcon{padding:100px 0;font-size:17px;}
.bbsview table td.viewcon img{}
.bbsview table td.viewcon iframe{}
.bbsview table td.viewcon .btn_recruit{margin-top:100px;}
.bbsview table td.viewcon .btn_recruit svg {width: 226px;height: 57px;}
.bbsview table td.page{}
.bbsview table td.page>div{display:flex;justify-content:space-between;align-items:center;}
.bbsview table td.page>div .prev{width:50%;box-sizing:border-box;text-align:left;padding:0 30px;border-right:1px solid #ccc;}
.bbsview table td.page>div .next{width:50%;box-sizing:border-box;text-align:right;padding:0 30px;}
.bbsview table td.page>div dl{display:inline-flex;}
.bbsview table td.page>div dl dt{position:relative;font-size:17px;color:#222;font-weight:500;}
.bbsview table td.page>div .prev dl dt{padding-left:25px;}
.bbsview table td.page>div .prev dl dt:before{
	display:block;content:"";
	width:0;height:0;
	border-right:7px solid #222;
	border-top:5px solid transparent;border-bottom:5px solid transparent;
	position:absolute;left:0;top:8px;
}
.bbsview table td.page>div .next dl dt{padding-right:25px;}
.bbsview table td.page>div .next dl dt:before{
	display:block;content:"";
	width:0;height:0;
	border-left:7px solid #222;
	border-top:5px solid transparent;border-bottom:5px solid transparent;
	position:absolute;right:0;top:8px;
}
.bbsview table td.page>div dl dd{padding:0 20px;font-size:17px;color:#888;}
.bbsview table td.page>div .next dl{flex-direction:row-reverse}

.bbsview .btn_list{margin:50px 0 0;text-align:center;}
.bbsview .btn_list svg{width:226px;height:57px;}




.pop_st1{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.pop_st1 .conwrap{
	box-sizing:border-box;
	background:#fff;
	overflow-y:auto;
	width:100%;height:650px;
	padding:0 5%;
}
.pop_st1 .conwrap>div{width:100%;padding:60px 0;}
.pop_st1 .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:30px;text-align:center;margin-bottom:50px;}
.pop_st1 .conwrap .textwrap{}
.pop_st1 .conwrap .textwrap textarea{
	box-sizing:border-box;
	width:100%;height:400px;
	background:#f8f8f8;
	font-size:17px;color:#555;word-break:keep-all;line-height:170%;
	border:0;outline:0;resize:none;
	padding:30px
}


.pop_form{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.pop_form .conwrap{
	box-sizing:border-box;
	background:#fff;
	overflow-y:auto;
	width:100%;height:650px;
	padding:60px 5%;
}
.pop_form .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:30px;text-align:center;margin-bottom:10px;}
.pop_form .conwrap p{font-size:17px;color:#888;text-align:center;margin-bottom:50px;}
.pop_form .conwrap .formarea{}
.pop_form .conwrap .formarea>div{margin-bottom:70px;}
.pop_form .conwrap .formarea>div:last-child{margin-bottom:0;}
.pop_form .conwrap .formarea>div .tit2{font-size:23px;color:#222;font-weight:500;margin-bottom:20px;}
.pop_form .conwrap .formarea>div table{width:100%;border-top:2px solid #222;border-collapse:collapse;}
.pop_form .conwrap .formarea>div table th{
	box-sizing:border-box;
	width:190px;
	padding:20px 25px;
	border-bottom:1px solid #ddd;background:#f6fafd;
	font-size:17px;color:#222;text-align:left;
}
.pop_form .conwrap .formarea>div table td{
	box-sizing:border-box;
	min-height:80px;padding:10px 25px;
	border-bottom:1px solid #ddd;
	font-size:17px;color:#222;text-align:left;
}
.pop_form .conwrap .formarea>div table td input[type="radio"]{border:1px solid #888;width:20px;height:20px;}
.pop_form .conwrap .formarea>div table td input[type="radio"] ~ label{
	margin:0 30px 0 10px;
	font-size:17px;color:#888;
}
.pop_form .conwrap .formarea>div table td input[type="text"],
.pop_form .conwrap .formarea>div table td input[type="password"]{
	box-sizing:border-box;
	border:0;outline:0;background:#f8f8f8;
	height:50px;
	padding:0 25px;
	font-size:17px;
}
.pop_form .conwrap .formarea>div table td input[type="file"]{
	box-sizing:border-box;
	border:0;outline:0;background:#f8f8f8;
	height:50px;line-height:50px;
	padding:0 25px;
	font-size:17px;
}
.pop_form .conwrap .formarea>div table td textarea{
	box-sizing:border-box;
	border:0;outline:0;resize:none;background:#f8f8f8;
	width:100%;height:200px;
	padding:25px;
	font-size:17px;
}
.pop_form .conwrap .formarea>div table td select{
	box-sizing:border-box;
	border:0;outline:0;resize:none;background:#f8f8f8;
	width:30%;height:50px;
	padding:15px 15px;
	font-size:17px;
}
.pop_form .conwrap .formarea>div table td .flex{display:flex;justify-content:space-between;align-items:center;}
.pop_form .conwrap .formarea>div table td .w100{width:100%;}
.pop_form .conwrap .formarea>div table td .w1{width:30%;}
.pop_form .conwrap .formarea>div table td .flex>div{width:5%;text-align:center;}
.pop_form .conwrap .formarea>div table td .flex>div.etc1{width:3%;text-align:center;}
.agreewrap{
	border-top:2px solid #222;border-bottom:1px solid #ddd;
	padding:30px 0;
}
.agreewrap .txtarea{}
.agreewrap .txtarea textarea{
	box-sizing:border-box;
	border:0;outline:0;resize:none;background:#f8f8f8;
	width:100%;height:390px;
	padding:25px;
	font-size:17px;color:#777;line-height:170%;word-break:keep-all;
}
.agreewrap .chkarea{margin-top:10px;}
.agreewrap .chkarea input[type="radio"]{border:1px solid #888;width:20px;height:20px;}
.agreewrap .chkarea input[type="radio"] ~ label{
	margin:0 30px 0 10px;
	font-size:17px;color:#888;
}
.pop_form .conwrap  .btn_send{
	position:relative;
	margin:50px auto;
	width:222px;height:57px;
	text-align:center;	
}
.pop_form .conwrap  .btn_send text{font-weight:500;}
.pop_form .conwrap  .btn_send:hover .line{animation:btn2 2s linear;}


.popSearch{max-width:1000px;}
.popSearch .conwrap{}
.popSearch .conwrap .tit{margin-bottom:0;}
.popSearch .conwrap .searchwrap{
	display:flex;justify-content:space-between;
	padding:0;
}
.popSearch .conwrap .searchwrap input{
	box-sizing:border-box;
	width:calc(100% - 170px);
	padding:0 0 0 60px;
	border:1px solid #ddd;
	background:#fff url(../images/page/ico_search1.png) no-repeat 20px center;
	font-size:17px;
}
.popSearch .conwrap .searchwrap button{
	width:160px;height:60px;
	background:#666;border:0;
	font-size:17px;color:#fff;
}
.popSearch .conwrap .search_result{padding:0;margin:20px 0 40px;}
.popSearch .conwrap .search_result table{width:100%;border-top:2px solid #222;background:#f8f8f8;}
.popSearch .conwrap .search_result table th{
	padding:20px;
	background:#ebf2f7;
	font-size:18px;color:#111;text-align:center;font-weight:500;
}
.popSearch .conwrap .search_result table td{padding:0 40px;border-bottom:1px solid #ccc;}
.popSearch .conwrap .search_result table td ul{height:230px;overflow-y:auto;}
.popSearch .conwrap .search_result table td ul li{
	display:flex;justify-content:space-between;
	padding:20px 0;
	border-bottom:1px solid #ccc;
	font-size:18px;color:#111;
}
.popSearch .conwrap .search_result table td ul li button{
	width:70px;height:34px;
	background:#03569f;border:0;
	font-size:17px;color:#fff;
}
.popSearch .conwrap .cnameSearch{padding:0 0 40px;}
.popSearch .conwrap .cnameSearch p{font-size:17px;color:#555;text-align:center;margin-bottom:15px;}
.popSearch .conwrap .cnameSearch input{	
	background:#f8f8f8;
	border:0;
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 20px;outline:0;
	font-size:17px;
}
.popSearch .conwrap .btns{margin:0 0 60px;padding:0;text-align:center;}




/* pop_number */
.pop_number{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.pop_number .conwrap{
	box-sizing:border-box;
	background:#fff;
	overflow-y:auto;
	width:100%;height:500px;
	padding:60px 5%;
}
.pop_number .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:30px;text-align:center;margin-bottom:10px;}
.pop_number .conwrap p{font-size:17px;color:#888;text-align:center;margin-bottom:50px;}
.pop_number .conwrap .number_area{text-align:center;}
.pop_number .conwrap .number_area input{
	max-width:620px;
	width:94%;height:100px;
	margin:0 auto;
	background:#f8f8f8;
	font-size:18px;color:#03569f;text-align:center;
	border:0;outline:0;
}
.pop_number .conwrap  .btn_send{
	position:relative;
	margin:50px auto;
	width:222px;height:57px;
	text-align:center;	
}
.pop_number .conwrap  .btn_send text{font-weight:500;}
.pop_number .conwrap  .btn_send:hover .line{animation:btn2 2s linear;}



/* pop_number */
.pop_result{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.pop_result .conwrap{
	box-sizing:border-box;
	background:#fff;
	overflow-y:auto;
	width:100%;height:580px;
	padding:110px 5% 0;
}
.pop_result .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:30px;text-align:center;margin-bottom:10px;}
.pop_result .conwrap p{font-size:17px;color:#888;text-align:center;margin-bottom:50px;}
.pop_result .conwrap .input_area{text-align:center;}
.pop_result .conwrap .input_area>div{margin-bottom:10px;}
.pop_result .conwrap .input_area input{
	max-width:620px;
	width:94%;height:60px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 0 0 50px;
	background:#f8f8f8;
	font-size:18px;color:#444;text-align:left;
	border:0;outline:0;
}
.pop_result .conwrap .input_area div:nth-child(1) input{background:#f8f8f8 url(../images/page/pop_result_icon1.png) no-repeat 20px center;}
.pop_result .conwrap .input_area div:nth-child(2) input{background:#f8f8f8 url(../images/page/pop_result_icon2.png) no-repeat 20px center;}
.pop_result .conwrap  .btn_send{
	position:relative;
	margin:50px auto;
	width:222px;height:57px;
	text-align:center;	
}
.pop_result .conwrap  .btn_send text{font-weight:500;}
.pop_result .conwrap  .btn_send:hover .line{animation:btn2 2s linear;}





/* pop_result_list */
.pop_result_list{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.pop_result_list .conwrap{
	box-sizing:border-box;
	background:#fff;
	overflow-y:auto;
	width:100%;height:650px;
	padding:110px 5% 80px;
}
.pop_result_list .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:30px;text-align:center;margin-bottom:10px;}
.pop_result_list .conwrap p{font-size:17px;color:#888;text-align:center;margin-bottom:50px;}
.pop_result_list .conwrap .list{}
.pop_result_list .conwrap .list table{width:100%;border-top:2px solid #000;}
.pop_result_list .conwrap .list table th{
	padding:20px;
	border-bottom:1px solid #ddd;
	background:#f6fafd;
	font-size:18px;color:#222;
}
.pop_result_list .conwrap .list table td{
	padding:20px;
	border-bottom:1px solid #ddd;
	font-size:18px;color:#333;text-align:center;
}
.pop_result_list .conwrap .list table td a{font-size:18px;color:#333;}
.pop_result_list .conwrap .list table td span{
	display:inline-block;
	width:85px;height:35px;
	font-size:16px;text-align:center;line-height:33px;
}
.pop_result_list .conwrap .list table td span.state1{border:1px solid #1f4a97;color:#1f4a97;}
.pop_result_list .conwrap .list table td span.state2{border:1px solid #1f4a97;color:#1f4a97;}
.pop_result_list .conwrap .list table td span.state3{border:1px solid #009944;color:#009944;}

.pop_result_list .conwrap .btn_send{
	position:relative;
	margin:50px auto;
	width:222px;height:57px;
	text-align:center;	
}
.pop_result_list .conwrap .btn_send text{font-weight:500;}
.pop_result_list .conwrap .btn_send:hover .line{animation:btn2 2s linear;}




/* pop_result_view */
.pop_result_view{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.pop_result_view .conwrap{
	box-sizing:border-box;
	background:#fff;
	overflow-y:auto;
	width:100%;height:650px;
	padding:110px 5% 0;
}
.pop_result_view .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:30px;text-align:center;margin-bottom:10px;}
.pop_result_view .conwrap p{font-size:17px;color:#888;text-align:center;margin-bottom:50px;}
.pop_result_view .conwrap .view{}
.pop_result_view .conwrap .view table{width:100%;border-top:2px solid #000;}
.pop_result_view .conwrap .view table th{
	padding:40px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.pop_result_view .conwrap .view table th .state{}
.pop_result_view .conwrap .view table th .state span{
	display:inline-block;
	width:85px;height:35px;
	font-size:16px;text-align:center;line-height:33px;
}
.pop_result_view .conwrap .view table th .state .cate1{border:1px solid #03569f;background:#03569f;color:#fff;}
.pop_result_view .conwrap .view table th .state .state1{border:1px solid #1f4a97;color:#1f4a97;}
.pop_result_view .conwrap .view table th .state .state2{border:1px solid #1f4a97;color:#1f4a97;}
.pop_result_view .conwrap .view table th .state .state3{border:1px solid #009944;color:#009944;}
.pop_result_view .conwrap .view table th .tit{margin-top:20px;font-family:"NanumSquare_acEB";color:#333;font-size:24px;}
.pop_result_view .conwrap .view table td{
	padding:40px;
	text-align:center;
	border-bottom:1px solid #ccc;
	font-size:17px;
}
.pop_result_view .conwrap .view table .file td{background:#f8f8f8;}
.pop_result_view .conwrap .view table .file td dl{display:inline-flex;flex-wrap:wrap;}
.pop_result_view .conwrap .view table .file td dl dt{width:80px;font-size:17px;color:#000;}
.pop_result_view .conwrap .view table .file td dl dd{width:calc(100% - 80px);}
.pop_result_view .conwrap .view table .file td dl dd a{display:inline-block;font-size:17px;color:#666;}
.pop_result_view .conwrap .view .reply{
	position:relative;
	padding:30px	85px;
	font-size:17px;color:#222;font-weight:500;
	border-bottom:1px solid #ccc;
}
.pop_result_view .conwrap .view .reply:before{
	display:block;content:"A";
	width:50px;height:50px;
	background:#03569f;
	border-radius:50%;
	font-size:23px;color:#fff;text-align:center;line-height:50px;
	position:absolute;left:20px;top:50%;margin-top:-25px;
}
.pop_result_view .conwrap .btn_send{
	position:relative;
	margin:50px auto;
	width:222px;height:57px;
	text-align:center;	
}
.pop_result_view .conwrap .btn_send text{font-weight:500;}
.pop_result_view .conwrap .btn_send:hover .line{animation:btn2 2s linear;}







/* animation */
.ani_left{transform:translateX(120px);transition:all 1s;}
.ani_right{transform:translateX(-120px);transition:all 1s;}
.in-view .ani_left{transform:translateX(0px);}
.in-view .ani_right{transform:translateX(0px);}

.ani_up{transform:translateY(60px);opacity:0;transition:all 1s;}
.in-view .ani_up,
.in-view.ani_up{
	width:1000px;
	margin:auto;
	transform:translateY(0px);
	opacity:1;
	line-height:27px;
	text-align:left;
}

/**/

@keyframes point_ani{
	0%{transform:scale(0) translateY(20px);}
	50%{transform:scale(1) translateY(-20px);}
	100%{transform:scale(1) translateY(0px);}
}